@webstudio-is/react-sdk 0.28.0 → 0.30.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 (123) hide show
  1. package/lib/app/custom-components/index.js +12 -6
  2. package/lib/app/custom-components/shared/remix-link.js +14 -8
  3. package/lib/app/root.js +0 -2
  4. package/lib/cjs/app/custom-components/index.cjs +12 -6
  5. package/lib/cjs/app/custom-components/shared/remix-link.cjs +14 -8
  6. package/lib/cjs/app/root.cjs +0 -2
  7. package/lib/cjs/components/__generated__/body.props.json +557 -305
  8. package/lib/cjs/components/__generated__/bold.props.json +557 -305
  9. package/lib/cjs/components/__generated__/box.props.json +577 -320
  10. package/lib/cjs/components/__generated__/button.props.json +616 -339
  11. package/lib/cjs/components/__generated__/form.props.json +597 -329
  12. package/lib/cjs/components/__generated__/heading.props.json +566 -309
  13. package/lib/cjs/components/__generated__/image.props.json +638 -352
  14. package/lib/cjs/components/__generated__/input.props.json +725 -405
  15. package/lib/cjs/components/__generated__/italic.props.json +557 -305
  16. package/lib/cjs/components/__generated__/link.props.json +616 -343
  17. package/lib/cjs/components/__generated__/paragraph.props.json +557 -305
  18. package/lib/cjs/components/__generated__/rich-text-link.props.json +616 -343
  19. package/lib/cjs/components/__generated__/span.props.json +557 -305
  20. package/lib/cjs/components/__generated__/subscript.props.json +557 -305
  21. package/lib/cjs/components/__generated__/superscript.props.json +557 -305
  22. package/lib/cjs/components/__generated__/text-block.props.json +557 -305
  23. package/lib/cjs/components/body.ws.cjs +6 -3
  24. package/lib/cjs/components/bold.ws.cjs +7 -4
  25. package/lib/cjs/components/box.ws.cjs +8 -4
  26. package/lib/cjs/components/button.ws.cjs +8 -4
  27. package/lib/cjs/components/component-type.cjs +21 -56
  28. package/lib/cjs/components/form.ws.cjs +7 -4
  29. package/lib/cjs/components/heading.ws.cjs +8 -4
  30. package/lib/cjs/components/image.ws.cjs +11 -5
  31. package/lib/cjs/components/index.cjs +165 -111
  32. package/lib/cjs/components/input.ws.cjs +7 -4
  33. package/lib/cjs/components/italic.ws.cjs +7 -4
  34. package/lib/cjs/components/link.ws.cjs +8 -4
  35. package/lib/cjs/components/paragraph.ws.cjs +7 -4
  36. package/lib/cjs/components/rich-text-link.ws.cjs +7 -4
  37. package/lib/cjs/components/span.ws.cjs +7 -4
  38. package/lib/cjs/components/subscript.ws.cjs +7 -4
  39. package/lib/cjs/components/superscript.ws.cjs +7 -4
  40. package/lib/cjs/components/text-block.ws.cjs +7 -4
  41. package/lib/cjs/index.cjs +3 -2
  42. package/lib/cjs/tree/session-storage-polyfill.cjs +1 -1
  43. package/lib/components/__generated__/body.props.json +557 -305
  44. package/lib/components/__generated__/bold.props.json +557 -305
  45. package/lib/components/__generated__/box.props.json +577 -320
  46. package/lib/components/__generated__/button.props.json +616 -339
  47. package/lib/components/__generated__/form.props.json +597 -329
  48. package/lib/components/__generated__/heading.props.json +566 -309
  49. package/lib/components/__generated__/image.props.json +638 -352
  50. package/lib/components/__generated__/input.props.json +725 -405
  51. package/lib/components/__generated__/italic.props.json +557 -305
  52. package/lib/components/__generated__/link.props.json +616 -343
  53. package/lib/components/__generated__/paragraph.props.json +557 -305
  54. package/lib/components/__generated__/rich-text-link.props.json +616 -343
  55. package/lib/components/__generated__/span.props.json +557 -305
  56. package/lib/components/__generated__/subscript.props.json +557 -305
  57. package/lib/components/__generated__/superscript.props.json +557 -305
  58. package/lib/components/__generated__/text-block.props.json +557 -305
  59. package/lib/components/body.ws.js +6 -3
  60. package/lib/components/bold.ws.js +7 -4
  61. package/lib/components/box.ws.js +8 -4
  62. package/lib/components/button.ws.js +8 -4
  63. package/lib/components/component-type.js +21 -56
  64. package/lib/components/form.ws.js +7 -4
  65. package/lib/components/heading.ws.js +8 -4
  66. package/lib/components/image.ws.js +11 -5
  67. package/lib/components/index.js +117 -57
  68. package/lib/components/input.ws.js +7 -4
  69. package/lib/components/italic.ws.js +7 -4
  70. package/lib/components/link.ws.js +8 -4
  71. package/lib/components/paragraph.ws.js +7 -4
  72. package/lib/components/rich-text-link.ws.js +7 -4
  73. package/lib/components/span.ws.js +7 -4
  74. package/lib/components/subscript.ws.js +7 -4
  75. package/lib/components/superscript.ws.js +7 -4
  76. package/lib/components/text-block.ws.js +7 -4
  77. package/lib/index.js +5 -3
  78. package/lib/tree/session-storage-polyfill.js +1 -1
  79. package/package.json +8 -8
  80. package/src/app/custom-components/image.tsx +2 -2
  81. package/src/app/custom-components/index.ts +11 -5
  82. package/src/app/custom-components/shared/remix-link.tsx +26 -7
  83. package/src/app/root.tsx +0 -2
  84. package/src/components/__generated__/body.props.json +557 -305
  85. package/src/components/__generated__/bold.props.json +557 -305
  86. package/src/components/__generated__/box.props.json +577 -320
  87. package/src/components/__generated__/button.props.json +616 -339
  88. package/src/components/__generated__/form.props.json +597 -329
  89. package/src/components/__generated__/heading.props.json +566 -309
  90. package/src/components/__generated__/image.props.json +638 -352
  91. package/src/components/__generated__/input.props.json +725 -405
  92. package/src/components/__generated__/italic.props.json +557 -305
  93. package/src/components/__generated__/link.props.json +616 -343
  94. package/src/components/__generated__/paragraph.props.json +557 -305
  95. package/src/components/__generated__/rich-text-link.props.json +616 -343
  96. package/src/components/__generated__/span.props.json +557 -305
  97. package/src/components/__generated__/subscript.props.json +557 -305
  98. package/src/components/__generated__/superscript.props.json +557 -305
  99. package/src/components/__generated__/text-block.props.json +557 -305
  100. package/src/components/body.ws.tsx +5 -4
  101. package/src/components/bold.ws.tsx +5 -4
  102. package/src/components/box.ws.ts +6 -4
  103. package/src/components/button.ws.tsx +6 -4
  104. package/src/components/component-type.ts +23 -63
  105. package/src/components/form.ws.tsx +5 -4
  106. package/src/components/heading.ws.tsx +6 -4
  107. package/src/components/image.ws.tsx +9 -5
  108. package/src/components/index.test.ts +2 -24
  109. package/src/components/index.ts +155 -81
  110. package/src/components/input.ws.tsx +5 -4
  111. package/src/components/italic.ws.tsx +5 -4
  112. package/src/components/link.ws.tsx +6 -4
  113. package/src/components/paragraph.ws.tsx +5 -4
  114. package/src/components/rich-text-link.ws.tsx +5 -4
  115. package/src/components/span.ws.tsx +5 -4
  116. package/src/components/subscript.ws.tsx +5 -4
  117. package/src/components/superscript.ws.tsx +5 -4
  118. package/src/components/text-block.ws.tsx +5 -4
  119. package/src/css/breakpoints.ts +1 -1
  120. package/src/index.ts +6 -2
  121. package/src/props.ts +1 -1
  122. package/src/tree/create-elements-tree.tsx +3 -3
  123. 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", {