@progress/kendo-react-gantt 13.3.0 → 13.4.0-develop.2

package/utils/data-operations.d.ts

@@ -0,0 +1,50 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import { DataItem } from '../interfaces/DataItem.js';
+import { TaskModelFields } from '../interfaces/TaskModelFields.js';
+import { AddDirection } from '../interfaces/AddDirection.js';
+import { DependencyModelFields } from '../interfaces/DependencyModelFields.js';
+/**
+ * @hidden
+ */
+export declare const addDependency: (options: {
+    defaultDataItem?: DataItem;
+    dependencyModelFields: DependencyModelFields;
+    dependencyData: DataItem[];
+    fromId: any;
+    toId: any;
+    type: number;
+}) => DataItem[];
+/**
+ * @hidden
+ */
+export declare const addTask: (options: {
+    defaultDataItem?: DataItem;
+    selectedDataItem?: DataItem;
+    direction: AddDirection;
+    taskModelFields: TaskModelFields;
+    dataTree: DataItem[];
+    slotStart: Date;
+    slotEnd: Date;
+}) => DataItem[];
+/**
+ * @hidden
+ */
+export declare const updateTask: (options: {
+    updatedDataItem: DataItem;
+    taskModelFields: TaskModelFields;
+    dataTree: DataItem[];
+}) => DataItem[];
+/**
+ * @hidden
+ */
+export declare const removeTask: (options: {
+    removedDataItem: DataItem;
+    taskModelFields: TaskModelFields;
+    dataTree: DataItem[];
+}) => DataItem[];

package/utils/data-operations.mjs

@@ -5,7 +5,7 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-import { setter as k, getter as p } from "@progress/kendo-react-common";
+import { getter as p, setter as k } from "@progress/kendo-react-common";
 import { mapTree as v } from "./index.mjs";
 const J = (l) => {
   const { dependencyData: t, dependencyModelFields: n, defaultDataItem: g, fromId: s, toId: r, type: d } = l, c = t.map((m) => ({ ...m })), i = k(n.fromId), e = k(n.toId), a = k(n.type), h = g ? { ...g } : {};

package/utils/index.d.ts

@@ -0,0 +1,185 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import { TaskModelFields } from '../interfaces/TaskModelFields.js';
+import { DependencyModelFields } from '../interfaces/DependencyModelFields.js';
+import { Day } from '@progress/kendo-date-math';
+import { DateRange } from '../interfaces/DateRange.js';
+import { Slot } from '../interfaces/Slot.js';
+import { IntlService } from '@progress/kendo-react-intl';
+import { filterBy as filterByCommon, orderBy as orderByCommon } from '@progress/kendo-react-data-tools';
+import { GanttTaskModelFields } from '../interfaces/GanttTaskModelFields.js';
+import { GanttDependencyModelFields } from '../interfaces/GanttDependencyModelFields.js';
+import { Rectangle } from '../interfaces/Rectangle.js';
+import { GanttViewTimelineHeaderCellProps } from '../interfaces/GanttViewTimelineHeaderCellProps.js';
+import * as React from 'react';
+/**
+ * Orders the specified tree according to the provided sort descriptors.
+ *
+ * @param {T[]} data - The data that will be sorted.
+ * @param {SortDescriptor[]} descriptors - The descriptors by which the data will be sorted.
+ * @param {string} subItemsField - The field which points to the subitems collection of each data item.
+ * @returns {T[]} - The sorted data.
+ */
+export declare const orderBy: typeof orderByCommon;
+/**
+ * Filters the provided data tree according to the specified `Array<FilterDescriptor|CompositeFilterDescriptor>`.
+ *
+ * @param {T[]} data - The data that will be filtered.
+ * @param {FilterDescriptor[]|CompositeFilterDescriptor[]} descriptors - The filter criteria that will be applied.
+ * @param {string} subItemsField - The field which points to the subitems collection of each data item.
+ * @returns {T[]} - The filtered data.
+ */
+export declare const filterBy: typeof filterByCommon;
+/**
+ * Creates a new array with the results of calling the provided callback function
+ * on every element in the provided data tree.
+ *
+ * @param {any[]} tree - The data tree.
+ * @param {string} subItemsField - The field which points to the subitems collection of each data item.
+ * @param {(value: any) => any} callback - The callback function.
+ * @returns {any[]} - The new data tree.
+ */
+export declare const mapTree: (tree: any[], subItemsField: string, callback: (value: any) => any) => any[];
+/**
+ * Similar to the `Object.assign` function. Additionally, creates a new array for the subitems.
+ *
+ * @param {object} item - The source data item.
+ * @param {string} subItemsField - The field which points to the subitems collection of each data item.
+ * @param {object} propsToExtend - The props with which the source data item will be extended.
+ * @returns {object} - The target data item.
+ */
+export declare const extendDataItem: (item: any, subItemsField: string, propsToExtend?: any) => any;
+/**
+ * Creates a tree from the passed dataset.
+ *
+ * @param {object[]} dataset - The source dataset of data items.
+ * @param {(item: object) => any} getId - A function which will return the id of the data item.
+ * @param {(item: object) => any} getParentId - A function which will return the data item id of its parent data item.
+ * @param {string} subItemsField - The field which points to the subitems collection of each data item.
+ * @returns {object[]} - A collection of the generated data items that are structured in a tree.
+ */
+export declare const createDataTree: (dataset: any[], getId: (item: any) => any, getParentId: (item: any) => any, subItemsField: string) => any[];
+/** @hidden */
+export declare const getTaskModelFields: (taskModelFields: GanttTaskModelFields | undefined) => {
+    fields: TaskModelFields;
+};
+/** @hidden */
+export declare const getDependencyModelFields: (dependencyModelFields: GanttDependencyModelFields | undefined) => {
+    fields: DependencyModelFields;
+};
+/** @hidden */
+export declare const getStartDate: (date: any) => Date;
+/** @hidden */
+export declare const getEndDate: (date: any, numberOfDays?: any) => Date;
+/** @hidden */
+export declare const isInRange: (slotStart: Date, slotEnd: Date, taskStart: Date, taskEnd: Date) => boolean;
+/** @hidden */
+export declare function toUTCDateTime(localDate: Date): Date;
+/** @hidden */
+export declare const ARROW_SIZE = 4;
+/** @hidden */
+export declare const MIN_LINE_WIDTH = 10;
+/** @hidden */
+export declare const dependencyCoordinates: (from: Rectangle, to: Rectangle, rowHeight: number, type: number) => {
+    left: number;
+    top: number;
+}[];
+/** @hidden */
+export declare const addArrow: (top: any, left: any, points: any, isArrowWest: any) => void;
+/** @hidden */
+export declare const addArrowWest: (top: any, left: any, points: any) => void;
+/** @hidden */
+export declare const addArrowEast: (top: any, left: any, points: any) => void;
+/**
+ * @hidden
+ */
+export declare const getWorkDays: (options: {
+    workWeekStart?: Day;
+    workWeekEnd?: Day;
+}) => number[];
+/**
+ * @hidden
+ */
+export declare const isWorkDay: (date: any, workDays: any) => boolean;
+/**
+ * @hidden
+ */
+export declare const toRanges: (dateRange: DateRange, { step, timezone }: {
+    step: any;
+    timezone: any;
+}) => DateRange[];
+/**
+ * @hidden
+ */
+export declare const toWeekRanges: (dateRange: DateRange, { timezone }: any, intl: any) => DateRange[];
+/**
+ * @hidden
+ */
+export declare const toMonthRanges: (dateRange: DateRange, { timezone }: any) => DateRange[];
+/**
+ * @hidden
+ */
+export declare const toYearRanges: (dateRange: DateRange, { timezone }: any) => DateRange[];
+/**
+ * @hidden
+ */
+export declare const getHourSlots: (range: DateRange, options: {
+    workDayEnd: string;
+    workDayStart: string;
+    slotDuration: number;
+    timezone?: string;
+}, intl: any) => Slot[];
+/**
+ * @hidden
+ */
+export declare const getDaySlots: (range: DateRange, options: {
+    workDays: number[];
+    timezone?: string;
+}, intl: IntlService) => Slot[];
+/**
+ * @hidden
+ */
+export declare const getWeekSlots: (range: DateRange, options: {
+    timezone?: string;
+}, intl: IntlService) => Slot[];
+/**
+ * @hidden
+ */
+export declare const getMonthSlots: (range: DateRange, options: {
+    timezone?: string;
+}, intl: IntlService) => Slot[];
+/**
+ * @hidden
+ */
+export declare const getYearSlots: (range: DateRange, options: {
+    timezone?: string;
+}, intl: IntlService) => Slot[];
+/**
+ * @hidden
+ */
+export declare const getTimelineHeader: (slotLevels: Slot[][], ref: React.MutableRefObject<HTMLTableElement | null>, timelineHeaderCell?: React.ComponentType<GanttViewTimelineHeaderCellProps>) => React.JSX.Element;
+/**
+ * @hidden
+ */
+export declare const getTimelineContent: (slotLevels: Slot[][], ref: React.MutableRefObject<HTMLTableElement | null>) => React.JSX.Element;
+/**
+ * @hidden
+ */
+export declare const getTimelineWidth: (slotLevels: Slot[][], slotWidth: number) => number;
+/**
+ * @hidden
+ */
+export declare const isExpanded: (dataItem: any, expandedField: string) => boolean;
+/**
+ * @hidden
+ */
+export declare const hasChildren: (dataItem: any, childrenField: string) => boolean;
+/**
+ * @hidden
+ */
+export declare const expandedChildren: (expandedField: string, childrenField: string) => (dataItem: any) => any[];

package/utils/index.mjs

@@ -6,11 +6,11 @@
  *-------------------------------------------------------------------------------------------
  */
 import * as T from "react";
-import { MS_PER_DAY as E, getDate as S, addDays as W, ZonedDate as g, firstDayInWeek as _, addMonths as y, MS_PER_MINUTE as x } from "@progress/kendo-date-math";
+import { getDate as S, MS_PER_DAY as E, addDays as W, ZonedDate as g, MS_PER_MINUTE as _, firstDayInWeek as x, addMonths as y } from "@progress/kendo-date-math";
 import { mapTree as A, extendDataItem as L, getter as f, classNames as z } from "@progress/kendo-react-common";
 import { orderBy as N, filterBy as b } from "@progress/kendo-react-data-tools";
 import { createDataTree as C } from "@progress/kendo-react-treelist";
-import { DEFAULT_TASK_MODEL_FIELDS as I, DEFAULT_DEPENDENCY_MODEL_FIELDS as H, HOUR_DATE_FORMAT as O, DAY_DATE_FORMAT as h, MONTH_DATE_FORMAT as F, YEAR_DATE_FORMAT as B, DAYS_IN_WEEK_COUNT as U } from "../constants/index.mjs";
+import { DEFAULT_TASK_MODEL_FIELDS as I, DEFAULT_DEPENDENCY_MODEL_FIELDS as H, DAY_DATE_FORMAT as h, HOUR_DATE_FORMAT as O, MONTH_DATE_FORMAT as F, YEAR_DATE_FORMAT as B, DAYS_IN_WEEK_COUNT as U } from "../constants/index.mjs";
 const te = N, ne = b, ae = A, re = L, oe = C, se = (e) => ({ fields: { ...I, ...e } }), de = (e) => ({ fields: { ...H, ...e } }), ce = (e) => S(e), Y = (e, t) => S(W(e, t || 1)), me = (e, t, n, o) => n < t && e <= o;
 function $(e) {
   return new Date(
@@ -92,7 +92,7 @@ const l = 4, p = 10, ie = (e, t, n, o) => {
 }, Z = (e, { timezone: t }, n) => {
   const o = [], r = g.fromLocalDate(e.start, t), s = g.fromLocalDate(e.end, t);
   for (let a = r.clone(); a.getTime() < s.getTime(); ) {
-    const d = a.clone(), i = Y(_(S(d), n.firstDay()), U), u = g.fromUTCDate($(i), t), c = u.getTime() > s.getTime() ? s.clone() : u;
+    const d = a.clone(), i = Y(x(S(d), n.firstDay()), U), u = g.fromUTCDate($(i), t), c = u.getTime() > s.getTime() ? s.clone() : u;
     a = c.clone();
     const m = new Date(d.getTime()), k = {
       end: new Date(c.getTime()),
@@ -133,7 +133,7 @@ const l = 4, p = 10, ie = (e, t, n, o) => {
   return n;
 }, le = (e, t, n) => {
   const o = n.parseDate(t.workDayStart).getHours(), r = n.parseDate(t.workDayEnd).getHours();
-  return M(e, { step: x * t.slotDuration, timezone: t.timezone }).map((a) => {
+  return M(e, { step: _ * t.slotDuration, timezone: t.timezone }).map((a) => {
     const d = a.zonedStart.getHours();
     return {
       range: a,

package/views/GanttDayView.d.ts

@@ -0,0 +1,24 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import { GanttViewHandle, GanttViewProps } from '../interfaces/GanttView.js';
+import * as React from 'react';
+/**
+ * @hidden
+ */
+export interface GanttDayViewProps extends GanttViewProps {
+    /**
+     * The span of an hour slot. Defaults to 1.
+     */
+    slotDuration?: number;
+}
+/**
+ * Represents the KendoReact DayView Component.
+ */
+export declare const GanttDayView: React.ForwardRefExoticComponent<GanttDayViewProps & React.RefAttributes<GanttViewHandle | null>>;
+/** @hidden */
+export declare const ganttDayViewDefaultProps: GanttDayViewProps;

package/views/GanttDayView.mjs

@@ -9,7 +9,7 @@ import * as o from "react";
 import t from "prop-types";
 import { ZonedDate as m } from "@progress/kendo-date-math";
 import { BaseView as I } from "../components/BaseView.mjs";
-import { getWorkDays as L, getDaySlots as H, getHourSlots as U, getStartDate as G, getEndDate as v, toUTCDateTime as R } from "../utils/index.mjs";
+import { getDaySlots as L, getHourSlots as H, getStartDate as U, getEndDate as G, toUTCDateTime as R, getWorkDays as v } from "../utils/index.mjs";
 import { useGanttPropsContext as x, useGanttDateRangeContext as z } from "../context/GanttContext.mjs";
 import { dayViewTitle as V, messages as O } from "../messages/index.mjs";
 import { useInternationalization as P } from "@progress/kendo-react-intl";
@@ -25,12 +25,12 @@ const h = o.forwardRef((e, D) => {
   }, []);
   o.useImperativeHandle(i, () => ({ scrollIntoView: C })), o.useImperativeHandle(D, () => i.current);
   const w = z(), g = e.workWeekStart || a.workWeekStart, y = e.workWeekEnd || a.workWeekEnd, p = e.workDayStart || a.workDayStart, S = e.workDayEnd || a.workDayEnd, b = o.useMemo(() => {
-    const f = L({
+    const f = v({
       workWeekStart: g,
       workWeekEnd: y
-    }), l = [], T = H(w, { workDays: f, timezone: s }, n);
+    }), l = [], T = L(w, { workDays: f, timezone: s }, n);
     return T.forEach((E) => {
-      const W = U(
+      const W = H(
         E.range,
         {
           workDayStart: p,
@@ -62,7 +62,7 @@ const h = o.forwardRef((e, D) => {
     }
   );
 }), N = ({ tasksStart: e, tasksEnd: D, timezone: r }) => {
-  const d = m.fromLocalDate(e, r), c = m.fromLocalDate(D, r), k = G(d), s = v(c), n = m.fromUTCDate(R(k), r), i = m.fromUTCDate(R(s), r);
+  const d = m.fromLocalDate(e, r), c = m.fromLocalDate(D, r), k = U(d), s = G(c), n = m.fromUTCDate(R(k), r), i = m.fromUTCDate(R(s), r);
   return {
     // Sat May 31 2014 07:00:00 GMT+0300 (Eastern European Summer Time)
     start: new Date(n.getTime()),

package/views/GanttMonthView.d.ts

@@ -0,0 +1,20 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import { GanttViewHandle, GanttViewProps } from '../interfaces/GanttView.js';
+import * as React from 'react';
+/**
+ * @hidden
+ */
+export interface GanttMonthViewProps extends GanttViewProps {
+}
+/**
+ * Represents the KendoReact MonthView Component.
+ */
+export declare const GanttMonthView: React.ForwardRefExoticComponent<GanttMonthViewProps & React.RefAttributes<GanttViewHandle | null>>;
+/** @hidden */
+export declare const ganttMonthViewDefaultProps: GanttMonthViewProps;

package/views/GanttWeekView.d.ts

@@ -0,0 +1,20 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import { GanttViewHandle, GanttViewProps } from '../interfaces/GanttView.js';
+import * as React from 'react';
+/**
+ * @hidden
+ */
+export interface GanttWeekViewProps extends GanttViewProps {
+}
+/**
+ * Represents the KendoReact WeekView Component.
+ */
+export declare const GanttWeekView: React.ForwardRefExoticComponent<GanttWeekViewProps & React.RefAttributes<GanttViewHandle | null>>;
+/** @hidden */
+export declare const ganttWeekViewDefaultProps: GanttWeekViewProps;

package/views/GanttWeekView.mjs

@@ -9,7 +9,7 @@ import * as o from "react";
 import e from "prop-types";
 import { ZonedDate as l, firstDayInWeek as y, getDate as T } from "@progress/kendo-date-math";
 import { BaseView as b } from "../components/BaseView.mjs";
-import { getWeekSlots as h, getDaySlots as L, getWorkDays as U, getStartDate as _, getEndDate as G, toUTCDateTime as S } from "../utils/index.mjs";
+import { getWorkDays as h, getWeekSlots as L, getDaySlots as U, getStartDate as _, getEndDate as G, toUTCDateTime as S } from "../utils/index.mjs";
 import { useGanttPropsContext as H, useGanttDateRangeContext as N } from "../context/GanttContext.mjs";
 import { DEFAULT_COLUMN_WIDTH as O, DAYS_IN_WEEK_COUNT as v } from "../constants/index.mjs";
 import { weekViewTitle as E, messages as x } from "../messages/index.mjs";
@@ -20,12 +20,12 @@ const R = o.forwardRef((t, m) => {
   }, []);
   o.useImperativeHandle(c, () => ({ scrollIntoView: k })), o.useImperativeHandle(m, () => c.current);
   const d = N(), u = t.workWeekStart || g.workWeekStart, W = t.workWeekEnd || g.workWeekEnd, V = o.useMemo(() => {
-    const D = U({
+    const D = h({
       workWeekStart: u,
       workWeekEnd: W
-    }), i = [], p = h(d, { timezone: a }, s);
+    }), i = [], p = L(d, { timezone: a }, s);
     return p.forEach((C) => {
-      const I = L(C.range, { workDays: D, timezone: a }, s);
+      const I = U(C.range, { workDays: D, timezone: a }, s);
       i.push.apply(i, I);
     }), r && i[0] && (r.current = i[0].range), [p, i];
   }, [a, d.start.getTime(), d.end.getTime(), s, u, W]);

package/views/GanttYearView.d.ts

@@ -0,0 +1,20 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import { GanttViewHandle, GanttViewProps } from '../interfaces/GanttView.js';
+import * as React from 'react';
+/**
+ * @hidden
+ */
+export interface GanttYearViewProps extends GanttViewProps {
+}
+/**
+ * Represents the KendoReact YearView Component.
+ */
+export declare const GanttYearView: React.ForwardRefExoticComponent<GanttYearViewProps & React.RefAttributes<GanttViewHandle | null>>;
+/** @hidden */
+export declare const ganttYearViewDefaultProps: GanttYearViewProps;