@dreamcommerce/aurora 0.4.3 → 0.4.5

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

@@ -29,39 +29,38 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
  * @example
  * <Dropdown.Content> ... </Dropdown.Content>
  */
-var Content = function (_a) {
-    var headerComponent = _a.headerComponent, headerGoBackText = _a.headerGoBackText, headerGoBackIcon = _a.headerGoBackIcon, children = _a.children, _b = _a.arrowSide, arrowSide = _b === void 0 ? 'left' : _b, portalContainer = _a.portalContainer;
-    var t = useTranslation.useTranslation()[0];
-    var contentRef = React.useRef(null);
-    var _c = index.useDropdownContext(), wrapperRef = _c.wrapperRef, toggleDropdown = _c.toggleDropdown, isOpen = _c.isOpen;
-    var _d = React.useState({
+const Content = ({ headerComponent, headerGoBackText, headerGoBackIcon, children, arrowSide = 'left', portalContainer }) => {
+    const [t] = useTranslation.useTranslation();
+    const contentRef = React.useRef(null);
+    const { wrapperRef, toggleDropdown, isOpen } = index.useDropdownContext();
+    const [styles, setStyles] = React.useState({
         left: '0px',
         top: '0px',
         zIndex: constants.DROPDOWN_Z_INDEX
-    }), styles = _d[0], setStyles = _d[1];
-    var contentClassName = classNames.classNames([css_classes.cssDropdownContent, arrowSide === 'right' && css_classes.cssDropdownContentRight], main_module['default']);
-    var screenWidthName = use_screen_detect.useScreenDetect();
-    var refs = [contentRef];
+    });
+    const contentClassName = classNames.classNames([css_classes.cssDropdownContent, arrowSide === 'right' && css_classes.cssDropdownContentRight], main_module['default']);
+    const screenWidthName = use_screen_detect.useScreenDetect();
+    const refs = [contentRef];
     if (wrapperRef) {
         refs.push(wrapperRef);
     }
-    use_click_outside.useClickOutside(refs, function () {
+    use_click_outside.useClickOutside(refs, () => {
         if (typeof toggleDropdown === 'function') {
             toggleDropdown();
         }
     });
-    React.useEffect(function () {
+    React.useEffect(() => {
         if (wrapperRef === null || wrapperRef === void 0 ? void 0 : wrapperRef.current) {
-            var _a = wrapperRef.current.getBoundingClientRect(), x = _a.x, y = _a.y, height = _a.height;
-            var yOffset = 10;
-            var _b = utilities.getXYModifiersForNestedDropdowns(portalContainer === null || portalContainer === void 0 ? void 0 : portalContainer.current), xModifier = _b.xModifier, yModifier = _b.yModifier;
-            var positionTop = height + y + yOffset - yModifier;
-            var positionLeft = x - xModifier;
-            var isInModal = utilities.isChildOfModal(wrapperRef);
-            var zIndex = isInModal ? constants.DROPDOWN_ON_MODAL_Z_INDEX : constants.DROPDOWN_Z_INDEX;
+            const { x, y, height } = wrapperRef.current.getBoundingClientRect();
+            const yOffset = 10;
+            const { xModifier, yModifier } = utilities.getXYModifiersForNestedDropdowns(portalContainer === null || portalContainer === void 0 ? void 0 : portalContainer.current);
+            const positionTop = height + y + yOffset - yModifier;
+            const positionLeft = x - xModifier;
+            const isInModal = utilities.isChildOfModal(wrapperRef);
+            const zIndex = isInModal ? constants.DROPDOWN_ON_MODAL_Z_INDEX : constants.DROPDOWN_Z_INDEX;
             screenWidthName === responsive_breakpoints.SCREEN_XS
-                ? setStyles({ top: "0px", left: "0px", zIndex: zIndex })
-                : setStyles({ top: "".concat(positionTop, "px"), left: "".concat(positionLeft, "px"), zIndex: zIndex });
+                ? setStyles({ top: `0px`, left: `0px`, zIndex })
+                : setStyles({ top: `${positionTop}px`, left: `${positionLeft}px`, zIndex });
         }
     }, [portalContainer, screenWidthName, wrapperRef, isOpen]);
     return reactDom.createPortal(React__default['default'].createElement(reactTransitionGroup.TransitionGroup, { component: null }, isOpen === true ? (React__default['default'].createElement(reactTransitionGroup.CSSTransition, { timeout: 200, classNames: {
@@ -72,7 +71,7 @@ var Content = function (_a) {
         } },
         React__default['default'].createElement("div", { ref: contentRef, style: styles, className: contentClassName },
             React__default['default'].createElement("div", { className: main_module['default'][css_classes.cssDropdownHeader] },
-                React__default['default'].createElement("div", { onClick: function () { return typeof toggleDropdown === 'function' && toggleDropdown(); } }, headerComponent !== null && headerComponent !== void 0 ? headerComponent : (React__default['default'].createElement("div", { className: main_module['default'][css_classes.cssDropdownHeaderContent] },
+                React__default['default'].createElement("div", { onClick: () => typeof toggleDropdown === 'function' && toggleDropdown() }, headerComponent !== null && headerComponent !== void 0 ? headerComponent : (React__default['default'].createElement("div", { className: main_module['default'][css_classes.cssDropdownHeaderContent] },
                     headerGoBackIcon || React__default['default'].createElement(icon_arrow['default'], { className: main_module$1['default']['icon_rotate-180'] }),
                     React__default['default'].createElement("span", { className: main_module['default'][css_classes.cssDropdownHeaderTitle] }, headerGoBackText !== null && headerGoBackText !== void 0 ? headerGoBackText : t('Go back')))))),
             children))) : null), (portalContainer === null || portalContainer === void 0 ? void 0 : portalContainer.current) || document.body);

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

@@ -1 +1 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA,6BAA6B,oEAAwE;AACrG;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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,6BAA6B,oEAAwE;AACrG;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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/custom_label.js

@@ -10,10 +10,9 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-var CustomLabel = function (_a) {
-    var children = _a.children;
-    var _b = index.useDropdownContext(), toggleDropdown = _b.toggleDropdown, isOpen = _b.isOpen;
-    var ref = React.useRef(null);
+const CustomLabel = ({ children }) => {
+    const { toggleDropdown, isOpen } = index.useDropdownContext();
+    const ref = React.useRef(null);
     use_keyboard_open_close.useKeyboardOpenClose(toggleDropdown, isOpen, ref);
     return (React__default['default'].createElement("div", { onClick: toggleDropdown, ref: ref, tabIndex: 0 }, children));
 };

package/build/cjs/packages/aurora/src/components/dropdown/components/custom_label.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;"}
+{"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;"}

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

@@ -17,8 +17,7 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
  * @example
  * <Dropdown.Header text="Some header" />
  */
-var Header = function (_a) {
-    var text = _a.text;
+const Header = ({ text }) => {
     return (React__default['default'].createElement("li", null,
         React__default['default'].createElement("div", { className: main_module['default'][css_classes.cssDropdownListHead] },
             React__default['default'].createElement("span", { className: main_module$1['default']['head_line'] }, text))));

package/build/cjs/packages/aurora/src/components/dropdown/components/header.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;"}
+{"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;"}

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

@@ -15,22 +15,21 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
  * @example
  * <Dropdown.Item> ... </Dropdown.Item>
  */
-var Item = function (_a) {
-    var 
-    /**
-     * children nodes
-     */
-    children = _a.children, 
-    /**
-     * indicates if its selected
-     */
-    isSelected = _a.isSelected, 
-    /**
-     * on click callback
-     */
-    onClick = _a.onClick;
-    var toggleDropdown = index.useDropdownContext().toggleDropdown;
-    return (React__default['default'].createElement("li", { role: "option", "aria-selected": isSelected, onClick: function (ev) { return onClick && onClick({ ev: ev, toggleDropdown: toggleDropdown }); } }, children));
+const Item = ({ 
+/**
+ * children nodes
+ */
+children, 
+/**
+ * indicates if its selected
+ */
+isSelected, 
+/**
+ * on click callback
+ */
+onClick }) => {
+    const { toggleDropdown } = index.useDropdownContext();
+    return (React__default['default'].createElement("li", { role: "option", "aria-selected": isSelected, onClick: (ev) => onClick && onClick({ ev, toggleDropdown }) }, children));
 };
 
 exports.default = Item;

package/build/cjs/packages/aurora/src/components/dropdown/components/item.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;"}
+{"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;"}

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

@@ -17,27 +17,26 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
  * @example
  * <Dropdown.ItemWithHover> ... </Dropdown.ItemWithHover>
  */
-var ItemWithHover = function (_a) {
-    var 
-    /**
-     * children nodes
-     */
-    children = _a.children, 
-    /**
-     * Custom className
-     */
-    cssClass = _a.cssClass, 
-    /**
-     * Custom test ID
-     */
-    dataTestId = _a.dataTestId, 
-    /**
-     * on click callback
-     */
-    onMouseDown = _a.onMouseDown;
-    var toggleDropdown = index.useDropdownContext().toggleDropdown;
-    var itemCssClass = "".concat(main_module['default'][css_classes.cssDropdownItemWithHover], " ").concat(cssClass);
-    return (React__default['default'].createElement("div", { className: itemCssClass, "data-test-id": dataTestId, onMouseDown: function (ev) { return onMouseDown && onMouseDown({ ev: ev, toggleDropdown: toggleDropdown }); } }, children));
+const ItemWithHover = ({ 
+/**
+ * children nodes
+ */
+children, 
+/**
+ * Custom className
+ */
+cssClass, 
+/**
+ * Custom test ID
+ */
+dataTestId, 
+/**
+ * on click callback
+ */
+onMouseDown }) => {
+    const { toggleDropdown } = index.useDropdownContext();
+    const itemCssClass = `${main_module['default'][css_classes.cssDropdownItemWithHover]} ${cssClass}`;
+    return (React__default['default'].createElement("div", { className: itemCssClass, "data-test-id": dataTestId, onMouseDown: (ev) => onMouseDown && onMouseDown({ ev, toggleDropdown }) }, children));
 };
 
 exports.default = ItemWithHover;

package/build/cjs/packages/aurora/src/components/dropdown/components/item_with_hover.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;"}
+{"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;"}

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

@@ -17,18 +17,17 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
  * @example
  * <Dropdown.Label label="More options" />
  */
-var Label = function (_a) {
-    var 
-    /**
-     * label text
-     */
-    label = _a.label, 
-    /**
-     * Custom className
-     */
-    cssClass = _a.cssClass;
-    var _b = index.useDropdownContext(), toggleDropdown = _b.toggleDropdown, isOpen = _b.isOpen;
-    var ref = React.useRef(null);
+const Label = ({ 
+/**
+ * label text
+ */
+label, 
+/**
+ * Custom className
+ */
+cssClass }) => {
+    const { toggleDropdown, isOpen } = index.useDropdownContext();
+    const ref = React.useRef(null);
     use_keyboard_open_close.useKeyboardOpenClose(toggleDropdown, isOpen, ref);
     return (React__default['default'].createElement("span", { onClick: toggleDropdown, tabIndex: 0, ref: ref, className: cssClass, "data-test-id": constants.DROPDOWN_TEST_ID.label }, label));
 };

package/build/cjs/packages/aurora/src/components/dropdown/components/label.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;"}
+{"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;"}

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;