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

package/dist/es/TaskBoard.js

@@ -9,6 +9,11 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
+var __spreadArray = (this && this.__spreadArray) || function (to, from) {
+    for (var i = 0, il = from.length, j = to.length; i < il; i++, j++)
+        to[j] = from[i];
+    return to;
+};
 import * as React from 'react';
 import * as PropTypes from 'prop-types';
 import { validatePackage } from '@progress/kendo-licensing';
@@ -84,10 +89,9 @@ export var TaskBoard = React.forwardRef(function (props, ref) {
             }
             var newItem = clone(item);
             newItem.isPlaceholder = true;
-            var newData = data.slice();
+            var newData = __spreadArray([], data);
             newData[index] = newItem;
-            dragTargetRef.current = __assign({}, currentDragTarget, { index: index,
-                item: item, width: rect.width, height: rect.height });
+            dragTargetRef.current = __assign(__assign({}, currentDragTarget), { index: index, item: item, width: rect.width, height: rect.height });
             setPosition({
                 top: event.clientY - pressOffsetRef.current.y,
                 left: event.clientX - pressOffsetRef.current.x
@@ -125,7 +129,7 @@ export var TaskBoard = React.forwardRef(function (props, ref) {
                         if (!isDragTargetColumn) {
                             newDragItem.status = dropItem.status;
                         }
-                        var newData = data.slice();
+                        var newData = __spreadArray([], data);
                         newData.splice(indexes.dragIndex, 1);
                         newData.splice(indexes.dropIndex, 0, newDragItem);
                         currentDragTarget.index = indexes.dropIndex;
@@ -143,7 +147,7 @@ export var TaskBoard = React.forwardRef(function (props, ref) {
                             return;
                         }
                         task.status = columnStatus;
-                        var newData = data.slice();
+                        var newData = __spreadArray([], data);
                         newData.splice(taskIndex, 1);
                         newData.push(task);
                         currentDragTarget.index = newData.length - 1;
@@ -181,7 +185,7 @@ export var TaskBoard = React.forwardRef(function (props, ref) {
     });
     var dragTarget = dragTargetRef.current;
     var onTaskCreate = React.useCallback(function (newTask) {
-        var tasks = taskData.concat([newTask]);
+        var tasks = __spreadArray(__spreadArray([], taskData), [newTask]);
         var event = {
             data: tasks,
             type: TASKBOARD_TASK,

package/dist/es/TaskBoardAddCard.d.ts

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

package/dist/es/TaskBoardColumnBase.js

@@ -34,15 +34,15 @@ export var TaskBoardColumnBase = function (props) {
     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 = 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 () {
@@ -65,7 +65,7 @@ export var 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);

package/dist/es/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/es/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/es/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/es/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/es/card/Card.d.ts

@@ -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/es/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/es/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/es/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/es/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/es/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/es/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/es/hooks/taskEditing.js

@@ -25,7 +25,7 @@ export var 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 };

package/dist/es/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/es/package-metadata.js

@@ -5,7 +5,7 @@ export var packageMetadata = {
     name: '@progress/kendo-react-taskboard',
     productName: 'KendoReact',
     productCodes: ['KENDOUIREACT', 'KENDOUICOMPLETE'],
-    publishDate: 1653457614,
+    publishDate: 1653649114,
     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'
 };

package/dist/es/utils.d.ts

@@ -10,7 +10,7 @@ export declare const findIndexes: (dragId: string, dropId: string, taskData: any
 /**
  * @hidden
  */
-export declare const closestTaskBoardElement: (node: Element) => {
+export declare const closestTaskBoardElement: (node: Element) => null | {
     id: string;
     type: string;
     element: Element;
@@ -18,8 +18,8 @@ export declare const closestTaskBoardElement: (node: Element) => {
 /**
  * @hidden
  */
-export declare const itemRender: (li: React.ReactElement<HTMLLIElement, string | ((props: any) => React.ReactElement<any, string | any | (new (props: any) => React.Component<any, any, any>)>) | (new (props: any) => React.Component<any, any, any>)>, itemProps: ListItemProps) => React.ReactElement<HTMLLIElement, string | ((props: any) => React.ReactElement<any, string | any | (new (props: any) => React.Component<any, any, any>)>) | (new (props: any) => React.Component<any, any, any>)>;
+export declare const itemRender: (li: React.ReactElement<HTMLLIElement>, itemProps: ListItemProps) => React.ReactElement<HTMLLIElement, string | React.JSXElementConstructor<any>>;
 /**
  * @hidden
  */
-export declare const valueRender: (element: React.ReactElement<HTMLSpanElement, string | ((props: any) => React.ReactElement<any, string | any | (new (props: any) => React.Component<any, any, any>)>) | (new (props: any) => React.Component<any, any, any>)>, value: any) => React.ReactElement<HTMLSpanElement, string | ((props: any) => React.ReactElement<any, string | any | (new (props: any) => React.Component<any, any, any>)>) | (new (props: any) => React.Component<any, any, any>)>;
+export declare const valueRender: (element: React.ReactElement<HTMLSpanElement>, value: any) => React.ReactElement<HTMLSpanElement, string | React.JSXElementConstructor<any>>;

package/dist/npm/TaskBoard.js

@@ -10,7 +10,13 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
+var __spreadArray = (this && this.__spreadArray) || function (to, from) {
+    for (var i = 0, il = from.length, j = to.length; i < il; i++, j++)
+        to[j] = from[i];
+    return to;
+};
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.TaskBoard = void 0;
 var React = require("react");
 var PropTypes = require("prop-types");
 var kendo_licensing_1 = require("@progress/kendo-licensing");
@@ -86,10 +92,9 @@ exports.TaskBoard = React.forwardRef(function (props, ref) {
             }
             var newItem = kendo_react_common_1.clone(item);
             newItem.isPlaceholder = true;
-            var newData = data.slice();
+            var newData = __spreadArray([], data);
             newData[index] = newItem;
-            dragTargetRef.current = __assign({}, currentDragTarget, { index: index,
-                item: item, width: rect.width, height: rect.height });
+            dragTargetRef.current = __assign(__assign({}, currentDragTarget), { index: index, item: item, width: rect.width, height: rect.height });
             setPosition({
                 top: event.clientY - pressOffsetRef.current.y,
                 left: event.clientX - pressOffsetRef.current.x
@@ -127,7 +132,7 @@ exports.TaskBoard = React.forwardRef(function (props, ref) {
                         if (!isDragTargetColumn) {
                             newDragItem.status = dropItem.status;
                         }
-                        var newData = data.slice();
+                        var newData = __spreadArray([], data);
                         newData.splice(indexes.dragIndex, 1);
                         newData.splice(indexes.dropIndex, 0, newDragItem);
                         currentDragTarget.index = indexes.dropIndex;
@@ -145,7 +150,7 @@ exports.TaskBoard = React.forwardRef(function (props, ref) {
                             return;
                         }
                         task.status = columnStatus;
-                        var newData = data.slice();
+                        var newData = __spreadArray([], data);
                         newData.splice(taskIndex, 1);
                         newData.push(task);
                         currentDragTarget.index = newData.length - 1;
@@ -183,7 +188,7 @@ exports.TaskBoard = React.forwardRef(function (props, ref) {
     });
     var dragTarget = dragTargetRef.current;
     var onTaskCreate = React.useCallback(function (newTask) {
-        var tasks = taskData.concat([newTask]);
+        var tasks = __spreadArray(__spreadArray([], taskData), [newTask]);
         var event = {
             data: tasks,
             type: constants_1.TASKBOARD_TASK,

package/dist/npm/TaskBoardAddCard.d.ts

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

package/dist/npm/TaskBoardAddCard.js

@@ -1,5 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.TaskBoardAddCard = 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 TaskBoardAddCard component.
  */
-exports.TaskBoardAddCard = function (props) {
+var TaskBoardAddCard = 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();
     return (React.createElement(props.editPane, { header: localization.toLanguageString(messages_1.taskBoardAddCardPaneTitle, messages_1.messages[messages_1.taskBoardAddCardPaneTitle]), 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]), 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]), saveButton: localization.toLanguageString(messages_1.taskBoardAddCardCreateButton, messages_1.messages[messages_1.taskBoardAddCardCreateButton]), cancelButton: localization.toLanguageString(messages_1.taskBoardEditPaneCancelBtn, messages_1.messages[messages_1.taskBoardEditPaneCancelBtn]), priorities: props.priorities, onSave: onSave, onClose: props.onClose, onTitleChange: onTitleChange, title: title, onDescriptionChange: onDescriptionChange, description: description, onPriorityChange: onPriorityChange, priority: priority }));
 };
+exports.TaskBoardAddCard = TaskBoardAddCard;
 var defaultProps = {};
 exports.TaskBoardAddCard.propTypes = {};
 exports.TaskBoardAddCard.defaultProps = defaultProps;

package/dist/npm/TaskBoardCardBase.js

@@ -11,6 +11,7 @@ var __assign = (this && this.__assign) || function () {
     return __assign.apply(this, arguments);
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.TaskBoardCardBase = void 0;
 var React = require("react");
 var PropTypes = require("prop-types");
 var kendo_react_layout_1 = require("@progress/kendo-react-layout");
@@ -26,7 +27,7 @@ var PreviewDialog_1 = require("./card/PreviewDialog");
  *
  * @hidden
  */
-exports.TaskBoardCardBase = function (props) {
+var TaskBoardCardBase = function (props) {
     var _a;
     var onDeleteTask = props.onDeleteTask, showEditPane = props.showEditPane, task = props.task, style = props.style, dragTargetRef = props.dragTargetRef, elementRef = props.elementRef;
     var _b = React.useState(false), optionMenuVisible = _b[0], setOptionMenuVisible = _b[1];
@@ -86,6 +87,7 @@ exports.TaskBoardCardBase = function (props) {
     }
     return (React.createElement(props.cardComponent, { task: task, style: style, tabIndex: props.tabIndex, disabled: props.disabled, elementRef: elementRef, showMenu: optionMenuVisible, showDeleteConfirm: confirmTaskDeleteVisible, showTaskPreviewPane: showTaskPreviewPane, menuItems: optionButtons, popupRef: popupRef, confirmDialogMessage: localization.toLanguageString(messages_1.taskBoardDeleteTaskDialogMessage, messages_1.messages[messages_1.taskBoardDeleteTaskDialogMessage]), confirmDialogTitle: localization.toLanguageString(messages_1.taskBoardDeleteTaskDialogTitle, messages_1.messages[messages_1.taskBoardDeleteTaskDialogTitle]), confirmDialogConfirmButton: localization.toLanguageString(messages_1.taskBoardDeleteTaskConfirmButton, messages_1.messages[messages_1.taskBoardDeleteTaskConfirmButton]), confirmDialogCancelButton: localization.toLanguageString(messages_1.taskBoardDeleteTaskCancelButton, messages_1.messages[messages_1.taskBoardDeleteTaskCancelButton]), previewDialogPriorityLabel: localization.toLanguageString(messages_1.taskBoardPreviewPanePriorityLabel, messages_1.messages[messages_1.taskBoardPreviewPanePriorityLabel]), previewDialogDelete: localization.toLanguageString(messages_1.taskBoardPreviewPaneDeleteBtn, messages_1.messages[messages_1.taskBoardPreviewPaneDeleteBtn]), previewDialogEdit: localization.toLanguageString(messages_1.taskBoardPreviewPaneEditBtn, messages_1.messages[messages_1.taskBoardPreviewPaneEditBtn]), onShowPreviewPane: onShowTaskPreviewPane, onClosePreviewPane: onClosePreviewPane, onMenuItemSelect: handleSelect, onShowMenu: onShowMenu, onHideMenu: onHideMenu, onMenuButtonBlur: onMenuButtonBlur, onTaskDelete: onDeleteTask, onTaskEdit: onTaskEdit, onCloseConfirmDialog: closeConfirmDialog, card: kendo_react_layout_1.Card, cardHeader: CardHeader_1.TaskBoardCardHeader, cardBody: CardBody_1.TaskBoardCardBody, confirmDialog: TaskBoardConfirmDialog_1.TaskBoardConfirmDialog, previewDialog: PreviewDialog_1.TaskBoardPreviewDialog }));
 };
+exports.TaskBoardCardBase = TaskBoardCardBase;
 var defaultProps = {};
 exports.TaskBoardCardBase.propTypes = {
     task: PropTypes.object.isRequired

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,7 +28,7 @@ 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];
@@ -36,15 +37,15 @@ exports.TaskBoardColumnBase = function (props) {
     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 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 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();
     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) },
         React.createElement("div", { className: 'k-taskboard-toolbar k-toolbar' }, children)));
 };
+exports.TaskBoardToolbar = TaskBoardToolbar;
 var defaultProps = {};
 exports.TaskBoardToolbar.propTypes = {
     children: PropTypes.node