fix(admin-ui): move dependencies from devDependencies (#3405)

.changeset/tasty-hornets-flow.md

@@ -0,0 +1,5 @@
+---
+"@medusajs/admin-ui": patch
+---
+
+fix(admin-ui): move tailwind to direct dependency

packages/admin-ui/package.json

@@ -39,15 +39,20 @@
     "@radix-ui/react-switch": "^1.0.1",
     "@radix-ui/react-tooltip": "^1.0.3",
     "@segment/analytics-next": "^1.51.1",
+    "@tailwindcss/forms": "^0.5.3",
+    "@tailwindcss/line-clamp": "^0.4.2",
     "@tanstack/react-query": "4.22.0",
     "@tanstack/react-table": "^8.7.9",
     "@vitejs/plugin-react": "^3.1.0",
+    "autoprefixer": "^10.4.13",
     "clsx": "^1.2.1",
     "confetti-js": "^0.0.18",
     "copy-to-clipboard": "^3.3.1",
     "emoji-picker-react": "^4.4.3",
     "framer-motion": "^9.1.6",
     "medusa-react": "*",
+    "postcss": "^8.4.21",
+    "query-string": "^8.1.0",
     "react": "^18.2.0",
     "react-collapsible": "^2.8.3",
     "react-country-flag": "^3.0.2",
@@ -67,23 +72,19 @@
     "react-router-dom": "^6.8.0",
     "react-select": "^5.5.4",
     "react-table": "^7.7.0",
+    "tailwindcss": "3.2.2",
+    "tailwindcss-radix": "^2.7.0",
     "type-fest": "^3.6.0",
     "vite": "^4.1.4"
   },
   "devDependencies": {
     "@medusajs/medusa": "*",
-    "@tailwindcss/forms": "^0.5.3",
-    "@tailwindcss/line-clamp": "^0.4.2",
     "@testing-library/jest-dom": "^5.16.5",
     "@testing-library/react": "^14.0.0",
     "@testing-library/user-event": "^14.4.3",
     "@types/react": "^18.0.27",
     "@types/react-dom": "^18.0.10",
     "@types/react-table": "^7.7.9",
-    "autoprefixer": "^10.4.13",
-    "postcss": "^8.4.21",
-    "tailwindcss": "3.2.2",
-    "tailwindcss-radix": "^2.7.0",
     "typescript": "^4.9.3",
     "vitest": "^0.28.5"
   },

packages/admin-ui/ui/postcss.config.js

@@ -2,10 +2,10 @@ const path = require("path")
 
 module.exports = {
   plugins: [
+    require("tailwindcss/nesting"),
     require("tailwindcss")({
       config: path.join(__dirname, "tailwind.config.js"),
     }),
     require("autoprefixer"),
-    require("tailwindcss/nesting"),
   ],
 }

packages/admin-ui/ui/src/domain/orders/new/components/shipping-details.tsx

@@ -1,5 +1,5 @@
 import qs from "query-string"
-import React, { useContext, useEffect, useMemo, useState } from "react"
+import { useContext, useEffect, useMemo, useState } from "react"
 import Spinner from "../../../../components/atoms/spinner"
 import Button from "../../../../components/fundamentals/button"
 import AddressForm, {
@@ -7,7 +7,7 @@ import AddressForm, {
 } from "../../../../components/templates/address-form"
 import Medusa from "../../../../services/api"
 
-import { useAdminCustomer } from "medusa-react"
+import { useAdminCustomer, useAdminCustomers } from "medusa-react"
 import { Controller, useWatch } from "react-hook-form"
 import LockIcon from "../../../../components/fundamentals/icons/lock-icon"
 import InputField from "../../../../components/molecules/input"
@@ -24,6 +24,8 @@ const ShippingDetails = () => {
   const [addNew, setAddNew] = useState(false)
   const { disableNextPage, enableNextPage } = useContext(SteppedContext)
 
+  const { customers } = useAdminCustomers()
+
   const {
     context: { validCountries },
     form,
@@ -144,7 +146,7 @@ const ShippingDetails = () => {
   }, [shippingAddress, email])
 
   return (
-    <div className="min-h-[705px] flex flex-col gap-y-8">
+    <div className="flex min-h-[705px] flex-col gap-y-8">
       <div>
         <span className="inter-base-semibold">
           Customer and shipping details
@@ -182,11 +184,11 @@ const ShippingDetails = () => {
           required
           // @ts-ignore
           prefix={
-            !!customerId ? (
+            customerId ? (
               <LockIcon size={16} className="text-grey-40" />
             ) : undefined
           }
-          tabIndex={!!customerId ? -1 : 0}
+          tabIndex={customerId ? -1 : 0}
         />
       </div>
 
@@ -229,7 +231,7 @@ const ShippingDetails = () => {
             <Button
               variant="ghost"
               size="small"
-              className="border border-grey-20 w-[112px]"
+              className="border-grey-20 w-[112px] border"
               onClick={onCreateNew}
             >
               Create new

yarn.lock

@@ -5773,6 +5773,7 @@ __metadata:
     framer-motion: ^9.1.6
     medusa-react: "*"
     postcss: ^8.4.21
+    query-string: ^8.1.0
     react: ^18.2.0
     react-collapsible: ^2.8.3
     react-country-flag: ^3.0.2
@@ -17720,6 +17721,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"decode-uri-component@npm:^0.4.1":
+  version: 0.4.1
+  resolution: "decode-uri-component@npm:0.4.1"
+  checksum: a180bbdb5398ec8270d236a3ac07cb988bbf6097428481780b85840f088951dc0318a8d8f9d56796e1a322b55b29859cea29982f22f9b03af0bc60974c54e591
+  languageName: node
+  linkType: hard
+
 "decompress-response@npm:^3.3.0":
   version: 3.3.0
   resolution: "decompress-response@npm:3.3.0"
@@ -20854,6 +20862,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"filter-obj@npm:^5.1.0":
+  version: 5.1.0
+  resolution: "filter-obj@npm:5.1.0"
+  checksum: 716e8ad2bc352e206556b3e5695b3cdff8aab80c53ea4b00c96315bbf467b987df3640575100aef8b84e812cf5ea4251db4cd672bbe33b1e78afea88400c67dd
+  languageName: node
+  linkType: hard
+
 "finalhandler@npm:1.2.0":
   version: 1.2.0
   resolution: "finalhandler@npm:1.2.0"
@@ -33881,6 +33896,17 @@ __metadata:
   languageName: node
   linkType: hard
 
+"query-string@npm:^8.1.0":
+  version: 8.1.0
+  resolution: "query-string@npm:8.1.0"
+  dependencies:
+    decode-uri-component: ^0.4.1
+    filter-obj: ^5.1.0
+    split-on-first: ^3.0.0
+  checksum: 36247633651c7a2aaf84a5e0f9917dea5a514259fda7d49f88e47d698439709539d541506787d13e3543545539e8924cdae5df26e85520485d905332902d0220
+  languageName: node
+  linkType: hard
+
 "querystring-es3@npm:^0.2.0":
   version: 0.2.1
   resolution: "querystring-es3@npm:0.2.1"
@@ -37268,6 +37294,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"split-on-first@npm:^3.0.0":
+  version: 3.0.0
+  resolution: "split-on-first@npm:3.0.0"
+  checksum: a1262eae12b68de235e1a08e011bf5b42c42621985ddf807e6221fb1e2b3304824913ae7019f18436b96b8fab8aef5f1ad80dedd2385317fdc51b521c3882cd0
+  languageName: node
+  linkType: hard
+
 "split-string@npm:^3.0.1, split-string@npm:^3.0.2":
   version: 3.1.0
   resolution: "split-string@npm:3.1.0"