Default the document editor demo on the website to be expanded (keyst…

…onejs#8027)
fkrauthan · Oct 21, 2022 · f01eda2 · f01eda2
1 parent 916703a
commit f01eda2
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 2 deletions.
diff --git a/docs/components/docs/DocumentEditorDemo.tsx b/docs/components/docs/DocumentEditorDemo.tsx
@@ -327,7 +327,6 @@ export const DocumentEditorDemo = () => {
         css={{
           marginTop: 'var(--space-xlarge)',
           marginBottom: 'var(--space-xlarge)',
-          borderBottom: `1px var(--border) solid`,
         }}
       >
         <DocumentEditor
@@ -337,6 +336,7 @@ export const DocumentEditorDemo = () => {
           componentBlocks={componentBlocks}
           documentFeatures={documentFeatures}
           relationships={emptyObj}
+          initialExpanded
         />
       </div>
       <details css={{ marginBottom: 'var(--space-xlarge)' }}>

diff --git a/packages/fields-document/src/DocumentEditor/index.tsx b/packages/fields-document/src/DocumentEditor/index.tsx
@@ -177,16 +177,18 @@ export function DocumentEditor({
   componentBlocks,
   relationships,
   documentFeatures,
+  initialExpanded = false,
   ...props
 }: {
   onChange: undefined | ((value: Descendant[]) => void);
   value: Descendant[];
   componentBlocks: Record<string, ComponentBlock>;
   relationships: Relationships;
   documentFeatures: DocumentFeatures;
+  initialExpanded?: boolean;
 } & Omit<EditableProps, 'value' | 'onChange'>) {
   const { radii, colors, spacing, fields } = useTheme();
-  const [expanded, setExpanded] = useState(false);
+  const [expanded, setExpanded] = useState(initialExpanded);
   const editor = useMemo(
     () => createDocumentEditor(documentFeatures, componentBlocks, relationships),
     [documentFeatures, componentBlocks, relationships]