@progress/kendo-react-taskboard 13.3.0 → 13.4.0-develop.1

package/TaskBoard.d.ts

@@ -0,0 +1,218 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import { TaskBoardCardProps } from './card/Card.js';
+import { TaskBoardColumnProps } from './column/Column.js';
+import * as React from 'react';
+/**
+ * Represent the target(props) of the TaskBoardHandle.
+ */
+export interface TaskBoardHandle {
+    /**
+     * The props values of the TackBoard.
+     */
+    props: TaskBoardProps;
+}
+/**
+ * Represents the target of the TaskBoardPriority.
+ */
+export interface TaskBoardPriority {
+    /**
+     * Represents the priority of a TaskBoard.
+     */
+    priority: string;
+    /**
+     * Represents the color of a TaskBoard.
+     */
+    color: string;
+}
+/**
+ * Represent the item model.
+ */
+interface ItemModel {
+    /**
+     * Sets the `id` of an ItemModel.
+     */
+    id: string | number | undefined;
+    /**
+     * Determines the title of an ItemModel.
+     */
+    title: string;
+    /**
+     * Determines the status of an ItemModel.
+     */
+    status: string;
+    /**
+     * Determines of an ItemModel is going to edited.
+     */
+    edit?: boolean;
+    /**
+     * @hidden
+     */
+    isPlaceholder?: boolean;
+}
+/**
+ * Represents the task board column model.
+ */
+export interface TaskBoardColumnModel extends ItemModel {
+    /**
+     * Determined the index of the TaskBoardTaskModel.
+     */
+    index?: number;
+}
+/**
+ * Represents the task board task model.
+ */
+export interface TaskBoardTaskModel extends ItemModel {
+    /**
+     * Determined the description of the TaskBoardTaskModel.
+     */
+    description: string;
+    /**
+     * Determined the priority of the TaskBoardTaskModel.
+     */
+    priority: TaskBoardPriority;
+    /**
+     * Determined the index of the TaskBoardTaskModel.
+     */
+    index?: number;
+}
+/**
+ * Represents the return type of TaskBoardChangeEvent.
+ */
+export interface TaskBoardChangeEvent {
+    /**
+     * Determines the returned data.
+     */
+    data: {}[] | TaskBoardTaskModel[];
+    /**
+     * Determines the returned type.
+     */
+    type: string;
+    /**
+     * Represents the previous item.
+     */
+    previousItem: TaskBoardColumnModel | TaskBoardTaskModel | null;
+    /**
+     * Represents the current item.
+     */
+    item: TaskBoardColumnModel | TaskBoardTaskModel | null;
+}
+/**
+ * Represents the props of the TaskBoard component
+ */
+export interface TaskBoardProps {
+    /**
+     * Specifies the column data from type TaskBoardColumnModel.
+     * Example:
+     * ```jsx
+     * <TaskBoard columnData={[
+     *   { id: 1, title: 'To Do', status: 'todo' },
+     *   { id: 2, title: 'In Progress', status: 'inProgress' }
+     * ]} />
+     * ```
+     */
+    columnData: TaskBoardColumnModel[];
+    /**
+     * Represents the task data from type TaskBoardTaskModel.
+     * Example:
+     * ```jsx
+     * <TaskBoard taskData={[
+     *   { id: 1, title: 'Task 1', status: 'todo', description: 'Description 1', priority: { priority: 'High', color: 'red' } },
+     *   { id: 2, title: 'Task 2', status: 'inProgress', description: 'Description 2', priority: { priority: 'Low', color: 'green' } }
+     * ]} />
+     * ```
+     */
+    taskData: TaskBoardTaskModel[];
+    /**
+     * Specifies the priorities of the task board.
+     * Example:
+     * ```jsx
+     * <TaskBoard priorities={[
+     *   { priority: 'High', color: 'red' },
+     *   { priority: 'Low', color: 'green' }
+     * ]} />
+     * ```
+     */
+    priorities: TaskBoardPriority[];
+    /**
+     * Specifies a list of CSS classes that will be added to the TaskBoard element.
+     * Example:
+     * ```jsx
+     * <TaskBoard className="custom-taskboard" />
+     * ```
+     */
+    className?: string | Array<string>;
+    /**
+     * Specifies the id that will be added to the TaskBoard element.
+     * Example:
+     * ```jsx
+     * <TaskBoard id="taskboard-1" />
+     * ```
+     */
+    id?: string;
+    /**
+     * Specifies the `tabIndex` that will be added to the TaskBoard Column and Card elements.
+     * Example:
+     * ```jsx
+     * <TaskBoard tabIndex={0} />
+     * ```
+     */
+    tabIndex?: number;
+    /**
+     * Represents the styles that are applied to the TaskBoard.
+     * Example:
+     * ```jsx
+     * <TaskBoard style={{ backgroundColor: 'lightgray' }} />
+     * ```
+     */
+    style?: React.CSSProperties;
+    /**
+     * The React elements that will be rendered inside the toolbar of the TaskBoard.
+     * Example:
+     * ```jsx
+     * <TaskBoard>
+     *   <Button>Add Task</Button>
+     * </TaskBoard>
+     * ```
+     */
+    children?: React.ReactNode;
+    /**
+     * Represents the `onChange` event. Triggered after tasks or columns are changed.
+     * Example:
+     * ```jsx
+     * <TaskBoard onChange={(event) => console.log(event.data)} />
+     * ```
+     */
+    onChange: (event: TaskBoardChangeEvent) => void;
+    /**
+     * Represents the TaskBoardCard component.
+     * Example:
+     * ```jsx
+     * <TaskBoard card={(props) => <div>{props.title}</div>} />
+     * ```
+     */
+    card?: React.ComponentType<TaskBoardCardProps>;
+    /**
+     * Represents the TaskBoardColumn component.
+     * Example:
+     * ```jsx
+     * <TaskBoard column={(props) => <div>{props.title}</div>} />
+     * ```
+     */
+    column?: React.ComponentType<TaskBoardColumnProps>;
+}
+/**
+ * Represents the [KendoReact TaskBoard component](https://www.telerik.com/kendo-react-ui/components/taskboard).
+ *
+ * Accepts properties of type [TaskBoardProps](https://www.telerik.com/kendo-react-ui/components/taskboard/api/taskboardprops).
+ *
+ * @remarks
+ * Supported children components are: {@link TaskBoardToolbar}.
+ */
+export declare const TaskBoard: React.ForwardRefExoticComponent<TaskBoardProps & React.RefAttributes<TaskBoardHandle | null>>;
+export {};

package/TaskBoardAddCard.d.ts

@@ -0,0 +1,35 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import { TaskBoardTaskEditPaneProps } from './TaskBoardTaskEditPane.js';
+import { TaskBoardPriority, TaskBoardTaskModel } from './TaskBoard.js';
+import * as React from 'react';
+/**
+ * Represents the props of the TaskBoardAddCard component
+ */
+export interface TaskBoardAddCardProps {
+    /**
+     * Represent the priorities of the task board card.
+     */
+    priorities: TaskBoardPriority[];
+    /**
+     * Triggered on `onClose` event of the TaskBoardAddCard.
+     */
+    onClose: (event: React.MouseEvent<HTMLButtonElement>) => void;
+    /**
+     * Triggered on `onSave` event of the TaskBoardAddCard.
+     */
+    onSave: (task: TaskBoardTaskModel, prevTask: TaskBoardTaskModel) => void;
+    /**
+     * Specifies the TaskBoardTaskEditPane component.
+     */
+    editPane: React.ComponentType<TaskBoardTaskEditPaneProps>;
+}
+/**
+ * Represents the TaskBoardAddCard component.
+ */
+export declare const TaskBoardAddCard: React.FunctionComponent<TaskBoardAddCardProps>;

package/TaskBoardAddCard.mjs

@@ -7,45 +7,45 @@
  */
 import * as S from "react";
 import { useLocalization as b } from "@progress/kendo-react-intl";
-import { taskBoardAddCardPaneTitle as i, messages as a, taskBoardAddCardTitleLabel as o, taskBoardAddCardDescriptionLabel as r, taskBoardAddCardPriorityLabel as n, taskBoardEditPaneTitleLabel as d, taskBoardEditPaneDescriptionLabel as g, taskBoardEditPanePriorityLabel as s, taskBoardAddCardCreateButton as l, taskBoardEditPaneCancelBtn as L } from "./messages/index.mjs";
+import { taskBoardEditPaneCancelBtn as i, messages as a, taskBoardAddCardCreateButton as o, taskBoardEditPanePriorityLabel as r, taskBoardEditPaneDescriptionLabel as n, taskBoardEditPaneTitleLabel as d, taskBoardAddCardPriorityLabel as g, taskBoardAddCardDescriptionLabel as s, taskBoardAddCardTitleLabel as l, taskBoardAddCardPaneTitle as L } from "./messages/index.mjs";
 import { useTaskEditing as P } from "./hooks/taskEditing.mjs";
 const c = (e) => {
   const { onTitleChange: p, title: u, onDescriptionChange: B, description: C, onPriorityChange: k, priority: m, onSave: T } = P(e), t = b();
   return /* @__PURE__ */ S.createElement(
     e.editPane,
     {
-      header: t.toLanguageString(i, a[i]),
+      header: t.toLanguageString(L, a[L]),
       titleInputTitle: t.toLanguageString(
-        o,
-        a[o]
+        l,
+        a[l]
       ),
       descriptionInputTitle: t.toLanguageString(
-        r,
-        a[r]
+        s,
+        a[s]
       ),
       priorityDropDownTitle: t.toLanguageString(
-        n,
-        a[n]
+        g,
+        a[g]
       ),
       titleLabel: t.toLanguageString(
         d,
         a[d]
       ),
       descriptionLabel: t.toLanguageString(
-        g,
-        a[g]
+        n,
+        a[n]
       ),
       priorityLabel: t.toLanguageString(
-        s,
-        a[s]
+        r,
+        a[r]
       ),
       saveButton: t.toLanguageString(
-        l,
-        a[l]
+        o,
+        a[o]
       ),
       cancelButton: t.toLanguageString(
-        L,
-        a[L]
+        i,
+        a[i]
       ),
       priorities: e.priorities,
       onSave: T,

package/TaskBoardCardBase.d.ts

@@ -0,0 +1,66 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import { CardHandle } from '@progress/kendo-react-layout';
+import { TaskBoardCardProps } from './card/Card.js';
+import { TaskBoardTaskModel } from './TaskBoard.js';
+import * as React from 'react';
+/**
+ * Represents the props of the TaskBoardCardBase component
+ *
+ * @hidden
+ */
+export interface TaskBoardCardBaseProps {
+    /**
+     * The task of the TaskBoardCardBase.
+     */
+    task: TaskBoardTaskModel;
+    /**
+     * The styles for the TaskBoardCardBase.
+     */
+    style?: React.CSSProperties;
+    /**
+     * Determines the disabled mode.
+     */
+    disabled?: boolean;
+    /**
+     * Specifies the `tabIndex` that will be added to the TaskBoard Column and Card elements.
+     */
+    tabIndex?: number;
+    /**
+     * Specifies the CardHandle reference.
+     */
+    elementRef?: React.RefObject<CardHandle | null>;
+    /**
+     * Specifies the width and height of the drag target reference.
+     */
+    dragTargetRef?: React.RefObject<{
+        width: number;
+        height: number;
+    } | null>;
+    /**
+     * Fires when a task is deleted.
+     */
+    onDeleteTask: () => void;
+    /**
+     * Represents the `showEditPane` event.
+     */
+    showEditPane: (task: TaskBoardTaskModel) => void;
+    /**
+     * Represents the TaskBoardCard component.
+     */
+    cardComponent: React.ComponentType<TaskBoardCardProps>;
+}
+/**
+ * Represents the TaskBoardCardBase component.
+ *
+ * @hidden
+ */
+export declare const TaskBoardCardBase: {
+    (props: TaskBoardCardBaseProps): React.JSX.Element;
+    displayName: string;
+};

package/TaskBoardCardBase.mjs

@@ -10,7 +10,7 @@ import z from "prop-types";
 import { Card as K } from "@progress/kendo-react-layout";
 import { TASKBOARD_PLACEHOLDER as N } from "./constants.mjs";
 import { useLocalization as j } from "@progress/kendo-react-intl";
-import { taskBoardEditCardButton as B, messages as t, taskBoardDeleteCardButton as p, taskBoardDeleteTaskDialogMessage as D, taskBoardDeleteTaskDialogTitle as T, taskBoardDeleteTaskConfirmButton as w, taskBoardDeleteTaskCancelButton as P, taskBoardPreviewPanePriorityLabel as C, taskBoardPreviewPaneDeleteBtn as h, taskBoardPreviewPaneEditBtn as S } from "./messages/index.mjs";
+import { taskBoardEditCardButton as B, messages as t, taskBoardDeleteCardButton as p, taskBoardPreviewPaneEditBtn as D, taskBoardPreviewPaneDeleteBtn as T, taskBoardPreviewPanePriorityLabel as w, taskBoardDeleteTaskCancelButton as P, taskBoardDeleteTaskConfirmButton as C, taskBoardDeleteTaskDialogTitle as h, taskBoardDeleteTaskDialogMessage as S } from "./messages/index.mjs";
 import { TaskBoardCardHeader as q } from "./card/CardHeader.mjs";
 import { TaskBoardCardBody as _ } from "./card/CardBody.mjs";
 import { TaskBoardConfirmDialog as F } from "./TaskBoardConfirmDialog.mjs";
@@ -73,32 +73,32 @@ const v = (n) => {
       menuItems: M,
       popupRef: d,
       confirmDialogMessage: e.toLanguageString(
-        D,
-        t[D]
+        S,
+        t[S]
       ),
       confirmDialogTitle: e.toLanguageString(
-        T,
-        t[T]
+        h,
+        t[h]
       ),
       confirmDialogConfirmButton: e.toLanguageString(
-        w,
-        t[w]
+        C,
+        t[C]
       ),
       confirmDialogCancelButton: e.toLanguageString(
         P,
         t[P]
       ),
       previewDialogPriorityLabel: e.toLanguageString(
-        C,
-        t[C]
+        w,
+        t[w]
       ),
       previewDialogDelete: e.toLanguageString(
-        h,
-        t[h]
+        T,
+        t[T]
       ),
       previewDialogEdit: e.toLanguageString(
-        S,
-        t[S]
+        D,
+        t[D]
       ),
       onShowPreviewPane: f,
       onClosePreviewPane: A,

package/TaskBoardColumnBase.d.ts

@@ -0,0 +1,82 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import { TaskBoardCardProps } from './card/Card.js';
+import { TaskBoardColumnProps } from './column/Column.js';
+import { TaskBoardColumnModel, TaskBoardPriority, TaskBoardTaskModel } from './TaskBoard.js';
+import * as React from 'react';
+/**
+ * Represents the props of the TaskBoardColumnBase component
+ *
+ * @hidden
+ */
+export interface TaskBoardColumnBaseProps {
+    /**
+     * The rendered column.
+     */
+    column: TaskBoardColumnModel;
+    /**
+     * The rendered tasks.
+     */
+    tasks: TaskBoardTaskModel[];
+    /**
+     * The rendered priorities.
+     */
+    priorities: TaskBoardPriority[];
+    /**
+     * The applied styles.
+     */
+    style?: React.CSSProperties;
+    /**
+     * Specifies the `tabIndex` that will be added to the TaskBoard Column and Card elements.
+     */
+    tabIndex?: number;
+    /**
+     * Specifies the element reference.
+     */
+    elementRef?: React.RefObject<HTMLDivElement | null>;
+    /**
+     * Specifies the width and height of the drag target reference.
+     */
+    dragTargetRef?: React.RefObject<{
+        width: number;
+        height: number;
+    } | null>;
+    /**
+     * Fires when a task is created.
+     */
+    onTaskCreate: (task: TaskBoardTaskModel) => void;
+    /**
+     * Fires when a task is edited.
+     */
+    onTaskEdit: (task: TaskBoardTaskModel, prevTask: TaskBoardTaskModel) => void;
+    /**
+     * Fires when a task is deleted.
+     */
+    onTaskDelete: (task: TaskBoardTaskModel) => void;
+    /**
+     * Fires when a column is changed.
+     */
+    onColumnChange: (column: TaskBoardColumnModel, prevColumn: TaskBoardColumnModel) => void;
+    /**
+     * Determines the TaskBoardCard component.
+     */
+    cardComponent: React.ComponentType<TaskBoardCardProps>;
+    /**
+     * Determines the TaskBoardColumn component.
+     */
+    columnComponent: React.ComponentType<TaskBoardColumnProps>;
+}
+/**
+ * Represents the TaskBoardColumnBase component.
+ *
+ * @hidden
+ */
+export declare const TaskBoardColumnBase: {
+    (props: TaskBoardColumnBaseProps): React.JSX.Element;
+    displayName: string;
+};

package/TaskBoardColumnBase.mjs

@@ -8,7 +8,7 @@
 import * as t from "react";
 import D from "prop-types";
 import { useLocalization as _ } from "@progress/kendo-react-intl";
-import { taskBoardDelColumnDialogMsg as b, messages as d, taskBoardDelColumnDialogTitle as h, taskBoardDelColumnConfirmBtn as E, taskBoardDelColumnCancelBtn as w, taskBoardEditColumnButton as S, taskBoardAddCardButton as v, taskBoardDeleteColumnButton as y } from "./messages/index.mjs";
+import { taskBoardDeleteColumnButton as b, messages as d, taskBoardAddCardButton as h, taskBoardEditColumnButton as E, taskBoardDelColumnCancelBtn as w, taskBoardDelColumnConfirmBtn as S, taskBoardDelColumnDialogTitle as v, taskBoardDelColumnDialogMsg as y } from "./messages/index.mjs";
 import { TASKBOARD_PLACEHOLDER as F } from "./constants.mjs";
 import { TaskBoardColumnHeader as G } from "./column/ColumnHeader.mjs";
 import { TaskBoardColumnBody as J } from "./column/ColumnBody.mjs";
@@ -97,29 +97,29 @@ const L = (a) => {
       showColumnConfirmDelete: u,
       editedTask: P,
       confirmDialogMessage: r.toLanguageString(
-        b,
-        d[b]
+        y,
+        d[y]
       ),
       confirmDialogTitle: r.toLanguageString(
-        h,
-        d[h]
+        v,
+        d[v]
       ),
       confirmDialogConfirmButton: r.toLanguageString(
-        E,
-        d[E]
+        S,
+        d[S]
       ),
       confirmDialogCancelButton: r.toLanguageString(
         w,
         d[w]
       ),
       editButtonTitle: r.toLanguageString(
-        S,
-        d[S]
+        E,
+        d[E]
       ),
-      addButtonTitle: r.toLanguageString(v, d[v]),
+      addButtonTitle: r.toLanguageString(h, d[h]),
       closeButtonTitle: r.toLanguageString(
-        y,
-        d[y]
+        b,
+        d[b]
       )
     },
     c && c.map((o) => /* @__PURE__ */ t.createElement(

package/TaskBoardConfirmDialog.d.ts

@@ -0,0 +1,41 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import * as React from 'react';
+/**
+ * Represents the props of the TaskBoardConfirmDialog component
+ */
+export interface TaskBoardConfirmDialogProps {
+    /**
+     * The dialog message.
+     */
+    dialogMessage: React.ReactNode;
+    /**
+     * The dialog title.
+     */
+    dialogTitle: string;
+    /**
+     * The dialog confirm button.
+     */
+    dialogConfirmButton: React.ReactNode;
+    /**
+     * The dialog cancel button.
+     */
+    dialogCancelButton: React.ReactNode;
+    /**
+     * The Close Button click event handler of the TaskBoardConfirmDialog component.
+     */
+    onClose: (event: React.MouseEvent<HTMLButtonElement>) => void;
+    /**
+     * The Confirm Button click event handler of the TaskBoardConfirmDialog component.
+     */
+    onConfirm: (event: React.MouseEvent<HTMLButtonElement>) => void;
+}
+/**
+ * Represents the TaskBoardConfirmDialog component.
+ */
+export declare const TaskBoardConfirmDialog: React.FunctionComponent<TaskBoardConfirmDialogProps>;

package/TaskBoardConfirmDialog.js

@@ -5,4 +5,4 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const g=require("react"),o=require("prop-types"),l=require("@progress/kendo-react-dialogs"),s=require("@progress/kendo-react-buttons");function f(e){const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const i=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(n,t,i.get?i:{enumerable:!0,get:()=>e[t]})}}return n.default=e,Object.freeze(n)}const r=f(g),a=e=>{const{onClose:n,onConfirm:t,dialogMessage:i,dialogTitle:c,dialogConfirmButton:u,dialogCancelButton:d}=e;return r.createElement(l.Dialog,{title:c,closeIcon:!1},i,r.createElement(l.DialogActionsBar,{layout:"end"},r.createElement(s.Button,{themeColor:"primary",onClick:t},u),r.createElement(s.Button,{onClick:n},d)))};a.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.displayName="KendoReactTaskBoardConfirmDialog";exports.TaskBoardConfirmDialog=a;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const g=require("react"),o=require("prop-types"),l=require("@progress/kendo-react-dialogs"),s=require("@progress/kendo-react-buttons");function f(e){const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const i=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(n,t,i.get?i:{enumerable:!0,get:()=>e[t]})}}return n.default=e,Object.freeze(n)}const r=f(g),a=e=>{const{onClose:n,onConfirm:t,dialogMessage:i,dialogTitle:c,dialogConfirmButton:u,dialogCancelButton:d}=e;return r.createElement(l.Dialog,{title:c,closeIcon:!1},i,r.createElement(l.DialogActionsBar,{layout:"end"},r.createElement(s.Button,{onClick:t},u),r.createElement(s.Button,{onClick:n},d)))};a.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.displayName="KendoReactTaskBoardConfirmDialog";exports.TaskBoardConfirmDialog=a;

package/TaskBoardConfirmDialog.mjs

@@ -9,11 +9,11 @@ import * as e from "react";
 import o from "prop-types";
 import { Dialog as g, DialogActionsBar as c } from "@progress/kendo-react-dialogs";
 import { Button as i } from "@progress/kendo-react-buttons";
-const r = (t) => {
-  const { onClose: n, onConfirm: a, dialogMessage: l, dialogTitle: s, dialogConfirmButton: m, dialogCancelButton: d } = t;
-  return /* @__PURE__ */ e.createElement(g, { title: s, closeIcon: !1 }, l, /* @__PURE__ */ e.createElement(c, { layout: "end" }, /* @__PURE__ */ e.createElement(i, { themeColor: "primary", onClick: a }, m), /* @__PURE__ */ e.createElement(i, { onClick: n }, d)));
+const t = (n) => {
+  const { onClose: r, onConfirm: a, dialogMessage: l, dialogTitle: s, dialogConfirmButton: d, dialogCancelButton: m } = n;
+  return /* @__PURE__ */ e.createElement(g, { title: s, closeIcon: !1 }, l, /* @__PURE__ */ e.createElement(c, { layout: "end" }, /* @__PURE__ */ e.createElement(i, { onClick: a }, d), /* @__PURE__ */ e.createElement(i, { onClick: r }, m)));
 };
-r.propTypes = {
+t.propTypes = {
   onClose: o.func.isRequired,
   onConfirm: o.func.isRequired,
   dialogMessage: o.string.isRequired,
@@ -21,7 +21,7 @@ r.propTypes = {
   dialogConfirmButton: o.string.isRequired,
   dialogCancelButton: o.string.isRequired
 };
-r.displayName = "KendoReactTaskBoardConfirmDialog";
+t.displayName = "KendoReactTaskBoardConfirmDialog";
 export {
-  r as TaskBoardConfirmDialog
+  t as TaskBoardConfirmDialog
 };

package/TaskBoardEditCard.d.ts

@@ -0,0 +1,23 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import { TaskBoardTaskModel } from './TaskBoard.js';
+import { TaskBoardAddCardProps } from './TaskBoardAddCard.js';
+import * as React from 'react';
+/**
+ * Represents the props of the TaskBoardEditCard component
+ */
+export interface TaskBoardEditCardProps extends TaskBoardAddCardProps {
+    /**
+     * Determines the task of the TaskBoardEditCard component.
+     */
+    task: TaskBoardTaskModel;
+}
+/**
+ * Represents the TaskBoardEditCard component.
+ */
+export declare const TaskBoardEditCard: React.FunctionComponent<TaskBoardEditCardProps>;