@kaizen/components 1.25.0 → 1.26.0

package/dist/esm/FilterBar/context/utils/getMappedFilters.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"getMappedFilters.mjs","sources":["../../../../../src/FilterBar/context/utils/getMappedFilters.ts"],"sourcesContent":["import { Filters, FiltersValues } from \"../../types\"\nimport { MappedFilters } from \"../types\"\n\nexport const getMappedFilters = <ValuesMap extends FiltersValues>(\n  filters: Filters<ValuesMap>\n): MappedFilters<ValuesMap> =>\n  filters.reduce<MappedFilters<ValuesMap>>(\n    (acc, filter) => ({ ...acc, [filter.id]: filter }),\n    {} as MappedFilters<ValuesMap>\n  )\n"],"names":["getMappedFilters","filters","reduce","acc","filter","__assign","_a","id"],"mappings":";AAGO,IAAMA,gBAAgB,GAAG,SAAAA,CAC9BC,OAA2B,EAAA;EAE3B,OAAAA,OAAO,CAACC,MAAM,CACZ,UAACC,GAAG,EAAEC,MAAM,EAAA;;IAAK,OAAAC,QAAA,CAAAA,QAAA,CAAA,EAAA,EAAMF,GAAG,CAAG,GAAAG,EAAA,GAAA,EAAA,EAAAA,EAAA,CAAAF,MAAM,CAACG,EAAE,CAAA,GAAGH,MAAM,EAAGE,EAAA,CAAA,CAAA;EAAA,CAAA,EAClD,CAA8B,CAAA,CAC/B;AAHD,CAAA;"}

package/dist/esm/FilterBar/context/utils/getValidValue.mjs

@@ -0,0 +1,7 @@
+var getValidValue = function (value) {
+  if (typeof value === "object" && JSON.stringify(value) === "{}") return undefined;
+  if (Array.isArray(value) && value.length === 0) return undefined;
+  return value;
+};
+export { getValidValue };
+//# sourceMappingURL=getValidValue.mjs.map

package/dist/esm/FilterBar/context/utils/getValidValue.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"getValidValue.mjs","sources":["../../../../../src/FilterBar/context/utils/getValidValue.ts"],"sourcesContent":["export const getValidValue = <Value>(value: Value): Value | undefined => {\n  if (typeof value === \"object\" && JSON.stringify(value) === \"{}\")\n    return undefined\n\n  if (Array.isArray(value) && value.length === 0) return undefined\n\n  return value\n}\n"],"names":["getValidValue","value","JSON","stringify","undefined","Array","isArray","length"],"mappings":"AAAO,IAAMA,aAAa,GAAG,SAAAA,CAAQC,KAAY,EAAA;EAC/C,IAAI,OAAOA,KAAK,KAAK,QAAQ,IAAIC,IAAI,CAACC,SAAS,CAACF,KAAK,CAAC,KAAK,IAAI,EAC7D,OAAOG,SAAS;EAElB,IAAIC,KAAK,CAACC,OAAO,CAACL,KAAK,CAAC,IAAIA,KAAK,CAACM,MAAM,KAAK,CAAC,EAAE,OAAOH,SAAS;EAEhE,OAAOH,KAAK;AACd,CAAA;"}

package/dist/esm/FilterBar/context/utils/updateDependentFilters.mjs

@@ -0,0 +1,26 @@
+import { getIsUsableWhenArgs } from './getIsUsableWhenArgs.mjs';
+var updateDependentFilters = function (state) {
+  if (state.dependentFilterIds.size === 0) return state;
+  var hasChange = false;
+  var args = getIsUsableWhenArgs(state);
+  Array.from(state.dependentFilterIds).forEach(function (id) {
+    var isUsable = state.filters[id].isUsableWhen(args);
+    var shouldUpdate = state.filters[id].isUsable !== isUsable;
+    if (!shouldUpdate) return;
+    hasChange = true;
+    state.filters[id].isUsable = isUsable;
+    if (!isUsable) {
+      state.activeFilterIds["delete"](id);
+      state.values[id] = undefined;
+      state.hasUpdatedValues = true;
+      return;
+    }
+    if (!state.filters[id].isRemovable || state.values[id] !== undefined) {
+      state.activeFilterIds.add(id);
+    }
+  });
+  if (hasChange) updateDependentFilters(state);
+  return state;
+};
+export { updateDependentFilters };
+//# sourceMappingURL=updateDependentFilters.mjs.map

package/dist/esm/FilterBar/context/utils/updateDependentFilters.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"updateDependentFilters.mjs","sources":["../../../../../src/FilterBar/context/utils/updateDependentFilters.ts"],"sourcesContent":["import { FiltersValues } from \"../../types\"\nimport { FilterBarState } from \"../types\"\nimport { getIsUsableWhenArgs } from \"./getIsUsableWhenArgs\"\n\nexport const updateDependentFilters = <ValuesMap extends FiltersValues>(\n  state: FilterBarState<ValuesMap>\n): FilterBarState<ValuesMap> => {\n  if (state.dependentFilterIds.size === 0) return state\n\n  let hasChange = false\n\n  const args = getIsUsableWhenArgs(state)\n\n  Array.from(state.dependentFilterIds).forEach(id => {\n    const isUsable = state.filters[id].isUsableWhen!(args)\n\n    const shouldUpdate = state.filters[id].isUsable !== isUsable\n    if (!shouldUpdate) return\n\n    hasChange = true\n    state.filters[id].isUsable = isUsable\n\n    if (!isUsable) {\n      state.activeFilterIds.delete(id)\n      state.values[id] = undefined\n      state.hasUpdatedValues = true\n      return\n    }\n\n    if (!state.filters[id].isRemovable || state.values[id] !== undefined) {\n      state.activeFilterIds.add(id)\n    }\n  })\n\n  if (hasChange) updateDependentFilters(state)\n\n  return state\n}\n"],"names":["updateDependentFilters","state","dependentFilterIds","size","hasChange","args","getIsUsableWhenArgs","Array","from","forEach","id","isUsable","filters","isUsableWhen","shouldUpdate","activeFilterIds","values","undefined","hasUpdatedValues","isRemovable","add"],"mappings":";AAIO,IAAMA,sBAAsB,GAAG,SAAAA,CACpCC,KAAgC,EAAA;EAEhC,IAAIA,KAAK,CAACC,kBAAkB,CAACC,IAAI,KAAK,CAAC,EAAE,OAAOF,KAAK;EAErD,IAAIG,SAAS,GAAG,KAAK;EAErB,IAAMC,IAAI,GAAGC,mBAAmB,CAACL,KAAK,CAAC;EAEvCM,KAAK,CAACC,IAAI,CAACP,KAAK,CAACC,kBAAkB,CAAC,CAACO,OAAO,CAAC,UAAAC,EAAE,EAAA;IAC7C,IAAMC,QAAQ,GAAGV,KAAK,CAACW,OAAO,CAACF,EAAE,CAAC,CAACG,YAAa,CAACR,IAAI,CAAC;IAEtD,IAAMS,YAAY,GAAGb,KAAK,CAACW,OAAO,CAACF,EAAE,CAAC,CAACC,QAAQ,KAAKA,QAAQ;IAC5D,IAAI,CAACG,YAAY,EAAE;IAEnBV,SAAS,GAAG,IAAI;IAChBH,KAAK,CAACW,OAAO,CAACF,EAAE,CAAC,CAACC,QAAQ,GAAGA,QAAQ;IAErC,IAAI,CAACA,QAAQ,EAAE;MACbV,KAAK,CAACc,eAAe,CAAC,QAAM,CAAA,CAACL,EAAE,CAAC;MAChCT,KAAK,CAACe,MAAM,CAACN,EAAE,CAAC,GAAGO,SAAS;MAC5BhB,KAAK,CAACiB,gBAAgB,GAAG,IAAI;MAC7B;IACD;IAED,IAAI,CAACjB,KAAK,CAACW,OAAO,CAACF,EAAE,CAAC,CAACS,WAAW,IAAIlB,KAAK,CAACe,MAAM,CAACN,EAAE,CAAC,KAAKO,SAAS,EAAE;MACpEhB,KAAK,CAACc,eAAe,CAACK,GAAG,CAACV,EAAE,CAAC;IAC9B;EACH,CAAC,CAAC;EAEF,IAAIN,SAAS,EAAEJ,sBAAsB,CAACC,KAAK,CAAC;EAE5C,OAAOA,KAAK;AACd,CAAA;"}

package/dist/esm/FilterBar/subcomponents/AddFiltersMenu/AddFiltersMenu.mjs

@@ -0,0 +1,43 @@
+import React from 'react';
+import { Menu, MenuList, MenuItem } from '@kaizen/draft-menu';
+import { Button } from '../../../Button/Button/Button.mjs';
+import '../../../Button/IconButton/IconButton.mjs';
+import '../../../Button/PaginationLink/PaginationLink.mjs';
+import '../../../Button/DirectionalLink/DirectionalLink.mjs';
+import 'tslib';
+import 'uuid';
+import '../../../Icon/subcomponents/SVG/SVG.mjs';
+import { AddIcon } from '../../../Icon/AddIcon.mjs';
+import { useFilterBarContext } from '../../context/FilterBarContext.mjs';
+const AddFiltersMenu = /*#__PURE__*/function () {
+  const AddFiltersMenu = function () {
+    var _a = useFilterBarContext(),
+      getInactiveFilters = _a.getInactiveFilters,
+      showFilter = _a.showFilter;
+    var inactiveFilters = getInactiveFilters();
+    return /*#__PURE__*/React.createElement(Menu, {
+      button: /*#__PURE__*/React.createElement(Button, {
+        label: "Add Filters",
+        secondary: true,
+        disabled: inactiveFilters.length === 0,
+        icon: /*#__PURE__*/React.createElement(AddIcon, {
+          role: "presentation"
+        })
+      })
+    }, /*#__PURE__*/React.createElement(MenuList, null, inactiveFilters.map(function (_a) {
+      var id = _a.id,
+        name = _a.name;
+      return /*#__PURE__*/React.createElement(MenuItem, {
+        key: id,
+        label: name,
+        onClick: function () {
+          return showFilter(id);
+        }
+      });
+    })));
+  };
+  AddFiltersMenu.displayName = "FilterBar.AddFiltersMenu";
+  return AddFiltersMenu;
+}();
+export { AddFiltersMenu };
+//# sourceMappingURL=AddFiltersMenu.mjs.map

package/dist/esm/FilterBar/subcomponents/AddFiltersMenu/AddFiltersMenu.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"AddFiltersMenu.mjs","sources":["../../../../../src/FilterBar/subcomponents/AddFiltersMenu/AddFiltersMenu.tsx"],"sourcesContent":["import React from \"react\"\nimport { Menu, MenuList, MenuItem } from \"@kaizen/draft-menu\"\nimport { Button } from \"~components/Button\"\nimport { AddIcon } from \"~components/Icon\"\nimport { useFilterBarContext } from \"../../context/FilterBarContext\"\n\nexport const AddFiltersMenu = (): JSX.Element => {\n  const { getInactiveFilters, showFilter } = useFilterBarContext()\n  const inactiveFilters = getInactiveFilters()\n\n  return (\n    <Menu\n      button={\n        <Button\n          label=\"Add Filters\"\n          secondary\n          disabled={inactiveFilters.length === 0}\n          icon={<AddIcon role=\"presentation\" />}\n        />\n      }\n    >\n      <MenuList>\n        {inactiveFilters.map(({ id, name }) => (\n          <MenuItem\n            key={id}\n            label={name}\n            onClick={(): void => showFilter(id)}\n          />\n        ))}\n      </MenuList>\n    </Menu>\n  )\n}\n\nAddFiltersMenu.displayName = \"FilterBar.AddFiltersMenu\"\n"],"names":["AddFiltersMenu","_a","useFilterBarContext","getInactiveFilters","showFilter","inactiveFilters","React","createElement","Menu","button","Button","label","secondary","disabled","length","icon","AddIcon","role","MenuList","map","id","name","MenuItem","key","onClick","displayName"],"mappings":";;;;;;;;;;;MAMaA,cAAc;EAAA,MAAdA,cAAc,GAAG,SAAAA,CAAA,EAAA;IACtB,IAAAC,EAAA,GAAqCC,mBAAmB,CAAA,CAAE;MAAxDC,kBAAkB,GAAAF,EAAA,CAAAE,kBAAA;MAAEC,UAAU,GAAAH,EAAA,CAAAG,UAA0B;IAChE,IAAMC,eAAe,GAAGF,kBAAkB,EAAE;IAE5C,oBACEG,KAAA,CAAAC,aAAA,CAACC,IAAI,EAAA;MACHC,MAAM,eACJH,KAAA,CAAAC,aAAA,CAACG,MAAM,EAAA;QACLC,KAAK,EAAC,aAAa;QACnBC,SAAS,EACT,IAAA;QAAAC,QAAQ,EAAER,eAAe,CAACS,MAAM,KAAK,CAAC;QACtCC,IAAI,eAAET,KAAC,CAAAC,aAAA,CAAAS,OAAO,EAAC;UAAAC,IAAI,EAAC;;MACpB,CAAA;IAAA,CAAA,eAGJX,KAAA,CAAAC,aAAA,CAACW,QAAQ,EACN,IAAA,EAAAb,eAAe,CAACc,GAAG,CAAC,UAAClB,EAAY,EAAA;UAAVmB,EAAE,GAAAnB,EAAA,CAAAmB,EAAA;QAAEC,IAAI,GAAApB,EAAA,CAAAoB,IAAA;MAAO,oBACrCf,oBAACgB,QAAQ,EAAA;QACPC,GAAG,EAAEH,EAAE;QACPT,KAAK,EAAEU,IAAI;QACXG,OAAO,EAAE,SAAAA,CAAA,EAAY;UAAA,OAAApB,UAAU,CAACgB,EAAE,CAAC;QAAA;MAAA,CAAA,CACnC;IACH,CAAA,CAAC,CACO,CACN;EAEX,CAAC;EAEDpB,cAAc,CAACyB,WAAW,GAAG,0BAA0B;EAAA,OA5B1CzB,cAAc;AAAA;"}

package/dist/esm/FilterBar/subcomponents/ClearAllButton/ClearAllButton.mjs

@@ -0,0 +1,23 @@
+import React from 'react';
+import { Button } from '../../../Button/Button/Button.mjs';
+import '../../../Button/IconButton/IconButton.mjs';
+import '../../../Button/PaginationLink/PaginationLink.mjs';
+import '../../../Button/DirectionalLink/DirectionalLink.mjs';
+import { useFilterBarContext } from '../../context/FilterBarContext.mjs';
+import styles from './ClearAllButton.module.scss.mjs';
+const ClearAllButton = /*#__PURE__*/function () {
+  const ClearAllButton = function () {
+    var clearAllFilters = useFilterBarContext().clearAllFilters;
+    return /*#__PURE__*/React.createElement(Button, {
+      label: "Clear all",
+      "aria-label": "Clear all filters",
+      classNameOverride: styles.clearAllButton,
+      secondary: true,
+      onClick: clearAllFilters
+    });
+  };
+  ClearAllButton.displayName = "FilterBar.ClearAllButton";
+  return ClearAllButton;
+}();
+export { ClearAllButton };
+//# sourceMappingURL=ClearAllButton.mjs.map

package/dist/esm/FilterBar/subcomponents/ClearAllButton/ClearAllButton.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ClearAllButton.mjs","sources":["../../../../../src/FilterBar/subcomponents/ClearAllButton/ClearAllButton.tsx"],"sourcesContent":["import React from \"react\"\nimport { Button } from \"~components/Button\"\nimport { useFilterBarContext } from \"../../context/FilterBarContext\"\nimport styles from \"./ClearAllButton.module.scss\"\n\nexport const ClearAllButton = (): JSX.Element => {\n  const { clearAllFilters } = useFilterBarContext()\n\n  return (\n    <Button\n      label=\"Clear all\"\n      aria-label=\"Clear all filters\"\n      classNameOverride={styles.clearAllButton}\n      secondary\n      onClick={clearAllFilters}\n    />\n  )\n}\n\nClearAllButton.displayName = \"FilterBar.ClearAllButton\"\n"],"names":["ClearAllButton","clearAllFilters","useFilterBarContext","React","Button","label","classNameOverride","styles","clearAllButton","secondary","onClick","displayName"],"mappings":";;;;;;;MAKaA,cAAc;EAAA,MAAdA,cAAc,GAAG,SAAAA,CAAA,EAAA;IACpB,IAAAC,eAAe,GAAKC,mBAAmB,CAAE,CAAA,gBAA1B;IAEvB,oBACEC,oBAACC,MAAM,EAAA;MACLC,KAAK,EAAC,WAAW;MACN,YAAA,EAAA,mBAAmB;MAC9BC,iBAAiB,EAAEC,MAAM,CAACC,cAAc;MACxCC,SAAS,EAAA,IAAA;MACTC,OAAO,EAAET;IAAe,CACxB,CAAA;EAEN,CAAC;EAEDD,cAAc,CAACW,WAAW,GAAG,0BAA0B;EAAA,OAd1CX,cAAc;AAAA;"}

package/dist/esm/FilterBar/subcomponents/ClearAllButton/ClearAllButton.module.scss.mjs

@@ -0,0 +1,5 @@
+var styles = {
+  "clearAllButton": "ClearAllButton-module_clearAllButton__luhgk"
+};
+export { styles as default };
+//# sourceMappingURL=ClearAllButton.module.scss.mjs.map

package/dist/esm/FilterBar/subcomponents/ClearAllButton/ClearAllButton.module.scss.mjs.map

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

package/dist/esm/FilterBar/subcomponents/FilterBarButton/FilterBarButton.mjs

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

package/dist/esm/FilterBar/subcomponents/FilterBarButton/FilterBarButton.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"FilterBarButton.mjs","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,gBAAGC,UAAU,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,MAAA,CAAAN,EAAA,EAAnC,qBAAqC,CAAF;IAC5B,IAAAO,UAAU,GAAKC,mBAAmB,CAAE,CAAA,WAA1B;IAElB,OAAOJ,WAAW,gBAChBK,KAAC,CAAAC,aAAA,CAAAC,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,gBAEFO,KAAC,CAAAC,aAAA,CAAAK,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/esm/FilterBar/subcomponents/FilterBarDatePicker/FilterBarDatePicker.mjs

@@ -0,0 +1,55 @@
+import { __rest, __assign } from 'tslib';
+import React from 'react';
+import { FilterDatePicker } from '../../../FilterDatePicker/FilterDatePicker.mjs';
+import 'classnames';
+import 'uuid';
+import '@kaizen/date-picker';
+import '../../../LabelledMessage/LabelledMessage.mjs';
+import '@kaizen/date-picker/src/utils/validateDate';
+import '@kaizen/date-picker/src/utils/formatDateAsNumeral';
+import '@kaizen/date-picker/src/utils/isDisabledDate';
+import '@kaizen/date-picker/src/utils/isSelectingDayInCalendar';
+import '@kaizen/date-picker/src/utils/parseDateFromNumeralFormatValue';
+import '@kaizen/date-picker/src/utils/parseDateFromTextFormatValue';
+import '../../../FilterDatePicker/subcomponents/DateInputField/DateInputField.mjs';
+import { useFilterBarContext } from '../../context/FilterBarContext.mjs';
+import { FilterBarButton } from '../FilterBarButton/FilterBarButton.mjs';
+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 = __rest(_a, ["id", "onDateChange", "locale"]);
+    var _c = useFilterBarContext(),
+      getFilterState = _c.getFilterState,
+      setFilterOpenState = _c.setFilterOpenState,
+      updateValue = _c.updateValue;
+    if (!id) throw Error("Missing `id` prop in FilterBarDatePicker");
+    var filterState = getFilterState(id);
+    return /*#__PURE__*/React.createElement(FilterDatePicker, __assign({}, props, {
+      id: id,
+      locale: locale,
+      selectedDate: filterState.value || undefined,
+      label: filterState.name,
+      renderTrigger: function (triggerProps) {
+        return /*#__PURE__*/React.createElement(FilterBarButton, __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;
+}();
+export { FilterBarDatePicker };
+//# sourceMappingURL=FilterBarDatePicker.mjs.map

package/dist/esm/FilterBar/subcomponents/FilterBarDatePicker/FilterBarDatePicker.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"FilterBarDatePicker.mjs","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,MAAA,CAAAN,EAAA,EAJ0B,gCAKnC,CADS;IAEF,IAAAO,EACJ,GAAAC,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,oBACEa,KAAC,CAAAC,aAAA,CAAAC,gBAAgB,EACXC,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,oBAC5CV,KAAC,CAAAC,aAAA,CAAAU,eAAe,EACVR,QAAA,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/esm/FilterBar/subcomponents/FilterBarDateRangePicker/FilterBarDateRangePicker.mjs

@@ -0,0 +1,44 @@
+import { __rest, __assign } from 'tslib';
+import React from 'react';
+import { FilterDateRangePicker } from '../../../FilterDateRangePicker/FilterDateRangePicker.mjs';
+import { useFilterBarContext } from '../../context/FilterBarContext.mjs';
+import { FilterBarButton } from '../FilterBarButton/FilterBarButton.mjs';
+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 = __rest(_a, ["id", "onRangeChange", "locale"]);
+    var _c = useFilterBarContext(),
+      getFilterState = _c.getFilterState,
+      setFilterOpenState = _c.setFilterOpenState,
+      updateValue = _c.updateValue;
+    if (!id) throw Error("Missing `id` prop in FilterBarDateRangePicker");
+    var filterState = getFilterState(id);
+    return /*#__PURE__*/React.createElement(FilterDateRangePicker, __assign({}, props, {
+      id: id,
+      label: filterState.name,
+      renderTrigger: function (triggerProps) {
+        return /*#__PURE__*/React.createElement(FilterBarButton, __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;
+}();
+export { FilterBarDateRangePicker };
+//# sourceMappingURL=FilterBarDateRangePicker.mjs.map

package/dist/esm/FilterBar/subcomponents/FilterBarDateRangePicker/FilterBarDateRangePicker.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"FilterBarDateRangePicker.mjs","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,MAAA,CAAAN,EAAA,EAJ+B,iCAKxC,CADS;IAEF,IAAAO,EACJ,GAAAC,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,oBACEa,KAAA,CAAAC,aAAA,CAACC,qBAAqB,EAAAC,QAAA,CAAA,EAAA,EAChBZ,KAAK,EACT;MAAAJ,EAAE,EAAEA,EAAE;MACNiB,KAAK,EAAEL,WAAW,CAACM,IAAI;MACvBC,aAAa,EAAE,SAAAA,CAACC,YAAY,EAAA;QAAkB,oBAC5CP,oBAACQ,eAAe,EAAAL,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/esm/FilterBar/subcomponents/FilterBarMultiSelect/FilterBarMultiSelect.mjs

@@ -0,0 +1,84 @@
+import { __rest, __assign } from 'tslib';
+import React, { useState, useEffect } from 'react';
+import { FilterMultiSelect } from '../../../FilterMultiSelect/FilterMultiSelect.mjs';
+import '../../../FilterMultiSelect/context/MenuTriggerProvider/MenuTriggerProvider.mjs';
+import '../../../FilterMultiSelect/context/SelectionProvider/SelectionProvider.mjs';
+import { getSelectedOptionLabels } from '../../../FilterMultiSelect/utils/getSelectedOptionLabels.mjs';
+import { useFilterBarContext } from '../../context/FilterBarContext.mjs';
+import { checkArraysMatch } from '../../utils/checkArraysMatch.mjs';
+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 = __rest(_a, ["id", "items", "children", "onSelectionChange"]);
+    var _b = useFilterBarContext(),
+      getFilterState = _b.getFilterState,
+      setFilterOpenState = _b.setFilterOpenState,
+      updateValue = _b.updateValue,
+      hideFilter = _b.hideFilter;
+    var _c = useState(propsItems),
+      items = _c[0],
+      setItems = _c[1];
+    if (!id) throw Error("Missing `id` prop in FilterBarMultiSelect");
+    var filterState = getFilterState(id);
+    useEffect(function () {
+      if (!checkArraysMatch(items, propsItems)) {
+        setItems(propsItems);
+      }
+    }, [propsItems]);
+    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(filterState.value, filteredValues)) {
+          updateValue(id, filteredValues);
+        }
+      }
+    }, [items]);
+    return /*#__PURE__*/React.createElement(FilterMultiSelect, __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(convertConsumableFormatIntoSelection(filterState.value), items) : [],
+          label: filterState.name
+        };
+        return filterState.isRemovable ? /*#__PURE__*/React.createElement(FilterMultiSelect.RemovableTrigger, __assign({}, triggerProps, {
+          onRemove: function () {
+            return hideFilter(id);
+          }
+        })) : /*#__PURE__*/React.createElement(FilterMultiSelect.TriggerButton, __assign({}, triggerProps));
+      }
+    }, props), children);
+  };
+  FilterBarMultiSelect.displayName = "FilterBar.MultiSelect";
+  return FilterBarMultiSelect;
+}();
+export { FilterBarMultiSelect };
+//# sourceMappingURL=FilterBarMultiSelect.mjs.map

package/dist/esm/FilterBar/subcomponents/FilterBarMultiSelect/FilterBarMultiSelect.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"FilterBarMultiSelect.mjs","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/esm/FilterBar/subcomponents/FilterBarSelect/FilterBarSelect.mjs

@@ -0,0 +1,61 @@
+import { __rest, __assign } from 'tslib';
+import React, { useState, useEffect } from 'react';
+import { FilterSelect } from '../../../FilterSelect/FilterSelect.mjs';
+import { useFilterBarContext } from '../../context/FilterBarContext.mjs';
+import { checkArraysMatch } from '../../utils/checkArraysMatch.mjs';
+import { FilterBarButton } from '../FilterBarButton/FilterBarButton.mjs';
+const FilterBarSelect = /*#__PURE__*/function () {
+  const FilterBarSelect = function (_a) {
+    var id = _a.id,
+      propsItems = _a.items,
+      onSelectionChange = _a.onSelectionChange,
+      props = __rest(_a, ["id", "items", "onSelectionChange"]);
+    var _b = useFilterBarContext(),
+      getFilterState = _b.getFilterState,
+      setFilterOpenState = _b.setFilterOpenState,
+      updateValue = _b.updateValue;
+    var _c = useState(propsItems),
+      items = _c[0],
+      setItems = _c[1];
+    if (!id) throw Error("Missing `id` prop in FilterBarSelect");
+    var filterState = getFilterState(id);
+    useEffect(function () {
+      if (!checkArraysMatch(items, propsItems)) {
+        setItems(propsItems);
+      }
+    }, [propsItems]);
+    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 /*#__PURE__*/React.createElement(FilterSelect, __assign({}, props, {
+      items: items,
+      selectedKey: filterState.value || null,
+      label: filterState.name,
+      renderTrigger: function (triggerProps) {
+        return /*#__PURE__*/React.createElement(FilterBarButton, __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;
+}();
+export { FilterBarSelect };
+//# sourceMappingURL=FilterBarSelect.mjs.map

package/dist/esm/FilterBar/subcomponents/FilterBarSelect/FilterBarSelect.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"FilterBarSelect.mjs","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,MAAA,CAAAN,EAAA,EAAA,CAAA,IAAA,EAAA,OAAA,EAAA,mBAAA,CAK3E,CADS;IAEF,IAAAO,EACJ,GAAAC,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,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,SAAS,CAAC,YAAA;MACR,IAAI,CAACC,gBAAgB,CAACf,KAAK,EAAED,UAAU,CAAC,EAAE;QACxCY,QAAQ,CAACZ,UAAU,CAAC;MACrB;IACH,CAAC,EAAE,CAACA,UAAU,CAAC,CAAC;IAEhBe,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,oBACEsB,KAAC,CAAAC,aAAA,CAAAC,YAAY,EACPC,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,oBAC5CR,KAAC,CAAAC,aAAA,CAAAQ,eAAe,eACVD,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/esm/FilterBar/utils/checkArraysMatch.mjs

@@ -0,0 +1,8 @@
+var checkArraysMatch = function (a1, a2) {
+  if (a1.length !== a2.length) return false;
+  return a1.every(function (v, i) {
+    return v === a2[i];
+  });
+};
+export { checkArraysMatch };
+//# sourceMappingURL=checkArraysMatch.mjs.map

package/dist/esm/FilterBar/utils/checkArraysMatch.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"checkArraysMatch.mjs","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/esm/FilterButton/FilterButton/FilterButton.mjs

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

package/dist/esm/FilterButton/FilterButton/FilterButton.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"FilterButton.mjs","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,gBAAGC,UAAU,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,MAAA,CAAAR,EAAA,EAAvE,yDAAyE,CAAF;IAGvE,IAAMS,eAAe,GAAGC,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,oBACEW,oBAACC,gBAAgB,EAAAC,QAAA,CAAA;MACff,GAAG,EAAEW,UAAU;MACfN,iBAAiB,EAAEW,UAAU,CAACC,MAAM,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,MAAM,CAACI;OACrBT,mBAAmB,gBAClBC,KAAA,CAAAM,aAAA,CAAAN,KAAA,CAAAS,QAAA,EAAA,IAAA,eACET,KAAA,CAAAM,aAAA,CAAA,MAAA,EAAA;MAAMC,SAAS,EAAEH,MAAM,CAACM;IAAiB,CAAA,eACvCV,KAAA,CAAAM,aAAA,CAAA,MAAA,EAAA,IAAA,EAAOlB,KAAK,CAAQ,eACpBY,KAAA,CAAAM,aAAA,CAAA,MAAA,EAAA;MAAMC,SAAS,EAAEH,MAAM,CAACO;IAAc,OAAU,CAC3C,eACPX,KAAO,CAAAM,aAAA,CAAA,MAAA,EAAA,IAAA,EAAAP,mBAAmB,CAAQ,CACjC,GAEHX,KACD,CACI,EACNG,MAAM,gBACLS,KAAA,CAAAM,aAAA,CAACM,aAAa,EAAA;MAACC,IAAI,EAAC;IAAc,CAAA,CAAG,gBAErCb,KAAC,CAAAM,aAAA,CAAAQ,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/esm/FilterButton/FilterButton/FilterButton.module.scss.mjs

@@ -0,0 +1,8 @@
+var styles = {
+  "filterButton": "FilterButton-module_filterButton__Q2dMX",
+  "labelContainer": "FilterButton-module_labelContainer__5G-MD",
+  "hasSelectedValues": "FilterButton-module_hasSelectedValues__dyQkL",
+  "labelSeparator": "FilterButton-module_labelSeparator__xrkAx"
+};
+export { styles as default };
+//# sourceMappingURL=FilterButton.module.scss.mjs.map

package/dist/esm/FilterButton/FilterButton/FilterButton.module.scss.mjs.map

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

package/dist/esm/FilterButton/FilterButtonRemovable/FilterButtonRemovable.mjs

@@ -0,0 +1,37 @@
+import { __rest, __assign } from 'tslib';
+import React, { forwardRef } from 'react';
+import { Tooltip } from '@kaizen/draft-tooltip';
+import 'uuid';
+import '../../Icon/subcomponents/SVG/SVG.mjs';
+import { ClearIcon } from '../../Icon/ClearIcon.mjs';
+import { isRefObject } from '../../utils/isRefObject.mjs';
+import { ButtonGroup } from '../../ButtonGroup/ButtonGroup.mjs';
+import { FilterButton } from '../FilterButton/FilterButton.mjs';
+import { FilterButtonBase } from '../subcomponents/FilterButtonBase/FilterButtonBase.mjs';
+const FilterButtonRemovable = /*#__PURE__*/function () {
+  const FilterButtonRemovable = /*#__PURE__*/forwardRef(function (_a, ref) {
+    var _b;
+    var triggerButtonProps = _a.triggerButtonProps,
+      removeButtonProps = _a.removeButtonProps,
+      restProps = __rest(_a, ["triggerButtonProps", "removeButtonProps"]);
+    var customRefObject = 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 /*#__PURE__*/React.createElement(ButtonGroup, __assign({}, restProps), /*#__PURE__*/React.createElement(FilterButton, __assign({
+      ref: ref
+    }, triggerButtonProps)), /*#__PURE__*/React.createElement(Tooltip, {
+      text: removeButtonLabel,
+      display: "inline-block",
+      position: "below"
+    }, /*#__PURE__*/React.createElement(FilterButtonBase, __assign({
+      ref: removeButtonRef
+    }, removeButtonProps), /*#__PURE__*/React.createElement(ClearIcon, {
+      role: "img",
+      "aria-label": removeButtonLabel
+    }))));
+  });
+  FilterButtonRemovable.displayName = "FilterButtonRemovable";
+  return FilterButtonRemovable;
+}();
+export { FilterButtonRemovable };
+//# sourceMappingURL=FilterButtonRemovable.mjs.map

package/dist/esm/FilterButton/FilterButtonRemovable/FilterButtonRemovable.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"FilterButtonRemovable.mjs","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,gBAAGC,UAAU,CAG7C,UAACC,EAAuD,EAAEC,GAAG,EAAA;;IAA1D,IAAAC,kBAAkB,wBAAA;MAAEC,iBAAiB,uBAAA;MAAKC,SAAS,GAArDC,MAAA,CAAAL,EAAA,EAAA,CAAA,oBAAA,EAAA,mBAAA,CAAuD,CAAF;IACtD,IAAMM,eAAe,GAAGC,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,oBACEC,KAAA,CAAAC,aAAA,CAACC,WAAW,EAAAC,QAAA,CAAA,CAAA,CAAA,EAAKd,SAAS,CAAA,eACxBW,KAAA,CAAAC,aAAA,CAACG,YAAY,EAACD,QAAA,CAAA;MAAAjB,GAAG,EAAEA;IAAG,CAAA,EAAMC,kBAAkB,CAAI,CAAA,eAClDa,KAAA,CAAAC,aAAA,CAACI,OAAO,EAAA;MAACC,IAAI,EAAEX,iBAAiB;MAAEY,OAAO,EAAC,cAAc;MAACC,QAAQ,EAAC;IAAO,CAAA,eACvER,KAAA,CAAAC,aAAA,CAACQ,gBAAgB,EAACN,QAAA,CAAA;MAAAjB,GAAG,EAAEQ;OAAqBN,iBAAiB,CAAA,eAC3DY,KAAA,CAAAC,aAAA,CAACS,SAAS,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;"}