analytica-frontend-lib 1.1.73 → 1.1.74

package/dist/index.js

@@ -2457,20 +2457,19 @@ var DropdownMenu = ({
   };
   (0, import_react13.useEffect)(() => {
     if (open) {
-      document.addEventListener("mousedown", handleClickOutside);
+      document.addEventListener("pointerdown", handleClickOutside);
       document.addEventListener("keydown", handleDownkey);
     }
     return () => {
-      document.removeEventListener("mousedown", handleClickOutside);
+      document.removeEventListener("pointerdown", handleClickOutside);
       document.removeEventListener("keydown", handleDownkey);
     };
   }, [open]);
   (0, import_react13.useEffect)(() => {
-    setOpen(open);
     onOpenChange?.(open);
   }, [open, onOpenChange]);
   (0, import_react13.useEffect)(() => {
-    if (propOpen) {
+    if (propOpen !== void 0) {
       setOpen(propOpen);
     }
   }, [propOpen]);
@@ -2597,6 +2596,7 @@ var DropdownMenuItem = (0, import_react13.forwardRef)(
     onClick,
     variant = "menu",
     store: externalStore,
+    preventClose = false,
     ...props
   }, ref) => {
     const store = useDropdownStore(externalStore);
@@ -2608,8 +2608,17 @@ var DropdownMenuItem = (0, import_react13.forwardRef)(
         e.stopPropagation();
         return;
       }
-      onClick?.(e);
-      setOpen(false);
+      if (e.type === "click") {
+        onClick?.(e);
+      } else if (e.type === "keydown") {
+        if (e.key === "Enter" || e.key === " ") {
+          onClick?.(e);
+        }
+        props.onKeyDown?.(e);
+      }
+      if (!preventClose) {
+        setOpen(false);
+      }
     };
     const getVariantClasses = () => {
       if (variant === "profile") {
@@ -2636,7 +2645,11 @@ var DropdownMenuItem = (0, import_react13.forwardRef)(
         `,
         onClick: handleClick,
         onKeyDown: (e) => {
-          if (e.key === "Enter" || e.key === " ") handleClick(e);
+          if (e.key === "Enter" || e.key === " ") {
+            e.preventDefault();
+            e.stopPropagation();
+            handleClick(e);
+          }
         },
         tabIndex: disabled ? -1 : 0,
         ...props,
@@ -2702,10 +2715,17 @@ var ProfileMenuHeader = (0, import_react13.forwardRef)(({ className, name, email
   );
 });
 ProfileMenuHeader.displayName = "ProfileMenuHeader";
-var ProfileToggleTheme = ({ ...props }) => {
+var ProfileToggleTheme = ({
+  store: externalStore,
+  ...props
+}) => {
   const { themeMode, setTheme } = useTheme();
   const [modalThemeToggle, setModalThemeToggle] = (0, import_react13.useState)(false);
   const [selectedTheme, setSelectedTheme] = (0, import_react13.useState)(themeMode);
+  const internalStoreRef = (0, import_react13.useRef)(null);
+  internalStoreRef.current ??= createDropdownStore();
+  const store = externalStore ?? internalStoreRef.current;
+  const setOpen = (0, import_zustand5.useStore)(store, (s) => s.setOpen);
   const handleClick = (e) => {
     e.preventDefault();
     e.stopPropagation();
@@ -2714,12 +2734,20 @@ var ProfileToggleTheme = ({ ...props }) => {
   const handleSave = () => {
     setTheme(selectedTheme);
     setModalThemeToggle(false);
+    setOpen(false);
+  };
+  const handleCancel = () => {
+    setSelectedTheme(themeMode);
+    setModalThemeToggle(false);
+    setOpen(false);
   };
   return /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(import_jsx_runtime20.Fragment, { children: [
     /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
       DropdownMenuItem,
       {
         variant: "profile",
+        preventClose: true,
+        store,
         iconLeft: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
           "svg",
           {
@@ -2754,19 +2782,12 @@ var ProfileToggleTheme = ({ ...props }) => {
       Modal_default,
       {
         isOpen: modalThemeToggle,
-        onClose: () => setModalThemeToggle(false),
+        onClose: handleCancel,
         title: "Apar\xEAncia",
         size: "md",
         footer: /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", { className: "flex gap-3", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
-            Button_default,
-            {
-              variant: "outline",
-              onClick: () => setModalThemeToggle(false),
-              children: "Cancelar"
-            }
-          ),
-          /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(Button_default, { variant: "solid", onClick: () => handleSave(), children: "Salvar" })
+          /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(Button_default, { variant: "outline", onClick: handleCancel, children: "Cancelar" }),
+          /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(Button_default, { variant: "solid", onClick: handleSave, children: "Salvar" })
         ] }),
         children: /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", { className: "flex flex-col", children: [
           /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("p", { className: "text-sm text-text-500", children: "Escolha o tema:" }),