@m4l/layouts 0.1.39 → 0.1.40

package/layouts/ModuleLayout/index.850f7dcf.js

@@ -1,8 +1,8 @@
-import { useModal as x, useWindowToolsMF as v, ModalProvider as g, getModalDialogComponentsDictionary as h } from "@m4l/components";
-import { forwardRef as p, useRef as m, useImperativeHandle as f, createContext as I, useState as a, useMemo as C, useEffect as A } from "react";
-import { styled as M } from "@mui/material/styles";
-import { jsx as t } from "react/jsx-runtime";
-const D = M("div")(() => ({
+import { useModal, useWindowToolsMF, ModalProvider, getModalDialogComponentsDictionary } from "@m4l/components";
+import { forwardRef, useRef, useImperativeHandle, createContext, useState, useMemo, useEffect } from "react";
+import { styled } from "@mui/material/styles";
+import { jsx } from "react/jsx-runtime";
+const WrapperInnerModule = styled("div")(() => ({
   display: "flex",
   flexDirection: "column",
   position: "absolute",
@@ -12,92 +12,107 @@ const D = M("div")(() => ({
   top: "0px",
   bottom: "0px",
   overflow: "hidden"
-})), w = M("div")(({
-  theme: o
+}));
+const ModuleContent = styled("div")(({
+  theme
 }) => ({
   display: "flex",
   position: "relative",
-  marginTop: o.spacing(1),
+  marginTop: theme.spacing(1),
   justifyContent: "center",
   flexGrow: "1",
   overflow: "hidden"
-})), y = p((o, r) => {
+}));
+const InnerModule = forwardRef((props, ref) => {
   const {
-    children: e
-  } = o, {
-    openModal: l
-  } = x(), n = m(null);
-  return f(r, () => ({
-    openModal: l,
-    current: n.current
-  })), /* @__PURE__ */ t(D, {
+    children
+  } = props;
+  const {
+    openModal
+  } = useModal();
+  const divRef = useRef(null);
+  useImperativeHandle(ref, () => ({
+    openModal,
+    current: divRef.current
+  }));
+  return /* @__PURE__ */ jsx(WrapperInnerModule, {
     id: "WrapperInnerModule",
     className: "m4l_module_layout",
-    ref: n,
-    children: /* @__PURE__ */ t(w, {
+    ref: divRef,
+    children: /* @__PURE__ */ jsx(ModuleContent, {
       id: "ModuleContent",
-      children: e
+      children
     })
   });
 });
-y.displayName = "InnerModule";
-const L = I(null);
-function R(o) {
+InnerModule.displayName = "InnerModule";
+const ModuleContext = createContext(null);
+function ModuleProvider(props) {
   const {
-    children: r,
-    moduleActions: e,
-    moduleId: l,
-    version: n
-  } = o, [u] = a(() => ({
-    moduleId: l,
+    children,
+    moduleActions,
+    moduleId,
+    version
+  } = props;
+  const [configOptions] = useState(() => ({
+    moduleId,
     dictionary: void 0
-  })), {
-    setActions: d
-  } = v(), [i, s] = a([]), c = C(() => (e || []).concat(i), [e, i]);
-  return A(() => {
-    d(c, n);
-  }, [c]), /* @__PURE__ */ t(L.Provider, {
+  }));
+  const {
+    setActions
+  } = useWindowToolsMF();
+  const [dynamicActions, setDynamicActions] = useState([]);
+  const finalModuleActions = useMemo(() => {
+    return (moduleActions || []).concat(dynamicActions);
+  }, [moduleActions, dynamicActions]);
+  useEffect(() => {
+    setActions(finalModuleActions, version);
+  }, [finalModuleActions]);
+  return /* @__PURE__ */ jsx(ModuleContext.Provider, {
     value: {
-      setDynamicActions: s,
-      moduleId: u.moduleId
+      setDynamicActions,
+      moduleId: configOptions.moduleId
     },
-    children: r
+    children
   });
 }
-const _ = p((o, r) => {
+const ModuleLayout = forwardRef((props, ref) => {
   const {
-    moduleId: e,
-    moduleActions: l,
-    version: n,
-    children: u
-  } = o, d = m(null), i = (s) => {
-    d.current?.openModal(s);
+    moduleId,
+    moduleActions,
+    version,
+    children
+  } = props;
+  const moduleRef = useRef(null);
+  const openModal = (modalOpenProps) => {
+    moduleRef.current?.openModal(modalOpenProps);
   };
-  return f(r, () => ({
-    openModal: i,
-    current: d.current
-  })), /* @__PURE__ */ t(R, {
-    moduleId: e,
-    moduleActions: l,
-    version: n,
-    children: /* @__PURE__ */ t(g, {
-      children: /* @__PURE__ */ t(y, {
-        ref: d,
-        children: u
+  useImperativeHandle(ref, () => ({
+    openModal,
+    current: moduleRef.current
+  }));
+  return /* @__PURE__ */ jsx(ModuleProvider, {
+    moduleId,
+    moduleActions,
+    version,
+    children: /* @__PURE__ */ jsx(ModalProvider, {
+      children: /* @__PURE__ */ jsx(InnerModule, {
+        ref: moduleRef,
+        children
       })
     })
   });
 });
-_.displayName = "ModuleLayout";
-function j() {
-  return ["module_layout"].concat(h());
+ModuleLayout.displayName = "ModuleLayout";
+function getModuleLayoutComponentsDictionary() {
+  return ["module_layout"].concat(getModalDialogComponentsDictionary());
 }
-const T = {
+const defaultModuleLayoutDictionary = {
   module_layout: {}
 };
 export {
-  L as M,
-  _ as a,
-  T as d,
-  j as g
+  ModuleContext as M,
+  ModuleLayout as a,
+  defaultModuleLayoutDictionary as d,
+  getModuleLayoutComponentsDictionary as g
 };