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

package/dist/npm/Gantt.js

@@ -33,21 +33,21 @@ var AddButton_1 = require("./components/toolbar/AddButton");
  * Represents the Gantt component.
  */
 exports.Gantt = React.forwardRef(function (props, ref) {
-    kendo_react_common_2.validatePackage(package_metadata_1.packageMetadata);
+    (0, kendo_react_common_2.validatePackage)(package_metadata_1.packageMetadata);
     var _a = props.columns, columns = _a === void 0 ? defaultProps.columns : _a, _b = props.taskData, taskData = _b === void 0 ? defaultProps.taskData : _b, _c = props.dependencyData, dependencyData = _c === void 0 ? defaultProps.dependencyData : _c, style = props.style, className = props.className, noRecords = props.noRecords, timezone = props.timezone, _d = props.rowHeight, rowHeight = _d === void 0 ? defaultProps.rowHeight : _d, resizable = props.resizable, reorderable = props.reorderable, sortable = props.sortable, sort = props.sort, filter = props.filter, columnMenuFilter = props.columnMenuFilter, columnMenu = props.columnMenu, navigatable = props.navigatable, toolbar = props.toolbar, row = props.row, selectable = props.selectable;
-    var intl = kendo_react_intl_1.useInternationalization();
-    var taskModelFields = React.useMemo(function () { return utils_1.getTaskModelFields(props.taskModelFields); }, [props.taskModelFields]).fields;
-    var dependencyModelFields = React.useMemo(function () { return utils_1.getDependencyModelFields(props.dependencyModelFields); }, [props.dependencyModelFields]).fields;
-    var getExpandedChildren = React.useCallback(utils_1.expandedChildren(taskModelFields.isExpanded, taskModelFields.children), [taskModelFields.isExpanded, taskModelFields.children]);
+    var intl = (0, kendo_react_intl_1.useInternationalization)();
+    var taskModelFields = React.useMemo(function () { return (0, utils_1.getTaskModelFields)(props.taskModelFields); }, [props.taskModelFields]).fields;
+    var dependencyModelFields = React.useMemo(function () { return (0, utils_1.getDependencyModelFields)(props.dependencyModelFields); }, [props.dependencyModelFields]).fields;
+    var getExpandedChildren = React.useCallback((0, utils_1.expandedChildren)(taskModelFields.isExpanded, taskModelFields.children), [taskModelFields.isExpanded, taskModelFields.children]);
     var viewRef = React.useRef(null);
     var startDateRef = React.useRef(null);
     var endDateRef = React.useRef(null);
     var selectedTaskRef = React.useRef(null);
     var firstSlotRangeRef = React.useRef(null);
     var getDataDateRangeAndSelection = React.useCallback(function (dataItem) {
-        var startDate = kendo_react_common_1.getter(taskModelFields.start)(dataItem);
-        var endDate = kendo_react_common_1.getter(taskModelFields.end)(dataItem);
-        var selected = kendo_react_common_1.getter(taskModelFields.isSelected)(dataItem);
+        var startDate = (0, kendo_react_common_1.getter)(taskModelFields.start)(dataItem);
+        var endDate = (0, kendo_react_common_1.getter)(taskModelFields.end)(dataItem);
+        var selected = (0, kendo_react_common_1.getter)(taskModelFields.isSelected)(dataItem);
         if (!startDateRef.current || startDate < startDateRef.current) {
             startDateRef.current = startDate;
         }
@@ -62,14 +62,14 @@ exports.Gantt = React.forwardRef(function (props, ref) {
         startDateRef.current = null;
         endDateRef.current = null;
         selectedTaskRef.current = null;
-        return kendo_react_treelist_1.flatData(taskData, getExpandedChildren, getDataDateRangeAndSelection);
+        return (0, kendo_react_treelist_1.flatData)(taskData, getExpandedChildren, getDataDateRangeAndSelection);
     }, [taskData, getExpandedChildren]);
     if (!startDateRef.current || !endDateRef.current) {
         startDateRef.current = new Date(constants_1.DEFAULT_DATE);
         endDateRef.current = new Date(constants_1.DEFAULT_DATE);
     }
     var views = React.Children.toArray(props.children || [React.createElement(GanttWeekView_1.GanttWeekView, { key: 'week', firstSlotRangeRef: firstSlotRangeRef })]);
-    var _e = useControlledState_1.useControlledState(props.defaultView || views[0].props.name, props.view, props.onViewChange), activeViewName = _e[0], setActiveViewName = _e[1];
+    var _e = (0, useControlledState_1.useControlledState)(props.defaultView || views[0].props.name, props.view, props.onViewChange), activeViewName = _e[0], setActiveViewName = _e[1];
     var view = views.find(function (currentView) { return currentView.props.name === activeViewName; }) || views[0];
     var dateRange = typeof view.props.dateRange === 'function'
         ? view.props.dateRange.call(undefined, {
@@ -193,7 +193,7 @@ exports.Gantt = React.forwardRef(function (props, ref) {
         if (props.onDependencyCreate) {
             var fromId = void 0;
             var toId = void 0;
-            var idGetter = kendo_react_common_1.getter(taskModelFields.id);
+            var idGetter = (0, kendo_react_common_1.getter)(taskModelFields.id);
             for (var i = 0; i < flatTaskData.length; i++) {
                 var currentItem = flatTaskData[i];
                 var id = idGetter(currentItem.dataItem);
@@ -251,7 +251,7 @@ exports.Gantt = React.forwardRef(function (props, ref) {
             onTaskContextMenu: handleTaskContextMenu,
             onTaskRemoveClick: props.onTaskRemoveClick && handleTaskRemoveClick
         } },
-        React.createElement("div", { ref: elementRef, style: style, className: kendo_react_common_1.classNames('k-gantt', className) },
+        React.createElement("div", { ref: elementRef, style: style, className: (0, kendo_react_common_1.classNames)('k-gantt', className) },
             React.createElement(Toolbar_1.Toolbar, { ref: toolbarRef },
                 toolbar && toolbar.addTaskButton ?
                     React.createElement(AddButton_1.AddButton, { selectedTask: selectedTaskRef.current, onClick: handleAddClick })

package/dist/npm/GanttNoRecords.js

@@ -32,9 +32,9 @@ var GanttNoRecords = /** @class */ (function (_super) {
      * @hidden
      */
     GanttNoRecords.prototype.render = function () {
-        return this.props.children || kendo_react_intl_1.provideLocalizationService(this).toLanguageString(messages_1.noRecords, messages_1.messages[messages_1.noRecords]);
+        return this.props.children || (0, kendo_react_intl_1.provideLocalizationService)(this).toLanguageString(messages_1.noRecords, messages_1.messages[messages_1.noRecords]);
     };
     return GanttNoRecords;
 }(React.Component));
 exports.GanttNoRecords = GanttNoRecords;
-kendo_react_intl_1.registerForLocalization(GanttNoRecords);
+(0, kendo_react_intl_1.registerForLocalization)(GanttNoRecords);

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

@@ -29,7 +29,7 @@ var utils_1 = require("./utils");
 var kendo_react_intl_1 = require("@progress/kendo-react-intl");
 var GanttBooleanFilter = function (props) {
     var operators = props.operators, restProps = __rest(props, ["operators"]);
-    return (React.createElement(kendo_react_data_tools_1.BooleanFilterCell, __assign({}, utils_1.localizeFilter(kendo_react_intl_1.useLocalization(), operators || utils_1.booleanFilterValues), restProps)));
+    return (React.createElement(kendo_react_data_tools_1.BooleanFilterCell, __assign({}, (0, utils_1.localizeFilter)((0, kendo_react_intl_1.useLocalization)(), operators || utils_1.booleanFilterValues), restProps)));
 };
 exports.GanttBooleanFilter = GanttBooleanFilter;
 exports.GanttBooleanFilter.displayName = 'KendoReactGanttBooleanFilter';

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

@@ -29,7 +29,7 @@ var utils_1 = require("./utils");
 var kendo_react_intl_1 = require("@progress/kendo-react-intl");
 var GanttDateFilter = function (props) {
     var operators = props.operators, restProps = __rest(props, ["operators"]);
-    return (React.createElement(kendo_react_data_tools_1.DateFilterCell, __assign({}, utils_1.localizeFilter(kendo_react_intl_1.useLocalization(), operators || utils_1.dateFilterOperators), restProps)));
+    return (React.createElement(kendo_react_data_tools_1.DateFilterCell, __assign({}, (0, utils_1.localizeFilter)((0, kendo_react_intl_1.useLocalization)(), operators || utils_1.dateFilterOperators), restProps)));
 };
 exports.GanttDateFilter = GanttDateFilter;
 exports.GanttDateFilter.displayName = 'KendoReactGanttDateFilter';

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

@@ -29,7 +29,7 @@ var utils_1 = require("./utils");
 var kendo_react_intl_1 = require("@progress/kendo-react-intl");
 var GanttNumericFilter = function (props) {
     var operators = props.operators, restProps = __rest(props, ["operators"]);
-    return (React.createElement(kendo_react_data_tools_1.NumericFilterCell, __assign({}, utils_1.localizeFilter(kendo_react_intl_1.useLocalization(), operators || utils_1.numericFilterOperators), restProps)));
+    return (React.createElement(kendo_react_data_tools_1.NumericFilterCell, __assign({}, (0, utils_1.localizeFilter)((0, kendo_react_intl_1.useLocalization)(), operators || utils_1.numericFilterOperators), restProps)));
 };
 exports.GanttNumericFilter = GanttNumericFilter;
 exports.GanttNumericFilter.displayName = 'KendoReactGanttNumericFilter';

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

@@ -29,7 +29,7 @@ var utils_1 = require("./utils");
 var kendo_react_intl_1 = require("@progress/kendo-react-intl");
 var GanttTextFilter = function (props) {
     var operators = props.operators, restProps = __rest(props, ["operators"]);
-    return (React.createElement(kendo_react_data_tools_1.TextFilterCell, __assign({}, utils_1.localizeFilter(kendo_react_intl_1.useLocalization(), operators || utils_1.textFilterOperators), restProps)));
+    return (React.createElement(kendo_react_data_tools_1.TextFilterCell, __assign({}, (0, utils_1.localizeFilter)((0, kendo_react_intl_1.useLocalization)(), operators || utils_1.textFilterOperators), restProps)));
 };
 exports.GanttTextFilter = GanttTextFilter;
 exports.GanttTextFilter.displayName = 'KendoReactGanttTextFilter';

package/dist/npm/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/npm/components/BaseView.js

@@ -10,10 +10,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));
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.BaseView = void 0;
@@ -30,20 +34,20 @@ var GanttTreelist_1 = require("./GanttTreelist");
 var kendo_react_common_1 = require("@progress/kendo-react-common");
 exports.BaseView = React.forwardRef(function (props, ref) {
     var slotLevels = props.slotLevels, slotWidth = props.slotWidth, timelineHeaderCell = props.timelineHeaderCell;
-    var _a = GanttContext_1.useGanttPropsContext(), columns = _a.columns, noRecords = _a.noRecords, resizable = _a.resizable, reorderable = _a.reorderable, sortable = _a.sortable, sort = _a.sort, filter = _a.filter, columnMenuFilter = _a.columnMenuFilter, columnMenu = _a.columnMenu, navigatable = _a.navigatable, row = _a.row, selectable = _a.selectable;
-    var _b = GanttContext_1.useGanttEventsContext(), onDataStateChange = _b.onDataStateChange, onSortChange = _b.onSortChange, onFilterChange = _b.onFilterChange, onColumnMenuFilterChange = _b.onColumnMenuFilterChange, onExpandChange = _b.onExpandChange, onRowClick = _b.onRowClick, onRowDoubleClick = _b.onRowDoubleClick, onRowContextMenu = _b.onRowContextMenu, onColumnResize = _b.onColumnResize, onColumnReorder = _b.onColumnReorder, onDependencyCreate = _b.onDependencyCreate, onKeyDown = _b.onKeyDown, onSelectionChange = _b.onSelectionChange, onHeaderSelectionChange = _b.onHeaderSelectionChange;
-    var rowHeight = GanttContext_1.useGanttRowHeightContext();
-    var toolbarHeight = GanttContext_1.useGanttToolbarHeightContext();
-    var taskModelFields = GanttContext_1.useGanttTaskModelFieldsContext();
-    var dependencyModelFields = GanttContext_1.useGanttDependencyModelFieldsContext();
-    var tasksData = GanttContext_1.useGanttTaskDataContext();
-    var dependenciesData = GanttContext_1.useGanttDependencyDataContext();
+    var _a = (0, GanttContext_1.useGanttPropsContext)(), columns = _a.columns, noRecords = _a.noRecords, resizable = _a.resizable, reorderable = _a.reorderable, sortable = _a.sortable, sort = _a.sort, filter = _a.filter, columnMenuFilter = _a.columnMenuFilter, columnMenu = _a.columnMenu, navigatable = _a.navigatable, row = _a.row, selectable = _a.selectable;
+    var _b = (0, GanttContext_1.useGanttEventsContext)(), onDataStateChange = _b.onDataStateChange, onSortChange = _b.onSortChange, onFilterChange = _b.onFilterChange, onColumnMenuFilterChange = _b.onColumnMenuFilterChange, onExpandChange = _b.onExpandChange, onRowClick = _b.onRowClick, onRowDoubleClick = _b.onRowDoubleClick, onRowContextMenu = _b.onRowContextMenu, onColumnResize = _b.onColumnResize, onColumnReorder = _b.onColumnReorder, onDependencyCreate = _b.onDependencyCreate, onKeyDown = _b.onKeyDown, onSelectionChange = _b.onSelectionChange, onHeaderSelectionChange = _b.onHeaderSelectionChange;
+    var rowHeight = (0, GanttContext_1.useGanttRowHeightContext)();
+    var toolbarHeight = (0, GanttContext_1.useGanttToolbarHeightContext)();
+    var taskModelFields = (0, GanttContext_1.useGanttTaskModelFieldsContext)();
+    var dependencyModelFields = (0, GanttContext_1.useGanttDependencyModelFieldsContext)();
+    var tasksData = (0, GanttContext_1.useGanttTaskDataContext)();
+    var dependenciesData = (0, GanttContext_1.useGanttDependencyDataContext)();
     var timelineHeaderRef = React.useRef(null);
     var timelineContentRef = React.useRef(null);
     var treelistRef = React.useRef(null);
     var timelineSvgRef = React.useRef(null);
     var svgLeftRef = React.useRef(0);
-    var idPrefixRef = React.useRef(kendo_react_common_1.guid());
+    var idPrefixRef = React.useRef((0, kendo_react_common_1.guid)());
     var contentRef = React.useRef(null);
     var baseViewRef = React.useRef(null);
     var scrollIntoView = React.useCallback(function (options) {
@@ -60,11 +64,11 @@ exports.BaseView = React.forwardRef(function (props, ref) {
     var startIdRef = React.useRef(null);
     var startDirectionRef = React.useRef(null);
     var _c = React.useState(null), coordinates = _c[0], setCoordinates = _c[1];
-    var timelineHeader = utils_1.getTimelineHeader(slotLevels, timelineHeaderRef, timelineHeaderCell);
-    var timelineContent = utils_1.getTimelineContent(slotLevels, timelineContentRef);
-    var timelineWidth = utils_1.getTimelineWidth(slotLevels, slotWidth);
+    var timelineHeader = (0, utils_1.getTimelineHeader)(slotLevels, timelineHeaderRef, timelineHeaderCell);
+    var timelineContent = (0, utils_1.getTimelineContent)(slotLevels, timelineContentRef);
+    var timelineWidth = (0, utils_1.getTimelineWidth)(slotLevels, slotWidth);
     var _d = React.useMemo(function () {
-        var extendedCols = kendo_react_data_tools_1.readColumns(__spreadArray(__spreadArray([], columns), [
+        var extendedCols = (0, kendo_react_data_tools_1.readColumns)(__spreadArray(__spreadArray([], columns, true), [
             {
                 title: '',
                 sortable: false,
@@ -76,7 +80,7 @@ exports.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;
@@ -97,10 +101,10 @@ exports.BaseView = React.forwardRef(function (props, ref) {
         return {
             extendedColumns: extendedCols,
             columnsWidth: columnsWidthSum,
-            columnsMap: kendo_react_data_tools_1.mapColumns(extendedCols)
+            columnsMap: (0, kendo_react_data_tools_1.mapColumns)(extendedCols)
         };
     }, [columns, timelineWidth]), extendedColumns = _d.extendedColumns, columnsWidth = _d.columnsWidth, columnsMap = _d.columnsMap;
-    var _e = useDictionaryStore_1.useDictionaryStore(), tasksStore = _e[0], dispatchTaskRef = _e[1];
+    var _e = (0, useDictionaryStore_1.useDictionaryStore)(), tasksStore = _e[0], dispatchTaskRef = _e[1];
     var getTimelineHeaderElement = React.useCallback(function () { return timelineHeaderRef.current && timelineHeaderRef.current.parentElement; }, []);
     var positionTimelineContent = function () {
         var timelineHeaderElement = getTimelineHeaderElement();
@@ -243,10 +247,10 @@ exports.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_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("svg", { className: 'k-gantt-dependencies-svg', ref: timelineSvgRef, style: { left: 0, top: 0 } }, dependenciesData.map(function (dependency) { return React.createElement(GanttDependency_1.GanttDependency, { key: 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: coordinates.startX + "," + coordinates.startY + " " + coordinates.endX + "," + coordinates.endY }))),
+                    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)) }))));
 });
 exports.BaseView.displayName = 'KendoReactGanttBaseView';

package/dist/npm/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/npm/components/GanttDependency.js

@@ -9,18 +9,18 @@ var GanttViewContext_1 = require("../context/GanttViewContext");
 /** @hidden */
 var GanttDependency = function (props) {
     var dependency = props.dependency;
-    var tasksStore = GanttViewContext_1.useGanttViewTasksContext()[0];
+    var tasksStore = (0, GanttViewContext_1.useGanttViewTasksContext)()[0];
     var element = React.useRef(null);
-    var dependencyModelFields = GanttContext_1.useGanttDependencyModelFieldsContext();
-    var rowHeight = GanttContext_1.useGanttRowHeightContext();
+    var dependencyModelFields = (0, GanttContext_1.useGanttDependencyModelFieldsContext)();
+    var rowHeight = (0, GanttContext_1.useGanttRowHeightContext)();
     var _a = React.useState(false), display = _a[0], setDisplay = _a[1];
     var drawCanvas = function () {
         if (element.current === null || tasksStore.current === null) {
             setDisplay(false);
             return;
         }
-        var fromId = tasksStore.current[kendo_react_common_1.getter(dependencyModelFields.fromId)(dependency)];
-        var toId = tasksStore.current[kendo_react_common_1.getter(dependencyModelFields.toId)(dependency)];
+        var fromId = tasksStore.current[(0, kendo_react_common_1.getter)(dependencyModelFields.fromId)(dependency)];
+        var toId = tasksStore.current[(0, kendo_react_common_1.getter)(dependencyModelFields.toId)(dependency)];
         if (!fromId || !toId) {
             setDisplay(false);
             return;
@@ -45,10 +45,10 @@ var GanttDependency = function (props) {
             start: toElement.offsetLeft,
             end: toElement.offsetLeft + toElement.offsetWidth
         };
-        var type = kendo_react_common_1.getter(dependencyModelFields.type)(dependency);
-        var points = utils_1.dependencyCoordinates(fromCoordinates, toCoordinates, rowHeight, type);
+        var type = (0, kendo_react_common_1.getter)(dependencyModelFields.type)(dependency);
+        var points = (0, utils_1.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/npm/components/GanttTask.js

@@ -22,36 +22,36 @@ var constants_1 = require("../constants");
 /** @hidden */
 exports.GanttTask = React.forwardRef(function (props, ref) {
     var _a, _b;
-    var range = GanttContext_1.useGanttDateRangeContext();
-    var taskModelFields = GanttContext_1.useGanttTaskModelFieldsContext();
-    var timelineWidth = GanttViewContext_1.useGanttViewTimelineWidthContext();
-    var dependencyDrag = GanttViewContext_1.useGanttViewDependencyDragContext();
-    var taskEvents = GanttContext_1.useGanttTaskEventsContext();
+    var range = (0, GanttContext_1.useGanttDateRangeContext)();
+    var taskModelFields = (0, GanttContext_1.useGanttTaskModelFieldsContext)();
+    var timelineWidth = (0, GanttViewContext_1.useGanttViewTimelineWidthContext)();
+    var dependencyDrag = (0, GanttViewContext_1.useGanttViewDependencyDragContext)();
+    var taskEvents = (0, GanttContext_1.useGanttTaskEventsContext)();
     var taskElementRef = React.useRef(null);
     var completeElementRef = React.useRef(null);
-    useGanttTask_1.useGanttTask(props.dataItem, kendo_react_common_1.getter(taskModelFields.id)(props.dataItem), ref, taskElementRef);
+    (0, useGanttTask_1.useGanttTask)(props.dataItem, (0, kendo_react_common_1.getter)(taskModelFields.id)(props.dataItem), ref, taskElementRef);
     var slotElementRef = React.useRef(null);
-    var taskId = kendo_react_common_1.getter(taskModelFields.id)(props.dataItem);
-    var taskStart = kendo_react_common_1.getter(taskModelFields.start)(props.dataItem);
-    var taskEnd = kendo_react_common_1.getter(taskModelFields.end)(props.dataItem);
-    var taskTitle = kendo_react_common_1.getter(taskModelFields.title)(props.dataItem);
-    var percentComplete = kendo_react_common_1.getter(taskModelFields.percentComplete)(props.dataItem);
-    var taskChildren = kendo_react_common_1.getter(taskModelFields.children)(props.dataItem);
-    var taskSelected = kendo_react_common_1.getter(taskModelFields.isSelected)(props.dataItem);
+    var taskId = (0, kendo_react_common_1.getter)(taskModelFields.id)(props.dataItem);
+    var taskStart = (0, kendo_react_common_1.getter)(taskModelFields.start)(props.dataItem);
+    var taskEnd = (0, kendo_react_common_1.getter)(taskModelFields.end)(props.dataItem);
+    var taskTitle = (0, kendo_react_common_1.getter)(taskModelFields.title)(props.dataItem);
+    var percentComplete = (0, kendo_react_common_1.getter)(taskModelFields.percentComplete)(props.dataItem);
+    var taskChildren = (0, kendo_react_common_1.getter)(taskModelFields.children)(props.dataItem);
+    var taskSelected = (0, kendo_react_common_1.getter)(taskModelFields.isSelected)(props.dataItem);
     var taskStartTime = taskStart && taskStart.getTime();
     var taskEndTime = taskEnd && taskEnd.getTime();
     var isSummaryTask = taskChildren && taskChildren.length;
     var isMilestone = !isSummaryTask && taskStartTime === taskEndTime;
-    var display = taskStartTime && taskEndTime && utils_1.isInRange(range.start, range.end, taskStart, taskEnd);
+    var display = taskStartTime && taskEndTime && (0, utils_1.isInRange)(range.start, range.end, taskStart, taskEnd);
     var _c = React.useState(false), visible = _c[0], setVisible = _c[1];
     var dependencyStartElementRef = React.useRef(null);
     var dependencyEndElementRef = React.useRef(null);
-    kendo_react_common_1.useDraggable(dependencyStartElementRef, {
+    (0, kendo_react_common_1.useDraggable)(dependencyStartElementRef, {
         onPress: dependencyDrag.onDependencyHandlePress,
         onDrag: dependencyDrag.onDependencyHandleDrag,
         onRelease: dependencyDrag.onDependencyHandleRelease
     });
-    kendo_react_common_1.useDraggable(dependencyEndElementRef, {
+    (0, kendo_react_common_1.useDraggable)(dependencyEndElementRef, {
         onPress: dependencyDrag.onDependencyHandlePress,
         onDrag: dependencyDrag.onDependencyHandleDrag,
         onRelease: dependencyDrag.onDependencyHandleRelease
@@ -113,12 +113,12 @@ exports.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 - constants_1.MILESTONE_OFFSET : left) + "px";
-        taskElement.style.top = Math.round(top) + "px";
+        taskElement.style.left = "".concat(Math.round(isMilestone ? left - constants_1.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);
@@ -133,7 +133,7 @@ exports.GanttTask = React.forwardRef(function (props, ref) {
         display: dependencyDrag.draggedId === String(taskId) ? 'block' : undefined
     };
     return (React.createElement("td", { ref: slotElementRef, key: taskId, role: 'presentation' }, isMilestone ?
-        (React.createElement("div", __assign({ "aria-hidden": true, className: kendo_react_common_1.classNames({
+        (React.createElement("div", __assign({ "aria-hidden": true, className: (0, kendo_react_common_1.classNames)({
                 'k-task': true,
                 'k-task-milestone': true,
                 'k-selected': taskSelected && !Array.isArray(taskSelected)
@@ -143,7 +143,7 @@ exports.GanttTask = React.forwardRef(function (props, ref) {
                 (React.createElement("div", __assign({ className: 'k-task-dot k-task-start', ref: dependencyStartElementRef, style: dependencyDragStyles }, constants_1.DEPENDENCY_DRAG_HANDLE_START_ATT))),
             dependencyDrag.isEnabled &&
                 (React.createElement("div", __assign({ className: 'k-task-dot k-task-end', ref: dependencyEndElementRef, style: dependencyDragStyles }, constants_1.DEPENDENCY_DRAG_HANDLE_FINISH_ATT))))) :
-        (React.createElement("div", __assign({ "aria-hidden": true, className: kendo_react_common_1.classNames({
+        (React.createElement("div", __assign({ "aria-hidden": true, className: (0, kendo_react_common_1.classNames)({
                 'k-task': true,
                 'k-task-summary': isSummaryTask,
                 'k-task-single': !isSummaryTask,

package/dist/npm/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/npm/components/GanttTreelist.js

@@ -36,10 +36,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));
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.GanttTreeList = void 0;
@@ -56,6 +60,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;
@@ -65,7 +73,7 @@ var GanttTreeList = /** @class */ (function (_super) {
         _this.prevData = [];
         _this.flattedData = [];
         _this.element = null;
-        _this._treeListId = kendo_react_common_1.guid();
+        _this._treeListId = (0, kendo_react_common_1.guid)();
         _this.contextStateRef = { current: undefined };
         _this.navigationStateRef = { current: undefined };
         _this.scrollIntoView = function (options) {
@@ -93,8 +101,9 @@ var GanttTreeList = /** @class */ (function (_super) {
                 navigationStateRef: _this.navigationStateRef
             });
             if (_this.props.onKeyDown) {
-                var _a = kendo_react_data_tools_1.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 _a = (0, kendo_react_data_tools_1.getSelectionOptions)(_this.props.selectable), mode = _a.mode, cell = _a.cell;
+                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) {
@@ -123,9 +132,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 = {
@@ -198,7 +207,7 @@ var GanttTreeList = /** @class */ (function (_super) {
                 }
             }
             _this.tbodyOffsetTop = table.tBodies[0].offsetTop;
-            kendo_react_treelist_1.setHeaderRowsTop(table, toolbarHeight);
+            (0, kendo_react_treelist_1.setHeaderRowsTop)(table, toolbarHeight);
         };
         _this.onItemChange = function (event) {
             if (event.field === _this.props.expandField) {
@@ -240,6 +249,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;
@@ -256,7 +268,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(__assign({}, _this.getEventArguments(event)), { dataItem: dataItem, level: level, value: utils_1.isExpanded(dataItem, _this.props.expandField) });
+                var expandChangeEvent = __assign(__assign({}, _this.getEventArguments(event)), { dataItem: dataItem, level: level, value: (0, utils_1.isExpanded)(dataItem, _this.props.expandField) });
                 onExpandChange.call(undefined, expandChangeEvent);
             }
         };
@@ -391,7 +403,7 @@ var GanttTreeList = /** @class */ (function (_super) {
         var leafColumns = extendedColumns.filter(function (c) { return c.children.length === 0; });
         var header = (React.createElement(kendo_react_data_tools_1.Header, { headerRow: React.createElement(kendo_react_data_tools_1.HeaderRow, { sort: this.props.sort, sortable: this.props.sortable, sortChange: this.onSortChange, selectionChange: this.onHeaderSelectionChange, columns: extendedColumns, columnsMap: columnsMap, cellRender: this.props.headerCellRender, columnResize: this.columnResize, columnMenu: this.props.columnMenu, columnMenuFilter: this.props.columnMenuFilter, columnMenuFilterChange: this.onColumnMenuFilterChange, pressHandler: this.dragLogic.pressHandler, dragHandler: this.dragLogic.dragHandler, releaseHandler: this.dragLogic.releaseHandler }), filterRow: filterable && React.createElement(FilterRow, { columns: leafColumns, filter: this.props.filter, filterChange: this.onFilterChange, sort: this.props.sort, ariaRowIndex: columnsMap.length + 1 }) || undefined, columnResize: this.columnResize }));
         var wrapperStyles = this.props.style || {};
-        var _f = kendo_react_data_tools_1.tableColumnsVirtualization({
+        var _f = (0, kendo_react_data_tools_1.tableColumnsVirtualization)({
             enabled: this.props.columnVirtualization,
             columns: leafColumns,
             scrollLeft: this.wrapperScrollLeft,
@@ -402,10 +414,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: kendo_react_data_tools_1.tableKeyboardNavigationTools.generateNavigatableId(rowId + "-" + String(columnIndex), idPrefix),
+                id: kendo_react_data_tools_1.tableKeyboardNavigationTools.generateNavigatableId("".concat(rowId, "-").concat(String(columnIndex)), idPrefix),
                 colSpan: colSpans[columnIndex],
                 dataItem: item.dataItem,
                 field: column.field,
@@ -419,7 +431,7 @@ var GanttTreeList = /** @class */ (function (_super) {
                 level: item.level,
                 expandable: column.expandable,
                 expanded: isRowExpanded,
-                hasChildren: utils_1.hasChildren(item.dataItem, _this.props.subItemsField),
+                hasChildren: (0, utils_1.hasChildren)(item.dataItem, _this.props.subItemsField),
                 colIndex: columnIndex,
                 ariaColumnIndex: column.ariaColumnIndex,
                 onExpandChange: _this.onExpandChange,
@@ -444,7 +456,7 @@ var GanttTreeList = /** @class */ (function (_super) {
             flattedData = flattedData.slice(skip, skip + take);
         }
         if (scrollable === 'virtual') {
-            flattedData = kendo_react_treelist_1.tableRowsVirtualization({
+            flattedData = (0, kendo_react_treelist_1.tableRowsVirtualization)({
                 rows: flattedData,
                 tableViewPortHeight: parseFloat((wrapperStyles.height || wrapperStyles.maxHeight || '').toString()),
                 scrollTop: this.wrapperScrollTop
@@ -454,11 +466,11 @@ var GanttTreeList = /** @class */ (function (_super) {
         var levels = flattedData.map(function (i) { return i.level; });
         var rowIndexStart = columnsMap.length + (filterable ? 1 : 0) + 1;
         var body = flattedData.length > 0 && flattedData.map(function (item, rowIndex) {
-            var inEdit = kendo_react_common_1.getter(_this.props.editField || '')(item.dataItem);
-            var dataItemKeyValue = kendo_react_common_1.getter(_this.props.dataItemKey)(item.dataItem);
+            var inEdit = (0, kendo_react_common_1.getter)(_this.props.editField || '')(item.dataItem);
+            var dataItemKeyValue = (0, kendo_react_common_1.getter)(_this.props.dataItemKey)(item.dataItem);
             var rowId = String(dataItemKeyValue ? dataItemKeyValue : item.level.join('.'));
-            var isRowExpanded = utils_1.isExpanded(item.dataItem, _this.props.expandField);
-            var selectedValue = _this.props.selectedField ? kendo_react_common_1.getter(_this.props.selectedField)(item.dataItem) : undefined;
+            var isRowExpanded = (0, utils_1.isExpanded)(item.dataItem, _this.props.expandField);
+            var selectedValue = _this.props.selectedField ? (0, kendo_react_common_1.getter)(_this.props.selectedField)(item.dataItem) : undefined;
             var rowProps = {
                 key: rowId,
                 level: item.level,
@@ -496,7 +508,7 @@ 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: 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-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),
                 this.props.toolbar,
                 React.createElement(kendo_react_data_tools_1.TableSelection, { selectable: this.props.selectable, onRelease: this.selectionRelease, childRef: function (table) {
                         _this.tableElement = table;
@@ -536,7 +548,7 @@ var GanttTreeList = /** @class */ (function (_super) {
     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 = kendo_react_data_tools_1.getSelectionOptions(this.props.selectable), mode = _a.mode, cell = _a.cell;
+            var _a = (0, kendo_react_data_tools_1.getSelectionOptions)(this.props.selectable), mode = _a.mode, cell = _a.cell;
             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/npm/components/toolbar/AddButton.js

@@ -7,7 +7,7 @@ var kendo_react_buttons_1 = require("@progress/kendo-react-buttons");
 var messages_1 = require("../../messages");
 /** @hidden */
 exports.AddButton = React.forwardRef(function (props, _) {
-    var localizationService = kendo_react_intl_1.useLocalization();
+    var localizationService = (0, kendo_react_intl_1.useLocalization)();
     var localizeMessage = function (message) {
         return localizationService.toLanguageString(message, messages_1.messages[message]);
     };