@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.
@@ -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(ToolbarItem, null,
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,
@@ -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-widget k-filter' + (this.props.className ? ' ' + this.props.className : ''), style: this.props.style },
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: [] } })))));
@@ -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, ToolbarItem, ButtonGroup } from '@progress/kendo-react-buttons';
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(ToolbarItem, null,
139
- React.createElement(ButtonGroup, null,
140
- React.createElement(Button, { togglable: true, onClick: this.onLogicAnd, selected: filter.logic === 'and', type: "button" }, locService.toLanguageString(filterAndLogic, messages[filterAndLogic])),
141
- React.createElement(Button, { togglable: true, onClick: this.onLogicOr, selected: filter.logic === 'or', type: "button" }, locService.toLanguageString(filterOrLogic, messages[filterOrLogic])))),
142
- React.createElement(ToolbarItem, null,
143
- React.createElement(Button, { title: locService.toLanguageString(filterAddExpression, messages[filterAddExpression]), icon: "filter-add-expression", svgIcon: filterAddExpressionIcon, type: "button", onClick: this.onAddExpression })),
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: 1692018274,
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.ToolbarItem, null,
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, kendo_react_common_1.validatePackage)(package_metadata_1.packageMetadata);
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-widget k-filter' + (this.props.className ? ' ' + this.props.className : ''), style: this.props.style },
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: [] } })))));
@@ -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.ToolbarItem, null,
142
- React.createElement(kendo_react_buttons_1.ButtonGroup, null,
143
- 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])),
144
- React.createElement(kendo_react_buttons_1.Button, { togglable: true, onClick: this.onLogicOr, selected: filter.logic === 'or', type: "button" }, locService.toLanguageString(messages_1.filterOrLogic, messages_1.messages[messages_1.filterOrLogic])))),
145
- React.createElement(kendo_react_buttons_1.ToolbarItem, null,
146
- React.createElement(kendo_react_buttons_1.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 })),
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: 1692018274,
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
  };