plataforma-fundacao-componentes 2.25.11 → 2.26.1

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; }
@@ -3500,7 +3503,6 @@ max-width	100%	540px	720px	960px	1140px
     -webkit-user-select: none;
     -moz-user-select: none;
     user-select: none;
-    margin-bottom: 2px;
     max-width: 100%;
     overflow: hidden;
     text-overflow: ellipsis;
@@ -3593,6 +3595,16 @@ max-width	100%	540px	720px	960px	1140px
   color: #765f00;
   border-color: #ffeb98; }
 
+.component-etiqueta.excluido {
+  background-color: #f58c96;
+  color: #730028;
+  border-color: #f58c96; }
+
+.component-etiqueta.orange {
+  background-color: #ffd098;
+  color: #cf7308;
+  border-color: #ffd098; }
+
 :export {
   widthXs: 575.98px;
   widthSm: 767.98px;
@@ -5055,11 +5067,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 +5083,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 +5180,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;
@@ -6216,7 +6224,7 @@ h5 {
         margin-left: 8px;
         font-size: 16px; }
   .component-select-panel .component-select-panel-footer-clearfix {
-    height: calc(40px + 6px);
+    height: calc(40px + 2px);
     width: 0; }
   .component-select-panel .component-select-panel-footer {
     position: absolute;
@@ -6228,13 +6236,18 @@ h5 {
     display: flex;
     align-items: center;
     justify-content: space-between;
-    padding: 8px 24px; }
+    padding: 0px 24px; }
     .component-select-panel .component-select-panel-footer div {
       font-family: "Nunito", sans-serif; }
     .component-select-panel .component-select-panel-footer .component-select-footer-button {
+      max-width: 50%;
       font-weight: 700;
       font-size: 16px;
-      color: #3fa110; }
+      color: #3fa110;
+      padding: 0 8px 4px; }
+      .component-select-panel .component-select-panel-footer .component-select-footer-button > div {
+        text-overflow: ellipsis;
+        overflow: hidden; }
       @media screen and (max-width: 575.98px) {
         .component-select-panel .component-select-panel-footer .component-select-footer-button {
           font-size: 11px; } }
@@ -6378,8 +6391,7 @@ h5 {
     margin-left: 16px; }
   .component-table-actions-column svg {
     width: 20px;
-    height: 20px;
-    color: #3fa110; }
+    height: 20px; }
 
 :export {
   widthXs: 575.98px;
@@ -6478,9 +6490,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 +7937,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 +7976,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

@@ -201,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';
@@ -215,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';