@commercelayer/app-elements 0.0.76 → 0.0.78

package/dist/main.js

@@ -1,4 +1,4 @@
-import { ah as o, aW as n, ai as i, aj as u, ak as l, am as b, an as g, ao as d, ap as p, aX as m, aq as c, aY as S, ar as T, aa as I, aQ as D, aR as k, aS as y, as as C, ad as P, at as h, au as B, av as A, aw as R, b3 as L, b4 as v, b5 as O, b6 as f, b8 as N, b9 as F, ba as x, bb as M, bc as w, bd as V, be as G, bf as E, bg as H, bm as J, bn as j, bo as q, bp as z, bq as K, ay as Q, bx as U, bt as W, bu as X, bv as Y, bw as Z, by as $, bz as _, ae as aa, bA as ea, bB as sa, az as ta, aZ as ra, aA as oa, a_ as na, a$ as ia, aB as ua, aC as la, aD as ba, br as ga, bC as da, b0 as pa, bD as ma, bE as ca, b1 as Sa, bF as Ta, aE as Ia, aF as Da, aG as ka, aI as ya, aJ as Ca, aK as Pa, aL as ha, aM as Ba, bG as Aa, bH as Ra, aN as La, aO as va, aT as Oa, aP as fa, aU as Na, b2 as Fa, bs as xa, af as Ma, aV as wa, al as Va, X as Ga, W as Ea, bh as Ha, b7 as Ja, R as ja, Y as qa, Z as za, $ as Ka, bi as Qa, S as Ua, T as Wa, bI as Xa, bJ as Ya, bK as Za, bL as $a, bM as _a, bN as ae, a0 as ee, a1 as se, a2 as te, a3 as re, M as oe, a4 as ne, a5 as ie, ax as ue, O as le, bj as be, bk as ge, bl as de, N as pe, Q as me, U as ce, V as Se, a6 as Te, ab as Ie, ac as De, a7 as ke, a8 as ye, a9 as Ce, ag as Pe, aH as he } from "./main-020a0e90.js";
+import { ah as o, aW as n, ai as i, aj as u, ak as l, am as b, an as g, ao as d, ap as p, aX as m, aq as c, aY as S, ar as T, aa as I, aQ as D, aR as k, aS as y, as as C, ad as P, at as h, au as B, av as A, aw as R, b3 as L, b4 as v, b5 as O, b6 as f, b8 as N, b9 as F, ba as x, bb as M, bc as w, bd as V, be as G, bf as E, bg as H, bm as J, bn as j, bo as q, bp as z, bq as K, ay as Q, bx as U, bt as W, bu as X, bv as Y, bw as Z, by as $, bz as _, ae as aa, bA as ea, bB as sa, az as ta, aZ as ra, aA as oa, a_ as na, a$ as ia, aB as ua, aC as la, aD as ba, br as ga, bC as da, b0 as pa, bD as ma, bE as ca, b1 as Sa, bF as Ta, aE as Ia, aF as Da, aG as ka, aI as ya, aJ as Ca, aK as Pa, aL as ha, aM as Ba, bG as Aa, bH as Ra, aN as La, aO as va, aT as Oa, aP as fa, aU as Na, b2 as Fa, bs as xa, af as Ma, aV as wa, al as Va, X as Ga, W as Ea, bh as Ha, b7 as Ja, R as ja, Y as qa, Z as za, $ as Ka, bi as Qa, S as Ua, T as Wa, bI as Xa, bJ as Ya, bK as Za, bL as $a, bM as _a, bN as ae, a0 as ee, a1 as se, a2 as te, a3 as re, M as oe, a4 as ne, a5 as ie, ax as ue, O as le, bj as be, bk as ge, bl as de, N as pe, Q as me, U as ce, V as Se, a6 as Te, ab as Ie, ac as De, a7 as ke, a8 as ye, a9 as Ce, ag as Pe, aH as he } from "./main-740e7f02.js";
 import "react";
 import "react-dom";
 import "@commercelayer/sdk";

package/dist/{overrides-71912a6c.js → overrides-f9354b78.js}

@@ -1,7 +1,7 @@
-import { d as Se, g as gr, _ as In, a as br, b as pr, c as fr, f as mr } from "./unsupportedIterableToArray-92b7b607.js";
+import { d as Se, g as gr, _ as In, a as br, b as pr, c as fr, f as mr } from "./unsupportedIterableToArray-1a2db0a9.js";
 import * as B from "react";
 import { useLayoutEffect as vn, forwardRef as Ir, useContext as Te, createElement as me, Fragment as Be, createContext as Ct, useRef as oe, useState as Ie, useMemo as Ce, useCallback as Y, Component as vr, useEffect as hn } from "react";
-import { _ as hr, H as se, K as Cn } from "./main-020a0e90.js";
+import { _ as hr, H as se, K as Cn } from "./main-740e7f02.js";
 import { createPortal as Cr } from "react-dom";
 function V() {
   return V = Object.assign ? Object.assign.bind() : function(t) {

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

@@ -21,8 +21,12 @@ export interface LegendProps {
      */
     className?: string;
 }
-declare function Legend({ title, titleSize, actionButton, className, border, ...rest }: LegendProps): JSX.Element;
-declare namespace Legend {
-    var displayName: string;
-}
-export { Legend };
+export declare const Legend: import('../atoms/SkeletonTemplate').SkeletonTemplateComponent<{
+    title?: ReactNode;
+    titleSize?: "small" | "normal" | undefined;
+    border?: "none" | undefined;
+    actionButton?: ReactNode;
+    className?: string | undefined;
+    delayMs?: number | undefined;
+    isLoading?: boolean | undefined;
+}>;

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

@@ -1,7 +1,7 @@
 import { type FC, type FunctionComponent, type ReactNode, type ReactPortal } from 'react';
 import { type Simplify } from 'type-fest';
 type ReactNodeNoPortal = Exclude<ReactNode, ReactPortal>;
-type SkeletonTemplateProps<P = Record<string, unknown>> = Simplify<P & {
+export type SkeletonTemplateProps<P = Record<string, unknown>> = Simplify<P & {
     /**
      * This prevents `SkeletonTemplate` to appear immediately.
      * It can be used when loading times are too short and you don't want flashing of content

package/dist/ui/composite/SearchBar.d.ts

@@ -25,9 +25,15 @@ interface SearchBarProps {
      * Placeholder text for the input element
      */
     placeholder?: string;
+    /**
+     * Enable auto focus on the input element
+     */
+    autoFocus?: boolean;
 }
-declare function SearchBar({ initialValue, onSearch, onClear, debounceMs, className, placeholder, ...rest }: SearchBarProps): JSX.Element;
-declare namespace SearchBar {
-    var displayName: string;
-}
-export { SearchBar };
+/**
+ * This component renders a search bar with a clear button with debounced `onSearch` callback.
+ * <blockquote type='info'>In this way the `onSearch` callback will be triggered only when the user stops typing
+ * for the specified value of `debounceMs` (default 500ms).</blockquote>
+ */
+export declare const SearchBar: import("react").ForwardRefExoticComponent<SearchBarProps & import("react").RefAttributes<HTMLInputElement>>;
+export {};

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

@@ -1,17 +1,41 @@
 import { type LegendProps } from '../../atoms/Legend';
+import { type SkeletonTemplateProps } from '../../atoms/SkeletonTemplate';
 import { type CommerceLayerClient, type QueryParamsList } from '@commercelayer/sdk';
 import { type ListableResourceType } from '@commercelayer/sdk/lib/cjs/api';
 import { type FC } from 'react';
 import { type Resource } from './infiniteFetcher';
+export interface ResourceListItemProps<TResource extends ListableResourceType> extends SkeletonTemplateProps<{
+    /**
+     * The fetched resource
+     */
+    resource?: Resource<TResource>;
+    /**
+     * callback to be used to remove the item from the list as UI element.
+     * This needs to be used after a successful API call to delete the resource, since it just affects the current UI rendering and not the server data.
+     */
+    remove?: () => void;
+}> {
+}
 export interface ResourceListProps<TResource extends ListableResourceType> extends Pick<LegendProps, 'title' | 'actionButton'> {
+    /**
+     * The resource type to be fetched in the list
+     */
     type: TResource;
+    /**
+     * SDK query object to be used to fetch the list, excluding the pageNumber that is handled internally for infinite scrolling.
+     */
     query?: Omit<QueryParamsList, 'pageNumber'>;
-    Item: FC<{
-        resource?: Resource<TResource>;
-        isLoading?: boolean;
-        delayMs?: number;
-    }>;
+    /**
+     * A react component to be used to render each item in the list.
+     */
+    Item: FC<ResourceListItemProps<TResource>>;
+    /**
+     * An element to be rendered when the list is empty.
+     */
     emptyState: JSX.Element;
+    /**
+     * A valid CommerceLayer SDK client instance.
+     */
     sdkClient?: CommerceLayerClient;
 }
 declare function ResourceList<TResource extends ListableResourceType>({ type, query, title, Item, actionButton, sdkClient, emptyState }: ResourceListProps<TResource>): JSX.Element;

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

@@ -18,6 +18,11 @@ type Action<TResource extends ListableResourceType> = {
 } | {
     type: 'error';
     payload: string;
+} | {
+    type: 'removeItem';
+    payload: {
+        resourceId: string;
+    };
 };
 export declare const reducer: <TResource extends ListableResourceType>(state: ResourceListInternalState<TResource>, action: Action<TResource>) => ResourceListInternalState<TResource>;
 export {};

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

@@ -8,6 +8,7 @@ export declare const shipmentWithoutTracking: import("@commercelayer/sdk/lib/cjs
 export declare const shipmentWithStatusDifferentFromPacking: import("@commercelayer/sdk/lib/cjs/resources/shipments").Shipment;
 export declare const shipmentHasBeenPurchased: import("@commercelayer/sdk/lib/cjs/resources/shipments").Shipment;
 export declare const shipmentWithSingleParcelSingleTracking: import("@commercelayer/sdk/lib/cjs/resources/shipments").Shipment;
+export declare const shipmentWithSingleParcelSingleTrackingNoCarrier: import("@commercelayer/sdk/lib/cjs/resources/shipments").Shipment;
 export declare const shipmentWithMultipleParcelsSingleTracking: import("@commercelayer/sdk/lib/cjs/resources/shipments").Shipment;
 export declare const shipmentWithMultipleParcelsMultipleTrackings: import("@commercelayer/sdk/lib/cjs/resources/shipments").Shipment;
 export declare const shipmentWithoutTrackingDetails: import("@commercelayer/sdk/lib/cjs/resources/shipments").Shipment;

package/dist/{unsupportedIterableToArray-92b7b607.js → unsupportedIterableToArray-1a2db0a9.js}

@@ -1,4 +1,4 @@
-import { _ as i } from "./main-020a0e90.js";
+import { _ as i } from "./main-740e7f02.js";
 function p(e, t) {
   if (i(e) !== "object" || e === null)
     return e;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@commercelayer/app-elements",
-  "version": "0.0.76",
+  "version": "0.0.78",
   "type": "module",
   "files": [
     "dist"