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

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.
Files changed (66) hide show
  1. package/TaskBoard.js +8 -0
  2. package/TaskBoard.mjs +239 -0
  3. package/TaskBoardAddCard.js +8 -0
  4. package/TaskBoardAddCard.mjs +43 -0
  5. package/TaskBoardCardBase.js +8 -0
  6. package/TaskBoardCardBase.mjs +106 -0
  7. package/TaskBoardColumnBase.js +8 -0
  8. package/TaskBoardColumnBase.mjs +129 -0
  9. package/TaskBoardConfirmDialog.js +8 -0
  10. package/TaskBoardConfirmDialog.mjs +28 -0
  11. package/TaskBoardEditCard.js +8 -0
  12. package/TaskBoardEditCard.mjs +44 -0
  13. package/TaskBoardTaskEditPane.js +8 -0
  14. package/TaskBoardTaskEditPane.mjs +69 -0
  15. package/TaskBoardToolbar.js +8 -0
  16. package/TaskBoardToolbar.mjs +22 -0
  17. package/card/Card.js +8 -0
  18. package/card/Card.mjs +68 -0
  19. package/card/CardBody.js +8 -0
  20. package/card/CardBody.mjs +15 -0
  21. package/card/CardHeader.js +8 -0
  22. package/card/CardHeader.mjs +38 -0
  23. package/card/PreviewDialog.js +8 -0
  24. package/card/PreviewDialog.mjs +16 -0
  25. package/column/Column.js +8 -0
  26. package/column/Column.mjs +72 -0
  27. package/column/ColumnBody.js +8 -0
  28. package/column/ColumnBody.mjs +14 -0
  29. package/column/ColumnHeader.js +8 -0
  30. package/column/ColumnHeader.mjs +56 -0
  31. package/constants.js +8 -0
  32. package/constants.mjs +16 -0
  33. package/dist/cdn/js/kendo-react-taskboard.js +8 -5
  34. package/hooks/taskEditing.js +8 -0
  35. package/hooks/taskEditing.mjs +25 -0
  36. package/index.d.mts +839 -5
  37. package/index.d.ts +839 -18
  38. package/index.js +8 -5
  39. package/index.mjs +35 -829
  40. package/messages/index.js +8 -0
  41. package/messages/index.mjs +71 -0
  42. package/package-metadata.js +8 -0
  43. package/package-metadata.mjs +19 -0
  44. package/package.json +12 -12
  45. package/utils.js +8 -0
  46. package/utils.mjs +50 -0
  47. package/TaskBoard.d.ts +0 -149
  48. package/TaskBoardAddCard.d.ts +0 -32
  49. package/TaskBoardCardBase.d.ts +0 -63
  50. package/TaskBoardColumnBase.d.ts +0 -79
  51. package/TaskBoardConfirmDialog.d.ts +0 -38
  52. package/TaskBoardEditCard.d.ts +0 -20
  53. package/TaskBoardTaskEditPane.d.ts +0 -93
  54. package/TaskBoardToolbar.d.ts +0 -26
  55. package/card/Card.d.ts +0 -145
  56. package/card/CardBody.d.ts +0 -23
  57. package/card/CardHeader.d.ts +0 -57
  58. package/card/PreviewDialog.d.ts +0 -51
  59. package/column/Column.d.ts +0 -162
  60. package/column/ColumnBody.d.ts +0 -18
  61. package/column/ColumnHeader.d.ts +0 -56
  62. package/constants.d.ts +0 -24
  63. package/hooks/taskEditing.d.ts +0 -23
  64. package/messages/index.d.ts +0 -154
  65. package/package-metadata.d.ts +0 -9
  66. package/utils.d.ts +0 -29
@@ -0,0 +1,44 @@
1
+ /**
2
+ * @license
3
+ *-------------------------------------------------------------------------------------------
4
+ * Copyright © 2024 Progress Software Corporation. All rights reserved.
5
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
6
+ *-------------------------------------------------------------------------------------------
7
+ */
8
+ "use client";
9
+ import * as T from "react";
10
+ import { useLocalization as E } from "@progress/kendo-react-intl";
11
+ import { taskBoardEditCardPaneTitle as i, messages as a, taskBoardAddCardTitleLabel as n, taskBoardAddCardDescriptionLabel as o, taskBoardAddCardPriorityLabel as r, taskBoardEditCardPaneSaveBtn as d, taskBoardEditPaneCancelBtn as s, taskBoardEditPaneTitleLabel as g, taskBoardEditPaneDescriptionLabel as l, taskBoardEditPanePriorityLabel as L } from "./messages/index.mjs";
12
+ import { useTaskEditing as P } from "./hooks/taskEditing.mjs";
13
+ const c = (e) => {
14
+ const { onTitleChange: u, title: k, onDescriptionChange: B, description: p, onPriorityChange: C, priority: m, onSave: S } = P(e), t = E();
15
+ return /* @__PURE__ */ T.createElement(
16
+ e.editPane,
17
+ {
18
+ header: t.toLanguageString(i, a[i]) + e.task.title,
19
+ titleInputTitle: t.toLanguageString(n, a[n]),
20
+ descriptionInputTitle: t.toLanguageString(o, a[o]),
21
+ priorityDropDownTitle: t.toLanguageString(r, a[r]),
22
+ task: e.task,
23
+ saveButton: t.toLanguageString(d, a[d]),
24
+ cancelButton: t.toLanguageString(s, a[s]),
25
+ priorities: e.priorities,
26
+ titleLabel: t.toLanguageString(g, a[g]),
27
+ descriptionLabel: t.toLanguageString(l, a[l]),
28
+ priorityLabel: t.toLanguageString(L, a[L]),
29
+ onSave: S,
30
+ onClose: e.onClose,
31
+ onTitleChange: u,
32
+ title: k,
33
+ onDescriptionChange: B,
34
+ description: p,
35
+ onPriorityChange: C,
36
+ priority: m
37
+ }
38
+ );
39
+ };
40
+ c.propTypes = {};
41
+ c.displayName = "KendoReactTaskBoardEditCard";
42
+ export {
43
+ c as TaskBoardEditCard
44
+ };
@@ -0,0 +1,8 @@
1
+ /**
2
+ * @license
3
+ *-------------------------------------------------------------------------------------------
4
+ * Copyright © 2024 Progress Software Corporation. All rights reserved.
5
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
6
+ *-------------------------------------------------------------------------------------------
7
+ */
8
+ "use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("react"),m=require("@progress/kendo-react-dropdowns"),i=require("@progress/kendo-react-buttons"),d=require("@progress/kendo-react-inputs"),r=require("@progress/kendo-react-labels"),l=require("@progress/kendo-react-form"),s=require("./utils.js"),k=require("@progress/kendo-svg-icons");function b(e){const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const a in e)if(a!=="default"){const c=Object.getOwnPropertyDescriptor(e,a);Object.defineProperty(n,a,c.get?c:{enumerable:!0,get:()=>e[a]})}}return n.default=e,Object.freeze(n)}const t=b(u),o=e=>t.createElement("div",{className:"k-taskboard-pane k-taskboard-edit-pane"},t.createElement("div",{className:"k-taskboard-pane-header"},t.createElement("div",{className:"k-taskboard-pane-header-text"},e.header),t.createElement("span",{className:"k-spacer"}),t.createElement("div",{className:"k-taskboard-pane-header-actions"},t.createElement(i.Button,{icon:"x",svgIcon:k.xIcon,fillMode:"flat",onClick:e.onClose}))),t.createElement("div",{className:"k-taskboard-pane-content"},t.createElement("div",{role:"form","data-role":"form",className:"k-form"},t.createElement(l.FieldWrapper,null,t.createElement(r.Label,{editorId:"title"},e.titleLabel),t.createElement(d.Input,{id:"title",onChange:e.onTitleChange,value:e.title,title:e.titleInputTitle})),t.createElement(l.FieldWrapper,null,t.createElement(r.Label,{editorId:"description"},e.descriptionLabel),t.createElement(d.Input,{id:"description",onChange:e.onDescriptionChange,value:e.description,title:e.descriptionInputTitle})),t.createElement(l.FieldWrapper,null,t.createElement(r.Label,{editorId:"priority"},e.priorityLabel),t.createElement(m.DropDownList,{id:"priority",data:e.priorities,value:e.priority,onChange:e.onPriorityChange,itemRender:s.itemRender,valueRender:s.valueRender,textField:"priority",dataItemKey:"priority",title:e.priorityDropDownTitle})))),t.createElement("div",{className:"k-taskboard-pane-actions k-actions k-hstack k-justify-content-end"},t.createElement(i.Button,{onClick:e.onClose},e.cancelButton),t.createElement(i.Button,{themeColor:"primary",onClick:e.onSave,disabled:!e.title||!e.description},e.saveButton)));o.propTypes={};o.displayName="KendoReactTaskBoardEditPane";exports.TaskBoardTaskEditPane=o;
@@ -0,0 +1,69 @@
1
+ /**
2
+ * @license
3
+ *-------------------------------------------------------------------------------------------
4
+ * Copyright © 2024 Progress Software Corporation. All rights reserved.
5
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
6
+ *-------------------------------------------------------------------------------------------
7
+ */
8
+ "use client";
9
+ import * as t from "react";
10
+ import { DropDownList as o } from "@progress/kendo-react-dropdowns";
11
+ import { Button as a } from "@progress/kendo-react-buttons";
12
+ import { Input as r } from "@progress/kendo-react-inputs";
13
+ import { Label as i } from "@progress/kendo-react-labels";
14
+ import { FieldWrapper as n } from "@progress/kendo-react-form";
15
+ import { itemRender as c, valueRender as m } from "./utils.mjs";
16
+ import { xIcon as d } from "@progress/kendo-svg-icons";
17
+ const l = (e) => /* @__PURE__ */ t.createElement("div", { className: "k-taskboard-pane k-taskboard-edit-pane" }, /* @__PURE__ */ t.createElement("div", { className: "k-taskboard-pane-header" }, /* @__PURE__ */ t.createElement("div", { className: "k-taskboard-pane-header-text" }, e.header), /* @__PURE__ */ t.createElement("span", { className: "k-spacer" }), /* @__PURE__ */ t.createElement("div", { className: "k-taskboard-pane-header-actions" }, /* @__PURE__ */ t.createElement(a, { icon: "x", svgIcon: d, fillMode: "flat", onClick: e.onClose }))), /* @__PURE__ */ t.createElement("div", { className: "k-taskboard-pane-content" }, /* @__PURE__ */ t.createElement(
18
+ "div",
19
+ {
20
+ role: "form",
21
+ "data-role": "form",
22
+ className: "k-form"
23
+ },
24
+ /* @__PURE__ */ t.createElement(n, null, /* @__PURE__ */ t.createElement(i, { editorId: "title" }, e.titleLabel), /* @__PURE__ */ t.createElement(
25
+ r,
26
+ {
27
+ id: "title",
28
+ onChange: e.onTitleChange,
29
+ value: e.title,
30
+ title: e.titleInputTitle
31
+ }
32
+ )),
33
+ /* @__PURE__ */ t.createElement(n, null, /* @__PURE__ */ t.createElement(i, { editorId: "description" }, e.descriptionLabel), /* @__PURE__ */ t.createElement(
34
+ r,
35
+ {
36
+ id: "description",
37
+ onChange: e.onDescriptionChange,
38
+ value: e.description,
39
+ title: e.descriptionInputTitle
40
+ }
41
+ )),
42
+ /* @__PURE__ */ t.createElement(n, null, /* @__PURE__ */ t.createElement(i, { editorId: "priority" }, e.priorityLabel), /* @__PURE__ */ t.createElement(
43
+ o,
44
+ {
45
+ id: "priority",
46
+ data: e.priorities,
47
+ value: e.priority,
48
+ onChange: e.onPriorityChange,
49
+ itemRender: c,
50
+ valueRender: m,
51
+ textField: "priority",
52
+ dataItemKey: "priority",
53
+ title: e.priorityDropDownTitle
54
+ }
55
+ ))
56
+ )), /* @__PURE__ */ t.createElement("div", { className: "k-taskboard-pane-actions k-actions k-hstack k-justify-content-end" }, /* @__PURE__ */ t.createElement(a, { onClick: e.onClose }, e.cancelButton), /* @__PURE__ */ t.createElement(
57
+ a,
58
+ {
59
+ themeColor: "primary",
60
+ onClick: e.onSave,
61
+ disabled: !e.title || !e.description
62
+ },
63
+ e.saveButton
64
+ )));
65
+ l.propTypes = {};
66
+ l.displayName = "KendoReactTaskBoardEditPane";
67
+ export {
68
+ l as TaskBoardTaskEditPane
69
+ };
@@ -0,0 +1,8 @@
1
+ /**
2
+ * @license
3
+ *-------------------------------------------------------------------------------------------
4
+ * Copyright © 2024 Progress Software Corporation. All rights reserved.
5
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
6
+ *-------------------------------------------------------------------------------------------
7
+ */
8
+ "use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react"),s=require("prop-types"),l=require("@progress/kendo-react-common");function d(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 c=d(n),r=e=>{const{className:a,style:t,children:o}=e;return c.createElement("div",{style:t,className:l.classNames("k-taskboard-header",a)},c.createElement("div",{className:"k-taskboard-toolbar k-toolbar"},o))};r.propTypes={children:s.node};r.displayName="KendoReactTaskBoardToolbar";exports.TaskBoardToolbar=r;
@@ -0,0 +1,22 @@
1
+ /**
2
+ * @license
3
+ *-------------------------------------------------------------------------------------------
4
+ * Copyright © 2024 Progress Software Corporation. All rights reserved.
5
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
6
+ *-------------------------------------------------------------------------------------------
7
+ */
8
+ "use client";
9
+ import * as a from "react";
10
+ import l from "prop-types";
11
+ import { classNames as c } from "@progress/kendo-react-common";
12
+ const e = (o) => {
13
+ const { className: r, style: s, children: t } = o;
14
+ return /* @__PURE__ */ a.createElement("div", { style: s, className: c("k-taskboard-header", r) }, /* @__PURE__ */ a.createElement("div", { className: "k-taskboard-toolbar k-toolbar" }, t));
15
+ };
16
+ e.propTypes = {
17
+ children: l.node
18
+ };
19
+ e.displayName = "KendoReactTaskBoardToolbar";
20
+ export {
21
+ e as TaskBoardToolbar
22
+ };
package/card/Card.js ADDED
@@ -0,0 +1,8 @@
1
+ /**
2
+ * @license
3
+ *-------------------------------------------------------------------------------------------
4
+ * Copyright © 2024 Progress Software Corporation. All rights reserved.
5
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
6
+ *-------------------------------------------------------------------------------------------
7
+ */
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 ADDED
@@ -0,0 +1,68 @@
1
+ /**
2
+ * @license
3
+ *-------------------------------------------------------------------------------------------
4
+ * Copyright © 2024 Progress Software Corporation. All rights reserved.
5
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
6
+ *-------------------------------------------------------------------------------------------
7
+ */
8
+ "use client";
9
+ import * as t from "react";
10
+ import { classNames as a } from "@progress/kendo-react-common";
11
+ import { TASKBOARD_ITEM_TYPE as n, TASKBOARD_TASK as i, TASKBOARD_ITEM_ID as l } from "../constants.mjs";
12
+ const o = (e) => /* @__PURE__ */ t.createElement(t.Fragment, null, /* @__PURE__ */ t.createElement(
13
+ e.card,
14
+ {
15
+ key: String(e.task.id),
16
+ ref: e.elementRef,
17
+ style: e.style,
18
+ className: a("k-taskboard-card k-cursor-move k-taskboard-card-category", {
19
+ "k-disabled": e.disabled
20
+ }),
21
+ [n]: i,
22
+ [l]: e.task.id,
23
+ tabIndex: e.tabIndex
24
+ },
25
+ /* @__PURE__ */ t.createElement(
26
+ e.cardHeader,
27
+ {
28
+ showMenu: e.showMenu,
29
+ menuItems: e.menuItems,
30
+ popupRef: e.popupRef,
31
+ title: e.task.title,
32
+ task: e.task,
33
+ onShowPreviewPane: e.onShowPreviewPane,
34
+ onShowMenu: e.onShowMenu,
35
+ onHideMenu: e.onHideMenu,
36
+ onMenuButtonBlur: e.onMenuButtonBlur,
37
+ onMenuItemSelect: e.onMenuItemSelect
38
+ }
39
+ ),
40
+ /* @__PURE__ */ t.createElement(e.cardBody, { task: e.task }, e.task.description)
41
+ ), e.showDeleteConfirm && /* @__PURE__ */ t.createElement(
42
+ e.confirmDialog,
43
+ {
44
+ onConfirm: e.onTaskDelete,
45
+ onClose: e.onCloseConfirmDialog,
46
+ dialogMessage: e.confirmDialogMessage,
47
+ dialogTitle: e.confirmDialogTitle,
48
+ dialogConfirmButton: e.confirmDialogConfirmButton,
49
+ dialogCancelButton: e.confirmDialogCancelButton
50
+ }
51
+ ), e.showTaskPreviewPane && /* @__PURE__ */ t.createElement(
52
+ e.previewDialog,
53
+ {
54
+ title: e.task.title,
55
+ description: e.task.description,
56
+ priorityLabel: e.previewDialogPriorityLabel,
57
+ delete: e.previewDialogDelete,
58
+ edit: e.previewDialogEdit,
59
+ onClosePreviewPane: e.onClosePreviewPane,
60
+ onTaskDelete: e.onTaskDelete,
61
+ onTaskEdit: e.onTaskEdit,
62
+ priority: e.task.priority
63
+ }
64
+ ));
65
+ o.displayName = "KendoReactTaskBoardCard";
66
+ export {
67
+ o as TaskBoardCard
68
+ };
@@ -0,0 +1,8 @@
1
+ /**
2
+ * @license
3
+ *-------------------------------------------------------------------------------------------
4
+ * Copyright © 2024 Progress Software Corporation. All rights reserved.
5
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
6
+ *-------------------------------------------------------------------------------------------
7
+ */
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;
@@ -0,0 +1,15 @@
1
+ /**
2
+ * @license
3
+ *-------------------------------------------------------------------------------------------
4
+ * Copyright © 2024 Progress Software Corporation. All rights reserved.
5
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
6
+ *-------------------------------------------------------------------------------------------
7
+ */
8
+ "use client";
9
+ import * as a from "react";
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";
13
+ export {
14
+ o as TaskBoardCardBody
15
+ };
@@ -0,0 +1,8 @@
1
+ /**
2
+ * @license
3
+ *-------------------------------------------------------------------------------------------
4
+ * Copyright © 2024 Progress Software Corporation. All rights reserved.
5
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
6
+ *-------------------------------------------------------------------------------------------
7
+ */
8
+ "use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("react"),l=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(u),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(l.Button,{fillMode:"flat",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;
@@ -0,0 +1,38 @@
1
+ /**
2
+ * @license
3
+ *-------------------------------------------------------------------------------------------
4
+ * Copyright © 2024 Progress Software Corporation. All rights reserved.
5
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
6
+ *-------------------------------------------------------------------------------------------
7
+ */
8
+ "use client";
9
+ import * as t from "react";
10
+ import { Button as a } from "@progress/kendo-react-buttons";
11
+ import { CardHeader as r, Menu as o } from "@progress/kendo-react-layout";
12
+ import { Popup as c } from "@progress/kendo-react-popup";
13
+ import { moreVerticalIcon as m } from "@progress/kendo-svg-icons";
14
+ const l = (e) => {
15
+ const n = t.useRef();
16
+ return /* @__PURE__ */ t.createElement(r, { className: "k-hbox" }, /* @__PURE__ */ t.createElement(
17
+ "span",
18
+ {
19
+ className: "k-card-title k-link",
20
+ onClick: e.onShowPreviewPane
21
+ },
22
+ e.title
23
+ ), /* @__PURE__ */ t.createElement("span", { className: "k-spacer" }), /* @__PURE__ */ t.createElement("div", { className: "k-card-header-actions" }, /* @__PURE__ */ t.createElement(
24
+ a,
25
+ {
26
+ fillMode: "flat",
27
+ icon: "more-vertical",
28
+ svgIcon: m,
29
+ ref: n,
30
+ onClick: e.showMenu ? e.onHideMenu : e.onShowMenu,
31
+ onBlur: e.onMenuButtonBlur
32
+ }
33
+ ), /* @__PURE__ */ t.createElement(c, { anchor: n.current && n.current.element, show: e.showMenu, ref: e.popupRef }, /* @__PURE__ */ t.createElement(o, { vertical: !0, onSelect: e.onMenuItemSelect, items: e.menuItems, className: "k-context-menu" }))));
34
+ };
35
+ l.displayName = "KendoReactTaskBoardCardHeader";
36
+ export {
37
+ l as TaskBoardCardHeader
38
+ };
@@ -0,0 +1,8 @@
1
+ /**
2
+ * @license
3
+ *-------------------------------------------------------------------------------------------
4
+ * Copyright © 2024 Progress Software Corporation. All rights reserved.
5
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
6
+ *-------------------------------------------------------------------------------------------
7
+ */
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;
@@ -0,0 +1,16 @@
1
+ /**
2
+ * @license
3
+ *-------------------------------------------------------------------------------------------
4
+ * Copyright © 2024 Progress Software Corporation. All rights reserved.
5
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
6
+ *-------------------------------------------------------------------------------------------
7
+ */
8
+ "use client";
9
+ import * as e from "react";
10
+ import { Button as t } from "@progress/kendo-react-buttons";
11
+ import { xIcon as n } from "@progress/kendo-svg-icons";
12
+ const r = (a) => /* @__PURE__ */ e.createElement("div", { className: "k-taskboard-pane k-taskboard-preview-pane" }, /* @__PURE__ */ e.createElement("div", { className: "k-taskboard-pane-header" }, /* @__PURE__ */ e.createElement("div", { className: "k-taskboard-pane-header-text" }, a.title), /* @__PURE__ */ e.createElement("span", { className: "k-spacer" }), /* @__PURE__ */ e.createElement("div", { className: "k-taskboard-pane-header-actions" }, /* @__PURE__ */ e.createElement(t, { icon: "x", svgIcon: n, fillMode: "flat", onClick: a.onClosePreviewPane }))), /* @__PURE__ */ e.createElement("div", { className: "k-taskboard-pane-content" }, /* @__PURE__ */ e.createElement("p", null, a.description), /* @__PURE__ */ e.createElement("p", null, a.priorityLabel, " ", /* @__PURE__ */ e.createElement("span", { style: { backgroundColor: a.priority.color } }, " "), " ", a.priority.priority)), /* @__PURE__ */ e.createElement("div", { className: "k-taskboard-pane-actions k-actions k-hstack k-justify-content-end" }, /* @__PURE__ */ e.createElement(t, { onClick: a.onTaskDelete }, a.delete), /* @__PURE__ */ e.createElement(t, { themeColor: "primary", onClick: a.onTaskEdit }, a.edit)));
13
+ r.displayName = "KendoReactTaskBoardPreviewDialog";
14
+ export {
15
+ r as TaskBoardPreviewDialog
16
+ };
@@ -0,0 +1,8 @@
1
+ /**
2
+ * @license
3
+ *-------------------------------------------------------------------------------------------
4
+ * Copyright © 2024 Progress Software Corporation. All rights reserved.
5
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
6
+ *-------------------------------------------------------------------------------------------
7
+ */
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;
@@ -0,0 +1,72 @@
1
+ /**
2
+ * @license
3
+ *-------------------------------------------------------------------------------------------
4
+ * Copyright © 2024 Progress Software Corporation. All rights reserved.
5
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
6
+ *-------------------------------------------------------------------------------------------
7
+ */
8
+ "use client";
9
+ import * as t from "react";
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";
12
+ import { TaskBoardTaskEditPane as n } from "../TaskBoardTaskEditPane.mjs";
13
+ const d = (e) => /* @__PURE__ */ t.createElement(t.Fragment, null, /* @__PURE__ */ t.createElement(
14
+ "div",
15
+ {
16
+ ref: e.elementRef,
17
+ style: e.style,
18
+ className: l("k-taskboard-column", {
19
+ "k-taskboard-column-edit": e.column.edit
20
+ }),
21
+ tabIndex: e.tabIndex,
22
+ [a]: i,
23
+ [o]: e.column.id
24
+ },
25
+ /* @__PURE__ */ t.createElement(
26
+ e.header,
27
+ {
28
+ column: e.column,
29
+ tasks: e.tasks,
30
+ onTitleChange: e.onTitleChange,
31
+ onColumnExitEdit: e.onColumnExitEdit,
32
+ editButtonTitle: e.editButtonTitle,
33
+ onColumnEnterEdit: e.onColumnEnterEdit,
34
+ addButtonTitle: e.addButtonTitle,
35
+ onShowAddCardDialog: e.onShowAddCardDialog,
36
+ closeButtonTitle: e.closeButtonTitle,
37
+ onColumnDelete: e.onColumnDelete
38
+ }
39
+ ),
40
+ /* @__PURE__ */ t.createElement(e.body, null, e.children)
41
+ ), e.showAddCard && /* @__PURE__ */ t.createElement(
42
+ e.addCardDialog,
43
+ {
44
+ onClose: e.onCloseDialog,
45
+ onSave: e.onTaskCreate,
46
+ priorities: e.priorities,
47
+ editPane: n
48
+ }
49
+ ), e.showEditCard && e.editedTask && /* @__PURE__ */ t.createElement(
50
+ e.editCardDialog,
51
+ {
52
+ onClose: e.onCloseDialog,
53
+ onSave: e.onTaskEdit,
54
+ task: e.editedTask,
55
+ priorities: e.priorities,
56
+ editPane: n
57
+ }
58
+ ), e.showColumnConfirmDelete && /* @__PURE__ */ t.createElement(
59
+ e.confirmDialog,
60
+ {
61
+ onClose: e.onColumnDelete,
62
+ onConfirm: e.onColumnConfirmDelete,
63
+ dialogMessage: e.confirmDialogMessage,
64
+ dialogTitle: e.confirmDialogTitle,
65
+ dialogConfirmButton: e.confirmDialogConfirmButton,
66
+ dialogCancelButton: e.confirmDialogCancelButton
67
+ }
68
+ ));
69
+ d.displayName = "KendoReactTaskBoardColumn";
70
+ export {
71
+ d as TaskBoardColumn
72
+ };
@@ -0,0 +1,8 @@
1
+ /**
2
+ * @license
3
+ *-------------------------------------------------------------------------------------------
4
+ * Copyright © 2024 Progress Software Corporation. All rights reserved.
5
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
6
+ *-------------------------------------------------------------------------------------------
7
+ */
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;
@@ -0,0 +1,14 @@
1
+ /**
2
+ * @license
3
+ *-------------------------------------------------------------------------------------------
4
+ * Copyright © 2024 Progress Software Corporation. All rights reserved.
5
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
6
+ *-------------------------------------------------------------------------------------------
7
+ */
8
+ "use client";
9
+ import * as a from "react";
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));
11
+ o.displayName = "KendoReactTaskBoardColumnBody";
12
+ export {
13
+ o as TaskBoardColumnBody
14
+ };
@@ -0,0 +1,8 @@
1
+ /**
2
+ * @license
3
+ *-------------------------------------------------------------------------------------------
4
+ * Copyright © 2024 Progress Software Corporation. All rights reserved.
5
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
6
+ *-------------------------------------------------------------------------------------------
7
+ */
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;
@@ -0,0 +1,56 @@
1
+ /**
2
+ * @license
3
+ *-------------------------------------------------------------------------------------------
4
+ * Copyright © 2024 Progress Software Corporation. All rights reserved.
5
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
6
+ *-------------------------------------------------------------------------------------------
7
+ */
8
+ "use client";
9
+ import * as t from "react";
10
+ import { Button as l } from "@progress/kendo-react-buttons";
11
+ import { Input as o } from "@progress/kendo-react-inputs";
12
+ import { classNames as c } from "@progress/kendo-react-common";
13
+ import { pencilIcon as i, plusIcon as m, xIcon as d } from "@progress/kendo-svg-icons";
14
+ const r = (e) => {
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(
17
+ o,
18
+ {
19
+ value: a,
20
+ onChange: e.onTitleChange,
21
+ onBlur: e.onColumnExitEdit,
22
+ autoFocus: !0
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(
25
+ l,
26
+ {
27
+ fillMode: "flat",
28
+ icon: "pencil",
29
+ svgIcon: i,
30
+ title: e.editButtonTitle,
31
+ onClick: e.onColumnEnterEdit
32
+ }
33
+ ), /* @__PURE__ */ t.createElement(
34
+ l,
35
+ {
36
+ fillMode: "flat",
37
+ icon: "plus",
38
+ svgIcon: m,
39
+ title: e.addButtonTitle,
40
+ onClick: e.onShowAddCardDialog
41
+ }
42
+ ), /* @__PURE__ */ t.createElement(
43
+ l,
44
+ {
45
+ fillMode: "flat",
46
+ icon: "x",
47
+ svgIcon: d,
48
+ title: e.closeButtonTitle,
49
+ onClick: e.onColumnDelete
50
+ }
51
+ )));
52
+ };
53
+ r.displayName = "KendoReactTaskBoardColumnHeader";
54
+ export {
55
+ r as TaskBoardColumnHeader
56
+ };
package/constants.js ADDED
@@ -0,0 +1,8 @@
1
+ /**
2
+ * @license
3
+ *-------------------------------------------------------------------------------------------
4
+ * Copyright © 2024 Progress Software Corporation. All rights reserved.
5
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
6
+ *-------------------------------------------------------------------------------------------
7
+ */
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 ADDED
@@ -0,0 +1,16 @@
1
+ /**
2
+ * @license
3
+ *-------------------------------------------------------------------------------------------
4
+ * Copyright © 2024 Progress Software Corporation. All rights reserved.
5
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
6
+ *-------------------------------------------------------------------------------------------
7
+ */
8
+ "use client";
9
+ const t = "data-taskboard-type", a = "data-taskboard-id", A = "data-taskboard-placeholder", o = "column", s = "task";
10
+ export {
11
+ o as TASKBOARD_COLUMN,
12
+ a as TASKBOARD_ITEM_ID,
13
+ t as TASKBOARD_ITEM_TYPE,
14
+ A as TASKBOARD_PLACEHOLDER,
15
+ s as TASKBOARD_TASK
16
+ };