analytica-frontend-lib 1.1.73 → 1.1.75

package/dist/index.mjs

@@ -2333,20 +2333,19 @@ var DropdownMenu = ({
   };
   useEffect6(() => {
     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]);
   useEffect6(() => {
-    setOpen(open);
     onOpenChange?.(open);
   }, [open, onOpenChange]);
   useEffect6(() => {
-    if (propOpen) {
+    if (propOpen !== void 0) {
       setOpen(propOpen);
     }
   }, [propOpen]);
@@ -2473,6 +2472,7 @@ var DropdownMenuItem = forwardRef10(
     onClick,
     variant = "menu",
     store: externalStore,
+    preventClose = false,
     ...props
   }, ref) => {
     const store = useDropdownStore(externalStore);
@@ -2484,8 +2484,17 @@ var DropdownMenuItem = forwardRef10(
         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") {
@@ -2512,7 +2521,11 @@ var DropdownMenuItem = forwardRef10(
         `,
         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,
@@ -2578,10 +2591,17 @@ var ProfileMenuHeader = forwardRef10(({ className, name, email, store: _store, .
   );
 });
 ProfileMenuHeader.displayName = "ProfileMenuHeader";
-var ProfileToggleTheme = ({ ...props }) => {
+var ProfileToggleTheme = ({
+  store: externalStore,
+  ...props
+}) => {
   const { themeMode, setTheme } = useTheme();
   const [modalThemeToggle, setModalThemeToggle] = useState6(false);
   const [selectedTheme, setSelectedTheme] = useState6(themeMode);
+  const internalStoreRef = useRef3(null);
+  internalStoreRef.current ??= createDropdownStore();
+  const store = externalStore ?? internalStoreRef.current;
+  const setOpen = useStore3(store, (s) => s.setOpen);
   const handleClick = (e) => {
     e.preventDefault();
     e.stopPropagation();
@@ -2590,12 +2610,20 @@ var ProfileToggleTheme = ({ ...props }) => {
   const handleSave = () => {
     setTheme(selectedTheme);
     setModalThemeToggle(false);
+    setOpen(false);
+  };
+  const handleCancel = () => {
+    setSelectedTheme(themeMode);
+    setModalThemeToggle(false);
+    setOpen(false);
   };
   return /* @__PURE__ */ jsxs13(Fragment2, { children: [
     /* @__PURE__ */ jsx20(
       DropdownMenuItem,
       {
         variant: "profile",
+        preventClose: true,
+        store,
         iconLeft: /* @__PURE__ */ jsx20(
           "svg",
           {
@@ -2630,19 +2658,12 @@ var ProfileToggleTheme = ({ ...props }) => {
       Modal_default,
       {
         isOpen: modalThemeToggle,
-        onClose: () => setModalThemeToggle(false),
+        onClose: handleCancel,
         title: "Apar\xEAncia",
         size: "md",
         footer: /* @__PURE__ */ jsxs13("div", { className: "flex gap-3", children: [
-          /* @__PURE__ */ jsx20(
-            Button_default,
-            {
-              variant: "outline",
-              onClick: () => setModalThemeToggle(false),
-              children: "Cancelar"
-            }
-          ),
-          /* @__PURE__ */ jsx20(Button_default, { variant: "solid", onClick: () => handleSave(), children: "Salvar" })
+          /* @__PURE__ */ jsx20(Button_default, { variant: "outline", onClick: handleCancel, children: "Cancelar" }),
+          /* @__PURE__ */ jsx20(Button_default, { variant: "solid", onClick: handleSave, children: "Salvar" })
         ] }),
         children: /* @__PURE__ */ jsxs13("div", { className: "flex flex-col", children: [
           /* @__PURE__ */ jsx20("p", { className: "text-sm text-text-500", children: "Escolha o tema:" }),
@@ -10345,7 +10366,7 @@ var QuizHeader = () => {
     }
   );
 };
-var QuizContent = forwardRef20(({ paddingBottom }) => {
+var QuizContent = ({ paddingBottom }) => {
   const { getCurrentQuestion } = useQuizStore();
   const currentQuestion = getCurrentQuestion();
   const questionComponents = {
@@ -10359,7 +10380,7 @@ var QuizContent = forwardRef20(({ paddingBottom }) => {
   };
   const QuestionComponent = currentQuestion ? questionComponents[currentQuestion.questionType] : null;
   return QuestionComponent ? /* @__PURE__ */ jsx48(QuestionComponent, { paddingBottom }) : null;
-});
+};
 var QuizQuestionList = ({
   filterType = "all",
   onQuestionClick