cypress-ag-grid 2.0.0 → 2.0.2

package/app/grid-basic.js

@@ -1,70 +1,70 @@
-// specify the columns
-const columnDefs = [
-  { field: "year", pinned: "left" },
-  { field: "make", rowGroup: false, pinned: "left" },
-  { field: "model", filter: true },
-  { field: "price", pinned: "right", floatingFilter: false, sortable: false, editable: true, cellEditor: 'agTextCellEditor'  },
-];
-
-const autoGroupColumnDef = {
-  headerName: "Model",
-  field: "model",
-  cellRenderer: "agGroupCellRenderer",
-  cellRendererParams: {
-    checkbox: true,
-  },
-};
-
-// let the grid know which columns to use
-const gridOptions = {
-  defaultColDef: {
-    sortable: true,
-    filter: "agTextColumnFilter",
-    floatingFilter: true,
-    filterParams: {
-      buttons: ["reset", "apply"],
-      debounceMs: 200,
-    },
-    animateRows: true,
-    resizable: true,
-  },
-  autoGroupColumnDef: autoGroupColumnDef,
-  groupSelectsChildren: true,
-  columnDefs: columnDefs,
-  rowSelection: "multiple",
-  domLayout: "normal",
-  pagination: true,
-  paginationPageSize: 5,
-  sideBar: true,
-};
-
-// lookup the container we want the Grid to use
-const eGridDiv = document.querySelector("#myGrid");
-
-// create the grid passing in the div to use together with the columns & data we want to use
-new agGrid.Grid(eGridDiv, gridOptions);
-
-// Grab the grid data from the supplied API endpoint
-agGrid
-  .simpleHttpRequest({
-    url: "https://api.jsonbin.io/v3/b/608304f69a9aa933335613a6/2",
-  })
-  .then((data) => {
-    gridOptions.api.setRowData(data.record);
-  });
-
-function autoSizeAllColumns() {
-  var allColumnIds = [];
-  gridOptions.columnApi.getAllColumns().forEach(function (column) {
-    allColumnIds.push(column.colId);
-  });
-  gridOptions.columnApi.autoSizeColumns(allColumnIds);
-}
-
-// If the Cypress test is running, ensure all columns fit within the window
-if (window.Cypress) {
-  gridOptions.api.sizeColumnsToFit();
-} else {
-    // Otherwise auto-size columns the way we wish to view the grid in production.
-    autoSizeAllColumns();
-}
+// specify the columns
+const columnDefs = [
+  { field: "year", pinned: "left"},
+  { field: "make", rowGroup: false, pinned: "left" },
+  { field: "model", filter: true },
+  { field: "price", pinned: "right", floatingFilter: false, sortable: false, editable: true, cellEditor: 'agTextCellEditor'  },
+];
+
+const autoGroupColumnDef = {
+  headerName: "Model",
+  field: "model",
+  cellRenderer: "agGroupCellRenderer",
+  cellRendererParams: {
+    checkbox: true,
+  },
+};
+
+// let the grid know which columns to use
+const gridOptions = {
+  defaultColDef: {
+    sortable: true,
+    filter: "agTextColumnFilter",
+    floatingFilter: true,
+    filterParams: {
+      buttons: ["reset", "apply"],
+      debounceMs: 200,
+    },
+    animateRows: true,
+    resizable: true,
+  },
+  autoGroupColumnDef: autoGroupColumnDef,
+  groupSelectsChildren: true,
+  columnDefs: columnDefs,
+  rowSelection: "multiple",
+  domLayout: "normal",
+  pagination: true,
+  paginationPageSize: 5,
+  sideBar: true,
+};
+
+// lookup the container we want the Grid to use
+const eGridDiv = document.querySelector("#myGrid");
+
+// create the grid passing in the div to use together with the columns & data we want to use
+new agGrid.Grid(eGridDiv, gridOptions);
+
+// Grab the grid data from the supplied API endpoint
+agGrid
+  .simpleHttpRequest({
+    url: "https://api.jsonbin.io/v3/b/608304f69a9aa933335613a6/2",
+  })
+  .then((data) => {
+    gridOptions.api.setRowData(data.record);
+  });
+
+function autoSizeAllColumns() {
+  var allColumnIds = [];
+  gridOptions.columnApi.getAllColumns().forEach(function (column) {
+    allColumnIds.push(column.colId);
+  });
+  gridOptions.columnApi.autoSizeColumns(allColumnIds);
+}
+
+// If the Cypress test is running, ensure all columns fit within the window
+if (window.Cypress) {
+  gridOptions.api.sizeColumnsToFit();
+} else {
+    // Otherwise auto-size columns the way we wish to view the grid in production.
+    autoSizeAllColumns();
+}

package/app/grid-grouped.js

@@ -1,71 +1,71 @@
-// specify the columns
-const columnDefsGrouped = [
-  { field: "year", pivot: true, },
-  { field: "make", rowGroup: true, enableRowGroup: true },
-  { field: "model", filter: true },
-  { field: "price", editable: true, cellEditor: 'agTextCellEditor'  },
-];
-
-const autoGroupColumnDefGrouped = {
-  headerName: "Model",
-  field: "model",
-  cellRenderer: "agGroupCellRenderer",
-  cellRendererParams: {
-    checkbox: true,
-  },
-};
-
-// let the grid know which columns to use
-const gridOptionsGrouped = {
-  defaultColDef: {
-    sortable: true,
-    filter: "agTextColumnFilter",
-    floatingFilter: true,
-    filterParams: {
-      buttons: ["reset", "apply"],
-      debounceMs: 200,
-    },
-    animateRows: true,
-    resizable: true,
-  },
-  groupDefaultExpanded: 2,
-  autoGroupColumnDef: autoGroupColumnDefGrouped,
-  groupSelectsChildren: true,
-  columnDefs: columnDefsGrouped,
-  rowSelection: "multiple",
-  domLayout: "normal",
-  pagination: true,
-  paginationPageSize: 5,
-  sideBar: false,
-};
-
-// lookup the container we want the Grid to use
-const eGridDivGrouped = document.querySelector("#myGrid2");
-
-// create the grid passing in the div to use together with the columns & data we want to use
-new agGrid.Grid(eGridDivGrouped, gridOptionsGrouped);
-
-// Grab the grid data from the supplied API endpoint
-agGrid
-  .simpleHttpRequest({
-    url: "https://api.jsonbin.io/v3/b/608304f69a9aa933335613a6/2",
-  })
-  .then((data) => {
-    gridOptionsGrouped.api.setRowData(data.record);
-  });
-
-function autoSizeAllColumns() {
-  var allColumnIds = [];
-  gridOptionsGrouped.columnApi.getAllColumns().forEach(function (column) {
-    allColumnIds.push(column.colId);
-  });
-  gridOptionsGrouped.columnApi.autoSizeColumns(allColumnIds);
-}
-
-// If the Cypress test is running, ensure all columns fit within the window
-if (window.Cypress) {
-  gridOptionsGrouped.api.sizeColumnsToFit();
-} else {
-    // Otherwise auto-size columns the way we wish to view the grid in production.
-    autoSizeAllColumns();
-}
+// specify the columns
+const columnDefsGrouped = [
+  { field: "year", pivot: true, },
+  { field: "make", rowGroup: true, enableRowGroup: true },
+  { field: "model", filter: true },
+  { field: "price", editable: true, cellEditor: 'agTextCellEditor'  },
+];
+
+const autoGroupColumnDefGrouped = {
+  headerName: "Model",
+  field: "model",
+  cellRenderer: "agGroupCellRenderer",
+  cellRendererParams: {
+    checkbox: true,
+  },
+};
+
+// let the grid know which columns to use
+const gridOptionsGrouped = {
+  defaultColDef: {
+    sortable: true,
+    filter: "agTextColumnFilter",
+    floatingFilter: true,
+    filterParams: {
+      buttons: ["reset", "apply"],
+      debounceMs: 200,
+    },
+    animateRows: true,
+    resizable: true,
+  },
+  groupDefaultExpanded: 2,
+  autoGroupColumnDef: autoGroupColumnDefGrouped,
+  groupSelectsChildren: true,
+  columnDefs: columnDefsGrouped,
+  rowSelection: "multiple",
+  domLayout: "normal",
+  pagination: true,
+  paginationPageSize: 5,
+  sideBar: false,
+};
+
+// lookup the container we want the Grid to use
+const eGridDivGrouped = document.querySelector("#myGrid2");
+
+// create the grid passing in the div to use together with the columns & data we want to use
+new agGrid.Grid(eGridDivGrouped, gridOptionsGrouped);
+
+// Grab the grid data from the supplied API endpoint
+agGrid
+  .simpleHttpRequest({
+    url: "https://api.jsonbin.io/v3/b/608304f69a9aa933335613a6/2",
+  })
+  .then((data) => {
+    gridOptionsGrouped.api.setRowData(data.record);
+  });
+
+function autoSizeAllColumns() {
+  var allColumnIds = [];
+  gridOptionsGrouped.columnApi.getAllColumns().forEach(function (column) {
+    allColumnIds.push(column.colId);
+  });
+  gridOptionsGrouped.columnApi.autoSizeColumns(allColumnIds);
+}
+
+// If the Cypress test is running, ensure all columns fit within the window
+if (window.Cypress) {
+  gridOptionsGrouped.api.sizeColumnsToFit();
+} else {
+    // Otherwise auto-size columns the way we wish to view the grid in production.
+    autoSizeAllColumns();
+}

package/app/index.html

@@ -1,15 +1,15 @@
-<!DOCTYPE html>
-<html>
-<head>
-  <script src="https://unpkg.com/ag-grid-enterprise/dist/ag-grid-enterprise.min.noStyle.js"></script>
-  <link rel="stylesheet" href="https://unpkg.com/ag-grid-community/dist/styles/ag-grid.css">
-  <link rel="stylesheet" href="https://unpkg.com/ag-grid-community/dist/styles/ag-theme-alpine.css">
-</head>
-<body>
-  <div id="myGrid" style="height: 600px;width:900px;" class="ag-theme-alpine" sideBar="true"></div>
-  <script src="grid-basic.js" type="text/javascript" charset="utf-8"></script>
-
-  <div id="myGrid2" style="height: 600px;width:900px;" class="ag-theme-alpine" sideBar="true"></div>
-  <script src="grid-grouped.js" type="text/javascript" charset="utf-8"></script>
-</body>
+<!DOCTYPE html>
+<html>
+<head>
+  <script src="https://unpkg.com/ag-grid-enterprise/dist/ag-grid-enterprise.min.noStyle.js"></script>
+  <link rel="stylesheet" href="https://unpkg.com/ag-grid-community/dist/styles/ag-grid.css">
+  <link rel="stylesheet" href="https://unpkg.com/ag-grid-community/dist/styles/ag-theme-alpine.css">
+</head>
+<body>
+  <div id="myGrid" style="height: 600px;width:900px;" class="ag-theme-alpine" sideBar="true"></div>
+  <script src="grid-basic.js" type="text/javascript" charset="utf-8"></script>
+
+  <div id="myGrid2" style="height: 600px;width:900px;" class="ag-theme-alpine" sideBar="true"></div>
+  <script src="grid-grouped.js" type="text/javascript" charset="utf-8"></script>
+</body>
 </html>