@m4l/layouts 9.4.0-AQ20260114.beta.1 → 9.4.0-AQ20260115.beta.2
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/useRefreshData/types.d.ts +11 -2
- package/hooks/useRefreshData/useRefreshData.d.ts +2 -2
- package/hooks/useRefreshData/useRefreshData.js +8 -4
- package/layouts/NoAuthModuleLayout/slots/NoAuthModuleLayoutSlots.d.ts +2 -2
- package/package.json +1 -1
- 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;
|
|
31
29
|
readonly light: string;
|
|
32
30
|
readonly dark: string;
|
|
33
31
|
readonly main: string;
|
|
34
32
|
readonly contrastText: string;
|
|
33
|
+
readonly enabled: string;
|
|
35
34
|
readonly enabledOpacity: string;
|
|
36
35
|
readonly hover: string;
|
|
37
36
|
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>;
|
|
68
67
|
readonly info: Record<import('@m4l/styles').ChipColorVariant, import('@m4l/styles').ChipColor>;
|
|
69
68
|
readonly success: Record<import('@m4l/styles').ChipColorVariant, import('@m4l/styles').ChipColor>;
|
|
70
69
|
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;
|
|
124
122
|
readonly light: string;
|
|
125
123
|
readonly dark: string;
|
|
126
124
|
readonly main: string;
|
|
127
125
|
readonly contrastText: string;
|
|
126
|
+
readonly enabled: string;
|
|
128
127
|
readonly enabledOpacity: string;
|
|
129
128
|
readonly hover: string;
|
|
130
129
|
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;
|
|
146
144
|
readonly light: string;
|
|
147
145
|
readonly dark: string;
|
|
148
146
|
readonly main: string;
|
|
149
147
|
readonly contrastText: string;
|
|
148
|
+
readonly enabled: string;
|
|
150
149
|
readonly enabledOpacity: string;
|
|
151
150
|
readonly hover: string;
|
|
152
151
|
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;
|
|
168
166
|
readonly light: string;
|
|
169
167
|
readonly dark: string;
|
|
170
168
|
readonly main: string;
|
|
171
169
|
readonly contrastText: string;
|
|
170
|
+
readonly enabled: string;
|
|
172
171
|
readonly enabledOpacity: string;
|
|
173
172
|
readonly hover: string;
|
|
174
173
|
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;
|
|
190
188
|
readonly light: string;
|
|
191
189
|
readonly dark: string;
|
|
192
190
|
readonly main: string;
|
|
193
191
|
readonly contrastText: string;
|
|
192
|
+
readonly enabled: string;
|
|
194
193
|
readonly enabledOpacity: string;
|
|
195
194
|
readonly hover: string;
|
|
196
195
|
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;
|
|
238
236
|
readonly light: string;
|
|
239
237
|
readonly dark: string;
|
|
240
238
|
readonly main: string;
|
|
241
239
|
readonly contrastText: string;
|
|
240
|
+
readonly enabled: string;
|
|
242
241
|
readonly enabledOpacity: string;
|
|
243
242
|
readonly hover: string;
|
|
244
243
|
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>;
|
|
275
274
|
readonly info: Record<import('@m4l/styles').ChipColorVariant, import('@m4l/styles').ChipColor>;
|
|
276
275
|
readonly success: Record<import('@m4l/styles').ChipColorVariant, import('@m4l/styles').ChipColor>;
|
|
277
276
|
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;
|
|
331
329
|
readonly light: string;
|
|
332
330
|
readonly dark: string;
|
|
333
331
|
readonly main: string;
|
|
334
332
|
readonly contrastText: string;
|
|
333
|
+
readonly enabled: string;
|
|
335
334
|
readonly enabledOpacity: string;
|
|
336
335
|
readonly hover: string;
|
|
337
336
|
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;
|
|
353
351
|
readonly light: string;
|
|
354
352
|
readonly dark: string;
|
|
355
353
|
readonly main: string;
|
|
356
354
|
readonly contrastText: string;
|
|
355
|
+
readonly enabled: string;
|
|
357
356
|
readonly enabledOpacity: string;
|
|
358
357
|
readonly hover: string;
|
|
359
358
|
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;
|
|
375
373
|
readonly light: string;
|
|
376
374
|
readonly dark: string;
|
|
377
375
|
readonly main: string;
|
|
378
376
|
readonly contrastText: string;
|
|
377
|
+
readonly enabled: string;
|
|
379
378
|
readonly enabledOpacity: string;
|
|
380
379
|
readonly hover: string;
|
|
381
380
|
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;
|
|
397
395
|
readonly light: string;
|
|
398
396
|
readonly dark: string;
|
|
399
397
|
readonly main: string;
|
|
400
398
|
readonly contrastText: string;
|
|
399
|
+
readonly enabled: string;
|
|
401
400
|
readonly enabledOpacity: string;
|
|
402
401
|
readonly hover: string;
|
|
403
402
|
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;
|
|
446
444
|
readonly light: string;
|
|
447
445
|
readonly dark: string;
|
|
448
446
|
readonly main: string;
|
|
449
447
|
readonly contrastText: string;
|
|
448
|
+
readonly enabled: string;
|
|
450
449
|
readonly enabledOpacity: string;
|
|
451
450
|
readonly hover: string;
|
|
452
451
|
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>;
|
|
483
482
|
readonly info: Record<import('@m4l/styles').ChipColorVariant, import('@m4l/styles').ChipColor>;
|
|
484
483
|
readonly success: Record<import('@m4l/styles').ChipColorVariant, import('@m4l/styles').ChipColor>;
|
|
485
484
|
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;
|
|
539
537
|
readonly light: string;
|
|
540
538
|
readonly dark: string;
|
|
541
539
|
readonly main: string;
|
|
542
540
|
readonly contrastText: string;
|
|
541
|
+
readonly enabled: string;
|
|
543
542
|
readonly enabledOpacity: string;
|
|
544
543
|
readonly hover: string;
|
|
545
544
|
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;
|
|
561
559
|
readonly light: string;
|
|
562
560
|
readonly dark: string;
|
|
563
561
|
readonly main: string;
|
|
564
562
|
readonly contrastText: string;
|
|
563
|
+
readonly enabled: string;
|
|
565
564
|
readonly enabledOpacity: string;
|
|
566
565
|
readonly hover: string;
|
|
567
566
|
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;
|
|
583
581
|
readonly light: string;
|
|
584
582
|
readonly dark: string;
|
|
585
583
|
readonly main: string;
|
|
586
584
|
readonly contrastText: string;
|
|
585
|
+
readonly enabled: string;
|
|
587
586
|
readonly enabledOpacity: string;
|
|
588
587
|
readonly hover: string;
|
|
589
588
|
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;
|
|
605
603
|
readonly light: string;
|
|
606
604
|
readonly dark: string;
|
|
607
605
|
readonly main: string;
|
|
608
606
|
readonly contrastText: string;
|
|
607
|
+
readonly enabled: string;
|
|
609
608
|
readonly enabledOpacity: string;
|
|
610
609
|
readonly hover: string;
|
|
611
610
|
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;
|
|
653
651
|
readonly light: string;
|
|
654
652
|
readonly dark: string;
|
|
655
653
|
readonly main: string;
|
|
656
654
|
readonly contrastText: string;
|
|
655
|
+
readonly enabled: string;
|
|
657
656
|
readonly enabledOpacity: string;
|
|
658
657
|
readonly hover: string;
|
|
659
658
|
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>;
|
|
690
689
|
readonly info: Record<import('@m4l/styles').ChipColorVariant, import('@m4l/styles').ChipColor>;
|
|
691
690
|
readonly success: Record<import('@m4l/styles').ChipColorVariant, import('@m4l/styles').ChipColor>;
|
|
692
691
|
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;
|
|
746
744
|
readonly light: string;
|
|
747
745
|
readonly dark: string;
|
|
748
746
|
readonly main: string;
|
|
749
747
|
readonly contrastText: string;
|
|
748
|
+
readonly enabled: string;
|
|
750
749
|
readonly enabledOpacity: string;
|
|
751
750
|
readonly hover: string;
|
|
752
751
|
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;
|
|
768
766
|
readonly light: string;
|
|
769
767
|
readonly dark: string;
|
|
770
768
|
readonly main: string;
|
|
771
769
|
readonly contrastText: string;
|
|
770
|
+
readonly enabled: string;
|
|
772
771
|
readonly enabledOpacity: string;
|
|
773
772
|
readonly hover: string;
|
|
774
773
|
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;
|
|
790
788
|
readonly light: string;
|
|
791
789
|
readonly dark: string;
|
|
792
790
|
readonly main: string;
|
|
793
791
|
readonly contrastText: string;
|
|
792
|
+
readonly enabled: string;
|
|
794
793
|
readonly enabledOpacity: string;
|
|
795
794
|
readonly hover: string;
|
|
796
795
|
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;
|
|
812
810
|
readonly light: string;
|
|
813
811
|
readonly dark: string;
|
|
814
812
|
readonly main: string;
|
|
815
813
|
readonly contrastText: string;
|
|
814
|
+
readonly enabled: string;
|
|
816
815
|
readonly enabledOpacity: string;
|
|
817
816
|
readonly hover: string;
|
|
818
817
|
readonly hoverOpacity: string;
|
|
818
|
+
readonly focus: string;
|
|
819
819
|
readonly focusOpacity: string;
|
|
820
820
|
readonly selected: string;
|
|
821
821
|
readonly selectedOpacity: string;
|
|
@@ -17,25 +17,33 @@ 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;
|
|
21
20
|
children?: null | undefined;
|
|
22
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;
|
|
23
|
-
title?: string | undefined | undefined;
|
|
24
|
-
component?: React.ElementType | undefined;
|
|
25
22
|
id?: string | undefined | undefined;
|
|
26
|
-
|
|
23
|
+
className?: string | undefined;
|
|
24
|
+
style?: React.CSSProperties | undefined;
|
|
25
|
+
classes?: (Partial<import('@mui/material').TabClasses> & Partial<import('@mui/material').ClassNameMap<never>>) | undefined;
|
|
27
26
|
action?: React.Ref<import('@mui/material').ButtonBaseActions> | undefined;
|
|
27
|
+
centerRipple?: boolean | undefined;
|
|
28
|
+
disabled?: boolean | undefined;
|
|
29
|
+
disableRipple?: boolean | undefined;
|
|
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;
|
|
28
39
|
color?: Extract<import('@m4l/styles').ComponentPalletColor, "default"> | undefined;
|
|
29
40
|
content?: string | undefined | undefined;
|
|
30
41
|
translate?: "yes" | "no" | undefined | undefined;
|
|
31
|
-
|
|
32
|
-
|
|
42
|
+
disableFocusRipple?: boolean | undefined;
|
|
43
|
+
iconPosition?: "top" | "bottom" | "start" | "end" | undefined;
|
|
44
|
+
wrapped?: boolean | undefined;
|
|
33
45
|
slot?: string | undefined | undefined;
|
|
34
|
-
|
|
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;
|
|
46
|
+
title?: string | undefined | undefined;
|
|
39
47
|
key?: import('react').Key | null | undefined;
|
|
40
48
|
defaultChecked?: boolean | undefined | undefined;
|
|
41
49
|
defaultValue?: string | number | readonly string[] | undefined;
|
|
@@ -44,14 +52,15 @@ export declare function useModuleDetailTabs<T extends Record<string, any> = Reco
|
|
|
44
52
|
accessKey?: string | undefined | undefined;
|
|
45
53
|
autoCapitalize?: "off" | "none" | "on" | "sentences" | "words" | "characters" | undefined | (string & {}) | undefined;
|
|
46
54
|
autoFocus?: boolean | undefined | undefined;
|
|
47
|
-
contentEditable?:
|
|
55
|
+
contentEditable?: (boolean | "true" | "false") | "inherit" | "plaintext-only" | undefined;
|
|
48
56
|
contextMenu?: string | undefined | undefined;
|
|
57
|
+
dir?: string | undefined | undefined;
|
|
49
58
|
draggable?: (boolean | "true" | "false") | undefined;
|
|
50
59
|
enterKeyHint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined | undefined;
|
|
51
60
|
hidden?: boolean | undefined | undefined;
|
|
61
|
+
lang?: string | undefined | undefined;
|
|
52
62
|
nonce?: string | undefined | undefined;
|
|
53
63
|
spellCheck?: (boolean | "true" | "false") | undefined;
|
|
54
|
-
tabIndex?: NonNullable<React.HTMLAttributes<any>["tabIndex"]> | undefined;
|
|
55
64
|
radioGroup?: string | undefined | undefined;
|
|
56
65
|
role?: import('react').AriaRole | undefined;
|
|
57
66
|
about?: string | undefined | undefined;
|
|
@@ -292,20 +301,11 @@ export declare function useModuleDetailTabs<T extends Record<string, any> = Reco
|
|
|
292
301
|
onAnimationIterationCapture?: import('react').AnimationEventHandler<HTMLDivElement> | undefined;
|
|
293
302
|
onTransitionEnd?: import('react').TransitionEventHandler<HTMLDivElement> | undefined;
|
|
294
303
|
onTransitionEndCapture?: import('react').TransitionEventHandler<HTMLDivElement> | undefined;
|
|
295
|
-
|
|
304
|
+
size?: Extract<import('@m4l/styles').Sizes, "small" | "medium"> | undefined;
|
|
305
|
+
component?: React.ElementType | undefined;
|
|
296
306
|
dataTestId?: string | undefined;
|
|
297
|
-
|
|
298
|
-
|
|
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;
|
|
307
|
+
urlIcon?: string | undefined;
|
|
308
|
+
ariaLabel?: string | undefined;
|
|
309
309
|
}[];
|
|
310
310
|
handleChangeTab: (newValue: string) => void;
|
|
311
311
|
refreshDetail: () => void;
|
|
@@ -1,5 +1,10 @@
|
|
|
1
1
|
import { GetLabelType } from '@m4l/core';
|
|
2
|
-
|
|
2
|
+
/**
|
|
3
|
+
* Interface to use the useRefreshData hook
|
|
4
|
+
* @param TRow - Type of the rows
|
|
5
|
+
* @param TRowTriggerSelected - Type of the row to trigger the selection of a row, by default is the same type as the rows
|
|
6
|
+
*/
|
|
7
|
+
export interface UseRefreshData<TRow, TRowTriggerSelected = TRow> {
|
|
3
8
|
/**
|
|
4
9
|
* Function to refresh the data
|
|
5
10
|
*/
|
|
@@ -12,6 +17,10 @@ export interface UseRefreshData<TRow> {
|
|
|
12
17
|
* Function to get the label
|
|
13
18
|
*/
|
|
14
19
|
getLabel: GetLabelType;
|
|
20
|
+
/**
|
|
21
|
+
* Trigger to select the row when a specific attribute of the rowTriggerSelected is equal to a specific value
|
|
22
|
+
*/
|
|
23
|
+
triggerSelectedRowWhen?: TriggerSelectWhen<TRowTriggerSelected>;
|
|
15
24
|
}
|
|
16
25
|
/**
|
|
17
26
|
* fieldValue with generic that allow to use nested attributes from a interface or object
|
|
@@ -23,7 +32,7 @@ export type DeepKeyOf<TRow> = TRow extends object ? {
|
|
|
23
32
|
/**
|
|
24
33
|
* Interface to trigger the refresh when a specific attribute is equal to a specific value
|
|
25
34
|
*/
|
|
26
|
-
export interface
|
|
35
|
+
export interface TriggerSelectWhen<TRow> {
|
|
27
36
|
/**
|
|
28
37
|
* Attribute to check if it is equal to the value
|
|
29
38
|
*/
|
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
import { RowKey } from '@m4l/components';
|
|
2
|
-
import {
|
|
2
|
+
import { UseRefreshData } from './types';
|
|
3
3
|
/**
|
|
4
4
|
* Hook that manages the refresh of the data and the selected rows.
|
|
5
5
|
* Note: This hook could be use in every module that needs to refresh the data and the selected rows.
|
|
6
6
|
*/
|
|
7
7
|
export declare const useRefreshData: <TRow>(useRefreshDataProps: UseRefreshData<TRow>) => {
|
|
8
|
-
refresh: (rowParam?: TRow | RowKey
|
|
8
|
+
refresh: (rowParam?: TRow | RowKey) => void;
|
|
9
9
|
onSelectedRowsChange: (newRowsSelectSet: ReadonlySet<RowKey>) => void;
|
|
10
10
|
selectedRows: ReadonlySet<RowKey>;
|
|
11
11
|
focusOnRowKey: RowKey | undefined;
|
|
@@ -4,7 +4,7 @@ import { useHostTools } from "@m4l/core";
|
|
|
4
4
|
import { u as useMasterDetail } from "../useMasterDetail/index.js";
|
|
5
5
|
import { U as USE_REFRESH_DATA_DICTIONARY } from "./dictionary.js";
|
|
6
6
|
const useRefreshData = (useRefreshDataProps) => {
|
|
7
|
-
const { rows, refreshPaginate, getLabel } = useRefreshDataProps;
|
|
7
|
+
const { rows, refreshPaginate, getLabel, triggerSelectedRowWhen } = useRefreshDataProps;
|
|
8
8
|
const { toast } = useHostTools();
|
|
9
9
|
const { onChangeMasterSelection } = useMasterDetail();
|
|
10
10
|
const [validateShowRowCreate, setValidateShowRowCreate] = useState({ show: false, idRow: void 0 });
|
|
@@ -40,12 +40,16 @@ const useRefreshData = (useRefreshDataProps) => {
|
|
|
40
40
|
}
|
|
41
41
|
return void 0;
|
|
42
42
|
}, []);
|
|
43
|
-
const refresh = useCallback((rowParam
|
|
43
|
+
const refresh = useCallback((rowParam) => {
|
|
44
44
|
const idRow = getRowKey(rowParam);
|
|
45
45
|
setFocusOnRowKey(idRow);
|
|
46
46
|
setValidateShowRowCreate({ show: idRow !== void 0, idRow });
|
|
47
|
-
if (idRow !== void 0
|
|
48
|
-
|
|
47
|
+
if (idRow !== void 0) {
|
|
48
|
+
if (triggerSelectedRowWhen === void 0) {
|
|
49
|
+
setSelectedRows(/* @__PURE__ */ new Set([idRow]));
|
|
50
|
+
} else if (triggerSelectedRowWhen !== void 0 && typeof rowParam === "object" && Object.prototype.hasOwnProperty.call(rowParam, triggerSelectedRowWhen.attribute) && rowParam[triggerSelectedRowWhen.attribute] === triggerSelectedRowWhen.equals) {
|
|
51
|
+
setSelectedRows(/* @__PURE__ */ new Set([idRow]));
|
|
52
|
+
}
|
|
49
53
|
}
|
|
50
54
|
refreshPaginate();
|
|
51
55
|
}, [refreshPaginate, setSelectedRows, getRowKey]);
|
|
@@ -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/
|
|
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>, {}, {}>;
|
|
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/
|
|
8
|
+
export declare const ButtonHomeNavigationStyled: import('@emotion/styled').StyledComponent<Pick<Omit<import('@m4l/components/components/mui_extended/Button').ButtonProps, "ref"> & import('react').RefAttributes<HTMLButtonElement>, "children" | "id" | "label" | "className" | "style" | "classes" | "action" | "centerRipple" | "disabled" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "sx" | "tabIndex" | "TouchRippleProps" | "touchRippleRef" | "color" | "content" | "translate" | "disableFocusRipple" | "value" | "form" | "slot" | "title" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "autoCapitalize" | "autoFocus" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "enterKeyHint" | "hidden" | "lang" | "nonce" | "spellCheck" | "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" | "size" | "component" | "type" | "name" | "fullWidth" | "skeletonWidth" | "variant" | "startIcon" | "endIcon" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "disableElevation" | "href" | keyof import('react').RefAttributes<HTMLButtonElement>> & 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>>, {}>;
|
package/package.json
CHANGED
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<() => graphics.Formatters>;
|
|
20
|
+
useFormatter: import('vitest').MockInstance<() => import('@m4l/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<() => graphics.Formatters>;
|
|
25
|
+
useFormatter: import('vitest').MockInstance<() => import('@m4l/graphics').Formatters>;
|
|
26
26
|
};
|