@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.
- package/components/BaseModule/index.d.ts +2 -1
- package/components/MFHostApp/index.d.ts +2 -1
- package/components/MFIsolationApp/index.d.ts +2 -1
- package/components/MFIsolationApp/{index.ed197bc0.js → index.e36cf308.js} +58 -55
- package/components/MFIsolationApp/subcomponents/MFAuthApp/index.d.ts +2 -1
- package/components/{index.604759d6.js → index.aeb3cf83.js} +1 -1
- package/contexts/AuthContext/index.d.ts +1 -1
- package/hooks/index.a0c767ed.js +4 -0
- package/hooks/useMasterDetail/{index.50331312.js → index.927c0c26.js} +1 -1
- package/hooks/useModule/{index.35cc5fe0.js → index.edcd7b28.js} +1 -1
- package/index.js +5 -5
- package/layouts/MasterDetailLayout/contexts/MasterDetailContext/index.d.ts +1 -1
- package/layouts/MasterDetailLayout/index.bca0fce5.js +118 -0
- package/layouts/MasterDetailLayout/index.d.ts +2 -1
- package/layouts/ModuleLayout/contexts/ModuleContext/index.d.ts +1 -1
- package/layouts/ModuleLayout/{index.90b4dc8e.js → index.850f7dcf.js} +13 -13
- package/layouts/ModuleLayout/subcomponents/InnerModule/styles.d.ts +3 -0
- package/layouts/NoAuthModuleLayout/index.d.ts +2 -1
- package/layouts/NoAuthModuleLayout/subcomponents/InnerModule/index.d.ts +2 -1
- package/layouts/NoAuthModuleLayout/subcomponents/InnerModule/styles.d.ts +2 -0
- package/layouts/NoAuthModuleLayout/subcomponents/InnerModule/subcomponents/DesktopContent/index.d.ts +2 -1
- package/layouts/NoAuthModuleLayout/subcomponents/InnerModule/subcomponents/DesktopContent/styles.d.ts +9 -0
- package/layouts/NoAuthModuleLayout/subcomponents/InnerModule/subcomponents/MobileContent/index.d.ts +2 -1
- package/layouts/NoAuthModuleLayout/subcomponents/InnerModule/subcomponents/MobileContent/styles.d.ts +9 -0
- package/layouts/{index.3e2d546f.js → index.07aacf57.js} +2 -2
- package/package.json +1 -1
- package/hooks/index.18c6b299.js +0 -4
- package/layouts/MasterDetailLayout/index.2c363c7a.js +0 -109
|
@@ -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
|
|
4
|
-
import { HostThemeProvider as O, FormatterProvider as B, LocalesProvider as I, getLocaleFromNetwork as j } from "@m4l/graphics";
|
|
5
|
-
import { A as
|
|
6
|
-
import { DomainCountryProvider as
|
|
7
|
-
import { createBrowserHistory as
|
|
8
|
-
import
|
|
9
|
-
import { format as
|
|
10
|
-
import { defaultThemeOptions as
|
|
11
|
-
import { u as
|
|
12
|
-
import { jsx as r, jsxs as
|
|
13
|
-
import
|
|
14
|
-
import { B as
|
|
15
|
-
import { AreasProvider as
|
|
16
|
-
function
|
|
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
|
-
} =
|
|
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__ */
|
|
41
|
-
hostThemeOptions:
|
|
42
|
-
fnComponentsOverrides:
|
|
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(
|
|
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:
|
|
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
|
|
61
|
+
const h = K({
|
|
62
62
|
window
|
|
63
63
|
});
|
|
64
|
-
function
|
|
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:
|
|
74
|
+
skeletonFlags: p,
|
|
75
75
|
moduleNameField: v,
|
|
76
|
-
privileges:
|
|
77
|
-
componentsDictionary:
|
|
76
|
+
privileges: g,
|
|
77
|
+
componentsDictionary: F,
|
|
78
78
|
onLoad: w,
|
|
79
79
|
activeAreasNetwork: P = !1,
|
|
80
80
|
activeCookiesFromNetwork: b = !1
|
|
81
|
-
} = m,
|
|
82
|
-
|
|
83
|
-
}, [
|
|
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
|
-
|
|
85
|
+
i.removeListener(t);
|
|
86
86
|
return;
|
|
87
87
|
}
|
|
88
|
-
|
|
89
|
-
}, [
|
|
90
|
-
|
|
91
|
-
}, [
|
|
92
|
-
|
|
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
|
-
}),
|
|
95
|
-
},
|
|
96
|
-
|
|
97
|
-
},
|
|
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
|
-
}), []),
|
|
106
|
-
history:
|
|
107
|
-
toast:
|
|
105
|
+
}), []), N = _(() => ({
|
|
106
|
+
history: h,
|
|
107
|
+
toast: S,
|
|
108
108
|
startProgress: M,
|
|
109
|
-
stopProgress:
|
|
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(
|
|
115
|
-
...
|
|
114
|
+
return /* @__PURE__ */ r(G, {
|
|
115
|
+
...C,
|
|
116
116
|
children: /* @__PURE__ */ r(R, {
|
|
117
|
-
...
|
|
117
|
+
...N,
|
|
118
118
|
children: /* @__PURE__ */ r(q, {
|
|
119
|
-
axiosOperation:
|
|
119
|
+
axiosOperation: J,
|
|
120
120
|
children: /* @__PURE__ */ r(x, {
|
|
121
|
-
history:
|
|
121
|
+
history: h,
|
|
122
122
|
children: /* @__PURE__ */ r(I, {
|
|
123
123
|
isMicroFrontEnd: !1,
|
|
124
124
|
getLocaleFromNetwork: j,
|
|
125
|
-
children: /* @__PURE__ */ r(
|
|
126
|
-
children: /* @__PURE__ */ r(
|
|
125
|
+
children: /* @__PURE__ */ r(U, {
|
|
126
|
+
children: /* @__PURE__ */ r(ro, {
|
|
127
127
|
user: d,
|
|
128
128
|
pwd: l,
|
|
129
|
-
children: /* @__PURE__ */ r(
|
|
129
|
+
children: /* @__PURE__ */ r($, {
|
|
130
130
|
moduleId: o,
|
|
131
|
-
privileges:
|
|
132
|
-
skeletonFlags:
|
|
133
|
-
componentsDictionary:
|
|
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
|
-
|
|
154
|
+
vo as M
|
|
152
155
|
};
|
|
@@ -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 };
|
package/index.js
CHANGED
|
@@ -1,13 +1,13 @@
|
|
|
1
|
-
import { M as f } from "./components/MFIsolationApp/index.
|
|
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.
|
|
6
|
-
import { a as H, d as I, g as P } from "./layouts/MasterDetailLayout/index.
|
|
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.
|
|
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.
|
|
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:
|
|
26
|
+
children: e
|
|
27
27
|
} = o, {
|
|
28
28
|
openModal: l
|
|
29
|
-
} = x(),
|
|
29
|
+
} = x(), n = m(null);
|
|
30
30
|
return f(r, () => ({
|
|
31
31
|
openModal: l,
|
|
32
|
-
current:
|
|
32
|
+
current: n.current
|
|
33
33
|
})), /* @__PURE__ */ t(D, {
|
|
34
34
|
id: "WrapperInnerModule",
|
|
35
35
|
className: "m4l_module_layout",
|
|
36
|
-
ref:
|
|
36
|
+
ref: n,
|
|
37
37
|
children: /* @__PURE__ */ t(w, {
|
|
38
38
|
id: "ModuleContent",
|
|
39
|
-
children:
|
|
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:
|
|
48
|
+
moduleActions: e,
|
|
49
49
|
moduleId: l,
|
|
50
|
-
version:
|
|
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(() => (
|
|
56
|
+
} = v(), [i, s] = a([]), c = C(() => (e || []).concat(i), [e, i]);
|
|
57
57
|
return A(() => {
|
|
58
|
-
|
|
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:
|
|
69
|
+
moduleId: e,
|
|
70
70
|
moduleActions: l,
|
|
71
|
-
version:
|
|
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:
|
|
80
|
+
moduleId: e,
|
|
81
81
|
moduleActions: l,
|
|
82
|
-
version:
|
|
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
|
-
|
|
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>, {}>;
|
package/layouts/NoAuthModuleLayout/subcomponents/InnerModule/subcomponents/DesktopContent/index.d.ts
CHANGED
|
@@ -1 +1,2 @@
|
|
|
1
|
-
|
|
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>, {}>;
|
package/layouts/NoAuthModuleLayout/subcomponents/InnerModule/subcomponents/MobileContent/index.d.ts
CHANGED
|
@@ -1 +1,2 @@
|
|
|
1
|
-
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
export declare const MobileContent: () => import("react").JSX.Element;
|
package/layouts/NoAuthModuleLayout/subcomponents/InnerModule/subcomponents/MobileContent/styles.d.ts
ADDED
|
@@ -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.
|
|
1
|
+
import "./ModuleLayout/index.850f7dcf.js";
|
|
2
2
|
import "@m4l/components";
|
|
3
3
|
import "react";
|
|
4
4
|
import "@m4l/core";
|
|
5
|
-
import "./MasterDetailLayout/index.
|
|
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
package/hooks/index.18c6b299.js
DELETED
|
@@ -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
|
-
};
|