@m4l/layouts 0.1.38 → 0.1.39

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.
Files changed (28) hide show
  1. package/components/BaseModule/index.d.ts +2 -1
  2. package/components/MFHostApp/index.d.ts +2 -1
  3. package/components/MFIsolationApp/index.d.ts +2 -1
  4. package/components/MFIsolationApp/{index.ed197bc0.js → index.e36cf308.js} +58 -55
  5. package/components/MFIsolationApp/subcomponents/MFAuthApp/index.d.ts +2 -1
  6. package/components/{index.604759d6.js → index.aeb3cf83.js} +1 -1
  7. package/contexts/AuthContext/index.d.ts +1 -1
  8. package/hooks/index.a0c767ed.js +4 -0
  9. package/hooks/useMasterDetail/{index.50331312.js → index.927c0c26.js} +1 -1
  10. package/hooks/useModule/{index.35cc5fe0.js → index.edcd7b28.js} +1 -1
  11. package/index.js +5 -5
  12. package/layouts/MasterDetailLayout/contexts/MasterDetailContext/index.d.ts +1 -1
  13. package/layouts/MasterDetailLayout/index.bca0fce5.js +118 -0
  14. package/layouts/MasterDetailLayout/index.d.ts +2 -1
  15. package/layouts/ModuleLayout/contexts/ModuleContext/index.d.ts +1 -1
  16. package/layouts/ModuleLayout/{index.90b4dc8e.js → index.850f7dcf.js} +13 -13
  17. package/layouts/ModuleLayout/subcomponents/InnerModule/styles.d.ts +3 -0
  18. package/layouts/NoAuthModuleLayout/index.d.ts +2 -1
  19. package/layouts/NoAuthModuleLayout/subcomponents/InnerModule/index.d.ts +2 -1
  20. package/layouts/NoAuthModuleLayout/subcomponents/InnerModule/styles.d.ts +2 -0
  21. package/layouts/NoAuthModuleLayout/subcomponents/InnerModule/subcomponents/DesktopContent/index.d.ts +2 -1
  22. package/layouts/NoAuthModuleLayout/subcomponents/InnerModule/subcomponents/DesktopContent/styles.d.ts +9 -0
  23. package/layouts/NoAuthModuleLayout/subcomponents/InnerModule/subcomponents/MobileContent/index.d.ts +2 -1
  24. package/layouts/NoAuthModuleLayout/subcomponents/InnerModule/subcomponents/MobileContent/styles.d.ts +9 -0
  25. package/layouts/{index.3e2d546f.js → index.07aacf57.js} +2 -2
  26. package/package.json +1 -1
  27. package/hooks/index.18c6b299.js +0 -4
  28. package/layouts/MasterDetailLayout/index.2c363c7a.js +0 -109
@@ -1,3 +1,4 @@
1
+ /// <reference types="react" />
1
2
  import { BaseModuleProps } from './types';
2
- export declare function BaseModule(props: BaseModuleProps): JSX.Element;
3
+ export declare function BaseModule(props: BaseModuleProps): import("react").JSX.Element;
3
4
  export default BaseModule;
@@ -1,3 +1,4 @@
1
+ /// <reference types="react" />
1
2
  import { MFHostAppProps } from './types';
2
- export declare function MFHostApp(props: MFHostAppProps): JSX.Element;
3
+ export declare function MFHostApp(props: MFHostAppProps): import("react").JSX.Element;
3
4
  export default MFHostApp;
@@ -1,3 +1,4 @@
1
+ /// <reference types="react" />
1
2
  import { MFIsolationAppProps } from './types';
2
- export declare function MFIsolationApp(props: MFIsolationAppProps): JSX.Element;
3
+ export declare function MFIsolationApp(props: MFIsolationAppProps): import("react").JSX.Element;
3
4
  export default MFIsolationApp;
@@ -1,19 +1,19 @@
1
1
  import { useEffect as T, useMemo as _, useCallback as f } from "react";
2
2
  import { unstable_HistoryRouter as x } from "react-router-dom";
3
- import { ToastContainer as D, toast as H } from "react-toastify";
4
- import { HostThemeProvider as O, FormatterProvider as B, LocalesProvider as I, getLocaleFromNetwork as j } from "@m4l/graphics";
5
- import { A as S } from "../../contexts/AuthContext/index.6f966215.js";
6
- import { DomainCountryProvider as U, EnvironmentProvider as z, HostToolsProvider as R, NetworkProvider as q, axiosOperation as G } from "@m4l/core";
7
- import { createBrowserHistory as J } from "history";
8
- import K from "eventemitter3";
9
- import { format as Q } from "date-fns";
10
- import { defaultThemeOptions as V, fnComponentsOverrides as W } from "@m4l/styles";
11
- import { u as X } from "../../hooks/useAuth/index.cb6a3420.js";
12
- import { jsx as r, jsxs as Y } from "react/jsx-runtime";
13
- import h from "nprogress";
14
- import { B as Z } from "../BaseModule/index.6309486a.js";
15
- import { AreasProvider as $ } from "@m4l/components";
16
- function oo(m) {
3
+ import { ToastContainer as D, toast as S } from "react-toastify";
4
+ import { HostThemeProvider as H, GlobalStyles as O, FormatterProvider as B, LocalesProvider as I, getLocaleFromNetwork as j } from "@m4l/graphics";
5
+ import { A as U } from "../../contexts/AuthContext/index.6f966215.js";
6
+ import { DomainCountryProvider as z, EnvironmentProvider as G, HostToolsProvider as R, NetworkProvider as q, axiosOperation as J } from "@m4l/core";
7
+ import { createBrowserHistory as K } from "history";
8
+ import Q from "eventemitter3";
9
+ import { format as V } from "date-fns";
10
+ import { defaultThemeOptions as W, fnComponentsOverrides as X } from "@m4l/styles";
11
+ import { u as Y } from "../../hooks/useAuth/index.cb6a3420.js";
12
+ import { jsx as r, jsxs as Z } from "react/jsx-runtime";
13
+ import y from "nprogress";
14
+ import { B as $ } from "../BaseModule/index.6309486a.js";
15
+ import { AreasProvider as oo } from "@m4l/components";
16
+ function ro(m) {
17
17
  const {
18
18
  children: a,
19
19
  user: d,
@@ -23,7 +23,7 @@ function oo(m) {
23
23
  isInitialized: c,
24
24
  login: u,
25
25
  user: e
26
- } = X();
26
+ } = Y();
27
27
  if (T(() => {
28
28
  c && n === !1 && u(d, l, !1);
29
29
  }, [c, n]), !n)
@@ -37,17 +37,17 @@ function oo(m) {
37
37
  decimal_symbol: ".",
38
38
  thousands_symbol: ","
39
39
  };
40
- 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, {
41
- hostThemeOptions: V,
42
- fnComponentsOverrides: W,
40
+ 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__ */ Z(H, {
41
+ hostThemeOptions: W,
42
+ fnComponentsOverrides: X,
43
43
  isMicroFrontEnd: !0,
44
- children: [/* @__PURE__ */ r(D, {}), /* @__PURE__ */ r(U, {
44
+ children: [/* @__PURE__ */ r(D, {}), /* @__PURE__ */ r(O, {}), /* @__PURE__ */ r(z, {
45
45
  ...o,
46
46
  isMicroFrontEnd: !1,
47
47
  children: /* @__PURE__ */ r(B, {
48
48
  isMicroFrontEnd: !1,
49
49
  dateFormatter: {
50
- formatDate: Q
50
+ formatDate: V
51
51
  },
52
52
  currencyFormatter: {
53
53
  code: o.currency,
@@ -58,10 +58,10 @@ function oo(m) {
58
58
  })]
59
59
  });
60
60
  }
61
- const p = J({
61
+ const h = K({
62
62
  window
63
63
  });
64
- function yo(m) {
64
+ function vo(m) {
65
65
  const {
66
66
  children: a,
67
67
  user: d,
@@ -71,30 +71,30 @@ function yo(m) {
71
71
  host_static_assets: u,
72
72
  environment_assets: e,
73
73
  moduleId: o,
74
- skeletonFlags: y,
74
+ skeletonFlags: p,
75
75
  moduleNameField: v,
76
- privileges: F,
77
- componentsDictionary: g,
76
+ privileges: g,
77
+ componentsDictionary: F,
78
78
  onLoad: w,
79
79
  activeAreasNetwork: P = !1,
80
80
  activeCookiesFromNetwork: b = !1
81
- } = m, t = _(() => new K(), []), k = f((i, s) => {
82
- t.on(i, s);
83
- }, [t]), A = f((i, s) => {
81
+ } = m, i = _(() => new Q(), []), k = f((t, s) => {
82
+ i.on(t, s);
83
+ }, [i]), A = f((t, s) => {
84
84
  if (s === null) {
85
- t.removeListener(i);
85
+ i.removeListener(t);
86
86
  return;
87
87
  }
88
- t.removeListener(i, s);
89
- }, [t]), E = f((i, s) => {
90
- t.emit(i, s);
91
- }, [t]), M = () => {
92
- h.configure({
88
+ i.removeListener(t, s);
89
+ }, [i]), E = f((t, s) => {
90
+ i.emit(t, s);
91
+ }, [i]), M = () => {
92
+ y.configure({
93
93
  showSpinner: !0
94
- }), h.start();
95
- }, C = () => {
96
- h.done();
97
- }, N = _(() => ({
94
+ }), y.start();
95
+ }, L = () => {
96
+ y.done();
97
+ }, C = _(() => ({
98
98
  host: "",
99
99
  isLocalhost: !0,
100
100
  domain_token: "lab1",
@@ -102,40 +102,43 @@ function yo(m) {
102
102
  host_api_remote: c,
103
103
  host_static_assets: u,
104
104
  environment_assets: e
105
- }), []), L = _(() => ({
106
- history: p,
107
- toast: H,
105
+ }), []), N = _(() => ({
106
+ history: h,
107
+ toast: S,
108
108
  startProgress: M,
109
- stopProgress: C,
109
+ stopProgress: L,
110
110
  events_add_listener: k,
111
111
  events_remove_listener: A,
112
112
  events_emit: E
113
113
  }), []);
114
- return /* @__PURE__ */ r(z, {
115
- ...N,
114
+ return /* @__PURE__ */ r(G, {
115
+ ...C,
116
116
  children: /* @__PURE__ */ r(R, {
117
- ...L,
117
+ ...N,
118
118
  children: /* @__PURE__ */ r(q, {
119
- axiosOperation: G,
119
+ axiosOperation: J,
120
120
  children: /* @__PURE__ */ r(x, {
121
- history: p,
121
+ history: h,
122
122
  children: /* @__PURE__ */ r(I, {
123
123
  isMicroFrontEnd: !1,
124
124
  getLocaleFromNetwork: j,
125
- children: /* @__PURE__ */ r(S, {
126
- children: /* @__PURE__ */ r(oo, {
125
+ children: /* @__PURE__ */ r(U, {
126
+ children: /* @__PURE__ */ r(ro, {
127
127
  user: d,
128
128
  pwd: l,
129
- children: /* @__PURE__ */ r(Z, {
129
+ children: /* @__PURE__ */ r($, {
130
130
  moduleId: o,
131
- privileges: F,
132
- skeletonFlags: y,
133
- componentsDictionary: g,
131
+ privileges: g,
132
+ skeletonFlags: p,
133
+ componentsDictionary: F,
134
134
  moduleNameField: v,
135
- children: /* @__PURE__ */ r($, {
135
+ children: /* @__PURE__ */ r(oo, {
136
136
  onLoad: w,
137
137
  loadAreasFromNetwork: P,
138
138
  loadCookiesFromNetwork: b,
139
+ onSelectLayout: (t) => {
140
+ console.log("onSelectLayout", t);
141
+ },
139
142
  children: a
140
143
  })
141
144
  })
@@ -148,5 +151,5 @@ function yo(m) {
148
151
  });
149
152
  }
150
153
  export {
151
- yo as M
154
+ vo as M
152
155
  };
@@ -1,3 +1,4 @@
1
+ /// <reference types="react" />
1
2
  import { MFAuthAppProps } from './types';
2
- export declare function MFAuthApp(props: MFAuthAppProps): JSX.Element;
3
+ export declare function MFAuthApp(props: MFAuthAppProps): import("react").JSX.Element;
3
4
  export default MFAuthApp;
@@ -1,4 +1,4 @@
1
- import "./MFIsolationApp/index.ed197bc0.js";
1
+ import "./MFIsolationApp/index.e36cf308.js";
2
2
  import "react-router-dom";
3
3
  import "@m4l/core";
4
4
  import "@m4l/graphics";
@@ -1,5 +1,5 @@
1
1
  /// <reference types="react" />
2
2
  import type { AuthProviderProps, SessionContextType } from './types';
3
3
  declare const AuthContext: import("react").Context<SessionContextType | null>;
4
- declare function AuthProvider(props: AuthProviderProps): JSX.Element;
4
+ declare function AuthProvider(props: AuthProviderProps): import("react").JSX.Element;
5
5
  export { AuthContext, AuthProvider };
@@ -0,0 +1,4 @@
1
+ import "react";
2
+ import "../layouts/MasterDetailLayout/index.bca0fce5.js";
3
+ import "../contexts/AuthContext/index.6f966215.js";
4
+ import "../layouts/ModuleLayout/index.850f7dcf.js";
@@ -1,5 +1,5 @@
1
1
  import { useContext as t } from "react";
2
- import { M as e } from "../../layouts/MasterDetailLayout/index.2c363c7a.js";
2
+ import { M as e } from "../../layouts/MasterDetailLayout/index.bca0fce5.js";
3
3
  const s = () => t(e);
4
4
  export {
5
5
  s as u
@@ -1,5 +1,5 @@
1
1
  import { useContext as o } from "react";
2
- import { M as t } from "../../layouts/ModuleLayout/index.90b4dc8e.js";
2
+ import { M as t } from "../../layouts/ModuleLayout/index.850f7dcf.js";
3
3
  const n = () => {
4
4
  const e = o(t);
5
5
  if (!e)
package/index.js CHANGED
@@ -1,13 +1,13 @@
1
- import { M as f } from "./components/MFIsolationApp/index.ed197bc0.js";
1
+ import { M as f } from "./components/MFIsolationApp/index.e36cf308.js";
2
2
  import { M as D } from "./components/MFHostApp/index.420c2626.js";
3
3
  import { B as L } from "./components/BaseModule/index.6309486a.js";
4
4
  import { a as g, A as h } from "./contexts/AuthContext/index.6f966215.js";
5
- import { a as N, d as B, g as F } from "./layouts/ModuleLayout/index.90b4dc8e.js";
6
- import { a as H, d as I, g as P } from "./layouts/MasterDetailLayout/index.2c363c7a.js";
5
+ import { a as N, d as B, g as F } from "./layouts/ModuleLayout/index.850f7dcf.js";
6
+ import { a as H, d as I, g as P } from "./layouts/MasterDetailLayout/index.bca0fce5.js";
7
7
  import { N as j, d as k, g as q } from "./layouts/NoAuthModuleLayout/index.eabf38c1.js";
8
- import { u as z } from "./hooks/useMasterDetail/index.50331312.js";
8
+ import { u as z } from "./hooks/useMasterDetail/index.927c0c26.js";
9
9
  import { u as G } from "./hooks/useAuth/index.cb6a3420.js";
10
- import { u as K } from "./hooks/useModule/index.35cc5fe0.js";
10
+ import { u as K } from "./hooks/useModule/index.edcd7b28.js";
11
11
  import "react";
12
12
  import "react-router-dom";
13
13
  import "react-toastify";
@@ -1,5 +1,5 @@
1
1
  /// <reference types="react" />
2
2
  import { MasterDetailContextProps, MasterDetailProviderProps } from './types';
3
3
  declare const MasterDetailContext: import("react").Context<MasterDetailContextProps>;
4
- declare function MasterDetailProvider(props: MasterDetailProviderProps): JSX.Element;
4
+ declare function MasterDetailProvider(props: MasterDetailProviderProps): import("react").JSX.Element;
5
5
  export { MasterDetailProvider, MasterDetailContext };
@@ -0,0 +1,118 @@
1
+ import { createContext as w, useState as h, useRef as D, useMemo as m, useCallback as g } from "react";
2
+ import { voidFunction as k, useEnvironment as S, useModuleDictionary as $ } from "@m4l/core";
3
+ import { WindowBase as z, SplitLayout as P } from "@m4l/components";
4
+ import { a as A, g as I } from "../ModuleLayout/index.850f7dcf.js";
5
+ import { jsx as c } from "react/jsx-runtime";
6
+ import { useResponsiveDesktop as L } from "@m4l/graphics";
7
+ const N = {
8
+ masterSelection: void 0,
9
+ onChangeMasterSelection: k
10
+ }, x = w(N);
11
+ function R(n) {
12
+ const {
13
+ children: a
14
+ } = n, [s, t] = h(void 0);
15
+ return /* @__PURE__ */ c(x.Provider, {
16
+ value: {
17
+ masterSelection: s,
18
+ onChangeMasterSelection: t
19
+ },
20
+ children: a
21
+ });
22
+ }
23
+ function V(n, a = [], s, t) {
24
+ let o = t !== void 0 && t ? [...n] : [s];
25
+ return o = a.concat(o), o;
26
+ }
27
+ function T(n) {
28
+ const {
29
+ moduleId: a,
30
+ masterComponent: s,
31
+ detailComponent: t,
32
+ moduleActions: o,
33
+ version: M
34
+ } = n, {
35
+ host_static_assets: l,
36
+ environment_assets: i
37
+ } = S(), [r, C] = h("vertical"), d = L(), p = D(null), {
38
+ getLabel: e
39
+ } = $(), v = m(() => [{
40
+ urlIcon: `${l}/${i}/frontend/components/masterdetaillayout/assets/icons/split_vertical.svg`,
41
+ onClick: () => u("vertical"),
42
+ visibility: "main",
43
+ label: e("master_detail_layout.split_vertical"),
44
+ tag: "vertical",
45
+ className: "splitactions",
46
+ disabled: r === "vertical",
47
+ key: "vertical"
48
+ }, {
49
+ urlIcon: `${l}/${i}/frontend/components/masterdetaillayout/assets/icons/split_horizontal.svg`,
50
+ onClick: () => u("horizontal"),
51
+ visibility: "main",
52
+ label: e("master_detail_layout.split_horizontal"),
53
+ tag: "horizontal",
54
+ className: "splitactions",
55
+ disabled: r === "horizontal",
56
+ key: "horizontal"
57
+ }, {
58
+ urlIcon: `${l}/${i}/frontend/components/masterdetaillayout/assets/icons/no_split.svg`,
59
+ onClick: () => u("none"),
60
+ visibility: "main",
61
+ label: e("master_detail_layout.no_split"),
62
+ tag: "none",
63
+ className: "splitactions",
64
+ disabled: r === "none",
65
+ key: "none"
66
+ }], [e, r]), u = g((f) => {
67
+ C(f);
68
+ }, []), y = g(() => {
69
+ p.current?.openModal({
70
+ initialWidth: 500,
71
+ initialHeigth: 680,
72
+ window: /* @__PURE__ */ c(z, {
73
+ urlIcon: `${l}/${i}/frontend/components/masterdetaillayout/assets/icons/view_detail.svg`,
74
+ title: e("master_detail_layout.view_detail"),
75
+ children: typeof t == "function" ? t({}) : t
76
+ })
77
+ });
78
+ }, [t, e]), _ = m(() => ({
79
+ urlIcon: `${l}/${i}/frontend/components/masterdetaillayout/assets/icons/view_detail.svg`,
80
+ onClick: y,
81
+ disabled: !1,
82
+ visibility: "allways",
83
+ label: e("master_detail_layout.view_detail"),
84
+ tag: "none",
85
+ className: "",
86
+ key: "detail"
87
+ }), [i, y]), b = m(() => V(v, o, _, d), [v, o, d, _]);
88
+ return /* @__PURE__ */ c(R, {
89
+ children: /* @__PURE__ */ c(A, {
90
+ ref: p,
91
+ moduleId: a,
92
+ moduleActions: b,
93
+ version: M,
94
+ children: /* @__PURE__ */ c(P, {
95
+ splitPosition: d ? r : "none",
96
+ firstPart: s,
97
+ secondPart: t
98
+ })
99
+ })
100
+ });
101
+ }
102
+ function q() {
103
+ return ["master_detail_layout"].concat(I());
104
+ }
105
+ const G = {
106
+ master_detail_layout: {
107
+ split_vertical: "Split vertically",
108
+ split_horizontal: "Split horizontally",
109
+ no_split: "No split",
110
+ view_detail: "View detail"
111
+ }
112
+ };
113
+ export {
114
+ x as M,
115
+ T as a,
116
+ G as d,
117
+ q as g
118
+ };
@@ -1,2 +1,3 @@
1
+ /// <reference types="react" />
1
2
  import type { MasterDetailLayoutProps } from './types';
2
- export declare function MasterDetailLayout(props: MasterDetailLayoutProps): JSX.Element;
3
+ export declare function MasterDetailLayout(props: MasterDetailLayoutProps): import("react").JSX.Element;
@@ -1,5 +1,5 @@
1
1
  /// <reference types="react" />
2
2
  import { ModuleLayoutContextProps, ModuleLayoutProviderProps } from './types';
3
3
  declare const ModuleContext: import("react").Context<ModuleLayoutContextProps | null>;
4
- declare function ModuleProvider(props: ModuleLayoutProviderProps): JSX.Element;
4
+ declare function ModuleProvider(props: ModuleLayoutProviderProps): import("react").JSX.Element;
5
5
  export { ModuleProvider, ModuleContext };
@@ -23,20 +23,20 @@ const D = M("div")(() => ({
23
23
  overflow: "hidden"
24
24
  })), y = p((o, r) => {
25
25
  const {
26
- children: n
26
+ children: e
27
27
  } = o, {
28
28
  openModal: l
29
- } = x(), e = m(null);
29
+ } = x(), n = m(null);
30
30
  return f(r, () => ({
31
31
  openModal: l,
32
- current: e.current
32
+ current: n.current
33
33
  })), /* @__PURE__ */ t(D, {
34
34
  id: "WrapperInnerModule",
35
35
  className: "m4l_module_layout",
36
- ref: e,
36
+ ref: n,
37
37
  children: /* @__PURE__ */ t(w, {
38
38
  id: "ModuleContent",
39
- children: n
39
+ children: e
40
40
  })
41
41
  });
42
42
  });
@@ -45,17 +45,17 @@ const L = I(null);
45
45
  function R(o) {
46
46
  const {
47
47
  children: r,
48
- moduleActions: n,
48
+ moduleActions: e,
49
49
  moduleId: l,
50
- version: e
50
+ version: n
51
51
  } = o, [u] = a(() => ({
52
52
  moduleId: l,
53
53
  dictionary: void 0
54
54
  })), {
55
55
  setActions: d
56
- } = v(), [i, s] = a([]), c = C(() => (n || []).concat(i), [n, i]);
56
+ } = v(), [i, s] = a([]), c = C(() => (e || []).concat(i), [e, i]);
57
57
  return A(() => {
58
- console.log("**Version layout", e), d(c, e);
58
+ d(c, n);
59
59
  }, [c]), /* @__PURE__ */ t(L.Provider, {
60
60
  value: {
61
61
  setDynamicActions: s,
@@ -66,9 +66,9 @@ function R(o) {
66
66
  }
67
67
  const _ = p((o, r) => {
68
68
  const {
69
- moduleId: n,
69
+ moduleId: e,
70
70
  moduleActions: l,
71
- version: e,
71
+ version: n,
72
72
  children: u
73
73
  } = o, d = m(null), i = (s) => {
74
74
  d.current?.openModal(s);
@@ -77,9 +77,9 @@ const _ = p((o, r) => {
77
77
  openModal: i,
78
78
  current: d.current
79
79
  })), /* @__PURE__ */ t(R, {
80
- moduleId: n,
80
+ moduleId: e,
81
81
  moduleActions: l,
82
- version: e,
82
+ version: n,
83
83
  children: /* @__PURE__ */ t(g, {
84
84
  children: /* @__PURE__ */ t(y, {
85
85
  ref: d,
@@ -0,0 +1,3 @@
1
+ /// <reference types="react" />
2
+ export declare const WrapperInnerModule: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
3
+ export declare const ModuleContent: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
@@ -1,2 +1,3 @@
1
+ /// <reference types="react" />
1
2
  import { NoAuthModuleLayoutProps } from './types';
2
- export declare const NoAuthModuleLayout: (props: NoAuthModuleLayoutProps) => JSX.Element;
3
+ export declare const NoAuthModuleLayout: (props: NoAuthModuleLayoutProps) => import("react").JSX.Element;
@@ -1 +1,2 @@
1
- export declare const InnerModule: () => JSX.Element;
1
+ /// <reference types="react" />
2
+ export declare const InnerModule: () => import("react").JSX.Element;
@@ -0,0 +1,2 @@
1
+ /// <reference types="react" />
2
+ export declare const InnerModuleRoot: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
@@ -1 +1,2 @@
1
- export declare const DesktopContent: () => JSX.Element;
1
+ /// <reference types="react" />
2
+ export declare const DesktopContent: () => import("react").JSX.Element;
@@ -0,0 +1,9 @@
1
+ /// <reference types="react" />
2
+ export declare const DesktopContentRoot: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
3
+ export declare const DesktopBanner: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
4
+ export declare const ContainerLogo: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
5
+ export declare const CompanyName: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
6
+ export declare const CompanyLeyend: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
7
+ export declare const FormContent: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
8
+ export declare const WrapperFormContent: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
9
+ export declare const ContainerModuleName: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
@@ -1 +1,2 @@
1
- export declare const MobileContent: () => JSX.Element;
1
+ /// <reference types="react" />
2
+ export declare const MobileContent: () => import("react").JSX.Element;
@@ -0,0 +1,9 @@
1
+ /// <reference types="react" />
2
+ export declare const MobileContentRoot: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
3
+ export declare const MobileBanner: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
4
+ export declare const ContainerImageLanguage: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
5
+ export declare const ContainerLogo: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
6
+ export declare const CompanyName: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
7
+ export declare const FormContent: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
8
+ export declare const WrapperFormContent: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
9
+ export declare const ContainerModuleName: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
@@ -1,8 +1,8 @@
1
- import "./ModuleLayout/index.90b4dc8e.js";
1
+ import "./ModuleLayout/index.850f7dcf.js";
2
2
  import "@m4l/components";
3
3
  import "react";
4
4
  import "@m4l/core";
5
- import "./MasterDetailLayout/index.2c363c7a.js";
5
+ import "./MasterDetailLayout/index.bca0fce5.js";
6
6
  import "@m4l/graphics";
7
7
  import "react/jsx-runtime";
8
8
  import "./NoAuthModuleLayout/index.eabf38c1.js";
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@m4l/layouts",
3
- "version": "0.1.38",
3
+ "version": "0.1.39",
4
4
  "license": "UNLICENSED",
5
5
  "dependencies": {
6
6
  "@m4l/components": "*",
@@ -1,4 +0,0 @@
1
- import "react";
2
- import "../layouts/MasterDetailLayout/index.2c363c7a.js";
3
- import "../contexts/AuthContext/index.6f966215.js";
4
- import "../layouts/ModuleLayout/index.90b4dc8e.js";
@@ -1,109 +0,0 @@
1
- import { createContext as D, useState as g, useRef as k, useMemo as m, useCallback as f } from "react";
2
- import { voidFunction as S, useEnvironment as z, useModuleDictionary as P } from "@m4l/core";
3
- import { SplitLayout as $ } from "@m4l/components";
4
- import { a as w, g as A } from "../ModuleLayout/index.90b4dc8e.js";
5
- import { jsx as c } from "react/jsx-runtime";
6
- import { useResponsiveDesktop as L } from "@m4l/graphics";
7
- const I = {
8
- masterSelection: void 0,
9
- onChangeMasterSelection: S
10
- }, N = D(I);
11
- function x(e) {
12
- const {
13
- children: i
14
- } = e, [n, t] = g(void 0);
15
- return /* @__PURE__ */ c(N.Provider, {
16
- value: {
17
- masterSelection: n,
18
- onChangeMasterSelection: t
19
- },
20
- children: i
21
- });
22
- }
23
- function R(e, i = [], n, t) {
24
- let o = t !== void 0 && t ? [...e] : [n];
25
- return o = i.concat(o), o;
26
- }
27
- function B(e) {
28
- const {
29
- moduleId: i,
30
- masterComponent: n,
31
- detailComponent: t,
32
- moduleActions: o,
33
- version: h
34
- } = e, {
35
- host_static_assets: r,
36
- environment_assets: a
37
- } = z(), [s, C] = g("vertical"), d = L(), M = k(null), {
38
- getLabel: l
39
- } = P(), p = m(() => [{
40
- urlIcon: `${r}/${a}/frontend/components/masterdetaillayout/assets/icons/split_vertical.svg`,
41
- onClick: () => u("vertical"),
42
- visibility: "main",
43
- label: l("master_detail_layout.split_vertical"),
44
- tag: "vertical",
45
- className: "splitactions",
46
- disabled: s === "vertical",
47
- key: "vertical"
48
- }, {
49
- urlIcon: `${r}/${a}/frontend/components/masterdetaillayout/assets/icons/split_horizontal.svg`,
50
- onClick: () => u("horizontal"),
51
- visibility: "main",
52
- label: l("master_detail_layout.split_horizontal"),
53
- tag: "horizontal",
54
- className: "splitactions",
55
- disabled: s === "horizontal",
56
- key: "horizontal"
57
- }, {
58
- urlIcon: `${r}/${a}/frontend/components/masterdetaillayout/assets/icons/no_split.svg`,
59
- onClick: () => u("none"),
60
- visibility: "main",
61
- label: l("master_detail_layout.no_split"),
62
- tag: "none",
63
- className: "splitactions",
64
- disabled: s === "none",
65
- key: "none"
66
- }], [l, s]), u = f((_) => {
67
- C(_);
68
- }, []), v = f(() => {
69
- }, [t]), y = m(() => ({
70
- urlIcon: `${r}/${a}/frontend/components/masterdetaillayout/assets/icons/view_detail.svg`,
71
- onClick: v,
72
- disabled: !1,
73
- visibility: "allways",
74
- label: l("master_detail_layout.view_detail"),
75
- tag: "none",
76
- className: "",
77
- key: "detail"
78
- }), [a, v]), b = m(() => R(p, o, y, d), [p, o, d, y]);
79
- return /* @__PURE__ */ c(x, {
80
- children: /* @__PURE__ */ c(w, {
81
- ref: M,
82
- moduleId: i,
83
- moduleActions: b,
84
- version: h,
85
- children: /* @__PURE__ */ c($, {
86
- splitPosition: d ? s : "none",
87
- firstPart: n,
88
- secondPart: t
89
- })
90
- })
91
- });
92
- }
93
- function G() {
94
- return ["master_detail_layout"].concat(A());
95
- }
96
- const H = {
97
- master_detail_layout: {
98
- split_vertical: "Split vertically",
99
- split_horizontal: "Split horizontally",
100
- no_split: "No split",
101
- view_detail: "View detail"
102
- }
103
- };
104
- export {
105
- N as M,
106
- B as a,
107
- H as d,
108
- G as g
109
- };