@portabletext/editor 3.3.2 → 3.3.4

package/src/selectors/index.ts

@@ -1,54 +0,0 @@
-export {getActiveAnnotations} from './selector.get-active-annotations'
-export {getActiveListItem} from './selector.get-active-list-item'
-export {getActiveStyle} from './selector.get-active-style'
-export {getAnchorBlock} from './selector.get-anchor-block'
-export {getAnchorChild} from './selector.get-anchor-child'
-export {getAnchorSpan} from './selector.get-anchor-span'
-export {getAnchorTextBlock} from './selector.get-anchor-text-block'
-export {getBlockOffsets} from './selector.get-block-offsets'
-export {getCaretWordSelection} from './selector.get-caret-word-selection'
-export {getFirstBlock} from './selector.get-first-block'
-export {getFocusBlock} from './selector.get-focus-block'
-export {getFocusBlockObject} from './selector.get-focus-block-object'
-export {getFocusChild} from './selector.get-focus-child'
-export {getFocusInlineObject} from './selector.get-focus-inline-object'
-export {getFocusListBlock} from './selector.get-focus-list-block'
-export {getFocusSpan} from './selector.get-focus-span'
-export {getFocusTextBlock} from './selector.get-focus-text-block'
-export {getLastBlock} from './selector.get-last-block'
-export {getMarkState, type MarkState} from './selector.get-mark-state'
-export {getNextBlock} from './selector.get-next-block'
-export {getNextInlineObject} from './selector.get-next-inline-object'
-export {getNextInlineObjects} from './selector.get-next-inline-objects'
-export {getNextSpan} from './selector.get-next-span'
-export {getPreviousBlock} from './selector.get-previous-block'
-export {getPreviousInlineObject} from './selector.get-previous-inline-object'
-export {getPreviousInlineObjects} from './selector.get-previous-inline-objects'
-export {getPreviousSpan} from './selector.get-previous-span'
-export {getSelectedBlocks} from './selector.get-selected-blocks'
-export {getSelectedSpans} from './selector.get-selected-spans'
-export {getSelectedTextBlocks} from './selector.get-selected-text-blocks'
-export {getSelectedValue} from './selector.get-selected-value'
-export {getSelection} from './selector.get-selection'
-export {getSelectionEndBlock} from './selector.get-selection-end-block'
-export {getSelectionEndChild} from './selector.get-selection-end-child'
-export {getSelectionEndPoint} from './selector.get-selection-end-point'
-export {getSelectionStartBlock} from './selector.get-selection-start-block'
-export {getSelectionStartChild} from './selector.get-selection-start-child'
-export {getSelectionStartPoint} from './selector.get-selection-start-point'
-export {getSelectionText} from './selector.get-selection-text'
-export {getBlockTextAfter} from './selector.get-text-after'
-export {getBlockTextBefore} from './selector.get-text-before'
-export {getValue} from './selector.get-value'
-export {isActiveAnnotation} from './selector.is-active-annotation'
-export {isActiveDecorator} from './selector.is-active-decorator'
-export {isActiveListItem} from './selector.is-active-list-item'
-export {isActiveStyle} from './selector.is-active-style'
-export {isAtTheEndOfBlock} from './selector.is-at-the-end-of-block'
-export {isAtTheStartOfBlock} from './selector.is-at-the-start-of-block'
-export {isOverlappingSelection} from './selector.is-overlapping-selection'
-export {isPointAfterSelection} from './selector.is-point-after-selection'
-export {isPointBeforeSelection} from './selector.is-point-before-selection'
-export {isSelectingEntireBlocks} from './selector.is-selecting-entire-blocks'
-export {isSelectionCollapsed} from './selector.is-selection-collapsed'
-export {isSelectionExpanded} from './selector.is-selection-expanded'

package/src/selectors/selector.get-active-annotation-marks.ts

@@ -1,12 +0,0 @@
-import type {EditorSnapshot} from '../editor/editor-snapshot'
-import {getMarkState} from './selector.get-mark-state'
-
-export function getActiveAnnotationsMarks(snapshot: EditorSnapshot) {
-  const schema = snapshot.context.schema
-  const markState = getMarkState(snapshot)
-
-  return (markState?.marks ?? []).filter(
-    (mark) =>
-      !schema.decorators.map((decorator) => decorator.name).includes(mark),
-  )
-}

package/src/selectors/selector.get-active-annotations.ts

@@ -1,36 +0,0 @@
-import {isTextBlock} from '@portabletext/schema'
-import type {PortableTextObject} from '@sanity/types'
-import type {EditorSelector} from '../editor/editor-selector'
-import {getMarkState} from './selector.get-mark-state'
-import {getSelectedBlocks} from './selector.get-selected-blocks'
-
-/**
- * @public
- */
-export const getActiveAnnotations: EditorSelector<Array<PortableTextObject>> = (
-  snapshot,
-) => {
-  if (!snapshot.context.selection) {
-    return []
-  }
-
-  const selectedBlocks = getSelectedBlocks(snapshot)
-  const markState = getMarkState(snapshot)
-
-  const activeAnnotations = (markState?.marks ?? []).filter(
-    (mark) =>
-      !snapshot.context.schema.decorators
-        .map((decorator) => decorator.name)
-        .includes(mark),
-  )
-
-  const selectionMarkDefs = selectedBlocks.flatMap((block) =>
-    isTextBlock(snapshot.context, block.node)
-      ? (block.node.markDefs ?? [])
-      : [],
-  )
-
-  return selectionMarkDefs.filter((markDef) =>
-    activeAnnotations.includes(markDef._key),
-  )
-}

package/src/selectors/selector.get-active-decorators.ts

@@ -1,29 +0,0 @@
-import type {EditorSnapshot} from '../editor/editor-snapshot'
-import {getMarkState} from './selector.get-mark-state'
-
-export function getActiveDecorators(snapshot: EditorSnapshot) {
-  const schema = snapshot.context.schema
-  const decoratorState = snapshot.decoratorState
-  const markState = getMarkState(snapshot)
-  const decorators = schema.decorators.map((decorator) => decorator.name)
-
-  const markStateDecorators = (markState?.marks ?? []).filter((mark) =>
-    decorators.includes(mark),
-  )
-
-  let activeDecorators: Array<string> = markStateDecorators
-
-  for (const decorator in decoratorState) {
-    if (decoratorState[decorator] === false) {
-      activeDecorators = activeDecorators.filter(
-        (activeDecorator) => activeDecorator !== decorator,
-      )
-    } else if (decoratorState[decorator] === true) {
-      if (!activeDecorators.includes(decorator)) {
-        activeDecorators.push(decorator)
-      }
-    }
-  }
-
-  return activeDecorators
-}

package/src/selectors/selector.get-active-list-item.ts

@@ -1,38 +0,0 @@
-import {isTextBlock} from '@portabletext/schema'
-import type {PortableTextListBlock} from '@sanity/types'
-import type {EditorSelector} from '../editor/editor-selector'
-import {getSelectedBlocks} from './selector.get-selected-blocks'
-
-/**
- * @public
- */
-export const getActiveListItem: EditorSelector<
-  PortableTextListBlock['listItem'] | undefined
-> = (snapshot) => {
-  if (!snapshot.context.selection) {
-    return undefined
-  }
-
-  const selectedBlocks = getSelectedBlocks(snapshot).map((block) => block.node)
-  const selectedTextBlocks = selectedBlocks.filter((block) =>
-    isTextBlock(snapshot.context, block),
-  )
-
-  const firstTextBlock = selectedTextBlocks.at(0)
-
-  if (!firstTextBlock) {
-    return undefined
-  }
-
-  const firstListItem = firstTextBlock.listItem
-
-  if (!firstListItem) {
-    return undefined
-  }
-
-  if (selectedTextBlocks.every((block) => block.listItem === firstListItem)) {
-    return firstListItem
-  }
-
-  return undefined
-}

package/src/selectors/selector.get-active-style.ts

@@ -1,38 +0,0 @@
-import {isTextBlock} from '@portabletext/schema'
-import type {PortableTextTextBlock} from '@sanity/types'
-import type {EditorSelector} from '../editor/editor-selector'
-import {getSelectedBlocks} from './selector.get-selected-blocks'
-
-/**
- * @public
- */
-export const getActiveStyle: EditorSelector<PortableTextTextBlock['style']> = (
-  snapshot,
-) => {
-  if (!snapshot.context.selection) {
-    return undefined
-  }
-
-  const selectedBlocks = getSelectedBlocks(snapshot).map((block) => block.node)
-  const selectedTextBlocks = selectedBlocks.filter((block) =>
-    isTextBlock(snapshot.context, block),
-  )
-
-  const firstTextBlock = selectedTextBlocks.at(0)
-
-  if (!firstTextBlock) {
-    return undefined
-  }
-
-  const firstStyle = firstTextBlock.style
-
-  if (!firstStyle) {
-    return undefined
-  }
-
-  if (selectedTextBlocks.every((block) => block.style === firstStyle)) {
-    return firstStyle
-  }
-
-  return undefined
-}

package/src/selectors/selector.get-anchor-block.ts

@@ -1,22 +0,0 @@
-import type {PortableTextBlock} from '@sanity/types'
-import type {EditorSelector} from '../editor/editor-selector'
-import type {BlockPath} from '../types/paths'
-import {getBlockKeyFromSelectionPoint} from '../utils/util.selection-point'
-
-/**
- * @public
- */
-export const getAnchorBlock: EditorSelector<
-  {node: PortableTextBlock; path: BlockPath} | undefined
-> = (snapshot) => {
-  if (!snapshot.context.selection) {
-    return undefined
-  }
-
-  const key = getBlockKeyFromSelectionPoint(snapshot.context.selection.anchor)
-  const index = key ? snapshot.blockIndexMap.get(key) : undefined
-  const node =
-    index !== undefined ? snapshot.context.value.at(index) : undefined
-
-  return node && key ? {node, path: [{_key: key}]} : undefined
-}

package/src/selectors/selector.get-anchor-child.ts

@@ -1,36 +0,0 @@
-import type {PortableTextObject, PortableTextSpan} from '@sanity/types'
-import type {EditorSelector} from '../editor/editor-selector'
-import type {ChildPath} from '../types/paths'
-import {getChildKeyFromSelectionPoint} from '../utils/util.selection-point'
-import {getAnchorTextBlock} from './selector.get-anchor-text-block'
-
-/**
- * @public
- */
-export const getAnchorChild: EditorSelector<
-  | {
-      node: PortableTextObject | PortableTextSpan
-      path: ChildPath
-    }
-  | undefined
-> = (snapshot) => {
-  if (!snapshot.context.selection) {
-    return undefined
-  }
-
-  const anchorBlock = getAnchorTextBlock(snapshot)
-
-  if (!anchorBlock) {
-    return undefined
-  }
-
-  const key = getChildKeyFromSelectionPoint(snapshot.context.selection.anchor)
-
-  const node = key
-    ? anchorBlock.node.children.find((span) => span._key === key)
-    : undefined
-
-  return node && key
-    ? {node, path: [...anchorBlock.path, 'children', {_key: key}]}
-    : undefined
-}

package/src/selectors/selector.get-anchor-span.ts

@@ -1,17 +0,0 @@
-import {isPortableTextSpan, type PortableTextSpan} from '@sanity/types'
-import type {EditorSelector} from '../editor/editor-selector'
-import type {ChildPath} from '../types/paths'
-import {getAnchorChild} from './selector.get-anchor-child'
-
-/**
- * @public
- */
-export const getAnchorSpan: EditorSelector<
-  {node: PortableTextSpan; path: ChildPath} | undefined
-> = (snapshot) => {
-  const anchorChild = getAnchorChild(snapshot)
-
-  return anchorChild && isPortableTextSpan(anchorChild.node)
-    ? {node: anchorChild.node, path: anchorChild.path}
-    : undefined
-}

package/src/selectors/selector.get-anchor-text-block.ts

@@ -1,18 +0,0 @@
-import {isTextBlock} from '@portabletext/schema'
-import type {PortableTextTextBlock} from '@sanity/types'
-import type {EditorSelector} from '../editor/editor-selector'
-import type {BlockPath} from '../types/paths'
-import {getAnchorBlock} from './selector.get-anchor-block'
-
-/**
- * @public
- */
-export const getAnchorTextBlock: EditorSelector<
-  {node: PortableTextTextBlock; path: BlockPath} | undefined
-> = (snapshot) => {
-  const anchorBlock = getAnchorBlock(snapshot)
-
-  return anchorBlock && isTextBlock(snapshot.context, anchorBlock.node)
-    ? {node: anchorBlock.node, path: anchorBlock.path}
-    : undefined
-}

package/src/selectors/selector.get-block-offsets.ts

@@ -1,34 +0,0 @@
-import type {EditorSelector} from '../editor/editor-selector'
-import type {BlockOffset} from '../types/block-offset'
-import {spanSelectionPointToBlockOffset} from '../utils/util.block-offset'
-import {getSelectionEndPoint} from './selector.get-selection-end-point'
-import {getSelectionStartPoint} from './selector.get-selection-start-point'
-
-/**
- * @public
- */
-export const getBlockOffsets: EditorSelector<
-  {start: BlockOffset; end: BlockOffset} | undefined
-> = (snapshot) => {
-  if (!snapshot.context.selection) {
-    return undefined
-  }
-
-  const selectionStartPoint = getSelectionStartPoint(snapshot)
-  const selectionEndPoint = getSelectionEndPoint(snapshot)
-
-  if (!selectionStartPoint || !selectionEndPoint) {
-    return undefined
-  }
-
-  const start = spanSelectionPointToBlockOffset({
-    context: snapshot.context,
-    selectionPoint: selectionStartPoint,
-  })
-  const end = spanSelectionPointToBlockOffset({
-    context: snapshot.context,
-    selectionPoint: selectionEndPoint,
-  })
-
-  return start && end ? {start, end} : undefined
-}

package/src/selectors/selector.get-caret-word-selection.test.ts

@@ -1,284 +0,0 @@
-import {createTestKeyGenerator} from '@portabletext/test'
-import type {PortableTextBlock} from '@sanity/types'
-import {describe, expect, test} from 'vitest'
-import {createTestSnapshot} from '../internal-utils/create-test-snapshot'
-import type {EditorSelection} from '../types/editor'
-import {getCaretWordSelection} from './selector.get-caret-word-selection'
-
-const keyGenerator = createTestKeyGenerator()
-
-function snapshot(value: Array<PortableTextBlock>, selection: EditorSelection) {
-  return createTestSnapshot({
-    context: {
-      value,
-      selection,
-      keyGenerator,
-    },
-  })
-}
-
-describe(getCaretWordSelection.name, () => {
-  test('empty block', () => {
-    expect(
-      getCaretWordSelection(
-        snapshot(
-          [
-            {
-              _key: 'k0',
-              _type: 'block',
-              children: [
-                {
-                  _key: 'k1',
-                  _type: 'span',
-                  text: '',
-                },
-              ],
-            },
-          ],
-          {
-            anchor: {
-              path: [{_key: 'k0'}, 'children', {_key: 'k1'}],
-              offset: 0,
-            },
-            focus: {
-              path: [{_key: 'k0'}, 'children', {_key: 'k1'}],
-              offset: 0,
-            },
-          },
-        ),
-      ),
-    ).toEqual(null)
-  })
-
-  test('inline object', () => {
-    expect(
-      getCaretWordSelection(
-        snapshot(
-          [
-            {
-              _key: 'k0',
-              _type: 'block',
-              children: [
-                {
-                  _key: 'k1',
-                  _type: 'stock-ticker',
-                  symbol: 'FOO',
-                },
-              ],
-            },
-          ],
-          {
-            anchor: {
-              path: [{_key: 'k0'}, 'children', {_key: 'k1'}],
-              offset: 0,
-            },
-            focus: {
-              path: [{_key: 'k0'}, 'children', {_key: 'k1'}],
-              offset: 0,
-            },
-          },
-        ),
-      ),
-    ).toEqual(null)
-  })
-
-  test('between inline objects', () => {
-    expect(
-      getCaretWordSelection(
-        snapshot(
-          [
-            {
-              _key: 'k0',
-              _type: 'block',
-              children: [
-                {
-                  _key: 'k1',
-                  _type: 'stock-ticker',
-                  symbol: 'FOO',
-                },
-                {
-                  _key: 'k2',
-                  _type: 'span',
-                  text: '',
-                },
-                {
-                  _key: 'k3',
-                  _type: 'stock-ticker',
-                  symbol: 'BAR',
-                },
-              ],
-            },
-          ],
-          {
-            anchor: {
-              path: [{_key: 'k0'}, 'children', {_key: 'k2'}],
-              offset: 0,
-            },
-            focus: {
-              path: [{_key: 'k0'}, 'children', {_key: 'k2'}],
-              offset: 0,
-            },
-          },
-        ),
-      ),
-    ).toEqual(null)
-  })
-
-  test('word between inline objects', () => {
-    expect(
-      getCaretWordSelection(
-        snapshot(
-          [
-            {
-              _key: 'k0',
-              _type: 'block',
-              children: [
-                {
-                  _key: 'k1',
-                  _type: 'stock-ticker',
-                  symbol: 'FOO',
-                },
-                {
-                  _key: 'k2',
-                  _type: 'span',
-                  text: 'foo',
-                },
-                {
-                  _key: 'k3',
-                  _type: 'stock-ticker',
-                  symbol: 'BAR',
-                },
-              ],
-            },
-          ],
-          {
-            anchor: {
-              path: [{_key: 'k0'}, 'children', {_key: 'k2'}],
-              offset: 0,
-            },
-            focus: {
-              path: [{_key: 'k0'}, 'children', {_key: 'k2'}],
-              offset: 0,
-            },
-          },
-        ),
-      ),
-    ).toEqual({
-      anchor: {
-        path: [{_key: 'k0'}, 'children', {_key: 'k2'}],
-        offset: 0,
-      },
-      focus: {
-        path: [{_key: 'k0'}, 'children', {_key: 'k2'}],
-        offset: 3,
-      },
-    })
-  })
-
-  test('no formatting', () => {
-    expect(
-      getCaretWordSelection(
-        snapshot(
-          [
-            {
-              _key: 'k0',
-              _type: 'block',
-              children: [
-                {
-                  _key: 'k1',
-                  _type: 'span',
-                  text: 'foo bar baz',
-                },
-              ],
-            },
-          ],
-          {
-            anchor: {
-              path: [{_key: 'k0'}, 'children', {_key: 'k1'}],
-              offset: 5,
-            },
-            focus: {
-              path: [{_key: 'k0'}, 'children', {_key: 'k1'}],
-              offset: 5,
-            },
-          },
-        ),
-      ),
-    ).toEqual({
-      anchor: {
-        path: [{_key: 'k0'}, 'children', {_key: 'k1'}],
-        offset: 4,
-      },
-      focus: {
-        path: [{_key: 'k0'}, 'children', {_key: 'k1'}],
-        offset: 7,
-      },
-    })
-  })
-
-  test('mixed formatting', () => {
-    expect(
-      getCaretWordSelection(
-        snapshot(
-          [
-            {
-              _key: 'k0',
-              _type: 'block',
-              children: [
-                {
-                  _type: 'span',
-                  _key: 'k1',
-                  text: 'f',
-                  marks: ['strong'],
-                },
-                {
-                  _type: 'span',
-                  _key: 'k2',
-                  marks: ['strong', 'em'],
-                  text: 'oo b',
-                },
-                {
-                  _type: 'span',
-                  _key: 'k3',
-                  marks: ['strong', 'em', 'underline'],
-                  text: 'a',
-                },
-                {
-                  _type: 'span',
-                  _key: 'k4',
-                  marks: ['strong', 'underline'],
-                  text: 'r ba',
-                },
-                {
-                  _type: 'span',
-                  _key: 'k5',
-                  marks: ['strong'],
-                  text: 'z',
-                },
-              ],
-            },
-          ],
-          {
-            anchor: {
-              path: [{_key: 'k0'}, 'children', {_key: 'k3'}],
-              offset: 0,
-            },
-            focus: {
-              path: [{_key: 'k0'}, 'children', {_key: 'k3'}],
-              offset: 0,
-            },
-          },
-        ),
-      ),
-    ).toEqual({
-      anchor: {
-        path: [{_key: 'k0'}, 'children', {_key: 'k2'}],
-        offset: 3,
-      },
-      focus: {
-        path: [{_key: 'k0'}, 'children', {_key: 'k4'}],
-        offset: 1,
-      },
-    })
-  })
-})