From 4be4ebf204dfe7b368fedff1855ef8f0b81bcbf2 Mon Sep 17 00:00:00 2001 From: MaximKudriavtsev Date: Wed, 25 Oct 2017 13:33:16 +0300 Subject: [PATCH] refactor(react-grid): export of TableColumnResizing from theme packages (#438) BREAKING CHANGES: The TableColumnResizing plugin is now available in the "@devexpress/dx-react-grid-bootstrap3" and "@devexpress/dx-react-grid-material-ui" packages. Use the following code to import the plugin. ``` import { TableColumnResizing, } from from '@devexpress/dx-react-grid-bootstrap3'/* or '@devexpress/dx-react-grid-material-ui' */; ``` --- .../src/bootstrap3/column-resizing/controlled.jsx | 4 +--- .../src/bootstrap3/column-resizing/uncontrolled.jsx | 4 +--- .../bootstrap3/featured-redux-integration/demo.jsx | 4 ++-- .../src/material-ui/column-resizing/controlled.jsx | 4 +--- .../src/material-ui/column-resizing/uncontrolled.jsx | 4 +--- .../material-ui/featured-redux-integration/demo.jsx | 4 ++-- packages/dx-react-grid-bootstrap3/src/index.js | 1 + .../src/plugins/table-column-resizing.jsx | 12 ++++++++++++ packages/dx-react-grid-material-ui/src/index.js | 1 + .../src/plugins/table-column-resizing.jsx | 12 ++++++++++++ 10 files changed, 34 insertions(+), 16 deletions(-) create mode 100644 packages/dx-react-grid-bootstrap3/src/plugins/table-column-resizing.jsx create mode 100644 packages/dx-react-grid-material-ui/src/plugins/table-column-resizing.jsx diff --git a/packages/dx-react-demos/src/bootstrap3/column-resizing/controlled.jsx b/packages/dx-react-demos/src/bootstrap3/column-resizing/controlled.jsx index bd1ca76076..40a1ba4107 100644 --- a/packages/dx-react-demos/src/bootstrap3/column-resizing/controlled.jsx +++ b/packages/dx-react-demos/src/bootstrap3/column-resizing/controlled.jsx @@ -1,11 +1,9 @@ import React from 'react'; -import { - TableColumnResizing, -} from '@devexpress/dx-react-grid'; import { Grid, TableView, TableHeaderRow, + TableColumnResizing, } from '@devexpress/dx-react-grid-bootstrap3'; import { diff --git a/packages/dx-react-demos/src/bootstrap3/column-resizing/uncontrolled.jsx b/packages/dx-react-demos/src/bootstrap3/column-resizing/uncontrolled.jsx index 218f900737..a93a93d0bb 100644 --- a/packages/dx-react-demos/src/bootstrap3/column-resizing/uncontrolled.jsx +++ b/packages/dx-react-demos/src/bootstrap3/column-resizing/uncontrolled.jsx @@ -1,11 +1,9 @@ import React from 'react'; -import { - TableColumnResizing, -} from '@devexpress/dx-react-grid'; import { Grid, TableView, TableHeaderRow, + TableColumnResizing, } from '@devexpress/dx-react-grid-bootstrap3'; import { diff --git a/packages/dx-react-demos/src/bootstrap3/featured-redux-integration/demo.jsx b/packages/dx-react-demos/src/bootstrap3/featured-redux-integration/demo.jsx index 5a2957490a..98877c8e64 100644 --- a/packages/dx-react-demos/src/bootstrap3/featured-redux-integration/demo.jsx +++ b/packages/dx-react-demos/src/bootstrap3/featured-redux-integration/demo.jsx @@ -5,12 +5,12 @@ import { connect, Provider } from 'react-redux'; import { SortingState, SelectionState, FilteringState, PagingState, GroupingState, RowDetailState, LocalFiltering, LocalGrouping, LocalPaging, LocalSorting, - ColumnOrderState, TableColumnResizing, + ColumnOrderState, } from '@devexpress/dx-react-grid'; import { Grid, TableView, TableHeaderRow, TableFilterRow, TableSelection, TableGroupRow, TableRowDetail, - GroupingPanel, PagingPanel, DragDropContext, + GroupingPanel, PagingPanel, DragDropContext, TableColumnResizing, } from '@devexpress/dx-react-grid-bootstrap3'; import { diff --git a/packages/dx-react-demos/src/material-ui/column-resizing/controlled.jsx b/packages/dx-react-demos/src/material-ui/column-resizing/controlled.jsx index 17ff69c716..774249ebb0 100644 --- a/packages/dx-react-demos/src/material-ui/column-resizing/controlled.jsx +++ b/packages/dx-react-demos/src/material-ui/column-resizing/controlled.jsx @@ -1,11 +1,9 @@ import React from 'react'; -import { - TableColumnResizing, -} from '@devexpress/dx-react-grid'; import { Grid, TableView, TableHeaderRow, + TableColumnResizing, } from '@devexpress/dx-react-grid-material-ui'; import { diff --git a/packages/dx-react-demos/src/material-ui/column-resizing/uncontrolled.jsx b/packages/dx-react-demos/src/material-ui/column-resizing/uncontrolled.jsx index e964027703..99d714010e 100644 --- a/packages/dx-react-demos/src/material-ui/column-resizing/uncontrolled.jsx +++ b/packages/dx-react-demos/src/material-ui/column-resizing/uncontrolled.jsx @@ -1,11 +1,9 @@ import React from 'react'; -import { - TableColumnResizing, -} from '@devexpress/dx-react-grid'; import { Grid, TableView, TableHeaderRow, + TableColumnResizing, } from '@devexpress/dx-react-grid-material-ui'; import { diff --git a/packages/dx-react-demos/src/material-ui/featured-redux-integration/demo.jsx b/packages/dx-react-demos/src/material-ui/featured-redux-integration/demo.jsx index fb3979da07..51e1761094 100644 --- a/packages/dx-react-demos/src/material-ui/featured-redux-integration/demo.jsx +++ b/packages/dx-react-demos/src/material-ui/featured-redux-integration/demo.jsx @@ -5,12 +5,12 @@ import { connect, Provider } from 'react-redux'; import { SortingState, SelectionState, FilteringState, PagingState, GroupingState, RowDetailState, LocalFiltering, LocalGrouping, LocalPaging, LocalSorting, - ColumnOrderState, TableColumnResizing, + ColumnOrderState, } from '@devexpress/dx-react-grid'; import { Grid, TableView, TableHeaderRow, TableFilterRow, TableSelection, TableGroupRow, TableRowDetail, - GroupingPanel, PagingPanel, DragDropContext, + GroupingPanel, PagingPanel, DragDropContext, TableColumnResizing, } from '@devexpress/dx-react-grid-material-ui'; import { withStyles } from 'material-ui/styles'; diff --git a/packages/dx-react-grid-bootstrap3/src/index.js b/packages/dx-react-grid-bootstrap3/src/index.js index ede44857cd..bc1868dd8c 100644 --- a/packages/dx-react-grid-bootstrap3/src/index.js +++ b/packages/dx-react-grid-bootstrap3/src/index.js @@ -13,3 +13,4 @@ export { TableHeaderRow } from './plugins/table-header-row'; export { TableEditRow } from './plugins/table-edit-row'; export { TableEditColumn } from './plugins/table-edit-column'; export { TableColumnVisibility } from './plugins/table-column-visibility'; +export { TableColumnResizing } from './plugins/table-column-resizing'; diff --git a/packages/dx-react-grid-bootstrap3/src/plugins/table-column-resizing.jsx b/packages/dx-react-grid-bootstrap3/src/plugins/table-column-resizing.jsx new file mode 100644 index 0000000000..762c446cfa --- /dev/null +++ b/packages/dx-react-grid-bootstrap3/src/plugins/table-column-resizing.jsx @@ -0,0 +1,12 @@ +import React from 'react'; +import { TableColumnResizing as TableColumnResizingBase } from '@devexpress/dx-react-grid'; + +export class TableColumnResizing extends React.PureComponent { + render() { + return ( + + ); + } +} diff --git a/packages/dx-react-grid-material-ui/src/index.js b/packages/dx-react-grid-material-ui/src/index.js index 9e5cfcbd72..3677b518c4 100644 --- a/packages/dx-react-grid-material-ui/src/index.js +++ b/packages/dx-react-grid-material-ui/src/index.js @@ -12,3 +12,4 @@ export { TableHeaderRow } from './plugins/table-header-row'; export { TableEditColumn } from './plugins/table-edit-column'; export { TableEditRow } from './plugins/table-edit-row'; export { TableColumnVisibility } from './plugins/table-column-visibility'; +export { TableColumnResizing } from './plugins/table-column-resizing'; diff --git a/packages/dx-react-grid-material-ui/src/plugins/table-column-resizing.jsx b/packages/dx-react-grid-material-ui/src/plugins/table-column-resizing.jsx new file mode 100644 index 0000000000..762c446cfa --- /dev/null +++ b/packages/dx-react-grid-material-ui/src/plugins/table-column-resizing.jsx @@ -0,0 +1,12 @@ +import React from 'react'; +import { TableColumnResizing as TableColumnResizingBase } from '@devexpress/dx-react-grid'; + +export class TableColumnResizing extends React.PureComponent { + render() { + return ( + + ); + } +}