AG-1329 Add modularisation mechanism

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
     }
-};
+};

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",

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";

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) {

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";

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';
 

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";