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

package/dist/es/MultiSelectTree/utils.js

@@ -1,191 +0,0 @@
-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 { getter } from '@progress/kendo-react-common';
-/** @hidden */
-export var getValueMap = function (value, idGetter) {
-    var map = {};
-    if (value && value.length) {
-        value.forEach(function (item) {
-            map[idGetter(item)] = true;
-        });
-    }
-    return map;
-};
-/**
- * Get MultiSelectTree new value from the component `onChange` event.
- *
- * @param {any[]} data
- * @param {object} options
- * @returns {any[]}
- */
-export var getMultiSelectTreeValue = function (data, options) {
-    var items = options.items, dataItemKey = options.dataItemKey, value = options.value, _a = options.subItemsField, subItemsField = _a === void 0 ? 'items' : _a, operation = options.operation;
-    var idGetter = getter(dataItemKey);
-    var valueMap = getValueMap(value, idGetter);
-    if (operation === 'clear') {
-        return [];
-    }
-    else if (operation === 'delete') {
-        var deletedItemsMap_1 = getValueMap(items, idGetter);
-        return value.filter(function (item) { return !deletedItemsMap_1[idGetter(item)]; });
-    }
-    // operation === 'toggle'
-    var selectedItem = items[0];
-    var selectedId = idGetter(selectedItem);
-    var subItemGetter = getter(subItemsField);
-    var stack = __spreadArray([], data, true);
-    var context = [];
-    var parents = [];
-    var foundItem;
-    while (stack.length) {
-        var currentItem = stack.pop();
-        if (selectedId === idGetter(currentItem)) {
-            parents = context.map(function (contextItem) { return contextItem.item; });
-            foundItem = currentItem;
-            break;
-        }
-        else {
-            if (context &&
-                context.length &&
-                context[context.length - 1].parentPosition === stack.length) {
-                context.pop();
-            }
-            var subItems = subItemGetter(currentItem);
-            if (subItems && subItems.length) {
-                context.push({ item: currentItem, parentPosition: stack.length });
-                stack.push.apply(stack, subItems);
-            }
-        }
-    }
-    var childrenStack = __spreadArray([], (subItemGetter(foundItem) || []), true);
-    var children = [];
-    while (childrenStack.length) {
-        var currentItem = childrenStack.pop();
-        children.push(currentItem);
-        var subItems = subItemGetter(currentItem);
-        if (subItems && subItems.length) {
-            childrenStack.push.apply(childrenStack, subItems);
-        }
-    }
-    var isChecked = !valueMap[selectedId];
-    var newValue = [];
-    if (isChecked) {
-        newValue.push.apply(newValue, value);
-        newValue.push(foundItem);
-        newValue.push.apply(newValue, children.filter(function (item) { return !valueMap[idGetter(item)]; }));
-        var parentCandidates = parents.filter(function (item) { return !valueMap[idGetter(item)]; });
-        var newValueMap_1 = getValueMap(newValue, idGetter);
-        for (var i = parentCandidates.length - 1; i > -1; i--) {
-            var candidate = parentCandidates[i];
-            var subItems = subItemGetter(candidate);
-            var checkedChildrenLength = subItems.filter(function (item) { return newValueMap_1[idGetter(item)]; }).length;
-            if (checkedChildrenLength < subItems.length) {
-                break;
-            }
-            else {
-                newValue.push(candidate);
-                newValueMap_1[idGetter(candidate)] = true;
-            }
-        }
-    }
-    else {
-        var foundId_1 = idGetter(foundItem);
-        var childrenMap_1 = getValueMap(children, idGetter);
-        var parentsMap_1 = getValueMap(parents, idGetter);
-        newValue.push.apply(newValue, (value
-            .filter(function (item) {
-            var itemId = idGetter(item);
-            return !childrenMap_1[itemId] && foundId_1 !== itemId && !parentsMap_1[itemId];
-        })));
-    }
-    return newValue;
-};
-// /** @hidden */
-// const mapCheckAndIntermidiate = (
-//     data,
-//     options: {
-//         valueMap: {[dataItemKey: string]: boolean};
-//         callback?: (item: any) => any;
-//         idGetter: (item: any) => any;
-//         subItemGetter: (item: any) => any;
-//         subItemSetter: (item: any, value: any) => void;
-//         checkSetter: (item: any, value: any) => void;
-//         checkIndeterminateSetter: (item: any, value: any) => void;
-//     }
-// ) => {
-//     const {
-//         idGetter,
-//         subItemGetter,
-//         subItemSetter,
-//         checkSetter,
-//         checkIndeterminateSetter
-//     } = options;
-//     if (!data || !data.length) { return [data, false];}
-//     let hasChecked = false;
-//     const newData = [...data].map(dataItem => {
-//         const [children, hasCheckedChildren] = mapCheckAndIntermidiate(subItemGetter(dataItem), options);
-//         const isChecked = options.valueMap[idGetter(dataItem)];
-//         if (isChecked || hasCheckedChildren) {
-//             hasChecked = true;
-//         }
-//         const newItem = { ...dataItem };
-//         subItemSetter(newItem, children);
-//         checkSetter(newItem, isChecked);
-//         checkIndeterminateSetter(newItem, !isChecked && hasCheckedChildren);
-//         return options.callback ? options.callback(newItem) : newItem;
-//     });
-//     return [newData, hasChecked];
-// };
-// /**
-//  *
-//  * @param data
-//  * @param options
-//  * @returns
-//  */
-// /**
-//  * Creates a new array with the results of calling the provided callback function
-//  * on every element in the provided data tree. The new tree items have their `check` and `checkIndeterminate` fields set based on provided value.
-//  *
-//  * @param {any[]} tree - The data tree.
-//  * @param {object} options - The options used to map the tree items like check and checkIndeterminateField fields
-//  * @returns {any[]} - The new data tree.
-//  */
-// export const mapMultiSelectTreeData = (
-//     tree,
-//     options: {
-//         checkField?: string;
-//         checkIndeterminateField?: string;
-//         subItemsField?: string;
-//         dataItemKey: string;
-//         value: Array<any>;
-//         callback?: (item) => any;
-//     }
-// ) => {
-//     const {
-//         subItemsField = 'items',
-//         checkField = 'checkField',
-//         checkIndeterminateField = 'checkIndeterminateField',
-//         callback
-//     } = options;
-//     const idGetter = getter(options.dataItemKey);
-//     const [result] = mapCheckAndIntermidiate(
-//         tree,
-//         {
-//             callback,
-//             valueMap: getValueMap(options.value, idGetter),
-//             idGetter,
-//             subItemGetter: getter(subItemsField),
-//             subItemSetter: setter(subItemsField),
-//             checkSetter: setter(checkField),
-//             checkIndeterminateSetter: setter(checkIndeterminateField)
-//         }
-//     );
-//     return result;
-// };

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

@@ -1,21 +0,0 @@
-import * as React from 'react';
-/** @hidden */
-export interface AdaptiveModeProps {
-    navigatable?: boolean;
-    navigatableElements?: string[];
-    expand: boolean;
-    animation?: boolean;
-    adaptiveTitle?: string | React.ReactNode;
-    onClose?: (event: React.SyntheticEvent) => void;
-    windowWidth?: number;
-    mobileFilter?: React.ReactNode;
-    children: React.ReactNode;
-    footer?: {
-        cancelText: string;
-        onCancel: (event: React.MouseEvent<HTMLButtonElement>) => void;
-        applyText: string;
-        onApply: (event: React.MouseEvent<HTMLButtonElement>) => void;
-    };
-}
-/** @hidden */
-export declare const AdaptiveMode: (props: AdaptiveModeProps) => JSX.Element;

package/dist/es/common/AdaptiveMode.js

@@ -1,45 +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 { ActionSheet, ActionSheetFooter, ActionSheetHeader } from '@progress/kendo-react-layout';
-import { xIcon } from '@progress/kendo-svg-icons';
-import { Button } from '@progress/kendo-react-buttons';
-/** @hidden */
-var MOBILE_SMALL_DEVISE = 500;
-/** @hidden */
-export var AdaptiveMode = function (props) {
-    var footer = props.footer, children = props.children, _a = props.windowWidth, windowWidth = _a === void 0 ? 0 : _a, navigatable = props.navigatable, navigatableElements = props.navigatableElements, expand = props.expand, animation = props.animation, onClose = props.onClose, adaptiveTitle = props.adaptiveTitle, mobileFilter = props.mobileFilter;
-    var defaultProps = {
-        navigatable: navigatable || false,
-        navigatableElements: navigatableElements || [],
-        expand: expand,
-        animation: animation === false ? false : true,
-        onClose: onClose,
-        animationStyles: windowWidth <= MOBILE_SMALL_DEVISE ? { top: 0, width: '100%', height: '100%' } : undefined,
-        className: windowWidth <= MOBILE_SMALL_DEVISE
-            ? 'k-adaptive-actionsheet k-actionsheet-fullscreen'
-            : 'k-adaptive-actionsheet k-actionsheet-bottom'
-    };
-    return (React.createElement(ActionSheet, __assign({}, defaultProps),
-        React.createElement(ActionSheetHeader, { className: 'k-text-center' },
-            React.createElement("div", { className: "k-actionsheet-titlebar-group k-hbox" },
-                React.createElement("div", { className: "k-actionsheet-title" },
-                    React.createElement("div", null, adaptiveTitle)),
-                React.createElement("div", { className: "k-actionsheet-actions" },
-                    React.createElement(Button, { tabIndex: 0, "aria-label": "Cancel", "aria-disabled": "false", type: "button", fillMode: "flat", icon: 'x', svgIcon: xIcon, onClick: onClose }))),
-            mobileFilter &&
-                React.createElement("div", { className: "k-actionsheet-titlebar-group k-actionsheet-filter" }, mobileFilter)),
-        children,
-        footer && React.createElement(ActionSheetFooter, { className: 'k-actions k-actions-stretched' },
-            React.createElement(Button, { size: "large", tabIndex: 0, "aria-label": footer.cancelText, "aria-disabled": "false", type: "button", onClick: footer.onCancel }, footer.cancelText),
-            React.createElement(Button, { tabIndex: 0, themeColor: "primary", size: "large", "aria-label": footer.applyText, "aria-disabled": "false", type: "button", onClick: footer.onApply }, footer.applyText))));
-};

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

@@ -1,14 +0,0 @@
-import * as React from 'react';
-/**
- * @hidden
- */
-export interface ClearButtonProps {
-    onClick?: React.MouseEventHandler<HTMLSpanElement>;
-}
-/**
- * @hidden
- */
-export default class ClearButton extends React.Component<ClearButtonProps> {
-    onMouseDown: (e: any) => any;
-    render(): JSX.Element;
-}

package/dist/es/common/ClearButton.js

@@ -1,39 +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 { registerForLocalization, provideLocalizationService } from '@progress/kendo-react-intl';
-import { messages, clear } from '../messages';
-import { IconWrap } from '@progress/kendo-react-common';
-import { xIcon } from '@progress/kendo-svg-icons';
-/**
- * @hidden
- */
-var ClearButton = /** @class */ (function (_super) {
-    __extends(ClearButton, _super);
-    function ClearButton() {
-        var _this = _super !== null && _super.apply(this, arguments) || this;
-        _this.onMouseDown = function (e) { return e.preventDefault(); };
-        return _this;
-    }
-    ClearButton.prototype.render = function () {
-        var title = provideLocalizationService(this).toLanguageString(clear, messages[clear]);
-        return (React.createElement("span", { className: "k-clear-value", role: "button", onClick: this.props.onClick, onMouseDown: this.onMouseDown, tabIndex: -1, title: title, key: "clearbutton" },
-            React.createElement(IconWrap, { name: 'x', icon: xIcon })));
-    };
-    return ClearButton;
-}(React.Component));
-export default ClearButton;
-registerForLocalization(ClearButton);

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

@@ -1,175 +0,0 @@
-import * as React from 'react';
-import * as PropTypes from 'prop-types';
-import VirtualScroll from './VirtualScroll';
-import { Navigation } from './Navigation';
-import { ListItemProps } from './ListItem';
-import { InternalState, DropDownStateBase, Page, DropDownsPopupSettings, VirtualizationSettings } from './settings';
-/**
- * @hidden
- */
-export interface DropDownComponentProps {
-    data?: any[];
-    opened?: boolean;
-    value?: any;
-    disabled?: boolean;
-    tabIndex?: number;
-    dir?: string;
-    defaultItem?: any;
-    filterable?: boolean;
-    filter?: string | null;
-    textField?: string;
-    dataItemKey?: string;
-    popupSettings?: DropDownsPopupSettings;
-    style?: React.CSSProperties;
-    virtual?: VirtualizationSettings;
-    onOpen?: (event: any) => void;
-    onClose?: (event: any) => void;
-    onFocus?: (event: any) => void;
-    onBlur?: (event: any) => void;
-    onChange?: (event: any) => void;
-    onFilterChange?: (event: any) => void;
-    onPageChange?: (event: any) => void;
-    itemRender?: (li: React.ReactElement<HTMLLIElement>, itemProps: ListItemProps) => React.ReactNode;
-    listNoDataRender?: (element: React.ReactElement<HTMLDivElement>) => React.ReactNode;
-    header?: React.ReactNode;
-    footer?: React.ReactNode;
-}
-/**
- * @hidden
- */
-export interface DropDownComponent {
-    props: DropDownComponentProps;
-    setState: Function;
-    forceUpdate: Function;
-    state: DropDownStateBase;
-    element: HTMLSpanElement | null;
-    handleItemSelect: Function;
-    value: any;
-}
-/**
- * @hidden
- */
-export default class DropDownBase {
-    static basicPropTypes: {
-        opened: PropTypes.Requireable<boolean>;
-        disabled: PropTypes.Requireable<boolean>;
-        dir: PropTypes.Requireable<string>;
-        tabIndex: PropTypes.Requireable<number>;
-        accessKey: PropTypes.Requireable<string>;
-        data: PropTypes.Requireable<any[]>;
-        textField: PropTypes.Requireable<string>;
-        className: PropTypes.Requireable<string>;
-        label: PropTypes.Requireable<string>;
-        loading: PropTypes.Requireable<boolean>;
-        popupSettings: PropTypes.Requireable<PropTypes.InferProps<{
-            animate: PropTypes.Requireable<NonNullable<boolean | PropTypes.InferProps<{
-                openDuration: PropTypes.Requireable<number>;
-                closeDuration: PropTypes.Requireable<number>;
-            }> | null | undefined>>;
-            popupClass: PropTypes.Requireable<string>;
-            className: PropTypes.Requireable<string>;
-            appendTo: PropTypes.Requireable<any>;
-            width: PropTypes.Requireable<NonNullable<string | number | null | undefined>>;
-            height: PropTypes.Requireable<NonNullable<string | number | null | undefined>>;
-        }>>;
-        onOpen: PropTypes.Requireable<(...args: any[]) => any>;
-        onClose: PropTypes.Requireable<(...args: any[]) => any>;
-        onFocus: PropTypes.Requireable<(...args: any[]) => any>;
-        onBlur: PropTypes.Requireable<(...args: any[]) => any>;
-        onChange: PropTypes.Requireable<(...args: any[]) => any>;
-        itemRender: PropTypes.Requireable<(...args: any[]) => any>;
-        listNoDataRender: PropTypes.Requireable<(...args: any[]) => any>;
-        focusedItemIndex: PropTypes.Requireable<(...args: any[]) => any>;
-        header: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-        footer: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-    };
-    static propTypes: {
-        value: PropTypes.Requireable<any>;
-        defaultValue: PropTypes.Requireable<any>;
-        filterable: PropTypes.Requireable<boolean>;
-        filter: PropTypes.Requireable<string>;
-        virtual: PropTypes.Requireable<PropTypes.InferProps<{
-            pageSize: PropTypes.Validator<number>;
-            skip: PropTypes.Validator<number>;
-            total: PropTypes.Validator<number>;
-        }>>;
-        onFilterChange: PropTypes.Requireable<(...args: any[]) => any>;
-        onPageChange: PropTypes.Requireable<(...args: any[]) => any>;
-        opened: PropTypes.Requireable<boolean>;
-        disabled: PropTypes.Requireable<boolean>;
-        dir: PropTypes.Requireable<string>;
-        tabIndex: PropTypes.Requireable<number>;
-        accessKey: PropTypes.Requireable<string>;
-        data: PropTypes.Requireable<any[]>;
-        textField: PropTypes.Requireable<string>;
-        className: PropTypes.Requireable<string>;
-        label: PropTypes.Requireable<string>;
-        loading: PropTypes.Requireable<boolean>;
-        popupSettings: PropTypes.Requireable<PropTypes.InferProps<{
-            animate: PropTypes.Requireable<NonNullable<boolean | PropTypes.InferProps<{
-                openDuration: PropTypes.Requireable<number>;
-                closeDuration: PropTypes.Requireable<number>;
-            }> | null | undefined>>;
-            popupClass: PropTypes.Requireable<string>;
-            className: PropTypes.Requireable<string>;
-            appendTo: PropTypes.Requireable<any>;
-            width: PropTypes.Requireable<NonNullable<string | number | null | undefined>>;
-            height: PropTypes.Requireable<NonNullable<string | number | null | undefined>>;
-        }>>;
-        onOpen: PropTypes.Requireable<(...args: any[]) => any>;
-        onClose: PropTypes.Requireable<(...args: any[]) => any>;
-        onFocus: PropTypes.Requireable<(...args: any[]) => any>;
-        onBlur: PropTypes.Requireable<(...args: any[]) => any>;
-        onChange: PropTypes.Requireable<(...args: any[]) => any>;
-        itemRender: PropTypes.Requireable<(...args: any[]) => any>;
-        listNoDataRender: PropTypes.Requireable<(...args: any[]) => any>;
-        focusedItemIndex: PropTypes.Requireable<(...args: any[]) => any>;
-        header: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-        footer: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-    };
-    static defaultProps: {
-        popupSettings: {
-            height: string;
-        };
-        required: boolean;
-        validityStyles: boolean;
-    };
-    popupWidth?: string;
-    wrapper: HTMLSpanElement | null;
-    list: HTMLUListElement | null;
-    dirCalculated?: string;
-    readonly vs: VirtualScroll;
-    readonly navigation: Navigation;
-    readonly listBoxId: string;
-    readonly guid: string;
-    readonly component: DropDownComponent;
-    constructor(component: DropDownComponent);
-    didMount(): void;
-    calculateDir(): void;
-    calculatePopupWidth(): void;
-    scrollToItem(itemIndex: number, vsEnabled?: boolean, once?: boolean): void;
-    handleItemClick: (index: number, event: React.MouseEvent<HTMLLIElement> | React.KeyboardEvent<HTMLInputElement>) => void;
-    handleFocus: React.FocusEventHandler<HTMLSpanElement>;
-    filterChanged: (text: string | null, state: InternalState) => void;
-    initState(): InternalState;
-    applyState(state: InternalState): void;
-    togglePopup: (state: InternalState) => void;
-    pageChange: (page: Page, syntheticEvent: React.SyntheticEvent<any>) => void;
-    triggerOnPageChange(state: InternalState, skip: number, take: number): void;
-    triggerPageChangeCornerItems(item: any, state: InternalState): void;
-    scrollToVirtualItem: (virtual: VirtualizationSettings, selectedItemIndex: number) => void;
-    /**
-     * @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.
-     */
-    scrollPopupByPageSize: (direction: number) => void;
-    renderScrollElement: () => false | JSX.Element;
-    getPopupSettings(): DropDownsPopupSettings;
-    getGroupedDataModernMode(data: any[], groupField: string): any[];
-    resetGroupStickyHeader: (groupName: string, that: any) => void;
-}