[docs] Remove id columns (mui#355)

dtassone · Nov 9, 2020 · 592703a · 592703a
1 parent b93c27c
commit 592703a
Show file tree

Hide file tree

Showing 26 changed files with 3 additions and 42 deletions.
diff --git a/docs/src/pages/components/data-grid/columns/ColumnTypesGrid.js b/docs/src/pages/components/data-grid/columns/ColumnTypesGrid.js
@@ -34,7 +34,6 @@ export default function ColumnTypesDemo() {
     <div style={{ height: 300, width: '100%' }}>
       <DataGrid
         columns={[
-          { field: 'id', hide: true },
           { field: 'name', type: 'string' },
           { field: 'age', type: 'number' },
           { field: 'dateCreated', type: 'date', width: 130 },

diff --git a/docs/src/pages/components/data-grid/columns/ColumnTypesGrid.tsx b/docs/src/pages/components/data-grid/columns/ColumnTypesGrid.tsx
@@ -34,7 +34,6 @@ export default function ColumnTypesDemo() {
     <div style={{ height: 300, width: '100%' }}>
       <DataGrid
         columns={[
-          { field: 'id', hide: true },
           { field: 'name', type: 'string' },
           { field: 'age', type: 'number' },
           { field: 'dateCreated', type: 'date', width: 130 },

diff --git a/docs/src/pages/components/data-grid/columns/CustomColumnTypesGrid.js b/docs/src/pages/components/data-grid/columns/CustomColumnTypesGrid.js
@@ -54,7 +54,6 @@ export default function CustomColumnTypesGrid() {
     <div style={{ height: 300, width: '100%' }} className={classes.root}>
       <DataGrid
         columns={[
-          { field: 'id', hide: true },
           { field: 'status', width: 130 },
           { field: 'subTotal', ...usdPrice },
           { field: 'total', ...usdPrice },

diff --git a/docs/src/pages/components/data-grid/columns/CustomColumnTypesGrid.tsx b/docs/src/pages/components/data-grid/columns/CustomColumnTypesGrid.tsx
@@ -54,7 +54,6 @@ export default function CustomColumnTypesGrid() {
     <div style={{ height: 300, width: '100%' }} className={classes.root}>
       <DataGrid
         columns={[
-          { field: 'id', hide: true },
           { field: 'status', width: 130 },
           { field: 'subTotal', ...usdPrice },
           { field: 'total', ...usdPrice },

diff --git a/docs/src/pages/components/data-grid/getting-started/getting-started.md b/docs/src/pages/components/data-grid/getting-started/getting-started.md
@@ -60,7 +60,6 @@ They are mapped to rows through their `field` property.
 
 ```tsx
 const columns: ColDef[] = [
-  { field: 'id', hide: true },
   { field: 'col1', headerName: 'Column 1', width: 150 },
   { field: 'col2', headerName: 'Column 2', width: 150 },
 ];
@@ -83,7 +82,6 @@ const rows: RowsProp = [
 ];
 
 const columns: ColDef[] = [
-  { field: 'id', hide: true },
   { field: 'col1', headerName: 'Column 1', width: 150 },
   { field: 'col2', headerName: 'Column 2', width: 150 },
 ];

diff --git a/docs/src/pages/components/data-grid/rendering/RenderCellGrid.js b/docs/src/pages/components/data-grid/rendering/RenderCellGrid.js
@@ -2,7 +2,6 @@ import * as React from 'react';
 import { DataGrid } from '@material-ui/data-grid';
 
 const columns = [
-  { field: 'id', hide: true },
   {
     field: 'date',
     headerName: 'Year',

diff --git a/docs/src/pages/components/data-grid/rendering/RenderCellGrid.tsx b/docs/src/pages/components/data-grid/rendering/RenderCellGrid.tsx
@@ -2,7 +2,6 @@ import * as React from 'react';
 import { DataGrid, ColDef, ValueFormatterParams } from '@material-ui/data-grid';
 
 const columns: ColDef[] = [
-  { field: 'id', hide: true },
   {
     field: 'date',
     headerName: 'Year',

diff --git a/docs/src/pages/components/data-grid/rendering/RenderHeaderGrid.js b/docs/src/pages/components/data-grid/rendering/RenderHeaderGrid.js
@@ -2,7 +2,6 @@ import * as React from 'react';
 import { DataGrid } from '@material-ui/data-grid';
 
 const columns = [
-  { field: 'id', hide: true },
   {
     field: 'date',
     width: 150,

diff --git a/docs/src/pages/components/data-grid/rendering/RenderHeaderGrid.tsx b/docs/src/pages/components/data-grid/rendering/RenderHeaderGrid.tsx
@@ -2,7 +2,6 @@ import * as React from 'react';
 import { DataGrid, ColDef } from '@material-ui/data-grid';
 
 const columns: ColDef[] = [
-  { field: 'id', hide: true },
   {
     field: 'date',
     width: 150,

diff --git a/docs/src/pages/components/data-grid/rendering/StylingCellsGrid.js b/docs/src/pages/components/data-grid/rendering/StylingCellsGrid.js
@@ -4,7 +4,6 @@ import { DataGrid } from '@material-ui/data-grid';
 import { makeStyles } from '@material-ui/core/styles';
 
 const columns = [
-  { field: 'id', hide: true },
   {
     field: 'name',
     cellClassName: 'super-app-theme--cell',

diff --git a/docs/src/pages/components/data-grid/rendering/StylingCellsGrid.tsx b/docs/src/pages/components/data-grid/rendering/StylingCellsGrid.tsx
@@ -4,7 +4,6 @@ import { Columns, DataGrid, CellClassParams } from '@material-ui/data-grid';
 import { makeStyles } from '@material-ui/core/styles';
 
 const columns: Columns = [
-  { field: 'id', hide: true },
   {
     field: 'name',
     cellClassName: 'super-app-theme--cell',

diff --git a/docs/src/pages/components/data-grid/rendering/StylingHeaderGrid.js b/docs/src/pages/components/data-grid/rendering/StylingHeaderGrid.js
@@ -3,7 +3,6 @@ import { DataGrid } from '@material-ui/data-grid';
 import { makeStyles } from '@material-ui/core/styles';
 
 const columns = [
-  { field: 'id', hide: true },
   {
     field: 'first',
     headerClassName: 'super-app-theme--header',

diff --git a/docs/src/pages/components/data-grid/rendering/StylingHeaderGrid.tsx b/docs/src/pages/components/data-grid/rendering/StylingHeaderGrid.tsx
@@ -3,7 +3,6 @@ import { Columns, DataGrid } from '@material-ui/data-grid';
 import { makeStyles } from '@material-ui/core/styles';
 
 const columns: Columns = [
-  { field: 'id', hide: true },
   {
     field: 'first',
     headerClassName: 'super-app-theme--header',

diff --git a/docs/src/pages/components/data-grid/rendering/ValueFormatterGrid.js b/docs/src/pages/components/data-grid/rendering/ValueFormatterGrid.js
@@ -2,7 +2,6 @@ import * as React from 'react';
 import { DataGrid } from '@material-ui/data-grid';
 
 const columns = [
-  { field: 'id', hide: true },
   {
     field: 'date',
     headerName: 'Year',

diff --git a/docs/src/pages/components/data-grid/rendering/ValueFormatterGrid.tsx b/docs/src/pages/components/data-grid/rendering/ValueFormatterGrid.tsx
@@ -2,7 +2,6 @@ import * as React from 'react';
 import { DataGrid, ColDef, ValueFormatterParams } from '@material-ui/data-grid';
 
 const columns: ColDef[] = [
-  { field: 'id', hide: true },
   {
     field: 'date',
     headerName: 'Year',

diff --git a/docs/src/pages/components/data-grid/rendering/ValueGetterGrid.js b/docs/src/pages/components/data-grid/rendering/ValueGetterGrid.js
@@ -8,7 +8,6 @@ function getFullName(params) {
 }
 
 const columns = [
-  { field: 'id', hide: true },
   { field: 'firstName', headerName: 'First name', width: 130 },
   { field: 'lastName', headerName: 'Last name', width: 130 },
   {

diff --git a/docs/src/pages/components/data-grid/rendering/ValueGetterGrid.tsx b/docs/src/pages/components/data-grid/rendering/ValueGetterGrid.tsx
@@ -8,7 +8,6 @@ function getFullName(params: ValueGetterParams) {
 }
 
 const columns: ColDef[] = [
-  { field: 'id', hide: true },
   { field: 'firstName', headerName: 'First name', width: 130 },
   { field: 'lastName', headerName: 'Last name', width: 130 },
   {

diff --git a/docs/src/pages/components/data-grid/rendering/rendering.md b/docs/src/pages/components/data-grid/rendering/rendering.md
@@ -27,7 +27,6 @@ function getFullName(params: ValueGetterParams) {
 }
 
 const columns: ColDef[] = [
-  { field: 'id', hide: true },
   { field: 'firstName', headerName: 'First name', width: 130 },
   { field: 'lastName', headerName: 'Last name', width: 130 },
   {
@@ -52,7 +51,6 @@ For instance, you might want to format a JavaScript date object into a string ye
 
 ```tsx
 const columns: ColDef[] = [
-  { field: 'id', hide: true },
   {
     field: 'date',
     headerName: 'Year',
@@ -81,7 +79,6 @@ However, it trades to be able to only render in a cell in exchange for allowing
 
 ```tsx
 const columns: ColDef[] = [
-  { field: 'id', hide: true },
   {
     field: 'date',
     headerName: 'Year',
@@ -106,7 +103,6 @@ It takes precedence over the `headerName` property.
 
 ```tsx
 const columns: ColDef[] = [
-  { field: 'id', hide: true },
   {
     field: 'date',
     width: 150,
@@ -134,7 +130,6 @@ The `ColDef` type has properties to apply class names and custom CSS on the head
 
 ```tsx
 const columns: Columns = [
-  { field: 'id', hide: true },
   {
     field: 'first',
     headerClassName: 'super-app-theme--header',
@@ -159,7 +154,6 @@ The `ColDef` type has properties to apply class names and custom CSS on the cell
 
 ```tsx
 const columns: Columns = [
-  { field: 'id', hide: true },
   {
     field: 'name',
     cellClassName: 'super-app-theme--cell',

diff --git a/docs/src/pages/components/data-grid/rows/ComparatorSortingGrid.js b/docs/src/pages/components/data-grid/rows/ComparatorSortingGrid.js
@@ -6,7 +6,6 @@ import {
 } from '@material-ui/x-grid-data-generator';
 
 const columns = [
-  { field: 'id', hide: true },
   { field: 'name' },
   { field: 'age', type: 'number' },
   {

diff --git a/docs/src/pages/components/data-grid/rows/ComparatorSortingGrid.tsx b/docs/src/pages/components/data-grid/rows/ComparatorSortingGrid.tsx
@@ -12,7 +12,6 @@ import {
 } from '@material-ui/x-grid-data-generator';
 
 const columns: Columns = [
-  { field: 'id', hide: true },
   { field: 'name' },
   { field: 'age', type: 'number' },
   {

diff --git a/packages/grid/data-grid/src/DataGrid.test.tsx b/packages/grid/data-grid/src/DataGrid.test.tsx
@@ -15,10 +15,7 @@ describe('<DataGrid />', () => {
         brand: 'Nike',
       },
     ],
-    columns: [
-      { field: 'id', hide: true },
-      { field: 'brand', width: 100 },
-    ],
+    columns: [{ field: 'brand', width: 100 }],
   };
   describe('layout', () => {
     before(function beforeHook() {

diff --git a/packages/grid/x-grid/src/XGrid.test.tsx b/packages/grid/x-grid/src/XGrid.test.tsx
@@ -61,10 +61,7 @@ describe('<XGrid />', () => {
         brand: 'Puma',
       },
     ],
-    columns: [
-      { field: 'id', hide: true },
-      { field: 'brand', width: 100 },
-    ],
+    columns: [{ field: 'brand', width: 100 }],
   };
 
   before(function beforeHook() {
@@ -194,10 +191,7 @@ describe('<XGrid />', () => {
                 brand: 'Nike',
               },
             ]}
-            columns={[
-              { field: 'id', hide: true },
-              { field: 'brand', width: 100 },
-            ]}
+            columns={[{ field: 'brand', width: 100 }]}
             checkboxSelection
           />
         </div>,

diff --git a/packages/storybook/src/documentation/pages/demos/error/customError.demo.tsx b/packages/storybook/src/documentation/pages/demos/error/customError.demo.tsx
@@ -15,7 +15,6 @@ function CustomErrorOverlay(props) {
 
 export default function CustomErrorDemo() {
   const columns: Columns = [
-    { field: 'id', hide: true },
     { field: 'name', type: 'string' },
     {
       field: 'age',

diff --git a/packages/storybook/src/documentation/pages/demos/error/exception.demo.tsx b/packages/storybook/src/documentation/pages/demos/error/exception.demo.tsx
@@ -4,7 +4,6 @@ import { randomCreatedDate, randomUpdatedDate } from '@material-ui/x-grid-data-g
 
 export default function ExceptionDemo() {
   const columns: Columns = [
-    { field: 'id', hide: true },
     { field: 'name', type: 'string' },
     {
       field: 'age',

diff --git a/packages/storybook/src/documentation/pages/demos/error/serverError.demo.tsx b/packages/storybook/src/documentation/pages/demos/error/serverError.demo.tsx
@@ -2,7 +2,6 @@ import * as React from 'react';
 import { Columns, useApiRef, XGrid } from '@material-ui/x-grid';
 
 const columns: Columns = [
-  { field: 'id', hide: true },
   { field: 'name', type: 'string' },
   { field: 'email', type: 'string' },
   { field: 'age', type: 'number' },

diff --git a/packages/storybook/src/documentation/pages/demos/error/serverErrorState.demo.tsx b/packages/storybook/src/documentation/pages/demos/error/serverErrorState.demo.tsx
@@ -2,7 +2,6 @@ import * as React from 'react';
 import { Columns, XGrid } from '@material-ui/x-grid';
 
 const columns: Columns = [
-  { field: 'id', hide: true },
   { field: 'name', type: 'string' },
   { field: 'email', type: 'string' },
   { field: 'age', type: 'number' },