@bbki.ng/components 2.1.28 → 2.1.29

package/dist/index.cjs

@@ -566,8 +566,6 @@ var import_react17 = require("react");
 
 // lib/drop-image/utils.ts
 var wait = (d) => new Promise((r) => setTimeout(r, d));
-var noop = () => {
-};
 
 // lib/drop-image/useDropImage.ts
 var import_react15 = require("react");
@@ -575,7 +573,7 @@ var useDropImage = (params) => {
   const [isDragOver, setIsDragOver] = (0, import_react15.useState)(false);
   const [imageSrc, setImageSrc] = (0, import_react15.useState)("");
   const [imageSize, setImageSize] = (0, import_react15.useState)({ width: 0, height: 0 });
-  const imageFile = (0, import_react15.useRef)(null);
+  const imageFile = (0, import_react15.useRef)();
   const {
     portraitImageWidth = 384,
     landscapeImageWidth = 500,
@@ -610,6 +608,9 @@ var useDropImage = (params) => {
   const handleDragOver = (0, import_react15.useCallback)((ev) => {
     ev.preventDefault();
     setIsDragOver(true);
+    if (!ev.dataTransfer) {
+      return;
+    }
     ev.dataTransfer.dropEffect = "move";
   }, []);
   const handleDragLeave = (0, import_react15.useCallback)(() => {
@@ -618,8 +619,8 @@ var useDropImage = (params) => {
   const handleDrop = (0, import_react15.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;
@@ -699,8 +700,10 @@ var ImagePreviewer = (props) => {
 };
 var GhostDropImage = (props) => {
   const {
-    onDrop = noop,
-    onUploadFinish = noop,
+    onDrop = () => {
+    },
+    onUploadFinish = () => {
+    },
     uploader,
     waitTimeAfterFinish = 2e3,
     className = "",
@@ -776,7 +779,8 @@ var DropImage = (props) => {
     waitTimeAfterFinish = 2e3,
     placeholder = "",
     className = "",
-    onUploadFinish = noop,
+    onUploadFinish = () => {
+    },
     ghost,
     children,
     dropAreaStyle = {