analytica-frontend-lib 1.1.57 → 1.1.59

package/dist/Quiz/index.mjs

@@ -934,7 +934,7 @@ var IconButton_default = IconButton;
 // src/components/Quiz/Quiz.tsx
 import {
   forwardRef as forwardRef10,
-  useEffect as useEffect7,
+  useEffect as useEffect8,
   useMemo,
   useId as useId8,
   useState as useState7,
@@ -2240,7 +2240,8 @@ import {
   forwardRef as forwardRef6,
   Fragment as Fragment4,
   useState as useState3,
-  useRef as useRef3
+  useRef as useRef3,
+  useEffect as useEffect5
 } from "react";
 
 // src/components/ProgressBar/ProgressBar.tsx
@@ -3566,6 +3567,8 @@ var CardAudio = forwardRef6(
     const [showSpeedMenu, setShowSpeedMenu] = useState3(false);
     const [playbackRate, setPlaybackRate] = useState3(1);
     const audioRef = useRef3(null);
+    const volumeControlRef = useRef3(null);
+    const speedMenuRef = useRef3(null);
     const formatTime = (time) => {
       const minutes = Math.floor(time / 60);
       const seconds = Math.floor(time % 60);
@@ -3617,9 +3620,11 @@ var CardAudio = forwardRef6(
     };
     const toggleVolumeControl = () => {
       setShowVolumeControl(!showVolumeControl);
+      setShowSpeedMenu(false);
     };
     const toggleSpeedMenu = () => {
       setShowSpeedMenu(!showSpeedMenu);
+      setShowVolumeControl(false);
     };
     const handleSpeedChange = (speed) => {
       setPlaybackRate(speed);
@@ -3637,6 +3642,20 @@ var CardAudio = forwardRef6(
       }
       return /* @__PURE__ */ jsx12(SpeakerHigh, { size: 24 });
     };
+    useEffect5(() => {
+      const handleClickOutside = (event) => {
+        if (volumeControlRef.current && !volumeControlRef.current.contains(event.target)) {
+          setShowVolumeControl(false);
+        }
+        if (speedMenuRef.current && !speedMenuRef.current.contains(event.target)) {
+          setShowSpeedMenu(false);
+        }
+      };
+      document.addEventListener("mousedown", handleClickOutside);
+      return () => {
+        document.removeEventListener("mousedown", handleClickOutside);
+      };
+    }, []);
     return /* @__PURE__ */ jsxs10(
       CardBase,
       {
@@ -3725,7 +3744,7 @@ var CardAudio = forwardRef6(
             }
           ) }),
           /* @__PURE__ */ jsx12("p", { className: "text-text-800 text-md font-medium min-w-[2.5rem]", children: formatTime(duration) }),
-          /* @__PURE__ */ jsxs10("div", { className: "relative h-6", children: [
+          /* @__PURE__ */ jsxs10("div", { className: "relative h-6", ref: volumeControlRef, children: [
             /* @__PURE__ */ jsx12(
               "button",
               {
@@ -3787,7 +3806,7 @@ var CardAudio = forwardRef6(
               }
             )
           ] }),
-          /* @__PURE__ */ jsxs10("div", { className: "relative h-6", children: [
+          /* @__PURE__ */ jsxs10("div", { className: "relative h-6", ref: speedMenuRef, children: [
             /* @__PURE__ */ jsx12(
               "button",
               {
@@ -4286,13 +4305,13 @@ var ProgressCircle = ({
 var ProgressCircle_default = ProgressCircle;
 
 // src/components/MultipleChoice/MultipleChoice.tsx
-import { useEffect as useEffect6, useState as useState5 } from "react";
+import { useEffect as useEffect7, useState as useState5 } from "react";
 
 // src/components/CheckBox/CheckboxList.tsx
 import {
   forwardRef as forwardRef8,
   useId as useId6,
-  useEffect as useEffect5,
+  useEffect as useEffect6,
   useRef as useRef4,
   Children as Children3,
   cloneElement as cloneElement3,
@@ -4564,18 +4583,18 @@ var CheckboxList = forwardRef8(
     );
     const store = storeRef.current;
     const { setValues } = useStore3(store, (s) => s);
-    useEffect5(() => {
+    useEffect6(() => {
       const currentValues = store.getState().values;
       if (currentValues.length > 0 && onValuesChange) {
         onValuesChange(currentValues);
       }
     }, []);
-    useEffect5(() => {
+    useEffect6(() => {
       if (propValues !== void 0) {
         setValues(propValues);
       }
     }, [propValues, setValues]);
-    useEffect5(() => {
+    useEffect6(() => {
       store.setState({ disabled });
     }, [disabled, store]);
     return /* @__PURE__ */ jsx15(
@@ -4652,7 +4671,7 @@ var MultipleChoiceList = ({
   mode = "interactive"
 }) => {
   const [actualValue, setActualValue] = useState5(selectedValues);
-  useEffect6(() => {
+  useEffect7(() => {
     setActualValue(selectedValues);
   }, [selectedValues]);
   const getStatusBadge2 = (status) => {
@@ -4936,7 +4955,7 @@ var getStatusStyles = (variantCorrect) => {
 };
 var Quiz = forwardRef10(({ children, className, variant = "default", ...props }, ref) => {
   const { setVariant } = useQuizStore();
-  useEffect7(() => {
+  useEffect8(() => {
     setVariant(variant);
   }, [variant, setVariant]);
   return /* @__PURE__ */ jsx18("div", { ref, className: cn("flex flex-col", className), ...props, children });
@@ -4945,7 +4964,7 @@ var QuizHeaderResult = forwardRef10(
   ({ className, ...props }, ref) => {
     const { getQuestionResultByQuestionId, getCurrentQuestion } = useQuizStore();
     const [status, setStatus] = useState7(void 0);
-    useEffect7(() => {
+    useEffect8(() => {
       const cq = getCurrentQuestion();
       if (!cq) {
         setStatus(void 0);
@@ -5296,7 +5315,7 @@ var QuizDissertative = ({ paddingBottom }) => {
       textareaRef.current.style.height = `${newHeight}px`;
     }
   }, []);
-  useEffect7(() => {
+  useEffect8(() => {
     adjustTextareaHeight();
   }, [currentAnswer, adjustTextareaHeight]);
   if (!currentQuestion) {