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

package/dist/es/cells/GridFilterCell.js

@@ -1,102 +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 { Button } from '@progress/kendo-react-buttons';
-import { DropDownList } from '@progress/kendo-react-dropdowns';
-import { NumericTextBox, TextBox } from '@progress/kendo-react-inputs';
-import { DatePicker } from '@progress/kendo-react-dateinputs';
-import { messages, filterClearButton, filterChooseOperator } from '../messages';
-import { registerForLocalization, provideLocalizationService } from '@progress/kendo-react-intl';
-import { filterClearIcon, filterIcon } from '@progress/kendo-svg-icons';
-import { cellBoolDropdownChange, cellInputChange, cellOperatorChange } from '../filterCommon';
-import { classNames } from '@progress/kendo-react-common';
-var GridFilterCell = /** @class */ (function (_super) {
-    __extends(GridFilterCell, _super);
-    function GridFilterCell(props) {
-        var _this = _super.call(this, props) || this;
-        _this._inputRef = React.createRef();
-        _this.renderOperatorEditor = function (localization) {
-            if (_this.props.filterType === 'boolean') {
-                return;
-            }
-            var value = _this.props.operators.find(function (item) { return item.operator === _this.props.operator; }) || null;
-            return (React.createElement(DropDownList, { size: _this.props.size, value: value, onChange: _this.operatorChange, className: "k-dropdown-operator", iconClassName: "k-i-filter k-icon", svgIcon: filterIcon, data: _this.props.operators, textField: "text", title: localization.toLanguageString(filterChooseOperator, messages[filterChooseOperator]), popupSettings: {
-                    width: ''
-                } }));
-        };
-        _this.inputChange = _this.inputChange.bind(_this);
-        _this.clear = _this.clear.bind(_this);
-        _this.operatorChange = _this.operatorChange.bind(_this);
-        _this.boolDropdownChange = _this.boolDropdownChange.bind(_this);
-        return _this;
-    }
-    /**
-     * @hidden
-     */
-    GridFilterCell.prototype.render = function () {
-        var _a;
-        var localizationService = provideLocalizationService(this);
-        var defaultRendering = (React.createElement("div", { className: "k-filtercell" },
-            React.createElement("div", { className: "k-filtercell-wrapper" },
-                this.filterComponent(this.props.filterType, this.props.value, this.props.booleanValues),
-                React.createElement("div", { className: "k-filtercell-operator" },
-                    this.renderOperatorEditor(localizationService),
-                    "\u00A0",
-                    React.createElement(Button, { size: this.props.size, icon: 'filter-clear', svgIcon: filterClearIcon, className: classNames((_a = {},
-                            _a['k-clear-button-visible'] = Boolean(!(this.props.value === null || this.props.value === '') || this.props.operator),
-                            _a)), title: localizationService.toLanguageString(filterClearButton, messages[filterClearButton]), type: "button", onClick: this.clear, disabled: !(!(this.props.value === null || this.props.value === '') || this.props.operator) })))));
-        if (this.props.render) {
-            return this.props.render.call(undefined, defaultRendering, this.props);
-        }
-        return defaultRendering;
-    };
-    GridFilterCell.prototype.inputChange = function (value, e) {
-        cellInputChange(value, e, this.props);
-    };
-    GridFilterCell.prototype.operatorChange = function (event) {
-        cellOperatorChange(event, this.props.value, this.props.onChange);
-    };
-    GridFilterCell.prototype.boolDropdownChange = function (event) {
-        cellBoolDropdownChange(event, this.props.onChange);
-    };
-    GridFilterCell.prototype.clear = function (e) {
-        var _this = this;
-        e.preventDefault();
-        this.props.onChange({ value: '', operator: '', syntheticEvent: e });
-        if (this._inputRef.current) {
-            this._inputRef.current.element.value = '';
-            setTimeout(function () {
-                _this._inputRef.current.element.focus();
-            }, 0);
-        }
-    };
-    GridFilterCell.prototype.filterComponent = function (filterType, value, booleanValues) {
-        var _this = this;
-        switch (filterType) {
-            case 'numeric':
-                return (React.createElement(NumericTextBox, { ref: this._inputRef, size: this.props.size, value: value, onChange: function (e) { _this.inputChange(e.value, e.syntheticEvent); }, title: this.props.title, ariaLabel: this.props.ariaLabel }));
-            case 'date':
-                return (React.createElement(DatePicker, { ref: this._inputRef, size: this.props.size, value: value, onChange: function (e) { _this.inputChange(e.value, e.syntheticEvent); }, title: this.props.title, ariaLabel: this.props.ariaLabel }));
-            case 'boolean':
-                var noFilterSet_1 = function (filter) { return filter === null || filter === undefined; };
-                return (React.createElement(DropDownList, { ref: this._inputRef, size: this.props.size, onChange: this.boolDropdownChange, value: booleanValues.find(function (item) { return item.operator === (noFilterSet_1(value) ? '' : value); }), data: booleanValues, textField: "text", title: this.props.title, ariaLabel: this.props.ariaLabel }));
-            default: return (React.createElement(TextBox, { ref: this._inputRef, size: this.props.size, value: value || '', onChange: function (e) { _this.inputChange(e.target.value, e.syntheticEvent); }, title: this.props.title, "aria-label": this.props.ariaLabel }));
-        }
-    };
-    return GridFilterCell;
-}(React.Component));
-export { GridFilterCell };
-registerForLocalization(GridFilterCell);

package/dist/es/cells/GridGroupCell.d.ts

@@ -1,6 +0,0 @@
-/// <reference types="react" />
-import { GridCellProps } from '../interfaces/GridCellProps';
-/**
- * @hidden
- */
-export declare const GridGroupCell: (props: GridCellProps) => JSX.Element | null;

package/dist/es/cells/GridGroupCell.js

@@ -1,114 +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 { classNames, IconWrap, Keys } from '@progress/kendo-react-common';
-import { useTableKeyboardNavigation } from '@progress/kendo-react-data-tools';
-import { useLocalization } from '@progress/kendo-react-intl';
-import { caretAltDownIcon, caretAltLeftIcon, caretAltRightIcon } from '@progress/kendo-svg-icons';
-import * as React from 'react';
-import { messages, groupCollapse, groupExpand } from '../messages';
-/**
- * @hidden
- */
-export var GridGroupCell = function (props) {
-    var defaultRendering = null;
-    var columnIndex = props.columnIndex, level = props.level, columnsCount = props.columnsCount, rowType = props.rowType, dataItem = props.dataItem, field = props.field, onChange = props.onChange, expanded = props.expanded, render = props.render, dataIndex = props.dataIndex, ariaColumnIndex = props.ariaColumnIndex, isRtl = props.isRtl;
-    var definedField = field || '';
-    var navigationAttributes = useTableKeyboardNavigation(props.id);
-    var localization = useLocalization();
-    var tdProps = null;
-    var td2Props = null;
-    var content = null;
-    var onKeyDownHandler = React.useCallback(function (event) {
-        if (event.isDefaultPrevented()) {
-            return;
-        }
-        if (event.keyCode === Keys.enter && onChange) {
-            event.preventDefault();
-            onChange({
-                dataItem: dataItem,
-                dataIndex: dataIndex,
-                syntheticEvent: event,
-                field: undefined,
-                value: !expanded
-            });
-        }
-    }, [expanded, onChange, dataItem, dataIndex]);
-    var onContextMenu = React.useCallback(function (event) {
-        if (props.onContextMenu) {
-            props.onContextMenu.call(undefined, event, props.dataItem, props.field);
-        }
-    }, [props.onContextMenu, props.dataItem, props.field]);
-    var renderCellCollapse = function (colspan, styles) {
-        var _a;
-        var baseMessage = expanded ? groupCollapse : groupExpand;
-        var message = localization.toLanguageString(baseMessage, messages[baseMessage]);
-        tdProps = __assign((_a = { className: 'k-table-td', style: __assign(__assign({}, props.style), styles), colSpan: colspan, key: 'g-colspan', role: 'gridcell' }, _a['aria-selected'] = false, _a['aria-expanded'] = expanded, _a['aria-colindex'] = ariaColumnIndex, _a.onKeyDown = onKeyDownHandler, _a.onContextMenu = onContextMenu, _a), navigationAttributes);
-        content = (React.createElement("p", { className: "k-reset" },
-            React.createElement("a", { onClick: function (e) {
-                    e.preventDefault();
-                    if (onChange) {
-                        onChange({
-                            dataItem: dataItem,
-                            dataIndex: dataIndex,
-                            syntheticEvent: e,
-                            field: undefined,
-                            value: !expanded
-                        });
-                    }
-                }, href: "#", tabIndex: -1, "aria-label": message },
-                React.createElement(IconWrap, { name: expanded ?
-                        'caret-alt-down'
-                        : isRtl ? 'caret-alt-left' : 'caret-alt-right', icon: expanded ?
-                        caretAltDownIcon
-                        : isRtl ? caretAltLeftIcon : caretAltRightIcon })),
-            ((dataItem[definedField] instanceof Date) && dataItem[definedField].toString) ?
-                dataItem[definedField].toString() :
-                dataItem[definedField]));
-        return (React.createElement("td", __assign({}, tdProps), content));
-    };
-    if (columnIndex === undefined || level === undefined || columnIndex < level ||
-        columnsCount === undefined || rowType !== 'groupHeader' || dataItem[definedField] === undefined) {
-        tdProps = {
-            style: props.style,
-            key: 'g' + columnIndex,
-            className: classNames('k-table-td', 'k-group-cell', { 'k-grid-content-sticky': props.locked }),
-            role: 'gridcell',
-            onContextMenu: onContextMenu
-        };
-        defaultRendering = (React.createElement("td", __assign({}, tdProps)));
-    }
-    else if (columnIndex <= level && !props.locked) {
-        defaultRendering = renderCellCollapse(columnsCount - columnIndex, {});
-    }
-    else if (columnIndex <= level && props.locked) {
-        td2Props = {
-            className: 'k-table-td',
-            role: 'gridcell',
-            colSpan: (columnsCount - columnIndex),
-            style: { borderLeftWidth: 0, borderRightWidth: 0 },
-            onContextMenu: onContextMenu
-        };
-        defaultRendering = (React.createElement(React.Fragment, null,
-            renderCellCollapse(0, { position: 'sticky', zIndex: 2 }),
-            React.createElement("td", __assign({}, td2Props))));
-    }
-    var rowTypeSetting = props.rowType || 'data';
-    var customCells = props.cells;
-    if (customCells && customCells.group
-        && customCells.group[rowTypeSetting]) {
-        var CustomCell = customCells.group[rowTypeSetting];
-        return (React.createElement(CustomCell, __assign({}, props, { tdProps: tdProps, td2Props: td2Props }), content));
-    }
-    return render ?
-        render.call(undefined, defaultRendering, props) :
-        defaultRendering;
-};

package/dist/es/cells/GridHierarchyCell.d.ts

@@ -1,6 +0,0 @@
-/// <reference types="react" />
-import { GridCellProps } from '../interfaces/GridCellProps';
-/**
- * @hidden
- */
-export declare const GridHierarchyCell: (props: GridCellProps) => JSX.Element | null;

package/dist/es/cells/GridHierarchyCell.js

@@ -1,77 +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 { getNestedValue } from './../utils';
-import { useTableKeyboardNavigation } from '@progress/kendo-react-data-tools';
-import { useLocalization } from '@progress/kendo-react-intl';
-import { IconWrap, Keys } from '@progress/kendo-react-common';
-import { detailCollapse, detailExpand, messages } from '../messages';
-import { minusIcon, plusIcon } from '@progress/kendo-svg-icons';
-/**
- * @hidden
- */
-export var GridHierarchyCell = function (props) {
-    var defaultRendering = null;
-    var tdProps = null;
-    var content = null;
-    var expanded = getNestedValue(props.field, props.dataItem);
-    var navigationAttributes = useTableKeyboardNavigation(props.id);
-    var localization = useLocalization();
-    var onKeyDownHandler = React.useCallback(function (event) {
-        if (event.isDefaultPrevented()) {
-            return;
-        }
-        if (event.keyCode === Keys.enter && props.onChange) {
-            event.preventDefault();
-            props.onChange({
-                dataItem: props.dataItem,
-                dataIndex: props.dataIndex,
-                syntheticEvent: event,
-                field: props.field,
-                value: !expanded
-            });
-        }
-    }, [props.dataItem, props.dataIndex, props.field, props.onChange, expanded]);
-    if (props.rowType === 'groupFooter') {
-        tdProps = __assign({ className: 'k-table-td k-hierarchy-cell', role: 'gridcell' }, navigationAttributes);
-        defaultRendering =
-            React.createElement("td", __assign({}, tdProps));
-    }
-    else if (props.rowType !== 'groupHeader') {
-        var baseMessage = expanded ? detailCollapse : detailExpand;
-        var message = localization.toLanguageString(baseMessage, messages[baseMessage]);
-        tdProps = __assign({ className: 'k-table-td k-hierarchy-cell', onKeyDown: onKeyDownHandler, 'aria-expanded': expanded ? true : false, role: 'gridcell', 'aria-colindex': props.ariaColumnIndex }, navigationAttributes);
-        content = (React.createElement("a", { onClick: function (e) {
-                e.preventDefault();
-                if (props.onChange) {
-                    props.onChange({
-                        dataItem: props.dataItem,
-                        dataIndex: props.dataIndex,
-                        syntheticEvent: e,
-                        field: props.field,
-                        value: !expanded
-                    });
-                }
-            }, "aria-label": message, href: "#", tabIndex: -1 },
-            React.createElement(IconWrap, { name: expanded ? 'minus' : 'plus', icon: expanded ? minusIcon : plusIcon })));
-        defaultRendering = (React.createElement("td", __assign({}, tdProps), content));
-    }
-    var rowTypeSetting = props.rowType || 'data';
-    var customCells = props.cells;
-    if (customCells && customCells.hierarchy && customCells.hierarchy[rowTypeSetting]) {
-        var CustomCell = customCells.hierarchy[rowTypeSetting];
-        return (React.createElement(CustomCell, __assign({}, props, { tdProps: tdProps }), content));
-    }
-    return props.render ?
-        props.render.call(undefined, defaultRendering, props) :
-        defaultRendering;
-};

package/dist/es/cells/GridSelectionCell.d.ts

@@ -1,6 +0,0 @@
-/// <reference types="react" />
-import { GridCellProps } from '../interfaces/GridCellProps';
-/**
- * @hidden
- */
-export declare const GridSelectionCell: (props: GridCellProps) => JSX.Element | null;

package/dist/es/cells/GridSelectionCell.js

@@ -1,44 +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 { getNestedValue } from './../utils';
-import { guid } from '@progress/kendo-react-common';
-import { useTableKeyboardNavigation } from '@progress/kendo-react-data-tools';
-/**
- * @hidden
- */
-export var GridSelectionCell = function (props) {
-    var _a;
-    var handleOnChange = React.useCallback(function (syntheticEvent) {
-        if (props.selectionChange) {
-            props.selectionChange({ syntheticEvent: syntheticEvent });
-        }
-    }, [props.selectionChange]);
-    var inputId = React.useMemo(function () { return guid(); }, []);
-    var selectedValue = getNestedValue(props.field, props.dataItem);
-    var navigationAttributes = useTableKeyboardNavigation(props.id);
-    var tdProps = __assign((_a = { colSpan: props.colSpan, style: props.style, className: props.className }, _a['aria-colindex'] = props.ariaColumnIndex, _a.role = 'gridcell', _a), navigationAttributes);
-    var content = [
-        (React.createElement("input", { key: "1", checked: typeof selectedValue === 'boolean' && selectedValue, id: inputId, type: "checkbox", className: "k-checkbox k-checkbox-md k-rounded-md", onChange: handleOnChange })),
-        (React.createElement("label", { className: "k-checkbox-label", htmlFor: inputId, key: "2" }))
-    ];
-    var defaultRendering = props.rowType !== 'groupHeader' ? (React.createElement("td", __assign({}, tdProps), content)) : null;
-    var rowTypeSetting = props.rowType || 'data';
-    var customCells = props.cells;
-    if (customCells && customCells.select && customCells.select[rowTypeSetting]) {
-        var CustomCell = customCells.select[rowTypeSetting];
-        return (React.createElement(CustomCell, __assign({}, props, { tdProps: tdProps }), content));
-    }
-    return props.render ?
-        props.render.call(undefined, defaultRendering, props) :
-        defaultRendering;
-};

package/dist/es/columnMenu/GridColumnMenuCheckboxFilter.d.ts

@@ -1,118 +0,0 @@
-import * as React from 'react';
-import { CompositeFilterDescriptor } from '@progress/kendo-data-query';
-import { GridColumnMenuFilterBaseProps } from '../interfaces/GridColumnMenuFilterBaseProps';
-/**
- * The props of the GridColumnMenuFilter component.
- */
-export interface GridColumnMenuCheckboxFilterProps extends GridColumnMenuFilterBaseProps {
-    /**
-     * Controls the expand state of the filter component.
-     */
-    expanded?: boolean;
-    /**
-     * Sets the items collection that will be rendered by the GridColumnMenuCheckboxFilter component.
-     */
-    data: Array<string | object>;
-    /**
-     * Triggered on each subsequent expand state of the filter component.
-     */
-    onExpandChange?: (nextExpandState: boolean) => void;
-    /**
-     * Defines the component that will be rendered as a search box.
-     */
-    searchBox?: React.ComponentType<any>;
-    /**
-     * Defines the filter operator that will be used to filter the values via the search box.
-     * "startswith"
-     * "endswith"
-     * "contains"
-     * "doesnotcontain"
-     * "isempty"
-     * "isnotempty"
-     * "eq" (equal to)
-     * "eq" (equal to)
-     * "neq" (not equal to)
-     * "isnull" (is equal to null)
-     * "isnotnull" (is not equal to null)
-     */
-    searchBoxFilterOperator?: string | Function;
-    /**
-     * Determines if the data in the component will be unique. By default the property is set to true.
-     */
-    uniqueData?: boolean;
-}
-/**
- * @hidden
- */
-export interface GridColumnMenuFilterStateProps {
-    expanded: boolean;
-    value: string;
-    data: Array<string | object>;
-    dataFromProps: Array<string | object>;
-    currentFilter: CompositeFilterDescriptor;
-}
-export declare class GridColumnMenuCheckboxFilter extends React.Component<GridColumnMenuCheckboxFilterProps, GridColumnMenuFilterStateProps> {
-    /**
-     * @hidden
-     */
-    static defaultProps: {
-        uniqueData: boolean;
-    };
-    /**
-     * @hidden
-     */
-    compositeFilterIndex: number;
-    constructor(props: GridColumnMenuCheckboxFilterProps);
-    /**
-     * @hidden
-     */
-    componentDidUpdate(): void;
-    /**
-     * @hidden
-     */
-    defaultFilter: () => any;
-    /**
-     * @hidden
-     */
-    isControlled: () => boolean;
-    /**
-     * @hidden
-     */
-    parseData: (originalData: any, isUnique: any) => any;
-    /**
-     * @hidden
-     */
-    getFilterIndex: () => any;
-    /**
-     * @hidden
-     */
-    onFilterExpand: () => void;
-    /**
-     * @hidden
-     */
-    handleSearchChange: (e: any) => void;
-    /**
-     * @hidden
-     */
-    handleClear: () => void;
-    /**
-     * @hidden
-     */
-    clear: (e: React.SyntheticEvent<any>) => void;
-    /**
-     * @hidden
-     */
-    submit: (e: React.SyntheticEvent<any>) => void;
-    /**
-     * @hidden
-     */
-    handleCheckBoxChange: (e: any, value: any) => void;
-    /**
-     * @hidden
-     */
-    isAllSelected: () => boolean;
-    /**
-     * @hidden
-     */
-    render(): JSX.Element;
-}