@dreamcommerce/aurora 0.3.4-16 → 0.3.4-163

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":"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/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":"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/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 = 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/packages/aurora/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/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":"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/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":"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/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":"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;;;;"}

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":"search.js","sources":["../../../../../../../../src/components/dropdown/components/search.tsx"],"sourcesContent":["import React from 'react';\nimport cssClasses from '@css/dropdown/main.module.less';\nimport { IDropdownSearchProps } from '../types';\nimport { cssDropdownSearch } from '../css_classes';\nimport Input from '@components/controls/components/input';\n\n/**\n * Dropdown.Search component. Displays search control.\n * @component\n * @example\n * <Dropdown.Search onKeyUp={(ev) => console.log(`${ev} is a keyboard event`)} />\n */\nconst Search: React.FC<IDropdownSearchProps> = ({\n    /**\n     * on key up callback\n     */\n    onKeyUp,\n}) => (\n    <aside className={cssClasses[cssDropdownSearch]}>\n        <Input placeholder=\"Szukaj\" padding=\"small\" onKeyUp={onKeyUp} autoFocus />\n    </aside>\n);\n\nexport default Search;\n"],"names":["React","cssClasses","cssDropdownSearch","Input"],"mappings":";;;;;;;;;;;;;AAMA;;;;;;IAMM,MAAM,GAAmC,UAAC,EAK/C;;;;;IADG,oBAAO;IACL,QACFA,mDAAO,SAAS,EAAEC,sBAAU,CAACC,6BAAiB,CAAC;QAC3CF,wCAACG,gBAAK,IAAC,WAAW,EAAC,QAAQ,EAAC,OAAO,EAAC,OAAO,EAAC,OAAO,EAAE,OAAO,EAAE,SAAS,SAAG,CACtE;AAHN;;;;"}

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

@@ -0,0 +1,67 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var index = require('../context/index.js');
+var main_module = require('../../../css/dropdown/main.module.less.js');
+var input_wrapper = require('../../controls/components/input_wrapper.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);
+
+/**
+ * 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']} />
+ */
+var Select = function (_a) {
+    var 
+    /**
+     * select name
+     */
+    name = _a.name, 
+    /**
+     * is select disabled, used for styling purposes
+     */
+    _b = _a.isDisabled, 
+    /**
+     * is select disabled, used for styling purposes
+     */
+    isDisabled = _b === void 0 ? false : _b, 
+    /**
+     * is select readonly, used for styling purposes
+     */
+    _c = _a.isReadonly, 
+    /**
+     * is select readonly, used for styling purposes
+     */
+    isReadonly = _c === void 0 ? false : _c, 
+    /**
+     * array of selected options
+     */
+    selectedOptions = _a.selectedOptions;
+    /**
+     * get values from dropdown context
+     */
+    var _d = index.useDropdownContext(), isOpen = _d.isOpen, toggleDropdown = _d.toggleDropdown;
+    /**
+     * value for display purposes, its texts not actual values from options
+     */
+    var value = selectedOptions.map(function (option) { return option.text; }).join(', ');
+    /**
+     * disabled options should have hidden inputs with values rendered
+     */
+    var notDisabled = selectedOptions.filter(function (option) { return !option.isDisabled; });
+    var $hiddenInputs = notDisabled.map(function (option) { return (React__default['default'].createElement("input", { key: option.value, type: "hidden", name: name, value: option.value, disabled: isDisabled, readOnly: isReadonly })); });
+    use_keyboard_open_close.useKeyboardOpenClose(toggleDropdown, isOpen);
+    return (React__default['default'].createElement("div", { className: main_module['default']['select'], "aria-expanded": isOpen, "aria-haspopup": "listbox" },
+        React__default['default'].createElement(input_wrapper['default'], { value: value, isFocused: Boolean(isOpen), isDisabled: isDisabled, isReadOnly: isReadonly, onClick: toggleDropdown }),
+        $hiddenInputs));
+};
+
+exports.default = Select;
+//# sourceMappingURL=select.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"select.js","sources":["../../../../../../../../src/components/dropdown/components/select.tsx"],"sourcesContent":["import React from 'react';\n\nimport InputWrapper from '@components/controls/components/input_wrapper';\n\nimport { IDropdownSelectProps } from '../types';\nimport { IDropdownContext } from '../context/types';\nimport { useDropdownContext } from '../context';\nimport { useKeyboardOpenClose } from '../hooks/use_keyboard_open_close';\nimport cssClasses from '@css/dropdown/main.module.less';\n\n/**\n * Dropdown.Select component. Displays select like control. Use it only if you have selectable values.\n * @component\n * @example\n * <Dropdown.Select name=\"select_name\" selectedOptions={['value1', 'value2']} />\n */\nconst Select: React.FC<IDropdownSelectProps> = ({\n    /**\n     * select name\n     */\n    name,\n\n    /**\n     * is select disabled, used for styling purposes\n     */\n    isDisabled = false,\n\n    /**\n     * is select readonly, used for styling purposes\n     */\n    isReadonly = false,\n\n    /**\n     * array of selected options\n     */\n    selectedOptions,\n}) => {\n    /**\n     * get values from dropdown context\n     */\n    const { isOpen, toggleDropdown }: IDropdownContext = useDropdownContext();\n\n    /**\n     * value for display purposes, its texts not actual values from options\n     */\n    const value = selectedOptions.map((option) => option.text).join(', ');\n\n    /**\n     * disabled options should have hidden inputs with values rendered\n     */\n    const notDisabled = selectedOptions.filter((option) => !option.isDisabled);\n    const $hiddenInputs = notDisabled.map((option) => (\n        <input key={option.value} type=\"hidden\" name={name} value={option.value} disabled={isDisabled} readOnly={isReadonly} />\n    ));\n\n    useKeyboardOpenClose(toggleDropdown, isOpen);\n\n    return (\n        <div className={cssClasses['select']} aria-expanded={isOpen} aria-haspopup=\"listbox\">\n            <InputWrapper value={value} isFocused={Boolean(isOpen)} isDisabled={isDisabled} isReadOnly={isReadonly} onClick={toggleDropdown} />\n            {$hiddenInputs}\n        </div>\n    );\n};\n\nexport default Select;\n"],"names":["React","useKeyboardOpenClose","cssClasses","InputWrapper"],"mappings":";;;;;;;;;;;;;;AAUA;;;;;;IAMM,MAAM,GAAmC,UAAC,EAoB/C;;;;;IAhBG,cAAI;;;;IAKJ,kBAAkB;;;;IAAlB,uCAAkB;;;;IAKlB,kBAAkB;;;;IAAlB,uCAAkB;;;;IAKlB,oCAAe;;;;IAKT,IAAA,+BAAmE,EAAjE,kBAAM,EAAE,kCAAyD,CAAC;;;;IAK1E,IAAM,KAAK,GAAG,eAAe,CAAC,GAAG,CAAC,UAAC,MAAM,IAAK,OAAA,MAAM,CAAC,IAAI,GAAA,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;;;;IAKtE,IAAM,WAAW,GAAG,eAAe,CAAC,MAAM,CAAC,UAAC,MAAM,IAAK,OAAA,CAAC,MAAM,CAAC,UAAU,GAAA,CAAC,CAAC;IAC3E,IAAM,aAAa,GAAG,WAAW,CAAC,GAAG,CAAC,UAAC,MAAM,IAAK,QAC9CA,mDAAO,GAAG,EAAE,MAAM,CAAC,KAAK,EAAE,IAAI,EAAC,QAAQ,EAAC,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,CAAC,KAAK,EAAE,QAAQ,EAAE,UAAU,EAAE,QAAQ,EAAE,UAAU,GAAI,IAC1H,CAAC,CAAC;IAEHC,4CAAoB,CAAC,cAAc,EAAE,MAAM,CAAC,CAAC;IAE7C,QACID,iDAAK,SAAS,EAAEE,sBAAU,CAAC,QAAQ,CAAC,mBAAiB,MAAM,mBAAgB,SAAS;QAChFF,wCAACG,wBAAY,IAAC,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,OAAO,CAAC,MAAM,CAAC,EAAE,UAAU,EAAE,UAAU,EAAE,UAAU,EAAE,UAAU,EAAE,OAAO,EAAE,cAAc,GAAI;QAClI,aAAa,CACZ,EACR;AACN;;;;"}

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

@@ -0,0 +1,17 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var DROPDOWN_MAIN_TEST_ID = 'dropdown';
+var DROPDOWN_LABEL_TEST_ID = DROPDOWN_MAIN_TEST_ID + "__label";
+var DROPDOWN_TEST_ID = {
+    dropdown: DROPDOWN_MAIN_TEST_ID,
+    label: DROPDOWN_LABEL_TEST_ID,
+};
+var DROPDOWN_Z_INDEX = 1200;
+var DROPDOWN_ON_MODAL_Z_INDEX = 2200;
+
+exports.DROPDOWN_ON_MODAL_Z_INDEX = DROPDOWN_ON_MODAL_Z_INDEX;
+exports.DROPDOWN_TEST_ID = DROPDOWN_TEST_ID;
+exports.DROPDOWN_Z_INDEX = DROPDOWN_Z_INDEX;
+//# sourceMappingURL=constants.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"constants.js","sources":["../../../../../../../src/components/dropdown/constants.ts"],"sourcesContent":["const DROPDOWN_MAIN_TEST_ID = 'dropdown';\nconst DROPDOWN_LABEL_TEST_ID = `${DROPDOWN_MAIN_TEST_ID}__label`;\n\nexport const DROPDOWN_TEST_ID = {\n    dropdown: DROPDOWN_MAIN_TEST_ID,\n    label: DROPDOWN_LABEL_TEST_ID,\n};\n\nexport const DROPDOWN_Z_INDEX = 1200;\nexport const DROPDOWN_ON_MODAL_Z_INDEX = 2200;\n"],"names":[],"mappings":";;;;AAAA,IAAM,qBAAqB,GAAG,UAAU,CAAC;AACzC,IAAM,sBAAsB,GAAM,qBAAqB,YAAS,CAAC;IAEpD,gBAAgB,GAAG;IAC5B,QAAQ,EAAE,qBAAqB;IAC/B,KAAK,EAAE,sBAAsB;EAC/B;IAEW,gBAAgB,GAAG,KAAK;IACxB,yBAAyB,GAAG;;;;;;"}

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

@@ -0,0 +1,21 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+
+var DropdownContext = React.createContext({});
+/**
+ * drodown context
+ */
+function useDropdownContext() {
+    var context = React.useContext(DropdownContext);
+    if (Object.keys(context).length === 0 && context.constructor === Object) {
+        throw new Error("Dropdown compound components cannot be rendered outside the Dropdown component");
+    }
+    return context;
+}
+
+exports.DropdownContext = DropdownContext;
+exports.useDropdownContext = useDropdownContext;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../../../../src/components/dropdown/context/index.ts"],"sourcesContent":["import { createContext, useContext } from 'react';\nimport { IDropdownContext } from './types';\n\nexport const DropdownContext = createContext({});\n\n/**\n * drodown context\n */\nexport function useDropdownContext(): IDropdownContext {\n    const context: IDropdownContext = useContext(DropdownContext);\n    if (Object.keys(context).length === 0 && context.constructor === Object) {\n        throw new Error(`Dropdown compound components cannot be rendered outside the Dropdown component`);\n    }\n    return context;\n}\n"],"names":["createContext","useContext"],"mappings":";;;;;;IAGa,eAAe,GAAGA,mBAAa,CAAC,EAAE,EAAE;AAEjD;;;SAGgB,kBAAkB;IAC9B,IAAM,OAAO,GAAqBC,gBAAU,CAAC,eAAe,CAAC,CAAC;IAC9D,IAAI,MAAM,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,MAAM,KAAK,CAAC,IAAI,OAAO,CAAC,WAAW,KAAK,MAAM,EAAE;QACrE,MAAM,IAAI,KAAK,CAAC,gFAAgF,CAAC,CAAC;KACrG;IACD,OAAO,OAAO,CAAC;AACnB;;;;;"}

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

@@ -0,0 +1,34 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var cssDropdown = 'dropdown';
+var cssDropdownContent = cssDropdown + "__content";
+var cssDropdownHeader = cssDropdown + "__header";
+var cssDropdownHeaderTitle = cssDropdown + "__header-title";
+var cssDropdownHeaderContent = cssDropdown + "__header-content";
+var cssDropdownList = cssDropdown + "__list";
+var cssDropdownSearch = cssDropdown + "__search";
+var cssDropdownWithScroll = cssDropdown + "__list_with-scroll";
+var cssDropdownListWithGroup = cssDropdown + "__list_with-group";
+var cssDropdownListHead = cssDropdown + "__list-head";
+var cssDropdownListItem = cssDropdown + "__list-item";
+var cssDropdownListItemSelected = cssDropdown + "__list-item_selected";
+var cssDropdownListItemDisabled = cssDropdown + "__list-item_disabled";
+var cssDropdownListItemReadonly = cssDropdown + "__list-item_readonly";
+
+exports.cssDropdown = cssDropdown;
+exports.cssDropdownContent = cssDropdownContent;
+exports.cssDropdownHeader = cssDropdownHeader;
+exports.cssDropdownHeaderContent = cssDropdownHeaderContent;
+exports.cssDropdownHeaderTitle = cssDropdownHeaderTitle;
+exports.cssDropdownList = cssDropdownList;
+exports.cssDropdownListHead = cssDropdownListHead;
+exports.cssDropdownListItem = cssDropdownListItem;
+exports.cssDropdownListItemDisabled = cssDropdownListItemDisabled;
+exports.cssDropdownListItemReadonly = cssDropdownListItemReadonly;
+exports.cssDropdownListItemSelected = cssDropdownListItemSelected;
+exports.cssDropdownListWithGroup = cssDropdownListWithGroup;
+exports.cssDropdownSearch = cssDropdownSearch;
+exports.cssDropdownWithScroll = cssDropdownWithScroll;
+//# sourceMappingURL=css_classes.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"css_classes.js","sources":["../../../../../../../src/components/dropdown/css_classes.ts"],"sourcesContent":["export const cssDropdown = 'dropdown';\nexport const cssDropdownContent = `${cssDropdown}__content`;\nexport const cssDropdownHeader = `${cssDropdown}__header`;\nexport const cssDropdownHeaderIcon = `${cssDropdown}__header-icon`;\nexport const cssDropdownHeaderTitle = `${cssDropdown}__header-title`;\nexport const cssDropdownHeaderContent = `${cssDropdown}__header-content`;\nexport const cssDropdownInput = `${cssDropdown}__input`;\nexport const cssDropdownList = `${cssDropdown}__list`;\n\nexport const cssDropdownSearch = `${cssDropdown}__search`;\nexport const cssDropdownWithScroll = `${cssDropdown}__list_with-scroll`;\nexport const cssDropdownListWithGroup = `${cssDropdown}__list_with-group`;\nexport const cssDropdownListHead = `${cssDropdown}__list-head`;\nexport const cssDropdownListItem = `${cssDropdown}__list-item`;\nexport const cssDropdownListItemSelected = `${cssDropdown}__list-item_selected`;\nexport const cssDropdownListItemDisabled = `${cssDropdown}__list-item_disabled`;\nexport const cssDropdownListItemReadonly = `${cssDropdown}__list-item_readonly`;\n\nexport const cssIcon = `icon`;\nexport const cssIconBack = `${cssIcon}-back`;\n"],"names":[],"mappings":";;;;IAAa,WAAW,GAAG,WAAW;IACzB,kBAAkB,GAAM,WAAW,eAAY;IAC/C,iBAAiB,GAAM,WAAW,cAAW;IAE7C,sBAAsB,GAAM,WAAW,oBAAiB;IACxD,wBAAwB,GAAM,WAAW,sBAAmB;IAE5D,eAAe,GAAM,WAAW,YAAS;IAEzC,iBAAiB,GAAM,WAAW,cAAW;IAC7C,qBAAqB,GAAM,WAAW,wBAAqB;IAC3D,wBAAwB,GAAM,WAAW,uBAAoB;IAC7D,mBAAmB,GAAM,WAAW,iBAAc;IAClD,mBAAmB,GAAM,WAAW,iBAAc;IAClD,2BAA2B,GAAM,WAAW,0BAAuB;IACnE,2BAA2B,GAAM,WAAW,0BAAuB;IACnE,2BAA2B,GAAM,WAAW;;;;;;;;;;;;;;;;;"}