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

package/utils/index.mjs

@@ -0,0 +1,263 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2024 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+"use client";
+import * as u from "react";
+import { mapTree as _, extendDataItem as x, getter as h, classNames as y } from "@progress/kendo-react-common";
+import { MS_PER_MINUTE as A, MS_PER_DAY as E, getDate as S, addDays as L, ZonedDate as g, firstDayInWeek as N, addMonths as z } from "@progress/kendo-date-math";
+import { orderBy as b, filterBy as C } from "@progress/kendo-react-data-tools";
+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(L(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()
+  ));
+}
+const D = 4, k = 10, ge = (e, t, n, o) => {
+  const r = [];
+  let s = 0, a = 0;
+  const d = k, m = Math.floor(n / 2), T = e.top < t.top, i = () => r.push({ left: a, top: s });
+  if (o === 0 || o === 3) {
+    const c = o === 3 ? "start" : "end";
+    s = e.top, a = e[c], i(), a = Math[c === "start" ? "min" : "max"](e[c], t[c]), a = c === "start" ? a - d : a + d, i(), s = t.top, i(), a = c === "start" ? t[c] - D : t[c] + D, i(), w(s, a, r, c !== "start");
+  } else {
+    const c = o === 2 ? "start" : "end", l = o === 2 ? "end" : "start", f = o === 2 ? e[c] - k * 2 >= t[l] : e[c] + k * 2 <= t[l];
+    s = e.top, a = e[c], i(), a = c === "start" ? a - d : a + d, i(), f || (s = T ? s + m : s - m, i(), a = c === "start" ? t[l] + d : t[l] - d, i()), s = t.top, i(), a = l === "start" ? t[l] - D : t[l] + D, i(), w(s, a, r, l !== "start");
+  }
+  return r;
+}, w = (e, t, n, o) => o ? P(e, t, n) : K(e, t, n), P = (e, t, n) => {
+  n.push({
+    top: e - D / 2,
+    left: t
+  }), n.push({
+    top: e,
+    left: t - D + 1
+  }), n.push({
+    top: e + D / 2,
+    left: t
+  }), n.push({
+    top: e,
+    left: t
+  });
+}, K = (e, t, n) => {
+  n.push({
+    top: e + D / 2,
+    left: t
+  }), n.push({
+    top: e,
+    left: t + D - 1
+  }), n.push({
+    top: e - D / 2,
+    left: t
+  }), n.push({
+    top: e,
+    left: t
+  });
+}, le = (e) => {
+  if (e.workWeekStart === void 0 || e.workWeekEnd === void 0)
+    return [];
+  const t = [];
+  let n = e.workWeekStart;
+  for (t.push(n); e.workWeekEnd !== n; )
+    n > 6 ? n -= 7 : n++, t.push(n);
+  return t;
+}, Z = (e, t) => {
+  const n = e.getDay();
+  return t.indexOf(n) > -1;
+}, M = (e, { step: t, timezone: n }) => {
+  const o = [], r = g.fromLocalDate(e.start, n), s = g.fromLocalDate(e.end, n);
+  let a = r.clone();
+  for (; a.getTime() < s.getTime(); ) {
+    const d = a.clone(), m = d.clone().addTime(t), T = new Date(d.getTime()), c = {
+      end: new Date(m.getTime()),
+      start: T,
+      zonedStart: d,
+      zonedEnd: m
+    };
+    o.push(c), a = a.addTime(t);
+  }
+  return o;
+}, v = (e, { timezone: t }, n) => {
+  const o = [], r = g.fromLocalDate(e.start, t), s = g.fromLocalDate(e.end, t);
+  for (let a = r.clone(), d = 0; a.getTime() < s.getTime(); d++) {
+    const m = a.clone(), T = $(N(S(m), n.firstDay()), Y), i = g.fromUTCDate(R(T), t), c = i.getTime() > s.getTime() ? s.clone() : i;
+    a = c.clone();
+    const l = new Date(m.getTime()), W = {
+      end: new Date(c.getTime()),
+      start: l,
+      zonedStart: m,
+      zonedEnd: c
+    };
+    o.push(W);
+  }
+  return o;
+}, j = (e, { timezone: t }) => {
+  const n = [], o = g.fromLocalDate(e.start, t), r = g.fromLocalDate(e.end, t);
+  for (let s = o.clone(), a = 0; s.getTime() < r.getTime(); a++) {
+    const d = s.clone(), m = g.fromLocalDate(z(new Date(d.getTime()), 1), t);
+    s = m.clone();
+    const T = new Date(d.getTime()), c = {
+      end: new Date(m.getTime()),
+      start: T,
+      zonedStart: d,
+      zonedEnd: m
+    };
+    n.push(c);
+  }
+  return n;
+}, q = (e, { timezone: t }) => {
+  const n = [], o = g.fromLocalDate(e.start, t), r = g.fromLocalDate(e.end, t);
+  for (let s = o.clone(), a = 0; s.getTime() < r.getTime(); a++) {
+    const d = s.clone(), m = g.fromLocalDate(z(new Date(d.getTime()), 12), t);
+    s = m.clone();
+    const T = new Date(d.getTime()), c = {
+      end: new Date(m.getTime()),
+      start: T,
+      zonedStart: d,
+      zonedEnd: m
+    };
+    n.push(c);
+  }
+  return n;
+}, De = (e, t, n) => {
+  const o = n.parseDate(t.workDayStart).getHours(), r = n.parseDate(t.workDayEnd).getHours();
+  return M(e, { step: A * t.slotDuration, timezone: t.timezone }).map((a) => {
+    const d = a.zonedStart.getHours();
+    return {
+      range: a,
+      isWork: d >= o && d < r,
+      span: 1,
+      text: n.formatDate(a.zonedStart, F),
+      type: "time"
+    };
+  });
+}, Te = (e, t, n) => M(e, { step: E, timezone: t.timezone }).map((r) => ({
+  range: r,
+  isWork: Z(r.start, t.workDays),
+  span: 1,
+  text: n.formatDate(r.zonedStart, p),
+  type: "day"
+})), ue = (e, t, n) => v(e, { timezone: t.timezone }, n).map((r) => {
+  const s = Math.round((r.zonedEnd.getTime() - r.zonedStart.getTime()) / E);
+  return {
+    range: r,
+    isWork: !1,
+    span: s,
+    text: `${n.formatDate(r.zonedStart, p)} - ${n.formatDate(r.zonedEnd, p)}`,
+    type: "week"
+  };
+}), Ee = (e, t, n) => j(e, { timezone: t.timezone }).map((r) => {
+  const s = Math.round((r.zonedEnd.getTime() - r.zonedStart.getTime()) / E);
+  return {
+    range: r,
+    isWork: !1,
+    span: s,
+    text: n.formatDate(r.zonedStart, B),
+    type: "month"
+  };
+}), ke = (e, t, n) => q(e, { timezone: t.timezone }).map((r) => {
+  const s = Math.round((r.zonedEnd.getTime() - r.zonedStart.getTime()) / E);
+  return {
+    range: r,
+    isWork: !1,
+    span: s,
+    text: n.formatDate(r.zonedStart, U),
+    type: "year"
+  };
+}), pe = (e, t, n) => {
+  const o = n;
+  return /* @__PURE__ */ u.createElement("table", { className: "k-table k-table-md", ref: t, "aria-hidden": !0 }, /* @__PURE__ */ u.createElement("tbody", { className: "k-table-tbody" }, e.map((r, s) => /* @__PURE__ */ u.createElement("tr", { className: "k-table-row", key: s }, r.map((a, d) => /* @__PURE__ */ u.createElement(
+    "td",
+    {
+      key: a.range.start.getTime(),
+      colSpan: a.span,
+      className: y(
+        "k-table-th",
+        {
+          "k-header": !0,
+          "k-nonwork-hour": !a.isWork
+        }
+      )
+    },
+    o ? /* @__PURE__ */ u.createElement(
+      o,
+      {
+        rowIndex: s,
+        index: d,
+        range: a.range,
+        text: a.text,
+        isWork: a.isWork,
+        type: a.type
+      }
+    ) : a.text
+  ))))));
+}, he = (e, t) => {
+  const n = e[e.length - 1];
+  return /* @__PURE__ */ u.createElement("table", { className: "k-table k-table-md k-gantt-columns", ref: t, "aria-hidden": !0 }, /* @__PURE__ */ u.createElement("tbody", { className: "k-table-tbody" }, /* @__PURE__ */ u.createElement("tr", { className: "k-table-row" }, n.map((o) => /* @__PURE__ */ u.createElement(
+    "td",
+    {
+      key: o.range.start.getTime(),
+      colSpan: o.span,
+      className: y(
+        "k-table-td",
+        {
+          "k-nonwork-hour": !o.isWork
+        }
+      )
+    }
+  )))));
+}, Se = (e, t) => {
+  const n = e[e.length - 1];
+  let o = 0, r = 0;
+  return n.forEach((s) => {
+    const a = s.span;
+    r += a, a > o && (o = a);
+  }), Math.round(r * t / o);
+}, G = (e, t) => !!h(t)(e), J = (e, t) => !!h(t)(e), fe = (e, t) => (n) => G(n, e) && J(n, t) ? [...h(t)(n)] : [];
+export {
+  D as ARROW_SIZE,
+  k as MIN_LINE_WIDTH,
+  w as addArrow,
+  K as addArrowEast,
+  P as addArrowWest,
+  se as createDataTree,
+  ge as dependencyCoordinates,
+  fe as expandedChildren,
+  oe as extendDataItem,
+  ae as filterBy,
+  Te as getDaySlots,
+  ce as getDependencyModelFields,
+  $ as getEndDate,
+  De as getHourSlots,
+  Ee as getMonthSlots,
+  me as getStartDate,
+  de as getTaskModelFields,
+  he as getTimelineContent,
+  pe as getTimelineHeader,
+  Se as getTimelineWidth,
+  ue as getWeekSlots,
+  le as getWorkDays,
+  ke as getYearSlots,
+  J as hasChildren,
+  G as isExpanded,
+  ie as isInRange,
+  Z as isWorkDay,
+  re as mapTree,
+  ne as orderBy,
+  j as toMonthRanges,
+  M as toRanges,
+  R as toUTCDateTime,
+  v as toWeekRanges,
+  q as toYearRanges
+};

package/views/GanttDayView.js

@@ -0,0 +1,8 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2024 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const O=require("react"),t=require("prop-types"),k=require("@progress/kendo-date-math"),P=require("../components/BaseView.js"),s=require("../utils/index.js"),h=require("../context/GanttContext.js"),S=require("../messages/index.js"),I=require("@progress/kendo-react-intl"),j=require("../constants/index.js");function x(e){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const n in e)if(n!=="default"){const i=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(r,n,i.get?i:{enumerable:!0,get:()=>e[n]})}}return r.default=e,Object.freeze(r)}const o=x(O),w=o.forwardRef((e,r)=>{const{slotWidth:n=a.slotWidth,slotDuration:i=a.slotDuration,firstSlotRangeRef:D,timelineHeaderCell:f}=e,{timezone:l}=h.useGanttPropsContext(),c=I.useInternationalization(),u=o.useRef(null),g=o.useRef(null),C=o.useCallback(m=>{g.current&&g.current.scrollIntoView(m)},[]);o.useImperativeHandle(u,()=>({scrollIntoView:C})),o.useImperativeHandle(r,()=>u.current);const y=h.useGanttDateRangeContext(),T=e.workWeekStart||a.workWeekStart,p=e.workWeekEnd||a.workWeekEnd,E=e.workDayStart||a.workDayStart,W=e.workDayEnd||a.workDayEnd,q=o.useMemo(()=>{const m=s.getWorkDays({workWeekStart:T,workWeekEnd:p}),d=[],b=s.getDaySlots(y,{workDays:m,timezone:l},c);return b.forEach(R=>{const V=s.getHourSlots(R.range,{workDayStart:E,workDayEnd:W,timezone:l,slotDuration:i},c);R.span=V.length,d.push.apply(d,V)}),D&&d[0]&&(D.current=d[0].range),[b,d]},[l,y.start.getTime(),y.end.getTime(),c,T,p,E,W]);return o.createElement(P.BaseView,{ref:g,slotWidth:n,slotLevels:q,timelineHeaderCell:f})}),G=({tasksStart:e,tasksEnd:r,timezone:n})=>{const i=k.ZonedDate.fromLocalDate(e,n),D=k.ZonedDate.fromLocalDate(r,n),f=s.getStartDate(i),l=s.getEndDate(D),c=k.ZonedDate.fromUTCDate(s.toUTCDateTime(f),n),u=k.ZonedDate.fromUTCDate(s.toUTCDateTime(l),n);return{start:new Date(c.getTime()),end:new Date(u.getTime()),zonedStart:c,zonedEnd:u}},a={name:"day",dateRange:G,title:e=>e.toLanguageString(S.dayViewTitle,S.messages[S.dayViewTitle]),slotWidth:j.DEFAULT_COLUMN_WIDTH,slotDuration:60,workWeekStart:1,workWeekEnd:5,workDayStart:"08:00",workDayEnd:"17:00"};w.defaultProps=a;w.propTypes={name:t.string,dateRange:t.oneOfType([t.func,t.object]),title:t.oneOfType([t.string,t.func]),slotWidth:t.number,slotDuration:t.number,workWeekStart:t.number,workWeekEnd:t.number,workDayStart:t.string,workDayEnd:t.string};w.displayName="KendoReactGanttDayView";exports.GanttDayView=w;exports.defaultProps=a;

package/views/GanttDayView.mjs

@@ -0,0 +1,94 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2024 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+"use client";
+import * as o from "react";
+import t from "prop-types";
+import { ZonedDate as d } 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 P, toUTCDateTime as h } from "../utils/index.mjs";
+import { useGanttPropsContext as v, useGanttDateRangeContext as x } from "../context/GanttContext.mjs";
+import { dayViewTitle as V, messages as z } from "../messages/index.mjs";
+import { useInternationalization as O } from "@progress/kendo-react-intl";
+import { DEFAULT_COLUMN_WIDTH as M } from "../constants/index.mjs";
+const g = o.forwardRef((e, m) => {
+  const { slotWidth: n = r.slotWidth, slotDuration: u = r.slotDuration, firstSlotRangeRef: c, timelineHeaderCell: k } = e, { timezone: s } = v(), a = O(), i = o.useRef(null), D = o.useRef(null), C = o.useCallback(
+    (f) => {
+      D.current && D.current.scrollIntoView(f);
+    },
+    []
+  );
+  o.useImperativeHandle(i, () => ({ scrollIntoView: C })), o.useImperativeHandle(m, () => i.current);
+  const w = x(), y = e.workWeekStart || r.workWeekStart, p = e.workWeekEnd || r.workWeekEnd, S = e.workDayStart || r.workDayStart, T = e.workDayEnd || r.workDayEnd, b = o.useMemo(
+    () => {
+      const f = L({
+        workWeekStart: y,
+        workWeekEnd: p
+      }), l = [], E = H(w, { workDays: f, timezone: s }, a);
+      return E.forEach((W) => {
+        const R = U(
+          W.range,
+          {
+            workDayStart: S,
+            workDayEnd: T,
+            timezone: s,
+            slotDuration: u
+          },
+          a
+        );
+        W.span = R.length, l.push.apply(l, R);
+      }), c && l[0] && (c.current = l[0].range), [E, l];
+    },
+    [s, w.start.getTime(), w.end.getTime(), a, y, p, S, T]
+  );
+  return /* @__PURE__ */ o.createElement(
+    I,
+    {
+      ref: D,
+      slotWidth: n,
+      slotLevels: b,
+      timelineHeaderCell: k
+    }
+  );
+}), N = ({ tasksStart: e, tasksEnd: m, timezone: n }) => {
+  const u = d.fromLocalDate(e, n), c = d.fromLocalDate(m, n), k = G(u), s = P(c), a = d.fromUTCDate(h(k), n), i = d.fromUTCDate(h(s), n);
+  return {
+    // Sat May 31 2014 07:00:00 GMT+0300 (Eastern European Summer Time)
+    start: new Date(a.getTime()),
+    end: new Date(i.getTime()),
+    // Sat May 31 2014 00:00:00 GMT-0400 (EDT)
+    zonedStart: a,
+    zonedEnd: i
+  };
+}, r = {
+  name: "day",
+  dateRange: N,
+  title: (e) => e.toLanguageString(V, z[V]),
+  slotWidth: M,
+  slotDuration: 60,
+  workWeekStart: 1,
+  workWeekEnd: 5,
+  workDayStart: "08:00",
+  workDayEnd: "17:00"
+};
+g.defaultProps = r;
+g.propTypes = {
+  name: t.string,
+  dateRange: t.oneOfType([t.func, t.object]),
+  title: t.oneOfType([t.string, t.func]),
+  slotWidth: t.number,
+  slotDuration: t.number,
+  workWeekStart: t.number,
+  workWeekEnd: t.number,
+  workDayStart: t.string,
+  workDayEnd: t.string
+};
+g.displayName = "KendoReactGanttDayView";
+export {
+  g as GanttDayView,
+  r as defaultProps
+};

package/views/GanttMonthView.js

@@ -0,0 +1,8 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2024 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const R=require("react"),e=require("prop-types"),o=require("@progress/kendo-date-math"),V=require("../components/BaseView.js"),f=require("../utils/index.js"),k=require("../context/GanttContext.js"),M=require("../constants/index.js"),w=require("../messages/index.js"),O=require("@progress/kendo-react-intl");function C(t){const a=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const n in t)if(n!=="default"){const s=Object.getOwnPropertyDescriptor(t,n);Object.defineProperty(a,n,s.get?s:{enumerable:!0,get:()=>t[n]})}}return a.default=t,Object.freeze(a)}const r=C(R),g=r.forwardRef((t,a)=>{const{slotWidth:n=p.slotWidth,firstSlotRangeRef:s,timelineHeaderCell:m}=t,{timezone:l}=k.useGanttPropsContext(),u=O.useInternationalization(),d=r.useRef(null),c=r.useRef(null),y=r.useCallback(i=>{c.current&&c.current.scrollIntoView(i)},[]);r.useImperativeHandle(d,()=>({scrollIntoView:y})),r.useImperativeHandle(a,()=>d.current);const D=k.useGanttDateRangeContext(),h=r.useMemo(()=>{const i=[],T=f.getMonthSlots(D,{timezone:l},u);return T.forEach(S=>{const b=f.getWeekSlots(S.range,{timezone:l},u);i.push.apply(i,b)}),s&&i[0]&&(s.current=i[0].range),[T,i]},[l,D.start.getTime(),D.end.getTime(),u]);return r.createElement(V.BaseView,{ref:c,slotWidth:n,slotLevels:h,timelineHeaderCell:m})}),W=({tasksStart:t,tasksEnd:a,timezone:n})=>{const s=o.ZonedDate.fromLocalDate(t,n),m=o.ZonedDate.fromLocalDate(a,n),l=o.firstDayOfMonth(o.getDate(s)),u=o.addDays(o.lastDayOfMonth(o.getDate(m)),1),d=o.ZonedDate.fromUTCDate(f.toUTCDateTime(l),n),c=o.ZonedDate.fromUTCDate(f.toUTCDateTime(u),n);return{start:new Date(d.getTime()),end:new Date(c.getTime()),zonedStart:d,zonedEnd:c}},p={name:"month",dateRange:W,title:t=>t.toLanguageString(w.monthViewTitle,w.messages[w.monthViewTitle]),slotWidth:M.DEFAULT_COLUMN_WIDTH,workWeekStart:1,workWeekEnd:5,workDayStart:"08:00",workDayEnd:"17:00"};g.defaultProps=p;g.propTypes={name:e.string,dateRange:e.oneOfType([e.func,e.object]),title:e.oneOfType([e.string,e.func]),slotWidth:e.number,workWeekStart:e.number,workWeekEnd:e.number,workDayStart:e.string,workDayEnd:e.string};g.displayName="GanttMonthView";exports.GanttMonthView=g;exports.defaultProps=p;

package/views/GanttMonthView.mjs

@@ -0,0 +1,82 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2024 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+"use client";
+import * as e from "react";
+import t from "prop-types";
+import { ZonedDate as c, firstDayOfMonth as W, getDate as w, addDays as E, lastDayOfMonth as V } from "@progress/kendo-date-math";
+import { BaseView as C } from "../components/BaseView.mjs";
+import { getMonthSlots as M, getWeekSlots as b, toUTCDateTime as D } from "../utils/index.mjs";
+import { useGanttPropsContext as I, useGanttDateRangeContext as L } from "../context/GanttContext.mjs";
+import { DEFAULT_COLUMN_WIDTH as O } from "../constants/index.mjs";
+import { monthViewTitle as k, messages as U } from "../messages/index.mjs";
+import { useInternationalization as G } from "@progress/kendo-react-intl";
+const p = e.forwardRef((a, f) => {
+  const { slotWidth: n = T.slotWidth, firstSlotRangeRef: l, timelineHeaderCell: d } = a, { timezone: s } = I(), i = G(), 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 u = L(), y = e.useMemo(
+    () => {
+      const o = [], g = M(u, { timezone: s }, i);
+      return g.forEach((R) => {
+        const S = b(
+          R.range,
+          { timezone: s },
+          i
+        );
+        o.push.apply(o, S);
+      }), l && o[0] && (l.current = o[0].range), [g, o];
+    },
+    [s, u.start.getTime(), u.end.getTime(), i]
+  );
+  return /* @__PURE__ */ e.createElement(
+    C,
+    {
+      ref: r,
+      slotWidth: n,
+      slotLevels: y,
+      timelineHeaderCell: d
+    }
+  );
+}), H = ({ tasksStart: a, tasksEnd: f, timezone: n }) => {
+  const l = c.fromLocalDate(a, n), d = c.fromLocalDate(f, n), s = W(w(l)), i = E(V(w(d)), 1), m = c.fromUTCDate(D(s), n), r = c.fromUTCDate(D(i), n);
+  return {
+    start: new Date(m.getTime()),
+    end: new Date(r.getTime()),
+    zonedStart: m,
+    zonedEnd: r
+  };
+}, T = {
+  name: "month",
+  dateRange: H,
+  title: (a) => a.toLanguageString(k, U[k]),
+  slotWidth: O,
+  workWeekStart: 1,
+  workWeekEnd: 5,
+  workDayStart: "08:00",
+  workDayEnd: "17:00"
+};
+p.defaultProps = T;
+p.propTypes = {
+  name: t.string,
+  dateRange: t.oneOfType([t.func, t.object]),
+  title: t.oneOfType([t.string, t.func]),
+  slotWidth: t.number,
+  workWeekStart: t.number,
+  workWeekEnd: t.number,
+  workDayStart: t.string,
+  workDayEnd: t.string
+};
+p.displayName = "GanttMonthView";
+export {
+  p as GanttMonthView,
+  T as defaultProps
+};

package/views/GanttWeekView.js

@@ -0,0 +1,8 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2024 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const I=require("react"),t=require("prop-types"),a=require("@progress/kendo-date-math"),O=require("../components/BaseView.js"),i=require("../utils/index.js"),E=require("../context/GanttContext.js"),R=require("../constants/index.js"),T=require("../messages/index.js"),q=require("@progress/kendo-react-intl");function P(e){const s=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const r in e)if(r!=="default"){const n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(s,r,n.get?n:{enumerable:!0,get:()=>e[r]})}}return s.default=e,Object.freeze(s)}const o=P(I),D=o.forwardRef((e,s)=>{const{slotWidth:r=k.slotWidth,firstSlotRangeRef:n,timelineHeaderCell:g}=e,{timezone:l}=E.useGanttPropsContext(),u=q.useInternationalization(),f=o.useRef(null),c=o.useRef(null),w=o.useCallback(y=>{c.current&&c.current.scrollIntoView(y)},[]);o.useImperativeHandle(f,()=>({scrollIntoView:w})),o.useImperativeHandle(s,()=>f.current);const m=E.useGanttDateRangeContext(),W=e.workWeekStart||k.workWeekStart,S=e.workWeekEnd||k.workWeekEnd,b=o.useMemo(()=>{const y=i.getWorkDays({workWeekStart:W,workWeekEnd:S}),d=[],p=i.getWeekSlots(m,{timezone:l},u);return p.forEach(V=>{const C=i.getDaySlots(V.range,{workDays:y,timezone:l},u);d.push.apply(d,C)}),n&&d[0]&&(n.current=d[0].range),[p,d]},[l,m.start.getTime(),m.end.getTime(),u,W,S]);return o.createElement(O.BaseView,{ref:c,slotWidth:r,slotLevels:b,timelineHeaderCell:g})}),_=({intl:e,tasksStart:s,tasksEnd:r,timezone:n})=>{const g=a.ZonedDate.fromLocalDate(s,n),l=a.ZonedDate.fromLocalDate(r,n),u=i.getStartDate(a.firstDayInWeek(a.getDate(g),e.firstDay())),f=i.getEndDate(a.firstDayInWeek(a.getDate(l),e.firstDay()),R.DAYS_IN_WEEK_COUNT),c=a.ZonedDate.fromUTCDate(i.toUTCDateTime(u),n),w=a.ZonedDate.fromUTCDate(i.toUTCDateTime(f),n);return{start:new Date(c.getTime()),end:new Date(w.getTime()),zonedStart:c,zonedEnd:w}},k={name:"week",dateRange:_,title:e=>e.toLanguageString(T.weekViewTitle,T.messages[T.weekViewTitle]),slotWidth:R.DEFAULT_COLUMN_WIDTH,workWeekStart:1,workWeekEnd:5,workDayStart:"08:00",workDayEnd:"17:00"};D.defaultProps=k;D.propTypes={name:t.string,dateRange:t.oneOfType([t.func,t.object]),title:t.oneOfType([t.string,t.func]),slotWidth:t.number,workWeekStart:t.number,workWeekEnd:t.number,workDayStart:t.string,workDayEnd:t.string};D.displayName="KendoReactGanttWeekView";exports.GanttWeekView=D;exports.defaultProps=k;

package/views/GanttWeekView.mjs

@@ -0,0 +1,81 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2024 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+"use client";
+import * as o from "react";
+import e from "prop-types";
+import { ZonedDate as k, firstDayInWeek as T, getDate as S } from "@progress/kendo-date-math";
+import { BaseView as b } from "../components/BaseView.mjs";
+import { getWorkDays as h, getWeekSlots as L, getDaySlots as U, getStartDate as _, getEndDate as G, toUTCDateTime as E } 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 P } from "../constants/index.mjs";
+import { weekViewTitle as R, messages as v } from "../messages/index.mjs";
+import { useInternationalization as x } from "@progress/kendo-react-intl";
+const g = o.forwardRef((t, f) => {
+  const { slotWidth: d = m.slotWidth, firstSlotRangeRef: r, timelineHeaderCell: w } = t, { timezone: a } = H(), s = x(), c = o.useRef(null), n = o.useRef(null), l = o.useCallback(
+    (D) => {
+      n.current && n.current.scrollIntoView(D);
+    },
+    []
+  );
+  o.useImperativeHandle(c, () => ({ scrollIntoView: l })), o.useImperativeHandle(f, () => c.current);
+  const u = N(), p = t.workWeekStart || m.workWeekStart, W = t.workWeekEnd || m.workWeekEnd, C = o.useMemo(
+    () => {
+      const D = h({
+        workWeekStart: p,
+        workWeekEnd: W
+      }), i = [], y = L(u, { timezone: a }, s);
+      return y.forEach((V) => {
+        const I = U(V.range, { workDays: D, timezone: a }, s);
+        i.push.apply(i, I);
+      }), r && i[0] && (r.current = i[0].range), [y, i];
+    },
+    [a, u.start.getTime(), u.end.getTime(), s, p, W]
+  );
+  return /* @__PURE__ */ o.createElement(
+    b,
+    {
+      ref: n,
+      slotWidth: d,
+      slotLevels: C,
+      timelineHeaderCell: w
+    }
+  );
+}), z = ({ intl: t, tasksStart: f, tasksEnd: d, timezone: r }) => {
+  const w = k.fromLocalDate(f, r), a = k.fromLocalDate(d, r), s = _(T(S(w), t.firstDay())), c = G(T(S(a), t.firstDay()), P), n = k.fromUTCDate(E(s), r), l = k.fromUTCDate(E(c), r);
+  return {
+    start: new Date(n.getTime()),
+    end: new Date(l.getTime()),
+    zonedStart: n,
+    zonedEnd: l
+  };
+}, m = {
+  name: "week",
+  dateRange: z,
+  title: (t) => t.toLanguageString(R, v[R]),
+  slotWidth: O,
+  workWeekStart: 1,
+  workWeekEnd: 5,
+  workDayStart: "08:00",
+  workDayEnd: "17:00"
+};
+g.defaultProps = m;
+g.propTypes = {
+  name: e.string,
+  dateRange: e.oneOfType([e.func, e.object]),
+  title: e.oneOfType([e.string, e.func]),
+  slotWidth: e.number,
+  workWeekStart: e.number,
+  workWeekEnd: e.number,
+  workDayStart: e.string,
+  workDayEnd: e.string
+};
+g.displayName = "KendoReactGanttWeekView";
+export {
+  g as GanttWeekView,
+  m as defaultProps
+};

package/views/GanttYearView.js

@@ -0,0 +1,8 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2024 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const M=require("react"),a=require("prop-types"),n=require("@progress/kendo-date-math"),S=require("../components/BaseView.js"),g=require("../utils/index.js"),h=require("../context/GanttContext.js"),V=require("../constants/index.js"),T=require("../messages/index.js"),C=require("@progress/kendo-react-intl");function q(e){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const s=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(r,t,s.get?s:{enumerable:!0,get:()=>e[t]})}}return r.default=e,Object.freeze(r)}const o=q(M),m=o.forwardRef((e,r)=>{const{slotWidth:t=y.slotWidth,firstSlotRangeRef:s,timelineHeaderCell:p}=e,{timezone:i}=h.useGanttPropsContext(),c=C.useInternationalization(),l=o.useRef(null),u=o.useRef(null),w=o.useCallback(f=>{u.current&&u.current.scrollIntoView(f)},[]);o.useImperativeHandle(l,()=>({scrollIntoView:w})),o.useImperativeHandle(r,()=>l.current);const D=h.useGanttDateRangeContext(),R=o.useMemo(()=>{const f=g.getYearSlots(D,{timezone:i},c),d=[];return f.forEach(O=>{const b=g.getMonthSlots(O.range,{timezone:i},c);d.push.apply(d,b)}),s&&d[0]&&(s.current=d[0].range),[f,d]},[i,D.start.getTime(),D.end.getTime(),c]);return o.createElement(S.BaseView,{slotWidth:t,slotLevels:R,timelineHeaderCell:p})}),P=({tasksStart:e,tasksEnd:r,timezone:t})=>{const s=n.ZonedDate.fromLocalDate(e,t),p=n.ZonedDate.fromLocalDate(r,t),i=n.firstDayOfMonth(n.firstMonthOfYear(n.getDate(s))),c=n.addDays(n.lastDayOfMonth(n.lastMonthOfYear(n.getDate(p))),1),l=n.ZonedDate.fromUTCDate(g.toUTCDateTime(i),t),u=n.ZonedDate.fromUTCDate(g.toUTCDateTime(c),t);return{start:new Date(l.getTime()),end:new Date(u.getTime()),zonedStart:l,zonedEnd:u}},y={name:"year",dateRange:P,title:e=>e.toLanguageString(T.yearViewTitle,T.messages[T.yearViewTitle]),slotWidth:V.DEFAULT_COLUMN_WIDTH};m.defaultProps=y;m.propTypes={name:a.string,dateRange:a.oneOfType([a.func,a.object]),title:a.oneOfType([a.string,a.func]),slotWidth:a.number};m.displayName="GanttYearView";exports.GanttYearView=m;exports.defaultProps=y;

package/views/GanttYearView.mjs

@@ -0,0 +1,73 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2024 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+"use client";
+import * as t from "react";
+import e from "prop-types";
+import { ZonedDate as c, firstDayOfMonth as C, firstMonthOfYear as S, getDate as T, addDays as O, lastDayOfMonth as I, lastMonthOfYear as L } from "@progress/kendo-date-math";
+import { BaseView as E } from "../components/BaseView.mjs";
+import { getYearSlots as U, getMonthSlots as W, toUTCDateTime as D } from "../utils/index.mjs";
+import { useGanttPropsContext as Y, useGanttDateRangeContext as b } from "../context/GanttContext.mjs";
+import { DEFAULT_COLUMN_WIDTH as G } from "../constants/index.mjs";
+import { yearViewTitle as h, messages as H } from "../messages/index.mjs";
+import { useInternationalization as P } from "@progress/kendo-react-intl";
+const g = t.forwardRef((n, p) => {
+  const { slotWidth: o = y.slotWidth, firstSlotRangeRef: f, timelineHeaderCell: u } = n, { timezone: a } = Y(), r = P(), s = t.useRef(null), i = t.useRef(null), w = t.useCallback(
+    (m) => {
+      i.current && i.current.scrollIntoView(m);
+    },
+    []
+  );
+  t.useImperativeHandle(s, () => ({ scrollIntoView: w })), t.useImperativeHandle(p, () => s.current);
+  const d = b(), R = t.useMemo(
+    () => {
+      const m = U(d, { timezone: a }, r), l = [];
+      return m.forEach((M) => {
+        const V = W(
+          M.range,
+          { timezone: a },
+          r
+        );
+        l.push.apply(l, V);
+      }), f && l[0] && (f.current = l[0].range), [m, l];
+    },
+    [a, d.start.getTime(), d.end.getTime(), r]
+  );
+  return /* @__PURE__ */ t.createElement(
+    E,
+    {
+      slotWidth: o,
+      slotLevels: R,
+      timelineHeaderCell: u
+    }
+  );
+}), k = ({ tasksStart: n, tasksEnd: p, timezone: o }) => {
+  const f = c.fromLocalDate(n, o), u = c.fromLocalDate(p, o), a = C(S(T(f))), r = O(I(L(T(u))), 1), s = c.fromUTCDate(D(a), o), i = c.fromUTCDate(D(r), o);
+  return {
+    start: new Date(s.getTime()),
+    end: new Date(i.getTime()),
+    zonedStart: s,
+    zonedEnd: i
+  };
+}, y = {
+  name: "year",
+  dateRange: k,
+  title: (n) => n.toLanguageString(h, H[h]),
+  slotWidth: G
+};
+g.defaultProps = y;
+g.propTypes = {
+  name: e.string,
+  dateRange: e.oneOfType([e.func, e.object]),
+  title: e.oneOfType([e.string, e.func]),
+  slotWidth: e.number
+};
+g.displayName = "GanttYearView";
+export {
+  g as GanttYearView,
+  y as defaultProps
+};

package/Gantt.d.ts

@@ -1,29 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2024 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the package root for more information
-*-------------------------------------------------------------------------------------------*/
-import * as React from 'react';
-import { GanttProps } from './interfaces/GanttProps';
-/**
- * Represents the Object which is passed to the [`ref`](https://reactjs.org/docs/refs-and-the-dom.html) callback of the Gantt component.
- */
-export interface GanttHandle {
-    /**
-     * The current element or `null` if there is no one.
-     */
-    element: HTMLDivElement | null;
-    /**
-     * Method to allow the scroll to be set to a specific row index.
-     */
-    scrollIntoView: (options: {
-        rowIndex?: number;
-    }) => void;
-    /**
-     * The props of the Gantt.
-     */
-    props: GanttProps;
-}
-/**
- * Represents the Gantt component.
- */
-export declare const Gantt: React.ForwardRefExoticComponent<GanttProps & React.RefAttributes<GanttHandle | null>>;