@portabletext/editor 2.3.0 → 2.3.2

package/lib/index.js

@@ -11,8 +11,8 @@ import { DOMEditor, isDOMNode, EDITOR_TO_PENDING_SELECTION } from "slate-dom";
 import { getBlockStartPoint, getBlockKeyFromSelectionPoint, isTextBlock, getChildKeyFromSelectionPoint, blockOffsetToSpanSelectionPoint, isSpan, parseBlock, parseAnnotation, parseInlineObject, isKeyedSegment, isListBlock, isTypedObject, getSelectionStartPoint, getSelectionEndPoint, getTextBlockText, parseBlocks } from "./_chunks-es/util.slice-blocks.js";
 import { getBlockEndPoint, isSelectionCollapsed, isEqualSelectionPoints, isEmptyTextBlock } from "./_chunks-es/util.is-selection-collapsed.js";
 import isEqual from "lodash/isEqual.js";
-import { isSelectionCollapsed as isSelectionCollapsed$1, getFocusTextBlock, getFocusSpan as getFocusSpan$1, isSelectionExpanded, getFocusBlock as getFocusBlock$1, getSelectedValue, getFocusChild as getFocusChild$1 } from "./_chunks-es/selector.is-selection-expanded.js";
-import { getFocusInlineObject, getSelectedBlocks, getSelectionStartBlock as getSelectionStartBlock$1, getSelectionEndBlock as getSelectionEndBlock$1, isOverlappingSelection, isSelectingEntireBlocks, getMarkState, getActiveDecorators, getActiveAnnotationsMarks, getTrimmedSelection, getCaretWordSelection, getFocusBlockObject, getPreviousBlock, getNextBlock, isAtTheEndOfBlock, isAtTheStartOfBlock, getFirstBlock as getFirstBlock$1, getLastBlock as getLastBlock$1, getFocusListBlock, isActiveAnnotation, isActiveDecorator, getSelectedTextBlocks, isActiveListItem, isActiveStyle, getActiveAnnotations } from "./_chunks-es/selector.is-selecting-entire-blocks.js";
+import { isSelectionCollapsed as isSelectionCollapsed$1, getFocusTextBlock, getFocusSpan as getFocusSpan$1, isSelectionExpanded, getFocusBlock as getFocusBlock$1, getSelectedValue, getSelectionStartPoint as getSelectionStartPoint$1, getFocusChild as getFocusChild$1 } from "./_chunks-es/selector.is-selection-expanded.js";
+import { getFocusInlineObject, getSelectedBlocks, getSelectionStartBlock as getSelectionStartBlock$1, getSelectionEndBlock as getSelectionEndBlock$1, isOverlappingSelection, isSelectingEntireBlocks, getMarkState, getActiveDecorators, getActiveAnnotationsMarks, getTrimmedSelection, getCaretWordSelection, getFocusBlockObject, getPreviousBlock, getNextBlock, isAtTheEndOfBlock, isAtTheStartOfBlock, getFirstBlock as getFirstBlock$1, getLastBlock as getLastBlock$1, getFocusListBlock, getSelectionEndPoint as getSelectionEndPoint$1, isActiveAnnotation, isActiveDecorator, getSelectedTextBlocks, isActiveListItem, isActiveStyle, getActiveAnnotations } from "./_chunks-es/selector.is-selecting-entire-blocks.js";
 import getRandomValues from "get-random-values-esm";
 import { defineBehavior, forward, raise, effect } from "./behaviors/index.js";
 import uniq from "lodash/uniq.js";
@@ -6288,6 +6288,126 @@ const MAX_LIST_LEVEL = 10, clearListOnBackspace = defineBehavior({
     type: "delete.block",
     at: focusTextBlock.path
   })]]
+}), deletingListFromStart = defineBehavior({
+  on: "delete",
+  guard: ({
+    snapshot,
+    event
+  }) => {
+    const blocksToDelete = getSelectedBlocks({
+      ...snapshot,
+      context: {
+        ...snapshot.context,
+        selection: event.at
+      }
+    });
+    if (blocksToDelete.length < 2)
+      return !1;
+    const startBlock = blocksToDelete.at(0)?.node, middleBlocks = blocksToDelete.slice(1, -1), endBlock = blocksToDelete.at(-1)?.node;
+    if (!isListBlock(snapshot.context, startBlock) || !isListBlock(snapshot.context, endBlock))
+      return !1;
+    const deleteStartPoint = getSelectionStartPoint$1({
+      context: {
+        ...snapshot.context,
+        selection: event.at
+      }
+    }), deleteEndPoint = getSelectionEndPoint$1({
+      context: {
+        ...snapshot.context,
+        selection: event.at
+      }
+    });
+    if (!deleteStartPoint || !deleteEndPoint)
+      return !1;
+    const startBlockStartPoint = getBlockStartPoint({
+      context: snapshot.context,
+      block: {
+        node: startBlock,
+        path: [{
+          _key: startBlock._key
+        }]
+      }
+    });
+    if (!isEqualSelectionPoints(deleteStartPoint, startBlockStartPoint))
+      return !1;
+    const startBlockEndPoint = getBlockEndPoint({
+      context: snapshot.context,
+      block: {
+        node: startBlock,
+        path: [{
+          _key: startBlock._key
+        }]
+      }
+    }), endBlockEndPoint = getBlockEndPoint({
+      context: snapshot.context,
+      block: {
+        node: endBlock,
+        path: [{
+          _key: endBlock._key
+        }]
+      }
+    }), slicedEndBlock = sliceTextBlock({
+      context: {
+        schema: snapshot.context.schema,
+        selection: {
+          anchor: deleteEndPoint,
+          focus: endBlockEndPoint
+        }
+      },
+      block: endBlock
+    });
+    return {
+      startBlockStartPoint,
+      startBlockEndPoint,
+      middleBlocks,
+      endBlock,
+      slicedEndBlock
+    };
+  },
+  actions: [(_, {
+    startBlockStartPoint,
+    startBlockEndPoint,
+    middleBlocks,
+    endBlock,
+    slicedEndBlock
+  }) => [
+    // All block in between can safely be deleted.
+    ...middleBlocks.map((block) => raise({
+      type: "delete.block",
+      at: block.path
+    })),
+    // The last block is deleted as well.
+    raise({
+      type: "delete.block",
+      at: [{
+        _key: endBlock._key
+      }]
+    }),
+    // But in case the delete operation didn't reach all the way to the end
+    // of it, we first place the caret at the end of the start block...
+    raise({
+      type: "select",
+      at: {
+        anchor: startBlockEndPoint,
+        focus: startBlockEndPoint
+      }
+    }),
+    // ...and insert the rest of the end block at the end of it.
+    raise({
+      type: "insert.block",
+      block: slicedEndBlock,
+      placement: "auto",
+      select: "none"
+    }),
+    // And finally, we delete the original text of the start block.
+    raise({
+      type: "delete",
+      at: {
+        anchor: startBlockStartPoint,
+        focus: startBlockEndPoint
+      }
+    })
+  ]]
 }), clearListOnEnter = defineBehavior({
   on: "insert.break",
   guard: ({
@@ -6452,13 +6572,14 @@ const MAX_LIST_LEVEL = 10, clearListOnBackspace = defineBehavior({
   unindentListOnBackspace,
   mergeTextIntoListOnDelete,
   mergeTextIntoListOnBackspace,
+  deletingListFromStart,
   clearListOnEnter,
   indentListOnTab,
   unindentListOnShiftTab,
   inheritListLevel,
   inheritListItem,
   inheritListProperties
-}, coreBehaviorsConfig = [coreAnnotationBehaviors.addAnnotationOnCollapsedSelection, coreDecoratorBehaviors.strongShortcut, coreDecoratorBehaviors.emShortcut, coreDecoratorBehaviors.underlineShortcut, coreDecoratorBehaviors.codeShortcut, ...coreDndBehaviors, coreBlockObjectBehaviors.clickingAboveLonelyBlockObject, coreBlockObjectBehaviors.clickingBelowLonelyBlockObject, coreBlockObjectBehaviors.arrowDownOnLonelyBlockObject, coreBlockObjectBehaviors.arrowUpOnLonelyBlockObject, coreBlockObjectBehaviors.breakingBlockObject, coreBlockObjectBehaviors.deletingEmptyTextBlockAfterBlockObject, coreBlockObjectBehaviors.deletingEmptyTextBlockBeforeBlockObject, coreListBehaviors.clearListOnBackspace, coreListBehaviors.unindentListOnBackspace, coreListBehaviors.mergeTextIntoListOnDelete, coreListBehaviors.mergeTextIntoListOnBackspace, coreListBehaviors.clearListOnEnter, coreListBehaviors.indentListOnTab, coreListBehaviors.unindentListOnShiftTab, coreListBehaviors.inheritListLevel, coreListBehaviors.inheritListItem, coreListBehaviors.inheritListProperties, coreInsertBreakBehaviors.breakingAtTheEndOfTextBlock, coreInsertBreakBehaviors.breakingAtTheStartOfTextBlock, coreInsertBreakBehaviors.breakingEntireDocument, coreInsertBreakBehaviors.breakingEntireBlocks, coreInsertBreakBehaviors.breakingInlineObject].map((behavior) => ({
+}, coreBehaviorsConfig = [coreAnnotationBehaviors.addAnnotationOnCollapsedSelection, coreDecoratorBehaviors.strongShortcut, coreDecoratorBehaviors.emShortcut, coreDecoratorBehaviors.underlineShortcut, coreDecoratorBehaviors.codeShortcut, ...coreDndBehaviors, coreBlockObjectBehaviors.clickingAboveLonelyBlockObject, coreBlockObjectBehaviors.clickingBelowLonelyBlockObject, coreBlockObjectBehaviors.arrowDownOnLonelyBlockObject, coreBlockObjectBehaviors.arrowUpOnLonelyBlockObject, coreBlockObjectBehaviors.breakingBlockObject, coreBlockObjectBehaviors.deletingEmptyTextBlockAfterBlockObject, coreBlockObjectBehaviors.deletingEmptyTextBlockBeforeBlockObject, coreListBehaviors.clearListOnBackspace, coreListBehaviors.unindentListOnBackspace, coreListBehaviors.mergeTextIntoListOnDelete, coreListBehaviors.mergeTextIntoListOnBackspace, coreListBehaviors.deletingListFromStart, coreListBehaviors.clearListOnEnter, coreListBehaviors.indentListOnTab, coreListBehaviors.unindentListOnShiftTab, coreListBehaviors.inheritListLevel, coreListBehaviors.inheritListItem, coreListBehaviors.inheritListProperties, coreInsertBreakBehaviors.breakingAtTheEndOfTextBlock, coreInsertBreakBehaviors.breakingAtTheStartOfTextBlock, coreInsertBreakBehaviors.breakingEntireDocument, coreInsertBreakBehaviors.breakingEntireBlocks, coreInsertBreakBehaviors.breakingInlineObject].map((behavior) => ({
   behavior,
   priority: corePriority
 })), abstractAnnotationBehaviors = [defineBehavior({
@@ -8467,6 +8588,45 @@ function legacySchemaToEditorSchema(schema) {
     }))
   };
 }
+function compileSchemaDefinition(definition) {
+  const styles = (definition.styles ?? []).map((style) => ({
+    ...style,
+    value: style.name
+  }));
+  return {
+    block: {
+      name: "block"
+    },
+    span: {
+      name: "span"
+    },
+    styles: styles.some((style) => style.value === "normal") ? styles : [{
+      value: "normal",
+      name: "normal",
+      title: "Normal"
+    }, ...styles],
+    lists: (definition.lists ?? []).map((list) => ({
+      ...list,
+      value: list.name
+    })),
+    decorators: (definition.decorators ?? []).map((decorator) => ({
+      ...decorator,
+      value: decorator.name
+    })),
+    annotations: (definition.annotations ?? []).map((annotation) => ({
+      ...annotation,
+      fields: annotation.fields ?? []
+    })),
+    blockObjects: (definition.blockObjects ?? []).map((blockObject) => ({
+      ...blockObject,
+      fields: blockObject.fields ?? []
+    })),
+    inlineObjects: (definition.inlineObjects ?? []).map((inlineObject) => ({
+      ...inlineObject,
+      fields: inlineObject.fields ?? []
+    }))
+  };
+}
 function compileSchemaDefinitionToLegacySchema(definition) {
   const blockObjects = definition?.blockObjects?.map((blockObject) => defineType({
     type: "object",
@@ -10189,7 +10349,7 @@ function editorConfigToMachineInput(config) {
   };
 }
 function compileSchemasFromEditorConfig(config) {
-  const legacySchema = config.schemaDefinition ? compileSchemaDefinitionToLegacySchema(config.schemaDefinition) : createLegacySchema(config.schema.hasOwnProperty("jsonType") ? config.schema : compileType(config.schema)), schema = legacySchemaToEditorSchema(legacySchema);
+  const legacySchema = config.schemaDefinition ? compileSchemaDefinitionToLegacySchema(config.schemaDefinition) : createLegacySchema(config.schema.hasOwnProperty("jsonType") ? config.schema : compileType(config.schema)), schema = config.schemaDefinition ? compileSchemaDefinition(config.schemaDefinition) : legacySchemaToEditorSchema(legacySchema);
   return {
     legacySchema,
     schema