@rolster/react-components 18.26.22 → 18.26.23

package/dist/cjs/index.js

@@ -3399,29 +3399,11 @@ function RlsFormNavigation({ onAutoClose, children, className, visible, rlsTheme
     return ReactDOM.createPortal(jsxRuntimeExports.jsxs("div", { className: classNameForm, "rls-theme": rlsTheme, children: [jsxRuntimeExports.jsx("div", { className: "rls-form-navigation__component", children: children }), jsxRuntimeExports.jsx("div", { className: "rls-form-navigation__backdrop", onClick: onClickBackdrop })] }), document.body);
 }
 
-function usePortalController(component) {
-    const [children, setChildren] = require$$0.useState(component);
-    const [visible, setVisible] = require$$0.useState(false);
-    const open = require$$0.useCallback((children) => {
-        setVisible(true);
-        children && setChildren(children);
-    }, []);
-    const close = require$$0.useCallback(() => {
-        setVisible(false);
-    }, []);
-    return { children, close, open, visible };
-}
-
-function useFormNavigationController(component) {
-    const portal = usePortalController(component);
-    const FormNavigation = require$$0.useMemo(() => {
-        return (jsxRuntimeExports.jsx(RlsFormNavigation, { visible: portal.visible, children: portal.children }));
-    }, [portal.children, portal.visible]);
-    return {
-        close: portal.close,
-        FormNavigation,
-        open: portal.open
-    };
+function useFormNavigationController(portal) {
+    const FormNavigation = require$$0.useCallback(({ children }) => {
+        return (jsxRuntimeExports.jsx(RlsFormNavigation, { visible: portal.visible, children: children }));
+    }, [portal.visible]);
+    return FormNavigation;
 }
 
 function useRelocationOnComponent({ container, element, onDrag }) {
@@ -3953,6 +3935,17 @@ function RlsApplication({ children }) {
         }, children: [jsxRuntimeExports.jsxs("div", { className: className, children: [children, RlsSnackbar] }), RlsConfirmation] }));
 }
 
+function usePortalController() {
+    const [visible, setVisible] = require$$0.useState(false);
+    const open = require$$0.useCallback(() => {
+        setVisible(true);
+    }, []);
+    const close = require$$0.useCallback(() => {
+        setVisible(false);
+    }, []);
+    return { close, open, visible };
+}
+
 exports.ConfirmationResult = ConfirmationResult;
 exports.RlsAlert = RlsAlert;
 exports.RlsAmount = RlsAmount;
@@ -4052,6 +4045,7 @@ exports.useFormSingleSelectionController = useFormSingleSelectionController;
 exports.useFormToggleController = useFormToggleController;
 exports.useImageEditorController = useImageEditorController;
 exports.useListController = useListController;
+exports.usePortalController = usePortalController;
 exports.useRelocationOnComponent = useRelocationOnComponent;
 exports.useResize = useResize;
 exports.useSnackbar = useSnackbar;