@progress/kendo-react-taskboard 9.4.0-develop.18 → 9.4.0-develop.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/NOTICE.txt +51 -40
- package/TaskBoard.js +1 -1
- package/TaskBoard.mjs +1 -0
- package/TaskBoardAddCard.js +1 -1
- package/TaskBoardAddCard.mjs +4 -3
- package/TaskBoardCardBase.js +1 -1
- package/TaskBoardCardBase.mjs +1 -0
- package/TaskBoardColumnBase.js +1 -1
- package/TaskBoardColumnBase.mjs +40 -39
- package/TaskBoardConfirmDialog.js +1 -1
- package/TaskBoardConfirmDialog.mjs +16 -15
- package/TaskBoardEditCard.js +1 -1
- package/TaskBoardEditCard.mjs +11 -10
- package/TaskBoardTaskEditPane.js +1 -1
- package/TaskBoardTaskEditPane.mjs +1 -0
- package/TaskBoardToolbar.js +1 -1
- package/TaskBoardToolbar.mjs +1 -0
- package/card/Card.js +1 -1
- package/card/Card.mjs +1 -0
- package/card/CardBody.js +1 -1
- package/card/CardBody.mjs +5 -4
- package/card/CardHeader.js +1 -1
- package/card/CardHeader.mjs +6 -5
- package/card/PreviewDialog.js +1 -1
- package/card/PreviewDialog.mjs +1 -0
- package/column/Column.js +1 -1
- package/column/Column.mjs +5 -4
- package/column/ColumnBody.js +1 -1
- package/column/ColumnBody.mjs +1 -0
- package/column/ColumnHeader.js +1 -1
- package/column/ColumnHeader.mjs +5 -4
- package/constants.js +1 -1
- package/constants.mjs +4 -3
- package/dist/cdn/js/kendo-react-taskboard.js +1 -8
- package/hooks/taskEditing.js +1 -1
- package/hooks/taskEditing.mjs +9 -8
- package/index.js +1 -2
- package/index.mjs +6 -6
- package/messages/index.js +1 -1
- package/messages/index.mjs +1 -0
- package/package-metadata.js +1 -1
- package/package-metadata.mjs +3 -2
- package/package.json +13 -13
- package/utils.js +1 -1
- package/utils.mjs +1 -0
|
@@ -5,6 +5,7 @@
|
|
|
5
5
|
* Licensed under commercial license. See LICENSE.md in the package root for more information
|
|
6
6
|
*-------------------------------------------------------------------------------------------
|
|
7
7
|
*/
|
|
8
|
+
"use client";
|
|
8
9
|
import * as t from "react";
|
|
9
10
|
import { DropDownList as o } from "@progress/kendo-react-dropdowns";
|
|
10
11
|
import { Button as a } from "@progress/kendo-react-buttons";
|
package/TaskBoardToolbar.js
CHANGED
|
@@ -5,4 +5,4 @@
|
|
|
5
5
|
* Licensed under commercial license. See LICENSE.md in the package root for more information
|
|
6
6
|
*-------------------------------------------------------------------------------------------
|
|
7
7
|
*/
|
|
8
|
-
"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;
|
|
8
|
+
"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;
|
package/TaskBoardToolbar.mjs
CHANGED
|
@@ -5,6 +5,7 @@
|
|
|
5
5
|
* Licensed under commercial license. See LICENSE.md in the package root for more information
|
|
6
6
|
*-------------------------------------------------------------------------------------------
|
|
7
7
|
*/
|
|
8
|
+
"use client";
|
|
8
9
|
import * as a from "react";
|
|
9
10
|
import l from "prop-types";
|
|
10
11
|
import { classNames as d } from "@progress/kendo-react-common";
|
package/card/Card.js
CHANGED
|
@@ -5,4 +5,4 @@
|
|
|
5
5
|
* Licensed under commercial license. See LICENSE.md in the package root for more information
|
|
6
6
|
*-------------------------------------------------------------------------------------------
|
|
7
7
|
*/
|
|
8
|
-
"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
|
|
8
|
+
"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;
|
package/card/Card.mjs
CHANGED
|
@@ -5,6 +5,7 @@
|
|
|
5
5
|
* Licensed under commercial license. See LICENSE.md in the package root for more information
|
|
6
6
|
*-------------------------------------------------------------------------------------------
|
|
7
7
|
*/
|
|
8
|
+
"use client";
|
|
8
9
|
import * as t from "react";
|
|
9
10
|
import { classNames as a } from "@progress/kendo-react-common";
|
|
10
11
|
import { TASKBOARD_ITEM_TYPE as n, TASKBOARD_TASK as i, TASKBOARD_ITEM_ID as l } from "../constants.mjs";
|
package/card/CardBody.js
CHANGED
|
@@ -5,4 +5,4 @@
|
|
|
5
5
|
* Licensed under commercial license. See LICENSE.md in the package root for more information
|
|
6
6
|
*-------------------------------------------------------------------------------------------
|
|
7
7
|
*/
|
|
8
|
-
"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;
|
|
8
|
+
"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;
|
package/card/CardBody.mjs
CHANGED
|
@@ -5,10 +5,11 @@
|
|
|
5
5
|
* Licensed under commercial license. See LICENSE.md in the package root for more information
|
|
6
6
|
*-------------------------------------------------------------------------------------------
|
|
7
7
|
*/
|
|
8
|
+
"use client";
|
|
8
9
|
import * as a from "react";
|
|
9
|
-
import { CardBody as
|
|
10
|
-
const
|
|
11
|
-
|
|
10
|
+
import { CardBody as e } from "@progress/kendo-react-layout";
|
|
11
|
+
const o = (r) => /* @__PURE__ */ a.createElement(e, null, r.children);
|
|
12
|
+
o.displayName = "KendoReactTaskBoardCardBody";
|
|
12
13
|
export {
|
|
13
|
-
|
|
14
|
+
o as TaskBoardCardBody
|
|
14
15
|
};
|
package/card/CardHeader.js
CHANGED
|
@@ -5,4 +5,4 @@
|
|
|
5
5
|
* Licensed under commercial license. See LICENSE.md in the package root for more information
|
|
6
6
|
*-------------------------------------------------------------------------------------------
|
|
7
7
|
*/
|
|
8
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("react"),u=require("@progress/kendo-react-buttons"),
|
|
8
|
+
"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;
|
package/card/CardHeader.mjs
CHANGED
|
@@ -5,12 +5,13 @@
|
|
|
5
5
|
* Licensed under commercial license. See LICENSE.md in the package root for more information
|
|
6
6
|
*-------------------------------------------------------------------------------------------
|
|
7
7
|
*/
|
|
8
|
+
"use client";
|
|
8
9
|
import * as t from "react";
|
|
9
10
|
import { Button as n } from "@progress/kendo-react-buttons";
|
|
10
11
|
import { CardHeader as r, Menu as o } from "@progress/kendo-react-layout";
|
|
11
12
|
import { Popup as c } from "@progress/kendo-react-popup";
|
|
12
|
-
import { moreVerticalIcon as
|
|
13
|
-
const
|
|
13
|
+
import { moreVerticalIcon as l } from "@progress/kendo-svg-icons";
|
|
14
|
+
const m = (e) => {
|
|
14
15
|
const a = t.useRef();
|
|
15
16
|
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(
|
|
16
17
|
n,
|
|
@@ -19,7 +20,7 @@ const l = (e) => {
|
|
|
19
20
|
fillMode: "flat",
|
|
20
21
|
themeColor: "base",
|
|
21
22
|
icon: "more-vertical",
|
|
22
|
-
svgIcon:
|
|
23
|
+
svgIcon: l,
|
|
23
24
|
ref: a,
|
|
24
25
|
onClick: e.showMenu ? e.onHideMenu : e.onShowMenu,
|
|
25
26
|
onBlur: e.onMenuButtonBlur
|
|
@@ -42,7 +43,7 @@ const l = (e) => {
|
|
|
42
43
|
)
|
|
43
44
|
)));
|
|
44
45
|
};
|
|
45
|
-
|
|
46
|
+
m.displayName = "KendoReactTaskBoardCardHeader";
|
|
46
47
|
export {
|
|
47
|
-
|
|
48
|
+
m as TaskBoardCardHeader
|
|
48
49
|
};
|
package/card/PreviewDialog.js
CHANGED
|
@@ -5,4 +5,4 @@
|
|
|
5
5
|
* Licensed under commercial license. See LICENSE.md in the package root for more information
|
|
6
6
|
*-------------------------------------------------------------------------------------------
|
|
7
7
|
*/
|
|
8
|
-
"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
|
|
8
|
+
"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;
|
package/card/PreviewDialog.mjs
CHANGED
|
@@ -5,6 +5,7 @@
|
|
|
5
5
|
* Licensed under commercial license. See LICENSE.md in the package root for more information
|
|
6
6
|
*-------------------------------------------------------------------------------------------
|
|
7
7
|
*/
|
|
8
|
+
"use client";
|
|
8
9
|
import * as e from "react";
|
|
9
10
|
import { Button as t } from "@progress/kendo-react-buttons";
|
|
10
11
|
import { xIcon as n } from "@progress/kendo-svg-icons";
|
package/column/Column.js
CHANGED
|
@@ -5,4 +5,4 @@
|
|
|
5
5
|
* Licensed under commercial license. See LICENSE.md in the package root for more information
|
|
6
6
|
*-------------------------------------------------------------------------------------------
|
|
7
7
|
*/
|
|
8
|
-
"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;
|
|
8
|
+
"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;
|
package/column/Column.mjs
CHANGED
|
@@ -5,20 +5,21 @@
|
|
|
5
5
|
* Licensed under commercial license. See LICENSE.md in the package root for more information
|
|
6
6
|
*-------------------------------------------------------------------------------------------
|
|
7
7
|
*/
|
|
8
|
+
"use client";
|
|
8
9
|
import * as t from "react";
|
|
9
|
-
import { classNames as
|
|
10
|
-
import { TASKBOARD_ITEM_TYPE as
|
|
10
|
+
import { classNames as l } from "@progress/kendo-react-common";
|
|
11
|
+
import { TASKBOARD_ITEM_TYPE as a, TASKBOARD_COLUMN as i, TASKBOARD_ITEM_ID as o } from "../constants.mjs";
|
|
11
12
|
import { TaskBoardTaskEditPane as n } from "../TaskBoardTaskEditPane.mjs";
|
|
12
13
|
const d = (e) => /* @__PURE__ */ t.createElement(t.Fragment, null, /* @__PURE__ */ t.createElement(
|
|
13
14
|
"div",
|
|
14
15
|
{
|
|
15
16
|
ref: e.elementRef,
|
|
16
17
|
style: e.style,
|
|
17
|
-
className:
|
|
18
|
+
className: l("k-taskboard-column", {
|
|
18
19
|
"k-taskboard-column-edit": e.column.edit
|
|
19
20
|
}),
|
|
20
21
|
tabIndex: e.tabIndex,
|
|
21
|
-
[
|
|
22
|
+
[a]: i,
|
|
22
23
|
[o]: e.column.id
|
|
23
24
|
},
|
|
24
25
|
/* @__PURE__ */ t.createElement(
|
package/column/ColumnBody.js
CHANGED
|
@@ -5,4 +5,4 @@
|
|
|
5
5
|
* Licensed under commercial license. See LICENSE.md in the package root for more information
|
|
6
6
|
*-------------------------------------------------------------------------------------------
|
|
7
7
|
*/
|
|
8
|
-
"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;
|
|
8
|
+
"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;
|
package/column/ColumnBody.mjs
CHANGED
|
@@ -5,6 +5,7 @@
|
|
|
5
5
|
* Licensed under commercial license. See LICENSE.md in the package root for more information
|
|
6
6
|
*-------------------------------------------------------------------------------------------
|
|
7
7
|
*/
|
|
8
|
+
"use client";
|
|
8
9
|
import * as a from "react";
|
|
9
10
|
const o = (e) => /* @__PURE__ */ a.createElement("div", { className: "k-taskboard-column-cards-container" }, /* @__PURE__ */ a.createElement("div", { className: "k-taskboard-column-cards" }, e.children));
|
|
10
11
|
o.displayName = "KendoReactTaskBoardColumnBody";
|
package/column/ColumnHeader.js
CHANGED
|
@@ -5,4 +5,4 @@
|
|
|
5
5
|
* Licensed under commercial license. See LICENSE.md in the package root for more information
|
|
6
6
|
*-------------------------------------------------------------------------------------------
|
|
7
7
|
*/
|
|
8
|
-
"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"),
|
|
8
|
+
"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;
|
package/column/ColumnHeader.mjs
CHANGED
|
@@ -5,22 +5,23 @@
|
|
|
5
5
|
* Licensed under commercial license. See LICENSE.md in the package root for more information
|
|
6
6
|
*-------------------------------------------------------------------------------------------
|
|
7
7
|
*/
|
|
8
|
+
"use client";
|
|
8
9
|
import * as t from "react";
|
|
9
10
|
import { Button as l } from "@progress/kendo-react-buttons";
|
|
10
11
|
import { Input as o } from "@progress/kendo-react-inputs";
|
|
11
12
|
import { classNames as c } from "@progress/kendo-react-common";
|
|
12
13
|
import { pencilIcon as i, plusIcon as m, xIcon as d } from "@progress/kendo-svg-icons";
|
|
13
14
|
const r = (e) => {
|
|
14
|
-
const { edit:
|
|
15
|
-
return /* @__PURE__ */ t.createElement("div", { className: "k-taskboard-column-header" }, /* @__PURE__ */ t.createElement("div", { className: "k-taskboard-column-header-text k-text-ellipsis" },
|
|
15
|
+
const { edit: n, title: a } = e.column;
|
|
16
|
+
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(
|
|
16
17
|
o,
|
|
17
18
|
{
|
|
18
|
-
value:
|
|
19
|
+
value: a,
|
|
19
20
|
onChange: e.onTitleChange,
|
|
20
21
|
onBlur: e.onColumnExitEdit,
|
|
21
22
|
autoFocus: !0
|
|
22
23
|
}
|
|
23
|
-
) :
|
|
24
|
+
) : 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(
|
|
24
25
|
l,
|
|
25
26
|
{
|
|
26
27
|
fillMode: "flat",
|
package/constants.js
CHANGED
|
@@ -5,4 +5,4 @@
|
|
|
5
5
|
* Licensed under commercial license. See LICENSE.md in the package root for more information
|
|
6
6
|
*-------------------------------------------------------------------------------------------
|
|
7
7
|
*/
|
|
8
|
-
"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;
|
|
8
|
+
"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;
|
package/constants.mjs
CHANGED
|
@@ -5,11 +5,12 @@
|
|
|
5
5
|
* Licensed under commercial license. See LICENSE.md in the package root for more information
|
|
6
6
|
*-------------------------------------------------------------------------------------------
|
|
7
7
|
*/
|
|
8
|
-
|
|
8
|
+
"use client";
|
|
9
|
+
const t = "data-taskboard-type", a = "data-taskboard-id", A = "data-taskboard-placeholder", o = "column", s = "task";
|
|
9
10
|
export {
|
|
10
11
|
o as TASKBOARD_COLUMN,
|
|
11
|
-
|
|
12
|
-
|
|
12
|
+
a as TASKBOARD_ITEM_ID,
|
|
13
|
+
t as TASKBOARD_ITEM_TYPE,
|
|
13
14
|
A as TASKBOARD_PLACEHOLDER,
|
|
14
15
|
s as TASKBOARD_TASK
|
|
15
16
|
};
|
|
@@ -5,11 +5,4 @@
|
|
|
5
5
|
* Licensed under commercial license. See LICENSE.md in the package root for more information
|
|
6
6
|
*-------------------------------------------------------------------------------------------
|
|
7
7
|
*/
|
|
8
|
-
/**
|
|
9
|
-
* @license
|
|
10
|
-
*-------------------------------------------------------------------------------------------
|
|
11
|
-
* Copyright © 2025 Progress Software Corporation. All rights reserved.
|
|
12
|
-
* Licensed under commercial license. See LICENSE.md in the package root for more information
|
|
13
|
-
*-------------------------------------------------------------------------------------------
|
|
14
|
-
*/
|
|
15
|
-
!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("react"),require("prop-types"),require("@progress/kendo-react-common"),require("@progress/kendo-react-intl"),require("@progress/kendo-react-buttons"),require("@progress/kendo-react-inputs"),require("@progress/kendo-svg-icons"),require("@progress/kendo-react-dialogs"),require("@progress/kendo-react-layout"),require("@progress/kendo-react-popup"),require("@progress/kendo-react-dropdowns"),require("@progress/kendo-react-labels"),require("@progress/kendo-react-form")):"function"==typeof define&&define.amd?define(["exports","react","prop-types","@progress/kendo-react-common","@progress/kendo-react-intl","@progress/kendo-react-buttons","@progress/kendo-react-inputs","@progress/kendo-svg-icons","@progress/kendo-react-dialogs","@progress/kendo-react-layout","@progress/kendo-react-popup","@progress/kendo-react-dropdowns","@progress/kendo-react-labels","@progress/kendo-react-form"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self).KendoReactTaskboard={},e.React,e.PropTypes,e.KendoReactCommon,e.KendoReactIntl,e.KendoReactButtons,e.KendoReactInputs,e.KendoSvgIcons,e.KendoReactDialogs,e.KendoReactLayout,e.KendoReactPopup,e.KendoReactDropdowns,e.KendoReactLabels,e.KendoReactForm)}(this,(function(e,t,a,o,n,r,i,l,s,d,c,u,m,p){"use strict";function g(e){var t=Object.create(null);return e&&Object.keys(e).forEach((function(a){if("default"!==a){var o=Object.getOwnPropertyDescriptor(e,a);Object.defineProperty(t,a,o.get?o:{enumerable:!0,get:function(){return e[a]}})}})),t.default=e,Object.freeze(t)}var k=g(t);const C={name:"@progress/kendo-react-taskboard",productName:"KendoReact",productCode:"KENDOUIREACT",productCodes:["KENDOUIREACT"],publishDate:0,version:"$VERSION",licensingDocsUrl:"https://www.telerik.com/kendo-react-ui/components/my-license/"},f="taskBoard.editColumnButton",h="taskBoard.addCardButton",y="taskBoard.deleteColumnButton",b="taskBoard.editCardButton",E="taskBoard.deleteCardButton",B="taskBoard.deleteTaskDialogMessage",T="taskBoard.deleteTaskDialogTitle",v="taskBoard.deleteTaskConfirmButton",D="taskBoard.deleteTaskCancelButton",S="taskBoard.addCardTitle",w="taskBoard.addCardTitleLabel",I="taskBoard.addCardDescriptionLabel",R="taskBoard.addCardPriorityLabel",L="taskBoard.addCardCreateButton",P="taskBoard.deleteColumnDialogMessage",N="taskBoard.deleteColumnDialogTitle",x="taskBoard.deleteColumnConfirmButton",M="taskBoard.deleteColumnCancelButton",K="taskBoard.editCardPaneTitle",q="taskBoard.editCardPaneSaveButton",A="taskBoard.editPaneTitleLabel",H="taskBoard.editPaneDescriptionLabel",F="taskBoard.editPanePriorityLabel",j="taskBoard.editPaneCancelButton",O="taskBoard.previewPanePriorityLabel",z="taskBoard.previewPaneDeleteButton",X="taskBoard.previewPaneEditButton",Y={"taskBoard.toolbarAddColumnButton":"Add column","taskBoard.toolbarSearchField":"Search",[f]:"Edit column",[h]:"Add card",[y]:"Delete column",[b]:"Edit card",[E]:"Delete card",[B]:"Are you sure you want to delete this card?",[T]:"Delete Card",[v]:"Delete",[D]:"Cancel",[P]:"Are you sure you want to delete this column?",[N]:"Delete column?",[x]:"Delete",[M]:"Cancel",[S]:"Create new card",[L]:"Create",[j]:"Cancel",[K]:"Edit",[q]:"Save changes",[A]:"Title:",[H]:"Description:",[F]:"Priority:",[w]:"Title",[I]:"Description",[R]:"Priority",[O]:"Priority:",[z]:"Delete",[X]:"Edit"},U="data-taskboard-type",W="data-taskboard-id",V="data-taskboard-placeholder",$="column",G="task",J=e=>{const{edit:t,title:a}=e.column;return k.createElement("div",{className:"k-taskboard-column-header"},k.createElement("div",{className:"k-taskboard-column-header-text k-text-ellipsis"},t?k.createElement(i.Input,{value:a,onChange:e.onTitleChange,onBlur:e.onColumnExitEdit,autoFocus:!0}):a),k.createElement("span",{className:"k-spacer"}),k.createElement("div",{className:o.classNames("k-taskboard-column-header-actions",{"k-disabled":t})},k.createElement(r.Button,{fillMode:"flat",icon:"pencil",svgIcon:l.pencilIcon,title:e.editButtonTitle,onClick:e.onColumnEnterEdit}),k.createElement(r.Button,{fillMode:"flat",icon:"plus",svgIcon:l.plusIcon,title:e.addButtonTitle,onClick:e.onShowAddCardDialog}),k.createElement(r.Button,{fillMode:"flat",icon:"x",svgIcon:l.xIcon,title:e.closeButtonTitle,onClick:e.onColumnDelete})))};J.displayName="KendoReactTaskBoardColumnHeader";const Q=e=>k.createElement("div",{className:"k-taskboard-column-cards-container"},k.createElement("div",{className:"k-taskboard-column-cards"},e.children));Q.displayName="KendoReactTaskBoardColumnBody";const Z=e=>{const{onClose:t,onConfirm:a,dialogMessage:o,dialogTitle:n,dialogConfirmButton:i,dialogCancelButton:l}=e;return k.createElement(s.Dialog,{title:n,closeIcon:!1},o,k.createElement(s.DialogActionsBar,{layout:"end"},k.createElement(r.Button,{themeColor:"primary",onClick:a},i),k.createElement(r.Button,{onClick:t},l)))};Z.propTypes={onClose:a.func.isRequired,onConfirm:a.func.isRequired,dialogMessage:a.string.isRequired,dialogTitle:a.string.isRequired,dialogConfirmButton:a.string.isRequired,dialogCancelButton:a.string.isRequired},Z.displayName="KendoReactTaskBoardConfirmDialog";const _=({onSave:e,task:t,priorities:a})=>{const[o,n]=k.useState(t?t.title:""),[r,i]=k.useState(t?t.description:""),[l,s]=k.useState(t?t.priority:a[0]),d=k.useCallback((e=>{n(e.value)}),[]),c=k.useCallback((e=>{i(e.value)}),[]),u=k.useCallback((e=>{s(e.target.value)}),[]),m=k.useCallback((a=>{const n={id:void 0,status:"",...t||{},title:o,description:r,priority:l};e.call(void 0,n,t)}),[e,t,o,r,l]);return{onTitleChange:d,title:o,onDescriptionChange:c,description:r,onPriorityChange:u,priority:l,onSave:m}},ee=e=>{const{onTitleChange:t,title:a,onDescriptionChange:o,description:r,onPriorityChange:i,priority:l,onSave:s}=_(e),d=n.useLocalization();return k.createElement(e.editPane,{header:d.toLanguageString(K,Y[K])+e.task.title,titleInputTitle:d.toLanguageString(w,Y[w]),descriptionInputTitle:d.toLanguageString(I,Y[I]),priorityDropDownTitle:d.toLanguageString(R,Y[R]),task:e.task,saveButton:d.toLanguageString(q,Y[q]),cancelButton:d.toLanguageString(j,Y[j]),priorities:e.priorities,titleLabel:d.toLanguageString(A,Y[A]),descriptionLabel:d.toLanguageString(H,Y[H]),priorityLabel:d.toLanguageString(F,Y[F]),onSave:s,onClose:e.onClose,onTitleChange:t,title:a,onDescriptionChange:o,description:r,onPriorityChange:i,priority:l})};ee.propTypes={},ee.displayName="KendoReactTaskBoardEditCard";const te=e=>{const{onTitleChange:t,title:a,onDescriptionChange:o,description:r,onPriorityChange:i,priority:l,onSave:s}=_(e),d=n.useLocalization();return k.createElement(e.editPane,{header:d.toLanguageString(S,Y[S]),titleInputTitle:d.toLanguageString(w,Y[w]),descriptionInputTitle:d.toLanguageString(I,Y[I]),priorityDropDownTitle:d.toLanguageString(R,Y[R]),titleLabel:d.toLanguageString(A,Y[A]),descriptionLabel:d.toLanguageString(H,Y[H]),priorityLabel:d.toLanguageString(F,Y[F]),saveButton:d.toLanguageString(L,Y[L]),cancelButton:d.toLanguageString(j,Y[j]),priorities:e.priorities,onSave:s,onClose:e.onClose,onTitleChange:t,title:a,onDescriptionChange:o,description:r,onPriorityChange:i,priority:l})};te.propTypes={},te.displayName="KendoReactTaskBoardAddCard";const ae=e=>{const t=k.useRef();return k.createElement(d.CardHeader,{className:"k-hbox"},k.createElement("span",{className:"k-card-title k-link",onClick:e.onShowPreviewPane},e.title),k.createElement("span",{className:"k-spacer"}),k.createElement("div",{className:"k-card-header-actions"},k.createElement(r.Button,{className:"k-card-details",fillMode:"flat",themeColor:"base",icon:"more-vertical",svgIcon:l.moreVerticalIcon,ref:t,onClick:e.showMenu?e.onHideMenu:e.onShowMenu,onBlur:e.onMenuButtonBlur}),k.createElement(c.Popup,{anchor:t.current&&t.current.element,show:e.showMenu,ref:e.popupRef},k.createElement(d.Menu,{vertical:!0,onSelect:e.onMenuItemSelect,items:e.menuItems,className:"k-context-menu"}))))};ae.displayName="KendoReactTaskBoardCardHeader";const oe=e=>k.createElement(d.CardBody,null,e.children);oe.displayName="KendoReactTaskBoardCardBody";const ne=e=>k.createElement("div",{className:"k-taskboard-pane k-taskboard-preview-pane"},k.createElement("div",{className:"k-taskboard-pane-header"},k.createElement("div",{className:"k-taskboard-pane-header-text"},e.title),k.createElement("span",{className:"k-spacer"}),k.createElement("div",{className:"k-taskboard-pane-header-actions"},k.createElement(r.Button,{icon:"x",svgIcon:l.xIcon,fillMode:"flat",onClick:e.onClosePreviewPane}))),k.createElement("div",{className:"k-taskboard-pane-content"},k.createElement("p",null,e.description),k.createElement("p",null,e.priorityLabel," ",k.createElement("span",{style:{backgroundColor:e.priority.color}}," ")," ",e.priority.priority)),k.createElement("div",{className:"k-taskboard-pane-actions k-actions k-hstack k-justify-content-end"},k.createElement(r.Button,{onClick:e.onTaskDelete},e.delete),k.createElement(r.Button,{themeColor:"primary",onClick:e.onTaskEdit},e.edit)));ne.displayName="KendoReactTaskBoardPreviewDialog";const re=e=>{const{onDeleteTask:t,showEditPane:a,task:o,style:r,dragTargetRef:i,elementRef:s}=e,[c,u]=k.useState(!1),[m,p]=k.useState(!1),[g,C]=k.useState(!1),f=k.useRef(null),h=n.useLocalization(),y=[{text:h.toLanguageString(b,Y[b]),icon:"pencil",svgIcon:l.pencilIcon,data:()=>{a(o),u(!c)}},{text:h.toLanguageString(E,Y[E]),icon:"trash",svgIcon:l.trashIcon,data:()=>{p(!m),u(!c)}}],S=()=>{C(!0)};return o.isPlaceholder&&i&&i.current?k.createElement("div",{style:{width:i.current.width,height:i.current.height},className:"k-taskboard-drag-placeholder",[V]:!0}):k.createElement(e.cardComponent,{task:o,style:r,tabIndex:e.tabIndex,disabled:e.disabled,elementRef:s,showMenu:c,showDeleteConfirm:m,showTaskPreviewPane:g,menuItems:y,popupRef:f,confirmDialogMessage:h.toLanguageString(B,Y[B]),confirmDialogTitle:h.toLanguageString(T,Y[T]),confirmDialogConfirmButton:h.toLanguageString(v,Y[v]),confirmDialogCancelButton:h.toLanguageString(D,Y[D]),previewDialogPriorityLabel:h.toLanguageString(O,Y[O]),previewDialogDelete:h.toLanguageString(z,Y[z]),previewDialogEdit:h.toLanguageString(X,Y[X]),onShowPreviewPane:S,onClosePreviewPane:()=>{C(!1)},onMenuItemSelect:e=>{e.item.data()},onShowMenu:()=>{u(!0)},onHideMenu:()=>{u(!1)},onMenuButtonBlur:e=>{const t=f.current&&f.current.element;t&&t.contains(e.relatedTarget)||u(!1)},onTaskDelete:t,onTaskEdit:()=>{a(o),S()},onCloseConfirmDialog:()=>{p(!m)},card:d.Card,cardHeader:ae,cardBody:oe,confirmDialog:Z,previewDialog:ne})};re.propTypes={task:a.object.isRequired},re.displayName="KendoReactTaskBoardCardBase";const ie=e=>{const[t,a]=k.useState(!1),[o,r]=k.useState(!1),[i,l]=k.useState(!1),[s,d]=k.useState(),{dragTargetRef:c,column:u,onColumnChange:m,tasks:p,elementRef:g,style:C,onTaskCreate:b,onTaskEdit:E,onTaskDelete:B}=e,T=n.useLocalization(),v=k.useCallback((e=>{const t={...u,title:e.value};m.call(void 0,t,u)}),[u,m]),D=k.useCallback((()=>{const e={...u,edit:!0};m.call(void 0,e,u)}),[u,m]),S=k.useCallback((()=>{const e={...u,edit:!1};m.call(void 0,e,u)}),[u,m]),w=k.useCallback((()=>{m.call(void 0,null,u)}),[u,m]),I=e=>{r(!0),d(e)},R=k.useCallback((e=>{a(!1),b.call(void 0,{...e,status:u.status})}),[b,u]),L=k.useCallback(((e,t)=>{r(!1),E.call(void 0,e,t)}),[E]),K=k.useCallback((e=>{B.call(void 0,e)}),[B]);if(u.isPlaceholder&&c&&c.current){const e=c.current?c.current.width:0,t=c.current?c.current.height:0;return k.createElement("div",{style:{width:e,height:t},className:"k-taskboard-column k-taskboard-drag-placeholder",[V]:!0})}return k.createElement(e.columnComponent,{column:e.column,tasks:p,priorities:e.priorities,style:c?{overflow:"visible",...C}:C,tabIndex:e.tabIndex,elementRef:g,onTaskCreate:R,onTaskEdit:L,onTaskDelete:K,card:e.cardComponent,header:J,body:Q,confirmDialog:Z,editCardDialog:ee,addCardDialog:te,onTitleChange:v,onColumnEnterEdit:D,onColumnExitEdit:S,onColumnConfirmDelete:w,onShowAddCardDialog:()=>{a(!0)},onShowEditCardPane:I,onColumnDelete:()=>{l(!i)},onCloseDialog:()=>{a(!1),r(!1)},showAddCard:t,showEditCard:o,showColumnConfirmDelete:i,editedTask:s,confirmDialogMessage:T.toLanguageString(P,Y[P]),confirmDialogTitle:T.toLanguageString(N,Y[N]),confirmDialogConfirmButton:T.toLanguageString(x,Y[x]),confirmDialogCancelButton:T.toLanguageString(M,Y[M]),editButtonTitle:T.toLanguageString(f,Y[f]),addButtonTitle:T.toLanguageString(h,Y[h]),closeButtonTitle:T.toLanguageString(y,Y[y])},p&&p.map((t=>k.createElement(re,{key:t.id,tabIndex:e.tabIndex,task:t,disabled:!!e.column.edit,onDeleteTask:()=>K(t),showEditPane:()=>I(t),dragTargetRef:e.dragTargetRef,style:{borderLeftColor:t.priority.color},cardComponent:e.cardComponent}))))};ie.propTypes={column:a.object.isRequired,taskMap:a.object},ie.displayName="KendoReactTaskBoardColumn";const le=e=>{for(;e;){if(!e.getAttribute)return null;const t=e.getAttribute(W);if(t)return{id:t,type:e.getAttribute(U)||"",element:e};e=e.parentNode}return null},se=(e,t)=>{const a=t.dataItem.color,o=k.createElement(k.Fragment,null,k.createElement("span",{style:{backgroundColor:a}}," "),e.props.children);return k.cloneElement(e,e.props,o)},de=(e,t)=>{if(!t)return e;const a=k.createElement(k.Fragment,null,k.createElement("span",{style:{backgroundColor:t.color}}," "),k.createElement("span",null," ",e.props.children));return k.cloneElement(e,{...e.props},a)},ce=e=>k.createElement(k.Fragment,null,k.createElement(e.card,{key:String(e.task.id),ref:e.elementRef,style:e.style,className:o.classNames("k-taskboard-card k-cursor-move k-taskboard-card-category",{"k-disabled":e.disabled}),[U]:G,[W]:e.task.id,tabIndex:e.tabIndex},k.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}),k.createElement(e.cardBody,{task:e.task},e.task.description)),e.showDeleteConfirm&&k.createElement(e.confirmDialog,{onConfirm:e.onTaskDelete,onClose:e.onCloseConfirmDialog,dialogMessage:e.confirmDialogMessage,dialogTitle:e.confirmDialogTitle,dialogConfirmButton:e.confirmDialogConfirmButton,dialogCancelButton:e.confirmDialogCancelButton}),e.showTaskPreviewPane&&k.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}));ce.displayName="KendoReactTaskBoardCard";const ue=e=>k.createElement("div",{className:"k-taskboard-pane k-taskboard-edit-pane"},k.createElement("div",{className:"k-taskboard-pane-header"},k.createElement("div",{className:"k-taskboard-pane-header-text"},e.header),k.createElement("span",{className:"k-spacer"}),k.createElement("div",{className:"k-taskboard-pane-header-actions"},k.createElement(r.Button,{icon:"x",svgIcon:l.xIcon,fillMode:"flat",onClick:e.onClose}))),k.createElement("div",{className:"k-taskboard-pane-content"},k.createElement("div",{role:"form","data-role":"form",className:"k-form"},k.createElement(p.FieldWrapper,null,k.createElement(m.Label,{editorId:"title"},e.titleLabel),k.createElement(i.Input,{id:"title",onChange:e.onTitleChange,value:e.title,title:e.titleInputTitle})),k.createElement(p.FieldWrapper,null,k.createElement(m.Label,{editorId:"description"},e.descriptionLabel),k.createElement(i.Input,{id:"description",onChange:e.onDescriptionChange,value:e.description,title:e.descriptionInputTitle})),k.createElement(p.FieldWrapper,null,k.createElement(m.Label,{editorId:"priority"},e.priorityLabel),k.createElement(u.DropDownList,{id:"priority",data:e.priorities,value:e.priority,onChange:e.onPriorityChange,itemRender:se,valueRender:de,textField:"priority",dataItemKey:"priority",title:e.priorityDropDownTitle})))),k.createElement("div",{className:"k-taskboard-pane-actions k-actions k-hstack k-justify-content-end"},k.createElement(r.Button,{onClick:e.onClose},e.cancelButton),k.createElement(r.Button,{themeColor:"primary",onClick:e.onSave,disabled:!e.title||!e.description},e.saveButton)));ue.propTypes={},ue.displayName="KendoReactTaskBoardEditPane";const me=e=>k.createElement(k.Fragment,null,k.createElement("div",{ref:e.elementRef,style:e.style,className:o.classNames("k-taskboard-column",{"k-taskboard-column-edit":e.column.edit}),tabIndex:e.tabIndex,[U]:$,[W]:e.column.id},k.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}),k.createElement(e.body,null,e.children)),e.showAddCard&&k.createElement(e.addCardDialog,{onClose:e.onCloseDialog,onSave:e.onTaskCreate,priorities:e.priorities,editPane:ue}),e.showEditCard&&e.editedTask&&k.createElement(e.editCardDialog,{onClose:e.onCloseDialog,onSave:e.onTaskEdit,task:e.editedTask,priorities:e.priorities,editPane:ue}),e.showColumnConfirmDelete&&k.createElement(e.confirmDialog,{onClose:e.onColumnDelete,onConfirm:e.onColumnConfirmDelete,dialogMessage:e.confirmDialogMessage,dialogTitle:e.confirmDialogTitle,dialogConfirmButton:e.confirmDialogConfirmButton,dialogCancelButton:e.confirmDialogCancelButton}));me.displayName="KendoReactTaskBoardColumn";const pe=k.forwardRef(((e,t)=>{o.validatePackage(C);const{columnData:a=[],className:n,style:r,id:i,taskData:l=[],onChange:s}=e,d=k.useRef(null),c=k.useRef(null);k.useImperativeHandle(d,(()=>({props:e}))),k.useImperativeHandle(t,(()=>d.current));const u=k.Children.toArray(e.children).filter((e=>e&&e.type&&"KendoReactTaskBoardToolbar"===e.type.displayName)),m=k.useRef(null),p=k.useRef(null),g=k.useRef(null),[f,h]=k.useState(null),[y,b]=k.useState(null),[E,B]=k.useState({top:0,left:0}),[T,v]=k.useState(),D=k.useRef(null),S=k.useRef(null),w=k.useMemo((()=>{const e={};return(f||l).forEach((t=>{const a=t.status;e[a]||(e[a]=[]),e[a].push(t)})),e}),[l,f]),I=k.useCallback((e=>{const t=e.originalEvent.target;if(t.closest("button,input,.k-link,.k-taskboard-preview-pane"))return;const n=le(t),r=c.current;if(n&&r){const i=n.type===$;if(i&&!t.closest(".k-taskboard-column-header"))return;const s=n.element.getBoundingClientRect(),d=r.getBoundingClientRect();g.current={x:e.clientX-s.left+d.left,y:e.clientY-s.top+d.top};const c=i?a:l,u=i?b:h,m=c.findIndex((e=>String(e.id)===n.id)),k=c[m];if(-1===m||k.edit)return;const C=o.clone(k);C.isPlaceholder=!0;const f=[...c];f[m]=C,p.current={...n,index:m,item:k,width:s.width,height:s.height},v(m),B({top:e.clientY-g.current.y,left:e.clientX-g.current.x}),u(f)}}),[a,l]),R=k.useCallback((e=>{const t=p.current,n=D.current&&D.current.element||S.current;if(t&&n){B({top:e.clientY-g.current.y,left:e.clientX-g.current.x}),n.style.visibility="hidden";const r=document.elementFromPoint(e.clientX,e.clientY);if(n.style.visibility="",r&&r.getAttribute(V))return;const i=r&&le(r);if(i){let e;const n=i.type===t.type,r=t.type===$,l=(r?y:f)||[],s=r?b:h;if(r||n){if(e=((e,t,a)=>{let o=-1,n=-1;for(let r=0;r<a.length;r++){const i=String(a[r].id);if(i===e&&(n=r),i===t&&(o=r),-1!==o&&-1!==n)return{dragIndex:n,dropIndex:o}}return null})(t.id,i.id,l),e){const a=l[e.dragIndex],n=l[e.dropIndex],i=o.clone(a);r||(i.status=n.status);const d=[...l];d.splice(e.dragIndex,1),d.splice(e.dropIndex,0,i),t.index=e.dropIndex,s(d)}}else{const e=l.findIndex((e=>String(e.id)===t.id)),o=a.findIndex((e=>String(e.id)===i.id));if(-1!==e&&-1!==o){const n=l[e],r=a[o].status;if(w[r])return;n.status=r;const i=[...l];i.splice(e,1),i.push(n),t.index=i.length-1,s(i)}}}}}),[y,f,a,w]),L=k.useCallback((()=>{const e=p.current;if(s&&e){const t=(e.type===$?y:f)||[],a=t[e.index];delete a.isPlaceholder;const o={data:t,type:e.type,previousItem:{...e.item,index:T},item:{...a,index:e.index}};s.call(void 0,o)}p.current=null,g.current=null,h(null),b(null),B({top:0,left:0}),v(void 0)}),[y,f,s]);o.useDraggable(m,{onDragStart:I,onDrag:R,onDragEnd:L});const P=p.current,N=k.useCallback((e=>{const t={data:[...l,e],type:G,previousItem:null,item:e};s.call(void 0,t)}),[s,l]),x=k.useCallback(((e,t)=>{const a=l.slice(),o=l.indexOf(t);-1!==o&&a.splice(o,1,e);const n={data:a,type:G,previousItem:t,item:e};s.call(void 0,n)}),[s,l]),M=k.useCallback((e=>{const t={data:l.filter((t=>t!==e)),type:G,previousItem:e,item:null};s.call(void 0,t)}),[s,l]),K=k.useCallback(((e,t)=>{const o=a.slice(),n=o.indexOf(t);-1!==n&&(e?o.splice(n,1,e):o.splice(n,1));const r={data:o,type:$,previousItem:t,item:e};s.call(void 0,r)}),[s,a]);return k.createElement("div",{id:i,style:r,ref:c,className:o.classNames("k-taskboard",n)},u,k.createElement("div",{className:"k-taskboard-content",style:P?{userSelect:"none"}:void 0},k.createElement("div",{className:"k-taskboard-columns-container",ref:m},(y||a).map((t=>k.createElement(ie,{key:t.id,tabIndex:e.tabIndex,column:t,tasks:w[t.status]||[],dragTargetRef:p,onTaskCreate:N,onTaskEdit:x,onTaskDelete:M,onColumnChange:K,columnComponent:e.column||me,cardComponent:e.card||ce,priorities:e.priorities}))))),P&&P.type===G&&k.createElement(re,{elementRef:D,style:{position:"absolute",width:P.width,height:P.height,top:E.top,left:E.left,zIndex:10,borderLeftColor:P.item.priority?P.item.priority.color:P.item.color},task:P.item,dragTargetRef:p,cardComponent:e.card||ce,onDeleteTask:o.noop,showEditPane:o.noop}),P&&P.type===$&&k.createElement(ie,{elementRef:S,style:{position:"absolute",width:P.width,height:P.height,top:E.top,left:E.left,zIndex:10},cardComponent:e.card||ce,columnComponent:e.column||me,column:P.item,tasks:w[P.item.status],priorities:e.priorities,dragTargetRef:p,onTaskDelete:M,onColumnChange:K,onTaskEdit:x,onTaskCreate:N}))}));pe.propTypes={columnData:a.array.isRequired,taskData:a.array.isRequired},pe.displayName="KendoReactTaskBoard";const ge=e=>{const{className:t,style:a,children:n}=e;return k.createElement("div",{style:a,className:o.classNames("k-taskboard-header",t)},k.createElement("div",{className:"k-taskboard-toolbar k-toolbar k-toolbar-md k-toolbar-solid"},n))};ge.propTypes={children:a.node},ge.displayName="KendoReactTaskBoardToolbar",e.TaskBoard=pe,e.TaskBoardAddCard=te,e.TaskBoardCard=ce,e.TaskBoardCardBody=oe,e.TaskBoardCardHeader=ae,e.TaskBoardColumn=me,e.TaskBoardColumnBody=Q,e.TaskBoardColumnHeader=J,e.TaskBoardConfirmDialog=Z,e.TaskBoardEditCard=ee,e.TaskBoardPreviewDialog=ne,e.TaskBoardTaskEditPane=ue,e.TaskBoardToolbar=ge,e.useTaskEditing=_}));
|
|
8
|
+
!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("react"),require("prop-types"),require("@progress/kendo-react-common"),require("@progress/kendo-react-intl"),require("@progress/kendo-react-buttons"),require("@progress/kendo-react-inputs"),require("@progress/kendo-svg-icons"),require("@progress/kendo-react-dialogs"),require("@progress/kendo-react-layout"),require("@progress/kendo-react-popup"),require("@progress/kendo-react-dropdowns"),require("@progress/kendo-react-labels"),require("@progress/kendo-react-form")):"function"==typeof define&&define.amd?define(["exports","react","prop-types","@progress/kendo-react-common","@progress/kendo-react-intl","@progress/kendo-react-buttons","@progress/kendo-react-inputs","@progress/kendo-svg-icons","@progress/kendo-react-dialogs","@progress/kendo-react-layout","@progress/kendo-react-popup","@progress/kendo-react-dropdowns","@progress/kendo-react-labels","@progress/kendo-react-form"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self).KendoReactTaskboard={},e.React,e.PropTypes,e.KendoReactCommon,e.KendoReactIntl,e.KendoReactButtons,e.KendoReactInputs,e.KendoSvgIcons,e.KendoReactDialogs,e.KendoReactLayout,e.KendoReactPopup,e.KendoReactDropdowns,e.KendoReactLabels,e.KendoReactForm)}(this,(function(e,t,a,o,n,r,i,l,s,d,c,u,m,p){"use strict";function g(e){var t=Object.create(null);return e&&Object.keys(e).forEach((function(a){if("default"!==a){var o=Object.getOwnPropertyDescriptor(e,a);Object.defineProperty(t,a,o.get?o:{enumerable:!0,get:function(){return e[a]}})}})),t.default=e,Object.freeze(t)}var k=g(t);const C={name:"@progress/kendo-react-taskboard",productName:"KendoReact",productCode:"KENDOUIREACT",productCodes:["KENDOUIREACT"],publishDate:1737714336,version:"$VERSION",licensingDocsUrl:"https://www.telerik.com/kendo-react-ui/components/my-license/"},f="taskBoard.editColumnButton",h="taskBoard.addCardButton",y="taskBoard.deleteColumnButton",b="taskBoard.editCardButton",E="taskBoard.deleteCardButton",B="taskBoard.deleteTaskDialogMessage",T="taskBoard.deleteTaskDialogTitle",v="taskBoard.deleteTaskConfirmButton",D="taskBoard.deleteTaskCancelButton",S="taskBoard.addCardTitle",w="taskBoard.addCardTitleLabel",I="taskBoard.addCardDescriptionLabel",R="taskBoard.addCardPriorityLabel",L="taskBoard.addCardCreateButton",P="taskBoard.deleteColumnDialogMessage",N="taskBoard.deleteColumnDialogTitle",x="taskBoard.deleteColumnConfirmButton",M="taskBoard.deleteColumnCancelButton",K="taskBoard.editCardPaneTitle",q="taskBoard.editCardPaneSaveButton",A="taskBoard.editPaneTitleLabel",H="taskBoard.editPaneDescriptionLabel",F="taskBoard.editPanePriorityLabel",j="taskBoard.editPaneCancelButton",O="taskBoard.previewPanePriorityLabel",z="taskBoard.previewPaneDeleteButton",X="taskBoard.previewPaneEditButton",Y={"taskBoard.toolbarAddColumnButton":"Add column","taskBoard.toolbarSearchField":"Search",[f]:"Edit column",[h]:"Add card",[y]:"Delete column",[b]:"Edit card",[E]:"Delete card",[B]:"Are you sure you want to delete this card?",[T]:"Delete Card",[v]:"Delete",[D]:"Cancel",[P]:"Are you sure you want to delete this column?",[N]:"Delete column?",[x]:"Delete",[M]:"Cancel",[S]:"Create new card",[L]:"Create",[j]:"Cancel",[K]:"Edit",[q]:"Save changes",[A]:"Title:",[H]:"Description:",[F]:"Priority:",[w]:"Title",[I]:"Description",[R]:"Priority",[O]:"Priority:",[z]:"Delete",[X]:"Edit"},U="data-taskboard-type",W="data-taskboard-id",V="data-taskboard-placeholder",$="column",G="task",J=e=>{const{edit:t,title:a}=e.column;return k.createElement("div",{className:"k-taskboard-column-header"},k.createElement("div",{className:"k-taskboard-column-header-text k-text-ellipsis"},t?k.createElement(i.Input,{value:a,onChange:e.onTitleChange,onBlur:e.onColumnExitEdit,autoFocus:!0}):a),k.createElement("span",{className:"k-spacer"}),k.createElement("div",{className:o.classNames("k-taskboard-column-header-actions",{"k-disabled":t})},k.createElement(r.Button,{fillMode:"flat",icon:"pencil",svgIcon:l.pencilIcon,title:e.editButtonTitle,onClick:e.onColumnEnterEdit}),k.createElement(r.Button,{fillMode:"flat",icon:"plus",svgIcon:l.plusIcon,title:e.addButtonTitle,onClick:e.onShowAddCardDialog}),k.createElement(r.Button,{fillMode:"flat",icon:"x",svgIcon:l.xIcon,title:e.closeButtonTitle,onClick:e.onColumnDelete})))};J.displayName="KendoReactTaskBoardColumnHeader";const Q=e=>k.createElement("div",{className:"k-taskboard-column-cards-container"},k.createElement("div",{className:"k-taskboard-column-cards"},e.children));Q.displayName="KendoReactTaskBoardColumnBody";const Z=e=>{const{onClose:t,onConfirm:a,dialogMessage:o,dialogTitle:n,dialogConfirmButton:i,dialogCancelButton:l}=e;return k.createElement(s.Dialog,{title:n,closeIcon:!1},o,k.createElement(s.DialogActionsBar,{layout:"end"},k.createElement(r.Button,{themeColor:"primary",onClick:a},i),k.createElement(r.Button,{onClick:t},l)))};Z.propTypes={onClose:a.func.isRequired,onConfirm:a.func.isRequired,dialogMessage:a.string.isRequired,dialogTitle:a.string.isRequired,dialogConfirmButton:a.string.isRequired,dialogCancelButton:a.string.isRequired},Z.displayName="KendoReactTaskBoardConfirmDialog";const _=({onSave:e,task:t,priorities:a})=>{const[o,n]=k.useState(t?t.title:""),[r,i]=k.useState(t?t.description:""),[l,s]=k.useState(t?t.priority:a[0]),d=k.useCallback((e=>{n(e.value)}),[]),c=k.useCallback((e=>{i(e.value)}),[]),u=k.useCallback((e=>{s(e.target.value)}),[]),m=k.useCallback((a=>{const n={id:void 0,status:"",...t||{},title:o,description:r,priority:l};e.call(void 0,n,t)}),[e,t,o,r,l]);return{onTitleChange:d,title:o,onDescriptionChange:c,description:r,onPriorityChange:u,priority:l,onSave:m}},ee=e=>{const{onTitleChange:t,title:a,onDescriptionChange:o,description:r,onPriorityChange:i,priority:l,onSave:s}=_(e),d=n.useLocalization();return k.createElement(e.editPane,{header:d.toLanguageString(K,Y[K])+e.task.title,titleInputTitle:d.toLanguageString(w,Y[w]),descriptionInputTitle:d.toLanguageString(I,Y[I]),priorityDropDownTitle:d.toLanguageString(R,Y[R]),task:e.task,saveButton:d.toLanguageString(q,Y[q]),cancelButton:d.toLanguageString(j,Y[j]),priorities:e.priorities,titleLabel:d.toLanguageString(A,Y[A]),descriptionLabel:d.toLanguageString(H,Y[H]),priorityLabel:d.toLanguageString(F,Y[F]),onSave:s,onClose:e.onClose,onTitleChange:t,title:a,onDescriptionChange:o,description:r,onPriorityChange:i,priority:l})};ee.propTypes={},ee.displayName="KendoReactTaskBoardEditCard";const te=e=>{const{onTitleChange:t,title:a,onDescriptionChange:o,description:r,onPriorityChange:i,priority:l,onSave:s}=_(e),d=n.useLocalization();return k.createElement(e.editPane,{header:d.toLanguageString(S,Y[S]),titleInputTitle:d.toLanguageString(w,Y[w]),descriptionInputTitle:d.toLanguageString(I,Y[I]),priorityDropDownTitle:d.toLanguageString(R,Y[R]),titleLabel:d.toLanguageString(A,Y[A]),descriptionLabel:d.toLanguageString(H,Y[H]),priorityLabel:d.toLanguageString(F,Y[F]),saveButton:d.toLanguageString(L,Y[L]),cancelButton:d.toLanguageString(j,Y[j]),priorities:e.priorities,onSave:s,onClose:e.onClose,onTitleChange:t,title:a,onDescriptionChange:o,description:r,onPriorityChange:i,priority:l})};te.propTypes={},te.displayName="KendoReactTaskBoardAddCard";const ae=e=>{const t=k.useRef();return k.createElement(d.CardHeader,{className:"k-hbox"},k.createElement("span",{className:"k-card-title k-link",onClick:e.onShowPreviewPane},e.title),k.createElement("span",{className:"k-spacer"}),k.createElement("div",{className:"k-card-header-actions"},k.createElement(r.Button,{className:"k-card-details",fillMode:"flat",themeColor:"base",icon:"more-vertical",svgIcon:l.moreVerticalIcon,ref:t,onClick:e.showMenu?e.onHideMenu:e.onShowMenu,onBlur:e.onMenuButtonBlur}),k.createElement(c.Popup,{anchor:t.current&&t.current.element,show:e.showMenu,ref:e.popupRef},k.createElement(d.Menu,{vertical:!0,onSelect:e.onMenuItemSelect,items:e.menuItems,className:"k-context-menu"}))))};ae.displayName="KendoReactTaskBoardCardHeader";const oe=e=>k.createElement(d.CardBody,null,e.children);oe.displayName="KendoReactTaskBoardCardBody";const ne=e=>k.createElement("div",{className:"k-taskboard-pane k-taskboard-preview-pane"},k.createElement("div",{className:"k-taskboard-pane-header"},k.createElement("div",{className:"k-taskboard-pane-header-text"},e.title),k.createElement("span",{className:"k-spacer"}),k.createElement("div",{className:"k-taskboard-pane-header-actions"},k.createElement(r.Button,{icon:"x",svgIcon:l.xIcon,fillMode:"flat",onClick:e.onClosePreviewPane}))),k.createElement("div",{className:"k-taskboard-pane-content"},k.createElement("p",null,e.description),k.createElement("p",null,e.priorityLabel," ",k.createElement("span",{style:{backgroundColor:e.priority.color}}," ")," ",e.priority.priority)),k.createElement("div",{className:"k-taskboard-pane-actions k-actions k-hstack k-justify-content-end"},k.createElement(r.Button,{onClick:e.onTaskDelete},e.delete),k.createElement(r.Button,{themeColor:"primary",onClick:e.onTaskEdit},e.edit)));ne.displayName="KendoReactTaskBoardPreviewDialog";const re=e=>{const{onDeleteTask:t,showEditPane:a,task:o,style:r,dragTargetRef:i,elementRef:s}=e,[c,u]=k.useState(!1),[m,p]=k.useState(!1),[g,C]=k.useState(!1),f=k.useRef(null),h=n.useLocalization(),y=[{text:h.toLanguageString(b,Y[b]),icon:"pencil",svgIcon:l.pencilIcon,data:()=>{a(o),u(!c)}},{text:h.toLanguageString(E,Y[E]),icon:"trash",svgIcon:l.trashIcon,data:()=>{p(!m),u(!c)}}],S=()=>{C(!0)};return o.isPlaceholder&&i&&i.current?k.createElement("div",{style:{width:i.current.width,height:i.current.height},className:"k-taskboard-drag-placeholder",[V]:!0}):k.createElement(e.cardComponent,{task:o,style:r,tabIndex:e.tabIndex,disabled:e.disabled,elementRef:s,showMenu:c,showDeleteConfirm:m,showTaskPreviewPane:g,menuItems:y,popupRef:f,confirmDialogMessage:h.toLanguageString(B,Y[B]),confirmDialogTitle:h.toLanguageString(T,Y[T]),confirmDialogConfirmButton:h.toLanguageString(v,Y[v]),confirmDialogCancelButton:h.toLanguageString(D,Y[D]),previewDialogPriorityLabel:h.toLanguageString(O,Y[O]),previewDialogDelete:h.toLanguageString(z,Y[z]),previewDialogEdit:h.toLanguageString(X,Y[X]),onShowPreviewPane:S,onClosePreviewPane:()=>{C(!1)},onMenuItemSelect:e=>{e.item.data()},onShowMenu:()=>{u(!0)},onHideMenu:()=>{u(!1)},onMenuButtonBlur:e=>{const t=f.current&&f.current.element;t&&t.contains(e.relatedTarget)||u(!1)},onTaskDelete:t,onTaskEdit:()=>{a(o),S()},onCloseConfirmDialog:()=>{p(!m)},card:d.Card,cardHeader:ae,cardBody:oe,confirmDialog:Z,previewDialog:ne})};re.propTypes={task:a.object.isRequired},re.displayName="KendoReactTaskBoardCardBase";const ie=e=>{const[t,a]=k.useState(!1),[o,r]=k.useState(!1),[i,l]=k.useState(!1),[s,d]=k.useState(),{dragTargetRef:c,column:u,onColumnChange:m,tasks:p,elementRef:g,style:C,onTaskCreate:b,onTaskEdit:E,onTaskDelete:B}=e,T=n.useLocalization(),v=k.useCallback((e=>{const t={...u,title:e.value};m.call(void 0,t,u)}),[u,m]),D=k.useCallback((()=>{const e={...u,edit:!0};m.call(void 0,e,u)}),[u,m]),S=k.useCallback((()=>{const e={...u,edit:!1};m.call(void 0,e,u)}),[u,m]),w=k.useCallback((()=>{m.call(void 0,null,u)}),[u,m]),I=e=>{r(!0),d(e)},R=k.useCallback((e=>{a(!1),b.call(void 0,{...e,status:u.status})}),[b,u]),L=k.useCallback(((e,t)=>{r(!1),E.call(void 0,e,t)}),[E]),K=k.useCallback((e=>{B.call(void 0,e)}),[B]);if(u.isPlaceholder&&c&&c.current){const e=c.current?c.current.width:0,t=c.current?c.current.height:0;return k.createElement("div",{style:{width:e,height:t},className:"k-taskboard-column k-taskboard-drag-placeholder",[V]:!0})}return k.createElement(e.columnComponent,{column:e.column,tasks:p,priorities:e.priorities,style:c?{overflow:"visible",...C}:C,tabIndex:e.tabIndex,elementRef:g,onTaskCreate:R,onTaskEdit:L,onTaskDelete:K,card:e.cardComponent,header:J,body:Q,confirmDialog:Z,editCardDialog:ee,addCardDialog:te,onTitleChange:v,onColumnEnterEdit:D,onColumnExitEdit:S,onColumnConfirmDelete:w,onShowAddCardDialog:()=>{a(!0)},onShowEditCardPane:I,onColumnDelete:()=>{l(!i)},onCloseDialog:()=>{a(!1),r(!1)},showAddCard:t,showEditCard:o,showColumnConfirmDelete:i,editedTask:s,confirmDialogMessage:T.toLanguageString(P,Y[P]),confirmDialogTitle:T.toLanguageString(N,Y[N]),confirmDialogConfirmButton:T.toLanguageString(x,Y[x]),confirmDialogCancelButton:T.toLanguageString(M,Y[M]),editButtonTitle:T.toLanguageString(f,Y[f]),addButtonTitle:T.toLanguageString(h,Y[h]),closeButtonTitle:T.toLanguageString(y,Y[y])},p&&p.map((t=>k.createElement(re,{key:t.id,tabIndex:e.tabIndex,task:t,disabled:!!e.column.edit,onDeleteTask:()=>K(t),showEditPane:()=>I(t),dragTargetRef:e.dragTargetRef,style:{borderLeftColor:t.priority.color},cardComponent:e.cardComponent}))))};ie.propTypes={column:a.object.isRequired,taskMap:a.object},ie.displayName="KendoReactTaskBoardColumn";const le=e=>{for(;e;){if(!e.getAttribute)return null;const t=e.getAttribute(W);if(t)return{id:t,type:e.getAttribute(U)||"",element:e};e=e.parentNode}return null},se=(e,t)=>{const a=t.dataItem.color,o=k.createElement(k.Fragment,null,k.createElement("span",{style:{backgroundColor:a}}," "),e.props.children);return k.cloneElement(e,e.props,o)},de=(e,t)=>{if(!t)return e;const a=k.createElement(k.Fragment,null,k.createElement("span",{style:{backgroundColor:t.color}}," "),k.createElement("span",null," ",e.props.children));return k.cloneElement(e,{...e.props},a)},ce=e=>k.createElement(k.Fragment,null,k.createElement(e.card,{key:String(e.task.id),ref:e.elementRef,style:e.style,className:o.classNames("k-taskboard-card k-cursor-move k-taskboard-card-category",{"k-disabled":e.disabled}),[U]:G,[W]:e.task.id,tabIndex:e.tabIndex},k.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}),k.createElement(e.cardBody,{task:e.task},e.task.description)),e.showDeleteConfirm&&k.createElement(e.confirmDialog,{onConfirm:e.onTaskDelete,onClose:e.onCloseConfirmDialog,dialogMessage:e.confirmDialogMessage,dialogTitle:e.confirmDialogTitle,dialogConfirmButton:e.confirmDialogConfirmButton,dialogCancelButton:e.confirmDialogCancelButton}),e.showTaskPreviewPane&&k.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}));ce.displayName="KendoReactTaskBoardCard";const ue=e=>k.createElement("div",{className:"k-taskboard-pane k-taskboard-edit-pane"},k.createElement("div",{className:"k-taskboard-pane-header"},k.createElement("div",{className:"k-taskboard-pane-header-text"},e.header),k.createElement("span",{className:"k-spacer"}),k.createElement("div",{className:"k-taskboard-pane-header-actions"},k.createElement(r.Button,{icon:"x",svgIcon:l.xIcon,fillMode:"flat",onClick:e.onClose}))),k.createElement("div",{className:"k-taskboard-pane-content"},k.createElement("div",{role:"form","data-role":"form",className:"k-form"},k.createElement(p.FieldWrapper,null,k.createElement(m.Label,{editorId:"title"},e.titleLabel),k.createElement(i.Input,{id:"title",onChange:e.onTitleChange,value:e.title,title:e.titleInputTitle})),k.createElement(p.FieldWrapper,null,k.createElement(m.Label,{editorId:"description"},e.descriptionLabel),k.createElement(i.Input,{id:"description",onChange:e.onDescriptionChange,value:e.description,title:e.descriptionInputTitle})),k.createElement(p.FieldWrapper,null,k.createElement(m.Label,{editorId:"priority"},e.priorityLabel),k.createElement(u.DropDownList,{id:"priority",data:e.priorities,value:e.priority,onChange:e.onPriorityChange,itemRender:se,valueRender:de,textField:"priority",dataItemKey:"priority",title:e.priorityDropDownTitle})))),k.createElement("div",{className:"k-taskboard-pane-actions k-actions k-hstack k-justify-content-end"},k.createElement(r.Button,{onClick:e.onClose},e.cancelButton),k.createElement(r.Button,{themeColor:"primary",onClick:e.onSave,disabled:!e.title||!e.description},e.saveButton)));ue.propTypes={},ue.displayName="KendoReactTaskBoardEditPane";const me=e=>k.createElement(k.Fragment,null,k.createElement("div",{ref:e.elementRef,style:e.style,className:o.classNames("k-taskboard-column",{"k-taskboard-column-edit":e.column.edit}),tabIndex:e.tabIndex,[U]:$,[W]:e.column.id},k.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}),k.createElement(e.body,null,e.children)),e.showAddCard&&k.createElement(e.addCardDialog,{onClose:e.onCloseDialog,onSave:e.onTaskCreate,priorities:e.priorities,editPane:ue}),e.showEditCard&&e.editedTask&&k.createElement(e.editCardDialog,{onClose:e.onCloseDialog,onSave:e.onTaskEdit,task:e.editedTask,priorities:e.priorities,editPane:ue}),e.showColumnConfirmDelete&&k.createElement(e.confirmDialog,{onClose:e.onColumnDelete,onConfirm:e.onColumnConfirmDelete,dialogMessage:e.confirmDialogMessage,dialogTitle:e.confirmDialogTitle,dialogConfirmButton:e.confirmDialogConfirmButton,dialogCancelButton:e.confirmDialogCancelButton}));me.displayName="KendoReactTaskBoardColumn";const pe=k.forwardRef(((e,t)=>{o.validatePackage(C);const{columnData:a=[],className:n,style:r,id:i,taskData:l=[],onChange:s}=e,d=k.useRef(null),c=k.useRef(null);k.useImperativeHandle(d,(()=>({props:e}))),k.useImperativeHandle(t,(()=>d.current));const u=k.Children.toArray(e.children).filter((e=>e&&e.type&&"KendoReactTaskBoardToolbar"===e.type.displayName)),m=k.useRef(null),p=k.useRef(null),g=k.useRef(null),[f,h]=k.useState(null),[y,b]=k.useState(null),[E,B]=k.useState({top:0,left:0}),[T,v]=k.useState(),D=k.useRef(null),S=k.useRef(null),w=k.useMemo((()=>{const e={};return(f||l).forEach((t=>{const a=t.status;e[a]||(e[a]=[]),e[a].push(t)})),e}),[l,f]),I=k.useCallback((e=>{const t=e.originalEvent.target;if(t.closest("button,input,.k-link,.k-taskboard-preview-pane"))return;const n=le(t),r=c.current;if(n&&r){const i=n.type===$;if(i&&!t.closest(".k-taskboard-column-header"))return;const s=n.element.getBoundingClientRect(),d=r.getBoundingClientRect();g.current={x:e.clientX-s.left+d.left,y:e.clientY-s.top+d.top};const c=i?a:l,u=i?b:h,m=c.findIndex((e=>String(e.id)===n.id)),k=c[m];if(-1===m||k.edit)return;const C=o.clone(k);C.isPlaceholder=!0;const f=[...c];f[m]=C,p.current={...n,index:m,item:k,width:s.width,height:s.height},v(m),B({top:e.clientY-g.current.y,left:e.clientX-g.current.x}),u(f)}}),[a,l]),R=k.useCallback((e=>{const t=p.current,n=D.current&&D.current.element||S.current;if(t&&n){B({top:e.clientY-g.current.y,left:e.clientX-g.current.x}),n.style.visibility="hidden";const r=document.elementFromPoint(e.clientX,e.clientY);if(n.style.visibility="",r&&r.getAttribute(V))return;const i=r&&le(r);if(i){let e;const n=i.type===t.type,r=t.type===$,l=(r?y:f)||[],s=r?b:h;if(r||n){if(e=((e,t,a)=>{let o=-1,n=-1;for(let r=0;r<a.length;r++){const i=String(a[r].id);if(i===e&&(n=r),i===t&&(o=r),-1!==o&&-1!==n)return{dragIndex:n,dropIndex:o}}return null})(t.id,i.id,l),e){const a=l[e.dragIndex],n=l[e.dropIndex],i=o.clone(a);r||(i.status=n.status);const d=[...l];d.splice(e.dragIndex,1),d.splice(e.dropIndex,0,i),t.index=e.dropIndex,s(d)}}else{const e=l.findIndex((e=>String(e.id)===t.id)),o=a.findIndex((e=>String(e.id)===i.id));if(-1!==e&&-1!==o){const n=l[e],r=a[o].status;if(w[r])return;n.status=r;const i=[...l];i.splice(e,1),i.push(n),t.index=i.length-1,s(i)}}}}}),[y,f,a,w]),L=k.useCallback((()=>{const e=p.current;if(s&&e){const t=(e.type===$?y:f)||[],a=t[e.index];delete a.isPlaceholder;const o={data:t,type:e.type,previousItem:{...e.item,index:T},item:{...a,index:e.index}};s.call(void 0,o)}p.current=null,g.current=null,h(null),b(null),B({top:0,left:0}),v(void 0)}),[y,f,s]);o.useDraggable(m,{onDragStart:I,onDrag:R,onDragEnd:L});const P=p.current,N=k.useCallback((e=>{const t={data:[...l,e],type:G,previousItem:null,item:e};s.call(void 0,t)}),[s,l]),x=k.useCallback(((e,t)=>{const a=l.slice(),o=l.indexOf(t);-1!==o&&a.splice(o,1,e);const n={data:a,type:G,previousItem:t,item:e};s.call(void 0,n)}),[s,l]),M=k.useCallback((e=>{const t={data:l.filter((t=>t!==e)),type:G,previousItem:e,item:null};s.call(void 0,t)}),[s,l]),K=k.useCallback(((e,t)=>{const o=a.slice(),n=o.indexOf(t);-1!==n&&(e?o.splice(n,1,e):o.splice(n,1));const r={data:o,type:$,previousItem:t,item:e};s.call(void 0,r)}),[s,a]);return k.createElement("div",{id:i,style:r,ref:c,className:o.classNames("k-taskboard",n)},u,k.createElement("div",{className:"k-taskboard-content",style:P?{userSelect:"none"}:void 0},k.createElement("div",{className:"k-taskboard-columns-container",ref:m},(y||a).map((t=>k.createElement(ie,{key:t.id,tabIndex:e.tabIndex,column:t,tasks:w[t.status]||[],dragTargetRef:p,onTaskCreate:N,onTaskEdit:x,onTaskDelete:M,onColumnChange:K,columnComponent:e.column||me,cardComponent:e.card||ce,priorities:e.priorities}))))),P&&P.type===G&&k.createElement(re,{elementRef:D,style:{position:"absolute",width:P.width,height:P.height,top:E.top,left:E.left,zIndex:10,borderLeftColor:P.item.priority?P.item.priority.color:P.item.color},task:P.item,dragTargetRef:p,cardComponent:e.card||ce,onDeleteTask:o.noop,showEditPane:o.noop}),P&&P.type===$&&k.createElement(ie,{elementRef:S,style:{position:"absolute",width:P.width,height:P.height,top:E.top,left:E.left,zIndex:10},cardComponent:e.card||ce,columnComponent:e.column||me,column:P.item,tasks:w[P.item.status],priorities:e.priorities,dragTargetRef:p,onTaskDelete:M,onColumnChange:K,onTaskEdit:x,onTaskCreate:N}))}));pe.propTypes={columnData:a.array.isRequired,taskData:a.array.isRequired},pe.displayName="KendoReactTaskBoard";const ge=e=>{const{className:t,style:a,children:n}=e;return k.createElement("div",{style:a,className:o.classNames("k-taskboard-header",t)},k.createElement("div",{className:"k-taskboard-toolbar k-toolbar k-toolbar-md k-toolbar-solid"},n))};ge.propTypes={children:a.node},ge.displayName="KendoReactTaskBoardToolbar",e.TaskBoard=pe,e.TaskBoardAddCard=te,e.TaskBoardCard=ce,e.TaskBoardCardBody=oe,e.TaskBoardCardHeader=ae,e.TaskBoardColumn=me,e.TaskBoardColumnBody=Q,e.TaskBoardColumnHeader=J,e.TaskBoardConfirmDialog=Z,e.TaskBoardEditCard=ee,e.TaskBoardPreviewDialog=ne,e.TaskBoardTaskEditPane=ue,e.TaskBoardToolbar=ge,e.useTaskEditing=_}));
|
package/hooks/taskEditing.js
CHANGED
|
@@ -5,4 +5,4 @@
|
|
|
5
5
|
* Licensed under commercial license. See LICENSE.md in the package root for more information
|
|
6
6
|
*-------------------------------------------------------------------------------------------
|
|
7
7
|
*/
|
|
8
|
-
"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;
|
|
8
|
+
"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;
|
package/hooks/taskEditing.mjs
CHANGED
|
@@ -5,12 +5,13 @@
|
|
|
5
5
|
* Licensed under commercial license. See LICENSE.md in the package root for more information
|
|
6
6
|
*-------------------------------------------------------------------------------------------
|
|
7
7
|
*/
|
|
8
|
+
"use client";
|
|
8
9
|
import * as t from "react";
|
|
9
|
-
const b = ({ onSave: c, task: e, priorities:
|
|
10
|
-
const [
|
|
11
|
-
|
|
10
|
+
const b = ({ onSave: c, task: e, priorities: l }) => {
|
|
11
|
+
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) => {
|
|
12
|
+
r(i.value);
|
|
12
13
|
}, []), v = t.useCallback((i) => {
|
|
13
|
-
|
|
14
|
+
a(i.value);
|
|
14
15
|
}, []), C = t.useCallback((i) => {
|
|
15
16
|
u(i.target.value);
|
|
16
17
|
}, []), d = t.useCallback(
|
|
@@ -19,15 +20,15 @@ const b = ({ onSave: c, task: e, priorities: r }) => {
|
|
|
19
20
|
id: void 0,
|
|
20
21
|
status: "",
|
|
21
22
|
...e || {},
|
|
22
|
-
title:
|
|
23
|
-
description:
|
|
23
|
+
title: n,
|
|
24
|
+
description: o,
|
|
24
25
|
priority: s
|
|
25
26
|
};
|
|
26
27
|
c.call(void 0, g, e);
|
|
27
28
|
},
|
|
28
|
-
[c, e,
|
|
29
|
+
[c, e, n, o, s]
|
|
29
30
|
);
|
|
30
|
-
return { onTitleChange: p, title:
|
|
31
|
+
return { onTitleChange: p, title: n, onDescriptionChange: v, description: o, onPriorityChange: C, priority: s, onSave: d };
|
|
31
32
|
};
|
|
32
33
|
export {
|
|
33
34
|
b as useTaskEditing
|
package/index.js
CHANGED
|
@@ -5,5 +5,4 @@
|
|
|
5
5
|
* Licensed under commercial license. See LICENSE.md in the package root for more information
|
|
6
6
|
*-------------------------------------------------------------------------------------------
|
|
7
7
|
*/
|
|
8
|
-
"use client";
|
|
9
|
-
"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;
|
|
8
|
+
"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
CHANGED
|
@@ -12,14 +12,14 @@ import { TaskBoardCard as t } from "./card/Card.mjs";
|
|
|
12
12
|
import { TaskBoardCardHeader as T } from "./card/CardHeader.mjs";
|
|
13
13
|
import { TaskBoardCardBody as k } from "./card/CardBody.mjs";
|
|
14
14
|
import { TaskBoardColumn as p } from "./column/Column.mjs";
|
|
15
|
-
import { TaskBoardColumnHeader as
|
|
15
|
+
import { TaskBoardColumnHeader as i } from "./column/ColumnHeader.mjs";
|
|
16
16
|
import { TaskBoardColumnBody as l } from "./column/ColumnBody.mjs";
|
|
17
17
|
import { TaskBoardConfirmDialog as u } from "./TaskBoardConfirmDialog.mjs";
|
|
18
18
|
import { TaskBoardPreviewDialog as E } from "./card/PreviewDialog.mjs";
|
|
19
19
|
import { TaskBoardAddCard as D } from "./TaskBoardAddCard.mjs";
|
|
20
20
|
import { TaskBoardEditCard as P } from "./TaskBoardEditCard.mjs";
|
|
21
|
-
import { TaskBoardTaskEditPane as
|
|
22
|
-
import { useTaskEditing as
|
|
21
|
+
import { TaskBoardTaskEditPane as c } from "./TaskBoardTaskEditPane.mjs";
|
|
22
|
+
import { useTaskEditing as w } from "./hooks/taskEditing.mjs";
|
|
23
23
|
export {
|
|
24
24
|
a as TaskBoard,
|
|
25
25
|
D as TaskBoardAddCard,
|
|
@@ -28,11 +28,11 @@ export {
|
|
|
28
28
|
T as TaskBoardCardHeader,
|
|
29
29
|
p as TaskBoardColumn,
|
|
30
30
|
l as TaskBoardColumnBody,
|
|
31
|
-
|
|
31
|
+
i as TaskBoardColumnHeader,
|
|
32
32
|
u as TaskBoardConfirmDialog,
|
|
33
33
|
P as TaskBoardEditCard,
|
|
34
34
|
E as TaskBoardPreviewDialog,
|
|
35
|
-
|
|
35
|
+
c as TaskBoardTaskEditPane,
|
|
36
36
|
e as TaskBoardToolbar,
|
|
37
|
-
|
|
37
|
+
w as useTaskEditing
|
|
38
38
|
};
|
package/messages/index.js
CHANGED
|
@@ -5,4 +5,4 @@
|
|
|
5
5
|
* Licensed under commercial license. See LICENSE.md in the package root for more information
|
|
6
6
|
*-------------------------------------------------------------------------------------------
|
|
7
7
|
*/
|
|
8
|
-
"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;
|
|
8
|
+
"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;
|
package/messages/index.mjs
CHANGED
|
@@ -5,6 +5,7 @@
|
|
|
5
5
|
* Licensed under commercial license. See LICENSE.md in the package root for more information
|
|
6
6
|
*-------------------------------------------------------------------------------------------
|
|
7
7
|
*/
|
|
8
|
+
"use client";
|
|
8
9
|
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 = {
|
|
9
10
|
[t]: "Add column",
|
|
10
11
|
[a]: "Search",
|
package/package-metadata.js
CHANGED
|
@@ -5,4 +5,4 @@
|
|
|
5
5
|
* Licensed under commercial license. See LICENSE.md in the package root for more information
|
|
6
6
|
*-------------------------------------------------------------------------------------------
|
|
7
7
|
*/
|
|
8
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e={name:"@progress/kendo-react-taskboard",productName:"KendoReact",productCode:"KENDOUIREACT",productCodes:["KENDOUIREACT"],publishDate:
|
|
8
|
+
"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: 1737714336,version:"9.4.0-develop.2",licensingDocsUrl:"https://www.telerik.com/kendo-react-ui/components/my-license/"};exports.packageMetadata=e;
|
package/package-metadata.mjs
CHANGED
|
@@ -5,13 +5,14 @@
|
|
|
5
5
|
* Licensed under commercial license. See LICENSE.md in the package root for more information
|
|
6
6
|
*-------------------------------------------------------------------------------------------
|
|
7
7
|
*/
|
|
8
|
+
"use client";
|
|
8
9
|
const e = {
|
|
9
10
|
name: "@progress/kendo-react-taskboard",
|
|
10
11
|
productName: "KendoReact",
|
|
11
12
|
productCode: "KENDOUIREACT",
|
|
12
13
|
productCodes: ["KENDOUIREACT"],
|
|
13
|
-
publishDate:
|
|
14
|
-
version: "9.4.0-develop.
|
|
14
|
+
publishDate: 1737714336,
|
|
15
|
+
version: "9.4.0-develop.2",
|
|
15
16
|
licensingDocsUrl: "https://www.telerik.com/kendo-react-ui/components/my-license/"
|
|
16
17
|
};
|
|
17
18
|
export {
|