@dreamcommerce/aurora 2.16.7 → 2.16.8-1

package/build/cjs/packages/aurora/src/components/modal_new/components/modal/modal.js

@@ -0,0 +1,112 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var _rollupPluginBabelHelpers = require('../../../../../../../_virtual/_rollupPluginBabelHelpers.js');
+var classnames = require('classnames');
+var reactDom = require('react-dom');
+var constants = require('../../constants.js');
+var css_classes = require('../../css_classes.js');
+var main_module = require('../../../../css/modal_new/main.module.less.js');
+var modal_footer = require('./modal_footer.js');
+var modal_header = require('./modal_header.js');
+var use_modals_context = require('../../hooks/use_modals_context.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var classnames__default = /*#__PURE__*/_interopDefaultLegacy(classnames);
+
+var ModalNew = function ModalNew(_ref) {
+  var name = _ref.name,
+      hideAllModalsOnClose = _ref.hideAllModalsOnClose,
+      _ref$animationDirecti = _ref.animationDirection,
+      animationDirection = _ref$animationDirecti === void 0 ? constants.MODAL_ANIMATION_DIRECTIONS.top : _ref$animationDirecti,
+      header = _ref.header,
+      footer = _ref.footer,
+      minWidth = _ref.minWidth,
+      maxWidth = _ref.maxWidth,
+      children = _ref.children;
+
+  var _useState = React.useState(false),
+      _useState2 = _rollupPluginBabelHelpers.slicedToArray(_useState, 2),
+      visibleClass = _useState2[0],
+      setVisibleClass = _useState2[1];
+
+  var _useModalsContext = use_modals_context.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 = React.useState(false),
+      _useState4 = _rollupPluginBabelHelpers.slicedToArray(_useState3, 2),
+      renderModal = _useState4[0],
+      setRenderModal = _useState4[1];
+
+  React.useEffect(function () {
+    addModal({
+      name: name,
+      visibilityState: constants.MODAL_VISIBILITY_STATE.none,
+      animationDirection: animationDirection
+    });
+  }, []);
+  React.useEffect(function () {
+    var showModalTimeout;
+    var hideModalTimeout;
+
+    if ((modal === null || modal === void 0 ? void 0 : modal.visibilityState) === constants.MODAL_VISIBILITY_STATE.visible) {
+      setRenderModal(true);
+      showModalTimeout = setTimeout(function () {
+        setVisibleClass(true);
+      }, constants.MODAL_SLIDE_FADE_DURATION);
+    }
+
+    if ((modal === null || modal === void 0 ? void 0 : modal.visibilityState) === constants.MODAL_VISIBILITY_STATE.hidden) {
+      setVisibleClass(false);
+    }
+
+    if ((modal === null || modal === void 0 ? void 0 : modal.visibilityState) === constants.MODAL_VISIBILITY_STATE.none) {
+      setVisibleClass(false);
+      hideModalTimeout = setTimeout(function () {
+        setRenderModal(false);
+      }, constants.MODAL_SLIDE_FADE_DURATION);
+    }
+
+    return function () {
+      clearTimeout(showModalTimeout);
+      clearTimeout(hideModalTimeout);
+    };
+  }, [modal]);
+
+  var handleCloseModal = function handleCloseModal() {
+    hideAllModalsOnClose ? hideAllModals() : hideModal(name);
+    (header === null || header === void 0 ? void 0 : header.closeAction) && header.closeAction();
+  };
+
+  var modalClassNames = classnames__default['default'](main_module['default'][css_classes.cssModal], _rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty({}, main_module['default'][css_classes.cssModalShow], visibleClass), main_module['default'][css_classes.cssModalHide], !visibleClass), main_module['default'][css_classes.cssModalAnimationTop], animationDirection === constants.MODAL_ANIMATION_DIRECTIONS.top), main_module['default'][css_classes.cssModalAnimationRight], animationDirection === constants.MODAL_ANIMATION_DIRECTIONS.right), main_module['default'][css_classes.cssModalAnimationBottom], animationDirection === constants.MODAL_ANIMATION_DIRECTIONS.bottom), main_module['default'][css_classes.cssModalAnimationLeft], animationDirection === constants.MODAL_ANIMATION_DIRECTIONS.left));
+  if (!$modalsManagerContainer) return null;
+  return renderModal ? /*#__PURE__*/reactDom.createPortal( /*#__PURE__*/React__default['default'].createElement("div", {
+    id: name,
+    className: modalClassNames,
+    style: {
+      minWidth: minWidth,
+      maxHeight: maxWidth
+    }
+  }, header && /*#__PURE__*/React__default['default'].createElement(modal_header.ModalHeader, {
+    content: header.content,
+    closeAction: handleCloseModal
+  }), /*#__PURE__*/React__default['default'].createElement("div", {
+    className: "".concat(main_module['default'][css_classes.cssModalContent])
+  }, children), footer && /*#__PURE__*/React__default['default'].createElement(modal_footer.ModalFooter, {
+    content: footer.content
+  })), $modalsManagerContainer) : null;
+};
+
+exports.ModalNew = ModalNew;
+//# sourceMappingURL=modal.js.map

package/build/cjs/packages/aurora/src/components/modal_new/components/modal/modal.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;"}

package/build/cjs/packages/aurora/src/components/modal_new/components/modal/modal_footer.js

@@ -0,0 +1,21 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var css_classes = require('../../css_classes.js');
+var main_module = require('../../../../css/modal_new/main.module.less.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+var ModalFooter = function ModalFooter(_ref) {
+  var content = _ref.content;
+  return /*#__PURE__*/React__default['default'].createElement("footer", {
+    className: main_module['default'][css_classes.cssModalFooter]
+  }, content);
+};
+
+exports.ModalFooter = ModalFooter;
+//# sourceMappingURL=modal_footer.js.map

package/build/cjs/packages/aurora/src/components/modal_new/components/modal/modal_footer.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/cjs/packages/aurora/src/components/modal_new/components/modal/modal_header.js

@@ -0,0 +1,31 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var icon_close = require('../../../../assets/icon_close.js');
+var css_classes = require('../../css_classes.js');
+var main_module = require('../../../../css/modal_new/main.module.less.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+var ModalHeader = function ModalHeader(_ref) {
+  var _ref$content = _ref.content,
+      content = _ref$content === void 0 ? '' : _ref$content,
+      closeAction = _ref.closeAction;
+  return /*#__PURE__*/React__default['default'].createElement("header", {
+    className: main_module['default'][css_classes.cssModalHeader]
+  }, /*#__PURE__*/React__default['default'].createElement("h3", {
+    className: main_module['default'][css_classes.cssModalHeaderTitle]
+  }, content), /*#__PURE__*/React__default['default'].createElement("div", {
+    className: main_module['default'][css_classes.cssModalHeaderActions]
+  }, closeAction && /*#__PURE__*/React__default['default'].createElement(icon_close['default'], {
+    onClick: closeAction,
+    className: main_module['default'][css_classes.cssModalHeaderCloseIcon]
+  })));
+};
+
+exports.ModalHeader = ModalHeader;
+//# sourceMappingURL=modal_header.js.map

package/build/cjs/packages/aurora/src/components/modal_new/components/modal/modal_header.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;"}

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

@@ -0,0 +1,66 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var _rollupPluginBabelHelpers = require('../../../../../../_virtual/_rollupPluginBabelHelpers.js');
+var classnames = require('classnames');
+var reactDom = require('react-dom');
+var constants = require('../constants.js');
+var css_classes = require('../css_classes.js');
+var main_module = require('../../../css/modal_new/main.module.less.js');
+var use_modals_context = require('../hooks/use_modals_context.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var classnames__default = /*#__PURE__*/_interopDefaultLegacy(classnames);
+
+var ModalsWrapper = function ModalsWrapper(_ref) {
+  var children = _ref.children;
+
+  var _useState = React.useState(false),
+      _useState2 = _rollupPluginBabelHelpers.slicedToArray(_useState, 2),
+      showWrapper = _useState2[0],
+      setShowWrapper = _useState2[1];
+
+  var _useState3 = React.useState(false),
+      _useState4 = _rollupPluginBabelHelpers.slicedToArray(_useState3, 2),
+      visibleClass = _useState4[0],
+      setVisibleClass = _useState4[1];
+
+  var _useModalsContext = use_modals_context.useModalsContext(),
+      openedModals = _useModalsContext.openedModals;
+
+  React.useEffect(function () {
+    var showWrapperTimeout;
+
+    if (openedModals.length) {
+      setShowWrapper(true);
+      setVisibleClass(true);
+    } else {
+      setVisibleClass(false);
+      showWrapperTimeout = setTimeout(function () {
+        setShowWrapper(false);
+      }, constants.MODALS_WRAPPER_BACKDROP_FADE_DURATION);
+    }
+
+    return function () {
+      return clearTimeout(showWrapperTimeout);
+    };
+  }, [openedModals]);
+  var modalsWrapperBackdropClassNames = classnames__default['default'](main_module['default'][css_classes.cssModalsManagerWrapperBackdrop], _rollupPluginBabelHelpers.defineProperty({}, main_module['default'][css_classes.cssModalsManagerWrapperBackdropShow], visibleClass));
+  return /*#__PURE__*/reactDom.createPortal( /*#__PURE__*/React__default['default'].createElement("div", {
+    className: "".concat(main_module['default'][css_classes.cssModalsManager])
+  }, showWrapper && /*#__PURE__*/React__default['default'].createElement("div", {
+    className: "".concat(main_module['default'][css_classes.cssModalsManagerWrapper])
+  }, /*#__PURE__*/React__default['default'].createElement("div", {
+    className: modalsWrapperBackdropClassNames
+  }), /*#__PURE__*/React__default['default'].createElement("div", {
+    id: constants.MODALS_CONTENT_ID,
+    className: "".concat(main_module['default'][css_classes.cssModalsManagerWrapperContent])
+  })), children), document.body);
+};
+
+exports.ModalsWrapper = ModalsWrapper;
+//# sourceMappingURL=modals_wrapper.js.map

package/build/cjs/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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

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

@@ -0,0 +1,25 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+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'
+};
+
+exports.MODALS_CONTENT_ID = MODALS_CONTENT_ID;
+exports.MODALS_WRAPPER_BACKDROP_FADE_DURATION = MODALS_WRAPPER_BACKDROP_FADE_DURATION;
+exports.MODAL_ANIMATION_DIRECTIONS = MODAL_ANIMATION_DIRECTIONS;
+exports.MODAL_SLIDE_FADE_DURATION = MODAL_SLIDE_FADE_DURATION;
+exports.MODAL_VISIBILITY_STATE = MODAL_VISIBILITY_STATE;
+//# sourceMappingURL=constants.js.map

package/build/cjs/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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

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

@@ -0,0 +1,21 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+
+var ModalsManagerContext = /*#__PURE__*/React.createContext({
+  modalsManagerContainerSelector: '',
+  addModal: function addModal() {},
+  updateModal: function updateModal() {},
+  getModal: function getModal() {
+    return undefined;
+  },
+  showModal: function showModal() {},
+  hideModal: function hideModal() {},
+  hideAllModals: function hideAllModals() {},
+  openedModals: []
+});
+
+exports.ModalsManagerContext = ModalsManagerContext;
+//# sourceMappingURL=context.js.map

package/build/cjs/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;AACA;AACA;AACA;AACA;"}

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

@@ -0,0 +1,42 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+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';
+
+exports.cssModal = cssModal;
+exports.cssModalAnimationBottom = cssModalAnimationBottom;
+exports.cssModalAnimationLeft = cssModalAnimationLeft;
+exports.cssModalAnimationRight = cssModalAnimationRight;
+exports.cssModalAnimationTop = cssModalAnimationTop;
+exports.cssModalContent = cssModalContent;
+exports.cssModalFooter = cssModalFooter;
+exports.cssModalHeader = cssModalHeader;
+exports.cssModalHeaderActions = cssModalHeaderActions;
+exports.cssModalHeaderCloseIcon = cssModalHeaderCloseIcon;
+exports.cssModalHeaderTitle = cssModalHeaderTitle;
+exports.cssModalHide = cssModalHide;
+exports.cssModalShow = cssModalShow;
+exports.cssModalsManager = cssModalsManager;
+exports.cssModalsManagerWrapper = cssModalsManagerWrapper;
+exports.cssModalsManagerWrapperBackdrop = cssModalsManagerWrapperBackdrop;
+exports.cssModalsManagerWrapperBackdropShow = cssModalsManagerWrapperBackdropShow;
+exports.cssModalsManagerWrapperContent = cssModalsManagerWrapperContent;
+//# sourceMappingURL=css_classes.js.map

package/build/cjs/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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

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

@@ -0,0 +1,119 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var _rollupPluginBabelHelpers = require('../../../../../../_virtual/_rollupPluginBabelHelpers.js');
+var constants = require('../constants.js');
+
+var useModals = function useModals() {
+  var _useState = React.useState([]),
+      _useState2 = _rollupPluginBabelHelpers.slicedToArray(_useState, 2),
+      modalsStack = _useState2[0],
+      setModalsStack = _useState2[1];
+
+  var _useState3 = React.useState([]),
+      _useState4 = _rollupPluginBabelHelpers.slicedToArray(_useState3, 2),
+      openedModals = _useState4[0],
+      setOpenedModals = _useState4[1];
+
+  var modalsManagerContainerSelector = "#".concat(constants.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 _rollupPluginBabelHelpers.toConsumableArray(stack);
+      } else {
+        return [].concat(_rollupPluginBabelHelpers.toConsumableArray(stack), [modal]);
+      }
+    });
+  };
+
+  var updateModal = function updateModal(modal) {
+    setModalsStack(function (previousStack) {
+      var updatedStack = previousStack.map(function (stackModal) {
+        return stackModal.name === modal.name ? _rollupPluginBabelHelpers.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, constants.MODAL_VISIBILITY_STATE.hidden);
+      return [].concat(_rollupPluginBabelHelpers.toConsumableArray(modals), [modalName]);
+    });
+    setVisibleState(modalName, constants.MODAL_VISIBILITY_STATE.visible);
+  };
+
+  var hideModal = function hideModal(modalName) {
+    setOpenedModals(function (modals) {
+      var secondToLastItem = modals[modals.length - 2];
+      setVisibleState(secondToLastItem, constants.MODAL_VISIBILITY_STATE.visible);
+      return modals.filter(function (modal) {
+        return modal !== modalName;
+      });
+    });
+    setVisibleState(modalName, constants.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 ? _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, modal), {}, {
+            visibilityState: state
+          }) : modal;
+        });
+      });
+    } else {
+      setModalsStack(function (prevState) {
+        return prevState.map(function (modal) {
+          if (!modalName) return modal;
+          return modalName.includes(modal.name) ? _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, modal), {}, {
+            visibilityState: state
+          }) : modal;
+        });
+      });
+    }
+  };
+
+  var setVisibleStatesToNone = function setVisibleStatesToNone() {
+    setModalsStack(function (prevState) {
+      return prevState.map(function (modal) {
+        return _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, modal), {}, {
+          visibilityState: constants.MODAL_VISIBILITY_STATE.none
+        });
+      });
+    });
+  };
+
+  return {
+    modalsManagerContainerSelector: modalsManagerContainerSelector,
+    addModal: addModal,
+    updateModal: updateModal,
+    getModal: getModal,
+    showModal: showModal,
+    hideModal: hideModal,
+    hideAllModals: hideAllModals,
+    openedModals: openedModals
+  };
+};
+
+exports.default = useModals;
+//# sourceMappingURL=use_modals.js.map

package/build/cjs/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;AACA;AACA;AACA;AACA;"}

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

@@ -0,0 +1,19 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var context = require('../context.js');
+
+function useModalsContext() {
+  var context$1 = React.useContext(context.ModalsManagerContext);
+
+  if (Object.keys(context$1).length === 0 && context$1.constructor === Object) {
+    throw new Error("Modal component cannot be rendered outside the ModalWrapper component");
+  }
+
+  return context$1;
+}
+
+exports.useModalsContext = useModalsContext;
+//# sourceMappingURL=use_modals_context.js.map

package/build/cjs/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;AACA;AACA;AACA;AACA;"}

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

@@ -0,0 +1,45 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var context = require('./context.js');
+var modals_wrapper = require('./components/modals_wrapper.js');
+var use_modals = require('./hooks/use_modals.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+var ModalsManager = function ModalsManager(_ref) {
+  var children = _ref.children;
+
+  var _useModals = use_modals['default'](),
+      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 = React.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__default['default'].createElement(context.ModalsManagerContext.Provider, {
+    value: value
+  }, /*#__PURE__*/React__default['default'].createElement(modals_wrapper.ModalsWrapper, null, children));
+};
+
+exports.default = ModalsManager;
+//# sourceMappingURL=index.js.map

package/build/cjs/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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

package/build/cjs/packages/aurora/src/components/pintura/index.js

@@ -0,0 +1,51 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var _rollupPluginBabelHelpers = require('../../../../../_virtual/_rollupPluginBabelHelpers.js');
+require('../../../../../external/@pqina/pintura/pintura.css.js');
+var pintura = require('../../../../../external/@pqina/pintura/pintura.js');
+var PinturaEditor = require('../../../../../external/@pqina/react-pintura/PinturaEditor.js');
+require('../../../../../external/@pqina/react-pintura/PinturaEditorModal.js');
+require('../../../../../external/@pqina/react-pintura/PinturaEditorOverlay.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+var Pintura = function Pintura(_ref) {
+  var src = _ref.src,
+      _ref$height = _ref.height,
+      height = _ref$height === void 0 ? '70vh' : _ref$height,
+      onPreviewLoaded = _ref.onPreviewLoaded,
+      onEditionDone = _ref.onEditionDone;
+
+  var _useState = React.useState(),
+      _useState2 = _rollupPluginBabelHelpers.slicedToArray(_useState, 2),
+      inlineResult = _useState2[0],
+      setInlineResult = _useState2[1];
+
+  React.useEffect(function () {
+    if (inlineResult && onEditionDone) onEditionDone(inlineResult);
+  }, [inlineResult]);
+
+  var handleLoadPreview = function handleLoadPreview() {
+    onPreviewLoaded && onPreviewLoaded();
+  };
+
+  return /*#__PURE__*/React__default['default'].createElement("div", {
+    style: {
+      height: height
+    }
+  }, /*#__PURE__*/React__default['default'].createElement(PinturaEditor['default'], _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, pintura.getEditorDefaults()), {}, {
+    src: src,
+    onProcess: function onProcess(res) {
+      return setInlineResult(res.dest);
+    },
+    onLoadpreview: handleLoadPreview
+  })));
+};
+
+exports.Pintura = Pintura;
+//# sourceMappingURL=index.js.map

package/build/cjs/packages/aurora/src/components/pintura/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA,QAAQ,uDAA2D;AACnE,sBAAsB,mDAAuD;AAC7E,4BAA4B,+DAAmE;AAC/F,QAAQ,oEAAwE;AAChF,QAAQ,sEAA0E;AAClF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}