@webstudio-is/sdk-components-react-remix 0.82.0 → 0.84.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/LICENSE +661 -21
- package/lib/__generated__/form.props.js +30 -5
- package/lib/__generated__/link.props.js +32 -7
- package/lib/__generated__/rich-text-link.props.js +32 -7
- package/lib/cjs/__generated__/form.props.js +30 -5
- package/lib/cjs/__generated__/link.props.js +32 -7
- package/lib/cjs/__generated__/rich-text-link.props.js +32 -7
- package/lib/cjs/form.ws.js +30 -28
- package/lib/cjs/shared/remix-link.js +2 -1
- package/lib/form.ws.js +30 -28
- package/lib/shared/remix-link.js +2 -1
- package/lib/types/link.d.ts +1 -1
- package/lib/types/rich-text-link.d.ts +1 -1
- package/lib/types/shared/remix-link.d.ts +1 -1
- package/package.json +14 -14
- package/src/__generated__/form.props.ts +34 -5
- package/src/__generated__/link.props.ts +36 -7
- package/src/__generated__/rich-text-link.props.ts +36 -7
- package/src/form.ws.tsx +30 -28
- package/src/shared/remix-link.tsx +5 -2
|
@@ -22,12 +22,19 @@ const props = {
|
|
|
22
22
|
type: "string",
|
|
23
23
|
options: ["list", "none", "inline", "both"]
|
|
24
24
|
},
|
|
25
|
-
"aria-
|
|
26
|
-
description: "
|
|
25
|
+
"aria-braillelabel": {
|
|
26
|
+
description: "Defines a string value that labels the current element, which is intended to be converted into Braille.\n@see aria-label.",
|
|
27
27
|
required: false,
|
|
28
|
-
control: "
|
|
29
|
-
type: "
|
|
28
|
+
control: "text",
|
|
29
|
+
type: "string"
|
|
30
30
|
},
|
|
31
|
+
"aria-brailleroledescription": {
|
|
32
|
+
description: "Defines a human-readable, author-localized abbreviated description for the role of an element, which is intended to be converted into Braille.\n@see aria-roledescription.",
|
|
33
|
+
required: false,
|
|
34
|
+
control: "text",
|
|
35
|
+
type: "string"
|
|
36
|
+
},
|
|
37
|
+
"aria-busy": { required: false, control: "boolean", type: "boolean" },
|
|
31
38
|
"aria-checked": {
|
|
32
39
|
description: 'Indicates the current "checked" state of checkboxes, radio buttons, and other widgets.\n@see aria-pressed\n@see aria-selected.',
|
|
33
40
|
required: false,
|
|
@@ -46,6 +53,12 @@ const props = {
|
|
|
46
53
|
control: "number",
|
|
47
54
|
type: "number"
|
|
48
55
|
},
|
|
56
|
+
"aria-colindextext": {
|
|
57
|
+
description: "Defines a human readable text alternative of aria-colindex.\n@see aria-rowindextext.",
|
|
58
|
+
required: false,
|
|
59
|
+
control: "text",
|
|
60
|
+
type: "string"
|
|
61
|
+
},
|
|
49
62
|
"aria-colspan": {
|
|
50
63
|
description: "Defines the number of columns spanned by a cell or gridcell within a table, grid, or treegrid.\n@see aria-colindex\n@see aria-rowspan.",
|
|
51
64
|
required: false,
|
|
@@ -70,6 +83,12 @@ const props = {
|
|
|
70
83
|
control: "text",
|
|
71
84
|
type: "string"
|
|
72
85
|
},
|
|
86
|
+
"aria-description": {
|
|
87
|
+
description: "Defines a string value that describes or annotates the current element.\n@see related aria-describedby.",
|
|
88
|
+
required: false,
|
|
89
|
+
control: "text",
|
|
90
|
+
type: "string"
|
|
91
|
+
},
|
|
73
92
|
"aria-details": {
|
|
74
93
|
description: "Identifies the element that provides a detailed, extended description for the object.\n@see aria-describedby.",
|
|
75
94
|
required: false,
|
|
@@ -260,6 +279,12 @@ const props = {
|
|
|
260
279
|
control: "number",
|
|
261
280
|
type: "number"
|
|
262
281
|
},
|
|
282
|
+
"aria-rowindextext": {
|
|
283
|
+
description: "Defines a human readable text alternative of aria-rowindex.\n@see aria-colindextext.",
|
|
284
|
+
required: false,
|
|
285
|
+
control: "text",
|
|
286
|
+
type: "string"
|
|
287
|
+
},
|
|
263
288
|
"aria-rowspan": {
|
|
264
289
|
description: "Defines the number of rows spanned by a cell or gridcell within a table, grid, or treegrid.\n@see aria-rowindex\n@see aria-colspan.",
|
|
265
290
|
required: false,
|
|
@@ -340,9 +365,9 @@ const props = {
|
|
|
340
365
|
control: "select",
|
|
341
366
|
type: "string",
|
|
342
367
|
options: [
|
|
368
|
+
"search",
|
|
343
369
|
"text",
|
|
344
370
|
"none",
|
|
345
|
-
"search",
|
|
346
371
|
"tel",
|
|
347
372
|
"url",
|
|
348
373
|
"email",
|
|
@@ -20,12 +20,19 @@ const props = {
|
|
|
20
20
|
type: "string",
|
|
21
21
|
options: ["list", "none", "inline", "both"]
|
|
22
22
|
},
|
|
23
|
-
"aria-
|
|
24
|
-
description: "
|
|
23
|
+
"aria-braillelabel": {
|
|
24
|
+
description: "Defines a string value that labels the current element, which is intended to be converted into Braille.\n@see aria-label.",
|
|
25
25
|
required: false,
|
|
26
|
-
control: "
|
|
27
|
-
type: "
|
|
26
|
+
control: "text",
|
|
27
|
+
type: "string"
|
|
28
|
+
},
|
|
29
|
+
"aria-brailleroledescription": {
|
|
30
|
+
description: "Defines a human-readable, author-localized abbreviated description for the role of an element, which is intended to be converted into Braille.\n@see aria-roledescription.",
|
|
31
|
+
required: false,
|
|
32
|
+
control: "text",
|
|
33
|
+
type: "string"
|
|
28
34
|
},
|
|
35
|
+
"aria-busy": { required: false, control: "boolean", type: "boolean" },
|
|
29
36
|
"aria-checked": {
|
|
30
37
|
description: 'Indicates the current "checked" state of checkboxes, radio buttons, and other widgets.\n@see aria-pressed\n@see aria-selected.',
|
|
31
38
|
required: false,
|
|
@@ -44,6 +51,12 @@ const props = {
|
|
|
44
51
|
control: "number",
|
|
45
52
|
type: "number"
|
|
46
53
|
},
|
|
54
|
+
"aria-colindextext": {
|
|
55
|
+
description: "Defines a human readable text alternative of aria-colindex.\n@see aria-rowindextext.",
|
|
56
|
+
required: false,
|
|
57
|
+
control: "text",
|
|
58
|
+
type: "string"
|
|
59
|
+
},
|
|
47
60
|
"aria-colspan": {
|
|
48
61
|
description: "Defines the number of columns spanned by a cell or gridcell within a table, grid, or treegrid.\n@see aria-colindex\n@see aria-rowspan.",
|
|
49
62
|
required: false,
|
|
@@ -68,6 +81,12 @@ const props = {
|
|
|
68
81
|
control: "text",
|
|
69
82
|
type: "string"
|
|
70
83
|
},
|
|
84
|
+
"aria-description": {
|
|
85
|
+
description: "Defines a string value that describes or annotates the current element.\n@see related aria-describedby.",
|
|
86
|
+
required: false,
|
|
87
|
+
control: "text",
|
|
88
|
+
type: "string"
|
|
89
|
+
},
|
|
71
90
|
"aria-details": {
|
|
72
91
|
description: "Identifies the element that provides a detailed, extended description for the object.\n@see aria-describedby.",
|
|
73
92
|
required: false,
|
|
@@ -258,6 +277,12 @@ const props = {
|
|
|
258
277
|
control: "number",
|
|
259
278
|
type: "number"
|
|
260
279
|
},
|
|
280
|
+
"aria-rowindextext": {
|
|
281
|
+
description: "Defines a human readable text alternative of aria-rowindex.\n@see aria-colindextext.",
|
|
282
|
+
required: false,
|
|
283
|
+
control: "text",
|
|
284
|
+
type: "string"
|
|
285
|
+
},
|
|
261
286
|
"aria-rowspan": {
|
|
262
287
|
description: "Defines the number of rows spanned by a cell or gridcell within a table, grid, or treegrid.\n@see aria-rowindex\n@see aria-colspan.",
|
|
263
288
|
required: false,
|
|
@@ -329,9 +354,9 @@ const props = {
|
|
|
329
354
|
control: "select",
|
|
330
355
|
type: "string",
|
|
331
356
|
options: [
|
|
357
|
+
"search",
|
|
332
358
|
"text",
|
|
333
359
|
"none",
|
|
334
|
-
"search",
|
|
335
360
|
"tel",
|
|
336
361
|
"url",
|
|
337
362
|
"email",
|
|
@@ -357,9 +382,9 @@ const props = {
|
|
|
357
382
|
placeholder: { required: false, control: "text", type: "string" },
|
|
358
383
|
prefetch: {
|
|
359
384
|
required: false,
|
|
360
|
-
control: "
|
|
385
|
+
control: "select",
|
|
361
386
|
type: "string",
|
|
362
|
-
options: ["none", "intent", "render"]
|
|
387
|
+
options: ["none", "intent", "render", "viewport"]
|
|
363
388
|
},
|
|
364
389
|
prefix: { required: false, control: "text", type: "string" },
|
|
365
390
|
preventScrollReset: { required: false, control: "boolean", type: "boolean" },
|
|
@@ -20,12 +20,19 @@ const props = {
|
|
|
20
20
|
type: "string",
|
|
21
21
|
options: ["list", "none", "inline", "both"]
|
|
22
22
|
},
|
|
23
|
-
"aria-
|
|
24
|
-
description: "
|
|
23
|
+
"aria-braillelabel": {
|
|
24
|
+
description: "Defines a string value that labels the current element, which is intended to be converted into Braille.\n@see aria-label.",
|
|
25
25
|
required: false,
|
|
26
|
-
control: "
|
|
27
|
-
type: "
|
|
26
|
+
control: "text",
|
|
27
|
+
type: "string"
|
|
28
|
+
},
|
|
29
|
+
"aria-brailleroledescription": {
|
|
30
|
+
description: "Defines a human-readable, author-localized abbreviated description for the role of an element, which is intended to be converted into Braille.\n@see aria-roledescription.",
|
|
31
|
+
required: false,
|
|
32
|
+
control: "text",
|
|
33
|
+
type: "string"
|
|
28
34
|
},
|
|
35
|
+
"aria-busy": { required: false, control: "boolean", type: "boolean" },
|
|
29
36
|
"aria-checked": {
|
|
30
37
|
description: 'Indicates the current "checked" state of checkboxes, radio buttons, and other widgets.\n@see aria-pressed\n@see aria-selected.',
|
|
31
38
|
required: false,
|
|
@@ -44,6 +51,12 @@ const props = {
|
|
|
44
51
|
control: "number",
|
|
45
52
|
type: "number"
|
|
46
53
|
},
|
|
54
|
+
"aria-colindextext": {
|
|
55
|
+
description: "Defines a human readable text alternative of aria-colindex.\n@see aria-rowindextext.",
|
|
56
|
+
required: false,
|
|
57
|
+
control: "text",
|
|
58
|
+
type: "string"
|
|
59
|
+
},
|
|
47
60
|
"aria-colspan": {
|
|
48
61
|
description: "Defines the number of columns spanned by a cell or gridcell within a table, grid, or treegrid.\n@see aria-colindex\n@see aria-rowspan.",
|
|
49
62
|
required: false,
|
|
@@ -68,6 +81,12 @@ const props = {
|
|
|
68
81
|
control: "text",
|
|
69
82
|
type: "string"
|
|
70
83
|
},
|
|
84
|
+
"aria-description": {
|
|
85
|
+
description: "Defines a string value that describes or annotates the current element.\n@see related aria-describedby.",
|
|
86
|
+
required: false,
|
|
87
|
+
control: "text",
|
|
88
|
+
type: "string"
|
|
89
|
+
},
|
|
71
90
|
"aria-details": {
|
|
72
91
|
description: "Identifies the element that provides a detailed, extended description for the object.\n@see aria-describedby.",
|
|
73
92
|
required: false,
|
|
@@ -258,6 +277,12 @@ const props = {
|
|
|
258
277
|
control: "number",
|
|
259
278
|
type: "number"
|
|
260
279
|
},
|
|
280
|
+
"aria-rowindextext": {
|
|
281
|
+
description: "Defines a human readable text alternative of aria-rowindex.\n@see aria-colindextext.",
|
|
282
|
+
required: false,
|
|
283
|
+
control: "text",
|
|
284
|
+
type: "string"
|
|
285
|
+
},
|
|
261
286
|
"aria-rowspan": {
|
|
262
287
|
description: "Defines the number of rows spanned by a cell or gridcell within a table, grid, or treegrid.\n@see aria-rowindex\n@see aria-colspan.",
|
|
263
288
|
required: false,
|
|
@@ -329,9 +354,9 @@ const props = {
|
|
|
329
354
|
control: "select",
|
|
330
355
|
type: "string",
|
|
331
356
|
options: [
|
|
357
|
+
"search",
|
|
332
358
|
"text",
|
|
333
359
|
"none",
|
|
334
|
-
"search",
|
|
335
360
|
"tel",
|
|
336
361
|
"url",
|
|
337
362
|
"email",
|
|
@@ -357,9 +382,9 @@ const props = {
|
|
|
357
382
|
placeholder: { required: false, control: "text", type: "string" },
|
|
358
383
|
prefetch: {
|
|
359
384
|
required: false,
|
|
360
|
-
control: "
|
|
385
|
+
control: "select",
|
|
361
386
|
type: "string",
|
|
362
|
-
options: ["none", "intent", "render"]
|
|
387
|
+
options: ["none", "intent", "render", "viewport"]
|
|
363
388
|
},
|
|
364
389
|
prefix: { required: false, control: "text", type: "string" },
|
|
365
390
|
preventScrollReset: { required: false, control: "boolean", type: "boolean" },
|
|
@@ -45,12 +45,19 @@ const props = {
|
|
|
45
45
|
type: "string",
|
|
46
46
|
options: ["list", "none", "inline", "both"]
|
|
47
47
|
},
|
|
48
|
-
"aria-
|
|
49
|
-
description: "
|
|
48
|
+
"aria-braillelabel": {
|
|
49
|
+
description: "Defines a string value that labels the current element, which is intended to be converted into Braille.\n@see aria-label.",
|
|
50
50
|
required: false,
|
|
51
|
-
control: "
|
|
52
|
-
type: "
|
|
51
|
+
control: "text",
|
|
52
|
+
type: "string"
|
|
53
53
|
},
|
|
54
|
+
"aria-brailleroledescription": {
|
|
55
|
+
description: "Defines a human-readable, author-localized abbreviated description for the role of an element, which is intended to be converted into Braille.\n@see aria-roledescription.",
|
|
56
|
+
required: false,
|
|
57
|
+
control: "text",
|
|
58
|
+
type: "string"
|
|
59
|
+
},
|
|
60
|
+
"aria-busy": { required: false, control: "boolean", type: "boolean" },
|
|
54
61
|
"aria-checked": {
|
|
55
62
|
description: 'Indicates the current "checked" state of checkboxes, radio buttons, and other widgets.\n@see aria-pressed\n@see aria-selected.',
|
|
56
63
|
required: false,
|
|
@@ -69,6 +76,12 @@ const props = {
|
|
|
69
76
|
control: "number",
|
|
70
77
|
type: "number"
|
|
71
78
|
},
|
|
79
|
+
"aria-colindextext": {
|
|
80
|
+
description: "Defines a human readable text alternative of aria-colindex.\n@see aria-rowindextext.",
|
|
81
|
+
required: false,
|
|
82
|
+
control: "text",
|
|
83
|
+
type: "string"
|
|
84
|
+
},
|
|
72
85
|
"aria-colspan": {
|
|
73
86
|
description: "Defines the number of columns spanned by a cell or gridcell within a table, grid, or treegrid.\n@see aria-colindex\n@see aria-rowspan.",
|
|
74
87
|
required: false,
|
|
@@ -93,6 +106,12 @@ const props = {
|
|
|
93
106
|
control: "text",
|
|
94
107
|
type: "string"
|
|
95
108
|
},
|
|
109
|
+
"aria-description": {
|
|
110
|
+
description: "Defines a string value that describes or annotates the current element.\n@see related aria-describedby.",
|
|
111
|
+
required: false,
|
|
112
|
+
control: "text",
|
|
113
|
+
type: "string"
|
|
114
|
+
},
|
|
96
115
|
"aria-details": {
|
|
97
116
|
description: "Identifies the element that provides a detailed, extended description for the object.\n@see aria-describedby.",
|
|
98
117
|
required: false,
|
|
@@ -283,6 +302,12 @@ const props = {
|
|
|
283
302
|
control: "number",
|
|
284
303
|
type: "number"
|
|
285
304
|
},
|
|
305
|
+
"aria-rowindextext": {
|
|
306
|
+
description: "Defines a human readable text alternative of aria-rowindex.\n@see aria-colindextext.",
|
|
307
|
+
required: false,
|
|
308
|
+
control: "text",
|
|
309
|
+
type: "string"
|
|
310
|
+
},
|
|
286
311
|
"aria-rowspan": {
|
|
287
312
|
description: "Defines the number of rows spanned by a cell or gridcell within a table, grid, or treegrid.\n@see aria-rowindex\n@see aria-colspan.",
|
|
288
313
|
required: false,
|
|
@@ -363,9 +388,9 @@ const props = {
|
|
|
363
388
|
control: "select",
|
|
364
389
|
type: "string",
|
|
365
390
|
options: [
|
|
391
|
+
"search",
|
|
366
392
|
"text",
|
|
367
393
|
"none",
|
|
368
|
-
"search",
|
|
369
394
|
"tel",
|
|
370
395
|
"url",
|
|
371
396
|
"email",
|
|
@@ -43,12 +43,19 @@ const props = {
|
|
|
43
43
|
type: "string",
|
|
44
44
|
options: ["list", "none", "inline", "both"]
|
|
45
45
|
},
|
|
46
|
-
"aria-
|
|
47
|
-
description: "
|
|
46
|
+
"aria-braillelabel": {
|
|
47
|
+
description: "Defines a string value that labels the current element, which is intended to be converted into Braille.\n@see aria-label.",
|
|
48
48
|
required: false,
|
|
49
|
-
control: "
|
|
50
|
-
type: "
|
|
49
|
+
control: "text",
|
|
50
|
+
type: "string"
|
|
51
|
+
},
|
|
52
|
+
"aria-brailleroledescription": {
|
|
53
|
+
description: "Defines a human-readable, author-localized abbreviated description for the role of an element, which is intended to be converted into Braille.\n@see aria-roledescription.",
|
|
54
|
+
required: false,
|
|
55
|
+
control: "text",
|
|
56
|
+
type: "string"
|
|
51
57
|
},
|
|
58
|
+
"aria-busy": { required: false, control: "boolean", type: "boolean" },
|
|
52
59
|
"aria-checked": {
|
|
53
60
|
description: 'Indicates the current "checked" state of checkboxes, radio buttons, and other widgets.\n@see aria-pressed\n@see aria-selected.',
|
|
54
61
|
required: false,
|
|
@@ -67,6 +74,12 @@ const props = {
|
|
|
67
74
|
control: "number",
|
|
68
75
|
type: "number"
|
|
69
76
|
},
|
|
77
|
+
"aria-colindextext": {
|
|
78
|
+
description: "Defines a human readable text alternative of aria-colindex.\n@see aria-rowindextext.",
|
|
79
|
+
required: false,
|
|
80
|
+
control: "text",
|
|
81
|
+
type: "string"
|
|
82
|
+
},
|
|
70
83
|
"aria-colspan": {
|
|
71
84
|
description: "Defines the number of columns spanned by a cell or gridcell within a table, grid, or treegrid.\n@see aria-colindex\n@see aria-rowspan.",
|
|
72
85
|
required: false,
|
|
@@ -91,6 +104,12 @@ const props = {
|
|
|
91
104
|
control: "text",
|
|
92
105
|
type: "string"
|
|
93
106
|
},
|
|
107
|
+
"aria-description": {
|
|
108
|
+
description: "Defines a string value that describes or annotates the current element.\n@see related aria-describedby.",
|
|
109
|
+
required: false,
|
|
110
|
+
control: "text",
|
|
111
|
+
type: "string"
|
|
112
|
+
},
|
|
94
113
|
"aria-details": {
|
|
95
114
|
description: "Identifies the element that provides a detailed, extended description for the object.\n@see aria-describedby.",
|
|
96
115
|
required: false,
|
|
@@ -281,6 +300,12 @@ const props = {
|
|
|
281
300
|
control: "number",
|
|
282
301
|
type: "number"
|
|
283
302
|
},
|
|
303
|
+
"aria-rowindextext": {
|
|
304
|
+
description: "Defines a human readable text alternative of aria-rowindex.\n@see aria-colindextext.",
|
|
305
|
+
required: false,
|
|
306
|
+
control: "text",
|
|
307
|
+
type: "string"
|
|
308
|
+
},
|
|
284
309
|
"aria-rowspan": {
|
|
285
310
|
description: "Defines the number of rows spanned by a cell or gridcell within a table, grid, or treegrid.\n@see aria-rowindex\n@see aria-colspan.",
|
|
286
311
|
required: false,
|
|
@@ -352,9 +377,9 @@ const props = {
|
|
|
352
377
|
control: "select",
|
|
353
378
|
type: "string",
|
|
354
379
|
options: [
|
|
380
|
+
"search",
|
|
355
381
|
"text",
|
|
356
382
|
"none",
|
|
357
|
-
"search",
|
|
358
383
|
"tel",
|
|
359
384
|
"url",
|
|
360
385
|
"email",
|
|
@@ -380,9 +405,9 @@ const props = {
|
|
|
380
405
|
placeholder: { required: false, control: "text", type: "string" },
|
|
381
406
|
prefetch: {
|
|
382
407
|
required: false,
|
|
383
|
-
control: "
|
|
408
|
+
control: "select",
|
|
384
409
|
type: "string",
|
|
385
|
-
options: ["none", "intent", "render"]
|
|
410
|
+
options: ["none", "intent", "render", "viewport"]
|
|
386
411
|
},
|
|
387
412
|
prefix: { required: false, control: "text", type: "string" },
|
|
388
413
|
preventScrollReset: { required: false, control: "boolean", type: "boolean" },
|
|
@@ -43,12 +43,19 @@ const props = {
|
|
|
43
43
|
type: "string",
|
|
44
44
|
options: ["list", "none", "inline", "both"]
|
|
45
45
|
},
|
|
46
|
-
"aria-
|
|
47
|
-
description: "
|
|
46
|
+
"aria-braillelabel": {
|
|
47
|
+
description: "Defines a string value that labels the current element, which is intended to be converted into Braille.\n@see aria-label.",
|
|
48
48
|
required: false,
|
|
49
|
-
control: "
|
|
50
|
-
type: "
|
|
49
|
+
control: "text",
|
|
50
|
+
type: "string"
|
|
51
|
+
},
|
|
52
|
+
"aria-brailleroledescription": {
|
|
53
|
+
description: "Defines a human-readable, author-localized abbreviated description for the role of an element, which is intended to be converted into Braille.\n@see aria-roledescription.",
|
|
54
|
+
required: false,
|
|
55
|
+
control: "text",
|
|
56
|
+
type: "string"
|
|
51
57
|
},
|
|
58
|
+
"aria-busy": { required: false, control: "boolean", type: "boolean" },
|
|
52
59
|
"aria-checked": {
|
|
53
60
|
description: 'Indicates the current "checked" state of checkboxes, radio buttons, and other widgets.\n@see aria-pressed\n@see aria-selected.',
|
|
54
61
|
required: false,
|
|
@@ -67,6 +74,12 @@ const props = {
|
|
|
67
74
|
control: "number",
|
|
68
75
|
type: "number"
|
|
69
76
|
},
|
|
77
|
+
"aria-colindextext": {
|
|
78
|
+
description: "Defines a human readable text alternative of aria-colindex.\n@see aria-rowindextext.",
|
|
79
|
+
required: false,
|
|
80
|
+
control: "text",
|
|
81
|
+
type: "string"
|
|
82
|
+
},
|
|
70
83
|
"aria-colspan": {
|
|
71
84
|
description: "Defines the number of columns spanned by a cell or gridcell within a table, grid, or treegrid.\n@see aria-colindex\n@see aria-rowspan.",
|
|
72
85
|
required: false,
|
|
@@ -91,6 +104,12 @@ const props = {
|
|
|
91
104
|
control: "text",
|
|
92
105
|
type: "string"
|
|
93
106
|
},
|
|
107
|
+
"aria-description": {
|
|
108
|
+
description: "Defines a string value that describes or annotates the current element.\n@see related aria-describedby.",
|
|
109
|
+
required: false,
|
|
110
|
+
control: "text",
|
|
111
|
+
type: "string"
|
|
112
|
+
},
|
|
94
113
|
"aria-details": {
|
|
95
114
|
description: "Identifies the element that provides a detailed, extended description for the object.\n@see aria-describedby.",
|
|
96
115
|
required: false,
|
|
@@ -281,6 +300,12 @@ const props = {
|
|
|
281
300
|
control: "number",
|
|
282
301
|
type: "number"
|
|
283
302
|
},
|
|
303
|
+
"aria-rowindextext": {
|
|
304
|
+
description: "Defines a human readable text alternative of aria-rowindex.\n@see aria-colindextext.",
|
|
305
|
+
required: false,
|
|
306
|
+
control: "text",
|
|
307
|
+
type: "string"
|
|
308
|
+
},
|
|
284
309
|
"aria-rowspan": {
|
|
285
310
|
description: "Defines the number of rows spanned by a cell or gridcell within a table, grid, or treegrid.\n@see aria-rowindex\n@see aria-colspan.",
|
|
286
311
|
required: false,
|
|
@@ -352,9 +377,9 @@ const props = {
|
|
|
352
377
|
control: "select",
|
|
353
378
|
type: "string",
|
|
354
379
|
options: [
|
|
380
|
+
"search",
|
|
355
381
|
"text",
|
|
356
382
|
"none",
|
|
357
|
-
"search",
|
|
358
383
|
"tel",
|
|
359
384
|
"url",
|
|
360
385
|
"email",
|
|
@@ -380,9 +405,9 @@ const props = {
|
|
|
380
405
|
placeholder: { required: false, control: "text", type: "string" },
|
|
381
406
|
prefetch: {
|
|
382
407
|
required: false,
|
|
383
|
-
control: "
|
|
408
|
+
control: "select",
|
|
384
409
|
type: "string",
|
|
385
|
-
options: ["none", "intent", "render"]
|
|
410
|
+
options: ["none", "intent", "render", "viewport"]
|
|
386
411
|
},
|
|
387
412
|
prefix: { required: false, control: "text", type: "string" },
|
|
388
413
|
preventScrollReset: { required: false, control: "boolean", type: "boolean" },
|
package/lib/cjs/form.ws.js
CHANGED
|
@@ -48,15 +48,14 @@ const meta = {
|
|
|
48
48
|
{
|
|
49
49
|
type: "instance",
|
|
50
50
|
component: "Form",
|
|
51
|
+
dataSources: {
|
|
52
|
+
formState: { type: "variable", initialValue: "initial" }
|
|
53
|
+
},
|
|
51
54
|
props: [
|
|
52
55
|
{
|
|
56
|
+
type: "dataSource",
|
|
53
57
|
name: "state",
|
|
54
|
-
|
|
55
|
-
value: "initial",
|
|
56
|
-
dataSourceRef: {
|
|
57
|
-
type: "variable",
|
|
58
|
-
name: "formState"
|
|
59
|
-
}
|
|
58
|
+
dataSourceName: "formState"
|
|
60
59
|
}
|
|
61
60
|
],
|
|
62
61
|
children: [
|
|
@@ -64,16 +63,17 @@ const meta = {
|
|
|
64
63
|
type: "instance",
|
|
65
64
|
label: "Form Content",
|
|
66
65
|
component: "Box",
|
|
66
|
+
dataSources: {
|
|
67
|
+
formInitial: {
|
|
68
|
+
type: "expression",
|
|
69
|
+
code: `formState === 'initial' || formState === 'error'`
|
|
70
|
+
}
|
|
71
|
+
},
|
|
67
72
|
props: [
|
|
68
73
|
{
|
|
74
|
+
type: "dataSource",
|
|
69
75
|
name: import_react_sdk.showAttribute,
|
|
70
|
-
|
|
71
|
-
value: false,
|
|
72
|
-
dataSourceRef: {
|
|
73
|
-
type: "expression",
|
|
74
|
-
name: "formInitial",
|
|
75
|
-
code: `formState === 'initial' || formState === 'error'`
|
|
76
|
-
}
|
|
76
|
+
dataSourceName: "formInitial"
|
|
77
77
|
}
|
|
78
78
|
],
|
|
79
79
|
children: [
|
|
@@ -110,16 +110,17 @@ const meta = {
|
|
|
110
110
|
type: "instance",
|
|
111
111
|
label: "Success Message",
|
|
112
112
|
component: "Box",
|
|
113
|
+
dataSources: {
|
|
114
|
+
formSuccess: {
|
|
115
|
+
type: "expression",
|
|
116
|
+
code: `formState === 'success'`
|
|
117
|
+
}
|
|
118
|
+
},
|
|
113
119
|
props: [
|
|
114
120
|
{
|
|
121
|
+
type: "dataSource",
|
|
115
122
|
name: import_react_sdk.showAttribute,
|
|
116
|
-
|
|
117
|
-
value: false,
|
|
118
|
-
dataSourceRef: {
|
|
119
|
-
type: "expression",
|
|
120
|
-
name: "formSuccess",
|
|
121
|
-
code: `formState === 'success'`
|
|
122
|
-
}
|
|
123
|
+
dataSourceName: "formSuccess"
|
|
123
124
|
}
|
|
124
125
|
],
|
|
125
126
|
children: [
|
|
@@ -130,16 +131,17 @@ const meta = {
|
|
|
130
131
|
type: "instance",
|
|
131
132
|
label: "Error Message",
|
|
132
133
|
component: "Box",
|
|
134
|
+
dataSources: {
|
|
135
|
+
formError: {
|
|
136
|
+
type: "expression",
|
|
137
|
+
code: `formState === 'error'`
|
|
138
|
+
}
|
|
139
|
+
},
|
|
133
140
|
props: [
|
|
134
141
|
{
|
|
142
|
+
type: "dataSource",
|
|
135
143
|
name: import_react_sdk.showAttribute,
|
|
136
|
-
|
|
137
|
-
value: false,
|
|
138
|
-
dataSourceRef: {
|
|
139
|
-
type: "expression",
|
|
140
|
-
name: "formError",
|
|
141
|
-
code: `formState === 'error'`
|
|
142
|
-
}
|
|
144
|
+
dataSourceName: "formError"
|
|
143
145
|
}
|
|
144
146
|
],
|
|
145
147
|
children: [{ type: "text", value: "Sorry, something went wrong." }]
|
|
@@ -150,5 +152,5 @@ const meta = {
|
|
|
150
152
|
};
|
|
151
153
|
const propsMeta = {
|
|
152
154
|
props: import_form.props,
|
|
153
|
-
initialProps: ["id", "state"]
|
|
155
|
+
initialProps: ["id", "state", "action"]
|
|
154
156
|
};
|
|
@@ -38,7 +38,8 @@ const wrapLinkComponent = (BaseLink) => {
|
|
|
38
38
|
}
|
|
39
39
|
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react2.NavLink, { ...props, to, ref });
|
|
40
40
|
}
|
|
41
|
-
|
|
41
|
+
const { prefetch, reloadDocument, replace, preventScrollReset, ...rest } = props;
|
|
42
|
+
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(BaseLink, { ...rest, ref });
|
|
42
43
|
});
|
|
43
44
|
Component.displayName = BaseLink.displayName;
|
|
44
45
|
return Component;
|