wca-designsystem 1.0.57 → 1.0.58

package/package.json

@@ -1,5 +1,5 @@
 {
-  "version": "1.0.57",
+  "version": "1.0.58",
   "license": "MIT",
   "main": "dist/index.js",
   "typings": "dist/index.d.ts",

package/src/components/organismos/Tabela/header.tsx

@@ -1,42 +1,42 @@
-import React from 'react';
-import { Checkbox, Switch } from '@mantine/core';
-import * as S from './styles';
-import { Column } from '.';
-import buscar from '../../../assets/imagens/icons/Busca.svg';
-import { useCallback } from 'react';
-import { theme } from '../../../styles/theme';
-import { Capitalize } from '../../../utils/functions';
-import InputDeTexto from '../../atomos/InputDeTexto';
-import Icone from '../../atomos/Icone';
+import React from 'react'
+import { Checkbox, Switch } from '@mantine/core'
+import * as S from './styles'
+import { Column } from '.'
+import buscar from '../../../assets/imagens/icons/Busca.svg'
+import { useCallback } from 'react'
+import { theme } from '../../../styles/theme'
+import { Capitalize } from '../../../utils/functions'
+import InputDeTexto from '../../atomos/InputDeTexto'
+import Icone from '../../atomos/Icone'
 
 type HeaderOptions = {
-  [key: string | number | symbol]: string; // Um índice genérico para mapear headers a valores
-};
+  [key: string | number | symbol]: string // Um índice genérico para mapear headers a valores
+}
 
 type HeaderTabelaProps<T> = {
-  data: Array<T>;
-  columns: Column<T>[];
-  selectAllChecked?: boolean;
-  setSelectAllChecked?: React.Dispatch<React.SetStateAction<boolean>>;
-  setRowSelection?: React.Dispatch<React.SetStateAction<Array<T>>> | undefined;
-  fixedPosition: Array<String>;
-  calcStickPosition?: (index: number) => number;
-  headerSelection?: Array<String>;
-  color?: string;
-  tdMinWidth?: string;
-  toogleFiltros: boolean;
-  hasSelect?: boolean;
-  hasExpand?: boolean;
-  setSimples: React.Dispatch<React.SetStateAction<boolean>>;
-  setGlobalFilter: React.Dispatch<React.SetStateAction<string>>;
-  setPagination: React.Dispatch<any>;
+  data: Array<T>
+  columns: Column<T>[]
+  selectAllChecked?: boolean
+  setSelectAllChecked?: React.Dispatch<React.SetStateAction<boolean>>
+  setRowSelection?: React.Dispatch<React.SetStateAction<Array<T>>> | undefined
+  fixedPosition: Array<String>
+  calcStickPosition?: (index: number) => number
+  headerSelection?: Array<String>
+  color?: string
+  tdMinWidth?: string
+  toogleFiltros: boolean
+  hasSelect?: boolean
+  hasExpand?: boolean
+  setSimples: React.Dispatch<React.SetStateAction<boolean>>
+  setGlobalFilter: React.Dispatch<React.SetStateAction<string>>
+  setPagination: React.Dispatch<any>
   setFiltrosPor: React.Dispatch<
     React.SetStateAction<{
-      value: string;
-      label: string;
+      value: string
+      label: string
     }>
-  >;
-};
+  >
+}
 const HeaderTabela = <T,>({
   data,
   selectAllChecked,
@@ -59,44 +59,45 @@ const HeaderTabela = <T,>({
   const coloredHeader = useCallback(
     (key: string | number | symbol) => {
       if (!headerSelection) {
-        return { background: color, color: theme.colors.white! };
+        return { background: color, color: theme.colors.white! }
       }
 
       const isHeaderSelect = headerSelection?.some(
-        headerSelect => headerSelect === key
-      );
+        (headerSelect) => headerSelect === key
+      )
 
       if (isHeaderSelect) {
-        return { background: color!, color: theme.colors.white };
+        return { background: color!, color: theme.colors.white }
       } else {
-        return { background: theme.colors.white, color: color! };
+        return { background: theme.colors.white, color: color! }
       }
     },
     [headerSelection]
-  );
+  )
 
   const handleSelectAll = useCallback(
     (checked: boolean) => {
-      setSelectAllChecked?.(checked);
+      setSelectAllChecked?.(checked)
 
       if (checked) {
-        setRowSelection!(data); // Seleciona todos os dados
+        setRowSelection!(data) // Seleciona todos os dados
       } else {
-        setRowSelection!([]); // Desmarca todos
+        setRowSelection!([]) // Desmarca todos
       }
     },
     [data, setRowSelection]
-  );
+  )
 
-  const renderHeaderOptions = useCallback((header: string | number | symbol):
-    | string
-    | undefined => {
-    const especialHeaders: HeaderOptions = {
-      ativo: 'Status',
-    };
+  const renderHeaderOptions = useCallback(
+    (header: string | number | symbol): string | undefined => {
+      const especialHeaders: HeaderOptions = {
+        ativo: 'Status',
+      }
 
-    return especialHeaders[header] ?? Capitalize(String(header));
-  }, []);
+      return especialHeaders[header] ?? Capitalize(String(header))
+    },
+    []
+  )
   return (
     <S.TabelaHeader color={color}>
       <tr>
@@ -108,21 +109,21 @@ const HeaderTabela = <T,>({
               color={color}
               type="checkbox"
               checked={selectAllChecked}
-              onChange={e => handleSelectAll(e.target.checked)}
+              onChange={(e) => handleSelectAll(e.target.checked)}
             />
           </th>
         )}
         {columns.map((header, index) => {
           if (header.key === 'expand')
-            return <th key={index} className="expand"></th>;
+            return <th key={index} className="expand"></th>
           if (header.key === 'select')
-            return <React.Fragment key={index}></React.Fragment>;
+            return <React.Fragment key={index}></React.Fragment>
           if (header.key !== 'acoes') {
             return (
               <th
                 key={index}
                 className={
-                  fixedPosition?.some(fixed => header.key === fixed)
+                  fixedPosition?.some((fixed) => header.key === fixed)
                     ? 'sticky'
                     : ''
                 }
@@ -130,7 +131,7 @@ const HeaderTabela = <T,>({
                   minWidth: tdMinWidth,
                   background: coloredHeader(header.key).background,
                   color: coloredHeader(header.key).color,
-                  left: fixedPosition?.some(fixed => header.key === fixed)
+                  left: fixedPosition?.some((fixed) => header.key === fixed)
                     ? calcStickPosition!(index)
                     : 0,
                 }}
@@ -142,14 +143,14 @@ const HeaderTabela = <T,>({
                         defaultChecked
                         label="ativo"
                         color={color}
-                        onChange={e => {
-                          setSimples(false);
+                        onChange={(e) => {
+                          setSimples(false)
                           setFiltrosPor({
                             label: 'Ativo',
                             value: 'ativo',
-                          });
-                          setGlobalFilter(String(e.currentTarget.checked));
-                          setPagination({ pageIndex: 1, pageSize: 10 });
+                          })
+                          setGlobalFilter(String(e.currentTarget.checked))
+                          setPagination({ pageIndex: 1, pageSize: 10 })
                         }}
                       />
                     ) : (
@@ -160,16 +161,16 @@ const HeaderTabela = <T,>({
                         }
                         tipo="table"
                         placeholder={`Pesquisar por: ${header.header}`}
-                        onChange={e => {
-                          setPagination({ pageIndex: 1, pageSize: 10 });
+                        onChange={(e) => {
+                          setPagination({ pageIndex: 1, pageSize: 10 })
                           setFiltrosPor({
                             label: header.header,
                             value:
                               header.key === 'nome'
                                 ? 'nomeCompleto'
                                 : String(header.key),
-                          });
-                          setGlobalFilter(e.currentTarget.value);
+                          })
+                          setGlobalFilter(e.currentTarget.value)
                         }}
                         leftSection={<Icone fill={color} svg={buscar} />}
                       />
@@ -179,7 +180,7 @@ const HeaderTabela = <T,>({
                   <>{renderHeaderOptions(header.header)}</>
                 )}
               </th>
-            );
+            )
           } else {
             return (
               <th
@@ -190,14 +191,14 @@ const HeaderTabela = <T,>({
                   right: header.key === 'mrt-row-actions' ? '0' : undefined,
                 }}
               >
-                <p>Ações</p>
+                Ações
               </th>
-            );
+            )
           }
         })}
       </tr>
     </S.TabelaHeader>
-  );
-};
+  )
+}
 
-export default HeaderTabela;
+export default HeaderTabela