plataforma-fundacao-componentes 2.22.24 → 2.22.27

package/dist/components/accordion/Accordion.d.ts

@@ -10,6 +10,8 @@ interface AccordionProps {
     onChange: (value: boolean) => void;
     className?: string;
     children?: React.ReactNode;
+    shadow?: boolean;
+    animateOpacity?: boolean;
 }
 export default function Accordion(props: AccordionProps): JSX.Element;
 export {};

package/dist/components/accordion/Accordion.stories.d.ts

@@ -5,6 +5,7 @@ declare namespace _default {
 export default _default;
 export function Primary(): JSX.Element;
 export function WithIcon(): JSX.Element;
+export function Shadow(): JSX.Element;
 export function FigmaExample(): JSX.Element;
 export function FigmaOnlyOneOpenedExample(): JSX.Element;
 import Accordion from "./Accordion";

package/dist/components/buttonFileUpload/ButtonFileUpload.d.ts

@@ -3,7 +3,7 @@ import { BlobFileTypes } from '../../libraries/BlobFileTypes';
 import { ButtonThemes } from '../../libraries/ButtonTheme';
 import { ButtonProps } from '../button/Button';
 import './ButtonFileUpload.scss';
-interface ButtonFileUploadProps {
+export interface ButtonFileUploadProps {
     label?: string;
     leftIcon?: React.ReactNode;
     theme?: ButtonThemes;
@@ -12,6 +12,7 @@ interface ButtonFileUploadProps {
     disabled?: boolean;
     value: object | object[] | Blob | Blob[] | File | File[];
     onChange: (value: File | File[] | Blob | Blob[] | object | object[]) => void;
+    onTypeNotAllowed?: () => void;
     buttonProps?: ButtonProps | object;
     w100?: boolean;
 }

package/dist/components/buttonFileUpload/ButtonFileUpload.stories.d.ts

@@ -7,4 +7,5 @@ export function Single(): JSX.Element;
 export function SingleFileTypes(): JSX.Element;
 export function Multiple(): JSX.Element;
 export function MultipleW100(): JSX.Element;
+export function NotAllowedEvent(): JSX.Element;
 import ButtonFileUpload from "./ButtonFileUpload";

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

@@ -306,6 +306,8 @@ h5 {
     border-bottom: 1px solid #cdd3cd; }
   .component-accordion.component-accordion-opened .component-accordion-arrow {
     transform: rotateZ(180deg); }
+  .component-accordion.component-accordion-shadow {
+    box-shadow: 0 1px 2px 0 rgba(90, 100, 90, 0.3); }
 
 @import url("https://fonts.googleapis.com/css2?family=Exo+2:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");
 @import url("https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200;0,300;0,400;0,600;0,700;0,800;0,900;1,200;1,300;1,400;1,600;1,700;1,800;1,900&display=swap");
@@ -9698,6 +9700,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, ModulosTitle as Title, 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

@@ -186,9 +186,11 @@ var rootClassName$2 = 'component-accordion';
 function Accordion(props) {
   var getProps = function getProps() {
     var p = _extends({}, props, {
-      className: getMergedClassNames([rootClassName$2, props.className, props.opened ? rootClassName$2 + "-opened" : ''])
+      className: getMergedClassNames([rootClassName$2, props.className, props.opened ? rootClassName$2 + "-opened" : '', props.shadow ? rootClassName$2 + "-shadow" : ''])
     });
 
+    delete p.animateOpacity;
+    delete p.shadow;
     delete p.opened;
     delete p.children;
     delete p.label;
@@ -213,7 +215,8 @@ function Accordion(props) {
   }, React__default.createElement(ChevronArrowDownIcon, null))), React__default.createElement("div", {
     className: rootClassName$2 + "-content"
   }, React__default.createElement(Collapse$1, {
-    opened: props.opened
+    opened: props.opened,
+    animateOpacity: props.animateOpacity
   }, props.children)));
 }
 
@@ -1778,7 +1781,8 @@ function ButtonFileUpload(props) {
         }
       },
       disabled: props.disabled,
-      leftIcon: props.leftIcon
+      leftIcon: props.leftIcon,
+      w100: props.w100
     }, props.buttonProps);
 
     return p;
@@ -1793,6 +1797,13 @@ function ButtonFileUpload(props) {
     tabIndex: -1,
     onChange: function onChange(evt) {
       var files = evt.target.files || [];
+
+      if (Array.from(files).some(function (file) {
+        return props.allowedFileTypes && props.allowedFileTypes.length && !isAllowedFileType(file.name) && props.onTypeNotAllowed;
+      })) {
+        props.onTypeNotAllowed();
+      }
+
       var filteredFiles = Array.from(files).filter(function (file) {
         return !props.allowedFileTypes || !props.allowedFileTypes.length || isAllowedFileType(file.name);
       });
@@ -4016,9 +4027,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 +11663,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) {
@@ -12027,6 +12062,7 @@ exports.TableFileNameAndAction = TableFileNameAndAction$1;
 exports.TableWithOverflow = TableWithOverflow$1;
 exports.Tabs = Tabs$1;
 exports.TextEditor = TextEditor;
+exports.Title = ModulosTitle;
 exports.Toast = Toast;
 exports.ToastManager = ToastManager;
 exports.Tooltip = Tooltip;
@@ -12045,6 +12081,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;