plataforma-fundacao-componentes 2.20.24 → 2.20.28

package/README.md

@@ -25,13 +25,19 @@ import 'plataforma-fundacao-componentes/dist/index.css'
 ## 2) Importar o componente e utilizar :P
 
 ```tsx
-import React, { Component } from 'react'
+import React from 'react'
 import { Button } from 'plataforma-fundacao-componentes'
 
-expord default function Example() {
-  return (<Button onClick={() => {
-    console.log('clicou')
-    }}>Clique</Button>)
+export default function Example() {
+  return (
+    <Button
+      onClick={() => {
+        console.log('clicou')
+      }}
+    >
+      Clique
+    </Button>
+  )
 }
 ```
 

package/dist/components/bannerPesquisaCpfCnpj/BannerPesquisaCpfCnpj.d.ts

@@ -7,6 +7,7 @@ interface BannerPesquisaCpfCnpjProps {
     inputProps?: InputProps;
     urlImg?: string;
     theme?: 'white' | 'secondary-light' | 'secondary-lighter';
+    captcha?: React.ReactNode;
 }
 declare function BannerPesquisaCpfCnpj(props: BannerPesquisaCpfCnpjProps): JSX.Element;
 declare namespace BannerPesquisaCpfCnpj {

package/dist/components/bannerPesquisaCpfCnpj/BannerPesquisaCpfCnpj.stories.d.ts

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

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/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/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;
+    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;
+    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;
+    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/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/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,13 @@
+import React from 'react';
+import { ToastProps } from '../../components/toast/Toast';
+interface ToastManagerProps {
+    max?: string | number;
+    marginTop?: string | number;
+    verticalPosition?: 'top' | 'bottom';
+    horizontalPosition?: 'left' | 'right' | 'center';
+    reverse?: boolean;
+    animateSize?: boolean;
+    pauseOnFocusLoss?: boolean;
+}
+export default function useToastManager(props: ToastManagerProps): [React.ReactNode, (toast: ToastProps) => void, () => void];
+export {};

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/index.css

@@ -3553,6 +3553,8 @@ h5 {
     padding: 3%;
     height: 412px;
     width: 50%; }
+    .banner-pesquisa-cpf-cnpj .banner-pesquisa-cpf-cnpj-left.plus {
+      height: 500px; }
     @media screen and (max-width: 767.98px) {
       .banner-pesquisa-cpf-cnpj .banner-pesquisa-cpf-cnpj-left {
         width: 100%;
@@ -3579,6 +3581,8 @@ h5 {
     width: 50%;
     background-size: cover;
     background-position: center; }
+    .banner-pesquisa-cpf-cnpj .banner-pesquisa-cpf-cnpj-image.plus {
+      height: 500px; }
     .banner-pesquisa-cpf-cnpj .banner-pesquisa-cpf-cnpj-image img {
       display: none; }
     @media screen and (max-width: 767.98px) {

package/dist/index.d.ts

@@ -81,8 +81,10 @@ import VideoModal from './components/videoModal/VideoModal';
 import VideoPlayer from './components/videoPlayer/VideoPlayer';
 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';
 export * from './components/modal/ModalTypes';
 export * from './libraries/BlobFileTypes';
 export * from './libraries/ButtonTheme';
@@ -98,4 +100,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, TableFileNameAndAction, TableActions, TableWithOverflow, TextEditor, LeftCheckboxWithLabel, ActionsColumn, Toast, ToastManager, Tooltip, TooltipManager, TopLoader, VideoItem, VideoPlayer, VideoModal, useProgressiveCount, useCarouselBehaviour, useDraggableContainer, useTimeElapsed, useModalManager, useToastManager };

package/dist/index.js

@@ -2321,15 +2321,17 @@ function BannerPesquisaCpfCnpj(props) {
   return React__default.createElement("div", {
     className: getMergedClassNames([rootClassName$n, props.theme])
   }, React__default.createElement("div", {
-    className: rootClassName$n + "-left"
+    className: getMergedClassNames([rootClassName$n + "-left", props.captcha ? 'plus' : ''])
   }, React__default.createElement("div", {
     className: rootClassName$n + "-title"
   }, props.title), React__default.createElement("div", {
     className: rootClassName$n + "-sub-title nunito"
-  }, props.subtitle), React__default.createElement("div", {
+  }, props.subtitle), props.inputProps ? React__default.createElement("div", {
     className: rootClassName$n + "-input"
-  }, React__default.createElement(Input$1, Object.assign({}, props.inputProps)))), React__default.createElement("div", {
-    className: rootClassName$n + "-image",
+  }, React__default.createElement(Input$1, Object.assign({}, props.inputProps))) : undefined, props.captcha ? React__default.createElement("div", {
+    className: rootClassName$n + "-captcha"
+  }, props.captcha) : undefined), React__default.createElement("div", {
+    className: getMergedClassNames([rootClassName$n + "-image", props.captcha ? 'plus' : '']),
     style: {
       backgroundImage: "url(" + props.urlImg + ")"
     }
@@ -2735,11 +2737,7 @@ function BreadCrumb(props) {
     return React__default.createElement("div", {
       key: index,
       className: getMergedClassNames([rootClassName$z + "-path", p.onClick && typeof p.onClick === 'function' ? rootClassName$z + "-active" : '']),
-      onClick: function onClick() {
-        if (typeof p.onClick === 'function') {
-          p.onClick();
-        }
-      }
+      onClick: p.onClick
     }, index > 0 ? React__default.createElement("div", {
       className: rootClassName$z + "-arrow"
     }, React__default.createElement(ChevronArrowRightIcon, null)) : undefined, React__default.createElement("div", {
@@ -11264,6 +11262,234 @@ VideoModal.defaultProps = {
   size: 'md'
 };
 
+var rootClassName$1$ = 'comp-modal-manager';
+var maskRootClassName$1 = 'component-modal-mask';
+
+var hackFocus$1 = function hackFocus() {
+  var tmp = document.createElement('input');
+  document.body.appendChild(tmp);
+  tmp.focus();
+  document.body.removeChild(tmp);
+};
+
+function useModalManager() {
+  var _useState = React.useState([]),
+      arrayOfModal = _useState[0],
+      setArrayOfModal = _useState[1];
+
+  var refModals = React.useRef(arrayOfModal);
+  refModals.current = arrayOfModal;
+  React.useEffect(function () {
+    var escapeCall = function escapeCall(evt) {
+      if (evt.key === 'Escape' && refModals.current.length) {
+        var mprops = refModals.current[refModals.current.length - 1].props;
+
+        if (!(mprops !== null && mprops !== void 0 && mprops.preventEscExit)) {
+          closeModalByKey(mprops === null || mprops === void 0 ? void 0 : mprops.modalKey);
+
+          if (typeof (mprops === null || mprops === void 0 ? void 0 : mprops.onClose) === 'function') {
+            mprops === null || mprops === void 0 ? void 0 : mprops.onClose(mprops === null || mprops === void 0 ? void 0 : mprops.modalKey);
+          }
+        }
+      }
+    };
+
+    document.addEventListener('keydown', escapeCall);
+    return function () {
+      document.removeEventListener('keydown', escapeCall);
+    };
+  }, []);
+
+  var closeModalByKey = function closeModalByKey(modalKey) {
+    var arr = refModals.current.slice();
+    arr = arr.filter(function (obj) {
+      return String(obj.props.modalKey) !== String(modalKey);
+    });
+    setArrayOfModal(arr);
+  };
+
+  var openModal = function openModal(component, modalProps) {
+    var modalKey = modalProps.modalKey ? modalProps.modalKey : getUniqueKey();
+
+    if (typeof component === 'function') {
+      var arr = refModals.current.slice();
+
+      var p = _extends({}, modalProps, {
+        modalKey: modalKey,
+        onClose: function onClose(modalKey) {
+          closeModalByKey(modalKey);
+
+          if (typeof modalProps.onClose === 'function') {
+            modalProps.onClose(modalKey);
+          }
+        }
+      });
+
+      arr.push({
+        component: component,
+        props: p
+      });
+      setArrayOfModal(arr);
+      hackFocus$1();
+      return modalKey;
+    }
+
+    return '';
+  };
+
+  var closeModal = function closeModal(modalKey) {
+    if (modalKey) {
+      closeModalByKey(modalKey);
+    } else if (refModals.current.length) {
+      var _refModals$current, _refModals$current$pr;
+
+      closeModalByKey((_refModals$current = refModals.current[refModals.current.length - 1]) === null || _refModals$current === void 0 ? void 0 : (_refModals$current$pr = _refModals$current.props) === null || _refModals$current$pr === void 0 ? void 0 : _refModals$current$pr.modalKey);
+    }
+  };
+
+  return [React__default.createElement(React__default.Fragment, null, React__default.createElement(reactTransitionGroup.TransitionGroup, {
+    className: rootClassName$1$ + "-modals"
+  }, arrayOfModal.map(function (obj) {
+    var _obj$props, _obj$props2, _obj$props3;
+
+    var M = obj.component;
+    return React__default.createElement(reactTransitionGroup.CSSTransition, {
+      timeout: 300,
+      classNames: (_obj$props = obj.props) !== null && _obj$props !== void 0 && _obj$props.mobileOnXS ? rootClassName$1$ + "-mask-mobile-on-xs" : rootClassName$1$ + "-mask",
+      key: (_obj$props2 = obj.props) === null || _obj$props2 === void 0 ? void 0 : _obj$props2.modalKey,
+      unmountOnExit: true
+    }, React__default.createElement(ModalMask, {
+      mobileOnXS: Boolean((_obj$props3 = obj.props) === null || _obj$props3 === void 0 ? void 0 : _obj$props3.mobileOnXS),
+      onClick: function onClick(evt) {
+        if (evt.target.classList.contains(maskRootClassName$1)) {
+          var _obj$props4, _obj$props5;
+
+          if (typeof ((_obj$props4 = obj.props) === null || _obj$props4 === void 0 ? void 0 : _obj$props4.onClose) === 'function' && !((_obj$props5 = obj.props) !== null && _obj$props5 !== void 0 && _obj$props5.preventMaskExit)) {
+            var _obj$props6, _obj$props7;
+
+            (_obj$props6 = obj.props) === null || _obj$props6 === void 0 ? void 0 : _obj$props6.onClose((_obj$props7 = obj.props) === null || _obj$props7 === void 0 ? void 0 : _obj$props7.modalKey);
+          }
+        }
+      }
+    }, React__default.createElement(M, Object.assign({}, obj.props))));
+  }))), openModal, closeModal];
+}
+
+var rootClassName$20 = 'comp-toast-manager';
+var count$1 = 0;
+function useToastManager(props) {
+  var _useState = React.useState([]),
+      arrayOfToast = _useState[0],
+      setArrayOfToast = _useState[1];
+
+  var closeById = React.useCallback(function (id) {
+    var arr = arrayOfToast.filter(function (a) {
+      return a.id !== id;
+    });
+    setArrayOfToast(arr);
+  }, [arrayOfToast]);
+  var showToast = React.useCallback(function (toast) {
+    var id = "toaster-" + count$1;
+    var arr = arrayOfToast.slice();
+    var obj = {};
+
+    if (toast.prevent && arrayOfToast.some(function (t) {
+      return t.label === toast.label;
+    })) {
+      return;
+    }
+
+    obj = _extends({
+      id: id
+    }, toast);
+
+    if (!props.max || arrayOfToast.length < props.max) {
+      arr.push(obj);
+      setArrayOfToast(arr);
+      count$1++;
+    }
+  }, [props.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]);
+  React.useLayoutEffect(function () {
+    var wrapper = document.querySelector("." + rootClassName$20 + "-toasts");
+
+    if (wrapper && wrapper.childElementCount > 0) {
+      var somaDasAlturas = 0;
+
+      if (props.verticalPosition === 'top' && !props.reverse) {
+        somaDasAlturas = 12;
+
+        for (var i = 0; i < wrapper.children.length; i++) {
+          var el = wrapper.children[i];
+
+          if (!el.classList.contains(rootClassName$20 + "-toast-exit")) {
+            el.style.transform = "translateY(" + somaDasAlturas + "px)";
+            somaDasAlturas += el.getBoundingClientRect().height + 12;
+          }
+        }
+      } else if (props.verticalPosition === 'top') {
+        for (var _i = wrapper.children.length - 1; _i >= 0; _i--) {
+          var _el = wrapper.children[_i];
+
+          if (!_el.classList.contains(rootClassName$20 + "-toast-exit")) {
+            somaDasAlturas += _el.getBoundingClientRect().height + 12;
+            _el.style.transform = "translateY(" + somaDasAlturas + "px)";
+          }
+        }
+      } else if (props.verticalPosition === 'bottom' && !props.reverse) {
+        for (var _i2 = 0; _i2 < wrapper.children.length; _i2++) {
+          var _el2 = wrapper.children[_i2];
+
+          if (!_el2.classList.contains(rootClassName$20 + "-toast-exit")) {
+            somaDasAlturas += _el2.getBoundingClientRect().height + 12;
+            _el2.style.transform = "translateY(-" + somaDasAlturas + "px)";
+          }
+        }
+      } else {
+        somaDasAlturas = 12;
+
+        for (var _i3 = wrapper.children.length - 1; _i3 >= 0; _i3--) {
+          var _el3 = wrapper.children[_i3];
+
+          if (!_el3.classList.contains(rootClassName$20 + "-toast-exit")) {
+            _el3.style.transform = "translateY(-" + somaDasAlturas + "px)";
+            somaDasAlturas += _el3.getBoundingClientRect().height + 12;
+          }
+        }
+      }
+    }
+  }, [arrayOfToast, props.reverse, props.verticalPosition]);
+  return [React__default.createElement(React__default.Fragment, null, React__default.createElement(reactTransitionGroup.TransitionGroup, {
+    className: classNames
+  }, arrayOfToast.map(function (toast) {
+    return React__default.createElement(reactTransitionGroup.CSSTransition, {
+      timeout: 300,
+      classNames: rootClassName$20 + "-toast",
+      key: toast.id,
+      unmountOnExit: true
+    }, React__default.createElement("div", {
+      className: rootClassName$20 + "-toastzin"
+    }, React__default.createElement(Toast, {
+      theme: toast.theme,
+      label: toast.label,
+      onClose: function onClose() {
+        return closeById(toast.id);
+      },
+      timeout: toast.timeout,
+      showStatusBar: toast.showStatusBar,
+      showActionButton: toast.showActionButton,
+      onActionButtonClick: toast.onActionButtonClick,
+      actionButtonText: toast.actionButtonText,
+      pauseOnFocusLoss: props.pauseOnFocusLoss
+    })));
+  }))), showToast, clearToast];
+}
+
 function AlertModal(props) {
   var getProps = function getProps() {
     var p = _extends({
@@ -11271,7 +11497,7 @@ function AlertModal(props) {
         children: !props.language || !props.language.confirm ? languageValues.components.modals.alertModal.confirm : props.language.confirm,
         onClick: props.onConfirm,
         theme: 'primary',
-        leftIcon: props.showIcons ? /*#__PURE__*/React__default.createElement(CheckCircleIcon, null) : undefined
+        leftIcon: props.showIcons ? React__default.createElement(CheckCircleIcon, null) : undefined
       }]
     }, props);
 
@@ -11279,16 +11505,8 @@ function AlertModal(props) {
     return p;
   };
 
-  return /*#__PURE__*/React__default.createElement(Modal, getProps());
+  return React__default.createElement(Modal, Object.assign({}, getProps()));
 }
-AlertModal.propTypes = _extends({}, Modal.propTypes, {
-  language: propTypes.shape({
-    confirm: propTypes.string
-  }),
-  onConfirm: propTypes.func,
-  onClose: propTypes.func,
-  showIcons: propTypes.bool
-});
 AlertModal.defaultProps = {
   showIcons: true
 };
@@ -11299,12 +11517,12 @@ function ConfirmModal(props) {
         children: !props.language || !props.language.cancel ? languageValues.components.modals.confirmModal.cancel : props.language.cancel,
         onClick: props.onCancel,
         theme: BUTTON_STYLE_SECONDARY,
-        leftIcon: props.showIcons ? /*#__PURE__*/React__default.createElement(TimesCircleIcon, null) : undefined
+        leftIcon: props.showIcons ? React__default.createElement(TimesCircleIcon, null) : undefined
       }, {
         children: !props.language || !props.language.confirm ? languageValues.components.modals.confirmModal.confirm : props.language.confirm,
         onClick: props.onConfirm,
         theme: BUTTON_STYLE_PRIMARY,
-        leftIcon: props.showIcons ? /*#__PURE__*/React__default.createElement(CheckCircleIcon, null) : undefined
+        leftIcon: props.showIcons ? React__default.createElement(CheckCircleIcon, null) : undefined
       }]
     }, props);
 
@@ -11312,18 +11530,8 @@ function ConfirmModal(props) {
     return p;
   };
 
-  return /*#__PURE__*/React__default.createElement(Modal, getProps());
+  return React__default.createElement(Modal, Object.assign({}, getProps()));
 }
-ConfirmModal.propTypes = _extends({}, Modal.propTypes, {
-  language: propTypes.shape({
-    confirm: propTypes.string,
-    cancel: propTypes.string
-  }),
-  onConfirm: propTypes.func,
-  onClose: propTypes.func,
-  onCancel: propTypes.func,
-  showIcons: propTypes.bool
-});
 ConfirmModal.defaultProps = {
   showIcons: true
 };
@@ -11334,12 +11542,12 @@ function DestructiveModal(props) {
         children: !props.language || !props.language.cancel ? languageValues.components.modals.destructiveModal.cancel : props.language.cancel,
         onClick: props.onCancel,
         theme: BUTTON_STYLE_DEFAULT,
-        leftIcon: props.showIcons ? /*#__PURE__*/React__default.createElement(TimesCircleIcon, null) : undefined
+        leftIcon: props.showIcons ? React__default.createElement(TimesCircleIcon, null) : undefined
       }, {
         children: !props.language || !props.language.confirm ? languageValues.components.modals.destructiveModal.confirm : props.language.confirm,
         onClick: props.onConfirm,
         theme: BUTTON_STYLE_DANGER,
-        leftIcon: props.showIcons ? /*#__PURE__*/React__default.createElement(TrashIcon, null) : undefined
+        leftIcon: props.showIcons ? React__default.createElement(TrashIcon, null) : undefined
       }]
     }, props);
 
@@ -11347,18 +11555,8 @@ function DestructiveModal(props) {
     return p;
   };
 
-  return /*#__PURE__*/React__default.createElement(Modal, getProps());
+  return React__default.createElement(Modal, Object.assign({}, getProps()));
 }
-DestructiveModal.propTypes = _extends({}, Modal.propTypes, {
-  language: propTypes.shape({
-    confirm: propTypes.string,
-    cancel: propTypes.string
-  }),
-  onConfirm: propTypes.func,
-  onClose: propTypes.func,
-  onCancel: propTypes.func,
-  showIcons: propTypes.bool
-});
 DestructiveModal.defaultProps = {
   showIcons: true
 };
@@ -11547,6 +11745,8 @@ exports.VideoPlayer = VideoPlayer;
 exports.getStatusClassName = getStatusClassName;
 exports.useCarouselBehaviour = useCarouselBehaviour;
 exports.useDraggableContainer = useDraggableContainer;
+exports.useModalManager = useModalManager;
 exports.useProgressiveCount = useProgressiveCount;
 exports.useTimeElapsed = useTimeElapsed;
+exports.useToastManager = useToastManager;
 //# sourceMappingURL=index.js.map