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

package/dist/es/columnmenu/ColumnMenu.d.ts

@@ -1,79 +0,0 @@
-import * as React from 'react';
-import { SortDescriptor, CompositeFilterDescriptor } from '@progress/kendo-data-query';
-/**
- * The props of the ColumnMenu component.
- */
-export interface ColumnMenuProps {
-    /**
-     * The descriptors by which the data is sorted.
-     */
-    sort?: SortDescriptor[];
-    /**
-     * Fires when the sorting of the ColumnMenu is changed.
-     */
-    onSortChange?: (event: React.SyntheticEvent<any>, sort: SortDescriptor[], field: string) => void;
-    /**
-     * The descriptors by which the data is filtered.
-     */
-    filter?: CompositeFilterDescriptor[];
-    /**
-     * Fires when the ColumnMenu filter is changed.
-     */
-    onFilterChange?: (event: React.SyntheticEvent<any>, filter: CompositeFilterDescriptor[], field: string) => void;
-    /**
-     * The field to which the ColumnMenu is bound.
-     */
-    field?: string;
-    /**
-     * If set to `true`, a button for sorting in `asc` direction will be rendered.
-     */
-    sortAsc?: boolean;
-    /**
-     * If set to `true`, a button for sorting in `desc` direction will be rendered.
-     */
-    sortDesc?: boolean;
-    /**
-     * Defines the filtering UI and accepts an array with components.
-     */
-    filterContent?: any[];
-    /**
-     * Defines the initial expand state of the filters.
-     * Defaults to `false`.
-     */
-    expandFilters?: boolean;
-    /**
-     * A function that returns the initial filter descriptor base on the ColumnMenu field.
-     * Use it to customize the initial values of the filtering components.
-     */
-    initialFilter?: (field: string) => CompositeFilterDescriptor;
-    /**
-     * Fires when the ColumnMenu items are about to be rendered. Use it to add or remove menu items.
-     * The `defaultRendering` is an array with the sorting and filtering components.
-     * `props` contains the column's field and the closeMenu function which closes the ColumnMenu.
-     */
-    itemsRender?: (defaultRendering: (React.ReactElement<HTMLDivElement> | null)[], props: {
-        field?: string;
-        closeMenu: () => void;
-    }) => React.ReactNode;
-    /**
-     * Fires when the ColumnMenu is about to be rendered. Use it to override the default rendering of the ColumnMenu.
-     * The defaultRendering is an array with the button `React.ReactElement<HTMLSpanElement>` and popup `React.ReactElement<PopupProps>` components.
-     */
-    render?: (defaultRendering: React.ReactElement<any>[]) => React.ReactNode;
-}
-/**
- * The `ColumnMenuTextColumn` component. Use it for `string` type columns.
- */
-export declare const ColumnMenuTextColumn: React.FunctionComponent<ColumnMenuProps>;
-/**
- * The `ColumnMenuNumericColumn` component. Use it for `number` type columns.
- */
-export declare const ColumnMenuNumericColumn: React.FunctionComponent<ColumnMenuProps>;
-/**
- * The `ColumnMenuDateColumn` component. Use it for `Date` type columns.
- */
-export declare const ColumnMenuDateColumn: React.FunctionComponent<ColumnMenuProps>;
-/**
- * The `ColumnMenuBooleanColumn` component. Use it for `boolean` type columns.
- */
-export declare const ColumnMenuBooleanColumn: React.FunctionComponent<ColumnMenuProps>;

package/dist/es/columnmenu/ColumnMenu.js

@@ -1,238 +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;
-};
-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 { Popup } from '@progress/kendo-react-popup';
-import { useLocalization } from '@progress/kendo-react-intl';
-import { isCompositeFilterDescriptor } from '@progress/kendo-data-query';
-import { ColumnMenuItem } from './ColumnMenuItem';
-import { ColumnMenuTextFilter, ColumnMenuNumericFilter, ColumnMenuDateFilter, ColumnMenuBooleanFilter } from './ColumnMenuFilters';
-import { ColumnMenuFilterLogic } from './ColumnMenuFilterLogic';
-import { ColumnMenuFilterForm } from './ColumnMenuFilterForm';
-import { messages, columnMenuFilterTitle, columnMenuSortAscending, columnMenuSortDescending } from '../messages';
-import { IconWrap, validatePackage } from '@progress/kendo-react-common';
-import { packageMetadata } from '../package-metadata';
-import { filterIcon, moreVerticalIcon, sortAscSmallIcon, sortDescSmallIcon } from '@progress/kendo-svg-icons';
-/** @hidden */
-var ColumnMenuWrapper = function (props) {
-    validatePackage(packageMetadata);
-    var emptySort = React.useRef([]);
-    var field = props.field, filter = props.filter, _a = props.sort, sort = _a === void 0 ? emptySort.current : _a, onSortChange = props.onSortChange, onFilterChange = props.onFilterChange, initialFilter = props.initialFilter, _b = props.sortAsc, sortAsc = _b === void 0 ? false : _b, _c = props.sortDesc, sortDesc = _c === void 0 ? false : _c, _d = props.filterContent, filterContent = _d === void 0 ? [] : _d, _e = props.expandFilters, expandFilters = _e === void 0 ? false : _e;
-    var _f = React.useState(false), show = _f[0], setShow = _f[1];
-    var _g = React.useState(expandFilters), filterExpand = _g[0], setFilterExpand = _g[1];
-    var _h = React.useState(field && initialFilter ? initialFilter(field) : null), currentFilter = _h[0], setCurrentFilter = _h[1];
-    var anchor = React.useRef(null);
-    var popupRef = React.useRef(null);
-    var blurTimeout = React.useRef(null);
-    var willBlur = React.useRef(false);
-    var menuFilter = React.useCallback(function () {
-        return (filter || []).find(function (f) { return f.filters.every(function (inF) { return !isCompositeFilterDescriptor(inF) && inF.field === field; }); });
-    }, [filter, field]);
-    var closeMenu = React.useCallback(function () {
-        setShow(false);
-    }, []);
-    var onBlur = React.useCallback(function () {
-        if (willBlur.current) {
-            willBlur.current = false;
-            return;
-        }
-        clearTimeout(blurTimeout.current);
-        blurTimeout.current = window.setTimeout(function () { closeMenu(); });
-    }, [closeMenu]);
-    var onFocus = React.useCallback(function () { return clearTimeout(blurTimeout.current); }, []);
-    var onAnchorMouseDown = React.useCallback(function (event) {
-        willBlur.current = show && event.currentTarget === anchor.current;
-    }, [show]);
-    var onColumnMenuButtonClick = React.useCallback(function () {
-        setShow(!show);
-        if (field && initialFilter) {
-            setFilterExpand(!show ? expandFilters : false);
-            setCurrentFilter(show ?
-                currentFilter :
-                (menuFilter() || initialFilter(field)));
-        }
-    }, [menuFilter, field, show, currentFilter, initialFilter, expandFilters]);
-    React.useEffect(function () {
-        if (show && popupRef.current) {
-            popupRef.current.focus();
-        }
-    }, [show]);
-    var filterItemClick = React.useCallback(function () { return setFilterExpand(!filterExpand); }, [filterExpand]);
-    var changeSort = React.useCallback(function (event, dir) {
-        var newSort = __spreadArray([], sort, true);
-        var currentSortIndex = newSort.findIndex(function (d) { return d.field === field; });
-        var newSortDescriptor = { field: field, dir: dir };
-        if (currentSortIndex >= 0) {
-            if (newSort[currentSortIndex].dir !== newSortDescriptor.dir) {
-                newSort.splice(currentSortIndex, 1, newSortDescriptor);
-            }
-            else {
-                newSort.splice(currentSortIndex, 1);
-            }
-        }
-        else {
-            newSort.push(newSortDescriptor);
-        }
-        closeMenu();
-        if (onSortChange) {
-            onSortChange.call(undefined, event, newSort, field);
-        }
-    }, [sort, field, onSortChange, closeMenu]);
-    var filterChange = React.useCallback(function (_event, nextFilter, prevFilter) {
-        var stateFilter = __assign(__assign({}, currentFilter), { filters: __spreadArray([], currentFilter.filters, true) });
-        var index = stateFilter.filters.indexOf(prevFilter);
-        stateFilter.filters.splice(index, 1, nextFilter);
-        setCurrentFilter(stateFilter);
-    }, [currentFilter]);
-    var onFilterSubmit = React.useCallback(function (event) {
-        event.preventDefault();
-        var newFilter = (filter || []).slice();
-        var prev = menuFilter();
-        var index = prev ? newFilter.indexOf(prev) : -1;
-        if (index >= 0) {
-            newFilter.splice(index, 1, currentFilter);
-        }
-        else {
-            newFilter.push(currentFilter);
-        }
-        closeMenu();
-        if (onFilterChange) {
-            onFilterChange.call(undefined, event, newFilter, field);
-        }
-    }, [filter, currentFilter, field, onFilterChange, closeMenu, menuFilter]);
-    var onFilterReset = React.useCallback(function (event) {
-        var newFilter = (filter || []).slice();
-        var prev = menuFilter();
-        var index = prev ? newFilter.indexOf(prev) : -1;
-        if (index >= 0) {
-            newFilter.splice(index, 1);
-        }
-        if (initialFilter) {
-            setCurrentFilter(initialFilter(field));
-        }
-        closeMenu();
-        if (onFilterChange) {
-            onFilterChange.call(undefined, event, newFilter, field);
-        }
-    }, [filter, field, onFilterChange, initialFilter, closeMenu, menuFilter]);
-    var sortAscChange = React.useCallback(function (e) { return changeSort(e, 'asc'); }, [changeSort]);
-    var sortDescChange = React.useCallback(function (e) { return changeSort(e, 'desc'); }, [changeSort]);
-    var onLogicChange = React.useCallback(function (event) { return currentFilter && setCurrentFilter(__assign(__assign({}, currentFilter), { logic: event.value.logic })); }, [currentFilter]);
-    var currentSort = sort.find(function (d) { return d.field === field; }) || { dir: '' };
-    var FirstFilterComponent = filterContent[0], FilterLogicComponent = filterContent[1], SecondFilterComponent = filterContent[2];
-    var localization = useLocalization();
-    var sorting = (sortAsc || sortDesc) ? (React.createElement("div", { className: "k-columnmenu-item-wrapper", key: "sorting" },
-        sortAsc &&
-            (React.createElement(ColumnMenuItem, { title: localization.toLanguageString(columnMenuSortAscending, messages[columnMenuSortAscending]), iconClass: "k-i-sort-asc-small", svgIcon: sortAscSmallIcon, selected: currentSort.dir === 'asc', onClick: sortAscChange })),
-        sortDesc &&
-            (React.createElement(ColumnMenuItem, { title: localization.toLanguageString(columnMenuSortDescending, messages[columnMenuSortDescending]), iconClass: "k-i-sort-desc-small", svgIcon: sortDescSmallIcon, selected: currentSort.dir === 'desc', onClick: sortDescChange })))) : null;
-    // filter content empty when no field is supplied
-    var filtering = currentFilter && filterContent.length > 0 ? (React.createElement("div", { className: "k-columnmenu-item-wrapper", key: "filtering" },
-        React.createElement(ColumnMenuItem, { iconClass: "k-i-filter", svgIcon: filterIcon, title: localization.toLanguageString(columnMenuFilterTitle, messages[columnMenuFilterTitle]), onClick: filterItemClick }),
-        React.createElement(ColumnMenuFilterForm, { show: filterExpand, onSubmit: onFilterSubmit, onReset: onFilterReset },
-            FirstFilterComponent &&
-                React.createElement(FirstFilterComponent, { filter: currentFilter.filters[0], onFilterChange: filterChange }),
-            FilterLogicComponent &&
-                React.createElement(FilterLogicComponent, { value: currentFilter.logic, onChange: onLogicChange }),
-            SecondFilterComponent &&
-                React.createElement(SecondFilterComponent, { filter: currentFilter.filters[1], onFilterChange: filterChange })))) : null;
-    var menuItems = [sorting, filtering];
-    var button = (React.createElement("span", { ref: anchor, onClick: onColumnMenuButtonClick, onMouseDown: onAnchorMouseDown, className: 'k-grid-header-menu k-grid-column-menu' + (Boolean(menuFilter()) ? ' k-active' : ''), key: "button" },
-        React.createElement(IconWrap, { name: "more-vertical", icon: moreVerticalIcon })));
-    var popup = (React.createElement(Popup, { anchor: anchor.current, show: show, key: "popup" },
-        React.createElement("div", { className: "k-grid-columnmenu-popup", ref: popupRef, tabIndex: 0, onBlur: onBlur, onFocus: onFocus, style: { outline: 'none' } }, props.itemsRender ?
-            props.itemsRender.call(undefined, menuItems, { closeMenu: closeMenu, field: field }) :
-            menuItems)));
-    var rendering = [button, popup];
-    return React.createElement(React.Fragment, null, props.render ? props.render.call(undefined, rendering) : rendering);
-};
-/**
- * The `ColumnMenuTextColumn` component. Use it for `string` type columns.
- */
-export var ColumnMenuTextColumn = function (props) {
-    var field = props.field, others = __rest(props, ["field"]);
-    var initialFilter = React.useCallback(function (currentField) {
-        return ({ logic: 'and', filters: [{ operator: 'contains', field: currentField, value: '' }, { operator: 'contains', field: currentField, value: '' }] });
-    }, []);
-    var hasField = Boolean(props.field);
-    var filterContent = hasField ? [
-        ColumnMenuTextFilter,
-        ColumnMenuFilterLogic,
-        ColumnMenuTextFilter
-    ] : [];
-    return (React.createElement(ColumnMenuWrapper, __assign({ sortAsc: true && hasField, sortDesc: true && hasField, filterContent: filterContent, initialFilter: hasField ? initialFilter : undefined, field: field }, others)));
-};
-/**
- * The `ColumnMenuNumericColumn` component. Use it for `number` type columns.
- */
-export var ColumnMenuNumericColumn = function (props) {
-    var field = props.field, others = __rest(props, ["field"]);
-    var initialFilter = React.useCallback(function (currentField) {
-        return ({ logic: 'or', filters: [{ operator: 'eq', field: currentField, value: null }, { operator: 'eq', field: currentField, value: null }] });
-    }, []);
-    var hasField = Boolean(props.field);
-    var filterContent = hasField ? [
-        ColumnMenuNumericFilter,
-        ColumnMenuFilterLogic,
-        ColumnMenuNumericFilter
-    ] : [];
-    return (React.createElement(ColumnMenuWrapper, __assign({ sortAsc: true && hasField, sortDesc: true && hasField, filterContent: filterContent, initialFilter: hasField ? initialFilter : undefined, field: field }, others)));
-};
-/**
- * The `ColumnMenuDateColumn` component. Use it for `Date` type columns.
- */
-export var ColumnMenuDateColumn = function (props) {
-    var field = props.field, others = __rest(props, ["field"]);
-    var initialFilter = React.useCallback(function (currentField) {
-        return ({ logic: 'or', filters: [{ operator: 'eq', field: currentField, value: null }, { operator: 'eq', field: currentField, value: null }] });
-    }, []);
-    var hasField = Boolean(props.field);
-    var filterContent = hasField ? [
-        ColumnMenuDateFilter,
-        ColumnMenuFilterLogic,
-        ColumnMenuDateFilter
-    ] : [];
-    return (React.createElement(ColumnMenuWrapper, __assign({ sortAsc: true && hasField, sortDesc: true && hasField, filterContent: filterContent, initialFilter: hasField ? initialFilter : undefined, field: field }, others)));
-};
-/**
- * The `ColumnMenuBooleanColumn` component. Use it for `boolean` type columns.
- */
-export var ColumnMenuBooleanColumn = function (props) {
-    var field = props.field, others = __rest(props, ["field"]);
-    var initialFilter = React.useCallback(function (currentField) {
-        return ({ logic: 'and', filters: [{ operator: 'eq', field: currentField, value: false }] });
-    }, []);
-    var hasField = Boolean(props.field);
-    var filterContent = hasField ? [
-        ColumnMenuBooleanFilter
-    ] : [];
-    return (React.createElement(ColumnMenuWrapper, __assign({ sortAsc: true && hasField, sortDesc: true && hasField, filterContent: filterContent, initialFilter: hasField ? initialFilter : undefined, field: field }, others)));
-};

package/dist/es/columnmenu/ColumnMenuFilterForm.js

@@ -1,33 +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 { Reveal } from '@progress/kendo-react-animation';
-import { useLocalization } from '@progress/kendo-react-intl';
-import { messages, columnMenuFilterClearButton as clear, columnMenuFilterSubmitButton as submit } from '../messages';
-import { Button } from '@progress/kendo-react-buttons';
-export var ColumnMenuForm = function (props) {
-    return (React.createElement("div", { className: "k-columnmenu-item-content" },
-        React.createElement(Reveal, { style: { position: 'relative', display: 'block' } }, props.show && (React.createElement("div", { className: "kendo-grid-filter-menu-container" },
-            React.createElement("form", { className: "k-filter-menu k-group k-reset k-state-border-up", onSubmit: props.onSubmit, onReset: props.onReset },
-                React.createElement("div", { className: "k-filter-menu-container" },
-                    props.children,
-                    React.createElement("div", { className: "k-actions k-hstack k-justify-content-stretch" }, props.actions))))))));
-};
-/**
- * @hidden
- */
-export var ColumnMenuFilterForm = function (props) {
-    var localization = useLocalization();
-    return (React.createElement(ColumnMenuForm, __assign({}, props, { actions: (React.createElement(React.Fragment, null,
-            React.createElement(Button, { type: "reset" }, localization.toLanguageString(clear, messages[clear])),
-            React.createElement(Button, { themeColor: 'primary' }, localization.toLanguageString(submit, messages[submit])))) })));
-};

package/dist/es/columnmenu/ColumnMenuFilterLogic.d.ts

@@ -1,3 +0,0 @@
-import * as React from 'react';
-import { DropDownListProps } from '@progress/kendo-react-dropdowns';
-export declare const ColumnMenuFilterLogic: React.FunctionComponent<DropDownListProps>;

package/dist/es/columnmenu/ColumnMenuFilterLogic.js

@@ -1,22 +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 { DropDownList } from '@progress/kendo-react-dropdowns';
-import { useLocalization } from '@progress/kendo-react-intl';
-import { messages, columnMenuFilterAndLogic as and, columnMenuFilterOrLogic as or } from '../messages';
-var logicData = [{ text: and, logic: 'and' }, { text: or, logic: 'or' }];
-export var ColumnMenuFilterLogic = function (props) {
-    var localization = useLocalization();
-    var data = (props.data || logicData)
-        .map(function (i) { return (__assign(__assign({}, i), { text: localization.toLanguageString(i.text, messages[i.text]) })); });
-    return (React.createElement(DropDownList, __assign({ onChange: props.onChange, className: "k-filter-and", textField: "text" }, props, { data: data, value: data.find(function (i) { return i.logic === props.value; }) })));
-};

package/dist/es/columnmenu/ColumnMenuFilters.js

@@ -1,62 +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 { useLocalization } from '@progress/kendo-react-intl';
-import { DropDownList } from '@progress/kendo-react-dropdowns';
-import { NumericTextBox, Checkbox, Input } from '@progress/kendo-react-inputs';
-import { DatePicker } from '@progress/kendo-react-dateinputs';
-import { messages } from '../messages';
-import { ColumnMenuOperators } from './ColumnMenuOperators';
-var ColumnMenuFilter = function (props) {
-    var filter = props.filter, onFilterChange = props.onFilterChange, operators = props.operators, initialFilter = props.initialFilter;
-    var operatorChange = React.useCallback(function (event) {
-        var prevFilter = filter;
-        var operator = event.target.value.operator;
-        var nextFilter = prevFilter ? __assign(__assign({}, prevFilter), { operator: operator }) : { value: initialFilter.value, operator: operator };
-        onFilterChange.call(undefined, event.syntheticEvent, nextFilter, prevFilter);
-    }, [filter, onFilterChange, initialFilter]);
-    var inputChange = React.useCallback(function (event) {
-        var value = event.target.value;
-        var prevFilter = filter;
-        var nextFilter = prevFilter ? __assign(__assign({}, prevFilter), { value: value }) : { value: value, operator: operators[0].operator };
-        onFilterChange.call(undefined, event, nextFilter, prevFilter);
-    }, [filter, onFilterChange, operators]);
-    var localization = useLocalization();
-    var data = operators.map(function (o) { return (__assign(__assign({}, o), { text: localization.toLanguageString(o.text, messages[o.text]) })); });
-    return (React.createElement(React.Fragment, null,
-        React.createElement(DropDownList, { value: data.find(function (item) { return item.operator === filter.operator; }) || null, onChange: operatorChange, data: data, textField: "text" }),
-        React.createElement(props.input, { value: filter.value, onChange: inputChange })));
-};
-export var ColumnMenuBooleanFilter = function (props) {
-    var filter = props.filter, onFilterChange = props.onFilterChange;
-    var inputChange = React.useCallback(function (event) { return onFilterChange.call(undefined, event.syntheticEvent, __assign(__assign({}, filter), { value: event.value }), filter); }, [filter, onFilterChange]);
-    var isTrue = ColumnMenuOperators.boolean[0].text;
-    return (React.createElement(Checkbox, { onChange: inputChange, checked: filter.value, label: useLocalization().toLanguageString(isTrue, messages[isTrue]), labelPlacement: "after" }));
-};
-export var ColumnMenuTextFilter = function (props) {
-    var input = React.useCallback(function (pr) { return React.createElement(Input, __assign({}, pr, { value: pr.value || '' })); }, []);
-    var operators = React.useRef(ColumnMenuOperators.text);
-    var initialFilter = React.useRef({ operator: '', value: '' });
-    return (React.createElement(ColumnMenuFilter, __assign({ initialFilter: initialFilter.current, input: input, operators: props.operators || operators.current }, props)));
-};
-export var ColumnMenuNumericFilter = function (props) {
-    var input = React.useCallback(function (pr) { return React.createElement(NumericTextBox, __assign({}, pr, { value: pr.value || null })); }, []);
-    var operators = React.useRef(ColumnMenuOperators.numeric);
-    var initialFilter = React.useRef({ operator: '', value: null });
-    return (React.createElement(ColumnMenuFilter, __assign({ initialFilter: initialFilter.current, input: input, operators: props.operators || operators.current }, props)));
-};
-export var ColumnMenuDateFilter = function (props) {
-    var input = React.useCallback(function (pr) { return React.createElement(DatePicker, __assign({}, pr, { value: pr.value || null })); }, []);
-    var operators = React.useRef(ColumnMenuOperators.date);
-    var initialFilter = React.useRef({ operator: '', value: null });
-    return (React.createElement(ColumnMenuFilter, __assign({ initialFilter: initialFilter.current, input: input, operators: props.operators || operators.current }, props)));
-};

package/dist/es/columnmenu/ColumnMenuItem.d.ts

@@ -1,11 +0,0 @@
-import * as React from 'react';
-import { SVGIcon } from '@progress/kendo-react-common';
-export interface ColumnMenuItemProps {
-    onClick?: (event: React.MouseEvent<HTMLDivElement>) => void;
-    selected?: boolean;
-    disabled?: boolean;
-    iconClass?: string;
-    svgIcon?: SVGIcon;
-    title: string;
-}
-export declare const ColumnMenuItem: React.FunctionComponent<ColumnMenuItemProps>;

package/dist/es/columnmenu/ColumnMenuItem.js

@@ -1,7 +0,0 @@
-import * as React from 'react';
-import { classNames, IconWrap, toIconName } from '@progress/kendo-react-common';
-export var ColumnMenuItem = function (props) {
-    return (React.createElement("div", { onClick: props.onClick, className: classNames('k-columnmenu-item', { 'k-selected': props.selected }, { 'k-disabled': props.disabled }) },
-        (props.iconClass || props.svgIcon) && React.createElement(IconWrap, { name: props.iconClass ? toIconName(props.iconClass) : undefined, icon: props.svgIcon }),
-        props.title));
-};

package/dist/es/columnmenu/ColumnMenuOperators.d.ts

@@ -1,65 +0,0 @@
-import { FilterOperator } from '../filteringCells';
-/**
- * Represents the operators for the ColumnMenuTextFilter, ColumnMenuNumericFilter,
- * ColumnMenuDateFilter and ColumnMenuBooleanFilter components.
- *
- * The text field of each operator object will be resolved according to the
- * [localization messages]({% slug globalization_datatools %}#toc-messages).
- */
-export declare class ColumnMenuOperators {
-    /**
-     * An array containing the operators for the ColumnMenuTextFilter component.
-     *
-     * The operators are:
-     *
-     * - { text: 'columnMenu.filterContainsOperator', operator: 'contains' }
-     * - { text: 'columnMenu.filterNotContainsOperator', operator: 'doesnotcontain' }
-     * - { text: 'columnMenu.filterEqOperator', operator: 'eq' }
-     * - { text: 'columnMenu.filterNotEqOperator', operator: 'neq' }
-     * - { text: 'columnMenu.filterStartsWithOperator', operator: 'startswith' }
-     * - { text: 'columnMenu.filterEndsWithOperator', operator: 'endswith' }
-     * - { text: 'columnMenu.filterIsNullOperator', operator: 'isnull' }
-     * - { text: 'columnMenu.filterIsNotNullOperator', operator: 'isnotnull' }
-     * - { text: 'columnMenu.filterIsEmptyOperator', operator: 'isempty' }
-     * - { text: 'columnMenu.filterIsNotEmptyOperator', operator: 'isnotempty' }
-     */
-    static get text(): FilterOperator[];
-    /**
-     * An array containing the operators for the ColumnMenuNumericFilter component.
-     *
-     * The operators are:
-     *
-     * - { text: 'columnMenu.filterEqOperator', operator: 'eq' }
-     * - { text: 'columnMenu.filterNotEqOperator', operator: 'neq' }
-     * - { text: 'columnMenu.filterGteOperator', operator: 'gte' }
-     * - { text: 'columnMenu.filterGtOperator', operator: 'gt' }
-     * - { text: 'columnMenu.filterLteOperator', operator: 'lte' }
-     * - { text: 'columnMenu.filterLtOperator', operator: 'lt' }
-     * - { text: 'columnMenu.filterIsNullOperator', operator: 'isnull' }
-     * - { text: 'columnMenu.filterIsNotNullOperator', operator: 'isnotnull' }
-     */
-    static get numeric(): FilterOperator[];
-    /**
-     * An array containing the operators for the ColumnMenuDateFilter component.
-     *
-     * The operators are:
-     *
-     * - { text: 'columnMenu.filterEqOperator', operator: 'eq' }
-     * - { text: 'columnMenu.filterNotEqOperator', operator: 'neq' }
-     * - { text: 'columnMenu.filterAfterOrEqualOperator', operator: 'gte' }
-     * - { text: 'columnMenu.filterAfterOperator', operator: 'gt' }
-     * - { text: 'columnMenu.filterBeforeOperator', operator: 'lt' }
-     * - { text: 'columnMenu.filterBeforeOrEqualOperator', operator: 'lte' }
-     * - { text: 'columnMenu.filterIsNullOperator', operator: 'isnull' }
-     * - { text: 'columnMenu.filterIsNotNullOperator', operator: 'isnotnull' }
-     */
-    static get date(): FilterOperator[];
-    /**
-     * An array containing the operators for the ColumnMenuBooleanFilter component.
-     *
-     * The operators are:
-     *
-     * - { text: 'columnMenu.filterIsTrue', operator: '' }
-     */
-    static get boolean(): FilterOperator[];
-}