@progress/kendo-react-data-tools 5.10.0-dev.202301111405 → 5.10.0-dev.202301121619

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.
@@ -124,7 +124,7 @@ var Expression = /** @class */ (function (_super) {
124
124
  React.createElement(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(filterExpressionDropdownAriaLabel, messages[filterExpressionDropdownAriaLabel]) })),
125
125
  React.createElement(ToolbarItem, { className: "k-filter-operator" },
126
126
  React.createElement(DropDownList, { data: operators, textField: "text", value: operators.find(function (o) { return o.operator === filter.operator; }), onChange: this.onOperatorChange, ariaLabel: locService.toLanguageString(filterExpressionOperatorDropdownAriaLabel, messages[filterExpressionOperatorDropdownAriaLabel]) })),
127
- React.createElement(ToolbarItem, { className: "k-filter-value" }, field && React.createElement(field.filter, { filter: filter, onFilterChange: this.onInputChange })),
127
+ React.createElement(ToolbarItem, { className: "k-filter-value" }, field && React.createElement(field.filter, { filter: filter, onFilterChange: this.onInputChange, min: field.min, max: field.max })),
128
128
  React.createElement(ToolbarItem, null,
129
129
  React.createElement(Button, { title: locService.toLanguageString(filterClose, messages[filterClose]), icon: "x", svgIcon: xIcon, fillMode: "flat", type: "button", onClick: this.onFilterRemove })))));
130
130
  };
@@ -19,4 +19,12 @@ export interface FieldSettings {
19
19
  * The collection of operators which will be passed to the operators DropDownList.
20
20
  */
21
21
  operators: Array<FilterOperator>;
22
+ /**
23
+ * Specifies the smallest value that can be entered.
24
+ */
25
+ min?: number;
26
+ /**
27
+ * Specifies the greatest value that can be entered.
28
+ */
29
+ max?: number;
22
30
  }
@@ -5,6 +5,14 @@ import { TextFilterProps } from './TextFilter';
5
5
  * The props of the NumericFilter component.
6
6
  */
7
7
  export interface NumericFilterProps extends TextFilterProps {
8
+ /**
9
+ * Specifies the smallest value that can be entered.
10
+ */
11
+ min?: number;
12
+ /**
13
+ * Specifies the greatest value that can be entered.
14
+ */
15
+ max?: number;
8
16
  }
9
17
  /**
10
18
  * The NumericFilter component used for editing numeric value of FilterDescriptor object.
@@ -48,8 +48,8 @@ var NumericFilter = /** @class */ (function (_super) {
48
48
  */
49
49
  NumericFilter.prototype.render = function () {
50
50
  var locService = provideLocalizationService(this);
51
- var _a = this.props, filter = _a.filter, _b = _a.ariaLabel, ariaLabel = _b === void 0 ? locService.toLanguageString(filterNumericFilterAriaLabel, messages[filterNumericFilterAriaLabel]) : _b;
52
- return (React.createElement(NumericTextBox, { value: typeof filter.value === 'number' ? filter.value : null, onChange: this.onChange, ariaLabel: ariaLabel }));
51
+ var _a = this.props, min = _a.min, max = _a.max, filter = _a.filter, _b = _a.ariaLabel, ariaLabel = _b === void 0 ? locService.toLanguageString(filterNumericFilterAriaLabel, messages[filterNumericFilterAriaLabel]) : _b;
52
+ return (React.createElement(NumericTextBox, { value: typeof filter.value === 'number' ? filter.value : null, onChange: this.onChange, ariaLabel: ariaLabel, "aria-valuemin": min, "aria-valuemax": max, min: min, max: max }));
53
53
  };
54
54
  /**
55
55
  * @hidden
@@ -111,7 +111,9 @@ export var createFilterComponent = function (settings) {
111
111
  value: value,
112
112
  onChange: this.inputChange,
113
113
  components: this.props.components,
114
- ariaLabel: this.props.ariaLabel
114
+ ariaLabel: this.props.ariaLabel,
115
+ min: this.props.min,
116
+ max: this.props.max
115
117
  }),
116
118
  React.createElement("div", { className: "k-filtercell-operator" },
117
119
  settings.operatorComponent(operatorComponentProps, this.props),
@@ -12,4 +12,12 @@ export interface FilterComponentProps extends FilterCellProps {
12
12
  * The accessible label of the component.
13
13
  */
14
14
  ariaLabel?: string;
15
+ /**
16
+ * @hidden
17
+ */
18
+ min?: number;
19
+ /**
20
+ * @hidden
21
+ */
22
+ max?: number;
15
23
  }
@@ -5,7 +5,7 @@ export var packageMetadata = {
5
5
  name: '@progress/kendo-react-data-tools',
6
6
  productName: 'KendoReact',
7
7
  productCodes: ['KENDOUIREACT', 'KENDOUICOMPLETE'],
8
- publishDate: 1673444801,
8
+ publishDate: 1673538769,
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
  };
@@ -127,7 +127,7 @@ var Expression = /** @class */ (function (_super) {
127
127
  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]) })),
128
128
  React.createElement(kendo_react_buttons_1.ToolbarItem, { className: "k-filter-operator" },
129
129
  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]) })),
130
- React.createElement(kendo_react_buttons_1.ToolbarItem, { className: "k-filter-value" }, field && React.createElement(field.filter, { filter: filter, onFilterChange: this.onInputChange })),
130
+ React.createElement(kendo_react_buttons_1.ToolbarItem, { className: "k-filter-value" }, field && React.createElement(field.filter, { filter: filter, onFilterChange: this.onInputChange, min: field.min, max: field.max })),
131
131
  React.createElement(kendo_react_buttons_1.ToolbarItem, null,
132
132
  React.createElement(kendo_react_buttons_1.Button, { title: locService.toLanguageString(messages_1.filterClose, messages_1.messages[messages_1.filterClose]), icon: "x", svgIcon: kendo_svg_icons_1.xIcon, fillMode: "flat", type: "button", onClick: this.onFilterRemove })))));
133
133
  };
@@ -19,4 +19,12 @@ export interface FieldSettings {
19
19
  * The collection of operators which will be passed to the operators DropDownList.
20
20
  */
21
21
  operators: Array<FilterOperator>;
22
+ /**
23
+ * Specifies the smallest value that can be entered.
24
+ */
25
+ min?: number;
26
+ /**
27
+ * Specifies the greatest value that can be entered.
28
+ */
29
+ max?: number;
22
30
  }
@@ -5,6 +5,14 @@ import { TextFilterProps } from './TextFilter';
5
5
  * The props of the NumericFilter component.
6
6
  */
7
7
  export interface NumericFilterProps extends TextFilterProps {
8
+ /**
9
+ * Specifies the smallest value that can be entered.
10
+ */
11
+ min?: number;
12
+ /**
13
+ * Specifies the greatest value that can be entered.
14
+ */
15
+ max?: number;
8
16
  }
9
17
  /**
10
18
  * The NumericFilter component used for editing numeric value of FilterDescriptor object.
@@ -51,8 +51,8 @@ var NumericFilter = /** @class */ (function (_super) {
51
51
  */
52
52
  NumericFilter.prototype.render = function () {
53
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 }));
54
+ var _a = this.props, min = _a.min, max = _a.max, 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, "aria-valuemin": min, "aria-valuemax": max, min: min, max: max }));
56
56
  };
57
57
  /**
58
58
  * @hidden
@@ -114,7 +114,9 @@ var createFilterComponent = function (settings) {
114
114
  value: value,
115
115
  onChange: this.inputChange,
116
116
  components: this.props.components,
117
- ariaLabel: this.props.ariaLabel
117
+ ariaLabel: this.props.ariaLabel,
118
+ min: this.props.min,
119
+ max: this.props.max
118
120
  }),
119
121
  React.createElement("div", { className: "k-filtercell-operator" },
120
122
  settings.operatorComponent(operatorComponentProps, this.props),
@@ -12,4 +12,12 @@ export interface FilterComponentProps extends FilterCellProps {
12
12
  * The accessible label of the component.
13
13
  */
14
14
  ariaLabel?: string;
15
+ /**
16
+ * @hidden
17
+ */
18
+ min?: number;
19
+ /**
20
+ * @hidden
21
+ */
22
+ max?: number;
15
23
  }
@@ -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: 1673444801,
11
+ publishDate: 1673538769,
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
  };