@makeswift/runtime 0.0.7 → 0.0.10

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";
@@ -7578,7 +7579,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 +7588,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 +7604,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 +8175,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);
@@ -8577,6 +8584,7 @@ const ElementData = memo(forwardRef(function ElementData2({
     })
   });
 }));
+const DisableRegisterElement = createContext(false);
 const ElementReference = memo(forwardRef(function ElementReference2({
   elementReference
 }, ref) {
@@ -8613,9 +8621,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 +8636,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