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

package/dist/cjs/Filter/FilterMultiSelect/subcomponents/MenuPopup/MenuPopup.cjs

@@ -7,37 +7,50 @@ var overlays = require('@react-aria/overlays');
 var MenuTriggerProvider = require('../../context/MenuTriggerProvider/MenuTriggerProvider.cjs');
 require('../../context/SelectionProvider/SelectionProvider.cjs');
 var MenuPopup_module = require('./MenuPopup.module.scss.cjs');
-
-function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
-
+function _interopDefault(e) {
+  return e && e.__esModule ? e : {
+    default: e
+  };
+}
 var React__default = /*#__PURE__*/_interopDefault(React);
-
 var MenuPopup = function (_a) {
-    var isLoading = _a.isLoading, loadingSkeleton = _a.loadingSkeleton, children = _a.children;
-    var menuTriggerState = MenuTriggerProvider.useMenuTriggerContext().menuTriggerState;
-    var onClose = function () { return menuTriggerState.close(); };
-    // Handle events that should cause the menu to close,
-    // e.g. blur, clicking outside, or pressing the escape key.
-    var overlayRef = React__default.default.createRef();
-    var overlayProps = overlays.useOverlay({
-        onClose: onClose,
-        isOpen: menuTriggerState.isOpen,
-        isDismissable: true,
-    }, overlayRef).overlayProps;
-    // Wrap in <FocusScope> so that focus is restored back to the trigger when the menu is closed
-    // and auto focus on the first focusable item after loading. (disable eslint no-autofocus error for it)
-    // In addition, add hidden <DismissButton> components at the start and end of the list
-    // to allow screen reader users to dismiss the popup easily.
-    return menuTriggerState.isOpen ? (React__default.default.createElement("div", tslib.__assign({}, overlayProps, { ref: overlayRef, className: MenuPopup_module.menuPopup }), isLoading && loadingSkeleton ? (React__default.default.createElement(React__default.default.Fragment, null,
-        React__default.default.createElement(overlays.DismissButton, { onDismiss: onClose }),
-        loadingSkeleton,
-        React__default.default.createElement(overlays.DismissButton, { onDismiss: onClose }))) : (
-    // eslint-disable-next-line jsx-a11y/no-autofocus
-    React__default.default.createElement(focus.FocusScope, { contain: true, autoFocus: true, restoreFocus: true },
-        React__default.default.createElement(overlays.DismissButton, { onDismiss: onClose }),
-        children,
-        React__default.default.createElement(overlays.DismissButton, { onDismiss: onClose }))))) : (React__default.default.createElement(React__default.default.Fragment, null));
+  var isLoading = _a.isLoading,
+    loadingSkeleton = _a.loadingSkeleton,
+    children = _a.children;
+  var menuTriggerState = MenuTriggerProvider.useMenuTriggerContext().menuTriggerState;
+  var onClose = function () {
+    return menuTriggerState.close();
+  };
+  // Handle events that should cause the menu to close,
+  // e.g. blur, clicking outside, or pressing the escape key.
+  var overlayRef = React__default.default.createRef();
+  var overlayProps = overlays.useOverlay({
+    onClose: onClose,
+    isOpen: menuTriggerState.isOpen,
+    isDismissable: true
+  }, overlayRef).overlayProps;
+  // Wrap in <FocusScope> so that focus is restored back to the trigger when the menu is closed
+  // and auto focus on the first focusable item after loading. (disable eslint no-autofocus error for it)
+  // In addition, add hidden <DismissButton> components at the start and end of the list
+  // to allow screen reader users to dismiss the popup easily.
+  return menuTriggerState.isOpen ? React__default.default.createElement("div", tslib.__assign({}, overlayProps, {
+    ref: overlayRef,
+    className: MenuPopup_module.menuPopup
+  }), isLoading && loadingSkeleton ? React__default.default.createElement(React__default.default.Fragment, null, React__default.default.createElement(overlays.DismissButton, {
+    onDismiss: onClose
+  }), loadingSkeleton, React__default.default.createElement(overlays.DismissButton, {
+    onDismiss: onClose
+  })) :
+  // eslint-disable-next-line jsx-a11y/no-autofocus
+  React__default.default.createElement(focus.FocusScope, {
+    contain: true,
+    autoFocus: true,
+    restoreFocus: true
+  }, React__default.default.createElement(overlays.DismissButton, {
+    onDismiss: onClose
+  }), children, React__default.default.createElement(overlays.DismissButton, {
+    onDismiss: onClose
+  }))) : React__default.default.createElement(React__default.default.Fragment, null);
 };
 MenuPopup.displayName = "FilterMultiSelect.MenuPopup";
-
 exports.MenuPopup = MenuPopup;

package/dist/cjs/Filter/FilterMultiSelect/subcomponents/MenuPopup/MenuPopup.module.scss.cjs

@@ -1,5 +1,6 @@
 'use strict';
 
-var styles = {"menuPopup":"MenuPopup-module_menuPopup__UVgnP"};
-
+var styles = {
+  "menuPopup": "MenuPopup-module_menuPopup__UVgnP"
+};
 module.exports = styles;

package/dist/cjs/Filter/FilterMultiSelect/subcomponents/MultiSelectOption/MultiSelectOption.cjs

@@ -13,30 +13,47 @@ var VisuallyHidden = require('../../../../VisuallyHidden/VisuallyHidden.cjs');
 require('../../context/MenuTriggerProvider/MenuTriggerProvider.cjs');
 var SelectionProvider = require('../../context/SelectionProvider/SelectionProvider.cjs');
 var MultiSelectOption_module = require('./MultiSelectOption.module.scss.cjs');
-
-function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
-
+function _interopDefault(e) {
+  return e && e.__esModule ? e : {
+    default: e
+  };
+}
 var React__default = /*#__PURE__*/_interopDefault(React);
 var classnames__default = /*#__PURE__*/_interopDefault(classnames);
-
 var MultiSelectOption = function (_a) {
-    var _b, _c, _d;
-    var classNameOverride = _a.classNameOverride, item = _a.item;
-    var state = SelectionProvider.useSelectionContext().selectionState;
-    // Get props for the option element
-    var ref = React__default.default.createRef();
-    var _e = listbox.useOption({ key: item.key }, state, ref), optionProps = _e.optionProps, isSelected = _e.isSelected, isDisabled = _e.isDisabled;
-    // Determine whether we should show a keyboard
-    // focus ring for accessibility
-    var _f = focus.useFocusRing(), isFocusVisible = _f.isFocusVisible, focusProps = _f.focusProps;
-    var countElementId = React.useId();
-    return (React__default.default.createElement("li", tslib.__assign({}, utils.mergeProps(optionProps, focusProps), { ref: ref, className: classnames__default.default(MultiSelectOption_module.option, classNameOverride, isSelected && MultiSelectOption_module.isSelected, isFocusVisible && MultiSelectOption_module.isFocusVisible, isDisabled && MultiSelectOption_module.isDisabled), "aria-label": (_b = item.value) === null || _b === void 0 ? void 0 : _b.label, "aria-describedby": ((_c = item.value) === null || _c === void 0 ? void 0 : _c.count) ? countElementId : undefined }),
-        React__default.default.createElement("span", { className: classnames__default.default(MultiSelectOption_module.icon, isSelected && MultiSelectOption_module.isSelected) }, isSelected && React__default.default.createElement(CheckIcon.CheckIcon, { role: "presentation" })),
-        item.rendered,
-        ((_d = item.value) === null || _d === void 0 ? void 0 : _d.count) && (React__default.default.createElement("span", { id: countElementId, className: MultiSelectOption_module.badgeContainer },
-            React__default.default.createElement(Badge.Badge, { classNameOverride: MultiSelectOption_module.badge }, item.value.count),
-            React__default.default.createElement(VisuallyHidden.VisuallyHidden, null, " available")))));
+  var _b, _c, _d;
+  var classNameOverride = _a.classNameOverride,
+    item = _a.item;
+  var state = SelectionProvider.useSelectionContext().selectionState;
+  // Get props for the option element
+  var ref = React__default.default.createRef();
+  var _e = listbox.useOption({
+      key: item.key
+    }, state, ref),
+    optionProps = _e.optionProps,
+    isSelected = _e.isSelected,
+    isDisabled = _e.isDisabled;
+  // Determine whether we should show a keyboard
+  // focus ring for accessibility
+  var _f = focus.useFocusRing(),
+    isFocusVisible = _f.isFocusVisible,
+    focusProps = _f.focusProps;
+  var countElementId = React.useId();
+  return React__default.default.createElement("li", tslib.__assign({}, utils.mergeProps(optionProps, focusProps), {
+    ref: ref,
+    className: classnames__default.default(MultiSelectOption_module.option, classNameOverride, isSelected && MultiSelectOption_module.isSelected, isFocusVisible && MultiSelectOption_module.isFocusVisible, isDisabled && MultiSelectOption_module.isDisabled),
+    "aria-label": (_b = item.value) === null || _b === void 0 ? void 0 : _b.label,
+    "aria-describedby": ((_c = item.value) === null || _c === void 0 ? void 0 : _c.count) ? countElementId : undefined
+  }), React__default.default.createElement("span", {
+    className: classnames__default.default(MultiSelectOption_module.icon, isSelected && MultiSelectOption_module.isSelected)
+  }, isSelected && React__default.default.createElement(CheckIcon.CheckIcon, {
+    role: "presentation"
+  })), item.rendered, ((_d = item.value) === null || _d === void 0 ? void 0 : _d.count) && React__default.default.createElement("span", {
+    id: countElementId,
+    className: MultiSelectOption_module.badgeContainer
+  }, React__default.default.createElement(Badge.Badge, {
+    classNameOverride: MultiSelectOption_module.badge
+  }, item.value.count), React__default.default.createElement(VisuallyHidden.VisuallyHidden, null, " available")));
 };
 MultiSelectOption.displayName = "FilterMultiSelect.Option";
-
 exports.MultiSelectOption = MultiSelectOption;

package/dist/cjs/Filter/FilterMultiSelect/subcomponents/MultiSelectOption/MultiSelectOption.module.scss.cjs

@@ -1,5 +1,12 @@
 'use strict';
 
-var styles = {"icon":"MultiSelectOption-module_icon__78XCm","option":"MultiSelectOption-module_option__CSJyR","badge":"MultiSelectOption-module_badge__QqoyV","isFocused":"MultiSelectOption-module_isFocused__4WdzT","isDisabled":"MultiSelectOption-module_isDisabled__l--2z","badgeContainer":"MultiSelectOption-module_badgeContainer__59fHs","isSelected":"MultiSelectOption-module_isSelected__IZggh"};
-
+var styles = {
+  "icon": "MultiSelectOption-module_icon__78XCm",
+  "option": "MultiSelectOption-module_option__CSJyR",
+  "badge": "MultiSelectOption-module_badge__QqoyV",
+  "isFocused": "MultiSelectOption-module_isFocused__4WdzT",
+  "isDisabled": "MultiSelectOption-module_isDisabled__l--2z",
+  "badgeContainer": "MultiSelectOption-module_badgeContainer__59fHs",
+  "isSelected": "MultiSelectOption-module_isSelected__IZggh"
+};
 module.exports = styles;

package/dist/cjs/Filter/FilterMultiSelect/subcomponents/NoResults/NoResults.cjs

@@ -4,16 +4,21 @@ var tslib = require('tslib');
 var React = require('react');
 var Text = require('../../../../Text/Text.cjs');
 var NoResults_module = require('./NoResults.module.scss.cjs');
-
-function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
-
+function _interopDefault(e) {
+  return e && e.__esModule ? e : {
+    default: e
+  };
+}
 var React__default = /*#__PURE__*/_interopDefault(React);
-
 var NoResults = function (_a) {
-    var children = _a.children, restProps = tslib.__rest(_a, ["children"]);
-    return (React__default.default.createElement("div", tslib.__assign({ className: NoResults_module.container }, restProps),
-        React__default.default.createElement(Text.Text, { variant: "extra-small", color: "dark-reduced-opacity" }, children)));
+  var children = _a.children,
+    restProps = tslib.__rest(_a, ["children"]);
+  return React__default.default.createElement("div", tslib.__assign({
+    className: NoResults_module.container
+  }, restProps), React__default.default.createElement(Text.Text, {
+    variant: "extra-small",
+    color: "dark-reduced-opacity"
+  }, children));
 };
 NoResults.displayName = "FilterMultiSelect.NoResults";
-
 exports.NoResults = NoResults;

package/dist/cjs/Filter/FilterMultiSelect/subcomponents/NoResults/NoResults.module.scss.cjs

@@ -1,5 +1,6 @@
 'use strict';
 
-var styles = {"container":"NoResults-module_container__2l8Ol"};
-
+var styles = {
+  "container": "NoResults-module_container__2l8Ol"
+};
 module.exports = styles;

package/dist/cjs/Filter/FilterMultiSelect/subcomponents/SearchInput/SearchInput.cjs

@@ -5,23 +5,39 @@ var InputSearch = require('../../../../Input/InputSearch/InputSearch.cjs');
 require('../../context/MenuTriggerProvider/MenuTriggerProvider.cjs');
 var SelectionProvider = require('../../context/SelectionProvider/SelectionProvider.cjs');
 var SearchInput_module = require('./SearchInput.module.scss.cjs');
-
-function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
-
+function _interopDefault(e) {
+  return e && e.__esModule ? e : {
+    default: e
+  };
+}
 var React__default = /*#__PURE__*/_interopDefault(React);
-
 var SearchInput = function (_a) {
-    var label = _a.label, id = _a.id, isLoading = _a.isLoading;
-    var _b = SelectionProvider.useSelectionContext(), setSearchQuery = _b.setSearchQuery, searchQuery = _b.searchQuery;
-    var handleChange = function (e) {
-        setSearchQuery(e.target.value);
-    };
-    var handleClear = function () { return setSearchQuery(""); };
-    var reactId = React.useId();
-    var inputId = id !== null && id !== void 0 ? id : reactId;
-    return (React__default.default.createElement("div", { className: SearchInput_module.inputSearchContainer },
-        React__default.default.createElement(InputSearch.InputSearch, { id: inputId, "aria-label": label !== null && label !== void 0 ? label : "Filter options by search query", secondary: true, placeholder: "Search\u2026", value: searchQuery, onChange: handleChange, onClear: handleClear, loading: isLoading })));
+  var label = _a.label,
+    id = _a.id,
+    isLoading = _a.isLoading;
+  var _b = SelectionProvider.useSelectionContext(),
+    setSearchQuery = _b.setSearchQuery,
+    searchQuery = _b.searchQuery;
+  var handleChange = function (e) {
+    setSearchQuery(e.target.value);
+  };
+  var handleClear = function () {
+    return setSearchQuery("");
+  };
+  var reactId = React.useId();
+  var inputId = id !== null && id !== void 0 ? id : reactId;
+  return React__default.default.createElement("div", {
+    className: SearchInput_module.inputSearchContainer
+  }, React__default.default.createElement(InputSearch.InputSearch, {
+    id: inputId,
+    "aria-label": label !== null && label !== void 0 ? label : "Filter options by search query",
+    secondary: true,
+    placeholder: "Search\u2026",
+    value: searchQuery,
+    onChange: handleChange,
+    onClear: handleClear,
+    loading: isLoading
+  }));
 };
 SearchInput.displayName = "FilterMultiSelect.SearchInput";
-
 exports.SearchInput = SearchInput;

package/dist/cjs/Filter/FilterMultiSelect/subcomponents/SearchInput/SearchInput.module.scss.cjs

@@ -1,5 +1,6 @@
 'use strict';
 
-var styles = {"inputSearchContainer":"SearchInput-module_inputSearchContainer__u9K6k"};
-
+var styles = {
+  "inputSearchContainer": "SearchInput-module_inputSearchContainer__u9K6k"
+};
 module.exports = styles;

package/dist/cjs/Filter/FilterMultiSelect/subcomponents/SectionDivider/SectionDivider.cjs

@@ -3,12 +3,18 @@
 var React = require('react');
 var Divider = require('../../../../Divider/Divider.cjs');
 var SectionDivider_module = require('./SectionDivider.module.scss.cjs');
-
-function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
-
+function _interopDefault(e) {
+  return e && e.__esModule ? e : {
+    default: e
+  };
+}
 var React__default = /*#__PURE__*/_interopDefault(React);
-
-var SectionDivider = function () { return (React__default.default.createElement("li", { className: SectionDivider_module.divider, "aria-hidden": "true" },
-    React__default.default.createElement(Divider.Divider, { variant: "canvas" }))); };
-
+var SectionDivider = function () {
+  return React__default.default.createElement("li", {
+    className: SectionDivider_module.divider,
+    "aria-hidden": "true"
+  }, React__default.default.createElement(Divider.Divider, {
+    variant: "canvas"
+  }));
+};
 exports.SectionDivider = SectionDivider;

package/dist/cjs/Filter/FilterMultiSelect/subcomponents/SectionDivider/SectionDivider.module.scss.cjs

@@ -1,5 +1,6 @@
 'use strict';
 
-var styles = {"divider":"SectionDivider-module_divider__G-itP"};
-
+var styles = {
+  "divider": "SectionDivider-module_divider__G-itP"
+};
 module.exports = styles;

package/dist/cjs/Filter/FilterMultiSelect/subcomponents/SelectionControlButton/ClearButton/ClearButton.cjs

@@ -6,27 +6,30 @@ var VisuallyHidden = require('../../../../../VisuallyHidden/VisuallyHidden.cjs')
 require('../../../context/MenuTriggerProvider/MenuTriggerProvider.cjs');
 var SelectionProvider = require('../../../context/SelectionProvider/SelectionProvider.cjs');
 var SelectionControlButton_module = require('../SelectionControlButton.module.scss.cjs');
-
-function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
-
+function _interopDefault(e) {
+  return e && e.__esModule ? e : {
+    default: e
+  };
+}
 var React__default = /*#__PURE__*/_interopDefault(React);
 var classnames__default = /*#__PURE__*/_interopDefault(classnames);
-
 var ClearButton = function () {
-    var selectionState = SelectionProvider.useSelectionContext().selectionState;
-    var filteredOptions = Array.from(selectionState.collection.getKeys());
-    var selectedOptions = Array.from(selectionState.selectionManager.selectedKeys);
-    var isDisabled = filteredOptions.length === 0 ||
-        !Boolean(filteredOptions.find(function (key) {
-            return selectionState.selectionManager.isSelected(key);
-        }));
-    return (React__default.default.createElement("button", { type: "button", className: classnames__default.default(SelectionControlButton_module.button, isDisabled && SelectionControlButton_module.isDisabled), "aria-disabled": isDisabled, onClick: function () {
-            !isDisabled &&
-                selectionState.selectionManager.setSelectedKeys(selectedOptions.filter(function (option) { return !filteredOptions.includes(option); }));
-        } },
-        "Clear",
-        React__default.default.createElement(VisuallyHidden.VisuallyHidden, null, " selections")));
+  var selectionState = SelectionProvider.useSelectionContext().selectionState;
+  var filteredOptions = Array.from(selectionState.collection.getKeys());
+  var selectedOptions = Array.from(selectionState.selectionManager.selectedKeys);
+  var isDisabled = filteredOptions.length === 0 || !Boolean(filteredOptions.find(function (key) {
+    return selectionState.selectionManager.isSelected(key);
+  }));
+  return React__default.default.createElement("button", {
+    type: "button",
+    className: classnames__default.default(SelectionControlButton_module.button, isDisabled && SelectionControlButton_module.isDisabled),
+    "aria-disabled": isDisabled,
+    onClick: function () {
+      !isDisabled && selectionState.selectionManager.setSelectedKeys(selectedOptions.filter(function (option) {
+        return !filteredOptions.includes(option);
+      }));
+    }
+  }, "Clear", React__default.default.createElement(VisuallyHidden.VisuallyHidden, null, " selections"));
 };
 ClearButton.displayName = "FilterMultiSelect.ClearButton";
-
 exports.ClearButton = ClearButton;

package/dist/cjs/Filter/FilterMultiSelect/subcomponents/SelectionControlButton/SelectAllButton/SelectAllButton.cjs

@@ -6,24 +6,28 @@ var classnames = require('classnames');
 require('../../../context/MenuTriggerProvider/MenuTriggerProvider.cjs');
 var SelectionProvider = require('../../../context/SelectionProvider/SelectionProvider.cjs');
 var SelectionControlButton_module = require('../SelectionControlButton.module.scss.cjs');
-
-function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
-
+function _interopDefault(e) {
+  return e && e.__esModule ? e : {
+    default: e
+  };
+}
 var React__default = /*#__PURE__*/_interopDefault(React);
 var classnames__default = /*#__PURE__*/_interopDefault(classnames);
-
 var SelectAllButton = function () {
-    var selectionState = SelectionProvider.useSelectionContext().selectionState;
-    var selectedOptions = Array.from(selectionState.selectionManager.selectedKeys);
-    var disabledOptions = selectionState.disabledKeys
-        ? Array.from(selectionState.disabledKeys)
-        : [];
-    var filteredOptions = Array.from(selectionState.collection.getKeys()).filter(function (key) { return !disabledOptions.includes(key); });
-    return (React__default.default.createElement("button", { type: "button", className: classnames__default.default(SelectionControlButton_module.button, selectionState.selectionManager.isSelectAll && SelectionControlButton_module.isDisabled), "aria-disabled": selectionState.selectionManager.isSelectAll, onClick: function () {
-            return !selectionState.selectionManager.isSelectAll &&
-                selectionState.selectionManager.setSelectedKeys(tslib.__spreadArray(tslib.__spreadArray([], selectedOptions, true), filteredOptions, true));
-        } }, "Select all"));
+  var selectionState = SelectionProvider.useSelectionContext().selectionState;
+  var selectedOptions = Array.from(selectionState.selectionManager.selectedKeys);
+  var disabledOptions = selectionState.disabledKeys ? Array.from(selectionState.disabledKeys) : [];
+  var filteredOptions = Array.from(selectionState.collection.getKeys()).filter(function (key) {
+    return !disabledOptions.includes(key);
+  });
+  return React__default.default.createElement("button", {
+    type: "button",
+    className: classnames__default.default(SelectionControlButton_module.button, selectionState.selectionManager.isSelectAll && SelectionControlButton_module.isDisabled),
+    "aria-disabled": selectionState.selectionManager.isSelectAll,
+    onClick: function () {
+      return !selectionState.selectionManager.isSelectAll && selectionState.selectionManager.setSelectedKeys(tslib.__spreadArray(tslib.__spreadArray([], selectedOptions, true), filteredOptions, true));
+    }
+  }, "Select all");
 };
 SelectAllButton.displayName = "FilterMultiSelect.SelectAllButton";
-
 exports.SelectAllButton = SelectAllButton;

package/dist/cjs/Filter/FilterMultiSelect/subcomponents/SelectionControlButton/SelectionControlButton.module.scss.cjs

@@ -1,5 +1,7 @@
 'use strict';
 
-var styles = {"button":"SelectionControlButton-module_button__u-ysH","isDisabled":"SelectionControlButton-module_isDisabled__0axMR"};
-
+var styles = {
+  "button": "SelectionControlButton-module_button__u-ysH",
+  "isDisabled": "SelectionControlButton-module_isDisabled__0axMR"
+};
 module.exports = styles;

package/dist/cjs/Filter/FilterMultiSelect/subcomponents/Trigger/FilterTriggerButton/FilterTriggerButton.cjs

@@ -7,17 +7,33 @@ require('../../../../FilterButton/FilterButtonRemovable/FilterButtonRemovable.cj
 var MenuTriggerProvider = require('../../../context/MenuTriggerProvider/MenuTriggerProvider.cjs');
 require('../../../context/SelectionProvider/SelectionProvider.cjs');
 var getTruncatedLabel = require('../../../utils/getTruncatedLabel.cjs');
-
-function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
-
+function _interopDefault(e) {
+  return e && e.__esModule ? e : {
+    default: e
+  };
+}
 var React__default = /*#__PURE__*/_interopDefault(React);
-
 var FilterTriggerButton = function (_a) {
-    var selectedOptionLabels = _a.selectedOptionLabels, label = _a.label, classNameOverride = _a.classNameOverride, _b = _a.labelCharacterLimitBeforeTruncate, labelCharacterLimitBeforeTruncate = _b === void 0 ? 50 : _b;
-    var _c = MenuTriggerProvider.useMenuTriggerContext(), buttonProps = _c.buttonProps, buttonRef = _c.buttonRef, menuTriggerState = _c.menuTriggerState;
-    var ref = React.useRef({ triggerRef: buttonRef });
-    return (React__default.default.createElement(FilterButton.FilterButton, tslib.__assign({ ref: ref }, buttonProps, { label: label, selectedValue: getTruncatedLabel.getTruncatedLabels(selectedOptionLabels, labelCharacterLimitBeforeTruncate), classNameOverride: classNameOverride, isOpen: menuTriggerState.isOpen })));
+  var selectedOptionLabels = _a.selectedOptionLabels,
+    label = _a.label,
+    classNameOverride = _a.classNameOverride,
+    _b = _a.labelCharacterLimitBeforeTruncate,
+    labelCharacterLimitBeforeTruncate = _b === void 0 ? 50 : _b;
+  var _c = MenuTriggerProvider.useMenuTriggerContext(),
+    buttonProps = _c.buttonProps,
+    buttonRef = _c.buttonRef,
+    menuTriggerState = _c.menuTriggerState;
+  var ref = React.useRef({
+    triggerRef: buttonRef
+  });
+  return React__default.default.createElement(FilterButton.FilterButton, tslib.__assign({
+    ref: ref
+  }, buttonProps, {
+    label: label,
+    selectedValue: getTruncatedLabel.getTruncatedLabels(selectedOptionLabels, labelCharacterLimitBeforeTruncate),
+    classNameOverride: classNameOverride,
+    isOpen: menuTriggerState.isOpen
+  }));
 };
 FilterTriggerButton.displayName = "FilterMultiSelect.TriggerButton";
-
 exports.FilterTriggerButton = FilterTriggerButton;

package/dist/cjs/Filter/FilterMultiSelect/subcomponents/Trigger/RemovableFilterTrigger/RemovableFilterTrigger.cjs

@@ -7,19 +7,38 @@ var FilterButtonRemovable = require('../../../../FilterButton/FilterButtonRemova
 var MenuTriggerProvider = require('../../../context/MenuTriggerProvider/MenuTriggerProvider.cjs');
 require('../../../context/SelectionProvider/SelectionProvider.cjs');
 var getTruncatedLabel = require('../../../utils/getTruncatedLabel.cjs');
-
-function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
-
+function _interopDefault(e) {
+  return e && e.__esModule ? e : {
+    default: e
+  };
+}
 var React__default = /*#__PURE__*/_interopDefault(React);
-
 var RemovableFilterTrigger = function (_a) {
-    var label = _a.label, selectedOptionLabels = _a.selectedOptionLabels, _b = _a.labelCharacterLimitBeforeTruncate, labelCharacterLimitBeforeTruncate = _b === void 0 ? 50 : _b, classNameOverride = _a.classNameOverride, onRemove = _a.onRemove;
-    var _c = MenuTriggerProvider.useMenuTriggerContext(), buttonProps = _c.buttonProps, buttonRef = _c.buttonRef, menuTriggerState = _c.menuTriggerState;
-    var ref = React.useRef({ triggerRef: buttonRef });
-    return (React__default.default.createElement(FilterButtonRemovable.FilterButtonRemovable, { ref: ref, classNameOverride: classNameOverride, triggerButtonProps: tslib.__assign(tslib.__assign({}, buttonProps), { label: label, selectedValue: getTruncatedLabel.getTruncatedLabels(selectedOptionLabels, labelCharacterLimitBeforeTruncate), isOpen: menuTriggerState.isOpen }), removeButtonProps: {
-            onClick: onRemove,
-        } }));
+  var label = _a.label,
+    selectedOptionLabels = _a.selectedOptionLabels,
+    _b = _a.labelCharacterLimitBeforeTruncate,
+    labelCharacterLimitBeforeTruncate = _b === void 0 ? 50 : _b,
+    classNameOverride = _a.classNameOverride,
+    onRemove = _a.onRemove;
+  var _c = MenuTriggerProvider.useMenuTriggerContext(),
+    buttonProps = _c.buttonProps,
+    buttonRef = _c.buttonRef,
+    menuTriggerState = _c.menuTriggerState;
+  var ref = React.useRef({
+    triggerRef: buttonRef
+  });
+  return React__default.default.createElement(FilterButtonRemovable.FilterButtonRemovable, {
+    ref: ref,
+    classNameOverride: classNameOverride,
+    triggerButtonProps: tslib.__assign(tslib.__assign({}, buttonProps), {
+      label: label,
+      selectedValue: getTruncatedLabel.getTruncatedLabels(selectedOptionLabels, labelCharacterLimitBeforeTruncate),
+      isOpen: menuTriggerState.isOpen
+    }),
+    removeButtonProps: {
+      onClick: onRemove
+    }
+  });
 };
 RemovableFilterTrigger.displayName = "FilterMultiSelect.RemovableTrigger";
-
 exports.RemovableFilterTrigger = RemovableFilterTrigger;

package/dist/cjs/Filter/FilterMultiSelect/utils/getSelectedOptionKeys.cjs

@@ -1,13 +1,14 @@
 'use strict';
 
 var getSelectedOptionKeys = function (keys, items) {
-    if (!keys || !items) {
-        return [];
-    }
-    if (keys === "all") {
-        return items.map(function (item) { return item.value; });
-    }
-    return Array.from(keys);
+  if (!keys || !items) {
+    return [];
+  }
+  if (keys === "all") {
+    return items.map(function (item) {
+      return item.value;
+    });
+  }
+  return Array.from(keys);
 };
-
 exports.getSelectedOptionKeys = getSelectedOptionKeys;

package/dist/cjs/Filter/FilterMultiSelect/utils/getSelectedOptionLabels.cjs

@@ -1,15 +1,21 @@
 'use strict';
 
 var getSelectedOptionLabels = function (keys, items) {
-    if (!keys || !items) {
-        return [];
-    }
-    if (keys === "all") {
-        return items.map(function (item) { return item.label; });
-    }
-    return Array.from(keys)
-        .map(function (key) { var _a, _b; return (_b = (_a = items.find(function (item) { return item.value === key; })) === null || _a === void 0 ? void 0 : _a.label) !== null && _b !== void 0 ? _b : ""; })
-        .filter(function (item) { return item !== ""; });
+  if (!keys || !items) {
+    return [];
+  }
+  if (keys === "all") {
+    return items.map(function (item) {
+      return item.label;
+    });
+  }
+  return Array.from(keys).map(function (key) {
+    var _a, _b;
+    return (_b = (_a = items.find(function (item) {
+      return item.value === key;
+    })) === null || _a === void 0 ? void 0 : _a.label) !== null && _b !== void 0 ? _b : "";
+  }).filter(function (item) {
+    return item !== "";
+  });
 };
-
 exports.getSelectedOptionLabels = getSelectedOptionLabels;

package/dist/cjs/Filter/FilterMultiSelect/utils/getTruncatedLabel.cjs

@@ -2,16 +2,17 @@
 
 var CONNECTOR = ", ";
 var truncateByCharacterLimit = function (labels, limit, labelsTruncatedCount) {
-    if (labelsTruncatedCount === void 0) { labelsTruncatedCount = 0; }
-    if (labels.length === 1 || labels.join("").replace(/,/g, "").length < limit) {
-        var moreIndicator = labelsTruncatedCount > 0 ? " + ".concat(labelsTruncatedCount, " more") : "";
-        return "".concat(labels.join(CONNECTOR)).concat(moreIndicator);
-    }
-    var newLabels = labels.slice(0, labels.length - 1);
-    return truncateByCharacterLimit(newLabels, limit, labelsTruncatedCount + 1);
+  if (labelsTruncatedCount === void 0) {
+    labelsTruncatedCount = 0;
+  }
+  if (labels.length === 1 || labels.join("").replace(/,/g, "").length < limit) {
+    var moreIndicator = labelsTruncatedCount > 0 ? " + ".concat(labelsTruncatedCount, " more") : "";
+    return "".concat(labels.join(CONNECTOR)).concat(moreIndicator);
+  }
+  var newLabels = labels.slice(0, labels.length - 1);
+  return truncateByCharacterLimit(newLabels, limit, labelsTruncatedCount + 1);
 };
 var getTruncatedLabels = function (labels, limit) {
-    return truncateByCharacterLimit(labels, limit);
+  return truncateByCharacterLimit(labels, limit);
 };
-
 exports.getTruncatedLabels = getTruncatedLabels;