@dreamcommerce/aurora 0.3.4-15 → 0.3.4-153

package/build/cjs/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/src/components/date_picker/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../src/components/date_picker/index.tsx"],"sourcesContent":["import React, { useEffect } from 'react';\nimport { IDatepickerProps } from './types';\nimport useValueController from './hooks/use_value_controller';\nimport { ValueControllerContext } from './context';\nimport RangePicker from './hoc/range_picker';\nimport SingleDatepicker from './hoc/single_date_picker';\n\nexport { RangePicker, SingleDatepicker };\n\nexport default ({\n    defaultDate,\n    defaultRange,\n    type = 'single',\n    name,\n    onChange,\n    maxDate,\n    minDate,\n    maxRange,\n    minRange,\n    className,\n    showButtons,\n    showDefaultRanges,\n}: IDatepickerProps) => {\n    const valueController = useValueController({\n        type,\n        defaultRange,\n        defaultDate,\n        maxDate,\n        minDate,\n        maxRange,\n        minRange,\n    });\n    const { value, inputValue } = valueController;\n    useEffect(() => {\n        onChange?.(value);\n    }, [value, onChange]);\n\n    return (\n        <ValueControllerContext.Provider value={valueController}>\n            <input value={inputValue} type=\"hidden\" name={name} />\n            {type === 'single' ? (\n                <SingleDatepicker className={className} showButtons={showButtons} />\n            ) : (\n                <RangePicker className={className} showButtons={showButtons} showDefaultRanges={showDefaultRanges} />\n            )}\n        </ValueControllerContext.Provider>\n    );\n};\n"],"names":["useValueController","useEffect","React","ValueControllerContext","SingleDatepicker","RangePicker"],"mappings":";;;;;;;;;;;;;;;AASA,aAAe,UAAC,EAaG;QAZf,4BAAW,EACX,8BAAY,EACZ,YAAe,EAAf,oCAAe,EACf,cAAI,EACJ,sBAAQ,EACR,oBAAO,EACP,oBAAO,EACP,sBAAQ,EACR,sBAAQ,EACR,wBAAS,EACT,4BAAW,EACX,wCAAiB;IAEjB,IAAM,eAAe,GAAGA,+BAAkB,CAAC;QACvC,IAAI,MAAA;QACJ,YAAY,cAAA;QACZ,WAAW,aAAA;QACX,OAAO,SAAA;QACP,OAAO,SAAA;QACP,QAAQ,UAAA;QACR,QAAQ,UAAA;KACX,CAAC,CAAC;IACK,IAAA,6BAAK,EAAE,uCAAU,CAAqB;IAC9CC,eAAS,CAAC;QACN,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAG,KAAK,EAAE;KACrB,EAAE,CAAC,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC;IAEtB,QACIC,wCAACC,mCAAsB,CAAC,QAAQ,IAAC,KAAK,EAAE,eAAe;QACnDD,mDAAO,KAAK,EAAE,UAAU,EAAE,IAAI,EAAC,QAAQ,EAAC,IAAI,EAAE,IAAI,GAAI;QACrD,IAAI,KAAK,QAAQ,IACdA,wCAACE,mCAAgB,IAAC,SAAS,EAAE,SAAS,EAAE,WAAW,EAAE,WAAW,GAAI,KAEpEF,wCAACG,wBAAW,IAAC,SAAS,EAAE,SAAS,EAAE,WAAW,EAAE,WAAW,EAAE,iBAAiB,EAAE,iBAAiB,GAAI,CACxG,CAC6B,EACpC;AACN,CAAC;;;;;;"}

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

@@ -0,0 +1,39 @@
+'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/src/components/date_picker/utilities.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utilities.js","sources":["../../../../../src/components/date_picker/utilities.ts"],"sourcesContent":["/**\n * @return ArrayOf available ranges in rangepicker\n */\nexport const getRanges = () => {\n    const currentDate = new Date(Date.now());\n    const [date, month, year] = [currentDate.getDate(), currentDate.getMonth(), currentDate.getFullYear()];\n\n    const today = new Date(year, month, date);\n    const yesterday = { startDate: new Date(year, month, date - 1), endDate: today };\n    const last3Days = { startDate: new Date(year, month, date - 3), endDate: today };\n    const last7Days = { startDate: new Date(year, month, date - 7), endDate: today };\n    const currentWeek = { startDate: new Date(year, month, date - today.getDay() + 1), endDate: today };\n    const lastWeek = { startDate: new Date(year, month, date - 6 - today.getDay()), endDate: new Date(year, month, date - today.getDay()) };\n    const currentMonth = { startDate: new Date(year, month, 1), endDate: new Date(year, month, date) };\n    const lastMonth = { startDate: new Date(year, month - 1, 1), endDate: new Date(year, month, 0) };\n    const currentQuarter = { startDate: new Date(year, month - (month % 3), 1), endDate: new Date(year, month, date) };\n    const lastQuarter = { startDate: new Date(year, month - (month % 3) - 3, 1), endDate: new Date(year, month - (month % 3), 0) };\n    const currentYear = { startDate: new Date(year, 0, 1), endDate: new Date(year, month, date) };\n    const lastYear = { startDate: new Date(year - 1, 0, 1), endDate: new Date(year, 12, 0) };\n\n    return {\n        Yesterday: yesterday,\n        'Last 3 days': last3Days,\n        'Last 7 days': last7Days,\n        'Current Week': currentWeek,\n        'Last Week': lastWeek,\n        'Current Month': currentMonth,\n        'Last Month': lastMonth,\n        'Current Quarter': currentQuarter,\n        'Last Quarter': lastQuarter,\n        'Current Year': currentYear,\n        'Last Year': lastYear\n    };\n};\n"],"names":[],"mappings":"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"}

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

@@ -0,0 +1,79 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var useTranslation = require('../../../../node_modules/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 main_module$1 = require('../../../css/icons/main.module.less.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, portalContainer = _a.portalContainer;
+    var t = useTranslation.useTranslation()[0];
+    var contentRef = React.useRef(null);
+    var _b = index.useDropdownContext(), wrapperRef = _b.wrapperRef, toggleDropdown = _b.toggleDropdown, isOpen = _b.isOpen;
+    var _c = React.useState({
+        left: '0px',
+        top: '0px',
+        zIndex: constants.DROPDOWN_Z_INDEX,
+    }), styles = _c[0], setStyles = _c[1];
+    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: positionTop + "px", left: 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: main_module['default'][css_classes.cssDropdownContent] },
+            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);
+};
+
+exports.default = Content;
+//# sourceMappingURL=content.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"content.js","sources":["../../../../../../src/components/dropdown/components/content.tsx"],"sourcesContent":["import React, { useRef, useState, useEffect } from 'react';\nimport { createPortal } from 'react-dom';\nimport { TransitionGroup, CSSTransition } from 'react-transition-group';\nimport { useTranslation } from 'react-i18next';\n\nimport { IDropdownContentProps } from '../types';\nimport { IDropdownContext } from '../context/types';\nimport { useDropdownContext } from '../context';\nimport { useClickOutside, useScreenDetect } from '../../../hooks';\nimport { SCREEN_XS } from '@constants/responsive_breakpoints';\n\nimport { cssDropdownContent, cssDropdownHeader, cssDropdownHeaderTitle, cssDropdownHeaderContent } from '../css_classes';\nimport cssClasses from '@css/dropdown/main.module.less';\nimport iconCssClasses from '@css/icons/main.module.less';\nimport IconArrow from '@assets/icon_arrow';\nimport { getXYModifiersForNestedDropdowns, isChildOfModal } from '../utilities';\nimport { DROPDOWN_ON_MODAL_Z_INDEX, DROPDOWN_Z_INDEX } from '@components/dropdown/constants';\n\n/**\n * Dropdown.Content component. This togglable part of dropdown.\n * @component\n * @example\n * <Dropdown.Content> ... </Dropdown.Content>\n */\nconst Content: React.FC<IDropdownContentProps> = ({ headerComponent, headerGoBackText, headerGoBackIcon, children, portalContainer }) => {\n    const [t] = useTranslation();\n    const contentRef = useRef<HTMLDivElement>(null);\n    const { wrapperRef, toggleDropdown, isOpen }: IDropdownContext = useDropdownContext();\n    const [styles, setStyles] = useState({\n        left: '0px',\n        top: '0px',\n        zIndex: DROPDOWN_Z_INDEX,\n    });\n    const screenWidthName = useScreenDetect();\n\n    const refs = [contentRef];\n    if (wrapperRef) {\n        refs.push(wrapperRef);\n    }\n\n    useClickOutside(refs, () => {\n        if (typeof toggleDropdown === 'function') {\n            toggleDropdown();\n        }\n    });\n\n    useEffect(() => {\n        if (wrapperRef?.current) {\n            const { x, y, height } = wrapperRef.current.getBoundingClientRect();\n            const yOffset = 10;\n\n            const { xModifier, yModifier } = getXYModifiersForNestedDropdowns(portalContainer?.current);\n            const positionTop = height + y + yOffset - yModifier;\n            const positionLeft = x - xModifier;\n            const isInModal = isChildOfModal(wrapperRef);\n            const zIndex = isInModal ? DROPDOWN_ON_MODAL_Z_INDEX : DROPDOWN_Z_INDEX;\n\n            screenWidthName === SCREEN_XS\n                ? setStyles({ top: `0px`, left: `0px`, zIndex })\n                : setStyles({ top: `${positionTop}px`, left: `${positionLeft}px`, zIndex });\n        }\n    }, [portalContainer, screenWidthName, wrapperRef, isOpen]);\n\n    return createPortal(\n        <TransitionGroup component={null}>\n            {isOpen === true ? (\n                <CSSTransition\n                    timeout={200}\n                    classNames={{\n                        enter: cssClasses['dropdown-enter'],\n                        enterActive: cssClasses['dropdown-enter-active'],\n                        exit: cssClasses['dropdown-exit'],\n                        exitActive: cssClasses['dropdown-exit-active'],\n                    }}\n                >\n                    <div ref={contentRef} style={styles} className={cssClasses[cssDropdownContent]}>\n                        <div className={cssClasses[cssDropdownHeader]}>\n                            <div onClick={() => typeof toggleDropdown === 'function' && toggleDropdown()}>\n                                {headerComponent ?? (\n                                    <div className={cssClasses[cssDropdownHeaderContent]}>\n                                        {headerGoBackIcon || <IconArrow className={iconCssClasses['icon_rotate-180']} />}\n                                        <span className={cssClasses[cssDropdownHeaderTitle]}>{headerGoBackText ?? t('Go back')}</span>\n                                    </div>\n                                )}\n                            </div>\n                        </div>\n                        {children}\n                    </div>\n                </CSSTransition>\n            ) : null}\n        </TransitionGroup>,\n        portalContainer?.current || document.body\n    );\n};\n\nexport default Content;\n"],"names":["useRef","useScreenDetect","useClickOutside","useEffect","isChildOfModal","DROPDOWN_ON_MODAL_Z_INDEX","DROPDOWN_Z_INDEX","SCREEN_XS","createPortal","React","TransitionGroup","CSSTransition","cssClasses","cssDropdownContent","cssDropdownHeader","cssDropdownHeaderContent","IconArrow","iconCssClasses","cssDropdownHeaderTitle"],"mappings":"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"}

package/build/cjs/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/src/components/dropdown/components/custom_label.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"custom_label.js","sources":["../../../../../../src/components/dropdown/components/custom_label.tsx"],"sourcesContent":["import React, { useRef } from 'react';\nimport { IDropdownContext } from '../context/types';\nimport { useDropdownContext } from '../context';\nimport { IDropdownCustomLabelProps } from '../types';\nimport { useKeyboardOpenClose } from '../hooks/use_keyboard_open_close';\n\nconst CustomLabel: React.FC<IDropdownCustomLabelProps> = ({ children }) => {\n    const { toggleDropdown, isOpen }: IDropdownContext = useDropdownContext();\n    const ref = useRef(null);\n    useKeyboardOpenClose(toggleDropdown, isOpen, ref);\n\n    return (\n        <div onClick={toggleDropdown} ref={ref} tabIndex={0}>\n            {children}\n        </div>\n    );\n};\n\nexport default CustomLabel;\n"],"names":["useRef","useKeyboardOpenClose","React"],"mappings":";;;;;;;;;;;;IAMM,WAAW,GAAwC,UAAC,EAAY;QAAV,sBAAQ;IAC1D,IAAA,+BAAmE,EAAjE,kCAAc,EAAE,kBAAiD,CAAC;IAC1E,IAAM,GAAG,GAAGA,YAAM,CAAC,IAAI,CAAC,CAAC;IACzBC,4CAAoB,CAAC,cAAc,EAAE,MAAM,EAAE,GAAG,CAAC,CAAC;IAElD,QACIC,iDAAK,OAAO,EAAE,cAAc,EAAE,GAAG,EAAE,GAAG,EAAE,QAAQ,EAAE,CAAC,IAC9C,QAAQ,CACP,EACR;AACN;;;;"}

package/build/cjs/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/src/components/dropdown/components/header.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"header.js","sources":["../../../../../../src/components/dropdown/components/header.tsx"],"sourcesContent":["import React from 'react';\nimport { IDropdownHeaderProps } from '../types';\nimport { cssDropdownListHead } from '../css_classes';\nimport cssClasses from '@css/dropdown/main.module.less';\nimport cssHeadingClasses from '@css/heading/main.module.less';\n\n/**\n * Dropdown.Header component. Header for options groups. Should be only used within Dropdown.List\n * @component\n * @example\n * <Dropdown.Header text=\"Some header\" />\n */\nconst Header: React.FC<IDropdownHeaderProps> = ({ text }): JSX.Element => {\n    return (\n        <li>\n            <div className={cssClasses[cssDropdownListHead]}>\n                <span className={cssHeadingClasses['head_line']}>{text}</span>\n            </div>\n        </li>\n    );\n};\n\nexport default Header;\n"],"names":["React","cssClasses","cssDropdownListHead","cssHeadingClasses"],"mappings":";;;;;;;;;;;;;AAMA;;;;;;IAMM,MAAM,GAAmC,UAAC,EAAQ;QAAN,cAAI;IAClD,QACIA;QACIA,iDAAK,SAAS,EAAEC,sBAAU,CAACC,+BAAmB,CAAC;YAC3CF,kDAAM,SAAS,EAAEG,wBAAiB,CAAC,WAAW,CAAC,IAAG,IAAI,CAAQ,CAC5D,CACL,EACP;AACN;;;;"}

package/build/cjs/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/src/components/dropdown/components/item.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"item.js","sources":["../../../../../../src/components/dropdown/components/item.tsx"],"sourcesContent":["import React from 'react';\nimport { IDropdownItemProps } from '../types';\nimport { IDropdownContext } from '../context/types';\nimport { useDropdownContext } from '../context';\n\n/**\n * Dropdown.Item component. Generic dropdown item\n * @component\n * @example\n * <Dropdown.Item> ... </Dropdown.Item>\n */\nconst Item: React.FC<IDropdownItemProps> = ({\n    /**\n     * children nodes\n     */\n    children,\n\n    /**\n     * indicates if its selected\n     */\n    isSelected,\n\n    /**\n     * on click callback\n     */\n    onClick\n}): JSX.Element => {\n    const { toggleDropdown }: IDropdownContext = useDropdownContext();\n\n    return (\n        <li role=\"option\" aria-selected={isSelected} onClick={(ev: React.MouseEvent) => onClick && onClick({ ev, toggleDropdown })}>\n            {children}\n        </li>\n    );\n};\n\nexport default Item;\n"],"names":["React"],"mappings":";;;;;;;;;;;AAKA;;;;;;IAMM,IAAI,GAAiC,UAAC,EAe3C;;;;;IAXG,sBAAQ;;;;IAKR,0BAAU;;;;IAKV,oBAAO;IAEC,IAAA,0DAAc,CAA4C;IAElE,QACIA,gDAAI,IAAI,EAAC,QAAQ,mBAAgB,UAAU,EAAE,OAAO,EAAE,UAAC,EAAoB,IAAK,OAAA,OAAO,IAAI,OAAO,CAAC,EAAE,EAAE,IAAA,EAAE,cAAc,gBAAA,EAAE,CAAC,GAAA,IACrH,QAAQ,CACR,EACP;AACN;;;;"}

package/build/cjs/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/src/components/dropdown/components/label.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"label.js","sources":["../../../../../../src/components/dropdown/components/label.tsx"],"sourcesContent":["import React, { useRef } from 'react';\nimport { IDropdownLabelProps } from '../types';\nimport { IDropdownContext } from '../context/types';\nimport { useDropdownContext } from '../context';\nimport { useKeyboardOpenClose } from '../hooks/use_keyboard_open_close';\nimport { DROPDOWN_TEST_ID } from '@components/dropdown/constants';\n\n/**\n * Dropdown.Label component. Use it for togglable element, if You dont need selectable values\n * @component\n * @example\n * <Dropdown.Label label=\"More options\" />\n */\nconst Label: React.FC<IDropdownLabelProps> = ({\n    /**\n     * label text\n     */\n    label,\n    /**\n     * Custom className\n     */\n    cssClass\n}) => {\n    const { toggleDropdown, isOpen }: IDropdownContext = useDropdownContext();\n    const ref = useRef(null);\n    useKeyboardOpenClose(toggleDropdown, isOpen, ref);\n\n    return (\n        <span onClick={toggleDropdown} tabIndex={0} ref={ref} className={cssClass} data-test-id={DROPDOWN_TEST_ID.label}>\n            {label}\n        </span>\n    );\n};\n\nexport default Label;\n"],"names":["useRef","useKeyboardOpenClose","React","DROPDOWN_TEST_ID"],"mappings":";;;;;;;;;;;;;AAOA;;;;;;IAMM,KAAK,GAAkC,UAAC,EAS7C;;;;;IALG,gBAAK;;;;IAIL,sBAAQ;IAEF,IAAA,+BAAmE,EAAjE,kCAAc,EAAE,kBAAiD,CAAC;IAC1E,IAAM,GAAG,GAAGA,YAAM,CAAC,IAAI,CAAC,CAAC;IACzBC,4CAAoB,CAAC,cAAc,EAAE,MAAM,EAAE,GAAG,CAAC,CAAC;IAElD,QACIC,kDAAM,OAAO,EAAE,cAAc,EAAE,QAAQ,EAAE,CAAC,EAAE,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,QAAQ,kBAAgBC,0BAAgB,CAAC,KAAK,IAC1G,KAAK,CACH,EACT;AACN;;;;"}

package/build/cjs/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 = main_module['default'][css_classes.cssDropdownListItem] + " " + main_module['default']['link'];
+    return (React__default['default'].createElement("li", null,
+        React__default['default'].createElement("a", _tslib.__assign({}, attributes, { className: itemCssClass }),
+            React__default['default'].createElement("span", null, text))));
+};
+
+exports.default = Link;
+//# sourceMappingURL=link.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"link.js","sources":["../../../../../../src/components/dropdown/components/link.tsx"],"sourcesContent":["import { IDropdownLinkProps } from '../types';\nimport React from 'react';\nimport cssClasses from '@css/dropdown/main.module.less';\nimport { cssDropdownListItem } from '../css_classes';\n\n/**\n * Dropdown.Link component. Should be only used within Dropdown.List.\n * @component\n * @example\n * <Dropdown.List isWithGroups={false}>\n *  <Dropdown.Link text=\"shoper.pl\" href=\"https://shoper.pl\" target=\"_blank\" />\n * </Dropdown.List>\n */\nconst Link: React.FC<IDropdownLinkProps> = ({\n    /**\n     * link text\n     */\n    text,\n\n    /**\n     * HTMLLinkElement attributes (href, target, rel)\n     */\n    ...attributes\n}): JSX.Element => {\n    const itemCssClass = `${cssClasses[cssDropdownListItem]} ${cssClasses['link']}`;\n\n    return (\n        <li>\n            <a {...attributes} className={itemCssClass}>\n                <span>{text}</span>\n            </a>\n        </li>\n    );\n};\n\nexport default Link;\n"],"names":["cssClasses","cssDropdownListItem","React"],"mappings":";;;;;;;;;;;;;AAKA;;;;;;;;IAQM,IAAI,GAAiC,UAAC,EAU3C;IANG;;;;IAAA,cAAI;;;;IAKJ,wCAAa;IAEb,IAAM,YAAY,GAAMA,sBAAU,CAACC,+BAAmB,CAAC,SAAID,sBAAU,CAAC,MAAM,CAAG,CAAC;IAEhF,QACIE;QACIA,iEAAO,UAAU,IAAE,SAAS,EAAE,YAAY;YACtCA,sDAAO,IAAI,CAAQ,CACnB,CACH,EACP;AACN;;;;"}

package/build/cjs/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/src/components/dropdown/components/list.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"list.js","sources":["../../../../../../src/components/dropdown/components/list.tsx"],"sourcesContent":["import React from 'react';\nimport classnames from 'classnames';\n\nimport cssClasses from '@css/dropdown/main.module.less';\n\nimport { IDropdownListProps } from '../types';\nimport { cssDropdownList, cssDropdownWithScroll, cssDropdownListWithGroup } from '../css_classes';\n\n/**\n * Dropdown.List component. Displays list.\n * @component\n * @example\n * <Dropdown.List isWithGroups={false}>\n *  <Dropdown.Item>Test</Dropdown.Item>\n * </Dropdown.List>\n */\nconst List: React.FC<IDropdownListProps> = ({\n    /**\n     * indicates if list should render with padding to make groups\n     */\n    isWithGroups,\n\n    /**\n     * Children nodes\n     */\n    children\n}) => {\n    const listClasses = classnames(cssClasses[cssDropdownList], cssClasses[cssDropdownWithScroll], {\n        [cssClasses[cssDropdownListWithGroup]]: isWithGroups\n    });\n\n    return (\n        <ul role=\"listbox\" className={listClasses}>\n            {children}\n        </ul>\n    );\n};\n\nexport default List;\n"],"names":["classnames","cssClasses","cssDropdownList","cssDropdownWithScroll","cssDropdownListWithGroup","React"],"mappings":";;;;;;;;;;;;;;AAQA;;;;;;;;IAQM,IAAI,GAAiC,UAAC,EAU3C;;;;;;IANG,8BAAY;;;;IAKZ,sBAAQ;IAER,IAAM,WAAW,GAAGA,8BAAU,CAACC,sBAAU,CAACC,2BAAe,CAAC,EAAED,sBAAU,CAACE,iCAAqB,CAAC;QACzF,GAACF,sBAAU,CAACG,oCAAwB,CAAC,IAAG,YAAY;YACtD,CAAC;IAEH,QACIC,gDAAI,IAAI,EAAC,SAAS,EAAC,SAAS,EAAE,WAAW,IACpC,QAAQ,CACR,EACP;AACN;;;;"}

package/build/cjs/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/src/components/dropdown/components/option.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"option.js","sources":["../../../../../../src/components/dropdown/components/option.tsx"],"sourcesContent":["import React from 'react';\nimport classnames from 'classnames';\n\nimport cssClasses from '@css/dropdown/main.module.less';\n\nimport { IDropdownOptionProps } from '../types';\nimport Item from './item';\nimport { cssDropdownListItem, cssDropdownListItemDisabled, cssDropdownListItemReadonly, cssDropdownListItemSelected } from '../css_classes';\n\n/**\n * Dropdown.Option component. Should be only used within Dropdown.List\n * @component\n * @example\n * const option = {\n *  text: 'Option 1',\n *  value: '1'\n * }\n *\n * <Dropdown.Option\n *  key=\"id1\"\n *  option={option}\n *  isSelected={false}\n *  isDisabled={false}\n *  isReadonly={false}\n *  onClick={(option) => console.log(option)}\n * />\n */\nconst Option: React.FC<IDropdownOptionProps> = ({\n    /**\n     * select option\n     */\n    option,\n\n    /**\n     * indicates if option component is selected\n     */\n    isSelected,\n\n    /**\n     * indicates if option component is readonly\n     */\n    isReadonly,\n\n    /**\n     * indicates if option component is disabled\n     */\n    isDisabled,\n\n    /**\n     * onClick callback\n     */\n    onClick\n}): JSX.Element => {\n    const itemClasses = classnames(cssClasses[cssDropdownListItem], {\n        [cssClasses[cssDropdownListItemSelected]]: isSelected,\n        [cssClasses[cssDropdownListItemDisabled]]: isDisabled,\n        [cssClasses[cssDropdownListItemReadonly]]: isReadonly\n    });\n\n    /**\n     * click handler works only for options that are neither readonly nor disabled\n     */\n    const clickHandler = isReadonly || isDisabled ? undefined : () => onClick(option);\n\n    return (\n        <Item isSelected={isSelected} onClick={clickHandler}>\n            <div className={itemClasses}>{<span>{option?.text}</span>}</div>\n        </Item>\n    );\n};\n\nexport default Option;\n"],"names":["classnames","cssClasses","cssDropdownListItem","cssDropdownListItemSelected","cssDropdownListItemDisabled","cssDropdownListItemReadonly","React","Item"],"mappings":";;;;;;;;;;;;;;;AASA;;;;;;;;;;;;;;;;;;IAkBM,MAAM,GAAmC,UAAC,EAyB/C;;;;;;IArBG,kBAAM;;;;IAKN,0BAAU;;;;IAKV,0BAAU;;;;IAKV,0BAAU;;;;IAKV,oBAAO;IAEP,IAAM,WAAW,GAAGA,8BAAU,CAACC,sBAAU,CAACC,+BAAmB,CAAC;QAC1D,GAACD,sBAAU,CAACE,uCAA2B,CAAC,IAAG,UAAU;QACrD,GAACF,sBAAU,CAACG,uCAA2B,CAAC,IAAG,UAAU;QACrD,GAACH,sBAAU,CAACI,uCAA2B,CAAC,IAAG,UAAU;YACvD,CAAC;;;;IAKH,IAAM,YAAY,GAAG,UAAU,IAAI,UAAU,GAAG,SAAS,GAAG,cAAM,OAAA,OAAO,CAAC,MAAM,CAAC,GAAA,CAAC;IAElF,QACIC,wCAACC,eAAI,IAAC,UAAU,EAAE,UAAU,EAAE,OAAO,EAAE,YAAY;QAC/CD,iDAAK,SAAS,EAAE,WAAW,IAAGA,sDAAO,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,IAAI,CAAQ,CAAO,CAC7D,EACT;AACN;;;;"}

package/build/cjs/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/src/components/dropdown/components/option_multiple.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"option_multiple.js","sources":["../../../../../../src/components/dropdown/components/option_multiple.tsx"],"sourcesContent":["import React from 'react';\nimport classnames from 'classnames';\n\nimport cssClasses from '@css/dropdown/main.module.less';\nimport { IDropdownOptionMultipleProps } from '../types';\nimport Item from './item';\nimport { cssDropdownListItem, cssDropdownListItemDisabled, cssDropdownListItemReadonly, cssDropdownListItemSelected } from '../css_classes';\nimport ControlCheckbox from '@components/controls/hoc/control_checkbox';\n\n/**\n * Dropdown.OptionMultiple component. Should be only used within Dropdown.List\n * @component\n * @example\n * const option = {\n *  text: 'Option 1',\n *  value: '1'\n * }\n *\n * <Dropdown.OptionMultiple\n *  key=\"id1\"\n *  option={option}\n *  isSelected={false}\n *  isDisabled={false}\n *  isReadonly={false}\n *  onClick={(option) => console.log(option)}\n * />\n */\nconst OptionMultiple: React.FC<IDropdownOptionMultipleProps> = ({\n    /**\n     * select option\n     */\n    option,\n\n    /**\n     * indicates if option component is selected\n     */\n    isSelected,\n\n    /**\n     * indicates if option component is readonly\n     */\n    isReadonly,\n\n    /**\n     * indicates if option component is disabled\n     */\n    isDisabled,\n\n    /**\n     * onClick callback\n     */\n    onClick\n}): JSX.Element => {\n    const itemClasses = classnames(cssClasses[cssDropdownListItem], {\n        [cssClasses[cssDropdownListItemSelected]]: isSelected,\n        [cssClasses[cssDropdownListItemDisabled]]: isDisabled,\n        [cssClasses[cssDropdownListItemReadonly]]: isReadonly\n    });\n\n    /**\n     * click handler works only for options that are neither readonly nor disabled\n     */\n    const clickHandler = isReadonly || isDisabled ? undefined : () => onClick(option);\n\n    return (\n        <Item isSelected={isSelected} onClick={clickHandler}>\n            <div className={itemClasses}>\n                <ControlCheckbox initiallyChecked={isSelected} disabled={isReadonly || isDisabled} label={option?.text} />\n            </div>\n        </Item>\n    );\n};\n\nexport default OptionMultiple;\n"],"names":["classnames","cssClasses","cssDropdownListItem","cssDropdownListItemSelected","cssDropdownListItemDisabled","cssDropdownListItemReadonly","React","Item","ControlCheckbox"],"mappings":";;;;;;;;;;;;;;;;AASA;;;;;;;;;;;;;;;;;;IAkBM,cAAc,GAA2C,UAAC,EAyB/D;;;;;;IArBG,kBAAM;;;;IAKN,0BAAU;;;;IAKV,0BAAU;;;;IAKV,0BAAU;;;;IAKV,oBAAO;IAEP,IAAM,WAAW,GAAGA,8BAAU,CAACC,sBAAU,CAACC,+BAAmB,CAAC;QAC1D,GAACD,sBAAU,CAACE,uCAA2B,CAAC,IAAG,UAAU;QACrD,GAACF,sBAAU,CAACG,uCAA2B,CAAC,IAAG,UAAU;QACrD,GAACH,sBAAU,CAACI,uCAA2B,CAAC,IAAG,UAAU;YACvD,CAAC;;;;IAKH,IAAM,YAAY,GAAG,UAAU,IAAI,UAAU,GAAG,SAAS,GAAG,cAAM,OAAA,OAAO,CAAC,MAAM,CAAC,GAAA,CAAC;IAElF,QACIC,wCAACC,eAAI,IAAC,UAAU,EAAE,UAAU,EAAE,OAAO,EAAE,YAAY;QAC/CD,iDAAK,SAAS,EAAE,WAAW;YACvBA,wCAACE,gBAAe,IAAC,gBAAgB,EAAE,UAAU,EAAE,QAAQ,EAAE,UAAU,IAAI,UAAU,EAAE,KAAK,EAAE,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,IAAI,GAAI,CACxG,CACH,EACT;AACN;;;;"}