diff --git a/samples/grids/grid/grid-finjs-dock-manager/README.md b/samples/grids/grid/grid-finjs-dock-manager/README.md new file mode 100644 index 0000000000..26221b6ddf --- /dev/null +++ b/samples/grids/grid/grid-finjs-dock-manager/README.md @@ -0,0 +1,49 @@ + + + +This folder contains implementation of React application with example of Financial Trading Dashboard with Live Data using [Grid](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component and [Dock Manager](https://www.infragistics.com/products/ignite-ui-react/react/components/layouts-dock-manager.html) web component. + + + +
+ +
+
+
+
+
+
+
+
+
+
+
+
+
+
+## Branches
+
+> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository.
+
+## Instructions
+
+Follow these instructions to run this example:
+
+
+```
+git clone https://github.com/IgniteUI/igniteui-react-examples.git
+git checkout master
+cd ./igniteui-react-examples
+cd ./samples/grids/grid/grid-finjs-dock-manager
+```
+
+open above folder in VS Code or type:
+```
+code .
+```
+
+In terminal window, run:
+```
+npm install --legacy-peer-deps
+npm run-script start
+```
\ No newline at end of file
diff --git a/samples/grids/grid/grid-finjs-dock-manager/package.json b/samples/grids/grid/grid-finjs-dock-manager/package.json
new file mode 100644
index 0000000000..e9a13c3dba
--- /dev/null
+++ b/samples/grids/grid/grid-finjs-dock-manager/package.json
@@ -0,0 +1,49 @@
+{
+ "name": "grid-finjs-dock-manager",
+ "description": "Financial trading dashboard with dock manager and real-time data streaming",
+ "author": "Infragistics",
+ "version": "1.4.0",
+ "license": "",
+ "homepage": ".",
+ "private": true,
+ "scripts": {
+ "start": "set PORT=4200 && react-scripts --max_old_space_size=10240 start",
+ "build": "react-scripts --max_old_space_size=10240 build ",
+ "test": "react-scripts test --env=jsdom",
+ "eject": "react-scripts eject",
+ "lint": "eslint ./src/**/*.{ts,tsx}"
+ },
+ "dependencies": {
+ "@microsoft/signalr": "^9.0.6",
+ "igniteui-dockmanager": "^1.17.0",
+ "igniteui-react": "^19.2.0",
+ "igniteui-react-core": "19.2.2",
+ "igniteui-react-grids": "^19.2.0",
+ "igniteui-react-inputs": "19.2.2",
+ "igniteui-react-layouts": "19.2.2",
+ "igniteui-webcomponents": "^6.2.0",
+ "lit-html": "^3.2.0",
+ "react": "^18.2.0",
+ "react-dom": "^18.2.0",
+ "react-scripts": "^5.0.1",
+ "tslib": "^2.4.0"
+ },
+ "devDependencies": {
+ "@types/jest": "^29.2.0",
+ "@types/node": "^18.11.7",
+ "@types/react": "^18.0.24",
+ "@types/react-dom": "^18.0.8",
+ "eslint": "^8.33.0",
+ "eslint-config-react": "^1.1.7",
+ "eslint-plugin-react": "^7.20.0",
+ "react-app-rewired": "^2.2.1",
+ "typescript": "^4.8.4",
+ "worker-loader": "^3.0.8"
+ },
+ "browserslist": [
+ ">0.2%",
+ "not dead",
+ "not ie <= 11",
+ "not op_mini all"
+ ]
+}
diff --git a/samples/grids/grid/grid-finjs-dock-manager/public/index.html b/samples/grids/grid/grid-finjs-dock-manager/public/index.html
new file mode 100644
index 0000000000..b5b3e9b88e
--- /dev/null
+++ b/samples/grids/grid/grid-finjs-dock-manager/public/index.html
@@ -0,0 +1,15 @@
+
+
+
+
+
+
+
+
+