@progress/kendo-react-data-tools 5.17.0-dev.202308141334 → 5.17.0-dev.202308171144
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.
- package/dist/cdn/js/kendo-react-data-tools.js +1 -1
- package/dist/es/filter/Expression.js +1 -2
- package/dist/es/filter/Filter.js +2 -1
- package/dist/es/filter/Group.js +7 -11
- package/dist/es/package-metadata.js +1 -1
- package/dist/npm/filter/Expression.js +1 -2
- package/dist/npm/filter/Filter.js +4 -3
- package/dist/npm/filter/Group.js +6 -10
- package/dist/npm/package-metadata.js +1 -1
- package/dist/systemjs/kendo-react-data-tools.js +1 -1
- package/package.json +10 -10
|
@@ -125,8 +125,7 @@ var Expression = /** @class */ (function (_super) {
|
|
|
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
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
|
-
React.createElement(
|
|
129
|
-
React.createElement(Button, { title: locService.toLanguageString(filterClose, messages[filterClose]), icon: "x", svgIcon: xIcon, fillMode: "flat", type: "button", onClick: this.onFilterRemove })))));
|
|
128
|
+
React.createElement(Button, { title: locService.toLanguageString(filterClose, messages[filterClose]), icon: "x", svgIcon: xIcon, fillMode: "flat", type: "button", onClick: this.onFilterRemove }))));
|
|
130
129
|
};
|
|
131
130
|
Expression.propTypes = {
|
|
132
131
|
filter: PropTypes.object.isRequired,
|
package/dist/es/filter/Filter.js
CHANGED
|
@@ -26,6 +26,7 @@ var __assign = (this && this.__assign) || function () {
|
|
|
26
26
|
};
|
|
27
27
|
import * as React from 'react';
|
|
28
28
|
import * as PropTypes from 'prop-types';
|
|
29
|
+
import { classNames } from '@progress/kendo-react-common';
|
|
29
30
|
import { Group } from './Group';
|
|
30
31
|
import { validatePackage } from '@progress/kendo-react-common';
|
|
31
32
|
import { packageMetadata } from '../package-metadata';
|
|
@@ -61,7 +62,7 @@ var Filter = /** @class */ (function (_super) {
|
|
|
61
62
|
* @hidden
|
|
62
63
|
*/
|
|
63
64
|
Filter.prototype.render = function () {
|
|
64
|
-
return (React.createElement("div", { className: 'k-
|
|
65
|
+
return (React.createElement("div", { className: classNames('k-filter', this.props.className), style: this.props.style },
|
|
65
66
|
React.createElement("ul", { role: 'tree', className: "k-filter-container", "aria-label": this.props.ariaLabel },
|
|
66
67
|
React.createElement("li", { role: 'treeitem', className: "k-filter-group-main" },
|
|
67
68
|
React.createElement(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: [] } })))));
|
package/dist/es/filter/Group.js
CHANGED
|
@@ -36,7 +36,7 @@ var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
|
|
|
36
36
|
import * as React from 'react';
|
|
37
37
|
import * as PropTypes from 'prop-types';
|
|
38
38
|
import { isCompositeFilterDescriptor } from '@progress/kendo-data-query';
|
|
39
|
-
import { Button, Toolbar,
|
|
39
|
+
import { Button, Toolbar, ButtonGroup } from '@progress/kendo-react-buttons';
|
|
40
40
|
import { provideLocalizationService, registerForLocalization } from '@progress/kendo-react-intl';
|
|
41
41
|
import { filterAddExpressionIcon, filterAddGroupIcon, xIcon } from '@progress/kendo-svg-icons';
|
|
42
42
|
import { Expression } from './Expression';
|
|
@@ -135,16 +135,12 @@ var Group = /** @class */ (function (_super) {
|
|
|
135
135
|
return (React.createElement(React.Fragment, null,
|
|
136
136
|
React.createElement("div", { className: "k-filter-toolbar" },
|
|
137
137
|
React.createElement(Toolbar, { keyboardNavigation: false, role: "toolbar", ariaLabel: ariaLabel },
|
|
138
|
-
React.createElement(
|
|
139
|
-
React.createElement(
|
|
140
|
-
|
|
141
|
-
|
|
142
|
-
React.createElement(
|
|
143
|
-
|
|
144
|
-
React.createElement(ToolbarItem, null,
|
|
145
|
-
React.createElement(Button, { title: locService.toLanguageString(filterAddGroup, messages[filterAddGroup]), icon: "filter-add-group", svgIcon: filterAddGroupIcon, type: "button", onClick: this.onAddGroup })),
|
|
146
|
-
React.createElement(ToolbarItem, null,
|
|
147
|
-
React.createElement(Button, { title: locService.toLanguageString(filterClose, messages[filterClose]), icon: "x", svgIcon: xIcon, fillMode: "flat", type: "button", onClick: this.onGroupRemove })))),
|
|
138
|
+
React.createElement(ButtonGroup, { className: 'k-toolbar-button-group' },
|
|
139
|
+
React.createElement(Button, { className: 'k-toolbar-button', togglable: true, onClick: this.onLogicAnd, selected: filter.logic === 'and', type: "button" }, locService.toLanguageString(filterAndLogic, messages[filterAndLogic])),
|
|
140
|
+
React.createElement(Button, { className: 'k-toolbar-button', togglable: true, onClick: this.onLogicOr, selected: filter.logic === 'or', type: "button" }, locService.toLanguageString(filterOrLogic, messages[filterOrLogic]))),
|
|
141
|
+
React.createElement(Button, { className: 'k-toolbar-button', title: locService.toLanguageString(filterAddExpression, messages[filterAddExpression]), icon: "filter-add-expression", svgIcon: filterAddExpressionIcon, type: "button", onClick: this.onAddExpression }),
|
|
142
|
+
React.createElement(Button, { className: 'k-toolbar-button', title: locService.toLanguageString(filterAddGroup, messages[filterAddGroup]), icon: "filter-add-group", svgIcon: filterAddGroupIcon, type: "button", onClick: this.onAddGroup }),
|
|
143
|
+
React.createElement(Button, { className: 'k-toolbar-button', title: locService.toLanguageString(filterClose, messages[filterClose]), icon: "x", svgIcon: xIcon, fillMode: "flat", type: "button", onClick: this.onGroupRemove }))),
|
|
148
144
|
filter.filters.length > 0 && (React.createElement("ul", { role: 'group', className: "k-filter-lines" }, filter.filters.map(function (f, idx) {
|
|
149
145
|
return (React.createElement("li", { role: 'treeitem', key: idx, className: "k-filter-item" }, isCompositeFilterDescriptor(f) ?
|
|
150
146
|
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 })
|
|
@@ -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:
|
|
8
|
+
publishDate: 1692271086,
|
|
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
|
};
|
|
@@ -128,8 +128,7 @@ var Expression = /** @class */ (function (_super) {
|
|
|
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
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
|
-
React.createElement(kendo_react_buttons_1.
|
|
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 })))));
|
|
131
|
+
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
132
|
};
|
|
134
133
|
Expression.propTypes = {
|
|
135
134
|
filter: PropTypes.object.isRequired,
|
|
@@ -29,8 +29,9 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
29
29
|
exports.Filter = void 0;
|
|
30
30
|
var React = require("react");
|
|
31
31
|
var PropTypes = require("prop-types");
|
|
32
|
-
var Group_1 = require("./Group");
|
|
33
32
|
var kendo_react_common_1 = require("@progress/kendo-react-common");
|
|
33
|
+
var Group_1 = require("./Group");
|
|
34
|
+
var kendo_react_common_2 = require("@progress/kendo-react-common");
|
|
34
35
|
var package_metadata_1 = require("../package-metadata");
|
|
35
36
|
/**
|
|
36
37
|
* Represents the [KendoReact Filter component]({% slug overview_filter %}).
|
|
@@ -57,14 +58,14 @@ var Filter = /** @class */ (function (_super) {
|
|
|
57
58
|
};
|
|
58
59
|
_this.props.onChange.call(undefined, changeEvent);
|
|
59
60
|
};
|
|
60
|
-
(0,
|
|
61
|
+
(0, kendo_react_common_2.validatePackage)(package_metadata_1.packageMetadata);
|
|
61
62
|
return _this;
|
|
62
63
|
}
|
|
63
64
|
/**
|
|
64
65
|
* @hidden
|
|
65
66
|
*/
|
|
66
67
|
Filter.prototype.render = function () {
|
|
67
|
-
return (React.createElement("div", { className: 'k-
|
|
68
|
+
return (React.createElement("div", { className: (0, kendo_react_common_1.classNames)('k-filter', this.props.className), style: this.props.style },
|
|
68
69
|
React.createElement("ul", { role: 'tree', className: "k-filter-container", "aria-label": this.props.ariaLabel },
|
|
69
70
|
React.createElement("li", { role: 'treeitem', className: "k-filter-group-main" },
|
|
70
71
|
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: [] } })))));
|
package/dist/npm/filter/Group.js
CHANGED
|
@@ -138,16 +138,12 @@ var Group = /** @class */ (function (_super) {
|
|
|
138
138
|
return (React.createElement(React.Fragment, null,
|
|
139
139
|
React.createElement("div", { className: "k-filter-toolbar" },
|
|
140
140
|
React.createElement(kendo_react_buttons_1.Toolbar, { keyboardNavigation: false, role: "toolbar", ariaLabel: ariaLabel },
|
|
141
|
-
React.createElement(kendo_react_buttons_1.
|
|
142
|
-
React.createElement(kendo_react_buttons_1.
|
|
143
|
-
|
|
144
|
-
|
|
145
|
-
React.createElement(kendo_react_buttons_1.
|
|
146
|
-
|
|
147
|
-
React.createElement(kendo_react_buttons_1.ToolbarItem, null,
|
|
148
|
-
React.createElement(kendo_react_buttons_1.Button, { title: locService.toLanguageString(messages_1.filterAddGroup, messages_1.messages[messages_1.filterAddGroup]), icon: "filter-add-group", svgIcon: kendo_svg_icons_1.filterAddGroupIcon, type: "button", onClick: this.onAddGroup })),
|
|
149
|
-
React.createElement(kendo_react_buttons_1.ToolbarItem, null,
|
|
150
|
-
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.onGroupRemove })))),
|
|
141
|
+
React.createElement(kendo_react_buttons_1.ButtonGroup, { className: 'k-toolbar-button-group' },
|
|
142
|
+
React.createElement(kendo_react_buttons_1.Button, { className: 'k-toolbar-button', togglable: true, onClick: this.onLogicAnd, selected: filter.logic === 'and', type: "button" }, locService.toLanguageString(messages_1.filterAndLogic, messages_1.messages[messages_1.filterAndLogic])),
|
|
143
|
+
React.createElement(kendo_react_buttons_1.Button, { className: 'k-toolbar-button', togglable: true, onClick: this.onLogicOr, selected: filter.logic === 'or', type: "button" }, locService.toLanguageString(messages_1.filterOrLogic, messages_1.messages[messages_1.filterOrLogic]))),
|
|
144
|
+
React.createElement(kendo_react_buttons_1.Button, { className: 'k-toolbar-button', title: locService.toLanguageString(messages_1.filterAddExpression, messages_1.messages[messages_1.filterAddExpression]), icon: "filter-add-expression", svgIcon: kendo_svg_icons_1.filterAddExpressionIcon, type: "button", onClick: this.onAddExpression }),
|
|
145
|
+
React.createElement(kendo_react_buttons_1.Button, { className: 'k-toolbar-button', title: locService.toLanguageString(messages_1.filterAddGroup, messages_1.messages[messages_1.filterAddGroup]), icon: "filter-add-group", svgIcon: kendo_svg_icons_1.filterAddGroupIcon, type: "button", onClick: this.onAddGroup }),
|
|
146
|
+
React.createElement(kendo_react_buttons_1.Button, { className: 'k-toolbar-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.onGroupRemove }))),
|
|
151
147
|
filter.filters.length > 0 && (React.createElement("ul", { role: 'group', className: "k-filter-lines" }, filter.filters.map(function (f, idx) {
|
|
152
148
|
return (React.createElement("li", { role: 'treeitem', key: idx, className: "k-filter-item" }, (0, kendo_data_query_1.isCompositeFilterDescriptor)(f) ?
|
|
153
149
|
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 })
|
|
@@ -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:
|
|
11
|
+
publishDate: 1692271086,
|
|
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
|
};
|