@webstudio-is/sdk-components-react-remix 0.75.0 → 0.77.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.
Files changed (21) hide show
  1. package/lib/__generated__/form.props.js +91 -93
  2. package/lib/__generated__/link.props.js +106 -111
  3. package/lib/__generated__/rich-text-link.props.js +106 -111
  4. package/lib/cjs/__generated__/form.props.js +91 -93
  5. package/lib/cjs/__generated__/link.props.js +106 -111
  6. package/lib/cjs/__generated__/rich-text-link.props.js +106 -111
  7. package/lib/cjs/form.js +20 -46
  8. package/lib/cjs/form.ws.js +84 -40
  9. package/lib/cjs/shared/remix-link.js +4 -1
  10. package/lib/form.js +28 -50
  11. package/lib/form.ws.js +86 -40
  12. package/lib/shared/remix-link.js +4 -1
  13. package/lib/types/form.d.ts +4 -2
  14. package/lib/types/form.ws.d.ts +1 -1
  15. package/package.json +7 -8
  16. package/src/__generated__/form.props.ts +92 -94
  17. package/src/__generated__/link.props.ts +108 -113
  18. package/src/__generated__/rich-text-link.props.ts +108 -113
  19. package/src/form.tsx +35 -83
  20. package/src/form.ws.tsx +88 -42
  21. package/src/shared/remix-link.tsx +6 -1
package/lib/__generated__/form.props.js CHANGED
@@ -1,97 +1,8 @@
1
1
  const props = {
2
- slot: { required: false, control: "text", type: "string" },
3
- style: { required: false, control: "text", type: "string" },
4
- title: { required: false, control: "text", type: "string" },
2
+ about: { required: false, control: "text", type: "string" },
5
3
  acceptCharset: { required: false, control: "text", type: "string" },
6
- autoComplete: { required: false, control: "text", type: "string" },
7
- encType: { required: false, control: "text", type: "string" },
8
- name: { required: false, control: "text", type: "string" },
9
- noValidate: { required: false, control: "boolean", type: "boolean" },
10
- target: { required: false, control: "text", type: "string" },
11
- defaultChecked: { required: false, control: "boolean", type: "boolean" },
12
- defaultValue: { required: false, control: "text", type: "string" },
13
- suppressContentEditableWarning: {
14
- required: false,
15
- control: "boolean",
16
- type: "boolean"
17
- },
18
- suppressHydrationWarning: {
19
- required: false,
20
- control: "boolean",
21
- type: "boolean"
22
- },
23
4
  accessKey: { required: false, control: "text", type: "string" },
24
- autoFocus: { required: false, control: "boolean", type: "boolean" },
25
- className: { required: false, control: "text", type: "string" },
26
- contentEditable: { required: false, control: "text", type: "string" },
27
- contextMenu: { required: false, control: "text", type: "string" },
28
- dir: { required: false, control: "text", type: "string" },
29
- draggable: { required: false, control: "boolean", type: "boolean" },
30
- hidden: { required: false, control: "boolean", type: "boolean" },
31
- id: { required: false, control: "text", type: "string" },
32
- lang: { required: false, control: "text", type: "string" },
33
- nonce: { required: false, control: "text", type: "string" },
34
- placeholder: { required: false, control: "text", type: "string" },
35
- spellCheck: { required: false, control: "boolean", type: "boolean" },
36
- tabIndex: { required: false, control: "number", type: "number" },
37
- translate: {
38
- required: false,
39
- control: "radio",
40
- type: "string",
41
- options: ["yes", "no"]
42
- },
43
- radioGroup: { required: false, control: "text", type: "string" },
44
- role: { required: false, control: "text", type: "string" },
45
- about: { required: false, control: "text", type: "string" },
46
- content: { required: false, control: "text", type: "string" },
47
- datatype: { required: false, control: "text", type: "string" },
48
- inlist: { required: false, control: "text", type: "string" },
49
- prefix: { required: false, control: "text", type: "string" },
50
- property: { required: false, control: "text", type: "string" },
51
- rel: { required: false, control: "text", type: "string" },
52
- resource: { required: false, control: "text", type: "string" },
53
- rev: { required: false, control: "text", type: "string" },
54
- typeof: { required: false, control: "text", type: "string" },
55
- vocab: { required: false, control: "text", type: "string" },
56
- autoCapitalize: { required: false, control: "text", type: "string" },
57
- autoCorrect: { required: false, control: "text", type: "string" },
58
- autoSave: { required: false, control: "text", type: "string" },
59
- color: { required: false, control: "color", type: "string" },
60
- itemProp: { required: false, control: "text", type: "string" },
61
- itemScope: { required: false, control: "boolean", type: "boolean" },
62
- itemType: { required: false, control: "text", type: "string" },
63
- itemID: { required: false, control: "text", type: "string" },
64
- itemRef: { required: false, control: "text", type: "string" },
65
- results: { required: false, control: "number", type: "number" },
66
- security: { required: false, control: "text", type: "string" },
67
- unselectable: {
68
- required: false,
69
- control: "radio",
70
- type: "string",
71
- options: ["on", "off"]
72
- },
73
- inputMode: {
74
- description: "Hints at the type of data that might be entered by the user while editing the element or its contents\n@see https://html.spec.whatwg.org/multipage/interaction.html#input-modalities:-the-inputmode-attribute",
75
- required: false,
76
- control: "select",
77
- type: "string",
78
- options: [
79
- "text",
80
- "none",
81
- "search",
82
- "tel",
83
- "url",
84
- "email",
85
- "numeric",
86
- "decimal"
87
- ]
88
- },
89
- is: {
90
- description: "Specify that a standard HTML element should behave like a defined custom built-in element\n@see https://html.spec.whatwg.org/multipage/custom-elements.html#attr-is",
91
- required: false,
92
- control: "text",
93
- type: "string"
94
- },
5
+ action: { required: false, control: "text", type: "string" },
95
6
  "aria-activedescendant": {
96
7
  description: "Identifies the currently active element when DOM focus is on a composite widget, textbox, group, or application.",
97
8
  required: false,
@@ -398,13 +309,100 @@ const props = {
398
309
  control: "text",
399
310
  type: "string"
400
311
  },
401
- initialState: {
312
+ autoCapitalize: { required: false, control: "text", type: "string" },
313
+ autoComplete: { required: false, control: "text", type: "string" },
314
+ autoCorrect: { required: false, control: "text", type: "string" },
315
+ autoFocus: { required: false, control: "boolean", type: "boolean" },
316
+ autoSave: { required: false, control: "text", type: "string" },
317
+ className: { required: false, control: "text", type: "string" },
318
+ color: { required: false, control: "color", type: "string" },
319
+ content: { required: false, control: "text", type: "string" },
320
+ contextMenu: { required: false, control: "text", type: "string" },
321
+ datatype: { required: false, control: "text", type: "string" },
322
+ defaultChecked: { required: false, control: "boolean", type: "boolean" },
323
+ dir: { required: false, control: "text", type: "string" },
324
+ draggable: { required: false, control: "boolean", type: "boolean" },
325
+ encType: { required: false, control: "text", type: "string" },
326
+ hidden: { required: false, control: "boolean", type: "boolean" },
327
+ id: { required: false, control: "text", type: "string" },
328
+ inputMode: {
329
+ description: "Hints at the type of data that might be entered by the user while editing the element or its contents\n@see https://html.spec.whatwg.org/multipage/interaction.html#input-modalities:-the-inputmode-attribute",
330
+ required: false,
331
+ control: "select",
332
+ type: "string",
333
+ options: [
334
+ "text",
335
+ "none",
336
+ "search",
337
+ "tel",
338
+ "url",
339
+ "email",
340
+ "numeric",
341
+ "decimal"
342
+ ]
343
+ },
344
+ is: {
345
+ description: "Specify that a standard HTML element should behave like a defined custom built-in element\n@see https://html.spec.whatwg.org/multipage/custom-elements.html#attr-is",
346
+ required: false,
347
+ control: "text",
348
+ type: "string"
349
+ },
350
+ itemID: { required: false, control: "text", type: "string" },
351
+ itemProp: { required: false, control: "text", type: "string" },
352
+ itemRef: { required: false, control: "text", type: "string" },
353
+ itemScope: { required: false, control: "boolean", type: "boolean" },
354
+ itemType: { required: false, control: "text", type: "string" },
355
+ lang: { required: false, control: "text", type: "string" },
356
+ method: { required: false, control: "text", type: "string" },
357
+ name: { required: false, control: "text", type: "string" },
358
+ nonce: { required: false, control: "text", type: "string" },
359
+ noValidate: { required: false, control: "boolean", type: "boolean" },
360
+ placeholder: { required: false, control: "text", type: "string" },
361
+ prefix: { required: false, control: "text", type: "string" },
362
+ property: { required: false, control: "text", type: "string" },
363
+ radioGroup: { required: false, control: "text", type: "string" },
364
+ rel: { required: false, control: "text", type: "string" },
365
+ resource: { required: false, control: "text", type: "string" },
366
+ results: { required: false, control: "number", type: "number" },
367
+ rev: { required: false, control: "text", type: "string" },
368
+ role: { required: false, control: "text", type: "string" },
369
+ security: { required: false, control: "text", type: "string" },
370
+ slot: { required: false, control: "text", type: "string" },
371
+ spellCheck: { required: false, control: "boolean", type: "boolean" },
372
+ state: {
402
373
  required: false,
403
374
  control: "radio",
404
375
  type: "string",
405
376
  defaultValue: "initial",
406
377
  options: ["initial", "success", "error"]
407
- }
378
+ },
379
+ suppressContentEditableWarning: {
380
+ required: false,
381
+ control: "boolean",
382
+ type: "boolean"
383
+ },
384
+ suppressHydrationWarning: {
385
+ required: false,
386
+ control: "boolean",
387
+ type: "boolean"
388
+ },
389
+ tabIndex: { required: false, control: "number", type: "number" },
390
+ target: { required: false, control: "text", type: "string" },
391
+ title: { required: false, control: "text", type: "string" },
392
+ translate: {
393
+ required: false,
394
+ control: "radio",
395
+ type: "string",
396
+ options: ["yes", "no"]
397
+ },
398
+ typeof: { required: false, control: "text", type: "string" },
399
+ unselectable: {
400
+ required: false,
401
+ control: "radio",
402
+ type: "string",
403
+ options: ["on", "off"]
404
+ },
405
+ vocab: { required: false, control: "text", type: "string" }
408
406
  };
409
407
  export {
410
408
  props
package/lib/__generated__/link.props.js CHANGED
@@ -1,113 +1,6 @@
1
1
  const props = {
2
- slot: { required: false, control: "text", type: "string" },
3
- style: { required: false, control: "text", type: "string" },
4
- title: { required: false, control: "text", type: "string" },
5
- download: { required: false, control: "text", type: "string" },
6
- href: { required: false, control: "text", type: "string" },
7
- hrefLang: { required: false, control: "text", type: "string" },
8
- media: { required: false, control: "text", type: "string" },
9
- ping: { required: false, control: "text", type: "string" },
10
- type: { required: false, control: "text", type: "string" },
11
- referrerPolicy: {
12
- required: false,
13
- control: "select",
14
- type: "string",
15
- options: [
16
- "",
17
- "no-referrer",
18
- "no-referrer-when-downgrade",
19
- "origin",
20
- "origin-when-cross-origin",
21
- "same-origin",
22
- "strict-origin",
23
- "strict-origin-when-cross-origin",
24
- "unsafe-url"
25
- ]
26
- },
27
- defaultChecked: { required: false, control: "boolean", type: "boolean" },
28
- defaultValue: { required: false, control: "text", type: "string" },
29
- suppressContentEditableWarning: {
30
- required: false,
31
- control: "boolean",
32
- type: "boolean"
33
- },
34
- suppressHydrationWarning: {
35
- required: false,
36
- control: "boolean",
37
- type: "boolean"
38
- },
39
- accessKey: { required: false, control: "text", type: "string" },
40
- autoFocus: { required: false, control: "boolean", type: "boolean" },
41
- className: { required: false, control: "text", type: "string" },
42
- contentEditable: { required: false, control: "text", type: "string" },
43
- contextMenu: { required: false, control: "text", type: "string" },
44
- dir: { required: false, control: "text", type: "string" },
45
- draggable: { required: false, control: "boolean", type: "boolean" },
46
- hidden: { required: false, control: "boolean", type: "boolean" },
47
- id: { required: false, control: "text", type: "string" },
48
- lang: { required: false, control: "text", type: "string" },
49
- nonce: { required: false, control: "text", type: "string" },
50
- placeholder: { required: false, control: "text", type: "string" },
51
- spellCheck: { required: false, control: "boolean", type: "boolean" },
52
- tabIndex: { required: false, control: "number", type: "number" },
53
- translate: {
54
- required: false,
55
- control: "radio",
56
- type: "string",
57
- options: ["yes", "no"]
58
- },
59
- radioGroup: { required: false, control: "text", type: "string" },
60
- role: { required: false, control: "text", type: "string" },
61
2
  about: { required: false, control: "text", type: "string" },
62
- content: { required: false, control: "text", type: "string" },
63
- datatype: { required: false, control: "text", type: "string" },
64
- inlist: { required: false, control: "text", type: "string" },
65
- prefix: { required: false, control: "text", type: "string" },
66
- property: { required: false, control: "text", type: "string" },
67
- rel: { required: false, control: "text", type: "string" },
68
- resource: { required: false, control: "text", type: "string" },
69
- rev: { required: false, control: "text", type: "string" },
70
- typeof: { required: false, control: "text", type: "string" },
71
- vocab: { required: false, control: "text", type: "string" },
72
- autoCapitalize: { required: false, control: "text", type: "string" },
73
- autoCorrect: { required: false, control: "text", type: "string" },
74
- autoSave: { required: false, control: "text", type: "string" },
75
- color: { required: false, control: "color", type: "string" },
76
- itemProp: { required: false, control: "text", type: "string" },
77
- itemScope: { required: false, control: "boolean", type: "boolean" },
78
- itemType: { required: false, control: "text", type: "string" },
79
- itemID: { required: false, control: "text", type: "string" },
80
- itemRef: { required: false, control: "text", type: "string" },
81
- results: { required: false, control: "number", type: "number" },
82
- security: { required: false, control: "text", type: "string" },
83
- unselectable: {
84
- required: false,
85
- control: "radio",
86
- type: "string",
87
- options: ["on", "off"]
88
- },
89
- inputMode: {
90
- description: "Hints at the type of data that might be entered by the user while editing the element or its contents\n@see https://html.spec.whatwg.org/multipage/interaction.html#input-modalities:-the-inputmode-attribute",
91
- required: false,
92
- control: "select",
93
- type: "string",
94
- options: [
95
- "text",
96
- "none",
97
- "search",
98
- "tel",
99
- "url",
100
- "email",
101
- "numeric",
102
- "decimal"
103
- ]
104
- },
105
- is: {
106
- description: "Specify that a standard HTML element should behave like a defined custom built-in element\n@see https://html.spec.whatwg.org/multipage/custom-elements.html#attr-is",
107
- required: false,
108
- control: "text",
109
- type: "string"
110
- },
3
+ accessKey: { required: false, control: "text", type: "string" },
111
4
  "aria-activedescendant": {
112
5
  description: "Identifies the currently active element when DOM focus is on a composite widget, textbox, group, or application.",
113
6
  required: false,
@@ -414,21 +307,123 @@ const props = {
414
307
  control: "text",
415
308
  type: "string"
416
309
  },
417
- target: {
310
+ autoCapitalize: { required: false, control: "text", type: "string" },
311
+ autoCorrect: { required: false, control: "text", type: "string" },
312
+ autoFocus: { required: false, control: "boolean", type: "boolean" },
313
+ autoSave: { required: false, control: "text", type: "string" },
314
+ className: { required: false, control: "text", type: "string" },
315
+ color: { required: false, control: "color", type: "string" },
316
+ content: { required: false, control: "text", type: "string" },
317
+ contextMenu: { required: false, control: "text", type: "string" },
318
+ datatype: { required: false, control: "text", type: "string" },
319
+ defaultChecked: { required: false, control: "boolean", type: "boolean" },
320
+ dir: { required: false, control: "text", type: "string" },
321
+ draggable: { required: false, control: "boolean", type: "boolean" },
322
+ hidden: { required: false, control: "boolean", type: "boolean" },
323
+ href: { required: false, control: "text", type: "string" },
324
+ hrefLang: { required: false, control: "text", type: "string" },
325
+ id: { required: false, control: "text", type: "string" },
326
+ inputMode: {
327
+ description: "Hints at the type of data that might be entered by the user while editing the element or its contents\n@see https://html.spec.whatwg.org/multipage/interaction.html#input-modalities:-the-inputmode-attribute",
418
328
  required: false,
419
329
  control: "select",
420
330
  type: "string",
421
- options: ["_self", "_blank", "_parent", "_top"]
331
+ options: [
332
+ "text",
333
+ "none",
334
+ "search",
335
+ "tel",
336
+ "url",
337
+ "email",
338
+ "numeric",
339
+ "decimal"
340
+ ]
422
341
  },
342
+ is: {
343
+ description: "Specify that a standard HTML element should behave like a defined custom built-in element\n@see https://html.spec.whatwg.org/multipage/custom-elements.html#attr-is",
344
+ required: false,
345
+ control: "text",
346
+ type: "string"
347
+ },
348
+ itemID: { required: false, control: "text", type: "string" },
349
+ itemProp: { required: false, control: "text", type: "string" },
350
+ itemRef: { required: false, control: "text", type: "string" },
351
+ itemScope: { required: false, control: "boolean", type: "boolean" },
352
+ itemType: { required: false, control: "text", type: "string" },
353
+ lang: { required: false, control: "text", type: "string" },
354
+ media: { required: false, control: "text", type: "string" },
355
+ nonce: { required: false, control: "text", type: "string" },
356
+ ping: { required: false, control: "text", type: "string" },
357
+ placeholder: { required: false, control: "text", type: "string" },
423
358
  prefetch: {
424
359
  required: false,
425
360
  control: "radio",
426
361
  type: "string",
427
362
  options: ["none", "intent", "render"]
428
363
  },
364
+ prefix: { required: false, control: "text", type: "string" },
365
+ preventScrollReset: { required: false, control: "boolean", type: "boolean" },
366
+ property: { required: false, control: "text", type: "string" },
367
+ radioGroup: { required: false, control: "text", type: "string" },
368
+ referrerPolicy: {
369
+ required: false,
370
+ control: "select",
371
+ type: "string",
372
+ options: [
373
+ "",
374
+ "no-referrer",
375
+ "no-referrer-when-downgrade",
376
+ "origin",
377
+ "origin-when-cross-origin",
378
+ "same-origin",
379
+ "strict-origin",
380
+ "strict-origin-when-cross-origin",
381
+ "unsafe-url"
382
+ ]
383
+ },
384
+ rel: { required: false, control: "text", type: "string" },
429
385
  reloadDocument: { required: false, control: "boolean", type: "boolean" },
430
386
  replace: { required: false, control: "boolean", type: "boolean" },
431
- preventScrollReset: { required: false, control: "boolean", type: "boolean" }
387
+ resource: { required: false, control: "text", type: "string" },
388
+ results: { required: false, control: "number", type: "number" },
389
+ rev: { required: false, control: "text", type: "string" },
390
+ role: { required: false, control: "text", type: "string" },
391
+ security: { required: false, control: "text", type: "string" },
392
+ slot: { required: false, control: "text", type: "string" },
393
+ spellCheck: { required: false, control: "boolean", type: "boolean" },
394
+ suppressContentEditableWarning: {
395
+ required: false,
396
+ control: "boolean",
397
+ type: "boolean"
398
+ },
399
+ suppressHydrationWarning: {
400
+ required: false,
401
+ control: "boolean",
402
+ type: "boolean"
403
+ },
404
+ tabIndex: { required: false, control: "number", type: "number" },
405
+ target: {
406
+ required: false,
407
+ control: "select",
408
+ type: "string",
409
+ options: ["_self", "_blank", "_parent", "_top"]
410
+ },
411
+ title: { required: false, control: "text", type: "string" },
412
+ translate: {
413
+ required: false,
414
+ control: "radio",
415
+ type: "string",
416
+ options: ["yes", "no"]
417
+ },
418
+ type: { required: false, control: "text", type: "string" },
419
+ typeof: { required: false, control: "text", type: "string" },
420
+ unselectable: {
421
+ required: false,
422
+ control: "radio",
423
+ type: "string",
424
+ options: ["on", "off"]
425
+ },
426
+ vocab: { required: false, control: "text", type: "string" }
432
427
  };
433
428
  export {
434
429
  props