@progress/kendo-react-data-tools 5.10.0-dev.202301111905 → 5.10.0-dev.202301131814

package/dist/es/drag/ColumnDraggable.js

@@ -55,7 +55,7 @@ var ColumnDraggable = /** @class */ (function (_super) {
     ColumnDraggable.prototype.render = function () {
         var _this = this;
         return (React.createElement(Draggable, { onPress: this.onPress, onDrag: this.onDrag, onRelease: this.onRelease, ref: function (component) { _this.draggable = component; } },
-            React.createElement("tr", { "aria-rowindex": this.props.ariaRowIndex, role: 'row' }, this.props.children)));
+            React.createElement("tr", { className: 'k-table-row', "aria-rowindex": this.props.ariaRowIndex, role: 'row' }, this.props.children)));
     };
     return ColumnDraggable;
 }(React.PureComponent));

package/dist/es/filter/Expression.js

@@ -124,7 +124,7 @@ var Expression = /** @class */ (function (_super) {
                     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]) })),
                 React.createElement(ToolbarItem, { className: "k-filter-operator" },
                     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]) })),
-                React.createElement(ToolbarItem, { className: "k-filter-value" }, field && React.createElement(field.filter, { filter: filter, onFilterChange: this.onInputChange })),
+                React.createElement(ToolbarItem, { className: "k-filter-value" }, field && React.createElement(field.filter, { filter: filter, onFilterChange: this.onInputChange, min: field.min, max: field.max })),
                 React.createElement(ToolbarItem, null,
                     React.createElement(Button, { title: locService.toLanguageString(filterClose, messages[filterClose]), icon: "x", svgIcon: xIcon, fillMode: "flat", type: "button", onClick: this.onFilterRemove })))));
     };

package/dist/es/filter/FieldSettings.d.ts

@@ -19,4 +19,12 @@ export interface FieldSettings {
      * The collection of operators which will be passed to the operators DropDownList.
      */
     operators: Array<FilterOperator>;
+    /**
+     * Specifies the smallest value that can be entered.
+     */
+    min?: number;
+    /**
+     * Specifies the greatest value that can be entered.
+     */
+    max?: number;
 }

package/dist/es/filter/filters/NumericFilter.d.ts

@@ -5,6 +5,14 @@ import { TextFilterProps } from './TextFilter';
  * The props of the NumericFilter component.
  */
 export interface NumericFilterProps extends TextFilterProps {
+    /**
+     * Specifies the smallest value that can be entered.
+     */
+    min?: number;
+    /**
+     * Specifies the greatest value that can be entered.
+     */
+    max?: number;
 }
 /**
  * The NumericFilter component used for editing numeric value of FilterDescriptor object.

package/dist/es/filter/filters/NumericFilter.js

@@ -48,8 +48,8 @@ var NumericFilter = /** @class */ (function (_super) {
      */
     NumericFilter.prototype.render = function () {
         var locService = provideLocalizationService(this);
-        var _a = this.props, filter = _a.filter, _b = _a.ariaLabel, ariaLabel = _b === void 0 ? locService.toLanguageString(filterNumericFilterAriaLabel, messages[filterNumericFilterAriaLabel]) : _b;
-        return (React.createElement(NumericTextBox, { value: typeof filter.value === 'number' ? filter.value : null, onChange: this.onChange, ariaLabel: ariaLabel }));
+        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;
+        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 }));
     };
     /**
      * @hidden

package/dist/es/filteringCells/FilterComponent.js

@@ -111,7 +111,9 @@ export var createFilterComponent = function (settings) {
                         value: value,
                         onChange: this.inputChange,
                         components: this.props.components,
-                        ariaLabel: this.props.ariaLabel
+                        ariaLabel: this.props.ariaLabel,
+                        min: this.props.min,
+                        max: this.props.max
                     }),
                     React.createElement("div", { className: "k-filtercell-operator" },
                         settings.operatorComponent(operatorComponentProps, this.props),

package/dist/es/filteringCells/FilterComponentProps.d.ts

@@ -12,4 +12,12 @@ export interface FilterComponentProps extends FilterCellProps {
      * The accessible label of the component.
      */
     ariaLabel?: string;
+    /**
+     * @hidden
+     */
+    min?: number;
+    /**
+     * @hidden
+     */
+    max?: number;
 }

package/dist/es/header/FilterRow.d.ts

@@ -4,7 +4,7 @@ import { ExtendedColumnProps } from './ColumnProps';
 /**
  * @hidden
  */
-export declare const FILTER_ROW_CLASS = "k-filter-row";
+export declare const FILTER_ROW_CLASS = "k-table-row k-filter-row";
 /**
  * @hidden
  */

package/dist/es/header/FilterRow.js

@@ -3,10 +3,11 @@ import { HeaderThElement } from './HeaderThElement';
 import { getFilterColumnId } from '../navigation/utils';
 import { useLocalization } from '@progress/kendo-react-intl';
 import { filterAriaLabel, messages } from '../messages';
+import { classNames } from '@progress/kendo-react-common';
 /**
  * @hidden
  */
-export var FILTER_ROW_CLASS = 'k-filter-row';
+export var FILTER_ROW_CLASS = 'k-table-row k-filter-row';
 var headerCellClassName = function (sort, field, locked) {
     var result = "".concat(locked ? 'k-grid-header-sticky' : '');
     if (sort.some(function (descriptor) { return descriptor.field === field; })) {
@@ -27,6 +28,6 @@ export var FilterRow = function (props) {
             borderRightWidth: column.rightBorder ? '1px' : ''
         } : {};
         var FilterCell = column.filterCell || column.filter;
-        return (React.createElement(HeaderThElement, { columnId: getFilterColumnId(column.id), navigatable: column.navigatable, style: style, key: index, ariaColumnIndex: column.ariaColumnIndex, ariaLabel: FilterCell ? intl.toLanguageString(filterAriaLabel, messages[filterAriaLabel]) : undefined, className: headerCellClassName(sort, column.field, column.locked) }, FilterCell && (React.createElement(FilterCell, { field: column.field, filter: filter, onFilterChange: filterChange }))));
+        return (React.createElement(HeaderThElement, { columnId: getFilterColumnId(column.id), navigatable: column.navigatable, style: style, key: index, ariaColumnIndex: column.ariaColumnIndex, ariaLabel: FilterCell ? intl.toLanguageString(filterAriaLabel, messages[filterAriaLabel]) : undefined, className: classNames('k-table-th k-header', headerCellClassName(sort, column.field, column.locked)) }, FilterCell && (React.createElement(FilterCell, { field: column.field, filter: filter, onFilterChange: filterChange }))));
     })));
 };

package/dist/es/header/Header.js

@@ -45,7 +45,7 @@ var Header = /** @class */ (function (_super) {
     };
     Header.prototype.render = function () {
         var _this = this;
-        return (React.createElement("thead", __assign({ className: "k-grid-header", role: 'presentation', ref: function (el) { return _this.element = el; } }, tableKeyboardNavigationHeaderAttributes),
+        return (React.createElement("thead", __assign({ className: "k-table-thead k-grid-header", role: 'presentation', ref: function (el) { return _this.element = el; } }, tableKeyboardNavigationHeaderAttributes),
             this.props.headerRow,
             this.props.filterRow));
     };

package/dist/es/header/HeaderRow.js

@@ -96,7 +96,7 @@ var HeaderRow = /** @class */ (function (_super) {
                 children: _this.sortIcon(sortIndex)
             };
             var ColumnMenu = column.columnMenu || _this.props.columnMenu;
-            var className = classNames({
+            var className = classNames('k-table-th', {
                 'k-first': column.kFirst,
                 'k-filterable': Boolean(ColumnMenu),
                 'k-header': true,
@@ -151,7 +151,7 @@ var HeaderRow = /** @class */ (function (_super) {
     HeaderRow.prototype.render = function () {
         var _this = this;
         return this.props.columnsMap.map(function (rowIndexes, i) {
-            return _this.props.pressHandler && (React.createElement(ColumnDraggable, { key: i, pressHandler: _this.props.pressHandler, dragHandler: _this.props.dragHandler, releaseHandler: _this.props.releaseHandler, ariaRowIndex: i + 1 }, _this.cells(rowIndexes))) || React.createElement("tr", { "aria-rowindex": i + 1, role: 'row' }, _this.cells(rowIndexes));
+            return _this.props.pressHandler && (React.createElement(ColumnDraggable, { key: i, pressHandler: _this.props.pressHandler, dragHandler: _this.props.dragHandler, releaseHandler: _this.props.releaseHandler, ariaRowIndex: i + 1 }, _this.cells(rowIndexes))) || React.createElement("tr", { className: 'k-table-row', "aria-rowindex": i + 1, role: 'row' }, _this.cells(rowIndexes));
         });
     };
     return HeaderRow;

package/dist/es/package-metadata.js

@@ -5,7 +5,7 @@ export var packageMetadata = {
     name: '@progress/kendo-react-data-tools',
     productName: 'KendoReact',
     productCodes: ['KENDOUIREACT', 'KENDOUICOMPLETE'],
-    publishDate: 1673462481,
+    publishDate: 1673632049,
     version: '',
     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'
 };

package/dist/es/pager/Pager.js

@@ -145,7 +145,7 @@ var Pager = /** @class */ (function (_super) {
             last = this.renderButton(this.totalPages, 'k-pager-nav k-pager-last' + (currentPage >= this.totalPages ? ' k-disabled' : ''), localizationService.toLanguageString(lastPageMessage.messageKey, lastPageMessage.defaultMessage), 'caret-alt-to-right', caretAltToRightIcon, (currentPage >= this.totalPages ? true : undefined));
         }
         var pagerPageSizes = pageSizes && (React.createElement(PagerPageSizes, { pageChange: this.onPageChange, pageSize: take, pageSizes: pageSizes, messagesMap: messagesMap, size: this.props.size }));
-        var info = this.props.info && (React.createElement("div", { className: "k-pager-info k-label" }, intlService
+        var info = this.props.info && (React.createElement("div", { className: "k-pager-info" }, intlService
             .format(localizationService.toLanguageString(infoMessage.messageKey, infoMessage.defaultMessage), [
             Math.min(skip + 1, total),
             Math.min(skip + take, total),
@@ -154,7 +154,7 @@ var Pager = /** @class */ (function (_super) {
         return (React.createElement("div", { className: classNames('k-pager', (_a = {},
                 _a["k-pager-".concat(kendoThemeMaps.sizeMap[size] || size)] = size,
                 _a), this.props.className), style: this.props.style, role: "application", "aria-roledescription": "pager", "aria-keyshortcuts": localizationService.toLanguageString(ariaKeyshortcutsMessage.messageKey, ariaKeyshortcutsMessage.defaultMessage), "aria-label": localizationService.toLanguageString(ariaLabelMessage.messageKey, ariaLabelMessage.defaultMessage), ref: function (element) { return _this._element = element; } },
-            React.createElement("div", { className: classNames('k-pager-numbers-wrap', this.props.className) },
+            React.createElement("div", { className: classNames('k-pager-numbers-wrap') },
                 first,
                 prev,
                 changer,

package/dist/es/pager/PagerPageSizes.js

@@ -41,7 +41,7 @@ var PagerPageSizes = /** @class */ (function (_super) {
             ({ messageKey: pagerItemPerPage, defaultMessage: messages[pagerItemPerPage] });
         var pageSelectionMessage = this.props.messagesMap ? this.props.messagesMap(pagerPageSelection) :
             ({ messageKey: pagerPageSelection, defaultMessage: messages[pagerPageSelection] });
-        return (React.createElement("span", { className: "k-pager-sizes k-label" },
+        return (React.createElement("span", { className: "k-pager-sizes" },
             React.createElement(DropDownList, { value: this.props.pageSize, data: sizes, onChange: this.pageSizeChange, ariaLabel: provideLocalizationService(this).toLanguageString(pageSelectionMessage.messageKey, pageSelectionMessage.defaultMessage), size: this.props.size }),
             provideLocalizationService(this).toLanguageString(itemPerPageMessage.messageKey, itemPerPageMessage.defaultMessage)));
     };

package/dist/npm/drag/ColumnDraggable.js

@@ -58,7 +58,7 @@ var ColumnDraggable = /** @class */ (function (_super) {
     ColumnDraggable.prototype.render = function () {
         var _this = this;
         return (React.createElement(kendo_react_common_1.Draggable, { onPress: this.onPress, onDrag: this.onDrag, onRelease: this.onRelease, ref: function (component) { _this.draggable = component; } },
-            React.createElement("tr", { "aria-rowindex": this.props.ariaRowIndex, role: 'row' }, this.props.children)));
+            React.createElement("tr", { className: 'k-table-row', "aria-rowindex": this.props.ariaRowIndex, role: 'row' }, this.props.children)));
     };
     return ColumnDraggable;
 }(React.PureComponent));

package/dist/npm/filter/Expression.js

@@ -127,7 +127,7 @@ var Expression = /** @class */ (function (_super) {
                     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]) })),
                 React.createElement(kendo_react_buttons_1.ToolbarItem, { className: "k-filter-operator" },
                     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]) })),
-                React.createElement(kendo_react_buttons_1.ToolbarItem, { className: "k-filter-value" }, field && React.createElement(field.filter, { filter: filter, onFilterChange: this.onInputChange })),
+                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 })),
                 React.createElement(kendo_react_buttons_1.ToolbarItem, null,
                     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 })))));
     };

package/dist/npm/filter/FieldSettings.d.ts

@@ -19,4 +19,12 @@ export interface FieldSettings {
      * The collection of operators which will be passed to the operators DropDownList.
      */
     operators: Array<FilterOperator>;
+    /**
+     * Specifies the smallest value that can be entered.
+     */
+    min?: number;
+    /**
+     * Specifies the greatest value that can be entered.
+     */
+    max?: number;
 }

package/dist/npm/filter/filters/NumericFilter.d.ts

@@ -5,6 +5,14 @@ import { TextFilterProps } from './TextFilter';
  * The props of the NumericFilter component.
  */
 export interface NumericFilterProps extends TextFilterProps {
+    /**
+     * Specifies the smallest value that can be entered.
+     */
+    min?: number;
+    /**
+     * Specifies the greatest value that can be entered.
+     */
+    max?: number;
 }
 /**
  * The NumericFilter component used for editing numeric value of FilterDescriptor object.

package/dist/npm/filter/filters/NumericFilter.js

@@ -51,8 +51,8 @@ var NumericFilter = /** @class */ (function (_super) {
      */
     NumericFilter.prototype.render = function () {
         var locService = (0, kendo_react_intl_1.provideLocalizationService)(this);
-        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;
-        return (React.createElement(kendo_react_inputs_1.NumericTextBox, { value: typeof filter.value === 'number' ? filter.value : null, onChange: this.onChange, ariaLabel: ariaLabel }));
+        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;
+        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 }));
     };
     /**
      * @hidden

package/dist/npm/filteringCells/FilterComponent.js

@@ -114,7 +114,9 @@ var createFilterComponent = function (settings) {
                         value: value,
                         onChange: this.inputChange,
                         components: this.props.components,
-                        ariaLabel: this.props.ariaLabel
+                        ariaLabel: this.props.ariaLabel,
+                        min: this.props.min,
+                        max: this.props.max
                     }),
                     React.createElement("div", { className: "k-filtercell-operator" },
                         settings.operatorComponent(operatorComponentProps, this.props),

package/dist/npm/filteringCells/FilterComponentProps.d.ts

@@ -12,4 +12,12 @@ export interface FilterComponentProps extends FilterCellProps {
      * The accessible label of the component.
      */
     ariaLabel?: string;
+    /**
+     * @hidden
+     */
+    min?: number;
+    /**
+     * @hidden
+     */
+    max?: number;
 }

package/dist/npm/header/FilterRow.d.ts

@@ -4,7 +4,7 @@ import { ExtendedColumnProps } from './ColumnProps';
 /**
  * @hidden
  */
-export declare const FILTER_ROW_CLASS = "k-filter-row";
+export declare const FILTER_ROW_CLASS = "k-table-row k-filter-row";
 /**
  * @hidden
  */

package/dist/npm/header/FilterRow.js

@@ -6,10 +6,11 @@ var HeaderThElement_1 = require("./HeaderThElement");
 var utils_1 = require("../navigation/utils");
 var kendo_react_intl_1 = require("@progress/kendo-react-intl");
 var messages_1 = require("../messages");
+var kendo_react_common_1 = require("@progress/kendo-react-common");
 /**
  * @hidden
  */
-exports.FILTER_ROW_CLASS = 'k-filter-row';
+exports.FILTER_ROW_CLASS = 'k-table-row k-filter-row';
 var headerCellClassName = function (sort, field, locked) {
     var result = "".concat(locked ? 'k-grid-header-sticky' : '');
     if (sort.some(function (descriptor) { return descriptor.field === field; })) {
@@ -30,7 +31,7 @@ var FilterRow = function (props) {
             borderRightWidth: column.rightBorder ? '1px' : ''
         } : {};
         var FilterCell = column.filterCell || column.filter;
-        return (React.createElement(HeaderThElement_1.HeaderThElement, { columnId: (0, utils_1.getFilterColumnId)(column.id), navigatable: column.navigatable, style: style, key: index, ariaColumnIndex: column.ariaColumnIndex, ariaLabel: FilterCell ? intl.toLanguageString(messages_1.filterAriaLabel, messages_1.messages[messages_1.filterAriaLabel]) : undefined, className: headerCellClassName(sort, column.field, column.locked) }, FilterCell && (React.createElement(FilterCell, { field: column.field, filter: filter, onFilterChange: filterChange }))));
+        return (React.createElement(HeaderThElement_1.HeaderThElement, { columnId: (0, utils_1.getFilterColumnId)(column.id), navigatable: column.navigatable, style: style, key: index, ariaColumnIndex: column.ariaColumnIndex, ariaLabel: FilterCell ? intl.toLanguageString(messages_1.filterAriaLabel, messages_1.messages[messages_1.filterAriaLabel]) : undefined, className: (0, kendo_react_common_1.classNames)('k-table-th k-header', headerCellClassName(sort, column.field, column.locked)) }, FilterCell && (React.createElement(FilterCell, { field: column.field, filter: filter, onFilterChange: filterChange }))));
     })));
 };
 exports.FilterRow = FilterRow;

package/dist/npm/header/Header.js

@@ -48,7 +48,7 @@ var Header = /** @class */ (function (_super) {
     };
     Header.prototype.render = function () {
         var _this = this;
-        return (React.createElement("thead", __assign({ className: "k-grid-header", role: 'presentation', ref: function (el) { return _this.element = el; } }, constants_1.tableKeyboardNavigationHeaderAttributes),
+        return (React.createElement("thead", __assign({ className: "k-table-thead k-grid-header", role: 'presentation', ref: function (el) { return _this.element = el; } }, constants_1.tableKeyboardNavigationHeaderAttributes),
             this.props.headerRow,
             this.props.filterRow));
     };

package/dist/npm/header/HeaderRow.js

@@ -99,7 +99,7 @@ var HeaderRow = /** @class */ (function (_super) {
                 children: _this.sortIcon(sortIndex)
             };
             var ColumnMenu = column.columnMenu || _this.props.columnMenu;
-            var className = (0, kendo_react_common_1.classNames)({
+            var className = (0, kendo_react_common_1.classNames)('k-table-th', {
                 'k-first': column.kFirst,
                 'k-filterable': Boolean(ColumnMenu),
                 'k-header': true,
@@ -154,7 +154,7 @@ var HeaderRow = /** @class */ (function (_super) {
     HeaderRow.prototype.render = function () {
         var _this = this;
         return this.props.columnsMap.map(function (rowIndexes, i) {
-            return _this.props.pressHandler && (React.createElement(ColumnDraggable_1.ColumnDraggable, { key: i, pressHandler: _this.props.pressHandler, dragHandler: _this.props.dragHandler, releaseHandler: _this.props.releaseHandler, ariaRowIndex: i + 1 }, _this.cells(rowIndexes))) || React.createElement("tr", { "aria-rowindex": i + 1, role: 'row' }, _this.cells(rowIndexes));
+            return _this.props.pressHandler && (React.createElement(ColumnDraggable_1.ColumnDraggable, { key: i, pressHandler: _this.props.pressHandler, dragHandler: _this.props.dragHandler, releaseHandler: _this.props.releaseHandler, ariaRowIndex: i + 1 }, _this.cells(rowIndexes))) || React.createElement("tr", { className: 'k-table-row', "aria-rowindex": i + 1, role: 'row' }, _this.cells(rowIndexes));
         });
     };
     return HeaderRow;

package/dist/npm/package-metadata.js

@@ -8,7 +8,7 @@ exports.packageMetadata = {
     name: '@progress/kendo-react-data-tools',
     productName: 'KendoReact',
     productCodes: ['KENDOUIREACT', 'KENDOUICOMPLETE'],
-    publishDate: 1673462481,
+    publishDate: 1673632049,
     version: '',
     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'
 };

package/dist/npm/pager/Pager.js

@@ -148,7 +148,7 @@ var Pager = /** @class */ (function (_super) {
             last = this.renderButton(this.totalPages, 'k-pager-nav k-pager-last' + (currentPage >= this.totalPages ? ' k-disabled' : ''), localizationService.toLanguageString(lastPageMessage.messageKey, lastPageMessage.defaultMessage), 'caret-alt-to-right', kendo_svg_icons_1.caretAltToRightIcon, (currentPage >= this.totalPages ? true : undefined));
         }
         var pagerPageSizes = pageSizes && (React.createElement(PagerPageSizes_1.PagerPageSizes, { pageChange: this.onPageChange, pageSize: take, pageSizes: pageSizes, messagesMap: messagesMap, size: this.props.size }));
-        var info = this.props.info && (React.createElement("div", { className: "k-pager-info k-label" }, intlService
+        var info = this.props.info && (React.createElement("div", { className: "k-pager-info" }, intlService
             .format(localizationService.toLanguageString(infoMessage.messageKey, infoMessage.defaultMessage), [
             Math.min(skip + 1, total),
             Math.min(skip + take, total),
@@ -157,7 +157,7 @@ var Pager = /** @class */ (function (_super) {
         return (React.createElement("div", { className: (0, kendo_react_common_1.classNames)('k-pager', (_a = {},
                 _a["k-pager-".concat(kendo_react_common_1.kendoThemeMaps.sizeMap[size] || size)] = size,
                 _a), this.props.className), style: this.props.style, role: "application", "aria-roledescription": "pager", "aria-keyshortcuts": localizationService.toLanguageString(ariaKeyshortcutsMessage.messageKey, ariaKeyshortcutsMessage.defaultMessage), "aria-label": localizationService.toLanguageString(ariaLabelMessage.messageKey, ariaLabelMessage.defaultMessage), ref: function (element) { return _this._element = element; } },
-            React.createElement("div", { className: (0, kendo_react_common_1.classNames)('k-pager-numbers-wrap', this.props.className) },
+            React.createElement("div", { className: (0, kendo_react_common_1.classNames)('k-pager-numbers-wrap') },
                 first,
                 prev,
                 changer,

package/dist/npm/pager/PagerPageSizes.js

@@ -44,7 +44,7 @@ var PagerPageSizes = /** @class */ (function (_super) {
             ({ messageKey: messages_1.pagerItemPerPage, defaultMessage: messages_1.messages[messages_1.pagerItemPerPage] });
         var pageSelectionMessage = this.props.messagesMap ? this.props.messagesMap(messages_1.pagerPageSelection) :
             ({ messageKey: messages_1.pagerPageSelection, defaultMessage: messages_1.messages[messages_1.pagerPageSelection] });
-        return (React.createElement("span", { className: "k-pager-sizes k-label" },
+        return (React.createElement("span", { className: "k-pager-sizes" },
             React.createElement(kendo_react_dropdowns_1.DropDownList, { value: this.props.pageSize, data: sizes, onChange: this.pageSizeChange, ariaLabel: (0, kendo_react_intl_1.provideLocalizationService)(this).toLanguageString(pageSelectionMessage.messageKey, pageSelectionMessage.defaultMessage), size: this.props.size }),
             (0, kendo_react_intl_1.provideLocalizationService)(this).toLanguageString(itemPerPageMessage.messageKey, itemPerPageMessage.defaultMessage)));
     };