fix: moved examples into docs/react

shibisuriya · May 26, 2024 · be53404 · be53404
1 parent fb83369
commit be53404
Show file tree

Hide file tree

Showing 21 changed files with 203 additions and 17 deletions.
diff --git a/packages/docs/core-concepts/how-it-works.md b/packages/docs/core-concepts/how-it-works.md
@@ -61,7 +61,7 @@ Try resizing / moving the grid item below to observe the model update automatica
 import { createElement } from 'react'
 import { createRoot } from 'react-dom/client'
 import { ref, onMounted } from 'vue'
-import {Simple} from '@declarative-gridstack/react/examples'
+import {Simple} from '../frameworks/react/examples/simple/Simple.jsx'
 
 const el = ref()
 onMounted(() => {

diff --git a/...react/examples/adding-item/AddingItem.jsx → ...react/examples/adding-item/AddingItem.jsx b/...react/examples/adding-item/AddingItem.jsx → ...react/examples/adding-item/AddingItem.jsx
@@ -1,5 +1,8 @@
 import React, { Fragment, useState, useRef, useEffect } from "react";
-import { GridstackContainer, GridstackItem } from "../../gridstack";
+import {
+  GridstackContainer,
+  GridstackItem,
+} from "@declarative-gridstack/react";
 import { JsonView, darkStyles } from "react-json-view-lite";
 import "react-json-view-lite/dist/index.css";
 

diff --git a/...ocs/react/examples/adding-item/styles.css → ...rks/react/examples/adding-item/styles.css b/...ocs/react/examples/adding-item/styles.css → ...rks/react/examples/adding-item/styles.css
diff --git a/...eact/examples/apis/UpdatingDimensions.jsx → ...eact/examples/apis/UpdatingDimensions.jsx b/...eact/examples/apis/UpdatingDimensions.jsx → ...eact/examples/apis/UpdatingDimensions.jsx
@@ -1,5 +1,8 @@
 import React, { useState, useRef } from "react";
-import { GridstackContainer, GridstackItem } from "../../gridstack";
+import {
+  GridstackContainer,
+  GridstackItem,
+} from "@declarative-gridstack/react";
 import { JsonView, darkStyles } from "react-json-view-lite";
 import "react-json-view-lite/dist/index.css";
 import { Widget } from "../components/Widget";

diff --git a/packages/docs/react/examples/apis/styles.css → ...frameworks/react/examples/apis/styles.css b/packages/docs/react/examples/apis/styles.css → ...frameworks/react/examples/apis/styles.css
diff --git a/...s/react/examples/components/HtmlInput.jsx → ...s/react/examples/components/HtmlInput.jsx b/...s/react/examples/components/HtmlInput.jsx → ...s/react/examples/components/HtmlInput.jsx
diff --git a/...act/examples/components/ItemContainer.jsx → ...act/examples/components/ItemContainer.jsx b/...act/examples/components/ItemContainer.jsx → ...act/examples/components/ItemContainer.jsx
diff --git a/...docs/react/examples/components/Widget.jsx → ...orks/react/examples/components/Widget.jsx b/...docs/react/examples/components/Widget.jsx → ...orks/react/examples/components/Widget.jsx
diff --git a/...act/examples/components/styles.module.css → ...act/examples/components/styles.module.css b/...act/examples/components/styles.module.css → ...act/examples/components/styles.module.css
diff --git a/...ct/examples/drag-and-drop/DragAndDrop.jsx → ...ct/examples/drag-and-drop/DragAndDrop.jsx b/...ct/examples/drag-and-drop/DragAndDrop.jsx → ...ct/examples/drag-and-drop/DragAndDrop.jsx
@@ -5,7 +5,7 @@ import {
   GridstackContainer,
   GridstackItem,
   GridstackSubgrid,
-} from "../../gridstack";
+} from "@declarative-gridstack/react";
 import HtmlInput from "../components/HtmlInput";
 import { Widget } from "../components/Widget";
 

diff --git a/...s/react/examples/drag-and-drop/styles.css → ...s/react/examples/drag-and-drop/styles.css b/...s/react/examples/drag-and-drop/styles.css → ...s/react/examples/drag-and-drop/styles.css
diff --git a/packages/docs/react/examples/index.js → ...s/docs/frameworks/react/examples/index.js b/packages/docs/react/examples/index.js → ...s/docs/frameworks/react/examples/index.js
diff --git a/...ges/docs/react/examples/nested/Nested.jsx → ...ameworks/react/examples/nested/Nested.jsx b/...ges/docs/react/examples/nested/Nested.jsx → ...ameworks/react/examples/nested/Nested.jsx
@@ -6,7 +6,7 @@ import {
   GridstackContainer,
   GridstackItem,
   GridstackSubgrid,
-} from "../../gridstack";
+} from "@declarative-gridstack/react";
 
 import "./styles.css";
 
@@ -153,8 +153,6 @@ function Nested() {
 
   const [pushTo, setPushTo] = useState("master");
 
-
-
   return (
     <Fragment>
       <button onClick={toggleGridVisibility}>Toggle grid visibility</button>

diff --git a/...ges/docs/react/examples/nested/styles.css → ...ameworks/react/examples/nested/styles.css b/...ges/docs/react/examples/nested/styles.css → ...ameworks/react/examples/nested/styles.css
diff --git a/...ges/docs/react/examples/remove/Remove.jsx → ...ameworks/react/examples/remove/Remove.jsx b/...ges/docs/react/examples/remove/Remove.jsx → ...ameworks/react/examples/remove/Remove.jsx
@@ -1,5 +1,8 @@
 import React, { useState, useRef } from "react";
-import { GridstackContainer, GridstackItem } from "../../gridstack";
+import {
+  GridstackContainer,
+  GridstackItem,
+} from "@declarative-gridstack/react";
 import { JsonView, darkStyles } from "react-json-view-lite";
 import "react-json-view-lite/dist/index.css";
 import { Widget } from "../components/Widget";

diff --git a/...ges/docs/react/examples/remove/styles.css → ...ameworks/react/examples/remove/styles.css b/...ges/docs/react/examples/remove/styles.css → ...ameworks/react/examples/remove/styles.css
diff --git a/...ges/docs/react/examples/simple/Simple.jsx → ...ameworks/react/examples/simple/Simple.jsx b/...ges/docs/react/examples/simple/Simple.jsx → ...ameworks/react/examples/simple/Simple.jsx
@@ -1,5 +1,8 @@
 import React, { useState } from "react";
-import { GridstackContainer, GridstackItem } from "../../gridstack";
+import {
+  GridstackContainer,
+  GridstackItem,
+} from "@declarative-gridstack/react";
 import { JsonView, darkStyles } from "react-json-view-lite";
 import "react-json-view-lite/dist/index.css";
 import { Widget } from "../components/Widget";

diff --git a/...ges/docs/react/examples/simple/styles.css → ...ameworks/react/examples/simple/styles.css b/...ges/docs/react/examples/simple/styles.css → ...ameworks/react/examples/simple/styles.css
diff --git a/packages/docs/frameworks/react/how-to/adding-items.md b/packages/docs/frameworks/react/how-to/adding-items.md
@@ -45,7 +45,7 @@ Click the `Add item` button to add a new item to the layout.
 import { createElement } from 'react'
 import { createRoot } from 'react-dom/client'
 import { ref, onMounted } from 'vue'
-import {AddingItem} from '@declarative-gridstack/react/examples'
+import {AddingItem} from '../examples/adding-item/AddingItem.jsx'
 
 const el = ref()
 onMounted(() => {

diff --git a/packages/docs/package.json b/packages/docs/package.json
@@ -15,7 +15,8 @@
   "dependencies": {
     "@declarative-gridstack/react": "workspace:^",
     "react": "^18.2.0",
-    "react-dom": "^18.2.0"
+    "react-dom": "^18.2.0",
+    "react-json-view-lite": "^0.9.7"
   },
   "devDependencies": {
     "vitepress": "^1.0.0-beta.7"