@dreamcommerce/aurora 0.4.3 → 0.4.4-1

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

@@ -7,22 +7,21 @@ import { useDropdownContext } from '../context/index.js';
  * @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 = useDropdownContext().toggleDropdown;
-    return (React.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 } = useDropdownContext();
+    return (React.createElement("li", { role: "option", "aria-selected": isSelected, onClick: (ev) => onClick && onClick({ ev, toggleDropdown }) }, children));
 };
 
 export default Item;

package/build/esm/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;"}
+{"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;"}

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

@@ -9,27 +9,26 @@ import cssClasses from '../../../css/dropdown/main.module.less.js';
  * @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 = useDropdownContext().toggleDropdown;
-    var itemCssClass = "".concat(cssClasses[cssDropdownItemWithHover], " ").concat(cssClass);
-    return (React.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 } = useDropdownContext();
+    const itemCssClass = `${cssClasses[cssDropdownItemWithHover]} ${cssClass}`;
+    return (React.createElement("div", { className: itemCssClass, "data-test-id": dataTestId, onMouseDown: (ev) => onMouseDown && onMouseDown({ ev, toggleDropdown }) }, children));
 };
 
 export default ItemWithHover;

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

@@ -9,18 +9,17 @@ import { useKeyboardOpenClose } from '../hooks/use_keyboard_open_close.js';
  * @example
  * <Dropdown.Label label="More options" />
  */
-var Label = function (_a) {
-    var 
-    /**
-     * label text
-     */
-    label = _a.label, 
-    /**
-     * Custom className
-     */
-    cssClass = _a.cssClass;
-    var _b = useDropdownContext(), toggleDropdown = _b.toggleDropdown, isOpen = _b.isOpen;
-    var ref = useRef(null);
+const Label = ({ 
+/**
+ * label text
+ */
+label, 
+/**
+ * Custom className
+ */
+cssClass }) => {
+    const { toggleDropdown, isOpen } = useDropdownContext();
+    const ref = useRef(null);
     useKeyboardOpenClose(toggleDropdown, isOpen, ref);
     return (React.createElement("span", { onClick: toggleDropdown, tabIndex: 0, ref: ref, className: cssClass, "data-test-id": DROPDOWN_TEST_ID.label }, label));
 };

package/build/esm/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;"}
+{"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;"}

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

@@ -1,5 +1,4 @@
 import React from 'react';
-import { __rest, __assign } from '../../../../../../_virtual/_tslib.js';
 import { cssDropdownListItem } from '../css_classes.js';
 import cssClasses from '../../../css/dropdown/main.module.less.js';
 
@@ -11,19 +10,18 @@ import cssClasses from '../../../css/dropdown/main.module.less.js';
  *  <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 = __rest(_a, ["text"]);
-    var itemCssClass = "".concat(cssClasses[cssDropdownListItem], " ").concat(cssClasses['link']);
+const Link = ({ 
+/**
+ * link text
+ */
+text, 
+/**
+ * HTMLLinkElement attributes (href, target, rel)
+ */
+...attributes }) => {
+    const itemCssClass = `${cssClasses[cssDropdownListItem]} ${cssClasses['link']}`;
     return (React.createElement("li", null,
-        React.createElement("a", __assign({}, attributes, { className: itemCssClass }),
+        React.createElement("a", { ...attributes, className: itemCssClass },
             React.createElement("span", null, text))));
 };
 

package/build/esm/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;"}
+{"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;"}

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

@@ -11,20 +11,18 @@ import cssClasses from '../../../css/dropdown/main.module.less.js';
  *  <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(cssClasses[cssDropdownList], cssClasses[cssDropdownWithScroll], (_b = {},
-        _b[cssClasses[cssDropdownListWithGroup]] = isWithGroups,
-        _b));
+const List = ({ 
+/**
+ * indicates if list should render with padding to make groups
+ */
+isWithGroups, 
+/**
+ * Children nodes
+ */
+children }) => {
+    const listClasses = classnames(cssClasses[cssDropdownList], cssClasses[cssDropdownWithScroll], {
+        [cssClasses[cssDropdownListWithGroup]]: isWithGroups
+    });
     return (React.createElement("ul", { role: "listbox", className: listClasses }, children));
 };
 

package/build/esm/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;"}
+{"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;"}

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

@@ -22,38 +22,36 @@ import Item from './item.js';
  *  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(cssClasses[cssDropdownListItem], (_b = {},
-        _b[cssClasses[cssDropdownListItemSelected]] = isSelected,
-        _b[cssClasses[cssDropdownListItemDisabled]] = isDisabled,
-        _b[cssClasses[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(cssClasses[cssDropdownListItem], {
+        [cssClasses[cssDropdownListItemSelected]]: isSelected,
+        [cssClasses[cssDropdownListItemDisabled]]: isDisabled,
+        [cssClasses[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.createElement(Item, { isSelected: isSelected, onClick: clickHandler },
         React.createElement("div", { className: itemClasses }, React.createElement("span", null, option === null || option === void 0 ? void 0 : option.text))));
 };

package/build/esm/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;"}
+{"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;"}

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

@@ -23,38 +23,36 @@ import Item from './item.js';
  *  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(cssClasses[cssDropdownListItem], (_b = {},
-        _b[cssClasses[cssDropdownListItemSelected]] = isSelected,
-        _b[cssClasses[cssDropdownListItemDisabled]] = isDisabled,
-        _b[cssClasses[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(cssClasses[cssDropdownListItem], {
+        [cssClasses[cssDropdownListItemSelected]]: isSelected,
+        [cssClasses[cssDropdownListItemDisabled]]: isDisabled,
+        [cssClasses[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.createElement(Item, { isSelected: isSelected, onClick: clickHandler },
         React.createElement("div", { className: itemClasses },
             React.createElement(ControlCheckbox, { initiallyChecked: isSelected, disabled: isReadonly || isDisabled, label: option === null || option === void 0 ? void 0 : option.text }))));

package/build/esm/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;"}
+{"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;"}

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

@@ -11,14 +11,13 @@ import { useKeyboardOpenClose } from '../hooks/use_keyboard_open_close.js';
  * @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 = useDropdownContext(), toggleDropdown = _b.toggleDropdown, isOpen = _b.isOpen;
-    var ref = useRef(null);
+const Search = ({ 
+/**
+ * on key up callback
+ */
+onKeyUp }) => {
+    const { toggleDropdown, isOpen } = useDropdownContext();
+    const ref = useRef(null);
     useKeyboardOpenClose(toggleDropdown, isOpen, ref);
     return (React.createElement("aside", { className: cssClasses[cssDropdownSearch], ref: ref },
         React.createElement(Input, { placeholder: "Szukaj", padding: "small", onKeyUp: onKeyUp, autoFocus: true })));

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

@@ -10,46 +10,37 @@ import InputWrapper from '../../controls/components/input_wrapper.js';
  * @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 = 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 = useRef(null);
     /**
      * get values from dropdown context
      */
-    var _d = useDropdownContext(), isOpen = _d.isOpen, toggleDropdown = _d.toggleDropdown;
+    const { isOpen, toggleDropdown } = 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.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.createElement("input", { key: option.value, type: "hidden", name: name, value: option.value, disabled: isDisabled, readOnly: isReadonly })));
     useKeyboardOpenClose(toggleDropdown, isOpen, ref);
     return (React.createElement("div", { className: cssClasses['select'], "aria-expanded": isOpen, "aria-haspopup": "listbox", ref: ref },
         React.createElement(InputWrapper, { value: value, isFocused: Boolean(isOpen), isDisabled: isDisabled, isReadOnly: isReadonly, onClick: toggleDropdown }),

package/build/esm/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;"}
+{"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;"}

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

@@ -1,11 +1,11 @@
-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;
 
 export { DROPDOWN_ON_MODAL_Z_INDEX, DROPDOWN_TEST_ID, DROPDOWN_Z_INDEX };
 //# sourceMappingURL=constants.js.map

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

@@ -1,13 +1,13 @@
 import { createContext, useContext } from 'react';
 
-var DropdownContext = createContext({});
+const DropdownContext = createContext({});
 /**
  * drodown context
  */
 function useDropdownContext() {
-    var context = useContext(DropdownContext);
+    const context = 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/esm/packages/aurora/src/components/dropdown/css_classes.js

@@ -1,19 +1,19 @@
-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`;
 
 export { cssDropdown, cssDropdownContent, cssDropdownContentRight, cssDropdownHeader, cssDropdownHeaderContent, cssDropdownHeaderTitle, cssDropdownItemWithHover, cssDropdownList, cssDropdownListHead, cssDropdownListItem, cssDropdownListItemDisabled, cssDropdownListItemReadonly, cssDropdownListItemSelected, cssDropdownListWithGroup, cssDropdownSearch, cssDropdownWithScroll };
 //# sourceMappingURL=css_classes.js.map