AG-1329 Modularisation work - update examples

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-community/grid-core/modules": path.resolve('./node_modules/@ag-community/grid-core/dist/es2015/modules'),
-            "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')
         },

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

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

package.json

@@ -61,8 +61,10 @@
     "webpack-dev-server": "3.4.1"
   },
   "dependencies": {
-    "@ag-community/client-side-row-model": "^21.2.0",
+    "@ag-community/grid-core": "^21.0.0",
-    "ag-grid-community": "^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",

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

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-community/grid-core/dist/styles/ag-grid.css";
-import "ag-grid-community/dist/styles/ag-theme-balham.css";
+import "@ag-community/grid-core/dist/styles/ag-theme-balham.css";
 import "../node_modules/bootstrap/dist/css/bootstrap.css";
 
 import App from "./App";

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

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

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-community/grid-core/dist/styles/ag-grid.css';
-import 'ag-grid-community/dist/styles/ag-theme-fresh.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.

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-community/grid-core/dist/styles/ag-grid.css";
-import "ag-grid-community/dist/styles/ag-theme-fresh.css";
+import "@ag-community/grid-core/dist/styles/ag-theme-fresh.css";
 
 import StoreService from './services/StoreService';
 import TraderDashboard from "./components/TraderDashboard.jsx";