@ssplib/react-components 0.0.274 → 0.0.276

package/components/form/table/TableErrorState.d.ts

@@ -0,0 +1,9 @@
+import { ReactNode } from 'react';
+interface TableErrorStateProps {
+    error: null | {
+        status: number;
+    };
+    customErrorMsg?: string | ReactNode;
+}
+export declare function TableErrorState({ customErrorMsg, error }: TableErrorStateProps): JSX.Element;
+export {};

package/components/form/table/TableErrorState.js

@@ -0,0 +1,27 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TableErrorState = void 0;
+const icons_material_1 = require("@mui/icons-material");
+const material_1 = require("@mui/material");
+const react_1 = __importDefault(require("react"));
+function TableErrorState({ customErrorMsg, error }) {
+    return (react_1.default.createElement(material_1.Box, { bgcolor: '#fff2c8', color: '#3e3129', padding: 2, marginX: 2, borderRadius: 4 },
+        react_1.default.createElement(material_1.Typography, { fontSize: 24, textAlign: 'center', fontFamily: 'Inter' },
+            error.status === 403 && 'Acesso negado',
+            error.status === 500 && (react_1.default.createElement(material_1.Box, { fontWeight: 500, textAlign: 'center' },
+                react_1.default.createElement(icons_material_1.ReportProblemRounded, { sx: {
+                        transform: 'scale(2)',
+                        marginY: 1,
+                        fill: '#3e3129',
+                    } }),
+                react_1.default.createElement(material_1.Box, null, customErrorMsg ? (customErrorMsg) : (react_1.default.createElement(react_1.default.Fragment, null,
+                    "N\u00E3o foi poss\u00EDvel se conectar ao servidor no momento. Por favor, aguarde alguns instantes e tente de novo.",
+                    react_1.default.createElement("br", null),
+                    react_1.default.createElement("br", null),
+                    "Caso precise de ajuda, entre em contato pelo email: ",
+                    react_1.default.createElement("strong", null, "cdes@ssp.df.gov.br")))))))));
+}
+exports.TableErrorState = TableErrorState;

package/components/form/table/TableLoadingState.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+interface TableLoadingStateProps {
+    tableName: string;
+}
+export declare function TableLoadingState({ tableName }: TableLoadingStateProps): JSX.Element;
+export {};

package/components/form/table/TableLoadingState.js

@@ -0,0 +1,39 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TableLoadingState = void 0;
+const icons_material_1 = require("@mui/icons-material");
+const material_1 = require("@mui/material");
+const Typography_1 = __importDefault(require("@mui/material/Typography"));
+const react_1 = __importDefault(require("react"));
+function TableLoadingState({ tableName }) {
+    return (react_1.default.createElement(material_1.Stack, { sx: {
+            height: '100%',
+            width: '100%',
+        }, justifyContent: 'center', alignItems: 'center' },
+        react_1.default.createElement(material_1.Box, { width: '100%' },
+            react_1.default.createElement(material_1.Stack, { direction: 'row', justifyContent: 'center', alignItems: 'center', justifyItems: 'center', spacing: 2, marginY: 4 },
+                react_1.default.createElement(icons_material_1.PendingRounded, { sx: {
+                        fill: '#5e5e5e',
+                    } }),
+                react_1.default.createElement(Typography_1.default, { fontWeight: 600, fontSize: 20, textTransform: 'capitalize', textAlign: 'center', color: '#5e5e5e' },
+                    "Carregando ",
+                    tableName)),
+            react_1.default.createElement(material_1.LinearProgress, { color: 'inherit' }),
+            Array(10)
+                .fill('')
+                .map((x) => (react_1.default.createElement(material_1.Stack, { direction: {
+                    xs: 'column',
+                    md: 'row',
+                }, spacing: {
+                    xs: 3,
+                    md: 1,
+                }, justifyContent: 'space-between', paddingY: 8, borderBottom: '1px solid #cacaca' }, Array(7)
+                .fill(0)
+                .map((y) => (react_1.default.createElement(material_1.Box, null,
+                react_1.default.createElement(material_1.Skeleton, { width: 60 }),
+                react_1.default.createElement(material_1.Skeleton, { width: 120 }))))))))));
+}
+exports.TableLoadingState = TableLoadingState;

package/components/form/table/types.d.ts

@@ -1,8 +1,8 @@
 import { BoxProps } from '@mui/material';
 import { ReactNode } from 'react';
-export interface ColumnData<T> {
+export interface ColumnData {
     title: string;
-    keyName: Partial<T>;
+    keyName: string;
     customComponent?: (content: string, obj: any) => JSX.Element;
     size?: number;
 }
@@ -30,181 +30,103 @@ export interface FilterValue {
 /**
  * Interface para as propriedades do componente Table.
  */
-export interface GenericTableProps<T> {
-    /**
-     * Identificador único da tabela.
-     */
+export interface TableProps {
+    /** ID único da tabela */
     id: string;
-    /**
-     * Configuração de largura para exibição em telas grandes.
-     */
+    /** Configurações de largura para telas grandes */
     mediaQueryLG?: {
         all: number;
         action: number;
     };
-    /**
-     * Funções de filtragem aplicáveis à tabela.
-     */
+    /** Funções de transformação para filtros */
     filtersFunc?: {
         [key: string]: (value: string) => any;
     };
-    /**
-     * Lista de filtros disponíveis.
-     */
+    /** Filtros disponíveis */
     filters?: FilterValue[];
-    /**
-     * Configuração da ordenação das colunas.
-     */
+    /** Ordenação por colunas */
     orderBy?: OrderBy[];
-    /**
-     * Margem personalizada para o componente.
-     */
+    /** Margem personalizada (desktop) */
     customMargin?: number;
-    /**
-     * Margem personalizada para visualização em dispositivos móveis.
-     */
+    /** Margem personalizada (mobile) */
     customMarginMobile?: number;
-    /**
-     * Define se os valores CSV devem ser normalizados (removendo acentos, por exemplo).
-     */
+    /** Normaliza textos (remove acentos) */
     normalize?: boolean;
-    /**
-     * Define se os valores CSV devem ser convertidos para maiúsculas.
-     */
+    /** Converte textos para maiúsculas */
     csvUpper?: boolean;
-    /**
-     * Estilo personalizado para a tabela.
-     */
+    /** Estilo customizado da tabela */
     customTableStyle?: BoxProps;
-    /**
-     * Caminho múltiplo para os dados dentro do JSON retornado pela API.
-     */
+    /** Caminho múltiplo dentro dos dados */
     multipleDataPath?: string;
-    /**
-     * Mensagem de erro personalizada para exibição na tabela.
-     */
+    /** Mensagem de erro personalizada */
     customErrorMsg?: string | ReactNode;
-    /**
-     * Remove aspas dos valores no CSV.
-     */
+    /** Remove aspas dos valores no CSV */
     removeQuotes?: boolean;
-    /**
-     * Lista de colunas a serem exibidas na tabela.
-     */
-    columns: ColumnData<T>[];
-    /**
-     * Nome da tabela para exibição.
-     */
+    /** Colunas da tabela */
+    columns: any[];
+    /** Nome da tabela */
     tableName: string;
-    /**
-     * Exibe botão para exportar todos os dados para CSV.
-     */
+    /** Exibe botão para exportar todos os dados */
     csvShowAllButton?: boolean;
-    /**
-     * Lista de chaves que devem ser excluídas da exportação para CSV.
-     */
+    /** Chaves excluídas da exportação (upper) */
     csvExcludeUpper?: string[];
-    /**
-     * Define se o CSV será exportado sem compactação.
-     */
+    /** Exporta CSV sem compactação */
     csvWithoutZip?: boolean;
-    /**
-     * Define o tamanho colapsado das células expansíveis.
-     */
+    /** Altura da célula colapsada */
     collapsedSize?: number;
-    /**
-     * Título do botão para exportação de todos os dados em CSV.
-     */
+    /** Texto do botão "Exportar todos em CSV" */
     csvAllButtonTitle?: string;
-    /**
-     * Título do botão para exportação em CSV.
-     */
+    /** Texto do botão "Exportar CSV" */
     csvButtonTitle?: string;
-    /**
-     * Título do botão para exportação sem compactação.
-     */
+    /** Texto do botão "Exportar sem ZIP" */
     csvNoZipText?: string;
-    /**
-     * Chave usada para nomeação de arquivos CSV compactados.
-     */
+    /** Chave para nomear arquivos ZIP */
     csvZipFileNamesKey?: string;
-    /**
-     * Define se será gerado um ZIP contendo os arquivos CSV.
-     */
+    /** Gera arquivo ZIP ao exportar */
     generateCsvZip?: boolean;
-    /**
-     * Função de validação para exclusão de chaves ao exportar CSV.
-     */
+    /** Validação para exclusão de chaves no CSV */
     csvExcludeValidate?: (key: string, value: string | number) => boolean;
-    /**
-     * Mapeamento de nomes personalizados para colunas do CSV.
-     */
+    /** Mapeia nomes customizados de colunas no CSV */
     csvCustomKeyNames?: {
         [key: string]: string;
     };
-    /**
-     * Define o tamanho máximo do texto antes de ser colapsado.
-     */
+    /** Tamanho máximo do texto antes de colapsar */
     expandTextMaxLength?: number;
-    /**
-     * Lista de chaves a serem excluídas da exportação para CSV.
-     */
+    /** Chaves excluídas da exportação CSV simples */
     csvExcludeKeysCSV?: string[];
-    /**
-     * Lista de chaves a serem excluídas da exportação geral para CSV.
-     */
+    /** Chaves excluídas da exportação geral */
     csvExcludeKeys?: string[];
-    /**
-     * Define se o título deve ser ocultado na exportação CSV.
-     */
+    /** Oculta o título na exportação CSV */
     hideTitleCSV?: boolean;
-    /**
-     * Lista de chaves a serem excluídas na exportação de todos os dados.
-     */
+    /** Chaves excluídas no CSV com todos os dados */
     csvExcludeKeysAll?: string[];
-    /**
-     * Nome da chave do status para identificação de status da linha.
-     */
+    /** Nome da chave para status da linha */
     statusKeyName?: string;
-    /**
-     * Quantidade de itens por página.
-     */
+    /** Quantidade de itens por página */
     itemCount?: number;
-    /**
-     * Componente para exibir ações específicas para cada linha.
-     */
+    /** Ações por linha */
     action: (prop: any) => JSX.Element;
-    /**
-     * Configuração para exportação de arquivos CSV.
-     */
+    /** Configuração para exportação CSV */
     csv?: {
         fileName: string;
     };
-    /**
-     * Define o número de colunas exibidas na tabela.
-     */
+    /** Número de colunas da tabela */
     columnSize: number;
-    /**
-     * Mensagens exibidas quando não há dados na tabela.
-     */
+    /** Função para buscar dados */
+    fetchFunc?: () => Promise<Response>;
+    /** Mensagens para quando não há dados */
     emptyMsg?: {
         user: string;
         public: string;
     };
-    /**
-     * Caminho dentro do JSON de resposta onde os dados estão armazenados.
-     */
+    /** Caminho dos dados no JSON da resposta */
     dataPath?: string;
-    /**
-     * Define se a autenticação via Keycloak será utilizada.
-     */
+    /** Usa autenticação via Keycloak */
     useKC?: boolean;
-    /**
-     * Dados da tabela
-     */
-    initialData: Array<Partial<T>> | null;
-    /**
-     *  Variável para renderizar componente de carregamento
-     */
+    /** Dados iniciais da tabela */
+    initialData: Array<{
+        [key: string]: any;
+    }> | null;
+    /** Flag de carregamento dos dados da tabela */
     isLoading?: boolean;
 }

package/components/form/table/utils.d.ts

@@ -0,0 +1,51 @@
+/// <reference types="react" />
+import { FilterValue, OrderBy } from './types';
+export declare const getCount: (countData: any[], itemsCount: number) => number;
+export declare function transformArrayObjectInString(o: Object): String;
+export declare function removePunctuationAndAccents(text: string): string;
+export declare function formatarString(str: string | number): string;
+interface FiltrarProps {
+    startData: any[];
+    filterData: FilterValue[];
+    filtersFuncData: {
+        [key: string]: (value: string) => any;
+    };
+    localTableName: string;
+    setList: (arg: any) => void;
+    setPagCount: (arg: any) => void;
+    setCurrentPage: (arg: number) => void;
+    setListPage: (arg: number) => void;
+    setListClone: (arg: any) => void;
+    itemsCount: number;
+}
+export declare function filtrarDados({ filterData, startData, filtersFuncData, localTableName, setCurrentPage, setList, setListClone, setListPage, setPagCount, itemsCount }: FiltrarProps): void;
+interface OrdenarDadosProps {
+    order: OrderBy;
+    list: any[];
+    orderAsc: boolean;
+}
+export declare function ordenarDados({ order, list, orderAsc }: OrdenarDadosProps): any[];
+export interface CsvExportOptions {
+    list: any[];
+    csvUpper?: boolean;
+    csvExcludeUpper?: string[];
+    csvExcludeKeys?: string[];
+    csvExcludeKeysCSV?: string[];
+    csvExcludeKeysAll?: string[];
+    csvCustomKeyNames?: {
+        [key: string]: string;
+    };
+    csvExcludeValidate?: (key: string, value: any) => boolean;
+    csv?: {
+        fileName: string;
+    };
+    multipleDataPath?: string;
+    normalize?: boolean;
+    removeQuotes?: boolean;
+    hideTitleCSV?: boolean;
+    generateCsvZip?: boolean;
+    csvZipFileNamesKey?: string;
+}
+export declare function downloadCSVFile(e: React.MouseEvent, zip: boolean, options: CsvExportOptions): Promise<void>;
+export declare function downloadCSVAll(e: React.MouseEvent, list: any[], keys: string[], fileName: string): void;
+export {};