@progress/kendo-react-gantt 8.1.0-develop.26 → 8.1.0-develop.28

package/Gantt.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 Se=require("react"),n=require("prop-types"),M=require("./utils/index.js"),Te=require("@progress/kendo-react-intl"),Me=require("./context/GanttContext.js"),Ee=require("./views/GanttWeekView.js"),xe=require("@progress/kendo-react-treelist"),c=require("@progress/kendo-react-common"),Fe=require("./hooks/useControlledState.js"),Ie=require("./components/toolbar/view-selector/ViewSelectorList.js"),Ve=require("./components/toolbar/view-selector/ViewSelector.js"),qe=require("./components/toolbar/Toolbar.js"),He=require("@progress/kendo-react-buttons"),H=require("./constants/index.js"),z=require("./package-metadata.js"),ze=require("./components/toolbar/AddButton.js");function Ae(e){const k=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const d in e)if(d!=="default"){const h=Object.getOwnPropertyDescriptor(e,d);Object.defineProperty(k,d,h.get?h:{enumerable:!0,get:()=>e[d]})}}return k.default=e,Object.freeze(k)}const a=Ae(Se),y=a.forwardRef((e,k)=>{c.validatePackage(z.packageMetadata);const d=c.shouldShowValidationUI(z.packageMetadata),{columns:h=f.columns,taskData:E=f.taskData,dependencyData:A=f.dependencyData,style:N,className:G,noRecords:O,timezone:x,rowHeight:P=f.rowHeight,resizable:j,reorderable:K,sortable:L,sort:W,filter:_,columnMenuFilter:B,columnMenu:U,navigatable:$,toolbar:F,row:J,selectable:Q}=e,X=Te.useInternationalization(),{fields:o}=a.useMemo(()=>M.getTaskModelFields(e.taskModelFields),[e.taskModelFields]),{fields:Y}=a.useMemo(()=>M.getDependencyModelFields(e.dependencyModelFields),[e.dependencyModelFields]),I=a.useCallback(M.expandedChildren(o.isExpanded,o.children),[o.isExpanded,o.children]),D=a.useRef(null),r=a.useRef(null),i=a.useRef(null),m=a.useRef(null),s=a.useRef(null),Z=a.useCallback(t=>{const C=c.getter(o.start)(t),g=c.getter(o.end)(t),S=c.getter(o.isSelected)(t);(!r.current||C<r.current)&&(r.current=C),(!i.current||g>i.current)&&(i.current=g),S&&(m.current=t)},[o.start,o.end]),b=a.useMemo(()=>(r.current=null,i.current=null,m.current=null,xe.flatData(E,I,Z)),[E,I]);(!r.current||!i.current)&&(r.current=new Date(H.DEFAULT_DATE),i.current=new Date(H.DEFAULT_DATE));const R=a.Children.toArray(e.children||[a.createElement(Ee.GanttWeekView,{key:"week",firstSlotRangeRef:s})]),[V,p]=Fe.useControlledState(e.defaultView||R[0].props.name,e.view,e.onViewChange),u=R.find(t=>t.props.name===V)||R[0],ee=typeof u.props.dateRange=="function"?u.props.dateRange.call(void 0,{intl:X,tasksStart:r.current,tasksEnd:i.current,timezone:x}):u.props.dateRange,v=a.useRef(null),[ne,te]=a.useState(0);c.useIsomorphicLayoutEffect(()=>{v.current&&te(v.current.element.offsetHeight)},[]);const ae=a.useCallback(t=>{D.current&&D.current.scrollIntoView(t)},[]),q=a.useRef(null),l=a.useRef(null);a.useImperativeHandle(l,()=>({props:e,element:q.current,scrollIntoView:ae})),a.useImperativeHandle(k,()=>l.current);const le=a.useCallback(t=>{e.onDataStateChange&&e.onDataStateChange.call(void 0,{...t,target:l.current})},[e.onDataStateChange]),oe=a.useCallback(t=>{e.onSortChange&&e.onSortChange.call(void 0,{...t,target:l.current})},[e.onSortChange]),ce=a.useCallback(t=>{e.onKeyDown&&e.onKeyDown.call(void 0,{...t,target:l.current})},[e.onKeyDown]),re=a.useCallback(t=>{e.onSelectionChange&&e.onSelectionChange.call(void 0,{...t,target:l.current})},[e.onSelectionChange]),ie=a.useCallback(t=>{e.onHeaderSelectionChange&&e.onHeaderSelectionChange.call(void 0,{...t,target:l.current})},[e.onHeaderSelectionChange]),ue=a.useCallback(t=>{e.onFilterChange&&e.onFilterChange.call(void 0,{...t,target:l.current})},[e.onFilterChange]),de=a.useCallback(t=>{e.onColumnMenuFilterChange&&e.onColumnMenuFilterChange.call(void 0,{...t,target:l.current})},[e.onColumnMenuFilterChange]),se=a.useCallback(t=>{e.onExpandChange&&e.onExpandChange.call(void 0,{...t,target:l.current})},[e.onExpandChange]),Ce=a.useCallback(t=>{e.onAddClick&&e.onAddClick.call(void 0,{...t,target:l.current,selectedDataItem:m.current,slotStart:s.current&&new Date(s.current.start.getTime()),slotEnd:s.current&&new Date(s.current.end.getTime())})},[e.onAddClick]),ge=a.useCallback(t=>{e.onColumnResize&&e.onColumnResize.call(void 0,{...t,target:l.current})},[e.onColumnResize]),ke=a.useCallback(t=>{e.onColumnReorder&&e.onColumnReorder.call(void 0,{...t,target:l.current})},[e.onColumnReorder]),fe=a.useCallback(t=>{e.onRowClick&&e.onRowClick.call(void 0,{...t,target:l.current})},[e.onRowClick]),he=a.useCallback(t=>{e.onRowDoubleClick&&e.onRowDoubleClick.call(void 0,{...t,target:l.current})},[e.onRowClick]),me=a.useCallback(t=>{e.onRowContextMenu&&e.onRowContextMenu.call(void 0,{...t,target:l.current})},[e.onRowClick]),be=a.useCallback(t=>{e.onTaskClick&&e.onTaskClick.call(void 0,{...t,target:l.current})},[e.onTaskClick]),Re=a.useCallback(t=>{e.onTaskDoubleClick&&e.onTaskDoubleClick.call(void 0,{...t,target:l.current})},[e.onTaskDoubleClick]),we=a.useCallback(t=>{e.onTaskContextMenu&&e.onTaskContextMenu.call(void 0,{...t,target:l.current})},[e.onTaskContextMenu]),ye=a.useCallback(t=>{e.onTaskRemoveClick&&e.onTaskRemoveClick.call(void 0,{...t,target:l.current})},[e.onTaskRemoveClick]),De=a.useCallback(t=>{if(e.onDependencyCreate){let C,g;const S=c.getter(o.id);for(let T=0;T<b.length;T++){const ve=b[T],w=S(ve.dataItem);if(String(w)===t.fromId&&(C=w),String(w)===t.toId&&(g=w),C&&g)break}e.onDependencyCreate.call(void 0,{fromId:C,toId:g,target:l.current,type:t.type})}},[e.onDependencyCreate,o,b]);return a.createElement(Me.GanttContext,{dateRange:ee,taskData:b,dependencyData:A,taskModelFields:o,dependencyModelFields:Y,views:R,activeView:[V,p],rowHeight:P,toolbarHeight:ne,props:{columns:h,noRecords:O,timezone:x,resizable:j,reorderable:K,sortable:L,sort:W,filter:_,columnMenuFilter:B,columnMenu:U,navigatable:$,row:J,selectable:Q},events:{onDataStateChange:le,onSortChange:oe,onFilterChange:ue,onColumnMenuFilterChange:de,onExpandChange:se,onRowClick:fe,onRowDoubleClick:he,onRowContextMenu:me,onColumnResize:ge,onColumnReorder:ke,onDependencyCreate:e.onDependencyCreate&&De,onKeyDown:ce,onSelectionChange:re,onHeaderSelectionChange:ie},taskEvents:{onTaskClick:be,onTaskDoubleClick:Re,onTaskContextMenu:we,onTaskRemoveClick:e.onTaskRemoveClick&&ye}},a.createElement("div",{ref:q,role:"application",style:N,className:c.classNames("k-gantt",G)},a.createElement(qe.Toolbar,{ref:v},F&&F.addTaskButton?a.createElement(ze.AddButton,{selectedTask:m.current,onClick:Ce}):null,a.createElement(He.ToolbarSpacer,null),a.createElement(Ve.ViewSelector,null,a.createElement(Ie.ViewSelectorList,null))),u&&a.createElement(u.type,{key:u.props.name,ref:D,...u.props,firstSlotRangeRef:s}),d&&a.createElement(c.WatermarkOverlay,null)))}),f={taskData:[],dependencyData:[],columns:[],rowHeight:40};y.propTypes={taskData:n.array,taskModelFields:n.shape({id:n.string,start:n.string,end:n.string,title:n.string,percentComplete:n.string,parentId:n.string,isRollup:n.string,isExpanded:n.string,children:n.string,isInEdit:n.string}),dependencyData:n.array,dependencyModelFields:n.shape({id:n.string,fromId:n.string,toId:n.string,type:n.string}),columns:n.arrayOf(n.shape({width:n.number,cell:n.any,editCell:n.any,headerCell:n.any,filter:n.any,children:n.any,field:n.string,title:n.string,sortable:n.any,expandable:n.bool,headerSelectionValue:n.bool,format:n.string,headerClassName:n.string,className:n.string,resizable:n.bool,reorderable:n.bool,minResizableWidth:n.number,orderIndex:n.number,columnMenu:n.any})),sort:n.array,filter:n.array,columnMenuFilter:n.array,columnMenu:n.any,style:n.object,className:n.string,children:n.any,timezone:n.string,defaultView:n.string,view:n.string,rowHeight:n.number,navigatable:n.bool,onViewChange:n.func,onDataStateChange:n.func,onSortChange:n.func,onFilterChange:n.func,onExpandChange:n.func,onRowClick:n.func,onColumnResize:n.func,onColumnReorder:n.func};y.defaultProps=f;y.displayName="KendoReactGantt";exports.Gantt=y;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const qe=require("react"),n=require("prop-types"),E=require("./utils/index.js"),Ie=require("@progress/kendo-react-intl"),Ge=require("./context/GanttContext.js"),y=require("./views/GanttWeekView.js"),A=require("./views/GanttDayView.js"),P=require("./views/GanttMonthView.js"),N=require("./views/GanttYearView.js"),He=require("@progress/kendo-react-treelist"),r=require("@progress/kendo-react-common"),ze=require("./hooks/useControlledState.js"),Ae=require("./components/toolbar/view-selector/ViewSelectorList.js"),Pe=require("./components/toolbar/view-selector/ViewSelector.js"),Ne=require("./components/toolbar/Toolbar.js"),Oe=require("@progress/kendo-react-buttons"),O=require("./constants/index.js"),W=require("./package-metadata.js"),We=require("./components/toolbar/AddButton.js");function je(e){const k=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const s in e)if(s!=="default"){const m=Object.getOwnPropertyDescriptor(e,s);Object.defineProperty(k,s,m.get?m:{enumerable:!0,get:()=>e[s]})}}return k.default=e,Object.freeze(k)}const a=je(qe),V=a.forwardRef((e,k)=>{r.validatePackage(W.packageMetadata);const s=r.shouldShowValidationUI(W.packageMetadata),{columns:m=h.columns,taskData:x=h.taskData,dependencyData:j=h.dependencyData,style:K,className:L,noRecords:_,timezone:F,rowHeight:B=h.rowHeight,resizable:U,reorderable:Y,sortable:$,sort:J,filter:Q,columnMenuFilter:X,columnMenu:Z,navigatable:p,toolbar:q,row:ee,selectable:ne}=e,d=new Map;d.set(A.GanttDayView,A.ganttDayViewDefaultProps),d.set(P.GanttMonthView,P.ganttMonthViewDefaultProps),d.set(y.GanttWeekView,y.ganttWeekViewDefaultProps),d.set(N.GanttYearView,N.ganttYearViewDefaultProps);const te=Ie.useInternationalization(),{fields:o}=a.useMemo(()=>E.getTaskModelFields(e.taskModelFields),[e.taskModelFields]),{fields:ae}=a.useMemo(()=>E.getDependencyModelFields(e.dependencyModelFields),[e.dependencyModelFields]),I=a.useCallback(E.expandedChildren(o.isExpanded,o.children),[o.isExpanded,o.children]),S=a.useRef(null),c=a.useRef(null),i=a.useRef(null),w=a.useRef(null),f=a.useRef(null),le=a.useCallback(t=>{const C=r.getter(o.start)(t),g=r.getter(o.end)(t),T=r.getter(o.isSelected)(t);(!c.current||C<c.current)&&(c.current=C),(!i.current||g>i.current)&&(i.current=g),T&&(w.current=t)},[o.start,o.end]),b=a.useMemo(()=>(c.current=null,i.current=null,w.current=null,He.flatData(x,I,le)),[x,I]);(!c.current||!i.current)&&(c.current=new Date(O.DEFAULT_DATE),i.current=new Date(O.DEFAULT_DATE));const R=a.Children.toArray(e.children||[]).map(t=>a.isValidElement(t)?a.cloneElement(t,{...d.get(t.type),...t.props}):t),oe=a.cloneElement(a.createElement(y.GanttWeekView,null),d.get(y.GanttWeekView)),G=R.length?R[0]:oe,[H,re]=ze.useControlledState(e.defaultView||G.props.name,e.view,e.onViewChange),u=R.find(t=>t.props.name===H)||G,ce=typeof u.props.dateRange=="function"?u.props.dateRange.call(void 0,{intl:te,tasksStart:c.current,tasksEnd:i.current,timezone:F}):u.props.dateRange,M=a.useRef(null),[ie,ue]=a.useState(0);r.useIsomorphicLayoutEffect(()=>{M.current&&ue(M.current.element.offsetHeight)},[]);const se=a.useCallback(t=>{S.current&&S.current.scrollIntoView(t)},[]),z=a.useRef(null),l=a.useRef(null);a.useImperativeHandle(l,()=>({props:e,element:z.current,scrollIntoView:se})),a.useImperativeHandle(k,()=>l.current);const de=a.useCallback(t=>{e.onDataStateChange&&e.onDataStateChange.call(void 0,{...t,target:l.current})},[e.onDataStateChange]),Ce=a.useCallback(t=>{e.onSortChange&&e.onSortChange.call(void 0,{...t,target:l.current})},[e.onSortChange]),ge=a.useCallback(t=>{e.onKeyDown&&e.onKeyDown.call(void 0,{...t,target:l.current})},[e.onKeyDown]),ke=a.useCallback(t=>{e.onSelectionChange&&e.onSelectionChange.call(void 0,{...t,target:l.current})},[e.onSelectionChange]),fe=a.useCallback(t=>{e.onHeaderSelectionChange&&e.onHeaderSelectionChange.call(void 0,{...t,target:l.current})},[e.onHeaderSelectionChange]),he=a.useCallback(t=>{e.onFilterChange&&e.onFilterChange.call(void 0,{...t,target:l.current})},[e.onFilterChange]),me=a.useCallback(t=>{e.onColumnMenuFilterChange&&e.onColumnMenuFilterChange.call(void 0,{...t,target:l.current})},[e.onColumnMenuFilterChange]),we=a.useCallback(t=>{e.onExpandChange&&e.onExpandChange.call(void 0,{...t,target:l.current})},[e.onExpandChange]),be=a.useCallback(t=>{e.onAddClick&&e.onAddClick.call(void 0,{...t,target:l.current,selectedDataItem:w.current,slotStart:f.current&&new Date(f.current.start.getTime()),slotEnd:f.current&&new Date(f.current.end.getTime())})},[e.onAddClick]),Re=a.useCallback(t=>{e.onColumnResize&&e.onColumnResize.call(void 0,{...t,target:l.current})},[e.onColumnResize]),De=a.useCallback(t=>{e.onColumnReorder&&e.onColumnReorder.call(void 0,{...t,target:l.current})},[e.onColumnReorder]),ye=a.useCallback(t=>{e.onRowClick&&e.onRowClick.call(void 0,{...t,target:l.current})},[e.onRowClick]),Se=a.useCallback(t=>{e.onRowDoubleClick&&e.onRowDoubleClick.call(void 0,{...t,target:l.current})},[e.onRowClick]),Me=a.useCallback(t=>{e.onRowContextMenu&&e.onRowContextMenu.call(void 0,{...t,target:l.current})},[e.onRowClick]),Te=a.useCallback(t=>{e.onTaskClick&&e.onTaskClick.call(void 0,{...t,target:l.current})},[e.onTaskClick]),ve=a.useCallback(t=>{e.onTaskDoubleClick&&e.onTaskDoubleClick.call(void 0,{...t,target:l.current})},[e.onTaskDoubleClick]),Ee=a.useCallback(t=>{e.onTaskContextMenu&&e.onTaskContextMenu.call(void 0,{...t,target:l.current})},[e.onTaskContextMenu]),Ve=a.useCallback(t=>{e.onTaskRemoveClick&&e.onTaskRemoveClick.call(void 0,{...t,target:l.current})},[e.onTaskRemoveClick]),xe=a.useCallback(t=>{if(e.onDependencyCreate){let C,g;const T=r.getter(o.id);for(let v=0;v<b.length;v++){const Fe=b[v],D=T(Fe.dataItem);if(String(D)===t.fromId&&(C=D),String(D)===t.toId&&(g=D),C&&g)break}e.onDependencyCreate.call(void 0,{fromId:C,toId:g,target:l.current,type:t.type})}},[e.onDependencyCreate,o,b]);return a.createElement(Ge.GanttContext,{dateRange:ce,taskData:b,dependencyData:j,taskModelFields:o,dependencyModelFields:ae,views:R,activeView:[H,re],rowHeight:B,toolbarHeight:ie,props:{columns:m,noRecords:_,timezone:F,resizable:U,reorderable:Y,sortable:$,sort:J,filter:Q,columnMenuFilter:X,columnMenu:Z,navigatable:p,row:ee,selectable:ne},events:{onDataStateChange:de,onSortChange:Ce,onFilterChange:he,onColumnMenuFilterChange:me,onExpandChange:we,onRowClick:ye,onRowDoubleClick:Se,onRowContextMenu:Me,onColumnResize:Re,onColumnReorder:De,onDependencyCreate:e.onDependencyCreate&&xe,onKeyDown:ge,onSelectionChange:ke,onHeaderSelectionChange:fe},taskEvents:{onTaskClick:Te,onTaskDoubleClick:ve,onTaskContextMenu:Ee,onTaskRemoveClick:e.onTaskRemoveClick&&Ve}},a.createElement("div",{ref:z,role:"application",style:K,className:r.classNames("k-gantt",L)},a.createElement(Ne.Toolbar,{ref:M},q&&q.addTaskButton?a.createElement(We.AddButton,{selectedTask:w.current,onClick:be}):null,a.createElement(Oe.ToolbarSpacer,null),a.createElement(Pe.ViewSelector,null,a.createElement(Ae.ViewSelectorList,null))),u&&a.createElement(u.type,{key:u.props.name,ref:S,...u.props,firstSlotRangeRef:f}),s&&a.createElement(r.WatermarkOverlay,null)))}),h={taskData:[],dependencyData:[],columns:[],rowHeight:40};V.propTypes={taskData:n.array,taskModelFields:n.shape({id:n.string,start:n.string,end:n.string,title:n.string,percentComplete:n.string,parentId:n.string,isRollup:n.string,isExpanded:n.string,children:n.string,isInEdit:n.string}),dependencyData:n.array,dependencyModelFields:n.shape({id:n.string,fromId:n.string,toId:n.string,type:n.string}),columns:n.arrayOf(n.shape({width:n.number,cell:n.any,editCell:n.any,headerCell:n.any,filter:n.any,children:n.any,field:n.string,title:n.string,sortable:n.any,expandable:n.bool,headerSelectionValue:n.bool,format:n.string,headerClassName:n.string,className:n.string,resizable:n.bool,reorderable:n.bool,minResizableWidth:n.number,orderIndex:n.number,columnMenu:n.any})),sort:n.array,filter:n.array,columnMenuFilter:n.array,columnMenu:n.any,style:n.object,className:n.string,children:n.any,timezone:n.string,defaultView:n.string,view:n.string,rowHeight:n.number,navigatable:n.bool,onViewChange:n.func,onDataStateChange:n.func,onSortChange:n.func,onFilterChange:n.func,onExpandChange:n.func,onRowClick:n.func,onColumnResize:n.func,onColumnReorder:n.func};V.displayName="KendoReactGantt";exports.Gantt=V;exports.ganttDefaultProps=h;

package/Gantt.mjs

@@ -8,85 +8,88 @@
 "use client";
 import * as a from "react";
 import n from "prop-types";
-import { getTaskModelFields as ve, getDependencyModelFields as Se, expandedChildren as Te } from "./utils/index.mjs";
-import { useInternationalization as Me } from "@progress/kendo-react-intl";
-import { GanttContext as Ee } from "./context/GanttContext.mjs";
-import { GanttWeekView as xe } from "./views/GanttWeekView.mjs";
-import { flatData as Fe } from "@progress/kendo-react-treelist";
-import { validatePackage as Ie, shouldShowValidationUI as He, getter as h, useIsomorphicLayoutEffect as Ve, classNames as ze, WatermarkOverlay as Ae } from "@progress/kendo-react-common";
-import { useControlledState as Ne } from "./hooks/useControlledState.mjs";
-import { ViewSelectorList as Ke } from "./components/toolbar/view-selector/ViewSelectorList.mjs";
-import { ViewSelector as Ge } from "./components/toolbar/view-selector/ViewSelector.mjs";
-import { Toolbar as Le } from "./components/toolbar/Toolbar.mjs";
-import { ToolbarSpacer as Pe } from "@progress/kendo-react-buttons";
-import { DEFAULT_DATE as F } from "./constants/index.mjs";
-import { packageMetadata as I } from "./package-metadata.mjs";
-import { AddButton as We } from "./components/toolbar/AddButton.mjs";
-const y = a.forwardRef((e, H) => {
-  Ie(I);
-  const V = He(I), {
-    columns: z = C.columns,
-    taskData: v = C.taskData,
-    dependencyData: A = C.dependencyData,
-    style: N,
-    className: K,
-    noRecords: G,
+import { getTaskModelFields as Ee, getDependencyModelFields as xe, expandedChildren as Fe } from "./utils/index.mjs";
+import { useInternationalization as Ve } from "@progress/kendo-react-intl";
+import { GanttContext as Ie } from "./context/GanttContext.mjs";
+import { GanttWeekView as v, ganttWeekViewDefaultProps as He } from "./views/GanttWeekView.mjs";
+import { GanttDayView as ze, ganttDayViewDefaultProps as Ae } from "./views/GanttDayView.mjs";
+import { GanttMonthView as Ne, ganttMonthViewDefaultProps as Ge } from "./views/GanttMonthView.mjs";
+import { GanttYearView as Pe, ganttYearViewDefaultProps as Ke } from "./views/GanttYearView.mjs";
+import { flatData as We } from "@progress/kendo-react-treelist";
+import { validatePackage as Le, shouldShowValidationUI as Be, getter as h, useIsomorphicLayoutEffect as Oe, classNames as Ue, WatermarkOverlay as Ye } from "@progress/kendo-react-common";
+import { useControlledState as je } from "./hooks/useControlledState.mjs";
+import { ViewSelectorList as _e } from "./components/toolbar/view-selector/ViewSelectorList.mjs";
+import { ViewSelector as qe } from "./components/toolbar/view-selector/ViewSelector.mjs";
+import { Toolbar as Je } from "./components/toolbar/Toolbar.mjs";
+import { ToolbarSpacer as Qe } from "@progress/kendo-react-buttons";
+import { DEFAULT_DATE as I } from "./constants/index.mjs";
+import { packageMetadata as H } from "./package-metadata.mjs";
+import { AddButton as Xe } from "./components/toolbar/AddButton.mjs";
+const z = a.forwardRef((e, A) => {
+  Le(H);
+  const N = Be(H), {
+    columns: G = w.columns,
+    taskData: M = w.taskData,
+    dependencyData: P = w.dependencyData,
+    style: K,
+    className: W,
+    noRecords: L,
     timezone: S,
-    rowHeight: L = C.rowHeight,
-    resizable: P,
-    reorderable: W,
-    sortable: B,
-    sort: O,
-    filter: U,
-    columnMenuFilter: j,
-    columnMenu: _,
-    navigatable: q,
+    rowHeight: B = w.rowHeight,
+    resizable: O,
+    reorderable: U,
+    sortable: Y,
+    sort: j,
+    filter: _,
+    columnMenuFilter: q,
+    columnMenu: J,
+    navigatable: Q,
     toolbar: T,
-    row: J,
-    selectable: Q
-  } = e, X = Me(), { fields: o } = a.useMemo(() => ve(e.taskModelFields), [e.taskModelFields]), { fields: Y } = a.useMemo(() => Se(e.dependencyModelFields), [e.dependencyModelFields]), M = a.useCallback(
-    Te(o.isExpanded, o.children),
+    row: X,
+    selectable: Z
+  } = e, s = /* @__PURE__ */ new Map();
+  s.set(ze, Ae), s.set(Ne, Ge), s.set(v, He), s.set(Pe, Ke);
+  const $ = Ve(), { fields: o } = a.useMemo(() => Ee(e.taskModelFields), [e.taskModelFields]), { fields: p } = a.useMemo(() => xe(e.dependencyModelFields), [e.dependencyModelFields]), E = a.useCallback(
+    Fe(o.isExpanded, o.children),
     [o.isExpanded, o.children]
-  ), R = a.useRef(null), r = a.useRef(null), c = a.useRef(null), g = a.useRef(null), d = a.useRef(null), Z = a.useCallback(
+  ), R = a.useRef(null), r = a.useRef(null), i = a.useRef(null), m = a.useRef(null), C = a.useRef(null), ee = a.useCallback(
     (t) => {
-      const u = h(o.start)(t), s = h(o.end)(t), w = h(o.isSelected)(t);
-      (!r.current || u < r.current) && (r.current = u), (!c.current || s > c.current) && (c.current = s), w && (g.current = t);
+      const d = h(o.start)(t), u = h(o.end)(t), D = h(o.isSelected)(t);
+      (!r.current || d < r.current) && (r.current = d), (!i.current || u > i.current) && (i.current = u), D && (m.current = t);
     },
     [o.start, o.end]
-  ), m = a.useMemo(
-    () => (r.current = null, c.current = null, g.current = null, Fe(v, M, Z)),
-    [v, M]
+  ), g = a.useMemo(
+    () => (r.current = null, i.current = null, m.current = null, We(M, E, ee)),
+    [M, E]
   );
-  (!r.current || !c.current) && (r.current = new Date(F), c.current = new Date(F));
-  const k = a.Children.toArray(
-    e.children || [/* @__PURE__ */ a.createElement(xe, { key: "week", firstSlotRangeRef: d })]
-  ), [
-    E,
-    $
-  ] = Ne(
-    e.defaultView || k[0].props.name,
+  (!r.current || !i.current) && (r.current = new Date(I), i.current = new Date(I));
+  const f = a.Children.toArray(e.children || []).map((t) => a.isValidElement(t) ? a.cloneElement(t, { ...s.get(t.type), ...t.props }) : t), ne = a.cloneElement(/* @__PURE__ */ a.createElement(v, null), s.get(v)), x = f.length ? f[0] : ne, [
+    F,
+    te
+  ] = je(
+    e.defaultView || x.props.name,
     e.view,
     e.onViewChange
-  ), i = k.find((t) => t.props.name === E) || k[0], p = typeof i.props.dateRange == "function" ? i.props.dateRange.call(void 0, {
-    intl: X,
+  ), c = f.find((t) => t.props.name === F) || x, ae = typeof c.props.dateRange == "function" ? c.props.dateRange.call(void 0, {
+    intl: $,
     tasksStart: r.current,
-    tasksEnd: c.current,
+    tasksEnd: i.current,
     timezone: S
-  }) : i.props.dateRange, b = a.useRef(null), [ee, ne] = a.useState(0);
-  Ve(
+  }) : c.props.dateRange, b = a.useRef(null), [le, oe] = a.useState(0);
+  Oe(
     () => {
-      b.current && ne(b.current.element.offsetHeight);
+      b.current && oe(b.current.element.offsetHeight);
     },
     []
   );
-  const te = a.useCallback(
+  const re = a.useCallback(
     (t) => {
       R.current && R.current.scrollIntoView(t);
     },
     []
-  ), x = a.useRef(null), l = a.useRef(null);
-  a.useImperativeHandle(l, () => ({ props: e, element: x.current, scrollIntoView: te })), a.useImperativeHandle(H, () => l.current);
-  const ae = a.useCallback(
+  ), V = a.useRef(null), l = a.useRef(null);
+  a.useImperativeHandle(l, () => ({ props: e, element: V.current, scrollIntoView: re })), a.useImperativeHandle(A, () => l.current);
+  const ie = a.useCallback(
     (t) => {
       e.onDataStateChange && e.onDataStateChange.call(
         void 0,
@@ -94,7 +97,7 @@ const y = a.forwardRef((e, H) => {
       );
     },
     [e.onDataStateChange]
-  ), le = a.useCallback(
+  ), ce = a.useCallback(
     (t) => {
       e.onSortChange && e.onSortChange.call(
         void 0,
@@ -102,7 +105,7 @@ const y = a.forwardRef((e, H) => {
       );
     },
     [e.onSortChange]
-  ), oe = a.useCallback(
+  ), se = a.useCallback(
     (t) => {
       e.onKeyDown && e.onKeyDown.call(
         void 0,
@@ -110,7 +113,7 @@ const y = a.forwardRef((e, H) => {
       );
     },
     [e.onKeyDown]
-  ), re = a.useCallback(
+  ), de = a.useCallback(
     (t) => {
       e.onSelectionChange && e.onSelectionChange.call(
         void 0,
@@ -118,7 +121,7 @@ const y = a.forwardRef((e, H) => {
       );
     },
     [e.onSelectionChange]
-  ), ce = a.useCallback(
+  ), ue = a.useCallback(
     (t) => {
       e.onHeaderSelectionChange && e.onHeaderSelectionChange.call(
         void 0,
@@ -126,7 +129,7 @@ const y = a.forwardRef((e, H) => {
       );
     },
     [e.onHeaderSelectionChange]
-  ), ie = a.useCallback(
+  ), Ce = a.useCallback(
     (t) => {
       e.onFilterChange && e.onFilterChange.call(
         void 0,
@@ -134,7 +137,7 @@ const y = a.forwardRef((e, H) => {
       );
     },
     [e.onFilterChange]
-  ), de = a.useCallback(
+  ), me = a.useCallback(
     (t) => {
       e.onColumnMenuFilterChange && e.onColumnMenuFilterChange.call(
         void 0,
@@ -142,7 +145,7 @@ const y = a.forwardRef((e, H) => {
       );
     },
     [e.onColumnMenuFilterChange]
-  ), ue = a.useCallback(
+  ), ge = a.useCallback(
     (t) => {
       e.onExpandChange && e.onExpandChange.call(
         void 0,
@@ -150,21 +153,21 @@ const y = a.forwardRef((e, H) => {
       );
     },
     [e.onExpandChange]
-  ), se = a.useCallback(
+  ), fe = a.useCallback(
     (t) => {
       e.onAddClick && e.onAddClick.call(
         void 0,
         {
           ...t,
           target: l.current,
-          selectedDataItem: g.current,
-          slotStart: d.current && new Date(d.current.start.getTime()),
-          slotEnd: d.current && new Date(d.current.end.getTime())
+          selectedDataItem: m.current,
+          slotStart: C.current && new Date(C.current.start.getTime()),
+          slotEnd: C.current && new Date(C.current.end.getTime())
         }
       );
     },
     [e.onAddClick]
-  ), Ce = a.useCallback(
+  ), ke = a.useCallback(
     (t) => {
       e.onColumnResize && e.onColumnResize.call(
         void 0,
@@ -175,7 +178,7 @@ const y = a.forwardRef((e, H) => {
       );
     },
     [e.onColumnResize]
-  ), ge = a.useCallback(
+  ), he = a.useCallback(
     (t) => {
       e.onColumnReorder && e.onColumnReorder.call(
         void 0,
@@ -183,7 +186,7 @@ const y = a.forwardRef((e, H) => {
       );
     },
     [e.onColumnReorder]
-  ), me = a.useCallback(
+  ), we = a.useCallback(
     (t) => {
       e.onRowClick && e.onRowClick.call(
         void 0,
@@ -191,7 +194,7 @@ const y = a.forwardRef((e, H) => {
       );
     },
     [e.onRowClick]
-  ), ke = a.useCallback(
+  ), Re = a.useCallback(
     (t) => {
       e.onRowDoubleClick && e.onRowDoubleClick.call(
         void 0,
@@ -199,7 +202,7 @@ const y = a.forwardRef((e, H) => {
       );
     },
     [e.onRowClick]
-  ), fe = a.useCallback(
+  ), be = a.useCallback(
     (t) => {
       e.onRowContextMenu && e.onRowContextMenu.call(
         void 0,
@@ -207,7 +210,7 @@ const y = a.forwardRef((e, H) => {
       );
     },
     [e.onRowClick]
-  ), he = a.useCallback(
+  ), De = a.useCallback(
     (t) => {
       e.onTaskClick && e.onTaskClick.call(
         void 0,
@@ -215,7 +218,7 @@ const y = a.forwardRef((e, H) => {
       );
     },
     [e.onTaskClick]
-  ), Re = a.useCallback(
+  ), ye = a.useCallback(
     (t) => {
       e.onTaskDoubleClick && e.onTaskDoubleClick.call(
         void 0,
@@ -223,7 +226,7 @@ const y = a.forwardRef((e, H) => {
       );
     },
     [e.onTaskDoubleClick]
-  ), be = a.useCallback(
+  ), ve = a.useCallback(
     (t) => {
       e.onTaskContextMenu && e.onTaskContextMenu.call(
         void 0,
@@ -231,7 +234,7 @@ const y = a.forwardRef((e, H) => {
       );
     },
     [e.onTaskContextMenu]
-  ), we = a.useCallback(
+  ), Me = a.useCallback(
     (t) => {
       e.onTaskRemoveClick && e.onTaskRemoveClick.call(
         void 0,
@@ -239,107 +242,107 @@ const y = a.forwardRef((e, H) => {
       );
     },
     [e.onTaskRemoveClick]
-  ), De = a.useCallback(
+  ), Se = a.useCallback(
     (t) => {
       if (e.onDependencyCreate) {
-        let u, s;
-        const w = h(o.id);
-        for (let D = 0; D < m.length; D++) {
-          const ye = m[D], f = w(ye.dataItem);
-          if (String(f) === t.fromId && (u = f), String(f) === t.toId && (s = f), u && s)
+        let d, u;
+        const D = h(o.id);
+        for (let y = 0; y < g.length; y++) {
+          const Te = g[y], k = D(Te.dataItem);
+          if (String(k) === t.fromId && (d = k), String(k) === t.toId && (u = k), d && u)
             break;
         }
         e.onDependencyCreate.call(
           void 0,
           {
-            fromId: u,
-            toId: s,
+            fromId: d,
+            toId: u,
             target: l.current,
             type: t.type
           }
         );
       }
     },
-    [e.onDependencyCreate, o, m]
+    [e.onDependencyCreate, o, g]
   );
   return /* @__PURE__ */ a.createElement(
-    Ee,
+    Ie,
     {
-      dateRange: p,
-      taskData: m,
-      dependencyData: A,
+      dateRange: ae,
+      taskData: g,
+      dependencyData: P,
       taskModelFields: o,
-      dependencyModelFields: Y,
-      views: k,
-      activeView: [E, $],
-      rowHeight: L,
-      toolbarHeight: ee,
+      dependencyModelFields: p,
+      views: f,
+      activeView: [F, te],
+      rowHeight: B,
+      toolbarHeight: le,
       props: {
-        columns: z,
-        noRecords: G,
+        columns: G,
+        noRecords: L,
         timezone: S,
-        resizable: P,
-        reorderable: W,
-        sortable: B,
-        sort: O,
-        filter: U,
-        columnMenuFilter: j,
-        columnMenu: _,
-        navigatable: q,
-        row: J,
-        selectable: Q
+        resizable: O,
+        reorderable: U,
+        sortable: Y,
+        sort: j,
+        filter: _,
+        columnMenuFilter: q,
+        columnMenu: J,
+        navigatable: Q,
+        row: X,
+        selectable: Z
       },
       events: {
-        onDataStateChange: ae,
-        onSortChange: le,
-        onFilterChange: ie,
-        onColumnMenuFilterChange: de,
-        onExpandChange: ue,
-        onRowClick: me,
-        onRowDoubleClick: ke,
-        onRowContextMenu: fe,
-        onColumnResize: Ce,
-        onColumnReorder: ge,
-        onDependencyCreate: e.onDependencyCreate && De,
-        onKeyDown: oe,
-        onSelectionChange: re,
-        onHeaderSelectionChange: ce
+        onDataStateChange: ie,
+        onSortChange: ce,
+        onFilterChange: Ce,
+        onColumnMenuFilterChange: me,
+        onExpandChange: ge,
+        onRowClick: we,
+        onRowDoubleClick: Re,
+        onRowContextMenu: be,
+        onColumnResize: ke,
+        onColumnReorder: he,
+        onDependencyCreate: e.onDependencyCreate && Se,
+        onKeyDown: se,
+        onSelectionChange: de,
+        onHeaderSelectionChange: ue
       },
       taskEvents: {
-        onTaskClick: he,
-        onTaskDoubleClick: Re,
-        onTaskContextMenu: be,
-        onTaskRemoveClick: e.onTaskRemoveClick && we
+        onTaskClick: De,
+        onTaskDoubleClick: ye,
+        onTaskContextMenu: ve,
+        onTaskRemoveClick: e.onTaskRemoveClick && Me
       }
     },
     /* @__PURE__ */ a.createElement(
       "div",
       {
-        ref: x,
+        ref: V,
         role: "application",
-        style: N,
-        className: ze("k-gantt", K)
+        style: K,
+        className: Ue("k-gantt", W)
       },
-      /* @__PURE__ */ a.createElement(Le, { ref: b }, T && T.addTaskButton ? /* @__PURE__ */ a.createElement(We, { selectedTask: g.current, onClick: se }) : null, /* @__PURE__ */ a.createElement(Pe, null), /* @__PURE__ */ a.createElement(Ge, null, /* @__PURE__ */ a.createElement(Ke, null))),
-      i && /* @__PURE__ */ a.createElement(
-        i.type,
+      /* @__PURE__ */ a.createElement(Je, { ref: b }, T && T.addTaskButton ? /* @__PURE__ */ a.createElement(Xe, { selectedTask: m.current, onClick: fe }) : null, /* @__PURE__ */ a.createElement(Qe, null), /* @__PURE__ */ a.createElement(qe, null, /* @__PURE__ */ a.createElement(_e, null))),
+      c && /* @__PURE__ */ a.createElement(
+        c.type,
         {
-          key: i.props.name,
+          key: c.props.name,
           ref: R,
-          ...i.props,
-          firstSlotRangeRef: d
+          ...c.props,
+          firstSlotRangeRef: C
         }
       ),
-      V && /* @__PURE__ */ a.createElement(Ae, null)
+      N && /* @__PURE__ */ a.createElement(Ye, null)
     )
   );
-}), C = {
+}), w = {
   taskData: [],
   dependencyData: [],
   columns: [],
   rowHeight: 40
 };
-y.propTypes = {
+z.propTypes = {
   taskData: n.array,
   taskModelFields: n.shape({
     id: n.string,
@@ -404,8 +407,8 @@ y.propTypes = {
   onColumnResize: n.func,
   onColumnReorder: n.func
 };
-y.defaultProps = C;
-y.displayName = "KendoReactGantt";
+z.displayName = "KendoReactGantt";
 export {
-  y as Gantt
+  z as Gantt,
+  w as ganttDefaultProps
 };