@webstudio-is/sdk-components-react-remix 0.74.0 → 0.76.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 +14 -15
  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/src/__generated__/form.props.ts CHANGED
@@ -1,101 +1,10 @@
1
1
  import type { PropMeta } from "@webstudio-is/generate-arg-types";
2
2
 
3
3
  export const props: Record<string, PropMeta> = {
4
- slot: { required: false, control: "text", type: "string" },
5
- style: { required: false, control: "text", type: "string" },
6
- title: { required: false, control: "text", type: "string" },
4
+ about: { required: false, control: "text", type: "string" },
7
5
  acceptCharset: { required: false, control: "text", type: "string" },
8
- autoComplete: { required: false, control: "text", type: "string" },
9
- encType: { required: false, control: "text", type: "string" },
10
- name: { required: false, control: "text", type: "string" },
11
- noValidate: { required: false, control: "boolean", type: "boolean" },
12
- target: { required: false, control: "text", type: "string" },
13
- defaultChecked: { required: false, control: "boolean", type: "boolean" },
14
- defaultValue: { required: false, control: "text", type: "string" },
15
- suppressContentEditableWarning: {
16
- required: false,
17
- control: "boolean",
18
- type: "boolean",
19
- },
20
- suppressHydrationWarning: {
21
- required: false,
22
- control: "boolean",
23
- type: "boolean",
24
- },
25
6
  accessKey: { required: false, control: "text", type: "string" },
26
- autoFocus: { required: false, control: "boolean", type: "boolean" },
27
- className: { required: false, control: "text", type: "string" },
28
- contentEditable: { required: false, control: "text", type: "string" },
29
- contextMenu: { required: false, control: "text", type: "string" },
30
- dir: { required: false, control: "text", type: "string" },
31
- draggable: { required: false, control: "boolean", type: "boolean" },
32
- hidden: { required: false, control: "boolean", type: "boolean" },
33
- id: { required: false, control: "text", type: "string" },
34
- lang: { required: false, control: "text", type: "string" },
35
- nonce: { required: false, control: "text", type: "string" },
36
- placeholder: { required: false, control: "text", type: "string" },
37
- spellCheck: { required: false, control: "boolean", type: "boolean" },
38
- tabIndex: { required: false, control: "number", type: "number" },
39
- translate: {
40
- required: false,
41
- control: "radio",
42
- type: "string",
43
- options: ["yes", "no"],
44
- },
45
- radioGroup: { required: false, control: "text", type: "string" },
46
- role: { required: false, control: "text", type: "string" },
47
- about: { required: false, control: "text", type: "string" },
48
- content: { required: false, control: "text", type: "string" },
49
- datatype: { required: false, control: "text", type: "string" },
50
- inlist: { required: false, control: "text", type: "string" },
51
- prefix: { required: false, control: "text", type: "string" },
52
- property: { required: false, control: "text", type: "string" },
53
- rel: { required: false, control: "text", type: "string" },
54
- resource: { required: false, control: "text", type: "string" },
55
- rev: { required: false, control: "text", type: "string" },
56
- typeof: { required: false, control: "text", type: "string" },
57
- vocab: { required: false, control: "text", type: "string" },
58
- autoCapitalize: { required: false, control: "text", type: "string" },
59
- autoCorrect: { required: false, control: "text", type: "string" },
60
- autoSave: { required: false, control: "text", type: "string" },
61
- color: { required: false, control: "color", type: "string" },
62
- itemProp: { required: false, control: "text", type: "string" },
63
- itemScope: { required: false, control: "boolean", type: "boolean" },
64
- itemType: { required: false, control: "text", type: "string" },
65
- itemID: { required: false, control: "text", type: "string" },
66
- itemRef: { required: false, control: "text", type: "string" },
67
- results: { required: false, control: "number", type: "number" },
68
- security: { required: false, control: "text", type: "string" },
69
- unselectable: {
70
- required: false,
71
- control: "radio",
72
- type: "string",
73
- options: ["on", "off"],
74
- },
75
- inputMode: {
76
- description:
77
- "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",
78
- required: false,
79
- control: "select",
80
- type: "string",
81
- options: [
82
- "text",
83
- "none",
84
- "search",
85
- "tel",
86
- "url",
87
- "email",
88
- "numeric",
89
- "decimal",
90
- ],
91
- },
92
- is: {
93
- description:
94
- "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",
95
- required: false,
96
- control: "text",
97
- type: "string",
98
- },
7
+ action: { required: false, control: "text", type: "string" },
99
8
  "aria-activedescendant": {
100
9
  description:
101
10
  "Identifies the currently active element when DOM focus is on a composite widget, textbox, group, or application.",
@@ -446,11 +355,100 @@ export const props: Record<string, PropMeta> = {
446
355
  control: "text",
447
356
  type: "string",
448
357
  },
449
- initialState: {
358
+ autoCapitalize: { required: false, control: "text", type: "string" },
359
+ autoComplete: { required: false, control: "text", type: "string" },
360
+ autoCorrect: { required: false, control: "text", type: "string" },
361
+ autoFocus: { required: false, control: "boolean", type: "boolean" },
362
+ autoSave: { required: false, control: "text", type: "string" },
363
+ className: { required: false, control: "text", type: "string" },
364
+ color: { required: false, control: "color", type: "string" },
365
+ content: { required: false, control: "text", type: "string" },
366
+ contextMenu: { required: false, control: "text", type: "string" },
367
+ datatype: { required: false, control: "text", type: "string" },
368
+ defaultChecked: { required: false, control: "boolean", type: "boolean" },
369
+ dir: { required: false, control: "text", type: "string" },
370
+ draggable: { required: false, control: "boolean", type: "boolean" },
371
+ encType: { required: false, control: "text", type: "string" },
372
+ hidden: { required: false, control: "boolean", type: "boolean" },
373
+ id: { required: false, control: "text", type: "string" },
374
+ inputMode: {
375
+ description:
376
+ "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",
377
+ required: false,
378
+ control: "select",
379
+ type: "string",
380
+ options: [
381
+ "text",
382
+ "none",
383
+ "search",
384
+ "tel",
385
+ "url",
386
+ "email",
387
+ "numeric",
388
+ "decimal",
389
+ ],
390
+ },
391
+ is: {
392
+ description:
393
+ "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",
394
+ required: false,
395
+ control: "text",
396
+ type: "string",
397
+ },
398
+ itemID: { required: false, control: "text", type: "string" },
399
+ itemProp: { required: false, control: "text", type: "string" },
400
+ itemRef: { required: false, control: "text", type: "string" },
401
+ itemScope: { required: false, control: "boolean", type: "boolean" },
402
+ itemType: { required: false, control: "text", type: "string" },
403
+ lang: { required: false, control: "text", type: "string" },
404
+ method: { required: false, control: "text", type: "string" },
405
+ name: { required: false, control: "text", type: "string" },
406
+ nonce: { required: false, control: "text", type: "string" },
407
+ noValidate: { required: false, control: "boolean", type: "boolean" },
408
+ placeholder: { required: false, control: "text", type: "string" },
409
+ prefix: { required: false, control: "text", type: "string" },
410
+ property: { required: false, control: "text", type: "string" },
411
+ radioGroup: { required: false, control: "text", type: "string" },
412
+ rel: { required: false, control: "text", type: "string" },
413
+ resource: { required: false, control: "text", type: "string" },
414
+ results: { required: false, control: "number", type: "number" },
415
+ rev: { required: false, control: "text", type: "string" },
416
+ role: { required: false, control: "text", type: "string" },
417
+ security: { required: false, control: "text", type: "string" },
418
+ slot: { required: false, control: "text", type: "string" },
419
+ spellCheck: { required: false, control: "boolean", type: "boolean" },
420
+ state: {
450
421
  required: false,
451
422
  control: "radio",
452
423
  type: "string",
453
424
  defaultValue: "initial",
454
425
  options: ["initial", "success", "error"],
455
426
  },
427
+ suppressContentEditableWarning: {
428
+ required: false,
429
+ control: "boolean",
430
+ type: "boolean",
431
+ },
432
+ suppressHydrationWarning: {
433
+ required: false,
434
+ control: "boolean",
435
+ type: "boolean",
436
+ },
437
+ tabIndex: { required: false, control: "number", type: "number" },
438
+ target: { required: false, control: "text", type: "string" },
439
+ title: { required: false, control: "text", type: "string" },
440
+ translate: {
441
+ required: false,
442
+ control: "radio",
443
+ type: "string",
444
+ options: ["yes", "no"],
445
+ },
446
+ typeof: { required: false, control: "text", type: "string" },
447
+ unselectable: {
448
+ required: false,
449
+ control: "radio",
450
+ type: "string",
451
+ options: ["on", "off"],
452
+ },
453
+ vocab: { required: false, control: "text", type: "string" },
456
454
  };
package/src/__generated__/link.props.ts CHANGED
@@ -1,117 +1,8 @@
1
1
  import type { PropMeta } from "@webstudio-is/generate-arg-types";
2
2
 
3
3
  export const props: Record<string, PropMeta> = {
4
- slot: { required: false, control: "text", type: "string" },
5
- style: { required: false, control: "text", type: "string" },
6
- title: { required: false, control: "text", type: "string" },
7
- download: { required: false, control: "text", type: "string" },
8
- href: { required: false, control: "text", type: "string" },
9
- hrefLang: { required: false, control: "text", type: "string" },
10
- media: { required: false, control: "text", type: "string" },
11
- ping: { required: false, control: "text", type: "string" },
12
- type: { required: false, control: "text", type: "string" },
13
- referrerPolicy: {
14
- required: false,
15
- control: "select",
16
- type: "string",
17
- options: [
18
- "",
19
- "no-referrer",
20
- "no-referrer-when-downgrade",
21
- "origin",
22
- "origin-when-cross-origin",
23
- "same-origin",
24
- "strict-origin",
25
- "strict-origin-when-cross-origin",
26
- "unsafe-url",
27
- ],
28
- },
29
- defaultChecked: { required: false, control: "boolean", type: "boolean" },
30
- defaultValue: { required: false, control: "text", type: "string" },
31
- suppressContentEditableWarning: {
32
- required: false,
33
- control: "boolean",
34
- type: "boolean",
35
- },
36
- suppressHydrationWarning: {
37
- required: false,
38
- control: "boolean",
39
- type: "boolean",
40
- },
41
- accessKey: { required: false, control: "text", type: "string" },
42
- autoFocus: { required: false, control: "boolean", type: "boolean" },
43
- className: { required: false, control: "text", type: "string" },
44
- contentEditable: { required: false, control: "text", type: "string" },
45
- contextMenu: { required: false, control: "text", type: "string" },
46
- dir: { required: false, control: "text", type: "string" },
47
- draggable: { required: false, control: "boolean", type: "boolean" },
48
- hidden: { required: false, control: "boolean", type: "boolean" },
49
- id: { required: false, control: "text", type: "string" },
50
- lang: { required: false, control: "text", type: "string" },
51
- nonce: { required: false, control: "text", type: "string" },
52
- placeholder: { required: false, control: "text", type: "string" },
53
- spellCheck: { required: false, control: "boolean", type: "boolean" },
54
- tabIndex: { required: false, control: "number", type: "number" },
55
- translate: {
56
- required: false,
57
- control: "radio",
58
- type: "string",
59
- options: ["yes", "no"],
60
- },
61
- radioGroup: { required: false, control: "text", type: "string" },
62
- role: { required: false, control: "text", type: "string" },
63
4
  about: { required: false, control: "text", type: "string" },
64
- content: { required: false, control: "text", type: "string" },
65
- datatype: { required: false, control: "text", type: "string" },
66
- inlist: { required: false, control: "text", type: "string" },
67
- prefix: { required: false, control: "text", type: "string" },
68
- property: { required: false, control: "text", type: "string" },
69
- rel: { required: false, control: "text", type: "string" },
70
- resource: { required: false, control: "text", type: "string" },
71
- rev: { required: false, control: "text", type: "string" },
72
- typeof: { required: false, control: "text", type: "string" },
73
- vocab: { required: false, control: "text", type: "string" },
74
- autoCapitalize: { required: false, control: "text", type: "string" },
75
- autoCorrect: { required: false, control: "text", type: "string" },
76
- autoSave: { required: false, control: "text", type: "string" },
77
- color: { required: false, control: "color", type: "string" },
78
- itemProp: { required: false, control: "text", type: "string" },
79
- itemScope: { required: false, control: "boolean", type: "boolean" },
80
- itemType: { required: false, control: "text", type: "string" },
81
- itemID: { required: false, control: "text", type: "string" },
82
- itemRef: { required: false, control: "text", type: "string" },
83
- results: { required: false, control: "number", type: "number" },
84
- security: { required: false, control: "text", type: "string" },
85
- unselectable: {
86
- required: false,
87
- control: "radio",
88
- type: "string",
89
- options: ["on", "off"],
90
- },
91
- inputMode: {
92
- description:
93
- "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",
94
- required: false,
95
- control: "select",
96
- type: "string",
97
- options: [
98
- "text",
99
- "none",
100
- "search",
101
- "tel",
102
- "url",
103
- "email",
104
- "numeric",
105
- "decimal",
106
- ],
107
- },
108
- is: {
109
- description:
110
- "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",
111
- required: false,
112
- control: "text",
113
- type: "string",
114
- },
5
+ accessKey: { required: false, control: "text", type: "string" },
115
6
  "aria-activedescendant": {
116
7
  description:
117
8
  "Identifies the currently active element when DOM focus is on a composite widget, textbox, group, or application.",
@@ -462,19 +353,123 @@ export const props: Record<string, PropMeta> = {
462
353
  control: "text",
463
354
  type: "string",
464
355
  },
465
- target: {
356
+ autoCapitalize: { required: false, control: "text", type: "string" },
357
+ autoCorrect: { required: false, control: "text", type: "string" },
358
+ autoFocus: { required: false, control: "boolean", type: "boolean" },
359
+ autoSave: { required: false, control: "text", type: "string" },
360
+ className: { required: false, control: "text", type: "string" },
361
+ color: { required: false, control: "color", type: "string" },
362
+ content: { required: false, control: "text", type: "string" },
363
+ contextMenu: { required: false, control: "text", type: "string" },
364
+ datatype: { required: false, control: "text", type: "string" },
365
+ defaultChecked: { required: false, control: "boolean", type: "boolean" },
366
+ dir: { required: false, control: "text", type: "string" },
367
+ draggable: { required: false, control: "boolean", type: "boolean" },
368
+ hidden: { required: false, control: "boolean", type: "boolean" },
369
+ href: { required: false, control: "text", type: "string" },
370
+ hrefLang: { required: false, control: "text", type: "string" },
371
+ id: { required: false, control: "text", type: "string" },
372
+ inputMode: {
373
+ description:
374
+ "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",
466
375
  required: false,
467
376
  control: "select",
468
377
  type: "string",
469
- options: ["_self", "_blank", "_parent", "_top"],
378
+ options: [
379
+ "text",
380
+ "none",
381
+ "search",
382
+ "tel",
383
+ "url",
384
+ "email",
385
+ "numeric",
386
+ "decimal",
387
+ ],
388
+ },
389
+ is: {
390
+ description:
391
+ "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",
392
+ required: false,
393
+ control: "text",
394
+ type: "string",
470
395
  },
396
+ itemID: { required: false, control: "text", type: "string" },
397
+ itemProp: { required: false, control: "text", type: "string" },
398
+ itemRef: { required: false, control: "text", type: "string" },
399
+ itemScope: { required: false, control: "boolean", type: "boolean" },
400
+ itemType: { required: false, control: "text", type: "string" },
401
+ lang: { required: false, control: "text", type: "string" },
402
+ media: { required: false, control: "text", type: "string" },
403
+ nonce: { required: false, control: "text", type: "string" },
404
+ ping: { required: false, control: "text", type: "string" },
405
+ placeholder: { required: false, control: "text", type: "string" },
471
406
  prefetch: {
472
407
  required: false,
473
408
  control: "radio",
474
409
  type: "string",
475
410
  options: ["none", "intent", "render"],
476
411
  },
412
+ prefix: { required: false, control: "text", type: "string" },
413
+ preventScrollReset: { required: false, control: "boolean", type: "boolean" },
414
+ property: { required: false, control: "text", type: "string" },
415
+ radioGroup: { required: false, control: "text", type: "string" },
416
+ referrerPolicy: {
417
+ required: false,
418
+ control: "select",
419
+ type: "string",
420
+ options: [
421
+ "",
422
+ "no-referrer",
423
+ "no-referrer-when-downgrade",
424
+ "origin",
425
+ "origin-when-cross-origin",
426
+ "same-origin",
427
+ "strict-origin",
428
+ "strict-origin-when-cross-origin",
429
+ "unsafe-url",
430
+ ],
431
+ },
432
+ rel: { required: false, control: "text", type: "string" },
477
433
  reloadDocument: { required: false, control: "boolean", type: "boolean" },
478
434
  replace: { required: false, control: "boolean", type: "boolean" },
479
- preventScrollReset: { required: false, control: "boolean", type: "boolean" },
435
+ resource: { required: false, control: "text", type: "string" },
436
+ results: { required: false, control: "number", type: "number" },
437
+ rev: { required: false, control: "text", type: "string" },
438
+ role: { required: false, control: "text", type: "string" },
439
+ security: { required: false, control: "text", type: "string" },
440
+ slot: { required: false, control: "text", type: "string" },
441
+ spellCheck: { required: false, control: "boolean", type: "boolean" },
442
+ suppressContentEditableWarning: {
443
+ required: false,
444
+ control: "boolean",
445
+ type: "boolean",
446
+ },
447
+ suppressHydrationWarning: {
448
+ required: false,
449
+ control: "boolean",
450
+ type: "boolean",
451
+ },
452
+ tabIndex: { required: false, control: "number", type: "number" },
453
+ target: {
454
+ required: false,
455
+ control: "select",
456
+ type: "string",
457
+ options: ["_self", "_blank", "_parent", "_top"],
458
+ },
459
+ title: { required: false, control: "text", type: "string" },
460
+ translate: {
461
+ required: false,
462
+ control: "radio",
463
+ type: "string",
464
+ options: ["yes", "no"],
465
+ },
466
+ type: { required: false, control: "text", type: "string" },
467
+ typeof: { required: false, control: "text", type: "string" },
468
+ unselectable: {
469
+ required: false,
470
+ control: "radio",
471
+ type: "string",
472
+ options: ["on", "off"],
473
+ },
474
+ vocab: { required: false, control: "text", type: "string" },
480
475
  };