@dreamcommerce/aurora 0.3.4-15 → 0.3.4-150

package/build/cjs/src/components/grid/constants.js

@@ -0,0 +1,36 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var GRID_SIZE_FULL = 'container_full';
+var GRID_SIZE_LARGE = 'container_l';
+var GRID_SIZE_SMALL = 'container_s';
+var GRID_SIZE_MAP = {
+    full: GRID_SIZE_FULL,
+    small: GRID_SIZE_SMALL,
+    large: GRID_SIZE_LARGE,
+    '': ''
+};
+var ROW_VERTICAL_MAP = {
+    top: 'row_vtop',
+    center: 'row_vcenter',
+    bottom: 'row_vbottom',
+    stretch: 'row_vstretch',
+    '': ''
+};
+var ROW_HORIZONTAL_MAP = {
+    left: 'row_hleft',
+    center: 'row_hcenter',
+    right: 'row_hright',
+    between: 'row_hbetween',
+    around: 'row_haround',
+    '': ''
+};
+
+exports.GRID_SIZE_FULL = GRID_SIZE_FULL;
+exports.GRID_SIZE_LARGE = GRID_SIZE_LARGE;
+exports.GRID_SIZE_MAP = GRID_SIZE_MAP;
+exports.GRID_SIZE_SMALL = GRID_SIZE_SMALL;
+exports.ROW_HORIZONTAL_MAP = ROW_HORIZONTAL_MAP;
+exports.ROW_VERTICAL_MAP = ROW_VERTICAL_MAP;
+//# sourceMappingURL=constants.js.map

package/build/cjs/src/components/grid/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.js","sources":["../../../../../src/components/grid/constants.tsx"],"sourcesContent":["export const GRID_SIZE_FULL = 'container_full';\nexport const GRID_SIZE_LARGE = 'container_l';\nexport const GRID_SIZE_SMALL = 'container_s';\n\nexport const GRID_SIZE_MAP = {\n    full: GRID_SIZE_FULL,\n    small: GRID_SIZE_SMALL,\n    large: GRID_SIZE_LARGE,\n    '': ''\n};\n\nexport const ROW_VERTICAL_MAP = {\n    top: 'row_vtop',\n    center: 'row_vcenter',\n    bottom: 'row_vbottom',\n    stretch: 'row_vstretch',\n    '': ''\n};\nexport const ROW_HORIZONTAL_MAP = {\n    left: 'row_hleft',\n    center: 'row_hcenter',\n    right: 'row_hright',\n    between: 'row_hbetween',\n    around: 'row_haround',\n    '': ''\n};\n"],"names":[],"mappings":";;;;IAAa,cAAc,GAAG,iBAAiB;IAClC,eAAe,GAAG,cAAc;IAChC,eAAe,GAAG,cAAc;IAEhC,aAAa,GAAG;IACzB,IAAI,EAAE,cAAc;IACpB,KAAK,EAAE,eAAe;IACtB,KAAK,EAAE,eAAe;IACtB,EAAE,EAAE,EAAE;EACR;IAEW,gBAAgB,GAAG;IAC5B,GAAG,EAAE,UAAU;IACf,MAAM,EAAE,aAAa;IACrB,MAAM,EAAE,aAAa;IACrB,OAAO,EAAE,cAAc;IACvB,EAAE,EAAE,EAAE;EACR;IACW,kBAAkB,GAAG;IAC9B,IAAI,EAAE,WAAW;IACjB,MAAM,EAAE,aAAa;IACrB,KAAK,EAAE,YAAY;IACnB,OAAO,EAAE,cAAc;IACvB,MAAM,EAAE,aAAa;IACrB,EAAE,EAAE,EAAE;;;;;;;;;;"}

package/build/cjs/src/components/grid/index.js

@@ -0,0 +1,26 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var classNames = require('../../utilities/styles/classNames.js');
+var constants = require('./constants.js');
+var main_module = require('../../css/grid/main.module.less.js');
+var row = require('./components/row.js');
+var col = require('./components/col.js');
+var box = require('./components/box.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+var Grid = function (_a) {
+    var _b = _a.size, size = _b === void 0 ? '' : _b, _c = _a.className, className = _c === void 0 ? '' : _c, children = _a.children;
+    return React__default['default'].createElement("div", { className: classNames.classNames(['container', className, constants.GRID_SIZE_MAP[size]], main_module['default']) }, children);
+};
+Grid.Row = row['default'];
+Grid.Col = col['default'];
+Grid.Box = box['default'];
+
+exports.default = Grid;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../src/components/grid/index.tsx"],"sourcesContent":["import React, { FC } from 'react';\nimport { classNames } from '@utilities/styles/classNames';\nimport Row from '@components/grid/components/row';\nimport Col from '@components/grid/components/col';\nimport Box from '@components/grid/components/box';\nimport styles from '@css/grid/main.module.less';\nimport { IGridComposition, IGridProps } from './types';\nimport { GRID_SIZE_MAP } from './constants';\n\nconst Grid: FC<IGridProps> & IGridComposition = ({ size = '', className = '', children }) => {\n    return <div className={classNames(['container', className, GRID_SIZE_MAP[size]], styles)}>{children}</div>;\n};\n\nGrid.Row = Row;\nGrid.Col = Col;\nGrid.Box = Box;\n\nexport default Grid;\n"],"names":["React","classNames","GRID_SIZE_MAP","styles","Row","Col","Box"],"mappings":";;;;;;;;;;;;;;;;IASM,IAAI,GAAsC,UAAC,EAAuC;QAArC,YAAS,EAAT,8BAAS,EAAE,iBAAc,EAAd,mCAAc,EAAE,sBAAQ;IAClF,OAAOA,iDAAK,SAAS,EAAEC,qBAAU,CAAC,CAAC,WAAW,EAAE,SAAS,EAAEC,uBAAa,CAAC,IAAI,CAAC,CAAC,EAAEC,sBAAM,CAAC,IAAG,QAAQ,CAAO,CAAC;AAC/G,EAAE;AAEF,IAAI,CAAC,GAAG,GAAGC,cAAG,CAAC;AACf,IAAI,CAAC,GAAG,GAAGC,cAAG,CAAC;AACf,IAAI,CAAC,GAAG,GAAGC,cAAG;;;;"}

package/build/cjs/src/components/grid/utils.js

@@ -0,0 +1,33 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+require('react');
+
+/**
+ * function to build class for box, based on props
+ */
+var boxSpacing = function (_a) {
+    var size = _a.size, spacing = _a.spacing, horizontal = _a.horizontal, vertical = _a.vertical;
+    return spacing || horizontal || vertical || size
+        ? "box_spacing" + (horizontal ? '-horizontal' : '') + (vertical ? '-vertical' : '') + (size ? "-" + size : '')
+        : '';
+};
+/**
+ * function to build class for column, based on props
+ */
+var columnOrderClass = function (_a) {
+    var col = _a.col, md = _a.md, sm = _a.sm, xs = _a.xs, lg = _a.lg;
+    return [
+        (xs || col) && "col_order-xs-" + (xs || col),
+        (sm || col) && "col_order-sm-" + (sm || col),
+        (md || col) && "col_order-md-" + (md || col),
+        (lg || col) && "col_order-lg-" + (lg || col)
+    ]
+        .filter(function (col) { return col; })
+        .join(' ');
+};
+
+exports.boxSpacing = boxSpacing;
+exports.columnOrderClass = columnOrderClass;
+//# sourceMappingURL=utils.js.map

package/build/cjs/src/components/grid/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sources":["../../../../../src/components/grid/utils.ts"],"sourcesContent":["import { IBoxProps } from './types';\n\n/**\n * function to build class for box, based on props\n */\nexport const boxSpacing = ({ size, spacing, horizontal, vertical }: IBoxProps) =>\n    spacing || horizontal || vertical || size\n        ? `box_spacing${horizontal ? '-horizontal' : ''}${vertical ? '-vertical' : ''}${size ? `-${size}` : ''}`\n        : '';\n\n/**\n * function to build class for column, based on props\n */\nexport const columnOrderClass = ({ col, md, sm, xs, lg }: { col?: number; md?: number; sm?: number; xs?: number; lg?: number }) =>\n    [\n        (xs || col) && `col_order-xs-${xs || col}`,\n        (sm || col) && `col_order-sm-${sm || col}`,\n        (md || col) && `col_order-md-${md || col}`,\n        (lg || col) && `col_order-lg-${lg || col}`\n    ]\n        .filter((col) => col)\n        .join(' ');\n"],"names":[],"mappings":";;;;;;AAEA;;;IAGa,UAAU,GAAG,UAAC,EAAkD;QAAhD,cAAI,EAAE,oBAAO,EAAE,0BAAU,EAAE,sBAAQ;IAC5D,OAAA,OAAO,IAAI,UAAU,IAAI,QAAQ,IAAI,IAAI;UACnC,iBAAc,UAAU,GAAG,aAAa,GAAG,EAAE,KAAG,QAAQ,GAAG,WAAW,GAAG,EAAE,KAAG,IAAI,GAAG,MAAI,IAAM,GAAG,EAAE,CAAE;UACtG,EAAE;AAFR,EAES;AAEb;;;IAGa,gBAAgB,GAAG,UAAC,EAA6F;QAA3F,YAAG,EAAE,UAAE,EAAE,UAAE,EAAE,UAAE,EAAE,UAAE;IAClD,OAAA;QACI,CAAC,EAAE,IAAI,GAAG,KAAK,mBAAgB,EAAE,IAAI,GAAG,CAAE;QAC1C,CAAC,EAAE,IAAI,GAAG,KAAK,mBAAgB,EAAE,IAAI,GAAG,CAAE;QAC1C,CAAC,EAAE,IAAI,GAAG,KAAK,mBAAgB,EAAE,IAAI,GAAG,CAAE;QAC1C,CAAC,EAAE,IAAI,GAAG,KAAK,mBAAgB,EAAE,IAAI,GAAG,CAAE;KAC7C;SACI,MAAM,CAAC,UAAC,GAAG,IAAK,OAAA,GAAG,GAAA,CAAC;SACpB,IAAI,CAAC,GAAG,CAAC;AAPd;;;;;"}

package/build/cjs/src/components/heading/index.js

@@ -0,0 +1,26 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var classnames = require('classnames');
+var main_module = require('../../css/heading/main.module.less.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var classnames__default = /*#__PURE__*/_interopDefaultLegacy(classnames);
+
+var Heading = function (_a) {
+    var _b = _a.as, as = _b === void 0 ? 'h1' : _b, isSubheading = _a.isSubheading, withHeadline = _a.withHeadline, children = _a.children;
+    var classes = classnames__default['default'](main_module['default'][as], withHeadline && main_module['default'].head_line);
+    if (!isSubheading) {
+        return React__default['default'].createElement("" + as, {
+            className: classes
+        }, children);
+    }
+    return React__default['default'].createElement("span", { className: classes }, children);
+};
+
+exports.default = Heading;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../src/components/heading/index.tsx"],"sourcesContent":["import React from 'react';\n\nimport classnames from 'classnames';\nimport cssClasses from '@css/heading/main.module.less';\n\nimport { IHeadingProps } from './types';\n\nconst Heading: React.FC<IHeadingProps> = ({ as = 'h1', isSubheading, withHeadline, children }): JSX.Element => {\n    const classes = classnames(cssClasses[as], withHeadline && cssClasses.head_line);\n\n    if (!isSubheading) {\n        return React.createElement(\n            `${as}`,\n            {\n                className: classes\n            },\n            children\n        );\n    }\n\n    return <span className={classes}>{children}</span>;\n};\n\nexport default Heading;"],"names":["classnames","cssClasses","React"],"mappings":";;;;;;;;;;;;;IAOM,OAAO,GAA4B,UAAC,EAAmD;QAAjD,UAAS,EAAT,8BAAS,EAAE,8BAAY,EAAE,8BAAY,EAAE,sBAAQ;IACvF,IAAM,OAAO,GAAGA,8BAAU,CAACC,sBAAU,CAAC,EAAE,CAAC,EAAE,YAAY,IAAIA,sBAAU,CAAC,SAAS,CAAC,CAAC;IAEjF,IAAI,CAAC,YAAY,EAAE;QACf,OAAOC,yBAAK,CAAC,aAAa,CACtB,KAAG,EAAI,EACP;YACI,SAAS,EAAE,OAAO;SACrB,EACD,QAAQ,CACX,CAAC;KACL;IAED,OAAOA,kDAAM,SAAS,EAAE,OAAO,IAAG,QAAQ,CAAQ,CAAC;AACvD;;;;"}

package/build/cjs/src/components/hint/index.js

@@ -0,0 +1,31 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var classNames = require('../../utilities/styles/classNames.js');
+var main_module = require('../../css/hint/main.module.less.js');
+var icon_hint = require('../../assets/icon_hint.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+var Hint = function (_a) {
+    var hint = _a.hint, _b = _a.vPosition, vPosition = _b === void 0 ? 'top' : _b, _c = _a.hPosition, hPosition = _c === void 0 ? 'right' : _c, iconClass = _a.iconClass, Icon = _a.Icon, spacingLeft = _a.spacingLeft, spacingRight = _a.spacingRight;
+    var containerClassName = classNames.classNames([
+        'hint',
+        spacingLeft && 'hint_spacing-left',
+        spacingRight && 'hint_spacing-right',
+        hPosition === 'right' && 'hint_right',
+        hPosition === 'center' && 'hint_horizontal-center',
+        vPosition === 'top' && 'hint_top',
+    ], main_module['default']);
+    var IconComponent = Icon || icon_hint['default'];
+    return (React__default['default'].createElement("div", { className: containerClassName },
+        React__default['default'].createElement(IconComponent, { className: iconClass }),
+        React__default['default'].createElement("div", { className: main_module['default']['hint__content'] }, hint)));
+};
+
+exports.default = Hint;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../src/components/hint/index.tsx"],"sourcesContent":["import React from 'react';\nimport styles from '@css/hint/main.module.less';\nimport { classNames } from '@utilities/styles/classNames';\nimport IconHint from '@assets/icon_hint';\n\nexport interface IHint {\n    hint: string;\n    vPosition?: 'top' | 'bottom';\n    hPosition?: 'left' | 'right' | 'center';\n\n    spacingLeft?: boolean;\n    spacingRight?: boolean;\n    iconClass?: string;\n    Icon?: React.FC<{ className?: string }>;\n}\n\nconst Hint: React.FC<IHint> = ({ hint, vPosition = 'top', hPosition = 'right', iconClass, Icon, spacingLeft, spacingRight }) => {\n    const containerClassName = classNames(\n        [\n            'hint',\n            spacingLeft && 'hint_spacing-left',\n            spacingRight && 'hint_spacing-right',\n            hPosition === 'right' && 'hint_right',\n            hPosition === 'center' && 'hint_horizontal-center',\n            vPosition === 'top' && 'hint_top',\n        ],\n        styles\n    );\n\n    const IconComponent = Icon || IconHint;\n\n    return (\n        <div className={containerClassName}>\n            <IconComponent className={iconClass} />\n            <div className={styles['hint__content']}>{hint}</div>\n        </div>\n    );\n};\n\nexport default Hint;\n"],"names":["classNames","styles","IconHint","React"],"mappings":";;;;;;;;;;;;;IAgBM,IAAI,GAAoB,UAAC,EAA4F;QAA1F,cAAI,EAAE,iBAAiB,EAAjB,sCAAiB,EAAE,iBAAmB,EAAnB,wCAAmB,EAAE,wBAAS,EAAE,cAAI,EAAE,4BAAW,EAAE,8BAAY;IACrH,IAAM,kBAAkB,GAAGA,qBAAU,CACjC;QACI,MAAM;QACN,WAAW,IAAI,mBAAmB;QAClC,YAAY,IAAI,oBAAoB;QACpC,SAAS,KAAK,OAAO,IAAI,YAAY;QACrC,SAAS,KAAK,QAAQ,IAAI,wBAAwB;QAClD,SAAS,KAAK,KAAK,IAAI,UAAU;KACpC,EACDC,sBAAM,CACT,CAAC;IAEF,IAAM,aAAa,GAAG,IAAI,IAAIC,oBAAQ,CAAC;IAEvC,QACIC,iDAAK,SAAS,EAAE,kBAAkB;QAC9BA,wCAAC,aAAa,IAAC,SAAS,EAAE,SAAS,GAAI;QACvCA,iDAAK,SAAS,EAAEF,sBAAM,CAAC,eAAe,CAAC,IAAG,IAAI,CAAO,CACnD,EACR;AACN;;;;"}

package/build/cjs/src/components/label/css_classes.js

@@ -0,0 +1,12 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var cssLabel = 'label';
+var cssLabelRequired = cssLabel + "_required";
+var cssLabelError = cssLabel + "_error";
+
+exports.cssLabel = cssLabel;
+exports.cssLabelError = cssLabelError;
+exports.cssLabelRequired = cssLabelRequired;
+//# sourceMappingURL=css_classes.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"css_classes.js","sources":["../../../../../src/components/label/css_classes.ts"],"sourcesContent":["export const cssLabel = 'label';\nexport const cssLabelRequired = `${cssLabel}_required`;\nexport const cssLabelError = `${cssLabel}_error`;\n"],"names":[],"mappings":";;;;IAAa,QAAQ,GAAG,QAAQ;IACnB,gBAAgB,GAAM,QAAQ,eAAY;IAC1C,aAAa,GAAM,QAAQ;;;;;;"}

package/build/cjs/src/components/label/index.js

@@ -0,0 +1,29 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var _tslib = require('../../../_virtual/_tslib.js');
+var classnames = require('classnames');
+var context = require('../controls/context.js');
+var main_module = require('../../css/label/main.module.less.js');
+var css_classes = require('./css_classes.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var classnames__default = /*#__PURE__*/_interopDefaultLegacy(classnames);
+
+var Label = function (_a) {
+    var _b;
+    var _c = _a.isRequired, isRequired = _c === void 0 ? false : _c, children = _a.children, props = _tslib.__rest(_a, ["isRequired", "children"]);
+    var errors = context.useControlContext().errors;
+    var labelClasses = classnames__default['default'](main_module['default'][css_classes.cssLabel], (_b = {},
+        _b[main_module['default'][css_classes.cssLabelRequired]] = isRequired,
+        _b[main_module['default'][css_classes.cssLabelError]] = errors,
+        _b));
+    return (React__default['default'].createElement("label", _tslib.__assign({ className: labelClasses }, props), children));
+};
+
+exports.default = Label;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../src/components/label/index.tsx"],"sourcesContent":["import cssClasses from '@css/label/main.module.less';\n\nimport React from 'react';\n\nimport { ILabelProps } from './types';\nimport { cssLabel, cssLabelRequired, cssLabelError } from './css_classes';\nimport classnames from 'classnames';\nimport { useControlContext } from '@components/controls/context';\n\nconst Label: React.FC<ILabelProps> = ({ isRequired = false, children, ...props }): JSX.Element => {\n    const { errors } = useControlContext();\n\n    const labelClasses = classnames(cssClasses[cssLabel], {\n        [cssClasses[cssLabelRequired]]: isRequired,\n        [cssClasses[cssLabelError]]: errors,\n    });\n\n    return (\n        <label className={labelClasses} {...props}>\n            {children}\n        </label>\n    );\n};\n\nexport default Label;\n"],"names":["classnames","cssClasses","cssLabel","cssLabelRequired","cssLabelError","React"],"mappings":";;;;;;;;;;;;;;;;IASM,KAAK,GAA0B,UAAC,EAA0C;;IAAxC,IAAA,kBAAkB,EAAlB,uCAAkB,EAAE,sBAAQ,EAAE,qDAAQ;IAClE,IAAA,2CAAM,CAAyB;IAEvC,IAAM,YAAY,GAAGA,8BAAU,CAACC,sBAAU,CAACC,oBAAQ,CAAC;QAChD,GAACD,sBAAU,CAACE,4BAAgB,CAAC,IAAG,UAAU;QAC1C,GAACF,sBAAU,CAACG,yBAAa,CAAC,IAAG,MAAM;YACrC,CAAC;IAEH,QACIC,mEAAO,SAAS,EAAE,YAAY,IAAM,KAAK,GACpC,QAAQ,CACL,EACV;AACN;;;;"}

package/build/cjs/src/components/message-box/index.js

@@ -0,0 +1,24 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var classNames = require('../../utilities/styles/classNames.js');
+var main_module = require('../../css/message-box/main.module.less.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+var MessageBox = function (_a) {
+    var children = _a.children, header = _a.header, type = _a.type, withoutIcon = _a.withoutIcon, fullWidth = _a.fullWidth, className = _a.className;
+    var messageBoxClassName = classNames.classNames([className, 'message-box', type && "message-box_" + type, fullWidth && "message-box_full-width"], main_module['default']);
+    return (React__default['default'].createElement("div", { className: messageBoxClassName },
+        !withoutIcon && React__default['default'].createElement("div", { className: main_module['default']['message-box__icon'] }),
+        React__default['default'].createElement("div", { className: main_module['default']['message-box__content'] },
+            header && React__default['default'].createElement("h4", { className: main_module['default']['message-box__header'] }, header),
+            children)));
+};
+
+exports.default = MessageBox;
+//# sourceMappingURL=index.js.map

package/build/cjs/src/components/message-box/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../src/components/message-box/index.tsx"],"sourcesContent":["import React from 'react';\nimport cssClasses from '@css/message-box/main.module.less';\nimport { classNames } from '@utilities/styles/classNames';\nimport { IMessageBox } from './types';\n\nconst MessageBox: React.FC<IMessageBox> = ({ children, header, type, withoutIcon, fullWidth, className }) => {\n    const messageBoxClassName = classNames(\n        [className, 'message-box', type && `message-box_${type}`, fullWidth && `message-box_full-width`],\n        cssClasses\n    );\n\n    return (\n        <div className={messageBoxClassName}>\n            {!withoutIcon && <div className={cssClasses['message-box__icon']} />}\n\n            <div className={cssClasses['message-box__content']}>\n                {header && <h4 className={cssClasses['message-box__header']}>{header}</h4>}\n\n                {children}\n            </div>\n        </div>\n    );\n};\n\nexport default MessageBox;\n"],"names":["classNames","cssClasses","React"],"mappings":";;;;;;;;;;;;IAKM,UAAU,GAA0B,UAAC,EAA6D;QAA3D,sBAAQ,EAAE,kBAAM,EAAE,cAAI,EAAE,4BAAW,EAAE,wBAAS,EAAE,wBAAS;IAClG,IAAM,mBAAmB,GAAGA,qBAAU,CAClC,CAAC,SAAS,EAAE,aAAa,EAAE,IAAI,IAAI,iBAAe,IAAM,EAAE,SAAS,IAAI,wBAAwB,CAAC,EAChGC,sBAAU,CACb,CAAC;IAEF,QACIC,iDAAK,SAAS,EAAE,mBAAmB;QAC9B,CAAC,WAAW,IAAIA,iDAAK,SAAS,EAAED,sBAAU,CAAC,mBAAmB,CAAC,GAAI;QAEpEC,iDAAK,SAAS,EAAED,sBAAU,CAAC,sBAAsB,CAAC;YAC7C,MAAM,IAAIC,gDAAI,SAAS,EAAED,sBAAU,CAAC,qBAAqB,CAAC,IAAG,MAAM,CAAM;YAEzE,QAAQ,CACP,CACJ,EACR;AACN;;;;"}

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

@@ -0,0 +1,18 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var main_module = require('../../../css/modal/main.module.less.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+var Content = function (_a) {
+    var children = _a.children;
+    return React__default['default'].createElement("section", { className: main_module['default']['modal-window__content'] }, children);
+};
+
+exports.default = Content;
+//# sourceMappingURL=content.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"content.js","sources":["../../../../../../src/components/modal/components/content.tsx"],"sourcesContent":["import React, { FC } from 'react';\nimport cssClasses from '@css/modal/main.module.less';\nimport { IContentProps } from '@components/modal/types';\n\nconst Content: FC<IContentProps> = ({ children }) => {\n    return <section className={cssClasses['modal-window__content']}>{children}</section>;\n};\n\nexport default Content;\n"],"names":["React","cssClasses"],"mappings":";;;;;;;;;;;IAIM,OAAO,GAAsB,UAAC,EAAY;QAAV,sBAAQ;IAC1C,OAAOA,qDAAS,SAAS,EAAEC,sBAAU,CAAC,uBAAuB,CAAC,IAAG,QAAQ,CAAW,CAAC;AACzF;;;;"}

package/build/cjs/src/components/modal/components/footer.js

@@ -0,0 +1,18 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var main_module = require('../../../css/modal/main.module.less.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+var Footer = function (_a) {
+    var children = _a.children;
+    return React__default['default'].createElement("footer", { className: main_module['default']['modal-window__footer'] }, children);
+};
+
+exports.default = Footer;
+//# sourceMappingURL=footer.js.map

package/build/cjs/src/components/modal/components/footer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"footer.js","sources":["../../../../../../src/components/modal/components/footer.tsx"],"sourcesContent":["import React, { FC } from 'react';\nimport cssClasses from '@css/modal/main.module.less';\nimport { IFooterProps } from '@components/modal/types';\n\nconst Footer: FC<IFooterProps> = ({ children }) => {\n    return <footer className={cssClasses['modal-window__footer']}>{children}</footer>;\n};\n\nexport default Footer;\n"],"names":["React","cssClasses"],"mappings":";;;;;;;;;;;IAIM,MAAM,GAAqB,UAAC,EAAY;QAAV,sBAAQ;IACxC,OAAOA,oDAAQ,SAAS,EAAEC,sBAAU,CAAC,sBAAsB,CAAC,IAAG,QAAQ,CAAU,CAAC;AACtF;;;;"}

package/build/cjs/src/components/modal/components/header.js

@@ -0,0 +1,24 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var main_module = require('../../../css/modal/main.module.less.js');
+var icon_close = require('../../../assets/icon_close.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+var Header = function (_a) {
+    var _b = _a.title, title = _b === void 0 ? '' : _b, actions = _a.actions, closeAction = _a.closeAction;
+    return (React__default['default'].createElement("header", { className: main_module['default']['modal-window__header'] },
+        React__default['default'].createElement("div", { className: main_module['default']['modal-window__title'] },
+            React__default['default'].createElement("h3", null, title)),
+        React__default['default'].createElement("div", { className: main_module['default']['modal-window__header-actions'] },
+            actions,
+            closeAction && React__default['default'].createElement(icon_close['default'], { onClick: closeAction, className: main_module['default']['modal-window__close-icon'] }))));
+};
+
+exports.default = Header;
+//# sourceMappingURL=header.js.map

package/build/cjs/src/components/modal/components/header.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"header.js","sources":["../../../../../../src/components/modal/components/header.tsx"],"sourcesContent":["import React, { FC } from 'react';\nimport cssClasses from '@css/modal/main.module.less';\nimport { IHeaderProps } from '@components/modal/types';\nimport IconClose from '@assets/icon_close';\n\nconst Header: FC<IHeaderProps> = ({ title = '', actions, closeAction }) => {\n    return (\n        <header className={cssClasses['modal-window__header']}>\n            <div className={cssClasses['modal-window__title']}>\n                <h3>{title}</h3>\n            </div>\n            <div className={cssClasses['modal-window__header-actions']}>\n                {actions}\n                {closeAction && <IconClose onClick={closeAction} className={cssClasses['modal-window__close-icon']} />}\n            </div>\n        </header>\n    );\n};\n\nexport default Header;\n"],"names":["React","cssClasses","IconClose"],"mappings":";;;;;;;;;;;;IAKM,MAAM,GAAqB,UAAC,EAAoC;QAAlC,aAAU,EAAV,+BAAU,EAAE,oBAAO,EAAE,4BAAW;IAChE,QACIA,oDAAQ,SAAS,EAAEC,sBAAU,CAAC,sBAAsB,CAAC;QACjDD,iDAAK,SAAS,EAAEC,sBAAU,CAAC,qBAAqB,CAAC;YAC7CD,oDAAK,KAAK,CAAM,CACd;QACNA,iDAAK,SAAS,EAAEC,sBAAU,CAAC,8BAA8B,CAAC;YACrD,OAAO;YACP,WAAW,IAAID,wCAACE,qBAAS,IAAC,OAAO,EAAE,WAAW,EAAE,SAAS,EAAED,sBAAU,CAAC,0BAA0B,CAAC,GAAI,CACpG,CACD,EACX;AACN;;;;"}

package/build/cjs/src/components/modal/components/modal.js

@@ -0,0 +1,19 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var main_module = require('../../../css/modal/main.module.less.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+var Modal = function (_a) {
+    var children = _a.children, className = _a.className, modalRef = _a.modalRef;
+    return (React__default['default'].createElement("div", { "data-test-id": "modal", ref: modalRef, className: main_module['default']['modal-window'] + " " + main_module['default']['modal-window_visible'] + " " + className },
+        React__default['default'].createElement("div", { className: main_module['default']['modal-window__body'] }, children)));
+};
+
+exports.default = Modal;
+//# sourceMappingURL=modal.js.map

package/build/cjs/src/components/modal/components/modal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"modal.js","sources":["../../../../../../src/components/modal/components/modal.tsx"],"sourcesContent":["import React, { FC } from 'react';\nimport { IModalProps } from '@components/modal/types';\nimport cssClasses from '@css/modal/main.module.less';\n\nconst Modal: FC<IModalProps> = ({ children, className, modalRef }) => {\n    return (\n        <div data-test-id=\"modal\" ref={modalRef} className={`${cssClasses['modal-window']} ${cssClasses['modal-window_visible']} ${className}`}>\n            <div className={cssClasses['modal-window__body']}>{children}</div>\n        </div>\n    );\n};\n\nexport default Modal;\n"],"names":["React","cssClasses"],"mappings":";;;;;;;;;;;IAIM,KAAK,GAAoB,UAAC,EAAiC;QAA/B,sBAAQ,EAAE,wBAAS,EAAE,sBAAQ;IAC3D,QACIA,iEAAkB,OAAO,EAAC,GAAG,EAAE,QAAQ,EAAE,SAAS,EAAKC,sBAAU,CAAC,cAAc,CAAC,SAAIA,sBAAU,CAAC,sBAAsB,CAAC,SAAI,SAAW;QAClID,iDAAK,SAAS,EAAEC,sBAAU,CAAC,oBAAoB,CAAC,IAAG,QAAQ,CAAO,CAChE,EACR;AACN;;;;"}

package/build/cjs/src/components/modal/constants.js

@@ -0,0 +1,8 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var DEFAULT_TRANSLATE_MOVE = 100;
+
+exports.DEFAULT_TRANSLATE_MOVE = DEFAULT_TRANSLATE_MOVE;
+//# sourceMappingURL=constants.js.map

package/build/cjs/src/components/modal/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.js","sources":["../../../../../src/components/modal/constants.ts"],"sourcesContent":["export const DEFAULT_TRANSLATE_MOVE = 100;\n"],"names":[],"mappings":";;;;IAAa,sBAAsB,GAAG;;;;"}

package/build/cjs/src/components/modal/context/modal_context.js

@@ -0,0 +1,16 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+
+var ModalContext = React.createContext({
+    isVisible: false,
+    setVisible: function () { },
+    hideModal: function () { }
+});
+var ModalContextProvider = ModalContext.Provider;
+
+exports.ModalContext = ModalContext;
+exports.ModalContextProvider = ModalContextProvider;
+//# sourceMappingURL=modal_context.js.map

package/build/cjs/src/components/modal/context/modal_context.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"modal_context.js","sources":["../../../../../../src/components/modal/context/modal_context.ts"],"sourcesContent":["import { createContext, Dispatch, SetStateAction } from 'react';\n\nexport interface IModalContext {\n    isVisible: boolean;\n    setVisible: Dispatch<SetStateAction<boolean>>;\n    hideModal?(): void;\n}\n\nexport const ModalContext = createContext<IModalContext>({\n    isVisible: false,\n    setVisible: () => {},\n    hideModal: () => {}\n});\n\nexport const ModalContextProvider = ModalContext.Provider;\n"],"names":["createContext"],"mappings":";;;;;;IAQa,YAAY,GAAGA,mBAAa,CAAgB;IACrD,SAAS,EAAE,KAAK;IAChB,UAAU,EAAE,eAAQ;IACpB,SAAS,EAAE,eAAQ;CACtB,EAAE;IAEU,oBAAoB,GAAG,YAAY,CAAC;;;;;"}

package/build/cjs/src/components/modal/hoc/absolute_modal/index.js

@@ -0,0 +1,68 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var _tslib = require('../../../../../_virtual/_tslib.js');
+var reactJss_esm = require('../../../../../node_modules/react-jss/dist/react-jss.esm.js');
+var reactDom = require('react-dom');
+var main_module = require('../../../../css/modal/main.module.less.js');
+var modal = require('../../components/modal.js');
+var utilities = require('../../utilities.js');
+var constants = require('../../constants.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+var useStyles = reactJss_esm.createUseStyles({
+    modal: {
+        position: 'absolute',
+        visibility: function (_a) {
+            var isVisible = _a.isVisible;
+            return (isVisible ? 'visible' : 'hidden');
+        },
+        opacity: function (_a) {
+            var isVisible = _a.isVisible;
+            return +isVisible;
+        },
+        top: function (_a) {
+            var top = _a.top;
+            return top;
+        },
+        bottom: function (_a) {
+            var bottom = _a.bottom;
+            return bottom;
+        },
+        left: function (_a) {
+            var left = _a.left;
+            return left;
+        },
+        right: function (_a) {
+            var right = _a.right;
+            return right;
+        },
+        transform: utilities.getTransformFromAnimationDirection
+    }
+});
+var AbsoluteModal = function (_a) {
+    var vPosition = _a.vPosition, hPosition = _a.hPosition, _b = _a.offset, offset = _b === void 0 ? 0 : _b, transform = _a.transform, _c = _a.transformLength, transformLength = _c === void 0 ? constants.DEFAULT_TRANSLATE_MOVE : _c, children = _a.children, animationDirection = _a.animationDirection, isVisible = _a.isVisible, rest = _tslib.__rest(_a, ["vPosition", "hPosition", "offset", "transform", "transformLength", "children", "animationDirection", "isVisible"]);
+    var modalRef = React.useRef(null);
+    var _d = React.useState({}), position = _d[0], setPosition = _d[1];
+    var classes = useStyles(_tslib.__assign(_tslib.__assign({}, position), { isVisible: isVisible, transformLength: transformLength, transform: transform, animationDirection: animationDirection }));
+    React.useEffect(function () {
+        var _a, _b;
+        setPosition(utilities.calculateAbsolutePosition({
+            vPosition: vPosition,
+            hPosition: hPosition,
+            modalRect: (_b = (_a = modalRef === null || modalRef === void 0 ? void 0 : modalRef.current) === null || _a === void 0 ? void 0 : _a.getBoundingClientRect) === null || _b === void 0 ? void 0 : _b.call(_a),
+            offset: offset,
+            transformLength: transformLength,
+            animationDirection: animationDirection
+        }));
+    }, [animationDirection, hPosition, offset, transformLength, vPosition, isVisible]);
+    return reactDom.createPortal(React__default['default'].createElement(modal['default'], _tslib.__assign({ className: classes.modal + " " + (isVisible ? main_module['default']['modal-window_visible'] : ''), modalRef: modalRef }, rest), children), document.body);
+};
+
+exports.default = AbsoluteModal;
+//# sourceMappingURL=index.js.map

package/build/cjs/src/components/modal/hoc/absolute_modal/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../../../src/components/modal/hoc/absolute_modal/index.tsx"],"sourcesContent":["import React, { FC, useEffect, useRef, useState } from 'react';\nimport { createPortal } from 'react-dom';\nimport { createUseStyles } from 'react-jss';\nimport cssClasses from '@css/modal/main.module.less';\nimport { IAbsoluteModalProps, IModalProps, IPositionState } from '@components/modal/types';\nimport Modal from '@components/modal/components/modal';\nimport { calculateAbsolutePosition, getTransformFromAnimationDirection } from '@components/modal/utilities';\nimport { DEFAULT_TRANSLATE_MOVE } from '@components/modal/constants';\n\nconst useStyles = createUseStyles({\n    modal: {\n        position: 'absolute',\n        visibility: ({ isVisible }) => (isVisible ? 'visible' : 'hidden'),\n        opacity: ({ isVisible }) => +isVisible,\n        top: ({ top }) => top,\n        bottom: ({ bottom }) => bottom,\n        left: ({ left }) => left,\n        right: ({ right }) => right,\n        transform: getTransformFromAnimationDirection\n    }\n});\n\nconst AbsoluteModal: FC<IAbsoluteModalProps & IModalProps> = ({\n    vPosition,\n    hPosition,\n    offset = 0,\n    transform,\n    transformLength = DEFAULT_TRANSLATE_MOVE,\n    children,\n    animationDirection,\n    isVisible,\n    ...rest\n}) => {\n    const modalRef = useRef<HTMLDivElement>(null);\n    const [position, setPosition] = useState<IPositionState>({});\n    const classes = useStyles({ ...position, isVisible, transformLength, transform, animationDirection });\n\n    useEffect(() => {\n        setPosition(\n            calculateAbsolutePosition({\n                vPosition,\n                hPosition,\n                modalRect: modalRef?.current?.getBoundingClientRect?.(),\n                offset,\n                transformLength,\n                animationDirection\n            })\n        );\n    }, [animationDirection, hPosition, offset, transformLength, vPosition, isVisible]);\n\n    return createPortal(\n        <Modal className={`${classes.modal} ${isVisible ? cssClasses['modal-window_visible'] : ''}`} modalRef={modalRef} {...rest}>\n            {children}\n        </Modal>,\n        document.body\n    );\n};\n\nexport default AbsoluteModal;\n"],"names":["createUseStyles","getTransformFromAnimationDirection","useRef","useEffect","calculateAbsolutePosition","createPortal","React","Modal","cssClasses"],"mappings":";;;;;;;;;;;;;;;;;AASA,IAAM,SAAS,GAAGA,4BAAe,CAAC;IAC9B,KAAK,EAAE;QACH,QAAQ,EAAE,UAAU;QACpB,UAAU,EAAE,UAAC,EAAa;gBAAX,wBAAS;YAAO,QAAC,SAAS,GAAG,SAAS,GAAG,QAAQ;SAAC;QACjE,OAAO,EAAE,UAAC,EAAa;gBAAX,wBAAS;YAAO,OAAA,CAAC,SAAS;SAAA;QACtC,GAAG,EAAE,UAAC,EAAO;gBAAL,YAAG;YAAO,OAAA,GAAG;SAAA;QACrB,MAAM,EAAE,UAAC,EAAU;gBAAR,kBAAM;YAAO,OAAA,MAAM;SAAA;QAC9B,IAAI,EAAE,UAAC,EAAQ;gBAAN,cAAI;YAAO,OAAA,IAAI;SAAA;QACxB,KAAK,EAAE,UAAC,EAAS;gBAAP,gBAAK;YAAO,OAAA,KAAK;SAAA;QAC3B,SAAS,EAAEC,4CAAkC;KAChD;CACJ,CAAC,CAAC;IAEG,aAAa,GAA0C,UAAC,EAU7D;IATG,IAAA,wBAAS,EACT,wBAAS,EACT,cAAU,EAAV,+BAAU,EACV,wBAAS,EACT,uBAAwC,EAAxC,uEAAwC,EACxC,sBAAQ,EACR,0CAAkB,EAClB,wBAAS,EACT,6IAAO;IAEP,IAAM,QAAQ,GAAGC,YAAM,CAAiB,IAAI,CAAC,CAAC;IACxC,IAAA,uBAAsD,EAArD,gBAAQ,EAAE,mBAA2C,CAAC;IAC7D,IAAM,OAAO,GAAG,SAAS,qCAAM,QAAQ,KAAE,SAAS,WAAA,EAAE,eAAe,iBAAA,EAAE,SAAS,WAAA,EAAE,kBAAkB,oBAAA,IAAG,CAAC;IAEtGC,eAAS,CAAC;;QACN,WAAW,CACPC,mCAAyB,CAAC;YACtB,SAAS,WAAA;YACT,SAAS,WAAA;YACT,SAAS,cAAE,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,OAAO,0CAAE,qBAAqB,kDAAI;YACvD,MAAM,QAAA;YACN,eAAe,iBAAA;YACf,kBAAkB,oBAAA;SACrB,CAAC,CACL,CAAC;KACL,EAAE,CAAC,kBAAkB,EAAE,SAAS,EAAE,MAAM,EAAE,eAAe,EAAE,SAAS,EAAE,SAAS,CAAC,CAAC,CAAC;IAEnF,OAAOC,qBAAY,CACfC,wCAACC,gBAAK,oBAAC,SAAS,EAAK,OAAO,CAAC,KAAK,UAAI,SAAS,GAAGC,sBAAU,CAAC,sBAAsB,CAAC,GAAG,EAAE,CAAE,EAAE,QAAQ,EAAE,QAAQ,IAAM,IAAI,GACpH,QAAQ,CACL,EACR,QAAQ,CAAC,IAAI,CAChB,CAAC;AACN;;;;"}

package/build/cjs/src/components/modal/hoc/modal_provider.js

@@ -0,0 +1,20 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var modal_context = require('../context/modal_context.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+var ModalProvider = function (_a) {
+    var _b = _a.defaultOpen, defaultOpen = _b === void 0 ? false : _b, children = _a.children;
+    var _c = React.useState(defaultOpen), isVisible = _c[0], setVisible = _c[1];
+    var hideModal = function () { return setVisible(false); };
+    return React__default['default'].createElement(modal_context.ModalContextProvider, { value: { isVisible: isVisible, setVisible: setVisible, hideModal: hideModal } }, children);
+};
+
+exports.default = ModalProvider;
+//# sourceMappingURL=modal_provider.js.map

package/build/cjs/src/components/modal/hoc/modal_provider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"modal_provider.js","sources":["../../../../../../src/components/modal/hoc/modal_provider.tsx"],"sourcesContent":["import React, { FC, useState } from 'react';\nimport { ModalContextProvider } from '../context/modal_context';\n\nexport interface ModalProviderProps {\n    defaultOpen?: boolean;\n}\n\nconst ModalProvider: FC<ModalProviderProps> = ({ defaultOpen = false, children }) => {\n    const [isVisible, setVisible] = useState(defaultOpen);\n    const hideModal = () => setVisible(false);\n\n    return <ModalContextProvider value={{ isVisible, setVisible, hideModal }}>{children}</ModalContextProvider>;\n};\n\nexport default ModalProvider;\n"],"names":["React","ModalContextProvider"],"mappings":";;;;;;;;;;;IAOM,aAAa,GAA2B,UAAC,EAAiC;QAA/B,mBAAmB,EAAnB,wCAAmB,EAAE,sBAAQ;IACpE,IAAA,gCAA+C,EAA9C,iBAAS,EAAE,kBAAmC,CAAC;IACtD,IAAM,SAAS,GAAG,cAAM,OAAA,UAAU,CAAC,KAAK,CAAC,GAAA,CAAC;IAE1C,OAAOA,wCAACC,kCAAoB,IAAC,KAAK,EAAE,EAAE,SAAS,WAAA,EAAE,UAAU,YAAA,EAAE,SAAS,WAAA,EAAE,IAAG,QAAQ,CAAwB,CAAC;AAChH;;;;"}

package/build/cjs/src/components/modal/hoc/relative_modal/index.js

@@ -0,0 +1,74 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var _tslib = require('../../../../../_virtual/_tslib.js');
+var reactJss_esm = require('../../../../../node_modules/react-jss/dist/react-jss.esm.js');
+var use_resize = require('../../../../hooks/use_resize.js');
+var reactDom = require('react-dom');
+var main_module = require('../../../../css/modal/main.module.less.js');
+var modal = require('../../components/modal.js');
+var utilities = require('../../utilities.js');
+var constants = require('../../constants.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+var useStyles = reactJss_esm.createUseStyles({
+    modal: {
+        position: 'absolute',
+        visibility: function (_a) {
+            var isVisible = _a.isVisible;
+            return (isVisible ? 'visible' : 'hidden');
+        },
+        opacity: function (_a) {
+            var isVisible = _a.isVisible;
+            return +isVisible;
+        },
+        top: function (_a) {
+            var top = _a.top;
+            return top;
+        },
+        left: function (_a) {
+            var left = _a.left;
+            return left;
+        },
+        transform: utilities.getTransformFromAnimationDirection
+    }
+});
+var RelativeModal = function (_a) {
+    var position = _a.position, _b = _a.offset, offset = _b === void 0 ? 0 : _b, _c = _a.transformLength, transformLength = _c === void 0 ? constants.DEFAULT_TRANSLATE_MOVE : _c, children = _a.children, animationDirection = _a.animationDirection, isVisible = _a.isVisible, relativeTo = _a.relativeTo, rest = _tslib.__rest(_a, ["position", "offset", "transformLength", "children", "animationDirection", "isVisible", "relativeTo"]);
+    var modalRef = React.useRef(null);
+    var _d = React.useState({}), positioning = _d[0], setPosition = _d[1];
+    var classes = useStyles(_tslib.__assign(_tslib.__assign({}, positioning), { isVisible: isVisible, transformLength: transformLength, animationDirection: animationDirection }));
+    React.useEffect(function () {
+        var _a, _b;
+        setPosition(utilities.calculateRelativePosition({
+            position: position,
+            relativeRect: (_a = relativeTo === null || relativeTo === void 0 ? void 0 : relativeTo.current) === null || _a === void 0 ? void 0 : _a.getBoundingClientRect(),
+            modalRect: (_b = modalRef === null || modalRef === void 0 ? void 0 : modalRef.current) === null || _b === void 0 ? void 0 : _b.getBoundingClientRect(),
+            offset: offset,
+            transformLength: transformLength,
+            animationDirection: animationDirection,
+            relativeTo: relativeTo
+        }));
+    }, [relativeTo, animationDirection, position, offset, transformLength, isVisible]);
+    use_resize.useResize(function () {
+        var _a, _b;
+        setPosition(utilities.calculateRelativePosition({
+            position: position,
+            offset: offset,
+            transformLength: transformLength,
+            animationDirection: animationDirection,
+            relativeTo: relativeTo,
+            relativeRect: (_a = relativeTo === null || relativeTo === void 0 ? void 0 : relativeTo.current) === null || _a === void 0 ? void 0 : _a.getBoundingClientRect(),
+            modalRect: (_b = modalRef === null || modalRef === void 0 ? void 0 : modalRef.current) === null || _b === void 0 ? void 0 : _b.getBoundingClientRect()
+        }));
+    }, 50);
+    return reactDom.createPortal(React__default['default'].createElement(modal['default'], _tslib.__assign({ className: classes.modal + " " + (isVisible ? main_module['default']['modal-window_visible'] : ''), modalRef: modalRef }, rest), children), document.body);
+};
+
+exports.default = RelativeModal;
+//# sourceMappingURL=index.js.map

package/build/cjs/src/components/modal/hoc/relative_modal/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../../../src/components/modal/hoc/relative_modal/index.tsx"],"sourcesContent":["import React, { FC, useEffect, useRef, useState } from 'react';\nimport { createPortal } from 'react-dom';\nimport { createUseStyles } from 'react-jss';\nimport cssClasses from '@css/modal/main.module.less';\nimport { IModalProps, IPositionState, IRelativeModalProps } from '@components/modal/types';\nimport Modal from '@components/modal/components/modal';\nimport { calculateRelativePosition, getTransformFromAnimationDirection } from '@components/modal/utilities';\nimport { DEFAULT_TRANSLATE_MOVE } from '@components/modal/constants';\nimport { useResize } from '@hooks/use_resize';\n\nconst useStyles = createUseStyles({\n    modal: {\n        position: 'absolute',\n        visibility: ({ isVisible }) => (isVisible ? 'visible' : 'hidden'),\n        opacity: ({ isVisible }) => +isVisible,\n        top: ({ top }) => top,\n        left: ({ left }) => left,\n        transform: getTransformFromAnimationDirection\n    }\n});\n\nconst RelativeModal: FC<IRelativeModalProps & IModalProps> = ({\n    position,\n    offset = 0,\n    transformLength = DEFAULT_TRANSLATE_MOVE,\n    children,\n    animationDirection,\n    isVisible,\n    relativeTo,\n    ...rest\n}) => {\n    const modalRef = useRef<HTMLDivElement>(null);\n    const [positioning, setPosition] = useState<IPositionState>({});\n    const classes = useStyles({ ...positioning, isVisible, transformLength, animationDirection });\n\n    useEffect(() => {\n        setPosition(\n            calculateRelativePosition({\n                position,\n                relativeRect: relativeTo?.current?.getBoundingClientRect(),\n                modalRect: modalRef?.current?.getBoundingClientRect(),\n                offset,\n                transformLength,\n                animationDirection,\n                relativeTo\n            })\n        );\n    }, [relativeTo, animationDirection, position, offset, transformLength, isVisible]);\n\n    useResize(() => {\n        setPosition(\n            calculateRelativePosition({\n                position,\n                offset,\n                transformLength,\n                animationDirection,\n                relativeTo,\n                relativeRect: relativeTo?.current?.getBoundingClientRect(),\n                modalRect: modalRef?.current?.getBoundingClientRect()\n            })\n        );\n    }, 50);\n\n    return createPortal(\n        <Modal className={`${classes.modal} ${isVisible ? cssClasses['modal-window_visible'] : ''}`} modalRef={modalRef} {...rest}>\n            {children}\n        </Modal>,\n        document.body\n    );\n};\n\nexport default RelativeModal;\n"],"names":["createUseStyles","getTransformFromAnimationDirection","useRef","useEffect","calculateRelativePosition","useResize","createPortal","React","Modal","cssClasses"],"mappings":";;;;;;;;;;;;;;;;;;AAUA,IAAM,SAAS,GAAGA,4BAAe,CAAC;IAC9B,KAAK,EAAE;QACH,QAAQ,EAAE,UAAU;QACpB,UAAU,EAAE,UAAC,EAAa;gBAAX,wBAAS;YAAO,QAAC,SAAS,GAAG,SAAS,GAAG,QAAQ;SAAC;QACjE,OAAO,EAAE,UAAC,EAAa;gBAAX,wBAAS;YAAO,OAAA,CAAC,SAAS;SAAA;QACtC,GAAG,EAAE,UAAC,EAAO;gBAAL,YAAG;YAAO,OAAA,GAAG;SAAA;QACrB,IAAI,EAAE,UAAC,EAAQ;gBAAN,cAAI;YAAO,OAAA,IAAI;SAAA;QACxB,SAAS,EAAEC,4CAAkC;KAChD;CACJ,CAAC,CAAC;IAEG,aAAa,GAA0C,UAAC,EAS7D;IARG,IAAA,sBAAQ,EACR,cAAU,EAAV,+BAAU,EACV,uBAAwC,EAAxC,uEAAwC,EACxC,sBAAQ,EACR,0CAAkB,EAClB,wBAAS,EACT,0BAAU,EACV,gIAAO;IAEP,IAAM,QAAQ,GAAGC,YAAM,CAAiB,IAAI,CAAC,CAAC;IACxC,IAAA,uBAAyD,EAAxD,mBAAW,EAAE,mBAA2C,CAAC;IAChE,IAAM,OAAO,GAAG,SAAS,qCAAM,WAAW,KAAE,SAAS,WAAA,EAAE,eAAe,iBAAA,EAAE,kBAAkB,oBAAA,IAAG,CAAC;IAE9FC,eAAS,CAAC;;QACN,WAAW,CACPC,mCAAyB,CAAC;YACtB,QAAQ,UAAA;YACR,YAAY,QAAE,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,OAAO,0CAAE,qBAAqB,EAAE;YAC1D,SAAS,QAAE,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,OAAO,0CAAE,qBAAqB,EAAE;YACrD,MAAM,QAAA;YACN,eAAe,iBAAA;YACf,kBAAkB,oBAAA;YAClB,UAAU,YAAA;SACb,CAAC,CACL,CAAC;KACL,EAAE,CAAC,UAAU,EAAE,kBAAkB,EAAE,QAAQ,EAAE,MAAM,EAAE,eAAe,EAAE,SAAS,CAAC,CAAC,CAAC;IAEnFC,oBAAS,CAAC;;QACN,WAAW,CACPD,mCAAyB,CAAC;YACtB,QAAQ,UAAA;YACR,MAAM,QAAA;YACN,eAAe,iBAAA;YACf,kBAAkB,oBAAA;YAClB,UAAU,YAAA;YACV,YAAY,QAAE,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,OAAO,0CAAE,qBAAqB,EAAE;YAC1D,SAAS,QAAE,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,OAAO,0CAAE,qBAAqB,EAAE;SACxD,CAAC,CACL,CAAC;KACL,EAAE,EAAE,CAAC,CAAC;IAEP,OAAOE,qBAAY,CACfC,wCAACC,gBAAK,oBAAC,SAAS,EAAK,OAAO,CAAC,KAAK,UAAI,SAAS,GAAGC,sBAAU,CAAC,sBAAsB,CAAC,GAAG,EAAE,CAAE,EAAE,QAAQ,EAAE,QAAQ,IAAM,IAAI,GACpH,QAAQ,CACL,EACR,QAAQ,CAAC,IAAI,CAChB,CAAC;AACN;;;;"}