@commercelayer/app-elements 0.2.0 → 0.2.1

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

@@ -0,0 +1,12 @@
+import type { LineItem, ParcelLineItem, ReturnLineItem, StockLineItem } from '@commercelayer/sdk';
+type Item = LineItem | ParcelLineItem | StockLineItem | ReturnLineItem;
+export declare const ResourceLineItems: import('../../atoms/SkeletonTemplate').SkeletonTemplateComponent<{
+    items: Item[];
+    size?: "small" | "normal" | undefined;
+    footer?: React.ReactNode;
+    editable?: boolean | undefined;
+    onChange?: (() => void) | undefined;
+    delayMs?: number | undefined;
+    isLoading?: boolean | undefined;
+}>;
+export {};

package/dist/ui/resources/{ResourceLineItems.mocks.d.ts → ResourceLineItems/ResourceLineItems.mocks.d.ts}

@@ -215,6 +215,24 @@ export declare const presetLineItems: {
         reference_origin: null;
         metadata: {};
     };
+    returnLineItem: {
+        id: string;
+        type: "return_line_items";
+        sku_code: string;
+        bundle_code: null;
+        quantity: number;
+        name: string;
+        image_url: string;
+        return_reason: {
+            0: string;
+        };
+        restocked_at: string;
+        created_at: string;
+        updated_at: string;
+        reference: null;
+        reference_origin: null;
+        metadata: {};
+    };
     giftCardUsed: {
         type: "line_items";
         id: string;

package/dist/ui/resources/ResourceLineItems/index.d.ts

@@ -0,0 +1 @@
+export { ResourceLineItems } from './ResourceLineItems';

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

@@ -0,0 +1,22 @@
+import { type ListableResourceType } from '@commercelayer/sdk/lib/cjs/api';
+interface ResourceMetadataOverlay {
+    /**
+     * Title shown as first line in edit overlay heading
+     */
+    title: string;
+    /**
+     * Optional description shown as second line in edit overlay heading
+     */
+    description?: string;
+}
+/**
+ * This component generates an all-in-one visualization and editing interface for managing metadata object values of requested resource.
+ */
+export declare const ResourceMetadata: import('../../atoms/SkeletonTemplate').SkeletonTemplateComponent<{
+    resourceType: ListableResourceType;
+    resourceId: string;
+    overlay: ResourceMetadataOverlay;
+    delayMs?: number | undefined;
+    isLoading?: boolean | undefined;
+}>;
+export {};

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

@@ -0,0 +1,14 @@
+import { type UseFormSetError } from 'react-hook-form';
+import { type Metadata } from '@commercelayer/sdk/lib/cjs/resource';
+interface ResourceMetadataFormValues {
+    metadata: Metadata;
+}
+export declare const ResourceMetadataForm: import('../../atoms/SkeletonTemplate').SkeletonTemplateComponent<{
+    defaultValues: ResourceMetadataFormValues;
+    onSubmit: (formValues: ResourceMetadataFormValues, setError: UseFormSetError<ResourceMetadataFormValues>) => void;
+    isSubmitting: boolean;
+    apiError?: any;
+    delayMs?: number | undefined;
+    isLoading?: boolean | undefined;
+}>;
+export {};

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

@@ -0,0 +1 @@
+export { ResourceMetadata } from './ResourceMetadata';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@commercelayer/app-elements",
-  "version": "0.2.0",
+  "version": "0.2.1",
   "type": "module",
   "license": "MIT",
   "files": [

package/dist/ui/forms/InputMetadata/HookedInputMetadata.d.ts

@@ -1,19 +0,0 @@
-/// <reference types="react" />
-interface Props {
-    /**
-     * field name to match hook-form state
-     */
-    name: string;
-}
-/**
- * `InputMetadata` component ready to be used with the `react-hook-form` context.
- * Metadata is stored in form state as object of strings (example: `{foo: 'bar'}` )
- * and should match the core api metadata structure. Non-string values are ignored and will not appear
- * in the form state.
- * @see InputMetadata
- */
-export declare function HookedInputMetadata({ name }: Props): JSX.Element;
-export declare namespace HookedInputMetadata {
-    var displayName: string;
-}
-export {};

package/dist/ui/forms/InputMetadata/index.d.ts

@@ -1 +0,0 @@
-export { HookedInputMetadata } from './HookedInputMetadata';

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

@@ -1,12 +0,0 @@
-import type { LineItem, ParcelLineItem, StockLineItem } from '@commercelayer/sdk';
-type Item = LineItem | ParcelLineItem | StockLineItem;
-export declare const ResourceLineItems: import('../atoms/SkeletonTemplate').SkeletonTemplateComponent<{
-    items: Item[];
-    size?: "small" | "normal" | undefined;
-    footer?: React.ReactNode;
-    editable?: boolean | undefined;
-    onChange?: (() => void) | undefined;
-    delayMs?: number | undefined;
-    isLoading?: boolean | undefined;
-}>;
-export {};

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

@@ -1,6 +0,0 @@
-import type { Metadata } from '@commercelayer/sdk/lib/cjs/resource';
-export declare const ResourceListItemsMetadata: import('../atoms/SkeletonTemplate').SkeletonTemplateComponent<{
-    metadata?: Metadata | undefined;
-    delayMs?: number | undefined;
-    isLoading?: boolean | undefined;
-}>;