@portabletext/editor 1.0.19 → 1.1.0

package/src/editor/plugins/__tests__/withEditableAPIInsert.test.tsx

@@ -1,8 +1,10 @@
 import {describe, expect, it, jest} from '@jest/globals'
 import {render, waitFor} from '@testing-library/react'
 import {createRef, type RefObject} from 'react'
-
-import {PortableTextEditorTester, schemaType} from '../../__tests__/PortableTextEditorTester'
+import {
+  PortableTextEditorTester,
+  schemaType,
+} from '../../__tests__/PortableTextEditorTester'
 import {PortableTextEditor} from '../../PortableTextEditor'
 
 const initialValue = [
@@ -43,8 +45,14 @@ const emptyTextBlock = [
   },
 ]
 const emptyBlockSelection = {
-  focus: {path: [{_key: 'emptyBlock'}, 'children', {_key: 'emptySpan'}], offset: 0},
-  anchor: {path: [{_key: 'emptyBlock'}, 'children', {_key: 'emptySpan'}], offset: 0},
+  focus: {
+    path: [{_key: 'emptyBlock'}, 'children', {_key: 'emptySpan'}],
+    offset: 0,
+  },
+  anchor: {
+    path: [{_key: 'emptyBlock'}, 'children', {_key: 'emptySpan'}],
+    offset: 0,
+  },
 }
 
 describe('plugin:withEditableAPI: .insertChild()', () => {
@@ -63,7 +71,10 @@ describe('plugin:withEditableAPI: .insertChild()', () => {
 
     await waitFor(() => {
       if (editorRef.current) {
-        expect(onChange).toHaveBeenCalledWith({type: 'value', value: initialValue})
+        expect(onChange).toHaveBeenCalledWith({
+          type: 'value',
+          value: initialValue,
+        })
         expect(onChange).toHaveBeenCalledWith({type: 'ready'})
       }
     })
@@ -80,7 +91,9 @@ describe('plugin:withEditableAPI: .insertChild()', () => {
         const inlineType = editorRef.current.schemaTypes.inlineObjects.find(
           (t) => t.name === 'someObject',
         )!
-        PortableTextEditor.insertChild(editorRef.current, inlineType, {color: 'red'})
+        PortableTextEditor.insertChild(editorRef.current, inlineType, {
+          color: 'red',
+        })
       }
     })
 
@@ -118,9 +131,13 @@ describe('plugin:withEditableAPI: .insertChild()', () => {
 
     await waitFor(() => {
       if (editorRef.current) {
-        PortableTextEditor.insertChild(editorRef.current, editorRef.current.schemaTypes.span, {
-          text: ' ',
-        })
+        PortableTextEditor.insertChild(
+          editorRef.current,
+          editorRef.current.schemaTypes.span,
+          {
+            text: ' ',
+          },
+        )
       }
     })
 
@@ -214,7 +231,9 @@ describe('plugin:withEditableAPI: .insertBlock()', () => {
           (t) => t.name === 'someObject',
         )!
 
-        PortableTextEditor.insertBlock(editorRef.current, someObject, {color: 'red'})
+        PortableTextEditor.insertBlock(editorRef.current, someObject, {
+          color: 'red',
+        })
       }
     })
 
@@ -242,7 +261,10 @@ describe('plugin:withEditableAPI: .insertBlock()', () => {
 
     await waitFor(() => {
       if (editorRef.current) {
-        expect(onChange).toHaveBeenCalledWith({type: 'value', value: initialValue})
+        expect(onChange).toHaveBeenCalledWith({
+          type: 'value',
+          value: initialValue,
+        })
         expect(onChange).toHaveBeenCalledWith({type: 'ready'})
       }
     })
@@ -260,7 +282,9 @@ describe('plugin:withEditableAPI: .insertBlock()', () => {
           (t) => t.name === 'someObject',
         )!
 
-        PortableTextEditor.insertBlock(editorRef.current, someObject, {color: 'red'})
+        PortableTextEditor.insertBlock(editorRef.current, someObject, {
+          color: 'red',
+        })
       }
     })
 
@@ -289,7 +313,10 @@ describe('plugin:withEditableAPI: .insertBlock()', () => {
 
     await waitFor(() => {
       if (editorRef.current) {
-        expect(onChange).toHaveBeenCalledWith({type: 'value', value: initialValue})
+        expect(onChange).toHaveBeenCalledWith({
+          type: 'value',
+          value: initialValue,
+        })
         expect(onChange).toHaveBeenCalledWith({type: 'ready'})
       }
     })
@@ -309,7 +336,9 @@ describe('plugin:withEditableAPI: .insertBlock()', () => {
         const someObject = editorRef.current.schemaTypes.inlineObjects.find(
           (t) => t.name === 'someObject',
         )!
-        PortableTextEditor.insertBlock(editorRef.current, someObject, {color: 'red'})
+        PortableTextEditor.insertBlock(editorRef.current, someObject, {
+          color: 'red',
+        })
       }
     })
 
@@ -325,7 +354,10 @@ describe('plugin:withEditableAPI: .insertBlock()', () => {
 
   it('should not add empty blank blocks: non text block', async () => {
     const editorRef: RefObject<PortableTextEditor> = createRef()
-    const value = [...initialValue, {_key: 'b', _type: 'someObject', color: 'red'}]
+    const value = [
+      ...initialValue,
+      {_key: 'b', _type: 'someObject', color: 'red'},
+    ]
     const onChange = jest.fn()
 
     render(
@@ -360,7 +392,9 @@ describe('plugin:withEditableAPI: .insertBlock()', () => {
         const someObject = editorRef.current.schemaTypes.inlineObjects.find(
           (t) => t.name === 'someObject',
         )!
-        PortableTextEditor.insertBlock(editorRef.current, someObject, {color: 'yellow'})
+        PortableTextEditor.insertBlock(editorRef.current, someObject, {
+          color: 'yellow',
+        })
       }
     })
 
@@ -376,7 +410,10 @@ describe('plugin:withEditableAPI: .insertBlock()', () => {
 
   it('should not add empty blank blocks: in between blocks', async () => {
     const editorRef: RefObject<PortableTextEditor> = createRef()
-    const value = [...initialValue, {_key: 'b', _type: 'someObject', color: 'red'}]
+    const value = [
+      ...initialValue,
+      {_key: 'b', _type: 'someObject', color: 'red'},
+    ]
     const onChange = jest.fn()
 
     render(
@@ -408,7 +445,9 @@ describe('plugin:withEditableAPI: .insertBlock()', () => {
         const someObject = editorRef.current.schemaTypes.inlineObjects.find(
           (t) => t.name === 'someObject',
         )!
-        PortableTextEditor.insertBlock(editorRef.current, someObject, {color: 'yellow'})
+        PortableTextEditor.insertBlock(editorRef.current, someObject, {
+          color: 'yellow',
+        })
       }
     })
 
@@ -455,7 +494,9 @@ describe('plugin:withEditableAPI: .insertBlock()', () => {
         const someObject = editorRef.current.schemaTypes.inlineObjects.find(
           (t) => t.name === 'someObject',
         )!
-        PortableTextEditor.insertBlock(editorRef.current, someObject, {color: 'yellow'})
+        PortableTextEditor.insertBlock(editorRef.current, someObject, {
+          color: 'yellow',
+        })
       }
     })
 

package/src/editor/plugins/__tests__/withEditableAPISelectionsOverlapping.test.tsx

@@ -2,8 +2,10 @@ import {describe, expect, it, jest} from '@jest/globals'
 import {type PortableTextBlock} from '@sanity/types'
 import {render, waitFor} from '@testing-library/react'
 import {createRef, type RefObject} from 'react'
-
-import {PortableTextEditorTester, schemaType} from '../../__tests__/PortableTextEditorTester'
+import {
+  PortableTextEditorTester,
+  schemaType,
+} from '../../__tests__/PortableTextEditorTester'
 import {PortableTextEditor} from '../../PortableTextEditor'
 
 const INITIAL_VALUE: PortableTextBlock[] = [

package/src/editor/plugins/__tests__/withPortableTextLists.test.tsx

@@ -1,8 +1,10 @@
 import {describe, expect, it, jest} from '@jest/globals'
 import {render, waitFor} from '@testing-library/react'
 import {createRef, type RefObject} from 'react'
-
-import {PortableTextEditorTester, schemaType} from '../../__tests__/PortableTextEditorTester'
+import {
+  PortableTextEditorTester,
+  schemaType,
+} from '../../__tests__/PortableTextEditorTester'
 import {PortableTextEditor} from '../../PortableTextEditor'
 
 describe('plugin:withPortableTextLists', () => {

package/src/editor/plugins/__tests__/withPortableTextMarkModel.test.tsx

@@ -2,13 +2,12 @@ import {describe, expect, it, jest} from '@jest/globals'
 /* eslint-disable max-nested-callbacks */
 import {render, waitFor} from '@testing-library/react'
 import {createRef, type RefObject} from 'react'
-
-import {type EditorSelection} from '../../../types/editor'
 import {
   PortableTextEditorTester,
   schemaType,
   schemaTypeWithColorAndLink,
 } from '../../__tests__/PortableTextEditorTester'
+import {type EditorSelection} from '../../../types/editor'
 import {PortableTextEditor} from '../../PortableTextEditor'
 
 describe('plugin:withPortableTextMarksModel', () => {
@@ -79,7 +78,8 @@ describe('plugin:withPortableTextMarksModel', () => {
             anchor: {path: [{_key: 'a'}, 'children', {_key: 'a1'}], offset: 3},
           })
           PortableTextEditor.toggleMark(editorRef.current, 'strong')
-          expect(PortableTextEditor.getValue(editorRef.current)).toMatchInlineSnapshot(`
+          expect(PortableTextEditor.getValue(editorRef.current))
+            .toMatchInlineSnapshot(`
         Array [
           Object {
             "_key": "a",
@@ -189,7 +189,10 @@ Array [
 
       await waitFor(() => {
         if (editorRef.current) {
-          expect(onChange).toHaveBeenCalledWith({type: 'value', value: initialValue})
+          expect(onChange).toHaveBeenCalledWith({
+            type: 'value',
+            value: initialValue,
+          })
           expect(onChange).toHaveBeenCalledWith({type: 'ready'})
         }
       })
@@ -296,8 +299,14 @@ Array [
         },
       ]
       const sel: EditorSelection = {
-        focus: {path: [{_key: '5fc57af23597'}, 'children', {_key: '11c8c9f783a8'}], offset: 4},
-        anchor: {path: [{_key: '7cd53af36712'}, 'children', {_key: '576c748e0cd2'}], offset: 0},
+        focus: {
+          path: [{_key: '5fc57af23597'}, 'children', {_key: '11c8c9f783a8'}],
+          offset: 4,
+        },
+        anchor: {
+          path: [{_key: '7cd53af36712'}, 'children', {_key: '576c748e0cd2'}],
+          offset: 0,
+        },
       }
       const onChange = jest.fn()
       await waitFor(() => {
@@ -424,7 +433,10 @@ Array [
 
       await waitFor(() => {
         if (editorRef.current) {
-          expect(onChange).toHaveBeenCalledWith({type: 'value', value: initialValue})
+          expect(onChange).toHaveBeenCalledWith({
+            type: 'value',
+            value: initialValue,
+          })
           expect(onChange).toHaveBeenCalledWith({type: 'ready'})
         }
       })
@@ -524,7 +536,10 @@ Array [
 
       await waitFor(() => {
         if (editorRef.current) {
-          expect(onChange).toHaveBeenCalledWith({type: 'value', value: initialValue})
+          expect(onChange).toHaveBeenCalledWith({
+            type: 'value',
+            value: initialValue,
+          })
           expect(onChange).toHaveBeenCalledWith({type: 'ready'})
         }
       })
@@ -537,12 +552,19 @@ Array [
 
       await waitFor(() => {
         if (editorRef.current) {
-          const currentSelectionObject = PortableTextEditor.getSelection(editorRef.current)
+          const currentSelectionObject = PortableTextEditor.getSelection(
+            editorRef.current,
+          )
           PortableTextEditor.toggleMark(editorRef.current, 'strong')
-          const nextSelectionObject = PortableTextEditor.getSelection(editorRef.current)
+          const nextSelectionObject = PortableTextEditor.getSelection(
+            editorRef.current,
+          )
           expect(currentSelectionObject).toEqual(nextSelectionObject)
           expect(currentSelectionObject === nextSelectionObject).toBe(false)
-          expect(onChange).toHaveBeenCalledWith({type: 'selection', selection: nextSelectionObject})
+          expect(onChange).toHaveBeenCalledWith({
+            type: 'selection',
+            selection: nextSelectionObject,
+          })
         }
       })
     })
@@ -645,7 +667,9 @@ Array [
           focus: {path: [{_key: 'a'}, 'children', {_key: 'a1'}], offset: 0},
           anchor: {path: [{_key: 'a'}, 'children', {_key: '2'}], offset: 2},
         })
-        expect(PortableTextEditor.isAnnotationActive(editor, 'link')).toBe(false)
+        expect(PortableTextEditor.isAnnotationActive(editor, 'link')).toBe(
+          false,
+        )
       })
     })
   })
@@ -697,15 +721,28 @@ Array [
           PortableTextEditor.focus(editorRef.current)
           // Selects `a link` from `This is a link`, so the mark should be kept in the first span, color mark in both.
           PortableTextEditor.select(editorRef.current, {
-            focus: {path: [{_key: '5fc57af23597'}, 'children', {_key: 'be1c67c6971a'}], offset: 14},
+            focus: {
+              path: [
+                {_key: '5fc57af23597'},
+                'children',
+                {_key: 'be1c67c6971a'},
+              ],
+              offset: 14,
+            },
             anchor: {
-              path: [{_key: '5fc57af23597'}, 'children', {_key: 'be1c67c6971a'}],
+              path: [
+                {_key: '5fc57af23597'},
+                'children',
+                {_key: 'be1c67c6971a'},
+              ],
               offset: 8,
             },
           })
 
           // // eslint-disable-next-line max-nested-callbacks
-          const linkType = editorRef.current.schemaTypes.annotations.find((a) => a.name === 'link')
+          const linkType = editorRef.current.schemaTypes.annotations.find(
+            (a) => a.name === 'link',
+          )
           if (!linkType) {
             throw new Error('No link type found')
           }
@@ -746,9 +783,16 @@ Array [
 
           // removes the color from both
           PortableTextEditor.select(editorRef.current, {
-            focus: {path: [{_key: '5fc57af23597'}, 'children', {_key: '1'}], offset: 6},
+            focus: {
+              path: [{_key: '5fc57af23597'}, 'children', {_key: '1'}],
+              offset: 6,
+            },
             anchor: {
-              path: [{_key: '5fc57af23597'}, 'children', {_key: 'be1c67c6971a'}],
+              path: [
+                {_key: '5fc57af23597'},
+                'children',
+                {_key: 'be1c67c6971a'},
+              ],
               offset: 0,
             },
           })

package/src/editor/plugins/__tests__/withPortableTextSelections.test.tsx

@@ -1,8 +1,10 @@
 import {describe, expect, it, jest} from '@jest/globals'
 import {render, waitFor} from '@testing-library/react'
 import {createRef, type RefObject} from 'react'
-
-import {PortableTextEditorTester, schemaType} from '../../__tests__/PortableTextEditorTester'
+import {
+  PortableTextEditorTester,
+  schemaType,
+} from '../../__tests__/PortableTextEditorTester'
 import {PortableTextEditor} from '../../PortableTextEditor'
 
 const initialValue = [
@@ -56,7 +58,8 @@ describe('plugin:withPortableTextSelections', () => {
       if (editorRef.current) {
         PortableTextEditor.focus(editorRef.current)
         PortableTextEditor.select(editorRef.current, initialSelection)
-        expect(PortableTextEditor.getSelection(editorRef.current)).toMatchInlineSnapshot(`
+        expect(PortableTextEditor.getSelection(editorRef.current))
+          .toMatchInlineSnapshot(`
           Object {
             "anchor": Object {
               "offset": 9,

package/src/editor/plugins/__tests__/withUndoRedo.test.tsx

@@ -1,8 +1,10 @@
 import {describe, expect, it, jest} from '@jest/globals'
 import {render, waitFor} from '@testing-library/react'
 import {createRef, type RefObject} from 'react'
-
-import {PortableTextEditorTester, schemaType} from '../../__tests__/PortableTextEditorTester'
+import {
+  PortableTextEditorTester,
+  schemaType,
+} from '../../__tests__/PortableTextEditorTester'
 import {PortableTextEditor} from '../../PortableTextEditor'
 
 const initialValue = [
@@ -56,7 +58,10 @@ describe('plugin:withUndoRedo', () => {
 
     await waitFor(() => {
       if (editorRef.current) {
-        expect(onChange).toHaveBeenCalledWith({type: 'value', value: initialValue})
+        expect(onChange).toHaveBeenCalledWith({
+          type: 'value',
+          value: initialValue,
+        })
         expect(onChange).toHaveBeenCalledWith({type: 'ready'})
       }
     })
@@ -70,7 +75,8 @@ describe('plugin:withUndoRedo', () => {
           PortableTextEditor.getSelection(editorRef.current),
           {mode: 'blocks'},
         )
-        expect(PortableTextEditor.getValue(editorRef.current)).toMatchInlineSnapshot(`
+        expect(PortableTextEditor.getValue(editorRef.current))
+          .toMatchInlineSnapshot(`
           Array [
             Object {
               "_key": "a",
@@ -89,7 +95,9 @@ describe('plugin:withUndoRedo', () => {
           ]
         `)
         PortableTextEditor.undo(editorRef.current)
-        expect(PortableTextEditor.getValue(editorRef.current)).toEqual(initialValue)
+        expect(PortableTextEditor.getValue(editorRef.current)).toEqual(
+          initialValue,
+        )
       }
     })
   })
@@ -108,7 +116,10 @@ describe('plugin:withUndoRedo', () => {
 
     await waitFor(() => {
       if (editorRef.current) {
-        expect(onChange).toHaveBeenCalledWith({type: 'value', value: initialValue})
+        expect(onChange).toHaveBeenCalledWith({
+          type: 'value',
+          value: initialValue,
+        })
         expect(onChange).toHaveBeenCalledWith({type: 'ready'})
       }
     })
@@ -117,15 +128,21 @@ describe('plugin:withUndoRedo', () => {
       if (editorRef.current) {
         PortableTextEditor.focus(editorRef.current)
         PortableTextEditor.select(editorRef.current, initialSelection)
-        PortableTextEditor.insertBlock(editorRef.current, editorRef.current.schemaTypes.block, {
-          children: [{_key: 'c1', _type: 'span', marks: [], text: 'Block C'}],
-        })
-        const producedKey = PortableTextEditor.getValue(editorRef.current)?.slice(-1)[0]?._key
+        PortableTextEditor.insertBlock(
+          editorRef.current,
+          editorRef.current.schemaTypes.block,
+          {
+            children: [{_key: 'c1', _type: 'span', marks: [], text: 'Block C'}],
+          },
+        )
+        const producedKey = PortableTextEditor.getValue(
+          editorRef.current,
+        )?.slice(-1)[0]?._key
         PortableTextEditor.undo(editorRef.current)
         PortableTextEditor.redo(editorRef.current)
-        expect(PortableTextEditor.getValue(editorRef.current)?.slice(-1)[0]?._key).toEqual(
-          producedKey,
-        )
+        expect(
+          PortableTextEditor.getValue(editorRef.current)?.slice(-1)[0]?._key,
+        ).toEqual(producedKey)
       }
     })
   })