@dreamcommerce/aurora 2.16.7 → 2.16.8

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

@@ -0,0 +1,57 @@
+import React, { useState, useEffect } from 'react';
+import { slicedToArray as _slicedToArray, defineProperty as _defineProperty } from '../../../../../../_virtual/_rollupPluginBabelHelpers.js';
+import classnames from 'classnames';
+import { createPortal } from 'react-dom';
+import { MODALS_WRAPPER_BACKDROP_FADE_DURATION, MODALS_CONTENT_ID } from '../constants.js';
+import { cssModalsManagerWrapperBackdrop, cssModalsManagerWrapperBackdropShow, cssModalsManager, cssModalsManagerWrapper, cssModalsManagerWrapperContent } from '../css_classes.js';
+import styles from '../../../css/modal_new/main.module.less.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]);
+  var modalsWrapperBackdropClassNames = classnames(styles[cssModalsManagerWrapperBackdrop], _defineProperty({}, styles[cssModalsManagerWrapperBackdropShow], visibleClass));
+  return /*#__PURE__*/createPortal( /*#__PURE__*/React.createElement("div", {
+    className: "".concat(styles[cssModalsManager])
+  }, showWrapper && /*#__PURE__*/React.createElement("div", {
+    className: "".concat(styles[cssModalsManagerWrapper])
+  }, /*#__PURE__*/React.createElement("div", {
+    className: modalsWrapperBackdropClassNames
+  }), /*#__PURE__*/React.createElement("div", {
+    id: MODALS_CONTENT_ID,
+    className: "".concat(styles[cssModalsManagerWrapperContent])
+  })), children), document.body);
+};
+
+export { ModalsWrapper };
+//# sourceMappingURL=modals_wrapper.js.map

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

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

package/build/esm/packages/aurora/src/components/modal_new/constants.d.ts

@@ -0,0 +1,14 @@
+export declare const MODALS_CONTENT_ID = "modals-content";
+export declare const MODALS_WRAPPER_BACKDROP_FADE_DURATION = 300;
+export declare const MODAL_SLIDE_FADE_DURATION = 200;
+export declare const MODAL_ANIMATION_DIRECTIONS: {
+    readonly top: "top";
+    readonly right: "right";
+    readonly bottom: "bottom";
+    readonly left: "left";
+};
+export declare const MODAL_VISIBILITY_STATE: {
+    readonly none: "none";
+    readonly hidden: "hidden";
+    readonly visible: "visible";
+};

package/build/esm/packages/aurora/src/components/modal_new/constants.js

@@ -0,0 +1,17 @@
+var MODALS_CONTENT_ID = 'modals-content';
+var MODALS_WRAPPER_BACKDROP_FADE_DURATION = 300;
+var MODAL_SLIDE_FADE_DURATION = 200;
+var MODAL_ANIMATION_DIRECTIONS = {
+  top: 'top',
+  right: 'right',
+  bottom: 'bottom',
+  left: 'left'
+};
+var MODAL_VISIBILITY_STATE = {
+  none: 'none',
+  hidden: 'hidden',
+  visible: 'visible'
+};
+
+export { MODALS_CONTENT_ID, MODALS_WRAPPER_BACKDROP_FADE_DURATION, MODAL_ANIMATION_DIRECTIONS, MODAL_SLIDE_FADE_DURATION, MODAL_VISIBILITY_STATE };
+//# sourceMappingURL=constants.js.map

package/build/esm/packages/aurora/src/components/modal_new/constants.js.map

@@ -0,0 +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/modal_new/context.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { IModalsManagerContextProps } from './types';
+export declare const ModalsManagerContext: import("react").Context<IModalsManagerContextProps>;

package/build/esm/packages/aurora/src/components/modal_new/context.js

@@ -0,0 +1,17 @@
+import { createContext } from 'react';
+
+var ModalsManagerContext = /*#__PURE__*/createContext({
+  modalsManagerContainerSelector: '',
+  addModal: function addModal() {},
+  updateModal: function updateModal() {},
+  getModal: function getModal() {
+    return undefined;
+  },
+  showModal: function showModal() {},
+  hideModal: function hideModal() {},
+  hideAllModals: function hideAllModals() {},
+  openedModals: []
+});
+
+export { ModalsManagerContext };
+//# sourceMappingURL=context.js.map

package/build/esm/packages/aurora/src/components/modal_new/context.js.map

@@ -0,0 +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/modal_new/css_classes.d.ts

@@ -0,0 +1,18 @@
+export declare const cssModalsManager = "modals-manager";
+export declare const cssModalsManagerWrapper = "modals-manager__wrapper";
+export declare const cssModalsManagerWrapperBackdrop = "modals-manager__wrapper-backdrop";
+export declare const cssModalsManagerWrapperBackdropShow = "modals-manager__wrapper-backdrop_show";
+export declare const cssModalsManagerWrapperContent = "modals-manager__wrapper-content";
+export declare const cssModal = "modal";
+export declare const cssModalHeader = "modal__header";
+export declare const cssModalHeaderTitle = "modal__header-title";
+export declare const cssModalHeaderActions = "modal__header-actions";
+export declare const cssModalHeaderCloseIcon = "modal__header-close-icon";
+export declare const cssModalShow = "modal_show";
+export declare const cssModalHide = "modal_hide";
+export declare const cssModalAnimationTop = "modal_animation-top";
+export declare const cssModalAnimationRight = "modal_animation-right";
+export declare const cssModalAnimationBottom = "modal_animation-bottom";
+export declare const cssModalAnimationLeft = "modal_animation-left";
+export declare const cssModalContent = "modal__content";
+export declare const cssModalFooter = "modal__footer";

package/build/esm/packages/aurora/src/components/modal_new/css_classes.js

@@ -0,0 +1,21 @@
+var cssModalsManager = 'modals-manager';
+var cssModalsManagerWrapper = 'modals-manager__wrapper';
+var cssModalsManagerWrapperBackdrop = 'modals-manager__wrapper-backdrop';
+var cssModalsManagerWrapperBackdropShow = 'modals-manager__wrapper-backdrop_show';
+var cssModalsManagerWrapperContent = 'modals-manager__wrapper-content';
+var cssModal = 'modal';
+var cssModalHeader = 'modal__header';
+var cssModalHeaderTitle = 'modal__header-title';
+var cssModalHeaderActions = 'modal__header-actions';
+var cssModalHeaderCloseIcon = 'modal__header-close-icon';
+var cssModalShow = 'modal_show';
+var cssModalHide = 'modal_hide';
+var cssModalAnimationTop = 'modal_animation-top';
+var cssModalAnimationRight = 'modal_animation-right';
+var cssModalAnimationBottom = 'modal_animation-bottom';
+var cssModalAnimationLeft = 'modal_animation-left';
+var cssModalContent = 'modal__content';
+var cssModalFooter = 'modal__footer';
+
+export { cssModal, cssModalAnimationBottom, cssModalAnimationLeft, cssModalAnimationRight, cssModalAnimationTop, cssModalContent, cssModalFooter, cssModalHeader, cssModalHeaderActions, cssModalHeaderCloseIcon, cssModalHeaderTitle, cssModalHide, cssModalShow, cssModalsManager, cssModalsManagerWrapper, cssModalsManagerWrapperBackdrop, cssModalsManagerWrapperBackdropShow, cssModalsManagerWrapperContent };
+//# sourceMappingURL=css_classes.js.map

package/build/esm/packages/aurora/src/components/modal_new/css_classes.js.map

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

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

@@ -0,0 +1,12 @@
+import { IModal } from '../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) => void;
+    hideAllModals: () => void;
+    openedModals: string[];
+};
+export default useModals;

package/build/esm/packages/aurora/src/components/modal_new/hooks/use_modals.js

@@ -0,0 +1,115 @@
+import { useState } from 'react';
+import { slicedToArray as _slicedToArray, toConsumableArray as _toConsumableArray, objectSpread2 as _objectSpread2 } from '../../../../../../_virtual/_rollupPluginBabelHelpers.js';
+import { MODALS_CONTENT_ID, MODAL_VISIBILITY_STATE } from '../constants.js';
+
+var useModals = function useModals() {
+  var _useState = useState([]),
+      _useState2 = _slicedToArray(_useState, 2),
+      modalsStack = _useState2[0],
+      setModalsStack = _useState2[1];
+
+  var _useState3 = useState([]),
+      _useState4 = _slicedToArray(_useState3, 2),
+      openedModals = _useState4[0],
+      setOpenedModals = _useState4[1];
+
+  var modalsManagerContainerSelector = "#".concat(MODALS_CONTENT_ID);
+
+  var addModal = function addModal(modal) {
+    setModalsStack(function (stack) {
+      var modalNameAlreadyExist = stack.some(function (stackModal) {
+        return stackModal.name === modal.name;
+      });
+
+      if (modalNameAlreadyExist) {
+        return _toConsumableArray(stack);
+      } else {
+        return [].concat(_toConsumableArray(stack), [modal]);
+      }
+    });
+  };
+
+  var updateModal = function updateModal(modal) {
+    setModalsStack(function (previousStack) {
+      var updatedStack = previousStack.map(function (stackModal) {
+        return stackModal.name === modal.name ? _objectSpread2({}, modal) : stackModal;
+      });
+      return updatedStack;
+    });
+  };
+
+  var getModal = function getModal(modalName) {
+    return modalsStack.find(function (stackModal) {
+      return stackModal.name === modalName;
+    });
+  };
+
+  var showModal = function showModal(modalName) {
+    setOpenedModals(function (modals) {
+      setVisibleState(modals, MODAL_VISIBILITY_STATE.hidden);
+      return [].concat(_toConsumableArray(modals), [modalName]);
+    });
+    setVisibleState(modalName, MODAL_VISIBILITY_STATE.visible);
+  };
+
+  var hideModal = function hideModal(modalName) {
+    setOpenedModals(function (modals) {
+      var secondToLastItem = modals[modals.length - 2];
+      setVisibleState(secondToLastItem, MODAL_VISIBILITY_STATE.visible);
+      return modals.filter(function (modal) {
+        return modal !== modalName;
+      });
+    });
+    setVisibleState(modalName, MODAL_VISIBILITY_STATE.none);
+  };
+
+  var hideAllModals = function hideAllModals() {
+    setOpenedModals([]);
+    setVisibleStatesToNone();
+  };
+
+  var setVisibleState = function setVisibleState(modalName, state) {
+    if (typeof modalName === 'string') {
+      setModalsStack(function (prevState) {
+        return prevState.map(function (modal) {
+          return modal.name === modalName ? _objectSpread2(_objectSpread2({}, modal), {}, {
+            visibilityState: state
+          }) : modal;
+        });
+      });
+    } else {
+      setModalsStack(function (prevState) {
+        return prevState.map(function (modal) {
+          if (!modalName) return modal;
+          return modalName.includes(modal.name) ? _objectSpread2(_objectSpread2({}, modal), {}, {
+            visibilityState: state
+          }) : modal;
+        });
+      });
+    }
+  };
+
+  var setVisibleStatesToNone = function setVisibleStatesToNone() {
+    setModalsStack(function (prevState) {
+      return prevState.map(function (modal) {
+        return _objectSpread2(_objectSpread2({}, modal), {}, {
+          visibilityState: MODAL_VISIBILITY_STATE.none
+        });
+      });
+    });
+  };
+
+  return {
+    modalsManagerContainerSelector: modalsManagerContainerSelector,
+    addModal: addModal,
+    updateModal: updateModal,
+    getModal: getModal,
+    showModal: showModal,
+    hideModal: hideModal,
+    hideAllModals: hideAllModals,
+    openedModals: openedModals
+  };
+};
+
+export default useModals;
+//# sourceMappingURL=use_modals.js.map

package/build/esm/packages/aurora/src/components/modal_new/hooks/use_modals.js.map

@@ -0,0 +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;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_new/hooks/use_modals_context.d.ts

@@ -0,0 +1,2 @@
+import { IModalsManagerContextProps } from '../types';
+export declare function useModalsContext(): IModalsManagerContextProps;

package/build/esm/packages/aurora/src/components/modal_new/hooks/use_modals_context.js

@@ -0,0 +1,15 @@
+import { useContext } from 'react';
+import { ModalsManagerContext } from '../context.js';
+
+function useModalsContext() {
+  var context = useContext(ModalsManagerContext);
+
+  if (Object.keys(context).length === 0 && context.constructor === Object) {
+    throw new Error("Modal component cannot be rendered outside the ModalWrapper component");
+  }
+
+  return context;
+}
+
+export { useModalsContext };
+//# sourceMappingURL=use_modals_context.js.map

package/build/esm/packages/aurora/src/components/modal_new/hooks/use_modals_context.js.map

@@ -0,0 +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/modal_new/index.d.ts

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

package/build/esm/packages/aurora/src/components/modal_new/index.js

@@ -0,0 +1,37 @@
+import React, { useMemo } from 'react';
+import { ModalsManagerContext } from './context.js';
+import { ModalsWrapper } from './components/modals_wrapper.js';
+import useModals from './hooks/use_modals.js';
+
+var ModalsManager = function ModalsManager(_ref) {
+  var children = _ref.children;
+
+  var _useModals = useModals(),
+      modalsManagerContainerSelector = _useModals.modalsManagerContainerSelector,
+      addModal = _useModals.addModal,
+      updateModal = _useModals.updateModal,
+      getModal = _useModals.getModal,
+      showModal = _useModals.showModal,
+      hideModal = _useModals.hideModal,
+      hideAllModals = _useModals.hideAllModals,
+      openedModals = _useModals.openedModals;
+
+  var value = useMemo(function () {
+    return {
+      modalsManagerContainerSelector: modalsManagerContainerSelector,
+      addModal: addModal,
+      updateModal: updateModal,
+      getModal: getModal,
+      showModal: showModal,
+      hideModal: hideModal,
+      hideAllModals: hideAllModals,
+      openedModals: openedModals
+    };
+  }, [modalsManagerContainerSelector, addModal, updateModal, getModal, showModal, hideModal, hideAllModals, openedModals]);
+  return /*#__PURE__*/React.createElement(ModalsManagerContext.Provider, {
+    value: value
+  }, /*#__PURE__*/React.createElement(ModalsWrapper, null, children));
+};
+
+export default ModalsManager;
+//# sourceMappingURL=index.js.map

package/build/esm/packages/aurora/src/components/modal_new/index.js.map

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

package/build/esm/packages/aurora/src/components/modal_new/types.d.ts

@@ -0,0 +1,33 @@
+import { MODAL_ANIMATION_DIRECTIONS, MODAL_VISIBILITY_STATE } from './constants';
+import { ReactNode } from 'react';
+export declare type VisibleStates = typeof MODAL_VISIBILITY_STATE[keyof typeof MODAL_VISIBILITY_STATE];
+export interface IModal {
+    name: string;
+    visibilityState: VisibleStates;
+    animationDirection: typeof MODAL_ANIMATION_DIRECTIONS[keyof typeof MODAL_ANIMATION_DIRECTIONS];
+}
+export interface IModalsManagerContextProps {
+    modalsManagerContainerSelector: string;
+    addModal: (modal: IModal) => void;
+    updateModal: (modal: IModal) => void;
+    getModal: (modalName: string) => IModal | undefined;
+    showModal: (modalName: string) => void;
+    hideModal: (modalName: string) => void;
+    hideAllModals: () => void;
+    openedModals: string[];
+}
+export interface IModalNewProps {
+    name: string;
+    hideAllModalsOnClose?: boolean;
+    animationDirection?: typeof MODAL_ANIMATION_DIRECTIONS[keyof typeof MODAL_ANIMATION_DIRECTIONS];
+    header?: IModalHeaderProps;
+    footer?: IModalFooterProps;
+    children: ReactNode;
+}
+export interface IModalHeaderProps {
+    content?: string | ReactNode;
+    closeAction?: () => void;
+}
+export interface IModalFooterProps {
+    content: ReactNode;
+}

package/build/esm/packages/aurora/src/components/modal_new/types.js

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

package/build/esm/packages/aurora/src/components/modal_new/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../../../../src/components/modal_new/types.ts"],"names":[],"mappings":"AAAA,OAAmE,aAAa,CAAC;AAEjF,OAA0B,OAAO,CAAC"}

package/build/esm/packages/aurora/src/css/modal_new/main.module.less.js

@@ -0,0 +1,30 @@
+import styleInject from '../../../../../external/style-inject/dist/style-inject.es.js';
+
+var css_248z = "/* font colors */\n/* actions */\n/* background */\n/* errors */\n/* borders */\n/* grid */\n/* scrollBar */\n/* sizes */\n@-webkit-keyframes main-module_backdropFadeIn__1pZyV {\n  from {\n    opacity: 0;\n  }\n  to {\n    opacity: 1;\n  }\n}\n@keyframes main-module_backdropFadeIn__1pZyV {\n  from {\n    opacity: 0;\n  }\n  to {\n    opacity: 1;\n  }\n}\n@-webkit-keyframes main-module_modalSlideTop__302vg {\n  from {\n    transform: translate3d(0, -20vh, 0);\n  }\n  to {\n    transform: translate3d(0, 0, 0);\n  }\n}\n@keyframes main-module_modalSlideTop__302vg {\n  from {\n    transform: translate3d(0, -20vh, 0);\n  }\n  to {\n    transform: translate3d(0, 0, 0);\n  }\n}\n@-webkit-keyframes main-module_modalSlideRight__2wVIR {\n  from {\n    transform: translate3d(20vh, 0, 0);\n  }\n  to {\n    transform: translate3d(0, 0, 0);\n  }\n}\n@keyframes main-module_modalSlideRight__2wVIR {\n  from {\n    transform: translate3d(20vh, 0, 0);\n  }\n  to {\n    transform: translate3d(0, 0, 0);\n  }\n}\n@-webkit-keyframes main-module_modalSlideBottom__1JZq2 {\n  from {\n    transform: translate3d(0, 20vh, 0);\n  }\n  to {\n    transform: translate3d(0, 0, 0);\n  }\n}\n@keyframes main-module_modalSlideBottom__1JZq2 {\n  from {\n    transform: translate3d(0, 20vh, 0);\n  }\n  to {\n    transform: translate3d(0, 0, 0);\n  }\n}\n@-webkit-keyframes main-module_modalSlideLeft__13SY_ {\n  from {\n    transform: translate3d(-20vh, 0, 0);\n  }\n  to {\n    transform: translate3d(0, 0, 0);\n  }\n}\n@keyframes main-module_modalSlideLeft__13SY_ {\n  from {\n    transform: translate3d(-20vh, 0, 0);\n  }\n  to {\n    transform: translate3d(0, 0, 0);\n  }\n}\n.main-module_modals-manager__wrapper__qp6lE {\n  position: fixed;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  z-index: 100;\n  padding: 1rem;\n}\n.main-module_modals-manager__wrapper-backdrop__24efS {\n  position: absolute;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  background-color: rgba(0, 0, 0, 0.5);\n  z-index: 1;\n  opacity: 0;\n  transition: opacity 0.3s;\n  -webkit-animation-name: main-module_backdropFadeIn__1pZyV;\n          animation-name: main-module_backdropFadeIn__1pZyV;\n  -webkit-animation-duration: 0.3s;\n          animation-duration: 0.3s;\n}\n.main-module_modals-manager__wrapper-backdrop_show__TYJYx {\n  opacity: 1;\n}\n.main-module_modals-manager__wrapper-content__2tU8P {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  z-index: 1000;\n}\n.main-module_modal__2LkRu {\n  position: absolute;\n  background-color: #ffffff;\n  border-radius: 5px;\n  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.33);\n  min-width: 320px;\n  max-width: 900px;\n}\n.main-module_modal__header__gApi- {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding: 28px 28px 14px 28px;\n}\n.main-module_modal__header-actions__A4dYg {\n  display: flex;\n  margin-left: 15px;\n}\n.main-module_modal__header-close-icon__5IuHr {\n  cursor: pointer;\n}\n.main-module_modal__content__2tpfl {\n  max-height: 80vh;\n  overflow-y: auto;\n  padding: 14px 28px;\n}\n.main-module_modal__content__2tpfl:first-child {\n  padding-top: 28px;\n}\n.main-module_modal__content__2tpfl:last-child {\n  padding-bottom: 28px;\n}\n.main-module_modal__footer__Hjmd6 {\n  display: flex;\n  align-items: center;\n  justify-content: flex-end;\n  padding: 14px 28px;\n  border-top: 1px solid #ececec;\n}\n.main-module_modal_animation-top__1tWSX,\n.main-module_modal_animation-right__3JbiZ,\n.main-module_modal_animation-bottom__mbIad,\n.main-module_modal_animation-left__n5qCW {\n  opacity: 0;\n  transition: transform 0.2s, opacity 0.2s;\n}\n.main-module_modal_animation-top__1tWSX.main-module_modal_show__1Ll6F,\n.main-module_modal_animation-right__3JbiZ.main-module_modal_show__1Ll6F,\n.main-module_modal_animation-bottom__mbIad.main-module_modal_show__1Ll6F,\n.main-module_modal_animation-left__n5qCW.main-module_modal_show__1Ll6F {\n  opacity: 1;\n  -webkit-animation-duration: 0.2s;\n          animation-duration: 0.2s;\n}\n.main-module_modal_animation-top__1tWSX.main-module_modal_hide__hVtXH,\n.main-module_modal_animation-right__3JbiZ.main-module_modal_hide__hVtXH,\n.main-module_modal_animation-bottom__mbIad.main-module_modal_hide__hVtXH,\n.main-module_modal_animation-left__n5qCW.main-module_modal_hide__hVtXH {\n  z-index: -100;\n}\n.main-module_modal_animation-top__1tWSX.main-module_modal_show__1Ll6F {\n  -webkit-animation-name: main-module_modalSlideTop__302vg;\n          animation-name: main-module_modalSlideTop__302vg;\n}\n.main-module_modal_animation-top__1tWSX.main-module_modal_hide__hVtXH {\n  transform: translate3d(0, -20vh, 0);\n}\n.main-module_modal_animation-right__3JbiZ.main-module_modal_show__1Ll6F {\n  -webkit-animation-name: main-module_modalSlideRight__2wVIR;\n          animation-name: main-module_modalSlideRight__2wVIR;\n}\n.main-module_modal_animation-right__3JbiZ.main-module_modal_hide__hVtXH {\n  transform: translate3d(20vh, 0, 0);\n}\n.main-module_modal_animation-bottom__mbIad.main-module_modal_show__1Ll6F {\n  -webkit-animation-name: main-module_modalSlideBottom__1JZq2;\n          animation-name: main-module_modalSlideBottom__1JZq2;\n}\n.main-module_modal_animation-bottom__mbIad.main-module_modal_hide__hVtXH {\n  transform: translate3d(0, 20vh, 0);\n}\n.main-module_modal_animation-left__n5qCW.main-module_modal_show__1Ll6F {\n  -webkit-animation-name: main-module_modalSlideLeft__13SY_;\n          animation-name: main-module_modalSlideLeft__13SY_;\n}\n.main-module_modal_animation-left__n5qCW.main-module_modal_hide__hVtXH {\n  transform: translate3d(-20vh, 0, 0);\n}\n";
+var styles = {
+  "modals-manager__wrapper": "main-module_modals-manager__wrapper__qp6lE",
+  "modals-manager__wrapper-backdrop": "main-module_modals-manager__wrapper-backdrop__24efS",
+  "backdropFadeIn": "main-module_backdropFadeIn__1pZyV",
+  "modals-manager__wrapper-backdrop_show": "main-module_modals-manager__wrapper-backdrop_show__TYJYx",
+  "modals-manager__wrapper-content": "main-module_modals-manager__wrapper-content__2tU8P",
+  "modal": "main-module_modal__2LkRu",
+  "modal__header": "main-module_modal__header__gApi-",
+  "modal__header-actions": "main-module_modal__header-actions__A4dYg",
+  "modal__header-close-icon": "main-module_modal__header-close-icon__5IuHr",
+  "modal__content": "main-module_modal__content__2tpfl",
+  "modal__footer": "main-module_modal__footer__Hjmd6",
+  "modal_animation-top": "main-module_modal_animation-top__1tWSX",
+  "modal_animation-right": "main-module_modal_animation-right__3JbiZ",
+  "modal_animation-bottom": "main-module_modal_animation-bottom__mbIad",
+  "modal_animation-left": "main-module_modal_animation-left__n5qCW",
+  "modal_show": "main-module_modal_show__1Ll6F",
+  "modal_hide": "main-module_modal_hide__hVtXH",
+  "modalSlideTop": "main-module_modalSlideTop__302vg",
+  "modalSlideRight": "main-module_modalSlideRight__2wVIR",
+  "modalSlideBottom": "main-module_modalSlideBottom__1JZq2",
+  "modalSlideLeft": "main-module_modalSlideLeft__13SY_"
+};
+styleInject(css_248z);
+
+export default styles;
+//# sourceMappingURL=main.module.less.js.map

package/build/esm/packages/aurora/src/css/modal_new/main.module.less.js.map

@@ -0,0 +1 @@
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,wBAAwB,8DAAkE;AAC1F;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/index.d.ts

@@ -74,7 +74,9 @@ import Loader from "./components/loader";
 import MessageBox from "./components/message-box";
 import Modal from "./components/modal";
 import { ModalContext } from "./components/modal/context/modal_context";
+import { ModalNew } from "./components/modal_new/components/modal/modal";
 import ModalProvider from "./components/modal/hoc/modal_provider";
+import ModalsManager from "./components/modal_new";
 import MultiSelect from "./components/dropdown/hoc/multiselect";
 import RelativeModal from "./components/modal/hoc/relative_modal";
 import { ScrollSync } from "./components/scroll_sync";
@@ -112,6 +114,7 @@ import XhrImagePicker from "./components/xhr_image_picker";
 import { useClickOutside } from "./hooks/use_click_outside";
 import { useDropdownContext } from "./components/dropdown/context";
 import { useFlashMessenger } from "./components/flash_messenger/context";
+import useModals from "./components/modal_new/hooks/use_modals";
 import { useSearchList } from "./components/search_list/use_search_list";
 import { useToggle } from "./components/dropdown/hooks";
 /**
@@ -120,7 +123,7 @@ import { useToggle } from "./components/dropdown/hooks";
 /**
  * export components
  */
-export { Accordion, Button, Tooltip, ButtonsGroup, Dropdown, Select, MultiSelect, Label, Stack, Control, ControlInput, ControlCheckbox, ControlCheckboxSwitch, ControlRadio, ControlSelect, ControlRange, ControlMultiSelect, ControlTextarea, Gallery, Datepicker, ColorPicker, ColorPickerNew, ControlColorPicker, ControlColorPickerNew, ControlDatepicker, ControlFilePicker, ControlXhrImagePicker, Heading, Typography, Modal, ModalProvider, AbsoluteModal, RelativeModal, TabsWrapper, Tabs, TabsItem, TabsItemList, TabsPanel, TabsPanelList, SearchList, SearchListInput, SearchListResults, Tag, TagsSelector, ControlTagsSelector, Table, DataTable, Grid, DropdownContext, ModalContext, IconCalendar, Spacing, IconArrow, IconTick, FilePicker, ImagePicker, ControlCellSelector, Hint, ControlRadioGroup, MessageBox, FlashMessenger, useFlashMessenger, Loader, WithLoader, useDropdownContext, FlashMessengerContext, FlashMessagesList, Link, IconTablet, IconMobile, IconLaptop, IconDesktop, IconWarning, useToggle, useSearchList, Slide, SlideWrapper, SlideHeader, SlideSubHeader, SlideContent, SlideFooter, XhrImagePicker, ValuesSyncer, Tree, TreeNode, ScrollSyncContainer, ScrollSync, useClickOutside, Breadcrumbs };
+export { Accordion, Button, Tooltip, ButtonsGroup, Dropdown, Select, MultiSelect, Label, Stack, Control, ControlInput, ControlCheckbox, ControlCheckboxSwitch, ControlRadio, ControlSelect, ControlRange, ControlMultiSelect, ControlTextarea, Gallery, Datepicker, ColorPicker, ColorPickerNew, ControlColorPicker, ControlColorPickerNew, ControlDatepicker, ControlFilePicker, ControlXhrImagePicker, Heading, Typography, Modal, ModalNew, ModalsManager, useModals, ModalProvider, AbsoluteModal, RelativeModal, TabsWrapper, Tabs, TabsItem, TabsItemList, TabsPanel, TabsPanelList, SearchList, SearchListInput, SearchListResults, Tag, TagsSelector, ControlTagsSelector, Table, DataTable, Grid, DropdownContext, ModalContext, IconCalendar, Spacing, IconArrow, IconTick, FilePicker, ImagePicker, ControlCellSelector, Hint, ControlRadioGroup, MessageBox, FlashMessenger, useFlashMessenger, Loader, WithLoader, useDropdownContext, FlashMessengerContext, FlashMessagesList, Link, IconTablet, IconMobile, IconLaptop, IconDesktop, IconWarning, useToggle, useSearchList, Slide, SlideWrapper, SlideHeader, SlideSubHeader, SlideContent, SlideFooter, XhrImagePicker, ValuesSyncer, Tree, TreeNode, ScrollSyncContainer, ScrollSync, useClickOutside, Breadcrumbs };
 /**
  * export types
  */

package/build/esm/packages/aurora/src/index.js

@@ -59,7 +59,10 @@ export { default as Link } from './components/link/index.js';
 export { default as Loader } from './components/loader/index.js';
 export { default as Modal } from './components/modal/index.js';
 export { ModalContext } from './components/modal/context/modal_context.js';
+export { ModalNew } from './components/modal_new/components/modal/modal.js';
 export { default as ModalProvider } from './components/modal/hoc/modal_provider.js';
+export { default as useModals } from './components/modal_new/hooks/use_modals.js';
+export { default as ModalsManager } from './components/modal_new/index.js';
 export { default as RelativeModal } from './components/modal/hoc/relative_modal/index.js';
 export { ScrollSync } from './components/scroll_sync/index.js';
 export { ScrollSyncContainer } from './components/scroll_sync/components/scroll_sync_container.js';

package/build/esm/packages/aurora/src/index.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;"}
+{"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;AACA;"}

package/build/esm/packages/star_core/build/esm/packages/star_core/src/classes/axios_http_client/axios_http_client.js

@@ -35,11 +35,6 @@ var AxiosClient = /*#__PURE__*/function () {
         cancelRequest: cancelRequest
       };
     }
-  }, {
-    key: "isCancelError",
-    value: function isCancelError(error) {
-      return axios.isCancel(error);
-    }
   }]);
 }();
 

package/build/esm/packages/star_core/build/esm/packages/star_core/src/classes/axios_http_client/axios_http_client.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;"}
+{"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;"}

package/package.json

@@ -2,7 +2,7 @@
   "name": "@dreamcommerce/aurora",
   "packageManager": "yarn@3.2.0",
   "sideEffects": false,
-  "version": "2.16.7",
+  "version": "2.16.8",
   "description": "aurora",
   "author": "k0ssak",
   "license": "MIT",