Merge pull request #2283 from telerik/move-new-kbs-to-docs

chore(kbs): move kbs to the new docs folder

knowledge-base/editor-double-underilne.md → docs/knowledge-base/editor-double-underilne.md

@@ -36,6 +36,7 @@ This can be achieved by implementing a custom editor tool which applies [text-de
 
 
 {% meta id:index height:900 %}
-{% embed_file editor-double-underilne/main.tsx preview %}
+{% embed_file editor-double-underilne/app.tsx preview %}
+{% embed_file editor-double-underilne/main.tsx %}
 {% embed_file editor-double-underilne/doubleUnderlineTool.tsx %}
 {% endmeta %}

knowledge-base/editor-multilevel-list-styles.md → docs/knowledge-base/editor-multilevel-list-styles.md

@@ -34,5 +34,6 @@ How can I apply different bullet styles to different indentation levels in the K
 You can achieve this by adding a [style element](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/style) to the iframe document that contains the required [list-style-type](https://www.w3schools.com/cssref/pr_list-style-type.php)
 
 {% meta id:index height:330 %}
-{% embed_file editor/editor-multilevel-list-styles/main.jsx preview %}
+{% embed_file editor/editor-multilevel-list-styles/app.jsx preview %}
+{% embed_file editor/editor-multilevel-list-styles/main.jsx %}
 {% endmeta %}

knowledge-base/editor-set-default-target-blank.md → docs/knowledge-base/editor-set-default-target-blank.md

@@ -35,7 +35,8 @@ How to set by default `target='_blank'` for all the urls present in editor?
 This can be achieved by changing the default `target` value in the link mark implementation of the [Editor schema](https://www.telerik.com/kendo-react-ui/components/editor/schema/) and applying the new one:
 
 {% meta id height:480 %}
-{% embed_file editor/editor-set-default-target-blank/main.tsx preview %}
+{% embed_file editor/editor-set-default-target-blank/app.tsx preview %}
+{% embed_file editor/editor-set-default-target-blank/main.tsx %}
 {% embed_file editor/editor-set-default-target-blank/content.ts %}
 {% embed_file editor/editor-set-default-target-blank/schema-utils.ts %}
 {% embed_file editor/editor-set-default-target-blank/schema.ts %}

knowledge-base/examples/editor/editor-double-underilne/main.tsx → docs/knowledge-base/examples/editor/editor-double-underilne/app.tsx

@@ -1,5 +1,4 @@
 import * as React from 'react';
-import * as ReactDOM from 'react-dom';
 
 import { Editor } from '@progress/kendo-react-editor';
 import doubleUnderlineTool from './doubleUnderlineTool';
@@ -18,4 +17,4 @@ const App = () => {
   );
 };
 
-ReactDOM.render(<App />, document.querySelector('my-app'));
+export default App;

docs/knowledge-base/examples/editor/editor-double-underilne/main.tsx

@@ -0,0 +1,6 @@
+import * as React from 'react';
+import { createRoot } from 'react-dom/client';
+import App from './app'
+
+const root = createRoot(document.querySelector('my-app'));
+root.render(<App />);

knowledge-base/examples/editor/editor-multilevel-list-styles/main.jsx → docs/knowledge-base/examples/editor/editor-multilevel-list-styles/app.jsx

@@ -1,5 +1,4 @@
 import React, { useEffect } from 'react';
-import ReactDOM from 'react-dom';
 import { Editor, EditorTools } from '@progress/kendo-react-editor';
 
 const {
@@ -107,4 +106,4 @@ const App = () => {
   );
 };
 
-ReactDOM.render(<App />, document.querySelector('my-app'));
+export default App;

docs/knowledge-base/examples/editor/editor-multilevel-list-styles/main.jsx

@@ -0,0 +1,6 @@
+import * as React from 'react';
+import { createRoot } from 'react-dom/client';
+import App from './app'
+
+const root = createRoot(document.querySelector('my-app'));
+root.render(<App />);

knowledge-base/examples/editor/editor-set-default-target-blank/main.tsx → docs/knowledge-base/examples/editor/editor-set-default-target-blank/app.tsx

@@ -1,5 +1,4 @@
 import * as React from 'react';
-import * as ReactDOM from 'react-dom';
 import {
   Editor,
   EditorMountEvent,
@@ -41,4 +40,4 @@ const App = () => {
   );
 };
 
-ReactDOM.render(<App />, document.querySelector('my-app'));
+export default App;

docs/knowledge-base/examples/editor/editor-set-default-target-blank/main.tsx

@@ -0,0 +1,6 @@
+import * as React from 'react';
+import { createRoot } from 'react-dom/client';
+import App from './app'
+
+const root = createRoot(document.querySelector('my-app'));
+root.render(<App />);

knowledge-base/examples/radialgauge/main.tsx → docs/knowledge-base/examples/radialgauge/app.tsx

@@ -1,9 +1,8 @@
 import * as React from 'react';
-import * as ReactDOM from 'react-dom';
 
 import { RadialGauge } from '@progress/kendo-react-gauges';
 
-const RadialGaugeComponent = () => {
+const App = () => {
   const [value, setValue] = React.useState(0);
 
   React.useEffect(() => {
@@ -51,4 +50,4 @@ const RadialGaugeComponent = () => {
   );
 };
 
-ReactDOM.render(<RadialGaugeComponent />, document.querySelector('my-app'));
+export default App;

docs/knowledge-base/examples/radialgauge/main.tsx

@@ -0,0 +1,6 @@
+import * as React from 'react';
+import { createRoot } from 'react-dom/client';
+import App from './app'
+
+const root = createRoot(document.querySelector('my-app'));
+root.render(<App />);

knowledge-base/radial-gauge-show-value.md → docs/knowledge-base/radial-gauge-show-value.md

@@ -35,5 +35,6 @@ How can I show the value of the RadialGauge in the center?
 This can be achieved by rendering a custom label element with the value inside that is relatively positioned:
 
 {% meta id height:480 %}
-{% embed_file radialgauge/main.tsx preview %}
+{% embed_file radialgauge/app.tsx preview %}
+{% embed_file radialgauge/main.tsx %}
 {% endmeta %}