@makeswift/runtime 0.5.5 → 0.6.1

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 (130) hide show
  1. package/dist/Box.cjs.js +11 -6
  2. package/dist/Box.cjs.js.map +1 -1
  3. package/dist/Box.es.js +12 -7
  4. package/dist/Box.es.js.map +1 -1
  5. package/dist/Button.cjs.js +2 -1
  6. package/dist/Button.cjs.js.map +1 -1
  7. package/dist/Button.es.js +2 -1
  8. package/dist/Button.es.js.map +1 -1
  9. package/dist/Carousel.cjs.js +2 -1
  10. package/dist/Carousel.cjs.js.map +1 -1
  11. package/dist/Carousel.es.js +2 -1
  12. package/dist/Carousel.es.js.map +1 -1
  13. package/dist/Countdown.cjs.js +2 -1
  14. package/dist/Countdown.cjs.js.map +1 -1
  15. package/dist/Countdown.es.js +2 -1
  16. package/dist/Countdown.es.js.map +1 -1
  17. package/dist/Divider.cjs.js +2 -1
  18. package/dist/Divider.cjs.js.map +1 -1
  19. package/dist/Divider.es.js +2 -1
  20. package/dist/Divider.es.js.map +1 -1
  21. package/dist/EditableText.cjs.js +359 -0
  22. package/dist/EditableText.cjs.js.map +1 -0
  23. package/dist/EditableText.es.js +352 -0
  24. package/dist/EditableText.es.js.map +1 -0
  25. package/dist/Embed.cjs.js +2 -1
  26. package/dist/Embed.cjs.js.map +1 -1
  27. package/dist/Embed.es.js +2 -1
  28. package/dist/Embed.es.js.map +1 -1
  29. package/dist/Form.cjs.js +73 -67
  30. package/dist/Form.cjs.js.map +1 -1
  31. package/dist/Form.es.js +73 -67
  32. package/dist/Form.es.js.map +1 -1
  33. package/dist/Image.cjs.js +2 -1
  34. package/dist/Image.cjs.js.map +1 -1
  35. package/dist/Image.es.js +2 -1
  36. package/dist/Image.es.js.map +1 -1
  37. package/dist/LiveProvider.cjs.js +3 -11
  38. package/dist/LiveProvider.cjs.js.map +1 -1
  39. package/dist/LiveProvider.es.js +6 -14
  40. package/dist/LiveProvider.es.js.map +1 -1
  41. package/dist/Navigation.cjs.js +2 -1
  42. package/dist/Navigation.cjs.js.map +1 -1
  43. package/dist/Navigation.es.js +2 -1
  44. package/dist/Navigation.es.js.map +1 -1
  45. package/dist/PreviewProvider.cjs.js +6 -3
  46. package/dist/PreviewProvider.cjs.js.map +1 -1
  47. package/dist/PreviewProvider.es.js +8 -5
  48. package/dist/PreviewProvider.es.js.map +1 -1
  49. package/dist/ReadOnlyText.cjs.js +206 -0
  50. package/dist/ReadOnlyText.cjs.js.map +1 -0
  51. package/dist/ReadOnlyText.es.js +204 -0
  52. package/dist/ReadOnlyText.es.js.map +1 -0
  53. package/dist/Root.cjs.js +4 -3
  54. package/dist/Root.cjs.js.map +1 -1
  55. package/dist/Root.es.js +3 -2
  56. package/dist/Root.es.js.map +1 -1
  57. package/dist/SocialLinks.cjs.js +2 -1
  58. package/dist/SocialLinks.cjs.js.map +1 -1
  59. package/dist/SocialLinks.es.js +2 -1
  60. package/dist/SocialLinks.es.js.map +1 -1
  61. package/dist/Text.cjs.js +26 -405
  62. package/dist/Text.cjs.js.map +1 -1
  63. package/dist/Text.es.js +23 -405
  64. package/dist/Text.es.js.map +1 -1
  65. package/dist/Video.cjs.js +2 -1
  66. package/dist/Video.cjs.js.map +1 -1
  67. package/dist/Video.es.js +2 -1
  68. package/dist/Video.es.js.map +1 -1
  69. package/dist/actions.cjs.js.map +1 -1
  70. package/dist/actions.es.js.map +1 -1
  71. package/dist/components.cjs.js +2 -5
  72. package/dist/components.cjs.js.map +1 -1
  73. package/dist/components.es.js +2 -5
  74. package/dist/components.es.js.map +1 -1
  75. package/dist/constants.cjs.js +45 -26
  76. package/dist/constants.cjs.js.map +1 -1
  77. package/dist/constants.es.js +36 -20
  78. package/dist/constants.es.js.map +1 -1
  79. package/dist/index.cjs.js +78 -310
  80. package/dist/index.cjs.js.map +1 -1
  81. package/dist/index.cjs2.js +20 -21
  82. package/dist/index.cjs2.js.map +1 -1
  83. package/dist/index.cjs5.js +141 -0
  84. package/dist/index.cjs5.js.map +1 -0
  85. package/dist/index.es.js +77 -308
  86. package/dist/index.es.js.map +1 -1
  87. package/dist/index.es2.js +23 -24
  88. package/dist/index.es2.js.map +1 -1
  89. package/dist/index.es3.js +1 -1
  90. package/dist/index.es5.js +139 -0
  91. package/dist/index.es5.js.map +1 -0
  92. package/dist/next.cjs.js +2 -1
  93. package/dist/next.cjs.js.map +1 -1
  94. package/dist/next.es.js +3 -2
  95. package/dist/next.es.js.map +1 -1
  96. package/dist/react.cjs.js +2 -1
  97. package/dist/react.cjs.js.map +1 -1
  98. package/dist/react.es.js +2 -1
  99. package/dist/react.es.js.map +1 -1
  100. package/dist/types/src/api/react.d.ts.map +1 -1
  101. package/dist/types/src/components/builtin/Box/Box.d.ts.map +1 -1
  102. package/dist/types/src/components/builtin/Box/animations.d.ts +1 -1
  103. package/dist/types/src/components/builtin/Box/animations.d.ts.map +1 -1
  104. package/dist/types/src/components/builtin/Form/components/Field/components/Checkbox/index.d.ts +1 -1
  105. package/dist/types/src/components/builtin/Form/components/Field/components/RadioButton/index.d.ts.map +1 -1
  106. package/dist/types/src/components/builtin/Text/EditableText.d.ts +16 -0
  107. package/dist/types/src/components/builtin/Text/EditableText.d.ts.map +1 -0
  108. package/dist/types/src/components/builtin/Text/ReadOnlyText.d.ts +11 -0
  109. package/dist/types/src/components/builtin/Text/ReadOnlyText.d.ts.map +1 -0
  110. package/dist/types/src/components/builtin/Text/Text.d.ts +3 -7
  111. package/dist/types/src/components/builtin/Text/Text.d.ts.map +1 -1
  112. package/dist/types/src/components/builtin/register.d.ts.map +1 -1
  113. package/dist/types/src/components/shared/BackgroundsContainer/index.d.ts.map +1 -1
  114. package/dist/types/src/next/document.d.ts.map +1 -1
  115. package/dist/types/src/runtimes/react/components/LiveProvider.d.ts.map +1 -1
  116. package/dist/types/src/runtimes/react/element-imperative-handle.d.ts +12 -0
  117. package/dist/types/src/runtimes/react/element-imperative-handle.d.ts.map +1 -0
  118. package/dist/types/src/runtimes/react/find-dom-node.d.ts +1 -1
  119. package/dist/types/src/runtimes/react/find-dom-node.d.ts.map +1 -1
  120. package/dist/types/src/runtimes/react/index.d.ts +4 -2
  121. package/dist/types/src/runtimes/react/index.d.ts.map +1 -1
  122. package/dist/types/src/state/actions.d.ts +4 -3
  123. package/dist/types/src/state/actions.d.ts.map +1 -1
  124. package/dist/types/src/state/modules/is-preview.d.ts +6 -0
  125. package/dist/types/src/state/modules/is-preview.d.ts.map +1 -0
  126. package/dist/types/src/state/react-builder-preview.d.ts +1 -0
  127. package/dist/types/src/state/react-builder-preview.d.ts.map +1 -1
  128. package/dist/types/src/state/react-page.d.ts +2 -0
  129. package/dist/types/src/state/react-page.d.ts.map +1 -1
  130. package/package.json +4 -1
package/dist/Form.cjs.js CHANGED
@@ -48,10 +48,11 @@ require("redux-thunk");
48
48
  require("./actions.cjs.js");
49
49
  require("./slot.cjs.js");
50
50
  require("./control.cjs.js");
51
+ require("@emotion/serialize");
52
+ require("@emotion/utils");
51
53
  require("./text-input.cjs.js");
52
54
  require("./combobox.cjs.js");
53
55
  require("use-sync-external-store/shim");
54
- require("slate");
55
56
  require("./types.cjs.js");
56
57
  require("scroll-into-view-if-needed");
57
58
  require("react-dom");
@@ -797,25 +798,30 @@ function getCheckmarkColor({
797
798
  l
798
799
  }).alpha(a).isLight() ? "rgba(0, 0, 0, 0.7)" : "rgba(255, 255, 255, 0.95)";
799
800
  }
800
- function Container$1({
801
- size
802
- }) {
803
- return /* @__PURE__ */ jsxRuntime.jsx("div", {
801
+ function Container$1(_y) {
802
+ var _z = _y, {
803
+ size,
804
+ className
805
+ } = _z, restOfProps = __objRest(_z, [
806
+ "size",
807
+ "className"
808
+ ]);
809
+ return /* @__PURE__ */ jsxRuntime.jsx("div", __spreadProps(__spreadValues({}, restOfProps), {
804
810
  className: css.cx(next.useStyle({
805
811
  position: "relative"
806
812
  }), next.useStyle(next.responsiveStyle([size], ([size2 = next.Sizes.MEDIUM]) => ({
807
813
  height: getSizeHeight(size2),
808
814
  width: getSizeHeight(size2)
809
- }))))
810
- });
815
+ }))), className)
816
+ }));
811
817
  }
812
818
  const FAKE_RADIO_BUTTON_CLASS_NAME = "fake-radio-button";
813
- function FakeRadioButton(_y) {
814
- var _z = _y, {
819
+ function FakeRadioButton(_A) {
820
+ var _B = _A, {
815
821
  className,
816
822
  contrast,
817
823
  error
818
- } = _z, restOfProps = __objRest(_z, [
824
+ } = _B, restOfProps = __objRest(_B, [
819
825
  "className",
820
826
  "contrast",
821
827
  "error"
@@ -835,13 +841,13 @@ function FakeRadioButton(_y) {
835
841
  }))), className)
836
842
  }));
837
843
  }
838
- const HiddenRadioButton = React.forwardRef(function HiddenRadioButton2(_A, ref) {
839
- var _B = _A, {
844
+ const HiddenRadioButton = React.forwardRef(function HiddenRadioButton2(_C, ref) {
845
+ var _D = _C, {
840
846
  className,
841
847
  brandColor,
842
848
  contrast,
843
849
  error
844
- } = _B, restOfProps = __objRest(_B, [
850
+ } = _D, restOfProps = __objRest(_D, [
845
851
  "className",
846
852
  "brandColor",
847
853
  "contrast",
@@ -914,13 +920,13 @@ const HiddenRadioButton = React.forwardRef(function HiddenRadioButton2(_A, ref)
914
920
  ref
915
921
  }));
916
922
  });
917
- var RadioButton = React.forwardRef(function RadioButton2(_C, ref) {
918
- var _D = _C, {
923
+ var RadioButton = React.forwardRef(function RadioButton2(_E, ref) {
924
+ var _F = _E, {
919
925
  error,
920
926
  className,
921
927
  style,
922
928
  form
923
- } = _D, restOfProps = __objRest(_D, [
929
+ } = _F, restOfProps = __objRest(_F, [
924
930
  "error",
925
931
  "className",
926
932
  "style",
@@ -946,10 +952,10 @@ var RadioButton = React.forwardRef(function RadioButton2(_C, ref) {
946
952
  })]
947
953
  });
948
954
  });
949
- function StyledLabel(_E) {
950
- var _F = _E, {
955
+ function StyledLabel(_G) {
956
+ var _H = _G, {
951
957
  className
952
- } = _F, restOfProps = __objRest(_F, [
958
+ } = _H, restOfProps = __objRest(_H, [
953
959
  "className"
954
960
  ]);
955
961
  return /* @__PURE__ */ jsxRuntime.jsx(Label$1, __spreadProps(__spreadValues({}, restOfProps), {
@@ -963,10 +969,10 @@ function StyledLabel(_E) {
963
969
  }), className)
964
970
  }));
965
971
  }
966
- function RadioButtonContainer(_G) {
967
- var _H = _G, {
972
+ function RadioButtonContainer(_I) {
973
+ var _J = _I, {
968
974
  className
969
- } = _H, restOfProps = __objRest(_H, [
975
+ } = _J, restOfProps = __objRest(_J, [
970
976
  "className"
971
977
  ]);
972
978
  return /* @__PURE__ */ jsxRuntime.jsx("span", __spreadProps(__spreadValues({}, restOfProps), {
@@ -975,15 +981,15 @@ function RadioButtonContainer(_G) {
975
981
  }), className)
976
982
  }));
977
983
  }
978
- var TableColumnRadioButtonGroup = React.forwardRef(function TableColumnRadioButtonGroup2(_I, ref) {
979
- var _J = _I, {
984
+ var TableColumnRadioButtonGroup = React.forwardRef(function TableColumnRadioButtonGroup2(_K, ref) {
985
+ var _L = _K, {
980
986
  tableColumn,
981
987
  label = "",
982
988
  value = "",
983
989
  required = false,
984
990
  hideLabel = false,
985
991
  onChange
986
- } = _J, restOfProps = __objRest(_J, [
992
+ } = _L, restOfProps = __objRest(_L, [
987
993
  "tableColumn",
988
994
  "label",
989
995
  "value",
@@ -1020,15 +1026,15 @@ var TableColumnRadioButtonGroup = React.forwardRef(function TableColumnRadioButt
1020
1026
  }, option.id))]
1021
1027
  });
1022
1028
  });
1023
- function Container(_K) {
1024
- var _L = _K, {
1029
+ function Container(_M) {
1030
+ var _N = _M, {
1025
1031
  shape,
1026
1032
  size,
1027
1033
  contrast,
1028
1034
  brandColor,
1029
1035
  error,
1030
1036
  className
1031
- } = _L, restOfProps = __objRest(_L, [
1037
+ } = _N, restOfProps = __objRest(_N, [
1032
1038
  "shape",
1033
1039
  "size",
1034
1040
  "contrast",
@@ -1067,10 +1073,10 @@ function Container(_K) {
1067
1073
  })))), className)
1068
1074
  }));
1069
1075
  }
1070
- const Select = React.forwardRef(function Select2(_M, ref) {
1071
- var _N = _M, {
1076
+ const Select = React.forwardRef(function Select2(_O, ref) {
1077
+ var _P = _O, {
1072
1078
  className
1073
- } = _N, restOfProps = __objRest(_N, [
1079
+ } = _P, restOfProps = __objRest(_P, [
1074
1080
  "className"
1075
1081
  ]);
1076
1082
  return /* @__PURE__ */ jsxRuntime.jsx("select", __spreadProps(__spreadValues({}, restOfProps), {
@@ -1086,8 +1092,8 @@ const Select = React.forwardRef(function Select2(_M, ref) {
1086
1092
  }), className)
1087
1093
  }));
1088
1094
  });
1089
- var TableColumnSingleSelect = React.forwardRef(function TableColumnSingleSelect2(_O, ref) {
1090
- var _P = _O, {
1095
+ var TableColumnSingleSelect = React.forwardRef(function TableColumnSingleSelect2(_Q, ref) {
1096
+ var _R = _Q, {
1091
1097
  id,
1092
1098
  tableColumn,
1093
1099
  value = "",
@@ -1095,7 +1101,7 @@ var TableColumnSingleSelect = React.forwardRef(function TableColumnSingleSelect2
1095
1101
  error = false,
1096
1102
  hideLabel = false,
1097
1103
  form
1098
- } = _P, restOfProps = __objRest(_P, [
1104
+ } = _R, restOfProps = __objRest(_R, [
1099
1105
  "id",
1100
1106
  "tableColumn",
1101
1107
  "value",
@@ -1138,10 +1144,10 @@ var TableColumnSingleSelect = React.forwardRef(function TableColumnSingleSelect2
1138
1144
  })]
1139
1145
  });
1140
1146
  });
1141
- var SingleSelectTableField = React.forwardRef(function SingleSelectTableField2(_Q, ref) {
1142
- var _R = _Q, {
1147
+ var SingleSelectTableField = React.forwardRef(function SingleSelectTableField2(_S, ref) {
1148
+ var _T = _S, {
1143
1149
  type
1144
- } = _R, restOfProps = __objRest(_R, [
1150
+ } = _T, restOfProps = __objRest(_T, [
1145
1151
  "type"
1146
1152
  ]);
1147
1153
  return type === "select" ? /* @__PURE__ */ jsxRuntime.jsx(TableColumnSingleSelect, __spreadProps(__spreadValues({}, restOfProps), {
@@ -1150,15 +1156,15 @@ var SingleSelectTableField = React.forwardRef(function SingleSelectTableField2(_
1150
1156
  ref
1151
1157
  }));
1152
1158
  });
1153
- var PhoneNumberTableField = React.forwardRef(function PhoneNumberTableField2(_S, ref) {
1154
- var _T = _S, {
1159
+ var PhoneNumberTableField = React.forwardRef(function PhoneNumberTableField2(_U, ref) {
1160
+ var _V = _U, {
1155
1161
  id,
1156
1162
  label = "",
1157
1163
  name,
1158
1164
  error,
1159
1165
  hideLabel = false,
1160
1166
  tableColumn
1161
- } = _T, restOfProps = __objRest(_T, [
1167
+ } = _V, restOfProps = __objRest(_V, [
1162
1168
  "id",
1163
1169
  "label",
1164
1170
  "name",
@@ -1180,15 +1186,15 @@ var PhoneNumberTableField = React.forwardRef(function PhoneNumberTableField2(_S,
1180
1186
  }))]
1181
1187
  });
1182
1188
  });
1183
- var EmailTableField = React.forwardRef(function EmailTableField2(_U, ref) {
1184
- var _V = _U, {
1189
+ var EmailTableField = React.forwardRef(function EmailTableField2(_W, ref) {
1190
+ var _X = _W, {
1185
1191
  id,
1186
1192
  label = "",
1187
1193
  name,
1188
1194
  error,
1189
1195
  hideLabel = false,
1190
1196
  tableColumn
1191
- } = _V, restOfProps = __objRest(_V, [
1197
+ } = _X, restOfProps = __objRest(_X, [
1192
1198
  "id",
1193
1199
  "label",
1194
1200
  "name",
@@ -1210,15 +1216,15 @@ var EmailTableField = React.forwardRef(function EmailTableField2(_U, ref) {
1210
1216
  }))]
1211
1217
  });
1212
1218
  });
1213
- var URLTableField = React.forwardRef(function URLTableField2(_W, ref) {
1214
- var _X = _W, {
1219
+ var URLTableField = React.forwardRef(function URLTableField2(_Y, ref) {
1220
+ var _Z = _Y, {
1215
1221
  id,
1216
1222
  label = "",
1217
1223
  name,
1218
1224
  error,
1219
1225
  hideLabel = false,
1220
1226
  tableColumn
1221
- } = _X, restOfProps = __objRest(_X, [
1227
+ } = _Z, restOfProps = __objRest(_Z, [
1222
1228
  "id",
1223
1229
  "label",
1224
1230
  "name",
@@ -1240,15 +1246,15 @@ var URLTableField = React.forwardRef(function URLTableField2(_W, ref) {
1240
1246
  }))]
1241
1247
  });
1242
1248
  });
1243
- var NumberTableField = React.forwardRef(function NumberTableField2(_Y, ref) {
1244
- var _Z = _Y, {
1249
+ var NumberTableField = React.forwardRef(function NumberTableField2(__, ref) {
1250
+ var _$ = __, {
1245
1251
  id,
1246
1252
  label = "",
1247
1253
  name,
1248
1254
  error,
1249
1255
  hideLabel = false,
1250
1256
  tableColumn
1251
- } = _Z, restOfProps = __objRest(_Z, [
1257
+ } = _$, restOfProps = __objRest(_$, [
1252
1258
  "id",
1253
1259
  "label",
1254
1260
  "name",
@@ -1512,11 +1518,11 @@ function getSizeFontSize(size) {
1512
1518
  throw new Error(`Invalid form size "${size}"`);
1513
1519
  }
1514
1520
  }
1515
- const GridForm = React.forwardRef(function GridFrom(__, ref) {
1516
- var _$ = __, {
1521
+ const GridForm = React.forwardRef(function GridFrom(_aa, ref) {
1522
+ var _ba = _aa, {
1517
1523
  className,
1518
1524
  size
1519
- } = _$, restOfProps = __objRest(_$, [
1525
+ } = _ba, restOfProps = __objRest(_ba, [
1520
1526
  "className",
1521
1527
  "size"
1522
1528
  ]);
@@ -1531,14 +1537,14 @@ const GridForm = React.forwardRef(function GridFrom(__, ref) {
1531
1537
  }))), className)
1532
1538
  }));
1533
1539
  });
1534
- const GridItem = React.forwardRef(function GridItem2(_aa, ref) {
1535
- var _ba = _aa, {
1540
+ const GridItem = React.forwardRef(function GridItem2(_ca, ref) {
1541
+ var _da = _ca, {
1536
1542
  className,
1537
1543
  grid,
1538
1544
  index: index2,
1539
1545
  rowGap,
1540
1546
  columnGap
1541
- } = _ba, restOfProps = __objRest(_ba, [
1547
+ } = _da, restOfProps = __objRest(_da, [
1542
1548
  "className",
1543
1549
  "grid",
1544
1550
  "index",
@@ -1568,12 +1574,12 @@ function getAlignmentMargin(alignment) {
1568
1574
  return "0 auto";
1569
1575
  }
1570
1576
  }
1571
- function StyledButton(_ca) {
1572
- var _da = _ca, {
1577
+ function StyledButton(_ea) {
1578
+ var _fa = _ea, {
1573
1579
  className,
1574
1580
  size,
1575
1581
  alignment
1576
- } = _da, restOfProps = __objRest(_da, [
1582
+ } = _fa, restOfProps = __objRest(_fa, [
1577
1583
  "className",
1578
1584
  "size",
1579
1585
  "alignment"
@@ -1593,10 +1599,10 @@ function StyledButton(_ca) {
1593
1599
  }))), className)
1594
1600
  }));
1595
1601
  }
1596
- function ErrorContainer(_ea) {
1597
- var _fa = _ea, {
1602
+ function ErrorContainer(_ga) {
1603
+ var _ha = _ga, {
1598
1604
  className
1599
- } = _fa, restOfProps = __objRest(_fa, [
1605
+ } = _ha, restOfProps = __objRest(_ha, [
1600
1606
  "className"
1601
1607
  ]);
1602
1608
  return /* @__PURE__ */ jsxRuntime.jsx("div", __spreadProps(__spreadValues({}, restOfProps), {
@@ -1608,10 +1614,10 @@ function ErrorContainer(_ea) {
1608
1614
  }), className)
1609
1615
  }));
1610
1616
  }
1611
- function IconContainer(_ga) {
1612
- var _ha = _ga, {
1617
+ function IconContainer(_ia) {
1618
+ var _ja = _ia, {
1613
1619
  className
1614
- } = _ha, restOfProps = __objRest(_ha, [
1620
+ } = _ja, restOfProps = __objRest(_ja, [
1615
1621
  "className"
1616
1622
  ]);
1617
1623
  return /* @__PURE__ */ jsxRuntime.jsx("div", __spreadProps(__spreadValues({}, restOfProps), {
@@ -1620,10 +1626,10 @@ function IconContainer(_ga) {
1620
1626
  }), className)
1621
1627
  }));
1622
1628
  }
1623
- function ErrorMessage(_ia) {
1624
- var _ja = _ia, {
1629
+ function ErrorMessage(_ka) {
1630
+ var _la = _ka, {
1625
1631
  className
1626
- } = _ja, restOfProps = __objRest(_ja, [
1632
+ } = _la, restOfProps = __objRest(_la, [
1627
1633
  "className"
1628
1634
  ]);
1629
1635
  return /* @__PURE__ */ jsxRuntime.jsx("p", __spreadProps(__spreadValues({}, restOfProps), {