@progress/kendo-react-grid 12.0.0-develop.4 → 12.0.0-develop.5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (6) hide show
  1. package/dist/cdn/js/kendo-react-grid.js +1 -1
  2. package/index.d.mts +50 -57
  3. package/index.d.ts +50 -57
  4. package/package-metadata.js +1 -1
  5. package/package-metadata.mjs +2 -2
  6. package/package.json +17 -17
package/index.d.mts CHANGED
@@ -818,57 +818,47 @@ export declare interface GridColumnMenuColumnsListProps {
818
818
  /**
819
819
  * @example
820
820
  * ```jsx-no-run
821
- * class TextColumnMenu extends React.Component {
822
- * render() {
823
- * return (
824
- * <div>
825
- * <GridColumnMenuSort {...this.props} />
826
- * <GridColumnMenuFilter {...this.props} />
827
- * </div>);
828
- * }
829
- * }
830
- *
831
- * class App extends React.PureComponent {
832
- * constructor(props) {
833
- * super(props);
821
+ * const TextColumnMenu = (props) => {
822
+ * return (
823
+ * <div>
824
+ * <GridColumnMenuSort {...props} />
825
+ * <GridColumnMenuFilter {...props} />
826
+ * </div>
827
+ * );
828
+ * };
834
829
  *
835
- * this.state = this.createAppState({
836
- * take: 10,
837
- * skip: 0
838
- * });
839
- * }
830
+ * const App = () => {
831
+ * const [state, setState] = React.useState(
832
+ * createAppState({
833
+ * take: 10,
834
+ * skip: 0,
835
+ * })
836
+ * );
840
837
  *
841
- * createAppState(dataState) {
842
- * return {
843
- * result: process(products.slice(0), dataState),
844
- * dataState: dataState
845
- * };
846
- * }
838
+ * function createAppState(dataState) {
839
+ * return {
840
+ * result: process(products.slice(0), dataState),
841
+ * dataState: dataState,
842
+ * };
843
+ * }
847
844
  *
848
- * dataStateChange = (event) => {
849
- * this.setState(this.createAppState(event.dataState));
850
- * }
845
+ * const dataStateChange = (event) => {
846
+ * setState(createAppState(event.dataState));
847
+ * };
851
848
  *
852
- * render() {
853
- * return (
854
- * <div>
855
- * <Grid
856
- * data={this.state.result}
857
- * {...this.state.dataState}
858
- * onDataStateChange={this.dataStateChange}
859
- * sortable={true}
860
- * pageable={true}
861
- * >
862
- * <Column field="ProductID" title="Product ID" />
863
- * <Column field="ProductName" columnMenu={TextColumnMenu} />
864
- * </Grid>
865
- * <br />
866
- * </div>
867
- * );
868
- * }
869
- * }
870
- *
871
- * ReactDOM.render(<App />, document.querySelector('my-app'));
849
+ * return (
850
+ * <Grid
851
+ * data={state.result}
852
+ * {...state.dataState}
853
+ * onDataStateChange={dataStateChange}
854
+ * sortable={true}
855
+ * pageable={true}
856
+ * >
857
+ * <GridColumn field="ProductID" title="Product ID" />
858
+ * <GridColumn field="ProductName" columnMenu={TextColumnMenu} />
859
+ * </Grid>
860
+ * );
861
+ * };
872
862
  * ```
873
863
  */
874
864
  export declare const GridColumnMenuFilter: (props: GridColumnMenuFilterProps) => JSX.Element;
@@ -2145,7 +2135,6 @@ export declare interface GridHandle {
2145
2135
  * };
2146
2136
  *
2147
2137
  * export default App;
2148
- * ReactDOM.render(<App />, document.querySelector('my-app'));
2149
2138
  * ```
2150
2139
  */
2151
2140
  columns: GridColumnProps[];
@@ -2181,20 +2170,24 @@ export declare interface GridHandle {
2181
2170
  * ]);
2182
2171
  * const [barDetails, setBarDetails] = useState(false);
2183
2172
  *
2184
- * const CustomHeaderCell = (props) => (
2185
- * <span>
2186
- * {props.title || props.field + ' '}
2187
- * <button onClick={() => setBarDetails(!barDetails)}>
2188
- * {barDetails ? 'collapse' : 'expand'}
2189
- * </button>
2190
- * {props.children}
2191
- * </span>
2173
+ * const CustomHeaderCell = (props: CustomCellProps) => (
2174
+ * <td
2175
+ * {...props.tdProps}
2176
+ * colSpan={1}>
2177
+ * <span>
2178
+ * {props.title || props.field + ' '}
2179
+ * <button onClick={() => setBarDetails(!barDetails)}>
2180
+ * {barDetails ? 'collapse' : 'expand'}
2181
+ * </button>
2182
+ * {props.children}
2183
+ * </span>
2184
+ * </td>
2192
2185
  * );
2193
2186
  *
2194
2187
  * return (
2195
2188
  * <Grid style={{ height: '420px' }} data={data} reorderable={true}>
2196
2189
  * <GridColumn field="foo" />
2197
- * <GridColumn field="bar" headerCell={CustomHeaderCell}>
2190
+ * <GridColumn field="bar" cells={{ headerCell: CustomHeaderCell }}>
2198
2191
  * {barDetails && [<GridColumn field="b1" />, <GridColumn field="b2" />]}
2199
2192
  * </GridColumn>
2200
2193
  * </Grid>
package/index.d.ts CHANGED
@@ -818,57 +818,47 @@ export declare interface GridColumnMenuColumnsListProps {
818
818
  /**
819
819
  * @example
820
820
  * ```jsx-no-run
821
- * class TextColumnMenu extends React.Component {
822
- * render() {
823
- * return (
824
- * <div>
825
- * <GridColumnMenuSort {...this.props} />
826
- * <GridColumnMenuFilter {...this.props} />
827
- * </div>);
828
- * }
829
- * }
830
- *
831
- * class App extends React.PureComponent {
832
- * constructor(props) {
833
- * super(props);
821
+ * const TextColumnMenu = (props) => {
822
+ * return (
823
+ * <div>
824
+ * <GridColumnMenuSort {...props} />
825
+ * <GridColumnMenuFilter {...props} />
826
+ * </div>
827
+ * );
828
+ * };
834
829
  *
835
- * this.state = this.createAppState({
836
- * take: 10,
837
- * skip: 0
838
- * });
839
- * }
830
+ * const App = () => {
831
+ * const [state, setState] = React.useState(
832
+ * createAppState({
833
+ * take: 10,
834
+ * skip: 0,
835
+ * })
836
+ * );
840
837
  *
841
- * createAppState(dataState) {
842
- * return {
843
- * result: process(products.slice(0), dataState),
844
- * dataState: dataState
845
- * };
846
- * }
838
+ * function createAppState(dataState) {
839
+ * return {
840
+ * result: process(products.slice(0), dataState),
841
+ * dataState: dataState,
842
+ * };
843
+ * }
847
844
  *
848
- * dataStateChange = (event) => {
849
- * this.setState(this.createAppState(event.dataState));
850
- * }
845
+ * const dataStateChange = (event) => {
846
+ * setState(createAppState(event.dataState));
847
+ * };
851
848
  *
852
- * render() {
853
- * return (
854
- * <div>
855
- * <Grid
856
- * data={this.state.result}
857
- * {...this.state.dataState}
858
- * onDataStateChange={this.dataStateChange}
859
- * sortable={true}
860
- * pageable={true}
861
- * >
862
- * <Column field="ProductID" title="Product ID" />
863
- * <Column field="ProductName" columnMenu={TextColumnMenu} />
864
- * </Grid>
865
- * <br />
866
- * </div>
867
- * );
868
- * }
869
- * }
870
- *
871
- * ReactDOM.render(<App />, document.querySelector('my-app'));
849
+ * return (
850
+ * <Grid
851
+ * data={state.result}
852
+ * {...state.dataState}
853
+ * onDataStateChange={dataStateChange}
854
+ * sortable={true}
855
+ * pageable={true}
856
+ * >
857
+ * <GridColumn field="ProductID" title="Product ID" />
858
+ * <GridColumn field="ProductName" columnMenu={TextColumnMenu} />
859
+ * </Grid>
860
+ * );
861
+ * };
872
862
  * ```
873
863
  */
874
864
  export declare const GridColumnMenuFilter: (props: GridColumnMenuFilterProps) => JSX.Element;
@@ -2145,7 +2135,6 @@ export declare interface GridHandle {
2145
2135
  * };
2146
2136
  *
2147
2137
  * export default App;
2148
- * ReactDOM.render(<App />, document.querySelector('my-app'));
2149
2138
  * ```
2150
2139
  */
2151
2140
  columns: GridColumnProps[];
@@ -2181,20 +2170,24 @@ export declare interface GridHandle {
2181
2170
  * ]);
2182
2171
  * const [barDetails, setBarDetails] = useState(false);
2183
2172
  *
2184
- * const CustomHeaderCell = (props) => (
2185
- * <span>
2186
- * {props.title || props.field + ' '}
2187
- * <button onClick={() => setBarDetails(!barDetails)}>
2188
- * {barDetails ? 'collapse' : 'expand'}
2189
- * </button>
2190
- * {props.children}
2191
- * </span>
2173
+ * const CustomHeaderCell = (props: CustomCellProps) => (
2174
+ * <td
2175
+ * {...props.tdProps}
2176
+ * colSpan={1}>
2177
+ * <span>
2178
+ * {props.title || props.field + ' '}
2179
+ * <button onClick={() => setBarDetails(!barDetails)}>
2180
+ * {barDetails ? 'collapse' : 'expand'}
2181
+ * </button>
2182
+ * {props.children}
2183
+ * </span>
2184
+ * </td>
2192
2185
  * );
2193
2186
  *
2194
2187
  * return (
2195
2188
  * <Grid style={{ height: '420px' }} data={data} reorderable={true}>
2196
2189
  * <GridColumn field="foo" />
2197
- * <GridColumn field="bar" headerCell={CustomHeaderCell}>
2190
+ * <GridColumn field="bar" cells={{ headerCell: CustomHeaderCell }}>
2198
2191
  * {barDetails && [<GridColumn field="b1" />, <GridColumn field="b2" />]}
2199
2192
  * </GridColumn>
2200
2193
  * </Grid>
package/package-metadata.js CHANGED
@@ -5,4 +5,4 @@
5
5
  * Licensed under commercial license. See LICENSE.md in the package root for more information
6
6
  *-------------------------------------------------------------------------------------------
7
7
  */
8
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=Object.freeze({name:"@progress/kendo-react-grid",productName:"KendoReact",productCode:"KENDOUIREACT",productCodes:["KENDOUIREACT"],publishDate: 1755629711,version:"12.0.0-develop.4",licensingDocsUrl:"https://www.telerik.com/kendo-react-ui/components/my-license/"});exports.packageMetadata=e;
8
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=Object.freeze({name:"@progress/kendo-react-grid",productName:"KendoReact",productCode:"KENDOUIREACT",productCodes:["KENDOUIREACT"],publishDate: 1755789302,version:"12.0.0-develop.5",licensingDocsUrl:"https://www.telerik.com/kendo-react-ui/components/my-license/"});exports.packageMetadata=e;
package/package-metadata.mjs CHANGED
@@ -10,8 +10,8 @@ const e = Object.freeze({
10
10
  productName: "KendoReact",
11
11
  productCode: "KENDOUIREACT",
12
12
  productCodes: ["KENDOUIREACT"],
13
- publishDate: 1755629711,
14
- version: "12.0.0-develop.4",
13
+ publishDate: 1755789302,
14
+ version: "12.0.0-develop.5",
15
15
  licensingDocsUrl: "https://www.telerik.com/kendo-react-ui/components/my-license/"
16
16
  });
17
17
  export {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@progress/kendo-react-grid",
3
- "version": "12.0.0-develop.4",
3
+ "version": "12.0.0-develop.5",
4
4
  "description": "React Data Grid (Table) provides 100+ ready-to-use data grid features. KendoReact Grid package",
5
5
  "author": "Progress",
6
6
  "license": "SEE LICENSE IN LICENSE.md",
@@ -28,21 +28,21 @@
28
28
  "@progress/kendo-data-query": "^1.0.0",
29
29
  "@progress/kendo-drawing": "^1.21.2",
30
30
  "@progress/kendo-licensing": "^1.7.0",
31
- "@progress/kendo-react-animation": "12.0.0-develop.4",
32
- "@progress/kendo-react-buttons": "12.0.0-develop.4",
33
- "@progress/kendo-react-common": "12.0.0-develop.4",
34
- "@progress/kendo-react-data-tools": "12.0.0-develop.4",
35
- "@progress/kendo-react-dateinputs": "12.0.0-develop.4",
36
- "@progress/kendo-react-indicators": "12.0.0-develop.4",
37
- "@progress/kendo-react-form": "12.0.0-develop.4",
38
- "@progress/kendo-react-labels": "12.0.0-develop.4",
39
- "@progress/kendo-react-dialogs": "12.0.0-develop.4",
40
- "@progress/kendo-react-dropdowns": "12.0.0-develop.4",
41
- "@progress/kendo-react-inputs": "12.0.0-develop.4",
42
- "@progress/kendo-react-intl": "12.0.0-develop.4",
43
- "@progress/kendo-react-popup": "12.0.0-develop.4",
44
- "@progress/kendo-react-layout": "12.0.0-develop.4",
45
- "@progress/kendo-react-conversational-ui": "12.0.0-develop.4",
31
+ "@progress/kendo-react-animation": "12.0.0-develop.5",
32
+ "@progress/kendo-react-buttons": "12.0.0-develop.5",
33
+ "@progress/kendo-react-common": "12.0.0-develop.5",
34
+ "@progress/kendo-react-data-tools": "12.0.0-develop.5",
35
+ "@progress/kendo-react-dateinputs": "12.0.0-develop.5",
36
+ "@progress/kendo-react-indicators": "12.0.0-develop.5",
37
+ "@progress/kendo-react-form": "12.0.0-develop.5",
38
+ "@progress/kendo-react-labels": "12.0.0-develop.5",
39
+ "@progress/kendo-react-dialogs": "12.0.0-develop.5",
40
+ "@progress/kendo-react-dropdowns": "12.0.0-develop.5",
41
+ "@progress/kendo-react-inputs": "12.0.0-develop.5",
42
+ "@progress/kendo-react-intl": "12.0.0-develop.5",
43
+ "@progress/kendo-react-popup": "12.0.0-develop.5",
44
+ "@progress/kendo-react-layout": "12.0.0-develop.5",
45
+ "@progress/kendo-react-conversational-ui": "12.0.0-develop.5",
46
46
  "@progress/kendo-svg-icons": "^4.0.0",
47
47
  "react": "^16.8.2 || ^17.0.0 || ^18.0.0 || ^19.0.0 || ^19.0.0-rc",
48
48
  "react-dom": "^16.8.2 || ^17.0.0 || ^18.0.0 || ^19.0.0 || ^19.0.0-rc",
@@ -147,7 +147,7 @@
147
147
  "package": {
148
148
  "productName": "KendoReact",
149
149
  "productCode": "KENDOUIREACT",
150
- "publishDate": 1755629711,
150
+ "publishDate": 1755789302,
151
151
  "licensingDocsUrl": "https://www.telerik.com/kendo-react-ui/components/my-license/"
152
152
  }
153
153
  },