@dreamcommerce/aurora 3.1.30 → 3.1.32-1

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

package/build/cjs/packages/aurora/src/components/resizable/hooks/use_resizable.js

@@ -0,0 +1,79 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var _rollupPluginBabelHelpers = require('../../../../../../_virtual/_rollupPluginBabelHelpers.js');
+var resizable_container_constants = require('../resizable_container_constants.js');
+var resizable_utils = require('../resizable_utils.js');
+
+var useResizable = function useResizable(name, variant, widthConfig) {
+  var storageKey = "sve_resizable_".concat(name, "_width");
+  var _useState = React.useState(false),
+    _useState2 = _rollupPluginBabelHelpers.slicedToArray(_useState, 2),
+    isResizing = _useState2[0],
+    setIsResizing = _useState2[1];
+  var isResizingRef = React.useRef(false);
+  var resizingDirection = React.useRef(resizable_container_constants.RESIZING_DIRECTIONS.left);
+  var initialMouseX = React.useRef(0);
+  var initialWidth = React.useRef(0);
+  var _useState3 = React.useState(function () {
+      return resizable_utils.getInitialWidth(storageKey, widthConfig);
+    }),
+    _useState4 = _rollupPluginBabelHelpers.slicedToArray(_useState3, 2),
+    width = _useState4[0],
+    setWidth = _useState4[1];
+  var widthRef = React.useRef(width);
+  var handleMouseMove = React.useCallback(function (e) {
+    if (!isResizingRef.current) return;
+    var direction = variant === 'horizontal' ? resizingDirection.current : variant;
+    var newWidth = calculateNewWidth(e.clientX, direction, widthConfig, initialMouseX.current, initialWidth.current);
+    widthRef.current = newWidth;
+    setWidth(newWidth);
+  }, []);
+  var handleMouseUp = React.useCallback(function () {
+    if (!isResizingRef.current) return;
+    isResizingRef.current = false;
+    setIsResizing(false);
+    resizable_utils.removeEventListeners({
+      mousemove: handleMouseMove,
+      mouseup: handleMouseUp
+    });
+    resizable_utils.saveWidthToStorage(storageKey, widthRef.current);
+  }, []);
+  var handleResizing = React.useCallback(function (e, direction) {
+    e.preventDefault();
+    isResizingRef.current = true;
+    setIsResizing(true);
+    resizingDirection.current = direction;
+    initialMouseX.current = e.clientX;
+    initialWidth.current = widthRef.current;
+    resizable_utils.addEventListeners({
+      mousemove: handleMouseMove,
+      mouseup: handleMouseUp
+    });
+  }, []);
+  var calculateNewWidth = function calculateNewWidth(clientX, direction, widthConfig, initialMouseX, initialWidth) {
+    var min = widthConfig.min,
+      max = widthConfig.max;
+    var mouseDelta = clientX - initialMouseX;
+    var newWidth = direction === resizable_container_constants.RESIZING_DIRECTIONS.left ? initialWidth - mouseDelta : initialWidth + mouseDelta;
+    return Math.min(Math.max(newWidth, min), max);
+  };
+  React.useEffect(function () {
+    return function () {
+      resizable_utils.removeEventListeners({
+        mousemove: handleMouseMove,
+        mouseup: handleMouseUp
+      });
+    };
+  }, []);
+  return {
+    isResizing: isResizing,
+    currentWidth: width,
+    handleResizing: handleResizing
+  };
+};
+
+exports.default = useResizable;
+//# sourceMappingURL=use_resizable.js.map

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

package/build/cjs/packages/aurora/src/components/resizable/hooks/use_resizable_context.js

@@ -0,0 +1,17 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var resizable_context = require('../resizable_context.js');
+
+function useResizableContext() {
+  var context = React.useContext(resizable_context.ResizableContext);
+  if (!context) {
+    throw new Error("Resizable component cannot be rendered outside the ResizableProvider component");
+  }
+  return context;
+}
+
+exports.useResizableContext = useResizableContext;
+//# sourceMappingURL=use_resizable_context.js.map

package/build/cjs/packages/aurora/src/components/resizable/hooks/use_resizable_context.js.map

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

package/build/cjs/packages/aurora/src/components/resizable/resizable.js

@@ -0,0 +1,44 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var use_resizable = require('./hooks/use_resizable.js');
+var resizable_context = require('./resizable_context.js');
+var resizable_pure = require('./components/resizable_pure.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+var Resizable = function Resizable(_ref) {
+  var name = _ref.name,
+    children = _ref.children,
+    _ref$variant = _ref.variant,
+    variant = _ref$variant === void 0 ? 'left' : _ref$variant,
+    widthConfig = _ref.widthConfig,
+    onResize = _ref.onResize,
+    className = _ref.className;
+  var _useResizable = use_resizable['default'](name, variant, widthConfig),
+    isResizing = _useResizable.isResizing,
+    currentWidth = _useResizable.currentWidth,
+    handleResizing = _useResizable.handleResizing;
+  var contextVal = React.useMemo(function () {
+    return {
+      isResizing: isResizing,
+      currentWidth: currentWidth,
+      handleResizing: handleResizing
+    };
+  }, [isResizing, currentWidth, handleResizing]);
+  return /*#__PURE__*/React__default['default'].createElement(resizable_context.ResizableContext.Provider, {
+    value: contextVal
+  }, /*#__PURE__*/React__default['default'].createElement(resizable_pure.ResizablePure, {
+    className: className || '',
+    variant: variant,
+    widthConfig: widthConfig,
+    onResize: onResize
+  }, children));
+};
+
+exports.Resizable = Resizable;
+//# sourceMappingURL=resizable.js.map

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

package/build/cjs/packages/aurora/src/components/resizable/resizable_container_constants.js

@@ -0,0 +1,21 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var RESIZE_HANDLE_VARIANTS = {
+  left: 'left',
+  right: 'right',
+  horizontal: 'horizontal'
+};
+var RESIZING_DIRECTIONS = {
+  left: 'left',
+  right: 'right'
+};
+var HANDLE_HOVER_SPACE = 8;
+var RESIZABLE_CONTAINER_RESIZER_CLASS = 'js__resizable-container-resizer';
+
+exports.HANDLE_HOVER_SPACE = HANDLE_HOVER_SPACE;
+exports.RESIZABLE_CONTAINER_RESIZER_CLASS = RESIZABLE_CONTAINER_RESIZER_CLASS;
+exports.RESIZE_HANDLE_VARIANTS = RESIZE_HANDLE_VARIANTS;
+exports.RESIZING_DIRECTIONS = RESIZING_DIRECTIONS;
+//# sourceMappingURL=resizable_container_constants.js.map

package/build/cjs/packages/aurora/src/components/resizable/resizable_container_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;"}

package/build/cjs/packages/aurora/src/components/resizable/resizable_context.js

@@ -0,0 +1,14 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+
+var ResizableContext = /*#__PURE__*/React.createContext({
+  isResizing: false,
+  currentWidth: 0,
+  handleResizing: function handleResizing() {}
+});
+
+exports.ResizableContext = ResizableContext;
+//# sourceMappingURL=resizable_context.js.map

package/build/cjs/packages/aurora/src/components/resizable/resizable_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;"}

package/build/cjs/packages/aurora/src/components/resizable/resizable_utils.js

@@ -0,0 +1,37 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _rollupPluginBabelHelpers = require('../../../../../_virtual/_rollupPluginBabelHelpers.js');
+
+var getInitialWidth = function getInitialWidth(name, widthConfig) {
+  if (typeof window === 'undefined' || typeof localStorage === 'undefined') return widthConfig.default;
+  var saved = localStorage.getItem(name);
+  return saved ? Number(saved) : widthConfig.default;
+};
+var saveWidthToStorage = function saveWidthToStorage(name, width) {
+  if (typeof window === 'undefined' || typeof localStorage === 'undefined') return;
+  localStorage.setItem(name, width.toString());
+};
+var addEventListeners = function addEventListeners(events) {
+  Object.entries(events).forEach(function (_ref) {
+    var _ref2 = _rollupPluginBabelHelpers.slicedToArray(_ref, 2),
+      eventType = _ref2[0],
+      handler = _ref2[1];
+    document.addEventListener(eventType, handler);
+  });
+};
+var removeEventListeners = function removeEventListeners(events) {
+  Object.entries(events).forEach(function (_ref3) {
+    var _ref4 = _rollupPluginBabelHelpers.slicedToArray(_ref3, 2),
+      eventType = _ref4[0],
+      handler = _ref4[1];
+    document.removeEventListener(eventType, handler);
+  });
+};
+
+exports.addEventListeners = addEventListeners;
+exports.getInitialWidth = getInitialWidth;
+exports.removeEventListeners = removeEventListeners;
+exports.saveWidthToStorage = saveWidthToStorage;
+//# sourceMappingURL=resizable_utils.js.map

package/build/cjs/packages/aurora/src/components/resizable/resizable_utils.js.map

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

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

@@ -23,12 +23,10 @@ var XhrImagePicker = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   var id = _ref.id,
     url = _ref.url,
     name = _ref.name,
-    onUploaded = _ref.onUploaded,
     initialFile = _ref.initialFile,
     errors = _ref.errors,
     onError = _ref.onError,
     onChange = _ref.onChange,
-    onImageSizeUpdated = _ref.onImageSizeUpdated,
     _ref$allowedExtension = _ref.allowedExtensions,
     allowedExtensions = _ref$allowedExtension === void 0 ? [image_picker_constants.IMAGE_PICKER_EXTENSIONS.WEBP, image_picker_constants.IMAGE_PICKER_EXTENSIONS.JPG, image_picker_constants.IMAGE_PICKER_EXTENSIONS.PNG, image_picker_constants.IMAGE_PICKER_EXTENSIONS.GIF, image_picker_constants.IMAGE_PICKER_EXTENSIONS.SVG, image_picker_constants.IMAGE_PICKER_EXTENSIONS.JPEG] : _ref$allowedExtension,
     allowedExtensionsLabel = _ref.allowedExtensionsLabel,
@@ -38,165 +36,159 @@ var XhrImagePicker = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     t = _useTranslation2[0];
   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(),
+  var _useState = React.useState(initialFile ? _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, initialFile), {}, {
+      fileExtension: utilities.FileUtils.getFileExtension(initialFile.fileName),
+      fileDataUrl: null,
+      size: null
+    }) : null),
     _useState2 = _rollupPluginBabelHelpers.slicedToArray(_useState, 2),
-    initialImage = _useState2[0],
-    setInitialImage = _useState2[1];
-  var _useState3 = React.useState(),
+    image = _useState2[0],
+    setImage = _useState2[1];
+  var _useState3 = React.useState(false),
     _useState4 = _rollupPluginBabelHelpers.slicedToArray(_useState3, 2),
-    image = _useState4[0],
-    setImage = _useState4[1];
-  var _useState5 = React.useState(''),
-    _useState6 = _rollupPluginBabelHelpers.slicedToArray(_useState5, 2),
-    imageEditorSrc = _useState6[0],
-    setImageEditorSrc = _useState6[1];
-  var _useState7 = React.useState(),
-    _useState8 = _rollupPluginBabelHelpers.slicedToArray(_useState7, 2),
-    imageEditorResult = _useState8[0],
-    setImageEditorResult = _useState8[1];
-  var _useState9 = React.useState(false),
-    _useState10 = _rollupPluginBabelHelpers.slicedToArray(_useState9, 2),
-    isLoading = _useState10[0],
-    setIsLoading = _useState10[1];
-  var _useState11 = React.useState(),
-    _useState12 = _rollupPluginBabelHelpers.slicedToArray(_useState11, 2),
-    imageExtenstion = _useState12[0],
-    setImageExtenstion = _useState12[1];
-  var fileAsDataUrlRef = React.useRef(undefined);
-  var handleControlChange = /*#__PURE__*/function () {
-    var _ref2 = _rollupPluginBabelHelpers.asyncToGenerator(/*#__PURE__*/_rollupPluginBabelHelpers.regeneratorRuntime().mark(function _callee(file) {
-      var fileList, fileAsDataUrl, _httpApi$fetch, response, cancelRequest, responseObject, _responseObject$data$, paths;
+    isLoading = _useState4[0],
+    setIsLoading = _useState4[1];
+  var createImageFromUrl = React.useCallback(/*#__PURE__*/function () {
+    var _ref2 = _rollupPluginBabelHelpers.asyncToGenerator(/*#__PURE__*/_rollupPluginBabelHelpers.regeneratorRuntime().mark(function _callee(url) {
+      var img;
       return _rollupPluginBabelHelpers.regeneratorRuntime().wrap(function _callee$(_context) {
         while (1) switch (_context.prev = _context.next) {
           case 0:
-            fileList = file.fileList, fileAsDataUrl = file.fileAsDataUrl;
-            fileList && setImage(fileList[0]);
-            onChange === null || onChange === void 0 ? void 0 : onChange({
-              fileList: fileList,
-              fileAsDataUrl: fileAsDataUrl
-            });
-            fileAsDataUrlRef.current = fileAsDataUrl;
-            if (!(!fileList || !fileList.length || fileAsDataUrl)) {
-              _context.next = 6;
-              break;
-            }
-            return _context.abrupt("return");
-          case 6:
+            img = new Image();
+            img.src = url;
+            _context.next = 4;
+            return img.decode();
+          case 4:
+            return _context.abrupt("return", img);
+          case 5:
+          case "end":
+            return _context.stop();
+        }
+      }, _callee);
+    }));
+    return function (_x) {
+      return _ref2.apply(this, arguments);
+    };
+  }(), []);
+  var initialFileUrl = initialFile === null || initialFile === void 0 ? void 0 : initialFile.fileUrl;
+  var imageUrlRef = React.useRef('');
+  var imageSize = image === null || image === void 0 ? void 0 : image.size;
+  React.useEffect(function () {
+    var setImageSizeBasedOnUrl = function setImageSizeBasedOnUrl(fileUrl) {
+      createImageFromUrl(fileUrl).then(function (image) {
+        var size = {
+          width: image.naturalWidth,
+          height: image.naturalHeight
+        };
+        setImage(function (img) {
+          return img ? _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, img), {}, {
+            size: size
+          }) : null;
+        });
+      });
+    };
+    if (!!initialFileUrl && imageUrlRef.current !== initialFileUrl) {
+      imageUrlRef.current = initialFileUrl;
+      if (!imageSize) setImageSizeBasedOnUrl(initialFileUrl);
+    }
+  }, [createImageFromUrl, imageSize, initialFileUrl]);
+  var handleControlChange = React.useCallback(/*#__PURE__*/function () {
+    var _ref3 = _rollupPluginBabelHelpers.asyncToGenerator(/*#__PURE__*/_rollupPluginBabelHelpers.regeneratorRuntime().mark(function _callee2(file) {
+      var _responseObject$data$2;
+      var _httpApi$fetch, response, cancelRequest, responseObject, _responseObject$data$, img, size, newImage, paths;
+      return _rollupPluginBabelHelpers.regeneratorRuntime().wrap(function _callee2$(_context2) {
+        while (1) switch (_context2.prev = _context2.next) {
+          case 0:
             if (pendingRequestRef.current) {
               pendingRequestRef.current();
               pendingRequestRef.current = undefined;
             }
+            if (file) {
+              _context2.next = 5;
+              break;
+            }
+            setImage(null);
+            onChange === null || onChange === void 0 ? void 0 : onChange(null);
+            return _context2.abrupt("return");
+          case 5:
             setIsLoading(true);
             _httpApi$fetch = httpApi.fetch({
               url: url,
               method: http_requester_contants.REQUEST_TYPES.post,
-              data: fileList[0]
+              data: file
             }), response = _httpApi$fetch.response, cancelRequest = _httpApi$fetch.cancelRequest;
             pendingRequestRef.current = cancelRequest;
-            _context.prev = 10;
-            _context.next = 13;
+            _context2.prev = 8;
+            _context2.next = 11;
             return response;
-          case 13:
-            responseObject = _context.sent;
-            _context.next = 19;
+          case 11:
+            responseObject = _context2.sent;
+            _context2.next = 18;
             break;
-          case 16:
-            _context.prev = 16;
-            _context.t0 = _context["catch"](10);
+          case 14:
+            _context2.prev = 14;
+            _context2.t0 = _context2["catch"](8);
             onError === null || onError === void 0 ? void 0 : onError([t('File upload failed')]);
-          case 19:
-            _context.prev = 19;
             setIsLoading(false);
-            return _context.finish(19);
-          case 22:
+          case 18:
             if (responseObject) {
-              _context.next = 24;
+              _context2.next = 20;
               break;
             }
-            return _context.abrupt("return");
-          case 24:
+            return _context2.abrupt("return");
+          case 20:
             if (!(responseObject.data.isSuccess === false)) {
-              _context.next = 27;
+              _context2.next = 23;
               break;
             }
             onError === null || onError === void 0 ? void 0 : onError((_responseObject$data$ = responseObject.data.messages) !== null && _responseObject$data$ !== void 0 ? _responseObject$data$ : [t('File upload failed')]);
-            return _context.abrupt("return");
-          case 27:
+            return _context2.abrupt("return");
+          case 23:
+            _context2.next = 25;
+            return createImageFromUrl(URL.createObjectURL(file));
+          case 25:
+            img = _context2.sent;
+            size = {
+              width: img.naturalWidth,
+              height: img.naturalHeight
+            };
+            newImage = {
+              fileName: file.name,
+              fileUrl: (_responseObject$data$2 = responseObject.data.imagePath) !== null && _responseObject$data$2 !== void 0 ? _responseObject$data$2 : URL.createObjectURL(file),
+              fileExtension: utilities.FileUtils.getFileExtension(file.name),
+              fileDataUrl: URL.createObjectURL(file),
+              size: size
+            };
             if (responseObject.data.imagePath) {
               paths = {
                 original: responseObject.data.imagePath
               };
             }
-            onUploaded === null || onUploaded === void 0 ? void 0 : onUploaded({
-              fileList: fileList,
-              dataUrl: fileAsDataUrlRef.current,
+            setImage(newImage);
+            setIsLoading(false);
+            onChange === null || onChange === void 0 ? void 0 : onChange(_rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, newImage), {}, {
               imageId: responseObject.data.imageId,
               paths: paths
-            });
-          case 29:
+            }));
+          case 32:
           case "end":
-            return _context.stop();
+            return _context2.stop();
         }
-      }, _callee, null, [[10, 16, 19, 22]]);
+      }, _callee2, null, [[8, 14]]);
     }));
-    return function handleControlChange(_x) {
-      return _ref2.apply(this, arguments);
+    return function (_x2) {
+      return _ref3.apply(this, arguments);
     };
-  }();
-  React.useEffect(function () {
-    if (initialFile) {
-      setImageExtenstion(utilities.FileUtils.getFileExtension(initialFile === null || initialFile === void 0 ? void 0 : initialFile.fileName));
-      initialImageFile.current = initialFile;
-      var setFileFromUrl = /*#__PURE__*/function () {
-        var _ref3 = _rollupPluginBabelHelpers.asyncToGenerator(/*#__PURE__*/_rollupPluginBabelHelpers.regeneratorRuntime().mark(function _callee2(fileData) {
-          var response, data, file;
-          return _rollupPluginBabelHelpers.regeneratorRuntime().wrap(function _callee2$(_context2) {
-            while (1) switch (_context2.prev = _context2.next) {
-              case 0:
-                _context2.next = 2;
-                return fetch(fileData.fileUrl);
-              case 2:
-                response = _context2.sent;
-                _context2.next = 5;
-                return response.blob();
-              case 5:
-                data = _context2.sent;
-                file = new File([data], fileData.fileName);
-                setInitialImage(file);
-              case 8:
-              case "end":
-                return _context2.stop();
-            }
-          }, _callee2);
-        }));
-        return function setFileFromUrl(_x2) {
-          return _ref3.apply(this, arguments);
-        };
-      }();
-      if (!initialImageFile.current) return;
-      setFileFromUrl(initialImageFile.current);
-    }
-  }, []);
-  React.useEffect(function () {
-    image && setImageExtenstion(utilities.FileUtils.getFileExtension(image === null || image === void 0 ? void 0 : image.name));
-  }, [image]);
-  React.useEffect(function () {
-    var src = image !== null && image !== void 0 ? image : initialImage;
-    setImageEditorSrc(src !== null && src !== void 0 ? src : '');
-  }, [image, initialImage, isLoading]);
+  }(), [createImageFromUrl, httpApi, onChange, onError, t, url]);
   React.useEffect(function () {
     return function () {
       if (pendingRequestRef.current) pendingRequestRef.current();
     };
   }, []);
-  var renderImageEditor = function renderImageEditor(defaultProps) {
-    return ImageEditor ? (/*#__PURE__*/React__default['default'].createElement("div", null, /*#__PURE__*/React__default['default'].createElement(ImageEditor, _rollupPluginBabelHelpers.objectSpread2({}, defaultProps)))) : null;
-  };
   return /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, /*#__PURE__*/React__default['default'].createElement("div", {
     className: "aurora-relative"
   }, isLoading && (/*#__PURE__*/React__default['default'].createElement("div", {
@@ -213,9 +205,8 @@ var XhrImagePicker = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     errors: errors,
     allowedExtensions: allowedExtensions,
     allowedExtensionsLabel: allowedExtensionsLabel,
-    initialFile: initialImageFile.current,
-    onImageSizeUpdated: onImageSizeUpdated,
-    topButtons: !!ImageEditor && imageExtenstion !== 'svg' && (/*#__PURE__*/React__default['default'].createElement("button", {
+    file: image,
+    topButtons: !!ImageEditor && image && image.fileExtension !== 'svg' && (/*#__PURE__*/React__default['default'].createElement("button", {
       onClick: function onClick(e) {
         e.preventDefault();
         e.stopPropagation();
@@ -228,19 +219,19 @@ var XhrImagePicker = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     }), /*#__PURE__*/React__default['default'].createElement("span", {
       className: "aurora-text-xs aurora-text aurora-font-semibold"
     }, "".concat(t('Edit'))))),
-    editedImageResult: imageEditorResult,
     ref: ref
   })), !!ImageEditor && (/*#__PURE__*/React__default['default'].createElement(modal.Modal, {
     name: modalId,
     header: /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, t('Edit image')),
     width: "l"
-  }, renderImageEditor({
-    src: imageEditorSrc,
+  }, /*#__PURE__*/React__default['default'].createElement("div", null, /*#__PURE__*/React__default['default'].createElement(ImageEditor, {
+    src: image === null || image === void 0 ? void 0 : image.fileUrl,
     onEditionDone: function onEditionDone(result) {
       hideModal(modalId);
-      setImageEditorResult(result);
+      if (!result) return;
+      handleControlChange(result);
     }
-  }))));
+  })))));
 });
 XhrImagePicker.displayName = 'XhrImagePicker';
 

package/build/cjs/packages/aurora/src/components/xhr_image_picker/xhr_image_picker.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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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

@@ -131,6 +131,7 @@ var toast_viewport = require('./components/toast/components/toast_viewport.js');
 var anchor_presets_constants = require('./components/anchor_presets/anchor_presets_constants.js');
 var anchor_presets = require('./components/anchor_presets/anchor_presets.js');
 var anchor_presets_control = require('./components/controls/anchor_presets_control/anchor_presets_control.js');
+var resizable = require('./components/resizable/resizable.js');
 
 
 
@@ -283,4 +284,5 @@ exports.ToastViewport = toast_viewport.ToastViewport;
 exports.ANCHOR_PRESETS_VALUES = anchor_presets_constants.ANCHOR_PRESETS_VALUES;
 exports.AnchorPresets = anchor_presets.AnchorPresets;
 exports.AnchorPresetsControl = anchor_presets_control.AnchorPresetsControl;
+exports.Resizable = resizable.Resizable;
 //# 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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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/controls/xhr_image_picker_control/xhr_image_picker_control.js

@@ -1,4 +1,4 @@
-import React__default, { forwardRef } from 'react';
+import React__default, { forwardRef, useCallback } from 'react';
 import { Control } from '../../control/control.js';
 import { HelperText } from '../../helper_text/helper_text.js';
 import { Label } from '../../label/label.js';
@@ -17,23 +17,16 @@ var XhrImagePickerControl = /*#__PURE__*/forwardRef(function (_ref, ref) {
     className = _ref.className,
     errors = _ref.errors,
     tooltip = _ref.tooltip,
-    onUploaded = _ref.onUploaded,
     helperText = _ref.helperText,
-    onImageSizeUpdated = _ref.onImageSizeUpdated,
     ImageEditor = _ref.ImageEditor,
     onError = _ref.onError;
-  var handleControlError = function handleControlError(errors) {
+  var handleControlError = useCallback(function (errors) {
     onError === null || onError === void 0 ? void 0 : onError(errors);
-  };
-  var handleControlChange = function handleControlChange(file) {
-    var fileList = file.fileList,
-      fileAsDataUrl = file.fileAsDataUrl;
+  }, [onError]);
+  var handleControlChange = useCallback(function (val) {
     onError === null || onError === void 0 ? void 0 : onError([]);
-    onChange === null || onChange === void 0 ? void 0 : onChange({
-      fileList: fileList,
-      fileAsDataUrl: fileAsDataUrl
-    });
-  };
+    onChange === null || onChange === void 0 ? void 0 : onChange(val);
+  }, [onChange, onError]);
   return /*#__PURE__*/React__default.createElement(Control, {
     classname: "aurora-flex-col"
   }, label ? (/*#__PURE__*/React__default.createElement(Label, {
@@ -51,8 +44,6 @@ var XhrImagePickerControl = /*#__PURE__*/forwardRef(function (_ref, ref) {
     initialFile: initialFile,
     className: className,
     errors: errors,
-    onUploaded: onUploaded,
-    onImageSizeUpdated: onImageSizeUpdated,
     ImageEditor: ImageEditor,
     ref: ref
   }), helperText ? /*#__PURE__*/React__default.createElement(HelperText, null, helperText) : null);

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