@kaizen/components 1.25.0 → 1.26.0

package/dist/cjs/FilterBar/subcomponents/FilterBarButton/FilterBarButton.cjs

@@ -0,0 +1,31 @@
+'use strict';
+
+var tslib = require('tslib');
+var React = require('react');
+var FilterBarContext = require('../../context/FilterBarContext.cjs');
+var FilterButton = require('../../../FilterButton/FilterButton/FilterButton.cjs');
+var FilterButtonRemovable = require('../../../FilterButton/FilterButtonRemovable/FilterButtonRemovable.cjs');
+const FilterBarButton = /*#__PURE__*/function () {
+  const FilterBarButton = React.forwardRef(function (_a, ref) {
+    var id = _a.id,
+      _b = _a.isRemovable,
+      isRemovable = _b === void 0 ? false : _b,
+      props = tslib.__rest(_a, ["id", "isRemovable"]);
+    var hideFilter = FilterBarContext.useFilterBarContext().hideFilter;
+    return isRemovable ? React.createElement(FilterButtonRemovable.FilterButtonRemovable, {
+      ref: ref,
+      triggerButtonProps: props,
+      removeButtonProps: {
+        onClick: function () {
+          return hideFilter(id);
+        }
+      }
+    }) : React.createElement(FilterButton.FilterButton, tslib.__assign({
+      ref: ref
+    }, props));
+  });
+  FilterBarButton.displayName = "FilterBar.Button";
+  return FilterBarButton;
+}();
+exports.FilterBarButton = FilterBarButton;
+//# sourceMappingURL=FilterBarButton.cjs.map

package/dist/cjs/FilterBar/subcomponents/FilterBarButton/FilterBarButton.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"FilterBarButton.cjs","sources":["../../../../../src/FilterBar/subcomponents/FilterBarButton/FilterBarButton.tsx"],"sourcesContent":["import React, { forwardRef } from \"react\"\nimport { FilterTriggerRef } from \"~components/Filter\"\nimport { useFilterBarContext } from \"~components/FilterBar/context/FilterBarContext\"\nimport {\n  FilterButton,\n  FilterButtonProps,\n  FilterButtonRemovable,\n} from \"~components/FilterButton\"\n\nexport type FilterBarButtonProps = FilterButtonProps & {\n  id: string\n  isRemovable: boolean | undefined\n}\n\nexport const FilterBarButton = forwardRef<\n  FilterTriggerRef,\n  FilterBarButtonProps\n>(({ id, isRemovable = false, ...props }, ref): JSX.Element => {\n  const { hideFilter } = useFilterBarContext()\n\n  return isRemovable ? (\n    <FilterButtonRemovable\n      ref={ref}\n      triggerButtonProps={props}\n      removeButtonProps={{ onClick: () => hideFilter(id) }}\n    />\n  ) : (\n    <FilterButton ref={ref} {...props} />\n  )\n})\n\nFilterBarButton.displayName = \"FilterBar.Button\"\n"],"names":["FilterBarButton","forwardRef","_a","ref","id","_b","isRemovable","props","__rest","hideFilter","useFilterBarContext","React","createElement","FilterButtonRemovable","triggerButtonProps","removeButtonProps","onClick","FilterButton","displayName"],"mappings":";;;;;;;MAcaA,eAAe;EAAA,MAAfA,eAAe,GAAGC,KAAU,CAAAA,UAAA,CAGvC,UAACC,EAAqC,EAAEC,GAAG,EAAA;IAAxC,IAAAC,EAAE,GAAAF,EAAA,CAAAE,EAAA;MAAEC,EAAA,GAAAH,EAAA,CAAAI,WAAmB;MAAnBA,WAAW,GAAGD,EAAA,KAAA,KAAA,CAAA,GAAA,KAAK,GAAAA,EAAA;MAAKE,KAAK,GAAAC,KAAA,CAAAA,MAAA,CAAAN,EAAA,EAAnC,qBAAqC,CAAF;IAC5B,IAAAO,UAAU,GAAKC,oCAAmB,CAAE,CAAA,WAA1B;IAElB,OAAOJ,WAAW,GAChBK,KAAC,CAAAC,aAAA,CAAAC,qBAAAA,CAAAA,qBAAqB;MACpBV,GAAG,EAAEA,GAAG;MACRW,kBAAkB,EAAEP,KAAK;MACzBQ,iBAAiB,EAAE;QAAEC,OAAO,EAAE,SAAAA,CAAA,EAAM;UAAA,OAAAP,UAAU,CAACL,EAAE,CAAC;QAAd;MAAgB;IAAA,CACpD,CAAA,GAEFO,KAAC,CAAAC,aAAA,CAAAK,YAAAA,CAAAA,YAAY;MAACd,GAAG,EAAEA;IAAS,CAAA,EAAAI,KAAK,CAAI,CACtC;EACH,CAAC,CAAC;EAEFP,eAAe,CAACkB,WAAW,GAAG,kBAAkB;EAAA,OAjBnClB,eAAe;AAAA;"}

package/dist/cjs/FilterBar/subcomponents/FilterBarDatePicker/FilterBarDatePicker.cjs

@@ -0,0 +1,57 @@
+'use strict';
+
+var tslib = require('tslib');
+var React = require('react');
+var FilterDatePicker = require('../../../FilterDatePicker/FilterDatePicker.cjs');
+require('classnames');
+require('uuid');
+require('@kaizen/date-picker');
+require('../../../LabelledMessage/LabelledMessage.cjs');
+require('@kaizen/date-picker/src/utils/validateDate');
+require('@kaizen/date-picker/src/utils/formatDateAsNumeral');
+require('@kaizen/date-picker/src/utils/isDisabledDate');
+require('@kaizen/date-picker/src/utils/isSelectingDayInCalendar');
+require('@kaizen/date-picker/src/utils/parseDateFromNumeralFormatValue');
+require('@kaizen/date-picker/src/utils/parseDateFromTextFormatValue');
+require('../../../FilterDatePicker/subcomponents/DateInputField/DateInputField.cjs');
+var FilterBarContext = require('../../context/FilterBarContext.cjs');
+var FilterBarButton = require('../FilterBarButton/FilterBarButton.cjs');
+const FilterBarDatePicker = /*#__PURE__*/function () {
+  const FilterBarDatePicker = function (_a) {
+    var id = _a.id,
+      onDateChange = _a.onDateChange,
+      _b = _a.locale,
+      locale = _b === void 0 ? "en-AU" : _b,
+      props = tslib.__rest(_a, ["id", "onDateChange", "locale"]);
+    var _c = FilterBarContext.useFilterBarContext(),
+      getFilterState = _c.getFilterState,
+      setFilterOpenState = _c.setFilterOpenState,
+      updateValue = _c.updateValue;
+    if (!id) throw Error("Missing `id` prop in FilterBarDatePicker");
+    var filterState = getFilterState(id);
+    return React.createElement(FilterDatePicker.FilterDatePicker, tslib.__assign({}, props, {
+      id: id,
+      locale: locale,
+      selectedDate: filterState.value || undefined,
+      label: filterState.name,
+      renderTrigger: function (triggerProps) {
+        return React.createElement(FilterBarButton.FilterBarButton, tslib.__assign({}, triggerProps, {
+          id: id,
+          isRemovable: filterState.isRemovable
+        }));
+      },
+      onDateChange: function (key) {
+        updateValue(id, key);
+        onDateChange === null || onDateChange === void 0 ? void 0 : onDateChange(key);
+      },
+      isOpen: filterState.isOpen,
+      setIsOpen: function (open) {
+        return setFilterOpenState(id, open);
+      }
+    }));
+  };
+  FilterBarDatePicker.displayName = "FilterBar.DatePicker";
+  return FilterBarDatePicker;
+}();
+exports.FilterBarDatePicker = FilterBarDatePicker;
+//# sourceMappingURL=FilterBarDatePicker.cjs.map

package/dist/cjs/FilterBar/subcomponents/FilterBarDatePicker/FilterBarDatePicker.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"FilterBarDatePicker.cjs","sources":["../../../../../src/FilterBar/subcomponents/FilterBarDatePicker/FilterBarDatePicker.tsx"],"sourcesContent":["import React from \"react\"\nimport {\n  FilterDatePicker,\n  FilterDatePickerProps,\n} from \"~components/FilterDatePicker\"\nimport { useFilterBarContext } from \"../../context/FilterBarContext\"\nimport { FilterBarButton } from \"../FilterBarButton\"\n\nexport type FilterBarDatePickerProps = Omit<\n  FilterDatePickerProps,\n  | \"id\"\n  | \"label\"\n  | \"renderTrigger\"\n  | \"isOpen\"\n  | \"setIsOpen\"\n  | \"selectedDate\"\n  | \"onDateChange\"\n  | \"locale\"\n> & {\n  id?: string\n  locale?: FilterDatePickerProps[\"locale\"]\n  onDateChange?: FilterDatePickerProps[\"onDateChange\"]\n}\n\nexport const FilterBarDatePicker = ({\n  id,\n  onDateChange,\n  locale = \"en-AU\",\n  ...props\n}: FilterBarDatePickerProps): JSX.Element => {\n  const { getFilterState, setFilterOpenState, updateValue } =\n    useFilterBarContext<Date | undefined>()\n\n  if (!id) throw Error(\"Missing `id` prop in FilterBarDatePicker\")\n\n  const filterState = getFilterState(id)\n\n  return (\n    <FilterDatePicker\n      {...props}\n      id={id}\n      locale={locale}\n      selectedDate={filterState.value || undefined}\n      label={filterState.name}\n      renderTrigger={(triggerProps): JSX.Element => (\n        <FilterBarButton\n          {...triggerProps}\n          id={id}\n          isRemovable={filterState.isRemovable}\n        />\n      )}\n      onDateChange={(key): void => {\n        updateValue(id, key)\n        onDateChange?.(key)\n      }}\n      isOpen={filterState.isOpen}\n      setIsOpen={(open): void => setFilterOpenState(id, open)}\n    />\n  )\n}\n\nFilterBarDatePicker.displayName = \"FilterBar.DatePicker\"\n"],"names":["FilterBarDatePicker","_a","id","onDateChange","_b","locale","props","__rest","_c","useFilterBarContext","getFilterState","setFilterOpenState","updateValue","Error","filterState","React","createElement","FilterDatePicker","__assign","selectedDate","value","undefined","label","name","renderTrigger","triggerProps","FilterBarButton","isRemovable","key","isOpen","setIsOpen","open","displayName"],"mappings":";;;;;;;;;;;;;;;;;;MAwBaA,mBAAmB;EAAA,MAAnBA,mBAAmB,GAAG,SAAAA,CAACC,EAKT,EAAA;IAJzB,IAAAC,EAAE,GAAAD,EAAA,CAAAC,EAAA;MACFC,YAAY,GAAAF,EAAA,CAAAE,YAAA;MACZC,EAAgB,GAAAH,EAAA,CAAAI,MAAA;MAAhBA,MAAM,GAAAD,EAAA,KAAA,KAAA,CAAA,GAAG,OAAO,GAAAA,EAAA;MACbE,KAAK,GAAAC,KAAA,CAAAA,MAAA,CAAAN,EAAA,EAJ0B,gCAKnC,CADS;IAEF,IAAAO,EACJ,GAAAC,gBAAAA,CAAAA,mBAAmB,EAAoB;MADjCC,cAAc,GAAAF,EAAA,CAAAE,cAAA;MAAEC,kBAAkB,GAAAH,EAAA,CAAAG,kBAAA;MAAEC,WAAW,GAAAJ,EAAA,CAAAI,WACd;IAEzC,IAAI,CAACV,EAAE,EAAE,MAAMW,KAAK,CAAC,0CAA0C,CAAC;IAEhE,IAAMC,WAAW,GAAGJ,cAAc,CAACR,EAAE,CAAC;IAEtC,OACEa,KAAC,CAAAC,aAAA,CAAAC,gBAAgB,CAAAA,gBAAA,EACXC,KAAA,CAAAA,QAAA,CAAA,EAAA,EAAAZ,KAAK,EACT;MAAAJ,EAAE,EAAEA,EAAE;MACNG,MAAM,EAAEA,MAAM;MACdc,YAAY,EAAEL,WAAW,CAACM,KAAK,IAAIC,SAAS;MAC5CC,KAAK,EAAER,WAAW,CAACS,IAAI;MACvBC,aAAa,EAAE,SAAAA,CAACC,YAAY,EAAA;QAAkB,OAC5CV,KAAC,CAAAC,aAAA,CAAAU,eAAe,CAAAA,eAAA,EACVR,cAAA,CAAA,CAAA,CAAA,EAAAO,YAAY,EAChB;UAAAvB,EAAE,EAAEA,EAAE;UACNyB,WAAW,EAAEb,WAAW,CAACa;QACzB,CAAA,CAAA,CAAA;OACH;MACDxB,YAAY,EAAE,SAAAA,CAACyB,GAAG,EAAA;QAChBhB,WAAW,CAACV,EAAE,EAAE0B,GAAG,CAAC;QACpBzB,YAAY,aAAZA,YAAY,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAZA,YAAY,CAAGyB,GAAG,CAAC;MACpB,CAAA;MACDC,MAAM,EAAEf,WAAW,CAACe,MAAM;MAC1BC,SAAS,EAAE,SAAAA,CAACC,IAAI;QAAW,OAAApB,kBAAkB,CAACT,EAAE,EAAE6B,IAAI,CAAC;MAAA;IAAA,CACvD,CAAA,CAAA;EAEN,CAAC;EAED/B,mBAAmB,CAACgC,WAAW,GAAG,sBAAsB;EAAA,OArC3ChC,mBAAmB;AAAA;"}

package/dist/cjs/FilterBar/subcomponents/FilterBarDateRangePicker/FilterBarDateRangePicker.cjs

@@ -0,0 +1,46 @@
+'use strict';
+
+var tslib = require('tslib');
+var React = require('react');
+var FilterDateRangePicker = require('../../../FilterDateRangePicker/FilterDateRangePicker.cjs');
+var FilterBarContext = require('../../context/FilterBarContext.cjs');
+var FilterBarButton = require('../FilterBarButton/FilterBarButton.cjs');
+const FilterBarDateRangePicker = /*#__PURE__*/function () {
+  const FilterBarDateRangePicker = function (_a) {
+    var id = _a.id,
+      onRangeChange = _a.onRangeChange,
+      _b = _a.locale,
+      locale = _b === void 0 ? "en-AU" : _b,
+      props = tslib.__rest(_a, ["id", "onRangeChange", "locale"]);
+    var _c = FilterBarContext.useFilterBarContext(),
+      getFilterState = _c.getFilterState,
+      setFilterOpenState = _c.setFilterOpenState,
+      updateValue = _c.updateValue;
+    if (!id) throw Error("Missing `id` prop in FilterBarDateRangePicker");
+    var filterState = getFilterState(id);
+    return React.createElement(FilterDateRangePicker.FilterDateRangePicker, tslib.__assign({}, props, {
+      id: id,
+      label: filterState.name,
+      renderTrigger: function (triggerProps) {
+        return React.createElement(FilterBarButton.FilterBarButton, tslib.__assign({}, triggerProps, {
+          id: id,
+          isRemovable: filterState.isRemovable
+        }));
+      },
+      isOpen: filterState.isOpen,
+      setIsOpen: function (open) {
+        return setFilterOpenState(id, open);
+      },
+      selectedRange: filterState.value,
+      onRangeChange: function (range) {
+        updateValue(id, range);
+        onRangeChange === null || onRangeChange === void 0 ? void 0 : onRangeChange(range);
+      },
+      locale: locale
+    }));
+  };
+  FilterBarDateRangePicker.displayName = "FilterBar.DateRangePicker";
+  return FilterBarDateRangePicker;
+}();
+exports.FilterBarDateRangePicker = FilterBarDateRangePicker;
+//# sourceMappingURL=FilterBarDateRangePicker.cjs.map

package/dist/cjs/FilterBar/subcomponents/FilterBarDateRangePicker/FilterBarDateRangePicker.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"FilterBarDateRangePicker.cjs","sources":["../../../../../src/FilterBar/subcomponents/FilterBarDateRangePicker/FilterBarDateRangePicker.tsx"],"sourcesContent":["import React from \"react\"\nimport {\n  FilterDateRangePicker,\n  FilterDateRangePickerProps,\n} from \"~components/FilterDateRangePicker\"\nimport { DateRange } from \"~types/DatePicker\"\nimport { useFilterBarContext } from \"../../context/FilterBarContext\"\nimport { FilterBarButton } from \"../FilterBarButton\"\n\nexport type FilterBarDateRangePickerProps = Omit<\n  FilterDateRangePickerProps,\n  | \"id\"\n  | \"label\"\n  | \"renderTrigger\"\n  | \"isOpen\"\n  | \"setIsOpen\"\n  | \"selectedRange\"\n  | \"onRangeChange\"\n  | \"locale\"\n> & {\n  id?: string\n  onRangeChange?: FilterDateRangePickerProps[\"onRangeChange\"]\n  locale?: FilterDateRangePickerProps[\"locale\"]\n}\n\nexport const FilterBarDateRangePicker = ({\n  id,\n  onRangeChange,\n  locale = \"en-AU\",\n  ...props\n}: FilterBarDateRangePickerProps): JSX.Element => {\n  const { getFilterState, setFilterOpenState, updateValue } =\n    useFilterBarContext<DateRange | undefined>()\n\n  if (!id) throw Error(\"Missing `id` prop in FilterBarDateRangePicker\")\n\n  const filterState = getFilterState(id)\n\n  return (\n    <FilterDateRangePicker\n      {...props}\n      id={id}\n      label={filterState.name}\n      renderTrigger={(triggerProps): JSX.Element => (\n        <FilterBarButton\n          {...triggerProps}\n          id={id}\n          isRemovable={filterState.isRemovable}\n        />\n      )}\n      isOpen={filterState.isOpen}\n      setIsOpen={(open): void => setFilterOpenState(id, open)}\n      selectedRange={filterState.value}\n      onRangeChange={(range): void => {\n        updateValue(id, range)\n        onRangeChange?.(range)\n      }}\n      locale={locale}\n    />\n  )\n}\n\nFilterBarDateRangePicker.displayName = \"FilterBar.DateRangePicker\"\n"],"names":["FilterBarDateRangePicker","_a","id","onRangeChange","_b","locale","props","__rest","_c","useFilterBarContext","getFilterState","setFilterOpenState","updateValue","Error","filterState","React","createElement","FilterDateRangePicker","__assign","label","name","renderTrigger","triggerProps","FilterBarButton","isRemovable","isOpen","setIsOpen","open","selectedRange","value","range","displayName"],"mappings":";;;;;;;MAyBaA,wBAAwB;EAAA,MAAxBA,wBAAwB,GAAG,SAAAA,CAACC,EAKT,EAAA;IAJ9B,IAAAC,EAAE,GAAAD,EAAA,CAAAC,EAAA;MACFC,aAAa,GAAAF,EAAA,CAAAE,aAAA;MACbC,EAAgB,GAAAH,EAAA,CAAAI,MAAA;MAAhBA,MAAM,GAAAD,EAAA,KAAA,KAAA,CAAA,GAAG,OAAO,GAAAA,EAAA;MACbE,KAAK,GAAAC,KAAA,CAAAA,MAAA,CAAAN,EAAA,EAJ+B,iCAKxC,CADS;IAEF,IAAAO,EACJ,GAAAC,gBAAAA,CAAAA,mBAAmB,EAAyB;MADtCC,cAAc,GAAAF,EAAA,CAAAE,cAAA;MAAEC,kBAAkB,GAAAH,EAAA,CAAAG,kBAAA;MAAEC,WAAW,GAAAJ,EAAA,CAAAI,WACT;IAE9C,IAAI,CAACV,EAAE,EAAE,MAAMW,KAAK,CAAC,+CAA+C,CAAC;IAErE,IAAMC,WAAW,GAAGJ,cAAc,CAACR,EAAE,CAAC;IAEtC,OACEa,KAAA,CAAAC,aAAA,CAACC,qBAAAA,CAAAA,qBAAqB,EAAAC,KAAA,CAAAA,QAAA,CAAA,EAAA,EAChBZ,KAAK,EACT;MAAAJ,EAAE,EAAEA,EAAE;MACNiB,KAAK,EAAEL,WAAW,CAACM,IAAI;MACvBC,aAAa,EAAE,SAAAA,CAACC,YAAY,EAAA;QAAkB,OAC5CP,oBAACQ,eAAAA,CAAAA,eAAe,EAAAL,KAAA,CAAAA,QAAA,CAAA,EAAA,EACVI,YAAY,EAAA;UAChBpB,EAAE,EAAEA,EAAE;UACNsB,WAAW,EAAEV,WAAW,CAACU;QAAW,CAAA,CAAA,CACpC;OACH;MACDC,MAAM,EAAEX,WAAW,CAACW,MAAM;MAC1BC,SAAS,EAAE,SAAAA,CAACC,IAAI;QAAW,OAAAhB,kBAAkB,CAACT,EAAE,EAAEyB,IAAI,CAAC;MAAA,CAAA;MACvDC,aAAa,EAAEd,WAAW,CAACe,KAAK;MAChC1B,aAAa,EAAE,SAAAA,CAAC2B,KAAK,EAAA;QACnBlB,WAAW,CAACV,EAAE,EAAE4B,KAAK,CAAC;QACtB3B,aAAa,aAAbA,aAAa,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAbA,aAAa,CAAG2B,KAAK,CAAC;MACxB,CAAC;MACDzB,MAAM,EAAEA;IAAM,CAAA,CAAA,CACd;EAEN,CAAC;EAEDL,wBAAwB,CAAC+B,WAAW,GAAG,2BAA2B;EAAA,OArCrD/B,wBAAwB;AAAA;"}

package/dist/cjs/FilterBar/subcomponents/FilterBarMultiSelect/FilterBarMultiSelect.cjs

@@ -0,0 +1,86 @@
+'use strict';
+
+var tslib = require('tslib');
+var React = require('react');
+var FilterMultiSelect = require('../../../FilterMultiSelect/FilterMultiSelect.cjs');
+require('../../../FilterMultiSelect/context/MenuTriggerProvider/MenuTriggerProvider.cjs');
+require('../../../FilterMultiSelect/context/SelectionProvider/SelectionProvider.cjs');
+var getSelectedOptionLabels = require('../../../FilterMultiSelect/utils/getSelectedOptionLabels.cjs');
+var FilterBarContext = require('../../context/FilterBarContext.cjs');
+var checkArraysMatch = require('../../utils/checkArraysMatch.cjs');
+var convertSelectionToAConsumableFormat = function (value) {
+  if (value === "all") return "all";
+  var arrayOfValues = Array.from(value);
+  return arrayOfValues.length > 0 ? Array.from(value) : undefined;
+};
+var convertConsumableFormatIntoSelection = function (value) {
+  return new Set(value);
+};
+const FilterBarMultiSelect = /*#__PURE__*/function () {
+  const FilterBarMultiSelect = function (_a) {
+    var id = _a.id,
+      propsItems = _a.items,
+      children = _a.children,
+      onSelectionChange = _a.onSelectionChange,
+      props = tslib.__rest(_a, ["id", "items", "children", "onSelectionChange"]);
+    var _b = FilterBarContext.useFilterBarContext(),
+      getFilterState = _b.getFilterState,
+      setFilterOpenState = _b.setFilterOpenState,
+      updateValue = _b.updateValue,
+      hideFilter = _b.hideFilter;
+    var _c = React.useState(propsItems),
+      items = _c[0],
+      setItems = _c[1];
+    if (!id) throw Error("Missing `id` prop in FilterBarMultiSelect");
+    var filterState = getFilterState(id);
+    React.useEffect(function () {
+      if (!checkArraysMatch.checkArraysMatch(items, propsItems)) {
+        setItems(propsItems);
+      }
+    }, [propsItems]);
+    React.useEffect(function () {
+      if (Array.isArray(filterState.value)) {
+        var itemValues_1 = items.map(function (_a) {
+          var value = _a.value;
+          return value;
+        });
+        var filteredValues = filterState.value.filter(function (value) {
+          return itemValues_1.includes(value);
+        });
+        if (!checkArraysMatch.checkArraysMatch(filterState.value, filteredValues)) {
+          updateValue(id, filteredValues);
+        }
+      }
+    }, [items]);
+    return React.createElement(FilterMultiSelect.FilterMultiSelect, tslib.__assign({
+      label: filterState.name,
+      // Convert the incoming FilterBar state to a Set (internal FilterMultiSelect state)
+      selectedKeys: new Set(filterState.value || null),
+      onSelectionChange: function (keys) {
+        // Convert the internal FilterMultiSelect state (Set) to an Array for FilterBar state
+        updateValue(id, convertSelectionToAConsumableFormat(keys));
+        onSelectionChange === null || onSelectionChange === void 0 ? void 0 : onSelectionChange(keys);
+      },
+      items: items,
+      isOpen: filterState.isOpen,
+      onOpenChange: function (open) {
+        return setFilterOpenState(id, open);
+      },
+      trigger: function () {
+        var triggerProps = {
+          selectedOptionLabels: filterState.value ? getSelectedOptionLabels.getSelectedOptionLabels(convertConsumableFormatIntoSelection(filterState.value), items) : [],
+          label: filterState.name
+        };
+        return filterState.isRemovable ? React.createElement(FilterMultiSelect.FilterMultiSelect.RemovableTrigger, tslib.__assign({}, triggerProps, {
+          onRemove: function () {
+            return hideFilter(id);
+          }
+        })) : React.createElement(FilterMultiSelect.FilterMultiSelect.TriggerButton, tslib.__assign({}, triggerProps));
+      }
+    }, props), children);
+  };
+  FilterBarMultiSelect.displayName = "FilterBar.MultiSelect";
+  return FilterBarMultiSelect;
+}();
+exports.FilterBarMultiSelect = FilterBarMultiSelect;
+//# sourceMappingURL=FilterBarMultiSelect.cjs.map

package/dist/cjs/FilterBar/subcomponents/FilterBarMultiSelect/FilterBarMultiSelect.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"FilterBarMultiSelect.cjs","sources":["../../../../../src/FilterBar/subcomponents/FilterBarMultiSelect/FilterBarMultiSelect.tsx"],"sourcesContent":["import React, { Key, useEffect, useState } from \"react\"\nimport { Selection } from \"@react-types/shared\"\nimport {\n  FilterMultiSelect,\n  FilterMultiSelectProps,\n  ItemType,\n  getSelectedOptionLabels,\n} from \"~components/FilterMultiSelect\"\nimport { useFilterBarContext } from \"../../context/FilterBarContext\"\nimport { checkArraysMatch } from \"../../utils/checkArraysMatch\"\n\nexport type FilterBarMultiSelectProps = Omit<\n  FilterMultiSelectProps,\n  | \"isOpen\"\n  | \"setIsOpen\"\n  | \"renderTrigger\"\n  | \"label\"\n  | \"selectedKeys\"\n  | \"trigger\"\n> & {\n  id?: string\n}\n\n// This should technically be handled within the FilterMultiSelect\n// so that it only returns consumable formats instead of Set.\n// Someone fix please.\nexport type ConsumableSelection = string | Key[] | undefined\n\nconst convertSelectionToAConsumableFormat = (\n  value: Selection\n): ConsumableSelection => {\n  if (value === \"all\") return \"all\"\n  const arrayOfValues = Array.from(value)\n\n  return arrayOfValues.length > 0 ? Array.from(value) : undefined\n}\n\nconst convertConsumableFormatIntoSelection = (\n  value: ConsumableSelection\n): Selection => new Set(value)\n\nexport const FilterBarMultiSelect = ({\n  id,\n  items: propsItems,\n  children,\n  onSelectionChange,\n  ...props\n}: FilterBarMultiSelectProps): JSX.Element | null => {\n  const { getFilterState, setFilterOpenState, updateValue, hideFilter } =\n    useFilterBarContext<ConsumableSelection>()\n  const [items, setItems] = useState<ItemType[]>(propsItems)\n\n  if (!id) throw Error(\"Missing `id` prop in FilterBarMultiSelect\")\n\n  const filterState = getFilterState(id)\n\n  useEffect(() => {\n    if (!checkArraysMatch(items, propsItems)) {\n      setItems(propsItems)\n    }\n  }, [propsItems])\n\n  useEffect(() => {\n    if (Array.isArray(filterState.value)) {\n      const itemValues = items.map(({ value }) => value)\n      const filteredValues = filterState.value.filter(value =>\n        itemValues.includes(value)\n      )\n\n      if (!checkArraysMatch(filterState.value, filteredValues)) {\n        updateValue(id, filteredValues)\n      }\n    }\n  }, [items])\n\n  return (\n    <FilterMultiSelect\n      label={filterState.name}\n      // Convert the incoming FilterBar state to a Set (internal FilterMultiSelect state)\n      selectedKeys={new Set(filterState.value || null)}\n      onSelectionChange={(keys): void => {\n        // Convert the internal FilterMultiSelect state (Set) to an Array for FilterBar state\n        updateValue(id, convertSelectionToAConsumableFormat(keys))\n        onSelectionChange?.(keys)\n      }}\n      items={items}\n      isOpen={filterState.isOpen}\n      onOpenChange={(open): void => setFilterOpenState(id, open)}\n      trigger={(): JSX.Element => {\n        const triggerProps = {\n          selectedOptionLabels: filterState.value\n            ? getSelectedOptionLabels(\n                convertConsumableFormatIntoSelection(filterState.value),\n                items\n              )\n            : [],\n          label: filterState.name,\n        }\n\n        return filterState.isRemovable ? (\n          <FilterMultiSelect.RemovableTrigger\n            {...triggerProps}\n            onRemove={() => hideFilter(id)}\n          />\n        ) : (\n          <FilterMultiSelect.TriggerButton {...triggerProps} />\n        )\n      }}\n      {...props}\n    >\n      {children}\n    </FilterMultiSelect>\n  )\n}\n\nFilterBarMultiSelect.displayName = \"FilterBar.MultiSelect\"\n"],"names":["convertSelectionToAConsumableFormat","value","arrayOfValues","Array","from","length","undefined","convertConsumableFormatIntoSelection","Set","FilterBarMultiSelect","_a","id","propsItems","children","onSelectionChange","props","__rest","_b","useFilterBarContext","getFilterState","setFilterOpenState","updateValue","hideFilter","_c","useState","items","setItems","Error","filterState","useEffect","checkArraysMatch","isArray","itemValues_1","map","filteredValues","filter","includes","React","FilterMultiSelect","__assign","label","name","selectedKeys","keys","isOpen","onOpenChange","open","trigger","triggerProps","selectedOptionLabels","getSelectedOptionLabels","isRemovable","createElement","RemovableTrigger","onRemove","TriggerButton","displayName"],"mappings":"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"}

package/dist/cjs/FilterBar/subcomponents/FilterBarSelect/FilterBarSelect.cjs

@@ -0,0 +1,63 @@
+'use strict';
+
+var tslib = require('tslib');
+var React = require('react');
+var FilterSelect = require('../../../FilterSelect/FilterSelect.cjs');
+var FilterBarContext = require('../../context/FilterBarContext.cjs');
+var checkArraysMatch = require('../../utils/checkArraysMatch.cjs');
+var FilterBarButton = require('../FilterBarButton/FilterBarButton.cjs');
+const FilterBarSelect = /*#__PURE__*/function () {
+  const FilterBarSelect = function (_a) {
+    var id = _a.id,
+      propsItems = _a.items,
+      onSelectionChange = _a.onSelectionChange,
+      props = tslib.__rest(_a, ["id", "items", "onSelectionChange"]);
+    var _b = FilterBarContext.useFilterBarContext(),
+      getFilterState = _b.getFilterState,
+      setFilterOpenState = _b.setFilterOpenState,
+      updateValue = _b.updateValue;
+    var _c = React.useState(propsItems),
+      items = _c[0],
+      setItems = _c[1];
+    if (!id) throw Error("Missing `id` prop in FilterBarSelect");
+    var filterState = getFilterState(id);
+    React.useEffect(function () {
+      if (!checkArraysMatch.checkArraysMatch(items, propsItems)) {
+        setItems(propsItems);
+      }
+    }, [propsItems]);
+    React.useEffect(function () {
+      if (filterState.value) {
+        var itemValues = items.map(function (item) {
+          return item === null || item === void 0 ? void 0 : item.value;
+        });
+        if (!itemValues.includes(filterState.value)) {
+          updateValue(id, undefined);
+        }
+      }
+    }, [items]);
+    return React.createElement(FilterSelect.FilterSelect, tslib.__assign({}, props, {
+      items: items,
+      selectedKey: filterState.value || null,
+      label: filterState.name,
+      renderTrigger: function (triggerProps) {
+        return React.createElement(FilterBarButton.FilterBarButton, tslib.__assign({}, triggerProps, {
+          id: id,
+          isRemovable: filterState.isRemovable
+        }));
+      },
+      onSelectionChange: function (key) {
+        updateValue(id, key);
+        onSelectionChange === null || onSelectionChange === void 0 ? void 0 : onSelectionChange(key);
+      },
+      isOpen: filterState.isOpen,
+      setIsOpen: function (open) {
+        return setFilterOpenState(id, open);
+      }
+    }));
+  };
+  FilterBarSelect.displayName = "FilterBarSelect";
+  return FilterBarSelect;
+}();
+exports.FilterBarSelect = FilterBarSelect;
+//# sourceMappingURL=FilterBarSelect.cjs.map

package/dist/cjs/FilterBar/subcomponents/FilterBarSelect/FilterBarSelect.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"FilterBarSelect.cjs","sources":["../../../../../src/FilterBar/subcomponents/FilterBarSelect/FilterBarSelect.tsx"],"sourcesContent":["import React, { useEffect, useState } from \"react\"\nimport {\n  FilterSelect,\n  FilterSelectProps,\n  SelectItem,\n  SelectOption,\n} from \"~components/FilterSelect\"\nimport { useFilterBarContext } from \"../../context/FilterBarContext\"\nimport { checkArraysMatch } from \"../../utils/checkArraysMatch\"\nimport { FilterBarButton } from \"../FilterBarButton\"\n\nexport type FilterBarSelectProps<Option extends SelectOption = SelectOption> =\n  Omit<\n    FilterSelectProps<Option>,\n    \"isOpen\" | \"setIsOpen\" | \"renderTrigger\" | \"label\" | \"selectedKey\"\n  > & {\n    id?: string\n  }\n\nexport const FilterBarSelect = <Option extends SelectOption = SelectOption>({\n  id,\n  items: propsItems,\n  onSelectionChange,\n  ...props\n}: FilterBarSelectProps<Option>): JSX.Element => {\n  const { getFilterState, setFilterOpenState, updateValue } =\n    useFilterBarContext<Option[\"value\"] | undefined>()\n  const [items, setItems] = useState<Array<SelectItem<Option>>>(propsItems)\n\n  if (!id) throw Error(\"Missing `id` prop in FilterBarSelect\")\n\n  const filterState = getFilterState(id)\n\n  useEffect(() => {\n    if (!checkArraysMatch(items, propsItems)) {\n      setItems(propsItems)\n    }\n  }, [propsItems])\n\n  useEffect(() => {\n    if (filterState.value) {\n      const itemValues = items.map(item => (item as Option)?.value)\n      if (!itemValues.includes(filterState.value)) {\n        updateValue(id, undefined)\n      }\n    }\n  }, [items])\n\n  return (\n    <FilterSelect<Option>\n      {...props}\n      items={items}\n      selectedKey={filterState.value || null}\n      label={filterState.name}\n      renderTrigger={(triggerProps): JSX.Element => (\n        <FilterBarButton\n          {...triggerProps}\n          id={id}\n          isRemovable={filterState.isRemovable}\n        />\n      )}\n      onSelectionChange={(key): void => {\n        updateValue(id, key)\n        onSelectionChange?.(key)\n      }}\n      isOpen={filterState.isOpen}\n      setIsOpen={(open): void => setFilterOpenState(id, open)}\n    />\n  )\n}\n\nFilterBarSelect.displayName = \"FilterBarSelect\"\n"],"names":["FilterBarSelect","_a","id","propsItems","items","onSelectionChange","props","__rest","_b","useFilterBarContext","getFilterState","setFilterOpenState","updateValue","_c","useState","setItems","Error","filterState","useEffect","checkArraysMatch","value","itemValues","map","item","includes","undefined","React","createElement","FilterSelect","__assign","selectedKey","label","name","renderTrigger","triggerProps","FilterBarButton","isRemovable","key","isOpen","setIsOpen","open","displayName"],"mappings":";;;;;;;;MAmBaA,eAAe;EAAA,MAAfA,eAAe,GAAG,SAAAA,CAA6CC,EAK7C,EAAA;IAJ7B,IAAAC,EAAE,GAAAD,EAAA,CAAAC,EAAA;MACKC,UAAU,GAAAF,EAAA,CAAAG,KAAA;MACjBC,iBAAiB,GAAAJ,EAAA,CAAAI,iBAAA;MACdC,KAAK,GAJkEC,KAAAA,CAAAA,MAAA,CAAAN,EAAA,EAAA,CAAA,IAAA,EAAA,OAAA,EAAA,mBAAA,CAK3E,CADS;IAEF,IAAAO,EACJ,GAAAC,gBAAAA,CAAAA,mBAAmB,EAA+B;MAD5CC,cAAc,GAAAF,EAAA,CAAAE,cAAA;MAAEC,kBAAkB,GAAAH,EAAA,CAAAG,kBAAA;MAAEC,WAAW,GAAAJ,EAAA,CAAAI,WACH;IAC9C,IAAAC,EAAA,GAAoBC,KAAAA,CAAAA,QAAQ,CAA4BX,UAAU,CAAC;MAAlEC,KAAK,GAAAS,EAAA,CAAA,CAAA,CAAA;MAAEE,QAAQ,GAAAF,EAAA,CAAA,CAAA,CAAmD;IAEzE,IAAI,CAACX,EAAE,EAAE,MAAMc,KAAK,CAAC,sCAAsC,CAAC;IAE5D,IAAMC,WAAW,GAAGP,cAAc,CAACR,EAAE,CAAC;IAEtCgB,KAAAA,CAAAA,SAAS,CAAC,YAAA;MACR,IAAI,CAACC,gBAAgB,CAAAA,gBAAA,CAACf,KAAK,EAAED,UAAU,CAAC,EAAE;QACxCY,QAAQ,CAACZ,UAAU,CAAC;MACrB;IACH,CAAC,EAAE,CAACA,UAAU,CAAC,CAAC;IAEhBe,KAAAA,CAAAA,SAAS,CAAC,YAAA;MACR,IAAID,WAAW,CAACG,KAAK,EAAE;QACrB,IAAMC,UAAU,GAAGjB,KAAK,CAACkB,GAAG,CAAC,UAAAC,IAAI,EAAI;UAAA,OAACA,IAAe,KAAf,IAAA,IAAAA,IAAI,uBAAJA,IAAI,CAAaH,KAAK;QAAvB,CAAuB,CAAC;QAC7D,IAAI,CAACC,UAAU,CAACG,QAAQ,CAACP,WAAW,CAACG,KAAK,CAAC,EAAE;UAC3CR,WAAW,CAACV,EAAE,EAAEuB,SAAS,CAAC;QAC3B;MACF;IACH,CAAC,EAAE,CAACrB,KAAK,CAAC,CAAC;IAEX,OACEsB,KAAC,CAAAC,aAAA,CAAAC,YAAY,CAAAA,YAAA,EACPC,KAAA,CAAAA,QAAA,CAAA,CAAA,CAAA,EAAAvB,KAAK;MACTF,KAAK,EAAEA,KAAK;MACZ0B,WAAW,EAAEb,WAAW,CAACG,KAAK,IAAI,IAAI;MACtCW,KAAK,EAAEd,WAAW,CAACe,IAAI;MACvBC,aAAa,EAAE,SAAAA,CAACC,YAAY,EAAA;QAAkB,OAC5CR,KAAC,CAAAC,aAAA,CAAAQ,eAAAA,CAAAA,eAAe,qBACVD,YAAY,EAAA;UAChBhC,EAAE,EAAEA,EAAE;UACNkC,WAAW,EAAEnB,WAAW,CAACmB;QACzB,CAAA,CAAA,CAAA;OACH;MACD/B,iBAAiB,EAAE,SAAAA,CAACgC,GAAG,EAAA;QACrBzB,WAAW,CAACV,EAAE,EAAEmC,GAAG,CAAC;QACpBhC,iBAAiB,aAAjBA,iBAAiB,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAjBA,iBAAiB,CAAGgC,GAAG,CAAC;MACzB,CAAA;MACDC,MAAM,EAAErB,WAAW,CAACqB,MAAM;MAC1BC,SAAS,EAAE,SAAAA,CAACC,IAAI;QAAW,OAAA7B,kBAAkB,CAACT,EAAE,EAAEsC,IAAI,CAAC;MAAA;IAAA,CACvD,CAAA,CAAA;EAEN,CAAC;EAEDxC,eAAe,CAACyC,WAAW,GAAG,iBAAiB;EAAA,OApDlCzC,eAAe;AAAA;"}

package/dist/cjs/FilterBar/utils/checkArraysMatch.cjs

@@ -0,0 +1,10 @@
+'use strict';
+
+var checkArraysMatch = function (a1, a2) {
+  if (a1.length !== a2.length) return false;
+  return a1.every(function (v, i) {
+    return v === a2[i];
+  });
+};
+exports.checkArraysMatch = checkArraysMatch;
+//# sourceMappingURL=checkArraysMatch.cjs.map

package/dist/cjs/FilterBar/utils/checkArraysMatch.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"checkArraysMatch.cjs","sources":["../../../../src/FilterBar/utils/checkArraysMatch.ts"],"sourcesContent":["export const checkArraysMatch = (a1: any[], a2: any[]): boolean => {\n  if (a1.length !== a2.length) return false\n  return a1.every((v, i) => v === a2[i])\n}\n"],"names":["checkArraysMatch","a1","a2","length","every","v","i"],"mappings":";;AAAa,IAAAA,gBAAgB,GAAG,SAAAA,CAACC,EAAS,EAAEC,EAAS,EAAA;EACnD,IAAID,EAAE,CAACE,MAAM,KAAKD,EAAE,CAACC,MAAM,EAAE,OAAO,KAAK;EACzC,OAAOF,EAAE,CAACG,KAAK,CAAC,UAACC,CAAC,EAAEC,CAAC,EAAA;IAAK,OAAAD,CAAC,KAAKH,EAAE,CAACI,CAAC,CAAC;EAAA,CAAA,CAAC;AACxC,CAAA;"}

package/dist/cjs/FilterButton/FilterButton/FilterButton.cjs

@@ -0,0 +1,45 @@
+'use strict';
+
+var tslib = require('tslib');
+var React = require('react');
+var classnames = require('classnames');
+require('uuid');
+require('../../Icon/subcomponents/SVG/SVG.cjs');
+var ChevronDownIcon = require('../../Icon/ChevronDownIcon.cjs');
+var ChevronUpIcon = require('../../Icon/ChevronUpIcon.cjs');
+var isRefObject = require('../../utils/isRefObject.cjs');
+var FilterButtonBase = require('../subcomponents/FilterButtonBase/FilterButtonBase.cjs');
+var FilterButton_module = require('./FilterButton.module.scss.cjs');
+const FilterButton = /*#__PURE__*/function () {
+  const FilterButton = React.forwardRef(function (_a, ref) {
+    var label = _a.label,
+      selectedValue = _a.selectedValue,
+      _b = _a.isOpen,
+      isOpen = _b === void 0 ? false : _b,
+      classNameOverride = _a.classNameOverride,
+      restProps = tslib.__rest(_a, ["label", "selectedValue", "isOpen", "classNameOverride"]);
+    var customRefObject = isRefObject.isRefObject(ref) ? ref.current : null;
+    var triggerRef = customRefObject === null || customRefObject === void 0 ? void 0 : customRefObject.triggerRef;
+    var selectedValuesLabel = selectedValue;
+    return React.createElement(FilterButtonBase.FilterButtonBase, tslib.__assign({
+      ref: triggerRef,
+      classNameOverride: classnames(FilterButton_module.filterButton, classNameOverride),
+      "aria-haspopup": "true",
+      "aria-expanded": isOpen
+    }, restProps), React.createElement("span", {
+      className: FilterButton_module.labelContainer
+    }, selectedValuesLabel ? React.createElement(React.Fragment, null, React.createElement("span", {
+      className: FilterButton_module.hasSelectedValues
+    }, React.createElement("span", null, label), React.createElement("span", {
+      className: FilterButton_module.labelSeparator
+    }, ":")), React.createElement("span", null, selectedValuesLabel)) : label), isOpen ? React.createElement(ChevronUpIcon.ChevronUpIcon, {
+      role: "presentation"
+    }) : React.createElement(ChevronDownIcon.ChevronDownIcon, {
+      role: "presentation"
+    }));
+  });
+  FilterButton.displayName = "FilterButton";
+  return FilterButton;
+}();
+exports.FilterButton = FilterButton;
+//# sourceMappingURL=FilterButton.cjs.map

package/dist/cjs/FilterButton/FilterButton/FilterButton.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"FilterButton.cjs","sources":["../../../../src/FilterButton/FilterButton/FilterButton.tsx"],"sourcesContent":["import React, { forwardRef } from \"react\"\nimport classnames from \"classnames\"\nimport { ChevronDownIcon, ChevronUpIcon } from \"~components/Icon\"\nimport { isRefObject } from \"~utils/isRefObject\"\nimport { FilterTriggerRef } from \"../../Filter/types\"\nimport {\n  FilterButtonBase,\n  FilterButtonBaseProps,\n} from \"../subcomponents/FilterButtonBase\"\nimport styles from \"./FilterButton.module.scss\"\n\nexport type FilterButtonProps = {\n  label: string\n  selectedValue?: string | JSX.Element\n  isOpen?: boolean\n} & Omit<FilterButtonBaseProps, \"children\">\n\nexport const FilterButton = forwardRef<FilterTriggerRef, FilterButtonProps>(\n  (\n    { label, selectedValue, isOpen = false, classNameOverride, ...restProps },\n    ref\n  ) => {\n    const customRefObject = isRefObject(ref) ? ref.current : null\n    const triggerRef = customRefObject?.triggerRef\n    const selectedValuesLabel = selectedValue\n\n    return (\n      <FilterButtonBase\n        ref={triggerRef}\n        classNameOverride={classnames(styles.filterButton, classNameOverride)}\n        aria-haspopup=\"true\"\n        aria-expanded={isOpen}\n        {...restProps}\n      >\n        <span className={styles.labelContainer}>\n          {selectedValuesLabel ? (\n            <>\n              <span className={styles.hasSelectedValues}>\n                <span>{label}</span>\n                <span className={styles.labelSeparator}>:</span>\n              </span>\n              <span>{selectedValuesLabel}</span>\n            </>\n          ) : (\n            label\n          )}\n        </span>\n        {isOpen ? (\n          <ChevronUpIcon role=\"presentation\" />\n        ) : (\n          <ChevronDownIcon role=\"presentation\" />\n        )}\n      </FilterButtonBase>\n    )\n  }\n)\n\nFilterButton.displayName = \"FilterButton\"\n"],"names":["FilterButton","forwardRef","_a","ref","label","selectedValue","_b","isOpen","classNameOverride","restProps","__rest","customRefObject","isRefObject","current","triggerRef","selectedValuesLabel","React","FilterButtonBase","__assign","classnames","styles","filterButton","createElement","className","labelContainer","Fragment","hasSelectedValues","labelSeparator","ChevronUpIcon","role","ChevronDownIcon","displayName"],"mappings":";;;;;;;;;;;;MAiBaA,YAAY;EAAA,MAAZA,YAAY,GAAGC,KAAU,CAAAA,UAAA,CACpC,UACEC,EAAyE,EACzEC,GAAG,EAAA;IADD,IAAAC,KAAK,GAAAF,EAAA,CAAAE,KAAA;MAAEC,aAAa,GAAAH,EAAA,CAAAG,aAAA;MAAEC,cAAc;MAAdC,MAAM,mBAAG,KAAK,GAAAD,EAAA;MAAEE,iBAAiB,GAAAN,EAAA,CAAAM,iBAAA;MAAKC,SAAS,GAAAC,KAAA,CAAAA,MAAA,CAAAR,EAAA,EAAvE,yDAAyE,CAAF;IAGvE,IAAMS,eAAe,GAAGC,WAAAA,CAAAA,WAAW,CAACT,GAAG,CAAC,GAAGA,GAAG,CAACU,OAAO,GAAG,IAAI;IAC7D,IAAMC,UAAU,GAAGH,eAAe,KAAA,IAAA,IAAfA,eAAe,KAAf,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,eAAe,CAAEG,UAAU;IAC9C,IAAMC,mBAAmB,GAAGV,aAAa;IAEzC,OACEW,oBAACC,gBAAgB,CAAAA,gBAAA,EAAAC,KAAA,CAAAA,QAAA,CAAA;MACff,GAAG,EAAEW,UAAU;MACfN,iBAAiB,EAAEW,UAAU,CAACC,mBAAM,CAACC,YAAY,EAAEb,iBAAiB,CAAC;uBACvD,MAAM;MAAA,eAAA,EACLD;IAAM,CAAA,EACjBE,SAAS,CAAA,EAEbO,KAAM,CAAAM,aAAA,CAAA,MAAA,EAAA;MAAAC,SAAS,EAAEH,mBAAM,CAACI;OACrBT,mBAAmB,GAClBC,KAAA,CAAAM,aAAA,CAAAN,KAAA,CAAAS,QAAA,EAAA,IAAA,EACET,KAAA,CAAAM,aAAA,CAAA,MAAA,EAAA;MAAMC,SAAS,EAAEH,mBAAM,CAACM;IAAiB,CAAA,EACvCV,KAAA,CAAAM,aAAA,CAAA,MAAA,EAAA,IAAA,EAAOlB,KAAK,CAAQ,EACpBY,KAAA,CAAAM,aAAA,CAAA,MAAA,EAAA;MAAMC,SAAS,EAAEH,mBAAM,CAACO;IAAc,OAAU,CAC3C,EACPX,KAAO,CAAAM,aAAA,CAAA,MAAA,EAAA,IAAA,EAAAP,mBAAmB,CAAQ,CACjC,GAEHX,KACD,CACI,EACNG,MAAM,GACLS,KAAA,CAAAM,aAAA,CAACM,aAAa,CAAAA,aAAA,EAAA;MAACC,IAAI,EAAC;IAAc,CAAA,CAAG,GAErCb,KAAC,CAAAM,aAAA,CAAAQ,eAAAA,CAAAA,eAAe,EAAC;MAAAD,IAAI,EAAC;IAAc,CAAG,CACxC,CACgB;EAEvB,CAAC,CACF;EAED7B,YAAY,CAAC+B,WAAW,GAAG,cAAc;EAAA,OAxC5B/B,YAAY;AAAA;"}

package/dist/cjs/FilterButton/FilterButton/FilterButton.module.scss.cjs

@@ -0,0 +1,10 @@
+'use strict';
+
+var styles = {
+  "filterButton": "FilterButton-module_filterButton__Q2dMX",
+  "labelContainer": "FilterButton-module_labelContainer__5G-MD",
+  "hasSelectedValues": "FilterButton-module_hasSelectedValues__dyQkL",
+  "labelSeparator": "FilterButton-module_labelSeparator__xrkAx"
+};
+module.exports = styles;
+//# sourceMappingURL=FilterButton.module.scss.cjs.map

package/dist/cjs/FilterButton/FilterButton/FilterButton.module.scss.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"FilterButton.module.scss.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}

package/dist/cjs/FilterButton/FilterButtonRemovable/FilterButtonRemovable.cjs

@@ -0,0 +1,39 @@
+'use strict';
+
+var tslib = require('tslib');
+var React = require('react');
+var draftTooltip = require('@kaizen/draft-tooltip');
+require('uuid');
+require('../../Icon/subcomponents/SVG/SVG.cjs');
+var ClearIcon = require('../../Icon/ClearIcon.cjs');
+var isRefObject = require('../../utils/isRefObject.cjs');
+var ButtonGroup = require('../../ButtonGroup/ButtonGroup.cjs');
+var FilterButton = require('../FilterButton/FilterButton.cjs');
+var FilterButtonBase = require('../subcomponents/FilterButtonBase/FilterButtonBase.cjs');
+const FilterButtonRemovable = /*#__PURE__*/function () {
+  const FilterButtonRemovable = React.forwardRef(function (_a, ref) {
+    var _b;
+    var triggerButtonProps = _a.triggerButtonProps,
+      removeButtonProps = _a.removeButtonProps,
+      restProps = tslib.__rest(_a, ["triggerButtonProps", "removeButtonProps"]);
+    var customRefObject = isRefObject.isRefObject(ref) ? ref.current : null;
+    var removeButtonRef = customRefObject === null || customRefObject === void 0 ? void 0 : customRefObject.removeButtonRef;
+    var removeButtonLabel = (_b = removeButtonProps === null || removeButtonProps === void 0 ? void 0 : removeButtonProps.tooltipText) !== null && _b !== void 0 ? _b : "Remove filter - ".concat(triggerButtonProps === null || triggerButtonProps === void 0 ? void 0 : triggerButtonProps.label);
+    return React.createElement(ButtonGroup.ButtonGroup, tslib.__assign({}, restProps), React.createElement(FilterButton.FilterButton, tslib.__assign({
+      ref: ref
+    }, triggerButtonProps)), React.createElement(draftTooltip.Tooltip, {
+      text: removeButtonLabel,
+      display: "inline-block",
+      position: "below"
+    }, React.createElement(FilterButtonBase.FilterButtonBase, tslib.__assign({
+      ref: removeButtonRef
+    }, removeButtonProps), React.createElement(ClearIcon.ClearIcon, {
+      role: "img",
+      "aria-label": removeButtonLabel
+    }))));
+  });
+  FilterButtonRemovable.displayName = "FilterButtonRemovable";
+  return FilterButtonRemovable;
+}();
+exports.FilterButtonRemovable = FilterButtonRemovable;
+//# sourceMappingURL=FilterButtonRemovable.cjs.map

package/dist/cjs/FilterButton/FilterButtonRemovable/FilterButtonRemovable.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"FilterButtonRemovable.cjs","sources":["../../../../src/FilterButton/FilterButtonRemovable/FilterButtonRemovable.tsx"],"sourcesContent":["import React, { forwardRef } from \"react\"\nimport { Tooltip } from \"@kaizen/draft-tooltip\"\nimport { ClearIcon } from \"~components/Icon\"\nimport { DataAttributes } from \"~types/DataAttributes\"\nimport { isRefObject } from \"~utils/isRefObject\"\nimport { ButtonGroup, ButtonGroupProps } from \"../../ButtonGroup\"\nimport { FilterTriggerRef } from \"../../Filter\"\nimport { FilterButton, FilterButtonProps } from \"../FilterButton\"\nimport {\n  FilterButtonBase,\n  FilterButtonBaseProps,\n} from \"../subcomponents/FilterButtonBase\"\n\nexport type FilterButtonRemovableProps = {\n  triggerButtonProps: FilterButtonProps & DataAttributes\n  removeButtonProps: Partial<Omit<FilterButtonBaseProps, \"children\">> &\n    DataAttributes & { tooltipText?: string }\n} & Omit<ButtonGroupProps, \"children\">\n\nexport type FilterButtonRemovableRefs = FilterTriggerRef & {\n  removeButtonRef?: React.RefObject<HTMLButtonElement>\n}\n\nexport const FilterButtonRemovable = forwardRef<\n  FilterButtonRemovableRefs,\n  FilterButtonRemovableProps\n>(({ triggerButtonProps, removeButtonProps, ...restProps }, ref) => {\n  const customRefObject = isRefObject(ref) ? ref.current : null\n  const removeButtonRef = customRefObject?.removeButtonRef\n\n  const removeButtonLabel =\n    removeButtonProps?.tooltipText ??\n    `Remove filter - ${triggerButtonProps?.label}`\n\n  return (\n    <ButtonGroup {...restProps}>\n      <FilterButton ref={ref} {...triggerButtonProps} />\n      <Tooltip text={removeButtonLabel} display=\"inline-block\" position=\"below\">\n        <FilterButtonBase ref={removeButtonRef} {...removeButtonProps}>\n          <ClearIcon role=\"img\" aria-label={removeButtonLabel} />\n        </FilterButtonBase>\n      </Tooltip>\n    </ButtonGroup>\n  )\n})\n\nFilterButtonRemovable.displayName = \"FilterButtonRemovable\"\n"],"names":["FilterButtonRemovable","forwardRef","_a","ref","triggerButtonProps","removeButtonProps","restProps","__rest","customRefObject","isRefObject","current","removeButtonRef","removeButtonLabel","_b","tooltipText","concat","label","React","createElement","ButtonGroup","__assign","FilterButton","Tooltip","text","display","position","FilterButtonBase","ClearIcon","role","displayName"],"mappings":";;;;;;;;;;;;MAuBaA,qBAAqB;EAAA,MAArBA,qBAAqB,GAAGC,KAAU,CAAAA,UAAA,CAG7C,UAACC,EAAuD,EAAEC,GAAG,EAAA;;IAA1D,IAAAC,kBAAkB,wBAAA;MAAEC,iBAAiB,uBAAA;MAAKC,SAAS,GAArDC,KAAA,CAAAA,MAAA,CAAAL,EAAA,EAAA,CAAA,oBAAA,EAAA,mBAAA,CAAuD,CAAF;IACtD,IAAMM,eAAe,GAAGC,WAAAA,CAAAA,WAAW,CAACN,GAAG,CAAC,GAAGA,GAAG,CAACO,OAAO,GAAG,IAAI;IAC7D,IAAMC,eAAe,GAAGH,eAAe,KAAA,IAAA,IAAfA,eAAe,KAAf,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,eAAe,CAAEG,eAAe;IAExD,IAAMC,iBAAiB,GACrB,CAAAC,EAAA,GAAAR,iBAAiB,aAAjBA,iBAAiB,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAjBA,iBAAiB,CAAES,WAAW,mCAC9B,kBAAmB,CAAAC,MAAA,CAAAX,kBAAkB,aAAlBA,kBAAkB,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAlBA,kBAAkB,CAAEY,KAAK,CAAE;IAEhD,OACEC,KAAA,CAAAC,aAAA,CAACC,WAAAA,CAAAA,WAAW,EAAAC,KAAAA,CAAAA,QAAA,CAAA,CAAA,CAAA,EAAKd,SAAS,CAAA,EACxBW,KAAA,CAAAC,aAAA,CAACG,YAAAA,CAAAA,YAAY,EAACD,KAAA,CAAAA,QAAA,CAAA;MAAAjB,GAAG,EAAEA;IAAG,CAAA,EAAMC,kBAAkB,CAAI,CAAA,EAClDa,KAAA,CAAAC,aAAA,CAACI,YAAO,CAAAA,OAAA,EAAA;MAACC,IAAI,EAAEX,iBAAiB;MAAEY,OAAO,EAAC,cAAc;MAACC,QAAQ,EAAC;IAAO,CAAA,EACvER,KAAA,CAAAC,aAAA,CAACQ,iCAAgB,EAACN,KAAAA,CAAAA,QAAA,CAAA;MAAAjB,GAAG,EAAEQ;OAAqBN,iBAAiB,CAAA,EAC3DY,KAAA,CAAAC,aAAA,CAACS,SAAS,CAAAA,SAAA,EAAA;MAACC,IAAI,EAAC,KAAK;MAAA,YAAA,EAAahB;IAAiB,CAAA,CAAI,CACtC,CACX,CACE;EAElB,CAAC,CAAC;EAEFZ,qBAAqB,CAAC6B,WAAW,GAAG,uBAAuB;EAAA,OAvB9C7B,qBAAqB;AAAA;"}

package/dist/cjs/FilterButton/subcomponents/FilterButtonBase/FilterButtonBase.cjs

@@ -0,0 +1,22 @@
+'use strict';
+
+var tslib = require('tslib');
+var React = require('react');
+var classnames = require('classnames');
+var FilterButtonBase_module = require('./FilterButtonBase.module.scss.cjs');
+const FilterButtonBase = /*#__PURE__*/function () {
+  const FilterButtonBase = React.forwardRef(function (_a, ref) {
+    var children = _a.children,
+      classNameOverride = _a.classNameOverride,
+      restProps = tslib.__rest(_a, ["children", "classNameOverride"]);
+    return React.createElement("button", tslib.__assign({
+      ref: ref,
+      type: "button",
+      className: classnames(FilterButtonBase_module.filterButtonBase, classNameOverride)
+    }, restProps), children);
+  });
+  FilterButtonBase.displayName = "FilterButtonBase";
+  return FilterButtonBase;
+}();
+exports.FilterButtonBase = FilterButtonBase;
+//# sourceMappingURL=FilterButtonBase.cjs.map

package/dist/cjs/FilterButton/subcomponents/FilterButtonBase/FilterButtonBase.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"FilterButtonBase.cjs","sources":["../../../../../src/FilterButton/subcomponents/FilterButtonBase/FilterButtonBase.tsx"],"sourcesContent":["import React, { ButtonHTMLAttributes, forwardRef } from \"react\"\nimport classnames from \"classnames\"\nimport { OverrideClassName } from \"~types/OverrideClassName\"\nimport styles from \"./FilterButtonBase.module.scss\"\n\nexport type FilterButtonBaseProps = {\n  children: React.ReactNode\n} & OverrideClassName<ButtonHTMLAttributes<HTMLButtonElement>>\n\nexport const FilterButtonBase = forwardRef<\n  HTMLButtonElement,\n  FilterButtonBaseProps\n>(({ children, classNameOverride, ...restProps }, ref) => (\n  <button\n    ref={ref}\n    type=\"button\"\n    className={classnames(styles.filterButtonBase, classNameOverride)}\n    {...restProps}\n  >\n    {children}\n  </button>\n))\n\nFilterButtonBase.displayName = \"FilterButtonBase\"\n"],"names":["FilterButtonBase","forwardRef","_a","ref","children","classNameOverride","restProps","__rest","React","createElement","__assign","type","className","classnames","styles","filterButtonBase","displayName"],"mappings":";;;;;;MASaA,gBAAgB;EAAA,MAAhBA,gBAAgB,GAAGC,KAAU,CAAAA,UAAA,CAGxC,UAACC,EAA6C,EAAEC,GAAG,EAAA;IAAhD,IAAAC,QAAQ,cAAA;MAAEC,iBAAiB,uBAAA;MAAKC,SAAS,GAA3CC,KAAA,CAAAA,MAAA,CAAAL,EAAA,EAAA,CAAA,UAAA,EAAA,mBAAA,CAA6C,CAAF;IAAY,OACxDM,KACE,CAAAC,aAAA,CAAA,QAAA,EAAAC,KAAA,CAAAA,QAAA,CAAA;MAAAP,GAAG,EAAEA,GAAG;MACRQ,IAAI,EAAC,QAAQ;MACbC,SAAS,EAAEC,UAAU,CAACC,uBAAM,CAACC,gBAAgB,EAAEV,iBAAiB;IAAC,CAC7D,EAAAC,SAAS,CAEZ,EAAAF,QAAQ,CACF;EACV,CAAA,CAAC;EAEFJ,gBAAgB,CAACgB,WAAW,GAAG,kBAAkB;EAAA,OAdpChB,gBAAgB;AAAA;"}

package/dist/cjs/FilterButton/subcomponents/FilterButtonBase/FilterButtonBase.module.scss.cjs

@@ -0,0 +1,7 @@
+'use strict';
+
+var styles = {
+  "filterButtonBase": "FilterButtonBase-module_filterButtonBase__BHoRx"
+};
+module.exports = styles;
+//# sourceMappingURL=FilterButtonBase.module.scss.cjs.map

package/dist/cjs/FilterButton/subcomponents/FilterButtonBase/FilterButtonBase.module.scss.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"FilterButtonBase.module.scss.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;"}

package/dist/cjs/FilterDatePicker/FilterDatePicker.cjs

@@ -0,0 +1,41 @@
+'use strict';
+
+var tslib = require('tslib');
+var React = require('react');
+var datePicker = require('@kaizen/date-picker');
+var Filter = require('../Filter/Filter.cjs');
+var FilterContents = require('../Filter/subcomponents/FilterContents/FilterContents.cjs');
+var FilterDatePickerField = require('./subcomponents/FilterDatePickerField/FilterDatePickerField.cjs');
+const FilterDatePicker = /*#__PURE__*/function () {
+  const FilterDatePicker = function (_a) {
+    var isOpen = _a.isOpen,
+      setIsOpen = _a.setIsOpen,
+      renderTrigger = _a.renderTrigger,
+      selectedDate = _a.selectedDate,
+      label = _a.label,
+      locale = _a.locale,
+      onDateSubmit = _a.onDateSubmit,
+      restProps = tslib.__rest(_a, ["isOpen", "setIsOpen", "renderTrigger", "selectedDate", "label", "locale", "onDateSubmit"]);
+    return React.createElement(Filter.Filter, {
+      isOpen: isOpen,
+      setIsOpen: setIsOpen,
+      renderTrigger: function (triggerProps) {
+        return renderTrigger(tslib.__assign({
+          selectedValue: selectedDate ? datePicker.formatDateAsText(selectedDate, undefined, datePicker.getLocale(locale)) : undefined,
+          label: label
+        }, triggerProps));
+      }
+    }, React.createElement(FilterContents.FilterContents, null, React.createElement(FilterDatePickerField.FilterDatePickerField, tslib.__assign({
+      locale: locale,
+      selectedDate: selectedDate,
+      onDateSubmit: function (date) {
+        setIsOpen(false);
+        onDateSubmit === null || onDateSubmit === void 0 ? void 0 : onDateSubmit(date);
+      }
+    }, restProps))));
+  };
+  FilterDatePicker.displayName = "FilterDatePicker";
+  return FilterDatePicker;
+}();
+exports.FilterDatePicker = FilterDatePicker;
+//# sourceMappingURL=FilterDatePicker.cjs.map

package/dist/cjs/FilterDatePicker/FilterDatePicker.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"FilterDatePicker.cjs","sources":["../../../src/FilterDatePicker/FilterDatePicker.tsx"],"sourcesContent":["import React from \"react\"\nimport { formatDateAsText, getLocale } from \"@kaizen/date-picker\"\nimport { Filter, FilterContents, FilterProps } from \"../Filter\"\nimport { FilterButtonProps } from \"../FilterButton\"\nimport {\n  FilterDatePickerField,\n  FilterDatePickerFieldProps,\n} from \"./subcomponents/FilterDatePickerField\"\n\nexport type FilterDatePickerProps = {\n  id?: string\n  label: string\n  isOpen: FilterProps[\"isOpen\"]\n  setIsOpen: FilterProps[\"setIsOpen\"]\n  renderTrigger: (triggerProps: FilterButtonProps) => JSX.Element\n} & Omit<FilterDatePickerFieldProps, \"id\">\n\nexport const FilterDatePicker = ({\n  isOpen,\n  setIsOpen,\n  renderTrigger,\n  selectedDate,\n  label,\n  locale,\n  onDateSubmit,\n  ...restProps\n}: FilterDatePickerProps): JSX.Element => (\n  <Filter\n    isOpen={isOpen}\n    setIsOpen={setIsOpen}\n    renderTrigger={(triggerProps): JSX.Element =>\n      renderTrigger({\n        selectedValue: selectedDate\n          ? formatDateAsText(selectedDate, undefined, getLocale(locale))\n          : undefined,\n        label,\n        ...triggerProps,\n      })\n    }\n  >\n    <FilterContents>\n      <FilterDatePickerField\n        locale={locale}\n        selectedDate={selectedDate}\n        onDateSubmit={date => {\n          setIsOpen(false)\n          onDateSubmit?.(date)\n        }}\n        {...restProps}\n      />\n    </FilterContents>\n  </Filter>\n)\n\nFilterDatePicker.displayName = \"FilterDatePicker\"\n"],"names":["FilterDatePicker","_a","isOpen","setIsOpen","renderTrigger","selectedDate","label","locale","onDateSubmit","restProps","__rest","React","createElement","Filter","triggerProps","__assign","selectedValue","formatDateAsText","undefined","getLocale","FilterContents","FilterDatePickerField","date","displayName"],"mappings":";;;;;;;;MAiBaA,gBAAgB;EAAA,MAAhBA,gBAAgB,GAAG,SAAAA,CAACC,EAST,EAAA;IARtB,IAAAC,MAAM,GAAAD,EAAA,CAAAC,MAAA;MACNC,SAAS,GAAAF,EAAA,CAAAE,SAAA;MACTC,aAAa,GAAAH,EAAA,CAAAG,aAAA;MACbC,YAAY,GAAAJ,EAAA,CAAAI,YAAA;MACZC,KAAK,GAAAL,EAAA,CAAAK,KAAA;MACLC,MAAM,GAAAN,EAAA,CAAAM,MAAA;MACNC,YAAY,kBAAA;MACTC,SAAS,GARmBC,KAAAA,CAAAA,MAAA,CAAAT,EAAA,EAAA,CAAA,QAAA,EAAA,WAAA,EAAA,eAAA,EAAA,cAAA,EAAA,OAAA,EAAA,QAAA,EAAA,cAAA,CAShC,CADa;IAC4B,OACxCU,KAAA,CAAAC,aAAA,CAACC,MAAM,CAAAA,MAAA,EAAA;MACLX,MAAM,EAAEA,MAAM;MACdC,SAAS,EAAEA,SAAS;MACpBC,aAAa,EAAE,SAAAA,CAACU,YAAY,EAAA;QAC1B,OAAAV,aAAa,CAAAW,KAAAA,CAAAA,QAAA,CAAA;UACXC,aAAa,EAAEX,YAAY,GACvBY,UAAAA,CAAAA,gBAAgB,CAACZ,YAAY,EAAEa,SAAS,EAAEC,UAAS,CAAAA,SAAA,CAACZ,MAAM,CAAC,CAAC,GAC5DW,SAAS;UACbZ,KAAK,EAAAA;SAAA,EACFQ,YAAY,CACf,CAAA;;IAAA,CAAA,EAGJH,KAAA,CAAAC,aAAA,CAACQ,cAAAA,CAAAA,cAAc,EAAA,IAAA,EACbT,KAAA,CAAAC,aAAA,CAACS,2CAAqB,EAAAN,KAAAA,CAAAA,QAAA,CAAA;MACpBR,MAAM,EAAEA,MAAM;MACdF,YAAY,EAAEA,YAAY;MAC1BG,YAAY,EAAE,SAAAA,CAAAc,IAAI,EAAA;QAChBnB,SAAS,CAAC,KAAK,CAAC;QAChBK,YAAY,aAAZA,YAAY,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAZA,YAAY,CAAGc,IAAI,CAAC;MACtB;OACIb,SAAS,CAAA,CACb,CACa,CACV;GACV;EAEDT,gBAAgB,CAACuB,WAAW,GAAG,kBAAkB;EAAA,OArCpCvB,gBAAgB;AAAA;"}