From 3223b82616fd0c2061fd0d2902f268157bcfa25e Mon Sep 17 00:00:00 2001 From: Sean Landsman Date: Tue, 10 Sep 2019 12:32:05 +0100 Subject: [PATCH 01/17] AG-3294 Update and improve build process --- package.json | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/package.json b/package.json index 367859f..cd989a1 100644 --- a/package.json +++ b/package.json @@ -43,8 +43,8 @@ "@babel/plugin-proposal-function-bind": "7.2.0", "@babel/preset-env": "7.4.4", "@babel/preset-react": "7.0.0", - "@types/react": "16.8.17", - "@types/react-dom": "16.8.4", + "@types/react": "16.9.0", + "@types/react-dom": "16.9.0", "babel-loader": "8.0.6", "css-loader": "2.1.1", "file-loader": "3.0.1", From 5a26863affce703a8e3546fa6baedbd3855b1a00 Mon Sep 17 00:00:00 2001 From: Sean Landsman Date: Mon, 16 Sep 2019 15:45:07 +0100 Subject: [PATCH 02/17] AG-3316 agGridReact needs to be updated to use the updated react lifecycle hooks --- package.json | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/package.json b/package.json index cd989a1..908724d 100644 --- a/package.json +++ b/package.json @@ -18,7 +18,7 @@ "build-all": "npm run build-examples && npm run build-dashboard", "build": "npm run clean && npm run mkdirs && npm run build-all && npm run copy", "start": "npm run examples", - "test" : "./ts-tests/runTsTests.sh" + "test": "./ts-tests/runTsTests.sh" }, "repository": { "type": "git", @@ -43,7 +43,7 @@ "@babel/plugin-proposal-function-bind": "7.2.0", "@babel/preset-env": "7.4.4", "@babel/preset-react": "7.0.0", - "@types/react": "16.9.0", + "@types/react": "16.9.2", "@types/react-dom": "16.9.0", "babel-loader": "8.0.6", "css-loader": "2.1.1", From b9b2b03a6b53f8e98f895790c8dcd14e53995276 Mon Sep 17 00:00:00 2001 From: Sean Landsman Date: Mon, 23 Sep 2019 14:29:21 +0100 Subject: [PATCH 03/17] AG-2914 DOCS - Add docs around react hooks with editors. --- .../simpleReduxHooksExample/GridComponent.jsx | 4 ++-- .../simpleReduxHooksExample/PriceEditor.jsx | 18 ++++++++++++++++++ src-examples/simpleReduxHooksExample/store.js | 6 +++++- 3 files changed, 25 insertions(+), 3 deletions(-) create mode 100644 src-examples/simpleReduxHooksExample/PriceEditor.jsx diff --git a/src-examples/simpleReduxHooksExample/GridComponent.jsx b/src-examples/simpleReduxHooksExample/GridComponent.jsx index 4f924da..65715e0 100644 --- a/src-examples/simpleReduxHooksExample/GridComponent.jsx +++ b/src-examples/simpleReduxHooksExample/GridComponent.jsx @@ -1,4 +1,4 @@ -import React, { useContext } from "react"; +import React, {useContext} from "react"; import {Context} from "./store"; import {AgGridReact} from "ag-grid-react"; @@ -22,7 +22,7 @@ export default function GridComponent() { columnDefs={columnDefs} rowData={rowData} - reactNext={true} + reactNext // events onGridReady={onGridReady}> diff --git a/src-examples/simpleReduxHooksExample/PriceEditor.jsx b/src-examples/simpleReduxHooksExample/PriceEditor.jsx new file mode 100644 index 0000000..9a360ab --- /dev/null +++ b/src-examples/simpleReduxHooksExample/PriceEditor.jsx @@ -0,0 +1,18 @@ +import React, {useEffect, forwardRef, useImperativeHandle, useRef} from "react"; + +export default forwardRef((props, ref) => { + const inputRef = useRef(); + useImperativeHandle(ref, () => { + return { + getValue: () => { + return inputRef.current.value; + } + }; + }); + + useEffect(() => { + // https://github.com/facebook/react/issues/7835#issuecomment-395504863 + setTimeout(() => inputRef.current.focus(), 10) + }, []); + return ; +}) diff --git a/src-examples/simpleReduxHooksExample/store.js b/src-examples/simpleReduxHooksExample/store.js index da862a6..ff6288b 100644 --- a/src-examples/simpleReduxHooksExample/store.js +++ b/src-examples/simpleReduxHooksExample/store.js @@ -1,15 +1,19 @@ import React from "react"; import PriceRenderer from "./PriceRenderer"; +import PriceEditor from "./PriceEditor"; export const initialState = { rowData: [], columnDefs: [ { - field: 'symbol' + field: 'symbol', + editable: true }, { field: 'price', cellClass: 'align-right', + editable: true, + cellEditorFramework: PriceEditor, cellRendererFramework: PriceRenderer } ] From 0584234be78b2fa20f2bc1e81707956e60af0dc6 Mon Sep 17 00:00:00 2001 From: Sean Landsman Date: Wed, 25 Sep 2019 12:22:09 +0100 Subject: [PATCH 04/17] AG-3316 agGridReact needs to be updated to use the updated react lifecycle hooks --- .../GridComponent.jsx | 4 +--- .../PriceRenderer.jsx | 4 ++-- .../simpleReduxHooksExample/GridComponent.jsx | 2 +- .../simpleReduxHooksExample/PriceFilter.jsx | 18 ++++++++++++++++++ src-examples/simpleReduxHooksExample/store.js | 2 ++ 5 files changed, 24 insertions(+), 6 deletions(-) create mode 100644 src-examples/simpleReduxHooksExample/PriceFilter.jsx diff --git a/src-examples/simpleReduxDynamicComponentExample/GridComponent.jsx b/src-examples/simpleReduxDynamicComponentExample/GridComponent.jsx index 319cbb4..e3018db 100644 --- a/src-examples/simpleReduxDynamicComponentExample/GridComponent.jsx +++ b/src-examples/simpleReduxDynamicComponentExample/GridComponent.jsx @@ -45,8 +45,6 @@ class GridComponent extends Component { columnDefs={this.state.columnDefs} rowData={this.props.rowData} - reactNext={true} - // events onGridReady={this.onGridReady}> @@ -62,4 +60,4 @@ export default connect( rowData: state.rowData } } -)(GridComponent); \ No newline at end of file +)(GridComponent); diff --git a/src-examples/simpleReduxDynamicComponentExample/PriceRenderer.jsx b/src-examples/simpleReduxDynamicComponentExample/PriceRenderer.jsx index 1da323b..e41f8e1 100644 --- a/src-examples/simpleReduxDynamicComponentExample/PriceRenderer.jsx +++ b/src-examples/simpleReduxDynamicComponentExample/PriceRenderer.jsx @@ -41,5 +41,5 @@ export default connect( }, null, null, - {forwardRef: true} // must be supplied for react/redux when using GridOptions.reactNext -)(PriceRenderer); \ No newline at end of file + {forwardRef: true} // must be supplied for react/redux when using AgGridReact +)(PriceRenderer); diff --git a/src-examples/simpleReduxHooksExample/GridComponent.jsx b/src-examples/simpleReduxHooksExample/GridComponent.jsx index 65715e0..61b0404 100644 --- a/src-examples/simpleReduxHooksExample/GridComponent.jsx +++ b/src-examples/simpleReduxHooksExample/GridComponent.jsx @@ -22,7 +22,7 @@ export default function GridComponent() { columnDefs={columnDefs} rowData={rowData} - reactNext + defaultColDef={{filter: true}} // events onGridReady={onGridReady}> diff --git a/src-examples/simpleReduxHooksExample/PriceFilter.jsx b/src-examples/simpleReduxHooksExample/PriceFilter.jsx new file mode 100644 index 0000000..c05817c --- /dev/null +++ b/src-examples/simpleReduxHooksExample/PriceFilter.jsx @@ -0,0 +1,18 @@ +import React, {forwardRef, useImperativeHandle, useRef} from "react"; + +export default forwardRef((props, ref) => { + const inputRef = useRef(); + useImperativeHandle(ref, () => { + return { + isFilterActive() { + return inputRef.current.value !== ''; + }, + + doesFilterPass: (params) => { + return params.data.price.toString() === inputRef.current.value; + } + }; + }); + + return props.filterChangedCallback()}/>; +}) diff --git a/src-examples/simpleReduxHooksExample/store.js b/src-examples/simpleReduxHooksExample/store.js index ff6288b..4d40b6b 100644 --- a/src-examples/simpleReduxHooksExample/store.js +++ b/src-examples/simpleReduxHooksExample/store.js @@ -1,6 +1,7 @@ import React from "react"; import PriceRenderer from "./PriceRenderer"; import PriceEditor from "./PriceEditor"; +import PriceFilter from "./PriceFilter"; export const initialState = { rowData: [], @@ -14,6 +15,7 @@ export const initialState = { cellClass: 'align-right', editable: true, cellEditorFramework: PriceEditor, + filterFramework: PriceFilter, cellRendererFramework: PriceRenderer } ] From 894d971f0e645c858b26f098ad68241e0f36b598 Mon Sep 17 00:00:00 2001 From: Sean Landsman Date: Mon, 30 Sep 2019 15:00:08 +0100 Subject: [PATCH 05/17] AG-3316 agGridReact needs to be updated to use the updated react lifecycle hooks --- package.json | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/package.json b/package.json index 908724d..b577d45 100644 --- a/package.json +++ b/package.json @@ -63,7 +63,7 @@ "dependencies": { "ag-grid-community": "^21.0.0", "ag-grid-enterprise": "^21.0.0", - "ag-grid-react": "^21.0.0", + "ag-grid-react": "^21.2.2", "bootstrap": "4.3.1", "d3": "4.9.1", "lodash": "4.17.11", From 46c26f074e3c8bddbffa7704ab804951823d1211 Mon Sep 17 00:00:00 2001 From: Sean Landsman Date: Wed, 9 Oct 2019 18:41:11 +0100 Subject: [PATCH 06/17] AG-1329 Add modularisation mechanism --- config/webpack.config.examples.js | 3 ++- package.json | 1 + src-examples/App.jsx | 2 ++ .../RichGridDeclarativeExample.jsx | 5 ++++- .../simpleReduxDynamicComponentExample/GridComponent.jsx | 1 - src-large-data/largeGrid.jsx | 3 ++- src-trader-dashboard/index.js | 1 + 7 files changed, 12 insertions(+), 4 deletions(-) diff --git a/config/webpack.config.examples.js b/config/webpack.config.examples.js index f8e7d1d..6cb1bb0 100644 --- a/config/webpack.config.examples.js +++ b/config/webpack.config.examples.js @@ -35,6 +35,7 @@ module.exports = { }, resolve: { alias: { + "ag-grid-community/modules": path.resolve('./node_modules/ag-grid-community/dist/es2015/modules'), "ag-grid-community": path.resolve('./node_modules/ag-grid-community'), "ag-grid-enterprise": path.resolve('./node_modules/ag-grid-enterprise'), react: path.resolve('./node_modules/react') @@ -48,4 +49,4 @@ module.exports = { port: 8080, historyApiFallback: true } -}; \ No newline at end of file +}; diff --git a/package.json b/package.json index b577d45..46121a9 100644 --- a/package.json +++ b/package.json @@ -61,6 +61,7 @@ "webpack-dev-server": "3.4.1" }, "dependencies": { + "@ag-community/client-side-row-model": "^21.2.0", "ag-grid-community": "^21.0.0", "ag-grid-enterprise": "^21.0.0", "ag-grid-react": "^21.2.2", diff --git a/src-examples/App.jsx b/src-examples/App.jsx index 812c66d..218b44f 100644 --- a/src-examples/App.jsx +++ b/src-examples/App.jsx @@ -3,6 +3,8 @@ import {Redirect, Route, Switch} from "react-router-dom"; import NavItem from "./NavItem"; +import '@ag-community/client-side-row-model' + import RichGridDeclarativeExample from "./richGridDeclarativeExample/RichGridDeclarativeExample"; import SimpleReduxDynamicExample from "./simpleReduxDynamicComponentExample/SimpleReduxExample"; import SimpleReduxHookExample from "./simpleReduxHooksExample/SimpleReduxHookExample"; diff --git a/src-examples/richGridDeclarativeExample/RichGridDeclarativeExample.jsx b/src-examples/richGridDeclarativeExample/RichGridDeclarativeExample.jsx index 0350d8a..3b2ae20 100644 --- a/src-examples/richGridDeclarativeExample/RichGridDeclarativeExample.jsx +++ b/src-examples/richGridDeclarativeExample/RichGridDeclarativeExample.jsx @@ -12,8 +12,11 @@ import HeaderGroupComponent from './HeaderGroupComponent.jsx'; import SortableHeaderComponent from './SortableHeaderComponent.jsx'; import "./RichGridDeclarativeExample.css"; + +import '@ag-community/client-side-row-model' + // take this line out if you do not want to use ag-Grid-Enterprise -import "ag-grid-enterprise"; +// import "ag-grid-enterprise"; export default class RichGridDeclarativeExample extends Component { constructor(props) { diff --git a/src-examples/simpleReduxDynamicComponentExample/GridComponent.jsx b/src-examples/simpleReduxDynamicComponentExample/GridComponent.jsx index e3018db..69a8260 100644 --- a/src-examples/simpleReduxDynamicComponentExample/GridComponent.jsx +++ b/src-examples/simpleReduxDynamicComponentExample/GridComponent.jsx @@ -1,6 +1,5 @@ import React, {Component} from "react"; import {connect} from "react-redux"; - import {AgGridReact} from "ag-grid-react"; import PriceRenderer from "./PriceRenderer"; diff --git a/src-large-data/largeGrid.jsx b/src-large-data/largeGrid.jsx index cbdcd16..e9749a6 100644 --- a/src-large-data/largeGrid.jsx +++ b/src-large-data/largeGrid.jsx @@ -1,8 +1,9 @@ import React, {Component} from 'react'; import SimpleCellRenderer from './simpleCellRenderer.jsx'; - import {AgGridReact} from 'ag-grid-react'; +import '@ag-community/client-side-row-model' + // put this line in to use ag-Grid enterprise // import 'ag-grid-enterprise'; diff --git a/src-trader-dashboard/index.js b/src-trader-dashboard/index.js index 4788551..e28a5e6 100644 --- a/src-trader-dashboard/index.js +++ b/src-trader-dashboard/index.js @@ -5,6 +5,7 @@ import {render} from "react-dom"; import {Provider} from "react-redux"; +import '@ag-community/client-side-row-model' import "ag-grid-community/dist/styles/ag-grid.css"; import "ag-grid-community/dist/styles/ag-theme-fresh.css"; From 51621200dadaab68415f27ff2de9b297fbf77743 Mon Sep 17 00:00:00 2001 From: Sean Landsman Date: Fri, 18 Oct 2019 18:40:14 +0100 Subject: [PATCH 07/17] AG-1329 Modularisation work - update examples --- config/webpack.config.examples.js | 4 ++-- config/webpack.config.large.js | 4 ++-- config/webpack.config.trader.js | 4 ++-- package.json | 6 ++++-- src-examples/App.jsx | 2 ++ src-examples/index.js | 4 ++-- .../simpleReduxDynamicComponentExample/HeaderComponent.jsx | 2 +- .../SimpleReduxExample.jsx | 2 +- src-large-data/index.js | 4 ++-- src-trader-dashboard/index.js | 4 ++-- 10 files changed, 20 insertions(+), 16 deletions(-) diff --git a/config/webpack.config.examples.js b/config/webpack.config.examples.js index 6cb1bb0..ffa41bb 100644 --- a/config/webpack.config.examples.js +++ b/config/webpack.config.examples.js @@ -35,8 +35,8 @@ module.exports = { }, resolve: { alias: { - "ag-grid-community/modules": path.resolve('./node_modules/ag-grid-community/dist/es2015/modules'), - "ag-grid-community": path.resolve('./node_modules/ag-grid-community'), + "@ag-community/grid-core/modules": path.resolve('./node_modules/@ag-community/grid-core/dist/es2015/modules'), + "@ag-community/grid-core": path.resolve('./node_modules/@ag-community/grid-core'), "ag-grid-enterprise": path.resolve('./node_modules/ag-grid-enterprise'), react: path.resolve('./node_modules/react') }, diff --git a/config/webpack.config.large.js b/config/webpack.config.large.js index efb9ee2..2aa7035 100644 --- a/config/webpack.config.large.js +++ b/config/webpack.config.large.js @@ -31,7 +31,7 @@ module.exports = { }, resolve: { alias: { - "ag-grid-community": path.resolve('./node_modules/ag-grid-community'), + "@ag-community/grid-core": path.resolve('./node_modules/@ag-community/grid-core'), "ag-grid-enterprise": path.resolve('./node_modules/ag-grid-enterprise'), react: path.resolve('./node_modules/react') }, @@ -43,4 +43,4 @@ module.exports = { devServer: { port: 8080, } -}; \ No newline at end of file +}; diff --git a/config/webpack.config.trader.js b/config/webpack.config.trader.js index b6a5b20..6251b9c 100644 --- a/config/webpack.config.trader.js +++ b/config/webpack.config.trader.js @@ -31,7 +31,7 @@ module.exports = { }, resolve: { alias: { - "ag-grid-community": path.resolve('./node_modules/ag-grid-community'), + "@ag-community/grid-core": path.resolve('./node_modules/@ag-community/grid-core'), "ag-grid-enterprise": path.resolve('./node_modules/ag-grid-enterprise'), react: path.resolve('./node_modules/react') }, @@ -43,4 +43,4 @@ module.exports = { devServer: { port: 8080, } -}; \ No newline at end of file +}; diff --git a/package.json b/package.json index 46121a9..5c6303f 100644 --- a/package.json +++ b/package.json @@ -61,8 +61,10 @@ "webpack-dev-server": "3.4.1" }, "dependencies": { - "@ag-community/client-side-row-model": "^21.2.0", - "ag-grid-community": "^21.0.0", + "@ag-community/grid-core": "^21.0.0", + "@ag-community/client-side-row-model": "^21.0.0", + "@ag-community/infinite-row-model": "^21.0.0", + "@ag-community/csv-export": "^21.0.0", "ag-grid-enterprise": "^21.0.0", "ag-grid-react": "^21.2.2", "bootstrap": "4.3.1", diff --git a/src-examples/App.jsx b/src-examples/App.jsx index 218b44f..e33efdf 100644 --- a/src-examples/App.jsx +++ b/src-examples/App.jsx @@ -4,6 +4,8 @@ import {Redirect, Route, Switch} from "react-router-dom"; import NavItem from "./NavItem"; import '@ag-community/client-side-row-model' +import '@ag-community/infinite-row-model' +import '@ag-community/csv-export' import RichGridDeclarativeExample from "./richGridDeclarativeExample/RichGridDeclarativeExample"; import SimpleReduxDynamicExample from "./simpleReduxDynamicComponentExample/SimpleReduxExample"; diff --git a/src-examples/index.js b/src-examples/index.js index 1beba44..a7753fb 100644 --- a/src-examples/index.js +++ b/src-examples/index.js @@ -4,8 +4,8 @@ import React from "react"; import {render} from "react-dom"; import {BrowserRouter} from "react-router-dom"; -import "ag-grid-community/dist/styles/ag-grid.css"; -import "ag-grid-community/dist/styles/ag-theme-balham.css"; +import "@ag-community/grid-core/dist/styles/ag-grid.css"; +import "@ag-community/grid-core/dist/styles/ag-theme-balham.css"; import "../node_modules/bootstrap/dist/css/bootstrap.css"; import App from "./App"; diff --git a/src-examples/simpleReduxDynamicComponentExample/HeaderComponent.jsx b/src-examples/simpleReduxDynamicComponentExample/HeaderComponent.jsx index 49debc9..3818688 100644 --- a/src-examples/simpleReduxDynamicComponentExample/HeaderComponent.jsx +++ b/src-examples/simpleReduxDynamicComponentExample/HeaderComponent.jsx @@ -1,7 +1,7 @@ import React, {Component} from "react"; import {connect} from "react-redux"; // take this line out if you do not want to use ag-Grid-Enterprise -import "ag-grid-enterprise"; +// import "ag-grid-enterprise"; import {setCurrency, updateRowData} from "./gridDataActions"; diff --git a/src-examples/simpleReduxDynamicComponentExample/SimpleReduxExample.jsx b/src-examples/simpleReduxDynamicComponentExample/SimpleReduxExample.jsx index e46a03e..89b07f0 100644 --- a/src-examples/simpleReduxDynamicComponentExample/SimpleReduxExample.jsx +++ b/src-examples/simpleReduxDynamicComponentExample/SimpleReduxExample.jsx @@ -2,7 +2,7 @@ import React, {Component} from "react"; import {Provider} from "react-redux"; import {createStore} from "redux"; // take this line out if you do not want to use ag-Grid-Enterprise -import "ag-grid-enterprise"; +// import "ag-grid-enterprise"; import HeaderComponent from "./HeaderComponent"; import GridComponent from "./GridComponent"; diff --git a/src-large-data/index.js b/src-large-data/index.js index dfadde9..5d90a7d 100644 --- a/src-large-data/index.js +++ b/src-large-data/index.js @@ -4,8 +4,8 @@ import ReactDOM from 'react-dom'; import React from 'react'; import LargeGrid from './largeGrid.jsx'; -import 'ag-grid-community/dist/styles/ag-grid.css'; -import 'ag-grid-community/dist/styles/ag-theme-fresh.css'; +import '@ag-community/grid-core/dist/styles/ag-grid.css'; +import '@ag-community/grid-core/dist/styles/ag-theme-fresh.css'; // waiting for dom to load before booting react. we could alternatively // put the index.js reference at the end fo the index.html, but i prefer this way. diff --git a/src-trader-dashboard/index.js b/src-trader-dashboard/index.js index e28a5e6..2e9af41 100644 --- a/src-trader-dashboard/index.js +++ b/src-trader-dashboard/index.js @@ -6,8 +6,8 @@ import {render} from "react-dom"; import {Provider} from "react-redux"; import '@ag-community/client-side-row-model' -import "ag-grid-community/dist/styles/ag-grid.css"; -import "ag-grid-community/dist/styles/ag-theme-fresh.css"; +import "@ag-community/grid-core/dist/styles/ag-grid.css"; +import "@ag-community/grid-core/dist/styles/ag-theme-fresh.css"; import StoreService from './services/StoreService'; import TraderDashboard from "./components/TraderDashboard.jsx"; From b4c3ebc248927286117261aa9abda10d949aed8f Mon Sep 17 00:00:00 2001 From: Sean Landsman Date: Fri, 18 Oct 2019 20:46:09 +0100 Subject: [PATCH 08/17] AG-1329 Update framework examples and tests --- package.json | 6 ++---- src-examples/App.jsx | 5 ----- .../RichGridDeclarativeExample.jsx | 10 +++++++--- src-large-data/largeGrid.jsx | 9 +++++---- src-trader-dashboard/index.js | 4 ---- 5 files changed, 14 insertions(+), 20 deletions(-) diff --git a/package.json b/package.json index 5c6303f..642fa60 100644 --- a/package.json +++ b/package.json @@ -62,10 +62,8 @@ }, "dependencies": { "@ag-community/grid-core": "^21.0.0", - "@ag-community/client-side-row-model": "^21.0.0", - "@ag-community/infinite-row-model": "^21.0.0", - "@ag-community/csv-export": "^21.0.0", - "ag-grid-enterprise": "^21.0.0", + "@ag-community/grid-all-modules": "^21.0.0", + "@ag-enterprise/grid-all-modules": "^21.0.0", "ag-grid-react": "^21.2.2", "bootstrap": "4.3.1", "d3": "4.9.1", diff --git a/src-examples/App.jsx b/src-examples/App.jsx index e33efdf..0c014e8 100644 --- a/src-examples/App.jsx +++ b/src-examples/App.jsx @@ -2,11 +2,6 @@ import React, {Component} from "react"; import {Redirect, Route, Switch} from "react-router-dom"; import NavItem from "./NavItem"; - -import '@ag-community/client-side-row-model' -import '@ag-community/infinite-row-model' -import '@ag-community/csv-export' - import RichGridDeclarativeExample from "./richGridDeclarativeExample/RichGridDeclarativeExample"; import SimpleReduxDynamicExample from "./simpleReduxDynamicComponentExample/SimpleReduxExample"; import SimpleReduxHookExample from "./simpleReduxHooksExample/SimpleReduxHookExample"; diff --git a/src-examples/richGridDeclarativeExample/RichGridDeclarativeExample.jsx b/src-examples/richGridDeclarativeExample/RichGridDeclarativeExample.jsx index 3b2ae20..2f8963a 100644 --- a/src-examples/richGridDeclarativeExample/RichGridDeclarativeExample.jsx +++ b/src-examples/richGridDeclarativeExample/RichGridDeclarativeExample.jsx @@ -13,10 +13,11 @@ import SortableHeaderComponent from './SortableHeaderComponent.jsx'; import "./RichGridDeclarativeExample.css"; -import '@ag-community/client-side-row-model' +// for community features +// import {AllModules} from "@ag-community/grid-all-modules"; -// take this line out if you do not want to use ag-Grid-Enterprise -// import "ag-grid-enterprise"; +// for enterprise features +import {AllModules} from "@ag-enterprise/grid-all-modules"; export default class RichGridDeclarativeExample extends Component { constructor(props) { @@ -196,6 +197,9 @@ export default class RichGridDeclarativeExample extends Component { // binding to array properties rowData={this.state.rowData} + // register all modules (row model, csv/excel, row grouping etc) + modules={AllModules} + // no binding, just providing hard coded strings for the properties // boolean properties will default to true if provided (ie suppressRowClickSelection => suppressRowClickSelection="true") suppressRowClickSelection diff --git a/src-large-data/largeGrid.jsx b/src-large-data/largeGrid.jsx index e9749a6..19af264 100644 --- a/src-large-data/largeGrid.jsx +++ b/src-large-data/largeGrid.jsx @@ -2,10 +2,11 @@ import React, {Component} from 'react'; import SimpleCellRenderer from './simpleCellRenderer.jsx'; import {AgGridReact} from 'ag-grid-react'; -import '@ag-community/client-side-row-model' +// for community features +import {AllModules} from "@ag-community/grid-all-modules"; -// put this line in to use ag-Grid enterprise -// import 'ag-grid-enterprise'; +// for enterprise features +// import {AllModules} from "@ag-enterprise/grid-all-modules"; export default class MyApp extends Component { @@ -63,7 +64,7 @@ export default class MyApp extends Component { render() { return (
- +
); } diff --git a/src-trader-dashboard/index.js b/src-trader-dashboard/index.js index 2e9af41..6903025 100644 --- a/src-trader-dashboard/index.js +++ b/src-trader-dashboard/index.js @@ -5,10 +5,6 @@ import {render} from "react-dom"; import {Provider} from "react-redux"; -import '@ag-community/client-side-row-model' -import "@ag-community/grid-core/dist/styles/ag-grid.css"; -import "@ag-community/grid-core/dist/styles/ag-theme-fresh.css"; - import StoreService from './services/StoreService'; import TraderDashboard from "./components/TraderDashboard.jsx"; From 36eb9c8a184b6cbd8601b29afcb71ab164f9aced Mon Sep 17 00:00:00 2001 From: Sean Landsman Date: Tue, 22 Oct 2019 16:58:54 +0100 Subject: [PATCH 09/17] AG-1329 Fix source map issue, change versions, clean modules --- package.json | 2 +- .../richGridDeclarativeExample/RichGridDeclarativeExample.jsx | 2 +- src-large-data/largeGrid.jsx | 4 ++-- 3 files changed, 4 insertions(+), 4 deletions(-) diff --git a/package.json b/package.json index 642fa60..ebb1f88 100644 --- a/package.json +++ b/package.json @@ -64,7 +64,7 @@ "@ag-community/grid-core": "^21.0.0", "@ag-community/grid-all-modules": "^21.0.0", "@ag-enterprise/grid-all-modules": "^21.0.0", - "ag-grid-react": "^21.2.2", + "ag-grid-react": "~21.2.0", "bootstrap": "4.3.1", "d3": "4.9.1", "lodash": "4.17.11", diff --git a/src-examples/richGridDeclarativeExample/RichGridDeclarativeExample.jsx b/src-examples/richGridDeclarativeExample/RichGridDeclarativeExample.jsx index 2f8963a..c6b15c5 100644 --- a/src-examples/richGridDeclarativeExample/RichGridDeclarativeExample.jsx +++ b/src-examples/richGridDeclarativeExample/RichGridDeclarativeExample.jsx @@ -14,7 +14,7 @@ import SortableHeaderComponent from './SortableHeaderComponent.jsx'; import "./RichGridDeclarativeExample.css"; // for community features -// import {AllModules} from "@ag-community/grid-all-modules"; +// import {AllCommunityModules} from "@ag-community/grid-all-modules"; // for enterprise features import {AllModules} from "@ag-enterprise/grid-all-modules"; diff --git a/src-large-data/largeGrid.jsx b/src-large-data/largeGrid.jsx index 19af264..9feebbf 100644 --- a/src-large-data/largeGrid.jsx +++ b/src-large-data/largeGrid.jsx @@ -3,7 +3,7 @@ import SimpleCellRenderer from './simpleCellRenderer.jsx'; import {AgGridReact} from 'ag-grid-react'; // for community features -import {AllModules} from "@ag-community/grid-all-modules"; +import {AllCommunityModules} from "@ag-community/grid-all-modules"; // for enterprise features // import {AllModules} from "@ag-enterprise/grid-all-modules"; @@ -64,7 +64,7 @@ export default class MyApp extends Component { render() { return (
- +
); } From bd63d49c522d98900c9a3db96735967a20be2c9c Mon Sep 17 00:00:00 2001 From: Sean Landsman Date: Wed, 23 Oct 2019 11:23:35 +0100 Subject: [PATCH 10/17] Release 22.0.0 --- package.json | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/package.json b/package.json index ebb1f88..eab7acf 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "ag-grid-react-example", - "version": "21.0.0", + "version": "22.0.0", "description": "Example Reach applicaiton using ag-Grid.", "main": "dist/ag-grid-react-example.js", "scripts": { @@ -64,7 +64,7 @@ "@ag-community/grid-core": "^21.0.0", "@ag-community/grid-all-modules": "^21.0.0", "@ag-enterprise/grid-all-modules": "^21.0.0", - "ag-grid-react": "~21.2.0", + "ag-grid-react": "~22.0.0", "bootstrap": "4.3.1", "d3": "4.9.1", "lodash": "4.17.11", @@ -74,4 +74,4 @@ "react-router-dom": "5.0.0", "redux": "4.0.1" } -} +} \ No newline at end of file From 61420e0d67cf51170eec44afc581d4e1b6bd7eaa Mon Sep 17 00:00:00 2001 From: Sean Landsman Date: Wed, 23 Oct 2019 20:25:40 +0100 Subject: [PATCH 11/17] AG-1329 Move ag-grid-react and ag-grid-vue to modules --- package.json | 2 +- .../richGridDeclarativeExample/RichGridDeclarativeExample.jsx | 2 +- .../simpleReduxDynamicComponentExample/GridComponent.jsx | 2 +- src-examples/simpleReduxHooksExample/GridComponent.jsx | 2 +- src-large-data/largeGrid.jsx | 2 +- src-trader-dashboard/components/FxQuoteMatrix.jsx | 4 ++-- src-trader-dashboard/components/PriceChangesGrid.jsx | 4 ++-- src-trader-dashboard/components/TopMoversGrid.jsx | 2 +- ts-tests/InvalidGridProperty.tsx | 2 +- ts-tests/SimpleFunctionalGrid.tsx | 2 +- 10 files changed, 12 insertions(+), 12 deletions(-) diff --git a/package.json b/package.json index ebb1f88..43d70e7 100644 --- a/package.json +++ b/package.json @@ -64,7 +64,7 @@ "@ag-community/grid-core": "^21.0.0", "@ag-community/grid-all-modules": "^21.0.0", "@ag-enterprise/grid-all-modules": "^21.0.0", - "ag-grid-react": "~21.2.0", + "@ag-community/grid-react": "~21.2.0", "bootstrap": "4.3.1", "d3": "4.9.1", "lodash": "4.17.11", diff --git a/src-examples/richGridDeclarativeExample/RichGridDeclarativeExample.jsx b/src-examples/richGridDeclarativeExample/RichGridDeclarativeExample.jsx index c6b15c5..218e22b 100644 --- a/src-examples/richGridDeclarativeExample/RichGridDeclarativeExample.jsx +++ b/src-examples/richGridDeclarativeExample/RichGridDeclarativeExample.jsx @@ -1,5 +1,5 @@ import React, {Component} from "react"; -import {AgGridColumn, AgGridReact} from "ag-grid-react"; +import {AgGridColumn, AgGridReact} from "@ag-community/grid-react"; import RowDataFactory from "./RowDataFactory"; import DateComponent from "./DateComponent.jsx"; import SkillsCellRenderer from './SkillsCellRenderer.jsx'; diff --git a/src-examples/simpleReduxDynamicComponentExample/GridComponent.jsx b/src-examples/simpleReduxDynamicComponentExample/GridComponent.jsx index 69a8260..ba1b5b4 100644 --- a/src-examples/simpleReduxDynamicComponentExample/GridComponent.jsx +++ b/src-examples/simpleReduxDynamicComponentExample/GridComponent.jsx @@ -1,6 +1,6 @@ import React, {Component} from "react"; import {connect} from "react-redux"; -import {AgGridReact} from "ag-grid-react"; +import {AgGridReact} from "@ag-community/grid-react"; import PriceRenderer from "./PriceRenderer"; diff --git a/src-examples/simpleReduxHooksExample/GridComponent.jsx b/src-examples/simpleReduxHooksExample/GridComponent.jsx index 61b0404..1dc628e 100644 --- a/src-examples/simpleReduxHooksExample/GridComponent.jsx +++ b/src-examples/simpleReduxHooksExample/GridComponent.jsx @@ -1,6 +1,6 @@ import React, {useContext} from "react"; import {Context} from "./store"; -import {AgGridReact} from "ag-grid-react"; +import {AgGridReact} from "@ag-community/grid-react"; /* * This component serves to display the row data (provided by redux) diff --git a/src-large-data/largeGrid.jsx b/src-large-data/largeGrid.jsx index 9feebbf..b182761 100644 --- a/src-large-data/largeGrid.jsx +++ b/src-large-data/largeGrid.jsx @@ -1,6 +1,6 @@ import React, {Component} from 'react'; import SimpleCellRenderer from './simpleCellRenderer.jsx'; -import {AgGridReact} from 'ag-grid-react'; +import {AgGridReact} from '@ag-community/grid-react'; // for community features import {AllCommunityModules} from "@ag-community/grid-all-modules"; diff --git a/src-trader-dashboard/components/FxQuoteMatrix.jsx b/src-trader-dashboard/components/FxQuoteMatrix.jsx index 40828f5..8286826 100644 --- a/src-trader-dashboard/components/FxQuoteMatrix.jsx +++ b/src-trader-dashboard/components/FxQuoteMatrix.jsx @@ -1,7 +1,7 @@ import React, {Component} from "react"; import {connect} from "react-redux"; -import {AgGridReact} from "ag-grid-react"; +import {AgGridReact} from "@ag-community/grid-react"; class FxQuoteMatrix extends Component { constructor(props) { @@ -85,4 +85,4 @@ export default connect( rowData: state ? state.fxData : null } } -)(FxQuoteMatrix); \ No newline at end of file +)(FxQuoteMatrix); diff --git a/src-trader-dashboard/components/PriceChangesGrid.jsx b/src-trader-dashboard/components/PriceChangesGrid.jsx index 2ce60df..e64b41a 100644 --- a/src-trader-dashboard/components/PriceChangesGrid.jsx +++ b/src-trader-dashboard/components/PriceChangesGrid.jsx @@ -1,6 +1,6 @@ import React, {Component} from "react"; -import {AgGridReact} from "ag-grid-react"; +import {AgGridReact} from "@ag-community/grid-react"; import map from "lodash/map"; import difference from "lodash/difference"; @@ -170,4 +170,4 @@ export default class extends Component { ); } -} \ No newline at end of file +} diff --git a/src-trader-dashboard/components/TopMoversGrid.jsx b/src-trader-dashboard/components/TopMoversGrid.jsx index 40108d0..47000e0 100644 --- a/src-trader-dashboard/components/TopMoversGrid.jsx +++ b/src-trader-dashboard/components/TopMoversGrid.jsx @@ -1,7 +1,7 @@ import React, {Component} from "react"; import {connect} from "react-redux"; -import {AgGridReact} from "ag-grid-react"; +import {AgGridReact} from "@ag-community/grid-react"; class TopMoversGrid extends Component { constructor(props) { diff --git a/ts-tests/InvalidGridProperty.tsx b/ts-tests/InvalidGridProperty.tsx index 82dd282..502d2a1 100644 --- a/ts-tests/InvalidGridProperty.tsx +++ b/ts-tests/InvalidGridProperty.tsx @@ -1,4 +1,4 @@ import React from 'react'; -import {AgGridReact} from 'ag-grid-react'; +import {AgGridReact} from '@ag-community/grid-react'; export const App: React.FunctionComponent = () => ; diff --git a/ts-tests/SimpleFunctionalGrid.tsx b/ts-tests/SimpleFunctionalGrid.tsx index e739f7f..627853d 100644 --- a/ts-tests/SimpleFunctionalGrid.tsx +++ b/ts-tests/SimpleFunctionalGrid.tsx @@ -1,4 +1,4 @@ import React from 'react'; -import {AgGridReact} from 'ag-grid-react'; +import {AgGridReact} from '@ag-community/grid-react'; export const App: React.FunctionComponent = () => ; From fcc2bfffcd06ec971f942e442de55c5cf634eb8c Mon Sep 17 00:00:00 2001 From: Sean Landsman Date: Fri, 25 Oct 2019 11:11:08 +0100 Subject: [PATCH 12/17] Merge branch 'latest' into b22.0.0 --- package.json | 8 ++++---- 1 file changed, 4 insertions(+), 4 deletions(-) diff --git a/package.json b/package.json index 51d1745..7437824 100644 --- a/package.json +++ b/package.json @@ -61,10 +61,10 @@ "webpack-dev-server": "3.4.1" }, "dependencies": { - "@ag-community/grid-core": "~22.0.0", - "@ag-community/grid-all-modules": "~22.0.0", - "@ag-enterprise/grid-all-modules": "~22.0.0", - "@ag-community/grid-react": "~22.0.0", + "@ag-community/grid-all-modules": "^22.0.0", + "@ag-community/grid-core": "^22.0.0", + "@ag-community/grid-react": "^22.0.0", + "@ag-enterprise/grid-all-modules": "^22.0.0", "bootstrap": "4.3.1", "d3": "4.9.1", "lodash": "4.17.11", From 1cf70a551e0fbc1de8c4eb5d5f7c94ddef16e045 Mon Sep 17 00:00:00 2001 From: Sean Landsman Date: Fri, 25 Oct 2019 12:41:54 +0100 Subject: [PATCH 13/17] Merge branch 'latest' into b22.0.0 --- package.json | 10 +++++----- 1 file changed, 5 insertions(+), 5 deletions(-) diff --git a/package.json b/package.json index 7437824..c07786f 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "ag-grid-react-example", - "version": "22.0.0", + "version": "22.0.0-beta.0", "description": "Example Reach applicaiton using ag-Grid.", "main": "dist/ag-grid-react-example.js", "scripts": { @@ -61,10 +61,10 @@ "webpack-dev-server": "3.4.1" }, "dependencies": { - "@ag-community/grid-all-modules": "^22.0.0", - "@ag-community/grid-core": "^22.0.0", - "@ag-community/grid-react": "^22.0.0", - "@ag-enterprise/grid-all-modules": "^22.0.0", + "@ag-community/grid-all-modules": "^22.0.0-beta.0", + "@ag-community/grid-core": "^22.0.0-beta.0", + "@ag-community/grid-react": "^22.0.0-beta.0", + "@ag-enterprise/grid-all-modules": "^22.0.0-beta.0", "bootstrap": "4.3.1", "d3": "4.9.1", "lodash": "4.17.11", From 6ad4493357de86debfbfea24e1f6458e46e2e4c6 Mon Sep 17 00:00:00 2001 From: Sean Landsman Date: Mon, 4 Nov 2019 20:25:39 +0000 Subject: [PATCH 14/17] AG-1329 Rename packages to new scopes (@ag-grid-community & @ag-grid-enterprise) --- config/webpack.config.examples.js | 4 ++-- config/webpack.config.large.js | 2 +- config/webpack.config.trader.js | 2 +- package.json | 8 ++++---- src-examples/index.js | 4 ++-- .../RichGridDeclarativeExample.jsx | 6 +++--- .../simpleReduxDynamicComponentExample/GridComponent.jsx | 2 +- src-examples/simpleReduxHooksExample/GridComponent.jsx | 2 +- src-large-data/index.js | 4 ++-- src-large-data/largeGrid.jsx | 6 +++--- src-trader-dashboard/components/FxQuoteMatrix.jsx | 2 +- src-trader-dashboard/components/PriceChangesGrid.jsx | 2 +- src-trader-dashboard/components/TopMoversGrid.jsx | 2 +- ts-tests/InvalidGridProperty.tsx | 2 +- ts-tests/SimpleFunctionalGrid.tsx | 2 +- 15 files changed, 25 insertions(+), 25 deletions(-) diff --git a/config/webpack.config.examples.js b/config/webpack.config.examples.js index ffa41bb..ed2ed00 100644 --- a/config/webpack.config.examples.js +++ b/config/webpack.config.examples.js @@ -35,8 +35,8 @@ module.exports = { }, resolve: { alias: { - "@ag-community/grid-core/modules": path.resolve('./node_modules/@ag-community/grid-core/dist/es2015/modules'), - "@ag-community/grid-core": path.resolve('./node_modules/@ag-community/grid-core'), + "@ag-grid-community/grid-core/modules": path.resolve('./node_modules/@ag-grid-community/grid-core/dist/es2015/modules'), + "@ag-grid-community/grid-core": path.resolve('./node_modules/@ag-grid-community/grid-core'), "ag-grid-enterprise": path.resolve('./node_modules/ag-grid-enterprise'), react: path.resolve('./node_modules/react') }, diff --git a/config/webpack.config.large.js b/config/webpack.config.large.js index 2aa7035..128b3ad 100644 --- a/config/webpack.config.large.js +++ b/config/webpack.config.large.js @@ -31,7 +31,7 @@ module.exports = { }, resolve: { alias: { - "@ag-community/grid-core": path.resolve('./node_modules/@ag-community/grid-core'), + "@ag-grid-community/grid-core": path.resolve('./node_modules/@ag-grid-community/grid-core'), "ag-grid-enterprise": path.resolve('./node_modules/ag-grid-enterprise'), react: path.resolve('./node_modules/react') }, diff --git a/config/webpack.config.trader.js b/config/webpack.config.trader.js index 6251b9c..6401f22 100644 --- a/config/webpack.config.trader.js +++ b/config/webpack.config.trader.js @@ -31,7 +31,7 @@ module.exports = { }, resolve: { alias: { - "@ag-community/grid-core": path.resolve('./node_modules/@ag-community/grid-core'), + "@ag-grid-community/grid-core": path.resolve('./node_modules/@ag-grid-community/grid-core'), "ag-grid-enterprise": path.resolve('./node_modules/ag-grid-enterprise'), react: path.resolve('./node_modules/react') }, diff --git a/package.json b/package.json index c07786f..a3a3419 100644 --- a/package.json +++ b/package.json @@ -61,10 +61,10 @@ "webpack-dev-server": "3.4.1" }, "dependencies": { - "@ag-community/grid-all-modules": "^22.0.0-beta.0", - "@ag-community/grid-core": "^22.0.0-beta.0", - "@ag-community/grid-react": "^22.0.0-beta.0", - "@ag-enterprise/grid-all-modules": "^22.0.0-beta.0", + "@ag-grid-community/grid-all-modules": "^22.0.0-beta.0", + "@ag-grid-community/grid-core": "^22.0.0-beta.0", + "@ag-grid-community/grid-react": "^22.0.0-beta.0", + "@ag-grid-enterprise/grid-all-modules": "^22.0.0-beta.0", "bootstrap": "4.3.1", "d3": "4.9.1", "lodash": "4.17.11", diff --git a/src-examples/index.js b/src-examples/index.js index a7753fb..5b04b84 100644 --- a/src-examples/index.js +++ b/src-examples/index.js @@ -4,8 +4,8 @@ import React from "react"; import {render} from "react-dom"; import {BrowserRouter} from "react-router-dom"; -import "@ag-community/grid-core/dist/styles/ag-grid.css"; -import "@ag-community/grid-core/dist/styles/ag-theme-balham.css"; +import "@ag-grid-community/grid-core/dist/styles/ag-grid.css"; +import "@ag-grid-community/grid-core/dist/styles/ag-theme-balham.css"; import "../node_modules/bootstrap/dist/css/bootstrap.css"; import App from "./App"; diff --git a/src-examples/richGridDeclarativeExample/RichGridDeclarativeExample.jsx b/src-examples/richGridDeclarativeExample/RichGridDeclarativeExample.jsx index 218e22b..df806e7 100644 --- a/src-examples/richGridDeclarativeExample/RichGridDeclarativeExample.jsx +++ b/src-examples/richGridDeclarativeExample/RichGridDeclarativeExample.jsx @@ -1,5 +1,5 @@ import React, {Component} from "react"; -import {AgGridColumn, AgGridReact} from "@ag-community/grid-react"; +import {AgGridColumn, AgGridReact} from "@ag-grid-community/grid-react"; import RowDataFactory from "./RowDataFactory"; import DateComponent from "./DateComponent.jsx"; import SkillsCellRenderer from './SkillsCellRenderer.jsx'; @@ -14,10 +14,10 @@ import SortableHeaderComponent from './SortableHeaderComponent.jsx'; import "./RichGridDeclarativeExample.css"; // for community features -// import {AllCommunityModules} from "@ag-community/grid-all-modules"; +// import {AllCommunityModules} from "@ag-grid-community/grid-all-modules"; // for enterprise features -import {AllModules} from "@ag-enterprise/grid-all-modules"; +import {AllModules} from "@ag-grid-enterprise/grid-all-modules"; export default class RichGridDeclarativeExample extends Component { constructor(props) { diff --git a/src-examples/simpleReduxDynamicComponentExample/GridComponent.jsx b/src-examples/simpleReduxDynamicComponentExample/GridComponent.jsx index ba1b5b4..b699f55 100644 --- a/src-examples/simpleReduxDynamicComponentExample/GridComponent.jsx +++ b/src-examples/simpleReduxDynamicComponentExample/GridComponent.jsx @@ -1,6 +1,6 @@ import React, {Component} from "react"; import {connect} from "react-redux"; -import {AgGridReact} from "@ag-community/grid-react"; +import {AgGridReact} from "@ag-grid-community/grid-react"; import PriceRenderer from "./PriceRenderer"; diff --git a/src-examples/simpleReduxHooksExample/GridComponent.jsx b/src-examples/simpleReduxHooksExample/GridComponent.jsx index 1dc628e..175a6c2 100644 --- a/src-examples/simpleReduxHooksExample/GridComponent.jsx +++ b/src-examples/simpleReduxHooksExample/GridComponent.jsx @@ -1,6 +1,6 @@ import React, {useContext} from "react"; import {Context} from "./store"; -import {AgGridReact} from "@ag-community/grid-react"; +import {AgGridReact} from "@ag-grid-community/grid-react"; /* * This component serves to display the row data (provided by redux) diff --git a/src-large-data/index.js b/src-large-data/index.js index 5d90a7d..9c1db91 100644 --- a/src-large-data/index.js +++ b/src-large-data/index.js @@ -4,8 +4,8 @@ import ReactDOM from 'react-dom'; import React from 'react'; import LargeGrid from './largeGrid.jsx'; -import '@ag-community/grid-core/dist/styles/ag-grid.css'; -import '@ag-community/grid-core/dist/styles/ag-theme-fresh.css'; +import '@ag-grid-community/grid-core/dist/styles/ag-grid.css'; +import '@ag-grid-community/grid-core/dist/styles/ag-theme-fresh.css'; // waiting for dom to load before booting react. we could alternatively // put the index.js reference at the end fo the index.html, but i prefer this way. diff --git a/src-large-data/largeGrid.jsx b/src-large-data/largeGrid.jsx index b182761..2a8998d 100644 --- a/src-large-data/largeGrid.jsx +++ b/src-large-data/largeGrid.jsx @@ -1,12 +1,12 @@ import React, {Component} from 'react'; import SimpleCellRenderer from './simpleCellRenderer.jsx'; -import {AgGridReact} from '@ag-community/grid-react'; +import {AgGridReact} from '@ag-grid-community/grid-react'; // for community features -import {AllCommunityModules} from "@ag-community/grid-all-modules"; +import {AllCommunityModules} from "@ag-grid-community/grid-all-modules"; // for enterprise features -// import {AllModules} from "@ag-enterprise/grid-all-modules"; +// import {AllModules} from "@ag-grid-enterprise/grid-all-modules"; export default class MyApp extends Component { diff --git a/src-trader-dashboard/components/FxQuoteMatrix.jsx b/src-trader-dashboard/components/FxQuoteMatrix.jsx index 8286826..67777f4 100644 --- a/src-trader-dashboard/components/FxQuoteMatrix.jsx +++ b/src-trader-dashboard/components/FxQuoteMatrix.jsx @@ -1,7 +1,7 @@ import React, {Component} from "react"; import {connect} from "react-redux"; -import {AgGridReact} from "@ag-community/grid-react"; +import {AgGridReact} from "@ag-grid-community/grid-react"; class FxQuoteMatrix extends Component { constructor(props) { diff --git a/src-trader-dashboard/components/PriceChangesGrid.jsx b/src-trader-dashboard/components/PriceChangesGrid.jsx index e64b41a..cbb18f5 100644 --- a/src-trader-dashboard/components/PriceChangesGrid.jsx +++ b/src-trader-dashboard/components/PriceChangesGrid.jsx @@ -1,6 +1,6 @@ import React, {Component} from "react"; -import {AgGridReact} from "@ag-community/grid-react"; +import {AgGridReact} from "@ag-grid-community/grid-react"; import map from "lodash/map"; import difference from "lodash/difference"; diff --git a/src-trader-dashboard/components/TopMoversGrid.jsx b/src-trader-dashboard/components/TopMoversGrid.jsx index 47000e0..66336c5 100644 --- a/src-trader-dashboard/components/TopMoversGrid.jsx +++ b/src-trader-dashboard/components/TopMoversGrid.jsx @@ -1,7 +1,7 @@ import React, {Component} from "react"; import {connect} from "react-redux"; -import {AgGridReact} from "@ag-community/grid-react"; +import {AgGridReact} from "@ag-grid-community/grid-react"; class TopMoversGrid extends Component { constructor(props) { diff --git a/ts-tests/InvalidGridProperty.tsx b/ts-tests/InvalidGridProperty.tsx index 502d2a1..8f84a49 100644 --- a/ts-tests/InvalidGridProperty.tsx +++ b/ts-tests/InvalidGridProperty.tsx @@ -1,4 +1,4 @@ import React from 'react'; -import {AgGridReact} from '@ag-community/grid-react'; +import {AgGridReact} from '@ag-grid-community/grid-react'; export const App: React.FunctionComponent = () => ; diff --git a/ts-tests/SimpleFunctionalGrid.tsx b/ts-tests/SimpleFunctionalGrid.tsx index 627853d..4b3d801 100644 --- a/ts-tests/SimpleFunctionalGrid.tsx +++ b/ts-tests/SimpleFunctionalGrid.tsx @@ -1,4 +1,4 @@ import React from 'react'; -import {AgGridReact} from '@ag-community/grid-react'; +import {AgGridReact} from '@ag-grid-community/grid-react'; export const App: React.FunctionComponent = () => ; From 1c1e1bf555ec08be2e2bbf1c435257937910851b Mon Sep 17 00:00:00 2001 From: Sean Landsman Date: Tue, 5 Nov 2019 09:18:50 +0000 Subject: [PATCH 15/17] AG-1329 Rename packages to new scopes (@ag-grid-community & @ag-grid-enterprise) --- config/webpack.config.examples.js | 4 ++-- config/webpack.config.large.js | 2 +- config/webpack.config.trader.js | 2 +- package.json | 8 ++++---- src-examples/index.js | 4 ++-- .../RichGridDeclarativeExample.jsx | 6 +++--- .../simpleReduxDynamicComponentExample/GridComponent.jsx | 2 +- src-examples/simpleReduxHooksExample/GridComponent.jsx | 2 +- src-large-data/index.js | 4 ++-- src-large-data/largeGrid.jsx | 6 +++--- src-trader-dashboard/components/FxQuoteMatrix.jsx | 2 +- src-trader-dashboard/components/PriceChangesGrid.jsx | 2 +- src-trader-dashboard/components/TopMoversGrid.jsx | 2 +- ts-tests/InvalidGridProperty.tsx | 2 +- ts-tests/SimpleFunctionalGrid.tsx | 2 +- 15 files changed, 25 insertions(+), 25 deletions(-) diff --git a/config/webpack.config.examples.js b/config/webpack.config.examples.js index ed2ed00..57b472c 100644 --- a/config/webpack.config.examples.js +++ b/config/webpack.config.examples.js @@ -35,8 +35,8 @@ module.exports = { }, resolve: { alias: { - "@ag-grid-community/grid-core/modules": path.resolve('./node_modules/@ag-grid-community/grid-core/dist/es2015/modules'), - "@ag-grid-community/grid-core": path.resolve('./node_modules/@ag-grid-community/grid-core'), + "@ag-grid-community/core/modules": path.resolve('./node_modules/@ag-grid-community/core/dist/es2015/modules'), + "@ag-grid-community/core": path.resolve('./node_modules/@ag-grid-community/core'), "ag-grid-enterprise": path.resolve('./node_modules/ag-grid-enterprise'), react: path.resolve('./node_modules/react') }, diff --git a/config/webpack.config.large.js b/config/webpack.config.large.js index 128b3ad..229cc24 100644 --- a/config/webpack.config.large.js +++ b/config/webpack.config.large.js @@ -31,7 +31,7 @@ module.exports = { }, resolve: { alias: { - "@ag-grid-community/grid-core": path.resolve('./node_modules/@ag-grid-community/grid-core'), + "@ag-grid-community/core": path.resolve('./node_modules/@ag-grid-community/core'), "ag-grid-enterprise": path.resolve('./node_modules/ag-grid-enterprise'), react: path.resolve('./node_modules/react') }, diff --git a/config/webpack.config.trader.js b/config/webpack.config.trader.js index 6401f22..845c6a5 100644 --- a/config/webpack.config.trader.js +++ b/config/webpack.config.trader.js @@ -31,7 +31,7 @@ module.exports = { }, resolve: { alias: { - "@ag-grid-community/grid-core": path.resolve('./node_modules/@ag-grid-community/grid-core'), + "@ag-grid-community/core": path.resolve('./node_modules/@ag-grid-community/core'), "ag-grid-enterprise": path.resolve('./node_modules/ag-grid-enterprise'), react: path.resolve('./node_modules/react') }, diff --git a/package.json b/package.json index a3a3419..954b5b8 100644 --- a/package.json +++ b/package.json @@ -61,10 +61,10 @@ "webpack-dev-server": "3.4.1" }, "dependencies": { - "@ag-grid-community/grid-all-modules": "^22.0.0-beta.0", - "@ag-grid-community/grid-core": "^22.0.0-beta.0", - "@ag-grid-community/grid-react": "^22.0.0-beta.0", - "@ag-grid-enterprise/grid-all-modules": "^22.0.0-beta.0", + "@ag-grid-community/all-modules": "^22.0.0-beta.0", + "@ag-grid-community/core": "^22.0.0-beta.0", + "@ag-grid-community/react": "^22.0.0-beta.0", + "@ag-grid-enterprise/all-modules": "^22.0.0-beta.0", "bootstrap": "4.3.1", "d3": "4.9.1", "lodash": "4.17.11", diff --git a/src-examples/index.js b/src-examples/index.js index 5b04b84..101fc60 100644 --- a/src-examples/index.js +++ b/src-examples/index.js @@ -4,8 +4,8 @@ import React from "react"; import {render} from "react-dom"; import {BrowserRouter} from "react-router-dom"; -import "@ag-grid-community/grid-core/dist/styles/ag-grid.css"; -import "@ag-grid-community/grid-core/dist/styles/ag-theme-balham.css"; +import "@ag-grid-community/core/dist/styles/ag-grid.css"; +import "@ag-grid-community/core/dist/styles/ag-theme-balham.css"; import "../node_modules/bootstrap/dist/css/bootstrap.css"; import App from "./App"; diff --git a/src-examples/richGridDeclarativeExample/RichGridDeclarativeExample.jsx b/src-examples/richGridDeclarativeExample/RichGridDeclarativeExample.jsx index df806e7..116e942 100644 --- a/src-examples/richGridDeclarativeExample/RichGridDeclarativeExample.jsx +++ b/src-examples/richGridDeclarativeExample/RichGridDeclarativeExample.jsx @@ -1,5 +1,5 @@ import React, {Component} from "react"; -import {AgGridColumn, AgGridReact} from "@ag-grid-community/grid-react"; +import {AgGridColumn, AgGridReact} from "@ag-grid-community/react"; import RowDataFactory from "./RowDataFactory"; import DateComponent from "./DateComponent.jsx"; import SkillsCellRenderer from './SkillsCellRenderer.jsx'; @@ -14,10 +14,10 @@ import SortableHeaderComponent from './SortableHeaderComponent.jsx'; import "./RichGridDeclarativeExample.css"; // for community features -// import {AllCommunityModules} from "@ag-grid-community/grid-all-modules"; +// import {AllCommunityModules} from "@ag-grid-community/all-modules"; // for enterprise features -import {AllModules} from "@ag-grid-enterprise/grid-all-modules"; +import {AllModules} from "@ag-grid-enterprise/all-modules"; export default class RichGridDeclarativeExample extends Component { constructor(props) { diff --git a/src-examples/simpleReduxDynamicComponentExample/GridComponent.jsx b/src-examples/simpleReduxDynamicComponentExample/GridComponent.jsx index b699f55..8609507 100644 --- a/src-examples/simpleReduxDynamicComponentExample/GridComponent.jsx +++ b/src-examples/simpleReduxDynamicComponentExample/GridComponent.jsx @@ -1,6 +1,6 @@ import React, {Component} from "react"; import {connect} from "react-redux"; -import {AgGridReact} from "@ag-grid-community/grid-react"; +import {AgGridReact} from "@ag-grid-community/react"; import PriceRenderer from "./PriceRenderer"; diff --git a/src-examples/simpleReduxHooksExample/GridComponent.jsx b/src-examples/simpleReduxHooksExample/GridComponent.jsx index 175a6c2..30b36d4 100644 --- a/src-examples/simpleReduxHooksExample/GridComponent.jsx +++ b/src-examples/simpleReduxHooksExample/GridComponent.jsx @@ -1,6 +1,6 @@ import React, {useContext} from "react"; import {Context} from "./store"; -import {AgGridReact} from "@ag-grid-community/grid-react"; +import {AgGridReact} from "@ag-grid-community/react"; /* * This component serves to display the row data (provided by redux) diff --git a/src-large-data/index.js b/src-large-data/index.js index 9c1db91..e96ebe7 100644 --- a/src-large-data/index.js +++ b/src-large-data/index.js @@ -4,8 +4,8 @@ import ReactDOM from 'react-dom'; import React from 'react'; import LargeGrid from './largeGrid.jsx'; -import '@ag-grid-community/grid-core/dist/styles/ag-grid.css'; -import '@ag-grid-community/grid-core/dist/styles/ag-theme-fresh.css'; +import '@ag-grid-community/core/dist/styles/ag-grid.css'; +import '@ag-grid-community/core/dist/styles/ag-theme-fresh.css'; // waiting for dom to load before booting react. we could alternatively // put the index.js reference at the end fo the index.html, but i prefer this way. diff --git a/src-large-data/largeGrid.jsx b/src-large-data/largeGrid.jsx index 2a8998d..356deba 100644 --- a/src-large-data/largeGrid.jsx +++ b/src-large-data/largeGrid.jsx @@ -1,12 +1,12 @@ import React, {Component} from 'react'; import SimpleCellRenderer from './simpleCellRenderer.jsx'; -import {AgGridReact} from '@ag-grid-community/grid-react'; +import {AgGridReact} from '@ag-grid-community/react'; // for community features -import {AllCommunityModules} from "@ag-grid-community/grid-all-modules"; +import {AllCommunityModules} from "@ag-grid-community/all-modules"; // for enterprise features -// import {AllModules} from "@ag-grid-enterprise/grid-all-modules"; +// import {AllModules} from "@ag-grid-enterprise/all-modules"; export default class MyApp extends Component { diff --git a/src-trader-dashboard/components/FxQuoteMatrix.jsx b/src-trader-dashboard/components/FxQuoteMatrix.jsx index 67777f4..dfcb187 100644 --- a/src-trader-dashboard/components/FxQuoteMatrix.jsx +++ b/src-trader-dashboard/components/FxQuoteMatrix.jsx @@ -1,7 +1,7 @@ import React, {Component} from "react"; import {connect} from "react-redux"; -import {AgGridReact} from "@ag-grid-community/grid-react"; +import {AgGridReact} from "@ag-grid-community/react"; class FxQuoteMatrix extends Component { constructor(props) { diff --git a/src-trader-dashboard/components/PriceChangesGrid.jsx b/src-trader-dashboard/components/PriceChangesGrid.jsx index cbb18f5..f9d7fa6 100644 --- a/src-trader-dashboard/components/PriceChangesGrid.jsx +++ b/src-trader-dashboard/components/PriceChangesGrid.jsx @@ -1,6 +1,6 @@ import React, {Component} from "react"; -import {AgGridReact} from "@ag-grid-community/grid-react"; +import {AgGridReact} from "@ag-grid-community/react"; import map from "lodash/map"; import difference from "lodash/difference"; diff --git a/src-trader-dashboard/components/TopMoversGrid.jsx b/src-trader-dashboard/components/TopMoversGrid.jsx index 66336c5..fc24890 100644 --- a/src-trader-dashboard/components/TopMoversGrid.jsx +++ b/src-trader-dashboard/components/TopMoversGrid.jsx @@ -1,7 +1,7 @@ import React, {Component} from "react"; import {connect} from "react-redux"; -import {AgGridReact} from "@ag-grid-community/grid-react"; +import {AgGridReact} from "@ag-grid-community/react"; class TopMoversGrid extends Component { constructor(props) { diff --git a/ts-tests/InvalidGridProperty.tsx b/ts-tests/InvalidGridProperty.tsx index 8f84a49..9ded5a0 100644 --- a/ts-tests/InvalidGridProperty.tsx +++ b/ts-tests/InvalidGridProperty.tsx @@ -1,4 +1,4 @@ import React from 'react'; -import {AgGridReact} from '@ag-grid-community/grid-react'; +import {AgGridReact} from '@ag-grid-community/react'; export const App: React.FunctionComponent = () => ; diff --git a/ts-tests/SimpleFunctionalGrid.tsx b/ts-tests/SimpleFunctionalGrid.tsx index 4b3d801..9ff85ba 100644 --- a/ts-tests/SimpleFunctionalGrid.tsx +++ b/ts-tests/SimpleFunctionalGrid.tsx @@ -1,4 +1,4 @@ import React from 'react'; -import {AgGridReact} from '@ag-grid-community/grid-react'; +import {AgGridReact} from '@ag-grid-community/react'; export const App: React.FunctionComponent = () => ; From ff7c46e55351a9b169441413145ca5d8c27803e9 Mon Sep 17 00:00:00 2001 From: Sean Landsman Date: Fri, 8 Nov 2019 10:54:47 +0000 Subject: [PATCH 16/17] AG-1329 Add licenses etc to new packages --- package.json | 12 ++++++------ 1 file changed, 6 insertions(+), 6 deletions(-) diff --git a/package.json b/package.json index 954b5b8..091c992 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "ag-grid-react-example", - "version": "22.0.0-beta.0", + "version": "22.0.0", "description": "Example Reach applicaiton using ag-Grid.", "main": "dist/ag-grid-react-example.js", "scripts": { @@ -61,10 +61,10 @@ "webpack-dev-server": "3.4.1" }, "dependencies": { - "@ag-grid-community/all-modules": "^22.0.0-beta.0", - "@ag-grid-community/core": "^22.0.0-beta.0", - "@ag-grid-community/react": "^22.0.0-beta.0", - "@ag-grid-enterprise/all-modules": "^22.0.0-beta.0", + "@ag-grid-community/all-modules": "~22.0.0", + "@ag-grid-community/core": "~22.0.0", + "@ag-grid-community/react": "~22.0.0", + "@ag-grid-enterprise/all-modules": "~22.0.0", "bootstrap": "4.3.1", "d3": "4.9.1", "lodash": "4.17.11", @@ -74,4 +74,4 @@ "react-router-dom": "5.0.0", "redux": "4.0.1" } -} +} \ No newline at end of file From 5ad3592fed70cb6e48909873009c0593745e609b Mon Sep 17 00:00:00 2001 From: Sean Landsman Date: Mon, 11 Nov 2019 11:22:13 +0000 Subject: [PATCH 17/17] AG-1329 Update examples --- config/webpack.config.examples.js | 4 ++-- package.json | 7 +++---- src-examples/index.js | 6 +++--- .../simpleReduxDynamicComponentExample/HeaderComponent.jsx | 2 -- .../SimpleReduxExample.jsx | 2 -- src-large-data/largeGrid.jsx | 4 ++-- src-trader-dashboard/components/FxQuoteMatrix.jsx | 4 ++++ src-trader-dashboard/components/PriceChangesGrid.jsx | 3 +++ src-trader-dashboard/components/TopMoversGrid.jsx | 3 +++ src-trader-dashboard/index.js | 3 +++ 10 files changed, 23 insertions(+), 15 deletions(-) diff --git a/config/webpack.config.examples.js b/config/webpack.config.examples.js index 57b472c..2a1c779 100644 --- a/config/webpack.config.examples.js +++ b/config/webpack.config.examples.js @@ -35,9 +35,9 @@ module.exports = { }, resolve: { alias: { - "@ag-grid-community/core/modules": path.resolve('./node_modules/@ag-grid-community/core/dist/es2015/modules'), + // "@ag-grid-community/core/modules": path.resolve('./node_modules/@ag-grid-community/core/dist/es2015/modules'), "@ag-grid-community/core": path.resolve('./node_modules/@ag-grid-community/core'), - "ag-grid-enterprise": path.resolve('./node_modules/ag-grid-enterprise'), + // "ag-grid-enterprise": path.resolve('./node_modules/ag-grid-enterprise'), react: path.resolve('./node_modules/react') }, extensions: ['.js', '.jsx'] diff --git a/package.json b/package.json index 091c992..fe4ddbd 100644 --- a/package.json +++ b/package.json @@ -38,6 +38,7 @@ }, "homepage": "http://www.ag-grid.com/", "devDependencies": { + "@ag-grid-community/core": "~22.0.0", "@babel/core": "7.4.4", "@babel/plugin-proposal-class-properties": "7.4.4", "@babel/plugin-proposal-function-bind": "7.2.0", @@ -61,10 +62,8 @@ "webpack-dev-server": "3.4.1" }, "dependencies": { - "@ag-grid-community/all-modules": "~22.0.0", - "@ag-grid-community/core": "~22.0.0", - "@ag-grid-community/react": "~22.0.0", "@ag-grid-enterprise/all-modules": "~22.0.0", + "@ag-grid-community/react": "~22.0.0", "bootstrap": "4.3.1", "d3": "4.9.1", "lodash": "4.17.11", @@ -74,4 +73,4 @@ "react-router-dom": "5.0.0", "redux": "4.0.1" } -} \ No newline at end of file +} diff --git a/src-examples/index.js b/src-examples/index.js index 101fc60..3e0eae7 100644 --- a/src-examples/index.js +++ b/src-examples/index.js @@ -4,14 +4,14 @@ import React from "react"; import {render} from "react-dom"; import {BrowserRouter} from "react-router-dom"; -import "@ag-grid-community/core/dist/styles/ag-grid.css"; -import "@ag-grid-community/core/dist/styles/ag-theme-balham.css"; +import "@ag-grid-enterprise/all-modules/dist/styles/ag-grid.css"; +import "@ag-grid-enterprise/all-modules/dist/styles/ag-theme-balham.css"; import "../node_modules/bootstrap/dist/css/bootstrap.css"; import App from "./App"; // only required when using enterprise features -// import {LicenseManager} from "ag-grid-enterprise/main"; +// import {LicenseManager} from "@ag-grid-enterprise/all-modules"; // LicenseManager.setLicenseKey(""); document.addEventListener('DOMContentLoaded', () => { diff --git a/src-examples/simpleReduxDynamicComponentExample/HeaderComponent.jsx b/src-examples/simpleReduxDynamicComponentExample/HeaderComponent.jsx index 3818688..cd3c5ac 100644 --- a/src-examples/simpleReduxDynamicComponentExample/HeaderComponent.jsx +++ b/src-examples/simpleReduxDynamicComponentExample/HeaderComponent.jsx @@ -1,7 +1,5 @@ import React, {Component} from "react"; import {connect} from "react-redux"; -// take this line out if you do not want to use ag-Grid-Enterprise -// import "ag-grid-enterprise"; import {setCurrency, updateRowData} from "./gridDataActions"; diff --git a/src-examples/simpleReduxDynamicComponentExample/SimpleReduxExample.jsx b/src-examples/simpleReduxDynamicComponentExample/SimpleReduxExample.jsx index 89b07f0..77cd6ad 100644 --- a/src-examples/simpleReduxDynamicComponentExample/SimpleReduxExample.jsx +++ b/src-examples/simpleReduxDynamicComponentExample/SimpleReduxExample.jsx @@ -1,8 +1,6 @@ import React, {Component} from "react"; import {Provider} from "react-redux"; import {createStore} from "redux"; -// take this line out if you do not want to use ag-Grid-Enterprise -// import "ag-grid-enterprise"; import HeaderComponent from "./HeaderComponent"; import GridComponent from "./GridComponent"; diff --git a/src-large-data/largeGrid.jsx b/src-large-data/largeGrid.jsx index 356deba..75dd0ed 100644 --- a/src-large-data/largeGrid.jsx +++ b/src-large-data/largeGrid.jsx @@ -3,7 +3,7 @@ import SimpleCellRenderer from './simpleCellRenderer.jsx'; import {AgGridReact} from '@ag-grid-community/react'; // for community features -import {AllCommunityModules} from "@ag-grid-community/all-modules"; +import {AllModules} from "@ag-grid-enterprise/all-modules"; // for enterprise features // import {AllModules} from "@ag-grid-enterprise/all-modules"; @@ -64,7 +64,7 @@ export default class MyApp extends Component { render() { return (
- +
); } diff --git a/src-trader-dashboard/components/FxQuoteMatrix.jsx b/src-trader-dashboard/components/FxQuoteMatrix.jsx index dfcb187..925b8c4 100644 --- a/src-trader-dashboard/components/FxQuoteMatrix.jsx +++ b/src-trader-dashboard/components/FxQuoteMatrix.jsx @@ -3,6 +3,8 @@ import {connect} from "react-redux"; import {AgGridReact} from "@ag-grid-community/react"; +import {ClientSideRowModelModule} from "@ag-grid-enterprise/all-modules"; + class FxQuoteMatrix extends Component { constructor(props) { super(props); @@ -71,6 +73,8 @@ class FxQuoteMatrix extends Component { // callbacks getRowNodeId={this.getRowNodeId} + modules={[ClientSideRowModelModule]} + // events onGridReady={this.onGridReady}> diff --git a/src-trader-dashboard/components/PriceChangesGrid.jsx b/src-trader-dashboard/components/PriceChangesGrid.jsx index f9d7fa6..1832441 100644 --- a/src-trader-dashboard/components/PriceChangesGrid.jsx +++ b/src-trader-dashboard/components/PriceChangesGrid.jsx @@ -1,6 +1,7 @@ import React, {Component} from "react"; import {AgGridReact} from "@ag-grid-community/react"; +import {ClientSideRowModelModule} from "@ag-grid-enterprise/all-modules"; import map from "lodash/map"; import difference from "lodash/difference"; @@ -160,6 +161,8 @@ export default class extends Component { }} rowSelection="single" + modules={[ClientSideRowModelModule]} + // callbacks getRowNodeId={this.getRowNodeId} diff --git a/src-trader-dashboard/components/TopMoversGrid.jsx b/src-trader-dashboard/components/TopMoversGrid.jsx index fc24890..a4faacf 100644 --- a/src-trader-dashboard/components/TopMoversGrid.jsx +++ b/src-trader-dashboard/components/TopMoversGrid.jsx @@ -2,6 +2,7 @@ import React, {Component} from "react"; import {connect} from "react-redux"; import {AgGridReact} from "@ag-grid-community/react"; +import {ClientSideRowModelModule} from "@ag-grid-enterprise/all-modules"; class TopMoversGrid extends Component { constructor(props) { @@ -75,6 +76,8 @@ class TopMoversGrid extends Component { deltaRowDataMode getRowNodeId={this.getRowNodeId} + modules={[ClientSideRowModelModule]} + // events onGridReady={this.onGridReady}> diff --git a/src-trader-dashboard/index.js b/src-trader-dashboard/index.js index 6903025..91d921f 100644 --- a/src-trader-dashboard/index.js +++ b/src-trader-dashboard/index.js @@ -8,6 +8,9 @@ import {Provider} from "react-redux"; import StoreService from './services/StoreService'; import TraderDashboard from "./components/TraderDashboard.jsx"; +import "@ag-grid-enterprise/all-modules/dist/styles/ag-grid.css"; +import "@ag-grid-enterprise/all-modules/dist/styles/ag-theme-fresh.css"; + let store = StoreService.STORE; document.addEventListener('DOMContentLoaded', () => {