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

package/dist/es/paging/Page.js

@@ -1 +0,0 @@
-export {};

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

@@ -1,51 +0,0 @@
-import * as React from 'react';
-import { GridDetailRowProps } from '../interfaces/GridDetailRowProps';
-/**
- * Represents the detail row class of the KendoReact Grid. Used to define custom details for each row. Can be applied for building the hierarchy. If `expandField` is set, the details for each row will be visible or hidden depending on the current data item and its `expandField` value.
- *
- * @example
- * ```jsx
- * class CustomGridDetailRow extends GridDetailRow {
- *     render() {
- *         const detailData = this.props.dataItem.MasterField2;
- *         return (
- *             <div>
- *               This is detail template with another grid inside it
- *               <Grid scrollable="none" data={detailData} />
- *             </div>
- *         );
- *     }
- * }
- *
- * class App extends React.Component {
- *     constructor(props) {
- *         super(props);
- *         this.state = {
- *             data: [{MasterField1:'A1', MasterField2: [{DetailField1: 1, DetailField2: 2}]},
- *                   {MasterField1:'B1', MasterField2: [{DetailField1: 3, DetailField2: 4}]},
- *                   {MasterField1:'C1', MasterField2: [{DetailField1: 5, DetailField2: 6}]}]
- *         };
- *     }
- *     render() {
- *         return (
- *             <Grid
- *                  data={this.state.data}
- *                  detail={CustomGridDetailRow}
- *              >
- *              <GridColumn field="MasterField1" />
- *             </Grid>
- *         );
- *     }
- * }
- * ReactDOM.render(
- *     <App />,
- *     document.querySelector('my-app')
- * );
- * ```
- */
-export declare class GridDetailRow extends React.Component<GridDetailRowProps, {}> {
-    /**
-     * @hidden
-     */
-    render(): JSX.Element | null;
-}

package/dist/es/rows/GridDetailRow.js

@@ -1,75 +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 __());
-    };
-})();
-import * as React from 'react';
-/* eslint-disable max-len */
-/**
- * Represents the detail row class of the KendoReact Grid. Used to define custom details for each row. Can be applied for building the hierarchy. If `expandField` is set, the details for each row will be visible or hidden depending on the current data item and its `expandField` value.
- *
- * @example
- * ```jsx
- * class CustomGridDetailRow extends GridDetailRow {
- *     render() {
- *         const detailData = this.props.dataItem.MasterField2;
- *         return (
- *             <div>
- *               This is detail template with another grid inside it
- *               <Grid scrollable="none" data={detailData} />
- *             </div>
- *         );
- *     }
- * }
- *
- * class App extends React.Component {
- *     constructor(props) {
- *         super(props);
- *         this.state = {
- *             data: [{MasterField1:'A1', MasterField2: [{DetailField1: 1, DetailField2: 2}]},
- *                   {MasterField1:'B1', MasterField2: [{DetailField1: 3, DetailField2: 4}]},
- *                   {MasterField1:'C1', MasterField2: [{DetailField1: 5, DetailField2: 6}]}]
- *         };
- *     }
- *     render() {
- *         return (
- *             <Grid
- *                  data={this.state.data}
- *                  detail={CustomGridDetailRow}
- *              >
- *              <GridColumn field="MasterField1" />
- *             </Grid>
- *         );
- *     }
- * }
- * ReactDOM.render(
- *     <App />,
- *     document.querySelector('my-app')
- * );
- * ```
- */
-// tslint:enable:max-line-length
-var GridDetailRow = /** @class */ (function (_super) {
-    __extends(GridDetailRow, _super);
-    function GridDetailRow() {
-        return _super !== null && _super.apply(this, arguments) || this;
-    }
-    /**
-     * @hidden
-     */
-    GridDetailRow.prototype.render = function () {
-        return null;
-    };
-    return GridDetailRow;
-}(React.Component));
-export { GridDetailRow };

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

@@ -1,11 +0,0 @@
-import * as React from 'react';
-import { GridRowProps } from '../interfaces/GridRowProps';
-/**
- * The component for each of the items in the `data` property which the Grid renders.
- */
-export declare class GridRow extends React.Component<GridRowProps, {}> {
-    /**
-     * @hidden
-     */
-    render(): string | number | boolean | React.ReactFragment | JSX.Element | null | undefined;
-}

package/dist/es/rows/GridRow.js

@@ -1,64 +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 { classNames } from '@progress/kendo-react-common';
-import { GRID_ROW_INDEX_ATTRIBUTE } from '../constants';
-/**
- * The component for each of the items in the `data` property which the Grid renders.
- */
-var GridRow = /** @class */ (function (_super) {
-    __extends(GridRow, _super);
-    function GridRow() {
-        return _super !== null && _super.apply(this, arguments) || this;
-    }
-    /**
-     * @hidden
-     */
-    GridRow.prototype.render = function () {
-        var _a;
-        var className = classNames('k-table-row', {
-            'k-grouping-row': this.props.rowType === 'groupHeader',
-            'k-group-footer': this.props.rowType === 'groupFooter',
-            'k-master-row': this.props.rowType !== 'groupHeader' &&
-                this.props.rowType !== 'groupFooter',
-            'k-table-alt-row k-alt': this.props.rowType !== 'groupHeader' &&
-                this.props.rowType !== 'groupFooter' &&
-                this.props.isAltRow,
-            'k-selected': this.props.isSelected,
-            'k-grid-edit-row': this.props.isInEdit
-        });
-        var defaultRendering = (React.createElement("tr", __assign({ id: this.props.id, onClick: this.props.onClick, onDoubleClick: this.props.onDoubleClick, className: className, style: {
-                height: this.props.rowHeight ? this.props.rowHeight + 'px' : '',
-                visibility: this.props.isHidden ? 'hidden' : ''
-            }, role: "row", "aria-rowindex": this.props.ariaRowIndex, "absolute-row-index": this.props.absoluteRowIndex, key: this.props.absoluteRowIndex }, (_a = {}, _a[GRID_ROW_INDEX_ATTRIBUTE] = this.props.rowType === 'data' ? this.props.dataIndex : undefined, _a)), this.props.children));
-        return this.props.render ?
-            this.props.render.call(undefined, defaultRendering, this.props) :
-            defaultRendering;
-    };
-    return GridRow;
-}(React.Component));
-export { GridRow };

package/dist/es/utils/index.js

@@ -1,263 +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 __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-/**
- * @hidden
- */
-export function getNestedValue(fieldName, dataItem) {
-    var path = (fieldName || '').split('.');
-    var data = dataItem;
-    path.forEach(function (p) {
-        data = data ? data[p] : undefined;
-    });
-    return data;
-}
-/**
- * @hidden
- */
-export function flatData(output, input, footer, dataIndex, groupDefined, field, level) {
-    if (level === void 0) { level = 0; }
-    var maxLevel = level;
-    for (var i = 0; i < input.length; i++) {
-        if (!groupDefined || input[i].value === undefined || input[i].items === undefined) {
-            output[output.length] = {
-                dataIndex: dataIndex.index,
-                dataItem: input[i],
-                rowType: 'data',
-                level: level,
-                expanded: field === undefined || getNestedValue(field, input[i])
-            };
-            dataIndex.index++;
-            continue;
-        }
-        maxLevel = Math.max(maxLevel, level + 1);
-        var expanded = field === undefined ||
-            getNestedValue(field, input[i]) === undefined ||
-            getNestedValue(field, input[i]);
-        // header
-        output[output.length] = {
-            dataIndex: -1,
-            dataItem: input[i],
-            level: level,
-            rowType: 'groupHeader',
-            expanded: expanded
-        };
-        // children
-        if (expanded) {
-            maxLevel = Math.max(flatData(output, input[i].items, footer, dataIndex, groupDefined, field, level + 1), maxLevel);
-        }
-        // footer
-        if (footer === 'always' || (expanded && footer === 'visible')) {
-            output[output.length] = {
-                dataIndex: -1,
-                dataItem: input[i],
-                rowType: 'groupFooter',
-                level: level,
-                expanded: expanded
-            };
-        }
-    }
-    return maxLevel;
-}
-var eventKeys = [
-    'sortChange',
-    'filterChange',
-    'groupChange',
-    'pageChange',
-    'expandChange',
-    'selectionChange',
-    'headerSelectionChange',
-    'rowClick',
-    'itemChange',
-    'dataStateChange',
-    'columnResize',
-    'columnReorder'
-];
-var deprecatedHandlerMessage = function (oldKey, newKey) { return ("The ".concat(oldKey, " event handler property is deprecated, ") +
-    "use https://www.telerik.com/kendo-react-ui/components/grid/api/GridProps/#toc-".concat(newKey, " instead")); };
-/**
- * @hidden
- */
-export function checkPropCompatibility(props) {
-    for (var index = 0; index < eventKeys.length; index++) {
-        var eventKey = eventKeys[index];
-        if (props[eventKey] !== undefined) {
-            var newKey = 'on' + eventKey.charAt(0).toUpperCase() + eventKey.slice(1);
-            console.warn(deprecatedHandlerMessage(eventKey, newKey));
-        }
-    }
-}
-import { GridColumn } from '../GridColumn';
-import { tableKeyboardNavigationTools as navigationTools } from '@progress/kendo-react-data-tools';
-/**
- * @hidden
- */
-export function readColumns(elements, oldColumns, idInfo, depth) {
-    if (depth === void 0) { depth = 0; }
-    var columns = [];
-    if (!elements) {
-        return [];
-    }
-    if (elements && elements.length === undefined) {
-        elements = [elements];
-    }
-    elements.forEach(function (columnProps, index) {
-        columnProps = columnProps.props ? columnProps.props : columnProps;
-        var oldColumn = oldColumns[index] || null;
-        var children = readColumns(columnProps.children, oldColumn && oldColumn.children || [], idInfo, depth + 1);
-        columns.push(Object.assign({ depth: depth }, GridColumn.defaultProps, (children.length) ? { cell: function () { return null; }, filterCell: function () { return null; } } : {}, oldColumn ? { width: oldColumn.width, orderIndex: oldColumn.orderIndex } : {}, columnProps, {
-            id: columnProps.id ? columnProps.id : navigationTools.generateNavigatableId("".concat(idInfo.prevId++), idInfo.idPrefix, 'column'),
-            declarationIndex: columns.length,
-            children: children,
-            rowSpan: 0,
-            colSpan: 0,
-            isAccessible: true,
-            left: oldColumn && Math.floor(oldColumn.left),
-            right: oldColumn && Math.floor(oldColumn.right)
-        }));
-    });
-    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 autoGenerateColumns(data, group, expandField, idInfo) {
-    var propData = [];
-    if (Array.isArray(data)) {
-        propData = data;
-    }
-    else if (data) {
-        propData = data.data;
-    }
-    var columns = [];
-    if (propData.length > 0) {
-        var itemForColumnsGen = propData[0];
-        if (group) {
-            for (var i = 0; i < group.length; i++) {
-                itemForColumnsGen = itemForColumnsGen.items && itemForColumnsGen.items[0];
-            }
-        }
-        var fields = Object.getOwnPropertyNames(itemForColumnsGen);
-        fields.forEach(function (field) {
-            if (field !== expandField) {
-                columns.push(Object.assign({
-                    id: navigationTools.generateNavigatableId("".concat(idInfo.prevId++), idInfo.idPrefix, 'column'),
-                    declarationIndex: -1,
-                    parentIndex: -1,
-                    depth: 0,
-                    colSpan: 0,
-                    rowSpan: 0,
-                    index: 0,
-                    left: 0,
-                    right: 0,
-                    rightBorder: false,
-                    children: [],
-                    ariaColumnIndex: 0,
-                    isAccessible: true
-                }, GridColumn.defaultProps, { field: field }));
-            }
-        });
-    }
-    return columns;
-}
-var hasParentFooterCell = function (columns, column) {
-    var parent = columns[column.parentIndex];
-    while (parent) {
-        if (parent.footerCell) {
-            return true;
-        }
-        parent = columns[parent.parentIndex];
-    }
-    return false;
-};
-/**
- * @hidden
- */
-export var footerColumns = function (columns) {
-    return columns.filter(function (column) {
-        if (hasParentFooterCell(columns, column)) {
-            return false;
-        }
-        return Boolean(column.footerCell) || !(column.children && column.children.length > 0);
-    });
-};
-/**
- * @hidden
- */
-export var getColumnWidth = function (column) {
-    return column.width !== undefined
-        ? Math.floor(parseFloat(column.width.toString())) + 'px'
-        : undefined;
-};
-/**
- * @hidden
- */
-export var sanitizeColumns = function (columns) {
-    columns.sort(function (a, b) {
-        return a.declarationIndex - b.declarationIndex;
-    });
-    return columns.map(function (column) {
-        var declarationIndex = column.declarationIndex, parentIndex = column.parentIndex, depth = column.depth, colSpan = column.colSpan, rowSpan = column.rowSpan, index = column.index, kFirst = column.kFirst, children = column.children, props = __rest(column, ["declarationIndex", "parentIndex", "depth", "colSpan", "rowSpan", "index", "kFirst", "children"]);
-        return children.length ? __assign({ children: sanitizeColumns(children) }, props) : props;
-    });
-};
-/**
- * @hidden
- */
-export var firefox = typeof window !== 'undefined' &&
-    /Firefox/.test(window.navigator.userAgent);
-/**
- * @hidden
- */
-export var firefoxMaxHeight = 17895697;
-/**
- * @hidden
- */
-export var resolveCells = function (gridCells, columnCells) {
-    if (!gridCells && !columnCells) {
-        return undefined;
-    }
-    if (!columnCells) {
-        return gridCells;
-    }
-    if (!gridCells) {
-        return columnCells;
-    }
-    return __assign(__assign(__assign({}, gridCells), columnCells), { select: __assign(__assign({}, (gridCells.select || {})), (columnCells.select || {})), hierarchy: __assign(__assign({}, (gridCells.hierarchy || {})), (columnCells.hierarchy || {})), group: __assign(__assign({}, (gridCells.group || {})), (columnCells.group || {})), edit: __assign(__assign({}, (gridCells.edit || {})), (columnCells.edit || {})) });
-};