analytica-frontend-lib 1.1.93 → 1.1.95

package/dist/BreadcrumbMenu/useUrlParams/index.js

@@ -0,0 +1,43 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/BreadcrumbMenu/useUrlParams.ts
+var useUrlParams_exports = {};
+__export(useUrlParams_exports, {
+  useUrlParams: () => useUrlParams
+});
+module.exports = __toCommonJS(useUrlParams_exports);
+var import_react = require("react");
+var import_react_router_dom = require("react-router-dom");
+var useUrlParams = (config) => {
+  const location = (0, import_react_router_dom.useLocation)();
+  return (0, import_react.useMemo)(() => {
+    const segments = location.pathname.split("/").filter(Boolean);
+    const params = {};
+    for (const [key, index] of Object.entries(config)) {
+      params[key] = segments[index];
+    }
+    return params;
+  }, [location.pathname, config]);
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  useUrlParams
+});
+//# sourceMappingURL=index.js.map

package/dist/BreadcrumbMenu/useUrlParams/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/BreadcrumbMenu/useUrlParams.ts"],"sourcesContent":["import { useMemo } from 'react';\nimport { useLocation } from 'react-router-dom';\n\n/**\n * Configuração para extração de parâmetros da URL\n */\nexport interface UrlParamsConfig {\n  /** Mapa de nome do parâmetro para seu índice no path */\n  [key: string]: number;\n}\n\n/**\n * Hook genérico para extrair parâmetros de uma URL baseado em índices\n *\n * @param config - Configuração com os índices dos parâmetros no path\n * @returns Objeto com os parâmetros extraídos\n *\n * @example\n * ```tsx\n * // URL: /desempenho/lista-temas/123/subtemas/456\n * // Path segments: ['desempenho', 'lista-temas', '123', 'subtemas', '456']\n * const params = useUrlParams({\n *   subjectId: 2,  // índice 2 = '123'\n *   topicId: 4,    // índice 4 = '456'\n * });\n *\n * console.log(params); // { subjectId: '123', topicId: '456' }\n * ```\n */\nexport const useUrlParams = <T extends UrlParamsConfig>(\n  config: T\n): Record<keyof T, string | undefined> => {\n  const location = useLocation();\n\n  return useMemo(() => {\n    const segments = location.pathname.split('/').filter(Boolean);\n    const params: Record<string, string | undefined> = {};\n\n    for (const [key, index] of Object.entries(config)) {\n      params[key] = segments[index];\n    }\n\n    return params as Record<keyof T, string | undefined>;\n  }, [location.pathname, config]);\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAwB;AACxB,8BAA4B;AA4BrB,IAAM,eAAe,CAC1B,WACwC;AACxC,QAAM,eAAW,qCAAY;AAE7B,aAAO,sBAAQ,MAAM;AACnB,UAAM,WAAW,SAAS,SAAS,MAAM,GAAG,EAAE,OAAO,OAAO;AAC5D,UAAM,SAA6C,CAAC;AAEpD,eAAW,CAAC,KAAK,KAAK,KAAK,OAAO,QAAQ,MAAM,GAAG;AACjD,aAAO,GAAG,IAAI,SAAS,KAAK;AAAA,IAC9B;AAEA,WAAO;AAAA,EACT,GAAG,CAAC,SAAS,UAAU,MAAM,CAAC;AAChC;","names":[]}

package/dist/BreadcrumbMenu/useUrlParams/index.mjs

@@ -0,0 +1,18 @@
+// src/components/BreadcrumbMenu/useUrlParams.ts
+import { useMemo } from "react";
+import { useLocation } from "react-router-dom";
+var useUrlParams = (config) => {
+  const location = useLocation();
+  return useMemo(() => {
+    const segments = location.pathname.split("/").filter(Boolean);
+    const params = {};
+    for (const [key, index] of Object.entries(config)) {
+      params[key] = segments[index];
+    }
+    return params;
+  }, [location.pathname, config]);
+};
+export {
+  useUrlParams
+};
+//# sourceMappingURL=index.mjs.map

package/dist/BreadcrumbMenu/useUrlParams/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/BreadcrumbMenu/useUrlParams.ts"],"sourcesContent":["import { useMemo } from 'react';\nimport { useLocation } from 'react-router-dom';\n\n/**\n * Configuração para extração de parâmetros da URL\n */\nexport interface UrlParamsConfig {\n  /** Mapa de nome do parâmetro para seu índice no path */\n  [key: string]: number;\n}\n\n/**\n * Hook genérico para extrair parâmetros de uma URL baseado em índices\n *\n * @param config - Configuração com os índices dos parâmetros no path\n * @returns Objeto com os parâmetros extraídos\n *\n * @example\n * ```tsx\n * // URL: /desempenho/lista-temas/123/subtemas/456\n * // Path segments: ['desempenho', 'lista-temas', '123', 'subtemas', '456']\n * const params = useUrlParams({\n *   subjectId: 2,  // índice 2 = '123'\n *   topicId: 4,    // índice 4 = '456'\n * });\n *\n * console.log(params); // { subjectId: '123', topicId: '456' }\n * ```\n */\nexport const useUrlParams = <T extends UrlParamsConfig>(\n  config: T\n): Record<keyof T, string | undefined> => {\n  const location = useLocation();\n\n  return useMemo(() => {\n    const segments = location.pathname.split('/').filter(Boolean);\n    const params: Record<string, string | undefined> = {};\n\n    for (const [key, index] of Object.entries(config)) {\n      params[key] = segments[index];\n    }\n\n    return params as Record<keyof T, string | undefined>;\n  }, [location.pathname, config]);\n};\n"],"mappings":";AAAA,SAAS,eAAe;AACxB,SAAS,mBAAmB;AA4BrB,IAAM,eAAe,CAC1B,WACwC;AACxC,QAAM,WAAW,YAAY;AAE7B,SAAO,QAAQ,MAAM;AACnB,UAAM,WAAW,SAAS,SAAS,MAAM,GAAG,EAAE,OAAO,OAAO;AAC5D,UAAM,SAA6C,CAAC;AAEpD,eAAW,CAAC,KAAK,KAAK,KAAK,OAAO,QAAQ,MAAM,GAAG;AACjD,aAAO,GAAG,IAAI,SAAS,KAAK;AAAA,IAC9B;AAEA,WAAO;AAAA,EACT,GAAG,CAAC,SAAS,UAAU,MAAM,CAAC;AAChC;","names":[]}

package/dist/StatisticsCard/index.d.mts

@@ -0,0 +1,77 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+/**
+ * Statistics data item
+ */
+interface StatItem {
+    /** Statistic label */
+    label: string;
+    /** Statistic value */
+    value: string | number;
+    /** Color variant */
+    variant: 'high' | 'medium' | 'low' | 'total';
+}
+/**
+ * Props for StatisticsCard component
+ */
+interface StatisticsCardProps {
+    /** Title displayed at the top of the card */
+    title: string;
+    /** Statistics data to display */
+    data?: StatItem[];
+    /** Message shown in empty state */
+    emptyStateMessage?: string;
+    /** Text for the empty state button */
+    emptyStateButtonText?: string;
+    /** Callback when empty state button is clicked */
+    onEmptyStateButtonClick?: () => void;
+    /** Optional dropdown options for filtering */
+    dropdownOptions?: Array<{
+        label: string;
+        value: string;
+    }>;
+    /** Currently selected dropdown value */
+    selectedDropdownValue?: string;
+    /** Callback when dropdown value changes */
+    onDropdownChange?: (value: string) => void;
+    /** Placeholder text for the dropdown select */
+    selectPlaceholder?: string;
+    /** Accessible label for the dropdown select */
+    dropdownAriaLabel?: string;
+    /** Additional CSS classes */
+    className?: string;
+}
+/**
+ * StatisticsCard component - displays statistics with empty state support
+ *
+ * @example
+ * ```tsx
+ * // With data
+ * <StatisticsCard
+ *   title="Estatística das atividades"
+ *   data={[
+ *     { label: 'Acertos', value: '85%', variant: 'high' },
+ *     { label: 'Em andamento', value: 12, variant: 'medium' },
+ *     { label: 'Erros', value: '15%', variant: 'low' },
+ *     { label: 'Concluídas', value: 24, variant: 'total' }
+ *   ]}
+ *   dropdownOptions={[
+ *     { label: '1 ano', value: '1year' },
+ *     { label: '6 meses', value: '6months' }
+ *   ]}
+ *   selectedDropdownValue="1year"
+ *   onDropdownChange={(value) => console.log(value)}
+ * />
+ *
+ * // Empty state
+ * <StatisticsCard
+ *   title="Estatística das atividades"
+ *   emptyStateMessage="Sem dados por enquanto. Crie uma atividade para que os resultados apareçam aqui."
+ *   emptyStateButtonText="Criar atividade"
+ *   onEmptyStateButtonClick={() => console.log('Create activity')}
+ * />
+ * ```
+ */
+declare const StatisticsCard: ({ title, data, emptyStateMessage, emptyStateButtonText, onEmptyStateButtonClick, dropdownOptions, selectedDropdownValue, onDropdownChange, selectPlaceholder, dropdownAriaLabel, className, }: StatisticsCardProps) => react_jsx_runtime.JSX.Element;
+
+export { StatisticsCard };

package/dist/StatisticsCard/index.d.ts

@@ -0,0 +1,77 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+/**
+ * Statistics data item
+ */
+interface StatItem {
+    /** Statistic label */
+    label: string;
+    /** Statistic value */
+    value: string | number;
+    /** Color variant */
+    variant: 'high' | 'medium' | 'low' | 'total';
+}
+/**
+ * Props for StatisticsCard component
+ */
+interface StatisticsCardProps {
+    /** Title displayed at the top of the card */
+    title: string;
+    /** Statistics data to display */
+    data?: StatItem[];
+    /** Message shown in empty state */
+    emptyStateMessage?: string;
+    /** Text for the empty state button */
+    emptyStateButtonText?: string;
+    /** Callback when empty state button is clicked */
+    onEmptyStateButtonClick?: () => void;
+    /** Optional dropdown options for filtering */
+    dropdownOptions?: Array<{
+        label: string;
+        value: string;
+    }>;
+    /** Currently selected dropdown value */
+    selectedDropdownValue?: string;
+    /** Callback when dropdown value changes */
+    onDropdownChange?: (value: string) => void;
+    /** Placeholder text for the dropdown select */
+    selectPlaceholder?: string;
+    /** Accessible label for the dropdown select */
+    dropdownAriaLabel?: string;
+    /** Additional CSS classes */
+    className?: string;
+}
+/**
+ * StatisticsCard component - displays statistics with empty state support
+ *
+ * @example
+ * ```tsx
+ * // With data
+ * <StatisticsCard
+ *   title="Estatística das atividades"
+ *   data={[
+ *     { label: 'Acertos', value: '85%', variant: 'high' },
+ *     { label: 'Em andamento', value: 12, variant: 'medium' },
+ *     { label: 'Erros', value: '15%', variant: 'low' },
+ *     { label: 'Concluídas', value: 24, variant: 'total' }
+ *   ]}
+ *   dropdownOptions={[
+ *     { label: '1 ano', value: '1year' },
+ *     { label: '6 meses', value: '6months' }
+ *   ]}
+ *   selectedDropdownValue="1year"
+ *   onDropdownChange={(value) => console.log(value)}
+ * />
+ *
+ * // Empty state
+ * <StatisticsCard
+ *   title="Estatística das atividades"
+ *   emptyStateMessage="Sem dados por enquanto. Crie uma atividade para que os resultados apareçam aqui."
+ *   emptyStateButtonText="Criar atividade"
+ *   onEmptyStateButtonClick={() => console.log('Create activity')}
+ * />
+ * ```
+ */
+declare const StatisticsCard: ({ title, data, emptyStateMessage, emptyStateButtonText, onEmptyStateButtonClick, dropdownOptions, selectedDropdownValue, onDropdownChange, selectPlaceholder, dropdownAriaLabel, className, }: StatisticsCardProps) => react_jsx_runtime.JSX.Element;
+
+export { StatisticsCard };