@ballistix.digital/react-components 0.3.3 → 0.3.4
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/dist/index.d.ts +2 -2
- package/dist/index.esm.js +2 -2
- package/dist/index.js +2 -2
- package/package.json +1 -1
package/dist/index.d.ts
CHANGED
|
@@ -547,8 +547,8 @@ type TProps$2 = {
|
|
|
547
547
|
}) => ReactNode;
|
|
548
548
|
size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
|
|
549
549
|
styles?: TModalOverlayStyles;
|
|
550
|
-
onOpen
|
|
551
|
-
onClose
|
|
550
|
+
onOpen?: () => void;
|
|
551
|
+
onClose?: () => void;
|
|
552
552
|
};
|
|
553
553
|
declare const ModalOverlay: FC<TProps$2>;
|
|
554
554
|
|
package/dist/index.esm.js
CHANGED
|
@@ -17532,12 +17532,12 @@ var ModalOverlay = function (props) {
|
|
|
17532
17532
|
var styles = handleGenerateStyle();
|
|
17533
17533
|
useEffect(function () {
|
|
17534
17534
|
if (isOpen) {
|
|
17535
|
-
onOpen();
|
|
17535
|
+
onOpen && onOpen();
|
|
17536
17536
|
}
|
|
17537
17537
|
}, [isOpen, onOpen]);
|
|
17538
17538
|
useEffect(function () {
|
|
17539
17539
|
if (!isOpen) {
|
|
17540
|
-
onClose();
|
|
17540
|
+
onClose && onClose();
|
|
17541
17541
|
}
|
|
17542
17542
|
}, [isOpen, onClose]);
|
|
17543
17543
|
return (jsxs(Fragment$1, { children: [jsx(Transition.Root, __assign({ show: isOpen, as: Fragment }, { children: jsxs(Dialog, __assign({ as: "div", className: styles.container, onClose: setIsOpen }, { children: [jsx(Transition.Child, __assign({ as: Fragment, enter: styles.background.transition.enter, enterFrom: styles.background.transition.enterFrom, enterTo: styles.background.transition.enterTo, leave: styles.background.transition.leave, leaveFrom: styles.background.transition.leaveFrom, leaveTo: styles.background.transition.leaveTo }, { children: jsx("div", { className: styles.background.container }) })), jsx("div", __assign({ className: styles.layout.container }, { children: jsx("div", __assign({ className: styles.layout.content }, { children: jsx(Transition.Child, __assign({ as: Fragment, enter: styles.panel.transition.enter, enterFrom: styles.panel.transition.enterFrom, enterTo: styles.panel.transition.enterTo, leave: styles.panel.transition.leave, leaveFrom: styles.panel.transition.leaveFrom, leaveTo: styles.panel.transition.leaveTo }, { children: jsx(Dialog.Panel, __assign({ className: styles.panel.container }, { children: children(options) })) })) })) }))] })) })), trigger && trigger(options)] }));
|
package/dist/index.js
CHANGED
|
@@ -17542,12 +17542,12 @@ var ModalOverlay = function (props) {
|
|
|
17542
17542
|
var styles = handleGenerateStyle();
|
|
17543
17543
|
React.useEffect(function () {
|
|
17544
17544
|
if (isOpen) {
|
|
17545
|
-
onOpen();
|
|
17545
|
+
onOpen && onOpen();
|
|
17546
17546
|
}
|
|
17547
17547
|
}, [isOpen, onOpen]);
|
|
17548
17548
|
React.useEffect(function () {
|
|
17549
17549
|
if (!isOpen) {
|
|
17550
|
-
onClose();
|
|
17550
|
+
onClose && onClose();
|
|
17551
17551
|
}
|
|
17552
17552
|
}, [isOpen, onClose]);
|
|
17553
17553
|
return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(react.Transition.Root, __assign({ show: isOpen, as: React.Fragment }, { children: jsxRuntime.jsxs(react.Dialog, __assign({ as: "div", className: styles.container, onClose: setIsOpen }, { children: [jsxRuntime.jsx(react.Transition.Child, __assign({ as: React.Fragment, enter: styles.background.transition.enter, enterFrom: styles.background.transition.enterFrom, enterTo: styles.background.transition.enterTo, leave: styles.background.transition.leave, leaveFrom: styles.background.transition.leaveFrom, leaveTo: styles.background.transition.leaveTo }, { children: jsxRuntime.jsx("div", { className: styles.background.container }) })), jsxRuntime.jsx("div", __assign({ className: styles.layout.container }, { children: jsxRuntime.jsx("div", __assign({ className: styles.layout.content }, { children: jsxRuntime.jsx(react.Transition.Child, __assign({ as: React.Fragment, enter: styles.panel.transition.enter, enterFrom: styles.panel.transition.enterFrom, enterTo: styles.panel.transition.enterTo, leave: styles.panel.transition.leave, leaveFrom: styles.panel.transition.leaveFrom, leaveTo: styles.panel.transition.leaveTo }, { children: jsxRuntime.jsx(react.Dialog.Panel, __assign({ className: styles.panel.container }, { children: children(options) })) })) })) }))] })) })), trigger && trigger(options)] }));
|