@dreamcommerce/aurora 2.16.7 → 2.16.8-2

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

@@ -6,7 +6,13 @@ var React = require('react');
 var _rollupPluginBabelHelpers = require('../../../../../_virtual/_rollupPluginBabelHelpers.js');
 var constants = require('../file_picker/constants.js');
 var http_requester_contants = require('../../../../star_core/build/esm/packages/star_core/src/features/http_requester/http_requester_contants.js');
+var css_classes = require('../image_picker/css_classes.js');
+var icon_image = require('../../assets/icon_image.js');
+var main_module = require('../../css/image_picker/main.module.less.js');
 var index = require('../image_picker/index.js');
+var use_modals_context = require('../modal_new/hooks/use_modals_context.js');
+var modal = require('../modal_new/components/modal/modal.js');
+var index$1 = require('../pintura/index.js');
 var use_http_api = require('../../hooks/use_http_api.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -24,11 +30,28 @@ var XhrImagePicker = function XhrImagePicker(_ref) {
       onChange = _ref.onChange,
       onImageSizeUpdated = _ref.onImageSizeUpdated,
       _ref$allowedExtension = _ref.allowedExtensions,
-      allowedExtensions = _ref$allowedExtension === void 0 ? [constants.FILES_EXTENSIONS.WEBP, constants.FILES_EXTENSIONS.JPG, constants.FILES_EXTENSIONS.PNG, constants.FILES_EXTENSIONS.GIF, constants.FILES_EXTENSIONS.SVG, constants.FILES_EXTENSIONS.JPEG] : _ref$allowedExtension;
+      allowedExtensions = _ref$allowedExtension === void 0 ? [constants.FILES_EXTENSIONS.WEBP, constants.FILES_EXTENSIONS.JPG, constants.FILES_EXTENSIONS.PNG, constants.FILES_EXTENSIONS.GIF, constants.FILES_EXTENSIONS.SVG, constants.FILES_EXTENSIONS.JPEG] : _ref$allowedExtension,
+      hasImageEditor = _ref.hasImageEditor;
   var httpApi = use_http_api.useHttpApi();
   var pendingRequestRef = React__default['default'].useRef();
   var initialImageFile = React.useRef();
 
+  var _useModalsContext = use_modals_context.useModalsContext(),
+      showModal = _useModalsContext.showModal,
+      hideModal = _useModalsContext.hideModal;
+
+  var modalId = "image-picker-editor-".concat(id);
+
+  var _useState = React.useState(''),
+      _useState2 = _rollupPluginBabelHelpers.slicedToArray(_useState, 2),
+      pinturaSrc = _useState2[0],
+      setPinturaSrc = _useState2[1];
+
+  var _useState3 = React.useState(),
+      _useState4 = _rollupPluginBabelHelpers.slicedToArray(_useState3, 2),
+      pinturaResult = _useState4[0],
+      setPinturaResult = _useState4[1];
+
   var handleControlChange = /*#__PURE__*/function () {
     var _ref2 = _rollupPluginBabelHelpers.asyncToGenerator( /*#__PURE__*/_rollupPluginBabelHelpers.regeneratorRuntime().mark(function _callee(file) {
       var fileList, fileAsDataUrl, _httpApi$fetch, response, cancelRequest, data;
@@ -37,19 +60,20 @@ var XhrImagePicker = function XhrImagePicker(_ref) {
         while (1) switch (_context.prev = _context.next) {
           case 0:
             fileList = file.fileList, fileAsDataUrl = file.fileAsDataUrl;
+            setPinturaSrc(fileAsDataUrl);
             onChange === null || onChange === void 0 || onChange({
               fileList: fileList,
               fileAsDataUrl: fileAsDataUrl
             });
 
             if (!(!fileList || !fileList.length)) {
-              _context.next = 4;
+              _context.next = 5;
               break;
             }
 
             return _context.abrupt("return");
 
-          case 4:
+          case 5:
             if (pendingRequestRef.current) {
               pendingRequestRef.current();
               pendingRequestRef.current = undefined;
@@ -61,14 +85,14 @@ var XhrImagePicker = function XhrImagePicker(_ref) {
               data: fileList[0]
             }), response = _httpApi$fetch.response, cancelRequest = _httpApi$fetch.cancelRequest;
             pendingRequestRef.current = cancelRequest;
-            _context.next = 9;
+            _context.next = 10;
             return response;
 
-          case 9:
+          case 10:
             data = _context.sent;
             onUploaded === null || onUploaded === void 0 || onUploaded(data, fileList[0]);
 
-          case 11:
+          case 12:
           case "end":
             return _context.stop();
         }
@@ -88,7 +112,7 @@ var XhrImagePicker = function XhrImagePicker(_ref) {
       return (_pendingRequestRef$cu = pendingRequestRef.current) === null || _pendingRequestRef$cu === void 0 ? void 0 : _pendingRequestRef$cu.call(pendingRequestRef);
     };
   }, []);
-  return /*#__PURE__*/React__default['default'].createElement(index['default'], {
+  return /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, /*#__PURE__*/React__default['default'].createElement(index['default'], {
     id: id,
     name: name,
     onChange: handleControlChange,
@@ -96,8 +120,27 @@ var XhrImagePicker = function XhrImagePicker(_ref) {
     errors: errors,
     allowedExtensions: allowedExtensions,
     initialFile: initialImageFile.current,
-    onImageSizeUpdated: onImageSizeUpdated
-  });
+    onImageSizeUpdated: onImageSizeUpdated,
+    topButtons: hasImageEditor && /*#__PURE__*/React__default['default'].createElement("button", {
+      className: "".concat(main_module['default'][css_classes['default'].imagePickerEditButton], " js__image-editor-trigger"),
+      onClick: function onClick() {
+        return showModal(modalId);
+      }
+    }, /*#__PURE__*/React__default['default'].createElement(icon_image['default'], null), "Edytuj"),
+    editedImageResult: pinturaResult
+  }), /*#__PURE__*/React__default['default'].createElement(modal.ModalNew, {
+    name: modalId,
+    header: {
+      content: 'Modal'
+    },
+    minWidth: "80vw"
+  }, /*#__PURE__*/React__default['default'].createElement(index$1.Pintura, {
+    src: pinturaSrc,
+    onEditionDone: function onEditionDone(result) {
+      hideModal(modalId);
+      setPinturaResult(result);
+    }
+  })));
 };
 
 exports.default = XhrImagePicker;

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

package/build/cjs/packages/aurora/src/css/image_picker/main.module.less.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var styleInject_es = require('../../../../../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.main-module_image-picker__wrapper__2RK3f {\n  border: 1px dashed #abb4cd;\n  border-radius: 2px;\n}\n.main-module_image-picker__wrapper-error__kCZeA {\n  border-color: #e60c54;\n}\n.main-module_image-picker__wrapper-error__kCZeA:hover {\n  border-color: #e60c54;\n}\n.main-module_image-picker__wrapper-has-file__2zmRc {\n  position: relative;\n}\n.main-module_image-picker__wrapper-has-file__2zmRc .main-module_image-picker__label__1i_Fq {\n  position: absolute;\n  top: 0;\n  right: 0;\n  bottom: 46px;\n  left: 0;\n}\n.main-module_image-picker__wrapper-has-file__2zmRc .main-module_image-picker__description__1v13N {\n  display: none;\n}\n.main-module_image-picker__wrapper__2RK3f:hover {\n  border-color: #135cc8;\n}\n.main-module_image-picker__wrapper__2RK3f:hover .main-module_image-picker__upload-icon__3sMvN {\n  fill: #3c83ec;\n}\n.main-module_image-picker__label__1i_Fq {\n  cursor: pointer;\n}\n.main-module_image-picker__input__3Wu2I {\n  display: none;\n}\n.main-module_image-picker__description__1v13N {\n  padding: 2rem 0;\n  text-align: center;\n  color: #3c83ec;\n}\n.main-module_image-picker__supported-formats__1_R_X {\n  font-size: 12px;\n  color: #59687e;\n}\n.main-module_image-picker__upload-icon__3sMvN {\n  width: 1rem;\n  height: auto;\n  margin-bottom: 1rem;\n  fill: #abb4cd;\n}\n.main-module_image-picker__delete-button__21_kT {\n  display: flex;\n  align-items: center;\n  color: #3c83ec;\n  cursor: pointer;\n  background: transparent;\n}\n.main-module_image-picker__delete-button__21_kT:hover .main-module_image-picker__delete-label__3v2ot {\n  text-decoration: underline;\n}\n.main-module_image-picker__delete-button__21_kT .main-module_image-picker__delete-label__3v2ot {\n  color: #3c83ec;\n}\n.main-module_image-picker__delete-button__21_kT svg {\n  fill: #3c83ec;\n}\n.main-module_image-picker__wrong-file-format-icon__X-NL0 {\n  margin: 2rem 0 0.5rem;\n  fill: #ffffff;\n}\n.main-module_image-picker__delete-icon__30pkO {\n  fill: #3c83ec;\n  margin-right: 0.5rem;\n}\n.main-module_image-picker__selected-file__3bRqa {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  height: 46px;\n}\n.main-module_image-picker__selected-file-name-wrapper__37MKd,\n.main-module_image-picker__selected-file-remove-wrapper__2v4W2 {\n  padding: 1rem;\n}\n.main-module_image-picker__selected-file-remove-wrapper__2v4W2 {\n  display: flex;\n  justify-content: flex-end;\n}\n.main-module_image-picker__selected-file-name-wrapper__37MKd {\n  color: #59687e;\n}\n.main-module_image-picker__image-preview-wrapper__1jPXU {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n.main-module_image-picker__image-preview-wrapper__1jPXU svg {\n  fill: transparent;\n}\n.main-module_image-picker__image-preview__12pRu {\n  max-width: 100%;\n  max-height: 100%;\n}\n.main-module_image-picker__error-text__rXAvw {\n  margin-top: 0.5rem;\n  color: #e60c54;\n}\n";
+var css_248z = "/* font colors */\n/* actions */\n/* background */\n/* errors */\n/* borders */\n/* grid */\n/* scrollBar */\n/* sizes */\n.main-module_image-picker__wrapper__2RK3f {\n  position: relative;\n  border: 1px dashed #abb4cd;\n  border-radius: 2px;\n}\n.main-module_image-picker__wrapper-error__kCZeA {\n  border-color: #e60c54;\n}\n.main-module_image-picker__wrapper-error__kCZeA:hover {\n  border-color: #e60c54;\n}\n.main-module_image-picker__wrapper-has-file__2zmRc {\n  position: relative;\n}\n.main-module_image-picker__wrapper-has-file__2zmRc .main-module_image-picker__label__1i_Fq {\n  position: absolute;\n  top: 0;\n  right: 0;\n  bottom: 46px;\n  left: 0;\n}\n.main-module_image-picker__wrapper-has-file__2zmRc .main-module_image-picker__description__1v13N {\n  display: none;\n}\n.main-module_image-picker__wrapper__2RK3f:hover {\n  border-color: #135cc8;\n}\n.main-module_image-picker__wrapper__2RK3f:hover .main-module_image-picker__upload-icon__3sMvN {\n  fill: #3c83ec;\n}\n.main-module_image-picker__wrapper-top-buttons__241RY {\n  position: absolute;\n  display: flex;\n  align-items: center;\n  justify-content: flex-end;\n  top: 1rem;\n  right: 1rem;\n  z-index: 100;\n}\n.main-module_image-picker__edit-button__3O-iq {\n  display: flex;\n  gap: 4px;\n  background-color: #ffffff;\n  background-image: none;\n  border: 0;\n  border-radius: 2px;\n  padding: 0.5rem;\n  font-size: 12px;\n  color: #3c83ec;\n  cursor: pointer;\n}\n.main-module_image-picker__label__1i_Fq {\n  cursor: pointer;\n}\n.main-module_image-picker__input__3Wu2I {\n  display: none;\n}\n.main-module_image-picker__description__1v13N {\n  padding: 2rem 0;\n  text-align: center;\n  color: #3c83ec;\n}\n.main-module_image-picker__supported-formats__1_R_X {\n  font-size: 12px;\n  color: #59687e;\n}\n.main-module_image-picker__upload-icon__3sMvN {\n  width: 1rem;\n  height: auto;\n  margin-bottom: 1rem;\n  fill: #abb4cd;\n}\n.main-module_image-picker__delete-button__21_kT {\n  display: flex;\n  align-items: center;\n  color: #3c83ec;\n  cursor: pointer;\n  background: transparent;\n}\n.main-module_image-picker__delete-button__21_kT:hover .main-module_image-picker__delete-label__3v2ot {\n  text-decoration: underline;\n}\n.main-module_image-picker__delete-button__21_kT .main-module_image-picker__delete-label__3v2ot {\n  color: #3c83ec;\n}\n.main-module_image-picker__delete-button__21_kT svg {\n  fill: #3c83ec;\n}\n.main-module_image-picker__wrong-file-format-icon__X-NL0 {\n  margin: 2rem 0 0.5rem;\n  fill: #ffffff;\n}\n.main-module_image-picker__delete-icon__30pkO {\n  fill: #3c83ec;\n  margin-right: 0.5rem;\n}\n.main-module_image-picker__selected-file__3bRqa {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  height: 46px;\n}\n.main-module_image-picker__selected-file-name-wrapper__37MKd,\n.main-module_image-picker__selected-file-remove-wrapper__2v4W2 {\n  padding: 1rem;\n}\n.main-module_image-picker__selected-file-remove-wrapper__2v4W2 {\n  display: flex;\n  justify-content: flex-end;\n}\n.main-module_image-picker__selected-file-name-wrapper__37MKd {\n  color: #59687e;\n}\n.main-module_image-picker__image-preview-wrapper__1jPXU {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n.main-module_image-picker__image-preview-wrapper__1jPXU svg {\n  fill: transparent;\n}\n.main-module_image-picker__image-preview__12pRu {\n  max-width: 100%;\n  max-height: 100%;\n}\n.main-module_image-picker__error-text__rXAvw {\n  margin-top: 0.5rem;\n  color: #e60c54;\n}\n";
 var styles = {
   "image-picker__wrapper": "main-module_image-picker__wrapper__2RK3f",
   "image-picker__wrapper-error": "main-module_image-picker__wrapper-error__kCZeA",
@@ -12,6 +12,8 @@ var styles = {
   "image-picker__label": "main-module_image-picker__label__1i_Fq",
   "image-picker__description": "main-module_image-picker__description__1v13N",
   "image-picker__upload-icon": "main-module_image-picker__upload-icon__3sMvN",
+  "image-picker__wrapper-top-buttons": "main-module_image-picker__wrapper-top-buttons__241RY",
+  "image-picker__edit-button": "main-module_image-picker__edit-button__3O-iq",
   "image-picker__input": "main-module_image-picker__input__3Wu2I",
   "image-picker__supported-formats": "main-module_image-picker__supported-formats__1_R_X",
   "image-picker__delete-button": "main-module_image-picker__delete-button__21_kT",

package/build/cjs/packages/aurora/src/css/image_picker/main.module.less.js.map

@@ -1 +1 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA,6BAA6B,8DAAkE;AAC/F;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,6BAA6B,8DAAkE;AAC/F;AACA;AACA;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/css/modal_new/main.module.less.js

@@ -0,0 +1,34 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var styleInject_es = require('../../../../../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_es['default'](css_248z);
+
+exports.default = styles;
+//# sourceMappingURL=main.module.less.js.map

package/build/cjs/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;AACA;AACA;AACA;AACA,6BAA6B,8DAAkE;AAC/F;AACA;AACA;AACA;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/index.js

@@ -2,13 +2,13 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var index$u = require('./components/modal/hoc/absolute_modal/index.js');
+var index$v = require('./components/modal/hoc/absolute_modal/index.js');
 var index = require('./components/accordion/index.js');
 var index$8 = require('./components/stack/index.js');
-var index$R = require('./components/breadcrumbs/index.js');
+var index$S = require('./components/breadcrumbs/index.js');
 var index$1 = require('./components/button/index.js');
 var index$3 = require('./components/buttons_group/index.js');
-var index$B = require('./components/dropdown/context/index.js');
+var index$C = require('./components/dropdown/context/index.js');
 var index$k = require('./components/color_picker/index.js');
 var use_click_outside = require('./hooks/use_click_outside.js');
 var icon_arrow = require('./assets/icon_arrow.js');
@@ -16,11 +16,11 @@ var icon_tick = require('./assets/icon_tick.js');
 var index$7 = require('./components/label/index.js');
 var index$9 = require('./components/controls/index.js');
 var use_toggle = require('./components/dropdown/hooks/use_toggle.js');
-var index$G = require('./components/hint/index.js');
+var index$H = require('./components/hint/index.js');
 var index$b = require('./components/controls/hoc/control_checkbox/index.js');
 var index$4 = require('./components/dropdown/index.js');
 var index$l = require('./components/color_picker_new/index.js');
-var index$F = require('./components/controls/hoc/control_cell_selector/index.js');
+var index$G = require('./components/controls/hoc/control_cell_selector/index.js');
 var index$c = require('./components/controls/hoc/control_checkbox_switch/index.js');
 var index$m = require('./components/controls/hoc/control_color_picker/index.js');
 var index$n = require('./components/controls/hoc/control_color_picker_new/index.js');
@@ -28,30 +28,32 @@ var index$5 = require('./components/dropdown/hoc/select/index.js');
 var index$j = require('./components/date_picker/index.js');
 var icon_calendar = require('./assets/icon_calendar.js');
 var index$o = require('./components/controls/hoc/control_date_picker/index.js');
-var index$D = require('./components/file_picker/index.js');
+var index$E = require('./components/file_picker/index.js');
 var index$p = require('./components/controls/hoc/control_file_picker/index.js');
 var index$a = require('./components/controls/hoc/control_input/index.js');
 var index$6 = require('./components/dropdown/hoc/multiselect/index.js');
 var index$g = require('./components/controls/hoc/control_multi_select/index.js');
 var index$d = require('./components/controls/hoc/control_radio/index.js');
-var index$H = require('./components/controls/hoc/control_radio_group/index.js');
+var index$I = require('./components/controls/hoc/control_radio_group/index.js');
 var index$f = require('./components/controls/hoc/control_range/index.js');
 var index$e = require('./components/controls/hoc/control_select/index.js');
-var index$w = require('./components/tag/index.js');
-var index$x = require('./components/tags_selector/index.js');
-var index$y = require('./components/controls/hoc/control_tags_selector/index.js');
+var index$x = require('./components/tag/index.js');
+var index$y = require('./components/tags_selector/index.js');
+var index$z = require('./components/controls/hoc/control_tags_selector/index.js');
 var index$h = require('./components/controls/hoc/control_textarea/index.js');
-var index$E = require('./components/image_picker/index.js');
-var index$O = require('./components/xhr_image_picker/index.js');
+var index$F = require('./components/image_picker/index.js');
+var modal = require('./components/modal_new/components/modal/modal.js');
+var index$T = require('./components/pintura/index.js');
+var index$P = require('./components/xhr_image_picker/index.js');
 var index$q = require('./components/controls/hoc/control_xhr_image_picker/index.js');
-var index$z = require('./components/table/index.js');
+var index$A = require('./components/table/index.js');
 var dataTable = require('./components/table/hoc/data-table.js');
 var context = require('./components/flash_messenger/context.js');
-var index$I = require('./components/message-box/index.js');
+var index$J = require('./components/message-box/index.js');
 var flash_messages_list = require('./components/flash_messenger/components/flash_messages_list.js');
-var index$J = require('./components/flash_messenger/index.js');
+var index$K = require('./components/flash_messenger/index.js');
 var index$i = require('./components/gallery/index.js');
-var index$A = require('./components/grid/index.js');
+var index$B = require('./components/grid/index.js');
 var index$s = require('./components/typography/index.js');
 var index$r = require('./components/heading/index.js');
 var icon_desktop = require('./assets/icon_desktop.js');
@@ -59,25 +61,27 @@ var icon_laptop = require('./assets/icon_laptop.js');
 var icon_mobile = require('./assets/icon_mobile.js');
 var icon_tablet = require('./assets/icon_tablet.js');
 var icon_warning = require('./assets/icon_warning.js');
-var index$M = require('./components/link/index.js');
-var index$K = require('./components/loader/index.js');
+var index$N = require('./components/link/index.js');
+var index$L = require('./components/loader/index.js');
 var index$t = require('./components/modal/index.js');
 var modal_context = require('./components/modal/context/modal_context.js');
 var modal_provider = require('./components/modal/hoc/modal_provider.js');
-var index$v = require('./components/modal/hoc/relative_modal/index.js');
-var index$Q = require('./components/scroll_sync/index.js');
+var use_modals = require('./components/modal_new/hooks/use_modals.js');
+var index$u = require('./components/modal_new/index.js');
+var index$w = require('./components/modal/hoc/relative_modal/index.js');
+var index$R = require('./components/scroll_sync/index.js');
 var scroll_sync_container = require('./components/scroll_sync/components/scroll_sync_container.js');
 var search_list = require('./components/search_list/components/search_list.js');
 var use_search_list = require('./components/search_list/use_search_list.js');
 var search_list_input = require('./components/search_list/components/search_list_input.js');
 var search_list_results = require('./components/search_list/components/search_list_results.js');
-var index$N = require('./components/slide/index.js');
+var index$O = require('./components/slide/index.js');
 var slide_content = require('./components/slide/components/slide_content.js');
 var slide_footer = require('./components/slide/components/slide_footer.js');
 var slide_header = require('./components/slide/components/slide_header.js');
 var slide_sub_header = require('./components/slide/components/slide_sub_header.js');
 var slide_wrapper = require('./components/slide/components/slide_wrapper.js');
-var index$C = require('./components/spacing/index.js');
+var index$D = require('./components/spacing/index.js');
 var tabs = require('./components/tabs/components/tabs.js');
 var tabs_item = require('./components/tabs/components/tabs_item.js');
 var tabs_item_list = require('./components/tabs/components/tabs_item_list.js');
@@ -85,21 +89,21 @@ var tabs_panel = require('./components/tabs/components/tabs_panel.js');
 var tabs_panel_list = require('./components/tabs/components/tabs_panel_list.js');
 var tabs_wrapper = require('./components/tabs/components/tabs_wrapper.js');
 var index$2 = require('./components/tooltip/index.js');
-var index$P = require('./components/tree/index.js');
+var index$Q = require('./components/tree/index.js');
 var tree_node = require('./components/tree/components/tree_node.js');
 var values_syncer = require('./components/controls/components/values_syncer.js');
-var index$L = require('./components/with_loader/index.js');
+var index$M = require('./components/with_loader/index.js');
 
 
 
-exports.AbsoluteModal = index$u['default'];
+exports.AbsoluteModal = index$v['default'];
 exports.Accordion = index['default'];
 exports.Stack = index$8['default'];
-exports.Breadcrumbs = index$R.Breadcrumbs;
+exports.Breadcrumbs = index$S.Breadcrumbs;
 exports.Button = index$1['default'];
 exports.ButtonsGroup = index$3['default'];
-exports.DropdownContext = index$B.DropdownContext;
-exports.useDropdownContext = index$B.useDropdownContext;
+exports.DropdownContext = index$C.DropdownContext;
+exports.useDropdownContext = index$C.useDropdownContext;
 exports.ColorPicker = index$k['default'];
 exports.useClickOutside = use_click_outside.useClickOutside;
 exports.IconArrow = icon_arrow['default'];
@@ -107,11 +111,11 @@ exports.IconTick = icon_tick['default'];
 exports.Label = index$7['default'];
 exports.Control = index$9['default'];
 exports.useToggle = use_toggle.useToggle;
-exports.Hint = index$G['default'];
+exports.Hint = index$H['default'];
 exports.ControlCheckbox = index$b['default'];
 exports.Dropdown = index$4['default'];
 exports.ColorPickerNew = index$l['default'];
-exports.ControlCellSelector = index$F['default'];
+exports.ControlCellSelector = index$G['default'];
 exports.ControlCheckboxSwitch = index$c['default'];
 exports.ControlColorPicker = index$m['default'];
 exports.ControlColorPickerNew = index$n['default'];
@@ -119,31 +123,33 @@ exports.Select = index$5['default'];
 exports.Datepicker = index$j['default'];
 exports.IconCalendar = icon_calendar['default'];
 exports.ControlDatepicker = index$o['default'];
-exports.FilePicker = index$D['default'];
+exports.FilePicker = index$E['default'];
 exports.ControlFilePicker = index$p['default'];
 exports.ControlInput = index$a['default'];
 exports.MultiSelect = index$6['default'];
 exports.ControlMultiSelect = index$g['default'];
 exports.ControlRadio = index$d['default'];
-exports.ControlRadioGroup = index$H['default'];
+exports.ControlRadioGroup = index$I['default'];
 exports.ControlRange = index$f['default'];
 exports.ControlSelect = index$e['default'];
-exports.Tag = index$w['default'];
-exports.TagsSelector = index$x['default'];
-exports.ControlTagsSelector = index$y['default'];
+exports.Tag = index$x['default'];
+exports.TagsSelector = index$y['default'];
+exports.ControlTagsSelector = index$z['default'];
 exports.ControlTextarea = index$h['default'];
-exports.ImagePicker = index$E['default'];
-exports.XhrImagePicker = index$O['default'];
+exports.ImagePicker = index$F['default'];
+exports.ModalNew = modal.ModalNew;
+exports.Pintura = index$T.Pintura;
+exports.XhrImagePicker = index$P['default'];
 exports.ControlXhrImagePicker = index$q['default'];
-exports.Table = index$z['default'];
+exports.Table = index$A['default'];
 exports.DataTable = dataTable['default'];
 exports.FlashMessengerContext = context.FlashMessengerContext;
 exports.useFlashMessenger = context.useFlashMessenger;
-exports.MessageBox = index$I['default'];
+exports.MessageBox = index$J['default'];
 exports.FlashMessagesList = flash_messages_list['default'];
-exports.FlashMessenger = index$J['default'];
+exports.FlashMessenger = index$K['default'];
 exports.Gallery = index$i['default'];
-exports.Grid = index$A['default'];
+exports.Grid = index$B['default'];
 exports.Typography = index$s.Typography;
 exports.Heading = index$r['default'];
 exports.IconDesktop = icon_desktop['default'];
@@ -151,25 +157,27 @@ exports.IconLaptop = icon_laptop['default'];
 exports.IconMobile = icon_mobile['default'];
 exports.IconTablet = icon_tablet['default'];
 exports.IconWarning = icon_warning['default'];
-exports.Link = index$M['default'];
-exports.Loader = index$K['default'];
+exports.Link = index$N['default'];
+exports.Loader = index$L['default'];
 exports.Modal = index$t['default'];
 exports.ModalContext = modal_context.ModalContext;
 exports.ModalProvider = modal_provider['default'];
-exports.RelativeModal = index$v['default'];
-exports.ScrollSync = index$Q.ScrollSync;
+exports.useModals = use_modals['default'];
+exports.ModalsManager = index$u['default'];
+exports.RelativeModal = index$w['default'];
+exports.ScrollSync = index$R.ScrollSync;
 exports.ScrollSyncContainer = scroll_sync_container.ScrollSyncContainer;
 exports.SearchList = search_list.SearchList;
 exports.useSearchList = use_search_list.useSearchList;
 exports.SearchListInput = search_list_input.SearchListInput;
 exports.SearchListResults = search_list_results.SearchListResults;
-exports.Slide = index$N['default'];
+exports.Slide = index$O['default'];
 exports.SlideContent = slide_content.SlideContent;
 exports.SlideFooter = slide_footer.SlideFooter;
 exports.SlideHeader = slide_header.SlideHeader;
 exports.SlideSubHeader = slide_sub_header.SlideSubHeader;
 exports.SlideWrapper = slide_wrapper.SlideWrapper;
-exports.Spacing = index$C['default'];
+exports.Spacing = index$D['default'];
 exports.Tabs = tabs['default'];
 exports.TabsItem = tabs_item.TabsItem;
 exports.TabsItemList = tabs_item_list.TabsItemList;
@@ -177,8 +185,8 @@ exports.TabsPanel = tabs_panel.TabsPanel;
 exports.TabsPanelList = tabs_panel_list.TabsPanelList;
 exports.TabsWrapper = tabs_wrapper['default'];
 exports.Tooltip = index$2['default'];
-exports.Tree = index$P.Tree;
+exports.Tree = index$Q.Tree;
 exports.TreeNode = tree_node.TreeNode;
 exports.ValuesSyncer = values_syncer['default'];
-exports.WithLoader = index$L['default'];
+exports.WithLoader = index$M['default'];
 //# sourceMappingURL=index.js.map

package/build/cjs/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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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/star_core/build/esm/packages/star_core/src/classes/axios_http_client/axios_http_client.js

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

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