@progress/kendo-react-taskboard 9.4.0-develop.5 → 9.4.0-develop.7

package/TaskBoard.js

@@ -5,4 +5,4 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const se=require("react"),J=require("prop-types"),oe=require("./package-metadata.js"),R=require("@progress/kendo-react-common"),Q=require("./TaskBoardColumnBase.js"),re=require("./TaskBoardCardBase.js"),p=require("./constants.js"),q=require("./utils.js"),w=require("./card/Card.js"),V=require("./column/Column.js");function ce(o){const h=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(o){for(const i in o)if(i!=="default"){const x=Object.getOwnPropertyDescriptor(o,i);Object.defineProperty(h,i,x.get?x:{enumerable:!0,get:()=>o[i]})}}return h.default=o,Object.freeze(h)}const t=ce(se),M=t.forwardRef((o,h)=>{R.validatePackage(oe.packageMetadata);const{columnData:i=[],className:x,style:W,id:Z,taskData:d=[],onChange:u}=o,L=t.useRef(null),j=t.useRef(null);t.useImperativeHandle(L,()=>({props:o})),t.useImperativeHandle(h,()=>L.current);const $=t.Children.toArray(o.children).filter(e=>e&&e.type&&e.type.displayName==="KendoReactTaskBoardToolbar"),U=t.useRef(null),g=t.useRef(null),D=t.useRef(null),[S,K]=t.useState(null),[B,N]=t.useState(null),[I,P]=t.useState({top:0,left:0}),[ee,X]=t.useState(),_=t.useRef(null),Y=t.useRef(null),A=t.useMemo(()=>{const e={};return(S||d).forEach(a=>{const n=a.status;e[n]||(e[n]=[]),e[n].push(a)}),e},[d,S]),te=t.useCallback(e=>{const a=e.originalEvent.target;if(a.closest("button,input,.k-link,.k-taskboard-preview-pane"))return;const n=q.closestTaskBoardElement(a),s=j.current;if(n&&s){const c=n.type===p.TASKBOARD_COLUMN;if(c&&!a.closest(".k-taskboard-column-header"))return;const b=n.element.getBoundingClientRect(),C=s.getBoundingClientRect();D.current={x:e.clientX-b.left+C.left,y:e.clientY-b.top+C.top};const m=c?i:d,O=c?N:K,f=m.findIndex(v=>String(v.id)===n.id),T=m[f];if(f===-1||T.edit)return;const l=R.clone(T);l.isPlaceholder=!0;const y=[...m];y[f]=l,g.current={...n,index:f,item:T,width:b.width,height:b.height},X(f),P({top:e.clientY-D.current.y,left:e.clientX-D.current.x}),O(y)}},[i,d]),ne=t.useCallback(e=>{const a=g.current,n=_.current&&_.current.element||Y.current;if(a&&n){P({top:e.clientY-D.current.y,left:e.clientX-D.current.x}),n.style.visibility="hidden";const s=document.elementFromPoint(e.clientX,e.clientY);if(n.style.visibility="",s&&s.getAttribute(p.TASKBOARD_PLACEHOLDER))return;const c=s&&q.closestTaskBoardElement(s);if(c){let k;const b=c.type===a.type,C=a.type===p.TASKBOARD_COLUMN,m=(C?B:S)||[],O=C?N:K;if(C||b){if(k=q.findIndexes(a.id,c.id,m),k){const f=m[k.dragIndex],T=m[k.dropIndex],l=R.clone(f);C||(l.status=T.status);const y=[...m];y.splice(k.dragIndex,1),y.splice(k.dropIndex,0,l),a.index=k.dropIndex,O(y)}}else{const f=m.findIndex(l=>String(l.id)===a.id),T=i.findIndex(l=>String(l.id)===c.id);if(f!==-1&&T!==-1){const l=m[f],v=i[T].status;if(A[v])return;l.status=v;const E=[...m];E.splice(f,1),E.push(l),a.index=E.length-1,O(E)}}}}},[B,S,i,A]),ae=t.useCallback(()=>{const e=g.current;if(u&&e){const n=(e.type===p.TASKBOARD_COLUMN?B:S)||[],s=n[e.index];delete s.isPlaceholder;const c={data:n,type:e.type,previousItem:{...e.item,index:ee},item:{...s,index:e.index}};u.call(void 0,c)}g.current=null,D.current=null,K(null),N(null),P({top:0,left:0}),X(void 0)},[B,S,u]);R.useDraggable(U,{onDragStart:te,onDrag:ne,onDragEnd:ae});const r=g.current,z=t.useCallback(e=>{const n={data:[...d,e],type:p.TASKBOARD_TASK,previousItem:null,item:e};u.call(void 0,n)},[u,d]),H=t.useCallback((e,a)=>{const n=d.slice(),s=d.indexOf(a);s!==-1&&n.splice(s,1,e);const c={data:n,type:p.TASKBOARD_TASK,previousItem:a,item:e};u.call(void 0,c)},[u,d]),F=t.useCallback(e=>{const n={data:d.filter(s=>s!==e),type:p.TASKBOARD_TASK,previousItem:e,item:null};u.call(void 0,n)},[u,d]),G=t.useCallback((e,a)=>{const n=i.slice(),s=n.indexOf(a);s!==-1&&(e?n.splice(s,1,e):n.splice(s,1));const c={data:n,type:p.TASKBOARD_COLUMN,previousItem:a,item:e};u.call(void 0,c)},[u,i]);return t.createElement("div",{id:Z,style:W,ref:j,className:R.classNames("k-taskboard",x)},$,t.createElement("div",{className:"k-taskboard-content",style:r?{userSelect:"none"}:void 0},t.createElement("div",{className:"k-taskboard-columns-container",ref:U},(B||i).map(e=>t.createElement(Q.TaskBoardColumnBase,{key:e.id,tabIndex:o.tabIndex,column:e,tasks:A[e.status]||[],dragTargetRef:g,onTaskCreate:z,onTaskEdit:H,onTaskDelete:F,onColumnChange:G,columnComponent:o.column||V.TaskBoardColumn,cardComponent:o.card||w.TaskBoardCard,priorities:o.priorities})))),r&&r.type===p.TASKBOARD_TASK&&t.createElement(re.TaskBoardCardBase,{elementRef:_,style:{position:"absolute",width:r.width,height:r.height,top:I.top,left:I.left,zIndex:10,borderLeftColor:r.item.priority?r.item.priority.color:r.item.color},task:r.item,dragTargetRef:g,cardComponent:o.card||w.TaskBoardCard,onDeleteTask:R.noop,showEditPane:R.noop}),r&&r.type===p.TASKBOARD_COLUMN&&t.createElement(Q.TaskBoardColumnBase,{elementRef:Y,style:{position:"absolute",width:r.width,height:r.height,top:I.top,left:I.left,zIndex:10},cardComponent:o.card||w.TaskBoardCard,columnComponent:o.column||V.TaskBoardColumn,column:r.item,tasks:A[r.item.status],priorities:o.priorities,dragTargetRef:g,onTaskDelete:F,onColumnChange:G,onTaskEdit:H,onTaskCreate:z}))});M.propTypes={columnData:J.array.isRequired,taskData:J.array.isRequired};M.displayName="KendoReactTaskBoard";exports.TaskBoard=M;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const se=require("react"),J=require("prop-types"),oe=require("./package-metadata.js"),R=require("@progress/kendo-react-common"),Q=require("./TaskBoardColumnBase.js"),re=require("./TaskBoardCardBase.js"),p=require("./constants.js"),q=require("./utils.js"),w=require("./card/Card.js"),V=require("./column/Column.js");function ce(o){const h=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(o){for(const i in o)if(i!=="default"){const x=Object.getOwnPropertyDescriptor(o,i);Object.defineProperty(h,i,x.get?x:{enumerable:!0,get:()=>o[i]})}}return h.default=o,Object.freeze(h)}const t=ce(se),M=t.forwardRef((o,h)=>{R.validatePackage(oe.packageMetadata);const{columnData:i=[],className:x,style:W,id:Z,taskData:d=[],onChange:u}=o,L=t.useRef(null),j=t.useRef(null);t.useImperativeHandle(L,()=>({props:o})),t.useImperativeHandle(h,()=>L.current);const $=t.Children.toArray(o.children).filter(e=>e&&e.type&&e.type.displayName==="KendoReactTaskBoardToolbar"),U=t.useRef(null),g=t.useRef(null),D=t.useRef(null),[S,K]=t.useState(null),[B,N]=t.useState(null),[I,P]=t.useState({top:0,left:0}),[ee,X]=t.useState(),_=t.useRef(null),Y=t.useRef(null),A=t.useMemo(()=>{const e={};return(S||d).forEach(a=>{const n=a.status;e[n]||(e[n]=[]),e[n].push(a)}),e},[d,S]),te=t.useCallback(e=>{const a=e.originalEvent.target;if(a.closest("button,input,.k-link,.k-taskboard-preview-pane"))return;const n=q.closestTaskBoardElement(a),s=j.current;if(n&&s){const c=n.type===p.TASKBOARD_COLUMN;if(c&&!a.closest(".k-taskboard-column-header"))return;const b=n.element.getBoundingClientRect(),C=s.getBoundingClientRect();D.current={x:e.clientX-b.left+C.left,y:e.clientY-b.top+C.top};const m=c?i:d,O=c?N:K,f=m.findIndex(v=>String(v.id)===n.id),T=m[f];if(f===-1||T.edit)return;const l=R.clone(T);l.isPlaceholder=!0;const y=[...m];y[f]=l,g.current={...n,index:f,item:T,width:b.width,height:b.height},X(f),P({top:e.clientY-D.current.y,left:e.clientX-D.current.x}),O(y)}},[i,d]),ne=t.useCallback(e=>{const a=g.current,n=_.current&&_.current.element||Y.current;if(a&&n){P({top:e.clientY-D.current.y,left:e.clientX-D.current.x}),n.style.visibility="hidden";const s=document.elementFromPoint(e.clientX,e.clientY);if(n.style.visibility="",s&&s.getAttribute(p.TASKBOARD_PLACEHOLDER))return;const c=s&&q.closestTaskBoardElement(s);if(c){let k;const b=c.type===a.type,C=a.type===p.TASKBOARD_COLUMN,m=(C?B:S)||[],O=C?N:K;if(C||b){if(k=q.findIndexes(a.id,c.id,m),k){const f=m[k.dragIndex],T=m[k.dropIndex],l=R.clone(f);C||(l.status=T.status);const y=[...m];y.splice(k.dragIndex,1),y.splice(k.dropIndex,0,l),a.index=k.dropIndex,O(y)}}else{const f=m.findIndex(l=>String(l.id)===a.id),T=i.findIndex(l=>String(l.id)===c.id);if(f!==-1&&T!==-1){const l=m[f],v=i[T].status;if(A[v])return;l.status=v;const E=[...m];E.splice(f,1),E.push(l),a.index=E.length-1,O(E)}}}}},[B,S,i,A]),ae=t.useCallback(()=>{const e=g.current;if(u&&e){const n=(e.type===p.TASKBOARD_COLUMN?B:S)||[],s=n[e.index];delete s.isPlaceholder;const c={data:n,type:e.type,previousItem:{...e.item,index:ee},item:{...s,index:e.index}};u.call(void 0,c)}g.current=null,D.current=null,K(null),N(null),P({top:0,left:0}),X(void 0)},[B,S,u]);R.useDraggable(U,{onDragStart:te,onDrag:ne,onDragEnd:ae});const r=g.current,z=t.useCallback(e=>{const n={data:[...d,e],type:p.TASKBOARD_TASK,previousItem:null,item:e};u.call(void 0,n)},[u,d]),H=t.useCallback((e,a)=>{const n=d.slice(),s=d.indexOf(a);s!==-1&&n.splice(s,1,e);const c={data:n,type:p.TASKBOARD_TASK,previousItem:a,item:e};u.call(void 0,c)},[u,d]),F=t.useCallback(e=>{const n={data:d.filter(s=>s!==e),type:p.TASKBOARD_TASK,previousItem:e,item:null};u.call(void 0,n)},[u,d]),G=t.useCallback((e,a)=>{const n=i.slice(),s=n.indexOf(a);s!==-1&&(e?n.splice(s,1,e):n.splice(s,1));const c={data:n,type:p.TASKBOARD_COLUMN,previousItem:a,item:e};u.call(void 0,c)},[u,i]);return t.createElement("div",{id:Z,style:W,ref:j,className:R.classNames("k-taskboard",x)},$,t.createElement("div",{className:"k-taskboard-content",style:r?{userSelect:"none"}:void 0},t.createElement("div",{className:"k-taskboard-columns-container",ref:U},(B||i).map(e=>t.createElement(Q.TaskBoardColumnBase,{key:e.id,tabIndex:o.tabIndex,column:e,tasks:A[e.status]||[],dragTargetRef:g,onTaskCreate:z,onTaskEdit:H,onTaskDelete:F,onColumnChange:G,columnComponent:o.column||V.TaskBoardColumn,cardComponent:o.card||w.TaskBoardCard,priorities:o.priorities})))),r&&r.type===p.TASKBOARD_TASK&&t.createElement(re.TaskBoardCardBase,{elementRef:_,style:{position:"absolute",width:r.width,height:r.height,top:I.top,left:I.left,zIndex:10,borderLeftColor:r.item.priority?r.item.priority.color:r.item.color},task:r.item,dragTargetRef:g,cardComponent:o.card||w.TaskBoardCard,onDeleteTask:R.noop,showEditPane:R.noop}),r&&r.type===p.TASKBOARD_COLUMN&&t.createElement(Q.TaskBoardColumnBase,{elementRef:Y,style:{position:"absolute",width:r.width,height:r.height,top:I.top,left:I.left,zIndex:10},cardComponent:o.card||w.TaskBoardCard,columnComponent:o.column||V.TaskBoardColumn,column:r.item,tasks:A[r.item.status],priorities:o.priorities,dragTargetRef:g,onTaskDelete:F,onColumnChange:G,onTaskEdit:H,onTaskCreate:z}))});M.propTypes={columnData:J.array.isRequired,taskData:J.array.isRequired};M.displayName="KendoReactTaskBoard";exports.TaskBoard=M;

package/TaskBoard.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 F from "prop-types";
 import { packageMetadata as rt } from "./package-metadata.mjs";

package/TaskBoardAddCard.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"),u=require("@progress/kendo-react-intl"),e=require("./messages/index.js"),B=require("./hooks/taskEditing.js");function k(a){const i=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(a){for(const r in a)if(r!=="default"){const n=Object.getOwnPropertyDescriptor(a,r);Object.defineProperty(i,r,n.get?n:{enumerable:!0,get:()=>a[r]})}}return i.default=a,Object.freeze(i)}const L=k(c),o=a=>{const{onTitleChange:i,title:r,onDescriptionChange:n,description:d,onPriorityChange:s,priority:l,onSave:g}=B.useTaskEditing(a),t=u.useLocalization();return L.createElement(a.editPane,{header:t.toLanguageString(e.taskBoardAddCardPaneTitle,e.messages[e.taskBoardAddCardPaneTitle]),titleInputTitle:t.toLanguageString(e.taskBoardAddCardTitleLabel,e.messages[e.taskBoardAddCardTitleLabel]),descriptionInputTitle:t.toLanguageString(e.taskBoardAddCardDescriptionLabel,e.messages[e.taskBoardAddCardDescriptionLabel]),priorityDropDownTitle:t.toLanguageString(e.taskBoardAddCardPriorityLabel,e.messages[e.taskBoardAddCardPriorityLabel]),titleLabel:t.toLanguageString(e.taskBoardEditPaneTitleLabel,e.messages[e.taskBoardEditPaneTitleLabel]),descriptionLabel:t.toLanguageString(e.taskBoardEditPaneDescriptionLabel,e.messages[e.taskBoardEditPaneDescriptionLabel]),priorityLabel:t.toLanguageString(e.taskBoardEditPanePriorityLabel,e.messages[e.taskBoardEditPanePriorityLabel]),saveButton:t.toLanguageString(e.taskBoardAddCardCreateButton,e.messages[e.taskBoardAddCardCreateButton]),cancelButton:t.toLanguageString(e.taskBoardEditPaneCancelBtn,e.messages[e.taskBoardEditPaneCancelBtn]),priorities:a.priorities,onSave:g,onClose:a.onClose,onTitleChange:i,title:r,onDescriptionChange:n,description:d,onPriorityChange:s,priority:l})};o.propTypes={};o.displayName="KendoReactTaskBoardAddCard";exports.TaskBoardAddCard=o;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("react"),u=require("@progress/kendo-react-intl"),e=require("./messages/index.js"),B=require("./hooks/taskEditing.js");function k(a){const i=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(a){for(const r in a)if(r!=="default"){const n=Object.getOwnPropertyDescriptor(a,r);Object.defineProperty(i,r,n.get?n:{enumerable:!0,get:()=>a[r]})}}return i.default=a,Object.freeze(i)}const L=k(c),o=a=>{const{onTitleChange:i,title:r,onDescriptionChange:n,description:d,onPriorityChange:s,priority:l,onSave:g}=B.useTaskEditing(a),t=u.useLocalization();return L.createElement(a.editPane,{header:t.toLanguageString(e.taskBoardAddCardPaneTitle,e.messages[e.taskBoardAddCardPaneTitle]),titleInputTitle:t.toLanguageString(e.taskBoardAddCardTitleLabel,e.messages[e.taskBoardAddCardTitleLabel]),descriptionInputTitle:t.toLanguageString(e.taskBoardAddCardDescriptionLabel,e.messages[e.taskBoardAddCardDescriptionLabel]),priorityDropDownTitle:t.toLanguageString(e.taskBoardAddCardPriorityLabel,e.messages[e.taskBoardAddCardPriorityLabel]),titleLabel:t.toLanguageString(e.taskBoardEditPaneTitleLabel,e.messages[e.taskBoardEditPaneTitleLabel]),descriptionLabel:t.toLanguageString(e.taskBoardEditPaneDescriptionLabel,e.messages[e.taskBoardEditPaneDescriptionLabel]),priorityLabel:t.toLanguageString(e.taskBoardEditPanePriorityLabel,e.messages[e.taskBoardEditPanePriorityLabel]),saveButton:t.toLanguageString(e.taskBoardAddCardCreateButton,e.messages[e.taskBoardAddCardCreateButton]),cancelButton:t.toLanguageString(e.taskBoardEditPaneCancelBtn,e.messages[e.taskBoardEditPaneCancelBtn]),priorities:a.priorities,onSave:g,onClose:a.onClose,onTitleChange:i,title:r,onDescriptionChange:n,description:d,onPriorityChange:s,priority:l})};o.propTypes={};o.displayName="KendoReactTaskBoardAddCard";exports.TaskBoardAddCard=o;

package/TaskBoardAddCard.mjs

@@ -5,13 +5,12 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-"use client";
 import * as S from "react";
 import { useLocalization as b } from "@progress/kendo-react-intl";
 import { taskBoardAddCardPaneTitle as i, messages as a, taskBoardAddCardTitleLabel as o, taskBoardAddCardDescriptionLabel as r, taskBoardAddCardPriorityLabel as n, taskBoardEditPaneTitleLabel as d, taskBoardEditPaneDescriptionLabel as g, taskBoardEditPanePriorityLabel as s, taskBoardAddCardCreateButton as l, taskBoardEditPaneCancelBtn as L } from "./messages/index.mjs";
 import { useTaskEditing as P } from "./hooks/taskEditing.mjs";
 const c = (e) => {
-  const { onTitleChange: u, title: p, onDescriptionChange: B, description: C, onPriorityChange: k, priority: m, onSave: T } = P(e), t = b();
+  const { onTitleChange: p, title: u, onDescriptionChange: B, description: C, onPriorityChange: k, priority: m, onSave: T } = P(e), t = b();
   return /* @__PURE__ */ S.createElement(
     e.editPane,
     {
@@ -51,8 +50,8 @@ const c = (e) => {
       priorities: e.priorities,
       onSave: T,
       onClose: e.onClose,
-      onTitleChange: u,
-      title: p,
+      onTitleChange: p,
+      title: u,
       onDescriptionChange: B,
       description: C,
       onPriorityChange: k,

package/TaskBoardCardBase.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 M=require("react"),R=require("prop-types"),E=require("@progress/kendo-react-layout"),I=require("./constants.js"),O=require("@progress/kendo-react-intl"),e=require("./messages/index.js"),j=require("./card/CardHeader.js"),x=require("./card/CardBody.js"),H=require("./TaskBoardConfirmDialog.js"),V=require("./card/PreviewDialog.js"),P=require("@progress/kendo-svg-icons");function _(t){const s=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const o in t)if(o!=="default"){const n=Object.getOwnPropertyDescriptor(t,o);Object.defineProperty(s,o,n.get?n:{enumerable:!0,get:()=>t[o]})}}return s.default=t,Object.freeze(s)}const r=_(M),k=t=>{const{onDeleteTask:s,showEditPane:o,task:n,style:T,dragTargetRef:l,elementRef:w}=t,[c,i]=r.useState(!1),[d,B]=r.useState(!1),[C,D]=r.useState(!1),u=r.useRef(null),a=O.useLocalization(),p=[{text:a.toLanguageString(e.taskBoardEditCardButton,e.messages[e.taskBoardEditCardButton]),icon:"pencil",svgIcon:P.pencilIcon,data:()=>{o(n),i(!c)}},{text:a.toLanguageString(e.taskBoardDeleteCardButton,e.messages[e.taskBoardDeleteCardButton]),icon:"trash",svgIcon:P.trashIcon,data:()=>{B(!d),i(!c)}}],S=g=>{g.item.data()},v=()=>{i(!0)},b=()=>{i(!1)},h=g=>{const f=u.current&&u.current.element;f&&f.contains(g.relatedTarget)||i(!1)},y=()=>{B(!d)},m=()=>{D(!0)},L=()=>{D(!1)},q=()=>{o(n),m()};return n.isPlaceholder&&l&&l.current?r.createElement("div",{style:{width:l.current.width,height:l.current.height},className:"k-taskboard-drag-placeholder",[I.TASKBOARD_PLACEHOLDER]:!0}):r.createElement(t.cardComponent,{task:n,style:T,tabIndex:t.tabIndex,disabled:t.disabled,elementRef:w,showMenu:c,showDeleteConfirm:d,showTaskPreviewPane:C,menuItems:p,popupRef:u,confirmDialogMessage:a.toLanguageString(e.taskBoardDeleteTaskDialogMessage,e.messages[e.taskBoardDeleteTaskDialogMessage]),confirmDialogTitle:a.toLanguageString(e.taskBoardDeleteTaskDialogTitle,e.messages[e.taskBoardDeleteTaskDialogTitle]),confirmDialogConfirmButton:a.toLanguageString(e.taskBoardDeleteTaskConfirmButton,e.messages[e.taskBoardDeleteTaskConfirmButton]),confirmDialogCancelButton:a.toLanguageString(e.taskBoardDeleteTaskCancelButton,e.messages[e.taskBoardDeleteTaskCancelButton]),previewDialogPriorityLabel:a.toLanguageString(e.taskBoardPreviewPanePriorityLabel,e.messages[e.taskBoardPreviewPanePriorityLabel]),previewDialogDelete:a.toLanguageString(e.taskBoardPreviewPaneDeleteBtn,e.messages[e.taskBoardPreviewPaneDeleteBtn]),previewDialogEdit:a.toLanguageString(e.taskBoardPreviewPaneEditBtn,e.messages[e.taskBoardPreviewPaneEditBtn]),onShowPreviewPane:m,onClosePreviewPane:L,onMenuItemSelect:S,onShowMenu:v,onHideMenu:b,onMenuButtonBlur:h,onTaskDelete:s,onTaskEdit:q,onCloseConfirmDialog:y,card:E.Card,cardHeader:j.TaskBoardCardHeader,cardBody:x.TaskBoardCardBody,confirmDialog:H.TaskBoardConfirmDialog,previewDialog:V.TaskBoardPreviewDialog})};k.propTypes={task:R.object.isRequired};k.displayName="KendoReactTaskBoardCardBase";exports.TaskBoardCardBase=k;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const M=require("react"),R=require("prop-types"),E=require("@progress/kendo-react-layout"),I=require("./constants.js"),O=require("@progress/kendo-react-intl"),e=require("./messages/index.js"),j=require("./card/CardHeader.js"),x=require("./card/CardBody.js"),H=require("./TaskBoardConfirmDialog.js"),V=require("./card/PreviewDialog.js"),P=require("@progress/kendo-svg-icons");function _(t){const s=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const o in t)if(o!=="default"){const n=Object.getOwnPropertyDescriptor(t,o);Object.defineProperty(s,o,n.get?n:{enumerable:!0,get:()=>t[o]})}}return s.default=t,Object.freeze(s)}const r=_(M),k=t=>{const{onDeleteTask:s,showEditPane:o,task:n,style:T,dragTargetRef:l,elementRef:w}=t,[d,i]=r.useState(!1),[c,B]=r.useState(!1),[C,D]=r.useState(!1),u=r.useRef(null),a=O.useLocalization(),p=[{text:a.toLanguageString(e.taskBoardEditCardButton,e.messages[e.taskBoardEditCardButton]),icon:"pencil",svgIcon:P.pencilIcon,data:()=>{o(n),i(!d)}},{text:a.toLanguageString(e.taskBoardDeleteCardButton,e.messages[e.taskBoardDeleteCardButton]),icon:"trash",svgIcon:P.trashIcon,data:()=>{B(!c),i(!d)}}],S=g=>{g.item.data()},v=()=>{i(!0)},b=()=>{i(!1)},h=g=>{const f=u.current&&u.current.element;f&&f.contains(g.relatedTarget)||i(!1)},y=()=>{B(!c)},m=()=>{D(!0)},L=()=>{D(!1)},q=()=>{o(n),m()};return n.isPlaceholder&&l&&l.current?r.createElement("div",{style:{width:l.current.width,height:l.current.height},className:"k-taskboard-drag-placeholder",[I.TASKBOARD_PLACEHOLDER]:!0}):r.createElement(t.cardComponent,{task:n,style:T,tabIndex:t.tabIndex,disabled:t.disabled,elementRef:w,showMenu:d,showDeleteConfirm:c,showTaskPreviewPane:C,menuItems:p,popupRef:u,confirmDialogMessage:a.toLanguageString(e.taskBoardDeleteTaskDialogMessage,e.messages[e.taskBoardDeleteTaskDialogMessage]),confirmDialogTitle:a.toLanguageString(e.taskBoardDeleteTaskDialogTitle,e.messages[e.taskBoardDeleteTaskDialogTitle]),confirmDialogConfirmButton:a.toLanguageString(e.taskBoardDeleteTaskConfirmButton,e.messages[e.taskBoardDeleteTaskConfirmButton]),confirmDialogCancelButton:a.toLanguageString(e.taskBoardDeleteTaskCancelButton,e.messages[e.taskBoardDeleteTaskCancelButton]),previewDialogPriorityLabel:a.toLanguageString(e.taskBoardPreviewPanePriorityLabel,e.messages[e.taskBoardPreviewPanePriorityLabel]),previewDialogDelete:a.toLanguageString(e.taskBoardPreviewPaneDeleteBtn,e.messages[e.taskBoardPreviewPaneDeleteBtn]),previewDialogEdit:a.toLanguageString(e.taskBoardPreviewPaneEditBtn,e.messages[e.taskBoardPreviewPaneEditBtn]),onShowPreviewPane:m,onClosePreviewPane:L,onMenuItemSelect:S,onShowMenu:v,onHideMenu:b,onMenuButtonBlur:h,onTaskDelete:s,onTaskEdit:q,onCloseConfirmDialog:y,card:E.Card,cardHeader:j.TaskBoardCardHeader,cardBody:x.TaskBoardCardBody,confirmDialog:H.TaskBoardConfirmDialog,previewDialog:V.TaskBoardPreviewDialog})};k.propTypes={task:R.object.isRequired};k.displayName="KendoReactTaskBoardCardBase";exports.TaskBoardCardBase=k;

package/TaskBoardCardBase.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 z from "prop-types";
 import { Card as K } from "@progress/kendo-react-layout";

package/TaskBoardColumnBase.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 p=require("react"),h=require("prop-types"),I=require("@progress/kendo-react-intl"),t=require("./messages/index.js"),N=require("./constants.js"),_=require("./column/ColumnHeader.js"),z=require("./column/ColumnBody.js"),H=require("./TaskBoardConfirmDialog.js"),K=require("./TaskBoardEditCard.js"),V=require("./TaskBoardAddCard.js"),F=require("./TaskBoardCardBase.js");function G(a){const i=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(a){for(const l in a)if(l!=="default"){const c=Object.getOwnPropertyDescriptor(a,l);Object.defineProperty(i,l,c.get?c:{enumerable:!0,get:()=>a[l]})}}return i.default=a,Object.freeze(i)}const n=G(p),g=a=>{const[i,l]=n.useState(!1),[c,C]=n.useState(!1),[k,w]=n.useState(!1),[S,y]=n.useState(),{dragTargetRef:r,column:o,onColumnChange:s,tasks:m,elementRef:v,style:B,onTaskCreate:T,onTaskEdit:f,onTaskDelete:D}=a,d=I.useLocalization(),q=n.useCallback(e=>{const u={...o,title:e.value};s.call(void 0,u,o)},[o,s]),A=n.useCallback(()=>{const e={...o,edit:!0};s.call(void 0,e,o)},[o,s]),L=n.useCallback(()=>{const e={...o,edit:!1};s.call(void 0,e,o)},[o,s]),P=n.useCallback(()=>{s.call(void 0,null,o)},[o,s]),R=()=>{w(!k)},O=()=>{l(!0)},b=e=>{C(!0),y(e)},j=()=>{l(!1),C(!1)},M=n.useCallback(e=>{l(!1),T.call(void 0,{...e,status:o.status})},[T,o]),x=n.useCallback((e,u)=>{C(!1),f.call(void 0,e,u)},[f]),E=n.useCallback(e=>{D.call(void 0,e)},[D]);if(o.isPlaceholder&&r&&r.current){const e=r.current?r.current.width:0,u=r.current?r.current.height:0;return n.createElement("div",{style:{width:e,height:u},className:"k-taskboard-column k-taskboard-drag-placeholder",[N.TASKBOARD_PLACEHOLDER]:!0})}return n.createElement(a.columnComponent,{column:a.column,tasks:m,priorities:a.priorities,style:r?{overflow:"visible",...B}:B,tabIndex:a.tabIndex,elementRef:v,onTaskCreate:M,onTaskEdit:x,onTaskDelete:E,card:a.cardComponent,header:_.TaskBoardColumnHeader,body:z.TaskBoardColumnBody,confirmDialog:H.TaskBoardConfirmDialog,editCardDialog:K.TaskBoardEditCard,addCardDialog:V.TaskBoardAddCard,onTitleChange:q,onColumnEnterEdit:A,onColumnExitEdit:L,onColumnConfirmDelete:P,onShowAddCardDialog:O,onShowEditCardPane:b,onColumnDelete:R,onCloseDialog:j,showAddCard:i,showEditCard:c,showColumnConfirmDelete:k,editedTask:S,confirmDialogMessage:d.toLanguageString(t.taskBoardDelColumnDialogMsg,t.messages[t.taskBoardDelColumnDialogMsg]),confirmDialogTitle:d.toLanguageString(t.taskBoardDelColumnDialogTitle,t.messages[t.taskBoardDelColumnDialogTitle]),confirmDialogConfirmButton:d.toLanguageString(t.taskBoardDelColumnConfirmBtn,t.messages[t.taskBoardDelColumnConfirmBtn]),confirmDialogCancelButton:d.toLanguageString(t.taskBoardDelColumnCancelBtn,t.messages[t.taskBoardDelColumnCancelBtn]),editButtonTitle:d.toLanguageString(t.taskBoardEditColumnButton,t.messages[t.taskBoardEditColumnButton]),addButtonTitle:d.toLanguageString(t.taskBoardAddCardButton,t.messages[t.taskBoardAddCardButton]),closeButtonTitle:d.toLanguageString(t.taskBoardDeleteColumnButton,t.messages[t.taskBoardDeleteColumnButton])},m&&m.map(e=>n.createElement(F.TaskBoardCardBase,{key:e.id,tabIndex:a.tabIndex,task:e,disabled:!!a.column.edit,onDeleteTask:()=>E(e),showEditPane:()=>b(e),dragTargetRef:a.dragTargetRef,style:{borderLeftColor:e.priority.color},cardComponent:a.cardComponent})))};g.propTypes={column:h.object.isRequired,taskMap:h.object};g.displayName="KendoReactTaskBoardColumn";exports.TaskBoardColumnBase=g;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const p=require("react"),h=require("prop-types"),I=require("@progress/kendo-react-intl"),t=require("./messages/index.js"),N=require("./constants.js"),_=require("./column/ColumnHeader.js"),z=require("./column/ColumnBody.js"),H=require("./TaskBoardConfirmDialog.js"),K=require("./TaskBoardEditCard.js"),V=require("./TaskBoardAddCard.js"),F=require("./TaskBoardCardBase.js");function G(a){const i=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(a){for(const l in a)if(l!=="default"){const c=Object.getOwnPropertyDescriptor(a,l);Object.defineProperty(i,l,c.get?c:{enumerable:!0,get:()=>a[l]})}}return i.default=a,Object.freeze(i)}const n=G(p),g=a=>{const[i,l]=n.useState(!1),[c,C]=n.useState(!1),[k,w]=n.useState(!1),[S,y]=n.useState(),{dragTargetRef:r,column:o,onColumnChange:s,tasks:m,elementRef:v,style:B,onTaskCreate:T,onTaskEdit:f,onTaskDelete:D}=a,d=I.useLocalization(),q=n.useCallback(e=>{const u={...o,title:e.value};s.call(void 0,u,o)},[o,s]),A=n.useCallback(()=>{const e={...o,edit:!0};s.call(void 0,e,o)},[o,s]),L=n.useCallback(()=>{const e={...o,edit:!1};s.call(void 0,e,o)},[o,s]),P=n.useCallback(()=>{s.call(void 0,null,o)},[o,s]),R=()=>{w(!k)},O=()=>{l(!0)},b=e=>{C(!0),y(e)},j=()=>{l(!1),C(!1)},M=n.useCallback(e=>{l(!1),T.call(void 0,{...e,status:o.status})},[T,o]),x=n.useCallback((e,u)=>{C(!1),f.call(void 0,e,u)},[f]),E=n.useCallback(e=>{D.call(void 0,e)},[D]);if(o.isPlaceholder&&r&&r.current){const e=r.current?r.current.width:0,u=r.current?r.current.height:0;return n.createElement("div",{style:{width:e,height:u},className:"k-taskboard-column k-taskboard-drag-placeholder",[N.TASKBOARD_PLACEHOLDER]:!0})}return n.createElement(a.columnComponent,{column:a.column,tasks:m,priorities:a.priorities,style:r?{overflow:"visible",...B}:B,tabIndex:a.tabIndex,elementRef:v,onTaskCreate:M,onTaskEdit:x,onTaskDelete:E,card:a.cardComponent,header:_.TaskBoardColumnHeader,body:z.TaskBoardColumnBody,confirmDialog:H.TaskBoardConfirmDialog,editCardDialog:K.TaskBoardEditCard,addCardDialog:V.TaskBoardAddCard,onTitleChange:q,onColumnEnterEdit:A,onColumnExitEdit:L,onColumnConfirmDelete:P,onShowAddCardDialog:O,onShowEditCardPane:b,onColumnDelete:R,onCloseDialog:j,showAddCard:i,showEditCard:c,showColumnConfirmDelete:k,editedTask:S,confirmDialogMessage:d.toLanguageString(t.taskBoardDelColumnDialogMsg,t.messages[t.taskBoardDelColumnDialogMsg]),confirmDialogTitle:d.toLanguageString(t.taskBoardDelColumnDialogTitle,t.messages[t.taskBoardDelColumnDialogTitle]),confirmDialogConfirmButton:d.toLanguageString(t.taskBoardDelColumnConfirmBtn,t.messages[t.taskBoardDelColumnConfirmBtn]),confirmDialogCancelButton:d.toLanguageString(t.taskBoardDelColumnCancelBtn,t.messages[t.taskBoardDelColumnCancelBtn]),editButtonTitle:d.toLanguageString(t.taskBoardEditColumnButton,t.messages[t.taskBoardEditColumnButton]),addButtonTitle:d.toLanguageString(t.taskBoardAddCardButton,t.messages[t.taskBoardAddCardButton]),closeButtonTitle:d.toLanguageString(t.taskBoardDeleteColumnButton,t.messages[t.taskBoardDeleteColumnButton])},m&&m.map(e=>n.createElement(F.TaskBoardCardBase,{key:e.id,tabIndex:a.tabIndex,task:e,disabled:!!a.column.edit,onDeleteTask:()=>E(e),showEditPane:()=>b(e),dragTargetRef:a.dragTargetRef,style:{borderLeftColor:e.priority.color},cardComponent:a.cardComponent})))};g.propTypes={column:h.object.isRequired,taskMap:h.object};g.displayName="KendoReactTaskBoardColumn";exports.TaskBoardColumnBase=g;

package/TaskBoardColumnBase.mjs

@@ -5,11 +5,10 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-"use client";
 import * as t from "react";
 import D from "prop-types";
 import { useLocalization as _ } from "@progress/kendo-react-intl";
-import { taskBoardDelColumnDialogMsg as b, messages as i, taskBoardDelColumnDialogTitle as h, taskBoardDelColumnConfirmBtn as E, taskBoardDelColumnCancelBtn as w, taskBoardEditColumnButton as S, taskBoardAddCardButton as v, taskBoardDeleteColumnButton as y } from "./messages/index.mjs";
+import { taskBoardDelColumnDialogMsg as b, messages as d, taskBoardDelColumnDialogTitle as h, taskBoardDelColumnConfirmBtn as E, taskBoardDelColumnCancelBtn as w, taskBoardEditColumnButton as S, taskBoardAddCardButton as v, taskBoardDeleteColumnButton as y } from "./messages/index.mjs";
 import { TASKBOARD_PLACEHOLDER as F } from "./constants.mjs";
 import { TaskBoardColumnHeader as G } from "./column/ColumnHeader.mjs";
 import { TaskBoardColumnBody as J } from "./column/ColumnBody.mjs";
@@ -18,50 +17,50 @@ import { TaskBoardEditCard as U } from "./TaskBoardEditCard.mjs";
 import { TaskBoardAddCard as W } from "./TaskBoardAddCard.mjs";
 import { TaskBoardCardBase as X } from "./TaskBoardCardBase.mjs";
 const L = (a) => {
-  const [p, s] = t.useState(!1), [A, m] = t.useState(!1), [u, R] = t.useState(!1), [P, x] = t.useState(), { dragTargetRef: l, column: o, onColumnChange: n, tasks: c, elementRef: I, style: C, onTaskCreate: g, onTaskEdit: f, onTaskDelete: k } = a, r = _(), M = t.useCallback(
-    (e) => {
-      const d = { ...o, title: e.value };
-      n.call(void 0, d, o);
+  const [p, s] = t.useState(!1), [A, m] = t.useState(!1), [u, R] = t.useState(!1), [P, x] = t.useState(), { dragTargetRef: l, column: e, onColumnChange: n, tasks: c, elementRef: I, style: C, onTaskCreate: g, onTaskEdit: f, onTaskDelete: k } = a, r = _(), M = t.useCallback(
+    (o) => {
+      const i = { ...e, title: o.value };
+      n.call(void 0, i, e);
     },
-    [o, n]
+    [e, n]
   ), N = t.useCallback(() => {
-    const e = { ...o, edit: !0 };
-    n.call(void 0, e, o);
-  }, [o, n]), j = t.useCallback(() => {
-    const e = { ...o, edit: !1 };
-    n.call(void 0, e, o);
-  }, [o, n]), z = t.useCallback(() => {
-    n.call(void 0, null, o);
-  }, [o, n]), H = () => {
+    const o = { ...e, edit: !0 };
+    n.call(void 0, o, e);
+  }, [e, n]), j = t.useCallback(() => {
+    const o = { ...e, edit: !1 };
+    n.call(void 0, o, e);
+  }, [e, n]), z = t.useCallback(() => {
+    n.call(void 0, null, e);
+  }, [e, n]), H = () => {
     R(!u);
   }, K = () => {
     s(!0);
-  }, T = (e) => {
-    m(!0), x(e);
+  }, T = (o) => {
+    m(!0), x(o);
   }, O = () => {
     s(!1), m(!1);
   }, V = t.useCallback(
-    (e) => {
-      s(!1), g.call(void 0, { ...e, status: o.status });
+    (o) => {
+      s(!1), g.call(void 0, { ...o, status: e.status });
     },
-    [g, o]
+    [g, e]
   ), q = t.useCallback(
-    (e, d) => {
-      m(!1), f.call(void 0, e, d);
+    (o, i) => {
+      m(!1), f.call(void 0, o, i);
     },
     [f]
   ), B = t.useCallback(
-    (e) => {
-      k.call(void 0, e);
+    (o) => {
+      k.call(void 0, o);
     },
     [k]
   );
-  if (o.isPlaceholder && l && l.current) {
-    const e = l.current ? l.current.width : 0, d = l.current ? l.current.height : 0;
+  if (e.isPlaceholder && l && l.current) {
+    const o = l.current ? l.current.width : 0, i = l.current ? l.current.height : 0;
     return /* @__PURE__ */ t.createElement(
       "div",
       {
-        style: { width: e, height: d },
+        style: { width: o, height: i },
         className: "k-taskboard-column k-taskboard-drag-placeholder",
         [F]: !0
       }
@@ -99,41 +98,41 @@ const L = (a) => {
       editedTask: P,
       confirmDialogMessage: r.toLanguageString(
         b,
-        i[b]
+        d[b]
       ),
       confirmDialogTitle: r.toLanguageString(
         h,
-        i[h]
+        d[h]
       ),
       confirmDialogConfirmButton: r.toLanguageString(
         E,
-        i[E]
+        d[E]
       ),
       confirmDialogCancelButton: r.toLanguageString(
         w,
-        i[w]
+        d[w]
       ),
       editButtonTitle: r.toLanguageString(
         S,
-        i[S]
+        d[S]
       ),
-      addButtonTitle: r.toLanguageString(v, i[v]),
+      addButtonTitle: r.toLanguageString(v, d[v]),
       closeButtonTitle: r.toLanguageString(
         y,
-        i[y]
+        d[y]
       )
     },
-    c && c.map((e) => /* @__PURE__ */ t.createElement(
+    c && c.map((o) => /* @__PURE__ */ t.createElement(
       X,
       {
-        key: e.id,
+        key: o.id,
         tabIndex: a.tabIndex,
-        task: e,
+        task: o,
         disabled: !!a.column.edit,
-        onDeleteTask: () => B(e),
-        showEditPane: () => T(e),
+        onDeleteTask: () => B(o),
+        showEditPane: () => T(o),
         dragTargetRef: a.dragTargetRef,
-        style: { borderLeftColor: e.priority.color },
+        style: { borderLeftColor: o.priority.color },
         cardComponent: a.cardComponent
       }
     ))

package/TaskBoardConfirmDialog.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 g=require("react"),o=require("prop-types"),l=require("@progress/kendo-react-dialogs"),s=require("@progress/kendo-react-buttons");function f(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 r=f(g),a=e=>{const{onClose:n,onConfirm:t,dialogMessage:i,dialogTitle:c,dialogConfirmButton:u,dialogCancelButton:d}=e;return r.createElement(l.Dialog,{title:c,closeIcon:!1},i,r.createElement(l.DialogActionsBar,{layout:"end"},r.createElement(s.Button,{themeColor:"primary",onClick:t},u),r.createElement(s.Button,{onClick:n},d)))};a.propTypes={onClose:o.func.isRequired,onConfirm:o.func.isRequired,dialogMessage:o.string.isRequired,dialogTitle:o.string.isRequired,dialogConfirmButton:o.string.isRequired,dialogCancelButton:o.string.isRequired};a.displayName="KendoReactTaskBoardConfirmDialog";exports.TaskBoardConfirmDialog=a;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const g=require("react"),o=require("prop-types"),l=require("@progress/kendo-react-dialogs"),s=require("@progress/kendo-react-buttons");function f(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 r=f(g),a=e=>{const{onClose:n,onConfirm:t,dialogMessage:i,dialogTitle:c,dialogConfirmButton:u,dialogCancelButton:d}=e;return r.createElement(l.Dialog,{title:c,closeIcon:!1},i,r.createElement(l.DialogActionsBar,{layout:"end"},r.createElement(s.Button,{themeColor:"primary",onClick:t},u),r.createElement(s.Button,{onClick:n},d)))};a.propTypes={onClose:o.func.isRequired,onConfirm:o.func.isRequired,dialogMessage:o.string.isRequired,dialogTitle:o.string.isRequired,dialogConfirmButton:o.string.isRequired,dialogCancelButton:o.string.isRequired};a.displayName="KendoReactTaskBoardConfirmDialog";exports.TaskBoardConfirmDialog=a;

package/TaskBoardConfirmDialog.mjs

@@ -5,24 +5,23 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-"use client";
-import * as o from "react";
-import e from "prop-types";
-import { Dialog as c, DialogActionsBar as g } from "@progress/kendo-react-dialogs";
+import * as e from "react";
+import o from "prop-types";
+import { Dialog as g, DialogActionsBar as c } from "@progress/kendo-react-dialogs";
 import { Button as i } from "@progress/kendo-react-buttons";
-const t = (r) => {
-  const { onClose: n, onConfirm: a, dialogMessage: l, dialogTitle: s, dialogConfirmButton: m, dialogCancelButton: d } = r;
-  return /* @__PURE__ */ o.createElement(c, { title: s, closeIcon: !1 }, l, /* @__PURE__ */ o.createElement(g, { layout: "end" }, /* @__PURE__ */ o.createElement(i, { themeColor: "primary", onClick: a }, m), /* @__PURE__ */ o.createElement(i, { onClick: n }, d)));
+const r = (t) => {
+  const { onClose: n, onConfirm: a, dialogMessage: l, dialogTitle: s, dialogConfirmButton: m, dialogCancelButton: d } = t;
+  return /* @__PURE__ */ e.createElement(g, { title: s, closeIcon: !1 }, l, /* @__PURE__ */ e.createElement(c, { layout: "end" }, /* @__PURE__ */ e.createElement(i, { themeColor: "primary", onClick: a }, m), /* @__PURE__ */ e.createElement(i, { onClick: n }, d)));
 };
-t.propTypes = {
-  onClose: e.func.isRequired,
-  onConfirm: e.func.isRequired,
-  dialogMessage: e.string.isRequired,
-  dialogTitle: e.string.isRequired,
-  dialogConfirmButton: e.string.isRequired,
-  dialogCancelButton: e.string.isRequired
+r.propTypes = {
+  onClose: o.func.isRequired,
+  onConfirm: o.func.isRequired,
+  dialogMessage: o.string.isRequired,
+  dialogTitle: o.string.isRequired,
+  dialogConfirmButton: o.string.isRequired,
+  dialogCancelButton: o.string.isRequired
 };
-t.displayName = "KendoReactTaskBoardConfirmDialog";
+r.displayName = "KendoReactTaskBoardConfirmDialog";
 export {
-  t as TaskBoardConfirmDialog
+  r as TaskBoardConfirmDialog
 };

package/TaskBoardEditCard.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"),u=require("@progress/kendo-react-intl"),e=require("./messages/index.js"),k=require("./hooks/taskEditing.js");function B(t){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const i in t)if(i!=="default"){const n=Object.getOwnPropertyDescriptor(t,i);Object.defineProperty(r,i,n.get?n:{enumerable:!0,get:()=>t[i]})}}return r.default=t,Object.freeze(r)}const L=B(c),o=t=>{const{onTitleChange:r,title:i,onDescriptionChange:n,description:s,onPriorityChange:d,priority:l,onSave:g}=k.useTaskEditing(t),a=u.useLocalization();return L.createElement(t.editPane,{header:a.toLanguageString(e.taskBoardEditCardPaneTitle,e.messages[e.taskBoardEditCardPaneTitle])+t.task.title,titleInputTitle:a.toLanguageString(e.taskBoardAddCardTitleLabel,e.messages[e.taskBoardAddCardTitleLabel]),descriptionInputTitle:a.toLanguageString(e.taskBoardAddCardDescriptionLabel,e.messages[e.taskBoardAddCardDescriptionLabel]),priorityDropDownTitle:a.toLanguageString(e.taskBoardAddCardPriorityLabel,e.messages[e.taskBoardAddCardPriorityLabel]),task:t.task,saveButton:a.toLanguageString(e.taskBoardEditCardPaneSaveBtn,e.messages[e.taskBoardEditCardPaneSaveBtn]),cancelButton:a.toLanguageString(e.taskBoardEditPaneCancelBtn,e.messages[e.taskBoardEditPaneCancelBtn]),priorities:t.priorities,titleLabel:a.toLanguageString(e.taskBoardEditPaneTitleLabel,e.messages[e.taskBoardEditPaneTitleLabel]),descriptionLabel:a.toLanguageString(e.taskBoardEditPaneDescriptionLabel,e.messages[e.taskBoardEditPaneDescriptionLabel]),priorityLabel:a.toLanguageString(e.taskBoardEditPanePriorityLabel,e.messages[e.taskBoardEditPanePriorityLabel]),onSave:g,onClose:t.onClose,onTitleChange:r,title:i,onDescriptionChange:n,description:s,onPriorityChange:d,priority:l})};o.propTypes={};o.displayName="KendoReactTaskBoardEditCard";exports.TaskBoardEditCard=o;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("react"),u=require("@progress/kendo-react-intl"),e=require("./messages/index.js"),k=require("./hooks/taskEditing.js");function B(t){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const i in t)if(i!=="default"){const n=Object.getOwnPropertyDescriptor(t,i);Object.defineProperty(r,i,n.get?n:{enumerable:!0,get:()=>t[i]})}}return r.default=t,Object.freeze(r)}const L=B(c),o=t=>{const{onTitleChange:r,title:i,onDescriptionChange:n,description:s,onPriorityChange:d,priority:l,onSave:g}=k.useTaskEditing(t),a=u.useLocalization();return L.createElement(t.editPane,{header:a.toLanguageString(e.taskBoardEditCardPaneTitle,e.messages[e.taskBoardEditCardPaneTitle])+t.task.title,titleInputTitle:a.toLanguageString(e.taskBoardAddCardTitleLabel,e.messages[e.taskBoardAddCardTitleLabel]),descriptionInputTitle:a.toLanguageString(e.taskBoardAddCardDescriptionLabel,e.messages[e.taskBoardAddCardDescriptionLabel]),priorityDropDownTitle:a.toLanguageString(e.taskBoardAddCardPriorityLabel,e.messages[e.taskBoardAddCardPriorityLabel]),task:t.task,saveButton:a.toLanguageString(e.taskBoardEditCardPaneSaveBtn,e.messages[e.taskBoardEditCardPaneSaveBtn]),cancelButton:a.toLanguageString(e.taskBoardEditPaneCancelBtn,e.messages[e.taskBoardEditPaneCancelBtn]),priorities:t.priorities,titleLabel:a.toLanguageString(e.taskBoardEditPaneTitleLabel,e.messages[e.taskBoardEditPaneTitleLabel]),descriptionLabel:a.toLanguageString(e.taskBoardEditPaneDescriptionLabel,e.messages[e.taskBoardEditPaneDescriptionLabel]),priorityLabel:a.toLanguageString(e.taskBoardEditPanePriorityLabel,e.messages[e.taskBoardEditPanePriorityLabel]),onSave:g,onClose:t.onClose,onTitleChange:r,title:i,onDescriptionChange:n,description:s,onPriorityChange:d,priority:l})};o.propTypes={};o.displayName="KendoReactTaskBoardEditCard";exports.TaskBoardEditCard=o;

package/TaskBoardEditCard.mjs

@@ -5,10 +5,9 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-"use client";
 import * as T from "react";
 import { useLocalization as E } from "@progress/kendo-react-intl";
-import { taskBoardEditCardPaneTitle as i, messages as a, taskBoardAddCardTitleLabel as n, taskBoardAddCardDescriptionLabel as o, taskBoardAddCardPriorityLabel as r, taskBoardEditCardPaneSaveBtn as d, taskBoardEditPaneCancelBtn as s, taskBoardEditPaneTitleLabel as g, taskBoardEditPaneDescriptionLabel as l, taskBoardEditPanePriorityLabel as L } from "./messages/index.mjs";
+import { taskBoardEditCardPaneTitle as i, messages as a, taskBoardAddCardTitleLabel as o, taskBoardAddCardDescriptionLabel as r, taskBoardAddCardPriorityLabel as n, taskBoardEditCardPaneSaveBtn as d, taskBoardEditPaneCancelBtn as g, taskBoardEditPaneTitleLabel as s, taskBoardEditPaneDescriptionLabel as l, taskBoardEditPanePriorityLabel as L } from "./messages/index.mjs";
 import { useTaskEditing as P } from "./hooks/taskEditing.mjs";
 const c = (e) => {
   const { onTitleChange: u, title: k, onDescriptionChange: B, description: p, onPriorityChange: C, priority: m, onSave: S } = P(e), t = E();
@@ -17,30 +16,30 @@ const c = (e) => {
     {
       header: t.toLanguageString(i, a[i]) + e.task.title,
       titleInputTitle: t.toLanguageString(
-        n,
-        a[n]
-      ),
-      descriptionInputTitle: t.toLanguageString(
         o,
         a[o]
       ),
-      priorityDropDownTitle: t.toLanguageString(
+      descriptionInputTitle: t.toLanguageString(
         r,
         a[r]
       ),
+      priorityDropDownTitle: t.toLanguageString(
+        n,
+        a[n]
+      ),
       task: e.task,
       saveButton: t.toLanguageString(
         d,
         a[d]
       ),
       cancelButton: t.toLanguageString(
-        s,
-        a[s]
+        g,
+        a[g]
       ),
       priorities: e.priorities,
       titleLabel: t.toLanguageString(
-        g,
-        a[g]
+        s,
+        a[s]
       ),
       descriptionLabel: t.toLanguageString(
         l,

package/TaskBoardTaskEditPane.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 u=require("react"),m=require("@progress/kendo-react-dropdowns"),i=require("@progress/kendo-react-buttons"),d=require("@progress/kendo-react-inputs"),r=require("@progress/kendo-react-labels"),l=require("@progress/kendo-react-form"),s=require("./utils.js"),k=require("@progress/kendo-svg-icons");function b(e){const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const a in e)if(a!=="default"){const c=Object.getOwnPropertyDescriptor(e,a);Object.defineProperty(n,a,c.get?c:{enumerable:!0,get:()=>e[a]})}}return n.default=e,Object.freeze(n)}const t=b(u),o=e=>t.createElement("div",{className:"k-taskboard-pane k-taskboard-edit-pane"},t.createElement("div",{className:"k-taskboard-pane-header"},t.createElement("div",{className:"k-taskboard-pane-header-text"},e.header),t.createElement("span",{className:"k-spacer"}),t.createElement("div",{className:"k-taskboard-pane-header-actions"},t.createElement(i.Button,{icon:"x",svgIcon:k.xIcon,fillMode:"flat",onClick:e.onClose}))),t.createElement("div",{className:"k-taskboard-pane-content"},t.createElement("div",{role:"form","data-role":"form",className:"k-form"},t.createElement(l.FieldWrapper,null,t.createElement(r.Label,{editorId:"title"},e.titleLabel),t.createElement(d.Input,{id:"title",onChange:e.onTitleChange,value:e.title,title:e.titleInputTitle})),t.createElement(l.FieldWrapper,null,t.createElement(r.Label,{editorId:"description"},e.descriptionLabel),t.createElement(d.Input,{id:"description",onChange:e.onDescriptionChange,value:e.description,title:e.descriptionInputTitle})),t.createElement(l.FieldWrapper,null,t.createElement(r.Label,{editorId:"priority"},e.priorityLabel),t.createElement(m.DropDownList,{id:"priority",data:e.priorities,value:e.priority,onChange:e.onPriorityChange,itemRender:s.itemRender,valueRender:s.valueRender,textField:"priority",dataItemKey:"priority",title:e.priorityDropDownTitle})))),t.createElement("div",{className:"k-taskboard-pane-actions k-actions k-hstack k-justify-content-end"},t.createElement(i.Button,{onClick:e.onClose},e.cancelButton),t.createElement(i.Button,{themeColor:"primary",onClick:e.onSave,disabled:!e.title||!e.description},e.saveButton)));o.propTypes={};o.displayName="KendoReactTaskBoardEditPane";exports.TaskBoardTaskEditPane=o;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const m=require("react"),u=require("@progress/kendo-react-dropdowns"),r=require("@progress/kendo-react-buttons"),d=require("@progress/kendo-react-inputs"),i=require("@progress/kendo-react-labels"),l=require("@progress/kendo-react-form"),s=require("./utils.js"),k=require("@progress/kendo-svg-icons");function b(e){const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const a in e)if(a!=="default"){const c=Object.getOwnPropertyDescriptor(e,a);Object.defineProperty(n,a,c.get?c:{enumerable:!0,get:()=>e[a]})}}return n.default=e,Object.freeze(n)}const t=b(m),o=e=>t.createElement("div",{className:"k-taskboard-pane k-taskboard-edit-pane"},t.createElement("div",{className:"k-taskboard-pane-header"},t.createElement("div",{className:"k-taskboard-pane-header-text"},e.header),t.createElement("span",{className:"k-spacer"}),t.createElement("div",{className:"k-taskboard-pane-header-actions"},t.createElement(r.Button,{icon:"x",svgIcon:k.xIcon,fillMode:"flat",onClick:e.onClose}))),t.createElement("div",{className:"k-taskboard-pane-content"},t.createElement("div",{role:"form","data-role":"form",className:"k-form"},t.createElement(l.FieldWrapper,null,t.createElement(i.Label,{editorId:"title"},e.titleLabel),t.createElement(d.Input,{id:"title",onChange:e.onTitleChange,value:e.title,title:e.titleInputTitle})),t.createElement(l.FieldWrapper,null,t.createElement(i.Label,{editorId:"description"},e.descriptionLabel),t.createElement(d.Input,{id:"description",onChange:e.onDescriptionChange,value:e.description,title:e.descriptionInputTitle})),t.createElement(l.FieldWrapper,null,t.createElement(i.Label,{editorId:"priority"},e.priorityLabel),t.createElement(u.DropDownList,{id:"priority",data:e.priorities,value:e.priority,onChange:e.onPriorityChange,itemRender:s.itemRender,valueRender:s.valueRender,textField:"priority",dataItemKey:"priority",title:e.priorityDropDownTitle})))),t.createElement("div",{className:"k-taskboard-pane-actions k-actions k-hstack k-justify-content-end"},t.createElement(r.Button,{onClick:e.onClose},e.cancelButton),t.createElement(r.Button,{themeColor:"primary",onClick:e.onSave,disabled:!e.title||!e.description},e.saveButton)));o.propTypes={};o.displayName="KendoReactTaskBoardEditPane";exports.TaskBoardTaskEditPane=o;

package/TaskBoardTaskEditPane.mjs

@@ -5,7 +5,6 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-"use client";
 import * as t from "react";
 import { DropDownList as o } from "@progress/kendo-react-dropdowns";
 import { Button as a } from "@progress/kendo-react-buttons";

package/TaskBoardToolbar.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"),n=require("prop-types"),l=require("@progress/kendo-react-common");function d(e){const o=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(o,t,a.get?a:{enumerable:!0,get:()=>e[t]})}}return o.default=e,Object.freeze(o)}const s=d(c),r=e=>{const{className:o,style:t,children:a}=e;return s.createElement("div",{style:t,className:l.classNames("k-taskboard-header",o)},s.createElement("div",{className:"k-taskboard-toolbar k-toolbar k-toolbar-md k-toolbar-solid"},a))};r.propTypes={children:n.node};r.displayName="KendoReactTaskBoardToolbar";exports.TaskBoardToolbar=r;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("react"),n=require("prop-types"),l=require("@progress/kendo-react-common");function d(e){const o=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(o,t,a.get?a:{enumerable:!0,get:()=>e[t]})}}return o.default=e,Object.freeze(o)}const s=d(c),r=e=>{const{className:o,style:t,children:a}=e;return s.createElement("div",{style:t,className:l.classNames("k-taskboard-header",o)},s.createElement("div",{className:"k-taskboard-toolbar k-toolbar k-toolbar-md k-toolbar-solid"},a))};r.propTypes={children:n.node};r.displayName="KendoReactTaskBoardToolbar";exports.TaskBoardToolbar=r;

package/TaskBoardToolbar.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 l from "prop-types";
 import { classNames as d } from "@progress/kendo-react-common";

package/card/Card.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"),d=require("@progress/kendo-react-common"),i=require("../constants.js");function r(e){const a=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const n in e)if(n!=="default"){const l=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(a,n,l.get?l:{enumerable:!0,get:()=>e[n]})}}return a.default=e,Object.freeze(a)}const t=r(c),o=e=>t.createElement(t.Fragment,null,t.createElement(e.card,{key:String(e.task.id),ref:e.elementRef,style:e.style,className:d.classNames("k-taskboard-card k-cursor-move k-taskboard-card-category",{"k-disabled":e.disabled}),[i.TASKBOARD_ITEM_TYPE]:i.TASKBOARD_TASK,[i.TASKBOARD_ITEM_ID]:e.task.id,tabIndex:e.tabIndex},t.createElement(e.cardHeader,{showMenu:e.showMenu,menuItems:e.menuItems,popupRef:e.popupRef,title:e.task.title,task:e.task,onShowPreviewPane:e.onShowPreviewPane,onShowMenu:e.onShowMenu,onHideMenu:e.onHideMenu,onMenuButtonBlur:e.onMenuButtonBlur,onMenuItemSelect:e.onMenuItemSelect}),t.createElement(e.cardBody,{task:e.task},e.task.description)),e.showDeleteConfirm&&t.createElement(e.confirmDialog,{onConfirm:e.onTaskDelete,onClose:e.onCloseConfirmDialog,dialogMessage:e.confirmDialogMessage,dialogTitle:e.confirmDialogTitle,dialogConfirmButton:e.confirmDialogConfirmButton,dialogCancelButton:e.confirmDialogCancelButton}),e.showTaskPreviewPane&&t.createElement(e.previewDialog,{title:e.task.title,description:e.task.description,priorityLabel:e.previewDialogPriorityLabel,delete:e.previewDialogDelete,edit:e.previewDialogEdit,onClosePreviewPane:e.onClosePreviewPane,onTaskDelete:e.onTaskDelete,onTaskEdit:e.onTaskEdit,priority:e.task.priority}));o.displayName="KendoReactTaskBoardCard";exports.TaskBoardCard=o;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("react"),d=require("@progress/kendo-react-common"),i=require("../constants.js");function r(e){const a=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const n in e)if(n!=="default"){const o=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(a,n,o.get?o:{enumerable:!0,get:()=>e[n]})}}return a.default=e,Object.freeze(a)}const t=r(c),l=e=>t.createElement(t.Fragment,null,t.createElement(e.card,{key:String(e.task.id),ref:e.elementRef,style:e.style,className:d.classNames("k-taskboard-card k-cursor-move k-taskboard-card-category",{"k-disabled":e.disabled}),[i.TASKBOARD_ITEM_TYPE]:i.TASKBOARD_TASK,[i.TASKBOARD_ITEM_ID]:e.task.id,tabIndex:e.tabIndex},t.createElement(e.cardHeader,{showMenu:e.showMenu,menuItems:e.menuItems,popupRef:e.popupRef,title:e.task.title,task:e.task,onShowPreviewPane:e.onShowPreviewPane,onShowMenu:e.onShowMenu,onHideMenu:e.onHideMenu,onMenuButtonBlur:e.onMenuButtonBlur,onMenuItemSelect:e.onMenuItemSelect}),t.createElement(e.cardBody,{task:e.task},e.task.description)),e.showDeleteConfirm&&t.createElement(e.confirmDialog,{onConfirm:e.onTaskDelete,onClose:e.onCloseConfirmDialog,dialogMessage:e.confirmDialogMessage,dialogTitle:e.confirmDialogTitle,dialogConfirmButton:e.confirmDialogConfirmButton,dialogCancelButton:e.confirmDialogCancelButton}),e.showTaskPreviewPane&&t.createElement(e.previewDialog,{title:e.task.title,description:e.task.description,priorityLabel:e.previewDialogPriorityLabel,delete:e.previewDialogDelete,edit:e.previewDialogEdit,onClosePreviewPane:e.onClosePreviewPane,onTaskDelete:e.onTaskDelete,onTaskEdit:e.onTaskEdit,priority:e.task.priority}));l.displayName="KendoReactTaskBoardCard";exports.TaskBoardCard=l;

package/card/Card.mjs

@@ -5,7 +5,6 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-"use client";
 import * as t from "react";
 import { classNames as a } from "@progress/kendo-react-common";
 import { TASKBOARD_ITEM_TYPE as n, TASKBOARD_TASK as i, TASKBOARD_ITEM_ID as l } from "../constants.mjs";

package/card/CardBody.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 n=require("react"),c=require("@progress/kendo-react-layout");function d(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=d(n),o=e=>u.createElement(c.CardBody,null,e.children);o.displayName="KendoReactTaskBoardCardBody";exports.TaskBoardCardBody=o;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react"),c=require("@progress/kendo-react-layout");function d(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=d(n),o=e=>u.createElement(c.CardBody,null,e.children);o.displayName="KendoReactTaskBoardCardBody";exports.TaskBoardCardBody=o;

package/card/CardBody.mjs

@@ -5,11 +5,10 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-"use client";
 import * as a from "react";
-import { CardBody as e } from "@progress/kendo-react-layout";
-const o = (r) => /* @__PURE__ */ a.createElement(e, null, r.children);
-o.displayName = "KendoReactTaskBoardCardBody";
+import { CardBody as o } from "@progress/kendo-react-layout";
+const d = (r) => /* @__PURE__ */ a.createElement(o, null, r.children);
+d.displayName = "KendoReactTaskBoardCardBody";
 export {
-  o as TaskBoardCardBody
+  d as TaskBoardCardBody
 };

package/card/CardHeader.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"),u=require("@progress/kendo-react-buttons"),r=require("@progress/kendo-react-layout"),s=require("@progress/kendo-react-popup"),i=require("@progress/kendo-svg-icons");function d(e){const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const a in e)if(a!=="default"){const c=Object.getOwnPropertyDescriptor(e,a);Object.defineProperty(n,a,c.get?c:{enumerable:!0,get:()=>e[a]})}}return n.default=e,Object.freeze(n)}const t=d(l),o=e=>{const n=t.useRef();return t.createElement(r.CardHeader,{className:"k-hbox"},t.createElement("span",{className:"k-card-title k-link",onClick:e.onShowPreviewPane},e.title),t.createElement("span",{className:"k-spacer"}),t.createElement("div",{className:"k-card-header-actions"},t.createElement(u.Button,{className:"k-card-details",fillMode:"flat",themeColor:"base",icon:"more-vertical",svgIcon:i.moreVerticalIcon,ref:n,onClick:e.showMenu?e.onHideMenu:e.onShowMenu,onBlur:e.onMenuButtonBlur}),t.createElement(s.Popup,{anchor:n.current&&n.current.element,show:e.showMenu,ref:e.popupRef},t.createElement(r.Menu,{vertical:!0,onSelect:e.onMenuItemSelect,items:e.menuItems,className:"k-context-menu"}))))};o.displayName="KendoReactTaskBoardCardHeader";exports.TaskBoardCardHeader=o;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("react"),u=require("@progress/kendo-react-buttons"),c=require("@progress/kendo-react-layout"),s=require("@progress/kendo-react-popup"),i=require("@progress/kendo-svg-icons");function d(e){const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const a in e)if(a!=="default"){const r=Object.getOwnPropertyDescriptor(e,a);Object.defineProperty(n,a,r.get?r:{enumerable:!0,get:()=>e[a]})}}return n.default=e,Object.freeze(n)}const t=d(l),o=e=>{const n=t.useRef();return t.createElement(c.CardHeader,{className:"k-hbox"},t.createElement("span",{className:"k-card-title k-link",onClick:e.onShowPreviewPane},e.title),t.createElement("span",{className:"k-spacer"}),t.createElement("div",{className:"k-card-header-actions"},t.createElement(u.Button,{className:"k-card-details",fillMode:"flat",themeColor:"base",icon:"more-vertical",svgIcon:i.moreVerticalIcon,ref:n,onClick:e.showMenu?e.onHideMenu:e.onShowMenu,onBlur:e.onMenuButtonBlur}),t.createElement(s.Popup,{anchor:n.current&&n.current.element,show:e.showMenu,ref:e.popupRef},t.createElement(c.Menu,{vertical:!0,onSelect:e.onMenuItemSelect,items:e.menuItems,className:"k-context-menu"}))))};o.displayName="KendoReactTaskBoardCardHeader";exports.TaskBoardCardHeader=o;

package/card/CardHeader.mjs

@@ -5,13 +5,12 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-"use client";
 import * as t from "react";
 import { Button as n } from "@progress/kendo-react-buttons";
 import { CardHeader as r, Menu as o } from "@progress/kendo-react-layout";
 import { Popup as c } from "@progress/kendo-react-popup";
-import { moreVerticalIcon as l } from "@progress/kendo-svg-icons";
-const m = (e) => {
+import { moreVerticalIcon as m } from "@progress/kendo-svg-icons";
+const l = (e) => {
   const a = t.useRef();
   return /* @__PURE__ */ t.createElement(r, { className: "k-hbox" }, /* @__PURE__ */ t.createElement("span", { className: "k-card-title k-link", onClick: e.onShowPreviewPane }, e.title), /* @__PURE__ */ t.createElement("span", { className: "k-spacer" }), /* @__PURE__ */ t.createElement("div", { className: "k-card-header-actions" }, /* @__PURE__ */ t.createElement(
     n,
@@ -20,7 +19,7 @@ const m = (e) => {
       fillMode: "flat",
       themeColor: "base",
       icon: "more-vertical",
-      svgIcon: l,
+      svgIcon: m,
       ref: a,
       onClick: e.showMenu ? e.onHideMenu : e.onShowMenu,
       onBlur: e.onMenuButtonBlur
@@ -43,7 +42,7 @@ const m = (e) => {
     )
   )));
 };
-m.displayName = "KendoReactTaskBoardCardHeader";
+l.displayName = "KendoReactTaskBoardCardHeader";
 export {
-  m as TaskBoardCardHeader
+  l as TaskBoardCardHeader
 };

package/card/PreviewDialog.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"),r=require("@progress/kendo-react-buttons"),i=require("@progress/kendo-svg-icons");function s(e){const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const a in e)if(a!=="default"){const c=Object.getOwnPropertyDescriptor(e,a);Object.defineProperty(n,a,c.get?c:{enumerable:!0,get:()=>e[a]})}}return n.default=e,Object.freeze(n)}const t=s(l),o=e=>t.createElement("div",{className:"k-taskboard-pane k-taskboard-preview-pane"},t.createElement("div",{className:"k-taskboard-pane-header"},t.createElement("div",{className:"k-taskboard-pane-header-text"},e.title),t.createElement("span",{className:"k-spacer"}),t.createElement("div",{className:"k-taskboard-pane-header-actions"},t.createElement(r.Button,{icon:"x",svgIcon:i.xIcon,fillMode:"flat",onClick:e.onClosePreviewPane}))),t.createElement("div",{className:"k-taskboard-pane-content"},t.createElement("p",null,e.description),t.createElement("p",null,e.priorityLabel," ",t.createElement("span",{style:{backgroundColor:e.priority.color}}," ")," ",e.priority.priority)),t.createElement("div",{className:"k-taskboard-pane-actions k-actions k-hstack k-justify-content-end"},t.createElement(r.Button,{onClick:e.onTaskDelete},e.delete),t.createElement(r.Button,{themeColor:"primary",onClick:e.onTaskEdit},e.edit)));o.displayName="KendoReactTaskBoardPreviewDialog";exports.TaskBoardPreviewDialog=o;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("react"),r=require("@progress/kendo-react-buttons"),i=require("@progress/kendo-svg-icons");function s(e){const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const a in e)if(a!=="default"){const o=Object.getOwnPropertyDescriptor(e,a);Object.defineProperty(n,a,o.get?o:{enumerable:!0,get:()=>e[a]})}}return n.default=e,Object.freeze(n)}const t=s(l),c=e=>t.createElement("div",{className:"k-taskboard-pane k-taskboard-preview-pane"},t.createElement("div",{className:"k-taskboard-pane-header"},t.createElement("div",{className:"k-taskboard-pane-header-text"},e.title),t.createElement("span",{className:"k-spacer"}),t.createElement("div",{className:"k-taskboard-pane-header-actions"},t.createElement(r.Button,{icon:"x",svgIcon:i.xIcon,fillMode:"flat",onClick:e.onClosePreviewPane}))),t.createElement("div",{className:"k-taskboard-pane-content"},t.createElement("p",null,e.description),t.createElement("p",null,e.priorityLabel," ",t.createElement("span",{style:{backgroundColor:e.priority.color}}," ")," ",e.priority.priority)),t.createElement("div",{className:"k-taskboard-pane-actions k-actions k-hstack k-justify-content-end"},t.createElement(r.Button,{onClick:e.onTaskDelete},e.delete),t.createElement(r.Button,{themeColor:"primary",onClick:e.onTaskEdit},e.edit)));c.displayName="KendoReactTaskBoardPreviewDialog";exports.TaskBoardPreviewDialog=c;

package/card/PreviewDialog.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 { Button as t } from "@progress/kendo-react-buttons";
 import { xIcon as n } from "@progress/kendo-svg-icons";

package/column/Column.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"),u=require("@progress/kendo-react-common"),o=require("../constants.js"),i=require("../TaskBoardTaskEditPane.js");function m(e){const a=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const n in e)if(n!=="default"){const l=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(a,n,l.get?l:{enumerable:!0,get:()=>e[n]})}}return a.default=e,Object.freeze(a)}const t=m(c),d=e=>t.createElement(t.Fragment,null,t.createElement("div",{ref:e.elementRef,style:e.style,className:u.classNames("k-taskboard-column",{"k-taskboard-column-edit":e.column.edit}),tabIndex:e.tabIndex,[o.TASKBOARD_ITEM_TYPE]:o.TASKBOARD_COLUMN,[o.TASKBOARD_ITEM_ID]:e.column.id},t.createElement(e.header,{column:e.column,tasks:e.tasks,onTitleChange:e.onTitleChange,onColumnExitEdit:e.onColumnExitEdit,editButtonTitle:e.editButtonTitle,onColumnEnterEdit:e.onColumnEnterEdit,addButtonTitle:e.addButtonTitle,onShowAddCardDialog:e.onShowAddCardDialog,closeButtonTitle:e.closeButtonTitle,onColumnDelete:e.onColumnDelete}),t.createElement(e.body,null,e.children)),e.showAddCard&&t.createElement(e.addCardDialog,{onClose:e.onCloseDialog,onSave:e.onTaskCreate,priorities:e.priorities,editPane:i.TaskBoardTaskEditPane}),e.showEditCard&&e.editedTask&&t.createElement(e.editCardDialog,{onClose:e.onCloseDialog,onSave:e.onTaskEdit,task:e.editedTask,priorities:e.priorities,editPane:i.TaskBoardTaskEditPane}),e.showColumnConfirmDelete&&t.createElement(e.confirmDialog,{onClose:e.onColumnDelete,onConfirm:e.onColumnConfirmDelete,dialogMessage:e.confirmDialogMessage,dialogTitle:e.confirmDialogTitle,dialogConfirmButton:e.confirmDialogConfirmButton,dialogCancelButton:e.confirmDialogCancelButton}));d.displayName="KendoReactTaskBoardColumn";exports.TaskBoardColumn=d;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("react"),u=require("@progress/kendo-react-common"),o=require("../constants.js"),i=require("../TaskBoardTaskEditPane.js");function m(e){const a=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const n in e)if(n!=="default"){const l=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(a,n,l.get?l:{enumerable:!0,get:()=>e[n]})}}return a.default=e,Object.freeze(a)}const t=m(c),d=e=>t.createElement(t.Fragment,null,t.createElement("div",{ref:e.elementRef,style:e.style,className:u.classNames("k-taskboard-column",{"k-taskboard-column-edit":e.column.edit}),tabIndex:e.tabIndex,[o.TASKBOARD_ITEM_TYPE]:o.TASKBOARD_COLUMN,[o.TASKBOARD_ITEM_ID]:e.column.id},t.createElement(e.header,{column:e.column,tasks:e.tasks,onTitleChange:e.onTitleChange,onColumnExitEdit:e.onColumnExitEdit,editButtonTitle:e.editButtonTitle,onColumnEnterEdit:e.onColumnEnterEdit,addButtonTitle:e.addButtonTitle,onShowAddCardDialog:e.onShowAddCardDialog,closeButtonTitle:e.closeButtonTitle,onColumnDelete:e.onColumnDelete}),t.createElement(e.body,null,e.children)),e.showAddCard&&t.createElement(e.addCardDialog,{onClose:e.onCloseDialog,onSave:e.onTaskCreate,priorities:e.priorities,editPane:i.TaskBoardTaskEditPane}),e.showEditCard&&e.editedTask&&t.createElement(e.editCardDialog,{onClose:e.onCloseDialog,onSave:e.onTaskEdit,task:e.editedTask,priorities:e.priorities,editPane:i.TaskBoardTaskEditPane}),e.showColumnConfirmDelete&&t.createElement(e.confirmDialog,{onClose:e.onColumnDelete,onConfirm:e.onColumnConfirmDelete,dialogMessage:e.confirmDialogMessage,dialogTitle:e.confirmDialogTitle,dialogConfirmButton:e.confirmDialogConfirmButton,dialogCancelButton:e.confirmDialogCancelButton}));d.displayName="KendoReactTaskBoardColumn";exports.TaskBoardColumn=d;

package/column/Column.mjs

@@ -5,21 +5,20 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-"use client";
 import * as t from "react";
-import { classNames as l } from "@progress/kendo-react-common";
-import { TASKBOARD_ITEM_TYPE as a, TASKBOARD_COLUMN as i, TASKBOARD_ITEM_ID as o } from "../constants.mjs";
+import { classNames as a } from "@progress/kendo-react-common";
+import { TASKBOARD_ITEM_TYPE as l, TASKBOARD_COLUMN as i, TASKBOARD_ITEM_ID as o } from "../constants.mjs";
 import { TaskBoardTaskEditPane as n } from "../TaskBoardTaskEditPane.mjs";
 const d = (e) => /* @__PURE__ */ t.createElement(t.Fragment, null, /* @__PURE__ */ t.createElement(
   "div",
   {
     ref: e.elementRef,
     style: e.style,
-    className: l("k-taskboard-column", {
+    className: a("k-taskboard-column", {
       "k-taskboard-column-edit": e.column.edit
     }),
     tabIndex: e.tabIndex,
-    [a]: i,
+    [l]: i,
     [o]: e.column.id
   },
   /* @__PURE__ */ t.createElement(

package/column/ColumnBody.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");function l(e){const a=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(a,t,o.get?o:{enumerable:!0,get:()=>e[t]})}}return a.default=e,Object.freeze(a)}const r=l(c),n=e=>r.createElement("div",{className:"k-taskboard-column-cards-container"},r.createElement("div",{className:"k-taskboard-column-cards"},e.children));n.displayName="KendoReactTaskBoardColumnBody";exports.TaskBoardColumnBody=n;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("react");function l(e){const a=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(a,t,o.get?o:{enumerable:!0,get:()=>e[t]})}}return a.default=e,Object.freeze(a)}const r=l(c),n=e=>r.createElement("div",{className:"k-taskboard-column-cards-container"},r.createElement("div",{className:"k-taskboard-column-cards"},e.children));n.displayName="KendoReactTaskBoardColumnBody";exports.TaskBoardColumnBody=n;

package/column/ColumnBody.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";
 const o = (e) => /* @__PURE__ */ a.createElement("div", { className: "k-taskboard-column-cards-container" }, /* @__PURE__ */ a.createElement("div", { className: "k-taskboard-column-cards" }, e.children));
 o.displayName = "KendoReactTaskBoardColumnBody";

package/column/ColumnHeader.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"),a=require("@progress/kendo-react-buttons"),u=require("@progress/kendo-react-inputs"),s=require("@progress/kendo-react-common"),l=require("@progress/kendo-svg-icons");function d(e){const o=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const n in e)if(n!=="default"){const c=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(o,n,c.get?c:{enumerable:!0,get:()=>e[n]})}}return o.default=e,Object.freeze(o)}const t=d(r),i=e=>{const{edit:o,title:n}=e.column;return t.createElement("div",{className:"k-taskboard-column-header"},t.createElement("div",{className:"k-taskboard-column-header-text k-text-ellipsis"},o?t.createElement(u.Input,{value:n,onChange:e.onTitleChange,onBlur:e.onColumnExitEdit,autoFocus:!0}):n),t.createElement("span",{className:"k-spacer"}),t.createElement("div",{className:s.classNames("k-taskboard-column-header-actions",{"k-disabled":o})},t.createElement(a.Button,{fillMode:"flat",icon:"pencil",svgIcon:l.pencilIcon,title:e.editButtonTitle,onClick:e.onColumnEnterEdit}),t.createElement(a.Button,{fillMode:"flat",icon:"plus",svgIcon:l.plusIcon,title:e.addButtonTitle,onClick:e.onShowAddCardDialog}),t.createElement(a.Button,{fillMode:"flat",icon:"x",svgIcon:l.xIcon,title:e.closeButtonTitle,onClick:e.onColumnDelete})))};i.displayName="KendoReactTaskBoardColumnHeader";exports.TaskBoardColumnHeader=i;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react"),a=require("@progress/kendo-react-buttons"),u=require("@progress/kendo-react-inputs"),d=require("@progress/kendo-react-common"),l=require("@progress/kendo-svg-icons");function s(e){const o=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const n in e)if(n!=="default"){const c=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(o,n,c.get?c:{enumerable:!0,get:()=>e[n]})}}return o.default=e,Object.freeze(o)}const t=s(r),i=e=>{const{edit:o,title:n}=e.column;return t.createElement("div",{className:"k-taskboard-column-header"},t.createElement("div",{className:"k-taskboard-column-header-text k-text-ellipsis"},o?t.createElement(u.Input,{value:n,onChange:e.onTitleChange,onBlur:e.onColumnExitEdit,autoFocus:!0}):n),t.createElement("span",{className:"k-spacer"}),t.createElement("div",{className:d.classNames("k-taskboard-column-header-actions",{"k-disabled":o})},t.createElement(a.Button,{fillMode:"flat",icon:"pencil",svgIcon:l.pencilIcon,title:e.editButtonTitle,onClick:e.onColumnEnterEdit}),t.createElement(a.Button,{fillMode:"flat",icon:"plus",svgIcon:l.plusIcon,title:e.addButtonTitle,onClick:e.onShowAddCardDialog}),t.createElement(a.Button,{fillMode:"flat",icon:"x",svgIcon:l.xIcon,title:e.closeButtonTitle,onClick:e.onColumnDelete})))};i.displayName="KendoReactTaskBoardColumnHeader";exports.TaskBoardColumnHeader=i;

package/column/ColumnHeader.mjs

@@ -5,23 +5,22 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-"use client";
 import * as t from "react";
 import { Button as l } from "@progress/kendo-react-buttons";
 import { Input as o } from "@progress/kendo-react-inputs";
 import { classNames as c } from "@progress/kendo-react-common";
 import { pencilIcon as i, plusIcon as m, xIcon as d } from "@progress/kendo-svg-icons";
 const r = (e) => {
-  const { edit: n, title: a } = e.column;
-  return /* @__PURE__ */ t.createElement("div", { className: "k-taskboard-column-header" }, /* @__PURE__ */ t.createElement("div", { className: "k-taskboard-column-header-text k-text-ellipsis" }, n ? /* @__PURE__ */ t.createElement(
+  const { edit: a, title: n } = e.column;
+  return /* @__PURE__ */ t.createElement("div", { className: "k-taskboard-column-header" }, /* @__PURE__ */ t.createElement("div", { className: "k-taskboard-column-header-text k-text-ellipsis" }, a ? /* @__PURE__ */ t.createElement(
     o,
     {
-      value: a,
+      value: n,
       onChange: e.onTitleChange,
       onBlur: e.onColumnExitEdit,
       autoFocus: !0
     }
-  ) : a), /* @__PURE__ */ t.createElement("span", { className: "k-spacer" }), /* @__PURE__ */ t.createElement("div", { className: c("k-taskboard-column-header-actions", { "k-disabled": n }) }, /* @__PURE__ */ t.createElement(
+  ) : n), /* @__PURE__ */ t.createElement("span", { className: "k-spacer" }), /* @__PURE__ */ t.createElement("div", { className: c("k-taskboard-column-header-actions", { "k-disabled": a }) }, /* @__PURE__ */ t.createElement(
     l,
     {
       fillMode: "flat",

package/constants.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 A="data-taskboard-type",t="data-taskboard-id",T="data-taskboard-placeholder",a="column",O="task";exports.TASKBOARD_COLUMN=a;exports.TASKBOARD_ITEM_ID=t;exports.TASKBOARD_ITEM_TYPE=A;exports.TASKBOARD_PLACEHOLDER=T;exports.TASKBOARD_TASK=O;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const A="data-taskboard-type",t="data-taskboard-id",T="data-taskboard-placeholder",a="column",O="task";exports.TASKBOARD_COLUMN=a;exports.TASKBOARD_ITEM_ID=t;exports.TASKBOARD_ITEM_TYPE=A;exports.TASKBOARD_PLACEHOLDER=T;exports.TASKBOARD_TASK=O;

package/constants.mjs

@@ -5,12 +5,11 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-"use client";
-const t = "data-taskboard-type", a = "data-taskboard-id", A = "data-taskboard-placeholder", o = "column", s = "task";
+const a = "data-taskboard-type", t = "data-taskboard-id", A = "data-taskboard-placeholder", o = "column", s = "task";
 export {
   o as TASKBOARD_COLUMN,
-  a as TASKBOARD_ITEM_ID,
-  t as TASKBOARD_ITEM_TYPE,
+  t as TASKBOARD_ITEM_ID,
+  a as TASKBOARD_ITEM_TYPE,
   A as TASKBOARD_PLACEHOLDER,
   s as TASKBOARD_TASK
 };

package/hooks/taskEditing.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 v=require("react");function y(t){const e=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const o in t)if(o!=="default"){const i=Object.getOwnPropertyDescriptor(t,o);Object.defineProperty(e,o,i.get?i:{enumerable:!0,get:()=>t[o]})}}return e.default=t,Object.freeze(e)}const n=y(v),S=({onSave:t,task:e,priorities:o})=>{const[i,a]=n.useState(e?e.title:""),[r,l]=n.useState(e?e.description:""),[s,u]=n.useState(e?e.priority:o[0]),d=n.useCallback(c=>{a(c.value)},[]),g=n.useCallback(c=>{l(c.value)},[]),p=n.useCallback(c=>{u(c.target.value)},[]),b=n.useCallback(c=>{const f={id:void 0,status:"",...e||{},title:i,description:r,priority:s};t.call(void 0,f,e)},[t,e,i,r,s]);return{onTitleChange:d,title:i,onDescriptionChange:g,description:r,onPriorityChange:p,priority:s,onSave:b}};exports.useTaskEditing=S;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const v=require("react");function y(t){const e=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const o in t)if(o!=="default"){const i=Object.getOwnPropertyDescriptor(t,o);Object.defineProperty(e,o,i.get?i:{enumerable:!0,get:()=>t[o]})}}return e.default=t,Object.freeze(e)}const n=y(v),S=({onSave:t,task:e,priorities:o})=>{const[i,a]=n.useState(e?e.title:""),[r,l]=n.useState(e?e.description:""),[s,u]=n.useState(e?e.priority:o[0]),d=n.useCallback(c=>{a(c.value)},[]),g=n.useCallback(c=>{l(c.value)},[]),p=n.useCallback(c=>{u(c.target.value)},[]),b=n.useCallback(c=>{const f={id:void 0,status:"",...e||{},title:i,description:r,priority:s};t.call(void 0,f,e)},[t,e,i,r,s]);return{onTitleChange:d,title:i,onDescriptionChange:g,description:r,onPriorityChange:p,priority:s,onSave:b}};exports.useTaskEditing=S;

package/hooks/taskEditing.mjs

@@ -5,13 +5,12 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-"use client";
 import * as t from "react";
-const b = ({ onSave: c, task: e, priorities: l }) => {
-  const [n, r] = t.useState(e ? e.title : ""), [o, a] = t.useState(e ? e.description : ""), [s, u] = t.useState(e ? e.priority : l[0]), p = t.useCallback((i) => {
-    r(i.value);
-  }, []), v = t.useCallback((i) => {
+const b = ({ onSave: c, task: e, priorities: r }) => {
+  const [o, a] = t.useState(e ? e.title : ""), [n, l] = t.useState(e ? e.description : ""), [s, u] = t.useState(e ? e.priority : r[0]), p = t.useCallback((i) => {
     a(i.value);
+  }, []), v = t.useCallback((i) => {
+    l(i.value);
   }, []), C = t.useCallback((i) => {
     u(i.target.value);
   }, []), d = t.useCallback(
@@ -20,15 +19,15 @@ const b = ({ onSave: c, task: e, priorities: l }) => {
         id: void 0,
         status: "",
         ...e || {},
-        title: n,
-        description: o,
+        title: o,
+        description: n,
         priority: s
       };
       c.call(void 0, g, e);
     },
-    [c, e, n, o, s]
+    [c, e, o, n, s]
   );
-  return { onTitleChange: p, title: n, onDescriptionChange: v, description: o, onPriorityChange: C, priority: s, onSave: d };
+  return { onTitleChange: p, title: o, onDescriptionChange: v, description: n, onPriorityChange: C, priority: s, onSave: d };
 };
 export {
   b as useTaskEditing

package/index.js

@@ -5,4 +5,5 @@
  * 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 a=require("./TaskBoard.js"),r=require("./TaskBoardToolbar.js"),o=require("./card/Card.js"),d=require("./card/CardHeader.js"),e=require("./card/CardBody.js"),s=require("./column/Column.js"),i=require("./column/ColumnHeader.js"),T=require("./column/ColumnBody.js"),k=require("./TaskBoardConfirmDialog.js"),B=require("./card/PreviewDialog.js"),n=require("./TaskBoardAddCard.js"),t=require("./TaskBoardEditCard.js"),u=require("./TaskBoardTaskEditPane.js"),C=require("./hooks/taskEditing.js");exports.TaskBoard=a.TaskBoard;exports.TaskBoardToolbar=r.TaskBoardToolbar;exports.TaskBoardCard=o.TaskBoardCard;exports.TaskBoardCardHeader=d.TaskBoardCardHeader;exports.TaskBoardCardBody=e.TaskBoardCardBody;exports.TaskBoardColumn=s.TaskBoardColumn;exports.TaskBoardColumnHeader=i.TaskBoardColumnHeader;exports.TaskBoardColumnBody=T.TaskBoardColumnBody;exports.TaskBoardConfirmDialog=k.TaskBoardConfirmDialog;exports.TaskBoardPreviewDialog=B.TaskBoardPreviewDialog;exports.TaskBoardAddCard=n.TaskBoardAddCard;exports.TaskBoardEditCard=t.TaskBoardEditCard;exports.TaskBoardTaskEditPane=u.TaskBoardTaskEditPane;exports.useTaskEditing=C.useTaskEditing;
+"use client";
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("./TaskBoard.js"),r=require("./TaskBoardToolbar.js"),o=require("./card/Card.js"),d=require("./card/CardHeader.js"),e=require("./card/CardBody.js"),s=require("./column/Column.js"),i=require("./column/ColumnHeader.js"),T=require("./column/ColumnBody.js"),k=require("./TaskBoardConfirmDialog.js"),B=require("./card/PreviewDialog.js"),n=require("./TaskBoardAddCard.js"),t=require("./TaskBoardEditCard.js"),u=require("./TaskBoardTaskEditPane.js"),C=require("./hooks/taskEditing.js");exports.TaskBoard=a.TaskBoard;exports.TaskBoardToolbar=r.TaskBoardToolbar;exports.TaskBoardCard=o.TaskBoardCard;exports.TaskBoardCardHeader=d.TaskBoardCardHeader;exports.TaskBoardCardBody=e.TaskBoardCardBody;exports.TaskBoardColumn=s.TaskBoardColumn;exports.TaskBoardColumnHeader=i.TaskBoardColumnHeader;exports.TaskBoardColumnBody=T.TaskBoardColumnBody;exports.TaskBoardConfirmDialog=k.TaskBoardConfirmDialog;exports.TaskBoardPreviewDialog=B.TaskBoardPreviewDialog;exports.TaskBoardAddCard=n.TaskBoardAddCard;exports.TaskBoardEditCard=t.TaskBoardEditCard;exports.TaskBoardTaskEditPane=u.TaskBoardTaskEditPane;exports.useTaskEditing=C.useTaskEditing;

package/index.mjs

@@ -12,14 +12,14 @@ import { TaskBoardCard as t } from "./card/Card.mjs";
 import { TaskBoardCardHeader as T } from "./card/CardHeader.mjs";
 import { TaskBoardCardBody as k } from "./card/CardBody.mjs";
 import { TaskBoardColumn as p } from "./column/Column.mjs";
-import { TaskBoardColumnHeader as i } from "./column/ColumnHeader.mjs";
+import { TaskBoardColumnHeader as C } from "./column/ColumnHeader.mjs";
 import { TaskBoardColumnBody as l } from "./column/ColumnBody.mjs";
 import { TaskBoardConfirmDialog as u } from "./TaskBoardConfirmDialog.mjs";
 import { TaskBoardPreviewDialog as E } from "./card/PreviewDialog.mjs";
 import { TaskBoardAddCard as D } from "./TaskBoardAddCard.mjs";
 import { TaskBoardEditCard as P } from "./TaskBoardEditCard.mjs";
-import { TaskBoardTaskEditPane as c } from "./TaskBoardTaskEditPane.mjs";
-import { useTaskEditing as w } from "./hooks/taskEditing.mjs";
+import { TaskBoardTaskEditPane as v } from "./TaskBoardTaskEditPane.mjs";
+import { useTaskEditing as A } from "./hooks/taskEditing.mjs";
 export {
   a as TaskBoard,
   D as TaskBoardAddCard,
@@ -28,11 +28,11 @@ export {
   T as TaskBoardCardHeader,
   p as TaskBoardColumn,
   l as TaskBoardColumnBody,
-  i as TaskBoardColumnHeader,
+  C as TaskBoardColumnHeader,
   u as TaskBoardConfirmDialog,
   P as TaskBoardEditCard,
   E as TaskBoardPreviewDialog,
-  c as TaskBoardTaskEditPane,
+  v as TaskBoardTaskEditPane,
   e as TaskBoardToolbar,
-  w as useTaskEditing
+  A as useTaskEditing
 };

package/messages/index.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 a="taskBoard.toolbarAddColumnButton",t="taskBoard.toolbarSearchField",e="taskBoard.editColumnButton",o="taskBoard.addCardButton",d="taskBoard.deleteColumnButton",r="taskBoard.editCardButton",n="taskBoard.deleteCardButton",s="taskBoard.deleteTaskDialogMessage",l="taskBoard.deleteTaskDialogTitle",B="taskBoard.deleteTaskConfirmButton",i="taskBoard.deleteTaskCancelButton",k="taskBoard.addCardTitle",C="taskBoard.addCardTitleLabel",u="taskBoard.addCardDescriptionLabel",c="taskBoard.addCardPriorityLabel",D="taskBoard.addCardCreateButton",P="taskBoard.deleteColumnDialogMessage",m="taskBoard.deleteColumnDialogTitle",T="taskBoard.deleteColumnConfirmButton",b="taskBoard.deleteColumnCancelButton",g="taskBoard.editCardPaneTitle",E="taskBoard.editCardPaneSaveButton",L="taskBoard.editPaneTitleLabel",A="taskBoard.editPaneDescriptionLabel",y="taskBoard.editPanePriorityLabel",v="taskBoard.editPaneCancelButton",p="taskBoard.previewPanePriorityLabel",w="taskBoard.previewPaneDeleteButton",S="taskBoard.previewPaneEditButton",f={[a]:"Add column",[t]:"Search",[e]:"Edit column",[o]:"Add card",[d]:"Delete column",[r]:"Edit card",[n]:"Delete card",[s]:"Are you sure you want to delete this card?",[l]:"Delete Card",[B]:"Delete",[i]:"Cancel",[P]:"Are you sure you want to delete this column?",[m]:"Delete column?",[T]:"Delete",[b]:"Cancel",[k]:"Create new card",[D]:"Create",[v]:"Cancel",[g]:"Edit",[E]:"Save changes",[L]:"Title:",[A]:"Description:",[y]:"Priority:",[C]:"Title",[u]:"Description",[c]:"Priority",[p]:"Priority:",[w]:"Delete",[S]:"Edit"};exports.messages=f;exports.taskBoardAddCardButton=o;exports.taskBoardAddCardCreateButton=D;exports.taskBoardAddCardDescriptionLabel=u;exports.taskBoardAddCardPaneTitle=k;exports.taskBoardAddCardPriorityLabel=c;exports.taskBoardAddCardTitleLabel=C;exports.taskBoardAddColumnButton=a;exports.taskBoardDelColumnCancelBtn=b;exports.taskBoardDelColumnConfirmBtn=T;exports.taskBoardDelColumnDialogMsg=P;exports.taskBoardDelColumnDialogTitle=m;exports.taskBoardDeleteCardButton=n;exports.taskBoardDeleteColumnButton=d;exports.taskBoardDeleteTaskCancelButton=i;exports.taskBoardDeleteTaskConfirmButton=B;exports.taskBoardDeleteTaskDialogMessage=s;exports.taskBoardDeleteTaskDialogTitle=l;exports.taskBoardEditCardButton=r;exports.taskBoardEditCardPaneSaveBtn=E;exports.taskBoardEditCardPaneTitle=g;exports.taskBoardEditColumnButton=e;exports.taskBoardEditPaneCancelBtn=v;exports.taskBoardEditPaneDescriptionLabel=A;exports.taskBoardEditPanePriorityLabel=y;exports.taskBoardEditPaneTitleLabel=L;exports.taskBoardPreviewPaneDeleteBtn=w;exports.taskBoardPreviewPaneEditBtn=S;exports.taskBoardPreviewPanePriorityLabel=p;exports.taskBoardSearchField=t;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a="taskBoard.toolbarAddColumnButton",t="taskBoard.toolbarSearchField",e="taskBoard.editColumnButton",o="taskBoard.addCardButton",d="taskBoard.deleteColumnButton",r="taskBoard.editCardButton",n="taskBoard.deleteCardButton",s="taskBoard.deleteTaskDialogMessage",l="taskBoard.deleteTaskDialogTitle",B="taskBoard.deleteTaskConfirmButton",i="taskBoard.deleteTaskCancelButton",k="taskBoard.addCardTitle",C="taskBoard.addCardTitleLabel",u="taskBoard.addCardDescriptionLabel",c="taskBoard.addCardPriorityLabel",D="taskBoard.addCardCreateButton",P="taskBoard.deleteColumnDialogMessage",m="taskBoard.deleteColumnDialogTitle",T="taskBoard.deleteColumnConfirmButton",b="taskBoard.deleteColumnCancelButton",g="taskBoard.editCardPaneTitle",E="taskBoard.editCardPaneSaveButton",L="taskBoard.editPaneTitleLabel",A="taskBoard.editPaneDescriptionLabel",y="taskBoard.editPanePriorityLabel",v="taskBoard.editPaneCancelButton",p="taskBoard.previewPanePriorityLabel",w="taskBoard.previewPaneDeleteButton",S="taskBoard.previewPaneEditButton",f={[a]:"Add column",[t]:"Search",[e]:"Edit column",[o]:"Add card",[d]:"Delete column",[r]:"Edit card",[n]:"Delete card",[s]:"Are you sure you want to delete this card?",[l]:"Delete Card",[B]:"Delete",[i]:"Cancel",[P]:"Are you sure you want to delete this column?",[m]:"Delete column?",[T]:"Delete",[b]:"Cancel",[k]:"Create new card",[D]:"Create",[v]:"Cancel",[g]:"Edit",[E]:"Save changes",[L]:"Title:",[A]:"Description:",[y]:"Priority:",[C]:"Title",[u]:"Description",[c]:"Priority",[p]:"Priority:",[w]:"Delete",[S]:"Edit"};exports.messages=f;exports.taskBoardAddCardButton=o;exports.taskBoardAddCardCreateButton=D;exports.taskBoardAddCardDescriptionLabel=u;exports.taskBoardAddCardPaneTitle=k;exports.taskBoardAddCardPriorityLabel=c;exports.taskBoardAddCardTitleLabel=C;exports.taskBoardAddColumnButton=a;exports.taskBoardDelColumnCancelBtn=b;exports.taskBoardDelColumnConfirmBtn=T;exports.taskBoardDelColumnDialogMsg=P;exports.taskBoardDelColumnDialogTitle=m;exports.taskBoardDeleteCardButton=n;exports.taskBoardDeleteColumnButton=d;exports.taskBoardDeleteTaskCancelButton=i;exports.taskBoardDeleteTaskConfirmButton=B;exports.taskBoardDeleteTaskDialogMessage=s;exports.taskBoardDeleteTaskDialogTitle=l;exports.taskBoardEditCardButton=r;exports.taskBoardEditCardPaneSaveBtn=E;exports.taskBoardEditCardPaneTitle=g;exports.taskBoardEditColumnButton=e;exports.taskBoardEditPaneCancelBtn=v;exports.taskBoardEditPaneDescriptionLabel=A;exports.taskBoardEditPanePriorityLabel=y;exports.taskBoardEditPaneTitleLabel=L;exports.taskBoardPreviewPaneDeleteBtn=w;exports.taskBoardPreviewPaneEditBtn=S;exports.taskBoardPreviewPanePriorityLabel=p;exports.taskBoardSearchField=t;

package/messages/index.mjs

@@ -5,7 +5,6 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-"use client";
 const t = "taskBoard.toolbarAddColumnButton", a = "taskBoard.toolbarSearchField", e = "taskBoard.editColumnButton", o = "taskBoard.addCardButton", d = "taskBoard.deleteColumnButton", r = "taskBoard.editCardButton", n = "taskBoard.deleteCardButton", s = "taskBoard.deleteTaskDialogMessage", l = "taskBoard.deleteTaskDialogTitle", i = "taskBoard.deleteTaskConfirmButton", B = "taskBoard.deleteTaskCancelButton", k = "taskBoard.addCardTitle", c = "taskBoard.addCardTitleLabel", C = "taskBoard.addCardDescriptionLabel", u = "taskBoard.addCardPriorityLabel", D = "taskBoard.addCardCreateButton", P = "taskBoard.deleteColumnDialogMessage", m = "taskBoard.deleteColumnDialogTitle", T = "taskBoard.deleteColumnConfirmButton", b = "taskBoard.deleteColumnCancelButton", g = "taskBoard.editCardPaneTitle", E = "taskBoard.editCardPaneSaveButton", L = "taskBoard.editPaneTitleLabel", y = "taskBoard.editPaneDescriptionLabel", A = "taskBoard.editPanePriorityLabel", p = "taskBoard.editPaneCancelButton", v = "taskBoard.previewPanePriorityLabel", w = "taskBoard.previewPaneDeleteButton", h = "taskBoard.previewPaneEditButton", S = {
   [t]: "Add column",
   [a]: "Search",

package/package-metadata.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 e={name:"@progress/kendo-react-taskboard",productName:"KendoReact",productCode:"KENDOUIREACT",productCodes:["KENDOUIREACT"],publishDate: 1737736487,version:"9.4.0-develop.5",licensingDocsUrl:"https://www.telerik.com/kendo-react-ui/components/my-license/"};exports.packageMetadata=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e={name:"@progress/kendo-react-taskboard",productName:"KendoReact",productCode:"KENDOUIREACT",productCodes:["KENDOUIREACT"],publishDate: 1738077674,version:"9.4.0-develop.7",licensingDocsUrl:"https://www.telerik.com/kendo-react-ui/components/my-license/"};exports.packageMetadata=e;

package/package-metadata.mjs

@@ -5,14 +5,13 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-"use client";
 const e = {
   name: "@progress/kendo-react-taskboard",
   productName: "KendoReact",
   productCode: "KENDOUIREACT",
   productCodes: ["KENDOUIREACT"],
-  publishDate: 1737736487,
-  version: "9.4.0-develop.5",
+  publishDate: 1738077674,
+  version: "9.4.0-develop.7",
   licensingDocsUrl: "https://www.telerik.com/kendo-react-ui/components/my-license/"
 };
 export {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@progress/kendo-react-taskboard",
-  "version": "9.4.0-develop.5",
+  "version": "9.4.0-develop.7",
   "description": "KendoReact TaskBoard package",
   "author": "Progress",
   "license": "SEE LICENSE IN LICENSE.md",
@@ -27,17 +27,17 @@
   "peerDependencies": {
     "@progress/kendo-data-query": "^1.0.0",
     "@progress/kendo-licensing": "^1.3.4",
-    "@progress/kendo-react-buttons": "9.4.0-develop.5",
-    "@progress/kendo-react-common": "9.4.0-develop.5",
-    "@progress/kendo-react-dialogs": "9.4.0-develop.5",
-    "@progress/kendo-react-dropdowns": "9.4.0-develop.5",
-    "@progress/kendo-react-form": "9.4.0-develop.5",
-    "@progress/kendo-react-indicators": "9.4.0-develop.5",
-    "@progress/kendo-react-inputs": "9.4.0-develop.5",
-    "@progress/kendo-react-intl": "9.4.0-develop.5",
-    "@progress/kendo-react-labels": "9.4.0-develop.5",
-    "@progress/kendo-react-layout": "9.4.0-develop.5",
-    "@progress/kendo-react-popup": "9.4.0-develop.5",
+    "@progress/kendo-react-buttons": "9.4.0-develop.7",
+    "@progress/kendo-react-common": "9.4.0-develop.7",
+    "@progress/kendo-react-dialogs": "9.4.0-develop.7",
+    "@progress/kendo-react-dropdowns": "9.4.0-develop.7",
+    "@progress/kendo-react-form": "9.4.0-develop.7",
+    "@progress/kendo-react-indicators": "9.4.0-develop.7",
+    "@progress/kendo-react-inputs": "9.4.0-develop.7",
+    "@progress/kendo-react-intl": "9.4.0-develop.7",
+    "@progress/kendo-react-labels": "9.4.0-develop.7",
+    "@progress/kendo-react-layout": "9.4.0-develop.7",
+    "@progress/kendo-react-popup": "9.4.0-develop.7",
     "@progress/kendo-svg-icons": "^4.0.0",
     "react": "^16.8.2 || ^17.0.0 || ^18.0.0 || ^19.0.0 || ^19.0.0-rc",
     "react-dom": "^16.8.2 || ^17.0.0 || ^18.0.0 || ^19.0.0 || ^19.0.0-rc"
@@ -63,7 +63,7 @@
     "package": {
       "productName": "KendoReact",
       "productCode": "KENDOUIREACT",
-      "publishDate": 1737736487,
+      "publishDate": 1738077674,
       "licensingDocsUrl": "https://www.telerik.com/kendo-react-ui/components/my-license/"
     }
   },

package/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 i=require("react"),u=require("./constants.js");function a(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const r in e)if(r!=="default"){const l=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,l.get?l:{enumerable:!0,get:()=>e[r]})}}return t.default=e,Object.freeze(t)}const n=a(i),d=(e,t,r)=>{let l=-1,o=-1;for(let c=0;c<r.length;c++){const s=String(r[c].id);if(s===e&&(o=c),s===t&&(l=c),l!==-1&&o!==-1)return{dragIndex:o,dropIndex:l}}return null},p=e=>{for(;e;){if(!e.getAttribute)return null;const t=e.getAttribute(u.TASKBOARD_ITEM_ID);if(t)return{id:t,type:e.getAttribute(u.TASKBOARD_ITEM_TYPE)||"",element:e};e=e.parentNode}return null},f=(e,t)=>{const r=t.dataItem.color,l=n.createElement(n.Fragment,null,n.createElement("span",{style:{backgroundColor:r}}," "),e.props.children);return n.cloneElement(e,e.props,l)},m=(e,t)=>{if(!t)return e;const r=n.createElement(n.Fragment,null,n.createElement("span",{style:{backgroundColor:t.color}}," "),n.createElement("span",null,"  ",e.props.children));return n.cloneElement(e,{...e.props},r)};exports.closestTaskBoardElement=p;exports.findIndexes=d;exports.itemRender=f;exports.valueRender=m;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react"),u=require("./constants.js");function a(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const r in e)if(r!=="default"){const l=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,l.get?l:{enumerable:!0,get:()=>e[r]})}}return t.default=e,Object.freeze(t)}const n=a(i),d=(e,t,r)=>{let l=-1,c=-1;for(let o=0;o<r.length;o++){const s=String(r[o].id);if(s===e&&(c=o),s===t&&(l=o),l!==-1&&c!==-1)return{dragIndex:c,dropIndex:l}}return null},p=e=>{for(;e;){if(!e.getAttribute)return null;const t=e.getAttribute(u.TASKBOARD_ITEM_ID);if(t)return{id:t,type:e.getAttribute(u.TASKBOARD_ITEM_TYPE)||"",element:e};e=e.parentNode}return null},f=(e,t)=>{const r=t.dataItem.color,l=n.createElement(n.Fragment,null,n.createElement("span",{style:{backgroundColor:r}}," "),e.props.children);return n.cloneElement(e,e.props,l)},m=(e,t)=>{if(!t)return e;const r=n.createElement(n.Fragment,null,n.createElement("span",{style:{backgroundColor:t.color}}," "),n.createElement("span",null,"  ",e.props.children));return n.cloneElement(e,{...e.props},r)};exports.closestTaskBoardElement=p;exports.findIndexes=d;exports.itemRender=f;exports.valueRender=m;

package/utils.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 { TASKBOARD_ITEM_ID as s, TASKBOARD_ITEM_TYPE as u } from "./constants.mjs";
 const p = (e, t, n) => {