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

package/dist/es/hooks/taskEditing.js

@@ -1,32 +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';
-export var 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 (_event) {
-        var nextTask = __assign(__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/es/main.d.ts

@@ -1,14 +0,0 @@
-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/es/main.js

@@ -1,14 +0,0 @@
-export { TaskBoard } from './TaskBoard';
-export { TaskBoardToolbar } from './TaskBoardToolbar';
-export { TaskBoardCard } from './card/Card';
-export { TaskBoardCardHeader } from './card/CardHeader';
-export { TaskBoardCardBody } from './card/CardBody';
-export { TaskBoardColumn } from './column/Column';
-export { TaskBoardColumnHeader } from './column/ColumnHeader';
-export { TaskBoardColumnBody } from './column/ColumnBody';
-export { TaskBoardConfirmDialog } from './TaskBoardConfirmDialog';
-export { TaskBoardPreviewDialog } from './card/PreviewDialog';
-export { TaskBoardAddCard } from './TaskBoardAddCard';
-export { TaskBoardEditCard } from './TaskBoardEditCard';
-export { TaskBoardTaskEditPane } from './TaskBoardTaskEditPane';
-export { useTaskEditing } from './hooks/taskEditing';

package/dist/es/messages/index.js

@@ -1,151 +0,0 @@
-var _a;
-/**
- * @hidden
- */
-export var taskBoardAddColumnButton = 'taskBoard.toolbarAddColumnButton';
-/**
- * @hidden
- */
-export var taskBoardSearchField = 'taskBoard.toolbarSearchField';
-/**
- * @hidden
- */
-export var taskBoardEditColumnButton = 'taskBoard.editColumnButton';
-/**
- * @hidden
- */
-export var taskBoardAddCardButton = 'taskBoard.addCardButton';
-/**
- * @hidden
- */
-export var taskBoardDeleteColumnButton = 'taskBoard.deleteColumnButton';
-/**
- * @hidden
- */
-export var taskBoardEditCardButton = 'taskBoard.editCardButton';
-/**
- * @hidden
- */
-export var taskBoardDeleteCardButton = 'taskBoard.deleteCardButton';
-/**
- * @hidden
- */
-export var taskBoardDeleteTaskDialogMessage = 'taskBoard.deleteTaskDialogMessage';
-/**
- * @hidden
- */
-export var taskBoardDeleteTaskDialogTitle = 'taskBoard.deleteTaskDialogTitle';
-/**
- * @hidden
- */
-export var taskBoardDeleteTaskConfirmButton = 'taskBoard.deleteTaskConfirmButton';
-/**
- * @hidden
- */
-export var taskBoardDeleteTaskCancelButton = 'taskBoard.deleteTaskCancelButton';
-/**
- * @hidden
- */
-export var taskBoardAddCardPaneTitle = 'taskBoard.addCardTitle';
-/**
- * @hidden
- */
-export var taskBoardAddCardTitleLabel = 'taskBoard.addCardTitleLabel';
-/**
- * @hidden
- */
-export var taskBoardAddCardDescriptionLabel = 'taskBoard.addCardDescriptionLabel';
-/**
- * @hidden
- */
-export var taskBoardAddCardPriorityLabel = 'taskBoard.addCardPriorityLabel';
-/**
- * @hidden
- */
-export var taskBoardAddCardCreateButton = 'taskBoard.addCardCreateButton';
-/**
- * @hidden
- */
-export var taskBoardDelColumnDialogMsg = 'taskBoard.deleteColumnDialogMessage';
-/**
- * @hidden
- */
-export var taskBoardDelColumnDialogTitle = 'taskBoard.deleteColumnDialogTitle';
-/**
- * @hidden
- */
-export var taskBoardDelColumnConfirmBtn = 'taskBoard.deleteColumnConfirmButton';
-/**
- * @hidden
- */
-export var taskBoardDelColumnCancelBtn = 'taskBoard.deleteColumnCancelButton';
-/**
- * @hidden
- */
-export var taskBoardEditCardPaneTitle = 'taskBoard.editCardPaneTitle';
-/**
- * @hidden
- */
-export var taskBoardEditCardPaneSaveBtn = 'taskBoard.editCardPaneSaveButton';
-/**
- * @hidden
- */
-export var taskBoardEditPaneTitleLabel = 'taskBoard.editPaneTitleLabel';
-/**
- * @hidden
- */
-export var taskBoardEditPaneDescriptionLabel = 'taskBoard.editPaneDescriptionLabel';
-/**
- * @hidden
- */
-export var taskBoardEditPanePriorityLabel = 'taskBoard.editPanePriorityLabel';
-/**
- * @hidden
- */
-export var taskBoardEditPaneCancelBtn = 'taskBoard.editPaneCancelButton';
-/**
- * @hidden
- */
-export var taskBoardPreviewPanePriorityLabel = 'taskBoard.previewPanePriorityLabel';
-/**
- * @hidden
- */
-export var taskBoardPreviewPaneDeleteBtn = 'taskBoard.previewPaneDeleteButton';
-/**
- * @hidden
- */
-export var taskBoardPreviewPaneEditBtn = 'taskBoard.previewPaneEditButton';
-/**
- * @hidden
- */
-export var messages = (_a = {},
-    _a[taskBoardAddColumnButton] = 'Add column',
-    _a[taskBoardSearchField] = 'Search',
-    _a[taskBoardEditColumnButton] = 'Edit column',
-    _a[taskBoardAddCardButton] = 'Add card',
-    _a[taskBoardDeleteColumnButton] = 'Delete column',
-    _a[taskBoardEditCardButton] = 'Edit card',
-    _a[taskBoardDeleteCardButton] = 'Delete card',
-    _a[taskBoardDeleteTaskDialogMessage] = 'Are you sure you want to delete this card?',
-    _a[taskBoardDeleteTaskDialogTitle] = 'Delete Card',
-    _a[taskBoardDeleteTaskConfirmButton] = 'Delete',
-    _a[taskBoardDeleteTaskCancelButton] = 'Cancel',
-    _a[taskBoardDelColumnDialogMsg] = 'Are you sure you want to delete this column?',
-    _a[taskBoardDelColumnDialogTitle] = 'Delete column?',
-    _a[taskBoardDelColumnConfirmBtn] = 'Delete',
-    _a[taskBoardDelColumnCancelBtn] = 'Cancel',
-    _a[taskBoardAddCardPaneTitle] = 'Create new card',
-    _a[taskBoardAddCardCreateButton] = 'Create',
-    _a[taskBoardEditPaneCancelBtn] = 'Cancel',
-    _a[taskBoardEditCardPaneTitle] = 'Edit',
-    _a[taskBoardEditCardPaneSaveBtn] = 'Save changes',
-    _a[taskBoardEditPaneTitleLabel] = 'Title:',
-    _a[taskBoardEditPaneDescriptionLabel] = 'Description:',
-    _a[taskBoardEditPanePriorityLabel] = 'Priority:',
-    _a[taskBoardAddCardTitleLabel] = 'Title',
-    _a[taskBoardAddCardDescriptionLabel] = 'Description',
-    _a[taskBoardAddCardPriorityLabel] = 'Priority',
-    _a[taskBoardPreviewPanePriorityLabel] = 'Priority:',
-    _a[taskBoardPreviewPaneDeleteBtn] = 'Delete',
-    _a[taskBoardPreviewPaneEditBtn] = 'Edit',
-    _a);

package/dist/es/package-metadata.d.ts

@@ -1,5 +0,0 @@
-import { PackageMetadata } from '@progress/kendo-licensing';
-/**
- * @hidden
- */
-export declare const packageMetadata: PackageMetadata;

package/dist/es/package-metadata.js

@@ -1,11 +0,0 @@
-/**
- * @hidden
- */
-export var packageMetadata = {
-    name: '@progress/kendo-react-taskboard',
-    productName: 'KendoReact',
-    productCodes: ['KENDOUIREACT', 'KENDOUICOMPLETE'],
-    publishDate: 1700065233,
-    version: '',
-    licensingDocsUrl: 'https://www.telerik.com/kendo-react-ui/my-license/?utm_medium=product&utm_source=kendoreact&utm_campaign=kendo-ui-react-purchase-license-keys-warning'
-};

package/dist/es/utils.d.ts

@@ -1,25 +0,0 @@
-import { ListItemProps } from '@progress/kendo-react-dropdowns';
-import * as React from 'react';
-/**
- * @hidden
- */
-export declare const findIndexes: (dragId: string, dropId: string, taskData: any[]) => {
-    dragIndex: number;
-    dropIndex: number;
-} | null;
-/**
- * @hidden
- */
-export declare const closestTaskBoardElement: (node: Element) => null | {
-    id: string;
-    type: string;
-    element: Element;
-};
-/**
- * @hidden
- */
-export declare const itemRender: (li: React.ReactElement<HTMLLIElement>, itemProps: ListItemProps) => React.ReactElement<HTMLLIElement, string | React.JSXElementConstructor<any>>;
-/**
- * @hidden
- */
-export declare const valueRender: (element: React.ReactElement<HTMLSpanElement>, value: any) => React.ReactElement<HTMLSpanElement, string | React.JSXElementConstructor<any>>;

package/dist/es/utils.js

@@ -1,81 +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 { TASKBOARD_ITEM_ID, TASKBOARD_ITEM_TYPE } from './constants';
-/**
- * @hidden
- */
-export var findIndexes = function (dragId, dropId, taskData) {
-    var dropIndex = -1;
-    var dragIndex = -1;
-    for (var i = 0; i < taskData.length; i++) {
-        var currentId = String(taskData[i].id);
-        if (currentId === dragId) {
-            dragIndex = i;
-        }
-        if (currentId === dropId) {
-            dropIndex = i;
-        }
-        if (dropIndex !== -1 && dragIndex !== -1) {
-            return {
-                dragIndex: dragIndex,
-                dropIndex: dropIndex
-            };
-        }
-    }
-    return null;
-};
-/**
- * @hidden
- */
-export var closestTaskBoardElement = function (node) {
-    while (node) {
-        if (!node.getAttribute) {
-            return null;
-        }
-        var itemId = node.getAttribute(TASKBOARD_ITEM_ID);
-        if (itemId) {
-            return {
-                id: itemId,
-                type: node.getAttribute(TASKBOARD_ITEM_TYPE) || '',
-                element: node
-            };
-        }
-        node = node.parentNode;
-    }
-    return null;
-};
-/**
- * @hidden
- */
-export var itemRender = function (li, itemProps) {
-    var color = itemProps.dataItem.color;
-    var itemChildren = (React.createElement(React.Fragment, null,
-        React.createElement("span", { style: { backgroundColor: color } }, "\u00A0"),
-        li.props.children));
-    return React.cloneElement(li, li.props, itemChildren);
-};
-/**
- * @hidden
- */
-export var valueRender = function (element, value) {
-    if (!value) {
-        return element;
-    }
-    var children = (React.createElement(React.Fragment, null,
-        React.createElement("span", { style: { backgroundColor: value.color } }, "\u00A0"),
-        React.createElement("span", null,
-            React.createElement(React.Fragment, null,
-                "\u00A0 ",
-                element.props.children))));
-    return React.cloneElement(element, __assign({}, element.props), children);
-};

package/dist/npm/TaskBoard.d.ts

@@ -1,145 +0,0 @@
-import * as React from 'react';
-import { TaskBoardCardProps } from './card/Card';
-import { TaskBoardColumnProps } from './column/Column';
-/**
- * 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 {
-}
-/**
- * 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;
-}
-/**
- * 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.
-     */
-    columnData: TaskBoardColumnModel[];
-    /**
-     * Represents the task data from type TaskBoardTaskModel.
-     */
-    taskData: TaskBoardTaskModel[];
-    /**
-     * Specifies the priorities of the task board.
-     */
-    priorities: TaskBoardPriority[];
-    /**
-     * Specifies a list of CSS classes that will be added to the TaskBoard element.
-     */
-    className?: string | Array<string>;
-    /**
-     * Specifies the id that will be added to the TaskBoard element.
-     */
-    id?: string;
-    /**
-     * Specifies the `tabIndex` that will be added to the TaskBoard Column and Card elements.
-     */
-    tabIndex?: number;
-    /**
-     * Represents the styles that are applied to the TaskBoard.
-     */
-    style?: React.CSSProperties;
-    /**
-     * The React elements that will be rendered inside the toolbar of the TaskBoard.
-     */
-    children?: React.ReactNode;
-    /**
-     * Represents the `onChange` event. Triggered after tasks changes.
-     */
-    onChange: (event: TaskBoardChangeEvent) => void;
-    /**
-     * Represents the TaskBoardCard component.
-     */
-    card?: React.ComponentType<TaskBoardCardProps>;
-    /**
-     * Represents the TaskBoardColumn component.
-     */
-    column?: React.ComponentType<TaskBoardColumnProps>;
-}
-/**
- * Represents the [KendoReact TaskBoard component]({% slug overview_taskboard %}).
- *
- * Accepts properties of type [TaskBoardProps]({% slug api_taskboard_taskboardprops %}).
- */
-export declare const TaskBoard: React.ForwardRefExoticComponent<TaskBoardProps & React.RefAttributes<TaskBoardHandle | null>>;
-export {};