@progress/kendo-react-gantt 5.4.0-dev.202205271059 → 5.4.0-dev.202206090823

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/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,10 +9,14 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
-var __spreadArray = (this && this.__spreadArray) || function (to, from) {
-    for (var i = 0, il = from.length, j = to.length; i < il; i++, j++)
-        to[j] = from[i];
-    return to;
+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';
@@ -61,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(__spreadArray(__spreadArray([], columns), [
+        var extendedCols = readColumns(__spreadArray(__spreadArray([], columns, true), [
             {
                 title: '',
                 sortable: false,
@@ -73,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;
@@ -240,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.d.ts

@@ -5,6 +5,6 @@ export interface GanttDependencyProps {
 }
 /** @hidden */
 export declare const GanttDependency: {
-    (props: any): JSX.Element;
+    (props: GanttDependencyProps): JSX.Element;
     displayName: string;
 };

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 | undefined)[]>;
         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 | undefined)[]>;
+        columnsMap: PropTypes.Requireable<(any[] | null | undefined)[]>;
         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 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
      */

package/dist/es/components/GanttTreelist.js

@@ -35,10 +35,14 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-var __spreadArray = (this && this.__spreadArray) || function (to, from) {
-    for (var i = 0, il = from.length, j = to.length; i < il; i++, j++)
-        to[j] = from[i];
-    return to;
+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';
@@ -53,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;
@@ -91,7 +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) {
@@ -120,9 +129,9 @@ var GanttTreeList = /** @class */ (function (_super) {
                 } while (index < extendedColumns.length && extendedColumns[index].depth > depth);
                 return index;
             };
-            var columnsCopy = __spreadArray([], extendedColumns);
+            var columnsCopy = __spreadArray([], extendedColumns, true);
             var spliced = columnsCopy.splice(prev, end(prev) - prev);
-            columnsCopy.splice.apply(columnsCopy, __spreadArray([prev < next ? end(next - spliced.length) : next, 0], 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 = {
@@ -237,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;
@@ -399,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,

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

@@ -7,6 +7,6 @@ export interface ViewSelectorItemProps extends ButtonProps {
 }
 /** @hidden */
 export declare const ViewSelectorItem: {
-    (props: any): JSX.Element;
+    (props: ViewSelectorItemProps): JSX.Element;
     displayName: string;
 };

package/dist/es/editors/FormAssingmentsEditor.js

@@ -8,8 +8,8 @@ export var FormAssignemntsEditor = function (fieldRenderProps) {
     var validationMessage = fieldRenderProps.validationMessage, touched = fieldRenderProps.touched, label = fieldRenderProps.label, id = fieldRenderProps.id, valid = fieldRenderProps.valid, disabled = fieldRenderProps.disabled, hint = fieldRenderProps.hint, optional = fieldRenderProps.optional;
     var showValidationMessage = touched && validationMessage;
     var showHint = !showValidationMessage && hint;
-    var hintId = showHint ? id + "_hint" : '';
-    var errorId = showValidationMessage ? id + "_error" : '';
+    var hintId = showHint ? "".concat(id, "_hint") : '';
+    var errorId = showValidationMessage ? "".concat(id, "_error") : '';
     return (React.createElement(FieldWrapper, null,
         React.createElement(Label, { editorId: id, editorValid: valid, editorDisabled: disabled, optional: optional }, label),
         React.createElement("button", null, "Assignemts"),

package/dist/es/editors/FormDateTimePicker.js

@@ -31,13 +31,13 @@ export var FormDateTimePicker = function (fieldRenderProps) {
     var validationMessage = fieldRenderProps.validationMessage, touched = fieldRenderProps.touched, label = fieldRenderProps.label, id = fieldRenderProps.id, valid = fieldRenderProps.valid, disabled = fieldRenderProps.disabled, hint = fieldRenderProps.hint, wrapperStyle = fieldRenderProps.wrapperStyle, others = __rest(fieldRenderProps, ["validationMessage", "touched", "label", "id", "valid", "disabled", "hint", "wrapperStyle"]);
     var showValidationMessage = touched && validationMessage;
     var showHint = !showValidationMessage && hint;
-    var hintId = showHint ? id + "_hint" : '';
-    var errorId = showValidationMessage ? id + "_error" : '';
-    var labelId = label ? id + "_label" : '';
+    var hintId = showHint ? "".concat(id, "_hint") : '';
+    var errorId = showValidationMessage ? "".concat(id, "_error") : '';
+    var labelId = label ? "".concat(id, "_label") : '';
     return (React.createElement(FieldWrapper, { style: wrapperStyle },
         React.createElement(Label, { id: labelId, editorId: id, editorValid: valid, editorDisabled: disabled }, label),
         React.createElement("div", { className: 'k-form-field-wrap' },
-            React.createElement(DateTimePicker, __assign({ ariaLabelledBy: labelId, ariaDescribedBy: hintId + " " + errorId, valid: valid, id: id, disabled: disabled }, others)),
+            React.createElement(DateTimePicker, __assign({ ariaLabelledBy: labelId, ariaDescribedBy: "".concat(hintId, " ").concat(errorId), valid: valid, id: id, disabled: disabled }, others)),
             showHint &&
                 React.createElement(Hint, { id: hintId }, hint),
             showValidationMessage &&

package/dist/es/editors/FormInput.js

@@ -31,12 +31,12 @@ export var FormInput = function (fieldRenderProps) {
     var validationMessage = fieldRenderProps.validationMessage, touched = fieldRenderProps.touched, label = fieldRenderProps.label, id = fieldRenderProps.id, valid = fieldRenderProps.valid, disabled = fieldRenderProps.disabled, hint = fieldRenderProps.hint, type = fieldRenderProps.type, optional = fieldRenderProps.optional, others = __rest(fieldRenderProps, ["validationMessage", "touched", "label", "id", "valid", "disabled", "hint", "type", "optional"]);
     var showValidationMessage = touched && validationMessage;
     var showHint = !showValidationMessage && hint;
-    var hintId = showHint ? id + "_hint" : '';
-    var errorId = showValidationMessage ? id + "_error" : '';
+    var hintId = showHint ? "".concat(id, "_hint") : '';
+    var errorId = showValidationMessage ? "".concat(id, "_error") : '';
     return (React.createElement(FieldWrapper, null,
         React.createElement(Label, { editorId: id, editorValid: valid, editorDisabled: disabled, optional: optional }, label),
         React.createElement("div", { className: 'k-form-field-wrap' },
-            React.createElement(Input, __assign({ valid: valid, type: type, id: id, disabled: disabled, ariaDescribedBy: hintId + " " + errorId }, others)),
+            React.createElement(Input, __assign({ valid: valid, type: type, id: id, disabled: disabled, ariaDescribedBy: "".concat(hintId, " ").concat(errorId) }, others)),
             showHint &&
                 React.createElement(Hint, { id: hintId }, hint),
             showValidationMessage &&

package/dist/es/editors/FormNumericTextBox.js

@@ -31,12 +31,12 @@ export var FormNumericTextBox = function (fieldRenderProps) {
     var validationMessage = fieldRenderProps.validationMessage, touched = fieldRenderProps.touched, label = fieldRenderProps.label, id = fieldRenderProps.id, valid = fieldRenderProps.valid, disabled = fieldRenderProps.disabled, hint = fieldRenderProps.hint, others = __rest(fieldRenderProps, ["validationMessage", "touched", "label", "id", "valid", "disabled", "hint"]);
     var showValidationMessage = touched && validationMessage;
     var showHint = !showValidationMessage && hint;
-    var hintId = showHint ? id + "_hint" : '';
-    var errorId = showValidationMessage ? id + "_error" : '';
+    var hintId = showHint ? "".concat(id, "_hint") : '';
+    var errorId = showValidationMessage ? "".concat(id, "_error") : '';
     return (React.createElement(FieldWrapper, null,
         React.createElement(Label, { editorId: id, editorValid: valid, editorDisabled: disabled }, label),
         React.createElement("div", { className: 'k-form-field-wrap' },
-            React.createElement(NumericTextBox, __assign({ ariaDescribedBy: hintId + " " + errorId, valid: valid, id: id, disabled: disabled }, others)),
+            React.createElement(NumericTextBox, __assign({ ariaDescribedBy: "".concat(hintId, " ").concat(errorId), valid: valid, id: id, disabled: disabled }, others)),
             showHint &&
                 React.createElement(Hint, { id: hintId }, hint),
             showValidationMessage &&

package/dist/es/editors/GanttEditor.js

@@ -32,8 +32,8 @@ export var GanttEditor = function () {
     var startValidators = React.useMemo(function () { return [requiredValidator, startAfterEndValidator]; }, [requiredValidator, startAfterEndValidator]);
     var endValidators = React.useMemo(function () { return [requiredValidator, endAfterStartValidator]; }, [requiredValidator, endAfterStartValidator]);
     return (React.createElement(FormElement, { style: { width: 400 }, horizontal: true },
-        React.createElement(Field, { id: taskModelFields.title + "_gantteditor", name: taskModelFields.title, label: taskTitleMessage, component: FormInput, validator: requiredValidator }),
-        React.createElement(Field, { id: taskModelFields.start + "_gantteditor", name: taskModelFields.start, label: taskStartMessage, component: FormDateTimePicker, validator: startValidators }),
-        React.createElement(Field, { id: taskModelFields.end + "_gantteditor", name: taskModelFields.end, label: taskEndMessage, component: FormDateTimePicker, validator: endValidators }),
-        React.createElement(Field, { id: taskModelFields.percentComplete + "_gantteditor", name: taskModelFields.percentComplete, format: 'p', label: taskCompleteMessage, component: FormNumericTextBox, step: 0.01, validator: requiredValidator })));
+        React.createElement(Field, { id: "".concat(taskModelFields.title, "_gantteditor"), name: taskModelFields.title, label: taskTitleMessage, component: FormInput, validator: requiredValidator }),
+        React.createElement(Field, { id: "".concat(taskModelFields.start, "_gantteditor"), name: taskModelFields.start, label: taskStartMessage, component: FormDateTimePicker, validator: startValidators }),
+        React.createElement(Field, { id: "".concat(taskModelFields.end, "_gantteditor"), name: taskModelFields.end, label: taskEndMessage, component: FormDateTimePicker, validator: endValidators }),
+        React.createElement(Field, { id: "".concat(taskModelFields.percentComplete, "_gantteditor"), name: taskModelFields.percentComplete, format: 'p', label: taskCompleteMessage, component: FormNumericTextBox, step: 0.01, validator: requiredValidator })));
 };

package/dist/es/editors/GanttForm.d.ts

@@ -41,4 +41,4 @@ export interface GanttFormProps {
 /**
  * Represents the default `form` component rendered by the [KendoReact GanttEditItem component]({% slug api_gantt_ganttedititem  %}).
  */
-export declare const GanttForm: (props: GanttFormProps) => React.ReactPortal;
+export declare const GanttForm: (props: GanttFormProps) => React.ReactPortal | null;

package/dist/es/editors/GanttForm.js

@@ -44,18 +44,21 @@ export var GanttForm = function (props) {
     var editorTitleMessage = localizeMessage(editorTitle);
     var handleCancel = React.useCallback(function (syntheticEvent) {
         if (onCancel) {
-            onCancel.call(undefined, { syntheticEvent: syntheticEvent, nativeEvent: syntheticEvent && syntheticEvent.nativeEvent });
+            var ev = { syntheticEvent: syntheticEvent, nativeEvent: syntheticEvent.nativeEvent, dataItem: props.dataItem };
+            onCancel.call(undefined, ev);
         }
-    }, [onCancel]);
+    }, [onCancel, props.dataItem]);
     var handleClose = React.useCallback(function (_a) {
         var syntheticEvent = _a.syntheticEvent;
         if (onClose) {
-            onClose.call(undefined, { syntheticEvent: syntheticEvent, nativeEvent: syntheticEvent && syntheticEvent.nativeEvent });
+            var ev = { syntheticEvent: syntheticEvent, nativeEvent: syntheticEvent.nativeEvent, dataItem: props.dataItem };
+            onClose.call(undefined, ev);
         }
-    }, [onClose]);
+    }, [onClose, props.dataItem]);
     var handleSubmit = React.useCallback(function (dataItem, syntheticEvent) {
         if (onSubmit) {
-            onSubmit.call(undefined, { dataItem: dataItem, syntheticEvent: syntheticEvent, nativeEvent: syntheticEvent && syntheticEvent.nativeEvent });
+            var ev = { dataItem: dataItem, syntheticEvent: syntheticEvent, nativeEvent: syntheticEvent && syntheticEvent.nativeEvent };
+            onSubmit.call(undefined, ev);
         }
     }, [onSubmit]);
     var formElement = (React.createElement(Form, __assign({ initialValues: props.dataItem, onSubmit: handleSubmit, render: function (renderProps) { return (React.createElement(Dialog, { title: editorTitleMessage, minWidth: 600, onClose: handleClose, style: { zIndex: 90 } },

package/dist/es/editors/GanttRemoveDialog.d.ts

@@ -41,4 +41,4 @@ export interface GanttRemoveDialogProps {
 /**
  * Represents the default `removeDialog` component rendered by the [KendoReact GanttEditItem component]({% slug api_gantt_ganttedititem  %}).
  */
-export declare const GanttRemoveDialog: (props: GanttRemoveDialogProps) => React.ReactPortal;
+export declare const GanttRemoveDialog: (props: GanttRemoveDialogProps) => React.ReactPortal | null;

package/dist/es/hooks/useControlledState.d.ts

@@ -1,4 +1,4 @@
 /** @hidden */
 export declare type ControlledStateHook<T> = [T, (value: T, event?: any) => void];
 /** @hidden */
-export declare const useControlledState: <T extends unknown>(defaultProp: T, prop?: T, callback?: any) => ControlledStateHook<T>;
+export declare const useControlledState: <T extends unknown>(defaultProp: T, prop?: T | undefined, callback?: any) => ControlledStateHook<T>;

package/dist/es/interfaces/GanttCellProps.d.ts

@@ -3,7 +3,7 @@ import { CellProps } from '@progress/kendo-react-data-tools';
 /**
  * Represents the props of the GanttCell component.
  */
-export interface GanttCellProps extends CellProps {
+export interface GanttCellProps extends Omit<CellProps, 'onChange' | 'render'> {
     /**
      * An array of indexes of each parent and current item in the data tree.
      */

package/dist/es/interfaces/GanttColumnProps.d.ts

@@ -6,7 +6,7 @@ import { GanttFilterCellProps } from './GanttFilterCellProps';
 /**
  * The props of the columns of the Gantt component.
  */
-export interface GanttColumnProps extends TreeColumnBaseProps {
+export interface GanttColumnProps extends Omit<TreeColumnBaseProps, 'children' | 'editCell' | 'cell'> {
     /**
      * Defines the component that will be rendered as a cell. If not set, a `GanttCell` will be rendered by default.
      */

package/dist/es/interfaces/GanttSortSettings.js

@@ -1,7 +1,11 @@
-var __spreadArray = (this && this.__spreadArray) || function (to, from) {
-    for (var i = 0, il = from.length, j = to.length; i < il; i++, j++)
-        to[j] = from[i];
-    return to;
+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));
 };
 /**
  * @hidden
@@ -11,5 +15,5 @@ export var normalize = function () {
     for (var _i = 0; _i < arguments.length; _i++) {
         settings[_i] = arguments[_i];
     }
-    return Object.assign.apply(Object, __spreadArray([{ allowUnsort: true, mode: 'single' }], settings));
+    return Object.assign.apply(Object, __spreadArray([{ allowUnsort: true, mode: 'single' }], settings, false));
 };

package/dist/es/package-metadata.js

@@ -5,7 +5,7 @@ export var packageMetadata = {
     name: '@progress/kendo-react-gantt',
     productName: 'KendoReact',
     productCodes: ['KENDOUIREACT', 'KENDOUICOMPLETE'],
-    publishDate: 1653648535,
+    publishDate: 1654762319,
     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.d.ts

@@ -109,21 +109,15 @@ export declare const toRanges: (dateRange: DateRange, { step, timezone }: {
 /**
  * @hidden
  */
-export declare const toWeekRanges: (dateRange: DateRange, { timezone }: {
-    timezone: any;
-}, intl: any) => DateRange[];
+export declare const toWeekRanges: (dateRange: DateRange, { timezone }: any, intl: any) => DateRange[];
 /**
  * @hidden
  */
-export declare const toMonthRanges: (dateRange: DateRange, { timezone }: {
-    timezone: any;
-}) => DateRange[];
+export declare const toMonthRanges: (dateRange: DateRange, { timezone }: any) => DateRange[];
 /**
  * @hidden
  */
-export declare const toYearRanges: (dateRange: DateRange, { timezone }: {
-    timezone: any;
-}) => DateRange[];
+export declare const toYearRanges: (dateRange: DateRange, { timezone }: any) => DateRange[];
 /**
  * @hidden
  */
@@ -131,7 +125,7 @@ export declare const getHourSlots: (range: DateRange, options: {
     workDayEnd: string;
     workDayStart: string;
     slotDuration: number;
-    timezone?: string;
+    timezone?: string | undefined;
 }, intl: any) => Slot[];
 /**
  * @hidden
@@ -173,11 +167,11 @@ export declare const getTimelineWidth: (slotLevels: Slot[][], slotWidth: number)
 /**
  * @hidden
  */
-export declare const isExpanded: (dataItem: any, expandedField: any) => boolean;
+export declare const isExpanded: (dataItem: any, expandedField: string) => boolean;
 /**
  * @hidden
  */
-export declare const hasChildren: (dataItem: any, childrenField: any) => boolean;
+export declare const hasChildren: (dataItem: any, childrenField: string) => boolean;
 /**
  * @hidden
  */

package/dist/es/utils/index.js

@@ -9,10 +9,14 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
-var __spreadArray = (this && this.__spreadArray) || function (to, from) {
-    for (var i = 0, il = from.length, j = to.length; i < il; i++, j++)
-        to[j] = from[i];
-    return to;
+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 { classNames, getter } from '@progress/kendo-react-common';
@@ -356,7 +360,7 @@ export var getWeekSlots = function (range, options, intl) {
             range: currentRange,
             isWork: false,
             span: span,
-            text: intl.formatDate(currentRange.zonedStart, DAY_DATE_FORMAT) + " - " + intl.formatDate(currentRange.zonedEnd, DAY_DATE_FORMAT),
+            text: "".concat(intl.formatDate(currentRange.zonedStart, DAY_DATE_FORMAT), " - ").concat(intl.formatDate(currentRange.zonedEnd, DAY_DATE_FORMAT)),
             type: 'week'
         };
     });
@@ -445,7 +449,7 @@ export var hasChildren = function (dataItem, childrenField) { return Boolean(get
  */
 export var expandedChildren = function (expandedField, childrenField) { return function (dataItem) {
     if (isExpanded(dataItem, expandedField) && hasChildren(dataItem, childrenField)) {
-        return __spreadArray([], getter(childrenField)(dataItem));
+        return __spreadArray([], getter(childrenField)(dataItem), true);
     }
     return [];
 }; };

package/dist/es/views/GanttDayView.d.ts

@@ -12,6 +12,6 @@ export interface GanttDayViewProps extends GanttViewProps {
 /**
  * Represents the KendoReact DayView Component.
  */
-export declare const GanttDayView: React.ForwardRefExoticComponent<GanttDayViewProps & React.RefAttributes<GanttViewHandle>>;
+export declare const GanttDayView: React.ForwardRefExoticComponent<GanttDayViewProps & React.RefAttributes<GanttViewHandle | null>>;
 /** @hidden */
 export declare const defaultProps: GanttDayViewProps;

package/dist/es/views/GanttMonthView.d.ts

@@ -8,6 +8,6 @@ export interface GanttMonthViewProps extends GanttViewProps {
 /**
  * Represents the KendoReact MonthView Component.
  */
-export declare const GanttMonthView: React.ForwardRefExoticComponent<GanttMonthViewProps & React.RefAttributes<GanttViewHandle>>;
+export declare const GanttMonthView: React.ForwardRefExoticComponent<GanttMonthViewProps & React.RefAttributes<GanttViewHandle | null>>;
 /** @hidden */
 export declare const defaultProps: GanttMonthViewProps;

package/dist/es/views/GanttWeekView.d.ts

@@ -8,6 +8,6 @@ export interface GanttWeekViewProps extends GanttViewProps {
 /**
  * Represents the KendoReact WeekView Component.
  */
-export declare const GanttWeekView: React.ForwardRefExoticComponent<GanttWeekViewProps & React.RefAttributes<GanttViewHandle>>;
+export declare const GanttWeekView: React.ForwardRefExoticComponent<GanttWeekViewProps & React.RefAttributes<GanttViewHandle | null>>;
 /** @hidden */
 export declare const defaultProps: GanttWeekViewProps;

package/dist/es/views/GanttYearView.d.ts

@@ -8,6 +8,6 @@ export interface GanttYearViewProps extends GanttViewProps {
 /**
  * Represents the KendoReact YearView Component.
  */
-export declare const GanttYearView: React.ForwardRefExoticComponent<GanttYearViewProps & React.RefAttributes<GanttViewHandle>>;
+export declare const GanttYearView: React.ForwardRefExoticComponent<GanttYearViewProps & React.RefAttributes<GanttViewHandle | null>>;
 /** @hidden */
 export declare const defaultProps: GanttYearViewProps;

package/dist/npm/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>>;