@progress/kendo-react-gantt 9.4.0-develop.18 → 9.4.0-develop.2

package/components/GanttTreelist.js

@@ -5,4 +5,4 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-"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 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;

package/components/GanttTreelist.mjs

@@ -5,6 +5,7 @@
  * 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 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 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;

package/components/toolbar/AddButton.mjs

@@ -5,6 +5,7 @@
  * 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";
@@ -12,29 +13,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(
-  (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(
+  (n, M) => {
+    const a = k(), o = (t) => a.toLanguageString(t, g[t]), l = o(v), c = o(p), d = o(b), s = o(E), r = e.useCallback(
       (t) => {
         t.syntheticEvent.preventDefault();
         const u = t.item && t.item.direction ? t.item.direction : "none";
-        o.onClick && o.onClick({
+        n.onClick && n.onClick({
           nativeEvent: t.nativeEvent,
           syntheticEvent: t.syntheticEvent,
           direction: u
         });
       },
-      [o.onClick]
+      [n.onClick]
     ), m = e.useCallback(
       (t) => {
-        t.preventDefault(), o.onClick && o.onClick({
+        t.preventDefault(), n.onClick && n.onClick({
           nativeEvent: t && t.nativeEvent,
           syntheticEvent: t,
           direction: "none"
         });
       },
-      [o.onClick]
+      [n.onClick]
     ), i = /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(w, { name: "plus", icon: B }), l);
-    return o.selectedTask ? /* @__PURE__ */ e.createElement(
+    return n.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 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 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;

package/components/toolbar/Toolbar.mjs

@@ -5,6 +5,7 @@
  * 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 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 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;

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

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

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

@@ -5,14 +5,15 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
+"use client";
 import * as t from "react";
 import { Button as c } from "@progress/kendo-react-buttons";
 import { useLocalization as m } from "@progress/kendo-react-intl";
 import { useGanttActiveViewContext as v } from "../../../context/GanttContext.mjs";
 const w = (e) => {
-  const [n, i] = v(), a = m(), o = t.useMemo(
-    () => typeof e.view.title == "function" ? e.view.title.call(void 0, a) : e.view.title,
-    [e.view.title, a]
+  const [a, i] = v(), n = m(), o = t.useMemo(
+    () => typeof e.view.title == "function" ? e.view.title.call(void 0, n) : e.view.title,
+    [e.view.title, n]
   ), l = t.useCallback(() => {
     e.view.name && i(e.view.name);
   }, [i, e.view.name]);
@@ -23,7 +24,7 @@ const w = (e) => {
       type: "button",
       tabIndex: -1,
       togglable: !0,
-      selected: e.view.name === n,
+      selected: e.view.name === a,
       onClick: l
     },
     o

package/components/toolbar/view-selector/ViewSelectorList.js

@@ -5,4 +5,4 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const p=require("react"),d=require("@progress/kendo-react-intl"),m=require("@progress/kendo-react-buttons"),k=require("./ViewSelectorItem.js"),c=require("../../../context/GanttContext.js"),i=require("../../../messages/index.js");function f(t){const o=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const r in t)if(r!=="default"){const a=Object.getOwnPropertyDescriptor(t,r);Object.defineProperty(o,r,a.get?a:{enumerable:!0,get:()=>t[r]})}}return o.default=t,Object.freeze(o)}const n=f(p),s=n.forwardRef(()=>{const t=c.useGanttViewsContext(),[o,r]=c.useGanttActiveViewContext(),a=d.useLocalization(),l=e=>a.toLanguageString(e,i.messages[e]),u=n.useCallback(e=>{r&&(e.preventDefault(),r(e.target.value))},[r]);return n.createElement("div",{className:"k-gantt-views-wrapper"},n.createElement(m.ButtonGroup,{className:"k-gantt-views"},t.map(e=>n.createElement(k.ViewSelectorItem,{key:e.props.name,view:e.props}))),n.createElement("select",{value:o,onChange:u,"aria-label":l(i.viewSelector),className:"k-picker k-picker-solid k-dropdown-list k-dropdown k-views-dropdown k-rounded-md"},t.map(e=>n.createElement("option",{key:e.props.name,value:e.props.name},typeof e.props.title=="function"?e.props.title.call(void 0,a):e.props.title))))});s.displayName="KendoReactGanttViewSelectorList";exports.ViewSelectorList=s;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const p=require("react"),d=require("@progress/kendo-react-intl"),m=require("@progress/kendo-react-buttons"),k=require("./ViewSelectorItem.js"),c=require("../../../context/GanttContext.js"),i=require("../../../messages/index.js");function f(t){const o=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const n in t)if(n!=="default"){const a=Object.getOwnPropertyDescriptor(t,n);Object.defineProperty(o,n,a.get?a:{enumerable:!0,get:()=>t[n]})}}return o.default=t,Object.freeze(o)}const r=f(p),s=r.forwardRef(()=>{const t=c.useGanttViewsContext(),[o,n]=c.useGanttActiveViewContext(),a=d.useLocalization(),l=e=>a.toLanguageString(e,i.messages[e]),u=r.useCallback(e=>{n&&(e.preventDefault(),n(e.target.value))},[n]);return r.createElement("div",{className:"k-gantt-views-wrapper"},r.createElement(m.ButtonGroup,{className:"k-gantt-views"},t.map(e=>r.createElement(k.ViewSelectorItem,{key:e.props.name,view:e.props}))),r.createElement("select",{value:o,onChange:u,"aria-label":l(i.viewSelector),className:"k-picker k-picker-solid k-dropdown-list k-dropdown k-views-dropdown k-rounded-md"},t.map(e=>r.createElement("option",{key:e.props.name,value:e.props.name},typeof e.props.title=="function"?e.props.title.call(void 0,a):e.props.title))))});s.displayName="KendoReactGanttViewSelectorList";exports.ViewSelectorList=s;

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

@@ -5,10 +5,11 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
+"use client";
 import * as t from "react";
 import { useLocalization as l } from "@progress/kendo-react-intl";
-import { ButtonGroup as p } from "@progress/kendo-react-buttons";
-import { ViewSelectorItem as c } from "./ViewSelectorItem.mjs";
+import { ButtonGroup as c } from "@progress/kendo-react-buttons";
+import { ViewSelectorItem as p } from "./ViewSelectorItem.mjs";
 import { useGanttViewsContext as m, useGanttActiveViewContext as u } from "../../../context/GanttContext.mjs";
 import { messages as d, viewSelector as k } from "../../../messages/index.mjs";
 const w = t.forwardRef(() => {
@@ -18,7 +19,7 @@ const w = t.forwardRef(() => {
     },
     [o]
   );
-  return /* @__PURE__ */ t.createElement("div", { className: "k-gantt-views-wrapper" }, /* @__PURE__ */ t.createElement(p, { className: "k-gantt-views" }, r.map((e) => /* @__PURE__ */ t.createElement(c, { key: e.props.name, view: e.props }))), /* @__PURE__ */ t.createElement(
+  return /* @__PURE__ */ t.createElement("div", { className: "k-gantt-views-wrapper" }, /* @__PURE__ */ t.createElement(c, { className: "k-gantt-views" }, r.map((e) => /* @__PURE__ */ t.createElement(p, { key: e.props.name, view: e.props }))), /* @__PURE__ */ t.createElement(
     "select",
     {
       value: i,

package/constants/index.js

@@ -5,4 +5,4 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const E=require("@progress/kendo-date-math"),_=require("@progress/kendo-react-data-tools"),e=_.TABLE_ROW_INDEX_ATTRIBUTE,t=_.TABLE_COL_INDEX_ATTRIBUTE,N=_.TABLE_PREVENT_SELECTION_ELEMENT,I=new Date().getTime(),R=7,n="hh:mm a",O={skeleton:"MEd"},o="MMM",s="yyyy",L=100,d=6,T="data-dependency-drag-handle",D="start",A="finish",M={[T]:D},S={[T]:A},c="data-task-id",r={id:"id",start:"start",end:"end",title:"title",percentComplete:"percentComplete",parentId:"parentId",isRollup:"isRollup",isExpanded:"isExpanded",isInEdit:"isInEdit",children:"children",isSelected:"isSelected"},i={id:"id",fromId:"fromId",toId:"toId",type:"type"};Object.defineProperty(exports,"MS_PER_DAY",{enumerable:!0,get:()=>E.MS_PER_DAY});Object.defineProperty(exports,"MS_PER_HOUR",{enumerable:!0,get:()=>E.MS_PER_HOUR});Object.defineProperty(exports,"MS_PER_MINUTE",{enumerable:!0,get:()=>E.MS_PER_MINUTE});exports.DAYS_IN_WEEK_COUNT=R;exports.DAY_DATE_FORMAT=O;exports.DEFAULT_COLUMN_WIDTH=L;exports.DEFAULT_DATE=I;exports.DEFAULT_DEPENDENCY_MODEL_FIELDS=i;exports.DEFAULT_TASK_MODEL_FIELDS=r;exports.DEPENDENCY_DRAG_HANDLE=T;exports.DEPENDENCY_DRAG_HANDLE_FINISH_ATT=S;exports.DEPENDENCY_DRAG_HANDLE_START_ATT=M;exports.DRAG_DIRECTION_FINISH=A;exports.DRAG_DIRECTION_START=D;exports.GANTT_COL_INDEX_ATTRIBUTE=t;exports.GANTT_PREVENT_SELECTION_ELEMENT=N;exports.GANTT_ROW_INDEX_ATTRIBUTE=e;exports.HOUR_DATE_FORMAT=n;exports.MILESTONE_OFFSET=d;exports.MONTH_DATE_FORMAT=o;exports.TASK_ID_ATT=c;exports.YEAR_DATE_FORMAT=s;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const E=require("@progress/kendo-date-math"),_=require("@progress/kendo-react-data-tools"),A=_.TABLE_ROW_INDEX_ATTRIBUTE,t=_.TABLE_COL_INDEX_ATTRIBUTE,N=_.TABLE_PREVENT_SELECTION_ELEMENT,I=new Date().getTime(),R=7,n="hh:mm a",O={skeleton:"MEd"},o="MMM",s="yyyy",L=100,d=6,T="data-dependency-drag-handle",D="start",e="finish",c={[T]:D},M={[T]:e},S="data-task-id",r={id:"id",start:"start",end:"end",title:"title",percentComplete:"percentComplete",parentId:"parentId",isRollup:"isRollup",isExpanded:"isExpanded",isInEdit:"isInEdit",children:"children",isSelected:"isSelected"},i={id:"id",fromId:"fromId",toId:"toId",type:"type"};Object.defineProperty(exports,"MS_PER_DAY",{enumerable:!0,get:()=>E.MS_PER_DAY});Object.defineProperty(exports,"MS_PER_HOUR",{enumerable:!0,get:()=>E.MS_PER_HOUR});Object.defineProperty(exports,"MS_PER_MINUTE",{enumerable:!0,get:()=>E.MS_PER_MINUTE});exports.DAYS_IN_WEEK_COUNT=R;exports.DAY_DATE_FORMAT=O;exports.DEFAULT_COLUMN_WIDTH=L;exports.DEFAULT_DATE=I;exports.DEFAULT_DEPENDENCY_MODEL_FIELDS=i;exports.DEFAULT_TASK_MODEL_FIELDS=r;exports.DEPENDENCY_DRAG_HANDLE=T;exports.DEPENDENCY_DRAG_HANDLE_FINISH_ATT=M;exports.DEPENDENCY_DRAG_HANDLE_START_ATT=c;exports.DRAG_DIRECTION_FINISH=e;exports.DRAG_DIRECTION_START=D;exports.GANTT_COL_INDEX_ATTRIBUTE=t;exports.GANTT_PREVENT_SELECTION_ELEMENT=N;exports.GANTT_ROW_INDEX_ATTRIBUTE=A;exports.HOUR_DATE_FORMAT=n;exports.MILESTONE_OFFSET=d;exports.MONTH_DATE_FORMAT=o;exports.TASK_ID_ATT=S;exports.YEAR_DATE_FORMAT=s;

package/constants/index.mjs

@@ -5,9 +5,10 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
+"use client";
 import { MS_PER_DAY as F, MS_PER_HOUR as U, MS_PER_MINUTE as m } from "@progress/kendo-date-math";
 import { TABLE_ROW_INDEX_ATTRIBUTE as T, TABLE_COL_INDEX_ATTRIBUTE as _, TABLE_PREVENT_SELECTION_ELEMENT as t } from "@progress/kendo-react-data-tools";
-const n = T, N = _, o = t, s = (/* @__PURE__ */ new Date()).getTime(), I = 7, d = "hh:mm a", R = { skeleton: "MEd" }, c = "MMM", i = "yyyy", L = 100, O = 6, E = "data-dependency-drag-handle", A = "start", D = "finish", M = { [E]: A }, S = { [E]: D }, r = "data-task-id", a = {
+const n = T, s = _, N = t, o = (/* @__PURE__ */ new Date()).getTime(), I = 7, d = "hh:mm a", R = { skeleton: "MEd" }, c = "MMM", i = "yyyy", L = 100, O = 6, E = "data-dependency-drag-handle", A = "start", D = "finish", M = { [E]: A }, S = { [E]: D }, r = "data-task-id", a = {
   id: "id",
   start: "start",
   end: "end",
@@ -29,7 +30,7 @@ export {
   I as DAYS_IN_WEEK_COUNT,
   R as DAY_DATE_FORMAT,
   L as DEFAULT_COLUMN_WIDTH,
-  s as DEFAULT_DATE,
+  o as DEFAULT_DATE,
   p as DEFAULT_DEPENDENCY_MODEL_FIELDS,
   a as DEFAULT_TASK_MODEL_FIELDS,
   E as DEPENDENCY_DRAG_HANDLE,
@@ -37,8 +38,8 @@ export {
   M as DEPENDENCY_DRAG_HANDLE_START_ATT,
   D as DRAG_DIRECTION_FINISH,
   A as DRAG_DIRECTION_START,
-  N as GANTT_COL_INDEX_ATTRIBUTE,
-  o as GANTT_PREVENT_SELECTION_ELEMENT,
+  s as GANTT_COL_INDEX_ATTRIBUTE,
+  N as GANTT_PREVENT_SELECTION_ELEMENT,
   n as GANTT_ROW_INDEX_ATTRIBUTE,
   d as HOUR_DATE_FORMAT,
   O as MILESTONE_OFFSET,

package/context/GanttContext.js

@@ -5,4 +5,4 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const N=require("react"),m=require("@progress/kendo-date-math"),e=require("@progress/kendo-react-common"),E=require("../constants/index.js");function b(n){const a=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(n){for(const o in n)if(o!=="default"){const s=Object.getOwnPropertyDescriptor(n,o);Object.defineProperty(a,o,s.get?s:{enumerable:!0,get:()=>n[o]})}}return a.default=n,Object.freeze(a)}const t=b(N),c=t.createContext([]),K=()=>t.useContext(c);c.displayName="KendoReactGanttTaskDataContext";const C=t.createContext([]),f=()=>t.useContext(C);C.displayName="KendoReactGanttDependencyDataContext";const r=t.createContext(E.DEFAULT_TASK_MODEL_FIELDS),S=()=>t.useContext(r);r.displayName="KendoReactGanttTaskModelFieldsContext";const x=t.createContext(E.DEFAULT_DEPENDENCY_MODEL_FIELDS),H=()=>t.useContext(x);x.displayName="KendoReactGanttDependencyModelFieldsContext";const l=t.createContext({}),V=()=>t.useContext(l);l.displayName="KendoReactGanttPropsContext";const d=t.createContext({start:new Date,end:new Date,zonedStart:m.ZonedDate.fromLocalDate(new Date),zonedEnd:m.ZonedDate.fromLocalDate(new Date)}),_=()=>t.useContext(d);d.displayName="KendoReactGanttDateRangeContext";const i=t.createContext([]),A=()=>t.useContext(i);i.displayName="KendoReactGanttViewsContext";const u=t.createContext(["week",e.noop]),L=()=>t.useContext(u);u.displayName="KendoReactGanttActiveViewContext";const G=t.createContext(0),O=()=>t.useContext(G);G.displayName="KendoReactGanttRowHeightContext";const p=t.createContext(0),j=()=>t.useContext(p);p.displayName="KendoReactGanttToolbarHeightContext";const D=t.createContext({onDataStateChange:e.noop,onSortChange:e.noop,onFilterChange:e.noop,onColumnMenuFilterChange:e.noop,onExpandChange:e.noop,onRowClick:e.noop,onRowDoubleClick:e.noop,onRowContextMenu:e.noop,onColumnResize:e.noop,onColumnReorder:e.noop,onDependencyCreate:e.noop,onKeyDown:e.noop,onSelectionChange:e.noop,onHeaderSelectionChange:e.noop}),q=()=>t.useContext(D);D.displayName="KendoReactGanttEventsContext";const v=t.createContext({onTaskClick:e.noop,onTaskDoubleClick:e.noop,onTaskContextMenu:e.noop}),z=()=>t.useContext(v);v.displayName="KendoReactGanttTaskEventsContext";const R=({children:n,taskData:a,dependencyData:o,taskModelFields:s,dependencyModelFields:y,props:g,dateRange:T,views:k,activeView:w,rowHeight:P,toolbarHeight:h,events:M,taskEvents:F})=>t.createElement(l.Provider,{value:g},t.createElement(c.Provider,{value:a},t.createElement(C.Provider,{value:o},t.createElement(r.Provider,{value:s},t.createElement(x.Provider,{value:y},t.createElement(d.Provider,{value:T},t.createElement(i.Provider,{value:k},t.createElement(u.Provider,{value:w},t.createElement(G.Provider,{value:P},t.createElement(p.Provider,{value:h},t.createElement(D.Provider,{value:M},t.createElement(v.Provider,{value:F},n))))))))))));R.displayName="KendoReactGanttContext";exports.GanttActiveViewContext=u;exports.GanttContext=R;exports.GanttDateRangeContext=d;exports.GanttDependencyDataContext=C;exports.GanttDependencyModelFieldsContext=x;exports.GanttEventsContext=D;exports.GanttPropsContext=l;exports.GanttRowHeightContext=G;exports.GanttTaskDataContext=c;exports.GanttTaskEventsContext=v;exports.GanttTaskModelFieldsContext=r;exports.GanttToolbarHeightContext=p;exports.GanttViewsContext=i;exports.useGanttActiveViewContext=L;exports.useGanttDateRangeContext=_;exports.useGanttDependencyDataContext=f;exports.useGanttDependencyModelFieldsContext=H;exports.useGanttEventsContext=q;exports.useGanttPropsContext=V;exports.useGanttRowHeightContext=O;exports.useGanttTaskDataContext=K;exports.useGanttTaskEventsContext=z;exports.useGanttTaskModelFieldsContext=S;exports.useGanttToolbarHeightContext=j;exports.useGanttViewsContext=A;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const N=require("react"),m=require("@progress/kendo-date-math"),e=require("@progress/kendo-react-common"),E=require("../constants/index.js");function b(n){const a=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(n){for(const o in n)if(o!=="default"){const s=Object.getOwnPropertyDescriptor(n,o);Object.defineProperty(a,o,s.get?s:{enumerable:!0,get:()=>n[o]})}}return a.default=n,Object.freeze(a)}const t=b(N),c=t.createContext([]),K=()=>t.useContext(c);c.displayName="KendoReactGanttTaskDataContext";const C=t.createContext([]),f=()=>t.useContext(C);C.displayName="KendoReactGanttDependencyDataContext";const r=t.createContext(E.DEFAULT_TASK_MODEL_FIELDS),S=()=>t.useContext(r);r.displayName="KendoReactGanttTaskModelFieldsContext";const x=t.createContext(E.DEFAULT_DEPENDENCY_MODEL_FIELDS),H=()=>t.useContext(x);x.displayName="KendoReactGanttDependencyModelFieldsContext";const l=t.createContext({}),V=()=>t.useContext(l);l.displayName="KendoReactGanttPropsContext";const d=t.createContext({start:new Date,end:new Date,zonedStart:m.ZonedDate.fromLocalDate(new Date),zonedEnd:m.ZonedDate.fromLocalDate(new Date)}),_=()=>t.useContext(d);d.displayName="KendoReactGanttDateRangeContext";const i=t.createContext([]),A=()=>t.useContext(i);i.displayName="KendoReactGanttViewsContext";const u=t.createContext(["week",e.noop]),L=()=>t.useContext(u);u.displayName="KendoReactGanttActiveViewContext";const G=t.createContext(0),O=()=>t.useContext(G);G.displayName="KendoReactGanttRowHeightContext";const p=t.createContext(0),j=()=>t.useContext(p);p.displayName="KendoReactGanttToolbarHeightContext";const D=t.createContext({onDataStateChange:e.noop,onSortChange:e.noop,onFilterChange:e.noop,onColumnMenuFilterChange:e.noop,onExpandChange:e.noop,onRowClick:e.noop,onRowDoubleClick:e.noop,onRowContextMenu:e.noop,onColumnResize:e.noop,onColumnReorder:e.noop,onDependencyCreate:e.noop,onKeyDown:e.noop,onSelectionChange:e.noop,onHeaderSelectionChange:e.noop}),q=()=>t.useContext(D);D.displayName="KendoReactGanttEventsContext";const v=t.createContext({onTaskClick:e.noop,onTaskDoubleClick:e.noop,onTaskContextMenu:e.noop}),z=()=>t.useContext(v);v.displayName="KendoReactGanttTaskEventsContext";const R=({children:n,taskData:a,dependencyData:o,taskModelFields:s,dependencyModelFields:y,props:g,dateRange:T,views:k,activeView:w,rowHeight:P,toolbarHeight:h,events:M,taskEvents:F})=>t.createElement(l.Provider,{value:g},t.createElement(c.Provider,{value:a},t.createElement(C.Provider,{value:o},t.createElement(r.Provider,{value:s},t.createElement(x.Provider,{value:y},t.createElement(d.Provider,{value:T},t.createElement(i.Provider,{value:k},t.createElement(u.Provider,{value:w},t.createElement(G.Provider,{value:P},t.createElement(p.Provider,{value:h},t.createElement(D.Provider,{value:M},t.createElement(v.Provider,{value:F},n))))))))))));R.displayName="KendoReactGanttContext";exports.GanttActiveViewContext=u;exports.GanttContext=R;exports.GanttDateRangeContext=d;exports.GanttDependencyDataContext=C;exports.GanttDependencyModelFieldsContext=x;exports.GanttEventsContext=D;exports.GanttPropsContext=l;exports.GanttRowHeightContext=G;exports.GanttTaskDataContext=c;exports.GanttTaskEventsContext=v;exports.GanttTaskModelFieldsContext=r;exports.GanttToolbarHeightContext=p;exports.GanttViewsContext=i;exports.useGanttActiveViewContext=L;exports.useGanttDateRangeContext=_;exports.useGanttDependencyDataContext=f;exports.useGanttDependencyModelFieldsContext=H;exports.useGanttEventsContext=q;exports.useGanttPropsContext=V;exports.useGanttRowHeightContext=O;exports.useGanttTaskDataContext=K;exports.useGanttTaskEventsContext=z;exports.useGanttTaskModelFieldsContext=S;exports.useGanttToolbarHeightContext=j;exports.useGanttViewsContext=A;

package/context/GanttContext.mjs

@@ -5,6 +5,7 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
+"use client";
 import * as e from "react";
 import { ZonedDate as m } from "@progress/kendo-date-math";
 import { noop as t } from "@progress/kendo-react-common";

package/context/GanttViewContext.js

@@ -5,4 +5,4 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("react"),i=require("@progress/kendo-react-common");function u(t){const a=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const n in t)if(n!=="default"){const o=Object.getOwnPropertyDescriptor(t,n);Object.defineProperty(a,n,o.get?o:{enumerable:!0,get:()=>t[n]})}}return a.default=t,Object.freeze(a)}const e=u(l),r=e.createContext([{current:{}},i.noop]),C=()=>e.useContext(r);r.displayName="KendoReactGanttViewContext";const c=e.createContext(0),x=()=>e.useContext(c);c.displayName="KendoReactGanttViewTimelineWidthContext";const s=e.createContext({onDependencyHandlePress:i.noop,onDependencyHandleDrag:i.noop,onDependencyHandleRelease:i.noop,isEnabled:!1,draggedId:null}),p=()=>e.useContext(s);s.displayName="KendoReactGanttViewDependencyDragContext";const d=({children:t,tasksStore:a,timelineWidth:n,dependencyDrag:o})=>e.createElement(r.Provider,{value:a},e.createElement(c.Provider,{value:n},e.createElement(s.Provider,{value:o},t)));d.displayName="KendoReactGanttViewContext";exports.GanttViewContext=d;exports.GanttViewDependencyDragContext=s;exports.GanttViewTasksContext=r;exports.GanttViewTimelineWidthContext=c;exports.useGanttViewDependencyDragContext=p;exports.useGanttViewTasksContext=C;exports.useGanttViewTimelineWidthContext=x;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("react"),i=require("@progress/kendo-react-common");function u(t){const a=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const n in t)if(n!=="default"){const o=Object.getOwnPropertyDescriptor(t,n);Object.defineProperty(a,n,o.get?o:{enumerable:!0,get:()=>t[n]})}}return a.default=t,Object.freeze(a)}const e=u(l),r=e.createContext([{current:{}},i.noop]),C=()=>e.useContext(r);r.displayName="KendoReactGanttViewContext";const c=e.createContext(0),x=()=>e.useContext(c);c.displayName="KendoReactGanttViewTimelineWidthContext";const s=e.createContext({onDependencyHandlePress:i.noop,onDependencyHandleDrag:i.noop,onDependencyHandleRelease:i.noop,isEnabled:!1,draggedId:null}),p=()=>e.useContext(s);s.displayName="KendoReactGanttViewDependencyDragContext";const d=({children:t,tasksStore:a,timelineWidth:n,dependencyDrag:o})=>e.createElement(r.Provider,{value:a},e.createElement(c.Provider,{value:n},e.createElement(s.Provider,{value:o},t)));d.displayName="KendoReactGanttViewContext";exports.GanttViewContext=d;exports.GanttViewDependencyDragContext=s;exports.GanttViewTasksContext=r;exports.GanttViewTimelineWidthContext=c;exports.useGanttViewDependencyDragContext=p;exports.useGanttViewTasksContext=C;exports.useGanttViewTimelineWidthContext=x;

package/context/GanttViewContext.mjs

@@ -5,6 +5,7 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
+"use client";
 import * as e from "react";
 import { noop as t } from "@progress/kendo-react-common";
 const n = e.createContext([{ current: {} }, t]), x = () => e.useContext(n);