@multiplatform.one/frappe-ui 7.34.4 → 7.35.0

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

@@ -0,0 +1,167 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Text, XStack, YStack } from "@multiplatform.one/components";
+import { Button, Select } from "@multiplatform.one/forms";
+import { useResolvedKnobs } from "@multiplatform.one/theme";
+import { HeartIcon } from "@phosphor-icons/react";
+import { useTranslation } from "react-i18next";
+import { BandFilter } from "./BandFilters.native.js";
+import { FacetList } from "./FacetList.native.js";
+import { activeFilterCount } from "./listState.native.js";
+import { RangeFilter, rangeCeiling } from "./RangeFilter.native.js";
+function PanelGroup(param) {
+  var {
+    label,
+    children
+  } = param;
+  var {
+    knobProps
+  } = useResolvedKnobs();
+  return /* @__PURE__ */_jsxs(YStack, {
+    ...knobProps.gapSm,
+    role: "group",
+    "aria-label": label,
+    children: [/* @__PURE__ */_jsx(Text, {
+      ...knobProps.label,
+      fontWeight: "700",
+      color: "$color10",
+      textTransform: "uppercase",
+      letterSpacing: 1,
+      userSelect: "none",
+      "aria-hidden": true,
+      children: label
+    }), children]
+  });
+}
+function ListFilterPanel(param) {
+  var {
+    controls,
+    list,
+    showFavorites,
+    showSort = false,
+    testID
+  } = param;
+  var _controls_sorts, _controls_facets, _controls_bands, _controls_ranges;
+  var {
+    t
+  } = useTranslation();
+  var {
+    knobProps
+  } = useResolvedKnobs();
+  var {
+    state,
+    update,
+    favorites
+  } = list;
+  var sorts = (_controls_sorts = controls.sorts) !== null && _controls_sorts !== void 0 ? _controls_sorts : [];
+  var active = activeFilterCount(state);
+  return /* @__PURE__ */_jsxs(YStack, {
+    ...knobProps.gapLg,
+    testID: `${testID}-filters`,
+    children: [showSort && sorts.length > 0 ? /* @__PURE__ */_jsx(PanelGroup, {
+      label: t("Sort by"),
+      children: /* @__PURE__ */_jsx(Select, {
+        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, ((_controls_facets = controls.facets) !== null && _controls_facets !== void 0 ? _controls_facets : []).map(function (facet) {
+      var _state_facets_facet_param, _facet_allLabel;
+      var reading = list.facets[facet.param];
+      return /* @__PURE__ */_jsx(PanelGroup, {
+        label: facet.label,
+        children: /* @__PURE__ */_jsx(FacetList, {
+          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
+              }
+            });
+          },
+          columns: 2,
+          testID: `${testID}-${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, _reading_counts_value;
+            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 && list.total !== void 0 ? (_reading_counts_value = reading.counts[value]) !== null && _reading_counts_value !== void 0 ? _reading_counts_value : 0 : void 0
+            };
+          })]
+        })
+      }, facet.param);
+    }), ((_controls_bands = controls.bands) !== null && _controls_bands !== void 0 ? _controls_bands : []).map(function (band) {
+      return /* @__PURE__ */_jsx(PanelGroup, {
+        label: band.label,
+        children: /* @__PURE__ */_jsx(BandFilter, {
+          band,
+          list,
+          layout: "list",
+          testID: `${testID}-${band.param}`
+        })
+      }, band.param);
+    }), ((_controls_ranges = controls.ranges) !== null && _controls_ranges !== void 0 ? _controls_ranges : []).map(function (range) {
+      var _state_ranges_range_param, _list_highest_range_param;
+      return /* @__PURE__ */_jsx(RangeFilter, {
+        layout: "stack",
+        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
+            }
+          });
+        },
+        testID: `${testID}-${range.param}-slider`
+      }, range.param);
+    }), showFavorites ? /* @__PURE__ */_jsx(XStack, {
+      children: /* @__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: 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__ */_jsx(XStack, {
+      children: /* @__PURE__ */_jsx(Button, {
+        chromeless: true,
+        onPress: list.clear,
+        testID: `${testID}-clear`,
+        children: t("Clear filters")
+      })
+    }) : null]
+  });
+}
+export { ListFilterPanel };
+//# sourceMappingURL=ListFilterPanel.native.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","Text","XStack","YStack","Button","Select","useResolvedKnobs","HeartIcon","useTranslation","BandFilter","FacetList","activeFilterCount","RangeFilter","rangeCeiling","PanelGroup","param","label","children","knobProps","gapSm","role","fontWeight","color","textTransform","letterSpacing","userSelect","ListFilterPanel","controls","list","showFavorites","showSort","testID","_controls_sorts","_controls_facets","_controls_bands","_controls_ranges","t","state","update","favorites","sorts","active","gapLg","length","value","sort","onChange","String","options","map","facets","facet","_state_facets_facet_param","_facet_allLabel","reading","columns","allLabel","count","total","_ref","_reading_counts_value","_facet_optionLabel","_facet_tint","optionLabel","call","tint","counts","bands","band"],"sources":["../../../src/list/ListFilterPanel.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/esm/list/ListSidebarToolbar.mjs

@@ -0,0 +1,179 @@
+import { Badge, DropdownMenu, SheetModal, Text, Tooltip, XStack, YStack } from "@multiplatform.one/components";
+import { Button, SearchInput, Select } from "@multiplatform.one/forms";
+import { useResolvedKnobs } from "@multiplatform.one/theme";
+import { DiceFiveIcon, DotsThreeIcon, FadersHorizontalIcon } from "@phosphor-icons/react";
+import { useState } from "react";
+import { useTranslation } from "react-i18next";
+import { ListFilterPanel } from "./ListFilterPanel.mjs";
+import { activeFilterCount } from "./listState.mjs";
+import { jsx, jsxs } from "react/jsx-runtime";
+function ListSidebarToolbar({
+  controls,
+  list,
+  searchId,
+  searchPlaceholder,
+  showSearch,
+  showFavorites,
+  shuffle,
+  shufflePanel,
+  menuItems,
+  testID
+}) {
+  const {
+    t
+  } = useTranslation();
+  const {
+    knobProps
+  } = useResolvedKnobs();
+  const [sheetOpen, setSheetOpen] = useState(false);
+  const {
+    state,
+    update
+  } = list;
+  const sorts = controls.sorts ?? [];
+  const active = activeFilterCount(state);
+  const filtersLabel = active > 0 ? t("Filters ({{count}})", {
+    count: active
+  }) : t("Filters");
+  return /* @__PURE__ */jsxs(YStack, {
+    ...knobProps.gap,
+    testID: `${testID}-controls`,
+    children: [/* @__PURE__ */jsxs(XStack, {
+      ...knobProps.gap,
+      alignItems: "center",
+      children: [showSearch ? /* @__PURE__ */jsx(XStack, {
+        id: searchId,
+        flex: 1,
+        minWidth: 0,
+        alignItems: "center",
+        children: /* @__PURE__ */jsx(YStack, {
+          flex: 1,
+          minWidth: 0,
+          children: /* @__PURE__ */jsx(SearchInput, {
+            value: list.searchText,
+            onChange: list.setSearchText,
+            onSearch: text => update({
+              search: text
+            }),
+            placeholder: searchPlaceholder ?? t("Search..."),
+            "aria-label": searchPlaceholder ?? t("Search..."),
+            debounceMs: 200,
+            clearable: true
+          })
+        })
+      }) : /* @__PURE__ */jsx(XStack, {
+        flex: 1
+      }), sorts.length > 0 ? /* @__PURE__ */jsx(XStack, {
+        flexShrink: 0,
+        "$max-md": {
+          display: "none"
+        },
+        testID: `${testID}-sort`,
+        children: /* @__PURE__ */jsx(Select, {
+          value: state.sort,
+          onChange: value => update({
+            sort: String(value)
+          }),
+          options: sorts.map(sort => ({
+            label: sort.label,
+            value: sort.value
+          })),
+          placeholder: t("Sort by"),
+          "aria-label": t("Sort by")
+        })
+      }) : null, shuffle ? /* @__PURE__ */jsx(XStack, {
+        flexShrink: 0,
+        "$max-md": {
+          display: "none"
+        },
+        children: /* @__PURE__ */jsx(Tooltip, {
+          content: t("Open a random record"),
+          children: /* @__PURE__ */jsx(Button, {
+            outlined: !shuffle.open,
+            theme: shuffle.open ? "accent" : void 0,
+            circular: true,
+            onPress: shuffle.toggle,
+            icon: /* @__PURE__ */jsx(DiceFiveIcon, {
+              size: 16
+            }),
+            "aria-label": t("Surprise me"),
+            "aria-expanded": shuffle.open,
+            "aria-controls": shuffle.panelId,
+            testID: `${testID}-shuffle-toggle`
+          })
+        })
+      }) : null, /* @__PURE__ */jsxs(XStack, {
+        flexShrink: 0,
+        display: "none",
+        "$max-md": {
+          display: "flex"
+        },
+        ...knobProps.gap,
+        alignItems: "center",
+        testID: `${testID}-phone-tools`,
+        children: [/* @__PURE__ */jsx(Badge, {
+          count: active,
+          children: /* @__PURE__ */jsx(Button, {
+            outlined: active === 0,
+            theme: active > 0 ? "accent" : void 0,
+            icon: /* @__PURE__ */jsx(FadersHorizontalIcon, {
+              size: 16
+            }),
+            onPress: () => setSheetOpen(true),
+            "aria-label": filtersLabel,
+            "aria-haspopup": "dialog",
+            "aria-expanded": sheetOpen,
+            testID: `${testID}-filters-button`,
+            children: t("Filters")
+          })
+        }), menuItems.length > 0 ? /* @__PURE__ */jsx(DropdownMenu, {
+          items: [...menuItems],
+          placement: "bottom-end",
+          children: /* @__PURE__ */jsx(Button, {
+            outlined: true,
+            circular: true,
+            icon: /* @__PURE__ */jsx(DotsThreeIcon, {
+              size: 20,
+              weight: "bold"
+            }),
+            "aria-label": t("More actions"),
+            testID: `${testID}-more`
+          })
+        }) : null]
+      })]
+    }), shufflePanel, /* @__PURE__ */jsx(SheetModal, {
+      open: sheetOpen,
+      onOpenChange: setSheetOpen,
+      scrollable: true,
+      snapPoint: 85,
+      header: /* @__PURE__ */jsxs(XStack, {
+        alignItems: "center",
+        ...knobProps.gap,
+        children: [/* @__PURE__ */jsx(Text, {
+          ...knobProps.heading,
+          fontWeight: "700",
+          role: "heading",
+          "aria-level": 2,
+          children: t("Filters")
+        }), /* @__PURE__ */jsx(Button, {
+          theme: "accent",
+          onPress: () => setSheetOpen(false),
+          testID: `${testID}-filters-done`,
+          children: t("Done")
+        })]
+      }),
+      children: sheetOpen ? /* @__PURE__ */jsx(YStack, {
+        testID: `${testID}-filters-sheet`,
+        children: /* @__PURE__ */jsx(ListFilterPanel, {
+          controls,
+          list,
+          showFavorites,
+          showSort: true,
+          testID: `${testID}-sheet`
+        })
+      }) : null
+    })]
+  });
+}
+export { ListSidebarToolbar };
+//# sourceMappingURL=ListSidebarToolbar.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["Badge","DropdownMenu","SheetModal","Text","Tooltip","XStack","YStack","Button","SearchInput","Select","useResolvedKnobs","DiceFiveIcon","DotsThreeIcon","FadersHorizontalIcon","useState","useTranslation","ListFilterPanel","activeFilterCount","jsx","jsxs","ListSidebarToolbar","controls","list","searchId","searchPlaceholder","showSearch","showFavorites","shuffle","shufflePanel","menuItems","testID","t","knobProps","sheetOpen","setSheetOpen","state","update","sorts","active","filtersLabel","count","gap","children","alignItems","id","flex","minWidth","value","searchText","onChange","setSearchText","onSearch","text","search","placeholder","debounceMs","clearable","length","flexShrink","display","sort","String","options","map","label","content","outlined","open","theme","circular","onPress","toggle","icon","size","panelId","items","placement","weight","onOpenChange","scrollable","snapPoint","header","heading","fontWeight","role","showSort"],"sources":["../../../src/list/ListSidebarToolbar.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,193 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Badge, DropdownMenu, SheetModal, Text, Tooltip, XStack, YStack } from "@multiplatform.one/components";
+import { Button, SearchInput, Select } from "@multiplatform.one/forms";
+import { useResolvedKnobs } from "@multiplatform.one/theme";
+import { DiceFiveIcon, DotsThreeIcon, FadersHorizontalIcon } from "@phosphor-icons/react";
+import { useState } from "react";
+import { useTranslation } from "react-i18next";
+import { ListFilterPanel } from "./ListFilterPanel.native.js";
+import { activeFilterCount } from "./listState.native.js";
+function ListSidebarToolbar(param) {
+  var {
+    controls,
+    list,
+    searchId,
+    searchPlaceholder,
+    showSearch,
+    showFavorites,
+    shuffle,
+    shufflePanel,
+    menuItems,
+    testID
+  } = param;
+  var _controls_sorts;
+  var {
+    t
+  } = useTranslation();
+  var {
+    knobProps
+  } = useResolvedKnobs();
+  var [sheetOpen, setSheetOpen] = useState(false);
+  var {
+    state,
+    update
+  } = list;
+  var sorts = (_controls_sorts = controls.sorts) !== null && _controls_sorts !== void 0 ? _controls_sorts : [];
+  var active = activeFilterCount(state);
+  var filtersLabel = active > 0 ? t("Filters ({{count}})", {
+    count: active
+  }) : t("Filters");
+  return /* @__PURE__ */_jsxs(YStack, {
+    ...knobProps.gap,
+    testID: `${testID}-controls`,
+    children: [/* @__PURE__ */_jsxs(XStack, {
+      ...knobProps.gap,
+      alignItems: "center",
+      children: [showSearch ? /* @__PURE__ */_jsx(XStack, {
+        id: searchId,
+        flex: 1,
+        minWidth: 0,
+        alignItems: "center",
+        children: /* @__PURE__ */_jsx(YStack, {
+          flex: 1,
+          minWidth: 0,
+          children: /* @__PURE__ */_jsx(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
+          })
+        })
+      }) : /* @__PURE__ */_jsx(XStack, {
+        flex: 1
+      }), sorts.length > 0 ? /* @__PURE__ */_jsx(XStack, {
+        // responsive-parity: Sort moves into the phone Filters sheet.
+        flexShrink: 0,
+        "$max-md": {
+          display: "none"
+        },
+        testID: `${testID}-sort`,
+        children: /* @__PURE__ */_jsx(Select, {
+          value: state.sort,
+          onChange: function onChange(value) {
+            return update({
+              sort: String(value)
+            });
+          },
+          options: sorts.map(function (sort) {
+            return {
+              label: sort.label,
+              value: sort.value
+            };
+          }),
+          placeholder: t("Sort by"),
+          "aria-label": t("Sort by")
+        })
+      }) : null, shuffle ? /* @__PURE__ */_jsx(XStack, {
+        // responsive-parity: Surprise me remains in the phone More actions menu.
+        flexShrink: 0,
+        "$max-md": {
+          display: "none"
+        },
+        children: /* @__PURE__ */_jsx(Tooltip, {
+          content: t("Open a random record"),
+          children: /* @__PURE__ */_jsx(Button, {
+            outlined: !shuffle.open,
+            theme: shuffle.open ? "accent" : void 0,
+            circular: true,
+            onPress: shuffle.toggle,
+            icon: /* @__PURE__ */_jsx(DiceFiveIcon, {
+              size: 16
+            }),
+            "aria-label": t("Surprise me"),
+            "aria-expanded": shuffle.open,
+            "aria-controls": shuffle.panelId,
+            testID: `${testID}-shuffle-toggle`
+          })
+        })
+      }) : null, /* @__PURE__ */_jsxs(XStack, {
+        flexShrink: 0,
+        display: "none",
+        "$max-md": {
+          display: "flex"
+        },
+        ...knobProps.gap,
+        alignItems: "center",
+        testID: `${testID}-phone-tools`,
+        children: [/* @__PURE__ */_jsx(Badge, {
+          count: active,
+          children: /* @__PURE__ */_jsx(Button, {
+            outlined: active === 0,
+            theme: active > 0 ? "accent" : void 0,
+            icon: /* @__PURE__ */_jsx(FadersHorizontalIcon, {
+              size: 16
+            }),
+            onPress: function onPress() {
+              return setSheetOpen(true);
+            },
+            "aria-label": filtersLabel,
+            "aria-haspopup": "dialog",
+            "aria-expanded": sheetOpen,
+            testID: `${testID}-filters-button`,
+            children: t("Filters")
+          })
+        }), menuItems.length > 0 ? /* @__PURE__ */_jsx(DropdownMenu, {
+          items: [...menuItems],
+          placement: "bottom-end",
+          children: /* @__PURE__ */_jsx(Button, {
+            outlined: true,
+            circular: true,
+            icon: /* @__PURE__ */_jsx(DotsThreeIcon, {
+              size: 20,
+              weight: "bold"
+            }),
+            "aria-label": t("More actions"),
+            testID: `${testID}-more`
+          })
+        }) : null]
+      })]
+    }), shufflePanel, /* @__PURE__ */_jsx(SheetModal, {
+      open: sheetOpen,
+      onOpenChange: setSheetOpen,
+      scrollable: true,
+      snapPoint: 85,
+      header: /* @__PURE__ */_jsxs(XStack, {
+        alignItems: "center",
+        ...knobProps.gap,
+        children: [/* @__PURE__ */_jsx(Text, {
+          ...knobProps.heading,
+          fontWeight: "700",
+          role: "heading",
+          "aria-level": 2,
+          children: t("Filters")
+        }), /* @__PURE__ */_jsx(Button, {
+          theme: "accent",
+          onPress: function onPress() {
+            return setSheetOpen(false);
+          },
+          testID: `${testID}-filters-done`,
+          children: t("Done")
+        })]
+      }),
+      children: sheetOpen ? /* @__PURE__ */_jsx(YStack, {
+        testID: `${testID}-filters-sheet`,
+        children: /* @__PURE__ */_jsx(ListFilterPanel, {
+          controls,
+          list,
+          showFavorites,
+          showSort: true,
+          testID: `${testID}-sheet`
+        })
+      }) : null
+    })]
+  });
+}
+export { ListSidebarToolbar };
+//# sourceMappingURL=ListSidebarToolbar.native.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","Badge","DropdownMenu","SheetModal","Text","Tooltip","XStack","YStack","Button","SearchInput","Select","useResolvedKnobs","DiceFiveIcon","DotsThreeIcon","FadersHorizontalIcon","useState","useTranslation","ListFilterPanel","activeFilterCount","ListSidebarToolbar","param","controls","list","searchId","searchPlaceholder","showSearch","showFavorites","shuffle","shufflePanel","menuItems","testID","_controls_sorts","t","knobProps","sheetOpen","setSheetOpen","state","update","sorts","active","filtersLabel","count","gap","children","alignItems","id","flex","minWidth","value","searchText","onChange","setSearchText","onSearch","text","search","placeholder","debounceMs","clearable","length","flexShrink","display","sort","String","options","map","label","content","outlined","open","theme","circular","onPress","toggle","icon","size","panelId","items","placement","weight","onOpenChange","scrollable","snapPoint","header","heading"],"sources":["../../../src/list/ListSidebarToolbar.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}