wca-designsystem 1.0.66 → 1.0.67

package/package.json

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

package/src/components/modules/Cabecalho/index.tsx

@@ -10,6 +10,7 @@ import UsuarioNotifications, {
 
 export interface CabecalhoProps {
   notificacoes: NotificationsProps
+  removeTooltip?: boolean;
   temNotificacoes?: boolean
   color?: string
   icone: string
@@ -20,6 +21,7 @@ export interface CabecalhoProps {
 
 const Cabecalho = ({
   notificacoes,
+  removeTooltip,
   temNotificacoes,
   icone,
   info,
@@ -38,14 +40,19 @@ const Cabecalho = ({
           <p>{subTitulo}</p>
         </div>
 
-        <HoverPopUp texto={info} className="ajuda-wrapper">
-          <Icone
-            width={16}
-            height={16}
-            fill={theme.colors.gray['700']}
-            svg={ajuda}
-          />
-        </HoverPopUp>
+        {
+          !removeTooltip && (
+            <HoverPopUp texto={info} className="ajuda-wrapper">
+              <Icone
+                width={16}
+                height={16}
+                fill={theme.colors.gray['700']}
+                svg={ajuda}
+              />
+            </HoverPopUp>
+          )
+        }
+
       </S.CabecalhoInfoWrapper>
 
       {temNotificacoes && <UsuarioNotifications notificacoes={notificacoes} />}

package/src/components/modules/ConchaAplicacao/index.tsx

@@ -9,6 +9,7 @@ import { theme } from '../../../styles/theme'
 
 type ConchaAplicacaolType = {
   children: React.ReactNode
+  removeTooltip?:boolean;
   notificacoes: NotificationsProps
   links?: LinksProps[]
   modulo: string
@@ -28,6 +29,7 @@ type ConchaAplicacaolType = {
 }
 export function ConchaAplicacao({
   children,
+  removeTooltip,
   modulo,
   temNotificacoes,
   temChatBot,
@@ -69,6 +71,7 @@ export function ConchaAplicacao({
           onTrocarModulos={onTrocarModulos!}
         />
       </S.NavbarWrapper>
+      
       <S.ConchaAplicacaoMainWrapper>
         <Container size={1500}>
           <Cabecalho
@@ -79,6 +82,7 @@ export function ConchaAplicacao({
             color={color}
             temNotificacoes={temNotificacoes}
             notificacoes={notificacoes}
+            removeTooltip={removeTooltip}
           />
           {children}
         </Container>

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

@@ -12,6 +12,7 @@ export interface BodyTableProps<
   data: Array<T>;
   columns: Column<T>[];
   selectAllChecked?: boolean;
+  setSelectAllChecked?: React.Dispatch<React.SetStateAction<boolean>>
   fixedPosition?: string[] | undefined;
   color?: string;
   acoesChildren?: (row: T) => JSX.Element;
@@ -35,6 +36,7 @@ function BodyTable<
     selectedLine,
     setSelectedLine,
     selectAllChecked,
+    setSelectAllChecked,
     setRowSelection,
     color,
   } = props;
@@ -43,6 +45,7 @@ function BodyTable<
   const [expandedRows, setExpandedRows] = useState<Set<number | string>>(
     new Set()
   );
+
   const handleRowSelect = useCallback(
     (item: T, checked: boolean) => {
       // if (selectAllChecked) return;
@@ -99,8 +102,8 @@ function BodyTable<
             selectedLine?.id === item.id
               ? theme.colors.gray['500']
               : isSelected
-              ? theme.colors.gray['500']
-              : '',
+                ? theme.colors.gray['500']
+                : '',
         }}
       >
         {columns.map((column, colIndex) => {
@@ -125,8 +128,8 @@ function BodyTable<
                     transform: expandedRows.has(item.id)
                       ? 'rotate(-180deg)'
                       : hasChildren
-                      ? 'rotate(0deg)'
-                      : 'rotate(-90deg)',
+                        ? 'rotate(0deg)'
+                        : 'rotate(-90deg)',
                     color: color,
                     transition: 'ease-in 0.2s',
                   }}
@@ -143,14 +146,19 @@ function BodyTable<
                   color={color}
                   type="checkbox"
                   disabled={item.disabled}
-                  checked={rowSelection?.some(
-                    selected => selected.id === item.id
-                  )}
+                  checked={
+                    selectAllChecked || rowSelection?.some(
+                      selected => selected.id === item.id
+                    )
+                  }
                   onChange={() => {
-                    handleRowSelect(
-                      item,
-                      rowSelection!.some(selected => selected.id === item.id)
-                    );
+                    const isSelected = rowSelection!.some(selected => selected.id === item.id);
+
+                    if (selectAllChecked && isSelected && setSelectAllChecked) {
+                      setSelectAllChecked(false);
+                    }
+
+                    handleRowSelect(item, isSelected);
                   }}
                 />
               </td>
@@ -195,18 +203,18 @@ function BodyTable<
       </tr>,
       ...(expandedRows.has(item.id)
         ? item?.children!.flatMap(child =>
-            renderRows(
-              child,
-              columns,
-              expandedRows,
-              toggleExpandRow,
-              acoesChildren,
-              rowSelection,
-              setRowSelection,
-              color,
-              nivel + 1
-            )
+          renderRows(
+            child,
+            columns,
+            expandedRows,
+            toggleExpandRow,
+            acoesChildren,
+            rowSelection,
+            setRowSelection,
+            color,
+            nivel + 1
           )
+        )
         : []),
     ];
   }

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

@@ -101,30 +101,29 @@ const Tabela = <
   headerSelection,
   tabelaPaginacao,
   setSelectedLine,
-  tamanhoPaginacao,
+  tamanhoPaginacao = 34,
   hasInfinitScrool,
   selectAllChecked,
   hasFiltersButtons,
-  qtdRegistrosPagina,
-  quantidadeRegistros,
+  qtdRegistrosPagina = 5,
+  quantidadeRegistros = 170,
   setSelectAllChecked,
   tdMinWidth = '260px',
 }: CustomTableProps<T>) => {
-
   const dualScrollWrapperRef = useRef<HTMLDivElement>(null);
   const topScrollRef = useRef<HTMLDivElement>(null);
   const tableRef = useRef<HTMLDivElement>(null);
 
   const [toogleFiltros, setToogleFiltros] = useState(false)
   const [formatedColumns, setFormatedColumns] = useState(
-    columns.map((column) => ({
+    columns.map((column: any) => ({
       ...column,
       active: true,
     }))
   )
 
   const columnsToShow = formatedColumns.filter(
-    (column) => column.active === true
+    (column: any) => column.active === true
   )
 
   useEffect(() => {
@@ -241,6 +240,7 @@ const Tabela = <
                     hasSelect={hasSelect}
                     rowSelection={rowSelection}
                     selectAllChecked={selectAllChecked}
+                    setSelectAllChecked={setSelectAllChecked}
                     setRowSelection={setRowSelection}
                     selectedLine={selectedLine}
                     setSelectedLine={setSelectedLine}