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

package/dist/es/header/HeaderRow.js

@@ -1,166 +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);
-};
-import * as React from 'react';
-import { HeaderCell } from './HeaderCell';
-import { normalize } from './SortSettings';
-import { ColumnResizer } from '../drag/ColumnResizer';
-import { ColumnDraggable } from '../drag/ColumnDraggable';
-import { HeaderThElement } from './HeaderThElement';
-import { classNames, IconWrap, Keys } from '@progress/kendo-react-common';
-import { registerForLocalization, provideLocalizationService as intl } from '@progress/kendo-react-intl';
-import { sortAscSmallIcon, sortDescSmallIcon } from '@progress/kendo-svg-icons';
-import { messages, sortAriaLabel } from '../messages';
-/**
- * @hidden
- */
-var sortSeqMap = {
-    true: { 'asc': 'desc', 'desc': '', '': 'asc' },
-    false: { 'asc': 'desc', 'desc': 'asc', '': 'asc' }
-};
-/**
- * @hidden
- */
-var ariaSortMap = {
-    'none': 'none',
-    'asc': 'ascending',
-    'desc': 'descending'
-};
-/**
- * @hidden
- */
-var HeaderRow = /** @class */ (function (_super) {
-    __extends(HeaderRow, _super);
-    function HeaderRow() {
-        var _this = _super !== null && _super.apply(this, arguments) || this;
-        _this.cellClick = function (e, column) {
-            e.preventDefault();
-            if (!_this.props.sortChange) {
-                return;
-            }
-            var _a = normalize(_this.props.sortable || false, column.sortable || false), allowUnsort = _a.allowUnsort, mode = _a.mode;
-            var oldDescriptor = (_this.props.sort || []).filter(function (d) { return d.field === column.field; })[0];
-            var dir = sortSeqMap[allowUnsort][oldDescriptor && oldDescriptor.dir || ''];
-            var newDescriptor = (mode === 'single') ?
-                [] : (_this.props.sort || []).filter(function (d) { return d.field !== column.field; });
-            if (dir !== '' && column.field) {
-                newDescriptor.push({ field: column.field, dir: dir });
-            }
-            _this.props.sortChange(e, newDescriptor, column.field);
-        };
-        _this.cellKeyDown = function (event, column) {
-            if (event.isDefaultPrevented()) {
-                return;
-            }
-            if (event.keyCode === Keys.enter) {
-                _this.cellClick(event, column);
-            }
-        };
-        _this.cells = function (rowIndexes) { return rowIndexes.map(function (columnIndex, index) {
-            var column = _this.props.columns[columnIndex];
-            var columnResize = _this.props.columnResize;
-            var resizable = columnResize && columnResize.resizable && column.resizable;
-            var sortable = _this.props.sortable && column.sortable;
-            var sortIndex = _this.props.sort ? _this.props.sort.findIndex(function (s) { return s.field === column.field; }) : -1;
-            var sortDir = sortIndex >= 0 ? ((_this.props.sort)[sortIndex].dir || 'none') : 'none';
-            var columnMenuProps = {
-                sort: _this.props.sort,
-                onSortChange: _this.props.sortChange,
-                filter: _this.props.columnMenuFilter,
-                onFilterChange: _this.props.columnMenuFilterChange,
-                field: column.field
-            };
-            var headerCellProps = {
-                field: column.field,
-                onClick: sortable && (function (e) { return _this.cellClick(e, column); }) || undefined,
-                selectionChange: _this.props.selectionChange,
-                title: column.title,
-                selectionValue: column.headerSelectionValue,
-                render: _this.props.cellRender,
-                children: _this.sortIcon(sortIndex),
-                sort: _this.props.sort,
-                sortable: _this.props.sortable,
-                sortChange: _this.props.sortChange,
-                filterChange: _this.props.filterChange,
-                columns: _this.props.columns,
-                columnMenuWrapperProps: columnMenuProps
-            };
-            var ColumnMenu = column.columnMenu || _this.props.columnMenu;
-            var className = classNames('k-table-th', {
-                'k-first': column.kFirst,
-                'k-filterable': Boolean(ColumnMenu),
-                'k-header': true,
-                'k-grid-header-sticky': column.locked,
-                'k-sorted': _this.props.sort && _this.props.sort.some(function (descriptor) { return descriptor.field === column.field; })
-            }, column.headerClassName);
-            var style = (column.locked !== undefined) ? {
-                left: column.left,
-                right: column.right,
-                borderRightWidth: column.rightBorder ? '1px' : ''
-            } : {};
-            var sortLabel = intl(_this).toLanguageString(sortAriaLabel, messages[sortAriaLabel]);
-            var ariaAttrs = column.isAccessible ? {
-                ariaSort: sortable ? ariaSortMap[sortDir] : undefined,
-                role: 'columnheader',
-                ariaColumnIndex: column.ariaColumnIndex,
-                ariaSelected: false,
-                ariaDescription: sortable ? sortLabel : ''
-            } : {
-                role: 'presentation'
-            };
-            return (React.createElement(HeaderThElement, __assign({ key: index, colSpan: column.colSpan, rowSpan: column.rowSpan, className: className, style: style, columnId: column.id, navigatable: column.navigatable, onKeyDown: sortable && (function (e) { return _this.cellKeyDown(e, column); }) || undefined }, ariaAttrs),
-                column.headerCell && React.createElement(column.headerCell, __assign({}, headerCellProps)),
-                !column.headerCell && (React.createElement("span", { className: 'k-cell-inner' },
-                    React.createElement(HeaderCell, __assign({}, headerCellProps)),
-                    ColumnMenu && (React.createElement(ColumnMenu, __assign({}, columnMenuProps))))),
-                columnResize && resizable &&
-                    React.createElement(ColumnResizer, { key: "ColumnResizer", resize: function (e, element, end) { return columnResize.dragHandler(e, column, element, end); } })));
-        }); };
-        return _this;
-    }
-    HeaderRow.prototype.sortIcon = function (sortIndex) {
-        if (!this.props.sort || sortIndex < 0) {
-            return null;
-        }
-        var dir = this.props.sort[sortIndex].dir;
-        if (!dir) {
-            return null;
-        }
-        return [
-            React.createElement(IconWrap, { key: 1, name: "sort-".concat(dir, "-small"), icon: dir === 'asc' ? sortAscSmallIcon : sortDescSmallIcon }),
-            this.props.sort.length > 1 && React.createElement("span", { key: 2, className: "k-sort-order" }, sortIndex + 1)
-        ];
-    };
-    HeaderRow.prototype.render = function () {
-        var _this = this;
-        return this.props.columnsMap.map(function (rowIndexes, i) {
-            return _this.props.pressHandler && (React.createElement(ColumnDraggable, { key: i, pressHandler: _this.props.pressHandler, dragHandler: _this.props.dragHandler, releaseHandler: _this.props.releaseHandler, ariaRowIndex: i + 1 }, _this.cells(rowIndexes))) || React.createElement("tr", { className: 'k-table-row', "aria-rowindex": i + 1, role: 'row' }, _this.cells(rowIndexes));
-        });
-    };
-    return HeaderRow;
-}(React.Component));
-export { HeaderRow };
-registerForLocalization(HeaderRow);

package/dist/es/header/HeaderSelectionCell.d.ts

@@ -1,12 +0,0 @@
-/// <reference types="react" />
-import { HeaderCellProps } from './HeaderCell';
-/**
- * @hidden
- */
-export interface HeaderSelectionCellProps extends HeaderCellProps {
-    inputId: string;
-}
-/**
- * @hidden
- */
-export declare function HeaderSelectionCell(props: HeaderSelectionCellProps): JSX.Element;

package/dist/es/header/HeaderSelectionCell.js

@@ -1,18 +0,0 @@
-import * as React from 'react';
-/**
- * @hidden
- */
-export function HeaderSelectionCell(props) {
-    var defaultRendering = [
-        (React.createElement("input", { key: 0, checked: props.selectionValue, id: props.inputId, type: "checkbox", className: "k-checkbox k-checkbox-md k-rounded-md", onChange: function (e) {
-                return props.selectionChange({
-                    field: props.field,
-                    syntheticEvent: e
-                });
-            } })),
-        (React.createElement("label", { key: 1, className: "k-checkbox-label", htmlFor: props.inputId }))
-    ];
-    return (React.createElement(React.Fragment, null, props.render ?
-        props.render.call(undefined, defaultRendering, props) :
-        defaultRendering));
-}

package/dist/es/header/HeaderThElement.d.ts

@@ -1,23 +0,0 @@
-/// <reference types="react" />
-/**
- * @hidden
- */
-export declare const HeaderThElement: {
-    (props: {
-        ariaSort?: "none" | "ascending" | "descending" | undefined;
-        ariaLabel?: string | undefined;
-        ariaColumnIndex?: number | undefined;
-        ariaSelected?: boolean | undefined;
-        ariaDescription?: string | undefined;
-        colSpan?: number | undefined;
-        rowSpan?: number | undefined;
-        role?: string | undefined;
-        columnId: string;
-        className?: string | undefined;
-        style?: any;
-        children: any;
-        onKeyDown?: any;
-        navigatable?: boolean | undefined;
-    }): JSX.Element;
-    displayName: string;
-};

package/dist/es/header/HeaderThElement.js

@@ -1,25 +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 { useTableKeyboardNavigation } from '../navigation/hooks';
-/**
- * @hidden
- */
-export var HeaderThElement = function (props) {
-    var ariaSort = props.ariaSort, colSpan = props.colSpan, rowSpan = props.rowSpan, className = props.className, style = props.style, columnId = props.columnId, onKeyDown = props.onKeyDown, navigatable = props.navigatable, ariaColumnIndex = props.ariaColumnIndex, ariaLabel = props.ariaLabel, role = props.role, ariaSelected = props.ariaSelected;
-    var navigationAttributes = useTableKeyboardNavigation(columnId, navigatable);
-    return (React.createElement("th", __assign({ "aria-sort": ariaSort, "aria-label": ariaLabel, "aria-colindex": ariaColumnIndex, "aria-selected": ariaSelected, 
-        // TODO: Enable this with React 18. Currently throws warnings
-        // aria-description={ariaDescription}
-        colSpan: colSpan, rowSpan: rowSpan, className: className, style: style, onKeyDown: onKeyDown, role: role }, navigationAttributes), props.children));
-};
-HeaderThElement.displayName = 'KendoReactHeaderThElement';

package/dist/es/header/SortSettings.js

@@ -1,19 +0,0 @@
-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));
-};
-/**
- * @hidden
- */
-export var normalize = function () {
-    var settings = [];
-    for (var _i = 0; _i < arguments.length; _i++) {
-        settings[_i] = arguments[_i];
-    }
-    return Object.assign.apply(Object, __spreadArray([{ allowUnsort: true, mode: 'single' }], settings, false));
-};

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

@@ -1,10 +0,0 @@
-export * from './CellProps';
-export * from './ColumnProps';
-export * from './FilterRow';
-export * from './Header';
-export * from './HeaderCell';
-export * from './HeaderRow';
-export * from './HeaderSelectionCell';
-export * from './SortSettings';
-export * from './utils';
-export * from './HeaderThElement';

package/dist/es/header/index.js

@@ -1,10 +0,0 @@
-export * from './CellProps';
-export * from './ColumnProps';
-export * from './FilterRow';
-export * from './Header';
-export * from './HeaderCell';
-export * from './HeaderRow';
-export * from './HeaderSelectionCell';
-export * from './SortSettings';
-export * from './utils';
-export * from './HeaderThElement';

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

@@ -1,83 +0,0 @@
-import { FilterCellProps } from '../../filteringCells';
-import { CellProps } from '../CellProps';
-import { ExtendedColumnProps, TreeColumnBaseProps } from '../ColumnProps';
-import { HeaderCellProps } from '../HeaderCell';
-/**
- * @hidden
- */
-export declare function nextColumn(columns: {
-    depth: number;
-    locked?: boolean;
-}[], current: number): {
-    depth: number;
-    locked?: boolean | undefined;
-} | null;
-/**
- * @hidden
- */
-export declare function mapColumns(columns: Array<{
-    parentIndex: number;
-    colSpan: number;
-    rowSpan: number;
-    depth: number;
-    kFirst?: boolean;
-    children: any[];
-    width?: string | number;
-    locked?: boolean;
-    index: number;
-    left: number;
-    right: number;
-    rightBorder: boolean;
-    ariaColumnIndex: number;
-}>): number[][];
-/**
- * @hidden
- */
-export declare function updateLeft(columnsMap: number[][], columns: Array<{
-    parentIndex: number;
-    colSpan: number;
-    rowSpan: number;
-    depth: number;
-    kFirst?: boolean;
-    children: any[];
-    width?: string | number;
-    locked?: boolean;
-    index: number;
-    left: number;
-    right: number;
-    rightBorder: boolean;
-    ariaColumnIndex: number;
-}>, generateLeft?: boolean): void;
-/**
- * @hidden
- */
-export declare function updateRight(columnsMap: number[][], columns: Array<{
-    parentIndex: number;
-    colSpan: number;
-    rowSpan: number;
-    depth: number;
-    kFirst?: boolean;
-    children: any[];
-    width?: string | number;
-    locked?: boolean;
-    index: number;
-    left: number;
-    right: number;
-    rightBorder: boolean;
-    ariaColumnIndex: number;
-}>, generateRight?: boolean): void;
-/**
- * @hidden
- */
-export declare function readColumns<C = CellProps, H = HeaderCellProps, F = FilterCellProps>(elements: TreeColumnBaseProps<C, H, F>[], idInfo: {
-    prevId: number;
-    idPrefix: string;
-}, depth?: number): ExtendedColumnProps<C, H, F>[];
-/**
- * @hidden
- */
-export declare function isRtl(element: HTMLElement | null): boolean;
-/**
- * @hidden
- */
-export declare function getIndex(event: any, parent: HTMLTableRowElement | HTMLDivElement | null): number;

package/dist/es/header/utils/index.js

@@ -1,186 +0,0 @@
-import { generateNavigatableId } from '../../navigation/utils';
-import { ColumnDefaultProps } from '../ColumnProps';
-/**
- * @hidden
- */
-export function nextColumn(columns, current) {
-    var currentDepth = columns[current].depth;
-    var next = null;
-    for (var index = current + 1; index < columns.length; index++) {
-        if (columns[index].depth === currentDepth) {
-            next = columns[index];
-            break;
-        }
-    }
-    return next;
-}
-var getColumnWidth = function (column) {
-    var width = column.width ? parseFloat(column.width.toString()) : 0;
-    if (!width && column.children && column.children.length) {
-        width = column.children.reduce(function (currentSum, child) { return getColumnWidth(child) + currentSum; }, 0);
-    }
-    return width;
-};
-/**
- * @hidden
- */
-export function mapColumns(columns) {
-    var columnsMap = [[]];
-    var maxDepth = 0;
-    // set colspans, get maxdepth
-    for (var q = columns.length - 1; q >= 0; q--) {
-        maxDepth = Math.max(maxDepth, columns[q].depth);
-        columns[q].colSpan = columns[q].colSpan || 1;
-        if (columns[q].parentIndex !== -1) {
-            columns[columns[q].parentIndex].colSpan =
-                (columns[columns[q].parentIndex].colSpan || 0) + columns[q].colSpan;
-        }
-    }
-    var colIndexByLevel = [];
-    var rowSpan = 1;
-    // set rowspan, kFirst, index AND create columnsMap
-    columns.forEach(function (column, i) {
-        columnsMap[column.depth] = columnsMap[column.depth] || [];
-        var needKFirst = false;
-        if (columnsMap[column.depth].length === 0) {
-            if (rowSpan <= 1) {
-                rowSpan = 1 + (column.children.length > 0 ? 0 : maxDepth - column.depth);
-            }
-            else {
-                rowSpan--;
-                needKFirst = true;
-            }
-        }
-        column.rowSpan = 1 + (column.children.length > 0 ? 0 : maxDepth - column.depth);
-        column.kFirst = needKFirst;
-        column.index = columnsMap[column.depth].length;
-        columnsMap[column.depth].push(i);
-        column.ariaColumnIndex = colIndexByLevel[column.depth] ? colIndexByLevel[column.depth] + 1 : 1;
-        for (var ci = column.depth; ci < column.depth + column.rowSpan; ci++) {
-            colIndexByLevel[ci] = (colIndexByLevel[ci] || 0) + column.colSpan;
-        }
-    });
-    updateLeft(columnsMap, columns);
-    updateRight(columnsMap, columns);
-    return columnsMap;
-}
-/**
- * @hidden
- */
-export function updateLeft(columnsMap, columns, generateLeft) {
-    var stickyLeftWidth = new Array(columnsMap.length).fill(0);
-    var width = 0;
-    // set left AND create stickyLeftWidth
-    columns.forEach(function (column) {
-        if (column.locked && (!column.left || generateLeft)) {
-            column.left = stickyLeftWidth[column.depth];
-            width = getColumnWidth(column);
-            if (column.children.length === 0) {
-                for (var i = column.depth; i < stickyLeftWidth.length; i++) {
-                    stickyLeftWidth[i] += width;
-                }
-            }
-            else {
-                stickyLeftWidth[column.depth] += width;
-            }
-        }
-    });
-}
-/**
- * @hidden
- */
-export function updateRight(columnsMap, columns, generateRight) {
-    var width = 0;
-    var stickyRightWidth = new Array(columnsMap.length).fill(0);
-    // set right, rightBorder AND create stickyRightWidth
-    for (var i = columns.length - 1; i >= 0; i--) {
-        var column = columns[i];
-        if (column.locked && (!column.right || generateRight)) {
-            column.right = stickyRightWidth[column.depth];
-            width = getColumnWidth(column);
-            if (column.children.length === 0) {
-                for (var j = column.depth; j < stickyRightWidth.length; j++) {
-                    stickyRightWidth[j] += width;
-                }
-            }
-            else {
-                stickyRightWidth[column.depth] += width;
-            }
-            var next = nextColumn(columns, i);
-            column.rightBorder = !(next && next.locked);
-        }
-    }
-}
-/**
- * @hidden
- */
-export function readColumns(elements, idInfo, depth) {
-    if (depth === void 0) { depth = 0; }
-    var columns = [];
-    if (!elements || !elements.length) {
-        return [];
-    }
-    elements.forEach(function (columnProps) {
-        var children = readColumns(columnProps.children || [], idInfo, depth + 1);
-        columns.push(Object.assign({}, { depth: depth }, ColumnDefaultProps, columnProps, {
-            id: columnProps.id ? columnProps.id : generateNavigatableId("".concat(idInfo.prevId++), idInfo.idPrefix, 'column'),
-            declarationIndex: columns.length,
-            children: children,
-            rowSpan: 0,
-            colSpan: 0,
-            isAccessible: true
-        }));
-    });
-    var comparator = function (a, b) {
-        return a.orderIndex === b.orderIndex ?
-            a.declarationIndex - b.declarationIndex :
-            ((a.orderIndex || 0) - (b.orderIndex || 0));
-    };
-    columns.sort(comparator);
-    if (depth === 0) {
-        var ret_1 = [];
-        var flat_1 = function (cols, pIndex) {
-            return cols.forEach(function (c) {
-                c.parentIndex = pIndex;
-                flat_1(c.children, ret_1.push(c) - 1);
-            });
-        };
-        flat_1(columns, -1);
-        return ret_1;
-    }
-    return columns;
-}
-/**
- * @hidden
- */
-export function isRtl(element) {
-    return Boolean(element && getComputedStyle(element).direction === 'rtl');
-}
-/**
- * @hidden
- */
-export function getIndex(event, parent) {
-    if (!parent || !event || !event.originalEvent) {
-        return -1;
-    }
-    var coord = { x: event.clientX, y: event.originalEvent.clientY };
-    var target = parent.ownerDocument ? parent.ownerDocument.elementFromPoint(coord.x, coord.y) : null;
-    while (target && target.parentElement !== parent) {
-        target = target.parentElement;
-    }
-    if (!target && parent.matches('tr')) {
-        // parent.ownerDocument.elementFromPoint did not return correct element in grid is in shadow root.
-        var predicate = function (c) {
-            var pos = c.getBoundingClientRect();
-            return coord.x > pos.left && coord.x < pos.left + pos.width && coord.y > pos.top && coord.y < pos.top + pos.height;
-        };
-        target = Array.from(parent.children).find(predicate) || null;
-    }
-    var children = parent.children;
-    for (var i = 0; i < children.length; i++) {
-        if (children[i] === target) {
-            return i;
-        }
-    }
-    return -1;
-}

package/dist/es/main.js

@@ -1,26 +0,0 @@
-export { Pager } from './pager/Pager';
-export * from './filteringCells';
-export * from './header';
-export * from './virtualization';
-export { ColumnResize } from './drag/ColumnResize';
-export { ColumnResizer } from './drag/ColumnResizer';
-export { CommonDragLogic } from './drag/CommonDragLogic';
-export { DragClue } from './drag/DragClue';
-export { DropClue } from './drag/DropClue';
-export * from './filter';
-export * from './columnmenu';
-export * from './utils/data-operations';
-export * from './utils/group-operations';
-export * from './navigation/hooks';
-export * from './navigation/constants';
-export * from './navigation/TableKeyboardNavigation';
-export * from './navigation/TableKeyboardNavigationContext';
-export * from './navigation/TableKeyboardNavigationContextType';
-export * from './navigation/TableKeyboardNavigationStateType';
-export { tableKeyboardNavigationScopeAttributes } from './navigation/constants';
-export { tableKeyboardNavigationTools } from './navigation/utils';
-export * from './selection/TableSelection';
-export * from './selection/TableSelectableSettings';
-export * from './selection/events';
-export * from './selection/constants';
-export * from './selection/utils';