plataforma-fundacao-componentes 2.25.10 → 2.26.0

package/dist/hooks/useScreenSize/useScreenSize.d.ts

@@ -1,9 +1,8 @@
-declare enum ScreenSize {
-    xs = "xs",
-    sm = "sm",
-    md = "md",
-    lg = "lg",
-    xl = "xl"
-}
-export default function useScreenSize(): ScreenSize | undefined;
+import { ScreenSize } from '../../libraries/ScreenSizes';
+export declare type IScreenSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+declare type hookValue = {
+    size: IScreenSize;
+    rankedSize: ScreenSize;
+};
+export default function useScreenSize(): hookValue;
 export {};

package/dist/hooks/useStorageState/useStorageState.d.ts

@@ -1,2 +1,2 @@
 import { Dispatch, SetStateAction } from 'react';
-export default function useStorageState<T = any>(storage: Storage, key: string, initialValue?: T | undefined): [T | undefined, Dispatch<SetStateAction<T | undefined>>];
+export default function useStorageState<T = unknown>(storage: Storage, key: string, initialValue?: T | undefined): [T | undefined, Dispatch<SetStateAction<T | undefined>>];

package/dist/hooks/useToastManager/useToastManager.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import { ToastProps } from '../../components/toast/Toast';
 export interface ToastManagerProps {
-    max?: string | number;
+    max?: number;
     marginTop?: string | number;
     verticalPosition?: 'top' | 'bottom';
     horizontalPosition?: 'left' | 'right' | 'center';

package/dist/hooks/useValidatedState/useValidatedState.d.ts

@@ -1,5 +1,5 @@
 import { Dispatch, SetStateAction } from 'react';
-export default function useValidatedState<T = any>(validation: (value: T | undefined) => {
+export default function useValidatedState<T = unknown>(validation: (value: T | undefined) => {
     error: boolean;
     text?: string;
 }, initialValue?: T | undefined): [T | undefined, Dispatch<SetStateAction<T | undefined>>, {

package/dist/index.css

@@ -1121,7 +1121,10 @@ h5 {
       margin-left: 4px; }
 
 .component-button-loader {
-  position: absolute; }
+  position: absolute;
+  display: flex;
+  align-items: center;
+  justify-content: center; }
 
 .component-button-hide {
   opacity: 0; }
@@ -5055,11 +5058,13 @@ header.component-header {
   display: flex;
   justify-content: center;
   align-items: center; }
-  @media screen and (max-width: 575.98px) {
-    .component-modal-mask.mobile-on-xs {
-      align-items: flex-end !important; } }
+  .component-modal-mask.mobile {
+    align-items: flex-end !important; }
 
 .component-modal {
+  padding: 0;
+  margin: 0;
+  border: none;
   z-index: 986;
   background-color: #f8f9f7;
   min-height: 200px;
@@ -5069,25 +5074,31 @@ header.component-header {
   max-width: calc(100vw - 30px);
   display: flex;
   flex-flow: column; }
-  .component-modal.component-modal-extra-large {
+  .component-modal-full-screen {
+    width: 100vw;
+    height: 100dvh;
+    border-radius: 0;
+    max-height: none !important;
+    max-width: none !important; }
+  .component-modal-extra-large {
     width: 900px; }
-  .component-modal.component-modal-large {
+  .component-modal-large {
     width: 630px; }
-  .component-modal.component-modal-small {
+  .component-modal-small {
     width: 410px; }
     @media (max-width: 575.98px) {
-      .component-modal.component-modal-small {
+      .component-modal-small {
         width: 100%; } }
-  @media screen and (max-width: 575.98px) {
-    .component-modal.mobile-on-xs {
-      max-height: 75% !important;
-      max-width: 100% !important;
-      border-radius: 8px 8px 0 0; }
-      .component-modal.mobile-on-xs .component-modal-content {
-        max-height: calc(80vh - 72px - 72px) !important; }
-      .component-modal.mobile-on-xs .component-modal-footer {
-        width: 100%;
-        background-color: #f8f9f7; } }
+  .component-modal.mobile {
+    width: 100%;
+    max-height: 78dvh !important;
+    max-width: 100% !important;
+    border-radius: 8px 8px 0 0; }
+    .component-modal.mobile .component-modal-content {
+      max-height: calc(80vh - 72px - 72px) !important; }
+    .component-modal.mobile .component-modal-footer {
+      width: 100%;
+      background-color: #f8f9f7; }
   .component-modal .component-modal-header {
     flex: 0 1 56px;
     height: 56px;
@@ -5160,65 +5171,53 @@ header.component-header {
   warningLight: #ffeb98;
   warningDark: #765f00; }
 
-.comp-modal-manager-mask-enter {
+:not(.mobile).comp-modal-manager-mask-enter {
   opacity: 0; }
-  .comp-modal-manager-mask-enter > * {
+  :not(.mobile).comp-modal-manager-mask-enter > * {
     transform: scale(0.8); }
 
-.comp-modal-manager-mask-enter-active {
+:not(.mobile).comp-modal-manager-mask-enter-active {
   transition: opacity 0.3s ease;
   opacity: 1; }
-  .comp-modal-manager-mask-enter-active > * {
+  :not(.mobile).comp-modal-manager-mask-enter-active > * {
     transition: transform 0.3s ease;
     transform: scale(1); }
 
-.comp-modal-manager-mask-exit {
+:not(.mobile).comp-modal-manager-mask-exit {
   transition: opacity 0.3s ease;
   opacity: 1; }
-  .comp-modal-manager-mask-exit > * {
+  :not(.mobile).comp-modal-manager-mask-exit > * {
     transition: transform 0.3s ease;
     transform: scale(1); }
 
-.comp-modal-manager-mask-exit-active {
+:not(.mobile).comp-modal-manager-mask-exit-active {
   opacity: 0; }
-  .comp-modal-manager-mask-exit-active > * {
+  :not(.mobile).comp-modal-manager-mask-exit-active > * {
     transform: scale(0.8); }
 
-.comp-modal-manager-mask-mobile-on-xs-enter {
+.mobile.comp-modal-manager-mask-enter {
   opacity: 0; }
-  .comp-modal-manager-mask-mobile-on-xs-enter > * {
-    transform: scale(0.8); }
-    @media screen and (max-width: 575.98px) {
-      .comp-modal-manager-mask-mobile-on-xs-enter > * {
-        transform: translateY(100%); } }
+  .mobile.comp-modal-manager-mask-enter > * {
+    transform: translateY(100%); }
 
-.comp-modal-manager-mask-mobile-on-xs-enter-active {
+.mobile.comp-modal-manager-mask-enter-active {
   transition: opacity 0.3s ease;
   opacity: 1; }
-  .comp-modal-manager-mask-mobile-on-xs-enter-active > * {
+  .mobile.comp-modal-manager-mask-enter-active > * {
     transition: transform 0.3s ease;
-    transform: scale(1); }
-    @media screen and (max-width: 575.98px) {
-      .comp-modal-manager-mask-mobile-on-xs-enter-active > * {
-        transform: translateY(0); } }
+    transform: translateY(0); }
 
-.comp-modal-manager-mask-mobile-on-xs-exit {
+.mobile.comp-modal-manager-mask-exit {
   transition: opacity 0.3s ease;
   opacity: 1; }
-  .comp-modal-manager-mask-mobile-on-xs-exit > * {
+  .mobile.comp-modal-manager-mask-exit > * {
     transition: transform 0.3s ease;
-    transform: scale(1); }
-    @media screen and (max-width: 575.98px) {
-      .comp-modal-manager-mask-mobile-on-xs-exit > * {
-        transform: translateY(0); } }
+    transform: translateY(0); }
 
-.comp-modal-manager-mask-mobile-on-xs-exit-active {
+.mobile.comp-modal-manager-mask-exit-active {
   opacity: 0; }
-  .comp-modal-manager-mask-mobile-on-xs-exit-active > * {
-    transform: scale(0.8); }
-    @media screen and (max-width: 575.98px) {
-      .comp-modal-manager-mask-mobile-on-xs-exit-active > * {
-        transform: translateY(100%); } }
+  .mobile.comp-modal-manager-mask-exit-active > * {
+    transform: translateY(100%); }
 
 :export {
   widthXs: 575.98px;
@@ -6378,8 +6377,7 @@ h5 {
     margin-left: 16px; }
   .component-table-actions-column svg {
     width: 20px;
-    height: 20px;
-    color: #3fa110; }
+    height: 20px; }
 
 :export {
   widthXs: 575.98px;
@@ -6478,9 +6476,9 @@ table.component-table {
 .component-table-item-dragging {
   cursor: grabbing; }
 
-.grab-handle {
-  cursor: grab; }
-  .grab-handle:active {
+.grab-handle:not(:disabled) {
+  cursor: grab !important; }
+  .grab-handle:not(:disabled):active {
     cursor: grabbing; }
 
 .component-table-upper-header {
@@ -7925,6 +7923,9 @@ nav.component-tabs {
   warningDark: #765f00; }
 
 .video-modal {
+  padding: 0;
+  margin: 0;
+  border: none;
   z-index: 986;
   position: relative;
   max-width: calc(100vw - 30px);
@@ -7961,54 +7962,52 @@ nav.component-tabs {
   max-height: calc(100vh - 30px);
   max-width: calc(100vw - 30px); }
 
-.video-modal.video-modal-sm iframe {
+.video-modal.video-modal-small iframe {
   width: 750px;
   height: 421.875px; }
 
 @media screen and (max-width: 991.98px) {
-  .video-modal.video-modal-sm iframe {
+  .video-modal.video-modal-small iframe {
     width: 90vw;
     height: 50.625vw; } }
 
-.video-modal.video-modal-md iframe {
+.video-modal.video-modal-large iframe {
   width: 920px;
   height: 517.5px; }
 
 @media screen and (max-width: 991.98px) {
-  .video-modal.video-modal-md iframe {
+  .video-modal.video-modal-large iframe {
     width: 90vw;
     height: 50.625vw; } }
 
-.video-modal.video-modal-lg iframe {
+.video-modal.video-modal-extra-large iframe {
   width: 1150px;
   height: 646.875px; }
 
 @media screen and (max-width: 991.98px) {
-  .video-modal.video-modal-lg iframe {
+  .video-modal.video-modal-extra-large iframe {
     width: 90vw;
     height: 50.625vw; } }
 
-.video-modal.video-modal-full iframe {
+.video-modal.video-modal-full-screen iframe {
   width: 90vw;
   height: 90vh; }
 
 @media screen and (max-width: 991.98px) {
-  .video-modal.video-modal-full iframe {
+  .video-modal.video-modal-full-screen iframe {
     width: 90vw;
     height: 50.625vw; } }
 
-.video-modal.mobile-on-xs {
-  border-radius: 8px 8px 0 0; }
-  @media screen and (max-width: 575.98px) {
-    .video-modal.mobile-on-xs {
-      width: 100%;
-      max-width: 100% !important; }
-      .video-modal.mobile-on-xs iframe {
-        height: 56.25vw;
-        max-width: 100vw;
-        width: 100vw; }
-      .video-modal.mobile-on-xs .video-modal-video-row {
-        border-radius: 7px 7px 0 0; } }
+.video-modal.mobile {
+  border-radius: 8px 8px 0 0;
+  width: 100%;
+  max-width: 100% !important; }
+  .video-modal.mobile iframe {
+    height: 56.25vw;
+    max-width: 100vw;
+    width: 100vw; }
+  .video-modal.mobile .video-modal-video-row {
+    border-radius: 7px 7px 0 0; }
 
 :export {
   widthXs: 575.98px;

package/dist/index.d.ts

@@ -90,6 +90,7 @@ import { ChevronArrowLeftIcon } from './assets/icons/ChevronArrowLeftIcon';
 import { FontColorIcon } from './assets/icons/FontColorIcon';
 import { ParticipantesIcon } from './assets/icons/ParticipantesIcon';
 import { AgencyIcon } from './assets/icons/AgencyIcon';
+import { AlertIcon } from './assets/icons/AlertIcon';
 import { BigPlayIcon } from './assets/icons/BigPlayIcon';
 import { CalendarCheckIcon } from './assets/icons/CalendarCheckIcon';
 import { CataventoVerde } from './assets/icons/CataventoVerde';
@@ -200,12 +201,12 @@ import FormattedText from './components/formattedText/FormattedText';
 import { LeftControlWithLabel } from './components/table/components/leftControlWithLabel/LeftControlWithLabel';
 export * from './components/modal/ModalTypes';
 export * from './libraries/ActionCardThemes';
-export * from './libraries/FileTypes';
 export * from './libraries/ButtonTheme';
-export * from './libraries/ControlLabelPosition';
 export * from './libraries/CardThemes';
 export * from './libraries/CheckboxThemes';
+export * from './libraries/ControlLabelPosition';
 export * from './libraries/EtiquetasThemes';
+export * from './libraries/FileTypes';
 export * from './libraries/FundacaoLogoThemes';
 export * from './libraries/HeaderSeparatorThemes';
 export * from './libraries/HeaderThemes';
@@ -214,6 +215,7 @@ export * from './libraries/ModalSize';
 export * from './libraries/Notification';
 export * from './libraries/Pautas';
 export * from './libraries/RadioButtonTheme';
+export * from './libraries/ScreenSizes';
 export * from './libraries/SicrediLogoThemes';
 export * from './libraries/Toast';
 export * from './libraries/Tooltips';
@@ -229,4 +231,4 @@ export { AconteceuIcon, AddAssemblyIcon, AddIcon,
 /**
  * @deprecated Use AddIcon instead
  */
-AddIcon as AddCircleIcon, AgencyIcon, AlignCenterIcon, AlignJustifyIcon, AlignLeftIcon, AlignRightIcon, ArrowLeftIcon, ArrowRightIcon, AssembleiasIcon, ATMIcon, BackOfficeIcon, BarChartIcon, BeeIcon, BigPlayIcon, BoldIcon, CalendarCheckIcon, CalendarIcon, CardsIcon, CataventoVerde, CheckCircleIcon, CheckIcon, ChequeIcon, ChevronArrowDownIcon, ChevronArrowLeftIcon, ChevronArrowRightIcon, Chip, CircleArrowLeft, CircleArrowRight, ClockIcon, CloseIcon, CloudDownloadIcon, CloudUploadIcon, ComitesIcon, ComunidadeIcon, CopyIcon, CreditIcon, CrescerIcon, CrescerLogo, DevicePlusIcon, DownloadIcon, DraggableIcon, EditIcon, EvidenciasIcon, ExclamationIcon, ExitIconArrowLeft, ExitIconArrowRight, EyeIcon, FilePlusIcon, FilesIcon, FilterIcon, FontColorIcon, FontIcon, FormacaoIcon, FundacaoLogo, FundoSocialIcon, GlobeIcon, GraduationIcon, HamburgerIcon, HandUpIcon, HomeIcon, InformationIcon, InvestimentIcon, ItalicIcon, LinkIcon, LinksUteisIcon, ListDotIcon, ListIcon, LoaderIcon, LocalIcon, LockIcon, MessageIcon, MoneyFileIcon, NavigatorWithMouse, NotebookIcon, OptionsIcon, ParticipantesIcon, PaymentIcon, PercentLoaderIcon, PhonePlusIcon, PieChartIcon, PlayIcon, PrintIcon, QRCodeIcon, QRCodeWhatsapp, RedoIcon, RefreshIcon, SearchIcon, SettingsIcon, SicrediLogo, SquaresIcon, SustentabilidadeIcon, ThreeDotsLoader, ThumbsUpIcon, TimesCircleIcon, TransferenciaIcon, TrashIcon, TrianguloInferior, TwoFileIcon, UnderlineIcon, UndoIcon, UserIcon, WebsiteIcon, };
+AddIcon as AddCircleIcon, AgencyIcon, AlertIcon, AlignCenterIcon, AlignJustifyIcon, AlignLeftIcon, AlignRightIcon, ArrowLeftIcon, ArrowRightIcon, AssembleiasIcon, ATMIcon, BackOfficeIcon, BarChartIcon, BeeIcon, BigPlayIcon, BoldIcon, CalendarCheckIcon, CalendarIcon, CardsIcon, CataventoVerde, CheckCircleIcon, CheckIcon, ChequeIcon, ChevronArrowDownIcon, ChevronArrowLeftIcon, ChevronArrowRightIcon, Chip, CircleArrowLeft, CircleArrowRight, ClockIcon, CloseIcon, CloudDownloadIcon, CloudUploadIcon, ComitesIcon, ComunidadeIcon, CopyIcon, CreditIcon, CrescerIcon, CrescerLogo, DevicePlusIcon, DownloadIcon, DraggableIcon, EditIcon, EvidenciasIcon, ExclamationIcon, ExitIconArrowLeft, ExitIconArrowRight, EyeIcon, FilePlusIcon, FilesIcon, FilterIcon, FontColorIcon, FontIcon, FormacaoIcon, FundacaoLogo, FundoSocialIcon, GlobeIcon, GraduationIcon, HamburgerIcon, HandUpIcon, HomeIcon, InformationIcon, InvestimentIcon, ItalicIcon, LinkIcon, LinksUteisIcon, ListDotIcon, ListIcon, LoaderIcon, LocalIcon, LockIcon, MessageIcon, MoneyFileIcon, NavigatorWithMouse, NotebookIcon, OptionsIcon, ParticipantesIcon, PaymentIcon, PercentLoaderIcon, PhonePlusIcon, PieChartIcon, PlayIcon, PrintIcon, QRCodeIcon, QRCodeWhatsapp, RedoIcon, RefreshIcon, SearchIcon, SettingsIcon, SicrediLogo, SquaresIcon, SustentabilidadeIcon, ThreeDotsLoader, ThumbsUpIcon, TimesCircleIcon, TransferenciaIcon, TrashIcon, TrianguloInferior, TwoFileIcon, UnderlineIcon, UndoIcon, UserIcon, WebsiteIcon, };