@commercelayer/app-elements 2.5.0 → 2.5.2

package/dist/main.js

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

package/dist/providers/TokenProvider/types.d.ts

@@ -40,13 +40,13 @@ export interface TokenProviderTokenInfo {
         kind: TokenProviderTokenApplicationKind;
         /**
          * The name of the application.
-         * When token is generated from the dashboard hub it could be 'Imports', 'Orders', etc...
+         * When token is generated from the dashboard it could be 'Imports', 'Orders', etc...
          * When is a standard token (`integration`, `sales_channel` or `webapp`) it will be the name assigned when the application was created.
          */
         name: string;
         /**
-         * This will be `true` when the token is generated from the dashboard hub.
-         * Only dashboard hub can generate a `core` token.
+         * This will be `true` when the token is generated from the dashboard.
+         * Only dashboard can generate a `core` token.
          */
         core: boolean;
     };

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

@@ -1,7 +1,7 @@
 import { SectionProps } from '../../atoms/Section';
 import { SkeletonTemplateProps } from '../../atoms/SkeletonTemplate';
 import { FetcherResponse, Resource } from './infiniteFetcher';
-import { ListableResourceType, QueryParamsList } from '@commercelayer/sdk';
+import { ListableResourceType, QueryParamsList, ResourceFields } from '@commercelayer/sdk';
 import { default as React, FC } from 'react';
 
 export interface ResourceListItemTemplateProps<TResource extends ListableResourceType> extends SkeletonTemplateProps<{
@@ -32,7 +32,7 @@ export type ResourceListProps<TResource extends ListableResourceType> = Pick<Sec
     /**
      * SDK query object to be used to fetch the list, excluding the pageNumber that is handled internally for infinite scrolling.
      */
-    query?: Omit<QueryParamsList, 'pageNumber'>;
+    query?: Omit<QueryParamsList<ResourceFields[TResource]>, 'pageNumber'>;
     /**
      * When set the component will fetch data from the Metrics API, and automatically use the returned cursor for infinite scrolling.
      */

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

@@ -1,5 +1,5 @@
 import { MetricsApiClient } from './metricsApiClient';
-import { CommerceLayerClient, ListableResourceType, QueryParamsList } from '@commercelayer/sdk';
+import { CommerceLayerClient, ListableResourceType, QueryParamsList, ResourceFields } from '@commercelayer/sdk';
 
 type ListResource<TResource extends ListableResourceType> = Awaited<ReturnType<CommerceLayerClient[TResource]['list']>>;
 export type Resource<TResource extends ListableResourceType> = ListResource<TResource>[number];
@@ -19,7 +19,7 @@ export declare function infiniteFetcher<TResource extends ListableResourceType>(
 } & ({
     client: CommerceLayerClient;
     clientType: 'coreSdkClient';
-    query?: Omit<QueryParamsList, 'pageNumber'>;
+    query?: Omit<QueryParamsList<ResourceFields[TResource]>, 'pageNumber'>;
 } | {
     client: MetricsApiClient;
     clientType: 'metricsClient';

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

@@ -5,6 +5,11 @@ export interface FiltersNavProps {
      * Array of instruction items to build the filters behaviors
      */
     instructions: FiltersInstructions;
+    /**
+     * Url query string to be parsed.
+     * It must be "reactive", so most of the time it should come for router.
+     */
+    queryString: string;
     /**
      * Callback function triggered when user interacts with the filters buttons.
      * Implemented function should update the url query string / search params,
@@ -30,4 +35,4 @@ export interface FiltersNavProps {
      */
     predicateWhitelist: string[];
 }
-export declare function FiltersNav({ instructions, onFilterClick: onBtnLabelClick, onUpdate, predicateWhitelist }: FiltersNavProps): JSX.Element;
+export declare function FiltersNav({ instructions, onFilterClick: onBtnLabelClick, onUpdate, queryString, predicateWhitelist }: FiltersNavProps): JSX.Element;

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

@@ -12,6 +12,11 @@ export interface FilterSearchBarProps extends Pick<SearchBarProps, 'placeholder'
      * based on the new queryString received as argument.
      */
     onUpdate: (queryString: string) => void;
+    /**
+     * Url query string to be parsed.
+     * It must be "reactive", so most of the time it should come for router.
+     */
+    queryString: string;
     /**
      * By default, we strip out all filters that are not part of the `instructions` array.
      * The option `predicateWhitelist` is used to whitelist a set of predicates that you want to use as filters.
@@ -26,7 +31,7 @@ export interface FilterSearchBarProps extends Pick<SearchBarProps, 'placeholder'
      */
     predicateWhitelist: string[];
 }
-declare function FiltersSearchBar({ instructions, placeholder, onUpdate, 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/useResourceFilters.d.ts

@@ -33,7 +33,7 @@ interface UseResourceFiltersHook {
     /**
      * Search bar component with filters navigation buttons
      */
-    SearchWithNav: (props: Pick<FiltersNavProps, 'onFilterClick'> & {
+    SearchWithNav: (props: Pick<FiltersNavProps, 'onFilterClick' | 'queryString'> & {
         /**
          * Callback triggered when user interact with search bar or remove a filter from the buttons
          */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@commercelayer/app-elements",
-  "version": "2.5.0",
+  "version": "2.5.2",
   "type": "module",
   "license": "MIT",
   "files": [
@@ -27,7 +27,7 @@
     "pnpm": ">=7"
   },
   "dependencies": {
-    "@commercelayer/sdk": "6.15.0",
+    "@commercelayer/sdk": "6.19.1",
     "@types/lodash": "^4.17.7",
     "@types/react": "^18.3.5",
     "@types/react-datepicker": "^6.2.0",