npm - @portabletext/editor - Versions diffs - 1.27.0 → 1.30.0 - Mend

@portabletext/editor 1.27.0 → 1.30.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (79) hide show

package/README.md +5 -5
package/lib/_chunks-cjs/behavior.core.cjs +40 -37
package/lib/_chunks-cjs/behavior.core.cjs.map +1 -1
package/lib/_chunks-cjs/parse-blocks.cjs +79 -0
package/lib/_chunks-cjs/parse-blocks.cjs.map +1 -0
package/lib/_chunks-cjs/plugin.event-listener.cjs +357 -140
package/lib/_chunks-cjs/plugin.event-listener.cjs.map +1 -1
package/lib/_chunks-cjs/selector.get-selection-start-point.cjs +15 -0
package/lib/_chunks-cjs/selector.get-selection-start-point.cjs.map +1 -0
package/lib/_chunks-cjs/selector.is-at-the-start-of-block.cjs +88 -88
package/lib/_chunks-cjs/selector.is-at-the-start-of-block.cjs.map +1 -1
package/lib/_chunks-es/behavior.core.js +40 -37
package/lib/_chunks-es/behavior.core.js.map +1 -1
package/lib/_chunks-es/parse-blocks.js +80 -0
package/lib/_chunks-es/parse-blocks.js.map +1 -0
package/lib/_chunks-es/plugin.event-listener.js +359 -141
package/lib/_chunks-es/plugin.event-listener.js.map +1 -1
package/lib/_chunks-es/selector.get-selection-start-point.js +16 -0
package/lib/_chunks-es/selector.get-selection-start-point.js.map +1 -0
package/lib/_chunks-es/selector.is-at-the-start-of-block.js +88 -88
package/lib/_chunks-es/selector.is-at-the-start-of-block.js.map +1 -1
package/lib/behaviors/index.d.cts +196 -124
package/lib/behaviors/index.d.ts +196 -124
package/lib/index.cjs +22 -21
package/lib/index.cjs.map +1 -1
package/lib/index.d.cts +505 -0
package/lib/index.d.ts +505 -0
package/lib/index.js +22 -21
package/lib/index.js.map +1 -1
package/lib/plugins/index.cjs +249 -1
package/lib/plugins/index.cjs.map +1 -1
package/lib/plugins/index.d.cts +246 -1
package/lib/plugins/index.d.ts +246 -1
package/lib/plugins/index.js +257 -3
package/lib/plugins/index.js.map +1 -1
package/lib/selectors/index.cjs +42 -3
package/lib/selectors/index.cjs.map +1 -1
package/lib/selectors/index.d.cts +39 -0
package/lib/selectors/index.d.ts +39 -0
package/lib/selectors/index.js +45 -4
package/lib/selectors/index.js.map +1 -1
package/lib/utils/index.cjs +70 -1
package/lib/utils/index.cjs.map +1 -1
package/lib/utils/index.d.cts +168 -2
package/lib/utils/index.d.ts +168 -2
package/lib/utils/index.js +71 -1
package/lib/utils/index.js.map +1 -1
package/package.json +4 -4
package/src/behavior-actions/behavior.action.delete.ts +18 -0
package/src/behavior-actions/behavior.action.insert-break.ts +96 -91
package/src/behavior-actions/behavior.actions.ts +9 -0
package/src/behaviors/_exports/index.ts +1 -0
package/src/behaviors/behavior.core.deserialize.ts +52 -38
package/src/behaviors/behavior.core.ts +4 -11
package/src/behaviors/behavior.types.ts +4 -0
package/src/editor/PortableTextEditor.tsx +308 -1
package/src/editor/components/DefaultObject.tsx +21 -0
package/src/editor/components/Element.tsx +5 -5
package/src/editor/components/Leaf.tsx +1 -6
package/src/internal-utils/__tests__/patchToOperations.test.ts +19 -21
package/src/internal-utils/applyPatch.ts +11 -3
package/src/plugins/index.ts +2 -0
package/src/plugins/plugin.behavior.tsx +22 -0
package/src/plugins/plugin.one-line.tsx +225 -0
package/src/selectors/index.ts +7 -2
package/src/selectors/selector.get-active-annotations.test.ts +122 -0
package/src/selectors/selector.get-active-annotations.ts +30 -0
package/src/selectors/selector.get-selection-end-point.ts +17 -0
package/src/selectors/selector.get-selection-start-point.ts +17 -0
package/src/selectors/selector.get-selection.ts +8 -0
package/src/selectors/selector.get-value.ts +11 -0
package/src/selectors/selector.is-overlapping-selection.ts +46 -0
package/src/utils/index.ts +4 -0
package/src/utils/util.is-span.ts +12 -0
package/src/utils/util.is-text-block.ts +12 -0
package/src/utils/util.merge-text-blocks.ts +36 -0
package/src/utils/util.split-text-block.ts +55 -0
package/src/editor/nodes/DefaultAnnotation.tsx +0 -20
package/src/editor/nodes/DefaultObject.tsx +0 -18

package/lib/plugins/index.d.cts CHANGED Viewed

@@ -17,7 +17,7 @@ import type {
   FocusEvent as FocusEvent_2,
   KeyboardEvent as KeyboardEvent_2,
 } from 'react'
-import {default as React_2} from 'react'
+import {JSX, default as React_2} from 'react'
 import {Descendant, TextUnit} from 'slate'
 import type {Operation} from 'slate'
 import type {DOMNode} from 'slate-dom'
@@ -129,6 +129,13 @@ declare type BehaviorGuard<TBehaviorEvent, TGuardResponse> = ({
   event: TBehaviorEvent
 }) => TGuardResponse | false
+/**
+ * @beta
+ */
+export declare function BehaviorPlugin(props: {
+  behaviors: Array<Behavior>
+}): null
 /**
  * @beta
  */
@@ -448,6 +455,10 @@ declare const editorMachine: StateMachine<
       type: 'decorator.toggle'
       decorator: string
     }
+  | {
+      type: 'delete'
+      selection: NonNullable<EditorSelection>
+    }
   | {
       type: 'delete.backward'
       unit: TextUnit
@@ -868,6 +879,10 @@ declare const editorMachine: StateMachine<
       type: 'decorator.toggle'
       decorator: string
     }
+  | {
+      type: 'delete'
+      selection: NonNullable<EditorSelection>
+    }
   | {
       type: 'delete.backward'
       unit: TextUnit
@@ -1188,6 +1203,10 @@ declare const editorMachine: StateMachine<
               type: 'decorator.toggle'
               decorator: string
             }
+          | {
+              type: 'delete'
+              selection: NonNullable<EditorSelection>
+            }
           | {
               type: 'delete.backward'
               unit: TextUnit
@@ -1533,6 +1552,10 @@ declare const editorMachine: StateMachine<
             type: 'decorator.toggle'
             decorator: string
           }
+        | {
+            type: 'delete'
+            selection: NonNullable<EditorSelection>
+          }
         | {
             type: 'delete.backward'
             unit: TextUnit
@@ -1902,6 +1925,10 @@ declare const editorMachine: StateMachine<
               type: 'decorator.toggle'
               decorator: string
             }
+          | {
+              type: 'delete'
+              selection: NonNullable<EditorSelection>
+            }
           | {
               type: 'delete.backward'
               unit: TextUnit
@@ -2245,6 +2272,10 @@ declare const editorMachine: StateMachine<
               type: 'decorator.toggle'
               decorator: string
             }
+          | {
+              type: 'delete'
+              selection: NonNullable<EditorSelection>
+            }
           | {
               type: 'delete.backward'
               unit: TextUnit
@@ -2533,6 +2564,10 @@ declare const editorMachine: StateMachine<
               type: 'decorator.toggle'
               decorator: string
             }
+          | {
+              type: 'delete'
+              selection: NonNullable<EditorSelection>
+            }
           | {
               type: 'delete.backward'
               unit: TextUnit
@@ -2876,6 +2911,10 @@ declare const editorMachine: StateMachine<
               type: 'decorator.toggle'
               decorator: string
             }
+          | {
+              type: 'delete'
+              selection: NonNullable<EditorSelection>
+            }
           | {
               type: 'delete.backward'
               unit: TextUnit
@@ -3167,6 +3206,10 @@ declare const editorMachine: StateMachine<
               type: 'decorator.toggle'
               decorator: string
             }
+          | {
+              type: 'delete'
+              selection: NonNullable<EditorSelection>
+            }
           | {
               type: 'delete.backward'
               unit: TextUnit
@@ -3510,6 +3553,10 @@ declare const editorMachine: StateMachine<
               type: 'decorator.toggle'
               decorator: string
             }
+          | {
+              type: 'delete'
+              selection: NonNullable<EditorSelection>
+            }
           | {
               type: 'delete.backward'
               unit: TextUnit
@@ -3800,6 +3847,10 @@ declare const editorMachine: StateMachine<
               type: 'decorator.toggle'
               decorator: string
             }
+          | {
+              type: 'delete'
+              selection: NonNullable<EditorSelection>
+            }
           | {
               type: 'delete.backward'
               unit: TextUnit
@@ -4143,6 +4194,10 @@ declare const editorMachine: StateMachine<
               type: 'decorator.toggle'
               decorator: string
             }
+          | {
+              type: 'delete'
+              selection: NonNullable<EditorSelection>
+            }
           | {
               type: 'delete.backward'
               unit: TextUnit
@@ -4432,6 +4487,10 @@ declare const editorMachine: StateMachine<
               type: 'decorator.toggle'
               decorator: string
             }
+          | {
+              type: 'delete'
+              selection: NonNullable<EditorSelection>
+            }
           | {
               type: 'delete.backward'
               unit: TextUnit
@@ -4775,6 +4834,10 @@ declare const editorMachine: StateMachine<
               type: 'decorator.toggle'
               decorator: string
             }
+          | {
+              type: 'delete'
+              selection: NonNullable<EditorSelection>
+            }
           | {
               type: 'delete.backward'
               unit: TextUnit
@@ -5065,6 +5128,10 @@ declare const editorMachine: StateMachine<
                 type: 'decorator.toggle'
                 decorator: string
               }
+            | {
+                type: 'delete'
+                selection: NonNullable<EditorSelection>
+              }
             | {
                 type: 'delete.backward'
                 unit: TextUnit
@@ -5426,6 +5493,10 @@ declare const editorMachine: StateMachine<
                 type: 'decorator.toggle'
                 decorator: string
               }
+            | {
+                type: 'delete'
+                selection: NonNullable<EditorSelection>
+              }
             | {
                 type: 'delete.backward'
                 unit: TextUnit
@@ -5769,6 +5840,10 @@ declare const editorMachine: StateMachine<
                 type: 'decorator.toggle'
                 decorator: string
               }
+            | {
+                type: 'delete'
+                selection: NonNullable<EditorSelection>
+              }
             | {
                 type: 'delete.backward'
                 unit: TextUnit
@@ -6059,6 +6134,10 @@ declare const editorMachine: StateMachine<
               type: 'decorator.toggle'
               decorator: string
             }
+          | {
+              type: 'delete'
+              selection: NonNullable<EditorSelection>
+            }
           | {
               type: 'delete.backward'
               unit: TextUnit
@@ -6402,6 +6481,10 @@ declare const editorMachine: StateMachine<
               type: 'decorator.toggle'
               decorator: string
             }
+          | {
+              type: 'delete'
+              selection: NonNullable<EditorSelection>
+            }
           | {
               type: 'delete.backward'
               unit: TextUnit
@@ -6690,6 +6773,10 @@ declare const editorMachine: StateMachine<
               type: 'decorator.toggle'
               decorator: string
             }
+          | {
+              type: 'delete'
+              selection: NonNullable<EditorSelection>
+            }
           | {
               type: 'delete.backward'
               unit: TextUnit
@@ -7033,6 +7120,10 @@ declare const editorMachine: StateMachine<
               type: 'decorator.toggle'
               decorator: string
             }
+          | {
+              type: 'delete'
+              selection: NonNullable<EditorSelection>
+            }
           | {
               type: 'delete.backward'
               unit: TextUnit
@@ -7322,6 +7413,10 @@ declare const editorMachine: StateMachine<
               type: 'decorator.toggle'
               decorator: string
             }
+          | {
+              type: 'delete'
+              selection: NonNullable<EditorSelection>
+            }
           | {
               type: 'delete.backward'
               unit: TextUnit
@@ -7665,6 +7760,10 @@ declare const editorMachine: StateMachine<
               type: 'decorator.toggle'
               decorator: string
             }
+          | {
+              type: 'delete'
+              selection: NonNullable<EditorSelection>
+            }
           | {
               type: 'delete.backward'
               unit: TextUnit
@@ -7957,6 +8056,10 @@ declare const editorMachine: StateMachine<
               type: 'decorator.toggle'
               decorator: string
             }
+          | {
+              type: 'delete'
+              selection: NonNullable<EditorSelection>
+            }
           | {
               type: 'delete.backward'
               unit: TextUnit
@@ -8300,6 +8403,10 @@ declare const editorMachine: StateMachine<
               type: 'decorator.toggle'
               decorator: string
             }
+          | {
+              type: 'delete'
+              selection: NonNullable<EditorSelection>
+            }
           | {
               type: 'delete.backward'
               unit: TextUnit
@@ -8592,6 +8699,10 @@ declare const editorMachine: StateMachine<
               type: 'decorator.toggle'
               decorator: string
             }
+          | {
+              type: 'delete'
+              selection: NonNullable<EditorSelection>
+            }
           | {
               type: 'delete.backward'
               unit: TextUnit
@@ -8958,6 +9069,10 @@ declare const editorMachine: StateMachine<
               type: 'decorator.toggle'
               decorator: string
             }
+          | {
+              type: 'delete'
+              selection: NonNullable<EditorSelection>
+            }
           | {
               type: 'delete.backward'
               unit: TextUnit
@@ -9321,6 +9436,10 @@ declare const editorMachine: StateMachine<
               type: 'decorator.toggle'
               decorator: string
             }
+          | {
+              type: 'delete'
+              selection: NonNullable<EditorSelection>
+            }
           | {
               type: 'delete.backward'
               unit: TextUnit
@@ -9832,6 +9951,10 @@ declare const editorMachine: StateMachine<
                       type: 'decorator.toggle'
                       decorator: string
                     }
+                  | {
+                      type: 'delete'
+                      selection: NonNullable<EditorSelection>
+                    }
                   | {
                       type: 'delete.backward'
                       unit: TextUnit
@@ -10177,6 +10300,10 @@ declare const editorMachine: StateMachine<
                       type: 'decorator.toggle'
                       decorator: string
                     }
+                  | {
+                      type: 'delete'
+                      selection: NonNullable<EditorSelection>
+                    }
                   | {
                       type: 'delete.backward'
                       unit: TextUnit
@@ -10472,6 +10599,10 @@ declare const editorMachine: StateMachine<
                       type: 'decorator.toggle'
                       decorator: string
                     }
+                  | {
+                      type: 'delete'
+                      selection: NonNullable<EditorSelection>
+                    }
                   | {
                       type: 'delete.backward'
                       unit: TextUnit
@@ -10817,6 +10948,10 @@ declare const editorMachine: StateMachine<
                       type: 'decorator.toggle'
                       decorator: string
                     }
+                  | {
+                      type: 'delete'
+                      selection: NonNullable<EditorSelection>
+                    }
                   | {
                       type: 'delete.backward'
                       unit: TextUnit
@@ -11105,6 +11240,10 @@ declare const editorMachine: StateMachine<
                       type: 'decorator.toggle'
                       decorator: string
                     }
+                  | {
+                      type: 'delete'
+                      selection: NonNullable<EditorSelection>
+                    }
                   | {
                       type: 'delete.backward'
                       unit: TextUnit
@@ -11450,6 +11589,10 @@ declare const editorMachine: StateMachine<
                       type: 'decorator.toggle'
                       decorator: string
                     }
+                  | {
+                      type: 'delete'
+                      selection: NonNullable<EditorSelection>
+                    }
                   | {
                       type: 'delete.backward'
                       unit: TextUnit
@@ -11738,6 +11881,10 @@ declare const editorMachine: StateMachine<
                       type: 'decorator.toggle'
                       decorator: string
                     }
+                  | {
+                      type: 'delete'
+                      selection: NonNullable<EditorSelection>
+                    }
                   | {
                       type: 'delete.backward'
                       unit: TextUnit
@@ -12083,6 +12230,10 @@ declare const editorMachine: StateMachine<
                       type: 'decorator.toggle'
                       decorator: string
                     }
+                  | {
+                      type: 'delete'
+                      selection: NonNullable<EditorSelection>
+                    }
                   | {
                       type: 'delete.backward'
                       unit: TextUnit
@@ -12380,6 +12531,10 @@ declare const editorMachine: StateMachine<
                       type: 'decorator.toggle'
                       decorator: string
                     }
+                  | {
+                      type: 'delete'
+                      selection: NonNullable<EditorSelection>
+                    }
                   | {
                       type: 'delete.backward'
                       unit: TextUnit
@@ -12725,6 +12880,10 @@ declare const editorMachine: StateMachine<
                       type: 'decorator.toggle'
                       decorator: string
                     }
+                  | {
+                      type: 'delete'
+                      selection: NonNullable<EditorSelection>
+                    }
                   | {
                       type: 'delete.backward'
                       unit: TextUnit
@@ -13027,6 +13186,10 @@ declare const editorMachine: StateMachine<
                       type: 'decorator.toggle'
                       decorator: string
                     }
+                  | {
+                      type: 'delete'
+                      selection: NonNullable<EditorSelection>
+                    }
                   | {
                       type: 'delete.backward'
                       unit: TextUnit
@@ -13372,6 +13535,10 @@ declare const editorMachine: StateMachine<
                       type: 'decorator.toggle'
                       decorator: string
                     }
+                  | {
+                      type: 'delete'
+                      selection: NonNullable<EditorSelection>
+                    }
                   | {
                       type: 'delete.backward'
                       unit: TextUnit
@@ -13660,6 +13827,10 @@ declare const editorMachine: StateMachine<
                       type: 'decorator.toggle'
                       decorator: string
                     }
+                  | {
+                      type: 'delete'
+                      selection: NonNullable<EditorSelection>
+                    }
                   | {
                       type: 'delete.backward'
                       unit: TextUnit
@@ -14005,6 +14176,10 @@ declare const editorMachine: StateMachine<
                       type: 'decorator.toggle'
                       decorator: string
                     }
+                  | {
+                      type: 'delete'
+                      selection: NonNullable<EditorSelection>
+                    }
                   | {
                       type: 'delete.backward'
                       unit: TextUnit
@@ -14347,6 +14522,10 @@ declare const editorMachine: StateMachine<
                       type: 'decorator.toggle'
                       decorator: string
                     }
+                  | {
+                      type: 'delete'
+                      selection: NonNullable<EditorSelection>
+                    }
                   | {
                       type: 'delete.backward'
                       unit: TextUnit
@@ -14692,6 +14871,10 @@ declare const editorMachine: StateMachine<
                       type: 'decorator.toggle'
                       decorator: string
                     }
+                  | {
+                      type: 'delete'
+                      selection: NonNullable<EditorSelection>
+                    }
                   | {
                       type: 'delete.backward'
                       unit: TextUnit
@@ -14989,6 +15172,10 @@ declare const editorMachine: StateMachine<
                       type: 'decorator.toggle'
                       decorator: string
                     }
+                  | {
+                      type: 'delete'
+                      selection: NonNullable<EditorSelection>
+                    }
                   | {
                       type: 'delete.backward'
                       unit: TextUnit
@@ -15334,6 +15521,10 @@ declare const editorMachine: StateMachine<
                       type: 'decorator.toggle'
                       decorator: string
                     }
+                  | {
+                      type: 'delete'
+                      selection: NonNullable<EditorSelection>
+                    }
                   | {
                       type: 'delete.backward'
                       unit: TextUnit
@@ -15632,6 +15823,10 @@ declare const editorMachine: StateMachine<
                       type: 'decorator.toggle'
                       decorator: string
                     }
+                  | {
+                      type: 'delete'
+                      selection: NonNullable<EditorSelection>
+                    }
                   | {
                       type: 'delete.backward'
                       unit: TextUnit
@@ -15977,6 +16172,10 @@ declare const editorMachine: StateMachine<
                       type: 'decorator.toggle'
                       decorator: string
                     }
+                  | {
+                      type: 'delete'
+                      selection: NonNullable<EditorSelection>
+                    }
                   | {
                       type: 'delete.backward'
                       unit: TextUnit
@@ -16266,6 +16465,10 @@ declare const editorMachine: StateMachine<
                       type: 'decorator.toggle'
                       decorator: string
                     }
+                  | {
+                      type: 'delete'
+                      selection: NonNullable<EditorSelection>
+                    }
                   | {
                       type: 'delete.backward'
                       unit: TextUnit
@@ -16611,6 +16814,10 @@ declare const editorMachine: StateMachine<
                       type: 'decorator.toggle'
                       decorator: string
                     }
+                  | {
+                      type: 'delete'
+                      selection: NonNullable<EditorSelection>
+                    }
                   | {
                       type: 'delete.backward'
                       unit: TextUnit
@@ -16902,6 +17109,10 @@ declare const editorMachine: StateMachine<
                       type: 'decorator.toggle'
                       decorator: string
                     }
+                  | {
+                      type: 'delete'
+                      selection: NonNullable<EditorSelection>
+                    }
                   | {
                       type: 'delete.backward'
                       unit: TextUnit
@@ -17247,6 +17458,10 @@ declare const editorMachine: StateMachine<
                       type: 'decorator.toggle'
                       decorator: string
                     }
+                  | {
+                      type: 'delete'
+                      selection: NonNullable<EditorSelection>
+                    }
                   | {
                       type: 'delete.backward'
                       unit: TextUnit
@@ -17544,6 +17759,10 @@ declare const editorMachine: StateMachine<
                       type: 'decorator.toggle'
                       decorator: string
                     }
+                  | {
+                      type: 'delete'
+                      selection: NonNullable<EditorSelection>
+                    }
                   | {
                       type: 'delete.backward'
                       unit: TextUnit
@@ -17889,6 +18108,10 @@ declare const editorMachine: StateMachine<
                       type: 'decorator.toggle'
                       decorator: string
                     }
+                  | {
+                      type: 'delete'
+                      selection: NonNullable<EditorSelection>
+                    }
                   | {
                       type: 'delete.backward'
                       unit: TextUnit
@@ -18186,6 +18409,10 @@ declare const editorMachine: StateMachine<
                       type: 'decorator.toggle'
                       decorator: string
                     }
+                  | {
+                      type: 'delete'
+                      selection: NonNullable<EditorSelection>
+                    }
                   | {
                       type: 'delete.backward'
                       unit: TextUnit
@@ -18531,6 +18758,10 @@ declare const editorMachine: StateMachine<
                       type: 'decorator.toggle'
                       decorator: string
                     }
+                  | {
+                      type: 'delete'
+                      selection: NonNullable<EditorSelection>
+                    }
                   | {
                       type: 'delete.backward'
                       unit: TextUnit
@@ -19101,6 +19332,16 @@ declare type NativeBehaviorEvent =
       dataTransfer: DataTransfer
     }
+/**
+ * @beta
+ * Restrict the editor to one line. The plugin takes care of blocking
+ * `insert.break` events and smart handling of other `insert.*` events.
+ *
+ * Place it with as high priority as possible to make sure other plugins don't
+ * overwrite `insert.*` events before this plugin gets a chance to do so.
+ */
+export declare function OneLinePlugin(): JSX.Element
 /**
  * @public
  */
@@ -19256,6 +19497,10 @@ declare type SyntheticBehaviorEvent =
       type: 'decorator.toggle'
       decorator: string
     }
+  | {
+      type: 'delete'
+      selection: NonNullable<EditorSelection>
+    }
   | {
       type: 'delete.backward'
       unit: TextUnit