@ikatec/nebula-react 1.3.1 → 1.3.2-beta.2

package/dist/index.js

@@ -2927,7 +2927,7 @@ var Tooltip = React8__namespace.forwardRef(
   }, ref) => {
     const Comp = portal ? TooltipPrimitive__namespace.Portal : React8__namespace.Fragment;
     return /* @__PURE__ */ jsxRuntime.jsx(TooltipPrimitive__namespace.Provider, { children: /* @__PURE__ */ jsxRuntime.jsxs(TooltipPrimitive__namespace.Root, { children: [
-      /* @__PURE__ */ jsxRuntime.jsx(TooltipPrimitive__namespace.Trigger, { children }),
+      /* @__PURE__ */ jsxRuntime.jsx(TooltipPrimitive__namespace.Trigger, { type: "button", children }),
       /* @__PURE__ */ jsxRuntime.jsx(Comp, { children: /* @__PURE__ */ jsxRuntime.jsxs(
         TooltipPrimitive__namespace.Content,
         {
@@ -4757,9 +4757,25 @@ var useFileUpload = (options = {}) => {
     },
     [accept, multiple, handleFileChange]
   );
-  return [
-    state,
-    {
+  return React8.useMemo(
+    () => [
+      state,
+      {
+        addFiles,
+        removeFile,
+        clearFiles,
+        clearErrors,
+        handleDragEnter,
+        handleDragLeave,
+        handleDragOver,
+        handleDrop,
+        handleFileChange,
+        openFileDialog,
+        getInputProps
+      }
+    ],
+    [
+      state,
       addFiles,
       removeFile,
       clearFiles,
@@ -4771,8 +4787,8 @@ var useFileUpload = (options = {}) => {
       handleFileChange,
       openFileDialog,
       getInputProps
-    }
-  ];
+    ]
+  );
 };
 var formatBytes = (bytes, decimals = 2) => {
   if (bytes === 0) return "0 Bytes";
@@ -4827,7 +4843,7 @@ function FileUpload({
   });
   React8.useEffect(() => {
     onError?.(errors);
-  }, [errors, onError]);
+  }, [errors]);
   const disabled = React8.useMemo(() => {
     if (rest.disabled) return true;
     if (rest.multiple) {
@@ -6105,11 +6121,13 @@ var ProfileImage = ({
       handleFileChange(file2?.file);
     }
   });
-  const [finalImageUrl, setFinalImageUrl] = React8.useState(null);
+  const [finalImageUrl, setFinalImageUrl] = React8.useState(
+    image || null
+  );
   const [isDialogOpen, setIsDialogOpen] = React8.useState(false);
   React8.useEffect(() => {
     onError?.(errors);
-  }, [errors, onError]);
+  }, [errors]);
   const [file] = files;
   const fileId = file?.id;
   const previousFileIdRef = React8.useRef(null);
@@ -6118,12 +6136,14 @@ var ProfileImage = ({
     if (withCropper) return finalImageUrl;
     return previewUrl;
   }, [previewUrl, withCropper, finalImageUrl]);
+  const initialRenderRef = React8.useRef(true);
   React8.useEffect(() => {
     if (!withCropper) return;
-    if (fileId && fileId !== previousFileIdRef.current) {
+    if (fileId && fileId !== previousFileIdRef.current && !initialRenderRef.current) {
       setIsDialogOpen(true);
     }
     previousFileIdRef.current = fileId;
+    initialRenderRef.current = false;
   }, [fileId, withCropper]);
   const handleApply = async (croppedUrl, croppedBlob) => {
     try {

package/dist/index.mjs

@@ -2885,7 +2885,7 @@ var Tooltip = React8.forwardRef(
   }, ref) => {
     const Comp = portal ? TooltipPrimitive.Portal : React8.Fragment;
     return /* @__PURE__ */ jsx(TooltipPrimitive.Provider, { children: /* @__PURE__ */ jsxs(TooltipPrimitive.Root, { children: [
-      /* @__PURE__ */ jsx(TooltipPrimitive.Trigger, { children }),
+      /* @__PURE__ */ jsx(TooltipPrimitive.Trigger, { type: "button", children }),
       /* @__PURE__ */ jsx(Comp, { children: /* @__PURE__ */ jsxs(
         TooltipPrimitive.Content,
         {
@@ -4715,9 +4715,25 @@ var useFileUpload = (options = {}) => {
     },
     [accept, multiple, handleFileChange]
   );
-  return [
-    state,
-    {
+  return useMemo(
+    () => [
+      state,
+      {
+        addFiles,
+        removeFile,
+        clearFiles,
+        clearErrors,
+        handleDragEnter,
+        handleDragLeave,
+        handleDragOver,
+        handleDrop,
+        handleFileChange,
+        openFileDialog,
+        getInputProps
+      }
+    ],
+    [
+      state,
       addFiles,
       removeFile,
       clearFiles,
@@ -4729,8 +4745,8 @@ var useFileUpload = (options = {}) => {
       handleFileChange,
       openFileDialog,
       getInputProps
-    }
-  ];
+    ]
+  );
 };
 var formatBytes = (bytes, decimals = 2) => {
   if (bytes === 0) return "0 Bytes";
@@ -4785,7 +4801,7 @@ function FileUpload({
   });
   useEffect(() => {
     onError?.(errors);
-  }, [errors, onError]);
+  }, [errors]);
   const disabled = useMemo(() => {
     if (rest.disabled) return true;
     if (rest.multiple) {
@@ -6063,11 +6079,13 @@ var ProfileImage = ({
       handleFileChange(file2?.file);
     }
   });
-  const [finalImageUrl, setFinalImageUrl] = useState(null);
+  const [finalImageUrl, setFinalImageUrl] = useState(
+    image || null
+  );
   const [isDialogOpen, setIsDialogOpen] = useState(false);
   useEffect(() => {
     onError?.(errors);
-  }, [errors, onError]);
+  }, [errors]);
   const [file] = files;
   const fileId = file?.id;
   const previousFileIdRef = useRef(null);
@@ -6076,12 +6094,14 @@ var ProfileImage = ({
     if (withCropper) return finalImageUrl;
     return previewUrl;
   }, [previewUrl, withCropper, finalImageUrl]);
+  const initialRenderRef = useRef(true);
   useEffect(() => {
     if (!withCropper) return;
-    if (fileId && fileId !== previousFileIdRef.current) {
+    if (fileId && fileId !== previousFileIdRef.current && !initialRenderRef.current) {
       setIsDialogOpen(true);
     }
     previousFileIdRef.current = fileId;
+    initialRenderRef.current = false;
   }, [fileId, withCropper]);
   const handleApply = async (croppedUrl, croppedBlob) => {
     try {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ikatec/nebula-react",
-  "version": "1.3.1",
+  "version": "1.3.2-beta.2",
   "description": "React components for Nebula Design System",
   "publishConfig": {
     "access": "public"