@commercelayer/app-elements 7.15.1 → 7.16.0

package/dist/main.js

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

package/dist/{parseISO-FyBqaqSI.js → parseISO-D28VuYUV.js}

@@ -1,5 +1,5 @@
 "use client";
-import { t as D, c as T, m as p, a as N } from "./main-DAyuCXwB.js";
+import { t as D, c as T, m as p, a as N } from "./main-CvmWwRKp.js";
 function W(t, e) {
   const n = () => T(e?.in, NaN), a = I(t);
   let s;

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

@@ -34,6 +34,21 @@ export interface SearchBarProps extends Pick<SkeletonTemplateProps, "isLoading"
      * Variant of the search bar
      */
     variant?: "outline";
+    /**
+     * Number of characters the user has to type before a search is triggered.
+     *
+     * Leading and trailing `*` are not counted: where they act as wildcards they
+     * stand in for the rest of the term rather than being part of it, so `fo*` is
+     * two characters and does not reach a threshold of three.
+     *
+     * Below the threshold the search reads as empty, so the list shows unfiltered
+     * results instead of the ones from the last term long enough to run.
+     *
+     * A single character matches most of any collection, so the request it costs
+     * buys nothing. Pass `0` to search on every keystroke anyway.
+     * @default 2
+     */
+    minSearchLength?: number;
 }
 /**
  * This component renders a search bar with a clear button with debounced `onSearch` callback.

package/dist/ui/forms/RuleEngine/Condition/hooks.d.ts

@@ -1,7 +1,7 @@
 import { atPath } from '../../CodeEditor/fetchCoreResourcesSuggestions';
 import { SchemaConditionItem } from '../utils';
 import { matcherDictionary } from './utils';
-export declare function getResourceType(resourceId: string | undefined): "bundles" | "markets" | "skus" | "sku_lists" | "tags";
+export declare function getResourceType(resourceId: string | undefined): "bundles" | "customer_groups" | "markets" | "skus" | "sku_lists" | "tags";
 export declare function useResourcePathInfos(item: SchemaConditionItem | null): {
     infos: (Awaited<ReturnType<typeof atPath>> & {
         /** Information about the matcher used in the condition. */

package/dist/ui/forms/RuleEngine/InputResourceSelector.d.ts

@@ -4,7 +4,7 @@ import { PossibleSelectValue } from '../InputSelect';
 import { ItemWithValue } from './utils';
 export declare const InputResourceSelector: React.FC<{
     value?: ItemWithValue["value"];
-    resource: Extract<ListableResourceType, "markets" | "tags" | "skus" | "sku_lists" | "bundles">;
+    resource: Extract<ListableResourceType, "markets" | "tags" | "skus" | "sku_lists" | "bundles" | "customer_groups">;
     resourceKey: string;
     isMulti?: boolean;
     onSelect: (selected: PossibleSelectValue) => void;

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

@@ -36,6 +36,12 @@ export interface FiltersBarProps {
      * @default 500
      */
     searchBarDebounceMs?: number;
+    /**
+     * Characters the user has to type before the search runs. Leading and
+     * trailing `*` do not count, so a wildcard cannot stand in for them.
+     * @default 2
+     */
+    searchBarMinLength?: number;
     /**
      * Hide the search bar, keeping the filters button and the pills.
      * @default false
@@ -57,7 +63,7 @@ interface InternalProps {
  * Search bar with the filters button on the right and the applied filters
  * rendered as removable pills below.
  */
-export declare function FiltersBar({ queryString, onUpdate, defaultValues, onFilterClick, searchBarPlaceholder, searchBarDebounceMs, hideSearchBar, actions, instructions, predicateWhitelist, openDrawer, }: FiltersBarProps & InternalProps): JSX.Element;
+export declare function FiltersBar({ queryString, onUpdate, defaultValues, onFilterClick, searchBarPlaceholder, searchBarDebounceMs, searchBarMinLength, hideSearchBar, actions, instructions, predicateWhitelist, openDrawer, }: FiltersBarProps & InternalProps): JSX.Element;
 export declare namespace FiltersBar {
     var displayName: string;
 }

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

@@ -1,7 +1,7 @@
 import { JSX } from 'react';
 import { SearchBarProps } from '../../composite/SearchBar';
 import { FiltersInstructions } from './types';
-export interface FilterSearchBarProps extends Pick<SearchBarProps, "placeholder" | "debounceMs" | "variant"> {
+export interface FilterSearchBarProps extends Pick<SearchBarProps, "placeholder" | "debounceMs" | "variant" | "minSearchLength"> {
     /**
      * 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, variant, }: FilterSearchBarProps): JSX.Element;
+declare function FiltersSearchBar({ instructions, placeholder, onUpdate, queryString, predicateWhitelist, debounceMs, variant, minSearchLength, }: FilterSearchBarProps): JSX.Element;
 declare namespace FiltersSearchBar {
     var displayName: string;
 }

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

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

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

@@ -0,0 +1,37 @@
+export interface MetricsCursorTrail {
+    /**
+     * The cursor that opens `page`, or `undefined` when the trail does not hold
+     * it — in which case that page cannot be opened at all.
+     */
+    cursorFor: (page: number) => string | null | undefined;
+    /**
+     * Record, after loading `page`, the cursor that opens the page after it.
+     */
+    record: (page: number, cursor: string | null) => void;
+    /** Forget every cursor but page 1's, which is always "no cursor". */
+    reset: () => void;
+}
+/**
+ * The cursor trail of a metrics-backed list, kept in `sessionStorage`.
+ *
+ * The metrics api only moves forward: the cursor that opens page N is handed
+ * back when page N-1 is fetched. Holding those cursors is what lets the pager
+ * step backwards, and persisting them is what lets a list reopen on the page it
+ * was left on, since going to a details page unmounts the list and would
+ * otherwise take the trail with it.
+ *
+ * `sessionStorage` is the right shelf for it: it is per tab, it survives a
+ * reload, and it is gone when the tab is. A trail is private to the session
+ * that walked it, and a link someone shares carries no cursor.
+ *
+ * One entry per list, so nothing accumulates. The entry records the query it
+ * was walked against, and a trail measured against a different one is dropped
+ * rather than trusted: a cursor is only meaningful for the exact filters and
+ * sort that produced it.
+ */
+export declare function useMetricsCursorTrail({ enabled, type, metricsQuery, }: {
+    /** Only metrics-backed lists in `pagination` mode keep a trail. */
+    enabled: boolean;
+    type: string;
+    metricsQuery: unknown;
+}): MetricsCursorTrail;

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

@@ -0,0 +1,33 @@
+export interface UsePageInUrlReturn {
+    /**
+     * The page the url is asking for. `1` when the parameter is absent, or when
+     * its value is not a positive integer.
+     */
+    requestedPage: number;
+    /**
+     * Write `page` to the url as a new history entry, so the browser's back
+     * button walks back through the pages the user visited.
+     */
+    pushPage: (page: number) => void;
+    /**
+     * Write `page` to the url in place, without a history entry. Use it to
+     * correct a page the list could not open: pushing would leave the unservable
+     * page in history, so going back would return to it and correct it again,
+     * trapping the user on the pager.
+     */
+    replacePage: (page: number) => void;
+}
+/**
+ * Keeps the current page of a paginated list in the query string.
+ *
+ * This is what makes the page survive leaving the list and coming back, either
+ * with the browser's back button or with `goBack` from `useAppLinking`, which
+ * restores the whole url including its query string.
+ *
+ * Page 1 carries no parameter: it is the default, and a bare url is the one
+ * worth sharing.
+ *
+ * The parameter is not namespaced, so two paginated lists rendered on the same
+ * route would share it. No page does that today.
+ */
+export declare function usePageInUrl(): UsePageInUrlReturn;

package/package.json

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