@portabletext/editor 1.45.2 → 1.45.4

package/src/editor/components/Synchronizer.tsx

@@ -25,7 +25,10 @@ export interface SynchronizerProps {
 export function Synchronizer(props: SynchronizerProps) {
   const {editorActor, slateEditor} = props
 
-  const value = useSelector(props.editorActor, (s) => s.context.value)
+  const incomingValue = useSelector(
+    props.editorActor,
+    (s) => s.context.incomingValue,
+  )
   const readOnly = useSelector(props.editorActor, (s) =>
     s.matches({'edit mode': 'read only'}),
   )
@@ -110,8 +113,8 @@ export function Synchronizer(props: SynchronizerProps) {
 
   useEffect(() => {
     debug('Value from props changed, syncing new value')
-    syncActorRef.send({type: 'update value', value})
-  }, [syncActorRef, value])
+    syncActorRef.send({type: 'update value', value: incomingValue})
+  }, [syncActorRef, incomingValue])
 
   // Subscribe to, and handle changes from the editor
   useEffect(() => {

package/src/editor/create-editor.ts

@@ -116,7 +116,7 @@ function editorConfigToMachineInput(config: EditorConfig) {
             ? config.schema
             : compileType(config.schema),
         ),
-    value: config.initialValue,
+    initialValue: config.initialValue,
   } as const
 }
 

package/src/editor/editor-machine.ts

@@ -213,7 +213,7 @@ export const editorMachine = setup({
       initialReadOnly: boolean
       maxBlocks: number | undefined
       selection: EditorSelection
-      value: Array<PortableTextBlock> | undefined
+      incomingValue: Array<PortableTextBlock> | undefined
       internalDrag?: {
         ghost?: HTMLElement
         origin: Pick<EventPosition, 'selection'>
@@ -228,7 +228,7 @@ export const editorMachine = setup({
       maxBlocks?: number
       readOnly?: boolean
       schema: EditorSchema
-      value?: Array<PortableTextBlock>
+      initialValue?: Array<PortableTextBlock>
     },
     tags: {} as 'dragging internally',
   },
@@ -331,7 +331,7 @@ export const editorMachine = setup({
     selection: null,
     initialReadOnly: input.readOnly ?? false,
     maxBlocks: input.maxBlocks,
-    value: input.value,
+    incomingValue: input.initialValue,
   }),
   on: {
     'notify.blurred': {
@@ -365,7 +365,9 @@ export const editorMachine = setup({
       actions: assign({keyGenerator: ({event}) => event.keyGenerator}),
     },
     'update schema': {actions: 'assign schema'},
-    'update value': {actions: assign({value: ({event}) => event.value})},
+    'update value': {
+      actions: assign({incomingValue: ({event}) => event.value}),
+    },
     'update maxBlocks': {
       actions: assign({maxBlocks: ({event}) => event.maxBlocks}),
     },

package/src/internal-utils/parse-blocks.ts

@@ -369,7 +369,12 @@ function parseObject({
   // the name of a field
   const values = context.schemaType.fields.reduce<Record<string, unknown>>(
     (fieldValues, field) => {
-      fieldValues[field.name] = object[field.name]
+      const fieldValue = object[field.name]
+
+      if (fieldValue !== undefined) {
+        fieldValues[field.name] = fieldValue
+      }
+
       return fieldValues
     },
     {},