@progress/kendo-react-taskboard/TaskBoardColumnBase.js

KendoReact TaskBoard package

/**
 * @license
 *-------------------------------------------------------------------------------------------
 * Copyright © 2025 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the package root for more information
 *-------------------------------------------------------------------------------------------
 */
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const p=require("react"),h=require("prop-types"),I=require("@progress/kendo-react-intl"),t=require("./messages/index.js"),N=require("./constants.js"),_=require("./column/ColumnHeader.js"),z=require("./column/ColumnBody.js"),H=require("./TaskBoardConfirmDialog.js"),K=require("./TaskBoardEditCard.js"),V=require("./TaskBoardAddCard.js"),F=require("./TaskBoardCardBase.js");function G(a){const i=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(a){for(const l in a)if(l!=="default"){const c=Object.getOwnPropertyDescriptor(a,l);Object.defineProperty(i,l,c.get?c:{enumerable:!0,get:()=>a[l]})}}return i.default=a,Object.freeze(i)}const n=G(p),g=a=>{const[i,l]=n.useState(!1),[c,C]=n.useState(!1),[k,w]=n.useState(!1),[S,y]=n.useState(),{dragTargetRef:r,column:o,onColumnChange:s,tasks:m,elementRef:v,style:B,onTaskCreate:T,onTaskEdit:f,onTaskDelete:D}=a,d=I.useLocalization(),q=n.useCallback(e=>{const u={...o,title:e.value};s.call(void 0,u,o)},[o,s]),A=n.useCallback(()=>{const e={...o,edit:!0};s.call(void 0,e,o)},[o,s]),L=n.useCallback(()=>{const e={...o,edit:!1};s.call(void 0,e,o)},[o,s]),P=n.useCallback(()=>{s.call(void 0,null,o)},[o,s]),R=()=>{w(!k)},O=()=>{l(!0)},b=e=>{C(!0),y(e)},j=()=>{l(!1),C(!1)},M=n.useCallback(e=>{l(!1),T.call(void 0,{...e,status:o.status})},[T,o]),x=n.useCallback((e,u)=>{C(!1),f.call(void 0,e,u)},[f]),E=n.useCallback(e=>{D.call(void 0,e)},[D]);if(o.isPlaceholder&&r&&r.current){const e=r.current?r.current.width:0,u=r.current?r.current.height:0;return n.createElement("div",{style:{width:e,height:u},className:"k-taskboard-column k-taskboard-drag-placeholder",[N.TASKBOARD_PLACEHOLDER]:!0})}return n.createElement(a.columnComponent,{column:a.column,tasks:m,priorities:a.priorities,style:r?{overflow:"visible",...B}:B,tabIndex:a.tabIndex,elementRef:v,onTaskCreate:M,onTaskEdit:x,onTaskDelete:E,card:a.cardComponent,header:_.TaskBoardColumnHeader,body:z.TaskBoardColumnBody,confirmDialog:H.TaskBoardConfirmDialog,editCardDialog:K.TaskBoardEditCard,addCardDialog:V.TaskBoardAddCard,onTitleChange:q,onColumnEnterEdit:A,onColumnExitEdit:L,onColumnConfirmDelete:P,onShowAddCardDialog:O,onShowEditCardPane:b,onColumnDelete:R,onCloseDialog:j,showAddCard:i,showEditCard:c,showColumnConfirmDelete:k,editedTask:S,confirmDialogMessage:d.toLanguageString(t.taskBoardDelColumnDialogMsg,t.messages[t.taskBoardDelColumnDialogMsg]),confirmDialogTitle:d.toLanguageString(t.taskBoardDelColumnDialogTitle,t.messages[t.taskBoardDelColumnDialogTitle]),confirmDialogConfirmButton:d.toLanguageString(t.taskBoardDelColumnConfirmBtn,t.messages[t.taskBoardDelColumnConfirmBtn]),confirmDialogCancelButton:d.toLanguageString(t.taskBoardDelColumnCancelBtn,t.messages[t.taskBoardDelColumnCancelBtn]),editButtonTitle:d.toLanguageString(t.taskBoardEditColumnButton,t.messages[t.taskBoardEditColumnButton]),addButtonTitle:d.toLanguageString(t.taskBoardAddCardButton,t.messages[t.taskBoardAddCardButton]),closeButtonTitle:d.toLanguageString(t.taskBoardDeleteColumnButton,t.messages[t.taskBoardDeleteColumnButton])},m&&m.map(e=>n.createElement(F.TaskBoardCardBase,{key:e.id,tabIndex:a.tabIndex,task:e,disabled:!!a.column.edit,onDeleteTask:()=>E(e),showEditPane:()=>b(e),dragTargetRef:a.dragTargetRef,style:{borderLeftColor:e.priority.color},cardComponent:a.cardComponent})))};g.propTypes={column:h.object.isRequired,taskMap:h.object};g.displayName="KendoReactTaskBoardColumn";exports.TaskBoardColumnBase=g;