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

package/dist/cjs/packages/components/src/FilterMultiSelect/subcomponents/SearchInput/SearchInput.js

@@ -0,0 +1,31 @@
+'use strict';
+
+var React = require('react');
+var uuid = require('uuid');
+var InputSearch = require('../../../Input/InputSearch/InputSearch.js');
+require('../../context/MenuTriggerProvider/MenuTriggerProvider.js');
+var SelectionProvider = require('../../context/SelectionProvider/SelectionProvider.js');
+var SearchInput_module = require('./SearchInput.module.scss.js');
+
+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 inputId = React.useMemo(function() {
+    return id !== null && id !== void 0 ? id : uuid.v4();
+  }, [id]);
+  return React.createElement(
+    "div",
+    { className: SearchInput_module.inputSearchContainer },
+    React.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;
+//# sourceMappingURL=SearchInput.js.map

package/dist/cjs/packages/components/src/FilterMultiSelect/subcomponents/SearchInput/SearchInput.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SearchInput.js","sources":["../../../../../../../../src/FilterMultiSelect/subcomponents/SearchInput/SearchInput.tsx"],"sourcesContent":["import React, { useMemo } from \"react\"\nimport { v4 } from \"uuid\"\nimport { InputSearch } from \"~components/Input/InputSearch\"\nimport { useSelectionContext } from \"../../context\"\nimport styles from \"./SearchInput.module.scss\"\n\nexport type SearchInputProps = {\n  label?: string\n  id?: string\n  isLoading?: boolean\n}\n\nexport const SearchInput = ({\n  label,\n  id,\n  isLoading,\n}: SearchInputProps): JSX.Element => {\n  const { setSearchQuery, searchQuery } = useSelectionContext()\n\n  const handleChange: React.ChangeEventHandler<HTMLInputElement> = e => {\n    setSearchQuery(e.target.value)\n  }\n\n  const handleClear = (): void => setSearchQuery(\"\")\n\n  const inputId = useMemo(() => id ?? v4(), [id])\n\n  return (\n    <div className={styles.inputSearchContainer}>\n      <InputSearch\n        id={inputId}\n        aria-label={label ?? \"Filter options by search query\"}\n        secondary\n        placeholder=\"Search…\"\n        value={searchQuery}\n        onChange={handleChange}\n        onClear={handleClear}\n        loading={isLoading}\n      />\n    </div>\n  )\n}\n\nSearchInput.displayName = \"FilterMultiSelect.SearchInput\"\n"],"names":["useSelectionContext","useMemo","v4","styles","InputSearch"],"mappings":";;;;;;;;;AAYa,IAAA,WAAA,GAAc,SAAC,EAIT,EAAA;AAHjB,EAAA,IAAA,kBACA,KAAE,EAAA,CAAA,EAAA,EACF,YAAS,EAAA,CAAA,SAAA,CAAA;AAEH,EAAA,IAAA,KAAkCA,qCAAqB,EAAA,EAArD,iBAAc,EAAA,CAAA,cAAA,EAAE,cAAW,EAAA,CAAA,WAAA,CAAA;AAEnC,EAAM,IAAA,YAAA,GAA2D,SAAA,CAAC,EAAA;AAChE,IAAe,cAAA,CAAA,CAAA,CAAE,OAAO,KAAK,CAAA,CAAA;AAAA,GAC/B,CAAA;AAEA,EAAA,IAAM,cAAc,WAAA;AAAY,IAAA,OAAA,eAAe,EAAE,CAAA,CAAA;AAAA,GAAjB,CAAA;AAEhC,EAAM,IAAA,OAAA,GAAUC,cAAQ;AAAM,IAAA,OAAA,eAAA,EAAE,KAAA,KAAA,CAAA,GAAF,KAAMC;GAAN,EAAY,CAAC,EAAE,CAAC,CAAA,CAAA;AAE9C,EAAA,OACE,KAAK,CAAA,aAAA;AAAA,IAAA,KAAA;AAAA,IAAA,EAAA,SAAW,EAAAC,kBAAA,CAAO,oBAAoB,EAAA;AAAA,IACzC,KAAA,CAAA,aAAC,CAAAC,uBAAA,EACC,EAAA,EAAA,EAAI,qBACQ,EAAA,KAAA,KAAK,IAAL,IAAA,KAAA,KAAK,KAAL,CAAA,GAAA,KAAA,GAAS,kCACrB,SAAS,EAAA,IAAA,EACT,WAAY,EAAA,cAAA,EACZ,KAAO,EAAA,WAAA,EACP,QAAU,EAAA,YAAA,EACV,OAAS,EAAA,WAAA,EACT,OAAS,EAAA,SAAA,EACT,CAAA;AAAA,GAAA,CAAA;AAGR,EAAA;AAEA,WAAA,CAAY,WAAc,GAAA,+BAAA;;;;"}

package/dist/cjs/packages/components/src/FilterMultiSelect/subcomponents/SearchInput/SearchInput.module.scss.js

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

package/dist/cjs/packages/components/src/FilterMultiSelect/subcomponents/SearchInput/SearchInput.module.scss.js.map

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

package/dist/cjs/packages/components/src/FilterMultiSelect/subcomponents/SectionDivider/SectionDivider.js

@@ -0,0 +1,16 @@
+'use strict';
+
+var React = require('react');
+var draftDivider = require('@kaizen/draft-divider');
+var SectionDivider_module = require('./SectionDivider.module.scss.js');
+
+var SectionDivider = function() {
+  return React.createElement(
+    "li",
+    { className: SectionDivider_module.divider, "aria-hidden": "true" },
+    React.createElement(draftDivider.Divider, { variant: "canvas" })
+  );
+};
+
+exports.SectionDivider = SectionDivider;
+//# sourceMappingURL=SectionDivider.js.map

package/dist/cjs/packages/components/src/FilterMultiSelect/subcomponents/SectionDivider/SectionDivider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SectionDivider.js","sources":["../../../../../../../../src/FilterMultiSelect/subcomponents/SectionDivider/SectionDivider.tsx"],"sourcesContent":["import React from \"react\"\nimport { Divider } from \"@kaizen/draft-divider\"\nimport styles from \"./SectionDivider.module.scss\"\n\nexport const SectionDivider = (): JSX.Element => (\n  <li className={styles.divider} aria-hidden=\"true\">\n    <Divider variant=\"canvas\" />\n  </li>\n)\n"],"names":["styles","Divider"],"mappings":";;;;;;AAIO,IAAM,iBAAiB;AAAmB,EAAA,OAC/C,KAAI,CAAA,aAAA;AAAA,IAAA,IAAA;AAAA,IAAA,EAAA,SAAA,EAAWA,qBAAO,CAAA,OAAA,iBAAqB,MAAM,EAAA;AAAA,IAC/C,MAAC,aAAA,CAAAC,oBAAA,EAAQ,EAAA,OAAA,EAAQ;GAAW,CAAA;AAFiB;;;;"}

package/dist/cjs/packages/components/src/FilterMultiSelect/subcomponents/SectionDivider/SectionDivider.module.scss.js

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

package/dist/cjs/packages/components/src/FilterMultiSelect/subcomponents/SectionDivider/SectionDivider.module.scss.js.map

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

package/dist/cjs/packages/components/src/FilterMultiSelect/subcomponents/SelectionControlButton/ClearButton/ClearButton.js

@@ -0,0 +1,31 @@
+'use strict';
+
+var React = require('react');
+var classnames = require('classnames');
+var a11y = require('@kaizen/a11y');
+require('../../../context/MenuTriggerProvider/MenuTriggerProvider.js');
+var SelectionProvider = require('../../../context/SelectionProvider/SelectionProvider.js');
+var SelectionControlButton_module = require('../SelectionControlButton.module.scss.js');
+
+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.createElement(
+    "button",
+    { type: "button", className: classnames(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.createElement(a11y.VisuallyHidden, null, " selections")
+  );
+};
+ClearButton.displayName = "FilterMultiSelect.ClearButton";
+
+exports.ClearButton = ClearButton;
+//# sourceMappingURL=ClearButton.js.map

package/dist/cjs/packages/components/src/FilterMultiSelect/subcomponents/SelectionControlButton/ClearButton/ClearButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ClearButton.js","sources":["../../../../../../../../../src/FilterMultiSelect/subcomponents/SelectionControlButton/ClearButton/ClearButton.tsx"],"sourcesContent":["import React from \"react\"\nimport classnames from \"classnames\"\nimport { VisuallyHidden } from \"@kaizen/a11y\"\nimport { useSelectionContext } from \"../../../context\"\nimport styles from \"../SelectionControlButton.module.scss\"\n\nexport const ClearButton = (): JSX.Element => {\n  const { selectionState } = useSelectionContext()\n  const filteredOptions = Array.from(selectionState.collection.getKeys())\n  const selectedOptions = Array.from(\n    selectionState.selectionManager.selectedKeys\n  )\n  const isDisabled =\n    filteredOptions.length === 0 ||\n    !Boolean(\n      filteredOptions.find(key =>\n        selectionState.selectionManager.isSelected(key)\n      )\n    )\n\n  return (\n    <button\n      type=\"button\"\n      className={classnames(styles.button, isDisabled && styles.isDisabled)}\n      aria-disabled={isDisabled}\n      onClick={\n        (): void => {\n          !isDisabled &&\n            selectionState.selectionManager.setSelectedKeys(\n              selectedOptions.filter(\n                option => !filteredOptions.includes(option)\n              )\n            )\n        }\n        // TODO: add announcement here to inform selection cleared\n      }\n    >\n      Clear<VisuallyHidden> selections</VisuallyHidden>\n    </button>\n  )\n}\n\nClearButton.displayName = \"FilterMultiSelect.ClearButton\"\n"],"names":["useSelectionContext","styles","VisuallyHidden"],"mappings":";;;;;;;;;AAMO,IAAM,cAAc,WAAA;AACjB,EAAA,IAAA,cAAA,GAAmBA;AAC3B,EAAA,IAAM,kBAAkB,KAAM,CAAA,IAAA,CAAK,cAAe,CAAA,UAAA,CAAW,SAAS,CAAA,CAAA;AACtE,EAAA,IAAM,eAAkB,GAAA,KAAA,CAAM,IAC5B,CAAA,cAAA,CAAe,iBAAiB,YAAY,CAAA,CAAA;AAE9C,EAAM,IAAA,UAAA,GACJ,gBAAgB,MAAW,KAAA,CAAA,IAC3B,CAAC,OACC,CAAA,eAAA,CAAgB,IAAK,CAAA,SAAA,GAAG,EAAA;AACtB,IAAA,OAAA,cAAA,CAAe,gBAAiB,CAAA,UAAA,CAAW,GAAG,CAAA,CAAA;AAAA,GAAC,CAChD,CAAA,CAAA;AAGL,EAAA,OACE,KACE,CAAA,aAAA;AAAA,IAAA,QAAA;AAAA,IAAA,EAAA,IAAA,EAAK,QACL,EAAA,SAAA,EAAW,WAAWC,6BAAO,CAAA,MAAA,EAAQ,UAAc,IAAAA,6BAAA,CAAO,UAAU,CAAA,EACrD,eAAA,EAAA,UAAA,EACf,SACE,WAAA;AACE,MAAA,CAAC,cACC,cAAe,CAAA,gBAAA,CAAiB,gBAC9B,eAAgB,CAAA,MAAA,CACd,SAAA,MAAM,EAAA;AAAI,QAAA,OAAA,CAAC,eAAgB,CAAA,QAAA,CAAS,MAAM,CAAA,CAAA;AAAA,OAAC,CAC5C,CAAA,CAAA;AAAA,KAEN,EAAA;AAAA;IAIE,KAAA,CAAA,aAAA,CAACC,mBAAc,EAAA,IAAA,EAAA,aAAA,CAAA;AAAA,GAA6B,CAAA;AAGvD,EAAA;AAEA,WAAA,CAAY,WAAc,GAAA,+BAAA;;;;"}

package/dist/cjs/packages/components/src/FilterMultiSelect/subcomponents/SelectionControlButton/SelectAllButton/SelectAllButton.js

@@ -0,0 +1,24 @@
+'use strict';
+
+var tslib_es6 = require('../../../../../../../node_modules/tslib/tslib.es6.js');
+var React = require('react');
+var classnames = require('classnames');
+require('../../../context/MenuTriggerProvider/MenuTriggerProvider.js');
+var SelectionProvider = require('../../../context/SelectionProvider/SelectionProvider.js');
+var SelectionControlButton_module = require('../SelectionControlButton.module.scss.js');
+
+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.createElement("button", { type: "button", className: classnames(SelectionControlButton_module.button, selectionState.selectionManager.isSelectAll && SelectionControlButton_module.isDisabled), "aria-disabled": selectionState.selectionManager.isSelectAll, onClick: function() {
+    return !selectionState.selectionManager.isSelectAll && selectionState.selectionManager.setSelectedKeys(tslib_es6.__spreadArray(tslib_es6.__spreadArray([], selectedOptions, true), filteredOptions, true));
+  } }, "Select all");
+};
+SelectAllButton.displayName = "FilterMultiSelect.SelectAllButton";
+
+exports.SelectAllButton = SelectAllButton;
+//# sourceMappingURL=SelectAllButton.js.map

package/dist/cjs/packages/components/src/FilterMultiSelect/subcomponents/SelectionControlButton/SelectAllButton/SelectAllButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectAllButton.js","sources":["../../../../../../../../../src/FilterMultiSelect/subcomponents/SelectionControlButton/SelectAllButton/SelectAllButton.tsx"],"sourcesContent":["import React from \"react\"\nimport classnames from \"classnames\"\nimport { useSelectionContext } from \"../../../context\"\nimport styles from \"../SelectionControlButton.module.scss\"\n\nexport const SelectAllButton = (): JSX.Element => {\n  const { selectionState } = useSelectionContext()\n  const selectedOptions = Array.from(\n    selectionState.selectionManager.selectedKeys\n  )\n  const disabledOptions = selectionState.disabledKeys\n    ? Array.from(selectionState.disabledKeys)\n    : []\n  const filteredOptions = Array.from(\n    selectionState.collection.getKeys()\n  ).filter(key => !disabledOptions.includes(key))\n\n  return (\n    <button\n      type=\"button\"\n      className={classnames(\n        styles.button,\n        selectionState.selectionManager.isSelectAll && styles.isDisabled\n      )}\n      aria-disabled={selectionState.selectionManager.isSelectAll}\n      onClick={\n        (): false | void =>\n          !selectionState.selectionManager.isSelectAll &&\n          selectionState.selectionManager.setSelectedKeys([\n            ...selectedOptions,\n            ...filteredOptions,\n          ])\n        // TODO: add announcement here to inform all selected\n      }\n    >\n      Select all\n    </button>\n  )\n}\n\nSelectAllButton.displayName = \"FilterMultiSelect.SelectAllButton\"\n"],"names":["useSelectionContext","styles"],"mappings":";;;;;;;;;AAKO,IAAM,kBAAkB,WAAA;AACrB,EAAA,IAAA,cAAA,GAAmBA;AAC3B,EAAA,IAAM,eAAkB,GAAA,KAAA,CAAM,IAC5B,CAAA,cAAA,CAAe,iBAAiB,YAAY,CAAA,CAAA;AAE9C,EAAM,IAAA,eAAA,GAAkB,eAAe,YACnC,GAAA,KAAA,CAAM,KAAK,cAAe,CAAA,YAAY,IACtC;AACJ,EAAM,IAAA,eAAA,GAAkB,KAAM,CAAA,IAAA,CAC5B,cAAe,CAAA,UAAA,CAAW,SAAS,CAAA,CACnC,MAAO,CAAA,SAAA,GAAG,EAAA;AAAI,IAAA,OAAA,CAAC,eAAgB,CAAA,QAAA,CAAS,GAAG,CAAA,CAAA;AAAA,GAAC,CAAA,CAAA;AAE9C,EACE,OAAA,KAAA,CAAA,cAAA,QAAA,EAAA,EACE,MAAK,QACL,EAAA,SAAA,EAAW,WACTC,6BAAO,CAAA,MAAA,EACP,eAAe,gBAAiB,CAAA,WAAA,IAAeA,8BAAO,UAAU,CAAA,EACjE,iBACc,cAAe,CAAA,gBAAA,CAAiB,WAC/C,EAAA,OAAA,EACE,WAAA;AACE,IAAA,OAAA,CAAC,cAAe,CAAA,gBAAA,CAAiB,WACjC,IAAA,cAAA,CAAe,iBAAiB,oEAC3B,eAAe,EAAA,IAAA,CACf,EAAA,eAAA,EACH,IAAA,CAAA,CAAA,CAAA;AAAA,GAJF,IAIE,YAAA,CAAA,CAAA;AAOZ,EAAA;AAEA,eAAA,CAAgB,WAAc,GAAA,mCAAA;;;;"}

package/dist/cjs/packages/components/src/FilterMultiSelect/subcomponents/SelectionControlButton/SelectionControlButton.module.scss.js

@@ -0,0 +1,6 @@
+'use strict';
+
+var styles = {"button":"SelectionControlButton-module_button__F6wec","isDisabled":"SelectionControlButton-module_isDisabled__lYOrG"};
+
+module.exports = styles;
+//# sourceMappingURL=SelectionControlButton.module.scss.js.map

package/dist/cjs/packages/components/src/FilterMultiSelect/subcomponents/SelectionControlButton/SelectionControlButton.module.scss.js.map

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

package/dist/cjs/packages/components/src/FilterMultiSelect/subcomponents/Trigger/FilterTriggerButton/FilterTriggerButton.js

@@ -0,0 +1,20 @@
+'use strict';
+
+var tslib_es6 = require('../../../../../../../node_modules/tslib/tslib.es6.js');
+var React = require('react');
+var FilterButton = require('../../../../FilterButton/FilterButton/FilterButton.js');
+require('../../../../FilterButton/FilterButtonRemovable/FilterButtonRemovable.js');
+var MenuTriggerProvider = require('../../../context/MenuTriggerProvider/MenuTriggerProvider.js');
+require('../../../context/SelectionProvider/SelectionProvider.js');
+var getTruncatedLabel = require('../../../utils/getTruncatedLabel.js');
+
+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.createElement(FilterButton.FilterButton, tslib_es6.__assign({ ref }, buttonProps, { label, selectedValue: getTruncatedLabel.getTruncatedLabels(selectedOptionLabels, labelCharacterLimitBeforeTruncate), classNameOverride, isOpen: menuTriggerState.isOpen }));
+};
+FilterTriggerButton.displayName = "FilterMultiSelect.TriggerButton";
+
+exports.FilterTriggerButton = FilterTriggerButton;
+//# sourceMappingURL=FilterTriggerButton.js.map

package/dist/cjs/packages/components/src/FilterMultiSelect/subcomponents/Trigger/FilterTriggerButton/FilterTriggerButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FilterTriggerButton.js","sources":["../../../../../../../../../src/FilterMultiSelect/subcomponents/Trigger/FilterTriggerButton/FilterTriggerButton.tsx"],"sourcesContent":["import React, { useRef } from \"react\"\nimport { FilterTriggerRef } from \"~components/Filter\"\nimport { FilterButton } from \"~components/FilterButton\"\nimport { useMenuTriggerContext } from \"../../../context\"\nimport { getTruncatedLabels } from \"../../../utils\"\n\nexport type FilterTriggerButtonProps = {\n  label: string\n  selectedOptionLabels: string[]\n  /**\n   * Character limit of the button label.\n   * It will always show the first selected label regardless if it exceeds the given character limit.\n   */\n  labelCharacterLimitBeforeTruncate?: number\n  classNameOverride?: string // TODO: migrate it to use OverrideClassName<T> and omit the props controlled by React-Aria\n}\n\nexport const FilterTriggerButton = ({\n  selectedOptionLabels,\n  label,\n  classNameOverride,\n  labelCharacterLimitBeforeTruncate = 50,\n}: FilterTriggerButtonProps): JSX.Element => {\n  const { buttonProps, buttonRef, menuTriggerState } = useMenuTriggerContext()\n  const ref = useRef<FilterTriggerRef>({ triggerRef: buttonRef })\n\n  return (\n    <FilterButton\n      ref={ref}\n      {...buttonProps}\n      label={label}\n      selectedValue={getTruncatedLabels(\n        selectedOptionLabels,\n        labelCharacterLimitBeforeTruncate\n      )}\n      classNameOverride={classNameOverride}\n      isOpen={menuTriggerState.isOpen}\n    />\n  )\n}\n\nFilterTriggerButton.displayName = \"FilterMultiSelect.TriggerButton\"\n"],"names":["useMenuTriggerContext","useRef","FilterButton","__assign","getTruncatedLabels"],"mappings":";;;;;;;;;;AAiBa,IAAA,mBAAA,GAAsB,SAAC,EAKT,EAAA;AAJzB,EAAA,IAAA,oBAAoB,GAAA,EAAA,CAAA,oBACpB,EAAA,KAAA,GAAK,GAAA,KACL,EAAA,iBAAA,GAAiB,EAAA,CAAA,iBAAA,EACjB,KAAsC,EAAA,CAAA,iCAAA,EAAtC,iCAAiC,GAAA,EAAA,KAAA,SAAG,EAAE,GAAA,EAAA,CAAA;AAEhC,EAAA,IAAA,EAAA,GAA+CA,yCAAuB,EAAA,EAApE,WAAW,GAAA,EAAA,CAAA,aAAE,SAAS,GAAA,EAAA,CAAA,SAAE,EAAA,gBAAA,GAAgB,EAAA,CAAA,gBAAA,CAAA;AAChD,EAAA,IAAM,GAAM,GAAAC,YAAA,CAAyB,EAAE,UAAA,EAAY,WAAW,CAAA,CAAA;AAE9D,EACE,OAAA,KAAA,CAAA,cAACC,yBAAY,EAAAC,kBAAA,CAAA,EACX,GACI,EAAA,EAAA,eACJ,KAAA,EACA,eAAeC,oCACb,CAAA,oBAAA,EACA,iCAAiC,CAEnC,EAAA,iBAAA,EACA,QAAQ,gBAAiB,CAAA,MAAA,EAAM,CAAA,CAAA,CAAA;AAGrC,EAAA;AAEA,mBAAA,CAAoB,WAAc,GAAA,iCAAA;;;;"}

package/dist/cjs/packages/components/src/FilterMultiSelect/subcomponents/Trigger/RemovableFilterTrigger/RemovableFilterTrigger.js

@@ -0,0 +1,22 @@
+'use strict';
+
+var tslib_es6 = require('../../../../../../../node_modules/tslib/tslib.es6.js');
+var React = require('react');
+require('../../../../FilterButton/FilterButton/FilterButton.js');
+var FilterButtonRemovable = require('../../../../FilterButton/FilterButtonRemovable/FilterButtonRemovable.js');
+var MenuTriggerProvider = require('../../../context/MenuTriggerProvider/MenuTriggerProvider.js');
+require('../../../context/SelectionProvider/SelectionProvider.js');
+var getTruncatedLabel = require('../../../utils/getTruncatedLabel.js');
+
+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.createElement(FilterButtonRemovable.FilterButtonRemovable, { ref, classNameOverride, triggerButtonProps: tslib_es6.__assign(tslib_es6.__assign({}, buttonProps), { label, selectedValue: getTruncatedLabel.getTruncatedLabels(selectedOptionLabels, labelCharacterLimitBeforeTruncate), isOpen: menuTriggerState.isOpen }), removeButtonProps: {
+    onClick: onRemove
+  } });
+};
+RemovableFilterTrigger.displayName = "FilterMultiSelect.RemovableTrigger";
+
+exports.RemovableFilterTrigger = RemovableFilterTrigger;
+//# sourceMappingURL=RemovableFilterTrigger.js.map

package/dist/cjs/packages/components/src/FilterMultiSelect/subcomponents/Trigger/RemovableFilterTrigger/RemovableFilterTrigger.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RemovableFilterTrigger.js","sources":["../../../../../../../../../src/FilterMultiSelect/subcomponents/Trigger/RemovableFilterTrigger/RemovableFilterTrigger.tsx"],"sourcesContent":["import React, { useRef } from \"react\"\nimport { FilterTriggerRef } from \"~components/Filter\"\nimport { FilterButtonRemovable } from \"~components/FilterButton\"\nimport { useMenuTriggerContext } from \"../../../context\"\nimport { getTruncatedLabels } from \"../../../utils\"\nimport { FilterTriggerButtonProps } from \"../FilterTriggerButton\"\n\nexport type RemovableFilterTriggerProps = FilterTriggerButtonProps & {\n  onRemove: () => void\n}\n\nexport const RemovableFilterTrigger = ({\n  label,\n  selectedOptionLabels,\n  labelCharacterLimitBeforeTruncate = 50,\n  classNameOverride,\n  onRemove,\n}: RemovableFilterTriggerProps): JSX.Element => {\n  const { buttonProps, buttonRef, menuTriggerState } = useMenuTriggerContext()\n  const ref = useRef<FilterTriggerRef>({ triggerRef: buttonRef })\n\n  return (\n    <FilterButtonRemovable\n      ref={ref}\n      classNameOverride={classNameOverride}\n      triggerButtonProps={{\n        ...buttonProps,\n        label,\n        selectedValue: getTruncatedLabels(\n          selectedOptionLabels,\n          labelCharacterLimitBeforeTruncate\n        ),\n        isOpen: menuTriggerState.isOpen,\n      }}\n      removeButtonProps={{\n        onClick: onRemove,\n      }}\n    />\n  )\n}\n\nRemovableFilterTrigger.displayName = \"FilterMultiSelect.RemovableTrigger\"\n"],"names":["useMenuTriggerContext","useRef","FilterButtonRemovable","__assign","getTruncatedLabels"],"mappings":";;;;;;;;;;AAWa,IAAA,sBAAA,GAAyB,SAAC,EAMT,EAAA;AAL5B,EAAA,IAAA,kBACA,uBAAoB,EAAA,CAAA,oBAAA,EACpB,2CAAA,iCAAoC,GAAA,EAAA,KAAA,SAAA,SACpC,oBAAiB,EAAA,CAAA,iBAAA,EACjB,WAAQ,EAAA,CAAA,QAAA,CAAA;AAEF,EAAA,IAAA,EAAA,GAA+CA,yCAAuB,EAAA,EAApE,WAAW,GAAA,EAAA,CAAA,aAAE,SAAS,GAAA,EAAA,CAAA,SAAE,EAAA,gBAAA,GAAgB,EAAA,CAAA,gBAAA,CAAA;AAChD,EAAA,IAAM,GAAM,GAAAC,YAAA,CAAyB,EAAE,UAAA,EAAY,WAAW,CAAA,CAAA;AAE9D,EACE,OAAA,KAAA,CAAA,aAAC,CAAAC,2CAAA,EAAqB,EACpB,GAAA,EACA,mBACA,kBAAkB,EAAAC,kBAAA,CAAAA,kBAAA,CAAA,EACb,EAAA,WAAW,GACd,EAAA,KAAA,EACA,aAAe,EAAAC,oCAAA,CACb,oBACA,EAAA,iCAAiC,CAEnC,EAAA,MAAA,EAAQ,gBAAiB,CAAA,MAAA,EAAM,CAAA,EAEjC,iBAAmB,EAAA;AAAA,IACjB,OAAS,EAAA,QAAA;AAAA,KACV,CAAA,CAAA;AAGP,EAAA;AAEA,sBAAA,CAAuB,WAAc,GAAA,oCAAA;;;;"}

package/dist/cjs/packages/components/src/FilterMultiSelect/utils/getSelectedOptionKeys.js

@@ -0,0 +1,16 @@
+'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);
+};
+
+exports.getSelectedOptionKeys = getSelectedOptionKeys;
+//# sourceMappingURL=getSelectedOptionKeys.js.map

package/dist/cjs/packages/components/src/FilterMultiSelect/utils/getSelectedOptionKeys.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"getSelectedOptionKeys.js","sources":["../../../../../../../src/FilterMultiSelect/utils/getSelectedOptionKeys.ts"],"sourcesContent":["import React from \"react\"\nimport { Selection } from \"@react-types/shared\"\nimport { ItemType } from \"../types\"\n\nexport const getSelectedOptionKeys = (\n  keys?: Selection,\n  items?: ItemType[]\n): React.Key[] => {\n  if (!keys || !items) {\n    return []\n  }\n\n  if (keys === \"all\") {\n    return items.map(item => item.value)\n  }\n\n  return Array.from(keys)\n}\n"],"names":[],"mappings":";;AAIa,IAAA,qBAAA,GAAwB,SACnC,IAAA,EACA,KAAkB,EAAA;AAElB,EAAI,IAAA,CAAC,IAAQ,IAAA,CAAC,KAAO,EAAA;AACnB,IAAA,OAAO;GACR;AAED,EAAA,IAAI,SAAS,KAAO,EAAA;AAClB,IAAO,OAAA,KAAA,CAAM,GAAI,CAAA,SAAA,IAAI,EAAA;AAAI,MAAA,OAAA,IAAK,CAAA,KAAA,CAAA;AAAA,KAAK,CAAA,CAAA;AAAA,GACpC;AAED,EAAO,OAAA,KAAA,CAAM,KAAK,IAAI,CAAA,CAAA;AACxB;;;;"}

package/dist/cjs/packages/components/src/FilterMultiSelect/utils/getSelectedOptionLabels.js

@@ -0,0 +1,23 @@
+'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 !== "";
+  });
+};
+
+exports.getSelectedOptionLabels = getSelectedOptionLabels;
+//# sourceMappingURL=getSelectedOptionLabels.js.map

package/dist/cjs/packages/components/src/FilterMultiSelect/utils/getSelectedOptionLabels.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"getSelectedOptionLabels.js","sources":["../../../../../../../src/FilterMultiSelect/utils/getSelectedOptionLabels.ts"],"sourcesContent":["import { Selection } from \"@react-types/shared\"\nimport { ItemType } from \"../types\"\n\nexport const getSelectedOptionLabels = (\n  keys?: Selection,\n  items?: ItemType[]\n): string[] => {\n  if (!keys || !items) {\n    return []\n  }\n\n  if (keys === \"all\") {\n    return items.map(item => item.label)\n  }\n\n  return Array.from(keys)\n    .map(key => items.find(item => item.value === key)?.label ?? \"\")\n    .filter(item => item !== \"\")\n}\n"],"names":[],"mappings":";;AAGa,IAAA,uBAAA,GAA0B,SACrC,IAAA,EACA,KAAkB,EAAA;AAElB,EAAI,IAAA,CAAC,IAAQ,IAAA,CAAC,KAAO,EAAA;AACnB,IAAA,OAAO;GACR;AAED,EAAA,IAAI,SAAS,KAAO,EAAA;AAClB,IAAO,OAAA,KAAA,CAAM,GAAI,CAAA,SAAA,IAAI,EAAA;AAAI,MAAA,OAAA,IAAK,CAAA,KAAA,CAAA;AAAA,KAAK,CAAA,CAAA;AAAA,GACpC;AAED,EAAA,OAAO,MAAM,IAAK,CAAA,IAAI,CACnB,CAAA,GAAA,CAAI,SAAA,GAAG,EAAA;AAAA,IAAA,IAAA,EAAA,EAAA,EAAA,CAAA;AAAI,IAAA,OAAA,CAAA,EAAA,GAAA,CAAA,EAAA,GAAA,KAAM,CAAA,IAAA,CAAK,SAAA,IAAI,EAAA;AAAI,MAAA,OAAA,KAAK,KAAU,KAAA,GAAA,CAAA;AAAA,KAAG,CAAC,MAAA,IAAA,IAAA,EAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAE,KAAK,MAAA,IAAA,IAAA,EAAA,KAAA,KAAA,CAAA,GAAA,EAAI,GAAA,EAAA,CAAA;AAAA,GAAE,CAAA,CAC9D,MAAO,CAAA,SAAA,IAAQ,EAAA;AAAA,IAAA,OAAA,IAAS,KAAA,EAAA,CAAA;AAAA,GAAE,CAAA,CAAA;AAC/B;;;;"}

package/dist/cjs/packages/components/src/FilterMultiSelect/utils/getTruncatedLabel.js

@@ -0,0 +1,20 @@
+'use strict';
+
+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);
+};
+var getTruncatedLabels = function(labels, limit) {
+  return truncateByCharacterLimit(labels, limit);
+};
+
+exports.getTruncatedLabels = getTruncatedLabels;
+//# sourceMappingURL=getTruncatedLabel.js.map

package/dist/cjs/packages/components/src/FilterMultiSelect/utils/getTruncatedLabel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"getTruncatedLabel.js","sources":["../../../../../../../src/FilterMultiSelect/utils/getTruncatedLabel.ts"],"sourcesContent":["const CONNECTOR = \", \"\n\nconst truncateByCharacterLimit = (\n  labels: string[],\n  limit: number,\n  labelsTruncatedCount = 0\n): string => {\n  if (labels.length === 1 || labels.join(\"\").replace(/,/g, \"\").length < limit) {\n    const moreIndicator =\n      labelsTruncatedCount > 0 ? ` + ${labelsTruncatedCount} more` : \"\"\n    return `${labels.join(CONNECTOR)}${moreIndicator}`\n  }\n\n  const newLabels = labels.slice(0, labels.length - 1)\n  return truncateByCharacterLimit(newLabels, limit, labelsTruncatedCount + 1)\n}\n\nexport const getTruncatedLabels = (labels: string[], limit: number): string =>\n  truncateByCharacterLimit(labels, limit)\n"],"names":[],"mappings":";;AAAA,IAAM,SAAY,GAAA,IAAA,CAAA;AAElB,IAAM,wBAA2B,GAAA,SAC/B,MACA,EAAA,KAAA,EACA,oBAAwB,EAAA;AAAxB,EAAA,IAAA,yBAAA,KAAA,CAAA,EAAA;AAAA,IAAwB,oBAAA,GAAA,CAAA,CAAA;AAAA,GAAA;AAExB,EAAA,IAAI,MAAO,CAAA,MAAA,KAAW,CAAK,IAAA,MAAA,CAAO,IAAK,CAAA,EAAE,CAAE,CAAA,OAAA,CAAQ,IAAM,EAAA,EAAE,CAAE,CAAA,MAAA,GAAS,KAAO,EAAA;AAC3E,IAAA,IAAM,gBACJ,oBAAuB,GAAA,CAAA,GAAI,MAAA,MAAM,CAAA,oBAAA,EAA2B,OAAA,CAAG,GAAA,EAAA,CAAA;AACjE,IAAO,OAAA,EAAA,CAAA,OAAG,MAAO,CAAA,IAAA,CAAK,SAAS,CAAC,CAAA,CAAA,OAAG,aAAa,CAAA,CAAA;AAAA,GACjD;AAED,EAAA,IAAM,YAAY,MAAO,CAAA,KAAA,CAAM,CAAG,EAAA,MAAA,CAAO,SAAS,CAAC,CAAA,CAAA;AACnD,EAAA,OAAO,wBAAyB,CAAA,SAAA,EAAW,KAAO,EAAA,oBAAA,GAAuB,CAAC,CAAA,CAAA;AAC5E,CAAA,CAAA;AAEa,IAAA,kBAAA,GAAqB,SAAC,MAAA,EAAkB,KAAa,EAAA;AAChE,EAAA,OAAA,wBAAA,CAAyB,QAAQ,KAAK,CAAA,CAAA;AAAtC;;;;"}

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

@@ -0,0 +1,61 @@
+'use strict';
+
+var tslib_es6 = require('../../../../node_modules/tslib/tslib.es6.js');
+var React = require('react');
+var button = require('@react-aria/button');
+var select$1 = require('@react-aria/select');
+var select = require('@react-stately/select');
+var Filter = require('../Filter/Filter.js');
+var FilterContents = require('../Filter/subcomponents/FilterContents/FilterContents.js');
+var SelectContext = require('../__future__/Select/context/SelectContext.js');
+require('../__future__/Select/subcomponents/ListBox/ListBox.js');
+var ListBoxSection = require('../__future__/Select/subcomponents/ListBoxSection/ListBoxSection.js');
+var ListItem = require('../__future__/Select/subcomponents/ListItem/ListItem.js');
+require('../__future__/Select/subcomponents/ListItems/ListItems.js');
+var Option = require('../__future__/Select/subcomponents/Option/Option.js');
+require('../__future__/Select/subcomponents/Overlay/Overlay.js');
+var SectionDivider = require('../__future__/Select/subcomponents/SectionDivider/SectionDivider.js');
+var SelectPopoverContents = require('../__future__/Select/subcomponents/SelectPopoverContents/SelectPopoverContents.js');
+require('../__future__/Select/subcomponents/SelectToggle/SelectToggle.js');
+var getDisabledKeysFromItems = require('../__future__/Select/utils/getDisabledKeysFromItems.js');
+var transformSelectItemToCollectionElement = require('../__future__/Select/utils/transformSelectItemToCollectionElement.js');
+var FilterSelect_module = require('./FilterSelect.module.scss.js');
+
+var FilterSelect = function(_a) {
+  var isOpen = _a.isOpen, setIsOpen = _a.setIsOpen, renderTrigger = _a.renderTrigger, label = _a.label, children = _a.children, items = _a.items, classNameOverride = _a.classNameOverride, selectedKey = _a.selectedKey, restProps = tslib_es6.__rest(_a, ["isOpen", "setIsOpen", "renderTrigger", "label", "children", "items", "classNameOverride", "selectedKey"]);
+  var _b = React.useState({ current: null }), triggerRef = _b[0], setTriggerRef = _b[1];
+  var disabledKeys = getDisabledKeysFromItems.getDisabledKeysFromItems(items);
+  var ariaSelectProps = tslib_es6.__assign({ label, items, children: transformSelectItemToCollectionElement.transformSelectItemToCollectionElement, isOpen, onOpenChange: setIsOpen, disabledKeys, selectedKey: typeof selectedKey === "number" ? selectedKey.toString() : selectedKey }, restProps);
+  var state = select.useSelectState(ariaSelectProps);
+  var _c = select$1.useSelect(ariaSelectProps, state, triggerRef), triggerProps = _c.triggerProps, menuProps = _c.menuProps;
+  var buttonProps = button.useButton(triggerProps, triggerRef).buttonProps;
+  return React.createElement(
+    React.Fragment,
+    null,
+    React.createElement(select$1.HiddenSelect, { label, state, triggerRef }),
+    React.createElement(
+      Filter.Filter,
+      { isOpen, setIsOpen, renderTrigger: function() {
+        var _a2;
+        return renderTrigger(tslib_es6.__assign({ selectedValue: ((_a2 = state.selectedItem) === null || _a2 === void 0 ? void 0 : _a2.textValue) || void 0, label, isOpen }, buttonProps));
+      }, onMount: setTriggerRef, classNameOverride },
+      React.createElement(
+        FilterContents.FilterContents,
+        { classNameOverride: FilterSelect_module.filterContents },
+        React.createElement(
+          SelectContext.SelectProvider,
+          { state },
+          React.createElement(SelectPopoverContents.SelectPopoverContents, { menuProps }, children)
+        )
+      )
+    )
+  );
+};
+FilterSelect.displayName = "FilterSelect";
+FilterSelect.Section = ListBoxSection.ListBoxSection;
+FilterSelect.SectionDivider = SectionDivider.SectionDivider;
+FilterSelect.Option = Option.Option;
+FilterSelect.ItemDefaultRender = ListItem.ListItem;
+
+exports.FilterSelect = FilterSelect;
+//# sourceMappingURL=FilterSelect.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FilterSelect.js","sources":["../../../../../../src/FilterSelect/FilterSelect.tsx"],"sourcesContent":["import React, { useState } from \"react\"\nimport { useButton } from \"@react-aria/button\"\nimport { HiddenSelect, useSelect } from \"@react-aria/select\"\nimport {\n  useSelectState,\n  SelectProps as AriaSelectProps,\n} from \"@react-stately/select\"\nimport { Filter, FilterContents } from \"~components/Filter\"\nimport { FilterButtonProps } from \"~components/FilterButton\"\nimport { SelectProvider } from \"~components/__future__/Select/context\"\nimport {\n  ListBoxSection,\n  ListItem,\n  Option,\n  SectionDivider,\n  SelectPopoverContents,\n  SelectPopoverContentsProps,\n} from \"~components/__future__/Select/subcomponents\"\nimport { getDisabledKeysFromItems } from \"~components/__future__/Select/utils/getDisabledKeysFromItems\"\nimport { transformSelectItemToCollectionElement } from \"~components/__future__/Select/utils/transformSelectItemToCollectionElement\"\nimport { OverrideClassName } from \"~types/OverrideClassName\"\nimport { SelectItem, SelectOption } from \"./types\"\nimport styles from \"./FilterSelect.module.scss\"\n\ntype OmittedAriaSelectProps =\n  | \"label\"\n  | \"children\"\n  | \"isOpen\"\n  | \"onOpenChange\"\n  | \"defaultOpen\"\n  | \"items\"\n\nexport type FilterSelectProps<Option extends SelectOption = SelectOption> = {\n  isOpen: boolean\n  setIsOpen: (isOpen: boolean) => void\n  renderTrigger: (triggerButtonProps: FilterButtonProps) => JSX.Element\n  label: string\n  children?: SelectPopoverContentsProps<Option>[\"children\"]\n  items: Array<SelectItem<Option>>\n} & OverrideClassName<Omit<AriaSelectProps<Option>, OmittedAriaSelectProps>>\n\nexport const FilterSelect = <Option extends SelectOption = SelectOption>({\n  isOpen,\n  setIsOpen,\n  renderTrigger,\n  label,\n  children,\n  items,\n  classNameOverride,\n  selectedKey,\n  ...restProps\n}: FilterSelectProps<Option>): JSX.Element => {\n  // Ref will be populated by Filter\n  const [triggerRef, setTriggerRef] = useState<\n    React.RefObject<HTMLButtonElement>\n  >({ current: null })\n\n  const disabledKeys = getDisabledKeysFromItems(items)\n\n  const ariaSelectProps: AriaSelectProps<SelectItem<Option>> = {\n    label,\n    items,\n    children: transformSelectItemToCollectionElement,\n    isOpen,\n    onOpenChange: setIsOpen,\n    disabledKeys,\n    selectedKey:\n      typeof selectedKey === \"number\" ? selectedKey.toString() : selectedKey,\n    ...restProps,\n  }\n\n  const state = useSelectState(ariaSelectProps)\n\n  const { triggerProps, menuProps } = useSelect(\n    ariaSelectProps,\n    state,\n    triggerRef\n  )\n\n  const { buttonProps } = useButton(triggerProps, triggerRef)\n\n  return (\n    <>\n      <HiddenSelect label={label} state={state} triggerRef={triggerRef} />\n      <Filter\n        isOpen={isOpen}\n        setIsOpen={setIsOpen}\n        renderTrigger={(): JSX.Element =>\n          renderTrigger({\n            selectedValue: state.selectedItem?.textValue || undefined,\n            label,\n            isOpen,\n            ...buttonProps,\n          })\n        }\n        onMount={setTriggerRef}\n        classNameOverride={classNameOverride}\n      >\n        <FilterContents classNameOverride={styles.filterContents}>\n          <SelectProvider<Option> state={state}>\n            <SelectPopoverContents menuProps={menuProps}>\n              {children}\n            </SelectPopoverContents>\n          </SelectProvider>\n        </FilterContents>\n      </Filter>\n    </>\n  )\n}\n\nFilterSelect.displayName = \"FilterSelect\"\n\nFilterSelect.Section = ListBoxSection\nFilterSelect.SectionDivider = SectionDivider\nFilterSelect.Option = Option\nFilterSelect.ItemDefaultRender = ListItem\n"],"names":["__rest","useState","getDisabledKeysFromItems","__assign","transformSelectItemToCollectionElement","useSelectState","useSelect","useButton","HiddenSelect","Filter","_a","FilterContents","styles","SelectProvider","SelectPopoverContents","ListBoxSection","SectionDivider","Option","ListItem"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAyCa,IAAA,YAAA,GAAe,SAA6C,EAU7C,EAAA;AAT1B,EAAA,IAAA,SAAM,EAAA,CAAA,MAAA,EACN,SAAS,GAAA,EAAA,CAAA,WACT,aAAa,GAAA,EAAA,CAAA,aACb,EAAA,KAAA,GAAK,GAAA,KACL,EAAA,QAAA,GAAQ,EAAA,CAAA,QAAA,EACR,QAAK,EAAA,CAAA,KAAA,EACL,iBAAiB,GAAA,EAAA,CAAA,mBACjB,WAAW,GAAA,EAAA,CAAA,WACR,EAAA,SAAA,GAToEA,iBAAA,EAAA,EAAA,CAAA,QAAA,EAAA,WAAA,EAAA,iBAAA,OAAA,EAAA,UAAA,EAAA,OAAA,EAAA,mBAAA,EAAA,aAAA,CAUxE,CAAA,CAAA;AAEO,EAAA,IAAA,EAA8B,GAAAC,cAAA,CAElC,EAAE,OAAA,EAAS,IAAM,EAAA,CAFZ,EAAA,UAAA,GAAU,EAAA,CAAA,CAAA,CAAE,EAAA,aAAA;AAInB,EAAM,IAAA,YAAA,GAAeC,kDAAyB,KAAK,CAAA,CAAA;AAEnD,EAAM,IAAA,eAAA,GACJC,mBAAA,EAAA,KAAA,EACA,OACA,QAAU,EAAAC,6EAAA,EACV,QACA,YAAc,EAAA,SAAA,EACd,cACA,WACE,EAAA,OAAO,gBAAgB,QAAW,GAAA,WAAA,CAAY,UAAa,GAAA,WAAA,IAC1D,SAAS,CAAA,CAAA;AAGd,EAAM,IAAA,KAAA,GAAQC,sBAAe,eAAe,CAAA,CAAA;AAEtC,EAAA,IAAA,EAAA,GAA8BC,kBAClC,CAAA,eAAA,EACA,KACA,EAAA,UAAU,GAHJ,YAAY,GAAA,EAAA,CAAA,YAAE,EAAA,SAAA;AAMd,EAAA,IAAA,WAAgB,GAAAC,gBAAA,CAAU,YAAc,EAAA,UAAU,CAAC,CAAA,WAAA,CAAA;AAE3D,EAAA,OACE,KAAA,CAAA,aAAA;AAAA,IAAA,KAAA,CAAA,QAAA;AAAA,IAAA,IAAA;AAAA,IACE,MAAA,aAAC,CAAAC,qBAAA,EAAY,EAAC,KAAc,EAAA,KAAA,EAAc,YAA0B,CAAA;AAAA,IACpE,KAAC,CAAA,aAAA;AAAA,MAAAC,aAAA;AAAA,MACC,EAAA,MAAA,EACA,SACA,EAAA,aAAA,EAAe,WAAA;;AACb,QAAA,OAAA,mCACE,iBAAeC,GAAA,GAAA,KAAA,CAAM,kBAAc,IAAAA,IAAAA,GAAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,IAAA,SAAa,KAAA,KAAA,CAAA,EAChD,OACA,MAAM,EAAA,EACH,WAAW,CAAA,CAAA,CAAA;AAAA,OACd,EAEJ,OAAS,EAAA,aAAA,EACT,iBAAoC,EAAA;AAAA,MAEpC,KAAA,CAAA,aAAA;AAAA,QAACC,6BAAA;AAAA,QAAe,EAAA,iBAAmB,EAAAC,mBAAA,CAAO,cAAc,EAAA;AAAA,QACtD,KAAA,CAAA,aAAA;AAAA,UAACC,4BAAA;AAAA,UAAc,EAAS,KAAY,EAAA;AAAA,UAClC,MAAA,aAAC,CAAAC,2CAAA,EAAqB,EAAC,SAAA,IACpB,QAAQ,CAAA;AAAA,SACa;AAAA,OACT;AAAA,KACF;AAAA,GACV,CAAA;AAGf,EAAA;AAEA,YAAA,CAAa,WAAc,GAAA,cAAA,CAAA;AAE3B,YAAA,CAAa,OAAU,GAAAC,6BAAA,CAAA;AACvB,YAAA,CAAa,cAAiB,GAAAC,6BAAA,CAAA;AAC9B,YAAA,CAAa,MAAS,GAAAC,aAAA,CAAA;AACtB,YAAA,CAAa,iBAAoB,GAAAC,iBAAA;;;;"}

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

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

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

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

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

@@ -0,0 +1,36 @@
+'use strict';
+
+var tslib_es6 = require('../../../../node_modules/tslib/tslib.es6.js');
+var React = require('react');
+var classnames = require('classnames');
+var Heading_module = require('./Heading.module.scss.js');
+
+var VARIANTS_24PX_OR_GREATER = ["display-0", "heading-1", "heading-2"];
+var Heading = function(_a) {
+  var children = _a.children, tag = _a.tag, variant = _a.variant, _b = _a.color, color = _b === void 0 ? "dark" : _b, classNameOverride = _a.classNameOverride, restProps = tslib_es6.__rest(_a, ["children", "tag", "variant", "color", "classNameOverride"]);
+  var inferredTag = tag === void 0 ? translateHeadingLevelToTag(variant) : tag;
+  var className = classnames(Heading_module.heading, Heading_module[variant], classNameOverride, Heading_module[color], VARIANTS_24PX_OR_GREATER.includes(variant) ? Heading_module.large : Heading_module.small);
+  return React.createElement(inferredTag, tslib_es6.__assign(tslib_es6.__assign({}, restProps), { className }), children);
+};
+Heading.displayName = "Heading";
+var translateHeadingLevelToTag = function(headingLevel) {
+  switch (headingLevel) {
+    case "display-0":
+    case "heading-1":
+      return "h1";
+    case "heading-2":
+      return "h2";
+    case "heading-3":
+      return "h3";
+    case "heading-4":
+      return "h4";
+    case "heading-5":
+      return "h5";
+    case "heading-6":
+    default:
+      return "h6";
+  }
+};
+
+exports.Heading = Heading;
+//# sourceMappingURL=Heading.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Heading.js","sources":["../../../../../../src/Heading/Heading.tsx"],"sourcesContent":["import { createElement, HTMLAttributes } from \"react\"\nimport classnames from \"classnames\"\nimport { OverrideClassName } from \"~types/OverrideClassName\"\nimport styles from \"./Heading.module.scss\"\n\nconst VARIANTS_24PX_OR_GREATER = [\"display-0\", \"heading-1\", \"heading-2\"]\n\nexport type HeadingVariants =\n  | \"display-0\"\n  | \"heading-1\"\n  | \"heading-2\"\n  | \"heading-3\"\n  | \"heading-4\"\n  | \"heading-5\"\n  | \"heading-6\"\n\nexport type AllowedHeadingTags =\n  | \"pre\"\n  | \"p\"\n  | \"div\"\n  | \"span\"\n  | \"h1\"\n  | \"h2\"\n  | \"h3\"\n  | \"h4\"\n  | \"h5\"\n  | \"h6\"\n  | \"label\"\n\nexport type AllowedHeadingColors =\n  | \"dark\"\n  | \"dark-reduced-opacity\"\n  | \"white\"\n  | \"white-reduced-opacity\"\n  | \"positive\"\n  | \"negative\"\n\nexport interface HeadingProps\n  extends OverrideClassName<HTMLAttributes<HTMLElement>> {\n  children: React.ReactNode\n  /**\n   * HTML elements that are allowed on Headings. When not supplied, the tag is inferred from\n   * the variant. E.g. display-0 will infer h1\n   */\n  tag?: AllowedHeadingTags\n  /**\n   * Allowed heading variants\n   */\n  variant: HeadingVariants\n  color?: AllowedHeadingColors\n}\n\n/**\n * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3074885298/Typography#Headings Guidance}\n * {@link https://cultureamp.design/?path=/docs/components-typography-heading--display-0 Storybook}\n */\nexport const Heading = ({\n  children,\n  tag,\n  variant,\n  color = \"dark\",\n  classNameOverride,\n  ...restProps\n}: HeadingProps): JSX.Element => {\n  const inferredTag =\n    tag === undefined ? translateHeadingLevelToTag(variant) : tag\n\n  const className = classnames(\n    styles.heading,\n    styles[variant],\n    classNameOverride,\n    styles[color],\n    VARIANTS_24PX_OR_GREATER.includes(variant) ? styles.large : styles.small\n  )\n\n  return createElement(inferredTag, { ...restProps, className }, children)\n}\n\nHeading.displayName = \"Heading\"\n\n/**\n * A helper to infer the tag when not explicitly passed as a prop\n * @param headingLevel Level of the heading\n */\nconst translateHeadingLevelToTag = (headingLevel: HeadingVariants): string => {\n  switch (headingLevel) {\n    case \"display-0\":\n    case \"heading-1\":\n      return \"h1\"\n    case \"heading-2\":\n      return \"h2\"\n    case \"heading-3\":\n      return \"h3\"\n    case \"heading-4\":\n      return \"h4\"\n    case \"heading-5\":\n      return \"h5\"\n    case \"heading-6\":\n    default:\n      return \"h6\"\n  }\n}\n"],"names":["__rest","styles","createElement","__assign"],"mappings":";;;;;;;AAKA,IAAM,wBAA2B,GAAA,CAAC,WAAa,EAAA,WAAA,EAAa,WAAW,CAAA,CAAA;AAmD1D,IAAA,OAAA,GAAU,SAAC,EAOT,EAAA;AANb,EAAA,IAAA,sBACA,EAAA,GAAA,WACA,OAAO,GAAA,EAAA,CAAA,OACP,EAAA,EAAA,GAAc,EAAA,CAAA,KAAA,EAAd,KAAQ,GAAA,EAAA,KAAA,KAAA,CAAA,GAAA,MAAA,KACR,EAAA,iBAAA,yBACG,SANmB,GAAAA,gBAAA,CAAA,EAAA,EAAA,CAAA,UAAA,EAAA,KAAA,EAAA,SAAA,EAAA,OAAA,EAAA,mBAAA,CAOvB,CAAA,CAAA;AACC,EAAA,IAAM,WACJ,GAAA,GAAA,KAAQ,KAAY,CAAA,GAAA,0BAAA,CAA2B,OAAO,CAAI,GAAA,GAAA,CAAA;AAE5D,EAAA,IAAM,YAAY,UAChB,CAAAC,cAAA,CAAO,SACPA,cAAO,CAAA,OAAO,GACd,iBACA,EAAAA,cAAA,CAAO,KAAK,CAAA,EACZ,yBAAyB,QAAS,CAAA,OAAO,IAAIA,cAAO,CAAA,KAAA,GAAQA,eAAO,KAAK,CAAA,CAAA;AAG1E,EAAA,OAAOC,mBAAc,CAAA,WAAA,EAAkBC,kBAAA,CAAAA,kBAAA,CAAA,EAAA,EAAA,SAAS,CAAA,EAAE,EAAA,SAAA,EAAS,CAAA,EAAI,QAAQ,CAAA,CAAA;AACzE,EAAA;AAEA,OAAA,CAAQ,WAAc,GAAA,SAAA,CAAA;AAMtB,IAAM,0BAAA,GAA6B,SAAC,YAA6B,EAAA;AAC/D,EAAA,QAAQ,YAAc;AAAA,IACpB,KAAK,WAAA,CAAA;AAAA,IACL,KAAK,WAAA;AACH,MAAO,OAAA,IAAA,CAAA;AAAA,IACT,KAAK,WAAA;AACH,MAAO,OAAA,IAAA,CAAA;AAAA,IACT,KAAK,WAAA;AACH,MAAO,OAAA,IAAA,CAAA;AAAA,IACT,KAAK,WAAA;AACH,MAAO,OAAA,IAAA,CAAA;AAAA,IACT,KAAK,WAAA;AACH,MAAO,OAAA,IAAA,CAAA;AAAA,IACT,KAAK,WAAA,CAAA;AAAA,IACL;AACE,MAAO,OAAA,IAAA,CAAA;AAAA,GACV;AACH,CAAA;;;;"}

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

@@ -0,0 +1,6 @@
+'use strict';
+
+var styles = {"heading":"Heading-module_heading__Gq6I8","display-0":"Heading-module_display-0__yZ7rx","heading-1":"Heading-module_heading-1__PbAcw","heading-2":"Heading-module_heading-2__Ovpfe","heading-3":"Heading-module_heading-3__S4Pb1","heading-4":"Heading-module_heading-4__IIiwi","heading-5":"Heading-module_heading-5__QFtpN","heading-6":"Heading-module_heading-6__kts--","dark":"Heading-module_dark__IqcnT","dark-reduced-opacity":"Heading-module_dark-reduced-opacity__i-JqI","white":"Heading-module_white__mUqRT","white-reduced-opacity":"Heading-module_white-reduced-opacity__y1wq8","positive":"Heading-module_positive__mBS79","small":"Heading-module_small__qupiD","large":"Heading-module_large__cB-V3","negative":"Heading-module_negative__Q4byH"};
+
+module.exports = styles;
+//# sourceMappingURL=Heading.module.scss.js.map

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

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

package/dist/cjs/packages/components/src/Icon/AcademyIcon.js

@@ -0,0 +1,24 @@
+'use strict';
+
+var tslib_es6 = require('../../../../node_modules/tslib/tslib.es6.js');
+var React = require('react');
+var uuid = require('uuid');
+var SVG = require('./subcomponents/SVG/SVG.js');
+
+var AcademyIcon = function(props) {
+  var uniqueId = uuid.v4();
+  var svgContent = React.createElement(
+    React.Fragment,
+    null,
+    React.createElement(
+      "defs",
+      null,
+      React.createElement("path", { id: uniqueId, d: "M10 2 0 7.455l10 5.454 8.182-4.464v6.281H20V7.455L10 2Zm0 12.726-6.364-3.471v3.636L10 18.364l6.364-3.473v-3.636L10 14.726Z" })
+    ),
+    React.createElement("use", { fill: "currentColor", href: "#".concat(uniqueId), fillRule: "evenodd" })
+  );
+  return React.createElement(SVG.SVG, tslib_es6.__assign({}, props), svgContent);
+};
+
+exports.AcademyIcon = AcademyIcon;
+//# sourceMappingURL=AcademyIcon.js.map

package/dist/cjs/packages/components/src/Icon/AcademyIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AcademyIcon.js","sources":["../../../../../../src/Icon/AcademyIcon.tsx"],"sourcesContent":["// This file is autogenerated by wrapSVGs.ts\n// Changes to this file will be overwritten\n\nimport React from \"react\"\nimport { v4 as uuidv4 } from \"uuid\"\nimport { SVG, IconProps } from \"~components/Icon/subcomponents/SVG\"\n\nexport const AcademyIcon = (props: IconProps): JSX.Element => {\n  const uniqueId = uuidv4()\n  const svgContent = (\n    <>\n      <defs>\n        <path\n          id={uniqueId}\n          d=\"M10 2 0 7.455l10 5.454 8.182-4.464v6.281H20V7.455L10 2Zm0 12.726-6.364-3.471v3.636L10 18.364l6.364-3.473v-3.636L10 14.726Z\"\n        />\n      </defs>\n      <use fill=\"currentColor\" href={`#${uniqueId}`} fillRule=\"evenodd\" />\n    </>\n  )\n  return <SVG {...props}>{svgContent}</SVG>\n}\n"],"names":["uuidv4","SVG","__assign"],"mappings":";;;;;;;AAOa,IAAA,WAAA,GAAc,SAAC,KAAgB,EAAA;AAC1C,EAAA,IAAM,WAAWA,OAAM,EAAA,CAAA;AACvB,EAAA,IAAM,aACJ,KAAA,CAAA,aAAA;AAAA,IAAA,KAAA,CAAA,QAAA;AAAA,IAAA,IAAA;AAAA,IACE,KAAA,CAAA,aAAA;AAAA,MAAA,MAAA;AAAA,MAAA,IAAA;AAAA,MACE,KAAA,CACE,cAAA,MAAA,EAAA,EAAA,IAAI,QACJ,EAAA,CAAA,EAAE;KACF;AAAA,IAEJ,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAK,IAAK,EAAA,cAAA,EAAe,IAAM,EAAA,GAAA,CAAI,MAAA,CAAA,QAAQ,CAAI,EAAA,QAAA,EAAS,WAAY,CAAA;AAAA,GAAA,CAAA;AAGxE,EAAO,OAAA,KAAA,eAACC,OAAG,EAAAC,kBAAA,CAAA,EAAK,EAAA,KAAK,GAAG,UAAU,CAAA,CAAA;AACpC;;;;"}

package/dist/cjs/packages/components/src/Icon/ActionOffIcon.js

@@ -0,0 +1,24 @@
+'use strict';
+
+var tslib_es6 = require('../../../../node_modules/tslib/tslib.es6.js');
+var React = require('react');
+var uuid = require('uuid');
+var SVG = require('./subcomponents/SVG/SVG.js');
+
+var ActionOffIcon = function(props) {
+  var uniqueId = uuid.v4();
+  var svgContent = React.createElement(
+    React.Fragment,
+    null,
+    React.createElement(
+      "defs",
+      null,
+      React.createElement("path", { id: uniqueId, d: "m7.947 1-4.248 9.469 5.271-.144L8.53 19l7.771-13.196H11.72l2.004-4.783L7.947 1Zm.91 1.385 2.776.01-1.207 2.882-.8 1.909h4.243l-3.652 6.2.151-2.992.076-1.49-1.512.04-3.055.084 2.98-6.643Z" })
+    ),
+    React.createElement("use", { fill: "currentColor", href: "#".concat(uniqueId), fillRule: "evenodd" })
+  );
+  return React.createElement(SVG.SVG, tslib_es6.__assign({}, props), svgContent);
+};
+
+exports.ActionOffIcon = ActionOffIcon;
+//# sourceMappingURL=ActionOffIcon.js.map

package/dist/cjs/packages/components/src/Icon/ActionOffIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ActionOffIcon.js","sources":["../../../../../../src/Icon/ActionOffIcon.tsx"],"sourcesContent":["// This file is autogenerated by wrapSVGs.ts\n// Changes to this file will be overwritten\n\nimport React from \"react\"\nimport { v4 as uuidv4 } from \"uuid\"\nimport { SVG, IconProps } from \"~components/Icon/subcomponents/SVG\"\n\nexport const ActionOffIcon = (props: IconProps): JSX.Element => {\n  const uniqueId = uuidv4()\n  const svgContent = (\n    <>\n      <defs>\n        <path\n          id={uniqueId}\n          d=\"m7.947 1-4.248 9.469 5.271-.144L8.53 19l7.771-13.196H11.72l2.004-4.783L7.947 1Zm.91 1.385 2.776.01-1.207 2.882-.8 1.909h4.243l-3.652 6.2.151-2.992.076-1.49-1.512.04-3.055.084 2.98-6.643Z\"\n        />\n      </defs>\n      <use fill=\"currentColor\" href={`#${uniqueId}`} fillRule=\"evenodd\" />\n    </>\n  )\n  return <SVG {...props}>{svgContent}</SVG>\n}\n"],"names":["uuidv4","SVG","__assign"],"mappings":";;;;;;;AAOa,IAAA,aAAA,GAAgB,SAAC,KAAgB,EAAA;AAC5C,EAAA,IAAM,WAAWA,OAAM,EAAA,CAAA;AACvB,EAAA,IAAM,aACJ,KAAA,CAAA,aAAA;AAAA,IAAA,KAAA,CAAA,QAAA;AAAA,IAAA,IAAA;AAAA,IACE,KAAA,CAAA,aAAA;AAAA,MAAA,MAAA;AAAA,MAAA,IAAA;AAAA,MACE,KAAA,CACE,cAAA,MAAA,EAAA,EAAA,IAAI,QACJ,EAAA,CAAA,EAAE;KACF;AAAA,IAEJ,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAK,IAAK,EAAA,cAAA,EAAe,IAAM,EAAA,GAAA,CAAI,MAAA,CAAA,QAAQ,CAAI,EAAA,QAAA,EAAS,WAAY,CAAA;AAAA,GAAA,CAAA;AAGxE,EAAO,OAAA,KAAA,eAACC,OAAG,EAAAC,kBAAA,CAAA,EAAK,EAAA,KAAK,GAAG,UAAU,CAAA,CAAA;AACpC;;;;"}

package/dist/cjs/packages/components/src/Icon/ActionOffWhiteIcon.js

@@ -0,0 +1,29 @@
+'use strict';
+
+var tslib_es6 = require('../../../../node_modules/tslib/tslib.es6.js');
+var React = require('react');
+var uuid = require('uuid');
+var SVG = require('./subcomponents/SVG/SVG.js');
+
+var ActionOffWhiteIcon = function(props) {
+  var uniqueId = uuid.v4();
+  var svgContent = React.createElement(
+    React.Fragment,
+    null,
+    React.createElement(
+      "defs",
+      null,
+      React.createElement("path", { id: uniqueId, d: "m7.947 1-4.248 9.469 5.271-.144L8.53 19l7.771-13.196H11.72l2.004-4.783z" })
+    ),
+    React.createElement(
+      "g",
+      { fill: "none", fillRule: "evenodd" },
+      React.createElement("use", { fill: "currentColor", href: "#".concat(uniqueId) }),
+      React.createElement("path", { fill: "#FFF", d: "m8.857 2.385 2.776.01-1.207 2.882-.8 1.909h4.243l-3.652 6.2.151-2.992.076-1.49-1.512.04-3.055.084z" })
+    )
+  );
+  return React.createElement(SVG.SVG, tslib_es6.__assign({}, props), svgContent);
+};
+
+exports.ActionOffWhiteIcon = ActionOffWhiteIcon;
+//# sourceMappingURL=ActionOffWhiteIcon.js.map

package/dist/cjs/packages/components/src/Icon/ActionOffWhiteIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ActionOffWhiteIcon.js","sources":["../../../../../../src/Icon/ActionOffWhiteIcon.tsx"],"sourcesContent":["// This file is autogenerated by wrapSVGs.ts\n// Changes to this file will be overwritten\n\nimport React from \"react\"\nimport { v4 as uuidv4 } from \"uuid\"\nimport { SVG, IconProps } from \"~components/Icon/subcomponents/SVG\"\n\nexport const ActionOffWhiteIcon = (props: IconProps): JSX.Element => {\n  const uniqueId = uuidv4()\n  const svgContent = (\n    <>\n      <defs>\n        <path\n          id={uniqueId}\n          d=\"m7.947 1-4.248 9.469 5.271-.144L8.53 19l7.771-13.196H11.72l2.004-4.783z\"\n        />\n      </defs>\n      <g fill=\"none\" fillRule=\"evenodd\">\n        <use fill=\"currentColor\" href={`#${uniqueId}`} />\n        <path\n          fill=\"#FFF\"\n          d=\"m8.857 2.385 2.776.01-1.207 2.882-.8 1.909h4.243l-3.652 6.2.151-2.992.076-1.49-1.512.04-3.055.084z\"\n        />\n      </g>\n    </>\n  )\n  return <SVG {...props}>{svgContent}</SVG>\n}\n"],"names":["uuidv4","SVG","__assign"],"mappings":";;;;;;;AAOa,IAAA,kBAAA,GAAqB,SAAC,KAAgB,EAAA;AACjD,EAAA,IAAM,WAAWA,OAAM,EAAA,CAAA;AACvB,EAAA,IAAM,aACJ,KAAA,CAAA,aAAA;AAAA,IAAA,KAAA,CAAA,QAAA;AAAA,IAAA,IAAA;AAAA,IACE,KAAA,CAAA,aAAA;AAAA,MAAA,MAAA;AAAA,MAAA,IAAA;AAAA,MACE,KAAA,CACE,cAAA,MAAA,EAAA,EAAA,IAAI,QACJ,EAAA,CAAA,EAAE;KACF;AAAA,IAEJ,KAAA,CAAA,aAAA;AAAA,MAAA,GAAA;AAAA,MAAA,EAAG,IAAA,EAAK,MAAO,EAAA,QAAA,EAAS,SAAS,EAAA;AAAA,MAC/B,KAAA,CAAK,aAAA,CAAA,KAAA,EAAA,EAAA,IAAA,EAAK,cAAe,EAAA,IAAA,EAAM,GAAA,CAAA,MAAA,CAAI,QAAQ,CAAA,EAAM,CAAA;AAAA,MACjD,KAAA,CACE,cAAA,MAAA,EAAA,EAAA,MAAK,MACL,EAAA,CAAA,EAAE,sGACF,CAAA;AAAA,KAAA;AAAA,GACA,CAAA;AAGR,EAAO,OAAA,KAAA,eAACC,OAAG,EAAAC,kBAAA,CAAA,EAAK,EAAA,KAAK,GAAG,UAAU,CAAA,CAAA;AACpC;;;;"}

package/dist/cjs/packages/components/src/Icon/ActionOnIcon.js

@@ -0,0 +1,24 @@
+'use strict';
+
+var tslib_es6 = require('../../../../node_modules/tslib/tslib.es6.js');
+var React = require('react');
+var uuid = require('uuid');
+var SVG = require('./subcomponents/SVG/SVG.js');
+
+var ActionOnIcon = function(props) {
+  var uniqueId = uuid.v4();
+  var svgContent = React.createElement(
+    React.Fragment,
+    null,
+    React.createElement(
+      "defs",
+      null,
+      React.createElement("path", { id: uniqueId, d: "m3.699 10.469 5.271-.143L8.53 19l7.771-13.195H11.72l2.004-4.784L7.947 1z" })
+    ),
+    React.createElement("use", { fill: "currentColor", href: "#".concat(uniqueId), fillRule: "evenodd" })
+  );
+  return React.createElement(SVG.SVG, tslib_es6.__assign({}, props), svgContent);
+};
+
+exports.ActionOnIcon = ActionOnIcon;
+//# sourceMappingURL=ActionOnIcon.js.map

package/dist/cjs/packages/components/src/Icon/ActionOnIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ActionOnIcon.js","sources":["../../../../../../src/Icon/ActionOnIcon.tsx"],"sourcesContent":["// This file is autogenerated by wrapSVGs.ts\n// Changes to this file will be overwritten\n\nimport React from \"react\"\nimport { v4 as uuidv4 } from \"uuid\"\nimport { SVG, IconProps } from \"~components/Icon/subcomponents/SVG\"\n\nexport const ActionOnIcon = (props: IconProps): JSX.Element => {\n  const uniqueId = uuidv4()\n  const svgContent = (\n    <>\n      <defs>\n        <path\n          id={uniqueId}\n          d=\"m3.699 10.469 5.271-.143L8.53 19l7.771-13.195H11.72l2.004-4.784L7.947 1z\"\n        />\n      </defs>\n      <use fill=\"currentColor\" href={`#${uniqueId}`} fillRule=\"evenodd\" />\n    </>\n  )\n  return <SVG {...props}>{svgContent}</SVG>\n}\n"],"names":["uuidv4","SVG","__assign"],"mappings":";;;;;;;AAOa,IAAA,YAAA,GAAe,SAAC,KAAgB,EAAA;AAC3C,EAAA,IAAM,WAAWA,OAAM,EAAA,CAAA;AACvB,EAAA,IAAM,aACJ,KAAA,CAAA,aAAA;AAAA,IAAA,KAAA,CAAA,QAAA;AAAA,IAAA,IAAA;AAAA,IACE,KAAA,CAAA,aAAA;AAAA,MAAA,MAAA;AAAA,MAAA,IAAA;AAAA,MACE,KAAA,CACE,cAAA,MAAA,EAAA,EAAA,IAAI,QACJ,EAAA,CAAA,EAAE;KACF;AAAA,IAEJ,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAK,IAAK,EAAA,cAAA,EAAe,IAAM,EAAA,GAAA,CAAI,MAAA,CAAA,QAAQ,CAAI,EAAA,QAAA,EAAS,WAAY,CAAA;AAAA,GAAA,CAAA;AAGxE,EAAO,OAAA,KAAA,eAACC,OAAG,EAAAC,kBAAA,CAAA,EAAK,EAAA,KAAK,GAAG,UAAU,CAAA,CAAA;AACpC;;;;"}