@progress/kendo-react-taskboard 6.1.1-dev.202311151536 → 7.0.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 (94) hide show
  1. package/LICENSE.md +1 -1
  2. package/{dist/es/TaskBoard.d.ts → TaskBoard.d.ts} +4 -0
  3. package/{dist/npm/TaskBoardAddCard.d.ts → TaskBoardAddCard.d.ts} +4 -0
  4. package/{dist/npm/TaskBoardCardBase.d.ts → TaskBoardCardBase.d.ts} +5 -1
  5. package/{dist/npm/TaskBoardColumnBase.d.ts → TaskBoardColumnBase.d.ts} +5 -1
  6. package/{dist/es/TaskBoardConfirmDialog.d.ts → TaskBoardConfirmDialog.d.ts} +4 -0
  7. package/{dist/npm/TaskBoardEditCard.d.ts → TaskBoardEditCard.d.ts} +4 -0
  8. package/{dist/es/TaskBoardTaskEditPane.d.ts → TaskBoardTaskEditPane.d.ts} +4 -0
  9. package/{dist/npm/TaskBoardToolbar.d.ts → TaskBoardToolbar.d.ts} +4 -0
  10. package/{dist/es/card → card}/Card.d.ts +4 -0
  11. package/{dist/es/card → card}/CardBody.d.ts +4 -0
  12. package/{dist/npm/card → card}/CardHeader.d.ts +4 -0
  13. package/{dist/es/card → card}/PreviewDialog.d.ts +4 -0
  14. package/{dist/es/column → column}/Column.d.ts +4 -0
  15. package/{dist/npm/column → column}/ColumnBody.d.ts +4 -0
  16. package/{dist/npm/column → column}/ColumnHeader.d.ts +4 -0
  17. package/{dist/es/constants.d.ts → constants.d.ts} +4 -0
  18. package/dist/cdn/js/kendo-react-taskboard.js +5 -1
  19. package/{dist/npm/hooks → hooks}/taskEditing.d.ts +4 -0
  20. package/index.d.ts +18 -0
  21. package/index.js +5 -0
  22. package/index.mjs +834 -0
  23. package/{dist/es/messages → messages}/index.d.ts +4 -0
  24. package/package-metadata.d.ts +9 -0
  25. package/package.json +38 -56
  26. package/{dist/npm/utils.d.ts → utils.d.ts} +5 -1
  27. package/about.md +0 -3
  28. package/dist/es/TaskBoard.js +0 -270
  29. package/dist/es/TaskBoardAddCard.d.ts +0 -28
  30. package/dist/es/TaskBoardAddCard.js +0 -14
  31. package/dist/es/TaskBoardCardBase.d.ts +0 -60
  32. package/dist/es/TaskBoardCardBase.js +0 -95
  33. package/dist/es/TaskBoardColumnBase.d.ts +0 -76
  34. package/dist/es/TaskBoardColumnBase.js +0 -92
  35. package/dist/es/TaskBoardConfirmDialog.js +0 -24
  36. package/dist/es/TaskBoardEditCard.d.ts +0 -16
  37. package/dist/es/TaskBoardEditCard.js +0 -14
  38. package/dist/es/TaskBoardTaskEditPane.js +0 -35
  39. package/dist/es/TaskBoardToolbar.d.ts +0 -22
  40. package/dist/es/TaskBoardToolbar.js +0 -15
  41. package/dist/es/card/Card.js +0 -33
  42. package/dist/es/card/CardBody.js +0 -9
  43. package/dist/es/card/CardHeader.d.ts +0 -53
  44. package/dist/es/card/CardHeader.js +0 -19
  45. package/dist/es/card/PreviewDialog.js +0 -26
  46. package/dist/es/column/Column.js +0 -34
  47. package/dist/es/column/ColumnBody.d.ts +0 -14
  48. package/dist/es/column/ColumnBody.js +0 -9
  49. package/dist/es/column/ColumnHeader.d.ts +0 -52
  50. package/dist/es/column/ColumnHeader.js +0 -19
  51. package/dist/es/constants.js +0 -20
  52. package/dist/es/hooks/taskEditing.d.ts +0 -19
  53. package/dist/es/hooks/taskEditing.js +0 -32
  54. package/dist/es/main.d.ts +0 -14
  55. package/dist/es/main.js +0 -14
  56. package/dist/es/messages/index.js +0 -151
  57. package/dist/es/package-metadata.d.ts +0 -5
  58. package/dist/es/package-metadata.js +0 -11
  59. package/dist/es/utils.d.ts +0 -25
  60. package/dist/es/utils.js +0 -81
  61. package/dist/npm/TaskBoard.d.ts +0 -145
  62. package/dist/npm/TaskBoard.js +0 -273
  63. package/dist/npm/TaskBoardAddCard.js +0 -18
  64. package/dist/npm/TaskBoardCardBase.js +0 -99
  65. package/dist/npm/TaskBoardColumnBase.js +0 -96
  66. package/dist/npm/TaskBoardConfirmDialog.d.ts +0 -34
  67. package/dist/npm/TaskBoardConfirmDialog.js +0 -28
  68. package/dist/npm/TaskBoardEditCard.js +0 -18
  69. package/dist/npm/TaskBoardTaskEditPane.d.ts +0 -89
  70. package/dist/npm/TaskBoardTaskEditPane.js +0 -39
  71. package/dist/npm/TaskBoardToolbar.js +0 -19
  72. package/dist/npm/card/Card.d.ts +0 -141
  73. package/dist/npm/card/Card.js +0 -37
  74. package/dist/npm/card/CardBody.d.ts +0 -19
  75. package/dist/npm/card/CardBody.js +0 -13
  76. package/dist/npm/card/CardHeader.js +0 -23
  77. package/dist/npm/card/PreviewDialog.d.ts +0 -47
  78. package/dist/npm/card/PreviewDialog.js +0 -30
  79. package/dist/npm/column/Column.d.ts +0 -158
  80. package/dist/npm/column/Column.js +0 -38
  81. package/dist/npm/column/ColumnBody.js +0 -13
  82. package/dist/npm/column/ColumnHeader.js +0 -23
  83. package/dist/npm/constants.d.ts +0 -20
  84. package/dist/npm/constants.js +0 -23
  85. package/dist/npm/hooks/taskEditing.js +0 -36
  86. package/dist/npm/main.d.ts +0 -14
  87. package/dist/npm/main.js +0 -31
  88. package/dist/npm/messages/index.d.ts +0 -150
  89. package/dist/npm/messages/index.js +0 -154
  90. package/dist/npm/package-metadata.d.ts +0 -5
  91. package/dist/npm/package-metadata.js +0 -14
  92. package/dist/npm/utils.js +0 -88
  93. package/dist/systemjs/kendo-react-taskboard.js +0 -1
  94. package/e2e-next/basic.tests.ts +0 -24
@@ -1,89 +0,0 @@
1
- import * as React from 'react';
2
- import { DropDownListChangeEvent } from '@progress/kendo-react-dropdowns';
3
- import { InputChangeEvent } from '@progress/kendo-react-inputs';
4
- import { TaskBoardPriority, TaskBoardTaskModel } from './TaskBoard';
5
- /**
6
- * Represents the props of the TaskBoardTaskEditPane component
7
- */
8
- export interface TaskBoardTaskEditPaneProps {
9
- /**
10
- * Represents the rendered header of the TaskBoardTaskEditPane.
11
- */
12
- header: string;
13
- /**
14
- * Represents the save button of the TaskBoardTaskEditPane.
15
- */
16
- saveButton: React.ReactNode;
17
- /**
18
- * Represents the cancel button of the TaskBoardTaskEditPane.
19
- */
20
- cancelButton: React.ReactNode;
21
- /**
22
- * Represents the titleInput title of the TaskBoardTaskEditPane.
23
- */
24
- titleInputTitle: string;
25
- /**
26
- * Represents the descriptionInput title of the TaskBoardTaskEditPane.
27
- */
28
- descriptionInputTitle: string;
29
- /**
30
- * Represents the priorityDropDownTitle title of the TaskBoardTaskEditPane.
31
- */
32
- priorityDropDownTitle: string;
33
- /**
34
- * Represents the title label of the TaskBoardTaskEditPane.
35
- */
36
- titleLabel: React.ReactNode;
37
- /**
38
- * Represents the description label of the TaskBoardTaskEditPane.
39
- */
40
- descriptionLabel: React.ReactNode;
41
- /**
42
- * Represents the priority label of the TaskBoardTaskEditPane.
43
- */
44
- priorityLabel: React.ReactNode;
45
- /**
46
- * Represents the rendered task of the TaskBoardTaskEditPane.
47
- */
48
- task?: TaskBoardTaskModel;
49
- /**
50
- * Determines the priority.
51
- */
52
- priority: TaskBoardPriority;
53
- /**
54
- * Determines the rendered priorities.
55
- */
56
- priorities: TaskBoardPriority[];
57
- /**
58
- * Represents the title of the TaskBoardTaskEditPane.
59
- */
60
- title: string;
61
- /**
62
- * The rendered description.
63
- */
64
- description: string;
65
- /**
66
- * Fires when Save button is clicked.
67
- */
68
- onSave: (event: React.MouseEvent<HTMLButtonElement>) => void;
69
- /**
70
- * Fires when Cancel button is clicked.
71
- */
72
- onClose: (event: React.MouseEvent<HTMLButtonElement>) => void;
73
- /**
74
- * Fires when a title is changed.
75
- */
76
- onTitleChange: (event: InputChangeEvent) => void;
77
- /**
78
- * Fires when a description is changed.
79
- */
80
- onDescriptionChange: (event: InputChangeEvent) => void;
81
- /**
82
- * Fires when a priority has been changed.
83
- */
84
- onPriorityChange: (event: DropDownListChangeEvent) => void;
85
- }
86
- /**
87
- * Represents the TaskBoardTaskEditPane component.
88
- */
89
- export declare const TaskBoardTaskEditPane: React.FunctionComponent<TaskBoardTaskEditPaneProps>;
@@ -1,39 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.TaskBoardTaskEditPane = void 0;
4
- var React = require("react");
5
- var kendo_react_dropdowns_1 = require("@progress/kendo-react-dropdowns");
6
- var kendo_react_buttons_1 = require("@progress/kendo-react-buttons");
7
- var kendo_react_inputs_1 = require("@progress/kendo-react-inputs");
8
- var kendo_react_labels_1 = require("@progress/kendo-react-labels");
9
- var kendo_react_form_1 = require("@progress/kendo-react-form");
10
- var utils_1 = require("./utils");
11
- var kendo_svg_icons_1 = require("@progress/kendo-svg-icons");
12
- /**
13
- * Represents the TaskBoardTaskEditPane component.
14
- */
15
- var TaskBoardTaskEditPane = function (props) {
16
- return (React.createElement("div", { className: 'k-taskboard-pane k-taskboard-edit-pane' },
17
- React.createElement("div", { className: 'k-taskboard-pane-header' },
18
- React.createElement("div", { className: 'k-taskboard-pane-header-text' }, props.header),
19
- React.createElement("span", { className: "k-spacer" }),
20
- React.createElement("div", { className: "k-taskboard-pane-header-actions" },
21
- React.createElement(kendo_react_buttons_1.Button, { icon: 'x', svgIcon: kendo_svg_icons_1.xIcon, fillMode: "flat", onClick: props.onClose }))),
22
- React.createElement("div", { className: "k-taskboard-pane-content" },
23
- React.createElement("div", { role: "form", "data-role": "form", className: "k-form" },
24
- React.createElement(kendo_react_form_1.FieldWrapper, null,
25
- React.createElement(kendo_react_labels_1.Label, { editorId: 'title' }, props.titleLabel),
26
- React.createElement(kendo_react_inputs_1.Input, { id: 'title', onChange: props.onTitleChange, value: props.title, title: props.titleInputTitle })),
27
- React.createElement(kendo_react_form_1.FieldWrapper, null,
28
- React.createElement(kendo_react_labels_1.Label, { editorId: 'description' }, props.descriptionLabel),
29
- React.createElement(kendo_react_inputs_1.Input, { id: 'description', onChange: props.onDescriptionChange, value: props.description, title: props.descriptionInputTitle })),
30
- React.createElement(kendo_react_form_1.FieldWrapper, null,
31
- React.createElement(kendo_react_labels_1.Label, { editorId: 'priority' }, props.priorityLabel),
32
- React.createElement(kendo_react_dropdowns_1.DropDownList, { id: 'priority', data: props.priorities, value: props.priority, onChange: props.onPriorityChange, itemRender: utils_1.itemRender, valueRender: utils_1.valueRender, textField: "priority", dataItemKey: "priority", title: props.priorityDropDownTitle })))),
33
- React.createElement("div", { className: "k-taskboard-pane-actions k-actions k-hstack k-justify-content-end" },
34
- React.createElement(kendo_react_buttons_1.Button, { onClick: props.onClose }, props.cancelButton),
35
- React.createElement(kendo_react_buttons_1.Button, { themeColor: 'primary', onClick: props.onSave, disabled: !props.title || !props.description }, props.saveButton))));
36
- };
37
- exports.TaskBoardTaskEditPane = TaskBoardTaskEditPane;
38
- exports.TaskBoardTaskEditPane.propTypes = {};
39
- exports.TaskBoardTaskEditPane.displayName = 'KendoReactTaskBoardEditPane';
@@ -1,19 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.TaskBoardToolbar = void 0;
4
- var React = require("react");
5
- var PropTypes = require("prop-types");
6
- var kendo_react_common_1 = require("@progress/kendo-react-common");
7
- /**
8
- * Represents the TaskBoardToolbar component.
9
- */
10
- var TaskBoardToolbar = function (props) {
11
- var className = props.className, style = props.style, children = props.children;
12
- return (React.createElement("div", { style: style, className: (0, kendo_react_common_1.classNames)('k-taskboard-header', className) },
13
- React.createElement("div", { className: 'k-taskboard-toolbar k-toolbar' }, children)));
14
- };
15
- exports.TaskBoardToolbar = TaskBoardToolbar;
16
- exports.TaskBoardToolbar.propTypes = {
17
- children: PropTypes.node
18
- };
19
- exports.TaskBoardToolbar.displayName = 'KendoReactTaskBoardToolbar';
@@ -1,141 +0,0 @@
1
- import * as React from 'react';
2
- import { CardProps, CardHandle, MenuSelectEvent } from '@progress/kendo-react-layout';
3
- import { TaskBoardConfirmDialogProps } from '../TaskBoardConfirmDialog';
4
- import { TaskBoardCardHeaderProps } from './CardHeader';
5
- import { TaskBoardCardBodyProps } from './CardBody';
6
- import { TaskBoardPreviewDialogProps } from './PreviewDialog';
7
- import { TaskBoardTaskModel } from '../TaskBoard';
8
- import { Popup } from '@progress/kendo-react-popup';
9
- /**
10
- * Represents the props of the TaskBoardCard component.
11
- */
12
- export interface TaskBoardCardProps {
13
- /**
14
- * The rendered task.
15
- */
16
- task: TaskBoardTaskModel;
17
- /**
18
- * The applied styles.
19
- */
20
- style?: React.CSSProperties;
21
- /**
22
- * Specifies the `tabIndex` that will be added to the TaskBoard Card element.
23
- */
24
- tabIndex?: number;
25
- /**
26
- * The disabled state.
27
- */
28
- disabled?: boolean;
29
- /**
30
- * Specifies the CardHandle reference.
31
- */
32
- elementRef?: React.RefObject<CardHandle>;
33
- /**
34
- * Determines the menu visibility.
35
- */
36
- showMenu: boolean;
37
- /**
38
- * Determines the visibility of the task's delete confirmation dialog.
39
- */
40
- showDeleteConfirm: boolean;
41
- /**
42
- * Determines the visibility of the task's preview pane.
43
- */
44
- showTaskPreviewPane: boolean;
45
- /**
46
- * Represents the menu items.
47
- */
48
- menuItems: any[];
49
- /**
50
- * Represents the popup reference.
51
- */
52
- popupRef: React.RefObject<Popup>;
53
- /**
54
- * Represents the content of the TaskBoardConfirmDialog component.
55
- */
56
- confirmDialogMessage: React.ReactNode;
57
- /**
58
- * Represents the title of the TaskBoardConfirmDialog component.
59
- */
60
- confirmDialogTitle: string;
61
- /**
62
- * Represents the content of the confirm button of the TaskBoardConfirmDialog component.
63
- */
64
- confirmDialogConfirmButton: React.ReactNode;
65
- /**
66
- * Represents the content of the cancel button of the TaskBoardConfirmDialog component.
67
- */
68
- confirmDialogCancelButton: React.ReactNode;
69
- /**
70
- * Represents the priority label in the preview dialog.
71
- */
72
- previewDialogPriorityLabel: string;
73
- /**
74
- * Represents the preview dialog delete node.
75
- */
76
- previewDialogDelete: React.ReactNode;
77
- /**
78
- * Represents the preview dialog edit node.
79
- */
80
- previewDialogEdit: React.ReactNode;
81
- /**
82
- * Fires when the preview pane needs to be shown.
83
- */
84
- onShowPreviewPane: (event: React.MouseEvent<HTMLElement>) => void;
85
- /**
86
- * Fires when the preview pane needs to be closed.
87
- */
88
- onClosePreviewPane: (event: React.MouseEvent<HTMLElement>) => void;
89
- /**
90
- * Fires on menu item selection.
91
- */
92
- onMenuItemSelect: (event: MenuSelectEvent) => void;
93
- /**
94
- * Fires when the menu needs to be shown.
95
- */
96
- onShowMenu: (event: React.MouseEvent<HTMLButtonElement>) => void;
97
- /**
98
- * Fires when the menu needs to be hidden.
99
- */
100
- onHideMenu: (event: React.MouseEvent<HTMLButtonElement>) => void;
101
- /**
102
- * Fires on blur of the menu button.
103
- */
104
- onMenuButtonBlur: (event: React.FocusEvent<HTMLButtonElement>) => void;
105
- /**
106
- * Fires when task's delete button is clicked.
107
- */
108
- onTaskDelete: (event: React.MouseEvent<HTMLButtonElement>) => void;
109
- /**
110
- * Fires when task's edit button is clicked.
111
- */
112
- onTaskEdit: (event: React.MouseEvent<HTMLButtonElement>) => void;
113
- /**
114
- * The Close Button click event handler of the TaskBoardConfirmDialog component.
115
- */
116
- onCloseConfirmDialog: (event: React.MouseEvent<HTMLButtonElement>) => void;
117
- /**
118
- * Represents the Card component.
119
- */
120
- card: React.ForwardRefExoticComponent<CardProps & React.RefAttributes<CardHandle | null>>;
121
- /**
122
- * Represents the TaskBoardCardHeader component.
123
- */
124
- cardHeader: React.ComponentType<TaskBoardCardHeaderProps>;
125
- /**
126
- * Represents the TaskBoardCardBody component.
127
- */
128
- cardBody: React.ComponentType<TaskBoardCardBodyProps>;
129
- /**
130
- * Represents the TaskBoardConfirmDialog component.
131
- */
132
- confirmDialog: React.ComponentType<TaskBoardConfirmDialogProps>;
133
- /**
134
- * Represents the TaskBoardPreviewDialog component.
135
- */
136
- previewDialog: React.ComponentType<TaskBoardPreviewDialogProps>;
137
- }
138
- /**
139
- * Represents the TaskBoardCard component.
140
- */
141
- export declare const TaskBoardCard: React.FunctionComponent<TaskBoardCardProps>;
@@ -1,37 +0,0 @@
1
- "use strict";
2
- var __assign = (this && this.__assign) || function () {
3
- __assign = Object.assign || function(t) {
4
- for (var s, i = 1, n = arguments.length; i < n; i++) {
5
- s = arguments[i];
6
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
7
- t[p] = s[p];
8
- }
9
- return t;
10
- };
11
- return __assign.apply(this, arguments);
12
- };
13
- Object.defineProperty(exports, "__esModule", { value: true });
14
- exports.TaskBoardCard = void 0;
15
- var React = require("react");
16
- var kendo_react_common_1 = require("@progress/kendo-react-common");
17
- var constants_1 = require("../constants");
18
- /**
19
- * Represents the TaskBoardCard component.
20
- */
21
- var TaskBoardCard = function (props) {
22
- var _a;
23
- return (React.createElement(React.Fragment, null,
24
- React.createElement(props.card, __assign({ key: String(props.task.id), ref: props.elementRef, style: props.style, className: (0, kendo_react_common_1.classNames)('k-taskboard-card k-cursor-move k-taskboard-card-category', {
25
- 'k-disabled': props.disabled
26
- }) }, (_a = {},
27
- _a[constants_1.TASKBOARD_ITEM_TYPE] = constants_1.TASKBOARD_TASK,
28
- _a[constants_1.TASKBOARD_ITEM_ID] = props.task.id,
29
- _a.tabIndex = props.tabIndex,
30
- _a)),
31
- React.createElement(props.cardHeader, { showMenu: props.showMenu, menuItems: props.menuItems, popupRef: props.popupRef, title: props.task.title, task: props.task, onShowPreviewPane: props.onShowPreviewPane, onShowMenu: props.onShowMenu, onHideMenu: props.onHideMenu, onMenuButtonBlur: props.onMenuButtonBlur, onMenuItemSelect: props.onMenuItemSelect }),
32
- React.createElement(props.cardBody, { task: props.task }, props.task.description)),
33
- props.showDeleteConfirm && (React.createElement(props.confirmDialog, { onConfirm: props.onTaskDelete, onClose: props.onCloseConfirmDialog, dialogMessage: props.confirmDialogMessage, dialogTitle: props.confirmDialogTitle, dialogConfirmButton: props.confirmDialogConfirmButton, dialogCancelButton: props.confirmDialogCancelButton })),
34
- props.showTaskPreviewPane && (React.createElement(props.previewDialog, { title: props.task.title, description: props.task.description, priorityLabel: props.previewDialogPriorityLabel, delete: props.previewDialogDelete, edit: props.previewDialogEdit, onClosePreviewPane: props.onClosePreviewPane, onTaskDelete: props.onTaskDelete, onTaskEdit: props.onTaskEdit, priority: props.task.priority }))));
35
- };
36
- exports.TaskBoardCard = TaskBoardCard;
37
- exports.TaskBoardCard.displayName = 'KendoReactTaskBoardCard';
@@ -1,19 +0,0 @@
1
- import * as React from 'react';
2
- import { TaskBoardTaskModel } from '../TaskBoard';
3
- /**
4
- * Represents the props of the TaskBoardCardBody component.
5
- */
6
- export interface TaskBoardCardBodyProps {
7
- /**
8
- * Determines the children nodes.
9
- */
10
- children: React.ReactNode;
11
- /**
12
- * Determines the TaskBoardTask.
13
- */
14
- task: TaskBoardTaskModel;
15
- }
16
- /**
17
- * Represents the TaskBoardCardBody component.
18
- */
19
- export declare const TaskBoardCardBody: React.FunctionComponent<TaskBoardCardBodyProps>;
@@ -1,13 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.TaskBoardCardBody = void 0;
4
- var React = require("react");
5
- var kendo_react_layout_1 = require("@progress/kendo-react-layout");
6
- /**
7
- * Represents the TaskBoardCardBody component.
8
- */
9
- var TaskBoardCardBody = function (props) {
10
- return (React.createElement(kendo_react_layout_1.CardBody, null, props.children));
11
- };
12
- exports.TaskBoardCardBody = TaskBoardCardBody;
13
- exports.TaskBoardCardBody.displayName = 'KendoReactTaskBoardCardBody';
@@ -1,23 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.TaskBoardCardHeader = void 0;
4
- var React = require("react");
5
- var kendo_react_buttons_1 = require("@progress/kendo-react-buttons");
6
- var kendo_react_layout_1 = require("@progress/kendo-react-layout");
7
- var kendo_react_popup_1 = require("@progress/kendo-react-popup");
8
- var kendo_svg_icons_1 = require("@progress/kendo-svg-icons");
9
- /**
10
- * Represents the TaskBoardCardHeader component.
11
- */
12
- var TaskBoardCardHeader = function (props) {
13
- var buttonRef = React.useRef();
14
- return (React.createElement(kendo_react_layout_1.CardHeader, { className: "k-hbox" },
15
- React.createElement("span", { className: 'k-card-title k-link', onClick: props.onShowPreviewPane }, props.title),
16
- React.createElement("span", { className: 'k-spacer' }),
17
- React.createElement("div", { className: 'k-card-header-actions' },
18
- React.createElement(kendo_react_buttons_1.Button, { fillMode: "flat", icon: "more-vertical", svgIcon: kendo_svg_icons_1.moreVerticalIcon, ref: buttonRef, onClick: props.showMenu ? props.onHideMenu : props.onShowMenu, onBlur: props.onMenuButtonBlur }),
19
- React.createElement(kendo_react_popup_1.Popup, { anchor: buttonRef.current && buttonRef.current.element, show: props.showMenu, ref: props.popupRef },
20
- React.createElement(kendo_react_layout_1.Menu, { vertical: true, onSelect: props.onMenuItemSelect, items: props.menuItems, className: 'k-context-menu' })))));
21
- };
22
- exports.TaskBoardCardHeader = TaskBoardCardHeader;
23
- exports.TaskBoardCardHeader.displayName = 'KendoReactTaskBoardCardHeader';
@@ -1,47 +0,0 @@
1
- import * as React from 'react';
2
- import { TaskBoardPriority } from '../TaskBoard';
3
- /**
4
- * Represents the props of the TaskBoardPreviewDialog component.
5
- */
6
- export interface TaskBoardPreviewDialogProps {
7
- /**
8
- * The rendered title.
9
- */
10
- title: React.ReactNode;
11
- /**
12
- * The rendered description.
13
- */
14
- description: React.ReactNode;
15
- /**
16
- * Represents the priority label of the TaskBoardPreviewDialog.
17
- */
18
- priorityLabel: React.ReactNode;
19
- /**
20
- * Determines the content of the delete button.
21
- */
22
- delete: React.ReactNode;
23
- /**
24
- * Determines the content of the edit button.
25
- */
26
- edit: React.ReactNode;
27
- /**
28
- * Represents the priority of the current task.
29
- */
30
- priority: TaskBoardPriority;
31
- /**
32
- * Fires when the preview pane needs to be shown.
33
- */
34
- onClosePreviewPane: (event: React.MouseEvent<HTMLButtonElement>) => void;
35
- /**
36
- * Fires when task is deleted.
37
- */
38
- onTaskDelete: (event: React.MouseEvent<HTMLButtonElement>) => void;
39
- /**
40
- * Fires when task is edited.
41
- */
42
- onTaskEdit: (event: React.MouseEvent<HTMLButtonElement>) => void;
43
- }
44
- /**
45
- * Represents the TaskBoardPreviewDialog component.
46
- */
47
- export declare const TaskBoardPreviewDialog: React.FunctionComponent<TaskBoardPreviewDialogProps>;
@@ -1,30 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.TaskBoardPreviewDialog = void 0;
4
- var React = require("react");
5
- var kendo_react_buttons_1 = require("@progress/kendo-react-buttons");
6
- var kendo_svg_icons_1 = require("@progress/kendo-svg-icons");
7
- /**
8
- * Represents the TaskBoardPreviewDialog component.
9
- */
10
- var TaskBoardPreviewDialog = function (props) {
11
- return (React.createElement("div", { className: "k-taskboard-pane k-taskboard-preview-pane" },
12
- React.createElement("div", { className: 'k-taskboard-pane-header' },
13
- React.createElement("div", { className: 'k-taskboard-pane-header-text' }, props.title),
14
- React.createElement("span", { className: "k-spacer" }),
15
- React.createElement("div", { className: "k-taskboard-pane-header-actions" },
16
- React.createElement(kendo_react_buttons_1.Button, { icon: 'x', svgIcon: kendo_svg_icons_1.xIcon, fillMode: "flat", onClick: props.onClosePreviewPane }))),
17
- React.createElement("div", { className: "k-taskboard-pane-content" },
18
- React.createElement("p", null, props.description),
19
- React.createElement("p", null,
20
- props.priorityLabel,
21
- "\u00A0",
22
- React.createElement("span", { style: { backgroundColor: props.priority.color } }, "\u00A0"),
23
- "\u00A0",
24
- props.priority.priority)),
25
- React.createElement("div", { className: "k-taskboard-pane-actions k-actions k-hstack k-justify-content-end" },
26
- React.createElement(kendo_react_buttons_1.Button, { onClick: props.onTaskDelete }, props.delete),
27
- React.createElement(kendo_react_buttons_1.Button, { themeColor: 'primary', onClick: props.onTaskEdit }, props.edit))));
28
- };
29
- exports.TaskBoardPreviewDialog = TaskBoardPreviewDialog;
30
- exports.TaskBoardPreviewDialog.displayName = 'KendoReactTaskBoardPreviewDialog';
@@ -1,158 +0,0 @@
1
- import * as React from 'react';
2
- import { InputChangeEvent } from '@progress/kendo-react-inputs';
3
- import { TaskBoardAddCardProps } from './../TaskBoardAddCard';
4
- import { TaskBoardEditCardProps } from './../TaskBoardEditCard';
5
- import { TaskBoardConfirmDialogProps } from './../TaskBoardConfirmDialog';
6
- import { TaskBoardCardProps } from './../card/Card';
7
- import { TaskBoardColumnHeaderProps } from './ColumnHeader';
8
- import { TaskBoardColumnBodyProps } from './ColumnBody';
9
- import { TaskBoardColumnModel, TaskBoardPriority, TaskBoardTaskModel } from '../TaskBoard';
10
- /**
11
- * Represents the props of the TaskBoardColumn component
12
- */
13
- export interface TaskBoardColumnProps {
14
- /**
15
- * The column of the TaskBoard.
16
- */
17
- column: TaskBoardColumnModel;
18
- /**
19
- * The tasks of the TaskBoard.
20
- */
21
- tasks: TaskBoardTaskModel[];
22
- /**
23
- * The priorities that are set in the TaskBoard.
24
- */
25
- priorities: TaskBoardPriority[];
26
- /**
27
- * The styles for the TaskBoard.
28
- */
29
- style?: React.CSSProperties;
30
- /**
31
- * Specifies the `tabIndex` that will be added to the TaskBoard Column element.
32
- */
33
- tabIndex?: number;
34
- /**
35
- * Represents the reference of the element.
36
- */
37
- elementRef?: React.RefObject<HTMLDivElement>;
38
- /**
39
- * Determines the visibility of the add card.
40
- */
41
- showAddCard: boolean;
42
- /**
43
- * Determines the visibility of the edit card.
44
- */
45
- showEditCard: boolean;
46
- /**
47
- * Determines the visibility of the column confirm/delete.
48
- */
49
- showColumnConfirmDelete: boolean;
50
- /**
51
- * Specifies the edited task.
52
- */
53
- editedTask?: TaskBoardTaskModel;
54
- /**
55
- * Specifies the confirm dialog message
56
- */
57
- confirmDialogMessage: React.ReactNode;
58
- /**
59
- * Specifies the confirm dialog confirm button node.
60
- */
61
- confirmDialogConfirmButton: React.ReactNode;
62
- /**
63
- * Specifies the cancel dialog confirm button node.
64
- */
65
- confirmDialogCancelButton: React.ReactNode;
66
- /**
67
- * Specifies the confirm dialog title.
68
- */
69
- confirmDialogTitle: string;
70
- /**
71
- * Specifies the edit button title.
72
- */
73
- editButtonTitle: string;
74
- /**
75
- * Specifies the add button title.
76
- */
77
- addButtonTitle: string;
78
- /**
79
- * Specifies the close button title.
80
- */
81
- closeButtonTitle: string;
82
- /**
83
- * Determines the children nodes.
84
- */
85
- children: React.ReactNode;
86
- /**
87
- * Fire on task creation.
88
- */
89
- onTaskCreate: (task: TaskBoardTaskModel) => void;
90
- /**
91
- * Fires when task is edited.
92
- */
93
- onTaskEdit: (task: TaskBoardTaskModel, prevTask: TaskBoardTaskModel) => void;
94
- /**
95
- * Fires when task is deleted.
96
- */
97
- onTaskDelete: (task: TaskBoardTaskModel) => void;
98
- /**
99
- * Fires when title is changed.
100
- */
101
- onTitleChange?: (event: InputChangeEvent) => void;
102
- /**
103
- * Fires when column enters edit.
104
- */
105
- onColumnEnterEdit: (event: React.MouseEvent<HTMLButtonElement>) => void;
106
- /**
107
- * Fires when column exits edit.
108
- */
109
- onColumnExitEdit: (event: React.FocusEvent<HTMLInputElement>) => void;
110
- /**
111
- * Fires on confirmation of column deletion.
112
- */
113
- onColumnConfirmDelete: (event: React.MouseEvent<HTMLButtonElement>) => void;
114
- /**
115
- * Fires when the add card dialog is shown.
116
- */
117
- onShowAddCardDialog: (event: React.MouseEvent<HTMLButtonElement>) => void;
118
- /**
119
- * Fires when the edit card pane is shown.
120
- */
121
- onShowEditCardPane: (task: TaskBoardTaskModel) => void;
122
- /**
123
- * Fires on column deletion.
124
- */
125
- onColumnDelete: (event: React.MouseEvent<HTMLButtonElement>) => void;
126
- /**
127
- * The Close Button click event handler of the TaskBoardConfirmDialog component.
128
- */
129
- onCloseDialog: (event: React.MouseEvent<HTMLButtonElement>) => void;
130
- /**
131
- * Represents the TaskBoardCard component.
132
- */
133
- card: React.ComponentType<TaskBoardCardProps>;
134
- /**
135
- * Represents the TaskBoardColumnHeader component.
136
- */
137
- header: React.ComponentType<TaskBoardColumnHeaderProps>;
138
- /**
139
- * Represents the TaskBoardColumnBody component.
140
- */
141
- body: React.ComponentType<TaskBoardColumnBodyProps>;
142
- /**
143
- * Represents the TaskBoardConfirmDialog component.
144
- */
145
- confirmDialog: React.ComponentType<TaskBoardConfirmDialogProps>;
146
- /**
147
- * Represents the TaskBoardEditCard component.
148
- */
149
- editCardDialog: React.ComponentType<TaskBoardEditCardProps>;
150
- /**
151
- * Represents the TaskBoardAddCard component.
152
- */
153
- addCardDialog: React.ComponentType<TaskBoardAddCardProps>;
154
- }
155
- /**
156
- * Represents the TaskBoardColumn component.
157
- */
158
- export declare const TaskBoardColumn: React.FunctionComponent<TaskBoardColumnProps>;
@@ -1,38 +0,0 @@
1
- "use strict";
2
- var __assign = (this && this.__assign) || function () {
3
- __assign = Object.assign || function(t) {
4
- for (var s, i = 1, n = arguments.length; i < n; i++) {
5
- s = arguments[i];
6
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
7
- t[p] = s[p];
8
- }
9
- return t;
10
- };
11
- return __assign.apply(this, arguments);
12
- };
13
- Object.defineProperty(exports, "__esModule", { value: true });
14
- exports.TaskBoardColumn = void 0;
15
- var React = require("react");
16
- var kendo_react_common_1 = require("@progress/kendo-react-common");
17
- var constants_1 = require("./../constants");
18
- var TaskBoardTaskEditPane_1 = require("../TaskBoardTaskEditPane");
19
- /**
20
- * Represents the TaskBoardColumn component.
21
- */
22
- var TaskBoardColumn = function (props) {
23
- var _a;
24
- return (React.createElement(React.Fragment, null,
25
- React.createElement("div", __assign({ ref: props.elementRef, style: props.style, className: (0, kendo_react_common_1.classNames)('k-taskboard-column', {
26
- 'k-taskboard-column-edit': props.column.edit
27
- }), tabIndex: props.tabIndex }, (_a = {},
28
- _a[constants_1.TASKBOARD_ITEM_TYPE] = constants_1.TASKBOARD_COLUMN,
29
- _a[constants_1.TASKBOARD_ITEM_ID] = props.column.id,
30
- _a)),
31
- React.createElement(props.header, { column: props.column, tasks: props.tasks, onTitleChange: props.onTitleChange, onColumnExitEdit: props.onColumnExitEdit, editButtonTitle: props.editButtonTitle, onColumnEnterEdit: props.onColumnEnterEdit, addButtonTitle: props.addButtonTitle, onShowAddCardDialog: props.onShowAddCardDialog, closeButtonTitle: props.closeButtonTitle, onColumnDelete: props.onColumnDelete }),
32
- React.createElement(props.body, null, props.children)),
33
- props.showAddCard && (React.createElement(props.addCardDialog, { onClose: props.onCloseDialog, onSave: props.onTaskCreate, priorities: props.priorities, editPane: TaskBoardTaskEditPane_1.TaskBoardTaskEditPane })),
34
- props.showEditCard && props.editedTask && (React.createElement(props.editCardDialog, { onClose: props.onCloseDialog, onSave: props.onTaskEdit, task: props.editedTask, priorities: props.priorities, editPane: TaskBoardTaskEditPane_1.TaskBoardTaskEditPane })),
35
- props.showColumnConfirmDelete && (React.createElement(props.confirmDialog, { onClose: props.onColumnDelete, onConfirm: props.onColumnConfirmDelete, dialogMessage: props.confirmDialogMessage, dialogTitle: props.confirmDialogTitle, dialogConfirmButton: props.confirmDialogConfirmButton, dialogCancelButton: props.confirmDialogCancelButton }))));
36
- };
37
- exports.TaskBoardColumn = TaskBoardColumn;
38
- exports.TaskBoardColumn.displayName = 'KendoReactTaskBoardColumn';