Release (#118)

* Release v0.1.62 (#95)

* v0.1.51

* fix demo app build

* v0.1.52

* v0.1.53

* v0.1.54

* v0.1.55

* v0.1.56

* v0.1.57

* v0.1.58

* v0.1.59

* add missing export

* v0.1.60

* v0.1.61

* hot fix for tsconfig conf

* fix mistypes on the package.json

* fix empty space with prettier

* v0.1.62

* fix lerna.json whitespace

* fix resize issue (#96)

* Bump eslint-config-airbnb-typescript from 8.0.2 to 9.0.0 (#112)

* Pagination refactoring (#100)

* implemented server pagination

* rename pagination options, doc, prettier

* fix lint

* Apply suggestions from code review

Co-authored-by: Olivier Tassinari <olivier.tassinari@gmail.com>

* change casing value in featureMode and remove apiref check

* added missing dep in useEffect

* fix broken suggestion code

* fix doc comments

* Apply suggestions from code review

Co-authored-by: Olivier Tassinari <olivier.tassinari@gmail.com>

* Fix FeatureMode enum and remove useCallback in demo

* fix import order

* added namespace to function call to remove import

* remove useCallback and add react. to mdx code

* add concurrency in server pagination demo

* fix feature mode export

Co-authored-by: Olivier Tassinari <olivier.tassinari@gmail.com>

* [core] Use the classnames helper (#105)

* [core] Batch small changes (#104)

* [docs] Improve the JSDoc (#106)

* rename events and add onHover event (#103)

* rename events and added onHover event

* rename events and added onHover event

* fix onPageChange rename and merge

* Js doc improvements

Co-authored-by: Olivier Tassinari <olivier.tassinari@gmail.com>

* added hover stories

* small fix and cleanup

* revert rename, back to onRowSelected

* refactor hover and click handlers

* refactor cellParams

* prettier

Co-authored-by: Olivier Tassinari <olivier.tassinari@gmail.com>

* v0.1.63

* v0.1.64

* prettier lerna.json due to lerna

Co-authored-by: dependabot-preview[bot] <27856297+dependabot-preview[bot]@users.noreply.github.com>
Co-authored-by: Olivier Tassinari <olivier.tassinari@gmail.com>

CHANGELOG.md

@@ -3,6 +3,22 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [0.1.64](https://github.com/dtassone/material-ui-x/compare/v0.1.62...v0.1.64) (2020-07-27)
+
+**Note:** Version bump only for package material-ui-x
+
+
+
+
+
+## [0.1.63](https://github.com/dtassone/material-ui-x/compare/v0.1.62...v0.1.63) (2020-07-27)
+
+**Note:** Version bump only for package material-ui-x
+
+
+
+
+
 ## [0.1.62](https://github.com/mui-org/material-ui-x/compare/v0.1.61...v0.1.62) (2020-07-22)
 
 **Note:** Version bump only for package material-ui-x

lerna.json

@@ -6,7 +6,7 @@
     }
   },
   "packages": ["!packages/grid", "packages/*", "packages/grid/*"],
-  "version": "0.1.62",
+  "version": "0.1.64",
   "npmClient": "yarn",
   "useWorkspaces": true
 }

package.json

@@ -23,7 +23,7 @@
     "enzyme": "^3.11.0",
     "enzyme-adapter-react-16": "^1.15.2",
     "eslint": "^7.4.0",
-    "eslint-config-airbnb-typescript": "^8.0.2",
+    "eslint-config-airbnb-typescript": "^9.0.0",
     "eslint-config-prettier": "^6.11.0",
     "eslint-plugin-import": "^2.22.0",
     "eslint-plugin-jsx-a11y": "^6.3.1",

packages/demo-app/CHANGELOG.md

@@ -3,6 +3,22 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [0.1.64](https://github.com/dtassone/material-ui-x/compare/v0.1.62...v0.1.64) (2020-07-27)
+
+**Note:** Version bump only for package demo-app
+
+
+
+
+
+## [0.1.63](https://github.com/dtassone/material-ui-x/compare/v0.1.62...v0.1.63) (2020-07-27)
+
+**Note:** Version bump only for package demo-app
+
+
+
+
+
 ## [0.1.62](https://github.com/mui-org/material-ui-x/compare/v0.1.61...v0.1.62) (2020-07-22)
 
 **Note:** Version bump only for package demo-app

packages/demo-app/package.json

@@ -1,12 +1,12 @@
 {
   "name": "demo-app",
-  "version": "0.1.62",
+  "version": "0.1.64",
   "private": true,
   "dependencies": {
     "@material-ui/core": "^4.9.12",
     "@material-ui/icons": "^4.9.1",
     "@material-ui/lab": "^4.0.0-alpha.54",
-    "@material-ui/x-grid": "^0.1.62",
+    "@material-ui/x-grid": "^0.1.64",
     "@material-ui/x-grid-data-generator": "^0.1.62",
     "@trendmicro/react-interpolate": "^0.5.5",
     "react": "^16.13.1",

packages/demo-app/src/app/demos/grid/components/settings-panel.tsx

@@ -6,7 +6,6 @@ import Button from '@material-ui/core/Button';
 import FormLabel from '@material-ui/core/FormLabel';
 import MenuItem from '@material-ui/core/MenuItem';
 import Select from '@material-ui/core/Select';
-import { useContext } from 'react';
 import { darkThemeId, lightThemeId, ThemeContext } from '../../theme';
 import { StyledPanels } from './styled-panel';
 
@@ -24,7 +23,7 @@ export interface SettingsPanelProps {
 export const SettingsPanel: React.FC<SettingsPanelProps> = ({ onApply, type, size }) => {
   const [sizeState, setSize] = React.useState<number>(size);
   const [typeState, setType] = React.useState<string>(type);
-  const currentTheme = useContext(ThemeContext);
+  const currentTheme = React.useContext(ThemeContext);
   const [selectedTheme, setSelectedTheme] = React.useState<string>(currentTheme.theme);
   const [selectedPaginationValue, setSelectedPaginationValue] = React.useState<number>(-1);
 
@@ -61,17 +60,17 @@ export const SettingsPanel: React.FC<SettingsPanelProps> = ({ onApply, type, siz
 
   return (
     <StyledPanels>
-      {/* <Panel title={'Settings'}> */}
-      <div className={'panel'}>
-        <FormGroup row className={'center'}>
-          <FormControl className={'dataset-control input-text'} size={'small'} component="fieldset">
+      {/* <Panel title="Settings"> */}
+      <div className="panel">
+        <FormGroup row className="center">
+          <FormControl className="dataset-control input-text" size="small" component="fieldset">
             <FormLabel component="legend">Dataset</FormLabel>
             <Select value={typeState} onChange={onDatasetChange}>
-              <MenuItem value={'employee'}>Employee</MenuItem>
-              <MenuItem value={'commodity'}>Commodity</MenuItem>
+              <MenuItem value="employee">Employee</MenuItem>
+              <MenuItem value="commodity">Commodity</MenuItem>
             </Select>
           </FormControl>
-          <FormControl className={'dataset-control input-text'} size={'small'} component="fieldset">
+          <FormControl className="dataset-control input-text" size="small" component="fieldset">
             <FormLabel component="legend">Rows</FormLabel>
             <Select value={sizeState} onChange={onSizeChange}>
               <MenuItem value={100}>100</MenuItem>
@@ -80,7 +79,7 @@ export const SettingsPanel: React.FC<SettingsPanelProps> = ({ onApply, type, siz
               <MenuItem value={100000}>{Number(100000).toLocaleString()}</MenuItem>
             </Select>
           </FormControl>
-          <FormControl className={'dataset-control input-text'} size={'small'} component="fieldset">
+          <FormControl className="dataset-control input-text" size="small" component="fieldset">
             <FormLabel component="legend">Page Size</FormLabel>
             <Select value={selectedPaginationValue} onChange={onPaginationChange}>
               <MenuItem value={-1}>off</MenuItem>
@@ -91,8 +90,8 @@ export const SettingsPanel: React.FC<SettingsPanelProps> = ({ onApply, type, siz
             </Select>
           </FormControl>
           <FormControl
-            className={'dataset-control input-text'}
-            size={'small'}
+            className="dataset-control input-text"
+            size="small"
             component="fieldset"
             style={{ display: 'none' }}
           >
@@ -105,12 +104,12 @@ export const SettingsPanel: React.FC<SettingsPanelProps> = ({ onApply, type, siz
           <div>
             <Button
               size="small"
-              className={'apply-btn'}
-              variant={'outlined'}
-              color={'primary'}
+              className="apply-btn"
+              variant="outlined"
+              color="primary"
               onClick={applyChanges}
             >
-              <KeyboardArrowRightIcon fontSize={'small'} /> Apply
+              <KeyboardArrowRightIcon fontSize="small" /> Apply
             </Button>
           </div>
         </FormGroup>

packages/demo-app/src/app/demos/grid/real-data-grid.demo.tsx

@@ -100,15 +100,15 @@ export const RealDataGridDemo: React.FC<{ toggleTheme: () => void; themeId: stri
 
     const newPagination: Partial<GridOptions> = {
       pagination: settings.pagesize !== -1,
-      paginationAutoPageSize: settings.pagesize === 0,
-      paginationPageSize: settings.pagesize > 0 ? settings.pagesize : undefined,
+      autoPageSize: settings.pagesize === 0,
+      pageSize: settings.pagesize > 0 ? settings.pagesize : undefined,
     };
 
     setPagination((p) => {
       if (
         p.pagination === newPagination.pagination &&
-        p.paginationAutoPageSize === newPagination.paginationAutoPageSize &&
-        p.paginationPageSize === newPagination.paginationPageSize
+        p.autoPageSize === newPagination.autoPageSize &&
+        p.pageSize === newPagination.pageSize
       ) {
         return p;
       }
@@ -118,12 +118,12 @@ export const RealDataGridDemo: React.FC<{ toggleTheme: () => void; themeId: stri
 
   return (
     <React.Fragment>
-      <AppBreadcrumbs name={'NEW* Material-UI X Grid'} />
+      <AppBreadcrumbs name="NEW* Material-UI X Grid" />
       <SettingsPanel onApply={onApplyClick} size={size} type={type} />
 
       <MainContainer>
-        <div style={{ display: 'flex', boxSizing: 'border-box' }} className={'fill-space'}>
-          <div className={'grow'}>
+        <div style={{ display: 'flex', boxSizing: 'border-box' }} className="fill-space">
+          <div className="grow">
             <XGrid
               rows={rows as any}
               columns={cols as any}

packages/demo-app/src/app/demos/theme/useTheme.ts

@@ -1,4 +1,4 @@
-import { useEffect, useState } from 'react';
+import * as React from 'react';
 import { useLocalStorage } from '../utils/useLocalStorage';
 import { DEFAULT_THEME, STORAGE_THEME_KEY, ThemeValuePair } from './themeProvider';
 import { darkTheme } from './dark';
@@ -15,10 +15,10 @@ type ReturnType = {
 export function useTheme(): ReturnType {
   const [selectedThemeId, setSelectedTheme] = useLocalStorage(STORAGE_THEME_KEY, DEFAULT_THEME);
 
-  const [theme, setTheme] = useState(ThemeValuePair[selectedThemeId]);
-  const [isDark, setIsDark] = useState(theme.id === darkTheme.id);
+  const [theme, setTheme] = React.useState(ThemeValuePair[selectedThemeId]);
+  const [isDark, setIsDark] = React.useState(theme.id === darkTheme.id);
 
-  useEffect(() => {
+  React.useEffect(() => {
     setIsDark(theme === darkTheme);
   }, [theme]);
 

packages/grid/data-grid/CHANGELOG.md

@@ -3,6 +3,22 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [0.1.64](https://github.com/dtassone/material-ui-x/compare/v0.1.62...v0.1.64) (2020-07-27)
+
+**Note:** Version bump only for package @material-ui/data-grid
+
+
+
+
+
+## [0.1.63](https://github.com/dtassone/material-ui-x/compare/v0.1.62...v0.1.63) (2020-07-27)
+
+**Note:** Version bump only for package @material-ui/data-grid
+
+
+
+
+
 ## [0.1.62](https://github.com/mui-org/material-ui-x/compare/v0.1.61...v0.1.62) (2020-07-22)
 
 **Note:** Version bump only for package @material-ui/data-grid

packages/grid/data-grid/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@material-ui/data-grid",
-  "version": "0.1.62",
+  "version": "0.1.64",
   "description": "The Material-UI community edition of the data grid component.",
   "author": "Material-UI Team",
   "main": "dist/index-cjs.js",
@@ -13,16 +13,19 @@
   "publishConfig": {
     "access": "public"
   },
+  "dependencies": {
+    "tslib": "^2.0.0"
+  },
   "devDependencies": {
-    "@material-ui/x-grid-modules": "^0.1.62",
+    "@material-ui/x-grid-modules": "^0.1.64",
+    "@rollup/plugin-node-resolve": "^8.0.1",
     "rollup": "^2.6.1",
     "rollup-plugin-cleaner": "^1.0.0",
     "rollup-plugin-command": "^1.1.3",
     "rollup-plugin-dts": "^1.4.7",
     "rollup-plugin-sourcemaps": "^0.6.2",
     "rollup-plugin-terser": "^5.3.0",
-    "rollup-plugin-typescript2": "^0.27.1",
-    "tslib": "^2.0.0"
+    "rollup-plugin-typescript2": "^0.27.1"
   },
   "peerDependencies": {
     "@material-ui/core": "^4.9.12",

packages/grid/data-grid/rollup.config.js

@@ -34,7 +34,7 @@ export default [
         cleaner({
           targets: ['./dist/'],
         }),
-      typescript(),
+      typescript({ build: true }),
       !production && sourceMaps(),
       production && terser(),
     ],

packages/grid/data-grid/src/data-grid.tsx

@@ -26,9 +26,9 @@ export const DataGrid: React.FC<DataGridProps> = React.memo(function DataGrid(
   props: DataGridProps,
 ) {
   const validateOptions = React.useCallback((options: DataGridOptionsProp) => {
-    if (options && options.paginationPageSize && options.paginationPageSize > MAX_PAGE_SIZE) {
+    if (options && options.pageSize && options.pageSize > MAX_PAGE_SIZE) {
       throw new Error(
-        `Material-UI: Option 'paginationPageSize' cannot be above ${MAX_PAGE_SIZE}. Use the @material-ui/x-grid to unlock this feature`,
+        `Material-UI: Option 'pageSize' cannot be above ${MAX_PAGE_SIZE}. Use the @material-ui/x-grid to unlock this feature`,
       );
     }
     return options;

packages/grid/data-grid/src/index.ts

@@ -1,5 +1,2 @@
-import { DataGrid } from './data-grid';
-
 export * from '@material-ui/x-grid-modules';
 export * from './data-grid';
-export const Grid = DataGrid;

packages/grid/x-grid-modules/CHANGELOG.md

@@ -3,6 +3,22 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [0.1.64](https://github.com/dtassone/material-ui-x/compare/v0.1.62...v0.1.64) (2020-07-27)
+
+**Note:** Version bump only for package @material-ui/x-grid-modules
+
+
+
+
+
+## [0.1.63](https://github.com/dtassone/material-ui-x/compare/v0.1.62...v0.1.63) (2020-07-27)
+
+**Note:** Version bump only for package @material-ui/x-grid-modules
+
+
+
+
+
 ## [0.1.62](https://github.com/mui-org/material-ui-x/compare/v0.1.61...v0.1.62) (2020-07-22)
 
 **Note:** Version bump only for package @material-ui/x-grid-modules

packages/grid/x-grid-modules/lib/autosizer/index.js

@@ -1,4 +1,4 @@
-import { createElement, PureComponent } from 'react';
+import * as React from 'react';
 
 /**
  * Detect Element Resize.
@@ -378,7 +378,7 @@ var AutoSizer = function (_React$PureComponent) {
         childParams.width = width;
       }
 
-      return createElement(
+      return React.createElement(
         'div',
         {
           className: className,
@@ -389,7 +389,7 @@ var AutoSizer = function (_React$PureComponent) {
     }
   }]);
   return AutoSizer;
-}(PureComponent);
+}(React.PureComponent);
 
 AutoSizer.defaultProps = {
   onResize: function onResize() {},