@dreamcommerce/aurora 0.3.4-98 → 0.3.6

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

@@ -0,0 +1,39 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var value_controller_context = require('./context/value_controller_context.js');
+require('./context/month_year_navigation_context.js');
+var use_value_controller = require('./hooks/use_value_controller.js');
+var range_picker = require('./hoc/range_picker.js');
+var single_date_picker = require('./hoc/single_date_picker.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+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 = use_value_controller['default']({
+        type: type,
+        defaultRange: defaultRange,
+        defaultDate: defaultDate,
+        maxDate: maxDate,
+        minDate: minDate,
+        maxRange: maxRange,
+        minRange: minRange
+    });
+    var value = valueController.value, inputValue = valueController.inputValue;
+    React.useEffect(function () {
+        onChange === null || onChange === void 0 ? void 0 : onChange(value);
+    }, [value, onChange]);
+    return (React__default['default'].createElement(value_controller_context['default'].Provider, { value: valueController },
+        React__default['default'].createElement("input", { value: inputValue, type: "hidden", name: name }),
+        type === 'single' ? (React__default['default'].createElement(single_date_picker.SingleDatepicker, { className: className, showButtons: showButtons })) : (React__default['default'].createElement(range_picker.RangePicker, { className: className, showButtons: showButtons, showDefaultRanges: showDefaultRanges }))));
+});
+
+exports.RangePicker = range_picker.RangePicker;
+exports.SingleDatepicker = single_date_picker.SingleDatepicker;
+exports.default = index;
+//# sourceMappingURL=index.js.map

package/build/cjs/packages/aurora/src/components/date_picker/index.js.map

@@ -0,0 +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;"}

package/build/cjs/packages/aurora/src/components/date_picker/utilities.js

@@ -0,0 +1,45 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+/**
+ * @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 = {
+        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 = {
+        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) };
+    return {
+        Yesterday: yesterday,
+        'Last 3 days': last3Days,
+        'Last 7 days': last7Days,
+        'Current Week': currentWeek,
+        'Last Week': lastWeek,
+        'Current Month': currentMonth,
+        'Last Month': lastMonth,
+        'Current Quarter': currentQuarter,
+        'Last Quarter': lastQuarter,
+        'Current Year': currentYear,
+        'Last Year': lastYear
+    };
+};
+
+exports.getRanges = getRanges;
+//# sourceMappingURL=utilities.js.map

package/build/cjs/packages/aurora/src/components/date_picker/utilities.js.map

@@ -0,0 +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;"}

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

@@ -0,0 +1,83 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var useTranslation = require('../../../../../../external/react-i18next/dist/es/useTranslation.js');
+var index = require('../context/index.js');
+var responsive_breakpoints = require('../../../constants/responsive_breakpoints.js');
+var use_screen_detect = require('../../../hooks/use_screen_detect.js');
+var with_translation = require('../../../utilities/translation/with_translation.js');
+var main_module$1 = require('../../../css/icons/main.module.less.js');
+var classNames = require('../../../utilities/styles/classNames.js');
+var main_module = require('../../../css/dropdown/main.module.less.js');
+var use_click_outside = require('../../../hooks/use_click_outside.js');
+var reactDom = require('react-dom');
+var reactTransitionGroup = require('react-transition-group');
+var css_classes = require('../css_classes.js');
+var icon_arrow = require('../../../assets/icon_arrow.js');
+var utilities = require('../utilities.js');
+var constants = require('../constants.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+/**
+ * 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.useTranslation()[0];
+    var contentRef = React.useRef(null);
+    var _c = index.useDropdownContext(), wrapperRef = _c.wrapperRef, toggleDropdown = _c.toggleDropdown, isOpen = _c.isOpen;
+    var _d = 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];
+    if (wrapperRef) {
+        refs.push(wrapperRef);
+    }
+    use_click_outside.useClickOutside(refs, function () {
+        if (typeof toggleDropdown === 'function') {
+            toggleDropdown();
+        }
+    });
+    React.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 = 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;
+            screenWidthName === responsive_breakpoints.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 reactDom.createPortal(React__default['default'].createElement(reactTransitionGroup.TransitionGroup, { component: null }, isOpen === true ? (React__default['default'].createElement(reactTransitionGroup.CSSTransition, { timeout: 200, classNames: {
+            enter: main_module['default']['dropdown-enter'],
+            enterActive: main_module['default']['dropdown-enter-active'],
+            exit: main_module['default']['dropdown-exit'],
+            exitActive: main_module['default']['dropdown-exit-active']
+        } },
+        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] },
+                    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);
+};
+var Content$1 = with_translation['default'](Content);
+
+exports.default = Content$1;
+//# sourceMappingURL=content.js.map

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

@@ -0,0 +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;"}

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

@@ -0,0 +1,22 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var index = require('../context/index.js');
+var use_keyboard_open_close = require('../hooks/use_keyboard_open_close.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+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);
+    use_keyboard_open_close.useKeyboardOpenClose(toggleDropdown, isOpen, ref);
+    return (React__default['default'].createElement("div", { onClick: toggleDropdown, ref: ref, tabIndex: 0 }, children));
+};
+
+exports.default = CustomLabel;
+//# sourceMappingURL=custom_label.js.map

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

@@ -0,0 +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;"}

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

@@ -0,0 +1,28 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var main_module = require('../../../css/dropdown/main.module.less.js');
+var css_classes = require('../css_classes.js');
+var main_module$1 = require('../../../css/heading/main.module.less.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+/**
+ * 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__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))));
+};
+
+exports.default = Header;
+//# sourceMappingURL=header.js.map

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

@@ -0,0 +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;"}

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

@@ -0,0 +1,37 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var index = require('../context/index.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+/**
+ * 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 = 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));
+};
+
+exports.default = Item;
+//# sourceMappingURL=item.js.map

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

@@ -0,0 +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;"}

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

@@ -0,0 +1,37 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var index = require('../context/index.js');
+var use_keyboard_open_close = require('../hooks/use_keyboard_open_close.js');
+var constants = require('../constants.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+/**
+ * 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 = index.useDropdownContext(), toggleDropdown = _b.toggleDropdown, isOpen = _b.isOpen;
+    var 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));
+};
+
+exports.default = Label;
+//# sourceMappingURL=label.js.map

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

@@ -0,0 +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;"}

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

@@ -0,0 +1,39 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var _tslib = require('../../../../../../_virtual/_tslib.js');
+var main_module = require('../../../css/dropdown/main.module.less.js');
+var css_classes = require('../css_classes.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(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>
+ */
+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']);
+    return (React__default['default'].createElement("li", null,
+        React__default['default'].createElement("a", _tslib.__assign({}, attributes, { className: itemCssClass }),
+            React__default['default'].createElement("span", null, text))));
+};
+
+exports.default = Link;
+//# sourceMappingURL=link.js.map

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

@@ -0,0 +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;"}

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

@@ -0,0 +1,41 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var classnames = require('classnames');
+var main_module = require('../../../css/dropdown/main.module.less.js');
+var css_classes = require('../css_classes.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var classnames__default = /*#__PURE__*/_interopDefaultLegacy(classnames);
+
+/**
+ * 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__default['default'](main_module['default'][css_classes.cssDropdownList], main_module['default'][css_classes.cssDropdownWithScroll], (_b = {},
+        _b[main_module['default'][css_classes.cssDropdownListWithGroup]] = isWithGroups,
+        _b));
+    return (React__default['default'].createElement("ul", { role: "listbox", className: listClasses }, children));
+};
+
+exports.default = List;
+//# sourceMappingURL=list.js.map

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

@@ -0,0 +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;"}

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

@@ -0,0 +1,71 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var classnames = require('classnames');
+var main_module = require('../../../css/dropdown/main.module.less.js');
+var css_classes = require('../css_classes.js');
+var item = require('./item.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var classnames__default = /*#__PURE__*/_interopDefaultLegacy(classnames);
+
+/**
+ * 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__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));
+    /**
+     * click handler works only for options that are neither readonly nor disabled
+     */
+    var clickHandler = isReadonly || isDisabled ? undefined : function () { return 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))));
+};
+
+exports.default = Option;
+//# sourceMappingURL=option.js.map

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

@@ -0,0 +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;"}

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

@@ -0,0 +1,73 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var classnames = require('classnames');
+var index = require('../../controls/hoc/control_checkbox/index.js');
+var main_module = require('../../../css/dropdown/main.module.less.js');
+var css_classes = require('../css_classes.js');
+var item = require('./item.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var classnames__default = /*#__PURE__*/_interopDefaultLegacy(classnames);
+
+/**
+ * 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__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));
+    /**
+     * click handler works only for options that are neither readonly nor disabled
+     */
+    var clickHandler = isReadonly || isDisabled ? undefined : function () { return 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 }))));
+};
+
+exports.default = OptionMultiple;
+//# sourceMappingURL=option_multiple.js.map

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

@@ -0,0 +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;"}

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

@@ -0,0 +1,31 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var input = require('../../controls/components/input.js');
+var main_module = require('../../../css/dropdown/main.module.less.js');
+var css_classes = require('../css_classes.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+/**
+ * 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;
+    return (React__default['default'].createElement("aside", { className: main_module['default'][css_classes.cssDropdownSearch] },
+        React__default['default'].createElement(input['default'], { placeholder: "Szukaj", padding: "small", onKeyUp: onKeyUp, autoFocus: true })));
+};
+
+exports.default = Search;
+//# sourceMappingURL=search.js.map

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

@@ -0,0 +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;"}