@progress/kendo-react-taskboard 5.3.0-dev.202205091142 → 5.3.1-dev.202205130741

package/dist/npm/TaskBoardTaskEditPane.d.ts

@@ -63,13 +63,13 @@ export interface TaskBoardTaskEditPaneProps {
      */
     description: string;
     /**
-     * Fires on `onSave` event.
+     * Fires when Save button is clicked.
      */
-    onSave: () => void;
+    onSave: (event: React.MouseEvent<HTMLButtonElement>) => void;
     /**
-     * Fires on `onClose` event.
+     * Fires when Cancel button is clicked.
      */
-    onClose: () => void;
+    onClose: (event: React.MouseEvent<HTMLButtonElement>) => void;
     /**
      * Fires when a title is changed.
      */

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

@@ -35,11 +35,11 @@ export interface TaskBoardCardProps {
      */
     showMenu: boolean;
     /**
-     * Determines the visibility of the delete and confirm items.
+     * Determines the visibility of the task's delete confirmation dialog.
      */
     showDeleteConfirm: boolean;
     /**
-     * Determines the visibility of the previous pane.
+     * Determines the visibility of the task's preview pane.
      */
     showTaskPreviewPane: boolean;
     /**
@@ -51,23 +51,23 @@ export interface TaskBoardCardProps {
      */
     popupRef: React.RefObject<Popup>;
     /**
-     * Represents the confirm dialog message of the TaskBoardCard.
+     * Represents the content of the TaskBoardConfirmDialog component.
      */
     confirmDialogMessage: React.ReactNode;
     /**
-     * Represents the confirm dialog title of the TaskBoardCard.
+     * Represents the title of the TaskBoardConfirmDialog component.
      */
     confirmDialogTitle: string;
     /**
-     * Represents the confirm dialog confirm button.
+     * Represents the content of the confirm button of the TaskBoardConfirmDialog component.
      */
     confirmDialogConfirmButton: React.ReactNode;
     /**
-     * Represents the cancel dialog confirm button.
+     * Represents the content of the cancel button of the TaskBoardConfirmDialog component.
      */
     confirmDialogCancelButton: React.ReactNode;
     /**
-     * Represents the preview dialog priority label.
+     * Represents the priority label in the preview dialog.
      */
     previewDialogPriorityLabel: string;
     /**
@@ -79,37 +79,41 @@ export interface TaskBoardCardProps {
      */
     previewDialogEdit: React.ReactNode;
     /**
-     * Fires on show of the preview pane.
+     * Fires when the preview pane needs to be shown.
      */
-    onShowPreviewPane: () => void;
+    onShowPreviewPane: (event: React.MouseEvent<HTMLElement>) => void;
+    /**
+     * Fires when the preview pane needs to be closed.
+     */
+    onClosePreviewPane: (event: React.MouseEvent<HTMLElement>) => void;
     /**
      * Fires on menu item selection.
      */
     onMenuItemSelect: (event: MenuSelectEvent) => void;
     /**
-     * Fires when the menu is shown.
+     * Fires when the menu needs to be shown.
      */
-    onShowMenu: () => void;
+    onShowMenu: (event: React.MouseEvent<HTMLButtonElement>) => void;
     /**
-     * Fires when the menu is hidden.
+     * Fires when the menu needs to be hidden.
      */
-    onHideMenu: () => void;
+    onHideMenu: (event: React.MouseEvent<HTMLButtonElement>) => void;
     /**
      * Fires on blur of the menu button.
      */
     onMenuButtonBlur: (event: React.FocusEvent<HTMLButtonElement>) => void;
     /**
-     * Fires when task is deleted.
+     * Fires when task's delete button is clicked.
      */
-    onTaskDelete: () => void;
+    onTaskDelete: (event: React.MouseEvent<HTMLButtonElement>) => void;
     /**
-     * Fires when task is edited.
+     * Fires when task's edit button is clicked.
      */
-    onTaskEdit: () => void;
+    onTaskEdit: (event: React.MouseEvent<HTMLButtonElement>) => void;
     /**
-     * Fires on close/confirm dialog.
+     * The Close Button click event handler of the TaskBoardConfirmDialog component.
      */
-    onCloseConfirmDialog: () => void;
+    onCloseConfirmDialog: (event: React.MouseEvent<HTMLButtonElement>) => void;
     /**
      * Represents the Card component.
      */

package/dist/npm/card/Card.js

@@ -30,6 +30,6 @@ exports.TaskBoardCard = function (props) {
             React.createElement(props.cardHeader, { showMenu: props.showMenu, menuItems: props.menuItems, popupRef: props.popupRef, title: props.task.title, task: props.task, onShowPreviewPane: props.onShowPreviewPane, onShowMenu: props.onShowMenu, onHideMenu: props.onHideMenu, onMenuButtonBlur: props.onMenuButtonBlur, onMenuItemSelect: props.onMenuItemSelect }),
             React.createElement(props.cardBody, { task: props.task }, props.task.description)),
         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, onShowTaskPreviewPane: props.onShowPreviewPane, onDeleteTask: props.onTaskDelete, onTaskEdit: props.onTaskEdit, priority: props.task.priority }))));
+        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.displayName = 'KendoReactTaskBoardCard';

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

@@ -27,17 +27,17 @@ export interface TaskBoardCardHeaderProps {
      */
     task: TaskBoardTaskModel;
     /**
-     * Fires when the preview pane is shown.
+     * Fires when the preview pane needs to be shown.
      */
-    onShowPreviewPane: () => void;
+    onShowPreviewPane: (event: React.MouseEvent<HTMLElement>) => void;
     /**
-     * Fires when the menu is shown.
+     * Fires when the menu needs to be shown.
      */
-    onShowMenu: () => void;
+    onShowMenu: (event: React.MouseEvent<HTMLButtonElement>) => void;
     /**
-     * Fires when the menu is hidden.
+     * Fires when the menu needs to be hidden.
      */
-    onHideMenu: () => void;
+    onHideMenu: (event: React.MouseEvent<HTMLButtonElement>) => void;
     /**
      * Fires on blur of the menu button.
      */

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

@@ -17,29 +17,29 @@ export interface TaskBoardPreviewDialogProps {
      */
     priorityLabel: React.ReactNode;
     /**
-     * Determines the delete node.
+     * Determines the content of the delete button.
      */
     delete: React.ReactNode;
     /**
-     * Determines the edit node.
+     * Determines the content of the edit button.
      */
     edit: React.ReactNode;
     /**
-     * Represents the priority of the task board.
+     * Represents the priority of the current task.
      */
     priority: TaskBoardPriority;
     /**
-     * Fires when task preview pane is shown.
+     * Fires when the preview pane needs to be shown.
      */
-    onShowTaskPreviewPane: () => void;
+    onClosePreviewPane: (event: React.MouseEvent<HTMLButtonElement>) => void;
     /**
      * Fires when task is deleted.
      */
-    onDeleteTask: () => void;
+    onTaskDelete: (event: React.MouseEvent<HTMLButtonElement>) => void;
     /**
      * Fires when task is edited.
      */
-    onTaskEdit: () => void;
+    onTaskEdit: (event: React.MouseEvent<HTMLButtonElement>) => void;
 }
 /**
  * Represents the TaskBoardPreviewDialog component.

package/dist/npm/card/PreviewDialog.js

@@ -11,7 +11,7 @@ exports.TaskBoardPreviewDialog = function (props) {
             React.createElement("div", { className: 'k-taskboard-pane-header-text' }, props.title),
             React.createElement("span", { className: "k-spacer" }),
             React.createElement("div", { className: "k-taskboard-pane-header-actions" },
-                React.createElement(kendo_react_buttons_1.Button, { icon: 'close', fillMode: "flat", onClick: props.onShowTaskPreviewPane }))),
+                React.createElement(kendo_react_buttons_1.Button, { icon: 'close', fillMode: "flat", onClick: props.onClosePreviewPane }))),
         React.createElement("div", { className: "k-taskboard-pane-content" },
             React.createElement("p", null, props.description),
             React.createElement("p", null,
@@ -21,7 +21,7 @@ exports.TaskBoardPreviewDialog = function (props) {
                 "\u00A0",
                 props.priority.priority)),
         React.createElement("div", { className: "k-taskboard-pane-actions k-actions k-hstack k-justify-content-end" },
-            React.createElement(kendo_react_buttons_1.Button, { onClick: props.onDeleteTask }, props.delete),
+            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.displayName = 'KendoReactTaskBoardPreviewDialog';

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

@@ -35,13 +35,6 @@ export interface TaskBoardColumnProps {
      * Represents the reference of the element.
      */
     elementRef?: React.RefObject<HTMLDivElement>;
-    /**
-     * Represents the reference of the drag target.
-     */
-    dragTargetRef?: React.RefObject<{
-        width: number;
-        height: number;
-    }>;
     /**
      * Determines the visibility of the add card.
      */
@@ -109,19 +102,19 @@ export interface TaskBoardColumnProps {
     /**
      * Fires when column enters edit.
      */
-    onColumnEnterEdit: () => void;
+    onColumnEnterEdit: (event: React.MouseEvent<HTMLButtonElement>) => void;
     /**
      * Fires when column exits edit.
      */
-    onColumnExitEdit: () => void;
+    onColumnExitEdit: (event: React.FocusEvent<HTMLInputElement>) => void;
     /**
      * Fires on confirmation of column deletion.
      */
-    onColumnConfirmDelete: () => void;
+    onColumnConfirmDelete: (event: React.MouseEvent<HTMLButtonElement>) => void;
     /**
      * Fires when the add card dialog is shown.
      */
-    onShowAddCardDialog: () => void;
+    onShowAddCardDialog: (event: React.MouseEvent<HTMLButtonElement>) => void;
     /**
      * Fires when the edit card pane is shown.
      */
@@ -129,11 +122,11 @@ export interface TaskBoardColumnProps {
     /**
      * Fires on column deletion.
      */
-    onColumnDelete: () => void;
+    onColumnDelete: (event: React.MouseEvent<HTMLButtonElement>) => void;
     /**
-     * Fires when the dialog is closed.
+     * The Close Button click event handler of the TaskBoardConfirmDialog component.
      */
-    onCloseDialog: () => void;
+    onCloseDialog: (event: React.MouseEvent<HTMLButtonElement>) => void;
     /**
      * Represents the TaskBoardCard component.
      */

package/dist/npm/column/Column.js

@@ -28,7 +28,7 @@ exports.TaskBoardColumn = function (props) {
             _a[constants_1.TASKBOARD_ITEM_ID] = props.column.id,
             _a)),
             React.createElement(props.header, { column: props.column, tasks: props.tasks, onTitleChange: props.onTitleChange, onColumnExitEdit: props.onColumnExitEdit, editButtonTitle: props.editButtonTitle, onColumnEnterEdit: props.onColumnEnterEdit, addButtonTitle: props.addButtonTitle, onShowAddCardDialog: props.onShowAddCardDialog, closeButtonTitle: props.closeButtonTitle, onColumnDelete: props.onColumnDelete }),
-            React.createElement(props.body, { column: props.column, tasks: props.tasks, card: props.card, onTaskDelete: props.onTaskDelete, onShowEditCardPane: props.onShowEditCardPane, dragTargetRef: props.dragTargetRef }, props.children)),
+            React.createElement(props.body, null, props.children)),
         props.showAddCard && (React.createElement(props.addCardDialog, { onClose: props.onCloseDialog, onSave: props.onTaskCreate, priorities: props.priorities, editPane: TaskBoardTaskEditPane_1.TaskBoardTaskEditPane })),
         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 }))));

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

@@ -1,41 +1,12 @@
 import * as React from 'react';
-import { TaskBoardCardProps } from '../card/Card';
-import { TaskBoardColumnModel, TaskBoardTaskModel } from '../TaskBoard';
 /**
  * Represents the props of the TaskBoardColumnBody component
  */
 export interface TaskBoardColumnBodyProps {
-    /**
-     * The rendered column.
-     */
-    column: TaskBoardColumnModel;
-    /**
-     * The rendered tasks.
-     */
-    tasks: TaskBoardTaskModel[];
     /**
      * Determines the children nodes.
      */
     children: React.ReactNode;
-    /**
-     * Represents the drag target reference.
-     */
-    dragTargetRef?: React.RefObject<{
-        width: number;
-        height: number;
-    }>;
-    /**
-     * The event that is fired when a task is deleted.
-     */
-    onTaskDelete: (task: TaskBoardTaskModel) => void;
-    /**
-     * The event that is fired when a task is edited.
-     */
-    onShowEditCardPane: (task: TaskBoardTaskModel) => void;
-    /**
-     * Represents the TaskBoardCard component.
-     */
-    card: React.ComponentType<TaskBoardCardProps>;
 }
 /**
  * Represents the TaskBoardColumnBody component.

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

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import * as React from 'react';
 import { InputChangeEvent } from '@progress/kendo-react-inputs';
 import { TaskBoardColumnModel, TaskBoardTaskModel } from '../TaskBoard';
 /**
@@ -32,19 +32,19 @@ export interface TaskBoardColumnHeaderProps {
     /**
      * The event that is fired when a column enters edit mode.
      */
-    onColumnEnterEdit: () => void;
+    onColumnEnterEdit: (event: React.MouseEvent<HTMLButtonElement>) => void;
     /**
      * The event that is fired when a column exits edit mode.
      */
-    onColumnExitEdit: () => void;
+    onColumnExitEdit: (event: React.FocusEvent<HTMLInputElement>) => void;
     /**
      * The event that is fired when a add card dialog is shown.
      */
-    onShowAddCardDialog: () => void;
+    onShowAddCardDialog: (event: React.MouseEvent<HTMLButtonElement>) => void;
     /**
      * The event that is fired when a column is deleted.
      */
-    onColumnDelete: () => void;
+    onColumnDelete: (event: React.MouseEvent<HTMLButtonElement>) => void;
 }
 /**
  * Represents the TaskBoardColumnHeader component.

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

@@ -1,3 +1,4 @@
+import * as React from 'react';
 import { DropDownListChangeEvent } from '@progress/kendo-react-dropdowns';
 import { InputChangeEvent } from '@progress/kendo-react-inputs';
 import { TaskBoardPriority, TaskBoardTaskModel } from '../TaskBoard';
@@ -8,7 +9,7 @@ export interface TaskEditingResult {
     description: string;
     onPriorityChange: (event: DropDownListChangeEvent) => void;
     priority: TaskBoardPriority;
-    onSave: () => void;
+    onSave: (event: React.MouseEvent<HTMLButtonElement>) => void;
 }
 export interface TaskEditingProps {
     task?: TaskBoardTaskModel;

package/dist/npm/hooks/taskEditing.js

@@ -26,7 +26,7 @@ exports.useTaskEditing = function (_a) {
     var onPriorityChange = React.useCallback(function (event) {
         setPriority(event.target.value);
     }, []);
-    var onSaveIn = React.useCallback(function () {
+    var onSaveIn = React.useCallback(function (_event) {
         var nextTask = __assign({ id: undefined, status: '' }, (task || {}), { title: title, description: description, priority: priority });
         onSave.call(undefined, nextTask, task);
     }, [onSave, task, title, description, priority]);

package/dist/npm/package-metadata.js

@@ -7,7 +7,7 @@ exports.packageMetadata = {
     name: '@progress/kendo-react-taskboard',
     productName: 'KendoReact',
     productCodes: ['KENDOUIREACT', 'KENDOUICOMPLETE'],
-    publishDate: 1652096506,
+    publishDate: 1652427600,
     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/systemjs/kendo-react-taskboard.js

@@ -1 +1 @@
-System.register("@progress/kendo-react-taskboard",["react","@progress/kendo-react-common","prop-types","@progress/kendo-licensing","@progress/kendo-react-dialogs","@progress/kendo-react-buttons","@progress/kendo-react-intl","@progress/kendo-react-dropdowns","@progress/kendo-react-inputs","@progress/kendo-react-labels","@progress/kendo-react-form","@progress/kendo-react-layout","@progress/kendo-react-popup"],function(i){var r,s,d,l,u,c,k,m,B,g,p,C,f;function t(e){return e.__useDefault?e.default:e}return{setters:[function(e){r=t(e)},function(e){s=t(e)},function(e){d=t(e)},function(e){l=t(e)},function(e){u=t(e)},function(e){c=t(e)},function(e){k=t(e)},function(e){m=t(e)},function(e){B=t(e)},function(e){g=t(e)},function(e){p=t(e)},function(e){C=t(e)},function(e){f=t(e)}],execute:function(){function n(e){if(o[e])return o[e].exports;var t=o[e]={i:e,l:!1,exports:{}};return a[e].call(t.exports,t,t.exports,n),t.l=!0,t.exports}var a,o;a=[function(e,t){e.exports=r},function(e,t,a){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.TASKBOARD_ITEM_TYPE="data-taskboard-type",t.TASKBOARD_ITEM_ID="data-taskboard-id",t.TASKBOARD_PLACEHOLDER="data-taskboard-placeholder",t.TASKBOARD_COLUMN="column",t.TASKBOARD_TASK="task"},function(e,t){e.exports=d},function(e,t){e.exports=s},function(e,t){e.exports=c},function(e,t){e.exports=k},function(e,t,a){"use strict";var o;Object.defineProperty(t,"__esModule",{value:!0}),t.taskBoardAddColumnButton="taskBoard.toolbarAddColumnButton",t.taskBoardSearchField="taskBoard.toolbarSearchField",t.taskBoardEditColumnButton="taskBoard.editColumnButton",t.taskBoardAddCardButton="taskBoard.addCardButton",t.taskBoardDeleteColumnButton="taskBoard.deleteColumnButton",t.taskBoardEditCardButton="taskBoard.editCardButton",t.taskBoardDeleteCardButton="taskBoard.deleteCardButton",t.taskBoardDeleteTaskDialogMessage="taskBoard.deleteTaskDialogMessage",t.taskBoardDeleteTaskDialogTitle="taskBoard.deleteTaskDialogTitle",t.taskBoardDeleteTaskConfirmButton="taskBoard.deleteTaskConfirmButton",t.taskBoardDeleteTaskCancelButton="taskBoard.deleteTaskCancelButton",t.taskBoardAddCardPaneTitle="taskBoard.addCardTitle",t.taskBoardAddCardTitleLabel="taskBoard.addCardTitleLabel",t.taskBoardAddCardDescriptionLabel="taskBoard.addCardDescriptionLabel",t.taskBoardAddCardPriorityLabel="taskBoard.addCardPriorityLabel",t.taskBoardAddCardCreateButton="taskBoard.addCardCreateButton",t.taskBoardDelColumnDialogMsg="taskBoard.deleteColumnDialogMessage",t.taskBoardDelColumnDialogTitle="taskBoard.deleteColumnDialogTitle",t.taskBoardDelColumnConfirmBtn="taskBoard.deleteColumnConfirmButton",t.taskBoardDelColumnCancelBtn="taskBoard.deleteColumnCancelButton",t.taskBoardEditCardPaneTitle="taskBoard.editCardPaneTitle",t.taskBoardEditCardPaneSaveBtn="taskBoard.editCardPaneSaveButton",t.taskBoardEditPaneTitleLabel="taskBoard.editPaneTitleLabel",t.taskBoardEditPaneDescriptionLabel="taskBoard.editPaneDescriptionLabel",t.taskBoardEditPanePriorityLabel="taskBoard.editPanePriorityLabel",t.taskBoardEditPaneCancelBtn="taskBoard.editPaneCancelButton",t.taskBoardPreviewPanePriorityLabel="taskBoard.previewPanePriorityLabel",t.taskBoardPreviewPaneDeleteBtn="taskBoard.previewPaneDeleteButton",t.taskBoardPreviewPaneEditBtn="taskBoard.previewPaneEditButton",t.messages=((o={})[t.taskBoardAddColumnButton]="Add column",o[t.taskBoardSearchField]="Search",o[t.taskBoardEditColumnButton]="Edit column",o[t.taskBoardAddCardButton]="Add card",o[t.taskBoardDeleteColumnButton]="Delete column",o[t.taskBoardEditCardButton]="Edit card",o[t.taskBoardDeleteCardButton]="Delete card",o[t.taskBoardDeleteTaskDialogMessage]="Are you sure you want to delete this card?",o[t.taskBoardDeleteTaskDialogTitle]="Delete Card",o[t.taskBoardDeleteTaskConfirmButton]="Delete",o[t.taskBoardDeleteTaskCancelButton]="Cancel",o[t.taskBoardDelColumnDialogMsg]="Are you sure you want to delete this column?",o[t.taskBoardDelColumnDialogTitle]="Delete column?",o[t.taskBoardDelColumnConfirmBtn]="Delete",o[t.taskBoardDelColumnCancelBtn]="Cancel",o[t.taskBoardAddCardPaneTitle]="Create new card",o[t.taskBoardAddCardCreateButton]="Create",o[t.taskBoardEditPaneCancelBtn]="Cancel",o[t.taskBoardEditCardPaneTitle]="Edit ",o[t.taskBoardEditCardPaneSaveBtn]="Save changes",o[t.taskBoardEditPaneTitleLabel]="Title:",o[t.taskBoardEditPaneDescriptionLabel]="Description:",o[t.taskBoardEditPanePriorityLabel]="Priority:",o[t.taskBoardAddCardTitleLabel]="Title",o[t.taskBoardAddCardDescriptionLabel]="Description",o[t.taskBoardAddCardPriorityLabel]="Priority",o[t.taskBoardPreviewPanePriorityLabel]="Priority:",o[t.taskBoardPreviewPaneDeleteBtn]="Delete",o[t.taskBoardPreviewPaneEditBtn]="Edit",o)},function(e,t,a){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var i=a(0),o=a(2),s=a(28),d=a(4);t.TaskBoardConfirmDialog=function(e){var t=e.onClose,a=e.onConfirm,o=e.dialogMessage,n=e.dialogTitle,r=e.dialogConfirmButton,e=e.dialogCancelButton;return i.createElement(s.Dialog,{title:n,closeIcon:!1},o,i.createElement(s.DialogActionsBar,{layout:"end"},i.createElement(d.Button,{themeColor:"primary",onClick:a},r),i.createElement(d.Button,{onClick:t},e)))},t.TaskBoardConfirmDialog.propTypes={onClose:o.func.isRequired,onConfirm:o.func.isRequired,dialogMessage:o.string.isRequired,dialogTitle:o.string.isRequired,dialogConfirmButton:o.string.isRequired,dialogCancelButton:o.string.isRequired},t.TaskBoardConfirmDialog.displayName="KendoReactTaskBoardConfirmDialog"},function(e,t,a){"use strict";var k=this&&this.__assign||function(){return(k=Object.assign||function(e){for(var t,a=1,o=arguments.length;a<o;a++)for(var n in t=arguments[a])Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n]);return e}).apply(this,arguments)},m=(Object.defineProperty(t,"__esModule",{value:!0}),a(0));t.useTaskEditing=function(e){var t=e.onSave,a=e.task,e=e.priorities,o=m.useState(a?a.title:""),n=o[0],r=o[1],o=m.useState(a?a.description:""),i=o[0],s=o[1],o=m.useState(a?a.priority:e[0]),d=o[0],l=o[1],e=m.useCallback(function(e){r(e.value)},[]),o=m.useCallback(function(e){s(e.value)},[]),u=m.useCallback(function(e){l(e.target.value)},[]),c=m.useCallback(function(){var e=k({id:void 0,status:""},a||{},{title:n,description:i,priority:d});t.call(void 0,e,a)},[t,a,n,i,d]);return{onTitleChange:e,title:n,onDescriptionChange:o,description:i,onPriorityChange:u,priority:d,onSave:c}}},function(e,t){e.exports=C},function(e,t,a){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var o=a(0),n=a(4),r=a(11),i=a(3);t.TaskBoardColumnHeader=function(e){var t=e.column,a=t.edit,t=t.title;return o.createElement("div",{className:"k-taskboard-column-header"},o.createElement("div",{className:"k-taskboard-column-header-text k-text-ellipsis"},a?o.createElement(r.Input,{value:t,onChange:e.onTitleChange,onBlur:e.onColumnExitEdit,autoFocus:!0}):t),o.createElement("span",{className:"k-spacer"}),o.createElement("div",{className:i.classNames("k-taskboard-column-header-actions",{"k-disabled":a})},o.createElement(n.Button,{fillMode:"flat",icon:"edit",title:e.editButtonTitle,onClick:e.onColumnEnterEdit}),o.createElement(n.Button,{fillMode:"flat",icon:"add",title:e.addButtonTitle,onClick:e.onShowAddCardDialog}),o.createElement(n.Button,{fillMode:"flat",icon:"close",title:e.closeButtonTitle,onClick:e.onColumnDelete})))},t.TaskBoardColumnHeader.displayName="KendoReactTaskBoardColumnHeader"},function(e,t){e.exports=B},function(e,t,a){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var o=a(0);t.TaskBoardColumnBody=function(e){return o.createElement("div",{className:"k-taskboard-column-cards-container"},o.createElement("div",{className:"k-taskboard-column-cards"},e.children))},t.TaskBoardColumnBody.displayName="KendoReactTaskBoardColumnBody"},function(e,t,a){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var l=a(0),u=a(5),c=a(6),k=a(8);t.TaskBoardEditCard=function(e){var t=k.useTaskEditing(e),a=t.onTitleChange,o=t.title,n=t.onDescriptionChange,r=t.description,i=t.onPriorityChange,s=t.priority,t=t.onSave,d=u.useLocalization();return l.createElement(e.editPane,{header:d.toLanguageString(c.taskBoardEditCardPaneTitle,c.messages[c.taskBoardEditCardPaneTitle])+e.task.title,titleInputTitle:d.toLanguageString(c.taskBoardAddCardTitleLabel,c.messages[c.taskBoardAddCardTitleLabel]),descriptionInputTitle:d.toLanguageString(c.taskBoardAddCardDescriptionLabel,c.messages[c.taskBoardAddCardDescriptionLabel]),priorityDropDownTitle:d.toLanguageString(c.taskBoardAddCardPriorityLabel,c.messages[c.taskBoardAddCardPriorityLabel]),task:e.task,saveButton:d.toLanguageString(c.taskBoardEditCardPaneSaveBtn,c.messages[c.taskBoardEditCardPaneSaveBtn]),cancelButton:d.toLanguageString(c.taskBoardEditPaneCancelBtn,c.messages[c.taskBoardEditPaneCancelBtn]),priorities:e.priorities,titleLabel:d.toLanguageString(c.taskBoardEditPaneTitleLabel,c.messages[c.taskBoardEditPaneTitleLabel]),descriptionLabel:d.toLanguageString(c.taskBoardEditPaneDescriptionLabel,c.messages[c.taskBoardEditPaneDescriptionLabel]),priorityLabel:d.toLanguageString(c.taskBoardEditPanePriorityLabel,c.messages[c.taskBoardEditPanePriorityLabel]),onSave:t,onClose:e.onClose,onTitleChange:a,title:o,onDescriptionChange:n,description:r,onPriorityChange:i,priority:s})},t.TaskBoardEditCard.propTypes={},t.TaskBoardEditCard.defaultProps={},t.TaskBoardEditCard.displayName="KendoReactTaskBoardEditCard"},function(e,t,a){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var l=a(0),u=a(5),c=a(6),k=a(8);t.TaskBoardAddCard=function(e){var t=k.useTaskEditing(e),a=t.onTitleChange,o=t.title,n=t.onDescriptionChange,r=t.description,i=t.onPriorityChange,s=t.priority,t=t.onSave,d=u.useLocalization();return l.createElement(e.editPane,{header:d.toLanguageString(c.taskBoardAddCardPaneTitle,c.messages[c.taskBoardAddCardPaneTitle]),titleInputTitle:d.toLanguageString(c.taskBoardAddCardTitleLabel,c.messages[c.taskBoardAddCardTitleLabel]),descriptionInputTitle:d.toLanguageString(c.taskBoardAddCardDescriptionLabel,c.messages[c.taskBoardAddCardDescriptionLabel]),priorityDropDownTitle:d.toLanguageString(c.taskBoardAddCardPriorityLabel,c.messages[c.taskBoardAddCardPriorityLabel]),titleLabel:d.toLanguageString(c.taskBoardEditPaneTitleLabel,c.messages[c.taskBoardEditPaneTitleLabel]),descriptionLabel:d.toLanguageString(c.taskBoardEditPaneDescriptionLabel,c.messages[c.taskBoardEditPaneDescriptionLabel]),priorityLabel:d.toLanguageString(c.taskBoardEditPanePriorityLabel,c.messages[c.taskBoardEditPanePriorityLabel]),saveButton:d.toLanguageString(c.taskBoardAddCardCreateButton,c.messages[c.taskBoardAddCardCreateButton]),cancelButton:d.toLanguageString(c.taskBoardEditPaneCancelBtn,c.messages[c.taskBoardEditPaneCancelBtn]),priorities:e.priorities,onSave:t,onClose:e.onClose,onTitleChange:a,title:o,onDescriptionChange:n,description:r,onPriorityChange:i,priority:s})},t.TaskBoardAddCard.propTypes={},t.TaskBoardAddCard.defaultProps={},t.TaskBoardAddCard.displayName="KendoReactTaskBoardAddCard"},function(e,t,a){"use strict";var C=this&&this.__assign||function(){return(C=Object.assign||function(e){for(var t,a=1,o=arguments.length;a<o;a++)for(var n in t=arguments[a])Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n]);return e}).apply(this,arguments)},f=(Object.defineProperty(t,"__esModule",{value:!0}),a(0)),o=a(2),T=a(9),D=a(1),E=a(5),b=a(6),v=a(16),y=a(17),P=a(7),h=a(18);t.TaskBoardCardBase=function(e){function t(){B(!m)}var a=e.onDeleteTask,o=e.showEditPane,n=e.task,r=e.style,i=e.dragTargetRef,s=e.elementRef,d=f.useState(!1),l=d[0],u=d[1],d=f.useState(!1),c=d[0],k=d[1],d=f.useState(!1),m=d[0],B=d[1],g=f.useRef(null),d=E.useLocalization(),p=[{text:d.toLanguageString(b.taskBoardEditCardButton,b.messages[b.taskBoardEditCardButton]),icon:"edit",data:function(){o(n),u(!l)}},{text:d.toLanguageString(b.taskBoardDeleteCardButton,b.messages[b.taskBoardDeleteCardButton]),icon:"delete",data:function(){k(!c),u(!l)}}];return n.isPlaceholder&&i&&i.current?f.createElement("div",C({style:{width:i.current.width,height:i.current.height},className:"k-taskboard-drag-placeholder"},((i={})[D.TASKBOARD_PLACEHOLDER]=!0,i))):f.createElement(e.cardComponent,{task:n,style:r,tabIndex:e.tabIndex,disabled:e.disabled,elementRef:s,showMenu:l,showDeleteConfirm:c,showTaskPreviewPane:m,menuItems:p,popupRef:g,confirmDialogMessage:d.toLanguageString(b.taskBoardDeleteTaskDialogMessage,b.messages[b.taskBoardDeleteTaskDialogMessage]),confirmDialogTitle:d.toLanguageString(b.taskBoardDeleteTaskDialogTitle,b.messages[b.taskBoardDeleteTaskDialogTitle]),confirmDialogConfirmButton:d.toLanguageString(b.taskBoardDeleteTaskConfirmButton,b.messages[b.taskBoardDeleteTaskConfirmButton]),confirmDialogCancelButton:d.toLanguageString(b.taskBoardDeleteTaskCancelButton,b.messages[b.taskBoardDeleteTaskCancelButton]),previewDialogPriorityLabel:d.toLanguageString(b.taskBoardPreviewPanePriorityLabel,b.messages[b.taskBoardPreviewPanePriorityLabel]),previewDialogDelete:d.toLanguageString(b.taskBoardPreviewPaneDeleteBtn,b.messages[b.taskBoardPreviewPaneDeleteBtn]),previewDialogEdit:d.toLanguageString(b.taskBoardPreviewPaneEditBtn,b.messages[b.taskBoardPreviewPaneEditBtn]),onShowPreviewPane:t,onMenuItemSelect:function(e){e.item.data()},onShowMenu:function(){u(!0)},onHideMenu:function(){u(!1)},onMenuButtonBlur:function(e){var t=g.current&&g.current.element;t&&t.contains(e.relatedTarget)||u(!1)},onTaskDelete:a,onTaskEdit:function(){o(n),t()},onCloseConfirmDialog:function(){k(!c)},card:T.Card,cardHeader:v.TaskBoardCardHeader,cardBody:y.TaskBoardCardBody,confirmDialog:P.TaskBoardConfirmDialog,previewDialog:h.TaskBoardPreviewDialog})},t.TaskBoardCardBase.propTypes={task:o.object.isRequired},t.TaskBoardCardBase.defaultProps={},t.TaskBoardCardBase.displayName="KendoReactTaskBoardCardBase"},function(e,t,a){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var o=a(0),n=a(4),r=a(9),i=a(29);t.TaskBoardCardHeader=function(e){var t=o.useRef();return o.createElement(r.CardHeader,{className:"k-hbox"},o.createElement("span",{className:"k-card-title k-link",onClick:e.onShowPreviewPane},e.title),o.createElement("span",{className:"k-spacer"}),o.createElement("div",{className:"k-card-header-actions"},o.createElement(n.Button,{fillMode:"flat",icon:"more-vertical",ref:t,onClick:e.showMenu?e.onHideMenu:e.onShowMenu,onBlur:e.onMenuButtonBlur}),o.createElement(i.Popup,{anchor:t.current&&t.current.element,show:e.showMenu,ref:e.popupRef},o.createElement(r.Menu,{vertical:!0,onSelect:e.onMenuItemSelect,items:e.menuItems,className:"k-context-menu"}))))},t.TaskBoardCardHeader.displayName="KendoReactTaskBoardCardHeader"},function(e,t,a){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var o=a(0),n=a(9);t.TaskBoardCardBody=function(e){return o.createElement(n.CardBody,null,e.children)},t.TaskBoardCardBody.displayName="KendoReactTaskBoardCardBody"},function(e,t,a){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var o=a(0),n=a(4);t.TaskBoardPreviewDialog=function(e){return o.createElement("div",{className:"k-taskboard-pane k-taskboard-preview-pane"},o.createElement("div",{className:"k-taskboard-pane-header"},o.createElement("div",{className:"k-taskboard-pane-header-text"},e.title),o.createElement("span",{className:"k-spacer"}),o.createElement("div",{className:"k-taskboard-pane-header-actions"},o.createElement(n.Button,{icon:"close",fillMode:"flat",onClick:e.onShowTaskPreviewPane}))),o.createElement("div",{className:"k-taskboard-pane-content"},o.createElement("p",null,e.description),o.createElement("p",null,e.priorityLabel," ",o.createElement("span",{style:{backgroundColor:e.priority.color}}," ")," ",e.priority.priority)),o.createElement("div",{className:"k-taskboard-pane-actions k-actions k-hstack k-justify-content-end"},o.createElement(n.Button,{onClick:e.onDeleteTask},e.delete),o.createElement(n.Button,{themeColor:"primary",onClick:e.onTaskEdit},e.edit)))},t.TaskBoardPreviewDialog.displayName="KendoReactTaskBoardPreviewDialog"},function(e,t,a){"use strict";var o=this&&this.__assign||function(){return(o=Object.assign||function(e){for(var t,a=1,o=arguments.length;a<o;a++)for(var n in t=arguments[a])Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n]);return e}).apply(this,arguments)},n=(Object.defineProperty(t,"__esModule",{value:!0}),a(0)),r=a(1);t.findIndexes=function(e,t,a){for(var o=-1,n=-1,r=0;r<a.length;r++){var i=String(a[r].id);if(i===e&&(n=r),-1!==(o=i===t?r:o)&&-1!==n)return{dragIndex:n,dropIndex:o}}return null},t.closestTaskBoardElement=function(e){for(;e;){if(!e.getAttribute)return null;var t=e.getAttribute(r.TASKBOARD_ITEM_ID);if(t)return{id:t,type:e.getAttribute(r.TASKBOARD_ITEM_TYPE)||"",element:e};e=e.parentNode}return null},t.itemRender=function(e,t){t=t.dataItem.color,t=n.createElement(n.Fragment,null,n.createElement("span",{style:{backgroundColor:t}}," "),e.props.children);return n.cloneElement(e,e.props,t)},t.valueRender=function(e,t){if(!t)return e;t=n.createElement(n.Fragment,null,n.createElement("span",{style:{backgroundColor:t.color}}," "),n.createElement("span",null,"  ",e.props.children));return n.cloneElement(e,o({},e.props),t)}},function(e,t,a){"use strict";var o=this&&this.__assign||function(){return(o=Object.assign||function(e){for(var t,a=1,o=arguments.length;a<o;a++)for(var n in t=arguments[a])Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n]);return e}).apply(this,arguments)},n=(Object.defineProperty(t,"__esModule",{value:!0}),a(0)),r=a(3),i=a(1);t.TaskBoardCard=function(e){var t;return n.createElement(n.Fragment,null,n.createElement(e.card,o({key:String(e.task.id),ref:e.elementRef,style:e.style,className:r.classNames("k-taskboard-card k-cursor-move k-taskboard-card-category",{"k-disabled":e.disabled})},((t={})[i.TASKBOARD_ITEM_TYPE]=i.TASKBOARD_TASK,t[i.TASKBOARD_ITEM_ID]=e.task.id,t.tabIndex=e.tabIndex,t)),n.createElement(e.cardHeader,{showMenu:e.showMenu,menuItems:e.menuItems,popupRef:e.popupRef,title:e.task.title,task:e.task,onShowPreviewPane:e.onShowPreviewPane,onShowMenu:e.onShowMenu,onHideMenu:e.onHideMenu,onMenuButtonBlur:e.onMenuButtonBlur,onMenuItemSelect:e.onMenuItemSelect}),n.createElement(e.cardBody,{task:e.task},e.task.description)),e.showDeleteConfirm&&n.createElement(e.confirmDialog,{onConfirm:e.onTaskDelete,onClose:e.onCloseConfirmDialog,dialogMessage:e.confirmDialogMessage,dialogTitle:e.confirmDialogTitle,dialogConfirmButton:e.confirmDialogConfirmButton,dialogCancelButton:e.confirmDialogCancelButton}),e.showTaskPreviewPane&&n.createElement(e.previewDialog,{title:e.task.title,description:e.task.description,priorityLabel:e.previewDialogPriorityLabel,delete:e.previewDialogDelete,edit:e.previewDialogEdit,onShowTaskPreviewPane:e.onShowPreviewPane,onDeleteTask:e.onTaskDelete,onTaskEdit:e.onTaskEdit,priority:e.task.priority}))},t.TaskBoardCard.displayName="KendoReactTaskBoardCard"},function(e,t,a){"use strict";var o=this&&this.__assign||function(){return(o=Object.assign||function(e){for(var t,a=1,o=arguments.length;a<o;a++)for(var n in t=arguments[a])Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n]);return e}).apply(this,arguments)},n=(Object.defineProperty(t,"__esModule",{value:!0}),a(0)),r=a(3),i=a(1),s=a(22);t.TaskBoardColumn=function(e){var t;return n.createElement(n.Fragment,null,n.createElement("div",o({ref:e.elementRef,style:e.style,className:r.classNames("k-taskboard-column",{"k-taskboard-column-edit":e.column.edit}),tabIndex:e.tabIndex},((t={})[i.TASKBOARD_ITEM_TYPE]=i.TASKBOARD_COLUMN,t[i.TASKBOARD_ITEM_ID]=e.column.id,t)),n.createElement(e.header,{column:e.column,tasks:e.tasks,onTitleChange:e.onTitleChange,onColumnExitEdit:e.onColumnExitEdit,editButtonTitle:e.editButtonTitle,onColumnEnterEdit:e.onColumnEnterEdit,addButtonTitle:e.addButtonTitle,onShowAddCardDialog:e.onShowAddCardDialog,closeButtonTitle:e.closeButtonTitle,onColumnDelete:e.onColumnDelete}),n.createElement(e.body,{column:e.column,tasks:e.tasks,card:e.card,onTaskDelete:e.onTaskDelete,onShowEditCardPane:e.onShowEditCardPane,dragTargetRef:e.dragTargetRef},e.children)),e.showAddCard&&n.createElement(e.addCardDialog,{onClose:e.onCloseDialog,onSave:e.onTaskCreate,priorities:e.priorities,editPane:s.TaskBoardTaskEditPane}),e.showEditCard&&e.editedTask&&n.createElement(e.editCardDialog,{onClose:e.onCloseDialog,onSave:e.onTaskEdit,task:e.editedTask,priorities:e.priorities,editPane:s.TaskBoardTaskEditPane}),e.showColumnConfirmDelete&&n.createElement(e.confirmDialog,{onClose:e.onColumnDelete,onConfirm:e.onColumnConfirmDelete,dialogMessage:e.confirmDialogMessage,dialogTitle:e.confirmDialogTitle,dialogConfirmButton:e.confirmDialogConfirmButton,dialogCancelButton:e.confirmDialogCancelButton}))},t.TaskBoardColumn.displayName="KendoReactTaskBoardColumn"},function(e,t,a){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var o=a(0),n=a(30),r=a(4),i=a(11),s=a(31),d=a(32),l=a(19);t.TaskBoardTaskEditPane=function(e){return o.createElement("div",{className:"k-taskboard-pane k-taskboard-edit-pane"},o.createElement("div",{className:"k-taskboard-pane-header"},o.createElement("div",{className:"k-taskboard-pane-header-text"},e.header),o.createElement("span",{className:"k-spacer"}),o.createElement("div",{className:"k-taskboard-pane-header-actions"},o.createElement(r.Button,{icon:"close",fillMode:"flat",onClick:e.onClose}))),o.createElement("div",{className:"k-taskboard-pane-content"},o.createElement("div",{role:"form","data-role":"form",className:"k-form"},o.createElement(d.FieldWrapper,null,o.createElement(s.Label,{editorId:"title"},e.titleLabel),o.createElement(i.Input,{id:"title",onChange:e.onTitleChange,value:e.title,title:e.titleInputTitle})),o.createElement(d.FieldWrapper,null,o.createElement(s.Label,{editorId:"description"},e.descriptionLabel),o.createElement(i.Input,{id:"description",onChange:e.onDescriptionChange,value:e.description,title:e.descriptionInputTitle})),o.createElement(d.FieldWrapper,null,o.createElement(s.Label,{editorId:"priority"},e.priorityLabel),o.createElement(n.DropDownList,{id:"priority",data:e.priorities,value:e.priority,onChange:e.onPriorityChange,itemRender:l.itemRender,valueRender:l.valueRender,textField:"priority",dataItemKey:"priority",title:e.priorityDropDownTitle})))),o.createElement("div",{className:"k-taskboard-pane-actions k-actions k-hstack k-justify-content-end"},o.createElement(r.Button,{onClick:e.onClose},e.cancelButton),o.createElement(r.Button,{themeColor:"primary",onClick:e.onSave,disabled:!e.title||!e.description},e.saveButton)))},t.TaskBoardTaskEditPane.propTypes={},t.TaskBoardTaskEditPane.defaultProps={},t.TaskBoardTaskEditPane.displayName="KendoReactTaskBoardEditPane"},function(e,t,a){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var o,n=a(24),n=(t.TaskBoard=n.TaskBoard,a(33)),n=(t.TaskBoardToolbar=n.TaskBoardToolbar,a(20)),n=(t.TaskBoardCard=n.TaskBoardCard,a(16)),n=(t.TaskBoardCardHeader=n.TaskBoardCardHeader,a(17)),n=(t.TaskBoardCardBody=n.TaskBoardCardBody,a(21)),n=(t.TaskBoardColumn=n.TaskBoardColumn,a(10)),n=(t.TaskBoardColumnHeader=n.TaskBoardColumnHeader,a(12)),n=(t.TaskBoardColumnBody=n.TaskBoardColumnBody,a(7)),n=(t.TaskBoardConfirmDialog=n.TaskBoardConfirmDialog,a(18)),n=(t.TaskBoardPreviewDialog=n.TaskBoardPreviewDialog,a(14)),n=(t.TaskBoardAddCard=n.TaskBoardAddCard,a(13)),n=(t.TaskBoardEditCard=n.TaskBoardEditCard,a(22)),n=(t.TaskBoardTaskEditPane=n.TaskBoardTaskEditPane,a(8)),r=(t.useTaskEditing=n.useTaskEditing,t);for(o in r)i(o,r[o])},function(e,t,a){"use strict";var A=this&&this.__assign||function(){return(A=Object.assign||function(e){for(var t,a=1,o=arguments.length;a<o;a++)for(var n in t=arguments[a])Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n]);return e}).apply(this,arguments)},w=(Object.defineProperty(t,"__esModule",{value:!0}),a(0)),o=a(2),_=a(25),R=a(26),M=a(3),O=a(27),I=a(15),N=a(1),x=a(19),K=a(20),j=a(21);t.TaskBoard=w.forwardRef(function(t,e){_.validatePackage(R.packageMetadata);var d=t.columnData,a=t.className,o=t.style,n=t.id,l=t.taskData,r=t.onChange,i=w.useRef(null),u=w.useRef(null),e=(w.useImperativeHandle(i,function(){return{props:t}}),w.useImperativeHandle(e,function(){return i.current}),w.Children.toArray(t.children).filter(function(e){return e&&"KendoReactTaskBoardToolbar"===e.type.displayName})),s=w.useRef(null),c=w.useRef(null),k=w.useRef(null),m=w.useState(null),B=m[0],g=m[1],m=w.useState(null),p=m[0],C=m[1],m=w.useState({top:0,left:0}),f=m[0],T=m[1],D=w.useRef(null),E=w.useRef(null),b=w.useMemo(function(){var a={};return(B||l).forEach(function(e){var t=e.status;a[t]||(a[t]=[]),a[t].push(e)}),a},[l,B]),m=w.useCallback(function(e){var t,a,o,n,r,i,s=e.originalEvent.target;s.closest("button,input,.k-link,.k-taskboard-preview-pane")||(t=x.closestTaskBoardElement(s),a=u.current,t&&a&&((i=t.type===N.TASKBOARD_COLUMN)&&!s.closest(".k-taskboard-column-header")||(s=t.element.getBoundingClientRect(),a=a.getBoundingClientRect(),k.current={x:e.clientX-s.left+a.left,y:e.clientY-s.top+a.top},a=i?C:g,o=(i=i?d:l).findIndex(function(e){return String(e.id)===t.id}),n=i[o],-1===o||n.edit||((r=M.clone(n)).isPlaceholder=!0,(i=i.slice())[o]=r,c.current=A({},t,{index:o,item:n,width:s.width,height:s.height}),T({top:e.clientY-k.current.y,left:e.clientX-k.current.x}),a(i)))))},[d,l]),v=w.useCallback(function(e){var t,a,o,n,r,i=c.current,s=D.current&&D.current.element||E.current;i&&s&&(T({top:e.clientY-k.current.y,left:e.clientX-k.current.x}),s.style.visibility="hidden",e=document.elementFromPoint(e.clientX,e.clientY),s.style.visibility="",e&&e.getAttribute(N.TASKBOARD_PLACEHOLDER)||(t=e&&x.closestTaskBoardElement(e))&&(s=void 0,e=t.type===i.type,a=((n=i.type===N.TASKBOARD_COLUMN)?p:B)||[],o=n?C:g,n||e?(s=x.findIndexes(i.id,t.id,a))&&(e=a[s.dragIndex],r=a[s.dropIndex],e=M.clone(e),n||(e.status=r.status),(r=a.slice()).splice(s.dragIndex,1),r.splice(s.dropIndex,0,e),i.index=s.dropIndex,o(r)):(n=a.findIndex(function(e){return String(e.id)===i.id}),e=d.findIndex(function(e){return String(e.id)===t.id}),-1!==n&&-1!==e&&(s=a[n],e=d[e].status,b[e]||(s.status=e,(r=a.slice()).splice(n,1),r.push(s),i.index=r.length-1,o(r))))))},[p,B,d,b]),y=w.useCallback(function(){var e,t,a=c.current;r&&a&&(delete(e=(t=(a.type===N.TASKBOARD_COLUMN?p:B)||[])[a.index]).isPlaceholder,t={data:t,type:a.type,previousItem:a.item,item:e},r.call(void 0,t)),c.current=null,k.current=null,g(null),C(null),T({top:0,left:0})},[p,B,r]),m=(M.useDraggable(s,{onDragStart:m,onDrag:v,onDragEnd:y}),c.current),P=w.useCallback(function(e){e={data:l.concat([e]),type:N.TASKBOARD_TASK,previousItem:null,item:e};r.call(void 0,e)},[r,l]),h=w.useCallback(function(e,t){var a=l.slice(),o=l.indexOf(t),o=(-1!==o&&a.splice(o,1,e),{data:a,type:N.TASKBOARD_TASK,previousItem:t,item:e});r.call(void 0,o)},[r,l]),S=w.useCallback(function(t){var e={data:l.filter(function(e){return e!==t}),type:N.TASKBOARD_TASK,previousItem:t,item:null};r.call(void 0,e)},[r,l]),L=w.useCallback(function(e,t){var a=d.slice(),o=a.indexOf(t),o=(-1!==o&&(e?a.splice(o,1,e):a.splice(o,1)),{data:a,type:N.TASKBOARD_COLUMN,previousItem:t,item:e});r.call(void 0,o)},[r,d]);return w.createElement("div",{id:n,style:o,ref:u,className:M.classNames("k-widget k-taskboard",a)},e,w.createElement("div",{className:"k-taskboard-content",style:m?{userSelect:"none"}:void 0},w.createElement("div",{className:"k-taskboard-columns-container",ref:s},(p||d).map(function(e){return w.createElement(O.TaskBoardColumnBase,{key:e.id,tabIndex:t.tabIndex,column:e,tasks:b[e.status]||[],dragTargetRef:c,onTaskCreate:P,onTaskEdit:h,onTaskDelete:S,onColumnChange:L,columnComponent:t.column||j.TaskBoardColumn,cardComponent:t.card||K.TaskBoardCard,priorities:t.priorities})}))),m&&m.type===N.TASKBOARD_TASK&&w.createElement(I.TaskBoardCardBase,{elementRef:D,style:{position:"absolute",width:m.width,height:m.height,top:f.top,left:f.left,zIndex:10,borderLeftColor:(m.item.priority||m.item).color},task:m.item,dragTargetRef:c,cardComponent:t.card||K.TaskBoardCard,onDeleteTask:M.noop,showEditPane:M.noop}),m&&m.type===N.TASKBOARD_COLUMN&&w.createElement(O.TaskBoardColumnBase,{elementRef:E,style:{position:"absolute",width:m.width,height:m.height,top:f.top,left:f.left,zIndex:10},cardComponent:t.card||K.TaskBoardCard,columnComponent:t.column||j.TaskBoardColumn,column:m.item,tasks:b[m.item.status],priorities:t.priorities,dragTargetRef:c,onTaskDelete:S,onColumnChange:L,onTaskEdit:h,onTaskCreate:P}))}),t.TaskBoard.propTypes={columnData:o.array.isRequired,taskData:o.array.isRequired},t.TaskBoard.defaultProps={columnData:[],taskData:[]},t.TaskBoard.displayName="KendoReactTaskBoard"},function(e,t){e.exports=l},function(e,t,a){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.packageMetadata={name:"@progress/kendo-react-taskboard",productName:"KendoReact",productCodes:["KENDOUIREACT","KENDOUICOMPLETE"],publishDate:1652096506,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"}},function(e,t,a){"use strict";var A=this&&this.__assign||function(){return(A=Object.assign||function(e){for(var t,a=1,o=arguments.length;a<o;a++)for(var n in t=arguments[a])Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n]);return e}).apply(this,arguments)},w=(Object.defineProperty(t,"__esModule",{value:!0}),a(0)),o=a(2),_=a(5),R=a(6),M=a(1),O=a(10),I=a(12),N=a(7),x=a(13),K=a(14),j=a(15);t.TaskBoardColumnBase=function(t){function a(e){d(!0),k(e)}var e,o,n=w.useState(!1),r=n[0],i=n[1],n=w.useState(!1),s=n[0],d=n[1],n=w.useState(!1),l=n[0],u=n[1],n=w.useState(),c=n[0],k=n[1],n=t.dragTargetRef,m=t.column,B=t.onColumnChange,g=t.tasks,p=t.elementRef,C=t.style,f=t.onTaskCreate,T=t.onTaskEdit,D=t.onTaskDelete,E=_.useLocalization(),b=w.useCallback(function(e){e=A({},m,{title:e.value});B.call(void 0,e,m)},[m,B]),v=w.useCallback(function(){var e=A({},m,{edit:!0});B.call(void 0,e,m)},[m,B]),y=w.useCallback(function(){var e=A({},m,{edit:!1});B.call(void 0,e,m)},[m,B]),P=w.useCallback(function(){B.call(void 0,null,m)},[m,B]),h=w.useCallback(function(e){i(!1),f.call(void 0,A({},e,{status:m.status}))},[f,m]),S=w.useCallback(function(e,t){d(!1),T.call(void 0,e,t)},[T]),L=w.useCallback(function(e){D.call(void 0,e)},[D]);return m.isPlaceholder&&n&&n.current?(e=n.current?n.current.width:0,o=n.current?n.current.height:0,w.createElement("div",A({style:{width:e,height:o},className:"k-taskboard-column k-taskboard-drag-placeholder"},((e={})[M.TASKBOARD_PLACEHOLDER]=!0,e)))):w.createElement(t.columnComponent,{column:t.column,tasks:g,priorities:t.priorities,style:Boolean(n)?A({overflow:"visible"},C):C,tabIndex:t.tabIndex,elementRef:p,dragTargetRef:n,onTaskCreate:h,onTaskEdit:S,onTaskDelete:L,card:t.cardComponent,header:O.TaskBoardColumnHeader,body:I.TaskBoardColumnBody,confirmDialog:N.TaskBoardConfirmDialog,editCardDialog:x.TaskBoardEditCard,addCardDialog:K.TaskBoardAddCard,onTitleChange:b,onColumnEnterEdit:v,onColumnExitEdit:y,onColumnConfirmDelete:P,onShowAddCardDialog:function(){i(!0)},onShowEditCardPane:a,onColumnDelete:function(){u(!l)},onCloseDialog:function(){i(!1),d(!1)},showAddCard:r,showEditCard:s,showColumnConfirmDelete:l,editedTask:c,confirmDialogMessage:E.toLanguageString(R.taskBoardDelColumnDialogMsg,R.messages[R.taskBoardDelColumnDialogMsg]),confirmDialogTitle:E.toLanguageString(R.taskBoardDelColumnDialogTitle,R.messages[R.taskBoardDelColumnDialogTitle]),confirmDialogConfirmButton:E.toLanguageString(R.taskBoardDelColumnConfirmBtn,R.messages[R.taskBoardDelColumnConfirmBtn]),confirmDialogCancelButton:E.toLanguageString(R.taskBoardDelColumnCancelBtn,R.messages[R.taskBoardDelColumnCancelBtn]),editButtonTitle:E.toLanguageString(R.taskBoardEditColumnButton,R.messages[R.taskBoardEditColumnButton]),addButtonTitle:E.toLanguageString(R.taskBoardAddCardButton,R.messages[R.taskBoardAddCardButton]),closeButtonTitle:E.toLanguageString(R.taskBoardDeleteColumnButton,R.messages[R.taskBoardDeleteColumnButton])},g&&g.map(function(e){return w.createElement(j.TaskBoardCardBase,{key:e.id,tabIndex:t.tabIndex,task:e,disabled:Boolean(t.column.edit),onDeleteTask:function(){return L(e)},showEditPane:function(){return a(e)},dragTargetRef:t.dragTargetRef,style:{borderLeftColor:e.priority.color},cardComponent:t.cardComponent})}))},t.TaskBoardColumnBase.propTypes={column:o.object.isRequired,taskMap:o.object},t.TaskBoardColumnBase.defaultProps={},t.TaskBoardColumnBase.displayName="KendoReactTaskBoardColumn"},function(e,t){e.exports=u},function(e,t){e.exports=f},function(e,t){e.exports=m},function(e,t){e.exports=g},function(e,t){e.exports=p},function(e,t,a){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var o=a(0),n=a(2),r=a(3);t.TaskBoardToolbar=function(e){var t=e.className,a=e.style,e=e.children;return o.createElement("div",{style:a,className:r.classNames("k-taskboard-header",t)},o.createElement("div",{className:"k-taskboard-toolbar k-toolbar"},e))},t.TaskBoardToolbar.propTypes={children:n.node},t.TaskBoardToolbar.defaultProps={},t.TaskBoardToolbar.displayName="KendoReactTaskBoardToolbar"}],o={},n.m=a,n.c=o,n.d=function(e,t,a){n.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:a})},n.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},n.t=function(t,e){if(1&e&&(t=n(t)),8&e)return t;if(4&e&&"object"==typeof t&&t&&t.__esModule)return t;var a=Object.create(null);if(n.r(a),Object.defineProperty(a,"default",{enumerable:!0,value:t}),2&e&&"string"!=typeof t)for(var o in t)n.d(a,o,function(e){return t[e]}.bind(null,o));return a},n.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return n.d(t,"a",t),t},n.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},n.p="",n(n.s=23)}}});
+System.register("@progress/kendo-react-taskboard",["react","prop-types","@progress/kendo-licensing","@progress/kendo-react-common","@progress/kendo-react-dialogs","@progress/kendo-react-buttons","@progress/kendo-react-intl","@progress/kendo-react-dropdowns","@progress/kendo-react-inputs","@progress/kendo-react-labels","@progress/kendo-react-form","@progress/kendo-react-layout","@progress/kendo-react-popup"],function(i){var r,s,d,l,u,c,k,m,B,p,g,C,f;function t(e){return e.__useDefault?e.default:e}return{setters:[function(e){r=t(e)},function(e){s=t(e)},function(e){d=t(e)},function(e){l=t(e)},function(e){u=t(e)},function(e){c=t(e)},function(e){k=t(e)},function(e){m=t(e)},function(e){B=t(e)},function(e){p=t(e)},function(e){g=t(e)},function(e){C=t(e)},function(e){f=t(e)}],execute:function(){function n(e){if(o[e])return o[e].exports;var t=o[e]={i:e,l:!1,exports:{}};return a[e].call(t.exports,t,t.exports,n),t.l=!0,t.exports}var a,o;a=[function(e,t){e.exports=r},function(e,t,a){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.TASKBOARD_ITEM_TYPE="data-taskboard-type",t.TASKBOARD_ITEM_ID="data-taskboard-id",t.TASKBOARD_PLACEHOLDER="data-taskboard-placeholder",t.TASKBOARD_COLUMN="column",t.TASKBOARD_TASK="task"},function(e,t){e.exports=s},function(e,t){e.exports=l},function(e,t){e.exports=c},function(e,t){e.exports=k},function(e,t,a){"use strict";var o;Object.defineProperty(t,"__esModule",{value:!0}),t.taskBoardAddColumnButton="taskBoard.toolbarAddColumnButton",t.taskBoardSearchField="taskBoard.toolbarSearchField",t.taskBoardEditColumnButton="taskBoard.editColumnButton",t.taskBoardAddCardButton="taskBoard.addCardButton",t.taskBoardDeleteColumnButton="taskBoard.deleteColumnButton",t.taskBoardEditCardButton="taskBoard.editCardButton",t.taskBoardDeleteCardButton="taskBoard.deleteCardButton",t.taskBoardDeleteTaskDialogMessage="taskBoard.deleteTaskDialogMessage",t.taskBoardDeleteTaskDialogTitle="taskBoard.deleteTaskDialogTitle",t.taskBoardDeleteTaskConfirmButton="taskBoard.deleteTaskConfirmButton",t.taskBoardDeleteTaskCancelButton="taskBoard.deleteTaskCancelButton",t.taskBoardAddCardPaneTitle="taskBoard.addCardTitle",t.taskBoardAddCardTitleLabel="taskBoard.addCardTitleLabel",t.taskBoardAddCardDescriptionLabel="taskBoard.addCardDescriptionLabel",t.taskBoardAddCardPriorityLabel="taskBoard.addCardPriorityLabel",t.taskBoardAddCardCreateButton="taskBoard.addCardCreateButton",t.taskBoardDelColumnDialogMsg="taskBoard.deleteColumnDialogMessage",t.taskBoardDelColumnDialogTitle="taskBoard.deleteColumnDialogTitle",t.taskBoardDelColumnConfirmBtn="taskBoard.deleteColumnConfirmButton",t.taskBoardDelColumnCancelBtn="taskBoard.deleteColumnCancelButton",t.taskBoardEditCardPaneTitle="taskBoard.editCardPaneTitle",t.taskBoardEditCardPaneSaveBtn="taskBoard.editCardPaneSaveButton",t.taskBoardEditPaneTitleLabel="taskBoard.editPaneTitleLabel",t.taskBoardEditPaneDescriptionLabel="taskBoard.editPaneDescriptionLabel",t.taskBoardEditPanePriorityLabel="taskBoard.editPanePriorityLabel",t.taskBoardEditPaneCancelBtn="taskBoard.editPaneCancelButton",t.taskBoardPreviewPanePriorityLabel="taskBoard.previewPanePriorityLabel",t.taskBoardPreviewPaneDeleteBtn="taskBoard.previewPaneDeleteButton",t.taskBoardPreviewPaneEditBtn="taskBoard.previewPaneEditButton",t.messages=((o={})[t.taskBoardAddColumnButton]="Add column",o[t.taskBoardSearchField]="Search",o[t.taskBoardEditColumnButton]="Edit column",o[t.taskBoardAddCardButton]="Add card",o[t.taskBoardDeleteColumnButton]="Delete column",o[t.taskBoardEditCardButton]="Edit card",o[t.taskBoardDeleteCardButton]="Delete card",o[t.taskBoardDeleteTaskDialogMessage]="Are you sure you want to delete this card?",o[t.taskBoardDeleteTaskDialogTitle]="Delete Card",o[t.taskBoardDeleteTaskConfirmButton]="Delete",o[t.taskBoardDeleteTaskCancelButton]="Cancel",o[t.taskBoardDelColumnDialogMsg]="Are you sure you want to delete this column?",o[t.taskBoardDelColumnDialogTitle]="Delete column?",o[t.taskBoardDelColumnConfirmBtn]="Delete",o[t.taskBoardDelColumnCancelBtn]="Cancel",o[t.taskBoardAddCardPaneTitle]="Create new card",o[t.taskBoardAddCardCreateButton]="Create",o[t.taskBoardEditPaneCancelBtn]="Cancel",o[t.taskBoardEditCardPaneTitle]="Edit ",o[t.taskBoardEditCardPaneSaveBtn]="Save changes",o[t.taskBoardEditPaneTitleLabel]="Title:",o[t.taskBoardEditPaneDescriptionLabel]="Description:",o[t.taskBoardEditPanePriorityLabel]="Priority:",o[t.taskBoardAddCardTitleLabel]="Title",o[t.taskBoardAddCardDescriptionLabel]="Description",o[t.taskBoardAddCardPriorityLabel]="Priority",o[t.taskBoardPreviewPanePriorityLabel]="Priority:",o[t.taskBoardPreviewPaneDeleteBtn]="Delete",o[t.taskBoardPreviewPaneEditBtn]="Edit",o)},function(e,t,a){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var i=a(0),o=a(2),s=a(28),d=a(4);t.TaskBoardConfirmDialog=function(e){var t=e.onClose,a=e.onConfirm,o=e.dialogMessage,n=e.dialogTitle,r=e.dialogConfirmButton,e=e.dialogCancelButton;return i.createElement(s.Dialog,{title:n,closeIcon:!1},o,i.createElement(s.DialogActionsBar,{layout:"end"},i.createElement(d.Button,{themeColor:"primary",onClick:a},r),i.createElement(d.Button,{onClick:t},e)))},t.TaskBoardConfirmDialog.propTypes={onClose:o.func.isRequired,onConfirm:o.func.isRequired,dialogMessage:o.string.isRequired,dialogTitle:o.string.isRequired,dialogConfirmButton:o.string.isRequired,dialogCancelButton:o.string.isRequired},t.TaskBoardConfirmDialog.displayName="KendoReactTaskBoardConfirmDialog"},function(e,t,a){"use strict";var k=this&&this.__assign||function(){return(k=Object.assign||function(e){for(var t,a=1,o=arguments.length;a<o;a++)for(var n in t=arguments[a])Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n]);return e}).apply(this,arguments)},m=(Object.defineProperty(t,"__esModule",{value:!0}),a(0));t.useTaskEditing=function(e){var a=e.onSave,o=e.task,e=e.priorities,t=m.useState(o?o.title:""),n=t[0],r=t[1],t=m.useState(o?o.description:""),i=t[0],s=t[1],t=m.useState(o?o.priority:e[0]),d=t[0],l=t[1],e=m.useCallback(function(e){r(e.value)},[]),t=m.useCallback(function(e){s(e.value)},[]),u=m.useCallback(function(e){l(e.target.value)},[]),c=m.useCallback(function(e){var t=k({id:void 0,status:""},o||{},{title:n,description:i,priority:d});a.call(void 0,t,o)},[a,o,n,i,d]);return{onTitleChange:e,title:n,onDescriptionChange:t,description:i,onPriorityChange:u,priority:d,onSave:c}}},function(e,t){e.exports=C},function(e,t,a){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var o=a(0),n=a(4),r=a(11),i=a(3);t.TaskBoardColumnHeader=function(e){var t=e.column,a=t.edit,t=t.title;return o.createElement("div",{className:"k-taskboard-column-header"},o.createElement("div",{className:"k-taskboard-column-header-text k-text-ellipsis"},a?o.createElement(r.Input,{value:t,onChange:e.onTitleChange,onBlur:e.onColumnExitEdit,autoFocus:!0}):t),o.createElement("span",{className:"k-spacer"}),o.createElement("div",{className:i.classNames("k-taskboard-column-header-actions",{"k-disabled":a})},o.createElement(n.Button,{fillMode:"flat",icon:"edit",title:e.editButtonTitle,onClick:e.onColumnEnterEdit}),o.createElement(n.Button,{fillMode:"flat",icon:"add",title:e.addButtonTitle,onClick:e.onShowAddCardDialog}),o.createElement(n.Button,{fillMode:"flat",icon:"close",title:e.closeButtonTitle,onClick:e.onColumnDelete})))},t.TaskBoardColumnHeader.displayName="KendoReactTaskBoardColumnHeader"},function(e,t){e.exports=B},function(e,t,a){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var o=a(0);t.TaskBoardColumnBody=function(e){return o.createElement("div",{className:"k-taskboard-column-cards-container"},o.createElement("div",{className:"k-taskboard-column-cards"},e.children))},t.TaskBoardColumnBody.displayName="KendoReactTaskBoardColumnBody"},function(e,t,a){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var l=a(0),u=a(5),c=a(6),k=a(8);t.TaskBoardEditCard=function(e){var t=k.useTaskEditing(e),a=t.onTitleChange,o=t.title,n=t.onDescriptionChange,r=t.description,i=t.onPriorityChange,s=t.priority,t=t.onSave,d=u.useLocalization();return l.createElement(e.editPane,{header:d.toLanguageString(c.taskBoardEditCardPaneTitle,c.messages[c.taskBoardEditCardPaneTitle])+e.task.title,titleInputTitle:d.toLanguageString(c.taskBoardAddCardTitleLabel,c.messages[c.taskBoardAddCardTitleLabel]),descriptionInputTitle:d.toLanguageString(c.taskBoardAddCardDescriptionLabel,c.messages[c.taskBoardAddCardDescriptionLabel]),priorityDropDownTitle:d.toLanguageString(c.taskBoardAddCardPriorityLabel,c.messages[c.taskBoardAddCardPriorityLabel]),task:e.task,saveButton:d.toLanguageString(c.taskBoardEditCardPaneSaveBtn,c.messages[c.taskBoardEditCardPaneSaveBtn]),cancelButton:d.toLanguageString(c.taskBoardEditPaneCancelBtn,c.messages[c.taskBoardEditPaneCancelBtn]),priorities:e.priorities,titleLabel:d.toLanguageString(c.taskBoardEditPaneTitleLabel,c.messages[c.taskBoardEditPaneTitleLabel]),descriptionLabel:d.toLanguageString(c.taskBoardEditPaneDescriptionLabel,c.messages[c.taskBoardEditPaneDescriptionLabel]),priorityLabel:d.toLanguageString(c.taskBoardEditPanePriorityLabel,c.messages[c.taskBoardEditPanePriorityLabel]),onSave:t,onClose:e.onClose,onTitleChange:a,title:o,onDescriptionChange:n,description:r,onPriorityChange:i,priority:s})},t.TaskBoardEditCard.propTypes={},t.TaskBoardEditCard.defaultProps={},t.TaskBoardEditCard.displayName="KendoReactTaskBoardEditCard"},function(e,t,a){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var l=a(0),u=a(5),c=a(6),k=a(8);t.TaskBoardAddCard=function(e){var t=k.useTaskEditing(e),a=t.onTitleChange,o=t.title,n=t.onDescriptionChange,r=t.description,i=t.onPriorityChange,s=t.priority,t=t.onSave,d=u.useLocalization();return l.createElement(e.editPane,{header:d.toLanguageString(c.taskBoardAddCardPaneTitle,c.messages[c.taskBoardAddCardPaneTitle]),titleInputTitle:d.toLanguageString(c.taskBoardAddCardTitleLabel,c.messages[c.taskBoardAddCardTitleLabel]),descriptionInputTitle:d.toLanguageString(c.taskBoardAddCardDescriptionLabel,c.messages[c.taskBoardAddCardDescriptionLabel]),priorityDropDownTitle:d.toLanguageString(c.taskBoardAddCardPriorityLabel,c.messages[c.taskBoardAddCardPriorityLabel]),titleLabel:d.toLanguageString(c.taskBoardEditPaneTitleLabel,c.messages[c.taskBoardEditPaneTitleLabel]),descriptionLabel:d.toLanguageString(c.taskBoardEditPaneDescriptionLabel,c.messages[c.taskBoardEditPaneDescriptionLabel]),priorityLabel:d.toLanguageString(c.taskBoardEditPanePriorityLabel,c.messages[c.taskBoardEditPanePriorityLabel]),saveButton:d.toLanguageString(c.taskBoardAddCardCreateButton,c.messages[c.taskBoardAddCardCreateButton]),cancelButton:d.toLanguageString(c.taskBoardEditPaneCancelBtn,c.messages[c.taskBoardEditPaneCancelBtn]),priorities:e.priorities,onSave:t,onClose:e.onClose,onTitleChange:a,title:o,onDescriptionChange:n,description:r,onPriorityChange:i,priority:s})},t.TaskBoardAddCard.propTypes={},t.TaskBoardAddCard.defaultProps={},t.TaskBoardAddCard.displayName="KendoReactTaskBoardAddCard"},function(e,t,a){"use strict";var C=this&&this.__assign||function(){return(C=Object.assign||function(e){for(var t,a=1,o=arguments.length;a<o;a++)for(var n in t=arguments[a])Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n]);return e}).apply(this,arguments)},f=(Object.defineProperty(t,"__esModule",{value:!0}),a(0)),o=a(2),T=a(9),D=a(1),E=a(5),b=a(6),v=a(16),y=a(17),P=a(7),h=a(18);t.TaskBoardCardBase=function(e){function t(){B(!0)}var a=e.onDeleteTask,o=e.showEditPane,n=e.task,r=e.style,i=e.dragTargetRef,s=e.elementRef,d=f.useState(!1),l=d[0],u=d[1],d=f.useState(!1),c=d[0],k=d[1],d=f.useState(!1),m=d[0],B=d[1],p=f.useRef(null),d=E.useLocalization(),g=[{text:d.toLanguageString(b.taskBoardEditCardButton,b.messages[b.taskBoardEditCardButton]),icon:"edit",data:function(){o(n),u(!l)}},{text:d.toLanguageString(b.taskBoardDeleteCardButton,b.messages[b.taskBoardDeleteCardButton]),icon:"delete",data:function(){k(!c),u(!l)}}];return n.isPlaceholder&&i&&i.current?f.createElement("div",C({style:{width:i.current.width,height:i.current.height},className:"k-taskboard-drag-placeholder"},((i={})[D.TASKBOARD_PLACEHOLDER]=!0,i))):f.createElement(e.cardComponent,{task:n,style:r,tabIndex:e.tabIndex,disabled:e.disabled,elementRef:s,showMenu:l,showDeleteConfirm:c,showTaskPreviewPane:m,menuItems:g,popupRef:p,confirmDialogMessage:d.toLanguageString(b.taskBoardDeleteTaskDialogMessage,b.messages[b.taskBoardDeleteTaskDialogMessage]),confirmDialogTitle:d.toLanguageString(b.taskBoardDeleteTaskDialogTitle,b.messages[b.taskBoardDeleteTaskDialogTitle]),confirmDialogConfirmButton:d.toLanguageString(b.taskBoardDeleteTaskConfirmButton,b.messages[b.taskBoardDeleteTaskConfirmButton]),confirmDialogCancelButton:d.toLanguageString(b.taskBoardDeleteTaskCancelButton,b.messages[b.taskBoardDeleteTaskCancelButton]),previewDialogPriorityLabel:d.toLanguageString(b.taskBoardPreviewPanePriorityLabel,b.messages[b.taskBoardPreviewPanePriorityLabel]),previewDialogDelete:d.toLanguageString(b.taskBoardPreviewPaneDeleteBtn,b.messages[b.taskBoardPreviewPaneDeleteBtn]),previewDialogEdit:d.toLanguageString(b.taskBoardPreviewPaneEditBtn,b.messages[b.taskBoardPreviewPaneEditBtn]),onShowPreviewPane:t,onClosePreviewPane:function(){B(!1)},onMenuItemSelect:function(e){e.item.data()},onShowMenu:function(){u(!0)},onHideMenu:function(){u(!1)},onMenuButtonBlur:function(e){var t=p.current&&p.current.element;t&&t.contains(e.relatedTarget)||u(!1)},onTaskDelete:a,onTaskEdit:function(){o(n),t()},onCloseConfirmDialog:function(){k(!c)},card:T.Card,cardHeader:v.TaskBoardCardHeader,cardBody:y.TaskBoardCardBody,confirmDialog:P.TaskBoardConfirmDialog,previewDialog:h.TaskBoardPreviewDialog})},t.TaskBoardCardBase.propTypes={task:o.object.isRequired},t.TaskBoardCardBase.defaultProps={},t.TaskBoardCardBase.displayName="KendoReactTaskBoardCardBase"},function(e,t,a){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var o=a(0),n=a(4),r=a(9),i=a(29);t.TaskBoardCardHeader=function(e){var t=o.useRef();return o.createElement(r.CardHeader,{className:"k-hbox"},o.createElement("span",{className:"k-card-title k-link",onClick:e.onShowPreviewPane},e.title),o.createElement("span",{className:"k-spacer"}),o.createElement("div",{className:"k-card-header-actions"},o.createElement(n.Button,{fillMode:"flat",icon:"more-vertical",ref:t,onClick:e.showMenu?e.onHideMenu:e.onShowMenu,onBlur:e.onMenuButtonBlur}),o.createElement(i.Popup,{anchor:t.current&&t.current.element,show:e.showMenu,ref:e.popupRef},o.createElement(r.Menu,{vertical:!0,onSelect:e.onMenuItemSelect,items:e.menuItems,className:"k-context-menu"}))))},t.TaskBoardCardHeader.displayName="KendoReactTaskBoardCardHeader"},function(e,t,a){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var o=a(0),n=a(9);t.TaskBoardCardBody=function(e){return o.createElement(n.CardBody,null,e.children)},t.TaskBoardCardBody.displayName="KendoReactTaskBoardCardBody"},function(e,t,a){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var o=a(0),n=a(4);t.TaskBoardPreviewDialog=function(e){return o.createElement("div",{className:"k-taskboard-pane k-taskboard-preview-pane"},o.createElement("div",{className:"k-taskboard-pane-header"},o.createElement("div",{className:"k-taskboard-pane-header-text"},e.title),o.createElement("span",{className:"k-spacer"}),o.createElement("div",{className:"k-taskboard-pane-header-actions"},o.createElement(n.Button,{icon:"close",fillMode:"flat",onClick:e.onClosePreviewPane}))),o.createElement("div",{className:"k-taskboard-pane-content"},o.createElement("p",null,e.description),o.createElement("p",null,e.priorityLabel," ",o.createElement("span",{style:{backgroundColor:e.priority.color}}," ")," ",e.priority.priority)),o.createElement("div",{className:"k-taskboard-pane-actions k-actions k-hstack k-justify-content-end"},o.createElement(n.Button,{onClick:e.onTaskDelete},e.delete),o.createElement(n.Button,{themeColor:"primary",onClick:e.onTaskEdit},e.edit)))},t.TaskBoardPreviewDialog.displayName="KendoReactTaskBoardPreviewDialog"},function(e,t,a){"use strict";var o=this&&this.__assign||function(){return(o=Object.assign||function(e){for(var t,a=1,o=arguments.length;a<o;a++)for(var n in t=arguments[a])Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n]);return e}).apply(this,arguments)},n=(Object.defineProperty(t,"__esModule",{value:!0}),a(0)),r=a(1);t.findIndexes=function(e,t,a){for(var o=-1,n=-1,r=0;r<a.length;r++){var i=String(a[r].id);if(i===e&&(n=r),-1!==(o=i===t?r:o)&&-1!==n)return{dragIndex:n,dropIndex:o}}return null},t.closestTaskBoardElement=function(e){for(;e;){if(!e.getAttribute)return null;var t=e.getAttribute(r.TASKBOARD_ITEM_ID);if(t)return{id:t,type:e.getAttribute(r.TASKBOARD_ITEM_TYPE)||"",element:e};e=e.parentNode}return null},t.itemRender=function(e,t){t=t.dataItem.color,t=n.createElement(n.Fragment,null,n.createElement("span",{style:{backgroundColor:t}}," "),e.props.children);return n.cloneElement(e,e.props,t)},t.valueRender=function(e,t){if(!t)return e;t=n.createElement(n.Fragment,null,n.createElement("span",{style:{backgroundColor:t.color}}," "),n.createElement("span",null,"  ",e.props.children));return n.cloneElement(e,o({},e.props),t)}},function(e,t,a){"use strict";var o=this&&this.__assign||function(){return(o=Object.assign||function(e){for(var t,a=1,o=arguments.length;a<o;a++)for(var n in t=arguments[a])Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n]);return e}).apply(this,arguments)},n=(Object.defineProperty(t,"__esModule",{value:!0}),a(0)),r=a(3),i=a(1);t.TaskBoardCard=function(e){var t;return n.createElement(n.Fragment,null,n.createElement(e.card,o({key:String(e.task.id),ref:e.elementRef,style:e.style,className:r.classNames("k-taskboard-card k-cursor-move k-taskboard-card-category",{"k-disabled":e.disabled})},((t={})[i.TASKBOARD_ITEM_TYPE]=i.TASKBOARD_TASK,t[i.TASKBOARD_ITEM_ID]=e.task.id,t.tabIndex=e.tabIndex,t)),n.createElement(e.cardHeader,{showMenu:e.showMenu,menuItems:e.menuItems,popupRef:e.popupRef,title:e.task.title,task:e.task,onShowPreviewPane:e.onShowPreviewPane,onShowMenu:e.onShowMenu,onHideMenu:e.onHideMenu,onMenuButtonBlur:e.onMenuButtonBlur,onMenuItemSelect:e.onMenuItemSelect}),n.createElement(e.cardBody,{task:e.task},e.task.description)),e.showDeleteConfirm&&n.createElement(e.confirmDialog,{onConfirm:e.onTaskDelete,onClose:e.onCloseConfirmDialog,dialogMessage:e.confirmDialogMessage,dialogTitle:e.confirmDialogTitle,dialogConfirmButton:e.confirmDialogConfirmButton,dialogCancelButton:e.confirmDialogCancelButton}),e.showTaskPreviewPane&&n.createElement(e.previewDialog,{title:e.task.title,description:e.task.description,priorityLabel:e.previewDialogPriorityLabel,delete:e.previewDialogDelete,edit:e.previewDialogEdit,onClosePreviewPane:e.onClosePreviewPane,onTaskDelete:e.onTaskDelete,onTaskEdit:e.onTaskEdit,priority:e.task.priority}))},t.TaskBoardCard.displayName="KendoReactTaskBoardCard"},function(e,t,a){"use strict";var o=this&&this.__assign||function(){return(o=Object.assign||function(e){for(var t,a=1,o=arguments.length;a<o;a++)for(var n in t=arguments[a])Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n]);return e}).apply(this,arguments)},n=(Object.defineProperty(t,"__esModule",{value:!0}),a(0)),r=a(3),i=a(1),s=a(22);t.TaskBoardColumn=function(e){var t;return n.createElement(n.Fragment,null,n.createElement("div",o({ref:e.elementRef,style:e.style,className:r.classNames("k-taskboard-column",{"k-taskboard-column-edit":e.column.edit}),tabIndex:e.tabIndex},((t={})[i.TASKBOARD_ITEM_TYPE]=i.TASKBOARD_COLUMN,t[i.TASKBOARD_ITEM_ID]=e.column.id,t)),n.createElement(e.header,{column:e.column,tasks:e.tasks,onTitleChange:e.onTitleChange,onColumnExitEdit:e.onColumnExitEdit,editButtonTitle:e.editButtonTitle,onColumnEnterEdit:e.onColumnEnterEdit,addButtonTitle:e.addButtonTitle,onShowAddCardDialog:e.onShowAddCardDialog,closeButtonTitle:e.closeButtonTitle,onColumnDelete:e.onColumnDelete}),n.createElement(e.body,null,e.children)),e.showAddCard&&n.createElement(e.addCardDialog,{onClose:e.onCloseDialog,onSave:e.onTaskCreate,priorities:e.priorities,editPane:s.TaskBoardTaskEditPane}),e.showEditCard&&e.editedTask&&n.createElement(e.editCardDialog,{onClose:e.onCloseDialog,onSave:e.onTaskEdit,task:e.editedTask,priorities:e.priorities,editPane:s.TaskBoardTaskEditPane}),e.showColumnConfirmDelete&&n.createElement(e.confirmDialog,{onClose:e.onColumnDelete,onConfirm:e.onColumnConfirmDelete,dialogMessage:e.confirmDialogMessage,dialogTitle:e.confirmDialogTitle,dialogConfirmButton:e.confirmDialogConfirmButton,dialogCancelButton:e.confirmDialogCancelButton}))},t.TaskBoardColumn.displayName="KendoReactTaskBoardColumn"},function(e,t,a){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var o=a(0),n=a(30),r=a(4),i=a(11),s=a(31),d=a(32),l=a(19);t.TaskBoardTaskEditPane=function(e){return o.createElement("div",{className:"k-taskboard-pane k-taskboard-edit-pane"},o.createElement("div",{className:"k-taskboard-pane-header"},o.createElement("div",{className:"k-taskboard-pane-header-text"},e.header),o.createElement("span",{className:"k-spacer"}),o.createElement("div",{className:"k-taskboard-pane-header-actions"},o.createElement(r.Button,{icon:"close",fillMode:"flat",onClick:e.onClose}))),o.createElement("div",{className:"k-taskboard-pane-content"},o.createElement("div",{role:"form","data-role":"form",className:"k-form"},o.createElement(d.FieldWrapper,null,o.createElement(s.Label,{editorId:"title"},e.titleLabel),o.createElement(i.Input,{id:"title",onChange:e.onTitleChange,value:e.title,title:e.titleInputTitle})),o.createElement(d.FieldWrapper,null,o.createElement(s.Label,{editorId:"description"},e.descriptionLabel),o.createElement(i.Input,{id:"description",onChange:e.onDescriptionChange,value:e.description,title:e.descriptionInputTitle})),o.createElement(d.FieldWrapper,null,o.createElement(s.Label,{editorId:"priority"},e.priorityLabel),o.createElement(n.DropDownList,{id:"priority",data:e.priorities,value:e.priority,onChange:e.onPriorityChange,itemRender:l.itemRender,valueRender:l.valueRender,textField:"priority",dataItemKey:"priority",title:e.priorityDropDownTitle})))),o.createElement("div",{className:"k-taskboard-pane-actions k-actions k-hstack k-justify-content-end"},o.createElement(r.Button,{onClick:e.onClose},e.cancelButton),o.createElement(r.Button,{themeColor:"primary",onClick:e.onSave,disabled:!e.title||!e.description},e.saveButton)))},t.TaskBoardTaskEditPane.propTypes={},t.TaskBoardTaskEditPane.defaultProps={},t.TaskBoardTaskEditPane.displayName="KendoReactTaskBoardEditPane"},function(e,t,a){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var o,n=a(24),n=(t.TaskBoard=n.TaskBoard,a(33)),n=(t.TaskBoardToolbar=n.TaskBoardToolbar,a(20)),n=(t.TaskBoardCard=n.TaskBoardCard,a(16)),n=(t.TaskBoardCardHeader=n.TaskBoardCardHeader,a(17)),n=(t.TaskBoardCardBody=n.TaskBoardCardBody,a(21)),n=(t.TaskBoardColumn=n.TaskBoardColumn,a(10)),n=(t.TaskBoardColumnHeader=n.TaskBoardColumnHeader,a(12)),n=(t.TaskBoardColumnBody=n.TaskBoardColumnBody,a(7)),n=(t.TaskBoardConfirmDialog=n.TaskBoardConfirmDialog,a(18)),n=(t.TaskBoardPreviewDialog=n.TaskBoardPreviewDialog,a(14)),n=(t.TaskBoardAddCard=n.TaskBoardAddCard,a(13)),n=(t.TaskBoardEditCard=n.TaskBoardEditCard,a(22)),n=(t.TaskBoardTaskEditPane=n.TaskBoardTaskEditPane,a(8)),r=(t.useTaskEditing=n.useTaskEditing,t);for(o in r)i(o,r[o])},function(e,t,a){"use strict";var A=this&&this.__assign||function(){return(A=Object.assign||function(e){for(var t,a=1,o=arguments.length;a<o;a++)for(var n in t=arguments[a])Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n]);return e}).apply(this,arguments)},w=(Object.defineProperty(t,"__esModule",{value:!0}),a(0)),o=a(2),_=a(25),R=a(26),M=a(3),O=a(27),I=a(15),N=a(1),x=a(19),K=a(20),j=a(21);t.TaskBoard=w.forwardRef(function(t,e){_.validatePackage(R.packageMetadata);var d=t.columnData,a=t.className,o=t.style,n=t.id,l=t.taskData,r=t.onChange,i=w.useRef(null),u=w.useRef(null),e=(w.useImperativeHandle(i,function(){return{props:t}}),w.useImperativeHandle(e,function(){return i.current}),w.Children.toArray(t.children).filter(function(e){return e&&"KendoReactTaskBoardToolbar"===e.type.displayName})),s=w.useRef(null),c=w.useRef(null),k=w.useRef(null),m=w.useState(null),B=m[0],p=m[1],m=w.useState(null),g=m[0],C=m[1],m=w.useState({top:0,left:0}),f=m[0],T=m[1],D=w.useRef(null),E=w.useRef(null),b=w.useMemo(function(){var a={};return(B||l).forEach(function(e){var t=e.status;a[t]||(a[t]=[]),a[t].push(e)}),a},[l,B]),m=w.useCallback(function(e){var t,a,o,n,r,i,s=e.originalEvent.target;s.closest("button,input,.k-link,.k-taskboard-preview-pane")||(t=x.closestTaskBoardElement(s),a=u.current,t&&a&&((i=t.type===N.TASKBOARD_COLUMN)&&!s.closest(".k-taskboard-column-header")||(s=t.element.getBoundingClientRect(),a=a.getBoundingClientRect(),k.current={x:e.clientX-s.left+a.left,y:e.clientY-s.top+a.top},a=i?C:p,o=(i=i?d:l).findIndex(function(e){return String(e.id)===t.id}),n=i[o],-1===o||n.edit||((r=M.clone(n)).isPlaceholder=!0,(i=i.slice())[o]=r,c.current=A({},t,{index:o,item:n,width:s.width,height:s.height}),T({top:e.clientY-k.current.y,left:e.clientX-k.current.x}),a(i)))))},[d,l]),v=w.useCallback(function(e){var t,a,o,n,r,i=c.current,s=D.current&&D.current.element||E.current;i&&s&&(T({top:e.clientY-k.current.y,left:e.clientX-k.current.x}),s.style.visibility="hidden",e=document.elementFromPoint(e.clientX,e.clientY),s.style.visibility="",e&&e.getAttribute(N.TASKBOARD_PLACEHOLDER)||(t=e&&x.closestTaskBoardElement(e))&&(s=void 0,e=t.type===i.type,a=((n=i.type===N.TASKBOARD_COLUMN)?g:B)||[],o=n?C:p,n||e?(s=x.findIndexes(i.id,t.id,a))&&(e=a[s.dragIndex],r=a[s.dropIndex],e=M.clone(e),n||(e.status=r.status),(r=a.slice()).splice(s.dragIndex,1),r.splice(s.dropIndex,0,e),i.index=s.dropIndex,o(r)):(n=a.findIndex(function(e){return String(e.id)===i.id}),e=d.findIndex(function(e){return String(e.id)===t.id}),-1!==n&&-1!==e&&(s=a[n],e=d[e].status,b[e]||(s.status=e,(r=a.slice()).splice(n,1),r.push(s),i.index=r.length-1,o(r))))))},[g,B,d,b]),y=w.useCallback(function(){var e,t,a=c.current;r&&a&&(delete(e=(t=(a.type===N.TASKBOARD_COLUMN?g:B)||[])[a.index]).isPlaceholder,t={data:t,type:a.type,previousItem:a.item,item:e},r.call(void 0,t)),c.current=null,k.current=null,p(null),C(null),T({top:0,left:0})},[g,B,r]),m=(M.useDraggable(s,{onDragStart:m,onDrag:v,onDragEnd:y}),c.current),P=w.useCallback(function(e){e={data:l.concat([e]),type:N.TASKBOARD_TASK,previousItem:null,item:e};r.call(void 0,e)},[r,l]),h=w.useCallback(function(e,t){var a=l.slice(),o=l.indexOf(t),o=(-1!==o&&a.splice(o,1,e),{data:a,type:N.TASKBOARD_TASK,previousItem:t,item:e});r.call(void 0,o)},[r,l]),S=w.useCallback(function(t){var e={data:l.filter(function(e){return e!==t}),type:N.TASKBOARD_TASK,previousItem:t,item:null};r.call(void 0,e)},[r,l]),L=w.useCallback(function(e,t){var a=d.slice(),o=a.indexOf(t),o=(-1!==o&&(e?a.splice(o,1,e):a.splice(o,1)),{data:a,type:N.TASKBOARD_COLUMN,previousItem:t,item:e});r.call(void 0,o)},[r,d]);return w.createElement("div",{id:n,style:o,ref:u,className:M.classNames("k-widget k-taskboard",a)},e,w.createElement("div",{className:"k-taskboard-content",style:m?{userSelect:"none"}:void 0},w.createElement("div",{className:"k-taskboard-columns-container",ref:s},(g||d).map(function(e){return w.createElement(O.TaskBoardColumnBase,{key:e.id,tabIndex:t.tabIndex,column:e,tasks:b[e.status]||[],dragTargetRef:c,onTaskCreate:P,onTaskEdit:h,onTaskDelete:S,onColumnChange:L,columnComponent:t.column||j.TaskBoardColumn,cardComponent:t.card||K.TaskBoardCard,priorities:t.priorities})}))),m&&m.type===N.TASKBOARD_TASK&&w.createElement(I.TaskBoardCardBase,{elementRef:D,style:{position:"absolute",width:m.width,height:m.height,top:f.top,left:f.left,zIndex:10,borderLeftColor:(m.item.priority||m.item).color},task:m.item,dragTargetRef:c,cardComponent:t.card||K.TaskBoardCard,onDeleteTask:M.noop,showEditPane:M.noop}),m&&m.type===N.TASKBOARD_COLUMN&&w.createElement(O.TaskBoardColumnBase,{elementRef:E,style:{position:"absolute",width:m.width,height:m.height,top:f.top,left:f.left,zIndex:10},cardComponent:t.card||K.TaskBoardCard,columnComponent:t.column||j.TaskBoardColumn,column:m.item,tasks:b[m.item.status],priorities:t.priorities,dragTargetRef:c,onTaskDelete:S,onColumnChange:L,onTaskEdit:h,onTaskCreate:P}))}),t.TaskBoard.propTypes={columnData:o.array.isRequired,taskData:o.array.isRequired},t.TaskBoard.defaultProps={columnData:[],taskData:[]},t.TaskBoard.displayName="KendoReactTaskBoard"},function(e,t){e.exports=d},function(e,t,a){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.packageMetadata={name:"@progress/kendo-react-taskboard",productName:"KendoReact",productCodes:["KENDOUIREACT","KENDOUICOMPLETE"],publishDate:1652427600,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"}},function(e,t,a){"use strict";var A=this&&this.__assign||function(){return(A=Object.assign||function(e){for(var t,a=1,o=arguments.length;a<o;a++)for(var n in t=arguments[a])Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n]);return e}).apply(this,arguments)},w=(Object.defineProperty(t,"__esModule",{value:!0}),a(0)),o=a(2),_=a(5),R=a(6),M=a(1),O=a(10),I=a(12),N=a(7),x=a(13),K=a(14),j=a(15);t.TaskBoardColumnBase=function(t){function a(e){d(!0),k(e)}var e,o,n=w.useState(!1),r=n[0],i=n[1],n=w.useState(!1),s=n[0],d=n[1],n=w.useState(!1),l=n[0],u=n[1],n=w.useState(),c=n[0],k=n[1],n=t.dragTargetRef,m=t.column,B=t.onColumnChange,p=t.tasks,g=t.elementRef,C=t.style,f=t.onTaskCreate,T=t.onTaskEdit,D=t.onTaskDelete,E=_.useLocalization(),b=w.useCallback(function(e){e=A({},m,{title:e.value});B.call(void 0,e,m)},[m,B]),v=w.useCallback(function(){var e=A({},m,{edit:!0});B.call(void 0,e,m)},[m,B]),y=w.useCallback(function(){var e=A({},m,{edit:!1});B.call(void 0,e,m)},[m,B]),P=w.useCallback(function(){B.call(void 0,null,m)},[m,B]),h=w.useCallback(function(e){i(!1),f.call(void 0,A({},e,{status:m.status}))},[f,m]),S=w.useCallback(function(e,t){d(!1),T.call(void 0,e,t)},[T]),L=w.useCallback(function(e){D.call(void 0,e)},[D]);return m.isPlaceholder&&n&&n.current?(e=n.current?n.current.width:0,o=n.current?n.current.height:0,w.createElement("div",A({style:{width:e,height:o},className:"k-taskboard-column k-taskboard-drag-placeholder"},((e={})[M.TASKBOARD_PLACEHOLDER]=!0,e)))):w.createElement(t.columnComponent,{column:t.column,tasks:p,priorities:t.priorities,style:Boolean(n)?A({overflow:"visible"},C):C,tabIndex:t.tabIndex,elementRef:g,onTaskCreate:h,onTaskEdit:S,onTaskDelete:L,card:t.cardComponent,header:O.TaskBoardColumnHeader,body:I.TaskBoardColumnBody,confirmDialog:N.TaskBoardConfirmDialog,editCardDialog:x.TaskBoardEditCard,addCardDialog:K.TaskBoardAddCard,onTitleChange:b,onColumnEnterEdit:v,onColumnExitEdit:y,onColumnConfirmDelete:P,onShowAddCardDialog:function(){i(!0)},onShowEditCardPane:a,onColumnDelete:function(){u(!l)},onCloseDialog:function(){i(!1),d(!1)},showAddCard:r,showEditCard:s,showColumnConfirmDelete:l,editedTask:c,confirmDialogMessage:E.toLanguageString(R.taskBoardDelColumnDialogMsg,R.messages[R.taskBoardDelColumnDialogMsg]),confirmDialogTitle:E.toLanguageString(R.taskBoardDelColumnDialogTitle,R.messages[R.taskBoardDelColumnDialogTitle]),confirmDialogConfirmButton:E.toLanguageString(R.taskBoardDelColumnConfirmBtn,R.messages[R.taskBoardDelColumnConfirmBtn]),confirmDialogCancelButton:E.toLanguageString(R.taskBoardDelColumnCancelBtn,R.messages[R.taskBoardDelColumnCancelBtn]),editButtonTitle:E.toLanguageString(R.taskBoardEditColumnButton,R.messages[R.taskBoardEditColumnButton]),addButtonTitle:E.toLanguageString(R.taskBoardAddCardButton,R.messages[R.taskBoardAddCardButton]),closeButtonTitle:E.toLanguageString(R.taskBoardDeleteColumnButton,R.messages[R.taskBoardDeleteColumnButton])},p&&p.map(function(e){return w.createElement(j.TaskBoardCardBase,{key:e.id,tabIndex:t.tabIndex,task:e,disabled:Boolean(t.column.edit),onDeleteTask:function(){return L(e)},showEditPane:function(){return a(e)},dragTargetRef:t.dragTargetRef,style:{borderLeftColor:e.priority.color},cardComponent:t.cardComponent})}))},t.TaskBoardColumnBase.propTypes={column:o.object.isRequired,taskMap:o.object},t.TaskBoardColumnBase.defaultProps={},t.TaskBoardColumnBase.displayName="KendoReactTaskBoardColumn"},function(e,t){e.exports=u},function(e,t){e.exports=f},function(e,t){e.exports=m},function(e,t){e.exports=p},function(e,t){e.exports=g},function(e,t,a){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var o=a(0),n=a(2),r=a(3);t.TaskBoardToolbar=function(e){var t=e.className,a=e.style,e=e.children;return o.createElement("div",{style:a,className:r.classNames("k-taskboard-header",t)},o.createElement("div",{className:"k-taskboard-toolbar k-toolbar"},e))},t.TaskBoardToolbar.propTypes={children:n.node},t.TaskBoardToolbar.defaultProps={},t.TaskBoardToolbar.displayName="KendoReactTaskBoardToolbar"}],o={},n.m=a,n.c=o,n.d=function(e,t,a){n.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:a})},n.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},n.t=function(t,e){if(1&e&&(t=n(t)),8&e)return t;if(4&e&&"object"==typeof t&&t&&t.__esModule)return t;var a=Object.create(null);if(n.r(a),Object.defineProperty(a,"default",{enumerable:!0,value:t}),2&e&&"string"!=typeof t)for(var o in t)n.d(a,o,function(e){return t[e]}.bind(null,o));return a},n.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return n.d(t,"a",t),t},n.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},n.p="",n(n.s=23)}}});

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@progress/kendo-react-taskboard",
-  "version": "5.3.0-dev.202205091142",
+  "version": "5.3.1-dev.202205130741",
   "description": "KendoReact TaskBoard package",
   "repository": {
     "type": "git",
@@ -45,23 +45,23 @@
     "react-dom": "^16.8.2 || ^17.0.0 || ^18.0.0"
   },
   "dependencies": {
-    "@progress/kendo-react-common": "5.3.0-dev.202205091142",
+    "@progress/kendo-react-common": "5.3.1-dev.202205130741",
     "prop-types": "^15.6.0"
   },
   "devDependencies": {
     "@progress/kendo-data-query": "^1.0.0",
     "@progress/kendo-drawing": "^1.8.0",
     "@progress/kendo-licensing": "^1.0.1",
-    "@progress/kendo-react-buttons": "5.3.0-dev.202205091142",
-    "@progress/kendo-react-dialogs": "5.3.0-dev.202205091142",
-    "@progress/kendo-react-dropdowns": "5.3.0-dev.202205091142",
-    "@progress/kendo-react-form": "5.3.0-dev.202205091142",
-    "@progress/kendo-react-indicators": "5.3.0-dev.202205091142",
-    "@progress/kendo-react-inputs": "5.3.0-dev.202205091142",
-    "@progress/kendo-react-intl": "5.3.0-dev.202205091142",
-    "@progress/kendo-react-labels": "5.3.0-dev.202205091142",
-    "@progress/kendo-react-layout": "5.3.0-dev.202205091142",
-    "@progress/kendo-react-popup": "5.3.0-dev.202205091142"
+    "@progress/kendo-react-buttons": "5.3.1-dev.202205130741",
+    "@progress/kendo-react-dialogs": "5.3.1-dev.202205130741",
+    "@progress/kendo-react-dropdowns": "5.3.1-dev.202205130741",
+    "@progress/kendo-react-form": "5.3.1-dev.202205130741",
+    "@progress/kendo-react-indicators": "5.3.1-dev.202205130741",
+    "@progress/kendo-react-inputs": "5.3.1-dev.202205130741",
+    "@progress/kendo-react-intl": "5.3.1-dev.202205130741",
+    "@progress/kendo-react-labels": "5.3.1-dev.202205130741",
+    "@progress/kendo-react-layout": "5.3.1-dev.202205130741",
+    "@progress/kendo-react-popup": "5.3.1-dev.202205130741"
   },
   "@progress": {
     "friendlyName": "TaskBoard",