@dreamcommerce/aurora 0.4.1 → 0.4.4-1

package/build/cjs/packages/aurora/src/components/dropdown/components/link.js

@@ -3,7 +3,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
-var _tslib = require('../../../../../../_virtual/_tslib.js');
 var css_classes = require('../css_classes.js');
 var main_module = require('../../../css/dropdown/main.module.less.js');
 
@@ -19,19 +18,18 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
  *  <Dropdown.Link text="shoper.pl" href="https://shoper.pl" target="_blank" />
  * </Dropdown.List>
  */
-var Link = function (_a) {
-    var 
-    /**
-     * link text
-     */
-    text = _a.text, 
-    /**
-     * HTMLLinkElement attributes (href, target, rel)
-     */
-    attributes = _tslib.__rest(_a, ["text"]);
-    var itemCssClass = "".concat(main_module['default'][css_classes.cssDropdownListItem], " ").concat(main_module['default']['link']);
+const Link = ({ 
+/**
+ * link text
+ */
+text, 
+/**
+ * HTMLLinkElement attributes (href, target, rel)
+ */
+...attributes }) => {
+    const itemCssClass = `${main_module['default'][css_classes.cssDropdownListItem]} ${main_module['default']['link']}`;
     return (React__default['default'].createElement("li", null,
-        React__default['default'].createElement("a", _tslib.__assign({}, attributes, { className: itemCssClass }),
+        React__default['default'].createElement("a", { ...attributes, className: itemCssClass },
             React__default['default'].createElement("span", null, text))));
 };
 

package/build/cjs/packages/aurora/src/components/dropdown/components/link.js.map

@@ -1 +1 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

package/build/cjs/packages/aurora/src/components/dropdown/components/list.js

@@ -20,20 +20,18 @@ var classnames__default = /*#__PURE__*/_interopDefaultLegacy(classnames);
  *  <Dropdown.Item>Test</Dropdown.Item>
  * </Dropdown.List>
  */
-var List = function (_a) {
-    var _b;
-    var 
-    /**
-     * indicates if list should render with padding to make groups
-     */
-    isWithGroups = _a.isWithGroups, 
-    /**
-     * Children nodes
-     */
-    children = _a.children;
-    var listClasses = classnames__default['default'](main_module['default'][css_classes.cssDropdownList], main_module['default'][css_classes.cssDropdownWithScroll], (_b = {},
-        _b[main_module['default'][css_classes.cssDropdownListWithGroup]] = isWithGroups,
-        _b));
+const List = ({ 
+/**
+ * indicates if list should render with padding to make groups
+ */
+isWithGroups, 
+/**
+ * Children nodes
+ */
+children }) => {
+    const listClasses = classnames__default['default'](main_module['default'][css_classes.cssDropdownList], main_module['default'][css_classes.cssDropdownWithScroll], {
+        [main_module['default'][css_classes.cssDropdownListWithGroup]]: isWithGroups
+    });
     return (React__default['default'].createElement("ul", { role: "listbox", className: listClasses }, children));
 };
 

package/build/cjs/packages/aurora/src/components/dropdown/components/list.js.map

@@ -1 +1 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

package/build/cjs/packages/aurora/src/components/dropdown/components/option.js

@@ -31,38 +31,36 @@ var classnames__default = /*#__PURE__*/_interopDefaultLegacy(classnames);
  *  onClick={(option) => console.log(option)}
  * />
  */
-var Option = function (_a) {
-    var _b;
-    var 
-    /**
-     * select option
-     */
-    option = _a.option, 
-    /**
-     * indicates if option component is selected
-     */
-    isSelected = _a.isSelected, 
-    /**
-     * indicates if option component is readonly
-     */
-    isReadonly = _a.isReadonly, 
-    /**
-     * indicates if option component is disabled
-     */
-    isDisabled = _a.isDisabled, 
-    /**
-     * onClick callback
-     */
-    onClick = _a.onClick;
-    var itemClasses = classnames__default['default'](main_module['default'][css_classes.cssDropdownListItem], (_b = {},
-        _b[main_module['default'][css_classes.cssDropdownListItemSelected]] = isSelected,
-        _b[main_module['default'][css_classes.cssDropdownListItemDisabled]] = isDisabled,
-        _b[main_module['default'][css_classes.cssDropdownListItemReadonly]] = isReadonly,
-        _b));
+const Option = ({ 
+/**
+ * select option
+ */
+option, 
+/**
+ * indicates if option component is selected
+ */
+isSelected, 
+/**
+ * indicates if option component is readonly
+ */
+isReadonly, 
+/**
+ * indicates if option component is disabled
+ */
+isDisabled, 
+/**
+ * onClick callback
+ */
+onClick }) => {
+    const itemClasses = classnames__default['default'](main_module['default'][css_classes.cssDropdownListItem], {
+        [main_module['default'][css_classes.cssDropdownListItemSelected]]: isSelected,
+        [main_module['default'][css_classes.cssDropdownListItemDisabled]]: isDisabled,
+        [main_module['default'][css_classes.cssDropdownListItemReadonly]]: isReadonly
+    });
     /**
      * click handler works only for options that are neither readonly nor disabled
      */
-    var clickHandler = isReadonly || isDisabled ? undefined : function () { return onClick(option); };
+    const clickHandler = isReadonly || isDisabled ? undefined : () => onClick(option);
     return (React__default['default'].createElement(item['default'], { isSelected: isSelected, onClick: clickHandler },
         React__default['default'].createElement("div", { className: itemClasses }, React__default['default'].createElement("span", null, option === null || option === void 0 ? void 0 : option.text))));
 };

package/build/cjs/packages/aurora/src/components/dropdown/components/option.js.map

@@ -1 +1 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

package/build/cjs/packages/aurora/src/components/dropdown/components/option_multiple.js

@@ -32,38 +32,36 @@ var classnames__default = /*#__PURE__*/_interopDefaultLegacy(classnames);
  *  onClick={(option) => console.log(option)}
  * />
  */
-var OptionMultiple = function (_a) {
-    var _b;
-    var 
-    /**
-     * select option
-     */
-    option = _a.option, 
-    /**
-     * indicates if option component is selected
-     */
-    isSelected = _a.isSelected, 
-    /**
-     * indicates if option component is readonly
-     */
-    isReadonly = _a.isReadonly, 
-    /**
-     * indicates if option component is disabled
-     */
-    isDisabled = _a.isDisabled, 
-    /**
-     * onClick callback
-     */
-    onClick = _a.onClick;
-    var itemClasses = classnames__default['default'](main_module['default'][css_classes.cssDropdownListItem], (_b = {},
-        _b[main_module['default'][css_classes.cssDropdownListItemSelected]] = isSelected,
-        _b[main_module['default'][css_classes.cssDropdownListItemDisabled]] = isDisabled,
-        _b[main_module['default'][css_classes.cssDropdownListItemReadonly]] = isReadonly,
-        _b));
+const OptionMultiple = ({ 
+/**
+ * select option
+ */
+option, 
+/**
+ * indicates if option component is selected
+ */
+isSelected, 
+/**
+ * indicates if option component is readonly
+ */
+isReadonly, 
+/**
+ * indicates if option component is disabled
+ */
+isDisabled, 
+/**
+ * onClick callback
+ */
+onClick }) => {
+    const itemClasses = classnames__default['default'](main_module['default'][css_classes.cssDropdownListItem], {
+        [main_module['default'][css_classes.cssDropdownListItemSelected]]: isSelected,
+        [main_module['default'][css_classes.cssDropdownListItemDisabled]]: isDisabled,
+        [main_module['default'][css_classes.cssDropdownListItemReadonly]]: isReadonly
+    });
     /**
      * click handler works only for options that are neither readonly nor disabled
      */
-    var clickHandler = isReadonly || isDisabled ? undefined : function () { return onClick(option); };
+    const clickHandler = isReadonly || isDisabled ? undefined : () => onClick(option);
     return (React__default['default'].createElement(item['default'], { isSelected: isSelected, onClick: clickHandler },
         React__default['default'].createElement("div", { className: itemClasses },
             React__default['default'].createElement(index['default'], { initiallyChecked: isSelected, disabled: isReadonly || isDisabled, label: option === null || option === void 0 ? void 0 : option.text }))));

package/build/cjs/packages/aurora/src/components/dropdown/components/option_multiple.js.map

@@ -1 +1 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

package/build/cjs/packages/aurora/src/components/dropdown/components/search.js

@@ -19,14 +19,13 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
  * @example
  * <Dropdown.Search onKeyUp={(ev) => console.log(`${ev} is a keyboard event`)} />
  */
-var Search = function (_a) {
-    var 
-    /**
-     * on key up callback
-     */
-    onKeyUp = _a.onKeyUp;
-    var _b = index.useDropdownContext(), toggleDropdown = _b.toggleDropdown, isOpen = _b.isOpen;
-    var ref = React.useRef(null);
+const Search = ({ 
+/**
+ * on key up callback
+ */
+onKeyUp }) => {
+    const { toggleDropdown, isOpen } = index.useDropdownContext();
+    const ref = React.useRef(null);
     use_keyboard_open_close.useKeyboardOpenClose(toggleDropdown, isOpen, ref);
     return (React__default['default'].createElement("aside", { className: main_module['default'][css_classes.cssDropdownSearch], ref: ref },
         React__default['default'].createElement(input['default'], { placeholder: "Szukaj", padding: "small", onKeyUp: onKeyUp, autoFocus: true })));

package/build/cjs/packages/aurora/src/components/dropdown/components/search.js.map

@@ -1 +1 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

package/build/cjs/packages/aurora/src/components/dropdown/components/select.js

@@ -18,46 +18,37 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
  * @example
  * <Dropdown.Select name="select_name" selectedOptions={['value1', 'value2']} />
  */
-var Select = function (_a) {
-    var 
-    /**
-     * select name
-     */
-    name = _a.name, 
-    /**
-     * is select disabled, used for styling purposes
-     */
-    _b = _a.isDisabled, 
-    /**
-     * is select disabled, used for styling purposes
-     */
-    isDisabled = _b === void 0 ? false : _b, 
-    /**
-     * is select readonly, used for styling purposes
-     */
-    _c = _a.isReadonly, 
-    /**
-     * is select readonly, used for styling purposes
-     */
-    isReadonly = _c === void 0 ? false : _c, 
-    /**
-     * array of selected options
-     */
-    selectedOptions = _a.selectedOptions;
-    var ref = React.useRef(null);
+const Select = ({ 
+/**
+ * select name
+ */
+name, 
+/**
+ * is select disabled, used for styling purposes
+ */
+isDisabled = false, 
+/**
+ * is select readonly, used for styling purposes
+ */
+isReadonly = false, 
+/**
+ * array of selected options
+ */
+selectedOptions }) => {
+    const ref = React.useRef(null);
     /**
      * get values from dropdown context
      */
-    var _d = index.useDropdownContext(), isOpen = _d.isOpen, toggleDropdown = _d.toggleDropdown;
+    const { isOpen, toggleDropdown } = index.useDropdownContext();
     /**
      * value for display purposes, its texts not actual values from options
      */
-    var value = selectedOptions.map(function (option) { return option.text; }).join(', ');
+    const value = selectedOptions.map((option) => option.text).join(', ');
     /**
      * disabled options should have hidden inputs with values rendered
      */
-    var notDisabled = selectedOptions.filter(function (option) { return !option.isDisabled; });
-    var $hiddenInputs = notDisabled.map(function (option) { return (React__default['default'].createElement("input", { key: option.value, type: "hidden", name: name, value: option.value, disabled: isDisabled, readOnly: isReadonly })); });
+    const notDisabled = selectedOptions.filter((option) => !option.isDisabled);
+    const $hiddenInputs = notDisabled.map((option) => (React__default['default'].createElement("input", { key: option.value, type: "hidden", name: name, value: option.value, disabled: isDisabled, readOnly: isReadonly })));
     use_keyboard_open_close.useKeyboardOpenClose(toggleDropdown, isOpen, ref);
     return (React__default['default'].createElement("div", { className: main_module['default']['select'], "aria-expanded": isOpen, "aria-haspopup": "listbox", ref: ref },
         React__default['default'].createElement(input_wrapper['default'], { value: value, isFocused: Boolean(isOpen), isDisabled: isDisabled, isReadOnly: isReadonly, onClick: toggleDropdown }),

package/build/cjs/packages/aurora/src/components/dropdown/components/select.js.map

@@ -1 +1 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

package/build/cjs/packages/aurora/src/components/dropdown/constants.js

@@ -2,14 +2,14 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var DROPDOWN_MAIN_TEST_ID = 'dropdown';
-var DROPDOWN_LABEL_TEST_ID = "".concat(DROPDOWN_MAIN_TEST_ID, "__label");
-var DROPDOWN_TEST_ID = {
+const DROPDOWN_MAIN_TEST_ID = 'dropdown';
+const DROPDOWN_LABEL_TEST_ID = `${DROPDOWN_MAIN_TEST_ID}__label`;
+const DROPDOWN_TEST_ID = {
     dropdown: DROPDOWN_MAIN_TEST_ID,
     label: DROPDOWN_LABEL_TEST_ID
 };
-var DROPDOWN_Z_INDEX = 1200;
-var DROPDOWN_ON_MODAL_Z_INDEX = 2200;
+const DROPDOWN_Z_INDEX = 1200;
+const DROPDOWN_ON_MODAL_Z_INDEX = 2200;
 
 exports.DROPDOWN_ON_MODAL_Z_INDEX = DROPDOWN_ON_MODAL_Z_INDEX;
 exports.DROPDOWN_TEST_ID = DROPDOWN_TEST_ID;

package/build/cjs/packages/aurora/src/components/dropdown/context/index.js

@@ -4,14 +4,14 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
 
-var DropdownContext = React.createContext({});
+const DropdownContext = React.createContext({});
 /**
  * drodown context
  */
 function useDropdownContext() {
-    var context = React.useContext(DropdownContext);
+    const context = React.useContext(DropdownContext);
     if (Object.keys(context).length === 0 && context.constructor === Object) {
-        throw new Error("Dropdown compound components cannot be rendered outside the Dropdown component");
+        throw new Error(`Dropdown compound components cannot be rendered outside the Dropdown component`);
     }
     return context;
 }

package/build/cjs/packages/aurora/src/components/dropdown/css_classes.js

@@ -2,22 +2,22 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var cssDropdown = 'dropdown';
-var cssDropdownContent = "".concat(cssDropdown, "__content");
-var cssDropdownContentRight = "".concat(cssDropdownContent, "_right");
-var cssDropdownHeader = "".concat(cssDropdown, "__header");
-var cssDropdownHeaderTitle = "".concat(cssDropdown, "__header-title");
-var cssDropdownHeaderContent = "".concat(cssDropdown, "__header-content");
-var cssDropdownItemWithHover = "".concat(cssDropdown, "__item-with-hover");
-var cssDropdownList = "".concat(cssDropdown, "__list");
-var cssDropdownSearch = "".concat(cssDropdown, "__search");
-var cssDropdownWithScroll = "".concat(cssDropdown, "__list_with-scroll");
-var cssDropdownListWithGroup = "".concat(cssDropdown, "__list_with-group");
-var cssDropdownListHead = "".concat(cssDropdown, "__list-head");
-var cssDropdownListItem = "".concat(cssDropdown, "__list-item");
-var cssDropdownListItemSelected = "".concat(cssDropdown, "__list-item_selected");
-var cssDropdownListItemDisabled = "".concat(cssDropdown, "__list-item_disabled");
-var cssDropdownListItemReadonly = "".concat(cssDropdown, "__list-item_readonly");
+const cssDropdown = 'dropdown';
+const cssDropdownContent = `${cssDropdown}__content`;
+const cssDropdownContentRight = `${cssDropdownContent}_right`;
+const cssDropdownHeader = `${cssDropdown}__header`;
+const cssDropdownHeaderTitle = `${cssDropdown}__header-title`;
+const cssDropdownHeaderContent = `${cssDropdown}__header-content`;
+const cssDropdownItemWithHover = `${cssDropdown}__item-with-hover`;
+const cssDropdownList = `${cssDropdown}__list`;
+const cssDropdownSearch = `${cssDropdown}__search`;
+const cssDropdownWithScroll = `${cssDropdown}__list_with-scroll`;
+const cssDropdownListWithGroup = `${cssDropdown}__list_with-group`;
+const cssDropdownListHead = `${cssDropdown}__list-head`;
+const cssDropdownListItem = `${cssDropdown}__list-item`;
+const cssDropdownListItemSelected = `${cssDropdown}__list-item_selected`;
+const cssDropdownListItemDisabled = `${cssDropdown}__list-item_disabled`;
+const cssDropdownListItemReadonly = `${cssDropdown}__list-item_readonly`;
 
 exports.cssDropdown = cssDropdown;
 exports.cssDropdownContent = cssDropdownContent;

package/build/cjs/packages/aurora/src/components/dropdown/hoc/multiselect/index.js

@@ -32,106 +32,74 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
  *  <MultiSelect name="my_select_name" options={options} onChange={(option) => console.log(option)} />
  * )
  */
-var Multiple = function (_a) {
-    var 
-    /**
-     * multiselect name, used also for hidden inputs
-     */
-    name = _a.name, 
-    /**
-     * array of multiselect options
-     */
-    options = _a.options, 
-    /**
-     * array of default values (for select its always one element),
-     * array is used to be compatible with multiselects
-     */
-    _b = _a.defaultValues, 
-    /**
-     * array of default values (for select its always one element),
-     * array is used to be compatible with multiselects
-     */
-    defaultValues = _b === void 0 ? [] : _b, 
-    /**
-     * indicates if select is readonly
-     */
-    _c = _a.isReadonly, 
-    /**
-     * indicates if select is readonly
-     */
-    isReadonly = _c === void 0 ? false : _c, 
-    /**
-     * indicatse if select is disabled
-     */
-    _d = _a.isDisabled, 
-    /**
-     * indicatse if select is disabled
-     */
-    isDisabled = _d === void 0 ? false : _d, 
-    /**
-     * indicates if selects has groups (similiar to optgroup), options
-     * then have left-padding, and you should use options with isHeader
-     * set to true
-     */
-    _e = _a.isWithGroups, 
-    /**
-     * indicates if selects has groups (similiar to optgroup), options
-     * then have left-padding, and you should use options with isHeader
-     * set to true
-     */
-    isWithGroups = _e === void 0 ? false : _e, 
-    /**
-     * indicates if select should have search to look for options
-     */
-    _f = _a.isWithSearch, 
-    /**
-     * indicates if select should have search to look for options
-     */
-    isWithSearch = _f === void 0 ? false : _f, 
-    /**
-     * indicates if select should be opened at render
-     */
-    _g = _a.defaultIsOpen, 
-    /**
-     * indicates if select should be opened at render
-     */
-    defaultIsOpen = _g === void 0 ? false : _g, 
-    /**
-     * indicates if select should hide on option click
-     */
-    _h = _a.defaultCloseOnClick, 
-    /**
-     * indicates if select should hide on option click
-     */
-    defaultCloseOnClick = _h === void 0 ? false : _h, 
-    /**
-     * called on select toggle
-     */
-    onToggle = _a.onToggle, 
-    /**
-     * called on option change
-     */
-    onChange = _a.onChange;
+const Multiple = ({ 
+/**
+ * multiselect name, used also for hidden inputs
+ */
+name, 
+/**
+ * array of multiselect options
+ */
+options, 
+/**
+ * array of default values (for select its always one element),
+ * array is used to be compatible with multiselects
+ */
+defaultValues = [], 
+/**
+ * indicates if select is readonly
+ */
+isReadonly = false, 
+/**
+ * indicatse if select is disabled
+ */
+isDisabled = false, 
+/**
+ * indicates if selects has groups (similiar to optgroup), options
+ * then have left-padding, and you should use options with isHeader
+ * set to true
+ */
+isWithGroups = false, 
+/**
+ * indicates if select should have search to look for options
+ */
+isWithSearch = false, 
+/**
+ * indicates if select should be opened at render
+ */
+defaultIsOpen = false, 
+/**
+ * indicates if select should hide on option click
+ */
+defaultCloseOnClick = false, 
+/**
+ * called on select toggle
+ */
+onToggle, 
+/**
+ * called on option change
+ */
+onChange }) => {
     /**
      * reference to dropdown wrapper element
      */
-    var wrapperRef = React.useRef(null);
+    const wrapperRef = React.useRef(null);
     /**
      * isOpen provides state if dropdown is open(visible), toggleDropdown is a function which toggles dropdown content
      */
-    var _j = use_toggle.useToggle(defaultIsOpen, onToggle), isOpen = _j[0], toggleDropdown = _j[1];
+    const [isOpen, toggleDropdown] = use_toggle.useToggle(defaultIsOpen, onToggle);
     /**
      * hook with option list state, and method to change option list
      */
-    var _k = React.useState(options), optionsList = _k[0], setOptionsList = _k[1];
+    const [optionsList, setOptionsList] = React.useState(options);
     /**
      * hook with selected value, and method do change it
      */
-    var _l = use_values.useValues(wrapperRef, options, defaultValues, onChange), selectedValues = _l[0], setSelectedValues = _l[1];
+    const [selectedValues, setSelectedValues] = use_values.useValues(wrapperRef, options, defaultValues, onChange);
     /**
      * context values, they may be used with useContext in any component which is part of Dropdown composition
      */
-    var value = React__default['default'].useMemo(function () { return ({ wrapperRef: wrapperRef, isOpen: isOpen, toggleDropdown: toggleDropdown }); }, [isOpen, toggleDropdown]);
+    const value = React__default['default'].useMemo(() => ({ wrapperRef, isOpen, toggleDropdown }), [isOpen, toggleDropdown]);
     /**
      * hook which resets options list to default on close if select has search and it was used
      */
@@ -140,10 +108,10 @@ var Multiple = function (_a) {
         React__default['default'].createElement("div", { ref: wrapperRef, className: main_module['default'][css_classes.cssDropdown] },
             React__default['default'].createElement(index$1['default'].Select, { name: name, isReadonly: isReadonly, isDisabled: isDisabled, selectedOptions: selectedValues }),
             React__default['default'].createElement(index$1['default'].Content, null,
-                isWithSearch && React__default['default'].createElement(index$1['default'].Search, { onKeyUp: function (ev) { return utilities.handleSearchKeyUp(ev, options, setOptionsList); } }),
-                React__default['default'].createElement(index$1['default'].List, { isWithGroups: isWithGroups }, optionsList === null || optionsList === void 0 ? void 0 : optionsList.map(function (option) {
+                isWithSearch && React__default['default'].createElement(index$1['default'].Search, { onKeyUp: (ev) => utilities.handleSearchKeyUp(ev, options, setOptionsList) }),
+                React__default['default'].createElement(index$1['default'].List, { isWithGroups: isWithGroups }, optionsList === null || optionsList === void 0 ? void 0 : optionsList.map((option) => {
                     var _a, _b;
-                    return option.isHeader ? (React__default['default'].createElement(index$1['default'].Header, { key: option.text, text: option.text })) : (React__default['default'].createElement(index$1['default'].OptionMultiple, { key: option.value, option: option, isSelected: utilities.isSelected(option, selectedValues), isDisabled: (_a = option.isDisabled) !== null && _a !== void 0 ? _a : isDisabled, isReadonly: (_b = option.isReadonly) !== null && _b !== void 0 ? _b : isReadonly, onClick: function (option) { return utilities.handleItemClick(option, defaultCloseOnClick, setSelectedValues, toggleDropdown); } }));
+                    return option.isHeader ? (React__default['default'].createElement(index$1['default'].Header, { key: option.text, text: option.text })) : (React__default['default'].createElement(index$1['default'].OptionMultiple, { key: option.value, option: option, isSelected: utilities.isSelected(option, selectedValues), isDisabled: (_a = option.isDisabled) !== null && _a !== void 0 ? _a : isDisabled, isReadonly: (_b = option.isReadonly) !== null && _b !== void 0 ? _b : isReadonly, onClick: (option) => utilities.handleItemClick(option, defaultCloseOnClick, setSelectedValues, toggleDropdown) }));
                 }))))));
 };
 

package/build/cjs/packages/aurora/src/components/dropdown/hoc/multiselect/index.js.map

@@ -1 +1 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}