@portabletext/editor 1.6.0 → 1.7.0

package/src/editor/components/SlateContainer.tsx

@@ -1,79 +0,0 @@
-import {useEffect, useMemo, useState, type PropsWithChildren} from 'react'
-import {createEditor} from 'slate'
-import {Slate, withReact} from 'slate-react'
-import {debugWithName} from '../../utils/debug'
-import {KEY_TO_SLATE_ELEMENT, KEY_TO_VALUE_ELEMENT} from '../../utils/weakMaps'
-import type {EditorActor} from '../editor-machine'
-import {withPlugins} from '../plugins'
-import type {PortableTextEditor} from '../PortableTextEditor'
-
-const debug = debugWithName('component:PortableTextEditor:SlateContainer')
-
-/**
- * @internal
- */
-export interface SlateContainerProps extends PropsWithChildren {
-  editorActor: EditorActor
-  maxBlocks: number | undefined
-  portableTextEditor: PortableTextEditor
-  readOnly: boolean
-}
-
-/**
- * Sets up and encapsulates the Slate instance
- * @internal
- */
-export function SlateContainer(props: SlateContainerProps) {
-  const {editorActor, portableTextEditor, readOnly, maxBlocks} = props
-
-  // Create the slate instance, using `useState` ensures setup is only run once, initially
-  const [[slateEditor, subscribe]] = useState(() => {
-    debug('Creating new Slate editor instance')
-    const {editor, subscribe: _sub} = withPlugins(withReact(createEditor()), {
-      editorActor,
-      maxBlocks,
-      portableTextEditor,
-      readOnly,
-    })
-    KEY_TO_VALUE_ELEMENT.set(editor, {})
-    KEY_TO_SLATE_ELEMENT.set(editor, {})
-    return [editor, _sub] as const
-  })
-
-  useEffect(() => {
-    const unsubscribe = subscribe()
-    return () => {
-      unsubscribe()
-    }
-  }, [subscribe])
-
-  // Update the slate instance when plugin dependent props change.
-  useEffect(() => {
-    debug('Re-initializing plugin chain')
-    withPlugins(slateEditor, {
-      editorActor,
-      maxBlocks,
-      portableTextEditor,
-      readOnly,
-    })
-  }, [editorActor, portableTextEditor, maxBlocks, readOnly, slateEditor])
-
-  const initialValue = useMemo(() => {
-    return [slateEditor.pteCreateTextBlock({decorators: []})]
-  }, [slateEditor])
-
-  useEffect(() => {
-    return () => {
-      debug('Destroying Slate editor')
-      slateEditor.destroy()
-    }
-  }, [slateEditor])
-
-  return (
-    <Slate editor={slateEditor} initialValue={initialValue}>
-      {props.children}
-    </Slate>
-  )
-}
-
-SlateContainer.displayName = 'SlateContainer'

package/src/editor/hooks/usePortableTextReadOnly.ts

@@ -1,20 +0,0 @@
-import {createContext, useContext} from 'react'
-
-/**
- * A React context for sharing the editor's readOnly status.
- */
-export const PortableTextEditorReadOnlyContext = createContext<boolean>(false)
-
-/**
- * Get the current editor selection from the React context.
- */
-export const usePortableTextEditorReadOnlyStatus = (): boolean => {
-  const readOnly = useContext(PortableTextEditorReadOnlyContext)
-
-  if (readOnly === undefined) {
-    throw new Error(
-      `The \`usePortableTextEditorReadOnly\` hook must be used inside the <PortableTextEditor> component's context.`,
-    )
-  }
-  return readOnly
-}