@makeswift/runtime 0.0.0-55b44ab → 0.0.0-7ccfb7a

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 (74) hide show
  1. package/dist/components.cjs.js +7209 -519
  2. package/dist/components.cjs.js.map +1 -1
  3. package/dist/components.es.js +7211 -523
  4. package/dist/components.es.js.map +1 -1
  5. package/dist/prop-controllers.cjs.js +10 -0
  6. package/dist/prop-controllers.cjs.js.map +1 -1
  7. package/dist/prop-controllers.es.js +10 -0
  8. package/dist/prop-controllers.es.js.map +1 -1
  9. package/dist/react-builder-preview.cjs.js +4 -4
  10. package/dist/react-builder-preview.cjs.js.map +1 -1
  11. package/dist/react-builder-preview.es.js +5 -5
  12. package/dist/react-builder-preview.es.js.map +1 -1
  13. package/dist/react.cjs.js +2 -0
  14. package/dist/react.cjs.js.map +1 -1
  15. package/dist/react.cjs2.js +53 -153
  16. package/dist/react.cjs2.js.map +1 -1
  17. package/dist/react.es.js +2 -1
  18. package/dist/react.es.js.map +1 -1
  19. package/dist/react.es2.js +37 -135
  20. package/dist/react.es2.js.map +1 -1
  21. package/dist/types/components/BackgroundsContainer/components/BackgroundVideo/index.d.ts +11 -0
  22. package/dist/types/components/BackgroundsContainer/components/BackgroundVideo/index.d.ts.map +1 -0
  23. package/dist/types/components/BackgroundsContainer/components/Backgrounds/index.d.ts +8 -0
  24. package/dist/types/components/BackgroundsContainer/components/Backgrounds/index.d.ts.map +1 -0
  25. package/dist/types/components/BackgroundsContainer/components/Parallax/index.d.ts +11 -0
  26. package/dist/types/components/BackgroundsContainer/components/Parallax/index.d.ts.map +1 -0
  27. package/dist/types/components/BackgroundsContainer/index.d.ts +11 -0
  28. package/dist/types/components/BackgroundsContainer/index.d.ts.map +1 -0
  29. package/dist/types/components/Box/Box.d.ts +4 -1
  30. package/dist/types/components/Box/Box.d.ts.map +1 -1
  31. package/dist/types/components/Image/Image.d.ts +25 -0
  32. package/dist/types/components/Image/Image.d.ts.map +1 -0
  33. package/dist/types/components/Image/index.d.ts +2 -0
  34. package/dist/types/components/Image/index.d.ts.map +1 -0
  35. package/dist/types/components/Root/Root.d.ts.map +1 -1
  36. package/dist/types/components/hooks/index.d.ts +4 -0
  37. package/dist/types/components/hooks/index.d.ts.map +1 -1
  38. package/dist/types/components/hooks/useBackgrounds.d.ts +59 -0
  39. package/dist/types/components/hooks/useBackgrounds.d.ts.map +1 -0
  40. package/dist/types/components/hooks/useBorder.d.ts +19 -0
  41. package/dist/types/components/hooks/useBorder.d.ts.map +1 -0
  42. package/dist/types/components/hooks/useBoxShadow.d.ts +19 -0
  43. package/dist/types/components/hooks/useBoxShadow.d.ts.map +1 -0
  44. package/dist/types/components/hooks/useFile.d.ts +13 -0
  45. package/dist/types/components/hooks/useFile.d.ts.map +1 -0
  46. package/dist/types/components/index.d.ts +1 -0
  47. package/dist/types/components/index.d.ts.map +1 -1
  48. package/dist/types/components/utils/colorToString.d.ts +3 -0
  49. package/dist/types/components/utils/colorToString.d.ts.map +1 -0
  50. package/dist/types/components/utils/cssMediaRules.d.ts +12 -0
  51. package/dist/types/components/utils/cssMediaRules.d.ts.map +1 -1
  52. package/dist/types/components/utils/isNonNullable.d.ts +2 -0
  53. package/dist/types/components/utils/isNonNullable.d.ts.map +1 -0
  54. package/dist/types/components/utils/placeholders.d.ts +10 -0
  55. package/dist/types/components/utils/placeholders.d.ts.map +1 -0
  56. package/dist/types/components/utils/queries.d.ts +4 -0
  57. package/dist/types/components/utils/queries.d.ts.map +1 -0
  58. package/dist/types/components/utils/types.d.ts +11 -0
  59. package/dist/types/components/utils/types.d.ts.map +1 -0
  60. package/dist/types/prop-controllers/descriptors.d.ts +37 -1
  61. package/dist/types/prop-controllers/descriptors.d.ts.map +1 -1
  62. package/dist/types/prop-controllers/index.d.ts +1 -1
  63. package/dist/types/prop-controllers/index.d.ts.map +1 -1
  64. package/dist/types/react.d.ts +1 -1
  65. package/dist/types/react.d.ts.map +1 -1
  66. package/dist/types/runtimes/react.d.ts +1 -0
  67. package/dist/types/runtimes/react.d.ts.map +1 -1
  68. package/dist/types/state/react-builder-preview.d.ts +11 -10
  69. package/dist/types/state/react-builder-preview.d.ts.map +1 -1
  70. package/dist/types/state/react-page.d.ts +2 -0
  71. package/dist/types/state/react-page.d.ts.map +1 -1
  72. package/dist/types/utils/clamp.d.ts +3 -0
  73. package/dist/types/utils/clamp.d.ts.map +1 -0
  74. package/package.json +18 -25
package/dist/react.cjs.js CHANGED
@@ -4,10 +4,12 @@ exports[Symbol.toStringTag] = "Module";
4
4
  var actions = require("./actions.cjs.js");
5
5
  var react = require("./react.cjs2.js");
6
6
  require("react");
7
+ require("react/jsx-runtime");
7
8
  exports.ActionTypes = actions.ActionTypes;
8
9
  exports.changeDocument = actions.changeDocument;
9
10
  exports.Document = react.Document;
10
11
  exports.Element = react.Element;
11
12
  exports.ReactRuntime = react.ReactRuntime;
12
13
  exports.RuntimeProvider = react.RuntimeProvider;
14
+ exports.useIsInBuilder = react.useIsInBuilder;
13
15
  //# sourceMappingURL=react.cjs.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"react.cjs.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;"}
1
+ {"version":3,"file":"react.cjs.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;"}
@@ -20,6 +20,7 @@ var __spreadValues = (a, b) => {
20
20
  var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
21
21
  var React = require("react");
22
22
  var actions = require("./actions.cjs.js");
23
+ var jsxRuntime = require("react/jsx-runtime");
23
24
  function _interopDefaultLegacy(e2) {
24
25
  return e2 && typeof e2 === "object" && "default" in e2 ? e2 : { "default": e2 };
25
26
  }
@@ -37,24 +38,24 @@ var useSyncExternalStoreShim_production_min = {};
37
38
  * LICENSE file in the root directory of this source tree.
38
39
  */
39
40
  var e = React__default["default"];
40
- function h$2(a, b) {
41
+ function h$1(a, b) {
41
42
  return a === b && (a !== 0 || 1 / a === 1 / b) || a !== a && b !== b;
42
43
  }
43
- var k = typeof Object.is === "function" ? Object.is : h$2, l = e.useState, m$1 = e.useEffect, n$2 = e.useLayoutEffect, p$2 = e.useDebugValue;
44
- function q$2(a, b) {
45
- var d = b(), f2 = l({ inst: { value: d, getSnapshot: b } }), c = f2[0].inst, g2 = f2[1];
46
- n$2(function() {
44
+ var k = typeof Object.is === "function" ? Object.is : h$1, l = e.useState, m = e.useEffect, n$1 = e.useLayoutEffect, p$1 = e.useDebugValue;
45
+ function q$1(a, b) {
46
+ var d = b(), f = l({ inst: { value: d, getSnapshot: b } }), c = f[0].inst, g = f[1];
47
+ n$1(function() {
47
48
  c.value = d;
48
49
  c.getSnapshot = b;
49
- r$1(c) && g2({ inst: c });
50
+ r$1(c) && g({ inst: c });
50
51
  }, [a, d, b]);
51
- m$1(function() {
52
- r$1(c) && g2({ inst: c });
52
+ m(function() {
53
+ r$1(c) && g({ inst: c });
53
54
  return a(function() {
54
- r$1(c) && g2({ inst: c });
55
+ r$1(c) && g({ inst: c });
55
56
  });
56
57
  }, [a]);
57
- p$2(d);
58
+ p$1(d);
58
59
  return d;
59
60
  }
60
61
  function r$1(a) {
@@ -63,14 +64,14 @@ function r$1(a) {
63
64
  try {
64
65
  var d = b();
65
66
  return !k(a, d);
66
- } catch (f2) {
67
+ } catch (f) {
67
68
  return true;
68
69
  }
69
70
  }
70
71
  function t$1(a, b) {
71
72
  return b();
72
73
  }
73
- var u$1 = typeof window === "undefined" || typeof window.document === "undefined" || typeof window.document.createElement === "undefined" ? t$1 : q$2;
74
+ var u$1 = typeof window === "undefined" || typeof window.document === "undefined" || typeof window.document.createElement === "undefined" ? t$1 : q$1;
74
75
  useSyncExternalStoreShim_production_min.useSyncExternalStore = e.useSyncExternalStore !== void 0 ? e.useSyncExternalStore : u$1;
75
76
  {
76
77
  shim.exports = useSyncExternalStoreShim_production_min;
@@ -83,36 +84,36 @@ useSyncExternalStoreShim_production_min.useSyncExternalStore = e.useSyncExternal
83
84
  * This source code is licensed under the MIT license found in the
84
85
  * LICENSE file in the root directory of this source tree.
85
86
  */
86
- var h$1 = React__default["default"], n$1 = shim.exports;
87
- function p$1(a, b) {
87
+ var h = React__default["default"], n = shim.exports;
88
+ function p(a, b) {
88
89
  return a === b && (a !== 0 || 1 / a === 1 / b) || a !== a && b !== b;
89
90
  }
90
- var q$1 = typeof Object.is === "function" ? Object.is : p$1, r = n$1.useSyncExternalStore, t = h$1.useRef, u = h$1.useEffect, v = h$1.useMemo, w = h$1.useDebugValue;
91
- withSelector_production_min.useSyncExternalStoreWithSelector = function(a, b, e2, l2, g2) {
91
+ var q = typeof Object.is === "function" ? Object.is : p, r = n.useSyncExternalStore, t = h.useRef, u = h.useEffect, v = h.useMemo, w = h.useDebugValue;
92
+ withSelector_production_min.useSyncExternalStoreWithSelector = function(a, b, e2, l2, g) {
92
93
  var c = t(null);
93
94
  if (c.current === null) {
94
- var f2 = { hasValue: false, value: null };
95
- c.current = f2;
95
+ var f = { hasValue: false, value: null };
96
+ c.current = f;
96
97
  } else
97
- f2 = c.current;
98
+ f = c.current;
98
99
  c = v(function() {
99
100
  function a2(a3) {
100
101
  if (!c2) {
101
102
  c2 = true;
102
103
  d2 = a3;
103
104
  a3 = l2(a3);
104
- if (g2 !== void 0 && f2.hasValue) {
105
- var b2 = f2.value;
106
- if (g2(b2, a3))
105
+ if (g !== void 0 && f.hasValue) {
106
+ var b2 = f.value;
107
+ if (g(b2, a3))
107
108
  return k2 = b2;
108
109
  }
109
110
  return k2 = a3;
110
111
  }
111
112
  b2 = k2;
112
- if (q$1(d2, a3))
113
+ if (q(d2, a3))
113
114
  return b2;
114
115
  var e3 = l2(a3);
115
- if (g2 !== void 0 && g2(b2, e3))
116
+ if (g !== void 0 && g(b2, e3))
116
117
  return b2;
117
118
  d2 = a3;
118
119
  return k2 = e3;
@@ -123,11 +124,11 @@ withSelector_production_min.useSyncExternalStoreWithSelector = function(a, b, e2
123
124
  }, m2 === null ? void 0 : function() {
124
125
  return a2(m2());
125
126
  }];
126
- }, [b, e2, l2, g2]);
127
+ }, [b, e2, l2, g]);
127
128
  var d = r(a, c[0], c[1]);
128
129
  u(function() {
129
- f2.hasValue = true;
130
- f2.value = d;
130
+ f.hasValue = true;
131
+ f.value = d;
131
132
  }, [d]);
132
133
  w(d);
133
134
  return d;
@@ -539,7 +540,8 @@ const reducer = combineReducers({
539
540
  documents: reducer$4,
540
541
  reactComponents: reducer$3,
541
542
  componentsMeta: reducer$2,
542
- propControllers: reducer$1
543
+ propControllers: reducer$1,
544
+ isInBuilder: (state = false, _action) => state
543
545
  });
544
546
  function getDocumentsStateSlice(state) {
545
547
  return state.documents;
@@ -553,118 +555,15 @@ function getReactComponentsStateSlice(state) {
553
555
  function getReactComponent(state, type) {
554
556
  return getReactComponent$1(getReactComponentsStateSlice(state), type);
555
557
  }
558
+ function getIsInBuilder(state) {
559
+ return state.isInBuilder;
560
+ }
556
561
  function configureStore({
557
562
  rootElements,
558
563
  preloadedState
559
564
  } = {}) {
560
565
  return createStore(reducer, __spreadProps(__spreadValues({}, preloadedState), { documents: getInitialState$3({ rootElements }) }), applyMiddleware(thunk$1));
561
566
  }
562
- var jsxRuntime = { exports: {} };
563
- var reactJsxRuntime_production_min = {};
564
- /*
565
- object-assign
566
- (c) Sindre Sorhus
567
- @license MIT
568
- */
569
- var getOwnPropertySymbols = Object.getOwnPropertySymbols;
570
- var hasOwnProperty = Object.prototype.hasOwnProperty;
571
- var propIsEnumerable = Object.prototype.propertyIsEnumerable;
572
- function toObject(val) {
573
- if (val === null || val === void 0) {
574
- throw new TypeError("Object.assign cannot be called with null or undefined");
575
- }
576
- return Object(val);
577
- }
578
- function shouldUseNative() {
579
- try {
580
- if (!Object.assign) {
581
- return false;
582
- }
583
- var test1 = new String("abc");
584
- test1[5] = "de";
585
- if (Object.getOwnPropertyNames(test1)[0] === "5") {
586
- return false;
587
- }
588
- var test2 = {};
589
- for (var i = 0; i < 10; i++) {
590
- test2["_" + String.fromCharCode(i)] = i;
591
- }
592
- var order2 = Object.getOwnPropertyNames(test2).map(function(n2) {
593
- return test2[n2];
594
- });
595
- if (order2.join("") !== "0123456789") {
596
- return false;
597
- }
598
- var test3 = {};
599
- "abcdefghijklmnopqrst".split("").forEach(function(letter) {
600
- test3[letter] = letter;
601
- });
602
- if (Object.keys(Object.assign({}, test3)).join("") !== "abcdefghijklmnopqrst") {
603
- return false;
604
- }
605
- return true;
606
- } catch (err) {
607
- return false;
608
- }
609
- }
610
- shouldUseNative() ? Object.assign : function(target, source) {
611
- var from;
612
- var to = toObject(target);
613
- var symbols;
614
- for (var s = 1; s < arguments.length; s++) {
615
- from = Object(arguments[s]);
616
- for (var key in from) {
617
- if (hasOwnProperty.call(from, key)) {
618
- to[key] = from[key];
619
- }
620
- }
621
- if (getOwnPropertySymbols) {
622
- symbols = getOwnPropertySymbols(from);
623
- for (var i = 0; i < symbols.length; i++) {
624
- if (propIsEnumerable.call(from, symbols[i])) {
625
- to[symbols[i]] = from[symbols[i]];
626
- }
627
- }
628
- }
629
- }
630
- return to;
631
- };
632
- /** @license React v17.0.2
633
- * react-jsx-runtime.production.min.js
634
- *
635
- * Copyright (c) Facebook, Inc. and its affiliates.
636
- *
637
- * This source code is licensed under the MIT license found in the
638
- * LICENSE file in the root directory of this source tree.
639
- */
640
- var f = React__default["default"], g = 60103;
641
- reactJsxRuntime_production_min.Fragment = 60107;
642
- if (typeof Symbol === "function" && Symbol.for) {
643
- var h = Symbol.for;
644
- g = h("react.element");
645
- reactJsxRuntime_production_min.Fragment = h("react.fragment");
646
- }
647
- var m = f.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, n = Object.prototype.hasOwnProperty, p = { key: true, ref: true, __self: true, __source: true };
648
- function q(c, a, k2) {
649
- var b, d = {}, e2 = null, l2 = null;
650
- k2 !== void 0 && (e2 = "" + k2);
651
- a.key !== void 0 && (e2 = "" + a.key);
652
- a.ref !== void 0 && (l2 = a.ref);
653
- for (b in a)
654
- n.call(a, b) && !p.hasOwnProperty(b) && (d[b] = a[b]);
655
- if (c && c.defaultProps)
656
- for (b in a = c.defaultProps, a)
657
- d[b] === void 0 && (d[b] = a[b]);
658
- return { $$typeof: g, type: c, key: e2, ref: l2, props: d, _owner: m.current };
659
- }
660
- reactJsxRuntime_production_min.jsx = q;
661
- reactJsxRuntime_production_min.jsxs = q;
662
- {
663
- jsxRuntime.exports = reactJsxRuntime_production_min;
664
- }
665
- const jsx = jsxRuntime.exports.jsx;
666
- const jsxs = jsxRuntime.exports.jsxs;
667
- const Fragment = jsxRuntime.exports.Fragment;
668
567
  const contextDefaultValue = configureStore();
669
568
  const ReactRuntime = {
670
569
  registerComponent(component, {
@@ -721,7 +620,7 @@ function RuntimeProvider({
721
620
  return store2.dispatch(ReactBuilderPreview.initialize());
722
621
  }
723
622
  }, []);
724
- return /* @__PURE__ */ jsx(Context.Provider, {
623
+ return /* @__PURE__ */ jsxRuntime.jsx(Context.Provider, {
725
624
  value: store,
726
625
  children
727
626
  });
@@ -736,6 +635,9 @@ function useComponent(type) {
736
635
  function useDocumentRootElement(documentKey) {
737
636
  return useSelector((state) => getDocumentRootElement(state, documentKey));
738
637
  }
638
+ function useIsInBuilder() {
639
+ return useSelector((state) => getIsInBuilder(state));
640
+ }
739
641
  function useDispatch() {
740
642
  const store = React.useContext(Context);
741
643
  return store.dispatch;
@@ -745,12 +647,12 @@ const ElementData = React.memo(React.forwardRef(function ElementData2({
745
647
  }, ref) {
746
648
  const Component = useComponent(elementData.type);
747
649
  if (Component == null) {
748
- return /* @__PURE__ */ jsxs("div", {
650
+ return /* @__PURE__ */ jsxRuntime.jsxs("div", {
749
651
  ref,
750
- children: [/* @__PURE__ */ jsx("p", {
652
+ children: [/* @__PURE__ */ jsxRuntime.jsx("p", {
751
653
  children: "Component Not Found"
752
- }), /* @__PURE__ */ jsx("pre", {
753
- children: /* @__PURE__ */ jsx("code", {
654
+ }), /* @__PURE__ */ jsxRuntime.jsx("pre", {
655
+ children: /* @__PURE__ */ jsxRuntime.jsx("code", {
754
656
  children: JSON.stringify(elementData, null, 2)
755
657
  })
756
658
  })]
@@ -764,12 +666,12 @@ const ElementData = React.memo(React.forwardRef(function ElementData2({
764
666
  const ElementReference = React.memo(React.forwardRef(function ElementReference2({
765
667
  elementReference
766
668
  }, ref) {
767
- return /* @__PURE__ */ jsxs("div", {
669
+ return /* @__PURE__ */ jsxRuntime.jsxs("div", {
768
670
  ref,
769
- children: [/* @__PURE__ */ jsx("p", {
671
+ children: [/* @__PURE__ */ jsxRuntime.jsx("p", {
770
672
  children: "Not Implemented"
771
- }), /* @__PURE__ */ jsx("pre", {
772
- children: /* @__PURE__ */ jsx("code", {
673
+ }), /* @__PURE__ */ jsxRuntime.jsx("pre", {
674
+ children: /* @__PURE__ */ jsxRuntime.jsx("code", {
773
675
  children: JSON.stringify(elementReference, null, 2)
774
676
  })
775
677
  })]
@@ -784,10 +686,10 @@ const Element = React.memo(function Element2({
784
686
  dispatch(actions.changeComponentHandle(elementKey, handle));
785
687
  }, [dispatch, elementKey]);
786
688
  React.useEffect(() => dispatch(actions.mountComponentEffect(elementKey)), [dispatch, elementKey]);
787
- return isElementReference(element) ? /* @__PURE__ */ jsx(ElementReference, {
689
+ return isElementReference(element) ? /* @__PURE__ */ jsxRuntime.jsx(ElementReference, {
788
690
  ref,
789
691
  elementReference: element
790
- }, elementKey) : /* @__PURE__ */ jsx(ElementData, {
692
+ }, elementKey) : /* @__PURE__ */ jsxRuntime.jsx(ElementData, {
791
693
  ref,
792
694
  elementData: element
793
695
  }, elementKey);
@@ -797,11 +699,11 @@ const Document = React.memo(function Document2({
797
699
  }) {
798
700
  const documentRootElement = useDocumentRootElement(documentKey);
799
701
  if (documentRootElement == null) {
800
- return /* @__PURE__ */ jsxs("div", {
801
- children: [/* @__PURE__ */ jsx("p", {
702
+ return /* @__PURE__ */ jsxRuntime.jsxs("div", {
703
+ children: [/* @__PURE__ */ jsxRuntime.jsx("p", {
802
704
  children: "Document Not Found"
803
- }), /* @__PURE__ */ jsx("pre", {
804
- children: /* @__PURE__ */ jsx("code", {
705
+ }), /* @__PURE__ */ jsxRuntime.jsx("pre", {
706
+ children: /* @__PURE__ */ jsxRuntime.jsx("code", {
805
707
  children: JSON.stringify({
806
708
  documentKey
807
709
  }, null, 2)
@@ -809,13 +711,12 @@ const Document = React.memo(function Document2({
809
711
  })]
810
712
  });
811
713
  }
812
- return /* @__PURE__ */ jsx(Element, {
714
+ return /* @__PURE__ */ jsxRuntime.jsx(Element, {
813
715
  element: documentRootElement
814
716
  });
815
717
  });
816
718
  exports.Document = Document;
817
719
  exports.Element = Element;
818
- exports.Fragment = Fragment;
819
720
  exports.ReactRuntime = ReactRuntime;
820
721
  exports.RuntimeProvider = RuntimeProvider;
821
722
  exports.applyMiddleware = applyMiddleware;
@@ -826,10 +727,9 @@ exports.getComponentPropControllerDescriptors = getComponentPropControllerDescri
826
727
  exports.getComponentsMeta = getComponentsMeta;
827
728
  exports.getDocumentRootElement = getDocumentRootElement$1;
828
729
  exports.getInitialState = getInitialState$3;
829
- exports.jsx = jsx;
830
- exports.jsxs = jsxs;
831
730
  exports.reducer = reducer$3;
832
731
  exports.reducer$1 = reducer$2;
833
732
  exports.reducer$2 = reducer$1;
834
733
  exports.thunk = thunk$1;
734
+ exports.useIsInBuilder = useIsInBuilder;
835
735
  //# sourceMappingURL=react.cjs2.js.map