wca-designsystem 0.0.78 → 0.0.80

package/package.json

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

package/src/components/atomos/NavbarTituloHeader/styles.ts

@@ -33,7 +33,9 @@ export const LinkText = styled.div`
     display: none;
 
     h3 {
-      font-size: ${theme.sizes?.meddium};
+      font-size: ${theme.sizes?.small};
+      white-space: nowrap;
+      position: absolute;
     }
 
     p {

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

@@ -24,6 +24,7 @@ export interface PassosProps extends Omit<StepperProps, 'children' | 'active'> {
   onClickSteep?: (id: number) => void;
   ciclo: string;
   color?: string;
+  nextSteepButtonLabel?: string;
   moreButtons?: Array<{
     label: string;
     onClick: () => void;
@@ -38,6 +39,7 @@ function Passos({
   passo,
   setPasso,
   ciclo,
+  nextSteepButtonLabel,
   onClickSteep,
   moreButtons,
   color = theme.colors.blue,
@@ -90,6 +92,7 @@ function Passos({
             <Stepper.Step
               key={index}
               completedIcon={<>{passoMap.id + 1}</>}
+              onClick={() => onClickSteep!(passoMap.id)}
               disabled={passoMap.desabilitado}
               className={steepClasseChanger(
                 passoMap.id,
@@ -189,7 +192,7 @@ function Passos({
             onClick={() => setPasso(passo + 1)}
             tipo="default"
           >
-            Próximo Passo
+            {nextSteepButtonLabel}
           </Botao>
         </div>
       </S.PassoInfos>

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

@@ -7,7 +7,7 @@ import SetaBaixo from '../../../assets/imagens/icons/SetaAbaixo.svg';
 import Icone from '../../atomos/Icone';
 
 export interface BodyTableProps<
-  T extends { id: string | number; children?: Array<T> }
+  T extends { id: string | number; children?: Array<T>; disabled?: boolean }
 > {
   data: Array<T>;
   columns: Column<T>[];
@@ -22,9 +22,9 @@ export interface BodyTableProps<
   hasMoreData?: boolean;
 }
 
-function BodyTable<T extends { id: string | number; children?: Array<T> }>(
-  props: BodyTableProps<T>
-) {
+function BodyTable<
+  T extends { id: string | number; children?: Array<T>; disabled?: boolean }
+>(props: BodyTableProps<T>) {
   const {
     data,
     columns,
@@ -123,6 +123,7 @@ function BodyTable<T extends { id: string | number; children?: Array<T> }>(
                   size="md"
                   color={color}
                   type="checkbox"
+                  disabled={item.disabled}
                   checked={rowSelection?.some(
                     selected => selected.id === item.id
                   )}

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

@@ -66,7 +66,9 @@ export type CustomTableProps<
   hasInfinitScrool?: boolean;
 };
 
-const Tabela = <T extends { id: string | number; children?: Array<T> }>({
+const Tabela = <
+  T extends { id: string | number; children?: Array<T>; disabled?: boolean }
+>({
   data,
   columns,
   setPagination,

package/src/components/organismos/Tabela/styles.ts

@@ -51,7 +51,7 @@ export const StyledTable = styled.table`
     }
 
     th.select {
-      min-width: 50px;
+      border: none;
       padding: 0;
     }
   `}
@@ -108,6 +108,7 @@ export const TabelaBody = styled.tbody<ColorsProp>`
     .select {
       background-color: ${color};
       position: relative;
+      border: none;
       width: 50px;
       min-height: 53px;
       background-color: ${color};