[docs] Migrate rte and prism demos to @mantine/demos

Wurielle · Jan 30, 2022 · 9e50d49 · 9e50d49
1 parent 657debe
commit 9e50d49
Show file tree

Hide file tree

Showing 6 changed files with 16 additions and 17 deletions.
diff --git a/docs/src/components/HomePage/Explore/RichText/RichTextDemo.tsx b/docs/src/components/HomePage/Explore/RichText/RichTextDemo.tsx
@@ -1,10 +1,10 @@
 import React from 'react';
 import { useMantineTheme } from '@mantine/core';
-import { usage } from '@demos/rte';
+import { RichTextEditorDemos } from '@mantine/demos';
 
 export function RichTextDemo() {
   const theme = useMantineTheme();
-  const Component = usage.component as any;
+  const Component = RichTextEditorDemos.usage.component as any;
   return (
     <Component
       style={{

diff --git a/docs/src/docs/changelog/2-5-0.mdx b/docs/src/docs/changelog/2-5-0.mdx
@@ -14,8 +14,8 @@ import {
   ChipsDemos,
   PaginationDemos,
   TimeRangeInputDemos,
+  RichTextEditorDemos,
 } from '@mantine/demos';
-import * as RichTextDemos from '@demos/rte';
 
 ## UMD builds deprecation
 
@@ -61,7 +61,7 @@ Checkout [Next.js guide](https://mantine.dev/theming/next/) to learn more.
 [@mantine/rte](https://mantine.dev/others/rte/) is a new package with RichTextEditor component.
 Component integrates seamlessly with your MantineTheme and provides all basic rich text editing features:
 
-<Demo data={RichTextDemos.usage} />
+<Demo data={RichTextEditorDemos.usage} />
 
 ## New components
 

diff --git a/docs/src/docs/changelog/3-5-0.mdx b/docs/src/docs/changelog/3-5-0.mdx
@@ -14,9 +14,9 @@ import {
   ProgressDemos,
   SwitchDemos,
   TransferListDemos,
+  PrismDemos,
+  RichTextEditorDemos,
 } from '@mantine/demos';
-import * as PrismDemos from '@demos/prism';
-import * as RichTextDemos from '@demos/rte';
 
 ## @mantine/prism changes
 
@@ -61,7 +61,7 @@ import * as RichTextDemos from '@demos/rte';
 
 [RichTextEditor](https://mantine.dev/others/rte/) now supports mentions:
 
-<Demo data={RichTextDemos.mentions} demoProps={{ toggle: true, zIndex: 5 }} />
+<Demo data={RichTextEditorDemos.mentions} demoProps={{ toggle: true, zIndex: 5 }} />
 
 [TransferList](https://mantine.dev/core/transfer-list/) now supports items grouping:
 

diff --git a/docs/src/docs/core/Code.mdx b/docs/src/docs/core/Code.mdx
@@ -13,8 +13,7 @@ docs: 'core/Code.mdx'
 styles: ['Code', 'single-node']
 ---
 
-import { CodeDemos } from '@mantine/demos';
-import * as PrismDemos from '@demos/prism';
+import { CodeDemos, PrismDemos } from '@mantine/demos';
 
 ## Inline code
 

diff --git a/docs/src/docs/others/prism.mdx b/docs/src/docs/others/prism.mdx
@@ -14,7 +14,7 @@ license: MIT
 styles: ['Prism', 'PrismTabs']
 ---
 
-import * as PrismDemos from '@demos/prism';
+import { PrismDemos } from '@mantine/demos';
 
 ## Installation
 

diff --git a/docs/src/docs/others/rte.mdx b/docs/src/docs/others/rte.mdx
@@ -14,7 +14,7 @@ license: MIT
 styles: ['RichTextEditor']
 ---
 
-import * as RichTextDemos from '@demos/rte';
+import { RichTextEditorDemos } from '@mantine/demos';
 
 ## Installation
 
@@ -34,14 +34,14 @@ yarn add @mantine/rte @mantine/core @mantine/hooks
 
 ## Demo
 
-<Demo data={RichTextDemos.usage} />
+<Demo data={RichTextEditorDemos.usage} />
 
 ## Usage
 
 `value` and `onChange` props are required for component to work.
 Note that though component is controlled you cannot force value (limitation of Quill.js library).
 
-<Demo data={RichTextDemos.simple} />
+<Demo data={RichTextEditorDemos.simple} />
 
 ## Configure toolbar
 
@@ -60,7 +60,7 @@ RichTextEditor supports these controls in toolbar:
 
 You can add, remove and configure controls arrangement in toolbar with `controls` prop:
 
-<Demo data={RichTextDemos.toolbar} />
+<Demo data={RichTextEditorDemos.toolbar} />
 
 To configure sticky toolbar properties set following props:
 
@@ -77,7 +77,7 @@ To configure sticky toolbar properties set following props:
 
 ## Images and videos embeds
 
-<Demo data={RichTextDemos.embeds} />
+<Demo data={RichTextEditorDemos.embeds} />
 
 ## Images upload
 
@@ -125,7 +125,7 @@ if you are planning to use images.
 RichTextEditor comes with [quill-mentions plugin](https://github.com/quill-mention/quill-mention).
 To add mentions support, add provide [quill-mentions](https://github.com/quill-mention/quill-mention) configuration to `mentions` prop:
 
-<Demo data={RichTextDemos.mentions} />
+<Demo data={RichTextEditorDemos.mentions} />
 
 ## Extra modules
 
@@ -151,7 +151,7 @@ function Demo() {
 
 When editor is readonly state, user cannot edit content, toolbar is hidden:
 
-<Demo data={RichTextDemos.readOnly} />
+<Demo data={RichTextEditorDemos.readOnly} />
 
 ## Keyboard shortcuts