@makeswift/runtime 0.0.0-a8dd080 → 0.0.0-e76fc43

package/dist/react.es2.js

@@ -17,8 +17,10 @@ var __spreadValues = (a, b) => {
   return a;
 };
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-import React__default, { createContext, memo, forwardRef, createElement, useCallback, useEffect, useState, useContext } from "react";
-import { A as ActionTypes$1, b as changeComponentHandle, m as mountComponentEffect, r as registerComponentEffect, d as registerReactComponentEffect } from "./actions.es.js";
+import React__default, { createContext, memo, forwardRef, createElement, useContext, useState, useEffect } from "react";
+import { A as ActionTypes$1, r as registerComponentHandleEffect, b as mountComponentEffect, d as registerComponentEffect, e as registerReactComponentEffect } from "./actions.es.js";
+import { T as Types } from "./descriptors.es.js";
+import { jsxs, jsx } from "react/jsx-runtime";
 var withSelector = { exports: {} };
 var withSelector_production_min = {};
 var shim = { exports: {} };
@@ -32,24 +34,24 @@ var useSyncExternalStoreShim_production_min = {};
  * LICENSE file in the root directory of this source tree.
  */
 var e = React__default;
-function h$2(a, b) {
+function h$1(a, b) {
   return a === b && (a !== 0 || 1 / a === 1 / b) || a !== a && b !== b;
 }
-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;
-function q$2(a, b) {
-  var d = b(), f2 = l({ inst: { value: d, getSnapshot: b } }), c = f2[0].inst, g2 = f2[1];
-  n$2(function() {
+var k = typeof Object.is === "function" ? Object.is : h$1, l = e.useState, m = e.useEffect, n$1 = e.useLayoutEffect, p$1 = e.useDebugValue;
+function q$1(a, b) {
+  var d = b(), f = l({ inst: { value: d, getSnapshot: b } }), c = f[0].inst, g = f[1];
+  n$1(function() {
     c.value = d;
     c.getSnapshot = b;
-    r$1(c) && g2({ inst: c });
+    r$1(c) && g({ inst: c });
   }, [a, d, b]);
-  m$1(function() {
-    r$1(c) && g2({ inst: c });
+  m(function() {
+    r$1(c) && g({ inst: c });
     return a(function() {
-      r$1(c) && g2({ inst: c });
+      r$1(c) && g({ inst: c });
     });
   }, [a]);
-  p$2(d);
+  p$1(d);
   return d;
 }
 function r$1(a) {
@@ -58,14 +60,14 @@ function r$1(a) {
   try {
     var d = b();
     return !k(a, d);
-  } catch (f2) {
+  } catch (f) {
     return true;
   }
 }
 function t$1(a, b) {
   return b();
 }
-var u$1 = typeof window === "undefined" || typeof window.document === "undefined" || typeof window.document.createElement === "undefined" ? t$1 : q$2;
+var u$1 = typeof window === "undefined" || typeof window.document === "undefined" || typeof window.document.createElement === "undefined" ? t$1 : q$1;
 useSyncExternalStoreShim_production_min.useSyncExternalStore = e.useSyncExternalStore !== void 0 ? e.useSyncExternalStore : u$1;
 {
   shim.exports = useSyncExternalStoreShim_production_min;
@@ -78,36 +80,36 @@ useSyncExternalStoreShim_production_min.useSyncExternalStore = e.useSyncExternal
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var h$1 = React__default, n$1 = shim.exports;
-function p$1(a, b) {
+var h = React__default, n = shim.exports;
+function p(a, b) {
   return a === b && (a !== 0 || 1 / a === 1 / b) || a !== a && b !== b;
 }
-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;
-withSelector_production_min.useSyncExternalStoreWithSelector = function(a, b, e2, l2, g2) {
+var q = typeof Object.is === "function" ? Object.is : p, r = n.useSyncExternalStore, t = h.useRef, u = h.useEffect, v = h.useMemo, w = h.useDebugValue;
+withSelector_production_min.useSyncExternalStoreWithSelector = function(a, b, e2, l2, g) {
   var c = t(null);
   if (c.current === null) {
-    var f2 = { hasValue: false, value: null };
-    c.current = f2;
+    var f = { hasValue: false, value: null };
+    c.current = f;
   } else
-    f2 = c.current;
+    f = c.current;
   c = v(function() {
     function a2(a3) {
       if (!c2) {
         c2 = true;
         d2 = a3;
         a3 = l2(a3);
-        if (g2 !== void 0 && f2.hasValue) {
-          var b2 = f2.value;
-          if (g2(b2, a3))
+        if (g !== void 0 && f.hasValue) {
+          var b2 = f.value;
+          if (g(b2, a3))
             return k2 = b2;
         }
         return k2 = a3;
       }
       b2 = k2;
-      if (q$1(d2, a3))
+      if (q(d2, a3))
         return b2;
       var e3 = l2(a3);
-      if (g2 !== void 0 && g2(b2, e3))
+      if (g !== void 0 && g(b2, e3))
         return b2;
       d2 = a3;
       return k2 = e3;
@@ -118,11 +120,11 @@ withSelector_production_min.useSyncExternalStoreWithSelector = function(a, b, e2
     }, m2 === null ? void 0 : function() {
       return a2(m2());
     }];
-  }, [b, e2, l2, g2]);
+  }, [b, e2, l2, g]);
   var d = r(a, c[0], c[1]);
   u(function() {
-    f2.hasValue = true;
-    f2.value = d;
+    f.hasValue = true;
+    f.value = d;
   }, [d]);
   w(d);
   return d;
@@ -510,12 +512,12 @@ function getInitialState({
 } = {}) {
   return propControllerDescriptors;
 }
-function getPropControllerDescriptors(state) {
+function getPropControllerDescriptors$1(state) {
   return state;
 }
-function getComponentPropControllerDescriptors(state, componentType) {
+function getComponentPropControllerDescriptors$1(state, componentType) {
   var _a;
-  return (_a = getPropControllerDescriptors(state).get(componentType)) != null ? _a : null;
+  return (_a = getPropControllerDescriptors$1(state).get(componentType)) != null ? _a : null;
 }
 function reducer$1(state = getInitialState(), action) {
   switch (action.type) {
@@ -530,11 +532,32 @@ function reducer$1(state = getInitialState(), action) {
       return state;
   }
 }
+function getElementChildren(descriptor, prop) {
+  if (prop == null)
+    return [];
+  switch (descriptor.type) {
+    case Types.Grid:
+      return prop.elements;
+    default:
+      return [];
+  }
+}
+function getElementId$1(descriptor, prop) {
+  if (prop == null)
+    return null;
+  switch (descriptor.type) {
+    case Types.ElementID:
+      return prop;
+    default:
+      return null;
+  }
+}
 const reducer = combineReducers({
   documents: reducer$4,
   reactComponents: reducer$3,
   componentsMeta: reducer$2,
-  propControllers: reducer$1
+  propControllers: reducer$1,
+  isInBuilder: (_state = false, _action) => false
 });
 function getDocumentsStateSlice(state) {
   return state.documents;
@@ -548,118 +571,74 @@ function getReactComponentsStateSlice(state) {
 function getReactComponent(state, type) {
   return getReactComponent$1(getReactComponentsStateSlice(state), type);
 }
+function getPropControllersStateSlice(state) {
+  return state.propControllers;
+}
+function getPropControllerDescriptors(state) {
+  return getPropControllerDescriptors$1(getPropControllersStateSlice(state));
+}
+function getComponentPropControllerDescriptors(state, componentType) {
+  return getComponentPropControllerDescriptors$1(getPropControllersStateSlice(state), componentType);
+}
+function normalizeElement(element, descriptors) {
+  const elements = /* @__PURE__ */ new Map();
+  const remaining = [element];
+  let current;
+  while (current = remaining.pop()) {
+    elements.set(current.key, current);
+    if (isElementReference(current))
+      continue;
+    const elementDescriptors = descriptors.get(element.type);
+    if (elementDescriptors == null)
+      continue;
+    const parent = current;
+    const children = Object.entries(elementDescriptors).reduce((acc, [propName, descriptor]) => {
+      return [...acc, ...getElementChildren(descriptor, parent.props[propName])];
+    }, []);
+    remaining.push(...children);
+  }
+  return elements;
+}
+function getDocumentElements(state, documentKey) {
+  const rootElement = getDocumentRootElement(state, documentKey);
+  const descriptors = getPropControllerDescriptors(state);
+  if (rootElement == null)
+    return /* @__PURE__ */ new Map();
+  return normalizeElement(rootElement, descriptors);
+}
+function getElement(state, documentKey, elementKey) {
+  var _a;
+  return (_a = getDocumentElements(state, documentKey).get(elementKey)) != null ? _a : null;
+}
+function getElementPropControllerDescriptors(state, documentKey, elementKey) {
+  const element = getElement(state, documentKey, elementKey);
+  if (element == null || isElementReference(element))
+    return null;
+  return getComponentPropControllerDescriptors(state, element.type);
+}
+function getElementId(state, documentKey, elementKey) {
+  const element = getElement(state, documentKey, elementKey);
+  if (element == null || isElementReference(element))
+    return null;
+  const descriptors = getComponentPropControllerDescriptors(state, element.type);
+  if (descriptors == null)
+    return null;
+  const elementId = Object.entries(descriptors).reduce((acc, [propName, descriptor]) => {
+    if (acc != null)
+      return acc;
+    return getElementId$1(descriptor, element.props[propName]);
+  }, null);
+  return elementId;
+}
+function getIsInBuilder(state) {
+  return state.isInBuilder;
+}
 function configureStore({
   rootElements,
   preloadedState
 } = {}) {
   return createStore(reducer, __spreadProps(__spreadValues({}, preloadedState), { documents: getInitialState$3({ rootElements }) }), applyMiddleware(thunk$1));
 }
-var jsxRuntime = { exports: {} };
-var reactJsxRuntime_production_min = {};
-/*
-object-assign
-(c) Sindre Sorhus
-@license MIT
-*/
-var getOwnPropertySymbols = Object.getOwnPropertySymbols;
-var hasOwnProperty = Object.prototype.hasOwnProperty;
-var propIsEnumerable = Object.prototype.propertyIsEnumerable;
-function toObject(val) {
-  if (val === null || val === void 0) {
-    throw new TypeError("Object.assign cannot be called with null or undefined");
-  }
-  return Object(val);
-}
-function shouldUseNative() {
-  try {
-    if (!Object.assign) {
-      return false;
-    }
-    var test1 = new String("abc");
-    test1[5] = "de";
-    if (Object.getOwnPropertyNames(test1)[0] === "5") {
-      return false;
-    }
-    var test2 = {};
-    for (var i = 0; i < 10; i++) {
-      test2["_" + String.fromCharCode(i)] = i;
-    }
-    var order2 = Object.getOwnPropertyNames(test2).map(function(n2) {
-      return test2[n2];
-    });
-    if (order2.join("") !== "0123456789") {
-      return false;
-    }
-    var test3 = {};
-    "abcdefghijklmnopqrst".split("").forEach(function(letter) {
-      test3[letter] = letter;
-    });
-    if (Object.keys(Object.assign({}, test3)).join("") !== "abcdefghijklmnopqrst") {
-      return false;
-    }
-    return true;
-  } catch (err) {
-    return false;
-  }
-}
-shouldUseNative() ? Object.assign : function(target, source) {
-  var from;
-  var to = toObject(target);
-  var symbols;
-  for (var s = 1; s < arguments.length; s++) {
-    from = Object(arguments[s]);
-    for (var key in from) {
-      if (hasOwnProperty.call(from, key)) {
-        to[key] = from[key];
-      }
-    }
-    if (getOwnPropertySymbols) {
-      symbols = getOwnPropertySymbols(from);
-      for (var i = 0; i < symbols.length; i++) {
-        if (propIsEnumerable.call(from, symbols[i])) {
-          to[symbols[i]] = from[symbols[i]];
-        }
-      }
-    }
-  }
-  return to;
-};
-/** @license React v17.0.2
- * react-jsx-runtime.production.min.js
- *
- * Copyright (c) Facebook, Inc. and its affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-var f = React__default, g = 60103;
-reactJsxRuntime_production_min.Fragment = 60107;
-if (typeof Symbol === "function" && Symbol.for) {
-  var h = Symbol.for;
-  g = h("react.element");
-  reactJsxRuntime_production_min.Fragment = h("react.fragment");
-}
-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 };
-function q(c, a, k2) {
-  var b, d = {}, e2 = null, l2 = null;
-  k2 !== void 0 && (e2 = "" + k2);
-  a.key !== void 0 && (e2 = "" + a.key);
-  a.ref !== void 0 && (l2 = a.ref);
-  for (b in a)
-    n.call(a, b) && !p.hasOwnProperty(b) && (d[b] = a[b]);
-  if (c && c.defaultProps)
-    for (b in a = c.defaultProps, a)
-      d[b] === void 0 && (d[b] = a[b]);
-  return { $$typeof: g, type: c, key: e2, ref: l2, props: d, _owner: m.current };
-}
-reactJsxRuntime_production_min.jsx = q;
-reactJsxRuntime_production_min.jsxs = q;
-{
-  jsxRuntime.exports = reactJsxRuntime_production_min;
-}
-const jsx = jsxRuntime.exports.jsx;
-const jsxs = jsxRuntime.exports.jsxs;
-const Fragment = jsxRuntime.exports.Fragment;
 const contextDefaultValue = configureStore();
 const ReactRuntime = {
   registerComponent(component, {
@@ -714,11 +693,36 @@ function RuntimeProvider({
       return store2.dispatch(ReactBuilderPreview.initialize());
     }
   }, []);
+  useEffect(() => {
+    const isInBuilder = window.parent !== window;
+    if (!isInBuilder)
+      return;
+    window.addEventListener("focusin", handleFocusIn);
+    window.addEventListener("focusout", handlefocusOut);
+    return () => {
+      window.addEventListener("focusin", handleFocusIn);
+      window.removeEventListener("focusout", handlefocusOut);
+    };
+    function handleFocusIn(event) {
+      if (!(event.target instanceof window.HTMLElement) || !event.target.isContentEditable) {
+        window.parent.focus();
+      }
+    }
+    function handlefocusOut(event) {
+      if (!(event.relatedTarget instanceof window.HTMLElement) || !event.relatedTarget.isContentEditable) {
+        window.parent.focus();
+      }
+    }
+  });
   return /* @__PURE__ */ jsx(Context.Provider, {
     value: store,
     children
   });
 }
+const DocumentContext = createContext(null);
+function useDocumentKey() {
+  return useContext(DocumentContext);
+}
 function useSelector(selector) {
   const store = useContext(Context);
   return withSelector.exports.useSyncExternalStoreWithSelector(store.subscribe, store.getState, store.getState, selector);
@@ -726,9 +730,16 @@ function useSelector(selector) {
 function useComponent(type) {
   return useSelector((state) => getReactComponent(state, type));
 }
+function useElementId(elementKey) {
+  const documentKey = useDocumentKey();
+  return useSelector((state) => documentKey == null || elementKey == null ? null : getElementId(state, documentKey, elementKey));
+}
 function useDocumentRootElement(documentKey) {
   return useSelector((state) => getDocumentRootElement(state, documentKey));
 }
+function useIsInBuilder() {
+  return useSelector((state) => getIsInBuilder(state));
+}
 function useDispatch() {
   const store = useContext(Context);
   return store.dispatch;
@@ -773,15 +784,23 @@ const Element = memo(function Element2({
 }) {
   const elementKey = element.key;
   const dispatch = useDispatch();
-  const ref = useCallback((handle) => {
-    dispatch(changeComponentHandle(elementKey, handle));
-  }, [dispatch, elementKey]);
-  useEffect(() => dispatch(mountComponentEffect(elementKey)), [dispatch, elementKey]);
+  const documentKey = useDocumentKey();
+  const [handle, setHandle] = useState(null);
+  useEffect(() => {
+    if (documentKey == null)
+      return;
+    return dispatch(registerComponentHandleEffect(documentKey, elementKey, handle));
+  }, [dispatch, documentKey, elementKey, handle]);
+  useEffect(() => {
+    if (documentKey == null)
+      return;
+    return dispatch(mountComponentEffect(documentKey, elementKey));
+  }, [dispatch, documentKey, elementKey]);
   return isElementReference(element) ? /* @__PURE__ */ jsx(ElementReference, {
-    ref,
+    ref: setHandle,
     elementReference: element
   }, elementKey) : /* @__PURE__ */ jsx(ElementData, {
-    ref,
+    ref: setHandle,
     elementData: element
   }, elementKey);
 });
@@ -802,9 +821,12 @@ const Document = memo(function Document2({
       })]
     });
   }
-  return /* @__PURE__ */ jsx(Element, {
-    element: documentRootElement
+  return /* @__PURE__ */ jsx(DocumentContext.Provider, {
+    value: documentKey,
+    children: /* @__PURE__ */ jsx(Element, {
+      element: documentRootElement
+    })
   });
 });
-export { Document as D, Element as E, Fragment as F, RuntimeProvider as R, ReactRuntime as a, jsxs as b, getDocumentRootElement$1 as c, createDocument as d, combineReducers as e, reducer$2 as f, getInitialState$3 as g, reducer$1 as h, getComponentsMeta as i, jsx as j, getComponentPropControllerDescriptors as k, createStore as l, applyMiddleware as m, reducer$3 as r, thunk$1 as t };
+export { Document as D, Element as E, RuntimeProvider as R, ReactRuntime as a, useElementId as b, getDocumentRootElement$1 as c, createDocument as d, combineReducers as e, reducer$2 as f, getInitialState$3 as g, reducer$1 as h, getComponentsMeta as i, getComponentPropControllerDescriptors$1 as j, createStore as k, applyMiddleware as l, getElementPropControllerDescriptors as m, reducer$3 as r, thunk$1 as t, useIsInBuilder as u };
 //# sourceMappingURL=react.es2.js.map