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

package/dist/es/TaskBoardColumnBase.d.ts

@@ -1,76 +0,0 @@
-import * as React from 'react';
-import { TaskBoardCardProps } from './card/Card';
-import { TaskBoardColumnProps } from './column/Column';
-import { TaskBoardColumnModel, TaskBoardPriority, TaskBoardTaskModel } from './TaskBoard';
-/**
- * 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>;
-    /**
-     * Specifies the width and height of the drag target reference.
-     */
-    dragTargetRef?: React.RefObject<{
-        width: number;
-        height: number;
-    }>;
-    /**
-     * 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): JSX.Element;
-    defaultProps: {};
-    displayName: string;
-};

package/dist/es/TaskBoardColumnBase.js

@@ -1,92 +0,0 @@
-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);
-};
-import * as React from 'react';
-import * as PropTypes from 'prop-types';
-import { useLocalization } from '@progress/kendo-react-intl';
-import { messages, taskBoardEditColumnButton, taskBoardAddCardButton, taskBoardDeleteColumnButton, taskBoardDelColumnDialogMsg, taskBoardDelColumnDialogTitle, taskBoardDelColumnConfirmBtn, taskBoardDelColumnCancelBtn } from './messages';
-import { TASKBOARD_PLACEHOLDER } from './constants';
-import { TaskBoardColumnHeader } from './column/ColumnHeader';
-import { TaskBoardColumnBody } from './column/ColumnBody';
-import { TaskBoardConfirmDialog } from './TaskBoardConfirmDialog';
-import { TaskBoardEditCard } from './TaskBoardEditCard';
-import { TaskBoardAddCard } from './TaskBoardAddCard';
-import { TaskBoardCardBase } from './TaskBoardCardBase';
-/**
- * Represents the TaskBoardColumnBase component.
- *
- * @hidden
- */
-export var TaskBoardColumnBase = function (props) {
-    var _a;
-    var _b = React.useState(false), addCard = _b[0], setAddCard = _b[1];
-    var _c = React.useState(false), editCardPane = _c[0], setEditCardPane = _c[1];
-    var _d = React.useState(false), confirmColumnDeleteVisible = _d[0], setConfirmColumnDeleteVisible = _d[1];
-    var _e = React.useState(), taskToEdit = _e[0], setTaskToEdit = _e[1];
-    var dragTargetRef = props.dragTargetRef, column = props.column, onColumnChange = props.onColumnChange, tasks = props.tasks, elementRef = props.elementRef, style = props.style, onTaskCreate = props.onTaskCreate, onTaskEdit = props.onTaskEdit, onTaskDelete = props.onTaskDelete;
-    var localization = useLocalization();
-    var onTitleChange = React.useCallback(function (e) {
-        var newColumn = __assign(__assign({}, column), { title: e.value });
-        onColumnChange.call(undefined, newColumn, column);
-    }, [column, onColumnChange]);
-    var onColumnEnterEdit = React.useCallback(function () {
-        var newColumn = __assign(__assign({}, column), { edit: true });
-        onColumnChange.call(undefined, newColumn, column);
-    }, [column, onColumnChange]);
-    var onColumnExitEdit = React.useCallback(function () {
-        var newColumn = __assign(__assign({}, column), { edit: false });
-        onColumnChange.call(undefined, newColumn, column);
-    }, [column, onColumnChange]);
-    var onConfirmColumnDelete = React.useCallback(function () {
-        var newColumn = null;
-        onColumnChange.call(undefined, newColumn, column);
-    }, [column, onColumnChange]);
-    var onColumnDelete = function () {
-        setConfirmColumnDeleteVisible(!confirmColumnDeleteVisible);
-    };
-    var showAddCardDialog = function () {
-        setAddCard(true);
-    };
-    var showEditCardPane = function (task) {
-        setEditCardPane(true);
-        setTaskToEdit(task);
-    };
-    var hideCloseModal = function () {
-        setAddCard(false);
-        setEditCardPane(false);
-    };
-    var onNewTask = React.useCallback(function (task) {
-        setAddCard(false);
-        onTaskCreate.call(undefined, __assign(__assign({}, task), { status: column.status }));
-    }, [onTaskCreate, column]);
-    var editTask = React.useCallback(function (edited, prevTask) {
-        setEditCardPane(false);
-        onTaskEdit.call(undefined, edited, prevTask);
-    }, [onTaskEdit]);
-    var deleteTask = React.useCallback(function (task) {
-        onTaskDelete.call(undefined, task);
-    }, [onTaskDelete]);
-    if (column.isPlaceholder && dragTargetRef && dragTargetRef.current) {
-        var width = dragTargetRef.current ? dragTargetRef.current.width : 0;
-        var height = dragTargetRef.current ? dragTargetRef.current.height : 0;
-        return (React.createElement("div", __assign({ style: { width: width, height: height }, className: 'k-taskboard-column k-taskboard-drag-placeholder' }, (_a = {}, _a[TASKBOARD_PLACEHOLDER] = true, _a))));
-    }
-    return (React.createElement(props.columnComponent, { column: props.column, tasks: tasks, priorities: props.priorities, style: Boolean(dragTargetRef) ? __assign({ overflow: 'visible' }, style) : style, tabIndex: props.tabIndex, elementRef: elementRef, onTaskCreate: onNewTask, onTaskEdit: editTask, onTaskDelete: deleteTask, card: props.cardComponent, header: TaskBoardColumnHeader, body: TaskBoardColumnBody, confirmDialog: TaskBoardConfirmDialog, editCardDialog: TaskBoardEditCard, addCardDialog: TaskBoardAddCard, onTitleChange: onTitleChange, onColumnEnterEdit: onColumnEnterEdit, onColumnExitEdit: onColumnExitEdit, onColumnConfirmDelete: onConfirmColumnDelete, onShowAddCardDialog: showAddCardDialog, onShowEditCardPane: showEditCardPane, onColumnDelete: onColumnDelete, onCloseDialog: hideCloseModal, showAddCard: addCard, showEditCard: editCardPane, showColumnConfirmDelete: confirmColumnDeleteVisible, editedTask: taskToEdit, confirmDialogMessage: localization.toLanguageString(taskBoardDelColumnDialogMsg, messages[taskBoardDelColumnDialogMsg]), confirmDialogTitle: localization.toLanguageString(taskBoardDelColumnDialogTitle, messages[taskBoardDelColumnDialogTitle]), confirmDialogConfirmButton: localization.toLanguageString(taskBoardDelColumnConfirmBtn, messages[taskBoardDelColumnConfirmBtn]), confirmDialogCancelButton: localization.toLanguageString(taskBoardDelColumnCancelBtn, messages[taskBoardDelColumnCancelBtn]), editButtonTitle: localization.toLanguageString(taskBoardEditColumnButton, messages[taskBoardEditColumnButton]), addButtonTitle: localization.toLanguageString(taskBoardAddCardButton, messages[taskBoardAddCardButton]), closeButtonTitle: localization.toLanguageString(taskBoardDeleteColumnButton, messages[taskBoardDeleteColumnButton]) }, tasks && tasks.map(function (task) {
-        return (React.createElement(TaskBoardCardBase, { key: task.id, tabIndex: props.tabIndex, task: task, disabled: Boolean(props.column.edit), onDeleteTask: function () { return deleteTask(task); }, showEditPane: function () { return showEditCardPane(task); }, dragTargetRef: props.dragTargetRef, style: { borderLeftColor: task.priority.color }, cardComponent: props.cardComponent }));
-    })));
-};
-var defaultProps = {};
-TaskBoardColumnBase.propTypes = {
-    column: PropTypes.object.isRequired,
-    taskMap: PropTypes.object
-};
-TaskBoardColumnBase.defaultProps = defaultProps;
-TaskBoardColumnBase.displayName = 'KendoReactTaskBoardColumn';

package/dist/es/TaskBoardConfirmDialog.js

@@ -1,24 +0,0 @@
-import * as React from 'react';
-import * as PropTypes from 'prop-types';
-import { Dialog, DialogActionsBar } from '@progress/kendo-react-dialogs';
-import { Button } from '@progress/kendo-react-buttons';
-/**
- * Represents the TaskBoardConfirmDialog component.
- */
-export var TaskBoardConfirmDialog = function (props) {
-    var onClose = props.onClose, onConfirm = props.onConfirm, dialogMessage = props.dialogMessage, dialogTitle = props.dialogTitle, dialogConfirmButton = props.dialogConfirmButton, dialogCancelButton = props.dialogCancelButton;
-    return (React.createElement(Dialog, { title: dialogTitle, closeIcon: false },
-        dialogMessage,
-        React.createElement(DialogActionsBar, { layout: 'end' },
-            React.createElement(Button, { themeColor: 'primary', onClick: onConfirm }, dialogConfirmButton),
-            React.createElement(Button, { onClick: onClose }, dialogCancelButton))));
-};
-TaskBoardConfirmDialog.propTypes = {
-    onClose: PropTypes.func.isRequired,
-    onConfirm: PropTypes.func.isRequired,
-    dialogMessage: PropTypes.string.isRequired,
-    dialogTitle: PropTypes.string.isRequired,
-    dialogConfirmButton: PropTypes.string.isRequired,
-    dialogCancelButton: PropTypes.string.isRequired
-};
-TaskBoardConfirmDialog.displayName = 'KendoReactTaskBoardConfirmDialog';

package/dist/es/TaskBoardEditCard.d.ts

@@ -1,16 +0,0 @@
-import * as React from 'react';
-import { TaskBoardTaskModel } from './TaskBoard';
-import { TaskBoardAddCardProps } from './TaskBoardAddCard';
-/**
- * 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>;

package/dist/es/TaskBoardEditCard.js

@@ -1,14 +0,0 @@
-import * as React from 'react';
-import { useLocalization } from '@progress/kendo-react-intl';
-import { messages, taskBoardEditCardPaneTitle, taskBoardEditCardPaneSaveBtn, taskBoardEditPaneCancelBtn, taskBoardEditPaneTitleLabel, taskBoardEditPaneDescriptionLabel, taskBoardEditPanePriorityLabel, taskBoardAddCardTitleLabel, taskBoardAddCardDescriptionLabel, taskBoardAddCardPriorityLabel } from './messages';
-import { useTaskEditing } from './hooks/taskEditing';
-/**
- * Represents the TaskBoardEditCard component.
- */
-export var TaskBoardEditCard = function (props) {
-    var _a = useTaskEditing(props), onTitleChange = _a.onTitleChange, title = _a.title, onDescriptionChange = _a.onDescriptionChange, description = _a.description, onPriorityChange = _a.onPriorityChange, priority = _a.priority, onSave = _a.onSave;
-    var localization = useLocalization();
-    return (React.createElement(props.editPane, { header: localization.toLanguageString(taskBoardEditCardPaneTitle, messages[taskBoardEditCardPaneTitle]) + props.task.title, titleInputTitle: localization.toLanguageString(taskBoardAddCardTitleLabel, messages[taskBoardAddCardTitleLabel]), descriptionInputTitle: localization.toLanguageString(taskBoardAddCardDescriptionLabel, messages[taskBoardAddCardDescriptionLabel]), priorityDropDownTitle: localization.toLanguageString(taskBoardAddCardPriorityLabel, messages[taskBoardAddCardPriorityLabel]), task: props.task, saveButton: localization.toLanguageString(taskBoardEditCardPaneSaveBtn, messages[taskBoardEditCardPaneSaveBtn]), cancelButton: localization.toLanguageString(taskBoardEditPaneCancelBtn, messages[taskBoardEditPaneCancelBtn]), priorities: props.priorities, titleLabel: localization.toLanguageString(taskBoardEditPaneTitleLabel, messages[taskBoardEditPaneTitleLabel]), descriptionLabel: localization.toLanguageString(taskBoardEditPaneDescriptionLabel, messages[taskBoardEditPaneDescriptionLabel]), priorityLabel: localization.toLanguageString(taskBoardEditPanePriorityLabel, messages[taskBoardEditPanePriorityLabel]), onSave: onSave, onClose: props.onClose, onTitleChange: onTitleChange, title: title, onDescriptionChange: onDescriptionChange, description: description, onPriorityChange: onPriorityChange, priority: priority }));
-};
-TaskBoardEditCard.propTypes = {};
-TaskBoardEditCard.displayName = 'KendoReactTaskBoardEditCard';

package/dist/es/TaskBoardTaskEditPane.js

@@ -1,35 +0,0 @@
-import * as React from 'react';
-import { DropDownList } from '@progress/kendo-react-dropdowns';
-import { Button } from '@progress/kendo-react-buttons';
-import { Input } from '@progress/kendo-react-inputs';
-import { Label } from '@progress/kendo-react-labels';
-import { FieldWrapper } from '@progress/kendo-react-form';
-import { itemRender, valueRender } from './utils';
-import { xIcon } from '@progress/kendo-svg-icons';
-/**
- * Represents the TaskBoardTaskEditPane component.
- */
-export var TaskBoardTaskEditPane = function (props) {
-    return (React.createElement("div", { className: 'k-taskboard-pane k-taskboard-edit-pane' },
-        React.createElement("div", { className: 'k-taskboard-pane-header' },
-            React.createElement("div", { className: 'k-taskboard-pane-header-text' }, props.header),
-            React.createElement("span", { className: "k-spacer" }),
-            React.createElement("div", { className: "k-taskboard-pane-header-actions" },
-                React.createElement(Button, { icon: 'x', svgIcon: xIcon, fillMode: "flat", onClick: props.onClose }))),
-        React.createElement("div", { className: "k-taskboard-pane-content" },
-            React.createElement("div", { role: "form", "data-role": "form", className: "k-form" },
-                React.createElement(FieldWrapper, null,
-                    React.createElement(Label, { editorId: 'title' }, props.titleLabel),
-                    React.createElement(Input, { id: 'title', onChange: props.onTitleChange, value: props.title, title: props.titleInputTitle })),
-                React.createElement(FieldWrapper, null,
-                    React.createElement(Label, { editorId: 'description' }, props.descriptionLabel),
-                    React.createElement(Input, { id: 'description', onChange: props.onDescriptionChange, value: props.description, title: props.descriptionInputTitle })),
-                React.createElement(FieldWrapper, null,
-                    React.createElement(Label, { editorId: 'priority' }, props.priorityLabel),
-                    React.createElement(DropDownList, { id: 'priority', data: props.priorities, value: props.priority, onChange: props.onPriorityChange, itemRender: itemRender, valueRender: valueRender, textField: "priority", dataItemKey: "priority", title: props.priorityDropDownTitle })))),
-        React.createElement("div", { className: "k-taskboard-pane-actions k-actions k-hstack k-justify-content-end" },
-            React.createElement(Button, { onClick: props.onClose }, props.cancelButton),
-            React.createElement(Button, { themeColor: 'primary', onClick: props.onSave, disabled: !props.title || !props.description }, props.saveButton))));
-};
-TaskBoardTaskEditPane.propTypes = {};
-TaskBoardTaskEditPane.displayName = 'KendoReactTaskBoardEditPane';

package/dist/es/TaskBoardToolbar.d.ts

@@ -1,22 +0,0 @@
-import * as React from 'react';
-/**
- * Represents the props of the TaskBoardToolbar component
- */
-export interface TaskBoardToolbarProps {
-    /**
-     * The React elements that will be rendered inside the toolbar of the TaskBoard.
-     */
-    children?: any;
-    /**
-     * Specifies a list of CSS classes that will be added to the TaskBoardToolbar element.
-     */
-    className?: string | Array<string>;
-    /**
-     * Represents the styles that are applied to the TaskBoardToolbar.
-     */
-    style?: React.CSSProperties;
-}
-/**
- * Represents the TaskBoardToolbar component.
- */
-export declare const TaskBoardToolbar: React.FunctionComponent<TaskBoardToolbarProps>;

package/dist/es/TaskBoardToolbar.js

@@ -1,15 +0,0 @@
-import * as React from 'react';
-import * as PropTypes from 'prop-types';
-import { classNames } from '@progress/kendo-react-common';
-/**
- * Represents the TaskBoardToolbar component.
- */
-export var TaskBoardToolbar = function (props) {
-    var className = props.className, style = props.style, children = props.children;
-    return (React.createElement("div", { style: style, className: classNames('k-taskboard-header', className) },
-        React.createElement("div", { className: 'k-taskboard-toolbar k-toolbar' }, children)));
-};
-TaskBoardToolbar.propTypes = {
-    children: PropTypes.node
-};
-TaskBoardToolbar.displayName = 'KendoReactTaskBoardToolbar';

package/dist/es/card/Card.js

@@ -1,33 +0,0 @@
-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);
-};
-import * as React from 'react';
-import { classNames } from '@progress/kendo-react-common';
-import { TASKBOARD_ITEM_ID, TASKBOARD_ITEM_TYPE, TASKBOARD_TASK } from '../constants';
-/**
- * Represents the TaskBoardCard component.
- */
-export var TaskBoardCard = function (props) {
-    var _a;
-    return (React.createElement(React.Fragment, null,
-        React.createElement(props.card, __assign({ key: String(props.task.id), ref: props.elementRef, style: props.style, className: classNames('k-taskboard-card k-cursor-move k-taskboard-card-category', {
-                'k-disabled': props.disabled
-            }) }, (_a = {},
-            _a[TASKBOARD_ITEM_TYPE] = TASKBOARD_TASK,
-            _a[TASKBOARD_ITEM_ID] = props.task.id,
-            _a.tabIndex = props.tabIndex,
-            _a)),
-            React.createElement(props.cardHeader, { showMenu: props.showMenu, menuItems: props.menuItems, popupRef: props.popupRef, title: props.task.title, task: props.task, onShowPreviewPane: props.onShowPreviewPane, onShowMenu: props.onShowMenu, onHideMenu: props.onHideMenu, onMenuButtonBlur: props.onMenuButtonBlur, onMenuItemSelect: props.onMenuItemSelect }),
-            React.createElement(props.cardBody, { task: props.task }, props.task.description)),
-        props.showDeleteConfirm && (React.createElement(props.confirmDialog, { onConfirm: props.onTaskDelete, onClose: props.onCloseConfirmDialog, dialogMessage: props.confirmDialogMessage, dialogTitle: props.confirmDialogTitle, dialogConfirmButton: props.confirmDialogConfirmButton, dialogCancelButton: props.confirmDialogCancelButton })),
-        props.showTaskPreviewPane && (React.createElement(props.previewDialog, { title: props.task.title, description: props.task.description, priorityLabel: props.previewDialogPriorityLabel, delete: props.previewDialogDelete, edit: props.previewDialogEdit, onClosePreviewPane: props.onClosePreviewPane, onTaskDelete: props.onTaskDelete, onTaskEdit: props.onTaskEdit, priority: props.task.priority }))));
-};
-TaskBoardCard.displayName = 'KendoReactTaskBoardCard';

package/dist/es/card/CardBody.js

@@ -1,9 +0,0 @@
-import * as React from 'react';
-import { CardBody } from '@progress/kendo-react-layout';
-/**
- * Represents the TaskBoardCardBody component.
- */
-export var TaskBoardCardBody = function (props) {
-    return (React.createElement(CardBody, null, props.children));
-};
-TaskBoardCardBody.displayName = 'KendoReactTaskBoardCardBody';

package/dist/es/card/CardHeader.d.ts

@@ -1,53 +0,0 @@
-import * as React from 'react';
-import { MenuSelectEvent } from '@progress/kendo-react-layout';
-import { Popup } from '@progress/kendo-react-popup';
-import { TaskBoardTaskModel } from '../TaskBoard';
-/**
- * Represents the props of the TaskBoardCardHeader component.
- */
-export interface TaskBoardCardHeaderProps {
-    /**
-     * Determines the visibility of the show menu.
-     */
-    showMenu: boolean;
-    /**
-     * Represents the menu items.
-     */
-    menuItems: any[];
-    /**
-     * Specifies the popup reference.
-     */
-    popupRef: React.RefObject<Popup>;
-    /**
-     * The rendered title.
-     */
-    title: React.ReactNode;
-    /**
-     * The rendered task.
-     */
-    task: TaskBoardTaskModel;
-    /**
-     * Fires when the preview pane needs to be shown.
-     */
-    onShowPreviewPane: (event: React.MouseEvent<HTMLElement>) => void;
-    /**
-     * Fires when the menu needs to be shown.
-     */
-    onShowMenu: (event: React.MouseEvent<HTMLButtonElement>) => void;
-    /**
-     * Fires when the menu needs to be hidden.
-     */
-    onHideMenu: (event: React.MouseEvent<HTMLButtonElement>) => void;
-    /**
-     * Fires on blur of the menu button.
-     */
-    onMenuButtonBlur: (event: React.FocusEvent<HTMLButtonElement>) => void;
-    /**
-     * Fires when menu item is selected.
-     */
-    onMenuItemSelect: (event: MenuSelectEvent) => void;
-}
-/**
- * Represents the TaskBoardCardHeader component.
- */
-export declare const TaskBoardCardHeader: React.FunctionComponent<TaskBoardCardHeaderProps>;

package/dist/es/card/CardHeader.js

@@ -1,19 +0,0 @@
-import * as React from 'react';
-import { Button } from '@progress/kendo-react-buttons';
-import { CardHeader, Menu } from '@progress/kendo-react-layout';
-import { Popup } from '@progress/kendo-react-popup';
-import { moreVerticalIcon } from '@progress/kendo-svg-icons';
-/**
- * Represents the TaskBoardCardHeader component.
- */
-export var TaskBoardCardHeader = function (props) {
-    var buttonRef = React.useRef();
-    return (React.createElement(CardHeader, { className: "k-hbox" },
-        React.createElement("span", { className: 'k-card-title k-link', onClick: props.onShowPreviewPane }, props.title),
-        React.createElement("span", { className: 'k-spacer' }),
-        React.createElement("div", { className: 'k-card-header-actions' },
-            React.createElement(Button, { fillMode: "flat", icon: "more-vertical", svgIcon: moreVerticalIcon, ref: buttonRef, onClick: props.showMenu ? props.onHideMenu : props.onShowMenu, onBlur: props.onMenuButtonBlur }),
-            React.createElement(Popup, { anchor: buttonRef.current && buttonRef.current.element, show: props.showMenu, ref: props.popupRef },
-                React.createElement(Menu, { vertical: true, onSelect: props.onMenuItemSelect, items: props.menuItems, className: 'k-context-menu' })))));
-};
-TaskBoardCardHeader.displayName = 'KendoReactTaskBoardCardHeader';

package/dist/es/card/PreviewDialog.js

@@ -1,26 +0,0 @@
-import * as React from 'react';
-import { Button } from '@progress/kendo-react-buttons';
-import { xIcon } from '@progress/kendo-svg-icons';
-/**
- * Represents the TaskBoardPreviewDialog component.
- */
-export var TaskBoardPreviewDialog = function (props) {
-    return (React.createElement("div", { className: "k-taskboard-pane k-taskboard-preview-pane" },
-        React.createElement("div", { className: 'k-taskboard-pane-header' },
-            React.createElement("div", { className: 'k-taskboard-pane-header-text' }, props.title),
-            React.createElement("span", { className: "k-spacer" }),
-            React.createElement("div", { className: "k-taskboard-pane-header-actions" },
-                React.createElement(Button, { icon: 'x', svgIcon: xIcon, fillMode: "flat", onClick: props.onClosePreviewPane }))),
-        React.createElement("div", { className: "k-taskboard-pane-content" },
-            React.createElement("p", null, props.description),
-            React.createElement("p", null,
-                props.priorityLabel,
-                "\u00A0",
-                React.createElement("span", { style: { backgroundColor: props.priority.color } }, "\u00A0"),
-                "\u00A0",
-                props.priority.priority)),
-        React.createElement("div", { className: "k-taskboard-pane-actions k-actions k-hstack k-justify-content-end" },
-            React.createElement(Button, { onClick: props.onTaskDelete }, props.delete),
-            React.createElement(Button, { themeColor: 'primary', onClick: props.onTaskEdit }, props.edit))));
-};
-TaskBoardPreviewDialog.displayName = 'KendoReactTaskBoardPreviewDialog';

package/dist/es/column/Column.js

@@ -1,34 +0,0 @@
-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);
-};
-import * as React from 'react';
-import { classNames } from '@progress/kendo-react-common';
-import { TASKBOARD_COLUMN, TASKBOARD_ITEM_ID, TASKBOARD_ITEM_TYPE } from './../constants';
-import { TaskBoardTaskEditPane } from '../TaskBoardTaskEditPane';
-/**
- * Represents the TaskBoardColumn component.
- */
-export var TaskBoardColumn = function (props) {
-    var _a;
-    return (React.createElement(React.Fragment, null,
-        React.createElement("div", __assign({ ref: props.elementRef, style: props.style, className: classNames('k-taskboard-column', {
-                'k-taskboard-column-edit': props.column.edit
-            }), tabIndex: props.tabIndex }, (_a = {},
-            _a[TASKBOARD_ITEM_TYPE] = TASKBOARD_COLUMN,
-            _a[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, null, props.children)),
-        props.showAddCard && (React.createElement(props.addCardDialog, { onClose: props.onCloseDialog, onSave: props.onTaskCreate, priorities: props.priorities, editPane: TaskBoardTaskEditPane })),
-        props.showEditCard && props.editedTask && (React.createElement(props.editCardDialog, { onClose: props.onCloseDialog, onSave: props.onTaskEdit, task: props.editedTask, priorities: props.priorities, editPane: 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 }))));
-};
-TaskBoardColumn.displayName = 'KendoReactTaskBoardColumn';

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

@@ -1,14 +0,0 @@
-import * as React from 'react';
-/**
- * Represents the props of the TaskBoardColumnBody component
- */
-export interface TaskBoardColumnBodyProps {
-    /**
-     * Determines the children nodes.
-     */
-    children: React.ReactNode;
-}
-/**
- * Represents the TaskBoardColumnBody component.
- */
-export declare const TaskBoardColumnBody: React.FunctionComponent<TaskBoardColumnBodyProps>;

package/dist/es/column/ColumnBody.js

@@ -1,9 +0,0 @@
-import * as React from 'react';
-/**
- * Represents the TaskBoardColumnBody component.
- */
-export var TaskBoardColumnBody = function (props) {
-    return (React.createElement("div", { className: 'k-taskboard-column-cards-container' },
-        React.createElement("div", { className: 'k-taskboard-column-cards' }, props.children)));
-};
-TaskBoardColumnBody.displayName = 'KendoReactTaskBoardColumnBody';

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

@@ -1,52 +0,0 @@
-import * as React from '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: (event: React.MouseEvent<HTMLButtonElement>) => void;
-    /**
-     * The event that is fired when a column exits edit mode.
-     */
-    onColumnExitEdit: (event: React.FocusEvent<HTMLInputElement>) => void;
-    /**
-     * The event that is fired when a add card dialog is shown.
-     */
-    onShowAddCardDialog: (event: React.MouseEvent<HTMLButtonElement>) => void;
-    /**
-     * The event that is fired when a column is deleted.
-     */
-    onColumnDelete: (event: React.MouseEvent<HTMLButtonElement>) => void;
-}
-/**
- * Represents the TaskBoardColumnHeader component.
- */
-export declare const TaskBoardColumnHeader: React.FunctionComponent<TaskBoardColumnHeaderProps>;

package/dist/es/column/ColumnHeader.js

@@ -1,19 +0,0 @@
-import * as React from 'react';
-import { Button } from '@progress/kendo-react-buttons';
-import { Input } from '@progress/kendo-react-inputs';
-import { classNames } from '@progress/kendo-react-common';
-import { pencilIcon, plusIcon, xIcon } from '@progress/kendo-svg-icons';
-/**
- * Represents the TaskBoardColumnHeader component.
- */
-export var 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(Input, { value: title, onChange: props.onTitleChange, onBlur: props.onColumnExitEdit, autoFocus: true })) : title),
-        React.createElement("span", { className: 'k-spacer' }),
-        React.createElement("div", { className: classNames('k-taskboard-column-header-actions', { 'k-disabled': edit }) },
-            React.createElement(Button, { fillMode: "flat", icon: "pencil", svgIcon: pencilIcon, title: props.editButtonTitle, onClick: props.onColumnEnterEdit }),
-            React.createElement(Button, { fillMode: "flat", icon: "plus", svgIcon: plusIcon, title: props.addButtonTitle, onClick: props.onShowAddCardDialog }),
-            React.createElement(Button, { fillMode: "flat", icon: "x", svgIcon: xIcon, title: props.closeButtonTitle, onClick: props.onColumnDelete }))));
-};
-TaskBoardColumnHeader.displayName = 'KendoReactTaskBoardColumnHeader';

package/dist/es/constants.js

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

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

@@ -1,19 +0,0 @@
-import * as React from 'react';
-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: (event: React.MouseEvent<HTMLButtonElement>) => void;
-}
-export interface TaskEditingProps {
-    task?: TaskBoardTaskModel;
-    priorities: TaskBoardPriority[];
-    onSave: (task: TaskBoardTaskModel, prevTask: TaskBoardTaskModel) => void;
-}
-export declare const useTaskEditing: ({ onSave, task, priorities }: TaskEditingProps) => TaskEditingResult;