@dreamcommerce/aurora 0.3.4-151 → 0.3.4-155

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

@@ -1,79 +0,0 @@
-'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

@@ -1 +0,0 @@
-{"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":";;;;;;;;;;;;;;;;;;;;;;;AAkBA;;;;;;IAMM,OAAO,GAAoC,UAAC,EAAkF;QAAhF,oCAAe,EAAE,sCAAgB,EAAE,sCAAgB,EAAE,sBAAQ,EAAE,oCAAe;IACvH,IAAA,sCAAC,CAAqB;IAC7B,IAAM,UAAU,GAAGA,YAAM,CAAiB,IAAI,CAAC,CAAC;IAC1C,IAAA,+BAA+E,EAA7E,0BAAU,EAAE,kCAAc,EAAE,kBAAiD,CAAC;IAChF,IAAA;;;;MAIJ,EAJK,cAAM,EAAE,iBAIb,CAAC;IACH,IAAM,eAAe,GAAGC,iCAAe,EAAE,CAAC;IAE1C,IAAM,IAAI,GAAG,CAAC,UAAU,CAAC,CAAC;IAC1B,IAAI,UAAU,EAAE;QACZ,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;KACzB;IAEDC,iCAAe,CAAC,IAAI,EAAE;QAClB,IAAI,OAAO,cAAc,KAAK,UAAU,EAAE;YACtC,cAAc,EAAE,CAAC;SACpB;KACJ,CAAC,CAAC;IAEHC,eAAS,CAAC;QACN,IAAI,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,OAAO,EAAE;YACf,IAAA,+CAA6D,EAA3D,QAAC,EAAE,QAAC,EAAE,kBAAqD,CAAC;YACpE,IAAM,OAAO,GAAG,EAAE,CAAC;YAEb,IAAA,0IAAqF,EAAnF,wBAAS,EAAE,wBAAwE,CAAC;YAC5F,IAAM,WAAW,GAAG,MAAM,GAAG,CAAC,GAAG,OAAO,GAAG,SAAS,CAAC;YACrD,IAAM,YAAY,GAAG,CAAC,GAAG,SAAS,CAAC;YACnC,IAAM,SAAS,GAAGC,wBAAc,CAAC,UAAU,CAAC,CAAC;YAC7C,IAAM,MAAM,GAAG,SAAS,GAAGC,mCAAyB,GAAGC,0BAAgB,CAAC;YAExE,eAAe,KAAKC,gCAAS;kBACvB,SAAS,CAAC,EAAE,GAAG,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,QAAA,EAAE,CAAC;kBAC9C,SAAS,CAAC,EAAE,GAAG,EAAK,WAAW,OAAI,EAAE,IAAI,EAAK,YAAY,OAAI,EAAE,MAAM,QAAA,EAAE,CAAC,CAAC;SACnF;KACJ,EAAE,CAAC,eAAe,EAAE,eAAe,EAAE,UAAU,EAAE,MAAM,CAAC,CAAC,CAAC;IAE3D,OAAOC,qBAAY,CACfC,wCAACC,oCAAe,IAAC,SAAS,EAAE,IAAI,IAC3B,MAAM,KAAK,IAAI,IACZD,wCAACE,kCAAa,IACV,OAAO,EAAE,GAAG,EACZ,UAAU,EAAE;YACR,KAAK,EAAEC,sBAAU,CAAC,gBAAgB,CAAC;YACnC,WAAW,EAAEA,sBAAU,CAAC,uBAAuB,CAAC;YAChD,IAAI,EAAEA,sBAAU,CAAC,eAAe,CAAC;YACjC,UAAU,EAAEA,sBAAU,CAAC,sBAAsB,CAAC;SACjD;QAEDH,iDAAK,GAAG,EAAE,UAAU,EAAE,KAAK,EAAE,MAAM,EAAE,SAAS,EAAEG,sBAAU,CAACC,8BAAkB,CAAC;YAC1EJ,iDAAK,SAAS,EAAEG,sBAAU,CAACE,6BAAiB,CAAC;gBACzCL,iDAAK,OAAO,EAAE,cAAM,OAAA,OAAO,cAAc,KAAK,UAAU,IAAI,cAAc,EAAE,GAAA,IACvE,eAAe,aAAf,eAAe,cAAf,eAAe,IACZA,iDAAK,SAAS,EAAEG,sBAAU,CAACG,oCAAwB,CAAC;oBAC/C,gBAAgB,IAAIN,wCAACO,qBAAS,IAAC,SAAS,EAAEC,wBAAc,CAAC,iBAAiB,CAAC,GAAI;oBAChFR,kDAAM,SAAS,EAAEG,sBAAU,CAACM,kCAAsB,CAAC,IAAG,gBAAgB,aAAhB,gBAAgB,cAAhB,gBAAgB,GAAI,CAAC,CAAC,SAAS,CAAC,CAAQ,CAC5F,CACT,CACC,CACJ;YACL,QAAQ,CACP,CACM,IAChB,IAAI,CACM,EAClB,CAAA,eAAe,aAAf,eAAe,uBAAf,eAAe,CAAE,OAAO,KAAI,QAAQ,CAAC,IAAI,CAC5C,CAAC;AACN;;;;"}

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

@@ -1 +0,0 @@
-{"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.map

@@ -1 +0,0 @@
-{"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.map

@@ -1 +0,0 @@
-{"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.map

@@ -1 +0,0 @@
-{"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

@@ -1,39 +0,0 @@
-'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

@@ -1 +0,0 @@
-{"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.map

@@ -1 +0,0 @@
-{"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.map

@@ -1 +0,0 @@
-{"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.map

@@ -1 +0,0 @@
-{"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/src/components/dropdown/components/search.js.map

@@ -1 +0,0 @@
-{"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/src/components/dropdown/components/select.js.map

@@ -1 +0,0 @@
-{"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/src/components/dropdown/constants.js.map

@@ -1 +0,0 @@
-{"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/src/components/dropdown/context/index.js.map

@@ -1 +0,0 @@
-{"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/src/components/dropdown/css_classes.js.map

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

package/build/cjs/src/components/dropdown/hoc/multiselect/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sources":["../../../../../../../src/components/dropdown/hoc/multiselect/index.tsx"],"sourcesContent":["import React, { useRef, useState } from 'react';\nimport cssClasses from '@css/dropdown/main.module.less';\nimport Dropdown from '../../index';\nimport { IMultiSelectProps, ISelectOption } from '../../types';\nimport { DropdownContext } from '../../context';\nimport { useToggle, useSetOptionsOnClose, useValues } from '../../hooks';\nimport { handleSearchKeyUp, handleItemClick, isSelected } from '../../utilities';\nimport { cssDropdown } from '../../css_classes';\n\n/**\n * MultiSelect component. Build with Dropdown composed components.\n *\n * @component\n * @example\n * const options = [{\n *  text: 'Option 1',\n *  value: 'value1'\n * }, {\n *  text: 'Option 2,,\n *  value: 'value2'\n * }];\n * return (\n *  <MultiSelect name=\"my_select_name\" options={options} onChange={(option) => console.log(option)} />\n * )\n */\nconst Multiple: React.FC<IMultiSelectProps> = ({\n    /**\n     * multiselect name, used also for hidden inputs\n     */\n    name,\n\n    /**\n     * array of multiselect options\n     */\n    options,\n\n    /**\n     * array of default values (for select its always one element), array is used to be compatible with multiselects\n     */\n    defaultValues = [],\n\n    /**\n     * indicates if select is readonly\n     */\n    isReadonly = false,\n\n    /**\n     * indicatse if select is disabled\n     */\n    isDisabled = false,\n\n    /**\n     * indicates if selects has groups (similiar to optgroup), options then have left-padding, and you should use options with isHeader set to true\n     */\n    isWithGroups = false,\n\n    /**\n     * indicates if select should have search to look for options\n     */\n    isWithSearch = false,\n\n    /**\n     * indicates if select should be opened at render\n     */\n    defaultIsOpen = false,\n\n    /**\n     * indicates if select should hide on option click\n     */\n    defaultCloseOnClick = false,\n\n    /**\n     * called on select toggle\n     */\n    onToggle,\n\n    /**\n     * called on option change\n     */\n    onChange\n}) => {\n    /**\n     * reference to dropdown wrapper element\n     */\n    const wrapperRef = useRef<HTMLDivElement>(null);\n\n    /**\n     * isOpen provides state if dropdown is open(visible), toggleDropdown is a function which toggles dropdown content\n     */\n    const [isOpen, toggleDropdown] = useToggle(defaultIsOpen, onToggle);\n\n    /**\n     * hook with option list state, and method to change option list\n     */\n    const [optionsList, setOptionsList] = useState(options);\n\n    /**\n     * hook with selected value, and method do change it\n     */\n    const [selectedValues, setSelectedValues] = useValues(wrapperRef, options, defaultValues, onChange);\n\n    /**\n     * context values, they may be used with useContext in any component which is part of Dropdown composition\n     */\n    const value = React.useMemo(() => ({ wrapperRef, isOpen, toggleDropdown }), [isOpen, toggleDropdown]);\n\n    /**\n     * hook which resets options list to default on close if select has search and it was used\n     */\n    useSetOptionsOnClose(isWithSearch, isOpen, setOptionsList, options);\n\n    return (\n        <DropdownContext.Provider value={value}>\n            <div ref={wrapperRef} className={cssClasses[cssDropdown]}>\n                <Dropdown.Select name={name} isReadonly={isReadonly} isDisabled={isDisabled} selectedOptions={selectedValues} />\n\n                <Dropdown.Content>\n                    {isWithSearch && <Dropdown.Search onKeyUp={(ev) => handleSearchKeyUp(ev, options, setOptionsList)} />}\n\n                    <Dropdown.List isWithGroups={isWithGroups}>\n                        {optionsList?.map((option: ISelectOption) =>\n                            option.isHeader ? (\n                                <Dropdown.Header key={option.text} text={option.text} />\n                            ) : (\n                                <Dropdown.OptionMultiple\n                                    key={option.value}\n                                    option={option}\n                                    isSelected={isSelected(option, selectedValues)}\n                                    isDisabled={option.isDisabled ?? isDisabled}\n                                    isReadonly={option.isReadonly ?? isReadonly}\n                                    onClick={(option) => handleItemClick(option, defaultCloseOnClick, setSelectedValues, toggleDropdown)}\n                                />\n                            )\n                        )}\n                    </Dropdown.List>\n                </Dropdown.Content>\n            </div>\n        </DropdownContext.Provider>\n    );\n};\n\nexport default Multiple;\n"],"names":["useRef","React","useSetOptionsOnClose","DropdownContext","cssClasses","cssDropdown","Dropdown","handleSearchKeyUp","isSelected","handleItemClick"],"mappings":";;;;;;;;;;;;;;;;;;AASA;;;;;;;;;;;;;;;;IAgBM,QAAQ,GAAgC,UAAC,EAuD9C;;;;;IAnDG,cAAI;;;;IAKJ,oBAAO;;;;IAKP,qBAAkB;;;;IAAlB,uCAAkB;;;;IAKlB,kBAAkB;;;;IAAlB,uCAAkB;;;;IAKlB,kBAAkB;;;;IAAlB,uCAAkB;;;;IAKlB,oBAAoB;;;;IAApB,yCAAoB;;;;IAKpB,oBAAoB;;;;IAApB,yCAAoB;;;;IAKpB,qBAAqB;;;;IAArB,0CAAqB;;;;IAKrB,2BAA2B;;;;IAA3B,gDAA2B;;;;IAK3B,sBAAQ;;;;IAKR,sBAAQ;;;;IAKR,IAAM,UAAU,GAAGA,YAAM,CAAiB,IAAI,CAAC,CAAC;;;;IAK1C,IAAA,kDAA6D,EAA5D,cAAM,EAAE,sBAAoD,CAAC;;;;IAK9D,IAAA,4BAAiD,EAAhD,mBAAW,EAAE,sBAAmC,CAAC;;;;IAKlD,IAAA,uEAA6F,EAA5F,sBAAc,EAAE,yBAA4E,CAAC;;;;IAKpG,IAAM,KAAK,GAAGC,yBAAK,CAAC,OAAO,CAAC,cAAM,QAAC,EAAE,UAAU,YAAA,EAAE,MAAM,QAAA,EAAE,cAAc,gBAAA,EAAE,IAAC,EAAE,CAAC,MAAM,EAAE,cAAc,CAAC,CAAC,CAAC;;;;IAKtGC,6CAAoB,CAAC,YAAY,EAAE,MAAM,EAAE,cAAc,EAAE,OAAO,CAAC,CAAC;IAEpE,QACID,wCAACE,qBAAe,CAAC,QAAQ,IAAC,KAAK,EAAE,KAAK;QAClCF,iDAAK,GAAG,EAAE,UAAU,EAAE,SAAS,EAAEG,sBAAU,CAACC,uBAAW,CAAC;YACpDJ,wCAACK,kBAAQ,CAAC,MAAM,IAAC,IAAI,EAAE,IAAI,EAAE,UAAU,EAAE,UAAU,EAAE,UAAU,EAAE,UAAU,EAAE,eAAe,EAAE,cAAc,GAAI;YAEhHL,wCAACK,kBAAQ,CAAC,OAAO;gBACZ,YAAY,IAAIL,wCAACK,kBAAQ,CAAC,MAAM,IAAC,OAAO,EAAE,UAAC,EAAE,IAAK,OAAAC,2BAAiB,CAAC,EAAE,EAAE,OAAO,EAAE,cAAc,CAAC,GAAA,GAAI;gBAErGN,wCAACK,kBAAQ,CAAC,IAAI,IAAC,YAAY,EAAE,YAAY,IACpC,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,GAAG,CAAC,UAAC,MAAqB;;oBACpC,OAAA,MAAM,CAAC,QAAQ,IACXL,wCAACK,kBAAQ,CAAC,MAAM,IAAC,GAAG,EAAE,MAAM,CAAC,IAAI,EAAE,IAAI,EAAE,MAAM,CAAC,IAAI,GAAI,KAExDL,wCAACK,kBAAQ,CAAC,cAAc,IACpB,GAAG,EAAE,MAAM,CAAC,KAAK,EACjB,MAAM,EAAE,MAAM,EACd,UAAU,EAAEE,oBAAU,CAAC,MAAM,EAAE,cAAc,CAAC,EAC9C,UAAU,QAAE,MAAM,CAAC,UAAU,mCAAI,UAAU,EAC3C,UAAU,QAAE,MAAM,CAAC,UAAU,mCAAI,UAAU,EAC3C,OAAO,EAAE,UAAC,MAAM,IAAK,OAAAC,yBAAe,CAAC,MAAM,EAAE,mBAAmB,EAAE,iBAAiB,EAAE,cAAc,CAAC,GAAA,GACtG,CACL,CAAA;iBAAA,EAEO,CACD,CACjB,CACiB,EAC7B;AACN;;;;"}

package/build/cjs/src/components/dropdown/hoc/select/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sources":["../../../../../../../src/components/dropdown/hoc/select/index.tsx"],"sourcesContent":["import React, { useEffect, useRef, useState } from 'react';\nimport cssClasses from '@css/dropdown/main.module.less';\nimport Dropdown from '../../index';\nimport { ISelectProps, ISelectOption } from '../../types';\nimport { DropdownContext } from '../../context';\nimport { useToggle, useSetOptionsOnClose, useValue } from '../../hooks';\nimport { handleSearchKeyUp, handleItemClick, isSelected } from '../../utilities';\nimport { cssDropdown } from '../../css_classes';\n/**\n * Select component. Build with Dropdown composed components.\n *\n * @component\n * @example\n * const options = [{\n *  text: 'Option 1',\n *  value: 'value1'\n * }, {\n *  text: 'Option 2,,\n *  value: 'value2'\n * }];\n * return (\n *  <Select name=\"my_select_name\" options={options} onChange={(option) => console.log(option)} />\n * )\n */\nconst Select: React.FC<ISelectProps> = ({\n    /**\n     * select name, used also for hidden inputs\n     */\n    name,\n\n    /**\n     * array of select options\n     */\n    options,\n\n    /**\n     * array of default values (for select its always one element), array is used to be compatible with multiselects\n     */\n    defaultValues = [],\n\n    /**\n     * indicates if select is readonly\n     */\n    isReadonly = false,\n\n    /**\n     * indicates if select is disabled\n     */\n    isDisabled = false,\n\n    /**\n     * indicates if selects has groups (similar to optgroup), options then have left-padding, and you should use options with isHeader set to true\n     */\n    isWithGroups = false,\n\n    /**\n     * indicates if select should have search to look for options\n     */\n    isWithSearch = false,\n\n    /**\n     * indicates if select should be opened at render\n     */\n    defaultIsOpen = false,\n\n    /**\n     * indicates if select should hide on option click\n     */\n    defaultCloseOnClick = true,\n\n    /**\n     * called on select toggle\n     */\n    onToggle,\n\n    /**\n     * called on option change\n     */\n    onChange,\n    /**\n     * Place where portal should be placed, by default to body\n     * this can be used to put modal inside modal\n     */\n    portalContainer,\n}) => {\n    /**\n     * reference to dropdown wrapper element\n     */\n    const wrapperRef = useRef<HTMLDivElement>(null);\n\n    /**\n     * isOpen provides state if dropdown is open(visible), toggleDropdown is a function which toggles dropdown content\n     */\n    const [isOpen, toggleDropdown] = useToggle(defaultIsOpen, onToggle);\n\n    /**\n     * hook with option list state, and method to change option list\n     */\n    const [optionsList, setOptionsList] = useState<ISelectOption[]>([]);\n\n    /**\n     * hook with selected value, and method do change it\n     */\n    const [selectedValues, setSelectedValues] = useValue(wrapperRef, options, defaultValues, onChange);\n\n    /**\n     * context values, they may be used with useContext in any component which is part of Dropdown composition\n     */\n    const value = React.useMemo(() => ({ wrapperRef, isOpen, toggleDropdown }), [isOpen, toggleDropdown]);\n\n    /**\n     * hook which resets options list to default on close if select has search and it was used\n     */\n    useSetOptionsOnClose(isWithSearch, isOpen, setOptionsList, options);\n\n    useEffect(() => {\n        setOptionsList(options);\n    }, [options]);\n\n    return (\n        <DropdownContext.Provider value={value}>\n            <div ref={wrapperRef} className={cssClasses[cssDropdown]}>\n                <Dropdown.Select name={name} isReadonly={isReadonly} isDisabled={isDisabled} selectedOptions={selectedValues} />\n\n                <Dropdown.Content portalContainer={portalContainer}>\n                    {isWithSearch && <Dropdown.Search onKeyUp={(ev) => handleSearchKeyUp(ev, options, setOptionsList)} />}\n\n                    <Dropdown.List isWithGroups={isWithGroups}>\n                        {optionsList?.map((option: ISelectOption) =>\n                            option.isHeader ? (\n                                <Dropdown.Header key={option.text} text={option.text} />\n                            ) : (\n                                <Dropdown.Option\n                                    key={option.value}\n                                    option={option}\n                                    isSelected={isSelected(option, selectedValues)}\n                                    isDisabled={option.isDisabled ?? isDisabled}\n                                    isReadonly={option.isReadonly ?? isReadonly}\n                                    onClick={(option) => handleItemClick(option, defaultCloseOnClick, setSelectedValues, toggleDropdown)}\n                                />\n                            )\n                        )}\n                    </Dropdown.List>\n                </Dropdown.Content>\n            </div>\n        </DropdownContext.Provider>\n    );\n};\n\nexport default Select;\n"],"names":["useRef","React","useSetOptionsOnClose","useEffect","DropdownContext","cssClasses","cssDropdown","Dropdown","handleSearchKeyUp","isSelected","handleItemClick"],"mappings":";;;;;;;;;;;;;;;;;;AAQA;;;;;;;;;;;;;;;;IAgBM,MAAM,GAA2B,UAAC,EA4DvC;;;;;IAxDG,cAAI;;;;IAKJ,oBAAO;;;;IAKP,qBAAkB;;;;IAAlB,uCAAkB;;;;IAKlB,kBAAkB;;;;IAAlB,uCAAkB;;;;IAKlB,kBAAkB;;;;IAAlB,uCAAkB;;;;IAKlB,oBAAoB;;;;IAApB,yCAAoB;;;;IAKpB,oBAAoB;;;;IAApB,yCAAoB;;;;IAKpB,qBAAqB;;;;IAArB,0CAAqB;;;;IAKrB,2BAA0B;;;;IAA1B,+CAA0B;;;;IAK1B,sBAAQ;;;;IAKR,sBAAQ;;;;;IAKR,oCAAe;;;;IAKf,IAAM,UAAU,GAAGA,YAAM,CAAiB,IAAI,CAAC,CAAC;;;;IAK1C,IAAA,kDAA6D,EAA5D,cAAM,EAAE,sBAAoD,CAAC;;;;IAK9D,IAAA,uBAA6D,EAA5D,mBAAW,EAAE,sBAA+C,CAAC;;;;IAK9D,IAAA,qEAA4F,EAA3F,sBAAc,EAAE,yBAA2E,CAAC;;;;IAKnG,IAAM,KAAK,GAAGC,yBAAK,CAAC,OAAO,CAAC,cAAM,QAAC,EAAE,UAAU,YAAA,EAAE,MAAM,QAAA,EAAE,cAAc,gBAAA,EAAE,IAAC,EAAE,CAAC,MAAM,EAAE,cAAc,CAAC,CAAC,CAAC;;;;IAKtGC,6CAAoB,CAAC,YAAY,EAAE,MAAM,EAAE,cAAc,EAAE,OAAO,CAAC,CAAC;IAEpEC,eAAS,CAAC;QACN,cAAc,CAAC,OAAO,CAAC,CAAC;KAC3B,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;IAEd,QACIF,wCAACG,qBAAe,CAAC,QAAQ,IAAC,KAAK,EAAE,KAAK;QAClCH,iDAAK,GAAG,EAAE,UAAU,EAAE,SAAS,EAAEI,sBAAU,CAACC,uBAAW,CAAC;YACpDL,wCAACM,kBAAQ,CAAC,MAAM,IAAC,IAAI,EAAE,IAAI,EAAE,UAAU,EAAE,UAAU,EAAE,UAAU,EAAE,UAAU,EAAE,eAAe,EAAE,cAAc,GAAI;YAEhHN,wCAACM,kBAAQ,CAAC,OAAO,IAAC,eAAe,EAAE,eAAe;gBAC7C,YAAY,IAAIN,wCAACM,kBAAQ,CAAC,MAAM,IAAC,OAAO,EAAE,UAAC,EAAE,IAAK,OAAAC,2BAAiB,CAAC,EAAE,EAAE,OAAO,EAAE,cAAc,CAAC,GAAA,GAAI;gBAErGP,wCAACM,kBAAQ,CAAC,IAAI,IAAC,YAAY,EAAE,YAAY,IACpC,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,GAAG,CAAC,UAAC,MAAqB;;oBACpC,OAAA,MAAM,CAAC,QAAQ,IACXN,wCAACM,kBAAQ,CAAC,MAAM,IAAC,GAAG,EAAE,MAAM,CAAC,IAAI,EAAE,IAAI,EAAE,MAAM,CAAC,IAAI,GAAI,KAExDN,wCAACM,kBAAQ,CAAC,MAAM,IACZ,GAAG,EAAE,MAAM,CAAC,KAAK,EACjB,MAAM,EAAE,MAAM,EACd,UAAU,EAAEE,oBAAU,CAAC,MAAM,EAAE,cAAc,CAAC,EAC9C,UAAU,QAAE,MAAM,CAAC,UAAU,mCAAI,UAAU,EAC3C,UAAU,QAAE,MAAM,CAAC,UAAU,mCAAI,UAAU,EAC3C,OAAO,EAAE,UAAC,MAAM,IAAK,OAAAC,yBAAe,CAAC,MAAM,EAAE,mBAAmB,EAAE,iBAAiB,EAAE,cAAc,CAAC,GAAA,GACtG,CACL,CAAA;iBAAA,EAEO,CACD,CACjB,CACiB,EAC7B;AACN;;;;"}

package/build/cjs/src/components/dropdown/hooks/use_keyboard_open_close.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"use_keyboard_open_close.js","sources":["../../../../../../src/components/dropdown/hooks/use_keyboard_open_close.ts"],"sourcesContent":["import { useKeyDown } from '../../../hooks/use_key_down';\nimport { RefObject } from 'react';\n\nexport const useKeyboardOpenClose = (toggleDropdown?: () => void, isOpen?: boolean, ref?: RefObject<HTMLElement>) => {\n    useKeyDown([' '], () => !isOpen && toggleDropdown?.(), ref);\n    useKeyDown(['Esc|Escape'], () => isOpen && toggleDropdown?.(), ref);\n};\n"],"names":["useKeyDown"],"mappings":";;;;;;;IAGa,oBAAoB,GAAG,UAAC,cAA2B,EAAE,MAAgB,EAAE,GAA4B;IAC5GA,uBAAU,CAAC,CAAC,GAAG,CAAC,EAAE,cAAM,OAAA,CAAC,MAAM,KAAI,cAAc,aAAd,cAAc,uBAAd,cAAc,GAAI,GAAA,EAAE,GAAG,CAAC,CAAC;IAC5DA,uBAAU,CAAC,CAAC,YAAY,CAAC,EAAE,cAAM,OAAA,MAAM,KAAI,cAAc,aAAd,cAAc,uBAAd,cAAc,GAAI,GAAA,EAAE,GAAG,CAAC,CAAC;AACxE;;;;"}

package/build/cjs/src/components/dropdown/hooks/use_set_options_on_close.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"use_set_options_on_close.js","sources":["../../../../../../src/components/dropdown/hooks/use_set_options_on_close.ts"],"sourcesContent":["import { ISelectOption } from '../types';\nimport { useEffect } from 'react';\n\n/**\n * hook used to reset filtered options list to default on dropdown hide\n * @param isWithSearch indicates if dropdown use search (searchable items)\n * @param isOpen indicates if dropdown is open\n * @param setOptionsList state setter for options list\n * @param options default options list\n * @returns {void} nothing\n */\nexport function useSetOptionsOnClose(\n    isWithSearch: boolean,\n    isOpen: boolean,\n    setOptionsList: (value: React.SetStateAction<Array<ISelectOption>>) => void,\n    options: Array<ISelectOption>\n): void {\n    useEffect(() => {\n        if (isWithSearch === true && isOpen === false) {\n            setOptionsList(() => options);\n        }\n    }, [isOpen, isWithSearch, options, setOptionsList]);\n}\n"],"names":["useEffect"],"mappings":";;;;;;AAGA;;;;;;;;SAQgB,oBAAoB,CAChC,YAAqB,EACrB,MAAe,EACf,cAA2E,EAC3E,OAA6B;IAE7BA,eAAS,CAAC;QACN,IAAI,YAAY,KAAK,IAAI,IAAI,MAAM,KAAK,KAAK,EAAE;YAC3C,cAAc,CAAC,cAAM,OAAA,OAAO,GAAA,CAAC,CAAC;SACjC;KACJ,EAAE,CAAC,MAAM,EAAE,YAAY,EAAE,OAAO,EAAE,cAAc,CAAC,CAAC,CAAC;AACxD;;;;"}

package/build/cjs/src/components/dropdown/hooks/use_toggle.js

@@ -1,29 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var React = require('react');
-require('../../../../node_modules/lodash/_root.js');
-require('../../../../node_modules/lodash/_baseGetTag.js');
-var use_effect_after_mount = require('../../../hooks/use_effect_after_mount.js');
-
-/**
- * Hook used for toggling dropdown
- * @param defaultIsOpen should dropdown be opened at render
- * @param onToggleCb callback onToggle
- * @returns {Array} tuple - open state and and method to change open state
- */
-function useToggle(defaultIsOpen, onToggleCb) {
-    if (defaultIsOpen === void 0) { defaultIsOpen = false; }
-    var _a = React.useState(defaultIsOpen), isOpen = _a[0], setIsOpen = _a[1];
-    var onToggle = React.useCallback(function () { return setIsOpen(function (oldIsOpen) { return !oldIsOpen; }); }, []);
-    use_effect_after_mount.useEffectAfterMount(function () {
-        if (typeof onToggleCb === 'function') {
-            onToggleCb(isOpen);
-        }
-    }, [isOpen]);
-    return [isOpen, onToggle];
-}
-
-exports.useToggle = useToggle;
-//# sourceMappingURL=use_toggle.js.map

package/build/cjs/src/components/dropdown/hooks/use_toggle.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"use_toggle.js","sources":["../../../../../../src/components/dropdown/hooks/use_toggle.ts"],"sourcesContent":["import { useState, useCallback } from 'react';\nimport { useEffectAfterMount } from '../../../hooks';\n\n/**\n * Hook used for toggling dropdown\n * @param defaultIsOpen should dropdown be opened at render\n * @param onToggleCb callback onToggle\n * @returns {Array} tuple - open state and and method to change open state\n */\nexport function useToggle(defaultIsOpen: boolean = false, onToggleCb?: (isOpen: boolean) => void): [boolean, () => void] {\n    const [isOpen, setIsOpen] = useState(defaultIsOpen);\n    const onToggle = useCallback(() => setIsOpen((oldIsOpen) => !oldIsOpen), []);\n\n    useEffectAfterMount(() => {\n        if (typeof onToggleCb === 'function') {\n            onToggleCb(isOpen);\n        }\n    }, [isOpen]);\n\n    return [isOpen, onToggle];\n}\n"],"names":["useCallback","useEffectAfterMount"],"mappings":";;;;;;;;;AAGA;;;;;;SAMgB,SAAS,CAAC,aAA8B,EAAE,UAAsC;IAAtE,8BAAA,EAAA,qBAA8B;IAC9C,IAAA,kCAA6C,EAA5C,cAAM,EAAE,iBAAoC,CAAC;IACpD,IAAM,QAAQ,GAAGA,iBAAW,CAAC,cAAM,OAAA,SAAS,CAAC,UAAC,SAAS,IAAK,OAAA,CAAC,SAAS,GAAA,CAAC,GAAA,EAAE,EAAE,CAAC,CAAC;IAE7EC,0CAAmB,CAAC;QAChB,IAAI,OAAO,UAAU,KAAK,UAAU,EAAE;YAClC,UAAU,CAAC,MAAM,CAAC,CAAC;SACtB;KACJ,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC;IAEb,OAAO,CAAC,MAAM,EAAE,QAAQ,CAAC,CAAC;AAC9B;;;;"}

package/build/cjs/src/components/dropdown/hooks/use_value.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"use_value.js","sources":["../../../../../../src/components/dropdown/hooks/use_value.ts"],"sourcesContent":["import { useState, useCallback, useEffect } from 'react';\nimport { ISelectOption } from '../types';\n\n/**\n * Hook used to allow use single selectable value, returns array of selected values and method to set value as selected\n * You can use is for select or any other form of control which needs single selectable value\n * @param {React.RefObject<HTMLElement>} wrapperRef\n * @param {Array<ISelectOption>} options\n * @param {Array<string>} defaultValues\n * @param {Function} onChangeCb\n *\n * @fires dropdown:change\n *\n * @returns {Array} Tuple - selected values and state setter for them\n */\nexport function useValue(\n    wrapperRef: React.RefObject<HTMLElement>,\n    options: Array<ISelectOption>,\n    defaultValues: Array<string>,\n    onChangeCb?: (selectedOption: ISelectOption) => void\n): [ISelectOption[], (selectedOption: ISelectOption) => void] {\n    const [selectedValues, setSelectedValue] = useState([] as ISelectOption[]);\n\n    const setSelectedValues = useCallback(\n        (selectedOption: ISelectOption) => {\n            setSelectedValue(() => [selectedOption]);\n\n            if (typeof onChangeCb === 'function') {\n                onChangeCb(selectedOption);\n                const event = new CustomEvent('dropdown:change', {\n                    detail: {\n                        selectedOption,\n                    },\n                });\n                wrapperRef.current?.dispatchEvent(event);\n            }\n        },\n        [onChangeCb, wrapperRef]\n    );\n\n    useEffect(() => {\n        const defaultSelectedOptions = options?.filter((option) => defaultValues && defaultValues?.indexOf(option.value) >= 0);\n\n        setSelectedValue(defaultSelectedOptions);\n    }, [defaultValues]);\n\n    return [selectedValues, setSelectedValues];\n}\n\n/**\n * dropdown:change event\n *\n * @event dropdown:change\n * @type {object}\n * @property {ISelectOption} selectedOption selected option\n */\n"],"names":["useCallback","useEffect"],"mappings":";;;;;;AAGA;;;;;;;;;;;;SAYgB,QAAQ,CACpB,UAAwC,EACxC,OAA6B,EAC7B,aAA4B,EAC5B,UAAoD;IAE9C,IAAA,uBAAoE,EAAnE,sBAAc,EAAE,wBAAmD,CAAC;IAE3E,IAAM,iBAAiB,GAAGA,iBAAW,CACjC,UAAC,cAA6B;;QAC1B,gBAAgB,CAAC,cAAM,OAAA,CAAC,cAAc,CAAC,GAAA,CAAC,CAAC;QAEzC,IAAI,OAAO,UAAU,KAAK,UAAU,EAAE;YAClC,UAAU,CAAC,cAAc,CAAC,CAAC;YAC3B,IAAM,OAAK,GAAG,IAAI,WAAW,CAAC,iBAAiB,EAAE;gBAC7C,MAAM,EAAE;oBACJ,cAAc,gBAAA;iBACjB;aACJ,CAAC,CAAC;YACH,MAAA,UAAU,CAAC,OAAO,0CAAE,aAAa,CAAC,OAAK,EAAE;SAC5C;KACJ,EACD,CAAC,UAAU,EAAE,UAAU,CAAC,CAC3B,CAAC;IAEFC,eAAS,CAAC;QACN,IAAM,sBAAsB,GAAG,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,MAAM,CAAC,UAAC,MAAM,IAAK,OAAA,aAAa,IAAI,CAAA,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,OAAO,CAAC,MAAM,CAAC,KAAK,MAAK,CAAC,GAAA,CAAC,CAAC;QAEvH,gBAAgB,CAAC,sBAAsB,CAAC,CAAC;KAC5C,EAAE,CAAC,aAAa,CAAC,CAAC,CAAC;IAEpB,OAAO,CAAC,cAAc,EAAE,iBAAiB,CAAC,CAAC;AAC/C,CAAC;AAED;;;;;;;;;;"}

package/build/cjs/src/components/dropdown/hooks/use_values.js

@@ -1,67 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var React = require('react');
-var _tslib = require('../../../../_virtual/_tslib.js');
-
-/**
- * Hook used to allow use multiple selectable values, returns array of selected values and method to set value as selected/unselected
- * You can use is for multiselect or any other form of control which needs multiple selectable values
- * @param {React.RefObject<HTMLElement>} wrapperRef
- * @param {Array<ISelectOption>} options
- * @param {Array<string>} defaultValues
- * @param {Function} onChangeCb
- *
- * @fires dropdown:change
- *
- * @returns {Array} Tuple - selected values and state setter for them
- */
-function useValues(wrapperRef, options, defaultValues, onChangeCb) {
-    var defaultSelectedOptions = options === null || options === void 0 ? void 0 : options.filter(function (option) { return defaultValues && (defaultValues === null || defaultValues === void 0 ? void 0 : defaultValues.indexOf(option.value)) >= 0; });
-    var _a = React.useState(defaultSelectedOptions), selectedValues = _a[0], setSelectedValue = _a[1];
-    /**
-     * updates the state of selected options, emits custom event(dropdown:change) on dropdown reference(wrapperRef) for not only react projects
-     * @param {ISelectOption} selectedOption choosen option
-     */
-    var setSelectedValues = React.useCallback(function (selectedOption) {
-        setSelectedValue(function (previousSelectedOptions) {
-            var _a;
-            var allSelectedOptions;
-            var isChecked;
-            if (previousSelectedOptions && (previousSelectedOptions === null || previousSelectedOptions === void 0 ? void 0 : previousSelectedOptions.indexOf(selectedOption)) >= 0) {
-                allSelectedOptions = previousSelectedOptions.filter(function (option) { return option.value !== selectedOption.value; });
-                isChecked = false;
-            }
-            else {
-                allSelectedOptions = _tslib.__spreadArrays(previousSelectedOptions, [selectedOption]);
-                isChecked = true;
-            }
-            if (typeof onChangeCb === 'function') {
-                onChangeCb(selectedOption, isChecked, allSelectedOptions);
-                var event_1 = new CustomEvent('dropdown:change', {
-                    detail: {
-                        selectedOption: selectedOption,
-                        isChecked: isChecked,
-                        allSelectedOptions: allSelectedOptions
-                    }
-                });
-                (_a = wrapperRef.current) === null || _a === void 0 ? void 0 : _a.dispatchEvent(event_1);
-            }
-            return allSelectedOptions;
-        });
-    }, [onChangeCb, wrapperRef]);
-    return [selectedValues, setSelectedValues];
-}
-/**
- * dropdown:change event
- *
- * @event dropdown:change
- * @type {object}
- * @property {ISelectOption} selectedOption selected option
- * @property {boolean} isChecked indicates whether the current option is selected
- * @property {Array<ISelectOption>} allSelectedOptions array of all selected options
- */
-
-exports.useValues = useValues;
-//# sourceMappingURL=use_values.js.map

package/build/cjs/src/components/dropdown/hooks/use_values.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"use_values.js","sources":["../../../../../../src/components/dropdown/hooks/use_values.ts"],"sourcesContent":["import { useState, useCallback } from 'react';\nimport { ISelectOption } from '../types';\n\n/**\n * Hook used to allow use multiple selectable values, returns array of selected values and method to set value as selected/unselected\n * You can use is for multiselect or any other form of control which needs multiple selectable values\n * @param {React.RefObject<HTMLElement>} wrapperRef\n * @param {Array<ISelectOption>} options\n * @param {Array<string>} defaultValues\n * @param {Function} onChangeCb\n *\n * @fires dropdown:change\n *\n * @returns {Array} Tuple - selected values and state setter for them\n */\nexport function useValues(\n    wrapperRef: React.RefObject<HTMLElement>,\n    options: Array<ISelectOption>,\n    defaultValues: Array<string>,\n    onChangeCb?: (selectedOption: ISelectOption, isChecked: boolean, selectedOptions: Array<ISelectOption>) => void\n): [ISelectOption[], (selectedOption: ISelectOption) => void] {\n    const defaultSelectedOptions = options?.filter((option) => defaultValues && defaultValues?.indexOf(option.value) >= 0);\n    const [selectedValues, setSelectedValue] = useState(defaultSelectedOptions);\n\n    /**\n     * updates the state of selected options, emits custom event(dropdown:change) on dropdown reference(wrapperRef) for not only react projects\n     * @param {ISelectOption} selectedOption choosen option\n     */\n    const setSelectedValues = useCallback(\n        (selectedOption: ISelectOption): void => {\n            setSelectedValue((previousSelectedOptions) => {\n                let allSelectedOptions: Array<ISelectOption>;\n                let isChecked: boolean;\n\n                if (previousSelectedOptions && previousSelectedOptions?.indexOf(selectedOption) >= 0) {\n                    allSelectedOptions = previousSelectedOptions.filter((option) => option.value !== selectedOption.value);\n                    isChecked = false;\n                } else {\n                    allSelectedOptions = [...previousSelectedOptions!, selectedOption];\n                    isChecked = true;\n                }\n\n                if (typeof onChangeCb === 'function') {\n                    onChangeCb(selectedOption, isChecked, allSelectedOptions);\n                    const event = new CustomEvent('dropdown:change', {\n                        detail: {\n                            selectedOption,\n                            isChecked,\n                            allSelectedOptions\n                        }\n                    });\n                    wrapperRef.current?.dispatchEvent(event);\n                }\n\n                return allSelectedOptions;\n            });\n        },\n        [onChangeCb, wrapperRef]\n    );\n\n    return [selectedValues, setSelectedValues];\n}\n\n/**\n * dropdown:change event\n *\n * @event dropdown:change\n * @type {object}\n * @property {ISelectOption} selectedOption selected option\n * @property {boolean} isChecked indicates whether the current option is selected\n * @property {Array<ISelectOption>} allSelectedOptions array of all selected options\n */\n"],"names":["useCallback"],"mappings":";;;;;;;AAGA;;;;;;;;;;;;SAYgB,SAAS,CACrB,UAAwC,EACxC,OAA6B,EAC7B,aAA4B,EAC5B,UAA+G;IAE/G,IAAM,sBAAsB,GAAG,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,MAAM,CAAC,UAAC,MAAM,IAAK,OAAA,aAAa,IAAI,CAAA,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,OAAO,CAAC,MAAM,CAAC,KAAK,MAAK,CAAC,GAAA,CAAC,CAAC;IACjH,IAAA,2CAAqE,EAApE,sBAAc,EAAE,wBAAoD,CAAC;;;;;IAM5E,IAAM,iBAAiB,GAAGA,iBAAW,CACjC,UAAC,cAA6B;QAC1B,gBAAgB,CAAC,UAAC,uBAAuB;;YACrC,IAAI,kBAAwC,CAAC;YAC7C,IAAI,SAAkB,CAAC;YAEvB,IAAI,uBAAuB,IAAI,CAAA,uBAAuB,aAAvB,uBAAuB,uBAAvB,uBAAuB,CAAE,OAAO,CAAC,cAAc,MAAK,CAAC,EAAE;gBAClF,kBAAkB,GAAG,uBAAuB,CAAC,MAAM,CAAC,UAAC,MAAM,IAAK,OAAA,MAAM,CAAC,KAAK,KAAK,cAAc,CAAC,KAAK,GAAA,CAAC,CAAC;gBACvG,SAAS,GAAG,KAAK,CAAC;aACrB;iBAAM;gBACH,kBAAkB,yBAAO,uBAAwB,GAAE,cAAc,EAAC,CAAC;gBACnE,SAAS,GAAG,IAAI,CAAC;aACpB;YAED,IAAI,OAAO,UAAU,KAAK,UAAU,EAAE;gBAClC,UAAU,CAAC,cAAc,EAAE,SAAS,EAAE,kBAAkB,CAAC,CAAC;gBAC1D,IAAM,OAAK,GAAG,IAAI,WAAW,CAAC,iBAAiB,EAAE;oBAC7C,MAAM,EAAE;wBACJ,cAAc,gBAAA;wBACd,SAAS,WAAA;wBACT,kBAAkB,oBAAA;qBACrB;iBACJ,CAAC,CAAC;gBACH,MAAA,UAAU,CAAC,OAAO,0CAAE,aAAa,CAAC,OAAK,EAAE;aAC5C;YAED,OAAO,kBAAkB,CAAC;SAC7B,CAAC,CAAC;KACN,EACD,CAAC,UAAU,EAAE,UAAU,CAAC,CAC3B,CAAC;IAEF,OAAO,CAAC,cAAc,EAAE,iBAAiB,CAAC,CAAC;AAC/C,CAAC;AAED;;;;;;;;;;;;"}

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sources":["../../../../../src/components/dropdown/index.tsx"],"sourcesContent":["import React, { useRef } from 'react';\nimport { IDropdownProps, IDropdownComposition } from './types';\nimport cssClasses from '@css/dropdown/main.module.less';\n\nimport { useToggle } from './hooks';\n\nimport { DropdownContext } from './context';\n\nimport Select from './components/select';\nimport Content from './components/content';\nimport List from './components/list';\nimport Header from './components/header';\nimport Option from './components/option';\nimport OptionMultiple from './components/option_multiple';\nimport Item from './components/item';\nimport Link from './components/link';\nimport Label from './components/label';\nimport Search from './components/search';\nimport CustomLabel from './components/custom_label';\n\n/**\n * Dropdown composition component. Provides several Dropdown dependant components which can be composed to create selects, multiselects or dropdowns.\n *\n * @component\n * @example\n * return (\n *  <Dropdown>\n *      <Dropdown.Label label=\"Wybierz link\" />\n *      <Dropdown.Content>\n *          <Dropdown.List>\n *              <Dropdown.Link text=\"shoper.pl\" href=\"https://shoper.pl\" />\n *              <Dropdown.Link text=\"forum.shoper.pl\" href=\"https://forum.shoper.pl\" />\n *              <Dropdown.Link text=\"shoper.pl/help\" href=\"https://shoper.pl/help\" />\n *          </Dropdown.List>\n *      </Dropdown.Content>\n *  <Dropdown>\n * )\n */\nconst Dropdown: React.FC<IDropdownProps> & IDropdownComposition = ({ defaultIsOpen = false, onToggle, children }) => {\n    const wrapperRef = useRef<HTMLDivElement>(null);\n    const [isOpen, toggleDropdown] = useToggle(defaultIsOpen, onToggle);\n\n    /**\n     * context values, they may be used with useContext in any component which is part of Dropdown composition\n     */\n    const value = React.useMemo(() => ({ wrapperRef, isOpen, toggleDropdown }), [isOpen, toggleDropdown]);\n\n    return (\n        <DropdownContext.Provider value={value}>\n            <div ref={wrapperRef} className={cssClasses.dropdown}>\n                {children}\n            </div>\n        </DropdownContext.Provider>\n    );\n};\n\nDropdown.Select = Select;\nDropdown.Content = Content;\nDropdown.Search = Search;\nDropdown.List = List;\nDropdown.Header = Header;\nDropdown.Option = Option;\nDropdown.OptionMultiple = OptionMultiple;\nDropdown.Link = Link;\nDropdown.Label = Label;\nDropdown.CustomLabel = CustomLabel;\nDropdown.Item = Item;\n\nexport default Dropdown;\n"],"names":["useRef","React","DropdownContext","cssClasses","Select","Content","Search","List","Header","Option","OptionMultiple","Link","Label","CustomLabel","Item"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAoBA;;;;;;;;;;;;;;;;;;IAkBM,QAAQ,GAAoD,UAAC,EAA6C;QAA3C,qBAAqB,EAArB,0CAAqB,EAAE,sBAAQ,EAAE,sBAAQ;IAC1G,IAAM,UAAU,GAAGA,YAAM,CAAiB,IAAI,CAAC,CAAC;IAC1C,IAAA,kDAA6D,EAA5D,cAAM,EAAE,sBAAoD,CAAC;;;;IAKpE,IAAM,KAAK,GAAGC,yBAAK,CAAC,OAAO,CAAC,cAAM,QAAC,EAAE,UAAU,YAAA,EAAE,MAAM,QAAA,EAAE,cAAc,gBAAA,EAAE,IAAC,EAAE,CAAC,MAAM,EAAE,cAAc,CAAC,CAAC,CAAC;IAEtG,QACIA,wCAACC,qBAAe,CAAC,QAAQ,IAAC,KAAK,EAAE,KAAK;QAClCD,iDAAK,GAAG,EAAE,UAAU,EAAE,SAAS,EAAEE,sBAAU,CAAC,QAAQ,IAC/C,QAAQ,CACP,CACiB,EAC7B;AACN,EAAE;AAEF,QAAQ,CAAC,MAAM,GAAGC,iBAAM,CAAC;AACzB,QAAQ,CAAC,OAAO,GAAGC,kBAAO,CAAC;AAC3B,QAAQ,CAAC,MAAM,GAAGC,iBAAM,CAAC;AACzB,QAAQ,CAAC,IAAI,GAAGC,eAAI,CAAC;AACrB,QAAQ,CAAC,MAAM,GAAGC,iBAAM,CAAC;AACzB,QAAQ,CAAC,MAAM,GAAGC,iBAAM,CAAC;AACzB,QAAQ,CAAC,cAAc,GAAGC,0BAAc,CAAC;AACzC,QAAQ,CAAC,IAAI,GAAGC,eAAI,CAAC;AACrB,QAAQ,CAAC,KAAK,GAAGC,gBAAK,CAAC;AACvB,QAAQ,CAAC,WAAW,GAAGC,uBAAW,CAAC;AACnC,QAAQ,CAAC,IAAI,GAAGC,eAAI;;;;"}

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

@@ -1 +0,0 @@
-{"version":3,"file":"utilities.js","sources":["../../../../../src/components/dropdown/utilities.ts"],"sourcesContent":["import { RefObject } from 'react';\nimport { fuzzySearch } from '@utilities/fuzzy_search/fuzzy_search';\nimport { ISelectOption } from './types';\nimport { cssDropdownContent } from './css_classes';\nimport cssClasses from '@css/dropdown/main.module.less';\nimport modalCssClasses from '@css/modal/main.module.less';\n\n/**\n * checks if the given option is selected within array of selectedValues array\n * @param {ISelectOption} option select/multiselect option\n * @param {Array<ISelectOption>} selectedValues array of selected values\n * @returns {Boolean}\n */\nexport const isSelected = (option: ISelectOption, selectedValues: Array<ISelectOption>): boolean => selectedValues.indexOf(option) >= 0;\n\n/**\n * Called on Dropdown.Option(Dropdown.MultiOption) click. Marks given option as selected, option value is added do selectedValues array, closes dropdown if defaultCloseOnClick is true\n * @param {ISelectOption} option - option that was clicked\n * @param {boolean} defaultCloseOnClick - determines if dropdown should hide after choosing option\n * @param {Function} setSelectedValues - selected values state setter\n * @param {Function} toggleDropdown - method which toggles dropdown\n */\nexport const handleItemClick = (\n    option: ISelectOption,\n    defaultCloseOnClick: boolean,\n    setSelectedValues: (selectedOption: any) => void,\n    toggleDropdown: () => void\n) => {\n    setSelectedValues(option);\n\n    if (defaultCloseOnClick === true) {\n        toggleDropdown();\n    }\n};\n\n/**\n * function called on keypress on Dropdown.Search control_input, filters dropdown options and sets new list with filtered results\n * @param {React.KeyboardEvent} ev react keyboard event\n * @param {Array<ISelectOption>} options list of dropdown options to filter\n * @param {Function} setOptionsList method to set new state of options list\n * @returns {void} nothing\n */\nexport const handleSearchKeyUp = (\n    ev: React.KeyboardEvent,\n    options: Array<ISelectOption>,\n    setOptionsList: (value: React.SetStateAction<ISelectOption[]>) => void\n): void => {\n    const $input: HTMLInputElement = ev.target as HTMLInputElement;\n    const searchQuery: string = $input.value;\n\n    const filteredOptions = fuzzySearch(searchQuery, options, 'text') as Array<ISelectOption>;\n    setOptionsList(() => filteredOptions);\n};\n\nexport const getXYModifiersForNestedDropdowns = (portalContainer: HTMLElement | null | undefined) => {\n    let xModifier = 0;\n    let yModifier = 0;\n\n    if (portalContainer) {\n        const $parentDropdownContent = portalContainer.closest(`.${cssClasses[cssDropdownContent]}`);\n\n        if ($parentDropdownContent) {\n            const { x: portalX, y: portalY } = $parentDropdownContent.getBoundingClientRect();\n\n            xModifier = portalX;\n            yModifier = portalY;\n        }\n    }\n\n    return {\n        xModifier,\n        yModifier,\n    };\n};\n\nexport const isChildOfModal = (ref: RefObject<HTMLElement>) => {\n    let currentParent = ref.current?.parentElement;\n\n    while (currentParent) {\n        if (currentParent.classList.contains(modalCssClasses['modal-window'])) {\n            return true;\n        }\n        currentParent = currentParent?.parentElement;\n    }\n\n    return false;\n};\n"],"names":["fuzzySearch","cssClasses","cssDropdownContent","modalCssClasses"],"mappings":";;;;;;;;;;AAOA;;;;;;IAMa,UAAU,GAAG,UAAC,MAAqB,EAAE,cAAoC,IAAc,OAAA,cAAc,CAAC,OAAO,CAAC,MAAM,CAAC,IAAI,CAAC,IAAC;AAExI;;;;;;;IAOa,eAAe,GAAG,UAC3B,MAAqB,EACrB,mBAA4B,EAC5B,iBAAgD,EAChD,cAA0B;IAE1B,iBAAiB,CAAC,MAAM,CAAC,CAAC;IAE1B,IAAI,mBAAmB,KAAK,IAAI,EAAE;QAC9B,cAAc,EAAE,CAAC;KACpB;AACL,EAAE;AAEF;;;;;;;IAOa,iBAAiB,GAAG,UAC7B,EAAuB,EACvB,OAA6B,EAC7B,cAAsE;IAEtE,IAAM,MAAM,GAAqB,EAAE,CAAC,MAA0B,CAAC;IAC/D,IAAM,WAAW,GAAW,MAAM,CAAC,KAAK,CAAC;IAEzC,IAAM,eAAe,GAAGA,wBAAW,CAAC,WAAW,EAAE,OAAO,EAAE,MAAM,CAAyB,CAAC;IAC1F,cAAc,CAAC,cAAM,OAAA,eAAe,GAAA,CAAC,CAAC;AAC1C,EAAE;IAEW,gCAAgC,GAAG,UAAC,eAA+C;IAC5F,IAAI,SAAS,GAAG,CAAC,CAAC;IAClB,IAAI,SAAS,GAAG,CAAC,CAAC;IAElB,IAAI,eAAe,EAAE;QACjB,IAAM,sBAAsB,GAAG,eAAe,CAAC,OAAO,CAAC,MAAIC,sBAAU,CAACC,8BAAkB,CAAG,CAAC,CAAC;QAE7F,IAAI,sBAAsB,EAAE;YAClB,IAAA,mDAA2E,EAAzE,cAAU,EAAE,cAA6D,CAAC;YAElF,SAAS,GAAG,OAAO,CAAC;YACpB,SAAS,GAAG,OAAO,CAAC;SACvB;KACJ;IAED,OAAO;QACH,SAAS,WAAA;QACT,SAAS,WAAA;KACZ,CAAC;AACN,EAAE;IAEW,cAAc,GAAG,UAAC,GAA2B;;IACtD,IAAI,aAAa,SAAG,GAAG,CAAC,OAAO,0CAAE,aAAa,CAAC;IAE/C,OAAO,aAAa,EAAE;QAClB,IAAI,aAAa,CAAC,SAAS,CAAC,QAAQ,CAACC,wBAAe,CAAC,cAAc,CAAC,CAAC,EAAE;YACnE,OAAO,IAAI,CAAC;SACf;QACD,aAAa,GAAG,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,aAAa,CAAC;KAChD;IAED,OAAO,KAAK,CAAC;AACjB;;;;;;;;"}

package/build/cjs/src/components/file_picker/components/file_input.js

@@ -1,56 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var React = require('react');
-var useTranslation = require('../../../../node_modules/react-i18next/dist/es/useTranslation.js');
-var reactJss_esm = require('../../../../node_modules/react-jss/dist/react-jss.esm.js');
-var main_module = require('../../../css/file_picker/main.module.less.js');
-var css_classes = require('../css_classes.js');
-var icon_upload = require('../../../assets/icon_upload.js');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-
-var useStyles = reactJss_esm.createUseStyles({
-    filePicker: {
-        borderColor: function (_a) {
-            var isDragOver = _a.isDragOver;
-            return (isDragOver ? '#ffffff' : '#6fb9f7');
-        },
-        backgroundColor: function (_a) {
-            var isDragOver = _a.isDragOver;
-            return (isDragOver ? '#6fb9f7' : '#ffffff');
-        },
-        '& *': {
-            color: function (_a) {
-                var isDragOver = _a.isDragOver;
-                return (isDragOver ? '#ffffff' : '#6fb9f7');
-            },
-            // @ts-ignore
-            fill: function (_a) {
-                var isDragOver = _a.isDragOver;
-                return (isDragOver ? '#ffffff' : '#6fb9f7');
-            },
-        },
-    },
-});
-var FileInput = function (_a) {
-    var id = _a.id, onDropFile = _a.onDropFile, onDragOver = _a.onDragOver, onDragLeave = _a.onDragLeave, allowedExtensions = _a.allowedExtensions, isDragOver = _a.isDragOver;
-    var t = useTranslation.useTranslation()[0];
-    var classes = useStyles({ isDragOver: isDragOver });
-    return (React__default['default'].createElement("label", { htmlFor: id, onDrop: onDropFile, onDragOver: onDragOver, onDragLeave: onDragLeave },
-        React__default['default'].createElement("div", { className: main_module['default'][css_classes['default'].filePicker] + " " + classes.filePicker },
-            React__default['default'].createElement(icon_upload['default'], { className: main_module['default'][css_classes['default'].filePickerUploadIcon] }),
-            React__default['default'].createElement("div", { className: main_module['default'][css_classes['default'].filePickerDescription] },
-                t('Drag file or select'),
-                " (",
-                t('format'),
-                " ",
-                allowedExtensions.join(', '),
-                ")"))));
-};
-
-exports.default = FileInput;
-//# sourceMappingURL=file_input.js.map

package/build/cjs/src/components/file_picker/components/file_input.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"file_input.js","sources":["../../../../../../src/components/file_picker/components/file_input.tsx"],"sourcesContent":["import React from 'react';\nimport styles from '@css/file_picker/main.module.less';\nimport CSS_CLASSES from '@components/file_picker/css_classes';\nimport IconUpload from '@assets/icon_upload';\nimport { createUseStyles } from 'react-jss';\nimport { IFileInput } from '../types';\nimport { useTranslation } from 'react-i18next';\n\nconst useStyles = createUseStyles({\n    filePicker: {\n        borderColor: ({ isDragOver }) => (isDragOver ? '#ffffff' : '#6fb9f7'),\n        backgroundColor: ({ isDragOver }) => (isDragOver ? '#6fb9f7' : '#ffffff'),\n        '& *': {\n            color: ({ isDragOver }) => (isDragOver ? '#ffffff' : '#6fb9f7'),\n            // @ts-ignore\n            fill: ({ isDragOver }) => (isDragOver ? '#ffffff' : '#6fb9f7'),\n        },\n    },\n});\n\nconst FileInput: React.FC<IFileInput> = ({ id, onDropFile, onDragOver, onDragLeave, allowedExtensions, isDragOver }) => {\n    const [t] = useTranslation();\n    const classes = useStyles({ isDragOver });\n\n    return (\n        <label htmlFor={id} onDrop={onDropFile} onDragOver={onDragOver} onDragLeave={onDragLeave}>\n            <div className={`${styles[CSS_CLASSES.filePicker]} ${classes.filePicker}`}>\n                <IconUpload className={styles[CSS_CLASSES.filePickerUploadIcon]} />\n                <div className={styles[CSS_CLASSES.filePickerDescription]}>\n                    {t('Drag file or select')} ({t('format')} {allowedExtensions.join(', ')})\n                </div>\n            </div>\n        </label>\n    );\n};\n\nexport default FileInput;\n"],"names":["createUseStyles","React","styles","CSS_CLASSES","IconUpload"],"mappings":";;;;;;;;;;;;;;;AAQA,IAAM,SAAS,GAAGA,4BAAe,CAAC;IAC9B,UAAU,EAAE;QACR,WAAW,EAAE,UAAC,EAAc;gBAAZ,0BAAU;YAAO,QAAC,UAAU,GAAG,SAAS,GAAG,SAAS;SAAC;QACrE,eAAe,EAAE,UAAC,EAAc;gBAAZ,0BAAU;YAAO,QAAC,UAAU,GAAG,SAAS,GAAG,SAAS;SAAC;QACzE,KAAK,EAAE;YACH,KAAK,EAAE,UAAC,EAAc;oBAAZ,0BAAU;gBAAO,QAAC,UAAU,GAAG,SAAS,GAAG,SAAS;aAAC;;YAE/D,IAAI,EAAE,UAAC,EAAc;oBAAZ,0BAAU;gBAAO,QAAC,UAAU,GAAG,SAAS,GAAG,SAAS;aAAC;SACjE;KACJ;CACJ,CAAC,CAAC;IAEG,SAAS,GAAyB,UAAC,EAA0E;QAAxE,UAAE,EAAE,0BAAU,EAAE,0BAAU,EAAE,4BAAW,EAAE,wCAAiB,EAAE,0BAAU;IACtG,IAAA,sCAAC,CAAqB;IAC7B,IAAM,OAAO,GAAG,SAAS,CAAC,EAAE,UAAU,YAAA,EAAE,CAAC,CAAC;IAE1C,QACIC,mDAAO,OAAO,EAAE,EAAE,EAAE,MAAM,EAAE,UAAU,EAAE,UAAU,EAAE,UAAU,EAAE,WAAW,EAAE,WAAW;QACpFA,iDAAK,SAAS,EAAKC,sBAAM,CAACC,sBAAW,CAAC,UAAU,CAAC,SAAI,OAAO,CAAC,UAAY;YACrEF,wCAACG,sBAAU,IAAC,SAAS,EAAEF,sBAAM,CAACC,sBAAW,CAAC,oBAAoB,CAAC,GAAI;YACnEF,iDAAK,SAAS,EAAEC,sBAAM,CAACC,sBAAW,CAAC,qBAAqB,CAAC;gBACpD,CAAC,CAAC,qBAAqB,CAAC;;gBAAI,CAAC,CAAC,QAAQ,CAAC;;gBAAG,iBAAiB,CAAC,IAAI,CAAC,IAAI,CAAC;oBACrE,CACJ,CACF,EACV;AACN;;;;"}

package/build/cjs/src/components/file_picker/components/selected_file_preview.js

@@ -1,26 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var React = require('react');
-var useTranslation = require('../../../../node_modules/react-i18next/dist/es/useTranslation.js');
-var main_module = require('../../../css/file_picker/main.module.less.js');
-var icon_delete = require('../../../assets/icon_delete.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 SelectedFilePreview = function (_a) {
-    var file = _a.file, isPreview = _a.isPreview, onPreviewError = _a.onPreviewError, onFileDelete = _a.onFileDelete;
-    var t = useTranslation.useTranslation()[0];
-    return (React__default['default'].createElement("div", { className: main_module['default'][css_classes['default'].filePicker] },
-        isPreview ? (React__default['default'].createElement("img", { alt: "", src: (file === null || file === void 0 ? void 0 : file.fileUrl) || '', onError: onPreviewError, className: main_module['default'][css_classes['default'].filePickerImagePreview] })) : (React__default['default'].createElement("div", null, t('No preview'))),
-        React__default['default'].createElement("div", { className: main_module['default'][css_classes['default'].filePickerSelectedFile] },
-            React__default['default'].createElement("p", { className: main_module['default'][css_classes['default'].filePickerSelectedFileDescription] }, file === null || file === void 0 ? void 0 : file.fileName),
-            React__default['default'].createElement(icon_delete['default'], { className: main_module['default'][css_classes['default'].filePickerDeleteIcon], onClick: onFileDelete }))));
-};
-
-exports.default = SelectedFilePreview;
-//# sourceMappingURL=selected_file_preview.js.map

package/build/cjs/src/components/file_picker/components/selected_file_preview.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"selected_file_preview.js","sources":["../../../../../../src/components/file_picker/components/selected_file_preview.tsx"],"sourcesContent":["import React from 'react';\nimport styles from '@css/file_picker/main.module.less';\nimport IconDelete from '@assets/icon_delete';\nimport CSS_CLASSES from '../css_classes';\nimport { ISelectedFilePreview } from '@components/file_picker/types';\nimport { useTranslation } from 'react-i18next';\n\nconst SelectedFilePreview: React.FC<ISelectedFilePreview> = ({ file, isPreview, onPreviewError, onFileDelete }) => {\n    const [t] = useTranslation();\n\n    return (\n        <div className={styles[CSS_CLASSES.filePicker]}>\n            {isPreview ? (\n                <img alt=\"\" src={file?.fileUrl || ''} onError={onPreviewError} className={styles[CSS_CLASSES.filePickerImagePreview]} />\n            ) : (\n                <div>{t('No preview')}</div>\n            )}\n            <div className={styles[CSS_CLASSES.filePickerSelectedFile]}>\n                <p className={styles[CSS_CLASSES.filePickerSelectedFileDescription]}>{file?.fileName}</p>\n                <IconDelete className={styles[CSS_CLASSES.filePickerDeleteIcon]} onClick={onFileDelete} />\n            </div>\n        </div>\n    );\n};\n\nexport default SelectedFilePreview;\n"],"names":["React","styles","CSS_CLASSES","IconDelete"],"mappings":";;;;;;;;;;;;;;IAOM,mBAAmB,GAAmC,UAAC,EAAiD;QAA/C,cAAI,EAAE,wBAAS,EAAE,kCAAc,EAAE,8BAAY;IACjG,IAAA,sCAAC,CAAqB;IAE7B,QACIA,iDAAK,SAAS,EAAEC,sBAAM,CAACC,sBAAW,CAAC,UAAU,CAAC;QACzC,SAAS,IACNF,iDAAK,GAAG,EAAC,EAAE,EAAC,GAAG,EAAE,CAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,OAAO,KAAI,EAAE,EAAE,OAAO,EAAE,cAAc,EAAE,SAAS,EAAEC,sBAAM,CAACC,sBAAW,CAAC,sBAAsB,CAAC,GAAI,KAExHF,qDAAM,CAAC,CAAC,YAAY,CAAC,CAAO,CAC/B;QACDA,iDAAK,SAAS,EAAEC,sBAAM,CAACC,sBAAW,CAAC,sBAAsB,CAAC;YACtDF,+CAAG,SAAS,EAAEC,sBAAM,CAACC,sBAAW,CAAC,iCAAiC,CAAC,IAAG,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,QAAQ,CAAK;YACzFF,wCAACG,sBAAU,IAAC,SAAS,EAAEF,sBAAM,CAACC,sBAAW,CAAC,oBAAoB,CAAC,EAAE,OAAO,EAAE,YAAY,GAAI,CACxF,CACJ,EACR;AACN;;;;"}

package/build/cjs/src/components/file_picker/css_classes.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"css_classes.js","sources":["../../../../../src/components/file_picker/css_classes.ts"],"sourcesContent":["export default {\n    filePicker: 'file-picker',\n    filePickerDescription: 'file-picker__description',\n    filePickerImagePreview: 'file-picker__image-preview',\n    filePickerUploadIcon: 'file-picker__upload-icon',\n    filePickerDeleteIcon: 'file-picker__delete-icon',\n    filePickerInput: 'file-picker__input',\n    filePickerSelectedFile: 'file-picker__selected-file',\n    filePickerSelectedFileDescription: 'file-picker__selected-file-description',\n};\n"],"names":[],"mappings":";;;;AAAA,kBAAe;IACX,UAAU,EAAE,aAAa;IACzB,qBAAqB,EAAE,0BAA0B;IACjD,sBAAsB,EAAE,4BAA4B;IACpD,oBAAoB,EAAE,0BAA0B;IAChD,oBAAoB,EAAE,0BAA0B;IAChD,eAAe,EAAE,oBAAoB;IACrC,sBAAsB,EAAE,4BAA4B;IACpD,iCAAiC,EAAE,wCAAwC;CAC9E;;;;"}

package/build/cjs/src/components/file_picker/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sources":["../../../../../src/components/file_picker/index.tsx"],"sourcesContent":["import React from 'react';\nimport styles from '@css/file_picker/main.module.less';\nimport SelectedFilePreview from '@components/file_picker/components/selected_file_preview';\nimport CSS_CLASSES from './css_classes';\nimport FileInput from '@components/file_picker/components/file_input';\nimport { useFilePicker } from '@components/file_picker/use_file_picker';\nimport { IFilePicker } from '@components/file_picker/types';\n\nconst FilePicker: React.FC<IFilePicker> = ({ id, onChange, allowedExtensions = ['JPG', 'PNG', 'GIF'], initialFile, name, className = '' }) => {\n    const { onDropFile, onFileChange, onDragOver, onDragLeave, onFileDelete, onPreviewError, file, isPreview, isDragOver } = useFilePicker({\n        initialFile,\n        onChange,\n    });\n\n    return (\n        <div className={className}>\n            {file ? (\n                <SelectedFilePreview file={file} onFileDelete={onFileDelete} onPreviewError={onPreviewError} isPreview={isPreview} />\n            ) : (\n                <FileInput\n                    onDragLeave={onDragLeave}\n                    onDragOver={onDragOver}\n                    isDragOver={isDragOver}\n                    allowedExtensions={allowedExtensions}\n                    id={id}\n                    onDropFile={onDropFile}\n                />\n            )}\n            <input onChange={onFileChange} id={id} type=\"file\" name={name} className={styles[CSS_CLASSES.filePickerInput]} />\n        </div>\n    );\n};\n\nexport default FilePicker;\n"],"names":["React","SelectedFilePreview","FileInput","styles","CSS_CLASSES"],"mappings":";;;;;;;;;;;;;;;IAQM,UAAU,GAA0B,UAAC,EAA8F;QAA5F,UAAE,EAAE,sBAAQ,EAAE,yBAAyC,EAAzC,8DAAyC,EAAE,4BAAW,EAAE,cAAI,EAAE,iBAAc,EAAd,mCAAc;IAC7H,IAAA;;;MAGJ,EAHM,0BAAU,EAAE,8BAAY,EAAE,0BAAU,EAAE,4BAAW,EAAE,8BAAY,EAAE,kCAAc,EAAE,cAAI,EAAE,wBAAS,EAAE,0BAGxG,CAAC;IAEH,QACIA,iDAAK,SAAS,EAAE,SAAS;QACpB,IAAI,IACDA,wCAACC,gCAAmB,IAAC,IAAI,EAAE,IAAI,EAAE,YAAY,EAAE,YAAY,EAAE,cAAc,EAAE,cAAc,EAAE,SAAS,EAAE,SAAS,GAAI,KAErHD,wCAACE,qBAAS,IACN,WAAW,EAAE,WAAW,EACxB,UAAU,EAAE,UAAU,EACtB,UAAU,EAAE,UAAU,EACtB,iBAAiB,EAAE,iBAAiB,EACpC,EAAE,EAAE,EAAE,EACN,UAAU,EAAE,UAAU,GACxB,CACL;QACDF,mDAAO,QAAQ,EAAE,YAAY,EAAE,EAAE,EAAE,EAAE,EAAE,IAAI,EAAC,MAAM,EAAC,IAAI,EAAE,IAAI,EAAE,SAAS,EAAEG,sBAAM,CAACC,sBAAW,CAAC,eAAe,CAAC,GAAI,CAC/G,EACR;AACN;;;;"}

package/build/cjs/src/components/file_picker/use_file_picker.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"use_file_picker.js","sources":["../../../../../src/components/file_picker/use_file_picker.ts"],"sourcesContent":["import React, { ChangeEvent, useEffect, useState } from 'react';\nimport { IUseFilePicker, IUseFilePickerProps, TFilePickerFile } from '@components/file_picker/types';\n\nexport const useFilePicker = ({ onChange, initialFile }: IUseFilePickerProps): IUseFilePicker => {\n    const [file, setFile] = useState<TFilePickerFile | null>(initialFile || null);\n    const [isDragOver, setDragOver] = useState<boolean>(false);\n    const [isPreview, setPreview] = useState<boolean>(true);\n\n    useEffect(() => {\n        if (initialFile) {\n            setFile(initialFile);\n        }\n    }, [initialFile]);\n\n    const onDropFile = (event: React.DragEvent<HTMLLabelElement>) => {\n        event.stopPropagation();\n        event.preventDefault();\n        const {\n            dataTransfer: { files },\n        } = event;\n        setDragOver(false);\n        updateFile(files);\n    };\n\n    const onFileChange = ({ target: { files } }: ChangeEvent<HTMLInputElement>) => {\n        updateFile(files);\n    };\n\n    const updateFile = (files: FileList | null) => {\n        if (files) {\n            setFile({\n                fileName: files?.[0].name,\n                fileUrl: URL.createObjectURL(files?.[0]),\n            });\n        } else {\n            setFile(null);\n        }\n\n        setPreview(true);\n        onChange?.(files);\n    };\n\n    const onDragOver = (event: React.DragEvent<HTMLLabelElement>) => {\n        event.stopPropagation();\n        event.preventDefault();\n        event.dataTransfer.dropEffect = 'copy';\n        if (!isDragOver) {\n            setDragOver(true);\n        }\n    };\n\n    const onDragLeave = () => {\n        setDragOver(false);\n    };\n\n    const onFileDelete = () => {\n        setFile(null);\n        setPreview(true);\n        onChange?.(null);\n    };\n\n    const onPreviewError = () => {\n        setPreview(false);\n    };\n\n    return {\n        onDropFile,\n        onFileChange,\n        onDragOver,\n        onDragLeave,\n        onFileDelete,\n        onPreviewError,\n        file,\n        isPreview,\n        isDragOver,\n    };\n};\n"],"names":["useEffect"],"mappings":";;;;;;IAGa,aAAa,GAAG,UAAC,EAA8C;QAA5C,sBAAQ,EAAE,4BAAW;IAC3C,IAAA,wCAAuE,EAAtE,YAAI,EAAE,eAAgE,CAAC;IACxE,IAAA,0BAAoD,EAAnD,kBAAU,EAAE,mBAAuC,CAAC;IACrD,IAAA,yBAAiD,EAAhD,iBAAS,EAAE,kBAAqC,CAAC;IAExDA,eAAS,CAAC;QACN,IAAI,WAAW,EAAE;YACb,OAAO,CAAC,WAAW,CAAC,CAAC;SACxB;KACJ,EAAE,CAAC,WAAW,CAAC,CAAC,CAAC;IAElB,IAAM,UAAU,GAAG,UAAC,KAAwC;QACxD,KAAK,CAAC,eAAe,EAAE,CAAC;QACxB,KAAK,CAAC,cAAc,EAAE,CAAC;QAEH,IAAA,gCAAK,CACf;QACV,WAAW,CAAC,KAAK,CAAC,CAAC;QACnB,UAAU,CAAC,KAAK,CAAC,CAAC;KACrB,CAAC;IAEF,IAAM,YAAY,GAAG,UAAC,EAAoD;YAAxC,uBAAK;QACnC,UAAU,CAAC,KAAK,CAAC,CAAC;KACrB,CAAC;IAEF,IAAM,UAAU,GAAG,UAAC,KAAsB;QACtC,IAAI,KAAK,EAAE;YACP,OAAO,CAAC;gBACJ,QAAQ,EAAE,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAG,CAAC,EAAE,IAAI;gBACzB,OAAO,EAAE,GAAG,CAAC,eAAe,CAAC,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAG,CAAC,EAAE;aAC3C,CAAC,CAAC;SACN;aAAM;YACH,OAAO,CAAC,IAAI,CAAC,CAAC;SACjB;QAED,UAAU,CAAC,IAAI,CAAC,CAAC;QACjB,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAG,KAAK,EAAE;KACrB,CAAC;IAEF,IAAM,UAAU,GAAG,UAAC,KAAwC;QACxD,KAAK,CAAC,eAAe,EAAE,CAAC;QACxB,KAAK,CAAC,cAAc,EAAE,CAAC;QACvB,KAAK,CAAC,YAAY,CAAC,UAAU,GAAG,MAAM,CAAC;QACvC,IAAI,CAAC,UAAU,EAAE;YACb,WAAW,CAAC,IAAI,CAAC,CAAC;SACrB;KACJ,CAAC;IAEF,IAAM,WAAW,GAAG;QAChB,WAAW,CAAC,KAAK,CAAC,CAAC;KACtB,CAAC;IAEF,IAAM,YAAY,GAAG;QACjB,OAAO,CAAC,IAAI,CAAC,CAAC;QACd,UAAU,CAAC,IAAI,CAAC,CAAC;QACjB,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAG,IAAI,EAAE;KACpB,CAAC;IAEF,IAAM,cAAc,GAAG;QACnB,UAAU,CAAC,KAAK,CAAC,CAAC;KACrB,CAAC;IAEF,OAAO;QACH,UAAU,YAAA;QACV,YAAY,cAAA;QACZ,UAAU,YAAA;QACV,WAAW,aAAA;QACX,YAAY,cAAA;QACZ,cAAc,gBAAA;QACd,IAAI,MAAA;QACJ,SAAS,WAAA;QACT,UAAU,YAAA;KACb,CAAC;AACN;;;;"}

package/build/cjs/src/components/flash_messenger/components/flash_message.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"flash_message.js","sources":["../../../../../../src/components/flash_messenger/components/flash_message.tsx"],"sourcesContent":["import React, { useEffect } from 'react';\nimport { CSSTransition } from 'react-transition-group';\nimport cssClasses from '@css/flash_message/main.module.less';\nimport { IFlashMessage } from '../types';\nimport { useFlashMessenger } from '../context';\nimport MessageBox from '@components/message-box';\nimport IconClose from '@assets/icon_close';\nimport Grid from '@components/grid';\n\nconst FlashMessage: React.FC<IFlashMessage> = ({ message }) => {\n    const { removeMessage, hideMessage } = useFlashMessenger();\n\n    useEffect(() => {\n        setTimeout(() => {\n            hideMessage(message.id);\n        }, message.timeout || 3000);\n    }, []);\n\n    return (\n        <CSSTransition\n            timeout={250}\n            in={message.isVisible}\n            onExited={() => removeMessage(message.id)}\n            classNames={{\n                enter: cssClasses['flash-messenger__list_enter'],\n                exitDone: cssClasses['flash-messenger__list_exit-done'],\n                exitActive: cssClasses['flash-messenger__list_exit-active'],\n            }}\n        >\n            <MessageBox type={message.type} className={`${cssClasses['flash-messenger__message']} ${cssClasses['flash-messenger__list-item']}`}>\n                <Grid size=\"full\">\n                    <Grid.Row>\n                        <Grid.Col auto=\"grow\">\n                            <div>{message.content}</div>\n                        </Grid.Col>\n                        <Grid.Col auto=\"auto\">\n                            <IconClose onClick={() => hideMessage(message.id)} className={cssClasses['flash-messenger__icon-close']} />\n                        </Grid.Col>\n                    </Grid.Row>\n                </Grid>\n            </MessageBox>\n        </CSSTransition>\n    );\n};\n\nexport default FlashMessage;\n"],"names":["useEffect","React","CSSTransition","cssClasses","MessageBox","Grid","IconClose"],"mappings":";;;;;;;;;;;;;;;;IASM,YAAY,GAA4B,UAAC,EAAW;QAAT,oBAAO;IAC9C,IAAA,gCAAoD,EAAlD,gCAAa,EAAE,4BAAmC,CAAC;IAE3DA,eAAS,CAAC;QACN,UAAU,CAAC;YACP,WAAW,CAAC,OAAO,CAAC,EAAE,CAAC,CAAC;SAC3B,EAAE,OAAO,CAAC,OAAO,IAAI,IAAI,CAAC,CAAC;KAC/B,EAAE,EAAE,CAAC,CAAC;IAEP,QACIC,wCAACC,kCAAa,IACV,OAAO,EAAE,GAAG,EACZ,EAAE,EAAE,OAAO,CAAC,SAAS,EACrB,QAAQ,EAAE,cAAM,OAAA,aAAa,CAAC,OAAO,CAAC,EAAE,CAAC,GAAA,EACzC,UAAU,EAAE;YACR,KAAK,EAAEC,sBAAU,CAAC,6BAA6B,CAAC;YAChD,QAAQ,EAAEA,sBAAU,CAAC,iCAAiC,CAAC;YACvD,UAAU,EAAEA,sBAAU,CAAC,mCAAmC,CAAC;SAC9D;QAEDF,wCAACG,gBAAU,IAAC,IAAI,EAAE,OAAO,CAAC,IAAI,EAAE,SAAS,EAAKD,sBAAU,CAAC,0BAA0B,CAAC,SAAIA,sBAAU,CAAC,4BAA4B,CAAG;YAC9HF,wCAACI,kBAAI,IAAC,IAAI,EAAC,MAAM;gBACbJ,wCAACI,kBAAI,CAAC,GAAG;oBACLJ,wCAACI,kBAAI,CAAC,GAAG,IAAC,IAAI,EAAC,MAAM;wBACjBJ,qDAAM,OAAO,CAAC,OAAO,CAAO,CACrB;oBACXA,wCAACI,kBAAI,CAAC,GAAG,IAAC,IAAI,EAAC,MAAM;wBACjBJ,wCAACK,qBAAS,IAAC,OAAO,EAAE,cAAM,OAAA,WAAW,CAAC,OAAO,CAAC,EAAE,CAAC,GAAA,EAAE,SAAS,EAAEH,sBAAU,CAAC,6BAA6B,CAAC,GAAI,CACpG,CACJ,CACR,CACE,CACD,EAClB;AACN;;;;"}

package/build/cjs/src/components/flash_messenger/components/flash_messages_list.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"flash_messages_list.js","sources":["../../../../../../src/components/flash_messenger/components/flash_messages_list.tsx"],"sourcesContent":["import React from 'react';\nimport cssClasses from '@css/flash_message/main.module.less';\nimport { CSSTransition, TransitionGroup } from 'react-transition-group';\nimport FlashMessage from '@components/flash_messenger/components/flash_message';\nimport { IFlashMessagesList } from '@components/flash_messenger/types';\n\nconst FlashMessagesList: React.FC<IFlashMessagesList> = ({ messages }) => (\n    <TransitionGroup className={cssClasses['flash-messenger']}>\n        {messages.map((message) => (\n            <CSSTransition\n                timeout={500}\n                key={message.id}\n                in={!!message}\n                classNames={{\n                    enter: cssClasses['flash-messenger__list_enter'],\n                    exitDone: cssClasses['flash-messenger__list_exit-done'],\n                    exitActive: cssClasses['flash-messenger__list_exit-active'],\n                }}\n            >\n                <FlashMessage message={message} key={message.id} />\n            </CSSTransition>\n        ))}\n    </TransitionGroup>\n);\n\nexport default FlashMessagesList;\n"],"names":["React","TransitionGroup","cssClasses","CSSTransition","FlashMessage"],"mappings":";;;;;;;;;;;;;IAMM,iBAAiB,GAAiC,UAAC,EAAY;QAAV,sBAAQ;IAAO,QACtEA,wCAACC,oCAAe,IAAC,SAAS,EAAEC,sBAAU,CAAC,iBAAiB,CAAC,IACpD,QAAQ,CAAC,GAAG,CAAC,UAAC,OAAO,IAAK,QACvBF,wCAACG,kCAAa,IACV,OAAO,EAAE,GAAG,EACZ,GAAG,EAAE,OAAO,CAAC,EAAE,EACf,EAAE,EAAE,CAAC,CAAC,OAAO,EACb,UAAU,EAAE;YACR,KAAK,EAAED,sBAAU,CAAC,6BAA6B,CAAC;YAChD,QAAQ,EAAEA,sBAAU,CAAC,iCAAiC,CAAC;YACvD,UAAU,EAAEA,sBAAU,CAAC,mCAAmC,CAAC;SAC9D;QAEDF,wCAACI,wBAAY,IAAC,OAAO,EAAE,OAAO,EAAE,GAAG,EAAE,OAAO,CAAC,EAAE,GAAI,CACvC,IACnB,CAAC,CACY;AAhBoD;;;;"}

package/build/cjs/src/components/flash_messenger/context.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"context.js","sources":["../../../../../src/components/flash_messenger/context.ts"],"sourcesContent":["import { createContext, useContext } from 'react';\n\nimport { IFlashMessengerContext } from './types';\n\nexport const FlashMessengerContext = createContext<IFlashMessengerContext | null>(null);\n\nexport const useFlashMessenger: () => IFlashMessengerContext = () => {\n    const context = useContext(FlashMessengerContext);\n\n    if (context === null) {\n        throw 'FlashMessengerContext is not provided';\n    }\n\n    return context;\n};\n"],"names":["createContext","useContext"],"mappings":";;;;;;IAIa,qBAAqB,GAAGA,mBAAa,CAAgC,IAAI,EAAE;IAE3E,iBAAiB,GAAiC;IAC3D,IAAM,OAAO,GAAGC,gBAAU,CAAC,qBAAqB,CAAC,CAAC;IAElD,IAAI,OAAO,KAAK,IAAI,EAAE;QAClB,MAAM,uCAAuC,CAAC;KACjD;IAED,OAAO,OAAO,CAAC;AACnB;;;;;"}