@dreamcommerce/aurora 2.16.7 → 2.16.8-1

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

@@ -0,0 +1 @@
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA,OAAO,uDAA2D;AAClE,wCAAwC,mDAAuD;AAC/F,0BAA0B,+DAAmE;AAC7F,OAAO,oEAAwE;AAC/E,OAAO,sEAA0E;AACjF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

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

@@ -1,8 +1,14 @@
-import React, { useRef, useEffect } from 'react';
-import { asyncToGenerator as _asyncToGenerator, regeneratorRuntime as _regeneratorRuntime } from '../../../../../_virtual/_rollupPluginBabelHelpers.js';
+import React, { useRef, useState, useEffect } from 'react';
+import { slicedToArray as _slicedToArray, asyncToGenerator as _asyncToGenerator, regeneratorRuntime as _regeneratorRuntime } from '../../../../../_virtual/_rollupPluginBabelHelpers.js';
 import { FILES_EXTENSIONS } from '../file_picker/constants.js';
 import { REQUEST_TYPES } from '../../../../star_core/build/esm/packages/star_core/src/features/http_requester/http_requester_contants.js';
+import CSS_CLASSES from '../image_picker/css_classes.js';
+import IconImage from '../../assets/icon_image.js';
+import styles from '../../css/image_picker/main.module.less.js';
 import ImagePicker from '../image_picker/index.js';
+import { useModalsContext } from '../modal_new/hooks/use_modals_context.js';
+import { ModalNew } from '../modal_new/components/modal/modal.js';
+import { Pintura } from '../pintura/index.js';
 import { useHttpApi } from '../../hooks/use_http_api.js';
 
 var XhrImagePicker = function XhrImagePicker(_ref) {
@@ -16,11 +22,28 @@ var XhrImagePicker = function XhrImagePicker(_ref) {
       onChange = _ref.onChange,
       onImageSizeUpdated = _ref.onImageSizeUpdated,
       _ref$allowedExtension = _ref.allowedExtensions,
-      allowedExtensions = _ref$allowedExtension === void 0 ? [FILES_EXTENSIONS.WEBP, FILES_EXTENSIONS.JPG, FILES_EXTENSIONS.PNG, FILES_EXTENSIONS.GIF, FILES_EXTENSIONS.SVG, FILES_EXTENSIONS.JPEG] : _ref$allowedExtension;
+      allowedExtensions = _ref$allowedExtension === void 0 ? [FILES_EXTENSIONS.WEBP, FILES_EXTENSIONS.JPG, FILES_EXTENSIONS.PNG, FILES_EXTENSIONS.GIF, FILES_EXTENSIONS.SVG, FILES_EXTENSIONS.JPEG] : _ref$allowedExtension,
+      hasImageEditor = _ref.hasImageEditor;
   var httpApi = useHttpApi();
   var pendingRequestRef = React.useRef();
   var initialImageFile = useRef();
 
+  var _useModalsContext = useModalsContext(),
+      showModal = _useModalsContext.showModal,
+      hideModal = _useModalsContext.hideModal;
+
+  var modalId = "image-picker-editor-".concat(id);
+
+  var _useState = useState(''),
+      _useState2 = _slicedToArray(_useState, 2),
+      pinturaSrc = _useState2[0],
+      setPinturaSrc = _useState2[1];
+
+  var _useState3 = useState(),
+      _useState4 = _slicedToArray(_useState3, 2),
+      pinturaResult = _useState4[0],
+      setPinturaResult = _useState4[1];
+
   var handleControlChange = /*#__PURE__*/function () {
     var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(file) {
       var fileList, fileAsDataUrl, _httpApi$fetch, response, cancelRequest, data;
@@ -29,19 +52,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;
@@ -53,14 +77,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();
         }
@@ -80,7 +104,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.createElement(ImagePicker, {
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(ImagePicker, {
     id: id,
     name: name,
     onChange: handleControlChange,
@@ -88,8 +112,27 @@ var XhrImagePicker = function XhrImagePicker(_ref) {
     errors: errors,
     allowedExtensions: allowedExtensions,
     initialFile: initialImageFile.current,
-    onImageSizeUpdated: onImageSizeUpdated
-  });
+    onImageSizeUpdated: onImageSizeUpdated,
+    topButtons: hasImageEditor && /*#__PURE__*/React.createElement("button", {
+      className: styles[CSS_CLASSES.imagePickerEditButton],
+      onClick: function onClick() {
+        return showModal(modalId);
+      }
+    }, /*#__PURE__*/React.createElement(IconImage, null), "Edytuj"),
+    editedImageResult: pinturaResult
+  }), /*#__PURE__*/React.createElement(ModalNew, {
+    name: modalId,
+    header: {
+      content: 'Modal'
+    },
+    minWidth: "80vw"
+  }, /*#__PURE__*/React.createElement(Pintura, {
+    src: pinturaSrc,
+    onEditionDone: function onEditionDone(result) {
+      hideModal(modalId);
+      setPinturaResult(result);
+    }
+  })));
 };
 
 export default XhrImagePicker;

package/build/esm/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;"}
+{"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;"}

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

@@ -1,7 +1,8 @@
 import { IImagePicker } from "../image_picker/types";
 import { IRequestResponse } from '@dreamcommerce/star_core';
-export interface IXhrImagePickerProps extends IImagePicker {
+export interface IXhrImagePickerProps extends Omit<IImagePicker, 'topButtons'> {
     url: string;
     onUploaded?: (resp: IRequestResponse<any>, file: File) => void;
     onUploadError?: Function;
+    hasImageEditor?: boolean;
 }

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

@@ -1,6 +1,6 @@
 import styleInject from '../../../../../external/style-inject/dist/style-inject.es.js';
 
-var css_248z = "/* font colors */\n/* actions */\n/* background */\n/* errors */\n/* borders */\n/* grid */\n/* scrollBar */\n/* sizes */\n.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",
@@ -8,6 +8,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/esm/packages/aurora/src/css/image_picker/main.module.less.js.map

@@ -1 +1 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,wBAAwB,8DAAkE;AAC1F;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,wBAAwB,8DAAkE;AAC1F;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,wBAAwB,8DAAkE;AAC1F;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

package/build/esm/packages/aurora/src/index.d.ts

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

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

@@ -38,6 +38,8 @@ export { default as TagsSelector } from './components/tags_selector/index.js';
 export { default as ControlTagsSelector } from './components/controls/hoc/control_tags_selector/index.js';
 export { default as ControlTextarea } from './components/controls/hoc/control_textarea/index.js';
 export { default as ImagePicker } from './components/image_picker/index.js';
+export { ModalNew } from './components/modal_new/components/modal/modal.js';
+export { Pintura } from './components/pintura/index.js';
 export { default as XhrImagePicker } from './components/xhr_image_picker/index.js';
 export { default as ControlXhrImagePicker } from './components/controls/hoc/control_xhr_image_picker/index.js';
 export { default as Table } from './components/table/index.js';
@@ -60,6 +62,8 @@ export { default as Loader } from './components/loader/index.js';
 export { default as Modal } from './components/modal/index.js';
 export { ModalContext } from './components/modal/context/modal_context.js';
 export { default as ModalProvider } from './components/modal/hoc/modal_provider.js';
+export { default as useModals } from './components/modal_new/hooks/use_modals.js';
+export { default as ModalsManager } from './components/modal_new/index.js';
 export { default as RelativeModal } from './components/modal/hoc/relative_modal/index.js';
 export { ScrollSync } from './components/scroll_sync/index.js';
 export { ScrollSyncContainer } from './components/scroll_sync/components/scroll_sync_container.js';

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

@@ -1 +1 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

package/package.json

@@ -2,7 +2,7 @@
   "name": "@dreamcommerce/aurora",
   "packageManager": "yarn@3.2.0",
   "sideEffects": false,
-  "version": "2.16.7",
+  "version": "2.16.8-1",
   "description": "aurora",
   "author": "k0ssak",
   "license": "MIT",
@@ -45,6 +45,8 @@
   },
   "devDependencies": {
     "@dreamcommerce/utilities": "^1.13.0",
+    "@pqina/pintura": "^8.81.1",
+    "@pqina/react-pintura": "^9.0.3",
     "@shoper/jest_config": "^0.0.0",
     "@shoper/tsconfig": "^0.0.0",
     "@storybook/react": "6.5.7",