@commercelayer/app-elements 2.3.1 → 2.3.3

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

@@ -36,8 +36,12 @@ export declare const isUpdatableType: (value: any) => value is UpdatableType;
 export declare const ResourceMetadata: import('../../atoms/SkeletonTemplate').SkeletonTemplateComponent<{
     resourceType: ListableResourceType;
     resourceId: string;
-    mode?: ResourceMetadataMode;
+    mode?: ResourceMetadataMode
+    /**
+     * Edit overlay configuration
+     */
+     | undefined;
     overlay: ResourceMetadataOverlay;
-    delayMs?: number;
-    isLoading?: boolean;
+    delayMs?: number | undefined;
+    isLoading?: boolean | undefined;
 }>;

package/dist/ui/resources/ResourceMetadata/ResourceMetadataForm.d.ts

@@ -11,7 +11,7 @@ export declare const ResourceMetadataForm: import('../../atoms/SkeletonTemplate'
     onSubmit: (formValues: ResourceMetadataFormValues) => void;
     isSubmitting: boolean;
     apiError?: any;
-    delayMs?: number;
-    isLoading?: boolean;
+    delayMs?: number | undefined;
+    isLoading?: boolean | undefined;
 }>;
 export {};

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

@@ -10,12 +10,12 @@ export interface ResourceOrderTimelineProps {
     };
 }
 export declare const ResourceOrderTimeline: import('../atoms/SkeletonTemplate').SkeletonTemplateComponent<{
-    orderId?: string;
-    refresh?: boolean;
+    orderId?: string | undefined;
+    refresh?: boolean | undefined;
     attachmentOption?: {
         onMessage?: (attachment: Attachment) => void;
         referenceOrigin: typeof referenceOrigins.appOrdersNote | typeof referenceOrigins.appShipmentsNote;
-    };
-    delayMs?: number;
-    isLoading?: boolean;
+    } | undefined;
+    delayMs?: number | undefined;
+    isLoading?: boolean | undefined;
 }>;

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

@@ -6,7 +6,7 @@ export interface ResourceShipmentParcelsProps {
 }
 export declare const ResourceShipmentParcels: import('../atoms/SkeletonTemplate').SkeletonTemplateComponent<{
     shipment: ShipmentResource;
-    onRemoveParcel?: (parcelId: string) => void;
-    delayMs?: number;
-    isLoading?: boolean;
+    onRemoveParcel?: ((parcelId: string) => void) | undefined;
+    delayMs?: number | undefined;
+    isLoading?: boolean | undefined;
 }>;

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

@@ -34,8 +34,8 @@ export declare const ResourceTags: import('../atoms/SkeletonTemplate').SkeletonT
     resourceType: TaggableResource;
     resourceId: string;
     overlay: TagsOverlay;
-    onTagClick?: (tagId: string) => void;
-    delayMs?: number;
-    isLoading?: boolean;
+    onTagClick?: ((tagId: string) => void) | undefined;
+    delayMs?: number | undefined;
+    isLoading?: boolean | undefined;
 }>;
 export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@commercelayer/app-elements",
-  "version": "2.3.1",
+  "version": "2.3.3",
   "type": "module",
   "license": "MIT",
   "files": [
@@ -27,55 +27,55 @@
     "pnpm": ">=7"
   },
   "dependencies": {
-    "@commercelayer/sdk": "6.10.0",
+    "@commercelayer/sdk": "6.15.0",
     "@types/lodash": "^4.17.7",
-    "@types/react": "^18.3.3",
+    "@types/react": "^18.3.5",
     "@types/react-datepicker": "^6.2.0",
     "@types/react-dom": "^18.3.0",
     "classnames": "^2.5.1",
     "jwt-decode": "^4.0.0",
     "lodash": "^4.17.21",
     "pluralize": "^8.0.0",
-    "query-string": "^9.0.0",
+    "query-string": "^9.1.0",
     "react": "^18.3.1",
     "react-currency-input-field": "^3.8.0",
     "react-datepicker": "^7.3.0",
     "react-dom": "^18.3.1",
-    "react-hook-form": "^7.52.1",
+    "react-hook-form": "^7.53.0",
     "react-select": "^5.8.0",
-    "react-tooltip": "^5.27.1",
+    "react-tooltip": "^5.28.0",
     "swr": "^2.2.5",
     "ts-invariant": "^0.10.3",
-    "type-fest": "^4.22.1",
+    "type-fest": "^4.26.0",
     "zod": "^3.23.8"
   },
   "devDependencies": {
     "@commercelayer/eslint-config-ts-react": "^1.4.5",
     "@hookform/resolvers": "^3.9.0",
     "@phosphor-icons/react": "v2.1.7",
-    "@tailwindcss/forms": "^0.5.7",
-    "@testing-library/jest-dom": "^6.4.6",
-    "@testing-library/react": "^16.0.0",
-    "@types/node": "^20.14.11",
+    "@tailwindcss/forms": "^0.5.8",
+    "@testing-library/jest-dom": "^6.5.0",
+    "@testing-library/react": "^16.0.1",
+    "@types/node": "^20.16.4",
     "@types/pluralize": "^0.0.33",
     "@types/react-gtm-module": "^2.0.3",
     "@types/testing-library__jest-dom": "^5.14.9",
     "@vitejs/plugin-react": "^4.3.1",
-    "autoprefixer": "^10.4.19",
+    "autoprefixer": "^10.4.20",
     "cross-fetch": "^4.0.0",
     "date-fns": "^3.6.0",
     "date-fns-tz": "^3.1.3",
     "eslint": "^8.57.0",
-    "jsdom": "^24.1.0",
-    "msw": "^2.3.2",
-    "postcss": "^8.4.39",
+    "jsdom": "^24.1.3",
+    "msw": "^2.4.2",
+    "postcss": "^8.4.45",
     "react-gtm-module": "^2.0.11",
-    "tailwindcss": "^3.4.6",
-    "typescript": "^5.5.3",
-    "vite": "^5.3.4",
+    "tailwindcss": "^3.4.10",
+    "typescript": "^5.5.4",
+    "vite": "^5.4.3",
     "vite-plugin-dts": "^3.9.1",
-    "vitest": "^2.0.3",
-    "wouter": "^3.3.1"
+    "vitest": "^2.0.5",
+    "wouter": "^3.3.5"
   },
   "peerDependencies": {
     "@commercelayer/sdk": "^6.x",

package/dist/ui/forms/InputReadonly.d.ts

@@ -1,46 +0,0 @@
-import { InputWrapperBaseProps } from '../internals/InputWrapper';
-
-export type InputReadonlyProps = InputWrapperBaseProps & {
-    /**
-     * Optional CSS class names used for the outer wrapper/container element
-     */
-    wrapperClassName?: string;
-    /**
-     * Optional CSS class names used for the input element
-     */
-    inputClassName?: string;
-    /**
-     * Optional prop to define whether to show or not the Copy to clipboard button
-     */
-    showCopyAction?: boolean;
-    /**
-     * Value to be rendered as simple input text
-     */
-    value?: string;
-    /**
-     * Multi-line content to be rendered as textarea like.
-     * It only accepts a string and will respect new lines when passing a template literal (backticks).
-     */
-    children?: string;
-    /**
-     * Show an icon to hide/show content. Content starts hidden if `secret` is true.
-     */
-    secret?: boolean;
-};
-export declare const InputReadonly: import('../atoms/SkeletonTemplate').SkeletonTemplateComponent<{
-    label?: string;
-    hint?: {
-        icon?: import('../atoms/Hint').HintProps["icon"];
-        text: import('../atoms/Hint').HintProps["children"];
-    };
-    feedback?: Omit<import('./InputFeedback').InputFeedbackProps, "className">;
-    inline?: boolean;
-    wrapperClassName?: string;
-    inputClassName?: string;
-    showCopyAction?: boolean;
-    value?: string;
-    children?: string;
-    secret?: boolean;
-    delayMs?: number;
-    isLoading?: boolean;
-}>;