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

package/dist/es/package-metadata.js

@@ -5,7 +5,7 @@ export var packageMetadata = {
     name: '@progress/kendo-react-taskboard',
     productName: 'KendoReact',
     productCodes: ['KENDOUIREACT', 'KENDOUICOMPLETE'],
-    publishDate: 1652096506,
+    publishDate: 1652103330,
     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/npm/package-metadata.js

@@ -7,7 +7,7 @@ exports.packageMetadata = {
     name: '@progress/kendo-react-taskboard',
     productName: 'KendoReact',
     productCodes: ['KENDOUIREACT', 'KENDOUICOMPLETE'],
-    publishDate: 1652096506,
+    publishDate: 1652103330,
     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","@progress/kendo-react-common","prop-types","@progress/kendo-licensing","@progress/kendo-react-intl","@progress/kendo-react-dialogs","@progress/kendo-react-buttons","@progress/kendo-react-dropdowns","@progress/kendo-react-inputs","@progress/kendo-react-labels","@progress/kendo-react-layout","@progress/kendo-react-popup","@progress/kendo-react-form"],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=k},function(e,t){e.exports=u},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=p},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:1652103330,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=c},function(e,t){e.exports=C},function(e,t){e.exports=m},function(e,t){e.exports=g},function(e,t){e.exports=f},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.0-dev.202205091336",
   "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.0-dev.202205091336",
     "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.0-dev.202205091336",
+    "@progress/kendo-react-dialogs": "5.3.0-dev.202205091336",
+    "@progress/kendo-react-dropdowns": "5.3.0-dev.202205091336",
+    "@progress/kendo-react-form": "5.3.0-dev.202205091336",
+    "@progress/kendo-react-indicators": "5.3.0-dev.202205091336",
+    "@progress/kendo-react-inputs": "5.3.0-dev.202205091336",
+    "@progress/kendo-react-intl": "5.3.0-dev.202205091336",
+    "@progress/kendo-react-labels": "5.3.0-dev.202205091336",
+    "@progress/kendo-react-layout": "5.3.0-dev.202205091336",
+    "@progress/kendo-react-popup": "5.3.0-dev.202205091336"
   },
   "@progress": {
     "friendlyName": "TaskBoard",