plataforma-fundacao-componentes 2.20.28 → 2.21.0

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/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/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/useToastManager/useToastManager.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { ToastProps } from '../../components/toast/Toast';
-interface ToastManagerProps {
+export interface ToastManagerProps {
     max?: string | number;
     marginTop?: string | number;
     verticalPosition?: 'top' | 'bottom';
@@ -9,5 +9,11 @@ interface ToastManagerProps {
     animateSize?: boolean;
     pauseOnFocusLoss?: boolean;
 }
-export default function useToastManager(props: ToastManagerProps): [React.ReactNode, (toast: ToastProps) => void, () => void];
-export {};
+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/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,12 +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';
@@ -100,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, useModalManager, useToastManager };
+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 };

package/dist/index.js

@@ -563,12 +563,14 @@ var ReactPropTypesSecret = 'SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED';
 
 var ReactPropTypesSecret_1 = ReactPropTypesSecret;
 
+var has = Function.call.bind(Object.prototype.hasOwnProperty);
+
 var printWarning = function() {};
 
 if (process.env.NODE_ENV !== 'production') {
   var ReactPropTypesSecret$1 = ReactPropTypesSecret_1;
   var loggedTypeFailures = {};
-  var has = Function.call.bind(Object.prototype.hasOwnProperty);
+  var has$1 = has;
 
   printWarning = function(text) {
     var message = 'Warning: ' + text;
@@ -580,7 +582,7 @@ if (process.env.NODE_ENV !== 'production') {
       // This error was thrown as a convenience so that you can use this stack
       // to find the callsite that caused this warning to fire.
       throw new Error(message);
-    } catch (x) {}
+    } catch (x) { /**/ }
   };
 }
 
@@ -598,7 +600,7 @@ if (process.env.NODE_ENV !== 'production') {
 function checkPropTypes(typeSpecs, values, location, componentName, getStack) {
   if (process.env.NODE_ENV !== 'production') {
     for (var typeSpecName in typeSpecs) {
-      if (has(typeSpecs, typeSpecName)) {
+      if (has$1(typeSpecs, typeSpecName)) {
         var error;
         // Prop type validation may throw. In case they do, we don't want to
         // fail the render phase where it didn't fail before. So we log it.
@@ -609,7 +611,8 @@ function checkPropTypes(typeSpecs, values, location, componentName, getStack) {
           if (typeof typeSpecs[typeSpecName] !== 'function') {
             var err = Error(
               (componentName || 'React class') + ': ' + location + ' type `' + typeSpecName + '` is invalid; ' +
-              'it must be a function, usually from the `prop-types` package, but received `' + typeof typeSpecs[typeSpecName] + '`.'
+              'it must be a function, usually from the `prop-types` package, but received `' + typeof typeSpecs[typeSpecName] + '`.' +
+              'This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.'
             );
             err.name = 'Invariant Violation';
             throw err;
@@ -657,7 +660,6 @@ checkPropTypes.resetWarningCache = function() {
 
 var checkPropTypes_1 = checkPropTypes;
 
-var has$1 = Function.call.bind(Object.prototype.hasOwnProperty);
 var printWarning$1 = function() {};
 
 if (process.env.NODE_ENV !== 'production') {
@@ -758,6 +760,7 @@ var factoryWithTypeCheckers = function(isValidElement, throwOnDirectAccess) {
   // Keep this list in sync with production version in `./factoryWithThrowingShims.js`.
   var ReactPropTypes = {
     array: createPrimitiveTypeChecker('array'),
+    bigint: createPrimitiveTypeChecker('bigint'),
     bool: createPrimitiveTypeChecker('boolean'),
     func: createPrimitiveTypeChecker('function'),
     number: createPrimitiveTypeChecker('number'),
@@ -803,8 +806,9 @@ var factoryWithTypeCheckers = function(isValidElement, throwOnDirectAccess) {
    * is prohibitively expensive if they are created too often, such as what
    * happens in oneOfType() for any type before the one that matched.
    */
-  function PropTypeError(message) {
+  function PropTypeError(message, data) {
     this.message = message;
+    this.data = data && typeof data === 'object' ? data: {};
     this.stack = '';
   }
   // Make `instanceof Error` still work for returned errors.
@@ -839,7 +843,7 @@ var factoryWithTypeCheckers = function(isValidElement, throwOnDirectAccess) {
           ) {
             printWarning$1(
               'You are manually calling a React.PropTypes validation ' +
-              'function for the `' + propFullName + '` prop on `' + componentName  + '`. This is deprecated ' +
+              'function for the `' + propFullName + '` prop on `' + componentName + '`. This is deprecated ' +
               'and will throw in the standalone `prop-types` package. ' +
               'You may be seeing this warning due to a third-party PropTypes ' +
               'library. See https://fb.me/react-warning-dont-call-proptypes ' + 'for details.'
@@ -878,7 +882,10 @@ var factoryWithTypeCheckers = function(isValidElement, throwOnDirectAccess) {
         // 'of type `object`'.
         var preciseType = getPreciseType(propValue);
 
-        return new PropTypeError('Invalid ' + location + ' `' + propFullName + '` of type ' + ('`' + preciseType + '` supplied to `' + componentName + '`, expected ') + ('`' + expectedType + '`.'));
+        return new PropTypeError(
+          'Invalid ' + location + ' `' + propFullName + '` of type ' + ('`' + preciseType + '` supplied to `' + componentName + '`, expected ') + ('`' + expectedType + '`.'),
+          {expectedType: expectedType}
+        );
       }
       return null;
     }
@@ -992,7 +999,7 @@ var factoryWithTypeCheckers = function(isValidElement, throwOnDirectAccess) {
         return new PropTypeError('Invalid ' + location + ' `' + propFullName + '` of type ' + ('`' + propType + '` supplied to `' + componentName + '`, expected an object.'));
       }
       for (var key in propValue) {
-        if (has$1(propValue, key)) {
+        if (has(propValue, key)) {
           var error = typeChecker(propValue, key, componentName, location, propFullName + '.' + key, ReactPropTypesSecret_1);
           if (error instanceof Error) {
             return error;
@@ -1022,14 +1029,19 @@ var factoryWithTypeCheckers = function(isValidElement, throwOnDirectAccess) {
     }
 
     function validate(props, propName, componentName, location, propFullName) {
+      var expectedTypes = [];
       for (var i = 0; i < arrayOfTypeCheckers.length; i++) {
         var checker = arrayOfTypeCheckers[i];
-        if (checker(props, propName, componentName, location, propFullName, ReactPropTypesSecret_1) == null) {
+        var checkerResult = checker(props, propName, componentName, location, propFullName, ReactPropTypesSecret_1);
+        if (checkerResult == null) {
           return null;
         }
+        if (checkerResult.data && has(checkerResult.data, 'expectedType')) {
+          expectedTypes.push(checkerResult.data.expectedType);
+        }
       }
-
-      return new PropTypeError('Invalid ' + location + ' `' + propFullName + '` supplied to ' + ('`' + componentName + '`.'));
+      var expectedTypesMessage = (expectedTypes.length > 0) ? ', expected one of type [' + expectedTypes.join(', ') + ']': '';
+      return new PropTypeError('Invalid ' + location + ' `' + propFullName + '` supplied to ' + ('`' + componentName + '`' + expectedTypesMessage + '.'));
     }
     return createChainableTypeChecker(validate);
   }
@@ -1044,6 +1056,13 @@ var factoryWithTypeCheckers = function(isValidElement, throwOnDirectAccess) {
     return createChainableTypeChecker(validate);
   }
 
+  function invalidValidatorError(componentName, location, propFullName, key, type) {
+    return new PropTypeError(
+      (componentName || 'React class') + ': ' + location + ' type `' + propFullName + '.' + key + '` is invalid; ' +
+      'it must be a function, usually from the `prop-types` package, but received `' + type + '`.'
+    );
+  }
+
   function createShapeTypeChecker(shapeTypes) {
     function validate(props, propName, componentName, location, propFullName) {
       var propValue = props[propName];
@@ -1053,8 +1072,8 @@ var factoryWithTypeCheckers = function(isValidElement, throwOnDirectAccess) {
       }
       for (var key in shapeTypes) {
         var checker = shapeTypes[key];
-        if (!checker) {
-          continue;
+        if (typeof checker !== 'function') {
+          return invalidValidatorError(componentName, location, propFullName, key, getPreciseType(checker));
         }
         var error = checker(propValue, key, componentName, location, propFullName + '.' + key, ReactPropTypesSecret_1);
         if (error) {
@@ -1073,16 +1092,18 @@ var factoryWithTypeCheckers = function(isValidElement, throwOnDirectAccess) {
       if (propType !== 'object') {
         return new PropTypeError('Invalid ' + location + ' `' + propFullName + '` of type `' + propType + '` ' + ('supplied to `' + componentName + '`, expected `object`.'));
       }
-      // We need to check all keys in case some are required but missing from
-      // props.
+      // We need to check all keys in case some are required but missing from props.
       var allKeys = objectAssign({}, props[propName], shapeTypes);
       for (var key in allKeys) {
         var checker = shapeTypes[key];
+        if (has(shapeTypes, key) && typeof checker !== 'function') {
+          return invalidValidatorError(componentName, location, propFullName, key, getPreciseType(checker));
+        }
         if (!checker) {
           return new PropTypeError(
             'Invalid ' + location + ' `' + propFullName + '` key `' + key + '` supplied to `' + componentName + '`.' +
             '\nBad object: ' + JSON.stringify(props[propName], null, '  ') +
-            '\nValid keys: ' +  JSON.stringify(Object.keys(shapeTypes), null, '  ')
+            '\nValid keys: ' + JSON.stringify(Object.keys(shapeTypes), null, '  ')
           );
         }
         var error = checker(propValue, key, componentName, location, propFullName + '.' + key, ReactPropTypesSecret_1);
@@ -1258,6 +1279,7 @@ var factoryWithThrowingShims = function() {
   // Keep this list in sync with production version in `./factoryWithTypeCheckers.js`.
   var ReactPropTypes = {
     array: shim,
+    bigint: shim,
     bool: shim,
     func: shim,
     number: shim,
@@ -9436,6 +9458,9 @@ LeftCheckboxWithLabel.propTypes = {
 };
 
 var rootClassName$1x = 'component-table';
+function TypedTable(props) {
+  return React__default.createElement(Table, Object.assign({}, props));
+}
 function Table(props) {
   var _useState = React.useState("table" + getUniqueKey()),
       itemsId = _useState[0];
@@ -9509,13 +9534,13 @@ function Table(props) {
     }, React__default.createElement("span", null, btn.icon), btn.label);
   }) : undefined)) : undefined, React__default.createElement("div", {
     className: rootClassName$1x + "-outer-table"
-  }, React__default.createElement("table", Object.assign({}, getProps()), React__default.createElement("thead", null, React__default.createElement("tr", null, React__default.createElement("th", null), props.columns && props.columns.length ? props.columns.map(function (column, columnIndex) {
+  }, React__default.createElement("table", Object.assign({}, getProps()), React__default.createElement("thead", null, React__default.createElement("tr", null, React__default.createElement("th", null), props.columns && props.columns.length ? Array.from(props.columns).map(function (column, columnIndex) {
     return React__default.createElement("th", Object.assign({}, column.props, {
       key: column.key ? column.key : columnIndex
     }), column.value);
   }) : undefined, React__default.createElement("th", null))), React__default.createElement("tbody", {
     id: itemsId
-  }, React__default.createElement("tr", null), props.lines && props.lines.length ? props.lines.map(function (line, index) {
+  }, React__default.createElement("tr", null), props.lines && props.lines.length ? Array.from(props.lines).map(function (line, index) {
     var key = line.key ? line.key : index;
     delete line.key;
     var lineProps = line.props ? line.props : {};
@@ -9760,11 +9785,11 @@ function TableWithOverflow(props) {
   }, React__default.createElement("table", {
     id: fakeId,
     className: rootClassName$1A + "-fake-table"
-  }, React__default.createElement("thead", null, React__default.createElement("tr", null, React__default.createElement("th", null), props.columns && props.columns.length ? props.columns.map(function (column, columnIndex) {
+  }, React__default.createElement("thead", null, React__default.createElement("tr", null, React__default.createElement("th", null), props.columns && props.columns.length ? Array.from(props.columns).map(function (column, columnIndex) {
     return React__default.createElement("th", Object.assign({}, column.props, {
       key: column.key ? column.key : columnIndex
     }), column.value);
-  }) : undefined, React__default.createElement("th", null))), React__default.createElement("tbody", null, React__default.createElement("tr", null), props.lines && props.lines.length ? props.lines.map(function (line, index) {
+  }) : undefined, React__default.createElement("th", null))), React__default.createElement("tbody", null, React__default.createElement("tr", null), props.lines && props.lines.length ? Array.from(props.lines).map(function (line, index) {
     var key = line.key ? line.key : index;
     delete line.key;
     var lineProps = line.props ? line.props : {};
@@ -9795,7 +9820,7 @@ function TableWithOverflow(props) {
     className: rootClassName$1A + "-left"
   }, React__default.createElement("div", {
     className: rootClassName$1A + "-header"
-  }, props.columns && props.columns.length ? props.columns.slice(0, 2).map(function (column, index) {
+  }, props.columns && props.columns.length ? Array.from(props.columns).slice(0, 2).map(function (column, index) {
     return React__default.createElement("div", Object.assign({
       key: index
     }, column.props, {
@@ -9806,7 +9831,7 @@ function TableWithOverflow(props) {
     }), column.value);
   }) : undefined), React__default.createElement("div", {
     className: rootClassName$1A + "-body"
-  }, props.lines && props.lines.length ? props.lines.map(function (line, index) {
+  }, props.lines && props.lines.length ? Array.from(props.lines).map(function (line, index) {
     var _props$columns$, _props$columns$2;
 
     return React__default.createElement("div", {
@@ -9825,7 +9850,7 @@ function TableWithOverflow(props) {
     className: rootClassName$1A + "-mid"
   }, React__default.createElement("div", {
     className: rootClassName$1A + "-header"
-  }, props.columns && props.columns.length ? props.columns.map(function (column, index) {
+  }, props.columns && props.columns.length ? Array.from(props.columns).map(function (column, index) {
     return React__default.createElement("div", Object.assign({
       key: index
     }, column.props, {
@@ -9833,7 +9858,7 @@ function TableWithOverflow(props) {
     }), column.value);
   }).slice(2, props.columns.length - 1) : undefined), React__default.createElement("div", {
     className: rootClassName$1A + "-body"
-  }, props.lines && props.lines.length ? props.lines.map(function (line, lineIndex) {
+  }, props.lines && props.lines.length ? Array.from(props.lines).map(function (line, lineIndex) {
     return React__default.createElement("div", {
       key: lineIndex,
       className: rootClassName$1A + "-row"
@@ -9849,7 +9874,7 @@ function TableWithOverflow(props) {
     className: rootClassName$1A + "-right"
   }, React__default.createElement("div", {
     className: rootClassName$1A + "-header"
-  }, props.columns && props.columns.length ? props.columns.map(function (column, index) {
+  }, props.columns && props.columns.length ? Array.from(props.columns).map(function (column, index) {
     return React__default.createElement("div", Object.assign({
       key: index
     }, column.props, {
@@ -9883,7 +9908,7 @@ function TableWithOverflow(props) {
     }
   })) : undefined), React__default.createElement("div", {
     className: rootClassName$1A + "-body"
-  }, props.lines && props.lines.length ? props.lines.map(function (line, lineIndex) {
+  }, props.lines && props.lines.length ? Array.from(props.lines).map(function (line, lineIndex) {
     return React__default.createElement("div", {
       key: lineIndex,
       className: rootClassName$1A + "-row"
@@ -11262,6 +11287,17 @@ VideoModal.defaultProps = {
   size: 'md'
 };
 
+function useCallbackedState(callback, initialValue) {
+  var _useState = React.useState(initialValue),
+      value = _useState[0],
+      setValue = _useState[1];
+
+  React.useEffect(function () {
+    callback(value);
+  }, [value]);
+  return [value, setValue];
+}
+
 var rootClassName$1$ = 'comp-modal-manager';
 var maskRootClassName$1 = 'component-modal-mask';
 
@@ -11382,6 +11418,11 @@ function useToastManager(props) {
       arrayOfToast = _useState[0],
       setArrayOfToast = _useState[1];
 
+  var verticalPosition = (props === null || props === void 0 ? void 0 : props.verticalPosition) || 'top';
+  var horizontalPosition = (props === null || props === void 0 ? void 0 : props.horizontalPosition) || 'right';
+  var max = (props === null || props === void 0 ? void 0 : props.max) || undefined;
+  var reverse = (props === null || props === void 0 ? void 0 : props.reverse) || false;
+  var animateSize = (props === null || props === void 0 ? void 0 : props.animateSize) || false;
   var closeById = React.useCallback(function (id) {
     var arr = arrayOfToast.filter(function (a) {
       return a.id !== id;
@@ -11403,25 +11444,25 @@ function useToastManager(props) {
       id: id
     }, toast);
 
-    if (!props.max || arrayOfToast.length < props.max) {
+    if (!max || arrayOfToast.length < max) {
       arr.push(obj);
       setArrayOfToast(arr);
       count$1++;
     }
-  }, [props.max, arrayOfToast]);
+  }, [max, arrayOfToast]);
   var clearToast = React.useCallback(function () {
     setArrayOfToast([]);
   }, []);
   var classNames = React.useMemo(function () {
-    return getMergedClassNames([rootClassName$20 + "-toasts", rootClassName$20 + "-" + props.verticalPosition, rootClassName$20 + "-" + props.horizontalPosition, props.reverse ? rootClassName$20 + "-reverse" : '', props.animateSize ? rootClassName$20 + "-animate-size" : '']);
-  }, [props.reverse, props.animateSize, props.horizontalPosition, props.verticalPosition]);
+    return getMergedClassNames([rootClassName$20 + "-toasts", rootClassName$20 + "-" + verticalPosition, rootClassName$20 + "-" + horizontalPosition, reverse ? rootClassName$20 + "-reverse" : '', animateSize ? rootClassName$20 + "-animate-size" : '']);
+  }, [reverse, animateSize, horizontalPosition, verticalPosition]);
   React.useLayoutEffect(function () {
     var wrapper = document.querySelector("." + rootClassName$20 + "-toasts");
 
     if (wrapper && wrapper.childElementCount > 0) {
       var somaDasAlturas = 0;
 
-      if (props.verticalPosition === 'top' && !props.reverse) {
+      if (verticalPosition === 'top' && !reverse) {
         somaDasAlturas = 12;
 
         for (var i = 0; i < wrapper.children.length; i++) {
@@ -11432,7 +11473,7 @@ function useToastManager(props) {
             somaDasAlturas += el.getBoundingClientRect().height + 12;
           }
         }
-      } else if (props.verticalPosition === 'top') {
+      } else if (verticalPosition === 'top') {
         for (var _i = wrapper.children.length - 1; _i >= 0; _i--) {
           var _el = wrapper.children[_i];
 
@@ -11441,7 +11482,7 @@ function useToastManager(props) {
             _el.style.transform = "translateY(" + somaDasAlturas + "px)";
           }
         }
-      } else if (props.verticalPosition === 'bottom' && !props.reverse) {
+      } else if (verticalPosition === 'bottom' && !reverse) {
         for (var _i2 = 0; _i2 < wrapper.children.length; _i2++) {
           var _el2 = wrapper.children[_i2];
 
@@ -11463,7 +11504,7 @@ function useToastManager(props) {
         }
       }
     }
-  }, [arrayOfToast, props.reverse, props.verticalPosition]);
+  }, [arrayOfToast, reverse, verticalPosition]);
   return [React__default.createElement(React__default.Fragment, null, React__default.createElement(reactTransitionGroup.TransitionGroup, {
     className: classNames
   }, arrayOfToast.map(function (toast) {
@@ -11485,10 +11526,22 @@ function useToastManager(props) {
       showActionButton: toast.showActionButton,
       onActionButtonClick: toast.onActionButtonClick,
       actionButtonText: toast.actionButtonText,
-      pauseOnFocusLoss: props.pauseOnFocusLoss
+      pauseOnFocusLoss: props === null || props === void 0 ? void 0 : props.pauseOnFocusLoss
     })));
   }))), showToast, clearToast];
 }
+useToastManager.defaultProps = {
+  verticalPosition: 'top',
+  horizontalPosition: 'right'
+};
+
+function useValidatedState(validation, initialValue) {
+  var _useState = React.useState(initialValue),
+      value = _useState[0],
+      setValue = _useState[1];
+
+  return [value, setValue, validation(value)];
+}
 
 function AlertModal(props) {
   var getProps = function getProps() {
@@ -11739,14 +11792,17 @@ exports.ToastManager = ToastManager;
 exports.Tooltip = Tooltip;
 exports.TooltipManager = TooltipManager;
 exports.TopLoader = TopLoader;
+exports.TypedTable = TypedTable;
 exports.VideoItem = VideoItem;
 exports.VideoModal = VideoModal;
 exports.VideoPlayer = VideoPlayer;
 exports.getStatusClassName = getStatusClassName;
+exports.useCallbackedState = useCallbackedState;
 exports.useCarouselBehaviour = useCarouselBehaviour;
 exports.useDraggableContainer = useDraggableContainer;
 exports.useModalManager = useModalManager;
 exports.useProgressiveCount = useProgressiveCount;
 exports.useTimeElapsed = useTimeElapsed;
 exports.useToastManager = useToastManager;
+exports.useValidatedState = useValidatedState;
 //# sourceMappingURL=index.js.map