@kaizen/components 0.0.0-canary-bump-react-intl-20230830002428 → 0.0.0-canary-cg-test-20231009044311

package/dist/cjs/packages/components/src/FilterBar/context/utils/getValidValue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"getValidValue.js","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":[],"mappings":";;AAAa,IAAA,aAAA,GAAgB,SAAQ,KAAY,EAAA;AAC/C,EAAA,IAAI,OAAO,KAAU,KAAA,QAAA,IAAY,IAAK,CAAA,SAAA,CAAU,KAAK,CAAM,KAAA,IAAA;AACzD,IAAO,OAAA,KAAA,CAAA,CAAA;AAET,EAAA,IAAI,KAAM,CAAA,OAAA,CAAQ,KAAK,CAAA,IAAK,MAAM,MAAW,KAAA,CAAA;AAAG,IAAO,OAAA,KAAA,CAAA,CAAA;AAEvD,EAAO,OAAA,KAAA,CAAA;AACT;;;;"}

package/dist/cjs/packages/components/src/FilterBar/context/utils/updateDependentFilters.js

@@ -0,0 +1,33 @@
+'use strict';
+
+var getIsUsableWhenArgs = require('./getIsUsableWhenArgs.js');
+
+var updateDependentFilters = function(state) {
+  if (state.dependentFilterIds.size === 0)
+    return state;
+  var hasChange = false;
+  var args = getIsUsableWhenArgs.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] = void 0;
+      state.hasUpdatedValues = true;
+      return;
+    }
+    if (!state.filters[id].isRemovable || state.values[id] !== void 0) {
+      state.activeFilterIds.add(id);
+    }
+  });
+  if (hasChange)
+    updateDependentFilters(state);
+  return state;
+};
+
+exports.updateDependentFilters = updateDependentFilters;
+//# sourceMappingURL=updateDependentFilters.js.map

package/dist/cjs/packages/components/src/FilterBar/context/utils/updateDependentFilters.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"updateDependentFilters.js","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":["getIsUsableWhenArgs"],"mappings":";;;;AAIa,IAAA,sBAAA,GAAyB,SACpC,KAAgC,EAAA;AAEhC,EAAI,IAAA,KAAA,CAAM,mBAAmB,IAAS,KAAA,CAAA;AAAG,IAAO,OAAA,KAAA,CAAA;AAEhD,EAAA,IAAI,SAAY,GAAA,KAAA,CAAA;AAEhB,EAAM,IAAA,IAAA,GAAOA,wCAAoB,KAAK,CAAA,CAAA;AAEtC,EAAA,KAAA,CAAM,KAAK,KAAM,CAAA,kBAAkB,CAAE,CAAA,OAAA,CAAQ,SAAA,EAAE,EAAA;AAC7C,IAAA,IAAM,WAAW,KAAM,CAAA,OAAA,CAAQ,EAAE,CAAA,CAAE,aAAc,IAAI,CAAA,CAAA;AAErD,IAAA,IAAM,YAAe,GAAA,KAAA,CAAM,OAAQ,CAAA,EAAE,EAAE,QAAa,KAAA,QAAA,CAAA;AACpD,IAAA,IAAI,CAAC,YAAA;AAAc,MAAA,OAAA;AAEnB,IAAY,SAAA,GAAA,IAAA,CAAA;AACZ,IAAM,KAAA,CAAA,OAAA,CAAQ,EAAE,CAAA,CAAE,QAAW,GAAA,QAAA,CAAA;AAE7B,IAAA,IAAI,CAAC,QAAU,EAAA;AACb,MAAM,KAAA,CAAA,eAAA,CAAgB,QAAM,CAAA,CAAC,EAAE,CAAA,CAAA;AAC/B,MAAM,KAAA,CAAA,MAAA,CAAO,EAAE,CAAI,GAAA,KAAA,CAAA,CAAA;AACnB,MAAA,KAAA,CAAM,gBAAmB,GAAA,IAAA,CAAA;AACzB,MAAA,OAAA;AAAA,KACD;AAED,IAAI,IAAA,CAAC,KAAM,CAAA,OAAA,CAAQ,EAAE,CAAA,CAAE,eAAe,KAAM,CAAA,MAAA,CAAO,EAAE,CAAA,KAAM,KAAW,CAAA,EAAA;AACpE,MAAM,KAAA,CAAA,eAAA,CAAgB,IAAI,EAAE,CAAA,CAAA;AAAA,KAC7B;AAAA,GACF,CAAA,CAAA;AAED,EAAI,IAAA,SAAA;AAAW,IAAA,sBAAA,CAAuB,KAAK,CAAA,CAAA;AAE3C,EAAO,OAAA,KAAA,CAAA;AACT;;;;"}

package/dist/cjs/packages/components/src/FilterBar/subcomponents/AddFiltersMenu/AddFiltersMenu.js

@@ -0,0 +1,32 @@
+'use strict';
+
+var React = require('react');
+var draftMenu = require('@kaizen/draft-menu');
+var Button = require('../../../Button/Button/Button.js');
+require('../../../Button/IconButton/IconButton.js');
+require('../../../Button/PaginationLink/PaginationLink.js');
+require('../../../Button/DirectionalLink/DirectionalLink.js');
+require('../../../../../../node_modules/tslib/tslib.es6.js');
+require('uuid');
+require('../../../Icon/subcomponents/SVG/SVG.js');
+var AddIcon = require('../../../Icon/AddIcon.js');
+var FilterBarContext = require('../../context/FilterBarContext.js');
+
+var AddFiltersMenu = function() {
+  var _a = FilterBarContext.useFilterBarContext(), getInactiveFilters = _a.getInactiveFilters, showFilter = _a.showFilter;
+  var inactiveFilters = getInactiveFilters();
+  return React.createElement(
+    draftMenu.Menu,
+    { button: React.createElement(Button.Button, { label: "Add Filters", secondary: true, disabled: inactiveFilters.length === 0, icon: React.createElement(AddIcon.AddIcon, { role: "presentation" }) }) },
+    React.createElement(draftMenu.MenuList, null, inactiveFilters.map(function(_a2) {
+      var id = _a2.id, name = _a2.name;
+      return React.createElement(draftMenu.MenuItem, { key: id, label: name, onClick: function() {
+        return showFilter(id);
+      } });
+    }))
+  );
+};
+AddFiltersMenu.displayName = "FilterBar.AddFiltersMenu";
+
+exports.AddFiltersMenu = AddFiltersMenu;
+//# sourceMappingURL=AddFiltersMenu.js.map

package/dist/cjs/packages/components/src/FilterBar/subcomponents/AddFiltersMenu/AddFiltersMenu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AddFiltersMenu.js","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":["useFilterBarContext","Menu","Button","AddIcon","MenuList","_a","MenuItem"],"mappings":";;;;;;;;;;;;;;AAMO,IAAM,iBAAiB,WAAA;AACtB,EAAA,IAAA,KAAqCA,oCAAqB,EAAA,EAAxD,qBAAkB,EAAA,CAAA,kBAAA,EAAE,aAAU,EAAA,CAAA,UAAA,CAAA;AACtC,EAAA,IAAM,kBAAkB,kBAAkB,EAAA,CAAA;AAE1C,EAAA,OACE,KAAA,CAAA,aAAA;AAAA,IAACC,cAAA;AAAA,IAAI,EACH,MACE,EAAA,KAAA,CAAA,aAAC,CAAAC,aAAA,EAAM,EACL,KAAM,EAAA,aAAA,EACN,SACA,EAAA,IAAA,EAAA,QAAU,EAAA,eAAA,CAAgB,WAAW,CACrC,EAAA,IAAA,EAAM,KAAC,CAAA,aAAA,CAAAC,eAAQ,EAAA,EAAA,MAAK,iBACpB,EAAA,CAAA,EAAA;AAAA,IAGJ,MAAA,aAAC,CAAAC,kBAAA,EACE,MAAA,eAAgB,CAAA,GAAA,CAAI,SAACC,GAAY,EAAA;UAAV,EAAEA,GAAAA,GAAAA,CAAA,EAAE,EAAA,IAAA,GAAIA,GAAA,CAAA,IAAA,CAAA;AAAO,MACrC,OAAA,KAAA,eAACC,kBAAQ,EAAA,EACP,KAAK,EACL,EAAA,KAAA,EAAO,IACP,EAAA,OAAA,EAAS,WAAY;AAAA,QAAA,OAAA,WAAW,EAAE,CAAA,CAAA;AAAA,SAAC,CAAA,CAAA;AAAA,KAEtC,CAAC,CAAA;AAAA,GACO,CAAA;AAGjB,EAAA;AAEA,cAAA,CAAe,WAAc,GAAA,0BAAA;;;;"}

package/dist/cjs/packages/components/src/FilterBar/subcomponents/ClearAllButton/ClearAllButton.js

@@ -0,0 +1,18 @@
+'use strict';
+
+var React = require('react');
+var Button = require('../../../Button/Button/Button.js');
+require('../../../Button/IconButton/IconButton.js');
+require('../../../Button/PaginationLink/PaginationLink.js');
+require('../../../Button/DirectionalLink/DirectionalLink.js');
+var FilterBarContext = require('../../context/FilterBarContext.js');
+var ClearAllButton_module = require('./ClearAllButton.module.scss.js');
+
+var ClearAllButton = function() {
+  var clearAllFilters = FilterBarContext.useFilterBarContext().clearAllFilters;
+  return React.createElement(Button.Button, { label: "Clear all", "aria-label": "Clear all filters", classNameOverride: ClearAllButton_module.clearAllButton, secondary: true, onClick: clearAllFilters });
+};
+ClearAllButton.displayName = "FilterBar.ClearAllButton";
+
+exports.ClearAllButton = ClearAllButton;
+//# sourceMappingURL=ClearAllButton.js.map

package/dist/cjs/packages/components/src/FilterBar/subcomponents/ClearAllButton/ClearAllButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ClearAllButton.js","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":["useFilterBarContext","Button","styles"],"mappings":";;;;;;;;;;AAKO,IAAM,iBAAiB,WAAA;AACpB,EAAA,IAAA,eAAA,GAAoBA;AAE5B,EAAA,OACE,oBAACC,aAAM,EAAA,EACL,OAAM,WACK,EAAA,YAAA,EAAA,mBACX,EAAA,iBAAA,EAAmBC,sBAAO,cAC1B,EAAA,SAAA,EAAS,IACT,EAAA,OAAA,EAAS,iBACT,CAAA,CAAA;AAEN,EAAA;AAEA,cAAA,CAAe,WAAc,GAAA,0BAAA;;;;"}

package/dist/cjs/packages/components/src/FilterBar/subcomponents/ClearAllButton/ClearAllButton.module.scss.js

@@ -0,0 +1,6 @@
+'use strict';
+
+var styles = {"clearAllButton":"ClearAllButton-module_clearAllButton__luhgk"};
+
+module.exports = styles;
+//# sourceMappingURL=ClearAllButton.module.scss.js.map

package/dist/cjs/packages/components/src/FilterBar/subcomponents/ClearAllButton/ClearAllButton.module.scss.js.map

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

package/dist/cjs/packages/components/src/FilterBar/subcomponents/FilterBarButton/FilterBarButton.js

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

package/dist/cjs/packages/components/src/FilterBar/subcomponents/FilterBarButton/FilterBarButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FilterBarButton.js","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":["forwardRef","__rest","useFilterBarContext","FilterButtonRemovable","FilterButton"],"mappings":";;;;;;;;AAcO,IAAM,eAAkB,GAAAA,gBAAA,CAG7B,SAAC,EAAA,EAAuC,GAAG,EAAA;AAAxC,EAAA,IAAA,KAAE,EAAA,CAAA,EAAA,EAAE,EAAA,GAAA,EAAA,CAAA,aAAA,WAAc,GAAA,EAAA,KAAA,KAAA,CAAA,GAAA,KAAA,GAAK,IAAK,KAAK,GAAAC,gBAAA,CAAA,IAAnC,qBAAqC,CAAA,CAAA;AAC9B,EAAA,IAAA,UAAA,GAAeC;AAEvB,EAAO,OAAA,WAAA,GACL,KAAC,CAAA,aAAA,CAAAC,+CACC,GACA,EAAA,kBAAA,EAAoB,KACpB,EAAA,iBAAA,EAAmB,EAAE,OAAA,EAAS,WAAM;AAAA,IAAA,OAAA,WAAW,EAAE,CAAA,CAAA;AAAA,OACjD,CAAA,GAEF,KAAC,CAAA,aAAA,CAAAC,gDAAa,GAAA,EAAc,EAAA,KAAK,CAAI,CAAA,CAAA;AAEzC,CAAC,EAAA;AAED,eAAA,CAAgB,WAAc,GAAA,kBAAA;;;;"}

package/dist/cjs/packages/components/src/FilterBar/subcomponents/FilterBarDatePicker/FilterBarDatePicker.js

@@ -0,0 +1,38 @@
+'use strict';
+
+var tslib_es6 = require('../../../../../../node_modules/tslib/tslib.es6.js');
+var React = require('react');
+var FilterDatePicker = require('../../../FilterDatePicker/FilterDatePicker.js');
+require('classnames');
+require('uuid');
+require('@kaizen/date-picker');
+require('../../../LabelledMessage/LabelledMessage.js');
+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.js');
+var FilterBarContext = require('../../context/FilterBarContext.js');
+var FilterBarButton = require('../FilterBarButton/FilterBarButton.js');
+
+var FilterBarDatePicker = function(_a) {
+  var id = _a.id, onDateChange = _a.onDateChange, _b = _a.locale, locale = _b === void 0 ? "en-AU" : _b, props = tslib_es6.__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_es6.__assign({}, props, { id, locale, selectedDate: filterState.value || void 0, label: filterState.name, renderTrigger: function(triggerProps) {
+    return React.createElement(FilterBarButton.FilterBarButton, tslib_es6.__assign({}, triggerProps, { 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";
+
+exports.FilterBarDatePicker = FilterBarDatePicker;
+//# sourceMappingURL=FilterBarDatePicker.js.map

package/dist/cjs/packages/components/src/FilterBar/subcomponents/FilterBarDatePicker/FilterBarDatePicker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FilterBarDatePicker.js","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":["__rest","useFilterBarContext","FilterDatePicker","__assign","FilterBarButton"],"mappings":";;;;;;;;;;;;;;;;;;;AAwBa,IAAA,mBAAA,GAAsB,SAAC,EAKT,EAAA;AAJzB,EAAA,IAAA,EAAA,GAAE,GAAA,EACF,EAAA,YAAA,GAAY,GAAA,YACZ,EAAA,EAAA,GAAgB,GAAA,MAAhB,EAAA,MAAA,GAAM,OAAA,KAAG,CAAA,GAAA,OAAA,GAAO,IACb,KAAK,GAAAA,gBAAA,CAAA,IAJ0B,gCAKnC,CAAA,CAAA;AACO,EAAA,IAAA,EAAA,GACJC,oCAAuC,EAAA,EADjC,cAAc,GAAA,EAAA,CAAA,gBAAE,kBAAkB,GAAA,EAAA,CAAA,kBAAE,EAAA,WAAA,GAAW,EAAA,CAAA,WAAA,CAAA;AAGvD,EAAA,IAAI,CAAC,EAAA;AAAI,IAAA,MAAM,MAAM,0CAA0C,CAAA,CAAA;AAE/D,EAAM,IAAA,WAAA,GAAc,eAAe,EAAE,CAAA,CAAA;AAErC,EAAA,OACE,MAAC,aAAA,CAAAC,iCAAA,EACKC,mBAAA,EAAA,EAAA,OACJ,EAAA,EAAA,EACA,QACA,YAAc,EAAA,WAAA,CAAY,SAAS,KACnC,CAAA,EAAA,KAAA,EAAO,YAAY,IACnB,EAAA,aAAA,EAAe,SAAC,YAAY,EAAA;AAAkB,IAAA,OAC5C,KAAC,CAAA,aAAA,CAAAC,+BACK,EAAAD,kBAAA,CAAA,EAAA,EAAA,YACJ,EAAA,EAAA,EACA,EAAA,WAAA,EAAa,WAAY,CAAA,WAAA,EACzB,CAAA,CAAA,CAAA;AAAA,GAL0C,EAO9C,YAAc,EAAA,SAAC,GAAG,EAAA;AAChB,IAAA,WAAA,CAAY,IAAI,GAAG,CAAA,CAAA;AACnB,IAAA,YAAA,SAAA,IAAA,YAAA,KAAY,KAAA,CAAA,GAAA,KAAA,CAAA,GAAZ,aAAe,GAAG,CAAA,CAAA;AAAA,KAEpB,MAAQ,EAAA,WAAA,CAAY,MACpB,EAAA,SAAA,EAAW,SAAC;AAAe,IAAA,OAAA,kBAAA,CAAmB,IAAI,IAAI,CAAA,CAAA;AAAA,GAA3B,EAC3B,CAAA,CAAA,CAAA;AAEN,EAAA;AAEA,mBAAA,CAAoB,WAAc,GAAA,sBAAA;;;;"}

package/dist/cjs/packages/components/src/FilterBar/subcomponents/FilterBarDateRangePicker/FilterBarDateRangePicker.js

@@ -0,0 +1,27 @@
+'use strict';
+
+var tslib_es6 = require('../../../../../../node_modules/tslib/tslib.es6.js');
+var React = require('react');
+var FilterDateRangePicker = require('../../../FilterDateRangePicker/FilterDateRangePicker.js');
+var FilterBarContext = require('../../context/FilterBarContext.js');
+var FilterBarButton = require('../FilterBarButton/FilterBarButton.js');
+
+var FilterBarDateRangePicker = function(_a) {
+  var id = _a.id, onRangeChange = _a.onRangeChange, _b = _a.locale, locale = _b === void 0 ? "en-AU" : _b, props = tslib_es6.__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_es6.__assign({}, props, { id, label: filterState.name, renderTrigger: function(triggerProps) {
+    return React.createElement(FilterBarButton.FilterBarButton, tslib_es6.__assign({}, triggerProps, { 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 }));
+};
+FilterBarDateRangePicker.displayName = "FilterBar.DateRangePicker";
+
+exports.FilterBarDateRangePicker = FilterBarDateRangePicker;
+//# sourceMappingURL=FilterBarDateRangePicker.js.map

package/dist/cjs/packages/components/src/FilterBar/subcomponents/FilterBarDateRangePicker/FilterBarDateRangePicker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FilterBarDateRangePicker.js","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":["__rest","useFilterBarContext","FilterDateRangePicker","__assign","FilterBarButton"],"mappings":";;;;;;;;AAyBa,IAAA,wBAAA,GAA2B,SAAC,EAKT,EAAA;AAJ9B,EAAA,IAAA,EAAA,GAAE,GAAA,EACF,EAAA,aAAA,GAAa,GAAA,aACb,EAAA,EAAA,GAAgB,GAAA,MAAhB,EAAA,MAAA,GAAM,OAAA,KAAG,CAAA,GAAA,OAAA,GAAO,IACb,KAAK,GAAAA,gBAAA,CAAA,IAJ+B,iCAKxC,CAAA,CAAA;AACO,EAAA,IAAA,EAAA,GACJC,oCAA4C,EAAA,EADtC,cAAc,GAAA,EAAA,CAAA,gBAAE,kBAAkB,GAAA,EAAA,CAAA,kBAAE,EAAA,WAAA,GAAW,EAAA,CAAA,WAAA,CAAA;AAGvD,EAAA,IAAI,CAAC,EAAA;AAAI,IAAA,MAAM,MAAM,+CAA+C,CAAA,CAAA;AAEpE,EAAM,IAAA,WAAA,GAAc,eAAe,EAAE,CAAA,CAAA;AAErC,EAAA,OACE,KAAA,CAAA,aAAA,CAACC,2CAAqB,EAAAC,kBAAA,CAAA,EAChB,EAAA,KAAA,EACJ,EAAA,EAAA,EACA,KAAO,EAAA,WAAA,CAAY,IACnB,EAAA,aAAA,EAAe,SAAC,YAAY,EAAA;AAAkB,IAAA,OAC5C,oBAACC,+BAAe,EAAAD,kBAAA,CAAA,EAAA,EACV,YAAY,EAAA,EAChB,EACA,EAAA,WAAA,EAAa,WAAY,CAAA,WAAA,EAAW,CAAA,CAAA,CAAA;AAAA,KAGxC,MAAQ,EAAA,WAAA,CAAY,MACpB,EAAA,SAAA,EAAW,SAAC;AAAe,IAAA,OAAA,kBAAA,CAAmB,IAAI,IAAI,CAAA,CAAA;AAAA,KACtD,aAAe,EAAA,WAAA,CAAY,KAC3B,EAAA,aAAA,EAAe,SAAC,KAAK,EAAA;AACnB,IAAA,WAAA,CAAY,IAAI,KAAK,CAAA,CAAA;AACrB,IAAA,aAAA,SAAA,IAAA,aAAA,KAAa,KAAA,CAAA,GAAA,KAAA,CAAA,GAAb,cAAgB,KAAK,CAAA,CAAA;AAAA,GACvB,EACA,MAAc,EAAA,CAAA,CAAA,CAAA;AAGpB,EAAA;AAEA,wBAAA,CAAyB,WAAc,GAAA,2BAAA;;;;"}

package/dist/cjs/packages/components/src/FilterBar/subcomponents/FilterBarMultiSelect/FilterBarMultiSelect.js

@@ -0,0 +1,74 @@
+'use strict';
+
+var tslib_es6 = require('../../../../../../node_modules/tslib/tslib.es6.js');
+var React = require('react');
+var FilterMultiSelect = require('../../../FilterMultiSelect/FilterMultiSelect.js');
+require('../../../FilterMultiSelect/context/MenuTriggerProvider/MenuTriggerProvider.js');
+require('../../../FilterMultiSelect/context/SelectionProvider/SelectionProvider.js');
+var getSelectedOptionLabels = require('../../../FilterMultiSelect/utils/getSelectedOptionLabels.js');
+var FilterBarContext = require('../../context/FilterBarContext.js');
+var checkArraysMatch = require('../../utils/checkArraysMatch.js');
+
+var convertSelectionToAConsumableFormat = function(value) {
+  if (value === "all")
+    return "all";
+  var arrayOfValues = Array.from(value);
+  return arrayOfValues.length > 0 ? Array.from(value) : void 0;
+};
+var convertConsumableFormatIntoSelection = function(value) {
+  return new Set(value);
+};
+var FilterBarMultiSelect = function(_a) {
+  var id = _a.id, propsItems = _a.items, children = _a.children, onSelectionChange = _a.onSelectionChange, props = tslib_es6.__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(_a2) {
+        var value = _a2.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_es6.__assign({
+    label: filterState.name,
+    // Convert the incoming FilterBar state to a Set (internal FilterMultiSelect state)
+    selectedKeys: new Set(filterState.value || null),
+    onSelectionChange: function(keys) {
+      updateValue(id, convertSelectionToAConsumableFormat(keys));
+      onSelectionChange === null || onSelectionChange === void 0 ? void 0 : onSelectionChange(keys);
+    },
+    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_es6.__assign({}, triggerProps, { onRemove: function() {
+        return hideFilter(id);
+      } })) : React.createElement(FilterMultiSelect.FilterMultiSelect.TriggerButton, tslib_es6.__assign({}, triggerProps));
+    }
+  }, props), children);
+};
+FilterBarMultiSelect.displayName = "FilterBar.MultiSelect";
+
+exports.FilterBarMultiSelect = FilterBarMultiSelect;
+//# sourceMappingURL=FilterBarMultiSelect.js.map

package/dist/cjs/packages/components/src/FilterBar/subcomponents/FilterBarMultiSelect/FilterBarMultiSelect.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FilterBarMultiSelect.js","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":["__rest","useFilterBarContext","useState","useEffect","checkArraysMatch","_a","FilterMultiSelect","__assign","getSelectedOptionLabels"],"mappings":"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"}

package/dist/cjs/packages/components/src/FilterBar/subcomponents/FilterBarSelect/FilterBarSelect.js

@@ -0,0 +1,44 @@
+'use strict';
+
+var tslib_es6 = require('../../../../../../node_modules/tslib/tslib.es6.js');
+var React = require('react');
+var FilterSelect = require('../../../FilterSelect/FilterSelect.js');
+var FilterBarContext = require('../../context/FilterBarContext.js');
+var checkArraysMatch = require('../../utils/checkArraysMatch.js');
+var FilterBarButton = require('../FilterBarButton/FilterBarButton.js');
+
+var FilterBarSelect = function(_a) {
+  var id = _a.id, propsItems = _a.items, onSelectionChange = _a.onSelectionChange, props = tslib_es6.__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, void 0);
+      }
+    }
+  }, [items]);
+  return React.createElement(FilterSelect.FilterSelect, tslib_es6.__assign({}, props, { items, selectedKey: filterState.value || null, label: filterState.name, renderTrigger: function(triggerProps) {
+    return React.createElement(FilterBarButton.FilterBarButton, tslib_es6.__assign({}, triggerProps, { 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";
+
+exports.FilterBarSelect = FilterBarSelect;
+//# sourceMappingURL=FilterBarSelect.js.map

package/dist/cjs/packages/components/src/FilterBar/subcomponents/FilterBarSelect/FilterBarSelect.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FilterBarSelect.js","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":["__rest","useFilterBarContext","useState","useEffect","checkArraysMatch","FilterSelect","__assign","FilterBarButton"],"mappings":";;;;;;;;;AAmBa,IAAA,eAAA,GAAkB,SAA6C,EAK7C,EAAA;AAJ7B,EAAA,IAAA,KAAE,EAAA,CAAA,EAAA,EACK,UAAU,GAAA,EAAA,CAAA,OACjB,iBAAiB,GAAA,EAAA,CAAA,iBACd,EAAA,KAAA,GAJuEA,iBAAA,EAAA,EAAA,CAAA,IAAA,EAAA,OAAA,EAAA,mBAAA,CAK3E,CAAA,CAAA;AACO,EAAA,IAAA,EAAA,GACJC,oCAAkD,EAAA,EAD5C,cAAc,GAAA,EAAA,CAAA,gBAAE,kBAAkB,GAAA,EAAA,CAAA,kBAAE,EAAA,WAAA,GAAW,EAAA,CAAA,WAAA,CAAA;AAEjD,EAAA,IAAA,EAAA,GAAoBC,cAAoC,CAAA,UAAU,CAAjE,EAAA,KAAA,GAAK,GAAA,CAAA,CAAA,EAAE,QAAQ,GAAA,EAAA,CAAA,CAAA,CAAA,CAAA;AAEtB,EAAA,IAAI,CAAC,EAAA;AAAI,IAAA,MAAM,MAAM,sCAAsC,CAAA,CAAA;AAE3D,EAAM,IAAA,WAAA,GAAc,eAAe,EAAE,CAAA,CAAA;AAErC,EAAAC,eAAA,CAAU,WAAA;AACR,IAAA,IAAI,CAACC,iCAAA,CAAiB,KAAO,EAAA,UAAU,CAAG,EAAA;AACxC,MAAA,QAAA,CAAS,UAAU,CAAA,CAAA;AAAA,KACpB;AAAA,GACH,EAAG,CAAC,UAAU,CAAC,CAAA,CAAA;AAEf,EAAAD,eAAA,CAAU,WAAA;AACR,IAAA,IAAI,YAAY,KAAO,EAAA;AACrB,MAAA,IAAM,UAAa,GAAA,KAAA,CAAM,GAAI,CAAA,SAAA,IAAQ,EAAA;AAAA,QAAA,OAAC,IAAA,KAAA,IAAA,IAAA,2BAAA,IAAiB,CAAA,KAAA,CAAA;AAAA,OAAK,CAAA,CAAA;AAC5D,MAAA,IAAI,CAAC,UAAA,CAAW,QAAS,CAAA,WAAA,CAAY,KAAK,CAAG,EAAA;AAC3C,QAAA,WAAA,CAAY,IAAI,KAAS,CAAA,CAAA,CAAA;AAAA,OAC1B;AAAA,KACF;AAAA,GACH,EAAG,CAAC,KAAK,CAAC,CAAA,CAAA;AAEV,EAAA,OACE,MAAC,aAAA,CAAAE,yBAAA,EACKC,mBAAA,EAAA,EAAA,SACJ,KAAA,EACA,WAAa,EAAA,WAAA,CAAY,SAAS,IAClC,EAAA,KAAA,EAAO,YAAY,IACnB,EAAA,aAAA,EAAe,SAAC,YAAY,EAAA;AAAkB,IAAA,OAC5C,KAAC,CAAA,aAAA,CAAAC,wDACK,YAAY,EAAA,EAChB,EACA,EAAA,WAAA,EAAa,WAAY,CAAA,WAAA,EACzB,CAAA,CAAA,CAAA;AAAA,GAL0C,EAO9C,iBAAmB,EAAA,SAAC,GAAG,EAAA;AACrB,IAAA,WAAA,CAAY,IAAI,GAAG,CAAA,CAAA;AACnB,IAAA,iBAAA,SAAA,IAAA,iBAAA,KAAiB,KAAA,CAAA,GAAA,KAAA,CAAA,GAAjB,kBAAoB,GAAG,CAAA,CAAA;AAAA,KAEzB,MAAQ,EAAA,WAAA,CAAY,MACpB,EAAA,SAAA,EAAW,SAAC;AAAe,IAAA,OAAA,kBAAA,CAAmB,IAAI,IAAI,CAAA,CAAA;AAAA,GAA3B,EAC3B,CAAA,CAAA,CAAA;AAEN,EAAA;AAEA,eAAA,CAAgB,WAAc,GAAA,iBAAA;;;;"}

package/dist/cjs/packages/components/src/FilterBar/utils/checkArraysMatch.js

@@ -0,0 +1,12 @@
+'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.js.map

package/dist/cjs/packages/components/src/FilterBar/utils/checkArraysMatch.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"checkArraysMatch.js","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":[],"mappings":";;AAAa,IAAA,gBAAA,GAAmB,SAAC,EAAA,EAAW,EAAS,EAAA;AACnD,EAAI,IAAA,EAAA,CAAG,WAAW,EAAG,CAAA,MAAA;AAAQ,IAAO,OAAA,KAAA,CAAA;AACpC,EAAA,OAAO,EAAG,CAAA,KAAA,CAAM,SAAC,CAAA,EAAG,CAAC,EAAA;AAAK,IAAA,OAAA,CAAA,KAAM,GAAG,CAAC,CAAA,CAAA;AAAA,GAAC,CAAA,CAAA;AACvC;;;;"}

package/dist/cjs/packages/components/src/FilterButton/FilterButton/FilterButton.js

@@ -0,0 +1,39 @@
+'use strict';
+
+var tslib_es6 = require('../../../../../node_modules/tslib/tslib.es6.js');
+var React = require('react');
+var classnames = require('classnames');
+require('uuid');
+require('../../Icon/subcomponents/SVG/SVG.js');
+var ChevronDownIcon = require('../../Icon/ChevronDownIcon.js');
+var ChevronUpIcon = require('../../Icon/ChevronUpIcon.js');
+var isRefObject = require('../../utils/isRefObject.js');
+var FilterButtonBase = require('../subcomponents/FilterButtonBase/FilterButtonBase.js');
+var FilterButton_module = require('./FilterButton.module.scss.js');
+
+var 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_es6.__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_es6.__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";
+
+exports.FilterButton = FilterButton;
+//# sourceMappingURL=FilterButton.js.map

package/dist/cjs/packages/components/src/FilterButton/FilterButton/FilterButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FilterButton.js","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":["forwardRef","__rest","isRefObject","FilterButtonBase","__assign","styles","ChevronUpIcon","ChevronDownIcon"],"mappings":";;;;;;;;;;;;;AAiBO,IAAM,YAAe,GAAAA,gBAAA,CAC1B,SACE,EAAA,EACA,GAAG,EAAA;AADD,EAAA,IAAA,KAAA,GAAK,EAAA,CAAA,KAAA,EAAE,aAAa,GAAA,EAAA,CAAA,eAAE,cAAA,EAAA,MAAA,mBAAS,QAAK,EAAE,EAAA,iBAAA,GAAiB,EAAA,CAAA,iBAAA,EAAK,SAAS,GAAAC,gBAAA,CAAA,EAAvE,EAAA,yDAAyE,CAAA,CAAA;AAGzE,EAAA,IAAM,eAAkB,GAAAC,uBAAA,CAAY,GAAG,CAAA,GAAI,IAAI,OAAU,GAAA,IAAA,CAAA;AACzD,EAAA,IAAM,aAAa,eAAe,KAAA,IAAA,IAAf,eAAA,KAAA,KAAA,CAAA,GAAA,SAAA,eAAiB,CAAA,UAAA,CAAA;AACpC,EAAA,IAAM,mBAAsB,GAAA,aAAA,CAAA;AAE5B,EAAA,OACE;IAACC,iCAAA;AAAA,IAAgBC,kBAAA,CAAA,EACf,GAAK,EAAA,UAAA,EACL,mBAAmB,UAAW,CAAAC,mBAAA,CAAO,YAAc,EAAA,iBAAiB,kBACtD,EAAA,MAAA,EAAM,eACL,EAAA,MAAA,IACX,SAAS,CAAA;AAAA,IAEb,KAAA,CAAM,cAAA,MAAA,EAAA,EAAA,WAAWA,mBAAO,CAAA,cAAA,EACrB,EAAA,mBAAA,GACC,KAAA,CAAA,aAAA;AAAA,MAAA,KAAA,CAAA,QAAA;AAAA,MAAA,IAAA;AAAA,MACE,KAAA,CAAA,aAAA;AAAA,QAAA,MAAA;AAAA,QAAA,EAAM,SAAW,EAAAA,mBAAA,CAAO,iBAAiB,EAAA;AAAA,QACvC,KAAA,CAAA,aAAA,CAAA,MAAA,EAAA,IAAA,EAAO,KAAK,CAAA;AAAA,QACZ,KAAA,CAAA,cAAA,MAAA,EAAA,EAAM,WAAWA,mBAAO,CAAA,cAAA;OAAwB;AAAA,MAElD,KAAO,CAAA,aAAA,CAAA,MAAA,EAAA,IAAA,EAAA,mBAAmB,CAAA;AAAA,QAG5B,KACD,CAAA;AAAA,IAEF,MACC,GAAA,KAAA,CAAA,aAAC,CAAAC,2BAAA,EAAa,EAAC,IAAK,EAAA,cAAA,EAAc,CAAA,GAElC,MAAC,aAAA,CAAAC,+BAAA,EAAgB,EAAA,IAAA,EAAK,gBAAiB,CAAA;AAAA,GACxC,CAAA;AAGP,CAAC,EAAA;AAGH,YAAA,CAAa,WAAc,GAAA,cAAA;;;;"}

package/dist/cjs/packages/components/src/FilterButton/FilterButton/FilterButton.module.scss.js

@@ -0,0 +1,6 @@
+'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.js.map

package/dist/cjs/packages/components/src/FilterButton/FilterButton/FilterButton.module.scss.js.map

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

package/dist/cjs/packages/components/src/FilterButton/FilterButtonRemovable/FilterButtonRemovable.js

@@ -0,0 +1,38 @@
+'use strict';
+
+var tslib_es6 = require('../../../../../node_modules/tslib/tslib.es6.js');
+var React = require('react');
+var draftTooltip = require('@kaizen/draft-tooltip');
+require('uuid');
+require('../../Icon/subcomponents/SVG/SVG.js');
+var ClearIcon = require('../../Icon/ClearIcon.js');
+var isRefObject = require('../../utils/isRefObject.js');
+var ButtonGroup = require('../../ButtonGroup/ButtonGroup.js');
+var FilterButton = require('../FilterButton/FilterButton.js');
+var FilterButtonBase = require('../subcomponents/FilterButtonBase/FilterButtonBase.js');
+
+var FilterButtonRemovable = React.forwardRef(function(_a, ref) {
+  var _b;
+  var triggerButtonProps = _a.triggerButtonProps, removeButtonProps = _a.removeButtonProps, restProps = tslib_es6.__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_es6.__assign({}, restProps),
+    React.createElement(FilterButton.FilterButton, tslib_es6.__assign({ ref }, triggerButtonProps)),
+    React.createElement(
+      draftTooltip.Tooltip,
+      { text: removeButtonLabel, display: "inline-block", position: "below" },
+      React.createElement(
+        FilterButtonBase.FilterButtonBase,
+        tslib_es6.__assign({ ref: removeButtonRef }, removeButtonProps),
+        React.createElement(ClearIcon.ClearIcon, { role: "img", "aria-label": removeButtonLabel })
+      )
+    )
+  );
+});
+FilterButtonRemovable.displayName = "FilterButtonRemovable";
+
+exports.FilterButtonRemovable = FilterButtonRemovable;
+//# sourceMappingURL=FilterButtonRemovable.js.map

package/dist/cjs/packages/components/src/FilterButton/FilterButtonRemovable/FilterButtonRemovable.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FilterButtonRemovable.js","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":["forwardRef","__rest","isRefObject","ButtonGroup","__assign","FilterButton","Tooltip","FilterButtonBase","ClearIcon"],"mappings":";;;;;;;;;;;;;AAuBO,IAAM,qBAAwB,GAAAA,gBAAA,CAGnC,SAAC,EAAA,EAAyD,GAAG,EAAA;;AAA1D,EAAA,IAAA,0CAAoB,EAAA,iBAAA,yBAAsB,SAA5C,GAAAC,gBAAA,CAAA,EAAA,EAAA,CAAA,oBAAA,EAAA,mBAAA,CAAuD,CAAA,CAAA;AACxD,EAAA,IAAM,eAAkB,GAAAC,uBAAA,CAAY,GAAG,CAAA,GAAI,IAAI,OAAU,GAAA,IAAA,CAAA;AACzD,EAAA,IAAM,kBAAkB,eAAe,KAAA,IAAA,IAAf,eAAA,KAAA,KAAA,CAAA,GAAA,SAAA,eAAiB,CAAA,eAAA,CAAA;AAEzC,EAAM,IAAA,iBAAA,GAAA,CACJ,KAAA,8BAAA,sBAAiB,KAAA,CAAA,GAAA,KAAA,CAAA,GAAjB,kBAAmB,8CACnB,mBAAmB,MAAA,CAAA,kBAAA,aAAA,kBAAkB,KAAA,KAAA,CAAA,GAAA,KAAlB,CAAA,GAAA,kBAAA,CAAoB,KAAK,CAAA,CAAA;AAE9C,EAAA,OACE,KAAA,CAAA,aAAA;AAAA,IAACC,uBAAA;AAAA,IAAWC,kBAAA,CAAA,EAAA,EAAK,SAAS,CAAA;AAAA,IACxB,KAAA,CAAA,cAACC,yBAAa,EAAAD,kBAAA,CAAA,EAAA,GAAQ,EAAA,EAAM,kBAAkB,CAAI,CAAA;AAAA,IAClD,KAAA,CAAA,aAAA;AAAA,MAACE,oBAAA;AAAA,MAAO,EAAC,IAAM,EAAA,iBAAA,EAAmB,OAAQ,EAAA,cAAA,EAAe,UAAS,OAAO,EAAA;AAAA,MACvE,KAAA,CAAA,aAAA;AAAA,QAACC,iCAAA;AAAA,QAAiBH,kBAAA,CAAA,EAAA,GAAK,EAAA,eAAA,IAAqB,iBAAiB,CAAA;AAAA,QAC3D,KAAA,CAAA,cAACI,mBAAS,EAAA,EAAC,MAAK,KAAK,EAAA,YAAA,EAAa,mBAAiB,CAAA;AAAA,OAAI;AAAA,KACtC;AAAA,GACX,CAAA;AAGhB,CAAC,EAAA;AAED,qBAAA,CAAsB,WAAc,GAAA,uBAAA;;;;"}

package/dist/cjs/packages/components/src/FilterButton/subcomponents/FilterButtonBase/FilterButtonBase.js

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

package/dist/cjs/packages/components/src/FilterButton/subcomponents/FilterButtonBase/FilterButtonBase.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FilterButtonBase.js","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":["forwardRef","__rest","__assign","styles"],"mappings":";;;;;;;AASO,IAAM,gBAAmB,GAAAA,gBAAA,CAG9B,SAAC,EAAA,EAA+C,GAAG,EAAA;AAAhD,EAAA,IAAA,sBAAU,EAAA,iBAAA,yBAAsB,SAAlC,GAAAC,gBAAA,CAAA,EAAA,EAAA,CAAA,UAAA,EAAA,mBAAA,CAA6C,CAAA,CAAA;AAAU,EAAA,OACxD,MACE,aAAA,CAAA,QAAA,EAAAC,kBAAA,CAAA,EAAA,KACA,IAAK,EAAA,QAAA,EACL,SAAW,EAAA,UAAA,CAAWC,wBAAO,gBAAkB,EAAA,iBAAiB,GAC5D,EAAA,SAAS,GAEZ,QAAQ,CAAA,CAAA;AAEZ,CAAA,EAAA;AAED,gBAAA,CAAiB,WAAc,GAAA,kBAAA;;;;"}

package/dist/cjs/packages/components/src/FilterButton/subcomponents/FilterButtonBase/FilterButtonBase.module.scss.js

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

package/dist/cjs/packages/components/src/FilterButton/subcomponents/FilterButtonBase/FilterButtonBase.module.scss.js.map

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

package/dist/cjs/packages/components/src/FilterDatePicker/FilterDatePicker.js

@@ -0,0 +1,30 @@
+'use strict';
+
+var tslib_es6 = require('../../../../node_modules/tslib/tslib.es6.js');
+var React = require('react');
+var datePicker = require('@kaizen/date-picker');
+var Filter = require('../Filter/Filter.js');
+var FilterContents = require('../Filter/subcomponents/FilterContents/FilterContents.js');
+var FilterDatePickerField = require('./subcomponents/FilterDatePickerField/FilterDatePickerField.js');
+
+var 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_es6.__rest(_a, ["isOpen", "setIsOpen", "renderTrigger", "selectedDate", "label", "locale", "onDateSubmit"]);
+  return React.createElement(
+    Filter.Filter,
+    { isOpen, setIsOpen, renderTrigger: function(triggerProps) {
+      return renderTrigger(tslib_es6.__assign({ selectedValue: selectedDate ? datePicker.formatDateAsText(selectedDate, void 0, datePicker.getLocale(locale)) : void 0, label }, triggerProps));
+    } },
+    React.createElement(
+      FilterContents.FilterContents,
+      null,
+      React.createElement(FilterDatePickerField.FilterDatePickerField, tslib_es6.__assign({ locale, selectedDate, onDateSubmit: function(date) {
+        setIsOpen(false);
+        onDateSubmit === null || onDateSubmit === void 0 ? void 0 : onDateSubmit(date);
+      } }, restProps))
+    )
+  );
+};
+FilterDatePicker.displayName = "FilterDatePicker";
+
+exports.FilterDatePicker = FilterDatePicker;
+//# sourceMappingURL=FilterDatePicker.js.map

package/dist/cjs/packages/components/src/FilterDatePicker/FilterDatePicker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FilterDatePicker.js","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":["__rest","Filter","__assign","formatDateAsText","getLocale","FilterContents","FilterDatePickerField"],"mappings":";;;;;;;;;AAiBa,IAAA,gBAAA,GAAmB,SAAC,EAST,EAAA;AARtB,EAAA,IAAA,MAAM,GAAA,EAAA,CAAA,MACN,EAAA,SAAA,GAAS,GAAA,SACT,EAAA,aAAA,GAAa,EAAA,CAAA,aAAA,EACb,YAAY,GAAA,EAAA,CAAA,YACZ,EAAA,KAAA,GAAK,GAAA,KACL,EAAA,MAAA,GAAM,EAAA,CAAA,MAAA,EACN,8BACG,EAAA,SAAA,GAR4BA,iBAAA,EAAA,EAAA,CAAA,QAAA,EAAA,WAAA,EAAA,eAAA,EAAA,cAAA,EAAA,OAAA,EAAA,QAAA,EAAA,cAAA,CAShC,CAAA,CAAA;AAAyC,EAAA,OACxC,KAAA,CAAA,aAAA;AAAA,IAACC,aAAA;AAAA,IAAM,EACL,MAAA,EACA,SACA,EAAA,aAAA,EAAe,SAAC,YAAY,EAAA;AAC1B,MAAA,OAAA,cAAaC,kBAAA,CAAA,EACX,aAAe,EAAA,YAAA,GACXC,4BAAiB,YAAc,EAAA,KAAA,CAAA,EAAWC,oBAAU,CAAA,MAAM,CAAC,CAC3D,GAAA,KAAA,CAAA,EACJ,KAAK,EAAA,EACF,YAAY,CACf,CAAA,CAAA;AAAA,KAAA,EAAA;AAAA,IAGJ,KAAA,CAAA,aAAA;AAAA,MAACC,6BAAA;AAAA,MAAc,IAAA;AAAA,MACb,KAAA,CAAA,cAACC,2CAAqB,EAAAJ,kBAAA,CAAA,EACpB,MACA,EAAA,YAAA,EACA,YAAc,EAAA,SAAA,IAAI,EAAA;AAChB,QAAA,SAAA,CAAU,KAAK,CAAA,CAAA;AACf,QAAA,YAAA,SAAA,IAAA,YAAA,KAAY,KAAA,CAAA,GAAA,KAAA,CAAA,GAAZ,aAAe,IAAI,CAAA,CAAA;AAAA,OACrB,EACI,EAAA,SAAS,CAAA,CAAA;AAAA,KACb;AAAA,GACa,CAAA;;AAIrB,gBAAA,CAAiB,WAAc,GAAA,kBAAA;;;;"}