@commercelayer/app-elements 6.13.0 → 7.0.0

package/dist/ui/resources/ResourceListItem/ResourceListItem.d.ts

@@ -1,3 +1,4 @@
+import { JSX } from 'react';
 import { ListItemProps } from '../../composite/ListItem';
 import { ResourceListItemType } from './types';
 export interface ResourceListItemProps {
@@ -17,6 +18,10 @@ export interface ResourceListItemProps {
      * Optional setting to show right content, if available, instead of right arrow
      */
     showRightContent?: boolean;
+    /**
+     * Optional override for the right slot. When provided, it replaces any computed right content.
+     */
+    rightContentOverride?: JSX.Element | null;
 }
 /**
  * This component generates a list item based on the requested resource data and type.
@@ -25,7 +30,12 @@ export declare const ResourceListItem: import('../../atoms/SkeletonTemplate').Sk
     resource: ResourceListItemType;
     href?: string | undefined;
     onClick?: (import('react').MouseEventHandler<HTMLElement> & import('react').MouseEventHandler<HTMLAnchorElement>) | undefined;
-    showRightContent?: boolean | undefined;
+    showRightContent?: boolean
+    /**
+     * Optional override for the right slot. When provided, it replaces any computed right content.
+     */
+     | undefined;
+    rightContentOverride?: (JSX.Element | null) | undefined;
     delayMs?: number | undefined;
     isLoading?: boolean | undefined;
 }>;

package/dist/ui/resources/ResourceListItem/ResourceListItem.mocks.d.ts

@@ -718,6 +718,49 @@ export declare const presetResourceListItem: {
             readonly updated_at: "";
             readonly shared_secret: "";
         };
+        stock_transfers: never[];
+    };
+    shipmentStockTransferCancelled: {
+        type: "shipments";
+        id: string;
+        created_at: string;
+        updated_at: string;
+        number: string;
+        status: "on_hold";
+        stock_location: {
+            readonly type: "stock_locations";
+            readonly id: "";
+            readonly name: "US Warehouse";
+            readonly created_at: "";
+            readonly updated_at: "";
+        };
+        shipping_method: {
+            readonly type: "shipping_methods";
+            readonly id: "";
+            readonly name: "Standard Shipping";
+            readonly price_amount_cents: 0;
+            readonly created_at: "";
+            readonly updated_at: "";
+            readonly shared_secret: "";
+        };
+        stock_transfers: {
+            id: string;
+            type: "stock_transfers";
+            number: string;
+            sku_code: string;
+            status: "cancelled";
+            quantity: number;
+            on_hold_at: null;
+            picking_at: null;
+            in_transit_at: null;
+            completed_at: null;
+            cancelled_at: string;
+            created_at: string;
+            updated_at: string;
+            reference: null;
+            reference_origin: null;
+            metadata: {};
+        }[];
     };
     shipmentShipped: {
         type: "shipments";

package/dist/ui/resources/useResourceList/useResourceList.d.ts

@@ -70,6 +70,13 @@ export type UseResourceListConfig<TResource extends ListableResourceType> = {
         };
         filter: Record<string, unknown>;
     };
+    /**
+     * Optional function to process the fetched resource list client-side before rendering.
+     * It receives the full list returned by the API and must return the processed list.
+     * Useful for client-side filtering or sorting that cannot be expressed via the API query.
+     * Affects both the `list` value returned by the hook and what is rendered by `<ResourceList>`.
+     */
+    preProcess?: (list: Array<Resource<TResource>>) => Array<Resource<TResource>>;
     /**
      * Pagination type: 'infinite' for infinite scrolling (default), 'pagination' for classic prev/next pagination.
      * Note: 'pagination' mode is only supported for Core API (not Metrics API).
@@ -88,7 +95,7 @@ export type UseResourceListConfig<TResource extends ListableResourceType> = {
 interface UseResourceListReturn<TResource extends ListableResourceType> {
     /** The component that renders the list with infinite scrolling or pagination functionality */
     ResourceList: FC<ResourceListProps<TResource>>;
-    /** The raw array of fetched resources, which grows each time a new page is fetched (infinite mode) or shows current page only (pagination mode) */
+    /** The array of resources to display. When `preProcess` is provided, this is the processed result; otherwise it is the raw fetched data, which grows each time a new page is fetched (infinite mode) or shows current page only (pagination mode) */
     list?: Array<Resource<TResource>>;
     /** Metadata related to pagination, as returned by the SDK */
     meta?: ListMeta;

package/dist/ui/resources/useTrackingDetails.d.ts

@@ -0,0 +1,6 @@
+import { Parcel as ParcelResource } from '@commercelayer/sdk';
+import { Rate } from '../../helpers/tracking';
+export declare const useTrackingDetails: (parcel: ParcelResource, rate?: Rate) => {
+    TrackingDetailsModal: () => false | import("react/jsx-runtime").JSX.Element;
+    openTrackingDetails: () => void;
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@commercelayer/app-elements",
-  "version": "6.13.0",
+  "version": "7.0.0",
   "type": "module",
   "license": "MIT",
   "files": [
@@ -31,25 +31,25 @@
     "url": "https://github.com/commercelayer/app-elements"
   },
   "engines": {
-    "node": ">=18",
-    "pnpm": ">=7"
+    "node": "22",
+    "pnpm": "10"
   },
   "dependencies": {
-    "@commercelayer/js-auth": "^7.2.0",
-    "@commercelayer/sdk": "6.55.0",
+    "@commercelayer/js-auth": "^7.4.1",
+    "@commercelayer/sdk": "^6.57.0",
     "@date-fns/tz": "^1.4.1",
-    "@monaco-editor/react": "4.7.0",
+    "@monaco-editor/react": "~4.7.0",
     "@types/lodash-es": "^4.17.12",
     "@types/react": "19.2.13",
     "@types/react-datepicker": "^7.0.0",
     "@types/react-dom": "19.2.3",
     "classnames": "^2.5.1",
-    "i18next": "^25.8.13",
+    "i18next": "^25.10.10",
     "i18next-resources-to-backend": "^1.2.1",
     "js-cookie": "^3.0.5",
     "jwt-decode": "^4.0.0",
-    "lodash-es": "^4.17.23",
-    "monaco-editor": "0.53.0",
+    "lodash-es": "^4.18.1",
+    "monaco-editor": "~0.53.0",
     "pluralize": "^8.0.0",
     "query-string": "^9.3.1",
     "react": "19.2.4",
@@ -60,34 +60,34 @@
     "react-i18next": "^15.7.4",
     "react-select": "^5.10.2",
     "react-toastify": "^11.0.5",
-    "react-tooltip": "^5.30.0",
-    "swr": "^2.4.0",
+    "react-tooltip": "^5.30.1",
+    "swr": "^2.4.1",
     "ts-invariant": "^0.10.3",
-    "type-fest": "^5.4.4",
+    "type-fest": "^5.5.0",
     "zod": "^3.25.76"
   },
   "devDependencies": {
     "@hookform/resolvers": "^3.10.0",
-    "@phosphor-icons/react": "v2.1.10",
+    "@phosphor-icons/react": "^2.1.10",
     "@tailwindcss/forms": "^0.5.11",
-    "@tailwindcss/postcss": "^4.2.1",
+    "@tailwindcss/postcss": "^4.2.2",
     "@testing-library/jest-dom": "^6.9.1",
     "@testing-library/react": "^16.3.2",
     "@types/js-cookie": "^3.0.6",
-    "@types/node": "^20.19.33",
+    "@types/node": "^22.19.17",
     "@types/pluralize": "^0.0.33",
     "@types/react-gtm-module": "^2.0.4",
-    "@vitejs/plugin-react": "^5.1.4",
+    "@vitejs/plugin-react": "^5.2.0",
     "cross-fetch": "^4.1.0",
     "date-fns": "^4.1.0",
     "date-fns-tz": "^3.2.0",
     "jsdom": "^27.4.0",
-    "msw": "^2.12.10",
-    "postcss": "^8.5.6",
+    "msw": "^2.13.3",
+    "postcss": "^8.5.9",
     "react-gtm-module": "^2.0.11",
-    "tailwindcss": "^4.2.1",
-    "typescript": "~5.9.3",
-    "vite": "^7.3.1",
+    "tailwindcss": "^4.2.2",
+    "typescript": "^5.9.3",
+    "vite": "^7.3.2",
     "vite-plugin-dts": "^4.5.4",
     "vitest": "^3.2.4",
     "wouter": "^3.9.0"
@@ -105,8 +105,10 @@
     "build": "tsc && vite build && pnpm build:css-vendor && pnpm build:tailwind-cfg",
     "build:tailwind-cfg": "cp ./src/styles/global.css ./dist/tailwind.global.css",
     "build:css-vendor": "pnpm dlx @tailwindcss/cli -i ./src/styles/vendor.css -o ./dist/vendor.css --minify",
-    "lint:fix": "pnpm biome check --write",
+    "check": "pnpm biome check",
+    "check:fix": "pnpm biome check --write",
     "test": "vitest run",
+    "test:update": "vitest run --update",
     "test:watch": "vitest",
     "ts:check": "tsc --noEmit",
     "generate:schema.order_rules": "curl -s https://core.commercelayer.io/api/public/schemas/order_rules | pnpx json-schema-to-typescript > ./src/ui/forms/RuleEngine/schema.order_rules.ts",