@dreamcommerce/aurora 0.3.4-172 → 0.3.4-176

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

@@ -1,24 +0,0 @@
-import React from 'react';
-import { classNames } from '../../utilities/styles/classNames.js';
-import styles from '../../css/hint/main.module.less.js';
-import IconHint from '../../assets/icon_hint.js';
-
-var Hint = function (_a) {
-    var hint = _a.hint, _b = _a.vPosition, vPosition = _b === void 0 ? 'top' : _b, yellow = _a.yellow, _c = _a.hPosition, hPosition = _c === void 0 ? 'right' : _c, iconClass = _a.iconClass, Icon = _a.Icon, spacingLeft = _a.spacingLeft, spacingRight = _a.spacingRight;
-    var containerClassName = classNames([
-        'hint',
-        spacingLeft && 'hint_spacing-left',
-        spacingRight && 'hint_spacing-right',
-        hPosition === 'right' && 'hint_right',
-        hPosition === 'center' && 'hint_horizontal-center',
-        vPosition === 'top' && 'hint_top',
-    ], styles);
-    var contentClassName = classNames(['hint__content', yellow && 'hint__content_yellow'], styles);
-    var IconComponent = Icon || IconHint;
-    return (React.createElement("div", { className: containerClassName },
-        React.createElement(IconComponent, { className: iconClass }),
-        React.createElement("div", { className: contentClassName }, hint)));
-};
-
-export default Hint;
-//# sourceMappingURL=index.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sources":["../../../../../src/components/hint/index.tsx"],"sourcesContent":["import React, { ReactElement } 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 | ReactElement;\n    vPosition?: 'top' | 'bottom';\n    hPosition?: 'left' | 'right' | 'center';\n\n    spacingLeft?: boolean;\n    spacingRight?: boolean;\n    iconClass?: string;\n    yellow?: boolean;\n    Icon?: React.FC<{ className?: string }>;\n}\n\nconst Hint: React.FC<IHint> = ({ hint, vPosition = 'top', yellow, 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    const contentClassName = classNames(['hint__content', yellow && 'hint__content_yellow'], styles);\n\n    const IconComponent = Icon || IconHint;\n\n    return (\n        <div className={containerClassName}>\n            <IconComponent className={iconClass} />\n            <div className={contentClassName}>{hint}</div>\n        </div>\n    );\n};\n\nexport default Hint;\n"],"names":[],"mappings":";;;;;IAiBM,IAAI,GAAoB,UAAC,EAAoG;QAAlG,cAAI,EAAE,iBAAiB,EAAjB,sCAAiB,EAAE,kBAAM,EAAE,iBAAmB,EAAnB,wCAAmB,EAAE,wBAAS,EAAE,cAAI,EAAE,4BAAW,EAAE,8BAAY;IAC7H,IAAM,kBAAkB,GAAG,UAAU,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,EACD,MAAM,CACT,CAAC;IACF,IAAM,gBAAgB,GAAG,UAAU,CAAC,CAAC,eAAe,EAAE,MAAM,IAAI,sBAAsB,CAAC,EAAE,MAAM,CAAC,CAAC;IAEjG,IAAM,aAAa,GAAG,IAAI,IAAI,QAAQ,CAAC;IAEvC,QACI,6BAAK,SAAS,EAAE,kBAAkB;QAC9B,oBAAC,aAAa,IAAC,SAAS,EAAE,SAAS,GAAI;QACvC,6BAAK,SAAS,EAAE,gBAAgB,IAAG,IAAI,CAAO,CAC5C,EACR;AACN;;;;"}

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

@@ -1,6 +0,0 @@
-var cssLabel = 'label';
-var cssLabelRequired = cssLabel + "_required";
-var cssLabelError = cssLabel + "_error";
-
-export { cssLabel, cssLabelError, cssLabelRequired };
-//# sourceMappingURL=css_classes.js.map

package/build/esm/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`;\nexport const cssLabelError = `${cssLabel}_error`;\n"],"names":[],"mappings":"IAAa,QAAQ,GAAG,QAAQ;IACnB,gBAAgB,GAAM,QAAQ,eAAY;IAC1C,aAAa,GAAM,QAAQ;;;;"}

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

@@ -1,20 +0,0 @@
-import React from 'react';
-import { __rest, __assign } from '../../../_virtual/_tslib.js';
-import classnames from 'classnames';
-import { useControlContext } from '../controls/context.js';
-import cssClasses from '../../css/label/main.module.less.js';
-import { cssLabel, cssLabelRequired, cssLabelError } from './css_classes.js';
-
-var Label = function (_a) {
-    var _b;
-    var _c = _a.isRequired, isRequired = _c === void 0 ? false : _c, children = _a.children, props = __rest(_a, ["isRequired", "children"]);
-    var errors = useControlContext().errors;
-    var labelClasses = classnames(cssClasses[cssLabel], (_b = {},
-        _b[cssClasses[cssLabelRequired]] = isRequired,
-        _b[cssClasses[cssLabelError]] = errors,
-        _b));
-    return (React.createElement("label", __assign({ className: labelClasses }, props), children));
-};
-
-export default Label;
-//# sourceMappingURL=index.js.map

package/build/esm/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, 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":[],"mappings":";;;;;;;IASM,KAAK,GAA0B,UAAC,EAA0C;;IAAxC,IAAA,kBAAkB,EAAlB,uCAAkB,EAAE,sBAAQ,EAAE,8CAAQ;IAClE,IAAA,mCAAM,CAAyB;IAEvC,IAAM,YAAY,GAAG,UAAU,CAAC,UAAU,CAAC,QAAQ,CAAC;QAChD,GAAC,UAAU,CAAC,gBAAgB,CAAC,IAAG,UAAU;QAC1C,GAAC,UAAU,CAAC,aAAa,CAAC,IAAG,MAAM;YACrC,CAAC;IAEH,QACI,wCAAO,SAAS,EAAE,YAAY,IAAM,KAAK,GACpC,QAAQ,CACL,EACV;AACN;;;;"}

package/build/esm/src/components/label/types.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../../src/components/label/types.ts"],"names":[],"mappings":"AAAA,OAAoC,OAAO,CAAC"}

package/build/esm/src/components/loader/constants.js

@@ -1,16 +0,0 @@
-import { cssLoaderSizeSmall, cssLoaderSizeLarge, cssLoaderSizeExtraLarge } from './css_classes.js';
-
-var _a;
-var LOADER_SIZE = {
-    small: 'small',
-    large: 'large',
-    extraLarge: 'extraLarge',
-};
-var LOADER_SIZE_CSS_CLASS_MAP = (_a = {},
-    _a[LOADER_SIZE.small] = cssLoaderSizeSmall,
-    _a[LOADER_SIZE.large] = cssLoaderSizeLarge,
-    _a[LOADER_SIZE.extraLarge] = cssLoaderSizeExtraLarge,
-    _a);
-
-export { LOADER_SIZE, LOADER_SIZE_CSS_CLASS_MAP };
-//# sourceMappingURL=constants.js.map

package/build/esm/src/components/loader/constants.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"constants.js","sources":["../../../../../src/components/loader/constants.ts"],"sourcesContent":["import { cssLoaderSizeExtraLarge, cssLoaderSizeLarge, cssLoaderSizeSmall } from '@components/loader/css_classes';\n\nexport const LOADER_SIZE = {\n    small: 'small',\n    large: 'large',\n    extraLarge: 'extraLarge',\n} as const;\n\nexport const LOADER_SIZE_CSS_CLASS_MAP = {\n    [LOADER_SIZE.small]: cssLoaderSizeSmall,\n    [LOADER_SIZE.large]: cssLoaderSizeLarge,\n    [LOADER_SIZE.extraLarge]: cssLoaderSizeExtraLarge,\n} as const;\n"],"names":[],"mappings":";;;IAEa,WAAW,GAAG;IACvB,KAAK,EAAE,OAAO;IACd,KAAK,EAAE,OAAO;IACd,UAAU,EAAE,YAAY;EACjB;IAEE,yBAAyB,IAAG;IACrC,GAAC,WAAW,CAAC,KAAK,IAAG,kBAAkB;IACvC,GAAC,WAAW,CAAC,KAAK,IAAG,kBAAkB;IACvC,GAAC,WAAW,CAAC,UAAU,IAAG,uBAAuB;MAC3C;;;;"}

package/build/esm/src/components/loader/css_classes.js

@@ -1,7 +0,0 @@
-var cssLoader = 'loader';
-var cssLoaderSizeSmall = cssLoader + "_s";
-var cssLoaderSizeLarge = cssLoader + "_l";
-var cssLoaderSizeExtraLarge = cssLoader + "_xl";
-
-export { cssLoader, cssLoaderSizeExtraLarge, cssLoaderSizeLarge, cssLoaderSizeSmall };
-//# sourceMappingURL=css_classes.js.map

package/build/esm/src/components/loader/css_classes.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"css_classes.js","sources":["../../../../../src/components/loader/css_classes.ts"],"sourcesContent":["export const cssLoader = 'loader';\nexport const cssLoaderSizeSmall = `${cssLoader}_s`;\nexport const cssLoaderSizeLarge = `${cssLoader}_l`;\nexport const cssLoaderSizeExtraLarge = `${cssLoader}_xl`;\n"],"names":[],"mappings":"IAAa,SAAS,GAAG,SAAS;IACrB,kBAAkB,GAAM,SAAS,QAAK;IACtC,kBAAkB,GAAM,SAAS,QAAK;IACtC,uBAAuB,GAAM,SAAS;;;;"}

package/build/esm/src/components/loader/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sources":["../../../../../src/components/loader/index.tsx"],"sourcesContent":["import React, { ReactElement } from 'react';\nimport classnames from 'classnames';\nimport cssClasses from '@css/loader/main.module.less';\nimport { cssLoader } from '@components/loader/css_classes';\nimport { LOADER_SIZE, LOADER_SIZE_CSS_CLASS_MAP } from '@components/loader/constants';\nimport { ILoaderConstants, ILoaderProps } from '@components/loader/types';\n\nconst Loader: React.FC<ILoaderProps> & ILoaderConstants = ({ size }): ReactElement => {\n    const loaderClasses = classnames(cssClasses[cssLoader], size ? cssClasses[LOADER_SIZE_CSS_CLASS_MAP[size]] : '');\n\n    return <span className={loaderClasses} />;\n};\n\nLoader.SIZE = LOADER_SIZE;\n\nexport default Loader;\n"],"names":[],"mappings":";;;;;;IAOM,MAAM,GAA8C,UAAC,EAAQ;QAAN,cAAI;IAC7D,IAAM,aAAa,GAAG,UAAU,CAAC,UAAU,CAAC,SAAS,CAAC,EAAE,IAAI,GAAG,UAAU,CAAC,yBAAyB,CAAC,IAAI,CAAC,CAAC,GAAG,EAAE,CAAC,CAAC;IAEjH,OAAO,8BAAM,SAAS,EAAE,aAAa,GAAI,CAAC;AAC9C,EAAE;AAEF,MAAM,CAAC,IAAI,GAAG,WAAW;;;;"}

package/build/esm/src/components/loader/types.js

@@ -1,3 +0,0 @@
-import '@components/loader/constants';
-import '@typings/general';
-//# sourceMappingURL=types.js.map

package/build/esm/src/components/loader/types.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../../src/components/loader/types.ts"],"names":[],"mappings":"AAAA,OAA4B,8BAA8B,CAAC;AAC3D,OAA+B,kBAAkB,CAAC"}

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

@@ -1,16 +0,0 @@
-import React from 'react';
-import { classNames } from '../../utilities/styles/classNames.js';
-import cssClasses from '../../css/message-box/main.module.less.js';
-
-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([className, 'message-box', type && "message-box_" + type, fullWidth && "message-box_full-width"], cssClasses);
-    return (React.createElement("div", { className: messageBoxClassName },
-        !withoutIcon && React.createElement("div", { className: cssClasses['message-box__icon'] }),
-        React.createElement("div", { className: cssClasses['message-box__content'] },
-            header && React.createElement("h4", { className: cssClasses['message-box__header'] }, header),
-            children)));
-};
-
-export default MessageBox;
-//# sourceMappingURL=index.js.map

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

@@ -1 +0,0 @@
-{"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":[],"mappings":";;;;IAKM,UAAU,GAA0B,UAAC,EAA6D;QAA3D,sBAAQ,EAAE,kBAAM,EAAE,cAAI,EAAE,4BAAW,EAAE,wBAAS,EAAE,wBAAS;IAClG,IAAM,mBAAmB,GAAG,UAAU,CAClC,CAAC,SAAS,EAAE,aAAa,EAAE,IAAI,IAAI,iBAAe,IAAM,EAAE,SAAS,IAAI,wBAAwB,CAAC,EAChG,UAAU,CACb,CAAC;IAEF,QACI,6BAAK,SAAS,EAAE,mBAAmB;QAC9B,CAAC,WAAW,IAAI,6BAAK,SAAS,EAAE,UAAU,CAAC,mBAAmB,CAAC,GAAI;QAEpE,6BAAK,SAAS,EAAE,UAAU,CAAC,sBAAsB,CAAC;YAC7C,MAAM,IAAI,4BAAI,SAAS,EAAE,UAAU,CAAC,qBAAqB,CAAC,IAAG,MAAM,CAAM;YAEzE,QAAQ,CACP,CACJ,EACR;AACN;;;;"}

package/build/esm/src/components/message-box/types.js

@@ -1 +0,0 @@
-//# sourceMappingURL=types.js.map

package/build/esm/src/components/message-box/types.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../../src/components/message-box/types.ts"],"names":[],"mappings":""}

package/build/esm/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":[],"mappings":";;;IAIM,OAAO,GAAsB,UAAC,EAAY;QAAV,sBAAQ;IAC1C,OAAO,iCAAS,SAAS,EAAE,UAAU,CAAC,uBAAuB,CAAC,IAAG,QAAQ,CAAW,CAAC;AACzF;;;;"}

package/build/esm/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":[],"mappings":";;;IAIM,MAAM,GAAqB,UAAC,EAAY;QAAV,sBAAQ;IACxC,OAAO,gCAAQ,SAAS,EAAE,UAAU,CAAC,sBAAsB,CAAC,IAAG,QAAQ,CAAU,CAAC;AACtF;;;;"}

package/build/esm/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';\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":[],"mappings":";;;;IAKM,MAAM,GAAqB,UAAC,EAAoC;QAAlC,aAAU,EAAV,+BAAU,EAAE,oBAAO,EAAE,4BAAW;IAChE,QACI,gCAAQ,SAAS,EAAE,UAAU,CAAC,sBAAsB,CAAC;QACjD,6BAAK,SAAS,EAAE,UAAU,CAAC,qBAAqB,CAAC;YAC7C,gCAAK,KAAK,CAAM,CACd;QACN,6BAAK,SAAS,EAAE,UAAU,CAAC,8BAA8B,CAAC;YACrD,OAAO;YACP,WAAW,IAAI,oBAAC,SAAS,IAAC,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,UAAU,CAAC,0BAA0B,CAAC,GAAI,CACpG,CACD,EACX;AACN;;;;"}

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

@@ -1,11 +0,0 @@
-import React from 'react';
-import cssClasses from '../../../css/modal/main.module.less.js';
-
-var Modal = function (_a) {
-    var children = _a.children, className = _a.className, modalRef = _a.modalRef;
-    return (React.createElement("div", { "data-test-id": "modal", ref: modalRef, className: cssClasses['modal-window'] + " " + cssClasses['modal-window_visible'] + " " + className },
-        React.createElement("div", { className: cssClasses['modal-window__body'] }, children)));
-};
-
-export default Modal;
-//# sourceMappingURL=modal.js.map

package/build/esm/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-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":[],"mappings":";;;IAIM,KAAK,GAAoB,UAAC,EAAiC;QAA/B,sBAAQ,EAAE,wBAAS,EAAE,sBAAQ;IAC3D,QACI,6CAAkB,OAAO,EAAC,GAAG,EAAE,QAAQ,EAAE,SAAS,EAAK,UAAU,CAAC,cAAc,CAAC,SAAI,UAAU,CAAC,sBAAsB,CAAC,SAAI,SAAW;QAClI,6BAAK,SAAS,EAAE,UAAU,CAAC,oBAAoB,CAAC,IAAG,QAAQ,CAAO,CAChE,EACR;AACN;;;;"}

package/build/esm/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/esm/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":[],"mappings":";;IAQa,YAAY,GAAG,aAAa,CAAgB;IACrD,SAAS,EAAE,KAAK;IAChB,UAAU,EAAE,eAAQ;IACpB,SAAS,EAAE,eAAQ;CACtB,EAAE;IAEU,oBAAoB,GAAG,YAAY,CAAC;;;;"}

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

@@ -1,60 +0,0 @@
-import React, { useRef, useState, useEffect } from 'react';
-import { __rest, __assign } from '../../../../../_virtual/_tslib.js';
-import { createUseStyles } from '../../../../../node_modules/react-jss/dist/react-jss.esm.js';
-import { createPortal } from 'react-dom';
-import cssClasses from '../../../../css/modal/main.module.less.js';
-import Modal from '../../components/modal.js';
-import { calculateAbsolutePosition, getTransformFromAnimationDirection } from '../../utilities.js';
-import { DEFAULT_TRANSLATE_MOVE } from '../../constants.js';
-
-var useStyles = 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: 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 ? DEFAULT_TRANSLATE_MOVE : _c, children = _a.children, animationDirection = _a.animationDirection, isVisible = _a.isVisible, rest = __rest(_a, ["vPosition", "hPosition", "offset", "transform", "transformLength", "children", "animationDirection", "isVisible"]);
-    var modalRef = useRef(null);
-    var _d = useState({}), position = _d[0], setPosition = _d[1];
-    var classes = useStyles(__assign(__assign({}, position), { isVisible: isVisible, transformLength: transformLength, transform: transform, animationDirection: animationDirection }));
-    useEffect(function () {
-        var _a, _b;
-        setPosition(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 createPortal(React.createElement(Modal, __assign({ className: classes.modal + " " + (isVisible ? cssClasses['modal-window_visible'] : ''), modalRef: modalRef }, rest), children), document.body);
-};
-
-export default AbsoluteModal;
-//# sourceMappingURL=index.js.map

package/build/esm/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":[],"mappings":";;;;;;;;;AASA,IAAM,SAAS,GAAG,eAAe,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,EAAE,kCAAkC;KAChD;CACJ,CAAC,CAAC;IAEG,aAAa,GAA0C,UAAC,EAU7D;IATG,IAAA,wBAAS,EACT,wBAAS,EACT,cAAU,EAAV,+BAAU,EACV,wBAAS,EACT,uBAAwC,EAAxC,6DAAwC,EACxC,sBAAQ,EACR,0CAAkB,EAClB,wBAAS,EACT,sIAAO;IAEP,IAAM,QAAQ,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IACxC,IAAA,iBAAsD,EAArD,gBAAQ,EAAE,mBAA2C,CAAC;IAC7D,IAAM,OAAO,GAAG,SAAS,uBAAM,QAAQ,KAAE,SAAS,WAAA,EAAE,eAAe,iBAAA,EAAE,SAAS,WAAA,EAAE,kBAAkB,oBAAA,IAAG,CAAC;IAEtG,SAAS,CAAC;;QACN,WAAW,CACP,yBAAyB,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,OAAO,YAAY,CACf,oBAAC,KAAK,aAAC,SAAS,EAAK,OAAO,CAAC,KAAK,UAAI,SAAS,GAAG,UAAU,CAAC,sBAAsB,CAAC,GAAG,EAAE,CAAE,EAAE,QAAQ,EAAE,QAAQ,IAAM,IAAI,GACpH,QAAQ,CACL,EACR,QAAQ,CAAC,IAAI,CAChB,CAAC;AACN;;;;"}

package/build/esm/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":[],"mappings":";;;IAOM,aAAa,GAA2B,UAAC,EAAiC;QAA/B,mBAAmB,EAAnB,wCAAmB,EAAE,sBAAQ;IACpE,IAAA,0BAA+C,EAA9C,iBAAS,EAAE,kBAAmC,CAAC;IACtD,IAAM,SAAS,GAAG,cAAM,OAAA,UAAU,CAAC,KAAK,CAAC,GAAA,CAAC;IAE1C,OAAO,oBAAC,oBAAoB,IAAC,KAAK,EAAE,EAAE,SAAS,WAAA,EAAE,UAAU,YAAA,EAAE,SAAS,WAAA,EAAE,IAAG,QAAQ,CAAwB,CAAC;AAChH;;;;"}

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

@@ -1,66 +0,0 @@
-import React, { useRef, useState, useEffect } from 'react';
-import { __rest, __assign } from '../../../../../_virtual/_tslib.js';
-import { createUseStyles } from '../../../../../node_modules/react-jss/dist/react-jss.esm.js';
-import { useResize } from '../../../../hooks/use_resize.js';
-import { createPortal } from 'react-dom';
-import cssClasses from '../../../../css/modal/main.module.less.js';
-import Modal from '../../components/modal.js';
-import { calculateRelativePosition, getTransformFromAnimationDirection } from '../../utilities.js';
-import { DEFAULT_TRANSLATE_MOVE } from '../../constants.js';
-
-var useStyles = 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: 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 ? DEFAULT_TRANSLATE_MOVE : _c, children = _a.children, animationDirection = _a.animationDirection, isVisible = _a.isVisible, relativeTo = _a.relativeTo, rest = __rest(_a, ["position", "offset", "transformLength", "children", "animationDirection", "isVisible", "relativeTo"]);
-    var modalRef = useRef(null);
-    var _d = useState({}), positioning = _d[0], setPosition = _d[1];
-    var classes = useStyles(__assign(__assign({}, positioning), { isVisible: isVisible, transformLength: transformLength, animationDirection: animationDirection }));
-    useEffect(function () {
-        var _a, _b;
-        setPosition(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]);
-    useResize(function () {
-        var _a, _b;
-        setPosition(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 createPortal(React.createElement(Modal, __assign({ className: classes.modal + " " + (isVisible ? cssClasses['modal-window_visible'] : ''), modalRef: modalRef }, rest), children), document.body);
-};
-
-export default RelativeModal;
-//# sourceMappingURL=index.js.map

package/build/esm/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":[],"mappings":";;;;;;;;;;AAUA,IAAM,SAAS,GAAG,eAAe,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,EAAE,kCAAkC;KAChD;CACJ,CAAC,CAAC;IAEG,aAAa,GAA0C,UAAC,EAS7D;IARG,IAAA,sBAAQ,EACR,cAAU,EAAV,+BAAU,EACV,uBAAwC,EAAxC,6DAAwC,EACxC,sBAAQ,EACR,0CAAkB,EAClB,wBAAS,EACT,0BAAU,EACV,yHAAO;IAEP,IAAM,QAAQ,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IACxC,IAAA,iBAAyD,EAAxD,mBAAW,EAAE,mBAA2C,CAAC;IAChE,IAAM,OAAO,GAAG,SAAS,uBAAM,WAAW,KAAE,SAAS,WAAA,EAAE,eAAe,iBAAA,EAAE,kBAAkB,oBAAA,IAAG,CAAC;IAE9F,SAAS,CAAC;;QACN,WAAW,CACP,yBAAyB,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;IAEnF,SAAS,CAAC;;QACN,WAAW,CACP,yBAAyB,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,OAAO,YAAY,CACf,oBAAC,KAAK,aAAC,SAAS,EAAK,OAAO,CAAC,KAAK,UAAI,SAAS,GAAG,UAAU,CAAC,sBAAsB,CAAC,GAAG,EAAE,CAAE,EAAE,QAAQ,EAAE,QAAQ,IAAM,IAAI,GACpH,QAAQ,CACL,EACR,QAAQ,CAAC,IAAI,CAChB,CAAC;AACN;;;;"}

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

@@ -1,17 +0,0 @@
-import React from 'react';
-import cssClasses from '../../css/modal/main.module.less.js';
-import Content from './components/content.js';
-import Header from './components/header.js';
-import Footer from './components/footer.js';
-
-var Modal = function (_a) {
-    var children = _a.children, className = _a.className, modalRef = _a.modalRef;
-    return (React.createElement("div", { ref: modalRef, className: cssClasses['modal-window'] + " " + className },
-        React.createElement("div", { className: cssClasses['modal-window__body'] }, children)));
-};
-Modal.Header = Header;
-Modal.Content = Content;
-Modal.Footer = Footer;
-
-export default Modal;
-//# sourceMappingURL=index.js.map

package/build/esm/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":[],"mappings":";;;;;;IAOM,KAAK,GAAwC,UAAC,EAAiC;QAA/B,sBAAQ,EAAE,wBAAS,EAAE,sBAAQ;IAC/E,QACI,6BAAK,GAAG,EAAE,QAAQ,EAAE,SAAS,EAAK,UAAU,CAAC,cAAc,CAAC,SAAI,SAAW;QACvE,6BAAK,SAAS,EAAE,UAAU,CAAC,oBAAoB,CAAC,IAAG,QAAQ,CAAO,CAChE,EACR;AACN,EAAE;AAEF,KAAK,CAAC,MAAM,GAAG,MAAM,CAAC;AACtB,KAAK,CAAC,OAAO,GAAG,OAAO,CAAC;AACxB,KAAK,CAAC,MAAM,GAAG,MAAM;;;;"}

package/build/esm/src/components/modal/types.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../../src/components/modal/types.ts"],"names":[],"mappings":"AAAA,OAAuE,OAAO,CAAC"}

package/build/esm/src/components/modal/utilities.d.ts

@@ -1,56 +0,0 @@
-import { IAbsoluteModalProps, IAbsoluteCalculation, IRelativeCalculation } from "./types";
-/**
- * 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
- */
-export declare const getTransformFromAnimationDirection: ({ animationDirection, transformLength, isVisible, transform }: IAbsoluteModalProps) => string;
-/**
- * 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
- */
-export declare const availablePositions: ({ relativeRect, modalRect, offset, }: {
-    relativeRect?: DOMRect | undefined;
-    modalRect?: DOMRect | undefined;
-    offset?: number | undefined;
-}) => {
-    isLeftPositionPossible: boolean;
-    isRightPositionPossible: boolean;
-    isBottomPositionPossible: boolean;
-    isTopPositionPossible: boolean;
-};
-/**
- * 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
- */
-export declare const calculateRelativePosition: ({ position, modalRect, relativeRect, offset, transformLength, animationDirection, }: IRelativeCalculation) => {
-    top: number;
-    left: number;
-};
-/**
- * @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
- */
-export declare const calculateAbsolutePosition: ({ vPosition, hPosition, modalRect, offset, transformLength, animationDirection, }: IAbsoluteCalculation) => {
-    top: number;
-    bottom: undefined;
-    left: number | undefined;
-    right: number | undefined;
-};

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

@@ -1,169 +0,0 @@
-import '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 innerWidth = window.innerWidth, innerHeight = window.innerHeight;
-    var _g = modalRect || {}, _h = _g.width, width = _h === void 0 ? 0 : _h, _j = _g.height, height = _j === void 0 ? 0 : _j;
-    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: (innerHeight - height) / 2 - verticalOffset[animationDirection],
-            bottom: undefined,
-        },
-        bottom: {
-            top: innerHeight - height - verticalOffset[animationDirection],
-            bottom: undefined,
-        },
-    };
-    var horizontalPositions = {
-        left: {
-            left: offset + horizontalOffset[animationDirection],
-            right: undefined,
-        },
-        center: {
-            left: innerWidth / 2 - width / 2 + horizontalOffset[animationDirection],
-            right: undefined,
-        },
-        right: {
-            left: undefined,
-            right: offset + horizontalOffset[animationDirection],
-        },
-    };
-    var _k = verticalPositions[vPosition], top = _k.top, bottom = _k.bottom;
-    var _l = horizontalPositions[hPosition], left = _l.left, right = _l.right;
-    return { top: top, bottom: bottom, left: left, right: right };
-};
-
-export { availablePositions, calculateAbsolutePosition, calculateRelativePosition, getTransformFromAnimationDirection };
-//# sourceMappingURL=utilities.js.map