@progress/kendo-react-grid 5.6.0-dev.202208291054 → 5.6.0-next.202208310638

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 (19) hide show
  1. package/dist/cdn/js/kendo-react-grid.js +1 -1
  2. package/dist/es/Grid.d.ts +9 -9
  3. package/dist/es/cells/GridFilterCell.js +6 -4
  4. package/dist/es/cells/GridGroupCell.js +1 -1
  5. package/dist/es/columnMenu/GridColumnMenuWrapper.js +1 -1
  6. package/dist/es/drag/CommonDragLogic.js +1 -1
  7. package/dist/es/drag/GroupingIndicator.js +1 -1
  8. package/dist/es/header/HeaderRow.js +1 -1
  9. package/dist/es/package-metadata.js +1 -1
  10. package/dist/npm/Grid.d.ts +9 -9
  11. package/dist/npm/cells/GridFilterCell.js +6 -4
  12. package/dist/npm/cells/GridGroupCell.js +1 -1
  13. package/dist/npm/columnMenu/GridColumnMenuWrapper.js +1 -1
  14. package/dist/npm/drag/CommonDragLogic.js +1 -1
  15. package/dist/npm/drag/GroupingIndicator.js +1 -1
  16. package/dist/npm/header/HeaderRow.js +1 -1
  17. package/dist/npm/package-metadata.js +1 -1
  18. package/dist/systemjs/kendo-react-grid.js +1 -1
  19. package/package.json +18 -18
package/dist/es/Grid.d.ts CHANGED
@@ -48,26 +48,26 @@ export declare class Grid extends React.Component<GridProps, {}> {
48
48
  * @hidden
49
49
  */
50
50
  static propTypes: {
51
- data: PropTypes.Requireable<NonNullable<any[] | PropTypes.InferProps<{
51
+ data: PropTypes.Requireable<any[] | PropTypes.InferProps<{
52
52
  data: PropTypes.Requireable<any[]>;
53
53
  total: PropTypes.Requireable<number>;
54
- }> | null | undefined>>;
55
- sortable: PropTypes.Requireable<NonNullable<boolean | PropTypes.InferProps<{
54
+ }>>;
55
+ sortable: PropTypes.Requireable<boolean | PropTypes.InferProps<{
56
56
  mode: PropTypes.Requireable<string>;
57
57
  allowUnsort: PropTypes.Requireable<boolean>;
58
- }> | null | undefined>>;
58
+ }>>;
59
59
  onSortChange: PropTypes.Requireable<(...args: any[]) => any>;
60
60
  sort: PropTypes.Requireable<any[]>;
61
61
  filterable: PropTypes.Requireable<boolean>;
62
62
  filter: PropTypes.Requireable<any>;
63
63
  onFilterChange: PropTypes.Requireable<(...args: any[]) => any>;
64
- pageable: PropTypes.Requireable<NonNullable<boolean | PropTypes.InferProps<{
64
+ pageable: PropTypes.Requireable<boolean | PropTypes.InferProps<{
65
65
  buttonCount: PropTypes.Requireable<number>;
66
66
  info: PropTypes.Requireable<boolean>;
67
67
  type: PropTypes.Requireable<string>;
68
- pageSizes: PropTypes.Requireable<NonNullable<boolean | (number | null | undefined)[] | null | undefined>>;
68
+ pageSizes: PropTypes.Requireable<boolean | (number | null | undefined)[]>;
69
69
  previousNext: PropTypes.Requireable<boolean>;
70
- }> | null | undefined>>;
70
+ }>>;
71
71
  pageSize: PropTypes.Requireable<number>;
72
72
  onPageChange: PropTypes.Requireable<(...args: any[]) => any>;
73
73
  total: PropTypes.Requireable<number>;
@@ -82,10 +82,10 @@ export declare class Grid extends React.Component<GridProps, {}> {
82
82
  resizable: PropTypes.Requireable<boolean>;
83
83
  reorderable: PropTypes.Requireable<boolean>;
84
84
  group: PropTypes.Requireable<any>;
85
- groupable: PropTypes.Requireable<NonNullable<boolean | PropTypes.InferProps<{
85
+ groupable: PropTypes.Requireable<boolean | PropTypes.InferProps<{
86
86
  enabled: PropTypes.Requireable<boolean>;
87
87
  footer: PropTypes.Requireable<string>;
88
- }> | null | undefined>>;
88
+ }>>;
89
89
  onGroupChange: PropTypes.Requireable<(...args: any[]) => any>;
90
90
  onRowClick: PropTypes.Requireable<(...args: any[]) => any>;
91
91
  onRowDoubleClick: PropTypes.Requireable<(...args: any[]) => any>;
package/dist/es/cells/GridFilterCell.js CHANGED
@@ -50,10 +50,12 @@ var GridFilterCell = /** @class */ (function (_super) {
50
50
  var defaultRendering = (React.createElement("div", { className: "k-filtercell" },
51
51
  React.createElement("span", null,
52
52
  this.filterComponent(this.props.filterType, this.props.value, this.props.booleanValues),
53
- React.createElement("div", { className: "k-filtercell-operator" }, this.renderOperatorEditor(localizationService)),
54
- React.createElement(Button, { icon: 'filter-clear', className: classNames((_a = {},
55
- _a['k-clear-button-visible'] = Boolean(!(this.props.value === null || this.props.value === '') || this.props.operator),
56
- _a)), title: localizationService.toLanguageString(filterClearButton, messages[filterClearButton]), type: "button", onClick: this.clear, disabled: !(!(this.props.value === null || this.props.value === '') || this.props.operator) }))));
53
+ React.createElement("div", { className: "k-filtercell-operator" },
54
+ this.renderOperatorEditor(localizationService),
55
+ "\u00A0",
56
+ React.createElement(Button, { icon: 'filter-clear', className: classNames((_a = {},
57
+ _a['k-clear-button-visible'] = Boolean(!(this.props.value === null || this.props.value === '') || this.props.operator),
58
+ _a)), title: localizationService.toLanguageString(filterClearButton, messages[filterClearButton]), type: "button", onClick: this.clear, disabled: !(!(this.props.value === null || this.props.value === '') || this.props.operator) })))));
57
59
  if (this.props.render) {
58
60
  return this.props.render.call(undefined, defaultRendering, this.props);
59
61
  }
package/dist/es/cells/GridGroupCell.js CHANGED
@@ -58,7 +58,7 @@ export var GridGroupCell = function (props) {
58
58
  value: !expanded
59
59
  });
60
60
  }
61
- }, href: "#", tabIndex: -1, "aria-label": message, className: expanded ? 'k-i-collapse k-icon' : 'k-i-expand k-icon' }),
61
+ }, href: "#", tabIndex: -1, "aria-label": message, className: expanded ? 'k-i-caret-alt-down k-icon' : 'k-i-caret-alt-right k-icon' }),
62
62
  ((dataItem[definedField] instanceof Date) && dataItem[definedField].toString) ?
63
63
  dataItem[definedField].toString() :
64
64
  dataItem[definedField])));
package/dist/es/columnMenu/GridColumnMenuWrapper.js CHANGED
@@ -87,7 +87,7 @@ var GridColumnMenuWrapper = /** @class */ (function (_super) {
87
87
  var _this = this;
88
88
  var _a = this.props, ColumnMenu = _a.columnMenu, others = __rest(_a, ["columnMenu"]);
89
89
  return (React.createElement(React.Fragment, null,
90
- React.createElement("div", { className: 'k-grid-column-menu k-grid-filter', ref: function (e) { return _this._anchor = e; }, onClick: this.anchorClick, onMouseDown: this.onAnchorMouseDown },
90
+ React.createElement("div", { className: 'k-grid-header-menu k-grid-column-menu', ref: function (e) { return _this._anchor = e; }, onClick: this.anchorClick, onMouseDown: this.onAnchorMouseDown },
91
91
  React.createElement("span", { className: 'k-icon k-i-more-vertical' })),
92
92
  React.createElement(Popup, { anchor: this._anchor, show: this.state.show },
93
93
  React.createElement("div", { ref: function (e) { return _this._content = e; }, className: 'k-grid-columnmenu-popup', tabIndex: 0, onBlur: this.blur, onFocus: this.focus, style: { outline: 'none' } }, ColumnMenu && (React.createElement(ColumnMenu, __assign({}, others, { onCloseMenu: this.closeMenu })))))));
package/dist/es/drag/CommonDragLogic.js CHANGED
@@ -167,7 +167,7 @@ var CommonDragLogic = /** @class */ (function () {
167
167
  top: (event.pageY + 10),
168
168
  left: event.pageX,
169
169
  innerText: innerText,
170
- status: (invalidIndex || !targetElement) ? 'k-i-cancel' : 'k-i-add'
170
+ status: (invalidIndex || !targetElement) ? 'k-i-cancel' : 'k-i-plus'
171
171
  });
172
172
  };
173
173
  CommonDragLogic.prototype.updateDropElementClue = function (event, element, targetElement, invalidIndex) {
package/dist/es/drag/GroupingIndicator.js CHANGED
@@ -75,7 +75,7 @@ var GroupingIndicator = /** @class */ (function (_super) {
75
75
  React.createElement("div", { className: "k-indicator-container", style: { touchAction: 'none' } },
76
76
  React.createElement("div", { className: "k-group-indicator" },
77
77
  React.createElement("a", { className: "k-link", href: "#", tabIndex: -1, onClick: this.sortChange },
78
- React.createElement("span", { className: 'k-icon k-i-sort-' + this.props.dir + '-sm' }),
78
+ React.createElement("span", { className: 'k-icon k-i-sort-' + this.props.dir + '-small' }),
79
79
  this.props.title),
80
80
  React.createElement(Button, { fillMode: 'flat', tabIndex: -1, onClick: this.groupRemove, icon: 'close', "aria-label": localizationService.toLanguageString(ungroupColumn, messages[ungroupColumn]) })))));
81
81
  };
package/dist/es/header/HeaderRow.js CHANGED
@@ -155,7 +155,7 @@ var HeaderRow = /** @class */ (function (_super) {
155
155
  return null;
156
156
  }
157
157
  return sortIndex >= 0 && [
158
- React.createElement("span", { key: 1, className: 'k-icon k-i-sort-' + this.props.sort[sortIndex].dir + '-sm' }),
158
+ React.createElement("span", { key: 1, className: 'k-icon k-i-sort-' + this.props.sort[sortIndex].dir + '-small' }),
159
159
  this.props.sort.length > 1 && React.createElement("span", { key: 2, className: "k-sort-order" }, sortIndex + 1)
160
160
  ];
161
161
  };
package/dist/es/package-metadata.js CHANGED
@@ -5,7 +5,7 @@ export var packageMetadata = {
5
5
  name: '@progress/kendo-react-grid',
6
6
  productName: 'KendoReact',
7
7
  productCodes: ['KENDOUIREACT', 'KENDOUICOMPLETE'],
8
- publishDate: 1661769834,
8
+ publishDate: 1661927304,
9
9
  version: '',
10
10
  licensingDocsUrl: 'https://www.telerik.com/kendo-react-ui/my-license/?utm_medium=product&utm_source=kendoreact&utm_campaign=kendo-ui-react-purchase-license-keys-warning'
11
11
  };
package/dist/npm/Grid.d.ts CHANGED
@@ -48,26 +48,26 @@ export declare class Grid extends React.Component<GridProps, {}> {
48
48
  * @hidden
49
49
  */
50
50
  static propTypes: {
51
- data: PropTypes.Requireable<NonNullable<any[] | PropTypes.InferProps<{
51
+ data: PropTypes.Requireable<any[] | PropTypes.InferProps<{
52
52
  data: PropTypes.Requireable<any[]>;
53
53
  total: PropTypes.Requireable<number>;
54
- }> | null | undefined>>;
55
- sortable: PropTypes.Requireable<NonNullable<boolean | PropTypes.InferProps<{
54
+ }>>;
55
+ sortable: PropTypes.Requireable<boolean | PropTypes.InferProps<{
56
56
  mode: PropTypes.Requireable<string>;
57
57
  allowUnsort: PropTypes.Requireable<boolean>;
58
- }> | null | undefined>>;
58
+ }>>;
59
59
  onSortChange: PropTypes.Requireable<(...args: any[]) => any>;
60
60
  sort: PropTypes.Requireable<any[]>;
61
61
  filterable: PropTypes.Requireable<boolean>;
62
62
  filter: PropTypes.Requireable<any>;
63
63
  onFilterChange: PropTypes.Requireable<(...args: any[]) => any>;
64
- pageable: PropTypes.Requireable<NonNullable<boolean | PropTypes.InferProps<{
64
+ pageable: PropTypes.Requireable<boolean | PropTypes.InferProps<{
65
65
  buttonCount: PropTypes.Requireable<number>;
66
66
  info: PropTypes.Requireable<boolean>;
67
67
  type: PropTypes.Requireable<string>;
68
- pageSizes: PropTypes.Requireable<NonNullable<boolean | (number | null | undefined)[] | null | undefined>>;
68
+ pageSizes: PropTypes.Requireable<boolean | (number | null | undefined)[]>;
69
69
  previousNext: PropTypes.Requireable<boolean>;
70
- }> | null | undefined>>;
70
+ }>>;
71
71
  pageSize: PropTypes.Requireable<number>;
72
72
  onPageChange: PropTypes.Requireable<(...args: any[]) => any>;
73
73
  total: PropTypes.Requireable<number>;
@@ -82,10 +82,10 @@ export declare class Grid extends React.Component<GridProps, {}> {
82
82
  resizable: PropTypes.Requireable<boolean>;
83
83
  reorderable: PropTypes.Requireable<boolean>;
84
84
  group: PropTypes.Requireable<any>;
85
- groupable: PropTypes.Requireable<NonNullable<boolean | PropTypes.InferProps<{
85
+ groupable: PropTypes.Requireable<boolean | PropTypes.InferProps<{
86
86
  enabled: PropTypes.Requireable<boolean>;
87
87
  footer: PropTypes.Requireable<string>;
88
- }> | null | undefined>>;
88
+ }>>;
89
89
  onGroupChange: PropTypes.Requireable<(...args: any[]) => any>;
90
90
  onRowClick: PropTypes.Requireable<(...args: any[]) => any>;
91
91
  onRowDoubleClick: PropTypes.Requireable<(...args: any[]) => any>;
package/dist/npm/cells/GridFilterCell.js CHANGED
@@ -53,10 +53,12 @@ var GridFilterCell = /** @class */ (function (_super) {
53
53
  var defaultRendering = (React.createElement("div", { className: "k-filtercell" },
54
54
  React.createElement("span", null,
55
55
  this.filterComponent(this.props.filterType, this.props.value, this.props.booleanValues),
56
- React.createElement("div", { className: "k-filtercell-operator" }, this.renderOperatorEditor(localizationService)),
57
- React.createElement(kendo_react_buttons_1.Button, { icon: 'filter-clear', className: (0, kendo_react_common_1.classNames)((_a = {},
58
- _a['k-clear-button-visible'] = Boolean(!(this.props.value === null || this.props.value === '') || this.props.operator),
59
- _a)), title: localizationService.toLanguageString(messages_1.filterClearButton, messages_1.messages[messages_1.filterClearButton]), type: "button", onClick: this.clear, disabled: !(!(this.props.value === null || this.props.value === '') || this.props.operator) }))));
56
+ React.createElement("div", { className: "k-filtercell-operator" },
57
+ this.renderOperatorEditor(localizationService),
58
+ "\u00A0",
59
+ React.createElement(kendo_react_buttons_1.Button, { icon: 'filter-clear', className: (0, kendo_react_common_1.classNames)((_a = {},
60
+ _a['k-clear-button-visible'] = Boolean(!(this.props.value === null || this.props.value === '') || this.props.operator),
61
+ _a)), title: localizationService.toLanguageString(messages_1.filterClearButton, messages_1.messages[messages_1.filterClearButton]), type: "button", onClick: this.clear, disabled: !(!(this.props.value === null || this.props.value === '') || this.props.operator) })))));
60
62
  if (this.props.render) {
61
63
  return this.props.render.call(undefined, defaultRendering, this.props);
62
64
  }
package/dist/npm/cells/GridGroupCell.js CHANGED
@@ -61,7 +61,7 @@ var GridGroupCell = function (props) {
61
61
  value: !expanded
62
62
  });
63
63
  }
64
- }, href: "#", tabIndex: -1, "aria-label": message, className: expanded ? 'k-i-collapse k-icon' : 'k-i-expand k-icon' }),
64
+ }, href: "#", tabIndex: -1, "aria-label": message, className: expanded ? 'k-i-caret-alt-down k-icon' : 'k-i-caret-alt-right k-icon' }),
65
65
  ((dataItem[definedField] instanceof Date) && dataItem[definedField].toString) ?
66
66
  dataItem[definedField].toString() :
67
67
  dataItem[definedField])));
package/dist/npm/columnMenu/GridColumnMenuWrapper.js CHANGED
@@ -90,7 +90,7 @@ var GridColumnMenuWrapper = /** @class */ (function (_super) {
90
90
  var _this = this;
91
91
  var _a = this.props, ColumnMenu = _a.columnMenu, others = __rest(_a, ["columnMenu"]);
92
92
  return (React.createElement(React.Fragment, null,
93
- React.createElement("div", { className: 'k-grid-column-menu k-grid-filter', ref: function (e) { return _this._anchor = e; }, onClick: this.anchorClick, onMouseDown: this.onAnchorMouseDown },
93
+ React.createElement("div", { className: 'k-grid-header-menu k-grid-column-menu', ref: function (e) { return _this._anchor = e; }, onClick: this.anchorClick, onMouseDown: this.onAnchorMouseDown },
94
94
  React.createElement("span", { className: 'k-icon k-i-more-vertical' })),
95
95
  React.createElement(kendo_react_popup_1.Popup, { anchor: this._anchor, show: this.state.show },
96
96
  React.createElement("div", { ref: function (e) { return _this._content = e; }, className: 'k-grid-columnmenu-popup', tabIndex: 0, onBlur: this.blur, onFocus: this.focus, style: { outline: 'none' } }, ColumnMenu && (React.createElement(ColumnMenu, __assign({}, others, { onCloseMenu: this.closeMenu })))))));
package/dist/npm/drag/CommonDragLogic.js CHANGED
@@ -170,7 +170,7 @@ var CommonDragLogic = /** @class */ (function () {
170
170
  top: (event.pageY + 10),
171
171
  left: event.pageX,
172
172
  innerText: innerText,
173
- status: (invalidIndex || !targetElement) ? 'k-i-cancel' : 'k-i-add'
173
+ status: (invalidIndex || !targetElement) ? 'k-i-cancel' : 'k-i-plus'
174
174
  });
175
175
  };
176
176
  CommonDragLogic.prototype.updateDropElementClue = function (event, element, targetElement, invalidIndex) {
package/dist/npm/drag/GroupingIndicator.js CHANGED
@@ -78,7 +78,7 @@ var GroupingIndicator = /** @class */ (function (_super) {
78
78
  React.createElement("div", { className: "k-indicator-container", style: { touchAction: 'none' } },
79
79
  React.createElement("div", { className: "k-group-indicator" },
80
80
  React.createElement("a", { className: "k-link", href: "#", tabIndex: -1, onClick: this.sortChange },
81
- React.createElement("span", { className: 'k-icon k-i-sort-' + this.props.dir + '-sm' }),
81
+ React.createElement("span", { className: 'k-icon k-i-sort-' + this.props.dir + '-small' }),
82
82
  this.props.title),
83
83
  React.createElement(kendo_react_buttons_1.Button, { fillMode: 'flat', tabIndex: -1, onClick: this.groupRemove, icon: 'close', "aria-label": localizationService.toLanguageString(messages_1.ungroupColumn, messages_1.messages[messages_1.ungroupColumn]) })))));
84
84
  };
package/dist/npm/header/HeaderRow.js CHANGED
@@ -158,7 +158,7 @@ var HeaderRow = /** @class */ (function (_super) {
158
158
  return null;
159
159
  }
160
160
  return sortIndex >= 0 && [
161
- React.createElement("span", { key: 1, className: 'k-icon k-i-sort-' + this.props.sort[sortIndex].dir + '-sm' }),
161
+ React.createElement("span", { key: 1, className: 'k-icon k-i-sort-' + this.props.sort[sortIndex].dir + '-small' }),
162
162
  this.props.sort.length > 1 && React.createElement("span", { key: 2, className: "k-sort-order" }, sortIndex + 1)
163
163
  ];
164
164
  };
package/dist/npm/package-metadata.js CHANGED
@@ -8,7 +8,7 @@ exports.packageMetadata = {
8
8
  name: '@progress/kendo-react-grid',
9
9
  productName: 'KendoReact',
10
10
  productCodes: ['KENDOUIREACT', 'KENDOUICOMPLETE'],
11
- publishDate: 1661769834,
11
+ publishDate: 1661927304,
12
12
  version: '',
13
13
  licensingDocsUrl: 'https://www.telerik.com/kendo-react-ui/my-license/?utm_medium=product&utm_source=kendoreact&utm_campaign=kendo-ui-react-purchase-license-keys-warning'
14
14
  };