plataforma-fundacao-componentes 2.22.24 → 2.22.25

package/dist/components/container/Container.d.ts

@@ -5,6 +5,7 @@ interface ContainerProps extends React.HTMLAttributes<HTMLDivElement> {
     'tooltip-position'?: TooltipPosition;
     'tooltip-text'?: string;
     fluid?: boolean;
+    position?: 'fixed' | 'absolute';
     verticalPadding?: boolean;
     hasMobileButton?: boolean;
     hasHeader?: boolean;

package/dist/components/fullHeightContainer/FullHeightContainer.stories.d.ts

@@ -5,4 +5,5 @@ declare namespace _default {
 export default _default;
 export function FirstExample(): JSX.Element;
 export function NoContentExample(): JSX.Element;
+export function ContainerExample(): JSX.Element;
 import FullHeightContainer from "./FullHeightContainer";

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

@@ -0,0 +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>>];

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

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+import useStorageState from './useStorageState';
+declare const _default: {
+    title: string;
+    component: typeof useStorageState;
+};
+export default _default;
+export declare const LocalStorageExample: () => JSX.Element;
+export declare const SessionStorageExample: () => JSX.Element;
+export declare const ObjectExample: () => JSX.Element;

package/dist/index.css

@@ -9698,6 +9698,7 @@ h5 {
     flex-flow: column;
     flex: 1 1 auto;
     overflow-y: overlay;
+    position: relative;
     padding: 0; }
     .full-height-container .full-height-container-row-content.vertical-padding {
       padding-top: 12px;

package/dist/index.d.ts

@@ -89,6 +89,7 @@ import useDropOpened from './hooks/useDropOpened/useDropOpened';
 import useModalManager from './hooks/useModalManager/useModalManager';
 import useProgressiveCount from './hooks/useProgressiveCount/useProgressiveCount';
 import useScreenSize from './hooks/useScreenSize/useScreenSize';
+import useStorageState from './hooks/useStorageState/useStorageState';
 import useTimeElapsed from './hooks/useTimeElapsed/useTimeElapsed';
 import useToastManager from './hooks/useToastManager/useToastManager';
 import useValidatedState from './hooks/useValidatedState/useValidatedState';
@@ -110,4 +111,4 @@ export * from './libraries/RadioButtonTheme';
 export * from './libraries/SicrediLogoThemes';
 export * from './libraries/Toast';
 export * from './libraries/Tooltips';
-export { Accordion, ActionCard, AdvancedSemiHeader, AssembleiaItem, AssembleiaPauta, Aconteceu, AnimatedLink, Banner, BannerAssembleia, BannerPesquisaCpfCnpj, BigBlockButton, BlocoDeNotas, BreadCrumb, Button, ButtonFileUpload, BlocoMinhasAssembleias, BottomNavigation, Card, Carousel, CarouselPersona, CarouselTouchFrendly, Checkbox, Col, Collapse, Container, DatePicker, Doughnut, DoughnutSquare, DropdownItem, DropdownMenu, EditableVideoItem, ElementPaginator, Etapas, Etiqueta, FileLoader, FileUpload, FooterSicredi, FullHeightContainer, Header, HeaderSeparator, HeaderSearchField, IconButton, IconButtonWithLabel, Information, Input, InputArea, ItemDropdownDownload, InformativoAssembleiasComImagem, InformativoAssembleiasComVideo, Menu, MenuItem, Modal, ModalManager, ModulosTitle, MoneyByMonth, MoneyMonthLineChart, NotaEdit, Notification, PageSubTitle, PageTitle, Paginator, PreviaVideo, ProgressBar, RadioButton, Row, SearchBlocoDeNotas, Select, Switch, Table, TypedTable, TableFileNameAndAction, TableActions, TableWithOverflow, TextEditor, LeftCheckboxWithLabel, ActionsColumn, Tabs, Toast, ToastManager, Tooltip, TooltipManager, TopLoader, VideoItem, VideoPlayer, VideoModal, useCallbackedState, useCarouselBehaviour, useControlledTimer, useDraggableContainer, useDropOpened, useModalManager, useProgressiveCount, useScreenSize, useTimeElapsed, useToastManager, useValidatedState, };
+export { Accordion, ActionCard, AdvancedSemiHeader, AssembleiaItem, AssembleiaPauta, Aconteceu, AnimatedLink, Banner, BannerAssembleia, BannerPesquisaCpfCnpj, BigBlockButton, BlocoDeNotas, BreadCrumb, Button, ButtonFileUpload, BlocoMinhasAssembleias, BottomNavigation, Card, Carousel, CarouselPersona, CarouselTouchFrendly, Checkbox, Col, Collapse, Container, DatePicker, Doughnut, DoughnutSquare, DropdownItem, DropdownMenu, EditableVideoItem, ElementPaginator, Etapas, Etiqueta, FileLoader, FileUpload, FooterSicredi, FullHeightContainer, Header, HeaderSeparator, HeaderSearchField, IconButton, IconButtonWithLabel, Information, Input, InputArea, ItemDropdownDownload, InformativoAssembleiasComImagem, InformativoAssembleiasComVideo, Menu, MenuItem, Modal, ModalManager, ModulosTitle, MoneyByMonth, MoneyMonthLineChart, NotaEdit, Notification, PageSubTitle, PageTitle, Paginator, PreviaVideo, ProgressBar, RadioButton, Row, SearchBlocoDeNotas, Select, Switch, Table, TypedTable, TableFileNameAndAction, TableActions, TableWithOverflow, TextEditor, LeftCheckboxWithLabel, ActionsColumn, Tabs, Toast, ToastManager, Tooltip, TooltipManager, TopLoader, VideoItem, VideoPlayer, VideoModal, useCallbackedState, useCarouselBehaviour, useControlledTimer, useDraggableContainer, useDropOpened, useModalManager, useProgressiveCount, useScreenSize, useStorageState, useTimeElapsed, useToastManager, useValidatedState, };

package/dist/index.js

@@ -4016,9 +4016,13 @@ var rootClassName$N = 'component-container';
 function Container(props) {
   var getProps = function getProps() {
     var p = _extends({}, props, {
-      className: getMergedClassNames([rootClassName$N, props.className, props.fluid ? 'fluid' : '', props.verticalPadding ? 'vertical-padding' : '', props.hasMobileButton ? 'has-mobile-button' : '', props.hasHeader ? 'has-header' : '', props.hasAdvancedHeader ? 'has-advanced-header' : ''])
+      className: getMergedClassNames([rootClassName$N, props.className, props.fluid ? 'fluid' : '', props.verticalPadding ? 'vertical-padding' : '', props.hasMobileButton ? 'has-mobile-button' : '', props.hasHeader ? 'has-header' : '', props.hasAdvancedHeader ? 'has-advanced-header' : '']),
+      style: _extends({}, props.style, {
+        position: props.position
+      })
     });
 
+    delete p.position;
     delete p.fluid;
     delete p.verticalPadding;
     delete p.hasMobileButton;
@@ -11648,6 +11652,26 @@ function useModalManager() {
   }))), openModal, closeModal];
 }
 
+function useStorageState(storage, key, initialValue) {
+  var _useState = React.useState(initialValue),
+      value = _useState[0],
+      setValue = _useState[1];
+
+  React.useEffect(function () {
+    if (!initialValue && storage.getItem(key) && storage.getItem(key) !== 'undefined') {
+      try {
+        setValue(JSON.parse(storage.getItem(key)));
+      } catch (e) {
+        console.error(e);
+      }
+    }
+  }, []);
+  React.useEffect(function () {
+    storage.setItem(key, JSON.stringify(value));
+  }, [key, storage, value]);
+  return [value, setValue];
+}
+
 var rootClassName$23 = 'comp-toast-manager';
 var count$1 = 0;
 function useToastManager(props) {
@@ -12045,6 +12069,7 @@ exports.useDropOpened = useDropOpened;
 exports.useModalManager = useModalManager;
 exports.useProgressiveCount = useProgressiveCount;
 exports.useScreenSize = useScreenSize;
+exports.useStorageState = useStorageState;
 exports.useTimeElapsed = useTimeElapsed;
 exports.useToastManager = useToastManager;
 exports.useValidatedState = useValidatedState;