chore(rich-text-editor)!: Rename value to defaultValue

To conform to React naming convention for form control props.
Uncontrolled form fields take a `defaultValue` to indicate that
changes to this prop's value will not update the mounted component.
Rather, the component manages its current value as internal state,
and notifies subscribers via onChange when it changes.

Consumers will need to update their code to the new prop name. E.g. before:

```jsx
<RichTextEditor value={…}>
```

and after:

```jsx
<RichTextEditor defaultValue={…}>
```

.changeset/fluffy-camels-applaud.md

@@ -0,0 +1,23 @@
+---
+"@kaizen/rich-text-editor": major
+---
+
+Rename `value` prop to reflect uncontrolled form field
+
+To conform to React naming convention for form control props.
+Uncontrolled form fields take a `defaultValue` to indicate that
+changes to this prop's value will not update the mounted component.
+Rather, the component manages its current value as internal state,
+and notifies subscribers via onChange when it changes.
+
+Consumers will need to update their code to the new prop name. E.g. before:
+
+```jsx
+<RichTextEditor value={…}>
+```
+
+and after:
+
+```jsx
+<RichTextEditor defaultValue={…}>
+```

packages/rich-text-editor/src/RichTextEditor/RichTextEditor.spec.stories.tsx

@@ -21,7 +21,7 @@ const TestBase: Story = {
     return (
       <RichTextEditor
         labelText="Label"
-        value={rteData}
+        defaultValue={rteData}
         onChange={handleOnChange}
         rows={3}
         controls={[

packages/rich-text-editor/src/RichTextEditor/RichTextEditor.tsx

@@ -21,12 +21,14 @@ import { createSchemaFromControls } from "./schema"
 import { Toolbar, ToolbarSection, ToggleIconButton } from "./"
 import styles from "./RichTextEditor.module.scss"
 
+type X = HTMLAttributes<HTMLDivElement>["defaultValue"]
+
 export interface BaseRichTextEditorProps
   extends OverrideClassName<
-    Omit<HTMLAttributes<HTMLDivElement>, "onChange" | "content">
+    Omit<HTMLAttributes<HTMLDivElement>, "onChange" | "defaultValue">
   > {
   onChange: (content: ProseMirrorState.EditorState) => void
-  value: EditorContentArray
+  defaultValue: EditorContentArray
   controls?: ToolbarItems[]
   /**
    * Sets a default min-height for the editable area in units of body paragraph line height, similar to the 'rows' attribute on <textarea>.
@@ -64,7 +66,7 @@ export type RichTextEditorProps = RTEWithLabelText | RTEWithLabelledBy
 export const RichTextEditor = (props: RichTextEditorProps): JSX.Element => {
   const {
     onChange,
-    value,
+    defaultValue,
     labelText,
     "aria-labelledby": labelledBy,
     classNameOverride,
@@ -93,7 +95,8 @@ export const RichTextEditor = (props: RichTextEditorProps): JSX.Element => {
             type: "doc",
             // we're converting empty arrays to the ProseMirror default "empty" state because when
             // given an empty array ProseMirror returns undefined, breaking the type
-            content: value?.length > 0 ? value : [{ type: "paragraph" }],
+            content:
+              defaultValue?.length > 0 ? defaultValue : [{ type: "paragraph" }],
           }),
           schema,
           plugins: getPlugins(controls, schema),