@webstudio-is/sdk-components-react-remix 0.88.0 → 0.89.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 (15) hide show
  1. package/lib/__generated__/form.props.js +156 -28
  2. package/lib/__generated__/link.props.js +147 -28
  3. package/lib/__generated__/rich-text-link.props.js +145 -27
  4. package/lib/cjs/__generated__/form.props.js +156 -28
  5. package/lib/cjs/__generated__/link.props.js +147 -28
  6. package/lib/cjs/__generated__/rich-text-link.props.js +145 -27
  7. package/lib/cjs/form.ws.js +1 -0
  8. package/lib/form.ws.js +1 -0
  9. package/lib/types/form.d.ts +1 -0
  10. package/package.json +6 -6
  11. package/src/__generated__/form.props.ts +176 -26
  12. package/src/__generated__/link.props.ts +161 -24
  13. package/src/__generated__/rich-text-link.props.ts +159 -24
  14. package/src/form.tsx +1 -0
  15. package/src/form.ws.tsx +1 -0
package/lib/__generated__/form.props.js CHANGED
@@ -1,8 +1,23 @@
1
1
  const props = {
2
2
  about: { required: false, control: "text", type: "string" },
3
- acceptCharset: { required: false, control: "text", type: "string" },
4
- accessKey: { required: false, control: "text", type: "string" },
5
- action: { required: false, control: "text", type: "string" },
3
+ acceptCharset: {
4
+ required: false,
5
+ control: "text",
6
+ type: "string",
7
+ description: "List of supported charsets."
8
+ },
9
+ accessKey: {
10
+ required: false,
11
+ control: "text",
12
+ type: "string",
13
+ description: "Keyboard shortcut to activate or add focus to the element."
14
+ },
15
+ action: {
16
+ required: false,
17
+ control: "text",
18
+ type: "string",
19
+ description: "The URI of a program that processes the information submitted via the form."
20
+ },
6
21
  "aria-activedescendant": {
7
22
  description: "Identifies the currently active element when DOM focus is on a composite widget, textbox, group, or application.",
8
23
  required: false,
@@ -158,7 +173,7 @@ const props = {
158
173
  type: "string"
159
174
  },
160
175
  "aria-label": {
161
- description: "Defines a string value that labels the current element.\n@see aria-labelledby.",
176
+ description: "Provides the accessible name that describes an interactive element if no other accessible name exists, for example in a button that contains an image with no text.",
162
177
  required: false,
163
178
  control: "text",
164
179
  type: "string"
@@ -334,19 +349,59 @@ const props = {
334
349
  control: "text",
335
350
  type: "string"
336
351
  },
337
- autoCapitalize: { required: false, control: "text", type: "string" },
338
- autoComplete: { required: false, control: "text", type: "string" },
352
+ autoCapitalize: {
353
+ required: false,
354
+ control: "text",
355
+ type: "string",
356
+ description: "Sets whether input is automatically capitalized when entered by user."
357
+ },
358
+ autoComplete: {
359
+ required: false,
360
+ control: "text",
361
+ type: "string",
362
+ description: "Indicates whether controls in this form can by default have their valuesautomatically completed by the browser."
363
+ },
339
364
  autoCorrect: { required: false, control: "text", type: "string" },
340
- autoFocus: { required: false, control: "boolean", type: "boolean" },
365
+ autoFocus: {
366
+ required: false,
367
+ control: "boolean",
368
+ type: "boolean",
369
+ description: "Indicates that an element should be focused on page load, or when its parent dialog is displayed."
370
+ },
341
371
  autoSave: { required: false, control: "text", type: "string" },
342
372
  className: { required: false, control: "text", type: "string" },
343
- color: { required: false, control: "color", type: "string" },
344
- content: { required: false, control: "text", type: "string" },
345
- contextMenu: { required: false, control: "text", type: "string" },
373
+ color: {
374
+ required: false,
375
+ control: "color",
376
+ type: "string",
377
+ description: "This attribute sets the text color using either a named color or a color specified in the hexadecimal #RRGGBB format. Note: This is a legacy attribute. Please use the CSS color property instead."
378
+ },
379
+ content: {
380
+ required: false,
381
+ control: "text",
382
+ type: "string",
383
+ description: "A value associated with http-equiv orname depending on the context."
384
+ },
385
+ contextMenu: {
386
+ required: false,
387
+ control: "text",
388
+ type: "string",
389
+ description: "Defines the ID of a menu element which willserve as the element's context menu."
390
+ },
346
391
  datatype: { required: false, control: "text", type: "string" },
347
392
  defaultChecked: { required: false, control: "boolean", type: "boolean" },
348
- dir: { required: false, control: "text", type: "string" },
349
- draggable: { required: false, control: "boolean", type: "boolean" },
393
+ dir: {
394
+ required: false,
395
+ control: "text",
396
+ type: "string",
397
+ description: "Defines the text direction. Allowed values are ltr (Left-To-Right) or rtl (Right-To-Left)"
398
+ },
399
+ draggable: {
400
+ required: false,
401
+ control: "boolean",
402
+ type: "boolean",
403
+ description: "Defines whether the element can be dragged."
404
+ },
350
405
  encType: {
351
406
  required: false,
352
407
  control: "radio",
@@ -355,10 +410,21 @@ const props = {
355
410
  "application/x-www-form-urlencoded",
356
411
  "multipart/form-data",
357
412
  "text/plain"
358
- ]
413
+ ],
414
+ description: "Defines the content type of the form data when themethod is POST."
415
+ },
416
+ hidden: {
417
+ required: false,
418
+ control: "boolean",
419
+ type: "boolean",
420
+ description: "Prevents rendering of given element, while keeping child elements, e.g. script elements, active."
421
+ },
422
+ id: {
423
+ required: false,
424
+ control: "text",
425
+ type: "string",
426
+ description: "Often used with CSS to style a specific element. The value of this attribute must be unique."
359
427
  },
360
- hidden: { required: false, control: "boolean", type: "boolean" },
361
- id: { required: false, control: "text", type: "string" },
362
428
  inputMode: {
363
429
  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",
364
430
  required: false,
@@ -386,24 +452,70 @@ const props = {
386
452
  itemRef: { required: false, control: "text", type: "string" },
387
453
  itemScope: { required: false, control: "boolean", type: "boolean" },
388
454
  itemType: { required: false, control: "text", type: "string" },
389
- lang: { required: false, control: "text", type: "string" },
390
- method: { required: false, control: "text", type: "string" },
391
- name: { required: false, control: "text", type: "string" },
455
+ lang: {
456
+ required: false,
457
+ control: "text",
458
+ type: "string",
459
+ description: "Defines the language used in the element."
460
+ },
461
+ method: {
462
+ required: false,
463
+ control: "text",
464
+ type: "string",
465
+ description: "Defines which HTTP method to use when submitting the form. Can be GET (default) or POST."
466
+ },
467
+ name: {
468
+ required: false,
469
+ control: "text",
470
+ type: "string",
471
+ description: "This name is important when submitting form data to the server, as it identifies the data associated with the input. When multiple inputs share the same name attribute, they are treated as part of the same group (e.g., radio buttons or checkboxes)."
472
+ },
392
473
  nonce: { required: false, control: "text", type: "string" },
393
- noValidate: { required: false, control: "boolean", type: "boolean" },
394
- placeholder: { required: false, control: "text", type: "string" },
474
+ noValidate: {
475
+ required: false,
476
+ control: "boolean",
477
+ type: "boolean",
478
+ description: "This attribute indicates that the form shouldn't be validated when submitted."
479
+ },
480
+ placeholder: {
481
+ required: false,
482
+ control: "text",
483
+ type: "string",
484
+ description: "Provides a hint to the user of what can be entered in the field."
485
+ },
395
486
  prefix: { required: false, control: "text", type: "string" },
396
487
  property: { required: false, control: "text", type: "string" },
397
488
  radioGroup: { required: false, control: "text", type: "string" },
398
- rel: { required: false, control: "text", type: "string" },
489
+ rel: {
490
+ required: false,
491
+ control: "text",
492
+ type: "string",
493
+ description: "Specifies the relationship of the target object to the link object."
494
+ },
399
495
  resource: { required: false, control: "text", type: "string" },
400
496
  results: { required: false, control: "number", type: "number" },
401
497
  rev: { required: false, control: "text", type: "string" },
402
- role: { required: false, control: "text", type: "string" },
498
+ role: {
499
+ required: false,
500
+ control: "text",
501
+ type: "string",
502
+ description: "Defines an explicit role for an element for use by assistive technologies."
503
+ },
403
504
  security: { required: false, control: "text", type: "string" },
404
- slot: { required: false, control: "text", type: "string" },
405
- spellCheck: { required: false, control: "boolean", type: "boolean" },
505
+ slot: {
506
+ required: false,
507
+ control: "text",
508
+ type: "string",
509
+ description: "Assigns a slot in a shadow DOM shadow tree to an element."
510
+ },
511
+ spellCheck: {
512
+ required: false,
513
+ control: "boolean",
514
+ type: "boolean",
515
+ description: "Indicates whether spell checking is allowed for the element."
516
+ },
406
517
  state: {
518
+ description: "Use this property to reveal the Success and Error states on the canvas so they can be styled. The Initial state is displayed when the page first opens. The Success and Error states are displayed depending on whether the Form submits successfully or unsuccessfully.",
407
519
  required: false,
408
520
  control: "radio",
409
521
  type: "string",
@@ -420,14 +532,30 @@ const props = {
420
532
  control: "boolean",
421
533
  type: "boolean"
422
534
  },
423
- tabIndex: { required: false, control: "number", type: "number" },
424
- target: { required: false, control: "text", type: "string" },
425
- title: { required: false, control: "text", type: "string" },
535
+ tabIndex: {
536
+ required: false,
537
+ control: "number",
538
+ type: "number",
539
+ description: "Overrides the browser's default tab order and follows the one specified instead."
540
+ },
541
+ target: {
542
+ required: false,
543
+ control: "text",
544
+ type: "string",
545
+ description: "Specifies where to open the linked document (in the case of an <a> element) or where to display the response received (in the case of a <form> element)"
546
+ },
547
+ title: {
548
+ required: false,
549
+ control: "text",
550
+ type: "string",
551
+ description: "Text to be displayed in a tooltip when hovering over the element."
552
+ },
426
553
  translate: {
427
554
  required: false,
428
555
  control: "radio",
429
556
  type: "string",
430
- options: ["yes", "no"]
557
+ options: ["yes", "no"],
558
+ description: "Specify whether an element's attribute values and the values of its text node children are to be translated when the page is localized, or whether to leave them unchanged."
431
559
  },
432
560
  typeof: { required: false, control: "text", type: "string" },
433
561
  unselectable: {
package/lib/__generated__/link.props.js CHANGED
@@ -1,6 +1,11 @@
1
1
  const props = {
2
2
  about: { required: false, control: "text", type: "string" },
3
- accessKey: { required: false, control: "text", type: "string" },
3
+ accessKey: {
4
+ required: false,
5
+ control: "text",
6
+ type: "string",
7
+ description: "Keyboard shortcut to activate or add focus to the element."
8
+ },
4
9
  "aria-activedescendant": {
5
10
  description: "Identifies the currently active element when DOM focus is on a composite widget, textbox, group, or application.",
6
11
  required: false,
@@ -156,7 +161,7 @@ const props = {
156
161
  type: "string"
157
162
  },
158
163
  "aria-label": {
159
- description: "Defines a string value that labels the current element.\n@see aria-labelledby.",
164
+ description: "Provides the accessible name that describes an interactive element if no other accessible name exists, for example in a button that contains an image with no text.",
160
165
  required: false,
161
166
  control: "text",
162
167
  type: "string"
@@ -332,22 +337,77 @@ const props = {
332
337
  control: "text",
333
338
  type: "string"
334
339
  },
335
- autoCapitalize: { required: false, control: "text", type: "string" },
340
+ autoCapitalize: {
341
+ required: false,
342
+ control: "text",
343
+ type: "string",
344
+ description: "Sets whether input is automatically capitalized when entered by user."
345
+ },
336
346
  autoCorrect: { required: false, control: "text", type: "string" },
337
- autoFocus: { required: false, control: "boolean", type: "boolean" },
347
+ autoFocus: {
348
+ required: false,
349
+ control: "boolean",
350
+ type: "boolean",
351
+ description: "Indicates that an element should be focused on page load, or when its parent dialog is displayed."
352
+ },
338
353
  autoSave: { required: false, control: "text", type: "string" },
339
354
  className: { required: false, control: "text", type: "string" },
340
- color: { required: false, control: "color", type: "string" },
341
- content: { required: false, control: "text", type: "string" },
342
- contextMenu: { required: false, control: "text", type: "string" },
355
+ color: {
356
+ required: false,
357
+ control: "color",
358
+ type: "string",
359
+ description: "This attribute sets the text color using either a named color or a color specified in the hexadecimal #RRGGBB format. Note: This is a legacy attribute. Please use the CSS color property instead."
360
+ },
361
+ content: {
362
+ required: false,
363
+ control: "text",
364
+ type: "string",
365
+ description: "A value associated with http-equiv orname depending on the context."
366
+ },
367
+ contextMenu: {
368
+ required: false,
369
+ control: "text",
370
+ type: "string",
371
+ description: "Defines the ID of a menu element which willserve as the element's context menu."
372
+ },
343
373
  datatype: { required: false, control: "text", type: "string" },
344
374
  defaultChecked: { required: false, control: "boolean", type: "boolean" },
345
- dir: { required: false, control: "text", type: "string" },
346
- draggable: { required: false, control: "boolean", type: "boolean" },
347
- hidden: { required: false, control: "boolean", type: "boolean" },
348
- href: { required: false, control: "text", type: "string" },
349
- hrefLang: { required: false, control: "text", type: "string" },
350
- id: { required: false, control: "text", type: "string" },
375
+ dir: {
376
+ required: false,
377
+ control: "text",
378
+ type: "string",
379
+ description: "Defines the text direction. Allowed values are ltr (Left-To-Right) or rtl (Right-To-Left)"
380
+ },
381
+ draggable: {
382
+ required: false,
383
+ control: "boolean",
384
+ type: "boolean",
385
+ description: "Defines whether the element can be dragged."
386
+ },
387
+ hidden: {
388
+ required: false,
389
+ control: "boolean",
390
+ type: "boolean",
391
+ description: "Prevents rendering of given element, while keeping child elements, e.g. script elements, active."
392
+ },
393
+ href: {
394
+ required: false,
395
+ control: "text",
396
+ type: "string",
397
+ description: "The URL of a linked resource."
398
+ },
399
+ hrefLang: {
400
+ required: false,
401
+ control: "text",
402
+ type: "string",
403
+ description: "Specifies the language of the linked resource."
404
+ },
405
+ id: {
406
+ required: false,
407
+ control: "text",
408
+ type: "string",
409
+ description: "Often used with CSS to style a specific element. The value of this attribute must be unique."
410
+ },
351
411
  inputMode: {
352
412
  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",
353
413
  required: false,
@@ -375,16 +435,37 @@ const props = {
375
435
  itemRef: { required: false, control: "text", type: "string" },
376
436
  itemScope: { required: false, control: "boolean", type: "boolean" },
377
437
  itemType: { required: false, control: "text", type: "string" },
378
- lang: { required: false, control: "text", type: "string" },
379
- media: { required: false, control: "text", type: "string" },
438
+ lang: {
439
+ required: false,
440
+ control: "text",
441
+ type: "string",
442
+ description: "Defines the language used in the element."
443
+ },
444
+ media: {
445
+ required: false,
446
+ control: "text",
447
+ type: "string",
448
+ description: "Specifies a hint of the media for which the linked resource was designed."
449
+ },
380
450
  nonce: { required: false, control: "text", type: "string" },
381
- ping: { required: false, control: "text", type: "string" },
382
- placeholder: { required: false, control: "text", type: "string" },
451
+ ping: {
452
+ required: false,
453
+ control: "text",
454
+ type: "string",
455
+ description: "The ping attribute specifies a space-separated list of URLs to be notified if a user follows the hyperlink."
456
+ },
457
+ placeholder: {
458
+ required: false,
459
+ control: "text",
460
+ type: "string",
461
+ description: "Provides a hint to the user of what can be entered in the field."
462
+ },
383
463
  prefetch: {
384
464
  required: false,
385
465
  control: "select",
386
466
  type: "string",
387
- options: ["none", "intent", "render", "viewport"]
467
+ options: ["none", "intent", "render", "viewport"],
468
+ description: "Controls when and if the link prefetches the resources that the next page needs to make loading faster. \u201CIntent\u201D will prefetch when the link is hovered or focused. \u201CRender\u201D will prefetch when the link is rendered. \u201CViewport\u201D will prefetch when the link is in the viewport. \u201CNone\u201D will not prefetch."
388
469
  },
389
470
  prefix: { required: false, control: "text", type: "string" },
390
471
  preventScrollReset: { required: false, control: "boolean", type: "boolean" },
@@ -404,18 +485,39 @@ const props = {
404
485
  "strict-origin",
405
486
  "strict-origin-when-cross-origin",
406
487
  "unsafe-url"
407
- ]
488
+ ],
489
+ description: "Specifies which referrer is sent when fetching the resource."
490
+ },
491
+ rel: {
492
+ required: false,
493
+ control: "text",
494
+ type: "string",
495
+ description: "Specifies the relationship of the target object to the link object."
408
496
  },
409
- rel: { required: false, control: "text", type: "string" },
410
497
  reloadDocument: { required: false, control: "boolean", type: "boolean" },
411
498
  replace: { required: false, control: "boolean", type: "boolean" },
412
499
  resource: { required: false, control: "text", type: "string" },
413
500
  results: { required: false, control: "number", type: "number" },
414
501
  rev: { required: false, control: "text", type: "string" },
415
- role: { required: false, control: "text", type: "string" },
502
+ role: {
503
+ required: false,
504
+ control: "text",
505
+ type: "string",
506
+ description: "Defines an explicit role for an element for use by assistive technologies."
507
+ },
416
508
  security: { required: false, control: "text", type: "string" },
417
- slot: { required: false, control: "text", type: "string" },
418
- spellCheck: { required: false, control: "boolean", type: "boolean" },
509
+ slot: {
510
+ required: false,
511
+ control: "text",
512
+ type: "string",
513
+ description: "Assigns a slot in a shadow DOM shadow tree to an element."
514
+ },
515
+ spellCheck: {
516
+ required: false,
517
+ control: "boolean",
518
+ type: "boolean",
519
+ description: "Indicates whether spell checking is allowed for the element."
520
+ },
419
521
  suppressContentEditableWarning: {
420
522
  required: false,
421
523
  control: "boolean",
@@ -426,21 +528,38 @@ const props = {
426
528
  control: "boolean",
427
529
  type: "boolean"
428
530
  },
429
- tabIndex: { required: false, control: "number", type: "number" },
531
+ tabIndex: {
532
+ required: false,
533
+ control: "number",
534
+ type: "number",
535
+ description: "Overrides the browser's default tab order and follows the one specified instead."
536
+ },
430
537
  target: {
431
538
  required: false,
432
539
  control: "select",
433
540
  type: "string",
434
- options: ["_self", "_blank", "_parent", "_top"]
541
+ options: ["_self", "_blank", "_parent", "_top"],
542
+ description: "Specifies where to open the linked document (in the case of an <a> element) or where to display the response received (in the case of a <form> element)"
543
+ },
544
+ title: {
545
+ required: false,
546
+ control: "text",
547
+ type: "string",
548
+ description: "Text to be displayed in a tooltip when hovering over the element."
435
549
  },
436
- title: { required: false, control: "text", type: "string" },
437
550
  translate: {
438
551
  required: false,
439
552
  control: "radio",
440
553
  type: "string",
441
- options: ["yes", "no"]
554
+ options: ["yes", "no"],
555
+ description: "Specify whether an element's attribute values and the values of its text node children are to be translated when the page is localized, or whether to leave them unchanged."
556
+ },
557
+ type: {
558
+ required: false,
559
+ control: "text",
560
+ type: "string",
561
+ description: "Defines the type of the element."
442
562
  },
443
- type: { required: false, control: "text", type: "string" },
444
563
  typeof: { required: false, control: "text", type: "string" },
445
564
  unselectable: {
446
565
  required: false,