analytica-frontend-lib 1.2.23 → 1.2.25

package/dist/utils/index.d.mts

@@ -1,5 +1,7 @@
 import { ClassValue } from 'clsx';
 import { Dispatch, SetStateAction } from 'react';
+import { C as CategoryConfig } from '../CheckBoxGroup-9n5C0OH4.mjs';
+import 'react/jsx-runtime';
 
 /**
  * Synchronizes dropdown state when it closes externally
@@ -12,6 +14,28 @@ import { Dispatch, SetStateAction } from 'react';
  */
 declare const syncDropdownState: (open: boolean, isActive: boolean, setActiveStates: Dispatch<SetStateAction<Record<string, boolean>>>, key: string) => void;
 
+/**
+ * Extracts selected IDs from knowledge categories by their keys
+ * @param categories - Array of category configurations
+ * @param keys - Object mapping output keys to category keys
+ * @returns Object with extracted selected IDs for each output key
+ */
+declare function getSelectedIdsFromCategories(categories: CategoryConfig[], keys: Record<string, string>): Record<string, string[]>;
+/**
+ * Toggles an item in an array (adds if not present, removes if present)
+ * @param array - Current array
+ * @param item - Item to toggle
+ * @returns New array with item toggled
+ */
+declare function toggleArrayItem<T>(array: T[], item: T): T[];
+/**
+ * Toggles a single value (returns null if current value, otherwise returns new value)
+ * @param currentValue - Current selected value
+ * @param newValue - Value to toggle to
+ * @returns New value or null if toggling off
+ */
+declare function toggleSingleValue<T>(currentValue: T | null, newValue: T): T | null;
+
 declare function cn(...inputs: ClassValue[]): string;
 
 /**
@@ -24,4 +48,4 @@ declare function cn(...inputs: ClassValue[]): string;
  */
 declare function getSubjectColorWithOpacity(hexColor: string | undefined, isDark: boolean): string | undefined;
 
-export { cn, getSubjectColorWithOpacity, syncDropdownState };
+export { cn, getSelectedIdsFromCategories, getSubjectColorWithOpacity, syncDropdownState, toggleArrayItem, toggleSingleValue };

package/dist/utils/index.d.ts

@@ -1,5 +1,7 @@
 import { ClassValue } from 'clsx';
 import { Dispatch, SetStateAction } from 'react';
+import { C as CategoryConfig } from '../CheckBoxGroup-9n5C0OH4.js';
+import 'react/jsx-runtime';
 
 /**
  * Synchronizes dropdown state when it closes externally
@@ -12,6 +14,28 @@ import { Dispatch, SetStateAction } from 'react';
  */
 declare const syncDropdownState: (open: boolean, isActive: boolean, setActiveStates: Dispatch<SetStateAction<Record<string, boolean>>>, key: string) => void;
 
+/**
+ * Extracts selected IDs from knowledge categories by their keys
+ * @param categories - Array of category configurations
+ * @param keys - Object mapping output keys to category keys
+ * @returns Object with extracted selected IDs for each output key
+ */
+declare function getSelectedIdsFromCategories(categories: CategoryConfig[], keys: Record<string, string>): Record<string, string[]>;
+/**
+ * Toggles an item in an array (adds if not present, removes if present)
+ * @param array - Current array
+ * @param item - Item to toggle
+ * @returns New array with item toggled
+ */
+declare function toggleArrayItem<T>(array: T[], item: T): T[];
+/**
+ * Toggles a single value (returns null if current value, otherwise returns new value)
+ * @param currentValue - Current selected value
+ * @param newValue - Value to toggle to
+ * @returns New value or null if toggling off
+ */
+declare function toggleSingleValue<T>(currentValue: T | null, newValue: T): T | null;
+
 declare function cn(...inputs: ClassValue[]): string;
 
 /**
@@ -24,4 +48,4 @@ declare function cn(...inputs: ClassValue[]): string;
  */
 declare function getSubjectColorWithOpacity(hexColor: string | undefined, isDark: boolean): string | undefined;
 
-export { cn, getSubjectColorWithOpacity, syncDropdownState };
+export { cn, getSelectedIdsFromCategories, getSubjectColorWithOpacity, syncDropdownState, toggleArrayItem, toggleSingleValue };

package/dist/utils/index.js

@@ -21,8 +21,11 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 var utils_exports = {};
 __export(utils_exports, {
   cn: () => cn,
+  getSelectedIdsFromCategories: () => getSelectedIdsFromCategories,
   getSubjectColorWithOpacity: () => getSubjectColorWithOpacity,
-  syncDropdownState: () => syncDropdownState
+  syncDropdownState: () => syncDropdownState,
+  toggleArrayItem: () => toggleArrayItem,
+  toggleSingleValue: () => toggleSingleValue
 });
 module.exports = __toCommonJS(utils_exports);
 var import_clsx = require("clsx");
@@ -35,6 +38,22 @@ var syncDropdownState = (open, isActive, setActiveStates, key) => {
   }
 };
 
+// src/utils/activityFilters.ts
+function getSelectedIdsFromCategories(categories, keys) {
+  const result = {};
+  for (const [outputKey, categoryKey] of Object.entries(keys)) {
+    const category = categories.find((c) => c.key === categoryKey);
+    result[outputKey] = category?.selectedIds || [];
+  }
+  return result;
+}
+function toggleArrayItem(array, item) {
+  return array.includes(item) ? array.filter((i) => i !== item) : [...array, item];
+}
+function toggleSingleValue(currentValue, newValue) {
+  return currentValue === newValue ? null : newValue;
+}
+
 // src/utils/utils.ts
 function cn(...inputs) {
   return (0, import_tailwind_merge.twMerge)((0, import_clsx.clsx)(inputs));
@@ -62,7 +81,10 @@ function getSubjectColorWithOpacity(hexColor, isDark) {
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   cn,
+  getSelectedIdsFromCategories,
   getSubjectColorWithOpacity,
-  syncDropdownState
+  syncDropdownState,
+  toggleArrayItem,
+  toggleSingleValue
 });
 //# sourceMappingURL=index.js.map

package/dist/utils/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/utils/utils.ts","../../src/utils/dropdown.ts"],"sourcesContent":["import { clsx, type ClassValue } from 'clsx';\nimport { twMerge } from 'tailwind-merge';\n\nexport function cn(...inputs: ClassValue[]) {\n  return twMerge(clsx(inputs));\n}\n\nexport { syncDropdownState } from './dropdown';\n\n/**\n * Retorna a cor hexadecimal com opacidade 0.3 (4d) se não estiver em dark mode.\n * Se estiver em dark mode, retorna a cor original.\n *\n * @param hexColor - Cor hexadecimal (ex: \"#0066b8\" ou \"0066b8\")\n * @param isDark - booleano indicando se está em dark mode\n * @returns string - cor hexadecimal com opacidade se necessário\n */\nexport function getSubjectColorWithOpacity(\n  hexColor: string | undefined,\n  isDark: boolean\n): string | undefined {\n  if (!hexColor) return undefined;\n  // Remove o '#' se existir\n  let color = hexColor.replace(/^#/, '').toLowerCase();\n\n  if (isDark) {\n    // Se está em dark mode, sempre remove opacidade se existir\n    if (color.length === 8) {\n      color = color.slice(0, 6);\n    }\n    return `#${color}`;\n  } else {\n    // Se não está em dark mode (light mode)\n    let resultColor: string;\n    if (color.length === 6) {\n      // Adiciona opacidade 0.3 (4D) para cores de 6 dígitos\n      resultColor = `#${color}4d`;\n    } else if (color.length === 8) {\n      // Já tem opacidade, retorna como está\n      resultColor = `#${color}`;\n    } else {\n      // Para outros tamanhos (3, 4, 5 dígitos), retorna como está\n      resultColor = `#${color}`;\n    }\n    return resultColor;\n  }\n}\n","import type { Dispatch, SetStateAction } from 'react';\n\n/**\n * Synchronizes dropdown state when it closes externally\n * This ensures the toggle button state matches the dropdown state\n *\n * @param open - Current dropdown open state\n * @param isActive - Current active state of the toggle button\n * @param setActiveStates - Function to update active states\n * @param key - Key identifier for the specific dropdown\n */\nexport const syncDropdownState = (\n  open: boolean,\n  isActive: boolean,\n  setActiveStates: Dispatch<SetStateAction<Record<string, boolean>>>,\n  key: string\n) => {\n  if (!open && isActive) {\n    setActiveStates((prev) => ({ ...prev, [key]: false }));\n  }\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,kBAAsC;AACtC,4BAAwB;;;ACUjB,IAAM,oBAAoB,CAC/B,MACA,UACA,iBACA,QACG;AACH,MAAI,CAAC,QAAQ,UAAU;AACrB,oBAAgB,CAAC,UAAU,EAAE,GAAG,MAAM,CAAC,GAAG,GAAG,MAAM,EAAE;AAAA,EACvD;AACF;;;ADjBO,SAAS,MAAM,QAAsB;AAC1C,aAAO,mCAAQ,kBAAK,MAAM,CAAC;AAC7B;AAYO,SAAS,2BACd,UACA,QACoB;AACpB,MAAI,CAAC,SAAU,QAAO;AAEtB,MAAI,QAAQ,SAAS,QAAQ,MAAM,EAAE,EAAE,YAAY;AAEnD,MAAI,QAAQ;AAEV,QAAI,MAAM,WAAW,GAAG;AACtB,cAAQ,MAAM,MAAM,GAAG,CAAC;AAAA,IAC1B;AACA,WAAO,IAAI,KAAK;AAAA,EAClB,OAAO;AAEL,QAAI;AACJ,QAAI,MAAM,WAAW,GAAG;AAEtB,oBAAc,IAAI,KAAK;AAAA,IACzB,WAAW,MAAM,WAAW,GAAG;AAE7B,oBAAc,IAAI,KAAK;AAAA,IACzB,OAAO;AAEL,oBAAc,IAAI,KAAK;AAAA,IACzB;AACA,WAAO;AAAA,EACT;AACF;","names":[]}
+{"version":3,"sources":["../../src/utils/utils.ts","../../src/utils/dropdown.ts","../../src/utils/activityFilters.ts"],"sourcesContent":["import { clsx, type ClassValue } from 'clsx';\nimport { twMerge } from 'tailwind-merge';\n\nexport function cn(...inputs: ClassValue[]) {\n  return twMerge(clsx(inputs));\n}\n\nexport { syncDropdownState } from './dropdown';\nexport {\n  getSelectedIdsFromCategories,\n  toggleArrayItem,\n  toggleSingleValue,\n} from './activityFilters';\n\n/**\n * Retorna a cor hexadecimal com opacidade 0.3 (4d) se não estiver em dark mode.\n * Se estiver em dark mode, retorna a cor original.\n *\n * @param hexColor - Cor hexadecimal (ex: \"#0066b8\" ou \"0066b8\")\n * @param isDark - booleano indicando se está em dark mode\n * @returns string - cor hexadecimal com opacidade se necessário\n */\nexport function getSubjectColorWithOpacity(\n  hexColor: string | undefined,\n  isDark: boolean\n): string | undefined {\n  if (!hexColor) return undefined;\n  // Remove o '#' se existir\n  let color = hexColor.replace(/^#/, '').toLowerCase();\n\n  if (isDark) {\n    // Se está em dark mode, sempre remove opacidade se existir\n    if (color.length === 8) {\n      color = color.slice(0, 6);\n    }\n    return `#${color}`;\n  } else {\n    // Se não está em dark mode (light mode)\n    let resultColor: string;\n    if (color.length === 6) {\n      // Adiciona opacidade 0.3 (4D) para cores de 6 dígitos\n      resultColor = `#${color}4d`;\n    } else if (color.length === 8) {\n      // Já tem opacidade, retorna como está\n      resultColor = `#${color}`;\n    } else {\n      // Para outros tamanhos (3, 4, 5 dígitos), retorna como está\n      resultColor = `#${color}`;\n    }\n    return resultColor;\n  }\n}\n","import type { Dispatch, SetStateAction } from 'react';\n\n/**\n * Synchronizes dropdown state when it closes externally\n * This ensures the toggle button state matches the dropdown state\n *\n * @param open - Current dropdown open state\n * @param isActive - Current active state of the toggle button\n * @param setActiveStates - Function to update active states\n * @param key - Key identifier for the specific dropdown\n */\nexport const syncDropdownState = (\n  open: boolean,\n  isActive: boolean,\n  setActiveStates: Dispatch<SetStateAction<Record<string, boolean>>>,\n  key: string\n) => {\n  if (!open && isActive) {\n    setActiveStates((prev) => ({ ...prev, [key]: false }));\n  }\n};\n","import type { CategoryConfig } from '../components/CheckBoxGroup/CheckBoxGroup';\n\n/**\n * Extracts selected IDs from knowledge categories by their keys\n * @param categories - Array of category configurations\n * @param keys - Object mapping output keys to category keys\n * @returns Object with extracted selected IDs for each output key\n */\nexport function getSelectedIdsFromCategories(\n  categories: CategoryConfig[],\n  keys: Record<string, string>\n): Record<string, string[]> {\n  const result: Record<string, string[]> = {};\n\n  for (const [outputKey, categoryKey] of Object.entries(keys)) {\n    const category = categories.find((c) => c.key === categoryKey);\n    result[outputKey] = category?.selectedIds || [];\n  }\n\n  return result;\n}\n\n/**\n * Toggles an item in an array (adds if not present, removes if present)\n * @param array - Current array\n * @param item - Item to toggle\n * @returns New array with item toggled\n */\nexport function toggleArrayItem<T>(array: T[], item: T): T[] {\n  return array.includes(item)\n    ? array.filter((i) => i !== item)\n    : [...array, item];\n}\n\n/**\n * Toggles a single value (returns null if current value, otherwise returns new value)\n * @param currentValue - Current selected value\n * @param newValue - Value to toggle to\n * @returns New value or null if toggling off\n */\nexport function toggleSingleValue<T>(\n  currentValue: T | null,\n  newValue: T\n): T | null {\n  return currentValue === newValue ? null : newValue;\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,kBAAsC;AACtC,4BAAwB;;;ACUjB,IAAM,oBAAoB,CAC/B,MACA,UACA,iBACA,QACG;AACH,MAAI,CAAC,QAAQ,UAAU;AACrB,oBAAgB,CAAC,UAAU,EAAE,GAAG,MAAM,CAAC,GAAG,GAAG,MAAM,EAAE;AAAA,EACvD;AACF;;;ACZO,SAAS,6BACd,YACA,MAC0B;AAC1B,QAAM,SAAmC,CAAC;AAE1C,aAAW,CAAC,WAAW,WAAW,KAAK,OAAO,QAAQ,IAAI,GAAG;AAC3D,UAAM,WAAW,WAAW,KAAK,CAAC,MAAM,EAAE,QAAQ,WAAW;AAC7D,WAAO,SAAS,IAAI,UAAU,eAAe,CAAC;AAAA,EAChD;AAEA,SAAO;AACT;AAQO,SAAS,gBAAmB,OAAY,MAAc;AAC3D,SAAO,MAAM,SAAS,IAAI,IACtB,MAAM,OAAO,CAAC,MAAM,MAAM,IAAI,IAC9B,CAAC,GAAG,OAAO,IAAI;AACrB;AAQO,SAAS,kBACd,cACA,UACU;AACV,SAAO,iBAAiB,WAAW,OAAO;AAC5C;;;AF1CO,SAAS,MAAM,QAAsB;AAC1C,aAAO,mCAAQ,kBAAK,MAAM,CAAC;AAC7B;AAiBO,SAAS,2BACd,UACA,QACoB;AACpB,MAAI,CAAC,SAAU,QAAO;AAEtB,MAAI,QAAQ,SAAS,QAAQ,MAAM,EAAE,EAAE,YAAY;AAEnD,MAAI,QAAQ;AAEV,QAAI,MAAM,WAAW,GAAG;AACtB,cAAQ,MAAM,MAAM,GAAG,CAAC;AAAA,IAC1B;AACA,WAAO,IAAI,KAAK;AAAA,EAClB,OAAO;AAEL,QAAI;AACJ,QAAI,MAAM,WAAW,GAAG;AAEtB,oBAAc,IAAI,KAAK;AAAA,IACzB,WAAW,MAAM,WAAW,GAAG;AAE7B,oBAAc,IAAI,KAAK;AAAA,IACzB,OAAO;AAEL,oBAAc,IAAI,KAAK;AAAA,IACzB;AACA,WAAO;AAAA,EACT;AACF;","names":[]}

package/dist/utils/index.mjs

@@ -9,6 +9,22 @@ var syncDropdownState = (open, isActive, setActiveStates, key) => {
   }
 };
 
+// src/utils/activityFilters.ts
+function getSelectedIdsFromCategories(categories, keys) {
+  const result = {};
+  for (const [outputKey, categoryKey] of Object.entries(keys)) {
+    const category = categories.find((c) => c.key === categoryKey);
+    result[outputKey] = category?.selectedIds || [];
+  }
+  return result;
+}
+function toggleArrayItem(array, item) {
+  return array.includes(item) ? array.filter((i) => i !== item) : [...array, item];
+}
+function toggleSingleValue(currentValue, newValue) {
+  return currentValue === newValue ? null : newValue;
+}
+
 // src/utils/utils.ts
 function cn(...inputs) {
   return twMerge(clsx(inputs));
@@ -35,7 +51,10 @@ function getSubjectColorWithOpacity(hexColor, isDark) {
 }
 export {
   cn,
+  getSelectedIdsFromCategories,
   getSubjectColorWithOpacity,
-  syncDropdownState
+  syncDropdownState,
+  toggleArrayItem,
+  toggleSingleValue
 };
 //# sourceMappingURL=index.mjs.map

package/dist/utils/index.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/utils/utils.ts","../../src/utils/dropdown.ts"],"sourcesContent":["import { clsx, type ClassValue } from 'clsx';\nimport { twMerge } from 'tailwind-merge';\n\nexport function cn(...inputs: ClassValue[]) {\n  return twMerge(clsx(inputs));\n}\n\nexport { syncDropdownState } from './dropdown';\n\n/**\n * Retorna a cor hexadecimal com opacidade 0.3 (4d) se não estiver em dark mode.\n * Se estiver em dark mode, retorna a cor original.\n *\n * @param hexColor - Cor hexadecimal (ex: \"#0066b8\" ou \"0066b8\")\n * @param isDark - booleano indicando se está em dark mode\n * @returns string - cor hexadecimal com opacidade se necessário\n */\nexport function getSubjectColorWithOpacity(\n  hexColor: string | undefined,\n  isDark: boolean\n): string | undefined {\n  if (!hexColor) return undefined;\n  // Remove o '#' se existir\n  let color = hexColor.replace(/^#/, '').toLowerCase();\n\n  if (isDark) {\n    // Se está em dark mode, sempre remove opacidade se existir\n    if (color.length === 8) {\n      color = color.slice(0, 6);\n    }\n    return `#${color}`;\n  } else {\n    // Se não está em dark mode (light mode)\n    let resultColor: string;\n    if (color.length === 6) {\n      // Adiciona opacidade 0.3 (4D) para cores de 6 dígitos\n      resultColor = `#${color}4d`;\n    } else if (color.length === 8) {\n      // Já tem opacidade, retorna como está\n      resultColor = `#${color}`;\n    } else {\n      // Para outros tamanhos (3, 4, 5 dígitos), retorna como está\n      resultColor = `#${color}`;\n    }\n    return resultColor;\n  }\n}\n","import type { Dispatch, SetStateAction } from 'react';\n\n/**\n * Synchronizes dropdown state when it closes externally\n * This ensures the toggle button state matches the dropdown state\n *\n * @param open - Current dropdown open state\n * @param isActive - Current active state of the toggle button\n * @param setActiveStates - Function to update active states\n * @param key - Key identifier for the specific dropdown\n */\nexport const syncDropdownState = (\n  open: boolean,\n  isActive: boolean,\n  setActiveStates: Dispatch<SetStateAction<Record<string, boolean>>>,\n  key: string\n) => {\n  if (!open && isActive) {\n    setActiveStates((prev) => ({ ...prev, [key]: false }));\n  }\n};\n"],"mappings":";AAAA,SAAS,YAA6B;AACtC,SAAS,eAAe;;;ACUjB,IAAM,oBAAoB,CAC/B,MACA,UACA,iBACA,QACG;AACH,MAAI,CAAC,QAAQ,UAAU;AACrB,oBAAgB,CAAC,UAAU,EAAE,GAAG,MAAM,CAAC,GAAG,GAAG,MAAM,EAAE;AAAA,EACvD;AACF;;;ADjBO,SAAS,MAAM,QAAsB;AAC1C,SAAO,QAAQ,KAAK,MAAM,CAAC;AAC7B;AAYO,SAAS,2BACd,UACA,QACoB;AACpB,MAAI,CAAC,SAAU,QAAO;AAEtB,MAAI,QAAQ,SAAS,QAAQ,MAAM,EAAE,EAAE,YAAY;AAEnD,MAAI,QAAQ;AAEV,QAAI,MAAM,WAAW,GAAG;AACtB,cAAQ,MAAM,MAAM,GAAG,CAAC;AAAA,IAC1B;AACA,WAAO,IAAI,KAAK;AAAA,EAClB,OAAO;AAEL,QAAI;AACJ,QAAI,MAAM,WAAW,GAAG;AAEtB,oBAAc,IAAI,KAAK;AAAA,IACzB,WAAW,MAAM,WAAW,GAAG;AAE7B,oBAAc,IAAI,KAAK;AAAA,IACzB,OAAO;AAEL,oBAAc,IAAI,KAAK;AAAA,IACzB;AACA,WAAO;AAAA,EACT;AACF;","names":[]}
+{"version":3,"sources":["../../src/utils/utils.ts","../../src/utils/dropdown.ts","../../src/utils/activityFilters.ts"],"sourcesContent":["import { clsx, type ClassValue } from 'clsx';\nimport { twMerge } from 'tailwind-merge';\n\nexport function cn(...inputs: ClassValue[]) {\n  return twMerge(clsx(inputs));\n}\n\nexport { syncDropdownState } from './dropdown';\nexport {\n  getSelectedIdsFromCategories,\n  toggleArrayItem,\n  toggleSingleValue,\n} from './activityFilters';\n\n/**\n * Retorna a cor hexadecimal com opacidade 0.3 (4d) se não estiver em dark mode.\n * Se estiver em dark mode, retorna a cor original.\n *\n * @param hexColor - Cor hexadecimal (ex: \"#0066b8\" ou \"0066b8\")\n * @param isDark - booleano indicando se está em dark mode\n * @returns string - cor hexadecimal com opacidade se necessário\n */\nexport function getSubjectColorWithOpacity(\n  hexColor: string | undefined,\n  isDark: boolean\n): string | undefined {\n  if (!hexColor) return undefined;\n  // Remove o '#' se existir\n  let color = hexColor.replace(/^#/, '').toLowerCase();\n\n  if (isDark) {\n    // Se está em dark mode, sempre remove opacidade se existir\n    if (color.length === 8) {\n      color = color.slice(0, 6);\n    }\n    return `#${color}`;\n  } else {\n    // Se não está em dark mode (light mode)\n    let resultColor: string;\n    if (color.length === 6) {\n      // Adiciona opacidade 0.3 (4D) para cores de 6 dígitos\n      resultColor = `#${color}4d`;\n    } else if (color.length === 8) {\n      // Já tem opacidade, retorna como está\n      resultColor = `#${color}`;\n    } else {\n      // Para outros tamanhos (3, 4, 5 dígitos), retorna como está\n      resultColor = `#${color}`;\n    }\n    return resultColor;\n  }\n}\n","import type { Dispatch, SetStateAction } from 'react';\n\n/**\n * Synchronizes dropdown state when it closes externally\n * This ensures the toggle button state matches the dropdown state\n *\n * @param open - Current dropdown open state\n * @param isActive - Current active state of the toggle button\n * @param setActiveStates - Function to update active states\n * @param key - Key identifier for the specific dropdown\n */\nexport const syncDropdownState = (\n  open: boolean,\n  isActive: boolean,\n  setActiveStates: Dispatch<SetStateAction<Record<string, boolean>>>,\n  key: string\n) => {\n  if (!open && isActive) {\n    setActiveStates((prev) => ({ ...prev, [key]: false }));\n  }\n};\n","import type { CategoryConfig } from '../components/CheckBoxGroup/CheckBoxGroup';\n\n/**\n * Extracts selected IDs from knowledge categories by their keys\n * @param categories - Array of category configurations\n * @param keys - Object mapping output keys to category keys\n * @returns Object with extracted selected IDs for each output key\n */\nexport function getSelectedIdsFromCategories(\n  categories: CategoryConfig[],\n  keys: Record<string, string>\n): Record<string, string[]> {\n  const result: Record<string, string[]> = {};\n\n  for (const [outputKey, categoryKey] of Object.entries(keys)) {\n    const category = categories.find((c) => c.key === categoryKey);\n    result[outputKey] = category?.selectedIds || [];\n  }\n\n  return result;\n}\n\n/**\n * Toggles an item in an array (adds if not present, removes if present)\n * @param array - Current array\n * @param item - Item to toggle\n * @returns New array with item toggled\n */\nexport function toggleArrayItem<T>(array: T[], item: T): T[] {\n  return array.includes(item)\n    ? array.filter((i) => i !== item)\n    : [...array, item];\n}\n\n/**\n * Toggles a single value (returns null if current value, otherwise returns new value)\n * @param currentValue - Current selected value\n * @param newValue - Value to toggle to\n * @returns New value or null if toggling off\n */\nexport function toggleSingleValue<T>(\n  currentValue: T | null,\n  newValue: T\n): T | null {\n  return currentValue === newValue ? null : newValue;\n}\n"],"mappings":";AAAA,SAAS,YAA6B;AACtC,SAAS,eAAe;;;ACUjB,IAAM,oBAAoB,CAC/B,MACA,UACA,iBACA,QACG;AACH,MAAI,CAAC,QAAQ,UAAU;AACrB,oBAAgB,CAAC,UAAU,EAAE,GAAG,MAAM,CAAC,GAAG,GAAG,MAAM,EAAE;AAAA,EACvD;AACF;;;ACZO,SAAS,6BACd,YACA,MAC0B;AAC1B,QAAM,SAAmC,CAAC;AAE1C,aAAW,CAAC,WAAW,WAAW,KAAK,OAAO,QAAQ,IAAI,GAAG;AAC3D,UAAM,WAAW,WAAW,KAAK,CAAC,MAAM,EAAE,QAAQ,WAAW;AAC7D,WAAO,SAAS,IAAI,UAAU,eAAe,CAAC;AAAA,EAChD;AAEA,SAAO;AACT;AAQO,SAAS,gBAAmB,OAAY,MAAc;AAC3D,SAAO,MAAM,SAAS,IAAI,IACtB,MAAM,OAAO,CAAC,MAAM,MAAM,IAAI,IAC9B,CAAC,GAAG,OAAO,IAAI;AACrB;AAQO,SAAS,kBACd,cACA,UACU;AACV,SAAO,iBAAiB,WAAW,OAAO;AAC5C;;;AF1CO,SAAS,MAAM,QAAsB;AAC1C,SAAO,QAAQ,KAAK,MAAM,CAAC;AAC7B;AAiBO,SAAS,2BACd,UACA,QACoB;AACpB,MAAI,CAAC,SAAU,QAAO;AAEtB,MAAI,QAAQ,SAAS,QAAQ,MAAM,EAAE,EAAE,YAAY;AAEnD,MAAI,QAAQ;AAEV,QAAI,MAAM,WAAW,GAAG;AACtB,cAAQ,MAAM,MAAM,GAAG,CAAC;AAAA,IAC1B;AACA,WAAO,IAAI,KAAK;AAAA,EAClB,OAAO;AAEL,QAAI;AACJ,QAAI,MAAM,WAAW,GAAG;AAEtB,oBAAc,IAAI,KAAK;AAAA,IACzB,WAAW,MAAM,WAAW,GAAG;AAE7B,oBAAc,IAAI,KAAK;AAAA,IACzB,OAAO;AAEL,oBAAc,IAAI,KAAK;AAAA,IACzB;AACA,WAAO;AAAA,EACT;AACF;","names":[]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "analytica-frontend-lib",
-  "version": "1.2.23",
+  "version": "1.2.25",
   "description": "Repositório público dos componentes utilizados nas plataformas da Analytica Ensino",
   "main": "dist/index.cjs",
   "module": "./dist/index.js",
@@ -21,6 +21,7 @@
     },
     "./styles.css": "./dist/styles.css",
     "./accordation": "./dist/Accordation/index.js",
+    "./activity-filters": "./dist/ActivityFilters/index.js",
     "./alert": "./dist/Alert/index.js",
     "./alert-dialog": "./dist/AlertDialog/index.js",
     "./alternative": "./dist/Alternative/index.js",
@@ -42,6 +43,7 @@
     "./icon-rounded-button": "./dist/IconRoundedButton/index.js",
     "./image-upload": "./dist/ImageUpload/index.js",
     "./input": "./dist/Input/index.js",
+    "./latex-renderer": "./dist/LatexRenderer/index.js",
     "./menu": "./dist/Menu/index.js",
     "./modal": "./dist/Modal/index.js",
     "./modal/videoutils": "./dist/Modal/videoUtils/index.js",
@@ -122,9 +124,13 @@
   },
   "dependencies": {
     "clsx": "^2.1.1",
+    "dompurify": "^3.3.0",
+    "html-react-parser": "^5.2.8",
+    "katex": "^0.16.25",
     "phosphor-react": "^1.4.1",
     "react": "^19.1.0",
     "react-dom": "^19.1.0",
+    "react-katex": "^3.1.0",
     "tailwind-merge": "^3.3.1",
     "zustand": "^5.0.5"
   },
@@ -137,9 +143,13 @@
     "@testing-library/jest-dom": "^6.6.3",
     "@testing-library/react": "^16.3.0",
     "@testing-library/user-event": "^14.6.1",
+    "@types/dompurify": "^3.2.0",
+    "@types/identity-obj-proxy": "^3",
     "@types/jest": "^29.5.14",
+    "@types/katex": "^0.16.7",
     "@types/react": "^19.1.6",
     "@types/react-dom": "^19.1.6",
+    "@types/react-katex": "^3",
     "@typescript-eslint/eslint-plugin": "^8.34.0",
     "@typescript-eslint/parser": "^8.34.0",
     "autoprefixer": "^10.4.21",
@@ -148,6 +158,7 @@
     "eslint-plugin-jsdoc": "^50.7.1",
     "eslint-plugin-prettier": "^5.4.1",
     "husky": "^9.1.7",
+    "identity-obj-proxy": "^3.0.0",
     "jest": "^29.7.0",
     "jest-environment-jsdom": "^29.7.0",
     "jest-sonar-reporter": "^2.0.0",