@multiplatform.one/frappe-ui 7.34.3 → 7.35.0

package/dist/cjs/list/ListControlsSheet.native.js

@@ -0,0 +1,426 @@
+"use strict";
+
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all) __defProp(target, name, {
+    get: all[name],
+    enumerable: true
+  });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+      get: () => from[key],
+      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+    });
+  }
+  return to;
+};
+var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: true
+}), mod);
+var ListControlsSheet_exports = {};
+__export(ListControlsSheet_exports, {
+  ListControlsSheet: () => ListControlsSheet
+});
+module.exports = __toCommonJS(ListControlsSheet_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_components = require("@multiplatform.one/components");
+var import_forms = require("@multiplatform.one/forms");
+var import_react = require("@phosphor-icons/react");
+var import_react2 = require("react");
+var import_react_i18next = require("react-i18next");
+var import_BandFilters = require("./BandFilters.native.js");
+var import_listState = require("./listState.native.js");
+var import_RangeFilter = require("./RangeFilter.native.js");
+var viewIcons = {
+  grid: import_react.SquaresFourIcon,
+  list: import_react.ListIcon,
+  table: import_react.TableIcon
+};
+function ListControlsSheet(param) {
+  var {
+    controls,
+    list,
+    searchId,
+    searchPlaceholder,
+    showSearch,
+    showFavorites,
+    shuffle,
+    shufflePanel,
+    view,
+    noun,
+    testID
+  } = param;
+  var _controls_sorts, _controls_facets, _controls_ranges, _controls_bands, _ref, _controls_views;
+  var _controls_views1;
+  var {
+    t
+  } = (0, import_react_i18next.useTranslation)();
+  var {
+    state,
+    update,
+    favorites
+  } = list;
+  var [open, setOpen] = (0, import_react2.useState)(false);
+  var sorts = (_controls_sorts = controls.sorts) !== null && _controls_sorts !== void 0 ? _controls_sorts : [];
+  var facets = (_controls_facets = controls.facets) !== null && _controls_facets !== void 0 ? _controls_facets : [];
+  var ranges = (_controls_ranges = controls.ranges) !== null && _controls_ranges !== void 0 ? _controls_ranges : [];
+  var bands = (_controls_bands = controls.bands) !== null && _controls_bands !== void 0 ? _controls_bands : [];
+  var count = (0, import_listState.activeFilterCount)(state);
+  var hasSheet = sorts.length > 0 || facets.length > 0 || ranges.length > 0 || bands.length > 0 || showFavorites;
+  (0, import_react2.useEffect)(function () {
+    if (!import_components.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]);
+  var reset = function reset2() {
+    var _sorts_;
+    return update({
+      sort: (_sorts_ = sorts[0]) === null || _sorts_ === void 0 ? void 0 : _sorts_.value,
+      favoritesOnly: false,
+      facets: Object.fromEntries(facets.map(function (facet) {
+        return [facet.param, ""];
+      })),
+      ranges: Object.fromEntries(ranges.map(function (range) {
+        return [range.param, 0];
+      })),
+      bands: Object.fromEntries(bands.map(function (band) {
+        return [band.param, ""];
+      }))
+    });
+  };
+  var activeFacets = facets.filter(function (facet) {
+    return state.facets[facet.param];
+  });
+  var activeRanges = ranges.filter(function (range) {
+    var _state_ranges_range_param;
+    return ((_state_ranges_range_param = state.ranges[range.param]) !== null && _state_ranges_range_param !== void 0 ? _state_ranges_range_param : 0) > 0;
+  });
+  var activeBands = bands.filter(function (band) {
+    var _state_bands;
+    return (_state_bands = state.bands) === null || _state_bands === void 0 ? void 0 : _state_bands[band.param];
+  });
+  var shown = function () {
+    var _ref2;
+    var _list_facets_facet_param, _state_bands, _list_bandCounts_band_param;
+    if (count === 0) return list.total;
+    if (count !== 1) return void 0;
+    if (state.favoritesOnly) return favorites.count;
+    var facet = activeFacets[0];
+    if (facet) return (_list_facets_facet_param = list.facets[facet.param]) === null || _list_facets_facet_param === void 0 ? void 0 : _list_facets_facet_param.counts[state.facets[facet.param]];
+    var band = activeBands[0];
+    return band ? (_list_bandCounts_band_param = list.bandCounts[band.param]) === null || _list_bandCounts_band_param === void 0 ? void 0 : _list_bandCounts_band_param[(_ref2 = (_state_bands = state.bands) === null || _state_bands === void 0 ? void 0 : _state_bands[band.param]) !== null && _ref2 !== void 0 ? _ref2 : ""] : void 0;
+  }();
+  var chips = /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_components.XStack, {
+    gap: "$2",
+    flexWrap: "wrap",
+    flexShrink: 1,
+    minWidth: 0,
+    alignItems: "center",
+    children: [activeFacets.map(function (facet) {
+      var _ref2;
+      var _facet_optionLabel;
+      var value = state.facets[facet.param];
+      return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.Chip, {
+        variant: "filled",
+        onPress: function onPress() {
+          return update({
+            facets: {
+              [facet.param]: ""
+            }
+          });
+        },
+        children: (_ref2 = (_facet_optionLabel = facet.optionLabel) === null || _facet_optionLabel === void 0 ? void 0 : _facet_optionLabel.call(facet, value)) !== null && _ref2 !== void 0 ? _ref2 : value
+      }, facet.param);
+    }), activeRanges.map(function (range) {
+      return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.Chip, {
+        variant: "filled",
+        onPress: function onPress() {
+          return update({
+            ranges: {
+              [range.param]: 0
+            }
+          });
+        },
+        children: `${range.label} ${state.ranges[range.param]}+`
+      }, range.param);
+    }), activeBands.map(function (band) {
+      var _ref2, _ref1;
+      var _state_bands, _band_options_find;
+      var value = (_ref2 = (_state_bands = state.bands) === null || _state_bands === void 0 ? void 0 : _state_bands[band.param]) !== null && _ref2 !== void 0 ? _ref2 : "";
+      return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.Chip, {
+        variant: "filled",
+        onPress: function onPress() {
+          return update({
+            bands: {
+              [band.param]: ""
+            }
+          });
+        },
+        children: (_ref1 = (_band_options_find = band.options.find(function (option) {
+          return option.value === value;
+        })) === null || _band_options_find === void 0 ? void 0 : _band_options_find.label) !== null && _ref1 !== void 0 ? _ref1 : value
+      }, band.param);
+    }), state.favoritesOnly ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.Chip, {
+      variant: "filled",
+      icon: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_react.HeartIcon, {
+        weight: "regular"
+      }),
+      onPress: function onPress() {
+        return update({
+          favoritesOnly: false
+        });
+      },
+      children: t("Favorites")
+    }) : null]
+  });
+  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_components.YStack, {
+    gap: "$3",
+    testID: `${testID}-controls`,
+    children: [/* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_components.XStack, {
+      gap: "$2",
+      alignItems: "center",
+      children: [showSearch ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.YStack, {
+        id: searchId,
+        flex: 1,
+        minWidth: 0,
+        children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_forms.SearchInput, {
+          value: list.searchText,
+          onChange: list.setSearchText,
+          onSearch: function onSearch(text) {
+            return update({
+              search: text
+            });
+          },
+          placeholder: searchPlaceholder !== null && searchPlaceholder !== void 0 ? searchPlaceholder : t("Search..."),
+          "aria-label": searchPlaceholder !== null && searchPlaceholder !== void 0 ? searchPlaceholder : t("Search..."),
+          debounceMs: 200,
+          clearable: true
+        })
+      }) : null, hasSheet ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_forms.Button, {
+        onPress: function onPress() {
+          return setOpen(true);
+        },
+        icon: import_react.SlidersHorizontalIcon,
+        iconAfter: count > 0 ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.Badge, {
+          count,
+          color: "gray"
+        }) : void 0,
+        "aria-label": count > 0 ? t("Filters ({{count}})", {
+          count
+        }) : t("Filters", "Filters"),
+        testID: `${testID}-filters`,
+        children: t("Filters", "Filters")
+      }) : null]
+    }), count > 0 || view || shuffle ? /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_components.XStack, {
+      gap: "$2",
+      alignItems: "center",
+      children: [chips, /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_components.XStack, {
+        gap: "$2",
+        alignItems: "center",
+        flexShrink: 0,
+        children: [shuffle ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_forms.Button, {
+          circular: true,
+          chromeless: true,
+          onPress: shuffle.toggle,
+          icon: import_react.DiceFiveIcon,
+          "aria-label": t("Surprise me"),
+          "aria-expanded": shuffle.open,
+          "aria-controls": shuffle.panelId,
+          testID: `${testID}-shuffle-toggle`
+        }) : null, view && ((_ref = (_controls_views1 = controls.views) === null || _controls_views1 === void 0 ? void 0 : _controls_views1.length) !== null && _ref !== void 0 ? _ref : 0) > 1 ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.ViewSwitcher, {
+          views: ((_controls_views = controls.views) !== null && _controls_views !== void 0 ? _controls_views : []).map(function (mode) {
+            return {
+              type: mode,
+              label: mode === "grid" ? t("Cards") : mode === "list" ? t("List") : t("Table"),
+              icon: viewIcons[mode],
+              iconOnly: true
+            };
+          }),
+          currentView: view.current,
+          onViewChange: function onViewChange(mode) {
+            return view.onChange(mode);
+          },
+          testID: `${testID}-views`
+        }) : null]
+      })]
+    }) : null, shufflePanel, /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.SheetModal, {
+      open,
+      onOpenChange: setOpen,
+      scrollable: true,
+      header: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_components.XStack, {
+        alignItems: "center",
+        gap: "$2",
+        children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.Text, {
+          fontSize: "$6",
+          fontWeight: "700",
+          color: "$color12",
+          children: t("Filters", "Filters")
+        }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_forms.Button, {
+          chromeless: true,
+          onPress: reset,
+          testID: `${testID}-reset`,
+          children: t("Reset")
+        }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_forms.Button, {
+          chromeless: true,
+          onPress: function onPress() {
+            return setOpen(false);
+          },
+          children: t("Done")
+        })]
+      }),
+      children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_components.YStack, {
+        gap: "$5",
+        paddingBottom: "$4",
+        testID: `${testID}-filters-sheet`,
+        children: [sorts.length > 0 ? /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_components.YStack, {
+          gap: "$2",
+          children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.Text, {
+            fontSize: "$4",
+            fontWeight: "600",
+            color: "$color12",
+            children: t("Sort by")
+          }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_forms.Select, {
+            native: true,
+            value: state.sort,
+            onChange: function onChange(value) {
+              return update({
+                sort: String(value)
+              });
+            },
+            options: sorts.map(function (sort) {
+              return {
+                label: sort.label,
+                value: sort.value
+              };
+            }),
+            "aria-label": t("Sort by")
+          })]
+        }) : null, showFavorites ? /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_components.XStack, {
+          alignItems: "center",
+          gap: "$3",
+          children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.Text, {
+            fontSize: "$4",
+            fontWeight: "600",
+            color: "$color12",
+            children: t("Favorites only")
+          }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_forms.Switch, {
+            checked: state.favoritesOnly,
+            onChange: function onChange(checked) {
+              return update({
+                favoritesOnly: checked
+              });
+            },
+            "aria-label": t("Favorites only")
+          })]
+        }) : null, facets.map(function (facet) {
+          var _state_facets_facet_param, _facet_allLabel;
+          var reading = list.facets[facet.param];
+          var selected = (_state_facets_facet_param = state.facets[facet.param]) !== null && _state_facets_facet_param !== void 0 ? _state_facets_facet_param : "";
+          var 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 _ref2;
+            var _facet_optionLabel;
+            return {
+              value,
+              label: (_ref2 = (_facet_optionLabel = facet.optionLabel) === null || _facet_optionLabel === void 0 ? void 0 : _facet_optionLabel.call(facet, value)) !== null && _ref2 !== void 0 ? _ref2 : value,
+              count: reading === null || reading === void 0 ? void 0 : reading.counts[value]
+            };
+          })];
+          return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_components.YStack, {
+            gap: "$2",
+            children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.Text, {
+              fontSize: "$4",
+              fontWeight: "600",
+              color: "$color12",
+              children: facet.label
+            }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.XStack, {
+              gap: "$2",
+              flexWrap: "wrap",
+              role: "radiogroup",
+              "aria-label": facet.label,
+              testID: `${testID}-${facet.param}`,
+              children: options.map(function (option) {
+                return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_components.Chip, {
+                  variant: option.value === selected ? "filled" : "outlined",
+                  onPress: function onPress() {
+                    return update({
+                      facets: {
+                        [facet.param]: option.value === selected && option.value !== "" ? "" : option.value
+                      }
+                    });
+                  },
+                  children: [option.label, typeof option.count === "number" ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.Text, {
+                    color: option.value === selected ? "$color6" : "$color10",
+                    children: `  ${option.count}`
+                  }) : null]
+                }, option.value || "__all");
+              })
+            })]
+          }, facet.param);
+        }), bands.map(function (band) {
+          return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_components.YStack, {
+            gap: "$2",
+            children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.Text, {
+              fontSize: "$4",
+              fontWeight: "600",
+              color: "$color12",
+              children: band.label
+            }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_BandFilters.BandFilter, {
+              band,
+              list,
+              layout: "list",
+              testID: `${testID}-${band.param}`
+            })]
+          }, band.param);
+        }), ranges.map(function (range) {
+          var _list_highest_range_param, _state_ranges_range_param;
+          var max = (0, import_RangeFilter.rangeCeiling)((_list_highest_range_param = list.highest[range.param]) !== null && _list_highest_range_param !== void 0 ? _list_highest_range_param : 0);
+          return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_components.YStack, {
+            gap: "$2",
+            children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_RangeFilter.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,
+              step: range.step,
+              onChange: function onChange(value) {
+                return update({
+                  ranges: {
+                    [range.param]: value
+                  }
+                });
+              }
+            }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.Text, {
+              fontSize: "$2",
+              color: "$color10",
+              children: `0\u2013${max}`
+            })]
+          }, range.param);
+        }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_forms.Button, {
+          theme: "accent",
+          onPress: function onPress() {
+            return setOpen(false);
+          },
+          testID: `${testID}-show`,
+          children: typeof shown === "number" ? t("Show {{count}} {{noun}}", {
+            count: shown,
+            noun
+          }) : t("Show results")
+        })]
+      })
+    })]
+  });
+}
+//# sourceMappingURL=ListControlsSheet.native.js.map

package/dist/cjs/list/ListControlsSheet.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","ListControlsSheet_exports","__export","ListControlsSheet","module","exports","import_jsx_runtime","require","import_components","import_forms","import_react","import_react2","import_react_i18next","import_BandFilters","import_listState","import_RangeFilter","viewIcons","grid","SquaresFourIcon","list","ListIcon","table","TableIcon","param","controls","searchId","searchPlaceholder","showSearch","showFavorites","shuffle","shufflePanel","view","noun","testID","_controls_sorts","_controls_facets","_controls_ranges","_controls_bands","_ref","_controls_views","_controls_views1","t","useTranslation","state","update","favorites","open","setOpen","useState","sorts","facets","ranges","bands","count","activeFilterCount","hasSheet","length","useEffect","isWeb","document","onKeyDown","onKeyDown2","event","key","addEventListener","removeEventListener","reset","reset2","_sorts_","sort","favoritesOnly","Object","fromEntries","map","facet","range","band","activeFacets","filter","activeRanges","_state_ranges_range_param","activeBands","_state_bands","shown","_ref2","_list_facets_facet_param","_list_bandCounts_band_param","total","counts","bandCounts","chips","jsxs","XStack","gap","flexWrap","flexShrink","minWidth","alignItems","children","_facet_optionLabel","jsx","Chip","variant","onPress","optionLabel","call","label","_ref1","_band_options_find","options","find","option","icon","HeartIcon","weight","YStack","id","flex","SearchInput","searchText","onChange","setSearchText","onSearch","text","search","placeholder","debounceMs","clearable","Button","SlidersHorizontalIcon","iconAfter","Badge","color","circular","chromeless","toggle","DiceFiveIcon","panelId","views","ViewSwitcher","mode","type","iconOnly","currentView","current","onViewChange","SheetModal","onOpenChange","scrollable","header","Text","fontSize","fontWeight","paddingBottom"],"sources":["../../../src/list/ListControlsSheet.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/cjs/list/ListFilterPanel.cjs

@@ -0,0 +1,169 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all) __defProp(target, name, {
+    get: all[name],
+    enumerable: true
+  });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+      get: () => from[key],
+      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+    });
+  }
+  return to;
+};
+var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: true
+}), mod);
+var ListFilterPanel_exports = {};
+__export(ListFilterPanel_exports, {
+  ListFilterPanel: () => ListFilterPanel
+});
+module.exports = __toCommonJS(ListFilterPanel_exports);
+var import_components = require("@multiplatform.one/components");
+var import_forms = require("@multiplatform.one/forms");
+var import_theme = require("@multiplatform.one/theme");
+var import_react = require("@phosphor-icons/react");
+var import_react_i18next = require("react-i18next");
+var import_BandFilters = require("./BandFilters.cjs");
+var import_FacetList = require("./FacetList.cjs");
+var import_listState = require("./listState.cjs");
+var import_RangeFilter = require("./RangeFilter.cjs");
+var import_jsx_runtime = require("react/jsx-runtime");
+function PanelGroup({
+  label,
+  children
+}) {
+  const {
+    knobProps
+  } = (0, import_theme.useResolvedKnobs)();
+  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_components.YStack, {
+    ...knobProps.gapSm,
+    role: "group",
+    "aria-label": label,
+    children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.Text, {
+      ...knobProps.label,
+      fontWeight: "700",
+      color: "$color10",
+      textTransform: "uppercase",
+      letterSpacing: 1,
+      userSelect: "none",
+      "aria-hidden": true,
+      children: label
+    }), children]
+  });
+}
+function ListFilterPanel({
+  controls,
+  list,
+  showFavorites,
+  showSort = false,
+  testID
+}) {
+  const {
+    t
+  } = (0, import_react_i18next.useTranslation)();
+  const {
+    knobProps
+  } = (0, import_theme.useResolvedKnobs)();
+  const {
+    state,
+    update,
+    favorites
+  } = list;
+  const sorts = controls.sorts ?? [];
+  const active = (0, import_listState.activeFilterCount)(state);
+  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_components.YStack, {
+    ...knobProps.gapLg,
+    testID: `${testID}-filters`,
+    children: [showSort && sorts.length > 0 ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(PanelGroup, {
+      label: t("Sort by"),
+      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_forms.Select, {
+        value: state.sort,
+        onChange: value => update({
+          sort: String(value)
+        }),
+        options: sorts.map(sort => ({
+          label: sort.label,
+          value: sort.value
+        })),
+        "aria-label": t("Sort by")
+      })
+    }) : null, (controls.facets ?? []).map(facet => {
+      const reading = list.facets[facet.param];
+      return /* @__PURE__ */(0, import_jsx_runtime.jsx)(PanelGroup, {
+        label: facet.label,
+        children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_FacetList.FacetList, {
+          label: facet.label,
+          value: state.facets[facet.param] ?? "",
+          onChange: value => update({
+            facets: {
+              [facet.param]: value
+            }
+          }),
+          columns: 2,
+          testID: `${testID}-${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 && list.total !== void 0 ? reading.counts[value] ?? 0 : void 0
+          }))]
+        })
+      }, facet.param);
+    }), (controls.bands ?? []).map(band => /* @__PURE__ */(0, import_jsx_runtime.jsx)(PanelGroup, {
+      label: band.label,
+      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_BandFilters.BandFilter, {
+        band,
+        list,
+        layout: "list",
+        testID: `${testID}-${band.param}`
+      })
+    }, band.param)), (controls.ranges ?? []).map(range => /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_RangeFilter.RangeFilter, {
+      layout: "stack",
+      label: range.label,
+      value: state.ranges[range.param] ?? 0,
+      max: (0, import_RangeFilter.rangeCeiling)(list.highest[range.param] ?? 0),
+      step: range.step,
+      onChange: value => update({
+        ranges: {
+          [range.param]: value
+        }
+      }),
+      testID: `${testID}-${range.param}-slider`
+    }, range.param)), showFavorites ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.XStack, {
+      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_forms.Button, {
+        outlined: !state.favoritesOnly,
+        theme: state.favoritesOnly ? "accent" : void 0,
+        onPress: () => update({
+          favoritesOnly: !state.favoritesOnly
+        }),
+        "aria-pressed": state.favoritesOnly,
+        icon: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_react.HeartIcon, {
+          size: 16,
+          weight: state.favoritesOnly ? "fill" : "regular"
+        }),
+        testID: `${testID}-favorites-filter`,
+        children: favorites.count > 0 ? t("Favorites ({{count}})", {
+          count: favorites.count
+        }) : t("Favorites")
+      })
+    }) : null, active > 0 ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.XStack, {
+      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_forms.Button, {
+        chromeless: true,
+        onPress: list.clear,
+        testID: `${testID}-clear`,
+        children: t("Clear filters")
+      })
+    }) : null]
+  });
+}