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', () => {