@dreamcommerce/aurora 2.17.8 → 2.17.9-2

package/build/cjs/packages/aurora/src/components/controls/hoc/control_select/index.js

@@ -42,6 +42,7 @@ var ControlSelect = function ControlSelect(_ref) {
       isDisabled = _ref.isDisabled,
       onChange = _ref.onChange,
       onToggle = _ref.onToggle,
+      onSearch = _ref.onSearch,
       errors = _ref.errors,
       hint = _ref.hint,
       placeholder = _ref.placeholder,
@@ -76,6 +77,7 @@ var ControlSelect = function ControlSelect(_ref) {
     onChange: onChange,
     onToggle: onToggle,
     onScroll: onScroll,
+    onSearch: onSearch,
     innerAdditionalContent: innerAdditionalContent,
     hasCloseIcon: hasCloseIcon
   }))), /*#__PURE__*/React__default['default'].createElement(index['default'].Errors, null), additionalInfo && /*#__PURE__*/React__default['default'].createElement(index['default'].AdditionalInfo, null, additionalInfo));

package/build/cjs/packages/aurora/src/components/controls/hoc/control_select/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;"}
+{"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;"}

package/build/cjs/packages/aurora/src/components/dropdown/components/content.js

@@ -6,8 +6,8 @@ var React = require('react');
 var useTranslation = require('../../../../../../external/react-i18next/dist/es/useTranslation.js');
 var _rollupPluginBabelHelpers = require('../../../../../../_virtual/_rollupPluginBabelHelpers.js');
 var utilities$1 = require('@dreamcommerce/utilities');
-var reactDom = require('react-dom');
 var classnames = require('classnames');
+var reactDom = require('react-dom');
 var main_module$3 = require('../../../css/icons/main.module.less.js');
 var index = require('../context/index.js');
 var responsive_breakpoints = require('../../../constants/responsive_breakpoints.js');

package/build/cjs/packages/aurora/src/components/dropdown/hoc/select/index.js

@@ -52,6 +52,7 @@ var Select = function Select(_ref) {
       defaultCloseOnClick = _ref$defaultCloseOnCl === void 0 ? true : _ref$defaultCloseOnCl,
       onToggle = _ref.onToggle,
       onChange = _ref.onChange,
+      onSearch = _ref.onSearch,
       portalContainer = _ref.portalContainer,
       placeholder = _ref.placeholder,
       onScroll = _ref.onScroll,
@@ -104,6 +105,11 @@ var Select = function Select(_ref) {
    * hook which resets options list to default on close if select has search and it was used
    */
 
+  use_set_options_on_close.useSetOptionsOnClose(isWithSearch, isOpen, setOptionsList, options);
+  /**
+   * hook which debounces search results
+   */
+
   use_set_options_on_close.useSetOptionsOnClose(isWithSearch, isOpen, setOptionsList, options);
   React.useEffect(function () {
     setOptionsList(options);
@@ -125,7 +131,7 @@ var Select = function Select(_ref) {
     portalContainer: portalContainer
   }, isWithSearch && /*#__PURE__*/React__default['default'].createElement(index$1['default'].Search, {
     onKeyUp: function onKeyUp(ev) {
-      return utilities.handleSearchKeyUp(ev, options, setOptionsList);
+      return onSearch ? onSearch === null || onSearch === void 0 ? void 0 : onSearch(ev.target.value) : utilities.handleSearchKeyUp(ev, options, setOptionsList);
     }
   }), /*#__PURE__*/React__default['default'].createElement(index$1['default'].List, {
     isWithGroups: isWithGroups,

package/build/cjs/packages/aurora/src/components/dropdown/hoc/select/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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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/image_picker/index.js

@@ -6,8 +6,8 @@ var React = require('react');
 var useTranslation = require('../../../../../external/react-i18next/dist/es/useTranslation.js');
 var _rollupPluginBabelHelpers = require('../../../../../_virtual/_rollupPluginBabelHelpers.js');
 var constants = require('../file_picker/constants.js');
-var reactJss_esm = require('../../../../../external/react-jss/dist/react-jss.esm.js');
 var classnames = require('classnames');
+var reactJss_esm = require('../../../../../external/react-jss/dist/react-jss.esm.js');
 var errors_list = require('../controls/components/errors_list.js');
 var utils = require('../file_picker/utils.js');
 var use_file_picker = require('../file_picker/use_file_picker.js');

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

@@ -1 +1 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA,6BAA6B,iEAAqE;AAClG;AACA;AACA,2BAA2B,yDAA6D;AACxF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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,6BAA6B,iEAAqE;AAClG;AACA;AACA;AACA,2BAA2B,yDAA6D;AACxF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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/hoc/absolute_modal/index.js

@@ -4,14 +4,14 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
 var _rollupPluginBabelHelpers = require('../../../../../../../_virtual/_rollupPluginBabelHelpers.js');
-var reactDom = require('react-dom');
-var reactJss_esm = require('../../../../../../../external/react-jss/dist/react-jss.esm.js');
-var main_module = require('../../../../css/modal/main.module.less.js');
-var modal = require('../../components/modal.js');
 var utilities = require('../../utilities.js');
 var constants = require('../../constants.js');
-var use_resize = require('../../../../hooks/use_resize.js');
+var main_module = require('../../../../css/modal/main.module.less.js');
+var modal = require('../../components/modal.js');
 var classnames = require('classnames');
+var reactDom = require('react-dom');
+var reactJss_esm = require('../../../../../../../external/react-jss/dist/react-jss.esm.js');
+var use_resize = require('../../../../hooks/use_resize.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

package/build/cjs/packages/aurora/src/components/modal/hoc/absolute_modal/index.js.map

@@ -1 +1 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,2BAA2B,+DAAmE;AAC9F;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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,2BAA2B,+DAAmE;AAC9F;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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/hoc/relative_modal/index.js

@@ -4,14 +4,14 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
 var _rollupPluginBabelHelpers = require('../../../../../../../_virtual/_rollupPluginBabelHelpers.js');
-var reactDom = require('react-dom');
-var reactJss_esm = require('../../../../../../../external/react-jss/dist/react-jss.esm.js');
-var main_module = require('../../../../css/modal/main.module.less.js');
-var modal = require('../../components/modal.js');
 var utilities = require('../../utilities.js');
 var constants = require('../../constants.js');
-var use_resize = require('../../../../hooks/use_resize.js');
+var main_module = require('../../../../css/modal/main.module.less.js');
+var modal = require('../../components/modal.js');
 var classnames = require('classnames');
+var reactDom = require('react-dom');
+var reactJss_esm = require('../../../../../../../external/react-jss/dist/react-jss.esm.js');
+var use_resize = require('../../../../hooks/use_resize.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

package/build/cjs/packages/aurora/src/components/modal/hoc/relative_modal/index.js.map

@@ -1 +1 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,2BAA2B,+DAAmE;AAC9F;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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,2BAA2B,+DAAmE;AAC9F;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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.js

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

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;"}