From 46c26f074e3c8bddbffa7704ab804951823d1211 Mon Sep 17 00:00:00 2001 From: Sean Landsman Date: Wed, 9 Oct 2019 18:41:11 +0100 Subject: [PATCH] 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";