reso-ui 3.11.0 → 3.13.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +190 -342
- package/dist/cjs/components/Dialog/Dialog.js +2 -2
- package/dist/cjs/components/Dialog/Dialog.js.map +1 -1
- package/dist/cjs/components/Modal/Modal-Container/Modal-Container.js +5 -3
- package/dist/cjs/components/Modal/Modal-Container/Modal-Container.js.map +1 -1
- package/dist/esm/components/Dialog/Dialog.d.ts +2 -1
- package/dist/esm/components/Dialog/Dialog.js +2 -2
- package/dist/esm/components/Dialog/Dialog.js.map +1 -1
- package/dist/esm/components/Modal/Modal-Container/Modal-Container.d.ts +2 -1
- package/dist/esm/components/Modal/Modal-Container/Modal-Container.js +5 -3
- package/dist/esm/components/Modal/Modal-Container/Modal-Container.js.map +1 -1
- package/dist/src/library/components/Dialog/Dialog.d.ts +2 -1
- package/dist/src/library/components/Dialog/stories/Dialog.stories.d.ts +9 -8
- package/dist/src/library/components/Modal/Modal-Container/Modal-Container.d.ts +2 -1
- package/dist/styles.css +1 -1
- package/package.json +1 -1
|
@@ -9,7 +9,7 @@ var validations = require('../../utils/validations.js');
|
|
|
9
9
|
var Button = require('../Buttons/Button/Button.js');
|
|
10
10
|
|
|
11
11
|
const Dialog = ({ isOpen = false, type = "yesNo", layer = 1, title = "Confirm", header = "Are you sure?", description = "", yesText = "Yes", noText = "No", okText = "OK", onClose, // nullable function
|
|
12
|
-
onClickYes, onClickNo, onClickOk, rootClassName, rootStyles, yesButtonClassName, yesButtonStyles = {}, noButtonClassName, noButtonStyles = {}, okButtonClassName, okButtonStyles = {}, }) => {
|
|
12
|
+
onCloseComplete, onClickYes, onClickNo, onClickOk, rootClassName, rootStyles, yesButtonClassName, yesButtonStyles = {}, noButtonClassName, noButtonStyles = {}, okButtonClassName, okButtonStyles = {}, }) => {
|
|
13
13
|
const containerStyles = styles.createComponentStyles(styles.createLayoutStyles({
|
|
14
14
|
resoui_dialog_container: true,
|
|
15
15
|
}, rootClassName));
|
|
@@ -34,7 +34,7 @@ onClickYes, onClickNo, onClickOk, rootClassName, rootStyles, yesButtonClassName,
|
|
|
34
34
|
}, okButtonClassName, {
|
|
35
35
|
resoui_no_select: true,
|
|
36
36
|
}));
|
|
37
|
-
return (React.createElement(ModalContainer.ModalContainer, { isOpen: isOpen, rootClassName: containerStyles, rootStyles: rootStyles, layer: layer, pa: 5 },
|
|
37
|
+
return (React.createElement(ModalContainer.ModalContainer, { isOpen: isOpen, onCloseComplete: onCloseComplete, rootClassName: containerStyles, rootStyles: rootStyles, layer: layer, pa: 5 },
|
|
38
38
|
React.createElement(ModalHeader.ModalHeader, { title: title, onClose: () => {
|
|
39
39
|
if (validations.methodHasValue(onClose)) {
|
|
40
40
|
onClose();
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Dialog.js","sources":["../../../../src/library/components/Dialog/Dialog.tsx"],"sourcesContent":[null],"names":["createComponentStyles","createLayoutStyles","ModalContainer","ModalHeader","methodHasValue","ModalBody","Button"],"mappings":";;;;;;;;;;
|
|
1
|
+
{"version":3,"file":"Dialog.js","sources":["../../../../src/library/components/Dialog/Dialog.tsx"],"sourcesContent":[null],"names":["createComponentStyles","createLayoutStyles","ModalContainer","ModalHeader","methodHasValue","ModalBody","Button"],"mappings":"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"}
|
|
@@ -4,7 +4,7 @@ var React = require('react');
|
|
|
4
4
|
var styles = require('../../../utils/styles.js');
|
|
5
5
|
var useDisableBodyScroll = require('../../../hooks/useDisableBodyScroll.js');
|
|
6
6
|
|
|
7
|
-
const ModalContainer = ({ children, isOpen = false, layer = 1, rootClassName, rootStyles = {}, ...paddingProps }) => {
|
|
7
|
+
const ModalContainer = ({ children, isOpen = false, layer = 1, onCloseComplete, rootClassName, rootStyles = {}, ...paddingProps }) => {
|
|
8
8
|
useDisableBodyScroll.useDisableBodyScroll(isOpen);
|
|
9
9
|
const [_isOpen, _setIsOpen] = React.useState(false);
|
|
10
10
|
React.useEffect(() => {
|
|
@@ -12,8 +12,10 @@ const ModalContainer = ({ children, isOpen = false, layer = 1, rootClassName, ro
|
|
|
12
12
|
_setIsOpen(true);
|
|
13
13
|
}
|
|
14
14
|
else {
|
|
15
|
-
|
|
16
|
-
|
|
15
|
+
const timeout = setTimeout(() => {
|
|
16
|
+
_setIsOpen(false);
|
|
17
|
+
onCloseComplete === null || onCloseComplete === void 0 ? void 0 : onCloseComplete();
|
|
18
|
+
}, 250);
|
|
17
19
|
return () => clearTimeout(timeout);
|
|
18
20
|
}
|
|
19
21
|
}, [isOpen]);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Modal-Container.js","sources":["../../../../../src/library/components/Modal/Modal-Container/Modal-Container.tsx"],"sourcesContent":[null],"names":["useDisableBodyScroll","useState","useEffect","createComponentStyles","createLayoutStyles","withSpacingsProps"],"mappings":";;;;;;
|
|
1
|
+
{"version":3,"file":"Modal-Container.js","sources":["../../../../../src/library/components/Modal/Modal-Container/Modal-Container.tsx"],"sourcesContent":[null],"names":["useDisableBodyScroll","useState","useEffect","createComponentStyles","createLayoutStyles","withSpacingsProps"],"mappings":";;;;;;AA8BO,MAAM,cAAc,GAAG,CAAC,EAC7B,QAAQ,EACR,MAAM,GAAG,KAAK,EACd,KAAK,GAAG,CAAC,EACT,eAAe,EACf,aAAa,EACb,UAAU,GAAG,EAAE,EACf,GAAG,YAAY,EACM,KAAI;IACzBA,yCAAoB,CAAC,MAAM,CAAC;IAC5B,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAGC,cAAQ,CAAC,KAAK,CAAC;IAE7CC,eAAS,CAAC,MAAK;QACb,IAAI,MAAM,EAAE;YACV,UAAU,CAAC,IAAI,CAAC;QAClB;aAAO;AACL,YAAA,MAAM,OAAO,GAAG,UAAU,CAAC,MAAK;gBAC9B,UAAU,CAAC,KAAK,CAAC;AACjB,gBAAA,eAAe,KAAA,IAAA,IAAf,eAAe,KAAA,MAAA,GAAA,MAAA,GAAf,eAAe,EAAI;YACrB,CAAC,EAAE,GAAG,CAAC;AACP,YAAA,OAAO,MAAM,YAAY,CAAC,OAAO,CAAC;QACpC;AACF,IAAA,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC;AAEZ,IAAA,MAAM,eAAe,GAAGC,4BAAqB,CAC3CC,yBAAkB,CAAC;AACjB,QAAA,qBAAqB,EAAE,IAAI;AAC3B,QAAA,gCAAgC,EAAE,IAAI;;QAEtC,0BAA0B,EAAE,MAAM,GAAG,OAAO,GAAG,MAAM;AACtD,KAAA,CAAC,CACH;AAED,IAAA,MAAM,eAAe,GAAGD,4BAAqB,CAC3CC,yBAAkB,CAChBC,wBAAiB,CACf;AACE,QAAA,sBAAsB,EAAE,IAAI;AAC5B,QAAA,iCAAiC,EAAE,IAAI;QACvC,2BAA2B,EAAE,MAAM,GAAG,OAAO,GAAG,MAAM;AACvD,KAAA,EACD,YAAY,CACb,EACD,aAAa,CACd,CACF;AAED,IAAA,MAAM,cAAc,GAAG,KAAK,GAAG,EAAE;AAEjC,IAAA,MAAM,SAAS,GAAG,OAAO,MAAM,GAAG,MAAM,GAAG,OAAO,CAAC;IAEnD,QACE,SAAS,EAAE,KACT,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EACE,SAAS,EAAE,eAAe,EAC1B,KAAK,EAAE;AACL,YAAA,MAAM,EAAE,cAAc;AACvB,SAAA,EAAA,aAAA,EACW,gBAAgB,EAAA;AAE5B,QAAA,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EACE,SAAS,EAAE,eAAe,EAC1B,KAAK,EAAE;gBACL,MAAM,EAAE,cAAc,GAAG,CAAC;AAC1B,gBAAA,GAAG,UAAU;AACd,aAAA,EAAA,aAAA,EACW,sBAAsB,EAAA,EAEjC,QAAQ,CACL,CACF,CACP;AAEL;;;;"}
|
|
@@ -13,6 +13,7 @@ export interface IDialog extends IModalChildrenProps, IComponent {
|
|
|
13
13
|
noText?: string;
|
|
14
14
|
okText?: string;
|
|
15
15
|
onClose?: () => void;
|
|
16
|
+
onCloseComplete?: () => void;
|
|
16
17
|
onClickYes?: () => void;
|
|
17
18
|
onClickNo?: () => void;
|
|
18
19
|
onClickOk?: () => void;
|
|
@@ -23,4 +24,4 @@ export interface IDialog extends IModalChildrenProps, IComponent {
|
|
|
23
24
|
okButtonClassName?: string;
|
|
24
25
|
okButtonStyles?: React.CSSProperties;
|
|
25
26
|
}
|
|
26
|
-
export declare const Dialog: ({ isOpen, type, layer, title, header, description, yesText, noText, okText, onClose, onClickYes, onClickNo, onClickOk, rootClassName, rootStyles, yesButtonClassName, yesButtonStyles, noButtonClassName, noButtonStyles, okButtonClassName, okButtonStyles, }: IDialog) => React.JSX.Element;
|
|
27
|
+
export declare const Dialog: ({ isOpen, type, layer, title, header, description, yesText, noText, okText, onClose, onCloseComplete, onClickYes, onClickNo, onClickOk, rootClassName, rootStyles, yesButtonClassName, yesButtonStyles, noButtonClassName, noButtonStyles, okButtonClassName, okButtonStyles, }: IDialog) => React.JSX.Element;
|
|
@@ -7,7 +7,7 @@ import { methodHasValue } from '../../utils/validations.js';
|
|
|
7
7
|
import { Button } from '../Buttons/Button/Button.js';
|
|
8
8
|
|
|
9
9
|
const Dialog = ({ isOpen = false, type = "yesNo", layer = 1, title = "Confirm", header = "Are you sure?", description = "", yesText = "Yes", noText = "No", okText = "OK", onClose, // nullable function
|
|
10
|
-
onClickYes, onClickNo, onClickOk, rootClassName, rootStyles, yesButtonClassName, yesButtonStyles = {}, noButtonClassName, noButtonStyles = {}, okButtonClassName, okButtonStyles = {}, }) => {
|
|
10
|
+
onCloseComplete, onClickYes, onClickNo, onClickOk, rootClassName, rootStyles, yesButtonClassName, yesButtonStyles = {}, noButtonClassName, noButtonStyles = {}, okButtonClassName, okButtonStyles = {}, }) => {
|
|
11
11
|
const containerStyles = createComponentStyles(createLayoutStyles({
|
|
12
12
|
resoui_dialog_container: true,
|
|
13
13
|
}, rootClassName));
|
|
@@ -32,7 +32,7 @@ onClickYes, onClickNo, onClickOk, rootClassName, rootStyles, yesButtonClassName,
|
|
|
32
32
|
}, okButtonClassName, {
|
|
33
33
|
resoui_no_select: true,
|
|
34
34
|
}));
|
|
35
|
-
return (React__default.createElement(ModalContainer, { isOpen: isOpen, rootClassName: containerStyles, rootStyles: rootStyles, layer: layer, pa: 5 },
|
|
35
|
+
return (React__default.createElement(ModalContainer, { isOpen: isOpen, onCloseComplete: onCloseComplete, rootClassName: containerStyles, rootStyles: rootStyles, layer: layer, pa: 5 },
|
|
36
36
|
React__default.createElement(ModalHeader, { title: title, onClose: () => {
|
|
37
37
|
if (methodHasValue(onClose)) {
|
|
38
38
|
onClose();
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Dialog.js","sources":["../../../../src/library/components/Dialog/Dialog.tsx"],"sourcesContent":[null],"names":["React"],"mappings":";;;;;;;;
|
|
1
|
+
{"version":3,"file":"Dialog.js","sources":["../../../../src/library/components/Dialog/Dialog.tsx"],"sourcesContent":[null],"names":["React"],"mappings":"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"}
|
|
@@ -7,7 +7,8 @@ export interface IModalContainerProps extends IComponent, IPaddingProps {
|
|
|
7
7
|
children: React.ReactNode;
|
|
8
8
|
isOpen: boolean;
|
|
9
9
|
layer?: number;
|
|
10
|
+
onCloseComplete?: () => void;
|
|
10
11
|
}
|
|
11
12
|
export interface IModalChildrenProps extends Omit<IModalContainerProps, "children"> {
|
|
12
13
|
}
|
|
13
|
-
export declare const ModalContainer: ({ children, isOpen, layer, rootClassName, rootStyles, ...paddingProps }: IModalContainerProps) => React.JSX.Element;
|
|
14
|
+
export declare const ModalContainer: ({ children, isOpen, layer, onCloseComplete, rootClassName, rootStyles, ...paddingProps }: IModalContainerProps) => React.JSX.Element;
|
|
@@ -2,7 +2,7 @@ import React__default, { useState, useEffect } from 'react';
|
|
|
2
2
|
import { createComponentStyles, createLayoutStyles, withSpacingsProps } from '../../../utils/styles.js';
|
|
3
3
|
import { useDisableBodyScroll } from '../../../hooks/useDisableBodyScroll.js';
|
|
4
4
|
|
|
5
|
-
const ModalContainer = ({ children, isOpen = false, layer = 1, rootClassName, rootStyles = {}, ...paddingProps }) => {
|
|
5
|
+
const ModalContainer = ({ children, isOpen = false, layer = 1, onCloseComplete, rootClassName, rootStyles = {}, ...paddingProps }) => {
|
|
6
6
|
useDisableBodyScroll(isOpen);
|
|
7
7
|
const [_isOpen, _setIsOpen] = useState(false);
|
|
8
8
|
useEffect(() => {
|
|
@@ -10,8 +10,10 @@ const ModalContainer = ({ children, isOpen = false, layer = 1, rootClassName, ro
|
|
|
10
10
|
_setIsOpen(true);
|
|
11
11
|
}
|
|
12
12
|
else {
|
|
13
|
-
|
|
14
|
-
|
|
13
|
+
const timeout = setTimeout(() => {
|
|
14
|
+
_setIsOpen(false);
|
|
15
|
+
onCloseComplete === null || onCloseComplete === void 0 ? void 0 : onCloseComplete();
|
|
16
|
+
}, 250);
|
|
15
17
|
return () => clearTimeout(timeout);
|
|
16
18
|
}
|
|
17
19
|
}, [isOpen]);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Modal-Container.js","sources":["../../../../../src/library/components/Modal/Modal-Container/Modal-Container.tsx"],"sourcesContent":[null],"names":["React"],"mappings":";;;;
|
|
1
|
+
{"version":3,"file":"Modal-Container.js","sources":["../../../../../src/library/components/Modal/Modal-Container/Modal-Container.tsx"],"sourcesContent":[null],"names":["React"],"mappings":";;;;AA8BO,MAAM,cAAc,GAAG,CAAC,EAC7B,QAAQ,EACR,MAAM,GAAG,KAAK,EACd,KAAK,GAAG,CAAC,EACT,eAAe,EACf,aAAa,EACb,UAAU,GAAG,EAAE,EACf,GAAG,YAAY,EACM,KAAI;IACzB,oBAAoB,CAAC,MAAM,CAAC;IAC5B,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC;IAE7C,SAAS,CAAC,MAAK;QACb,IAAI,MAAM,EAAE;YACV,UAAU,CAAC,IAAI,CAAC;QAClB;aAAO;AACL,YAAA,MAAM,OAAO,GAAG,UAAU,CAAC,MAAK;gBAC9B,UAAU,CAAC,KAAK,CAAC;AACjB,gBAAA,eAAe,KAAA,IAAA,IAAf,eAAe,KAAA,MAAA,GAAA,MAAA,GAAf,eAAe,EAAI;YACrB,CAAC,EAAE,GAAG,CAAC;AACP,YAAA,OAAO,MAAM,YAAY,CAAC,OAAO,CAAC;QACpC;AACF,IAAA,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC;AAEZ,IAAA,MAAM,eAAe,GAAG,qBAAqB,CAC3C,kBAAkB,CAAC;AACjB,QAAA,qBAAqB,EAAE,IAAI;AAC3B,QAAA,gCAAgC,EAAE,IAAI;;QAEtC,0BAA0B,EAAE,MAAM,GAAG,OAAO,GAAG,MAAM;AACtD,KAAA,CAAC,CACH;AAED,IAAA,MAAM,eAAe,GAAG,qBAAqB,CAC3C,kBAAkB,CAChB,iBAAiB,CACf;AACE,QAAA,sBAAsB,EAAE,IAAI;AAC5B,QAAA,iCAAiC,EAAE,IAAI;QACvC,2BAA2B,EAAE,MAAM,GAAG,OAAO,GAAG,MAAM;AACvD,KAAA,EACD,YAAY,CACb,EACD,aAAa,CACd,CACF;AAED,IAAA,MAAM,cAAc,GAAG,KAAK,GAAG,EAAE;AAEjC,IAAA,MAAM,SAAS,GAAG,OAAO,MAAM,GAAG,MAAM,GAAG,OAAO,CAAC;IAEnD,QACE,SAAS,EAAE,KACTA,cAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EACE,SAAS,EAAE,eAAe,EAC1B,KAAK,EAAE;AACL,YAAA,MAAM,EAAE,cAAc;AACvB,SAAA,EAAA,aAAA,EACW,gBAAgB,EAAA;AAE5B,QAAAA,cAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EACE,SAAS,EAAE,eAAe,EAC1B,KAAK,EAAE;gBACL,MAAM,EAAE,cAAc,GAAG,CAAC;AAC1B,gBAAA,GAAG,UAAU;AACd,aAAA,EAAA,aAAA,EACW,sBAAsB,EAAA,EAEjC,QAAQ,CACL,CACF,CACP;AAEL;;;;"}
|
|
@@ -13,6 +13,7 @@ export interface IDialog extends IModalChildrenProps, IComponent {
|
|
|
13
13
|
noText?: string;
|
|
14
14
|
okText?: string;
|
|
15
15
|
onClose?: () => void;
|
|
16
|
+
onCloseComplete?: () => void;
|
|
16
17
|
onClickYes?: () => void;
|
|
17
18
|
onClickNo?: () => void;
|
|
18
19
|
onClickOk?: () => void;
|
|
@@ -23,4 +24,4 @@ export interface IDialog extends IModalChildrenProps, IComponent {
|
|
|
23
24
|
okButtonClassName?: string;
|
|
24
25
|
okButtonStyles?: React.CSSProperties;
|
|
25
26
|
}
|
|
26
|
-
export declare const Dialog: ({ isOpen, type, layer, title, header, description, yesText, noText, okText, onClose, onClickYes, onClickNo, onClickOk, rootClassName, rootStyles, yesButtonClassName, yesButtonStyles, noButtonClassName, noButtonStyles, okButtonClassName, okButtonStyles, }: IDialog) => React.JSX.Element;
|
|
27
|
+
export declare const Dialog: ({ isOpen, type, layer, title, header, description, yesText, noText, okText, onClose, onCloseComplete, onClickYes, onClickNo, onClickOk, rootClassName, rootStyles, yesButtonClassName, yesButtonStyles, noButtonClassName, noButtonStyles, okButtonClassName, okButtonStyles, }: IDialog) => React.JSX.Element;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import React from "react";
|
|
2
2
|
declare const _default: {
|
|
3
3
|
title: string;
|
|
4
|
-
component: ({ isOpen, type, layer, title, header, description, yesText, noText, okText, onClose, onClickYes, onClickNo, onClickOk, rootClassName, rootStyles, yesButtonClassName, yesButtonStyles, noButtonClassName, noButtonStyles, okButtonClassName, okButtonStyles, }: import("../Dialog").IDialog) => React.JSX.Element;
|
|
4
|
+
component: ({ isOpen, type, layer, title, header, description, yesText, noText, okText, onClose, onCloseComplete, onClickYes, onClickNo, onClickOk, rootClassName, rootStyles, yesButtonClassName, yesButtonStyles, noButtonClassName, noButtonStyles, okButtonClassName, okButtonStyles, }: import("../Dialog").IDialog) => React.JSX.Element;
|
|
5
5
|
argTypes: {};
|
|
6
6
|
decorators: ((storyFn: import("@storybook/core/csf").PartialStoryFn<import("@storybook/react").ReactRenderer, {
|
|
7
7
|
title?: string;
|
|
@@ -12,6 +12,7 @@ declare const _default: {
|
|
|
12
12
|
noText?: string;
|
|
13
13
|
okText?: string;
|
|
14
14
|
onClose?: () => void;
|
|
15
|
+
onCloseComplete?: () => void;
|
|
15
16
|
onClickYes?: () => void;
|
|
16
17
|
onClickNo?: () => void;
|
|
17
18
|
onClickOk?: () => void;
|
|
@@ -25,13 +26,13 @@ declare const _default: {
|
|
|
25
26
|
rootStyles?: React.CSSProperties;
|
|
26
27
|
isOpen: boolean;
|
|
27
28
|
layer?: number;
|
|
28
|
-
pa?: 0 | 2 | 1 | 3 |
|
|
29
|
-
pv?: 0 | 2 | 1 | 3 |
|
|
30
|
-
ph?: 0 | 2 | 1 | 3 |
|
|
31
|
-
pt?: 0 | 2 | 1 | 3 |
|
|
32
|
-
pb?: 0 | 2 | 1 | 3 |
|
|
33
|
-
pr?: 0 | 2 | 1 | 3 |
|
|
34
|
-
pl?: 0 | 2 | 1 | 3 |
|
|
29
|
+
pa?: 0 | 2 | 1 | 3 | 8 | 5 | 4 | 6 | 7 | 9;
|
|
30
|
+
pv?: 0 | 2 | 1 | 3 | 8 | 5 | 4 | 6 | 7 | 9;
|
|
31
|
+
ph?: 0 | 2 | 1 | 3 | 8 | 5 | 4 | 6 | 7 | 9;
|
|
32
|
+
pt?: 0 | 2 | 1 | 3 | 8 | 5 | 4 | 6 | 7 | 9;
|
|
33
|
+
pb?: 0 | 2 | 1 | 3 | 8 | 5 | 4 | 6 | 7 | 9;
|
|
34
|
+
pr?: 0 | 2 | 1 | 3 | 8 | 5 | 4 | 6 | 7 | 9;
|
|
35
|
+
pl?: 0 | 2 | 1 | 3 | 8 | 5 | 4 | 6 | 7 | 9;
|
|
35
36
|
}>) => React.JSX.Element)[];
|
|
36
37
|
parameters: {
|
|
37
38
|
docs: {
|
|
@@ -7,7 +7,8 @@ export interface IModalContainerProps extends IComponent, IPaddingProps {
|
|
|
7
7
|
children: React.ReactNode;
|
|
8
8
|
isOpen: boolean;
|
|
9
9
|
layer?: number;
|
|
10
|
+
onCloseComplete?: () => void;
|
|
10
11
|
}
|
|
11
12
|
export interface IModalChildrenProps extends Omit<IModalContainerProps, "children"> {
|
|
12
13
|
}
|
|
13
|
-
export declare const ModalContainer: ({ children, isOpen, layer, rootClassName, rootStyles, ...paddingProps }: IModalContainerProps) => React.JSX.Element;
|
|
14
|
+
export declare const ModalContainer: ({ children, isOpen, layer, onCloseComplete, rootClassName, rootStyles, ...paddingProps }: IModalContainerProps) => React.JSX.Element;
|