@portabletext/editor 1.9.0 → 1.10.1

package/lib/index.js

@@ -323,7 +323,9 @@ function createMarkdownBehaviors(config) {
       const selectionCollapsed = selectionIsCollapsed(context), focusTextBlock = getFocusTextBlock(context), focusSpan = getFocusSpan(context);
       if (!selectionCollapsed || !focusTextBlock || !focusSpan)
         return !1;
-      const caretAtTheEndOfQuote = context.selection.focus.offset === 1, looksLikeMarkdownQuote = /^>/.test(focusSpan.node.text), blockquoteStyle = config.mapBlockquoteStyle?.(context.schema);
+      const caretAtTheEndOfQuote = context.selection.focus.offset === 1, looksLikeMarkdownQuote = /^>/.test(focusSpan.node.text), blockquoteStyle = config.blockquoteStyle?.({
+        schema: context.schema
+      });
       return caretAtTheEndOfQuote && looksLikeMarkdownQuote && blockquoteStyle !== void 0 ? {
         focusTextBlock,
         focusSpan,
@@ -364,20 +366,26 @@ function createMarkdownBehaviors(config) {
       context,
       event
     }) => {
-      if (event.text !== "-")
+      const hrCharacter = event.text === "-" ? "-" : event.text === "*" ? "*" : event.text === "_" ? "_" : void 0;
+      if (hrCharacter === void 0)
         return !1;
-      const breakObject = config.mapBreakObject?.(context.schema), focusBlock = getFocusTextBlock(context), selectionCollapsed = selectionIsCollapsed(context);
+      const breakObject = config.horizontalRuleObject?.({
+        schema: context.schema
+      }), focusBlock = getFocusTextBlock(context), selectionCollapsed = selectionIsCollapsed(context);
       if (!breakObject || !focusBlock || !selectionCollapsed)
         return !1;
       const onlyText = focusBlock.node.children.every(isPortableTextSpan), blockText = focusBlock.node.children.map((child) => child.text ?? "").join("");
-      return onlyText && blockText === "--" ? {
+      return onlyText && blockText === `${hrCharacter}${hrCharacter}` ? {
         breakObject,
-        focusBlock
+        focusBlock,
+        hrCharacter
       } : !1;
     },
-    actions: [() => [{
+    actions: [(_, {
+      hrCharacter
+    }) => [{
       type: "insert text",
-      text: "-"
+      text: hrCharacter
     }], (_, {
       breakObject,
       focusBlock
@@ -411,15 +419,18 @@ function createMarkdownBehaviors(config) {
       const selectionCollapsed = selectionIsCollapsed(context), focusTextBlock = getFocusTextBlock(context), focusSpan = getFocusSpan(context);
       if (!selectionCollapsed || !focusTextBlock || !focusSpan)
         return !1;
-      const markdownHeadingSearch = /^#+/.exec(focusSpan.node.text), headingLevel = markdownHeadingSearch ? markdownHeadingSearch[0].length : void 0;
-      if (context.selection.focus.offset !== headingLevel)
+      const markdownHeadingSearch = /^#+/.exec(focusSpan.node.text), level = markdownHeadingSearch ? markdownHeadingSearch[0].length : void 0;
+      if (context.selection.focus.offset !== level)
         return !1;
-      const headingStyle = headingLevel !== void 0 ? config.mapHeadingStyle?.(context.schema, headingLevel) : void 0;
-      return headingLevel !== void 0 && headingStyle !== void 0 ? {
+      const style = level !== void 0 ? config.headingStyle?.({
+        schema: context.schema,
+        level
+      }) : void 0;
+      return level !== void 0 && style !== void 0 ? {
         focusTextBlock,
         focusSpan,
-        style: headingStyle,
-        level: headingLevel
+        style,
+        level
       } : !1;
     },
     actions: [() => [{
@@ -459,7 +470,9 @@ function createMarkdownBehaviors(config) {
       const selectionCollapsed = selectionIsCollapsed(context), focusTextBlock = getFocusTextBlock(context), focusSpan = getFocusSpan(context);
       if (!selectionCollapsed || !focusTextBlock || !focusSpan)
         return !1;
-      const atTheBeginningOfBLock = focusTextBlock.node.children[0]._key === focusSpan.node._key && context.selection.focus.offset === 0, defaultStyle = config.mapDefaultStyle?.(context.schema);
+      const atTheBeginningOfBLock = focusTextBlock.node.children[0]._key === focusSpan.node._key && context.selection.focus.offset === 0, defaultStyle = config.defaultStyle?.({
+        schema: context.schema
+      });
       return atTheBeginningOfBLock && defaultStyle && focusTextBlock.node.style !== defaultStyle ? {
         defaultStyle,
         focusTextBlock
@@ -484,7 +497,11 @@ function createMarkdownBehaviors(config) {
       const selectionCollapsed = selectionIsCollapsed(context), focusTextBlock = getFocusTextBlock(context), focusSpan = getFocusSpan(context);
       if (!selectionCollapsed || !focusTextBlock || !focusSpan)
         return !1;
-      const defaultStyle = config.mapDefaultStyle?.(context.schema), looksLikeUnorderedList = /^(-|\*)/.test(focusSpan.node.text), unorderedListStyle = config.mapUnorderedListStyle?.(context.schema), caretAtTheEndOfUnorderedList = context.selection.focus.offset === 1;
+      const defaultStyle = config.defaultStyle?.({
+        schema: context.schema
+      }), looksLikeUnorderedList = /^(-|\*)/.test(focusSpan.node.text), unorderedListStyle = config.unorderedListStyle?.({
+        schema: context.schema
+      }), caretAtTheEndOfUnorderedList = context.selection.focus.offset === 1;
       if (defaultStyle && caretAtTheEndOfUnorderedList && looksLikeUnorderedList && unorderedListStyle !== void 0)
         return {
           focusTextBlock,
@@ -493,7 +510,9 @@ function createMarkdownBehaviors(config) {
           listItemLength: 1,
           style: defaultStyle
         };
-      const looksLikeOrderedList = /^1./.test(focusSpan.node.text), orderedListStyle = config.mapOrderedListStyle?.(context.schema), caretAtTheEndOfOrderedList = context.selection.focus.offset === 2;
+      const looksLikeOrderedList = /^1./.test(focusSpan.node.text), orderedListStyle = config.orderedListStyle?.({
+        schema: context.schema
+      }), caretAtTheEndOfOrderedList = context.selection.focus.offset === 2;
       return defaultStyle && caretAtTheEndOfOrderedList && looksLikeOrderedList && orderedListStyle !== void 0 ? {
         focusTextBlock,
         focusSpan,
@@ -540,7 +559,7 @@ function createLinkBehaviors(config) {
       context,
       event
     }) => {
-      const selectionCollapsed = selectionIsCollapsed(context), text = event.clipboardData.getData("text/plain"), url = looksLikeUrl(text) ? text : void 0, annotation = url !== void 0 ? config.mapLinkAnnotation?.({
+      const selectionCollapsed = selectionIsCollapsed(context), text = event.clipboardData.getData("text/plain"), url = looksLikeUrl(text) ? text : void 0, annotation = url !== void 0 ? config.linkAnnotation?.({
         url,
         schema: context.schema
       }) : void 0;
@@ -563,7 +582,7 @@ function createLinkBehaviors(config) {
       const focusSpan = getFocusSpan(context), selectionCollapsed = selectionIsCollapsed(context);
       if (!focusSpan || !selectionCollapsed)
         return !1;
-      const text = event.clipboardData.getData("text/plain"), url = looksLikeUrl(text) ? text : void 0, annotation = url !== void 0 ? config.mapLinkAnnotation?.({
+      const text = event.clipboardData.getData("text/plain"), url = looksLikeUrl(text) ? text : void 0, annotation = url !== void 0 ? config.linkAnnotation?.({
         url,
         schema: context.schema
       }) : void 0;
@@ -2917,11 +2936,10 @@ function _updateBlock(slateEditor, currentBlock, oldBlock, currentBlockIndex) {
 }
 const debug$i = debugWithName("component:PortableTextEditor:Synchronizer"), debugVerbose$3 = debug$i.enabled && !1, FLUSH_PATCHES_THROTTLED_MS = process.env.NODE_ENV === "test" ? 500 : 1e3;
 function Synchronizer(props) {
-  const $ = reactCompilerRuntime.c(35), portableTextEditor = usePortableTextEditor(), readOnly = react$1.useSelector(props.editorActor, _temp$1), {
+  const $ = reactCompilerRuntime.c(35), portableTextEditor = usePortableTextEditor(), readOnly = react$1.useSelector(props.editorActor, _temp$1), value = react$1.useSelector(props.editorActor, _temp2), {
     editorActor,
     getValue,
-    onChange,
-    value
+    onChange
   } = props;
   let t0;
   $[0] === Symbol.for("react.memo_cache_sentinel") ? (t0 = [], $[0] = t0) : t0 = $[0];
@@ -2973,52 +2991,52 @@ ${JSON.stringify(pendingPatches.current, null, 2)}`);
     });
     debug$i("Subscribing to editor changes");
     const sub = editorActor.on("*", (event) => {
-      bb20: switch (event.type) {
+      bb22: switch (event.type) {
         case "patch": {
           IS_PROCESSING_LOCAL_CHANGES.set(slateEditor, !0), pendingPatches.current.push(event.patch), onFlushPendingPatchesThrottled(), handleChange(event);
-          break bb20;
+          break bb22;
         }
         case "loading": {
           handleChange({
             type: "loading",
             isLoading: !0
           });
-          break bb20;
+          break bb22;
         }
         case "done loading": {
           handleChange({
             type: "loading",
             isLoading: !1
           });
-          break bb20;
+          break bb22;
         }
         case "focused": {
           handleChange({
             type: "focus",
             event: event.event
           });
-          break bb20;
+          break bb22;
         }
         case "offline": {
           handleChange({
             type: "connection",
             value: "offline"
           });
-          break bb20;
+          break bb22;
         }
         case "online": {
           handleChange({
             type: "connection",
             value: "online"
           });
-          break bb20;
+          break bb22;
         }
         case "value changed": {
           handleChange({
             type: "value",
             value: event.value
           });
-          break bb20;
+          break bb22;
         }
         case "invalid value": {
           handleChange({
@@ -3026,21 +3044,21 @@ ${JSON.stringify(pendingPatches.current, null, 2)}`);
             resolution: event.resolution,
             value: event.value
           });
-          break bb20;
+          break bb22;
         }
         case "error": {
           handleChange({
             ...event,
             level: "warning"
           });
-          break bb20;
+          break bb22;
         }
         case "annotation.add":
         case "annotation.remove":
         case "annotation.toggle":
         case "focus":
         case "patches":
-          break bb20;
+          break bb22;
         default:
           handleChange(event);
       }
@@ -3069,6 +3087,9 @@ ${JSON.stringify(pendingPatches.current, null, 2)}`);
     }), isInitialValueFromProps.current = !1);
   }, t14 = [editorActor, syncValue, value], $[30] = editorActor, $[31] = syncValue, $[32] = value, $[33] = t13, $[34] = t14) : (t13 = $[33], t14 = $[34]), react.useEffect(t13, t14), null;
 }
+function _temp2(s_0) {
+  return s_0.context.value;
+}
 function _temp$1(s) {
   return s.context.readOnly;
 }
@@ -5686,8 +5707,8 @@ const networkLogic = xstate.fromCallback(({
       type: "offline"
     });
   };
-  return window.addEventListener("online", onlineHandler), window.addEventListener("offline", offlineHandler), () => {
-    window.removeEventListener("online", onlineHandler), window.removeEventListener("offline", offlineHandler);
+  return window && (window.addEventListener("online", onlineHandler), window.addEventListener("offline", offlineHandler)), () => {
+    window && (window.removeEventListener("online", onlineHandler), window.removeEventListener("offline", offlineHandler));
   };
 }), editorMachine = xstate.setup({
   types: {
@@ -5802,7 +5823,8 @@ const networkLogic = xstate.fromCallback(({
     pendingEvents: [],
     schema: input.schema,
     readOnly: !1,
-    maxBlocks: void 0
+    maxBlocks: void 0,
+    value: input.value
   }),
   invoke: {
     id: "networkLogic",
@@ -5912,6 +5934,13 @@ const networkLogic = xstate.fromCallback(({
     "update schema": {
       actions: "assign schema"
     },
+    "update value": {
+      actions: xstate.assign({
+        value: ({
+          event
+        }) => event.value
+      })
+    },
     "toggle readOnly": {
       actions: xstate.assign({
         readOnly: ({
@@ -6073,7 +6102,8 @@ class PortableTextEditor extends react.Component {
       props.incomingPatches$ && console.warn("The prop 'incomingPatches$' is deprecated and renamed to 'patches$'"), this.schemaTypes = getPortableTextMemberSchemaTypes(props.schemaType.hasOwnProperty("jsonType") ? props.schemaType : compileType(props.schemaType)), this.editorActor = xstate.createActor(editorMachine, {
         input: {
           keyGenerator: props.keyGenerator || defaultKeyGenerator,
-          schema: this.schemaTypes
+          schema: this.schemaTypes,
+          value: props.value
         }
       }), this.editorActor.start(), this.slateEditor = createSlateEditor({
         editorActor: this.editorActor
@@ -6095,7 +6125,10 @@ class PortableTextEditor extends react.Component {
     }), this.props.maxBlocks !== prevProps.maxBlocks && this.editorActor.send({
       type: "update maxBlocks",
       maxBlocks: this.props.maxBlocks === void 0 ? void 0 : Number.parseInt(this.props.maxBlocks.toString(), 10)
-    })), this.props.editorRef !== prevProps.editorRef && this.props.editorRef && (this.props.editorRef.current = this);
+    }), this.props.value !== prevProps.value && this.editorActor.send({
+      type: "update value",
+      value: this.props.value
+    }), this.props.editorRef !== prevProps.editorRef && this.props.editorRef && (this.props.editorRef.current = this));
   }
   setEditable = (editable) => {
     this.editable = {
@@ -6114,7 +6147,7 @@ class PortableTextEditor extends react.Component {
       /* @__PURE__ */ jsxRuntime.jsx(EditorActorContext.Provider, { value: this.editorActor, children: /* @__PURE__ */ jsxRuntime.jsx(slateReact.Slate, { editor: this.slateEditor.instance, initialValue: this.slateEditor.initialValue, children: /* @__PURE__ */ jsxRuntime.jsx(PortableTextEditorContext.Provider, { value: this, children: /* @__PURE__ */ jsxRuntime.jsxs(PortableTextEditorSelectionProvider, { editorActor: this.editorActor, children: [
         /* @__PURE__ */ jsxRuntime.jsx(Synchronizer, { editorActor: this.editorActor, getValue: this.getValue, onChange: (change) => {
           this.props.editor || this.props.onChange(change), this.change$.next(change);
-        }, value: this.props.value }),
+        } }),
         this.props.children
       ] }) }) }) })
     ] });
@@ -6880,39 +6913,40 @@ const debug = debugWithName("component:Editable"), PLACEHOLDER_STYLE = {
 });
 PortableTextEditable.displayName = "ForwardRef(PortableTextEditable)";
 function useEditor(config) {
-  const $ = reactCompilerRuntime.c(20), t0 = config.keyGenerator ?? defaultKeyGenerator;
+  const $ = reactCompilerRuntime.c(21), t0 = config.keyGenerator ?? defaultKeyGenerator;
   let t1;
   $[0] !== config.schema || $[1] !== config.schemaDefinition ? (t1 = config.schemaDefinition ? compileSchemaDefinition(config.schemaDefinition) : getPortableTextMemberSchemaTypes(config.schema.hasOwnProperty("jsonType") ? config.schema : compileType(config.schema)), $[0] = config.schema, $[1] = config.schemaDefinition, $[2] = t1) : t1 = $[2];
   let t2;
-  $[3] !== config.behaviors || $[4] !== t0 || $[5] !== t1 ? (t2 = {
+  $[3] !== config.behaviors || $[4] !== config.initialValue || $[5] !== t0 || $[6] !== t1 ? (t2 = {
     input: {
       behaviors: config.behaviors,
       keyGenerator: t0,
-      schema: t1
+      schema: t1,
+      value: config.initialValue
     }
-  }, $[3] = config.behaviors, $[4] = t0, $[5] = t1, $[6] = t2) : t2 = $[6];
+  }, $[3] = config.behaviors, $[4] = config.initialValue, $[5] = t0, $[6] = t1, $[7] = t2) : t2 = $[7];
   const editorActor = react$1.useActorRef(editorMachine, t2);
   let t3;
-  $[7] !== editorActor ? (t3 = createSlateEditor({
+  $[8] !== editorActor ? (t3 = createSlateEditor({
     editorActor
-  }), $[7] = editorActor, $[8] = t3) : t3 = $[8];
+  }), $[8] = editorActor, $[9] = t3) : t3 = $[9];
   const slateEditor = t3, readOnly = react$1.useSelector(editorActor, _temp);
   let t4, t5;
-  $[9] !== editorActor ? (t4 = (event) => {
+  $[10] !== editorActor ? (t4 = (event) => {
     editorActor.send(event);
-  }, t5 = (event_0, listener) => editorActor.on(event_0, listener), $[9] = editorActor, $[10] = t4, $[11] = t5) : (t4 = $[10], t5 = $[11]);
+  }, t5 = (event_0, listener) => editorActor.on(event_0, listener), $[10] = editorActor, $[11] = t4, $[12] = t5) : (t4 = $[11], t5 = $[12]);
   let t6;
-  $[12] !== editorActor || $[13] !== slateEditor ? (t6 = {
+  $[13] !== editorActor || $[14] !== slateEditor ? (t6 = {
     editorActor,
     slateEditor
-  }, $[12] = editorActor, $[13] = slateEditor, $[14] = t6) : t6 = $[14];
+  }, $[13] = editorActor, $[14] = slateEditor, $[15] = t6) : t6 = $[15];
   let t7;
-  return $[15] !== readOnly || $[16] !== t4 || $[17] !== t5 || $[18] !== t6 ? (t7 = {
+  return $[16] !== readOnly || $[17] !== t4 || $[18] !== t5 || $[19] !== t6 ? (t7 = {
     send: t4,
     on: t5,
     readOnly,
     _internal: t6
-  }, $[15] = readOnly, $[16] = t4, $[17] = t5, $[18] = t6, $[19] = t7) : t7 = $[19], t7;
+  }, $[16] = readOnly, $[17] = t4, $[18] = t5, $[19] = t6, $[20] = t7) : t7 = $[20], t7;
 }
 function _temp(s) {
   return s.context.readOnly;