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

package/dist/es/GridColumn.d.ts

@@ -1,24 +0,0 @@
-import * as React from 'react';
-import { GridColumnProps } from './interfaces/GridColumnProps';
-/**
- * @hidden
- */
-export declare const GridColumn: React.FunctionComponent<GridColumnProps>;
-/**
- * @hidden
- */
-export interface ExtendedColumnProps extends GridColumnProps {
-    declarationIndex: number;
-    parentIndex: number;
-    colSpan: number;
-    rowSpan: number;
-    depth: number;
-    kFirst?: boolean;
-    index: number;
-    children: ExtendedColumnProps[];
-    left: number;
-    right: number;
-    rightBorder: boolean;
-    ariaColumnIndex: number;
-    isAccessible: boolean;
-}

package/dist/es/GridColumn.js

@@ -1,54 +0,0 @@
-import * as PropTypes from 'prop-types';
-/**
- * @hidden
- */
-export var GridColumn = function (_) { return null; };
-/**
- * @hidden
- */
-GridColumn.displayName = 'KendoReactGridColumn';
-/**
- * @hidden
- */
-GridColumn.defaultProps = {
-    filterable: true,
-    editable: true,
-    sortable: true,
-    resizable: true,
-    reorderable: true,
-    groupable: true
-};
-/**
- * @hidden
- */
-GridColumn.propTypes = {
-    field: PropTypes.string,
-    title: PropTypes.string,
-    editable: PropTypes.bool,
-    sortable: PropTypes.oneOfType([
-        PropTypes.bool,
-        PropTypes.shape({
-            allowUnsort: PropTypes.bool.isRequired
-        })
-    ]),
-    cell: PropTypes.any,
-    filterCell: PropTypes.any,
-    filterTitle: PropTypes.string,
-    filterable: PropTypes.bool,
-    filter: PropTypes.oneOf(['text', 'numeric', 'boolean', 'date']),
-    editor: PropTypes.oneOf(['text', 'numeric', 'boolean', 'date']),
-    width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
-    minResizableWidth: PropTypes.number,
-    headerCell: PropTypes.any,
-    footerCell: PropTypes.any,
-    headerSelectionValue: PropTypes.bool,
-    format: PropTypes.string,
-    headerClassName: PropTypes.string,
-    className: PropTypes.string,
-    reorderable: PropTypes.bool,
-    resizable: PropTypes.bool,
-    orderIndex: PropTypes.number,
-    groupable: PropTypes.bool,
-    columnMenu: PropTypes.any,
-    locked: PropTypes.bool
-};

package/dist/es/GridNoRecords.d.ts

@@ -1,36 +0,0 @@
-import * as React from 'react';
-import { GridNoRecordsProps } from './interfaces/GridNoRecordsProps';
-/**
- * Represents the GridNoRecords component. The component is rendered when the `data` property of the Grid is empty or `null`.
- *
- * @example
- * ```jsx
- * class App extends React.Component {
- *     render() {
- *         return (
- *             <Grid data={[]}>
- *                 <GridNoRecords>
- *                     There is no data available
- *                 </GridNoRecords>
- *                 <GridColumn field="id" />
- *                 <GridColumn field="name" />
- *             </Grid>
- *         );
- *     }
- * }
- * ReactDOM.render(
- *     <App />,
- *     document.querySelector('my-app')
- * );
- * ```
- */
-export declare class GridNoRecords extends React.Component<GridNoRecordsProps, {}> {
-    /**
-     * @hidden
-     */
-    static displayName: string;
-    /**
-     * @hidden
-     */
-    render(): any;
-}

package/dist/es/GridNoRecords.js

@@ -1,63 +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';
-import { registerForLocalization, provideLocalizationService as intl } from '@progress/kendo-react-intl';
-import { messages, noRecords } from './messages';
-/* eslint-disable max-len */
-/**
- * Represents the GridNoRecords component. The component is rendered when the `data` property of the Grid is empty or `null`.
- *
- * @example
- * ```jsx
- * class App extends React.Component {
- *     render() {
- *         return (
- *             <Grid data={[]}>
- *                 <GridNoRecords>
- *                     There is no data available
- *                 </GridNoRecords>
- *                 <GridColumn field="id" />
- *                 <GridColumn field="name" />
- *             </Grid>
- *         );
- *     }
- * }
- * ReactDOM.render(
- *     <App />,
- *     document.querySelector('my-app')
- * );
- * ```
- */
-// tslint:enable:max-line-length
-var GridNoRecords = /** @class */ (function (_super) {
-    __extends(GridNoRecords, _super);
-    function GridNoRecords() {
-        return _super !== null && _super.apply(this, arguments) || this;
-    }
-    /**
-     * @hidden
-     */
-    GridNoRecords.prototype.render = function () {
-        return this.props.children || intl(this).toLanguageString(noRecords, messages[noRecords]);
-    };
-    /**
-     * @hidden
-     */
-    GridNoRecords.displayName = 'KendoReactGridNoRecords';
-    return GridNoRecords;
-}(React.Component));
-export { GridNoRecords };
-registerForLocalization(GridNoRecords);

package/dist/es/GridToolbar.d.ts

@@ -1,50 +0,0 @@
-import * as React from 'react';
-import { GridToolbarProps } from './interfaces/GridToolbarProps';
-/**
- * Represents the GridToolbar component.
- *
- * @example
- * ```jsx
- * class App extends React.Component {
- *    state = {
- *       data: [
- *            {'Column1':'A1', 'Column2':'A2'},
- *            {'Column1':'B1', 'Column2':'B2'},
- *            {'Column1':'C1', 'Column2':'C2'}
- *        ]
- *    }
- *
- *    customClick = () => {
- *        alert("Custom handler in custom toolbar");
- *    }
- *    render() {
- *        return (
- *           <Grid data={this.state.data}>
- *                <GridToolbar>
- *                    <button
- *                        title="Click"
- *                        className="k-button k-primary"
- *                        onClick={this.customClick}
- *                    >Click
- *                    </button>
- *                </GridToolbar>
- *            </Grid>
- *        );
- *    }
- * }
- * ReactDOM.render(
- *    <App />,
- *    document.querySelector('my-app')
- * );
- * ```
- */
-export declare class GridToolbar extends React.Component<GridToolbarProps, {}> {
-    /**
-     * @hidden
-     */
-    static displayName: string;
-    /**
-     * @hidden
-     */
-    render(): JSX.Element;
-}

package/dist/es/GridToolbar.js

@@ -1,78 +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';
-import { classNames, kendoThemeMaps } from '@progress/kendo-react-common';
-/**
- * Represents the GridToolbar component.
- *
- * @example
- * ```jsx
- * class App extends React.Component {
- *    state = {
- *       data: [
- *            {'Column1':'A1', 'Column2':'A2'},
- *            {'Column1':'B1', 'Column2':'B2'},
- *            {'Column1':'C1', 'Column2':'C2'}
- *        ]
- *    }
- *
- *    customClick = () => {
- *        alert("Custom handler in custom toolbar");
- *    }
- *    render() {
- *        return (
- *           <Grid data={this.state.data}>
- *                <GridToolbar>
- *                    <button
- *                        title="Click"
- *                        className="k-button k-primary"
- *                        onClick={this.customClick}
- *                    >Click
- *                    </button>
- *                </GridToolbar>
- *            </Grid>
- *        );
- *    }
- * }
- * ReactDOM.render(
- *    <App />,
- *    document.querySelector('my-app')
- * );
- * ```
- */
-var GridToolbar = /** @class */ (function (_super) {
-    __extends(GridToolbar, _super);
-    function GridToolbar() {
-        return _super !== null && _super.apply(this, arguments) || this;
-    }
-    /**
-     * @hidden
-     */
-    GridToolbar.prototype.render = function () {
-        var _a;
-        return (React.createElement("div", { className: classNames('k-toolbar k-grid-toolbar', (_a = {
-                    'k-toolbar-md': !this.props.size
-                },
-                _a["k-toolbar-".concat(kendoThemeMaps.sizeMap[this.props.size] || this.props.size)] = this.props.size,
-                _a), this.props.className), "aria-label": this.props.ariaLabel, "aria-controls": this.props.ariaControls, role: "toolbar" }, this.props.children));
-    };
-    /**
-     * @hidden
-     */
-    GridToolbar.displayName = 'KendoReactGridToolbar';
-    return GridToolbar;
-}(React.Component));
-export { GridToolbar };

package/dist/es/ScrollMode.d.ts

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

package/dist/es/ScrollMode.js

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

package/dist/es/StatusBar.js

@@ -1,109 +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));
-};
-import * as React from 'react';
-import { getter } from '@progress/kendo-react-common';
-/**
- * Represents the KendoReact Grid's StatusBar component.
- */
-export var StatusBar = function (props) {
-    var _a = props.data, data = _a === void 0 ? [] : _a;
-    return (React.createElement("div", { className: "k-selection-aggregates k-grid-selection-aggregates" }, data.map(function (item, index) { return (React.createElement("div", { key: index },
-        React.createElement("span", { className: "k-selection-aggregates-item-text" },
-            item.type,
-            ": "),
-        React.createElement("span", { className: "k-selection-aggregates-item-value" }, item.formattedValue))); })));
-};
-StatusBar.displayName = 'KendoReactGridStatusBar';
-;
-;
-/**
- * @hidden
- */
-export var leafColumns = function (columns) {
-    var _a;
-    var result = columns.slice();
-    for (var i = 0; i < result.length; i++) {
-        while (result[i] && ((_a = result[i].children) === null || _a === void 0 ? void 0 : _a.length)) {
-            result.splice.apply(result, __spreadArray([i, 1], result[i].children, false));
-        }
-    }
-    return result;
-};
-;
-/**
- * Calculates the status data.
- *
- * @param args StatusDataArgs
- * @returns StatusItem[]
- */
-export var getStatusData = function (args) {
-    var dataItems = args.dataItems, target = args.target, selectedField = args.selectedField;
-    var columns = leafColumns(target.columns);
-    var getters = columns.map(function (c) { return c.field; }).filter(function (f) { return f && typeof f === 'string'; }).map(function (f) { return getter(f); });
-    var getSelected = getter(selectedField);
-    var grouped = { dates: [], numbers: [], booleans: [], others: [] };
-    var add = function (value) {
-        if (typeof value === 'number') {
-            grouped.numbers.push(value);
-        }
-        else if (typeof value === 'boolean') {
-            grouped.booleans.push(value);
-        }
-        else if (value instanceof Date) {
-            grouped.dates.push(value);
-        }
-        else {
-            grouped.others.push(value);
-        }
-    };
-    dataItems.forEach(function (item) {
-        var selected = getSelected(item);
-        if (selected) {
-            selected.forEach(function (colIndex) {
-                add(getters[colIndex](item));
-            });
-        }
-    });
-    var datesAsNumbers = grouped.dates.map(function (d) { return d.getTime(); });
-    var isTrueCount = grouped.booleans.filter(function (bool) { return bool; }).length;
-    var isFalseCount = grouped.booleans.filter(function (bool) { return !bool; }).length;
-    var sum = grouped.numbers.length ? grouped.numbers.reduce(function (acc, curr) { return acc += curr; }, 0) : undefined;
-    var aggregates = {
-        sum: sum,
-        average: typeof sum === 'number' ? sum / grouped.numbers.length : undefined,
-        min: grouped.numbers.length ? Math.min.apply(Math, grouped.numbers) : undefined,
-        max: grouped.numbers.length ? Math.max.apply(Math, grouped.numbers) : undefined,
-        count: grouped.numbers.length + grouped.booleans.length + grouped.dates.length + grouped.others.length,
-        isTrue: isTrueCount > 0 ? isTrueCount : undefined,
-        isFalse: isFalseCount > 0 ? isFalseCount : undefined,
-        earliest: grouped.dates.length ? new Date(Math.min.apply(Math, datesAsNumbers)) : undefined,
-        latest: grouped.dates.length ? new Date(Math.max.apply(Math, datesAsNumbers)) : undefined
-    };
-    var format = function (value, key) {
-        if ((key === 'sum' || key === 'average') && typeof value === 'number') {
-            return value.toFixed(2);
-        }
-        else if ((key === 'earliest' || key === 'latest') && value instanceof Date) {
-            return value.toLocaleDateString();
-        }
-        else {
-            return String(value);
-        }
-    };
-    var result = [];
-    Object.keys(aggregates).forEach(function (a) {
-        var type = a;
-        var value = aggregates[type];
-        if (value !== undefined) {
-            result.push({ type: type, value: value, formattedValue: format(value, type) });
-        }
-    });
-    return result;
-};

package/dist/es/VirtualScroll.d.ts

@@ -1,47 +0,0 @@
-import { Page } from './paging/Page';
-import * as React from 'react';
-import { VirtualScrollInterface } from './interfaces/VirtualScrollInterface';
-import { RowHeightService } from './VirtualScrollFixed';
-/**
- * @hidden
- */
-export declare class VirtualScroll implements VirtualScrollInterface {
-    table: HTMLTableElement | null;
-    containerHeight: number;
-    topCacheCount: number;
-    attendedSkip: number;
-    propsSkip: number;
-    total: number;
-    scrollableVirtual: boolean;
-    realSkip: number;
-    pageSize: number;
-    PageChange: ((event: Page, syntheticEvent: React.SyntheticEvent<any>) => void) | null;
-    tableBodyRef: React.RefObject<HTMLTableSectionElement>;
-    fixedScroll: boolean;
-    askedSkip: number | undefined;
-    containerRef: React.RefObject<HTMLDivElement>;
-    tableTransform: string;
-    get container(): HTMLDivElement | null;
-    private prevScrollPos;
-    private tableTranslate;
-    private scrollSyncing;
-    private reactVersion;
-    constructor(cached: boolean);
-    rowHeightService?: RowHeightService;
-    /**
-     * @return - The row heights in an array.
-     */
-    get rowHeights(): Array<{
-        line: number;
-        acc: number;
-    }>;
-    changePage(skip: number, e: React.SyntheticEvent<HTMLDivElement>): void;
-    translate(dY: number, forceSet?: boolean): void;
-    reset(): void;
-    localScrollUp(e: React.SyntheticEvent<HTMLDivElement>): void;
-    localScrollDown(e: React.SyntheticEvent<HTMLDivElement>): void;
-    scrollNonStrict(e: React.SyntheticEvent<HTMLDivElement>): void;
-    scrollHandler(e: React.SyntheticEvent<HTMLDivElement>): void;
-    private topItems;
-    private horizontalScrollbarHeight;
-}