analytica-frontend-lib 1.1.73 → 1.1.74

package/dist/NotificationCard/index.mjs

@@ -681,20 +681,19 @@ var DropdownMenu = ({
   };
   useEffect4(() => {
     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]);
   useEffect4(() => {
-    setOpen(open);
     onOpenChange?.(open);
   }, [open, onOpenChange]);
   useEffect4(() => {
-    if (propOpen) {
+    if (propOpen !== void 0) {
       setOpen(propOpen);
     }
   }, [propOpen]);
@@ -821,6 +820,7 @@ var DropdownMenuItem = forwardRef2(
     onClick,
     variant = "menu",
     store: externalStore,
+    preventClose = false,
     ...props
   }, ref) => {
     const store = useDropdownStore(externalStore);
@@ -832,8 +832,17 @@ var DropdownMenuItem = forwardRef2(
         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") {
@@ -860,7 +869,11 @@ var DropdownMenuItem = forwardRef2(
         `,
         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,
@@ -926,10 +939,17 @@ var ProfileMenuHeader = forwardRef2(({ className, name, email, store: _store, ..
   );
 });
 ProfileMenuHeader.displayName = "ProfileMenuHeader";
-var ProfileToggleTheme = ({ ...props }) => {
+var ProfileToggleTheme = ({
+  store: externalStore,
+  ...props
+}) => {
   const { themeMode, setTheme } = useTheme();
   const [modalThemeToggle, setModalThemeToggle] = useState2(false);
   const [selectedTheme, setSelectedTheme] = useState2(themeMode);
+  const internalStoreRef = useRef(null);
+  internalStoreRef.current ??= createDropdownStore();
+  const store = externalStore ?? internalStoreRef.current;
+  const setOpen = useStore(store, (s) => s.setOpen);
   const handleClick = (e) => {
     e.preventDefault();
     e.stopPropagation();
@@ -938,12 +958,20 @@ var ProfileToggleTheme = ({ ...props }) => {
   const handleSave = () => {
     setTheme(selectedTheme);
     setModalThemeToggle(false);
+    setOpen(false);
+  };
+  const handleCancel = () => {
+    setSelectedTheme(themeMode);
+    setModalThemeToggle(false);
+    setOpen(false);
   };
   return /* @__PURE__ */ jsxs4(Fragment, { children: [
     /* @__PURE__ */ jsx6(
       DropdownMenuItem,
       {
         variant: "profile",
+        preventClose: true,
+        store,
         iconLeft: /* @__PURE__ */ jsx6(
           "svg",
           {
@@ -978,19 +1006,12 @@ var ProfileToggleTheme = ({ ...props }) => {
       Modal_default,
       {
         isOpen: modalThemeToggle,
-        onClose: () => setModalThemeToggle(false),
+        onClose: handleCancel,
         title: "Apar\xEAncia",
         size: "md",
         footer: /* @__PURE__ */ jsxs4("div", { className: "flex gap-3", children: [
-          /* @__PURE__ */ jsx6(
-            Button_default,
-            {
-              variant: "outline",
-              onClick: () => setModalThemeToggle(false),
-              children: "Cancelar"
-            }
-          ),
-          /* @__PURE__ */ jsx6(Button_default, { variant: "solid", onClick: () => handleSave(), children: "Salvar" })
+          /* @__PURE__ */ jsx6(Button_default, { variant: "outline", onClick: handleCancel, children: "Cancelar" }),
+          /* @__PURE__ */ jsx6(Button_default, { variant: "solid", onClick: handleSave, children: "Salvar" })
         ] }),
         children: /* @__PURE__ */ jsxs4("div", { className: "flex flex-col", children: [
           /* @__PURE__ */ jsx6("p", { className: "text-sm text-text-500", children: "Escolha o tema:" }),