@12-apps/ui 6.93.1 → 6.94.0
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/dist/_internal/components/data-display/AsyncStateContainer/AsyncStateContainer.js +3 -3
- package/dist/_internal/components/data-display/DataViews/DataViewsTableBase.js +5 -5
- package/dist/_internal/components/data-display/DataViews/SaveViewModal.js +3 -3
- package/dist/_internal/components/data-display/DataViews/data-views-table-parts.js +4 -4
- package/dist/_internal/components/data-display/ErrorState/ErrorState.js +2 -2
- package/dist/_internal/components/data-display/ErrorState/ErrorState.metrics.js +3 -1
- package/dist/_internal/components/data-display/index.js +3 -3
- package/dist/_internal/components/form/CepField/CepField.js +3 -3
- package/dist/_internal/components/form/Input/Input.factory.js +1 -1
- package/dist/_internal/components/form/Input/Input.js +2 -2
- package/dist/_internal/components/form/NumberField/NumberField.js +3 -3
- package/dist/_internal/components/form/index.js +5 -5
- package/dist/_internal/components/form/total-form/Fields/CepField.js +4 -4
- package/dist/_internal/components/form/total-form/Fields/TextField.js +3 -3
- package/dist/_internal/components/form/total-form/Fields/index.js +7 -7
- package/dist/_internal/components/index.js +8 -8
- package/dist/{chunk-BR3WBTTQ.js → chunk-3ODEBPGT.js} +3 -3
- package/dist/{chunk-I4DG3PP4.js → chunk-43EFQ3DU.js} +2 -2
- package/dist/{chunk-FXECKKPW.js → chunk-ASBFGGJB.js} +6 -1
- package/dist/chunk-ASBFGGJB.js.map +1 -0
- package/dist/{chunk-3IX2TP4I.js → chunk-GB7NTXL2.js} +2 -2
- package/dist/{chunk-HBH7V3IP.js → chunk-I6IFUFLW.js} +5 -3
- package/dist/chunk-I6IFUFLW.js.map +1 -0
- package/dist/{chunk-YGWLMTPB.js → chunk-KXVWH3JM.js} +2 -2
- package/dist/{chunk-TLGGVE56.js → chunk-OTVOQHZB.js} +3 -1
- package/dist/{chunk-TLGGVE56.js.map → chunk-OTVOQHZB.js.map} +1 -1
- package/dist/{chunk-7F6D73NL.js → chunk-RLTGD5WJ.js} +2 -2
- package/dist/{chunk-GXGHEOWC.js → chunk-USHVG4UQ.js} +2 -2
- package/dist/{chunk-2GDPZ53K.js → chunk-UTWEHMAP.js} +2 -2
- package/dist/{chunk-4JNC5AEF.js → chunk-WGKBZ7DN.js} +2 -2
- package/dist/{chunk-ASEHJIIV.js → chunk-Y3FYOKWF.js} +2 -2
- package/dist/{chunk-RHVJ3L4U.js → chunk-ZJY7OK6H.js} +2 -2
- package/dist/{chunk-LABIUXDM.js → chunk-ZYXXAWDF.js} +2 -2
- package/dist/data-display/AsyncStateContainer.js +3 -3
- package/dist/data-display/DataViews.js +5 -5
- package/dist/data-display/ErrorState.js +2 -2
- package/dist/form/CepField.js +3 -3
- package/dist/form/Input/outlined.js +2 -2
- package/dist/form/Input.js +2 -2
- package/dist/form/NumberField.js +3 -3
- package/dist/form/total-form.js +7 -7
- package/dist/native/data-display/ErrorState.js.map +1 -1
- package/dist/types/components/data-display/ErrorState/ErrorState.d.ts.map +1 -1
- package/dist/types/components/data-display/ErrorState/ErrorState.metrics.d.ts +5 -0
- package/dist/types/components/data-display/ErrorState/ErrorState.metrics.d.ts.map +1 -1
- package/dist/types/components/form/Input/Input.factory.d.ts.map +1 -1
- package/dist/types/components/form/Input/Input.types.d.ts +3 -2
- package/dist/types/components/form/Input/Input.types.d.ts.map +1 -1
- package/dist/types-native/components/data-display/ErrorState/ErrorState.metrics.d.ts +5 -0
- package/dist/types-native/components/data-display/ErrorState/ErrorState.metrics.d.ts.map +1 -1
- package/package.json +1 -1
- package/src/components/data-display/ErrorState/ErrorState.metrics.ts +5 -0
- package/src/components/data-display/ErrorState/ErrorState.tsx +2 -0
- package/src/components/form/Input/Input.factory.tsx +12 -0
- package/src/components/form/Input/Input.types.ts +3 -2
- package/dist/chunk-FXECKKPW.js.map +0 -1
- package/dist/chunk-HBH7V3IP.js.map +0 -1
- /package/dist/{chunk-BR3WBTTQ.js.map → chunk-3ODEBPGT.js.map} +0 -0
- /package/dist/{chunk-I4DG3PP4.js.map → chunk-43EFQ3DU.js.map} +0 -0
- /package/dist/{chunk-3IX2TP4I.js.map → chunk-GB7NTXL2.js.map} +0 -0
- /package/dist/{chunk-YGWLMTPB.js.map → chunk-KXVWH3JM.js.map} +0 -0
- /package/dist/{chunk-7F6D73NL.js.map → chunk-RLTGD5WJ.js.map} +0 -0
- /package/dist/{chunk-GXGHEOWC.js.map → chunk-USHVG4UQ.js.map} +0 -0
- /package/dist/{chunk-2GDPZ53K.js.map → chunk-UTWEHMAP.js.map} +0 -0
- /package/dist/{chunk-4JNC5AEF.js.map → chunk-WGKBZ7DN.js.map} +0 -0
- /package/dist/{chunk-ASEHJIIV.js.map → chunk-Y3FYOKWF.js.map} +0 -0
- /package/dist/{chunk-RHVJ3L4U.js.map → chunk-ZJY7OK6H.js.map} +0 -0
- /package/dist/{chunk-LABIUXDM.js.map → chunk-ZYXXAWDF.js.map} +0 -0
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import {
|
|
2
2
|
AsyncStateContainer,
|
|
3
3
|
AsyncStateContainer_default
|
|
4
|
-
} from "../../../../chunk-
|
|
5
|
-
import "../../../../chunk-
|
|
6
|
-
import "../../../../chunk-
|
|
4
|
+
} from "../../../../chunk-RLTGD5WJ.js";
|
|
5
|
+
import "../../../../chunk-I6IFUFLW.js";
|
|
6
|
+
import "../../../../chunk-OTVOQHZB.js";
|
|
7
7
|
import "../../../../chunk-3Z6JX7UN.js";
|
|
8
8
|
import "../../../../chunk-7DFEKTT7.js";
|
|
9
9
|
import "../../../../chunk-YSTHOE66.js";
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
import {
|
|
3
3
|
DataViewsTableBase
|
|
4
|
-
} from "../../../../chunk-
|
|
4
|
+
} from "../../../../chunk-Y3FYOKWF.js";
|
|
5
5
|
import "../../../../chunk-YNVTUQ5B.js";
|
|
6
6
|
import "../../../../chunk-HWZETMO4.js";
|
|
7
7
|
import "../../../../chunk-ZOLAYP2D.js";
|
|
@@ -45,8 +45,8 @@ import "../../../../chunk-WSAUWJFO.js";
|
|
|
45
45
|
import "../../../../chunk-YLGY3D52.js";
|
|
46
46
|
import "../../../../chunk-4NG3LTRX.js";
|
|
47
47
|
import "../../../../chunk-2MT6VSS2.js";
|
|
48
|
-
import "../../../../chunk-
|
|
49
|
-
import "../../../../chunk-
|
|
48
|
+
import "../../../../chunk-USHVG4UQ.js";
|
|
49
|
+
import "../../../../chunk-43EFQ3DU.js";
|
|
50
50
|
import "../../../../chunk-VNMD6BA4.js";
|
|
51
51
|
import "../../../../chunk-5M4TYFR3.js";
|
|
52
52
|
import "../../../../chunk-7CUZTWKW.js";
|
|
@@ -105,7 +105,7 @@ import "../../../../chunk-SZS7VZJN.js";
|
|
|
105
105
|
import "../../../../chunk-L6YTVXGN.js";
|
|
106
106
|
import "../../../../chunk-SUTOAW7I.js";
|
|
107
107
|
import "../../../../chunk-QYKDY4EI.js";
|
|
108
|
-
import "../../../../chunk-
|
|
108
|
+
import "../../../../chunk-ZJY7OK6H.js";
|
|
109
109
|
import "../../../../chunk-ZLMKGVB2.js";
|
|
110
110
|
import "../../../../chunk-BO6S47KI.js";
|
|
111
111
|
import "../../../../chunk-FYAW5GBF.js";
|
|
@@ -140,7 +140,7 @@ import "../../../../chunk-RZVUY2MO.js";
|
|
|
140
140
|
import "../../../../chunk-VPGDYI63.js";
|
|
141
141
|
import "../../../../chunk-DMNZD3Q7.js";
|
|
142
142
|
import "../../../../chunk-PN4HVM43.js";
|
|
143
|
-
import "../../../../chunk-
|
|
143
|
+
import "../../../../chunk-ASBFGGJB.js";
|
|
144
144
|
import "../../../../chunk-PD7MKJCM.js";
|
|
145
145
|
import "../../../../chunk-KLJYIS5L.js";
|
|
146
146
|
import "../../../../chunk-C3UKR3NT.js";
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
import {
|
|
3
3
|
SaveViewModal
|
|
4
|
-
} from "../../../../chunk-
|
|
4
|
+
} from "../../../../chunk-43EFQ3DU.js";
|
|
5
5
|
import "../../../../chunk-5M4TYFR3.js";
|
|
6
6
|
import "../../../../chunk-DUVH273U.js";
|
|
7
7
|
import "../../../../chunk-KHG57NAE.js";
|
|
@@ -13,9 +13,9 @@ import "../../../../chunk-RIEV4VXF.js";
|
|
|
13
13
|
import "../../../../chunk-DCK5ZEIU.js";
|
|
14
14
|
import "../../../../chunk-SZS7VZJN.js";
|
|
15
15
|
import "../../../../chunk-QYKDY4EI.js";
|
|
16
|
-
import "../../../../chunk-
|
|
16
|
+
import "../../../../chunk-ZJY7OK6H.js";
|
|
17
17
|
import "../../../../chunk-ZLMKGVB2.js";
|
|
18
|
-
import "../../../../chunk-
|
|
18
|
+
import "../../../../chunk-ASBFGGJB.js";
|
|
19
19
|
import "../../../../chunk-PD7MKJCM.js";
|
|
20
20
|
import "../../../../chunk-KLJYIS5L.js";
|
|
21
21
|
import "../../../../chunk-EEB66IVH.js";
|
|
@@ -3,8 +3,8 @@ import {
|
|
|
3
3
|
ViewDialogs,
|
|
4
4
|
ViewMutationErrorAlert,
|
|
5
5
|
ViewsMenuSlot
|
|
6
|
-
} from "../../../../chunk-
|
|
7
|
-
import "../../../../chunk-
|
|
6
|
+
} from "../../../../chunk-USHVG4UQ.js";
|
|
7
|
+
import "../../../../chunk-43EFQ3DU.js";
|
|
8
8
|
import "../../../../chunk-VNMD6BA4.js";
|
|
9
9
|
import "../../../../chunk-5M4TYFR3.js";
|
|
10
10
|
import "../../../../chunk-DUVH273U.js";
|
|
@@ -27,9 +27,9 @@ import "../../../../chunk-RIEV4VXF.js";
|
|
|
27
27
|
import "../../../../chunk-DCK5ZEIU.js";
|
|
28
28
|
import "../../../../chunk-SZS7VZJN.js";
|
|
29
29
|
import "../../../../chunk-QYKDY4EI.js";
|
|
30
|
-
import "../../../../chunk-
|
|
30
|
+
import "../../../../chunk-ZJY7OK6H.js";
|
|
31
31
|
import "../../../../chunk-ZLMKGVB2.js";
|
|
32
|
-
import "../../../../chunk-
|
|
32
|
+
import "../../../../chunk-ASBFGGJB.js";
|
|
33
33
|
import "../../../../chunk-PD7MKJCM.js";
|
|
34
34
|
import "../../../../chunk-KLJYIS5L.js";
|
|
35
35
|
import "../../../../chunk-XCBQXSTR.js";
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import {
|
|
2
2
|
ErrorState,
|
|
3
3
|
ErrorState_default
|
|
4
|
-
} from "../../../../chunk-
|
|
5
|
-
import "../../../../chunk-
|
|
4
|
+
} from "../../../../chunk-I6IFUFLW.js";
|
|
5
|
+
import "../../../../chunk-OTVOQHZB.js";
|
|
6
6
|
import "../../../../chunk-XOXXG7Q5.js";
|
|
7
7
|
import "../../../../chunk-TYJR4GOF.js";
|
|
8
8
|
import "../../../../chunk-YKCAJ2TN.js";
|
|
@@ -10,9 +10,10 @@ import {
|
|
|
10
10
|
ERROR_TEXT_GAP_UNITS,
|
|
11
11
|
RETRY_BUTTON,
|
|
12
12
|
RETRY_MARGIN_TOP_UNITS,
|
|
13
|
+
RETRY_MIN_HEIGHT,
|
|
13
14
|
RETRY_MIN_WIDTH,
|
|
14
15
|
errorStatePalette
|
|
15
|
-
} from "../../../../chunk-
|
|
16
|
+
} from "../../../../chunk-OTVOQHZB.js";
|
|
16
17
|
import "../../../../chunk-PZ5AY32C.js";
|
|
17
18
|
export {
|
|
18
19
|
ERROR_ICON_BOX,
|
|
@@ -26,6 +27,7 @@ export {
|
|
|
26
27
|
ERROR_TEXT_GAP_UNITS,
|
|
27
28
|
RETRY_BUTTON,
|
|
28
29
|
RETRY_MARGIN_TOP_UNITS,
|
|
30
|
+
RETRY_MIN_HEIGHT,
|
|
29
31
|
RETRY_MIN_WIDTH,
|
|
30
32
|
errorStatePalette
|
|
31
33
|
};
|
|
@@ -16,12 +16,12 @@ import {
|
|
|
16
16
|
import "../../../chunk-SX3E6UC2.js";
|
|
17
17
|
import {
|
|
18
18
|
AsyncStateContainer
|
|
19
|
-
} from "../../../chunk-
|
|
19
|
+
} from "../../../chunk-RLTGD5WJ.js";
|
|
20
20
|
import "../../../chunk-UCYU56FO.js";
|
|
21
21
|
import {
|
|
22
22
|
ErrorState
|
|
23
|
-
} from "../../../chunk-
|
|
24
|
-
import "../../../chunk-
|
|
23
|
+
} from "../../../chunk-I6IFUFLW.js";
|
|
24
|
+
import "../../../chunk-OTVOQHZB.js";
|
|
25
25
|
import "../../../chunk-SJXSWVJG.js";
|
|
26
26
|
import {
|
|
27
27
|
LoadingState
|
|
@@ -2,9 +2,9 @@
|
|
|
2
2
|
import {
|
|
3
3
|
CepField,
|
|
4
4
|
CepField_default
|
|
5
|
-
} from "../../../../chunk-
|
|
6
|
-
import "../../../../chunk-
|
|
7
|
-
import "../../../../chunk-
|
|
5
|
+
} from "../../../../chunk-UTWEHMAP.js";
|
|
6
|
+
import "../../../../chunk-WGKBZ7DN.js";
|
|
7
|
+
import "../../../../chunk-ASBFGGJB.js";
|
|
8
8
|
import "../../../../chunk-PD7MKJCM.js";
|
|
9
9
|
import "../../../../chunk-KLJYIS5L.js";
|
|
10
10
|
import "../../../../chunk-C3UKR3NT.js";
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import {
|
|
2
2
|
Input
|
|
3
|
-
} from "../../../../chunk-
|
|
3
|
+
} from "../../../../chunk-ZJY7OK6H.js";
|
|
4
4
|
import "../../../../chunk-ZLMKGVB2.js";
|
|
5
|
-
import "../../../../chunk-
|
|
5
|
+
import "../../../../chunk-ASBFGGJB.js";
|
|
6
6
|
import "../../../../chunk-PD7MKJCM.js";
|
|
7
7
|
import "../../../../chunk-KLJYIS5L.js";
|
|
8
8
|
import "../../../../chunk-EEB66IVH.js";
|
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
import {
|
|
2
2
|
NumberField
|
|
3
|
-
} from "../../../../chunk-
|
|
3
|
+
} from "../../../../chunk-ZYXXAWDF.js";
|
|
4
4
|
import "../../../../chunk-Q4JWWTL4.js";
|
|
5
5
|
import "../../../../chunk-QYKDY4EI.js";
|
|
6
|
-
import "../../../../chunk-
|
|
6
|
+
import "../../../../chunk-ZJY7OK6H.js";
|
|
7
7
|
import "../../../../chunk-ZLMKGVB2.js";
|
|
8
|
-
import "../../../../chunk-
|
|
8
|
+
import "../../../../chunk-ASBFGGJB.js";
|
|
9
9
|
import "../../../../chunk-PD7MKJCM.js";
|
|
10
10
|
import "../../../../chunk-KLJYIS5L.js";
|
|
11
11
|
import "../../../../chunk-EEB66IVH.js";
|
|
@@ -48,7 +48,7 @@ import "../../../chunk-UCRGKQUW.js";
|
|
|
48
48
|
import "../../../chunk-HALFOXSZ.js";
|
|
49
49
|
import {
|
|
50
50
|
NumberField
|
|
51
|
-
} from "../../../chunk-
|
|
51
|
+
} from "../../../chunk-ZYXXAWDF.js";
|
|
52
52
|
import "../../../chunk-Q4JWWTL4.js";
|
|
53
53
|
import "../../../chunk-YA2ZL3VG.js";
|
|
54
54
|
import {
|
|
@@ -108,8 +108,8 @@ import "../../../chunk-R6L376KR.js";
|
|
|
108
108
|
import "../../../chunk-6XLMTOJ3.js";
|
|
109
109
|
import {
|
|
110
110
|
CepField
|
|
111
|
-
} from "../../../chunk-
|
|
112
|
-
import "../../../chunk-
|
|
111
|
+
} from "../../../chunk-UTWEHMAP.js";
|
|
112
|
+
import "../../../chunk-WGKBZ7DN.js";
|
|
113
113
|
import "../../../chunk-IDMG332I.js";
|
|
114
114
|
import {
|
|
115
115
|
CodeEditor
|
|
@@ -181,7 +181,7 @@ import "../../../chunk-SUTOAW7I.js";
|
|
|
181
181
|
import "../../../chunk-QYKDY4EI.js";
|
|
182
182
|
import {
|
|
183
183
|
Input
|
|
184
|
-
} from "../../../chunk-
|
|
184
|
+
} from "../../../chunk-ZJY7OK6H.js";
|
|
185
185
|
import "../../../chunk-ZLMKGVB2.js";
|
|
186
186
|
import "../../../chunk-BO6S47KI.js";
|
|
187
187
|
import {
|
|
@@ -201,7 +201,7 @@ import "../../../chunk-4L54KUZV.js";
|
|
|
201
201
|
import "../../../chunk-H2UUMZQR.js";
|
|
202
202
|
import "../../../chunk-WQEGPSGD.js";
|
|
203
203
|
import "../../../chunk-QWOI5BZV.js";
|
|
204
|
-
import "../../../chunk-
|
|
204
|
+
import "../../../chunk-ASBFGGJB.js";
|
|
205
205
|
import "../../../chunk-PD7MKJCM.js";
|
|
206
206
|
import "../../../chunk-KLJYIS5L.js";
|
|
207
207
|
import "../../../chunk-SJRTT3PA.js";
|
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
import {
|
|
3
3
|
CepField
|
|
4
|
-
} from "../../../../../chunk-
|
|
4
|
+
} from "../../../../../chunk-KXVWH3JM.js";
|
|
5
5
|
import "../../../../../chunk-4XK6JQ4D.js";
|
|
6
6
|
import "../../../../../chunk-6XLMTOJ3.js";
|
|
7
|
-
import "../../../../../chunk-
|
|
8
|
-
import "../../../../../chunk-
|
|
9
|
-
import "../../../../../chunk-
|
|
7
|
+
import "../../../../../chunk-UTWEHMAP.js";
|
|
8
|
+
import "../../../../../chunk-WGKBZ7DN.js";
|
|
9
|
+
import "../../../../../chunk-ASBFGGJB.js";
|
|
10
10
|
import "../../../../../chunk-PD7MKJCM.js";
|
|
11
11
|
import "../../../../../chunk-KLJYIS5L.js";
|
|
12
12
|
import "../../../../../chunk-C3UKR3NT.js";
|
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
import {
|
|
3
3
|
TextField
|
|
4
|
-
} from "../../../../../chunk-
|
|
4
|
+
} from "../../../../../chunk-GB7NTXL2.js";
|
|
5
5
|
import "../../../../../chunk-4XK6JQ4D.js";
|
|
6
6
|
import "../../../../../chunk-QYKDY4EI.js";
|
|
7
|
-
import "../../../../../chunk-
|
|
7
|
+
import "../../../../../chunk-ZJY7OK6H.js";
|
|
8
8
|
import "../../../../../chunk-ZLMKGVB2.js";
|
|
9
|
-
import "../../../../../chunk-
|
|
9
|
+
import "../../../../../chunk-ASBFGGJB.js";
|
|
10
10
|
import "../../../../../chunk-PD7MKJCM.js";
|
|
11
11
|
import "../../../../../chunk-KLJYIS5L.js";
|
|
12
12
|
import "../../../../../chunk-C3UKR3NT.js";
|
|
@@ -1,13 +1,13 @@
|
|
|
1
|
-
import "../../../../../chunk-
|
|
1
|
+
import "../../../../../chunk-3ODEBPGT.js";
|
|
2
2
|
import {
|
|
3
3
|
TextField
|
|
4
|
-
} from "../../../../../chunk-
|
|
4
|
+
} from "../../../../../chunk-GB7NTXL2.js";
|
|
5
5
|
import {
|
|
6
6
|
SelectField
|
|
7
7
|
} from "../../../../../chunk-6YSGP2WS.js";
|
|
8
8
|
import {
|
|
9
9
|
CepField
|
|
10
|
-
} from "../../../../../chunk-
|
|
10
|
+
} from "../../../../../chunk-KXVWH3JM.js";
|
|
11
11
|
import {
|
|
12
12
|
CategoryField
|
|
13
13
|
} from "../../../../../chunk-NQ6P7O7C.js";
|
|
@@ -24,10 +24,10 @@ import "../../../../../chunk-OQW4OERS.js";
|
|
|
24
24
|
import "../../../../../chunk-6VTOGR36.js";
|
|
25
25
|
import "../../../../../chunk-IYC7NPX7.js";
|
|
26
26
|
import "../../../../../chunk-6XLMTOJ3.js";
|
|
27
|
-
import "../../../../../chunk-
|
|
28
|
-
import "../../../../../chunk-
|
|
27
|
+
import "../../../../../chunk-UTWEHMAP.js";
|
|
28
|
+
import "../../../../../chunk-WGKBZ7DN.js";
|
|
29
29
|
import "../../../../../chunk-QYKDY4EI.js";
|
|
30
|
-
import "../../../../../chunk-
|
|
30
|
+
import "../../../../../chunk-ZJY7OK6H.js";
|
|
31
31
|
import "../../../../../chunk-ZLMKGVB2.js";
|
|
32
32
|
import "../../../../../chunk-N5ZWC6CB.js";
|
|
33
33
|
import "../../../../../chunk-TSID4257.js";
|
|
@@ -46,7 +46,7 @@ import "../../../../../chunk-RZVUY2MO.js";
|
|
|
46
46
|
import "../../../../../chunk-VPGDYI63.js";
|
|
47
47
|
import "../../../../../chunk-DMNZD3Q7.js";
|
|
48
48
|
import "../../../../../chunk-PN4HVM43.js";
|
|
49
|
-
import "../../../../../chunk-
|
|
49
|
+
import "../../../../../chunk-ASBFGGJB.js";
|
|
50
50
|
import "../../../../../chunk-PD7MKJCM.js";
|
|
51
51
|
import "../../../../../chunk-KLJYIS5L.js";
|
|
52
52
|
import "../../../../../chunk-C3UKR3NT.js";
|
|
@@ -274,7 +274,7 @@ import "../../chunk-UCRGKQUW.js";
|
|
|
274
274
|
import "../../chunk-HALFOXSZ.js";
|
|
275
275
|
import {
|
|
276
276
|
NumberField
|
|
277
|
-
} from "../../chunk-
|
|
277
|
+
} from "../../chunk-ZYXXAWDF.js";
|
|
278
278
|
import "../../chunk-Q4JWWTL4.js";
|
|
279
279
|
import "../../chunk-YA2ZL3VG.js";
|
|
280
280
|
import {
|
|
@@ -338,8 +338,8 @@ import "../../chunk-R6L376KR.js";
|
|
|
338
338
|
import "../../chunk-6XLMTOJ3.js";
|
|
339
339
|
import {
|
|
340
340
|
CepField
|
|
341
|
-
} from "../../chunk-
|
|
342
|
-
import "../../chunk-
|
|
341
|
+
} from "../../chunk-UTWEHMAP.js";
|
|
342
|
+
import "../../chunk-WGKBZ7DN.js";
|
|
343
343
|
import "../../chunk-IDMG332I.js";
|
|
344
344
|
import {
|
|
345
345
|
CodeEditor
|
|
@@ -447,12 +447,12 @@ import {
|
|
|
447
447
|
import "../../chunk-SX3E6UC2.js";
|
|
448
448
|
import {
|
|
449
449
|
AsyncStateContainer
|
|
450
|
-
} from "../../chunk-
|
|
450
|
+
} from "../../chunk-RLTGD5WJ.js";
|
|
451
451
|
import "../../chunk-UCYU56FO.js";
|
|
452
452
|
import {
|
|
453
453
|
ErrorState
|
|
454
|
-
} from "../../chunk-
|
|
455
|
-
import "../../chunk-
|
|
454
|
+
} from "../../chunk-I6IFUFLW.js";
|
|
455
|
+
import "../../chunk-OTVOQHZB.js";
|
|
456
456
|
import "../../chunk-SJXSWVJG.js";
|
|
457
457
|
import {
|
|
458
458
|
LoadingState
|
|
@@ -713,7 +713,7 @@ import "../../chunk-SUTOAW7I.js";
|
|
|
713
713
|
import "../../chunk-QYKDY4EI.js";
|
|
714
714
|
import {
|
|
715
715
|
Input
|
|
716
|
-
} from "../../chunk-
|
|
716
|
+
} from "../../chunk-ZJY7OK6H.js";
|
|
717
717
|
import "../../chunk-ZLMKGVB2.js";
|
|
718
718
|
import "../../chunk-BO6S47KI.js";
|
|
719
719
|
import {
|
|
@@ -733,7 +733,7 @@ import "../../chunk-4L54KUZV.js";
|
|
|
733
733
|
import "../../chunk-H2UUMZQR.js";
|
|
734
734
|
import "../../chunk-WQEGPSGD.js";
|
|
735
735
|
import "../../chunk-QWOI5BZV.js";
|
|
736
|
-
import "../../chunk-
|
|
736
|
+
import "../../chunk-ASBFGGJB.js";
|
|
737
737
|
import "../../chunk-PD7MKJCM.js";
|
|
738
738
|
import "../../chunk-KLJYIS5L.js";
|
|
739
739
|
import "../../chunk-SJRTT3PA.js";
|
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
import {
|
|
2
2
|
TextField
|
|
3
|
-
} from "./chunk-
|
|
3
|
+
} from "./chunk-GB7NTXL2.js";
|
|
4
4
|
import {
|
|
5
5
|
SelectField
|
|
6
6
|
} from "./chunk-6YSGP2WS.js";
|
|
7
7
|
import {
|
|
8
8
|
CepField
|
|
9
|
-
} from "./chunk-
|
|
9
|
+
} from "./chunk-KXVWH3JM.js";
|
|
10
10
|
import {
|
|
11
11
|
CategoryField
|
|
12
12
|
} from "./chunk-NQ6P7O7C.js";
|
|
@@ -30,4 +30,4 @@ __export(Fields_exports, {
|
|
|
30
30
|
export {
|
|
31
31
|
Fields_exports
|
|
32
32
|
};
|
|
33
|
-
//# sourceMappingURL=chunk-
|
|
33
|
+
//# sourceMappingURL=chunk-3ODEBPGT.js.map
|
|
@@ -12,7 +12,7 @@ import {
|
|
|
12
12
|
} from "./chunk-EIMFA7KP.js";
|
|
13
13
|
import {
|
|
14
14
|
Input
|
|
15
|
-
} from "./chunk-
|
|
15
|
+
} from "./chunk-ZJY7OK6H.js";
|
|
16
16
|
import {
|
|
17
17
|
Dialog,
|
|
18
18
|
DialogContent
|
|
@@ -268,4 +268,4 @@ function SaveViewModal({
|
|
|
268
268
|
export {
|
|
269
269
|
SaveViewModal
|
|
270
270
|
};
|
|
271
|
-
//# sourceMappingURL=chunk-
|
|
271
|
+
//# sourceMappingURL=chunk-43EFQ3DU.js.map
|
|
@@ -71,6 +71,9 @@ function inputAriaOf(a) {
|
|
|
71
71
|
...a.busy === void 0 ? {} : { "aria-busy": a.busy }
|
|
72
72
|
};
|
|
73
73
|
}
|
|
74
|
+
function keyboardOf(inputMode) {
|
|
75
|
+
return inputMode === void 0 ? {} : { inputMode };
|
|
76
|
+
}
|
|
74
77
|
function inputRenderer(StyledTextField) {
|
|
75
78
|
return ({
|
|
76
79
|
variant = "outlined",
|
|
@@ -91,6 +94,7 @@ function inputRenderer(StyledTextField) {
|
|
|
91
94
|
"aria-label": ariaLabel,
|
|
92
95
|
"aria-describedby": ariaDescribedBy,
|
|
93
96
|
"aria-busy": ariaBusy,
|
|
97
|
+
inputMode,
|
|
94
98
|
inputProps,
|
|
95
99
|
...rest
|
|
96
100
|
}, ref) => {
|
|
@@ -117,6 +121,7 @@ function inputRenderer(StyledTextField) {
|
|
|
117
121
|
onBlur,
|
|
118
122
|
inputProps: {
|
|
119
123
|
"data-testid": dataTestId,
|
|
124
|
+
...keyboardOf(inputMode),
|
|
120
125
|
...inputProps,
|
|
121
126
|
...inputAriaOf({ id, helperText, label: ariaLabel, describedBy: ariaDescribedBy, busy: ariaBusy })
|
|
122
127
|
},
|
|
@@ -140,4 +145,4 @@ function createInput(TextField) {
|
|
|
140
145
|
export {
|
|
141
146
|
createInput
|
|
142
147
|
};
|
|
143
|
-
//# sourceMappingURL=chunk-
|
|
148
|
+
//# sourceMappingURL=chunk-ASBFGGJB.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../src/components/form/Input/Input.factory.tsx"],"sourcesContent":["import CircularProgress from '@mui/material/CircularProgress/index.js';\nimport InputAdornment from '@mui/material/InputAdornment/index.js';\nimport { styled, useTheme } from '@mui/material/styles/index.js';\nimport React from 'react';\n\nimport { INPUT_LOADING } from './Input.metrics';\nimport type { TextFieldSlimComponent } from './text-field-slim.factory';\n\nimport {\n filledStyles,\n floatingLabelStyles,\n glowStyles,\n inputBaseStyles,\n inputRadiusStyles,\n muiVariantFor,\n outlinedStyles,\n pulseStyles,\n SIZE_MAP,\n} from './Input.styles';\nimport type { InputProps } from './Input.types';\nimport { splitTestId } from '../../../platform/test-id';\nimport { fieldControlStyles } from '../../../tokens/field-height';\nimport { rem } from '../../../tokens/relative';\nimport type { SizeValue } from '../../../tokens/vocabulary';\n\n/**\n * The field `Input` renders, styled, over whichever text field it is given.\n *\n * Always a `TextFieldSlim`, never MUI's `TextField` — see `text-field-slim.tsx`.\n * MUI's own `TextField` imports `Select` unconditionally, and through it `Menu`,\n * `Popover`, `Modal` and seven more component modules, so every screen with one\n * text box shipped a dropdown it can never render. Same composition, same DOM,\n * same prop routing; the select branch is the only thing missing.\n */\nfunction styledField(TextField: TextFieldSlimComponent) {\n return styled(TextField, {\n shouldForwardProp: (prop) =>\n !['customVariant', 'fieldSize', 'floating', 'glow', 'pulse', 'loading'].includes(prop as string),\n })<{\n customVariant?: InputProps['variant'];\n fieldSize: SizeValue;\n floating?: boolean;\n glow?: boolean;\n pulse?: boolean;\n loading?: boolean;\n }>(({ theme, customVariant, fieldSize, floating, glow, pulse, loading }) => ({\n position: 'relative',\n // The theme's field height for this size (outlined family, one line).\n ...fieldControlStyles(theme, fieldSize),\n opacity: loading ? INPUT_LOADING.opacity : 1,\n\n ...(glow ? glowStyles(theme) : {}),\n ...(pulse ? pulseStyles(theme, fieldSize) : {}),\n ...(floating ? floatingLabelStyles(theme) : {}),\n\n '& .MuiInputBase-root': {\n transition: 'all 0.3s ease',\n ...inputRadiusStyles(theme, customVariant),\n ...inputBaseStyles(theme, customVariant),\n },\n\n '& .MuiOutlinedInput-root': outlinedStyles(theme),\n '& .MuiFilledInput-root': filledStyles(theme),\n }));\n}\n\n/** Only one adornment shows at a time: the spinner replaces the caller's while loading. */\nconst EndAdornment: React.FC<{ loading: boolean; endAdornment?: React.ReactNode }> = ({\n loading,\n endAdornment,\n}) => {\n const theme = useTheme();\n if (loading) {\n return (\n <InputAdornment position=\"end\">\n <CircularProgress size={rem(theme, INPUT_LOADING.spinnerSize)} />\n </InputAdornment>\n );\n }\n\n if (!endAdornment) return null;\n\n return <InputAdornment position=\"end\">{endAdornment}</InputAdornment>;\n};\n\n/** While loading the field is inert: no clicks, and disabled to assistive tech. */\nconst interactionProps = (\n loading: boolean,\n onClick: InputProps['onClick'],\n disabled?: boolean,\n) => ({\n disabled: loading || disabled,\n onClick: loading ? undefined : onClick,\n});\n\n/**\n * The ARIA that describes the field has to sit on the `<input>`: the text\n * field puts every attribute it does not recognise on its root `FormControl`,\n * a `<div>` with no role, where a screen reader never reads it.\n *\n * `aria-label` has ridden `inputProps` since FUT-755. `aria-describedby` and\n * `aria-busy` fell through to the div until FUT-2619, so CepField's input\n * pointed at nothing while its lookup status lived in a live region beside it.\n *\n * `inputProps` are spread onto the `<input>` AFTER the `aria-describedby` MUI\n * writes for helper text, so a caller's ids REPLACE the helper text's: MUI's\n * `TextField` on its own keeps only one of the two. This joins both, helper\n * text first. The helper id is MUI's `<id>-helper-text` (the parity test pins\n * that spelling), which is why the field's id is fixed here rather than left\n * to the text field.\n */\nfunction inputAriaOf(a: {\n id: string;\n helperText: React.ReactNode;\n label?: string;\n describedBy?: string;\n busy?: InputProps['aria-busy'];\n}): Record<string, unknown> {\n const describedBy = [a.helperText ? `${a.id}-helper-text` : undefined, a.describedBy]\n .filter(Boolean)\n .join(' ');\n return {\n ...(a.label === undefined ? {} : { 'aria-label': a.label }),\n ...(a.describedBy === undefined ? {} : { 'aria-describedby': describedBy }),\n ...(a.busy === undefined ? {} : { 'aria-busy': a.busy }),\n };\n}\n\n/**\n * A top-level `inputMode`, for the `<input>` (FUT-1440). Left with the rest it\n * landed on the text field's root `<div>`, where it raised no keypad at all.\n */\nfunction keyboardOf(inputMode: InputProps['inputMode']): Pick<InputProps, 'inputMode'> {\n return inputMode === undefined ? {} : { inputMode };\n}\n\n/** The render function `createInput` hands `forwardRef`, over a given styled field. */\nfunction inputRenderer(\n StyledTextField: ReturnType<typeof styledField>,\n): React.ForwardRefRenderFunction<HTMLInputElement, InputProps> {\n return (\n {\n variant = 'outlined',\n size = 'md',\n label,\n error,\n helperText,\n startAdornment,\n endAdornment,\n fullWidth = true,\n floating = false,\n glow = false,\n pulse = false,\n loading = false,\n onClick,\n onFocus,\n onBlur,\n 'aria-label': ariaLabel,\n 'aria-describedby': ariaDescribedBy,\n 'aria-busy': ariaBusy,\n inputMode,\n inputProps,\n ...rest\n },\n ref,\n ) => {\n const { testId: dataTestId, rest: props } = splitTestId(rest);\n const generatedId = React.useId();\n const id = props.id ?? generatedId;\n return (\n <StyledTextField\n ref={ref}\n variant={muiVariantFor(variant)}\n customVariant={variant}\n fieldSize={size}\n floating={floating}\n glow={glow}\n pulse={pulse}\n loading={loading}\n label={label}\n error={error}\n helperText={helperText}\n fullWidth={fullWidth}\n {...interactionProps(loading, onClick, props.disabled)}\n onFocus={onFocus}\n onBlur={onBlur}\n /*\n * `aria-label` has to ride `inputProps` to reach the `<input>` (FUT-755).\n * Spread with the rest it lands on the FormControl DIV that the text\n * field renders as its root, which carries no role — so the field kept\n * no accessible name, and a source grep saying \"this input is labelled\"\n * disagreed with the DOM. The reports search box and the block-title\n * inputs were both named in source and anonymous to a screen reader.\n * `aria-describedby` and `aria-busy` are the same case: `inputAriaOf`.\n * So is a top-level `inputMode` (FUT-1440, `keyboardOf`); a caller's\n * `inputProps.inputMode` still wins.\n */\n inputProps={{\n 'data-testid': dataTestId,\n ...keyboardOf(inputMode),\n ...inputProps,\n ...inputAriaOf({ id, helperText, label: ariaLabel, describedBy: ariaDescribedBy, busy: ariaBusy }),\n }}\n InputProps={{\n startAdornment: startAdornment && (\n <InputAdornment position=\"start\">{startAdornment}</InputAdornment>\n ),\n endAdornment: <EndAdornment loading={loading} endAdornment={endAdornment} />,\n }}\n {...SIZE_MAP[size]}\n {...props}\n id={id}\n />\n );\n };\n}\n\n/** The `Input` component every entry exports. */\nexport type InputComponent<P extends InputProps = InputProps> = React.ForwardRefExoticComponent<\n P & React.RefAttributes<HTMLInputElement>\n>;\n\n/**\n * `Input` over a given text field (FUT-1054). The generic entry passes the\n * field that renders any MUI variant; `./outlined` passes one that only ever\n * imports `OutlinedInput`. Everything else — styles, adornments, the ARIA\n * routing — is this one body, so the two cannot drift.\n */\nexport function createInput(TextField: TextFieldSlimComponent): InputComponent {\n const Input = React.forwardRef<HTMLInputElement, InputProps>(inputRenderer(styledField(TextField)));\n Input.displayName = 'Input';\n return Input;\n}\n"],"mappings":"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","names":[]}
|
|
@@ -3,7 +3,7 @@ import {
|
|
|
3
3
|
} from "./chunk-4XK6JQ4D.js";
|
|
4
4
|
import {
|
|
5
5
|
Input
|
|
6
|
-
} from "./chunk-
|
|
6
|
+
} from "./chunk-ZJY7OK6H.js";
|
|
7
7
|
import {
|
|
8
8
|
FormControl,
|
|
9
9
|
FormLabel,
|
|
@@ -65,4 +65,4 @@ function TextField({
|
|
|
65
65
|
export {
|
|
66
66
|
TextField
|
|
67
67
|
};
|
|
68
|
-
//# sourceMappingURL=chunk-
|
|
68
|
+
//# sourceMappingURL=chunk-GB7NTXL2.js.map
|
|
@@ -9,8 +9,9 @@ import {
|
|
|
9
9
|
ERROR_STATE_PADDING_UNITS,
|
|
10
10
|
ERROR_TEXT_GAP_UNITS,
|
|
11
11
|
RETRY_MARGIN_TOP_UNITS,
|
|
12
|
+
RETRY_MIN_HEIGHT,
|
|
12
13
|
RETRY_MIN_WIDTH
|
|
13
|
-
} from "./chunk-
|
|
14
|
+
} from "./chunk-OTVOQHZB.js";
|
|
14
15
|
import {
|
|
15
16
|
EN_US_UI_LABELS
|
|
16
17
|
} from "./chunk-XOXXG7Q5.js";
|
|
@@ -135,7 +136,8 @@ var ErrorState = React.memo((props) => {
|
|
|
135
136
|
"data-testid": testId("retry-button"),
|
|
136
137
|
sx: {
|
|
137
138
|
mt: theme.spacing(RETRY_MARGIN_TOP_UNITS),
|
|
138
|
-
minWidth: rem(theme, RETRY_MIN_WIDTH)
|
|
139
|
+
minWidth: rem(theme, RETRY_MIN_WIDTH),
|
|
140
|
+
minHeight: rem(theme, RETRY_MIN_HEIGHT)
|
|
139
141
|
},
|
|
140
142
|
children: retryLabel
|
|
141
143
|
}
|
|
@@ -151,4 +153,4 @@ export {
|
|
|
151
153
|
ErrorState,
|
|
152
154
|
ErrorState_default
|
|
153
155
|
};
|
|
154
|
-
//# sourceMappingURL=chunk-
|
|
156
|
+
//# sourceMappingURL=chunk-I6IFUFLW.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../src/components/data-display/ErrorState/ErrorState.tsx"],"sourcesContent":["import ErrorOutlineIcon from '@mui/icons-material/ErrorOutline';\nimport RefreshIcon from '@mui/icons-material/Refresh';\nimport WarningAmberIcon from '@mui/icons-material/WarningAmber';\nimport Box from '@mui/material/Box/index.js';\nimport Button from '@mui/material/Button/index.js';\nimport Stack from '@mui/material/Stack/index.js';\nimport Typography from '@mui/material/Typography/index.js';\nimport { useTheme } from '@mui/material/styles/index.js';\nimport type { Theme } from '@mui/material/styles/index.js';\nimport React from 'react';\n\nimport {\n ERROR_ICON_BOX,\n ERROR_ICON_BOX_OPACITY,\n ERROR_ICON_SIZE,\n ERROR_MESSAGE_LINE_HEIGHT,\n ERROR_MESSAGE_MAX_WIDTH,\n ERROR_STATE_GAP_UNITS,\n ERROR_STATE_MIN_HEIGHT,\n ERROR_STATE_PADDING_UNITS,\n ERROR_TEXT_GAP_UNITS,\n RETRY_MARGIN_TOP_UNITS,\n RETRY_MIN_HEIGHT,\n RETRY_MIN_WIDTH,\n} from './ErrorState.metrics';\nimport type { ErrorStateProps, ErrorStateSeverity } from './ErrorState.types';\nimport { resolveTestId } from '../../../platform/test-id';\nimport { rem, sxRem } from '../../../tokens/relative';\nimport { EN_US_UI_LABELS } from '../../../en-US.labels';\n\nconst makeTestId =\n (dataTestId?: string) =>\n (suffix: string): string =>\n dataTestId ? `${dataTestId}-${suffix}` : `error-state-${suffix}`;\n\nconst paletteFor = (theme: Theme, severity: ErrorStateSeverity) =>\n severity === 'error' ? theme.palette.error : theme.palette.warning;\n\nconst ErrorIcon: React.FC<{\n severity: ErrorStateSeverity;\n icon?: React.ReactNode;\n testId: string;\n}> = ({ severity, icon, testId }) => {\n const theme = useTheme();\n const color = paletteFor(theme, severity);\n const Fallback = severity === 'error' ? ErrorOutlineIcon : WarningAmberIcon;\n\n return (\n <Box\n data-testid={testId}\n sx={{\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'center',\n width: rem(theme, ERROR_ICON_BOX),\n height: rem(theme, ERROR_ICON_BOX),\n borderRadius: '50%',\n backgroundColor: color.light,\n opacity: ERROR_ICON_BOX_OPACITY,\n }}\n >\n {icon || <Fallback sx={{ fontSize: sxRem(ERROR_ICON_SIZE), color: color.main }} />}\n </Box>\n );\n};\n\nconst ErrorText: React.FC<{\n title?: string;\n message: string;\n titleId: string;\n testId: (suffix: string) => string;\n}> = ({ title, message, titleId, testId }) => {\n const theme = useTheme();\n\n return (\n <Stack spacing={ERROR_TEXT_GAP_UNITS} alignItems=\"center\">\n {title && (\n <Typography\n id={titleId}\n variant=\"h6\"\n component=\"h3\"\n data-testid={testId('title')}\n sx={{\n fontWeight: theme.typography.fontWeightMedium,\n color: theme.palette.text.primary,\n }}\n >\n {title}\n </Typography>\n )}\n\n <Typography\n id={`${titleId}-message`}\n variant=\"body2\"\n color=\"text.secondary\"\n data-testid={testId('message')}\n sx={{\n maxWidth: rem(theme, ERROR_MESSAGE_MAX_WIDTH),\n lineHeight: ERROR_MESSAGE_LINE_HEIGHT,\n }}\n >\n {message}\n </Typography>\n </Stack>\n );\n};\n\nexport const ErrorState: React.FC<ErrorStateProps> = React.memo((props) => {\n const {\n message,\n title,\n onRetry,\n retryLabel = EN_US_UI_LABELS.errorState.retry,\n severity = 'error',\n icon,\n className,\n } = props;\n const theme = useTheme();\n const titleId = React.useId();\n // `dataTestId` is the documented spelling; `testID`, the shared contract's\n // other one, resolves to the same id.\n const dataTestId = resolveTestId(props);\n const testId = makeTestId(dataTestId);\n\n return (\n <Box\n role=\"alert\"\n aria-labelledby={title ? titleId : undefined}\n aria-describedby={`${titleId}-message`}\n className={className}\n data-testid={dataTestId || 'error-state'}\n sx={{\n display: 'flex',\n flexDirection: 'column',\n alignItems: 'center',\n justifyContent: 'center',\n textAlign: 'center',\n padding: theme.spacing(ERROR_STATE_PADDING_UNITS),\n minHeight: rem(theme, ERROR_STATE_MIN_HEIGHT),\n gap: theme.spacing(ERROR_STATE_GAP_UNITS),\n }}\n >\n <ErrorIcon severity={severity} icon={icon} testId={testId('icon')} />\n\n <ErrorText title={title} message={message} titleId={titleId} testId={testId} />\n\n {onRetry && (\n <Button\n variant=\"outlined\"\n color={severity}\n onClick={onRetry}\n startIcon={<RefreshIcon />}\n data-testid={testId('retry-button')}\n sx={{\n mt: theme.spacing(RETRY_MARGIN_TOP_UNITS),\n minWidth: rem(theme, RETRY_MIN_WIDTH),\n minHeight: rem(theme, RETRY_MIN_HEIGHT),\n }}\n >\n {retryLabel}\n </Button>\n )}\n </Box>\n );\n});\n\nErrorState.displayName = 'ErrorState';\n\nexport default ErrorState;\n"],"mappings":"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","names":[]}
|
|
@@ -3,7 +3,7 @@ import {
|
|
|
3
3
|
} from "./chunk-4XK6JQ4D.js";
|
|
4
4
|
import {
|
|
5
5
|
CepField
|
|
6
|
-
} from "./chunk-
|
|
6
|
+
} from "./chunk-UTWEHMAP.js";
|
|
7
7
|
|
|
8
8
|
// src/components/form/total-form/Fields/CepField.tsx
|
|
9
9
|
import { useCallback, useMemo, useRef } from "react";
|
|
@@ -86,4 +86,4 @@ function CepField2({
|
|
|
86
86
|
export {
|
|
87
87
|
CepField2 as CepField
|
|
88
88
|
};
|
|
89
|
-
//# sourceMappingURL=chunk-
|
|
89
|
+
//# sourceMappingURL=chunk-KXVWH3JM.js.map
|
|
@@ -10,6 +10,7 @@ var ERROR_MESSAGE_MAX_WIDTH = 400;
|
|
|
10
10
|
var ERROR_MESSAGE_LINE_HEIGHT = 1.6;
|
|
11
11
|
var RETRY_MARGIN_TOP_UNITS = 1;
|
|
12
12
|
var RETRY_MIN_WIDTH = 120;
|
|
13
|
+
var RETRY_MIN_HEIGHT = 40;
|
|
13
14
|
var RETRY_BUTTON = {
|
|
14
15
|
paddingVertical: 5,
|
|
15
16
|
paddingHorizontal: 15,
|
|
@@ -31,7 +32,8 @@ export {
|
|
|
31
32
|
ERROR_MESSAGE_LINE_HEIGHT,
|
|
32
33
|
RETRY_MARGIN_TOP_UNITS,
|
|
33
34
|
RETRY_MIN_WIDTH,
|
|
35
|
+
RETRY_MIN_HEIGHT,
|
|
34
36
|
RETRY_BUTTON,
|
|
35
37
|
errorStatePalette
|
|
36
38
|
};
|
|
37
|
-
//# sourceMappingURL=chunk-
|
|
39
|
+
//# sourceMappingURL=chunk-OTVOQHZB.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/components/data-display/ErrorState/ErrorState.metrics.ts"],"sourcesContent":["import type { ErrorStateSeverity } from './ErrorState.base';\nimport type { UiPaletteColor, UiTheme } from '../../../tokens/theme';\n\n/**\n * THE NUMBERS BOTH `ErrorState` RENDERERS DRAW WITH.\n *\n * `ErrorState.tsx` (MUI) and `ErrorState.native.tsx` (React Native) read this\n * one table. Spacing is in SPACING UNITS where the web writes\n * `theme.spacing(n)`; everything else is px or a ratio.\n */\n\n/** The region: a centred column, `theme.spacing(6)` of padding, at least 200px tall, its parts 16px apart. */\nexport const ERROR_STATE_PADDING_UNITS = 6;\nexport const ERROR_STATE_MIN_HEIGHT = 200;\nexport const ERROR_STATE_GAP_UNITS = 2;\n\n/** The glyph sits in an 80px disc of the severity's `light` shade at 0.9 opacity. */\nexport const ERROR_ICON_BOX = 80;\nexport const ERROR_ICON_BOX_OPACITY = 0.9;\nexport const ERROR_ICON_SIZE = 48;\n\n/** Title and message are 8px apart; the message wraps at 400px on a 1.6 line height. */\nexport const ERROR_TEXT_GAP_UNITS = 1;\nexport const ERROR_MESSAGE_MAX_WIDTH = 400;\nexport const ERROR_MESSAGE_LINE_HEIGHT = 1.6;\n\n/** The retry button: 8px below the text, no narrower than 120px. */\nexport const RETRY_MARGIN_TOP_UNITS = 1;\nexport const RETRY_MIN_WIDTH = 120;\n/**\n * The web retry IS MUI's medium outlined `Button`: 5px 15px inside its 1px\n * border, 14px type, the theme's radius, a 20px start icon. The native side\n * sizes the house `Button` to these.\n */\nexport const RETRY_BUTTON = {\n paddingVertical: 5,\n paddingHorizontal: 15,\n iconSize: 20,\n} as const;\n\n/** `error` is MUI's name for the `danger` slot; `warning` is its own. */\nexport function errorStatePalette(theme: UiTheme, severity: ErrorStateSeverity): UiPaletteColor {\n return severity === 'error' ? theme.palette.danger : theme.palette.warning;\n}\n"],"mappings":";AAYO,IAAM,4BAA4B;AAClC,IAAM,yBAAyB;AAC/B,IAAM,wBAAwB;AAG9B,IAAM,iBAAiB;AACvB,IAAM,yBAAyB;AAC/B,IAAM,kBAAkB;AAGxB,IAAM,uBAAuB;AAC7B,IAAM,0BAA0B;AAChC,IAAM,4BAA4B;AAGlC,IAAM,yBAAyB;AAC/B,IAAM,kBAAkB;
|
|
1
|
+
{"version":3,"sources":["../src/components/data-display/ErrorState/ErrorState.metrics.ts"],"sourcesContent":["import type { ErrorStateSeverity } from './ErrorState.base';\nimport type { UiPaletteColor, UiTheme } from '../../../tokens/theme';\n\n/**\n * THE NUMBERS BOTH `ErrorState` RENDERERS DRAW WITH.\n *\n * `ErrorState.tsx` (MUI) and `ErrorState.native.tsx` (React Native) read this\n * one table. Spacing is in SPACING UNITS where the web writes\n * `theme.spacing(n)`; everything else is px or a ratio.\n */\n\n/** The region: a centred column, `theme.spacing(6)` of padding, at least 200px tall, its parts 16px apart. */\nexport const ERROR_STATE_PADDING_UNITS = 6;\nexport const ERROR_STATE_MIN_HEIGHT = 200;\nexport const ERROR_STATE_GAP_UNITS = 2;\n\n/** The glyph sits in an 80px disc of the severity's `light` shade at 0.9 opacity. */\nexport const ERROR_ICON_BOX = 80;\nexport const ERROR_ICON_BOX_OPACITY = 0.9;\nexport const ERROR_ICON_SIZE = 48;\n\n/** Title and message are 8px apart; the message wraps at 400px on a 1.6 line height. */\nexport const ERROR_TEXT_GAP_UNITS = 1;\nexport const ERROR_MESSAGE_MAX_WIDTH = 400;\nexport const ERROR_MESSAGE_LINE_HEIGHT = 1.6;\n\n/** The retry button: 8px below the text, no narrower than 120px. */\nexport const RETRY_MARGIN_TOP_UNITS = 1;\nexport const RETRY_MIN_WIDTH = 120;\n/**\n * The web retry is never shorter than the 40px tap floor. MUI's medium outlined\n * button is 37px tall on its own (FUT-1310), so the floor is stated, not inherited.\n */\nexport const RETRY_MIN_HEIGHT = 40;\n/**\n * The web retry IS MUI's medium outlined `Button`: 5px 15px inside its 1px\n * border, 14px type, the theme's radius, a 20px start icon. The native side\n * sizes the house `Button` to these.\n */\nexport const RETRY_BUTTON = {\n paddingVertical: 5,\n paddingHorizontal: 15,\n iconSize: 20,\n} as const;\n\n/** `error` is MUI's name for the `danger` slot; `warning` is its own. */\nexport function errorStatePalette(theme: UiTheme, severity: ErrorStateSeverity): UiPaletteColor {\n return severity === 'error' ? theme.palette.danger : theme.palette.warning;\n}\n"],"mappings":";AAYO,IAAM,4BAA4B;AAClC,IAAM,yBAAyB;AAC/B,IAAM,wBAAwB;AAG9B,IAAM,iBAAiB;AACvB,IAAM,yBAAyB;AAC/B,IAAM,kBAAkB;AAGxB,IAAM,uBAAuB;AAC7B,IAAM,0BAA0B;AAChC,IAAM,4BAA4B;AAGlC,IAAM,yBAAyB;AAC/B,IAAM,kBAAkB;AAKxB,IAAM,mBAAmB;AAMzB,IAAM,eAAe;AAAA,EAC1B,iBAAiB;AAAA,EACjB,mBAAmB;AAAA,EACnB,UAAU;AACZ;AAGO,SAAS,kBAAkB,OAAgB,UAA8C;AAC9F,SAAO,aAAa,UAAU,MAAM,QAAQ,SAAS,MAAM,QAAQ;AACrE;","names":[]}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import {
|
|
2
2
|
ErrorState
|
|
3
|
-
} from "./chunk-
|
|
3
|
+
} from "./chunk-I6IFUFLW.js";
|
|
4
4
|
import {
|
|
5
5
|
LoadingState
|
|
6
6
|
} from "./chunk-3Z6JX7UN.js";
|
|
@@ -65,4 +65,4 @@ export {
|
|
|
65
65
|
AsyncStateContainer,
|
|
66
66
|
AsyncStateContainer_default
|
|
67
67
|
};
|
|
68
|
-
//# sourceMappingURL=chunk-
|
|
68
|
+
//# sourceMappingURL=chunk-RLTGD5WJ.js.map
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import {
|
|
2
2
|
SaveViewModal
|
|
3
|
-
} from "./chunk-
|
|
3
|
+
} from "./chunk-43EFQ3DU.js";
|
|
4
4
|
import {
|
|
5
5
|
ManageViewsDialog
|
|
6
6
|
} from "./chunk-VNMD6BA4.js";
|
|
@@ -121,4 +121,4 @@ export {
|
|
|
121
121
|
ViewsMenuSlot,
|
|
122
122
|
ViewDialogs
|
|
123
123
|
};
|
|
124
|
-
//# sourceMappingURL=chunk-
|
|
124
|
+
//# sourceMappingURL=chunk-USHVG4UQ.js.map
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import {
|
|
2
2
|
Input
|
|
3
|
-
} from "./chunk-
|
|
3
|
+
} from "./chunk-WGKBZ7DN.js";
|
|
4
4
|
import {
|
|
5
5
|
FormControl,
|
|
6
6
|
FormLabel,
|
|
@@ -141,4 +141,4 @@ export {
|
|
|
141
141
|
CepField,
|
|
142
142
|
CepField_default
|
|
143
143
|
};
|
|
144
|
-
//# sourceMappingURL=chunk-
|
|
144
|
+
//# sourceMappingURL=chunk-UTWEHMAP.js.map
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import {
|
|
2
2
|
createInput
|
|
3
|
-
} from "./chunk-
|
|
3
|
+
} from "./chunk-ASBFGGJB.js";
|
|
4
4
|
import {
|
|
5
5
|
OutlinedTextFieldSlim
|
|
6
6
|
} from "./chunk-LZRVUOMU.js";
|
|
@@ -11,4 +11,4 @@ var Input = createInput(OutlinedTextFieldSlim);
|
|
|
11
11
|
export {
|
|
12
12
|
Input
|
|
13
13
|
};
|
|
14
|
-
//# sourceMappingURL=chunk-
|
|
14
|
+
//# sourceMappingURL=chunk-WGKBZ7DN.js.map
|