@multiplatform.one/frappe-ui 7.34.4 → 7.35.0

package/dist/esm/list/ListToolsSheet.mjs

@@ -0,0 +1,202 @@
+import { Badge, SheetModal, SizableText, Text, YStack, isWeb } from "@multiplatform.one/components";
+import { Button } from "@multiplatform.one/forms";
+import { useResolvedKnobs } from "@multiplatform.one/theme";
+import { DiceFiveIcon, FunnelIcon, HeartIcon } from "@phosphor-icons/react";
+import { useEffect, useState } from "react";
+import { useTranslation } from "react-i18next";
+import { BandFilter } from "./BandFilters.mjs";
+import { FacetRail } from "./FacetRail.mjs";
+import { activeFilterCount, isListNarrowed } from "./listState.mjs";
+import { RangeFilter, rangeCeiling } from "./RangeFilter.mjs";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+function countListNarrowings(list) {
+  return activeFilterCount(list.state);
+}
+function SectionLabel({
+  children
+}) {
+  const {
+    knobProps
+  } = useResolvedKnobs();
+  return /* @__PURE__ */jsx(Text, {
+    ...knobProps.label,
+    color: knobProps.textAccentColor,
+    textTransform: "uppercase",
+    children
+  });
+}
+function ListToolsSheet({
+  controls,
+  list,
+  showFavorites,
+  shuffle,
+  facets,
+  testID
+}) {
+  const {
+    t
+  } = useTranslation();
+  const {
+    knobProps
+  } = useResolvedKnobs();
+  const iconSize = knobProps.controlIcon.width;
+  const [open, setOpen] = useState(false);
+  const {
+    state,
+    update,
+    favorites
+  } = list;
+  const sorts = controls.sorts ?? [];
+  const ranges = controls.ranges ?? [];
+  const count = countListNarrowings(list);
+  const filtersLabel = t("Filters");
+  useEffect(() => {
+    if (!isWeb || typeof document === "undefined" || !open) return;
+    const onKeyDown = event => {
+      if (event.key === "Escape") setOpen(false);
+    };
+    document.addEventListener("keydown", onKeyDown);
+    return () => document.removeEventListener("keydown", onKeyDown);
+  }, [open]);
+  return /* @__PURE__ */jsxs(Fragment, {
+    children: [/* @__PURE__ */jsx(Badge, {
+      count,
+      children: /* @__PURE__ */jsx(Button, {
+        outlined: count === 0,
+        theme: count > 0 ? "accent" : void 0,
+        icon: /* @__PURE__ */jsx(FunnelIcon, {
+          size: iconSize,
+          weight: count > 0 ? "fill" : "regular"
+        }),
+        onPress: () => setOpen(true),
+        "aria-label": count > 0 ? t("Filters ({{count}})", {
+          count
+        }) : filtersLabel,
+        "aria-haspopup": "dialog",
+        "aria-expanded": open,
+        testID: `${testID}-tools`,
+        children: filtersLabel
+      })
+    }), /* @__PURE__ */jsx(SheetModal, {
+      open,
+      onOpenChange: setOpen,
+      snapPoint: 85,
+      scrollable: true,
+      header: /* @__PURE__ */jsx(SizableText, {
+        ...knobProps.heading,
+        children: t("Filter & sort")
+      }),
+      children: open ? /* @__PURE__ */jsxs(YStack, {
+        ...knobProps.gapLg,
+        testID: `${testID}-tools-sheet`,
+        children: [sorts.length > 0 ? /* @__PURE__ */jsxs(YStack, {
+          ...knobProps.gap,
+          children: [/* @__PURE__ */jsx(SectionLabel, {
+            children: t("Sort by")
+          }), /* @__PURE__ */jsx(FacetRail, {
+            label: t("Sort by"),
+            value: state.sort ?? "",
+            onChange: value => update({
+              sort: value
+            }),
+            options: sorts.map(sort => ({
+              value: sort.value,
+              label: sort.label
+            })),
+            testID: `${testID}-tools-sort`
+          })]
+        }) : null, facets.map(facet => {
+          const reading = list.facets[facet.param];
+          return /* @__PURE__ */jsxs(YStack, {
+            ...knobProps.gap,
+            children: [/* @__PURE__ */jsx(SectionLabel, {
+              children: facet.label
+            }), /* @__PURE__ */jsx(FacetRail, {
+              label: facet.label,
+              value: state.facets[facet.param] ?? "",
+              onChange: value => update({
+                facets: {
+                  [facet.param]: value
+                }
+              }),
+              testID: `${testID}-tools-${facet.param}`,
+              options: [{
+                value: "",
+                label: facet.allLabel ?? t("All"),
+                count: list.total
+              }, ...facet.options.map(value => ({
+                value,
+                label: facet.optionLabel?.(value) ?? value,
+                tint: facet.tint?.(value),
+                count: reading?.counts[value]
+              }))]
+            })]
+          }, facet.param);
+        }), (controls.bands ?? []).map(band => /* @__PURE__ */jsxs(YStack, {
+          ...knobProps.gap,
+          children: [/* @__PURE__ */jsx(SectionLabel, {
+            children: band.label
+          }), /* @__PURE__ */jsx(BandFilter, {
+            band,
+            list,
+            layout: "list",
+            testID: `${testID}-tools-${band.param}`
+          })]
+        }, band.param)), ranges.map(range => /* @__PURE__ */jsx(RangeFilter, {
+          label: range.label,
+          value: state.ranges[range.param] ?? 0,
+          max: rangeCeiling(list.highest[range.param] ?? 0),
+          step: range.step,
+          onChange: value => update({
+            ranges: {
+              [range.param]: value
+            }
+          })
+        }, range.param)), showFavorites || shuffle ? /* @__PURE__ */jsxs(YStack, {
+          ...knobProps.gap,
+          alignItems: "flex-start",
+          children: [showFavorites ? /* @__PURE__ */jsx(Button, {
+            outlined: !state.favoritesOnly,
+            theme: state.favoritesOnly ? "accent" : void 0,
+            onPress: () => update({
+              favoritesOnly: !state.favoritesOnly
+            }),
+            "aria-pressed": state.favoritesOnly,
+            icon: /* @__PURE__ */jsx(HeartIcon, {
+              size: iconSize,
+              weight: state.favoritesOnly ? "fill" : "regular"
+            }),
+            testID: `${testID}-tools-favorites`,
+            children: favorites.count > 0 ? t("Favorites ({{count}})", {
+              count: favorites.count
+            }) : t("Favorites")
+          }) : null, shuffle ? /* @__PURE__ */jsx(Button, {
+            outlined: !shuffle.open,
+            theme: shuffle.open ? "accent" : void 0,
+            onPress: () => {
+              shuffle.toggle();
+              setOpen(false);
+            },
+            icon: /* @__PURE__ */jsx(DiceFiveIcon, {
+              size: iconSize
+            }),
+            "aria-expanded": shuffle.open,
+            "aria-controls": shuffle.panelId,
+            testID: `${testID}-tools-shuffle`,
+            children: t("Surprise me")
+          }) : null]
+        }) : null, isListNarrowed(state) ? /* @__PURE__ */jsx(YStack, {
+          alignItems: "flex-start",
+          children: /* @__PURE__ */jsx(Button, {
+            chromeless: true,
+            onPress: list.clear,
+            testID: `${testID}-tools-clear`,
+            children: t("Clear filters")
+          })
+        }) : null]
+      }) : null
+    })]
+  });
+}
+export { ListToolsSheet, countListNarrowings };
+//# sourceMappingURL=ListToolsSheet.mjs.map

package/dist/esm/list/ListToolsSheet.mjs.map

@@ -0,0 +1 @@
+{"version":3,"names":["Badge","SheetModal","SizableText","Text","YStack","isWeb","Button","useResolvedKnobs","DiceFiveIcon","FunnelIcon","HeartIcon","useEffect","useState","useTranslation","BandFilter","FacetRail","activeFilterCount","isListNarrowed","RangeFilter","rangeCeiling","Fragment","jsx","jsxs","countListNarrowings","list","state","SectionLabel","children","knobProps","label","color","textAccentColor","textTransform","ListToolsSheet","controls","showFavorites","shuffle","facets","testID","t","iconSize","controlIcon","width","open","setOpen","update","favorites","sorts","ranges","count","filtersLabel","document","onKeyDown","event","key","addEventListener","removeEventListener","outlined","theme","icon","size","weight","onPress","onOpenChange","snapPoint","scrollable","header","heading","gapLg","length","gap","value","sort","onChange","options","map","facet","reading","param","allLabel","total","optionLabel","tint","counts","bands","band","layout","range","max","highest","step","alignItems","favoritesOnly","toggle","panelId","chromeless","clear"],"sources":["../../../src/list/ListToolsSheet.tsx"],"sourcesContent":[null],"mappings":"AAaA,SAASA,KAAA,EAAOC,UAAA,EAAYC,WAAA,EAAaC,IAAA,EAAMC,MAAA,EAAQC,KAAA,QAAa;AACpE,SAASC,MAAA,QAAc;AACvB,SAASC,gBAAA,QAAwB;AACjC,SAASC,YAAA,EAAcC,UAAA,EAAYC,SAAA,QAAiB;AACpD,SAASC,SAAA,EAAWC,QAAA,QAAgB;AACpC,SAASC,cAAA,QAAsB;AAC/B,SAASC,UAAA,QAAkB;AAC3B,SAASC,SAAA,QAAiB;AAC1B,SACEC,iBAAA,EACAC,cAAA,QAGK;AACP,SAASC,WAAA,EAAaC,YAAA,QAAoB;AAqBtC,SAoCAC,QAAA,EApCAC,GAAA,EA+DUC,IAAA,QA/DV;AAPG,SAASC,oBAAoBC,IAAA,EAAkC;EACpE,OAAOR,iBAAA,CAAkBQ,IAAA,CAAKC,KAAK;AACrC;AAEA,SAASC,aAAa;EAAEC;AAAS,GAAyB;EACxD,MAAM;IAAEC;EAAU,IAAIrB,gBAAA,CAAiB;EACvC,OACE,eAAAc,GAAA,CAAClB,IAAA;IAAM,GAAGyB,SAAA,CAAUC,KAAA;IAAOC,KAAA,EAAOF,SAAA,CAAUG,eAAA;IAAiBC,aAAA,EAAc;IACxEL;EAAA,CACH;AAEJ;AAEO,SAASM,eAAe;EAC7BC,QAAA;EACAV,IAAA;EACAW,aAAA;EACAC,OAAA;EACAC,MAAA;EACAC;AACF,GAAwB;EACtB,MAAM;IAAEC;EAAE,IAAI1B,cAAA,CAAe;EAC7B,MAAM;IAAEe;EAAU,IAAIrB,gBAAA,CAAiB;EACvC,MAAMiC,QAAA,GAAWZ,SAAA,CAAUa,WAAA,CAAYC,KAAA;EACvC,MAAM,CAACC,IAAA,EAAMC,OAAO,IAAIhC,QAAA,CAAS,KAAK;EACtC,MAAM;IAAEa,KAAA;IAAOoB,MAAA;IAAQC;EAAU,IAAItB,IAAA;EACrC,MAAMuB,KAAA,GAAQb,QAAA,CAASa,KAAA,IAAS,EAAC;EACjC,MAAMC,MAAA,GAASd,QAAA,CAASc,MAAA,IAAU,EAAC;EACnC,MAAMC,KAAA,GAAQ1B,mBAAA,CAAoBC,IAAI;EACtC,MAAM0B,YAAA,GAAeX,CAAA,CAAE,SAAS;EAIhC5B,SAAA,CAAU,MAAM;IACd,IAAI,CAACN,KAAA,IAAS,OAAO8C,QAAA,KAAa,eAAe,CAACR,IAAA,EAAM;IACxD,MAAMS,SAAA,GAAaC,KAAA,IAAyB;MAC1C,IAAIA,KAAA,CAAMC,GAAA,KAAQ,UAAUV,OAAA,CAAQ,KAAK;IAC3C;IACAO,QAAA,CAASI,gBAAA,CAAiB,WAAWH,SAAS;IAC9C,OAAO,MAAMD,QAAA,CAASK,mBAAA,CAAoB,WAAWJ,SAAS;EAChE,GAAG,CAACT,IAAI,CAAC;EAET,OACE,eAAArB,IAAA,CAAAF,QAAA;IACEO,QAAA,kBAAAN,GAAA,CAACrB,KAAA;MAAMiD,KAAA;MACLtB,QAAA,iBAAAN,GAAA,CAACf,MAAA;QACCmD,QAAA,EAAUR,KAAA,KAAU;QACpBS,KAAA,EAAOT,KAAA,GAAQ,IAAI,WAAW;QAC9BU,IAAA,EAAM,eAAAtC,GAAA,CAACZ,UAAA;UAAWmD,IAAA,EAAMpB,QAAA;UAAUqB,MAAA,EAAQZ,KAAA,GAAQ,IAAI,SAAS;QAAA,CAAW;QAC1Ea,OAAA,EAASA,CAAA,KAAMlB,OAAA,CAAQ,IAAI;QAC3B,cAAYK,KAAA,GAAQ,IAAIV,CAAA,CAAE,uBAAuB;UAAEU;QAAM,CAAC,IAAIC,YAAA;QAC9D,iBAAc;QACd,iBAAeP,IAAA;QACfL,MAAA,EAAQ,GAAGA,MAAM;QAEhBX,QAAA,EAAAuB;MAAA,CACH;IAAA,CACF,GACA,eAAA7B,GAAA,CAACpB,UAAA;MACC0C,IAAA;MACAoB,YAAA,EAAcnB,OAAA;MACdoB,SAAA,EAAW;MACXC,UAAA,EAAU;MACVC,MAAA,EAAQ,eAAA7C,GAAA,CAACnB,WAAA;QAAa,GAAG0B,SAAA,CAAUuC,OAAA;QAAUxC,QAAA,EAAAY,CAAA,CAAE,eAAe;MAAA,CAAE;MAI/DZ,QAAA,EAAAgB,IAAA,GACC,eAAArB,IAAA,CAAClB,MAAA;QAAQ,GAAGwB,SAAA,CAAUwC,KAAA;QAAO9B,MAAA,EAAQ,GAAGA,MAAM;QAC3CX,QAAA,GAAAoB,KAAA,CAAMsB,MAAA,GAAS,IACd,eAAA/C,IAAA,CAAClB,MAAA;UAAQ,GAAGwB,SAAA,CAAU0C,GAAA;UACpB3C,QAAA,kBAAAN,GAAA,CAACK,YAAA;YAAcC,QAAA,EAAAY,CAAA,CAAE,SAAS;UAAA,CAAE,GAC5B,eAAAlB,GAAA,CAACN,SAAA;YACCc,KAAA,EAAOU,CAAA,CAAE,SAAS;YAClBgC,KAAA,EAAO9C,KAAA,CAAM+C,IAAA,IAAQ;YACrBC,QAAA,EAAWF,KAAA,IAAU1B,MAAA,CAAO;cAAE2B,IAAA,EAAMD;YAAM,CAAC;YAC3CG,OAAA,EAAS3B,KAAA,CAAM4B,GAAA,CAAKH,IAAA,KAAU;cAAED,KAAA,EAAOC,IAAA,CAAKD,KAAA;cAAO1C,KAAA,EAAO2C,IAAA,CAAK3C;YAAM,EAAE;YACvES,MAAA,EAAQ,GAAGA,MAAM;UAAA,CACnB;QAAA,CACF,IACE,MACHD,MAAA,CAAOsC,GAAA,CAAKC,KAAA,IAAU;UACrB,MAAMC,OAAA,GAAUrD,IAAA,CAAKa,MAAA,CAAOuC,KAAA,CAAME,KAAK;UACvC,OACE,eAAAxD,IAAA,CAAClB,MAAA;YAA0B,GAAGwB,SAAA,CAAU0C,GAAA;YACtC3C,QAAA,kBAAAN,GAAA,CAACK,YAAA;cAAcC,QAAA,EAAAiD,KAAA,CAAM/C;YAAA,CAAM,GAC3B,eAAAR,GAAA,CAACN,SAAA;cACCc,KAAA,EAAO+C,KAAA,CAAM/C,KAAA;cACb0C,KAAA,EAAO9C,KAAA,CAAMY,MAAA,CAAOuC,KAAA,CAAME,KAAK,KAAK;cACpCL,QAAA,EAAWF,KAAA,IAAU1B,MAAA,CAAO;gBAAER,MAAA,EAAQ;kBAAE,CAACuC,KAAA,CAAME,KAAK,GAAGP;gBAAM;cAAE,CAAC;cAChEjC,MAAA,EAAQ,GAAGA,MAAM,UAAUsC,KAAA,CAAME,KAAK;cACtCJ,OAAA,EAAS,CACP;gBAAEH,KAAA,EAAO;gBAAI1C,KAAA,EAAO+C,KAAA,CAAMG,QAAA,IAAYxC,CAAA,CAAE,KAAK;gBAAGU,KAAA,EAAOzB,IAAA,CAAKwD;cAAM,GAClE,GAAGJ,KAAA,CAAMF,OAAA,CAAQC,GAAA,CAAKJ,KAAA,KAAW;gBAC/BA,KAAA;gBACA1C,KAAA,EAAO+C,KAAA,CAAMK,WAAA,GAAcV,KAAK,KAAKA,KAAA;gBACrCW,IAAA,EAAMN,KAAA,CAAMM,IAAA,GAAOX,KAAK;gBACxBtB,KAAA,EAAO4B,OAAA,EAASM,MAAA,CAAOZ,KAAK;cAC9B,EAAE;YACJ,CACF;UAAA,GAhBWK,KAAA,CAAME,KAiBnB;QAEJ,CAAC,IACC5C,QAAA,CAASkD,KAAA,IAAS,EAAC,EAAGT,GAAA,CAAKU,IAAA,IAC3B,eAAA/D,IAAA,CAAClB,MAAA;UAAyB,GAAGwB,SAAA,CAAU0C,GAAA;UACrC3C,QAAA,kBAAAN,GAAA,CAACK,YAAA;YAAcC,QAAA,EAAA0D,IAAA,CAAKxD;UAAA,CAAM,GAC1B,eAAAR,GAAA,CAACP,UAAA;YACCuE,IAAA;YACA7D,IAAA;YACA8D,MAAA,EAAO;YACPhD,MAAA,EAAQ,GAAGA,MAAM,UAAU+C,IAAA,CAAKP,KAAK;UAAA,CACvC;QAAA,GAPWO,IAAA,CAAKP,KAQlB,CACD,GACA9B,MAAA,CAAO2B,GAAA,CAAKY,KAAA,IACX,eAAAlE,GAAA,CAACH,WAAA;UAECW,KAAA,EAAO0D,KAAA,CAAM1D,KAAA;UACb0C,KAAA,EAAO9C,KAAA,CAAMuB,MAAA,CAAOuC,KAAA,CAAMT,KAAK,KAAK;UACpCU,GAAA,EAAKrE,YAAA,CAAaK,IAAA,CAAKiE,OAAA,CAAQF,KAAA,CAAMT,KAAK,KAAK,CAAC;UAChDY,IAAA,EAAMH,KAAA,CAAMG,IAAA;UACZjB,QAAA,EAAWF,KAAA,IAAU1B,MAAA,CAAO;YAAEG,MAAA,EAAQ;cAAE,CAACuC,KAAA,CAAMT,KAAK,GAAGP;YAAM;UAAE,CAAC;QAAA,GAL3DgB,KAAA,CAAMT,KAMb,CACD,GACA3C,aAAA,IAAiBC,OAAA,GAChB,eAAAd,IAAA,CAAClB,MAAA;UAAQ,GAAGwB,SAAA,CAAU0C,GAAA;UAAKqB,UAAA,EAAW;UACnChE,QAAA,GAAAQ,aAAA,GACC,eAAAd,GAAA,CAACf,MAAA;YACCmD,QAAA,EAAU,CAAChC,KAAA,CAAMmE,aAAA;YACjBlC,KAAA,EAAOjC,KAAA,CAAMmE,aAAA,GAAgB,WAAW;YACxC9B,OAAA,EAASA,CAAA,KAAMjB,MAAA,CAAO;cAAE+C,aAAA,EAAe,CAACnE,KAAA,CAAMmE;YAAc,CAAC;YAC7D,gBAAcnE,KAAA,CAAMmE,aAAA;YACpBjC,IAAA,EACE,eAAAtC,GAAA,CAACX,SAAA;cACCkD,IAAA,EAAMpB,QAAA;cACNqB,MAAA,EAAQpC,KAAA,CAAMmE,aAAA,GAAgB,SAAS;YAAA,CACzC;YAEFtD,MAAA,EAAQ,GAAGA,MAAM;YAEhBX,QAAA,EAAAmB,SAAA,CAAUG,KAAA,GAAQ,IACfV,CAAA,CAAE,yBAAyB;cAAEU,KAAA,EAAOH,SAAA,CAAUG;YAAM,CAAC,IACrDV,CAAA,CAAE,WAAW;UAAA,CACnB,IACE,MACHH,OAAA,GACC,eAAAf,GAAA,CAACf,MAAA;YACCmD,QAAA,EAAU,CAACrB,OAAA,CAAQO,IAAA;YACnBe,KAAA,EAAOtB,OAAA,CAAQO,IAAA,GAAO,WAAW;YACjCmB,OAAA,EAASA,CAAA,KAAM;cAEb1B,OAAA,CAAQyD,MAAA,CAAO;cACfjD,OAAA,CAAQ,KAAK;YACf;YACAe,IAAA,EAAM,eAAAtC,GAAA,CAACb,YAAA;cAAaoD,IAAA,EAAMpB;YAAA,CAAU;YACpC,iBAAeJ,OAAA,CAAQO,IAAA;YACvB,iBAAeP,OAAA,CAAQ0D,OAAA;YACvBxD,MAAA,EAAQ,GAAGA,MAAM;YAEhBX,QAAA,EAAAY,CAAA,CAAE,aAAa;UAAA,CAClB,IACE;QAAA,CACN,IACE,MACHtB,cAAA,CAAeQ,KAAK,IACnB,eAAAJ,GAAA,CAACjB,MAAA;UAAOuF,UAAA,EAAW;UACjBhE,QAAA,iBAAAN,GAAA,CAACf,MAAA;YAAOyF,UAAA,EAAU;YAACjC,OAAA,EAAStC,IAAA,CAAKwE,KAAA;YAAO1D,MAAA,EAAQ,GAAGA,MAAM;YACtDX,QAAA,EAAAY,CAAA,CAAE,eAAe;UAAA,CACpB;QAAA,CACF,IACE;MAAA,CACN,IACE;IAAA,CACN;EAAA,CACF;AAEJ","ignoreList":[]}

package/dist/esm/list/ListToolsSheet.native.js

@@ -0,0 +1,232 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { Badge, SheetModal, SizableText, Text, YStack, isWeb } from "@multiplatform.one/components";
+import { Button } from "@multiplatform.one/forms";
+import { useResolvedKnobs } from "@multiplatform.one/theme";
+import { DiceFiveIcon, FunnelIcon, HeartIcon } from "@phosphor-icons/react";
+import { useEffect, useState } from "react";
+import { useTranslation } from "react-i18next";
+import { BandFilter } from "./BandFilters.native.js";
+import { FacetRail } from "./FacetRail.native.js";
+import { activeFilterCount, isListNarrowed } from "./listState.native.js";
+import { RangeFilter, rangeCeiling } from "./RangeFilter.native.js";
+function countListNarrowings(list) {
+  return activeFilterCount(list.state);
+}
+function SectionLabel(param) {
+  var {
+    children
+  } = param;
+  var {
+    knobProps
+  } = useResolvedKnobs();
+  return /* @__PURE__ */_jsx(Text, {
+    ...knobProps.label,
+    color: knobProps.textAccentColor,
+    textTransform: "uppercase",
+    children
+  });
+}
+function ListToolsSheet(param) {
+  var {
+    controls,
+    list,
+    showFavorites,
+    shuffle,
+    facets,
+    testID
+  } = param;
+  var _controls_sorts, _controls_ranges, _state_sort, _controls_bands;
+  var {
+    t
+  } = useTranslation();
+  var {
+    knobProps
+  } = useResolvedKnobs();
+  var iconSize = knobProps.controlIcon.width;
+  var [open, setOpen] = useState(false);
+  var {
+    state,
+    update,
+    favorites
+  } = list;
+  var sorts = (_controls_sorts = controls.sorts) !== null && _controls_sorts !== void 0 ? _controls_sorts : [];
+  var ranges = (_controls_ranges = controls.ranges) !== null && _controls_ranges !== void 0 ? _controls_ranges : [];
+  var count = countListNarrowings(list);
+  var filtersLabel = t("Filters");
+  useEffect(function () {
+    if (!isWeb || typeof document === "undefined" || !open) return;
+    var onKeyDown = function onKeyDown2(event) {
+      if (event.key === "Escape") setOpen(false);
+    };
+    document.addEventListener("keydown", onKeyDown);
+    return function () {
+      return document.removeEventListener("keydown", onKeyDown);
+    };
+  }, [open]);
+  return /* @__PURE__ */_jsxs(_Fragment, {
+    children: [/* @__PURE__ */_jsx(Badge, {
+      count,
+      children: /* @__PURE__ */_jsx(Button, {
+        outlined: count === 0,
+        theme: count > 0 ? "accent" : void 0,
+        icon: /* @__PURE__ */_jsx(FunnelIcon, {
+          size: iconSize,
+          weight: count > 0 ? "fill" : "regular"
+        }),
+        onPress: function onPress() {
+          return setOpen(true);
+        },
+        "aria-label": count > 0 ? t("Filters ({{count}})", {
+          count
+        }) : filtersLabel,
+        "aria-haspopup": "dialog",
+        "aria-expanded": open,
+        testID: `${testID}-tools`,
+        children: filtersLabel
+      })
+    }), /* @__PURE__ */_jsx(SheetModal, {
+      open,
+      onOpenChange: setOpen,
+      snapPoint: 85,
+      scrollable: true,
+      header: /* @__PURE__ */_jsx(SizableText, {
+        ...knobProps.heading,
+        children: t("Filter & sort")
+      }),
+      children: (
+      /* Mounted only while open: a closed sheet must not leave a second
+      sort, facet rail or favorites toggle in the page's tree. */
+      open ? /* @__PURE__ */_jsxs(YStack, {
+        ...knobProps.gapLg,
+        testID: `${testID}-tools-sheet`,
+        children: [sorts.length > 0 ? /* @__PURE__ */_jsxs(YStack, {
+          ...knobProps.gap,
+          children: [/* @__PURE__ */_jsx(SectionLabel, {
+            children: t("Sort by")
+          }), /* @__PURE__ */_jsx(FacetRail, {
+            label: t("Sort by"),
+            value: (_state_sort = state.sort) !== null && _state_sort !== void 0 ? _state_sort : "",
+            onChange: function onChange(value) {
+              return update({
+                sort: value
+              });
+            },
+            options: sorts.map(function (sort) {
+              return {
+                value: sort.value,
+                label: sort.label
+              };
+            }),
+            testID: `${testID}-tools-sort`
+          })]
+        }) : null, facets.map(function (facet) {
+          var _state_facets_facet_param, _facet_allLabel;
+          var reading = list.facets[facet.param];
+          return /* @__PURE__ */_jsxs(YStack, {
+            ...knobProps.gap,
+            children: [/* @__PURE__ */_jsx(SectionLabel, {
+              children: facet.label
+            }), /* @__PURE__ */_jsx(FacetRail, {
+              label: facet.label,
+              value: (_state_facets_facet_param = state.facets[facet.param]) !== null && _state_facets_facet_param !== void 0 ? _state_facets_facet_param : "",
+              onChange: function onChange(value) {
+                return update({
+                  facets: {
+                    [facet.param]: value
+                  }
+                });
+              },
+              testID: `${testID}-tools-${facet.param}`,
+              options: [{
+                value: "",
+                label: (_facet_allLabel = facet.allLabel) !== null && _facet_allLabel !== void 0 ? _facet_allLabel : t("All"),
+                count: list.total
+              }, ...facet.options.map(function (value) {
+                var _ref;
+                var _facet_optionLabel, _facet_tint;
+                return {
+                  value,
+                  label: (_ref = (_facet_optionLabel = facet.optionLabel) === null || _facet_optionLabel === void 0 ? void 0 : _facet_optionLabel.call(facet, value)) !== null && _ref !== void 0 ? _ref : value,
+                  tint: (_facet_tint = facet.tint) === null || _facet_tint === void 0 ? void 0 : _facet_tint.call(facet, value),
+                  count: reading === null || reading === void 0 ? void 0 : reading.counts[value]
+                };
+              })]
+            })]
+          }, facet.param);
+        }), ((_controls_bands = controls.bands) !== null && _controls_bands !== void 0 ? _controls_bands : []).map(function (band) {
+          return /* @__PURE__ */_jsxs(YStack, {
+            ...knobProps.gap,
+            children: [/* @__PURE__ */_jsx(SectionLabel, {
+              children: band.label
+            }), /* @__PURE__ */_jsx(BandFilter, {
+              band,
+              list,
+              layout: "list",
+              testID: `${testID}-tools-${band.param}`
+            })]
+          }, band.param);
+        }), ranges.map(function (range) {
+          var _state_ranges_range_param, _list_highest_range_param;
+          return /* @__PURE__ */_jsx(RangeFilter, {
+            label: range.label,
+            value: (_state_ranges_range_param = state.ranges[range.param]) !== null && _state_ranges_range_param !== void 0 ? _state_ranges_range_param : 0,
+            max: rangeCeiling((_list_highest_range_param = list.highest[range.param]) !== null && _list_highest_range_param !== void 0 ? _list_highest_range_param : 0),
+            step: range.step,
+            onChange: function onChange(value) {
+              return update({
+                ranges: {
+                  [range.param]: value
+                }
+              });
+            }
+          }, range.param);
+        }), showFavorites || shuffle ? /* @__PURE__ */_jsxs(YStack, {
+          ...knobProps.gap,
+          alignItems: "flex-start",
+          children: [showFavorites ? /* @__PURE__ */_jsx(Button, {
+            outlined: !state.favoritesOnly,
+            theme: state.favoritesOnly ? "accent" : void 0,
+            onPress: function onPress() {
+              return update({
+                favoritesOnly: !state.favoritesOnly
+              });
+            },
+            "aria-pressed": state.favoritesOnly,
+            icon: /* @__PURE__ */_jsx(HeartIcon, {
+              size: iconSize,
+              weight: state.favoritesOnly ? "fill" : "regular"
+            }),
+            testID: `${testID}-tools-favorites`,
+            children: favorites.count > 0 ? t("Favorites ({{count}})", {
+              count: favorites.count
+            }) : t("Favorites")
+          }) : null, shuffle ? /* @__PURE__ */_jsx(Button, {
+            outlined: !shuffle.open,
+            theme: shuffle.open ? "accent" : void 0,
+            onPress: function onPress() {
+              shuffle.toggle();
+              setOpen(false);
+            },
+            icon: /* @__PURE__ */_jsx(DiceFiveIcon, {
+              size: iconSize
+            }),
+            "aria-expanded": shuffle.open,
+            "aria-controls": shuffle.panelId,
+            testID: `${testID}-tools-shuffle`,
+            children: t("Surprise me")
+          }) : null]
+        }) : null, isListNarrowed(state) ? /* @__PURE__ */_jsx(YStack, {
+          alignItems: "flex-start",
+          children: /* @__PURE__ */_jsx(Button, {
+            chromeless: true,
+            onPress: list.clear,
+            testID: `${testID}-tools-clear`,
+            children: t("Clear filters")
+          })
+        }) : null]
+      }) : null)
+    })]
+  });
+}
+export { ListToolsSheet, countListNarrowings };
+//# sourceMappingURL=ListToolsSheet.native.js.map

package/dist/esm/list/ListToolsSheet.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","Badge","SheetModal","SizableText","Text","YStack","isWeb","Button","useResolvedKnobs","DiceFiveIcon","FunnelIcon","HeartIcon","useEffect","useState","useTranslation","BandFilter","FacetRail","activeFilterCount","isListNarrowed","RangeFilter","rangeCeiling","countListNarrowings","list","state","SectionLabel","param","children","knobProps","label","color","textAccentColor","textTransform","ListToolsSheet","controls","showFavorites","shuffle","facets","testID","_controls_sorts","_controls_ranges","_state_sort","_controls_bands","t","iconSize","controlIcon","width","open","setOpen","update","favorites","sorts","ranges","count","filtersLabel","document","onKeyDown","onKeyDown2","event","key","addEventListener","removeEventListener","outlined","theme","icon","size","weight","onPress","onOpenChange","snapPoint","scrollable","header","heading","gapLg","length","gap","value","sort","onChange","options","map","facet","_state_facets_facet_param","_facet_allLabel","reading","allLabel","total","_ref","_facet_optionLabel","_facet_tint","optionLabel","call","tint","counts","bands","band","layout","range","_state_ranges_range_param","_list_highest_range_param"],"sources":["../../../src/list/ListToolsSheet.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/esm/list/RangeFilter.mjs

@@ -1,13 +1,12 @@
 import { Text, XStack, YStack } from "@multiplatform.one/components";
 import { useResolvedKnobs } from "@multiplatform.one/theme";
-import { Suspense, lazy } from "react";
+import { Suspense, lazy, useEffect, useRef, useState } from "react";
 import { useTranslation } from "react-i18next";
 import { jsx, jsxs } from "react/jsx-runtime";
-const readoutWidth = 44;
-const trackMinWidth = 100;
+const commitDelayMs = 150;
 const RangeRowLazy = lazy(async () => {
-  const forms = await import("@multiplatform.one/forms");
-  const MaybeSlider = forms.Slider;
+  const tamagui = await import("tamagui");
+  const MaybeSlider = tamagui.Slider;
   if (!MaybeSlider) {
     const Absent = () => null;
     return {
@@ -20,7 +19,9 @@ const RangeRowLazy = lazy(async () => {
     value,
     max,
     step = 5,
-    onChange
+    onChange,
+    layout = "row",
+    testID
   }) {
     const {
       t
@@ -28,42 +29,105 @@ const RangeRowLazy = lazy(async () => {
     const {
       knobProps
     } = useResolvedKnobs();
+    const [draft, setDraft] = useState(value);
+    const timer = useRef(null);
+    const onChangeRef = useRef(onChange);
+    onChangeRef.current = onChange;
+    useEffect(() => setDraft(value), [value]);
+    useEffect(() => () => {
+      if (timer.current) clearTimeout(timer.current);
+    }, []);
+    const move = next => {
+      setDraft(next);
+      if (timer.current) clearTimeout(timer.current);
+      timer.current = setTimeout(() => onChangeRef.current(next), commitDelayMs);
+    };
+    const readout = /* @__PURE__ */jsx(Text, {
+      ...knobProps.label,
+      color: draft > 0 ? "$color12" : "$color10",
+      flexShrink: 0,
+      userSelect: "none",
+      textAlign: "right",
+      "data-range-readout": "",
+      children: draft > 0 ? `${draft}+` : t("Any")
+    });
+    const caption = /* @__PURE__ */jsx(Text, {
+      ...knobProps.label,
+      color: "$color11",
+      flexShrink: 0,
+      userSelect: "none",
+      children: label
+    });
+    const track =
+    // Inset by half the thumb so it stays inside the column at either end.
+    /* @__PURE__ */
+    jsx(YStack, {
+      flexGrow: 1,
+      flexShrink: 1,
+      minWidth: 0,
+      justifyContent: "center",
+      paddingHorizontal: "$2",
+      children: /* @__PURE__ */jsxs(Slider, {
+        value: [Math.min(draft, max)],
+        min: 0,
+        max,
+        step,
+        size: "$2",
+        onValueChange: values => {
+          if (typeof values[0] === "number") move(values[0]);
+        },
+        "aria-label": label,
+        testID,
+        "data-range-slider": "",
+        children: [/* @__PURE__ */jsx(Slider.Track, {
+          height: "$0.5",
+          backgroundColor: "$color5",
+          "data-slider-part": "track",
+          children: /* @__PURE__ */jsx(Slider.TrackActive, {
+            backgroundColor: "$color9",
+            "data-slider-part": "range"
+          })
+        }), /* @__PURE__ */jsx(Slider.Thumb, {
+          index: 0,
+          size: "$1.5",
+          circular: true,
+          backgroundColor: "$background",
+          borderColor: "$color9",
+          borderWidth: knobProps.surface.borderWidth,
+          elevation: knobProps.elevation,
+          hoverStyle: {
+            borderColor: "$color10"
+          },
+          pressStyle: {
+            borderColor: "$color11"
+          },
+          focusVisibleStyle: {
+            outlineColor: "$outlineColor",
+            outlineWidth: 2
+          },
+          "aria-label": label,
+          "data-slider-part": "thumb"
+        })]
+      })
+    });
+    if (layout === "stack") {
+      return /* @__PURE__ */jsxs(YStack, {
+        ...knobProps.gapSm,
+        "data-range-layout": "stack",
+        children: [/* @__PURE__ */jsxs(XStack, {
+          alignItems: "baseline",
+          ...knobProps.gap,
+          children: [caption, readout]
+        }), track]
+      });
+    }
     return /* @__PURE__ */jsxs(XStack, {
       ...knobProps.gap,
       alignItems: "center",
       flexGrow: 1,
       minWidth: 0,
-      children: [/* @__PURE__ */jsx(Text, {
-        fontSize: "$2",
-        color: "$color11",
-        flexShrink: 0,
-        userSelect: "none",
-        children: label
-      }), /* @__PURE__ */jsx(YStack, {
-        flexGrow: 1,
-        flexShrink: 1,
-        minWidth: trackMinWidth,
-        justifyContent: "center",
-        children: /* @__PURE__ */jsx(Slider, {
-          value: [value],
-          min: 0,
-          max,
-          step,
-          onChange: values => {
-            if (typeof values[0] === "number") onChange(values[0]);
-          },
-          "aria-label": label,
-          compact: true
-        })
-      }), /* @__PURE__ */jsx(Text, {
-        fontSize: "$2",
-        fontWeight: "600",
-        color: value > 0 ? "$color12" : "$color10",
-        minWidth: readoutWidth,
-        textAlign: "right",
-        userSelect: "none",
-        children: value > 0 ? `${value}+` : t("Any")
-      })]
+      "data-range-layout": "row",
+      children: [caption, track, readout]
     });
   }
   return {

package/dist/esm/list/RangeFilter.mjs.map

@@ -1 +1 @@
-{"version":3,"names":["Text","XStack","YStack","useResolvedKnobs","Suspense","lazy","useTranslation","jsx","jsxs","readoutWidth","trackMinWidth","RangeRowLazy","forms","MaybeSlider","Slider","Absent","default","RangeRow","label","value","max","step","onChange","t","knobProps","gap","alignItems","flexGrow","minWidth","children","fontSize","color","flexShrink","userSelect","justifyContent","min","values","compact","fontWeight","textAlign","RangeFilter","props","fallback","rangeCeiling","highest","stop","floor","Math","ceil"],"sources":["../../../src/list/RangeFilter.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,IAAA,EAAMC,MAAA,EAAQC,MAAA,QAAc;AACrC,SAASC,gBAAA,QAAwB;AACjC,SAASC,QAAA,EAAUC,IAAA,QAAgC;AACnD,SAASC,cAAA,QAAsB;AA+BzB,SACEC,GAAA,EADFC,IAAA;AAnBN,MAAMC,YAAA,GAAe;AACrB,MAAMC,aAAA,GAAgB;AAKtB,MAAMC,YAAA,GAAeN,IAAA,CAAK,YAAY;EACpC,MAAMO,KAAA,GAAQ,MAAM,OAAO,0BAA0B;EACrD,MAAMC,WAAA,GAAeD,KAAA,CAAgCE,MAAA;EACrD,IAAI,CAACD,WAAA,EAAa;IAChB,MAAME,MAAA,GAA0CA,CAAA,KAAM;IACtD,OAAO;MAAEC,OAAA,EAASD;IAAO;EAC3B;EACA,MAAMD,MAAA,GAASD,WAAA;EAEf,SAASI,SAAS;IAAEC,KAAA;IAAOC,KAAA;IAAOC,GAAA;IAAKC,IAAA,GAAO;IAAGC;EAAS,GAAqB;IAC7E,MAAM;MAAEC;IAAE,IAAIjB,cAAA,CAAe;IAC7B,MAAM;MAAEkB;IAAU,IAAIrB,gBAAA,CAAiB;IACvC,OACE,eAAAK,IAAA,CAACP,MAAA;MAAQ,GAAGuB,SAAA,CAAUC,GAAA;MAAKC,UAAA,EAAW;MAASC,QAAA,EAAU;MAAGC,QAAA,EAAU;MACpEC,QAAA,kBAAAtB,GAAA,CAACP,IAAA;QAAK8B,QAAA,EAAS;QAAKC,KAAA,EAAM;QAAWC,UAAA,EAAY;QAAGC,UAAA,EAAW;QAC5DJ,QAAA,EAAAX;MAAA,CACH,GAIA,eAAAX,GAAA,CAACL,MAAA;QAAOyB,QAAA,EAAU;QAAGK,UAAA,EAAY;QAAGJ,QAAA,EAAUlB,aAAA;QAAewB,cAAA,EAAe;QAC1EL,QAAA,iBAAAtB,GAAA,CAACO,MAAA;UACCK,KAAA,EAAO,CAACA,KAAK;UACbgB,GAAA,EAAK;UACLf,GAAA;UACAC,IAAA;UACAC,QAAA,EAAWc,MAAA,IAAW;YACpB,IAAI,OAAOA,MAAA,CAAO,CAAC,MAAM,UAAUd,QAAA,CAASc,MAAA,CAAO,CAAC,CAAC;UACvD;UACA,cAAYlB,KAAA;UACZmB,OAAA,EAAO;QAAA,CACT;MAAA,CACF,GACA,eAAA9B,GAAA,CAACP,IAAA;QACC8B,QAAA,EAAS;QACTQ,UAAA,EAAW;QACXP,KAAA,EAAOZ,KAAA,GAAQ,IAAI,aAAa;QAChCS,QAAA,EAAUnB,YAAA;QACV8B,SAAA,EAAU;QACVN,UAAA,EAAW;QAEVJ,QAAA,EAAAV,KAAA,GAAQ,IAAI,GAAGA,KAAK,MAAMI,CAAA,CAAE,KAAK;MAAA,CACpC;IAAA,CACF;EAEJ;EACA,OAAO;IAAEP,OAAA,EAASC;EAAS;AAC7B,CAAC;AAGM,SAASuB,YAAYC,KAAA,EAAyB;EACnD,OACE,eAAAlC,GAAA,CAACH,QAAA;IAASsC,QAAA,EAAU;IAClBb,QAAA,iBAAAtB,GAAA,CAACI,YAAA;MAAc,GAAG8B;IAAA,CAAO;EAAA,CAC3B;AAEJ;AAGO,SAASE,aAAaC,OAAA,EAAiBC,IAAA,GAAO,IAAIC,KAAA,GAAQ,IAAY;EAC3E,OAAOC,IAAA,CAAK3B,GAAA,CAAI0B,KAAA,EAAOC,IAAA,CAAKC,IAAA,CAAKD,IAAA,CAAK3B,GAAA,CAAI,GAAGwB,OAAO,IAAIC,IAAI,IAAIA,IAAI;AACtE","ignoreList":[]}
+{"version":3,"names":["Text","XStack","YStack","useResolvedKnobs","Suspense","lazy","useEffect","useRef","useState","useTranslation","jsx","jsxs","commitDelayMs","RangeRowLazy","tamagui","MaybeSlider","Slider","Absent","default","RangeRow","label","value","max","step","onChange","layout","testID","t","knobProps","draft","setDraft","timer","onChangeRef","current","clearTimeout","move","next","setTimeout","readout","color","flexShrink","userSelect","textAlign","children","caption","track","flexGrow","minWidth","justifyContent","paddingHorizontal","Math","min","size","onValueChange","values","Track","height","backgroundColor","TrackActive","Thumb","index","circular","borderColor","borderWidth","surface","elevation","hoverStyle","pressStyle","focusVisibleStyle","outlineColor","outlineWidth","gapSm","alignItems","gap","RangeFilter","props","fallback","rangeCeiling","highest","stop","floor","ceil"],"sources":["../../../src/list/RangeFilter.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}