@makeswift/runtime 0.0.8 → 0.0.11

package/dist/index.es.js

@@ -62,6 +62,7 @@ import { normalize } from "polished";
 import ReactPlayer from "react-player";
 import Hotkeys from "slate-hotkeys";
 import ipsum from "corporate-ipsum";
+import { isHotkey } from "is-hotkey";
 import { Editor } from "slate-react";
 import Lists from "@convertkit/slate-lists";
 import { S as ShapeControlType, I as ImageControlType, C as ColorControlType, a as SelectControlType, T as TextAreaControlType, b as TextInputControlType, N as NumberControlType, c as CheckboxControlType } from "./text-input.es.js";
@@ -2135,7 +2136,8 @@ const Button$1 = forwardRef(function Button2(_m, ref) {
     color,
     textStyle,
     width,
-    margin
+    margin,
+    className
   } = _n, restOfProps = __objRest(_n, [
     "id",
     "children",
@@ -2147,12 +2149,13 @@ const Button$1 = forwardRef(function Button2(_m, ref) {
     "color",
     "textStyle",
     "width",
-    "margin"
+    "margin",
+    "className"
   ]);
   return /* @__PURE__ */ jsx(StyledButton$1, __spreadProps(__spreadValues({}, restOfProps), {
     ref,
     id,
-    className: cx(css$1(responsiveWidth(width, "auto"))),
+    className: cx(css$1(responsiveWidth(width, "auto")), className),
     color,
     link,
     margin,
@@ -7578,7 +7581,7 @@ const Text = forwardRef(function Text2({
     (_a = lastController.current) == null ? void 0 : _a.focus();
   }, []);
   const handleKeyDown = useCallback((event, _editor, next) => {
-    var _a, _b;
+    var _a, _b, _c;
     if (Hotkeys.isUndo(event)) {
       (_a = lastController.current) == null ? void 0 : _a.undo();
       return true;
@@ -7587,6 +7590,10 @@ const Text = forwardRef(function Text2({
       (_b = lastController.current) == null ? void 0 : _b.redo();
       return true;
     }
+    if (isHotkey("escape")(event)) {
+      (_c = lastController.current) == null ? void 0 : _c.blur();
+      return true;
+    }
     return next();
   }, []);
   const isInBuilder = useIsInBuilder();
@@ -7599,7 +7606,8 @@ const Text = forwardRef(function Text2({
     value,
     onChange: handleChange,
     onFocus: handleFocus,
-    onKeyDown: handleKeyDown
+    onKeyDown: handleKeyDown,
+    onBlur: (e) => e.preventDefault()
   });
 });
 function registerComponent$1(runtime) {
@@ -8169,7 +8177,8 @@ function useStyleControlCssObject(style, controlDefinition) {
     return `${borderRadius.value}${borderRadius.unit}`;
   }
 }
-const useInsertionEffect = (_ea = React["useInsertionEffect"]) != null ? _ea : React.useLayoutEffect;
+const useInsertionEffectSpecifier = "useInsertionEffect";
+const useInsertionEffect = (_ea = React[useInsertionEffectSpecifier]) != null ? _ea : React.useLayoutEffect;
 function useFormattedStyle(styleControlData, controlDefinition) {
   const style = useStyleControlCssObject(styleControlData, controlDefinition);
   const serialized = serializeStyles([style], cache.registered);
@@ -8235,7 +8244,7 @@ function ShapeControlValue({
   data,
   children
 }) {
-  return Object.entries(definition.config.type).reduce((renderFn, [key, controlDefinition]) => (shapeControlValue) => /* @__PURE__ */ jsx(ControlValue, {
+  return Object.entries(definition.config.type).reduceRight((renderFn, [key, controlDefinition]) => (shapeControlValue) => /* @__PURE__ */ jsx(ControlValue, {
     definition: controlDefinition,
     data: data == null ? void 0 : data[key],
     children: (value) => renderFn(__spreadProps(__spreadValues({}, shapeControlValue), {
@@ -8381,11 +8390,9 @@ function PropsValue({
 function suppressWarningAndFindDomNode(instance) {
   const error = console.error;
   console.error = (...args) => {
-    const [msg, ...substitutions] = args;
-    const text = substitutions.reduce((text2, substitution) => text2.replace("%s", substitution), msg);
-    if (!text.includes("findDOMNode is deprecated in StrictMode.")) {
-      error.apply(console, args);
-    }
+    if (typeof args[0] === "string" && args[0].includes("%s is deprecated in StrictMode."))
+      return;
+    return error.apply(console, args);
   };
   const foundDomNode = findDOMNode(instance);
   console.error = error;
@@ -8543,11 +8550,10 @@ function useSuppressRefWarning(ownerName) {
   const patchedRef = useRef(false);
   if (patchedRef.current === false) {
     console.error = (...args) => {
-      const [msg, ...substitutions] = args;
-      const text = substitutions.reduce((text2, substitution) => text2.replace("%s", substitution), msg);
-      if (!text.includes("Function components cannot be given refs.") || !text.includes(`Check the render method of \`${ownerName}\`.`)) {
-        originalErrorRef.current(...args);
+      if (typeof args[0] === "string" && args[0].includes("Function components cannot be given refs.") && args[0].includes(`Check the render method of \`${ownerName}\`.`)) {
+        return;
       }
+      return originalErrorRef.current(...args);
     };
     patchedRef.current = true;
   }
@@ -8577,6 +8583,7 @@ const ElementData = memo(forwardRef(function ElementData2({
     })
   });
 }));
+const DisableRegisterElement = createContext(false);
 const ElementReference = memo(forwardRef(function ElementReference2({
   elementReference
 }, ref) {
@@ -8613,9 +8620,12 @@ const ElementReference = memo(forwardRef(function ElementReference2({
   return elementReferenceDocument != null ? /* @__PURE__ */ jsx(Document, {
     document: elementReferenceDocument,
     ref
-  }) : /* @__PURE__ */ jsx(ElementData, {
-    elementData: globalElementData,
-    ref
+  }) : /* @__PURE__ */ jsx(DisableRegisterElement.Provider, {
+    value: true,
+    children: /* @__PURE__ */ jsx(ElementData, {
+      elementData: globalElementData,
+      ref
+    })
   });
 }));
 const Element$1 = memo(forwardRef(function Element2({
@@ -8625,17 +8635,18 @@ const Element$1 = memo(forwardRef(function Element2({
   const dispatch = useDispatch();
   const documentKey = useDocumentKey();
   const [handle, setHandle] = useState(null);
+  const isRegisterElementDisabled = useContext(DisableRegisterElement);
   useImperativeHandle(ref, () => handle, [handle]);
   useEffect(() => {
-    if (documentKey == null)
+    if (documentKey == null || isRegisterElementDisabled)
       return;
     return dispatch(registerComponentHandleEffect(documentKey, elementKey, handle));
-  }, [dispatch, documentKey, elementKey, handle]);
+  }, [dispatch, documentKey, elementKey, handle, isRegisterElementDisabled]);
   useEffect(() => {
-    if (documentKey == null)
+    if (documentKey == null || isRegisterElementDisabled)
       return;
     return dispatch(mountComponentEffect(documentKey, elementKey));
-  }, [dispatch, documentKey, elementKey]);
+  }, [dispatch, documentKey, elementKey, isRegisterElementDisabled]);
   return isElementReference(element) ? /* @__PURE__ */ jsx(ElementReference, {
     ref: setHandle,
     elementReference: element