@progress/kendo-react-taskboard/TaskBoardCardBase.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 M=require("react"),R=require("prop-types"),E=require("@progress/kendo-react-layout"),I=require("./constants.js"),O=require("@progress/kendo-react-intl"),e=require("./messages/index.js"),j=require("./card/CardHeader.js"),x=require("./card/CardBody.js"),H=require("./TaskBoardConfirmDialog.js"),V=require("./card/PreviewDialog.js"),P=require("@progress/kendo-svg-icons");function _(t){const s=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const o in t)if(o!=="default"){const n=Object.getOwnPropertyDescriptor(t,o);Object.defineProperty(s,o,n.get?n:{enumerable:!0,get:()=>t[o]})}}return s.default=t,Object.freeze(s)}const r=_(M),k=t=>{const{onDeleteTask:s,showEditPane:o,task:n,style:T,dragTargetRef:l,elementRef:w}=t,[d,i]=r.useState(!1),[c,B]=r.useState(!1),[C,D]=r.useState(!1),u=r.useRef(null),a=O.useLocalization(),p=[{text:a.toLanguageString(e.taskBoardEditCardButton,e.messages[e.taskBoardEditCardButton]),icon:"pencil",svgIcon:P.pencilIcon,data:()=>{o(n),i(!d)}},{text:a.toLanguageString(e.taskBoardDeleteCardButton,e.messages[e.taskBoardDeleteCardButton]),icon:"trash",svgIcon:P.trashIcon,data:()=>{B(!c),i(!d)}}],S=g=>{g.item.data()},v=()=>{i(!0)},b=()=>{i(!1)},h=g=>{const f=u.current&&u.current.element;f&&f.contains(g.relatedTarget)||i(!1)},y=()=>{B(!c)},m=()=>{D(!0)},L=()=>{D(!1)},q=()=>{o(n),m()};return n.isPlaceholder&&l&&l.current?r.createElement("div",{style:{width:l.current.width,height:l.current.height},className:"k-taskboard-drag-placeholder",[I.TASKBOARD_PLACEHOLDER]:!0}):r.createElement(t.cardComponent,{task:n,style:T,tabIndex:t.tabIndex,disabled:t.disabled,elementRef:w,showMenu:d,showDeleteConfirm:c,showTaskPreviewPane:C,menuItems:p,popupRef:u,confirmDialogMessage:a.toLanguageString(e.taskBoardDeleteTaskDialogMessage,e.messages[e.taskBoardDeleteTaskDialogMessage]),confirmDialogTitle:a.toLanguageString(e.taskBoardDeleteTaskDialogTitle,e.messages[e.taskBoardDeleteTaskDialogTitle]),confirmDialogConfirmButton:a.toLanguageString(e.taskBoardDeleteTaskConfirmButton,e.messages[e.taskBoardDeleteTaskConfirmButton]),confirmDialogCancelButton:a.toLanguageString(e.taskBoardDeleteTaskCancelButton,e.messages[e.taskBoardDeleteTaskCancelButton]),previewDialogPriorityLabel:a.toLanguageString(e.taskBoardPreviewPanePriorityLabel,e.messages[e.taskBoardPreviewPanePriorityLabel]),previewDialogDelete:a.toLanguageString(e.taskBoardPreviewPaneDeleteBtn,e.messages[e.taskBoardPreviewPaneDeleteBtn]),previewDialogEdit:a.toLanguageString(e.taskBoardPreviewPaneEditBtn,e.messages[e.taskBoardPreviewPaneEditBtn]),onShowPreviewPane:m,onClosePreviewPane:L,onMenuItemSelect:S,onShowMenu:v,onHideMenu:b,onMenuButtonBlur:h,onTaskDelete:s,onTaskEdit:q,onCloseConfirmDialog:y,card:E.Card,cardHeader:j.TaskBoardCardHeader,cardBody:x.TaskBoardCardBody,confirmDialog:H.TaskBoardConfirmDialog,previewDialog:V.TaskBoardPreviewDialog})};k.propTypes={task:R.object.isRequired};k.displayName="KendoReactTaskBoardCardBase";exports.TaskBoardCardBase=k;