plataforma-fundacao-componentes 2.20.27 → 2.21.2

package/dist/assets/icons/ThreeDotsLoader.d.ts

@@ -1,14 +1,10 @@
-export function ThreeDotsLoader(props: any): JSX.Element;
-export namespace ThreeDotsLoader {
-    export namespace propTypes {
-        export const theme: PropTypes.Requireable<string>;
-        export const size: PropTypes.Requireable<number>;
-    }
-    export namespace defaultProps {
-        const theme_1: string;
-        export { theme_1 as theme };
-        const size_1: number;
-        export { size_1 as size };
-    }
+/// <reference types="react" />
+import './ThreeDotsLoader.scss';
+export declare type ThreeDotsThemes = 'primary' | 'secondary' | 'dark';
+export declare type ThreeDotsSizes = 1 | 2 | 3 | 4;
+export interface ThreeDotsProps {
+    theme?: ThreeDotsThemes;
+    size?: 1 | 2 | 3 | 4;
+    style?: any;
 }
-import PropTypes from "prop-types";
+export declare const ThreeDotsLoader: (props: ThreeDotsProps) => JSX.Element;

package/dist/components/bottomNavigation/BottomNavigation.d.ts

@@ -4,7 +4,7 @@ interface BottomNavigationProps {
     atual: number;
     setAtual: (newAtual: number) => void;
     itens: {
-        icon: React.ReactElement;
+        icon: React.ReactNode;
         label: string;
         notificationCount?: number;
     }[];

package/dist/components/breadCrumb/BreadCrumb.d.ts

@@ -3,7 +3,7 @@ import './BreadCrumb.scss';
 interface BreadCrumbProps {
     path: {
         label: string;
-        onClick: () => void;
+        onClick?: () => void;
     }[];
 }
 declare function BreadCrumb(props: BreadCrumbProps): JSX.Element;

package/dist/components/button/Button.d.ts

@@ -1,4 +1,5 @@
 import React, { ButtonHTMLAttributes } from 'react';
+import { ThreeDotsSizes, ThreeDotsThemes } from '../../assets/icons/ThreeDotsLoader';
 import { ButtonThemesType } from '../../libraries/ButtonTheme';
 import { TooltipPositionTypes } from '../../libraries/Tooltips';
 import './Button.scss';
@@ -14,8 +15,8 @@ export interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
     mobileBottomPage?: boolean;
     loader?: {
         loading: boolean;
-        loaderTheme: string;
-        loaderSize: number;
+        loaderTheme: ThreeDotsThemes;
+        loaderSize: ThreeDotsSizes;
     };
     children?: React.ReactNode;
 }

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

@@ -1,11 +1,11 @@
 import React from 'react';
 import './FullHeightContainer.scss';
 interface FullHeightContainerProps {
-    header?: React.ReactElement;
-    fixedFooter?: React.ReactElement;
+    header?: React.ReactNode;
+    fixedFooter?: React.ReactNode;
     verticalPadding?: boolean;
     horizontalPadding?: boolean;
-    children?: React.ReactElement;
+    children?: React.ReactNode;
 }
 declare function FullHeightContainer(props: FullHeightContainerProps): JSX.Element;
 declare namespace FullHeightContainer {

package/dist/components/header/Header.d.ts

@@ -18,7 +18,7 @@ interface HeaderProps {
         show: boolean;
         label: string;
         link: string;
-        icon: React.ReactElement;
+        icon: React.ReactNode;
         target?: '_blank';
     };
     separator?: {

package/dist/components/input/Input.stories.d.ts

@@ -1,19 +1,19 @@
-declare namespace _default {
-    export const title: string;
-    export { Input as component };
-}
+/// <reference types="react" />
+declare const _default: {
+    title: string;
+};
 export default _default;
-export function Primary(): JSX.Element;
-export function PrimaryFormat(): JSX.Element;
-export function RightObject(): JSX.Element;
-export function ButtonLoading(): JSX.Element;
-export function Counter(): JSX.Element;
-export function CounterAndMaxLength(): JSX.Element;
-export function Error(): JSX.Element;
-export function Loading(): JSX.Element;
-export function LoadingWithValue(): JSX.Element;
-export function Disabled(): JSX.Element;
-export function DisabledWithValue(): JSX.Element;
-export function DisabledAndLoading(): JSX.Element;
-export function ForceFocus(): JSX.Element;
-import Input from "./Input";
+export declare const Primary: () => JSX.Element;
+export declare const PrimaryFormat: () => JSX.Element;
+export declare const RightObject: () => JSX.Element;
+export declare const ButtonLoading: () => JSX.Element;
+export declare const Counter: () => JSX.Element;
+export declare const CounterAndMaxLength: () => JSX.Element;
+export declare const Error: () => JSX.Element;
+export declare const Loading: () => JSX.Element;
+export declare const LoadingWithValue: () => JSX.Element;
+export declare const Disabled: () => JSX.Element;
+export declare const DisabledWithValue: () => JSX.Element;
+export declare const DisabledAndLoading: () => JSX.Element;
+export declare const ForceFocus: () => JSX.Element;
+export declare const WithValidationState: () => JSX.Element;

package/dist/components/modal/Modal.d.ts

@@ -12,7 +12,7 @@ export interface ModalProps {
     onClose?: (modalKey?: string | number) => void;
     size?: ModalSizes;
     mobileOnXS?: boolean;
-    footer?: any | ButtonProps[];
+    footer?: ButtonProps[] | any;
     children?: any;
 }
 declare function Modal(props: ModalProps): JSX.Element;

package/dist/components/modal/ModalTypes.d.ts

@@ -1,27 +1,46 @@
-export function AlertModal(props: any): JSX.Element;
-export namespace AlertModal {
-    export const propTypes: any;
-    export namespace defaultProps {
-        export const showIcons: boolean;
-    }
+/// <reference types="react" />
+import { ModalProps } from './Modal';
+interface AlertModalProps extends ModalProps {
+    language?: {
+        confirm: string;
+    };
+    onConfirm: () => void | Promise<any>;
+    showIcons?: boolean;
 }
-export function ConfirmModal(props: any): JSX.Element;
-export namespace ConfirmModal {
-    const propTypes_1: any;
-    export { propTypes_1 as propTypes };
-    export namespace defaultProps_1 {
-        const showIcons_1: boolean;
-        export { showIcons_1 as showIcons };
-    }
-    export { defaultProps_1 as defaultProps };
+export declare function AlertModal(props: AlertModalProps): JSX.Element;
+export declare namespace AlertModal {
+    var defaultProps: {
+        showIcons: boolean;
+    };
 }
-export function DestructiveModal(props: any): JSX.Element;
-export namespace DestructiveModal {
-    const propTypes_2: any;
-    export { propTypes_2 as propTypes };
-    export namespace defaultProps_2 {
-        const showIcons_2: boolean;
-        export { showIcons_2 as showIcons };
-    }
-    export { defaultProps_2 as defaultProps };
+interface ConfirmModalProps extends ModalProps {
+    language?: {
+        confirm: string;
+        cancel: string;
+    };
+    onConfirm: () => void | Promise<any>;
+    onCancel: () => void;
+    showIcons?: boolean;
 }
+export declare function ConfirmModal(props: ConfirmModalProps): JSX.Element;
+export declare namespace ConfirmModal {
+    var defaultProps: {
+        showIcons: boolean;
+    };
+}
+interface DestructiveModalProps extends ModalProps {
+    language?: {
+        confirm: string;
+        cancel: string;
+    };
+    onConfirm: () => void | Promise<any>;
+    onCancel: () => void;
+    showIcons?: boolean;
+}
+export declare function DestructiveModal(props: DestructiveModalProps): JSX.Element;
+export declare namespace DestructiveModal {
+    var defaultProps: {
+        showIcons: boolean;
+    };
+}
+export {};

package/dist/components/modalManager/ModalManager.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
+import './../../hooks/useModalManager/useModalManager.scss';
 import './../modal/Modal.scss';
-import './ModalManager.scss';
 export declare const ModalManager: React.ForwardRefExoticComponent<React.RefAttributes<unknown>>;

package/dist/components/notification/Notification.d.ts

@@ -8,7 +8,7 @@ interface NotificationProps {
     verticalOuter?: number;
     horizontalOuter?: number;
     className?: string;
-    children: React.ReactElement;
+    children: React.ReactNode;
 }
 declare function Notification(props: NotificationProps): JSX.Element;
 declare namespace Notification {

package/dist/components/table/Table.d.ts

@@ -1,13 +1,22 @@
 import React from 'react';
 import './Table.scss';
-export interface TableProps {
+declare type indexes = string | number;
+declare type AceptedValue = string | React.ReactNode | number;
+export interface TableCell extends React.HTMLAttributes<HTMLTableCellElement> {
+    align?: 'left' | 'center' | 'right' | 'justify' | 'char';
+}
+export declare type ColumnObject<R extends indexes | undefined = undefined> = {
+    key: R extends indexes ? R : indexes;
+    value: AceptedValue;
+    props?: TableCell;
+};
+export declare type LineObject<R extends indexes | undefined = undefined> = R extends indexes ? {
+    [key in R]: AceptedValue;
+} : any;
+interface BasicTableProps {
+    columns: unknown[];
+    lines?: unknown[];
     className?: string;
-    columns?: {
-        key: string;
-        value: any;
-        props?: any;
-    }[];
-    lines?: object[];
     sortable?: boolean;
     onSort?: (event?: {
         oldIndex: number;
@@ -25,4 +34,14 @@ export interface TableProps {
         }[];
     };
 }
+export interface TableProps extends BasicTableProps {
+    columns: ColumnObject[] | ColumnObject<indexes>[];
+    lines?: LineObject[] | LineObject<indexes>[];
+}
+export interface TypedTableProps<R extends indexes> extends BasicTableProps {
+    columns: ColumnObject<R>[];
+    lines?: LineObject<R>[];
+}
+export declare function TypedTable<R extends indexes>(props: TypedTableProps<R>): JSX.Element;
 export default function Table(props: TableProps): JSX.Element;
+export {};

package/dist/components/table/Table.stories.d.ts

@@ -1,12 +1,14 @@
-declare namespace _default {
-    export const title: string;
-    export { Table as component };
-}
+/// <reference types="react" />
+import Table from './Table';
+declare const _default: {
+    title: string;
+    component: typeof Table;
+};
 export default _default;
-export function Example(): JSX.Element;
-export function TableLikeZeplin(): JSX.Element;
-export function Draggable(): JSX.Element;
-export function ConfirmSort(): JSX.Element;
-export function WithActions(): JSX.Element;
-export function UpperHeader(): JSX.Element;
-import Table from "./Table";
+export declare const Example: () => JSX.Element;
+export declare const TableLikeZeplin: () => JSX.Element;
+export declare const Draggable: () => JSX.Element;
+export declare const ConfirmSort: () => JSX.Element;
+export declare const WithActions: () => JSX.Element;
+export declare const UpperHeader: () => JSX.Element;
+export declare const Typed: () => JSX.Element;

package/dist/components/toastManager/ToastManager.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import './ToastManager.scss';
+import './../../hooks/useToastManager/useToastManager.scss';
 interface ToastManagerProps {
     max?: string | number;
     marginTop?: string | number;

package/dist/hooks/useCallbackedState/useCallbackedState.d.ts

@@ -0,0 +1,2 @@
+import { Dispatch, SetStateAction } from 'react';
+export default function useCallbackedState<T = any>(callback: (newValue: any) => void, initialValue?: T | undefined): [T | undefined, Dispatch<SetStateAction<T | undefined>>];

package/dist/hooks/useCarouselBehaviour/useCarouselBehaviour.d.ts

@@ -7,5 +7,5 @@ interface CarouselBehaviourProps {
     slides: any[];
     draggable?: boolean;
 }
-declare function useCarouselBehaviour(props: CarouselBehaviourProps): [React.ReactElement, (newAtual: number, onScroll: boolean) => void];
+declare function useCarouselBehaviour(props: CarouselBehaviourProps): [React.ReactNode, (newAtual: number, onScroll: boolean) => void];
 export default useCarouselBehaviour;

package/dist/hooks/useModalManager/useModalManager.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import './../../components/modal/Modal.scss';
+import './useModalManager.scss';
+export default function useModalManager(): [React.ReactNode, <C extends React.ElementType, P extends React.ComponentProps<C>>(component: C, modalProps: P) => void, (modalKey: string | number) => void];

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

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

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

@@ -0,0 +1,19 @@
+import React from 'react';
+import { ToastProps } from '../../components/toast/Toast';
+export interface ToastManagerProps {
+    max?: string | number;
+    marginTop?: string | number;
+    verticalPosition?: 'top' | 'bottom';
+    horizontalPosition?: 'left' | 'right' | 'center';
+    reverse?: boolean;
+    animateSize?: boolean;
+    pauseOnFocusLoss?: boolean;
+}
+declare function useToastManager(props: ToastManagerProps): [React.ReactNode, (toast: ToastProps) => void, () => void];
+declare namespace useToastManager {
+    var defaultProps: {
+        verticalPosition: string;
+        horizontalPosition: string;
+    };
+}
+export default useToastManager;

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

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

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

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

package/dist/index.d.ts

@@ -66,7 +66,7 @@ import Select from './components/select/Select';
 import Switch from './components/switch/Switch';
 import { ActionsColumn } from './components/table/components/actionsColumn/ActionsColumn';
 import { LeftCheckboxWithLabel } from './components/table/components/leftCheckboxWithLabel/LeftCheckboxWithLabel';
-import Table from './components/table/Table';
+import Table, { TypedTable } from './components/table/Table';
 import TableActions from './components/tableActions/TableActions';
 import TableFileNameAndAction from './components/tableFileNameAndAction/TableFileNameAndAction';
 import TableWithOverflow from './components/tableWithOverflow/TableWithOverflow';
@@ -79,10 +79,14 @@ import TopLoader from './components/topLoader/TopLoader';
 import VideoItem from './components/videoItem/VideoItem';
 import VideoModal from './components/videoModal/VideoModal';
 import VideoPlayer from './components/videoPlayer/VideoPlayer';
+import useCallbackedState from './hooks/useCallbackedState/useCallbackedState';
 import useCarouselBehaviour from './hooks/useCarouselBehaviour/useCarouselBehaviour';
 import useDraggableContainer from './hooks/useDraggableContainer/useDraggableContainer';
+import useModalManager from './hooks/useModalManager/useModalManager';
 import useProgressiveCount from './hooks/useProgressiveCount/useProgressiveCount';
 import useTimeElapsed from './hooks/useTimeElapsed/useTimeElapsed';
+import useToastManager from './hooks/useToastManager/useToastManager';
+import useValidatedState from './hooks/useValidatedState/useValidatedState';
 export * from './components/modal/ModalTypes';
 export * from './libraries/BlobFileTypes';
 export * from './libraries/ButtonTheme';
@@ -98,4 +102,4 @@ export * from './libraries/RadioButtonTheme';
 export * from './libraries/SicrediLogoThemes';
 export * from './libraries/Toast';
 export * from './libraries/Tooltips';
-export { Accordion, 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, TableFileNameAndAction, TableActions, TableWithOverflow, TextEditor, LeftCheckboxWithLabel, ActionsColumn, Toast, ToastManager, Tooltip, TooltipManager, TopLoader, VideoItem, VideoPlayer, VideoModal, useProgressiveCount, useCarouselBehaviour, useDraggableContainer, useTimeElapsed };
+export { Accordion, 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, Toast, ToastManager, Tooltip, TooltipManager, TopLoader, VideoItem, VideoPlayer, VideoModal, useProgressiveCount, useCarouselBehaviour, useDraggableContainer, useTimeElapsed, useModalManager, useToastManager, useCallbackedState, useValidatedState };