@ikatec/nebula-react 1.3.2 → 1.3.3-beta.1

package/dist/index.js

@@ -2663,22 +2663,19 @@ var DrawerOverlay = React8__namespace.forwardRef(({ className, ...props }, ref)
   }
 ));
 DrawerOverlay.displayName = DialogPrimitive__namespace.Overlay.displayName;
-var DrawerVariants = classVarianceAuthority.cva(
-  "fixed flex flex-col z-50 shadow-lg transition ease-in-out",
-  {
-    variants: {
-      side: {
-        top: "inset-x-0 top-0 data-[state=open]:animate-slide-in-from-top data-[state=closed]:animate-slide-out-to-top",
-        bottom: "inset-x-0 bottom-0 data-[state=open]:animate-slide-in-from-bottom data-[state=closed]:animate-slide-out-to-bottom",
-        left: "inset-y-0 h-full left-0 w-3/4 data-[state=open]:animate-slide-in-from-left data-[state=closed]:animate-slide-out-to-left sm:max-w-sm",
-        right: "inset-y-0 h-full right-0 w-3/4 data-[state=open]:animate-slide-in-from-right data-[state=closed]:animate-slide-out-to-right sm:max-w-sm"
-      }
-    },
-    defaultVariants: {
-      side: "right"
+var DrawerVariants = classVarianceAuthority.cva("fixed flex flex-col z-50 shadow-lg", {
+  variants: {
+    side: {
+      top: "inset-x-0 top-0 data-[state=open]:animate-slide-in-from-top data-[state=closed]:animate-slide-out-to-top",
+      bottom: "inset-x-0 bottom-0 data-[state=open]:animate-slide-in-from-bottom data-[state=closed]:animate-slide-out-to-bottom",
+      left: "inset-y-0 h-full left-0 w-3/4 data-[state=open]:animate-slide-in-from-left data-[state=closed]:animate-slide-out-to-left sm:max-w-sm",
+      right: "inset-y-0 h-full right-0 w-3/4 data-[state=open]:animate-slide-in-from-right data-[state=closed]:animate-slide-out-to-right sm:max-w-sm"
     }
+  },
+  defaultVariants: {
+    side: "right"
   }
-);
+});
 var DrawerContent = React8__namespace.forwardRef(({ side = "right", className, portal = false, children, ...props }, ref) => {
   const Comp = portal ? DrawerPortal : React8__namespace.Fragment;
   return /* @__PURE__ */ jsxRuntime.jsxs(Comp, { children: [
@@ -2927,7 +2924,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 +4754,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 +4784,8 @@ var useFileUpload = (options = {}) => {
       handleFileChange,
       openFileDialog,
       getInputProps
-    }
-  ];
+    ]
+  );
 };
 var formatBytes = (bytes, decimals = 2) => {
   if (bytes === 0) return "0 Bytes";
@@ -4827,7 +4840,7 @@ function FileUpload({
   });
   React8.useEffect(() => {
     onError?.(errors);
-  }, [errors, onError]);
+  }, [errors]);
   const disabled = React8.useMemo(() => {
     if (rest.disabled) return true;
     if (rest.multiple) {
@@ -6111,7 +6124,7 @@ var ProfileImage = ({
   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);

package/dist/index.mjs

@@ -2621,22 +2621,19 @@ var DrawerOverlay = React8.forwardRef(({ className, ...props }, ref) => /* @__PU
   }
 ));
 DrawerOverlay.displayName = DialogPrimitive.Overlay.displayName;
-var DrawerVariants = cva(
-  "fixed flex flex-col z-50 shadow-lg transition ease-in-out",
-  {
-    variants: {
-      side: {
-        top: "inset-x-0 top-0 data-[state=open]:animate-slide-in-from-top data-[state=closed]:animate-slide-out-to-top",
-        bottom: "inset-x-0 bottom-0 data-[state=open]:animate-slide-in-from-bottom data-[state=closed]:animate-slide-out-to-bottom",
-        left: "inset-y-0 h-full left-0 w-3/4 data-[state=open]:animate-slide-in-from-left data-[state=closed]:animate-slide-out-to-left sm:max-w-sm",
-        right: "inset-y-0 h-full right-0 w-3/4 data-[state=open]:animate-slide-in-from-right data-[state=closed]:animate-slide-out-to-right sm:max-w-sm"
-      }
-    },
-    defaultVariants: {
-      side: "right"
+var DrawerVariants = cva("fixed flex flex-col z-50 shadow-lg", {
+  variants: {
+    side: {
+      top: "inset-x-0 top-0 data-[state=open]:animate-slide-in-from-top data-[state=closed]:animate-slide-out-to-top",
+      bottom: "inset-x-0 bottom-0 data-[state=open]:animate-slide-in-from-bottom data-[state=closed]:animate-slide-out-to-bottom",
+      left: "inset-y-0 h-full left-0 w-3/4 data-[state=open]:animate-slide-in-from-left data-[state=closed]:animate-slide-out-to-left sm:max-w-sm",
+      right: "inset-y-0 h-full right-0 w-3/4 data-[state=open]:animate-slide-in-from-right data-[state=closed]:animate-slide-out-to-right sm:max-w-sm"
     }
+  },
+  defaultVariants: {
+    side: "right"
   }
-);
+});
 var DrawerContent = React8.forwardRef(({ side = "right", className, portal = false, children, ...props }, ref) => {
   const Comp = portal ? DrawerPortal : React8.Fragment;
   return /* @__PURE__ */ jsxs(Comp, { children: [
@@ -2885,7 +2882,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 +4712,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 +4742,8 @@ var useFileUpload = (options = {}) => {
       handleFileChange,
       openFileDialog,
       getInputProps
-    }
-  ];
+    ]
+  );
 };
 var formatBytes = (bytes, decimals = 2) => {
   if (bytes === 0) return "0 Bytes";
@@ -4785,7 +4798,7 @@ function FileUpload({
   });
   useEffect(() => {
     onError?.(errors);
-  }, [errors, onError]);
+  }, [errors]);
   const disabled = useMemo(() => {
     if (rest.disabled) return true;
     if (rest.multiple) {
@@ -6069,7 +6082,7 @@ var ProfileImage = ({
   const [isDialogOpen, setIsDialogOpen] = useState(false);
   useEffect(() => {
     onError?.(errors);
-  }, [errors, onError]);
+  }, [errors]);
   const [file] = files;
   const fileId = file?.id;
   const previousFileIdRef = useRef(null);

package/package.json

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