@portabletext/editor 1.0.9 → 1.0.11

package/lib/index.d.mts

@@ -136,6 +136,9 @@ export declare type ConnectionChange = {
   value: 'online' | 'offline'
 }
 
+/**
+ * @internal
+ */
 export declare type createEditorOptions = {
   keyGenerator: () => string
   patches$?: PatchObservable
@@ -223,6 +226,9 @@ export declare type EditorChange =
   | UnsetChange
   | ValueChange
 
+/**
+ * @beta
+ */
 export declare type EditorChanges = Subject<EditorChange>
 
 /** @internal */
@@ -276,6 +282,9 @@ export declare type HistoryItem = {
   timestamp: Date
 }
 
+/**
+ * @beta
+ */
 export declare type HotkeyOptions = {
   marks?: Record<string, string>
   custom?: Record<string, (event: BaseSyntheticEvent, editor: PortableTextEditor) => void>
@@ -313,6 +322,9 @@ export declare type InvalidValueResolution = {
   }
 }
 
+/**
+ * @public
+ */
 export declare const keyGenerator: () => string
 
 /**
@@ -357,6 +369,9 @@ export declare type OnPasteResult =
     }
   | undefined
 
+/**
+ * @beta
+ */
 export declare type OnPasteResultOrPromise = OnPasteResult | Promise<OnPasteResult>
 
 /** @beta */
@@ -545,11 +560,6 @@ export declare class PortableTextEditor extends Component<PortableTextEditorProp
   ) => boolean | undefined
 }
 
-/**
- * Props for the PortableTextEditor component
- *
- * @public
- */
 /**
  * Props for the PortableTextEditor component
  *
@@ -822,11 +832,13 @@ export declare type UnsetChange = {
 }
 
 /**
+ * @public
  * Get the current editor object from the React context.
  */
 export declare const usePortableTextEditor: () => PortableTextEditor
 
 /**
+ * @public
  * Get the current editor selection from the React context.
  */
 export declare const usePortableTextEditorSelection: () => EditorSelection

package/lib/index.d.ts

@@ -136,6 +136,9 @@ export declare type ConnectionChange = {
   value: 'online' | 'offline'
 }
 
+/**
+ * @internal
+ */
 export declare type createEditorOptions = {
   keyGenerator: () => string
   patches$?: PatchObservable
@@ -223,6 +226,9 @@ export declare type EditorChange =
   | UnsetChange
   | ValueChange
 
+/**
+ * @beta
+ */
 export declare type EditorChanges = Subject<EditorChange>
 
 /** @internal */
@@ -276,6 +282,9 @@ export declare type HistoryItem = {
   timestamp: Date
 }
 
+/**
+ * @beta
+ */
 export declare type HotkeyOptions = {
   marks?: Record<string, string>
   custom?: Record<string, (event: BaseSyntheticEvent, editor: PortableTextEditor) => void>
@@ -313,6 +322,9 @@ export declare type InvalidValueResolution = {
   }
 }
 
+/**
+ * @public
+ */
 export declare const keyGenerator: () => string
 
 /**
@@ -357,6 +369,9 @@ export declare type OnPasteResult =
     }
   | undefined
 
+/**
+ * @beta
+ */
 export declare type OnPasteResultOrPromise = OnPasteResult | Promise<OnPasteResult>
 
 /** @beta */
@@ -545,11 +560,6 @@ export declare class PortableTextEditor extends Component<PortableTextEditorProp
   ) => boolean | undefined
 }
 
-/**
- * Props for the PortableTextEditor component
- *
- * @public
- */
 /**
  * Props for the PortableTextEditor component
  *
@@ -822,11 +832,13 @@ export declare type UnsetChange = {
 }
 
 /**
+ * @public
  * Get the current editor object from the React context.
  */
 export declare const usePortableTextEditor: () => PortableTextEditor
 
 /**
+ * @public
  * Get the current editor selection from the React context.
  */
 export declare const usePortableTextEditorSelection: () => EditorSelection

package/lib/index.esm.js

@@ -1020,9 +1020,7 @@ function createWithEditableAPI(portableTextEditor, types, keyGenerator) {
         )) == null ? void 0 : _a.focus.path) || [];
       },
       insertBlock: (type, value) => {
-        var _a;
-        if (!editor.selection)
-          throw new Error("The editor has no selection");
+        var _a, _b, _c;
         const block = toSlateValue(
           [
             {
@@ -1032,17 +1030,32 @@ function createWithEditableAPI(portableTextEditor, types, keyGenerator) {
             }
           ],
           portableTextEditor
-        )[0], [focusBlock] = Array.from(
+        )[0];
+        if (!editor.selection) {
+          const lastBlock = Array.from(
+            Editor.nodes(editor, {
+              match: (n) => !Editor.isEditor(n),
+              at: [],
+              reverse: !0
+            })
+          )[0];
+          return Editor.insertNode(editor, block), lastBlock && isEqualToEmptyEditor([lastBlock[0]], types) && Transforms.removeNodes(editor, { at: lastBlock[1] }), editor.onChange(), (_b = (_a = toPortableTextRange(
+            fromSlateValue(editor.children, types.block.name, KEY_TO_VALUE_ELEMENT.get(editor)),
+            editor.selection,
+            types
+          )) == null ? void 0 : _a.focus.path) != null ? _b : [];
+        }
+        const focusBlock = Array.from(
           Editor.nodes(editor, {
             at: editor.selection.focus.path.slice(0, 1),
             match: (n) => n._type === types.block.name
           })
-        )[0] || [void 0];
-        return focusBlock && isEqualToEmptyEditor([focusBlock], types) && Transforms.removeNodes(editor, { at: editor.selection }), Editor.insertNode(editor, block), editor.onChange(), ((_a = toPortableTextRange(
+        )[0];
+        return Editor.insertNode(editor, block), focusBlock && isEqualToEmptyEditor([focusBlock[0]], types) && Transforms.removeNodes(editor, { at: focusBlock[1] }), editor.onChange(), ((_c = toPortableTextRange(
           fromSlateValue(editor.children, types.block.name, KEY_TO_VALUE_ELEMENT.get(editor)),
           editor.selection,
           types
-        )) == null ? void 0 : _a.focus.path) || [];
+        )) == null ? void 0 : _c.focus.path) || [];
       },
       hasBlockStyle: (style) => {
         try {
@@ -1127,7 +1140,7 @@ function createWithEditableAPI(portableTextEditor, types, keyGenerator) {
               match: (node) => Text.isText(node)
             })
           ];
-          if (spans.some(
+          if (spans.length === 0 || spans.some(
             ([span]) => {
               var _a;
               return !isPortableTextSpan(span) || !span.marks || ((_a = span.marks) == null ? void 0 : _a.length) === 0;
@@ -3047,7 +3060,7 @@ function createWithHotkeys(types, portableTextEditor, hotkeysFromOptions) {
   const reservedHotkeys = ["enter", "tab", "shift", "delete", "end"], activeHotkeys = hotkeysFromOptions || DEFAULT_HOTKEYS;
   return function(editor) {
     return editor.pteWithHotKeys = (event) => {
-      var _a, _b, _c, _d;
+      var _a, _b, _c, _d, _e, _f;
       Object.keys(activeHotkeys).forEach((cat) => {
         if (cat === "marks")
           for (const hotkey in activeHotkeys[cat]) {
@@ -3120,8 +3133,8 @@ function createWithHotkeys(types, portableTextEditor, hotkeysFromOptions) {
         const nextBlock = Node.descendant(
           editor,
           Path.next(editor.selection.focus.path.slice(0, 1))
-        ), focusBlockPath = editor.selection.focus.path.slice(0, 1), focusBlock = Node.descendant(editor, focusBlockPath);
-        if (nextBlock && focusBlock && !Editor.isVoid(editor, focusBlock) && Editor.isVoid(editor, nextBlock)) {
+        ), focusBlockPath = editor.selection.focus.path.slice(0, 1), focusBlock = Node.descendant(editor, focusBlockPath), isEmptyFocusBlock = isPortableTextTextBlock(focusBlock) && focusBlock.children.length === 1 && ((_f = (_e = focusBlock.children) == null ? void 0 : _e[0]) == null ? void 0 : _f.text) === "";
+        if (nextBlock && focusBlock && !Editor.isVoid(editor, focusBlock) && Editor.isVoid(editor, nextBlock) && isEmptyFocusBlock) {
           debug$8("Preventing deleting void block below"), event.preventDefault(), event.stopPropagation(), Transforms.removeNodes(editor, { match: (n) => n === focusBlock }), Transforms.select(editor, focusBlockPath), editor.onChange();
           return;
         }
@@ -4000,7 +4013,7 @@ class PortableTextEditor extends Component {
       if (this.editable)
         return this.editable.getValue();
     }), !props.schemaType)
-      throw new Error('PortableTextEditor: missing "type" property');
+      throw new Error('PortableTextEditor: missing "schemaType" property');
     props.incomingPatches$ && console.warn("The prop 'incomingPatches$' is deprecated and renamed to 'patches$'"), this.change$.next({ type: "loading", isLoading: !0 }), this.schemaTypes = getPortableTextMemberSchemaTypes(
       props.schemaType.hasOwnProperty("jsonType") ? props.schemaType : compileType(props.schemaType)
     );