@commercelayer/app-elements 2.7.4 → 2.8.0

package/dist/main.js

@@ -1,5 +1,5 @@
 "use client";
-import { aE as s, bi as t, aF as o, aG as r, aH as c, aI as n, aJ as u, aK as i, aL as l, aM as d, bj as p, aN as b, aO as g, aP as S, at as m, bk as I, bl as k, bm as D, bn as T, aQ as R, ax as y, ay as h, bx as C, aR as A, aS as H, bo as F, bF as P, bG as v, bI as f, bK as B, bM as O, bQ as N, bS as G, bX as L, bZ as E, c0 as w, c7 as x, c9 as V, cb as M, cd as W, cf as J, cj as U, ck as Y, cl as j, aT as q, aU as z, bH as K, bJ as X, bL as Z, bN as _, bP as $, bR as Q, bT as aa, bU as ea, bV as sa, bW as ta, bY as oa, b_ as ra, c1 as ca, c8 as na, ca as ua, cc as ia, ce as la, cg as da, ch as pa, ci as ba, bp as ga, bq as Sa, br as ma, bs as Ia, aA as ka, bt as Da, aV as Ta, bu as Ra, bv as ya, aW as ha, aX as Ca, aY as Aa, aZ as Ha, bw as Fa, co as Pa, cp as va, cs as fa, ct as Ba, cu as Oa, cv as Na, cw as Ga, cx as La, cy as Ea, cz as wa, by as xa, a_ as Va, bB as Ma, a$ as Wa, b0 as Ja, b1 as Ua, b2 as Ya, b4 as ja, b5 as qa, b6 as za, b7 as Ka, b8 as Xa, bd as Za, b9 as _a, bC as $a, be as Qa, bf as ae, ba as ee, bg as se, bb as te, bD as oe, aB as re, bE as ce, bh as ne, bc as ue, aa as ie, aw as le, bz as de, bA as pe, Z as be, _ as ge, a9 as Se, aC as me, c2 as Ie, bO as ke, $ as De, a0 as Te, a1 as Re, ab as ye, ac as he, ad as Ce, cB as Ae, cC as He, c3 as Fe, a2 as Pe, a3 as ve, a4 as fe, cD as Be, cE as Oe, cF as Ne, cG as Ge, cH as Le, ae as Ee, af as we, cI as xe, cJ as Ve, cK as Me, cL as We, ag as Je, ah as Ue, cM as Ye, cN as je, cO as qe, ak as ze, al as Ke, V as Xe, ai as Ze, aj as _e, X as $e, c4 as Qe, c5 as as, c6 as es, a5 as ss, W as ts, Y as os, a6 as rs, cq as cs, cm as ns, a7 as us, a8 as is, am as ls, au as ds, av as ps, an as bs, ao as gs, ap as Ss, b$ as ms, aq as Is, ar as ks, as as Ds, cr as Ts, cA as Rs, az as ys, aD as hs, cn as Cs, b3 as As } from "./main-CfwDxu1J.js";
+import { aE as s, bi as t, aF as o, aG as r, aH as c, aI as n, aJ as u, aK as i, aL as l, aM as d, bj as p, aN as b, aO as g, aP as S, at as m, bk as I, bl as k, bm as D, bn as T, aQ as R, ax as y, ay as h, bx as C, aR as A, aS as H, bo as F, bF as P, bG as v, bI as f, bK as B, bM as O, bQ as N, bS as G, bX as L, bZ as E, c0 as w, c7 as x, c9 as V, cb as M, cd as W, cf as J, cj as U, ck as Y, cl as j, aT as q, aU as z, bH as K, bJ as X, bL as Z, bN as _, bP as $, bR as Q, bT as aa, bU as ea, bV as sa, bW as ta, bY as oa, b_ as ra, c1 as ca, c8 as na, ca as ua, cc as ia, ce as la, cg as da, ch as pa, ci as ba, bp as ga, bq as Sa, br as ma, bs as Ia, aA as ka, bt as Da, aV as Ta, bu as Ra, bv as ya, aW as ha, aX as Ca, aY as Aa, aZ as Ha, bw as Fa, co as Pa, cp as va, cs as fa, ct as Ba, cu as Oa, cv as Na, cw as Ga, cx as La, cy as Ea, cz as wa, by as xa, a_ as Va, bB as Ma, a$ as Wa, b0 as Ja, b1 as Ua, b2 as Ya, b4 as ja, b5 as qa, b6 as za, b7 as Ka, b8 as Xa, bd as Za, b9 as _a, bC as $a, be as Qa, bf as ae, ba as ee, bg as se, bb as te, bD as oe, aB as re, bE as ce, bh as ne, bc as ue, aa as ie, aw as le, bz as de, bA as pe, Z as be, _ as ge, a9 as Se, aC as me, c2 as Ie, bO as ke, $ as De, a0 as Te, a1 as Re, ab as ye, ac as he, ad as Ce, cB as Ae, cC as He, c3 as Fe, a2 as Pe, a3 as ve, a4 as fe, cD as Be, cE as Oe, cF as Ne, cG as Ge, cH as Le, ae as Ee, af as we, cI as xe, cJ as Ve, cK as Me, cL as We, ag as Je, ah as Ue, cM as Ye, cN as je, cO as qe, ak as ze, al as Ke, V as Xe, ai as Ze, aj as _e, X as $e, c4 as Qe, c5 as as, c6 as es, a5 as ss, W as ts, Y as os, a6 as rs, cq as cs, cm as ns, a7 as us, a8 as is, am as ls, au as ds, av as ps, an as bs, ao as gs, ap as Ss, b$ as ms, aq as Is, ar as ks, as as Ds, cr as Ts, cA as Rs, az as ys, aD as hs, cn as Cs, b3 as As } from "./main-C51zpxs_.js";
 export {
   s as A,
   t as ActionButtons,

package/dist/ui/atoms/Icon/icons.d.ts

@@ -11,6 +11,7 @@ export declare const iconMapping: {
     readonly arrowDown: phosphor.Icon;
     readonly arrowLeft: phosphor.Icon;
     readonly arrowRight: phosphor.Icon;
+    readonly arrowsDownUp: phosphor.Icon;
     readonly arrowsLeftRight: phosphor.Icon;
     readonly arrowSquareOut: phosphor.Icon;
     readonly arrowUpRight: phosphor.Icon;

package/dist/ui/atoms/Table/Table.d.ts

@@ -2,9 +2,10 @@ import { default as React } from 'react';
 
 export interface TableProps {
     thead?: React.ReactNode;
-    tbody?: React.ReactNode;
     className?: string;
     variant?: 'boxed';
+    tbody?: React.ReactNode;
+    tfoot?: React.ReactNode;
 }
 /**
  * `<Table>` component is used to organize and display data efficiently.

package/dist/ui/atoms/Table/Td.d.ts

@@ -1,4 +1,6 @@
-export interface TdProps extends React.TdHTMLAttributes<HTMLElement> {
+import { SkeletonTemplateProps } from '../SkeletonTemplate';
+
+export interface TdProps extends React.TdHTMLAttributes<HTMLElement>, SkeletonTemplateProps {
     children?: React.ReactNode;
     textEllipsis?: number;
 }

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

@@ -1,5 +1,6 @@
 import { SectionProps } from '../../atoms/Section';
 import { SkeletonTemplateProps } from '../../atoms/SkeletonTemplate';
+import { ThProps } from '../../atoms/Table/Th';
 import { FetcherResponse, Resource } from './infiniteFetcher';
 import { ListableResourceType, QueryParamsList, ResourceFields } from '@commercelayer/sdk';
 import { default as React, FC } from 'react';
@@ -16,6 +17,9 @@ export interface ResourceListItemTemplateProps<TResource extends ListableResourc
     remove?: () => void;
 }> {
 }
+type TableVariantHeading = Omit<ThProps, 'children'> & {
+    label: React.ReactNode;
+};
 export interface ResourceListItemTemplate<TResource extends ListableResourceType> {
     /**
      * A react component to be used to render each item in the list.
@@ -47,17 +51,26 @@ export type ResourceListProps<TResource extends ListableResourceType> = Pick<Sec
     };
     /**
      * An element to be rendered when the list is empty.
+     * When not provided, a default message will be shown.
+     * When a string is provided, it will be rendered as inline text below title and actionButton.
+     * When a JSX element is provided, it will be rendered as a custom element and no title or actionButton will be shown.
      */
-    emptyState: JSX.Element;
+    emptyState?: JSX.Element;
     /**
      * Title.
      */
     title?: ((recordCount: number | undefined) => React.ReactNode) | React.ReactNode;
     /**
-     *
+     * Force the size of the title, when not defined, title size will be `small` by default or `normal` when variant is `table` or `boxed`.
      */
+    titleSize?: SectionProps['titleSize'];
+} & ({
+    /** Boxed variant wraps the list in a Card */
     variant?: 'boxed';
-} & (ResourceListItemTemplate<TResource> | {
+} | {
+    variant: 'table';
+    headings: TableVariantHeading[];
+}) & (ResourceListItemTemplate<TResource> | {
     /**
      * Children as a function to render a custom element.
      * @example
@@ -79,7 +92,8 @@ export type ResourceListProps<TResource extends ListableResourceType> = Pick<Sec
  * It's possible to specify a query to filter the list and either
  * a React component (`ItemTemplate`) to be used as item template for the list or a function as `children` to render a custom element.
  */
-export declare function ResourceList<TResource extends ListableResourceType>({ type, query, title, variant, actionButton, emptyState, metricsQuery, ...props }: ResourceListProps<TResource>): JSX.Element;
+export declare function ResourceList<TResource extends ListableResourceType>({ type, query, title, titleSize, variant, actionButton, metricsQuery, emptyState: emptyStateProp, ...props }: ResourceListProps<TResource>): JSX.Element;
 export declare namespace ResourceList {
     var displayName: string;
 }
+export {};

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

@@ -1,17 +1,10 @@
-import { Metadata } from '@commercelayer/sdk';
 import { ResourceMetadataProps } from './ResourceMetadata';
 
-interface ResourceMetadataFormValues {
-    metadata: Metadata;
-}
 export declare const ResourceMetadataForm: import('../../atoms/SkeletonTemplate').SkeletonTemplateComponent<{
-    resourceId: string;
-    defaultValues: ResourceMetadataFormValues;
+    resourceId: ResourceMetadataProps["resourceId"];
+    resourceType: ResourceMetadataProps["resourceType"];
     mode: ResourceMetadataProps["mode"];
-    onSubmit: (formValues: ResourceMetadataFormValues) => void;
-    isSubmitting: boolean;
-    apiError?: any;
+    onSubmitted: () => void;
     delayMs?: number | undefined;
     isLoading?: boolean | undefined;
 }>;
-export {};

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

@@ -1,7 +1,7 @@
 import { EditTagsOverlayProps } from '../../hooks/useEditTagsOverlay';
 import { ListableResourceType } from '@commercelayer/sdk';
 
-type TaggableResource = Extract<ListableResourceType, 'addresses' | 'bundles' | 'customers' | 'coupons' | 'gift_cards' | 'line_items' | 'orders' | 'returns' | 'sku_options' | 'skus' | 'shipments'>;
+type TaggableResource = Extract<ListableResourceType, 'addresses' | 'bundles' | 'coupons' | 'customers' | 'gift_cards' | 'line_items' | 'line_item_options' | 'order_subscriptions' | 'orders' | 'buy_x_pay_y_promotions' | 'external_promotions' | 'fixed_amount_promotions' | 'fixed_price_promotions' | 'flex_promotions' | 'free_gift_promotions' | 'free_shipping_promotions' | 'percentage_discount_promotions' | 'returns' | 'shipments' | 'sku_options' | 'skus'>;
 interface TagsOverlay extends Omit<EditTagsOverlayProps, 'resourceId' | 'resourceType'> {
 }
 export interface ResourceTagsProps {

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

@@ -58,7 +58,7 @@ interface UseResourceFiltersHook {
     /**
      * Filtered ResourceList component based on current active filters
      */
-    FilteredList: <TResource extends ListableResourceType>(props: Pick<ResourceListProps<TResource>, 'type' | 'emptyState' | 'actionButton'> & ResourceListItemTemplate<TResource> & {
+    FilteredList: <TResource extends ListableResourceType>(props: Omit<ResourceListProps<TResource>, 'query' | 'metricsQuery'> & ResourceListItemTemplate<TResource> & {
         query?: Omit<NonNullable<ResourceListProps<TResource>['query']>, 'filters'>;
         metricsQuery?: Omit<NonNullable<ResourceListProps<TResource>['metricsQuery']>, 'filter'> & {
             /** Filters need to be configured within the `useResourceFilters` options. */

package/package.json

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