@dreamcommerce/aurora 3.0.0-90 → 3.0.0-91

package/build/esm/packages/aurora/src/components/message_box/message_box_constants.js

@@ -1,15 +1,23 @@
-import { defineProperty as _defineProperty } from '../../../../../_virtual/_rollupPluginBabelHelpers.js';
-import { CheckboxCircleLine } from '../../assets/icons/checkbox_circle.js';
-
-var MESSAGE_BOX_VARIANTS = {
-  info: 'info',
-  warning: 'warning',
-  success: 'success',
-  critical: 'critical',
-  subtle: 'subtle'
+import { CheckboxCircleLine } from '@auroraAssets/icons/checkbox_circle';
+export const MESSAGE_BOX_VARIANTS = {
+    info: 'info',
+    warning: 'warning',
+    success: 'success',
+    critical: 'critical',
+    subtle: 'subtle'
 };
-var MESSAGE_BOX_ICONS = _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, MESSAGE_BOX_VARIANTS.info, CheckboxCircleLine), MESSAGE_BOX_VARIANTS.warning, CheckboxCircleLine), MESSAGE_BOX_VARIANTS.success, CheckboxCircleLine), MESSAGE_BOX_VARIANTS.critical, CheckboxCircleLine), MESSAGE_BOX_VARIANTS.subtle, CheckboxCircleLine);
-var MESSAGE_BOX_ICON_COLORS = _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, MESSAGE_BOX_VARIANTS.info, 'aurora-fill-info'), MESSAGE_BOX_VARIANTS.warning, 'aurora-fill-warning'), MESSAGE_BOX_VARIANTS.success, 'aurora-fill-success'), MESSAGE_BOX_VARIANTS.critical, 'aurora-fill-danger'), MESSAGE_BOX_VARIANTS.subtle, 'aurora-fill');
-
-export { MESSAGE_BOX_ICONS, MESSAGE_BOX_ICON_COLORS, MESSAGE_BOX_VARIANTS };
-//# sourceMappingURL=message_box_constants.js.map
+export const MESSAGE_BOX_ICONS = {
+    [MESSAGE_BOX_VARIANTS.info]: CheckboxCircleLine,
+    [MESSAGE_BOX_VARIANTS.warning]: CheckboxCircleLine,
+    [MESSAGE_BOX_VARIANTS.success]: CheckboxCircleLine,
+    [MESSAGE_BOX_VARIANTS.critical]: CheckboxCircleLine,
+    [MESSAGE_BOX_VARIANTS.subtle]: CheckboxCircleLine
+};
+export const MESSAGE_BOX_ICON_COLORS = {
+    [MESSAGE_BOX_VARIANTS.info]: 'aurora-fill-info',
+    [MESSAGE_BOX_VARIANTS.warning]: 'aurora-fill-warning',
+    [MESSAGE_BOX_VARIANTS.success]: 'aurora-fill-success',
+    [MESSAGE_BOX_VARIANTS.critical]: 'aurora-fill-danger',
+    [MESSAGE_BOX_VARIANTS.subtle]: 'aurora-fill'
+};
+//# sourceMappingURL=message_box_constants.js.map

package/build/esm/packages/aurora/src/components/message_box/message_box_constants.js.map

@@ -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;"}
+{"version":3,"file":"message_box_constants.js","sourceRoot":"","sources":["../../../../../../../src/components/message_box/message_box_constants.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,qCAAqC,CAAC;AAEzE,MAAM,CAAC,MAAM,oBAAoB,GAAG;IAChC,IAAI,EAAE,MAAM;IACZ,OAAO,EAAE,SAAS;IAClB,OAAO,EAAE,SAAS;IAClB,QAAQ,EAAE,UAAU;IACpB,MAAM,EAAE,QAAQ;CACV,CAAC;AAEX,MAAM,CAAC,MAAM,iBAAiB,GAAG;IAC7B,CAAC,oBAAoB,CAAC,IAAI,CAAC,EAAE,kBAAkB;IAC/C,CAAC,oBAAoB,CAAC,OAAO,CAAC,EAAE,kBAAkB;IAClD,CAAC,oBAAoB,CAAC,OAAO,CAAC,EAAE,kBAAkB;IAClD,CAAC,oBAAoB,CAAC,QAAQ,CAAC,EAAE,kBAAkB;IACnD,CAAC,oBAAoB,CAAC,MAAM,CAAC,EAAE,kBAAkB;CAC3C,CAAC;AAEX,MAAM,CAAC,MAAM,uBAAuB,GAA2B;IAC3D,CAAC,oBAAoB,CAAC,IAAI,CAAC,EAAE,kBAAkB;IAC/C,CAAC,oBAAoB,CAAC,OAAO,CAAC,EAAE,qBAAqB;IACrD,CAAC,oBAAoB,CAAC,OAAO,CAAC,EAAE,qBAAqB;IACrD,CAAC,oBAAoB,CAAC,QAAQ,CAAC,EAAE,oBAAoB;IACrD,CAAC,oBAAoB,CAAC,MAAM,CAAC,EAAE,aAAa;CACtC,CAAC"}

package/build/esm/packages/aurora/src/components/message_box/message_box_types.d.ts

@@ -1,11 +1,11 @@
-import React from 'react';
-import { VariantProps } from 'class-variance-authority';
-import { messageBoxVariants } from './message_box_variants';
-export interface TMessageBoxProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof messageBoxVariants> {
-    showIcon?: boolean;
-    header?: string | React.ReactNode;
-    children?: React.ReactNode;
-    onClose?: () => void;
-    fullWidth?: boolean;
-    className?: string;
-}
+import React from 'react';
+import { VariantProps } from 'class-variance-authority';
+import { messageBoxVariants } from './message_box_variants';
+export interface TMessageBoxProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof messageBoxVariants> {
+    showIcon?: boolean;
+    header?: string | React.ReactNode;
+    children?: React.ReactNode;
+    onClose?: () => void;
+    fullWidth?: boolean;
+    className?: string;
+}

package/build/esm/packages/aurora/src/components/message_box/message_box_variants.d.ts

@@ -1,3 +1 @@
-export declare const messageBoxVariants: (props?: ({
-    variant?: "info" | "warning" | "success" | "critical" | "subtle" | null | undefined;
-} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
+export declare const messageBoxVariants: any;

package/build/esm/packages/aurora/src/components/message_box/message_box_variants.js

@@ -1,15 +1,17 @@
-import { defineProperty as _defineProperty } from '../../../../../_virtual/_rollupPluginBabelHelpers.js';
-import { cva } from '../../../../../external/class-variance-authority/dist/index.mjs.js';
-import { MESSAGE_BOX_VARIANTS } from './message_box_constants.js';
-
-var messageBoxVariants = cva('aurora-p-2 aurora-relative aurora-flex aurora-items-center aurora-justify-center', {
-  variants: {
-    variant: _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, MESSAGE_BOX_VARIANTS.info, 'aurora-bg-primary-subtle aurora-border-info'), MESSAGE_BOX_VARIANTS.warning, 'aurora-bg-warning-subtle aurora-border-focus'), MESSAGE_BOX_VARIANTS.success, 'aurora-bg-success-subtle aurora-border-success'), MESSAGE_BOX_VARIANTS.critical, 'aurora-bg-danger-subtle aurora-border-danger'), MESSAGE_BOX_VARIANTS.subtle, 'aurora-bg aurora-border')
-  },
-  defaultVariants: {
-    variant: MESSAGE_BOX_VARIANTS.info
-  }
+import { cva } from 'class-variance-authority';
+import { MESSAGE_BOX_VARIANTS } from './message_box_constants';
+export const messageBoxVariants = cva('aurora-p-2 aurora-relative aurora-flex aurora-items-center aurora-justify-center', {
+    variants: {
+        variant: {
+            [MESSAGE_BOX_VARIANTS.info]: 'aurora-bg-primary-subtle aurora-border-info',
+            [MESSAGE_BOX_VARIANTS.warning]: 'aurora-bg-warning-subtle aurora-border-focus',
+            [MESSAGE_BOX_VARIANTS.success]: 'aurora-bg-success-subtle aurora-border-success',
+            [MESSAGE_BOX_VARIANTS.critical]: 'aurora-bg-danger-subtle aurora-border-danger',
+            [MESSAGE_BOX_VARIANTS.subtle]: 'aurora-bg aurora-border'
+        }
+    },
+    defaultVariants: {
+        variant: MESSAGE_BOX_VARIANTS.info
+    }
 });
-
-export { messageBoxVariants };
-//# sourceMappingURL=message_box_variants.js.map
+//# sourceMappingURL=message_box_variants.js.map

package/build/esm/packages/aurora/src/components/message_box/message_box_variants.js.map

@@ -1 +1 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA,oBAAoB,oEAAwE;AAC5F;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
+{"version":3,"file":"message_box_variants.js","sourceRoot":"","sources":["../../../../../../../src/components/message_box/message_box_variants.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAC/C,OAAO,EAAE,oBAAoB,EAAE,MAAM,yBAAyB,CAAC;AAE/D,MAAM,CAAC,MAAM,kBAAkB,GAAG,GAAG,CAAC,kFAAkF,EAAE;IACtH,QAAQ,EAAE;QACN,OAAO,EAAE;YACL,CAAC,oBAAoB,CAAC,IAAI,CAAC,EAAE,6CAA6C;YAC1E,CAAC,oBAAoB,CAAC,OAAO,CAAC,EAAE,8CAA8C;YAC9E,CAAC,oBAAoB,CAAC,OAAO,CAAC,EAAE,gDAAgD;YAChF,CAAC,oBAAoB,CAAC,QAAQ,CAAC,EAAE,8CAA8C;YAC/E,CAAC,oBAAoB,CAAC,MAAM,CAAC,EAAE,yBAAyB;SAC3D;KACJ;IACD,eAAe,EAAE;QACb,OAAO,EAAE,oBAAoB,CAAC,IAAI;KACrC;CACJ,CAAC,CAAC"}

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

@@ -1,3 +1,3 @@
-import React from 'react';
-import { IModalNewProps } from "../../modal_types";
-export declare const Modal: React.FC<IModalNewProps>;
+import React from 'react';
+import { IModalNewProps } from '@auroraComponents/modal/modal_types';
+export declare const Modal: React.FC<IModalNewProps>;

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

@@ -1,90 +1,54 @@
-import React, { useState, useEffect } from 'react';
-import { slicedToArray as _slicedToArray } from '../../../../../../../_virtual/_rollupPluginBabelHelpers.js';
-import { cn } from '../../../../utilities/cn.js';
+import { MODAL_SLIDE_FADE_DURATION, MODAL_VISIBILITY_STATE, MODAL_WIDTH_VARIANT } from '../../modal_constants';
+import React, { useEffect, useState } from 'react';
+import '@auroraComponents/modal/modal_types';
+import { ModalFooter } from './modal_footer';
+import { ModalHeader } from './modal_header';
+import { cn } from '@auroraUtilities/cn';
 import { createPortal } from 'react-dom';
-import { MODAL_VISIBILITY_STATE, MODAL_SLIDE_FADE_DURATION, MODAL_WIDTH_VARIANT } from '../../modal_constants.js';
-import { ModalFooter } from './modal_footer.js';
-import { ModalHeader } from './modal_header.js';
-import { modalVariants } from '../../modal_variants.js';
-import { useModalsContext } from '../../hooks/use_modals_context.js';
-
-var Modal = function Modal(_ref) {
-  var name = _ref.name,
-    hideAllModalsOnClose = _ref.hideAllModalsOnClose,
-    _ref$width = _ref.width,
-    width = _ref$width === void 0 ? MODAL_WIDTH_VARIANT.m : _ref$width,
-    _ref$hasCloseIcon = _ref.hasCloseIcon,
-    hasCloseIcon = _ref$hasCloseIcon === void 0 ? true : _ref$hasCloseIcon,
-    onCloseAction = _ref.onCloseAction,
-    header = _ref.header,
-    footer = _ref.footer,
-    children = _ref.children;
-  var _useState = useState(false),
-    _useState2 = _slicedToArray(_useState, 2),
-    visibleClass = _useState2[0],
-    setVisibleClass = _useState2[1];
-  var _useModalsContext = useModalsContext(),
-    modalsManagerContainerSelector = _useModalsContext.modalsManagerContainerSelector,
-    addModal = _useModalsContext.addModal,
-    getModal = _useModalsContext.getModal,
-    hideModal = _useModalsContext.hideModal,
-    hideAllModals = _useModalsContext.hideAllModals;
-  var $modalsManagerContainer = document.querySelector(modalsManagerContainerSelector);
-  var modal = getModal(name);
-  var _useState3 = useState(false),
-    _useState4 = _slicedToArray(_useState3, 2),
-    renderModal = _useState4[0],
-    setRenderModal = _useState4[1];
-  useEffect(function () {
-    addModal({
-      name: name,
-      visibilityState: MODAL_VISIBILITY_STATE.none,
-      width: width
-    });
-  }, []);
-  useEffect(function () {
-    var showModalTimeout;
-    var hideModalTimeout;
-    if ((modal === null || modal === void 0 ? void 0 : modal.visibilityState) === MODAL_VISIBILITY_STATE.visible) {
-      setRenderModal(true);
-      showModalTimeout = setTimeout(function () {
-        setVisibleClass(true);
-      }, MODAL_SLIDE_FADE_DURATION);
-    }
-    if ((modal === null || modal === void 0 ? void 0 : modal.visibilityState) === MODAL_VISIBILITY_STATE.hidden) {
-      setVisibleClass(false);
-    }
-    if ((modal === null || modal === void 0 ? void 0 : modal.visibilityState) === MODAL_VISIBILITY_STATE.none) {
-      setVisibleClass(false);
-      hideModalTimeout = setTimeout(function () {
-        setRenderModal(false);
-      }, MODAL_SLIDE_FADE_DURATION);
-    }
-    return function () {
-      clearTimeout(showModalTimeout);
-      clearTimeout(hideModalTimeout);
+import { modalVariants } from '@auroraComponents/modal/modal_variants';
+import { useModalsContext } from '../../hooks/use_modals_context';
+export const Modal = ({ name, hideAllModalsOnClose, width = MODAL_WIDTH_VARIANT.m, hasCloseIcon = true, onCloseAction, header, footer, children }) => {
+    const [visibleClass, setVisibleClass] = useState(false);
+    const { modalsManagerContainerSelector, addModal, getModal, hideModal, hideAllModals } = useModalsContext();
+    const $modalsManagerContainer = document.querySelector(modalsManagerContainerSelector);
+    const modal = getModal(name);
+    const [renderModal, setRenderModal] = useState(false);
+    useEffect(() => {
+        addModal({ name, visibilityState: MODAL_VISIBILITY_STATE.none, width });
+    }, []);
+    useEffect(() => {
+        let showModalTimeout;
+        let hideModalTimeout;
+        if (modal?.visibilityState === MODAL_VISIBILITY_STATE.visible) {
+            setRenderModal(true);
+            showModalTimeout = setTimeout(() => {
+                setVisibleClass(true);
+            }, MODAL_SLIDE_FADE_DURATION);
+        }
+        if (modal?.visibilityState === MODAL_VISIBILITY_STATE.hidden) {
+            setVisibleClass(false);
+        }
+        if (modal?.visibilityState === MODAL_VISIBILITY_STATE.none) {
+            setVisibleClass(false);
+            hideModalTimeout = setTimeout(() => {
+                setRenderModal(false);
+            }, MODAL_SLIDE_FADE_DURATION);
+        }
+        return () => {
+            clearTimeout(showModalTimeout);
+            clearTimeout(hideModalTimeout);
+        };
+    }, [modal]);
+    const handleCloseModal = () => {
+        hideAllModalsOnClose ? hideAllModals(onCloseAction) : hideModal(name, onCloseAction);
     };
-  }, [modal]);
-  var handleCloseModal = function handleCloseModal() {
-    hideAllModalsOnClose ? hideAllModals(onCloseAction) : hideModal(name, onCloseAction);
-  };
-  if (!$modalsManagerContainer) return null;
-  return renderModal ? /*#__PURE__*/createPortal(/*#__PURE__*/React.createElement("div", {
-    "data-modal-id": name,
-    "data-test-id": "modal",
-    className: cn(modalVariants({
-      width: width
-    }), visibleClass ? 'aurora-opacity-100 aurora-animate-modal-slide-in' : 'aurora-opacity-0 aurora-animate-modal-slide-out')
-  }, header && /*#__PURE__*/React.createElement(ModalHeader, {
-    hasCloseIcon: hasCloseIcon,
-    text: header.text,
-    onClose: handleCloseModal
-  }), children && /*#__PURE__*/React.createElement("div", {
-    className: "aurora-overflow-y-auto custom-scrollbar"
-  }, children), footer && /*#__PURE__*/React.createElement(ModalFooter, {
-    text: footer.text
-  })), $modalsManagerContainer) : null;
+    if (!$modalsManagerContainer)
+        return null;
+    return renderModal
+        ? createPortal(React.createElement("div", { "data-modal-id": name, "data-test-id": "modal", className: cn(modalVariants({ width }), visibleClass ? 'aurora-opacity-100 aurora-animate-modal-slide-in' : 'aurora-opacity-0 aurora-animate-modal-slide-out') },
+            header && React.createElement(ModalHeader, { hasCloseIcon: hasCloseIcon, text: header.text, onClose: handleCloseModal }),
+            children && React.createElement("div", { className: `aurora-overflow-y-auto custom-scrollbar` }, children),
+            footer && React.createElement(ModalFooter, { text: footer.text })), $modalsManagerContainer)
+        : null;
 };
-
-export { Modal };
-//# sourceMappingURL=modal.js.map
+//# sourceMappingURL=modal.js.map

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

@@ -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;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;"}
+{"version":3,"file":"modal.js","sourceRoot":"","sources":["../../../../../../../../../src/components/modal/components/modal/modal.tsx"],"names":[],"mappings":"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"}

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

@@ -1,3 +1,3 @@
-import { FC } from 'react';
-import { IModalCloseIconProps } from "../../modal_types";
-export declare const ModalCloseIcon: FC<IModalCloseIconProps>;
+import { FC } from 'react';
+import { IModalCloseIconProps } from '@auroraComponents/modal/modal_types';
+export declare const ModalCloseIcon: FC<IModalCloseIconProps>;

package/build/esm/packages/aurora/src/components/modal/components/modal/modal_close_icon.js

@@ -1,16 +1,8 @@
 import React from 'react';
-import { CloseLine } from '../../../../assets/icons/close_line.js';
-
-var ModalCloseIcon = function ModalCloseIcon(_ref) {
-  var onClose = _ref.onClose;
-  return /*#__PURE__*/React.createElement("button", {
-    className: "aurora-p-1 aurora-border-0 aurora-bg-none aurora-cursor-pointer aurora-rounded-4 aurora-bg-transparent hover:aurora-bg-hover",
-    onClick: function onClick() {
-      return onClose();
-    },
-    "data-test-id": "close-modal"
-  }, /*#__PURE__*/React.createElement(CloseLine, null));
+import { CloseLine } from '@auroraAssets/icons/close_line';
+import '@auroraComponents/modal/modal_types';
+export const ModalCloseIcon = ({ onClose }) => {
+    return (React.createElement("button", { className: "aurora-p-1 aurora-border-0 aurora-bg-none aurora-cursor-pointer aurora-rounded-4 aurora-bg-transparent hover:aurora-bg-hover", onClick: () => onClose(), "data-test-id": "close-modal" },
+        React.createElement(CloseLine, null)));
 };
-
-export { ModalCloseIcon };
-//# sourceMappingURL=modal_close_icon.js.map
+//# sourceMappingURL=modal_close_icon.js.map

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

@@ -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;"}
+{"version":3,"file":"modal_close_icon.js","sourceRoot":"","sources":["../../../../../../../../../src/components/modal/components/modal/modal_close_icon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAa,MAAM,OAAO,CAAC;AAElC,OAAO,EAAE,SAAS,EAAE,MAAM,gCAAgC,CAAC;AAC3D,OAAqC,qCAAqC,CAAC;AAE3E,MAAM,CAAC,MAAM,cAAc,GAA6B,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE;IACpE,OAAO,CACH,gCACI,SAAS,EAAC,8HAA8H,EACxI,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,EAAE,kBACX,aAAa;QAE1B,oBAAC,SAAS,OAAG,CACR,CACZ,CAAC;AACN,CAAC,CAAC"}

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

@@ -1,3 +1,3 @@
-import { FC } from 'react';
-import { IModalFooterProps } from "../../modal_types";
-export declare const ModalFooter: FC<IModalFooterProps>;
+import { FC } from 'react';
+import { IModalFooterProps } from '@auroraComponents/modal/modal_types';
+export declare const ModalFooter: FC<IModalFooterProps>;

package/build/esm/packages/aurora/src/components/modal/components/modal/modal_footer.js

@@ -1,12 +1,6 @@
 import React from 'react';
-
-var ModalFooter = function ModalFooter(_ref) {
-  var text = _ref.text;
-  return /*#__PURE__*/React.createElement("footer", {
-    className: 'aurora-flex aurora-items-center aurora-justify-end aurora-gap-3 aurora-mt-5',
-    "data-test-id": "modal-footer"
-  }, text);
+import '@auroraComponents/modal/modal_types';
+export const ModalFooter = ({ text }) => {
+    return (React.createElement("footer", { className: 'aurora-flex aurora-items-center aurora-justify-end aurora-gap-3 aurora-mt-5', "data-test-id": "modal-footer" }, text));
 };
-
-export { ModalFooter };
-//# sourceMappingURL=modal_footer.js.map
+//# sourceMappingURL=modal_footer.js.map

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

@@ -1 +1 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
+{"version":3,"file":"modal_footer.js","sourceRoot":"","sources":["../../../../../../../../../src/components/modal/components/modal/modal_footer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAa,MAAM,OAAO,CAAC;AAElC,OAAkC,qCAAqC,CAAC;AAExE,MAAM,CAAC,MAAM,WAAW,GAA0B,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE;IAC3D,OAAO,CACH,gCAAQ,SAAS,EAAE,6EAA6E,kBAAe,cAAc,IACxH,IAAI,CACA,CACZ,CAAC;AACN,CAAC,CAAC"}

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

@@ -1,3 +1,3 @@
-import { FC } from 'react';
-import { IModalHeaderProps } from "../../modal_types";
-export declare const ModalHeader: FC<IModalHeaderProps>;
+import { FC } from 'react';
+import { IModalHeaderProps } from '@auroraComponents/modal/modal_types';
+export declare const ModalHeader: FC<IModalHeaderProps>;

package/build/esm/packages/aurora/src/components/modal/components/modal/modal_header.js

@@ -1,20 +1,9 @@
 import React from 'react';
-import { ModalCloseIcon } from './modal_close_icon.js';
-
-var ModalHeader = function ModalHeader(_ref) {
-  var _ref$text = _ref.text,
-    text = _ref$text === void 0 ? '' : _ref$text,
-    onClose = _ref.onClose,
-    hasCloseIcon = _ref.hasCloseIcon;
-  return /*#__PURE__*/React.createElement("header", {
-    className: 'aurora-flex aurora-items-center aurora-justify-between aurora-mb-5',
-    "data-test-id": "modal-header"
-  }, /*#__PURE__*/React.createElement("h3", {
-    className: "aurora-font-bold aurora-text-xl"
-  }, text), hasCloseIcon && /*#__PURE__*/React.createElement(ModalCloseIcon, {
-    onClose: onClose
-  }));
+import '@auroraComponents/modal/modal_types';
+import { ModalCloseIcon } from './modal_close_icon';
+export const ModalHeader = ({ text = '', onClose, hasCloseIcon }) => {
+    return (React.createElement("header", { className: 'aurora-flex aurora-items-center aurora-justify-between aurora-mb-5', "data-test-id": "modal-header" },
+        React.createElement("h3", { className: "aurora-font-bold aurora-text-xl" }, text),
+        hasCloseIcon && React.createElement(ModalCloseIcon, { onClose: onClose })));
 };
-
-export { ModalHeader };
-//# sourceMappingURL=modal_header.js.map
+//# sourceMappingURL=modal_header.js.map

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

@@ -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;"}
+{"version":3,"file":"modal_header.js","sourceRoot":"","sources":["../../../../../../../../../src/components/modal/components/modal/modal_header.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAa,MAAM,OAAO,CAAC;AAElC,OAAkC,qCAAqC,CAAC;AACxE,OAAO,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AAEpD,MAAM,CAAC,MAAM,WAAW,GAA0B,CAAC,EAAE,IAAI,GAAG,EAAE,EAAE,OAAO,EAAE,YAAY,EAAE,EAAE,EAAE;IACvF,OAAO,CACH,gCAAQ,SAAS,EAAE,oEAAoE,kBAAe,cAAc;QAChH,4BAAI,SAAS,EAAC,iCAAiC,IAAE,IAAI,CAAM;QAE1D,YAAY,IAAI,oBAAC,cAAc,IAAC,OAAO,EAAE,OAAO,GAAI,CAChD,CACZ,CAAC;AACN,CAAC,CAAC"}

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

@@ -1,6 +1,6 @@
-import React, { ReactNode } from 'react';
-interface IModalsWrapperProps {
-    children: ReactNode;
-}
-export declare const ModalsWrapper: React.FC<IModalsWrapperProps>;
-export {};
+import React, { ReactNode } from 'react';
+interface IModalsWrapperProps {
+    children: ReactNode;
+}
+export declare const ModalsWrapper: React.FC<IModalsWrapperProps>;
+export {};

package/build/esm/packages/aurora/src/components/modal/components/modals_wrapper.js

@@ -1,45 +1,29 @@
-import React, { useState, useEffect } from 'react';
-import { slicedToArray as _slicedToArray } from '../../../../../../_virtual/_rollupPluginBabelHelpers.js';
+import { MODALS_CONTENT_ID, MODALS_WRAPPER_BACKDROP_FADE_DURATION } from '../modal_constants';
+import React, { useEffect, useState } from 'react';
 import { createPortal } from 'react-dom';
-import { MODALS_WRAPPER_BACKDROP_FADE_DURATION, MODALS_CONTENT_ID } from '../modal_constants.js';
-import { useModalsContext } from '../hooks/use_modals_context.js';
-
-var ModalsWrapper = function ModalsWrapper(_ref) {
-  var children = _ref.children;
-  var _useState = useState(false),
-    _useState2 = _slicedToArray(_useState, 2),
-    showWrapper = _useState2[0],
-    setShowWrapper = _useState2[1];
-  var _useState3 = useState(false),
-    _useState4 = _slicedToArray(_useState3, 2),
-    visibleClass = _useState4[0],
-    setVisibleClass = _useState4[1];
-  var _useModalsContext = useModalsContext(),
-    openedModals = _useModalsContext.openedModals;
-  useEffect(function () {
-    var showWrapperTimeout;
-    if (openedModals.length) {
-      setShowWrapper(true);
-      setVisibleClass(true);
-    } else {
-      setVisibleClass(false);
-      showWrapperTimeout = setTimeout(function () {
-        setShowWrapper(false);
-      }, MODALS_WRAPPER_BACKDROP_FADE_DURATION);
-    }
-    return function () {
-      return clearTimeout(showWrapperTimeout);
-    };
-  }, [openedModals]);
-  return /*#__PURE__*/createPortal(/*#__PURE__*/React.createElement("div", null, showWrapper && (/*#__PURE__*/React.createElement("div", {
-    className: "aurora-fixed aurora-flex aurora-items-center aurora-justify-center aurora-top-0 aurora-left-0 aurora-w-full aurora-h-full aurora-z-20 aurora-p-4"
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "aurora-absolute aurora-inset-x-0 aurora-inset-y-0 aurora-bg-inverse aurora-z-10 aurora-transition-opacity aurora-duration-300 aurora-animate-modal-backdrop-fade-in ".concat(visibleClass ? 'aurora-opacity-70' : 'aurora-opacity-0', " js__modal-mask")
-  }), /*#__PURE__*/React.createElement("div", {
-    id: MODALS_CONTENT_ID,
-    className: "aurora-flex aurora-items-center aurora-justify-center aurora-z-30"
-  }))), children), document.body);
+import { useModalsContext } from '../hooks/use_modals_context';
+export const ModalsWrapper = ({ children }) => {
+    const [showWrapper, setShowWrapper] = useState(false);
+    const [visibleClass, setVisibleClass] = useState(false);
+    const { openedModals } = useModalsContext();
+    useEffect(() => {
+        let showWrapperTimeout;
+        if (openedModals.length) {
+            setShowWrapper(true);
+            setVisibleClass(true);
+        }
+        else {
+            setVisibleClass(false);
+            showWrapperTimeout = setTimeout(() => {
+                setShowWrapper(false);
+            }, MODALS_WRAPPER_BACKDROP_FADE_DURATION);
+        }
+        return () => clearTimeout(showWrapperTimeout);
+    }, [openedModals]);
+    return createPortal(React.createElement("div", null,
+        showWrapper && (React.createElement("div", { className: `aurora-fixed aurora-flex aurora-items-center aurora-justify-center aurora-top-0 aurora-left-0 aurora-w-full aurora-h-full aurora-z-20 aurora-p-4` },
+            React.createElement("div", { className: `aurora-absolute aurora-inset-x-0 aurora-inset-y-0 aurora-bg-inverse aurora-z-10 aurora-transition-opacity aurora-duration-300 aurora-animate-modal-backdrop-fade-in ${visibleClass ? 'aurora-opacity-70' : 'aurora-opacity-0'} js__modal-mask` }),
+            React.createElement("div", { id: MODALS_CONTENT_ID, className: `aurora-flex aurora-items-center aurora-justify-center aurora-z-30` }))),
+        children), document.body);
 };
-
-export { ModalsWrapper };
-//# sourceMappingURL=modals_wrapper.js.map
+//# sourceMappingURL=modals_wrapper.js.map

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

@@ -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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
+{"version":3,"file":"modals_wrapper.js","sourceRoot":"","sources":["../../../../../../../../src/components/modal/components/modals_wrapper.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,qCAAqC,EAAE,MAAM,oBAAoB,CAAC;AAC9F,OAAO,KAAK,EAAE,EAAa,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAE9D,OAAO,EAAE,YAAY,EAAE,MAAM,WAAW,CAAC;AACzC,OAAO,EAAE,gBAAgB,EAAE,MAAM,6BAA6B,CAAC;AAM/D,MAAM,CAAC,MAAM,aAAa,GAAkC,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE;IACzE,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IACtD,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAExD,MAAM,EAAE,YAAY,EAAE,GAAG,gBAAgB,EAAE,CAAC;IAE5C,SAAS,CAAC,GAAG,EAAE;QACX,IAAI,kBAAiD,CAAC;QAEtD,IAAI,YAAY,CAAC,MAAM,EAAE;YACrB,cAAc,CAAC,IAAI,CAAC,CAAC;YACrB,eAAe,CAAC,IAAI,CAAC,CAAC;SACzB;aAAM;YACH,eAAe,CAAC,KAAK,CAAC,CAAC;YAEvB,kBAAkB,GAAG,UAAU,CAAC,GAAG,EAAE;gBACjC,cAAc,CAAC,KAAK,CAAC,CAAC;YAC1B,CAAC,EAAE,qCAAqC,CAAC,CAAC;SAC7C;QAED,OAAO,GAAG,EAAE,CAAC,YAAY,CAAC,kBAAkB,CAAC,CAAC;IAClD,CAAC,EAAE,CAAC,YAAY,CAAC,CAAC,CAAC;IAEnB,OAAO,YAAY,CACf;QACK,WAAW,IAAI,CACZ,6BACI,SAAS,EAAE,kJAAkJ;YAE7J,6BACI,SAAS,EAAE,uKACP,YAAY,CAAC,CAAC,CAAC,mBAAmB,CAAC,CAAC,CAAC,kBACzC,iBAAiB,GACd;YACP,6BAAK,EAAE,EAAE,iBAAiB,EAAE,SAAS,EAAE,mEAAmE,GAAQ,CAChH,CACT;QAEA,QAAQ,CACP,EACN,QAAQ,CAAC,IAAI,CAChB,CAAC;AACN,CAAC,CAAC"}

package/build/esm/packages/aurora/src/components/modal/hooks/use_modals.d.ts

@@ -1,12 +1,12 @@
-import { IModal } from '../modal_types';
-declare const useModals: () => {
-    modalsManagerContainerSelector: string;
-    addModal: (modal: IModal) => void;
-    updateModal: (modal: IModal) => void;
-    getModal: (modalName: string) => IModal | undefined;
-    showModal: (modalName: string) => void;
-    hideModal: (modalName: string, onCloseAction: () => void | undefined) => void;
-    hideAllModals: (onCloseAction: () => void | undefined) => void;
-    openedModals: string[];
-};
-export default useModals;
+import { IModal } from '../modal_types';
+declare const useModals: () => {
+    modalsManagerContainerSelector: string;
+    addModal: (modal: IModal) => void;
+    updateModal: (modal: IModal) => void;
+    getModal: (modalName: string) => IModal | undefined;
+    showModal: (modalName: string) => void;
+    hideModal: (modalName: string, onCloseAction: () => void | undefined) => void;
+    hideAllModals: (onCloseAction: () => void | undefined) => void;
+    openedModals: string[];
+};
+export default useModals;