@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.
@@ -22,12 +22,19 @@ const props = {
22
22
  type: "string",
23
23
  options: ["list", "none", "inline", "both"]
24
24
  },
25
- "aria-busy": {
26
- description: "Indicates an element is being modified and that assistive technologies MAY want to wait until the modifications are complete before exposing them to the user.",
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: "boolean",
29
- type: "boolean"
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-busy": {
24
- description: "Indicates an element is being modified and that assistive technologies MAY want to wait until the modifications are complete before exposing them to the user.",
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: "boolean",
27
- type: "boolean"
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: "radio",
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-busy": {
24
- description: "Indicates an element is being modified and that assistive technologies MAY want to wait until the modifications are complete before exposing them to the user.",
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: "boolean",
27
- type: "boolean"
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: "radio",
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-busy": {
49
- description: "Indicates an element is being modified and that assistive technologies MAY want to wait until the modifications are complete before exposing them to the user.",
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: "boolean",
52
- type: "boolean"
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-busy": {
47
- description: "Indicates an element is being modified and that assistive technologies MAY want to wait until the modifications are complete before exposing them to the user.",
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: "boolean",
50
- type: "boolean"
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: "radio",
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-busy": {
47
- description: "Indicates an element is being modified and that assistive technologies MAY want to wait until the modifications are complete before exposing them to the user.",
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: "boolean",
50
- type: "boolean"
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: "radio",
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" },
@@ -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
- type: "string",
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
- type: "boolean",
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
- type: "boolean",
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
- type: "boolean",
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
- return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(BaseLink, { ...props, ref });
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;