@dreamcommerce/aurora 3.1.7 → 3.1.9

package/build/esm/packages/aurora/src/components/image_picker/image_picker_delete_button.js

@@ -10,7 +10,11 @@ var ImagePickerDeleteButton = function ImagePickerDeleteButton(_ref) {
     t = _useTranslation2[0];
   return /*#__PURE__*/React.createElement("button", {
     "data-test-id": "image-picker-remove-button",
-    onClick: onFileDelete,
+    onClick: function onClick(e) {
+      e.stopPropagation();
+      e.preventDefault();
+      onFileDelete();
+    },
     className: "aurora-flex aurora-items-center aurora-gap-1 aurora-border aurora-border-danger aurora-rounded-full aurora-px-3 aurora-py-[6px]",
     type: "button"
   }, /*#__PURE__*/React.createElement(DeleteBinLineIcon, {

package/build/esm/packages/aurora/src/components/image_picker/image_picker_delete_button.js.map

@@ -1 +1 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA,+BAA+B,iEAAqE;AACpG;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,+BAA+B,iEAAqE;AACpG;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/image_picker/image_picker_types.d.ts

@@ -27,16 +27,10 @@ export interface IImagePicker {
 }
 export interface IImagePickerInput {
     id: string;
-    onDropFile: (event: React.DragEvent<HTMLLabelElement>) => void;
-    onDragOver: (event: React.DragEvent<HTMLLabelElement>) => void;
-    onDragLeave: (event: React.DragEvent<HTMLLabelElement>) => void;
     allowedExtensions: TImagePickerExtension[];
     isDragOver: boolean;
 }
 export interface IImagePickerPreviewContainer {
-    onDropFile: (event: React.DragEvent<HTMLLabelElement>) => void;
-    onDragOver: (event: React.DragEvent<HTMLLabelElement>) => void;
-    onDragLeave: (event: React.DragEvent<HTMLLabelElement>) => void;
     children: ReactNode;
     classname: string;
 }
@@ -45,9 +39,9 @@ export declare type TImageSize = {
     height: number;
 };
 export interface IUseImagePicker {
-    onDropFile: (event: React.DragEvent<HTMLLabelElement>) => void;
-    onDragOver: (event: React.DragEvent<HTMLLabelElement>) => void;
-    onDragLeave: (event: React.DragEvent<HTMLLabelElement>) => void;
+    onDropFile: (event: React.DragEvent<HTMLDivElement>) => void;
+    onDragOver: (event: React.DragEvent<HTMLDivElement>) => void;
+    onDragLeave: (event: React.DragEvent<HTMLDivElement>) => void;
     onFileChange: (event: ChangeEvent<HTMLInputElement>) => void;
     onFileDelete: () => void;
     onPreviewError: () => void;

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

@@ -23,6 +23,7 @@ var useImagePicker = function useImagePicker(_ref) {
     isPreview = _useState6[0],
     setPreview = _useState6[1];
   var reader = useRef(new FileReader());
+  var dragTimeoutRef = useRef(null);
   useEffect(function () {
     reader.current.result && getDataUrlFromFile(reader.current.result);
     reader.current.addEventListener('load', function () {
@@ -41,10 +42,11 @@ var useImagePicker = function useImagePicker(_ref) {
     onError === null || onError === void 0 ? void 0 : onError([]);
     event.stopPropagation();
     event.preventDefault();
+    setDragOver(false);
     var files = event.dataTransfer.files;
     if (!files.length) return;
-    validateFileExtension(allowedExtensions, files[0].type);
-    setDragOver(false);
+    var isValid = validateFileExtension(allowedExtensions, files[0].type);
+    if (!isValid) return;
     updateFile(files);
   };
   var validateFileExtension = function validateFileExtension(allowedExtensions, mimeType) {
@@ -52,11 +54,9 @@ var useImagePicker = function useImagePicker(_ref) {
     var isValid = allowedExtensions.reduce(function (acc, extension) {
       return acc ? acc : MIME_TYPE_TO_FILE_EXTENSIONS[mimeType] === extension;
     }, false);
-    if (isValid) {
-      return isValid;
+    if (!isValid) {
+      onError === null || onError === void 0 ? void 0 : onError([i18n.t(IMAGE_PICKER_ERROR.invalidFileFormat)]);
     }
-    var newErrors = [i18n.t(IMAGE_PICKER_ERROR.invalidFileFormat)];
-    onError === null || onError === void 0 ? void 0 : onError(newErrors);
     return isValid;
   };
   var onFileChange = function onFileChange(event) {
@@ -93,15 +93,21 @@ var useImagePicker = function useImagePicker(_ref) {
     });
   };
   var onDragOver = function onDragOver(event) {
+    var dt = event.dataTransfer;
+    if (!dt.types || !(dt.types.indexOf ? dt.types.indexOf('Files') != -1 : dt.types.includes('Files'))) {
+      return;
+    }
     event.stopPropagation();
     event.preventDefault();
     event.dataTransfer.dropEffect = 'copy';
-    if (!isDragOver) {
-      setDragOver(true);
-    }
+    setDragOver(true);
+    dragTimeoutRef.current && window.clearTimeout(dragTimeoutRef.current);
   };
-  var onDragLeave = function onDragLeave() {
-    setDragOver(false);
+  var onDragLeave = function onDragLeave(event) {
+    dragTimeoutRef.current = setTimeout(function () {
+      setDragOver(false);
+      dragTimeoutRef.current = null;
+    }, 25);
   };
   var onFileDelete = function onFileDelete() {
     inputRef.current.value = '';

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

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

@@ -1,3 +1,3 @@
 import { IXhrImagePickerProps } from './xhr_image_picker_types';
 import React from 'react';
-export declare const XhrImagePicker: React.FC<IXhrImagePickerProps>;
+export declare const XhrImagePicker: React.ForwardRefExoticComponent<IXhrImagePickerProps & React.RefAttributes<HTMLButtonElement>>;

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

@@ -1,4 +1,4 @@
-import React, { useRef, useState, useEffect } from 'react';
+import React, { forwardRef, useRef, useState, useEffect } from 'react';
 import { useTranslation } from '../../../../../external/react-i18next/dist/es/useTranslation.js';
 import { slicedToArray as _slicedToArray, objectSpread2 as _objectSpread2, asyncToGenerator as _asyncToGenerator, regeneratorRuntime as _regeneratorRuntime } from '../../../../../_virtual/_rollupPluginBabelHelpers.js';
 import { Loader } from '../loader/loader.js';
@@ -11,7 +11,7 @@ import { ImageEditLineIcon } from '../../assets/icons/image_edit_icon.js';
 import { REQUEST_TYPES } from '../../../../star_core/build/esm/packages/star_core/src/features/http_requester/http_requester_contants.js';
 import { useHttpApi } from '../../hooks/use_http_api.js';
 
-var XhrImagePicker = function XhrImagePicker(_ref) {
+var XhrImagePicker = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var id = _ref.id,
     url = _ref.url,
     name = _ref.name,
@@ -62,7 +62,7 @@ var XhrImagePicker = function XhrImagePicker(_ref) {
   var fileAsDataUrlRef = useRef(undefined);
   var handleControlChange = /*#__PURE__*/function () {
     var _ref2 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee(file) {
-      var fileList, fileAsDataUrl, _httpApi$fetch, response, cancelRequest, responseObject, paths;
+      var fileList, fileAsDataUrl, _httpApi$fetch, response, cancelRequest, responseObject, _responseObject$data$, paths;
       return _regeneratorRuntime().wrap(function _callee$(_context) {
         while (1) switch (_context.prev = _context.next) {
           case 0:
@@ -112,6 +112,13 @@ var XhrImagePicker = function XhrImagePicker(_ref) {
             }
             return _context.abrupt("return");
           case 24:
+            if (!(responseObject.data.isSuccess === false)) {
+              _context.next = 27;
+              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:
             if (responseObject.data.imagePath) {
               paths = {
                 original: responseObject.data.imagePath
@@ -123,7 +130,7 @@ var XhrImagePicker = function XhrImagePicker(_ref) {
               imageId: responseObject.data.imageId,
               paths: paths
             });
-          case 26:
+          case 29:
           case "end":
             return _context.stop();
         }
@@ -201,8 +208,10 @@ var XhrImagePicker = function XhrImagePicker(_ref) {
     initialFile: initialImageFile.current,
     onImageSizeUpdated: onImageSizeUpdated,
     topButtons: !!ImageEditor && imageExtenstion !== 'svg' && (/*#__PURE__*/React.createElement("button", {
-      onClick: function onClick() {
-        return showModal(modalId);
+      onClick: function onClick(e) {
+        e.preventDefault();
+        e.stopPropagation();
+        showModal(modalId);
       },
       type: "button",
       className: "aurora-absolute aurora-top-2 aurora-right-2 aurora-z-10 aurora-flex aurora-items-center aurora-gap-1 aurora-border aurora-rounded-full aurora-px-3 aurora-py-[6px] aurora-bg"
@@ -211,7 +220,8 @@ var XhrImagePicker = function XhrImagePicker(_ref) {
     }), /*#__PURE__*/React.createElement("span", {
       className: "aurora-text-xs aurora-text aurora-font-semibold"
     }, "".concat(t('Edit'))))),
-    editedImageResult: imageEditorResult
+    editedImageResult: imageEditorResult,
+    ref: ref
   })), !!ImageEditor && (/*#__PURE__*/React.createElement(Modal, {
     name: modalId,
     header: /*#__PURE__*/React.createElement(React.Fragment, null, t('Edit image')),
@@ -223,7 +233,8 @@ var XhrImagePicker = function XhrImagePicker(_ref) {
       setImageEditorResult(result);
     }
   }))));
-};
+});
+XhrImagePicker.displayName = 'XhrImagePicker';
 
 export { XhrImagePicker };
 //# sourceMappingURL=xhr_image_picker.js.map

package/build/esm/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,+BAA+B,iEAAqE;AACpG;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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,+BAA+B,iEAAqE;AACpG;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}