@progress/kendo-react-gantt 9.0.0-develop.2 → 9.0.0-develop.4

package/hooks/useDictionaryStore.mjs

@@ -9,19 +9,16 @@
 import * as t from "react";
 var a = /* @__PURE__ */ ((e) => (e[e.add = 0] = "add", e[e.remove = 1] = "remove", e))(a || {});
 const c = () => {
-  const e = t.useRef({}), s = t.useCallback(
-    (r) => {
-      switch (r.type) {
-        case 0:
-          e.current[r.id] = r.itemRef;
-          break;
-        case 1:
-          delete e.current[r.id];
-          break;
-      }
-    },
-    []
-  );
+  const e = t.useRef({}), s = t.useCallback((r) => {
+    switch (r.type) {
+      case 0:
+        e.current[r.id] = r.itemRef;
+        break;
+      case 1:
+        delete e.current[r.id];
+        break;
+    }
+  }, []);
   return [e, s];
 };
 export {

package/hooks/useGanttTask.mjs

@@ -12,23 +12,21 @@ import { STORE_ACTION as a } from "./useDictionaryStore.mjs";
 import { useIsomorphicLayoutEffect as f } from "@progress/kendo-react-common";
 const l = (n, s, m, u) => {
   const e = r.useRef(null), [, o] = c();
-  r.useImperativeHandle(e, () => ({ element: u.current, dataItem: n })), r.useImperativeHandle(m, () => e.current), f(
-    () => {
-      const t = e.current;
-      if (t)
-        return o({
-          type: a.add,
+  r.useImperativeHandle(e, () => ({ element: u.current, dataItem: n })), r.useImperativeHandle(m, () => e.current), f(() => {
+    const t = e.current;
+    if (t)
+      return o({
+        type: a.add,
+        itemRef: t,
+        id: s
+      }), () => {
+        o({
+          type: a.remove,
           itemRef: t,
           id: s
-        }), () => {
-          o({
-            type: a.remove,
-            itemRef: t,
-            id: s
-          });
-        };
-    }
-  );
+        });
+      };
+  });
 };
 export {
   l as useGanttTask

package/package-metadata.mjs

@@ -10,7 +10,7 @@ const e = {
   name: "@progress/kendo-react-gantt",
   productName: "KendoReact",
   productCodes: ["KENDOUIREACT", "KENDOUICOMPLETE"],
-  publishDate: 1729236903,
+  publishDate: 1729499728,
   version: "",
   licensingDocsUrl: "https://www.telerik.com/kendo-react-ui/components/my-license/"
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@progress/kendo-react-gantt",
-  "version": "9.0.0-develop.2",
+  "version": "9.0.0-develop.4",
   "description": "React Gantt enables the display of self-referencing tabular data with many features. KendoReact Gantt package",
   "author": "Progress",
   "license": "SEE LICENSE IN LICENSE.md",
@@ -26,17 +26,17 @@
     "@progress/kendo-date-math": "^1.4.1",
     "@progress/kendo-drawing": "^1.20.4",
     "@progress/kendo-licensing": "^1.3.4",
-    "@progress/kendo-react-buttons": "9.0.0-develop.2",
-    "@progress/kendo-react-common": "9.0.0-develop.2",
-    "@progress/kendo-react-data-tools": "9.0.0-develop.2",
-    "@progress/kendo-react-dateinputs": "9.0.0-develop.2",
-    "@progress/kendo-react-dialogs": "9.0.0-develop.2",
-    "@progress/kendo-react-dropdowns": "9.0.0-develop.2",
-    "@progress/kendo-react-form": "9.0.0-develop.2",
-    "@progress/kendo-react-inputs": "9.0.0-develop.2",
-    "@progress/kendo-react-intl": "9.0.0-develop.2",
-    "@progress/kendo-react-labels": "9.0.0-develop.2",
-    "@progress/kendo-react-treelist": "9.0.0-develop.2",
+    "@progress/kendo-react-buttons": "9.0.0-develop.4",
+    "@progress/kendo-react-common": "9.0.0-develop.4",
+    "@progress/kendo-react-data-tools": "9.0.0-develop.4",
+    "@progress/kendo-react-dateinputs": "9.0.0-develop.4",
+    "@progress/kendo-react-dialogs": "9.0.0-develop.4",
+    "@progress/kendo-react-dropdowns": "9.0.0-develop.4",
+    "@progress/kendo-react-form": "9.0.0-develop.4",
+    "@progress/kendo-react-inputs": "9.0.0-develop.4",
+    "@progress/kendo-react-intl": "9.0.0-develop.4",
+    "@progress/kendo-react-labels": "9.0.0-develop.4",
+    "@progress/kendo-react-treelist": "9.0.0-develop.4",
     "@progress/kendo-svg-icons": "^3.0.0",
     "react": "^16.8.2 || ^17.0.0 || ^18.0.0",
     "react-dom": "^16.8.2 || ^17.0.0 || ^18.0.0"

package/utils/data-operations.mjs

@@ -16,10 +16,12 @@ const J = (l) => {
   if (!n || g === "none")
     C || (e(i, d), a(i, c)), s.parentId && T(i, null), o.unshift(i);
   else {
-    const I = [{
-      task: { [s.children]: o },
-      childrenIndex: 0
-    }], w = p(s.id), y = p(s.children), R = k(s.children), j = w(n);
+    const I = [
+      {
+        task: { [s.children]: o },
+        childrenIndex: 0
+      }
+    ], w = p(s.id), y = p(s.children), R = k(s.children), j = w(n);
     for (; I.length > 0; ) {
       const f = I[I.length - 1], S = f.task, P = w(S), u = y(S);
       if (P && P === j)
@@ -34,15 +36,24 @@ const J = (l) => {
       switch (g) {
         case "child": {
           let x = y(f);
-          x || (x = [], R(f, x)), C || (e(i, new Date(h(f).getTime())), a(i, new Date(m(f).getTime()))), x.push(i), T(i, w(f)), D(I.splice(1, I.length - 1).map((q) => q.task), s);
+          x || (x = [], R(f, x)), C || (e(i, new Date(h(f).getTime())), a(i, new Date(m(f).getTime()))), x.push(i), T(i, w(f)), D(
+            I.splice(1, I.length - 1).map((q) => q.task),
+            s
+          );
           break;
         }
         case "above": {
-          h(u) && m(u) && !C ? (e(i, new Date(h(f).getTime())), a(i, new Date(m(f).getTime()))) : (e(i, d), a(i, c)), E.splice(S - 1, 0, i), T(i, w(u)), D(I.splice(1, I.length - 2).map((x) => x.task), s);
+          h(u) && m(u) && !C ? (e(i, new Date(h(f).getTime())), a(i, new Date(m(f).getTime()))) : (e(i, d), a(i, c)), E.splice(S - 1, 0, i), T(i, w(u)), D(
+            I.splice(1, I.length - 2).map((x) => x.task),
+            s
+          );
           break;
         }
         case "below": {
-          h(u) && m(u) && !C ? (e(i, new Date(h(f).getTime())), a(i, new Date(m(f).getTime()))) : (e(i, d), a(i, c)), E.splice(S, 0, i), T(i, w(u)), D(I.splice(1, I.length - 2).map((x) => x.task), s);
+          h(u) && m(u) && !C ? (e(i, new Date(h(f).getTime())), a(i, new Date(m(f).getTime()))) : (e(i, d), a(i, c)), E.splice(S, 0, i), T(i, w(u)), D(
+            I.splice(1, I.length - 2).map((x) => x.task),
+            s
+          );
           break;
         }
       }
@@ -53,10 +64,12 @@ const J = (l) => {
   const { updatedDataItem: t, taskModelFields: n, dataTree: g } = l, s = p(n.id), r = p(n.children), d = s(t);
   let c;
   const o = v(g, n.children, (a) => s(a) === d ? (c = a, { ...t }) : { ...a });
-  let e = [{
-    task: { [n.children]: o },
-    childrenIndex: 0
-  }];
+  let e = [
+    {
+      task: { [n.children]: o },
+      childrenIndex: 0
+    }
+  ];
   for (; e.length > 0; ) {
     const a = e[e.length - 1], h = a.task, m = s(h), T = r(h);
     if (m && m === d)
@@ -70,22 +83,37 @@ const J = (l) => {
     e = e.splice(1, e.length - 2);
     const a = p(n.start), h = p(n.end), m = p(n.percentComplete), T = p(n.parentId || "");
     if (a(c).getTime() !== a(t).getTime()) {
-      b(e.map((C) => C.task), n);
+      b(
+        e.map((C) => C.task),
+        n
+      );
       const i = a(t).getTime() - a(c).getTime();
       B(r(t), n, i);
     }
-    if (h(c).getTime() !== h(t).getTime() && N(e.map((i) => i.task), n), m(c) !== m(t) && O(e.map((i) => i.task), n), n.parentId && T(c) !== T(t)) {
+    if (h(c).getTime() !== h(t).getTime() && N(
+      e.map((i) => i.task),
+      n
+    ), m(c) !== m(t) && O(
+      e.map((i) => i.task),
+      n
+    ), n.parentId && T(c) !== T(t)) {
       let i;
-      return e.length ? z(e.map((C) => C.task), n, c) : i = o.filter((C) => s(C) !== s(t)), A(i || o, n, t);
+      return e.length ? z(
+        e.map((C) => C.task),
+        n,
+        c
+      ) : i = o.filter((C) => s(C) !== s(t)), A(i || o, n, t);
     }
   }
   return o;
 }, Q = (l) => {
   const { removedDataItem: t, taskModelFields: n, dataTree: g } = l, s = v(g, n.children, (e) => ({ ...e }));
-  let r = [{
-    task: { [n.children]: s },
-    childrenIndex: 0
-  }];
+  let r = [
+    {
+      task: { [n.children]: s },
+      childrenIndex: 0
+    }
+  ];
   const d = p(n.id), c = p(n.children), o = d(t);
   for (; r.length > 0; ) {
     const e = r[r.length - 1], a = e.task, h = d(a), m = c(a);
@@ -98,7 +126,10 @@ const J = (l) => {
   }
   if (r.length > 1) {
     const e = r[r.length - 2], a = e.task;
-    c(a).splice(e.childrenIndex - 1, 1), r = r.splice(1, r.length - 2), D(r.map((m) => m.task), n);
+    c(a).splice(e.childrenIndex - 1, 1), r = r.splice(1, r.length - 2), D(
+      r.map((m) => m.task),
+      n
+    );
   }
   return s;
 }, D = (l, t) => {

package/utils/index.mjs

@@ -14,15 +14,17 @@ import { createDataTree as I } from "@progress/kendo-react-treelist";
 import { DEFAULT_TASK_MODEL_FIELDS as H, DEFAULT_DEPENDENCY_MODEL_FIELDS as O, HOUR_DATE_FORMAT as F, DAY_DATE_FORMAT as p, MONTH_DATE_FORMAT as B, YEAR_DATE_FORMAT as U, DAYS_IN_WEEK_COUNT as Y } from "../constants/index.mjs";
 const ne = b, ae = C, re = _, oe = x, se = I, de = (e) => ({ fields: { ...H, ...e } }), ce = (e) => ({ fields: { ...O, ...e } }), me = (e) => S(e), $ = (e, t) => S(A(e, t || 1)), ie = (e, t, n, o) => n < t && e <= o;
 function R(e) {
-  return new Date(Date.UTC(
-    e.getFullYear(),
-    e.getMonth(),
-    e.getDate(),
-    e.getHours(),
-    e.getMinutes(),
-    e.getSeconds(),
-    e.getMilliseconds()
-  ));
+  return new Date(
+    Date.UTC(
+      e.getFullYear(),
+      e.getMonth(),
+      e.getDate(),
+      e.getHours(),
+      e.getMinutes(),
+      e.getSeconds(),
+      e.getMilliseconds()
+    )
+  );
 }
 const D = 4, k = 10, ge = (e, t, n, o) => {
   const r = [];
@@ -154,7 +156,10 @@ const D = 4, k = 10, ge = (e, t, n, o) => {
     range: r,
     isWork: !1,
     span: s,
-    text: `${n.formatDate(r.zonedStart, p)} - ${n.formatDate(r.zonedEnd, p)}`,
+    text: `${n.formatDate(r.zonedStart, p)} - ${n.formatDate(
+      r.zonedEnd,
+      p
+    )}`,
     type: "week"
   };
 }), Ee = (e, t, n) => j(e, { timezone: t.timezone }).map((r) => {
@@ -182,13 +187,10 @@ const D = 4, k = 10, ge = (e, t, n, o) => {
     {
       key: a.range.start.getTime(),
       colSpan: a.span,
-      className: y(
-        "k-table-th",
-        {
-          "k-header": !0,
-          "k-nonwork-hour": !a.isWork
-        }
-      )
+      className: y("k-table-th", {
+        "k-header": !0,
+        "k-nonwork-hour": !a.isWork
+      })
     },
     o ? /* @__PURE__ */ u.createElement(
       o,
@@ -209,12 +211,9 @@ const D = 4, k = 10, ge = (e, t, n, o) => {
     {
       key: o.range.start.getTime(),
       colSpan: o.span,
-      className: y(
-        "k-table-td",
-        {
-          "k-nonwork-hour": !o.isWork
-        }
-      )
+      className: y("k-table-td", {
+        "k-nonwork-hour": !o.isWork
+      })
     }
   )))));
 }, Se = (e, t) => {

package/views/GanttDayView.mjs

@@ -16,35 +16,43 @@ import { dayViewTitle as V, messages as O } from "../messages/index.mjs";
 import { useInternationalization as P } from "@progress/kendo-react-intl";
 import { DEFAULT_COLUMN_WIDTH as M } from "../constants/index.mjs";
 const h = o.forwardRef((e, D) => {
-  const { slotWidth: r = a.slotWidth, slotDuration: d = a.slotDuration, firstSlotRangeRef: c, timelineHeaderCell: k } = e, { timezone: s } = x(), n = P(), i = o.useRef(null), u = o.useRef(null), C = o.useCallback(
-    (f) => {
-      u.current && u.current.scrollIntoView(f);
-    },
-    []
-  );
+  const {
+    slotWidth: r = a.slotWidth,
+    slotDuration: d = a.slotDuration,
+    firstSlotRangeRef: c,
+    timelineHeaderCell: k
+  } = e, { timezone: s } = x(), n = P(), i = o.useRef(null), u = o.useRef(null), C = o.useCallback((f) => {
+    u.current && u.current.scrollIntoView(f);
+  }, []);
   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({
-        workWeekStart: g,
-        workWeekEnd: y
-      }), l = [], T = H(w, { workDays: f, timezone: s }, n);
-      return T.forEach((E) => {
-        const W = U(
-          E.range,
-          {
-            workDayStart: p,
-            workDayEnd: S,
-            timezone: s,
-            slotDuration: d
-          },
-          n
-        );
-        E.span = W.length, l.push.apply(l, W);
-      }), c && l[0] && (c.current = l[0].range), [T, l];
-    },
-    [s, w.start.getTime(), w.end.getTime(), n, g, y, p, S]
-  );
+  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({
+      workWeekStart: g,
+      workWeekEnd: y
+    }), l = [], T = H(w, { workDays: f, timezone: s }, n);
+    return T.forEach((E) => {
+      const W = U(
+        E.range,
+        {
+          workDayStart: p,
+          workDayEnd: S,
+          timezone: s,
+          slotDuration: d
+        },
+        n
+      );
+      E.span = W.length, l.push.apply(l, W);
+    }), c && l[0] && (c.current = l[0].range), [T, l];
+  }, [
+    s,
+    w.start.getTime(),
+    w.end.getTime(),
+    n,
+    g,
+    y,
+    p,
+    S
+  ]);
   return /* @__PURE__ */ o.createElement(
     I,
     {

package/views/GanttMonthView.mjs

@@ -16,27 +16,17 @@ import { DEFAULT_COLUMN_WIDTH as L } from "../constants/index.mjs";
 import { monthViewTitle as D, messages as O } from "../messages/index.mjs";
 import { useInternationalization as U } from "@progress/kendo-react-intl";
 const k = e.forwardRef((a, f) => {
-  const { slotWidth: n = H.slotWidth, firstSlotRangeRef: l, timelineHeaderCell: u } = a, { timezone: s } = b(), i = U(), m = e.useRef(null), r = e.useRef(null), h = e.useCallback(
-    (o) => {
-      r.current && r.current.scrollIntoView(o);
-    },
-    []
-  );
+  const { slotWidth: n = H.slotWidth, firstSlotRangeRef: l, timelineHeaderCell: u } = a, { timezone: s } = b(), i = U(), m = e.useRef(null), r = e.useRef(null), h = e.useCallback((o) => {
+    r.current && r.current.scrollIntoView(o);
+  }, []);
   e.useImperativeHandle(m, () => ({ scrollIntoView: h })), e.useImperativeHandle(f, () => m.current);
-  const d = I(), T = e.useMemo(
-    () => {
-      const o = [], p = C(d, { timezone: s }, i);
-      return p.forEach((y) => {
-        const R = M(
-          y.range,
-          { timezone: s },
-          i
-        );
-        o.push.apply(o, R);
-      }), l && o[0] && (l.current = o[0].range), [p, o];
-    },
-    [s, d.start.getTime(), d.end.getTime(), i]
-  );
+  const d = I(), T = e.useMemo(() => {
+    const o = [], p = C(d, { timezone: s }, i);
+    return p.forEach((y) => {
+      const R = M(y.range, { timezone: s }, i);
+      o.push.apply(o, R);
+    }), l && o[0] && (l.current = o[0].range), [p, o];
+  }, [s, d.start.getTime(), d.end.getTime(), i]);
   return /* @__PURE__ */ e.createElement(
     E,
     {

package/views/GanttWeekView.mjs

@@ -16,26 +16,20 @@ import { DEFAULT_COLUMN_WIDTH as O, DAYS_IN_WEEK_COUNT as v } from "../constants
 import { weekViewTitle as E, messages as x } from "../messages/index.mjs";
 import { useInternationalization as z } from "@progress/kendo-react-intl";
 const R = o.forwardRef((t, m) => {
-  const { slotWidth: f = g.slotWidth, firstSlotRangeRef: r, timelineHeaderCell: w } = t, { timezone: a } = H(), s = z(), c = o.useRef(null), n = o.useRef(null), k = o.useCallback(
-    (D) => {
-      n.current && n.current.scrollIntoView(D);
-    },
-    []
-  );
+  const { slotWidth: f = g.slotWidth, firstSlotRangeRef: r, timelineHeaderCell: w } = t, { timezone: a } = H(), s = z(), c = o.useRef(null), n = o.useRef(null), k = o.useCallback((D) => {
+    n.current && n.current.scrollIntoView(D);
+  }, []);
   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({
-        workWeekStart: u,
-        workWeekEnd: W
-      }), i = [], p = h(d, { timezone: a }, s);
-      return p.forEach((C) => {
-        const I = L(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]
-  );
+  const d = N(), u = t.workWeekStart || g.workWeekStart, W = t.workWeekEnd || g.workWeekEnd, V = o.useMemo(() => {
+    const D = U({
+      workWeekStart: u,
+      workWeekEnd: W
+    }), i = [], p = h(d, { timezone: a }, s);
+    return p.forEach((C) => {
+      const I = L(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]);
   return /* @__PURE__ */ o.createElement(
     b,
     {

package/views/GanttYearView.mjs

@@ -16,35 +16,18 @@ import { DEFAULT_COLUMN_WIDTH as b } from "../constants/index.mjs";
 import { yearViewTitle as T, messages as G } from "../messages/index.mjs";
 import { useInternationalization as H } from "@progress/kendo-react-intl";
 const h = t.forwardRef((n, p) => {
-  const { slotWidth: o = v.slotWidth, firstSlotRangeRef: m, timelineHeaderCell: u } = n, { timezone: a } = U(), r = H(), s = t.useRef(null), i = t.useRef(null), y = t.useCallback(
-    (c) => {
-      i.current && i.current.scrollIntoView(c);
-    },
-    []
-  );
+  const { slotWidth: o = v.slotWidth, firstSlotRangeRef: m, timelineHeaderCell: u } = n, { timezone: a } = U(), r = H(), s = t.useRef(null), i = t.useRef(null), y = t.useCallback((c) => {
+    i.current && i.current.scrollIntoView(c);
+  }, []);
   t.useImperativeHandle(s, () => ({ scrollIntoView: y })), t.useImperativeHandle(p, () => s.current);
-  const d = W(), w = t.useMemo(
-    () => {
-      const c = Y(d, { timezone: a }, r), l = [];
-      return c.forEach((R) => {
-        const V = E(
-          R.range,
-          { timezone: a },
-          r
-        );
-        l.push.apply(l, V);
-      }), m && l[0] && (m.current = l[0].range), [c, l];
-    },
-    [a, d.start.getTime(), d.end.getTime(), r]
-  );
-  return /* @__PURE__ */ t.createElement(
-    L,
-    {
-      slotWidth: o,
-      slotLevels: w,
-      timelineHeaderCell: u
-    }
-  );
+  const d = W(), w = t.useMemo(() => {
+    const c = Y(d, { timezone: a }, r), l = [];
+    return c.forEach((R) => {
+      const V = E(R.range, { timezone: a }, r);
+      l.push.apply(l, V);
+    }), m && l[0] && (m.current = l[0].range), [c, l];
+  }, [a, d.start.getTime(), d.end.getTime(), r]);
+  return /* @__PURE__ */ t.createElement(L, { slotWidth: o, slotLevels: w, timelineHeaderCell: u });
 }), k = ({ tasksStart: n, tasksEnd: p, timezone: o }) => {
   const m = f.fromLocalDate(n, o), u = f.fromLocalDate(p, o), a = M(C(g(m))), r = S(O(I(g(u))), 1), s = f.fromUTCDate(D(a), o), i = f.fromUTCDate(D(r), o);
   return {