@progress/kendo-react-taskboard 7.2.4-develop.3 → 7.3.0-develop.1

package/TaskBoard.js

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

package/TaskBoard.mjs

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

package/TaskBoardAddCard.js

@@ -0,0 +1,8 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2024 Progress Software Corporation. All rights reserved.
+ * 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;

package/TaskBoardAddCard.mjs

@@ -0,0 +1,43 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2024 Progress Software Corporation. All rights reserved.
+ * 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();
+  return /* @__PURE__ */ S.createElement(
+    e.editPane,
+    {
+      header: t.toLanguageString(i, a[i]),
+      titleInputTitle: t.toLanguageString(o, a[o]),
+      descriptionInputTitle: t.toLanguageString(r, a[r]),
+      priorityDropDownTitle: t.toLanguageString(n, a[n]),
+      titleLabel: t.toLanguageString(d, a[d]),
+      descriptionLabel: t.toLanguageString(g, a[g]),
+      priorityLabel: t.toLanguageString(s, a[s]),
+      saveButton: t.toLanguageString(l, a[l]),
+      cancelButton: t.toLanguageString(L, a[L]),
+      priorities: e.priorities,
+      onSave: T,
+      onClose: e.onClose,
+      onTitleChange: u,
+      title: p,
+      onDescriptionChange: B,
+      description: C,
+      onPriorityChange: k,
+      priority: m
+    }
+  );
+};
+c.propTypes = {};
+c.displayName = "KendoReactTaskBoardAddCard";
+export {
+  c as TaskBoardAddCard
+};

package/TaskBoardCardBase.js

@@ -0,0 +1,8 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2024 Progress Software Corporation. All rights reserved.
+ * 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;

package/TaskBoardCardBase.mjs

@@ -0,0 +1,106 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2024 Progress Software Corporation. All rights reserved.
+ * 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";
+import { TASKBOARD_PLACEHOLDER as N } from "./constants.mjs";
+import { useLocalization as j } from "@progress/kendo-react-intl";
+import { taskBoardEditCardButton as B, messages as t, taskBoardDeleteCardButton as p, taskBoardDeleteTaskDialogMessage as D, taskBoardDeleteTaskDialogTitle as T, taskBoardDeleteTaskConfirmButton as w, taskBoardDeleteTaskCancelButton as P, taskBoardPreviewPanePriorityLabel as C, taskBoardPreviewPaneDeleteBtn as h, taskBoardPreviewPaneEditBtn as S } from "./messages/index.mjs";
+import { TaskBoardCardHeader as q } from "./card/CardHeader.mjs";
+import { TaskBoardCardBody as _ } from "./card/CardBody.mjs";
+import { TaskBoardConfirmDialog as F } from "./TaskBoardConfirmDialog.mjs";
+import { TaskBoardPreviewDialog as G } from "./card/PreviewDialog.mjs";
+import { pencilIcon as J, trashIcon as Q } from "@progress/kendo-svg-icons";
+const v = (n) => {
+  const { onDeleteTask: L, showEditPane: g, task: r, style: b, dragTargetRef: i, elementRef: y } = n, [s, o] = a.useState(!1), [l, m] = a.useState(!1), [E, u] = a.useState(!1), d = a.useRef(null), e = j(), M = [
+    {
+      text: e.toLanguageString(B, t[B]),
+      icon: "pencil",
+      svgIcon: J,
+      data: () => {
+        g(r), o(!s);
+      }
+    },
+    {
+      text: e.toLanguageString(p, t[p]),
+      icon: "trash",
+      svgIcon: Q,
+      data: () => {
+        m(!l), o(!s);
+      }
+    }
+  ], R = (c) => {
+    c.item.data();
+  }, I = () => {
+    o(!0);
+  }, x = () => {
+    o(!1);
+  }, H = (c) => {
+    const k = d.current && d.current.element;
+    k && k.contains(c.relatedTarget) || o(!1);
+  }, V = () => {
+    m(!l);
+  }, f = () => {
+    u(!0);
+  }, A = () => {
+    u(!1);
+  }, O = () => {
+    g(r), f();
+  };
+  return r.isPlaceholder && i && i.current ? /* @__PURE__ */ a.createElement(
+    "div",
+    {
+      style: { width: i.current.width, height: i.current.height },
+      className: "k-taskboard-drag-placeholder",
+      [N]: !0
+    }
+  ) : /* @__PURE__ */ a.createElement(
+    n.cardComponent,
+    {
+      task: r,
+      style: b,
+      tabIndex: n.tabIndex,
+      disabled: n.disabled,
+      elementRef: y,
+      showMenu: s,
+      showDeleteConfirm: l,
+      showTaskPreviewPane: E,
+      menuItems: M,
+      popupRef: d,
+      confirmDialogMessage: e.toLanguageString(D, t[D]),
+      confirmDialogTitle: e.toLanguageString(T, t[T]),
+      confirmDialogConfirmButton: e.toLanguageString(w, t[w]),
+      confirmDialogCancelButton: e.toLanguageString(P, t[P]),
+      previewDialogPriorityLabel: e.toLanguageString(C, t[C]),
+      previewDialogDelete: e.toLanguageString(h, t[h]),
+      previewDialogEdit: e.toLanguageString(S, t[S]),
+      onShowPreviewPane: f,
+      onClosePreviewPane: A,
+      onMenuItemSelect: R,
+      onShowMenu: I,
+      onHideMenu: x,
+      onMenuButtonBlur: H,
+      onTaskDelete: L,
+      onTaskEdit: O,
+      onCloseConfirmDialog: V,
+      card: K,
+      cardHeader: q,
+      cardBody: _,
+      confirmDialog: F,
+      previewDialog: G
+    }
+  );
+};
+v.propTypes = {
+  task: z.object.isRequired
+};
+v.displayName = "KendoReactTaskBoardCardBase";
+export {
+  v as TaskBoardCardBase
+};

package/TaskBoardColumnBase.js

@@ -0,0 +1,8 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2024 Progress Software Corporation. All rights reserved.
+ * 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;

package/TaskBoardColumnBase.mjs

@@ -0,0 +1,129 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2024 Progress Software Corporation. All rights reserved.
+ * 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 { TASKBOARD_PLACEHOLDER as F } from "./constants.mjs";
+import { TaskBoardColumnHeader as G } from "./column/ColumnHeader.mjs";
+import { TaskBoardColumnBody as J } from "./column/ColumnBody.mjs";
+import { TaskBoardConfirmDialog as Q } from "./TaskBoardConfirmDialog.mjs";
+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);
+  }, [o, 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 = () => {
+    R(!u);
+  }, K = () => {
+    s(!0);
+  }, T = (e) => {
+    m(!0), x(e);
+  }, O = () => {
+    s(!1), m(!1);
+  }, V = t.useCallback((e) => {
+    s(!1), g.call(void 0, { ...e, status: o.status });
+  }, [g, o]), q = t.useCallback((e, d) => {
+    m(!1), f.call(void 0, e, d);
+  }, [f]), B = t.useCallback((e) => {
+    k.call(void 0, e);
+  }, [k]);
+  if (o.isPlaceholder && l && l.current) {
+    const e = l.current ? l.current.width : 0, d = l.current ? l.current.height : 0;
+    return /* @__PURE__ */ t.createElement(
+      "div",
+      {
+        style: { width: e, height: d },
+        className: "k-taskboard-column k-taskboard-drag-placeholder",
+        [F]: !0
+      }
+    );
+  }
+  return /* @__PURE__ */ t.createElement(
+    a.columnComponent,
+    {
+      column: a.column,
+      tasks: c,
+      priorities: a.priorities,
+      style: l ? { overflow: "visible", ...C } : C,
+      tabIndex: a.tabIndex,
+      elementRef: I,
+      onTaskCreate: V,
+      onTaskEdit: q,
+      onTaskDelete: B,
+      card: a.cardComponent,
+      header: G,
+      body: J,
+      confirmDialog: Q,
+      editCardDialog: U,
+      addCardDialog: W,
+      onTitleChange: M,
+      onColumnEnterEdit: N,
+      onColumnExitEdit: j,
+      onColumnConfirmDelete: z,
+      onShowAddCardDialog: K,
+      onShowEditCardPane: T,
+      onColumnDelete: H,
+      onCloseDialog: O,
+      showAddCard: p,
+      showEditCard: A,
+      showColumnConfirmDelete: u,
+      editedTask: P,
+      confirmDialogMessage: r.toLanguageString(b, i[b]),
+      confirmDialogTitle: r.toLanguageString(h, i[h]),
+      confirmDialogConfirmButton: r.toLanguageString(E, i[E]),
+      confirmDialogCancelButton: r.toLanguageString(w, i[w]),
+      editButtonTitle: r.toLanguageString(S, i[S]),
+      addButtonTitle: r.toLanguageString(v, i[v]),
+      closeButtonTitle: r.toLanguageString(y, i[y])
+    },
+    c && c.map((e) => /* @__PURE__ */ t.createElement(
+      X,
+      {
+        key: e.id,
+        tabIndex: a.tabIndex,
+        task: e,
+        disabled: !!a.column.edit,
+        onDeleteTask: () => B(e),
+        showEditPane: () => T(e),
+        dragTargetRef: a.dragTargetRef,
+        style: { borderLeftColor: e.priority.color },
+        cardComponent: a.cardComponent
+      }
+    ))
+  );
+};
+L.propTypes = {
+  column: D.object.isRequired,
+  taskMap: D.object
+};
+L.displayName = "KendoReactTaskBoardColumn";
+export {
+  L as TaskBoardColumnBase
+};

package/TaskBoardConfirmDialog.js

@@ -0,0 +1,8 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2024 Progress Software Corporation. All rights reserved.
+ * 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;

package/TaskBoardConfirmDialog.mjs

@@ -0,0 +1,28 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2024 Progress Software Corporation. All rights reserved.
+ * 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 { 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)));
+};
+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
+};
+t.displayName = "KendoReactTaskBoardConfirmDialog";
+export {
+  t as TaskBoardConfirmDialog
+};

package/TaskBoardEditCard.js

@@ -0,0 +1,8 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2024 Progress Software Corporation. All rights reserved.
+ * 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;