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

package/editors/GanttEditor.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 le=require("react"),l=require("@progress/kendo-react-form"),me=require("@progress/kendo-react-treelist"),ue=require("../context/GanttContext.js"),W=require("./FormInput.js"),pe=require("@progress/kendo-react-intl"),f=require("@progress/kendo-react-layout"),i=require("../messages/index.js"),k=require("./FormDateTimePicker.js"),H=require("./FormNumericTextBox.js"),ye=require("./FormDropDownList.js"),b=require("@progress/kendo-react-common"),Te=require("./GanttEditorPredecessors.js"),De=require("./GanttEditorSuccessors.js"),m=require("../interfaces/DependencyType.js"),J=require("@progress/kendo-react-dropdowns");function Fe(a){const y=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(a){for(const u in a)if(u!=="default"){const c=Object.getOwnPropertyDescriptor(a,u);Object.defineProperty(y,u,c.get?c:{enumerable:!0,get:()=>a[u]})}}return y.default=a,Object.freeze(y)}const t=Fe(le),ge=[{type:m.DependencyType.FF},{type:m.DependencyType.FS},{type:m.DependencyType.SF},{type:m.DependencyType.SS}],fe=a=>{const[y,u]=t.useState(0),[c,S]=t.useState(),[r,T]=t.useState([...a.dependencyData||[]]),[E,M]=t.useState([]),n=ue.useGanttTaskModelFieldsContext(),K=pe.useLocalization(),o=e=>K.toLanguageString(e,i.messages[e]),C=o(i.editorTaskTitle),q=o(i.editorTaskStart),v=o(i.editorTaskEnd),P=o(i.editorTaskComplete),Q=o(i.editorTaskParent),U=o(i.editorTabGeneral),X=o(i.editorTabPredecessors),Y=o(i.editorTabSuccessors),D=o(i.editorValidationRequired),w=o(i.editorValidationStart),x=o(i.editorValidationEnd),R=o(i.editorValidationPercentCompleteRange),F=t.useMemo(()=>me.flatData(a.taskData||[],e=>e.children||[],e=>{const d={title:e[n.title],id:e[n.id],start:e[n.start],end:e[n.end],parentId:null};return n.parentId&&(d.parentId=e[n.parentId]),d}),[a.taskData,n]),Z=t.useMemo(()=>F.filter(e=>e.id!==a.dataItem.id),[F,a.dataItem]),ee=t.useMemo(()=>r.filter(e=>e.toId===a.dataItem.id),[r,a.dataItem]),te=t.useMemo(()=>r.filter(e=>e.fromId===a.dataItem.id),[r,a.dataItem]),_=t.useMemo(()=>r.filter(e=>e.id===null).map(e=>({id:e.id,fromId:e.fromId,toId:e.toId,type:e.type})),[r]),V=t.useMemo(()=>r.filter(e=>e.id!==null&&e.uid).map(e=>({id:e.id,fromId:e.fromId,toId:e.toId,type:e.type})),[r]),G=()=>{if(c){if(c.id){const e=r.filter(s=>s.id!==c.id);T(e);const d=r.filter(s=>s.id===c.id);M(s=>[...s,...d])}else{const e=r.filter(s=>s.uid!==c.uid);T(e);const d=r.filter(s=>s.uid===c.uid);M(s=>[...s,...d])}S(void 0)}},p=t.useCallback(e=>e||e===0?void 0:D,[D]),$=t.useCallback(e=>e||e===0?e>=0&&e<=1?void 0:R:D,[D,R]),h=t.useCallback((e,d)=>e&&d(n.end)&&e.getTime()>d(n.end).getTime()?w:void 0,[n,w]),B=t.useCallback((e,d)=>e&&d(n.start)&&e.getTime()<d(n.start).getTime()?x:void 0,[n,x]),N=t.useMemo(()=>[p,h],[p,h]),O=t.useMemo(()=>[p,B],[p,B]),ne=t.useMemo(()=>J.findByFieldValue(r,"fromId",null)||J.findByFieldValue(r,"toId",null),[r]),ae=e=>{ne||(u(e.selected),S(void 0))},z=e=>{S(e.dataItem)},de=()=>{const e={uid:b.guid(),id:null,fromId:null,toId:a.dataItem.id,type:m.DependencyType.FS};T([...r,e])},re=()=>{const e={uid:b.guid(),id:null,fromId:a.dataItem.id,toId:null,type:m.DependencyType.FS};T([...r,e])},L=(e,d,s)=>{const I={...e,uid:e.uid||b.guid(),[d]:s},A=r.findIndex(g=>g.id&&g.id===I.id||g.uid&&g.uid===I.uid);A>-1&&(r.splice(A,1,I),T([...r]))},j=t.useMemo(()=>ge.map(e=>{let d;switch(e.type){case m.DependencyType.FF:d=o(i.editorDependencyTypesFF);break;case m.DependencyType.FS:d=o(i.editorDependencyTypesFS);break;case m.DependencyType.SF:d=o(i.editorDependencyTypesSF);break;case m.DependencyType.SS:d=o(i.editorDependencyTypesSS);break;default:d=o(i.editorDependencyTypesFF);break}return{...e,name:d}}),[o]);t.useEffect(()=>{a.onDependencyCreate&&a.onDependencyCreate.call(void 0,{createdDependencies:_,updatedDependencies:V,deletedDependencies:E})},[_,V,E,a.onDependencyCreate]);const oe=a.dependencyData&&a.taskData,ie=t.createElement(l.FormElement,{style:{width:400},horizontal:!0},t.createElement(l.Field,{id:`${n.title}_gantteditor`,name:n.title,label:C,component:W.FormInput,validator:p}),t.createElement(l.Field,{id:`${n.start}_gantteditor`,name:n.start,label:q,component:k.FormDateTimePicker,validator:N}),t.createElement(l.Field,{id:`${n.end}_gantteditor`,name:n.end,label:v,component:k.FormDateTimePicker,validator:O}),t.createElement(l.Field,{id:`${n.percentComplete}_gantteditor`,name:n.percentComplete,label:P,component:H.FormNumericTextBox,validator:$})),se=t.createElement(l.FormElement,{style:{paddingInline:"4px"}},t.createElement("div",{className:"k-form-fieldset"},t.createElement("div",{className:"k-form-layout k-d-grid k-grid-cols-4 k-gap-x-2"},t.createElement(l.Field,{id:`${n.title}_gantteditor`,name:n.title,label:C,component:W.FormInput,validator:p}),t.createElement(l.Field,{id:`${n.start}_gantteditor`,name:n.start,label:q,component:k.FormDateTimePicker,validator:N}),t.createElement(l.Field,{id:`${n.end}_gantteditor`,name:n.end,label:v,component:k.FormDateTimePicker,validator:O}),t.createElement(l.Field,{id:`${n.percentComplete}_gantteditor`,name:n.percentComplete,label:P,component:H.FormNumericTextBox,validator:$}),n.parentId&&t.createElement(l.Field,{id:`${n.parentId}_gantteditor`,name:n.parentId||"",idField:n.id,label:Q,component:ye.FormDropDownList,data:Z,dataItem:a.dataItem})))),ce=t.createElement(f.TabStrip,{selected:y,onSelect:ae},t.createElement(f.TabStripTab,{title:U},se),t.createElement(f.TabStripTab,{title:X},t.createElement(Te.GanttEditorPredecessors,{flatTasks:F,predecessors:ee,dependencyTypes:j,selectedItem:c,onSelectRow:z,addPredecessorsDependency:de,deleteDependency:G,updateDependency:L})),t.createElement(f.TabStripTab,{title:Y},t.createElement(De.GanttEditorSuccessors,{flatTasks:F,successors:te,dependencyTypes:j,selectedItem:c,onSelectRow:z,addSuccessorsDependency:re,deleteDependency:G,updateDependency:L})));return oe?ce:ie};exports.GanttEditor=fe;

package/editors/GanttEditor.mjs

@@ -0,0 +1,260 @@
+/**
+ * @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 { FormElement as A, Field as c } from "@progress/kendo-react-form";
+import { flatData as le } from "@progress/kendo-react-treelist";
+import { useGanttTaskModelFieldsContext as me } from "../context/GanttContext.mjs";
+import { FormInput as W } from "./FormInput.mjs";
+import { useLocalization as pe } from "@progress/kendo-react-intl";
+import { TabStrip as ue, TabStripTab as T } from "@progress/kendo-react-layout";
+import { messages as fe, editorTaskTitle as ye, editorTaskStart as Ie, editorTaskEnd as De, editorTaskComplete as Se, editorTaskParent as Te, editorTabGeneral as ge, editorTabPredecessors as ke, editorTabSuccessors as be, editorValidationRequired as Ee, editorValidationStart as Fe, editorValidationEnd as Me, editorValidationPercentCompleteRange as Ce, editorDependencyTypesFF as H, editorDependencyTypesSS as ve, editorDependencyTypesSF as Pe, editorDependencyTypesFS as we } from "../messages/index.mjs";
+import { FormDateTimePicker as I } from "./FormDateTimePicker.mjs";
+import { FormNumericTextBox as J } from "./FormNumericTextBox.mjs";
+import { FormDropDownList as Ve } from "./FormDropDownList.mjs";
+import { guid as g } from "@progress/kendo-react-common";
+import { GanttEditorPredecessors as _e } from "./GanttEditorPredecessors.mjs";
+import { GanttEditorSuccessors as $e } from "./GanttEditorSuccessors.mjs";
+import { DependencyType as s } from "../interfaces/DependencyType.mjs";
+import { findByFieldValue as K } from "@progress/kendo-react-dropdowns";
+const he = [
+  { type: s.FF },
+  { type: s.FS },
+  { type: s.SF },
+  { type: s.SS }
+], Xe = (r) => {
+  const [O, Q] = t.useState(0), [l, D] = t.useState(), [d, p] = t.useState([...r.dependencyData || []]), [k, b] = t.useState([]), n = me(), U = pe(), o = (e) => U.toLanguageString(e, fe[e]), E = o(ye), F = o(Ie), M = o(De), C = o(Se), X = o(Te), Y = o(ge), Z = o(ke), j = o(be), u = o(Ee), v = o(Fe), P = o(Me), w = o(Ce), f = t.useMemo(
+    () => le(
+      r.taskData || [],
+      (e) => e.children || [],
+      (e) => {
+        const a = {
+          title: e[n.title],
+          id: e[n.id],
+          start: e[n.start],
+          end: e[n.end],
+          parentId: null
+        };
+        return n.parentId && (a.parentId = e[n.parentId]), a;
+      }
+    ),
+    [r.taskData, n]
+  ), ee = t.useMemo(
+    () => f.filter((e) => e.id !== r.dataItem.id),
+    [f, r.dataItem]
+  ), te = t.useMemo(
+    () => d.filter((e) => e.toId === r.dataItem.id),
+    [d, r.dataItem]
+  ), ne = t.useMemo(
+    () => d.filter((e) => e.fromId === r.dataItem.id),
+    [d, r.dataItem]
+  ), V = t.useMemo(
+    () => d.filter((e) => e.id === null).map((e) => ({ id: e.id, fromId: e.fromId, toId: e.toId, type: e.type })),
+    [d]
+  ), _ = t.useMemo(
+    () => d.filter((e) => e.id !== null && e.uid).map((e) => ({ id: e.id, fromId: e.fromId, toId: e.toId, type: e.type })),
+    [d]
+  ), $ = () => {
+    if (l) {
+      if (l.id) {
+        const e = d.filter((i) => i.id !== l.id);
+        p(e);
+        const a = d.filter((i) => i.id === l.id);
+        b((i) => [...i, ...a]);
+      } else {
+        const e = d.filter((i) => i.uid !== l.uid);
+        p(e);
+        const a = d.filter((i) => i.uid === l.uid);
+        b((i) => [...i, ...a]);
+      }
+      D(void 0);
+    }
+  }, m = t.useCallback(
+    (e) => e || e === 0 ? void 0 : u,
+    [u]
+  ), h = t.useCallback(
+    (e) => e || e === 0 ? e >= 0 && e <= 1 ? void 0 : w : u,
+    [u, w]
+  ), x = t.useCallback(
+    (e, a) => e && a(n.end) && e.getTime() > a(n.end).getTime() ? v : void 0,
+    [n, v]
+  ), R = t.useCallback(
+    (e, a) => e && a(n.start) && e.getTime() < a(n.start).getTime() ? P : void 0,
+    [n, P]
+  ), B = t.useMemo(
+    () => [m, x],
+    [m, x]
+  ), G = t.useMemo(
+    () => [m, R],
+    [m, R]
+  ), ae = t.useMemo(
+    () => K(d, "fromId", null) || K(d, "toId", null),
+    [d]
+  ), de = (e) => {
+    ae || (Q(e.selected), D(void 0));
+  }, N = (e) => {
+    D(e.dataItem);
+  }, oe = () => {
+    const e = { uid: g(), id: null, fromId: null, toId: r.dataItem.id, type: s.FS };
+    p([...d, e]);
+  }, re = () => {
+    const e = { uid: g(), id: null, fromId: r.dataItem.id, toId: null, type: s.FS };
+    p([...d, e]);
+  }, z = (e, a, i) => {
+    const S = {
+      ...e,
+      uid: e.uid || g(),
+      [a]: i
+    }, L = d.findIndex(
+      (y) => y.id && y.id === S.id || y.uid && y.uid === S.uid
+    );
+    L > -1 && (d.splice(L, 1, S), p([...d]));
+  }, q = t.useMemo(() => he.map((e) => {
+    let a;
+    switch (e.type) {
+      case s.FF:
+        a = o(H);
+        break;
+      case s.FS:
+        a = o(we);
+        break;
+      case s.SF:
+        a = o(Pe);
+        break;
+      case s.SS:
+        a = o(ve);
+        break;
+      default:
+        a = o(H);
+        break;
+    }
+    return {
+      ...e,
+      name: a
+    };
+  }), [o]);
+  t.useEffect(() => {
+    r.onDependencyCreate && r.onDependencyCreate.call(void 0, {
+      createdDependencies: V,
+      updatedDependencies: _,
+      deletedDependencies: k
+    });
+  }, [V, _, k, r.onDependencyCreate]);
+  const ie = r.dependencyData && r.taskData, se = /* @__PURE__ */ t.createElement(A, { style: { width: 400 }, horizontal: !0 }, /* @__PURE__ */ t.createElement(
+    c,
+    {
+      id: `${n.title}_gantteditor`,
+      name: n.title,
+      label: E,
+      component: W,
+      validator: m
+    }
+  ), /* @__PURE__ */ t.createElement(
+    c,
+    {
+      id: `${n.start}_gantteditor`,
+      name: n.start,
+      label: F,
+      component: I,
+      validator: B
+    }
+  ), /* @__PURE__ */ t.createElement(
+    c,
+    {
+      id: `${n.end}_gantteditor`,
+      name: n.end,
+      label: M,
+      component: I,
+      validator: G
+    }
+  ), /* @__PURE__ */ t.createElement(
+    c,
+    {
+      id: `${n.percentComplete}_gantteditor`,
+      name: n.percentComplete,
+      label: C,
+      component: J,
+      validator: h
+    }
+  )), ce = /* @__PURE__ */ t.createElement(A, { style: { paddingInline: "4px" } }, /* @__PURE__ */ t.createElement("div", { className: "k-form-fieldset" }, /* @__PURE__ */ t.createElement("div", { className: "k-form-layout k-d-grid k-grid-cols-4 k-gap-x-2" }, /* @__PURE__ */ t.createElement(
+    c,
+    {
+      id: `${n.title}_gantteditor`,
+      name: n.title,
+      label: E,
+      component: W,
+      validator: m
+    }
+  ), /* @__PURE__ */ t.createElement(
+    c,
+    {
+      id: `${n.start}_gantteditor`,
+      name: n.start,
+      label: F,
+      component: I,
+      validator: B
+    }
+  ), /* @__PURE__ */ t.createElement(
+    c,
+    {
+      id: `${n.end}_gantteditor`,
+      name: n.end,
+      label: M,
+      component: I,
+      validator: G
+    }
+  ), /* @__PURE__ */ t.createElement(
+    c,
+    {
+      id: `${n.percentComplete}_gantteditor`,
+      name: n.percentComplete,
+      label: C,
+      component: J,
+      validator: h
+    }
+  ), n.parentId && /* @__PURE__ */ t.createElement(
+    c,
+    {
+      id: `${n.parentId}_gantteditor`,
+      name: n.parentId || "",
+      idField: n.id,
+      label: X,
+      component: Ve,
+      data: ee,
+      dataItem: r.dataItem
+    }
+  ))));
+  return ie ? /* @__PURE__ */ t.createElement(ue, { selected: O, onSelect: de }, /* @__PURE__ */ t.createElement(T, { title: Y }, ce), /* @__PURE__ */ t.createElement(T, { title: Z }, /* @__PURE__ */ t.createElement(
+    _e,
+    {
+      flatTasks: f,
+      predecessors: te,
+      dependencyTypes: q,
+      selectedItem: l,
+      onSelectRow: N,
+      addPredecessorsDependency: oe,
+      deleteDependency: $,
+      updateDependency: z
+    }
+  )), /* @__PURE__ */ t.createElement(T, { title: j }, /* @__PURE__ */ t.createElement(
+    $e,
+    {
+      flatTasks: f,
+      successors: ne,
+      dependencyTypes: q,
+      selectedItem: l,
+      onSelectRow: N,
+      addSuccessorsDependency: re,
+      deleteDependency: $,
+      updateDependency: z
+    }
+  ))) : se;
+};
+export {
+  Xe as GanttEditor
+};

package/editors/GanttEditorPredecessors.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 v=require("react"),d=require("@progress/kendo-react-dropdowns"),f=require("@progress/kendo-react-grid"),C=require("@progress/kendo-react-buttons"),S=require("@progress/kendo-svg-icons"),T=require("@progress/kendo-react-common"),m=require("../messages/index.js"),E=require("@progress/kendo-react-intl"),h=require("@progress/kendo-data-query");function R(e){const t=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(t,n,i.get?i:{enumerable:!0,get:()=>e[n]})}}return t.default=e,Object.freeze(t)}const a=R(v),q=(e,t,n,i)=>{const[o,c]=a.useState(e),r=a.useRef(null),s=l=>{i(t,"fromId",l.target.value.id)},g=()=>{if(n&&!t.uid)return n.id===t.id;if(n&&t.id===null)return n.uid===t.uid},D=a.useMemo(()=>d.findByFieldValue(e,"id",t.fromId),[e,t.fromId]),y=l=>{const u=h.filterBy(e,l.filter);c(u)};return a.createElement("td",{ref:r,className:T.classNames(g()&&"k-selected")},a.createElement(d.DropDownList,{textField:"title",data:o,value:D,onChange:s,filterable:!0,onFilterChange:y,required:!0}))},M=(e,t,n,i)=>{const o=s=>{i(t,"type",s.target.value.type)},c=()=>{if(n&&!t.uid)return n.id===t.id;if(n&&t.id===null)return n.uid===t.uid},r=a.useMemo(()=>d.findByFieldValue(e,"type",t.type),[e,t.type]);return a.createElement("td",{className:T.classNames(c()&&"k-selected")},a.createElement(d.DropDownList,{textField:"name",data:e,value:r,onChange:o}))},B=e=>{var y;const[t,n]=a.useState([]),i=E.useLocalization(),o=l=>i.toLanguageString(l,m.messages[l]),c=o(m.editorAdd),r=o(m.editorRemove),s=o(m.editorDependencyNameLabel),g=o(m.editorDependencyTypeLabel),D=a.useMemo(()=>{const l=e.predecessors.map(u=>{const k=d.findByFieldValue(e.flatTasks,"id",u.fromId),b=d.findByFieldValue(e.dependencyTypes,"type",u.type);return{...u,taskTitle:k?k.title:"",typeName:b?b.type:""}});return h.orderBy(l,t)},[e.predecessors,e.dependencyTypes,e.flatTasks,t]);return a.createElement(f.Grid,{data:D,sort:t,sortable:!0,onRowClick:e.onSelectRow,onSortChange:l=>{n(l.sort)},style:{height:"23em"}},a.createElement(f.GridToolbar,null,a.createElement(C.Button,{icon:"plus",svgIcon:S.plusIcon,onClick:e.addPredecessorsDependency},c),a.createElement(C.Button,{icon:"minus",svgIcon:S.minusIcon,onClick:e.deleteDependency,disabled:((y=e.selectedItem)==null?void 0:y.id)===void 0},r)),a.createElement(f.GridColumn,{field:"taskTitle",title:s,cell:l=>q(e.flatTasks,l.dataItem,e.selectedItem,e.updateDependency)}),a.createElement(f.GridColumn,{field:"typeName",title:g,cell:l=>M(e.dependencyTypes,l.dataItem,e.selectedItem,e.updateDependency)}))};exports.GanttEditorPredecessors=B;

package/editors/GanttEditorPredecessors.mjs

@@ -0,0 +1,121 @@
+/**
+ * @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 n from "react";
+import { findByFieldValue as u, DropDownList as T } from "@progress/kendo-react-dropdowns";
+import { Grid as k, GridToolbar as v, GridColumn as C } from "@progress/kendo-react-grid";
+import { Button as D } from "@progress/kendo-react-buttons";
+import { plusIcon as S, minusIcon as b } from "@progress/kendo-svg-icons";
+import { classNames as E } from "@progress/kendo-react-common";
+import { messages as M, editorAdd as I, editorRemove as L, editorDependencyNameLabel as N, editorDependencyTypeLabel as R } from "../messages/index.mjs";
+import { useLocalization as F } from "@progress/kendo-react-intl";
+import { orderBy as B, filterBy as G } from "@progress/kendo-data-query";
+const P = (e, t, l, o) => {
+  const [i, d] = n.useState(e), r = n.useRef(null), c = (a) => {
+    o(t, "fromId", a.target.value.id);
+  }, f = () => {
+    if (l && !t.uid)
+      return l.id === t.id;
+    if (l && t.id === null)
+      return l.uid === t.uid;
+  }, y = n.useMemo(
+    () => u(e, "id", t.fromId),
+    [e, t.fromId]
+  ), m = (a) => {
+    const s = G(e, a.filter);
+    d(s);
+  };
+  return /* @__PURE__ */ n.createElement("td", { ref: r, className: E(f() && "k-selected") }, /* @__PURE__ */ n.createElement(
+    T,
+    {
+      textField: "title",
+      data: i,
+      value: y,
+      onChange: c,
+      filterable: !0,
+      onFilterChange: m,
+      required: !0
+    }
+  ));
+}, w = (e, t, l, o) => {
+  const i = (c) => {
+    o(t, "type", c.target.value.type);
+  }, d = () => {
+    if (l && !t.uid)
+      return l.id === t.id;
+    if (l && t.id === null)
+      return l.uid === t.uid;
+  }, r = n.useMemo(
+    () => u(e, "type", t.type),
+    [e, t.type]
+  );
+  return /* @__PURE__ */ n.createElement("td", { className: E(d() && "k-selected") }, /* @__PURE__ */ n.createElement(
+    T,
+    {
+      textField: "name",
+      data: e,
+      value: r,
+      onChange: i
+    }
+  ));
+}, K = (e) => {
+  var m;
+  const [t, l] = n.useState([]), o = F(), i = (a) => o.toLanguageString(a, M[a]), d = i(I), r = i(L), c = i(N), f = i(R), y = n.useMemo(() => {
+    const a = e.predecessors.map((s) => {
+      const g = u(e.flatTasks, "id", s.fromId), h = u(e.dependencyTypes, "type", s.type);
+      return {
+        ...s,
+        taskTitle: g ? g.title : "",
+        typeName: h ? h.type : ""
+      };
+    });
+    return B(a, t);
+  }, [e.predecessors, e.dependencyTypes, e.flatTasks, t]);
+  return /* @__PURE__ */ n.createElement(
+    k,
+    {
+      data: y,
+      sort: t,
+      sortable: !0,
+      onRowClick: e.onSelectRow,
+      onSortChange: (a) => {
+        l(a.sort);
+      },
+      style: { height: "23em" }
+    },
+    /* @__PURE__ */ n.createElement(v, null, /* @__PURE__ */ n.createElement(D, { icon: "plus", svgIcon: S, onClick: e.addPredecessorsDependency }, d), /* @__PURE__ */ n.createElement(
+      D,
+      {
+        icon: "minus",
+        svgIcon: b,
+        onClick: e.deleteDependency,
+        disabled: ((m = e.selectedItem) == null ? void 0 : m.id) === void 0
+      },
+      r
+    )),
+    /* @__PURE__ */ n.createElement(
+      C,
+      {
+        field: "taskTitle",
+        title: c,
+        cell: (a) => P(e.flatTasks, a.dataItem, e.selectedItem, e.updateDependency)
+      }
+    ),
+    /* @__PURE__ */ n.createElement(
+      C,
+      {
+        field: "typeName",
+        title: f,
+        cell: (a) => w(e.dependencyTypes, a.dataItem, e.selectedItem, e.updateDependency)
+      }
+    )
+  );
+};
+export {
+  K as GanttEditorPredecessors
+};

package/editors/GanttEditorSuccessors.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 E=require("react"),r=require("@progress/kendo-react-dropdowns"),m=require("@progress/kendo-react-grid"),b=require("@progress/kendo-react-buttons"),C=require("@progress/kendo-svg-icons"),v=require("@progress/kendo-react-common"),y=require("../messages/index.js"),h=require("@progress/kendo-react-intl"),T=require("@progress/kendo-data-query");function R(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const n in e)if(n!=="default"){const l=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,l.get?l:{enumerable:!0,get:()=>e[n]})}}return t.default=e,Object.freeze(t)}const a=R(E),q=(e,t,n,l)=>{const[i,c]=a.useState(e),s=o=>{l(t,"toId",o.target.value.id)},u=()=>{if(n&&!t.uid)return n.id===t.id;if(n&&t.id===null)return n.uid===t.uid},f=a.useMemo(()=>r.findByFieldValue(e,"id",t.toId),[e,t.toId]),g=o=>{const d=T.filterBy(e,o.filter);c(d)};return a.createElement("td",{className:v.classNames(u()&&"k-selected")},a.createElement(r.DropDownList,{textField:"title",data:i,value:f,onChange:s,filterable:!0,onFilterChange:g,required:!0}))},M=(e,t,n,l)=>{const i=u=>{l(t,"type",u.target.value.type)},c=()=>{if(n&&!t.uid)return n.id===t.id;if(n&&t.id===null)return n.uid===t.uid},s=a.useMemo(()=>r.findByFieldValue(e,"type",t.type),[e,t.type]);return a.createElement("td",{className:v.classNames(c()&&"k-selected")},a.createElement(r.DropDownList,{textField:"name",data:e,value:s,onChange:i}))},p=e=>{var o;const[t,n]=a.useState([]),l=h.useLocalization(),i=d=>l.toLanguageString(d,y.messages[d]),c=i(y.editorAdd),s=i(y.editorRemove),u=i(y.editorDependencyNameLabel),f=i(y.editorDependencyTypeLabel),g=a.useMemo(()=>{const d=e.successors.map(D=>{const S=r.findByFieldValue(e.flatTasks,"id",D.toId),k=r.findByFieldValue(e.dependencyTypes,"type",D.type);return{...D,taskTitle:S?S.title:"",typeName:k?k.type:""}});return T.orderBy(d,t)},[e.successors,e.dependencyTypes,e.flatTasks,t]);return a.createElement(m.Grid,{data:g,sort:t,sortable:!0,onRowClick:e.onSelectRow,onSortChange:d=>{n(d.sort)},style:{height:"23em"}},a.createElement(m.GridToolbar,null,a.createElement(b.Button,{icon:"plus",svgIcon:C.plusIcon,onClick:e.addSuccessorsDependency},c),a.createElement(b.Button,{icon:"minus",svgIcon:C.minusIcon,onClick:e.deleteDependency,disabled:((o=e.selectedItem)==null?void 0:o.id)===void 0},s)),a.createElement(m.GridColumn,{field:"taskTitle",title:u,cell:d=>q(e.flatTasks,d.dataItem,e.selectedItem,e.updateDependency)}),a.createElement(m.GridColumn,{field:"type",title:f,cell:d=>M(e.dependencyTypes,d.dataItem,e.selectedItem,e.updateDependency)}))};exports.GanttEditorSuccessors=p;

package/editors/GanttEditorSuccessors.mjs

@@ -0,0 +1,121 @@
+/**
+ * @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 n from "react";
+import { findByFieldValue as s, DropDownList as h } from "@progress/kendo-react-dropdowns";
+import { Grid as T, GridToolbar as k, GridColumn as D } from "@progress/kendo-react-grid";
+import { Button as S } from "@progress/kendo-react-buttons";
+import { plusIcon as p, minusIcon as v } from "@progress/kendo-svg-icons";
+import { classNames as E } from "@progress/kendo-react-common";
+import { messages as b, editorAdd as M, editorRemove as I, editorDependencyNameLabel as L, editorDependencyTypeLabel as F } from "../messages/index.mjs";
+import { useLocalization as N } from "@progress/kendo-react-intl";
+import { orderBy as R, filterBy as x } from "@progress/kendo-data-query";
+const B = (e, t, l, o) => {
+  const [i, r] = n.useState(e), c = (d) => {
+    o(t, "toId", d.target.value.id);
+  }, m = () => {
+    if (l && !t.uid)
+      return l.id === t.id;
+    if (l && t.id === null)
+      return l.uid === t.uid;
+  }, u = n.useMemo(
+    () => s(e, "id", t.toId),
+    [e, t.toId]
+  ), y = (d) => {
+    const a = x(e, d.filter);
+    r(a);
+  };
+  return /* @__PURE__ */ n.createElement("td", { className: E(m() && "k-selected") }, /* @__PURE__ */ n.createElement(
+    h,
+    {
+      textField: "title",
+      data: i,
+      value: u,
+      onChange: c,
+      filterable: !0,
+      onFilterChange: y,
+      required: !0
+    }
+  ));
+}, G = (e, t, l, o) => {
+  const i = (m) => {
+    o(t, "type", m.target.value.type);
+  }, r = () => {
+    if (l && !t.uid)
+      return l.id === t.id;
+    if (l && t.id === null)
+      return l.uid === t.uid;
+  }, c = n.useMemo(
+    () => s(e, "type", t.type),
+    [e, t.type]
+  );
+  return /* @__PURE__ */ n.createElement("td", { className: E(r() && "k-selected") }, /* @__PURE__ */ n.createElement(
+    h,
+    {
+      textField: "name",
+      data: e,
+      value: c,
+      onChange: i
+    }
+  ));
+}, K = (e) => {
+  var d;
+  const [t, l] = n.useState([]), o = N(), i = (a) => o.toLanguageString(a, b[a]), r = i(M), c = i(I), m = i(L), u = i(F), y = n.useMemo(() => {
+    const a = e.successors.map((f) => {
+      const g = s(e.flatTasks, "id", f.toId), C = s(e.dependencyTypes, "type", f.type);
+      return {
+        ...f,
+        taskTitle: g ? g.title : "",
+        typeName: C ? C.type : ""
+      };
+    });
+    return R(a, t);
+  }, [e.successors, e.dependencyTypes, e.flatTasks, t]);
+  return /* @__PURE__ */ n.createElement(
+    T,
+    {
+      data: y,
+      sort: t,
+      sortable: !0,
+      onRowClick: e.onSelectRow,
+      onSortChange: (a) => {
+        l(a.sort);
+      },
+      style: { height: "23em" }
+    },
+    /* @__PURE__ */ n.createElement(k, null, /* @__PURE__ */ n.createElement(S, { icon: "plus", svgIcon: p, onClick: e.addSuccessorsDependency }, r), /* @__PURE__ */ n.createElement(
+      S,
+      {
+        icon: "minus",
+        svgIcon: v,
+        onClick: e.deleteDependency,
+        disabled: ((d = e.selectedItem) == null ? void 0 : d.id) === void 0
+      },
+      c
+    )),
+    /* @__PURE__ */ n.createElement(
+      D,
+      {
+        field: "taskTitle",
+        title: m,
+        cell: (a) => B(e.flatTasks, a.dataItem, e.selectedItem, e.updateDependency)
+      }
+    ),
+    /* @__PURE__ */ n.createElement(
+      D,
+      {
+        field: "type",
+        title: u,
+        cell: (a) => G(e.dependencyTypes, a.dataItem, e.selectedItem, e.updateDependency)
+      }
+    )
+  );
+};
+export {
+  K as GanttEditorSuccessors
+};

package/editors/GanttForm.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 p=require("react"),_=require("react-dom"),z=require("@progress/kendo-react-common"),G=require("@progress/kendo-react-form"),I=require("@progress/kendo-react-dialogs"),u=require("@progress/kendo-react-buttons"),T=require("./GanttEditor.js"),V=require("@progress/kendo-react-intl"),d=require("../messages/index.js"),m=require("@progress/kendo-svg-icons"),g=require("@progress/kendo-react-dropdowns");function b(e){const i=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const o in e)if(o!=="default"){const l=Object.getOwnPropertyDescriptor(e,o);Object.defineProperty(i,o,l.get?l:{enumerable:!0,get:()=>e[o]})}}return i.default=e,Object.freeze(i)}const n=b(p),W=b(_),L=e=>{const{onCancel:i,onDelete:o,onClose:l,onSubmit:r,...C}=e,f=n.useRef(e.dataItem),[a,k]=n.useState({}),S=V.useLocalization(),s=t=>S.toLanguageString(t,d.messages[t]),h=s(d.editorSave),E=s(d.editorCancel),M=s(d.editorDelete),y=s(d.editorTitle),q=n.useCallback(t=>{if(i){const c={syntheticEvent:t,nativeEvent:t.nativeEvent,dataItem:e.dataItem};i.call(void 0,c)}},[i,e.dataItem]),R=n.useCallback(t=>{if(o){const c={syntheticEvent:t,nativeEvent:t.nativeEvent,dataItem:e.dataItem};o.call(void 0,c)}},[o,e.dataItem]),O=n.useCallback(({syntheticEvent:t})=>{if(l){const c={syntheticEvent:t,nativeEvent:t.nativeEvent,dataItem:e.dataItem};l.call(void 0,c)}},[l,e.dataItem]),v=n.useCallback((t,c)=>{if(r){const j={dataItem:t,initialDataItem:f.current,syntheticEvent:c,nativeEvent:c&&c.nativeEvent,dependencies:a};r.call(void 0,j)}},[r,a]),D=n.useMemo(()=>g.findByFieldValue(a.createdDependencies,"fromId",null)||g.findByFieldValue(a.createdDependencies,"toId",null),[a]),w=n.useMemo(()=>a.createdDependencies&&a.createdDependencies.length&&D===void 0||a.updatedDependencies&&a.updatedDependencies.length||a.deletedDependencies&&a.deletedDependencies.length,[a,D]),B=n.useCallback(t=>{k(t)},[]),F=n.createElement(G.Form,{initialValues:e.dataItem,onSubmit:v,render:t=>n.createElement(I.Window,{title:y,minWidth:90,width:554,modal:!0,height:0,onClose:O},n.createElement(T.GanttEditor,{taskData:e.taskData,dependencyData:e.dependencyData,dataItem:e.dataItem,onDependencyCreate:B}),n.createElement(I.WindowActionsBar,{layout:"start"},n.createElement(u.Button,{disabled:!t.allowSubmit&&!w,onClick:t.allowSubmit?t.onSubmit:c=>v(e.dataItem,c),icon:"save",svgIcon:m.saveIcon,themeColor:"primary"},h),n.createElement(u.Button,{onClick:q,type:"button",icon:"cancel",svgIcon:m.cancelIcon},E),n.createElement("div",{className:"k-spacer"}),o&&n.createElement(u.Button,{onClick:R,icon:"trash",svgIcon:m.trashIcon,fillMode:"flat",themeColor:"primary"},M))),...C});return z.canUseDOM?W.createPortal(F,document&&document.body):null};exports.GanttForm=L;

package/editors/GanttForm.mjs

@@ -0,0 +1,113 @@
+/**
+ * @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 * as B from "react-dom";
+import { canUseDOM as F } from "@progress/kendo-react-common";
+import { Form as O } from "@progress/kendo-react-form";
+import { Window as R, WindowActionsBar as W } from "@progress/kendo-react-dialogs";
+import { Button as s } from "@progress/kendo-react-buttons";
+import { GanttEditor as G } from "./GanttEditor.mjs";
+import { useLocalization as L } from "@progress/kendo-react-intl";
+import { messages as T, editorSave as V, editorCancel as x, editorDelete as A, editorTitle as N } from "../messages/index.mjs";
+import { saveIcon as U, cancelIcon as j, trashIcon as q } from "@progress/kendo-svg-icons";
+import { findByFieldValue as v } from "@progress/kendo-react-dropdowns";
+const P = (a) => {
+  const { onCancel: l, onDelete: c, onClose: d, onSubmit: m, ...D } = a, I = t.useRef(a.dataItem), [n, f] = t.useState({}), C = L(), i = (e) => C.toLanguageString(e, T[e]), g = i(V), h = i(x), b = i(A), E = i(N), k = t.useCallback(
+    (e) => {
+      if (l) {
+        const o = { syntheticEvent: e, nativeEvent: e.nativeEvent, dataItem: a.dataItem };
+        l.call(void 0, o);
+      }
+    },
+    [l, a.dataItem]
+  ), S = t.useCallback(
+    (e) => {
+      if (c) {
+        const o = { syntheticEvent: e, nativeEvent: e.nativeEvent, dataItem: a.dataItem };
+        c.call(void 0, o);
+      }
+    },
+    [c, a.dataItem]
+  ), M = t.useCallback(
+    ({ syntheticEvent: e }) => {
+      if (d) {
+        const o = { syntheticEvent: e, nativeEvent: e.nativeEvent, dataItem: a.dataItem };
+        d.call(void 0, o);
+      }
+    },
+    [d, a.dataItem]
+  ), r = t.useCallback(
+    (e, o) => {
+      if (m) {
+        const z = {
+          dataItem: e,
+          initialDataItem: I.current,
+          syntheticEvent: o,
+          nativeEvent: o && o.nativeEvent,
+          dependencies: n
+        };
+        m.call(void 0, z);
+      }
+    },
+    [m, n]
+  ), u = t.useMemo(
+    () => v(n.createdDependencies, "fromId", null) || v(n.createdDependencies, "toId", null),
+    [n]
+  ), p = t.useMemo(
+    () => n.createdDependencies && n.createdDependencies.length && u === void 0 || n.updatedDependencies && n.updatedDependencies.length || n.deletedDependencies && n.deletedDependencies.length,
+    [n, u]
+  ), y = t.useCallback(
+    (e) => {
+      f(e);
+    },
+    []
+  ), w = /* @__PURE__ */ t.createElement(
+    O,
+    {
+      initialValues: a.dataItem,
+      onSubmit: r,
+      render: (e) => /* @__PURE__ */ t.createElement(
+        R,
+        {
+          title: E,
+          minWidth: 90,
+          width: 554,
+          modal: !0,
+          height: 0,
+          onClose: M
+        },
+        /* @__PURE__ */ t.createElement(
+          G,
+          {
+            taskData: a.taskData,
+            dependencyData: a.dependencyData,
+            dataItem: a.dataItem,
+            onDependencyCreate: y
+          }
+        ),
+        /* @__PURE__ */ t.createElement(W, { layout: "start" }, /* @__PURE__ */ t.createElement(
+          s,
+          {
+            disabled: !e.allowSubmit && !p,
+            onClick: e.allowSubmit ? e.onSubmit : (o) => r(a.dataItem, o),
+            icon: "save",
+            svgIcon: U,
+            themeColor: "primary"
+          },
+          g
+        ), /* @__PURE__ */ t.createElement(s, { onClick: k, type: "button", icon: "cancel", svgIcon: j }, h), /* @__PURE__ */ t.createElement("div", { className: "k-spacer" }), c && /* @__PURE__ */ t.createElement(s, { onClick: S, icon: "trash", svgIcon: q, fillMode: "flat", themeColor: "primary" }, b))
+      ),
+      ...D
+    }
+  );
+  return F ? B.createPortal(w, document && document.body) : null;
+};
+export {
+  P as GanttForm
+};