@m4l/layouts 9.3.1 → 9.3.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 (9) hide show
  1. package/.storybook/utils/getStylesColorsByMode.d.ts +52 -4
  2. package/components/ModuleDetailTabs/ModuleDetailTabs.js +1 -0
  3. package/components/ModuleDetailTabs/types.d.ts +4 -0
  4. package/components/ModuleDetailTabs/useModuleDatailTabs.d.ts +89 -87
  5. package/hooks/useDynamicAccordions/useDynamicAccordions.js +2 -2
  6. package/hooks/useDynamicPaperForm/types.d.ts +2 -1
  7. package/hooks/useDynamicPaperForm/useDynamicPaperForm.js +1 -1
  8. package/layouts/MasterDetailLayout/MasterDetailLayout.js +2 -0
  9. package/package.json +1 -1
package/.storybook/utils/getStylesColorsByMode.d.ts CHANGED
@@ -20,6 +20,8 @@ export declare const colorsLight: {
20
20
  readonly opacity: string;
21
21
  readonly toneOpacity: string;
22
22
  readonly semanticText: string;
23
+ readonly opacityGradient1: string;
24
+ readonly opacityGradient2: string;
23
25
  };
24
26
  readonly default: {
25
27
  readonly semanticText: string;
@@ -40,6 +42,8 @@ export declare const colorsLight: {
40
42
  readonly activeOpacity: string;
41
43
  readonly opacity: string;
42
44
  readonly toneOpacity: string;
45
+ readonly opacityGradient1: string;
46
+ readonly opacityGradient2: string;
43
47
  };
44
48
  readonly divider: string;
45
49
  readonly text: {
@@ -55,7 +59,7 @@ export declare const colorsLight: {
55
59
  readonly backdrop: string;
56
60
  readonly base: string;
57
61
  readonly blur: string;
58
- readonly paper: "#000";
62
+ readonly paper: "#fff";
59
63
  };
60
64
  readonly chips: {
61
65
  readonly error: Record<import('@m4l/styles').ChipColorVariant, import('@m4l/styles').ChipColor>;
@@ -129,6 +133,8 @@ export declare const colorsLight: {
129
133
  readonly opacity: string;
130
134
  readonly toneOpacity: string;
131
135
  readonly semanticText: string;
136
+ readonly opacityGradient1: string;
137
+ readonly opacityGradient2: string;
132
138
  };
133
139
  readonly success: {
134
140
  readonly focusVisible: string;
@@ -149,6 +155,8 @@ export declare const colorsLight: {
149
155
  readonly opacity: string;
150
156
  readonly toneOpacity: string;
151
157
  readonly semanticText: string;
158
+ readonly opacityGradient1: string;
159
+ readonly opacityGradient2: string;
152
160
  };
153
161
  readonly warning: {
154
162
  readonly focusVisible: string;
@@ -169,6 +177,8 @@ export declare const colorsLight: {
169
177
  readonly opacity: string;
170
178
  readonly toneOpacity: string;
171
179
  readonly semanticText: string;
180
+ readonly opacityGradient1: string;
181
+ readonly opacityGradient2: string;
172
182
  };
173
183
  readonly error: {
174
184
  readonly focusVisible: string;
@@ -189,6 +199,8 @@ export declare const colorsLight: {
189
199
  readonly opacity: string;
190
200
  readonly toneOpacity: string;
191
201
  readonly semanticText: string;
202
+ readonly opacityGradient1: string;
203
+ readonly opacityGradient2: string;
192
204
  };
193
205
  } | {
194
206
  readonly mode: "dark";
@@ -212,6 +224,8 @@ export declare const colorsLight: {
212
224
  readonly opacity: string;
213
225
  readonly toneOpacity: string;
214
226
  readonly semanticText: string;
227
+ readonly opacityGradient1: string;
228
+ readonly opacityGradient2: string;
215
229
  };
216
230
  readonly default: {
217
231
  readonly semanticText: string;
@@ -232,6 +246,8 @@ export declare const colorsLight: {
232
246
  readonly activeOpacity: string;
233
247
  readonly opacity: string;
234
248
  readonly toneOpacity: string;
249
+ readonly opacityGradient1: string;
250
+ readonly opacityGradient2: string;
235
251
  };
236
252
  readonly text: {
237
253
  readonly primary: string;
@@ -288,7 +304,7 @@ export declare const colorsLight: {
288
304
  readonly border: {
289
305
  readonly main: string;
290
306
  readonly dens: string;
291
- readonly default: string | undefined;
307
+ readonly default: string;
292
308
  readonly secondary: string;
293
309
  readonly disabled: string;
294
310
  readonly error: string;
@@ -321,6 +337,8 @@ export declare const colorsLight: {
321
337
  readonly opacity: string;
322
338
  readonly toneOpacity: string;
323
339
  readonly semanticText: string;
340
+ readonly opacityGradient1: string;
341
+ readonly opacityGradient2: string;
324
342
  };
325
343
  readonly success: {
326
344
  readonly focusVisible: string;
@@ -341,6 +359,8 @@ export declare const colorsLight: {
341
359
  readonly opacity: string;
342
360
  readonly toneOpacity: string;
343
361
  readonly semanticText: string;
362
+ readonly opacityGradient1: string;
363
+ readonly opacityGradient2: string;
344
364
  };
345
365
  readonly warning: {
346
366
  readonly focusVisible: string;
@@ -361,6 +381,8 @@ export declare const colorsLight: {
361
381
  readonly opacity: string;
362
382
  readonly toneOpacity: string;
363
383
  readonly semanticText: string;
384
+ readonly opacityGradient1: string;
385
+ readonly opacityGradient2: string;
364
386
  };
365
387
  readonly error: {
366
388
  readonly focusVisible: string;
@@ -381,6 +403,8 @@ export declare const colorsLight: {
381
403
  readonly opacity: string;
382
404
  readonly toneOpacity: string;
383
405
  readonly semanticText: string;
406
+ readonly opacityGradient1: string;
407
+ readonly opacityGradient2: string;
384
408
  };
385
409
  };
386
410
  export declare const colorsDark: {
@@ -405,6 +429,8 @@ export declare const colorsDark: {
405
429
  readonly opacity: string;
406
430
  readonly toneOpacity: string;
407
431
  readonly semanticText: string;
432
+ readonly opacityGradient1: string;
433
+ readonly opacityGradient2: string;
408
434
  };
409
435
  readonly default: {
410
436
  readonly semanticText: string;
@@ -425,6 +451,8 @@ export declare const colorsDark: {
425
451
  readonly activeOpacity: string;
426
452
  readonly opacity: string;
427
453
  readonly toneOpacity: string;
454
+ readonly opacityGradient1: string;
455
+ readonly opacityGradient2: string;
428
456
  };
429
457
  readonly divider: string;
430
458
  readonly text: {
@@ -440,7 +468,7 @@ export declare const colorsDark: {
440
468
  readonly backdrop: string;
441
469
  readonly base: string;
442
470
  readonly blur: string;
443
- readonly paper: "#000";
471
+ readonly paper: "#fff";
444
472
  };
445
473
  readonly chips: {
446
474
  readonly error: Record<import('@m4l/styles').ChipColorVariant, import('@m4l/styles').ChipColor>;
@@ -514,6 +542,8 @@ export declare const colorsDark: {
514
542
  readonly opacity: string;
515
543
  readonly toneOpacity: string;
516
544
  readonly semanticText: string;
545
+ readonly opacityGradient1: string;
546
+ readonly opacityGradient2: string;
517
547
  };
518
548
  readonly success: {
519
549
  readonly focusVisible: string;
@@ -534,6 +564,8 @@ export declare const colorsDark: {
534
564
  readonly opacity: string;
535
565
  readonly toneOpacity: string;
536
566
  readonly semanticText: string;
567
+ readonly opacityGradient1: string;
568
+ readonly opacityGradient2: string;
537
569
  };
538
570
  readonly warning: {
539
571
  readonly focusVisible: string;
@@ -554,6 +586,8 @@ export declare const colorsDark: {
554
586
  readonly opacity: string;
555
587
  readonly toneOpacity: string;
556
588
  readonly semanticText: string;
589
+ readonly opacityGradient1: string;
590
+ readonly opacityGradient2: string;
557
591
  };
558
592
  readonly error: {
559
593
  readonly focusVisible: string;
@@ -574,6 +608,8 @@ export declare const colorsDark: {
574
608
  readonly opacity: string;
575
609
  readonly toneOpacity: string;
576
610
  readonly semanticText: string;
611
+ readonly opacityGradient1: string;
612
+ readonly opacityGradient2: string;
577
613
  };
578
614
  } | {
579
615
  readonly mode: "dark";
@@ -597,6 +633,8 @@ export declare const colorsDark: {
597
633
  readonly opacity: string;
598
634
  readonly toneOpacity: string;
599
635
  readonly semanticText: string;
636
+ readonly opacityGradient1: string;
637
+ readonly opacityGradient2: string;
600
638
  };
601
639
  readonly default: {
602
640
  readonly semanticText: string;
@@ -617,6 +655,8 @@ export declare const colorsDark: {
617
655
  readonly activeOpacity: string;
618
656
  readonly opacity: string;
619
657
  readonly toneOpacity: string;
658
+ readonly opacityGradient1: string;
659
+ readonly opacityGradient2: string;
620
660
  };
621
661
  readonly text: {
622
662
  readonly primary: string;
@@ -673,7 +713,7 @@ export declare const colorsDark: {
673
713
  readonly border: {
674
714
  readonly main: string;
675
715
  readonly dens: string;
676
- readonly default: string | undefined;
716
+ readonly default: string;
677
717
  readonly secondary: string;
678
718
  readonly disabled: string;
679
719
  readonly error: string;
@@ -706,6 +746,8 @@ export declare const colorsDark: {
706
746
  readonly opacity: string;
707
747
  readonly toneOpacity: string;
708
748
  readonly semanticText: string;
749
+ readonly opacityGradient1: string;
750
+ readonly opacityGradient2: string;
709
751
  };
710
752
  readonly success: {
711
753
  readonly focusVisible: string;
@@ -726,6 +768,8 @@ export declare const colorsDark: {
726
768
  readonly opacity: string;
727
769
  readonly toneOpacity: string;
728
770
  readonly semanticText: string;
771
+ readonly opacityGradient1: string;
772
+ readonly opacityGradient2: string;
729
773
  };
730
774
  readonly warning: {
731
775
  readonly focusVisible: string;
@@ -746,6 +790,8 @@ export declare const colorsDark: {
746
790
  readonly opacity: string;
747
791
  readonly toneOpacity: string;
748
792
  readonly semanticText: string;
793
+ readonly opacityGradient1: string;
794
+ readonly opacityGradient2: string;
749
795
  };
750
796
  readonly error: {
751
797
  readonly focusVisible: string;
@@ -766,6 +812,8 @@ export declare const colorsDark: {
766
812
  readonly opacity: string;
767
813
  readonly toneOpacity: string;
768
814
  readonly semanticText: string;
815
+ readonly opacityGradient1: string;
816
+ readonly opacityGradient2: string;
769
817
  };
770
818
  };
771
819
  export declare const generalColors: string[];
package/components/ModuleDetailTabs/ModuleDetailTabs.js CHANGED
@@ -30,6 +30,7 @@ function ModuleDetailTabs(props) {
30
30
  TabContent,
31
31
  {
32
32
  style: { display: isMatched ? "flex" : "none" },
33
+ background: !!tab.background,
33
34
  children: /* @__PURE__ */ jsx(tab.tabContent, { data: detailData, endPointData, hasPrivilegeDetail, ...tab.componentProps })
34
35
  },
35
36
  tab.value
package/components/ModuleDetailTabs/types.d.ts CHANGED
@@ -47,6 +47,10 @@ export interface ModuleDatailTab<T extends Record<string, any> = Record<string,
47
47
  * automáticamente por ModuleDetailTabs
48
48
  */
49
49
  componentProps?: Omit<React.ComponentProps<C>, keyof ModuleDetailTabContent<T, K>>;
50
+ /**
51
+ * "background" Indica si el contenido del tab debe tener un fondo, default: false
52
+ */
53
+ background?: boolean;
50
54
  }
51
55
  /**
52
56
  * Interfaz para las props del tab de logs
package/components/ModuleDetailTabs/useModuleDatailTabs.d.ts CHANGED
@@ -15,122 +15,125 @@ export declare function useModuleDetailTabs<T extends Record<string, any> = Reco
15
15
  value: string;
16
16
  tabContent: import('react').FunctionComponent<any>;
17
17
  componentProps?: Omit<any, keyof import('./types').ModuleDetailTabContent<T_1, K_1>> | undefined;
18
+ background?: boolean;
18
19
  dictionaryId?: string;
19
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;
22
- title?: string | undefined;
23
+ title?: string | undefined | undefined;
23
24
  component?: React.ElementType | undefined;
24
- id?: string | undefined;
25
+ id?: string | undefined | undefined;
25
26
  disabled?: boolean | undefined;
26
27
  action?: React.Ref<import('@mui/material').ButtonBaseActions> | undefined;
27
- hidden?: boolean | undefined;
28
+ hidden?: boolean | undefined | undefined;
28
29
  color?: Extract<import('@m4l/styles').ComponentPalletColor, "default"> | undefined;
29
- content?: string | undefined;
30
+ content?: string | undefined | undefined;
30
31
  style?: React.CSSProperties | undefined;
31
- translate?: "yes" | "no" | undefined;
32
+ translate?: "yes" | "no" | undefined | undefined;
32
33
  urlIcon?: string | undefined;
33
- lang?: string | undefined;
34
- slot?: string | undefined;
35
- dir?: string | undefined;
34
+ lang?: string | undefined | undefined;
35
+ slot?: string | undefined | undefined;
36
+ dir?: string | undefined | undefined;
36
37
  className?: string | undefined;
37
38
  classes?: (Partial<import('@mui/material').TabClasses> & Partial<import('@mui/material').ClassNameMap<never>>) | undefined;
38
39
  sx?: import('@mui/system').SxProps<import('@mui/material').Theme> | undefined;
39
40
  key?: import('react').Key | null | undefined;
40
- defaultChecked?: boolean | undefined;
41
+ defaultChecked?: boolean | undefined | undefined;
41
42
  defaultValue?: string | number | readonly string[] | undefined;
42
- suppressContentEditableWarning?: boolean | undefined;
43
- suppressHydrationWarning?: boolean | undefined;
44
- accessKey?: string | undefined;
45
- autoCapitalize?: "off" | "none" | "on" | "sentences" | "words" | "characters" | undefined | (string & {});
46
- autoFocus?: boolean | undefined;
47
- contentEditable?: (boolean | "false" | "true") | "inherit" | "plaintext-only" | undefined;
48
- contextMenu?: string | undefined;
43
+ suppressContentEditableWarning?: boolean | undefined | undefined;
44
+ suppressHydrationWarning?: boolean | undefined | undefined;
45
+ accessKey?: string | undefined | undefined;
46
+ autoCapitalize?: "off" | "none" | "on" | "sentences" | "words" | "characters" | undefined | (string & {}) | undefined;
47
+ autoFocus?: boolean | undefined | undefined;
48
+ contentEditable?: "inherit" | (boolean | "false" | "true") | "plaintext-only" | undefined;
49
+ contextMenu?: string | undefined | undefined;
49
50
  draggable?: (boolean | "false" | "true") | undefined;
50
- enterKeyHint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined;
51
- nonce?: string | undefined;
51
+ enterKeyHint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined | undefined;
52
+ nonce?: string | undefined | undefined;
52
53
  spellCheck?: (boolean | "false" | "true") | undefined;
53
54
  tabIndex?: NonNullable<React.HTMLAttributes<any>["tabIndex"]> | undefined;
54
- radioGroup?: string | undefined;
55
+ radioGroup?: string | undefined | undefined;
55
56
  role?: import('react').AriaRole | undefined;
56
- about?: string | undefined;
57
- datatype?: string | undefined;
57
+ about?: string | undefined | undefined;
58
+ datatype?: string | undefined | undefined;
58
59
  inlist?: any;
59
- prefix?: string | undefined;
60
- property?: string | undefined;
61
- rel?: string | undefined;
62
- resource?: string | undefined;
63
- rev?: string | undefined;
64
- typeof?: string | undefined;
65
- vocab?: string | undefined;
66
- autoCorrect?: string | undefined;
67
- autoSave?: string | undefined;
68
- itemProp?: string | undefined;
69
- itemScope?: boolean | undefined;
70
- itemType?: string | undefined;
71
- itemID?: string | undefined;
72
- itemRef?: string | undefined;
73
- results?: number | undefined;
74
- security?: string | undefined;
75
- unselectable?: "on" | "off" | undefined;
76
- inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined;
77
- is?: string | undefined;
78
- "aria-activedescendant"?: string | undefined;
60
+ prefix?: string | undefined | undefined;
61
+ property?: string | undefined | undefined;
62
+ rel?: string | undefined | undefined;
63
+ resource?: string | undefined | undefined;
64
+ rev?: string | undefined | undefined;
65
+ typeof?: string | undefined | undefined;
66
+ vocab?: string | undefined | undefined;
67
+ autoCorrect?: string | undefined | undefined;
68
+ autoSave?: string | undefined | undefined;
69
+ itemProp?: string | undefined | undefined;
70
+ itemScope?: boolean | undefined | undefined;
71
+ itemType?: string | undefined | undefined;
72
+ itemID?: string | undefined | undefined;
73
+ itemRef?: string | undefined | undefined;
74
+ results?: number | undefined | undefined;
75
+ security?: string | undefined | undefined;
76
+ unselectable?: "on" | "off" | undefined | undefined;
77
+ inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined | undefined;
78
+ is?: string | undefined | undefined;
79
+ exportparts?: string | undefined | undefined;
80
+ part?: string | undefined | undefined;
81
+ "aria-activedescendant"?: string | undefined | undefined;
79
82
  "aria-atomic"?: (boolean | "false" | "true") | undefined;
80
- "aria-autocomplete"?: "none" | "inline" | "list" | "both" | undefined;
81
- "aria-braillelabel"?: string | undefined;
82
- "aria-brailleroledescription"?: string | undefined;
83
+ "aria-autocomplete"?: "none" | "inline" | "list" | "both" | undefined | undefined;
84
+ "aria-braillelabel"?: string | undefined | undefined;
85
+ "aria-brailleroledescription"?: string | undefined | undefined;
83
86
  "aria-busy"?: (boolean | "false" | "true") | undefined;
84
- "aria-checked"?: boolean | "false" | "mixed" | "true" | undefined;
85
- "aria-colcount"?: number | undefined;
86
- "aria-colindex"?: number | undefined;
87
- "aria-colindextext"?: string | undefined;
88
- "aria-colspan"?: number | undefined;
89
- "aria-controls"?: string | undefined;
90
- "aria-current"?: boolean | "false" | "true" | "page" | "step" | "location" | "date" | "time" | undefined;
91
- "aria-describedby"?: string | undefined;
92
- "aria-description"?: string | undefined;
93
- "aria-details"?: string | undefined;
87
+ "aria-checked"?: boolean | "false" | "mixed" | "true" | undefined | undefined;
88
+ "aria-colcount"?: number | undefined | undefined;
89
+ "aria-colindex"?: number | undefined | undefined;
90
+ "aria-colindextext"?: string | undefined | undefined;
91
+ "aria-colspan"?: number | undefined | undefined;
92
+ "aria-controls"?: string | undefined | undefined;
93
+ "aria-current"?: boolean | "false" | "true" | "page" | "step" | "location" | "date" | "time" | undefined | undefined;
94
+ "aria-describedby"?: string | undefined | undefined;
95
+ "aria-description"?: string | undefined | undefined;
96
+ "aria-details"?: string | undefined | undefined;
94
97
  "aria-disabled"?: (boolean | "false" | "true") | undefined;
95
- "aria-dropeffect"?: "none" | "copy" | "execute" | "link" | "move" | "popup" | undefined;
96
- "aria-errormessage"?: string | undefined;
98
+ "aria-dropeffect"?: "none" | "copy" | "execute" | "link" | "move" | "popup" | undefined | undefined;
99
+ "aria-errormessage"?: string | undefined | undefined;
97
100
  "aria-expanded"?: (boolean | "false" | "true") | undefined;
98
- "aria-flowto"?: string | undefined;
101
+ "aria-flowto"?: string | undefined | undefined;
99
102
  "aria-grabbed"?: (boolean | "false" | "true") | undefined;
100
- "aria-haspopup"?: boolean | "false" | "true" | "menu" | "listbox" | "tree" | "grid" | "dialog" | undefined;
103
+ "aria-haspopup"?: boolean | "false" | "true" | "menu" | "listbox" | "tree" | "grid" | "dialog" | undefined | undefined;
101
104
  "aria-hidden"?: (boolean | "false" | "true") | undefined;
102
- "aria-invalid"?: boolean | "false" | "true" | "grammar" | "spelling" | undefined;
103
- "aria-keyshortcuts"?: string | undefined;
104
- "aria-label"?: string | undefined;
105
- "aria-labelledby"?: string | undefined;
106
- "aria-level"?: number | undefined;
107
- "aria-live"?: "off" | "assertive" | "polite" | undefined;
105
+ "aria-invalid"?: boolean | "false" | "true" | "grammar" | "spelling" | undefined | undefined;
106
+ "aria-keyshortcuts"?: string | undefined | undefined;
107
+ "aria-label"?: string | undefined | undefined;
108
+ "aria-labelledby"?: string | undefined | undefined;
109
+ "aria-level"?: number | undefined | undefined;
110
+ "aria-live"?: "off" | "assertive" | "polite" | undefined | undefined;
108
111
  "aria-modal"?: (boolean | "false" | "true") | undefined;
109
112
  "aria-multiline"?: (boolean | "false" | "true") | undefined;
110
113
  "aria-multiselectable"?: (boolean | "false" | "true") | undefined;
111
- "aria-orientation"?: "horizontal" | "vertical" | undefined;
112
- "aria-owns"?: string | undefined;
113
- "aria-placeholder"?: string | undefined;
114
- "aria-posinset"?: number | undefined;
115
- "aria-pressed"?: boolean | "false" | "mixed" | "true" | undefined;
114
+ "aria-orientation"?: "horizontal" | "vertical" | undefined | undefined;
115
+ "aria-owns"?: string | undefined | undefined;
116
+ "aria-placeholder"?: string | undefined | undefined;
117
+ "aria-posinset"?: number | undefined | undefined;
118
+ "aria-pressed"?: boolean | "false" | "mixed" | "true" | undefined | undefined;
116
119
  "aria-readonly"?: (boolean | "false" | "true") | undefined;
117
- "aria-relevant"?: "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text" | "text additions" | "text removals" | undefined;
120
+ "aria-relevant"?: "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text" | "text additions" | "text removals" | undefined | undefined;
118
121
  "aria-required"?: (boolean | "false" | "true") | undefined;
119
- "aria-roledescription"?: string | undefined;
120
- "aria-rowcount"?: number | undefined;
121
- "aria-rowindex"?: number | undefined;
122
- "aria-rowindextext"?: string | undefined;
123
- "aria-rowspan"?: number | undefined;
122
+ "aria-roledescription"?: string | undefined | undefined;
123
+ "aria-rowcount"?: number | undefined | undefined;
124
+ "aria-rowindex"?: number | undefined | undefined;
125
+ "aria-rowindextext"?: string | undefined | undefined;
126
+ "aria-rowspan"?: number | undefined | undefined;
124
127
  "aria-selected"?: (boolean | "false" | "true") | undefined;
125
- "aria-setsize"?: number | undefined;
126
- "aria-sort"?: "none" | "ascending" | "descending" | "other" | undefined;
127
- "aria-valuemax"?: number | undefined;
128
- "aria-valuemin"?: number | undefined;
129
- "aria-valuenow"?: number | undefined;
130
- "aria-valuetext"?: string | undefined;
128
+ "aria-setsize"?: number | undefined | undefined;
129
+ "aria-sort"?: "none" | "ascending" | "descending" | "other" | undefined | undefined;
130
+ "aria-valuemax"?: number | undefined | undefined;
131
+ "aria-valuemin"?: number | undefined | undefined;
132
+ "aria-valuenow"?: number | undefined | undefined;
133
+ "aria-valuetext"?: string | undefined | undefined;
131
134
  dangerouslySetInnerHTML?: {
132
135
  __html: string | TrustedHTML;
133
- } | undefined;
136
+ } | undefined | undefined;
134
137
  onCopy?: import('react').ClipboardEventHandler<HTMLDivElement> | undefined;
135
138
  onCopyCapture?: import('react').ClipboardEventHandler<HTMLDivElement> | undefined;
136
139
  onCut?: import('react').ClipboardEventHandler<HTMLDivElement> | undefined;
@@ -149,7 +152,7 @@ export declare function useModuleDetailTabs<T extends Record<string, any> = Reco
149
152
  onBlurCapture?: import('react').FocusEventHandler<HTMLDivElement> | undefined;
150
153
  onChange?: import('react').FormEventHandler<HTMLDivElement> | undefined;
151
154
  onChangeCapture?: import('react').FormEventHandler<HTMLDivElement> | undefined;
152
- onBeforeInput?: import('react').FormEventHandler<HTMLDivElement> | undefined;
155
+ onBeforeInput?: import('react').InputEventHandler<HTMLDivElement> | undefined;
153
156
  onBeforeInputCapture?: import('react').FormEventHandler<HTMLDivElement> | undefined;
154
157
  onInput?: import('react').FormEventHandler<HTMLDivElement> | undefined;
155
158
  onInputCapture?: import('react').FormEventHandler<HTMLDivElement> | undefined;
@@ -199,8 +202,6 @@ export declare function useModuleDetailTabs<T extends Record<string, any> = Reco
199
202
  onProgressCapture?: import('react').ReactEventHandler<HTMLDivElement> | undefined;
200
203
  onRateChange?: import('react').ReactEventHandler<HTMLDivElement> | undefined;
201
204
  onRateChangeCapture?: import('react').ReactEventHandler<HTMLDivElement> | undefined;
202
- onResize?: import('react').ReactEventHandler<HTMLDivElement> | undefined;
203
- onResizeCapture?: import('react').ReactEventHandler<HTMLDivElement> | undefined;
204
205
  onSeeked?: import('react').ReactEventHandler<HTMLDivElement> | undefined;
205
206
  onSeekedCapture?: import('react').ReactEventHandler<HTMLDivElement> | undefined;
206
207
  onSeeking?: import('react').ReactEventHandler<HTMLDivElement> | undefined;
@@ -291,6 +292,7 @@ export declare function useModuleDetailTabs<T extends Record<string, any> = Reco
291
292
  onAnimationIterationCapture?: import('react').AnimationEventHandler<HTMLDivElement> | undefined;
292
293
  onTransitionEnd?: import('react').TransitionEventHandler<HTMLDivElement> | undefined;
293
294
  onTransitionEndCapture?: import('react').TransitionEventHandler<HTMLDivElement> | undefined;
295
+ dataTestId?: string | undefined;
294
296
  centerRipple?: boolean | undefined;
295
297
  disableRipple?: boolean | undefined;
296
298
  disableTouchRipple?: boolean | undefined;
@@ -301,8 +303,8 @@ export declare function useModuleDetailTabs<T extends Record<string, any> = Reco
301
303
  TouchRippleProps?: Partial<import('@mui/material/ButtonBase/TouchRipple').TouchRippleProps> | undefined;
302
304
  touchRippleRef?: React.Ref<import('@mui/material/ButtonBase/TouchRipple').TouchRippleActions> | undefined;
303
305
  disableFocusRipple?: boolean | undefined;
304
- dataTestId?: string | undefined;
305
- iconPosition?: ("top" | "bottom" | "start" | "end") | undefined;
306
+ ariaLabel?: string | undefined;
307
+ iconPosition?: "top" | "bottom" | "start" | "end" | undefined;
306
308
  wrapped?: boolean | undefined;
307
309
  }[];
308
310
  handleChangeTab: (newValue: string) => void;
package/hooks/useDynamicAccordions/useDynamicAccordions.js CHANGED
@@ -1,5 +1,5 @@
1
1
  import { jsx } from "react/jsx-runtime";
2
- import { ScrollBar, Stack } from "@m4l/components";
2
+ import { Stack } from "@m4l/components";
3
3
  import { u as useBaseAccordions } from "./useBaseAccordions.js";
4
4
  function useDynamicAccordions(props) {
5
5
  const { configDynamicAccordions } = props;
@@ -10,7 +10,7 @@ function useDynamicAccordions(props) {
10
10
  endPointData,
11
11
  configDynamicAccordions
12
12
  });
13
- return /* @__PURE__ */ jsx(ScrollBar, { children: /* @__PURE__ */ jsx(Stack, { direction: "column", gap: "4px", style: { height: "auto" }, children: accordionsComponents }) });
13
+ return /* @__PURE__ */ jsx(Stack, { direction: "column", gap: "4px", style: { height: "auto" }, children: accordionsComponents });
14
14
  };
15
15
  }
16
16
  export {
package/hooks/useDynamicPaperForm/types.d.ts CHANGED
@@ -1,4 +1,5 @@
1
- interface PropertyValueFieldBase {
1
+ import { PropertyValueProps } from '@m4l/components';
2
+ interface PropertyValueFieldBase extends Pick<PropertyValueProps, 'semanticWidth'> {
2
3
  name: string;
3
4
  type: 'RHFTexfField' | 'component';
4
5
  label: string;
package/hooks/useDynamicPaperForm/useDynamicPaperForm.js CHANGED
@@ -41,7 +41,7 @@ function useDynamicPaperForm(props) {
41
41
  mandatoryMessage: "*",
42
42
  value: component,
43
43
  dataTestId: field.name,
44
- semanticWidth: "fullWidth"
44
+ semanticWidth: field?.semanticWidth || "fullWidth"
45
45
  },
46
46
  field.name
47
47
  );
package/layouts/MasterDetailLayout/MasterDetailLayout.js CHANGED
@@ -76,6 +76,8 @@ function MasterDetailLayout(props) {
76
76
  onClose: () => {
77
77
  moduleLayoutRef.current?.closeModal();
78
78
  },
79
+ type: "modal",
80
+ variant: "outlined",
79
81
  children: typeof detailComponent === "function" ? detailComponent({}) : detailComponent
80
82
  }
81
83
  )
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@m4l/layouts",
3
- "version": "9.3.1",
3
+ "version": "9.3.3",
4
4
  "license": "UNLICENSED",
5
5
  "author": "M4L Team ",
6
6
  "lint-staged": {