docs (#2018)

Co-authored-by: zbeyens <[email protected]>

docs/docs/sandpack/files/code-ExcalidrawApp.tsx

@@ -1,21 +1,15 @@
 export const excalidrawAppCode = `import React from 'react';
-import { 
-  createSelectOnBackspacePlugin,
-  Plate,
-  PlateProvider,
-  HeadingToolbar,
-} from '@udecode/plate';
+import { createSelectOnBackspacePlugin, Plate } from '@udecode/plate';
 import {
   createExcalidrawPlugin,
   ELEMENT_EXCALIDRAW,
   ExcalidrawElement,
 } from '@udecode/plate-ui-excalidraw';
-import { Pencil } from '@styled-icons/boxicons-regular';
 import { basicNodesPlugins } from './basic-nodes/basicNodesPlugins';
 import { editableProps } from './common/editableProps';
 import { excalidrawValue } from './excalidraw/excalidrawValue';
-import { ExcalidrawElementToolbarButton } from './excalidraw/ExcalidrawToolbarButton';
 import { MyPlatePlugin, MyValue } from './typescript/plateTypes';
+
 const plugins: MyPlatePlugin[] = [
   ...basicNodesPlugins,
   createExcalidrawPlugin({
@@ -25,13 +19,13 @@ const plugins: MyPlatePlugin[] = [
     options: { query: { allow: [ELEMENT_EXCALIDRAW] } },
   }),
 ];
+
 export default () => (
-  <PlateProvider<MyValue> plugins={plugins} initialValue={excalidrawValue}>
-    <HeadingToolbar>
-      <ExcalidrawElementToolbarButton icon={<div>excalidraw</div>} />
-    </HeadingToolbar>
-    <Plate<MyValue> editableProps={editableProps} />
-  </PlateProvider>
+  <Plate<MyValue>
+    editableProps={editableProps}
+    initialValue={excalidrawValue}
+    plugins={plugins}
+  />
 );
 `;
 

docs/docs/sandpack/files/code-ToolbarButtons.tsx

@@ -22,6 +22,7 @@ import { BasicMarkToolbarButtons } from './basic-marks/BasicMarkToolbarButtons';
 import { IndentToolbarButtons } from './indent/IndentToolbarButtons';
 import { ListToolbarButtons } from './list/ListToolbarButtons';
 import { TableToolbarButtons } from './table/TableToolbarButtons';
+import { ExcalidrawElementToolbarButton  } from './excalidraw/ExcalidrawElementToolbarButton'
 
 export const ToolbarButtons = () => {
   const colorTooltip: TippyProps = { content: 'Text color' };
@@ -51,6 +52,7 @@ export const ToolbarButtons = () => {
       <ImageToolbarButton icon={<Image />} />
       <MediaEmbedToolbarButton icon={<OndemandVideo />} />
       <TableToolbarButtons />
+      <ExcalidrawElementToolbarButton />
     </>
   );
 };

docs/docs/sandpack/files/excalidraw/code-ExcalidrawToolbarButton.tsx → docs/docs/sandpack/files/excalidraw/code-ExcalidrawElementToolbarButton.tsx

@@ -1,4 +1,4 @@
-export const excalidrawToolbarButtonCode = `import React from 'react';
+export const excalidrawElementToolbarButtonCode = `import React from 'react';
 import { Pencil } from '@styled-icons/boxicons-regular';
 import { ExcalidrawToolbarButton } from '@udecode/plate-ui-excalidraw';
 
@@ -7,6 +7,6 @@ export const ExcalidrawElementToolbarButton = () => {
 };
 `;
 
-export const excalidrawToolbarButtonFile = {
-  '/excalidraw/ExcalidrawToolbarButton.tsx': excalidrawToolbarButtonCode,
+export const excalidrawElementToolbarButtonFile = {
+  '/excalidraw/ExcalidrawElementToolbarButton.tsx': excalidrawElementToolbarButtonCode,
 };

docs/docs/sandpack/files/excalidraw/code-excalidrawFiles.ts

@@ -1,10 +1,9 @@
+import { excalidrawElementToolbarButtonFile } from './code-ExcalidrawElementToolbarButton';
 import { excalidrawValueFile } from './code-excalidrawValue';
 import { initialDataExcalidrawFile } from './code-initialDataExcalidraw';
-import { excalidrawToolbarButtonFile } from './code-ExcalidrawToolbarButton';
-
 
 export const excalidrawFiles = {
+  ...excalidrawElementToolbarButtonFile,
   ...excalidrawValueFile,
   ...initialDataExcalidrawFile,
-  ...excalidrawToolbarButtonFile,
 };

docs/docs/sandpack/plate-versions.ts

@@ -1,4 +1,4 @@
-export const plateVersion = '18.11.0';
+export const plateVersion = '18.11.2';
 export const testUtilsVersion = '13.4.0';
 export const excalidrawVersion = '18.9.0';
 export const juiceVersion = '18.9.0';

yarn.lock

@@ -5497,7 +5497,7 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@udecode/plate-emoji@npm:18.11.0, @udecode/plate-emoji@workspace:packages/nodes/emoji":
+"@udecode/plate-emoji@npm:18.11.2, @udecode/plate-emoji@workspace:packages/nodes/emoji":
   version: 0.0.0-use.local
   resolution: "@udecode/plate-emoji@workspace:packages/nodes/emoji"
   dependencies:
@@ -5570,7 +5570,7 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@udecode/plate-headless@npm:18.11.0, @udecode/plate-headless@workspace:packages/headless":
+"@udecode/plate-headless@npm:18.11.2, @udecode/plate-headless@workspace:packages/headless":
   version: 0.0.0-use.local
   resolution: "@udecode/plate-headless@workspace:packages/headless"
   dependencies:
@@ -5584,7 +5584,7 @@ __metadata:
     "@udecode/plate-code-block": "npm:18.10.1"
     "@udecode/plate-combobox": "npm:18.9.0"
     "@udecode/plate-core": "npm:18.9.0"
-    "@udecode/plate-emoji": "npm:18.11.0"
+    "@udecode/plate-emoji": "npm:18.11.2"
     "@udecode/plate-find-replace": "npm:18.9.0"
     "@udecode/plate-floating": "npm:18.9.0"
     "@udecode/plate-font": "npm:18.9.0"
@@ -6456,11 +6456,11 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@udecode/plate-ui@npm:18.11.0, @udecode/plate-ui@workspace:packages/ui/plate":
+"@udecode/plate-ui@npm:18.11.2, @udecode/plate-ui@workspace:packages/ui/plate":
   version: 0.0.0-use.local
   resolution: "@udecode/plate-ui@workspace:packages/ui/plate"
   dependencies:
-    "@udecode/plate-headless": "npm:18.11.0"
+    "@udecode/plate-headless": "npm:18.11.2"
     "@udecode/plate-styled-components": "npm:18.9.0"
     "@udecode/plate-ui-alignment": "npm:18.9.0"
     "@udecode/plate-ui-block-quote": "npm:18.9.0"
@@ -6498,8 +6498,8 @@ __metadata:
   version: 0.0.0-use.local
   resolution: "@udecode/plate@workspace:packages/plate"
   dependencies:
-    "@udecode/plate-headless": "npm:18.11.0"
-    "@udecode/plate-ui": "npm:18.11.0"
+    "@udecode/plate-headless": "npm:18.11.2"
+    "@udecode/plate-ui": "npm:18.11.2"
   peerDependencies:
     react: ">=16.8.0"
     react-dom: ">=16.8.0"