@portabletext/editor 1.26.2 → 1.27.0

package/lib/plugins/index.js

@@ -0,0 +1,29 @@
+import { useEditor } from "../_chunks-es/plugin.event-listener.js";
+import { EventListenerPlugin } from "../_chunks-es/plugin.event-listener.js";
+import { c } from "react-compiler-runtime";
+import React, { useEffect } from "react";
+import { createMarkdownBehaviors } from "../_chunks-es/behavior.markdown.js";
+const EditorRefPlugin = React.forwardRef((_, ref) => {
+  const $ = c(2), editor = useEditor(), portableTextEditorRef = React.useRef(editor);
+  let t0, t1;
+  return $[0] === Symbol.for("react.memo_cache_sentinel") ? (t0 = () => portableTextEditorRef.current, t1 = [], $[0] = t0, $[1] = t1) : (t0 = $[0], t1 = $[1]), React.useImperativeHandle(ref, t0, t1), null;
+});
+EditorRefPlugin.displayName = "EditorRefPlugin";
+function MarkdownPlugin(props) {
+  const editor = useEditor();
+  return useEffect(() => {
+    const unregisterBehaviors = createMarkdownBehaviors(props.config).map((behavior) => editor.registerBehavior({
+      behavior
+    }));
+    return () => {
+      for (const unregisterBehavior of unregisterBehaviors)
+        unregisterBehavior();
+    };
+  }, [editor, props.config]), null;
+}
+export {
+  EditorRefPlugin,
+  EventListenerPlugin,
+  MarkdownPlugin
+};
+//# sourceMappingURL=index.js.map

package/lib/plugins/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../src/plugins/plugin.editor-ref.tsx","../../src/plugins/plugin.markdown.tsx"],"sourcesContent":["import React from 'react'\nimport type {Editor} from '../editor/create-editor'\nimport {useEditor} from '../editor/editor-provider'\n\n/**\n * @beta\n */\nexport const EditorRefPlugin = React.forwardRef<Editor | null>((_, ref) => {\n  const editor = useEditor()\n\n  const portableTextEditorRef = React.useRef(editor)\n\n  React.useImperativeHandle(ref, () => portableTextEditorRef.current, [])\n\n  return null\n})\nEditorRefPlugin.displayName = 'EditorRefPlugin'\n","import {useEffect} from 'react'\nimport {\n  createMarkdownBehaviors,\n  type MarkdownBehaviorsConfig,\n} from '../behaviors/behavior.markdown'\nimport {useEditor} from '../editor/editor-provider'\n\n/**\n * @beta\n */\nexport type MarkdownPluginConfig = MarkdownBehaviorsConfig\n\n/**\n * @beta\n * Add markdown behaviors for common markdown actions such as converting ### to headings, --- to HRs, and more.\n *\n * @example\n * Configure the bundled markdown behaviors\n * ```ts\n * import {EditorProvider} from '@portabletext/editor'\n * import {MarkdownPlugin} from '@portabletext/editor/plugins'\n *\n * function App() {\n *   return (\n *    <EditorProvider>\n *      <MarkdownPlugin\n *        config={{\n *          horizontalRuleObject: ({schema}) => {\n *            const name = schema.blockObjects.find(\n *              (object) => object.name === 'break',\n *            )?.name\n *            return name ? {name} : undefined\n *          },\n *          defaultStyle: ({schema}) => schema.styles[0].value,\n *          headingStyle: ({schema, level}) =>\n *            schema.styles.find((style) => style.value === `h${level}`)\n *              ?.value,\n *          blockquoteStyle: ({schema}) =>\n *            schema.styles.find((style) => style.value === 'blockquote')\n *              ?.value,\n *          unorderedListStyle: ({schema}) =>\n *            schema.lists.find((list) => list.value === 'bullet')?.value,\n *          orderedListStyle: ({schema}) =>\n *            schema.lists.find((list) => list.value === 'number')?.value,\n *        }}\n *      />\n *      {...}\n *    </EditorProvider>\n *  )\n * }\n */\nexport function MarkdownPlugin(props: {config: MarkdownPluginConfig}) {\n  const editor = useEditor()\n\n  useEffect(() => {\n    const behaviors = createMarkdownBehaviors(props.config)\n\n    const unregisterBehaviors = behaviors.map((behavior) =>\n      editor.registerBehavior({behavior}),\n    )\n\n    return () => {\n      for (const unregisterBehavior of unregisterBehaviors) {\n        unregisterBehavior()\n      }\n    }\n  }, [editor, props.config])\n\n  return null\n}\n"],"names":["EditorRefPlugin","React","forwardRef","_","ref","$","_c","editor","useEditor","portableTextEditorRef","useRef","t0","t1","Symbol","for","current","useImperativeHandle","displayName","MarkdownPlugin","props","useEffect","unregisterBehaviors","createMarkdownBehaviors","config","map","behavior","registerBehavior","unregisterBehavior"],"mappings":";;;;;AAOO,MAAMA,kBAAkBC,MAAMC,WAA0B,CAAAC,GAAAC,QAAA;AAAAC,QAAAA,IAAAC,EAAA,CAAA,GAC7DC,SAAeC,UAEfC,GAAAA,wBAA8BR,MAAAS,OAAaH,MAAM;AAAC,MAAAI,IAAAC;AAAA,SAAAP,EAAA,CAAA,MAAAQ,OAAAC,IAAA,2BAAA,KAEnBH,KAAAA,MAAMF,sBAAqBM,SAAUH,KAAA,CAAA,GAAEP,OAAAM,IAAAN,OAAAO,OAAAD,KAAAN,EAAA,CAAA,GAAAO,KAAAP,EAAA,CAAA,IAAtEJ,MAAAe,oBAA0BZ,KAAKO,IAAqCC,EAAE,GAAC;AAAA,CAGxE;AACDZ,gBAAgBiB,cAAc;ACmCvB,SAASC,eAAeC,OAAuC;AACpE,QAAMZ,SAASC,UAAU;AAEzBY,SAAAA,UAAU,MAAM;AAGRC,UAAAA,sBAFYC,wBAAwBH,MAAMI,MAAM,EAEhBC,IAAKC,CAAAA,aACzClB,OAAOmB,iBAAiB;AAAA,MAACD;AAAAA,IAAAA,CAAS,CACpC;AAEA,WAAO,MAAM;AACX,iBAAWE,sBAAsBN;AACZ,2BAAA;AAAA,IAEvB;AAAA,KACC,CAACd,QAAQY,MAAMI,MAAM,CAAC,GAElB;AACT;"}

package/lib/selectors/index.d.cts

@@ -358,7 +358,7 @@ export declare const isSelectionExpanded: EditorSelector<boolean>
 declare type MIMEType = `${string}/${string}`
 
 /**
- * @alpha
+ * @internal
  */
 declare type PickFromUnion<
   TUnion,

package/lib/selectors/index.d.ts

@@ -358,7 +358,7 @@ export declare const isSelectionExpanded: EditorSelector<boolean>
 declare type MIMEType = `${string}/${string}`
 
 /**
- * @alpha
+ * @internal
  */
 declare type PickFromUnion<
   TUnion,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@portabletext/editor",
-  "version": "1.26.2",
+  "version": "1.27.0",
   "description": "Portable Text Editor made in React",
   "keywords": [
     "sanity",
@@ -39,6 +39,12 @@
       "require": "./lib/behaviors/index.cjs",
       "default": "./lib/behaviors/index.js"
     },
+    "./plugins": {
+      "source": "./src/plugins/index.ts",
+      "import": "./lib/plugins/index.js",
+      "require": "./lib/plugins/index.cjs",
+      "default": "./lib/plugins/index.js"
+    },
     "./selectors": {
       "source": "./src/selectors/_exports/index.ts",
       "import": "./lib/selectors/index.js",
@@ -73,15 +79,15 @@
     "slate-react": "0.112.1",
     "use-effect-event": "^1.0.2",
     "xstate": "^5.19.2",
-    "@portabletext/block-tools": "1.1.3",
+    "@portabletext/block-tools": "1.1.4",
     "@portabletext/patches": "1.1.2"
   },
   "devDependencies": {
     "@portabletext/toolkit": "^2.0.16",
     "@sanity/diff-match-patch": "^3.2.0",
-    "@sanity/pkg-utils": "^7.0.2",
-    "@sanity/schema": "^3.71.2",
-    "@sanity/types": "^3.71.2",
+    "@sanity/pkg-utils": "^7.0.3",
+    "@sanity/schema": "^3.72.1",
+    "@sanity/types": "^3.72.1",
     "@testing-library/jest-dom": "^6.6.3",
     "@testing-library/react": "^16.2.0",
     "@types/debug": "^4.1.12",
@@ -109,8 +115,8 @@
     "racejar": "1.1.2"
   },
   "peerDependencies": {
-    "@sanity/schema": "^3.71.2",
-    "@sanity/types": "^3.71.2",
+    "@sanity/schema": "^3.72.1",
+    "@sanity/types": "^3.72.1",
     "react": "^16.9 || ^17 || ^18 || ^19",
     "rxjs": "^7.8.1"
   },

package/src/editor/Editable.tsx

@@ -295,7 +295,7 @@ export const PortableTextEditable = forwardRef<
           // The selection is usually automatically emitted to change$ by the withPortableTextSelections plugin whenever there is a set_selection operation applied.
           if (!slateEditor.operations.some((o) => o.type === 'set_selection')) {
             editorActor.send({
-              type: 'selection',
+              type: 'notify.selection',
               selection: normalizedSelection,
             })
           }
@@ -465,7 +465,7 @@ export const PortableTextEditable = forwardRef<
         event.preventDefault()
 
         // Resolve it as promise (can be either async promise or sync return value)
-        editorActor.send({type: 'loading'})
+        editorActor.send({type: 'notify.loading'})
 
         Promise.resolve(onPasteResult)
           .then((result) => {
@@ -494,7 +494,7 @@ export const PortableTextEditable = forwardRef<
             return error
           })
           .finally(() => {
-            editorActor.send({type: 'done loading'})
+            editorActor.send({type: 'notify.done loading'})
           })
       } else if (event.nativeEvent.clipboardData) {
         editorActor.send({
@@ -525,12 +525,12 @@ export const PortableTextEditable = forwardRef<
           Transforms.select(slateEditor, Editor.start(slateEditor, []))
           slateEditor.onChange()
         }
-        editorActor.send({type: 'focused', event})
+        editorActor.send({type: 'notify.focused', event})
         const newSelection = PortableTextEditor.getSelection(portableTextEditor)
         // If the selection is the same, emit it explicitly here as there is no actual onChange event triggered.
         if (selection === newSelection) {
           editorActor.send({
-            type: 'selection',
+            type: 'notify.selection',
             selection,
           })
         }
@@ -581,7 +581,7 @@ export const PortableTextEditable = forwardRef<
         onBlur(event)
       }
       if (!event.isPropagationStopped()) {
-        editorActor.send({type: 'blurred', event})
+        editorActor.send({type: 'notify.blurred', event})
       }
     },
     [editorActor, onBlur],

package/src/editor/__tests__/PortableTextEditor.test.tsx

@@ -32,7 +32,6 @@ describe('initialization', () => {
     await waitFor(() => {
       expect(editorRef.current).not.toBe(null)
       expect(onChange).toHaveBeenCalledWith({type: 'ready'})
-      expect(onChange).toHaveBeenCalledWith({type: 'value', value: undefined})
       expect(container).toMatchInlineSnapshot(`
 <div>
   <div

package/src/editor/components/Synchronizer.tsx

@@ -67,7 +67,22 @@ export function Synchronizer(props: SynchronizerProps) {
 
   useEffect(() => {
     const subscription = syncActorRef.on('*', (event) => {
-      props.editorActor.send(event)
+      switch (event.type) {
+        case 'invalid value':
+          props.editorActor.send({
+            ...event,
+            type: 'notify.invalid value',
+          })
+          break
+        case 'value changed':
+          props.editorActor.send({
+            ...event,
+            type: 'notify.value changed',
+          })
+          break
+        default:
+          props.editorActor.send(event)
+      }
     })
 
     return () => {

package/src/editor/create-editor.ts

@@ -11,10 +11,13 @@ import {
   type EventObject,
   type Snapshot,
 } from 'xstate'
-import type {Behavior, CustomBehaviorEvent} from '../behaviors/behavior.types'
+import type {
+  Behavior,
+  CustomBehaviorEvent,
+  SyntheticBehaviorEvent,
+} from '../behaviors/behavior.types'
 import {coreConverters} from '../converters/converters.core'
 import {compileType} from '../internal-utils/schema'
-import type {PickFromUnion} from '../type-utils'
 import type {EditableAPI} from '../types/editor'
 import {createEditorSchema} from './create-editor-schema'
 import {createSlateEditor, type SlateEditor} from './create-slate-editor'
@@ -23,7 +26,7 @@ import {
   editorMachine,
   type EditorActor,
   type EditorEmittedEvent,
-  type InternalEditorEvent,
+  type ExternalEditorEvent,
 } from './editor-machine'
 import {getEditorSnapshot} from './editor-selector'
 import type {EditorSnapshot} from './editor-snapshot'
@@ -60,51 +63,8 @@ export type EditorConfig = {
  * @public
  */
 export type EditorEvent =
-  | PickFromUnion<
-      InternalEditorEvent,
-      'type',
-      | 'annotation.add'
-      | 'annotation.remove'
-      | 'annotation.toggle'
-      | 'block.set'
-      | 'block.unset'
-      | 'blur'
-      | 'data transfer.set'
-      | 'decorator.add'
-      | 'decorator.remove'
-      | 'decorator.toggle'
-      | 'delete.block'
-      | 'delete.text'
-      | 'deserialization.failure'
-      | 'deserialization.success'
-      | 'focus'
-      | 'insert.block'
-      | 'insert.block object'
-      | 'insert.inline object'
-      | 'insert.span'
-      | 'insert.text block'
-      | 'list item.add'
-      | 'list item.remove'
-      | 'list item.toggle'
-      | 'move.block'
-      | 'move.block down'
-      | 'move.block up'
-      | 'select'
-      | 'select.next block'
-      | 'select.previous block'
-      | 'serialization.failure'
-      | 'serialization.success'
-      | 'style.add'
-      | 'style.remove'
-      | 'style.toggle'
-      | 'text block.set'
-      | 'text block.unset'
-      | 'patches'
-      | 'update behaviors'
-      | 'update key generator'
-      | 'update readOnly'
-      | 'update value'
-    >
+  | ExternalEditorEvent
+  | SyntheticBehaviorEvent
   | CustomBehaviorEvent
 
 /**

package/src/editor/editor-machine.ts

@@ -21,7 +21,7 @@ import {
   type SyntheticBehaviorEvent,
 } from '../behaviors/behavior.types'
 import type {Converter} from '../converters/converter.types'
-import type {OmitFromUnion, PickFromUnion} from '../type-utils'
+import type {NamespaceEvent} from '../type-utils'
 import type {
   EditorSelection,
   InvalidValueResolution,
@@ -34,17 +34,7 @@ import {withApplyingBehaviorActions} from './with-applying-behavior-actions'
 export * from 'xstate/guards'
 
 /**
- * @internal
- */
-export type EditorActor = ActorRefFrom<typeof editorMachine>
-
-/**
- * @internal
- */
-export type PatchEvent = {type: 'patch'; patch: Patch}
-
-/**
- * @internal
+ * @public
  */
 export type PatchesEvent = {
   type: 'patches'
@@ -53,7 +43,7 @@ export type PatchesEvent = {
 }
 
 /**
- * @internal
+ * @public
  */
 export type MutationEvent = {
   type: 'mutation'
@@ -66,26 +56,9 @@ export type MutationEvent = {
 }
 
 /**
- * @internal
+ * @public
  */
-export type InternalEditorEvent =
-  | {type: 'normalizing'}
-  | {type: 'done normalizing'}
-  | {type: 'done syncing initial value'}
-  | {
-      type: 'behavior event'
-      behaviorEvent: SyntheticBehaviorEvent | NativeBehaviorEvent
-      editor: PortableTextSlateEditor
-      defaultActionCallback?: () => void
-      nativeEvent?: {preventDefault: () => void}
-    }
-  | {
-      type: 'custom behavior event'
-      behaviorEvent: CustomBehaviorEvent
-      editor: PortableTextSlateEditor
-      nativeEvent?: {preventDefault: () => void}
-    }
-  | CustomBehaviorEvent
+export type ExternalEditorEvent =
   | {
       type: 'add behavior'
       behavior: Behavior
@@ -118,53 +91,21 @@ export type InternalEditorEvent =
       type: 'update maxBlocks'
       maxBlocks: number | undefined
     }
-  | OmitFromUnion<
-      InternalEditorEmittedEvent,
-      'type',
-      'ready' | 'read only' | 'editable'
-    >
+  | PatchesEvent
 
 /**
  * @public
  */
-export type EditorEmittedEvent = PickFromUnion<
-  InternalEditorEmittedEvent,
-  'type',
-  | 'blurred'
-  | 'done loading'
-  | 'editable'
-  | 'error'
-  | 'focused'
-  | 'invalid value'
-  | 'loading'
-  | 'mutation'
-  | 'patch'
-  | 'read only'
-  | 'ready'
-  | 'selection'
-  | 'value changed'
->
-
-/**
- * @internal
- */
-export type InternalEditorEmittedEvent =
-  | {type: 'ready'}
-  | PatchEvent
-  | PatchesEvent
-  | MutationEvent
+export type EditorEmittedEvent =
   | {
-      type: 'unset'
-      previousValue: Array<PortableTextBlock>
+      type: 'blurred'
+      event: FocusEvent<HTMLDivElement, Element>
     }
   | {
-      type: 'value changed'
-      value: Array<PortableTextBlock> | undefined
+      type: 'done loading'
     }
   | {
-      type: 'invalid value'
-      resolution: InvalidValueResolution | null
-      value: Array<PortableTextBlock> | undefined
+      type: 'editable'
     }
   | {
       type: 'error'
@@ -172,59 +113,96 @@ export type InternalEditorEmittedEvent =
       description: string
       data: unknown
     }
-  | {type: 'selection'; selection: EditorSelection}
-  | {type: 'blurred'; event: FocusEvent<HTMLDivElement, Element>}
-  | {type: 'focused'; event: FocusEvent<HTMLDivElement, Element>}
-  | {type: 'loading'}
-  | {type: 'done loading'}
-  | {type: 'read only'}
-  | {type: 'editable'}
-  | PickFromUnion<
-      SyntheticBehaviorEvent,
-      'type',
-      | 'annotation.add'
-      | 'annotation.remove'
-      | 'annotation.toggle'
-      | 'block.set'
-      | 'block.unset'
-      | 'blur'
-      | 'data transfer.set'
-      | 'decorator.add'
-      | 'decorator.remove'
-      | 'decorator.toggle'
-      | 'delete.backward'
-      | 'delete.block'
-      | 'delete.forward'
-      | 'delete.text'
-      | 'deserialization.failure'
-      | 'deserialization.success'
-      | 'focus'
-      | 'insert.block'
-      | 'insert.block object'
-      | 'insert.inline object'
-      | 'insert.span'
-      | 'insert.text block'
-      | 'list item.add'
-      | 'list item.remove'
-      | 'list item.toggle'
-      | 'move.block'
-      | 'move.block down'
-      | 'move.block up'
-      | 'select'
-      | 'select.next block'
-      | 'select.previous block'
-      | 'serialization.failure'
-      | 'serialization.success'
-      | 'style.add'
-      | 'style.remove'
-      | 'style.toggle'
-      | 'text block.set'
-      | 'text block.unset'
-    >
+  | {
+      type: 'focused'
+      event: FocusEvent<HTMLDivElement, Element>
+    }
+  | {
+      type: 'invalid value'
+      resolution: InvalidValueResolution | null
+      value: Array<PortableTextBlock> | undefined
+    }
+  | {
+      type: 'loading'
+    }
+  | MutationEvent
+  | PatchEvent
+  | {
+      type: 'read only'
+    }
+  | {
+      type: 'ready'
+    }
+  | {
+      type: 'selection'
+      selection: EditorSelection
+    }
+  | {
+      type: 'value changed'
+      value: Array<PortableTextBlock> | undefined
+    }
+
+type PatchEvent = {
+  type: 'patch'
+  patch: Patch
+}
+
+type UnsetEvent = {
+  type: 'unset'
+  previousValue: Array<PortableTextBlock>
+}
+
+/**
+ * @internal
+ */
+export type EditorActor = ActorRefFrom<typeof editorMachine>
+
+/**
+ * @internal
+ */
+export type InternalEditorEvent =
+  | {
+      type: 'normalizing'
+    }
+  | {
+      type: 'done normalizing'
+    }
+  | {
+      type: 'done syncing initial value'
+    }
+  | {
+      type: 'behavior event'
+      behaviorEvent: SyntheticBehaviorEvent | NativeBehaviorEvent
+      editor: PortableTextSlateEditor
+      defaultActionCallback?: () => void
+      nativeEvent?: {preventDefault: () => void}
+    }
+  | {
+      type: 'custom behavior event'
+      behaviorEvent: CustomBehaviorEvent
+      editor: PortableTextSlateEditor
+      nativeEvent?: {preventDefault: () => void}
+    }
+  | CustomBehaviorEvent
+  | ExternalEditorEvent
+  | MutationEvent
+  | NamespaceEvent<EditorEmittedEvent, 'notify'>
+  | NamespaceEvent<UnsetEvent, 'notify'>
+  | PatchEvent
+  | SyntheticBehaviorEvent
+
+/**
+ * @internal
+ */
+export type InternalEditorEmittedEvent =
+  | EditorEmittedEvent
+  | PatchesEvent
+  | UnsetEvent
   | {
       type: 'custom.*'
       event: CustomBehaviorEvent
     }
+  | SyntheticBehaviorEvent
 
 /**
  * @internal
@@ -514,23 +492,32 @@ export const editorMachine = setup({
     value: input.value,
   }),
   on: {
-    'add behavior': {actions: 'add behavior to context'},
-    'remove behavior': {actions: 'remove behavior from context'},
-    'unset': {actions: emit(({event}) => event)},
-    'value changed': {actions: emit(({event}) => event)},
-    'invalid value': {actions: emit(({event}) => event)},
-    'error': {actions: emit(({event}) => event)},
-    'selection': {
+    'notify.blurred': {
+      actions: emit(({event}) => ({...event, type: 'blurred'})),
+    },
+    'notify.done loading': {actions: emit({type: 'done loading'})},
+    'notify.error': {actions: emit(({event}) => ({...event, type: 'error'}))},
+    'notify.invalid value': {
+      actions: emit(({event}) => ({...event, type: 'invalid value'})),
+    },
+    'notify.focused': {
+      actions: emit(({event}) => ({...event, type: 'focused'})),
+    },
+    'notify.selection': {
       actions: [
         assign({selection: ({event}) => event.selection}),
-        emit(({event}) => event),
+        emit(({event}) => ({...event, type: 'selection'})),
       ],
     },
-    'blurred': {actions: emit(({event}) => event)},
-    'focused': {actions: emit(({event}) => event)},
-    'loading': {actions: emit({type: 'loading'})},
+    'notify.unset': {actions: emit(({event}) => ({...event, type: 'unset'}))},
+    'notify.loading': {actions: emit({type: 'loading'})},
+    'notify.value changed': {
+      actions: emit(({event}) => ({...event, type: 'value changed'})),
+    },
+
+    'add behavior': {actions: 'add behavior to context'},
+    'remove behavior': {actions: 'remove behavior from context'},
     'patches': {actions: emit(({event}) => event)},
-    'done loading': {actions: emit({type: 'done loading'})},
     'update behaviors': {actions: 'assign behaviors'},
     'update key generator': {
       actions: assign({keyGenerator: ({event}) => event.keyGenerator}),
@@ -548,6 +535,18 @@ export const editorMachine = setup({
       states: {
         'read only': {
           initial: 'determine initial edit mode',
+          on: {
+            'behavior event': {
+              actions: 'handle behavior event',
+              guard: ({event}) =>
+                event.behaviorEvent.type === 'copy' ||
+                event.behaviorEvent.type === 'data transfer.set' ||
+                event.behaviorEvent.type === 'serialize' ||
+                event.behaviorEvent.type === 'serialization.failure' ||
+                event.behaviorEvent.type === 'serialization.success' ||
+                event.behaviorEvent.type === 'select',
+            },
+          },
           states: {
             'determine initial edit mode': {
               on: {
@@ -564,16 +563,6 @@ export const editorMachine = setup({
             },
             'read only': {
               on: {
-                'behavior event': {
-                  actions: 'handle behavior event',
-                  guard: ({event}) =>
-                    event.behaviorEvent.type === 'copy' ||
-                    event.behaviorEvent.type === 'data transfer.set' ||
-                    event.behaviorEvent.type === 'serialize' ||
-                    event.behaviorEvent.type === 'serialization.failure' ||
-                    event.behaviorEvent.type === 'serialization.success' ||
-                    event.behaviorEvent.type === 'select',
-                },
                 'update readOnly': {
                   guard: ({event}) => !event.readOnly,
                   target: '#editor.edit mode.editable',