npm - @dreamcommerce/aurora - Versions diffs - 0.3.4-168 → 0.3.4-171 - Mend

@dreamcommerce/aurora 0.3.4-168 → 0.3.4-171

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 (91) hide show

package/build/cjs/src/components/button/index.js CHANGED Viewed

@@ -32,8 +32,9 @@ var classnames__default = /*#__PURE__*/_interopDefaultLegacy(classnames);
  */
 var Button = function (_a) {
     var _b;
-    var _c = _a.as, as = _c === void 0 ? 'button' : _c, size = _a.size, color = _a.color, variant = _a.variant, inactive = _a.inactive, props = _tslib.__rest(_a, ["as", "size", "color", "variant", "inactive"]);
+    var _c = _a.as, as = _c === void 0 ? 'button' : _c, size = _a.size, color = _a.color, variant = _a.variant, inactive = _a.inactive, _d = _a.className, className = _d === void 0 ? '' : _d, props = _tslib.__rest(_a, ["as", "size", "color", "variant", "inactive", "className"]);
     var buttonClassNames = classnames__default['default'](main_module['default'][css_classes.cssButton], (_b = {},
+        _b[className] = className,
         _b[main_module['default'][css_classes.cssButtonS]] = size,
         _b[main_module['default'][css_classes.cssButtonBg]] = !variant,
         _b[main_module['default'][css_classes.cssButtonOutline]] = variant === 'outline',

package/build/cjs/src/components/button/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","sources":["../../../../../src/components/button/index.tsx"],"sourcesContent":["import React from 'react';\n\nimport classnames from 'classnames';\nimport cssClasses from '@css/button/main.module.less';\n\nimport { IButtonProps } from './types';\nimport { cssButton, cssButtonOutline, cssButtonBg, cssButtonLink, cssButtonS, cssButtonSecondary, cssButtonInactive } from './css_classes';\nimport { buttonTypes } from './components';\n\n/*\n @component\n * @example\n * return (\n * <Button\n * size=\"small\"\n * variant=\"light\">\n * Text button\n * </Button>\n \n <Button\n * as=\"link\"\n * href=\"https://onet.pl\">\n * Text button\n * </Button>\n * )\n */\nconst Button: React.FC<IButtonProps> = ({ as = 'button', size, color, variant, inactive, ...props }): JSX.Element => {\n const buttonClassNames = classnames(cssClasses[cssButton], {\n [cssClasses[cssButtonS]]: size,\n [cssClasses[cssButtonBg]]: !variant,\n [cssClasses[cssButtonOutline]]: variant === 'outline',\n [cssClasses[cssButtonLink]]: variant === 'link',\n [cssClasses[cssButtonSecondary]]: color === 'secondary',\n [cssClasses[cssButtonInactive]]: inactive,\n });\n\n return buttonTypes[as].render(props, buttonClassNames);\n};\n\nexport default Button;\n"],"names":["classnames","cssClasses","cssButton","cssButtonS","cssButtonBg","cssButtonOutline","cssButtonLink","cssButtonSecondary","cssButtonInactive","buttonTypes"],"mappings":";;;;;;;;;;;;;;;AASA;;;;;;;;;;;;;;;;;IAiBM,MAAM,GAA2B,UAAC,~~EAA2D~~;;~~IAAzD~~,IAAA,UAAa,EAAb,kCAAa,EAAE,cAAI,EAAE,gBAAK,EAAE,oBAAO,EAAE,sBAAQ,EAAE,~~yEAAQ~~;~~IAC7F~~,IAAM,gBAAgB,GAAGA,8BAAU,CAACC,sBAAU,CAACC,qBAAS,CAAC;QACrD,GAACD,sBAAU,CAACE,sBAAU,CAAC,IAAG,IAAI;QAC9B,GAACF,sBAAU,CAACG,uBAAW,CAAC,IAAG,CAAC,OAAO;QACnC,GAACH,sBAAU,CAACI,4BAAgB,CAAC,IAAG,OAAO,KAAK,SAAS;QACrD,GAACJ,sBAAU,CAACK,yBAAa,CAAC,IAAG,OAAO,KAAK,MAAM;QAC/C,GAACL,sBAAU,CAACM,8BAAkB,CAAC,IAAG,KAAK,KAAK,WAAW;QACvD,GAACN,sBAAU,CAACO,6BAAiB,CAAC,IAAG,QAAQ;YAC3C,CAAC;IAEH,OAAOC,iBAAW,CAAC,EAAE,CAAC,CAAC,MAAM,CAAC,KAAK,EAAE,gBAAgB,CAAC,CAAC;AAC3D;;;;"}
1	+ {"version":3,"file":"index.js","sources":["../../../../../src/components/button/index.tsx"],"sourcesContent":["import React from 'react';\n\nimport classnames from 'classnames';\nimport cssClasses from '@css/button/main.module.less';\n\nimport { IButtonProps } from './types';\nimport { cssButton, cssButtonOutline, cssButtonBg, cssButtonLink, cssButtonS, cssButtonSecondary, cssButtonInactive } from './css_classes';\nimport { buttonTypes } from './components';\n\n/*\n @component\n * @example\n * return (\n * <Button\n * size=\"small\"\n * variant=\"light\">\n * Text button\n * </Button>\n \n <Button\n * as=\"link\"\n * href=\"https://onet.pl\">\n * Text button\n * </Button>\n * )\n */\nconst Button: React.FC<IButtonProps> = ({ as = 'button', size, color, variant, inactive, className = '', ...props }): JSX.Element => {\n const buttonClassNames = classnames(cssClasses[cssButton], {\n [className]: className,\n [cssClasses[cssButtonS]]: size,\n [cssClasses[cssButtonBg]]: !variant,\n [cssClasses[cssButtonOutline]]: variant === 'outline',\n [cssClasses[cssButtonLink]]: variant === 'link',\n [cssClasses[cssButtonSecondary]]: color === 'secondary',\n [cssClasses[cssButtonInactive]]: inactive,\n });\n\n return buttonTypes[as].render(props, buttonClassNames);\n};\n\nexport default Button;\n"],"names":["classnames","cssClasses","cssButton","cssButtonS","cssButtonBg","cssButtonOutline","cssButtonLink","cssButtonSecondary","cssButtonInactive","buttonTypes"],"mappings":";;;;;;;;;;;;;;;AASA;;;;;;;;;;;;;;;;;IAiBM,MAAM,GAA2B,UAAC,EAA2E;;IAAzE,IAAA,UAAa,EAAb,kCAAa,EAAE,cAAI,EAAE,gBAAK,EAAE,oBAAO,EAAE,sBAAQ,EAAE,iBAAc,EAAd,mCAAc,EAAE,sFAAQ;IAC7G,IAAM,gBAAgB,GAAGA,8BAAU,CAACC,sBAAU,CAACC,qBAAS,CAAC;QACrD,GAAC,SAAS,IAAG,SAAS;QACtB,GAACD,sBAAU,CAACE,sBAAU,CAAC,IAAG,IAAI;QAC9B,GAACF,sBAAU,CAACG,uBAAW,CAAC,IAAG,CAAC,OAAO;QACnC,GAACH,sBAAU,CAACI,4BAAgB,CAAC,IAAG,OAAO,KAAK,SAAS;QACrD,GAACJ,sBAAU,CAACK,yBAAa,CAAC,IAAG,OAAO,KAAK,MAAM;QAC/C,GAACL,sBAAU,CAACM,8BAAkB,CAAC,IAAG,KAAK,KAAK,WAAW;QACvD,GAACN,sBAAU,CAACO,6BAAiB,CAAC,IAAG,QAAQ;YAC3C,CAAC;IAEH,OAAOC,iBAAW,CAAC,EAAE,CAAC,CAAC,MAAM,CAAC,KAAK,EAAE,gBAAgB,CAAC,CAAC;AAC3D;;;;"}

package/build/cjs/src/components/controls/components/textarea.js CHANGED Viewed

@@ -21,7 +21,7 @@ var Textarea = function (_a) {
         _b[main_module['default'][css_classes.cssControlDisabled]] = disabled,
         _b[main_module['default'][css_classes.cssControlReadonly]] = readOnly,
         _b));
-    return (React__default['default'].createElement("textarea", _tslib.__assign({}, props, { className: inputClasses, id: id, name: name, defaultValue: value, placeholder: placeholder, disabled: disabled, readOnly: readOnly, onChange: onChange, onKeyPress: onKeyPress })));
+    return (React__default['default'].createElement("textarea", _tslib.__assign({}, props, { className: inputClasses, id: id, name: name, value: value, placeholder: placeholder, disabled: disabled, readOnly: readOnly, onChange: onChange, onKeyPress: onKeyPress })));
 };
 exports.default = Textarea;

package/build/cjs/src/components/controls/components/textarea.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"textarea.js","sources":["../../../../../../src/components/controls/components/textarea.tsx"],"sourcesContent":["import React from 'react';\nimport classnames from 'classnames';\n\nimport cssClasses from '@css/input/main.module.less';\nimport { ITextareaProps } from '../types';\nimport { cssControl, cssControlS, cssControlDisabled, cssControlReadonly } from '../css_classes';\n\nconst Textarea: React.FC<ITextareaProps> = ({\n id,\n name,\n padding,\n placeholder,\n value,\n disabled,\n readOnly,\n onChange,\n onKeyPress,\n ...props\n}): JSX.Element => {\n const inputClasses = classnames(cssClasses[cssControl], {\n [cssClasses[cssControlS]]: padding === 'small',\n [cssClasses[cssControlDisabled]]: disabled,\n [cssClasses[cssControlReadonly]]: readOnly,\n });\n\n return (\n <textarea\n {...props}\n className={inputClasses}\n id={id}\n name={name}\n ~~defaultValue~~={value}\n placeholder={placeholder}\n disabled={disabled}\n readOnly={readOnly}\n onChange={onChange}\n onKeyPress={onKeyPress}\n ></textarea>\n );\n};\n\nexport default Textarea;\n"],"names":["classnames","cssClasses","cssControl","cssControlS","cssControlDisabled","cssControlReadonly","React"],"mappings":";;;;;;;;;;;;;;;IAOM,QAAQ,GAA6B,UAAC,EAW3C;;IAVG,IAAA,UAAE,EACF,cAAI,EACJ,oBAAO,EACP,4BAAW,EACX,gBAAK,EACL,sBAAQ,EACR,sBAAQ,EACR,sBAAQ,EACR,0BAAU,EACV,8HAAQ;IAER,IAAM,YAAY,GAAGA,8BAAU,CAACC,sBAAU,CAACC,sBAAU,CAAC;QAClD,GAACD,sBAAU,CAACE,uBAAW,CAAC,IAAG,OAAO,KAAK,OAAO;QAC9C,GAACF,sBAAU,CAACG,8BAAkB,CAAC,IAAG,QAAQ;QAC1C,GAACH,sBAAU,CAACI,8BAAkB,CAAC,IAAG,QAAQ;YAC5C,CAAC;IAEH,QACIC,wEACQ,KAAK,IACT,SAAS,EAAE,YAAY,EACvB,EAAE,EAAE,EAAE,EACN,IAAI,EAAE,IAAI,EACV,~~YAAY~~,EAAE,KAAK,~~EACnB~~,WAAW,EAAE,WAAW,EACxB,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,UAAU,EAAE,UAAU,IACd,EACd;AACN;;;;"}
1	+ {"version":3,"file":"textarea.js","sources":["../../../../../../src/components/controls/components/textarea.tsx"],"sourcesContent":["import React from 'react';\nimport classnames from 'classnames';\n\nimport cssClasses from '@css/input/main.module.less';\nimport { ITextareaProps } from '../types';\nimport { cssControl, cssControlS, cssControlDisabled, cssControlReadonly } from '../css_classes';\n\nconst Textarea: React.FC<ITextareaProps> = ({\n id,\n name,\n padding,\n placeholder,\n value,\n disabled,\n readOnly,\n onChange,\n onKeyPress,\n ...props\n}): JSX.Element => {\n const inputClasses = classnames(cssClasses[cssControl], {\n [cssClasses[cssControlS]]: padding === 'small',\n [cssClasses[cssControlDisabled]]: disabled,\n [cssClasses[cssControlReadonly]]: readOnly\n });\n\n return (\n <textarea\n {...props}\n className={inputClasses}\n id={id}\n name={name}\n value={value}\n placeholder={placeholder}\n disabled={disabled}\n readOnly={readOnly}\n onChange={onChange}\n onKeyPress={onKeyPress}\n ></textarea>\n );\n};\n\nexport default Textarea;\n"],"names":["classnames","cssClasses","cssControl","cssControlS","cssControlDisabled","cssControlReadonly","React"],"mappings":";;;;;;;;;;;;;;;IAOM,QAAQ,GAA6B,UAAC,EAW3C;;IAVG,IAAA,UAAE,EACF,cAAI,EACJ,oBAAO,EACP,4BAAW,EACX,gBAAK,EACL,sBAAQ,EACR,sBAAQ,EACR,sBAAQ,EACR,0BAAU,EACV,8HAAQ;IAER,IAAM,YAAY,GAAGA,8BAAU,CAACC,sBAAU,CAACC,sBAAU,CAAC;QAClD,GAACD,sBAAU,CAACE,uBAAW,CAAC,IAAG,OAAO,KAAK,OAAO;QAC9C,GAACF,sBAAU,CAACG,8BAAkB,CAAC,IAAG,QAAQ;QAC1C,GAACH,sBAAU,CAACI,8BAAkB,CAAC,IAAG,QAAQ;YAC5C,CAAC;IAEH,QACIC,wEACQ,KAAK,IACT,SAAS,EAAE,YAAY,EACvB,EAAE,EAAE,EAAE,EACN,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK,EACZ,WAAW,EAAE,WAAW,EACxB,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,UAAU,EAAE,UAAU,IACd,EACd;AACN;;;;"}

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

@@ -8,6 +8,7 @@ var index = require('../context/index.js');
 var responsive_breakpoints = require('../../../constants/responsive_breakpoints.js');
 var use_screen_detect = require('../../../hooks/use_screen_detect.js');
 var main_module$1 = require('../../../css/icons/main.module.less.js');
+var classNames = require('../../../utilities/styles/classNames.js');
 var main_module = require('../../../css/dropdown/main.module.less.js');
 var use_click_outside = require('../../../hooks/use_click_outside.js');
 var reactDom = require('react-dom');
@@ -28,15 +29,16 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
  * <Dropdown.Content> ... </Dropdown.Content>
  */
 var Content = function (_a) {
-    var headerComponent = _a.headerComponent, headerGoBackText = _a.headerGoBackText, headerGoBackIcon = _a.headerGoBackIcon, children = _a.children, portalContainer = _a.portalContainer;
+    var headerComponent = _a.headerComponent, headerGoBackText = _a.headerGoBackText, headerGoBackIcon = _a.headerGoBackIcon, children = _a.children, _b = _a.arrowSide, arrowSide = _b === void 0 ? 'left' : _b, portalContainer = _a.portalContainer;
     var t = useTranslation.useTranslation()[0];
     var contentRef = React.useRef(null);
-    var _b = index.useDropdownContext(), wrapperRef = _b.wrapperRef, toggleDropdown = _b.toggleDropdown, isOpen = _b.isOpen;
-    var _c = React.useState({
+    var _c = index.useDropdownContext(), wrapperRef = _c.wrapperRef, toggleDropdown = _c.toggleDropdown, isOpen = _c.isOpen;
+    var _d = React.useState({
         left: '0px',
         top: '0px',
         zIndex: constants.DROPDOWN_Z_INDEX,
-    }), styles = _c[0], setStyles = _c[1];
+    }), styles = _d[0], setStyles = _d[1];
+    var contentClassName = classNames.classNames([css_classes.cssDropdownContent, arrowSide === 'right' && css_classes.cssDropdownContentRight], main_module['default']);
     var screenWidthName = use_screen_detect.useScreenDetect();
     var refs = [contentRef];
     if (wrapperRef) {
@@ -67,7 +69,7 @@ var Content = function (_a) {
             exit: main_module['default']['dropdown-exit'],
             exitActive: main_module['default']['dropdown-exit-active'],
         } },
-        React__default['default'].createElement("div", { ref: contentRef, style: styles, className: main_module['default'][css_classes.cssDropdownContent] },
+        React__default['default'].createElement("div", { ref: contentRef, style: styles, className: contentClassName },
             React__default['default'].createElement("div", { className: main_module['default'][css_classes.cssDropdownHeader] },
                 React__default['default'].createElement("div", { onClick: function () { return typeof toggleDropdown === 'function' && toggleDropdown(); } }, headerComponent !== null && headerComponent !== void 0 ? headerComponent : (React__default['default'].createElement("div", { className: main_module['default'][css_classes.cssDropdownHeaderContent] },
                     headerGoBackIcon || React__default['default'].createElement(icon_arrow['default'], { className: main_module$1['default']['icon_rotate-180'] }),

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

	@@ -1 +1 @@
1	- {"version":3,"file":"content.js","sources":["../../../../../../src/components/dropdown/components/content.tsx"],"sourcesContent":["import React, { useRef, useState, useEffect } from 'react';\nimport { createPortal } from 'react-dom';\nimport { TransitionGroup, CSSTransition } from 'react-transition-group';\nimport { useTranslation } from 'react-i18next';\n\nimport { IDropdownContentProps } from '../types';\nimport { IDropdownContext } from '../context/types';\nimport { useDropdownContext } from '../context';\nimport { useClickOutside, useScreenDetect } from '../../../hooks';\nimport { SCREEN_XS } from '@constants/responsive_breakpoints';\n\nimport { cssDropdownContent, cssDropdownHeader, cssDropdownHeaderTitle, cssDropdownHeaderContent } from '../css_classes';\nimport cssClasses from '@css/dropdown/main.module.less';\nimport iconCssClasses from '@css/icons/main.module.less';\nimport IconArrow from '@assets/icon_arrow';\nimport { getXYModifiersForNestedDropdowns, isChildOfModal } from '../utilities';\nimport { DROPDOWN_ON_MODAL_Z_INDEX, DROPDOWN_Z_INDEX } from '@components/dropdown/constants';\n\n/*\n Dropdown.Content component. This togglable part of dropdown.\n * @component\n * @example\n * <Dropdown.Content> ... </Dropdown.Content>\n */\nconst Content: React.FC<IDropdownContentProps> = ({ headerComponent, headerGoBackText, headerGoBackIcon, children, portalContainer }) => {\n const [t] = useTranslation();\n const contentRef = useRef<HTMLDivElement>(null);\n const { wrapperRef, toggleDropdown, isOpen }: IDropdownContext = useDropdownContext();\n const [styles, setStyles] = useState({\n left: '0px',\n top: '0px',\n zIndex: DROPDOWN_Z_INDEX,\n });\n const screenWidthName = useScreenDetect();\n\n const refs = [contentRef];\n if (wrapperRef) {\n refs.push(wrapperRef);\n }\n\n useClickOutside(refs, () => {\n if (typeof toggleDropdown === 'function') {\n toggleDropdown();\n }\n });\n\n useEffect(() => {\n if (wrapperRef?.current) {\n const { x, y, height } = wrapperRef.current.getBoundingClientRect();\n const yOffset = 10;\n\n const { xModifier, yModifier } = getXYModifiersForNestedDropdowns(portalContainer?.current);\n const positionTop = height + y + yOffset - yModifier;\n const positionLeft = x - xModifier;\n const isInModal = isChildOfModal(wrapperRef);\n const zIndex = isInModal ? DROPDOWN_ON_MODAL_Z_INDEX : DROPDOWN_Z_INDEX;\n\n screenWidthName === SCREEN_XS\n ? setStyles({ top: `0px`, left: `0px`, zIndex })\n : setStyles({ top: `${positionTop}px`, left: `${positionLeft}px`, zIndex });\n }\n }, [portalContainer, screenWidthName, wrapperRef, isOpen]);\n\n return createPortal(\n <TransitionGroup component={null}>\n {isOpen === true ? (\n <CSSTransition\n timeout={200}\n classNames={{\n enter: cssClasses['dropdown-enter'],\n enterActive: cssClasses['dropdown-enter-active'],\n exit: cssClasses['dropdown-exit'],\n exitActive: cssClasses['dropdown-exit-active'],\n }}\n >\n <div ref={contentRef} style={styles} className={~~cssClasses[cssDropdownContent]~~}>\n <div className={cssClasses[cssDropdownHeader]}>\n <div onClick={() => typeof toggleDropdown === 'function' && toggleDropdown()}>\n {headerComponent ?? (\n <div className={cssClasses[cssDropdownHeaderContent]}>\n {headerGoBackIcon \|\| <IconArrow className={iconCssClasses['icon_rotate-180']} />}\n <span className={cssClasses[cssDropdownHeaderTitle]}>{headerGoBackText ?? t('Go back')}</span>\n </div>\n )}\n </div>\n </div>\n {children}\n </div>\n </CSSTransition>\n ) : null}\n </TransitionGroup>,\n portalContainer?.current \|\| document.body\n );\n};\n\nexport default Content;\n"],"names":["useRef","useScreenDetect","useClickOutside","useEffect","isChildOfModal","DROPDOWN_ON_MODAL_Z_INDEX","DROPDOWN_Z_INDEX","SCREEN_XS","createPortal","React","TransitionGroup","CSSTransition","~~cssClasses","cssDropdownContent","~~cssDropdownHeader","cssDropdownHeaderContent","IconArrow","iconCssClasses","cssDropdownHeaderTitle"],"mappings":"~~;;;;;;;;;;;;;;;;;;;;;;;AAkBA~~;;;;;;IAMM,OAAO,GAAoC,UAAC,~~EAAkF~~;~~QAAhF~~,oCAAe,~~EAAE~~,sCAAgB,~~EAAE~~,sCAAgB,~~EAAE~~,sBAAQ,~~EAAE~~,oCAAe;~~IACvH~~,IAAA,sCAAC,CAAqB;IAC7B,IAAM,UAAU,GAAGA,YAAM,CAAiB,IAAI,CAAC,CAAC;IAC1C,IAAA,+BAA+E,EAA7E,0BAAU,EAAE,kCAAc,EAAE,kBAAiD,CAAC;IAChF,IAAA;;;;MAIJ,EAJK,cAAM,EAAE,iBAIb,CAAC;IACH,IAAM,eAAe,GAAGC,iCAAe,EAAE,CAAC;IAE1C,IAAM,IAAI,GAAG,CAAC,UAAU,CAAC,CAAC;IAC1B,IAAI,UAAU,EAAE;QACZ,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;KACzB;IAEDC,iCAAe,CAAC,IAAI,EAAE;QAClB,IAAI,OAAO,cAAc,KAAK,UAAU,EAAE;YACtC,cAAc,EAAE,CAAC;SACpB;KACJ,CAAC,CAAC;IAEHC,eAAS,CAAC;QACN,IAAI,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,OAAO,EAAE;YACf,IAAA,+CAA6D,EAA3D,QAAC,EAAE,QAAC,EAAE,kBAAqD,CAAC;YACpE,IAAM,OAAO,GAAG,EAAE,CAAC;YAEb,IAAA,0IAAqF,EAAnF,wBAAS,EAAE,wBAAwE,CAAC;YAC5F,IAAM,WAAW,GAAG,MAAM,GAAG,CAAC,GAAG,OAAO,GAAG,SAAS,CAAC;YACrD,IAAM,YAAY,GAAG,CAAC,GAAG,SAAS,CAAC;YACnC,IAAM,SAAS,GAAGC,wBAAc,CAAC,UAAU,CAAC,CAAC;YAC7C,IAAM,MAAM,GAAG,SAAS,GAAGC,mCAAyB,GAAGC,0BAAgB,CAAC;YAExE,eAAe,KAAKC,gCAAS;kBACvB,SAAS,CAAC,EAAE,GAAG,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,QAAA,EAAE,CAAC;kBAC9C,SAAS,CAAC,EAAE,GAAG,EAAK,WAAW,OAAI,EAAE,IAAI,EAAK,YAAY,OAAI,EAAE,MAAM,QAAA,EAAE,CAAC,CAAC;SACnF;KACJ,EAAE,CAAC,eAAe,EAAE,eAAe,EAAE,UAAU,EAAE,MAAM,CAAC,CAAC,CAAC;IAE3D,OAAOC,qBAAY,CACfC,wCAACC,oCAAe,IAAC,SAAS,EAAE,IAAI,IAC3B,MAAM,KAAK,IAAI,IACZD,wCAACE,kCAAa,IACV,OAAO,EAAE,GAAG,EACZ,UAAU,EAAE;YACR,KAAK,~~EAAEC~~,sBAAU,CAAC,gBAAgB,CAAC;YACnC,WAAW,EAAEA,sBAAU,CAAC,uBAAuB,CAAC;YAChD,IAAI,EAAEA,sBAAU,CAAC,eAAe,CAAC;YACjC,UAAU,EAAEA,sBAAU,CAAC,sBAAsB,CAAC;SACjD;~~QAEDH~~,iDAAK,GAAG,EAAE,UAAU,EAAE,KAAK,EAAE,MAAM,EAAE,SAAS,~~EAAEG~~,~~sBAAU,CAACC,8BAAkB,CAAC~~;~~YAC1EJ~~,iDAAK,SAAS,~~EAAEG~~,sBAAU,~~CAACE~~,6BAAiB,CAAC;~~gBACzCL~~,iDAAK,OAAO,EAAE,cAAM,OAAA,OAAO,cAAc,KAAK,UAAU,IAAI,cAAc,EAAE,GAAA,IACvE,eAAe,aAAf,eAAe,cAAf,eAAe,IACZA,iDAAK,SAAS,~~EAAEG~~,sBAAU,~~CAACG~~,oCAAwB,CAAC;oBAC/C,gBAAgB,~~IAAIN~~,~~wCAACO~~,qBAAS,IAAC,SAAS,EAAEC,wBAAc,CAAC,iBAAiB,CAAC,GAAI;~~oBAChFR~~,kDAAM,SAAS,~~EAAEG~~,sBAAU,~~CAACM~~,kCAAsB,CAAC,IAAG,gBAAgB,aAAhB,gBAAgB,cAAhB,gBAAgB,GAAI,CAAC,CAAC,SAAS,CAAC,CAAQ,CAC5F,CACT,CACC,CACJ;YACL,QAAQ,CACP,CACM,IAChB,IAAI,CACM,EAClB,CAAA,eAAe,aAAf,eAAe,uBAAf,eAAe,CAAE,OAAO,KAAI,QAAQ,CAAC,IAAI,CAC5C,CAAC;AACN;;;;"}
1	+ {"version":3,"file":"content.js","sources":["../../../../../../src/components/dropdown/components/content.tsx"],"sourcesContent":["import React, { useRef, useState, useEffect } from 'react';\nimport { createPortal } from 'react-dom';\nimport { TransitionGroup, CSSTransition } from 'react-transition-group';\nimport { useTranslation } from 'react-i18next';\n\nimport { IDropdownContentProps } from '../types';\nimport { IDropdownContext } from '../context/types';\nimport { useDropdownContext } from '../context';\nimport { useClickOutside, useScreenDetect } from '../../../hooks';\nimport { SCREEN_XS } from '@constants/responsive_breakpoints';\n\nimport {\n cssDropdownContent,\n cssDropdownHeader,\n cssDropdownHeaderTitle,\n cssDropdownHeaderContent,\n cssDropdownContentRight,\n} from '../css_classes';\nimport cssClasses from '@css/dropdown/main.module.less';\nimport iconCssClasses from '@css/icons/main.module.less';\nimport IconArrow from '@assets/icon_arrow';\nimport { getXYModifiersForNestedDropdowns, isChildOfModal } from '../utilities';\nimport { DROPDOWN_ON_MODAL_Z_INDEX, DROPDOWN_Z_INDEX } from '@components/dropdown/constants';\nimport { classNames } from '@utilities/styles/classNames';\n\n/*\n Dropdown.Content component. This togglable part of dropdown.\n * @component\n * @example\n * <Dropdown.Content> ... </Dropdown.Content>\n */\nconst Content: React.FC<IDropdownContentProps> = ({\n headerComponent,\n headerGoBackText,\n headerGoBackIcon,\n children,\n arrowSide = 'left',\n portalContainer,\n}) => {\n const [t] = useTranslation();\n const contentRef = useRef<HTMLDivElement>(null);\n const { wrapperRef, toggleDropdown, isOpen }: IDropdownContext = useDropdownContext();\n const [styles, setStyles] = useState({\n left: '0px',\n top: '0px',\n zIndex: DROPDOWN_Z_INDEX,\n });\n const contentClassName = classNames([cssDropdownContent, arrowSide === 'right' && cssDropdownContentRight], cssClasses);\n const screenWidthName = useScreenDetect();\n\n const refs = [contentRef];\n if (wrapperRef) {\n refs.push(wrapperRef);\n }\n\n useClickOutside(refs, () => {\n if (typeof toggleDropdown === 'function') {\n toggleDropdown();\n }\n });\n\n useEffect(() => {\n if (wrapperRef?.current) {\n const { x, y, height } = wrapperRef.current.getBoundingClientRect();\n const yOffset = 10;\n\n const { xModifier, yModifier } = getXYModifiersForNestedDropdowns(portalContainer?.current);\n const positionTop = height + y + yOffset - yModifier;\n const positionLeft = x - xModifier;\n const isInModal = isChildOfModal(wrapperRef);\n const zIndex = isInModal ? DROPDOWN_ON_MODAL_Z_INDEX : DROPDOWN_Z_INDEX;\n\n screenWidthName === SCREEN_XS\n ? setStyles({ top: `0px`, left: `0px`, zIndex })\n : setStyles({ top: `${positionTop}px`, left: `${positionLeft}px`, zIndex });\n }\n }, [portalContainer, screenWidthName, wrapperRef, isOpen]);\n\n return createPortal(\n <TransitionGroup component={null}>\n {isOpen === true ? (\n <CSSTransition\n timeout={200}\n classNames={{\n enter: cssClasses['dropdown-enter'],\n enterActive: cssClasses['dropdown-enter-active'],\n exit: cssClasses['dropdown-exit'],\n exitActive: cssClasses['dropdown-exit-active'],\n }}\n >\n <div ref={contentRef} style={styles} className={contentClassName}>\n <div className={cssClasses[cssDropdownHeader]}>\n <div onClick={() => typeof toggleDropdown === 'function' && toggleDropdown()}>\n {headerComponent ?? (\n <div className={cssClasses[cssDropdownHeaderContent]}>\n {headerGoBackIcon \|\| <IconArrow className={iconCssClasses['icon_rotate-180']} />}\n <span className={cssClasses[cssDropdownHeaderTitle]}>{headerGoBackText ?? t('Go back')}</span>\n </div>\n )}\n </div>\n </div>\n {children}\n </div>\n </CSSTransition>\n ) : null}\n </TransitionGroup>,\n portalContainer?.current \|\| document.body\n );\n};\n\nexport default Content;\n"],"names":["useRef","classNames","cssDropdownContent","cssDropdownContentRight","cssClasses","useScreenDetect","useClickOutside","useEffect","isChildOfModal","DROPDOWN_ON_MODAL_Z_INDEX","DROPDOWN_Z_INDEX","SCREEN_XS","createPortal","React","TransitionGroup","CSSTransition","cssDropdownHeader","cssDropdownHeaderContent","IconArrow","iconCssClasses","cssDropdownHeaderTitle"],"mappings":"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"}

package/build/cjs/src/components/dropdown/css_classes.js CHANGED Viewed

@@ -4,6 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var cssDropdown = 'dropdown';
 var cssDropdownContent = cssDropdown + "__content";
+var cssDropdownContentRight = cssDropdownContent + "_right";
 var cssDropdownHeader = cssDropdown + "__header";
 var cssDropdownHeaderTitle = cssDropdown + "__header-title";
 var cssDropdownHeaderContent = cssDropdown + "__header-content";
@@ -19,6 +20,7 @@ var cssDropdownListItemReadonly = cssDropdown + "__list-item_readonly";
 exports.cssDropdown = cssDropdown;
 exports.cssDropdownContent = cssDropdownContent;
+exports.cssDropdownContentRight = cssDropdownContentRight;
 exports.cssDropdownHeader = cssDropdownHeader;
 exports.cssDropdownHeaderContent = cssDropdownHeaderContent;
 exports.cssDropdownHeaderTitle = cssDropdownHeaderTitle;

package/build/cjs/src/components/dropdown/css_classes.js.map CHANGED Viewed

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

package/build/cjs/src/css/dropdown/main.module.less.js CHANGED Viewed

@@ -4,8 +4,8 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var styleInject_es = require('../../../node_modules/style-inject/dist/style-inject.es.js');
-var css_248z = "/* font colors */\n/* actions */\n/* background */\n/* errors */\n/* borders */\n/* grid */\n/* scrollBar */\n/* sizes */\n/** Form Variables */\n/** Errors */\n@media (max-width: 576px) {\n  .main-module_dropdown__content__X9kz_ {\n    display: flex;\n    flex-direction: column;\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n  }\n  .main-module_dropdown__header__kvhNn {\n    display: block;\n  }\n  .main-module_dropdown__header-title__7NXxw {\n    margin-left: 0.5rem;\n  }\n}\n@media (min-width: 576px) {\n  .main-module_dropdown__header__kvhNn {\n    display: none;\n  }\n}\n.main-module_dropdown__36KKf {\n  position: relative;\n  -webkit-user-select: none;\n     -moz-user-select: none;\n      -ms-user-select: none;\n          user-select: none;\n}\n.main-module_dropdown__content__X9kz_ {\n  flex: 0 0 auto;\n  position: absolute;\n  top: 0;\n  left: 0;\n  z-index: 1200;\n  width: auto;\n  padding: 0.5rem 0;\n  background-color: #ffffff;\n  border-radius: 3px;\n  box-shadow: 0 0px 25px 0 rgba(0, 0, 0, 0.2);\n}\n.main-module_dropdown__content__X9kz_::before {\n  content: '';\n  display: block;\n  position: absolute;\n  top: -14px;\n  left: 7px;\n  border-width: 7px;\n  border-style: solid;\n  border-color: transparent transparent #ffffff transparent;\n}\n.main-module_dropdown__list__2bd_r {\n  flex: 0 0 auto;\n  padding: 0;\n  width: 100%;\n  min-width: 20rem;\n  text-align: left;\n  font-size: 14px;\n  font-size: 1rem;\n}\n.main-module_dropdown__list__2bd_r > li {\n  list-style: none;\n}\n.main-module_dropdown__list-head__2Uyb0 {\n  padding: 0.5rem 0 0.5rem 1rem;\n}\n.main-module_dropdown__list_with-scroll__KP9yO {\n  scrollbar-color: #79829c #ffffff;\n  scrollbar-width: thin;\n  max-height: 280px;\n  overflow-y: auto;\n}\n.main-module_dropdown__list_with-scroll__KP9yO::-webkit-scrollbar {\n  width: 7px;\n}\n.main-module_dropdown__list_with-scroll__KP9yO::-webkit-scrollbar-track {\n  background-color: #ffffff;\n}\n.main-module_dropdown__list_with-scroll__KP9yO::-webkit-scrollbar-track:hover {\n  background-color: #f3f4f8;\n}\n.main-module_dropdown__list_with-scroll__KP9yO::-webkit-scrollbar-thumb {\n  background-color: #5c657e;\n}\n.main-module_dropdown__list_with-scroll__KP9yO::-webkit-scrollbar-thumb:hover {\n  background-color: #2d3748;\n}\n.main-module_dropdown__list-item__1u185 {\n  display: block;\n  padding: 0.5rem 1rem;\n  cursor: default;\n}\n.main-module_dropdown__list-item__1u185:hover {\n  background-color: #f5f7ff;\n}\n.main-module_dropdown__list-item_selected__2GYQr {\n  background-color: #f5f7ff;\n}\n.main-module_dropdown__list-item_disabled__1Psh7 {\n  color: #abb4cd;\n}\n.main-module_dropdown__list-item_readonly__3bbj0 {\n  color: #abb4cd;\n}\n.main-module_dropdown__search__1Moob {\n  padding: 0.5rem 1rem 0.5rem;\n}\n.main-module_dropdown__header__kvhNn {\n  margin: calc(1rem * 0.5) 1rem;\n}\n.main-module_dropdown__header-content__10Zg9 {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n}\n.main-module_dropdown__header-icon__30vfb {\n  margin-right: 1rem;\n  color: #abb4cd;\n  font-size: 10px;\n  font-size: 0.7142857142857143rem;\n}\n.main-module_dropdown__header-title__7NXxw {\n  font-weight: 600;\n  color: #5c657e;\n}\n.main-module_select__1ocPo {\n  position: relative;\n  display: flex;\n  flex: 0 2 auto;\n  align-items: center;\n  width: 100%;\n}\n.main-module_select__1ocPo::after {\n  content: '';\n  position: absolute;\n  display: block;\n  right: 0.715em;\n  width: 7px;\n  height: 7px;\n  margin-top: -2px;\n  transform: rotate(-45deg);\n  border-width: 0 0 1px 1px;\n  border-style: solid;\n  border-color: #3c83ec;\n}\n.main-module_select__1ocPo input {\n  text-overflow: ellipsis;\n}\n.main-module_dropdown-enter__2RGtd,\n.main-module_modal-enter__I5ELD {\n  opacity: 0;\n  transform: translate3d(0, -2rem, 0);\n}\n.main-module_mask-enter__32s5F {\n  opacity: 0;\n}\n.main-module_dropdown-enter-active__ob1fb,\n.main-module_modal-enter-active__3BMYq {\n  opacity: 1;\n  transform: translate3d(0, 0, 0);\n  transition: transform 0.2s, opacity 0.2s;\n}\n.main-module_mask-enter-active__1WgVf {\n  opacity: 1;\n  transition: opacity 0.1s;\n}\n.main-module_dropdown-exit__3b2wX,\n.main-module_modal-exit__y2N_F {\n  opacity: 1;\n  transform: translate3d(0, 0, 0);\n}\n.main-module_mask-exit__325a4 {\n  opacity: 1;\n}\n.main-module_dropdown-exit-active__22rth,\n.main-module_modal-exit-active__ID7ce {\n  opacity: 0;\n  transform: translate3d(0, -2rem, 0);\n  transition: transform 0.2s, opacity 0.2s;\n}\n.main-module_mask-exit-active__2qs-r {\n  opacity: 0;\n  transition: opacity 0.1s;\n}\n";
-var cssClasses = {"dropdown__content":"main-module_dropdown__content__X9kz_","dropdown__header":"main-module_dropdown__header__kvhNn","dropdown__header-title":"main-module_dropdown__header-title__7NXxw","dropdown":"main-module_dropdown__36KKf","dropdown__list":"main-module_dropdown__list__2bd_r","dropdown__list-head":"main-module_dropdown__list-head__2Uyb0","dropdown__list_with-scroll":"main-module_dropdown__list_with-scroll__KP9yO","dropdown__list-item":"main-module_dropdown__list-item__1u185","dropdown__list-item_selected":"main-module_dropdown__list-item_selected__2GYQr","dropdown__list-item_disabled":"main-module_dropdown__list-item_disabled__1Psh7","dropdown__list-item_readonly":"main-module_dropdown__list-item_readonly__3bbj0","dropdown__search":"main-module_dropdown__search__1Moob","dropdown__header-content":"main-module_dropdown__header-content__10Zg9","dropdown__header-icon":"main-module_dropdown__header-icon__30vfb","select":"main-module_select__1ocPo","dropdown-enter":"main-module_dropdown-enter__2RGtd","modal-enter":"main-module_modal-enter__I5ELD","mask-enter":"main-module_mask-enter__32s5F","dropdown-enter-active":"main-module_dropdown-enter-active__ob1fb","modal-enter-active":"main-module_modal-enter-active__3BMYq","mask-enter-active":"main-module_mask-enter-active__1WgVf","dropdown-exit":"main-module_dropdown-exit__3b2wX","modal-exit":"main-module_modal-exit__y2N_F","mask-exit":"main-module_mask-exit__325a4","dropdown-exit-active":"main-module_dropdown-exit-active__22rth","modal-exit-active":"main-module_modal-exit-active__ID7ce","mask-exit-active":"main-module_mask-exit-active__2qs-r"};
+var css_248z = "/* font colors */\n/* actions */\n/* background */\n/* errors */\n/* borders */\n/* grid */\n/* scrollBar */\n/* sizes */\n/** Form Variables */\n/** Errors */\n@media (max-width: 576px) {\n  .main-module_dropdown__content__X9kz_ {\n    display: flex;\n    flex-direction: column;\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n  }\n  .main-module_dropdown__header__kvhNn {\n    display: block;\n  }\n  .main-module_dropdown__header-title__7NXxw {\n    margin-left: 0.5rem;\n  }\n}\n@media (min-width: 576px) {\n  .main-module_dropdown__header__kvhNn {\n    display: none;\n  }\n}\n.main-module_dropdown__36KKf {\n  position: relative;\n  -webkit-user-select: none;\n     -moz-user-select: none;\n      -ms-user-select: none;\n          user-select: none;\n}\n.main-module_dropdown__content__X9kz_ {\n  flex: 0 0 auto;\n  position: absolute;\n  top: 0;\n  left: 0;\n  z-index: 1200;\n  width: auto;\n  padding: 0.5rem 0;\n  background-color: #ffffff;\n  border-radius: 3px;\n  box-shadow: 0 0px 25px 0 rgba(0, 0, 0, 0.2);\n}\n.main-module_dropdown__content__X9kz_::before {\n  content: '';\n  display: block;\n  position: absolute;\n  top: -14px;\n  left: 7px;\n  border-width: 7px;\n  border-style: solid;\n  border-color: transparent transparent #ffffff transparent;\n}\n.main-module_dropdown__content_right__Rp4hR::before {\n  display: none;\n}\n.main-module_dropdown__content_right__Rp4hR::after {\n  content: '';\n  display: block;\n  position: absolute;\n  top: -14px;\n  right: 7px;\n  border-width: 7px;\n  border-style: solid;\n  border-color: transparent transparent #ffffff transparent;\n}\n.main-module_dropdown__list__2bd_r {\n  flex: 0 0 auto;\n  padding: 0;\n  width: 100%;\n  min-width: 20rem;\n  text-align: left;\n  font-size: 14px;\n  font-size: 1rem;\n}\n.main-module_dropdown__list__2bd_r > li {\n  list-style: none;\n}\n.main-module_dropdown__list-head__2Uyb0 {\n  padding: 0.5rem 0 0.5rem 1rem;\n}\n.main-module_dropdown__list_with-scroll__KP9yO {\n  scrollbar-color: #79829c #ffffff;\n  scrollbar-width: thin;\n  max-height: 280px;\n  overflow-y: auto;\n}\n.main-module_dropdown__list_with-scroll__KP9yO::-webkit-scrollbar {\n  width: 7px;\n}\n.main-module_dropdown__list_with-scroll__KP9yO::-webkit-scrollbar-track {\n  background-color: #ffffff;\n}\n.main-module_dropdown__list_with-scroll__KP9yO::-webkit-scrollbar-track:hover {\n  background-color: #f3f4f8;\n}\n.main-module_dropdown__list_with-scroll__KP9yO::-webkit-scrollbar-thumb {\n  background-color: #5c657e;\n}\n.main-module_dropdown__list_with-scroll__KP9yO::-webkit-scrollbar-thumb:hover {\n  background-color: #2d3748;\n}\n.main-module_dropdown__list-item__1u185 {\n  display: block;\n  padding: 0.5rem 1rem;\n  cursor: default;\n}\n.main-module_dropdown__list-item__1u185:hover {\n  background-color: #f5f7ff;\n}\n.main-module_dropdown__list-item_selected__2GYQr {\n  background-color: #f5f7ff;\n}\n.main-module_dropdown__list-item_disabled__1Psh7 {\n  color: #abb4cd;\n}\n.main-module_dropdown__list-item_readonly__3bbj0 {\n  color: #abb4cd;\n}\n.main-module_dropdown__search__1Moob {\n  padding: 0.5rem 1rem 0.5rem;\n}\n.main-module_dropdown__header__kvhNn {\n  margin: calc(1rem * 0.5) 1rem;\n}\n.main-module_dropdown__header-content__10Zg9 {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n}\n.main-module_dropdown__header-icon__30vfb {\n  margin-right: 1rem;\n  color: #abb4cd;\n  font-size: 10px;\n  font-size: 0.7142857142857143rem;\n}\n.main-module_dropdown__header-title__7NXxw {\n  font-weight: 600;\n  color: #5c657e;\n}\n.main-module_select__1ocPo {\n  position: relative;\n  display: flex;\n  flex: 0 2 auto;\n  align-items: center;\n  width: 100%;\n}\n.main-module_select__1ocPo::after {\n  content: '';\n  position: absolute;\n  display: block;\n  right: 0.715em;\n  width: 7px;\n  height: 7px;\n  margin-top: -2px;\n  transform: rotate(-45deg);\n  border-width: 0 0 1px 1px;\n  border-style: solid;\n  border-color: #3c83ec;\n}\n.main-module_select__1ocPo input {\n  text-overflow: ellipsis;\n}\n.main-module_dropdown-enter__2RGtd,\n.main-module_modal-enter__I5ELD {\n  opacity: 0;\n  transform: translate3d(0, -2rem, 0);\n}\n.main-module_mask-enter__32s5F {\n  opacity: 0;\n}\n.main-module_dropdown-enter-active__ob1fb,\n.main-module_modal-enter-active__3BMYq {\n  opacity: 1;\n  transform: translate3d(0, 0, 0);\n  transition: transform 0.2s, opacity 0.2s;\n}\n.main-module_mask-enter-active__1WgVf {\n  opacity: 1;\n  transition: opacity 0.1s;\n}\n.main-module_dropdown-exit__3b2wX,\n.main-module_modal-exit__y2N_F {\n  opacity: 1;\n  transform: translate3d(0, 0, 0);\n}\n.main-module_mask-exit__325a4 {\n  opacity: 1;\n}\n.main-module_dropdown-exit-active__22rth,\n.main-module_modal-exit-active__ID7ce {\n  opacity: 0;\n  transform: translate3d(0, -2rem, 0);\n  transition: transform 0.2s, opacity 0.2s;\n}\n.main-module_mask-exit-active__2qs-r {\n  opacity: 0;\n  transition: opacity 0.1s;\n}\n";
+var cssClasses = {"dropdown__content":"main-module_dropdown__content__X9kz_","dropdown__header":"main-module_dropdown__header__kvhNn","dropdown__header-title":"main-module_dropdown__header-title__7NXxw","dropdown":"main-module_dropdown__36KKf","dropdown__content_right":"main-module_dropdown__content_right__Rp4hR","dropdown__list":"main-module_dropdown__list__2bd_r","dropdown__list-head":"main-module_dropdown__list-head__2Uyb0","dropdown__list_with-scroll":"main-module_dropdown__list_with-scroll__KP9yO","dropdown__list-item":"main-module_dropdown__list-item__1u185","dropdown__list-item_selected":"main-module_dropdown__list-item_selected__2GYQr","dropdown__list-item_disabled":"main-module_dropdown__list-item_disabled__1Psh7","dropdown__list-item_readonly":"main-module_dropdown__list-item_readonly__3bbj0","dropdown__search":"main-module_dropdown__search__1Moob","dropdown__header-content":"main-module_dropdown__header-content__10Zg9","dropdown__header-icon":"main-module_dropdown__header-icon__30vfb","select":"main-module_select__1ocPo","dropdown-enter":"main-module_dropdown-enter__2RGtd","modal-enter":"main-module_modal-enter__I5ELD","mask-enter":"main-module_mask-enter__32s5F","dropdown-enter-active":"main-module_dropdown-enter-active__ob1fb","modal-enter-active":"main-module_modal-enter-active__3BMYq","mask-enter-active":"main-module_mask-enter-active__1WgVf","dropdown-exit":"main-module_dropdown-exit__3b2wX","modal-exit":"main-module_modal-exit__y2N_F","mask-exit":"main-module_mask-exit__325a4","dropdown-exit-active":"main-module_dropdown-exit-active__22rth","modal-exit-active":"main-module_modal-exit-active__ID7ce","mask-exit-active":"main-module_mask-exit-active__2qs-r"};
 styleInject_es['default'](css_248z);
 exports.default = cssClasses;

package/build/esm/src/components/button/index.js CHANGED Viewed

@@ -24,8 +24,9 @@ import { buttonTypes } from './components/index.js';
  */
 var Button = function (_a) {
     var _b;
-    var _c = _a.as, as = _c === void 0 ? 'button' : _c, size = _a.size, color = _a.color, variant = _a.variant, inactive = _a.inactive, props = __rest(_a, ["as", "size", "color", "variant", "inactive"]);
+    var _c = _a.as, as = _c === void 0 ? 'button' : _c, size = _a.size, color = _a.color, variant = _a.variant, inactive = _a.inactive, _d = _a.className, className = _d === void 0 ? '' : _d, props = __rest(_a, ["as", "size", "color", "variant", "inactive", "className"]);
     var buttonClassNames = classnames(cssClasses[cssButton], (_b = {},
+        _b[className] = className,
         _b[cssClasses[cssButtonS]] = size,
         _b[cssClasses[cssButtonBg]] = !variant,
         _b[cssClasses[cssButtonOutline]] = variant === 'outline',

package/build/esm/src/components/button/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","sources":["../../../../../src/components/button/index.tsx"],"sourcesContent":["import React from 'react';\n\nimport classnames from 'classnames';\nimport cssClasses from '@css/button/main.module.less';\n\nimport { IButtonProps } from './types';\nimport { cssButton, cssButtonOutline, cssButtonBg, cssButtonLink, cssButtonS, cssButtonSecondary, cssButtonInactive } from './css_classes';\nimport { buttonTypes } from './components';\n\n/*\n @component\n * @example\n * return (\n * <Button\n * size=\"small\"\n * variant=\"light\">\n * Text button\n * </Button>\n \n <Button\n * as=\"link\"\n * href=\"https://onet.pl\">\n * Text button\n * </Button>\n * )\n */\nconst Button: React.FC<IButtonProps> = ({ as = 'button', size, color, variant, inactive, ...props }): JSX.Element => {\n const buttonClassNames = classnames(cssClasses[cssButton], {\n [cssClasses[cssButtonS]]: size,\n [cssClasses[cssButtonBg]]: !variant,\n [cssClasses[cssButtonOutline]]: variant === 'outline',\n [cssClasses[cssButtonLink]]: variant === 'link',\n [cssClasses[cssButtonSecondary]]: color === 'secondary',\n [cssClasses[cssButtonInactive]]: inactive,\n });\n\n return buttonTypes[as].render(props, buttonClassNames);\n};\n\nexport default Button;\n"],"names":[],"mappings":";;;;;;;AASA;;;;;;;;;;;;;;;;;IAiBM,MAAM,GAA2B,UAAC,~~EAA2D~~;;~~IAAzD~~,IAAA,UAAa,EAAb,kCAAa,EAAE,cAAI,EAAE,gBAAK,EAAE,oBAAO,EAAE,sBAAQ,EAAE,~~kEAAQ~~;~~IAC7F~~,IAAM,gBAAgB,GAAG,UAAU,CAAC,UAAU,CAAC,SAAS,CAAC;QACrD,GAAC,UAAU,CAAC,UAAU,CAAC,IAAG,IAAI;QAC9B,GAAC,UAAU,CAAC,WAAW,CAAC,IAAG,CAAC,OAAO;QACnC,GAAC,UAAU,CAAC,gBAAgB,CAAC,IAAG,OAAO,KAAK,SAAS;QACrD,GAAC,UAAU,CAAC,aAAa,CAAC,IAAG,OAAO,KAAK,MAAM;QAC/C,GAAC,UAAU,CAAC,kBAAkB,CAAC,IAAG,KAAK,KAAK,WAAW;QACvD,GAAC,UAAU,CAAC,iBAAiB,CAAC,IAAG,QAAQ;YAC3C,CAAC;IAEH,OAAO,WAAW,CAAC,EAAE,CAAC,CAAC,MAAM,CAAC,KAAK,EAAE,gBAAgB,CAAC,CAAC;AAC3D;;;;"}
1	+ {"version":3,"file":"index.js","sources":["../../../../../src/components/button/index.tsx"],"sourcesContent":["import React from 'react';\n\nimport classnames from 'classnames';\nimport cssClasses from '@css/button/main.module.less';\n\nimport { IButtonProps } from './types';\nimport { cssButton, cssButtonOutline, cssButtonBg, cssButtonLink, cssButtonS, cssButtonSecondary, cssButtonInactive } from './css_classes';\nimport { buttonTypes } from './components';\n\n/*\n @component\n * @example\n * return (\n * <Button\n * size=\"small\"\n * variant=\"light\">\n * Text button\n * </Button>\n \n <Button\n * as=\"link\"\n * href=\"https://onet.pl\">\n * Text button\n * </Button>\n * )\n */\nconst Button: React.FC<IButtonProps> = ({ as = 'button', size, color, variant, inactive, className = '', ...props }): JSX.Element => {\n const buttonClassNames = classnames(cssClasses[cssButton], {\n [className]: className,\n [cssClasses[cssButtonS]]: size,\n [cssClasses[cssButtonBg]]: !variant,\n [cssClasses[cssButtonOutline]]: variant === 'outline',\n [cssClasses[cssButtonLink]]: variant === 'link',\n [cssClasses[cssButtonSecondary]]: color === 'secondary',\n [cssClasses[cssButtonInactive]]: inactive,\n });\n\n return buttonTypes[as].render(props, buttonClassNames);\n};\n\nexport default Button;\n"],"names":[],"mappings":";;;;;;;AASA;;;;;;;;;;;;;;;;;IAiBM,MAAM,GAA2B,UAAC,EAA2E;;IAAzE,IAAA,UAAa,EAAb,kCAAa,EAAE,cAAI,EAAE,gBAAK,EAAE,oBAAO,EAAE,sBAAQ,EAAE,iBAAc,EAAd,mCAAc,EAAE,+EAAQ;IAC7G,IAAM,gBAAgB,GAAG,UAAU,CAAC,UAAU,CAAC,SAAS,CAAC;QACrD,GAAC,SAAS,IAAG,SAAS;QACtB,GAAC,UAAU,CAAC,UAAU,CAAC,IAAG,IAAI;QAC9B,GAAC,UAAU,CAAC,WAAW,CAAC,IAAG,CAAC,OAAO;QACnC,GAAC,UAAU,CAAC,gBAAgB,CAAC,IAAG,OAAO,KAAK,SAAS;QACrD,GAAC,UAAU,CAAC,aAAa,CAAC,IAAG,OAAO,KAAK,MAAM;QAC/C,GAAC,UAAU,CAAC,kBAAkB,CAAC,IAAG,KAAK,KAAK,WAAW;QACvD,GAAC,UAAU,CAAC,iBAAiB,CAAC,IAAG,QAAQ;YAC3C,CAAC;IAEH,OAAO,WAAW,CAAC,EAAE,CAAC,CAAC,MAAM,CAAC,KAAK,EAAE,gBAAgB,CAAC,CAAC;AAC3D;;;;"}

package/build/esm/src/components/controls/components/textarea.js CHANGED Viewed

@@ -12,7 +12,7 @@ var Textarea = function (_a) {
         _b[cssClasses[cssControlDisabled]] = disabled,
         _b[cssClasses[cssControlReadonly]] = readOnly,
         _b));
-    return (React.createElement("textarea", __assign({}, props, { className: inputClasses, id: id, name: name, defaultValue: value, placeholder: placeholder, disabled: disabled, readOnly: readOnly, onChange: onChange, onKeyPress: onKeyPress })));
+    return (React.createElement("textarea", __assign({}, props, { className: inputClasses, id: id, name: name, value: value, placeholder: placeholder, disabled: disabled, readOnly: readOnly, onChange: onChange, onKeyPress: onKeyPress })));
 };
 export default Textarea;

package/build/esm/src/components/controls/components/textarea.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"textarea.js","sources":["../../../../../../src/components/controls/components/textarea.tsx"],"sourcesContent":["import React from 'react';\nimport classnames from 'classnames';\n\nimport cssClasses from '@css/input/main.module.less';\nimport { ITextareaProps } from '../types';\nimport { cssControl, cssControlS, cssControlDisabled, cssControlReadonly } from '../css_classes';\n\nconst Textarea: React.FC<ITextareaProps> = ({\n id,\n name,\n padding,\n placeholder,\n value,\n disabled,\n readOnly,\n onChange,\n onKeyPress,\n ...props\n}): JSX.Element => {\n const inputClasses = classnames(cssClasses[cssControl], {\n [cssClasses[cssControlS]]: padding === 'small',\n [cssClasses[cssControlDisabled]]: disabled,\n [cssClasses[cssControlReadonly]]: readOnly,\n });\n\n return (\n <textarea\n {...props}\n className={inputClasses}\n id={id}\n name={name}\n ~~defaultValue~~={value}\n placeholder={placeholder}\n disabled={disabled}\n readOnly={readOnly}\n onChange={onChange}\n onKeyPress={onKeyPress}\n ></textarea>\n );\n};\n\nexport default Textarea;\n"],"names":[],"mappings":";;;;;;IAOM,QAAQ,GAA6B,UAAC,EAW3C;;IAVG,IAAA,UAAE,EACF,cAAI,EACJ,oBAAO,EACP,4BAAW,EACX,gBAAK,EACL,sBAAQ,EACR,sBAAQ,EACR,sBAAQ,EACR,0BAAU,EACV,uHAAQ;IAER,IAAM,YAAY,GAAG,UAAU,CAAC,UAAU,CAAC,UAAU,CAAC;QAClD,GAAC,UAAU,CAAC,WAAW,CAAC,IAAG,OAAO,KAAK,OAAO;QAC9C,GAAC,UAAU,CAAC,kBAAkB,CAAC,IAAG,QAAQ;QAC1C,GAAC,UAAU,CAAC,kBAAkB,CAAC,IAAG,QAAQ;YAC5C,CAAC;IAEH,QACI,6CACQ,KAAK,IACT,SAAS,EAAE,YAAY,EACvB,EAAE,EAAE,EAAE,EACN,IAAI,EAAE,IAAI,EACV,~~YAAY~~,EAAE,KAAK,~~EACnB~~,WAAW,EAAE,WAAW,EACxB,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,UAAU,EAAE,UAAU,IACd,EACd;AACN;;;;"}
1	+ {"version":3,"file":"textarea.js","sources":["../../../../../../src/components/controls/components/textarea.tsx"],"sourcesContent":["import React from 'react';\nimport classnames from 'classnames';\n\nimport cssClasses from '@css/input/main.module.less';\nimport { ITextareaProps } from '../types';\nimport { cssControl, cssControlS, cssControlDisabled, cssControlReadonly } from '../css_classes';\n\nconst Textarea: React.FC<ITextareaProps> = ({\n id,\n name,\n padding,\n placeholder,\n value,\n disabled,\n readOnly,\n onChange,\n onKeyPress,\n ...props\n}): JSX.Element => {\n const inputClasses = classnames(cssClasses[cssControl], {\n [cssClasses[cssControlS]]: padding === 'small',\n [cssClasses[cssControlDisabled]]: disabled,\n [cssClasses[cssControlReadonly]]: readOnly\n });\n\n return (\n <textarea\n {...props}\n className={inputClasses}\n id={id}\n name={name}\n value={value}\n placeholder={placeholder}\n disabled={disabled}\n readOnly={readOnly}\n onChange={onChange}\n onKeyPress={onKeyPress}\n ></textarea>\n );\n};\n\nexport default Textarea;\n"],"names":[],"mappings":";;;;;;IAOM,QAAQ,GAA6B,UAAC,EAW3C;;IAVG,IAAA,UAAE,EACF,cAAI,EACJ,oBAAO,EACP,4BAAW,EACX,gBAAK,EACL,sBAAQ,EACR,sBAAQ,EACR,sBAAQ,EACR,0BAAU,EACV,uHAAQ;IAER,IAAM,YAAY,GAAG,UAAU,CAAC,UAAU,CAAC,UAAU,CAAC;QAClD,GAAC,UAAU,CAAC,WAAW,CAAC,IAAG,OAAO,KAAK,OAAO;QAC9C,GAAC,UAAU,CAAC,kBAAkB,CAAC,IAAG,QAAQ;QAC1C,GAAC,UAAU,CAAC,kBAAkB,CAAC,IAAG,QAAQ;YAC5C,CAAC;IAEH,QACI,6CACQ,KAAK,IACT,SAAS,EAAE,YAAY,EACvB,EAAE,EAAE,EAAE,EACN,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK,EACZ,WAAW,EAAE,WAAW,EACxB,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,UAAU,EAAE,UAAU,IACd,EACd;AACN;;;;"}

package/build/esm/src/components/dropdown/components/content.js CHANGED Viewed

@@ -4,11 +4,12 @@ import { useDropdownContext } from '../context/index.js';
 import { SCREEN_XS } from '../../../constants/responsive_breakpoints.js';
 import { useScreenDetect } from '../../../hooks/use_screen_detect.js';
 import iconCssClasses from '../../../css/icons/main.module.less.js';
+import { classNames } from '../../../utilities/styles/classNames.js';
 import cssClasses from '../../../css/dropdown/main.module.less.js';
 import { useClickOutside } from '../../../hooks/use_click_outside.js';
 import { createPortal } from 'react-dom';
 import { TransitionGroup, CSSTransition } from 'react-transition-group';
-import { cssDropdownContent, cssDropdownHeader, cssDropdownHeaderContent, cssDropdownHeaderTitle } from '../css_classes.js';
+import { cssDropdownContent, cssDropdownContentRight, cssDropdownHeader, cssDropdownHeaderContent, cssDropdownHeaderTitle } from '../css_classes.js';
 import IconArrow from '../../../assets/icon_arrow.js';
 import { getXYModifiersForNestedDropdowns, isChildOfModal } from '../utilities.js';
 import { DROPDOWN_Z_INDEX, DROPDOWN_ON_MODAL_Z_INDEX } from '../constants.js';
@@ -20,15 +21,16 @@ import { DROPDOWN_Z_INDEX, DROPDOWN_ON_MODAL_Z_INDEX } from '../constants.js';
  * <Dropdown.Content> ... </Dropdown.Content>
  */
 var Content = function (_a) {
-    var headerComponent = _a.headerComponent, headerGoBackText = _a.headerGoBackText, headerGoBackIcon = _a.headerGoBackIcon, children = _a.children, portalContainer = _a.portalContainer;
+    var headerComponent = _a.headerComponent, headerGoBackText = _a.headerGoBackText, headerGoBackIcon = _a.headerGoBackIcon, children = _a.children, _b = _a.arrowSide, arrowSide = _b === void 0 ? 'left' : _b, portalContainer = _a.portalContainer;
     var t = useTranslation()[0];
     var contentRef = useRef(null);
-    var _b = useDropdownContext(), wrapperRef = _b.wrapperRef, toggleDropdown = _b.toggleDropdown, isOpen = _b.isOpen;
-    var _c = useState({
+    var _c = useDropdownContext(), wrapperRef = _c.wrapperRef, toggleDropdown = _c.toggleDropdown, isOpen = _c.isOpen;
+    var _d = useState({
         left: '0px',
         top: '0px',
         zIndex: DROPDOWN_Z_INDEX,
-    }), styles = _c[0], setStyles = _c[1];
+    }), styles = _d[0], setStyles = _d[1];
+    var contentClassName = classNames([cssDropdownContent, arrowSide === 'right' && cssDropdownContentRight], cssClasses);
     var screenWidthName = useScreenDetect();
     var refs = [contentRef];
     if (wrapperRef) {
@@ -59,7 +61,7 @@ var Content = function (_a) {
             exit: cssClasses['dropdown-exit'],
             exitActive: cssClasses['dropdown-exit-active'],
         } },
-        React.createElement("div", { ref: contentRef, style: styles, className: cssClasses[cssDropdownContent] },
+        React.createElement("div", { ref: contentRef, style: styles, className: contentClassName },
             React.createElement("div", { className: cssClasses[cssDropdownHeader] },
                 React.createElement("div", { onClick: function () { return typeof toggleDropdown === 'function' && toggleDropdown(); } }, headerComponent !== null && headerComponent !== void 0 ? headerComponent : (React.createElement("div", { className: cssClasses[cssDropdownHeaderContent] },
                     headerGoBackIcon || React.createElement(IconArrow, { className: iconCssClasses['icon_rotate-180'] }),

package/build/esm/src/components/dropdown/components/content.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"content.js","sources":["../../../../../../src/components/dropdown/components/content.tsx"],"sourcesContent":["import React, { useRef, useState, useEffect } from 'react';\nimport { createPortal } from 'react-dom';\nimport { TransitionGroup, CSSTransition } from 'react-transition-group';\nimport { useTranslation } from 'react-i18next';\n\nimport { IDropdownContentProps } from '../types';\nimport { IDropdownContext } from '../context/types';\nimport { useDropdownContext } from '../context';\nimport { useClickOutside, useScreenDetect } from '../../../hooks';\nimport { SCREEN_XS } from '@constants/responsive_breakpoints';\n\nimport { cssDropdownContent, cssDropdownHeader, cssDropdownHeaderTitle, cssDropdownHeaderContent } from '../css_classes';\nimport cssClasses from '@css/dropdown/main.module.less';\nimport iconCssClasses from '@css/icons/main.module.less';\nimport IconArrow from '@assets/icon_arrow';\nimport { getXYModifiersForNestedDropdowns, isChildOfModal } from '../utilities';\nimport { DROPDOWN_ON_MODAL_Z_INDEX, DROPDOWN_Z_INDEX } from '@components/dropdown/constants';\n\n/*\n Dropdown.Content component. This togglable part of dropdown.\n * @component\n * @example\n * <Dropdown.Content> ... </Dropdown.Content>\n */\nconst Content: React.FC<IDropdownContentProps> = ({ headerComponent, headerGoBackText, headerGoBackIcon, children, portalContainer }) => {\n const [t] = useTranslation();\n const contentRef = useRef<HTMLDivElement>(null);\n const { wrapperRef, toggleDropdown, isOpen }: IDropdownContext = useDropdownContext();\n const [styles, setStyles] = useState({\n left: '0px',\n top: '0px',\n zIndex: DROPDOWN_Z_INDEX,\n });\n const screenWidthName = useScreenDetect();\n\n const refs = [contentRef];\n if (wrapperRef) {\n refs.push(wrapperRef);\n }\n\n useClickOutside(refs, () => {\n if (typeof toggleDropdown === 'function') {\n toggleDropdown();\n }\n });\n\n useEffect(() => {\n if (wrapperRef?.current) {\n const { x, y, height } = wrapperRef.current.getBoundingClientRect();\n const yOffset = 10;\n\n const { xModifier, yModifier } = getXYModifiersForNestedDropdowns(portalContainer?.current);\n const positionTop = height + y + yOffset - yModifier;\n const positionLeft = x - xModifier;\n const isInModal = isChildOfModal(wrapperRef);\n const zIndex = isInModal ? DROPDOWN_ON_MODAL_Z_INDEX : DROPDOWN_Z_INDEX;\n\n screenWidthName === SCREEN_XS\n ? setStyles({ top: `0px`, left: `0px`, zIndex })\n : setStyles({ top: `${positionTop}px`, left: `${positionLeft}px`, zIndex });\n }\n }, [portalContainer, screenWidthName, wrapperRef, isOpen]);\n\n return createPortal(\n <TransitionGroup component={null}>\n {isOpen === true ? (\n <CSSTransition\n timeout={200}\n classNames={{\n enter: cssClasses['dropdown-enter'],\n enterActive: cssClasses['dropdown-enter-active'],\n exit: cssClasses['dropdown-exit'],\n exitActive: cssClasses['dropdown-exit-active'],\n }}\n >\n <div ref={contentRef} style={styles} className={~~cssClasses[cssDropdownContent]~~}>\n <div className={cssClasses[cssDropdownHeader]}>\n <div onClick={() => typeof toggleDropdown === 'function' && toggleDropdown()}>\n {headerComponent ?? (\n <div className={cssClasses[cssDropdownHeaderContent]}>\n {headerGoBackIcon \|\| <IconArrow className={iconCssClasses['icon_rotate-180']} />}\n <span className={cssClasses[cssDropdownHeaderTitle]}>{headerGoBackText ?? t('Go back')}</span>\n </div>\n )}\n </div>\n </div>\n {children}\n </div>\n </CSSTransition>\n ) : null}\n </TransitionGroup>,\n portalContainer?.current \|\| document.body\n );\n};\n\nexport default Content;\n"],"names":[],"mappings":"~~;;;;;;;;;;;;;;;AAkBA~~;;;;;;IAMM,OAAO,GAAoC,UAAC,~~EAAkF~~;~~QAAhF~~,oCAAe,~~EAAE~~,sCAAgB,~~EAAE~~,sCAAgB,~~EAAE~~,sBAAQ,~~EAAE~~,oCAAe;~~IACvH~~,IAAA,uBAAC,CAAqB;IAC7B,IAAM,UAAU,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IAC1C,IAAA,yBAA+E,EAA7E,0BAAU,EAAE,kCAAc,EAAE,kBAAiD,CAAC;IAChF,IAAA;;;;MAIJ,EAJK,cAAM,EAAE,iBAIb,CAAC;IACH,IAAM,eAAe,GAAG,eAAe,EAAE,CAAC;IAE1C,IAAM,IAAI,GAAG,CAAC,UAAU,CAAC,CAAC;IAC1B,IAAI,UAAU,EAAE;QACZ,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;KACzB;IAED,eAAe,CAAC,IAAI,EAAE;QAClB,IAAI,OAAO,cAAc,KAAK,UAAU,EAAE;YACtC,cAAc,EAAE,CAAC;SACpB;KACJ,CAAC,CAAC;IAEH,SAAS,CAAC;QACN,IAAI,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,OAAO,EAAE;YACf,IAAA,+CAA6D,EAA3D,QAAC,EAAE,QAAC,EAAE,kBAAqD,CAAC;YACpE,IAAM,OAAO,GAAG,EAAE,CAAC;YAEb,IAAA,gIAAqF,EAAnF,wBAAS,EAAE,wBAAwE,CAAC;YAC5F,IAAM,WAAW,GAAG,MAAM,GAAG,CAAC,GAAG,OAAO,GAAG,SAAS,CAAC;YACrD,IAAM,YAAY,GAAG,CAAC,GAAG,SAAS,CAAC;YACnC,IAAM,SAAS,GAAG,cAAc,CAAC,UAAU,CAAC,CAAC;YAC7C,IAAM,MAAM,GAAG,SAAS,GAAG,yBAAyB,GAAG,gBAAgB,CAAC;YAExE,eAAe,KAAK,SAAS;kBACvB,SAAS,CAAC,EAAE,GAAG,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,QAAA,EAAE,CAAC;kBAC9C,SAAS,CAAC,EAAE,GAAG,EAAK,WAAW,OAAI,EAAE,IAAI,EAAK,YAAY,OAAI,EAAE,MAAM,QAAA,EAAE,CAAC,CAAC;SACnF;KACJ,EAAE,CAAC,eAAe,EAAE,eAAe,EAAE,UAAU,EAAE,MAAM,CAAC,CAAC,CAAC;IAE3D,OAAO,YAAY,CACf,oBAAC,eAAe,IAAC,SAAS,EAAE,IAAI,IAC3B,MAAM,KAAK,IAAI,IACZ,oBAAC,aAAa,IACV,OAAO,EAAE,GAAG,EACZ,UAAU,EAAE;YACR,KAAK,EAAE,UAAU,CAAC,gBAAgB,CAAC;YACnC,WAAW,EAAE,UAAU,CAAC,uBAAuB,CAAC;YAChD,IAAI,EAAE,UAAU,CAAC,eAAe,CAAC;YACjC,UAAU,EAAE,UAAU,CAAC,sBAAsB,CAAC;SACjD;QAED,6BAAK,GAAG,EAAE,UAAU,EAAE,KAAK,EAAE,MAAM,EAAE,SAAS,EAAE,~~UAAU,CAAC,kBAAkB,CAAC~~;~~YAC1E~~,6BAAK,SAAS,EAAE,UAAU,CAAC,iBAAiB,CAAC;gBACzC,6BAAK,OAAO,EAAE,cAAM,OAAA,OAAO,cAAc,KAAK,UAAU,IAAI,cAAc,EAAE,GAAA,IACvE,eAAe,aAAf,eAAe,cAAf,eAAe,IACZ,6BAAK,SAAS,EAAE,UAAU,CAAC,wBAAwB,CAAC;oBAC/C,gBAAgB,IAAI,oBAAC,SAAS,IAAC,SAAS,EAAE,cAAc,CAAC,iBAAiB,CAAC,GAAI;oBAChF,8BAAM,SAAS,EAAE,UAAU,CAAC,sBAAsB,CAAC,IAAG,gBAAgB,aAAhB,gBAAgB,cAAhB,gBAAgB,GAAI,CAAC,CAAC,SAAS,CAAC,CAAQ,CAC5F,CACT,CACC,CACJ;YACL,QAAQ,CACP,CACM,IAChB,IAAI,CACM,EAClB,CAAA,eAAe,aAAf,eAAe,uBAAf,eAAe,CAAE,OAAO,KAAI,QAAQ,CAAC,IAAI,CAC5C,CAAC;AACN;;;;"}
1	+ {"version":3,"file":"content.js","sources":["../../../../../../src/components/dropdown/components/content.tsx"],"sourcesContent":["import React, { useRef, useState, useEffect } from 'react';\nimport { createPortal } from 'react-dom';\nimport { TransitionGroup, CSSTransition } from 'react-transition-group';\nimport { useTranslation } from 'react-i18next';\n\nimport { IDropdownContentProps } from '../types';\nimport { IDropdownContext } from '../context/types';\nimport { useDropdownContext } from '../context';\nimport { useClickOutside, useScreenDetect } from '../../../hooks';\nimport { SCREEN_XS } from '@constants/responsive_breakpoints';\n\nimport {\n cssDropdownContent,\n cssDropdownHeader,\n cssDropdownHeaderTitle,\n cssDropdownHeaderContent,\n cssDropdownContentRight,\n} from '../css_classes';\nimport cssClasses from '@css/dropdown/main.module.less';\nimport iconCssClasses from '@css/icons/main.module.less';\nimport IconArrow from '@assets/icon_arrow';\nimport { getXYModifiersForNestedDropdowns, isChildOfModal } from '../utilities';\nimport { DROPDOWN_ON_MODAL_Z_INDEX, DROPDOWN_Z_INDEX } from '@components/dropdown/constants';\nimport { classNames } from '@utilities/styles/classNames';\n\n/*\n Dropdown.Content component. This togglable part of dropdown.\n * @component\n * @example\n * <Dropdown.Content> ... </Dropdown.Content>\n */\nconst Content: React.FC<IDropdownContentProps> = ({\n headerComponent,\n headerGoBackText,\n headerGoBackIcon,\n children,\n arrowSide = 'left',\n portalContainer,\n}) => {\n const [t] = useTranslation();\n const contentRef = useRef<HTMLDivElement>(null);\n const { wrapperRef, toggleDropdown, isOpen }: IDropdownContext = useDropdownContext();\n const [styles, setStyles] = useState({\n left: '0px',\n top: '0px',\n zIndex: DROPDOWN_Z_INDEX,\n });\n const contentClassName = classNames([cssDropdownContent, arrowSide === 'right' && cssDropdownContentRight], cssClasses);\n const screenWidthName = useScreenDetect();\n\n const refs = [contentRef];\n if (wrapperRef) {\n refs.push(wrapperRef);\n }\n\n useClickOutside(refs, () => {\n if (typeof toggleDropdown === 'function') {\n toggleDropdown();\n }\n });\n\n useEffect(() => {\n if (wrapperRef?.current) {\n const { x, y, height } = wrapperRef.current.getBoundingClientRect();\n const yOffset = 10;\n\n const { xModifier, yModifier } = getXYModifiersForNestedDropdowns(portalContainer?.current);\n const positionTop = height + y + yOffset - yModifier;\n const positionLeft = x - xModifier;\n const isInModal = isChildOfModal(wrapperRef);\n const zIndex = isInModal ? DROPDOWN_ON_MODAL_Z_INDEX : DROPDOWN_Z_INDEX;\n\n screenWidthName === SCREEN_XS\n ? setStyles({ top: `0px`, left: `0px`, zIndex })\n : setStyles({ top: `${positionTop}px`, left: `${positionLeft}px`, zIndex });\n }\n }, [portalContainer, screenWidthName, wrapperRef, isOpen]);\n\n return createPortal(\n <TransitionGroup component={null}>\n {isOpen === true ? (\n <CSSTransition\n timeout={200}\n classNames={{\n enter: cssClasses['dropdown-enter'],\n enterActive: cssClasses['dropdown-enter-active'],\n exit: cssClasses['dropdown-exit'],\n exitActive: cssClasses['dropdown-exit-active'],\n }}\n >\n <div ref={contentRef} style={styles} className={contentClassName}>\n <div className={cssClasses[cssDropdownHeader]}>\n <div onClick={() => typeof toggleDropdown === 'function' && toggleDropdown()}>\n {headerComponent ?? (\n <div className={cssClasses[cssDropdownHeaderContent]}>\n {headerGoBackIcon \|\| <IconArrow className={iconCssClasses['icon_rotate-180']} />}\n <span className={cssClasses[cssDropdownHeaderTitle]}>{headerGoBackText ?? t('Go back')}</span>\n </div>\n )}\n </div>\n </div>\n {children}\n </div>\n </CSSTransition>\n ) : null}\n </TransitionGroup>,\n portalContainer?.current \|\| document.body\n );\n};\n\nexport default Content;\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAyBA;;;;;;IAMM,OAAO,GAAoC,UAAC,EAOjD;QANG,oCAAe,EACf,sCAAgB,EAChB,sCAAgB,EAChB,sBAAQ,EACR,iBAAkB,EAAlB,uCAAkB,EAClB,oCAAe;IAER,IAAA,uBAAC,CAAqB;IAC7B,IAAM,UAAU,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IAC1C,IAAA,yBAA+E,EAA7E,0BAAU,EAAE,kCAAc,EAAE,kBAAiD,CAAC;IAChF,IAAA;;;;MAIJ,EAJK,cAAM,EAAE,iBAIb,CAAC;IACH,IAAM,gBAAgB,GAAG,UAAU,CAAC,CAAC,kBAAkB,EAAE,SAAS,KAAK,OAAO,IAAI,uBAAuB,CAAC,EAAE,UAAU,CAAC,CAAC;IACxH,IAAM,eAAe,GAAG,eAAe,EAAE,CAAC;IAE1C,IAAM,IAAI,GAAG,CAAC,UAAU,CAAC,CAAC;IAC1B,IAAI,UAAU,EAAE;QACZ,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;KACzB;IAED,eAAe,CAAC,IAAI,EAAE;QAClB,IAAI,OAAO,cAAc,KAAK,UAAU,EAAE;YACtC,cAAc,EAAE,CAAC;SACpB;KACJ,CAAC,CAAC;IAEH,SAAS,CAAC;QACN,IAAI,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,OAAO,EAAE;YACf,IAAA,+CAA6D,EAA3D,QAAC,EAAE,QAAC,EAAE,kBAAqD,CAAC;YACpE,IAAM,OAAO,GAAG,EAAE,CAAC;YAEb,IAAA,gIAAqF,EAAnF,wBAAS,EAAE,wBAAwE,CAAC;YAC5F,IAAM,WAAW,GAAG,MAAM,GAAG,CAAC,GAAG,OAAO,GAAG,SAAS,CAAC;YACrD,IAAM,YAAY,GAAG,CAAC,GAAG,SAAS,CAAC;YACnC,IAAM,SAAS,GAAG,cAAc,CAAC,UAAU,CAAC,CAAC;YAC7C,IAAM,MAAM,GAAG,SAAS,GAAG,yBAAyB,GAAG,gBAAgB,CAAC;YAExE,eAAe,KAAK,SAAS;kBACvB,SAAS,CAAC,EAAE,GAAG,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,QAAA,EAAE,CAAC;kBAC9C,SAAS,CAAC,EAAE,GAAG,EAAK,WAAW,OAAI,EAAE,IAAI,EAAK,YAAY,OAAI,EAAE,MAAM,QAAA,EAAE,CAAC,CAAC;SACnF;KACJ,EAAE,CAAC,eAAe,EAAE,eAAe,EAAE,UAAU,EAAE,MAAM,CAAC,CAAC,CAAC;IAE3D,OAAO,YAAY,CACf,oBAAC,eAAe,IAAC,SAAS,EAAE,IAAI,IAC3B,MAAM,KAAK,IAAI,IACZ,oBAAC,aAAa,IACV,OAAO,EAAE,GAAG,EACZ,UAAU,EAAE;YACR,KAAK,EAAE,UAAU,CAAC,gBAAgB,CAAC;YACnC,WAAW,EAAE,UAAU,CAAC,uBAAuB,CAAC;YAChD,IAAI,EAAE,UAAU,CAAC,eAAe,CAAC;YACjC,UAAU,EAAE,UAAU,CAAC,sBAAsB,CAAC;SACjD;QAED,6BAAK,GAAG,EAAE,UAAU,EAAE,KAAK,EAAE,MAAM,EAAE,SAAS,EAAE,gBAAgB;YAC5D,6BAAK,SAAS,EAAE,UAAU,CAAC,iBAAiB,CAAC;gBACzC,6BAAK,OAAO,EAAE,cAAM,OAAA,OAAO,cAAc,KAAK,UAAU,IAAI,cAAc,EAAE,GAAA,IACvE,eAAe,aAAf,eAAe,cAAf,eAAe,IACZ,6BAAK,SAAS,EAAE,UAAU,CAAC,wBAAwB,CAAC;oBAC/C,gBAAgB,IAAI,oBAAC,SAAS,IAAC,SAAS,EAAE,cAAc,CAAC,iBAAiB,CAAC,GAAI;oBAChF,8BAAM,SAAS,EAAE,UAAU,CAAC,sBAAsB,CAAC,IAAG,gBAAgB,aAAhB,gBAAgB,cAAhB,gBAAgB,GAAI,CAAC,CAAC,SAAS,CAAC,CAAQ,CAC5F,CACT,CACC,CACJ;YACL,QAAQ,CACP,CACM,IAChB,IAAI,CACM,EAClB,CAAA,eAAe,aAAf,eAAe,uBAAf,eAAe,CAAE,OAAO,KAAI,QAAQ,CAAC,IAAI,CAC5C,CAAC;AACN;;;;"}

package/build/esm/src/components/dropdown/css_classes.d.ts CHANGED Viewed

@@ -1,5 +1,6 @@
 export declare const cssDropdown = "dropdown";
 export declare const cssDropdownContent: string;
+export declare const cssDropdownContentRight: string;
 export declare const cssDropdownHeader: string;
 export declare const cssDropdownHeaderIcon: string;
 export declare const cssDropdownHeaderTitle: string;

package/build/esm/src/components/dropdown/css_classes.js CHANGED Viewed

@@ -1,5 +1,6 @@
 var cssDropdown = 'dropdown';
 var cssDropdownContent = cssDropdown + "__content";
+var cssDropdownContentRight = cssDropdownContent + "_right";
 var cssDropdownHeader = cssDropdown + "__header";
 var cssDropdownHeaderTitle = cssDropdown + "__header-title";
 var cssDropdownHeaderContent = cssDropdown + "__header-content";
@@ -13,5 +14,5 @@ var cssDropdownListItemSelected = cssDropdown + "__list-item_selected";
 var cssDropdownListItemDisabled = cssDropdown + "__list-item_disabled";
 var cssDropdownListItemReadonly = cssDropdown + "__list-item_readonly";
-export { cssDropdown, cssDropdownContent, cssDropdownHeader, cssDropdownHeaderContent, cssDropdownHeaderTitle, cssDropdownList, cssDropdownListHead, cssDropdownListItem, cssDropdownListItemDisabled, cssDropdownListItemReadonly, cssDropdownListItemSelected, cssDropdownListWithGroup, cssDropdownSearch, cssDropdownWithScroll };
+export { cssDropdown, cssDropdownContent, cssDropdownContentRight, cssDropdownHeader, cssDropdownHeaderContent, cssDropdownHeaderTitle, cssDropdownList, cssDropdownListHead, cssDropdownListItem, cssDropdownListItemDisabled, cssDropdownListItemReadonly, cssDropdownListItemSelected, cssDropdownListWithGroup, cssDropdownSearch, cssDropdownWithScroll };
 //# sourceMappingURL=css_classes.js.map

package/build/esm/src/components/dropdown/css_classes.js.map CHANGED Viewed

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

package/build/esm/src/components/dropdown/types.d.ts CHANGED Viewed

@@ -39,6 +39,7 @@ export interface IDropdownContentProps {
     headerGoBackText?: string;
     headerGoBackIcon?: JSX.Element;
     portalContainer?: RefObject<HTMLElement>;
+    arrowSide?: 'left' | 'right';
 }
 export interface IDropdownSearchProps {
     onKeyUp: (ev: React.KeyboardEvent<Element>) => void;

package/build/esm/src/css/dropdown/main.module.less.js CHANGED Viewed

@@ -1,7 +1,7 @@
 import styleInject from '../../../node_modules/style-inject/dist/style-inject.es.js';
-var css_248z = "/* font colors */\n/* actions */\n/* background */\n/* errors */\n/* borders */\n/* grid */\n/* scrollBar */\n/* sizes */\n/** Form Variables */\n/** Errors */\n@media (max-width: 576px) {\n  .main-module_dropdown__content__X9kz_ {\n    display: flex;\n    flex-direction: column;\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n  }\n  .main-module_dropdown__header__kvhNn {\n    display: block;\n  }\n  .main-module_dropdown__header-title__7NXxw {\n    margin-left: 0.5rem;\n  }\n}\n@media (min-width: 576px) {\n  .main-module_dropdown__header__kvhNn {\n    display: none;\n  }\n}\n.main-module_dropdown__36KKf {\n  position: relative;\n  -webkit-user-select: none;\n     -moz-user-select: none;\n      -ms-user-select: none;\n          user-select: none;\n}\n.main-module_dropdown__content__X9kz_ {\n  flex: 0 0 auto;\n  position: absolute;\n  top: 0;\n  left: 0;\n  z-index: 1200;\n  width: auto;\n  padding: 0.5rem 0;\n  background-color: #ffffff;\n  border-radius: 3px;\n  box-shadow: 0 0px 25px 0 rgba(0, 0, 0, 0.2);\n}\n.main-module_dropdown__content__X9kz_::before {\n  content: '';\n  display: block;\n  position: absolute;\n  top: -14px;\n  left: 7px;\n  border-width: 7px;\n  border-style: solid;\n  border-color: transparent transparent #ffffff transparent;\n}\n.main-module_dropdown__list__2bd_r {\n  flex: 0 0 auto;\n  padding: 0;\n  width: 100%;\n  min-width: 20rem;\n  text-align: left;\n  font-size: 14px;\n  font-size: 1rem;\n}\n.main-module_dropdown__list__2bd_r > li {\n  list-style: none;\n}\n.main-module_dropdown__list-head__2Uyb0 {\n  padding: 0.5rem 0 0.5rem 1rem;\n}\n.main-module_dropdown__list_with-scroll__KP9yO {\n  scrollbar-color: #79829c #ffffff;\n  scrollbar-width: thin;\n  max-height: 280px;\n  overflow-y: auto;\n}\n.main-module_dropdown__list_with-scroll__KP9yO::-webkit-scrollbar {\n  width: 7px;\n}\n.main-module_dropdown__list_with-scroll__KP9yO::-webkit-scrollbar-track {\n  background-color: #ffffff;\n}\n.main-module_dropdown__list_with-scroll__KP9yO::-webkit-scrollbar-track:hover {\n  background-color: #f3f4f8;\n}\n.main-module_dropdown__list_with-scroll__KP9yO::-webkit-scrollbar-thumb {\n  background-color: #5c657e;\n}\n.main-module_dropdown__list_with-scroll__KP9yO::-webkit-scrollbar-thumb:hover {\n  background-color: #2d3748;\n}\n.main-module_dropdown__list-item__1u185 {\n  display: block;\n  padding: 0.5rem 1rem;\n  cursor: default;\n}\n.main-module_dropdown__list-item__1u185:hover {\n  background-color: #f5f7ff;\n}\n.main-module_dropdown__list-item_selected__2GYQr {\n  background-color: #f5f7ff;\n}\n.main-module_dropdown__list-item_disabled__1Psh7 {\n  color: #abb4cd;\n}\n.main-module_dropdown__list-item_readonly__3bbj0 {\n  color: #abb4cd;\n}\n.main-module_dropdown__search__1Moob {\n  padding: 0.5rem 1rem 0.5rem;\n}\n.main-module_dropdown__header__kvhNn {\n  margin: calc(1rem * 0.5) 1rem;\n}\n.main-module_dropdown__header-content__10Zg9 {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n}\n.main-module_dropdown__header-icon__30vfb {\n  margin-right: 1rem;\n  color: #abb4cd;\n  font-size: 10px;\n  font-size: 0.7142857142857143rem;\n}\n.main-module_dropdown__header-title__7NXxw {\n  font-weight: 600;\n  color: #5c657e;\n}\n.main-module_select__1ocPo {\n  position: relative;\n  display: flex;\n  flex: 0 2 auto;\n  align-items: center;\n  width: 100%;\n}\n.main-module_select__1ocPo::after {\n  content: '';\n  position: absolute;\n  display: block;\n  right: 0.715em;\n  width: 7px;\n  height: 7px;\n  margin-top: -2px;\n  transform: rotate(-45deg);\n  border-width: 0 0 1px 1px;\n  border-style: solid;\n  border-color: #3c83ec;\n}\n.main-module_select__1ocPo input {\n  text-overflow: ellipsis;\n}\n.main-module_dropdown-enter__2RGtd,\n.main-module_modal-enter__I5ELD {\n  opacity: 0;\n  transform: translate3d(0, -2rem, 0);\n}\n.main-module_mask-enter__32s5F {\n  opacity: 0;\n}\n.main-module_dropdown-enter-active__ob1fb,\n.main-module_modal-enter-active__3BMYq {\n  opacity: 1;\n  transform: translate3d(0, 0, 0);\n  transition: transform 0.2s, opacity 0.2s;\n}\n.main-module_mask-enter-active__1WgVf {\n  opacity: 1;\n  transition: opacity 0.1s;\n}\n.main-module_dropdown-exit__3b2wX,\n.main-module_modal-exit__y2N_F {\n  opacity: 1;\n  transform: translate3d(0, 0, 0);\n}\n.main-module_mask-exit__325a4 {\n  opacity: 1;\n}\n.main-module_dropdown-exit-active__22rth,\n.main-module_modal-exit-active__ID7ce {\n  opacity: 0;\n  transform: translate3d(0, -2rem, 0);\n  transition: transform 0.2s, opacity 0.2s;\n}\n.main-module_mask-exit-active__2qs-r {\n  opacity: 0;\n  transition: opacity 0.1s;\n}\n";
-var cssClasses = {"dropdown__content":"main-module_dropdown__content__X9kz_","dropdown__header":"main-module_dropdown__header__kvhNn","dropdown__header-title":"main-module_dropdown__header-title__7NXxw","dropdown":"main-module_dropdown__36KKf","dropdown__list":"main-module_dropdown__list__2bd_r","dropdown__list-head":"main-module_dropdown__list-head__2Uyb0","dropdown__list_with-scroll":"main-module_dropdown__list_with-scroll__KP9yO","dropdown__list-item":"main-module_dropdown__list-item__1u185","dropdown__list-item_selected":"main-module_dropdown__list-item_selected__2GYQr","dropdown__list-item_disabled":"main-module_dropdown__list-item_disabled__1Psh7","dropdown__list-item_readonly":"main-module_dropdown__list-item_readonly__3bbj0","dropdown__search":"main-module_dropdown__search__1Moob","dropdown__header-content":"main-module_dropdown__header-content__10Zg9","dropdown__header-icon":"main-module_dropdown__header-icon__30vfb","select":"main-module_select__1ocPo","dropdown-enter":"main-module_dropdown-enter__2RGtd","modal-enter":"main-module_modal-enter__I5ELD","mask-enter":"main-module_mask-enter__32s5F","dropdown-enter-active":"main-module_dropdown-enter-active__ob1fb","modal-enter-active":"main-module_modal-enter-active__3BMYq","mask-enter-active":"main-module_mask-enter-active__1WgVf","dropdown-exit":"main-module_dropdown-exit__3b2wX","modal-exit":"main-module_modal-exit__y2N_F","mask-exit":"main-module_mask-exit__325a4","dropdown-exit-active":"main-module_dropdown-exit-active__22rth","modal-exit-active":"main-module_modal-exit-active__ID7ce","mask-exit-active":"main-module_mask-exit-active__2qs-r"};
+var css_248z = "/* font colors */\n/* actions */\n/* background */\n/* errors */\n/* borders */\n/* grid */\n/* scrollBar */\n/* sizes */\n/** Form Variables */\n/** Errors */\n@media (max-width: 576px) {\n  .main-module_dropdown__content__X9kz_ {\n    display: flex;\n    flex-direction: column;\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n  }\n  .main-module_dropdown__header__kvhNn {\n    display: block;\n  }\n  .main-module_dropdown__header-title__7NXxw {\n    margin-left: 0.5rem;\n  }\n}\n@media (min-width: 576px) {\n  .main-module_dropdown__header__kvhNn {\n    display: none;\n  }\n}\n.main-module_dropdown__36KKf {\n  position: relative;\n  -webkit-user-select: none;\n     -moz-user-select: none;\n      -ms-user-select: none;\n          user-select: none;\n}\n.main-module_dropdown__content__X9kz_ {\n  flex: 0 0 auto;\n  position: absolute;\n  top: 0;\n  left: 0;\n  z-index: 1200;\n  width: auto;\n  padding: 0.5rem 0;\n  background-color: #ffffff;\n  border-radius: 3px;\n  box-shadow: 0 0px 25px 0 rgba(0, 0, 0, 0.2);\n}\n.main-module_dropdown__content__X9kz_::before {\n  content: '';\n  display: block;\n  position: absolute;\n  top: -14px;\n  left: 7px;\n  border-width: 7px;\n  border-style: solid;\n  border-color: transparent transparent #ffffff transparent;\n}\n.main-module_dropdown__content_right__Rp4hR::before {\n  display: none;\n}\n.main-module_dropdown__content_right__Rp4hR::after {\n  content: '';\n  display: block;\n  position: absolute;\n  top: -14px;\n  right: 7px;\n  border-width: 7px;\n  border-style: solid;\n  border-color: transparent transparent #ffffff transparent;\n}\n.main-module_dropdown__list__2bd_r {\n  flex: 0 0 auto;\n  padding: 0;\n  width: 100%;\n  min-width: 20rem;\n  text-align: left;\n  font-size: 14px;\n  font-size: 1rem;\n}\n.main-module_dropdown__list__2bd_r > li {\n  list-style: none;\n}\n.main-module_dropdown__list-head__2Uyb0 {\n  padding: 0.5rem 0 0.5rem 1rem;\n}\n.main-module_dropdown__list_with-scroll__KP9yO {\n  scrollbar-color: #79829c #ffffff;\n  scrollbar-width: thin;\n  max-height: 280px;\n  overflow-y: auto;\n}\n.main-module_dropdown__list_with-scroll__KP9yO::-webkit-scrollbar {\n  width: 7px;\n}\n.main-module_dropdown__list_with-scroll__KP9yO::-webkit-scrollbar-track {\n  background-color: #ffffff;\n}\n.main-module_dropdown__list_with-scroll__KP9yO::-webkit-scrollbar-track:hover {\n  background-color: #f3f4f8;\n}\n.main-module_dropdown__list_with-scroll__KP9yO::-webkit-scrollbar-thumb {\n  background-color: #5c657e;\n}\n.main-module_dropdown__list_with-scroll__KP9yO::-webkit-scrollbar-thumb:hover {\n  background-color: #2d3748;\n}\n.main-module_dropdown__list-item__1u185 {\n  display: block;\n  padding: 0.5rem 1rem;\n  cursor: default;\n}\n.main-module_dropdown__list-item__1u185:hover {\n  background-color: #f5f7ff;\n}\n.main-module_dropdown__list-item_selected__2GYQr {\n  background-color: #f5f7ff;\n}\n.main-module_dropdown__list-item_disabled__1Psh7 {\n  color: #abb4cd;\n}\n.main-module_dropdown__list-item_readonly__3bbj0 {\n  color: #abb4cd;\n}\n.main-module_dropdown__search__1Moob {\n  padding: 0.5rem 1rem 0.5rem;\n}\n.main-module_dropdown__header__kvhNn {\n  margin: calc(1rem * 0.5) 1rem;\n}\n.main-module_dropdown__header-content__10Zg9 {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n}\n.main-module_dropdown__header-icon__30vfb {\n  margin-right: 1rem;\n  color: #abb4cd;\n  font-size: 10px;\n  font-size: 0.7142857142857143rem;\n}\n.main-module_dropdown__header-title__7NXxw {\n  font-weight: 600;\n  color: #5c657e;\n}\n.main-module_select__1ocPo {\n  position: relative;\n  display: flex;\n  flex: 0 2 auto;\n  align-items: center;\n  width: 100%;\n}\n.main-module_select__1ocPo::after {\n  content: '';\n  position: absolute;\n  display: block;\n  right: 0.715em;\n  width: 7px;\n  height: 7px;\n  margin-top: -2px;\n  transform: rotate(-45deg);\n  border-width: 0 0 1px 1px;\n  border-style: solid;\n  border-color: #3c83ec;\n}\n.main-module_select__1ocPo input {\n  text-overflow: ellipsis;\n}\n.main-module_dropdown-enter__2RGtd,\n.main-module_modal-enter__I5ELD {\n  opacity: 0;\n  transform: translate3d(0, -2rem, 0);\n}\n.main-module_mask-enter__32s5F {\n  opacity: 0;\n}\n.main-module_dropdown-enter-active__ob1fb,\n.main-module_modal-enter-active__3BMYq {\n  opacity: 1;\n  transform: translate3d(0, 0, 0);\n  transition: transform 0.2s, opacity 0.2s;\n}\n.main-module_mask-enter-active__1WgVf {\n  opacity: 1;\n  transition: opacity 0.1s;\n}\n.main-module_dropdown-exit__3b2wX,\n.main-module_modal-exit__y2N_F {\n  opacity: 1;\n  transform: translate3d(0, 0, 0);\n}\n.main-module_mask-exit__325a4 {\n  opacity: 1;\n}\n.main-module_dropdown-exit-active__22rth,\n.main-module_modal-exit-active__ID7ce {\n  opacity: 0;\n  transform: translate3d(0, -2rem, 0);\n  transition: transform 0.2s, opacity 0.2s;\n}\n.main-module_mask-exit-active__2qs-r {\n  opacity: 0;\n  transition: opacity 0.1s;\n}\n";
+var cssClasses = {"dropdown__content":"main-module_dropdown__content__X9kz_","dropdown__header":"main-module_dropdown__header__kvhNn","dropdown__header-title":"main-module_dropdown__header-title__7NXxw","dropdown":"main-module_dropdown__36KKf","dropdown__content_right":"main-module_dropdown__content_right__Rp4hR","dropdown__list":"main-module_dropdown__list__2bd_r","dropdown__list-head":"main-module_dropdown__list-head__2Uyb0","dropdown__list_with-scroll":"main-module_dropdown__list_with-scroll__KP9yO","dropdown__list-item":"main-module_dropdown__list-item__1u185","dropdown__list-item_selected":"main-module_dropdown__list-item_selected__2GYQr","dropdown__list-item_disabled":"main-module_dropdown__list-item_disabled__1Psh7","dropdown__list-item_readonly":"main-module_dropdown__list-item_readonly__3bbj0","dropdown__search":"main-module_dropdown__search__1Moob","dropdown__header-content":"main-module_dropdown__header-content__10Zg9","dropdown__header-icon":"main-module_dropdown__header-icon__30vfb","select":"main-module_select__1ocPo","dropdown-enter":"main-module_dropdown-enter__2RGtd","modal-enter":"main-module_modal-enter__I5ELD","mask-enter":"main-module_mask-enter__32s5F","dropdown-enter-active":"main-module_dropdown-enter-active__ob1fb","modal-enter-active":"main-module_modal-enter-active__3BMYq","mask-enter-active":"main-module_mask-enter-active__1WgVf","dropdown-exit":"main-module_dropdown-exit__3b2wX","modal-exit":"main-module_modal-exit__y2N_F","mask-exit":"main-module_mask-exit__325a4","dropdown-exit-active":"main-module_dropdown-exit-active__22rth","modal-exit-active":"main-module_modal-exit-active__ID7ce","mask-exit-active":"main-module_mask-exit-active__2qs-r"};
 styleInject(css_248z);
 export default cssClasses;

package/package.json CHANGED Viewed

@@ -1,7 +1,7 @@
 {
     "name": "@dreamcommerce/aurora",
     "sideEffects": false,
-    "version": "0.3.4-168",
+    "version": "0.3.4-171",
     "description": "aurora",
     "author": "k0ssak",
     "license": "MIT",

package/build/esm/src/src/components/controls/components/textarea.d.ts DELETED Viewed

@@ -1,4 +0,0 @@
-import React from 'react';
-import { ITextareaProps } from '../types';
-declare const Textarea: React.FC<ITextareaProps>;
-export default Textarea;

package/build/esm/src/src/components/controls/hoc/control_cell_selector/index.d.ts DELETED Viewed

@@ -1,4 +0,0 @@
-import React from 'react';
-import { IControlCellSelector } from '../../types';
-declare const ControlCellSelector: React.FC<IControlCellSelector>;
-export default ControlCellSelector;

package/build/esm/src/src/components/controls/hoc/control_checkbox/index.d.ts DELETED Viewed

@@ -1,16 +0,0 @@
-import React from 'react';
-import { IControlCheckboxProps } from '../../types';
-/**
- * @component
- * @example
- * return (
- *  <ControlCheckbox
- *      id="checkbox_example"
- *      label="Label"
- *      labelPosition="left"
- *      checked
- *  />
- * )
- */
-declare const ControlCheckbox: React.FC<IControlCheckboxProps>;
-export default ControlCheckbox;

package/build/esm/src/src/components/controls/hoc/control_checkbox_switch/index.d.ts DELETED Viewed

@@ -1,16 +0,0 @@
-import React from 'react';
-import { IControlCheckboxProps } from '../../types';
-/**
- * @component
- * @example
- * return (
- *  <ControlCheckbox
- *      id="checkbox_example"
- *      label="Label"
- *      labelPosition="left"
- *      checked
- *  />
- * )
- */
-declare const ControlCheckboxSwitch: React.FC<IControlCheckboxProps>;
-export default ControlCheckboxSwitch;

package/build/esm/src/src/components/controls/hoc/control_color_picker/index.d.ts DELETED Viewed

@@ -1,16 +0,0 @@
-import React from 'react';
-import { IControlColorPickerProps } from '@components/controls/types';
-/**
- * @component
- * @example
- * return (
- *  <ControlColorPicker
- *      initialColor="#FF00FF"
- *      name="Example color picker"
- *      isRequired
- *      label="Example color picker label"
- *  />
- * )
- */
-declare const ControlColorPicker: React.FC<IControlColorPickerProps>;
-export default ControlColorPicker;

package/build/esm/src/src/components/controls/hoc/control_date_picker/index.d.ts DELETED Viewed

@@ -1,4 +0,0 @@
-/// <reference types="react" />
-import { IDatepickerProps } from '@components/date_picker/types';
-declare const DatePickerWithDropdown: (props: IDatepickerProps) => JSX.Element;
-export default DatePickerWithDropdown;

package/build/esm/src/src/components/controls/hoc/control_file_picker/index.d.ts DELETED Viewed

@@ -1,4 +0,0 @@
-import React from 'react';
-import { IControlFilePicker } from '../../types';
-declare const ControlFilePicker: React.FC<IControlFilePicker>;
-export default ControlFilePicker;

package/build/esm/src/src/components/controls/hoc/control_input/index.d.ts DELETED Viewed

@@ -1,19 +0,0 @@
-import React from 'react';
-import { IControlInputProps } from '../../types';
-/**
- * @component
- * @example
- * return (
- *  <ControlInput
- *      label="Label"
- *      isRequired={true}
- *      id="input_example"
- *      postfix="zł"
- *      placeholder="Enter text"
- *      value="example"
- *      onChange={() => {}}
- *  />
- * )
- */
-declare const ControlInput: React.FC<IControlInputProps>;
-export default ControlInput;

package/build/esm/src/src/components/controls/hoc/control_multi_select/index.d.ts DELETED Viewed

@@ -1,4 +0,0 @@
-import React from 'react';
-import { IControlMultiSelectProps } from '../../types';
-declare const ControlMultiSelect: React.FC<IControlMultiSelectProps>;
-export default ControlMultiSelect;

package/build/esm/src/src/components/controls/hoc/control_radio/index.d.ts DELETED Viewed

@@ -1,16 +0,0 @@
-import React from 'react';
-import { IControlRadioProps } from '../../types';
-/**
- * @component
- * @example
- * return (
- *  <ControlRadio
- *      id="checkbox_example"
- *      label="Label"
- *      labelPosition="left"
- *      checked
- *  />
- * )
- */
-declare const ControlRadio: React.FC<IControlRadioProps>;
-export default ControlRadio;

package/build/esm/src/src/components/controls/hoc/control_radio_group/index.d.ts DELETED Viewed

@@ -1,4 +0,0 @@
-import React from 'react';
-import { IControlRadioGroup } from '../../types';
-declare const ControlRadioGroup: React.FC<IControlRadioGroup>;
-export default ControlRadioGroup;

package/build/esm/src/src/components/controls/hoc/control_range/index.d.ts DELETED Viewed

@@ -1,4 +0,0 @@
-import React from 'react';
-import { IControlRange } from '../../types';
-declare const ControlRange: React.FC<IControlRange>;
-export default ControlRange;

package/build/esm/src/src/components/controls/hoc/control_select/index.d.ts DELETED Viewed

@@ -1,19 +0,0 @@
-import React from 'react';
-import { IControlSelectProps } from '../../types';
-/**
- * @component
- * @example
- * return (
- *  <ControlInput
- *      label="Label"
- *      isRequired={true}
- *      id="input_example"
- *      postfix="zł"
- *      placeholder="Enter text"
- *      value="example"
- *      onChange={() => {}}
- *  />
- * )
- */
-declare const ControlSelect: React.FC<IControlSelectProps>;
-export default ControlSelect;

package/build/esm/src/src/components/controls/hoc/control_tags_selector/index.d.ts DELETED Viewed

@@ -1,4 +0,0 @@
-import React from 'react';
-import { IControlTagsSelectorProps } from '../../types';
-declare const ControlTagsSelector: React.FC<IControlTagsSelectorProps>;
-export default ControlTagsSelector;