@progress/kendo-react-gantt 9.4.0-develop.6 → 9.4.0-develop.7

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 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;
+"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

@@ -5,7 +5,6 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-"use client";
 import * as a from "react";
 import n from "prop-types";
 import { getTaskModelFields as Ee, getDependencyModelFields as xe, expandedChildren as Fe } from "./utils/index.mjs";

package/cells/FilterCells/GanttBooleanFilter.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 l=require("react"),c=require("@progress/kendo-react-data-tools"),n=require("./utils.js"),i=require("@progress/kendo-react-intl");function s(e){const o=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const r=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(o,t,r.get?r:{enumerable:!0,get:()=>e[t]})}}return o.default=e,Object.freeze(o)}const u=s(l),a=e=>{const{operators:o,...t}=e;return u.createElement(c.BooleanFilterCell,{ariaLabel:"boolean filter",...n.localizeFilter(i.useLocalization(),o||n.booleanFilterValues),...t})};a.displayName="KendoReactGanttBooleanFilter";exports.GanttBooleanFilter=a;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("react"),c=require("@progress/kendo-react-data-tools"),a=require("./utils.js"),i=require("@progress/kendo-react-intl");function s(e){const o=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const r=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(o,t,r.get?r:{enumerable:!0,get:()=>e[t]})}}return o.default=e,Object.freeze(o)}const u=s(l),n=e=>{const{operators:o,...t}=e;return u.createElement(c.BooleanFilterCell,{ariaLabel:"boolean filter",...a.localizeFilter(i.useLocalization(),o||a.booleanFilterValues),...t})};n.displayName="KendoReactGanttBooleanFilter";exports.GanttBooleanFilter=n;

package/cells/FilterCells/GanttBooleanFilter.mjs

@@ -5,7 +5,6 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-"use client";
 import * as r from "react";
 import { BooleanFilterCell as a } from "@progress/kendo-react-data-tools";
 import { localizeFilter as l, booleanFilterValues as i } from "./utils.mjs";

package/cells/FilterCells/GanttDateFilter.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 l=require("react"),c=require("@progress/kendo-react-data-tools"),n=require("./utils.js"),i=require("@progress/kendo-react-intl");function s(e){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const a=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(r,t,a.get?a:{enumerable:!0,get:()=>e[t]})}}return r.default=e,Object.freeze(r)}const u=s(l),o=e=>{const{operators:r,...t}=e;return u.createElement(c.DateFilterCell,{ariaLabel:"date filter",...n.localizeFilter(i.useLocalization(),r||n.dateFilterOperators),...t})};o.displayName="KendoReactGanttDateFilter";exports.GanttDateFilter=o;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("react"),c=require("@progress/kendo-react-data-tools"),o=require("./utils.js"),i=require("@progress/kendo-react-intl");function s(e){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const a=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(r,t,a.get?a:{enumerable:!0,get:()=>e[t]})}}return r.default=e,Object.freeze(r)}const u=s(l),n=e=>{const{operators:r,...t}=e;return u.createElement(c.DateFilterCell,{ariaLabel:"date filter",...o.localizeFilter(i.useLocalization(),r||o.dateFilterOperators),...t})};n.displayName="KendoReactGanttDateFilter";exports.GanttDateFilter=n;

package/cells/FilterCells/GanttDateFilter.mjs

@@ -5,12 +5,11 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-"use client";
 import * as a from "react";
 import { DateFilterCell as o } from "@progress/kendo-react-data-tools";
 import { localizeFilter as i, dateFilterOperators as l } from "./utils.mjs";
 import { useLocalization as m } from "@progress/kendo-react-intl";
-const s = (t) => {
+const p = (t) => {
   const { operators: e, ...r } = t;
   return /* @__PURE__ */ a.createElement(
     o,
@@ -21,7 +20,7 @@ const s = (t) => {
     }
   );
 };
-s.displayName = "KendoReactGanttDateFilter";
+p.displayName = "KendoReactGanttDateFilter";
 export {
-  s as GanttDateFilter
+  p as GanttDateFilter
 };

package/cells/FilterCells/GanttNumericFilter.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 o=require("react"),a=require("@progress/kendo-react-data-tools"),c=require("./utils.js"),l=require("@progress/kendo-react-intl");function u(e){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const n=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(r,t,n.get?n:{enumerable:!0,get:()=>e[t]})}}return r.default=e,Object.freeze(r)}const s=u(o),i=e=>{const{operators:r,...t}=e;return s.createElement(a.NumericFilterCell,{ariaLabel:"numeric filter",...c.localizeFilter(l.useLocalization(),r||c.numericFilterOperators),...t})};i.displayName="KendoReactGanttNumericFilter";exports.GanttNumericFilter=i;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react"),i=require("@progress/kendo-react-data-tools"),c=require("./utils.js"),l=require("@progress/kendo-react-intl");function u(e){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const n=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(r,t,n.get?n:{enumerable:!0,get:()=>e[t]})}}return r.default=e,Object.freeze(r)}const s=u(a),o=e=>{const{operators:r,...t}=e;return s.createElement(i.NumericFilterCell,{ariaLabel:"numeric filter",...c.localizeFilter(l.useLocalization(),r||c.numericFilterOperators),...t})};o.displayName="KendoReactGanttNumericFilter";exports.GanttNumericFilter=o;

package/cells/FilterCells/GanttNumericFilter.mjs

@@ -5,18 +5,17 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-"use client";
 import * as i from "react";
 import { NumericFilterCell as o } from "@progress/kendo-react-data-tools";
-import { localizeFilter as a, numericFilterOperators as l } from "./utils.mjs";
-import { useLocalization as m } from "@progress/kendo-react-intl";
-const c = (e) => {
-  const { operators: r, ...t } = e;
+import { localizeFilter as a, numericFilterOperators as m } from "./utils.mjs";
+import { useLocalization as l } from "@progress/kendo-react-intl";
+const c = (r) => {
+  const { operators: e, ...t } = r;
   return /* @__PURE__ */ i.createElement(
     o,
     {
       ariaLabel: "numeric filter",
-      ...a(m(), r || l),
+      ...a(l(), e || m),
       ...t
     }
   );

package/cells/FilterCells/GanttTextFilter.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 l=require("react"),c=require("@progress/kendo-react-data-tools"),o=require("./utils.js"),i=require("@progress/kendo-react-intl");function s(e){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const n=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(r,t,n.get?n:{enumerable:!0,get:()=>e[t]})}}return r.default=e,Object.freeze(r)}const u=s(l),a=e=>{const{operators:r,...t}=e;return u.createElement(c.TextFilterCell,{ariaLabel:"text filter",...o.localizeFilter(i.useLocalization(),r||o.textFilterOperators),...t})};a.displayName="KendoReactGanttTextFilter";exports.GanttTextFilter=a;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("react"),c=require("@progress/kendo-react-data-tools"),a=require("./utils.js"),i=require("@progress/kendo-react-intl");function s(e){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const o=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(r,t,o.get?o:{enumerable:!0,get:()=>e[t]})}}return r.default=e,Object.freeze(r)}const u=s(l),n=e=>{const{operators:r,...t}=e;return u.createElement(c.TextFilterCell,{ariaLabel:"text filter",...a.localizeFilter(i.useLocalization(),r||a.textFilterOperators),...t})};n.displayName="KendoReactGanttTextFilter";exports.GanttTextFilter=n;

package/cells/FilterCells/GanttTextFilter.mjs

@@ -5,12 +5,11 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-"use client";
 import * as o from "react";
 import { TextFilterCell as a } from "@progress/kendo-react-data-tools";
 import { localizeFilter as i, textFilterOperators as l } from "./utils.mjs";
 import { useLocalization as m } from "@progress/kendo-react-intl";
-const s = (t) => {
+const p = (t) => {
   const { operators: e, ...r } = t;
   return /* @__PURE__ */ o.createElement(
     a,
@@ -21,7 +20,7 @@ const s = (t) => {
     }
   );
 };
-s.displayName = "KendoReactGanttTextFilter";
+p.displayName = "KendoReactGanttTextFilter";
 export {
-  s as GanttTextFilter
+  p as GanttTextFilter
 };

package/cells/FilterCells/utils.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 t=require("../../messages/index.js"),a=[{text:t.filterContainsOperator,operator:"contains"},{text:t.filterNotContainsOperator,operator:"doesnotcontain"},{text:t.filterEqOperator,operator:"eq"},{text:t.filterNotEqOperator,operator:"neq"},{text:t.filterStartsWithOperator,operator:"startswith"},{text:t.filterEndsWithOperator,operator:"endswith"},{text:t.filterIsNullOperator,operator:"isnull"},{text:t.filterIsNotNullOperator,operator:"isnotnull"},{text:t.filterIsEmptyOperator,operator:"isempty"},{text:t.filterIsNotEmptyOperator,operator:"isnotempty"}],l=[{text:t.filterEqOperator,operator:"eq"},{text:t.filterNotEqOperator,operator:"neq"},{text:t.filterGteOperator,operator:"gte"},{text:t.filterGtOperator,operator:"gt"},{text:t.filterLteOperator,operator:"lte"},{text:t.filterLtOperator,operator:"lt"},{text:t.filterIsNullOperator,operator:"isnull"},{text:t.filterIsNotNullOperator,operator:"isnotnull"}],i=[{text:t.filterEqOperator,operator:"eq"},{text:t.filterNotEqOperator,operator:"neq"},{text:t.filterAfterOrEqualOperator,operator:"gte"},{text:t.filterAfterOperator,operator:"gt"},{text:t.filterBeforeOperator,operator:"lt"},{text:t.filterBeforeOrEqualOperator,operator:"lte"},{text:t.filterIsNullOperator,operator:"isnull"},{text:t.filterIsNotNullOperator,operator:"isnotnull"}],p=[{text:t.filterBooleanAll,operator:""},{text:t.filterIsTrue,operator:!0},{text:t.filterIsFalse,operator:!1}];function s(r,o){return{clearButtonTitle:r.toLanguageString(t.filterClearButton,t.messages[t.filterClearButton]),operators:o.map(e=>({text:r.toLanguageString(e.text,t.messages[e.text]),operator:e.operator}))}}exports.booleanFilterValues=p;exports.dateFilterOperators=i;exports.localizeFilter=s;exports.numericFilterOperators=l;exports.textFilterOperators=a;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../../messages/index.js"),a=[{text:t.filterContainsOperator,operator:"contains"},{text:t.filterNotContainsOperator,operator:"doesnotcontain"},{text:t.filterEqOperator,operator:"eq"},{text:t.filterNotEqOperator,operator:"neq"},{text:t.filterStartsWithOperator,operator:"startswith"},{text:t.filterEndsWithOperator,operator:"endswith"},{text:t.filterIsNullOperator,operator:"isnull"},{text:t.filterIsNotNullOperator,operator:"isnotnull"},{text:t.filterIsEmptyOperator,operator:"isempty"},{text:t.filterIsNotEmptyOperator,operator:"isnotempty"}],l=[{text:t.filterEqOperator,operator:"eq"},{text:t.filterNotEqOperator,operator:"neq"},{text:t.filterGteOperator,operator:"gte"},{text:t.filterGtOperator,operator:"gt"},{text:t.filterLteOperator,operator:"lte"},{text:t.filterLtOperator,operator:"lt"},{text:t.filterIsNullOperator,operator:"isnull"},{text:t.filterIsNotNullOperator,operator:"isnotnull"}],i=[{text:t.filterEqOperator,operator:"eq"},{text:t.filterNotEqOperator,operator:"neq"},{text:t.filterAfterOrEqualOperator,operator:"gte"},{text:t.filterAfterOperator,operator:"gt"},{text:t.filterBeforeOperator,operator:"lt"},{text:t.filterBeforeOrEqualOperator,operator:"lte"},{text:t.filterIsNullOperator,operator:"isnull"},{text:t.filterIsNotNullOperator,operator:"isnotnull"}],p=[{text:t.filterBooleanAll,operator:""},{text:t.filterIsTrue,operator:!0},{text:t.filterIsFalse,operator:!1}];function s(r,o){return{clearButtonTitle:r.toLanguageString(t.filterClearButton,t.messages[t.filterClearButton]),operators:o.map(e=>({text:r.toLanguageString(e.text,t.messages[e.text]),operator:e.operator}))}}exports.booleanFilterValues=p;exports.dateFilterOperators=i;exports.localizeFilter=s;exports.numericFilterOperators=l;exports.textFilterOperators=a;

package/cells/FilterCells/utils.mjs

@@ -5,8 +5,7 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-"use client";
-import { filterClearButton as p, messages as i, filterContainsOperator as s, filterNotContainsOperator as x, filterEqOperator as e, filterNotEqOperator as r, filterStartsWithOperator as f, filterEndsWithOperator as O, filterIsNullOperator as o, filterIsNotNullOperator as a, filterIsEmptyOperator as u, filterIsNotEmptyOperator as g, filterGteOperator as c, filterGtOperator as q, filterLteOperator as m, filterLtOperator as E, filterAfterOrEqualOperator as F, filterAfterOperator as I, filterBeforeOperator as N, filterBeforeOrEqualOperator as B, filterBooleanAll as d, filterIsTrue as h, filterIsFalse as y } from "../../messages/index.mjs";
+import { filterClearButton as p, messages as i, filterContainsOperator as s, filterNotContainsOperator as x, filterEqOperator as e, filterNotEqOperator as r, filterStartsWithOperator as f, filterEndsWithOperator as O, filterIsNullOperator as o, filterIsNotNullOperator as a, filterIsEmptyOperator as u, filterIsNotEmptyOperator as g, filterGteOperator as q, filterGtOperator as c, filterLteOperator as m, filterLtOperator as E, filterAfterOrEqualOperator as F, filterAfterOperator as I, filterBeforeOperator as N, filterBeforeOrEqualOperator as B, filterBooleanAll as d, filterIsTrue as h, filterIsFalse as y } from "../../messages/index.mjs";
 const A = [
   { text: s, operator: "contains" },
   { text: x, operator: "doesnotcontain" },
@@ -21,8 +20,8 @@ const A = [
 ], C = [
   { text: e, operator: "eq" },
   { text: r, operator: "neq" },
-  { text: c, operator: "gte" },
-  { text: q, operator: "gt" },
+  { text: q, operator: "gte" },
+  { text: c, operator: "gt" },
   { text: m, operator: "lte" },
   { text: E, operator: "lt" },
   { text: o, operator: "isnull" },

package/components/BaseView.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 Pe=require("react"),u=require("../context/GanttContext.js"),Ye=require("../context/GanttViewContext.js"),qe=require("./GanttTask.js"),Oe=require("../hooks/useDictionaryStore.js"),Xe=require("./GanttDependency.js"),F=require("../utils/index.js"),O=require("@progress/kendo-react-data-tools"),R=require("../constants/index.js"),We=require("./GanttTreelist.js"),M=require("@progress/kendo-react-common");function Ve(d){const f=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(d){for(const a in d)if(a!=="default"){const D=Object.getOwnPropertyDescriptor(d,a);Object.defineProperty(f,a,D.get?D:{enumerable:!0,get:()=>d[a]})}}return f.default=d,Object.freeze(f)}const e=Ve(Pe),X=e.forwardRef((d,f)=>{const{slotLevels:a,slotWidth:D,timelineHeaderCell:W}=d,{columns:A,noRecords:V,resizable:v,reorderable:z,sortable:$,sort:j,filter:K,columnMenuFilter:B,columnMenu:U,navigatable:J,row:Q,selectable:Z}=u.useGanttPropsContext(),{onDataStateChange:ee,onSortChange:te,onFilterChange:ne,onColumnMenuFilterChange:re,onExpandChange:oe,onRowClick:se,onRowDoubleClick:le,onRowContextMenu:ce,onColumnResize:k,onColumnReorder:ae,onDependencyCreate:b,onKeyDown:ie,onSelectionChange:ue,onHeaderSelectionChange:de}=u.useGanttEventsContext(),fe=u.useGanttRowHeightContext(),me=u.useGanttToolbarHeightContext(),m=u.useGanttTaskModelFieldsContext(),pe=u.useGanttDependencyModelFieldsContext(),H=u.useGanttTaskDataContext(),Ce=u.useGanttDependencyDataContext(),I=e.useRef(null),N=e.useRef(null),p=e.useRef(null),h=e.useRef(null),_=e.useRef(0),P=e.useRef(M.useId()),ge=e.useRef(M.useId()),c=e.useRef(null),Y=e.useRef(null),Re=e.useCallback(t=>{p.current&&p.current.scrollIntoView(t)},[]);e.useImperativeHandle(Y,()=>({scrollIntoView:Re})),e.useImperativeHandle(f,()=>Y.current);const E=e.useRef(0),y=e.useRef(0),T=e.useRef(0),x=e.useRef(0),C=e.useRef(null),L=e.useRef(null),[g,G]=e.useState(null),De=F.getTimelineHeader(a,I,W),be=F.getTimelineContent(a,N),w=F.getTimelineWidth(a,D),{extendedColumns:he,columnsWidth:Ee,columnsMap:ye}=e.useMemo(()=>{const t=O.readColumns([...A,{title:"",sortable:!1,resizable:!1,reorderable:!1,width:w,headerCell:()=>De,cell:qe.GanttTask,orderIndex:Number.MAX_SAFE_INTEGER,navigatable:!1}],{prevId:0,idPrefix:P.current});let r=0;return t.forEach((n,o,l)=>{const s=o+1===l.length,i=n.children.length===0;s?n.isAccessible=!1:(n.locked=!0,i&&(n.width=n.width||R.DEFAULT_COLUMN_WIDTH)),i&&(r+=parseFloat(String(n.width)))}),{extendedColumns:t,columnsWidth:r,columnsMap:O.mapColumns(t)}},[A,w]),[Te,xe]=Oe.useDictionaryStore(),S=e.useCallback(()=>I.current&&I.current.parentElement,[]),q=()=>{const t=S(),r=N.current,n=p.current&&p.current.tbodyElement;if(!t||!r||!n)return;const o=n.offsetTop,l=t.offsetLeft,s=w;r.style.top=o+"px",r.style.left=l+"px",r.style.width=s+"px",r.style.height=n.offsetHeight+"px"},we=()=>{const t=S();t&&(_.current=t.offsetLeft)};e.useEffect(q),e.useEffect(we);const ke=e.useCallback(t=>{if(!h.current)return;const r=t.columns.slice(0,t.columns.length-1);if(t.end)h.current.style.left="0px";else{const n=S();if(!n)return;h.current.style.left=n.offsetLeft-_.current+"px",q()}k({...t,columns:r})},[k]),He=e.useCallback(t=>{const r=t.columns.slice(0,t.columns.length-1);ae({...t,columns:r})},[k]),Ie=e.useCallback(t=>{const n=(c.current&&c.current.ownerDocument?c.current.ownerDocument:document).elementFromPoint(t.clientX,t.clientY),o=c.current;if(!n||!n.parentElement||!o)return;const l=o.parentElement,s=o.firstElementChild;if(!l||!s)return;const i=n.getAttribute(R.DEPENDENCY_DRAG_HANDLE);if(i){const Se=o.offsetTop,Fe=o.offsetLeft,Me=l.offsetTop,Ae=l.offsetLeft,Ne=s.scrollTop,_e=s.scrollLeft;T.current=Fe+Ae,x.current=Se+Me,E.current=t.clientX-T.current+_e,y.current=t.clientY-x.current+Ne,C.current=n.parentElement.getAttribute(R.TASK_ID_ATT),L.current=i}},[]),Le=e.useCallback(t=>{const r=c.current;if(!r)return;const n=r.firstElementChild;if(!n)return;const o=n.scrollTop,l=n.scrollLeft,s=t.clientX-T.current+l,i=t.clientY-x.current+o;Math.abs(E.current-s)<10&&Math.abs(y.current-i)<10||G({startX:E.current,startY:y.current,endX:s,endY:i})},[]),Ge=e.useCallback(t=>{const n=(c.current&&c.current.ownerDocument?c.current.ownerDocument:document).elementFromPoint(t.clientX,t.clientY);if(!n||!n.parentElement)return;const o=n.parentElement.getAttribute(R.TASK_ID_ATT),l=n.getAttribute(R.DEPENDENCY_DRAG_HANDLE);if(l&&o!==C.current&&b){let s;L.current==="start"?s=l==="start"?3:2:s=l==="start"?1:0,b({fromId:C.current,toId:o,type:s})}E.current=0,y.current=0,T.current=0,x.current=0,C.current=null,L.current=null,G(null)},[b,G]);return e.createElement(Ye.GanttViewContext,{tasksStore:[Te,xe],timelineWidth:w,dependencyDrag:{isEnabled:!!b,draggedId:C.current,onDependencyHandlePress:Ie,onDependencyHandleDrag:Le,onDependencyHandleRelease:Ge}},e.createElement("div",{className:"k-gantt-content",ref:c,style:{height:`calc(100% - ${me}px)`}},e.createElement(We.GanttTreeList,{treelistId:ge.current,ref:p,extendedColumns:he,columnsMap:ye,dataItemKey:m.id,data:H,idPrefix:P.current,navigatable:J,expandField:m.isExpanded,subItemsField:m.children,editField:m.isInEdit,selectedField:m.isSelected,onDataStateChange:ee,onSortChange:te,onFilterChange:ne,onExpandChange:oe,onRowClick:se,onRowDoubleClick:le,onRowContextMenu:ce,onColumnResize:ke,onColumnReorder:He,onColumnMenuFilterChange:re,onKeyDown:ie,onSelectionChange:ue,onHeaderSelectionChange:de,tableProps:{style:{width:Ee},className:"k-table k-table-md k-table-layout-fixed"},noRecords:V,rowHeight:fe,resizable:v,reorderable:z,sortable:$,sort:j,filter:K,columnMenuFilter:B,columnMenu:U,row:Q,selectable:Z,afterContent:e.createElement(e.Fragment,null,e.createElement("svg",{className:"k-gantt-dependencies-svg",ref:h,style:{left:0,top:0}},Ce.map(t=>e.createElement(Xe.GanttDependency,{key:M.getter(pe.id)(t),dependency:t}))),e.createElement("svg",{className:"k-gantt-dependencies-svg",style:{left:0,top:0,zIndex:3}},g&&e.createElement("polyline",{points:`${g.startX},${g.startY} ${g.endX},${g.endY}`})),H&&H.length?be:null)})))});X.displayName="KendoReactGanttBaseView";exports.BaseView=X;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const Pe=require("react"),u=require("../context/GanttContext.js"),Ye=require("../context/GanttViewContext.js"),qe=require("./GanttTask.js"),Oe=require("../hooks/useDictionaryStore.js"),Xe=require("./GanttDependency.js"),F=require("../utils/index.js"),O=require("@progress/kendo-react-data-tools"),R=require("../constants/index.js"),We=require("./GanttTreelist.js"),M=require("@progress/kendo-react-common");function Ve(d){const f=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(d){for(const a in d)if(a!=="default"){const D=Object.getOwnPropertyDescriptor(d,a);Object.defineProperty(f,a,D.get?D:{enumerable:!0,get:()=>d[a]})}}return f.default=d,Object.freeze(f)}const e=Ve(Pe),X=e.forwardRef((d,f)=>{const{slotLevels:a,slotWidth:D,timelineHeaderCell:W}=d,{columns:A,noRecords:V,resizable:v,reorderable:z,sortable:$,sort:j,filter:K,columnMenuFilter:B,columnMenu:U,navigatable:J,row:Q,selectable:Z}=u.useGanttPropsContext(),{onDataStateChange:ee,onSortChange:te,onFilterChange:ne,onColumnMenuFilterChange:re,onExpandChange:oe,onRowClick:se,onRowDoubleClick:le,onRowContextMenu:ce,onColumnResize:k,onColumnReorder:ae,onDependencyCreate:b,onKeyDown:ie,onSelectionChange:ue,onHeaderSelectionChange:de}=u.useGanttEventsContext(),fe=u.useGanttRowHeightContext(),me=u.useGanttToolbarHeightContext(),m=u.useGanttTaskModelFieldsContext(),pe=u.useGanttDependencyModelFieldsContext(),H=u.useGanttTaskDataContext(),Ce=u.useGanttDependencyDataContext(),I=e.useRef(null),N=e.useRef(null),p=e.useRef(null),h=e.useRef(null),_=e.useRef(0),P=e.useRef(M.useId()),ge=e.useRef(M.useId()),c=e.useRef(null),Y=e.useRef(null),Re=e.useCallback(t=>{p.current&&p.current.scrollIntoView(t)},[]);e.useImperativeHandle(Y,()=>({scrollIntoView:Re})),e.useImperativeHandle(f,()=>Y.current);const E=e.useRef(0),y=e.useRef(0),T=e.useRef(0),x=e.useRef(0),C=e.useRef(null),L=e.useRef(null),[g,G]=e.useState(null),De=F.getTimelineHeader(a,I,W),be=F.getTimelineContent(a,N),w=F.getTimelineWidth(a,D),{extendedColumns:he,columnsWidth:Ee,columnsMap:ye}=e.useMemo(()=>{const t=O.readColumns([...A,{title:"",sortable:!1,resizable:!1,reorderable:!1,width:w,headerCell:()=>De,cell:qe.GanttTask,orderIndex:Number.MAX_SAFE_INTEGER,navigatable:!1}],{prevId:0,idPrefix:P.current});let r=0;return t.forEach((n,o,l)=>{const s=o+1===l.length,i=n.children.length===0;s?n.isAccessible=!1:(n.locked=!0,i&&(n.width=n.width||R.DEFAULT_COLUMN_WIDTH)),i&&(r+=parseFloat(String(n.width)))}),{extendedColumns:t,columnsWidth:r,columnsMap:O.mapColumns(t)}},[A,w]),[Te,xe]=Oe.useDictionaryStore(),S=e.useCallback(()=>I.current&&I.current.parentElement,[]),q=()=>{const t=S(),r=N.current,n=p.current&&p.current.tbodyElement;if(!t||!r||!n)return;const o=n.offsetTop,l=t.offsetLeft,s=w;r.style.top=o+"px",r.style.left=l+"px",r.style.width=s+"px",r.style.height=n.offsetHeight+"px"},we=()=>{const t=S();t&&(_.current=t.offsetLeft)};e.useEffect(q),e.useEffect(we);const ke=e.useCallback(t=>{if(!h.current)return;const r=t.columns.slice(0,t.columns.length-1);if(t.end)h.current.style.left="0px";else{const n=S();if(!n)return;h.current.style.left=n.offsetLeft-_.current+"px",q()}k({...t,columns:r})},[k]),He=e.useCallback(t=>{const r=t.columns.slice(0,t.columns.length-1);ae({...t,columns:r})},[k]),Ie=e.useCallback(t=>{const n=(c.current&&c.current.ownerDocument?c.current.ownerDocument:document).elementFromPoint(t.clientX,t.clientY),o=c.current;if(!n||!n.parentElement||!o)return;const l=o.parentElement,s=o.firstElementChild;if(!l||!s)return;const i=n.getAttribute(R.DEPENDENCY_DRAG_HANDLE);if(i){const Se=o.offsetTop,Fe=o.offsetLeft,Me=l.offsetTop,Ae=l.offsetLeft,Ne=s.scrollTop,_e=s.scrollLeft;T.current=Fe+Ae,x.current=Se+Me,E.current=t.clientX-T.current+_e,y.current=t.clientY-x.current+Ne,C.current=n.parentElement.getAttribute(R.TASK_ID_ATT),L.current=i}},[]),Le=e.useCallback(t=>{const r=c.current;if(!r)return;const n=r.firstElementChild;if(!n)return;const o=n.scrollTop,l=n.scrollLeft,s=t.clientX-T.current+l,i=t.clientY-x.current+o;Math.abs(E.current-s)<10&&Math.abs(y.current-i)<10||G({startX:E.current,startY:y.current,endX:s,endY:i})},[]),Ge=e.useCallback(t=>{const n=(c.current&&c.current.ownerDocument?c.current.ownerDocument:document).elementFromPoint(t.clientX,t.clientY);if(!n||!n.parentElement)return;const o=n.parentElement.getAttribute(R.TASK_ID_ATT),l=n.getAttribute(R.DEPENDENCY_DRAG_HANDLE);if(l&&o!==C.current&&b){let s;L.current==="start"?s=l==="start"?3:2:s=l==="start"?1:0,b({fromId:C.current,toId:o,type:s})}E.current=0,y.current=0,T.current=0,x.current=0,C.current=null,L.current=null,G(null)},[b,G]);return e.createElement(Ye.GanttViewContext,{tasksStore:[Te,xe],timelineWidth:w,dependencyDrag:{isEnabled:!!b,draggedId:C.current,onDependencyHandlePress:Ie,onDependencyHandleDrag:Le,onDependencyHandleRelease:Ge}},e.createElement("div",{className:"k-gantt-content",ref:c,style:{height:`calc(100% - ${me}px)`}},e.createElement(We.GanttTreeList,{treelistId:ge.current,ref:p,extendedColumns:he,columnsMap:ye,dataItemKey:m.id,data:H,idPrefix:P.current,navigatable:J,expandField:m.isExpanded,subItemsField:m.children,editField:m.isInEdit,selectedField:m.isSelected,onDataStateChange:ee,onSortChange:te,onFilterChange:ne,onExpandChange:oe,onRowClick:se,onRowDoubleClick:le,onRowContextMenu:ce,onColumnResize:ke,onColumnReorder:He,onColumnMenuFilterChange:re,onKeyDown:ie,onSelectionChange:ue,onHeaderSelectionChange:de,tableProps:{style:{width:Ee},className:"k-table k-table-md k-table-layout-fixed"},noRecords:V,rowHeight:fe,resizable:v,reorderable:z,sortable:$,sort:j,filter:K,columnMenuFilter:B,columnMenu:U,row:Q,selectable:Z,afterContent:e.createElement(e.Fragment,null,e.createElement("svg",{className:"k-gantt-dependencies-svg",ref:h,style:{left:0,top:0}},Ce.map(t=>e.createElement(Xe.GanttDependency,{key:M.getter(pe.id)(t),dependency:t}))),e.createElement("svg",{className:"k-gantt-dependencies-svg",style:{left:0,top:0,zIndex:3}},g&&e.createElement("polyline",{points:`${g.startX},${g.startY} ${g.endX},${g.endY}`})),H&&H.length?be:null)})))});X.displayName="KendoReactGanttBaseView";exports.BaseView=X;

package/components/BaseView.mjs

@@ -5,7 +5,6 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-"use client";
 import * as e from "react";
 import { useGanttPropsContext as Ae, useGanttEventsContext as Ne, useGanttRowHeightContext as Xe, useGanttToolbarHeightContext as Ye, useGanttTaskModelFieldsContext as Pe, useGanttDependencyModelFieldsContext as We, useGanttTaskDataContext as _e, useGanttDependencyDataContext as ze } from "../context/GanttContext.mjs";
 import { GanttViewContext as Ve } from "../context/GanttViewContext.mjs";

package/components/GanttDependency.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 j=require("react"),m=require("../context/GanttContext.js"),w=require("../utils/index.js"),l=require("@progress/kendo-react-common"),x=require("../context/GanttViewContext.js");function O(t){const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const e in t)if(e!=="default"){const o=Object.getOwnPropertyDescriptor(t,e);Object.defineProperty(n,e,o.get?o:{enumerable:!0,get:()=>t[e]})}}return n.default=t,Object.freeze(n)}const f=O(j),g=t=>{const{dependency:n}=t,[e]=x.useGanttViewTasksContext(),o=f.useRef(null),a=m.useGanttDependencyModelFieldsContext(),C=m.useGanttRowHeightContext(),[d,c]=f.useState(!1),b=()=>{if(o.current===null||e.current===null){c(!1);return}const u=e.current[l.getter(a.fromId)(n)],p=e.current[l.getter(a.toId)(n)];if(!u||!p){c(!1);return}const s=u.element,r=p.element;if(!s||!r){c(!1);return}if(d===!1){c(!0);return}const G={top:s.offsetTop+s.offsetHeight/2,start:s.offsetLeft,end:s.offsetLeft+s.offsetWidth},h={top:r.offsetTop+r.offsetHeight/2,start:r.offsetLeft,end:r.offsetLeft+r.offsetWidth},D=l.getter(a.type)(n),i=w.dependencyCoordinates(G,h,C,D);i&&i.length&&o.current.setAttribute("points",i.map(y=>`${y.left},${y.top}`).join(" "))};return f.useEffect(b),f.createElement("polyline",{ref:o,style:{display:d?void 0:"none"}})};g.displayName="KendoReactGanttDependency";exports.GanttDependency=g;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const j=require("react"),m=require("../context/GanttContext.js"),w=require("../utils/index.js"),l=require("@progress/kendo-react-common"),x=require("../context/GanttViewContext.js");function O(t){const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const e in t)if(e!=="default"){const o=Object.getOwnPropertyDescriptor(t,e);Object.defineProperty(n,e,o.get?o:{enumerable:!0,get:()=>t[e]})}}return n.default=t,Object.freeze(n)}const f=O(j),g=t=>{const{dependency:n}=t,[e]=x.useGanttViewTasksContext(),o=f.useRef(null),a=m.useGanttDependencyModelFieldsContext(),C=m.useGanttRowHeightContext(),[d,c]=f.useState(!1),b=()=>{if(o.current===null||e.current===null){c(!1);return}const u=e.current[l.getter(a.fromId)(n)],p=e.current[l.getter(a.toId)(n)];if(!u||!p){c(!1);return}const s=u.element,r=p.element;if(!s||!r){c(!1);return}if(d===!1){c(!0);return}const G={top:s.offsetTop+s.offsetHeight/2,start:s.offsetLeft,end:s.offsetLeft+s.offsetWidth},h={top:r.offsetTop+r.offsetHeight/2,start:r.offsetLeft,end:r.offsetLeft+r.offsetWidth},D=l.getter(a.type)(n),i=w.dependencyCoordinates(G,h,C,D);i&&i.length&&o.current.setAttribute("points",i.map(y=>`${y.left},${y.top}`).join(" "))};return f.useEffect(b),f.createElement("polyline",{ref:o,style:{display:d?void 0:"none"}})};g.displayName="KendoReactGanttDependency";exports.GanttDependency=g;

package/components/GanttDependency.mjs

@@ -5,29 +5,28 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-"use client";
 import * as n from "react";
 import { useGanttDependencyModelFieldsContext as w, useGanttRowHeightContext as x } from "../context/GanttContext.mjs";
 import { dependencyCoordinates as D } from "../utils/index.mjs";
-import { getter as a } from "@progress/kendo-react-common";
+import { getter as i } from "@progress/kendo-react-common";
 import { useGanttViewTasksContext as E } from "../context/GanttViewContext.mjs";
 const H = (u) => {
-  const { dependency: s } = u, [f] = E(), r = n.useRef(null), c = w(), y = x(), [l, o] = n.useState(!1), h = () => {
+  const { dependency: s } = u, [f] = E(), r = n.useRef(null), a = w(), y = x(), [d, o] = n.useState(!1), h = () => {
     if (r.current === null || f.current === null) {
       o(!1);
       return;
     }
-    const d = f.current[a(c.fromId)(s)], p = f.current[a(c.toId)(s)];
-    if (!d || !p) {
+    const l = f.current[i(a.fromId)(s)], p = f.current[i(a.toId)(s)];
+    if (!l || !p) {
       o(!1);
       return;
     }
-    const e = d.element, t = p.element;
+    const e = l.element, t = p.element;
     if (!e || !t) {
       o(!1);
       return;
     }
-    if (l === !1) {
+    if (d === !1) {
       o(!0);
       return;
     }
@@ -39,15 +38,15 @@ const H = (u) => {
       top: t.offsetTop + t.offsetHeight / 2,
       start: t.offsetLeft,
       end: t.offsetLeft + t.offsetWidth
-    }, G = a(c.type)(s), i = D(C, g, y, G);
-    i && i.length && r.current.setAttribute("points", i.map((m) => `${m.left},${m.top}`).join(" "));
+    }, G = i(a.type)(s), c = D(C, g, y, G);
+    c && c.length && r.current.setAttribute("points", c.map((m) => `${m.left},${m.top}`).join(" "));
   };
   return n.useEffect(h), /* @__PURE__ */ n.createElement(
     "polyline",
     {
       ref: r,
       style: {
-        display: l ? void 0 : "none"
+        display: d ? void 0 : "none"
       }
     }
   );

package/components/GanttTask.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 J=require("react"),S=require("../context/GanttContext.js"),Q=require("../utils/index.js"),a=require("@progress/kendo-react-common"),U=require("@progress/kendo-svg-icons"),j=require("../context/GanttViewContext.js"),X=require("../hooks/useGanttTask.js"),o=require("../constants/index.js");function Z(e){const d=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const s in e)if(s!=="default"){const l=Object.getOwnPropertyDescriptor(e,s);Object.defineProperty(d,s,l.get?l:{enumerable:!0,get:()=>e[s]})}}return d.default=e,Object.freeze(d)}const t=Z(J),L=t.forwardRef((e,d)=>{const s=S.useGanttDateRangeContext(),l=S.useGanttTaskModelFieldsContext(),$=j.useGanttViewTimelineWidthContext(),c=j.useGanttViewDependencyDragContext(),i=S.useGanttTaskEventsContext(),u=t.useRef(null),f=t.useRef(null);X.useGanttTask(e.dataItem,a.getter(l.id)(e.dataItem),d,u);const _=t.useRef(null),E=a.getter(l.id)(e.dataItem),r=a.getter(l.start)(e.dataItem),g=a.getter(l.end)(e.dataItem),V=a.getter(l.title)(e.dataItem),h=a.getter(l.percentComplete)(e.dataItem),A=a.getter(l.children)(e.dataItem),T=a.getter(l.isSelected)(e.dataItem),y=r&&r.getTime(),D=g&&g.getTime(),m=A&&A.length,C=!m&&y===D,I=y&&D&&Q.isInRange(s.start,s.end,r,g),[W,Y]=t.useState(!1),N=t.useRef(null),R=t.useRef(null);a.useDraggable(N,{onPress:c.onDependencyHandlePress,onDrag:c.onDependencyHandleDrag,onRelease:c.onDependencyHandleRelease}),a.useDraggable(R,{onPress:c.onDependencyHandlePress,onDrag:c.onDependencyHandleDrag,onRelease:c.onDependencyHandleRelease});const x=t.useCallback(n=>{i.onTaskClick&&i.onTaskClick({dataItem:e.dataItem,level:e.level,nativeEvent:n&&n.nativeEvent,syntheticEvent:n,target:null})},[e.dataItem,e.level]),H=t.useCallback(n=>{i.onTaskDoubleClick&&i.onTaskDoubleClick({dataItem:e.dataItem,level:e.level,nativeEvent:n&&n.nativeEvent,syntheticEvent:n,target:null})},[e.dataItem,e.level]),G=t.useCallback(n=>{i.onTaskContextMenu&&i.onTaskContextMenu({dataItem:e.dataItem,level:e.level,nativeEvent:n&&n.nativeEvent,syntheticEvent:n,target:null})},[e.dataItem,e.level]),K=t.useCallback(n=>{i.onTaskRemoveClick&&i.onTaskRemoveClick({dataItem:e.dataItem,level:e.level,nativeEvent:n&&n.nativeEvent,syntheticEvent:n,target:null})},[e.dataItem,e.level]),M=t.useCallback(()=>{const n=s.start,z=s.end,b=_.current,k=u.current,q=f.current;if(!I||b===null||k===null)return;const w=b.clientWidth/(z.getTime()-n.getTime()),O=(r.getTime()-n.getTime())*w,F=(g.getTime()-r.getTime())*w,B=(b.offsetHeight-k.offsetHeight)/2;k.style.left=`${Math.round(C?O-o.MILESTONE_OFFSET:O)}px`,k.style.top=`${Math.round(B)}px`,C||(k.style.width=`${Math.round(F)}px`,q!==null&&(q.style.width=`${Math.round(F*(h||0))}px`)),Y(!0)},[s.start.getTime(),s.end.getTime(),y,D,I,h,$]);t.useEffect(M,[M]);const P={visibility:W?void 0:"hidden",display:I?void 0:"none"},v={userSelect:"none",display:c.draggedId===String(E)?"block":void 0};return t.createElement("td",{ref:_,key:E,role:"presentation"},C?t.createElement("div",{"aria-hidden":!0,className:a.classNames({"k-task":!0,"k-task-milestone":!0,"k-selected":T&&!Array.isArray(T)}),style:P,ref:u,[o.TASK_ID_ATT]:E,onClick:x,onDoubleClick:H,onContextMenu:G},t.createElement("div",{className:"k-task-milestone-content"}),c.isEnabled&&t.createElement("div",{className:"k-task-dot k-task-start",ref:N,style:v,...o.DEPENDENCY_DRAG_HANDLE_START_ATT}),c.isEnabled&&t.createElement("div",{className:"k-task-dot k-task-end",ref:R,style:v,...o.DEPENDENCY_DRAG_HANDLE_FINISH_ATT})):t.createElement("div",{"aria-hidden":!0,className:a.classNames({"k-task":!0,"k-task-summary":m,"k-task-single":!m,"k-selected":T&&!Array.isArray(T)}),ref:u,style:P,[o.TASK_ID_ATT]:E,onClick:x,onDoubleClick:H,onContextMenu:G},m?t.createElement("div",{className:"k-task-summary-progress",ref:f},t.createElement("div",{className:"k-task-summary-complete"})):t.createElement("div",{className:"k-task-complete",ref:f}),!m&&t.createElement(t.Fragment,null,t.createElement("div",{className:"k-task-content"},V),i.onTaskRemoveClick?t.createElement("span",{className:"k-task-actions"},t.createElement("span",{onClick:K,className:"k-link k-task-delete","aria-label":"Delete"},t.createElement(a.IconWrap,{name:"x",icon:U.xIcon}))):null),c.isEnabled&&t.createElement("div",{className:"k-task-dot k-task-start",ref:N,style:v,...o.DEPENDENCY_DRAG_HANDLE_START_ATT}),c.isEnabled&&t.createElement("div",{className:"k-task-dot k-task-end",ref:R,style:v,...o.DEPENDENCY_DRAG_HANDLE_FINISH_ATT})))});L.displayName="KendoReactGanttTask";exports.GanttTask=L;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const J=require("react"),S=require("../context/GanttContext.js"),Q=require("../utils/index.js"),a=require("@progress/kendo-react-common"),U=require("@progress/kendo-svg-icons"),j=require("../context/GanttViewContext.js"),X=require("../hooks/useGanttTask.js"),i=require("../constants/index.js");function Z(e){const d=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const s in e)if(s!=="default"){const l=Object.getOwnPropertyDescriptor(e,s);Object.defineProperty(d,s,l.get?l:{enumerable:!0,get:()=>e[s]})}}return d.default=e,Object.freeze(d)}const t=Z(J),L=t.forwardRef((e,d)=>{const s=S.useGanttDateRangeContext(),l=S.useGanttTaskModelFieldsContext(),$=j.useGanttViewTimelineWidthContext(),c=j.useGanttViewDependencyDragContext(),o=S.useGanttTaskEventsContext(),u=t.useRef(null),f=t.useRef(null);X.useGanttTask(e.dataItem,a.getter(l.id)(e.dataItem),d,u);const _=t.useRef(null),E=a.getter(l.id)(e.dataItem),r=a.getter(l.start)(e.dataItem),g=a.getter(l.end)(e.dataItem),V=a.getter(l.title)(e.dataItem),h=a.getter(l.percentComplete)(e.dataItem),A=a.getter(l.children)(e.dataItem),T=a.getter(l.isSelected)(e.dataItem),y=r&&r.getTime(),D=g&&g.getTime(),m=A&&A.length,C=!m&&y===D,I=y&&D&&Q.isInRange(s.start,s.end,r,g),[W,Y]=t.useState(!1),N=t.useRef(null),R=t.useRef(null);a.useDraggable(N,{onPress:c.onDependencyHandlePress,onDrag:c.onDependencyHandleDrag,onRelease:c.onDependencyHandleRelease}),a.useDraggable(R,{onPress:c.onDependencyHandlePress,onDrag:c.onDependencyHandleDrag,onRelease:c.onDependencyHandleRelease});const x=t.useCallback(n=>{o.onTaskClick&&o.onTaskClick({dataItem:e.dataItem,level:e.level,nativeEvent:n&&n.nativeEvent,syntheticEvent:n,target:null})},[e.dataItem,e.level]),H=t.useCallback(n=>{o.onTaskDoubleClick&&o.onTaskDoubleClick({dataItem:e.dataItem,level:e.level,nativeEvent:n&&n.nativeEvent,syntheticEvent:n,target:null})},[e.dataItem,e.level]),G=t.useCallback(n=>{o.onTaskContextMenu&&o.onTaskContextMenu({dataItem:e.dataItem,level:e.level,nativeEvent:n&&n.nativeEvent,syntheticEvent:n,target:null})},[e.dataItem,e.level]),K=t.useCallback(n=>{o.onTaskRemoveClick&&o.onTaskRemoveClick({dataItem:e.dataItem,level:e.level,nativeEvent:n&&n.nativeEvent,syntheticEvent:n,target:null})},[e.dataItem,e.level]),M=t.useCallback(()=>{const n=s.start,z=s.end,b=_.current,k=u.current,q=f.current;if(!I||b===null||k===null)return;const w=b.clientWidth/(z.getTime()-n.getTime()),O=(r.getTime()-n.getTime())*w,F=(g.getTime()-r.getTime())*w,B=(b.offsetHeight-k.offsetHeight)/2;k.style.left=`${Math.round(C?O-i.MILESTONE_OFFSET:O)}px`,k.style.top=`${Math.round(B)}px`,C||(k.style.width=`${Math.round(F)}px`,q!==null&&(q.style.width=`${Math.round(F*(h||0))}px`)),Y(!0)},[s.start.getTime(),s.end.getTime(),y,D,I,h,$]);t.useEffect(M,[M]);const P={visibility:W?void 0:"hidden",display:I?void 0:"none"},v={userSelect:"none",display:c.draggedId===String(E)?"block":void 0};return t.createElement("td",{ref:_,key:E,role:"presentation"},C?t.createElement("div",{"aria-hidden":!0,className:a.classNames({"k-task":!0,"k-task-milestone":!0,"k-selected":T&&!Array.isArray(T)}),style:P,ref:u,[i.TASK_ID_ATT]:E,onClick:x,onDoubleClick:H,onContextMenu:G},t.createElement("div",{className:"k-task-milestone-content"}),c.isEnabled&&t.createElement("div",{className:"k-task-dot k-task-start",ref:N,style:v,...i.DEPENDENCY_DRAG_HANDLE_START_ATT}),c.isEnabled&&t.createElement("div",{className:"k-task-dot k-task-end",ref:R,style:v,...i.DEPENDENCY_DRAG_HANDLE_FINISH_ATT})):t.createElement("div",{"aria-hidden":!0,className:a.classNames({"k-task":!0,"k-task-summary":m,"k-task-single":!m,"k-selected":T&&!Array.isArray(T)}),ref:u,style:P,[i.TASK_ID_ATT]:E,onClick:x,onDoubleClick:H,onContextMenu:G},m?t.createElement("div",{className:"k-task-summary-progress",ref:f},t.createElement("div",{className:"k-task-summary-complete"})):t.createElement("div",{className:"k-task-complete",ref:f}),!m&&t.createElement(t.Fragment,null,t.createElement("div",{className:"k-task-content"},V),o.onTaskRemoveClick?t.createElement("span",{className:"k-task-actions"},t.createElement("span",{onClick:K,className:"k-link k-task-delete","aria-label":"Delete"},t.createElement(a.IconWrap,{name:"x",icon:U.xIcon}))):null),c.isEnabled&&t.createElement("div",{className:"k-task-dot k-task-start",ref:N,style:v,...i.DEPENDENCY_DRAG_HANDLE_START_ATT}),c.isEnabled&&t.createElement("div",{className:"k-task-dot k-task-end",ref:R,style:v,...i.DEPENDENCY_DRAG_HANDLE_FINISH_ATT})))});L.displayName="KendoReactGanttTask";exports.GanttTask=L;

package/components/GanttTask.mjs

@@ -5,7 +5,6 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-"use client";
 import * as e from "react";
 import { useGanttDateRangeContext as Q, useGanttTaskModelFieldsContext as U, useGanttTaskEventsContext as X } from "../context/GanttContext.mjs";
 import { isInRange as Z } from "../utils/index.mjs";

package/components/GanttTreelist.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 J=require("react"),o=require("prop-types"),S=require("@progress/kendo-react-common"),c=require("@progress/kendo-react-data-tools"),D=require("@progress/kendo-react-treelist"),K=require("../utils/index.js");function Q(E){const p=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(E){for(const e in E)if(e!=="default"){const t=Object.getOwnPropertyDescriptor(E,e);Object.defineProperty(p,e,t.get?t:{enumerable:!0,get:()=>E[e]})}}return p.default=E,Object.freeze(p)}const l=Q(J),N=class N extends l.Component{constructor(p){super(p),this.state={activeId:void 0,level:0},this.tableElement=null,this.tbodyElement=null,this.wrapperScrollLeft=0,this.wrapperScrollTop=0,this.updateOnScroll=!1,this.tbodyOffsetTop=0,this.prevData=[],this.flattedData=[],this.element=null,this.contextStateRef={current:void 0},this.navigationStateRef={current:void 0},this.scrollIntoView=e=>{if(!this.element)return;const{rowIndex:t=0}=e,{rowHeight:n=0}=this.props;this.element.scroll(0,(t-1)*n)},this.getColumns=e=>{const t=e.filter(a=>a.declarationIndex>=0&&a.parentIndex===-1),n=a=>(a.sort((i,r)=>i.declarationIndex-r.declarationIndex),a.map(i=>{const{declarationIndex:r,parentIndex:g,depth:u,colSpan:d,rowSpan:I,index:P,kFirst:b,groupable:O,children:R,...k}=i;return R.length?{children:n(R),...k}:k}));return n(t)},this.onKeyDown=e=>{if(c.tableKeyboardNavigation.onKeyDown(e,{navigatable:!1,contextStateRef:this.contextStateRef,navigationStateRef:this.navigationStateRef}),this.props.onKeyDown){const{mode:t,cell:n}=c.getSelectionOptions(this.props.selectable),a={dataItems:this.getLeafDataItems(),mode:t,cell:n,componentId:this.props.treelistId,selectedField:this.props.selectedField,...this.getEventArguments(e)};this.props.onKeyDown.call(void 0,a)}},this.onFocus=e=>{c.tableKeyboardNavigation.onFocus(e,{contextStateRef:this.contextStateRef})},this.onRowDrag=e=>{if(this.props.onRowDrag){const t={...e,target:this};this.props.onRowDrag.call(void 0,t)}},this.onRowDrop=e=>{if(this.props.onRowDrop){const t={...e,target:this};this.props.onRowDrop.call(void 0,t)}},this.onColumnReorder=(e,t,n)=>{const{extendedColumns:a}=this.props,i=a[e].depth,r=d=>{do d++;while(d<a.length&&a[d].depth>i);return d},g=[...a],u=g.splice(e,r(e)-e);if(g.splice(e<t?r(t-u.length):t,0,...u),g.filter(d=>d.declarationIndex>=0).forEach((d,I)=>d.orderIndex=I),this.props.onColumnReorder){const d={target:this,columns:this.getColumns(g),nativeEvent:n};this.props.onColumnReorder.call(void 0,d)}},this.onColumnResize=(e,t,n,a,i)=>{if(this.props.onColumnResize){const r=this.props.extendedColumns.filter(u=>u.children.length===0).reduce((u,d)=>u+=parseFloat(String(d.width)),0);this.tableElement&&(this.tableElement.style.width=r+"px");const g={columns:this.getColumns(this.props.extendedColumns),totalWidth:r,index:e,nativeEvent:a,newWidth:t,oldWidth:n,end:i,target:this};this.props.onColumnResize.call(void 0,g)}},this.onScroll=e=>{const t=e.currentTarget.scrollLeft,n=e.currentTarget.scrollTop,{columnVirtualization:a,scrollable:i,rowHeight:r=0}=this.props,g=r,u=0;let d=!1;a&&Math.abs(this.wrapperScrollLeft-t)>u&&(this.wrapperScrollLeft=t,d=!0),i==="virtual"&&Math.abs(this.wrapperScrollTop-n)>g&&(this.wrapperScrollTop=n,d=!0),d&&(this.updateOnScroll=!0,this.forceUpdate())},this.calculateSizes=e=>{if(!e||this.props.scrollable==="none")return;const t=Array.from(e.childNodes),n=t.find(r=>r.nodeName==="TABLE"),a=this.props.toolbar&&t.find(r=>r.nodeType===1&&r.classList.contains("k-grid-toolbar"));let i=0;if(a){const r=a.style.boxSizing;a.style.boxSizing="border-box",i=parseFloat(String(window.getComputedStyle(a).height))||a.offsetHeight,a.style.boxSizing=r,a.getAttribute("style")||a.removeAttribute("style")}this.tbodyOffsetTop=n.tBodies[0].offsetTop,D.setHeaderRowsTop(n,i)},this.onItemChange=e=>{if(e.field===this.props.expandField){const t=this.props.onExpandChange;if(t){const n={...this.getEventArguments(e.syntheticEvent),dataItem:e.dataItem,level:e.level,value:e.value};t.call(void 0,n)}return}if(this.props.onItemChange){const t={...this.getEventArguments(e.syntheticEvent),dataItem:e.dataItem,level:e.level,field:e.field,value:e.value};this.props.onItemChange.call(void 0,t)}},this.onHeaderSelectionChange=e=>{if(this.props.onHeaderSelectionChange){const t={field:e.field,nativeEvent:e.syntheticEvent&&e.syntheticEvent.nativeEvent,syntheticEvent:e.syntheticEvent,target:this,dataItems:this.getLeafDataItems()};this.props.onHeaderSelectionChange.call(void 0,t)}},this.selectionRelease=e=>{if(this.props.onSelectionChange){const t={syntheticEvent:void 0,target:this,selectedField:this.props.selectedField||"",componentId:this.props.treelistId,dataItems:this.getLeafDataItems(),dataItem:null,level:[],...e};this.props.onSelectionChange.call(void 0,t)}},this.onSortChange=(e,t,n)=>{this.onDataStateChange(this.props.onSortChange,{sort:t,field:n},e)},this.onFilterChange=e=>{const{filter:t,field:n}=e;this.onDataStateChange(this.props.onFilterChange,{filter:t,field:n},e.syntheticEvent)},this.onColumnMenuFilterChange=(e,t,n)=>{if(!n)return;const{onColumnMenuFilterChange:a}=this.props;if(!a)return;const i={syntheticEvent:e,filter:t,field:n,target:this,nativeEvent:e.nativeEvent};a.call(void 0,i)},this.onExpandChange=(e,t,n)=>{const{expandField:a,onExpandChange:i}=this.props;if(a&&i){const r={...this.getEventArguments(e),dataItem:t,level:n,value:K.isExpanded(t,this.props.expandField)};i.call(void 0,r)}},this.onRowClick=(e,t)=>{if(this.props.onRowClick&&e.target.nodeName==="TD"){const n={dataItem:t.dataItem,level:t.level,...this.getEventArguments(e)};this.props.onRowClick.call(void 0,n)}},this.rowDoubleClick=(e,t)=>{if(this.props.onRowDoubleClick&&e.target.nodeName==="TD"){const n={dataItem:t.dataItem,level:t.level,...this.getEventArguments(e)};this.props.onRowDoubleClick.call(void 0,n)}},this.rowContextMenu=(e,t)=>{if(this.props.onRowContextMenu&&e.target.nodeName==="TD"){const n={dataItem:t.dataItem,level:t.level,...this.getEventArguments(e)};this.props.onRowContextMenu.call(void 0,n)}},this.onPageChange=e=>{if(this.props.onPageChange){const t={...this.getEventArguments(e.syntheticEvent),skip:e.skip,take:e.take};this.props.onPageChange.call(void 0,t)}},this.onDataStateChange=(e,t,n)=>{if(e&&e.call(void 0,{...this.getEventArguments(n),...t}),this.props.onDataStateChange){const a={...this.getEventArguments(n),dataState:{...this.getDataState(),...t}};this.props.onDataStateChange.call(void 0,a)}},this.getDataState=()=>({filter:this.props.filter,sort:this.props.sort}),this.getEventArguments=e=>({nativeEvent:e&&e.nativeEvent,syntheticEvent:e,target:this}),this.getLeafDataItems=()=>this.flatData.map(e=>e.dataItem),this.dragLogic=new c.CommonDragLogic(this.onColumnReorder,S.noop,S.noop),this.columnResize=new c.ColumnResize(this.onColumnResize),c.tableKeyboardNavigation.onConstructor({navigatable:!!p.navigatable,contextStateRef:this.contextStateRef,navigationStateRef:this.navigationStateRef,idPrefix:p.idPrefix})}get document(){if(S.canUseDOM)return this.element&&this.element.ownerDocument||document}componentDidMount(){this.calculateSizes(this.element),c.tableKeyboardNavigation.onComponentDidMount({scope:this.element||void 0,contextStateRef:this.contextStateRef,navigationStateRef:this.navigationStateRef})}getSnapshotBeforeUpdate(){return c.tableKeyboardNavigation.onGetSnapshotBeforeUpdate({document:this.document,contextStateRef:this.contextStateRef,navigationStateRef:this.navigationStateRef}),null}componentDidUpdate(p){p.columns!==this.props.columns&&this.calculateSizes(this.element),c.tableKeyboardNavigation.onComponentDidUpdate({scope:this.element||void 0,contextStateRef:this.contextStateRef,navigationStateRef:this.navigationStateRef})}componentWillUnmount(){this.columnResize.columns=[],this.dragLogic.columns=[],this.prevData=[],this.flattedData=[],this.updateOnScroll=!1}render(){const{filterRow:p,scrollable:e="scrollable",resizable:t=!1,reorderable:n=!1,skip:a,take:i,afterContent:r,extendedColumns:g=[],columnsMap:u}=this.props,d=g.some(s=>!!s.filter)||p!==void 0,I=p||c.FilterRow,P=c.tableKeyboardNavigationTools.getIdPrefix(this.navigationStateRef);this.columnResize.columns=g,this.columnResize.resizable=t,this.dragLogic.columns=g,this.dragLogic.reorderable=n,this.dragLogic.groupable=!1;const b=g.filter(s=>s.children.length===0),O=l.createElement(c.Header,{headerRow:l.createElement(c.HeaderRow,{sort:this.props.sort,sortable:this.props.sortable,sortChange:this.onSortChange,selectionChange:this.onHeaderSelectionChange,columns:g,columnsMap:u,cellRender:this.props.headerCellRender,columnResize:this.columnResize,columnMenu:this.props.columnMenu,columnMenuFilter:this.props.columnMenuFilter,columnMenuFilterChange:this.onColumnMenuFilterChange,pressHandler:this.dragLogic.pressHandler,dragHandler:this.dragLogic.dragHandler,releaseHandler:this.dragLogic.releaseHandler}),filterRow:d&&l.createElement(I,{columns:b,filter:this.props.filter,filterChange:this.onFilterChange,sort:this.props.sort,ariaRowIndex:u.length+1})||void 0,columnResize:this.columnResize}),R=this.props.style||{},{colSpans:k,hiddenColumns:A}=c.tableColumnsVirtualization({enabled:this.props.columnVirtualization,columns:b,scrollLeft:this.wrapperScrollLeft,tableViewPortWidth:parseFloat((R.width||"").toString())}),j=(s,m,F,z,T,x)=>b.map((h,f)=>{if(A[f])return null;const y=h.id?h.id:f,L=`k-table-td ${h.className?h.className+" ":""}${h.locked?"k-grid-content-sticky":""}`,w={id:c.tableKeyboardNavigationTools.generateNavigatableId(`${F}-${String(f)}`,P),colSpan:k[f],dataItem:s.dataItem,field:h.field,format:h.format,className:L||void 0,render:this.props.cellRender,onChange:this.onItemChange,selectionChange:this.props.onSelectionChange?C=>{this.onSelectionChange({event:C,item:s,columnIndex:f,dataIndex:T})}:void 0,level:s.level,expandable:h.expandable,expanded:z,hasChildren:K.hasChildren(s.dataItem,this.props.subItemsField),colIndex:f,ariaColumnIndex:h.ariaColumnIndex,onExpandChange:this.onExpandChange,style:h.left!==void 0&&{left:h.left,right:h.right,borderRightWidth:h.rightBorder?"1px":""}||{},isSelected:Array.isArray(x)&&x.indexOf(f)>-1};return m&&h.editCell?l.createElement(h.editCell,{...w,onChange:this.onItemChange,key:y}):h.cell?l.createElement(h.cell,{key:y,...w}):l.createElement(D.TreeListCell,{key:y,...w})});let v=this.flatData;const H=v.length;a!==void 0&&i!==void 0&&(v=v.slice(a,a+i)),e==="virtual"&&(v=D.tableRowsVirtualization({rows:v,tableViewPortHeight:parseFloat((R.height||R.maxHeight||"").toString()),scrollTop:this.wrapperScrollTop}),this.updateOnScroll=!1);const U=v.map(s=>s.level),V=u.length+(d?1:0)+1,B=v.length>0&&v.map((s,m)=>{const F=S.getter(this.props.editField||"")(s.dataItem),z=S.getter(this.props.dataItemKey)(s.dataItem),T=String(z||s.level.join(".")),x=K.isExpanded(s.dataItem,this.props.expandField),h=this.props.selectedField?S.getter(this.props.selectedField)(s.dataItem):void 0,f={key:T,level:s.level,levels:U,dataItem:s.dataItem,selectedField:this.props.selectedField,rowHeight:s.height,render:this.props.rowRender,onDrop:this.onRowDrop,onDrag:this.onRowDrag,onClick:C=>this.onRowClick(C,s),onDoubleClick:C=>this.rowDoubleClick(C,s),onContextMenu:C=>this.rowContextMenu(C,s),isAltRow:m%2!==0,expanded:x,rowIndex:m,ariaRowIndex:V+m,ariaSetSize:s.levelCount,ariaPosInSet:s.level[s.level.length-1]+1,isSelected:typeof h=="boolean"&&h},y=this.props.editRow,L=this.props.row||D.TreeListRow,w=j(s,F,T,x,m,h);return F&&y?l.createElement(y,{...f,key:f.key},w):l.createElement(L,{...f,key:f.key},w)})||l.createElement("tr",{className:"k-table-row k-grid-norecords"},l.createElement("td",{className:"k-table-td",colSpan:b.length},this.props.noRecords||l.createElement(D.TreeListNoRecords,null))),q=s=>this.props.sort&&this.props.sort.some(m=>m.field===s),W=l.createElement("colgroup",{ref:s=>{this.columnResize.colGroupMain=s}},b.map((s,m)=>l.createElement("col",{key:m.toString(),className:q(s.field)?"k-sorted":void 0,style:s.width!==void 0?{width:s.width}:void 0}))),$=this.props.columnVirtualization||this.props.scrollable==="virtual",G=this.props.selectable&&this.props.selectable.drag?"none":void 0,_=this.props.tableProps||{};return l.createElement(c.TableKeyboardNavigationContext.Provider,{value:this.contextStateRef.current},l.createElement("div",{id:this.props.treelistId,style:this.props.style,className:S.classNames("k-grid k-grid-md",this.props.className,{"k-treelist-scrollable":e!=="none"}),ref:s=>this.element=s,onScroll:$?this.onScroll:void 0,onKeyDown:this.onKeyDown,onFocus:this.onFocus,"aria-rowcount":H,"aria-colcount":b.length,role:"treegrid",...c.tableKeyboardNavigationScopeAttributes},this.props.toolbar,l.createElement(c.TableSelection,{selectable:this.props.selectable,onRelease:this.selectionRelease,childRef:s=>{this.tableElement=s}},l.createElement("table",{className:"k-table k-table-md",...this.props.tableProps||{},style:{..._.style||{},userSelect:G},role:"presentation"},W,O,l.createElement("tbody",{className:"k-table-tbody",...c.tableKeyboardNavigationBodyAttributes,ref:s=>this.tbodyElement=s,role:"presentation"},B))),this.props.pager&&l.createElement(this.props.pager,{className:"k-grid-pager",total:H,skip:a,take:i,onPageChange:this.onPageChange}),n&&l.createElement(l.Fragment,null,l.createElement(c.DropClue,{ref:this.dragLogic.refDropElementClue}),l.createElement(c.DragClue,{ref:this.dragLogic.refDragElementClue})),r))}get flatData(){const{data:p=[],rowHeight:e=0}=this.props;let t=0;const n=()=>{const i={height:e,offsetTop:t};return t+=i.height,i},a=this.updateOnScroll&&this.prevData===p&&this.tbodyOffsetTop>0&&this.flattedData.length?this.flattedData:p.map(i=>({...i,...n()}));return this.prevData=p,this.flattedData=a,a}onSelectionChange(p){if(this.props.onSelectionChange){const{event:e,item:t,dataIndex:n,columnIndex:a}=p,{mode:i,cell:r}=c.getSelectionOptions(this.props.selectable),g={...this.getEventArguments(e.syntheticEvent),dataItem:t.dataItem,level:t.level,startColIndex:a,endColIndex:a,startRowIndex:n,endRowIndex:n,dataItems:this.getLeafDataItems(),altKey:!1,ctrlKey:!1,shiftKey:!1,metaKey:!1,mode:i,cell:r,isDrag:!1,componentId:this.props.treelistId,selectedField:this.props.selectedField||""};this.props.onSelectionChange.call(void 0,g)}}};N.propTypes={data:o.array,resizable:o.bool,reorderable:o.bool,sortable:o.oneOfType([o.bool,o.shape({mode:o.oneOf(["single","multiple"]),allowUnsort:o.bool})]),onSortChange:o.func,sort:o.array,columns:o.arrayOf(o.object),columnVirtualization:o.bool,filter:o.array,onFilterChange:o.func,filterRow:o.any,toolbar:o.any,noRecords:o.any,onExpandChange:o.func,expandField:o.string,subItemsField:o.string,selectedField:o.string,onSelectionChange:o.func,onHeaderSelectionChange:o.func,onRowClick:o.func,onItemChange:o.func,editField:o.string,scrollable:o.oneOf(["none","scrollable","virtual"]),rowHeight:o.number,style:o.object,tableProps:o.object,pager:o.any,skip:o.number,take:o.number,onPageChange:o.func,onDataStateChange:o.func,onColumnResize:o.func,onColumnReorder:o.func,extendedColumns:o.arrayOf(o.object),columnsMap:o.arrayOf(o.array),dataItemKey:o.string.isRequired,afterContent:o.any,navigatable:o.bool,idPrefix:o.string,treelistId:o.string},N.contextType=c.TableKeyboardNavigationContext;let M=N;exports.GanttTreeList=M;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const J=require("react"),o=require("prop-types"),S=require("@progress/kendo-react-common"),c=require("@progress/kendo-react-data-tools"),D=require("@progress/kendo-react-treelist"),K=require("../utils/index.js");function Q(E){const p=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(E){for(const e in E)if(e!=="default"){const t=Object.getOwnPropertyDescriptor(E,e);Object.defineProperty(p,e,t.get?t:{enumerable:!0,get:()=>E[e]})}}return p.default=E,Object.freeze(p)}const l=Q(J),N=class N extends l.Component{constructor(p){super(p),this.state={activeId:void 0,level:0},this.tableElement=null,this.tbodyElement=null,this.wrapperScrollLeft=0,this.wrapperScrollTop=0,this.updateOnScroll=!1,this.tbodyOffsetTop=0,this.prevData=[],this.flattedData=[],this.element=null,this.contextStateRef={current:void 0},this.navigationStateRef={current:void 0},this.scrollIntoView=e=>{if(!this.element)return;const{rowIndex:t=0}=e,{rowHeight:n=0}=this.props;this.element.scroll(0,(t-1)*n)},this.getColumns=e=>{const t=e.filter(a=>a.declarationIndex>=0&&a.parentIndex===-1),n=a=>(a.sort((i,r)=>i.declarationIndex-r.declarationIndex),a.map(i=>{const{declarationIndex:r,parentIndex:g,depth:u,colSpan:d,rowSpan:I,index:P,kFirst:b,groupable:O,children:R,...k}=i;return R.length?{children:n(R),...k}:k}));return n(t)},this.onKeyDown=e=>{if(c.tableKeyboardNavigation.onKeyDown(e,{navigatable:!1,contextStateRef:this.contextStateRef,navigationStateRef:this.navigationStateRef}),this.props.onKeyDown){const{mode:t,cell:n}=c.getSelectionOptions(this.props.selectable),a={dataItems:this.getLeafDataItems(),mode:t,cell:n,componentId:this.props.treelistId,selectedField:this.props.selectedField,...this.getEventArguments(e)};this.props.onKeyDown.call(void 0,a)}},this.onFocus=e=>{c.tableKeyboardNavigation.onFocus(e,{contextStateRef:this.contextStateRef})},this.onRowDrag=e=>{if(this.props.onRowDrag){const t={...e,target:this};this.props.onRowDrag.call(void 0,t)}},this.onRowDrop=e=>{if(this.props.onRowDrop){const t={...e,target:this};this.props.onRowDrop.call(void 0,t)}},this.onColumnReorder=(e,t,n)=>{const{extendedColumns:a}=this.props,i=a[e].depth,r=d=>{do d++;while(d<a.length&&a[d].depth>i);return d},g=[...a],u=g.splice(e,r(e)-e);if(g.splice(e<t?r(t-u.length):t,0,...u),g.filter(d=>d.declarationIndex>=0).forEach((d,I)=>d.orderIndex=I),this.props.onColumnReorder){const d={target:this,columns:this.getColumns(g),nativeEvent:n};this.props.onColumnReorder.call(void 0,d)}},this.onColumnResize=(e,t,n,a,i)=>{if(this.props.onColumnResize){const r=this.props.extendedColumns.filter(u=>u.children.length===0).reduce((u,d)=>u+=parseFloat(String(d.width)),0);this.tableElement&&(this.tableElement.style.width=r+"px");const g={columns:this.getColumns(this.props.extendedColumns),totalWidth:r,index:e,nativeEvent:a,newWidth:t,oldWidth:n,end:i,target:this};this.props.onColumnResize.call(void 0,g)}},this.onScroll=e=>{const t=e.currentTarget.scrollLeft,n=e.currentTarget.scrollTop,{columnVirtualization:a,scrollable:i,rowHeight:r=0}=this.props,g=r,u=0;let d=!1;a&&Math.abs(this.wrapperScrollLeft-t)>u&&(this.wrapperScrollLeft=t,d=!0),i==="virtual"&&Math.abs(this.wrapperScrollTop-n)>g&&(this.wrapperScrollTop=n,d=!0),d&&(this.updateOnScroll=!0,this.forceUpdate())},this.calculateSizes=e=>{if(!e||this.props.scrollable==="none")return;const t=Array.from(e.childNodes),n=t.find(r=>r.nodeName==="TABLE"),a=this.props.toolbar&&t.find(r=>r.nodeType===1&&r.classList.contains("k-grid-toolbar"));let i=0;if(a){const r=a.style.boxSizing;a.style.boxSizing="border-box",i=parseFloat(String(window.getComputedStyle(a).height))||a.offsetHeight,a.style.boxSizing=r,a.getAttribute("style")||a.removeAttribute("style")}this.tbodyOffsetTop=n.tBodies[0].offsetTop,D.setHeaderRowsTop(n,i)},this.onItemChange=e=>{if(e.field===this.props.expandField){const t=this.props.onExpandChange;if(t){const n={...this.getEventArguments(e.syntheticEvent),dataItem:e.dataItem,level:e.level,value:e.value};t.call(void 0,n)}return}if(this.props.onItemChange){const t={...this.getEventArguments(e.syntheticEvent),dataItem:e.dataItem,level:e.level,field:e.field,value:e.value};this.props.onItemChange.call(void 0,t)}},this.onHeaderSelectionChange=e=>{if(this.props.onHeaderSelectionChange){const t={field:e.field,nativeEvent:e.syntheticEvent&&e.syntheticEvent.nativeEvent,syntheticEvent:e.syntheticEvent,target:this,dataItems:this.getLeafDataItems()};this.props.onHeaderSelectionChange.call(void 0,t)}},this.selectionRelease=e=>{if(this.props.onSelectionChange){const t={syntheticEvent:void 0,target:this,selectedField:this.props.selectedField||"",componentId:this.props.treelistId,dataItems:this.getLeafDataItems(),dataItem:null,level:[],...e};this.props.onSelectionChange.call(void 0,t)}},this.onSortChange=(e,t,n)=>{this.onDataStateChange(this.props.onSortChange,{sort:t,field:n},e)},this.onFilterChange=e=>{const{filter:t,field:n}=e;this.onDataStateChange(this.props.onFilterChange,{filter:t,field:n},e.syntheticEvent)},this.onColumnMenuFilterChange=(e,t,n)=>{if(!n)return;const{onColumnMenuFilterChange:a}=this.props;if(!a)return;const i={syntheticEvent:e,filter:t,field:n,target:this,nativeEvent:e.nativeEvent};a.call(void 0,i)},this.onExpandChange=(e,t,n)=>{const{expandField:a,onExpandChange:i}=this.props;if(a&&i){const r={...this.getEventArguments(e),dataItem:t,level:n,value:K.isExpanded(t,this.props.expandField)};i.call(void 0,r)}},this.onRowClick=(e,t)=>{if(this.props.onRowClick&&e.target.nodeName==="TD"){const n={dataItem:t.dataItem,level:t.level,...this.getEventArguments(e)};this.props.onRowClick.call(void 0,n)}},this.rowDoubleClick=(e,t)=>{if(this.props.onRowDoubleClick&&e.target.nodeName==="TD"){const n={dataItem:t.dataItem,level:t.level,...this.getEventArguments(e)};this.props.onRowDoubleClick.call(void 0,n)}},this.rowContextMenu=(e,t)=>{if(this.props.onRowContextMenu&&e.target.nodeName==="TD"){const n={dataItem:t.dataItem,level:t.level,...this.getEventArguments(e)};this.props.onRowContextMenu.call(void 0,n)}},this.onPageChange=e=>{if(this.props.onPageChange){const t={...this.getEventArguments(e.syntheticEvent),skip:e.skip,take:e.take};this.props.onPageChange.call(void 0,t)}},this.onDataStateChange=(e,t,n)=>{if(e&&e.call(void 0,{...this.getEventArguments(n),...t}),this.props.onDataStateChange){const a={...this.getEventArguments(n),dataState:{...this.getDataState(),...t}};this.props.onDataStateChange.call(void 0,a)}},this.getDataState=()=>({filter:this.props.filter,sort:this.props.sort}),this.getEventArguments=e=>({nativeEvent:e&&e.nativeEvent,syntheticEvent:e,target:this}),this.getLeafDataItems=()=>this.flatData.map(e=>e.dataItem),this.dragLogic=new c.CommonDragLogic(this.onColumnReorder,S.noop,S.noop),this.columnResize=new c.ColumnResize(this.onColumnResize),c.tableKeyboardNavigation.onConstructor({navigatable:!!p.navigatable,contextStateRef:this.contextStateRef,navigationStateRef:this.navigationStateRef,idPrefix:p.idPrefix})}get document(){if(S.canUseDOM)return this.element&&this.element.ownerDocument||document}componentDidMount(){this.calculateSizes(this.element),c.tableKeyboardNavigation.onComponentDidMount({scope:this.element||void 0,contextStateRef:this.contextStateRef,navigationStateRef:this.navigationStateRef})}getSnapshotBeforeUpdate(){return c.tableKeyboardNavigation.onGetSnapshotBeforeUpdate({document:this.document,contextStateRef:this.contextStateRef,navigationStateRef:this.navigationStateRef}),null}componentDidUpdate(p){p.columns!==this.props.columns&&this.calculateSizes(this.element),c.tableKeyboardNavigation.onComponentDidUpdate({scope:this.element||void 0,contextStateRef:this.contextStateRef,navigationStateRef:this.navigationStateRef})}componentWillUnmount(){this.columnResize.columns=[],this.dragLogic.columns=[],this.prevData=[],this.flattedData=[],this.updateOnScroll=!1}render(){const{filterRow:p,scrollable:e="scrollable",resizable:t=!1,reorderable:n=!1,skip:a,take:i,afterContent:r,extendedColumns:g=[],columnsMap:u}=this.props,d=g.some(s=>!!s.filter)||p!==void 0,I=p||c.FilterRow,P=c.tableKeyboardNavigationTools.getIdPrefix(this.navigationStateRef);this.columnResize.columns=g,this.columnResize.resizable=t,this.dragLogic.columns=g,this.dragLogic.reorderable=n,this.dragLogic.groupable=!1;const b=g.filter(s=>s.children.length===0),O=l.createElement(c.Header,{headerRow:l.createElement(c.HeaderRow,{sort:this.props.sort,sortable:this.props.sortable,sortChange:this.onSortChange,selectionChange:this.onHeaderSelectionChange,columns:g,columnsMap:u,cellRender:this.props.headerCellRender,columnResize:this.columnResize,columnMenu:this.props.columnMenu,columnMenuFilter:this.props.columnMenuFilter,columnMenuFilterChange:this.onColumnMenuFilterChange,pressHandler:this.dragLogic.pressHandler,dragHandler:this.dragLogic.dragHandler,releaseHandler:this.dragLogic.releaseHandler}),filterRow:d&&l.createElement(I,{columns:b,filter:this.props.filter,filterChange:this.onFilterChange,sort:this.props.sort,ariaRowIndex:u.length+1})||void 0,columnResize:this.columnResize}),R=this.props.style||{},{colSpans:k,hiddenColumns:A}=c.tableColumnsVirtualization({enabled:this.props.columnVirtualization,columns:b,scrollLeft:this.wrapperScrollLeft,tableViewPortWidth:parseFloat((R.width||"").toString())}),j=(s,m,F,z,T,x)=>b.map((h,f)=>{if(A[f])return null;const y=h.id?h.id:f,L=`k-table-td ${h.className?h.className+" ":""}${h.locked?"k-grid-content-sticky":""}`,w={id:c.tableKeyboardNavigationTools.generateNavigatableId(`${F}-${String(f)}`,P),colSpan:k[f],dataItem:s.dataItem,field:h.field,format:h.format,className:L||void 0,render:this.props.cellRender,onChange:this.onItemChange,selectionChange:this.props.onSelectionChange?C=>{this.onSelectionChange({event:C,item:s,columnIndex:f,dataIndex:T})}:void 0,level:s.level,expandable:h.expandable,expanded:z,hasChildren:K.hasChildren(s.dataItem,this.props.subItemsField),colIndex:f,ariaColumnIndex:h.ariaColumnIndex,onExpandChange:this.onExpandChange,style:h.left!==void 0&&{left:h.left,right:h.right,borderRightWidth:h.rightBorder?"1px":""}||{},isSelected:Array.isArray(x)&&x.indexOf(f)>-1};return m&&h.editCell?l.createElement(h.editCell,{...w,onChange:this.onItemChange,key:y}):h.cell?l.createElement(h.cell,{key:y,...w}):l.createElement(D.TreeListCell,{key:y,...w})});let v=this.flatData;const H=v.length;a!==void 0&&i!==void 0&&(v=v.slice(a,a+i)),e==="virtual"&&(v=D.tableRowsVirtualization({rows:v,tableViewPortHeight:parseFloat((R.height||R.maxHeight||"").toString()),scrollTop:this.wrapperScrollTop}),this.updateOnScroll=!1);const U=v.map(s=>s.level),V=u.length+(d?1:0)+1,B=v.length>0&&v.map((s,m)=>{const F=S.getter(this.props.editField||"")(s.dataItem),z=S.getter(this.props.dataItemKey)(s.dataItem),T=String(z||s.level.join(".")),x=K.isExpanded(s.dataItem,this.props.expandField),h=this.props.selectedField?S.getter(this.props.selectedField)(s.dataItem):void 0,f={key:T,level:s.level,levels:U,dataItem:s.dataItem,selectedField:this.props.selectedField,rowHeight:s.height,render:this.props.rowRender,onDrop:this.onRowDrop,onDrag:this.onRowDrag,onClick:C=>this.onRowClick(C,s),onDoubleClick:C=>this.rowDoubleClick(C,s),onContextMenu:C=>this.rowContextMenu(C,s),isAltRow:m%2!==0,expanded:x,rowIndex:m,ariaRowIndex:V+m,ariaSetSize:s.levelCount,ariaPosInSet:s.level[s.level.length-1]+1,isSelected:typeof h=="boolean"&&h},y=this.props.editRow,L=this.props.row||D.TreeListRow,w=j(s,F,T,x,m,h);return F&&y?l.createElement(y,{...f,key:f.key},w):l.createElement(L,{...f,key:f.key},w)})||l.createElement("tr",{className:"k-table-row k-grid-norecords"},l.createElement("td",{className:"k-table-td",colSpan:b.length},this.props.noRecords||l.createElement(D.TreeListNoRecords,null))),q=s=>this.props.sort&&this.props.sort.some(m=>m.field===s),W=l.createElement("colgroup",{ref:s=>{this.columnResize.colGroupMain=s}},b.map((s,m)=>l.createElement("col",{key:m.toString(),className:q(s.field)?"k-sorted":void 0,style:s.width!==void 0?{width:s.width}:void 0}))),$=this.props.columnVirtualization||this.props.scrollable==="virtual",G=this.props.selectable&&this.props.selectable.drag?"none":void 0,_=this.props.tableProps||{};return l.createElement(c.TableKeyboardNavigationContext.Provider,{value:this.contextStateRef.current},l.createElement("div",{id:this.props.treelistId,style:this.props.style,className:S.classNames("k-grid k-grid-md",this.props.className,{"k-treelist-scrollable":e!=="none"}),ref:s=>this.element=s,onScroll:$?this.onScroll:void 0,onKeyDown:this.onKeyDown,onFocus:this.onFocus,"aria-rowcount":H,"aria-colcount":b.length,role:"treegrid",...c.tableKeyboardNavigationScopeAttributes},this.props.toolbar,l.createElement(c.TableSelection,{selectable:this.props.selectable,onRelease:this.selectionRelease,childRef:s=>{this.tableElement=s}},l.createElement("table",{className:"k-table k-table-md",...this.props.tableProps||{},style:{..._.style||{},userSelect:G},role:"presentation"},W,O,l.createElement("tbody",{className:"k-table-tbody",...c.tableKeyboardNavigationBodyAttributes,ref:s=>this.tbodyElement=s,role:"presentation"},B))),this.props.pager&&l.createElement(this.props.pager,{className:"k-grid-pager",total:H,skip:a,take:i,onPageChange:this.onPageChange}),n&&l.createElement(l.Fragment,null,l.createElement(c.DropClue,{ref:this.dragLogic.refDropElementClue}),l.createElement(c.DragClue,{ref:this.dragLogic.refDragElementClue})),r))}get flatData(){const{data:p=[],rowHeight:e=0}=this.props;let t=0;const n=()=>{const i={height:e,offsetTop:t};return t+=i.height,i},a=this.updateOnScroll&&this.prevData===p&&this.tbodyOffsetTop>0&&this.flattedData.length?this.flattedData:p.map(i=>({...i,...n()}));return this.prevData=p,this.flattedData=a,a}onSelectionChange(p){if(this.props.onSelectionChange){const{event:e,item:t,dataIndex:n,columnIndex:a}=p,{mode:i,cell:r}=c.getSelectionOptions(this.props.selectable),g={...this.getEventArguments(e.syntheticEvent),dataItem:t.dataItem,level:t.level,startColIndex:a,endColIndex:a,startRowIndex:n,endRowIndex:n,dataItems:this.getLeafDataItems(),altKey:!1,ctrlKey:!1,shiftKey:!1,metaKey:!1,mode:i,cell:r,isDrag:!1,componentId:this.props.treelistId,selectedField:this.props.selectedField||""};this.props.onSelectionChange.call(void 0,g)}}};N.propTypes={data:o.array,resizable:o.bool,reorderable:o.bool,sortable:o.oneOfType([o.bool,o.shape({mode:o.oneOf(["single","multiple"]),allowUnsort:o.bool})]),onSortChange:o.func,sort:o.array,columns:o.arrayOf(o.object),columnVirtualization:o.bool,filter:o.array,onFilterChange:o.func,filterRow:o.any,toolbar:o.any,noRecords:o.any,onExpandChange:o.func,expandField:o.string,subItemsField:o.string,selectedField:o.string,onSelectionChange:o.func,onHeaderSelectionChange:o.func,onRowClick:o.func,onItemChange:o.func,editField:o.string,scrollable:o.oneOf(["none","scrollable","virtual"]),rowHeight:o.number,style:o.object,tableProps:o.object,pager:o.any,skip:o.number,take:o.number,onPageChange:o.func,onDataStateChange:o.func,onColumnResize:o.func,onColumnReorder:o.func,extendedColumns:o.arrayOf(o.object),columnsMap:o.arrayOf(o.array),dataItemKey:o.string.isRequired,afterContent:o.any,navigatable:o.bool,idPrefix:o.string,treelistId:o.string},N.contextType=c.TableKeyboardNavigationContext;let M=N;exports.GanttTreeList=M;

package/components/GanttTreelist.mjs

@@ -5,7 +5,6 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-"use client";
 import * as l from "react";
 import o from "prop-types";
 import { noop as H, canUseDOM as Y, getter as T, classNames as Z } from "@progress/kendo-react-common";

package/components/toolbar/AddButton.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 C=require("react"),v=require("@progress/kendo-react-intl"),d=require("@progress/kendo-react-buttons"),i=require("../../messages/index.js"),p=require("@progress/kendo-react-common"),B=require("@progress/kendo-svg-icons");function w(t){const a=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const c in t)if(c!=="default"){const o=Object.getOwnPropertyDescriptor(t,c);Object.defineProperty(a,c,o.get?o:{enumerable:!0,get:()=>t[c]})}}return a.default=t,Object.freeze(a)}const n=w(C),r=n.forwardRef((t,a)=>{const c=v.useLocalization(),o=e=>c.toLanguageString(e,i.messages[e]),s=o(i.addTask),u=o(i.addChild),k=o(i.addAbove),m=o(i.addBelow),g=n.useCallback(e=>{e.syntheticEvent.preventDefault();const f=e.item&&e.item.direction?e.item.direction:"none";t.onClick&&t.onClick({nativeEvent:e.nativeEvent,syntheticEvent:e.syntheticEvent,direction:f})},[t.onClick]),b=n.useCallback(e=>{e.preventDefault(),t.onClick&&t.onClick({nativeEvent:e&&e.nativeEvent,syntheticEvent:e,direction:"none"})},[t.onClick]),l=n.createElement(n.Fragment,null,n.createElement(p.IconWrap,{name:"plus",icon:B.plusIcon}),s);return t.selectedTask?n.createElement(d.DropDownButton,{className:"k-views-dropdown",onItemClick:g,popupSettings:{popupClass:"k-gantt-toolbar"},textField:"title",items:[{title:u,direction:"child"},{title:k,direction:"above"},{title:m,direction:"below"}],text:l}):n.createElement(d.Button,{onClick:b},l)});r.displayName="KendoReactGanttAddButton";exports.AddButton=r;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const C=require("react"),v=require("@progress/kendo-react-intl"),d=require("@progress/kendo-react-buttons"),i=require("../../messages/index.js"),p=require("@progress/kendo-react-common"),B=require("@progress/kendo-svg-icons");function w(t){const a=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const c in t)if(c!=="default"){const o=Object.getOwnPropertyDescriptor(t,c);Object.defineProperty(a,c,o.get?o:{enumerable:!0,get:()=>t[c]})}}return a.default=t,Object.freeze(a)}const n=w(C),r=n.forwardRef((t,a)=>{const c=v.useLocalization(),o=e=>c.toLanguageString(e,i.messages[e]),s=o(i.addTask),u=o(i.addChild),k=o(i.addAbove),m=o(i.addBelow),g=n.useCallback(e=>{e.syntheticEvent.preventDefault();const f=e.item&&e.item.direction?e.item.direction:"none";t.onClick&&t.onClick({nativeEvent:e.nativeEvent,syntheticEvent:e.syntheticEvent,direction:f})},[t.onClick]),b=n.useCallback(e=>{e.preventDefault(),t.onClick&&t.onClick({nativeEvent:e&&e.nativeEvent,syntheticEvent:e,direction:"none"})},[t.onClick]),l=n.createElement(n.Fragment,null,n.createElement(p.IconWrap,{name:"plus",icon:B.plusIcon}),s);return t.selectedTask?n.createElement(d.DropDownButton,{className:"k-views-dropdown",onItemClick:g,popupSettings:{popupClass:"k-gantt-toolbar"},textField:"title",items:[{title:u,direction:"child"},{title:k,direction:"above"},{title:m,direction:"below"}],text:l}):n.createElement(d.Button,{onClick:b},l)});r.displayName="KendoReactGanttAddButton";exports.AddButton=r;

package/components/toolbar/AddButton.mjs

@@ -5,7 +5,6 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-"use client";
 import * as e from "react";
 import { useLocalization as k } from "@progress/kendo-react-intl";
 import { Button as C, DropDownButton as f } from "@progress/kendo-react-buttons";
@@ -13,29 +12,29 @@ import { messages as g, addTask as v, addChild as p, addAbove as b, addBelow as
 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(
+  (o, M) => {
+    const a = k(), n = (t) => a.toLanguageString(t, g[t]), l = n(v), c = n(p), d = n(b), s = n(E), r = e.useCallback(
       (t) => {
         t.syntheticEvent.preventDefault();
         const u = t.item && t.item.direction ? t.item.direction : "none";
-        n.onClick && n.onClick({
+        o.onClick && o.onClick({
           nativeEvent: t.nativeEvent,
           syntheticEvent: t.syntheticEvent,
           direction: u
         });
       },
-      [n.onClick]
+      [o.onClick]
     ), m = e.useCallback(
       (t) => {
-        t.preventDefault(), n.onClick && n.onClick({
+        t.preventDefault(), o.onClick && o.onClick({
           nativeEvent: t && t.nativeEvent,
           syntheticEvent: t,
           direction: "none"
         });
       },
-      [n.onClick]
+      [o.onClick]
     ), i = /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(w, { name: "plus", icon: B }), l);
-    return n.selectedTask ? /* @__PURE__ */ e.createElement(
+    return o.selectedTask ? /* @__PURE__ */ e.createElement(
       f,
       {
         className: "k-views-dropdown",

package/components/toolbar/Toolbar.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 i=require("react"),m=require("@progress/kendo-react-common"),d=require("@progress/kendo-react-buttons");function f(e){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const o=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(r,t,o.get?o:{enumerable:!0,get:()=>e[t]})}}return r.default=e,Object.freeze(r)}const n=f(i),s=n.forwardRef((e,r)=>{const{className:t,...o}=e,a=n.useRef(null),c=n.useRef(null);n.useImperativeHandle(c,()=>({element:a.current,props:e})),n.useImperativeHandle(r,()=>c.current);const u=n.useMemo(()=>m.classNames("k-gantt-toolbar k-gantt-header",t),[t]);return n.createElement(d.Toolbar,{ref:l=>{l&&(a.current=l.element)},className:u,...o},e.children)});s.displayName="KendoReactGanttToolbar";exports.Toolbar=s;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react"),m=require("@progress/kendo-react-common"),d=require("@progress/kendo-react-buttons");function f(e){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const o=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(r,t,o.get?o:{enumerable:!0,get:()=>e[t]})}}return r.default=e,Object.freeze(r)}const n=f(i),s=n.forwardRef((e,r)=>{const{className:t,...o}=e,a=n.useRef(null),c=n.useRef(null);n.useImperativeHandle(c,()=>({element:a.current,props:e})),n.useImperativeHandle(r,()=>c.current);const u=n.useMemo(()=>m.classNames("k-gantt-toolbar k-gantt-header",t),[t]);return n.createElement(d.Toolbar,{ref:l=>{l&&(a.current=l.element)},className:u,...o},e.children)});s.displayName="KendoReactGanttToolbar";exports.Toolbar=s;

package/components/toolbar/Toolbar.mjs

@@ -5,7 +5,6 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-"use client";
 import * as e from "react";
 import { classNames as c } from "@progress/kendo-react-common";
 import { Toolbar as u } from "@progress/kendo-react-buttons";

package/components/toolbar/view-selector/ViewSelector.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 s=require("react"),u=require("@progress/kendo-react-buttons"),i=require("@progress/kendo-react-common");function m(e){const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const r=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(n,t,r.get?r:{enumerable:!0,get:()=>e[t]})}}return n.default=e,Object.freeze(n)}const c=m(s),l=c.forwardRef((e,n)=>{const{className:t,...r}=e,o=c.useRef(null);return c.useImperativeHandle(n,()=>({element:o.current,props:e})),c.createElement(u.ToolbarItem,{ref:a=>{a&&(o.current=a.element)},className:i.classNames("k-gantt-views",t),...r},e.children)});l.displayName="KendoReactGanttViewSelector";exports.ViewSelector=l;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react"),u=require("@progress/kendo-react-buttons"),i=require("@progress/kendo-react-common");function m(e){const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const r=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(n,t,r.get?r:{enumerable:!0,get:()=>e[t]})}}return n.default=e,Object.freeze(n)}const c=m(s),l=c.forwardRef((e,n)=>{const{className:t,...r}=e,o=c.useRef(null);return c.useImperativeHandle(n,()=>({element:o.current,props:e})),c.createElement(u.ToolbarItem,{ref:a=>{a&&(o.current=a.element)},className:i.classNames("k-gantt-views",t),...r},e.children)});l.displayName="KendoReactGanttViewSelector";exports.ViewSelector=l;

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

@@ -5,20 +5,19 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-"use client";
 import * as e from "react";
-import { ToolbarItem as m } from "@progress/kendo-react-buttons";
-import { classNames as o } from "@progress/kendo-react-common";
+import { ToolbarItem as o } from "@progress/kendo-react-buttons";
+import { classNames as c } from "@progress/kendo-react-common";
 const s = e.forwardRef((t, n) => {
-  const { className: l, ...c } = t, r = e.useRef(null);
+  const { className: l, ...m } = t, r = e.useRef(null);
   return e.useImperativeHandle(n, () => ({ element: r.current, props: t })), /* @__PURE__ */ e.createElement(
-    m,
+    o,
     {
       ref: (a) => {
         a && (r.current = a.element);
       },
-      className: o("k-gantt-views", l),
-      ...c
+      className: c("k-gantt-views", l),
+      ...m
     },
     t.children
   );

package/components/toolbar/view-selector/ViewSelectorItem.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 r=require("react"),u=require("@progress/kendo-react-buttons"),s=require("@progress/kendo-react-intl"),m=require("../../../context/GanttContext.js");function d(e){const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const i=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(n,t,i.get?i:{enumerable:!0,get:()=>e[t]})}}return n.default=e,Object.freeze(n)}const c=d(r),o=e=>{const[n,t]=m.useGanttActiveViewContext(),i=s.useLocalization(),a=c.useMemo(()=>typeof e.view.title=="function"?e.view.title.call(void 0,i):e.view.title,[e.view.title,i]),l=c.useCallback(()=>{e.view.name&&t(e.view.name)},[t,e.view.name]);return c.createElement(u.Button,{role:"button",type:"button",tabIndex:-1,togglable:!0,selected:e.view.name===n,onClick:l},a)};o.displayName="KendoReactGanttViewSelectorItem";exports.ViewSelectorItem=o;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react"),u=require("@progress/kendo-react-buttons"),s=require("@progress/kendo-react-intl"),m=require("../../../context/GanttContext.js");function d(e){const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const i=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(n,t,i.get?i:{enumerable:!0,get:()=>e[t]})}}return n.default=e,Object.freeze(n)}const c=d(r),o=e=>{const[n,t]=m.useGanttActiveViewContext(),i=s.useLocalization(),a=c.useMemo(()=>typeof e.view.title=="function"?e.view.title.call(void 0,i):e.view.title,[e.view.title,i]),l=c.useCallback(()=>{e.view.name&&t(e.view.name)},[t,e.view.name]);return c.createElement(u.Button,{role:"button",type:"button",tabIndex:-1,togglable:!0,selected:e.view.name===n,onClick:l},a)};o.displayName="KendoReactGanttViewSelectorItem";exports.ViewSelectorItem=o;