@dreamcommerce/aurora 3.1.31 → 3.1.32

package/build/cjs/packages/aurora/src/components/controls/xhr_image_picker_control/xhr_image_picker_control.js

@@ -25,23 +25,16 @@ var XhrImagePickerControl = /*#__PURE__*/React.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 = React.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 = React.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['default'].createElement(control.Control, {
     classname: "aurora-flex-col"
   }, label$1 ? (/*#__PURE__*/React__default['default'].createElement(label.Label, {
@@ -59,8 +52,6 @@ var XhrImagePickerControl = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     initialFile: initialFile,
     className: className,
     errors: errors,
-    onUploaded: onUploaded,
-    onImageSizeUpdated: onImageSizeUpdated,
     ImageEditor: ImageEditor,
     ref: ref
   }), helperText ? /*#__PURE__*/React__default['default'].createElement(helper_text.HelperText, null, helperText) : null);

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

package/build/cjs/packages/aurora/src/components/image_picker/components/image_picker_preview.js

@@ -10,7 +10,6 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
 var ImagePickerPreview = function ImagePickerPreview(_ref) {
   var file = _ref.file,
-    onError = _ref.onError,
     onLoad = _ref.onLoad;
   return /*#__PURE__*/React__default['default'].createElement("div", {
     className: "aurora-rounded-4 aurora-w-full aurora-h-full aurora-min-h-16 aurora-flex aurora-justify-center aurora-items-center"
@@ -18,7 +17,6 @@ var ImagePickerPreview = function ImagePickerPreview(_ref) {
     className: "aurora-rounded-4 aurora-w-full aurora-h-full aurora-object-contain",
     alt: file.fileName,
     src: (file === null || file === void 0 ? void 0 : file.fileUrl) || '',
-    onError: onError,
     onLoad: onLoad
   }));
 };

package/build/cjs/packages/aurora/src/components/image_picker/components/image_picker_preview.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;"}
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

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

@@ -29,94 +29,28 @@ var ImagePicker = /*#__PURE__*/React.memo(/*#__PURE__*/React.forwardRef(function
     _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,
-    initialFile = _ref.initialFile,
     name = _ref.name,
-    onImageSizeUpdated = _ref.onImageSizeUpdated,
     topButtons = _ref.topButtons,
-    editedImageResult = _ref.editedImageResult;
+    file = _ref.file;
   var _useTranslation = useTranslation.useTranslation(),
     _useTranslation2 = _rollupPluginBabelHelpers.slicedToArray(_useTranslation, 1),
     t = _useTranslation2[0];
   var inputRef = /*#__PURE__*/React.createRef();
-  var handleOnChange = function handleOnChange(ev) {
-    var _ev$fileList;
-    onChange === null || onChange === void 0 ? void 0 : onChange(ev);
-    if ((_ev$fileList = ev.fileList) !== null && _ev$fileList !== void 0 && _ev$fileList.length) {
-      setImageSizeBasedOnUrl(URL.createObjectURL(ev.fileList[0]));
-    }
-  };
   var _useImagePicker = use_image_picker.useImagePicker({
-      initialFile: initialFile,
-      onChange: handleOnChange,
+      onChange: onChange,
       allowedExtensions: allowedExtensions,
-      onError: onError,
-      inputRef: inputRef
+      onError: onError
     }),
+    updateFile = _useImagePicker.updateFile,
     onDropFile = _useImagePicker.onDropFile,
-    onFileChange = _useImagePicker.onFileChange,
     onDragOver = _useImagePicker.onDragOver,
     onDragLeave = _useImagePicker.onDragLeave,
-    onFileDelete = _useImagePicker.onFileDelete,
-    onPreviewError = _useImagePicker.onPreviewError,
-    changeFile = _useImagePicker.changeFile,
-    file = _useImagePicker.file,
-    isPreview = _useImagePicker.isPreview,
     isDragOver = _useImagePicker.isDragOver;
-  var _useState = React.useState(undefined),
-    _useState2 = _rollupPluginBabelHelpers.slicedToArray(_useState, 2),
-    imageSize = _useState2[0],
-    setImageSize = _useState2[1];
   var acceptFiles = image_picker_utils.getAcceptFilesParametersFromAllowedExtensions(allowedExtensions);
-  React.useEffect(function () {
-    initialFile && setImageSizeBasedOnUrl(initialFile === null || initialFile === void 0 ? void 0 : initialFile.fileUrl);
-  }, [initialFile]);
-  React.useEffect(function () {
-    if (!editedImageResult) return;
-    var fileList = createFileList(editedImageResult);
-    changeFile(fileList);
-  }, [editedImageResult]);
-  var createFileList = function createFileList(file) {
-    var fileArray = [];
-    fileArray.push(file);
-    return fileArray;
-  };
-  var setImageSizeBasedOnUrl = function setImageSizeBasedOnUrl(fileUrl) {
-    createImageFromUrl(fileUrl).then(function (image) {
-      var size = {
-        width: image.naturalWidth,
-        height: image.naturalHeight
-      };
-      setImageSize(size);
-      onImageSizeUpdated === null || onImageSizeUpdated === void 0 ? void 0 : onImageSizeUpdated(size);
-    });
-  };
-  var createImageFromUrl = /*#__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:
-            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 createImageFromUrl(_x) {
-      return _ref2.apply(this, arguments);
-    };
-  }();
   var handleOnFileDelete = function handleOnFileDelete() {
-    onFileDelete();
-    setImageSize(undefined);
-    onImageSizeUpdated === null || onImageSizeUpdated === void 0 ? void 0 : onImageSizeUpdated(undefined);
+    updateFile(null);
   };
+  var isPreview = file !== null;
   return /*#__PURE__*/React__default['default'].createElement("div", {
     className: "aurora-mb-1"
   }, /*#__PURE__*/React__default['default'].createElement("div", {
@@ -146,17 +80,16 @@ var ImagePicker = /*#__PURE__*/React.memo(/*#__PURE__*/React.forwardRef(function
   }, topButtons && /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, topButtons), /*#__PURE__*/React__default['default'].createElement("div", {
     className: "aurora-relative"
   }, /*#__PURE__*/React__default['default'].createElement(image_picker_preview.ImagePickerPreview, {
-    file: file,
-    onError: onPreviewError
+    file: file
   })), /*#__PURE__*/React__default['default'].createElement(uploaded_image_picker_item.UploadedImagePickerItem, {
-    imageSize: imageSize,
+    imageSize: file.size,
     file: file,
     isValid: !(errors !== null && errors !== void 0 && errors.length),
     onFileDelete: handleOnFileDelete
   })), isDragOver && /*#__PURE__*/React__default['default'].createElement(image_picker_drag_over_placeholder.ImagePickerDragOverPlaceholder, {
     onDropFile: onDropFile
   }))) : (/*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, /*#__PURE__*/React__default['default'].createElement("div", null, "".concat(t('No preview'))), /*#__PURE__*/React__default['default'].createElement(image_picker_delete_button.ImagePickerDeleteButton, {
-    onFileDelete: onFileDelete
+    onFileDelete: handleOnFileDelete
   }))) : (/*#__PURE__*/React__default['default'].createElement(image_picker_input.ImagePickerInput, {
     isDragOver: isDragOver,
     allowedExtensions: allowedExtensions,
@@ -165,7 +98,11 @@ var ImagePicker = /*#__PURE__*/React.memo(/*#__PURE__*/React.forwardRef(function
     onDropFile: onDropFile
   })), /*#__PURE__*/React__default['default'].createElement("input", {
     className: "aurora-hidden",
-    onChange: onFileChange,
+    onChange: function onChange(e) {
+      var _e$target$files$, _e$target$files;
+      updateFile((_e$target$files$ = (_e$target$files = e.target.files) === null || _e$target$files === void 0 ? void 0 : _e$target$files[0]) !== null && _e$target$files$ !== void 0 ? _e$target$files$ : null);
+      e.target.value = '';
+    },
     id: id,
     ref: inputRef,
     type: "file",
@@ -174,10 +111,7 @@ var ImagePicker = /*#__PURE__*/React.memo(/*#__PURE__*/React.forwardRef(function
   }))), errors && /*#__PURE__*/React__default['default'].createElement(error_list.ErrorList, {
     errors: errors
   }));
-}), function (prev, curr) {
-  var _prev$initialFile, _curr$initialFile, _prev$initialFile2, _curr$initialFile2;
-  return ((_prev$initialFile = prev.initialFile) === null || _prev$initialFile === void 0 ? void 0 : _prev$initialFile.fileUrl) === ((_curr$initialFile = curr.initialFile) === null || _curr$initialFile === void 0 ? void 0 : _curr$initialFile.fileUrl) && ((_prev$initialFile2 = prev.initialFile) === null || _prev$initialFile2 === void 0 ? void 0 : _prev$initialFile2.fileName) === ((_curr$initialFile2 = curr.initialFile) === null || _curr$initialFile2 === void 0 ? void 0 : _curr$initialFile2.fileName) && prev.errors === curr.errors && prev.editedImageResult === curr.editedImageResult && prev.topButtons === curr.topButtons;
-});
+}));
 ImagePicker.displayName = 'ImagePicker';
 
 exports.ImagePicker = ImagePicker;

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

package/build/cjs/packages/aurora/src/components/image_picker/use_image_picker.js

@@ -9,51 +9,14 @@ var image_picker_constants = require('./image_picker_constants.js');
 
 var useImagePicker = function useImagePicker(_ref) {
   var onChange = _ref.onChange,
-    initialFile = _ref.initialFile,
     allowedExtensions = _ref.allowedExtensions,
-    inputRef = _ref.inputRef,
     onError = _ref.onError;
-  var fileListRef = React.useRef(null);
-  var _useState = React.useState(initialFile),
+  var _useState = React.useState(false),
     _useState2 = _rollupPluginBabelHelpers.slicedToArray(_useState, 2),
-    file = _useState2[0],
-    setFile = _useState2[1];
-  var _useState3 = React.useState(false),
-    _useState4 = _rollupPluginBabelHelpers.slicedToArray(_useState3, 2),
-    isDragOver = _useState4[0],
-    setDragOver = _useState4[1];
-  var _useState5 = React.useState(true),
-    _useState6 = _rollupPluginBabelHelpers.slicedToArray(_useState5, 2),
-    isPreview = _useState6[0],
-    setPreview = _useState6[1];
-  var reader = React.useRef(new FileReader());
+    isDragOver = _useState2[0],
+    setDragOver = _useState2[1];
   var dragTimeoutRef = React.useRef(null);
-  React.useEffect(function () {
-    reader.current.result && getDataUrlFromFile(reader.current.result);
-    reader.current.addEventListener('load', function () {
-      return getDataUrlFromFile(reader.current.result);
-    }, false);
-    return function () {
-      return reader.current.removeEventListener('load', function () {
-        return getDataUrlFromFile(reader.current.result);
-      });
-    };
-  }, []);
-  React.useEffect(function () {
-    setFile(initialFile);
-  }, [initialFile]);
-  var onDropFile = function onDropFile(event) {
-    onError === null || onError === void 0 ? void 0 : onError([]);
-    event.stopPropagation();
-    event.preventDefault();
-    setDragOver(false);
-    var files = event.dataTransfer.files;
-    if (!files.length) return;
-    var isValid = validateFileExtension(allowedExtensions, files[0].type);
-    if (!isValid) return;
-    updateFile(files);
-  };
-  var validateFileExtension = function validateFileExtension(allowedExtensions, mimeType) {
+  var validateFileExtension = React.useCallback(function (allowedExtensions, mimeType) {
     if (!allowedExtensions) return true;
     var isValid = allowedExtensions.reduce(function (acc, extension) {
       return acc ? acc : image_picker_constants.MIME_TYPE_TO_FILE_EXTENSIONS[mimeType] === extension;
@@ -62,41 +25,28 @@ var useImagePicker = function useImagePicker(_ref) {
       onError === null || onError === void 0 ? void 0 : onError([i18n.i18n.t(image_picker_constants.IMAGE_PICKER_ERROR.invalidFileFormat)]);
     }
     return isValid;
-  };
-  var onFileChange = function onFileChange(event) {
-    changeFile(event.target.files);
-  };
-  var changeFile = function changeFile(files) {
-    onError === null || onError === void 0 ? void 0 : onError([]);
-    updateFile(files);
-  };
-  var updateFile = function updateFile(files) {
-    if (files !== null && files !== void 0 && files.length) {
-      fileListRef.current = files;
-      reader.current.readAsDataURL(files[0]);
-      setFile({
-        fileName: files === null || files === void 0 ? void 0 : files[0].name,
-        fileUrl: URL.createObjectURL(files === null || files === void 0 ? void 0 : files[0])
-      });
-      var isValid = validateFileExtension(allowedExtensions, files[0].type);
-      if (isValid) onChange === null || onChange === void 0 ? void 0 : onChange({
-        fileList: files
-      });
+  }, [onError]);
+  var updateFile = React.useCallback(function (file) {
+    if (file) {
+      var isValid = validateFileExtension(allowedExtensions, file.type);
+      if (isValid) {
+        onError === null || onError === void 0 ? void 0 : onError([]);
+        onChange === null || onChange === void 0 ? void 0 : onChange(file);
+      }
     } else {
-      setFile(undefined);
-      onChange === null || onChange === void 0 ? void 0 : onChange({
-        fileList: files
-      });
+      onError === null || onError === void 0 ? void 0 : onError([]);
+      onChange === null || onChange === void 0 ? void 0 : onChange(null);
     }
-    setPreview(true);
-  };
-  var getDataUrlFromFile = function getDataUrlFromFile(fileReaderResult) {
-    onChange === null || onChange === void 0 ? void 0 : onChange({
-      fileList: fileListRef.current,
-      fileAsDataUrl: fileReaderResult
-    });
-  };
-  var onDragOver = function onDragOver(event) {
+  }, [allowedExtensions, onChange, onError, validateFileExtension]);
+  var onDropFile = React.useCallback(function (event) {
+    event.stopPropagation();
+    event.preventDefault();
+    setDragOver(false);
+    var files = event.dataTransfer.files;
+    if (!files.length) return;
+    updateFile(files[0]);
+  }, [updateFile]);
+  var onDragOver = React.useCallback(function (event) {
     var dt = event.dataTransfer;
     if (!dt.types || !(dt.types.indexOf ? dt.types.indexOf('Files') != -1 : dt.types.includes('Files'))) {
       return;
@@ -106,38 +56,22 @@ var useImagePicker = function useImagePicker(_ref) {
     event.dataTransfer.dropEffect = 'copy';
     setDragOver(true);
     dragTimeoutRef.current && window.clearTimeout(dragTimeoutRef.current);
-  };
-  var onDragLeave = function onDragLeave(event) {
+  }, []);
+  var onDragLeave = React.useCallback(function () {
     dragTimeoutRef.current = setTimeout(function () {
       setDragOver(false);
       dragTimeoutRef.current = null;
     }, 25);
-  };
-  var onFileDelete = function onFileDelete() {
-    inputRef.current.value = '';
-    fileListRef.current = null;
-    setFile(undefined);
-    setPreview(true);
-    onChange === null || onChange === void 0 ? void 0 : onChange({
-      fileList: null,
-      fileAsDataUrl: null
-    });
-  };
-  var onPreviewError = function onPreviewError() {
-    setPreview(false);
-  };
-  return {
-    onDropFile: onDropFile,
-    onFileChange: onFileChange,
-    onDragOver: onDragOver,
-    onDragLeave: onDragLeave,
-    onFileDelete: onFileDelete,
-    onPreviewError: onPreviewError,
-    changeFile: changeFile,
-    file: file,
-    isPreview: isPreview,
-    isDragOver: isDragOver
-  };
+  }, []);
+  return React.useMemo(function () {
+    return {
+      updateFile: updateFile,
+      onDropFile: onDropFile,
+      onDragOver: onDragOver,
+      onDragLeave: onDragLeave,
+      isDragOver: isDragOver
+    };
+  }, [updateFile, isDragOver, onDragLeave, onDragOver, onDropFile]);
 };
 
 exports.useImagePicker = useImagePicker;

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

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

@@ -32,7 +32,9 @@ var ModalContent = /*#__PURE__*/React__default['default'].forwardRef(function (_
   var _useScroll = use_scroll.useScroll(contentRef),
     atBottom = _useScroll.atBottom,
     hasScroll = _useScroll.hasScroll;
-  return /*#__PURE__*/React__default['default'].createElement(index.Content, {
+  return /*#__PURE__*/React__default['default'].createElement("div", {
+    className: "aurora-fixed aurora-w-full aurora-h-full aurora-flex aurora-z-[1000] aurora-top-0 aurora-left-0 aurora-pointer-events-none"
+  }, /*#__PURE__*/React__default['default'].createElement(index.Content, {
     onEscapeKeyDown: function onEscapeKeyDown(e) {
       if (!closeOnEscButton) e.preventDefault();
     },
@@ -59,7 +61,7 @@ var ModalContent = /*#__PURE__*/React__default['default'].forwardRef(function (_
     className: cn.cn('', {
       'aurora-border-t': hasScroll && !atBottom
     })
-  }, footer)));
+  }, footer))));
 });
 ModalContent.displayName = 'ModalContent';
 

package/build/cjs/packages/aurora/src/components/modal/components/modal/modal_content.js.map

@@ -1 +1 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,oBAAoB,wEAA4E;AAChG;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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,oBAAoB,wEAA4E;AAChG;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

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

@@ -6,7 +6,7 @@ var _rollupPluginBabelHelpers = require('../../../../../_virtual/_rollupPluginBa
 var index = require('../../../../../external/class-variance-authority/dist/index.mjs.js');
 var modal_constants = require('./modal_constants.js');
 
-var modalVariants = index.cva('aurora-flex aurora-flex-col aurora-w-full aurora-max-h-[90vh] aurora-absolute aurora-bg aurora-rounded-16 aurora-shadow-xl data-[state=open]:aurora-animate-modal-slide-in data-[state=closed]:aurora-animate-modal-slide-out aurora-z-[1000] aurora-fixed aurora-top-[50%] aurora-left-[50%] aurora-translate-x-[-50%] aurora-translate-y-[-50%] js__modal', {
+var modalVariants = index.cva('aurora-flex aurora-flex-col aurora-w-full aurora-max-h-[90vh] aurora-bg aurora-rounded-16 aurora-shadow-xl data-[state=open]:aurora-animate-modal-slide-in data-[state=closed]:aurora-animate-modal-slide-out aurora-z-[1000] aurora-m-auto aurora-pointer-events-auto js__modal', {
   variants: {
     width: _rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty({}, modal_constants.MODAL_WIDTH_VARIANT.s, 'aurora-max-w-[25rem]'), modal_constants.MODAL_WIDTH_VARIANT.m, 'aurora-max-w-[40rem]'), modal_constants.MODAL_WIDTH_VARIANT.l, 'aurora-max-w-[61rem]')
   },