@dreamcommerce/aurora 0.3.18 → 0.3.21

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

@@ -0,0 +1,73 @@
+import React, { useRef, useState, useEffect } from 'react';
+import { createPortal } from 'react-dom';
+import { TransitionGroup, CSSTransition } from 'react-transition-group';
+import { useTranslation } from 'react-i18next';
+import { cssDropdownContent, cssDropdownHeader, cssDropdownHeaderTitle, cssDropdownHeaderContent, cssDropdownContentRight } from '../css_classes';
+import '../types';
+import '../context/types';
+import { useDropdownContext } from '../context';
+import { useClickOutside, useScreenDetect } from '@auroraHooks/index';
+import { SCREEN_XS } from '@auroraConstants/responsive_breakpoints';
+import cssClasses from '@auroraCss/dropdown/main.module.less';
+import iconCssClasses from '@auroraCss/icons/main.module.less';
+import IconArrow from '@auroraAssets/icon_arrow';
+import { getXYModifiersForNestedDropdowns, isChildOfModal } from '../utilities';
+import { DROPDOWN_ON_MODAL_Z_INDEX, DROPDOWN_Z_INDEX } from '@auroraComponents/dropdown/constants';
+import { classNames } from '@auroraUtilities/styles/classNames';
+import withTranslation from '@auroraUtilities/translation/with_translation';
+/**
+ * Dropdown.Content component. This togglable part of dropdown.
+ * @component
+ * @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({
+        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];
+    if (wrapperRef) {
+        refs.push(wrapperRef);
+    }
+    useClickOutside(refs, function () {
+        if (typeof toggleDropdown === 'function') {
+            toggleDropdown();
+        }
+    });
+    useEffect(function () {
+        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;
+            screenWidthName === SCREEN_XS
+                ? setStyles({ top: "0px", left: "0px", zIndex: zIndex })
+                : setStyles({ top: "".concat(positionTop, "px"), left: "".concat(positionLeft, "px"), zIndex: zIndex });
+        }
+    }, [portalContainer, screenWidthName, wrapperRef, isOpen]);
+    return createPortal(React.createElement(TransitionGroup, { component: null }, isOpen === true ? (React.createElement(CSSTransition, { timeout: 200, classNames: {
+            enter: cssClasses['dropdown-enter'],
+            enterActive: cssClasses['dropdown-enter-active'],
+            exit: cssClasses['dropdown-exit'],
+            exitActive: cssClasses['dropdown-exit-active']
+        } },
+        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] },
+                    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);
+};
+export default withTranslation(Content);
+//# sourceMappingURL=content.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"content.js","sourceRoot":"","sources":["../../../../../../../../src/components/dropdown/components/content.tsx"],"names":[],"mappings":"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"}

package/build/esm/packages/aurora/src/components/dropdown/components/custom_label.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { IDropdownCustomLabelProps } from '../types';
+declare const CustomLabel: React.FC<IDropdownCustomLabelProps>;
+export default CustomLabel;

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

@@ -0,0 +1,14 @@
+import React, { useRef } from 'react';
+import '../context/types';
+import { useDropdownContext } from '../context';
+import '../types';
+import { useKeyboardOpenClose } from '../hooks/use_keyboard_open_close';
+var CustomLabel = function (_a) {
+    var children = _a.children;
+    var _b = useDropdownContext(), toggleDropdown = _b.toggleDropdown, isOpen = _b.isOpen;
+    var ref = useRef(null);
+    useKeyboardOpenClose(toggleDropdown, isOpen, ref);
+    return (React.createElement("div", { onClick: toggleDropdown, ref: ref, tabIndex: 0 }, children));
+};
+export default CustomLabel;
+//# sourceMappingURL=custom_label.js.map

package/build/esm/packages/aurora/src/components/dropdown/components/custom_label.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"custom_label.js","sourceRoot":"","sources":["../../../../../../../../src/components/dropdown/components/custom_label.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AACtC,OAAiC,kBAAkB,CAAC;AACpD,OAAO,EAAE,kBAAkB,EAAE,MAAM,YAAY,CAAC;AAChD,OAA0C,UAAU,CAAC;AACrD,OAAO,EAAE,oBAAoB,EAAE,MAAM,kCAAkC,CAAC;AAExE,IAAM,WAAW,GAAwC,UAAC,EAAY;QAAV,QAAQ,cAAA;IAC1D,IAAA,KAA+C,kBAAkB,EAAE,EAAjE,cAAc,oBAAA,EAAE,MAAM,YAA2C,CAAC;IAC1E,IAAM,GAAG,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC;IACzB,oBAAoB,CAAC,cAAc,EAAE,MAAM,EAAE,GAAG,CAAC,CAAC;IAElD,OAAO,CACH,6BAAK,OAAO,EAAE,cAAc,EAAE,GAAG,EAAE,GAAG,EAAE,QAAQ,EAAE,CAAC,IAC9C,QAAQ,CACP,CACT,CAAC;AACN,CAAC,CAAC;AAEF,eAAe,WAAW,CAAC"}

package/build/esm/packages/aurora/src/components/dropdown/components/header.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import { IDropdownHeaderProps } from '../types';
+/**
+ * Dropdown.Header component. Header for options groups. Should be only used within Dropdown.List
+ * @component
+ * @example
+ * <Dropdown.Header text="Some header" />
+ */
+declare const Header: React.FC<IDropdownHeaderProps>;
+export default Header;

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

@@ -0,0 +1,19 @@
+import React from 'react';
+import '../types';
+import { cssDropdownListHead } from '../css_classes';
+import cssClasses from '@auroraCss/dropdown/main.module.less';
+import cssHeadingClasses from '@auroraCss/heading/main.module.less';
+/**
+ * Dropdown.Header component. Header for options groups. Should be only used within Dropdown.List
+ * @component
+ * @example
+ * <Dropdown.Header text="Some header" />
+ */
+var Header = function (_a) {
+    var text = _a.text;
+    return (React.createElement("li", null,
+        React.createElement("div", { className: cssClasses[cssDropdownListHead] },
+            React.createElement("span", { className: cssHeadingClasses['head_line'] }, text))));
+};
+export default Header;
+//# sourceMappingURL=header.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"header.js","sourceRoot":"","sources":["../../../../../../../../src/components/dropdown/components/header.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAqC,UAAU,CAAC;AAChD,OAAO,EAAE,mBAAmB,EAAE,MAAM,gBAAgB,CAAC;AACrD,OAAO,UAAU,MAAM,sCAAsC,CAAC;AAC9D,OAAO,iBAAiB,MAAM,qCAAqC,CAAC;AAEpE;;;;;GAKG;AACH,IAAM,MAAM,GAAmC,UAAC,EAAQ;QAAN,IAAI,UAAA;IAClD,OAAO,CACH;QACI,6BAAK,SAAS,EAAE,UAAU,CAAC,mBAAmB,CAAC;YAC3C,8BAAM,SAAS,EAAE,iBAAiB,CAAC,WAAW,CAAC,IAAG,IAAI,CAAQ,CAC5D,CACL,CACR,CAAC;AACN,CAAC,CAAC;AAEF,eAAe,MAAM,CAAC"}

package/build/esm/packages/aurora/src/components/dropdown/components/item.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import { IDropdownItemProps } from '../types';
+/**
+ * Dropdown.Item component. Generic dropdown item
+ * @component
+ * @example
+ * <Dropdown.Item> ... </Dropdown.Item>
+ */
+declare const Item: React.FC<IDropdownItemProps>;
+export default Item;

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

@@ -0,0 +1,29 @@
+import React from 'react';
+import '../types';
+import '../context/types';
+import { useDropdownContext } from '../context';
+/**
+ * Dropdown.Item component. Generic dropdown item
+ * @component
+ * @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));
+};
+export default Item;
+//# sourceMappingURL=item.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"item.js","sourceRoot":"","sources":["../../../../../../../../src/components/dropdown/components/item.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAmC,UAAU,CAAC;AAC9C,OAAiC,kBAAkB,CAAC;AACpD,OAAO,EAAE,kBAAkB,EAAE,MAAM,YAAY,CAAC;AAEhD;;;;;GAKG;AACH,IAAM,IAAI,GAAiC,UAAC,EAe3C;;IAdG;;OAEG;IACH,QAAQ,cAAA;IAER;;OAEG;IACH,UAAU,gBAAA;IAEV;;OAEG;IACH,OAAO,aAAA;IAEC,IAAA,cAAc,GAAuB,kBAAkB,EAAE,eAA3C,CAA4C;IAElE,OAAO,CACH,4BAAI,IAAI,EAAC,QAAQ,mBAAgB,UAAU,EAAE,OAAO,EAAE,UAAC,EAAoB,IAAK,OAAA,OAAO,IAAI,OAAO,CAAC,EAAE,EAAE,IAAA,EAAE,cAAc,gBAAA,EAAE,CAAC,EAA1C,CAA0C,IACrH,QAAQ,CACR,CACR,CAAC;AACN,CAAC,CAAC;AAEF,eAAe,IAAI,CAAC"}

package/build/esm/packages/aurora/src/components/dropdown/components/item_with_hover.d.ts

@@ -0,0 +1,10 @@
+import { IDropdownItemWithHover } from '../types';
+import React from 'react';
+/**
+ * Dropdown.ItemWithHover component. Generic dropdown item with hover state
+ * @component
+ * @example
+ * <Dropdown.ItemWithHover> ... </Dropdown.ItemWithHover>
+ */
+declare const ItemWithHover: React.FC<IDropdownItemWithHover>;
+export default ItemWithHover;

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

@@ -0,0 +1,32 @@
+import '../context/types';
+import '../types';
+import React from 'react';
+import cssClasses from '@auroraCss/dropdown/main.module.less';
+import { cssDropdownItemWithHover } from '../css_classes';
+import { useDropdownContext } from '../context';
+/**
+ * Dropdown.ItemWithHover component. Generic dropdown item with hover state
+ * @component
+ * @example
+ * <Dropdown.ItemWithHover> ... </Dropdown.ItemWithHover>
+ */
+var ItemWithHover = function (_a) {
+    var 
+    /**
+     * children nodes
+     */
+    children = _a.children, 
+    /**
+     * Custom className
+     */
+    cssClass = _a.cssClass, 
+    /**
+     * on click callback
+     */
+    onClick = _a.onClick;
+    var toggleDropdown = useDropdownContext().toggleDropdown;
+    var itemCssClass = "".concat(cssClasses[cssDropdownItemWithHover], " ").concat(cssClass);
+    return (React.createElement("div", { className: itemCssClass, onClick: function (ev) { return onClick && onClick({ ev: ev, toggleDropdown: toggleDropdown }); } }, children));
+};
+export default ItemWithHover;
+//# sourceMappingURL=item_with_hover.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"item_with_hover.js","sourceRoot":"","sources":["../../../../../../../../src/components/dropdown/components/item_with_hover.tsx"],"names":[],"mappings":"AAAA,OAAiC,kBAAkB,CAAC;AACpD,OAAuC,UAAU,CAAC;AAClD,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,UAAU,MAAM,sCAAsC,CAAC;AAC9D,OAAO,EAAE,wBAAwB,EAAE,MAAM,gBAAgB,CAAC;AAC1D,OAAO,EAAE,kBAAkB,EAAE,MAAM,YAAY,CAAC;AAEhD;;;;;GAKG;AACH,IAAM,aAAa,GAAqC,UAAC,EAaxD;;IAZG;;OAEG;IACH,QAAQ,cAAA;IACR;;OAEG;IACH,QAAQ,cAAA;IACR;;OAEG;IACH,OAAO,aAAA;IAEC,IAAA,cAAc,GAAuB,kBAAkB,EAAE,eAA3C,CAA4C;IAClE,IAAM,YAAY,GAAG,UAAG,UAAU,CAAC,wBAAwB,CAAC,cAAI,QAAQ,CAAE,CAAC;IAE3E,OAAO,CACH,6BAAK,SAAS,EAAE,YAAY,EAAE,OAAO,EAAE,UAAC,EAAoB,IAAK,OAAA,OAAO,IAAI,OAAO,CAAC,EAAE,EAAE,IAAA,EAAE,cAAc,gBAAA,EAAE,CAAC,EAA1C,CAA0C,IACtG,QAAQ,CACP,CACT,CAAC;AACN,CAAC,CAAC;AAEF,eAAe,aAAa,CAAC"}

package/build/esm/packages/aurora/src/components/dropdown/components/label.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import { IDropdownLabelProps } from '../types';
+/**
+ * Dropdown.Label component. Use it for togglable element, if You dont need selectable values
+ * @component
+ * @example
+ * <Dropdown.Label label="More options" />
+ */
+declare const Label: React.FC<IDropdownLabelProps>;
+export default Label;

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

@@ -0,0 +1,29 @@
+import React, { useRef } from 'react';
+import '../types';
+import '../context/types';
+import { useDropdownContext } from '../context';
+import { useKeyboardOpenClose } from '../hooks/use_keyboard_open_close';
+import { DROPDOWN_TEST_ID } from '@auroraComponents/dropdown/constants';
+/**
+ * Dropdown.Label component. Use it for togglable element, if You dont need selectable values
+ * @component
+ * @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);
+    useKeyboardOpenClose(toggleDropdown, isOpen, ref);
+    return (React.createElement("span", { onClick: toggleDropdown, tabIndex: 0, ref: ref, className: cssClass, "data-test-id": DROPDOWN_TEST_ID.label }, label));
+};
+export default Label;
+//# sourceMappingURL=label.js.map

package/build/esm/packages/aurora/src/components/dropdown/components/label.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"label.js","sourceRoot":"","sources":["../../../../../../../../src/components/dropdown/components/label.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AACtC,OAAoC,UAAU,CAAC;AAC/C,OAAiC,kBAAkB,CAAC;AACpD,OAAO,EAAE,kBAAkB,EAAE,MAAM,YAAY,CAAC;AAChD,OAAO,EAAE,oBAAoB,EAAE,MAAM,kCAAkC,CAAC;AACxE,OAAO,EAAE,gBAAgB,EAAE,MAAM,sCAAsC,CAAC;AAExE;;;;;GAKG;AACH,IAAM,KAAK,GAAkC,UAAC,EAS7C;;IARG;;OAEG;IACH,KAAK,WAAA;IACL;;OAEG;IACH,QAAQ,cAAA;IAEF,IAAA,KAA+C,kBAAkB,EAAE,EAAjE,cAAc,oBAAA,EAAE,MAAM,YAA2C,CAAC;IAC1E,IAAM,GAAG,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC;IACzB,oBAAoB,CAAC,cAAc,EAAE,MAAM,EAAE,GAAG,CAAC,CAAC;IAElD,OAAO,CACH,8BAAM,OAAO,EAAE,cAAc,EAAE,QAAQ,EAAE,CAAC,EAAE,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,QAAQ,kBAAgB,gBAAgB,CAAC,KAAK,IAC1G,KAAK,CACH,CACV,CAAC;AACN,CAAC,CAAC;AAEF,eAAe,KAAK,CAAC"}

package/build/esm/packages/aurora/src/components/dropdown/components/link.d.ts

@@ -0,0 +1,12 @@
+import { IDropdownLinkProps } from '../types';
+import React from 'react';
+/**
+ * Dropdown.Link component. Should be only used within Dropdown.List.
+ * @component
+ * @example
+ * <Dropdown.List isWithGroups={false}>
+ *  <Dropdown.Link text="shoper.pl" href="https://shoper.pl" target="_blank" />
+ * </Dropdown.List>
+ */
+declare const Link: React.FC<IDropdownLinkProps>;
+export default Link;

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

@@ -0,0 +1,30 @@
+import { __assign, __rest } from "tslib";
+import '../types';
+import React from 'react';
+import cssClasses from '@auroraCss/dropdown/main.module.less';
+import { cssDropdownListItem } from '../css_classes';
+/**
+ * Dropdown.Link component. Should be only used within Dropdown.List.
+ * @component
+ * @example
+ * <Dropdown.List isWithGroups={false}>
+ *  <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']);
+    return (React.createElement("li", null,
+        React.createElement("a", __assign({}, attributes, { className: itemCssClass }),
+            React.createElement("span", null, text))));
+};
+export default Link;
+//# sourceMappingURL=link.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"link.js","sourceRoot":"","sources":["../../../../../../../../src/components/dropdown/components/link.tsx"],"names":[],"mappings":";AAAA,OAAmC,UAAU,CAAC;AAC9C,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,UAAU,MAAM,sCAAsC,CAAC;AAC9D,OAAO,EAAE,mBAAmB,EAAE,MAAM,gBAAgB,CAAC;AAErD;;;;;;;GAOG;AACH,IAAM,IAAI,GAAiC,UAAC,EAU3C;IANG;IAHA;;OAEG;IACH,IAAI,UAAA;IAEJ;;OAEG;IACA,UAAU,cAT2B,QAU3C,CADgB;IAEb,IAAM,YAAY,GAAG,UAAG,UAAU,CAAC,mBAAmB,CAAC,cAAI,UAAU,CAAC,MAAM,CAAC,CAAE,CAAC;IAEhF,OAAO,CACH;QACI,sCAAO,UAAU,IAAE,SAAS,EAAE,YAAY;YACtC,kCAAO,IAAI,CAAQ,CACnB,CACH,CACR,CAAC;AACN,CAAC,CAAC;AAEF,eAAe,IAAI,CAAC"}

package/build/esm/packages/aurora/src/components/dropdown/components/list.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+import { IDropdownListProps } from '../types';
+/**
+ * Dropdown.List component. Displays list.
+ * @component
+ * @example
+ * <Dropdown.List isWithGroups={false}>
+ *  <Dropdown.Item>Test</Dropdown.Item>
+ * </Dropdown.List>
+ */
+declare const List: React.FC<IDropdownListProps>;
+export default List;

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

@@ -0,0 +1,31 @@
+import React from 'react';
+import classnames from 'classnames';
+import cssClasses from '@auroraCss/dropdown/main.module.less';
+import '../types';
+import { cssDropdownList, cssDropdownWithScroll, cssDropdownListWithGroup } from '../css_classes';
+/**
+ * Dropdown.List component. Displays list.
+ * @component
+ * @example
+ * <Dropdown.List isWithGroups={false}>
+ *  <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));
+    return (React.createElement("ul", { role: "listbox", className: listClasses }, children));
+};
+export default List;
+//# sourceMappingURL=list.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"list.js","sourceRoot":"","sources":["../../../../../../../../src/components/dropdown/components/list.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,UAAU,MAAM,YAAY,CAAC;AAEpC,OAAO,UAAU,MAAM,sCAAsC,CAAC;AAE9D,OAAmC,UAAU,CAAC;AAC9C,OAAO,EAAE,eAAe,EAAE,qBAAqB,EAAE,wBAAwB,EAAE,MAAM,gBAAgB,CAAC;AAElG;;;;;;;GAOG;AACH,IAAM,IAAI,GAAiC,UAAC,EAU3C;;;IATG;;OAEG;IACH,YAAY,kBAAA;IAEZ;;OAEG;IACH,QAAQ,cAAA;IAER,IAAM,WAAW,GAAG,UAAU,CAAC,UAAU,CAAC,eAAe,CAAC,EAAE,UAAU,CAAC,qBAAqB,CAAC;QACzF,GAAC,UAAU,CAAC,wBAAwB,CAAC,IAAG,YAAY;YACtD,CAAC;IAEH,OAAO,CACH,4BAAI,IAAI,EAAC,SAAS,EAAC,SAAS,EAAE,WAAW,IACpC,QAAQ,CACR,CACR,CAAC;AACN,CAAC,CAAC;AAEF,eAAe,IAAI,CAAC"}

package/build/esm/packages/aurora/src/components/dropdown/components/option.d.ts

@@ -0,0 +1,22 @@
+import React from 'react';
+import { IDropdownOptionProps } from '../types';
+/**
+ * Dropdown.Option component. Should be only used within Dropdown.List
+ * @component
+ * @example
+ * const option = {
+ *  text: 'Option 1',
+ *  value: '1'
+ * }
+ *
+ * <Dropdown.Option
+ *  key="id1"
+ *  option={option}
+ *  isSelected={false}
+ *  isDisabled={false}
+ *  isReadonly={false}
+ *  onClick={(option) => console.log(option)}
+ * />
+ */
+declare const Option: React.FC<IDropdownOptionProps>;
+export default Option;

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

@@ -0,0 +1,61 @@
+import React from 'react';
+import classnames from 'classnames';
+import cssClasses from '@auroraCss/dropdown/main.module.less';
+import '../types';
+import Item from './item';
+import { cssDropdownListItem, cssDropdownListItemDisabled, cssDropdownListItemReadonly, cssDropdownListItemSelected } from '../css_classes';
+/**
+ * Dropdown.Option component. Should be only used within Dropdown.List
+ * @component
+ * @example
+ * const option = {
+ *  text: 'Option 1',
+ *  value: '1'
+ * }
+ *
+ * <Dropdown.Option
+ *  key="id1"
+ *  option={option}
+ *  isSelected={false}
+ *  isDisabled={false}
+ *  isReadonly={false}
+ *  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));
+    /**
+     * click handler works only for options that are neither readonly nor disabled
+     */
+    var clickHandler = isReadonly || isDisabled ? undefined : function () { return 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))));
+};
+export default Option;
+//# sourceMappingURL=option.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"option.js","sourceRoot":"","sources":["../../../../../../../../src/components/dropdown/components/option.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,UAAU,MAAM,YAAY,CAAC;AAEpC,OAAO,UAAU,MAAM,sCAAsC,CAAC;AAE9D,OAAqC,UAAU,CAAC;AAChD,OAAO,IAAI,MAAM,QAAQ,CAAC;AAC1B,OAAO,EAAE,mBAAmB,EAAE,2BAA2B,EAAE,2BAA2B,EAAE,2BAA2B,EAAE,MAAM,gBAAgB,CAAC;AAE5I;;;;;;;;;;;;;;;;;GAiBG;AACH,IAAM,MAAM,GAAmC,UAAC,EAyB/C;;;IAxBG;;OAEG;IACH,MAAM,YAAA;IAEN;;OAEG;IACH,UAAU,gBAAA;IAEV;;OAEG;IACH,UAAU,gBAAA;IAEV;;OAEG;IACH,UAAU,gBAAA;IAEV;;OAEG;IACH,OAAO,aAAA;IAEP,IAAM,WAAW,GAAG,UAAU,CAAC,UAAU,CAAC,mBAAmB,CAAC;QAC1D,GAAC,UAAU,CAAC,2BAA2B,CAAC,IAAG,UAAU;QACrD,GAAC,UAAU,CAAC,2BAA2B,CAAC,IAAG,UAAU;QACrD,GAAC,UAAU,CAAC,2BAA2B,CAAC,IAAG,UAAU;YACvD,CAAC;IAEH;;OAEG;IACH,IAAM,YAAY,GAAG,UAAU,IAAI,UAAU,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,cAAM,OAAA,OAAO,CAAC,MAAM,CAAC,EAAf,CAAe,CAAC;IAElF,OAAO,CACH,oBAAC,IAAI,IAAC,UAAU,EAAE,UAAU,EAAE,OAAO,EAAE,YAAY;QAC/C,6BAAK,SAAS,EAAE,WAAW,IAAG,kCAAO,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,IAAI,CAAQ,CAAO,CAC7D,CACV,CAAC;AACN,CAAC,CAAC;AAEF,eAAe,MAAM,CAAC"}

package/build/esm/packages/aurora/src/components/dropdown/components/option_multiple.d.ts

@@ -0,0 +1,22 @@
+import React from 'react';
+import { IDropdownOptionMultipleProps } from '../types';
+/**
+ * Dropdown.OptionMultiple component. Should be only used within Dropdown.List
+ * @component
+ * @example
+ * const option = {
+ *  text: 'Option 1',
+ *  value: '1'
+ * }
+ *
+ * <Dropdown.OptionMultiple
+ *  key="id1"
+ *  option={option}
+ *  isSelected={false}
+ *  isDisabled={false}
+ *  isReadonly={false}
+ *  onClick={(option) => console.log(option)}
+ * />
+ */
+declare const OptionMultiple: React.FC<IDropdownOptionMultipleProps>;
+export default OptionMultiple;

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

@@ -0,0 +1,63 @@
+import React from 'react';
+import classnames from 'classnames';
+import cssClasses from '@auroraCss/dropdown/main.module.less';
+import '../types';
+import Item from './item';
+import { cssDropdownListItem, cssDropdownListItemDisabled, cssDropdownListItemReadonly, cssDropdownListItemSelected } from '../css_classes';
+import ControlCheckbox from '@auroraComponents/controls/hoc/control_checkbox';
+/**
+ * Dropdown.OptionMultiple component. Should be only used within Dropdown.List
+ * @component
+ * @example
+ * const option = {
+ *  text: 'Option 1',
+ *  value: '1'
+ * }
+ *
+ * <Dropdown.OptionMultiple
+ *  key="id1"
+ *  option={option}
+ *  isSelected={false}
+ *  isDisabled={false}
+ *  isReadonly={false}
+ *  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));
+    /**
+     * click handler works only for options that are neither readonly nor disabled
+     */
+    var clickHandler = isReadonly || isDisabled ? undefined : function () { return 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 }))));
+};
+export default OptionMultiple;
+//# sourceMappingURL=option_multiple.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"option_multiple.js","sourceRoot":"","sources":["../../../../../../../../src/components/dropdown/components/option_multiple.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,UAAU,MAAM,YAAY,CAAC;AAEpC,OAAO,UAAU,MAAM,sCAAsC,CAAC;AAC9D,OAA6C,UAAU,CAAC;AACxD,OAAO,IAAI,MAAM,QAAQ,CAAC;AAC1B,OAAO,EAAE,mBAAmB,EAAE,2BAA2B,EAAE,2BAA2B,EAAE,2BAA2B,EAAE,MAAM,gBAAgB,CAAC;AAC5I,OAAO,eAAe,MAAM,iDAAiD,CAAC;AAE9E;;;;;;;;;;;;;;;;;GAiBG;AACH,IAAM,cAAc,GAA2C,UAAC,EAyB/D;;;IAxBG;;OAEG;IACH,MAAM,YAAA;IAEN;;OAEG;IACH,UAAU,gBAAA;IAEV;;OAEG;IACH,UAAU,gBAAA;IAEV;;OAEG;IACH,UAAU,gBAAA;IAEV;;OAEG;IACH,OAAO,aAAA;IAEP,IAAM,WAAW,GAAG,UAAU,CAAC,UAAU,CAAC,mBAAmB,CAAC;QAC1D,GAAC,UAAU,CAAC,2BAA2B,CAAC,IAAG,UAAU;QACrD,GAAC,UAAU,CAAC,2BAA2B,CAAC,IAAG,UAAU;QACrD,GAAC,UAAU,CAAC,2BAA2B,CAAC,IAAG,UAAU;YACvD,CAAC;IAEH;;OAEG;IACH,IAAM,YAAY,GAAG,UAAU,IAAI,UAAU,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,cAAM,OAAA,OAAO,CAAC,MAAM,CAAC,EAAf,CAAe,CAAC;IAElF,OAAO,CACH,oBAAC,IAAI,IAAC,UAAU,EAAE,UAAU,EAAE,OAAO,EAAE,YAAY;QAC/C,6BAAK,SAAS,EAAE,WAAW;YACvB,oBAAC,eAAe,IAAC,gBAAgB,EAAE,UAAU,EAAE,QAAQ,EAAE,UAAU,IAAI,UAAU,EAAE,KAAK,EAAE,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,IAAI,GAAI,CACxG,CACH,CACV,CAAC;AACN,CAAC,CAAC;AAEF,eAAe,cAAc,CAAC"}

package/build/esm/packages/aurora/src/components/dropdown/components/search.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import { IDropdownSearchProps } from '../types';
+/**
+ * Dropdown.Search component. Displays search control.
+ * @component
+ * @example
+ * <Dropdown.Search onKeyUp={(ev) => console.log(`${ev} is a keyboard event`)} />
+ */
+declare const Search: React.FC<IDropdownSearchProps>;
+export default Search;

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

@@ -0,0 +1,28 @@
+import React, { useRef } from 'react';
+import '../context/types';
+import '../types';
+import Input from '@auroraComponents/controls/components/input';
+import cssClasses from '@auroraCss/dropdown/main.module.less';
+import { cssDropdownSearch } from '../css_classes';
+import { useDropdownContext } from '../context';
+import { useKeyboardOpenClose } from '../hooks/use_keyboard_open_close';
+/**
+ * Dropdown.Search component. Displays search control.
+ * @component
+ * @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);
+    useKeyboardOpenClose(toggleDropdown, isOpen, ref);
+    return (React.createElement("aside", { className: cssClasses[cssDropdownSearch], ref: ref },
+        React.createElement(Input, { placeholder: "Szukaj", padding: "small", onKeyUp: onKeyUp, autoFocus: true })));
+};
+export default Search;
+//# sourceMappingURL=search.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"search.js","sourceRoot":"","sources":["../../../../../../../../src/components/dropdown/components/search.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAEtC,OAAiC,kBAAkB,CAAC;AACpD,OAAqC,UAAU,CAAC;AAChD,OAAO,KAAK,MAAM,6CAA6C,CAAC;AAChE,OAAO,UAAU,MAAM,sCAAsC,CAAC;AAC9D,OAAO,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AACnD,OAAO,EAAE,kBAAkB,EAAE,MAAM,YAAY,CAAC;AAChD,OAAO,EAAE,oBAAoB,EAAE,MAAM,kCAAkC,CAAC;AAExE;;;;;GAKG;AACH,IAAM,MAAM,GAAmC,UAAC,EAK/C;;IAJG;;OAEG;IACH,OAAO,aAAA;IAED,IAAA,KAA+C,kBAAkB,EAAE,EAAjE,cAAc,oBAAA,EAAE,MAAM,YAA2C,CAAC;IAC1E,IAAM,GAAG,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC;IACzB,oBAAoB,CAAC,cAAc,EAAE,MAAM,EAAE,GAAG,CAAC,CAAC;IAElD,OAAO,CACH,+BAAO,SAAS,EAAE,UAAU,CAAC,iBAAiB,CAAC,EAAE,GAAG,EAAE,GAAG;QACrD,oBAAC,KAAK,IAAC,WAAW,EAAC,QAAQ,EAAC,OAAO,EAAC,OAAO,EAAC,OAAO,EAAE,OAAO,EAAE,SAAS,SAAG,CACtE,CACX,CAAC;AACN,CAAC,CAAC;AAEF,eAAe,MAAM,CAAC"}

package/build/esm/packages/aurora/src/components/dropdown/components/select.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import { IDropdownSelectProps } from '../types';
+/**
+ * Dropdown.Select component. Displays select like control. Use it only if you have selectable values.
+ * @component
+ * @example
+ * <Dropdown.Select name="select_name" selectedOptions={['value1', 'value2']} />
+ */
+declare const Select: React.FC<IDropdownSelectProps>;
+export default Select;