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

package/dist/es/TaskBoard.d.ts

@@ -141,5 +141,5 @@ export interface TaskBoardProps {
  *
  * Accepts properties of type [TaskBoardProps]({% slug api_taskboard_taskboardprops %}).
  */
-export declare const TaskBoard: React.ForwardRefExoticComponent<TaskBoardProps & React.RefAttributes<TaskBoardHandle>>;
+export declare const TaskBoard: React.ForwardRefExoticComponent<TaskBoardProps & React.RefAttributes<TaskBoardHandle | null>>;
 export {};

package/dist/es/TaskBoard.js

@@ -9,6 +9,15 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
+var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
+};
 import * as React from 'react';
 import * as PropTypes from 'prop-types';
 import { validatePackage } from '@progress/kendo-licensing';
@@ -35,7 +44,7 @@ export var TaskBoard = React.forwardRef(function (props, ref) {
     });
     React.useImperativeHandle(ref, function () { return taskboardRef.current; });
     var children = React.Children.toArray(props.children);
-    var toolbar = children.filter(function (child) { return child &&
+    var toolbar = children.filter(function (child) { return child && child.type &&
         child.type.displayName === 'KendoReactTaskBoardToolbar'; });
     var elementRef = React.useRef(null);
     var dragTargetRef = React.useRef(null);
@@ -84,10 +93,9 @@ export var TaskBoard = React.forwardRef(function (props, ref) {
             }
             var newItem = clone(item);
             newItem.isPlaceholder = true;
-            var newData = data.slice();
+            var newData = __spreadArray([], data, true);
             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 +133,7 @@ export var TaskBoard = React.forwardRef(function (props, ref) {
                         if (!isDragTargetColumn) {
                             newDragItem.status = dropItem.status;
                         }
-                        var newData = data.slice();
+                        var newData = __spreadArray([], data, true);
                         newData.splice(indexes.dragIndex, 1);
                         newData.splice(indexes.dropIndex, 0, newDragItem);
                         currentDragTarget.index = indexes.dropIndex;
@@ -143,7 +151,7 @@ export var TaskBoard = React.forwardRef(function (props, ref) {
                             return;
                         }
                         task.status = columnStatus;
-                        var newData = data.slice();
+                        var newData = __spreadArray([], data, true);
                         newData.splice(taskIndex, 1);
                         newData.push(task);
                         currentDragTarget.index = newData.length - 1;
@@ -181,7 +189,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, true), [newTask], false);
         var event = {
             data: tasks,
             type: TASKBOARD_TASK,

package/dist/es/TaskBoardAddCard.d.ts

@@ -16,7 +16,7 @@ export interface TaskBoardAddCardProps {
     /**
      * Triggered on `onSave` event of the TaskBoardAddCard.
      */
-    onSave: (task: TaskBoardTaskModel, prevTask: TaskBoardTaskModel | undefined) => void;
+    onSave: (task: TaskBoardTaskModel, prevTask: TaskBoardTaskModel) => void;
     /**
      * Specifies the TaskBoardTaskEditPane component.
      */
@@ -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

@@ -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/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.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/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: 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'
 };

package/dist/es/utils.d.ts

@@ -6,11 +6,11 @@ import * as React from 'react';
 export declare const findIndexes: (dragId: string, dropId: string, taskData: any[]) => {
     dragIndex: number;
     dropIndex: number;
-};
+} | null;
 /**
  * @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/es/utils.js

@@ -74,7 +74,8 @@ export var valueRender = function (element, value) {
     var children = (React.createElement(React.Fragment, null,
         React.createElement("span", { style: { backgroundColor: value.color } }, "\u00A0"),
         React.createElement("span", null,
-            "\u00A0 ",
-            element.props.children)));
+            React.createElement(React.Fragment, null,
+                "\u00A0 ",
+                element.props.children))));
     return React.cloneElement(element, __assign({}, element.props), children);
 };

package/dist/npm/TaskBoard.d.ts

@@ -141,5 +141,5 @@ export interface TaskBoardProps {
  *
  * Accepts properties of type [TaskBoardProps]({% slug api_taskboard_taskboardprops %}).
  */
-export declare const TaskBoard: React.ForwardRefExoticComponent<TaskBoardProps & React.RefAttributes<TaskBoardHandle>>;
+export declare const TaskBoard: React.ForwardRefExoticComponent<TaskBoardProps & React.RefAttributes<TaskBoardHandle | null>>;
 export {};

package/dist/npm/TaskBoard.js

@@ -10,7 +10,17 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
+var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
+};
 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");
@@ -28,7 +38,7 @@ var Column_1 = require("./column/Column");
  * Accepts properties of type [TaskBoardProps]({% slug api_taskboard_taskboardprops %}).
  */
 exports.TaskBoard = React.forwardRef(function (props, ref) {
-    kendo_licensing_1.validatePackage(package_metadata_1.packageMetadata);
+    (0, kendo_licensing_1.validatePackage)(package_metadata_1.packageMetadata);
     var columnData = props.columnData, className = props.className, style = props.style, id = props.id, taskData = props.taskData, onChange = props.onChange;
     var taskboardRef = React.useRef(null);
     var taskboardElementRef = React.useRef(null);
@@ -37,7 +47,7 @@ exports.TaskBoard = React.forwardRef(function (props, ref) {
     });
     React.useImperativeHandle(ref, function () { return taskboardRef.current; });
     var children = React.Children.toArray(props.children);
-    var toolbar = children.filter(function (child) { return child &&
+    var toolbar = children.filter(function (child) { return child && child.type &&
         child.type.displayName === 'KendoReactTaskBoardToolbar'; });
     var elementRef = React.useRef(null);
     var dragTargetRef = React.useRef(null);
@@ -63,7 +73,7 @@ exports.TaskBoard = React.forwardRef(function (props, ref) {
         if (target.closest('button,input,.k-link,.k-taskboard-preview-pane')) {
             return;
         }
-        var currentDragTarget = utils_1.closestTaskBoardElement(target);
+        var currentDragTarget = (0, utils_1.closestTaskBoardElement)(target);
         var taskboardEl = taskboardElementRef.current;
         if (currentDragTarget && taskboardEl) {
             var isColumn = currentDragTarget.type === constants_1.TASKBOARD_COLUMN;
@@ -84,12 +94,11 @@ exports.TaskBoard = React.forwardRef(function (props, ref) {
             if (index === -1 || item.edit) {
                 return;
             }
-            var newItem = kendo_react_common_1.clone(item);
+            var newItem = (0, kendo_react_common_1.clone)(item);
             newItem.isPlaceholder = true;
-            var newData = data.slice();
+            var newData = __spreadArray([], data, true);
             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
@@ -111,7 +120,7 @@ exports.TaskBoard = React.forwardRef(function (props, ref) {
             if (targetElement && targetElement.getAttribute(constants_1.TASKBOARD_PLACEHOLDER)) {
                 return;
             }
-            var dropTarget_1 = targetElement && utils_1.closestTaskBoardElement(targetElement);
+            var dropTarget_1 = targetElement && (0, utils_1.closestTaskBoardElement)(targetElement);
             if (dropTarget_1) {
                 var indexes = void 0;
                 var isSameType = dropTarget_1.type === currentDragTarget.type;
@@ -119,15 +128,15 @@ exports.TaskBoard = React.forwardRef(function (props, ref) {
                 var data = (isDragTargetColumn ? columnDataState : taskDataState) || [];
                 var stateSetter = isDragTargetColumn ? setColumnDataState : setTaskDataState;
                 if (isDragTargetColumn || isSameType) {
-                    indexes = utils_1.findIndexes(currentDragTarget.id, dropTarget_1.id, data);
+                    indexes = (0, utils_1.findIndexes)(currentDragTarget.id, dropTarget_1.id, data);
                     if (indexes) {
                         var dragItem = data[indexes.dragIndex];
                         var dropItem = data[indexes.dropIndex];
-                        var newDragItem = kendo_react_common_1.clone(dragItem);
+                        var newDragItem = (0, kendo_react_common_1.clone)(dragItem);
                         if (!isDragTargetColumn) {
                             newDragItem.status = dropItem.status;
                         }
-                        var newData = data.slice();
+                        var newData = __spreadArray([], data, true);
                         newData.splice(indexes.dragIndex, 1);
                         newData.splice(indexes.dropIndex, 0, newDragItem);
                         currentDragTarget.index = indexes.dropIndex;
@@ -145,7 +154,7 @@ exports.TaskBoard = React.forwardRef(function (props, ref) {
                             return;
                         }
                         task.status = columnStatus;
-                        var newData = data.slice();
+                        var newData = __spreadArray([], data, true);
                         newData.splice(taskIndex, 1);
                         newData.push(task);
                         currentDragTarget.index = newData.length - 1;
@@ -176,14 +185,14 @@ exports.TaskBoard = React.forwardRef(function (props, ref) {
         setColumnDataState(null);
         setPosition({ top: 0, left: 0 });
     }, [columnDataState, taskDataState, onChange]);
-    kendo_react_common_1.useDraggable(elementRef, {
+    (0, kendo_react_common_1.useDraggable)(elementRef, {
         onDragStart: handlePress,
         onDrag: handleDrag,
         onDragEnd: handleRelease
     });
     var dragTarget = dragTargetRef.current;
     var onTaskCreate = React.useCallback(function (newTask) {
-        var tasks = taskData.concat([newTask]);
+        var tasks = __spreadArray(__spreadArray([], taskData, true), [newTask], false);
         var event = {
             data: tasks,
             type: constants_1.TASKBOARD_TASK,
@@ -235,7 +244,7 @@ exports.TaskBoard = React.forwardRef(function (props, ref) {
         };
         onChange.call(undefined, event);
     }, [onChange, columnData]);
-    return (React.createElement("div", { id: id, style: style, ref: taskboardElementRef, className: kendo_react_common_1.classNames('k-widget k-taskboard', className) },
+    return (React.createElement("div", { id: id, style: style, ref: taskboardElementRef, className: (0, kendo_react_common_1.classNames)('k-widget k-taskboard', className) },
         toolbar,
         React.createElement("div", { className: 'k-taskboard-content', style: dragTarget ? { userSelect: 'none' } : undefined },
             React.createElement("div", { className: 'k-taskboard-columns-container', ref: elementRef }, (columnDataState || columnData).map(function (column) { return (React.createElement(TaskBoardColumnBase_1.TaskBoardColumnBase, { key: column.id, tabIndex: props.tabIndex, column: column, tasks: tasksMap[column.status] || [], dragTargetRef: dragTargetRef, onTaskCreate: onTaskCreate, onTaskEdit: onTaskEdit, onTaskDelete: onTaskDelete, onColumnChange: onColumnChange, columnComponent: props.column || Column_1.TaskBoardColumn, cardComponent: props.card || Card_1.TaskBoardCard, priorities: props.priorities })); }))),

package/dist/npm/TaskBoardAddCard.d.ts

@@ -16,7 +16,7 @@ export interface TaskBoardAddCardProps {
     /**
      * Triggered on `onSave` event of the TaskBoardAddCard.
      */
-    onSave: (task: TaskBoardTaskModel, prevTask: TaskBoardTaskModel | undefined) => void;
+    onSave: (task: TaskBoardTaskModel, prevTask: TaskBoardTaskModel) => void;
     /**
      * Specifies the TaskBoardTaskEditPane component.
      */
@@ -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 _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 TaskBoardAddCard = 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.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,14 +27,14 @@ 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];
     var _c = React.useState(false), confirmTaskDeleteVisible = _c[0], setConfirmTaskDeleteVisible = _c[1];
     var _d = React.useState(false), showTaskPreviewPane = _d[0], setShowTaskPreviewPane = _d[1];
     var popupRef = React.useRef(null);
-    var localization = kendo_react_intl_1.useLocalization();
+    var localization = (0, kendo_react_intl_1.useLocalization)();
     var optionButtons = [
         {
             text: localization.toLanguageString(messages_1.taskBoardEditCardButton, messages_1.messages[messages_1.taskBoardEditCardButton]),
@@ -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