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

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

@@ -1,61 +0,0 @@
-import * as React from 'react';
-/**
- * Represents the props of the ListItem component.
- */
-export interface ListItemProps {
-    /**
-     * Specifies the id that will be added to the list item element.
-     */
-    id?: string;
-    /**
-     * Represents the index of the list item element.
-     */
-    index: number;
-    /**
-     * Represents the data item of the list item element.
-     */
-    dataItem: any;
-    /**
-     * Represents the `classic` or `modern` grouping mode of the DropDowns. Defaults to `classic`.
-     */
-    groupMode: any;
-    /**
-     * Sets the data item field that represents the item text. If the data contains only primitive values, do not define it.
-     */
-    textField?: string;
-    /**
-     * The group that will be rendered.
-     */
-    group?: string;
-    /**
-     * Indicates the focused state of the list item element.
-     */
-    focused: boolean;
-    /**
-     * Indicates the selected state of the list item element.
-     */
-    selected: boolean;
-    /**
-     * Indicates the disabled/enabled state of the list item element.
-     */
-    disabled?: boolean;
-    /**
-     * @hidden
-     */
-    virtual?: boolean;
-    /**
-     * Fires when the list item is about to be rendered. Used to override the default appearance of the list item.
-     */
-    render?: (li: React.ReactElement<HTMLLIElement>, itemProps: ListItemProps) => React.ReactNode;
-    /**
-     * The `onClick` event handler of the list item element.
-     */
-    onClick: (index: number, event: React.MouseEvent<HTMLLIElement>) => void;
-}
-/**
- * @hidden
- */
-export default class ListItem extends React.Component<ListItemProps, {}> {
-    handleClick: React.MouseEventHandler<HTMLLIElement>;
-    render(): string | number | boolean | React.ReactFragment | JSX.Element | null | undefined;
-}

package/dist/es/common/ListItem.js

@@ -1,44 +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';
-// tslint:enable:max-line-length
-/**
- * @hidden
- */
-var ListItem = /** @class */ (function (_super) {
-    __extends(ListItem, _super);
-    function ListItem() {
-        var _this = _super !== null && _super.apply(this, arguments) || this;
-        _this.handleClick = function (e) { return _this.props.onClick(_this.props.index, e); };
-        return _this;
-    }
-    ListItem.prototype.render = function () {
-        var _a = this.props, selected = _a.selected, group = _a.group, dataItem = _a.dataItem, virtual = _a.virtual, groupMode = _a.groupMode, disabled = _a.disabled, renderer = _a.render;
-        var item = (React.createElement("li", { id: this.props.id, role: "option", "aria-selected": selected, "aria-disabled": disabled ? true : undefined, className: classNames('k-list-item', {
-                'k-selected': selected,
-                'k-focus': this.props.focused,
-                'k-first': Boolean(group) && groupMode === 'classic',
-                'k-disabled': disabled
-            }), onClick: this.handleClick, style: { position: virtual ? 'relative' : 'unset' } },
-            React.createElement("span", { className: 'k-list-item-text' }, getItemValue(dataItem, this.props.textField).toString()),
-            group !== undefined && groupMode === 'classic' ? React.createElement("div", { className: "k-list-item-group-label" }, group) : null));
-        return renderer !== undefined ? renderer.call(undefined, item, this.props) : item;
-    };
-    return ListItem;
-}(React.Component));
-export default ListItem;

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

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

package/dist/es/common/MultiColumnList.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 List from './List';
-import { classNames } from '@progress/kendo-react-common';
-/**
- * @hidden
- */
-export var MultiColumnList = function (props) {
-    return (React.createElement(List, __assign({}, props, { wrapperCssClass: "k-table-body k-table-scroller", listClassName: classNames('k-table k-table-list', {
-            'k-virtual-table': props.virtual !== undefined
-        }), listStyle: __assign({}, props.listStyle) })));
-};

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

@@ -1,13 +0,0 @@
-/**
- * @hidden
- */
-export declare class Navigation {
-    navigate(args: {
-        keyCode: number;
-        current: number;
-        max: number;
-        min: number;
-        skipItems?: number;
-    }): number | undefined;
-    private next;
-}

package/dist/es/common/Navigation.js

@@ -1,34 +0,0 @@
-import { isPresent } from './utils';
-import { Keys } from '@progress/kendo-react-common';
-/**
- * @hidden
- */
-var Navigation = /** @class */ (function () {
-    function Navigation() {
-    }
-    Navigation.prototype.navigate = function (args) {
-        var keyCode = args.keyCode;
-        if (keyCode === Keys.up || keyCode === Keys.left) {
-            return this.next({ current: args.current, min: args.min, max: args.max, step: args.skipItems ? args.skipItems : -1 });
-        }
-        else if (keyCode === Keys.down || keyCode === Keys.right) {
-            return this.next({ current: args.current, min: args.min, max: args.max, step: args.skipItems ? args.skipItems : 1 });
-        }
-        else if (keyCode === Keys.home) {
-            return 0;
-        }
-        else if (keyCode === Keys.end) {
-            return args.max;
-        }
-    };
-    Navigation.prototype.next = function (args) {
-        if (!isPresent(args.current)) {
-            return args.min;
-        }
-        else {
-            return Math.min(args.max, Math.max(args.current + args.step, args.min));
-        }
-    };
-    return Navigation;
-}());
-export { Navigation };

package/dist/es/common/SearchBar.js

@@ -1,62 +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 { getActiveElement } from '@progress/kendo-react-common';
-import * as React from 'react';
-/**
- * @hidden
- */
-var SearchBar = /** @class */ (function (_super) {
-    __extends(SearchBar, _super);
-    function SearchBar() {
-        var _this = _super !== null && _super.apply(this, arguments) || this;
-        _this._input = null;
-        return _this;
-    }
-    Object.defineProperty(SearchBar.prototype, "input", {
-        /**
-         * @hidden
-         */
-        get: function () {
-            return this._input;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    SearchBar.prototype.componentDidUpdate = function (prevProps) {
-        var prevValue = prevProps.value;
-        var prevSuggestedText = prevProps.suggestedText;
-        var _a = this.props, value = _a.value, suggestedText = _a.suggestedText, focused = _a.focused;
-        var input = this.input;
-        var valueChanged = prevValue !== value || suggestedText !== prevSuggestedText;
-        var deleting = valueChanged && prevValue.startsWith(value) &&
-            !(prevSuggestedText && suggestedText && prevSuggestedText.endsWith(suggestedText));
-        var activeElement = getActiveElement(document);
-        if (focused && input && activeElement !== input) {
-            input.focus();
-        }
-        if (suggestedText && valueChanged && !deleting && input) {
-            input.setSelectionRange(value.length - suggestedText.length, value.length);
-        }
-    };
-    SearchBar.prototype.render = function () {
-        var _this = this;
-        var _a = this.props, _b = _a.expanded, expanded = _b === void 0 ? false : _b, disabled = _a.disabled, _c = _a.role, role = _c === void 0 ? 'listbox' : _c, render = _a.render;
-        var searchbar = (React.createElement("input", { autoComplete: "off", id: this.props.id, type: "text", key: "searchbar", size: this.props.size, placeholder: this.props.placeholder, className: "k-input-inner", tabIndex: this.props.tabIndex, accessKey: this.props.accessKey, role: role, name: this.props.name, value: this.props.value, onChange: this.props.onChange, ref: function (input) { return _this._input = input; }, onKeyDown: this.props.onKeyDown, onFocus: this.props.onFocus, onBlur: this.props.onBlur, onClick: this.props.onClick, "aria-disabled": disabled || undefined, disabled: disabled || undefined, readOnly: this.props.readOnly || undefined, title: this.props.title, "aria-haspopup": "listbox", "aria-expanded": expanded, "aria-owns": this.props.owns, "aria-activedescendant": expanded ? this.props.activedescendant : undefined, "aria-describedby": this.props.ariaDescribedBy, "aria-labelledby": this.props.ariaLabelledBy, "aria-required": this.props.ariaRequired }));
-        return render ? render.call(undefined, searchbar) : searchbar;
-    };
-    return SearchBar;
-}(React.Component));
-export default SearchBar;

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

@@ -1,42 +0,0 @@
-/// <reference types="react" />
-import { Page } from './settings';
-/**
- * @hidden
- */
-export interface ComponentState {
-    skip?: number;
-    selectedIndex?: number;
-    opened?: boolean;
-    syntheticEvent?: React.SyntheticEvent<HTMLElement>;
-}
-/**
- * @hidden
- */
-export default class VirtualScroll {
-    container: HTMLDivElement | null;
-    scrollElement: HTMLDivElement | null;
-    list: HTMLUListElement | null;
-    containerHeight: number;
-    skip: number;
-    total: number;
-    enabled: boolean;
-    pageSize: number;
-    itemHeight: number;
-    PageChange: ((event: Page, syntheticEvent: React.SyntheticEvent<any>) => void) | null;
-    private prevScrollPos;
-    private listTranslate;
-    private scrollSyncing;
-    constructor();
-    get translate(): number;
-    scrollerRef: (element: HTMLDivElement | null) => void;
-    calcScrollElementHeight: () => boolean;
-    changePage(skip: number, e: React.SyntheticEvent<HTMLElement>): void;
-    translateTo(dY: number): void;
-    reset(): void;
-    scrollToEnd(): void;
-    localScrollUp(e: React.SyntheticEvent<HTMLElement>): void;
-    localScrollDown(e: React.SyntheticEvent<HTMLElement>): void;
-    scrollNonStrict(e: React.SyntheticEvent<HTMLElement>): void;
-    scrollHandler(e: React.SyntheticEvent<HTMLElement>): void;
-    validateTranslate(translate: number): number;
-}

package/dist/es/common/VirtualScroll.js

@@ -1,161 +0,0 @@
-var maxHeightIE = 1533915;
-/**
- * @hidden
- */
-var VirtualScroll = /** @class */ (function () {
-    function VirtualScroll() {
-        var _this = this;
-        this.container = null;
-        this.scrollElement = null;
-        this.list = null;
-        this.containerHeight = 0;
-        this.skip = 0;
-        this.total = 0;
-        this.enabled = false;
-        this.pageSize = 0;
-        this.itemHeight = 0;
-        this.PageChange = null;
-        this.prevScrollPos = 0;
-        this.listTranslate = 0;
-        this.scrollSyncing = false;
-        this.scrollerRef = function (element) {
-            var vs = _this;
-            vs.container = element;
-            if (element) {
-                element.setAttribute('unselectable', 'on');
-                window.setTimeout(vs.calcScrollElementHeight.bind(vs), 0);
-            }
-        };
-        this.calcScrollElementHeight = function () {
-            _this.scrollSyncing = true;
-            var heightChanged = false;
-            _this.itemHeight = _this.list ? _this.list.children[0].offsetHeight : _this.itemHeight;
-            _this.containerHeight = Math.min(maxHeightIE, _this.itemHeight * _this.total);
-            var newHeight = _this.containerHeight;
-            if (_this.scrollElement) {
-                heightChanged = _this.scrollElement.style.height !== newHeight + 'px';
-                if (heightChanged) {
-                    _this.scrollElement.style.height = newHeight + 'px';
-                }
-            }
-            _this.scrollSyncing = false;
-            return heightChanged;
-        };
-        this.scrollHandler = this.scrollHandler.bind(this);
-    }
-    Object.defineProperty(VirtualScroll.prototype, "translate", {
-        get: function () {
-            return this.listTranslate;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    VirtualScroll.prototype.changePage = function (skip, e) {
-        var newSkip = Math.min(Math.max(0, skip), this.total - this.pageSize);
-        if (newSkip !== this.skip && this.PageChange) {
-            this.PageChange({ skip: newSkip, take: this.pageSize }, e);
-        }
-    };
-    VirtualScroll.prototype.translateTo = function (dY) {
-        this.listTranslate = dY;
-        if (this.list) {
-            this.list.style.transform = 'translateY(' + dY + 'px)';
-        }
-    };
-    VirtualScroll.prototype.reset = function () {
-        if (this.container) {
-            this.calcScrollElementHeight();
-            this.container.scrollTop = 0;
-            this.translateTo(0);
-        }
-    };
-    VirtualScroll.prototype.scrollToEnd = function () {
-        if (this.container && this.list) {
-            this.calcScrollElementHeight();
-            this.container.scrollTop = this.container.scrollHeight - this.container.offsetHeight;
-            this.translateTo(this.container.scrollHeight); //  - this.list.offsetHeight
-        }
-    };
-    VirtualScroll.prototype.localScrollUp = function (e) {
-        var height = this.itemHeight;
-        var scrollTop = this.container.scrollTop;
-        var targetTranslate = this.listTranslate;
-        var items;
-        var additionalOnTop = scrollTop - targetTranslate;
-        if (additionalOnTop > height) {
-            return;
-        }
-        for (items = 0; items < this.skip; items++) {
-            if (targetTranslate + height + additionalOnTop <= scrollTop) {
-                break;
-            }
-            targetTranslate -= height;
-        }
-        targetTranslate = this.validateTranslate(targetTranslate);
-        if (this.skip - items <= 0 && targetTranslate >= scrollTop) {
-            this.translateTo(0);
-            this.changePage(0, e);
-            this.container.scrollTop = 0;
-            return;
-        }
-        if (targetTranslate !== this.listTranslate) {
-            this.translateTo(targetTranslate);
-            this.changePage(this.skip - items, e);
-        }
-    };
-    VirtualScroll.prototype.localScrollDown = function (e) {
-        var height = this.itemHeight;
-        var scrollTop = this.container.scrollTop;
-        var targetTranslate = this.listTranslate;
-        var itemsLenght = this.list.children.length;
-        var items;
-        for (items = 0; items < itemsLenght; items++) {
-            if (targetTranslate + height >= scrollTop) {
-                break;
-            }
-            targetTranslate += height;
-        }
-        targetTranslate = this.validateTranslate(targetTranslate);
-        if (items >= itemsLenght && this.skip + items >= this.total) {
-            this.translateTo(targetTranslate);
-            this.changePage(this.total - 1, e);
-        }
-        else if (targetTranslate !== this.listTranslate) {
-            this.translateTo(targetTranslate);
-            this.changePage(this.skip + items, e);
-        }
-    };
-    VirtualScroll.prototype.scrollNonStrict = function (e) {
-        var floatItemIndex = this.total * this.prevScrollPos / (this.containerHeight);
-        var itemIndex = Math.min(Math.floor(floatItemIndex), this.total - 1);
-        var targetTranslate = this.containerHeight * floatItemIndex / this.total;
-        targetTranslate = this.validateTranslate(targetTranslate);
-        this.translateTo(targetTranslate);
-        this.changePage(itemIndex, e);
-    };
-    VirtualScroll.prototype.scrollHandler = function (e) {
-        var scrollTop = this.container ? this.container.scrollTop : 0;
-        var prev = this.prevScrollPos;
-        this.prevScrollPos = scrollTop;
-        if (!this.enabled || !this.list || !this.container || this.scrollSyncing) {
-            return;
-        }
-        if (scrollTop - prev <= 0 && scrollTop > this.listTranslate - this.list.scrollHeight / 10) {
-            this.localScrollUp(e);
-        }
-        else if (scrollTop - prev > 0 && scrollTop < this.listTranslate + this.list.scrollHeight * 2 / 3) {
-            this.localScrollDown(e);
-        }
-        else {
-            this.scrollNonStrict(e);
-        }
-    };
-    VirtualScroll.prototype.validateTranslate = function (translate) {
-        translate = Math.max(0, translate);
-        // translate = Math.min(this.containerHeight - this.list!.offsetHeight, translate);
-        translate = Math.min(this.containerHeight, translate);
-        return translate;
-    };
-    return VirtualScroll;
-}());
-export default VirtualScroll;

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

@@ -1,4 +0,0 @@
-/** @hidden */
-export declare const MOBILE_SMALL_DEVISE: number;
-/** @hidden */
-export declare const MOBILE_MEDIUM_DEVISE: number;

package/dist/es/common/constants.js

@@ -1,4 +0,0 @@
-/** @hidden */
-export var MOBILE_SMALL_DEVISE = 500;
-/** @hidden */
-export var MOBILE_MEDIUM_DEVISE = 768;

package/dist/es/common/events.js

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

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

@@ -1,41 +0,0 @@
-/**
- * A basic filter expression. Usually a part of [`CompositeFilterDescriptor`]({% slug api_kendo-data-query_compositefilterdescriptor %}).
- *
- * For more information, refer to the [`filterBy`]({% slug api_kendo-data-query_filterby %}) method.
- */
-export interface FilterDescriptor {
-    /**
-     * The field of the data item to which the filter operator is applied.
-     */
-    field?: string | Function;
-    /**
-     * The filter operator (comparison).
-     *
-     * The supported operators are:
-     * * `"eq"` (equal to)
-     * * `"neq"` (not equal to)
-     * * `"isnull"` (is equal to null)
-     * * `"isnotnull"` (is not equal to null)
-     * * `"lt"` (less than)
-     * * `"lte"` (less than or equal to)
-     * * `"gt"` (greater than)
-     * * `"gte"` (greater than or equal to)
-     *
-     * The following operators are supported for string fields only:
-     * * `"startswith"`
-     * * `"endswith"`
-     * * `"contains"`
-     * * `"doesnotcontain"`
-     * * `"isempty"`
-     * * `"isnotempty"`
-     */
-    operator: string | Function;
-    /**
-     * The value to which the field is compared. Has to be of the same type as the field.
-     */
-    value?: any;
-    /**
-     * Determines if the string comparison is case-insensitive.
-     */
-    ignoreCase?: boolean;
-}

package/dist/es/common/filterDescriptor.js

@@ -1,2 +0,0 @@
-export {};
-// tslint:enable:max-line-length

package/dist/es/common/settings.js

@@ -1,8 +0,0 @@
-/**
- * @hidden
- */
-export var ActiveDescendant;
-(function (ActiveDescendant) {
-    ActiveDescendant[ActiveDescendant["PopupList"] = 0] = "PopupList";
-    ActiveDescendant[ActiveDescendant["TagsList"] = 1] = "TagsList";
-})(ActiveDescendant || (ActiveDescendant = {}));

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

@@ -1,62 +0,0 @@
-import { TagData } from '../MultiSelect/TagList';
-/**
- * @hidden
- */
-declare const isPresent: (value: any) => boolean;
-/**
- * @hidden
- */
-declare const sameCharsOnly: (word: string, character: string) => boolean;
-/**
- * @hidden
- */
-declare const shuffleData: (data: Array<any>, splitIndex: number, defaultItem: any) => any[];
-/**
- * @hidden
- */
-declare const matchText: (text: string, word: string, ignoreCase?: boolean) => boolean;
-/**
- * @hidden
- */
-declare const scrollToItem: (scrollElem: HTMLDivElement, list: HTMLUListElement, itemIndex: number, translate: number, virtualScroll: boolean) => void;
-/**
- * @hidden
- */
-declare const itemIndexStartsWith: (items: any[], text?: string, field?: string) => number;
-/**
- * @hidden
- */
-declare const getItemIndexByText: (data: Array<any>, text: string, textField?: string, matchCase?: boolean) => number;
-/**
- * @hidden
- */
-declare const getItemValue: (item: any, field?: string) => any;
-/**
- * @hidden
- */
-declare const matchDataCollections: (data1?: Array<any>, data2?: Array<any>, key?: string) => boolean;
-/**
- * @hidden
- */
-declare const removeDataItems: (items: Array<any>, toRemove: Array<any>, key?: string) => void;
-/**
- * @hidden
- */
-declare const areSame: (item1: any, item2: any, key?: string) => boolean;
-/**
- * @hidden
- */
-declare const getFocusedItem: (data: Array<any>, value?: string, textField?: string) => number;
-/**
- * @hidden
- */
-declare const suggestValue: (value?: string, data?: Array<any>, textField?: string) => string;
-/**
- * @hidden
- */
-declare const preventDefaultNonInputs: (event: any) => void;
-/**
- * @hidden
- */
-declare const matchTags: (tag1: TagData, tag2: TagData, key?: string) => boolean;
-export { isPresent, sameCharsOnly, shuffleData, matchText, scrollToItem, itemIndexStartsWith, getItemIndexByText, getItemValue, matchDataCollections, removeDataItems, areSame, getFocusedItem, preventDefaultNonInputs, suggestValue, matchTags };