@progress/kendo-react-taskboard 6.1.1 → 7.0.0-develop.10

package/dist/systemjs/kendo-react-taskboard.js

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

package/e2e-next/basic.tests.ts

@@ -1,24 +0,0 @@
-import { Browser } from '@progress/kendo-e2e';
-import { LOCATORS } from '../../../e2eUtils/const';
-
-let browser: Browser;
-
-beforeAll(() => {
-  browser = new Browser();
-});
-
-beforeEach(async () => {
-  await browser.navigateTo('http://localhost:3000/taskboard/overview');
-});
-
-afterEach(async () => {
-  expect(await browser.getErrorLogs()).toEqual([]);
-});
-
-afterAll(async () => {
-  await browser.close();
-});
-
-it('should not have errors', async () => {
-  expect(await browser.isVisible(LOCATORS.TASKBOARD)).toBe(true);
-});