npm - @dreamcommerce/aurora - Versions diffs - 0.3.5 → 0.3.6 - Mend

@dreamcommerce/aurora 0.3.5 → 0.3.6

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

Files changed (2121) hide show

package/build/esm/packages/aurora/src/components/grid/utils.js.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

package/build/esm/packages/aurora/src/components/heading/index.d.ts ADDED Viewed

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

package/build/esm/packages/aurora/src/components/heading/index.js ADDED Viewed

@@ -0,0 +1,17 @@
+import React from 'react';
+import classnames from 'classnames';
+import cssClasses from '../../css/heading/main.module.less.js';
+var Heading = function (_a) {
+    var _b = _a.as, as = _b === void 0 ? 'h1' : _b, isSubheading = _a.isSubheading, withHeadline = _a.withHeadline, children = _a.children;
+    var classes = classnames(cssClasses[as], withHeadline && cssClasses.head_line);
+    if (!isSubheading) {
+        return React.createElement("".concat(as), {
+            className: classes
+        }, children);
+    }
+    return React.createElement("span", { className: classes }, children);
+};
+export default Heading;
+//# sourceMappingURL=index.js.map

package/build/esm/packages/aurora/src/components/heading/index.js.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

package/build/esm/packages/aurora/src/components/heading/types.d.ts ADDED Viewed

@@ -0,0 +1,5 @@
+export interface IHeadingProps {
+    as: string;
+    isSubheading?: boolean;
+    withHeadline?: boolean;
+}

package/build/esm/packages/aurora/src/components/heading/types.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ export {};
2	+ //# sourceMappingURL=types.js.map

package/build/esm/packages/aurora/src/components/heading/types.js.map ADDED Viewed

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

package/build/esm/packages/aurora/src/components/hint/index.d.ts ADDED Viewed

@@ -0,0 +1,16 @@
+import React, { ReactElement } from 'react';
+export interface IHint {
+    hint: string | ReactElement;
+    vPosition?: 'top' | 'bottom';
+    hPosition?: 'left' | 'right' | 'center';
+    spacingLeft?: boolean;
+    spacingRight?: boolean;
+    iconClass?: string;
+    yellow?: boolean;
+    Icon?: React.FC<{
+        className?: string;
+    }>;
+    fixed?: boolean;
+}
+declare const Hint: React.FC<IHint>;
+export default Hint;

package/build/esm/packages/aurora/src/components/hint/index.js ADDED Viewed

@@ -0,0 +1,27 @@
+import React, { useRef } 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';
+import { useFixedChildPosition } from '../../hooks/use_fixed_child_position.js';
+var Hint = function (_a) {
+    var hint = _a.hint, fixed = _a.fixed, _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 hintContentRef = useRef(null);
+    var _d = useFixedChildPosition({ useFixed: fixed, vPosition: vPosition, hPosition: hPosition, childRef: hintContentRef }), onMouseEnter = _d.onMouseEnter, style = _d.style;
+    var contentClassName = classNames(['hint__content', yellow && 'hint__content_yellow'], styles);
+    var IconComponent = Icon || IconHint;
+    return (React.createElement("div", { className: containerClassName, onMouseEnter: onMouseEnter },
+        React.createElement(IconComponent, { className: iconClass }),
+        React.createElement("div", { ref: hintContentRef, className: contentClassName, style: style }, hint)));
+};
+export default Hint;
+//# sourceMappingURL=index.js.map

package/build/esm/packages/aurora/src/components/hint/index.js.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

package/build/esm/packages/aurora/src/components/label/css_classes.d.ts ADDED Viewed

@@ -0,0 +1,3 @@
+export declare const cssLabel = "label";
+export declare const cssLabelRequired: string;
+export declare const cssLabelError: string;

package/build/esm/packages/aurora/src/components/label/css_classes.js ADDED Viewed

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

package/build/esm/packages/aurora/src/components/label/css_classes.js.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;"}

package/build/esm/packages/aurora/src/components/label/index.d.ts ADDED Viewed

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

package/build/esm/packages/aurora/src/components/label/index.js ADDED Viewed

@@ -0,0 +1,20 @@
+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/packages/aurora/src/components/label/index.js.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

package/build/esm/packages/aurora/src/components/label/types.d.ts ADDED Viewed

@@ -0,0 +1,4 @@
+import { LabelHTMLAttributes } from 'react';
+export interface ILabelProps extends LabelHTMLAttributes<HTMLLabelElement> {
+    isRequired?: boolean;
+}

package/build/esm/packages/aurora/src/components/label/types.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import 'react';
2	+ //# sourceMappingURL=types.js.map

package/build/esm/packages/aurora/src/components/label/types.js.map ADDED Viewed

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

package/build/esm/packages/aurora/src/components/loader/constants.d.ts ADDED Viewed

@@ -0,0 +1,10 @@
+export declare const LOADER_SIZE: {
+    readonly small: "small";
+    readonly large: "large";
+    readonly extraLarge: "extraLarge";
+};
+export declare const LOADER_SIZE_CSS_CLASS_MAP: {
+    readonly small: string;
+    readonly large: string;
+    readonly extraLarge: string;
+};

package/build/esm/packages/aurora/src/components/loader/constants.js ADDED Viewed

@@ -0,0 +1,16 @@
+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/packages/aurora/src/components/loader/constants.js.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

package/build/esm/packages/aurora/src/components/loader/css_classes.d.ts ADDED Viewed

@@ -0,0 +1,4 @@
+export declare const cssLoader = "loader";
+export declare const cssLoaderSizeSmall: string;
+export declare const cssLoaderSizeLarge: string;
+export declare const cssLoaderSizeExtraLarge: string;

package/build/esm/packages/aurora/src/components/loader/css_classes.js ADDED Viewed

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

package/build/esm/packages/aurora/src/components/loader/css_classes.js.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;"}

package/build/esm/packages/aurora/src/components/loader/index.d.ts ADDED Viewed

@@ -0,0 +1,4 @@
+import React from 'react';
+import { ILoaderConstants, ILoaderProps } from "./types";
+declare const Loader: React.FC<ILoaderProps> & ILoaderConstants;
+export default Loader;

package/build/esm/packages/aurora/src/components/loader/index.js ADDED Viewed

@@ -0,0 +1,15 @@
+import React from 'react';
+import classnames from 'classnames';
+import cssClasses from '../../css/loader/main.module.less.js';
+import { cssLoader } from './css_classes.js';
+import { LOADER_SIZE_CSS_CLASS_MAP, LOADER_SIZE } from './constants.js';
+var Loader = function (_a) {
+    var size = _a.size;
+    var loaderClasses = classnames(cssClasses[cssLoader], size ? cssClasses[LOADER_SIZE_CSS_CLASS_MAP[size]] : '');
+    return React.createElement("span", { className: loaderClasses });
+};
+Loader.SIZE = LOADER_SIZE;
+export default Loader;
+//# sourceMappingURL=index.js.map

package/build/esm/packages/aurora/src/components/loader/index.js.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

package/build/esm/packages/aurora/src/components/loader/types.d.ts ADDED Viewed

@@ -0,0 +1,9 @@
+import { LOADER_SIZE } from "./constants";
+import { EnumLiteralsOf } from "../../typings/general";
+export interface ILoaderProps {
+    size?: TLoaderSize;
+}
+export interface ILoaderConstants {
+    SIZE: typeof LOADER_SIZE;
+}
+export declare type TLoaderSize = EnumLiteralsOf<typeof LOADER_SIZE>;

package/build/esm/packages/aurora/src/components/loader/types.js ADDED Viewed

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

package/build/esm/packages/aurora/src/components/loader/types.js.map ADDED Viewed

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

package/build/esm/packages/aurora/src/components/message-box/index.d.ts ADDED Viewed

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

package/build/esm/packages/aurora/src/components/message-box/index.js ADDED Viewed

@@ -0,0 +1,16 @@
+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_".concat(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/packages/aurora/src/components/message-box/index.js.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

package/build/esm/packages/aurora/src/components/message-box/types.d.ts ADDED Viewed

@@ -0,0 +1,8 @@
+export declare type TMessageBoxType = 'success' | 'alert' | 'warning' | 'light';
+export interface IMessageBox {
+    type?: TMessageBoxType;
+    header?: string;
+    withoutIcon?: boolean;
+    className?: string;
+    fullWidth?: boolean;
+}

package/build/esm/packages/aurora/src/components/message-box/types.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ export {};
2	+ //# sourceMappingURL=types.js.map

package/build/esm/packages/aurora/src/components/message-box/types.js.map ADDED Viewed

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

package/build/esm/packages/aurora/src/components/modal/components/content.d.ts ADDED Viewed

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

package/build/esm/packages/aurora/src/components/modal/components/content.js ADDED Viewed

@@ -0,0 +1,10 @@
+import React from 'react';
+import cssClasses from '../../../css/modal/main.module.less.js';
+var Content = function (_a) {
+    var children = _a.children;
+    return React.createElement("section", { className: cssClasses['modal-window__content'] }, children);
+};
+export default Content;
+//# sourceMappingURL=content.js.map

package/build/esm/packages/aurora/src/components/modal/components/content.js.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

package/build/esm/packages/aurora/src/components/modal/components/footer.d.ts ADDED Viewed

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

package/build/esm/packages/aurora/src/components/modal/components/footer.js ADDED Viewed

@@ -0,0 +1,10 @@
+import React from 'react';
+import cssClasses from '../../../css/modal/main.module.less.js';
+var Footer = function (_a) {
+    var children = _a.children;
+    return React.createElement("footer", { className: cssClasses['modal-window__footer'] }, children);
+};
+export default Footer;
+//# sourceMappingURL=footer.js.map

package/build/esm/packages/aurora/src/components/modal/components/footer.js.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

package/build/esm/packages/aurora/src/components/modal/components/header.d.ts ADDED Viewed

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

package/build/esm/packages/aurora/src/components/modal/components/header.js ADDED Viewed

@@ -0,0 +1,16 @@
+import React from 'react';
+import cssClasses from '../../../css/modal/main.module.less.js';
+import IconClose from '../../../assets/icon_close.js';
+var Header = function (_a) {
+    var _b = _a.title, title = _b === void 0 ? '' : _b, actions = _a.actions, closeAction = _a.closeAction;
+    return (React.createElement("header", { className: cssClasses['modal-window__header'] },
+        React.createElement("div", { className: cssClasses['modal-window__title'] },
+            React.createElement("h3", null, title)),
+        React.createElement("div", { className: cssClasses['modal-window__header-actions'] },
+            actions,
+            closeAction && React.createElement(IconClose, { onClick: closeAction, className: cssClasses['modal-window__close-icon'] }))));
+};
+export default Header;
+//# sourceMappingURL=header.js.map

package/build/esm/packages/aurora/src/components/modal/components/header.js.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

package/build/esm/packages/aurora/src/components/modal/components/modal.d.ts ADDED Viewed

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

package/build/esm/packages/aurora/src/components/modal/components/modal.js ADDED Viewed

@@ -0,0 +1,11 @@
+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: "".concat(cssClasses['modal-window'], " ").concat(cssClasses['modal-window_visible'], " ").concat(className) },
+        React.createElement("div", { className: cssClasses['modal-window__body'] }, children)));
+};
+export default Modal;
+//# sourceMappingURL=modal.js.map

package/build/esm/packages/aurora/src/components/modal/components/modal.js.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

package/build/esm/packages/aurora/src/components/modal/constants.d.ts ADDED Viewed

	@@ -0,0 +1 @@
1	+ export declare const DEFAULT_TRANSLATE_MOVE = 100;

package/build/esm/packages/aurora/src/components/modal/constants.js ADDED Viewed

@@ -0,0 +1,4 @@
+var DEFAULT_TRANSLATE_MOVE = 100;
+export { DEFAULT_TRANSLATE_MOVE };
+//# sourceMappingURL=constants.js.map

package/build/esm/packages/aurora/src/components/modal/constants.js.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;"}

package/build/esm/packages/aurora/src/components/modal/context/modal_context.d.ts ADDED Viewed

@@ -0,0 +1,8 @@
+import { Dispatch, SetStateAction } from 'react';
+export interface IModalContext {
+    isVisible: boolean;
+    setVisible: Dispatch<SetStateAction<boolean>>;
+    hideModal?(): void;
+}
+export declare const ModalContext: import("react").Context<IModalContext>;
+export declare const ModalContextProvider: import("react").Provider<IModalContext>;

package/build/esm/packages/aurora/src/components/modal/context/modal_context.js ADDED Viewed

@@ -0,0 +1,11 @@
+import { createContext } from 'react';
+var ModalContext = createContext({
+    isVisible: false,
+    setVisible: function () { },
+    hideModal: function () { }
+});
+var ModalContextProvider = ModalContext.Provider;
+export { ModalContext, ModalContextProvider };
+//# sourceMappingURL=modal_context.js.map

package/build/esm/packages/aurora/src/components/modal/context/modal_context.js.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

package/build/esm/packages/aurora/src/components/modal/hoc/absolute_modal/index.d.ts ADDED Viewed

@@ -0,0 +1,4 @@
+import { FC } from 'react';
+import { IAbsoluteModalProps, IModalProps } from "../../types";
+declare const AbsoluteModal: FC<IAbsoluteModalProps & IModalProps>;
+export default AbsoluteModal;

package/build/esm/packages/aurora/src/components/modal/hoc/absolute_modal/index.js ADDED Viewed

@@ -0,0 +1,84 @@
+import React, { useRef, useState, useEffect } from 'react';
+import { __rest, __assign } from '../../../../../../../_virtual/_tslib.js';
+import { createUseStyles } from '../../../../../../../external/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 { 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, withBackground = _a.withBackground, rest = __rest(_a, ["vPosition", "hPosition", "offset", "transform", "transformLength", "children", "animationDirection", "isVisible", "withBackground"]);
+    var modalRef = useRef(null);
+    var _d = useState(0), updater = _d[0], setUpdater = _d[1];
+    var _e = useState({}), position = _e[0], setPosition = _e[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, updater]);
+    useResize(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
+        }));
+    }, 50);
+    useEffect(function () {
+        var observer = new MutationObserver(function () {
+            setUpdater(function (updater) { return updater + 1; });
+        });
+        if (modalRef.current) {
+            observer.observe(modalRef.current, { childList: true, subtree: true });
+        }
+        return function () { return observer.disconnect(); };
+    }, []);
+    return createPortal(React.createElement(React.Fragment, null,
+        React.createElement(Modal, __assign({ className: "".concat(classes.modal, " ").concat(isVisible ? cssClasses['modal-window_visible'] : ''), modalRef: modalRef }, rest), children),
+        isVisible && withBackground && React.createElement("div", { className: cssClasses['modal-window-mask'] })), document.body);
+};
+export default AbsoluteModal;
+//# sourceMappingURL=index.js.map

package/build/esm/packages/aurora/src/components/modal/hoc/absolute_modal/index.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA,gCAAgC,+DAAmE;AACnG;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

package/build/esm/packages/aurora/src/components/modal/hoc/modal_provider.d.ts ADDED Viewed

@@ -0,0 +1,6 @@
+import { FC } from 'react';
+export interface ModalProviderProps {
+    defaultOpen?: boolean;
+}
+declare const ModalProvider: FC<ModalProviderProps>;
+export default ModalProvider;

package/build/esm/packages/aurora/src/components/modal/hoc/modal_provider.js ADDED Viewed

@@ -0,0 +1,12 @@
+import React, { useState } from 'react';
+import { ModalContextProvider } from '../context/modal_context.js';
+var ModalProvider = function (_a) {
+    var _b = _a.defaultOpen, defaultOpen = _b === void 0 ? false : _b, children = _a.children;
+    var _c = useState(defaultOpen), isVisible = _c[0], setVisible = _c[1];
+    var hideModal = function () { return setVisible(false); };
+    return React.createElement(ModalContextProvider, { value: { isVisible: isVisible, setVisible: setVisible, hideModal: hideModal } }, children);
+};
+export default ModalProvider;
+//# sourceMappingURL=modal_provider.js.map

package/build/esm/packages/aurora/src/components/modal/hoc/modal_provider.js.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

package/build/esm/packages/aurora/src/components/modal/hoc/relative_modal/index.d.ts ADDED Viewed

@@ -0,0 +1,4 @@
+import { FC } from 'react';
+import { IModalProps, IRelativeModalProps } from "../../types";
+declare const RelativeModal: FC<IRelativeModalProps & IModalProps>;
+export default RelativeModal;