@m4l/layouts 9.3.18-BE20260120-1 → 9.3.18-JT21012026.beta.1
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/.storybook/utils/getStylesColorsByMode.d.ts +44 -44
- package/components/ModuleDetailTabs/useModuleDatailTabs.d.ts +26 -26
- package/hooks/useModule/index.js +1 -1
- package/layouts/MasterDetailLayout/MasterDetailLayout.js +1 -1
- package/layouts/MasterDetailLayout/constants.js +2 -2
- package/layouts/MasterDetailLayout/contexts/MasterDetailContext/store.js +1 -1
- package/layouts/MasterDetailLayout/slots/MasterDetailLayoutSlot.js +1 -1
- package/layouts/MasterDetailLayout/styles.js +1 -1
- package/layouts/ModuleLayout/ModuleLayout.js +1 -1
- package/layouts/ModuleLayout/constants.js +2 -2
- package/layouts/ModuleLayout/contexts/ModuleContext/index.js +2 -2
- package/layouts/ModuleLayout/contexts/ModuleContext/store.js +1 -1
- package/layouts/ModuleLayout/slots/ModuleLayoutSlots.js +1 -1
- package/layouts/ModuleLayout/subcomponents/BaseModuleLayout/index.js +1 -1
- package/layouts/NoAuthModuleLayout/constants.js +2 -2
- package/layouts/NoAuthModuleLayout/index.js +1 -1
- package/layouts/NoAuthModuleLayout/slots/NoAuthModuleLayoutSlots.d.ts +2 -2
- package/layouts/NoAuthModuleLayout/slots/NoAuthModuleLayoutSlots.js +4 -4
- package/layouts/NoAuthModuleLayout/subcomponents/BaseNoAuthModuleLayout/index.js +1 -1
- package/layouts/NoAuthModuleLayout/subcomponents/BaseNoAuthModuleLayout/subcomponents/BaseContent/index.js +2 -2
- package/package.json +2 -2
- package/test/mocks.d.ts +2 -2
|
@@ -26,15 +26,15 @@ export declare const colorsLight: {
|
|
|
26
26
|
readonly default: {
|
|
27
27
|
readonly semanticText: string;
|
|
28
28
|
readonly focusVisible: string;
|
|
29
|
+
readonly enabled: string;
|
|
30
|
+
readonly focus: string;
|
|
29
31
|
readonly light: string;
|
|
30
32
|
readonly dark: string;
|
|
31
33
|
readonly main: string;
|
|
32
34
|
readonly contrastText: string;
|
|
33
|
-
readonly enabled: string;
|
|
34
35
|
readonly enabledOpacity: string;
|
|
35
36
|
readonly hover: string;
|
|
36
37
|
readonly hoverOpacity: string;
|
|
37
|
-
readonly focus: string;
|
|
38
38
|
readonly focusOpacity: string;
|
|
39
39
|
readonly selected: string;
|
|
40
40
|
readonly selectedOpacity: string;
|
|
@@ -64,10 +64,10 @@ export declare const colorsLight: {
|
|
|
64
64
|
readonly paper: "#fff";
|
|
65
65
|
};
|
|
66
66
|
readonly chips: {
|
|
67
|
+
readonly error: Record<import('@m4l/styles').ChipColorVariant, import('@m4l/styles').ChipColor>;
|
|
67
68
|
readonly info: Record<import('@m4l/styles').ChipColorVariant, import('@m4l/styles').ChipColor>;
|
|
68
69
|
readonly success: Record<import('@m4l/styles').ChipColorVariant, import('@m4l/styles').ChipColor>;
|
|
69
70
|
readonly warning: Record<import('@m4l/styles').ChipColorVariant, import('@m4l/styles').ChipColor>;
|
|
70
|
-
readonly error: Record<import('@m4l/styles').ChipColorVariant, import('@m4l/styles').ChipColor>;
|
|
71
71
|
readonly default: Record<import('@m4l/styles').ChipColorVariant, import('@m4l/styles').ChipColor>;
|
|
72
72
|
readonly forest: Record<import('@m4l/styles').ChipColorVariant, import('@m4l/styles').ChipColor>;
|
|
73
73
|
readonly pink: Record<import('@m4l/styles').ChipColorVariant, import('@m4l/styles').ChipColor>;
|
|
@@ -119,15 +119,15 @@ export declare const colorsLight: {
|
|
|
119
119
|
};
|
|
120
120
|
readonly info: {
|
|
121
121
|
readonly focusVisible: string;
|
|
122
|
+
readonly enabled: string;
|
|
123
|
+
readonly focus: string;
|
|
122
124
|
readonly light: string;
|
|
123
125
|
readonly dark: string;
|
|
124
126
|
readonly main: string;
|
|
125
127
|
readonly contrastText: string;
|
|
126
|
-
readonly enabled: string;
|
|
127
128
|
readonly enabledOpacity: string;
|
|
128
129
|
readonly hover: string;
|
|
129
130
|
readonly hoverOpacity: string;
|
|
130
|
-
readonly focus: string;
|
|
131
131
|
readonly focusOpacity: string;
|
|
132
132
|
readonly selected: string;
|
|
133
133
|
readonly selectedOpacity: string;
|
|
@@ -141,15 +141,15 @@ export declare const colorsLight: {
|
|
|
141
141
|
};
|
|
142
142
|
readonly success: {
|
|
143
143
|
readonly focusVisible: string;
|
|
144
|
+
readonly enabled: string;
|
|
145
|
+
readonly focus: string;
|
|
144
146
|
readonly light: string;
|
|
145
147
|
readonly dark: string;
|
|
146
148
|
readonly main: string;
|
|
147
149
|
readonly contrastText: string;
|
|
148
|
-
readonly enabled: string;
|
|
149
150
|
readonly enabledOpacity: string;
|
|
150
151
|
readonly hover: string;
|
|
151
152
|
readonly hoverOpacity: string;
|
|
152
|
-
readonly focus: string;
|
|
153
153
|
readonly focusOpacity: string;
|
|
154
154
|
readonly selected: string;
|
|
155
155
|
readonly selectedOpacity: string;
|
|
@@ -163,15 +163,15 @@ export declare const colorsLight: {
|
|
|
163
163
|
};
|
|
164
164
|
readonly warning: {
|
|
165
165
|
readonly focusVisible: string;
|
|
166
|
+
readonly enabled: string;
|
|
167
|
+
readonly focus: string;
|
|
166
168
|
readonly light: string;
|
|
167
169
|
readonly dark: string;
|
|
168
170
|
readonly main: string;
|
|
169
171
|
readonly contrastText: string;
|
|
170
|
-
readonly enabled: string;
|
|
171
172
|
readonly enabledOpacity: string;
|
|
172
173
|
readonly hover: string;
|
|
173
174
|
readonly hoverOpacity: string;
|
|
174
|
-
readonly focus: string;
|
|
175
175
|
readonly focusOpacity: string;
|
|
176
176
|
readonly selected: string;
|
|
177
177
|
readonly selectedOpacity: string;
|
|
@@ -185,15 +185,15 @@ export declare const colorsLight: {
|
|
|
185
185
|
};
|
|
186
186
|
readonly error: {
|
|
187
187
|
readonly focusVisible: string;
|
|
188
|
+
readonly enabled: string;
|
|
189
|
+
readonly focus: string;
|
|
188
190
|
readonly light: string;
|
|
189
191
|
readonly dark: string;
|
|
190
192
|
readonly main: string;
|
|
191
193
|
readonly contrastText: string;
|
|
192
|
-
readonly enabled: string;
|
|
193
194
|
readonly enabledOpacity: string;
|
|
194
195
|
readonly hover: string;
|
|
195
196
|
readonly hoverOpacity: string;
|
|
196
|
-
readonly focus: string;
|
|
197
197
|
readonly focusOpacity: string;
|
|
198
198
|
readonly selected: string;
|
|
199
199
|
readonly selectedOpacity: string;
|
|
@@ -233,15 +233,15 @@ export declare const colorsLight: {
|
|
|
233
233
|
readonly default: {
|
|
234
234
|
readonly semanticText: string;
|
|
235
235
|
readonly focusVisible: string;
|
|
236
|
+
readonly enabled: string;
|
|
237
|
+
readonly focus: string;
|
|
236
238
|
readonly light: string;
|
|
237
239
|
readonly dark: string;
|
|
238
240
|
readonly main: string;
|
|
239
241
|
readonly contrastText: string;
|
|
240
|
-
readonly enabled: string;
|
|
241
242
|
readonly enabledOpacity: string;
|
|
242
243
|
readonly hover: string;
|
|
243
244
|
readonly hoverOpacity: string;
|
|
244
|
-
readonly focus: string;
|
|
245
245
|
readonly focusOpacity: string;
|
|
246
246
|
readonly selected: string;
|
|
247
247
|
readonly selectedOpacity: string;
|
|
@@ -271,10 +271,10 @@ export declare const colorsLight: {
|
|
|
271
271
|
readonly paper: "#000";
|
|
272
272
|
};
|
|
273
273
|
readonly chips: {
|
|
274
|
+
readonly error: Record<import('@m4l/styles').ChipColorVariant, import('@m4l/styles').ChipColor>;
|
|
274
275
|
readonly info: Record<import('@m4l/styles').ChipColorVariant, import('@m4l/styles').ChipColor>;
|
|
275
276
|
readonly success: Record<import('@m4l/styles').ChipColorVariant, import('@m4l/styles').ChipColor>;
|
|
276
277
|
readonly warning: Record<import('@m4l/styles').ChipColorVariant, import('@m4l/styles').ChipColor>;
|
|
277
|
-
readonly error: Record<import('@m4l/styles').ChipColorVariant, import('@m4l/styles').ChipColor>;
|
|
278
278
|
readonly default: Record<import('@m4l/styles').ChipColorVariant, import('@m4l/styles').ChipColor>;
|
|
279
279
|
readonly forest: Record<import('@m4l/styles').ChipColorVariant, import('@m4l/styles').ChipColor>;
|
|
280
280
|
readonly pink: Record<import('@m4l/styles').ChipColorVariant, import('@m4l/styles').ChipColor>;
|
|
@@ -326,15 +326,15 @@ export declare const colorsLight: {
|
|
|
326
326
|
};
|
|
327
327
|
readonly info: {
|
|
328
328
|
readonly focusVisible: string;
|
|
329
|
+
readonly enabled: string;
|
|
330
|
+
readonly focus: string;
|
|
329
331
|
readonly light: string;
|
|
330
332
|
readonly dark: string;
|
|
331
333
|
readonly main: string;
|
|
332
334
|
readonly contrastText: string;
|
|
333
|
-
readonly enabled: string;
|
|
334
335
|
readonly enabledOpacity: string;
|
|
335
336
|
readonly hover: string;
|
|
336
337
|
readonly hoverOpacity: string;
|
|
337
|
-
readonly focus: string;
|
|
338
338
|
readonly focusOpacity: string;
|
|
339
339
|
readonly selected: string;
|
|
340
340
|
readonly selectedOpacity: string;
|
|
@@ -348,15 +348,15 @@ export declare const colorsLight: {
|
|
|
348
348
|
};
|
|
349
349
|
readonly success: {
|
|
350
350
|
readonly focusVisible: string;
|
|
351
|
+
readonly enabled: string;
|
|
352
|
+
readonly focus: string;
|
|
351
353
|
readonly light: string;
|
|
352
354
|
readonly dark: string;
|
|
353
355
|
readonly main: string;
|
|
354
356
|
readonly contrastText: string;
|
|
355
|
-
readonly enabled: string;
|
|
356
357
|
readonly enabledOpacity: string;
|
|
357
358
|
readonly hover: string;
|
|
358
359
|
readonly hoverOpacity: string;
|
|
359
|
-
readonly focus: string;
|
|
360
360
|
readonly focusOpacity: string;
|
|
361
361
|
readonly selected: string;
|
|
362
362
|
readonly selectedOpacity: string;
|
|
@@ -370,15 +370,15 @@ export declare const colorsLight: {
|
|
|
370
370
|
};
|
|
371
371
|
readonly warning: {
|
|
372
372
|
readonly focusVisible: string;
|
|
373
|
+
readonly enabled: string;
|
|
374
|
+
readonly focus: string;
|
|
373
375
|
readonly light: string;
|
|
374
376
|
readonly dark: string;
|
|
375
377
|
readonly main: string;
|
|
376
378
|
readonly contrastText: string;
|
|
377
|
-
readonly enabled: string;
|
|
378
379
|
readonly enabledOpacity: string;
|
|
379
380
|
readonly hover: string;
|
|
380
381
|
readonly hoverOpacity: string;
|
|
381
|
-
readonly focus: string;
|
|
382
382
|
readonly focusOpacity: string;
|
|
383
383
|
readonly selected: string;
|
|
384
384
|
readonly selectedOpacity: string;
|
|
@@ -392,15 +392,15 @@ export declare const colorsLight: {
|
|
|
392
392
|
};
|
|
393
393
|
readonly error: {
|
|
394
394
|
readonly focusVisible: string;
|
|
395
|
+
readonly enabled: string;
|
|
396
|
+
readonly focus: string;
|
|
395
397
|
readonly light: string;
|
|
396
398
|
readonly dark: string;
|
|
397
399
|
readonly main: string;
|
|
398
400
|
readonly contrastText: string;
|
|
399
|
-
readonly enabled: string;
|
|
400
401
|
readonly enabledOpacity: string;
|
|
401
402
|
readonly hover: string;
|
|
402
403
|
readonly hoverOpacity: string;
|
|
403
|
-
readonly focus: string;
|
|
404
404
|
readonly focusOpacity: string;
|
|
405
405
|
readonly selected: string;
|
|
406
406
|
readonly selectedOpacity: string;
|
|
@@ -441,15 +441,15 @@ export declare const colorsDark: {
|
|
|
441
441
|
readonly default: {
|
|
442
442
|
readonly semanticText: string;
|
|
443
443
|
readonly focusVisible: string;
|
|
444
|
+
readonly enabled: string;
|
|
445
|
+
readonly focus: string;
|
|
444
446
|
readonly light: string;
|
|
445
447
|
readonly dark: string;
|
|
446
448
|
readonly main: string;
|
|
447
449
|
readonly contrastText: string;
|
|
448
|
-
readonly enabled: string;
|
|
449
450
|
readonly enabledOpacity: string;
|
|
450
451
|
readonly hover: string;
|
|
451
452
|
readonly hoverOpacity: string;
|
|
452
|
-
readonly focus: string;
|
|
453
453
|
readonly focusOpacity: string;
|
|
454
454
|
readonly selected: string;
|
|
455
455
|
readonly selectedOpacity: string;
|
|
@@ -479,10 +479,10 @@ export declare const colorsDark: {
|
|
|
479
479
|
readonly paper: "#fff";
|
|
480
480
|
};
|
|
481
481
|
readonly chips: {
|
|
482
|
+
readonly error: Record<import('@m4l/styles').ChipColorVariant, import('@m4l/styles').ChipColor>;
|
|
482
483
|
readonly info: Record<import('@m4l/styles').ChipColorVariant, import('@m4l/styles').ChipColor>;
|
|
483
484
|
readonly success: Record<import('@m4l/styles').ChipColorVariant, import('@m4l/styles').ChipColor>;
|
|
484
485
|
readonly warning: Record<import('@m4l/styles').ChipColorVariant, import('@m4l/styles').ChipColor>;
|
|
485
|
-
readonly error: Record<import('@m4l/styles').ChipColorVariant, import('@m4l/styles').ChipColor>;
|
|
486
486
|
readonly default: Record<import('@m4l/styles').ChipColorVariant, import('@m4l/styles').ChipColor>;
|
|
487
487
|
readonly forest: Record<import('@m4l/styles').ChipColorVariant, import('@m4l/styles').ChipColor>;
|
|
488
488
|
readonly pink: Record<import('@m4l/styles').ChipColorVariant, import('@m4l/styles').ChipColor>;
|
|
@@ -534,15 +534,15 @@ export declare const colorsDark: {
|
|
|
534
534
|
};
|
|
535
535
|
readonly info: {
|
|
536
536
|
readonly focusVisible: string;
|
|
537
|
+
readonly enabled: string;
|
|
538
|
+
readonly focus: string;
|
|
537
539
|
readonly light: string;
|
|
538
540
|
readonly dark: string;
|
|
539
541
|
readonly main: string;
|
|
540
542
|
readonly contrastText: string;
|
|
541
|
-
readonly enabled: string;
|
|
542
543
|
readonly enabledOpacity: string;
|
|
543
544
|
readonly hover: string;
|
|
544
545
|
readonly hoverOpacity: string;
|
|
545
|
-
readonly focus: string;
|
|
546
546
|
readonly focusOpacity: string;
|
|
547
547
|
readonly selected: string;
|
|
548
548
|
readonly selectedOpacity: string;
|
|
@@ -556,15 +556,15 @@ export declare const colorsDark: {
|
|
|
556
556
|
};
|
|
557
557
|
readonly success: {
|
|
558
558
|
readonly focusVisible: string;
|
|
559
|
+
readonly enabled: string;
|
|
560
|
+
readonly focus: string;
|
|
559
561
|
readonly light: string;
|
|
560
562
|
readonly dark: string;
|
|
561
563
|
readonly main: string;
|
|
562
564
|
readonly contrastText: string;
|
|
563
|
-
readonly enabled: string;
|
|
564
565
|
readonly enabledOpacity: string;
|
|
565
566
|
readonly hover: string;
|
|
566
567
|
readonly hoverOpacity: string;
|
|
567
|
-
readonly focus: string;
|
|
568
568
|
readonly focusOpacity: string;
|
|
569
569
|
readonly selected: string;
|
|
570
570
|
readonly selectedOpacity: string;
|
|
@@ -578,15 +578,15 @@ export declare const colorsDark: {
|
|
|
578
578
|
};
|
|
579
579
|
readonly warning: {
|
|
580
580
|
readonly focusVisible: string;
|
|
581
|
+
readonly enabled: string;
|
|
582
|
+
readonly focus: string;
|
|
581
583
|
readonly light: string;
|
|
582
584
|
readonly dark: string;
|
|
583
585
|
readonly main: string;
|
|
584
586
|
readonly contrastText: string;
|
|
585
|
-
readonly enabled: string;
|
|
586
587
|
readonly enabledOpacity: string;
|
|
587
588
|
readonly hover: string;
|
|
588
589
|
readonly hoverOpacity: string;
|
|
589
|
-
readonly focus: string;
|
|
590
590
|
readonly focusOpacity: string;
|
|
591
591
|
readonly selected: string;
|
|
592
592
|
readonly selectedOpacity: string;
|
|
@@ -600,15 +600,15 @@ export declare const colorsDark: {
|
|
|
600
600
|
};
|
|
601
601
|
readonly error: {
|
|
602
602
|
readonly focusVisible: string;
|
|
603
|
+
readonly enabled: string;
|
|
604
|
+
readonly focus: string;
|
|
603
605
|
readonly light: string;
|
|
604
606
|
readonly dark: string;
|
|
605
607
|
readonly main: string;
|
|
606
608
|
readonly contrastText: string;
|
|
607
|
-
readonly enabled: string;
|
|
608
609
|
readonly enabledOpacity: string;
|
|
609
610
|
readonly hover: string;
|
|
610
611
|
readonly hoverOpacity: string;
|
|
611
|
-
readonly focus: string;
|
|
612
612
|
readonly focusOpacity: string;
|
|
613
613
|
readonly selected: string;
|
|
614
614
|
readonly selectedOpacity: string;
|
|
@@ -648,15 +648,15 @@ export declare const colorsDark: {
|
|
|
648
648
|
readonly default: {
|
|
649
649
|
readonly semanticText: string;
|
|
650
650
|
readonly focusVisible: string;
|
|
651
|
+
readonly enabled: string;
|
|
652
|
+
readonly focus: string;
|
|
651
653
|
readonly light: string;
|
|
652
654
|
readonly dark: string;
|
|
653
655
|
readonly main: string;
|
|
654
656
|
readonly contrastText: string;
|
|
655
|
-
readonly enabled: string;
|
|
656
657
|
readonly enabledOpacity: string;
|
|
657
658
|
readonly hover: string;
|
|
658
659
|
readonly hoverOpacity: string;
|
|
659
|
-
readonly focus: string;
|
|
660
660
|
readonly focusOpacity: string;
|
|
661
661
|
readonly selected: string;
|
|
662
662
|
readonly selectedOpacity: string;
|
|
@@ -686,10 +686,10 @@ export declare const colorsDark: {
|
|
|
686
686
|
readonly paper: "#000";
|
|
687
687
|
};
|
|
688
688
|
readonly chips: {
|
|
689
|
+
readonly error: Record<import('@m4l/styles').ChipColorVariant, import('@m4l/styles').ChipColor>;
|
|
689
690
|
readonly info: Record<import('@m4l/styles').ChipColorVariant, import('@m4l/styles').ChipColor>;
|
|
690
691
|
readonly success: Record<import('@m4l/styles').ChipColorVariant, import('@m4l/styles').ChipColor>;
|
|
691
692
|
readonly warning: Record<import('@m4l/styles').ChipColorVariant, import('@m4l/styles').ChipColor>;
|
|
692
|
-
readonly error: Record<import('@m4l/styles').ChipColorVariant, import('@m4l/styles').ChipColor>;
|
|
693
693
|
readonly default: Record<import('@m4l/styles').ChipColorVariant, import('@m4l/styles').ChipColor>;
|
|
694
694
|
readonly forest: Record<import('@m4l/styles').ChipColorVariant, import('@m4l/styles').ChipColor>;
|
|
695
695
|
readonly pink: Record<import('@m4l/styles').ChipColorVariant, import('@m4l/styles').ChipColor>;
|
|
@@ -741,15 +741,15 @@ export declare const colorsDark: {
|
|
|
741
741
|
};
|
|
742
742
|
readonly info: {
|
|
743
743
|
readonly focusVisible: string;
|
|
744
|
+
readonly enabled: string;
|
|
745
|
+
readonly focus: string;
|
|
744
746
|
readonly light: string;
|
|
745
747
|
readonly dark: string;
|
|
746
748
|
readonly main: string;
|
|
747
749
|
readonly contrastText: string;
|
|
748
|
-
readonly enabled: string;
|
|
749
750
|
readonly enabledOpacity: string;
|
|
750
751
|
readonly hover: string;
|
|
751
752
|
readonly hoverOpacity: string;
|
|
752
|
-
readonly focus: string;
|
|
753
753
|
readonly focusOpacity: string;
|
|
754
754
|
readonly selected: string;
|
|
755
755
|
readonly selectedOpacity: string;
|
|
@@ -763,15 +763,15 @@ export declare const colorsDark: {
|
|
|
763
763
|
};
|
|
764
764
|
readonly success: {
|
|
765
765
|
readonly focusVisible: string;
|
|
766
|
+
readonly enabled: string;
|
|
767
|
+
readonly focus: string;
|
|
766
768
|
readonly light: string;
|
|
767
769
|
readonly dark: string;
|
|
768
770
|
readonly main: string;
|
|
769
771
|
readonly contrastText: string;
|
|
770
|
-
readonly enabled: string;
|
|
771
772
|
readonly enabledOpacity: string;
|
|
772
773
|
readonly hover: string;
|
|
773
774
|
readonly hoverOpacity: string;
|
|
774
|
-
readonly focus: string;
|
|
775
775
|
readonly focusOpacity: string;
|
|
776
776
|
readonly selected: string;
|
|
777
777
|
readonly selectedOpacity: string;
|
|
@@ -785,15 +785,15 @@ export declare const colorsDark: {
|
|
|
785
785
|
};
|
|
786
786
|
readonly warning: {
|
|
787
787
|
readonly focusVisible: string;
|
|
788
|
+
readonly enabled: string;
|
|
789
|
+
readonly focus: string;
|
|
788
790
|
readonly light: string;
|
|
789
791
|
readonly dark: string;
|
|
790
792
|
readonly main: string;
|
|
791
793
|
readonly contrastText: string;
|
|
792
|
-
readonly enabled: string;
|
|
793
794
|
readonly enabledOpacity: string;
|
|
794
795
|
readonly hover: string;
|
|
795
796
|
readonly hoverOpacity: string;
|
|
796
|
-
readonly focus: string;
|
|
797
797
|
readonly focusOpacity: string;
|
|
798
798
|
readonly selected: string;
|
|
799
799
|
readonly selectedOpacity: string;
|
|
@@ -807,15 +807,15 @@ export declare const colorsDark: {
|
|
|
807
807
|
};
|
|
808
808
|
readonly error: {
|
|
809
809
|
readonly focusVisible: string;
|
|
810
|
+
readonly enabled: string;
|
|
811
|
+
readonly focus: string;
|
|
810
812
|
readonly light: string;
|
|
811
813
|
readonly dark: string;
|
|
812
814
|
readonly main: string;
|
|
813
815
|
readonly contrastText: string;
|
|
814
|
-
readonly enabled: string;
|
|
815
816
|
readonly enabledOpacity: string;
|
|
816
817
|
readonly hover: string;
|
|
817
818
|
readonly hoverOpacity: string;
|
|
818
|
-
readonly focus: string;
|
|
819
819
|
readonly focusOpacity: string;
|
|
820
820
|
readonly selected: string;
|
|
821
821
|
readonly selectedOpacity: string;
|
|
@@ -17,33 +17,25 @@ export declare function useModuleDetailTabs<T extends Record<string, any> = Reco
|
|
|
17
17
|
componentProps?: Omit<any, keyof import('./types').ModuleDetailTabContent<T_1, K_1>> | undefined;
|
|
18
18
|
hasBackground?: boolean;
|
|
19
19
|
dictionaryId?: string;
|
|
20
|
+
size?: Extract<import('@m4l/styles').Sizes, "small" | "medium"> | undefined;
|
|
20
21
|
children?: null | undefined;
|
|
21
22
|
ref?: ((instance: HTMLDivElement | null) => void | import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import('react').RefObject<HTMLDivElement> | null | undefined;
|
|
23
|
+
title?: string | undefined | undefined;
|
|
24
|
+
component?: React.ElementType | undefined;
|
|
22
25
|
id?: string | undefined | undefined;
|
|
23
|
-
className?: string | undefined;
|
|
24
|
-
style?: React.CSSProperties | undefined;
|
|
25
|
-
classes?: (Partial<import('@mui/material').TabClasses> & Partial<import('@mui/material').ClassNameMap<never>>) | undefined;
|
|
26
|
-
action?: React.Ref<import('@mui/material').ButtonBaseActions> | undefined;
|
|
27
|
-
centerRipple?: boolean | undefined;
|
|
28
26
|
disabled?: boolean | undefined;
|
|
29
|
-
|
|
30
|
-
disableTouchRipple?: boolean | undefined;
|
|
31
|
-
focusRipple?: boolean | undefined;
|
|
32
|
-
focusVisibleClassName?: string | undefined;
|
|
33
|
-
LinkComponent?: React.ElementType | undefined;
|
|
34
|
-
onFocusVisible?: React.FocusEventHandler<any> | undefined;
|
|
35
|
-
sx?: import('@mui/system').SxProps<import('@mui/material').Theme> | undefined;
|
|
36
|
-
tabIndex?: NonNullable<React.HTMLAttributes<any>["tabIndex"]> | undefined;
|
|
37
|
-
TouchRippleProps?: Partial<import('@mui/material/ButtonBase/TouchRipple').TouchRippleProps> | undefined;
|
|
38
|
-
touchRippleRef?: React.Ref<import('@mui/material/ButtonBase/TouchRipple').TouchRippleActions> | undefined;
|
|
27
|
+
action?: React.Ref<import('@mui/material').ButtonBaseActions> | undefined;
|
|
39
28
|
color?: Extract<import('@m4l/styles').ComponentPalletColor, "default"> | undefined;
|
|
40
29
|
content?: string | undefined | undefined;
|
|
41
30
|
translate?: "yes" | "no" | undefined | undefined;
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
wrapped?: boolean | undefined;
|
|
31
|
+
urlIcon?: string | undefined;
|
|
32
|
+
lang?: string | undefined | undefined;
|
|
45
33
|
slot?: string | undefined | undefined;
|
|
46
|
-
|
|
34
|
+
style?: React.CSSProperties | undefined;
|
|
35
|
+
dir?: string | undefined | undefined;
|
|
36
|
+
className?: string | undefined;
|
|
37
|
+
classes?: (Partial<import('@mui/material').TabClasses> & Partial<import('@mui/material').ClassNameMap<never>>) | undefined;
|
|
38
|
+
sx?: import('@mui/system').SxProps<import('@mui/material').Theme> | undefined;
|
|
47
39
|
key?: import('react').Key | null | undefined;
|
|
48
40
|
defaultChecked?: boolean | undefined | undefined;
|
|
49
41
|
defaultValue?: string | number | readonly string[] | undefined;
|
|
@@ -52,15 +44,14 @@ export declare function useModuleDetailTabs<T extends Record<string, any> = Reco
|
|
|
52
44
|
accessKey?: string | undefined | undefined;
|
|
53
45
|
autoCapitalize?: "off" | "none" | "on" | "sentences" | "words" | "characters" | undefined | (string & {}) | undefined;
|
|
54
46
|
autoFocus?: boolean | undefined | undefined;
|
|
55
|
-
contentEditable?: (boolean | "true" | "false") | "
|
|
47
|
+
contentEditable?: "inherit" | (boolean | "true" | "false") | "plaintext-only" | undefined;
|
|
56
48
|
contextMenu?: string | undefined | undefined;
|
|
57
|
-
dir?: string | undefined | undefined;
|
|
58
49
|
draggable?: (boolean | "true" | "false") | undefined;
|
|
59
50
|
enterKeyHint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined | undefined;
|
|
60
51
|
hidden?: boolean | undefined | undefined;
|
|
61
|
-
lang?: string | undefined | undefined;
|
|
62
52
|
nonce?: string | undefined | undefined;
|
|
63
53
|
spellCheck?: (boolean | "true" | "false") | undefined;
|
|
54
|
+
tabIndex?: NonNullable<React.HTMLAttributes<any>["tabIndex"]> | undefined;
|
|
64
55
|
radioGroup?: string | undefined | undefined;
|
|
65
56
|
role?: import('react').AriaRole | undefined;
|
|
66
57
|
about?: string | undefined | undefined;
|
|
@@ -301,11 +292,20 @@ export declare function useModuleDetailTabs<T extends Record<string, any> = Reco
|
|
|
301
292
|
onAnimationIterationCapture?: import('react').AnimationEventHandler<HTMLDivElement> | undefined;
|
|
302
293
|
onTransitionEnd?: import('react').TransitionEventHandler<HTMLDivElement> | undefined;
|
|
303
294
|
onTransitionEndCapture?: import('react').TransitionEventHandler<HTMLDivElement> | undefined;
|
|
304
|
-
size?: Extract<import('@m4l/styles').Sizes, "small" | "medium"> | undefined;
|
|
305
|
-
component?: React.ElementType | undefined;
|
|
306
|
-
dataTestId?: string | undefined;
|
|
307
|
-
urlIcon?: string | undefined;
|
|
308
295
|
ariaLabel?: string | undefined;
|
|
296
|
+
dataTestId?: string | undefined;
|
|
297
|
+
centerRipple?: boolean | undefined;
|
|
298
|
+
disableRipple?: boolean | undefined;
|
|
299
|
+
disableTouchRipple?: boolean | undefined;
|
|
300
|
+
focusRipple?: boolean | undefined;
|
|
301
|
+
focusVisibleClassName?: string | undefined;
|
|
302
|
+
LinkComponent?: React.ElementType | undefined;
|
|
303
|
+
onFocusVisible?: React.FocusEventHandler<any> | undefined;
|
|
304
|
+
TouchRippleProps?: Partial<import('@mui/material/ButtonBase/TouchRipple').TouchRippleProps> | undefined;
|
|
305
|
+
touchRippleRef?: React.Ref<import('@mui/material/ButtonBase/TouchRipple').TouchRippleActions> | undefined;
|
|
306
|
+
disableFocusRipple?: boolean | undefined;
|
|
307
|
+
iconPosition?: "top" | "bottom" | "start" | "end" | undefined;
|
|
308
|
+
wrapped?: boolean | undefined;
|
|
309
309
|
}[];
|
|
310
310
|
handleChangeTab: (newValue: string) => void;
|
|
311
311
|
refreshDetail: () => void;
|
package/hooks/useModule/index.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { useContext } from "react";
|
|
2
|
-
import {
|
|
2
|
+
import { M as ModuleContext } from "../../layouts/ModuleLayout/contexts/ModuleContext/index.js";
|
|
3
3
|
const useModule = () => {
|
|
4
4
|
const context = useContext(ModuleContext);
|
|
5
5
|
if (!context) {
|
|
@@ -8,7 +8,7 @@ import { useIsMobile } from "@m4l/graphics";
|
|
|
8
8
|
import { i as icons } from "./icons.js";
|
|
9
9
|
import { d as dictionary } from "./dicctionary.js";
|
|
10
10
|
import { M as MasterDetailLayoutRootStyled } from "./slots/MasterDetailLayoutSlot.js";
|
|
11
|
-
import {
|
|
11
|
+
import { M as MASTER_DETAIL_LAYOUT_PREFIX } from "./constants.js";
|
|
12
12
|
import { g as getTotalModuleActions } from "./helpers/getTotalModuleActions.js";
|
|
13
13
|
function MasterDetailLayout(props) {
|
|
14
14
|
const {
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
const MASTER_DETAIL_LAYOUT_PREFIX = "M4LMasterDetailLayout";
|
|
2
2
|
const MASTER_DETAIL_LAYOUT_STORE_ID = "M4LMasterDetailLayoutStore";
|
|
3
3
|
export {
|
|
4
|
-
|
|
5
|
-
|
|
4
|
+
MASTER_DETAIL_LAYOUT_PREFIX as M,
|
|
5
|
+
MASTER_DETAIL_LAYOUT_STORE_ID as a
|
|
6
6
|
};
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { create } from "zustand";
|
|
2
2
|
import { devtools } from "zustand/middleware";
|
|
3
3
|
import { immer } from "zustand/middleware/immer";
|
|
4
|
-
import {
|
|
4
|
+
import { a as MASTER_DETAIL_LAYOUT_STORE_ID } from "../../constants.js";
|
|
5
5
|
const createDevtools = (immerMiddlewere, config) => {
|
|
6
6
|
const { enabled = false } = config;
|
|
7
7
|
if (enabled && process.env.NODE_ENV === "development") {
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import styled from "@mui/material/styles/styled";
|
|
2
|
-
import {
|
|
2
|
+
import { M as MASTER_DETAIL_LAYOUT_PREFIX } from "../constants.js";
|
|
3
3
|
import { M as MasterDetailLayoutSlots } from "./MasterDetailLayoutEnum.js";
|
|
4
4
|
import { m as masterDetailLayoutStyles } from "../styles.js";
|
|
5
5
|
const MasterDetailLayoutRootStyled = styled("div", {
|
|
@@ -2,7 +2,7 @@ import { jsx } from "react/jsx-runtime";
|
|
|
2
2
|
import { ModalProvider } from "@m4l/components";
|
|
3
3
|
import { forwardRef, useRef, useImperativeHandle } from "react";
|
|
4
4
|
import { B as BaseModuleLayout } from "./subcomponents/BaseModuleLayout/index.js";
|
|
5
|
-
import {
|
|
5
|
+
import { a as ModuleProvider } from "./contexts/ModuleContext/index.js";
|
|
6
6
|
import { u as useUpdateWindowTitleAndEditionInfoMF } from "../../hooks/useUpdateWindowTitleAndEditionInfoMF/useUpdateWindowTitleAndEditionInfoMF.js";
|
|
7
7
|
const ModuleLayout = forwardRef((props, ref) => {
|
|
8
8
|
const { moduleId, moduleActions, version, children, buildTime, moduleNameField, subtitle, editionInfo, overrideContainerStyles } = props;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { create } from "zustand";
|
|
2
2
|
import { devtools } from "zustand/middleware";
|
|
3
3
|
import { immer } from "zustand/middleware/immer";
|
|
4
|
-
import {
|
|
4
|
+
import { M as MODULE_LAYOUT_STORE_ID } from "../../constants.js";
|
|
5
5
|
const createDevtools = (immerMiddlewere, config) => {
|
|
6
6
|
const { enabled = false } = config;
|
|
7
7
|
if (enabled && process.env.NODE_ENV === "development") {
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { styled } from "@mui/material/styles";
|
|
2
|
-
import {
|
|
2
|
+
import { a as MODULE_LAYOUT_KEY } from "../constants.js";
|
|
3
3
|
import { M as ModuleLayoutSlots } from "./ModuleLayoutEnum.js";
|
|
4
4
|
import { m as moduleLayoutStyles } from "../styles.js";
|
|
5
5
|
const ModuleLayoutRootStyled = styled("div", {
|
|
@@ -2,7 +2,7 @@ import { jsx } from "react/jsx-runtime";
|
|
|
2
2
|
import { forwardRef, useRef, useImperativeHandle } from "react";
|
|
3
3
|
import { useModal, getComponentSlotRoot } from "@m4l/components";
|
|
4
4
|
import { M as ModuleLayoutRootStyled } from "../../slots/ModuleLayoutSlots.js";
|
|
5
|
-
import {
|
|
5
|
+
import { a as MODULE_LAYOUT_KEY } from "../../constants.js";
|
|
6
6
|
const BaseModuleLayout = forwardRef((props, ref) => {
|
|
7
7
|
const { children, overrideContainerStyles } = props;
|
|
8
8
|
const { openModal, closeModal } = useModal();
|
|
@@ -11,9 +11,9 @@ const DICTIONARY_KEYS = {
|
|
|
11
11
|
const DEFAULT_HOME_PATH = "/auth/login";
|
|
12
12
|
const NO_AUTH_MODULE_LAYOUT_CLASSES = getComponentClasses(NOT_AUTH_MODULE_LAYOUT_KEY, NoAuthModuleLayoutSlots);
|
|
13
13
|
export {
|
|
14
|
-
|
|
14
|
+
DEFAULT_HOME_PATH as D,
|
|
15
15
|
NOT_AUTH_MODULE_LAYOUT_KEY as N,
|
|
16
16
|
NO_AUTH_MODULE_LAYOUT_CLASSES as a,
|
|
17
17
|
NOT_AUTH_MODULE_LAYOUT_ICONS as b,
|
|
18
|
-
|
|
18
|
+
DICTIONARY_KEYS as c
|
|
19
19
|
};
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { jsx } from "react/jsx-runtime";
|
|
2
|
-
import {
|
|
2
|
+
import { D as DEFAULT_HOME_PATH } from "./constants.js";
|
|
3
3
|
import { B as BaseNoAuthModuleLayout } from "./subcomponents/BaseNoAuthModuleLayout/index.js";
|
|
4
4
|
import { useEnvironment, BaseProvider, FlagsProvider, ModuleDictionaryProvider, ModuleSkeletonProvider } from "@m4l/core";
|
|
5
5
|
import { useLocales } from "@m4l/graphics";
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
export declare const BaseNoAuthModuleLayoutRootStyled: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material/styles').Theme> & Record<string, unknown>, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('react').ClassAttributes<HTMLDivElement> | keyof import('react').HTMLAttributes<HTMLDivElement>>, {}>;
|
|
2
2
|
export declare const WrapperFormContentStyled: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material/styles').Theme> & Record<string, unknown>, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('react').ClassAttributes<HTMLDivElement> | keyof import('react').HTMLAttributes<HTMLDivElement>>, {}>;
|
|
3
|
-
export declare const DesktopBannerStyled: import('@emotion/styled').StyledComponent<Pick<import('@m4l/components/components/Image').ImageProps, keyof import('@m4l/components/components/Image').ImageProps> & import('@mui/system').MUIStyledCommonProps<import('@mui/material/styles').Theme> & Record<string, unknown>, {}, {}>;
|
|
3
|
+
export declare const DesktopBannerStyled: import('@emotion/styled').StyledComponent<Pick<import('@m4l/components/src/components/Image').ImageProps, keyof import('@m4l/components/src/components/Image').ImageProps> & import('@mui/system').MUIStyledCommonProps<import('@mui/material/styles').Theme> & Record<string, unknown>, {}, {}>;
|
|
4
4
|
export declare const ContainerModuleNameStyled: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material/styles').Theme> & Record<string, unknown>, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('react').ClassAttributes<HTMLDivElement> | keyof import('react').HTMLAttributes<HTMLDivElement>>, {}>;
|
|
5
5
|
export declare const ContentFormDesktopStyled: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material/styles').Theme> & Record<string, unknown>, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('react').ClassAttributes<HTMLDivElement> | keyof import('react').HTMLAttributes<HTMLDivElement>>, {}>;
|
|
6
6
|
export declare const HeaderContainerStyled: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material/styles').Theme> & Record<string, unknown>, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('react').ClassAttributes<HTMLDivElement> | keyof import('react').HTMLAttributes<HTMLDivElement>>, {}>;
|
|
7
7
|
export declare const ContainerLanguageAndSettingsStyled: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material/styles').Theme> & Record<string, unknown>, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('react').ClassAttributes<HTMLDivElement> | keyof import('react').HTMLAttributes<HTMLDivElement>>, {}>;
|
|
8
|
-
export declare const ButtonHomeNavigationStyled: import('@emotion/styled').StyledComponent<Pick<Omit<import('@m4l/components/components/mui_extended/Button').ButtonProps, "ref"> & import('react').RefAttributes<HTMLButtonElement>, "
|
|
8
|
+
export declare const ButtonHomeNavigationStyled: import('@emotion/styled').StyledComponent<Pick<Omit<import('@m4l/components/src/components/mui_extended/Button').ButtonProps, "ref"> & import('react').RefAttributes<HTMLButtonElement>, "value" | "size" | "children" | "title" | "component" | "name" | "id" | "type" | "disabled" | "action" | "color" | "content" | "translate" | "lang" | "form" | "label" | "slot" | "style" | "dir" | "variant" | "className" | "classes" | "sx" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "autoCapitalize" | "autoFocus" | "contentEditable" | "contextMenu" | "draggable" | "enterKeyHint" | "hidden" | "nonce" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "rel" | "resource" | "rev" | "typeof" | "vocab" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "exportparts" | "part" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-braillelabel" | "aria-brailleroledescription" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colindextext" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-description" | "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-rowindextext" | "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" | "onPointerLeave" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "href" | "skeletonWidth" | "startIcon" | "endIcon" | keyof import('react').RefAttributes<HTMLButtonElement> | "fullWidth" | "disableElevation"> & import('@mui/system').MUIStyledCommonProps<import('@mui/material/styles').Theme> & Record<string, unknown>, {}, {}>;
|
|
9
9
|
export declare const ContainerCompanyLogoStyled: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material/styles').Theme> & Record<string, unknown>, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('react').ClassAttributes<HTMLDivElement> | keyof import('react').HTMLAttributes<HTMLDivElement>>, {}>;
|
|
10
10
|
export declare const FormContentStyled: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material/styles').Theme> & Record<string, unknown>, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('react').ClassAttributes<HTMLDivElement> | keyof import('react').HTMLAttributes<HTMLDivElement>>, {}>;
|
|
@@ -44,13 +44,13 @@ const FormContentStyled = styled("div", {
|
|
|
44
44
|
slot: NoAuthModuleLayoutSlots.formContent
|
|
45
45
|
})(noAuthModuleLayoutStyles.formContent);
|
|
46
46
|
export {
|
|
47
|
-
|
|
47
|
+
BaseNoAuthModuleLayoutRootStyled as B,
|
|
48
48
|
ContainerLanguageAndSettingsStyled as C,
|
|
49
49
|
DesktopBannerStyled as D,
|
|
50
50
|
FormContentStyled as F,
|
|
51
51
|
HeaderContainerStyled as H,
|
|
52
52
|
WrapperFormContentStyled as W,
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
53
|
+
ButtonHomeNavigationStyled as a,
|
|
54
|
+
ContainerCompanyLogoStyled as b,
|
|
55
|
+
ContainerModuleNameStyled as c
|
|
56
56
|
};
|
|
@@ -2,7 +2,7 @@ import { jsx } from "react/jsx-runtime";
|
|
|
2
2
|
import { HelmetPage } from "@m4l/components";
|
|
3
3
|
import { useModuleDictionary, useBase } from "@m4l/core";
|
|
4
4
|
import { B as BaseContent } from "./subcomponents/BaseContent/index.js";
|
|
5
|
-
import {
|
|
5
|
+
import { B as BaseNoAuthModuleLayoutRootStyled } from "../../slots/NoAuthModuleLayoutSlots.js";
|
|
6
6
|
const BaseNoAuthModuleLayout = (props) => {
|
|
7
7
|
const { children } = props;
|
|
8
8
|
const { getModuleLabel } = useModuleDictionary();
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import { jsxs, Fragment, jsx } from "react/jsx-runtime";
|
|
2
2
|
import { useComponentSize, LanguagePopover, IconButton, Image, Typography, Stack } from "@m4l/components";
|
|
3
|
-
import { D as DesktopBannerStyled, W as WrapperFormContentStyled, H as HeaderContainerStyled,
|
|
3
|
+
import { D as DesktopBannerStyled, W as WrapperFormContentStyled, H as HeaderContainerStyled, a as ButtonHomeNavigationStyled, C as ContainerLanguageAndSettingsStyled, b as ContainerCompanyLogoStyled, F as FormContentStyled, c as ContainerModuleNameStyled } from "../../../../slots/NoAuthModuleLayoutSlots.js";
|
|
4
4
|
import { useLocation, useNavigate } from "react-router-dom";
|
|
5
5
|
import { useEnvironment, useBase, useModuleDictionary } from "@m4l/core";
|
|
6
|
-
import { a as NO_AUTH_MODULE_LAYOUT_CLASSES, b as NOT_AUTH_MODULE_LAYOUT_ICONS,
|
|
6
|
+
import { a as NO_AUTH_MODULE_LAYOUT_CLASSES, b as NOT_AUTH_MODULE_LAYOUT_ICONS, c as DICTIONARY_KEYS } from "../../../../constants.js";
|
|
7
7
|
const BaseContent = (props) => {
|
|
8
8
|
const { children, bannerUrl } = props;
|
|
9
9
|
const { host_static_assets, environment_assets } = useEnvironment();
|
package/package.json
CHANGED
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@m4l/layouts",
|
|
3
|
-
"version": "9.3.18-
|
|
3
|
+
"version": "9.3.18-JT21012026.beta.1",
|
|
4
4
|
"license": "UNLICENSED",
|
|
5
5
|
"author": "M4L Team",
|
|
6
6
|
"lint-staged": {
|
|
7
7
|
"*.{js,ts,tsx}": "eslint --fix --max-warnings 0"
|
|
8
8
|
},
|
|
9
9
|
"peerDependencies": {
|
|
10
|
-
"@m4l/components": "9.4.15-
|
|
10
|
+
"@m4l/components": "9.4.15-JT21012026.beta.1",
|
|
11
11
|
"@m4l/core": "^2.0.0",
|
|
12
12
|
"@m4l/graphics": "^7.0.0",
|
|
13
13
|
"@m4l/styles": "^7.0.0"
|
package/test/mocks.d.ts
CHANGED
|
@@ -17,10 +17,10 @@ export declare const mock_useEnvironment: {
|
|
|
17
17
|
};
|
|
18
18
|
export declare const formatterValues: Formatters;
|
|
19
19
|
export declare const mockedGraphics: {
|
|
20
|
-
useFormatter: import('vitest').MockInstance<() =>
|
|
20
|
+
useFormatter: import('vitest').MockInstance<() => graphics.Formatters>;
|
|
21
21
|
};
|
|
22
22
|
export declare function restoreGraphicsMocked(): void;
|
|
23
23
|
export declare const coreImplementation: typeof core;
|
|
24
24
|
export declare const graphicsImplementation: {
|
|
25
|
-
useFormatter: import('vitest').MockInstance<() =>
|
|
25
|
+
useFormatter: import('vitest').MockInstance<() => graphics.Formatters>;
|
|
26
26
|
};
|