@progress/kendo-react-taskboard 5.3.0-dev.202205041411

package/dist/npm/column/Column.d.ts

@@ -0,0 +1,168 @@
+import * as React from 'react';
+import { InputChangeEvent } from '@progress/kendo-react-inputs';
+import { TaskBoardAddCardProps } from './../TaskBoardAddCard';
+import { TaskBoardEditCardProps } from './../TaskBoardEditCard';
+import { TaskBoardConfirmDialogProps } from './../TaskBoardConfirmDialog';
+import { TaskBoardCardProps } from './../card/Card';
+import { TaskBoardColumnHeaderProps } from './ColumnHeader';
+import { TaskBoardColumnBodyProps } from './ColumnBody';
+import { TaskBoardColumnModel, TaskBoardPriority, TaskBoardTaskModel } from '../TaskBoard';
+/**
+ * Represents the props of the TaskBoardColumn component
+ */
+export interface TaskBoardColumnProps {
+    /**
+     * The column of the TaskBoard.
+     */
+    column: TaskBoardColumnModel;
+    /**
+     * The tasks of the TaskBoard.
+     */
+    tasks: TaskBoardTaskModel[];
+    /**
+     * The priorities that are set in the TaskBoard.
+     */
+    priorities: TaskBoardPriority[];
+    /**
+     * The styles for the TaskBoard.
+     */
+    style?: React.CSSProperties;
+    /**
+     * Specifies the `tabIndex` that will be added to the TaskBoard Column element.
+     */
+    tabIndex?: number;
+    /**
+     * Represents the reference of the element.
+     */
+    elementRef?: React.RefObject<HTMLDivElement>;
+    /**
+     * Represents the reference of the drag target.
+     */
+    dragTargetRef?: React.RefObject<{
+        width: number;
+        height: number;
+    }>;
+    /**
+     * Determines the visibility of the add card.
+     */
+    showAddCard: boolean;
+    /**
+     * Determines the visibility of the edit card.
+     */
+    showEditCard: boolean;
+    /**
+     * Determines the visibility of the column confirm/delete.
+     */
+    showColumnConfirmDelete: boolean;
+    /**
+     * Specifies the edited task.
+     */
+    editedTask?: TaskBoardTaskModel;
+    /**
+     * Specifies the confirm dialog message
+     */
+    confirmDialogMessage: React.ReactNode;
+    /**
+     * Specifies the confirm dialog confirm button node.
+     */
+    confirmDialogConfirmButton: React.ReactNode;
+    /**
+     * Specifies the cancel dialog confirm button node.
+     */
+    confirmDialogCancelButton: React.ReactNode;
+    /**
+     * Specifies the confirm dialog title.
+     */
+    confirmDialogTitle: string;
+    /**
+     * Specifies the edit button title.
+     */
+    editButtonTitle: string;
+    /**
+     * Specifies the add button title.
+     */
+    addButtonTitle: string;
+    /**
+     * Specifies the close button title.
+     */
+    closeButtonTitle: string;
+    /**
+     * Determines the children nodes.
+     */
+    children: React.ReactNode;
+    /**
+     * Fire on task creation.
+     */
+    onTaskCreate: (task: TaskBoardTaskModel) => void;
+    /**
+     * Fires when task is edited.
+     */
+    onTaskEdit: (task: TaskBoardTaskModel, prevTask: TaskBoardTaskModel) => void;
+    /**
+     * Fires when task is deleted.
+     */
+    onTaskDelete: (task: TaskBoardTaskModel) => void;
+    /**
+     * Fires when title is changed.
+     */
+    onTitleChange?: (event: InputChangeEvent) => void;
+    /**
+     * Fires when column enters edit.
+     */
+    onColumnEnterEdit: () => void;
+    /**
+     * Fires when column exits edit.
+     */
+    onColumnExitEdit: () => void;
+    /**
+     * Fires on confirmation of column deletion.
+     */
+    onColumnConfirmDelete: () => void;
+    /**
+     * Fires when the add card dialog is shown.
+     */
+    onShowAddCardDialog: () => void;
+    /**
+     * Fires when the edit card pane is shown.
+     */
+    onShowEditCardPane: (task: TaskBoardTaskModel) => void;
+    /**
+     * Fires on column deletion.
+     */
+    onColumnDelete: () => void;
+    /**
+     * Fires when the dialog is closed.
+     */
+    onCloseDialog: () => void;
+    /**
+     * Represents the TaskBoardCard component.
+     */
+    card: React.ComponentType<TaskBoardCardProps>;
+    /**
+     * Represents the TaskBoardColumnHeader component.
+     */
+    header: React.ComponentType<TaskBoardColumnHeaderProps>;
+    /**
+     * Represents the TaskBoardColumnBody component.
+     */
+    body: React.ComponentType<TaskBoardColumnBodyProps>;
+    /**
+     * Represents the TaskBoardConfirmDialog component.
+     */
+    confirmDialog: React.ComponentType<TaskBoardConfirmDialogProps>;
+    /**
+     * Represents the TaskBoardEditCard component.
+     */
+    editCardDialog: React.ComponentType<TaskBoardEditCardProps>;
+    /**
+     * Represents the TaskBoardAddCard component.
+     */
+    addCardDialog: React.ComponentType<TaskBoardAddCardProps>;
+}
+/**
+ * Represents the TaskBoardColumn component.
+ */
+export declare const TaskBoardColumn: {
+    (props: TaskBoardColumnProps): JSX.Element;
+    displayName: string;
+};

package/dist/npm/column/Column.js

@@ -0,0 +1,36 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var React = require("react");
+var kendo_react_common_1 = require("@progress/kendo-react-common");
+var constants_1 = require("./../constants");
+var TaskBoardTaskEditPane_1 = require("../TaskBoardTaskEditPane");
+/**
+ * Represents the TaskBoardColumn component.
+ */
+exports.TaskBoardColumn = function (props) {
+    var _a;
+    return (React.createElement(React.Fragment, null,
+        React.createElement("div", __assign({ ref: props.elementRef, style: props.style, className: kendo_react_common_1.classNames('k-taskboard-column', {
+                'k-taskboard-column-edit': props.column.edit
+            }), tabIndex: props.tabIndex }, (_a = {},
+            _a[constants_1.TASKBOARD_ITEM_TYPE] = constants_1.TASKBOARD_COLUMN,
+            _a[constants_1.TASKBOARD_ITEM_ID] = props.column.id,
+            _a)),
+            React.createElement(props.header, { column: props.column, tasks: props.tasks, onTitleChange: props.onTitleChange, onColumnExitEdit: props.onColumnExitEdit, editButtonTitle: props.editButtonTitle, onColumnEnterEdit: props.onColumnEnterEdit, addButtonTitle: props.addButtonTitle, onShowAddCardDialog: props.onShowAddCardDialog, closeButtonTitle: props.closeButtonTitle, onColumnDelete: props.onColumnDelete }),
+            React.createElement(props.body, { column: props.column, tasks: props.tasks, card: props.card, onTaskDelete: props.onTaskDelete, onShowEditCardPane: props.onShowEditCardPane, dragTargetRef: props.dragTargetRef }, props.children)),
+        props.showAddCard && (React.createElement(props.addCardDialog, { onClose: props.onCloseDialog, onSave: props.onTaskCreate, priorities: props.priorities, editPane: TaskBoardTaskEditPane_1.TaskBoardTaskEditPane })),
+        props.showEditCard && props.editedTask && (React.createElement(props.editCardDialog, { onClose: props.onCloseDialog, onSave: props.onTaskEdit, task: props.editedTask, priorities: props.priorities, editPane: TaskBoardTaskEditPane_1.TaskBoardTaskEditPane })),
+        props.showColumnConfirmDelete && (React.createElement(props.confirmDialog, { onClose: props.onColumnDelete, onConfirm: props.onColumnConfirmDelete, dialogMessage: props.confirmDialogMessage, dialogTitle: props.confirmDialogTitle, dialogConfirmButton: props.confirmDialogConfirmButton, dialogCancelButton: props.confirmDialogCancelButton }))));
+};
+exports.TaskBoardColumn.displayName = 'KendoReactTaskBoardColumn';

package/dist/npm/column/ColumnBody.d.ts

@@ -0,0 +1,46 @@
+import * as React from 'react';
+import { TaskBoardCardProps } from '../card/Card';
+import { TaskBoardColumnModel, TaskBoardTaskModel } from '../TaskBoard';
+/**
+ * Represents the props of the TaskBoardColumnBody component
+ */
+export interface TaskBoardColumnBodyProps {
+    /**
+     * The rendered column.
+     */
+    column: TaskBoardColumnModel;
+    /**
+     * The rendered tasks.
+     */
+    tasks: TaskBoardTaskModel[];
+    /**
+     * Determines the children nodes.
+     */
+    children: React.ReactNode;
+    /**
+     * Represents the drag target reference.
+     */
+    dragTargetRef?: React.RefObject<{
+        width: number;
+        height: number;
+    }>;
+    /**
+     * The event that is fired when a task is deleted.
+     */
+    onTaskDelete: (task: TaskBoardTaskModel) => void;
+    /**
+     * The event that is fired when a task is edited.
+     */
+    onShowEditCardPane: (task: TaskBoardTaskModel) => void;
+    /**
+     * Represents the TaskBoardCard component.
+     */
+    card: React.ComponentType<TaskBoardCardProps>;
+}
+/**
+ * Represents the TaskBoardColumnBody component.
+ */
+export declare const TaskBoardColumnBody: {
+    (props: TaskBoardColumnBodyProps): JSX.Element;
+    displayName: string;
+};

package/dist/npm/column/ColumnBody.js

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var React = require("react");
+/**
+ * Represents the TaskBoardColumnBody component.
+ */
+exports.TaskBoardColumnBody = function (props) {
+    return (React.createElement("div", { className: 'k-taskboard-column-cards-container' },
+        React.createElement("div", { className: 'k-taskboard-column-cards' }, props.children)));
+};
+exports.TaskBoardColumnBody.displayName = 'KendoReactTaskBoardColumnBody';

package/dist/npm/column/ColumnHeader.d.ts

@@ -0,0 +1,55 @@
+/// <reference types="react" />
+import { InputChangeEvent } from '@progress/kendo-react-inputs';
+import { TaskBoardColumnModel, TaskBoardTaskModel } from '../TaskBoard';
+/**
+ * Represents the props of the TaskBoardColumnHeader component.
+ */
+export interface TaskBoardColumnHeaderProps {
+    /**
+     * The rendered column.
+     */
+    column: TaskBoardColumnModel;
+    /**
+     * The rendered tasks.
+     */
+    tasks: TaskBoardTaskModel[];
+    /**
+     * The title of the editButton.
+     */
+    editButtonTitle: string;
+    /**
+     * The title of the addButton.
+     */
+    addButtonTitle: string;
+    /**
+     * The title of the closeButton.
+     */
+    closeButtonTitle: string;
+    /**
+     * The event that is fired when the title is changed.
+     */
+    onTitleChange?: (event: InputChangeEvent) => void;
+    /**
+     * The event that is fired when a column enters edit mode.
+     */
+    onColumnEnterEdit: () => void;
+    /**
+     * The event that is fired when a column exits edit mode.
+     */
+    onColumnExitEdit: () => void;
+    /**
+     * The event that is fired when a add card dialog is shown.
+     */
+    onShowAddCardDialog: () => void;
+    /**
+     * The event that is fired when a column is deleted.
+     */
+    onColumnDelete: () => void;
+}
+/**
+ * Represents the TaskBoardColumnHeader component.
+ */
+export declare const TaskBoardColumnHeader: {
+    (props: TaskBoardColumnHeaderProps): JSX.Element;
+    displayName: string;
+};

package/dist/npm/column/ColumnHeader.js

@@ -0,0 +1,20 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var React = require("react");
+var kendo_react_buttons_1 = require("@progress/kendo-react-buttons");
+var kendo_react_inputs_1 = require("@progress/kendo-react-inputs");
+var kendo_react_common_1 = require("@progress/kendo-react-common");
+/**
+ * Represents the TaskBoardColumnHeader component.
+ */
+exports.TaskBoardColumnHeader = function (props) {
+    var _a = props.column, edit = _a.edit, title = _a.title;
+    return (React.createElement("div", { className: 'k-taskboard-column-header' },
+        React.createElement("div", { className: 'k-taskboard-column-header-text k-text-ellipsis' }, edit ? (React.createElement(kendo_react_inputs_1.Input, { value: title, onChange: props.onTitleChange, onBlur: props.onColumnExitEdit, autoFocus: true })) : title),
+        React.createElement("span", { className: 'k-spacer' }),
+        React.createElement("div", { className: kendo_react_common_1.classNames('k-taskboard-column-header-actions', { 'k-disabled': edit }) },
+            React.createElement(kendo_react_buttons_1.Button, { fillMode: "flat", icon: "edit", title: props.editButtonTitle, onClick: props.onColumnEnterEdit }),
+            React.createElement(kendo_react_buttons_1.Button, { fillMode: "flat", icon: "add", title: props.addButtonTitle, onClick: props.onShowAddCardDialog }),
+            React.createElement(kendo_react_buttons_1.Button, { fillMode: "flat", icon: "close", title: props.closeButtonTitle, onClick: props.onColumnDelete }))));
+};
+exports.TaskBoardColumnHeader.displayName = 'KendoReactTaskBoardColumnHeader';

package/dist/npm/constants.d.ts

@@ -0,0 +1,20 @@
+/**
+ * @hidden
+ */
+export declare const TASKBOARD_ITEM_TYPE = "data-taskboard-type";
+/**
+ * @hidden
+ */
+export declare const TASKBOARD_ITEM_ID = "data-taskboard-id";
+/**
+ * @hidden
+ */
+export declare const TASKBOARD_PLACEHOLDER = "data-taskboard-placeholder";
+/**
+ * @hidden
+ */
+export declare const TASKBOARD_COLUMN = "column";
+/**
+ * @hidden
+ */
+export declare const TASKBOARD_TASK = "task";

package/dist/npm/constants.js

@@ -0,0 +1,22 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+/**
+ * @hidden
+ */
+exports.TASKBOARD_ITEM_TYPE = 'data-taskboard-type';
+/**
+ * @hidden
+ */
+exports.TASKBOARD_ITEM_ID = 'data-taskboard-id';
+/**
+ * @hidden
+ */
+exports.TASKBOARD_PLACEHOLDER = 'data-taskboard-placeholder';
+/**
+ * @hidden
+ */
+exports.TASKBOARD_COLUMN = 'column';
+/**
+ * @hidden
+ */
+exports.TASKBOARD_TASK = 'task';

package/dist/npm/hooks/taskEditing.d.ts

@@ -0,0 +1,18 @@
+import { DropDownListChangeEvent } from '@progress/kendo-react-dropdowns';
+import { InputChangeEvent } from '@progress/kendo-react-inputs';
+import { TaskBoardPriority, TaskBoardTaskModel } from '../TaskBoard';
+export interface TaskEditingResult {
+    onTitleChange: (event: InputChangeEvent) => void;
+    title: string;
+    onDescriptionChange: (event: InputChangeEvent) => void;
+    description: string;
+    onPriorityChange: (event: DropDownListChangeEvent) => void;
+    priority: TaskBoardPriority;
+    onSave: () => void;
+}
+export interface TaskEditingProps {
+    task?: TaskBoardTaskModel;
+    priorities: TaskBoardPriority[];
+    onSave: (task: TaskBoardTaskModel, prevTask: TaskBoardTaskModel | undefined) => void;
+}
+export declare const useTaskEditing: ({ onSave, task, priorities }: TaskEditingProps) => TaskEditingResult;

package/dist/npm/hooks/taskEditing.js

@@ -0,0 +1,34 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var React = require("react");
+exports.useTaskEditing = function (_a) {
+    var onSave = _a.onSave, task = _a.task, priorities = _a.priorities;
+    var _b = React.useState(task ? task.title : ''), title = _b[0], setTitle = _b[1];
+    var _c = React.useState(task ? task.description : ''), description = _c[0], setDescription = _c[1];
+    var _d = React.useState(task ? task.priority : priorities[0]), priority = _d[0], setPriority = _d[1];
+    var onTitleChange = React.useCallback(function (event) {
+        setTitle(event.value);
+    }, []);
+    var onDescriptionChange = React.useCallback(function (event) {
+        setDescription(event.value);
+    }, []);
+    var onPriorityChange = React.useCallback(function (event) {
+        setPriority(event.target.value);
+    }, []);
+    var onSaveIn = React.useCallback(function () {
+        var nextTask = __assign({ id: undefined, status: '' }, (task || {}), { title: title, description: description, priority: priority });
+        onSave.call(undefined, nextTask, task);
+    }, [onSave, task, title, description, priority]);
+    return { onTitleChange: onTitleChange, title: title, onDescriptionChange: onDescriptionChange, description: description, onPriorityChange: onPriorityChange, priority: priority, onSave: onSaveIn };
+};

package/dist/npm/main.d.ts

@@ -0,0 +1,14 @@
+export { TaskBoard, TaskBoardProps, TaskBoardHandle, TaskBoardChangeEvent, TaskBoardColumnModel, TaskBoardTaskModel, TaskBoardPriority } from './TaskBoard';
+export { TaskBoardToolbar, TaskBoardToolbarProps } from './TaskBoardToolbar';
+export { TaskBoardCard, TaskBoardCardProps } from './card/Card';
+export { TaskBoardCardHeader, TaskBoardCardHeaderProps } from './card/CardHeader';
+export { TaskBoardCardBody, TaskBoardCardBodyProps } from './card/CardBody';
+export { TaskBoardColumn, TaskBoardColumnProps } from './column/Column';
+export { TaskBoardColumnHeader, TaskBoardColumnHeaderProps } from './column/ColumnHeader';
+export { TaskBoardColumnBody, TaskBoardColumnBodyProps } from './column/ColumnBody';
+export { TaskBoardConfirmDialog, TaskBoardConfirmDialogProps } from './TaskBoardConfirmDialog';
+export { TaskBoardPreviewDialog, TaskBoardPreviewDialogProps } from './card/PreviewDialog';
+export { TaskBoardAddCard, TaskBoardAddCardProps } from './TaskBoardAddCard';
+export { TaskBoardEditCard, TaskBoardEditCardProps } from './TaskBoardEditCard';
+export { TaskBoardTaskEditPane, TaskBoardTaskEditPaneProps } from './TaskBoardTaskEditPane';
+export { useTaskEditing, TaskEditingProps, TaskEditingResult } from './hooks/taskEditing';

package/dist/npm/main.js

@@ -0,0 +1,30 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var TaskBoard_1 = require("./TaskBoard");
+exports.TaskBoard = TaskBoard_1.TaskBoard;
+var TaskBoardToolbar_1 = require("./TaskBoardToolbar");
+exports.TaskBoardToolbar = TaskBoardToolbar_1.TaskBoardToolbar;
+var Card_1 = require("./card/Card");
+exports.TaskBoardCard = Card_1.TaskBoardCard;
+var CardHeader_1 = require("./card/CardHeader");
+exports.TaskBoardCardHeader = CardHeader_1.TaskBoardCardHeader;
+var CardBody_1 = require("./card/CardBody");
+exports.TaskBoardCardBody = CardBody_1.TaskBoardCardBody;
+var Column_1 = require("./column/Column");
+exports.TaskBoardColumn = Column_1.TaskBoardColumn;
+var ColumnHeader_1 = require("./column/ColumnHeader");
+exports.TaskBoardColumnHeader = ColumnHeader_1.TaskBoardColumnHeader;
+var ColumnBody_1 = require("./column/ColumnBody");
+exports.TaskBoardColumnBody = ColumnBody_1.TaskBoardColumnBody;
+var TaskBoardConfirmDialog_1 = require("./TaskBoardConfirmDialog");
+exports.TaskBoardConfirmDialog = TaskBoardConfirmDialog_1.TaskBoardConfirmDialog;
+var PreviewDialog_1 = require("./card/PreviewDialog");
+exports.TaskBoardPreviewDialog = PreviewDialog_1.TaskBoardPreviewDialog;
+var TaskBoardAddCard_1 = require("./TaskBoardAddCard");
+exports.TaskBoardAddCard = TaskBoardAddCard_1.TaskBoardAddCard;
+var TaskBoardEditCard_1 = require("./TaskBoardEditCard");
+exports.TaskBoardEditCard = TaskBoardEditCard_1.TaskBoardEditCard;
+var TaskBoardTaskEditPane_1 = require("./TaskBoardTaskEditPane");
+exports.TaskBoardTaskEditPane = TaskBoardTaskEditPane_1.TaskBoardTaskEditPane;
+var taskEditing_1 = require("./hooks/taskEditing");
+exports.useTaskEditing = taskEditing_1.useTaskEditing;

package/dist/npm/messages/index.d.ts

@@ -0,0 +1,150 @@
+/**
+ * @hidden
+ */
+export declare const taskBoardAddColumnButton = "taskBoard.toolbarAddColumnButton";
+/**
+ * @hidden
+ */
+export declare const taskBoardSearchField = "taskBoard.toolbarSearchField";
+/**
+ * @hidden
+ */
+export declare const taskBoardEditColumnButton = "taskBoard.editColumnButton";
+/**
+ * @hidden
+ */
+export declare const taskBoardAddCardButton = "taskBoard.addCardButton";
+/**
+ * @hidden
+ */
+export declare const taskBoardDeleteColumnButton = "taskBoard.deleteColumnButton";
+/**
+ * @hidden
+ */
+export declare const taskBoardEditCardButton = "taskBoard.editCardButton";
+/**
+ * @hidden
+ */
+export declare const taskBoardDeleteCardButton = "taskBoard.deleteCardButton";
+/**
+ * @hidden
+ */
+export declare const taskBoardDeleteTaskDialogMessage = "taskBoard.deleteTaskDialogMessage";
+/**
+ * @hidden
+ */
+export declare const taskBoardDeleteTaskDialogTitle = "taskBoard.deleteTaskDialogTitle";
+/**
+ * @hidden
+ */
+export declare const taskBoardDeleteTaskConfirmButton = "taskBoard.deleteTaskConfirmButton";
+/**
+ * @hidden
+ */
+export declare const taskBoardDeleteTaskCancelButton = "taskBoard.deleteTaskCancelButton";
+/**
+ * @hidden
+ */
+export declare const taskBoardAddCardPaneTitle = "taskBoard.addCardTitle";
+/**
+ * @hidden
+ */
+export declare const taskBoardAddCardTitleLabel = "taskBoard.addCardTitleLabel";
+/**
+ * @hidden
+ */
+export declare const taskBoardAddCardDescriptionLabel = "taskBoard.addCardDescriptionLabel";
+/**
+ * @hidden
+ */
+export declare const taskBoardAddCardPriorityLabel = "taskBoard.addCardPriorityLabel";
+/**
+ * @hidden
+ */
+export declare const taskBoardAddCardCreateButton = "taskBoard.addCardCreateButton";
+/**
+ * @hidden
+ */
+export declare const taskBoardDelColumnDialogMsg = "taskBoard.deleteColumnDialogMessage";
+/**
+ * @hidden
+ */
+export declare const taskBoardDelColumnDialogTitle = "taskBoard.deleteColumnDialogTitle";
+/**
+ * @hidden
+ */
+export declare const taskBoardDelColumnConfirmBtn = "taskBoard.deleteColumnConfirmButton";
+/**
+ * @hidden
+ */
+export declare const taskBoardDelColumnCancelBtn = "taskBoard.deleteColumnCancelButton";
+/**
+ * @hidden
+ */
+export declare const taskBoardEditCardPaneTitle = "taskBoard.editCardPaneTitle";
+/**
+ * @hidden
+ */
+export declare const taskBoardEditCardPaneSaveBtn = "taskBoard.editCardPaneSaveButton";
+/**
+ * @hidden
+ */
+export declare const taskBoardEditPaneTitleLabel = "taskBoard.editPaneTitleLabel";
+/**
+ * @hidden
+ */
+export declare const taskBoardEditPaneDescriptionLabel = "taskBoard.editPaneDescriptionLabel";
+/**
+ * @hidden
+ */
+export declare const taskBoardEditPanePriorityLabel = "taskBoard.editPanePriorityLabel";
+/**
+ * @hidden
+ */
+export declare const taskBoardEditPaneCancelBtn = "taskBoard.editPaneCancelButton";
+/**
+ * @hidden
+ */
+export declare const taskBoardPreviewPanePriorityLabel = "taskBoard.previewPanePriorityLabel";
+/**
+ * @hidden
+ */
+export declare const taskBoardPreviewPaneDeleteBtn = "taskBoard.previewPaneDeleteButton";
+/**
+ * @hidden
+ */
+export declare const taskBoardPreviewPaneEditBtn = "taskBoard.previewPaneEditButton";
+/**
+ * @hidden
+ */
+export declare const messages: {
+    [taskBoardAddColumnButton]: string;
+    [taskBoardSearchField]: string;
+    [taskBoardEditColumnButton]: string;
+    [taskBoardAddCardButton]: string;
+    [taskBoardDeleteColumnButton]: string;
+    [taskBoardEditCardButton]: string;
+    [taskBoardDeleteCardButton]: string;
+    [taskBoardDeleteTaskDialogMessage]: string;
+    [taskBoardDeleteTaskDialogTitle]: string;
+    [taskBoardDeleteTaskConfirmButton]: string;
+    [taskBoardDeleteTaskCancelButton]: string;
+    [taskBoardDelColumnDialogMsg]: string;
+    [taskBoardDelColumnDialogTitle]: string;
+    [taskBoardDelColumnConfirmBtn]: string;
+    [taskBoardDelColumnCancelBtn]: string;
+    [taskBoardAddCardPaneTitle]: string;
+    [taskBoardAddCardCreateButton]: string;
+    [taskBoardEditPaneCancelBtn]: string;
+    [taskBoardEditCardPaneTitle]: string;
+    [taskBoardEditCardPaneSaveBtn]: string;
+    [taskBoardEditPaneTitleLabel]: string;
+    [taskBoardEditPaneDescriptionLabel]: string;
+    [taskBoardEditPanePriorityLabel]: string;
+    [taskBoardAddCardTitleLabel]: string;
+    [taskBoardAddCardDescriptionLabel]: string;
+    [taskBoardAddCardPriorityLabel]: string;
+    [taskBoardPreviewPanePriorityLabel]: string;
+    [taskBoardPreviewPaneDeleteBtn]: string;
+    [taskBoardPreviewPaneEditBtn]: string;
+};