@bbki.ng/components 2.1.28 → 2.1.29

package/dist/index.d.ts

@@ -173,7 +173,7 @@ interface ImagePreviewerProps {
 }
 interface ImageDropProps<T> {
     uploader: (file: File, img?: HTMLImageElement) => Promise<T>;
-    onDrop?: (events: Event, file: File) => void;
+    onDrop?: (events: React__default.DragEvent<Element>, file: File) => void;
     onUploadFinish?: (result: T) => void;
     waitTimeAfterFinish?: number;
     defaultBgColor?: string;

package/dist/index.js

@@ -506,16 +506,18 @@ import { useState as useState4 } from "react";
 
 // lib/drop-image/utils.ts
 var wait = (d) => new Promise((r) => setTimeout(r, d));
-var noop = () => {
-};
 
 // lib/drop-image/useDropImage.ts
-import { useState as useState3, useCallback, useRef } from "react";
+import {
+  useState as useState3,
+  useCallback,
+  useRef
+} from "react";
 var useDropImage = (params) => {
   const [isDragOver, setIsDragOver] = useState3(false);
   const [imageSrc, setImageSrc] = useState3("");
   const [imageSize, setImageSize] = useState3({ width: 0, height: 0 });
-  const imageFile = useRef(null);
+  const imageFile = useRef();
   const {
     portraitImageWidth = 384,
     landscapeImageWidth = 500,
@@ -550,6 +552,9 @@ var useDropImage = (params) => {
   const handleDragOver = useCallback((ev) => {
     ev.preventDefault();
     setIsDragOver(true);
+    if (!ev.dataTransfer) {
+      return;
+    }
     ev.dataTransfer.dropEffect = "move";
   }, []);
   const handleDragLeave = useCallback(() => {
@@ -558,8 +563,8 @@ var useDropImage = (params) => {
   const handleDrop = useCallback((ev) => {
     ev.preventDefault();
     setIsDragOver(false);
-    const file = ev.dataTransfer.files[0];
-    if (!file || !file.type.startsWith("image")) {
+    const file = ev.dataTransfer ? ev.dataTransfer.files[0] : void 0;
+    if (!file || !file.type.startsWith("image") || !imageFile.current) {
       return;
     }
     imageFile.current = file;
@@ -639,8 +644,10 @@ var ImagePreviewer = (props) => {
 };
 var GhostDropImage = (props) => {
   const {
-    onDrop = noop,
-    onUploadFinish = noop,
+    onDrop = () => {
+    },
+    onUploadFinish = () => {
+    },
     uploader,
     waitTimeAfterFinish = 2e3,
     className = "",
@@ -716,7 +723,8 @@ var DropImage = (props) => {
     waitTimeAfterFinish = 2e3,
     placeholder = "",
     className = "",
-    onUploadFinish = noop,
+    onUploadFinish = () => {
+    },
     ghost,
     children,
     dropAreaStyle = {