fix: fixed onChange and validate

Author: 58bits

demo/src/fields/debugLexicalRichTextField.tsx

@@ -31,6 +31,7 @@ function lexicalRichText(props?: { name?: string; label?: string; debug?: boolea
  name: props?.name ? props?.name : 'lexical_richtext',
  label: props?.label ? props?.label : 'Rich Text',
  localized: true,
+ required: true,
  editorConfigModifier: (defaultEditorConfig) => {
  defaultEditorConfig.debug = props?.debug ? props?.debug : false;
  defaultEditorConfig.toggles.textColor.enabled = true;

src/fields/LexicalRichText/FieldComponent.tsx

@@ -78,7 +78,7 @@ const FieldComponent: React.FC<Props> = (props) => {
  }>({
  path, // required
  validate: memoizedValidate,
- condition,
+ condition: condition ?? undefined,
  });
 
  // Here is what `useField` sends back
@@ -126,22 +126,28 @@ const FieldComponent: React.FC<Props> = (props) => {
  }}
  >
  <EditorProviders
+ initialJSON={getJsonContentFromValue(value)}
+ editorConfig={editorConfig}
+ initialComments={value?.comments}
+ value={value}
+ setValue={setValue}
  onChange={(
  editorState: EditorState,
  editor: LexicalEditor,
  tags: Set<string>,
  commentStore: CommentStore
  ) => {
  const json = editorState.toJSON();
- const valueJsonContent = getJsonContentFromValue(value);
+ // const valueJsonContent = getJsonContentFromValue(value);
  // TODO: Wondering why the deepEqual was here since if we set
  // ignoreSelectionChange={true} in our OnChangePlugin instances
  // - a call here means that something _must_ have changed - and so
  // not sure that we need to do any comparison at all?
  // TODO: Revisit if neccessary, but Lexical confirmed that ignoreSelectionChange={true}
  // should be fine in this case, and so we don't need to deepEqual and can trust
  // that an onChange event here means 'something' actually changed.
- if (!(readOnly ?? false) && valueJsonContent != null) {
+ // if (!(readOnly ?? false) && valueJsonContent != null) {
+ if (!(readOnly ?? false)) {
  const textContent = editor.getEditorState().read(() => {
  return $getRoot().getTextContent();
  });
@@ -174,11 +180,6 @@ const FieldComponent: React.FC<Props> = (props) => {
  });
  }
  }}
- initialJSON={getJsonContentFromValue(value)}
- editorConfig={editorConfig}
- initialComments={value?.comments}
- value={value}
- setValue={setValue}
  />
  <FieldDescription value={value} description={description} />
  </ErrorBoundary>