@m4l/layouts 9.3.1-beta.1 → 9.3.1-beta.3

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 (13) hide show
  1. package/.storybook/utils/getStylesColorsByMode.d.ts +44 -44
  2. package/components/ModuleDetailTabs/useModuleDatailTabs.d.ts +120 -119
  3. package/layouts/MasterDetailLayout/MasterDetailLayout.js +38 -33
  4. package/layouts/MasterDetailLayout/helpers/getTotalModuleActions.d.ts +2 -2
  5. package/layouts/MasterDetailLayout/helpers/getTotalModuleActions.js +10 -3
  6. package/layouts/ModuleLayout/ModuleLayout.js +11 -2
  7. package/layouts/ModuleLayout/contexts/ModuleContext/index.js +2 -1
  8. package/layouts/ModuleLayout/contexts/ModuleContext/store.js +5 -4
  9. package/layouts/ModuleLayout/contexts/ModuleContext/types.d.ts +16 -2
  10. package/layouts/ModuleLayout/types.d.ts +1 -0
  11. package/layouts/NoAuthModuleLayout/slots/NoAuthModuleLayoutSlots.d.ts +1 -1
  12. package/package.json +4 -4
  13. package/test/mocks.d.ts +2 -2
package/.storybook/utils/getStylesColorsByMode.d.ts CHANGED
@@ -24,15 +24,15 @@ export declare const colorsLight: {
24
24
  readonly default: {
25
25
  readonly semanticText: string;
26
26
  readonly focusVisible: string;
27
+ readonly enabled: string;
28
+ readonly focus: string;
27
29
  readonly light: string;
28
30
  readonly dark: string;
29
31
  readonly main: string;
30
32
  readonly contrastText: string;
31
- readonly enabled: string;
32
33
  readonly enabledOpacity: string;
33
34
  readonly hover: string;
34
35
  readonly hoverOpacity: string;
35
- readonly focus: string;
36
36
  readonly focusOpacity: string;
37
37
  readonly selected: string;
38
38
  readonly selectedOpacity: string;
@@ -58,10 +58,10 @@ export declare const colorsLight: {
58
58
  readonly paper: "#fff";
59
59
  };
60
60
  readonly chips: {
61
+ readonly error: Record<import('@m4l/styles').ChipColorVariant, import('@m4l/styles').ChipColor>;
61
62
  readonly info: Record<import('@m4l/styles').ChipColorVariant, import('@m4l/styles').ChipColor>;
62
63
  readonly success: Record<import('@m4l/styles').ChipColorVariant, import('@m4l/styles').ChipColor>;
63
64
  readonly warning: Record<import('@m4l/styles').ChipColorVariant, import('@m4l/styles').ChipColor>;
64
- readonly error: Record<import('@m4l/styles').ChipColorVariant, import('@m4l/styles').ChipColor>;
65
65
  readonly default: Record<import('@m4l/styles').ChipColorVariant, import('@m4l/styles').ChipColor>;
66
66
  readonly forest: Record<import('@m4l/styles').ChipColorVariant, import('@m4l/styles').ChipColor>;
67
67
  readonly pink: Record<import('@m4l/styles').ChipColorVariant, import('@m4l/styles').ChipColor>;
@@ -112,15 +112,15 @@ export declare const colorsLight: {
112
112
  };
113
113
  readonly info: {
114
114
  readonly focusVisible: string;
115
+ readonly enabled: string;
116
+ readonly focus: string;
115
117
  readonly light: string;
116
118
  readonly dark: string;
117
119
  readonly main: string;
118
120
  readonly contrastText: string;
119
- readonly enabled: string;
120
121
  readonly enabledOpacity: string;
121
122
  readonly hover: string;
122
123
  readonly hoverOpacity: string;
123
- readonly focus: string;
124
124
  readonly focusOpacity: string;
125
125
  readonly selected: string;
126
126
  readonly selectedOpacity: string;
@@ -132,15 +132,15 @@ export declare const colorsLight: {
132
132
  };
133
133
  readonly success: {
134
134
  readonly focusVisible: string;
135
+ readonly enabled: string;
136
+ readonly focus: string;
135
137
  readonly light: string;
136
138
  readonly dark: string;
137
139
  readonly main: string;
138
140
  readonly contrastText: string;
139
- readonly enabled: string;
140
141
  readonly enabledOpacity: string;
141
142
  readonly hover: string;
142
143
  readonly hoverOpacity: string;
143
- readonly focus: string;
144
144
  readonly focusOpacity: string;
145
145
  readonly selected: string;
146
146
  readonly selectedOpacity: string;
@@ -152,15 +152,15 @@ export declare const colorsLight: {
152
152
  };
153
153
  readonly warning: {
154
154
  readonly focusVisible: string;
155
+ readonly enabled: string;
156
+ readonly focus: string;
155
157
  readonly light: string;
156
158
  readonly dark: string;
157
159
  readonly main: string;
158
160
  readonly contrastText: string;
159
- readonly enabled: string;
160
161
  readonly enabledOpacity: string;
161
162
  readonly hover: string;
162
163
  readonly hoverOpacity: string;
163
- readonly focus: string;
164
164
  readonly focusOpacity: string;
165
165
  readonly selected: string;
166
166
  readonly selectedOpacity: string;
@@ -172,15 +172,15 @@ export declare const colorsLight: {
172
172
  };
173
173
  readonly error: {
174
174
  readonly focusVisible: string;
175
+ readonly enabled: string;
176
+ readonly focus: string;
175
177
  readonly light: string;
176
178
  readonly dark: string;
177
179
  readonly main: string;
178
180
  readonly contrastText: string;
179
- readonly enabled: string;
180
181
  readonly enabledOpacity: string;
181
182
  readonly hover: string;
182
183
  readonly hoverOpacity: string;
183
- readonly focus: string;
184
184
  readonly focusOpacity: string;
185
185
  readonly selected: string;
186
186
  readonly selectedOpacity: string;
@@ -216,15 +216,15 @@ export declare const colorsLight: {
216
216
  readonly default: {
217
217
  readonly semanticText: string;
218
218
  readonly focusVisible: string;
219
+ readonly enabled: string;
220
+ readonly focus: string;
219
221
  readonly light: string;
220
222
  readonly dark: string;
221
223
  readonly main: string;
222
224
  readonly contrastText: string;
223
- readonly enabled: string;
224
225
  readonly enabledOpacity: string;
225
226
  readonly hover: string;
226
227
  readonly hoverOpacity: string;
227
- readonly focus: string;
228
228
  readonly focusOpacity: string;
229
229
  readonly selected: string;
230
230
  readonly selectedOpacity: string;
@@ -250,10 +250,10 @@ export declare const colorsLight: {
250
250
  readonly paper: "#000";
251
251
  };
252
252
  readonly chips: {
253
+ readonly error: Record<import('@m4l/styles').ChipColorVariant, import('@m4l/styles').ChipColor>;
253
254
  readonly info: Record<import('@m4l/styles').ChipColorVariant, import('@m4l/styles').ChipColor>;
254
255
  readonly success: Record<import('@m4l/styles').ChipColorVariant, import('@m4l/styles').ChipColor>;
255
256
  readonly warning: Record<import('@m4l/styles').ChipColorVariant, import('@m4l/styles').ChipColor>;
256
- readonly error: Record<import('@m4l/styles').ChipColorVariant, import('@m4l/styles').ChipColor>;
257
257
  readonly default: Record<import('@m4l/styles').ChipColorVariant, import('@m4l/styles').ChipColor>;
258
258
  readonly forest: Record<import('@m4l/styles').ChipColorVariant, import('@m4l/styles').ChipColor>;
259
259
  readonly pink: Record<import('@m4l/styles').ChipColorVariant, import('@m4l/styles').ChipColor>;
@@ -304,15 +304,15 @@ export declare const colorsLight: {
304
304
  };
305
305
  readonly info: {
306
306
  readonly focusVisible: string;
307
+ readonly enabled: string;
308
+ readonly focus: string;
307
309
  readonly light: string;
308
310
  readonly dark: string;
309
311
  readonly main: string;
310
312
  readonly contrastText: string;
311
- readonly enabled: string;
312
313
  readonly enabledOpacity: string;
313
314
  readonly hover: string;
314
315
  readonly hoverOpacity: string;
315
- readonly focus: string;
316
316
  readonly focusOpacity: string;
317
317
  readonly selected: string;
318
318
  readonly selectedOpacity: string;
@@ -324,15 +324,15 @@ export declare const colorsLight: {
324
324
  };
325
325
  readonly success: {
326
326
  readonly focusVisible: string;
327
+ readonly enabled: string;
328
+ readonly focus: string;
327
329
  readonly light: string;
328
330
  readonly dark: string;
329
331
  readonly main: string;
330
332
  readonly contrastText: string;
331
- readonly enabled: string;
332
333
  readonly enabledOpacity: string;
333
334
  readonly hover: string;
334
335
  readonly hoverOpacity: string;
335
- readonly focus: string;
336
336
  readonly focusOpacity: string;
337
337
  readonly selected: string;
338
338
  readonly selectedOpacity: string;
@@ -344,15 +344,15 @@ export declare const colorsLight: {
344
344
  };
345
345
  readonly warning: {
346
346
  readonly focusVisible: string;
347
+ readonly enabled: string;
348
+ readonly focus: string;
347
349
  readonly light: string;
348
350
  readonly dark: string;
349
351
  readonly main: string;
350
352
  readonly contrastText: string;
351
- readonly enabled: string;
352
353
  readonly enabledOpacity: string;
353
354
  readonly hover: string;
354
355
  readonly hoverOpacity: string;
355
- readonly focus: string;
356
356
  readonly focusOpacity: string;
357
357
  readonly selected: string;
358
358
  readonly selectedOpacity: string;
@@ -364,15 +364,15 @@ export declare const colorsLight: {
364
364
  };
365
365
  readonly error: {
366
366
  readonly focusVisible: string;
367
+ readonly enabled: string;
368
+ readonly focus: string;
367
369
  readonly light: string;
368
370
  readonly dark: string;
369
371
  readonly main: string;
370
372
  readonly contrastText: string;
371
- readonly enabled: string;
372
373
  readonly enabledOpacity: string;
373
374
  readonly hover: string;
374
375
  readonly hoverOpacity: string;
375
- readonly focus: string;
376
376
  readonly focusOpacity: string;
377
377
  readonly selected: string;
378
378
  readonly selectedOpacity: string;
@@ -409,15 +409,15 @@ export declare const colorsDark: {
409
409
  readonly default: {
410
410
  readonly semanticText: string;
411
411
  readonly focusVisible: string;
412
+ readonly enabled: string;
413
+ readonly focus: string;
412
414
  readonly light: string;
413
415
  readonly dark: string;
414
416
  readonly main: string;
415
417
  readonly contrastText: string;
416
- readonly enabled: string;
417
418
  readonly enabledOpacity: string;
418
419
  readonly hover: string;
419
420
  readonly hoverOpacity: string;
420
- readonly focus: string;
421
421
  readonly focusOpacity: string;
422
422
  readonly selected: string;
423
423
  readonly selectedOpacity: string;
@@ -443,10 +443,10 @@ export declare const colorsDark: {
443
443
  readonly paper: "#fff";
444
444
  };
445
445
  readonly chips: {
446
+ readonly error: Record<import('@m4l/styles').ChipColorVariant, import('@m4l/styles').ChipColor>;
446
447
  readonly info: Record<import('@m4l/styles').ChipColorVariant, import('@m4l/styles').ChipColor>;
447
448
  readonly success: Record<import('@m4l/styles').ChipColorVariant, import('@m4l/styles').ChipColor>;
448
449
  readonly warning: Record<import('@m4l/styles').ChipColorVariant, import('@m4l/styles').ChipColor>;
449
- readonly error: Record<import('@m4l/styles').ChipColorVariant, import('@m4l/styles').ChipColor>;
450
450
  readonly default: Record<import('@m4l/styles').ChipColorVariant, import('@m4l/styles').ChipColor>;
451
451
  readonly forest: Record<import('@m4l/styles').ChipColorVariant, import('@m4l/styles').ChipColor>;
452
452
  readonly pink: Record<import('@m4l/styles').ChipColorVariant, import('@m4l/styles').ChipColor>;
@@ -497,15 +497,15 @@ export declare const colorsDark: {
497
497
  };
498
498
  readonly info: {
499
499
  readonly focusVisible: string;
500
+ readonly enabled: string;
501
+ readonly focus: string;
500
502
  readonly light: string;
501
503
  readonly dark: string;
502
504
  readonly main: string;
503
505
  readonly contrastText: string;
504
- readonly enabled: string;
505
506
  readonly enabledOpacity: string;
506
507
  readonly hover: string;
507
508
  readonly hoverOpacity: string;
508
- readonly focus: string;
509
509
  readonly focusOpacity: string;
510
510
  readonly selected: string;
511
511
  readonly selectedOpacity: string;
@@ -517,15 +517,15 @@ export declare const colorsDark: {
517
517
  };
518
518
  readonly success: {
519
519
  readonly focusVisible: string;
520
+ readonly enabled: string;
521
+ readonly focus: string;
520
522
  readonly light: string;
521
523
  readonly dark: string;
522
524
  readonly main: string;
523
525
  readonly contrastText: string;
524
- readonly enabled: string;
525
526
  readonly enabledOpacity: string;
526
527
  readonly hover: string;
527
528
  readonly hoverOpacity: string;
528
- readonly focus: string;
529
529
  readonly focusOpacity: string;
530
530
  readonly selected: string;
531
531
  readonly selectedOpacity: string;
@@ -537,15 +537,15 @@ export declare const colorsDark: {
537
537
  };
538
538
  readonly warning: {
539
539
  readonly focusVisible: string;
540
+ readonly enabled: string;
541
+ readonly focus: string;
540
542
  readonly light: string;
541
543
  readonly dark: string;
542
544
  readonly main: string;
543
545
  readonly contrastText: string;
544
- readonly enabled: string;
545
546
  readonly enabledOpacity: string;
546
547
  readonly hover: string;
547
548
  readonly hoverOpacity: string;
548
- readonly focus: string;
549
549
  readonly focusOpacity: string;
550
550
  readonly selected: string;
551
551
  readonly selectedOpacity: string;
@@ -557,15 +557,15 @@ export declare const colorsDark: {
557
557
  };
558
558
  readonly error: {
559
559
  readonly focusVisible: string;
560
+ readonly enabled: string;
561
+ readonly focus: string;
560
562
  readonly light: string;
561
563
  readonly dark: string;
562
564
  readonly main: string;
563
565
  readonly contrastText: string;
564
- readonly enabled: string;
565
566
  readonly enabledOpacity: string;
566
567
  readonly hover: string;
567
568
  readonly hoverOpacity: string;
568
- readonly focus: string;
569
569
  readonly focusOpacity: string;
570
570
  readonly selected: string;
571
571
  readonly selectedOpacity: string;
@@ -601,15 +601,15 @@ export declare const colorsDark: {
601
601
  readonly default: {
602
602
  readonly semanticText: string;
603
603
  readonly focusVisible: string;
604
+ readonly enabled: string;
605
+ readonly focus: string;
604
606
  readonly light: string;
605
607
  readonly dark: string;
606
608
  readonly main: string;
607
609
  readonly contrastText: string;
608
- readonly enabled: string;
609
610
  readonly enabledOpacity: string;
610
611
  readonly hover: string;
611
612
  readonly hoverOpacity: string;
612
- readonly focus: string;
613
613
  readonly focusOpacity: string;
614
614
  readonly selected: string;
615
615
  readonly selectedOpacity: string;
@@ -635,10 +635,10 @@ export declare const colorsDark: {
635
635
  readonly paper: "#000";
636
636
  };
637
637
  readonly chips: {
638
+ readonly error: Record<import('@m4l/styles').ChipColorVariant, import('@m4l/styles').ChipColor>;
638
639
  readonly info: Record<import('@m4l/styles').ChipColorVariant, import('@m4l/styles').ChipColor>;
639
640
  readonly success: Record<import('@m4l/styles').ChipColorVariant, import('@m4l/styles').ChipColor>;
640
641
  readonly warning: Record<import('@m4l/styles').ChipColorVariant, import('@m4l/styles').ChipColor>;
641
- readonly error: Record<import('@m4l/styles').ChipColorVariant, import('@m4l/styles').ChipColor>;
642
642
  readonly default: Record<import('@m4l/styles').ChipColorVariant, import('@m4l/styles').ChipColor>;
643
643
  readonly forest: Record<import('@m4l/styles').ChipColorVariant, import('@m4l/styles').ChipColor>;
644
644
  readonly pink: Record<import('@m4l/styles').ChipColorVariant, import('@m4l/styles').ChipColor>;
@@ -689,15 +689,15 @@ export declare const colorsDark: {
689
689
  };
690
690
  readonly info: {
691
691
  readonly focusVisible: string;
692
+ readonly enabled: string;
693
+ readonly focus: string;
692
694
  readonly light: string;
693
695
  readonly dark: string;
694
696
  readonly main: string;
695
697
  readonly contrastText: string;
696
- readonly enabled: string;
697
698
  readonly enabledOpacity: string;
698
699
  readonly hover: string;
699
700
  readonly hoverOpacity: string;
700
- readonly focus: string;
701
701
  readonly focusOpacity: string;
702
702
  readonly selected: string;
703
703
  readonly selectedOpacity: string;
@@ -709,15 +709,15 @@ export declare const colorsDark: {
709
709
  };
710
710
  readonly success: {
711
711
  readonly focusVisible: string;
712
+ readonly enabled: string;
713
+ readonly focus: string;
712
714
  readonly light: string;
713
715
  readonly dark: string;
714
716
  readonly main: string;
715
717
  readonly contrastText: string;
716
- readonly enabled: string;
717
718
  readonly enabledOpacity: string;
718
719
  readonly hover: string;
719
720
  readonly hoverOpacity: string;
720
- readonly focus: string;
721
721
  readonly focusOpacity: string;
722
722
  readonly selected: string;
723
723
  readonly selectedOpacity: string;
@@ -729,15 +729,15 @@ export declare const colorsDark: {
729
729
  };
730
730
  readonly warning: {
731
731
  readonly focusVisible: string;
732
+ readonly enabled: string;
733
+ readonly focus: string;
732
734
  readonly light: string;
733
735
  readonly dark: string;
734
736
  readonly main: string;
735
737
  readonly contrastText: string;
736
- readonly enabled: string;
737
738
  readonly enabledOpacity: string;
738
739
  readonly hover: string;
739
740
  readonly hoverOpacity: string;
740
- readonly focus: string;
741
741
  readonly focusOpacity: string;
742
742
  readonly selected: string;
743
743
  readonly selectedOpacity: string;
@@ -749,15 +749,15 @@ export declare const colorsDark: {
749
749
  };
750
750
  readonly error: {
751
751
  readonly focusVisible: string;
752
+ readonly enabled: string;
753
+ readonly focus: string;
752
754
  readonly light: string;
753
755
  readonly dark: string;
754
756
  readonly main: string;
755
757
  readonly contrastText: string;
756
- readonly enabled: string;
757
758
  readonly enabledOpacity: string;
758
759
  readonly hover: string;
759
760
  readonly hoverOpacity: string;
760
- readonly focus: string;
761
761
  readonly focusOpacity: string;
762
762
  readonly selected: string;
763
763
  readonly selectedOpacity: string;
package/components/ModuleDetailTabs/useModuleDatailTabs.d.ts CHANGED
@@ -16,130 +16,123 @@ export declare function useModuleDetailTabs<T extends Record<string, any> = Reco
16
16
  tabContent: import('react').FunctionComponent<any>;
17
17
  componentProps?: Omit<any, keyof import('./types').ModuleDetailTabContent<T_1, K_1>> | undefined;
18
18
  dictionaryId?: string;
19
+ size?: Extract<import('@m4l/styles').Sizes, "small" | "medium"> | undefined;
19
20
  children?: null | undefined;
20
21
  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;
21
- id?: string | undefined;
22
- className?: string | undefined;
22
+ title?: string | undefined | undefined;
23
+ component?: React.ElementType | undefined;
24
+ id?: string | undefined | undefined;
25
+ disabled?: boolean | undefined;
26
+ action?: React.Ref<import('@mui/material').ButtonBaseActions> | undefined;
27
+ hidden?: boolean | undefined | undefined;
28
+ color?: Extract<import('@m4l/styles').ComponentPalletColor, "default"> | undefined;
29
+ content?: string | undefined | undefined;
23
30
  style?: React.CSSProperties | undefined;
31
+ translate?: "yes" | "no" | undefined | undefined;
32
+ urlIcon?: string | undefined;
33
+ lang?: string | undefined | undefined;
34
+ slot?: string | undefined | undefined;
35
+ dir?: string | undefined | undefined;
36
+ className?: string | undefined;
24
37
  classes?: (Partial<import('@mui/material').TabClasses> & Partial<import('@mui/material').ClassNameMap<never>>) | undefined;
25
- action?: React.Ref<import('@mui/material').ButtonBaseActions> | undefined;
26
- centerRipple?: boolean | undefined;
27
- disabled?: boolean | undefined;
28
- disableRipple?: boolean | undefined;
29
- disableTouchRipple?: boolean | undefined;
30
- focusRipple?: boolean | undefined;
31
- focusVisibleClassName?: string | undefined;
32
- LinkComponent?: React.ElementType | undefined;
33
- onFocusVisible?: React.FocusEventHandler<any> | undefined;
34
38
  sx?: import('@mui/system').SxProps<import('@mui/material').Theme> | undefined;
35
- tabIndex?: NonNullable<React.HTMLAttributes<any>["tabIndex"]> | undefined;
36
- TouchRippleProps?: Partial<import('@mui/material/ButtonBase/TouchRipple').TouchRippleProps> | undefined;
37
- touchRippleRef?: React.Ref<import('@mui/material/ButtonBase/TouchRipple').TouchRippleActions> | undefined;
38
- color?: Extract<import('@m4l/styles').ComponentPalletColor, "default"> | undefined;
39
- content?: string | undefined;
40
- translate?: "yes" | "no" | undefined;
41
- disableFocusRipple?: boolean | undefined;
42
- iconPosition?: ("top" | "bottom" | "start" | "end") | undefined;
43
- wrapped?: boolean | undefined;
44
- slot?: string | undefined;
45
- title?: string | undefined;
46
39
  key?: import('react').Key | null | undefined;
47
- defaultChecked?: boolean | undefined;
40
+ defaultChecked?: boolean | undefined | undefined;
48
41
  defaultValue?: string | number | readonly string[] | undefined;
49
- suppressContentEditableWarning?: boolean | undefined;
50
- suppressHydrationWarning?: boolean | undefined;
51
- accessKey?: string | undefined;
52
- autoCapitalize?: "off" | "none" | "on" | "sentences" | "words" | "characters" | undefined | (string & {});
53
- autoFocus?: boolean | undefined;
54
- contentEditable?: (boolean | "true" | "false") | "inherit" | "plaintext-only" | undefined;
55
- contextMenu?: string | undefined;
56
- dir?: string | undefined;
57
- draggable?: (boolean | "true" | "false") | undefined;
58
- enterKeyHint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined;
59
- hidden?: boolean | undefined;
60
- lang?: string | undefined;
61
- nonce?: string | undefined;
62
- spellCheck?: (boolean | "true" | "false") | undefined;
63
- radioGroup?: string | undefined;
42
+ suppressContentEditableWarning?: boolean | undefined | undefined;
43
+ suppressHydrationWarning?: boolean | undefined | undefined;
44
+ accessKey?: string | undefined | undefined;
45
+ autoCapitalize?: "off" | "none" | "on" | "sentences" | "words" | "characters" | undefined | (string & {}) | undefined;
46
+ autoFocus?: boolean | undefined | undefined;
47
+ contentEditable?: "inherit" | (boolean | "false" | "true") | "plaintext-only" | undefined;
48
+ contextMenu?: string | undefined | undefined;
49
+ draggable?: (boolean | "false" | "true") | undefined;
50
+ enterKeyHint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined | undefined;
51
+ nonce?: string | undefined | undefined;
52
+ spellCheck?: (boolean | "false" | "true") | undefined;
53
+ tabIndex?: NonNullable<React.HTMLAttributes<any>["tabIndex"]> | undefined;
54
+ radioGroup?: string | undefined | undefined;
64
55
  role?: import('react').AriaRole | undefined;
65
- about?: string | undefined;
66
- datatype?: string | undefined;
56
+ about?: string | undefined | undefined;
57
+ datatype?: string | undefined | undefined;
67
58
  inlist?: any;
68
- prefix?: string | undefined;
69
- property?: string | undefined;
70
- rel?: string | undefined;
71
- resource?: string | undefined;
72
- rev?: string | undefined;
73
- typeof?: string | undefined;
74
- vocab?: string | undefined;
75
- autoCorrect?: string | undefined;
76
- autoSave?: string | undefined;
77
- itemProp?: string | undefined;
78
- itemScope?: boolean | undefined;
79
- itemType?: string | undefined;
80
- itemID?: string | undefined;
81
- itemRef?: string | undefined;
82
- results?: number | undefined;
83
- security?: string | undefined;
84
- unselectable?: "on" | "off" | undefined;
85
- inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined;
86
- is?: string | undefined;
87
- "aria-activedescendant"?: string | undefined;
88
- "aria-atomic"?: (boolean | "true" | "false") | undefined;
89
- "aria-autocomplete"?: "none" | "inline" | "list" | "both" | undefined;
90
- "aria-braillelabel"?: string | undefined;
91
- "aria-brailleroledescription"?: string | undefined;
92
- "aria-busy"?: (boolean | "true" | "false") | undefined;
93
- "aria-checked"?: boolean | "false" | "mixed" | "true" | undefined;
94
- "aria-colcount"?: number | undefined;
95
- "aria-colindex"?: number | undefined;
96
- "aria-colindextext"?: string | undefined;
97
- "aria-colspan"?: number | undefined;
98
- "aria-controls"?: string | undefined;
99
- "aria-current"?: boolean | "false" | "true" | "page" | "step" | "location" | "date" | "time" | undefined;
100
- "aria-describedby"?: string | undefined;
101
- "aria-description"?: string | undefined;
102
- "aria-details"?: string | undefined;
103
- "aria-disabled"?: (boolean | "true" | "false") | undefined;
104
- "aria-dropeffect"?: "none" | "copy" | "execute" | "link" | "move" | "popup" | undefined;
105
- "aria-errormessage"?: string | undefined;
106
- "aria-expanded"?: (boolean | "true" | "false") | undefined;
107
- "aria-flowto"?: string | undefined;
108
- "aria-grabbed"?: (boolean | "true" | "false") | undefined;
109
- "aria-haspopup"?: boolean | "false" | "true" | "menu" | "listbox" | "tree" | "grid" | "dialog" | undefined;
110
- "aria-hidden"?: (boolean | "true" | "false") | undefined;
111
- "aria-invalid"?: boolean | "false" | "true" | "grammar" | "spelling" | undefined;
112
- "aria-keyshortcuts"?: string | undefined;
113
- "aria-label"?: string | undefined;
114
- "aria-labelledby"?: string | undefined;
115
- "aria-level"?: number | undefined;
116
- "aria-live"?: "off" | "assertive" | "polite" | undefined;
117
- "aria-modal"?: (boolean | "true" | "false") | undefined;
118
- "aria-multiline"?: (boolean | "true" | "false") | undefined;
119
- "aria-multiselectable"?: (boolean | "true" | "false") | undefined;
120
- "aria-orientation"?: "horizontal" | "vertical" | undefined;
121
- "aria-owns"?: string | undefined;
122
- "aria-placeholder"?: string | undefined;
123
- "aria-posinset"?: number | undefined;
124
- "aria-pressed"?: boolean | "false" | "mixed" | "true" | undefined;
125
- "aria-readonly"?: (boolean | "true" | "false") | undefined;
126
- "aria-relevant"?: "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text" | "text additions" | "text removals" | undefined;
127
- "aria-required"?: (boolean | "true" | "false") | undefined;
128
- "aria-roledescription"?: string | undefined;
129
- "aria-rowcount"?: number | undefined;
130
- "aria-rowindex"?: number | undefined;
131
- "aria-rowindextext"?: string | undefined;
132
- "aria-rowspan"?: number | undefined;
133
- "aria-selected"?: (boolean | "true" | "false") | undefined;
134
- "aria-setsize"?: number | undefined;
135
- "aria-sort"?: "none" | "ascending" | "descending" | "other" | undefined;
136
- "aria-valuemax"?: number | undefined;
137
- "aria-valuemin"?: number | undefined;
138
- "aria-valuenow"?: number | undefined;
139
- "aria-valuetext"?: string | undefined;
59
+ prefix?: string | undefined | undefined;
60
+ property?: string | undefined | undefined;
61
+ rel?: string | undefined | undefined;
62
+ resource?: string | undefined | undefined;
63
+ rev?: string | undefined | undefined;
64
+ typeof?: string | undefined | undefined;
65
+ vocab?: string | undefined | undefined;
66
+ autoCorrect?: string | undefined | undefined;
67
+ autoSave?: string | undefined | undefined;
68
+ itemProp?: string | undefined | undefined;
69
+ itemScope?: boolean | undefined | undefined;
70
+ itemType?: string | undefined | undefined;
71
+ itemID?: string | undefined | undefined;
72
+ itemRef?: string | undefined | undefined;
73
+ results?: number | undefined | undefined;
74
+ security?: string | undefined | undefined;
75
+ unselectable?: "on" | "off" | undefined | undefined;
76
+ inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined | undefined;
77
+ is?: string | undefined | undefined;
78
+ exportparts?: string | undefined | undefined;
79
+ part?: string | undefined | undefined;
80
+ "aria-activedescendant"?: string | undefined | undefined;
81
+ "aria-atomic"?: (boolean | "false" | "true") | undefined;
82
+ "aria-autocomplete"?: "none" | "inline" | "list" | "both" | undefined | undefined;
83
+ "aria-braillelabel"?: string | undefined | undefined;
84
+ "aria-brailleroledescription"?: string | undefined | undefined;
85
+ "aria-busy"?: (boolean | "false" | "true") | undefined;
86
+ "aria-checked"?: boolean | "false" | "mixed" | "true" | undefined | undefined;
87
+ "aria-colcount"?: number | undefined | undefined;
88
+ "aria-colindex"?: number | undefined | undefined;
89
+ "aria-colindextext"?: string | undefined | undefined;
90
+ "aria-colspan"?: number | undefined | undefined;
91
+ "aria-controls"?: string | undefined | undefined;
92
+ "aria-current"?: boolean | "false" | "true" | "page" | "step" | "location" | "date" | "time" | undefined | undefined;
93
+ "aria-describedby"?: string | undefined | undefined;
94
+ "aria-description"?: string | undefined | undefined;
95
+ "aria-details"?: string | undefined | undefined;
96
+ "aria-disabled"?: (boolean | "false" | "true") | undefined;
97
+ "aria-dropeffect"?: "none" | "copy" | "execute" | "link" | "move" | "popup" | undefined | undefined;
98
+ "aria-errormessage"?: string | undefined | undefined;
99
+ "aria-expanded"?: (boolean | "false" | "true") | undefined;
100
+ "aria-flowto"?: string | undefined | undefined;
101
+ "aria-grabbed"?: (boolean | "false" | "true") | undefined;
102
+ "aria-haspopup"?: boolean | "false" | "true" | "menu" | "listbox" | "tree" | "grid" | "dialog" | undefined | undefined;
103
+ "aria-hidden"?: (boolean | "false" | "true") | undefined;
104
+ "aria-invalid"?: boolean | "false" | "true" | "grammar" | "spelling" | undefined | undefined;
105
+ "aria-keyshortcuts"?: string | undefined | undefined;
106
+ "aria-label"?: string | undefined | undefined;
107
+ "aria-labelledby"?: string | undefined | undefined;
108
+ "aria-level"?: number | undefined | undefined;
109
+ "aria-live"?: "off" | "assertive" | "polite" | undefined | undefined;
110
+ "aria-modal"?: (boolean | "false" | "true") | undefined;
111
+ "aria-multiline"?: (boolean | "false" | "true") | undefined;
112
+ "aria-multiselectable"?: (boolean | "false" | "true") | undefined;
113
+ "aria-orientation"?: "horizontal" | "vertical" | undefined | undefined;
114
+ "aria-owns"?: string | undefined | undefined;
115
+ "aria-placeholder"?: string | undefined | undefined;
116
+ "aria-posinset"?: number | undefined | undefined;
117
+ "aria-pressed"?: boolean | "false" | "mixed" | "true" | undefined | undefined;
118
+ "aria-readonly"?: (boolean | "false" | "true") | undefined;
119
+ "aria-relevant"?: "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text" | "text additions" | "text removals" | undefined | undefined;
120
+ "aria-required"?: (boolean | "false" | "true") | undefined;
121
+ "aria-roledescription"?: string | undefined | undefined;
122
+ "aria-rowcount"?: number | undefined | undefined;
123
+ "aria-rowindex"?: number | undefined | undefined;
124
+ "aria-rowindextext"?: string | undefined | undefined;
125
+ "aria-rowspan"?: number | undefined | undefined;
126
+ "aria-selected"?: (boolean | "false" | "true") | undefined;
127
+ "aria-setsize"?: number | undefined | undefined;
128
+ "aria-sort"?: "none" | "ascending" | "descending" | "other" | undefined | undefined;
129
+ "aria-valuemax"?: number | undefined | undefined;
130
+ "aria-valuemin"?: number | undefined | undefined;
131
+ "aria-valuenow"?: number | undefined | undefined;
132
+ "aria-valuetext"?: string | undefined | undefined;
140
133
  dangerouslySetInnerHTML?: {
141
134
  __html: string | TrustedHTML;
142
- } | undefined;
135
+ } | undefined | undefined;
143
136
  onCopy?: import('react').ClipboardEventHandler<HTMLDivElement> | undefined;
144
137
  onCopyCapture?: import('react').ClipboardEventHandler<HTMLDivElement> | undefined;
145
138
  onCut?: import('react').ClipboardEventHandler<HTMLDivElement> | undefined;
@@ -158,7 +151,7 @@ export declare function useModuleDetailTabs<T extends Record<string, any> = Reco
158
151
  onBlurCapture?: import('react').FocusEventHandler<HTMLDivElement> | undefined;
159
152
  onChange?: import('react').FormEventHandler<HTMLDivElement> | undefined;
160
153
  onChangeCapture?: import('react').FormEventHandler<HTMLDivElement> | undefined;
161
- onBeforeInput?: import('react').FormEventHandler<HTMLDivElement> | undefined;
154
+ onBeforeInput?: import('react').InputEventHandler<HTMLDivElement> | undefined;
162
155
  onBeforeInputCapture?: import('react').FormEventHandler<HTMLDivElement> | undefined;
163
156
  onInput?: import('react').FormEventHandler<HTMLDivElement> | undefined;
164
157
  onInputCapture?: import('react').FormEventHandler<HTMLDivElement> | undefined;
@@ -208,8 +201,6 @@ export declare function useModuleDetailTabs<T extends Record<string, any> = Reco
208
201
  onProgressCapture?: import('react').ReactEventHandler<HTMLDivElement> | undefined;
209
202
  onRateChange?: import('react').ReactEventHandler<HTMLDivElement> | undefined;
210
203
  onRateChangeCapture?: import('react').ReactEventHandler<HTMLDivElement> | undefined;
211
- onResize?: import('react').ReactEventHandler<HTMLDivElement> | undefined;
212
- onResizeCapture?: import('react').ReactEventHandler<HTMLDivElement> | undefined;
213
204
  onSeeked?: import('react').ReactEventHandler<HTMLDivElement> | undefined;
214
205
  onSeekedCapture?: import('react').ReactEventHandler<HTMLDivElement> | undefined;
215
206
  onSeeking?: import('react').ReactEventHandler<HTMLDivElement> | undefined;
@@ -300,10 +291,20 @@ export declare function useModuleDetailTabs<T extends Record<string, any> = Reco
300
291
  onAnimationIterationCapture?: import('react').AnimationEventHandler<HTMLDivElement> | undefined;
301
292
  onTransitionEnd?: import('react').TransitionEventHandler<HTMLDivElement> | undefined;
302
293
  onTransitionEndCapture?: import('react').TransitionEventHandler<HTMLDivElement> | undefined;
303
- size?: Extract<import('@m4l/styles').Sizes, "small" | "medium"> | undefined;
304
- component?: React.ElementType | undefined;
305
294
  dataTestId?: string | undefined;
306
- urlIcon?: string | undefined;
295
+ centerRipple?: boolean | undefined;
296
+ disableRipple?: boolean | undefined;
297
+ disableTouchRipple?: boolean | undefined;
298
+ focusRipple?: boolean | undefined;
299
+ focusVisibleClassName?: string | undefined;
300
+ LinkComponent?: React.ElementType | undefined;
301
+ onFocusVisible?: React.FocusEventHandler<any> | undefined;
302
+ TouchRippleProps?: Partial<import('@mui/material/ButtonBase/TouchRipple').TouchRippleProps> | undefined;
303
+ touchRippleRef?: React.Ref<import('@mui/material/ButtonBase/TouchRipple').TouchRippleActions> | undefined;
304
+ disableFocusRipple?: boolean | undefined;
305
+ ariaLabel?: string | undefined;
306
+ iconPosition?: "top" | "bottom" | "start" | "end" | undefined;
307
+ wrapped?: boolean | undefined;
307
308
  }[];
308
309
  handleChangeTab: (newValue: string) => void;
309
310
  };
package/layouts/MasterDetailLayout/MasterDetailLayout.js CHANGED
@@ -17,6 +17,7 @@ function MasterDetailLayout(props) {
17
17
  detailComponent,
18
18
  moduleActions,
19
19
  version,
20
+ buildTime,
20
21
  splitPosition
21
22
  } = props;
22
23
  const { host_static_assets, environment_assets } = useEnvironment();
@@ -28,39 +29,41 @@ function MasterDetailLayout(props) {
28
29
  setSplitPositionState(newPostion);
29
30
  }, []);
30
31
  const splitActions = useMemo(
31
- () => [
32
- {
33
- iconUrl: `${host_static_assets}/${environment_assets}/${icons.splitVertical}`,
34
- onClick: () => onChangePostionInternal("vertical"),
35
- visibility: "main",
36
- label: getLabel(dictionary.LABEL_SPLIT_VERTICAL),
37
- tag: "vertical",
38
- className: "splitactions",
39
- disabled: splitPositionState === "vertical",
40
- key: "vertical"
41
- },
42
- {
43
- iconUrl: `${host_static_assets}/${environment_assets}/${icons.splitHorizontal}`,
44
- onClick: () => onChangePostionInternal("horizontal"),
45
- visibility: "main",
46
- label: getLabel(dictionary.LABEL_SPLIT_HORIZONTAL),
47
- tag: "horizontal",
48
- className: "splitactions",
49
- disabled: splitPositionState === "horizontal",
50
- key: "horizontal"
51
- },
52
- {
53
- iconUrl: `${host_static_assets}/${environment_assets}/${icons.noSplit}`,
54
- onClick: () => onChangePostionInternal("none"),
55
- visibility: "main",
56
- label: getLabel(dictionary.LABEL_NO_SPLIT),
57
- tag: "none",
58
- className: "splitactions",
59
- disabled: splitPositionState === "none",
60
- key: "none"
32
+ () => {
33
+ if (isMobile) {
34
+ return [];
61
35
  }
62
- ],
63
- [getLabel, splitPositionState, environment_assets, host_static_assets, onChangePostionInternal]
36
+ return [
37
+ {
38
+ iconUrl: `${host_static_assets}/${environment_assets}/${icons.splitVertical}`,
39
+ onClick: () => onChangePostionInternal("vertical"),
40
+ label: getLabel(dictionary.LABEL_SPLIT_VERTICAL),
41
+ className: "splitactions",
42
+ checkable: true,
43
+ checked: splitPositionState === "vertical",
44
+ key: "vertical"
45
+ },
46
+ {
47
+ iconUrl: `${host_static_assets}/${environment_assets}/${icons.splitHorizontal}`,
48
+ onClick: () => onChangePostionInternal("horizontal"),
49
+ label: getLabel(dictionary.LABEL_SPLIT_HORIZONTAL),
50
+ className: "splitactions",
51
+ checkable: true,
52
+ checked: splitPositionState === "horizontal",
53
+ key: "horizontal"
54
+ },
55
+ {
56
+ iconUrl: `${host_static_assets}/${environment_assets}/${icons.noSplit}`,
57
+ onClick: () => onChangePostionInternal("none"),
58
+ label: getLabel(dictionary.LABEL_NO_SPLIT),
59
+ className: "splitactions",
60
+ checkable: true,
61
+ checked: splitPositionState === "none",
62
+ key: "none"
63
+ }
64
+ ];
65
+ },
66
+ [isMobile, host_static_assets, environment_assets, getLabel, splitPositionState, onChangePostionInternal]
64
67
  );
65
68
  const onClickViewDetail = useCallback(() => {
66
69
  moduleLayoutRef.current?.openModal({
@@ -80,11 +83,12 @@ function MasterDetailLayout(props) {
80
83
  }, [detailComponent, getLabel]);
81
84
  const finalModuleActions = useMemo(() => {
82
85
  const actions = getTotalModuleActions(
86
+ splitPositionState,
83
87
  splitActions,
84
88
  moduleActions
85
89
  );
86
90
  return actions;
87
- }, [splitActions, moduleActions]);
91
+ }, [splitActions, moduleActions, splitPositionState]);
88
92
  const classRoot = getComponentSlotRoot(MASTER_DETAIL_LAYOUT_PREFIX);
89
93
  return /* @__PURE__ */ jsx(MasterDetailProvider, { onClickViewDetail, children: /* @__PURE__ */ jsx(MasterDetailLayoutRootStyled, { className: classRoot, children: /* @__PURE__ */ jsx(
90
94
  ModuleLayout,
@@ -93,6 +97,7 @@ function MasterDetailLayout(props) {
93
97
  moduleId,
94
98
  moduleActions: finalModuleActions,
95
99
  version,
100
+ buildTime,
96
101
  children: /* @__PURE__ */ jsx(
97
102
  SplitLayout,
98
103
  {
package/layouts/MasterDetailLayout/helpers/getTotalModuleActions.d.ts CHANGED
@@ -1,5 +1,5 @@
1
- import { ModuleAction } from '@m4l/components';
1
+ import { ModuleAction, GroupActionMenuItem } from '@m4l/components';
2
2
  /**
3
3
  * Obtiene las acciones totales del modulo
4
4
  */
5
- export declare function getTotalModuleActions(splitActions: ModuleAction[], moduleActions?: ModuleAction[]): ModuleAction[];
5
+ export declare function getTotalModuleActions(selectedActionKey: string, splitActions: GroupActionMenuItem[], moduleActions?: ModuleAction[]): ModuleAction[];
package/layouts/MasterDetailLayout/helpers/getTotalModuleActions.js CHANGED
@@ -1,6 +1,13 @@
1
- function getTotalModuleActions(splitActions, moduleActions = []) {
2
- let totalActions = [...splitActions];
3
- totalActions = moduleActions.concat(totalActions);
1
+ function getTotalModuleActions(selectedActionKey, splitActions, moduleActions = []) {
2
+ let totalActions = [];
3
+ const groupAction = {
4
+ type: "groupActions",
5
+ actions: splitActions,
6
+ key: "splitActions",
7
+ selectedActionKey,
8
+ visibility: "main"
9
+ };
10
+ totalActions = moduleActions.concat(groupAction);
4
11
  return totalActions;
5
12
  }
6
13
  export {
package/layouts/ModuleLayout/ModuleLayout.js CHANGED
@@ -4,7 +4,7 @@ import { forwardRef, useRef, useImperativeHandle } from "react";
4
4
  import { B as BaseModuleLayout } from "./subcomponents/BaseModuleLayout/index.js";
5
5
  import { a as ModuleProvider } from "./contexts/ModuleContext/index.js";
6
6
  const ModuleLayout = forwardRef((props, ref) => {
7
- const { moduleId, moduleActions, version, children } = props;
7
+ const { moduleId, moduleActions, version, children, buildTime } = props;
8
8
  const moduleRef = useRef(null);
9
9
  const closeModal = () => {
10
10
  moduleRef.current?.closeModal();
@@ -17,7 +17,16 @@ const ModuleLayout = forwardRef((props, ref) => {
17
17
  closeModal,
18
18
  current: moduleRef.current
19
19
  }));
20
- return /* @__PURE__ */ jsx(ModuleProvider, { moduleId, moduleActions, version, children: /* @__PURE__ */ jsx(ModalProvider, { children: /* @__PURE__ */ jsx(BaseModuleLayout, { ref: moduleRef, children }) }) });
20
+ return /* @__PURE__ */ jsx(
21
+ ModuleProvider,
22
+ {
23
+ moduleId,
24
+ moduleActions,
25
+ version,
26
+ buildTime,
27
+ children: /* @__PURE__ */ jsx(ModalProvider, { children: /* @__PURE__ */ jsx(BaseModuleLayout, { ref: moduleRef, children }) })
28
+ }
29
+ );
21
30
  });
22
31
  export {
23
32
  ModuleLayout as M
package/layouts/ModuleLayout/contexts/ModuleContext/index.js CHANGED
@@ -4,7 +4,7 @@ import { createContext, useRef, useEffect } from "react";
4
4
  import { c as createModuleLayoutStore } from "./store.js";
5
5
  const ModuleContext = createContext(null);
6
6
  function ModuleProvider(props) {
7
- const { children, moduleActions, moduleId, version } = props;
7
+ const { children, moduleActions, moduleId, version, buildTime } = props;
8
8
  const { setActions } = useWindowToolsMF();
9
9
  const moduleLayoutStoreRef = useRef();
10
10
  useEffect(() => {
@@ -17,6 +17,7 @@ function ModuleProvider(props) {
17
17
  moduleActions,
18
18
  moduleId,
19
19
  version,
20
+ buildTime,
20
21
  setActions
21
22
  });
22
23
  moduleLayoutStoreRef.current.getState().init();
package/layouts/ModuleLayout/contexts/ModuleContext/store.js CHANGED
@@ -10,7 +10,7 @@ const createDevtools = (immerMiddlewere, config) => {
10
10
  return immerMiddlewere;
11
11
  };
12
12
  const createModuleLayoutStore = (initProps, storeDevtoolsEnabled = false) => {
13
- const { moduleActions, moduleId, version, setActions } = initProps;
13
+ const { moduleActions, moduleId, version, setActions, buildTime } = initProps;
14
14
  const startProps = {
15
15
  configOptions: {
16
16
  moduleId
@@ -18,7 +18,8 @@ const createModuleLayoutStore = (initProps, storeDevtoolsEnabled = false) => {
18
18
  dynamicActions: [],
19
19
  finalModuleActions: [],
20
20
  moduleActions: [],
21
- version
21
+ version,
22
+ buildTime
22
23
  };
23
24
  return create(
24
25
  createDevtools(
@@ -40,7 +41,7 @@ const createModuleLayoutStore = (initProps, storeDevtoolsEnabled = false) => {
40
41
  const actionsConcatenated = (moduleActions || []).concat(dynamicActions);
41
42
  state.dynamicActions = dynamicActions;
42
43
  state.finalModuleActions = actionsConcatenated;
43
- setActions(actionsConcatenated, state.version);
44
+ setActions(actionsConcatenated, state.version, state.buildTime);
44
45
  });
45
46
  },
46
47
  /**
@@ -51,7 +52,7 @@ const createModuleLayoutStore = (initProps, storeDevtoolsEnabled = false) => {
51
52
  const actionsConcatenated = newModuleActions.concat(state.dynamicActions);
52
53
  state.moduleActions = moduleActions;
53
54
  state.finalModuleActions = actionsConcatenated;
54
- setActions(actionsConcatenated, state.version);
55
+ setActions(actionsConcatenated, state.version, state.buildTime);
55
56
  });
56
57
  }
57
58
  })),
package/layouts/ModuleLayout/contexts/ModuleContext/types.d.ts CHANGED
@@ -5,7 +5,9 @@ export interface ModuleLayoutContextStateProps {
5
5
  }
6
6
  export interface ModuleLayoutProviderProps extends Omit<ModuleLayoutContextStateProps, 'init'> {
7
7
  children: ReactNode;
8
- version: string;
8
+ /**
9
+ * "moduleActions" acciones del módulo
10
+ */
9
11
  moduleActions?: ModuleAction[];
10
12
  /**
11
13
  * "storeId" identificador del store
@@ -15,6 +17,14 @@ export interface ModuleLayoutProviderProps extends Omit<ModuleLayoutContextState
15
17
  * "storeDevtoolsEnabled" determina si se debe usar devtools para el store
16
18
  */
17
19
  storeDevtoolsEnabled?: boolean;
20
+ /**
21
+ * "version" versión del módulo
22
+ */
23
+ version: string;
24
+ /**
25
+ * "buildTime" fecha de compilación del módulo
26
+ */
27
+ buildTime?: string;
18
28
  }
19
29
  export interface ModuleLayoutContextProps extends ModuleLayoutContextStateProps {
20
30
  setDynamicActions: (dynamicActions: ModuleAction[]) => void;
@@ -40,6 +50,10 @@ export interface ModuleLayoutState extends Pick<ModuleLayoutProviderProps, 'stor
40
50
  * "version" Versión del módulo
41
51
  */
42
52
  version: string;
53
+ /**
54
+ * "buildTime" fecha de compilación del módulo
55
+ */
56
+ buildTime?: string;
43
57
  }
44
58
  export interface ModuleLayoutStateWithActions extends ModuleLayoutState {
45
59
  /**
@@ -55,4 +69,4 @@ export interface ModuleLayoutStateWithActions extends ModuleLayoutState {
55
69
  */
56
70
  updateModuleActions: (moduleActions: ModuleAction[]) => void;
57
71
  }
58
- export type InitialModuleLayoutStoreProps = Pick<ModuleLayoutState, 'moduleActions' | 'version' | 'storeId'> & Pick<WindowToolsMF, 'setActions'> & ModuleLayoutContextStateProps;
72
+ export type InitialModuleLayoutStoreProps = Pick<ModuleLayoutState, 'moduleActions' | 'version' | 'storeId' | 'buildTime'> & Pick<WindowToolsMF, 'setActions'> & ModuleLayoutContextStateProps;
package/layouts/ModuleLayout/types.d.ts CHANGED
@@ -18,6 +18,7 @@ export interface ModuleLayoutProps {
18
18
  moduleActions?: ModuleAction[];
19
19
  children: ReactNode;
20
20
  version: string;
21
+ buildTime?: string;
21
22
  }
22
23
  export type ModuleLayoutSlotsType = keyof typeof ModuleLayoutSlots;
23
24
  export type ModuleLayoutStyles = OverridesStyleRules<ModuleLayoutSlotsType, typeof MODULE_LAYOUT_KEY, Theme>;
package/layouts/NoAuthModuleLayout/slots/NoAuthModuleLayoutSlots.d.ts CHANGED
@@ -16,4 +16,4 @@ export declare const FormContentDesktopStyled: import('@emotion/styled').StyledC
16
16
  export declare const WrapperFormContentDesktopStyled: 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>>, {}>;
17
17
  export declare const ContainerModuleNameDesktopStyled: 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>>, {}>;
18
18
  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>>, {}>;
19
- export declare const TypographyBannerStyled: import('@emotion/styled').StyledComponent<Pick<import('@m4l/components/components/mui_extended/Typography/types').TypographyProps, keyof import('@m4l/components/components/mui_extended/Typography/types').TypographyProps> & import('@mui/system').MUIStyledCommonProps<import('@mui/material/styles').Theme> & Record<string, unknown>, {}, {}>;
19
+ export declare const TypographyBannerStyled: import('@emotion/styled').StyledComponent<Pick<import('@m4l/components/src/components/mui_extended/Typography/types').TypographyProps, keyof import('@m4l/components/src/components/mui_extended/Typography/types').TypographyProps> & import('@mui/system').MUIStyledCommonProps<import('@mui/material/styles').Theme> & Record<string, unknown>, {}, {}>;
package/package.json CHANGED
@@ -1,16 +1,16 @@
1
1
  {
2
2
  "name": "@m4l/layouts",
3
- "version": "9.3.1-beta.1",
3
+ "version": "9.3.1-beta.3",
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.2.54-beta.1",
10
+ "@m4l/components": "9.2.56-beta.3",
11
11
  "@m4l/core": "^2.0.0",
12
- "@m4l/graphics": "7.1.2-beta.1",
13
- "@m4l/styles": "7.1.29-beta.1"
12
+ "@m4l/graphics": "7.1.1-beta.3",
13
+ "@m4l/styles": "7.1.28-beta.3"
14
14
  },
15
15
  "resolutions": {
16
16
  "glob": "^10.4.5",
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<() => import('@m4l/graphics').Formatters>;
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<() => import('@m4l/graphics').Formatters>;
25
+ useFormatter: import('vitest').MockInstance<() => graphics.Formatters>;
26
26
  };