@webstudio-is/react-sdk 0.29.0 → 0.31.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 (120) hide show
  1. package/lib/app/custom-components/index.js +12 -6
  2. package/lib/app/root.js +0 -2
  3. package/lib/cjs/app/custom-components/index.cjs +12 -6
  4. package/lib/cjs/app/root.cjs +0 -2
  5. package/lib/cjs/components/__generated__/body.props.json +557 -305
  6. package/lib/cjs/components/__generated__/bold.props.json +557 -305
  7. package/lib/cjs/components/__generated__/box.props.json +577 -320
  8. package/lib/cjs/components/__generated__/button.props.json +616 -339
  9. package/lib/cjs/components/__generated__/form.props.json +597 -329
  10. package/lib/cjs/components/__generated__/heading.props.json +566 -309
  11. package/lib/cjs/components/__generated__/image.props.json +638 -352
  12. package/lib/cjs/components/__generated__/input.props.json +725 -405
  13. package/lib/cjs/components/__generated__/italic.props.json +557 -305
  14. package/lib/cjs/components/__generated__/link.props.json +616 -343
  15. package/lib/cjs/components/__generated__/paragraph.props.json +557 -305
  16. package/lib/cjs/components/__generated__/rich-text-link.props.json +616 -343
  17. package/lib/cjs/components/__generated__/span.props.json +557 -305
  18. package/lib/cjs/components/__generated__/subscript.props.json +557 -305
  19. package/lib/cjs/components/__generated__/superscript.props.json +557 -305
  20. package/lib/cjs/components/__generated__/text-block.props.json +557 -305
  21. package/lib/cjs/components/body.ws.cjs +6 -3
  22. package/lib/cjs/components/bold.ws.cjs +7 -4
  23. package/lib/cjs/components/box.ws.cjs +8 -4
  24. package/lib/cjs/components/button.ws.cjs +8 -4
  25. package/lib/cjs/components/component-type.cjs +21 -56
  26. package/lib/cjs/components/form.ws.cjs +7 -4
  27. package/lib/cjs/components/heading.ws.cjs +8 -4
  28. package/lib/cjs/components/image.ws.cjs +11 -5
  29. package/lib/cjs/components/index.cjs +165 -111
  30. package/lib/cjs/components/input.ws.cjs +7 -4
  31. package/lib/cjs/components/italic.ws.cjs +7 -4
  32. package/lib/cjs/components/link.ws.cjs +8 -4
  33. package/lib/cjs/components/paragraph.ws.cjs +7 -4
  34. package/lib/cjs/components/rich-text-link.ws.cjs +7 -4
  35. package/lib/cjs/components/span.ws.cjs +7 -4
  36. package/lib/cjs/components/subscript.ws.cjs +7 -4
  37. package/lib/cjs/components/superscript.ws.cjs +7 -4
  38. package/lib/cjs/components/text-block.ws.cjs +7 -4
  39. package/lib/cjs/index.cjs +3 -2
  40. package/lib/cjs/tree/session-storage-polyfill.cjs +1 -1
  41. package/lib/components/__generated__/body.props.json +557 -305
  42. package/lib/components/__generated__/bold.props.json +557 -305
  43. package/lib/components/__generated__/box.props.json +577 -320
  44. package/lib/components/__generated__/button.props.json +616 -339
  45. package/lib/components/__generated__/form.props.json +597 -329
  46. package/lib/components/__generated__/heading.props.json +566 -309
  47. package/lib/components/__generated__/image.props.json +638 -352
  48. package/lib/components/__generated__/input.props.json +725 -405
  49. package/lib/components/__generated__/italic.props.json +557 -305
  50. package/lib/components/__generated__/link.props.json +616 -343
  51. package/lib/components/__generated__/paragraph.props.json +557 -305
  52. package/lib/components/__generated__/rich-text-link.props.json +616 -343
  53. package/lib/components/__generated__/span.props.json +557 -305
  54. package/lib/components/__generated__/subscript.props.json +557 -305
  55. package/lib/components/__generated__/superscript.props.json +557 -305
  56. package/lib/components/__generated__/text-block.props.json +557 -305
  57. package/lib/components/body.ws.js +6 -3
  58. package/lib/components/bold.ws.js +7 -4
  59. package/lib/components/box.ws.js +8 -4
  60. package/lib/components/button.ws.js +8 -4
  61. package/lib/components/component-type.js +21 -56
  62. package/lib/components/form.ws.js +7 -4
  63. package/lib/components/heading.ws.js +8 -4
  64. package/lib/components/image.ws.js +11 -5
  65. package/lib/components/index.js +117 -57
  66. package/lib/components/input.ws.js +7 -4
  67. package/lib/components/italic.ws.js +7 -4
  68. package/lib/components/link.ws.js +8 -4
  69. package/lib/components/paragraph.ws.js +7 -4
  70. package/lib/components/rich-text-link.ws.js +7 -4
  71. package/lib/components/span.ws.js +7 -4
  72. package/lib/components/subscript.ws.js +7 -4
  73. package/lib/components/superscript.ws.js +7 -4
  74. package/lib/components/text-block.ws.js +7 -4
  75. package/lib/index.js +5 -3
  76. package/lib/tree/session-storage-polyfill.js +1 -1
  77. package/package.json +9 -9
  78. package/src/app/custom-components/image.tsx +2 -2
  79. package/src/app/custom-components/index.ts +11 -5
  80. package/src/app/root.tsx +0 -2
  81. package/src/components/__generated__/body.props.json +557 -305
  82. package/src/components/__generated__/bold.props.json +557 -305
  83. package/src/components/__generated__/box.props.json +577 -320
  84. package/src/components/__generated__/button.props.json +616 -339
  85. package/src/components/__generated__/form.props.json +597 -329
  86. package/src/components/__generated__/heading.props.json +566 -309
  87. package/src/components/__generated__/image.props.json +638 -352
  88. package/src/components/__generated__/input.props.json +725 -405
  89. package/src/components/__generated__/italic.props.json +557 -305
  90. package/src/components/__generated__/link.props.json +616 -343
  91. package/src/components/__generated__/paragraph.props.json +557 -305
  92. package/src/components/__generated__/rich-text-link.props.json +616 -343
  93. package/src/components/__generated__/span.props.json +557 -305
  94. package/src/components/__generated__/subscript.props.json +557 -305
  95. package/src/components/__generated__/superscript.props.json +557 -305
  96. package/src/components/__generated__/text-block.props.json +557 -305
  97. package/src/components/body.ws.tsx +5 -4
  98. package/src/components/bold.ws.tsx +5 -4
  99. package/src/components/box.ws.ts +6 -4
  100. package/src/components/button.ws.tsx +6 -4
  101. package/src/components/component-type.ts +23 -63
  102. package/src/components/form.ws.tsx +5 -4
  103. package/src/components/heading.ws.tsx +6 -4
  104. package/src/components/image.ws.tsx +9 -5
  105. package/src/components/index.test.ts +2 -24
  106. package/src/components/index.ts +155 -81
  107. package/src/components/input.ws.tsx +5 -4
  108. package/src/components/italic.ws.tsx +5 -4
  109. package/src/components/link.ws.tsx +6 -4
  110. package/src/components/paragraph.ws.tsx +5 -4
  111. package/src/components/rich-text-link.ws.tsx +5 -4
  112. package/src/components/span.ws.tsx +5 -4
  113. package/src/components/subscript.ws.tsx +5 -4
  114. package/src/components/superscript.ws.tsx +5 -4
  115. package/src/components/text-block.ws.tsx +5 -4
  116. package/src/css/breakpoints.ts +1 -1
  117. package/src/index.ts +6 -2
  118. package/src/props.ts +1 -1
  119. package/src/tree/create-elements-tree.tsx +3 -3
  120. package/src/tree/session-storage-polyfill.tsx +1 -1
@@ -24,10 +24,12 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
24
24
  var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
25
25
  var link_ws_exports = {};
26
26
  __export(link_ws_exports, {
27
- default: () => link_ws_default
27
+ meta: () => meta,
28
+ propsMeta: () => propsMeta
28
29
  });
29
30
  module.exports = __toCommonJS(link_ws_exports);
30
31
  var import_icons = require("@webstudio-is/icons");
32
+ var import_component_type = require("./component-type");
31
33
  var import_link_props = __toESM(require("./__generated__/link.props.json"), 1);
32
34
  const presetStyle = {
33
35
  minHeight: {
@@ -45,7 +47,9 @@ const meta = {
45
47
  label: "Link",
46
48
  Icon: import_icons.Link2Icon,
47
49
  presetStyle,
48
- children: ["Link text you can edit"],
49
- props: import_link_props.default
50
+ children: ["Link text you can edit"]
50
51
  };
51
- var link_ws_default = meta;
52
+ const propsMeta = import_component_type.WsComponentPropsMeta.parse({
53
+ props: import_link_props.default,
54
+ initialProps: ["href"]
55
+ });
@@ -24,16 +24,19 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
24
24
  var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
25
25
  var paragraph_ws_exports = {};
26
26
  __export(paragraph_ws_exports, {
27
- default: () => paragraph_ws_default
27
+ meta: () => meta,
28
+ propsMeta: () => propsMeta
28
29
  });
29
30
  module.exports = __toCommonJS(paragraph_ws_exports);
30
31
  var import_icons = require("@webstudio-is/icons");
32
+ var import_component_type = require("./component-type");
31
33
  var import_paragraph_props = __toESM(require("./__generated__/paragraph.props.json"), 1);
32
34
  const meta = {
33
35
  type: "rich-text",
34
36
  label: "Paragraph",
35
37
  Icon: import_icons.TextAlignLeftIcon,
36
- children: ["Pragraph you can edit"],
37
- props: import_paragraph_props.default
38
+ children: ["Pragraph you can edit"]
38
39
  };
39
- var paragraph_ws_default = meta;
40
+ const propsMeta = import_component_type.WsComponentPropsMeta.parse({
41
+ props: import_paragraph_props.default
42
+ });
@@ -24,15 +24,18 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
24
24
  var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
25
25
  var rich_text_link_ws_exports = {};
26
26
  __export(rich_text_link_ws_exports, {
27
- default: () => rich_text_link_ws_default
27
+ meta: () => meta,
28
+ propsMeta: () => propsMeta
28
29
  });
29
30
  module.exports = __toCommonJS(rich_text_link_ws_exports);
30
31
  var import_icons = require("@webstudio-is/icons");
32
+ var import_component_type = require("./component-type");
31
33
  var import_rich_text_link_props = __toESM(require("./__generated__/rich-text-link.props.json"), 1);
32
34
  const meta = {
33
35
  type: "rich-text-child",
34
36
  label: "Link",
35
- Icon: import_icons.Link2Icon,
36
- props: import_rich_text_link_props.default
37
+ Icon: import_icons.Link2Icon
37
38
  };
38
- var rich_text_link_ws_default = meta;
39
+ const propsMeta = import_component_type.WsComponentPropsMeta.parse({
40
+ props: import_rich_text_link_props.default
41
+ });
@@ -24,15 +24,18 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
24
24
  var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
25
25
  var span_ws_exports = {};
26
26
  __export(span_ws_exports, {
27
- default: () => span_ws_default
27
+ meta: () => meta,
28
+ propsMeta: () => propsMeta
28
29
  });
29
30
  module.exports = __toCommonJS(span_ws_exports);
30
31
  var import_icons = require("@webstudio-is/icons");
32
+ var import_component_type = require("./component-type");
31
33
  var import_span_props = __toESM(require("./__generated__/span.props.json"), 1);
32
34
  const meta = {
33
35
  type: "rich-text-child",
34
36
  label: "Styled Text",
35
- Icon: import_icons.BrushIcon,
36
- props: import_span_props.default
37
+ Icon: import_icons.BrushIcon
37
38
  };
38
- var span_ws_default = meta;
39
+ const propsMeta = import_component_type.WsComponentPropsMeta.parse({
40
+ props: import_span_props.default
41
+ });
@@ -24,15 +24,18 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
24
24
  var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
25
25
  var subscript_ws_exports = {};
26
26
  __export(subscript_ws_exports, {
27
- default: () => subscript_ws_default
27
+ meta: () => meta,
28
+ propsMeta: () => propsMeta
28
29
  });
29
30
  module.exports = __toCommonJS(subscript_ws_exports);
30
31
  var import_icons = require("@webstudio-is/icons");
32
+ var import_component_type = require("./component-type");
31
33
  var import_subscript_props = __toESM(require("./__generated__/subscript.props.json"), 1);
32
34
  const meta = {
33
35
  type: "rich-text-child",
34
36
  label: "Subscript Text",
35
- Icon: import_icons.SubscriptIcon,
36
- props: import_subscript_props.default
37
+ Icon: import_icons.SubscriptIcon
37
38
  };
38
- var subscript_ws_default = meta;
39
+ const propsMeta = import_component_type.WsComponentPropsMeta.parse({
40
+ props: import_subscript_props.default
41
+ });
@@ -24,15 +24,18 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
24
24
  var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
25
25
  var superscript_ws_exports = {};
26
26
  __export(superscript_ws_exports, {
27
- default: () => superscript_ws_default
27
+ meta: () => meta,
28
+ propsMeta: () => propsMeta
28
29
  });
29
30
  module.exports = __toCommonJS(superscript_ws_exports);
30
31
  var import_icons = require("@webstudio-is/icons");
32
+ var import_component_type = require("./component-type");
31
33
  var import_superscript_props = __toESM(require("./__generated__/superscript.props.json"), 1);
32
34
  const meta = {
33
35
  type: "rich-text-child",
34
36
  label: "Superscript Text",
35
- Icon: import_icons.SuperscriptIcon,
36
- props: import_superscript_props.default
37
+ Icon: import_icons.SuperscriptIcon
37
38
  };
38
- var superscript_ws_default = meta;
39
+ const propsMeta = import_component_type.WsComponentPropsMeta.parse({
40
+ props: import_superscript_props.default
41
+ });
@@ -24,10 +24,12 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
24
24
  var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
25
25
  var text_block_ws_exports = {};
26
26
  __export(text_block_ws_exports, {
27
- default: () => text_block_ws_default
27
+ meta: () => meta,
28
+ propsMeta: () => propsMeta
28
29
  });
29
30
  module.exports = __toCommonJS(text_block_ws_exports);
30
31
  var import_icons = require("@webstudio-is/icons");
32
+ var import_component_type = require("./component-type");
31
33
  var import_text_block_props = __toESM(require("./__generated__/text-block.props.json"), 1);
32
34
  const presetStyle = {
33
35
  minHeight: {
@@ -41,7 +43,8 @@ const meta = {
41
43
  label: "Text Block",
42
44
  Icon: import_icons.TextIcon,
43
45
  presetStyle,
44
- children: ["Block of text you can edit"],
45
- props: import_text_block_props.default
46
+ children: ["Block of text you can edit"]
46
47
  };
47
- var text_block_ws_default = meta;
48
+ const propsMeta = import_component_type.WsComponentPropsMeta.parse({
49
+ props: import_text_block_props.default
50
+ });
package/lib/cjs/index.cjs CHANGED
@@ -19,8 +19,9 @@ var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "defau
19
19
  var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
20
20
  var src_exports = {};
21
21
  __export(src_exports, {
22
- customComponents: () => import_custom_components.customComponents,
23
- customComponentsMeta: () => import_custom_components.customComponentsMeta
22
+ customComponentMetas: () => import_custom_components.customComponentMetas,
23
+ customComponentPropsMetas: () => import_custom_components.customComponentPropsMetas,
24
+ customComponents: () => import_custom_components.customComponents
24
25
  });
25
26
  module.exports = __toCommonJS(src_exports);
26
27
  __reExport(src_exports, require("./css"), module.exports);
@@ -29,7 +29,7 @@ const polyfill = function() {
29
29
  sessionStorage.removeItem(key);
30
30
  } catch (error) {
31
31
  alert(
32
- 'It looks like you have disabled cookies in your browser. Webstudio designer may not work properly.\n\nTo enable cookies, go to "Setting" > "Privacy and security" > "Cookies and other site data", and make sure neither "Block all cookies" nor "Block third-party cookies" are selected.\n\nRead more at https://support.google.com/chrome/answer/95647'
32
+ 'It looks like you have disabled cookies in your browser. Webstudio builder may not work properly.\n\nTo enable cookies, go to "Setting" > "Privacy and security" > "Cookies and other site data", and make sure neither "Block all cookies" nor "Block third-party cookies" are selected.\n\nRead more at https://support.google.com/chrome/answer/95647'
33
33
  );
34
34
  const data = /* @__PURE__ */ new Map();
35
35
  Object.defineProperty(window, "sessionStorage", {