@progress/kendo-react-gantt 6.1.1 → 7.0.0-develop.1

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

@@ -1,35 +0,0 @@
-"use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    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 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.GanttNumericFilter = void 0;
-var React = require("react");
-var kendo_react_data_tools_1 = require("@progress/kendo-react-data-tools");
-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({ ariaLabel: 'numeric filter' }, (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

@@ -1,35 +0,0 @@
-"use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    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 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.GanttTextFilter = void 0;
-var React = require("react");
-var kendo_react_data_tools_1 = require("@progress/kendo-react-data-tools");
-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({ ariaLabel: 'text filter' }, (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/cells/FilterCells/utils.js

@@ -1,70 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.localizeFilter = exports.booleanFilterValues = exports.booleanOperator = exports.dateFilterOperators = exports.numericFilterOperators = exports.textFilterOperators = void 0;
-var messages = require("../../messages");
-/**
- * @hidden
- */
-exports.textFilterOperators = [
-    { text: messages.filterContainsOperator, operator: 'contains' },
-    { text: messages.filterNotContainsOperator, operator: 'doesnotcontain' },
-    { text: messages.filterEqOperator, operator: 'eq' },
-    { text: messages.filterNotEqOperator, operator: 'neq' },
-    { text: messages.filterStartsWithOperator, operator: 'startswith' },
-    { text: messages.filterEndsWithOperator, operator: 'endswith' },
-    { text: messages.filterIsNullOperator, operator: 'isnull' },
-    { text: messages.filterIsNotNullOperator, operator: 'isnotnull' },
-    { text: messages.filterIsEmptyOperator, operator: 'isempty' },
-    { text: messages.filterIsNotEmptyOperator, operator: 'isnotempty' }
-];
-/**
- * @hidden
- */
-exports.numericFilterOperators = [
-    { text: messages.filterEqOperator, operator: 'eq' },
-    { text: messages.filterNotEqOperator, operator: 'neq' },
-    { text: messages.filterGteOperator, operator: 'gte' },
-    { text: messages.filterGtOperator, operator: 'gt' },
-    { text: messages.filterLteOperator, operator: 'lte' },
-    { text: messages.filterLtOperator, operator: 'lt' },
-    { text: messages.filterIsNullOperator, operator: 'isnull' },
-    { text: messages.filterIsNotNullOperator, operator: 'isnotnull' }
-];
-/**
- * @hidden
- */
-exports.dateFilterOperators = [
-    { text: messages.filterEqOperator, operator: 'eq' },
-    { text: messages.filterNotEqOperator, operator: 'neq' },
-    { text: messages.filterAfterOrEqualOperator, operator: 'gte' },
-    { text: messages.filterAfterOperator, operator: 'gt' },
-    { text: messages.filterBeforeOperator, operator: 'lt' },
-    { text: messages.filterBeforeOrEqualOperator, operator: 'lte' },
-    { text: messages.filterIsNullOperator, operator: 'isnull' },
-    { text: messages.filterIsNotNullOperator, operator: 'isnotnull' }
-];
-/**
- * @hidden
- */
-exports.booleanOperator = 'eq';
-/**
- * @hidden
- */
-exports.booleanFilterValues = [
-    { text: messages.filterBooleanAll, operator: '' },
-    { text: messages.filterIsTrue, operator: true },
-    { text: messages.filterIsFalse, operator: false }
-];
-/**
- * @hidden
- */
-function localizeFilter(localization, operators) {
-    return {
-        clearButtonTitle: localization.toLanguageString(messages.filterClearButton, messages.messages[messages.filterClearButton]),
-        operators: operators.map(function (operator) { return ({
-            text: localization.toLanguageString(operator.text, messages.messages[operator.text]),
-            operator: operator.operator
-        }); })
-    };
-}
-exports.localizeFilter = localizeFilter;

package/dist/npm/components/BaseView.js

@@ -1,256 +0,0 @@
-"use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    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));
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.BaseView = void 0;
-var React = require("react");
-var GanttContext_1 = require("./../context/GanttContext");
-var GanttViewContext_1 = require("../context/GanttViewContext");
-var GanttTask_1 = require("./GanttTask");
-var useDictionaryStore_1 = require("../hooks/useDictionaryStore");
-var GanttDependency_1 = require("./GanttDependency");
-var utils_1 = require("../utils");
-var kendo_react_data_tools_1 = require("@progress/kendo-react-data-tools");
-var constants_1 = require("../constants");
-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 = (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((0, kendo_react_common_1.guid)());
-    var contentRef = React.useRef(null);
-    var baseViewRef = React.useRef(null);
-    var scrollIntoView = React.useCallback(function (options) {
-        if (treelistRef.current) {
-            treelistRef.current.scrollIntoView(options);
-        }
-    }, []);
-    React.useImperativeHandle(baseViewRef, function () { return ({ scrollIntoView: scrollIntoView }); });
-    React.useImperativeHandle(ref, function () { return baseViewRef.current; });
-    var initialXRef = React.useRef(0);
-    var initialYRef = React.useRef(0);
-    var offsetXRef = React.useRef(0);
-    var offsetYRef = React.useRef(0);
-    var startIdRef = React.useRef(null);
-    var startDirectionRef = React.useRef(null);
-    var _c = React.useState(null), coordinates = _c[0], setCoordinates = _c[1];
-    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 = (0, kendo_react_data_tools_1.readColumns)(__spreadArray(__spreadArray([], columns, true), [
-            {
-                title: '',
-                sortable: false,
-                resizable: false,
-                reorderable: false,
-                width: timelineWidth,
-                headerCell: function () { return timelineHeader; },
-                cell: GanttTask_1.GanttTask,
-                orderIndex: Number.MAX_SAFE_INTEGER,
-                navigatable: false
-            }
-        ], false), { prevId: 0, idPrefix: idPrefixRef.current });
-        var columnsWidthSum = 0;
-        extendedCols.forEach(function (column, index, array) {
-            var isLast = index + 1 === array.length;
-            var isLeaf = column.children.length === 0;
-            if (!isLast) {
-                column.locked = true;
-                if (isLeaf) {
-                    column.width = column.width || constants_1.DEFAULT_COLUMN_WIDTH;
-                }
-            }
-            else {
-                column.isAccessible = false;
-            }
-            if (isLeaf) {
-                columnsWidthSum += parseFloat(String(column.width));
-            }
-        });
-        return {
-            extendedColumns: extendedCols,
-            columnsWidth: columnsWidthSum,
-            columnsMap: (0, kendo_react_data_tools_1.mapColumns)(extendedCols)
-        };
-    }, [columns, timelineWidth]), extendedColumns = _d.extendedColumns, columnsWidth = _d.columnsWidth, columnsMap = _d.columnsMap;
-    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();
-        var timelineContentElement = timelineContentRef.current;
-        var treelistTbodyElement = treelistRef.current && treelistRef.current.tbodyElement;
-        if (!timelineHeaderElement || !timelineContentElement || !treelistTbodyElement) {
-            return;
-        }
-        var contentTop = treelistTbodyElement.offsetTop;
-        var contentLeft = timelineHeaderElement.offsetLeft;
-        var contentWidth = timelineWidth;
-        timelineContentElement.style.top = contentTop + 'px';
-        timelineContentElement.style.left = contentLeft + 'px';
-        timelineContentElement.style.width = contentWidth + 'px';
-        timelineContentElement.style.height = treelistTbodyElement.offsetHeight + 'px';
-    };
-    var getSvgLeft = function () {
-        var timelineHeaderElement = getTimelineHeaderElement();
-        if (!timelineHeaderElement) {
-            return;
-        }
-        // Better be extracted as ColumnResizeStart event
-        svgLeftRef.current = timelineHeaderElement.offsetLeft;
-    };
-    React.useEffect(positionTimelineContent);
-    React.useEffect(getSvgLeft);
-    var onColumnResizeHandler = React.useCallback(function (event) {
-        if (!timelineSvgRef.current) {
-            return;
-        }
-        var currentColumns = event.columns.slice(0, event.columns.length - 1);
-        if (event.end) {
-            timelineSvgRef.current.style.left = '0px';
-        }
-        else {
-            var timelineHeaderElement = getTimelineHeaderElement();
-            if (!timelineHeaderElement) {
-                return;
-            }
-            timelineSvgRef.current.style.left = timelineHeaderElement.offsetLeft - svgLeftRef.current + 'px';
-            positionTimelineContent();
-        }
-        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(__assign({}, event), { columns: currentColumns }));
-    }, [onColumnResize]);
-    var handleDependencyHandlePress = React.useCallback(function (dragEvent) {
-        var ownerDocument = contentRef.current && contentRef.current.ownerDocument ? contentRef.current.ownerDocument : document;
-        var targetElement = ownerDocument.elementFromPoint(dragEvent.clientX, dragEvent.clientY);
-        var contentElement = contentRef.current;
-        if (!targetElement || !targetElement.parentElement || !contentElement) {
-            return;
-        }
-        var ganttWrapperElement = contentElement.parentElement;
-        var scrollableContainer = contentElement.firstElementChild;
-        if (!ganttWrapperElement || !scrollableContainer) {
-            return;
-        }
-        var dragDirection = targetElement.getAttribute(constants_1.DEPENDENCY_DRAG_HANDLE);
-        if (dragDirection) {
-            var contentOffsetTop = contentElement.offsetTop;
-            var contentOffsetLeft = contentElement.offsetLeft;
-            var ganttOffsetTop = ganttWrapperElement.offsetTop;
-            var ganttOffsetLeft = ganttWrapperElement.offsetLeft;
-            var scrollTop = scrollableContainer.scrollTop;
-            var scrollLeft = scrollableContainer.scrollLeft;
-            offsetXRef.current = contentOffsetLeft + ganttOffsetLeft;
-            offsetYRef.current = contentOffsetTop + ganttOffsetTop;
-            initialXRef.current = dragEvent.clientX - offsetXRef.current + scrollLeft;
-            initialYRef.current = dragEvent.clientY - offsetYRef.current + scrollTop;
-            startIdRef.current = targetElement.parentElement.getAttribute(constants_1.TASK_ID_ATT);
-            startDirectionRef.current = dragDirection;
-        }
-    }, []);
-    var handleDependencyHandleDrag = React.useCallback(function (dragEvent) {
-        var contentElement = contentRef.current;
-        if (!contentElement) {
-            return;
-        }
-        var scrollableContainer = contentElement.firstElementChild;
-        if (!scrollableContainer) {
-            return;
-        }
-        var scrollTop = scrollableContainer.scrollTop;
-        var scrollLeft = scrollableContainer.scrollLeft;
-        var endX = dragEvent.clientX - offsetXRef.current + scrollLeft;
-        var endY = dragEvent.clientY - offsetYRef.current + scrollTop;
-        if (Math.abs(initialXRef.current - endX) < 10 && Math.abs(initialYRef.current - endY) < 10) {
-            return;
-        }
-        setCoordinates({
-            startX: initialXRef.current,
-            startY: initialYRef.current,
-            endX: endX,
-            endY: endY
-        });
-    }, []);
-    var handleDependencyHandleRelease = React.useCallback(function (dragEvent) {
-        var ownerDocument = contentRef.current && contentRef.current.ownerDocument ? contentRef.current.ownerDocument : document;
-        var targetElement = ownerDocument.elementFromPoint(dragEvent.clientX, dragEvent.clientY);
-        if (!targetElement || !targetElement.parentElement) {
-            return;
-        }
-        var currentId = targetElement.parentElement.getAttribute(constants_1.TASK_ID_ATT);
-        var currentDragDirection = targetElement.getAttribute(constants_1.DEPENDENCY_DRAG_HANDLE);
-        if (currentDragDirection && currentId !== startIdRef.current) {
-            if (onDependencyCreate) {
-                // 0 - Finish-Finish
-                // 1 - Finish-Start`
-                // 2 - Start-Finish
-                // 3 - Start-Start`
-                var dependencyType = void 0;
-                if (startDirectionRef.current === 'start') {
-                    dependencyType = currentDragDirection === 'start' ? 3 : 2;
-                }
-                else {
-                    dependencyType = currentDragDirection === 'start' ? 1 : 0;
-                }
-                onDependencyCreate({
-                    fromId: startIdRef.current,
-                    toId: currentId,
-                    type: dependencyType
-                });
-            }
-        }
-        initialXRef.current = 0;
-        initialYRef.current = 0;
-        offsetXRef.current = 0;
-        offsetYRef.current = 0;
-        startIdRef.current = null;
-        startDirectionRef.current = null;
-        setCoordinates(null);
-    }, [onDependencyCreate, setCoordinates]);
-    return (React.createElement(GanttViewContext_1.GanttViewContext, { tasksStore: [tasksStore, dispatchTaskRef], timelineWidth: timelineWidth, dependencyDrag: {
-            isEnabled: Boolean(onDependencyCreate),
-            draggedId: startIdRef.current,
-            onDependencyHandlePress: handleDependencyHandlePress,
-            onDependencyHandleDrag: handleDependencyHandleDrag,
-            onDependencyHandleRelease: handleDependencyHandleRelease
-        } },
-        React.createElement("div", { className: 'k-gantt-content', ref: contentRef, style: { height: "calc(100% - ".concat(toolbarHeight, "px)") } },
-            React.createElement(GanttTreelist_1.GanttTreeList, { ref: treelistRef, extendedColumns: extendedColumns, columnsMap: columnsMap, dataItemKey: taskModelFields.id, data: tasksData, idPrefix: idPrefixRef.current, navigatable: navigatable, expandField: taskModelFields.isExpanded, subItemsField: taskModelFields.children, editField: taskModelFields.isInEdit, selectedField: taskModelFields.isSelected, onDataStateChange: onDataStateChange, onSortChange: onSortChange, onFilterChange: onFilterChange, onExpandChange: onExpandChange, onRowClick: onRowClick, onRowDoubleClick: onRowDoubleClick, onRowContextMenu: onRowContextMenu, onColumnResize: onColumnResizeHandler, onColumnReorder: onColumnReorderHandler, onColumnMenuFilterChange: onColumnMenuFilterChange, onKeyDown: onKeyDown, onSelectionChange: onSelectionChange, onHeaderSelectionChange: onHeaderSelectionChange, tableProps: { style: { width: columnsWidth }, className: 'k-table k-table-md k-table-layout-fixed' }, noRecords: noRecords, rowHeight: rowHeight, resizable: resizable, reorderable: reorderable, sortable: sortable, sort: sort, filter: filter, columnMenuFilter: columnMenuFilter, columnMenu: columnMenu, row: row, selectable: selectable, afterContent: (React.createElement(React.Fragment, null,
-                    React.createElement("svg", { className: 'k-gantt-dependencies-svg', ref: timelineSvgRef, style: { left: 0, top: 0 } }, dependenciesData.map(function (dependency) { return React.createElement(GanttDependency_1.GanttDependency, { key: (0, kendo_react_common_1.getter)(dependencyModelFields.id)(dependency), dependency: dependency }); })),
-                    React.createElement("svg", { className: 'k-gantt-dependencies-svg', style: { left: 0, top: 0, zIndex: 3 } }, coordinates && (React.createElement("polyline", { points: "".concat(coordinates.startX, ",").concat(coordinates.startY, " ").concat(coordinates.endX, ",").concat(coordinates.endY) }))),
-                    tasksData && tasksData.length ? timelineContent : null)) }))));
-});
-exports.BaseView.displayName = 'KendoReactGanttBaseView';

package/dist/npm/components/GanttDependency.d.ts

@@ -1,10 +0,0 @@
-/// <reference types="react" />
-/** @hidden */
-export interface GanttDependencyProps {
-    dependency: any;
-}
-/** @hidden */
-export declare const GanttDependency: {
-    (props: GanttDependencyProps): JSX.Element;
-    displayName: string;
-};

package/dist/npm/components/GanttDependency.js

@@ -1,60 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.GanttDependency = void 0;
-var React = require("react");
-var GanttContext_1 = require("./../context/GanttContext");
-var utils_1 = require("../utils");
-var kendo_react_common_1 = require("@progress/kendo-react-common");
-var GanttViewContext_1 = require("../context/GanttViewContext");
-/** @hidden */
-var GanttDependency = function (props) {
-    var dependency = props.dependency;
-    var tasksStore = (0, GanttViewContext_1.useGanttViewTasksContext)()[0];
-    var element = React.useRef(null);
-    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[(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;
-        }
-        var fromElement = fromId.element;
-        var toElement = toId.element;
-        if (!fromElement || !toElement) {
-            setDisplay(false);
-            return;
-        }
-        if (display === false) {
-            setDisplay(true);
-            return; // avoid calculating coordinates twice
-        }
-        var fromCoordinates = {
-            top: fromElement.offsetTop + (fromElement.offsetHeight / 2),
-            start: fromElement.offsetLeft,
-            end: fromElement.offsetLeft + fromElement.offsetWidth
-        };
-        var toCoordinates = {
-            top: toElement.offsetTop + (toElement.offsetHeight / 2),
-            start: toElement.offsetLeft,
-            end: toElement.offsetLeft + toElement.offsetWidth
-        };
-        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 "".concat(point.left, ",").concat(point.top); }).join(' '));
-        }
-    };
-    React.useEffect(drawCanvas);
-    return (React.createElement("polyline", { ref: element, style: {
-            display: display ? undefined : 'none'
-        } }));
-};
-exports.GanttDependency = GanttDependency;
-exports.GanttDependency.displayName = 'KendoReactGanttDependency';

package/dist/npm/components/GanttTask.js

@@ -1,167 +0,0 @@
-"use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.GanttTask = void 0;
-var React = require("react");
-var GanttContext_1 = require("./../context/GanttContext");
-var utils_1 = require("../utils");
-var kendo_react_common_1 = require("@progress/kendo-react-common");
-var kendo_svg_icons_1 = require("@progress/kendo-svg-icons");
-var GanttViewContext_1 = require("../context/GanttViewContext");
-var useGanttTask_1 = require("../hooks/useGanttTask");
-var constants_1 = require("../constants");
-/** @hidden */
-exports.GanttTask = React.forwardRef(function (props, ref) {
-    var _a, _b;
-    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);
-    (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 = (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 && (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);
-    (0, kendo_react_common_1.useDraggable)(dependencyStartElementRef, {
-        onPress: dependencyDrag.onDependencyHandlePress,
-        onDrag: dependencyDrag.onDependencyHandleDrag,
-        onRelease: dependencyDrag.onDependencyHandleRelease
-    });
-    (0, kendo_react_common_1.useDraggable)(dependencyEndElementRef, {
-        onPress: dependencyDrag.onDependencyHandlePress,
-        onDrag: dependencyDrag.onDependencyHandleDrag,
-        onRelease: dependencyDrag.onDependencyHandleRelease
-    });
-    var onClickHandler = React.useCallback(function (event) {
-        if (taskEvents.onTaskClick) {
-            taskEvents.onTaskClick({
-                dataItem: props.dataItem,
-                level: props.level,
-                nativeEvent: event && event.nativeEvent,
-                syntheticEvent: event,
-                target: null
-            });
-        }
-    }, [props.dataItem, props.level]);
-    var onDoubleClickHandler = React.useCallback(function (event) {
-        if (taskEvents.onTaskDoubleClick) {
-            taskEvents.onTaskDoubleClick({
-                dataItem: props.dataItem,
-                level: props.level,
-                nativeEvent: event && event.nativeEvent,
-                syntheticEvent: event,
-                target: null
-            });
-        }
-    }, [props.dataItem, props.level]);
-    var onContextMenuHandler = React.useCallback(function (event) {
-        if (taskEvents.onTaskContextMenu) {
-            taskEvents.onTaskContextMenu({
-                dataItem: props.dataItem,
-                level: props.level,
-                nativeEvent: event && event.nativeEvent,
-                syntheticEvent: event,
-                target: null
-            });
-        }
-    }, [props.dataItem, props.level]);
-    var onRemoveHandler = React.useCallback(function (event) {
-        if (taskEvents.onTaskRemoveClick) {
-            taskEvents.onTaskRemoveClick({
-                dataItem: props.dataItem,
-                level: props.level,
-                nativeEvent: event && event.nativeEvent,
-                syntheticEvent: event,
-                target: null
-            });
-        }
-    }, [props.dataItem, props.level]);
-    var position = React.useCallback(function () {
-        var slotStart = range.start;
-        var slotEnd = range.end;
-        var slotElement = slotElementRef.current;
-        var taskElement = taskElementRef.current;
-        var completeElement = completeElementRef.current;
-        if (!display || slotElement === null || taskElement === null) {
-            return;
-        }
-        var pxPerMillisecond = slotElement.clientWidth / (slotEnd.getTime() - slotStart.getTime());
-        var left = (taskStart.getTime() - slotStart.getTime()) * pxPerMillisecond;
-        var width = (taskEnd.getTime() - taskStart.getTime()) * pxPerMillisecond;
-        var top = (slotElement.offsetHeight - taskElement.offsetHeight) / 2;
-        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 = "".concat(Math.round(width), "px");
-            if (completeElement !== null) {
-                completeElement.style.width = "".concat(Math.round(width * (percentComplete || 0)), "px");
-            }
-        }
-        setVisible(true);
-    }, [range.start.getTime(), range.end.getTime(), taskStartTime, taskEndTime, display, percentComplete, timelineWidth]);
-    React.useEffect(position, [position]);
-    var taskStyles = {
-        visibility: visible ? undefined : 'hidden',
-        display: display ? undefined : 'none'
-    };
-    var dependencyDragStyles = {
-        userSelect: 'none',
-        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: (0, kendo_react_common_1.classNames)({
-                'k-task': true,
-                'k-task-milestone': true,
-                'k-selected': taskSelected && !Array.isArray(taskSelected)
-            }), style: taskStyles, ref: taskElementRef }, (_a = {}, _a[constants_1.TASK_ID_ATT] = taskId, _a), { onClick: onClickHandler, onDoubleClick: onDoubleClickHandler, onContextMenu: onContextMenuHandler }),
-            React.createElement("div", { className: 'k-task-milestone-content' }),
-            dependencyDrag.isEnabled &&
-                (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: (0, kendo_react_common_1.classNames)({
-                'k-task': true,
-                'k-task-summary': isSummaryTask,
-                'k-task-single': !isSummaryTask,
-                'k-selected': taskSelected && !Array.isArray(taskSelected)
-            }), ref: taskElementRef, style: taskStyles }, (_b = {}, _b[constants_1.TASK_ID_ATT] = taskId, _b), { onClick: onClickHandler, onDoubleClick: onDoubleClickHandler, onContextMenu: onContextMenuHandler }),
-            isSummaryTask ?
-                (React.createElement("div", { className: 'k-task-summary-progress', ref: completeElementRef },
-                    React.createElement("div", { className: 'k-task-summary-complete' }))) :
-                (React.createElement("div", { className: 'k-task-complete', ref: completeElementRef })),
-            !isSummaryTask && (React.createElement(React.Fragment, null,
-                React.createElement("div", { className: 'k-task-content' }, taskTitle),
-                taskEvents.onTaskRemoveClick ? (React.createElement("span", { className: 'k-task-actions' },
-                    React.createElement("span", { onClick: onRemoveHandler, className: 'k-link k-task-delete', "aria-label": "Delete" },
-                        React.createElement(kendo_react_common_1.IconWrap, { name: "x", icon: kendo_svg_icons_1.xIcon })))) : null)),
-            dependencyDrag.isEnabled &&
-                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))))));
-});
-exports.GanttTask.displayName = 'KendoReactGanttTask';