@progress/kendo-react-gantt 5.4.0-dev.202205200719 → 5.4.0-dev.202206061009

package/dist/es/Gantt.d.ts

@@ -22,4 +22,4 @@ export interface GanttHandle {
 /**
  * Represents the Gantt component.
  */
-export declare const Gantt: React.ForwardRefExoticComponent<GanttProps & React.RefAttributes<GanttHandle>>;
+export declare const Gantt: React.ForwardRefExoticComponent<GanttProps & React.RefAttributes<GanttHandle | null>>;

package/dist/es/Gantt.js

@@ -96,94 +96,94 @@ export var Gantt = React.forwardRef(function (props, ref) {
     React.useImperativeHandle(ref, function () { return ganttRef.current; });
     var handleDataStateChange = React.useCallback(function (event) {
         if (props.onDataStateChange) {
-            props.onDataStateChange.call(undefined, __assign({}, event, { target: ganttRef.current }));
+            props.onDataStateChange.call(undefined, __assign(__assign({}, event), { target: ganttRef.current }));
         }
     }, [props.onDataStateChange]);
     var handleSortChange = React.useCallback(function (event) {
         if (props.onSortChange) {
-            props.onSortChange.call(undefined, __assign({}, event, { target: ganttRef.current }));
+            props.onSortChange.call(undefined, __assign(__assign({}, event), { target: ganttRef.current }));
         }
     }, [props.onSortChange]);
     var handleKeyDown = React.useCallback(function (event) {
         if (props.onKeyDown) {
-            props.onKeyDown.call(undefined, __assign({}, event, { target: ganttRef.current }));
+            props.onKeyDown.call(undefined, __assign(__assign({}, event), { target: ganttRef.current }));
         }
     }, [props.onKeyDown]);
     var handleSelectionChange = React.useCallback(function (event) {
         if (props.onSelectionChange) {
-            props.onSelectionChange.call(undefined, __assign({}, event, { target: ganttRef.current }));
+            props.onSelectionChange.call(undefined, __assign(__assign({}, event), { target: ganttRef.current }));
         }
     }, [props.onSelectionChange]);
     var handleHeaderSelectionChange = React.useCallback(function (event) {
         if (props.onHeaderSelectionChange) {
-            props.onHeaderSelectionChange.call(undefined, __assign({}, event, { target: ganttRef.current }));
+            props.onHeaderSelectionChange.call(undefined, __assign(__assign({}, event), { target: ganttRef.current }));
         }
     }, [props.onHeaderSelectionChange]);
     var handleFilterChange = React.useCallback(function (event) {
         if (props.onFilterChange) {
-            props.onFilterChange.call(undefined, __assign({}, event, { target: ganttRef.current }));
+            props.onFilterChange.call(undefined, __assign(__assign({}, event), { target: ganttRef.current }));
         }
     }, [props.onFilterChange]);
     var handleColumnMenuFilterChange = React.useCallback(function (event) {
         if (props.onColumnMenuFilterChange) {
-            props.onColumnMenuFilterChange.call(undefined, __assign({}, event, { target: ganttRef.current }));
+            props.onColumnMenuFilterChange.call(undefined, __assign(__assign({}, event), { target: ganttRef.current }));
         }
     }, [props.onColumnMenuFilterChange]);
     var handleExpandChange = React.useCallback(function (event) {
         if (props.onExpandChange) {
-            props.onExpandChange.call(undefined, __assign({}, event, { target: ganttRef.current }));
+            props.onExpandChange.call(undefined, __assign(__assign({}, event), { target: ganttRef.current }));
         }
     }, [props.onExpandChange]);
     var handleAddClick = React.useCallback(function (event) {
         if (props.onAddClick) {
-            props.onAddClick.call(undefined, __assign({}, event, { target: ganttRef.current, selectedDataItem: selectedTaskRef.current, slotStart: firstSlotRangeRef.current && new Date(firstSlotRangeRef.current.start.getTime()), slotEnd: firstSlotRangeRef.current && new Date(firstSlotRangeRef.current.end.getTime()) }));
+            props.onAddClick.call(undefined, __assign(__assign({}, event), { target: ganttRef.current, selectedDataItem: selectedTaskRef.current, slotStart: firstSlotRangeRef.current && new Date(firstSlotRangeRef.current.start.getTime()), slotEnd: firstSlotRangeRef.current && new Date(firstSlotRangeRef.current.end.getTime()) }));
         }
     }, [props.onAddClick]);
     var handleColumnResize = React.useCallback(function (event) {
         if (props.onColumnResize) {
-            props.onColumnResize.call(undefined, __assign({}, event, { target: ganttRef.current }));
+            props.onColumnResize.call(undefined, __assign(__assign({}, event), { target: ganttRef.current }));
         }
     }, [props.onColumnResize]);
     var handleColumnReorder = React.useCallback(function (event) {
         if (props.onColumnReorder) {
-            props.onColumnReorder.call(undefined, __assign({}, event, { target: ganttRef.current }));
+            props.onColumnReorder.call(undefined, __assign(__assign({}, event), { target: ganttRef.current }));
         }
     }, [props.onColumnReorder]);
     // ===== ROW events
     var handleRowClick = React.useCallback(function (event) {
         if (props.onRowClick) {
-            props.onRowClick.call(undefined, __assign({}, event, { target: ganttRef.current }));
+            props.onRowClick.call(undefined, __assign(__assign({}, event), { target: ganttRef.current }));
         }
     }, [props.onRowClick]);
     var handleRowDoubleClick = React.useCallback(function (event) {
         if (props.onRowDoubleClick) {
-            props.onRowDoubleClick.call(undefined, __assign({}, event, { target: ganttRef.current }));
+            props.onRowDoubleClick.call(undefined, __assign(__assign({}, event), { target: ganttRef.current }));
         }
     }, [props.onRowClick]);
     var handleRowContextMenu = React.useCallback(function (event) {
         if (props.onRowContextMenu) {
-            props.onRowContextMenu.call(undefined, __assign({}, event, { target: ganttRef.current }));
+            props.onRowContextMenu.call(undefined, __assign(__assign({}, event), { target: ganttRef.current }));
         }
     }, [props.onRowClick]);
     // ===== TASK events
     var handleTaskClick = React.useCallback(function (event) {
         if (props.onTaskClick) {
-            props.onTaskClick.call(undefined, __assign({}, event, { target: ganttRef.current }));
+            props.onTaskClick.call(undefined, __assign(__assign({}, event), { target: ganttRef.current }));
         }
     }, [props.onTaskClick]);
     var handleTaskDoubleClick = React.useCallback(function (event) {
         if (props.onTaskDoubleClick) {
-            props.onTaskDoubleClick.call(undefined, __assign({}, event, { target: ganttRef.current }));
+            props.onTaskDoubleClick.call(undefined, __assign(__assign({}, event), { target: ganttRef.current }));
         }
     }, [props.onTaskDoubleClick]);
     var handleTaskContextMenu = React.useCallback(function (event) {
         if (props.onTaskContextMenu) {
-            props.onTaskContextMenu.call(undefined, __assign({}, event, { target: ganttRef.current }));
+            props.onTaskContextMenu.call(undefined, __assign(__assign({}, event), { target: ganttRef.current }));
         }
     }, [props.onTaskContextMenu]);
     var handleTaskRemoveClick = React.useCallback(function (event) {
         if (props.onTaskRemoveClick) {
-            props.onTaskRemoveClick.call(undefined, __assign({}, event, { target: ganttRef.current }));
+            props.onTaskRemoveClick.call(undefined, __assign(__assign({}, event), { target: ganttRef.current }));
         }
     }, [props.onTaskRemoveClick]);
     var handleDependencyCreate = React.useCallback(function (event) {

package/dist/es/GanttNoRecords.js

@@ -2,10 +2,12 @@ var __extends = (this && this.__extends) || (function () {
     var extendStatics = function (d, b) {
         extendStatics = Object.setPrototypeOf ||
             ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
         return extendStatics(d, b);
     };
     return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
         extendStatics(d, b);
         function __() { this.constructor = d; }
         d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());

package/dist/es/cells/FilterCells/GanttBooleanFilter.js

@@ -14,8 +14,10 @@ var __rest = (this && this.__rest) || function (s, e) {
     for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
         t[p] = s[p];
     if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) if (e.indexOf(p[i]) < 0)
-            t[p[i]] = s[p[i]];
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
     return t;
 };
 import * as React from 'react';

package/dist/es/cells/FilterCells/GanttDateFilter.js

@@ -14,8 +14,10 @@ var __rest = (this && this.__rest) || function (s, e) {
     for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
         t[p] = s[p];
     if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) if (e.indexOf(p[i]) < 0)
-            t[p[i]] = s[p[i]];
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
     return t;
 };
 import * as React from 'react';

package/dist/es/cells/FilterCells/GanttNumericFilter.js

@@ -14,8 +14,10 @@ var __rest = (this && this.__rest) || function (s, e) {
     for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
         t[p] = s[p];
     if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) if (e.indexOf(p[i]) < 0)
-            t[p[i]] = s[p[i]];
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
     return t;
 };
 import * as React from 'react';

package/dist/es/cells/FilterCells/GanttTextFilter.js

@@ -14,8 +14,10 @@ var __rest = (this && this.__rest) || function (s, e) {
     for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
         t[p] = s[p];
     if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) if (e.indexOf(p[i]) < 0)
-            t[p[i]] = s[p[i]];
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
     return t;
 };
 import * as React from 'react';

package/dist/es/components/BaseView.d.ts

@@ -17,4 +17,4 @@ export interface BaseViewHandle {
         rowIndex?: number;
     }) => void;
 }
-export declare const BaseView: React.ForwardRefExoticComponent<BaseViewProps & React.RefAttributes<BaseViewHandle>>;
+export declare const BaseView: React.ForwardRefExoticComponent<BaseViewProps & React.RefAttributes<BaseViewHandle | null>>;

package/dist/es/components/BaseView.js

@@ -9,6 +9,15 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
+var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
+};
 import * as React from 'react';
 import { useGanttPropsContext, useGanttTaskModelFieldsContext, useGanttTaskDataContext, useGanttDependencyDataContext, useGanttRowHeightContext, useGanttToolbarHeightContext, useGanttEventsContext, useGanttDependencyModelFieldsContext } from './../context/GanttContext';
 import { GanttViewContext } from '../context/GanttViewContext';
@@ -56,7 +65,7 @@ export var BaseView = React.forwardRef(function (props, ref) {
     var timelineContent = getTimelineContent(slotLevels, timelineContentRef);
     var timelineWidth = getTimelineWidth(slotLevels, slotWidth);
     var _d = React.useMemo(function () {
-        var extendedCols = readColumns(columns.concat([
+        var extendedCols = readColumns(__spreadArray(__spreadArray([], columns, true), [
             {
                 title: '',
                 sortable: false,
@@ -68,7 +77,7 @@ export var BaseView = React.forwardRef(function (props, ref) {
                 orderIndex: Number.MAX_SAFE_INTEGER,
                 navigatable: false
             }
-        ]), { prevId: 0, idPrefix: idPrefixRef.current });
+        ], false), { prevId: 0, idPrefix: idPrefixRef.current });
         var columnsWidthSum = 0;
         extendedCols.forEach(function (column, index, array) {
             var isLast = index + 1 === array.length;
@@ -135,11 +144,11 @@ export var BaseView = React.forwardRef(function (props, ref) {
             timelineSvgRef.current.style.left = timelineHeaderElement.offsetLeft - svgLeftRef.current + 'px';
             positionTimelineContent();
         }
-        onColumnResize(__assign({}, event, { columns: currentColumns }));
+        onColumnResize(__assign(__assign({}, event), { columns: currentColumns }));
     }, [onColumnResize]);
     var onColumnReorderHandler = React.useCallback(function (event) {
         var currentColumns = event.columns.slice(0, event.columns.length - 1);
-        onColumnReorder(__assign({}, event, { columns: currentColumns }));
+        onColumnReorder(__assign(__assign({}, event), { columns: currentColumns }));
     }, [onColumnResize]);
     var handleDependencyHandlePress = React.useCallback(function (dragEvent) {
         var ownerDocument = contentRef.current && contentRef.current.ownerDocument ? contentRef.current.ownerDocument : document;
@@ -235,10 +244,10 @@ export var BaseView = React.forwardRef(function (props, ref) {
             onDependencyHandleDrag: handleDependencyHandleDrag,
             onDependencyHandleRelease: handleDependencyHandleRelease
         } },
-        React.createElement("div", { className: 'k-gantt-content', ref: contentRef, style: { height: "calc(100% - " + toolbarHeight + "px)" } },
+        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("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: coordinates.startX + "," + coordinates.startY + " " + coordinates.endX + "," + coordinates.endY }))),
+                    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)) }))));
 });
 BaseView.displayName = 'KendoReactGanttBaseView';

package/dist/es/components/GanttDependency.js

@@ -45,7 +45,7 @@ export var GanttDependency = function (props) {
         var type = getter(dependencyModelFields.type)(dependency);
         var points = dependencyCoordinates(fromCoordinates, toCoordinates, rowHeight, type);
         if (points && points.length) {
-            element.current.setAttribute('points', points.map(function (point) { return point.left + "," + point.top; }).join(' '));
+            element.current.setAttribute('points', points.map(function (point) { return "".concat(point.left, ",").concat(point.top); }).join(' '));
         }
     };
     React.useEffect(drawCanvas);

package/dist/es/components/GanttTask.js

@@ -110,12 +110,12 @@ export var GanttTask = React.forwardRef(function (props, ref) {
         var left = (taskStart.getTime() - slotStart.getTime()) * pxPerMillisecond;
         var width = (taskEnd.getTime() - taskStart.getTime()) * pxPerMillisecond;
         var top = (slotElement.offsetHeight - taskElement.offsetHeight) / 2;
-        taskElement.style.left = Math.round(isMilestone ? left - MILESTONE_OFFSET : left) + "px";
-        taskElement.style.top = Math.round(top) + "px";
+        taskElement.style.left = "".concat(Math.round(isMilestone ? left - MILESTONE_OFFSET : left), "px");
+        taskElement.style.top = "".concat(Math.round(top), "px");
         if (!isMilestone) {
-            taskElement.style.width = Math.round(width) + "px";
+            taskElement.style.width = "".concat(Math.round(width), "px");
             if (completeElement !== null) {
-                completeElement.style.width = Math.round(width * (percentComplete || 0)) + "px";
+                completeElement.style.width = "".concat(Math.round(width * (percentComplete || 0)), "px");
             }
         }
         setVisible(true);

package/dist/es/components/GanttTreelist.d.ts

@@ -2,11 +2,14 @@ import * as React from 'react';
 import * as PropTypes from 'prop-types';
 import { CommonDragLogic, ExtendedColumnProps, TableKeyboardNavigationContextType } from '@progress/kendo-react-data-tools';
 import { TreeListProps } from '@progress/kendo-react-treelist';
+import { GanttCellProps } from '../interfaces/GanttCellProps';
+import { GanttHeaderCellProps } from '../interfaces/GanttHeaderCellProps';
+import { GanttFilterCellProps } from '../interfaces/GanttFilterCellProps';
 /**
  * @hidden
  */
 export interface GanttTreeListProps extends TreeListProps {
-    extendedColumns: ExtendedColumnProps[];
+    extendedColumns: ExtendedColumnProps<GanttCellProps, GanttHeaderCellProps, GanttFilterCellProps>[];
     columnsMap: number[][];
     afterContent: any;
     dataItemKey: string;
@@ -30,7 +33,7 @@ export declare class GanttTreeList extends React.Component<GanttTreeListProps, {
         }>>;
         onSortChange: PropTypes.Requireable<(...args: any[]) => any>;
         sort: PropTypes.Requireable<any[]>;
-        columns: PropTypes.Requireable<object[]>;
+        columns: PropTypes.Requireable<(object | null)[]>;
         columnVirtualization: PropTypes.Requireable<boolean>;
         filter: PropTypes.Requireable<any[]>;
         onFilterChange: PropTypes.Requireable<(...args: any[]) => any>;
@@ -57,15 +60,15 @@ export declare class GanttTreeList extends React.Component<GanttTreeListProps, {
         onDataStateChange: PropTypes.Requireable<(...args: any[]) => any>;
         onColumnResize: PropTypes.Requireable<(...args: any[]) => any>;
         onColumnReorder: PropTypes.Requireable<(...args: any[]) => any>;
-        extendedColumns: PropTypes.Requireable<object[]>;
-        columnsMap: PropTypes.Requireable<any[][]>;
+        extendedColumns: PropTypes.Requireable<(object | null)[]>;
+        columnsMap: PropTypes.Requireable<(any[] | null)[]>;
         dataItemKey: PropTypes.Validator<string>;
         afterContent: PropTypes.Requireable<any>;
         navigatable: PropTypes.Requireable<boolean>;
         idPrefix: PropTypes.Requireable<string>;
     };
     /** @hidden */
-    static contextType: React.Context<TableKeyboardNavigationContextType>;
+    static contextType: React.Context<TableKeyboardNavigationContextType | undefined>;
     state: TableKeyboardNavigationContextType;
     tableElement: HTMLTableElement | null;
     tbodyElement: HTMLTableSectionElement | null;
@@ -77,14 +80,14 @@ export declare class GanttTreeList extends React.Component<GanttTreeListProps, {
     private flattedData;
     private columnResize;
     private element;
-    protected dragLogic: CommonDragLogic;
+    protected dragLogic: CommonDragLogic<GanttCellProps, GanttHeaderCellProps, GanttFilterCellProps>;
     private _treeListId;
-    private readonly document;
+    private get document();
     private contextStateRef;
     private navigationStateRef;
     constructor(props: GanttTreeListProps);
     scrollIntoView: (options: {
-        rowIndex?: number;
+        rowIndex?: number | undefined;
     }) => void;
     /**
      * @hidden
@@ -93,7 +96,7 @@ export declare class GanttTreeList extends React.Component<GanttTreeListProps, {
     /**
      * @hidden
      */
-    getSnapshotBeforeUpdate(): any;
+    getSnapshotBeforeUpdate(): null;
     /**
      * @hidden
      */
@@ -107,7 +110,7 @@ export declare class GanttTreeList extends React.Component<GanttTreeListProps, {
      */
     render(): JSX.Element;
     private getColumns;
-    private readonly flatData;
+    private get flatData();
     private onKeyDown;
     private onFocus;
     private onRowDrag;

package/dist/es/components/GanttTreelist.js

@@ -2,10 +2,12 @@ var __extends = (this && this.__extends) || (function () {
     var extendStatics = function (d, b) {
         extendStatics = Object.setPrototypeOf ||
             ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
         return extendStatics(d, b);
     };
     return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
         extendStatics(d, b);
         function __() { this.constructor = d; }
         d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
@@ -27,10 +29,21 @@ var __rest = (this && this.__rest) || function (s, e) {
     for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
         t[p] = s[p];
     if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) if (e.indexOf(p[i]) < 0)
-            t[p[i]] = s[p[i]];
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
     return t;
 };
+var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
+};
 import * as React from 'react';
 import * as PropTypes from 'prop-types';
 import { classNames, noop, getter, guid, canUseDOM } from '@progress/kendo-react-common';
@@ -44,6 +57,10 @@ var GanttTreeList = /** @class */ (function (_super) {
     __extends(GanttTreeList, _super);
     function GanttTreeList(props) {
         var _this = _super.call(this, props) || this;
+        _this.state = {
+            activeId: undefined,
+            level: 0
+        };
         _this.tableElement = null;
         _this.tbodyElement = null;
         _this.wrapperScrollLeft = 0;
@@ -82,8 +99,8 @@ var GanttTreeList = /** @class */ (function (_super) {
             });
             if (_this.props.onKeyDown) {
                 var _a = getSelectionOptions(_this.props.selectable), mode = _a.mode, cell = _a.cell;
-                _this.props.onKeyDown.call(undefined, __assign({ dataItems: _this.getLeafDataItems(), mode: mode,
-                    cell: cell, componentId: _this._treeListId, selectedField: _this.props.selectedField }, _this.getEventArguments(event)));
+                var ev = __assign({ dataItems: _this.getLeafDataItems(), mode: mode, cell: cell, componentId: _this._treeListId, selectedField: _this.props.selectedField }, _this.getEventArguments(event));
+                _this.props.onKeyDown.call(undefined, ev);
             }
         };
         _this.onFocus = function (event) {
@@ -93,13 +110,13 @@ var GanttTreeList = /** @class */ (function (_super) {
         };
         _this.onRowDrag = function (event) {
             if (_this.props.onRowDrag) {
-                var rowDragEvent = __assign({}, event, { target: _this });
+                var rowDragEvent = __assign(__assign({}, event), { target: _this });
                 _this.props.onRowDrag.call(undefined, rowDragEvent);
             }
         };
         _this.onRowDrop = function (event) {
             if (_this.props.onRowDrop) {
-                var rowDropEvent = __assign({}, event, { target: _this });
+                var rowDropEvent = __assign(__assign({}, event), { target: _this });
                 _this.props.onRowDrop.call(undefined, rowDropEvent);
             }
         };
@@ -112,9 +129,9 @@ var GanttTreeList = /** @class */ (function (_super) {
                 } while (index < extendedColumns.length && extendedColumns[index].depth > depth);
                 return index;
             };
-            var columnsCopy = extendedColumns.slice();
+            var columnsCopy = __spreadArray([], extendedColumns, true);
             var spliced = columnsCopy.splice(prev, end(prev) - prev);
-            columnsCopy.splice.apply(columnsCopy, [prev < next ? end(next - spliced.length) : next, 0].concat(spliced));
+            columnsCopy.splice.apply(columnsCopy, __spreadArray([prev < next ? end(next - spliced.length) : next, 0], spliced, false));
             columnsCopy.filter(function (q) { return q.declarationIndex >= 0; }).forEach(function (c, i) { return c.orderIndex = i; });
             if (_this.props.onColumnReorder) {
                 var columnReorderEvent = {
@@ -193,13 +210,13 @@ var GanttTreeList = /** @class */ (function (_super) {
             if (event.field === _this.props.expandField) {
                 var expandChange = _this.props.onExpandChange;
                 if (expandChange) {
-                    var expandEvent = __assign({}, _this.getEventArguments(event.syntheticEvent), { dataItem: event.dataItem, level: event.level, value: event.value });
+                    var expandEvent = __assign(__assign({}, _this.getEventArguments(event.syntheticEvent)), { dataItem: event.dataItem, level: event.level, value: event.value });
                     expandChange.call(undefined, expandEvent);
                 }
                 return;
             }
             if (_this.props.onItemChange) {
-                var itemChangeEvent = __assign({}, _this.getEventArguments(event.syntheticEvent), { dataItem: event.dataItem, level: event.level, field: event.field, value: event.value });
+                var itemChangeEvent = __assign(__assign({}, _this.getEventArguments(event.syntheticEvent)), { dataItem: event.dataItem, level: event.level, field: event.field, value: event.value });
                 _this.props.onItemChange.call(undefined, itemChangeEvent);
             }
         };
@@ -229,6 +246,9 @@ var GanttTreeList = /** @class */ (function (_super) {
             _this.onDataStateChange(_this.props.onFilterChange, { filter: filter, field: field }, event.syntheticEvent);
         };
         _this.onColumnMenuFilterChange = function (syntheticEvent, filter, field) {
+            if (!field) {
+                return;
+            }
             var onColumnMenuFilterChange = _this.props.onColumnMenuFilterChange;
             if (!onColumnMenuFilterChange) {
                 return;
@@ -245,8 +265,7 @@ var GanttTreeList = /** @class */ (function (_super) {
         _this.onExpandChange = function (event, dataItem, level) {
             var _a = _this.props, expandField = _a.expandField, onExpandChange = _a.onExpandChange;
             if (expandField && onExpandChange) {
-                var expandChangeEvent = __assign({}, _this.getEventArguments(event), { dataItem: dataItem,
-                    level: level, value: isExpanded(dataItem, _this.props.expandField) });
+                var expandChangeEvent = __assign(__assign({}, _this.getEventArguments(event)), { dataItem: dataItem, level: level, value: isExpanded(dataItem, _this.props.expandField) });
                 onExpandChange.call(undefined, expandChangeEvent);
             }
         };
@@ -270,16 +289,16 @@ var GanttTreeList = /** @class */ (function (_super) {
         };
         _this.onPageChange = function (e) {
             if (_this.props.onPageChange) {
-                var pageChangeEvent = __assign({}, _this.getEventArguments(e.syntheticEvent), { skip: e.skip, take: e.take });
+                var pageChangeEvent = __assign(__assign({}, _this.getEventArguments(e.syntheticEvent)), { skip: e.skip, take: e.take });
                 _this.props.onPageChange.call(undefined, pageChangeEvent);
             }
         };
         _this.onDataStateChange = function (handler, data, syntheticEvent) {
             if (handler) {
-                handler.call(undefined, __assign({}, _this.getEventArguments(syntheticEvent), data));
+                handler.call(undefined, __assign(__assign({}, _this.getEventArguments(syntheticEvent)), data));
             }
             if (_this.props.onDataStateChange) {
-                var dataStateEvent = __assign({}, _this.getEventArguments(syntheticEvent), { dataState: __assign({}, _this.getDataState(), data) });
+                var dataStateEvent = __assign(__assign({}, _this.getEventArguments(syntheticEvent)), { dataState: __assign(__assign({}, _this.getDataState()), data) });
                 _this.props.onDataStateChange.call(undefined, dataStateEvent);
             }
         };
@@ -315,7 +334,7 @@ var GanttTreeList = /** @class */ (function (_super) {
             // useful only for user actions
             return (this.element && this.element.ownerDocument) || document;
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     /**
@@ -392,10 +411,10 @@ var GanttTreeList = /** @class */ (function (_super) {
                 return null;
             }
             var columnKey = column.id ? column.id : columnIndex;
-            var className = "" + (column.className ? column.className + ' ' : '')
-                + ("" + (column.locked ? 'k-grid-content-sticky' : ''));
+            var className = "".concat(column.className ? column.className + ' ' : '')
+                + "".concat(column.locked ? 'k-grid-content-sticky' : '');
             var cellProps = {
-                id: navigationTools.generateNavigatableId(rowId + "-" + String(columnIndex), idPrefix),
+                id: navigationTools.generateNavigatableId("".concat(rowId, "-").concat(String(columnIndex)), idPrefix),
                 colSpan: colSpans[columnIndex],
                 dataItem: item.dataItem,
                 field: column.field,
@@ -491,7 +510,7 @@ var GanttTreeList = /** @class */ (function (_super) {
                 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({}, (tableProps.style || {}), { userSelect: tableUserSelect }), role: 'presentation' }),
+                    React.createElement("table", __assign({}, (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))),
@@ -515,20 +534,19 @@ var GanttTreeList = /** @class */ (function (_super) {
                 this.tbodyOffsetTop > 0 &&
                 this.flattedData.length) ?
                 this.flattedData :
-                data.map(function (item) { return (__assign({}, item, itemDataMap())); });
+                data.map(function (item) { return (__assign(__assign({}, item), itemDataMap())); });
             this.prevData = data;
             this.flattedData = flattedData;
             return flattedData;
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     GanttTreeList.prototype.onSelectionChange = function (options) {
         if (this.props.onSelectionChange) {
             var event_1 = options.event, item = options.item, dataIndex = options.dataIndex, columnIndex = options.columnIndex;
             var _a = getSelectionOptions(this.props.selectable), mode = _a.mode, cell = _a.cell;
-            var selectionEvent = __assign({}, this.getEventArguments(event_1.syntheticEvent), { dataItem: item.dataItem, level: item.level, startColIndex: columnIndex, endColIndex: columnIndex, startRowIndex: dataIndex, endRowIndex: dataIndex, dataItems: this.getLeafDataItems(), altKey: false, ctrlKey: false, shiftKey: false, metaKey: false, mode: mode,
-                cell: cell, isDrag: false, componentId: this._treeListId, selectedField: this.props.selectedField || '' });
+            var selectionEvent = __assign(__assign({}, this.getEventArguments(event_1.syntheticEvent)), { dataItem: item.dataItem, level: item.level, startColIndex: columnIndex, endColIndex: columnIndex, startRowIndex: dataIndex, endRowIndex: dataIndex, dataItems: this.getLeafDataItems(), altKey: false, ctrlKey: false, shiftKey: false, metaKey: false, mode: mode, cell: cell, isDrag: false, componentId: this._treeListId, selectedField: this.props.selectedField || '' });
             this.props.onSelectionChange.call(undefined, selectionEvent);
         }
     };

package/dist/es/components/toolbar/AddButton.d.ts

@@ -1,11 +1,12 @@
 import * as React from 'react';
+import { DataItem } from '../../interfaces/DataItem';
 import { AddDirection } from '../../interfaces/AddDirection';
 /** @hidden */
 export declare const AddButton: React.ForwardRefExoticComponent<{
-    selectedTask: any;
+    selectedTask: DataItem | null;
     onClick: (options: {
         nativeEvent: any;
         syntheticEvent: any;
         direction: AddDirection;
     }) => void;
-} & React.RefAttributes<{}>>;
+} & React.RefAttributes<unknown>>;

package/dist/es/components/toolbar/Toolbar.js

@@ -14,8 +14,10 @@ var __rest = (this && this.__rest) || function (s, e) {
     for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
         t[p] = s[p];
     if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) if (e.indexOf(p[i]) < 0)
-            t[p[i]] = s[p[i]];
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
     return t;
 };
 import * as React from 'react';

package/dist/es/components/toolbar/view-selector/ViewSelector.js

@@ -14,8 +14,10 @@ var __rest = (this && this.__rest) || function (s, e) {
     for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
         t[p] = s[p];
     if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) if (e.indexOf(p[i]) < 0)
-            t[p[i]] = s[p[i]];
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
     return t;
 };
 import * as React from 'react';

package/dist/es/components/toolbar/view-selector/ViewSelectorList.d.ts

@@ -1,3 +1,3 @@
 import * as React from 'react';
 /** @hidden */
-export declare const ViewSelectorList: React.ForwardRefExoticComponent<React.RefAttributes<{}>>;
+export declare const ViewSelectorList: React.ForwardRefExoticComponent<React.RefAttributes<unknown>>;

package/dist/es/components/toolbar/view-selector/ViewSelectorList.js

@@ -29,7 +29,7 @@ export var ViewSelectorList = React.forwardRef(function () {
     }, [setActiveViewName]);
     return (React.createElement("div", { className: "k-gantt-views-wrapper" },
         React.createElement(ButtonGroup, { className: "k-gantt-views" }, views.map(function (view) { return (React.createElement(ViewSelectorItem, { key: view.props.name, view: view.props })); })),
-        (activeView) && (React.createElement(DropDownButton, { className: "k-views-dropdown", onItemClick: handleItemClick, popupSettings: { popupClass: 'k-gantt-toolbar' }, textField: "title", items: views.map(function (v) { return (__assign({}, v.props, { selected: v.props.name === activeViewName, title: typeof v.props.title === 'function'
+        (activeView) && (React.createElement(DropDownButton, { className: "k-views-dropdown", onItemClick: handleItemClick, popupSettings: { popupClass: 'k-gantt-toolbar' }, textField: "title", items: views.map(function (v) { return (__assign(__assign({}, v.props), { selected: v.props.name === activeViewName, title: typeof v.props.title === 'function'
                     ? v.props.title.call(undefined, localizationService)
                     : v.props.title })); }), text: (React.createElement(React.Fragment, null,
                 typeof activeView.props.title === 'function'