@progress/kendo-react-dropdowns 6.1.1 → 7.0.0-develop.10

package/dist/es/common/DropDownBase.js

@@ -1,297 +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 * as PropTypes from 'prop-types';
-import VirtualScroll from './VirtualScroll';
-import { Navigation } from './Navigation';
-import { scrollToItem, areSame } from './utils';
-import { guid } from '@progress/kendo-react-common';
-/**
- * @hidden
- */
-var DropDownBase = /** @class */ (function () {
-    function DropDownBase(component) {
-        var _this = this;
-        this.wrapper = null;
-        this.list = null;
-        this.vs = new VirtualScroll();
-        this.navigation = new Navigation();
-        this.handleItemClick = function (index, event) {
-            var state = _this.initState();
-            state.syntheticEvent = event;
-            event.stopPropagation();
-            _this.component.handleItemSelect(index, state);
-            _this.togglePopup(state);
-            _this.applyState(state);
-        };
-        this.handleFocus = function (event) {
-            if (!_this.component.state.focused) {
-                var state = _this.initState();
-                state.data.focused = true;
-                state.events.push({ type: 'onFocus' });
-                state.syntheticEvent = event;
-                _this.applyState(state);
-            }
-        };
-        this.filterChanged = function (text, state) {
-            var _a = _this.component.props, textField = _a.textField, filterable = _a.filterable;
-            if (filterable) {
-                state.events.push({
-                    type: 'onFilterChange',
-                    filter: {
-                        field: textField,
-                        operator: 'contains',
-                        ignoreCase: true,
-                        value: text
-                    }
-                });
-            }
-        };
-        this.togglePopup = function (state) {
-            var props = _this.component.props;
-            var opened = props.opened !== undefined ? props.opened : _this.component.state.opened;
-            if (props.opened === undefined) {
-                state.data.opened = !opened;
-            }
-            if (opened) {
-                state.events.push({ type: 'onClose' });
-            }
-            else {
-                state.events.push({ type: 'onOpen' });
-                _this.calculatePopupWidth();
-            }
-        };
-        this.pageChange = function (page, syntheticEvent) {
-            var state = _this.initState();
-            state.syntheticEvent = syntheticEvent;
-            _this.triggerOnPageChange(state, page.skip, page.take);
-            _this.applyState(state);
-        };
-        this.scrollToVirtualItem = function (virtual, selectedItemIndex) {
-            var vs = _this.vs;
-            vs.enabled = false;
-            if (virtual.skip === 0) {
-                vs.reset();
-            }
-            else if (virtual.skip + virtual.pageSize === virtual.total) {
-                vs.scrollToEnd();
-            }
-            else {
-                var scrollTop = vs.translate;
-                if (scrollTop === 0) {
-                    vs.calcScrollElementHeight();
-                    scrollTop = (vs.itemHeight * virtual.skip);
-                    vs.translateTo(scrollTop - vs.itemHeight);
-                }
-                if (vs.container) {
-                    vs.container.scrollTop = scrollTop;
-                }
-                _this.scrollToItem(selectedItemIndex, true);
-            }
-            window.setTimeout(function () { return vs.enabled = true; }, 10);
-        };
-        /**
-         * @hidden
-         * Scrolls the data inside the popup of a selected DropDown by `one page`. The page size
-         * depends on the height of the popup.
-         *
-         * @param {number} direction Defines the direction(Up/Down) in which the page will be moved
-         * @param {number} filterHeight Defines the heigh of the filter element that appears in the DropDownList and DropDownTree.
-         * This property is added for handling the filtering scenarios of the mentioned components.
-         */
-        this.scrollPopupByPageSize = function (direction) {
-            var _a, _b, _c, _d, _e, _f;
-            var vs = _this.vs;
-            var offsetTop = (_b = (_a = _this.list) === null || _a === void 0 ? void 0 : _a.parentElement) === null || _b === void 0 ? void 0 : _b.scrollTop;
-            var itemHeight = (vs.enabled && vs.itemHeight ? vs.itemHeight : (_this.list ? _this.list.children[0].offsetHeight : 0));
-            var height = (_d = (_c = _this.list) === null || _c === void 0 ? void 0 : _c.parentElement) === null || _d === void 0 ? void 0 : _d.offsetHeight;
-            if (offsetTop !== undefined && height !== undefined) {
-                (_f = (_e = _this.list) === null || _e === void 0 ? void 0 : _e.parentElement) === null || _f === void 0 ? void 0 : _f.scroll({ top: offsetTop + direction * Math.floor(height / itemHeight) * itemHeight });
-            }
-        };
-        this.renderScrollElement = function () {
-            var vs = _this.vs;
-            return vs.enabled && (React.createElement("div", { ref: function (element) { return vs.scrollElement = element; }, key: 'scrollElementKey' }));
-        };
-        this.resetGroupStickyHeader = function (groupName, that) {
-            if (groupName !== that.state.group) {
-                that.setState(__assign(__assign({}, that.state), { group: groupName }));
-            }
-        };
-        this.listBoxId = guid();
-        this.guid = guid();
-        this.component = component;
-        this.vs.PageChange = this.pageChange;
-    }
-    DropDownBase.prototype.didMount = function () {
-        var props = this.component.props;
-        var popupSettings = props.popupSettings || {};
-        var style = props.style || {};
-        var popupWidth = popupSettings.width;
-        var shouldUpdate = props.opened === true;
-        if (popupWidth === undefined) {
-            this.calculatePopupWidth();
-        }
-        if (props.dir === undefined && style.direction === undefined) {
-            this.calculateDir();
-            shouldUpdate = true;
-        }
-        if (shouldUpdate) {
-            this.component.forceUpdate();
-        }
-    };
-    DropDownBase.prototype.calculateDir = function () {
-        var element = this.component.element;
-        if (element && element.ownerDocument && element.ownerDocument.defaultView) {
-            this.dirCalculated = element.ownerDocument.defaultView.getComputedStyle(element).direction || undefined;
-        }
-    };
-    DropDownBase.prototype.calculatePopupWidth = function () {
-        if (this.wrapper) {
-            this.popupWidth = this.wrapper.offsetWidth + 'px';
-        }
-    };
-    DropDownBase.prototype.scrollToItem = function (itemIndex, vsEnabled, once) {
-        var _this = this;
-        var list = this.list || this.vs.list;
-        if (!list && !once) {
-            setTimeout(function () {
-                _this.scrollToItem(itemIndex, vsEnabled, true);
-            }, 10);
-        }
-        if (list && itemIndex >= 0) {
-            var vs = this.vs;
-            var scrollElement = (vs.container || list.parentNode);
-            var virtualScroll = vsEnabled !== undefined ? vsEnabled : vs.enabled;
-            scrollToItem(scrollElement, list, itemIndex, vs.translate, virtualScroll);
-        }
-    };
-    DropDownBase.prototype.initState = function () {
-        var state = {
-            data: {},
-            events: [],
-            syntheticEvent: undefined
-        };
-        return state;
-    };
-    DropDownBase.prototype.applyState = function (state) {
-        var _this = this;
-        if (Object.keys(state.data).length > 0) {
-            this.component.setState(state.data);
-        }
-        var eventArgs = {
-            syntheticEvent: state.syntheticEvent,
-            nativeEvent: state.syntheticEvent ? state.syntheticEvent.nativeEvent : undefined,
-            target: this.component,
-            value: this.component.value
-        };
-        state.events.forEach(function (eventData) {
-            var type = eventData.type;
-            delete eventData.type;
-            var handler = type && _this.component.props[type];
-            if (handler) {
-                handler.call(undefined, __assign(__assign({}, eventArgs), eventData));
-            }
-        });
-    };
-    DropDownBase.prototype.triggerOnPageChange = function (state, skip, take) {
-        var virtual = this.component.props.virtual;
-        if (virtual) {
-            var newSkip = Math.min(Math.max(0, skip), Math.max(0, virtual.total - take));
-            if (newSkip !== virtual.skip) {
-                state.events.push({
-                    type: 'onPageChange',
-                    page: { skip: newSkip, take: take }
-                });
-            }
-        }
-    };
-    DropDownBase.prototype.triggerPageChangeCornerItems = function (item, state) {
-        var props = this.component.props;
-        var _a = props.data, data = _a === void 0 ? [] : _a, dataItemKey = props.dataItemKey, virtual = props.virtual;
-        var opened = props.opened !== undefined ? props.opened : this.component.state.opened;
-        if (item && virtual && this.vs.enabled) {
-            if (virtual.skip > 0 && areSame(item, data[0], dataItemKey)) {
-                this.triggerOnPageChange(state, virtual.skip - 1, virtual.pageSize);
-            }
-            else if (!opened && virtual.skip + virtual.pageSize < virtual.total &&
-                areSame(item, data[data.length - 1], dataItemKey)) {
-                this.triggerOnPageChange(state, virtual.skip + 1, virtual.pageSize);
-            }
-        }
-    };
-    DropDownBase.prototype.getPopupSettings = function () {
-        return Object
-            .assign({}, DropDownBase.defaultProps.popupSettings, this.component.props.popupSettings);
-    };
-    DropDownBase.prototype.getGroupedDataModernMode = function (data, groupField) {
-        var newData = [];
-        data.forEach(function (el, index) {
-            var _a;
-            if (data[index - 1] && el[groupField] !== data[index - 1][groupField]) {
-                newData.push((_a = {}, _a[groupField] = el[groupField], _a));
-                newData.push(data[index]);
-            }
-            else {
-                newData.push(data[index]);
-            }
-        });
-        return newData;
-    };
-    DropDownBase.basicPropTypes = {
-        opened: PropTypes.bool,
-        disabled: PropTypes.bool,
-        dir: PropTypes.string,
-        tabIndex: PropTypes.number,
-        accessKey: PropTypes.string,
-        data: PropTypes.array,
-        textField: PropTypes.string,
-        className: PropTypes.string,
-        label: PropTypes.string,
-        loading: PropTypes.bool,
-        popupSettings: PropTypes.shape({
-            animate: PropTypes.oneOfType([PropTypes.bool, PropTypes.shape({
-                    openDuration: PropTypes.number,
-                    closeDuration: PropTypes.number
-                })]),
-            popupClass: PropTypes.string,
-            className: PropTypes.string,
-            appendTo: PropTypes.any,
-            width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
-            height: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
-        }),
-        onOpen: PropTypes.func,
-        onClose: PropTypes.func,
-        onFocus: PropTypes.func,
-        onBlur: PropTypes.func,
-        onChange: PropTypes.func,
-        itemRender: PropTypes.func,
-        listNoDataRender: PropTypes.func,
-        focusedItemIndex: PropTypes.func,
-        header: PropTypes.node,
-        footer: PropTypes.node
-    };
-    DropDownBase.propTypes = __assign(__assign({}, DropDownBase.basicPropTypes), { value: PropTypes.any, defaultValue: PropTypes.any, filterable: PropTypes.bool, filter: PropTypes.string, virtual: PropTypes.shape({
-            pageSize: PropTypes.number.isRequired,
-            skip: PropTypes.number.isRequired,
-            total: PropTypes.number.isRequired
-        }), onFilterChange: PropTypes.func, onPageChange: PropTypes.func });
-    DropDownBase.defaultProps = {
-        popupSettings: {
-            height: '200px'
-        },
-        required: false,
-        validityStyles: true
-    };
-    return DropDownBase;
-}());
-export default DropDownBase;

package/dist/es/common/GroupStickyHeader.js

@@ -1,34 +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';
-/**
- * @hidden
- */
-var GroupStickyHeader = /** @class */ (function (_super) {
-    __extends(GroupStickyHeader, _super);
-    function GroupStickyHeader() {
-        return _super !== null && _super.apply(this, arguments) || this;
-    }
-    GroupStickyHeader.prototype.render = function () {
-        var _a = this.props, group = _a.group, groupMode = _a.groupMode, renderer = _a.render;
-        var item = (React.createElement("div", { className: "k-list-group-sticky-header" }, groupMode === 'classic'
-            ? group
-            : React.createElement("div", { className: "k-list-header-text" }, group)));
-        return renderer !== undefined ? renderer.call(undefined, item, this.props) : item;
-    };
-    return GroupStickyHeader;
-}(React.Component));
-export default GroupStickyHeader;

package/dist/es/common/List.js

@@ -1,75 +0,0 @@
-var __extends = (this && this.__extends) || (function () {
-    var extendStatics = function (d, b) {
-        extendStatics = Object.setPrototypeOf ||
-            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
-        return extendStatics(d, b);
-    };
-    return function (d, b) {
-        if (typeof b !== "function" && b !== null)
-            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
-        extendStatics(d, b);
-        function __() { this.constructor = d; }
-        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
-    };
-})();
-import * as React from 'react';
-import ListItem from './ListItem';
-import ListGroupItem from './ListGroupItem';
-import { areSame, getItemValue } from './utils';
-import { registerForLocalization, provideLocalizationService } from '@progress/kendo-react-intl';
-import { messages, nodata } from '../messages';
-/**
- * @hidden
- */
-var List = /** @class */ (function (_super) {
-    __extends(List, _super);
-    function List() {
-        return _super !== null && _super.apply(this, arguments) || this;
-    }
-    List.prototype.renderItems = function () {
-        var _this = this;
-        var _a = this.props, textField = _a.textField, valueField = _a.valueField, groupField = _a.groupField, groupMode = _a.groupMode, isMultiColumn = _a.isMultiColumn, optionsGuid = _a.optionsGuid, _b = _a.skip, skip = _b === void 0 ? 0 : _b, virtual = _a.virtual, focusedIndex = _a.focusedIndex, _c = _a.highlightSelected, highlightSelected = _c === void 0 ? true : _c, value = _a.value, data = _a.data, itemRender = _a.itemRender, groupHeaderItemRender = _a.groupHeaderItemRender;
-        var isArray = Array.isArray(value);
-        var groupCounter = 0;
-        return data.map(function (item, index) {
-            var realIndex = skip + index;
-            var idIndex = skip + index + groupCounter;
-            var selected = item.disabled ? false : highlightSelected &&
-                ((!isArray && areSame(item, value, valueField)) ||
-                    (isArray && value.findIndex(function (i) { return areSame(i, item, valueField); }) !== -1));
-            var group = undefined;
-            var current, previous;
-            if (index > 0 && groupField !== undefined) {
-                current = getItemValue(item, groupField);
-                previous = getItemValue(data[index - 1], groupField);
-                if (current && previous && current !== previous) {
-                    group = current;
-                }
-            }
-            group !== undefined && groupMode === 'modern' ? groupCounter += 1 : '';
-            return [
-                group !== undefined && groupMode === 'modern' && React.createElement(ListGroupItem, { id: "option-".concat(optionsGuid, "-").concat(idIndex), virtual: virtual, key: realIndex + '-group-item', group: group, isMultiColumn: isMultiColumn, render: groupHeaderItemRender }),
-                React.createElement(ListItem, { id: "option-".concat(optionsGuid, "-").concat(group !== undefined && groupMode === 'modern' ? idIndex + 1 : idIndex), virtual: virtual, dataItem: item, groupMode: groupMode, selected: selected, focused: focusedIndex === index, index: realIndex, key: realIndex, onClick: _this.props.onClick, textField: textField, group: group, render: itemRender, disabled: item.disabled })
-            ];
-        });
-    };
-    List.prototype.renderNoValueElement = function (localizationService) {
-        var noDataRender = this.props.noDataRender;
-        var noDataElement = (React.createElement("div", { className: 'k-nodata' },
-            React.createElement("div", null, localizationService.toLanguageString(nodata, messages[nodata]))));
-        return noDataRender ?
-            noDataRender.call(undefined, noDataElement) : noDataElement;
-    };
-    List.prototype.render = function () {
-        var localizationService = provideLocalizationService(this);
-        var _a = this.props, id = _a.id, show = _a.show, wrapperCssClass = _a.wrapperCssClass, wrapperStyle = _a.wrapperStyle, listStyle = _a.listStyle, listRef = _a.listRef, wrapperRef = _a.wrapperRef, _b = _a.listClassName, listClassName = _b === void 0 ? 'k-list-ul' : _b;
-        var items = this.renderItems();
-        return (items.length ? (React.createElement("div", { className: wrapperCssClass, style: wrapperStyle, ref: wrapperRef, onMouseDown: this.props.onMouseDown, onBlur: this.props.onBlur, onScroll: this.props.onScroll, unselectable: "on" },
-            React.createElement("ul", { id: id, role: "listbox", "aria-hidden": !show ? true : undefined, className: listClassName, ref: listRef, style: listStyle }, items),
-            this.props.scroller && React.createElement("div", { className: "k-height-container" }, this.props.scroller))) : this.renderNoValueElement(localizationService));
-    };
-    return List;
-}(React.Component));
-export default List;
-registerForLocalization(List);

package/dist/es/common/ListContainer.d.ts

@@ -1,18 +0,0 @@
-import * as React from 'react';
-import { PopupProps } from '@progress/kendo-react-popup';
-/**
- * @hidden
- */
-export interface ListContainerProps {
-    width?: string | number;
-    dir?: string;
-    popupSettings?: PopupProps;
-    itemsCount?: number[];
-    children?: React.ReactNode;
-}
-/**
- * @hidden
- */
-export default class ListContainer extends React.Component<ListContainerProps, {}> {
-    render(): JSX.Element;
-}

package/dist/es/common/ListContainer.js

@@ -1,43 +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 { Popup } from '@progress/kendo-react-popup';
-/**
- * @hidden
- */
-var ListContainer = /** @class */ (function (_super) {
-    __extends(ListContainer, _super);
-    function ListContainer() {
-        return _super !== null && _super.apply(this, arguments) || this;
-    }
-    ListContainer.prototype.render = function () {
-        var _a = this.props, children = _a.children, width = _a.width, dir = _a.dir, itemsCount = _a.itemsCount, popupSettings = _a.popupSettings;
-        return (React.createElement(Popup, __assign({ style: { width: width, direction: dir }, contentKey: itemsCount && itemsCount.join() }, popupSettings), children));
-    };
-    return ListContainer;
-}(React.Component));
-export default ListContainer;

package/dist/es/common/ListDefaultItem.d.ts

@@ -1,16 +0,0 @@
-import * as React from 'react';
-/**
- * @hidden
- */
-export interface DefaultItemProps {
-    defaultItem?: any;
-    textField?: string;
-    selected: boolean;
-    onClick: (event: React.MouseEvent<HTMLDivElement>) => void;
-}
-/**
- * @hidden
- */
-export default class ListDefaultItem extends React.Component<DefaultItemProps, {}> {
-    render(): JSX.Element;
-}

package/dist/es/common/ListDefaultItem.js

@@ -1,36 +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 } from '@progress/kendo-react-common';
-import { getItemValue } from './utils';
-var preventDefault = function (e) { return e.preventDefault(); };
-/**
- * @hidden
- */
-var ListDefaultItem = /** @class */ (function (_super) {
-    __extends(ListDefaultItem, _super);
-    function ListDefaultItem() {
-        return _super !== null && _super.apply(this, arguments) || this;
-    }
-    ListDefaultItem.prototype.render = function () {
-        var _a = this.props, selected = _a.selected, defaultItem = _a.defaultItem, textField = _a.textField;
-        return (React.createElement("div", { onClick: this.props.onClick, onMouseDown: preventDefault, style: { position: 'unset' }, className: classNames('k-list-optionlabel', {
-                'k-selected': selected
-            }) }, getItemValue(defaultItem, textField) || ''));
-    };
-    return ListDefaultItem;
-}(React.Component));
-export default ListDefaultItem;

package/dist/es/common/ListFilter.d.ts

@@ -1,19 +0,0 @@
-import * as React from 'react';
-import { TextBoxChangeEvent, TextBoxHandle } from '@progress/kendo-react-inputs';
-/**
- * @hidden
- */
-export interface ListFilterProps {
-    value?: string | number | readonly string[] | undefined;
-    tabIndex?: number;
-    onChange?: (event: TextBoxChangeEvent) => void;
-    onKeyDown?: React.KeyboardEventHandler<HTMLInputElement>;
-    size?: null | 'small' | 'medium' | 'large';
-    rounded?: null | 'small' | 'medium' | 'large' | 'full';
-    fillMode?: null | 'solid' | 'flat' | 'outline';
-}
-/**
- * @hidden
- */
-declare const ListFilter: React.ForwardRefExoticComponent<ListFilterProps & React.RefAttributes<TextBoxHandle | null>>;
-export default ListFilter;

package/dist/es/common/ListFilter.js

@@ -1,37 +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 * as PropTypes from 'prop-types';
-import { TextBox, InputPrefix } from '@progress/kendo-react-inputs';
-import { searchIcon } from '@progress/kendo-svg-icons';
-import { IconWrap } from '@progress/kendo-react-common';
-/**
- * @hidden
- */
-var ListFilter = React.forwardRef(function (props, ref) {
-    var input = React.useRef(null);
-    React.useImperativeHandle(ref, function () { return input.current; });
-    return (React.createElement("div", { className: "k-list-filter" },
-        React.createElement(TextBox, __assign({}, props, { ref: input, value: props.value || '', onChange: props.onChange, onKeyDown: props.onKeyDown, tabIndex: props.tabIndex, onClick: function (e) { return e.stopPropagation(); }, size: props.size, fillMode: props.fillMode, rounded: props.rounded, prefix: function () { return (React.createElement(InputPrefix, null,
-                React.createElement(IconWrap, { name: 'search', icon: searchIcon }))); } }))));
-});
-ListFilter.propTypes = {
-    value: PropTypes.oneOfType([PropTypes.string, PropTypes.number, PropTypes.array]),
-    tabIndex: PropTypes.number,
-    onChange: PropTypes.func,
-    onKeyDown: PropTypes.func,
-    size: PropTypes.oneOf([null, 'small', 'medium', 'large']),
-    rounded: PropTypes.oneOf([null, 'small', 'medium', 'large', 'full']),
-    fillMode: PropTypes.oneOf([null, 'solid', 'flat', 'outline'])
-};
-ListFilter.displayName = 'KendoReactListFilter';
-export default ListFilter;

package/dist/es/common/ListGroupItem.d.ts

@@ -1,33 +0,0 @@
-import * as React from 'react';
-/**
- * Represents the props of the ListGroupItem component.
- */
-export interface ListGroupItemProps {
-    /**
-     * Specifies the id that will be added to the group header item element.
-     */
-    id?: string;
-    /**
-     * The group that will be rendered.
-     */
-    group?: string;
-    /**
-     * @hidden
-     */
-    virtual?: boolean;
-    /**
-     * @hidden
-     * Provides information if the rendered list is a multicolumn popup
-     */
-    isMultiColumn?: boolean;
-    /**
-     * Fires when the group header item is about to be rendered. Used to override the default appearance of the group header item.
-     */
-    render?: (li: React.ReactElement<HTMLLIElement>, itemProps: ListGroupItemProps) => React.ReactNode;
-}
-/**
- * @hidden
- */
-export default class ListGroupItem extends React.Component<ListGroupItemProps, {}> {
-    render(): string | number | boolean | React.ReactFragment | JSX.Element | null | undefined;
-}

package/dist/es/common/ListGroupItem.js

@@ -1,33 +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';
-/**
- * @hidden
- */
-var ListGroupItem = /** @class */ (function (_super) {
-    __extends(ListGroupItem, _super);
-    function ListGroupItem() {
-        return _super !== null && _super.apply(this, arguments) || this;
-    }
-    ListGroupItem.prototype.render = function () {
-        var _a = this.props, group = _a.group, virtual = _a.virtual, renderer = _a.render, _b = _a.isMultiColumn, isMultiColumn = _b === void 0 ? false : _b;
-        var item = (React.createElement("li", { id: this.props.id, role: "group", className: isMultiColumn ? 'k-table-group-row' : 'k-list-group-item', style: isMultiColumn ? { 'boxSizing': 'inherit' } : { position: virtual ? 'relative' : 'unset' } },
-            React.createElement("span", { className: !renderer ? isMultiColumn ? 'k-table-th' : 'k-list-item-text' : undefined }, group)));
-        return renderer !== undefined ? renderer.call(undefined, item, this.props) : item;
-    };
-    return ListGroupItem;
-}(React.Component));
-export default ListGroupItem;