@progress/kendo-react-data-tools 5.5.1-dev.202207141327 → 5.6.0-dev.202208040930

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 (48) hide show
  1. package/README.md +2 -2
  2. package/dist/cdn/js/kendo-react-data-tools.js +1 -1
  3. package/dist/es/filter/Expression.d.ts +2 -0
  4. package/dist/es/filter/Expression.js +8 -7
  5. package/dist/es/filter/Filter.d.ts +10 -0
  6. package/dist/es/filter/Filter.js +3 -1
  7. package/dist/es/filter/Group.d.ts +4 -0
  8. package/dist/es/filter/Group.js +8 -6
  9. package/dist/es/filter/filters/BooleanFilter.d.ts +1 -0
  10. package/dist/es/filter/filters/BooleanFilter.js +2 -1
  11. package/dist/es/filter/filters/DateFilter.d.ts +1 -0
  12. package/dist/es/filter/filters/DateFilter.js +3 -2
  13. package/dist/es/filter/filters/EnumFilter.d.ts +1 -0
  14. package/dist/es/filter/filters/EnumFilter.js +5 -4
  15. package/dist/es/filter/filters/NumericFilter.js +6 -2
  16. package/dist/es/filter/filters/TextFilter.d.ts +5 -0
  17. package/dist/es/filter/filters/TextFilter.js +8 -2
  18. package/dist/es/messages/index.d.ts +60 -0
  19. package/dist/es/messages/index.js +60 -0
  20. package/dist/es/package-metadata.js +1 -1
  21. package/dist/es/pager/Pager.js +13 -9
  22. package/dist/es/pager/PagerNumericButtons.d.ts +4 -0
  23. package/dist/es/pager/PagerNumericButtons.js +9 -2
  24. package/dist/es/pager/PagerPageSizes.js +4 -2
  25. package/dist/npm/filter/Expression.d.ts +2 -0
  26. package/dist/npm/filter/Expression.js +7 -6
  27. package/dist/npm/filter/Filter.d.ts +10 -0
  28. package/dist/npm/filter/Filter.js +3 -1
  29. package/dist/npm/filter/Group.d.ts +4 -0
  30. package/dist/npm/filter/Group.js +7 -5
  31. package/dist/npm/filter/filters/BooleanFilter.d.ts +1 -0
  32. package/dist/npm/filter/filters/BooleanFilter.js +2 -1
  33. package/dist/npm/filter/filters/DateFilter.d.ts +1 -0
  34. package/dist/npm/filter/filters/DateFilter.js +3 -2
  35. package/dist/npm/filter/filters/EnumFilter.d.ts +1 -0
  36. package/dist/npm/filter/filters/EnumFilter.js +4 -3
  37. package/dist/npm/filter/filters/NumericFilter.js +6 -2
  38. package/dist/npm/filter/filters/TextFilter.d.ts +5 -0
  39. package/dist/npm/filter/filters/TextFilter.js +8 -2
  40. package/dist/npm/messages/index.d.ts +60 -0
  41. package/dist/npm/messages/index.js +62 -2
  42. package/dist/npm/package-metadata.js +1 -1
  43. package/dist/npm/pager/Pager.js +12 -8
  44. package/dist/npm/pager/PagerNumericButtons.d.ts +4 -0
  45. package/dist/npm/pager/PagerNumericButtons.js +9 -2
  46. package/dist/npm/pager/PagerPageSizes.js +3 -1
  47. package/dist/systemjs/kendo-react-data-tools.js +1 -1
  48. package/package.json +12 -10
@@ -15,6 +15,8 @@ var __extends = (this && this.__extends) || (function () {
15
15
  })();
16
16
  import * as React from 'react';
17
17
  import { classNames } from '@progress/kendo-react-common';
18
+ import { messages, pagerMobileSelect, pagerPageNumberLabel } from '../messages';
19
+ import { provideLocalizationService } from '@progress/kendo-react-intl';
18
20
  var dots = '...';
19
21
  /**
20
22
  * @hidden
@@ -35,21 +37,26 @@ var PagerNumericButtons = /** @class */ (function (_super) {
35
37
  }
36
38
  PagerNumericButtons.prototype.render = function () {
37
39
  var _this = this;
40
+ var localizationService = provideLocalizationService(this);
38
41
  var prevDots = this.start > 1 && this.renderDots(this.start - 1);
39
42
  var postDots = this.end < this.props.totalPages && this.renderDots(this.end + 1);
40
43
  var prevOptionDots = this.start > 1 && this.renderOptionDots(this.start - 1);
41
44
  var postOptionDots = this.end < this.props.totalPages && this.renderOptionDots(this.end + 1);
45
+ var mobileSelectMessage = this.props.messagesMap ? this.props.messagesMap(pagerMobileSelect) :
46
+ ({ messageKey: pagerMobileSelect, defaultMessage: messages[pagerMobileSelect] });
47
+ var pageNumberLabelMessage = this.props.messagesMap ? this.props.messagesMap(pagerPageNumberLabel) :
48
+ ({ messageKey: pagerPageNumberLabel, defaultMessage: messages[pagerPageNumberLabel] });
42
49
  var buttons = [];
43
50
  for (var idx = this.start; idx <= this.end; idx++) {
44
51
  buttons.push(idx);
45
52
  }
46
53
  var numerics = buttons.map(function (page) { return (React.createElement("li", { key: page },
47
- React.createElement("a", { href: "#", onClick: function (e) { return _this.handlePageChange(e, page); }, className: classNames('k-link', {
54
+ React.createElement("a", { role: "button", "aria-label": localizationService.toLanguageString(pageNumberLabelMessage.messageKey, pageNumberLabelMessage.defaultMessage) + ' ' + page, "aria-current": _this.props.currentPage === page ? true : undefined, href: "#", onClick: function (e) { return _this.handlePageChange(e, page); }, className: classNames('k-link', {
48
55
  'k-selected': _this.props.currentPage === page
49
56
  }) }, page))); });
50
57
  var options = buttons.map(function (page) { return (React.createElement("option", { key: page, className: classNames('k-link') }, page)); });
51
58
  return (React.createElement("div", { className: "k-pager-numbers-wrap" },
52
- React.createElement("select", { className: "k-dropdown", value: this.props.currentPage, onChange: function (e) { return _this.handleSelectPageChange(e); } },
59
+ React.createElement("select", { className: "k-dropdown", "aria-label": localizationService.toLanguageString(mobileSelectMessage.messageKey, mobileSelectMessage.defaultMessage), value: this.props.currentPage, onChange: function (e) { return _this.handleSelectPageChange(e); } },
53
60
  prevOptionDots,
54
61
  options,
55
62
  postOptionDots),
@@ -15,7 +15,7 @@ var __extends = (this && this.__extends) || (function () {
15
15
  })();
16
16
  import * as React from 'react';
17
17
  import { registerForLocalization, provideLocalizationService } from '@progress/kendo-react-intl';
18
- import { messages, pagerItemPerPage } from './../messages';
18
+ import { messages, pagerItemPerPage, pagerPageSelection } from './../messages';
19
19
  import { DropDownList } from '@progress/kendo-react-dropdowns';
20
20
  /**
21
21
  * @hidden
@@ -39,8 +39,10 @@ var PagerPageSizes = /** @class */ (function (_super) {
39
39
  }
40
40
  var itemPerPageMessage = this.props.messagesMap ? this.props.messagesMap(pagerItemPerPage) :
41
41
  ({ messageKey: pagerItemPerPage, defaultMessage: messages[pagerItemPerPage] });
42
+ var pageSelectionMessage = this.props.messagesMap ? this.props.messagesMap(pagerPageSelection) :
43
+ ({ messageKey: pagerPageSelection, defaultMessage: messages[pagerPageSelection] });
42
44
  return (React.createElement("span", { className: "k-pager-sizes k-label" },
43
- React.createElement(DropDownList, { value: this.props.pageSize, data: sizes, onChange: this.pageSizeChange }),
45
+ React.createElement(DropDownList, { value: this.props.pageSize, data: sizes, onChange: this.pageSizeChange, ariaLabel: provideLocalizationService(this).toLanguageString(pageSelectionMessage.messageKey, pageSelectionMessage.defaultMessage) }),
44
46
  provideLocalizationService(this).toLanguageString(itemPerPageMessage.messageKey, itemPerPageMessage.defaultMessage)));
45
47
  };
46
48
  return PagerPageSizes;
@@ -22,6 +22,7 @@ export interface ExpressionRemoveEvent extends BaseEvent<Expression> {
22
22
  export interface ExpressionProps {
23
23
  filter: FilterDescriptor;
24
24
  fields: Array<FieldSettings>;
25
+ ariaLabel?: string;
25
26
  onChange: (event: ExpressionChangeEvent) => void;
26
27
  onRemove: (event: ExpressionRemoveEvent) => void;
27
28
  }
@@ -32,6 +33,7 @@ export declare class Expression extends React.Component<ExpressionProps> {
32
33
  static propTypes: {
33
34
  filter: PropTypes.Validator<object>;
34
35
  fields: PropTypes.Validator<any[]>;
36
+ ariaLabel: PropTypes.Requireable<string>;
35
37
  onChange: PropTypes.Validator<(...args: any[]) => any>;
36
38
  onRemove: PropTypes.Validator<(...args: any[]) => any>;
37
39
  };
@@ -115,17 +115,17 @@ var Expression = /** @class */ (function (_super) {
115
115
  return _this;
116
116
  }
117
117
  Expression.prototype.render = function () {
118
- var _a = this.props, fields = _a.fields, filter = _a.filter;
119
- var field = fields.find(function (f) { return f.name === filter.field; });
120
118
  var locService = (0, kendo_react_intl_1.provideLocalizationService)(this);
119
+ var _a = this.props, fields = _a.fields, filter = _a.filter, _b = _a.ariaLabel, ariaLabel = _b === void 0 ? locService.toLanguageString(messages_1.filterExpressionAriaLabel, messages_1.messages[messages_1.filterExpressionAriaLabel]) : _b;
120
+ var field = fields.find(function (f) { return f.name === filter.field; });
121
121
  var operators = ((field && field.operators) || [])
122
122
  .map(function (o) { return (__assign(__assign({}, o), { text: locService.toLanguageString(o.text, messages_1.messages[o.text] || o.text) })); });
123
- return (React.createElement("div", { className: "k-filter-toolbar" },
124
- React.createElement(kendo_react_buttons_1.Toolbar, { keyboardNavigation: false },
123
+ return (React.createElement("div", { className: "k-filter-toolbar", role: "group", "aria-label": ariaLabel },
124
+ React.createElement(kendo_react_buttons_1.Toolbar, { keyboardNavigation: false, role: "" },
125
125
  React.createElement(kendo_react_buttons_1.ToolbarItem, { className: "k-filter-field" },
126
- React.createElement(kendo_react_dropdowns_1.DropDownList, { className: "k-filter-dropdown", data: fields, textField: "label", value: fields.find(function (f) { return f.name === filter.field; }), onChange: this.onFieldChange })),
126
+ React.createElement(kendo_react_dropdowns_1.DropDownList, { className: "k-filter-dropdown", data: fields, textField: "label", value: fields.find(function (f) { return f.name === filter.field; }), onChange: this.onFieldChange, ariaLabel: locService.toLanguageString(messages_1.filterExpressionDropdownAriaLabel, messages_1.messages[messages_1.filterExpressionDropdownAriaLabel]) })),
127
127
  React.createElement(kendo_react_buttons_1.ToolbarItem, { className: "k-filter-operator" },
128
- React.createElement(kendo_react_dropdowns_1.DropDownList, { data: operators, textField: "text", value: operators.find(function (o) { return o.operator === filter.operator; }), onChange: this.onOperatorChange })),
128
+ React.createElement(kendo_react_dropdowns_1.DropDownList, { data: operators, textField: "text", value: operators.find(function (o) { return o.operator === filter.operator; }), onChange: this.onOperatorChange, ariaLabel: locService.toLanguageString(messages_1.filterExpressionOperatorDropdownAriaLabel, messages_1.messages[messages_1.filterExpressionOperatorDropdownAriaLabel]) })),
129
129
  React.createElement(kendo_react_buttons_1.ToolbarItem, { className: "k-filter-value" }, field && React.createElement(field.filter, { filter: filter, onFilterChange: this.onInputChange })),
130
130
  React.createElement(kendo_react_buttons_1.ToolbarItem, null,
131
131
  React.createElement(kendo_react_buttons_1.Button, { title: locService.toLanguageString(messages_1.filterClose, messages_1.messages[messages_1.filterClose]), icon: "close", fillMode: "flat", type: "button", onClick: this.onFilterRemove })))));
@@ -133,6 +133,7 @@ var Expression = /** @class */ (function (_super) {
133
133
  Expression.propTypes = {
134
134
  filter: PropTypes.object.isRequired,
135
135
  fields: PropTypes.array.isRequired,
136
+ ariaLabel: PropTypes.string,
136
137
  onChange: PropTypes.func.isRequired,
137
138
  onRemove: PropTypes.func.isRequired
138
139
  };
@@ -32,6 +32,14 @@ export interface FilterProps {
32
32
  * The composite filter descriptor value.
33
33
  */
34
34
  value: CompositeFilterDescriptor;
35
+ /**
36
+ * Represents the aria-label prop of the Filter's underlying Group component.
37
+ */
38
+ ariaLabelGroup?: string;
39
+ /**
40
+ * Represents the aria-label prop of the Filter's underlying Expression component.
41
+ */
42
+ ariaLabelExpression?: string;
35
43
  /**
36
44
  * The Filter onChange event.
37
45
  */
@@ -52,6 +60,8 @@ export declare class Filter extends React.Component<FilterProps> {
52
60
  className: PropTypes.Requireable<string>;
53
61
  style: PropTypes.Requireable<object>;
54
62
  fields: (props: FilterProps, propName: string) => Error | null;
63
+ ariaLabelGroup: PropTypes.Requireable<string>;
64
+ ariaLabelExpression: PropTypes.Requireable<string>;
55
65
  value: PropTypes.Validator<object>;
56
66
  onChange: PropTypes.Validator<(...args: any[]) => any>;
57
67
  };
@@ -67,7 +67,7 @@ var Filter = /** @class */ (function (_super) {
67
67
  return (React.createElement("div", { className: 'k-widget k-filter' + (this.props.className ? ' ' + this.props.className : ''), style: this.props.style },
68
68
  React.createElement("ul", { className: "k-filter-container" },
69
69
  React.createElement("li", { className: "k-filter-group-main" },
70
- React.createElement(Group_1.Group, { filter: this.props.value, fields: this.props.fields, onChange: this.onFilterChange, onRemove: this.onGroupRemove, defaultGroupFilter: this.props.defaultGroupFilter || { logic: 'and', filters: [] } })))));
70
+ React.createElement(Group_1.Group, { filter: this.props.value, fields: this.props.fields, ariaLabel: this.props.ariaLabelGroup, ariaLabelExpression: this.props.ariaLabelExpression, onChange: this.onFilterChange, onRemove: this.onGroupRemove, defaultGroupFilter: this.props.defaultGroupFilter || { logic: 'and', filters: [] } })))));
71
71
  };
72
72
  /**
73
73
  * @hidden
@@ -91,6 +91,8 @@ var Filter = /** @class */ (function (_super) {
91
91
  }
92
92
  return null;
93
93
  },
94
+ ariaLabelGroup: PropTypes.string,
95
+ ariaLabelExpression: PropTypes.string,
94
96
  value: PropTypes.object.isRequired,
95
97
  onChange: PropTypes.func.isRequired
96
98
  };
@@ -22,6 +22,8 @@ export interface GroupRemoveEvent extends BaseEvent<Group> {
22
22
  export interface GroupProps {
23
23
  filter: CompositeFilterDescriptor;
24
24
  fields: Array<FieldSettings>;
25
+ ariaLabel?: string;
26
+ ariaLabelExpression?: string;
25
27
  onChange: (event: GroupChangeEvent) => void;
26
28
  onRemove: (event: GroupRemoveEvent) => void;
27
29
  defaultGroupFilter: CompositeFilterDescriptor;
@@ -33,6 +35,8 @@ export declare class Group extends React.Component<GroupProps> {
33
35
  static propTypes: {
34
36
  filter: PropTypes.Validator<object>;
35
37
  fields: PropTypes.Validator<any[]>;
38
+ ariaLabel: PropTypes.Requireable<string>;
39
+ ariaLabelExpression: PropTypes.Requireable<string>;
36
40
  onChange: PropTypes.Validator<(...args: any[]) => any>;
37
41
  onRemove: PropTypes.Validator<(...args: any[]) => any>;
38
42
  defaultGroupFilter: PropTypes.Validator<object>;
@@ -132,11 +132,11 @@ var Group = /** @class */ (function (_super) {
132
132
  }
133
133
  Group.prototype.render = function () {
134
134
  var _this = this;
135
- var _a = this.props, fields = _a.fields, filter = _a.filter;
136
135
  var locService = (0, kendo_react_intl_1.provideLocalizationService)(this);
136
+ var _a = this.props, fields = _a.fields, filter = _a.filter, _b = _a.ariaLabel, ariaLabel = _b === void 0 ? locService.toLanguageString(messages_1.filterGroupAriaLabel, messages_1.messages[messages_1.filterGroupAriaLabel]) : _b;
137
137
  return (React.createElement(React.Fragment, null,
138
- React.createElement("div", { className: "k-filter-toolbar" },
139
- React.createElement(kendo_react_buttons_1.Toolbar, { keyboardNavigation: false },
138
+ React.createElement("div", { className: "k-filter-toolbar", role: "toolbar", "aria-label": ariaLabel },
139
+ React.createElement(kendo_react_buttons_1.Toolbar, { keyboardNavigation: false, role: "" },
140
140
  React.createElement(kendo_react_buttons_1.ToolbarItem, null,
141
141
  React.createElement(kendo_react_buttons_1.ButtonGroup, null,
142
142
  React.createElement(kendo_react_buttons_1.Button, { togglable: true, onClick: this.onLogicAnd, selected: filter.logic === 'and', type: "button" }, locService.toLanguageString(messages_1.filterAndLogic, messages_1.messages[messages_1.filterAndLogic])),
@@ -149,14 +149,16 @@ var Group = /** @class */ (function (_super) {
149
149
  React.createElement(kendo_react_buttons_1.Button, { title: locService.toLanguageString(messages_1.filterClose, messages_1.messages[messages_1.filterClose]), icon: "close", fillMode: "flat", type: "button", onClick: this.onGroupRemove })))),
150
150
  filter.filters.length > 0 && (React.createElement("ul", { className: "k-filter-lines" }, filter.filters.map(function (f, idx) {
151
151
  return (React.createElement("li", { key: idx, className: "k-filter-item" }, (0, kendo_data_query_1.isCompositeFilterDescriptor)(f) ?
152
- React.createElement(Group, { filter: f, fields: fields, onChange: _this.onChange, onRemove: _this.onRemove, defaultGroupFilter: _this.props.defaultGroupFilter })
152
+ React.createElement(Group, { filter: f, fields: fields, onChange: _this.onChange, onRemove: _this.onRemove, defaultGroupFilter: _this.props.defaultGroupFilter, ariaLabel: _this.props.ariaLabel, ariaLabelExpression: _this.props.ariaLabelExpression })
153
153
  :
154
- React.createElement(Expression_1.Expression, { filter: f, fields: fields, onChange: _this.onChange, onRemove: _this.onRemove })));
154
+ React.createElement(Expression_1.Expression, { filter: f, fields: fields, ariaLabel: _this.props.ariaLabelExpression, onChange: _this.onChange, onRemove: _this.onRemove })));
155
155
  })))));
156
156
  };
157
157
  Group.propTypes = {
158
158
  filter: PropTypes.object.isRequired,
159
159
  fields: PropTypes.array.isRequired,
160
+ ariaLabel: PropTypes.string,
161
+ ariaLabelExpression: PropTypes.string,
160
162
  onChange: PropTypes.func.isRequired,
161
163
  onRemove: PropTypes.func.isRequired,
162
164
  defaultGroupFilter: PropTypes.object.isRequired
@@ -32,6 +32,7 @@ export declare class BooleanFilter extends React.Component<BooleanFilterProps> {
32
32
  text: PropTypes.Requireable<string>;
33
33
  value: PropTypes.Requireable<any>;
34
34
  }> | null | undefined)[]>;
35
+ ariaLabel: PropTypes.Requireable<string>;
35
36
  defaultItem: PropTypes.Requireable<any>;
36
37
  };
37
38
  private data;
@@ -34,7 +34,7 @@ var BooleanFilter = /** @class */ (function (_super) {
34
34
  * @hidden
35
35
  */
36
36
  BooleanFilter.prototype.render = function () {
37
- return (React.createElement(EnumFilter_1.EnumFilter, { filter: this.props.filter, onFilterChange: this.props.onFilterChange, data: this.props.data || this.data, defaultItem: this.props.defaultItem }));
37
+ return (React.createElement(EnumFilter_1.EnumFilter, { filter: this.props.filter, onFilterChange: this.props.onFilterChange, data: this.props.data || this.data, defaultItem: this.props.defaultItem, ariaLabel: this.props.ariaLabel }));
38
38
  };
39
39
  /**
40
40
  * @hidden
@@ -43,6 +43,7 @@ var BooleanFilter = /** @class */ (function (_super) {
43
43
  filter: PropTypes.object.isRequired,
44
44
  onFilterChange: PropTypes.func.isRequired,
45
45
  data: PropTypes.arrayOf(PropTypes.shape({ text: PropTypes.string, value: PropTypes.any })),
46
+ ariaLabel: PropTypes.string,
46
47
  defaultItem: PropTypes.any
47
48
  };
48
49
  return BooleanFilter;
@@ -16,6 +16,7 @@ export declare class DateFilter extends React.Component<DateFilterProps> {
16
16
  static propTypes: {
17
17
  filter: PropTypes.Validator<object>;
18
18
  onFilterChange: PropTypes.Validator<(...args: any[]) => any>;
19
+ ariaLabel: PropTypes.Requireable<string>;
19
20
  };
20
21
  /**
21
22
  * @hidden
@@ -49,14 +49,15 @@ var DateFilter = /** @class */ (function (_super) {
49
49
  */
50
50
  DateFilter.prototype.render = function () {
51
51
  var filter = this.props.filter;
52
- return (React.createElement(kendo_react_dateinputs_1.DatePicker, { value: filter.value || null, onChange: this.onChange }));
52
+ return (React.createElement(kendo_react_dateinputs_1.DatePicker, { value: filter.value || null, onChange: this.onChange, ariaLabel: this.props.ariaLabel }));
53
53
  };
54
54
  /**
55
55
  * @hidden
56
56
  */
57
57
  DateFilter.propTypes = {
58
58
  filter: PropTypes.object.isRequired,
59
- onFilterChange: PropTypes.func.isRequired
59
+ onFilterChange: PropTypes.func.isRequired,
60
+ ariaLabel: PropTypes.string
60
61
  };
61
62
  return DateFilter;
62
63
  }(React.Component));
@@ -33,6 +33,7 @@ export declare class EnumFilter extends React.Component<EnumFilterProps> {
33
33
  value: PropTypes.Requireable<any>;
34
34
  }> | null | undefined)[]>;
35
35
  defaultItem: PropTypes.Requireable<any>;
36
+ ariaLabel: PropTypes.Requireable<string>;
36
37
  };
37
38
  /**
38
39
  * @hidden
@@ -52,9 +52,9 @@ var EnumFilter = /** @class */ (function (_super) {
52
52
  */
53
53
  EnumFilter.prototype.render = function () {
54
54
  var locService = (0, kendo_react_intl_1.provideLocalizationService)(this);
55
- var _a = this.props, filter = _a.filter, _b = _a.data, data = _b === void 0 ? [] : _b, defaultItem = _a.defaultItem;
55
+ var _a = this.props, filter = _a.filter, _b = _a.data, data = _b === void 0 ? [] : _b, defaultItem = _a.defaultItem, _c = _a.ariaLabel, ariaLabel = _c === void 0 ? locService.toLanguageString(messages_1.filterEnumFilterDropdownAriaLabel, messages_1.messages[messages_1.filterEnumFilterDropdownAriaLabel]) : _c;
56
56
  var locData = data.map(function (item) { return (__assign(__assign({}, item), { text: locService.toLanguageString(item.text, messages_1.messages[item.text] || item.text) })); });
57
- return (React.createElement(kendo_react_dropdowns_1.DropDownList, { value: locData.find(function (i) { return i.value === filter.value; }) || null, onChange: this.onChange, defaultItem: defaultItem, data: locData, textField: "text" }));
57
+ return (React.createElement(kendo_react_dropdowns_1.DropDownList, { value: locData.find(function (i) { return i.value === filter.value; }) || null, onChange: this.onChange, defaultItem: defaultItem, data: locData, textField: "text", ariaLabel: ariaLabel }));
58
58
  };
59
59
  /**
60
60
  * @hidden
@@ -63,7 +63,8 @@ var EnumFilter = /** @class */ (function (_super) {
63
63
  filter: PropTypes.object.isRequired,
64
64
  onFilterChange: PropTypes.func.isRequired,
65
65
  data: PropTypes.arrayOf(PropTypes.shape({ text: PropTypes.string, value: PropTypes.any })),
66
- defaultItem: PropTypes.any
66
+ defaultItem: PropTypes.any,
67
+ ariaLabel: PropTypes.string
67
68
  };
68
69
  return EnumFilter;
69
70
  }(React.Component));
@@ -30,6 +30,8 @@ exports.NumericFilter = void 0;
30
30
  var React = require("react");
31
31
  var PropTypes = require("prop-types");
32
32
  var kendo_react_inputs_1 = require("@progress/kendo-react-inputs");
33
+ var kendo_react_intl_1 = require("@progress/kendo-react-intl");
34
+ var messages_1 = require("../../messages");
33
35
  /**
34
36
  * The NumericFilter component used for editing numeric value of FilterDescriptor object.
35
37
  */
@@ -48,8 +50,9 @@ var NumericFilter = /** @class */ (function (_super) {
48
50
  * @hidden
49
51
  */
50
52
  NumericFilter.prototype.render = function () {
51
- var filter = this.props.filter;
52
- return (React.createElement(kendo_react_inputs_1.NumericTextBox, { value: typeof filter.value === 'number' ? filter.value : null, onChange: this.onChange }));
53
+ var locService = (0, kendo_react_intl_1.provideLocalizationService)(this);
54
+ var _a = this.props, filter = _a.filter, _b = _a.ariaLabel, ariaLabel = _b === void 0 ? locService.toLanguageString(messages_1.filterNumericFilterAriaLabel, messages_1.messages[messages_1.filterNumericFilterAriaLabel]) : _b;
55
+ return (React.createElement(kendo_react_inputs_1.NumericTextBox, { value: typeof filter.value === 'number' ? filter.value : null, onChange: this.onChange, ariaLabel: ariaLabel }));
53
56
  };
54
57
  /**
55
58
  * @hidden
@@ -61,3 +64,4 @@ var NumericFilter = /** @class */ (function (_super) {
61
64
  return NumericFilter;
62
65
  }(React.Component));
63
66
  exports.NumericFilter = NumericFilter;
67
+ (0, kendo_react_intl_1.registerForLocalization)(NumericFilter);
@@ -15,6 +15,10 @@ export interface TextFilterProps {
15
15
  onFilterChange: (event: {
16
16
  nextFilter: FilterDescriptor;
17
17
  }) => void;
18
+ /**
19
+ * The accessible label of the component.
20
+ */
21
+ ariaLabel?: string;
18
22
  }
19
23
  /**
20
24
  * The TextFilter component used for editing text value of FilterDescriptor object.
@@ -26,6 +30,7 @@ export declare class TextFilter extends React.Component<TextFilterProps> {
26
30
  static propTypes: {
27
31
  filter: PropTypes.Validator<object>;
28
32
  onFilterChange: PropTypes.Validator<(...args: any[]) => any>;
33
+ ariaLabel: PropTypes.Requireable<string>;
29
34
  };
30
35
  /**
31
36
  * @hidden
@@ -30,6 +30,8 @@ exports.TextFilter = void 0;
30
30
  var React = require("react");
31
31
  var PropTypes = require("prop-types");
32
32
  var kendo_react_inputs_1 = require("@progress/kendo-react-inputs");
33
+ var kendo_react_intl_1 = require("@progress/kendo-react-intl");
34
+ var messages_1 = require("../../messages");
33
35
  /**
34
36
  * The TextFilter component used for editing text value of FilterDescriptor object.
35
37
  */
@@ -48,15 +50,19 @@ var TextFilter = /** @class */ (function (_super) {
48
50
  * @hidden
49
51
  */
50
52
  TextFilter.prototype.render = function () {
51
- return (React.createElement(kendo_react_inputs_1.Input, { value: this.props.filter.value || '', onChange: this.onChange }));
53
+ var locService = (0, kendo_react_intl_1.provideLocalizationService)(this);
54
+ var _a = this.props.ariaLabel, ariaLabel = _a === void 0 ? locService.toLanguageString(messages_1.filterTextFilterAriaLabel, messages_1.messages[messages_1.filterTextFilterAriaLabel]) : _a;
55
+ return (React.createElement(kendo_react_inputs_1.Input, { value: this.props.filter.value || '', onChange: this.onChange, ariaLabel: ariaLabel }));
52
56
  };
53
57
  /**
54
58
  * @hidden
55
59
  */
56
60
  TextFilter.propTypes = {
57
61
  filter: PropTypes.object.isRequired,
58
- onFilterChange: PropTypes.func.isRequired
62
+ onFilterChange: PropTypes.func.isRequired,
63
+ ariaLabel: PropTypes.string
59
64
  };
60
65
  return TextFilter;
61
66
  }(React.Component));
62
67
  exports.TextFilter = TextFilter;
68
+ (0, kendo_react_intl_1.registerForLocalization)(TextFilter);
@@ -22,6 +22,10 @@ export declare const pagerLastPage = "pager.lastPage";
22
22
  * @hidden
23
23
  */
24
24
  export declare const pagerItemPerPage = "pager.itemsPerPage";
25
+ /**
26
+ * @hidden
27
+ */
28
+ export declare const pagerPageSelection = "pager.pageSelection";
25
29
  /**
26
30
  * @hidden
27
31
  */
@@ -34,6 +38,22 @@ export declare const pagerOf = "pager.of";
34
38
  * @hidden
35
39
  */
36
40
  export declare const pagerTotalPages = "pager.totalPages";
41
+ /**
42
+ * @hidden
43
+ */
44
+ export declare const pagerPageNumberLabel = "pager.pageLabel";
45
+ /**
46
+ * @hidden
47
+ */
48
+ export declare const pagerAriaKeyshortcuts = "pager.ariaKeyshortcuts";
49
+ /**
50
+ * @hidden
51
+ */
52
+ export declare const pagerAriaLabel = "pager.ariaLabel";
53
+ /**
54
+ * @hidden
55
+ */
56
+ export declare const pagerMobileSelect = "pager.mobileSelect";
37
57
  /**
38
58
  * @hidden
39
59
  */
@@ -134,6 +154,34 @@ export declare const filterAddGroup = "filter.addGroup";
134
154
  * @hidden
135
155
  */
136
156
  export declare const filterClose = "filter.close";
157
+ /**
158
+ * @hidden
159
+ */
160
+ export declare const filterGroupAriaLabel = "filter.groupAriaLabel";
161
+ /**
162
+ * @hidden
163
+ */
164
+ export declare const filterExpressionAriaLabel = "filter.expressionAriaLabel";
165
+ /**
166
+ * @hidden
167
+ */
168
+ export declare const filterExpressionDropdownAriaLabel = "filter.expressionDropdownAriaLabel";
169
+ /**
170
+ * @hidden
171
+ */
172
+ export declare const filterExpressionOperatorDropdownAriaLabel = "filter.expressionOperatorDropdownAriaLabel";
173
+ /**
174
+ * @hidden
175
+ */
176
+ export declare const filterEnumFilterDropdownAriaLabel = "filter.enumFilterDropdownAriaLabel";
177
+ /**
178
+ * @hidden
179
+ */
180
+ export declare const filterNumericFilterAriaLabel = "filter.numericFilterAriaLabel";
181
+ /**
182
+ * @hidden
183
+ */
184
+ export declare const filterTextFilterAriaLabel = "filter.textFilterAriaLabel";
137
185
  /**
138
186
  * @hidden
139
187
  */
@@ -251,6 +299,7 @@ export declare const filterAriaLabel = "filter.ariaLabel";
251
299
  */
252
300
  export declare const messages: {
253
301
  "pager.itemsPerPage": string;
302
+ "pager.pageSelection": string;
254
303
  "pager.info": string;
255
304
  "pager.firstPage": string;
256
305
  "pager.previousPage": string;
@@ -259,6 +308,10 @@ export declare const messages: {
259
308
  "pager.page": string;
260
309
  "pager.of": string;
261
310
  "pager.totalPages": string;
311
+ "pager.pageLabel": string;
312
+ "pager.ariaKeyshortcuts": string;
313
+ "pager.ariaLabel": string;
314
+ "pager.mobileSelect": string;
262
315
  "sort.ariaLabel": string;
263
316
  "filter.ariaLabel": string;
264
317
  "filter.eqOperator": string;
@@ -286,6 +339,13 @@ export declare const messages: {
286
339
  "filter.addExpression": string;
287
340
  "filter.addGroup": string;
288
341
  "filter.close": string;
342
+ "filter.groupAriaLabel": string;
343
+ "filter.expressionAriaLabel": string;
344
+ "filter.expressionDropdownAriaLabel": string;
345
+ "filter.expressionOperatorDropdownAriaLabel": string;
346
+ "filter.enumFilterDropdownAriaLabel": string;
347
+ "filter.numericFilterAriaLabel": string;
348
+ "filter.textFilterAriaLabel": string;
289
349
  "columnMenu.filterClearButton": string;
290
350
  "columnMenu.filterSubmitButton": string;
291
351
  "columnMenu.filterTitle": string;
@@ -1,8 +1,8 @@
1
1
  "use strict";
2
2
  var _a;
3
3
  Object.defineProperty(exports, "__esModule", { value: true });
4
- exports.columnMenuFilterGteOperator = exports.columnMenuFilterEndsWithOperator = exports.columnMenuFilterNotContainsOperator = exports.columnMenuFilterContainsOperator = exports.columnMenuFilterStartsWithOperator = exports.columnMenuFilterIsNotEmptyOperator = exports.columnMenuFilterIsEmptyOperator = exports.columnMenuFilterIsNotNullOperator = exports.columnMenuFilterIsNullOperator = exports.columnMenuFilterNotEqOperator = exports.columnMenuFilterEqOperator = exports.columnMenuSortDescending = exports.columnMenuSortAscending = exports.columnMenuFilterTitle = exports.columnMenuFilterSubmitButton = exports.columnMenuFilterClearButton = exports.filterClose = exports.filterAddGroup = exports.filterAddExpression = exports.filterOrLogic = exports.filterAndLogic = exports.filterBeforeOrEqualOperator = exports.filterBeforeOperator = exports.filterAfterOperator = exports.filterAfterOrEqualOperator = exports.filterIsFalse = exports.filterIsTrue = exports.filterLtOperator = exports.filterLteOperator = exports.filterGtOperator = exports.filterGteOperator = exports.filterEndsWithOperator = exports.filterNotContainsOperator = exports.filterContainsOperator = exports.filterStartsWithOperator = exports.filterIsNotEmptyOperator = exports.filterIsEmptyOperator = exports.filterIsNotNullOperator = exports.filterIsNullOperator = exports.filterNotEqOperator = exports.filterEqOperator = exports.pagerTotalPages = exports.pagerOf = exports.pagerPage = exports.pagerItemPerPage = exports.pagerLastPage = exports.pagerNextPage = exports.pagerPreviousPage = exports.pagerFirstPage = exports.pagerInfo = void 0;
5
- exports.messages = exports.filterAriaLabel = exports.sortAriaLabel = exports.columnMenuFilterOrLogic = exports.columnMenuFilterAndLogic = exports.columnMenuFilterBeforeOrEqualOperator = exports.columnMenuFilterBeforeOperator = exports.columnMenuFilterAfterOperator = exports.columnMenuFilterAfterOrEqualOperator = exports.columnMenuFilterIsTrue = exports.columnMenuFilterLtOperator = exports.columnMenuFilterLteOperator = exports.columnMenuFilterGtOperator = void 0;
4
+ exports.columnMenuSortAscending = exports.columnMenuFilterTitle = exports.columnMenuFilterSubmitButton = exports.columnMenuFilterClearButton = exports.filterTextFilterAriaLabel = exports.filterNumericFilterAriaLabel = exports.filterEnumFilterDropdownAriaLabel = exports.filterExpressionOperatorDropdownAriaLabel = exports.filterExpressionDropdownAriaLabel = exports.filterExpressionAriaLabel = exports.filterGroupAriaLabel = exports.filterClose = exports.filterAddGroup = exports.filterAddExpression = exports.filterOrLogic = exports.filterAndLogic = exports.filterBeforeOrEqualOperator = exports.filterBeforeOperator = exports.filterAfterOperator = exports.filterAfterOrEqualOperator = exports.filterIsFalse = exports.filterIsTrue = exports.filterLtOperator = exports.filterLteOperator = exports.filterGtOperator = exports.filterGteOperator = exports.filterEndsWithOperator = exports.filterNotContainsOperator = exports.filterContainsOperator = exports.filterStartsWithOperator = exports.filterIsNotEmptyOperator = exports.filterIsEmptyOperator = exports.filterIsNotNullOperator = exports.filterIsNullOperator = exports.filterNotEqOperator = exports.filterEqOperator = exports.pagerMobileSelect = exports.pagerAriaLabel = exports.pagerAriaKeyshortcuts = exports.pagerPageNumberLabel = exports.pagerTotalPages = exports.pagerOf = exports.pagerPage = exports.pagerPageSelection = exports.pagerItemPerPage = exports.pagerLastPage = exports.pagerNextPage = exports.pagerPreviousPage = exports.pagerFirstPage = exports.pagerInfo = void 0;
5
+ exports.messages = exports.filterAriaLabel = exports.sortAriaLabel = exports.columnMenuFilterOrLogic = exports.columnMenuFilterAndLogic = exports.columnMenuFilterBeforeOrEqualOperator = exports.columnMenuFilterBeforeOperator = exports.columnMenuFilterAfterOperator = exports.columnMenuFilterAfterOrEqualOperator = exports.columnMenuFilterIsTrue = exports.columnMenuFilterLtOperator = exports.columnMenuFilterLteOperator = exports.columnMenuFilterGtOperator = exports.columnMenuFilterGteOperator = exports.columnMenuFilterEndsWithOperator = exports.columnMenuFilterNotContainsOperator = exports.columnMenuFilterContainsOperator = exports.columnMenuFilterStartsWithOperator = exports.columnMenuFilterIsNotEmptyOperator = exports.columnMenuFilterIsEmptyOperator = exports.columnMenuFilterIsNotNullOperator = exports.columnMenuFilterIsNullOperator = exports.columnMenuFilterNotEqOperator = exports.columnMenuFilterEqOperator = exports.columnMenuSortDescending = void 0;
6
6
  /**
7
7
  * @hidden
8
8
  */
@@ -27,6 +27,10 @@ exports.pagerLastPage = 'pager.lastPage';
27
27
  * @hidden
28
28
  */
29
29
  exports.pagerItemPerPage = 'pager.itemsPerPage';
30
+ /**
31
+ * @hidden
32
+ */
33
+ exports.pagerPageSelection = 'pager.pageSelection';
30
34
  /**
31
35
  * @hidden
32
36
  */
@@ -39,6 +43,22 @@ exports.pagerOf = 'pager.of';
39
43
  * @hidden
40
44
  */
41
45
  exports.pagerTotalPages = 'pager.totalPages';
46
+ /**
47
+ * @hidden
48
+ */
49
+ exports.pagerPageNumberLabel = 'pager.pageLabel';
50
+ /**
51
+ * @hidden
52
+ */
53
+ exports.pagerAriaKeyshortcuts = 'pager.ariaKeyshortcuts';
54
+ /**
55
+ * @hidden
56
+ */
57
+ exports.pagerAriaLabel = 'pager.ariaLabel';
58
+ /**
59
+ * @hidden
60
+ */
61
+ exports.pagerMobileSelect = 'pager.mobileSelect';
42
62
  /**
43
63
  * @hidden
44
64
  */
@@ -139,6 +159,34 @@ exports.filterAddGroup = 'filter.addGroup';
139
159
  * @hidden
140
160
  */
141
161
  exports.filterClose = 'filter.close';
162
+ /**
163
+ * @hidden
164
+ */
165
+ exports.filterGroupAriaLabel = 'filter.groupAriaLabel';
166
+ /**
167
+ * @hidden
168
+ */
169
+ exports.filterExpressionAriaLabel = 'filter.expressionAriaLabel';
170
+ /**
171
+ * @hidden
172
+ */
173
+ exports.filterExpressionDropdownAriaLabel = 'filter.expressionDropdownAriaLabel';
174
+ /**
175
+ * @hidden
176
+ */
177
+ exports.filterExpressionOperatorDropdownAriaLabel = 'filter.expressionOperatorDropdownAriaLabel';
178
+ /**
179
+ * @hidden
180
+ */
181
+ exports.filterEnumFilterDropdownAriaLabel = 'filter.enumFilterDropdownAriaLabel';
182
+ /**
183
+ * @hidden
184
+ */
185
+ exports.filterNumericFilterAriaLabel = 'filter.numericFilterAriaLabel';
186
+ /**
187
+ * @hidden
188
+ */
189
+ exports.filterTextFilterAriaLabel = 'filter.textFilterAriaLabel';
142
190
  /**
143
191
  * @hidden
144
192
  */
@@ -256,6 +304,7 @@ exports.filterAriaLabel = 'filter.ariaLabel';
256
304
  */
257
305
  exports.messages = (_a = {},
258
306
  _a[exports.pagerItemPerPage] = 'items per page',
307
+ _a[exports.pagerPageSelection] = 'Select page',
259
308
  _a[exports.pagerInfo] = '{0} - {1} of {2} items',
260
309
  _a[exports.pagerFirstPage] = 'Go to the first page',
261
310
  _a[exports.pagerPreviousPage] = 'Go to the previous page',
@@ -264,6 +313,10 @@ exports.messages = (_a = {},
264
313
  _a[exports.pagerPage] = 'Page',
265
314
  _a[exports.pagerOf] = 'Of',
266
315
  _a[exports.pagerTotalPages] = '{0}',
316
+ _a[exports.pagerPageNumberLabel] = 'Page',
317
+ _a[exports.pagerAriaKeyshortcuts] = 'Enter ArrowRight ArrowLeft',
318
+ _a[exports.pagerAriaLabel] = 'Pager',
319
+ _a[exports.pagerMobileSelect] = 'Select',
267
320
  _a[exports.sortAriaLabel] = 'Sortable',
268
321
  _a[exports.filterAriaLabel] = 'Filter',
269
322
  _a[exports.filterEqOperator] = 'Is equal to',
@@ -291,6 +344,13 @@ exports.messages = (_a = {},
291
344
  _a[exports.filterAddExpression] = 'Add Expression',
292
345
  _a[exports.filterAddGroup] = 'Add Group',
293
346
  _a[exports.filterClose] = 'Close',
347
+ _a[exports.filterGroupAriaLabel] = 'Filter toolbar',
348
+ _a[exports.filterExpressionAriaLabel] = 'Filter expression row',
349
+ _a[exports.filterExpressionDropdownAriaLabel] = 'Filter dropdown',
350
+ _a[exports.filterExpressionOperatorDropdownAriaLabel] = 'Filter operator dropdown',
351
+ _a[exports.filterEnumFilterDropdownAriaLabel] = 'Select True/False',
352
+ _a[exports.filterNumericFilterAriaLabel] = 'Enter number',
353
+ _a[exports.filterTextFilterAriaLabel] = 'Enter number',
294
354
  _a[exports.columnMenuFilterClearButton] = 'Clear',
295
355
  _a[exports.columnMenuFilterSubmitButton] = 'Filter',
296
356
  _a[exports.columnMenuFilterTitle] = 'Filter',
@@ -8,7 +8,7 @@ exports.packageMetadata = {
8
8
  name: '@progress/kendo-react-data-tools',
9
9
  productName: 'KendoReact',
10
10
  productCodes: ['KENDOUIREACT', 'KENDOUICOMPLETE'],
11
- publishDate: 1657804356,
11
+ publishDate: 1659604254,
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
  };