npm - @dreamcommerce/aurora - Versions diffs - 0.3.4-161 → 0.3.4-162 - Mend

@dreamcommerce/aurora 0.3.4-161 → 0.3.4-162

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1592) hide show

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 var React = require('react');
-var useTranslation = require('./../../../../../../dependencies/react-i18next/dist/es/useTranslation.js');
+var useTranslation = require('./../../../../../../external_dependencies/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');
@@ -35,7 +35,7 @@ var Content = function (_a) {
     var _c = React.useState({
         left: '0px',
         top: '0px',
-        zIndex: constants.DROPDOWN_Z_INDEX
+        zIndex: constants.DROPDOWN_Z_INDEX,
     }), styles = _c[0], setStyles = _c[1];
     var screenWidthName = use_screen_detect.useScreenDetect();
     var refs = [contentRef];
@@ -65,13 +65,12 @@ var Content = function (_a) {
             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']
+            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'] }),
+                    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);
 };

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

	@@ -1 +1 @@
1	- {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA,6BAA6B,~~0EAAwE~~;AACrG;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;~~AACA;~~"}
1	+ {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA,6BAA6B,mFAAwE;AACrG;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

package/build/cjs/packages/aurora/src/components/dropdown/hoc/multiselect/index.js CHANGED Viewed

@@ -43,11 +43,13 @@ var Multiple = function (_a) {
      */
     options = _a.options,
     /**
-     * array of default values (for select its always one element), array is used to be compatible with multiselects
+     * array of default values (for select its always one element),
+     * array is used to be compatible with multiselects
      */
     _b = _a.defaultValues,
     /**
-     * array of default values (for select its always one element), array is used to be compatible with multiselects
+     * array of default values (for select its always one element),
+     * array is used to be compatible with multiselects
      */
     defaultValues = _b === void 0 ? [] : _b,
     /**
@@ -67,11 +69,15 @@ var Multiple = function (_a) {
      */
     isDisabled = _d === void 0 ? false : _d,
     /**
-     * indicates if selects has groups (similiar to optgroup), options then have left-padding, and you should use options with isHeader set to true
+     * indicates if selects has groups (similiar to optgroup), options
+     * then have left-padding, and you should use options with isHeader
+     * set to true
      */
     _e = _a.isWithGroups,
     /**
-     * indicates if selects has groups (similiar to optgroup), options then have left-padding, and you should use options with isHeader set to true
+     * indicates if selects has groups (similiar to optgroup), options
+     * then have left-padding, and you should use options with isHeader
+     * set to true
      */
     isWithGroups = _e === void 0 ? false : _e,
     /**

package/build/cjs/packages/aurora/src/components/dropdown/hoc/multiselect/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"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;;;;"}
1	+ {"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),\n * 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\n * then have left-padding, and you should use options with isHeader\n * 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,EA0D9C;;;;;IAtDG,cAAI;;;;IAKJ,oBAAO;;;;;IAMP,qBAAkB;;;;;IAAlB,uCAAkB;;;;IAKlB,kBAAkB;;;;IAAlB,uCAAkB;;;;IAKlB,kBAAkB;;;;IAAlB,uCAAkB;;;;;;IAOlB,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/packages/aurora/src/components/dropdown/hoc/select/index.js CHANGED Viewed

@@ -43,11 +43,13 @@ var Select = function (_a) {
      */
     options = _a.options,
     /**
-     * array of default values (for select its always one element), array is used to be compatible with multiselects
+     * array of default values (for select its always one element), array is
+     * used to be compatible with multiselects
      */
     _b = _a.defaultValues,
     /**
-     * array of default values (for select its always one element), array is used to be compatible with multiselects
+     * array of default values (for select its always one element), array is
+     * used to be compatible with multiselects
      */
     defaultValues = _b === void 0 ? [] : _b,
     /**
@@ -67,11 +69,13 @@ var Select = function (_a) {
      */
     isDisabled = _d === void 0 ? false : _d,
     /**
-     * indicates if selects has groups (similar to optgroup), options then have left-padding, and you should use options with isHeader set to true
+     * indicates if selects has groups (similar to optgroup), options then have
+     * left-padding, and you should use options with isHeader set to true
      */
     _e = _a.isWithGroups,
     /**
-     * indicates if selects has groups (similar to optgroup), options then have left-padding, and you should use options with isHeader set to true
+     * indicates if selects has groups (similar to optgroup), options then have
+     * left-padding, and you should use options with isHeader set to true
      */
     isWithGroups = _e === void 0 ? false : _e,
     /**

package/build/cjs/packages/aurora/src/components/dropdown/hoc/select/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"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;;;;"}
1	+ {"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/*\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\n * 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\n * 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":";;;;;;;;;;;;;;;;;;AASA;;;;;;;;;;;;;;;;IAgBM,MAAM,GAA2B,UAAC,EA8DvC;;;;;IA1DG,cAAI;;;;IAKJ,oBAAO;;;;;IAMP,qBAAkB;;;;;IAAlB,uCAAkB;;;;IAKlB,kBAAkB;;;;IAAlB,uCAAkB;;;;IAKlB,kBAAkB;;;;IAAlB,uCAAkB;;;;;IAMlB,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/packages/aurora/src/components/dropdown/hooks/use_toggle.js CHANGED Viewed

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 var React = require('react');
-require('./../../../../../../dependencies/lodash/_root.js');
-require('./../../../../../../dependencies/lodash/_baseGetTag.js');
+require('./../../../../../../external_dependencies/lodash/_root.js');
+require('./../../../../../../external_dependencies/lodash/_baseGetTag.js');
 var use_effect_after_mount = require('../../../hooks/use_effect_after_mount.js');
 /**

package/build/cjs/packages/aurora/src/components/dropdown/hooks/use_toggle.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA,QAAQ,~~kDAAgD~~;AACxD,QAAQ,~~wDAAsD~~;AAC9D;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
1	+ {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA,QAAQ,2DAAgD;AACxD,QAAQ,iEAAsD;AAC9D;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

package/build/cjs/packages/aurora/src/components/dropdown/hooks/use_values.js CHANGED Viewed

@@ -6,8 +6,9 @@ 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
+ * 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
@@ -21,7 +22,8 @@ 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
+     * 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) {
@@ -43,8 +45,8 @@ function useValues(wrapperRef, options, defaultValues, onChangeCb) {
                     detail: {
                         selectedOption: selectedOption,
                         isChecked: isChecked,
-                        allSelectedOptions: allSelectedOptions
-                    }
+                        allSelectedOptions: allSelectedOptions,
+                    },
                 });
                 (_a = wrapperRef.current) === null || _a === void 0 ? void 0 : _a.dispatchEvent(event_1);
             }

package/build/cjs/packages/aurora/src/components/dropdown/hooks/use_values.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"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;;;;;;;;;;;;"}
1	+ {"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\n * selected/unselected You can use is for multiselect or any other form of control which needs multiple selectable\n * 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\n * 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;;;;;;;;;;;;;SAagB,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;;;;;;IAO5E,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/packages/aurora/src/components/dropdown/index.js CHANGED Viewed

@@ -23,7 +23,8 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 /**
- * Dropdown composition component. Provides several Dropdown dependant components which can be composed to create selects, multiselects or dropdowns.
+ * Dropdown composition component. Provides several Dropdown dependant components which can be composed to create
+ * selects, multiselects or dropdowns.
  *
  * @component
  * @example

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

	@@ -1 +1 @@
1	- {"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;;;;"}
1	+ {"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\n * 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;;;;;;;;;;;;;;;;;;;IAmBM,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/packages/aurora/src/components/dropdown/utilities.js CHANGED Viewed

@@ -16,7 +16,8 @@ var main_module$1 = require('../../css/modal/main.module.less.js');
  */
 var isSelected = function (option, selectedValues) { return selectedValues.indexOf(option) >= 0; };
 /**
- * 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
+ * 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
  * @param {ISelectOption} option - option that was clicked
  * @param {boolean} defaultCloseOnClick - determines if dropdown should hide after choosing option
  * @param {Function} setSelectedValues - selected values state setter
@@ -29,7 +30,8 @@ var handleItemClick = function (option, defaultCloseOnClick, setSelectedValues,
     }
 };
 /**
- * function called on keypress on Dropdown.Search control_input, filters dropdown options and sets new list with filtered results
+ * function called on keypress on Dropdown.Search control_input, filters dropdown options and sets new list with
+ * filtered results
  * @param {React.KeyboardEvent} ev react keyboard event
  * @param {Array<ISelectOption>} options list of dropdown options to filter
  * @param {Function} setOptionsList method to set new state of options list

package/build/cjs/packages/aurora/src/components/dropdown/utilities.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"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;;;;;;;;"}
1	+ {"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\n * 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\n * 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;;;;;;;;IAQa,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;;;;;;;;IAQa,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/packages/aurora/src/components/file_picker/components/file_input.js CHANGED Viewed

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 var React = require('react');
-var useTranslation = require('./../../../../../../dependencies/react-i18next/dist/es/useTranslation.js');
-var reactJss_esm = require('./../../../../../../dependencies/react-jss/dist/react-jss.esm.js');
+var useTranslation = require('./../../../../../../external_dependencies/react-i18next/dist/es/useTranslation.js');
+var reactJss_esm = require('./../../../../../../external_dependencies/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');

package/build/cjs/packages/aurora/src/components/file_picker/components/file_input.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA,6BAA6B,~~0EAAwE~~;AACrG,2BAA2B,~~kEAAgE~~;AAC3F;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
1	+ {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA,6BAA6B,mFAAwE;AACrG,2BAA2B,2EAAgE;AAC3F;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

package/build/cjs/packages/aurora/src/components/file_picker/components/selected_file_preview.js CHANGED Viewed

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 var React = require('react');
-var useTranslation = require('./../../../../../../dependencies/react-i18next/dist/es/useTranslation.js');
+var useTranslation = require('./../../../../../../external_dependencies/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');

package/build/cjs/packages/aurora/src/components/file_picker/components/selected_file_preview.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA,6BAA6B,~~0EAAwE~~;AACrG;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
1	+ {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA,6BAA6B,mFAAwE;AACrG;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

package/build/cjs/packages/aurora/src/components/gallery/constants.js CHANGED Viewed

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var GALLERY_MODE = {
     maxImage: 'maxImage',
     shortestEdge: 'shortestEdge',
-    fullScreen: 'fullScreen'
+    fullScreen: 'fullScreen',
 };
 var JS_CLASSES = {
     newGallery: 'js__gallery_new',
@@ -20,11 +20,11 @@ var JS_CLASSES = {
     copyLinkButton: 'js__gallery-copy-link',
     firstTemporaryContainer: 'js__gallery-temporary-image-container_first',
     lastTemporaryContainer: 'js__gallery-temporary-image-container_last',
-    close: ''
+    close: '',
 };
 var DIMENSIONS_TYPE = {
     initial: 'initial',
-    real: 'real'
+    real: 'real',
 };
 exports.DIMENSIONS_TYPE = DIMENSIONS_TYPE;

package/build/cjs/packages/aurora/src/components/gallery/constants.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"constants.js","sources":["../../../../../../../src/components/gallery/constants.ts"],"sourcesContent":["import { TMode, TJsSelectors, TDimensionsType } from './types';\n\nexport const GALLERY_MODE: Record<TMode, TMode> = {\n maxImage: 'maxImage',\n shortestEdge: 'shortestEdge',\n fullScreen: 'fullScreen'\n};\n\nexport const JS_CLASSES: Record<TJsSelectors, string> = {\n newGallery: 'js__gallery_new',\n anchorImage: 'js__gallery-anchor-image',\n image: 'js__gallery-image',\n selectedImageNumber: 'js__gallery-selected-image-number',\n imageDescription: 'js__gallery-image-description',\n previous: 'js__gallery-previous',\n next: 'js__gallery-next',\n images: 'js__gallery-images',\n imagesContainer: 'js__gallery-images-container',\n copyLinkButton: 'js__gallery-copy-link',\n firstTemporaryContainer: 'js__gallery-temporary-image-container_first',\n lastTemporaryContainer: 'js__gallery-temporary-image-container_last',\n close: ''\n};\n\nexport const DIMENSIONS_TYPE: Record<TDimensionsType, TDimensionsType> = {\n initial: 'initial',\n real: 'real'\n};\n"],"names":[],"mappings":";;;;IAEa,YAAY,GAAyB;IAC9C,QAAQ,EAAE,UAAU;IACpB,YAAY,EAAE,cAAc;IAC5B,UAAU,EAAE,YAAY;EAC1B;IAEW,UAAU,GAAiC;IACpD,UAAU,EAAE,iBAAiB;IAC7B,WAAW,EAAE,0BAA0B;IACvC,KAAK,EAAE,mBAAmB;IAC1B,mBAAmB,EAAE,mCAAmC;IACxD,gBAAgB,EAAE,+BAA+B;IACjD,QAAQ,EAAE,sBAAsB;IAChC,IAAI,EAAE,kBAAkB;IACxB,MAAM,EAAE,oBAAoB;IAC5B,eAAe,EAAE,8BAA8B;IAC/C,cAAc,EAAE,uBAAuB;IACvC,uBAAuB,EAAE,6CAA6C;IACtE,sBAAsB,EAAE,4CAA4C;IACpE,KAAK,EAAE,EAAE;EACX;IAEW,eAAe,GAA6C;IACrE,OAAO,EAAE,SAAS;IAClB,IAAI,EAAE,MAAM;;;;;;;"}
1	+ {"version":3,"file":"constants.js","sources":["../../../../../../../src/components/gallery/constants.ts"],"sourcesContent":["import { TMode, TJsSelectors, TDimensionsType } from './types';\n\nexport const GALLERY_MODE: Record<TMode, TMode> = {\n maxImage: 'maxImage',\n shortestEdge: 'shortestEdge',\n fullScreen: 'fullScreen',\n};\n\nexport const JS_CLASSES: Record<TJsSelectors, string> = {\n newGallery: 'js__gallery_new',\n anchorImage: 'js__gallery-anchor-image',\n image: 'js__gallery-image',\n selectedImageNumber: 'js__gallery-selected-image-number',\n imageDescription: 'js__gallery-image-description',\n previous: 'js__gallery-previous',\n next: 'js__gallery-next',\n images: 'js__gallery-images',\n imagesContainer: 'js__gallery-images-container',\n copyLinkButton: 'js__gallery-copy-link',\n firstTemporaryContainer: 'js__gallery-temporary-image-container_first',\n lastTemporaryContainer: 'js__gallery-temporary-image-container_last',\n close: '',\n};\n\nexport const DIMENSIONS_TYPE: Record<TDimensionsType, TDimensionsType> = {\n initial: 'initial',\n real: 'real',\n};\n"],"names":[],"mappings":";;;;IAEa,YAAY,GAAyB;IAC9C,QAAQ,EAAE,UAAU;IACpB,YAAY,EAAE,cAAc;IAC5B,UAAU,EAAE,YAAY;EAC1B;IAEW,UAAU,GAAiC;IACpD,UAAU,EAAE,iBAAiB;IAC7B,WAAW,EAAE,0BAA0B;IACvC,KAAK,EAAE,mBAAmB;IAC1B,mBAAmB,EAAE,mCAAmC;IACxD,gBAAgB,EAAE,+BAA+B;IACjD,QAAQ,EAAE,sBAAsB;IAChC,IAAI,EAAE,kBAAkB;IACxB,MAAM,EAAE,oBAAoB;IAC5B,eAAe,EAAE,8BAA8B;IAC/C,cAAc,EAAE,uBAAuB;IACvC,uBAAuB,EAAE,6CAA6C;IACtE,sBAAsB,EAAE,4CAA4C;IACpE,KAAK,EAAE,EAAE;EACX;IAEW,eAAe,GAA6C;IACrE,OAAO,EAAE,SAAS;IAClB,IAAI,EAAE,MAAM;;;;;;;"}

package/build/cjs/packages/aurora/src/components/gallery/index.js CHANGED Viewed

@@ -51,9 +51,9 @@ var Gallery = /** @class */ (function () {
                 copyLink: 'Skopiuj link do galerii',
                 picture: 'Zdjęcie',
                 copyLinkShortVersion: 'Skopiuj link',
-                copyLinkConfirmation: 'Skopiowano link'
+                copyLinkConfirmation: 'Skopiowano link',
             },
-            handleHistory: false
+            handleHistory: false,
         };
         this.imageAttributes = [];
         this.imageMarkups = [];
@@ -81,7 +81,7 @@ var Gallery = /** @class */ (function () {
             lastTemporaryContainer: "." + constants.JS_CLASSES.lastTemporaryContainer,
             bar: "." + main_module['default'][css_classes.cssGalleryBar],
             arrowContainer: "." + main_module['default'][css_classes.cssIconArrowContainer],
-            close: ''
+            close: '',
         };
         this.isFirstTemporaryContainerExist = false;
         this.isLastTemporaryContainerExist = false;
@@ -134,10 +134,10 @@ var Gallery = /** @class */ (function () {
         };
         this.addImageListeners = function (imageIndex, $image, $imageContainer) {
             var imageHammer = new Hammer__default['default']($image, {
-                inputClass: Hammer__default['default'].TouchInput
+                inputClass: Hammer__default['default'].TouchInput,
             });
             var imageContainerHammer = new Hammer__default['default']($imageContainer, {
-                inputClass: Hammer__default['default'].TouchInput
+                inputClass: Hammer__default['default'].TouchInput,
             });
             $image.addEventListener('touchend', function (ev) { return ev.preventDefault(); });
             imageHammer.get('pinch').set({ enable: true });
@@ -661,7 +661,7 @@ var Gallery = /** @class */ (function () {
                 transX: 0,
                 transY: 0,
                 scale: 1,
-                delta: 0
+                delta: 0,
             });
             if ($image.src === _this.options.initiallySelectedImageSrc) {
                 _this.selectedImageNumber = _this.imageAttributes.length;
@@ -1009,7 +1009,7 @@ var Gallery = /** @class */ (function () {
         var _b = this.getAvailableTranslate(width, height, containerHeight, translateX, translateY), availableTranslateX = _b.availableTranslateX, availableTranslateY = _b.availableTranslateY;
         return {
             translateX: availableTranslateX,
-            translateY: availableTranslateY
+            translateY: availableTranslateY,
         };
     };
     Gallery.prototype.getAvailableTranslate = function (imageWidth, imageHeight, containerHeight, translateX, translateY) {
@@ -1029,14 +1029,14 @@ var Gallery = /** @class */ (function () {
         }
         return {
             availableTranslateX: translateX,
-            availableTranslateY: translateY
+            availableTranslateY: translateY,
         };
     };
     Gallery.prototype.getImageClasses = function (imageIndex) {
         var classes = {
             maxWidthClass: '',
             maxHeightClass: '',
-            adjustedClass: ''
+            adjustedClass: '',
         };
         if (this.isTouchDevice || this.isFullScreenMode()) {
             classes.adjustedClass = main_module['default'][css_classes.cssGalleryImageAdjusted];