analytica-frontend-lib 1.2.8 → 1.2.10

package/dist/index.mjs

@@ -1864,11 +1864,16 @@ var TextArea = forwardRef7(
     onChange,
     placeholder,
     required,
+    showCharacterCount = false,
+    maxLength,
+    value,
     ...props
   }, ref) => {
     const generatedId = useId4();
     const inputId = id ?? `textarea-${generatedId}`;
     const [isFocused, setIsFocused] = useState5(false);
+    const currentLength = typeof value === "string" ? value.length : 0;
+    const isNearLimit = maxLength && currentLength >= maxLength * 0.8;
     const handleChange = (event) => {
       onChange?.(event);
     };
@@ -1923,6 +1928,8 @@ var TextArea = forwardRef7(
           className: textareaClasses,
           placeholder,
           required,
+          maxLength,
+          value,
           ...props
         }
       ),
@@ -1931,7 +1938,21 @@ var TextArea = forwardRef7(
         " ",
         errorMessage
       ] }),
-      helperMessage && !errorMessage && /* @__PURE__ */ jsx14(Text_default, { size: "sm", weight: "normal", className: "mt-1.5 text-text-500", children: helperMessage })
+      !errorMessage && showCharacterCount && maxLength && /* @__PURE__ */ jsxs10(
+        Text_default,
+        {
+          size: "sm",
+          weight: "normal",
+          className: `mt-1.5 ${isNearLimit ? "text-indicator-warning" : "text-text-500"}`,
+          children: [
+            currentLength,
+            "/",
+            maxLength,
+            " caracteres"
+          ]
+        }
+      ),
+      !errorMessage && helperMessage && !(showCharacterCount && maxLength) && /* @__PURE__ */ jsx14(Text_default, { size: "sm", weight: "normal", className: "mt-1.5 text-text-500", children: helperMessage })
     ] });
   }
 );
@@ -6512,6 +6533,75 @@ import {
 } from "react";
 import { CaretUp, CaretDown } from "phosphor-react";
 import { jsx as jsx39, jsxs as jsxs28 } from "react/jsx-runtime";
+function useTableSort(data, options = {}) {
+  const { syncWithUrl = false } = options;
+  const getInitialState = () => {
+    if (!syncWithUrl || globalThis.window === void 0) {
+      return { column: null, direction: null };
+    }
+    const params = new URLSearchParams(globalThis.location.search);
+    const sortBy = params.get("sortBy");
+    const sort = params.get("sort");
+    if (sortBy && sort && (sort === "ASC" || sort === "DESC")) {
+      return {
+        column: sortBy,
+        direction: sort.toLowerCase()
+      };
+    }
+    return { column: null, direction: null };
+  };
+  const initialState = getInitialState();
+  const [sortColumn, setSortColumn] = useState13(
+    initialState.column
+  );
+  const [sortDirection, setSortDirection] = useState13(
+    initialState.direction
+  );
+  useEffect13(() => {
+    if (!syncWithUrl || globalThis.window === void 0) return;
+    const url = new URL(globalThis.location.href);
+    const params = url.searchParams;
+    if (sortColumn && sortDirection) {
+      params.set("sortBy", sortColumn);
+      params.set("sort", sortDirection.toUpperCase());
+    } else {
+      params.delete("sortBy");
+      params.delete("sort");
+    }
+    globalThis.history.replaceState({}, "", url.toString());
+  }, [sortColumn, sortDirection, syncWithUrl]);
+  const handleSort = (column) => {
+    if (sortColumn === column) {
+      if (sortDirection === "asc") {
+        setSortDirection("desc");
+      } else if (sortDirection === "desc") {
+        setSortColumn(null);
+        setSortDirection(null);
+      }
+    } else {
+      setSortColumn(column);
+      setSortDirection("asc");
+    }
+  };
+  const sortedData = useMemo5(() => {
+    if (!sortColumn || !sortDirection) {
+      return data;
+    }
+    return [...data].sort((a, b) => {
+      const aValue = a[sortColumn];
+      const bValue = b[sortColumn];
+      if (typeof aValue === "string" && typeof bValue === "string") {
+        const comparison = aValue.localeCompare(bValue);
+        return sortDirection === "asc" ? comparison : -comparison;
+      }
+      if (typeof aValue === "number" && typeof bValue === "number") {
+        return sortDirection === "asc" ? aValue - bValue : bValue - aValue;
+      }
+      return 0;
+    });
+  }, [data, sortColumn, sortDirection]);
+  return { sortedData, sortColumn, sortDirection, handleSort };
+}
 var Table = forwardRef14(
   ({ variant = "default", className, children, ...props }, ref) => /* @__PURE__ */ jsx39(
     "div",
@@ -11125,6 +11215,7 @@ var useQuizStore = create10()(
         userId: "",
         variant: "default",
         minuteCallback: null,
+        dissertativeCharLimit: void 0,
         questionsResult: null,
         currentQuestionResult: null,
         // Setters
@@ -11134,6 +11225,8 @@ var useQuizStore = create10()(
         getUserId: () => get().userId,
         setVariant: (variant) => set({ variant }),
         setQuestionResult: (questionsResult) => set({ questionsResult }),
+        setDissertativeCharLimit: (limit) => set({ dissertativeCharLimit: limit }),
+        getDissertativeCharLimit: () => get().dissertativeCharLimit,
         // Navigation
         goToNextQuestion: () => {
           const { currentQuestionIndex, getTotalQuestions } = get();
@@ -11223,7 +11316,7 @@ var useQuizStore = create10()(
           });
         },
         selectDissertativeAnswer: (questionId, answer) => {
-          const { quiz, userAnswers } = get();
+          const { quiz, userAnswers, dissertativeCharLimit } = get();
           if (!quiz) return;
           const activityId = quiz.id;
           const userId = get().getUserId();
@@ -11234,6 +11327,10 @@ var useQuizStore = create10()(
           if (!question || question.questionType !== "DISSERTATIVA" /* DISSERTATIVA */) {
             return;
           }
+          let validatedAnswer = answer;
+          if (dissertativeCharLimit !== void 0 && answer.length > dissertativeCharLimit) {
+            validatedAnswer = answer.substring(0, dissertativeCharLimit);
+          }
           const existingAnswerIndex = userAnswers.findIndex(
             (answerItem) => answerItem.questionId === questionId
           );
@@ -11241,7 +11338,7 @@ var useQuizStore = create10()(
             questionId,
             activityId,
             userId,
-            answer,
+            answer: validatedAnswer,
             optionId: null,
             questionType: "DISSERTATIVA" /* DISSERTATIVA */,
             answerStatus: "PENDENTE_AVALIACAO" /* PENDENTE_AVALIACAO */
@@ -11354,6 +11451,7 @@ var useQuizStore = create10()(
             userId: "",
             variant: "default",
             minuteCallback: null,
+            dissertativeCharLimit: void 0,
             questionsResult: null,
             currentQuestionResult: null
           });
@@ -11968,7 +12066,8 @@ var QuizDissertative = ({ paddingBottom }) => {
     getCurrentAnswer,
     selectDissertativeAnswer,
     getQuestionResultByQuestionId,
-    variant
+    variant,
+    getDissertativeCharLimit
   } = useQuizStore();
   const currentQuestion = getCurrentQuestion();
   const currentQuestionResult = getQuestionResultByQuestionId(
@@ -11976,6 +12075,7 @@ var QuizDissertative = ({ paddingBottom }) => {
   );
   const currentAnswer = getCurrentAnswer();
   const textareaRef = useRef14(null);
+  const charLimit = getDissertativeCharLimit();
   const handleAnswerChange = (value) => {
     if (currentQuestion) {
       selectDissertativeAnswer(currentQuestion.id, value);
@@ -12008,7 +12108,9 @@ var QuizDissertative = ({ paddingBottom }) => {
         value: localAnswer,
         onChange: (e) => handleAnswerChange(e.target.value),
         rows: 4,
-        className: "min-h-[120px] max-h-[400px] resize-none overflow-y-auto"
+        className: "min-h-[120px] max-h-[400px] resize-none overflow-y-auto",
+        maxLength: charLimit,
+        showCharacterCount: !!charLimit
       }
     ) }) : /* @__PURE__ */ jsx54("div", { className: "space-y-4", children: /* @__PURE__ */ jsx54("p", { className: "text-text-600 text-md whitespace-pre-wrap", children: localAnswer || "Nenhuma resposta fornecida" }) }) }) }),
     variant === "result" && currentQuestionResult?.answerStatus == "RESPOSTA_INCORRETA" /* RESPOSTA_INCORRETA */ && /* @__PURE__ */ jsxs39(Fragment11, { children: [
@@ -14149,6 +14251,7 @@ export {
   useMobile,
   useQuizStore,
   useRouteAuth,
+  useTableSort,
   useTheme,
   useThemeStore,
   ToastStore_default as useToastStore,