@commercelayer/app-elements 5.6.0 → 6.0.0

package/dist/ui/resources/ResourceDetails/useEditDetailsOverlay.d.ts

@@ -5,8 +5,8 @@ export interface EditDetailsOverlayProps {
      * Optional title shown as first line in edit overlay heading
      */
     title?: string;
-    resource: ResourceDetailsProps['resource'];
-    onUpdated: ResourceDetailsProps['onUpdated'];
+    resource: ResourceDetailsProps["resource"];
+    onUpdated: ResourceDetailsProps["onUpdated"];
 }
 interface DetailsOverlayHook {
     show: () => void;

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

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

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

@@ -8,11 +8,11 @@ export interface ResourceListItemProps {
     /**
      * Optional href
      */
-    href?: ListItemProps['href'];
+    href?: ListItemProps["href"];
     /**
      * Optional onClick function
      */
-    onClick?: ListItemProps['onClick'];
+    onClick?: ListItemProps["onClick"];
     /**
      * Optional setting to show right content, if available, instead of right arrow
      */

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

@@ -544,6 +544,7 @@ export declare const presetResourceListItem: {
             readonly price_amount_cents: 0;
             readonly created_at: "";
             readonly updated_at: "";
+            readonly shared_secret: "";
         };
     };
     shipmentPicking: {
@@ -567,6 +568,7 @@ export declare const presetResourceListItem: {
             readonly price_amount_cents: 0;
             readonly created_at: "";
             readonly updated_at: "";
+            readonly shared_secret: "";
         };
     };
     shipmentPacking: {
@@ -590,6 +592,7 @@ export declare const presetResourceListItem: {
             readonly price_amount_cents: 0;
             readonly created_at: "";
             readonly updated_at: "";
+            readonly shared_secret: "";
         };
     };
     shipmentReadyToShip: {
@@ -613,6 +616,7 @@ export declare const presetResourceListItem: {
             readonly price_amount_cents: 0;
             readonly created_at: "";
             readonly updated_at: "";
+            readonly shared_secret: "";
         };
     };
     shipmentOnHold: {
@@ -636,6 +640,7 @@ export declare const presetResourceListItem: {
             readonly price_amount_cents: 0;
             readonly created_at: "";
             readonly updated_at: "";
+            readonly shared_secret: "";
         };
     };
     shipmentShipped: {
@@ -659,6 +664,7 @@ export declare const presetResourceListItem: {
             readonly price_amount_cents: 0;
             readonly created_at: "";
             readonly updated_at: "";
+            readonly shared_secret: "";
         };
     };
     shipmentDelivered: {
@@ -682,6 +688,7 @@ export declare const presetResourceListItem: {
             readonly price_amount_cents: 0;
             readonly created_at: "";
             readonly updated_at: "";
+            readonly shared_secret: "";
         };
     };
     shipmentWithReference: {
@@ -706,6 +713,7 @@ export declare const presetResourceListItem: {
             readonly price_amount_cents: 0;
             readonly created_at: "";
             readonly updated_at: "";
+            readonly shared_secret: "";
         };
     };
     shipmentWithStockTransfer: {
@@ -729,6 +737,7 @@ export declare const presetResourceListItem: {
             readonly price_amount_cents: 0;
             readonly created_at: "";
             readonly updated_at: "";
+            readonly shared_secret: "";
         };
         stock_transfers: {
             readonly type: "stock_transfers";

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

@@ -1 +1 @@
-export { ResourceListItem, type ResourceListItemProps } from './ResourceListItem';
+export { ResourceListItem, type ResourceListItemProps, } from './ResourceListItem';

package/dist/ui/resources/ResourceListItem/types.d.ts

@@ -1,8 +1,8 @@
-import { TokenProviderAuthUser } from '../../../providers/TokenProvider/types';
-import { ListItemProps } from '../../composite/ListItem';
 import { BuyXPayYPromotion, Customer, ExternalPromotion, FixedAmountPromotion, FixedPricePromotion, FlexPromotion, FreeGiftPromotion, FreeShippingPromotion, Order, PercentageDiscountPromotion, Return, Shipment, SkuListItem, StockTransfer } from '@commercelayer/sdk';
 import { t } from 'i18next';
 import { JSX } from 'react';
+import { TokenProviderAuthUser } from '../../../providers/TokenProvider/types';
+import { ListItemProps } from '../../composite/ListItem';
 export type ResourceListItemType = Order | Return | Customer | StockTransfer | SkuListItem | Shipment | BuyXPayYPromotion | ExternalPromotion | FixedAmountPromotion | FixedPricePromotion | FreeGiftPromotion | FreeShippingPromotion | PercentageDiscountPromotion | FlexPromotion;
 export interface ResourceListItemComponentProps {
     name: React.ReactNode;
@@ -10,7 +10,7 @@ export interface ResourceListItemComponentProps {
     icon: JSX.Element;
     rightContent?: JSX.Element;
     invertNameDescription?: boolean;
-    alignItems?: ListItemProps['alignItems'];
+    alignItems?: ListItemProps["alignItems"];
 }
 export type ResourceToProps<Resource> = (options: {
     resource: Resource;

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

@@ -1,6 +1,6 @@
-import { EditMetadataOverlayProps } from '../../../hooks/useEditMetadataOverlay';
 import { ListableResourceType } from '@commercelayer/sdk';
-interface MetadataOverlay extends Omit<EditMetadataOverlayProps, 'resourceId' | 'resourceType'> {
+import { EditMetadataOverlayProps } from '../../../hooks/useEditMetadataOverlay';
+interface MetadataOverlay extends Omit<EditMetadataOverlayProps, "resourceId" | "resourceType"> {
 }
 export interface ResourceMetadataProps {
     resourceType: ListableResourceType;

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

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

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

@@ -1,5 +1,5 @@
-import { referenceOrigins } from '../../helpers/attachments';
 import { Attachment } from '@commercelayer/sdk';
+import { referenceOrigins } from '../../helpers/attachments';
 export interface ResourceOrderTimelineProps {
     orderId?: string;
     refresh?: boolean;

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

@@ -6,7 +6,7 @@ export interface ResourcePaymentMethodProps {
      * Any resource that has `payment_source` or `payment_method` properties is actually eligible.
      * But we are only interested in `Order` and `CustomerPaymentSource` resources.
      */
-    resource: SetRequired<SetNonNullable<Partial<Order>, 'payment_method'>, 'payment_method'> | SetRequired<SetNonNullable<CustomerPaymentSource, 'payment_source'>, 'payment_source'>;
+    resource: SetRequired<SetNonNullable<Partial<Order>, "payment_method">, "payment_method"> | SetRequired<SetNonNullable<CustomerPaymentSource, "payment_source">, "payment_source">;
     /**
      * When true and if `payment_source.payment_response` is present, enables the expandable content to show more details on the transaction.
      */
@@ -14,7 +14,7 @@ export interface ResourcePaymentMethodProps {
     /**
      * Defines the style of the component. Default is `boxed`, with a light gray background and rounded corners.
      */
-    variant?: 'plain' | 'boxed';
+    variant?: "plain" | "boxed";
     /**
      * This will render a button on the right side of the row.
      */
@@ -27,4 +27,4 @@ export declare const ResourcePaymentMethod: FC<ResourcePaymentMethodProps>;
 /**
  * Retrieve the logo URL based on the payment source type.
  */
-export declare function getPaymentMethodLogoSrc(type?: PaymentMethod['payment_source_type']): string;
+export declare function getPaymentMethodLogoSrc(type?: PaymentMethod["payment_source_type"]): string;

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

@@ -1,6 +1,6 @@
 import { ResourceShipmentParcels } from './ResourceShipmentParcels';
-type Shipment = Parameters<typeof ResourceShipmentParcels>[0]['shipment'];
-type Parcel = NonNullable<Shipment['parcels']>[number];
+type Shipment = Parameters<typeof ResourceShipmentParcels>[0]["shipment"];
+type Parcel = NonNullable<Shipment["parcels"]>[number];
 export declare const parcelWithoutTracking1: import('@commercelayer/sdk').Parcel;
 export declare const parcelWithoutTracking2: import('@commercelayer/sdk').Parcel;
 export declare const parcelWithTracking1: import('@commercelayer/sdk').Parcel;

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' | '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'> {
+import { EditTagsOverlayProps } from '../../hooks/useEditTagsOverlay';
+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 {
     resourceType: TaggableResource;

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

@@ -1,7 +1,6 @@
-import { JSX } from 'react';
 import { FilterItemCurrencyRange } from './types';
 interface FieldCurrencyRangeProps {
     item: FilterItemCurrencyRange;
 }
-export declare function FieldCurrencyRange({ item }: FieldCurrencyRangeProps): JSX.Element;
+export declare function FieldCurrencyRange({ item, }: FieldCurrencyRangeProps): React.ReactNode;
 export {};

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

@@ -23,7 +23,7 @@ export interface FiltersFormProps {
      */
     predicateWhitelist: string[];
 }
-declare function FiltersForm({ instructions, predicateWhitelist, onSubmit }: FiltersFormProps): JSX.Element;
+declare function FiltersForm({ instructions, predicateWhitelist, onSubmit, }: FiltersFormProps): JSX.Element;
 declare namespace FiltersForm {
     var displayName: string;
 }

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

@@ -1,4 +1,3 @@
-import { JSX } from 'react';
 import { FiltersInstructions } from './types';
 export interface FiltersNavProps {
     /**
@@ -35,4 +34,4 @@ export interface FiltersNavProps {
      */
     predicateWhitelist: string[];
 }
-export declare function FiltersNav({ instructions, onFilterClick: onBtnLabelClick, onUpdate, queryString, predicateWhitelist }: FiltersNavProps): JSX.Element;
+export declare function FiltersNav({ instructions, onFilterClick: onBtnLabelClick, onUpdate, queryString, predicateWhitelist, }: FiltersNavProps): React.ReactNode;

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

@@ -1,7 +1,7 @@
-import { SearchBarProps } from '../../composite/SearchBar';
 import { JSX } from 'react';
+import { SearchBarProps } from '../../composite/SearchBar';
 import { FiltersInstructions } from './types';
-export interface FilterSearchBarProps extends Pick<SearchBarProps, 'placeholder' | 'debounceMs'> {
+export interface FilterSearchBarProps extends Pick<SearchBarProps, "placeholder" | "debounceMs"> {
     /**
      * Array of instruction items to build the filters behaviors
      */
@@ -31,7 +31,7 @@ export interface FilterSearchBarProps extends Pick<SearchBarProps, 'placeholder'
      */
     predicateWhitelist: string[];
 }
-declare function FiltersSearchBar({ instructions, placeholder, onUpdate, queryString, predicateWhitelist, debounceMs }: FilterSearchBarProps): JSX.Element;
+declare function FiltersSearchBar({ instructions, placeholder, onUpdate, queryString, predicateWhitelist, debounceMs, }: FilterSearchBarProps): JSX.Element;
 declare namespace FiltersSearchBar {
     var displayName: string;
 }

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

@@ -11,7 +11,7 @@ export interface AdaptFormValuesToSdkParams<FilterFormValues> {
  * @param formValues a valid FilterFormValues object
  * @returns an object of type QueryFilter to be used in the SDK stripping out empty or undefined values
  */
-export declare function adaptFormValuesToSdk<FilterFormValues extends Record<UiFilterName, UiFilterValue | CurrencyRangeFieldValue>>({ formValues, instructions, timezone, predicateWhitelist }: AdaptFormValuesToSdkParams<FilterFormValues>): QueryFilter;
+export declare function adaptFormValuesToSdk<FilterFormValues extends Record<UiFilterName, UiFilterValue | CurrencyRangeFieldValue>>({ formValues, instructions, timezone, predicateWhitelist, }: AdaptFormValuesToSdkParams<FilterFormValues>): QueryFilter;
 export declare function extractEnforcedValues(instructions: FiltersInstructions): QueryFilter;
 /**
  * Be sure to have all the default values

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

@@ -8,4 +8,4 @@ export interface AdaptFormValuesToUrlQueryParams<FilterFormValues extends FormFu
  * @param formValues a valid FilterFormValues object
  * @returns a string ready to be used in URL
  */
-export declare function adaptFormValuesToUrlQuery<FilterFormValues extends FormFullValues>({ formValues, instructions }: AdaptFormValuesToUrlQueryParams<FilterFormValues>): string;
+export declare function adaptFormValuesToUrlQuery<FilterFormValues extends FormFullValues>({ formValues, instructions, }: AdaptFormValuesToUrlQueryParams<FilterFormValues>): string;

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

@@ -1,7 +1,7 @@
-import { FiltersInstructions } from './types';
 import { ListableResourceType, QueryFilter } from '@commercelayer/sdk';
-export type CoreResourceEnabledInMetrics = 'orders' | 'returns';
-type MetricsResource = 'order' | 'return';
+import { FiltersInstructions } from './types';
+export type CoreResourceEnabledInMetrics = "orders" | "returns";
+type MetricsResource = "order" | "return";
 /** Record of core api filter operators with relative metrics operator */
 declare const metricsFiltersMapping: {
     readonly _eq: "eq";
@@ -27,5 +27,5 @@ export interface AdaptSdkToMetricsParams {
     instructions: FiltersInstructions;
     predicateWhitelist?: string[];
 }
-export declare function adaptSdkToMetrics({ sdkFilters, resourceType, instructions, predicateWhitelist }: AdaptSdkToMetricsParams): MetricsFilters;
+export declare function adaptSdkToMetrics({ sdkFilters, resourceType, instructions, predicateWhitelist, }: AdaptSdkToMetricsParams): MetricsFilters;
 export {};

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

@@ -1,8 +1,8 @@
-import { FiltersInstructions } from './types';
 import { QueryFilter } from '@commercelayer/sdk';
+import { FiltersInstructions } from './types';
 export interface AdaptSdkToUrlQueryParams {
     sdkFilters: QueryFilter;
     instructions: FiltersInstructions;
     predicateWhitelist?: string[];
 }
-export declare function adaptSdkToUrlQuery({ sdkFilters, predicateWhitelist, instructions }: AdaptSdkToUrlQueryParams): string;
+export declare function adaptSdkToUrlQuery({ sdkFilters, predicateWhitelist, instructions, }: AdaptSdkToUrlQueryParams): string;

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

@@ -9,4 +9,4 @@ export interface AdaptUrlQueryToFormValuesParams {
  * @param qs url query string
  * @returns an object containing FilterFormValues
  */
-export declare function adaptUrlQueryToFormValues<FilterFormValues extends Record<UiFilterName, UiFilterValue>>({ queryString, instructions, predicateWhitelist }: AdaptUrlQueryToFormValuesParams): FilterFormValues & FormFullValues;
+export declare function adaptUrlQueryToFormValues<FilterFormValues extends Record<UiFilterName, UiFilterValue>>({ queryString, instructions, predicateWhitelist, }: AdaptUrlQueryToFormValuesParams): FilterFormValues & FormFullValues;

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

@@ -12,4 +12,4 @@ export interface AdaptUrlQueryToSdkParams {
  * @returns an object of type QueryFilter to be used in the SDK
  * stripping out empty or undefined values and enforcing default status_in when empty
  */
-export declare function adaptUrlQueryToSdk({ queryString, instructions, predicateWhitelist, timezone }: AdaptUrlQueryToSdkParams): QueryFilter;
+export declare function adaptUrlQueryToSdk({ queryString, instructions, predicateWhitelist, timezone, }: AdaptUrlQueryToSdkParams): QueryFilter;

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

@@ -9,4 +9,4 @@ export interface AdaptUrlQueryToUrlQueryParams {
  * @param qs url query string
  * @returns an object of type QueryFilter to be used in the SDK stripping out empty or undefined values
  */
-export declare function adaptUrlQueryToUrlQuery({ queryString, instructions, predicateWhitelist }: AdaptUrlQueryToUrlQueryParams): string;
+export declare function adaptUrlQueryToUrlQuery({ queryString, instructions, predicateWhitelist, }: AdaptUrlQueryToUrlQueryParams): string;

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

@@ -12,14 +12,14 @@ interface MakeFilterAdaptersParams {
     predicateWhitelist: string[];
 }
 interface MakeFilterAdaptersReturn<FilterFormValues extends FormFullValues> {
-    adaptFormValuesToUrlQuery: (params: Pick<AdaptFormValuesToUrlQueryParams<FormFullValues>, 'formValues'>) => string;
-    adaptFormValuesToSdk: (params: Pick<AdaptFormValuesToSdkParams<FilterFormValues>, 'formValues' | 'timezone'>) => QueryFilter;
-    adaptUrlQueryToFormValues: (params: Pick<AdaptUrlQueryToFormValuesParams, 'queryString'>) => FilterFormValues & TimeRangeFormValues & PageInfoFormValues;
-    adaptUrlQueryToSdk: (params: Pick<AdaptUrlQueryToSdkParams, 'queryString' | 'timezone'>) => QueryFilter;
-    adaptUrlQueryToUrlQuery: (params: Pick<AdaptUrlQueryToUrlQueryParams, 'queryString'>) => string;
-    adaptSdkToMetrics: (params: Pick<AdaptSdkToMetricsParams, 'sdkFilters' | 'resourceType'>) => MetricsFilters;
-    adaptSdkToUrlQuery: (params: Pick<AdaptSdkToUrlQueryParams, 'sdkFilters'>) => string;
+    adaptFormValuesToUrlQuery: (params: Pick<AdaptFormValuesToUrlQueryParams<FormFullValues>, "formValues">) => string;
+    adaptFormValuesToSdk: (params: Pick<AdaptFormValuesToSdkParams<FilterFormValues>, "formValues" | "timezone">) => QueryFilter;
+    adaptUrlQueryToFormValues: (params: Pick<AdaptUrlQueryToFormValuesParams, "queryString">) => FilterFormValues & TimeRangeFormValues & PageInfoFormValues;
+    adaptUrlQueryToSdk: (params: Pick<AdaptUrlQueryToSdkParams, "queryString" | "timezone">) => QueryFilter;
+    adaptUrlQueryToUrlQuery: (params: Pick<AdaptUrlQueryToUrlQueryParams, "queryString">) => string;
+    adaptSdkToMetrics: (params: Pick<AdaptSdkToMetricsParams, "sdkFilters" | "resourceType">) => MetricsFilters;
+    adaptSdkToUrlQuery: (params: Pick<AdaptSdkToUrlQueryParams, "sdkFilters">) => string;
     validInstructions: FiltersInstructions;
 }
-export type MakeFiltersAdapters = <FilterFormValues extends Record<UiFilterName, UiFilterValue>>({ instructions, predicateWhitelist }: MakeFilterAdaptersParams) => MakeFilterAdaptersReturn<FilterFormValues>;
+export type MakeFiltersAdapters = <FilterFormValues extends Record<UiFilterName, UiFilterValue>>({ instructions, predicateWhitelist, }: MakeFilterAdaptersParams) => MakeFilterAdaptersReturn<FilterFormValues>;
 export {};

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

@@ -8,7 +8,7 @@ interface MakerSdkFilterTimeParams {
     timezone?: string;
     sdkFilterName?: string;
 }
-export declare const makeSdkFilterTime: ({ timePreset, timeFrom, timeTo, timezone, sdkFilterName }: MakerSdkFilterTimeParams) => Record<string, string | undefined>;
+export declare const makeSdkFilterTime: ({ timePreset, timeFrom, timeTo, timezone, sdkFilterName, }: MakerSdkFilterTimeParams) => Record<string, string | undefined>;
 export declare function getDefaultBrowserTimezone(): string | undefined;
 export declare function getTimeRangePresetName(timeRangePreset: TimeRangePreset, t: typeof tFn): string;
 export declare const timeRangeValidationSchema: z.ZodEffects<z.ZodObject<{

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

@@ -1,7 +1,7 @@
-import { InputCurrencyRangeProps } from '../../forms/InputCurrencyRange';
-import { InputResourceGroupProps } from '../../forms/InputResourceGroup';
 import { QueryFilter } from '@commercelayer/sdk';
 import { ValueOf } from 'type-fest';
+import { InputCurrencyRangeProps } from '../../forms/InputCurrencyRange';
+import { InputResourceGroupProps } from '../../forms/InputResourceGroup';
 export declare const filterableTimeRangePreset: readonly ["today", "last7days", "last30days", "custom"];
 export type UiFilterName = string;
 export type UiFilterValue = string | string[] | boolean | Date | undefined;
@@ -52,17 +52,17 @@ export interface BaseFilterItem {
     };
 }
 export type FilterItemOptions = BaseFilterItem & {
-    type: 'options';
+    type: "options";
     render: {
         /**
          * UI component to render
          */
-        component: 'inputToggleButton';
+        component: "inputToggleButton";
         /**
          * props required for the UI component
          */
         props: {
-            mode: 'multi' | 'single';
+            mode: "multi" | "single";
             /**
              * an option can be hidden from the UI but still be used in the query
              * Example: we wont show the button to filter `pending` status in the UI, but we still want to accept it for a predefined list)
@@ -77,27 +77,27 @@ export type FilterItemOptions = BaseFilterItem & {
         /**
          * UI component to render
          */
-        component: 'inputResourceGroup';
+        component: "inputResourceGroup";
         /**
          * props required for the UI component
          */
-        props: Omit<InputResourceGroupProps, 'onChange' | 'defaultValues' | 'title'>;
+        props: Omit<InputResourceGroupProps, "onChange" | "defaultValues" | "title">;
     };
 };
-export interface FilterItemTextSearch extends Omit<BaseFilterItem, 'sdk'> {
-    type: 'textSearch';
+export interface FilterItemTextSearch extends Omit<BaseFilterItem, "sdk"> {
+    type: "textSearch";
     render: {
         /**
          * UI component to render.
          *
          * ⚠️ You can have only one `searchBar` component.
          */
-        component: 'searchBar' | 'input';
+        component: "searchBar" | "input";
     };
-    sdk: Pick<BaseFilterItem['sdk'], 'predicate' | 'parseFormValue'>;
+    sdk: Pick<BaseFilterItem["sdk"], "predicate" | "parseFormValue">;
 }
-export interface FilterItemTime extends Omit<BaseFilterItem, 'sdk'> {
-    type: 'timeRange';
+export interface FilterItemTime extends Omit<BaseFilterItem, "sdk"> {
+    type: "timeRange";
     sdk: {
         /**
          * SDK predicate to use in the query (example: `updated_at` or `updated_at`).
@@ -107,11 +107,11 @@ export interface FilterItemTime extends Omit<BaseFilterItem, 'sdk'> {
         predicate: string;
     };
     render: {
-        component: 'dateRangePicker';
+        component: "dateRangePicker";
     };
 }
-export interface FilterItemCurrencyRange extends Omit<BaseFilterItem, 'sdk'> {
-    type: 'currencyRange';
+export interface FilterItemCurrencyRange extends Omit<BaseFilterItem, "sdk"> {
+    type: "currencyRange";
     sdk: {
         /**
          * SDK predicate to use in the query (example: `total_amount_cents` or `subtotal_amount_cents`).
@@ -122,8 +122,8 @@ export interface FilterItemCurrencyRange extends Omit<BaseFilterItem, 'sdk'> {
         predicate: string;
     };
     render: {
-        component: 'inputCurrencyRange';
-        props: Omit<InputCurrencyRangeProps, 'onChange' | 'fromCents' | 'toCents' | 'defaultCurrency' | 'currencyList'>;
+        component: "inputCurrencyRange";
+        props: Omit<InputCurrencyRangeProps, "onChange" | "fromCents" | "toCents" | "defaultCurrency" | "currencyList">;
     };
 }
 export type FiltersInstructionItem = FilterItemOptions | FilterItemTextSearch | FilterItemTime | FilterItemCurrencyRange;

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

@@ -1,10 +1,9 @@
+import { ListableResourceType, QueryFilter } from '@commercelayer/sdk';
 import { UseResourceListConfig } from '../useResourceList';
 import { ResourceListProps } from '../useResourceList/useResourceList';
-import { ListableResourceType, QueryFilter } from '@commercelayer/sdk';
-import { JSX } from 'react';
+import { makeFilterAdapters } from './adapters';
 import { FiltersFormProps } from './FiltersForm';
 import { FiltersNavProps } from './FiltersNav';
-import { makeFilterAdapters } from './adapters';
 import { FiltersInstructions } from './types';
 interface UseResourceFiltersConfig {
     /**
@@ -33,7 +32,7 @@ interface UseResourceFiltersHook {
     /**
      * Search bar component with filters navigation buttons
      */
-    SearchWithNav: (props: Pick<FiltersNavProps, 'onFilterClick' | 'queryString'> & {
+    SearchWithNav: (props: Pick<FiltersNavProps, "onFilterClick" | "queryString"> & {
         /**
          * Callback triggered when user interact with search bar or remove a filter from the buttons
          */
@@ -50,22 +49,22 @@ interface UseResourceFiltersHook {
          * @default 500
          */
         searchBarDebounceMs?: number;
-    }) => JSX.Element;
+    }) => React.ReactNode;
     /**
      * Form component with filters fields based on provided instructions
      */
-    FiltersForm: (props: Pick<FiltersFormProps, 'onSubmit'>) => JSX.Element;
+    FiltersForm: (props: Pick<FiltersFormProps, "onSubmit">) => React.ReactNode;
     /**
      * Filtered ResourceList component based on current active filters
      */
-    FilteredList: <TResource extends ListableResourceType>(props: Omit<UseResourceListConfig<TResource>, 'query' | 'metricsQuery'> & ResourceListProps<TResource> & {
-        query?: Omit<NonNullable<UseResourceListConfig<TResource>['query']>, 'filters'>;
-        metricsQuery?: Omit<NonNullable<UseResourceListConfig<TResource>['metricsQuery']>, 'filter'> & {
+    FilteredList: <TResource extends ListableResourceType>(props: Omit<UseResourceListConfig<TResource>, "query" | "metricsQuery"> & ResourceListProps<TResource> & {
+        query?: Omit<NonNullable<UseResourceListConfig<TResource>["query"]>, "filters">;
+        metricsQuery?: Omit<NonNullable<UseResourceListConfig<TResource>["metricsQuery"]>, "filter"> & {
             /** Filters need to be configured within the `useResourceFilters` options. */
             filters?: never;
         };
         hideTitle?: boolean;
-    }) => JSX.Element;
+    }) => React.ReactNode;
     /**
      * SDK filters object to be used in the sdk query
      */
@@ -80,5 +79,5 @@ interface UseResourceFiltersHook {
      */
     viewTitle?: string;
 }
-export declare function useResourceFilters({ instructions, predicateWhitelist }: UseResourceFiltersConfig): UseResourceFiltersHook;
+export declare function useResourceFilters({ instructions, predicateWhitelist, }: UseResourceFiltersConfig): UseResourceFiltersHook;
 export {};

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

@@ -9,7 +9,7 @@ import { FilterItemOptions, FiltersInstructions } from './types';
  * "Markets · 2 of 4"
  * "Markets · 4"
  */
-export declare function computeFilterLabel({ label, totalCount, selectedCount }: {
+export declare function computeFilterLabel({ label, totalCount, selectedCount, }: {
     label: string;
     totalCount: number;
     selectedCount: number;
@@ -21,7 +21,7 @@ export declare function computeFilterLabel({ label, totalCount, selectedCount }:
  * Example: if we have 3 markets selected, will still count as `1` active filter group
  * If we have 3 markets and 1 status selected, will count as `2`.
  */
-export declare function getActiveFilterCountFromUrl({ includeTextSearch, instructions, queryString }: {
+export declare function getActiveFilterCountFromUrl({ includeTextSearch, instructions, queryString, }: {
     includeTextSearch?: boolean;
     instructions: FiltersInstructions;
     queryString: string;

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

@@ -1,7 +1,7 @@
 import { Order } from '@commercelayer/sdk';
 export interface MetricsResourceOrder {
     id: string;
-    type: 'orders';
+    type: "orders";
     adjustment_amount?: number;
     adjustment_tax_amount?: number;
     adjustment_taxable_amount?: number;

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

@@ -1 +1 @@
-export { useResourceList, type ResourceListItemTemplateProps, type ResourceListProps, type UseResourceListConfig } from './useResourceList';
+export { type ResourceListItemTemplateProps, type ResourceListProps, type UseResourceListConfig, useResourceList, } from './useResourceList';

package/dist/ui/resources/useResourceList/infiniteFetcher.d.ts

@@ -1,6 +1,6 @@
 import { CommerceLayerClient, ListableResourceType, QueryParamsList, ResourceFields } from '@commercelayer/sdk';
 import { MetricsApiClient } from './metricsApiClient';
-type ListResource<TResource extends ListableResourceType> = Awaited<ReturnType<CommerceLayerClient[TResource]['list']>>;
+type ListResource<TResource extends ListableResourceType> = Awaited<ReturnType<CommerceLayerClient[TResource]["list"]>>;
 export type Resource<TResource extends ListableResourceType> = ListResource<TResource>[number];
 export interface FetcherResponse<TResource> {
     list: TResource[];
@@ -12,16 +12,16 @@ export interface FetcherResponse<TResource> {
         cursor?: string | null;
     };
 }
-export declare function infiniteFetcher<TResource extends ListableResourceType>({ currentData, resourceType, client, clientType, query }: {
+export declare function infiniteFetcher<TResource extends ListableResourceType>({ currentData, resourceType, client, clientType, query, }: {
     currentData?: FetcherResponse<Resource<TResource>>;
     resourceType: TResource;
 } & ({
     client: CommerceLayerClient;
-    clientType: 'coreSdkClient';
-    query?: Omit<QueryParamsList<ResourceFields[TResource]>, 'pageNumber'>;
+    clientType: "coreSdkClient";
+    query?: Omit<QueryParamsList<ResourceFields[TResource]>, "pageNumber">;
 } | {
     client: MetricsApiClient;
-    clientType: 'metricsClient';
+    clientType: "metricsClient";
     query: Record<string, Record<string, unknown>>;
 })): Promise<FetcherResponse<Resource<TResource>>>;
 export {};

package/dist/ui/resources/useResourceList/metricsApiClient.d.ts

@@ -1,9 +1,9 @@
-import { MetricsFilters } from '../useResourceFilters/adaptSdkToMetrics';
 import { ListableResourceType, ListMeta, ListResponse } from '@commercelayer/sdk';
 import { Writable } from 'type-fest';
+import { MetricsFilters } from '../useResourceFilters/adaptSdkToMetrics';
 import { Resource } from './infiniteFetcher';
-export type MetricsResources = 'orders' | 'returns';
-type ListResponseWithoutMeta<ResourceType extends MetricsResources> = Omit<ListResponse<Resource<ResourceType>>, 'meta'>;
+export type MetricsResources = "orders" | "returns";
+type ListResponseWithoutMeta<ResourceType extends MetricsResources> = Omit<ListResponse<Resource<ResourceType>>, "meta">;
 type ListMetaWithCursor = Writable<ListMeta> & {
     cursor: string | null;
 };
@@ -13,7 +13,7 @@ type ListResponseMetrics<ResourceType extends MetricsResources> = ListResponseWi
 type MetricsList = <Resource extends MetricsResources>(resourceType: Resource, query: {
     search?: {
         limit?: number;
-        sort?: 'asc' | 'desc';
+        sort?: "asc" | "desc";
         sort_by?: string;
         fields?: string[];
         cursor?: string | null;

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

@@ -9,17 +9,17 @@ interface ResourceListInternalState<TResource extends ListableResourceType> {
 }
 export declare const initialState: ResourceListInternalState<ListableResourceType>;
 type Action<TResource extends ListableResourceType> = {
-    type: 'prepare';
+    type: "prepare";
 } | {
-    type: 'reset';
+    type: "reset";
 } | {
-    type: 'loaded';
+    type: "loaded";
     payload: FetcherResponse<Resource<TResource>>;
 } | {
-    type: 'error';
+    type: "error";
     payload: string;
 } | {
-    type: 'removeItem';
+    type: "removeItem";
     payload: {
         resourceId: string;
     };