@m4l/layouts 0.1.35 → 0.1.38

package/components/BaseModule/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { BaseModuleProps } from './types';
 export declare function BaseModule(props: BaseModuleProps): JSX.Element;
 export default BaseModule;

package/components/MFHostApp/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { MFHostAppProps } from './types';
 export declare function MFHostApp(props: MFHostAppProps): JSX.Element;
 export default MFHostApp;

package/components/MFIsolationApp/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { MFIsolationAppProps } from './types';
 export declare function MFIsolationApp(props: MFIsolationAppProps): JSX.Element;
 export default MFIsolationApp;

package/components/MFIsolationApp/index.ed197bc0.js

@@ -0,0 +1,152 @@
+import { useEffect as T, useMemo as _, useCallback as f } from "react";
+import { unstable_HistoryRouter as x } from "react-router-dom";
+import { ToastContainer as D, toast as H } from "react-toastify";
+import { HostThemeProvider as O, FormatterProvider as B, LocalesProvider as I, getLocaleFromNetwork as j } from "@m4l/graphics";
+import { A as S } from "../../contexts/AuthContext/index.6f966215.js";
+import { DomainCountryProvider as U, EnvironmentProvider as z, HostToolsProvider as R, NetworkProvider as q, axiosOperation as G } from "@m4l/core";
+import { createBrowserHistory as J } from "history";
+import K from "eventemitter3";
+import { format as Q } from "date-fns";
+import { defaultThemeOptions as V, fnComponentsOverrides as W } from "@m4l/styles";
+import { u as X } from "../../hooks/useAuth/index.cb6a3420.js";
+import { jsx as r, jsxs as Y } from "react/jsx-runtime";
+import h from "nprogress";
+import { B as Z } from "../BaseModule/index.6309486a.js";
+import { AreasProvider as $ } from "@m4l/components";
+function oo(m) {
+  const {
+    children: a,
+    user: d,
+    pwd: l
+  } = m, {
+    isAuthenticated: n,
+    isInitialized: c,
+    login: u,
+    user: e
+  } = X();
+  if (T(() => {
+    c && n === !1 && u(d, l, !1);
+  }, [c, n]), !n)
+    return /* @__PURE__ */ r("div", {
+      children: "Pendiente x atenticar"
+    });
+  const o = {
+    id: 1,
+    currency: "USD",
+    currency_decimal_digits: 2,
+    decimal_symbol: ".",
+    thousands_symbol: ","
+  };
+  return e?.domain_country && (o.id = e?.domain_country.id ?? o.id, o.currency = e?.domain_country.currency ?? o.currency, o.currency_decimal_digits = e?.domain_country.currency_decimal_digits ?? o.currency_decimal_digits, o.decimal_symbol = e?.domain_country.decimal_symbol ?? o.decimal_symbol, o.thousands_symbol = e?.domain_country?.thousands_symbol ?? o.thousands_symbol), /* @__PURE__ */ Y(O, {
+    hostThemeOptions: V,
+    fnComponentsOverrides: W,
+    isMicroFrontEnd: !0,
+    children: [/* @__PURE__ */ r(D, {}), /* @__PURE__ */ r(U, {
+      ...o,
+      isMicroFrontEnd: !1,
+      children: /* @__PURE__ */ r(B, {
+        isMicroFrontEnd: !1,
+        dateFormatter: {
+          formatDate: Q
+        },
+        currencyFormatter: {
+          code: o.currency,
+          decimalDigits: o.currency_decimal_digits
+        },
+        children: a
+      })
+    })]
+  });
+}
+const p = J({
+  window
+});
+function yo(m) {
+  const {
+    children: a,
+    user: d,
+    pwd: l,
+    host_api_local: n,
+    host_api_remote: c,
+    host_static_assets: u,
+    environment_assets: e,
+    moduleId: o,
+    skeletonFlags: y,
+    moduleNameField: v,
+    privileges: F,
+    componentsDictionary: g,
+    onLoad: w,
+    activeAreasNetwork: P = !1,
+    activeCookiesFromNetwork: b = !1
+  } = m, t = _(() => new K(), []), k = f((i, s) => {
+    t.on(i, s);
+  }, [t]), A = f((i, s) => {
+    if (s === null) {
+      t.removeListener(i);
+      return;
+    }
+    t.removeListener(i, s);
+  }, [t]), E = f((i, s) => {
+    t.emit(i, s);
+  }, [t]), M = () => {
+    h.configure({
+      showSpinner: !0
+    }), h.start();
+  }, C = () => {
+    h.done();
+  }, N = _(() => ({
+    host: "",
+    isLocalhost: !0,
+    domain_token: "lab1",
+    host_api_local: n,
+    host_api_remote: c,
+    host_static_assets: u,
+    environment_assets: e
+  }), []), L = _(() => ({
+    history: p,
+    toast: H,
+    startProgress: M,
+    stopProgress: C,
+    events_add_listener: k,
+    events_remove_listener: A,
+    events_emit: E
+  }), []);
+  return /* @__PURE__ */ r(z, {
+    ...N,
+    children: /* @__PURE__ */ r(R, {
+      ...L,
+      children: /* @__PURE__ */ r(q, {
+        axiosOperation: G,
+        children: /* @__PURE__ */ r(x, {
+          history: p,
+          children: /* @__PURE__ */ r(I, {
+            isMicroFrontEnd: !1,
+            getLocaleFromNetwork: j,
+            children: /* @__PURE__ */ r(S, {
+              children: /* @__PURE__ */ r(oo, {
+                user: d,
+                pwd: l,
+                children: /* @__PURE__ */ r(Z, {
+                  moduleId: o,
+                  privileges: F,
+                  skeletonFlags: y,
+                  componentsDictionary: g,
+                  moduleNameField: v,
+                  children: /* @__PURE__ */ r($, {
+                    onLoad: w,
+                    loadAreasFromNetwork: P,
+                    loadCookiesFromNetwork: b,
+                    children: a
+                  })
+                })
+              })
+            })
+          })
+        })
+      })
+    })
+  });
+}
+export {
+  yo as M
+};

package/components/MFIsolationApp/subcomponents/MFAuthApp/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { MFAuthAppProps } from './types';
 export declare function MFAuthApp(props: MFAuthAppProps): JSX.Element;
 export default MFAuthApp;

package/components/MFIsolationApp/types.d.ts

@@ -8,4 +8,5 @@ export declare type MFIsolationAppProps = BaseModuleProps & {
     environment_assets: string;
     onLoad: () => void;
     activeAreasNetwork?: boolean;
+    activeCookiesFromNetwork?: boolean;
 };

package/components/{index.80a2abab.js → index.604759d6.js}

@@ -1,4 +1,4 @@
-import "./MFIsolationApp/index.fb96bc5d.js";
+import "./MFIsolationApp/index.ed197bc0.js";
 import "react-router-dom";
 import "@m4l/core";
 import "@m4l/graphics";

package/hooks/index.18c6b299.js

@@ -0,0 +1,4 @@
+import "react";
+import "../layouts/MasterDetailLayout/index.2c363c7a.js";
+import "../contexts/AuthContext/index.6f966215.js";
+import "../layouts/ModuleLayout/index.90b4dc8e.js";

package/hooks/useMasterDetail/{index.dd9cb927.js → index.50331312.js}

@@ -1,5 +1,5 @@
 import { useContext as t } from "react";
-import { M as e } from "../../layouts/MasterDetailLayout/index.793884be.js";
+import { M as e } from "../../layouts/MasterDetailLayout/index.2c363c7a.js";
 const s = () => t(e);
 export {
   s as u

package/hooks/useModule/{index.97184469.js → index.35cc5fe0.js}

@@ -1,5 +1,5 @@
 import { useContext as o } from "react";
-import { M as t } from "../../layouts/ModuleLayout/index.c673a65f.js";
+import { M as t } from "../../layouts/ModuleLayout/index.90b4dc8e.js";
 const n = () => {
   const e = o(t);
   if (!e)

package/index.js

@@ -1,13 +1,13 @@
-import { M as f } from "./components/MFIsolationApp/index.fb96bc5d.js";
+import { M as f } from "./components/MFIsolationApp/index.ed197bc0.js";
 import { M as D } from "./components/MFHostApp/index.420c2626.js";
 import { B as L } from "./components/BaseModule/index.6309486a.js";
 import { a as g, A as h } from "./contexts/AuthContext/index.6f966215.js";
-import { a as N, d as B, g as F } from "./layouts/ModuleLayout/index.c673a65f.js";
-import { a as H, d as I, g as P } from "./layouts/MasterDetailLayout/index.793884be.js";
-import { N as j, d as k, g as q } from "./layouts/NoAuthModuleLayout/index.5d946846.js";
-import { u as z } from "./hooks/useMasterDetail/index.dd9cb927.js";
+import { a as N, d as B, g as F } from "./layouts/ModuleLayout/index.90b4dc8e.js";
+import { a as H, d as I, g as P } from "./layouts/MasterDetailLayout/index.2c363c7a.js";
+import { N as j, d as k, g as q } from "./layouts/NoAuthModuleLayout/index.eabf38c1.js";
+import { u as z } from "./hooks/useMasterDetail/index.50331312.js";
 import { u as G } from "./hooks/useAuth/index.cb6a3420.js";
-import { u as K } from "./hooks/useModule/index.97184469.js";
+import { u as K } from "./hooks/useModule/index.35cc5fe0.js";
 import "react";
 import "react-router-dom";
 import "react-toastify";

package/layouts/MasterDetailLayout/index.2c363c7a.js

@@ -0,0 +1,109 @@
+import { createContext as D, useState as g, useRef as k, useMemo as m, useCallback as f } from "react";
+import { voidFunction as S, useEnvironment as z, useModuleDictionary as P } from "@m4l/core";
+import { SplitLayout as $ } from "@m4l/components";
+import { a as w, g as A } from "../ModuleLayout/index.90b4dc8e.js";
+import { jsx as c } from "react/jsx-runtime";
+import { useResponsiveDesktop as L } from "@m4l/graphics";
+const I = {
+  masterSelection: void 0,
+  onChangeMasterSelection: S
+}, N = D(I);
+function x(e) {
+  const {
+    children: i
+  } = e, [n, t] = g(void 0);
+  return /* @__PURE__ */ c(N.Provider, {
+    value: {
+      masterSelection: n,
+      onChangeMasterSelection: t
+    },
+    children: i
+  });
+}
+function R(e, i = [], n, t) {
+  let o = t !== void 0 && t ? [...e] : [n];
+  return o = i.concat(o), o;
+}
+function B(e) {
+  const {
+    moduleId: i,
+    masterComponent: n,
+    detailComponent: t,
+    moduleActions: o,
+    version: h
+  } = e, {
+    host_static_assets: r,
+    environment_assets: a
+  } = z(), [s, C] = g("vertical"), d = L(), M = k(null), {
+    getLabel: l
+  } = P(), p = m(() => [{
+    urlIcon: `${r}/${a}/frontend/components/masterdetaillayout/assets/icons/split_vertical.svg`,
+    onClick: () => u("vertical"),
+    visibility: "main",
+    label: l("master_detail_layout.split_vertical"),
+    tag: "vertical",
+    className: "splitactions",
+    disabled: s === "vertical",
+    key: "vertical"
+  }, {
+    urlIcon: `${r}/${a}/frontend/components/masterdetaillayout/assets/icons/split_horizontal.svg`,
+    onClick: () => u("horizontal"),
+    visibility: "main",
+    label: l("master_detail_layout.split_horizontal"),
+    tag: "horizontal",
+    className: "splitactions",
+    disabled: s === "horizontal",
+    key: "horizontal"
+  }, {
+    urlIcon: `${r}/${a}/frontend/components/masterdetaillayout/assets/icons/no_split.svg`,
+    onClick: () => u("none"),
+    visibility: "main",
+    label: l("master_detail_layout.no_split"),
+    tag: "none",
+    className: "splitactions",
+    disabled: s === "none",
+    key: "none"
+  }], [l, s]), u = f((_) => {
+    C(_);
+  }, []), v = f(() => {
+  }, [t]), y = m(() => ({
+    urlIcon: `${r}/${a}/frontend/components/masterdetaillayout/assets/icons/view_detail.svg`,
+    onClick: v,
+    disabled: !1,
+    visibility: "allways",
+    label: l("master_detail_layout.view_detail"),
+    tag: "none",
+    className: "",
+    key: "detail"
+  }), [a, v]), b = m(() => R(p, o, y, d), [p, o, d, y]);
+  return /* @__PURE__ */ c(x, {
+    children: /* @__PURE__ */ c(w, {
+      ref: M,
+      moduleId: i,
+      moduleActions: b,
+      version: h,
+      children: /* @__PURE__ */ c($, {
+        splitPosition: d ? s : "none",
+        firstPart: n,
+        secondPart: t
+      })
+    })
+  });
+}
+function G() {
+  return ["master_detail_layout"].concat(A());
+}
+const H = {
+  master_detail_layout: {
+    split_vertical: "Split vertically",
+    split_horizontal: "Split horizontally",
+    no_split: "No split",
+    view_detail: "View detail"
+  }
+};
+export {
+  N as M,
+  B as a,
+  H as d,
+  G as g
+};

package/layouts/MasterDetailLayout/index.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 import type { MasterDetailLayoutProps } from './types';
 export declare function MasterDetailLayout(props: MasterDetailLayoutProps): JSX.Element;

package/layouts/ModuleLayout/contexts/ModuleContext/types.d.ts

@@ -5,6 +5,7 @@ export interface ModuleLayoutContextStateProps {
 }
 export interface ModuleLayoutProviderProps extends Omit<ModuleLayoutContextStateProps, 'init'> {
     children: ReactNode;
+    version: string;
     moduleActions?: ModuleAction[];
 }
 export interface ModuleLayoutContextProps extends ModuleLayoutContextStateProps {

package/layouts/ModuleLayout/index.90b4dc8e.js

@@ -0,0 +1,103 @@
+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")(() => ({
+  display: "flex",
+  flexDirection: "column",
+  position: "absolute",
+  margin: "0px 12px 12px 12px",
+  left: "0px",
+  right: "0px",
+  top: "0px",
+  bottom: "0px",
+  overflow: "hidden"
+})), w = M("div")(({
+  theme: o
+}) => ({
+  display: "flex",
+  position: "relative",
+  marginTop: o.spacing(1),
+  justifyContent: "center",
+  flexGrow: "1",
+  overflow: "hidden"
+})), y = p((o, r) => {
+  const {
+    children: n
+  } = o, {
+    openModal: l
+  } = x(), e = m(null);
+  return f(r, () => ({
+    openModal: l,
+    current: e.current
+  })), /* @__PURE__ */ t(D, {
+    id: "WrapperInnerModule",
+    className: "m4l_module_layout",
+    ref: e,
+    children: /* @__PURE__ */ t(w, {
+      id: "ModuleContent",
+      children: n
+    })
+  });
+});
+y.displayName = "InnerModule";
+const L = I(null);
+function R(o) {
+  const {
+    children: r,
+    moduleActions: n,
+    moduleId: l,
+    version: e
+  } = o, [u] = a(() => ({
+    moduleId: l,
+    dictionary: void 0
+  })), {
+    setActions: d
+  } = v(), [i, s] = a([]), c = C(() => (n || []).concat(i), [n, i]);
+  return A(() => {
+    console.log("**Version layout", e), d(c, e);
+  }, [c]), /* @__PURE__ */ t(L.Provider, {
+    value: {
+      setDynamicActions: s,
+      moduleId: u.moduleId
+    },
+    children: r
+  });
+}
+const _ = p((o, r) => {
+  const {
+    moduleId: n,
+    moduleActions: l,
+    version: e,
+    children: u
+  } = o, d = m(null), i = (s) => {
+    d.current?.openModal(s);
+  };
+  return f(r, () => ({
+    openModal: i,
+    current: d.current
+  })), /* @__PURE__ */ t(R, {
+    moduleId: n,
+    moduleActions: l,
+    version: e,
+    children: /* @__PURE__ */ t(g, {
+      children: /* @__PURE__ */ t(y, {
+        ref: d,
+        children: u
+      })
+    })
+  });
+});
+_.displayName = "ModuleLayout";
+function j() {
+  return ["module_layout"].concat(h());
+}
+const T = {
+  module_layout: {}
+};
+export {
+  L as M,
+  _ as a,
+  T as d,
+  j as g
+};

package/layouts/ModuleLayout/types.d.ts

@@ -12,4 +12,5 @@ export interface ModuleLayoutProps {
     moduleId: string;
     moduleActions?: ModuleAction[];
     children: ReactNode;
+    version: string;
 }

package/layouts/NoAuthModuleLayout/index.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 import { NoAuthModuleLayoutProps } from './types';
 export declare const NoAuthModuleLayout: (props: NoAuthModuleLayoutProps) => JSX.Element;