@portabletext/editor 2.3.1 → 2.3.2

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

@@ -1,17 +1,14 @@
 import {render, waitFor} from '@testing-library/react'
 import {createRef, type RefObject} from 'react'
 import {describe, expect, it, vi} from 'vitest'
-import {
-  PortableTextEditorTester,
-  schemaType,
-} from '../../__tests__/PortableTextEditorTester'
+import {PortableTextEditorTester} from '../../__tests__/PortableTextEditorTester'
 import {createTestKeyGenerator} from '../../../internal-utils/test-key-generator'
 import {PortableTextEditor} from '../../PortableTextEditor'
 
 const initialValue = [
   {
     _key: 'a',
-    _type: 'myTestBlockType',
+    _type: 'block',
     children: [
       {
         _key: 'a1',
@@ -25,7 +22,7 @@ const initialValue = [
   },
   {
     _key: 'b',
-    _type: 'myTestBlockType',
+    _type: 'block',
     children: [
       {
         _key: 'b1',
@@ -52,7 +49,6 @@ describe('plugin:withEditableAPI: .delete()', () => {
       <PortableTextEditorTester
         onChange={onChange}
         ref={editorRef}
-        schemaType={schemaType}
         value={initialValue}
         keyGenerator={createTestKeyGenerator()}
       />,
@@ -82,7 +78,7 @@ describe('plugin:withEditableAPI: .delete()', () => {
           [
             {
               "_key": "a",
-              "_type": "myTestBlockType",
+              "_type": "block",
               "children": [
                 {
                   "_key": "a1",
@@ -108,7 +104,6 @@ describe('plugin:withEditableAPI: .delete()', () => {
         keyGenerator={createTestKeyGenerator()}
         onChange={onChange}
         ref={editorRef}
-        schemaType={schemaType}
         value={initialValue}
       />,
     )
@@ -139,7 +134,7 @@ describe('plugin:withEditableAPI: .delete()', () => {
         expect(PortableTextEditor.getValue(editorRef.current)).toEqual([
           {
             _key: 'k2',
-            _type: 'myTestBlockType',
+            _type: 'block',
             children: [
               {
                 _key: 'k3',
@@ -165,7 +160,6 @@ describe('plugin:withEditableAPI: .delete()', () => {
         keyGenerator={createTestKeyGenerator()}
         onChange={onChange}
         ref={editorRef}
-        schemaType={schemaType}
         value={initialValue}
       />,
     )
@@ -206,7 +200,7 @@ describe('plugin:withEditableAPI: .delete()', () => {
                   [
                     {
                       "_key": "a",
-                      "_type": "myTestBlockType",
+                      "_type": "block",
                       "children": [
                         {
                           "_key": "a1",
@@ -220,7 +214,7 @@ describe('plugin:withEditableAPI: .delete()', () => {
                     },
                     {
                       "_key": "b",
-                      "_type": "myTestBlockType",
+                      "_type": "block",
                       "children": [
                         {
                           "_key": "k2",
@@ -246,7 +240,6 @@ describe('plugin:withEditableAPI: .delete()', () => {
       <PortableTextEditorTester
         onChange={onChange}
         ref={editorRef}
-        schemaType={schemaType}
         value={initialValue}
         keyGenerator={createTestKeyGenerator()}
       />,
@@ -286,7 +279,7 @@ describe('plugin:withEditableAPI: .delete()', () => {
         expect(PortableTextEditor.getValue(editorRef.current)).toEqual([
           {
             _key: 'b',
-            _type: 'myTestBlockType',
+            _type: 'block',
             children: [
               {
                 _key: 'b1',

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

@@ -3,17 +3,17 @@ import {createRef, type RefObject} from 'react'
 import {describe, expect, it, vi} from 'vitest'
 import {
   PortableTextEditorTester,
-  schemaType,
+  schemaDefinition,
 } from '../../__tests__/PortableTextEditorTester'
 import {isTextBlock} from '../../../internal-utils/parse-blocks'
 import {createTestKeyGenerator} from '../../../internal-utils/test-key-generator'
-import {legacySchemaToEditorSchema} from '../../editor-schema'
+import {compileSchemaDefinition} from '../../editor-schema'
 import {PortableTextEditor} from '../../PortableTextEditor'
 
 const initialValue = [
   {
     _key: 'a',
-    _type: 'myTestBlockType',
+    _type: 'block',
     children: [
       {
         _key: 'a1',
@@ -27,7 +27,7 @@ const initialValue = [
   },
   {
     _key: 'b',
-    _type: 'myTestBlockType',
+    _type: 'block',
     children: [
       {
         _key: 'b1',
@@ -61,7 +61,6 @@ describe('plugin:withEditableAPI: .getFragment()', () => {
         keyGenerator={createTestKeyGenerator()}
         onChange={onChange}
         ref={editorRef}
-        schemaType={schemaType}
         value={initialValue}
       />,
     )
@@ -89,9 +88,7 @@ describe('plugin:withEditableAPI: .getFragment()', () => {
           fragment &&
             isTextBlock(
               {
-                schema: legacySchemaToEditorSchema(
-                  editorRef.current.schemaTypes,
-                ),
+                schema: compileSchemaDefinition(schemaDefinition),
               },
               fragment[0],
             ) &&
@@ -110,7 +107,6 @@ describe('plugin:withEditableAPI: .getFragment()', () => {
         keyGenerator={createTestKeyGenerator()}
         onChange={onChange}
         ref={editorRef}
-        schemaType={schemaType}
         value={initialValue}
       />,
     )
@@ -138,7 +134,7 @@ describe('plugin:withEditableAPI: .getFragment()', () => {
           [
             {
               "_key": "a",
-              "_type": "myTestBlockType",
+              "_type": "block",
               "children": [
                 {
                   "_key": "a1",
@@ -152,7 +148,7 @@ describe('plugin:withEditableAPI: .getFragment()', () => {
             },
             {
               "_key": "b",
-              "_type": "myTestBlockType",
+              "_type": "block",
               "children": [
                 {
                   "_key": "b1",

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

@@ -1,17 +1,14 @@
 import {render, waitFor} from '@testing-library/react'
 import {createRef, type RefObject} from 'react'
 import {describe, expect, it, vi} from 'vitest'
-import {
-  PortableTextEditorTester,
-  schemaType,
-} from '../../__tests__/PortableTextEditorTester'
+import {PortableTextEditorTester} from '../../__tests__/PortableTextEditorTester'
 import {createTestKeyGenerator} from '../../../internal-utils/test-key-generator'
 import {PortableTextEditor} from '../../PortableTextEditor'
 
 const initialValue = [
   {
     _key: 'a',
-    _type: 'myTestBlockType',
+    _type: 'block',
     children: [
       {
         _key: 'a1',
@@ -32,7 +29,7 @@ const initialSelection = {
 const emptyTextBlock = [
   {
     _key: 'emptyBlock',
-    _type: 'myTestBlockType',
+    _type: 'block',
     children: [
       {
         _key: 'emptySpan',
@@ -66,7 +63,6 @@ describe('plugin:withEditableAPI: .insertChild()', () => {
         keyGenerator={createTestKeyGenerator()}
         onChange={onChange}
         ref={editorRef}
-        schemaType={schemaType}
         value={initialValue}
       />,
     )
@@ -104,7 +100,7 @@ describe('plugin:withEditableAPI: .insertChild()', () => {
         expect(PortableTextEditor.getValue(editorRef.current)).toEqual([
           {
             _key: 'a',
-            _type: 'myTestBlockType',
+            _type: 'block',
             children: [
               {
                 _key: 'a1',
@@ -148,7 +144,7 @@ describe('plugin:withEditableAPI: .insertChild()', () => {
         expect(PortableTextEditor.getValue(editorRef.current)).toEqual([
           {
             _key: 'a',
-            _type: 'myTestBlockType',
+            _type: 'block',
             children: [
               {
                 _key: 'a1',
@@ -189,7 +185,7 @@ describe('plugin:withEditableAPI: .insertBlock()', () => {
     const value = [
       {
         _key: 'emptyBlock',
-        _type: 'myTestBlockType',
+        _type: 'block',
         children: [
           {
             _key: 'emptySpan',
@@ -207,7 +203,6 @@ describe('plugin:withEditableAPI: .insertBlock()', () => {
     render(
       <PortableTextEditorTester
         ref={editorRef}
-        schemaType={schemaType}
         value={emptyTextBlock}
         onChange={onChange}
         keyGenerator={createTestKeyGenerator()}
@@ -230,20 +225,24 @@ describe('plugin:withEditableAPI: .insertBlock()', () => {
 
     await waitFor(() => {
       if (editorRef.current) {
-        const someObject = editorRef.current.schemaTypes.inlineObjects.find(
-          (t) => t.name === 'someObject',
-        )!
-
-        PortableTextEditor.insertBlock(editorRef.current, someObject, {
-          color: 'red',
-        })
+        PortableTextEditor.insertBlock(
+          editorRef.current,
+          {name: 'custom image'},
+          {
+            src: 'https://example.com/image.jpg',
+          },
+        )
       }
     })
 
     await waitFor(() => {
       if (editorRef.current) {
         expect(PortableTextEditor.getValue(editorRef.current)).toEqual([
-          {_key: 'k2', _type: 'someObject', color: 'red'},
+          {
+            _key: 'k2',
+            _type: 'custom image',
+            src: 'https://example.com/image.jpg',
+          },
         ])
       }
     })
@@ -256,7 +255,6 @@ describe('plugin:withEditableAPI: .insertBlock()', () => {
     render(
       <PortableTextEditorTester
         ref={editorRef}
-        schemaType={schemaType}
         value={initialValue}
         onChange={onChange}
         keyGenerator={createTestKeyGenerator()}
@@ -282,13 +280,13 @@ describe('plugin:withEditableAPI: .insertBlock()', () => {
 
     await waitFor(() => {
       if (editorRef.current) {
-        const someObject = editorRef.current.schemaTypes.inlineObjects.find(
-          (t) => t.name === 'someObject',
-        )!
-
-        PortableTextEditor.insertBlock(editorRef.current, someObject, {
-          color: 'red',
-        })
+        PortableTextEditor.insertBlock(
+          editorRef.current,
+          {name: 'custom image'},
+          {
+            src: 'https://example.com/image.jpg',
+          },
+        )
       }
     })
 
@@ -296,7 +294,11 @@ describe('plugin:withEditableAPI: .insertBlock()', () => {
       if (editorRef.current) {
         expect(PortableTextEditor.getValue(editorRef.current)).toEqual([
           ...initialValue,
-          {_key: 'k2', _type: 'someObject', color: 'red'},
+          {
+            _key: 'k2',
+            _type: 'custom image',
+            src: 'https://example.com/image.jpg',
+          },
         ])
       }
     })
@@ -310,7 +312,6 @@ describe('plugin:withEditableAPI: .insertBlock()', () => {
       <PortableTextEditorTester
         onChange={onChange}
         ref={editorRef}
-        schemaType={schemaType}
         value={initialValue}
         keyGenerator={createTestKeyGenerator()}
       />,
@@ -338,19 +339,24 @@ describe('plugin:withEditableAPI: .insertBlock()', () => {
 
     await waitFor(() => {
       if (editorRef.current) {
-        const someObject = editorRef.current.schemaTypes.inlineObjects.find(
-          (t) => t.name === 'someObject',
-        )!
-        PortableTextEditor.insertBlock(editorRef.current, someObject, {
-          color: 'red',
-        })
+        PortableTextEditor.insertBlock(
+          editorRef.current,
+          {name: 'custom image'},
+          {
+            src: 'https://example.com/image.jpg',
+          },
+        )
       }
     })
 
     await waitFor(() => {
       if (editorRef.current) {
         expect(PortableTextEditor.getValue(editorRef.current)).toEqual([
-          {_key: 'k2', _type: 'someObject', color: 'red'},
+          {
+            _key: 'k2',
+            _type: 'custom image',
+            src: 'https://example.com/image.jpg',
+          },
           ...initialValue,
         ])
       }
@@ -361,14 +367,13 @@ describe('plugin:withEditableAPI: .insertBlock()', () => {
     const editorRef: RefObject<PortableTextEditor | null> = createRef()
     const value = [
       ...initialValue,
-      {_key: 'b', _type: 'someObject', color: 'red'},
+      {_key: 'b', _type: 'custom image', src: 'https://example.com/image.jpg'},
     ]
     const onChange = vi.fn()
 
     render(
       <PortableTextEditorTester
         ref={editorRef}
-        schemaType={schemaType}
         value={value}
         onChange={onChange}
         keyGenerator={createTestKeyGenerator()}
@@ -385,7 +390,7 @@ describe('plugin:withEditableAPI: .insertBlock()', () => {
     await waitFor(() => {
       if (editorRef.current) {
         PortableTextEditor.focus(editorRef.current)
-        // Focus the `someObject` block
+        // Focus the `custom image` block
         PortableTextEditor.select(editorRef.current, {
           focus: {path: [{_key: 'b'}], offset: 0},
           anchor: {path: [{_key: 'b'}], offset: 0},
@@ -395,12 +400,13 @@ describe('plugin:withEditableAPI: .insertBlock()', () => {
 
     await waitFor(() => {
       if (editorRef.current) {
-        const someObject = editorRef.current.schemaTypes.inlineObjects.find(
-          (t) => t.name === 'someObject',
-        )!
-        PortableTextEditor.insertBlock(editorRef.current, someObject, {
-          color: 'yellow',
-        })
+        PortableTextEditor.insertBlock(
+          editorRef.current,
+          {name: 'custom image'},
+          {
+            src: 'https://example.com/image2.jpg',
+          },
+        )
       }
     })
 
@@ -408,7 +414,11 @@ describe('plugin:withEditableAPI: .insertBlock()', () => {
       if (editorRef.current) {
         expect(PortableTextEditor.getValue(editorRef.current)).toEqual([
           ...value,
-          {_key: 'k2', _type: 'someObject', color: 'yellow'},
+          {
+            _key: 'k2',
+            _type: 'custom image',
+            src: 'https://example.com/image2.jpg',
+          },
         ])
       }
     })
@@ -418,14 +428,13 @@ describe('plugin:withEditableAPI: .insertBlock()', () => {
     const editorRef: RefObject<PortableTextEditor | null> = createRef()
     const value = [
       ...initialValue,
-      {_key: 'b', _type: 'someObject', color: 'red'},
+      {_key: 'b', _type: 'custom image', src: 'https://example.com/image.jpg'},
     ]
     const onChange = vi.fn()
 
     render(
       <PortableTextEditorTester
         ref={editorRef}
-        schemaType={schemaType}
         value={value}
         onChange={onChange}
         keyGenerator={createTestKeyGenerator()}
@@ -449,12 +458,13 @@ describe('plugin:withEditableAPI: .insertBlock()', () => {
 
     await waitFor(() => {
       if (editorRef.current) {
-        const someObject = editorRef.current.schemaTypes.inlineObjects.find(
-          (t) => t.name === 'someObject',
-        )!
-        PortableTextEditor.insertBlock(editorRef.current, someObject, {
-          color: 'yellow',
-        })
+        PortableTextEditor.insertBlock(
+          editorRef.current,
+          {name: 'custom image'},
+          {
+            src: 'https://example.com/image2.jpg',
+          },
+        )
       }
     })
 
@@ -462,7 +472,11 @@ describe('plugin:withEditableAPI: .insertBlock()', () => {
       if (editorRef.current) {
         expect(PortableTextEditor.getValue(editorRef.current)).toEqual([
           value[0],
-          {_key: 'k2', _type: 'someObject', color: 'yellow'},
+          {
+            _key: 'k2',
+            _type: 'custom image',
+            src: 'https://example.com/image2.jpg',
+          },
           value[1],
         ])
       }
@@ -477,7 +491,6 @@ describe('plugin:withEditableAPI: .insertBlock()', () => {
     render(
       <PortableTextEditorTester
         ref={editorRef}
-        schemaType={schemaType}
         value={value}
         onChange={onChange}
         keyGenerator={createTestKeyGenerator()}
@@ -499,12 +512,13 @@ describe('plugin:withEditableAPI: .insertBlock()', () => {
 
     await waitFor(() => {
       if (editorRef.current) {
-        const someObject = editorRef.current.schemaTypes.inlineObjects.find(
-          (t) => t.name === 'someObject',
-        )!
-        PortableTextEditor.insertBlock(editorRef.current, someObject, {
-          color: 'yellow',
-        })
+        PortableTextEditor.insertBlock(
+          editorRef.current,
+          {name: 'custom image'},
+          {
+            src: 'https://example.com/image.jpg',
+          },
+        )
       }
     })
 
@@ -512,7 +526,11 @@ describe('plugin:withEditableAPI: .insertBlock()', () => {
       if (editorRef.current) {
         expect(PortableTextEditor.getValue(editorRef.current)).toEqual([
           value[0],
-          {_key: 'k2', _type: 'someObject', color: 'yellow'},
+          {
+            _key: 'k2',
+            _type: 'custom image',
+            src: 'https://example.com/image.jpg',
+          },
         ])
       }
     })

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

@@ -2,17 +2,14 @@ import type {PortableTextBlock} from '@sanity/types'
 import {render, waitFor} from '@testing-library/react'
 import {createRef, type RefObject} from 'react'
 import {describe, expect, it, vi} from 'vitest'
-import {
-  PortableTextEditorTester,
-  schemaType,
-} from '../../__tests__/PortableTextEditorTester'
+import {PortableTextEditorTester} from '../../__tests__/PortableTextEditorTester'
 import {createTestKeyGenerator} from '../../../internal-utils/test-key-generator'
 import {PortableTextEditor} from '../../PortableTextEditor'
 
 const INITIAL_VALUE: PortableTextBlock[] = [
   {
     _key: 'a',
-    _type: 'myTestBlockType',
+    _type: 'block',
     children: [
       {
         _key: 'a1',
@@ -35,7 +32,6 @@ describe('plugin:withEditableAPI: .isSelectionsOverlapping', () => {
         keyGenerator={createTestKeyGenerator()}
         onChange={onChange}
         ref={editorRef}
-        schemaType={schemaType}
         value={INITIAL_VALUE}
       />,
     )
@@ -70,7 +66,6 @@ describe('plugin:withEditableAPI: .isSelectionsOverlapping', () => {
         keyGenerator={createTestKeyGenerator()}
         onChange={onChange}
         ref={editorRef}
-        schemaType={schemaType}
         value={INITIAL_VALUE}
       />,
     )
@@ -105,7 +100,6 @@ describe('plugin:withEditableAPI: .isSelectionsOverlapping', () => {
         keyGenerator={createTestKeyGenerator()}
         onChange={onChange}
         ref={editorRef}
-        schemaType={schemaType}
         value={INITIAL_VALUE}
       />,
     )
@@ -140,7 +134,6 @@ describe('plugin:withEditableAPI: .isSelectionsOverlapping', () => {
         keyGenerator={createTestKeyGenerator()}
         onChange={onChange}
         ref={editorRef}
-        schemaType={schemaType}
         value={INITIAL_VALUE}
       />,
     )

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

@@ -1,10 +1,7 @@
 import {render, waitFor} from '@testing-library/react'
 import {createRef, type RefObject} from 'react'
 import {describe, expect, it, vi} from 'vitest'
-import {
-  PortableTextEditorTester,
-  schemaType,
-} from '../../__tests__/PortableTextEditorTester'
+import {PortableTextEditorTester} from '../../__tests__/PortableTextEditorTester'
 import {createTestKeyGenerator} from '../../../internal-utils/test-key-generator'
 import {PortableTextEditor} from '../../PortableTextEditor'
 
@@ -14,7 +11,7 @@ describe('plugin:withPortableTextLists', () => {
     const initialValue = [
       {
         _key: 'a',
-        _type: 'myTestBlockType',
+        _type: 'block',
         children: [
           {
             _key: 'a1',
@@ -28,7 +25,7 @@ describe('plugin:withPortableTextLists', () => {
       },
       {
         _key: 'b',
-        _type: 'myTestBlockType',
+        _type: 'block',
         children: [
           {
             _key: '2',
@@ -50,7 +47,6 @@ describe('plugin:withPortableTextLists', () => {
           keyGenerator={createTestKeyGenerator()}
           onChange={onChange}
           ref={editorRef}
-          schemaType={schemaType}
           value={initialValue}
         />,
       )