@dreamcommerce/aurora 0.4.4 → 0.4.7

package/build/esm/packages/aurora/src/components/date_picker/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { IDatepickerProps } from './types';
 import RangePicker from './hoc/range_picker';
 import SingleDatepicker from './hoc/single_date_picker';

package/build/esm/packages/aurora/src/components/date_picker/index.js

@@ -1,31 +1,29 @@
 import React, { useEffect } from 'react';
 import DatepickerContext from './context/value_controller_context.js';
-import './context/month_year_navigation_context.js';
 import useValueController from './hooks/use_value_controller.js';
 import { RangePicker } from './hoc/range_picker.js';
 export { RangePicker } from './hoc/range_picker.js';
 import { SingleDatepicker } from './hoc/single_date_picker.js';
 export { SingleDatepicker } from './hoc/single_date_picker.js';
 
-var index = (function (_a) {
-    var defaultDate = _a.defaultDate, defaultRange = _a.defaultRange, _b = _a.type, type = _b === void 0 ? 'single' : _b, name = _a.name, onChange = _a.onChange, maxDate = _a.maxDate, minDate = _a.minDate, maxRange = _a.maxRange, minRange = _a.minRange, className = _a.className, showButtons = _a.showButtons, showDefaultRanges = _a.showDefaultRanges;
-    var valueController = useValueController({
-        type: type,
-        defaultRange: defaultRange,
-        defaultDate: defaultDate,
-        maxDate: maxDate,
-        minDate: minDate,
-        maxRange: maxRange,
-        minRange: minRange
+var index = ({ defaultDate, defaultRange, type = 'single', name, onChange, maxDate, minDate, maxRange, minRange, className, showButtons, showDefaultRanges }) => {
+    const valueController = useValueController({
+        type,
+        defaultRange,
+        defaultDate,
+        maxDate,
+        minDate,
+        maxRange,
+        minRange
     });
-    var value = valueController.value, inputValue = valueController.inputValue;
-    useEffect(function () {
+    const { value, inputValue } = valueController;
+    useEffect(() => {
         onChange === null || onChange === void 0 ? void 0 : onChange(value);
     }, [value, onChange]);
     return (React.createElement(DatepickerContext.Provider, { value: valueController },
         React.createElement("input", { value: inputValue, type: "hidden", name: name }),
         type === 'single' ? (React.createElement(SingleDatepicker, { className: className, showButtons: showButtons })) : (React.createElement(RangePicker, { className: className, showButtons: showButtons, showDefaultRanges: showDefaultRanges }))));
-});
+};
 
 export default index;
 //# sourceMappingURL=index.js.map

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

@@ -1,27 +1,27 @@
 /**
  * @return ArrayOf available ranges in rangepicker
  */
-var getRanges = function () {
-    var currentDate = new Date(Date.now());
-    var _a = [currentDate.getDate(), currentDate.getMonth(), currentDate.getFullYear()], date = _a[0], month = _a[1], year = _a[2];
-    var today = new Date(year, month, date);
-    var yesterday = { startDate: new Date(year, month, date - 1), endDate: today };
-    var last3Days = { startDate: new Date(year, month, date - 3), endDate: today };
-    var last7Days = { startDate: new Date(year, month, date - 7), endDate: today };
-    var currentWeek = { startDate: new Date(year, month, date - today.getDay() + 1), endDate: today };
-    var lastWeek = {
+const getRanges = () => {
+    const currentDate = new Date(Date.now());
+    const [date, month, year] = [currentDate.getDate(), currentDate.getMonth(), currentDate.getFullYear()];
+    const today = new Date(year, month, date);
+    const yesterday = { startDate: new Date(year, month, date - 1), endDate: today };
+    const last3Days = { startDate: new Date(year, month, date - 3), endDate: today };
+    const last7Days = { startDate: new Date(year, month, date - 7), endDate: today };
+    const currentWeek = { startDate: new Date(year, month, date - today.getDay() + 1), endDate: today };
+    const lastWeek = {
         startDate: new Date(year, month, date - 6 - today.getDay()),
         endDate: new Date(year, month, date - today.getDay())
     };
-    var currentMonth = { startDate: new Date(year, month, 1), endDate: new Date(year, month, date) };
-    var lastMonth = { startDate: new Date(year, month - 1, 1), endDate: new Date(year, month, 0) };
-    var currentQuarter = { startDate: new Date(year, month - (month % 3), 1), endDate: new Date(year, month, date) };
-    var lastQuarter = {
+    const currentMonth = { startDate: new Date(year, month, 1), endDate: new Date(year, month, date) };
+    const lastMonth = { startDate: new Date(year, month - 1, 1), endDate: new Date(year, month, 0) };
+    const currentQuarter = { startDate: new Date(year, month - (month % 3), 1), endDate: new Date(year, month, date) };
+    const lastQuarter = {
         startDate: new Date(year, month - (month % 3) - 3, 1),
         endDate: new Date(year, month - (month % 3), 0)
     };
-    var currentYear = { startDate: new Date(year, 0, 1), endDate: new Date(year, month, date) };
-    var lastYear = { startDate: new Date(year - 1, 0, 1), endDate: new Date(year, 12, 0) };
+    const currentYear = { startDate: new Date(year, 0, 1), endDate: new Date(year, month, date) };
+    const lastYear = { startDate: new Date(year - 1, 0, 1), endDate: new Date(year, 12, 0) };
     return {
         Yesterday: yesterday,
         'Last 3 days': last3Days,

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

@@ -21,39 +21,38 @@ import { DROPDOWN_Z_INDEX, DROPDOWN_ON_MODAL_Z_INDEX } from '../constants.js';
  * @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()[0];
-    var contentRef = useRef(null);
-    var _c = useDropdownContext(), wrapperRef = _c.wrapperRef, toggleDropdown = _c.toggleDropdown, isOpen = _c.isOpen;
-    var _d = useState({
+const Content = ({ headerComponent, headerGoBackText, headerGoBackIcon, children, arrowSide = 'left', portalContainer }) => {
+    const [t] = useTranslation();
+    const contentRef = useRef(null);
+    const { wrapperRef, toggleDropdown, isOpen } = useDropdownContext();
+    const [styles, setStyles] = useState({
         left: '0px',
         top: '0px',
         zIndex: DROPDOWN_Z_INDEX
-    }), styles = _d[0], setStyles = _d[1];
-    var contentClassName = classNames([cssDropdownContent, arrowSide === 'right' && cssDropdownContentRight], cssClasses);
-    var screenWidthName = useScreenDetect();
-    var refs = [contentRef];
+    });
+    const contentClassName = classNames([cssDropdownContent, arrowSide === 'right' && cssDropdownContentRight], cssClasses);
+    const screenWidthName = useScreenDetect();
+    const refs = [contentRef];
     if (wrapperRef) {
         refs.push(wrapperRef);
     }
-    useClickOutside(refs, function () {
+    useClickOutside(refs, () => {
         if (typeof toggleDropdown === 'function') {
             toggleDropdown();
         }
     });
-    useEffect(function () {
+    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 = 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 = isChildOfModal(wrapperRef);
-            var zIndex = isInModal ? DROPDOWN_ON_MODAL_Z_INDEX : DROPDOWN_Z_INDEX;
+            const { x, y, height } = wrapperRef.current.getBoundingClientRect();
+            const yOffset = 10;
+            const { xModifier, yModifier } = getXYModifiersForNestedDropdowns(portalContainer === null || portalContainer === void 0 ? void 0 : portalContainer.current);
+            const positionTop = height + y + yOffset - yModifier;
+            const positionLeft = x - xModifier;
+            const isInModal = isChildOfModal(wrapperRef);
+            const zIndex = isInModal ? DROPDOWN_ON_MODAL_Z_INDEX : DROPDOWN_Z_INDEX;
             screenWidthName === 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 createPortal(React.createElement(TransitionGroup, { component: null }, isOpen === true ? (React.createElement(CSSTransition, { timeout: 200, classNames: {
@@ -64,7 +63,7 @@ var Content = function (_a) {
         } },
         React.createElement("div", { ref: contentRef, style: styles, className: contentClassName },
             React.createElement("div", { className: cssClasses[cssDropdownHeader] },
-                React.createElement("div", { onClick: function () { return typeof toggleDropdown === 'function' && toggleDropdown(); } }, headerComponent !== null && headerComponent !== void 0 ? headerComponent : (React.createElement("div", { className: cssClasses[cssDropdownHeaderContent] },
+                React.createElement("div", { onClick: () => typeof toggleDropdown === 'function' && toggleDropdown() }, headerComponent !== null && headerComponent !== void 0 ? headerComponent : (React.createElement("div", { className: cssClasses[cssDropdownHeaderContent] },
                     headerGoBackIcon || React.createElement(IconArrow, { className: iconCssClasses['icon_rotate-180'] }),
                     React.createElement("span", { className: cssClasses[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/esm/packages/aurora/src/components/dropdown/components/content.js.map

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

@@ -2,10 +2,9 @@ import React, { useRef } from 'react';
 import { useDropdownContext } from '../context/index.js';
 import { useKeyboardOpenClose } from '../hooks/use_keyboard_open_close.js';
 
-var CustomLabel = function (_a) {
-    var children = _a.children;
-    var _b = useDropdownContext(), toggleDropdown = _b.toggleDropdown, isOpen = _b.isOpen;
-    var ref = useRef(null);
+const CustomLabel = ({ children }) => {
+    const { toggleDropdown, isOpen } = useDropdownContext();
+    const ref = useRef(null);
     useKeyboardOpenClose(toggleDropdown, isOpen, ref);
     return (React.createElement("div", { onClick: toggleDropdown, ref: ref, tabIndex: 0 }, children));
 };

package/build/esm/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;"}
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

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

@@ -9,8 +9,7 @@ import cssClasses$1 from '../../../css/heading/main.module.less.js';
  * @example
  * <Dropdown.Header text="Some header" />
  */
-var Header = function (_a) {
-    var text = _a.text;
+const Header = ({ text }) => {
     return (React.createElement("li", null,
         React.createElement("div", { className: cssClasses[cssDropdownListHead] },
             React.createElement("span", { className: cssClasses$1['head_line'] }, text))));

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

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;"}