@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.es.js CHANGED
@@ -47,10 +47,11 @@ import "redux-thunk";
47
47
  import "./actions.es.js";
48
48
  import "./slot.es.js";
49
49
  import "./control.es.js";
50
+ import "@emotion/serialize";
51
+ import "@emotion/utils";
50
52
  import "./text-input.es.js";
51
53
  import "./combobox.es.js";
52
54
  import "use-sync-external-store/shim";
53
- import "slate";
54
55
  import "./types.es.js";
55
56
  import "scroll-into-view-if-needed";
56
57
  import "react-dom";
@@ -771,25 +772,30 @@ function getCheckmarkColor({
771
772
  l
772
773
  }).alpha(a).isLight() ? "rgba(0, 0, 0, 0.7)" : "rgba(255, 255, 255, 0.95)";
773
774
  }
774
- function Container$1({
775
- size
776
- }) {
777
- return /* @__PURE__ */ jsx("div", {
775
+ function Container$1(_y) {
776
+ var _z = _y, {
777
+ size,
778
+ className
779
+ } = _z, restOfProps = __objRest(_z, [
780
+ "size",
781
+ "className"
782
+ ]);
783
+ return /* @__PURE__ */ jsx("div", __spreadProps(__spreadValues({}, restOfProps), {
778
784
  className: cx(useStyle({
779
785
  position: "relative"
780
786
  }), useStyle(responsiveStyle([size], ([size2 = Sizes.MEDIUM]) => ({
781
787
  height: getSizeHeight(size2),
782
788
  width: getSizeHeight(size2)
783
- }))))
784
- });
789
+ }))), className)
790
+ }));
785
791
  }
786
792
  const FAKE_RADIO_BUTTON_CLASS_NAME = "fake-radio-button";
787
- function FakeRadioButton(_y) {
788
- var _z = _y, {
793
+ function FakeRadioButton(_A) {
794
+ var _B = _A, {
789
795
  className,
790
796
  contrast,
791
797
  error
792
- } = _z, restOfProps = __objRest(_z, [
798
+ } = _B, restOfProps = __objRest(_B, [
793
799
  "className",
794
800
  "contrast",
795
801
  "error"
@@ -809,13 +815,13 @@ function FakeRadioButton(_y) {
809
815
  }))), className)
810
816
  }));
811
817
  }
812
- const HiddenRadioButton = forwardRef(function HiddenRadioButton2(_A, ref) {
813
- var _B = _A, {
818
+ const HiddenRadioButton = forwardRef(function HiddenRadioButton2(_C, ref) {
819
+ var _D = _C, {
814
820
  className,
815
821
  brandColor,
816
822
  contrast,
817
823
  error
818
- } = _B, restOfProps = __objRest(_B, [
824
+ } = _D, restOfProps = __objRest(_D, [
819
825
  "className",
820
826
  "brandColor",
821
827
  "contrast",
@@ -888,13 +894,13 @@ const HiddenRadioButton = forwardRef(function HiddenRadioButton2(_A, ref) {
888
894
  ref
889
895
  }));
890
896
  });
891
- var RadioButton = forwardRef(function RadioButton2(_C, ref) {
892
- var _D = _C, {
897
+ var RadioButton = forwardRef(function RadioButton2(_E, ref) {
898
+ var _F = _E, {
893
899
  error,
894
900
  className,
895
901
  style,
896
902
  form
897
- } = _D, restOfProps = __objRest(_D, [
903
+ } = _F, restOfProps = __objRest(_F, [
898
904
  "error",
899
905
  "className",
900
906
  "style",
@@ -920,10 +926,10 @@ var RadioButton = forwardRef(function RadioButton2(_C, ref) {
920
926
  })]
921
927
  });
922
928
  });
923
- function StyledLabel(_E) {
924
- var _F = _E, {
929
+ function StyledLabel(_G) {
930
+ var _H = _G, {
925
931
  className
926
- } = _F, restOfProps = __objRest(_F, [
932
+ } = _H, restOfProps = __objRest(_H, [
927
933
  "className"
928
934
  ]);
929
935
  return /* @__PURE__ */ jsx(Label$1, __spreadProps(__spreadValues({}, restOfProps), {
@@ -937,10 +943,10 @@ function StyledLabel(_E) {
937
943
  }), className)
938
944
  }));
939
945
  }
940
- function RadioButtonContainer(_G) {
941
- var _H = _G, {
946
+ function RadioButtonContainer(_I) {
947
+ var _J = _I, {
942
948
  className
943
- } = _H, restOfProps = __objRest(_H, [
949
+ } = _J, restOfProps = __objRest(_J, [
944
950
  "className"
945
951
  ]);
946
952
  return /* @__PURE__ */ jsx("span", __spreadProps(__spreadValues({}, restOfProps), {
@@ -949,15 +955,15 @@ function RadioButtonContainer(_G) {
949
955
  }), className)
950
956
  }));
951
957
  }
952
- var TableColumnRadioButtonGroup = forwardRef(function TableColumnRadioButtonGroup2(_I, ref) {
953
- var _J = _I, {
958
+ var TableColumnRadioButtonGroup = forwardRef(function TableColumnRadioButtonGroup2(_K, ref) {
959
+ var _L = _K, {
954
960
  tableColumn,
955
961
  label = "",
956
962
  value = "",
957
963
  required = false,
958
964
  hideLabel = false,
959
965
  onChange
960
- } = _J, restOfProps = __objRest(_J, [
966
+ } = _L, restOfProps = __objRest(_L, [
961
967
  "tableColumn",
962
968
  "label",
963
969
  "value",
@@ -994,15 +1000,15 @@ var TableColumnRadioButtonGroup = forwardRef(function TableColumnRadioButtonGrou
994
1000
  }, option.id))]
995
1001
  });
996
1002
  });
997
- function Container(_K) {
998
- var _L = _K, {
1003
+ function Container(_M) {
1004
+ var _N = _M, {
999
1005
  shape,
1000
1006
  size,
1001
1007
  contrast,
1002
1008
  brandColor,
1003
1009
  error,
1004
1010
  className
1005
- } = _L, restOfProps = __objRest(_L, [
1011
+ } = _N, restOfProps = __objRest(_N, [
1006
1012
  "shape",
1007
1013
  "size",
1008
1014
  "contrast",
@@ -1041,10 +1047,10 @@ function Container(_K) {
1041
1047
  })))), className)
1042
1048
  }));
1043
1049
  }
1044
- const Select = forwardRef(function Select2(_M, ref) {
1045
- var _N = _M, {
1050
+ const Select = forwardRef(function Select2(_O, ref) {
1051
+ var _P = _O, {
1046
1052
  className
1047
- } = _N, restOfProps = __objRest(_N, [
1053
+ } = _P, restOfProps = __objRest(_P, [
1048
1054
  "className"
1049
1055
  ]);
1050
1056
  return /* @__PURE__ */ jsx("select", __spreadProps(__spreadValues({}, restOfProps), {
@@ -1060,8 +1066,8 @@ const Select = forwardRef(function Select2(_M, ref) {
1060
1066
  }), className)
1061
1067
  }));
1062
1068
  });
1063
- var TableColumnSingleSelect = forwardRef(function TableColumnSingleSelect2(_O, ref) {
1064
- var _P = _O, {
1069
+ var TableColumnSingleSelect = forwardRef(function TableColumnSingleSelect2(_Q, ref) {
1070
+ var _R = _Q, {
1065
1071
  id,
1066
1072
  tableColumn,
1067
1073
  value = "",
@@ -1069,7 +1075,7 @@ var TableColumnSingleSelect = forwardRef(function TableColumnSingleSelect2(_O, r
1069
1075
  error = false,
1070
1076
  hideLabel = false,
1071
1077
  form
1072
- } = _P, restOfProps = __objRest(_P, [
1078
+ } = _R, restOfProps = __objRest(_R, [
1073
1079
  "id",
1074
1080
  "tableColumn",
1075
1081
  "value",
@@ -1112,10 +1118,10 @@ var TableColumnSingleSelect = forwardRef(function TableColumnSingleSelect2(_O, r
1112
1118
  })]
1113
1119
  });
1114
1120
  });
1115
- var SingleSelectTableField = forwardRef(function SingleSelectTableField2(_Q, ref) {
1116
- var _R = _Q, {
1121
+ var SingleSelectTableField = forwardRef(function SingleSelectTableField2(_S, ref) {
1122
+ var _T = _S, {
1117
1123
  type
1118
- } = _R, restOfProps = __objRest(_R, [
1124
+ } = _T, restOfProps = __objRest(_T, [
1119
1125
  "type"
1120
1126
  ]);
1121
1127
  return type === "select" ? /* @__PURE__ */ jsx(TableColumnSingleSelect, __spreadProps(__spreadValues({}, restOfProps), {
@@ -1124,15 +1130,15 @@ var SingleSelectTableField = forwardRef(function SingleSelectTableField2(_Q, ref
1124
1130
  ref
1125
1131
  }));
1126
1132
  });
1127
- var PhoneNumberTableField = forwardRef(function PhoneNumberTableField2(_S, ref) {
1128
- var _T = _S, {
1133
+ var PhoneNumberTableField = forwardRef(function PhoneNumberTableField2(_U, ref) {
1134
+ var _V = _U, {
1129
1135
  id,
1130
1136
  label = "",
1131
1137
  name,
1132
1138
  error,
1133
1139
  hideLabel = false,
1134
1140
  tableColumn
1135
- } = _T, restOfProps = __objRest(_T, [
1141
+ } = _V, restOfProps = __objRest(_V, [
1136
1142
  "id",
1137
1143
  "label",
1138
1144
  "name",
@@ -1154,15 +1160,15 @@ var PhoneNumberTableField = forwardRef(function PhoneNumberTableField2(_S, ref)
1154
1160
  }))]
1155
1161
  });
1156
1162
  });
1157
- var EmailTableField = forwardRef(function EmailTableField2(_U, ref) {
1158
- var _V = _U, {
1163
+ var EmailTableField = forwardRef(function EmailTableField2(_W, ref) {
1164
+ var _X = _W, {
1159
1165
  id,
1160
1166
  label = "",
1161
1167
  name,
1162
1168
  error,
1163
1169
  hideLabel = false,
1164
1170
  tableColumn
1165
- } = _V, restOfProps = __objRest(_V, [
1171
+ } = _X, restOfProps = __objRest(_X, [
1166
1172
  "id",
1167
1173
  "label",
1168
1174
  "name",
@@ -1184,15 +1190,15 @@ var EmailTableField = forwardRef(function EmailTableField2(_U, ref) {
1184
1190
  }))]
1185
1191
  });
1186
1192
  });
1187
- var URLTableField = forwardRef(function URLTableField2(_W, ref) {
1188
- var _X = _W, {
1193
+ var URLTableField = forwardRef(function URLTableField2(_Y, ref) {
1194
+ var _Z = _Y, {
1189
1195
  id,
1190
1196
  label = "",
1191
1197
  name,
1192
1198
  error,
1193
1199
  hideLabel = false,
1194
1200
  tableColumn
1195
- } = _X, restOfProps = __objRest(_X, [
1201
+ } = _Z, restOfProps = __objRest(_Z, [
1196
1202
  "id",
1197
1203
  "label",
1198
1204
  "name",
@@ -1214,15 +1220,15 @@ var URLTableField = forwardRef(function URLTableField2(_W, ref) {
1214
1220
  }))]
1215
1221
  });
1216
1222
  });
1217
- var NumberTableField = forwardRef(function NumberTableField2(_Y, ref) {
1218
- var _Z = _Y, {
1223
+ var NumberTableField = forwardRef(function NumberTableField2(__, ref) {
1224
+ var _$ = __, {
1219
1225
  id,
1220
1226
  label = "",
1221
1227
  name,
1222
1228
  error,
1223
1229
  hideLabel = false,
1224
1230
  tableColumn
1225
- } = _Z, restOfProps = __objRest(_Z, [
1231
+ } = _$, restOfProps = __objRest(_$, [
1226
1232
  "id",
1227
1233
  "label",
1228
1234
  "name",
@@ -1486,11 +1492,11 @@ function getSizeFontSize(size) {
1486
1492
  throw new Error(`Invalid form size "${size}"`);
1487
1493
  }
1488
1494
  }
1489
- const GridForm = forwardRef(function GridFrom(__, ref) {
1490
- var _$ = __, {
1495
+ const GridForm = forwardRef(function GridFrom(_aa, ref) {
1496
+ var _ba = _aa, {
1491
1497
  className,
1492
1498
  size
1493
- } = _$, restOfProps = __objRest(_$, [
1499
+ } = _ba, restOfProps = __objRest(_ba, [
1494
1500
  "className",
1495
1501
  "size"
1496
1502
  ]);
@@ -1505,14 +1511,14 @@ const GridForm = forwardRef(function GridFrom(__, ref) {
1505
1511
  }))), className)
1506
1512
  }));
1507
1513
  });
1508
- const GridItem = forwardRef(function GridItem2(_aa, ref) {
1509
- var _ba = _aa, {
1514
+ const GridItem = forwardRef(function GridItem2(_ca, ref) {
1515
+ var _da = _ca, {
1510
1516
  className,
1511
1517
  grid,
1512
1518
  index,
1513
1519
  rowGap,
1514
1520
  columnGap
1515
- } = _ba, restOfProps = __objRest(_ba, [
1521
+ } = _da, restOfProps = __objRest(_da, [
1516
1522
  "className",
1517
1523
  "grid",
1518
1524
  "index",
@@ -1542,12 +1548,12 @@ function getAlignmentMargin(alignment) {
1542
1548
  return "0 auto";
1543
1549
  }
1544
1550
  }
1545
- function StyledButton(_ca) {
1546
- var _da = _ca, {
1551
+ function StyledButton(_ea) {
1552
+ var _fa = _ea, {
1547
1553
  className,
1548
1554
  size,
1549
1555
  alignment
1550
- } = _da, restOfProps = __objRest(_da, [
1556
+ } = _fa, restOfProps = __objRest(_fa, [
1551
1557
  "className",
1552
1558
  "size",
1553
1559
  "alignment"
@@ -1567,10 +1573,10 @@ function StyledButton(_ca) {
1567
1573
  }))), className)
1568
1574
  }));
1569
1575
  }
1570
- function ErrorContainer(_ea) {
1571
- var _fa = _ea, {
1576
+ function ErrorContainer(_ga) {
1577
+ var _ha = _ga, {
1572
1578
  className
1573
- } = _fa, restOfProps = __objRest(_fa, [
1579
+ } = _ha, restOfProps = __objRest(_ha, [
1574
1580
  "className"
1575
1581
  ]);
1576
1582
  return /* @__PURE__ */ jsx("div", __spreadProps(__spreadValues({}, restOfProps), {
@@ -1582,10 +1588,10 @@ function ErrorContainer(_ea) {
1582
1588
  }), className)
1583
1589
  }));
1584
1590
  }
1585
- function IconContainer(_ga) {
1586
- var _ha = _ga, {
1591
+ function IconContainer(_ia) {
1592
+ var _ja = _ia, {
1587
1593
  className
1588
- } = _ha, restOfProps = __objRest(_ha, [
1594
+ } = _ja, restOfProps = __objRest(_ja, [
1589
1595
  "className"
1590
1596
  ]);
1591
1597
  return /* @__PURE__ */ jsx("div", __spreadProps(__spreadValues({}, restOfProps), {
@@ -1594,10 +1600,10 @@ function IconContainer(_ga) {
1594
1600
  }), className)
1595
1601
  }));
1596
1602
  }
1597
- function ErrorMessage(_ia) {
1598
- var _ja = _ia, {
1603
+ function ErrorMessage(_ka) {
1604
+ var _la = _ka, {
1599
1605
  className
1600
- } = _ja, restOfProps = __objRest(_ja, [
1606
+ } = _la, restOfProps = __objRest(_la, [
1601
1607
  "className"
1602
1608
  ]);
1603
1609
  return /* @__PURE__ */ jsx("p", __spreadProps(__spreadValues({}, restOfProps), {