@m4l/layouts 0.1.9 → 0.1.11

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 (39) hide show
  1. package/hooks/useMasterDetail/{index.32172709.js → index.d5830f95.js} +1 -1
  2. package/hooks/useModule/{index.5ec82e11.js → index.f9e8dfff.js} +1 -1
  3. package/index.js +5 -5
  4. package/layouts/MasterDetailLayout/{index.93d98363.js → index.a35e475f.js} +2 -2
  5. package/layouts/ModuleLayout/contexts/ModuleContext/index.d.ts +1 -1
  6. package/layouts/ModuleLayout/contexts/ModuleContext/types.d.ts +1 -1
  7. package/layouts/ModuleLayout/index.fe7cec18.js +346 -0
  8. package/layouts/ModuleLayout/subcomponents/InnerModule/index.d.ts +3 -0
  9. package/layouts/ModuleLayout/{components/ModuleContent → subcomponents/InnerModule}/styles.d.ts +1 -1
  10. package/layouts/ModuleLayout/{components → subcomponents/InnerModule/subcomponents}/Header/index.d.ts +0 -0
  11. package/layouts/ModuleLayout/{components → subcomponents/InnerModule/subcomponents}/Header/skeleton.d.ts +0 -0
  12. package/layouts/ModuleLayout/{components → subcomponents/InnerModule/subcomponents}/Header/styles.d.ts +0 -0
  13. package/layouts/ModuleLayout/{components → subcomponents/InnerModule/subcomponents}/Header/types.d.ts +0 -0
  14. package/layouts/ModuleLayout/{components/ModuleContent → subcomponents/InnerModule}/types.d.ts +0 -0
  15. package/layouts/ModuleLayout/types.d.ts +9 -9
  16. package/layouts/NoAuthModuleLayout/index.798fbe31.js +200 -0
  17. package/layouts/NoAuthModuleLayout/subcomponents/InnerModule/index.d.ts +3 -0
  18. package/layouts/NoAuthModuleLayout/subcomponents/InnerModule/styles.d.ts +2 -0
  19. package/layouts/NoAuthModuleLayout/subcomponents/InnerModule/subcomponents/AppBarForm/index.d.ts +3 -0
  20. package/layouts/NoAuthModuleLayout/subcomponents/InnerModule/subcomponents/AppBarForm/styles.d.ts +2 -0
  21. package/layouts/NoAuthModuleLayout/subcomponents/InnerModule/subcomponents/AppBarForm/subcomponents/AppBar/index.d.ts +2 -0
  22. package/layouts/NoAuthModuleLayout/subcomponents/InnerModule/subcomponents/AppBarForm/subcomponents/AppBar/styles.d.ts +2 -0
  23. package/layouts/NoAuthModuleLayout/subcomponents/InnerModule/subcomponents/AppBarForm/subcomponents/Form/index.d.ts +3 -0
  24. package/layouts/NoAuthModuleLayout/subcomponents/InnerModule/subcomponents/AppBarForm/subcomponents/Form/styles.d.ts +3 -0
  25. package/layouts/NoAuthModuleLayout/subcomponents/InnerModule/subcomponents/AppBarForm/subcomponents/Form/subcomponents/NameDescription/index.d.ts +2 -0
  26. package/layouts/NoAuthModuleLayout/subcomponents/InnerModule/subcomponents/AppBarForm/subcomponents/Form/subcomponents/NameDescription/styles.d.ts +2 -0
  27. package/layouts/NoAuthModuleLayout/subcomponents/InnerModule/subcomponents/AppBarForm/subcomponents/Form/types.d.ts +4 -0
  28. package/layouts/NoAuthModuleLayout/subcomponents/InnerModule/subcomponents/AppBarForm/types.d.ts +4 -0
  29. package/layouts/NoAuthModuleLayout/subcomponents/InnerModule/subcomponents/LogoLeyend/index.d.ts +2 -0
  30. package/layouts/NoAuthModuleLayout/subcomponents/InnerModule/subcomponents/LogoLeyend/styles.d.ts +2 -0
  31. package/layouts/NoAuthModuleLayout/{ModuleWrapper → subcomponents/InnerModule}/types.d.ts +0 -0
  32. package/layouts/NoAuthModuleLayout/types.d.ts +8 -2
  33. package/layouts/index.d.ts +1 -1
  34. package/package.json +1 -1
  35. package/layouts/ModuleLayout/components/ModuleContent/index.d.ts +0 -3
  36. package/layouts/ModuleLayout/index.76b867fc.js +0 -356
  37. package/layouts/NoAuthModuleLayout/ModuleWrapper/index.d.ts +0 -3
  38. package/layouts/NoAuthModuleLayout/ModuleWrapper/styles.d.ts +0 -13
  39. package/layouts/NoAuthModuleLayout/index.5050b988.js +0 -178
@@ -0,0 +1,2 @@
1
+ /// <reference types="react" />
2
+ export declare const AppBar: () => JSX.Element;
@@ -0,0 +1,2 @@
1
+ /// <reference types="react" />
2
+ export declare const WrapperAppBar: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, {}>;
@@ -0,0 +1,3 @@
1
+ /// <reference types="react" />
2
+ import { WrapperFormScrollProps } from './types';
3
+ export declare const Form: (props: WrapperFormScrollProps) => JSX.Element;
@@ -0,0 +1,3 @@
1
+ /// <reference types="react" />
2
+ export declare const WrapperFormScroll: 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 WrapperForm: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
@@ -0,0 +1,2 @@
1
+ /// <reference types="react" />
2
+ export declare const NameDescription: () => JSX.Element;
@@ -0,0 +1,2 @@
1
+ /// <reference types="react" />
2
+ export declare const WrapperNameDescription: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
@@ -0,0 +1,4 @@
1
+ import { ReactNode } from 'react';
2
+ export interface WrapperFormScrollProps {
3
+ children: ReactNode;
4
+ }
@@ -0,0 +1,4 @@
1
+ import { ReactNode } from 'react';
2
+ export interface WrapperAppBarFormProps {
3
+ children: ReactNode;
4
+ }
@@ -0,0 +1,2 @@
1
+ /// <reference types="react" />
2
+ export declare const LogoLeyend: () => JSX.Element;
@@ -0,0 +1,2 @@
1
+ /// <reference types="react" />
2
+ export declare const WrapperLogoLeyend: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
@@ -3,9 +3,15 @@ export interface ContainerProps {
3
3
  vertical: boolean;
4
4
  }
5
5
  export declare type MenuActionType = 'main' | 'allways' | 'normal';
6
- export interface NoAuthModuleLayoutProps {
6
+ export declare interface NoAuthBaseProviderProps {
7
+ subtitle?: string;
8
+ companyLogoSmallUrl: string;
9
+ companyLogoNormalUrl: string;
10
+ moduleIlustrationUrl?: string;
11
+ }
12
+ export interface NoAuthModuleLayoutProps extends NoAuthBaseProviderProps {
7
13
  moduleId: string;
8
- moduleName?: string;
14
+ moduleNameField?: string;
9
15
  componentsDictionary: string[];
10
16
  skeletonFlags: string[];
11
17
  children: ReactNode;
@@ -1,7 +1,7 @@
1
1
  export { ModuleLayout } from './ModuleLayout';
2
- export type { ModuleAction } from './ModuleLayout/types';
3
2
  export * from './ModuleLayout/dicctionary';
4
3
  export { MasterDetailLayout } from './MasterDetailLayout';
5
4
  export * from './MasterDetailLayout/dicctionary';
6
5
  export { NoAuthModuleLayout } from './NoAuthModuleLayout';
7
6
  export * from './NoAuthModuleLayout/dicctionary';
7
+ export type { ModuleAction } from '../layouts/ModuleLayout/types';
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@m4l/layouts",
3
- "version": "0.1.9",
3
+ "version": "0.1.11",
4
4
  "license": "UNLICENSED",
5
5
  "dependencies": {
6
6
  "@m4l/components": "*",
@@ -1,3 +0,0 @@
1
- /// <reference types="react" />
2
- import { ModuleProps, ModuleRef } from './types';
3
- export declare const Module: import("react").ForwardRefExoticComponent<ModuleProps & import("react").RefAttributes<ModuleRef>>;
@@ -1,356 +0,0 @@
1
- import { BoxIcon as y, Breadcrumbs as T, MenuActions as F, useModal as A, ModalProvider as D, getModalDialogComponentsDictionary as L } from "@m4l/components";
2
- import { createContext as $, useState as x, useMemo as f, forwardRef as M, useRef as b, useImperativeHandle as w } from "react";
3
- import { styled as d, useTheme as N } from "@mui/material/styles";
4
- import { voidFunction as P, useModuleDictionary as R, useFlagsPresent as _, FlagsProvider as B, ModuleDictionaryProvider as S, ModuleSkeletonProvider as G, ModulePrivilegesProvider as H } from "@m4l/core";
5
- import { Skeleton as l, Typography as O, IconButton as W } from "@mui/material";
6
- import { useResponsiveDesktop as k } from "@m4l/graphics";
7
- import { jsxs as p, jsx as e, Fragment as j } from "react/jsx-runtime";
8
- import { u as z } from "../../hooks/useModule/index.5ec82e11.js";
9
- const q = d("div")(() => ({
10
- display: "flex",
11
- flexDirection: "column",
12
- position: "absolute",
13
- margin: "12px",
14
- left: "0px",
15
- right: "0px",
16
- top: "0px",
17
- bottom: "0px",
18
- overflow: "hidden"
19
- })), K = d("div")(({
20
- theme: i
21
- }) => ({
22
- display: "flex",
23
- position: "relative",
24
- marginTop: i.spacing(2),
25
- flexGrow: "1",
26
- overflow: "hidden"
27
- })), E = d("div")(({
28
- theme: i
29
- }) => ({
30
- display: "flex",
31
- position: "relative",
32
- paddingTop: i.spacing(2),
33
- paddingBottom: i.spacing(2),
34
- borderBottom: `1px solid ${i.palette.divider}`,
35
- height: "72px",
36
- overflow: "hidden",
37
- alignItems: "center",
38
- " > span": {
39
- marginRight: "12px"
40
- },
41
- "& > h5": {
42
- paddingRight: i.spacing(3),
43
- borderRight: `1px solid ${i.palette.divider}`
44
- },
45
- " > nav": {
46
- marginRight: "12px",
47
- flexGrow: 1
48
- },
49
- "& .splitactions.Mui-disabled": {
50
- color: i.palette.primary.main
51
- },
52
- "& svg ": {
53
- width: "20px",
54
- height: "20px"
55
- }
56
- })), J = d("div")(({
57
- theme: i
58
- }) => ({
59
- display: "flex",
60
- justifyContent: "space-between",
61
- padding: `${i.spacing(2)} 0`,
62
- borderBottom: `1px solid ${i.palette.divider}`,
63
- height: "auto",
64
- [i.breakpoints.up("sm")]: {
65
- height: i.spacing(9)
66
- }
67
- })), Q = d("div")(({
68
- theme: i
69
- }) => ({
70
- display: "grid",
71
- gridTemplateColumns: "auto",
72
- gridGap: i.spacing(1.75),
73
- alignItems: "center",
74
- width: "auto",
75
- height: "auto",
76
- [i.breakpoints.up("sm")]: {
77
- gridTemplateColumns: "repeat(3, auto)"
78
- }
79
- })), U = d("div")(({
80
- theme: i
81
- }) => ({
82
- display: "grid",
83
- gridTemplateColumns: `${i.spacing(3)} auto`,
84
- gridGap: i.spacing(2),
85
- alignItems: "center",
86
- width: "auto",
87
- height: "auto"
88
- })), V = d("div")(({
89
- theme: i
90
- }) => ({
91
- display: "none",
92
- alignItems: "center",
93
- width: "1px",
94
- background: i.palette.divider,
95
- height: "100%",
96
- margin: `0 ${i.spacing(2)}`,
97
- [i.breakpoints.up("sm")]: {
98
- display: "flex"
99
- }
100
- })), X = d("div")(({
101
- theme: i
102
- }) => ({
103
- display: "grid",
104
- alignItems: "center",
105
- gridTemplateColumns: "repeat(3, auto)",
106
- gridGap: i.spacing(2)
107
- })), Y = d("div")(({
108
- theme: i
109
- }) => ({
110
- display: "grid",
111
- gridTemplateColumns: "auto",
112
- alignItems: "center",
113
- width: "auto",
114
- height: "auto",
115
- [i.breakpoints.up("sm")]: {
116
- gridTemplateColumns: `repeat(3, ${i.spacing(3)})`,
117
- gridGap: i.spacing(2)
118
- }
119
- }));
120
- function Z() {
121
- const i = k();
122
- return /* @__PURE__ */ p(J, {
123
- children: [/* @__PURE__ */ p(Q, {
124
- children: [/* @__PURE__ */ p(U, {
125
- children: [/* @__PURE__ */ e(l, {
126
- variant: "circular",
127
- width: 24,
128
- height: 24
129
- }), /* @__PURE__ */ e(l, {
130
- variant: "text",
131
- width: 120,
132
- height: 14
133
- })]
134
- }), /* @__PURE__ */ e(V, {}), /* @__PURE__ */ p(X, {
135
- children: [/* @__PURE__ */ e(l, {
136
- variant: "text",
137
- width: 68,
138
- height: 14
139
- }), /* @__PURE__ */ e(l, {
140
- variant: "circular",
141
- width: 4,
142
- height: 4
143
- }), /* @__PURE__ */ e(l, {
144
- variant: "text",
145
- width: 68,
146
- height: 14
147
- })]
148
- })]
149
- }), /* @__PURE__ */ e(Y, {
150
- children: i ? /* @__PURE__ */ p(j, {
151
- children: [/* @__PURE__ */ e(l, {
152
- variant: "circular",
153
- width: 24,
154
- height: 24
155
- }), /* @__PURE__ */ e(l, {
156
- variant: "circular",
157
- width: 24,
158
- height: 24
159
- }), /* @__PURE__ */ e(l, {
160
- variant: "circular",
161
- width: 24,
162
- height: 24
163
- })]
164
- }) : /* @__PURE__ */ e(l, {
165
- variant: "circular",
166
- width: 24,
167
- height: 24
168
- })
169
- })]
170
- });
171
- }
172
- const ii = {
173
- moduleId: "",
174
- moduleNameField: "module_name",
175
- urlIcon: "",
176
- moduleActions: [],
177
- dynamicActions: [],
178
- setDynamicActions: P,
179
- breadcrumbLinks: []
180
- }, ei = $(ii);
181
- function ti(i) {
182
- const {
183
- children: n,
184
- initialModuleActions: t,
185
- moduleId: o,
186
- moduleNameField: a,
187
- urlIcon: g,
188
- breadcrumbLinks: s
189
- } = i, [c] = x(() => ({
190
- moduleId: o,
191
- urlIcon: g,
192
- moduleNameField: a,
193
- dictionary: void 0,
194
- breadcrumbLinks: s
195
- })), [u, h] = x([]), r = f(() => t.concat(u), [t, u]);
196
- return /* @__PURE__ */ e(ei.Provider, {
197
- value: {
198
- moduleActions: r,
199
- dynamicActions: u,
200
- setDynamicActions: h,
201
- moduleId: c.moduleId,
202
- moduleNameField: c.moduleNameField,
203
- urlIcon: c.urlIcon,
204
- breadcrumbLinks: c.breadcrumbLinks
205
- },
206
- children: n
207
- });
208
- }
209
- function oi(i, n) {
210
- let t = [...n.filter((o) => o.visibility !== "allways")];
211
- return i !== void 0 && i && (t = t.filter((o) => o.visibility === "normal")), t;
212
- }
213
- function ni(i, n) {
214
- let t = [];
215
- return i !== void 0 && i && (t = t.concat(n.filter((o) => o.visibility === "main"))), t = t.concat(n.filter((o) => o.visibility === "allways")), t;
216
- }
217
- function ri() {
218
- const {
219
- moduleActions: i,
220
- moduleNameField: n,
221
- breadcrumbLinks: t,
222
- urlIcon: o
223
- } = z(), {
224
- getLabel: a
225
- } = R(), g = N(), s = k(), c = !_(["dictionary_loaded"]), u = f(
226
- () => oi(s, i),
227
- [i, s]
228
- ), h = f(() => ni(s, i), [i, s]);
229
- return c ? /* @__PURE__ */ e(Z, {}) : /* @__PURE__ */ p(E, {
230
- id: "Header",
231
- children: [/* @__PURE__ */ e(y, {
232
- src: o,
233
- sx: {
234
- color: g.palette.primary.main
235
- }
236
- }), /* @__PURE__ */ e(O, {
237
- variant: "h5",
238
- sx: {
239
- maxWidth: 260,
240
- overflow: "hidden",
241
- whiteSpace: "nowrap",
242
- color: "text.primary",
243
- marginRight: "24px",
244
- textOverflow: "ellipsis"
245
- },
246
- children: a(n)
247
- }), /* @__PURE__ */ e(T, {
248
- links: t
249
- }), h.map((r, m) => {
250
- const v = a(r.dictionaryField);
251
- return r.component ? /* @__PURE__ */ e(r.component, {
252
- description: v,
253
- onClick: r.onClick
254
- }, `main_action_${m}`) : /* @__PURE__ */ e(W, {
255
- className: r.className,
256
- onClick: r.onClick,
257
- "aria-label": `${v}`,
258
- disabled: r.disabled,
259
- children: /* @__PURE__ */ e(y, {
260
- src: r.urlIcon,
261
- sx: {
262
- width: 18,
263
- height: 18
264
- }
265
- })
266
- }, `main_action_${m}`);
267
- }), u.length > 0 && /* @__PURE__ */ e(F, {
268
- arrow: "right-top",
269
- marginTop: "-11px",
270
- anchorOrigin: {
271
- vertical: "top",
272
- horizontal: "left"
273
- },
274
- transformOrigin: {
275
- vertical: "top",
276
- horizontal: "right"
277
- },
278
- menuActions: u
279
- })]
280
- });
281
- }
282
- const I = M((i, n) => {
283
- const {
284
- children: t
285
- } = i, {
286
- openModal: o
287
- } = A(), a = b(null);
288
- return w(n, () => ({
289
- openModal: o,
290
- current: a.current
291
- })), /* @__PURE__ */ p(q, {
292
- id: "WrapperModule",
293
- ref: a,
294
- children: [/* @__PURE__ */ e(ri, {}), /* @__PURE__ */ e(K, {
295
- id: "ModuleContent",
296
- children: t
297
- })]
298
- });
299
- });
300
- I.displayName = "Module";
301
- const ai = M((i, n) => {
302
- const {
303
- moduleId: t,
304
- moduleNameField: o = "module_name",
305
- moduleActions: a,
306
- urlIcon: g,
307
- children: s,
308
- componentsDictionary: c,
309
- breadcrumbLinks: u,
310
- privileges: h,
311
- skeletonFlags: r
312
- } = i, m = b(null), v = (C) => {
313
- m.current?.openModal(C);
314
- };
315
- return w(n, () => ({
316
- openModal: v,
317
- current: m.current
318
- })), /* @__PURE__ */ e(B, {
319
- children: /* @__PURE__ */ e(S, {
320
- moduleId: t,
321
- componentsDictionary: c,
322
- children: /* @__PURE__ */ e(G, {
323
- flags: r,
324
- children: /* @__PURE__ */ e(H, {
325
- queryPrivileges: h,
326
- children: /* @__PURE__ */ e(ti, {
327
- moduleId: t,
328
- urlIcon: g,
329
- moduleNameField: o,
330
- initialModuleActions: a,
331
- breadcrumbLinks: u,
332
- children: /* @__PURE__ */ e(D, {
333
- children: /* @__PURE__ */ e(I, {
334
- ref: m,
335
- children: s
336
- })
337
- })
338
- })
339
- })
340
- })
341
- })
342
- });
343
- });
344
- ai.displayName = "ModuleLayout";
345
- function hi() {
346
- return ["module_layout"].concat(L());
347
- }
348
- const vi = {
349
- module_layout: {}
350
- };
351
- export {
352
- ei as M,
353
- ai as a,
354
- vi as d,
355
- hi as g
356
- };
@@ -1,3 +0,0 @@
1
- /// <reference types="react" />
2
- import { ModuleProps } from './types';
3
- export declare const ModuleWrapper: (props: ModuleProps) => JSX.Element;
@@ -1,13 +0,0 @@
1
- /// <reference types="react" />
2
- export declare const RootStyle: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
3
- export declare const HeaderStyle: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, {}>;
4
- export declare const SectionStyle: import("@emotion/styled").StyledComponent<Omit<import("@mui/material").PaperProps<"div", {}>, "classes"> & {
5
- classes?: Partial<import("@mui/material").CardClasses> | undefined;
6
- raised?: boolean | undefined;
7
- sx?: import("@mui/material").SxProps<import("@mui/material").Theme> | undefined;
8
- } & import("@mui/material/OverridableComponent").CommonProps & Omit<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof import("react").HTMLAttributes<HTMLDivElement>> & {
9
- ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
10
- }, keyof import("@mui/material/OverridableComponent").CommonProps | "color" | "translate" | "slot" | "title" | "children" | "ref" | "sx" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "nonce" | "placeholder" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "elevation" | "square" | "variant" | "raised"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
11
- export declare const ContentStyle: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
12
- export declare const TitleContainer: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
13
- export declare const ModuleTitleContainer: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
@@ -1,178 +0,0 @@
1
- import { useResponsive as u, useLocales as h } from "@m4l/graphics";
2
- import { Page as g, CompanyLogo as y, LanguagePopover as f, Typography as m, Image as x } from "@m4l/components";
3
- import { Card as v, Container as _, Stack as C } from "@mui/material";
4
- import { styled as i } from "@mui/material/styles";
5
- import { useModuleDictionary as S, useFlagsPresent as k, FlagsProvider as w, DomainProvider as L, ModuleDictionaryProvider as P, ModuleSkeletonProvider as b } from "@m4l/core";
6
- import { jsx as t, jsxs as d } from "react/jsx-runtime";
7
- const M = i("div")(({
8
- theme: e
9
- }) => ({
10
- [e.breakpoints.up("md")]: {
11
- display: "flex"
12
- }
13
- })), D = i("header")(({
14
- theme: e
15
- }) => ({
16
- top: 0,
17
- zIndex: 9,
18
- lineHeight: 0,
19
- width: "100%",
20
- display: "flex",
21
- alignItems: "center",
22
- position: "absolute",
23
- padding: e.spacing(2, 2, 0, 2),
24
- justifyContent: "space-between",
25
- [e.breakpoints.up("md")]: {
26
- alignItems: "flex-start",
27
- padding: e.spacing(7, 7, 0, 7)
28
- }
29
- })), I = i(v)(({
30
- theme: e
31
- }) => ({
32
- width: "100%",
33
- maxWidth: 464,
34
- display: "flex",
35
- flexDirection: "column",
36
- justifyContent: "center",
37
- margin: e.spacing(2, 0, 2, 2),
38
- "& > div:nth-of-type(2)": {
39
- maxHeight: "348px"
40
- }
41
- })), j = i("div")(({
42
- theme: e
43
- }) => ({
44
- maxWidth: 480,
45
- margin: "auto",
46
- display: "flex",
47
- minHeight: "100vh",
48
- flexDirection: "column",
49
- justifyContent: "center",
50
- padding: e.spacing(12, 0)
51
- })), H = i("div")(({
52
- theme: e
53
- }) => ({
54
- padding: e.spacing(0, 5)
55
- })), N = i("div")(({
56
- theme: e
57
- }) => ({
58
- width: "100%",
59
- display: "grid",
60
- gridTemplateColumns: "1fr",
61
- gridGap: e.spacing(1)
62
- })), A = (e) => {
63
- const {
64
- children: s
65
- } = e, {
66
- getLabel: a,
67
- getModuleLabel: l
68
- } = S(), r = u("up", "md"), n = !k(["dictionary_loaded"]);
69
- return /* @__PURE__ */ t(g, {
70
- title: l(),
71
- children: /* @__PURE__ */ d(M, {
72
- children: [/* @__PURE__ */ d(D, {
73
- id: "HeaderStyle",
74
- children: [/* @__PURE__ */ t(y, {
75
- size: r ? "normal" : "small",
76
- isSkeleton: n
77
- }), /* @__PURE__ */ t(f, {})]
78
- }), r && /* @__PURE__ */ d(I, {
79
- id: "SectionStyle",
80
- children: [/* @__PURE__ */ t(H, {
81
- id: "module_leyend",
82
- children: /* @__PURE__ */ t(m, {
83
- variant: "h3",
84
- sx: {
85
- px: 5,
86
- mt: 10,
87
- mb: 5
88
- },
89
- skeletonProps: {
90
- isSkeleton: n,
91
- width: "30%",
92
- height: "18px"
93
- },
94
- children: a("module_leyend")
95
- })
96
- }), /* @__PURE__ */ t(x, {
97
- isSkeleton: n,
98
- width: "100%",
99
- height: "auto",
100
- src: "https://s3.amazonaws.com/static.made4labs/environment_assetss/d1/frontend/domain/host/login/assets/img/illustration_login.png",
101
- alt: "illustration module",
102
- effect: "opacity"
103
- })]
104
- }), /* @__PURE__ */ t(_, {
105
- maxWidth: "sm",
106
- id: "formContainer",
107
- children: /* @__PURE__ */ d(j, {
108
- children: [/* @__PURE__ */ t(C, {
109
- direction: "row",
110
- alignItems: "center",
111
- sx: {
112
- mb: 5
113
- },
114
- children: /* @__PURE__ */ d(N, {
115
- children: [/* @__PURE__ */ t(m, {
116
- variant: "h4",
117
- skeletonProps: {
118
- isSkeleton: n,
119
- width: "35%",
120
- height: "36px"
121
- },
122
- children: l()
123
- }), /* @__PURE__ */ t(m, {
124
- sx: {
125
- color: "text.secondary"
126
- },
127
- skeletonProps: {
128
- isSkeleton: n,
129
- width: "60%",
130
- height: "21px"
131
- },
132
- children: a("module_description")
133
- })]
134
- })
135
- }), s]
136
- })
137
- })]
138
- })
139
- });
140
- }, U = (e) => {
141
- const {
142
- moduleId: s,
143
- moduleName: a,
144
- children: l,
145
- componentsDictionary: r,
146
- skeletonFlags: n
147
- } = e, {
148
- currentLang: p
149
- } = h(), o = n;
150
- return o.findIndex((c) => c === "dictionary_loaded") < 0 && o.push("dictionary_loaded"), o.findIndex((c) => c === "domain_loaded") < 0 && o.push("domain_loaded"), /* @__PURE__ */ t(w, {
151
- children: /* @__PURE__ */ t(L, {
152
- children: /* @__PURE__ */ t(P, {
153
- isAuth: !1,
154
- moduleId: s,
155
- moduleName: a,
156
- componentsDictionary: r,
157
- currentLang: p.value,
158
- children: /* @__PURE__ */ t(b, {
159
- flags: o,
160
- children: /* @__PURE__ */ t(A, {
161
- children: l
162
- })
163
- })
164
- })
165
- })
166
- });
167
- };
168
- function q() {
169
- return ["no_auth_module_layout"];
170
- }
171
- const B = {
172
- no_auth_module_layout: {}
173
- };
174
- export {
175
- U as N,
176
- B as d,
177
- q as g
178
- };