@kaizen/components 0.0.0-canary-bundler--fix-style-inject-20240522033251 → 0.0.0-canary-bundler--local-style-inject-20240522043016

package/dist/esm/FieldGroup/FieldGroup.module.scss.mjs

@@ -0,0 +1,30 @@
+var css_248z = ".FieldGroup-module_group__74Z9M{margin-bottom:var(--spacing-6,.375rem)}.FieldGroup-module_inline__K7D9L{display:inline;margin-bottom:0}";
+var styles = {
+  "group": "FieldGroup-module_group__74Z9M",
+  "inline": "FieldGroup-module_inline__K7D9L"
+};
+// Forked from https://github.com/egoist/style-inject
+function styleInject(css, {
+  insertAt
+} = {}) {
+  if (typeof document === "undefined") return;
+  const head = document.head || document.getElementsByTagName("head")[0];
+  const style = document.createElement("style");
+  style.type = "text/css";
+  if (insertAt === "top") {
+    if (head.firstChild) {
+      head.insertBefore(style, head.firstChild);
+    } else {
+      head.appendChild(style);
+    }
+  } else {
+    head.appendChild(style);
+  }
+  if (style.styleSheet) {
+    style.styleSheet.cssText = css;
+  } else {
+    style.appendChild(document.createTextNode(css));
+  }
+}
+/*#__PURE__*/styleInject(css_248z);
+export { styles as default, styleInject };

package/dist/esm/FieldMessage/FieldMessage.mjs

@@ -0,0 +1,44 @@
+import { __rest, __assign } from 'tslib';
+import React from 'react';
+import classnames from 'classnames';
+import '../Icon/subcomponents/SVG/SVG.mjs';
+import { CautionWhiteIcon } from '../Icon/CautionWhiteIcon.mjs';
+import { ExclamationWhiteIcon } from '../Icon/ExclamationWhiteIcon.mjs';
+import { Text } from '../Text/Text.mjs';
+import styles from './FieldMessage.module.scss.mjs';
+const FieldMessage = /*#__PURE__*/function () {
+  const FieldMessage = function (_a) {
+    var message = _a.message,
+      _b = _a.status,
+      status = _b === void 0 ? "default" : _b,
+      _c = _a.position,
+      position = _c === void 0 ? "bottom" : _c,
+      _d = _a.reversed,
+      reversed = _d === void 0 ? false : _d,
+      classNameOverride = _a.classNameOverride,
+      restProps = __rest(_a, ["message", "status", "position", "reversed", "classNameOverride"]);
+    var textColor = status === "default" || status === "success" ? reversed ? "white-reduced-opacity" : "dark-reduced-opacity" : "dark";
+    return /*#__PURE__*/React.createElement("div", __assign({
+      className: classnames(styles.message, styles[status], classNameOverride, reversed && styles.reversed, position === "bottom" && styles.positionBottom, position === "top" && styles.positionTop)
+    }, restProps), (status === "error" || status === "caution") && ( /*#__PURE__*/React.createElement("span", {
+      className: styles.warningIcon
+    }, status === "error" ? ( /*#__PURE__*/React.createElement(ExclamationWhiteIcon, {
+      role: "img",
+      inheritSize: false,
+      "aria-label": "".concat(status, " message")
+    })) : ( /*#__PURE__*/React.createElement(CautionWhiteIcon, {
+      role: "img",
+      inheritSize: false,
+      "aria-label": "".concat(status, " message")
+    })))), /*#__PURE__*/React.createElement("div", {
+      className: styles.message
+    }, /*#__PURE__*/React.createElement(Text, {
+      variant: "small",
+      tag: typeof message === "string" ? "p" : "div",
+      color: textColor
+    }, message)));
+  };
+  FieldMessage.displayName = "FieldMessage";
+  return FieldMessage;
+}();
+export { FieldMessage };

package/dist/esm/FieldMessage/FieldMessage.module.scss.mjs

@@ -0,0 +1,36 @@
+var css_248z = ".FieldMessage-module_message__bKbYp{align-items:center;display:flex;gap:var(--spacing-6,.375rem);position:relative}.FieldMessage-module_default__tpp8j{color:rgba(var(--color-purple-800-rgb,47,36,56),.7)}.FieldMessage-module_default__tpp8j.FieldMessage-module_reversed__FCi8c{color:rgba(var(--color-white-rgb,255,255,255),.8)}.FieldMessage-module_caution__EPqo4,.FieldMessage-module_error__OxUCB{border-radius:var(--border-solid-border-radius,7px);color:var(--color-purple-800,#2f2438);padding:.5625rem}.FieldMessage-module_error__OxUCB{background:var(--color-red-100,#fdeaee);opacity:100%}.FieldMessage-module_error__OxUCB.FieldMessage-module_reversed__FCi8c{background:var(--color-red-300,#f597a8)}.FieldMessage-module_caution__EPqo4{background:var(--color-yellow-100,#fff9e4);opacity:100%}.FieldMessage-module_caution__EPqo4.FieldMessage-module_reversed__FCi8c{background:var(--color-yellow-400,#ffca4d)}.FieldMessage-module_positionBottom__rLWzS{margin-top:var(--spacing-6,.375rem)}.FieldMessage-module_positionTop__8Hjpb{margin-bottom:var(--spacing-6,.375rem)}.FieldMessage-module_warningIcon__0y1jx{align-self:flex-start;display:inline-flex;width:1.25rem}.FieldMessage-module_error__OxUCB .FieldMessage-module_warningIcon__0y1jx{color:var(--color-red-500,#c93b55)}.FieldMessage-module_caution__EPqo4 .FieldMessage-module_warningIcon__0y1jx{color:var(--color-yellow-500,#ffb600)}.FieldMessage-module_reversed__FCi8c .FieldMessage-module_warningIcon__0y1jx{color:var(--color-purple-800,#2f2438)}";
+var styles = {
+  "message": "FieldMessage-module_message__bKbYp",
+  "default": "FieldMessage-module_default__tpp8j",
+  "reversed": "FieldMessage-module_reversed__FCi8c",
+  "error": "FieldMessage-module_error__OxUCB",
+  "caution": "FieldMessage-module_caution__EPqo4",
+  "positionBottom": "FieldMessage-module_positionBottom__rLWzS",
+  "positionTop": "FieldMessage-module_positionTop__8Hjpb",
+  "warningIcon": "FieldMessage-module_warningIcon__0y1jx"
+};
+// Forked from https://github.com/egoist/style-inject
+function styleInject(css, {
+  insertAt
+} = {}) {
+  if (typeof document === "undefined") return;
+  const head = document.head || document.getElementsByTagName("head")[0];
+  const style = document.createElement("style");
+  style.type = "text/css";
+  if (insertAt === "top") {
+    if (head.firstChild) {
+      head.insertBefore(style, head.firstChild);
+    } else {
+      head.appendChild(style);
+    }
+  } else {
+    head.appendChild(style);
+  }
+  if (style.styleSheet) {
+    style.styleSheet.cssText = css;
+  } else {
+    style.appendChild(document.createTextNode(css));
+  }
+}
+/*#__PURE__*/styleInject(css_248z);
+export { styles as default, styleInject };

package/dist/esm/Filter/Filter/Filter.mjs

@@ -0,0 +1,58 @@
+import { __rest, __assign } from 'tslib';
+import React, { useId, useState, useRef, useEffect } from 'react';
+import { FocusOn } from 'react-focus-on';
+import { FilterPopover } from './subcomponents/FilterPopover/FilterPopover.mjs';
+const Filter = /*#__PURE__*/function () {
+  const Filter = function (_a) {
+    var _b, _c, _d, _e, _f;
+    var children = _a.children,
+      isOpen = _a.isOpen,
+      setIsOpen = _a.setIsOpen,
+      renderTrigger = _a.renderTrigger,
+      classNameOverride = _a.classNameOverride,
+      onMount = _a.onMount,
+      restProps = __rest(_a, ["children", "isOpen", "setIsOpen", "renderTrigger", "classNameOverride", "onMount"]);
+    var triggerId = useId();
+    var _g = useState(false),
+      isRefLoaded = _g[0],
+      setIsRefLoaded = _g[1];
+    var trigger = renderTrigger({
+      id: triggerId,
+      onClick: function () {
+        return setIsOpen(!isOpen);
+      },
+      isOpen: isOpen
+    });
+    var inbuiltButtonRef = useRef(null);
+    var inbuiltRef = useRef({
+      triggerRef: inbuiltButtonRef
+    });
+    var filterButtonRef = (_b = trigger.ref) !== null && _b !== void 0 ? _b : inbuiltRef;
+    useEffect(function () {
+      var _a, _b;
+      if ((_b = (_a = filterButtonRef.current) === null || _a === void 0 ? void 0 : _a.triggerRef) === null || _b === void 0 ? void 0 : _b.current) {
+        setIsRefLoaded(true);
+        onMount === null || onMount === void 0 ? void 0 : onMount(filterButtonRef.current.triggerRef);
+      }
+    }, [(_d = (_c = filterButtonRef.current) === null || _c === void 0 ? void 0 : _c.triggerRef) === null || _d === void 0 ? void 0 : _d.current, onMount]);
+    return /*#__PURE__*/React.createElement("div", __assign({
+      className: classNameOverride
+    }, restProps), /*#__PURE__*/React.cloneElement(trigger, {
+      ref: filterButtonRef
+    }), isRefLoaded && isOpen && ( /*#__PURE__*/React.createElement(FocusOn, {
+      scrollLock: false,
+      onClickOutside: function () {
+        return setIsOpen(false);
+      },
+      onEscapeKey: function () {
+        return setIsOpen(false);
+      }
+    }, /*#__PURE__*/React.createElement(FilterPopover, {
+      referenceElement: ((_f = (_e = filterButtonRef.current) === null || _e === void 0 ? void 0 : _e.triggerRef) === null || _f === void 0 ? void 0 : _f.current) || null,
+      "aria-labelledby": trigger.props.id
+    }, children))));
+  };
+  Filter.displayName = "Filter";
+  return Filter;
+}();
+export { Filter };

package/dist/esm/Filter/Filter/subcomponents/FilterContents/FilterContents.mjs

@@ -0,0 +1,17 @@
+import { __rest, __assign } from 'tslib';
+import React from 'react';
+import classnames from 'classnames';
+import styles from './FilterContents.module.scss.mjs';
+const FilterContents = /*#__PURE__*/function () {
+  const FilterContents = function (_a) {
+    var children = _a.children,
+      classNameOverride = _a.classNameOverride,
+      restProps = __rest(_a, ["children", "classNameOverride"]);
+    return /*#__PURE__*/React.createElement("div", __assign({
+      className: classnames(styles.filterContents, classNameOverride)
+    }, restProps), children);
+  };
+  FilterContents.displayName = "FilterContents";
+  return FilterContents;
+}();
+export { FilterContents };

package/dist/esm/Filter/Filter/subcomponents/FilterContents/FilterContents.module.scss.mjs

@@ -0,0 +1,29 @@
+var css_248z = ".FilterContents-module_filterContents__tQWu8{padding:var(--spacing-md,1.5rem)}";
+var styles = {
+  "filterContents": "FilterContents-module_filterContents__tQWu8"
+};
+// Forked from https://github.com/egoist/style-inject
+function styleInject(css, {
+  insertAt
+} = {}) {
+  if (typeof document === "undefined") return;
+  const head = document.head || document.getElementsByTagName("head")[0];
+  const style = document.createElement("style");
+  style.type = "text/css";
+  if (insertAt === "top") {
+    if (head.firstChild) {
+      head.insertBefore(style, head.firstChild);
+    } else {
+      head.appendChild(style);
+    }
+  } else {
+    head.appendChild(style);
+  }
+  if (style.styleSheet) {
+    style.styleSheet.cssText = css;
+  } else {
+    style.appendChild(document.createTextNode(css));
+  }
+}
+/*#__PURE__*/styleInject(css_248z);
+export { styles as default, styleInject };

package/dist/esm/Filter/Filter/subcomponents/FilterPopover/FilterPopover.mjs

@@ -0,0 +1,39 @@
+import { __rest, __assign } from 'tslib';
+import React, { useState } from 'react';
+import classnames from 'classnames';
+import { usePopper } from 'react-popper';
+import styles from './FilterPopover.module.scss.mjs';
+const FilterPopover = /*#__PURE__*/function () {
+  const FilterPopover = function (_a) {
+    var children = _a.children,
+      referenceElement = _a.referenceElement,
+      popperOptions = _a.popperOptions,
+      classNameOverride = _a.classNameOverride,
+      restProps = __rest(_a, ["children", "referenceElement", "popperOptions", "classNameOverride"]);
+    var _b = useState(null),
+      popperElement = _b[0],
+      setPopperElement = _b[1];
+    var _c = usePopper(referenceElement, popperElement, __assign({
+        modifiers: [{
+          name: "offset",
+          options: {
+            offset: [0, 15]
+          }
+        }],
+        placement: "bottom-start"
+      }, popperOptions)),
+      popperStyles = _c.styles,
+      popperAttributes = _c.attributes;
+    return /*#__PURE__*/React.createElement("div", __assign({
+      ref: setPopperElement,
+      style: popperStyles === null || popperStyles === void 0 ? void 0 : popperStyles.popper
+    }, popperAttributes === null || popperAttributes === void 0 ? void 0 : popperAttributes.popper, {
+      className: classnames(styles.filterPopover, classNameOverride),
+      role: "dialog",
+      "aria-modal": "true"
+    }, restProps), children);
+  };
+  FilterPopover.displayName = "FilterPopover";
+  return FilterPopover;
+}();
+export { FilterPopover };

package/dist/esm/Filter/Filter/subcomponents/FilterPopover/FilterPopover.module.scss.mjs

@@ -0,0 +1,29 @@
+var css_248z = ".FilterPopover-module_filterPopover__eVkH6{background-color:var(--color-white,#fff);border-radius:var(--border-borderless-border-radius,7px);box-shadow:var(--shadow-large-box-shadow,0 3px 9px 0 rgba(0,0,0,.1),0 8px 40px 0 rgba(0,0,0,.08));display:inline-flex;z-index:1010}";
+var styles = {
+  "filterPopover": "FilterPopover-module_filterPopover__eVkH6"
+};
+// Forked from https://github.com/egoist/style-inject
+function styleInject(css, {
+  insertAt
+} = {}) {
+  if (typeof document === "undefined") return;
+  const head = document.head || document.getElementsByTagName("head")[0];
+  const style = document.createElement("style");
+  style.type = "text/css";
+  if (insertAt === "top") {
+    if (head.firstChild) {
+      head.insertBefore(style, head.firstChild);
+    } else {
+      head.appendChild(style);
+    }
+  } else {
+    head.appendChild(style);
+  }
+  if (style.styleSheet) {
+    style.styleSheet.cssText = css;
+  } else {
+    style.appendChild(document.createTextNode(css));
+  }
+}
+/*#__PURE__*/styleInject(css_248z);
+export { styles as default, styleInject };

package/dist/esm/Filter/FilterBar/FilterBar.mjs

@@ -0,0 +1,46 @@
+import { __rest, __assign } from 'tslib';
+import React from 'react';
+import classnames from 'classnames';
+import { FilterBarProvider } from './context/FilterBarContext.mjs';
+import { FilterBarDatePicker } from './subcomponents/FilterBarDatePicker/FilterBarDatePicker.mjs';
+import { FilterBarDateRangePicker } from './subcomponents/FilterBarDateRangePicker/FilterBarDateRangePicker.mjs';
+import { FilterBarMultiSelect } from './subcomponents/FilterBarMultiSelect/FilterBarMultiSelect.mjs';
+import { FilterBarSelect } from './subcomponents/FilterBarSelect/FilterBarSelect.mjs';
+import { AddFiltersMenu } from './subcomponents/AddFiltersMenu/AddFiltersMenu.mjs';
+import { ClearAllButton } from './subcomponents/ClearAllButton/ClearAllButton.mjs';
+import styles from './FilterBar.module.scss.mjs';
+const FilterBar = /*#__PURE__*/function () {
+  const FilterBar = function (_a) {
+    var filters = _a.filters,
+      classNameOverride = _a.classNameOverride,
+      providerProps = __rest(_a, ["filters", "classNameOverride"]);
+    return /*#__PURE__*/React.createElement(FilterBarProvider, __assign({
+      filters: filters
+    }, providerProps), function (activeFilters) {
+      return /*#__PURE__*/React.createElement("div", {
+        className: classnames(styles.filterBar, classNameOverride)
+      }, /*#__PURE__*/React.createElement("div", {
+        className: styles.filtersContainer
+      }, Object.values(activeFilters).map(function (_a) {
+        var id = _a.id,
+          Component = _a.Component;
+        return (
+          /*#__PURE__*/
+          // `id` will always be `string`, but keyof ValuesMap transformed it
+          React.createElement(React.Fragment, {
+            key: id
+          }, /*#__PURE__*/React.cloneElement(Component, {
+            id: id
+          }))
+        );
+      }), /*#__PURE__*/React.createElement(AddFiltersMenu, null)), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(ClearAllButton, null)));
+    });
+  };
+  FilterBar.displayName = "FilterBar";
+  FilterBar.DatePicker = FilterBarDatePicker;
+  FilterBar.DateRangePicker = FilterBarDateRangePicker;
+  FilterBar.MultiSelect = FilterBarMultiSelect;
+  FilterBar.Select = FilterBarSelect;
+  return FilterBar;
+}();
+export { FilterBar };

package/dist/esm/Filter/FilterBar/FilterBar.module.scss.mjs

@@ -0,0 +1,30 @@
+var css_248z = ".FilterBar-module_filterBar__ZhQLn{background-color:var(--color-white,#fff);border-radius:var(--border-solid-border-radius,7px);box-shadow:var(--shadow-small-box-shadow,0 1px 3px 0 rgba(0,0,0,.1),0 3px 16px 0 rgba(0,0,0,.06));display:flex;padding:var(--spacing-8,.5rem)}.FilterBar-module_filtersContainer__v6OJn{display:flex;flex-grow:1;flex-wrap:wrap;gap:var(--spacing-8,.5rem)}";
+var styles = {
+  "filterBar": "FilterBar-module_filterBar__ZhQLn",
+  "filtersContainer": "FilterBar-module_filtersContainer__v6OJn"
+};
+// Forked from https://github.com/egoist/style-inject
+function styleInject(css, {
+  insertAt
+} = {}) {
+  if (typeof document === "undefined") return;
+  const head = document.head || document.getElementsByTagName("head")[0];
+  const style = document.createElement("style");
+  style.type = "text/css";
+  if (insertAt === "top") {
+    if (head.firstChild) {
+      head.insertBefore(style, head.firstChild);
+    } else {
+      head.appendChild(style);
+    }
+  } else {
+    head.appendChild(style);
+  }
+  if (style.styleSheet) {
+    style.styleSheet.cssText = css;
+  } else {
+    style.appendChild(document.createTextNode(css));
+  }
+}
+/*#__PURE__*/styleInject(css_248z);
+export { styles as default, styleInject };

package/dist/esm/Filter/FilterBar/context/FilterBarContext.mjs

@@ -0,0 +1,125 @@
+import { __assign } from 'tslib';
+import React, { useContext, useMemo, useReducer, useEffect } from 'react';
+import { filterBarStateReducer } from './reducer/filterBarStateReducer.mjs';
+import { setupFilterBarState } from './reducer/setupFilterBarState.mjs';
+import { checkShouldUpdateValues } from './utils/checkShouldUpdateValues.mjs';
+import { getInactiveFilters } from './utils/getInactiveFilters.mjs';
+import { getMappedFilters } from './utils/getMappedFilters.mjs';
+import { getValidValue } from './utils/getValidValue.mjs';
+var FilterBarContext = /*#__PURE__*/React.createContext(null);
+var useFilterBarContext = function () {
+  var context = useContext(FilterBarContext);
+  if (!context) {
+    throw new Error("useFilterBarContext must be used within the FilterBarContext.Provider");
+  }
+  return context;
+};
+var FilterBarProvider = function (_a) {
+  var children = _a.children,
+    filters = _a.filters,
+    values = _a.values,
+    onValuesChange = _a.onValuesChange;
+  var mappedFilters = useMemo(function () {
+    return getMappedFilters(filters);
+  }, [filters]);
+  var _b = useReducer(filterBarStateReducer, setupFilterBarState(filters, values)),
+    state = _b[0],
+    dispatch = _b[1];
+  var value = {
+    getFilterState: function (id) {
+      return __assign(__assign({}, state.filters[id]), {
+        isActive: state.activeFilterIds.has(id),
+        value: values[id]
+      });
+    },
+    getActiveFilterValues: function () {
+      return values;
+    },
+    toggleOpenFilter: function (id, isOpen) {
+      dispatch({
+        type: "update_single_filter",
+        id: id,
+        data: {
+          isOpen: isOpen
+        }
+      });
+    },
+    setFilterOpenState: function (id, isOpen) {
+      dispatch({
+        type: "update_single_filter",
+        id: id,
+        data: {
+          isOpen: isOpen
+        }
+      });
+    },
+    openFilter: function (id) {
+      dispatch({
+        type: "update_single_filter",
+        id: id,
+        data: {
+          isOpen: true
+        }
+      });
+    },
+    updateValue: function (id, newValue) {
+      var _a;
+      dispatch({
+        type: "update_values",
+        values: __assign(__assign({}, values), (_a = {}, _a[id] = getValidValue(newValue), _a))
+      });
+    },
+    showFilter: function (id) {
+      return dispatch({
+        type: "activate_filter",
+        id: id
+      });
+    },
+    hideFilter: function (id) {
+      dispatch({
+        type: "deactivate_filter",
+        id: id
+      });
+    },
+    getInactiveFilters: function () {
+      return getInactiveFilters(state);
+    },
+    clearAllFilters: function () {
+      state.activeFilterIds.forEach(function (id) {
+        if (mappedFilters[id].isRemovable) dispatch({
+          type: "deactivate_filter",
+          id: id
+        });
+      });
+      dispatch({
+        type: "update_values",
+        values: {}
+      });
+    }
+  };
+  useEffect(function () {
+    var shouldUpdate = checkShouldUpdateValues(state, values);
+    if (shouldUpdate) dispatch({
+      type: "update_values",
+      values: __assign({}, values)
+    });
+  }, [values]);
+  useEffect(function () {
+    if (state.hasUpdatedValues) {
+      onValuesChange(__assign({}, state.values));
+      dispatch({
+        type: "complete_update_values"
+      });
+    }
+  }, [state]);
+  var activeFilters = Array.from(state.activeFilterIds, function (id) {
+    return mappedFilters[id];
+  });
+  return /*#__PURE__*/React.createElement(FilterBarContext.Provider
+  // @note: Context object cannot be generic, thus the type-casting to a looser type
+  , {
+    // @note: Context object cannot be generic, thus the type-casting to a looser type
+    value: value
+  }, children(activeFilters));
+};
+export { FilterBarProvider, useFilterBarContext };

package/dist/esm/Filter/FilterBar/context/reducer/filterBarStateReducer.mjs

@@ -0,0 +1,28 @@
+import { __assign } from 'tslib';
+import { updateDependentFilters } from '../utils/updateDependentFilters.mjs';
+import { updateSingleFilter } from './updateSingleFilter.mjs';
+import { updateValues } from './updateValues.mjs';
+var filterBarStateReducer = function (state, action) {
+  switch (action.type) {
+    case "update_values":
+      return __assign({}, updateValues(state, action.values));
+    case "complete_update_values":
+      return __assign(__assign({}, state), {
+        hasUpdatedValues: false
+      });
+    case "update_single_filter":
+      return __assign(__assign({}, state), {
+        filters: updateSingleFilter(state, action.id, action.data)
+      });
+    case "activate_filter":
+      state.activeFilterIds.add(action.id);
+      return __assign({}, updateDependentFilters(state));
+    case "deactivate_filter":
+      state.activeFilterIds.delete(action.id);
+      state.values[action.id] = undefined;
+      return __assign(__assign({}, updateDependentFilters(state)), {
+        hasUpdatedValues: true
+      });
+  }
+};
+export { filterBarStateReducer };

package/dist/esm/Filter/FilterBar/context/reducer/setupFilterBarState.mjs

@@ -0,0 +1,33 @@
+import { updateDependentFilters } from '../utils/updateDependentFilters.mjs';
+var setupFilterBarState = function (filters, values) {
+  var state = filters.reduce(function (baseState, _a) {
+    var id = _a.id,
+      name = _a.name,
+      isRemovable = _a.isRemovable,
+      isUsableWhen = _a.isUsableWhen;
+    var hasDependency = isUsableWhen !== undefined;
+    baseState.filters[id] = {
+      id: id,
+      name: name,
+      isRemovable: isRemovable !== null && isRemovable !== void 0 ? isRemovable : false,
+      isUsableWhen: isUsableWhen,
+      isOpen: false,
+      isUsable: true
+    };
+    if (hasDependency) {
+      baseState.dependentFilterIds.add(id);
+    }
+    if (!isRemovable || values[id] !== undefined) {
+      baseState.activeFilterIds.add(id);
+    }
+    return baseState;
+  }, {
+    filters: {},
+    activeFilterIds: new Set(),
+    values: values,
+    dependentFilterIds: new Set(),
+    hasUpdatedValues: false
+  });
+  return updateDependentFilters(state);
+};
+export { setupFilterBarState };

package/dist/esm/Filter/FilterBar/context/reducer/updateSingleFilter.mjs

@@ -0,0 +1,6 @@
+import { __assign } from 'tslib';
+var updateSingleFilter = function (state, id, data) {
+  var _a;
+  return __assign(__assign({}, state.filters), (_a = {}, _a[id] = __assign(__assign({}, state.filters[id]), data), _a));
+};
+export { updateSingleFilter };

package/dist/esm/Filter/FilterBar/context/reducer/updateValues.mjs

@@ -0,0 +1,17 @@
+import { __assign } from 'tslib';
+import { updateDependentFilters } from '../utils/updateDependentFilters.mjs';
+var updateValues = function (state, values) {
+  Object.values(state.filters).forEach(function (_a) {
+    var id = _a.id,
+      isRemovable = _a.isRemovable,
+      isUsable = _a.isUsable;
+    if (isUsable && (!isRemovable || values[id] !== undefined)) {
+      state.activeFilterIds.add(id);
+    }
+  });
+  return updateDependentFilters(__assign(__assign({}, state), {
+    hasUpdatedValues: true,
+    values: values
+  }));
+};
+export { updateValues };

package/dist/esm/Filter/FilterBar/context/utils/checkShouldUpdateValues.mjs

@@ -0,0 +1,18 @@
+var checkArraysMatch = function (a1, a2) {
+  if (a1.length !== a2.length) return false;
+  return a1.every(function (v, i) {
+    return v === a2[i];
+  });
+};
+var checkShouldUpdateValues = function (state, values) {
+  return Object.values(state.filters).some(function (_a) {
+    var id = _a.id;
+    var stateValue = state.values[id];
+    var value = values[id];
+    if (Array.isArray(stateValue) && Array.isArray(value)) {
+      return !checkArraysMatch(stateValue, value);
+    }
+    return stateValue !== value;
+  });
+};
+export { checkShouldUpdateValues };

package/dist/esm/Filter/FilterBar/context/utils/getInactiveFilters.mjs

@@ -0,0 +1,10 @@
+var getInactiveFilters = function (_a) {
+  var filters = _a.filters,
+    activeFilterIds = _a.activeFilterIds;
+  return Object.values(filters).filter(function (_a) {
+    var id = _a.id,
+      isUsable = _a.isUsable;
+    return isUsable && !activeFilterIds.has(id);
+  });
+};
+export { getInactiveFilters };

package/dist/esm/Filter/FilterBar/context/utils/getIsUsableWhenArgs.mjs

@@ -0,0 +1,17 @@
+var getIsUsableWhenArgs = function (_a) {
+  var filters = _a.filters,
+    activeFilterIds = _a.activeFilterIds,
+    values = _a.values;
+  return Object.values(filters).reduce(function (acc, _a) {
+    var id = _a.id,
+      name = _a.name;
+    acc[id] = {
+      id: id,
+      name: name,
+      isActive: activeFilterIds.has(id),
+      value: values[id]
+    };
+    return acc;
+  }, {});
+};
+export { getIsUsableWhenArgs };

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

@@ -0,0 +1,8 @@
+import { __assign } from 'tslib';
+var getMappedFilters = function (filters) {
+  return filters.reduce(function (acc, filter) {
+    var _a;
+    return __assign(__assign({}, acc), (_a = {}, _a[filter.id] = filter, _a));
+  }, {});
+};
+export { getMappedFilters };

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

@@ -0,0 +1,6 @@
+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 };