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

package/components/GanttTask.mjs

@@ -71,16 +71,21 @@ const se = e.forwardRef((t, K) => {
       });
     },
     [t.dataItem, t.level]
-  ), M = e.useCallback(
-    () => {
-      const n = i.start, B = i.end, R = N.current, m = r.current, _ = f.current;
-      if (!C || R === null || m === null)
-        return;
-      const G = R.clientWidth / (B.getTime() - n.getTime()), P = (o.getTime() - n.getTime()) * G, w = (u.getTime() - o.getTime()) * G, J = (R.offsetHeight - m.offsetHeight) / 2;
-      m.style.left = `${Math.round(g ? P - le : P)}px`, m.style.top = `${Math.round(J)}px`, g || (m.style.width = `${Math.round(w)}px`, _ !== null && (_.style.width = `${Math.round(w * (h || 0))}px`)), q(!0);
-    },
-    [i.start.getTime(), i.end.getTime(), y, T, C, h, O]
-  );
+  ), M = e.useCallback(() => {
+    const n = i.start, B = i.end, R = N.current, m = r.current, _ = f.current;
+    if (!C || R === null || m === null)
+      return;
+    const G = R.clientWidth / (B.getTime() - n.getTime()), P = (o.getTime() - n.getTime()) * G, w = (u.getTime() - o.getTime()) * G, J = (R.offsetHeight - m.offsetHeight) / 2;
+    m.style.left = `${Math.round(g ? P - le : P)}px`, m.style.top = `${Math.round(J)}px`, g || (m.style.width = `${Math.round(w)}px`, _ !== null && (_.style.width = `${Math.round(w * (h || 0))}px`)), q(!0);
+  }, [
+    i.start.getTime(),
+    i.end.getTime(),
+    y,
+    T,
+    C,
+    h,
+    O
+  ]);
   e.useEffect(M, [M]);
   const A = {
     visibility: j ? void 0 : "hidden",
@@ -142,7 +147,15 @@ const se = e.forwardRef((t, K) => {
       onContextMenu: H
     },
     d ? /* @__PURE__ */ e.createElement("div", { className: "k-task-summary-progress", ref: f }, /* @__PURE__ */ e.createElement("div", { className: "k-task-summary-complete" })) : /* @__PURE__ */ e.createElement("div", { className: "k-task-complete", ref: f }),
-    !d && /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("div", { className: "k-task-content" }, Y), l.onTaskRemoveClick ? /* @__PURE__ */ e.createElement("span", { className: "k-task-actions" }, /* @__PURE__ */ e.createElement("span", { onClick: z, className: "k-link k-task-delete", "aria-label": "Delete" }, /* @__PURE__ */ e.createElement(p, { name: "x", icon: ee }))) : null),
+    !d && /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("div", { className: "k-task-content" }, Y), l.onTaskRemoveClick ? /* @__PURE__ */ e.createElement("span", { className: "k-task-actions" }, /* @__PURE__ */ e.createElement(
+      "span",
+      {
+        onClick: z,
+        className: "k-link k-task-delete",
+        "aria-label": "Delete"
+      },
+      /* @__PURE__ */ e.createElement(p, { name: "x", icon: ee })
+    )) : null),
     a.isEnabled && /* @__PURE__ */ e.createElement(
       "div",
       {

package/components/toolbar/AddButton.mjs

@@ -12,44 +12,46 @@ import { Button as C, DropDownButton as f } from "@progress/kendo-react-buttons"
 import { messages as g, addTask as v, addChild as p, addAbove as b, addBelow as E } from "../../messages/index.mjs";
 import { IconWrap as w } from "@progress/kendo-react-common";
 import { plusIcon as B } from "@progress/kendo-svg-icons";
-const h = e.forwardRef((n, M) => {
-  const a = k(), o = (t) => a.toLanguageString(t, g[t]), l = o(v), c = o(p), d = o(b), s = o(E), r = e.useCallback(
-    (t) => {
-      t.syntheticEvent.preventDefault();
-      const u = t.item && t.item.direction ? t.item.direction : "none";
-      n.onClick && n.onClick({
-        nativeEvent: t.nativeEvent,
-        syntheticEvent: t.syntheticEvent,
-        direction: u
-      });
-    },
-    [n.onClick]
-  ), m = e.useCallback(
-    (t) => {
-      t.preventDefault(), n.onClick && n.onClick({
-        nativeEvent: t && t.nativeEvent,
-        syntheticEvent: t,
-        direction: "none"
-      });
-    },
-    [n.onClick]
-  ), i = /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(w, { name: "plus", icon: B }), l);
-  return n.selectedTask ? /* @__PURE__ */ e.createElement(
-    f,
-    {
-      className: "k-views-dropdown",
-      onItemClick: r,
-      popupSettings: { popupClass: "k-gantt-toolbar" },
-      textField: "title",
-      items: [
-        { title: c, direction: "child" },
-        { title: d, direction: "above" },
-        { title: s, direction: "below" }
-      ],
-      text: i
-    }
-  ) : /* @__PURE__ */ e.createElement(C, { onClick: m }, i);
-});
+const h = e.forwardRef(
+  (n, M) => {
+    const a = k(), o = (t) => a.toLanguageString(t, g[t]), l = o(v), c = o(p), d = o(b), s = o(E), r = e.useCallback(
+      (t) => {
+        t.syntheticEvent.preventDefault();
+        const u = t.item && t.item.direction ? t.item.direction : "none";
+        n.onClick && n.onClick({
+          nativeEvent: t.nativeEvent,
+          syntheticEvent: t.syntheticEvent,
+          direction: u
+        });
+      },
+      [n.onClick]
+    ), m = e.useCallback(
+      (t) => {
+        t.preventDefault(), n.onClick && n.onClick({
+          nativeEvent: t && t.nativeEvent,
+          syntheticEvent: t,
+          direction: "none"
+        });
+      },
+      [n.onClick]
+    ), i = /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(w, { name: "plus", icon: B }), l);
+    return n.selectedTask ? /* @__PURE__ */ e.createElement(
+      f,
+      {
+        className: "k-views-dropdown",
+        onItemClick: r,
+        popupSettings: { popupClass: "k-gantt-toolbar" },
+        textField: "title",
+        items: [
+          { title: c, direction: "child" },
+          { title: d, direction: "above" },
+          { title: s, direction: "below" }
+        ],
+        text: i
+      }
+    ) : /* @__PURE__ */ e.createElement(C, { onClick: m }, i);
+  }
+);
 h.displayName = "KendoReactGanttAddButton";
 export {
   h as AddButton

package/components/toolbar/Toolbar.mjs

@@ -10,10 +10,7 @@ import * as e from "react";
 import { classNames as c } from "@progress/kendo-react-common";
 import { Toolbar as u } from "@progress/kendo-react-buttons";
 const f = e.forwardRef((t, n) => {
-  const {
-    className: a,
-    ...s
-  } = t, r = e.useRef(null), o = e.useRef(null);
+  const { className: a, ...s } = t, r = e.useRef(null), o = e.useRef(null);
   e.useImperativeHandle(o, () => ({ element: r.current, props: t })), e.useImperativeHandle(n, () => o.current);
   const m = e.useMemo(() => c("k-gantt-toolbar k-gantt-header", a), [a]);
   return /* @__PURE__ */ e.createElement(

package/components/toolbar/view-selector/ViewSelector.mjs

@@ -10,10 +10,7 @@ import * as e from "react";
 import { ToolbarItem as m } from "@progress/kendo-react-buttons";
 import { classNames as o } from "@progress/kendo-react-common";
 const s = e.forwardRef((t, n) => {
-  const {
-    className: l,
-    ...c
-  } = t, r = e.useRef(null);
+  const { className: l, ...c } = t, r = e.useRef(null);
   return e.useImperativeHandle(n, () => ({ element: r.current, props: t })), /* @__PURE__ */ e.createElement(
     m,
     {

package/components/toolbar/view-selector/ViewSelectorItem.mjs

@@ -14,12 +14,9 @@ const w = (e) => {
   const [a, i] = v(), n = m(), o = t.useMemo(
     () => typeof e.view.title == "function" ? e.view.title.call(void 0, n) : e.view.title,
     [e.view.title, n]
-  ), l = t.useCallback(
-    () => {
-      e.view.name && i(e.view.name);
-    },
-    [i, e.view.name]
-  );
+  ), l = t.useCallback(() => {
+    e.view.name && i(e.view.name);
+  }, [i, e.view.name]);
   return /* @__PURE__ */ t.createElement(
     c,
     {

package/context/GanttContext.mjs

@@ -16,7 +16,9 @@ const o = e.createContext([]), f = () => e.useContext(o);
 o.displayName = "KendoReactGanttDependencyDataContext";
 const a = e.createContext(N), A = () => e.useContext(a);
 a.displayName = "KendoReactGanttTaskModelFieldsContext";
-const s = e.createContext(h), V = () => e.useContext(s);
+const s = e.createContext(
+  h
+), V = () => e.useContext(s);
 s.displayName = "KendoReactGanttDependencyModelFieldsContext";
 const c = e.createContext({}), _ = () => e.useContext(c);
 c.displayName = "KendoReactGanttPropsContext";

package/editors/FormDropDownList.mjs

@@ -11,25 +11,17 @@ import { FieldWrapper as L } from "@progress/kendo-react-form";
 import { Label as k, Hint as M, Error as N } from "@progress/kendo-react-labels";
 import { findByFieldValue as V, DropDownList as x } from "@progress/kendo-react-dropdowns";
 const S = (n) => {
-  const {
-    validationMessage: d,
-    touched: p,
-    label: w,
-    id: o,
-    valid: u,
-    disabled: m,
-    hint: h,
-    idField: l,
-    dataItem: C,
-    ...E
-  } = n, I = { id: null, title: "-None-", parentId: null }, v = [], i = p && d, D = !i && h, f = D ? `${o}_hint` : "", g = i ? `${o}_error` : "", r = a.useCallback((t) => {
-    if (!t || !t.children)
-      return n.data;
-    for (const e of t.children)
-      v.push(e), e.children && r(e);
-    const c = v.map((e) => e.id);
-    return n.data.filter((e) => !c.includes(e.id));
-  }, [n.data]), $ = r(C), s = a.useMemo(
+  const { validationMessage: d, touched: p, label: w, id: o, valid: u, disabled: m, hint: h, idField: l, dataItem: C, ...E } = n, I = { id: null, title: "-None-", parentId: null }, v = [], i = p && d, D = !i && h, f = D ? `${o}_hint` : "", g = i ? `${o}_error` : "", r = a.useCallback(
+    (t) => {
+      if (!t || !t.children)
+        return n.data;
+      for (const e of t.children)
+        v.push(e), e.children && r(e);
+      const c = v.map((e) => e.id);
+      return n.data.filter((e) => !c.includes(e.id));
+    },
+    [n.data]
+  ), $ = r(C), s = a.useMemo(
     () => $.map((t) => {
       const c = new Date(t.start).toLocaleDateString(), e = new Date(t.end).toLocaleDateString();
       return { ...t, title: `${t.title} (${c}-${e})` };

package/editors/GanttEditor.js

@@ -5,4 +5,4 @@
  * 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;
+"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]),N=t.useCallback((e,d)=>e&&d(n.start)&&e.getTime()<d(n.start).getTime()?x:void 0,[n,x]),B=t.useMemo(()=>[p,h],[p,h]),O=t.useMemo(()=>[p,N],[p,N]),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:B}),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:B}),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

@@ -27,39 +27,24 @@ const he = [
   { 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]
-  ), $ = () => {
+], Xe = (o) => {
+  const [O, Q] = t.useState(0), [l, D] = t.useState(), [d, p] = t.useState([...o.dependencyData || []]), [k, b] = t.useState([]), n = me(), U = pe(), r = (e) => U.toLanguageString(e, fe[e]), E = r(ye), F = r(Ie), M = r(De), C = r(Se), X = r(Te), Y = r(ge), Z = r(ke), j = r(be), u = r(Ee), v = r(Fe), P = r(Me), w = r(Ce), f = t.useMemo(() => le(
+    o.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;
+    }
+  ), [o.taskData, n]), ee = t.useMemo(
+    () => f.filter((e) => e.id !== o.dataItem.id),
+    [f, o.dataItem]
+  ), te = t.useMemo(() => d.filter((e) => e.toId === o.dataItem.id), [d, o.dataItem]), ne = t.useMemo(() => d.filter((e) => e.fromId === o.dataItem.id), [d, o.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);
@@ -86,26 +71,29 @@ const he = [
   ), R = t.useCallback(
     (e, a) => e && a(n.start) && e.getTime() < a(n.start).getTime() ? P : void 0,
     [n, P]
-  ), B = t.useMemo(
+  ), G = t.useMemo(
     () => [m, x],
     [m, x]
-  ), G = t.useMemo(
+  ), N = t.useMemo(
     () => [m, R],
     [m, R]
-  ), ae = t.useMemo(
-    () => K(d, "fromId", null) || K(d, "toId", null),
-    [d]
-  ), de = (e) => {
+  ), ae = t.useMemo(() => K(d, "fromId", null) || K(d, "toId", null), [d]), de = (e) => {
     ae || (Q(e.selected), D(void 0));
-  }, N = (e) => {
+  }, z = (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 };
+    const e = { uid: g(), id: null, fromId: null, toId: o.dataItem.id, type: s.FS };
     p([...d, e]);
-  }, z = (e, a, i) => {
+  }, oe = () => {
+    const e = {
+      uid: g(),
+      id: null,
+      fromId: o.dataItem.id,
+      toId: null,
+      type: s.FS
+    };
+    p([...d, e]);
+  }, q = (e, a, i) => {
     const S = {
       ...e,
       uid: e.uid || g(),
@@ -114,38 +102,38 @@ const he = [
       (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) => {
+  }, B = t.useMemo(() => he.map((e) => {
     let a;
     switch (e.type) {
       case s.FF:
-        a = o(H);
+        a = r(H);
         break;
       case s.FS:
-        a = o(we);
+        a = r(we);
         break;
       case s.SF:
-        a = o(Pe);
+        a = r(Pe);
         break;
       case s.SS:
-        a = o(ve);
+        a = r(ve);
         break;
       default:
-        a = o(H);
+        a = r(H);
         break;
     }
     return {
       ...e,
       name: a
     };
-  }), [o]);
+  }), [r]);
   t.useEffect(() => {
-    r.onDependencyCreate && r.onDependencyCreate.call(void 0, {
+    o.onDependencyCreate && o.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(
+  }, [V, _, k, o.onDependencyCreate]);
+  const ie = o.dependencyData && o.taskData, se = /* @__PURE__ */ t.createElement(A, { style: { width: 400 }, horizontal: !0 }, /* @__PURE__ */ t.createElement(
     c,
     {
       id: `${n.title}_gantteditor`,
@@ -161,7 +149,7 @@ const he = [
       name: n.start,
       label: F,
       component: I,
-      validator: B
+      validator: G
     }
   ), /* @__PURE__ */ t.createElement(
     c,
@@ -170,7 +158,7 @@ const he = [
       name: n.end,
       label: M,
       component: I,
-      validator: G
+      validator: N
     }
   ), /* @__PURE__ */ t.createElement(
     c,
@@ -197,7 +185,7 @@ const he = [
       name: n.start,
       label: F,
       component: I,
-      validator: B
+      validator: G
     }
   ), /* @__PURE__ */ t.createElement(
     c,
@@ -206,7 +194,7 @@ const he = [
       name: n.end,
       label: M,
       component: I,
-      validator: G
+      validator: N
     }
   ), /* @__PURE__ */ t.createElement(
     c,
@@ -226,7 +214,7 @@ const he = [
       label: X,
       component: Ve,
       data: ee,
-      dataItem: r.dataItem
+      dataItem: o.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(
@@ -234,24 +222,24 @@ const he = [
     {
       flatTasks: f,
       predecessors: te,
-      dependencyTypes: q,
+      dependencyTypes: B,
       selectedItem: l,
-      onSelectRow: N,
-      addPredecessorsDependency: oe,
+      onSelectRow: z,
+      addPredecessorsDependency: re,
       deleteDependency: $,
-      updateDependency: z
+      updateDependency: q
     }
   )), /* @__PURE__ */ t.createElement(T, { title: j }, /* @__PURE__ */ t.createElement(
     $e,
     {
       flatTasks: f,
       successors: ne,
-      dependencyTypes: q,
+      dependencyTypes: B,
       selectedItem: l,
-      onSelectRow: N,
-      addSuccessorsDependency: re,
+      onSelectRow: z,
+      addSuccessorsDependency: oe,
       deleteDependency: $,
-      updateDependency: z
+      updateDependency: q
     }
   ))) : se;
 };

package/editors/GanttEditorPredecessors.mjs

@@ -50,19 +50,8 @@ const P = (e, t, l, o) => {
       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
-    }
-  ));
+  }, 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(() => {

package/editors/GanttEditorSuccessors.mjs

@@ -23,10 +23,7 @@ const B = (e, t, l, o) => {
       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) => {
+  }, u = n.useMemo(() => s(e, "id", t.toId), [e, t.toId]), y = (d) => {
     const a = x(e, d.filter);
     r(a);
   };
@@ -50,19 +47,8 @@ const B = (e, t, l, o) => {
       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
-    }
-  ));
+  }, 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(() => {

package/editors/GanttForm.mjs

@@ -21,7 +21,11 @@ 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 };
+        const o = {
+          syntheticEvent: e,
+          nativeEvent: e.nativeEvent,
+          dataItem: a.dataItem
+        };
         l.call(void 0, o);
       }
     },
@@ -29,7 +33,11 @@ const P = (a) => {
   ), S = t.useCallback(
     (e) => {
       if (c) {
-        const o = { syntheticEvent: e, nativeEvent: e.nativeEvent, dataItem: a.dataItem };
+        const o = {
+          syntheticEvent: e,
+          nativeEvent: e.nativeEvent,
+          dataItem: a.dataItem
+        };
         c.call(void 0, o);
       }
     },
@@ -37,7 +45,11 @@ const P = (a) => {
   ), M = t.useCallback(
     ({ syntheticEvent: e }) => {
       if (d) {
-        const o = { syntheticEvent: e, nativeEvent: e.nativeEvent, dataItem: a.dataItem };
+        const o = {
+          syntheticEvent: e,
+          nativeEvent: e.nativeEvent,
+          dataItem: a.dataItem
+        };
         d.call(void 0, o);
       }
     },
@@ -56,18 +68,9 @@ const P = (a) => {
       }
     },
     [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(
+  ), 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,
@@ -101,7 +104,17 @@ const P = (a) => {
             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))
+        ), /* @__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
     }