@makeswift/runtime 0.4.0 → 0.4.2

package/dist/index.es.js

@@ -36,7 +36,7 @@ var __publicField = (obj, key, value) => {
 };
 var _c;
 import * as React from "react";
-import { useEffect, createContext, useContext, useState, useMemo, useRef, Children, createElement, forwardRef, memo, useLayoutEffect, useCallback, Component, useImperativeHandle } from "react";
+import { useEffect, createContext, useContext, useState, useMemo, useRef, Children, createElement, forwardRef, memo, useLayoutEffect, useCallback, Component, useImperativeHandle, Suspense } from "react";
 import { useSyncExternalStoreWithSelector } from "use-sync-external-store/shim/with-selector";
 import { g as getPropControllerDescriptors, i as isElementReference, a as getElementSwatchIds, b as getFileIds, d as getTypographyIds, e as getTableIds, f as getPageIds, h as getElementChildren, j as createDocumentReference, k as getBorderSwatchIds, l as isNonNullable, m as getBoxShadowsSwatchIds, n as getResponsiveColorSwatchIds, o as getComponentPropControllerDescriptors, p as getPropControllers, q as configureStore$1, r as getDocument, s as getElementId, t as getIsInBuilder, u as copyElementTree, c as createDocument, v as getReactComponent } from "./react-page.es.js";
 import { A as ActionTypes, f as introspectedResourcesFulfilled, g as apiResourceFulfilled, t as typographiesFulfilled, h as restoreAPIResourcesCache, j as registerDocumentEffect, k as registerComponentHandleEffect, l as mountComponentEffect, n as registerComponentEffect, o as registerReactComponentEffect } from "./actions.es.js";
@@ -1050,7 +1050,7 @@ class Document$1 extends NextDocument {
     });
   }
 }
-const version = "0.4.0";
+const version = "0.4.2";
 function isErrorWithMessage(error) {
   return typeof error === "object" && error !== null && "message" in error && typeof error.message === "string";
 }
@@ -2847,13 +2847,13 @@ function paddingPropertyDataToStyle(data, defaultValue = {}) {
   const paddingBottom = (_c2 = data.paddingBottom) != null ? _c2 : defaultValue.paddingBottom;
   const paddingLeft = (_d = data.paddingLeft) != null ? _d : defaultValue.paddingLeft;
   const style = {};
-  if (paddingTop)
+  if (paddingTop != null)
     style.paddingTop = lengthDataToString(paddingTop);
-  if (paddingRight)
+  if (paddingRight != null)
     style.paddingRight = lengthDataToString(paddingRight);
-  if (paddingBottom)
+  if (paddingBottom != null)
     style.paddingBottom = lengthDataToString(paddingBottom);
-  if (paddingLeft)
+  if (paddingLeft != null)
     style.paddingLeft = lengthDataToString(paddingLeft);
   return style;
 }
@@ -2864,13 +2864,13 @@ function marginPropertyDataToStyle(data, defaultValue = {}) {
   const marginBottom = (_c2 = data.marginBottom) != null ? _c2 : defaultValue.marginBottom;
   const marginLeft = (_d = data.marginLeft) != null ? _d : defaultValue.marginLeft;
   const style = {};
-  if (marginTop)
+  if (marginTop != null)
     style.marginTop = lengthDataToString(marginTop);
-  if (marginRight)
+  if (marginRight != null)
     style.marginRight = lengthDataToString(marginRight);
-  if (marginBottom)
+  if (marginBottom != null)
     style.marginBottom = lengthDataToString(marginBottom);
-  if (marginLeft)
+  if (marginLeft != null)
     style.marginLeft = lengthDataToString(marginLeft);
   return style;
 }
@@ -2888,16 +2888,16 @@ function borderRadiusPropertyDataToStyle(data, defaultValue = {}) {
   const borderBottomRightRadius = (_c2 = data.borderBottomRightRadius) != null ? _c2 : defaultValue.borderBottomRightRadius;
   const borderBottomLeftRadius = (_d = data.borderBottomLeftRadius) != null ? _d : defaultValue.borderBottomLeftRadius;
   const style = {};
-  if (borderTopLeftRadius) {
+  if (borderTopLeftRadius != null) {
     style.borderTopLeftRadius = lengthPercentageDataToString(borderTopLeftRadius);
   }
-  if (borderTopRightRadius) {
+  if (borderTopRightRadius != null) {
     style.borderTopRightRadius = lengthPercentageDataToString(borderTopRightRadius);
   }
-  if (borderBottomRightRadius) {
+  if (borderBottomRightRadius != null) {
     style.borderBottomRightRadius = lengthPercentageDataToString(borderBottomRightRadius);
   }
-  if (borderBottomLeftRadius) {
+  if (borderBottomLeftRadius != null) {
     style.borderBottomLeftRadius = lengthPercentageDataToString(borderBottomLeftRadius);
   }
   return style;
@@ -2912,13 +2912,13 @@ function borderPropertyDataToStyle(data, defaultValue = {}) {
   const borderBottom = (_c2 = data.borderBottom) != null ? _c2 : defaultValue.borderBottom;
   const borderLeft = (_d = data.borderLeft) != null ? _d : defaultValue.borderLeft;
   const style = {};
-  if (borderTop)
+  if (borderTop != null)
     style.borderTop = borderSideToString(borderTop);
-  if (borderRight)
+  if (borderRight != null)
     style.borderRight = borderSideToString(borderRight);
-  if (borderBottom)
+  if (borderBottom != null)
     style.borderBottom = borderSideToString(borderBottom);
-  if (borderLeft)
+  if (borderLeft != null)
     style.borderLeft = borderSideToString(borderLeft);
   return style;
 }
@@ -3842,14 +3842,16 @@ const ElementData = memo(forwardRef(function ElementData2({
       text: "Component not found"
     });
   }
-  return /* @__PURE__ */ jsx(FindDomNode, {
-    ref: setFoundDomNode,
-    children: /* @__PURE__ */ jsx(PropsValue, {
-      element: elementData,
-      children: (props) => /* @__PURE__ */ createElement(Component2, __spreadProps(__spreadValues({}, props), {
-        key: elementData.key,
-        ref: setHandle
-      }))
+  return /* @__PURE__ */ jsx(Suspense, {
+    children: /* @__PURE__ */ jsx(FindDomNode, {
+      ref: setFoundDomNode,
+      children: /* @__PURE__ */ jsx(PropsValue, {
+        element: elementData,
+        children: (props) => /* @__PURE__ */ createElement(Component2, __spreadProps(__spreadValues({}, props), {
+          key: elementData.key,
+          ref: setHandle
+        }))
+      })
     })
   });
 }));