@commercelayer/app-elements 2.2.9 → 2.3.1

package/dist/main.js

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

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

@@ -23,6 +23,7 @@ export declare const iconMapping: {
     readonly calculator: phosphor.Icon;
     readonly calendarBlank: phosphor.Icon;
     readonly calendarCheck: phosphor.Icon;
+    readonly calendarDots: phosphor.Icon;
     readonly camera: phosphor.Icon;
     readonly caretDown: phosphor.Icon;
     readonly caretRight: phosphor.Icon;
@@ -56,6 +57,7 @@ export declare const iconMapping: {
     readonly info: phosphor.Icon;
     readonly lifebuoy: phosphor.Icon;
     readonly lightbulbFilament: phosphor.Icon;
+    readonly lightning: phosphor.Icon;
     readonly linkSimple: phosphor.Icon;
     readonly list: phosphor.Icon;
     readonly lockSimple: phosphor.Icon;

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

@@ -1,4 +1,5 @@
 import { PageHeadingProps } from '../atoms/PageHeading';
+import { PageHeadingToolbarProps } from '../atoms/PageHeading/PageHeadingToolbar';
 import { ReactNode } from 'react';
 
 export interface HomePageLayoutProps extends Pick<PageHeadingProps, 'title'> {
@@ -6,12 +7,16 @@ export interface HomePageLayoutProps extends Pick<PageHeadingProps, 'title'> {
      * Page content
      */
     children: ReactNode;
+    /**
+     * When set, it will render a proper toolbar on the right side of the first row
+     */
+    toolbar?: PageHeadingToolbarProps;
 }
 /**
  * This component renders a standard `PageLayout` but holds some logic
  * to define some default behavior for the home page, such as the navigation button label and action.
  */
-export declare function HomePageLayout({ title, children }: HomePageLayoutProps): JSX.Element;
+export declare function HomePageLayout({ title, children, toolbar }: HomePageLayoutProps): JSX.Element;
 export declare namespace HomePageLayout {
     var displayName: string;
 }

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

@@ -1,22 +1,26 @@
 import { InputWrapperBaseProps } from '../../internals/InputWrapper';
 import { InputDateProps, MaybeDate } from '../InputDate/InputDateComponent';
 
-export interface InputDateRangeProps extends Pick<InputDateProps, 'isClearable' | 'format' | 'autoPlaceholder'>, InputWrapperBaseProps {
-    /**
-     * a tuple that represents the [from, to] dates
-     */
+export interface InputDateRangeProps extends Pick<InputDateProps, 'isClearable' | 'format' | 'autoPlaceholder' | 'showTimeSelect'>, InputWrapperBaseProps {
+    /** a tuple that represents the [from, to] dates */
     value: [MaybeDate, MaybeDate];
-    /**
-     * callback triggered when one of the two dates changes
-     */
+    /** callback triggered when one of the two dates changes */
     onChange: (dates: [MaybeDate, MaybeDate]) => void;
-    /**
-     * optional placeholder text for the `from` date
-     */
+    /** label to be displayed on the `from` date input. */
+    fromLabel?: string;
+    /** optional placeholder text for the `from` date  */
     fromPlaceholder?: string;
-    /**
-     * optional placeholder text for the `to` date
-     */
+    /** optional hint text for the `from` date  */
+    fromHint?: InputWrapperBaseProps['hint'];
+    /** label to be displayed on the `to` date input */
+    /** optional feedback message for the `from` date  */
+    fromFeedback?: InputWrapperBaseProps['feedback'];
+    toLabel?: string;
+    /** optional placeholder text for the `to` date */
     toPlaceholder?: string;
+    /** optional hint text for the `to` date  */
+    toHint?: InputWrapperBaseProps['hint'];
+    /** optional feedback message for the `to` date  */
+    toFeedback?: InputWrapperBaseProps['feedback'];
 }
 export declare const InputDateRange: import('react').ForwardRefExoticComponent<InputDateRangeProps & import('react').RefAttributes<HTMLDivElement>>;

package/dist/ui/forms/InputSelect/AsyncComponent.d.ts

@@ -1,9 +1,5 @@
-import { GroupBase, SelectInstance, StylesConfig } from 'react-select';
-import { SetRequired } from 'type-fest';
-import { InputSelectProps, InputSelectValue } from './InputSelect';
+import { GroupBase, SelectInstance } from 'react-select';
+import { GenericAsyncSelectComponentProps } from './GenericAsyncComponent';
+import { InputSelectValue } from './InputSelect';
 
-interface AsyncSelectComponentProps extends Omit<SetRequired<InputSelectProps, 'loadAsyncValues'>, 'label' | 'hint'> {
-    styles: StylesConfig<InputSelectValue>;
-}
-export declare const AsyncSelectComponent: import('react').ForwardRefExoticComponent<AsyncSelectComponentProps & import('react').RefAttributes<SelectInstance<InputSelectValue, boolean, GroupBase<InputSelectValue>>>>;
-export {};
+export declare const AsyncSelectComponent: import('react').ForwardRefExoticComponent<GenericAsyncSelectComponentProps & import('react').RefAttributes<SelectInstance<InputSelectValue, boolean, GroupBase<InputSelectValue>>>>;

package/dist/ui/forms/InputSelect/AsyncCreatableComponent.d.ts

@@ -0,0 +1,5 @@
+import { GroupBase, SelectInstance } from 'react-select';
+import { GenericAsyncSelectComponentProps } from './GenericAsyncComponent';
+import { InputSelectValue } from './InputSelect';
+
+export declare const AsyncCreatableSelectComponent: import('react').ForwardRefExoticComponent<GenericAsyncSelectComponentProps & import('react').RefAttributes<SelectInstance<InputSelectValue, boolean, GroupBase<InputSelectValue>>>>;

package/dist/ui/forms/InputSelect/CreatableComponent.d.ts

@@ -1,8 +1,7 @@
 import { GroupBase, SelectInstance, StylesConfig } from 'react-select';
 import { InputSelectProps, InputSelectValue } from './InputSelect';
 
-interface CreatableComponentProps extends Omit<InputSelectProps, 'loadAsyncValues' | 'label' | 'hint'> {
+export interface CreatableComponentProps extends Omit<InputSelectProps, 'loadAsyncValues' | 'label' | 'hint'> {
     styles: StylesConfig<InputSelectValue>;
 }
 export declare const CreatableComponent: import('react').ForwardRefExoticComponent<CreatableComponentProps & import('react').RefAttributes<SelectInstance<InputSelectValue, boolean, GroupBase<InputSelectValue>>>>;
-export {};

package/dist/ui/forms/InputSelect/GenericAsyncComponent.d.ts

@@ -0,0 +1,12 @@
+import { GroupBase, SelectInstance, StylesConfig } from 'react-select';
+import { default as AsyncSelect } from 'react-select/async';
+import { default as AsyncCreatableSelect } from 'react-select/async-creatable';
+import { SetRequired } from 'type-fest';
+import { InputSelectProps, InputSelectValue } from './InputSelect';
+
+export interface GenericAsyncSelectComponentProps extends Omit<SetRequired<InputSelectProps, 'loadAsyncValues'>, 'label' | 'hint'> {
+    styles: StylesConfig<InputSelectValue>;
+}
+export declare const GenericAsyncSelectComponent: import('react').ForwardRefExoticComponent<GenericAsyncSelectComponentProps & {
+    SelectComponent: AsyncSelect | AsyncCreatableSelect;
+} & import('react').RefAttributes<SelectInstance<InputSelectValue, boolean, GroupBase<InputSelectValue>>>>;

package/dist/ui/forms/InputSelect/SelectComponent.d.ts

@@ -1,8 +1,7 @@
 import { GroupBase, SelectInstance, StylesConfig } from 'react-select';
 import { InputSelectProps, InputSelectValue } from './InputSelect';
 
-interface SelectComponentProps extends Omit<InputSelectProps, 'loadAsyncValues' | 'label' | 'hint'> {
+export interface SelectComponentProps extends Omit<InputSelectProps, 'loadAsyncValues' | 'label' | 'hint'> {
     styles: StylesConfig<InputSelectValue>;
 }
 export declare const SelectComponent: import('react').ForwardRefExoticComponent<SelectComponentProps & import('react').RefAttributes<SelectInstance<InputSelectValue, boolean, GroupBase<InputSelectValue>>>>;
-export {};

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

@@ -0,0 +1,69 @@
+import { Order } from '@commercelayer/sdk';
+
+export interface MetricsResourceOrder {
+    id: string;
+    type: 'orders';
+    adjustment_amount?: number;
+    adjustment_tax_amount?: number;
+    adjustment_taxable_amount?: number;
+    country_code?: string | null;
+    created_at?: string;
+    currency_code?: string;
+    discount_amount?: number;
+    fulfillment_status?: string;
+    gift_card_amount?: number;
+    guest?: boolean;
+    language_code?: string;
+    line_item_options_count?: number;
+    number?: string;
+    payment_method_amount?: number;
+    payment_method_tax_amount?: number;
+    payment_method_taxable_amount?: number;
+    payment_status?: string;
+    payment_updated_at?: string;
+    placed_at?: string;
+    shipments_count?: number;
+    shipping_amount?: number;
+    shipping_taxable_amount?: number;
+    skus_count?: number;
+    status?: string;
+    subtotal_amount?: number;
+    subtotal_tax_amount?: number;
+    subtotal_taxable_amount?: number;
+    tax_included?: boolean;
+    total_amount?: number;
+    total_amount_with_taxes?: number;
+    total_tax_amount?: number;
+    total_taxable_amount?: number;
+    returned?: boolean;
+    updated_at?: string;
+    seconds_in_draft?: number;
+    refunded?: boolean;
+    refunds_total_amount_with_taxes?: number;
+    total_amount_with_taxes_net_of_refunds?: number;
+    aggregated_details?: string;
+    mode?: string;
+    placed_day_of_week?: number;
+    discounted?: boolean;
+    gift_card?: boolean;
+    coupon?: boolean;
+    options?: boolean;
+    archived?: boolean;
+    market?: {
+        id: string;
+        name?: string;
+        number?: string;
+    };
+    billing_address?: {
+        business?: boolean;
+        city?: string;
+        country_code?: string;
+        geocoded?: boolean;
+        localized?: boolean;
+        state_code?: string;
+        zip_code?: string;
+        first_name?: string;
+        last_name?: string;
+    };
+}
+export declare function adaptMetricsOrderToCore(metricsOrder: MetricsResourceOrder): Order;

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

@@ -0,0 +1 @@
+export {};

package/package.json

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