@progress/kendo-react-data-tools 5.17.0-dev.202308110815 → 5.17.0-dev.202308171144

package/dist/es/filter/Expression.js

@@ -125,8 +125,7 @@ var Expression = /** @class */ (function (_super) {
                 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, 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 })))));
+                React.createElement(Button, { title: locService.toLanguageString(filterClose, messages[filterClose]), icon: "x", svgIcon: xIcon, fillMode: "flat", type: "button", onClick: this.onFilterRemove }))));
     };
     Expression.propTypes = {
         filter: PropTypes.object.isRequired,

package/dist/es/filter/Filter.js

@@ -26,6 +26,7 @@ var __assign = (this && this.__assign) || function () {
 };
 import * as React from 'react';
 import * as PropTypes from 'prop-types';
+import { classNames } from '@progress/kendo-react-common';
 import { Group } from './Group';
 import { validatePackage } from '@progress/kendo-react-common';
 import { packageMetadata } from '../package-metadata';
@@ -61,7 +62,7 @@ var Filter = /** @class */ (function (_super) {
      * @hidden
      */
     Filter.prototype.render = function () {
-        return (React.createElement("div", { className: 'k-widget k-filter' + (this.props.className ? ' ' + this.props.className : ''), style: this.props.style },
+        return (React.createElement("div", { className: classNames('k-filter', this.props.className), style: this.props.style },
             React.createElement("ul", { role: 'tree', className: "k-filter-container", "aria-label": this.props.ariaLabel },
                 React.createElement("li", { role: 'treeitem', className: "k-filter-group-main" },
                     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

@@ -36,7 +36,7 @@ var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
 import * as React from 'react';
 import * as PropTypes from 'prop-types';
 import { isCompositeFilterDescriptor } from '@progress/kendo-data-query';
-import { Button, Toolbar, ToolbarItem, ButtonGroup } from '@progress/kendo-react-buttons';
+import { Button, Toolbar, ButtonGroup } from '@progress/kendo-react-buttons';
 import { provideLocalizationService, registerForLocalization } from '@progress/kendo-react-intl';
 import { filterAddExpressionIcon, filterAddGroupIcon, xIcon } from '@progress/kendo-svg-icons';
 import { Expression } from './Expression';
@@ -135,16 +135,12 @@ var Group = /** @class */ (function (_super) {
         return (React.createElement(React.Fragment, null,
             React.createElement("div", { className: "k-filter-toolbar" },
                 React.createElement(Toolbar, { keyboardNavigation: false, role: "toolbar", ariaLabel: ariaLabel },
-                    React.createElement(ToolbarItem, null,
-                        React.createElement(ButtonGroup, null,
-                            React.createElement(Button, { togglable: true, onClick: this.onLogicAnd, selected: filter.logic === 'and', type: "button" }, locService.toLanguageString(filterAndLogic, messages[filterAndLogic])),
-                            React.createElement(Button, { togglable: true, onClick: this.onLogicOr, selected: filter.logic === 'or', type: "button" }, locService.toLanguageString(filterOrLogic, messages[filterOrLogic])))),
-                    React.createElement(ToolbarItem, null,
-                        React.createElement(Button, { title: locService.toLanguageString(filterAddExpression, messages[filterAddExpression]), icon: "filter-add-expression", svgIcon: filterAddExpressionIcon, type: "button", onClick: this.onAddExpression })),
-                    React.createElement(ToolbarItem, null,
-                        React.createElement(Button, { title: locService.toLanguageString(filterAddGroup, messages[filterAddGroup]), icon: "filter-add-group", svgIcon: filterAddGroupIcon, type: "button", onClick: this.onAddGroup })),
-                    React.createElement(ToolbarItem, null,
-                        React.createElement(Button, { title: locService.toLanguageString(filterClose, messages[filterClose]), icon: "x", svgIcon: xIcon, fillMode: "flat", type: "button", onClick: this.onGroupRemove })))),
+                    React.createElement(ButtonGroup, { className: 'k-toolbar-button-group' },
+                        React.createElement(Button, { className: 'k-toolbar-button', togglable: true, onClick: this.onLogicAnd, selected: filter.logic === 'and', type: "button" }, locService.toLanguageString(filterAndLogic, messages[filterAndLogic])),
+                        React.createElement(Button, { className: 'k-toolbar-button', togglable: true, onClick: this.onLogicOr, selected: filter.logic === 'or', type: "button" }, locService.toLanguageString(filterOrLogic, messages[filterOrLogic]))),
+                    React.createElement(Button, { className: 'k-toolbar-button', title: locService.toLanguageString(filterAddExpression, messages[filterAddExpression]), icon: "filter-add-expression", svgIcon: filterAddExpressionIcon, type: "button", onClick: this.onAddExpression }),
+                    React.createElement(Button, { className: 'k-toolbar-button', title: locService.toLanguageString(filterAddGroup, messages[filterAddGroup]), icon: "filter-add-group", svgIcon: filterAddGroupIcon, type: "button", onClick: this.onAddGroup }),
+                    React.createElement(Button, { className: 'k-toolbar-button', title: locService.toLanguageString(filterClose, messages[filterClose]), icon: "x", svgIcon: xIcon, fillMode: "flat", type: "button", onClick: this.onGroupRemove }))),
             filter.filters.length > 0 && (React.createElement("ul", { role: 'group', className: "k-filter-lines" }, filter.filters.map(function (f, idx) {
                 return (React.createElement("li", { role: 'treeitem', key: idx, className: "k-filter-item" }, isCompositeFilterDescriptor(f) ?
                     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 })

package/dist/es/header/utils/index.d.ts

@@ -2,6 +2,16 @@ import { FilterCellProps } from '../../filteringCells';
 import { CellProps } from '../CellProps';
 import { ExtendedColumnProps, TreeColumnBaseProps } from '../ColumnProps';
 import { HeaderCellProps } from '../HeaderCell';
+/**
+ * @hidden
+ */
+export declare function nextColumn(columns: {
+    depth: number;
+    locked?: boolean;
+}[], current: number): {
+    depth: number;
+    locked?: boolean | undefined;
+} | null;
 /**
  * @hidden
  */
@@ -20,6 +30,42 @@ export declare function mapColumns(columns: Array<{
     rightBorder: boolean;
     ariaColumnIndex: number;
 }>): number[][];
+/**
+ * @hidden
+ */
+export declare function updateLeft(columnsMap: number[][], columns: Array<{
+    parentIndex: number;
+    colSpan: number;
+    rowSpan: number;
+    depth: number;
+    kFirst?: boolean;
+    children: any[];
+    width?: string | number;
+    locked?: boolean;
+    index: number;
+    left: number;
+    right: number;
+    rightBorder: boolean;
+    ariaColumnIndex: number;
+}>, generateLeft?: boolean): void;
+/**
+ * @hidden
+ */
+export declare function updateRight(columnsMap: number[][], columns: Array<{
+    parentIndex: number;
+    colSpan: number;
+    rowSpan: number;
+    depth: number;
+    kFirst?: boolean;
+    children: any[];
+    width?: string | number;
+    locked?: boolean;
+    index: number;
+    left: number;
+    right: number;
+    rightBorder: boolean;
+    ariaColumnIndex: number;
+}>, generateRight?: boolean): void;
 /**
  * @hidden
  */

package/dist/es/header/utils/index.js

@@ -1,6 +1,9 @@
 import { generateNavigatableId } from '../../navigation/utils';
 import { ColumnDefaultProps } from '../ColumnProps';
-function nextColumn(columns, current) {
+/**
+ * @hidden
+ */
+export function nextColumn(columns, current) {
     var currentDepth = columns[current].depth;
     var next = null;
     for (var index = current + 1; index < columns.length; index++) {
@@ -57,11 +60,19 @@ export function mapColumns(columns) {
             colIndexByLevel[ci] = (colIndexByLevel[ci] || 0) + column.colSpan;
         }
     });
+    updateLeft(columnsMap, columns);
+    updateRight(columnsMap, columns);
+    return columnsMap;
+}
+/**
+ * @hidden
+ */
+export function updateLeft(columnsMap, columns, generateLeft) {
     var stickyLeftWidth = new Array(columnsMap.length).fill(0);
     var width = 0;
     // set left AND create stickyLeftWidth
     columns.forEach(function (column) {
-        if (column.locked) {
+        if (column.locked && (!column.left || generateLeft)) {
             column.left = stickyLeftWidth[column.depth];
             width = getColumnWidth(column);
             if (column.children.length === 0) {
@@ -74,11 +85,17 @@ export function mapColumns(columns) {
             }
         }
     });
+}
+/**
+ * @hidden
+ */
+export function updateRight(columnsMap, columns, generateRight) {
+    var width = 0;
     var stickyRightWidth = new Array(columnsMap.length).fill(0);
     // set right, rightBorder AND create stickyRightWidth
     for (var i = columns.length - 1; i >= 0; i--) {
         var column = columns[i];
-        if (column.locked) {
+        if (column.locked && (!column.right || generateRight)) {
             column.right = stickyRightWidth[column.depth];
             width = getColumnWidth(column);
             if (column.children.length === 0) {
@@ -93,7 +110,6 @@ export function mapColumns(columns) {
             column.rightBorder = !(next && next.locked);
         }
     }
-    return columnsMap;
 }
 /**
  * @hidden

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: 1691739918,
+    publishDate: 1692271086,
     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/filter/Expression.js

@@ -128,8 +128,7 @@ var Expression = /** @class */ (function (_super) {
                 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, 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 })))));
+                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 }))));
     };
     Expression.propTypes = {
         filter: PropTypes.object.isRequired,

package/dist/npm/filter/Filter.js

@@ -29,8 +29,9 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.Filter = void 0;
 var React = require("react");
 var PropTypes = require("prop-types");
-var Group_1 = require("./Group");
 var kendo_react_common_1 = require("@progress/kendo-react-common");
+var Group_1 = require("./Group");
+var kendo_react_common_2 = require("@progress/kendo-react-common");
 var package_metadata_1 = require("../package-metadata");
 /**
  * Represents the [KendoReact Filter component]({% slug overview_filter %}).
@@ -57,14 +58,14 @@ var Filter = /** @class */ (function (_super) {
             };
             _this.props.onChange.call(undefined, changeEvent);
         };
-        (0, kendo_react_common_1.validatePackage)(package_metadata_1.packageMetadata);
+        (0, kendo_react_common_2.validatePackage)(package_metadata_1.packageMetadata);
         return _this;
     }
     /**
      * @hidden
      */
     Filter.prototype.render = function () {
-        return (React.createElement("div", { className: 'k-widget k-filter' + (this.props.className ? ' ' + this.props.className : ''), style: this.props.style },
+        return (React.createElement("div", { className: (0, kendo_react_common_1.classNames)('k-filter', this.props.className), style: this.props.style },
             React.createElement("ul", { role: 'tree', className: "k-filter-container", "aria-label": this.props.ariaLabel },
                 React.createElement("li", { role: 'treeitem', className: "k-filter-group-main" },
                     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

@@ -138,16 +138,12 @@ var Group = /** @class */ (function (_super) {
         return (React.createElement(React.Fragment, null,
             React.createElement("div", { className: "k-filter-toolbar" },
                 React.createElement(kendo_react_buttons_1.Toolbar, { keyboardNavigation: false, role: "toolbar", ariaLabel: ariaLabel },
-                    React.createElement(kendo_react_buttons_1.ToolbarItem, null,
-                        React.createElement(kendo_react_buttons_1.ButtonGroup, null,
-                            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])),
-                            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])))),
-                    React.createElement(kendo_react_buttons_1.ToolbarItem, null,
-                        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 })),
-                    React.createElement(kendo_react_buttons_1.ToolbarItem, null,
-                        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 })),
-                    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.onGroupRemove })))),
+                    React.createElement(kendo_react_buttons_1.ButtonGroup, { className: 'k-toolbar-button-group' },
+                        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])),
+                        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]))),
+                    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 }),
+                    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 }),
+                    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 }))),
             filter.filters.length > 0 && (React.createElement("ul", { role: 'group', className: "k-filter-lines" }, filter.filters.map(function (f, idx) {
                 return (React.createElement("li", { role: 'treeitem', key: idx, className: "k-filter-item" }, (0, kendo_data_query_1.isCompositeFilterDescriptor)(f) ?
                     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 })

package/dist/npm/header/utils/index.d.ts

@@ -2,6 +2,16 @@ import { FilterCellProps } from '../../filteringCells';
 import { CellProps } from '../CellProps';
 import { ExtendedColumnProps, TreeColumnBaseProps } from '../ColumnProps';
 import { HeaderCellProps } from '../HeaderCell';
+/**
+ * @hidden
+ */
+export declare function nextColumn(columns: {
+    depth: number;
+    locked?: boolean;
+}[], current: number): {
+    depth: number;
+    locked?: boolean | undefined;
+} | null;
 /**
  * @hidden
  */
@@ -20,6 +30,42 @@ export declare function mapColumns(columns: Array<{
     rightBorder: boolean;
     ariaColumnIndex: number;
 }>): number[][];
+/**
+ * @hidden
+ */
+export declare function updateLeft(columnsMap: number[][], columns: Array<{
+    parentIndex: number;
+    colSpan: number;
+    rowSpan: number;
+    depth: number;
+    kFirst?: boolean;
+    children: any[];
+    width?: string | number;
+    locked?: boolean;
+    index: number;
+    left: number;
+    right: number;
+    rightBorder: boolean;
+    ariaColumnIndex: number;
+}>, generateLeft?: boolean): void;
+/**
+ * @hidden
+ */
+export declare function updateRight(columnsMap: number[][], columns: Array<{
+    parentIndex: number;
+    colSpan: number;
+    rowSpan: number;
+    depth: number;
+    kFirst?: boolean;
+    children: any[];
+    width?: string | number;
+    locked?: boolean;
+    index: number;
+    left: number;
+    right: number;
+    rightBorder: boolean;
+    ariaColumnIndex: number;
+}>, generateRight?: boolean): void;
 /**
  * @hidden
  */

package/dist/npm/header/utils/index.js

@@ -1,8 +1,11 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.getIndex = exports.isRtl = exports.readColumns = exports.mapColumns = void 0;
+exports.getIndex = exports.isRtl = exports.readColumns = exports.updateRight = exports.updateLeft = exports.mapColumns = exports.nextColumn = void 0;
 var utils_1 = require("../../navigation/utils");
 var ColumnProps_1 = require("../ColumnProps");
+/**
+ * @hidden
+ */
 function nextColumn(columns, current) {
     var currentDepth = columns[current].depth;
     var next = null;
@@ -14,6 +17,7 @@ function nextColumn(columns, current) {
     }
     return next;
 }
+exports.nextColumn = nextColumn;
 var getColumnWidth = function (column) {
     var width = column.width ? parseFloat(column.width.toString()) : 0;
     if (!width && column.children && column.children.length) {
@@ -60,11 +64,20 @@ function mapColumns(columns) {
             colIndexByLevel[ci] = (colIndexByLevel[ci] || 0) + column.colSpan;
         }
     });
+    updateLeft(columnsMap, columns);
+    updateRight(columnsMap, columns);
+    return columnsMap;
+}
+exports.mapColumns = mapColumns;
+/**
+ * @hidden
+ */
+function updateLeft(columnsMap, columns, generateLeft) {
     var stickyLeftWidth = new Array(columnsMap.length).fill(0);
     var width = 0;
     // set left AND create stickyLeftWidth
     columns.forEach(function (column) {
-        if (column.locked) {
+        if (column.locked && (!column.left || generateLeft)) {
             column.left = stickyLeftWidth[column.depth];
             width = getColumnWidth(column);
             if (column.children.length === 0) {
@@ -77,11 +90,18 @@ function mapColumns(columns) {
             }
         }
     });
+}
+exports.updateLeft = updateLeft;
+/**
+ * @hidden
+ */
+function updateRight(columnsMap, columns, generateRight) {
+    var width = 0;
     var stickyRightWidth = new Array(columnsMap.length).fill(0);
     // set right, rightBorder AND create stickyRightWidth
     for (var i = columns.length - 1; i >= 0; i--) {
         var column = columns[i];
-        if (column.locked) {
+        if (column.locked && (!column.right || generateRight)) {
             column.right = stickyRightWidth[column.depth];
             width = getColumnWidth(column);
             if (column.children.length === 0) {
@@ -96,9 +116,8 @@ function mapColumns(columns) {
             column.rightBorder = !(next && next.locked);
         }
     }
-    return columnsMap;
 }
-exports.mapColumns = mapColumns;
+exports.updateRight = updateRight;
 /**
  * @hidden
  */

package/dist/npm/package-metadata.js

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