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

package/{dist/es/messages → messages}/index.d.ts

@@ -1,3 +1,7 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2023 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the package root for more information
+*-------------------------------------------------------------------------------------------*/
 /**
  * @hidden
  */

package/package-metadata.d.ts

@@ -0,0 +1,9 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2023 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the package root for more information
+*-------------------------------------------------------------------------------------------*/
+import { PackageMetadata } from '@progress/kendo-licensing';
+/**
+ * @hidden
+ */
+export declare const packageMetadata: PackageMetadata;

package/package.json

@@ -1,22 +1,40 @@
 {
   "name": "@progress/kendo-react-taskboard",
-  "version": "6.1.1",
+  "version": "7.0.0-develop.2",
   "description": "KendoReact TaskBoard package",
-  "repository": {
-    "type": "git",
-    "url": "https://github.com/telerik/kendo-react.git"
+  "author": "Progress",
+  "license": "SEE LICENSE IN LICENSE.md",
+  "homepage": "https://www.telerik.com/kendo-react-ui",
+  "main": "./index.js",
+  "types": "./index.d.ts",
+  "exports": {
+    ".": {
+      "import": "./index.mjs",
+      "require": "./index.js"
+    }
   },
-  "main": "dist/npm/main.js",
-  "types": "dist/npm/main.d.ts",
-  "module": "dist/es/main.js",
-  "jsnext:main": "dist/es/main.js",
-  "scripts": {
-    "test": "cd ../../ && npm run test -- --testPathPattern=/packages/taskboard/.*",
-    "e2e": "cd ../../ && npx jest --maxWorkers=4 --config jest.e2e.js packages/taskboard/e2e/",
-    "start": "gulp start",
-    "build-package": "gulp build-package"
+  "sideEffects": false,
+  "peerDependencies": {
+    "@progress/kendo-data-query": "^1.0.0",
+    "@progress/kendo-licensing": "^1.3.0",
+    "@progress/kendo-react-buttons": "7.0.0-develop.2",
+    "@progress/kendo-react-common": "7.0.0-develop.2",
+    "@progress/kendo-react-dialogs": "7.0.0-develop.2",
+    "@progress/kendo-react-dropdowns": "7.0.0-develop.2",
+    "@progress/kendo-react-form": "7.0.0-develop.2",
+    "@progress/kendo-react-indicators": "7.0.0-develop.2",
+    "@progress/kendo-react-inputs": "7.0.0-develop.2",
+    "@progress/kendo-react-intl": "7.0.0-develop.2",
+    "@progress/kendo-react-labels": "7.0.0-develop.2",
+    "@progress/kendo-react-layout": "7.0.0-develop.2",
+    "@progress/kendo-react-popup": "7.0.0-develop.2",
+    "@progress/kendo-svg-icons": "^2.0.0",
+    "react": "^16.8.2 || ^17.0.0 || ^18.0.0",
+    "react-dom": "^16.8.2 || ^17.0.0 || ^18.0.0"
+  },
+  "dependencies": {
+    "prop-types": "^15.6.0"
   },
-  "homepage": "https://www.telerik.com/kendo-react-ui",
   "keywords": [
     "Kendo UI",
     "React",
@@ -29,51 +47,15 @@
     "React component",
     "Telerik"
   ],
-  "peerDependencies": {
-    "@progress/kendo-data-query": "^1.0.0",
-    "@progress/kendo-licensing": "^1.3.0",
-    "@progress/kendo-react-buttons": "^6.0.0",
-    "@progress/kendo-react-dialogs": "^6.0.0",
-    "@progress/kendo-react-dropdowns": "^6.0.0",
-    "@progress/kendo-react-form": "^6.0.0",
-    "@progress/kendo-react-indicators": "^6.0.0",
-    "@progress/kendo-react-inputs": "^6.0.0",
-    "@progress/kendo-react-intl": "^6.0.0",
-    "@progress/kendo-react-labels": "^6.0.0",
-    "@progress/kendo-react-layout": "^6.0.0",
-    "@progress/kendo-react-popup": "^6.0.0",
-    "@progress/kendo-svg-icons": "^2.0.0",
-    "react": "^16.8.2 || ^17.0.0 || ^18.0.0",
-    "react-dom": "^16.8.2 || ^17.0.0 || ^18.0.0"
-  },
-  "dependencies": {
-    "@progress/kendo-react-common": "6.1.1",
-    "prop-types": "^15.6.0"
-  },
-  "devDependencies": {
-    "@progress/kendo-data-query": "^1.0.0",
-    "@progress/kendo-drawing": "^1.17.2",
-    "@progress/kendo-licensing": "^1.3.0",
-    "@progress/kendo-react-buttons": "6.1.1",
-    "@progress/kendo-react-dialogs": "6.1.1",
-    "@progress/kendo-react-dropdowns": "6.1.1",
-    "@progress/kendo-react-form": "6.1.1",
-    "@progress/kendo-react-indicators": "6.1.1",
-    "@progress/kendo-react-inputs": "6.1.1",
-    "@progress/kendo-react-intl": "6.1.1",
-    "@progress/kendo-react-labels": "6.1.1",
-    "@progress/kendo-react-layout": "6.1.1",
-    "@progress/kendo-react-popup": "6.1.1",
-    "@progress/kendo-svg-icons": "^2.0.0"
-  },
   "@progress": {
     "friendlyName": "TaskBoard",
     "framework": "KendoReact"
   },
-  "author": "Progress",
-  "license": "SEE LICENSE IN LICENSE.md",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/telerik/kendo-react.git"
+  },
   "publishConfig": {
     "access": "public"
-  },
-  "sideEffects": false
-}
+  }
+}

package/{dist/npm/utils.d.ts → utils.d.ts}

@@ -1,3 +1,7 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2023 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the package root for more information
+*-------------------------------------------------------------------------------------------*/
 import { ListItemProps } from '@progress/kendo-react-dropdowns';
 import * as React from 'react';
 /**
@@ -22,4 +26,4 @@ export declare const itemRender: (li: React.ReactElement<HTMLLIElement>, itemPro
 /**
  * @hidden
  */
-export declare const valueRender: (element: React.ReactElement<HTMLSpanElement>, value: any) => React.ReactElement<HTMLSpanElement, string | React.JSXElementConstructor<any>>;
+export declare const valueRender: (element: any, value: any) => any;

package/about.md

@@ -1,3 +0,0 @@
-<a href="https://www.telerik.com/kendo-react-ui?utm_medium=referral&utm_source=npm&utm_campaign=kendo-ui-react-trial-npm-taskboard&utm_content=banner" target="_blank">
-<img src="https://www.telerik.com/kendo-react-ui/components/npm-banner.svg" alt="KendoReact NPM Banner">
-</a>

package/dist/es/TaskBoard.js

@@ -1,270 +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);
-};
-var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
-    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
-        if (ar || !(i in from)) {
-            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
-            ar[i] = from[i];
-        }
-    }
-    return to.concat(ar || Array.prototype.slice.call(from));
-};
-import * as React from 'react';
-import * as PropTypes from 'prop-types';
-import { validatePackage } from '@progress/kendo-licensing';
-import { packageMetadata } from './package-metadata';
-import { classNames, useDraggable, clone, noop } from '@progress/kendo-react-common';
-import { TaskBoardColumnBase } from './TaskBoardColumnBase';
-import { TaskBoardCardBase } from './TaskBoardCardBase';
-import { TASKBOARD_COLUMN, TASKBOARD_PLACEHOLDER, TASKBOARD_TASK } from './constants';
-import { closestTaskBoardElement, findIndexes } from './utils';
-import { TaskBoardCard } from './card/Card';
-import { TaskBoardColumn } from './column/Column';
-/**
- * Represents the [KendoReact TaskBoard component]({% slug overview_taskboard %}).
- *
- * Accepts properties of type [TaskBoardProps]({% slug api_taskboard_taskboardprops %}).
- */
-export var TaskBoard = React.forwardRef(function (props, ref) {
-    validatePackage(packageMetadata);
-    var _a = props.columnData, columnData = _a === void 0 ? [] : _a, className = props.className, style = props.style, id = props.id, _b = props.taskData, taskData = _b === void 0 ? [] : _b, onChange = props.onChange;
-    var taskboardRef = React.useRef(null);
-    var taskboardElementRef = React.useRef(null);
-    React.useImperativeHandle(taskboardRef, function () {
-        return { props: props };
-    });
-    React.useImperativeHandle(ref, function () { return taskboardRef.current; });
-    var children = React.Children.toArray(props.children);
-    var toolbar = children.filter(function (child) { return child && child.type &&
-        child.type.displayName === 'KendoReactTaskBoardToolbar'; });
-    var elementRef = React.useRef(null);
-    var dragTargetRef = React.useRef(null);
-    var pressOffsetRef = React.useRef(null);
-    var _c = React.useState(null), taskDataState = _c[0], setTaskDataState = _c[1];
-    var _d = React.useState(null), columnDataState = _d[0], setColumnDataState = _d[1];
-    var _e = React.useState({ top: 0, left: 0 }), position = _e[0], setPosition = _e[1];
-    var dragCardCueRef = React.useRef(null);
-    var dragColumnCueRef = React.useRef(null);
-    var tasksMap = React.useMemo(function () {
-        var map = {};
-        (taskDataState || taskData).forEach(function (task) {
-            var currentStatus = task.status;
-            if (!map[currentStatus]) {
-                map[currentStatus] = [];
-            }
-            map[currentStatus].push(task);
-        });
-        return map;
-    }, [taskData, taskDataState]);
-    var handlePress = React.useCallback(function (event) {
-        var target = event.originalEvent.target;
-        if (target.closest('button,input,.k-link,.k-taskboard-preview-pane')) {
-            return;
-        }
-        var currentDragTarget = closestTaskBoardElement(target);
-        var taskboardEl = taskboardElementRef.current;
-        if (currentDragTarget && taskboardEl) {
-            var isColumn = currentDragTarget.type === TASKBOARD_COLUMN;
-            if (isColumn && !target.closest('.k-taskboard-column-header')) {
-                return;
-            }
-            var dragElement = currentDragTarget.element;
-            var rect = dragElement.getBoundingClientRect();
-            var parentRect = taskboardEl.getBoundingClientRect();
-            pressOffsetRef.current = {
-                x: event.clientX - rect.left + parentRect.left,
-                y: event.clientY - rect.top + parentRect.top
-            };
-            var data = isColumn ? columnData : taskData;
-            var stateSetter = isColumn ? setColumnDataState : setTaskDataState;
-            var index = data.findIndex(function (dataItem) { return String(dataItem.id) === currentDragTarget.id; });
-            var item = data[index];
-            if (index === -1 || item.edit) {
-                return;
-            }
-            var newItem = clone(item);
-            newItem.isPlaceholder = true;
-            var newData = __spreadArray([], data, true);
-            newData[index] = newItem;
-            dragTargetRef.current = __assign(__assign({}, currentDragTarget), { index: index, item: item, width: rect.width, height: rect.height });
-            setPosition({
-                top: event.clientY - pressOffsetRef.current.y,
-                left: event.clientX - pressOffsetRef.current.x
-            });
-            stateSetter(newData);
-        }
-    }, [columnData, taskData]);
-    var handleDrag = React.useCallback(function (event) {
-        var currentDragTarget = dragTargetRef.current;
-        var dragCueElement = (dragCardCueRef.current && dragCardCueRef.current.element) || dragColumnCueRef.current;
-        if (currentDragTarget && dragCueElement) {
-            setPosition({
-                top: event.clientY - pressOffsetRef.current.y,
-                left: event.clientX - pressOffsetRef.current.x
-            });
-            dragCueElement.style.visibility = 'hidden';
-            var targetElement = document.elementFromPoint(event.clientX, event.clientY);
-            dragCueElement.style.visibility = '';
-            if (targetElement && targetElement.getAttribute(TASKBOARD_PLACEHOLDER)) {
-                return;
-            }
-            var dropTarget_1 = targetElement && closestTaskBoardElement(targetElement);
-            if (dropTarget_1) {
-                var indexes = void 0;
-                var isSameType = dropTarget_1.type === currentDragTarget.type;
-                var isDragTargetColumn = currentDragTarget.type === TASKBOARD_COLUMN;
-                var data = (isDragTargetColumn ? columnDataState : taskDataState) || [];
-                var stateSetter = isDragTargetColumn ? setColumnDataState : setTaskDataState;
-                if (isDragTargetColumn || isSameType) {
-                    indexes = findIndexes(currentDragTarget.id, dropTarget_1.id, data);
-                    if (indexes) {
-                        var dragItem = data[indexes.dragIndex];
-                        var dropItem = data[indexes.dropIndex];
-                        var newDragItem = clone(dragItem);
-                        if (!isDragTargetColumn) {
-                            newDragItem.status = dropItem.status;
-                        }
-                        var newData = __spreadArray([], data, true);
-                        newData.splice(indexes.dragIndex, 1);
-                        newData.splice(indexes.dropIndex, 0, newDragItem);
-                        currentDragTarget.index = indexes.dropIndex;
-                        stateSetter(newData);
-                    }
-                }
-                else {
-                    var taskIndex = data.findIndex(function (item) { return String(item.id) === currentDragTarget.id; });
-                    var columnIndex = columnData.findIndex(function (item) { return String(item.id) === dropTarget_1.id; });
-                    if (taskIndex !== -1 && columnIndex !== -1) {
-                        var task = data[taskIndex];
-                        var column = columnData[columnIndex];
-                        var columnStatus = column.status;
-                        if (tasksMap[columnStatus]) {
-                            return;
-                        }
-                        task.status = columnStatus;
-                        var newData = __spreadArray([], data, true);
-                        newData.splice(taskIndex, 1);
-                        newData.push(task);
-                        currentDragTarget.index = newData.length - 1;
-                        stateSetter(newData);
-                    }
-                }
-            }
-        }
-    }, [columnDataState, taskDataState, columnData, tasksMap]);
-    var handleRelease = React.useCallback(function () {
-        var currentDragTarget = dragTargetRef.current;
-        if (onChange && currentDragTarget) {
-            var isDragTargetColumn = currentDragTarget.type === TASKBOARD_COLUMN;
-            var data = (isDragTargetColumn ? columnDataState : taskDataState) || [];
-            var item = data[currentDragTarget.index];
-            delete item.isPlaceholder;
-            var event_1 = {
-                data: data,
-                type: currentDragTarget.type,
-                previousItem: currentDragTarget.item,
-                item: item
-            };
-            onChange.call(undefined, event_1);
-        }
-        dragTargetRef.current = null;
-        pressOffsetRef.current = null;
-        setTaskDataState(null);
-        setColumnDataState(null);
-        setPosition({ top: 0, left: 0 });
-    }, [columnDataState, taskDataState, onChange]);
-    useDraggable(elementRef, {
-        onDragStart: handlePress,
-        onDrag: handleDrag,
-        onDragEnd: handleRelease
-    });
-    var dragTarget = dragTargetRef.current;
-    var onTaskCreate = React.useCallback(function (newTask) {
-        var tasks = __spreadArray(__spreadArray([], taskData, true), [newTask], false);
-        var event = {
-            data: tasks,
-            type: TASKBOARD_TASK,
-            previousItem: null,
-            item: newTask
-        };
-        onChange.call(undefined, event);
-    }, [onChange, taskData]);
-    var onTaskEdit = React.useCallback(function (task, prevTask) {
-        var tasks = taskData.slice();
-        var index = taskData.indexOf(prevTask);
-        if (index !== -1) {
-            tasks.splice(index, 1, task);
-        }
-        var event = {
-            data: tasks,
-            type: TASKBOARD_TASK,
-            previousItem: prevTask,
-            item: task
-        };
-        onChange.call(undefined, event);
-    }, [onChange, taskData]);
-    var onTaskDelete = React.useCallback(function (task) {
-        var tasks = taskData.filter(function (t) { return t !== task; });
-        var event = {
-            data: tasks,
-            type: TASKBOARD_TASK,
-            previousItem: task,
-            item: null
-        };
-        onChange.call(undefined, event);
-    }, [onChange, taskData]);
-    var onColumnChange = React.useCallback(function (newColumn, prevColumn) {
-        var data = columnData.slice();
-        var index = data.indexOf(prevColumn);
-        if (index !== -1) {
-            if (newColumn) {
-                data.splice(index, 1, newColumn);
-            }
-            else {
-                data.splice(index, 1);
-            }
-        }
-        var event = {
-            data: data,
-            type: TASKBOARD_COLUMN,
-            previousItem: prevColumn,
-            item: newColumn
-        };
-        onChange.call(undefined, event);
-    }, [onChange, columnData]);
-    return (React.createElement("div", { id: id, style: style, ref: taskboardElementRef, className: classNames('k-widget k-taskboard', className) },
-        toolbar,
-        React.createElement("div", { className: 'k-taskboard-content', style: dragTarget ? { userSelect: 'none' } : undefined },
-            React.createElement("div", { className: 'k-taskboard-columns-container', ref: elementRef }, (columnDataState || columnData).map(function (column) { return (React.createElement(TaskBoardColumnBase, { key: column.id, tabIndex: props.tabIndex, column: column, tasks: tasksMap[column.status] || [], dragTargetRef: dragTargetRef, onTaskCreate: onTaskCreate, onTaskEdit: onTaskEdit, onTaskDelete: onTaskDelete, onColumnChange: onColumnChange, columnComponent: props.column || TaskBoardColumn, cardComponent: props.card || TaskBoardCard, priorities: props.priorities })); }))),
-        dragTarget && dragTarget.type === TASKBOARD_TASK && (React.createElement(TaskBoardCardBase, { elementRef: dragCardCueRef, style: {
-                position: 'absolute',
-                width: dragTarget.width,
-                height: dragTarget.height,
-                top: position.top,
-                left: position.left,
-                zIndex: 10,
-                borderLeftColor: dragTarget.item.priority ? dragTarget.item.priority.color : dragTarget.item.color
-            }, task: dragTarget.item, dragTargetRef: dragTargetRef, cardComponent: props.card || TaskBoardCard, onDeleteTask: noop, showEditPane: noop })),
-        dragTarget && dragTarget.type === TASKBOARD_COLUMN && (React.createElement(TaskBoardColumnBase, { elementRef: dragColumnCueRef, style: {
-                position: 'absolute',
-                width: dragTarget.width,
-                height: dragTarget.height,
-                top: position.top,
-                left: position.left,
-                zIndex: 10
-            }, cardComponent: props.card || TaskBoardCard, columnComponent: props.column || TaskBoardColumn, column: dragTarget.item, tasks: tasksMap[dragTarget.item.status], priorities: props.priorities, dragTargetRef: dragTargetRef, onTaskDelete: onTaskDelete, onColumnChange: onColumnChange, onTaskEdit: onTaskEdit, onTaskCreate: onTaskCreate }))));
-});
-TaskBoard.propTypes = {
-    columnData: PropTypes.array.isRequired,
-    taskData: PropTypes.array.isRequired
-};
-TaskBoard.displayName = 'KendoReactTaskBoard';

package/dist/es/TaskBoardAddCard.d.ts

@@ -1,28 +0,0 @@
-import * as React from 'react';
-import { TaskBoardTaskEditPaneProps } from './TaskBoardTaskEditPane';
-import { TaskBoardPriority, TaskBoardTaskModel } from './TaskBoard';
-/**
- * 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/dist/es/TaskBoardAddCard.js

@@ -1,14 +0,0 @@
-import * as React from 'react';
-import { useLocalization } from '@progress/kendo-react-intl';
-import { messages, taskBoardAddCardPaneTitle, taskBoardAddCardTitleLabel, taskBoardAddCardDescriptionLabel, taskBoardAddCardCreateButton, taskBoardEditPaneCancelBtn, taskBoardEditPaneTitleLabel, taskBoardEditPaneDescriptionLabel, taskBoardEditPanePriorityLabel, taskBoardAddCardPriorityLabel } from './messages';
-import { useTaskEditing } from './hooks/taskEditing';
-/**
- * Represents the TaskBoardAddCard component.
- */
-export var TaskBoardAddCard = 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(taskBoardAddCardPaneTitle, messages[taskBoardAddCardPaneTitle]), titleInputTitle: localization.toLanguageString(taskBoardAddCardTitleLabel, messages[taskBoardAddCardTitleLabel]), descriptionInputTitle: localization.toLanguageString(taskBoardAddCardDescriptionLabel, messages[taskBoardAddCardDescriptionLabel]), priorityDropDownTitle: localization.toLanguageString(taskBoardAddCardPriorityLabel, messages[taskBoardAddCardPriorityLabel]), titleLabel: localization.toLanguageString(taskBoardEditPaneTitleLabel, messages[taskBoardEditPaneTitleLabel]), descriptionLabel: localization.toLanguageString(taskBoardEditPaneDescriptionLabel, messages[taskBoardEditPaneDescriptionLabel]), priorityLabel: localization.toLanguageString(taskBoardEditPanePriorityLabel, messages[taskBoardEditPanePriorityLabel]), saveButton: localization.toLanguageString(taskBoardAddCardCreateButton, messages[taskBoardAddCardCreateButton]), cancelButton: localization.toLanguageString(taskBoardEditPaneCancelBtn, messages[taskBoardEditPaneCancelBtn]), priorities: props.priorities, onSave: onSave, onClose: props.onClose, onTitleChange: onTitleChange, title: title, onDescriptionChange: onDescriptionChange, description: description, onPriorityChange: onPriorityChange, priority: priority }));
-};
-TaskBoardAddCard.propTypes = {};
-TaskBoardAddCard.displayName = 'KendoReactTaskBoardAddCard';

package/dist/es/TaskBoardCardBase.d.ts

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

package/dist/es/TaskBoardCardBase.js

@@ -1,95 +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 { Card } from '@progress/kendo-react-layout';
-import { TASKBOARD_PLACEHOLDER } from './constants';
-import { useLocalization } from '@progress/kendo-react-intl';
-import { messages, taskBoardDeleteTaskDialogMessage, taskBoardDeleteTaskDialogTitle, taskBoardDeleteTaskConfirmButton, taskBoardDeleteTaskCancelButton, taskBoardEditCardButton, taskBoardDeleteCardButton, taskBoardPreviewPanePriorityLabel, taskBoardPreviewPaneDeleteBtn, taskBoardPreviewPaneEditBtn } from './messages';
-import { TaskBoardCardHeader } from './card/CardHeader';
-import { TaskBoardCardBody } from './card/CardBody';
-import { TaskBoardConfirmDialog } from './TaskBoardConfirmDialog';
-import { TaskBoardPreviewDialog } from './card/PreviewDialog';
-import { pencilIcon, trashIcon } from '@progress/kendo-svg-icons';
-/**
- * Represents the TaskBoardCardBase component.
- *
- * @hidden
- */
-export var TaskBoardCardBase = function (props) {
-    var _a;
-    var onDeleteTask = props.onDeleteTask, showEditPane = props.showEditPane, task = props.task, style = props.style, dragTargetRef = props.dragTargetRef, elementRef = props.elementRef;
-    var _b = React.useState(false), optionMenuVisible = _b[0], setOptionMenuVisible = _b[1];
-    var _c = React.useState(false), confirmTaskDeleteVisible = _c[0], setConfirmTaskDeleteVisible = _c[1];
-    var _d = React.useState(false), showTaskPreviewPane = _d[0], setShowTaskPreviewPane = _d[1];
-    var popupRef = React.useRef(null);
-    var localization = useLocalization();
-    var optionButtons = [
-        {
-            text: localization.toLanguageString(taskBoardEditCardButton, messages[taskBoardEditCardButton]),
-            icon: 'pencil',
-            svgIcon: pencilIcon,
-            data: function () {
-                showEditPane(task);
-                setOptionMenuVisible(!optionMenuVisible);
-            }
-        },
-        {
-            text: localization.toLanguageString(taskBoardDeleteCardButton, messages[taskBoardDeleteCardButton]),
-            icon: 'trash',
-            svgIcon: trashIcon,
-            data: function () {
-                setConfirmTaskDeleteVisible(!confirmTaskDeleteVisible);
-                setOptionMenuVisible(!optionMenuVisible);
-            }
-        }
-    ];
-    var handleSelect = function (e) {
-        e.item.data();
-    };
-    var onShowMenu = function () {
-        setOptionMenuVisible(true);
-    };
-    var onHideMenu = function () {
-        setOptionMenuVisible(false);
-    };
-    var onMenuButtonBlur = function (event) {
-        var popup = popupRef.current && popupRef.current.element;
-        if (popup && popup.contains(event.relatedTarget)) {
-            return;
-        }
-        setOptionMenuVisible(false);
-    };
-    var closeConfirmDialog = function () {
-        setConfirmTaskDeleteVisible(!confirmTaskDeleteVisible);
-    };
-    var onShowTaskPreviewPane = function () {
-        setShowTaskPreviewPane(true);
-    };
-    var onClosePreviewPane = function () {
-        setShowTaskPreviewPane(false);
-    };
-    var onTaskEdit = function () {
-        showEditPane(task);
-        onShowTaskPreviewPane();
-    };
-    if (task.isPlaceholder && dragTargetRef && dragTargetRef.current) {
-        return (React.createElement("div", __assign({ style: { width: dragTargetRef.current.width, height: dragTargetRef.current.height }, className: 'k-taskboard-drag-placeholder' }, (_a = {}, _a[TASKBOARD_PLACEHOLDER] = true, _a))));
-    }
-    return (React.createElement(props.cardComponent, { task: task, style: style, tabIndex: props.tabIndex, disabled: props.disabled, elementRef: elementRef, showMenu: optionMenuVisible, showDeleteConfirm: confirmTaskDeleteVisible, showTaskPreviewPane: showTaskPreviewPane, menuItems: optionButtons, popupRef: popupRef, confirmDialogMessage: localization.toLanguageString(taskBoardDeleteTaskDialogMessage, messages[taskBoardDeleteTaskDialogMessage]), confirmDialogTitle: localization.toLanguageString(taskBoardDeleteTaskDialogTitle, messages[taskBoardDeleteTaskDialogTitle]), confirmDialogConfirmButton: localization.toLanguageString(taskBoardDeleteTaskConfirmButton, messages[taskBoardDeleteTaskConfirmButton]), confirmDialogCancelButton: localization.toLanguageString(taskBoardDeleteTaskCancelButton, messages[taskBoardDeleteTaskCancelButton]), previewDialogPriorityLabel: localization.toLanguageString(taskBoardPreviewPanePriorityLabel, messages[taskBoardPreviewPanePriorityLabel]), previewDialogDelete: localization.toLanguageString(taskBoardPreviewPaneDeleteBtn, messages[taskBoardPreviewPaneDeleteBtn]), previewDialogEdit: localization.toLanguageString(taskBoardPreviewPaneEditBtn, messages[taskBoardPreviewPaneEditBtn]), onShowPreviewPane: onShowTaskPreviewPane, onClosePreviewPane: onClosePreviewPane, onMenuItemSelect: handleSelect, onShowMenu: onShowMenu, onHideMenu: onHideMenu, onMenuButtonBlur: onMenuButtonBlur, onTaskDelete: onDeleteTask, onTaskEdit: onTaskEdit, onCloseConfirmDialog: closeConfirmDialog, card: Card, cardHeader: TaskBoardCardHeader, cardBody: TaskBoardCardBody, confirmDialog: TaskBoardConfirmDialog, previewDialog: TaskBoardPreviewDialog }));
-};
-var defaultProps = {};
-TaskBoardCardBase.propTypes = {
-    task: PropTypes.object.isRequired
-};
-TaskBoardCardBase.defaultProps = defaultProps;
-TaskBoardCardBase.displayName = 'KendoReactTaskBoardCardBase';