wca-designsystem 1.0.54 → 1.0.56

package/package.json

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

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

@@ -1,27 +1,27 @@
-import React from 'react';
-import * as S from './styles';
-import { theme } from '../../../styles/theme';
-import { Box, Flex } from '@mantine/core';
-import IconeBotao from '../../atomos/IconeBotao';
-import Icone from '../../atomos/Icone';
-import alocar from '../../../assets/imagens/icons/Mais.svg';
-import ajuda from '../../../assets/imagens/icons/Ajuda.svg';
-import retirar from '../../../assets/imagens/icons/Menos.svg';
+import React from 'react'
+import * as S from './styles'
+import { theme } from '../../../styles/theme'
+import { Box, Flex } from '@mantine/core'
+import IconeBotao from '../../atomos/IconeBotao'
+import Icone from '../../atomos/Icone'
+import alocar from '../../../assets/imagens/icons/Mais.svg'
+import ajuda from '../../../assets/imagens/icons/Ajuda.svg'
+import retirar from '../../../assets/imagens/icons/Menos.svg'
 
 interface MosaicoCriticaProps {
-  color?: string;
-  nome?: string;
-  saldo?: string;
-  media?: string;
-  critica?: string;
-  mensagens?: string[];
-  absorcao?: string;
-  podeExecutar?: boolean;
-  desdobramento?: string;
-  disabledAlocar?: boolean;
-  disabledRetirar?: boolean;
-  onClickAlocar: () => void;
-  onClickRetirar: () => void;
+  color?: string
+  nome?: string
+  saldo?: string
+  media?: string
+  critica?: string
+  mensagens?: string[]
+  absorcao?: string
+  podeExecutar?: boolean
+  desdobramento?: string
+  disabledAlocar?: boolean
+  disabledRetirar?: boolean
+  onClickAlocar: () => void
+  onClickRetirar: () => void
 }
 
 const MosaicoCritica = ({
@@ -115,18 +115,18 @@ const MosaicoCritica = ({
           ) : (
             mensagens?.length !== 0 && (
               <IconeBotao
-                toolTipInfo={mensagens!.map(m => `• ${m}`).join('\n')}
+                toolTipInfo={mensagens!.map((m) => `• ${m}`).join('\n')}
                 tipo="round"
                 color={theme.colors.gray[300]}
               >
-                <Icone svg={ajuda} fill={color} width={14} height={14} />
+                <Icone svg={ajuda} fill={'#E50707'} width={14} height={14} />
               </IconeBotao>
             )
           )}
         </Box>
       </Flex>
     </S.MosaicoCriticaContainer>
-  );
-};
+  )
+}
 
-export default MosaicoCritica;
+export default MosaicoCritica

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

@@ -1,28 +1,29 @@
-import React, { useCallback, useRef, ComponentProps } from 'react';
-import FullCalendar from '@fullcalendar/react';
-import dayGridPlugin from '@fullcalendar/daygrid';
-import timeGridPlugin from '@fullcalendar/timegrid';
-import interactionPlugin from '@fullcalendar/interaction';
-import { CalendarApi, EventContentArg } from '@fullcalendar/core';
-import * as S from './styles';
-import ptBrLocale from '@fullcalendar/core/locales/pt-br';
-import SelectCustomizado from '../../atomos/Select';
-import Botao from '../../atomos/Botao';
-import { ComboboxData } from '@mantine/core';
+import React, { useCallback, useRef, ComponentProps } from 'react'
+import FullCalendar from '@fullcalendar/react'
+import dayGridPlugin from '@fullcalendar/daygrid'
+import timeGridPlugin from '@fullcalendar/timegrid'
+import interactionPlugin from '@fullcalendar/interaction'
+import { CalendarApi, EventContentArg } from '@fullcalendar/core'
+import * as S from './styles'
+import ptBrLocale from '@fullcalendar/core/locales/pt-br'
+import SelectCustomizado from '../../atomos/Select'
+import Botao from '../../atomos/Botao'
+import { ComboboxData } from '@mantine/core'
 
 interface CustomCalendarioProps {
-  confirm: (form: any) => void;
-  liberar: () => void;
-  onClickAdicionar?: () => void;
-  btnAdicionar?: boolean;
-  perfilOptions: ComboboxData | undefined;
-  hierarquiaOptions: ComboboxData | undefined;
-  color?: string;
+  confirm: (form: any) => void
+  liberar: () => void
+  onClickAdicionar?: () => void
+  btnAdicionar?: boolean
+  disabledLiberaCritica?: boolean
+  perfilOptions: ComboboxData | undefined
+  hierarquiaOptions: ComboboxData | undefined
+  color?: string
 }
 
 // Estendendo as propriedades do FullCalendar
 type CalendarioProps = CustomCalendarioProps &
-  ComponentProps<typeof FullCalendar>;
+  ComponentProps<typeof FullCalendar>
 
 /* const events = [
   { title: 'Meeting', start: new Date(), end: new Date('2024-09-29') },
@@ -35,7 +36,7 @@ function renderEventContent(eventInfo: EventContentArg) {
         {eventInfo.timeText} | {eventInfo.event.title}
       </p>
     </S.EventosWrapper>
-  );
+  )
 }
 const Calendario = ({
   color,
@@ -46,16 +47,17 @@ const Calendario = ({
   onClickAdicionar,
   hierarquiaOptions,
   btnAdicionar = true,
+  disabledLiberaCritica,
   ...calendarProps // Propagação das propriedades do FullCalendar
 }: CalendarioProps) => {
-  const calendarRef = useRef<CalendarApi | null>(null);
+  const calendarRef = useRef<CalendarApi | null>(null)
   //const [adicionar, setAdicionar] = useState(false);
 
   const handleViewChange = useCallback((view: string) => {
     if (calendarRef.current) {
-      calendarRef.current.changeView(view);
+      calendarRef.current.changeView(view)
     }
-  }, []);
+  }, [])
 
   return (
     <S.CalendarioWrapper color={color}>
@@ -65,7 +67,12 @@ const Calendario = ({
             ADICIONAR
           </Botao>
         )}
-        <Botao color={color} tipo="default" onClick={liberar}>
+        <Botao
+          disabled={disabledLiberaCritica}
+          color={color}
+          tipo="default"
+          onClick={liberar}
+        >
           LIBERAR CRÍTICA
         </Botao>
       </S.CalendarioHeaderButtons>
@@ -86,13 +93,13 @@ const Calendario = ({
             { label: 'Visualizar por semana', value: 'timeGridWeek' },
             { label: 'Visualizar por dia', value: 'timeGridDay' },
           ]}
-          onChange={e => handleViewChange(e!)}
+          onChange={(e) => handleViewChange(e!)}
         />
       </S.CalendarioHeaderControl>
       <FullCalendar
-        ref={element => {
+        ref={(element) => {
           if (element) {
-            calendarRef.current = element.getApi(); // Armazena a API do calendário na ref
+            calendarRef.current = element.getApi() // Armazena a API do calendário na ref
           }
         }}
         plugins={[dayGridPlugin, timeGridPlugin, interactionPlugin]}
@@ -105,7 +112,7 @@ const Calendario = ({
         {...calendarProps} // Passa todas as propriedades adicionais para o FullCalendar
       />
     </S.CalendarioWrapper>
-  );
-};
+  )
+}
 
-export default Calendario;
+export default Calendario