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

package/dist/es/filterCommon.js

@@ -1,165 +0,0 @@
-import { messages } from './messages';
-/**
- * @hidden
- */
-export var filterLogicList = [
-    { text: 'grid.filterAndLogic', operator: 'and' },
-    { text: 'grid.filterOrLogic', operator: 'or' }
-];
-/**
- * @hidden
- */
-export var operators = {
-    'text': [
-        { text: 'grid.filterContainsOperator', operator: 'contains' },
-        { text: 'grid.filterNotContainsOperator', operator: 'doesnotcontain' },
-        { text: 'grid.filterEqOperator', operator: 'eq' },
-        { text: 'grid.filterNotEqOperator', operator: 'neq' },
-        { text: 'grid.filterStartsWithOperator', operator: 'startswith' },
-        { text: 'grid.filterEndsWithOperator', operator: 'endswith' },
-        { text: 'grid.filterIsNullOperator', operator: 'isnull' },
-        { text: 'grid.filterIsNotNullOperator', operator: 'isnotnull' },
-        { text: 'grid.filterIsEmptyOperator', operator: 'isempty' },
-        { text: 'grid.filterIsNotEmptyOperator', operator: 'isnotempty' }
-    ],
-    'numeric': [
-        { text: 'grid.filterEqOperator', operator: 'eq' },
-        { text: 'grid.filterNotEqOperator', operator: 'neq' },
-        { text: 'grid.filterGteOperator', operator: 'gte' },
-        { text: 'grid.filterGtOperator', operator: 'gt' },
-        { text: 'grid.filterLteOperator', operator: 'lte' },
-        { text: 'grid.filterLtOperator', operator: 'lt' },
-        { text: 'grid.filterIsNullOperator', operator: 'isnull' },
-        { text: 'grid.filterIsNotNullOperator', operator: 'isnotnull' }
-    ],
-    'date': [
-        { text: 'grid.filterEqOperator', operator: 'eq' },
-        { text: 'grid.filterNotEqOperator', operator: 'neq' },
-        { text: 'grid.filterAfterOrEqualOperator', operator: 'gte' },
-        { text: 'grid.filterAfterOperator', operator: 'gt' },
-        { text: 'grid.filterBeforeOperator', operator: 'lt' },
-        { text: 'grid.filterBeforeOrEqualOperator', operator: 'lte' },
-        { text: 'grid.filterIsNullOperator', operator: 'isnull' },
-        { text: 'grid.filterIsNotNullOperator', operator: 'isnotnull' }
-    ],
-    'boolean': [
-        { text: 'grid.filterEqOperator', operator: 'eq' }
-    ]
-};
-/**
- * @hidden
- */
-export var IsUnaryFilter = function (operator) {
-    return operator === 'isnull' || operator === 'isnotnull' || operator === 'isempty' || operator === 'isnotempty';
-};
-/**
- * @hidden
- */
-export var operatorMap = function (iterable, service) { return iterable.map(function (operator) { return ({
-    text: service.toLanguageString(operator.text, messages[operator.text]),
-    operator: operator.operator
-}); }); };
-/**
- * @hidden
- */
-export var defaultBooleanOperator = 'eq';
-/**
- * @hidden
- */
-export var booleanFilterValues = [
-    { text: 'grid.filterBooleanAll', operator: '' },
-    { text: 'grid.filterIsTrue', operator: true },
-    { text: 'grid.filterIsFalse', operator: false }
-];
-/**
- * @hidden
- */
-export var defaultHideSecondFilter = {
-    text: false,
-    numeric: false,
-    date: false,
-    boolean: true
-};
-/**
- * @hidden
- */
-export var cellInputChange = function (value, e, props) {
-    var defaultOperator = getDefaultOperator(props.operators);
-    var operator = props.operator;
-    switch (props.filterType) {
-        case 'numeric':
-            if (!operator || IsUnaryFilter(operator)) {
-                // change the operator to default
-                operator = defaultOperator;
-            }
-            if (value === null && operator === defaultOperator) {
-                // clear only the default operator
-                operator = '';
-            }
-            break;
-        case 'date':
-            if (!operator || IsUnaryFilter(operator)) {
-                operator = defaultOperator;
-            }
-            if (value === null && operator === defaultOperator) {
-                operator = '';
-            }
-            break;
-        case 'text':
-            if (!operator || IsUnaryFilter(operator)) {
-                operator = defaultOperator;
-            }
-            if (!value && operator === defaultOperator) {
-                operator = '';
-            }
-            break;
-        default: return;
-    }
-    props.onChange({ value: value, operator: operator, syntheticEvent: e });
-};
-/**
- * @hidden
- */
-export var getDefaultOperator = function (filterOperators, filterType) {
-    if (filterType) {
-        return filterOperators[filterType][0].operator;
-    }
-    else {
-        return filterOperators[0].operator;
-    }
-};
-/**
- * @hidden
- */
-export var getFilterType = function (filterType) {
-    return filterType || 'text';
-};
-/**
- * @hidden
- */
-export var cellBoolDropdownChange = function (event, onChange) {
-    var item = event.target.value;
-    onChange({
-        value: item.operator,
-        operator: item.operator === '' ? '' : defaultBooleanOperator,
-        syntheticEvent: event.syntheticEvent
-    });
-};
-/**
- * @hidden
- */
-export var cellOperatorChange = function (event, currentValue, onChange) {
-    var value = currentValue;
-    var item = event.target.value;
-    if (!event.target.state.opened) {
-        return;
-    }
-    if (IsUnaryFilter(item.operator)) {
-        // clear the value to avoid confusion on what is filtered
-        value = null;
-    }
-    if (currentValue === null && !IsUnaryFilter(item.operator)) {
-        value = undefined;
-    }
-    onChange({ value: value, operator: item.operator, syntheticEvent: event.syntheticEvent });
-};

package/dist/es/footer/Footer.d.ts

@@ -1,34 +0,0 @@
-import * as React from 'react';
-/**
- * @hidden
- */
-export interface FooterProps {
-    staticHeaders: boolean;
-    row?: React.ReactElement<any>;
-    columnResize: {
-        colGroupFooter: HTMLTableColElement | null;
-    };
-    cols: React.ReactElement<HTMLTableColElement>[];
-    className?: string;
-    size?: string;
-}
-/**
- * @hidden
- */
-export declare class Footer extends React.Component<FooterProps, {}> {
-    private footerWrap;
-    private table;
-    private scrollbarWidth;
-    componentDidMount(): void;
-    /**
-     *
-     * @param scrollLeft - Scrolls to the left (in pixels).
-     */
-    setScrollLeft(scrollLeft: number): void;
-    /**
-     *
-     * @param width - Scrolls the width (in pixels).
-     */
-    setWidth(width: number): void;
-    render(): JSX.Element;
-}

package/dist/es/footer/Footer.js

@@ -1,70 +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 { getScrollbarWidth } from '@progress/kendo-react-common';
-import * as React from 'react';
-import { classNames, kendoThemeMaps } from '@progress/kendo-react-common';
-/**
- * @hidden
- */
-var Footer = /** @class */ (function (_super) {
-    __extends(Footer, _super);
-    function Footer() {
-        var _this = _super !== null && _super.apply(this, arguments) || this;
-        _this.footerWrap = null;
-        _this.table = null;
-        _this.scrollbarWidth = getScrollbarWidth();
-        return _this;
-    }
-    Footer.prototype.componentDidMount = function () {
-        this.setState({});
-    };
-    /**
-     *
-     * @param scrollLeft - Scrolls to the left (in pixels).
-     */
-    Footer.prototype.setScrollLeft = function (scrollLeft) {
-        if (this.footerWrap) {
-            this.footerWrap.scrollLeft = scrollLeft;
-        }
-    };
-    /**
-     *
-     * @param width - Scrolls the width (in pixels).
-     */
-    Footer.prototype.setWidth = function (width) {
-        if (this.table) {
-            this.table.style.width = width + 'px';
-        }
-    };
-    Footer.prototype.render = function () {
-        var _a;
-        var _this = this;
-        if (!this.props.staticHeaders) {
-            return (React.createElement("tfoot", { className: "k-table-tfoot" }, this.props.row));
-        }
-        return (React.createElement("div", { className: "k-grid-footer", role: "presentation" },
-            React.createElement("div", { ref: function (div) { _this.footerWrap = div; }, className: "k-grid-footer-wrap", style: this.scrollbarWidth ? {} : { borderWidth: 0 }, role: "presentation" },
-                React.createElement("table", { ref: function (table) { _this.table = table; }, className: classNames('k-table k-grid-footer-table', (_a = {
-                            'k-table-md': !this.props.size
-                        },
-                        _a["k-table-".concat(kendoThemeMaps.sizeMap[this.props.size] || this.props.size)] = this.props.size,
-                        _a), this.props.className), role: "presentation" },
-                    React.createElement("colgroup", { ref: function (e) { _this.props.columnResize.colGroupFooter = e; }, role: "presentation" }, this.props.cols),
-                    React.createElement("tfoot", { className: "k-table-tfoot", role: "presentation" }, this.props.row)))));
-    };
-    return Footer;
-}(React.Component));
-export { Footer };

package/dist/es/footer/FooterRow.d.ts

@@ -1,21 +0,0 @@
-import * as React from 'react';
-import { ExtendedColumnProps } from '../GridColumn';
-import { GridCellsSettings } from '../interfaces/GridCellsSettings';
-/**
- * @hidden
- */
-export interface FooterRowProps {
-    cells?: GridCellsSettings;
-    columns: ExtendedColumnProps[];
-    isRtl?: boolean;
-    ariaRowIndex: number;
-}
-/**
- * @hidden
- */
-export declare class FooterRow extends React.Component<FooterRowProps, {}> {
-    private _element;
-    get element(): HTMLTableRowElement | null;
-    render(): JSX.Element;
-    private renderCell;
-}

package/dist/es/footer/FooterRow.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 __());
-    };
-})();
-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 { footerColumns, resolveCells } from './../utils';
-import { classNames } from '@progress/kendo-react-common';
-/**
- * @hidden
- */
-var FooterRow = /** @class */ (function (_super) {
-    __extends(FooterRow, _super);
-    function FooterRow() {
-        var _this = _super !== null && _super.apply(this, arguments) || this;
-        _this._element = null;
-        _this.renderCell = function (column, index) {
-            var _a;
-            var tdProps = (_a = {
-                    colSpan: column.colSpan !== 1 ? column.colSpan : undefined,
-                    style: column.left !== undefined
-                        ? !_this.props.isRtl
-                            ? { left: column.left, right: column.right }
-                            : { left: column.right, right: column.left }
-                        : {},
-                    className: classNames('k-table-td', column.locked && column.left !== undefined ? 'k-grid-footer-sticky' : ''),
-                    key: index,
-                    role: 'gridcell'
-                },
-                _a['aria-colindex'] = column.ariaColumnIndex,
-                _a);
-            var cellProps = __assign({ field: column.field, ariaColumnIndex: column.ariaColumnIndex }, tdProps);
-            var customCells = resolveCells(_this.props.cells, column.cells);
-            if (customCells && customCells.footerCell) {
-                var CustomCell = customCells.footerCell;
-                return React.createElement(CustomCell, __assign({}, cellProps, { tdProps: tdProps, index: index }));
-            }
-            return (column.footerCell && React.createElement(column.footerCell, __assign({}, cellProps, { key: index }))) || (React.createElement("td", __assign({}, tdProps)));
-        };
-        return _this;
-    }
-    Object.defineProperty(FooterRow.prototype, "element", {
-        get: function () {
-            return this._element;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    FooterRow.prototype.render = function () {
-        return React.createElement("tr", { className: 'k-table-row', role: "row", "aria-rowindex": this.props.ariaRowIndex }, footerColumns(this.props.columns).map(this.renderCell));
-    };
-    return FooterRow;
-}(React.Component));
-export { FooterRow };

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

@@ -1,34 +0,0 @@
-import * as React from 'react';
-import { CompositeFilterDescriptor, SortDescriptor } from '@progress/kendo-data-query';
-import { ExtendedColumnProps } from '../GridColumn';
-import { GridFilterCellProps } from '../interfaces/GridFilterCellProps';
-import { GridFilterOperators } from '../interfaces/GridFilterOperators';
-import { GridCellsSettings } from '../interfaces/GridCellsSettings';
-/**
- * @hidden
- */
-export declare const FILTER_ROW_CLASS = "k-table-row k-filter-row";
-/**
- * @hidden
- */
-export interface FilterRowProps {
-    cells?: GridCellsSettings;
-    columns: ExtendedColumnProps[];
-    filter?: CompositeFilterDescriptor;
-    filterOperators: GridFilterOperators;
-    filterChange?: (filter: CompositeFilterDescriptor | null, syntheticEvent: React.SyntheticEvent<any>) => any;
-    sort?: SortDescriptor[];
-    cellRender?: (defaultRendering: React.ReactElement<any> | null, props: GridFilterCellProps) => React.ReactElement<any> | null;
-    isRtl?: boolean;
-    ariaRowIndex?: number;
-    size?: null | 'small' | 'medium' | 'large';
-}
-/**
- *
- * @hidden
- */
-export declare class FilterRow extends React.Component<FilterRowProps, {}> {
-    headerCellClassName(field?: string, locked?: boolean): string;
-    setFilter(value: string | number, operator: string | Function, field: string | undefined, e: React.SyntheticEvent<any>): void;
-    render(): JSX.Element;
-}

package/dist/es/header/FilterRow.js

@@ -1,139 +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 { registerForLocalization, provideLocalizationService } from '@progress/kendo-react-intl';
-import { GridFilterCell } from '../cells/GridFilterCell';
-import { operatorMap, booleanFilterValues, getFilterType } from '../filterCommon';
-import { tableKeyboardNavigationTools as navigationTools, HeaderThElement } from '@progress/kendo-react-data-tools';
-import { filterAriaLabel, messages } from '../messages';
-import { classNames } from '@progress/kendo-react-common';
-import { resolveCells } from '../utils';
-/**
- * @hidden
- */
-export var FILTER_ROW_CLASS = 'k-table-row k-filter-row';
-/**
- *
- * @hidden
- */
-var FilterRow = /** @class */ (function (_super) {
-    __extends(FilterRow, _super);
-    function FilterRow() {
-        return _super !== null && _super.apply(this, arguments) || this;
-    }
-    FilterRow.prototype.headerCellClassName = function (field, locked) {
-        var result = "".concat(locked ? 'k-grid-header-sticky' : '');
-        if (this.props.sort &&
-            this.props.sort.filter(function (descriptor) { return descriptor.field === field; }).length > 0) {
-            result += ' k-sorted';
-        }
-        return result;
-    };
-    FilterRow.prototype.setFilter = function (value, operator, field, e) {
-        if (!this.props.filterChange) {
-            return;
-        }
-        var filters = [];
-        if (value !== '' && value !== null || operator !== '') {
-            filters.push({
-                field: field,
-                operator: operator,
-                value: value
-            });
-        }
-        if (this.props.filter && this.props.filter.filters) {
-            var oldFilters = this.props.filter.filters || [];
-            oldFilters.forEach(function (filter) {
-                var descriptor = filter;
-                if (descriptor && descriptor.field !== field) {
-                    filters.push(descriptor);
-                }
-            });
-        }
-        var logic = this.props.filter && this.props.filter.logic ? this.props.filter.logic : 'and';
-        this.props.filterChange(filters.length > 0 ? { logic: logic, filters: filters } : null, e);
-    };
-    FilterRow.prototype.render = function () {
-        var _this = this;
-        var intl = provideLocalizationService(this);
-        var oldFilters = this.props.filter && this.props.filter.filters || [];
-        var activeFilter = function (field) {
-            if (field === undefined) {
-                return;
-            }
-            var currentFilters = oldFilters.filter(function (filter) { return filter.field === field; });
-            return currentFilters.length ? currentFilters[0] : undefined;
-        };
-        var serviceIndex = 0, index = -1;
-        var filterCells = this.props.columns.filter(function (c) { return c.children.length === 0; })
-            .map(function (column) {
-            var filterType = getFilterType(column.filter);
-            var currentActiveFilter = activeFilter(column.field);
-            var ariaLabel = column.filterable ? intl.toLanguageString(filterAriaLabel, messages[filterAriaLabel]) : undefined;
-            var value = currentActiveFilter && currentActiveFilter.value;
-            if (value === undefined) {
-                value = filterType === 'text' ? '' : null;
-            }
-            var filterCellProps = column.filterable && {
-                render: _this.props.cellRender,
-                field: column.field,
-                title: column.filterTitle,
-                value: value,
-                operator: currentActiveFilter && currentActiveFilter.operator,
-                operators: operatorMap(_this.props.filterOperators[filterType] || [], intl),
-                booleanValues: operatorMap(booleanFilterValues, intl),
-                filterType: filterType,
-                ariaLabel: ariaLabel,
-                onChange: function (e) { _this.setFilter(e.value, e.operator, column.field, e.syntheticEvent); }
-            };
-            var key = (column.declarationIndex >= 0) ? ++index : --serviceIndex;
-            var ariaAttrs = {
-                ariaLabel: ariaLabel,
-                ariaColumnIndex: column.ariaColumnIndex
-            };
-            var style = column.left !== undefined
-                ? !_this.props.isRtl
-                    ? { left: column.left, right: column.right }
-                    : { left: column.right, right: column.left }
-                : {};
-            var thProps = __assign({ columnId: navigationTools.getFilterColumnId(column.id), navigatable: column.navigatable, style: style, className: classNames('k-table-th', _this.headerCellClassName(column.field, column.locked) || undefined), role: 'columnheader' }, ariaAttrs);
-            var content = (filterCellProps && (column.filterCell ?
-                React.createElement(column.filterCell, __assign({}, filterCellProps)) :
-                React.createElement(GridFilterCell, __assign({ size: _this.props.size }, filterCellProps))));
-            var customCells = resolveCells(_this.props.cells, column.cells);
-            if (customCells && customCells.filterCell) {
-                var CustomCell = customCells.filterCell;
-                return (React.createElement(CustomCell, __assign({ key: key }, filterCellProps, { thProps: thProps, index: index }), content));
-            }
-            return (React.createElement(HeaderThElement, __assign({ key: key }, thProps), content));
-        });
-        return React.createElement("tr", { className: FILTER_ROW_CLASS, "aria-rowindex": this.props.ariaRowIndex, role: "row" }, filterCells);
-    };
-    return FilterRow;
-}(React.Component));
-export { FilterRow };
-registerForLocalization(FilterRow);

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

@@ -1,52 +0,0 @@
-import * as React from 'react';
-import { GridHeaderCellProps } from '../interfaces/GridHeaderCellProps';
-/**
- * @example
- * ```jsx
- * class App extends React.PureComponent {
- *    state = {
- *        details: false,
- *        data: [
- *               { foo: 'A1', bar: 'B1', b1: 1, b2:2 },
- *               { foo: 'A2', bar: 'B2', b1: 3, b2:4 },
- *               { foo: 'A3', bar: 'B2', b1: 5, b2:6 }
- *           ]
- *    };
- *
- *    CustomHeaderCell = (props) =>
- *        <span>
- *            {props.title || props.field + ' '}
- *            <button onClick={() => this.setState({ barDetails: !this.state.barDetails })}>
- *                {this.state.barDetails ? 'collapse' : 'expand'}
- *            </button>
- *            {props.children}
- *        </span>
- *
- *    render() {
- *        return (
- *            <Grid
- *                style={{ height: '420px' }}
- *                data={this.state.data}
- *                reorderable={true}
- *            >
- *                <GridColumn field="foo" />
- *                <GridColumn field="bar" headerCell={this.CustomHeaderCell}>
- *                    {this.state.barDetails && [
- *                        <GridColumn field="b1" />,
- *                        <GridColumn field="b2" />
- *                    ]}
- *                </GridColumn>
- *            </Grid>
- *        );
- *    }
- * }
- *
- * ReactDOM.render(<App />, document.querySelector('my-app'));
- * ```
- */
-export declare class GridHeaderCell extends React.Component<GridHeaderCellProps, {}> {
-    /**
-     * @hidden
-     */
-    render(): string | number | boolean | React.ReactFragment | JSX.Element | null | undefined;
-}