@progress/kendo-react-gantt 5.10.0-dev.202301031638 → 5.10.0-dev.202301091032

package/dist/es/components/BaseView.js

@@ -245,7 +245,7 @@ export var BaseView = React.forwardRef(function (props, ref) {
             onDependencyHandleRelease: handleDependencyHandleRelease
         } },
         React.createElement("div", { className: 'k-gantt-content', ref: contentRef, style: { height: "calc(100% - ".concat(toolbarHeight, "px)") } },
-            React.createElement(GanttTreeList, { ref: treelistRef, extendedColumns: extendedColumns, columnsMap: columnsMap, dataItemKey: taskModelFields.id, data: tasksData, idPrefix: idPrefixRef.current, navigatable: navigatable, expandField: taskModelFields.isExpanded, subItemsField: taskModelFields.children, editField: taskModelFields.isInEdit, selectedField: taskModelFields.isSelected, onDataStateChange: onDataStateChange, onSortChange: onSortChange, onFilterChange: onFilterChange, onExpandChange: onExpandChange, onRowClick: onRowClick, onRowDoubleClick: onRowDoubleClick, onRowContextMenu: onRowContextMenu, onColumnResize: onColumnResizeHandler, onColumnReorder: onColumnReorderHandler, onColumnMenuFilterChange: onColumnMenuFilterChange, onKeyDown: onKeyDown, onSelectionChange: onSelectionChange, onHeaderSelectionChange: onHeaderSelectionChange, tableProps: { style: { width: columnsWidth }, className: 'k-table-layout-fixed' }, noRecords: noRecords, rowHeight: rowHeight, resizable: resizable, reorderable: reorderable, sortable: sortable, sort: sort, filter: filter, columnMenuFilter: columnMenuFilter, columnMenu: columnMenu, row: row, selectable: selectable, afterContent: (React.createElement(React.Fragment, null,
+            React.createElement(GanttTreeList, { ref: treelistRef, extendedColumns: extendedColumns, columnsMap: columnsMap, dataItemKey: taskModelFields.id, data: tasksData, idPrefix: idPrefixRef.current, navigatable: navigatable, expandField: taskModelFields.isExpanded, subItemsField: taskModelFields.children, editField: taskModelFields.isInEdit, selectedField: taskModelFields.isSelected, onDataStateChange: onDataStateChange, onSortChange: onSortChange, onFilterChange: onFilterChange, onExpandChange: onExpandChange, onRowClick: onRowClick, onRowDoubleClick: onRowDoubleClick, onRowContextMenu: onRowContextMenu, onColumnResize: onColumnResizeHandler, onColumnReorder: onColumnReorderHandler, onColumnMenuFilterChange: onColumnMenuFilterChange, onKeyDown: onKeyDown, onSelectionChange: onSelectionChange, onHeaderSelectionChange: onHeaderSelectionChange, tableProps: { style: { width: columnsWidth }, className: 'k-table k-table-md k-table-layout-fixed' }, noRecords: noRecords, rowHeight: rowHeight, resizable: resizable, reorderable: reorderable, sortable: sortable, sort: sort, filter: filter, columnMenuFilter: columnMenuFilter, columnMenu: columnMenu, row: row, selectable: selectable, afterContent: (React.createElement(React.Fragment, null,
                     React.createElement("svg", { className: 'k-gantt-dependencies-svg', ref: timelineSvgRef, style: { left: 0, top: 0 } }, dependenciesData.map(function (dependency) { return React.createElement(GanttDependency, { key: getter(dependencyModelFields.id)(dependency), dependency: dependency }); })),
                     React.createElement("svg", { className: 'k-gantt-dependencies-svg', style: { left: 0, top: 0, zIndex: 3 } }, coordinates && (React.createElement("polyline", { points: "".concat(coordinates.startX, ",").concat(coordinates.startY, " ").concat(coordinates.endX, ",").concat(coordinates.endY) }))),
                     tasksData && tasksData.length ? timelineContent : null)) }))));

package/dist/es/components/GanttTreelist.js

@@ -411,7 +411,7 @@ var GanttTreeList = /** @class */ (function (_super) {
                 return null;
             }
             var columnKey = column.id ? column.id : columnIndex;
-            var className = "".concat(column.className ? column.className + ' ' : '')
+            var className = "k-table-td ".concat(column.className ? column.className + ' ' : '')
                 + "".concat(column.locked ? 'k-grid-content-sticky' : '');
             var cellProps = {
                 id: navigationTools.generateNavigatableId("".concat(rowId, "-").concat(String(columnIndex)), idPrefix),
@@ -495,8 +495,8 @@ var GanttTreeList = /** @class */ (function (_super) {
             return inEdit && EditRow ?
                 React.createElement(EditRow, __assign({}, rowProps), cells) :
                 React.createElement(Row, __assign({}, rowProps), cells);
-        }) || (React.createElement("tr", { className: "k-grid-norecords" },
-            React.createElement("td", { colSpan: leafColumns.length }, this.props.noRecords || React.createElement(TreeListNoRecords, null))));
+        }) || (React.createElement("tr", { className: "k-table-row k-grid-norecords" },
+            React.createElement("td", { className: 'k-table-td', colSpan: leafColumns.length }, this.props.noRecords || React.createElement(TreeListNoRecords, null))));
         var sorted = function (field) {
             return _this.props.sort && _this.props.sort.some(function (descriptor) { return descriptor.field === field; });
         };
@@ -505,15 +505,15 @@ var GanttTreeList = /** @class */ (function (_super) {
         var tableUserSelect = this.props.selectable && this.props.selectable.drag ? 'none' : undefined;
         var tableProps = (this.props.tableProps || {});
         return (React.createElement(TableKeyboardNavigationContext.Provider, { value: this.contextStateRef.current },
-            React.createElement("div", __assign({ style: this.props.style, className: classNames('k-widget k-grid', this.props.className, { 'k-treelist-scrollable': scrollable !== 'none' }), ref: function (e) { return _this.element = e; }, onScroll: virtualScroll ? this.onScroll : undefined, onKeyDown: this.onKeyDown, onFocus: this.onFocus, "aria-rowcount": total, "aria-colcount": leafColumns.length, role: 'treegrid' }, tableKeyboardNavigationScopeAttributes),
+            React.createElement("div", __assign({ style: this.props.style, className: classNames('k-grid k-grid-md', this.props.className, { 'k-treelist-scrollable': scrollable !== 'none' }), ref: function (e) { return _this.element = e; }, onScroll: virtualScroll ? this.onScroll : undefined, onKeyDown: this.onKeyDown, onFocus: this.onFocus, "aria-rowcount": total, "aria-colcount": leafColumns.length, role: 'treegrid' }, tableKeyboardNavigationScopeAttributes),
                 this.props.toolbar,
                 React.createElement(TableSelection, { selectable: this.props.selectable, onRelease: this.selectionRelease, childRef: function (table) {
                         _this.tableElement = table;
                     } },
-                    React.createElement("table", __assign({}, (this.props.tableProps || {}), { style: __assign(__assign({}, (tableProps.style || {})), { userSelect: tableUserSelect }), role: 'presentation' }),
+                    React.createElement("table", __assign({ className: 'k-table k-table-md' }, (this.props.tableProps || {}), { style: __assign(__assign({}, (tableProps.style || {})), { userSelect: tableUserSelect }), role: 'presentation' }),
                         colGroups,
                         header,
-                        React.createElement("tbody", __assign({}, tableKeyboardNavigationBodyAttributes, { ref: function (e) { return _this.tbodyElement = e; }, role: 'presentation' }), body))),
+                        React.createElement("tbody", __assign({ className: 'k-table-tbody' }, tableKeyboardNavigationBodyAttributes, { ref: function (e) { return _this.tbodyElement = e; }, role: 'presentation' }), body))),
                 this.props.pager && (React.createElement(this.props.pager, { className: "k-grid-pager", total: total, skip: skip, take: take, onPageChange: this.onPageChange })),
                 reorderable && (React.createElement(React.Fragment, null,
                     React.createElement(DropClue, { ref: this.dragLogic.refDropElementClue }),

package/dist/es/package-metadata.js

@@ -5,7 +5,7 @@ export var packageMetadata = {
     name: '@progress/kendo-react-gantt',
     productName: 'KendoReact',
     productCodes: ['KENDOUIREACT', 'KENDOUICOMPLETE'],
-    publishDate: 1672762638,
+    publishDate: 1673259464,
     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/utils/index.js

@@ -402,8 +402,8 @@ export var getYearSlots = function (range, options, intl) {
  */
 export var getTimelineHeader = function (slotLevels, ref, timelineHeaderCell) {
     var HeaderCell = timelineHeaderCell;
-    return (React.createElement("table", { ref: ref, "aria-hidden": true },
-        React.createElement("tbody", null, slotLevels.map(function (slotLevel, slotLevelIdx) { return (React.createElement("tr", { key: slotLevelIdx }, slotLevel.map(function (slot, slotIndex) { return (React.createElement("td", { key: slot.range.start.getTime(), colSpan: slot.span, className: classNames({
+    return (React.createElement("table", { className: 'k-table k-table-md', ref: ref, "aria-hidden": true },
+        React.createElement("tbody", { className: 'k-table-tbody' }, slotLevels.map(function (slotLevel, slotLevelIdx) { return (React.createElement("tr", { className: 'k-table-row', key: slotLevelIdx }, slotLevel.map(function (slot, slotIndex) { return (React.createElement("td", { key: slot.range.start.getTime(), colSpan: slot.span, className: classNames('k-table-th', {
                 'k-header': true,
                 'k-nonwork-hour': !slot.isWork
             }) }, HeaderCell ?
@@ -414,9 +414,9 @@ export var getTimelineHeader = function (slotLevels, ref, timelineHeaderCell) {
  */
 export var getTimelineContent = function (slotLevels, ref) {
     var lastSlotLevel = slotLevels[slotLevels.length - 1];
-    return (React.createElement("table", { className: 'k-gantt-columns', ref: ref, "aria-hidden": true },
-        React.createElement("tbody", null,
-            React.createElement("tr", null, lastSlotLevel.map(function (slot) { return (React.createElement("td", { key: slot.range.start.getTime(), colSpan: slot.span, className: classNames({
+    return (React.createElement("table", { className: 'k-table k-table-md k-gantt-columns', ref: ref, "aria-hidden": true },
+        React.createElement("tbody", { className: 'k-table-tbody' },
+            React.createElement("tr", { className: 'k-table-row' }, lastSlotLevel.map(function (slot) { return (React.createElement("td", { key: slot.range.start.getTime(), colSpan: slot.span, className: classNames('k-table-td', {
                     'k-nonwork-hour': !slot.isWork
                 }) })); })))));
 };

package/dist/npm/components/BaseView.js

@@ -248,7 +248,7 @@ exports.BaseView = React.forwardRef(function (props, ref) {
             onDependencyHandleRelease: handleDependencyHandleRelease
         } },
         React.createElement("div", { className: 'k-gantt-content', ref: contentRef, style: { height: "calc(100% - ".concat(toolbarHeight, "px)") } },
-            React.createElement(GanttTreelist_1.GanttTreeList, { ref: treelistRef, extendedColumns: extendedColumns, columnsMap: columnsMap, dataItemKey: taskModelFields.id, data: tasksData, idPrefix: idPrefixRef.current, navigatable: navigatable, expandField: taskModelFields.isExpanded, subItemsField: taskModelFields.children, editField: taskModelFields.isInEdit, selectedField: taskModelFields.isSelected, onDataStateChange: onDataStateChange, onSortChange: onSortChange, onFilterChange: onFilterChange, onExpandChange: onExpandChange, onRowClick: onRowClick, onRowDoubleClick: onRowDoubleClick, onRowContextMenu: onRowContextMenu, onColumnResize: onColumnResizeHandler, onColumnReorder: onColumnReorderHandler, onColumnMenuFilterChange: onColumnMenuFilterChange, onKeyDown: onKeyDown, onSelectionChange: onSelectionChange, onHeaderSelectionChange: onHeaderSelectionChange, tableProps: { style: { width: columnsWidth }, className: 'k-table-layout-fixed' }, noRecords: noRecords, rowHeight: rowHeight, resizable: resizable, reorderable: reorderable, sortable: sortable, sort: sort, filter: filter, columnMenuFilter: columnMenuFilter, columnMenu: columnMenu, row: row, selectable: selectable, afterContent: (React.createElement(React.Fragment, null,
+            React.createElement(GanttTreelist_1.GanttTreeList, { ref: treelistRef, extendedColumns: extendedColumns, columnsMap: columnsMap, dataItemKey: taskModelFields.id, data: tasksData, idPrefix: idPrefixRef.current, navigatable: navigatable, expandField: taskModelFields.isExpanded, subItemsField: taskModelFields.children, editField: taskModelFields.isInEdit, selectedField: taskModelFields.isSelected, onDataStateChange: onDataStateChange, onSortChange: onSortChange, onFilterChange: onFilterChange, onExpandChange: onExpandChange, onRowClick: onRowClick, onRowDoubleClick: onRowDoubleClick, onRowContextMenu: onRowContextMenu, onColumnResize: onColumnResizeHandler, onColumnReorder: onColumnReorderHandler, onColumnMenuFilterChange: onColumnMenuFilterChange, onKeyDown: onKeyDown, onSelectionChange: onSelectionChange, onHeaderSelectionChange: onHeaderSelectionChange, tableProps: { style: { width: columnsWidth }, className: 'k-table k-table-md k-table-layout-fixed' }, noRecords: noRecords, rowHeight: rowHeight, resizable: resizable, reorderable: reorderable, sortable: sortable, sort: sort, filter: filter, columnMenuFilter: columnMenuFilter, columnMenu: columnMenu, row: row, selectable: selectable, afterContent: (React.createElement(React.Fragment, null,
                     React.createElement("svg", { className: 'k-gantt-dependencies-svg', ref: timelineSvgRef, style: { left: 0, top: 0 } }, dependenciesData.map(function (dependency) { return React.createElement(GanttDependency_1.GanttDependency, { key: (0, kendo_react_common_1.getter)(dependencyModelFields.id)(dependency), dependency: dependency }); })),
                     React.createElement("svg", { className: 'k-gantt-dependencies-svg', style: { left: 0, top: 0, zIndex: 3 } }, coordinates && (React.createElement("polyline", { points: "".concat(coordinates.startX, ",").concat(coordinates.startY, " ").concat(coordinates.endX, ",").concat(coordinates.endY) }))),
                     tasksData && tasksData.length ? timelineContent : null)) }))));

package/dist/npm/components/GanttTreelist.js

@@ -414,7 +414,7 @@ var GanttTreeList = /** @class */ (function (_super) {
                 return null;
             }
             var columnKey = column.id ? column.id : columnIndex;
-            var className = "".concat(column.className ? column.className + ' ' : '')
+            var className = "k-table-td ".concat(column.className ? column.className + ' ' : '')
                 + "".concat(column.locked ? 'k-grid-content-sticky' : '');
             var cellProps = {
                 id: kendo_react_data_tools_1.tableKeyboardNavigationTools.generateNavigatableId("".concat(rowId, "-").concat(String(columnIndex)), idPrefix),
@@ -498,8 +498,8 @@ var GanttTreeList = /** @class */ (function (_super) {
             return inEdit && EditRow ?
                 React.createElement(EditRow, __assign({}, rowProps), cells) :
                 React.createElement(Row, __assign({}, rowProps), cells);
-        }) || (React.createElement("tr", { className: "k-grid-norecords" },
-            React.createElement("td", { colSpan: leafColumns.length }, this.props.noRecords || React.createElement(kendo_react_treelist_1.TreeListNoRecords, null))));
+        }) || (React.createElement("tr", { className: "k-table-row k-grid-norecords" },
+            React.createElement("td", { className: 'k-table-td', colSpan: leafColumns.length }, this.props.noRecords || React.createElement(kendo_react_treelist_1.TreeListNoRecords, null))));
         var sorted = function (field) {
             return _this.props.sort && _this.props.sort.some(function (descriptor) { return descriptor.field === field; });
         };
@@ -508,15 +508,15 @@ var GanttTreeList = /** @class */ (function (_super) {
         var tableUserSelect = this.props.selectable && this.props.selectable.drag ? 'none' : undefined;
         var tableProps = (this.props.tableProps || {});
         return (React.createElement(kendo_react_data_tools_1.TableKeyboardNavigationContext.Provider, { value: this.contextStateRef.current },
-            React.createElement("div", __assign({ style: this.props.style, className: (0, kendo_react_common_1.classNames)('k-widget k-grid', this.props.className, { 'k-treelist-scrollable': scrollable !== 'none' }), ref: function (e) { return _this.element = e; }, onScroll: virtualScroll ? this.onScroll : undefined, onKeyDown: this.onKeyDown, onFocus: this.onFocus, "aria-rowcount": total, "aria-colcount": leafColumns.length, role: 'treegrid' }, kendo_react_data_tools_1.tableKeyboardNavigationScopeAttributes),
+            React.createElement("div", __assign({ style: this.props.style, className: (0, kendo_react_common_1.classNames)('k-grid k-grid-md', this.props.className, { 'k-treelist-scrollable': scrollable !== 'none' }), ref: function (e) { return _this.element = e; }, onScroll: virtualScroll ? this.onScroll : undefined, onKeyDown: this.onKeyDown, onFocus: this.onFocus, "aria-rowcount": total, "aria-colcount": leafColumns.length, role: 'treegrid' }, kendo_react_data_tools_1.tableKeyboardNavigationScopeAttributes),
                 this.props.toolbar,
                 React.createElement(kendo_react_data_tools_1.TableSelection, { selectable: this.props.selectable, onRelease: this.selectionRelease, childRef: function (table) {
                         _this.tableElement = table;
                     } },
-                    React.createElement("table", __assign({}, (this.props.tableProps || {}), { style: __assign(__assign({}, (tableProps.style || {})), { userSelect: tableUserSelect }), role: 'presentation' }),
+                    React.createElement("table", __assign({ className: 'k-table k-table-md' }, (this.props.tableProps || {}), { style: __assign(__assign({}, (tableProps.style || {})), { userSelect: tableUserSelect }), role: 'presentation' }),
                         colGroups,
                         header,
-                        React.createElement("tbody", __assign({}, kendo_react_data_tools_1.tableKeyboardNavigationBodyAttributes, { ref: function (e) { return _this.tbodyElement = e; }, role: 'presentation' }), body))),
+                        React.createElement("tbody", __assign({ className: 'k-table-tbody' }, kendo_react_data_tools_1.tableKeyboardNavigationBodyAttributes, { ref: function (e) { return _this.tbodyElement = e; }, role: 'presentation' }), body))),
                 this.props.pager && (React.createElement(this.props.pager, { className: "k-grid-pager", total: total, skip: skip, take: take, onPageChange: this.onPageChange })),
                 reorderable && (React.createElement(React.Fragment, null,
                     React.createElement(kendo_react_data_tools_1.DropClue, { ref: this.dragLogic.refDropElementClue }),

package/dist/npm/package-metadata.js

@@ -8,7 +8,7 @@ exports.packageMetadata = {
     name: '@progress/kendo-react-gantt',
     productName: 'KendoReact',
     productCodes: ['KENDOUIREACT', 'KENDOUICOMPLETE'],
-    publishDate: 1672762638,
+    publishDate: 1673259464,
     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/utils/index.js

@@ -426,8 +426,8 @@ exports.getYearSlots = getYearSlots;
  */
 var getTimelineHeader = function (slotLevels, ref, timelineHeaderCell) {
     var HeaderCell = timelineHeaderCell;
-    return (React.createElement("table", { ref: ref, "aria-hidden": true },
-        React.createElement("tbody", null, slotLevels.map(function (slotLevel, slotLevelIdx) { return (React.createElement("tr", { key: slotLevelIdx }, slotLevel.map(function (slot, slotIndex) { return (React.createElement("td", { key: slot.range.start.getTime(), colSpan: slot.span, className: (0, kendo_react_common_1.classNames)({
+    return (React.createElement("table", { className: 'k-table k-table-md', ref: ref, "aria-hidden": true },
+        React.createElement("tbody", { className: 'k-table-tbody' }, slotLevels.map(function (slotLevel, slotLevelIdx) { return (React.createElement("tr", { className: 'k-table-row', key: slotLevelIdx }, slotLevel.map(function (slot, slotIndex) { return (React.createElement("td", { key: slot.range.start.getTime(), colSpan: slot.span, className: (0, kendo_react_common_1.classNames)('k-table-th', {
                 'k-header': true,
                 'k-nonwork-hour': !slot.isWork
             }) }, HeaderCell ?
@@ -439,9 +439,9 @@ exports.getTimelineHeader = getTimelineHeader;
  */
 var getTimelineContent = function (slotLevels, ref) {
     var lastSlotLevel = slotLevels[slotLevels.length - 1];
-    return (React.createElement("table", { className: 'k-gantt-columns', ref: ref, "aria-hidden": true },
-        React.createElement("tbody", null,
-            React.createElement("tr", null, lastSlotLevel.map(function (slot) { return (React.createElement("td", { key: slot.range.start.getTime(), colSpan: slot.span, className: (0, kendo_react_common_1.classNames)({
+    return (React.createElement("table", { className: 'k-table k-table-md k-gantt-columns', ref: ref, "aria-hidden": true },
+        React.createElement("tbody", { className: 'k-table-tbody' },
+            React.createElement("tr", { className: 'k-table-row' }, lastSlotLevel.map(function (slot) { return (React.createElement("td", { key: slot.range.start.getTime(), colSpan: slot.span, className: (0, kendo_react_common_1.classNames)('k-table-td', {
                     'k-nonwork-hour': !slot.isWork
                 }) })); })))));
 };