wca-designsystem 1.0.81 → 1.0.82

package/package.json

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

package/src/components/molecules/TabelaHeader/index.tsx

@@ -1,35 +1,35 @@
-import React, { useCallback } from 'react';
-import * as S from './styles';
-import InputDeTexto from '../../atomos/InputDeTexto';
-import SelectCustomizado from '../../atomos/Select';
-import Icone from '../../atomos/Icone';
-import IconeBotao from '../../atomos/IconeBotao';
-import Botao from '../../atomos/Botao';
-import pesquisar from '../../../assets/imagens/icons/Busca.svg';
-import ordernar from '../../../assets/imagens/icons/Ordernar.svg';
-import { Column, SelectDataProps } from '../../organismos/Tabela';
-import filtrar from '../../../assets/imagens/icons/Filtrar.svg';
-import colunas from '../../../assets/imagens/icons/Colunas.svg';
-import plus from '../../../assets/imagens/icons/Mais.svg';
-import { Menu, Switch } from '@mantine/core';
+import React, { useCallback } from 'react'
+import * as S from './styles'
+import InputDeTexto from '../../atomos/InputDeTexto'
+import SelectCustomizado from '../../atomos/Select'
+import Icone from '../../atomos/Icone'
+import IconeBotao from '../../atomos/IconeBotao'
+import Botao from '../../atomos/Botao'
+import pesquisar from '../../../assets/imagens/icons/Busca.svg'
+import ordernar from '../../../assets/imagens/icons/Ordernar.svg'
+import { Column, SelectDataProps } from '../../organismos/Tabela'
+import filtrar from '../../../assets/imagens/icons/Filtrar.svg'
+import colunas from '../../../assets/imagens/icons/Colunas.svg'
+import plus from '../../../assets/imagens/icons/Mais.svg'
+import { Menu, Switch } from '@mantine/core'
 
 export type TabelaHeaderProps<
-  T extends { id: string | number; children?: Array<T> }
+  T extends { id: string | number; children?: Array<T> },
 > = {
-  globalFilter: string;
-  setGlobalFilter: React.Dispatch<React.SetStateAction<string>>;
-  setToogleFiltros: React.Dispatch<React.SetStateAction<boolean>>;
-  toogleFiltros: boolean;
-  color?: string;
-  hasOrder?: boolean;
-  hasAdd?: boolean;
-  setOrdenarPor?: React.Dispatch<React.SetStateAction<SelectDataProps>>;
-  handleAdicionar?: () => void;
-  ordenarPor?: SelectDataProps;
-  hasFiltersButtons?: boolean;
-  columns: Column<T>[];
-  setFormatedColumns: React.Dispatch<React.SetStateAction<Column<T>[]>>;
-};
+  globalFilter: string
+  setGlobalFilter: React.Dispatch<React.SetStateAction<string>>
+  setToogleFiltros: React.Dispatch<React.SetStateAction<boolean>>
+  toogleFiltros: boolean
+  color?: string
+  hasOrder?: boolean
+  hasAdd?: boolean
+  setOrdenarPor?: React.Dispatch<React.SetStateAction<SelectDataProps>>
+  handleAdicionar?: () => void
+  ordenarPor?: SelectDataProps
+  hasFiltersButtons?: boolean
+  columns: Column<T>[]
+  setFormatedColumns: React.Dispatch<React.SetStateAction<Column<T>[]>>
+}
 const TabelaHeader = <T extends { id: string | number; children?: Array<T> }>({
   globalFilter,
   setGlobalFilter,
@@ -46,21 +46,21 @@ const TabelaHeader = <T extends { id: string | number; children?: Array<T> }>({
   hasOrder,
 }: TabelaHeaderProps<T>) => {
   const onChangeCheckedColumn = useCallback((column: string) => {
-    const columnsFormated = columns.map(columnFiltered => {
+    const columnsFormated = columns.map((columnFiltered) => {
       if (columnFiltered.key === column) {
-        columnFiltered.active = !columnFiltered.active;
+        columnFiltered.active = !columnFiltered.active
       }
-      return columnFiltered;
-    });
-    setFormatedColumns(columnsFormated);
-  }, []);
+      return columnFiltered
+    })
+    setFormatedColumns(columnsFormated)
+  }, [])
 
-  const columnsToHide = ['expand', 'select', 'acoes'];
+  const columnsToHide = ['expand', 'select', 'acoes']
   return (
-    <S.HeaderTableContent>
+    <S.HeaderTableContent id="header-table-content">
       <InputDeTexto
         tipo="table"
-        onChange={e => setGlobalFilter(e.currentTarget.value)}
+        onChange={(e) => setGlobalFilter(e.currentTarget.value)}
         color={color}
         value={toogleFiltros ? '' : globalFilter}
         placeholder="Pesquisar na tabela"
@@ -111,8 +111,8 @@ const TabelaHeader = <T extends { id: string | number; children?: Array<T> }>({
             color={color}
             toolTipInfo="Filtros especificos"
             onClick={() => {
-              setToogleFiltros(!toogleFiltros);
-              setGlobalFilter('');
+              setToogleFiltros(!toogleFiltros)
+              setGlobalFilter('')
             }}
           >
             <Icone svg={filtrar} fill={color} width={20} />
@@ -132,26 +132,25 @@ const TabelaHeader = <T extends { id: string | number; children?: Array<T> }>({
           </button>
         </Menu.Target>
         <Menu.Dropdown>
-          {columns?.map(column => (
-            !columnsToHide.includes(column.key.toString()) &&
-            <Menu.Item key={String(column.key)}>
-              <S.MenuDropDown>
-                <Switch
-                  checked={column.active}
-                  onChange={() => onChangeCheckedColumn(String(column.key))}
-                  color={color}
-                />
-                {
-                  columnsToHide.includes(column.header) ? '' : column.header
-                }
-              </S.MenuDropDown>
-            </Menu.Item>
-
-          ))}
+          {columns?.map(
+            (column) =>
+              !columnsToHide.includes(column.key.toString()) && (
+                <Menu.Item key={String(column.key)}>
+                  <S.MenuDropDown>
+                    <Switch
+                      checked={column.active}
+                      onChange={() => onChangeCheckedColumn(String(column.key))}
+                      color={color}
+                    />
+                    {columnsToHide.includes(column.header) ? '' : column.header}
+                  </S.MenuDropDown>
+                </Menu.Item>
+              )
+          )}
         </Menu.Dropdown>
       </S.ToogleMenuColunas>
     </S.HeaderTableContent>
-  );
-};
+  )
+}
 
-export default TabelaHeader;
+export default TabelaHeader