@progress/kendo-react-grid 5.0.0 → 5.0.1-dev.202201200659

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 (15) hide show
  1. package/dist/cdn/js/kendo-react-grid.js +1 -1
  2. package/dist/es/cells/GridEditCell.js +1 -1
  3. package/dist/es/cells/GridFilterCell.js +1 -1
  4. package/dist/es/cells/GridSelectionCell.js +1 -1
  5. package/dist/es/columnMenu/GridColumnMenuCheckboxFilter.js +8 -10
  6. package/dist/es/header/GridHeaderSelectionCell.js +1 -1
  7. package/dist/es/package-metadata.js +1 -1
  8. package/dist/npm/cells/GridEditCell.js +1 -1
  9. package/dist/npm/cells/GridFilterCell.js +1 -1
  10. package/dist/npm/cells/GridSelectionCell.js +1 -1
  11. package/dist/npm/columnMenu/GridColumnMenuCheckboxFilter.js +7 -9
  12. package/dist/npm/header/GridHeaderSelectionCell.js +1 -1
  13. package/dist/npm/package-metadata.js +1 -1
  14. package/dist/systemjs/kendo-react-grid.js +1 -1
  15. package/package.json +19 -18
package/dist/es/cells/GridEditCell.js CHANGED
@@ -64,7 +64,7 @@ export var GridEditCell = function (props) {
64
64
  break;
65
65
  case 'boolean':
66
66
  defaultRendering = (React.createElement("td", __assign({ colSpan: props.colSpan, style: props.style, className: editCellClasses, "aria-colindex": props.ariaColumnIndex, "aria-selected": props.isSelected }, (_d = {}, _d[GRID_COL_INDEX_ATTRIBUTE] = props.columnIndex, _d), { role: 'gridcell' }, navigationAttributes),
67
- React.createElement("input", { checked: data || false, id: inputId, type: "checkbox", className: "k-checkbox", onChange: handleOnChange }),
67
+ React.createElement("input", { checked: data || false, id: inputId, type: "checkbox", className: "k-checkbox k-checkbox-md k-rounded-md", onChange: handleOnChange }),
68
68
  React.createElement("label", { className: "k-checkbox-label", htmlFor: inputId })));
69
69
  break;
70
70
  default:
package/dist/es/cells/GridFilterCell.js CHANGED
@@ -51,7 +51,7 @@ var GridFilterCell = /** @class */ (function (_super) {
51
51
  React.createElement("div", { className: "k-filtercell-operator" }, this.renderOperatorEditor(localizationService)),
52
52
  React.createElement(Button, { icon: 'filter-clear', className: classNames((_a = {},
53
53
  _a['k-clear-button-visible'] = Boolean(!(this.props.value === null || this.props.value === '') || this.props.operator),
54
- _a)), title: localizationService.toLanguageString(filterClearButton, messages[filterClearButton]), type: "button", onClick: this.clear }))));
54
+ _a)), title: localizationService.toLanguageString(filterClearButton, messages[filterClearButton]), type: "button", onClick: this.clear, disabled: !(!(this.props.value === null || this.props.value === '') || this.props.operator) }))));
55
55
  if (this.props.render) {
56
56
  return this.props.render.call(undefined, defaultRendering, this.props);
57
57
  }
package/dist/es/cells/GridSelectionCell.js CHANGED
@@ -26,7 +26,7 @@ export var GridSelectionCell = function (props) {
26
26
  var selectedValue = getNestedValue(props.field, props.dataItem);
27
27
  var navigationAttributes = useTableKeyboardNavigation(props.id);
28
28
  var defaultRendering = props.rowType !== 'groupHeader' ? (React.createElement("td", __assign({ colSpan: props.colSpan, style: props.style, className: props.className, "aria-colindex": props.ariaColumnIndex, role: 'gridcell' }, navigationAttributes),
29
- React.createElement("input", { checked: typeof selectedValue === 'boolean' && selectedValue, id: inputId, type: "checkbox", className: "k-checkbox", onChange: handleOnChange }),
29
+ React.createElement("input", { checked: typeof selectedValue === 'boolean' && selectedValue, id: inputId, type: "checkbox", className: "k-checkbox k-checkbox-md k-rounded-md", onChange: handleOnChange }),
30
30
  React.createElement("label", { className: "k-checkbox-label", htmlFor: inputId }))) : null;
31
31
  return props.render ?
32
32
  props.render.call(undefined, defaultRendering, props) :
package/dist/es/columnMenu/GridColumnMenuCheckboxFilter.js CHANGED
@@ -26,11 +26,12 @@ import * as React from 'react';
26
26
  import { GridColumnMenuItem } from './GridColumnMenuItem';
27
27
  import { GridColumnMenuItemGroup } from './GridColumnMenuItemGroup';
28
28
  import { GridColumnMenuItemContent } from './GridColumnMenuItemContent';
29
- import { Checkbox } from '@progress/kendo-react-inputs';
29
+ import { Checkbox, Input } from '@progress/kendo-react-inputs';
30
30
  import { provideLocalizationService, registerForLocalization } from '@progress/kendo-react-intl';
31
31
  import { messages, filterClearButton, filterSubmitButton, filterTitle, searchPlaceholder, filterCheckAll, filterSelectedItems } from '../messages';
32
32
  import { filterBy } from '@progress/kendo-data-query';
33
33
  import { clone } from '@progress/kendo-react-common';
34
+ import { Button } from '@progress/kendo-react-buttons';
34
35
  import { getNestedValue } from '../utils';
35
36
  /**
36
37
  * @hidden
@@ -279,13 +280,10 @@ var GridColumnMenuCheckboxFilter = /** @class */ (function (_super) {
279
280
  }
280
281
  var searchBox = this.props.searchBox ?
281
282
  React.createElement(this.props.searchBox, { value: this.state.value, onChange: this.handleSearchChange }) :
282
- (React.createElement("div", { className: "k-searchbox" },
283
- React.createElement("span", { className: "k-input-prefix" },
284
- React.createElement("span", { className: "k-icon k-i-search" })),
285
- React.createElement("input", { className: "k-input", type: "text", placeholder: localizationService.toLanguageString(searchPlaceholder, messages[searchPlaceholder]), value: this.state.value, onChange: this.handleSearchChange }),
286
- React.createElement("span", { className: "k-input-suffix" },
287
- React.createElement("button", { type: "button", className: "k-button k-icon-button k-button-clear", onClick: this.handleClear },
288
- React.createElement("span", { className: "k-icon k-i-close" })))));
283
+ (React.createElement("div", { className: "k-searchbox k-textbox k-input k-input-md k-input-solid" },
284
+ React.createElement("span", { className: "k-input-icon k-icon k-i-search" }),
285
+ React.createElement(Input, { className: "k-input-inner", type: "text", placeholder: localizationService.toLanguageString(searchPlaceholder, messages[searchPlaceholder]), value: this.state.value, onChange: function (e) { return _this.handleSearchChange(e.nativeEvent); } }),
286
+ React.createElement(Button, { type: "button", rounded: null, className: "k-input-button", onClick: this.handleClear, icon: "close" })));
289
287
  var uniqueFilterValues = filterValues.filter(function (item, index) { return filterValues.indexOf(item) === index; });
290
288
  return (React.createElement(GridColumnMenuItemGroup, null,
291
289
  React.createElement(GridColumnMenuItem, { title: localizationService.toLanguageString(filterTitle, messages[filterTitle]), iconClass: "k-i-filter", onClick: this.onFilterExpand }),
@@ -303,8 +301,8 @@ var GridColumnMenuCheckboxFilter = /** @class */ (function (_super) {
303
301
  })),
304
302
  React.createElement("div", { className: "k-filter-selected-items" }, uniqueFilterValues.length + ' ' + localizationService.toLanguageString(filterSelectedItems, messages[filterSelectedItems])),
305
303
  React.createElement("div", { className: "k-actions k-hstack k-justify-content-stretch" },
306
- React.createElement("button", { className: 'k-button k-primary', type: 'submit' }, localizationService.toLanguageString(filterSubmitButton, messages[filterSubmitButton])),
307
- React.createElement("button", { className: "k-button", type: 'reset' }, localizationService.toLanguageString(filterClearButton, messages[filterClearButton])))))))));
304
+ React.createElement(Button, { themeColor: "primary", type: 'submit' }, localizationService.toLanguageString(filterSubmitButton, messages[filterSubmitButton])),
305
+ React.createElement(Button, { className: "k-button", type: 'reset' }, localizationService.toLanguageString(filterClearButton, messages[filterClearButton])))))))));
308
306
  };
309
307
  /**
310
308
  * @hidden
package/dist/es/header/GridHeaderSelectionCell.js CHANGED
@@ -39,7 +39,7 @@ var GridHeaderSelectionCell = /** @class */ (function (_super) {
39
39
  var _this = this;
40
40
  var columnMenuWrapperProps = this.props.columnMenuWrapperProps;
41
41
  var defaultRendering = [
42
- (React.createElement("input", { key: 0, checked: this.props.selectionValue, id: this._inputId, type: "checkbox", className: "k-checkbox", onChange: function (e) {
42
+ (React.createElement("input", { key: 0, checked: this.props.selectionValue, id: this._inputId, type: "checkbox", className: "k-checkbox k-checkbox-md k-rounded-md", onChange: function (e) {
43
43
  return _this.props.selectionChange({
44
44
  field: _this.props.field,
45
45
  syntheticEvent: e
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: 1642568215,
8
+ publishDate: 1642661233,
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/cells/GridEditCell.js CHANGED
@@ -66,7 +66,7 @@ exports.GridEditCell = function (props) {
66
66
  break;
67
67
  case 'boolean':
68
68
  defaultRendering = (React.createElement("td", __assign({ colSpan: props.colSpan, style: props.style, className: editCellClasses, "aria-colindex": props.ariaColumnIndex, "aria-selected": props.isSelected }, (_d = {}, _d[constants_1.GRID_COL_INDEX_ATTRIBUTE] = props.columnIndex, _d), { role: 'gridcell' }, navigationAttributes),
69
- React.createElement("input", { checked: data || false, id: inputId, type: "checkbox", className: "k-checkbox", onChange: handleOnChange }),
69
+ React.createElement("input", { checked: data || false, id: inputId, type: "checkbox", className: "k-checkbox k-checkbox-md k-rounded-md", onChange: handleOnChange }),
70
70
  React.createElement("label", { className: "k-checkbox-label", htmlFor: inputId })));
71
71
  break;
72
72
  default:
package/dist/npm/cells/GridFilterCell.js CHANGED
@@ -53,7 +53,7 @@ var GridFilterCell = /** @class */ (function (_super) {
53
53
  React.createElement("div", { className: "k-filtercell-operator" }, this.renderOperatorEditor(localizationService)),
54
54
  React.createElement(kendo_react_buttons_1.Button, { icon: 'filter-clear', className: kendo_react_common_1.classNames((_a = {},
55
55
  _a['k-clear-button-visible'] = Boolean(!(this.props.value === null || this.props.value === '') || this.props.operator),
56
- _a)), title: localizationService.toLanguageString(messages_1.filterClearButton, messages_1.messages[messages_1.filterClearButton]), type: "button", onClick: this.clear }))));
56
+ _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) }))));
57
57
  if (this.props.render) {
58
58
  return this.props.render.call(undefined, defaultRendering, this.props);
59
59
  }
package/dist/npm/cells/GridSelectionCell.js CHANGED
@@ -28,7 +28,7 @@ exports.GridSelectionCell = function (props) {
28
28
  var selectedValue = utils_1.getNestedValue(props.field, props.dataItem);
29
29
  var navigationAttributes = kendo_react_data_tools_1.useTableKeyboardNavigation(props.id);
30
30
  var defaultRendering = props.rowType !== 'groupHeader' ? (React.createElement("td", __assign({ colSpan: props.colSpan, style: props.style, className: props.className, "aria-colindex": props.ariaColumnIndex, role: 'gridcell' }, navigationAttributes),
31
- React.createElement("input", { checked: typeof selectedValue === 'boolean' && selectedValue, id: inputId, type: "checkbox", className: "k-checkbox", onChange: handleOnChange }),
31
+ React.createElement("input", { checked: typeof selectedValue === 'boolean' && selectedValue, id: inputId, type: "checkbox", className: "k-checkbox k-checkbox-md k-rounded-md", onChange: handleOnChange }),
32
32
  React.createElement("label", { className: "k-checkbox-label", htmlFor: inputId }))) : null;
33
33
  return props.render ?
34
34
  props.render.call(undefined, defaultRendering, props) :
package/dist/npm/columnMenu/GridColumnMenuCheckboxFilter.js CHANGED
@@ -33,6 +33,7 @@ var kendo_react_intl_1 = require("@progress/kendo-react-intl");
33
33
  var messages_1 = require("../messages");
34
34
  var kendo_data_query_1 = require("@progress/kendo-data-query");
35
35
  var kendo_react_common_1 = require("@progress/kendo-react-common");
36
+ var kendo_react_buttons_1 = require("@progress/kendo-react-buttons");
36
37
  var utils_1 = require("../utils");
37
38
  /**
38
39
  * @hidden
@@ -281,13 +282,10 @@ var GridColumnMenuCheckboxFilter = /** @class */ (function (_super) {
281
282
  }
282
283
  var searchBox = this.props.searchBox ?
283
284
  React.createElement(this.props.searchBox, { value: this.state.value, onChange: this.handleSearchChange }) :
284
- (React.createElement("div", { className: "k-searchbox" },
285
- React.createElement("span", { className: "k-input-prefix" },
286
- React.createElement("span", { className: "k-icon k-i-search" })),
287
- React.createElement("input", { className: "k-input", type: "text", placeholder: localizationService.toLanguageString(messages_1.searchPlaceholder, messages_1.messages[messages_1.searchPlaceholder]), value: this.state.value, onChange: this.handleSearchChange }),
288
- React.createElement("span", { className: "k-input-suffix" },
289
- React.createElement("button", { type: "button", className: "k-button k-icon-button k-button-clear", onClick: this.handleClear },
290
- React.createElement("span", { className: "k-icon k-i-close" })))));
285
+ (React.createElement("div", { className: "k-searchbox k-textbox k-input k-input-md k-input-solid" },
286
+ React.createElement("span", { className: "k-input-icon k-icon k-i-search" }),
287
+ React.createElement(kendo_react_inputs_1.Input, { className: "k-input-inner", type: "text", placeholder: localizationService.toLanguageString(messages_1.searchPlaceholder, messages_1.messages[messages_1.searchPlaceholder]), value: this.state.value, onChange: function (e) { return _this.handleSearchChange(e.nativeEvent); } }),
288
+ React.createElement(kendo_react_buttons_1.Button, { type: "button", rounded: null, className: "k-input-button", onClick: this.handleClear, icon: "close" })));
291
289
  var uniqueFilterValues = filterValues.filter(function (item, index) { return filterValues.indexOf(item) === index; });
292
290
  return (React.createElement(GridColumnMenuItemGroup_1.GridColumnMenuItemGroup, null,
293
291
  React.createElement(GridColumnMenuItem_1.GridColumnMenuItem, { title: localizationService.toLanguageString(messages_1.filterTitle, messages_1.messages[messages_1.filterTitle]), iconClass: "k-i-filter", onClick: this.onFilterExpand }),
@@ -305,8 +303,8 @@ var GridColumnMenuCheckboxFilter = /** @class */ (function (_super) {
305
303
  })),
306
304
  React.createElement("div", { className: "k-filter-selected-items" }, uniqueFilterValues.length + ' ' + localizationService.toLanguageString(messages_1.filterSelectedItems, messages_1.messages[messages_1.filterSelectedItems])),
307
305
  React.createElement("div", { className: "k-actions k-hstack k-justify-content-stretch" },
308
- React.createElement("button", { className: 'k-button k-primary', type: 'submit' }, localizationService.toLanguageString(messages_1.filterSubmitButton, messages_1.messages[messages_1.filterSubmitButton])),
309
- React.createElement("button", { className: "k-button", type: 'reset' }, localizationService.toLanguageString(messages_1.filterClearButton, messages_1.messages[messages_1.filterClearButton])))))))));
306
+ React.createElement(kendo_react_buttons_1.Button, { themeColor: "primary", type: 'submit' }, localizationService.toLanguageString(messages_1.filterSubmitButton, messages_1.messages[messages_1.filterSubmitButton])),
307
+ React.createElement(kendo_react_buttons_1.Button, { className: "k-button", type: 'reset' }, localizationService.toLanguageString(messages_1.filterClearButton, messages_1.messages[messages_1.filterClearButton])))))))));
310
308
  };
311
309
  /**
312
310
  * @hidden
package/dist/npm/header/GridHeaderSelectionCell.js CHANGED
@@ -41,7 +41,7 @@ var GridHeaderSelectionCell = /** @class */ (function (_super) {
41
41
  var _this = this;
42
42
  var columnMenuWrapperProps = this.props.columnMenuWrapperProps;
43
43
  var defaultRendering = [
44
- (React.createElement("input", { key: 0, checked: this.props.selectionValue, id: this._inputId, type: "checkbox", className: "k-checkbox", onChange: function (e) {
44
+ (React.createElement("input", { key: 0, checked: this.props.selectionValue, id: this._inputId, type: "checkbox", className: "k-checkbox k-checkbox-md k-rounded-md", onChange: function (e) {
45
45
  return _this.props.selectionChange({
46
46
  field: _this.props.field,
47
47
  syntheticEvent: e
package/dist/npm/package-metadata.js CHANGED
@@ -7,7 +7,7 @@ exports.packageMetadata = {
7
7
  name: '@progress/kendo-react-grid',
8
8
  productName: 'KendoReact',
9
9
  productCodes: ['KENDOUIREACT', 'KENDOUICOMPLETE'],
10
- publishDate: 1642568215,
10
+ publishDate: 1642661233,
11
11
  version: '',
12
12
  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'
13
13
  };