@kaizen/components 0.0.0-canary-rollup-20240408071509 → 0.0.0-canary-rollup--tree-shake-20240408080317

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

@@ -6,70 +6,120 @@ 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 = React.createContext(null);
+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 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" });
+  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
         }
-    }, [state]);
-    var activeFilters = Array.from(state.activeFilterIds, function (id) { return mappedFilters[id]; });
-    return (React.createElement(FilterBarContext.Provider
+      });
+    },
+    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
-    , { 
-        // @note: Context object cannot be generic, thus the type-casting to a looser type
-        value: value }, children(activeFilters)));
+    value: value
+  }, children(activeFilters));
 };
-
 export { FilterBarProvider, useFilterBarContext };

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

@@ -2,23 +2,27 @@ 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 });
-    }
+  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

@@ -1,32 +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);
+  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

@@ -1,8 +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)));
+  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

@@ -1,14 +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 }));
+  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

@@ -1,18 +1,18 @@
 var checkArraysMatch = function (a1, a2) {
-    if (a1.length !== a2.length)
-        return false;
-    return a1.every(function (v, i) { return v === a2[i]; });
+  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;
-    });
+  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

@@ -1,9 +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);
-    });
+  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

@@ -1,15 +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;
-    }, {});
+  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

@@ -1,10 +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)));
-    }, {});
+  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

@@ -1,9 +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;
+  if (typeof value === "object" && JSON.stringify(value) === "{}") return undefined;
+  if (Array.isArray(value) && value.length === 0) return undefined;
+  return value;
 };
-
 export { getValidValue };

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

@@ -1,30 +1,25 @@
 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;
+  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 };

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

@@ -10,16 +10,34 @@ import { MenuItem } from '../../../../Menu/subcomponents/MenuItem/MenuItem.mjs';
 import { MenuList } from '../../../../Menu/subcomponents/MenuList/MenuList.mjs';
 import '../../../../Menu/subcomponents/StatelessMenu/StatelessMenu.mjs';
 import { useFilterBarContext } from '../../context/FilterBarContext.mjs';
-
-var AddFiltersMenu = function () {
-    var _a = useFilterBarContext(), getInactiveFilters = _a.getInactiveFilters, showFilter = _a.showFilter;
+const AddFiltersMenu = /*#__PURE__*/function () {
+  const AddFiltersMenu = function () {
+    var _a = useFilterBarContext(),
+      getInactiveFilters = _a.getInactiveFilters,
+      showFilter = _a.showFilter;
     var inactiveFilters = getInactiveFilters();
-    return (React.createElement(Menu, { button: React.createElement(Button, { label: "Add Filters", secondary: true, disabled: inactiveFilters.length === 0, icon: React.createElement(AddIcon, { role: "presentation" }) }) },
-        React.createElement(MenuList, null, inactiveFilters.map(function (_a) {
-            var id = _a.id, name = _a.name;
-            return (React.createElement(MenuItem, { key: id, label: name, onClick: function () { return showFilter(id); } }));
-        }))));
-};
-AddFiltersMenu.displayName = "FilterBar.AddFiltersMenu";
-
+    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 };

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

@@ -3,11 +3,18 @@ import { Button } from '../../../../Button/Button/Button.mjs';
 import '../../../../Button/IconButton/IconButton.mjs';
 import { useFilterBarContext } from '../../context/FilterBarContext.mjs';
 import styles from './ClearAllButton.module.scss.mjs';
-
-var ClearAllButton = function () {
+const ClearAllButton = /*#__PURE__*/function () {
+  const ClearAllButton = function () {
     var clearAllFilters = useFilterBarContext().clearAllFilters;
-    return (React.createElement(Button, { label: "Clear all", "aria-label": "Clear all filters", classNameOverride: styles.clearAllButton, secondary: true, onClick: clearAllFilters }));
-};
-ClearAllButton.displayName = "FilterBar.ClearAllButton";
-
+    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 };

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

@@ -1,3 +1,4 @@
-var styles = {"clearAllButton":"ClearAllButton-module_clearAllButton__XNkm2"};
-
+var styles = {
+  "clearAllButton": "ClearAllButton-module_clearAllButton__XNkm2"
+};
 export { styles as default };

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

@@ -3,12 +3,26 @@ 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';
-
-var FilterBarButton = forwardRef(function (_a, ref) {
-    var filterId = _a.filterId, _b = _a.isRemovable, isRemovable = _b === void 0 ? false : _b, props = __rest(_a, ["filterId", "isRemovable"]);
+const FilterBarButton = /*#__PURE__*/function () {
+  const FilterBarButton = /*#__PURE__*/forwardRef(function (_a, ref) {
+    var filterId = _a.filterId,
+      _b = _a.isRemovable,
+      isRemovable = _b === void 0 ? false : _b,
+      props = __rest(_a, ["filterId", "isRemovable"]);
     var hideFilter = useFilterBarContext().hideFilter;
-    return isRemovable ? (React.createElement(FilterButtonRemovable, { ref: ref, triggerButtonProps: props, removeButtonProps: { onClick: function () { return hideFilter(filterId); } } })) : (React.createElement(FilterButton, __assign({ ref: ref }, props)));
-});
-FilterBarButton.displayName = "FilterBar.Button";
-
+    return isRemovable ? ( /*#__PURE__*/React.createElement(FilterButtonRemovable, {
+      ref: ref,
+      triggerButtonProps: props,
+      removeButtonProps: {
+        onClick: function () {
+          return hideFilter(filterId);
+        }
+      }
+    })) : ( /*#__PURE__*/React.createElement(FilterButton, __assign({
+      ref: ref
+    }, props)));
+  });
+  FilterBarButton.displayName = "FilterBar.Button";
+  return FilterBarButton;
+}();
 export { FilterBarButton };