@webstudio-is/sdk-components-react 0.196.0 → 0.198.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 (172) hide show
  1. package/lib/__generated__/image.props.js +1 -0
  2. package/lib/__generated__/vimeo-preview-image.props.js +6 -1
  3. package/lib/__generated__/vimeo.props.js +4 -5
  4. package/lib/__generated__/youtube.props.js +665 -0
  5. package/lib/blockquote.template.js +11 -0
  6. package/lib/blockquote.ws.js +5 -15
  7. package/lib/body.ws.js +1 -1
  8. package/lib/bold.ws.js +1 -1
  9. package/lib/box.ws.js +1 -1
  10. package/lib/button.ws.js +1 -1
  11. package/lib/checkbox.template.js +14 -0
  12. package/lib/checkbox.ws.js +5 -25
  13. package/lib/code-text.ws.js +1 -1
  14. package/lib/components.js +35 -33
  15. package/lib/content-embed.template.js +83 -0
  16. package/lib/form.ws.js +1 -1
  17. package/lib/heading.template.js +11 -0
  18. package/lib/heading.ws.js +12 -22
  19. package/lib/image.ws.js +17 -22
  20. package/lib/input.ws.js +1 -1
  21. package/lib/italic.ws.js +1 -1
  22. package/lib/label.template.js +10 -0
  23. package/lib/label.ws.js +13 -28
  24. package/lib/link.template.js +11 -0
  25. package/lib/link.ws.js +3 -13
  26. package/lib/list-item.template.js +11 -0
  27. package/lib/list-item.ws.js +8 -18
  28. package/lib/list.ws.js +1 -1
  29. package/lib/markdown-embed.js +10 -5
  30. package/lib/markdown-embed.template.js +75 -0
  31. package/lib/markdown-embed.ws.js +9 -87
  32. package/lib/metas.js +59 -59
  33. package/lib/option.ws.js +4 -5
  34. package/lib/paragraph.template.js +11 -0
  35. package/lib/paragraph.ws.js +10 -20
  36. package/lib/props.js +32 -30
  37. package/lib/radio-button.template.js +14 -0
  38. package/lib/radio-button.ws.js +7 -27
  39. package/lib/rich-text-link.ws.js +3 -5
  40. package/lib/select.template.js +16 -0
  41. package/lib/select.ws.js +11 -63
  42. package/lib/separator.ws.js +1 -1
  43. package/lib/span.ws.js +1 -1
  44. package/lib/subscript.ws.js +1 -1
  45. package/lib/superscript.ws.js +1 -1
  46. package/lib/templates.js +34 -6
  47. package/lib/text.template.js +11 -0
  48. package/lib/text.ws.js +9 -25
  49. package/lib/textarea.ws.js +1 -1
  50. package/lib/time.ws.js +1 -1
  51. package/lib/types/__generated__/blockquote.props.d.ts +1 -1
  52. package/lib/types/__generated__/body.props.d.ts +1 -1
  53. package/lib/types/__generated__/bold.props.d.ts +1 -1
  54. package/lib/types/__generated__/box.props.d.ts +1 -1
  55. package/lib/types/__generated__/button.props.d.ts +1 -1
  56. package/lib/types/__generated__/checkbox.props.d.ts +1 -1
  57. package/lib/types/__generated__/code-text.props.d.ts +1 -1
  58. package/lib/types/__generated__/form.props.d.ts +1 -1
  59. package/lib/types/__generated__/fragment.props.d.ts +1 -1
  60. package/lib/types/__generated__/heading.props.d.ts +1 -1
  61. package/lib/types/__generated__/html-embed.props.d.ts +1 -1
  62. package/lib/types/__generated__/image.props.d.ts +1 -1
  63. package/lib/types/__generated__/input.props.d.ts +1 -1
  64. package/lib/types/__generated__/italic.props.d.ts +1 -1
  65. package/lib/types/__generated__/label.props.d.ts +1 -1
  66. package/lib/types/__generated__/link.props.d.ts +1 -1
  67. package/lib/types/__generated__/list-item.props.d.ts +1 -1
  68. package/lib/types/__generated__/list.props.d.ts +1 -1
  69. package/lib/types/__generated__/markdown-embed.props.d.ts +1 -1
  70. package/lib/types/__generated__/option.props.d.ts +1 -1
  71. package/lib/types/__generated__/paragraph.props.d.ts +1 -1
  72. package/lib/types/__generated__/radio-button.props.d.ts +1 -1
  73. package/lib/types/__generated__/rich-text-link.props.d.ts +1 -1
  74. package/lib/types/__generated__/select.props.d.ts +1 -1
  75. package/lib/types/__generated__/separator.props.d.ts +1 -1
  76. package/lib/types/__generated__/slot.props.d.ts +1 -1
  77. package/lib/types/__generated__/span.props.d.ts +1 -1
  78. package/lib/types/__generated__/subscript.props.d.ts +1 -1
  79. package/lib/types/__generated__/superscript.props.d.ts +1 -1
  80. package/lib/types/__generated__/text.props.d.ts +1 -1
  81. package/lib/types/__generated__/textarea.props.d.ts +1 -1
  82. package/lib/types/__generated__/time.props.d.ts +1 -1
  83. package/lib/types/__generated__/vimeo-play-button.props.d.ts +1 -1
  84. package/lib/types/__generated__/vimeo-preview-image.props.d.ts +1 -1
  85. package/lib/types/__generated__/vimeo-spinner.props.d.ts +1 -1
  86. package/lib/types/__generated__/vimeo.props.d.ts +1 -1
  87. package/lib/types/__generated__/webhook-form.props.d.ts +1 -1
  88. package/lib/types/__generated__/xml-node.props.d.ts +1 -1
  89. package/lib/types/__generated__/xml-time.props.d.ts +1 -1
  90. package/lib/types/__generated__/youtube.props.d.ts +2 -0
  91. package/lib/types/blockquote.template.d.ts +2 -0
  92. package/lib/types/blockquote.ws.d.ts +1 -1
  93. package/lib/types/body.ws.d.ts +1 -1
  94. package/lib/types/bold.ws.d.ts +1 -1
  95. package/lib/types/box.ws.d.ts +1 -1
  96. package/lib/types/button.ws.d.ts +1 -1
  97. package/lib/types/checkbox.d.ts +1 -1
  98. package/lib/types/checkbox.template.d.ts +2 -0
  99. package/lib/types/checkbox.ws.d.ts +1 -1
  100. package/lib/types/code-text.ws.d.ts +1 -1
  101. package/lib/types/components.d.ts +1 -0
  102. package/lib/types/content-embed.template.d.ts +2 -0
  103. package/lib/types/form.ws.d.ts +1 -1
  104. package/lib/types/fragment.ws.d.ts +1 -1
  105. package/lib/types/heading.template.d.ts +2 -0
  106. package/lib/types/heading.ws.d.ts +1 -1
  107. package/lib/types/html-embed.ws.d.ts +1 -1
  108. package/lib/types/image.ws.d.ts +1 -9
  109. package/lib/types/input.ws.d.ts +1 -1
  110. package/lib/types/italic.ws.d.ts +1 -1
  111. package/lib/types/label.template.d.ts +2 -0
  112. package/lib/types/label.ws.d.ts +1 -1
  113. package/lib/types/link.template.d.ts +2 -0
  114. package/lib/types/link.ws.d.ts +1 -1
  115. package/lib/types/list-item.template.d.ts +2 -0
  116. package/lib/types/list-item.ws.d.ts +1 -1
  117. package/lib/types/list.ws.d.ts +1 -1
  118. package/lib/types/markdown-embed.template.d.ts +2 -0
  119. package/lib/types/markdown-embed.ws.d.ts +1 -1
  120. package/lib/types/metas.d.ts +1 -1
  121. package/lib/types/option.ws.d.ts +1 -1
  122. package/lib/types/paragraph.template.d.ts +2 -0
  123. package/lib/types/paragraph.ws.d.ts +1 -1
  124. package/lib/types/props.d.ts +1 -0
  125. package/lib/types/radio-button.d.ts +1 -1
  126. package/lib/types/radio-button.template.d.ts +2 -0
  127. package/lib/types/radio-button.ws.d.ts +1 -1
  128. package/lib/types/rich-text-link.ws.d.ts +1 -1
  129. package/lib/types/select.template.d.ts +2 -0
  130. package/lib/types/select.ws.d.ts +1 -1
  131. package/lib/types/separator.ws.d.ts +1 -1
  132. package/lib/types/slot.ws.d.ts +1 -1
  133. package/lib/types/span.ws.d.ts +1 -1
  134. package/lib/types/subscript.ws.d.ts +1 -1
  135. package/lib/types/superscript.ws.d.ts +1 -1
  136. package/lib/types/templates.d.ts +14 -0
  137. package/lib/types/text.template.d.ts +2 -0
  138. package/lib/types/text.ws.d.ts +1 -1
  139. package/lib/types/textarea.ws.d.ts +1 -1
  140. package/lib/types/time.ws.d.ts +1 -1
  141. package/lib/types/vimeo-play-button.ws.d.ts +1 -1
  142. package/lib/types/vimeo-preview-image.d.ts +21 -21
  143. package/lib/types/vimeo-preview-image.ws.d.ts +1 -1
  144. package/lib/types/vimeo-spinner.ws.d.ts +1 -1
  145. package/lib/types/vimeo.d.ts +12 -2
  146. package/lib/types/vimeo.ws.d.ts +1 -1
  147. package/lib/types/webhook-form.d.ts +1 -0
  148. package/lib/types/webhook-form.template.d.ts +2 -0
  149. package/lib/types/webhook-form.ws.d.ts +1 -1
  150. package/lib/types/xml-node.ws.d.ts +1 -1
  151. package/lib/types/xml-time.ws.d.ts +1 -1
  152. package/lib/types/youtube.d.ts +143 -0
  153. package/lib/types/youtube.template.d.ts +2 -0
  154. package/lib/types/youtube.ws.d.ts +3 -0
  155. package/lib/vimeo-play-button.ws.js +8 -8
  156. package/lib/vimeo-preview-image.ws.js +17 -9
  157. package/lib/vimeo-spinner.ws.js +8 -8
  158. package/lib/vimeo.js +88 -87
  159. package/lib/vimeo.template.js +17 -16
  160. package/lib/vimeo.ws.js +8 -7
  161. package/lib/webhook-form.template.js +49 -0
  162. package/lib/webhook-form.ws.js +17 -118
  163. package/lib/xml-node.js +18 -14
  164. package/lib/xml-node.ws.js +4 -5
  165. package/lib/xml-time.ws.js +4 -5
  166. package/lib/youtube.js +200 -0
  167. package/lib/youtube.template.js +97 -0
  168. package/lib/youtube.ws.js +51 -0
  169. package/package.json +14 -11
  170. package/lib/content-embed.ws.js +0 -77
  171. package/lib/types/__generated__/local-date.props.d.ts +0 -2
  172. package/lib/types/content-embed.ws.d.ts +0 -2
@@ -1,77 +0,0 @@
1
- import { ContentEmbedIcon as n } from "@webstudio-is/icons/svg";
2
- import { imagePlaceholderDataUrl as l } from "@webstudio-is/image";
3
- import { descendantComponent as a } from "@webstudio-is/react-sdk";
4
- const i = `
5
- <h1>Styling HTML with Content Embed</h1>
6
- <p>Content Embed allows styling of HTML, which primarily comes from external data.</p>
7
- <h2>How to Use Content Embed</h2>
8
- <ul>
9
- <li>Every element is shown in the Navigator.</li>
10
- <li>Apply styles and Tokens to each element.</li>
11
- <li>Adjustments to elements apply universally within this embed, ensuring consistency across your content.</li>
12
- </ul>
13
- <hr>
14
- <h2>This sample text contains all the elements that can be styled.</h2>
15
- <p>Any elements that were not used above are used below.</p>
16
- <h3>Heading 3</h3>
17
- <h4>Heading 4</h4>
18
- <h5>Heading 5</h5>
19
- <h6>Heading 6</h6>
20
- <p><a href="#">Links</a> connect your content to relevant resources.</p>
21
- <p><strong>Bold text</strong> makes your important points stand out.</p>
22
- <p><em>Italic text</em> is great for emphasizing terms.</p>
23
- <ol>
24
- <li>First Step</li>
25
- <li>Second Step</li>
26
- </ol>
27
- <img src="${l}">
28
- <blockquote>Capture attention with a powerful quote.</blockquote>
29
- <p>Using <code>console.log("Hello World");</code> will log to the console.</p>
30
- `.trim(), e = (t, o) => ({
31
- type: "instance",
32
- component: a,
33
- label: t,
34
- props: [{ type: "string", name: "selector", value: ` ${o}` }],
35
- children: []
36
- }), p = {
37
- category: "data",
38
- type: "control",
39
- description: "Content Embed allows styling of HTML, which can be provided via the Code property statically or loaded dynamically from any Resource, for example, from a CMS.",
40
- icon: n,
41
- order: 3,
42
- template: [
43
- {
44
- type: "instance",
45
- component: "HtmlEmbed",
46
- label: "Content Embed",
47
- props: [
48
- {
49
- name: "code",
50
- type: "string",
51
- value: i
52
- }
53
- ],
54
- children: [
55
- e("Paragraph", "p"),
56
- e("Heading 1", "h1"),
57
- e("Heading 2", "h2"),
58
- e("Heading 3", "h3"),
59
- e("Heading 4", "h4"),
60
- e("Heading 5", "h5"),
61
- e("Heading 6", "h6"),
62
- e("Bold", ":where(strong, b)"),
63
- e("Italic", ":where(em, i)"),
64
- e("Link", "a"),
65
- e("Image", "img"),
66
- e("Blockquote", "blockquote"),
67
- e("Code Text", "code"),
68
- e("List", ":where(ul, ol)"),
69
- e("List Item", "li"),
70
- e("Separator", "hr")
71
- ]
72
- }
73
- ]
74
- };
75
- export {
76
- p as meta
77
- };
@@ -1,2 +0,0 @@
1
- import type { PropMeta } from "@webstudio-is/react-sdk";
2
- export declare const props: Record<string, PropMeta>;
@@ -1,2 +0,0 @@
1
- import { type WsComponentMeta } from "@webstudio-is/react-sdk";
2
- export declare const meta: WsComponentMeta;