@progress/kendo-react-taskboard 5.4.0-dev.202205250548 → 5.4.0-dev.202206081230

package/dist/npm/TaskBoardColumnBase.js

@@ -11,6 +11,7 @@ var __assign = (this && this.__assign) || function () {
     return __assign.apply(this, arguments);
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.TaskBoardColumnBase = void 0;
 var React = require("react");
 var PropTypes = require("prop-types");
 var kendo_react_intl_1 = require("@progress/kendo-react-intl");
@@ -27,24 +28,24 @@ var TaskBoardCardBase_1 = require("./TaskBoardCardBase");
  *
  * @hidden
  */
-exports.TaskBoardColumnBase = function (props) {
+var TaskBoardColumnBase = function (props) {
     var _a;
     var _b = React.useState(false), addCard = _b[0], setAddCard = _b[1];
     var _c = React.useState(false), editCardPane = _c[0], setEditCardPane = _c[1];
     var _d = React.useState(false), confirmColumnDeleteVisible = _d[0], setConfirmColumnDeleteVisible = _d[1];
     var _e = React.useState(), taskToEdit = _e[0], setTaskToEdit = _e[1];
     var dragTargetRef = props.dragTargetRef, column = props.column, onColumnChange = props.onColumnChange, tasks = props.tasks, elementRef = props.elementRef, style = props.style, onTaskCreate = props.onTaskCreate, onTaskEdit = props.onTaskEdit, onTaskDelete = props.onTaskDelete;
-    var localization = kendo_react_intl_1.useLocalization();
+    var localization = (0, kendo_react_intl_1.useLocalization)();
     var onTitleChange = React.useCallback(function (e) {
-        var newColumn = __assign({}, column, { title: e.value });
+        var newColumn = __assign(__assign({}, column), { title: e.value });
         onColumnChange.call(undefined, newColumn, column);
     }, [column, onColumnChange]);
     var onColumnEnterEdit = React.useCallback(function () {
-        var newColumn = __assign({}, column, { edit: true });
+        var newColumn = __assign(__assign({}, column), { edit: true });
         onColumnChange.call(undefined, newColumn, column);
     }, [column, onColumnChange]);
     var onColumnExitEdit = React.useCallback(function () {
-        var newColumn = __assign({}, column, { edit: false });
+        var newColumn = __assign(__assign({}, column), { edit: false });
         onColumnChange.call(undefined, newColumn, column);
     }, [column, onColumnChange]);
     var onConfirmColumnDelete = React.useCallback(function () {
@@ -67,7 +68,7 @@ exports.TaskBoardColumnBase = function (props) {
     };
     var onNewTask = React.useCallback(function (task) {
         setAddCard(false);
-        onTaskCreate.call(undefined, __assign({}, task, { status: column.status }));
+        onTaskCreate.call(undefined, __assign(__assign({}, task), { status: column.status }));
     }, [onTaskCreate, column]);
     var editTask = React.useCallback(function (edited, prevTask) {
         setEditCardPane(false);
@@ -85,6 +86,7 @@ exports.TaskBoardColumnBase = function (props) {
         return (React.createElement(TaskBoardCardBase_1.TaskBoardCardBase, { key: task.id, tabIndex: props.tabIndex, task: task, disabled: Boolean(props.column.edit), onDeleteTask: function () { return deleteTask(task); }, showEditPane: function () { return showEditCardPane(task); }, dragTargetRef: props.dragTargetRef, style: { borderLeftColor: task.priority.color }, cardComponent: props.cardComponent }));
     })));
 };
+exports.TaskBoardColumnBase = TaskBoardColumnBase;
 var defaultProps = {};
 exports.TaskBoardColumnBase.propTypes = {
     column: PropTypes.object.isRequired,

package/dist/npm/TaskBoardConfirmDialog.d.ts

@@ -31,7 +31,4 @@ export interface TaskBoardConfirmDialogProps {
 /**
  * Represents the TaskBoardConfirmDialog component.
  */
-export declare const TaskBoardConfirmDialog: {
-    (props: TaskBoardConfirmDialogProps): JSX.Element;
-    displayName: string;
-};
+export declare const TaskBoardConfirmDialog: React.FunctionComponent<TaskBoardConfirmDialogProps>;

package/dist/npm/TaskBoardConfirmDialog.js

@@ -1,5 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.TaskBoardConfirmDialog = void 0;
 var React = require("react");
 var PropTypes = require("prop-types");
 var kendo_react_dialogs_1 = require("@progress/kendo-react-dialogs");
@@ -7,7 +8,7 @@ var kendo_react_buttons_1 = require("@progress/kendo-react-buttons");
 /**
  * Represents the TaskBoardConfirmDialog component.
  */
-exports.TaskBoardConfirmDialog = function (props) {
+var TaskBoardConfirmDialog = function (props) {
     var onClose = props.onClose, onConfirm = props.onConfirm, dialogMessage = props.dialogMessage, dialogTitle = props.dialogTitle, dialogConfirmButton = props.dialogConfirmButton, dialogCancelButton = props.dialogCancelButton;
     return (React.createElement(kendo_react_dialogs_1.Dialog, { title: dialogTitle, closeIcon: false },
         dialogMessage,
@@ -15,6 +16,7 @@ exports.TaskBoardConfirmDialog = function (props) {
             React.createElement(kendo_react_buttons_1.Button, { themeColor: 'primary', onClick: onConfirm }, dialogConfirmButton),
             React.createElement(kendo_react_buttons_1.Button, { onClick: onClose }, dialogCancelButton))));
 };
+exports.TaskBoardConfirmDialog = TaskBoardConfirmDialog;
 exports.TaskBoardConfirmDialog.propTypes = {
     onClose: PropTypes.func.isRequired,
     onConfirm: PropTypes.func.isRequired,

package/dist/npm/TaskBoardEditCard.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import * as React from 'react';
 import { TaskBoardTaskModel } from './TaskBoard';
 import { TaskBoardAddCardProps } from './TaskBoardAddCard';
 /**
@@ -13,8 +13,4 @@ export interface TaskBoardEditCardProps extends TaskBoardAddCardProps {
 /**
  * Represents the TaskBoardEditCard component.
  */
-export declare const TaskBoardEditCard: {
-    (props: TaskBoardEditCardProps): JSX.Element;
-    defaultProps: {};
-    displayName: string;
-};
+export declare const TaskBoardEditCard: React.FunctionComponent<TaskBoardEditCardProps>;

package/dist/npm/TaskBoardEditCard.js

@@ -1,5 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.TaskBoardEditCard = void 0;
 var React = require("react");
 var kendo_react_intl_1 = require("@progress/kendo-react-intl");
 var messages_1 = require("./messages");
@@ -7,11 +8,12 @@ var taskEditing_1 = require("./hooks/taskEditing");
 /**
  * Represents the TaskBoardEditCard component.
  */
-exports.TaskBoardEditCard = function (props) {
-    var _a = taskEditing_1.useTaskEditing(props), onTitleChange = _a.onTitleChange, title = _a.title, onDescriptionChange = _a.onDescriptionChange, description = _a.description, onPriorityChange = _a.onPriorityChange, priority = _a.priority, onSave = _a.onSave;
-    var localization = kendo_react_intl_1.useLocalization();
+var TaskBoardEditCard = function (props) {
+    var _a = (0, taskEditing_1.useTaskEditing)(props), onTitleChange = _a.onTitleChange, title = _a.title, onDescriptionChange = _a.onDescriptionChange, description = _a.description, onPriorityChange = _a.onPriorityChange, priority = _a.priority, onSave = _a.onSave;
+    var localization = (0, kendo_react_intl_1.useLocalization)();
     return (React.createElement(props.editPane, { header: localization.toLanguageString(messages_1.taskBoardEditCardPaneTitle, messages_1.messages[messages_1.taskBoardEditCardPaneTitle]) + props.task.title, titleInputTitle: localization.toLanguageString(messages_1.taskBoardAddCardTitleLabel, messages_1.messages[messages_1.taskBoardAddCardTitleLabel]), descriptionInputTitle: localization.toLanguageString(messages_1.taskBoardAddCardDescriptionLabel, messages_1.messages[messages_1.taskBoardAddCardDescriptionLabel]), priorityDropDownTitle: localization.toLanguageString(messages_1.taskBoardAddCardPriorityLabel, messages_1.messages[messages_1.taskBoardAddCardPriorityLabel]), task: props.task, saveButton: localization.toLanguageString(messages_1.taskBoardEditCardPaneSaveBtn, messages_1.messages[messages_1.taskBoardEditCardPaneSaveBtn]), cancelButton: localization.toLanguageString(messages_1.taskBoardEditPaneCancelBtn, messages_1.messages[messages_1.taskBoardEditPaneCancelBtn]), priorities: props.priorities, titleLabel: localization.toLanguageString(messages_1.taskBoardEditPaneTitleLabel, messages_1.messages[messages_1.taskBoardEditPaneTitleLabel]), descriptionLabel: localization.toLanguageString(messages_1.taskBoardEditPaneDescriptionLabel, messages_1.messages[messages_1.taskBoardEditPaneDescriptionLabel]), priorityLabel: localization.toLanguageString(messages_1.taskBoardEditPanePriorityLabel, messages_1.messages[messages_1.taskBoardEditPanePriorityLabel]), onSave: onSave, onClose: props.onClose, onTitleChange: onTitleChange, title: title, onDescriptionChange: onDescriptionChange, description: description, onPriorityChange: onPriorityChange, priority: priority }));
 };
+exports.TaskBoardEditCard = TaskBoardEditCard;
 var defaultProps = {};
 exports.TaskBoardEditCard.propTypes = {};
 exports.TaskBoardEditCard.defaultProps = defaultProps;

package/dist/npm/TaskBoardTaskEditPane.d.ts

@@ -86,8 +86,4 @@ export interface TaskBoardTaskEditPaneProps {
 /**
  * Represents the TaskBoardTaskEditPane component.
  */
-export declare const TaskBoardTaskEditPane: {
-    (props: TaskBoardTaskEditPaneProps): JSX.Element;
-    defaultProps: {};
-    displayName: string;
-};
+export declare const TaskBoardTaskEditPane: React.FunctionComponent<TaskBoardTaskEditPaneProps>;

package/dist/npm/TaskBoardTaskEditPane.js

@@ -1,5 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.TaskBoardTaskEditPane = void 0;
 var React = require("react");
 var kendo_react_dropdowns_1 = require("@progress/kendo-react-dropdowns");
 var kendo_react_buttons_1 = require("@progress/kendo-react-buttons");
@@ -10,7 +11,7 @@ var utils_1 = require("./utils");
 /**
  * Represents the TaskBoardTaskEditPane component.
  */
-exports.TaskBoardTaskEditPane = function (props) {
+var TaskBoardTaskEditPane = function (props) {
     return (React.createElement("div", { className: 'k-taskboard-pane k-taskboard-edit-pane' },
         React.createElement("div", { className: 'k-taskboard-pane-header' },
             React.createElement("div", { className: 'k-taskboard-pane-header-text' }, props.header),
@@ -32,6 +33,7 @@ exports.TaskBoardTaskEditPane = function (props) {
             React.createElement(kendo_react_buttons_1.Button, { onClick: props.onClose }, props.cancelButton),
             React.createElement(kendo_react_buttons_1.Button, { themeColor: 'primary', onClick: props.onSave, disabled: !props.title || !props.description }, props.saveButton))));
 };
+exports.TaskBoardTaskEditPane = TaskBoardTaskEditPane;
 var defaultProps = {};
 exports.TaskBoardTaskEditPane.propTypes = {};
 exports.TaskBoardTaskEditPane.defaultProps = defaultProps;

package/dist/npm/TaskBoardToolbar.d.ts

@@ -19,8 +19,4 @@ export interface TaskBoardToolbarProps {
 /**
  * Represents the TaskBoardToolbar component.
  */
-export declare const TaskBoardToolbar: {
-    (props: TaskBoardToolbarProps): JSX.Element;
-    defaultProps: TaskBoardToolbarProps;
-    displayName: string;
-};
+export declare const TaskBoardToolbar: React.FunctionComponent<TaskBoardToolbarProps>;

package/dist/npm/TaskBoardToolbar.js

@@ -1,16 +1,18 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.TaskBoardToolbar = void 0;
 var React = require("react");
 var PropTypes = require("prop-types");
 var kendo_react_common_1 = require("@progress/kendo-react-common");
 /**
  * Represents the TaskBoardToolbar component.
  */
-exports.TaskBoardToolbar = function (props) {
+var TaskBoardToolbar = function (props) {
     var className = props.className, style = props.style, children = props.children;
-    return (React.createElement("div", { style: style, className: kendo_react_common_1.classNames('k-taskboard-header', className) },
+    return (React.createElement("div", { style: style, className: (0, kendo_react_common_1.classNames)('k-taskboard-header', className) },
         React.createElement("div", { className: 'k-taskboard-toolbar k-toolbar' }, children)));
 };
+exports.TaskBoardToolbar = TaskBoardToolbar;
 var defaultProps = {};
 exports.TaskBoardToolbar.propTypes = {
     children: PropTypes.node

package/dist/npm/card/Card.d.ts

@@ -117,7 +117,7 @@ export interface TaskBoardCardProps {
     /**
      * Represents the Card component.
      */
-    card: React.ForwardRefExoticComponent<CardProps & React.RefAttributes<CardHandle>>;
+    card: React.ForwardRefExoticComponent<CardProps & React.RefAttributes<CardHandle | null>>;
     /**
      * Represents the TaskBoardCardHeader component.
      */
@@ -138,7 +138,4 @@ export interface TaskBoardCardProps {
 /**
  * Represents the TaskBoardCard component.
  */
-export declare const TaskBoardCard: {
-    (props: TaskBoardCardProps): JSX.Element;
-    displayName: string;
-};
+export declare const TaskBoardCard: React.FunctionComponent<TaskBoardCardProps>;

package/dist/npm/card/Card.js

@@ -11,16 +11,17 @@ var __assign = (this && this.__assign) || function () {
     return __assign.apply(this, arguments);
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.TaskBoardCard = void 0;
 var React = require("react");
 var kendo_react_common_1 = require("@progress/kendo-react-common");
 var constants_1 = require("../constants");
 /**
  * Represents the TaskBoardCard component.
  */
-exports.TaskBoardCard = function (props) {
+var TaskBoardCard = function (props) {
     var _a;
     return (React.createElement(React.Fragment, null,
-        React.createElement(props.card, __assign({ key: String(props.task.id), ref: props.elementRef, style: props.style, className: kendo_react_common_1.classNames('k-taskboard-card k-cursor-move k-taskboard-card-category', {
+        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', {
                 'k-disabled': props.disabled
             }) }, (_a = {},
             _a[constants_1.TASKBOARD_ITEM_TYPE] = constants_1.TASKBOARD_TASK,
@@ -32,4 +33,5 @@ exports.TaskBoardCard = function (props) {
         props.showDeleteConfirm && (React.createElement(props.confirmDialog, { onConfirm: props.onTaskDelete, onClose: props.onCloseConfirmDialog, dialogMessage: props.confirmDialogMessage, dialogTitle: props.confirmDialogTitle, dialogConfirmButton: props.confirmDialogConfirmButton, dialogCancelButton: props.confirmDialogCancelButton })),
         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 }))));
 };
+exports.TaskBoardCard = TaskBoardCard;
 exports.TaskBoardCard.displayName = 'KendoReactTaskBoardCard';

package/dist/npm/card/CardBody.d.ts

@@ -16,7 +16,4 @@ export interface TaskBoardCardBodyProps {
 /**
  * Represents the TaskBoardCardBody component.
  */
-export declare const TaskBoardCardBody: {
-    (props: TaskBoardCardBodyProps): JSX.Element;
-    displayName: string;
-};
+export declare const TaskBoardCardBody: React.FunctionComponent<TaskBoardCardBodyProps>;

package/dist/npm/card/CardBody.js

@@ -1,11 +1,13 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.TaskBoardCardBody = void 0;
 var React = require("react");
 var kendo_react_layout_1 = require("@progress/kendo-react-layout");
 /**
  * Represents the TaskBoardCardBody component.
  */
-exports.TaskBoardCardBody = function (props) {
+var TaskBoardCardBody = function (props) {
     return (React.createElement(kendo_react_layout_1.CardBody, null, props.children));
 };
+exports.TaskBoardCardBody = TaskBoardCardBody;
 exports.TaskBoardCardBody.displayName = 'KendoReactTaskBoardCardBody';

package/dist/npm/card/CardHeader.d.ts

@@ -50,7 +50,4 @@ export interface TaskBoardCardHeaderProps {
 /**
  * Represents the TaskBoardCardHeader component.
  */
-export declare const TaskBoardCardHeader: {
-    (props: TaskBoardCardHeaderProps): JSX.Element;
-    displayName: string;
-};
+export declare const TaskBoardCardHeader: React.FunctionComponent<TaskBoardCardHeaderProps>;

package/dist/npm/card/CardHeader.js

@@ -1,5 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.TaskBoardCardHeader = void 0;
 var React = require("react");
 var kendo_react_buttons_1 = require("@progress/kendo-react-buttons");
 var kendo_react_layout_1 = require("@progress/kendo-react-layout");
@@ -7,7 +8,7 @@ var kendo_react_popup_1 = require("@progress/kendo-react-popup");
 /**
  * Represents the TaskBoardCardHeader component.
  */
-exports.TaskBoardCardHeader = function (props) {
+var TaskBoardCardHeader = function (props) {
     var buttonRef = React.useRef();
     return (React.createElement(kendo_react_layout_1.CardHeader, { className: "k-hbox" },
         React.createElement("span", { className: 'k-card-title k-link', onClick: props.onShowPreviewPane }, props.title),
@@ -17,4 +18,5 @@ exports.TaskBoardCardHeader = function (props) {
             React.createElement(kendo_react_popup_1.Popup, { anchor: buttonRef.current && buttonRef.current.element, show: props.showMenu, ref: props.popupRef },
                 React.createElement(kendo_react_layout_1.Menu, { vertical: true, onSelect: props.onMenuItemSelect, items: props.menuItems, className: 'k-context-menu' })))));
 };
+exports.TaskBoardCardHeader = TaskBoardCardHeader;
 exports.TaskBoardCardHeader.displayName = 'KendoReactTaskBoardCardHeader';

package/dist/npm/card/PreviewDialog.d.ts

@@ -44,7 +44,4 @@ export interface TaskBoardPreviewDialogProps {
 /**
  * Represents the TaskBoardPreviewDialog component.
  */
-export declare const TaskBoardPreviewDialog: {
-    (props: TaskBoardPreviewDialogProps): JSX.Element;
-    displayName: string;
-};
+export declare const TaskBoardPreviewDialog: React.FunctionComponent<TaskBoardPreviewDialogProps>;

package/dist/npm/card/PreviewDialog.js

@@ -1,11 +1,12 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.TaskBoardPreviewDialog = void 0;
 var React = require("react");
 var kendo_react_buttons_1 = require("@progress/kendo-react-buttons");
 /**
  * Represents the TaskBoardPreviewDialog component.
  */
-exports.TaskBoardPreviewDialog = function (props) {
+var TaskBoardPreviewDialog = function (props) {
     return (React.createElement("div", { className: "k-taskboard-pane k-taskboard-preview-pane" },
         React.createElement("div", { className: 'k-taskboard-pane-header' },
             React.createElement("div", { className: 'k-taskboard-pane-header-text' }, props.title),
@@ -24,4 +25,5 @@ exports.TaskBoardPreviewDialog = function (props) {
             React.createElement(kendo_react_buttons_1.Button, { onClick: props.onTaskDelete }, props.delete),
             React.createElement(kendo_react_buttons_1.Button, { themeColor: 'primary', onClick: props.onTaskEdit }, props.edit))));
 };
+exports.TaskBoardPreviewDialog = TaskBoardPreviewDialog;
 exports.TaskBoardPreviewDialog.displayName = 'KendoReactTaskBoardPreviewDialog';

package/dist/npm/column/Column.d.ts

@@ -155,7 +155,4 @@ export interface TaskBoardColumnProps {
 /**
  * Represents the TaskBoardColumn component.
  */
-export declare const TaskBoardColumn: {
-    (props: TaskBoardColumnProps): JSX.Element;
-    displayName: string;
-};
+export declare const TaskBoardColumn: React.FunctionComponent<TaskBoardColumnProps>;

package/dist/npm/column/Column.js

@@ -11,6 +11,7 @@ var __assign = (this && this.__assign) || function () {
     return __assign.apply(this, arguments);
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.TaskBoardColumn = void 0;
 var React = require("react");
 var kendo_react_common_1 = require("@progress/kendo-react-common");
 var constants_1 = require("./../constants");
@@ -18,10 +19,10 @@ var TaskBoardTaskEditPane_1 = require("../TaskBoardTaskEditPane");
 /**
  * Represents the TaskBoardColumn component.
  */
-exports.TaskBoardColumn = function (props) {
+var TaskBoardColumn = function (props) {
     var _a;
     return (React.createElement(React.Fragment, null,
-        React.createElement("div", __assign({ ref: props.elementRef, style: props.style, className: kendo_react_common_1.classNames('k-taskboard-column', {
+        React.createElement("div", __assign({ ref: props.elementRef, style: props.style, className: (0, kendo_react_common_1.classNames)('k-taskboard-column', {
                 'k-taskboard-column-edit': props.column.edit
             }), tabIndex: props.tabIndex }, (_a = {},
             _a[constants_1.TASKBOARD_ITEM_TYPE] = constants_1.TASKBOARD_COLUMN,
@@ -33,4 +34,5 @@ exports.TaskBoardColumn = function (props) {
         props.showEditCard && props.editedTask && (React.createElement(props.editCardDialog, { onClose: props.onCloseDialog, onSave: props.onTaskEdit, task: props.editedTask, priorities: props.priorities, editPane: TaskBoardTaskEditPane_1.TaskBoardTaskEditPane })),
         props.showColumnConfirmDelete && (React.createElement(props.confirmDialog, { onClose: props.onColumnDelete, onConfirm: props.onColumnConfirmDelete, dialogMessage: props.confirmDialogMessage, dialogTitle: props.confirmDialogTitle, dialogConfirmButton: props.confirmDialogConfirmButton, dialogCancelButton: props.confirmDialogCancelButton }))));
 };
+exports.TaskBoardColumn = TaskBoardColumn;
 exports.TaskBoardColumn.displayName = 'KendoReactTaskBoardColumn';

package/dist/npm/column/ColumnBody.d.ts

@@ -11,7 +11,4 @@ export interface TaskBoardColumnBodyProps {
 /**
  * Represents the TaskBoardColumnBody component.
  */
-export declare const TaskBoardColumnBody: {
-    (props: TaskBoardColumnBodyProps): JSX.Element;
-    displayName: string;
-};
+export declare const TaskBoardColumnBody: React.FunctionComponent<TaskBoardColumnBodyProps>;

package/dist/npm/column/ColumnBody.js

@@ -1,11 +1,13 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.TaskBoardColumnBody = void 0;
 var React = require("react");
 /**
  * Represents the TaskBoardColumnBody component.
  */
-exports.TaskBoardColumnBody = function (props) {
+var TaskBoardColumnBody = function (props) {
     return (React.createElement("div", { className: 'k-taskboard-column-cards-container' },
         React.createElement("div", { className: 'k-taskboard-column-cards' }, props.children)));
 };
+exports.TaskBoardColumnBody = TaskBoardColumnBody;
 exports.TaskBoardColumnBody.displayName = 'KendoReactTaskBoardColumnBody';

package/dist/npm/column/ColumnHeader.d.ts

@@ -49,7 +49,4 @@ export interface TaskBoardColumnHeaderProps {
 /**
  * Represents the TaskBoardColumnHeader component.
  */
-export declare const TaskBoardColumnHeader: {
-    (props: TaskBoardColumnHeaderProps): JSX.Element;
-    displayName: string;
-};
+export declare const TaskBoardColumnHeader: React.FunctionComponent<TaskBoardColumnHeaderProps>;

package/dist/npm/column/ColumnHeader.js

@@ -1,5 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.TaskBoardColumnHeader = void 0;
 var React = require("react");
 var kendo_react_buttons_1 = require("@progress/kendo-react-buttons");
 var kendo_react_inputs_1 = require("@progress/kendo-react-inputs");
@@ -7,14 +8,15 @@ var kendo_react_common_1 = require("@progress/kendo-react-common");
 /**
  * Represents the TaskBoardColumnHeader component.
  */
-exports.TaskBoardColumnHeader = function (props) {
+var TaskBoardColumnHeader = function (props) {
     var _a = props.column, edit = _a.edit, title = _a.title;
     return (React.createElement("div", { className: 'k-taskboard-column-header' },
         React.createElement("div", { className: 'k-taskboard-column-header-text k-text-ellipsis' }, edit ? (React.createElement(kendo_react_inputs_1.Input, { value: title, onChange: props.onTitleChange, onBlur: props.onColumnExitEdit, autoFocus: true })) : title),
         React.createElement("span", { className: 'k-spacer' }),
-        React.createElement("div", { className: kendo_react_common_1.classNames('k-taskboard-column-header-actions', { 'k-disabled': edit }) },
+        React.createElement("div", { className: (0, kendo_react_common_1.classNames)('k-taskboard-column-header-actions', { 'k-disabled': edit }) },
             React.createElement(kendo_react_buttons_1.Button, { fillMode: "flat", icon: "edit", title: props.editButtonTitle, onClick: props.onColumnEnterEdit }),
             React.createElement(kendo_react_buttons_1.Button, { fillMode: "flat", icon: "add", title: props.addButtonTitle, onClick: props.onShowAddCardDialog }),
             React.createElement(kendo_react_buttons_1.Button, { fillMode: "flat", icon: "close", title: props.closeButtonTitle, onClick: props.onColumnDelete }))));
 };
+exports.TaskBoardColumnHeader = TaskBoardColumnHeader;
 exports.TaskBoardColumnHeader.displayName = 'KendoReactTaskBoardColumnHeader';

package/dist/npm/constants.js

@@ -1,5 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.TASKBOARD_TASK = exports.TASKBOARD_COLUMN = exports.TASKBOARD_PLACEHOLDER = exports.TASKBOARD_ITEM_ID = exports.TASKBOARD_ITEM_TYPE = void 0;
 /**
  * @hidden
  */

package/dist/npm/hooks/taskEditing.d.ts

@@ -14,6 +14,6 @@ export interface TaskEditingResult {
 export interface TaskEditingProps {
     task?: TaskBoardTaskModel;
     priorities: TaskBoardPriority[];
-    onSave: (task: TaskBoardTaskModel, prevTask: TaskBoardTaskModel | undefined) => void;
+    onSave: (task: TaskBoardTaskModel, prevTask: TaskBoardTaskModel) => void;
 }
 export declare const useTaskEditing: ({ onSave, task, priorities }: TaskEditingProps) => TaskEditingResult;

package/dist/npm/hooks/taskEditing.js

@@ -11,8 +11,9 @@ var __assign = (this && this.__assign) || function () {
     return __assign.apply(this, arguments);
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.useTaskEditing = void 0;
 var React = require("react");
-exports.useTaskEditing = function (_a) {
+var useTaskEditing = function (_a) {
     var onSave = _a.onSave, task = _a.task, priorities = _a.priorities;
     var _b = React.useState(task ? task.title : ''), title = _b[0], setTitle = _b[1];
     var _c = React.useState(task ? task.description : ''), description = _c[0], setDescription = _c[1];
@@ -27,8 +28,9 @@ exports.useTaskEditing = function (_a) {
         setPriority(event.target.value);
     }, []);
     var onSaveIn = React.useCallback(function (_event) {
-        var nextTask = __assign({ id: undefined, status: '' }, (task || {}), { title: title, description: description, priority: priority });
+        var nextTask = __assign(__assign({ id: undefined, status: '' }, (task || {})), { title: title, description: description, priority: priority });
         onSave.call(undefined, nextTask, task);
     }, [onSave, task, title, description, priority]);
     return { onTitleChange: onTitleChange, title: title, onDescriptionChange: onDescriptionChange, description: description, onPriorityChange: onPriorityChange, priority: priority, onSave: onSaveIn };
 };
+exports.useTaskEditing = useTaskEditing;

package/dist/npm/main.js

@@ -1,30 +1,31 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.useTaskEditing = exports.TaskBoardTaskEditPane = exports.TaskBoardEditCard = exports.TaskBoardAddCard = exports.TaskBoardPreviewDialog = exports.TaskBoardConfirmDialog = exports.TaskBoardColumnBody = exports.TaskBoardColumnHeader = exports.TaskBoardColumn = exports.TaskBoardCardBody = exports.TaskBoardCardHeader = exports.TaskBoardCard = exports.TaskBoardToolbar = exports.TaskBoard = void 0;
 var TaskBoard_1 = require("./TaskBoard");
-exports.TaskBoard = TaskBoard_1.TaskBoard;
+Object.defineProperty(exports, "TaskBoard", { enumerable: true, get: function () { return TaskBoard_1.TaskBoard; } });
 var TaskBoardToolbar_1 = require("./TaskBoardToolbar");
-exports.TaskBoardToolbar = TaskBoardToolbar_1.TaskBoardToolbar;
+Object.defineProperty(exports, "TaskBoardToolbar", { enumerable: true, get: function () { return TaskBoardToolbar_1.TaskBoardToolbar; } });
 var Card_1 = require("./card/Card");
-exports.TaskBoardCard = Card_1.TaskBoardCard;
+Object.defineProperty(exports, "TaskBoardCard", { enumerable: true, get: function () { return Card_1.TaskBoardCard; } });
 var CardHeader_1 = require("./card/CardHeader");
-exports.TaskBoardCardHeader = CardHeader_1.TaskBoardCardHeader;
+Object.defineProperty(exports, "TaskBoardCardHeader", { enumerable: true, get: function () { return CardHeader_1.TaskBoardCardHeader; } });
 var CardBody_1 = require("./card/CardBody");
-exports.TaskBoardCardBody = CardBody_1.TaskBoardCardBody;
+Object.defineProperty(exports, "TaskBoardCardBody", { enumerable: true, get: function () { return CardBody_1.TaskBoardCardBody; } });
 var Column_1 = require("./column/Column");
-exports.TaskBoardColumn = Column_1.TaskBoardColumn;
+Object.defineProperty(exports, "TaskBoardColumn", { enumerable: true, get: function () { return Column_1.TaskBoardColumn; } });
 var ColumnHeader_1 = require("./column/ColumnHeader");
-exports.TaskBoardColumnHeader = ColumnHeader_1.TaskBoardColumnHeader;
+Object.defineProperty(exports, "TaskBoardColumnHeader", { enumerable: true, get: function () { return ColumnHeader_1.TaskBoardColumnHeader; } });
 var ColumnBody_1 = require("./column/ColumnBody");
-exports.TaskBoardColumnBody = ColumnBody_1.TaskBoardColumnBody;
+Object.defineProperty(exports, "TaskBoardColumnBody", { enumerable: true, get: function () { return ColumnBody_1.TaskBoardColumnBody; } });
 var TaskBoardConfirmDialog_1 = require("./TaskBoardConfirmDialog");
-exports.TaskBoardConfirmDialog = TaskBoardConfirmDialog_1.TaskBoardConfirmDialog;
+Object.defineProperty(exports, "TaskBoardConfirmDialog", { enumerable: true, get: function () { return TaskBoardConfirmDialog_1.TaskBoardConfirmDialog; } });
 var PreviewDialog_1 = require("./card/PreviewDialog");
-exports.TaskBoardPreviewDialog = PreviewDialog_1.TaskBoardPreviewDialog;
+Object.defineProperty(exports, "TaskBoardPreviewDialog", { enumerable: true, get: function () { return PreviewDialog_1.TaskBoardPreviewDialog; } });
 var TaskBoardAddCard_1 = require("./TaskBoardAddCard");
-exports.TaskBoardAddCard = TaskBoardAddCard_1.TaskBoardAddCard;
+Object.defineProperty(exports, "TaskBoardAddCard", { enumerable: true, get: function () { return TaskBoardAddCard_1.TaskBoardAddCard; } });
 var TaskBoardEditCard_1 = require("./TaskBoardEditCard");
-exports.TaskBoardEditCard = TaskBoardEditCard_1.TaskBoardEditCard;
+Object.defineProperty(exports, "TaskBoardEditCard", { enumerable: true, get: function () { return TaskBoardEditCard_1.TaskBoardEditCard; } });
 var TaskBoardTaskEditPane_1 = require("./TaskBoardTaskEditPane");
-exports.TaskBoardTaskEditPane = TaskBoardTaskEditPane_1.TaskBoardTaskEditPane;
+Object.defineProperty(exports, "TaskBoardTaskEditPane", { enumerable: true, get: function () { return TaskBoardTaskEditPane_1.TaskBoardTaskEditPane; } });
 var taskEditing_1 = require("./hooks/taskEditing");
-exports.useTaskEditing = taskEditing_1.useTaskEditing;
+Object.defineProperty(exports, "useTaskEditing", { enumerable: true, get: function () { return taskEditing_1.useTaskEditing; } });

package/dist/npm/messages/index.d.ts

@@ -118,33 +118,33 @@ export declare const taskBoardPreviewPaneEditBtn = "taskBoard.previewPaneEditBut
  * @hidden
  */
 export declare const messages: {
-    [taskBoardAddColumnButton]: string;
-    [taskBoardSearchField]: string;
-    [taskBoardEditColumnButton]: string;
-    [taskBoardAddCardButton]: string;
-    [taskBoardDeleteColumnButton]: string;
-    [taskBoardEditCardButton]: string;
-    [taskBoardDeleteCardButton]: string;
-    [taskBoardDeleteTaskDialogMessage]: string;
-    [taskBoardDeleteTaskDialogTitle]: string;
-    [taskBoardDeleteTaskConfirmButton]: string;
-    [taskBoardDeleteTaskCancelButton]: string;
-    [taskBoardDelColumnDialogMsg]: string;
-    [taskBoardDelColumnDialogTitle]: string;
-    [taskBoardDelColumnConfirmBtn]: string;
-    [taskBoardDelColumnCancelBtn]: string;
-    [taskBoardAddCardPaneTitle]: string;
-    [taskBoardAddCardCreateButton]: string;
-    [taskBoardEditPaneCancelBtn]: string;
-    [taskBoardEditCardPaneTitle]: string;
-    [taskBoardEditCardPaneSaveBtn]: string;
-    [taskBoardEditPaneTitleLabel]: string;
-    [taskBoardEditPaneDescriptionLabel]: string;
-    [taskBoardEditPanePriorityLabel]: string;
-    [taskBoardAddCardTitleLabel]: string;
-    [taskBoardAddCardDescriptionLabel]: string;
-    [taskBoardAddCardPriorityLabel]: string;
-    [taskBoardPreviewPanePriorityLabel]: string;
-    [taskBoardPreviewPaneDeleteBtn]: string;
-    [taskBoardPreviewPaneEditBtn]: string;
+    "taskBoard.toolbarAddColumnButton": string;
+    "taskBoard.toolbarSearchField": string;
+    "taskBoard.editColumnButton": string;
+    "taskBoard.addCardButton": string;
+    "taskBoard.deleteColumnButton": string;
+    "taskBoard.editCardButton": string;
+    "taskBoard.deleteCardButton": string;
+    "taskBoard.deleteTaskDialogMessage": string;
+    "taskBoard.deleteTaskDialogTitle": string;
+    "taskBoard.deleteTaskConfirmButton": string;
+    "taskBoard.deleteTaskCancelButton": string;
+    "taskBoard.deleteColumnDialogMessage": string;
+    "taskBoard.deleteColumnDialogTitle": string;
+    "taskBoard.deleteColumnConfirmButton": string;
+    "taskBoard.deleteColumnCancelButton": string;
+    "taskBoard.addCardTitle": string;
+    "taskBoard.addCardCreateButton": string;
+    "taskBoard.editPaneCancelButton": string;
+    "taskBoard.editCardPaneTitle": string;
+    "taskBoard.editCardPaneSaveButton": string;
+    "taskBoard.editPaneTitleLabel": string;
+    "taskBoard.editPaneDescriptionLabel": string;
+    "taskBoard.editPanePriorityLabel": string;
+    "taskBoard.addCardTitleLabel": string;
+    "taskBoard.addCardDescriptionLabel": string;
+    "taskBoard.addCardPriorityLabel": string;
+    "taskBoard.previewPanePriorityLabel": string;
+    "taskBoard.previewPaneDeleteButton": string;
+    "taskBoard.previewPaneEditButton": string;
 };

package/dist/npm/messages/index.js

@@ -1,6 +1,7 @@
 "use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
 var _a;
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.messages = exports.taskBoardPreviewPaneEditBtn = exports.taskBoardPreviewPaneDeleteBtn = exports.taskBoardPreviewPanePriorityLabel = exports.taskBoardEditPaneCancelBtn = exports.taskBoardEditPanePriorityLabel = exports.taskBoardEditPaneDescriptionLabel = exports.taskBoardEditPaneTitleLabel = exports.taskBoardEditCardPaneSaveBtn = exports.taskBoardEditCardPaneTitle = exports.taskBoardDelColumnCancelBtn = exports.taskBoardDelColumnConfirmBtn = exports.taskBoardDelColumnDialogTitle = exports.taskBoardDelColumnDialogMsg = exports.taskBoardAddCardCreateButton = exports.taskBoardAddCardPriorityLabel = exports.taskBoardAddCardDescriptionLabel = exports.taskBoardAddCardTitleLabel = exports.taskBoardAddCardPaneTitle = exports.taskBoardDeleteTaskCancelButton = exports.taskBoardDeleteTaskConfirmButton = exports.taskBoardDeleteTaskDialogTitle = exports.taskBoardDeleteTaskDialogMessage = exports.taskBoardDeleteCardButton = exports.taskBoardEditCardButton = exports.taskBoardDeleteColumnButton = exports.taskBoardAddCardButton = exports.taskBoardEditColumnButton = exports.taskBoardSearchField = exports.taskBoardAddColumnButton = void 0;
 /**
  * @hidden
  */

package/dist/npm/package-metadata.js

@@ -1,5 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.packageMetadata = void 0;
 /**
  * @hidden
  */
@@ -7,7 +8,7 @@ exports.packageMetadata = {
     name: '@progress/kendo-react-taskboard',
     productName: 'KendoReact',
     productCodes: ['KENDOUIREACT', 'KENDOUICOMPLETE'],
-    publishDate: 1653457614,
+    publishDate: 1654691318,
     version: '',
     licensingDocsUrl: 'https://www.telerik.com/kendo-react-ui/my-license/?utm_medium=product&utm_source=kendoreact&utm_campaign=kendo-ui-react-purchase-license-keys-warning'
 };