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

package/dist/es/rows/TreeListDraggableRow.js

@@ -1,171 +0,0 @@
-var __extends = (this && this.__extends) || (function () {
-    var extendStatics = function (d, b) {
-        extendStatics = Object.setPrototypeOf ||
-            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
-        return extendStatics(d, b);
-    };
-    return function (d, b) {
-        if (typeof b !== "function" && b !== null)
-            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
-        extendStatics(d, b);
-        function __() { this.constructor = d; }
-        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
-    };
-})();
-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 ReactDOM from 'react-dom';
-import { Draggable, IconWrap, canUseDOM, classNames } from '@progress/kendo-react-common';
-import { TreeListRow } from './TreeListRow';
-import { cancelIcon, plusIcon } from '@progress/kendo-svg-icons';
-var RowDragClue = function (props) {
-    return props.visible && canUseDOM ?
-        ReactDOM.createPortal((React.createElement("div", { className: "k-header k-drag-clue", style: {
-                display: 'block',
-                position: 'absolute',
-                zIndex: 20000,
-                padding: '8px 12px',
-                top: props.top + 'px',
-                left: props.left + 'px'
-            } },
-            React.createElement(IconWrap, { className: classNames('k-drag-status'), name: props.allowDrop ? 'plus' : 'cancel', icon: props.allowDrop ? plusIcon : cancelIcon }),
-            props.text)), document.body) : null;
-};
-function targetRowIndex(event, parent, currentDocument) {
-    if (!event.originalEvent) {
-        return -1;
-    }
-    var row = targetElement(event, 'tr', currentDocument);
-    if (row) {
-        var rows = parent ? parent.childNodes : [];
-        for (var i = 0; i < rows.length; i++) {
-            if (rows[i] === row) {
-                return i;
-            }
-        }
-    }
-    return -1;
-}
-function targetElement(event, closest, currentDocument) {
-    var target = currentDocument ? currentDocument.elementFromPoint(event.clientX, event.clientY) : null;
-    return ((closest && target) ? target.closest(closest) : null);
-}
-var treelist = 'k-grid k-grid-md';
-var defaultClueState = {
-    visible: false,
-    top: 0,
-    left: 0,
-    text: '',
-    allowDrop: false
-};
-/**
- * The TreeList draggable row component.
- */
-var TreeListDraggableRow = /** @class */ (function (_super) {
-    __extends(TreeListDraggableRow, _super);
-    function TreeListDraggableRow() {
-        var _this = _super !== null && _super.apply(this, arguments) || this;
-        /**
-         * @hidden
-         */
-        _this.state = {
-            clueProps: __assign({}, defaultClueState)
-        };
-        _this.draggable = React.createRef();
-        _this.dragged = null;
-        _this.draggedOver = null;
-        _this.onPress = function () { return _this.dragged = _this.props.level; };
-        _this.onDrag = function (args) {
-            if (!canUseDOM) {
-                return;
-            }
-            var element = _this.draggable.current && _this.draggable.current.element;
-            var ownerDocument = element ? element.ownerDocument : document;
-            if (!ownerDocument) {
-                return;
-            }
-            var event = args.event;
-            var dragged = _this.dragged;
-            if (element && dragged) {
-                if (!event.isTouch && event.type !== 'scroll') {
-                    event.originalEvent.preventDefault();
-                }
-                var hovered_1 = _this.props.levels[targetRowIndex(event, element.parentNode, ownerDocument)];
-                _this.draggedOver = hovered_1;
-                var allowDrop = hovered_1 ?
-                    !dragged.every(function (num, i) { return num === hovered_1[i]; }) :
-                    Boolean(targetElement(event, treelist, ownerDocument));
-                _this.setState({
-                    clueProps: {
-                        visible: true,
-                        top: (event.pageY + 10),
-                        left: event.pageX,
-                        text: element.innerText,
-                        allowDrop: allowDrop
-                    }
-                });
-                if (_this.props.onDrag) {
-                    _this.props.onDrag.call(undefined, {
-                        nativeEvent: event.originalEvent,
-                        dragged: dragged,
-                        draggedOver: hovered_1,
-                        draggedItem: _this.props.dataItem
-                    });
-                }
-            }
-        };
-        _this.onRelease = function (args) {
-            var event = args.event;
-            if (_this.dragged) {
-                var dragged = __spreadArray([], _this.dragged, true);
-                var draggedOver = _this.draggedOver && __spreadArray([], _this.draggedOver, true);
-                var allowDrop = _this.state.clueProps.allowDrop;
-                _this.dragged = null;
-                _this.draggedOver = null;
-                _this.setState({ clueProps: __assign({}, defaultClueState) });
-                var draggedItem = _this.props.dataItem;
-                if (allowDrop && _this.props.onDrop) {
-                    _this.props.onDrop.call(undefined, {
-                        nativeEvent: event.originalEvent,
-                        dragged: dragged,
-                        draggedOver: draggedOver,
-                        draggedItem: draggedItem
-                    });
-                }
-            }
-        };
-        return _this;
-    }
-    /**
-     * @hidden
-     */
-    TreeListDraggableRow.prototype.render = function () {
-        var clueProps = this.state.clueProps;
-        return (React.createElement(React.Fragment, null,
-            React.createElement(Draggable, { ref: this.draggable, onPress: this.onPress, onDrag: this.onDrag, onRelease: this.onRelease },
-                React.createElement(TreeListRow, __assign({}, this.props))),
-            React.createElement(RowDragClue, __assign({}, clueProps))));
-    };
-    return TreeListDraggableRow;
-}(React.Component));
-export { TreeListDraggableRow };

package/dist/es/rows/TreeListRow.d.ts

@@ -1,6 +0,0 @@
-import * as React from 'react';
-import { TreeListRowProps } from '../interfaces/TreeListRowProps';
-/**
- * The default row component of the TreeList.
- */
-export declare const TreeListRow: React.ForwardRefExoticComponent<TreeListRowProps & React.RefAttributes<HTMLTableRowElement>>;

package/dist/es/rows/TreeListRow.js

@@ -1,31 +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 { TREELIST_ROW_INDEX_ATTRIBUTE } from '../constants';
-/**
- * The default row component of the TreeList.
- */
-export var TreeListRow = React.forwardRef(function (props, ref) {
-    var _a;
-    var isSelected = props.isSelected, rowHeight = props.rowHeight, isAltRow = props.isAltRow, expanded = props.expanded, ariaRowIndex = props.ariaRowIndex, level = props.level, ariaSetSize = props.ariaSetSize, ariaPosInSet = props.ariaPosInSet;
-    var className = classNames('k-table-row', 'k-master-row', {
-        'k-selected': isSelected,
-        'k-alt': isAltRow
-    });
-    var style = React.useMemo(function () { return rowHeight !== undefined ? { height: rowHeight + 'px' } : undefined; }, [rowHeight]);
-    var defaultRendering = (React.createElement("tr", __assign({ onClick: props.onClick, onDoubleClick: props.onDoubleClick, onContextMenu: props.onContextMenu, className: className, style: style, ref: ref, "aria-expanded": expanded, role: 'row', "aria-rowindex": ariaRowIndex, "aria-level": level.length, "aria-posinset": ariaPosInSet, "aria-setsize": ariaSetSize }, (_a = {}, _a[TREELIST_ROW_INDEX_ATTRIBUTE] = props.rowIndex, _a)), props.children));
-    return (React.createElement(React.Fragment, null, props.render ?
-        props.render.call(undefined, defaultRendering, props) :
-        defaultRendering));
-});
-TreeListRow.displayName = 'KendoReactTreeListRow';

package/dist/es/utils/index.d.ts

@@ -1,17 +0,0 @@
-import { DataItemWrapper } from '../interfaces/DataItemWrapper';
-/**
- * @hidden
- */
-export declare function getNestedValue(fieldName: string | undefined, dataItem: any): any;
-/**
- * @hidden
- */
-export declare function setHeaderRowsTop(table: HTMLTableElement, toolbarHeight: number, rowHeight?: (row: HTMLTableRowElement) => string | undefined): void;
-/**
- * @hidden
- */
-export declare function tableRowsVirtualization(args: {
-    rows: DataItemWrapper[];
-    tableViewPortHeight: number;
-    scrollTop: number;
-}): DataItemWrapper[];

package/dist/es/utils/index.js

@@ -1,68 +0,0 @@
-/**
- * @hidden
- */
-export function getNestedValue(fieldName, dataItem) {
-    var path = (fieldName || '').split('.');
-    var data = dataItem;
-    path.forEach(function (p) {
-        data = data ? data[p] : undefined;
-    });
-    return data;
-}
-function inPX(value) {
-    return value !== undefined && (typeof value === 'number' || /px$/i.test(String(value)));
-}
-/**
- * @hidden
- */
-export function setHeaderRowsTop(table, toolbarHeight, rowHeight) {
-    var rows = Array.from(table.tHead && table.tHead.rows || []);
-    var heights = [toolbarHeight];
-    var height;
-    var calculateRowHeight = rowHeight ||
-        (function (row) { return window.getComputedStyle(row).height || undefined; });
-    rows.forEach(function (row) {
-        var computedHeight = calculateRowHeight(row);
-        heights.push(inPX(computedHeight) ? parseFloat(String(computedHeight)) : row.offsetHeight);
-    });
-    for (var i = 0; i < rows.length; i++) {
-        height = heights.slice(0, i + 1).reduce(function (acc, curr) { return acc + curr; });
-        Array.from(rows[i].cells).forEach(function (c) { return c.style.top = height + 'px'; });
-    }
-}
-var MAX_LEVEL = 1000000;
-/**
- * @hidden
- */
-export function tableRowsVirtualization(args) {
-    var rows = args.rows, tableViewPortHeight = args.tableViewPortHeight, scrollTop = args.scrollTop;
-    if (rows.length === 0) {
-        return [];
-    }
-    var itemHeight = rows[0].height;
-    var scrollItemIndex = Math.min(Math.round(scrollTop / itemHeight), rows.length);
-    var itemsOnOneScreen = Math.round(tableViewPortHeight / itemHeight);
-    var start = Math.max(0, scrollItemIndex - itemsOnOneScreen);
-    var end = Math.min(rows.length, scrollItemIndex + (2 * itemsOnOneScreen));
-    var items = rows.slice(start, end);
-    var lastItem = items[items.length - 1];
-    if (start > 0) {
-        items.unshift({
-            dataItem: {},
-            level: [MAX_LEVEL],
-            offsetTop: 0,
-            height: items[0].offsetTop,
-            levelCount: 0
-        });
-    }
-    if (end < rows.length - 1) {
-        items.push({
-            dataItem: {},
-            level: [MAX_LEVEL, MAX_LEVEL],
-            offsetTop: lastItem.offsetTop + lastItem.height,
-            height: (rows.length - end) * itemHeight,
-            levelCount: 0
-        });
-    }
-    return items;
-}

package/dist/npm/ScrollMode.d.ts

@@ -1 +0,0 @@
-export declare type ScrollMode = 'none' | 'scrollable' | 'virtual';

package/dist/npm/ScrollMode.js

@@ -1,2 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });

package/dist/npm/TreeList.d.ts

@@ -1,133 +0,0 @@
-import * as React from 'react';
-import * as PropTypes from 'prop-types';
-import { CommonDragLogic, TableKeyboardNavigationContextType } from '@progress/kendo-react-data-tools';
-import { TreeListCellProps } from './interfaces/TreeListCellProps';
-import { TreeListProps } from './interfaces/TreeListProps';
-import { TreeListHeaderCellProps } from './interfaces/TreeListHeaderCellProps';
-import { TreeListFilterCellProps } from './interfaces/TreeListFilterCellProps';
-/**
- * Represents the [KendoReact TreeList component]({% slug getstarted_treelist %}).
- */
-export declare class TreeList extends React.Component<TreeListProps, {}> {
-    /**
-     * @hidden
-     */
-    static propTypes: {
-        data: PropTypes.Requireable<any[]>;
-        resizable: PropTypes.Requireable<boolean>;
-        reorderable: PropTypes.Requireable<boolean>;
-        sortable: PropTypes.Requireable<NonNullable<boolean | PropTypes.InferProps<{
-            mode: PropTypes.Requireable<string>;
-            allowUnsort: PropTypes.Requireable<boolean>;
-        }> | null | undefined>>;
-        onSortChange: PropTypes.Requireable<(...args: any[]) => any>;
-        sort: PropTypes.Requireable<any[]>;
-        columns: PropTypes.Requireable<(object | null | undefined)[]>;
-        columnVirtualization: PropTypes.Requireable<boolean>;
-        filter: PropTypes.Requireable<any[]>;
-        onFilterChange: PropTypes.Requireable<(...args: any[]) => any>;
-        filterRow: PropTypes.Requireable<any>;
-        toolbar: PropTypes.Requireable<any>;
-        noRecords: PropTypes.Requireable<any>;
-        onExpandChange: PropTypes.Requireable<(...args: any[]) => any>;
-        expandField: PropTypes.Requireable<string>;
-        subItemsField: PropTypes.Requireable<string>;
-        selectedField: PropTypes.Requireable<string>;
-        onSelectionChange: PropTypes.Requireable<(...args: any[]) => any>;
-        onHeaderSelectionChange: PropTypes.Requireable<(...args: any[]) => any>;
-        onRowClick: PropTypes.Requireable<(...args: any[]) => any>;
-        onItemChange: PropTypes.Requireable<(...args: any[]) => any>;
-        editField: PropTypes.Requireable<string>;
-        scrollable: PropTypes.Requireable<string>;
-        rowHeight: PropTypes.Requireable<number>;
-        style: PropTypes.Requireable<object>;
-        tableProps: PropTypes.Requireable<object>;
-        pager: PropTypes.Requireable<any>;
-        skip: PropTypes.Requireable<number>;
-        take: PropTypes.Requireable<number>;
-        onPageChange: PropTypes.Requireable<(...args: any[]) => any>;
-        onDataStateChange: PropTypes.Requireable<(...args: any[]) => any>;
-        onColumnResize: PropTypes.Requireable<(...args: any[]) => any>;
-        onColumnReorder: PropTypes.Requireable<(...args: any[]) => any>;
-        dataItemKey: PropTypes.Requireable<string>;
-        navigatable: PropTypes.Requireable<boolean>;
-    };
-    /** @hidden */
-    static contextType: React.Context<TableKeyboardNavigationContextType | undefined>;
-    private wrapperScrollLeft;
-    private wrapperScrollTop;
-    private updateOnScroll;
-    private tbodyOffsetTop;
-    private prevData;
-    private flattedData;
-    private extendedColumn;
-    private columnsMap;
-    private columnResize;
-    private element;
-    protected dragLogic: CommonDragLogic<TreeListCellProps, TreeListHeaderCellProps, TreeListFilterCellProps>;
-    private _treeListId;
-    private get document();
-    private contextStateRef;
-    private navigationStateRef;
-    constructor(props: TreeListProps);
-    /**
-     * Method to allow the scroll to be set to a specific row index.
-     *
-     * @param options - Object, containing the rowIndex to which is going to be scrolled.
-     */
-    scrollIntoView: (options: {
-        rowIndex?: number | undefined;
-    }) => void;
-    /**
-     * @hidden
-     */
-    componentDidMount(): void;
-    /**
-     * @hidden
-     */
-    getSnapshotBeforeUpdate(): null;
-    /**
-     * @hidden
-     */
-    componentDidUpdate(prevProps: TreeListProps): void;
-    /**
-     * @hidden
-     */
-    componentWillUnmount(): void;
-    /**
-     * @hidden
-     */
-    render(): JSX.Element;
-    private getExtendedColumn;
-    private getColumnsMap;
-    private get columns();
-    private get flatData();
-    private onKeyDown;
-    private onFocus;
-    private onRowDrag;
-    private onRowDrop;
-    private columnReorder;
-    private onResize;
-    private handleOnScroll;
-    private calculateSizes;
-    private itemChange;
-    private selectionChange;
-    private onHeaderSelectionChange;
-    private selectionRelease;
-    private sortChange;
-    private headerFilterChange;
-    private filterChange;
-    private columnMenuFilterChange;
-    private expandChange;
-    private rowClick;
-    private rowDoubleClick;
-    private rowContextMenu;
-    private onPageChange;
-    private raiseDataEvent;
-    private getDataState;
-    private getArguments;
-    private expandedSubItems;
-    private getLeafDataItems;
-    private expanded;
-    private hasChildren;
-}