Update deps to latest major

package.json

@@ -33,7 +33,7 @@
     "husky": "^9.0.11",
     "lerna": "^8.1.2",
     "lint-staged": "^15.2.2",
-    "npm-check-updates": "^16.14.18"
+    "npm-check-updates": "^16.14.20"
   },
   "resolutions": {
     "ip": "^2.0.1",

packages/app/package.json

@@ -15,32 +15,32 @@
     "prepare": "touch ./public/config.local.js"
   },
   "dependencies": {
-    "@commercelayer/app-elements": "1.20.1",
-    "@commercelayer/sdk": "5.36.0",
+    "@commercelayer/app-elements": "1.24.2",
+    "@commercelayer/sdk": "5.37.0",
     "@hookform/resolvers": "^3.3.4",
     "lodash": "^4.17.21",
-    "react": "^18.2.0",
-    "react-dom": "^18.2.0",
-    "react-hook-form": "7.51.2",
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1",
+    "react-hook-form": "7.51.4",
     "swr": "^2.2.5",
-    "type-fest": "^4.15.0",
-    "wouter": "^3.1.0",
-    "zod": "^3.22.4"
+    "type-fest": "^4.18.2",
+    "wouter": "^3.1.2",
+    "zod": "^3.23.8"
   },
   "devDependencies": {
     "@commercelayer/eslint-config-ts-react": "^1.4.5",
-    "@testing-library/react": "^14.2.2",
-    "@types/lodash": "^4.17.0",
-    "@types/node": "20.12.4",
-    "@types/react": "^18.2.74",
-    "@types/react-dom": "^18.2.24",
+    "@testing-library/react": "^15.0.7",
+    "@types/lodash": "^4.17.1",
+    "@types/node": "20.12.11",
+    "@types/react": "^18.3.1",
+    "@types/react-dom": "^18.3.0",
     "@vitejs/plugin-react": "^4.2.1",
     "eslint": "^8.57.0",
     "jsdom": "^24.0.0",
-    "rollup-plugin-external-globals": "^0.9.2",
-    "typescript": "^5.4.3",
-    "vite": "^5.2.8",
+    "rollup-plugin-external-globals": "^0.10.0",
+    "typescript": "^5.4.5",
+    "vite": "^5.2.11",
     "vite-tsconfig-paths": "^4.3.2",
-    "vitest": "^1.4.0"
+    "vitest": "^1.6.0"
   }
 }

packages/app/src/components/ListItemStockItem.tsx

@@ -57,7 +57,9 @@ export const ListItemStockItem = withSkeletonTemplate<Props>(
             </Spacer>
           )}
         </div>
-        <Text weight='semibold'>x {resource.quantity}</Text>
+        <Text weight='semibold' wrap='nowrap'>
+          x {resource.quantity}
+        </Text>
       </ListItem>
     )
   }

packages/app/src/components/StockItemForm.tsx

@@ -1,7 +1,6 @@
 import { useAddItemOverlay } from '#hooks/useAddItemOverlay'
 import {
   Button,
-  ButtonCard,
   HookedForm,
   HookedInput,
   HookedValidationApiError,
@@ -68,14 +67,15 @@ export function StockItemForm({
             <Text weight='semibold'>SKU</Text>
             <Spacer top='2'>
               {stockItemFormWatchedItem == null ? (
-                <ButtonCard
-                  iconLabel='Add item'
-                  padding='4'
+                <Button
+                  variant='relationship'
                   fullWidth
                   onClick={() => {
                     showAddItemOverlay({ type: 'skus' })
                   }}
-                />
+                >
+                  Add item
+                </Button>
               ) : (
                 <ListItemSku
                   resource={sku}

packages/app/src/main.tsx

@@ -2,7 +2,6 @@ import {
   CoreSdkProvider,
   ErrorBoundary,
   MetaTags,
-  PageSkeleton,
   TokenProvider,
   createApp
 } from '@commercelayer/app-elements'
@@ -27,7 +26,7 @@ createApp(
             appSlug='inventory'
             devMode={isDev}
             reauthenticateOnInvalidAuth={!isDev && props?.onInvalidAuth == null}
-            loadingElement={<PageSkeleton />}
+            loadingElement={<div />}
             {...props}
           >
             <CoreSdkProvider>