@dreamcommerce/aurora 0.3.4-99 → 0.3.7

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

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

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

@@ -1,26 +0,0 @@
-'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, children = _a.children;
-    var classes = classnames__default['default'](main_module['default'][as]);
-    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

@@ -1 +0,0 @@
-{"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, children }): JSX.Element => {\n    const classes = classnames(cssClasses[as]);\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,EAAqC;QAAnC,UAAS,EAAT,8BAAS,EAAE,8BAAY,EAAE,sBAAQ;IACzE,IAAM,OAAO,GAAGA,8BAAU,CAACC,sBAAU,CAAC,EAAE,CAAC,CAAC,CAAC;IAE3C,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/label/css_classes.js

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

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

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

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

@@ -1,26 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var React = require('react');
-var _tslib = require('../../../_virtual/_tslib.js');
-var classnames = require('classnames');
-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 labelClasses = classnames__default['default'](main_module['default'][css_classes.cssLabel], (_b = {},
-        _b[main_module['default'][css_classes.cssLabelRequired]] = isRequired,
-        _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

@@ -1 +0,0 @@
-{"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 } from './css_classes';\nimport classnames from 'classnames';\n\nconst Label: React.FC<ILabelProps> = ({ isRequired = false, children, ...props }): JSX.Element => {\n    const labelClasses = classnames(cssClasses[cssLabel], {\n        [cssClasses[cssLabelRequired]]: isRequired\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","React"],"mappings":";;;;;;;;;;;;;;;IAQM,KAAK,GAA0B,UAAC,EAA0C;;IAAxC,IAAA,kBAAkB,EAAlB,uCAAkB,EAAE,sBAAQ,EAAE,qDAAQ;IAC1E,IAAM,YAAY,GAAGA,8BAAU,CAACC,sBAAU,CAACC,oBAAQ,CAAC;QAChD,GAACD,sBAAU,CAACE,4BAAgB,CAAC,IAAG,UAAU;YAC5C,CAAC;IAEH,QACIC,mEAAO,SAAS,EAAE,YAAY,IAAM,KAAK,GACpC,QAAQ,CACL,EACV;AACN;;;;"}

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

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

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

@@ -1,23 +0,0 @@
-'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 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("span", { onClick: closeAction }))));
-};
-
-exports.default = Header;
-//# sourceMappingURL=header.js.map

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

@@ -1 +0,0 @@
-{"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';\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                {/* todo icons! assets! */}\n                {closeAction && <span /*className={`${globalClasses['icon']} ${globalClasses['icon-close']}`}*/ onClick={closeAction} />}\n            </div>\n        </header>\n    );\n};\n\nexport default Header;\n"],"names":["React","cssClasses"],"mappings":";;;;;;;;;;;IAIM,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;YAEP,WAAW,IAAID,kDAAgF,OAAO,EAAE,WAAW,GAAI,CACtH,CACD,EACX;AACN;;;;"}

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

@@ -1,19 +0,0 @@
-'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-testid": "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

@@ -1 +0,0 @@
-{"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-testid=\"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,gEAAiB,OAAO,EAAC,GAAG,EAAE,QAAQ,EAAE,SAAS,EAAKC,sBAAU,CAAC,cAAc,CAAC,SAAIA,sBAAU,CAAC,sBAAsB,CAAC,SAAI,SAAW;QACjID,iDAAK,SAAS,EAAEC,sBAAU,CAAC,oBAAoB,CAAC,IAAG,QAAQ,CAAO,CAChE,EACR;AACN;;;;"}

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

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

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

@@ -1,68 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var React = require('react');
-var _tslib = require('../../../../../_virtual/_tslib.js');
-var reactDom = require('react-dom');
-var reactJss_esm = require('../../../../../node_modules/react-jss/dist/react-jss.esm.js');
-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

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

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

@@ -1,74 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var React = require('react');
-var _tslib = require('../../../../../_virtual/_tslib.js');
-var use_resize = require('../../../../hooks/use_resize.js');
-var reactDom = require('react-dom');
-var reactJss_esm = require('../../../../../node_modules/react-jss/dist/react-jss.esm.js');
-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

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

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

@@ -1,25 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var React = require('react');
-var main_module = require('../../css/modal/main.module.less.js');
-var content = require('./components/content.js');
-var header = require('./components/header.js');
-var footer = require('./components/footer.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", { ref: modalRef, className: main_module['default']['modal-window'] + " " + className },
-        React__default['default'].createElement("div", { className: main_module['default']['modal-window__body'] }, children)));
-};
-Modal.Header = header['default'];
-Modal.Content = content['default'];
-Modal.Footer = footer['default'];
-
-exports.default = Modal;
-//# sourceMappingURL=index.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sources":["../../../../../src/components/modal/index.tsx"],"sourcesContent":["import React, { FC } from 'react';\nimport Content from './components/content';\nimport Header from './components/header';\nimport Footer from './components/footer';\nimport { IModalProps, IModalComposition } from '@components/modal/types';\nimport cssClasses from '@css/modal/main.module.less';\n\nconst Modal: FC<IModalProps> & IModalComposition = ({ children, className, modalRef }) => {\n    return (\n        <div ref={modalRef} className={`${cssClasses['modal-window']} ${className}`}>\n            <div className={cssClasses['modal-window__body']}>{children}</div>\n        </div>\n    );\n};\n\nModal.Header = Header;\nModal.Content = Content;\nModal.Footer = Footer;\n\nexport default Modal;\n"],"names":["React","cssClasses","Header","Content","Footer"],"mappings":";;;;;;;;;;;;;;IAOM,KAAK,GAAwC,UAAC,EAAiC;QAA/B,sBAAQ,EAAE,wBAAS,EAAE,sBAAQ;IAC/E,QACIA,iDAAK,GAAG,EAAE,QAAQ,EAAE,SAAS,EAAKC,sBAAU,CAAC,cAAc,CAAC,SAAI,SAAW;QACvED,iDAAK,SAAS,EAAEC,sBAAU,CAAC,oBAAoB,CAAC,IAAG,QAAQ,CAAO,CAChE,EACR;AACN,EAAE;AAEF,KAAK,CAAC,MAAM,GAAGC,iBAAM,CAAC;AACtB,KAAK,CAAC,OAAO,GAAGC,kBAAO,CAAC;AACxB,KAAK,CAAC,MAAM,GAAGC,iBAAM;;;;"}

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

@@ -1,176 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-require('react');
-
-/**
- * Function to get proper css style from props and state
- * @param animationDirection, taken from props
- * @param transformLength, taken from state
- * @param isVisible, taken from state
- * @param transform, taken from props if it is set then custom transform function is ran
- * @return css string which is used in styling
- */
-var getTransformFromAnimationDirection = function (_a) {
-    var animationDirection = _a.animationDirection, transformLength = _a.transformLength, isVisible = _a.isVisible, transform = _a.transform;
-    if (transform) {
-        return transform({ isVisible: isVisible });
-    }
-    if (animationDirection === 'bottomTop') {
-        return "translate(0px, " + (isVisible ? "-" + transformLength + "px" : '0px') + ")";
-    }
-    if (animationDirection === 'leftRight') {
-        return "translate(" + (isVisible ? transformLength + "px" : '0px') + ", 0px)";
-    }
-    if (animationDirection === 'rightLeft') {
-        return "translate(" + (isVisible ? "-" + transformLength + "px" : '0px') + ", 0px)";
-    }
-    return "translate(0px, " + (isVisible ? transformLength + "px" : '0px') + ")";
-};
-/**
- * Function for relative to check if modal is still in viewport
- * @param relativeRect, relative rectangle
- * @param modalRect, modal rectangle
- * @param offset
- * @return object of available directions in booleans
- */
-var availablePositions = function (_a) {
-    var relativeRect = _a.relativeRect, modalRect = _a.modalRect, _b = _a.offset, offset = _b === void 0 ? 0 : _b;
-    var _c = relativeRect || {}, _d = _c.x, x = _d === void 0 ? 0 : _d, _e = _c.y, y = _e === void 0 ? 0 : _e, _f = _c.width, width = _f === void 0 ? 0 : _f, _g = _c.height, height = _g === void 0 ? 0 : _g;
-    var _h = modalRect || {}, _j = _h.width, modalWidth = _j === void 0 ? 0 : _j, _k = _h.height, modalHeight = _k === void 0 ? 0 : _k;
-    return {
-        isLeftPositionPossible: x - modalWidth - offset > 0,
-        isRightPositionPossible: x + width + modalWidth + offset < window.innerWidth,
-        isBottomPositionPossible: y + height + modalHeight + offset < window.innerHeight,
-        isTopPositionPossible: y - modalHeight - offset > 0
-    };
-};
-/**
- *
- * @param transformLength
- * @return values which will used in transform
- */
-var animationOffsets = function (transformLength) { return ({
-    verticalAnimationOffset: {
-        bottomTop: -transformLength,
-        topBottom: transformLength,
-        leftRight: 0,
-        rightLeft: 0
-    },
-    horizontalAnimationOffset: {
-        bottomTop: 0,
-        topBottom: 0,
-        leftRight: -transformLength,
-        rightLeft: transformLength
-    }
-}); };
-/**
- * Function to return left, top, bottom, right css values, which will be used to placed modal
- * @param position, chosen position of modal
- * @param transformLength, taken from previously calculated values
- * @param modalRect, used to calculate available positions and position of modal
- * @param offset,
- * @param animationDirection, chosen animation by default "topBottom"
- * @param relativeRect, used to calculate  available positions and position of modal
- * @return based on animationPosition and availablePositions css values
- */
-var calculateRelativePosition = function (_a) {
-    var position = _a.position, modalRect = _a.modalRect, relativeRect = _a.relativeRect, _b = _a.offset, offset = _b === void 0 ? 0 : _b, _c = _a.transformLength, transformLength = _c === void 0 ? 0 : _c, _d = _a.animationDirection, animationDirection = _d === void 0 ? 'topBottom' : _d;
-    var _e = animationOffsets(transformLength), verticalAnimationOffset = _e.verticalAnimationOffset, horizontalAnimationOffset = _e.horizontalAnimationOffset;
-    var _f = availablePositions({
-        relativeRect: relativeRect,
-        modalRect: modalRect,
-        offset: offset
-    }), isLeftPositionPossible = _f.isLeftPositionPossible, isRightPositionPossible = _f.isRightPositionPossible, isBottomPositionPossible = _f.isBottomPositionPossible, isTopPositionPossible = _f.isTopPositionPossible;
-    var _g = relativeRect || {}, _h = _g.x, x = _h === void 0 ? 0 : _h, _j = _g.y, y = _j === void 0 ? 0 : _j, _k = _g.width, width = _k === void 0 ? 0 : _k, _l = _g.height, height = _l === void 0 ? 0 : _l;
-    var _m = modalRect || {}, _o = _m.width, modalWidth = _o === void 0 ? 0 : _o, _p = _m.height, modalHeight = _p === void 0 ? 0 : _p;
-    var rightPosition = (position === 'right' && (isRightPositionPossible || !isLeftPositionPossible)) || (position === 'left' && !isLeftPositionPossible);
-    var leftPosition = (position === 'left' && (isLeftPositionPossible || !isRightPositionPossible)) || (position === 'right' && !isRightPositionPossible);
-    var topPosition = (position === 'top' && (isTopPositionPossible || !isBottomPositionPossible)) || (position === 'bottom' && !isBottomPositionPossible);
-    if (rightPosition) {
-        return {
-            top: y - verticalAnimationOffset[animationDirection] - modalHeight / 2 + height / 2,
-            left: x + offset + width + horizontalAnimationOffset[animationDirection]
-        };
-    }
-    if (leftPosition) {
-        return {
-            top: y - verticalAnimationOffset[animationDirection] - modalHeight / 2 + height / 2,
-            left: x - offset - modalWidth + horizontalAnimationOffset[animationDirection]
-        };
-    }
-    if (topPosition) {
-        return {
-            top: y - offset - modalHeight - verticalAnimationOffset[animationDirection],
-            left: x + horizontalAnimationOffset[animationDirection] - modalWidth / 2 + width / 2
-        };
-    }
-    return {
-        top: y + height + offset - verticalAnimationOffset[animationDirection],
-        left: x + horizontalAnimationOffset[animationDirection] - modalWidth / 2 + width / 2
-    };
-};
-/**
- * @param vPosition, verticalPosition
- * @param hPosition, horizontalPosition
- * @param modalRect, used to calculate position
- * @param offset = 0,
- * @param transformLength, taken from previously calculated values
- * @param animationDirection, chosen animation, by default "topBottom"
- * direction is chosen based on vPosition and hPosition
- */
-var calculateAbsolutePosition = function (_a) {
-    var _b = _a.vPosition, vPosition = _b === void 0 ? 'middle' : _b, _c = _a.hPosition, hPosition = _c === void 0 ? 'center' : _c, modalRect = _a.modalRect, _d = _a.offset, offset = _d === void 0 ? 0 : _d, _e = _a.transformLength, transformLength = _e === void 0 ? 0 : _e, _f = _a.animationDirection, animationDirection = _f === void 0 ? 'topBottom' : _f;
-    var _g = document.body, offsetHeight = _g.offsetHeight, offsetWidth = _g.offsetWidth;
-    var _h = modalRect || {}, _j = _h.width, width = _j === void 0 ? 0 : _j, _k = _h.height, height = _k === void 0 ? 0 : _k;
-    var verticalOffset = {
-        bottomTop: -transformLength,
-        topBottom: transformLength,
-        leftRight: 0,
-        rightLeft: 0
-    };
-    var horizontalOffset = {
-        bottomTop: 0,
-        topBottom: 0,
-        leftRight: -transformLength,
-        rightLeft: transformLength
-    };
-    var verticalPositions = {
-        top: {
-            top: offset - verticalOffset[animationDirection],
-            bottom: undefined
-        },
-        middle: {
-            top: (offsetHeight - height) / 2 - verticalOffset[animationDirection],
-            bottom: undefined
-        },
-        bottom: {
-            top: offsetHeight - height - verticalOffset[animationDirection],
-            bottom: undefined
-        }
-    };
-    var horizontalPositions = {
-        left: {
-            left: offset + horizontalOffset[animationDirection],
-            right: undefined
-        },
-        center: {
-            left: offsetWidth / 2 - width / 2 + horizontalOffset[animationDirection],
-            right: undefined
-        },
-        right: {
-            left: undefined,
-            right: offset + horizontalOffset[animationDirection]
-        }
-    };
-    var _l = verticalPositions[vPosition], top = _l.top, bottom = _l.bottom;
-    var _m = horizontalPositions[hPosition], left = _m.left, right = _m.right;
-    return { top: top, bottom: bottom, left: left, right: right };
-};
-
-exports.availablePositions = availablePositions;
-exports.calculateAbsolutePosition = calculateAbsolutePosition;
-exports.calculateRelativePosition = calculateRelativePosition;
-exports.getTransformFromAnimationDirection = getTransformFromAnimationDirection;
-//# sourceMappingURL=utilities.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"utilities.js","sources":["../../../../../src/components/modal/utilities.ts"],"sourcesContent":["import { IAbsoluteModalProps, IAbsoluteCalculation, IRelativeCalculation } from '@components/modal/types';\n\n/**\n * Function to get proper css style from props and state\n * @param animationDirection, taken from props\n * @param transformLength, taken from state\n * @param isVisible, taken from state\n * @param transform, taken from props if it is set then custom transform function is ran\n * @return css string which is used in styling\n */\nexport const getTransformFromAnimationDirection = ({ animationDirection, transformLength, isVisible, transform }: IAbsoluteModalProps) => {\n    if (transform) {\n        return transform({ isVisible });\n    }\n    if (animationDirection === 'bottomTop') {\n        return `translate(0px, ${isVisible ? `-${transformLength}px` : '0px'})`;\n    }\n    if (animationDirection === 'leftRight') {\n        return `translate(${isVisible ? `${transformLength}px` : '0px'}, 0px)`;\n    }\n    if (animationDirection === 'rightLeft') {\n        return `translate(${isVisible ? `-${transformLength}px` : '0px'}, 0px)`;\n    }\n    return `translate(0px, ${isVisible ? `${transformLength}px` : '0px'})`;\n};\n\n/**\n * Function for relative to check if modal is still in viewport\n * @param relativeRect, relative rectangle\n * @param modalRect, modal rectangle\n * @param offset\n * @return object of available directions in booleans\n */\nexport const availablePositions = ({\n    relativeRect,\n    modalRect,\n    offset = 0\n}: {\n    relativeRect?: DOMRect;\n    modalRect?: DOMRect;\n    offset?: number;\n}) => {\n    const { x = 0, y = 0, width = 0, height = 0 } = relativeRect || {};\n    const { width: modalWidth = 0, height: modalHeight = 0 } = modalRect || {};\n\n    return {\n        isLeftPositionPossible: x - modalWidth - offset > 0,\n        isRightPositionPossible: x + width + modalWidth + offset < window.innerWidth,\n        isBottomPositionPossible: y + height + modalHeight + offset < window.innerHeight,\n        isTopPositionPossible: y - modalHeight - offset > 0\n    };\n};\n/**\n *\n * @param transformLength\n * @return values which will used in transform\n */\nconst animationOffsets = (transformLength: number) => ({\n    verticalAnimationOffset: {\n        bottomTop: -transformLength,\n        topBottom: transformLength,\n        leftRight: 0,\n        rightLeft: 0\n    },\n    horizontalAnimationOffset: {\n        bottomTop: 0,\n        topBottom: 0,\n        leftRight: -transformLength,\n        rightLeft: transformLength\n    }\n});\n\n/**\n * Function to return left, top, bottom, right css values, which will be used to placed modal\n * @param position, chosen position of modal\n * @param transformLength, taken from previously calculated values\n * @param modalRect, used to calculate available positions and position of modal\n * @param offset,\n * @param animationDirection, chosen animation by default \"topBottom\"\n * @param relativeRect, used to calculate  available positions and position of modal\n * @return based on animationPosition and availablePositions css values\n */\nexport const calculateRelativePosition = ({\n    position,\n    modalRect,\n    relativeRect,\n    offset = 0,\n    transformLength = 0,\n    animationDirection = 'topBottom'\n}: IRelativeCalculation) => {\n    const { verticalAnimationOffset, horizontalAnimationOffset } = animationOffsets(transformLength);\n    const { isLeftPositionPossible, isRightPositionPossible, isBottomPositionPossible, isTopPositionPossible } = availablePositions({\n        relativeRect,\n        modalRect,\n        offset\n    });\n\n    const { x = 0, y = 0, width = 0, height = 0 } = relativeRect || {};\n    const { width: modalWidth = 0, height: modalHeight = 0 } = modalRect || {};\n    const rightPosition =\n        (position === 'right' && (isRightPositionPossible || !isLeftPositionPossible)) || (position === 'left' && !isLeftPositionPossible);\n    const leftPosition =\n        (position === 'left' && (isLeftPositionPossible || !isRightPositionPossible)) || (position === 'right' && !isRightPositionPossible);\n    const topPosition =\n        (position === 'top' && (isTopPositionPossible || !isBottomPositionPossible)) || (position === 'bottom' && !isBottomPositionPossible);\n\n    if (rightPosition) {\n        return {\n            top: y - verticalAnimationOffset[animationDirection] - modalHeight / 2 + height / 2,\n            left: x + offset + width + horizontalAnimationOffset[animationDirection]\n        };\n    }\n    if (leftPosition) {\n        return {\n            top: y - verticalAnimationOffset[animationDirection] - modalHeight / 2 + height / 2,\n            left: x - offset - modalWidth + horizontalAnimationOffset[animationDirection]\n        };\n    }\n    if (topPosition) {\n        return {\n            top: y - offset - modalHeight - verticalAnimationOffset[animationDirection],\n            left: x + horizontalAnimationOffset[animationDirection] - modalWidth / 2 + width / 2\n        };\n    }\n\n    return {\n        top: y + height + offset - verticalAnimationOffset[animationDirection],\n        left: x + horizontalAnimationOffset[animationDirection] - modalWidth / 2 + width / 2\n    };\n};\n\n/**\n * @param vPosition, verticalPosition\n * @param hPosition, horizontalPosition\n * @param modalRect, used to calculate position\n * @param offset = 0,\n * @param transformLength, taken from previously calculated values\n * @param animationDirection, chosen animation, by default \"topBottom\"\n * direction is chosen based on vPosition and hPosition\n */\nexport const calculateAbsolutePosition = ({\n    vPosition = 'middle',\n    hPosition = 'center',\n    modalRect,\n    offset = 0,\n    transformLength = 0,\n    animationDirection = 'topBottom'\n}: IAbsoluteCalculation) => {\n    const { offsetHeight, offsetWidth } = document.body;\n    const { width = 0, height = 0 } = modalRect || {};\n\n    const verticalOffset = {\n        bottomTop: -transformLength,\n        topBottom: transformLength,\n        leftRight: 0,\n        rightLeft: 0\n    };\n    const horizontalOffset = {\n        bottomTop: 0,\n        topBottom: 0,\n        leftRight: -transformLength,\n        rightLeft: transformLength\n    };\n\n    const verticalPositions = {\n        top: {\n            top: offset - verticalOffset[animationDirection],\n            bottom: undefined\n        },\n        middle: {\n            top: (offsetHeight - height) / 2 - verticalOffset[animationDirection],\n            bottom: undefined\n        },\n        bottom: {\n            top: offsetHeight - height - verticalOffset[animationDirection],\n            bottom: undefined\n        }\n    };\n\n    const horizontalPositions = {\n        left: {\n            left: offset + horizontalOffset[animationDirection],\n            right: undefined\n        },\n        center: {\n            left: offsetWidth / 2 - width / 2 + horizontalOffset[animationDirection],\n            right: undefined\n        },\n        right: {\n            left: undefined,\n            right: offset + horizontalOffset[animationDirection]\n        }\n    };\n\n    const { top, bottom } = verticalPositions[vPosition];\n    const { left, right } = horizontalPositions[hPosition];\n\n    return { top, bottom, left, right };\n};\n"],"names":[],"mappings":";;;;;;AAEA;;;;;;;;IAQa,kCAAkC,GAAG,UAAC,EAAkF;QAAhF,0CAAkB,EAAE,oCAAe,EAAE,wBAAS,EAAE,wBAAS;IAC1G,IAAI,SAAS,EAAE;QACX,OAAO,SAAS,CAAC,EAAE,SAAS,WAAA,EAAE,CAAC,CAAC;KACnC;IACD,IAAI,kBAAkB,KAAK,WAAW,EAAE;QACpC,OAAO,qBAAkB,SAAS,GAAG,MAAI,eAAe,OAAI,GAAG,KAAK,OAAG,CAAC;KAC3E;IACD,IAAI,kBAAkB,KAAK,WAAW,EAAE;QACpC,OAAO,gBAAa,SAAS,GAAM,eAAe,OAAI,GAAG,KAAK,YAAQ,CAAC;KAC1E;IACD,IAAI,kBAAkB,KAAK,WAAW,EAAE;QACpC,OAAO,gBAAa,SAAS,GAAG,MAAI,eAAe,OAAI,GAAG,KAAK,YAAQ,CAAC;KAC3E;IACD,OAAO,qBAAkB,SAAS,GAAM,eAAe,OAAI,GAAG,KAAK,OAAG,CAAC;AAC3E,EAAE;AAEF;;;;;;;IAOa,kBAAkB,GAAG,UAAC,EAQlC;QAPG,8BAAY,EACZ,wBAAS,EACT,cAAU,EAAV,+BAAU;IAMJ,IAAA,uBAA4D,EAA1D,SAAK,EAAL,0BAAK,EAAE,SAAK,EAAL,0BAAK,EAAE,aAAS,EAAT,8BAAS,EAAE,cAAU,EAAV,+BAAiC,CAAC;IAC7D,IAAA,oBAAoE,EAAlE,aAAqB,EAArB,mCAAqB,EAAE,cAAuB,EAAvB,oCAA2C,CAAC;IAE3E,OAAO;QACH,sBAAsB,EAAE,CAAC,GAAG,UAAU,GAAG,MAAM,GAAG,CAAC;QACnD,uBAAuB,EAAE,CAAC,GAAG,KAAK,GAAG,UAAU,GAAG,MAAM,GAAG,MAAM,CAAC,UAAU;QAC5E,wBAAwB,EAAE,CAAC,GAAG,MAAM,GAAG,WAAW,GAAG,MAAM,GAAG,MAAM,CAAC,WAAW;QAChF,qBAAqB,EAAE,CAAC,GAAG,WAAW,GAAG,MAAM,GAAG,CAAC;KACtD,CAAC;AACN,EAAE;AACF;;;;;AAKA,IAAM,gBAAgB,GAAG,UAAC,eAAuB,IAAK,QAAC;IACnD,uBAAuB,EAAE;QACrB,SAAS,EAAE,CAAC,eAAe;QAC3B,SAAS,EAAE,eAAe;QAC1B,SAAS,EAAE,CAAC;QACZ,SAAS,EAAE,CAAC;KACf;IACD,yBAAyB,EAAE;QACvB,SAAS,EAAE,CAAC;QACZ,SAAS,EAAE,CAAC;QACZ,SAAS,EAAE,CAAC,eAAe;QAC3B,SAAS,EAAE,eAAe;KAC7B;CACJ,IAAC,CAAC;AAEH;;;;;;;;;;IAUa,yBAAyB,GAAG,UAAC,EAOnB;QANnB,sBAAQ,EACR,wBAAS,EACT,8BAAY,EACZ,cAAU,EAAV,+BAAU,EACV,uBAAmB,EAAnB,wCAAmB,EACnB,0BAAgC,EAAhC,qDAAgC;IAE1B,IAAA,sCAA0F,EAAxF,oDAAuB,EAAE,wDAA+D,CAAC;IAC3F,IAAA;;;;MAIJ,EAJM,kDAAsB,EAAE,oDAAuB,EAAE,sDAAwB,EAAE,gDAIjF,CAAC;IAEG,IAAA,uBAA4D,EAA1D,SAAK,EAAL,0BAAK,EAAE,SAAK,EAAL,0BAAK,EAAE,aAAS,EAAT,8BAAS,EAAE,cAAU,EAAV,+BAAiC,CAAC;IAC7D,IAAA,oBAAoE,EAAlE,aAAqB,EAArB,mCAAqB,EAAE,cAAuB,EAAvB,oCAA2C,CAAC;IAC3E,IAAM,aAAa,GACf,CAAC,QAAQ,KAAK,OAAO,KAAK,uBAAuB,IAAI,CAAC,sBAAsB,CAAC,MAAM,QAAQ,KAAK,MAAM,IAAI,CAAC,sBAAsB,CAAC,CAAC;IACvI,IAAM,YAAY,GACd,CAAC,QAAQ,KAAK,MAAM,KAAK,sBAAsB,IAAI,CAAC,uBAAuB,CAAC,MAAM,QAAQ,KAAK,OAAO,IAAI,CAAC,uBAAuB,CAAC,CAAC;IACxI,IAAM,WAAW,GACb,CAAC,QAAQ,KAAK,KAAK,KAAK,qBAAqB,IAAI,CAAC,wBAAwB,CAAC,MAAM,QAAQ,KAAK,QAAQ,IAAI,CAAC,wBAAwB,CAAC,CAAC;IAEzI,IAAI,aAAa,EAAE;QACf,OAAO;YACH,GAAG,EAAE,CAAC,GAAG,uBAAuB,CAAC,kBAAkB,CAAC,GAAG,WAAW,GAAG,CAAC,GAAG,MAAM,GAAG,CAAC;YACnF,IAAI,EAAE,CAAC,GAAG,MAAM,GAAG,KAAK,GAAG,yBAAyB,CAAC,kBAAkB,CAAC;SAC3E,CAAC;KACL;IACD,IAAI,YAAY,EAAE;QACd,OAAO;YACH,GAAG,EAAE,CAAC,GAAG,uBAAuB,CAAC,kBAAkB,CAAC,GAAG,WAAW,GAAG,CAAC,GAAG,MAAM,GAAG,CAAC;YACnF,IAAI,EAAE,CAAC,GAAG,MAAM,GAAG,UAAU,GAAG,yBAAyB,CAAC,kBAAkB,CAAC;SAChF,CAAC;KACL;IACD,IAAI,WAAW,EAAE;QACb,OAAO;YACH,GAAG,EAAE,CAAC,GAAG,MAAM,GAAG,WAAW,GAAG,uBAAuB,CAAC,kBAAkB,CAAC;YAC3E,IAAI,EAAE,CAAC,GAAG,yBAAyB,CAAC,kBAAkB,CAAC,GAAG,UAAU,GAAG,CAAC,GAAG,KAAK,GAAG,CAAC;SACvF,CAAC;KACL;IAED,OAAO;QACH,GAAG,EAAE,CAAC,GAAG,MAAM,GAAG,MAAM,GAAG,uBAAuB,CAAC,kBAAkB,CAAC;QACtE,IAAI,EAAE,CAAC,GAAG,yBAAyB,CAAC,kBAAkB,CAAC,GAAG,UAAU,GAAG,CAAC,GAAG,KAAK,GAAG,CAAC;KACvF,CAAC;AACN,EAAE;AAEF;;;;;;;;;IASa,yBAAyB,GAAG,UAAC,EAOnB;QANnB,iBAAoB,EAApB,yCAAoB,EACpB,iBAAoB,EAApB,yCAAoB,EACpB,wBAAS,EACT,cAAU,EAAV,+BAAU,EACV,uBAAmB,EAAnB,wCAAmB,EACnB,0BAAgC,EAAhC,qDAAgC;IAE1B,IAAA,kBAA6C,EAA3C,8BAAY,EAAE,4BAA6B,CAAC;IAC9C,IAAA,oBAA2C,EAAzC,aAAS,EAAT,8BAAS,EAAE,cAAU,EAAV,+BAA8B,CAAC;IAElD,IAAM,cAAc,GAAG;QACnB,SAAS,EAAE,CAAC,eAAe;QAC3B,SAAS,EAAE,eAAe;QAC1B,SAAS,EAAE,CAAC;QACZ,SAAS,EAAE,CAAC;KACf,CAAC;IACF,IAAM,gBAAgB,GAAG;QACrB,SAAS,EAAE,CAAC;QACZ,SAAS,EAAE,CAAC;QACZ,SAAS,EAAE,CAAC,eAAe;QAC3B,SAAS,EAAE,eAAe;KAC7B,CAAC;IAEF,IAAM,iBAAiB,GAAG;QACtB,GAAG,EAAE;YACD,GAAG,EAAE,MAAM,GAAG,cAAc,CAAC,kBAAkB,CAAC;YAChD,MAAM,EAAE,SAAS;SACpB;QACD,MAAM,EAAE;YACJ,GAAG,EAAE,CAAC,YAAY,GAAG,MAAM,IAAI,CAAC,GAAG,cAAc,CAAC,kBAAkB,CAAC;YACrE,MAAM,EAAE,SAAS;SACpB;QACD,MAAM,EAAE;YACJ,GAAG,EAAE,YAAY,GAAG,MAAM,GAAG,cAAc,CAAC,kBAAkB,CAAC;YAC/D,MAAM,EAAE,SAAS;SACpB;KACJ,CAAC;IAEF,IAAM,mBAAmB,GAAG;QACxB,IAAI,EAAE;YACF,IAAI,EAAE,MAAM,GAAG,gBAAgB,CAAC,kBAAkB,CAAC;YACnD,KAAK,EAAE,SAAS;SACnB;QACD,MAAM,EAAE;YACJ,IAAI,EAAE,WAAW,GAAG,CAAC,GAAG,KAAK,GAAG,CAAC,GAAG,gBAAgB,CAAC,kBAAkB,CAAC;YACxE,KAAK,EAAE,SAAS;SACnB;QACD,KAAK,EAAE;YACH,IAAI,EAAE,SAAS;YACf,KAAK,EAAE,MAAM,GAAG,gBAAgB,CAAC,kBAAkB,CAAC;SACvD;KACJ,CAAC;IAEI,IAAA,iCAA8C,EAA5C,YAAG,EAAE,kBAAuC,CAAC;IAC/C,IAAA,mCAAgD,EAA9C,cAAI,EAAE,gBAAwC,CAAC;IAEvD,OAAO,EAAE,GAAG,KAAA,EAAE,MAAM,QAAA,EAAE,IAAI,MAAA,EAAE,KAAK,OAAA,EAAE,CAAC;AACxC;;;;;;;"}