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

package/dist/npm/drag/ColumnDraggable.js

@@ -1,65 +0,0 @@
-"use strict";
-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 __());
-    };
-})();
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ColumnDraggable = void 0;
-var React = require("react");
-var kendo_react_common_1 = require("@progress/kendo-react-common");
-/**
- * @hidden
- */
-var ColumnDraggable = /** @class */ (function (_super) {
-    __extends(ColumnDraggable, _super);
-    function ColumnDraggable() {
-        var _this = _super !== null && _super.apply(this, arguments) || this;
-        _this.draggable = null;
-        /**
-         * @hidden
-         */
-        _this.onPress = function (data) {
-            var element = _this.draggable && _this.draggable.element;
-            if (element && _this.props.pressHandler) {
-                _this.props.pressHandler(data.event, element);
-            }
-        };
-        /**
-         * @hidden
-         */
-        _this.onDrag = function (data) {
-            var element = _this.draggable && _this.draggable.element;
-            if (element && _this.props.dragHandler) {
-                _this.props.dragHandler(data.event, element);
-            }
-        };
-        /**
-         * @hidden
-         */
-        _this.onRelease = function (data) {
-            var element = _this.draggable && _this.draggable.element;
-            if (element && _this.props.releaseHandler) {
-                _this.props.releaseHandler(data.event);
-            }
-        };
-        return _this;
-    }
-    ColumnDraggable.prototype.render = function () {
-        var _this = this;
-        return (React.createElement(kendo_react_common_1.Draggable, { onPress: this.onPress, onDrag: this.onDrag, onRelease: this.onRelease, ref: function (component) { _this.draggable = component; } },
-            React.createElement("tr", { className: 'k-table-row', "aria-rowindex": this.props.ariaRowIndex, role: 'row' }, this.props.children)));
-    };
-    return ColumnDraggable;
-}(React.PureComponent));
-exports.ColumnDraggable = ColumnDraggable;

package/dist/npm/drag/ColumnResize.d.ts

@@ -1,32 +0,0 @@
-import { FilterCellProps } from '../filteringCells';
-import { ExtendedColumnProps, CellProps, HeaderCellProps } from './../header';
-/**
- * @hidden
- */
-export declare class ColumnResize<C = CellProps, H = HeaderCellProps, F = FilterCellProps> {
-    /**
-     * The main `colgroup` of the Grid.
-     */
-    colGroupMain: any | null;
-    /**
-     * The header `colgroup` of the Grid (if any).
-     */
-    colGroupHeader: any | null;
-    /**
-     * The footer `colgroup` of the Grid (if any).
-     */
-    colGroupFooter: any | null;
-    columns: ExtendedColumnProps<C, H, F>[];
-    /**
-     * The settings for resizing the Grid.
-     */
-    resizable: boolean;
-    onResize: (index: number, newWidth: number, oldWidth: number, originalEvent: any, end: boolean) => void;
-    private isRtl;
-    constructor(triggerResize: (index: number, newWidth: number, oldWidth: number, originalEvent: any, end: boolean) => void);
-    setIsRtl: (isRtl: boolean) => void;
-    dragHandler(event: any, column: ExtendedColumnProps<C, H, F>, dragCue: HTMLSpanElement, end: boolean): void;
-    private setWidths;
-    private updateColElements;
-    private setColWidth;
-}

package/dist/npm/drag/ColumnResize.js

@@ -1,98 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ColumnResize = void 0;
-/**
- * @hidden
- */
-var ColumnResize = /** @class */ (function () {
-    function ColumnResize(triggerResize) {
-        var _this = this;
-        // Typings. `col` and `colgroup` do not differ, both represnt a `HTMLTableColElement`.
-        // Implemented as `any`.
-        this.columns = [];
-        /**
-         * The settings for resizing the Grid.
-         */
-        this.resizable = false;
-        this.isRtl = false;
-        this.setIsRtl = function (isRtl) {
-            _this.isRtl = isRtl;
-        };
-        this.onResize = triggerResize;
-        this.dragHandler = this.dragHandler.bind(this);
-    }
-    ColumnResize.prototype.dragHandler = function (event, column, dragCue, end) {
-        var e = event.originalEvent;
-        if (!end) {
-            e.preventDefault();
-            e.stopPropagation();
-            e.stopImmediatePropagation();
-        }
-        var tdElement = dragCue.parentElement;
-        if (!tdElement || !tdElement.parentElement) {
-            return;
-        }
-        var oldWidth = tdElement.clientWidth;
-        var newWidth;
-        if (this.isRtl) {
-            newWidth = (dragCue.getBoundingClientRect().right - (dragCue.offsetWidth / 2)) - event.clientX;
-            newWidth += oldWidth;
-        }
-        else {
-            newWidth = oldWidth + event.clientX - dragCue.getBoundingClientRect().left - (dragCue.offsetWidth / 2);
-        }
-        if (!end && Math.abs(newWidth - oldWidth) < 1) {
-            return;
-        }
-        this.setWidths(column, Math.floor(newWidth) / oldWidth);
-        var index = this.columns.filter(function (c) { return !c.children.length; }).indexOf(column);
-        this.onResize(index, oldWidth, newWidth, e, end);
-    };
-    ColumnResize.prototype.setWidths = function (column, coef) {
-        var indexInOriginal = this.columns.indexOf(column);
-        var toAdjust = [];
-        var more = column.children.length;
-        for (var i = indexInOriginal + 1; more > 0 && i < this.columns.length; i++, more--) {
-            var cc = this.columns[i];
-            if (!cc.children.length) {
-                toAdjust.push(cc);
-            }
-            else {
-                more += cc.children.length;
-            }
-        }
-        if (toAdjust.length === 0) {
-            toAdjust.push(column);
-        }
-        toAdjust.forEach(function (colToAdjust) {
-            var targetWidth = colToAdjust.width ? parseFloat(colToAdjust.width.toString()) * coef : 0;
-            var min = colToAdjust.minResizableWidth === undefined ? 10 : colToAdjust.minResizableWidth;
-            if (targetWidth < min) {
-                targetWidth = min;
-            }
-            colToAdjust.width = Math.floor(targetWidth);
-        });
-        this.updateColElements(toAdjust);
-    };
-    ColumnResize.prototype.updateColElements = function (affectedColumns) {
-        var columns = this.columns.filter(function (c) { return !c.children.length; });
-        var difference = 1e-10;
-        for (var i = 0; i < affectedColumns.length; i++) {
-            var colIndex = columns.indexOf(affectedColumns[i]);
-            var currentColumnFloatWidth = parseFloat((affectedColumns[i].width || 0).toString());
-            difference += currentColumnFloatWidth - Math.floor(currentColumnFloatWidth);
-            var currentWidth = Math.floor(currentColumnFloatWidth) + Math.floor(difference);
-            difference -= Math.floor(difference);
-            this.setColWidth(this.colGroupMain && this.colGroupMain.children[colIndex], currentWidth);
-            this.setColWidth(this.colGroupHeader && this.colGroupHeader.children[colIndex], currentWidth);
-            this.setColWidth(this.colGroupFooter && this.colGroupFooter.children[colIndex], currentWidth);
-        }
-    };
-    ColumnResize.prototype.setColWidth = function (col, width) {
-        if (col) {
-            col.style.width = width + 'px';
-        }
-    };
-    return ColumnResize;
-}());
-exports.ColumnResize = ColumnResize;

package/dist/npm/drag/ColumnResizer.d.ts

@@ -1,28 +0,0 @@
-import * as React from 'react';
-/**
- * @hidden
- */
-export interface ColumnResizerResizerProps {
-    resize: (event: any, dragCue: HTMLSpanElement, end: boolean) => void;
-    autofit?: (event: React.MouseEvent<HTMLSpanElement, MouseEvent>, dragCue: HTMLSpanElement) => void;
-}
-/**
- * @hidden
- */
-export declare class ColumnResizer extends React.Component<ColumnResizerResizerProps, {}> {
-    private draggable;
-    private isDragged;
-    /**
-     * @hidden
-     */
-    onDrag: (data: any) => void;
-    /**
-     * @hidden
-     */
-    onRelease: (data: any) => void;
-    /**
-     * @hidden
-     */
-    onDoubleClick: (event: React.MouseEvent<HTMLSpanElement, MouseEvent>) => void;
-    render(): JSX.Element;
-}

package/dist/npm/drag/ColumnResizer.js

@@ -1,74 +0,0 @@
-"use strict";
-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 __());
-    };
-})();
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ColumnResizer = void 0;
-var React = require("react");
-var kendo_react_common_1 = require("@progress/kendo-react-common");
-/**
- * @hidden
- */
-var ColumnResizer = /** @class */ (function (_super) {
-    __extends(ColumnResizer, _super);
-    function ColumnResizer() {
-        var _this = _super !== null && _super.apply(this, arguments) || this;
-        _this.draggable = null;
-        _this.isDragged = false;
-        /**
-         * @hidden
-         */
-        _this.onDrag = function (data) {
-            _this.isDragged = true;
-            var element = _this.draggable && _this.draggable.element;
-            if (element) {
-                _this.props.resize(data.event, element, false);
-            }
-        };
-        /**
-         * @hidden
-         */
-        _this.onRelease = function (data) {
-            if (!_this.isDragged) {
-                return;
-            }
-            var element = _this.draggable && _this.draggable.element;
-            if (element) {
-                _this.props.resize(data.event, element, true);
-            }
-            _this.isDragged = false;
-        };
-        /**
-         * @hidden
-         */
-        _this.onDoubleClick = function (event) {
-            if (_this.isDragged) {
-                return;
-            }
-            var element = _this.draggable && _this.draggable.element;
-            if (element && _this.props.autofit) {
-                _this.props.autofit(event, element);
-            }
-        };
-        return _this;
-    }
-    ColumnResizer.prototype.render = function () {
-        var _this = this;
-        return (React.createElement(kendo_react_common_1.Draggable, { onPress: function (e) { e.event.originalEvent.stopPropagation(); }, onDrag: this.onDrag, onRelease: this.onRelease, ref: function (component) { _this.draggable = component; } },
-            React.createElement("span", { className: "k-column-resizer", style: { touchAction: 'none' }, draggable: false, onDoubleClick: this.onDoubleClick })));
-    };
-    return ColumnResizer;
-}(React.Component));
-exports.ColumnResizer = ColumnResizer;

package/dist/npm/drag/CommonDragLogic.js

@@ -1,175 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.CommonDragLogic = void 0;
-var header_1 = require("./../header/");
-/**
- * @hidden
- */
-var CommonDragLogic = /** @class */ (function () {
-    function CommonDragLogic(columnReorder, groupReorder, columnToGroup) {
-        var _this = this;
-        this.columns = [];
-        this.reorderable = false;
-        this.groupable = false;
-        this.startColumn = -1;
-        this.startGroup = -1;
-        this.currentColumn = -1;
-        this.currentGroup = -1;
-        this.dropElementClue = null;
-        this.dragElementClue = null;
-        this.groupPanelDivElement = null;
-        this.refGroupPanelDiv = function (e) {
-            _this.groupPanelDivElement = e;
-        };
-        this.refDropElementClue = function (e) {
-            _this.dropElementClue = e;
-        };
-        this.refDragElementClue = function (e) {
-            _this.dragElementClue = e;
-        };
-        this.pressHandler = function (event, element) {
-            var startColumn = _this.getColumnIndex(event, element);
-            _this.startGroup = _this.getGroupIndex(event);
-            if (startColumn >= 0) {
-                var col = _this.columns[startColumn];
-                if (col.reorderable && _this.reorderable || col.groupable && _this.groupable) {
-                    _this.startColumn = startColumn;
-                }
-            }
-        };
-        this.dragHandler = function (event, element) {
-            if (!event.isTouch) {
-                event.originalEvent.preventDefault();
-            }
-            event.originalEvent.stopPropagation();
-            if (_this.startColumn === -1 && _this.startGroup === -1) {
-                return;
-            }
-            _this.currentColumn = _this.getColumnIndex(event, element);
-            _this.currentGroup = _this.getGroupIndex(event);
-            if (_this.groupPanelDivElement && _this.startGroup >= 0) {
-                _this.currentGroup = Math.min(_this.currentGroup, _this.groupPanelDivElement.children.length - 2);
-            }
-            var invalidIndex = !_this.isValid();
-            if (invalidIndex) {
-                _this.currentColumn = -1;
-                _this.currentGroup = -1;
-            }
-            var targetElement = (_this.currentColumn >= 0) ?
-                element.children[_this.columns[_this.currentColumn].index] :
-                _this.groupPanelDivElement && _this.groupPanelDivElement.children[_this.currentGroup];
-            _this.updateDragElementClue(event, element, targetElement, invalidIndex);
-            _this.updateDropElementClue(event, element, targetElement, invalidIndex);
-        };
-        this.releaseHandler = function (event) {
-            var prevColumnIndex = _this.startColumn;
-            var nextColumnIndex = _this.currentColumn;
-            var prevGroupIndex = _this.startGroup;
-            var nextGroupIndex = _this.currentGroup;
-            if (_this.dropElementClue) {
-                _this.dropElementClue.setState({ visible: false });
-            }
-            if (_this.dragElementClue) {
-                _this.dragElementClue.setState({ visible: false });
-            }
-            var isValid = _this.isValid();
-            _this.startColumn = _this.startGroup = _this.currentColumn = _this.currentGroup = -1;
-            if (!isValid) {
-                return;
-            }
-            if (prevColumnIndex >= 0 && nextColumnIndex >= 0) {
-                _this.columnReorder(prevColumnIndex, nextColumnIndex, event.originalEvent);
-            }
-            else if (prevGroupIndex >= 0 && nextGroupIndex >= 0) {
-                _this.groupReorder(prevGroupIndex, nextGroupIndex, event.originalEvent);
-            }
-            else if (prevColumnIndex >= 0 && nextGroupIndex >= 0) {
-                _this.columnToGroup(prevColumnIndex, nextGroupIndex, event.originalEvent);
-            }
-        };
-        this.columnReorder = columnReorder;
-        this.groupReorder = groupReorder;
-        this.columnToGroup = columnToGroup;
-    }
-    CommonDragLogic.prototype.getColumnIndex = function (event, parent) {
-        if (!parent || (parent.parentElement === this.groupPanelDivElement)) {
-            return -1;
-        }
-        var index = (0, header_1.getIndex)(event, parent);
-        if (index === -1) {
-            return -1;
-        }
-        var _loop_1 = function (i) {
-            if (parent.parentNode.children[i] === parent) {
-                return { value: this_1.columns.findIndex(function (c) { return ((c.index === index) && (c.depth === i)); }) };
-            }
-        };
-        var this_1 = this;
-        for (var i = 0; i < parent.parentNode.children.length; i++) {
-            var state_1 = _loop_1(i);
-            if (typeof state_1 === "object")
-                return state_1.value;
-        }
-        return -1;
-    };
-    CommonDragLogic.prototype.getGroupIndex = function (event) {
-        return (0, header_1.getIndex)(event, this.groupPanelDivElement);
-    };
-    CommonDragLogic.prototype.isValid = function () {
-        if (this.startGroup >= 0) {
-            // group can be moved into group only
-            return this.currentGroup >= 0 && this.currentGroup !== this.startGroup;
-        }
-        if (this.startColumn === -1) {
-            return false;
-        }
-        if (this.currentGroup >= 0) {
-            // column to group is possible
-            return this.columns[this.startColumn].groupable === true && this.groupable === true;
-        }
-        // reorder is possible
-        return this.reorderable === true &&
-            this.currentColumn >= 0 &&
-            this.currentColumn !== this.startColumn &&
-            this.columns[this.startColumn].reorderable === true &&
-            this.columns[this.currentColumn].parentIndex === this.columns[this.startColumn].parentIndex;
-    };
-    CommonDragLogic.prototype.updateDragElementClue = function (event, element, targetElement, invalidIndex) {
-        if (!this.dragElementClue) {
-            return;
-        }
-        var innerText = this.startColumn >= 0 ?
-            element.children[this.columns[this.startColumn].index].innerText :
-            element.innerText;
-        this.dragElementClue.setState({
-            visible: true,
-            top: (event.pageY + 10),
-            left: event.pageX,
-            innerText: innerText,
-            status: (invalidIndex || !targetElement) ? 'k-i-cancel' : 'k-i-plus'
-        });
-    };
-    CommonDragLogic.prototype.updateDropElementClue = function (event, element, targetElement, invalidIndex) {
-        if (!this.dropElementClue) {
-            return;
-        }
-        if (invalidIndex || !targetElement) {
-            this.dropElementClue.setState({ visible: false });
-            return;
-        }
-        var rect = targetElement.getBoundingClientRect();
-        var left = rect.left + event.pageX - event.clientX - 6;
-        if (this.currentColumn > this.startColumn || this.currentGroup > this.startGroup && this.startGroup !== -1) {
-            left += rect.width;
-        }
-        var top = rect.top + event.pageY - event.clientY;
-        this.dropElementClue.setState({
-            visible: true,
-            top: top,
-            left: left,
-            height: (this.currentColumn >= 0) ? element.clientHeight : rect.height
-        });
-    };
-    return CommonDragLogic;
-}());
-exports.CommonDragLogic = CommonDragLogic;

package/dist/npm/drag/DragClue.js

@@ -1,69 +0,0 @@
-"use strict";
-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 __());
-    };
-})();
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.DragClue = void 0;
-var React = require("react");
-var react_dom_1 = require("react-dom");
-var kendo_react_common_1 = require("@progress/kendo-react-common");
-var kendo_svg_icons_1 = require("@progress/kendo-svg-icons");
-/**
- * @hidden
- */
-var DragClue = /** @class */ (function (_super) {
-    __extends(DragClue, _super);
-    function DragClue(props) {
-        var _this = _super.call(this, props) || this;
-        _this.elementRef = React.createRef();
-        _this.state = {
-            visible: false,
-            top: 0,
-            left: 0,
-            innerText: '',
-            status: 'k-i-cancel'
-        };
-        _this.hiddenElementRef = React.createRef();
-        return _this;
-    }
-    Object.defineProperty(DragClue.prototype, "element", {
-        get: function () {
-            return this.elementRef.current;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    DragClue.prototype.render = function () {
-        var hiddenElement = this.hiddenElementRef.current;
-        var status = this.state.status;
-        var dragClue = this.state.visible && kendo_react_common_1.canUseDOM && (0, react_dom_1.createPortal)((React.createElement("div", { ref: this.elementRef, className: "k-header k-drag-clue", style: {
-                display: 'block',
-                position: 'absolute',
-                zIndex: 20000,
-                padding: '8px 12px',
-                top: this.state.top + 'px',
-                left: this.state.left + 'px'
-            } },
-            React.createElement(kendo_react_common_1.IconWrap, { className: 'k-drag-status', name: status, icon: status === 'k-i-cancel' ? kendo_svg_icons_1.cancelIcon : kendo_svg_icons_1.plusIcon }),
-            this.state.innerText)), (hiddenElement && hiddenElement.ownerDocument ?
-            hiddenElement.ownerDocument.body :
-            document.body));
-        return (React.createElement(React.Fragment, null,
-            dragClue,
-            React.createElement("div", { ref: this.hiddenElementRef, style: { display: 'none' } })));
-    };
-    return DragClue;
-}(React.PureComponent));
-exports.DragClue = DragClue;

package/dist/npm/drag/DropClue.d.ts

@@ -1,19 +0,0 @@
-import * as React from 'react';
-/**
- * @hidden
- */
-export interface DropClueState {
-    visible: boolean;
-    top: number;
-    left: number;
-    height: number;
-}
-/**
- * @hidden
- */
-export declare class DropClue extends React.PureComponent<any, DropClueState> {
-    readonly state: DropClueState;
-    hiddenElementRef: React.RefObject<HTMLDivElement>;
-    constructor(props: any);
-    render(): JSX.Element;
-}

package/dist/npm/drag/DropClue.js

@@ -1,55 +0,0 @@
-"use strict";
-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 __());
-    };
-})();
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.DropClue = void 0;
-var React = require("react");
-var react_dom_1 = require("react-dom");
-var kendo_react_common_1 = require("@progress/kendo-react-common");
-/**
- * @hidden
- */
-var DropClue = /** @class */ (function (_super) {
-    __extends(DropClue, _super);
-    function DropClue(props) {
-        var _this = _super.call(this, props) || this;
-        _this.state = {
-            height: 0,
-            visible: false,
-            left: 0,
-            top: 0
-        };
-        _this.hiddenElementRef = React.createRef();
-        return _this;
-    }
-    DropClue.prototype.render = function () {
-        var hiddenElement = this.hiddenElementRef.current;
-        var dropClue = this.state.visible && kendo_react_common_1.canUseDOM && (0, react_dom_1.createPortal)((React.createElement("div", { className: "k-grouping-dropclue", style: {
-                zIndex: 10000,
-                display: 'block',
-                top: this.state.top + 'px',
-                left: this.state.left + 'px',
-                height: this.state.height + 'px'
-            } })), (hiddenElement && hiddenElement.ownerDocument ?
-            hiddenElement.ownerDocument.body :
-            document.body));
-        return (React.createElement(React.Fragment, null,
-            dropClue,
-            React.createElement("div", { ref: this.hiddenElementRef, style: { display: 'none' } })));
-    };
-    return DropClue;
-}(React.PureComponent));
-exports.DropClue = DropClue;