@progress/kendo-vue-dropdowns 5.3.0-dev.202410141143 → 5.3.0-develop.1

package/dist/esm/MultiSelectTree/MultiSelectTreeProps.d.ts

@@ -1,322 +0,0 @@
-import { FormComponentProps } from '@progress/kendo-vue-common';
-import { ItemRenderProps } from '@progress/kendo-vue-treeview';
-import { FilterChangeEvent, OpenEvent, CloseEvent, FocusEvent, BlurEvent, DropdownEvent } from '../common/events';
-import { DropDownsPopupSettings } from '../common/settings';
-import { TagData } from '../MultiSelect/TagList';
-/**
- * Represents the object of the `onFilterChange` MultiSelectTree event.
- */
-export interface MultiSelectTreeFilterChangeEvent extends FilterChangeEvent {
-}
-export declare type MultiSelectTreeChangeEventOperation = 'clear' | 'delete' | 'toggle';
-/**
- * Represents the object of the `onChange` MultiSelectTree event.
- */
-export interface MultiSelectTreeChangeEvent extends DropdownEvent {
-    /**
-     * The items related to current operation.
-     */
-    items: any[];
-    /**
-     * The new value.
-     */
-    value: any[];
-    /**
-     * Describes the current operation:
-     * * `clear` - clear button is clicked and value is cleared. Null value is returned.
-     * * `delete` - tag is deleted using keyboard or mouse. The items contained in current tag are returned.
-     * * `toggle` - item in TreeView is toggled. Single item is returned.
-     */
-    operation: MultiSelectTreeChangeEventOperation;
-}
-/**
- * Represents the object of the `onOpen` MultiSelectTree event.
- */
-export interface MultiSelectTreeOpenEvent extends OpenEvent {
-}
-/**
- * Represents the object of the `onClose` MultiSelectTree event.
- */
-export interface MultiSelectTreeCloseEvent extends CloseEvent {
-}
-/**
- * Represents the object of the `onFocus` MultiSelectTree event.
- */
-export interface MultiSelectTreeFocusEvent extends FocusEvent {
-}
-/**
- * Represents the object of the `onBlur` MultiSelectTree event.
- */
-export interface MultiSelectTreeBlurEvent extends BlurEvent {
-}
-/**
- * Represents the object of the `onExpandChange` MultiSelectTree event.
- */
-export interface MultiSelectTreeExpandEvent extends DropdownEvent {
-    item: any;
-    level: number[];
-}
-/**
- * The props of component that will be used for rendering each of the MultiSelectTree items
- * ([see example]({% slug customrendering_multiselecttree %}#toc-items-and-value-element)).
- */
-export interface MultiSelectTreeItemProps extends ItemRenderProps {
-}
-/**
- * The props of component that will be used for rendering each of the MultiSelectTree tags
- */
-export interface MultiSelectTreeTagProps {
-    tagData: TagData;
-    guid: string;
-    focusedTag?: TagData;
-    onTagDelete: (items: Array<any>, event: any) => void;
-}
-/**
- * The props of the `ListNoData` component ([see example]({% slug customrendering_multiselecttree %}#toc-no-data)).
- */
-export interface MultiSelectTreeListNoDataProps {
-}
-/**
- * Represents the props of the [Kendo UI for Vue MultiSelectTree component]({% slug overview_multiselecttree %}).
- */
-export interface MultiSelectTreeProps extends FormComponentProps {
-    /**
-     * Sets the data of the MultiSelectTree ([see example]({% slug overview_multiselecttree %})).
-     */
-    dataItems?: any[];
-    /**
-     * Sets the opened state of the MultiSelectTree.
-     */
-    opened?: boolean;
-    /**
-     * Sets the value of the MultiSelectTree. It can either be an array of the primitive (string, numbers) or of the complex (objects) type.
-     */
-    value?: Array<any>;
-    /**
-     * Sets the modelValue of the MultiSelectTree. It can either be an array of the primitive (string, numbers) or of the complex (objects) type.
-     */
-    modelValue?: Array<any>;
-    /**
-     * The hint that is displayed when the MultiSelectTree is empty.
-     */
-    placeholder?: string;
-    /**
-     * Sets the key for comparing the data items of the MultiSelectTree ([see example]({% slug overview_multiselecttree %})).
-     * If `dataItemKey` is not set, the MultiSelectTree compares the items by reference.
-     */
-    dataItemKey: string;
-    /**
-     * Sets additional classes to the MultiSelectTree.
-     */
-    className?: string;
-    /**
-     * Sets the disabled state of the MultiSelectTree.
-     */
-    disabled?: boolean;
-    /**
-     * Represents the `dir` HTML attribute.
-     */
-    dir?: string;
-    /**
-     * Renders a floating label for the MultiSelectTree.
-     */
-    label?: string;
-    /**
-     * Specifies the id of the component.
-     */
-    id?: string;
-    /**
-     * Specifies the validationMessage of the component.
-     */
-    validationMessage?: string;
-    /**
-     * If set to `false`, no visual representation of the invalid state of the component will be applied.
-     *
-     */
-    validityStyles?: boolean;
-    /**
-     * Overrides the validity state of the component.
-     * If `valid` is set, the `required` property will be ignored.
-     *
-     */
-    valid?: boolean;
-    /**
-     * Specifies the `name` property of the `input` DOM element.
-     *
-     */
-    name?: string;
-    /**
-     * Specifies if `null` is a valid value for the component.
-     *
-     */
-    required?: boolean;
-    /**
-     * Sets the tags of the MultiSelect ([see example]({% slug customtags_multiselect %})).
-     */
-    tags?: Array<TagData>;
-    /**
-     * Identifies the element(s) which will describe the component, similar to [HTML aria-describedby attribute](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/ARIA_Techniques/Using_the_aria-describedby_attribute).
-     * For example these elements could contain error or hint message.
-     */
-    ariaDescribedBy?: string;
-    /**
-     * Identifies the element(s) which will label the component.
-     */
-    ariaLabelledBy?: string;
-    /**
-     * Enables the filtering functionality of the MultiSelectTree ([more information and examples]({% slug filtering_multiselecttree %})).
-     */
-    filterable?: boolean;
-    /**
-     * Sets the value of filtering input.
-     * Useful for making the filtering input a controlled component.
-     */
-    filter?: string;
-    /**
-     * Sets the loading state of the MultiSelectTree ([see example]({% slug filtering_multiselecttree %}#toc-visualize-filtering)).
-     */
-    loading?: boolean;
-    /**
-     * Specifies the `tabIndex` of the MultiSelectTree.
-     */
-    tabIndex?: number;
-    /**
-     * Specifies the `accessKey` of the MultiSelectTree.
-     */
-    accessKey?: string;
-    /**
-     * Sets the data item field that represents the item text ([see example]({% slug overview_multiselecttree %})).
-     */
-    textField: string;
-    /**
-     * Specifies the name of the field which will provide a Boolean representation of the checked state of the item.
-     */
-    checkField?: string;
-    /**
-     * Specifies the name of the field which will provide a Boolean representation of the checked indeterminaet state of the item.
-     */
-    checkIndeterminateField?: string;
-    /**
-     * Specifies the name of the field which will provide a Boolean representation of the expanded state of the item.
-     */
-    expandField?: string;
-    /**
-     * Specifies the name of the field which will provide an array representation of the item subitems.
-     * Defaults to 'items'.
-     */
-    subItemsField?: string;
-    /**
-     * Configures the popup of the MultiSelectTree.
-     */
-    popupSettings?: DropDownsPopupSettings;
-    /**
-     * Represents a callback function, which returns the value for submitting. The returned value will be rendered in an `option` of a hidden `select` element.
-     *
-     * @example
-     * ```jsx-no-run
-     * class App extends React.Component {
-     *    render() {
-     *       return (
-     *          <form>
-     *              <MultiSelectTree
-     *                  data={[ { text: "Austria", id: 1 } , { text: "Belarus", id: 2 } ]}
-     *                  valueMap={value => value && value.id}
-     *              />
-     *              <button type="submit">Submit</button>
-     *          </form>
-     *       );
-     *    }
-     * }
-     * ReactDOM.render(<App />, document.querySelector('my-app'));
-     * ```
-     */
-    valueMap?: (value: Array<any>) => any;
-    /**
-     * Fires each time the popup of the MultiSelectTree is about to open.
-     */
-    onOpen?: (event: MultiSelectTreeOpenEvent) => void;
-    /**
-     * Fires each time the popup of the MultiSelectTree is about to close.
-     */
-    onClose?: (event: MultiSelectTreeCloseEvent) => void;
-    /**
-     * Fires each time the user focuses the MultiSelectTree.
-     */
-    onFocus?: (event: MultiSelectTreeFocusEvent) => void;
-    /**
-     * Fires each time the MultiSelectTree gets blurred.
-     */
-    onBlur?: (event: MultiSelectTreeBlurEvent) => void;
-    /**
-     * Fires each time the value of the MultiSelectTree is about to change ([see examples]({% slug overview_multiselecttree %})).
-     */
-    onChange?: (event: MultiSelectTreeChangeEvent) => void;
-    /**
-     * Fires each time the user types in the filter input
-     * ([see example]({% slug filtering_multiselecttree %}#toc-basic-configuration)).
-     * You can filter the source based on the passed filtration value.
-     */
-    onFilterChange?: (event: MultiSelectTreeFilterChangeEvent) => void;
-    /**
-     * Fires when the expanding or collapsing of an item is requested ([see examples]({% slug overview_multiselecttree %})).
-     */
-    onExpandChange?: (event: any) => void;
-    /**
-     * Defines the component that will be used for rendering each of the MultiSelectTree items
-     * ([see example]({% slug customrendering_multiselecttree %}#toc-items-and-value-element)).
-     */
-    item?: any;
-    /**
-     * Defines the component that will be rendered in the MultiSelectTree popup when no data is available
-     * ([see example]({% slug customrendering_multiselecttree %}#toc-no-data)).
-     */
-    listNoData?: any;
-    tag?: any;
-    header?: any;
-    footer?: any;
-    /**
-     * Configures the `size` of the MultiSelectTree.
-     *
-     * The available options are:
-     * - small
-     * - medium
-     * - large
-     * - null&mdash;Does not set a size `className`.
-     *
-     * @default `medium`
-     */
-    size?: null | 'small' | 'medium' | 'large' | string;
-    /**
-     * Configures the `roundness` of the MultiSelectTree.
-     *
-     * The available options are:
-     * - small
-     * - medium
-     * - large
-     * - full
-     * - null&mdash;Does not set a rounded `className`.
-     *
-     * @default `medium`
-     */
-    rounded?: null | 'small' | 'medium' | 'large' | 'full' | string;
-    /**
-     * Configures the `fillMode` of the MultiSelectTree.
-     *
-     * The available options are:
-     * - solid
-     * - flat
-     * - outline
-     * - null&mdash;Does not set a fillMode `className`.
-     *
-     * @default `solid`
-     */
-    fillMode?: null | 'solid' | 'flat' | 'outline' | string;
-    /**
-     * Provides different rendering of the popup element based on the screen dimensions.
-     */
-    adaptive?: boolean;
-    /**
-     * Specifies the text that is rendered as title in the adaptive popup.
-     */
-    adaptiveTitle?: string;
-}

package/dist/esm/MultiSelectTree/MultiSelectTreeProps.js

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

package/dist/esm/MultiSelectTree/utils.d.ts

@@ -1,17 +0,0 @@
-import { MultiSelectTreeChangeEventOperation } from './MultiSelectTreeProps';
-/** @hidden */
-export declare const getValueMap: (value: any[], idGetter: any) => any;
-/**
- * Get MultiSelectTree new value from the component `onChange` event.
- *
- * @param {any[]} data
- * @param {object} options
- * @returns {any[]}
- */
-export declare const getMultiSelectTreeValue: (data: any[], options: {
-    subItemsField?: string;
-    dataItemKey: string;
-    items: any;
-    value: Array<any>;
-    operation: MultiSelectTreeChangeEventOperation;
-}) => any[];

package/dist/esm/MultiSelectTree/utils.js

@@ -1,109 +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-vue-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;
-};

package/dist/esm/additionalTypes.ts

@@ -1,21 +0,0 @@
-// @ts-ignore
-import { DefineComponent } from 'vue';
-// @ts-ignore
-import * as Vue from 'vue';
-
-/**
- * @hidden
- */
-// @ts-ignore
-type Vue2type = Vue.default;
-
-/**
- * @hidden
- */
-// @ts-ignore
-import { RecordPropsDefinition, ComponentOptions } from 'vue/types/options';
-/**
- * @hidden
- */
-// @ts-ignore
-export { DefineComponent, RecordPropsDefinition, ComponentOptions, Vue2type };

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

@@ -1,21 +0,0 @@
-import { DefineComponent, RecordPropsDefinition, ComponentOptions, Vue2type } from '../additionalTypes';
-declare type DefaultData<V> = object | ((this: V) => {});
-declare type DefaultMethods<V> = {
-    [key: string]: (this: V, ...args: any[]) => any;
-};
-/**
- * @hidden
- */
-export interface ClearButtonMethods extends Vue2type {
-    onMouseDown: (e: any) => void;
-    onClickHandler: (e: any) => void;
-}
-/**
- * @hidden
- */
-declare let ClearButtonVue2: ComponentOptions<Vue2type, DefaultData<{}>, DefaultMethods<ClearButtonMethods>, {}, RecordPropsDefinition<{}>>;
-/**
- * @hidden
- */
-declare const ClearButton: DefineComponent<{}, any, {}, {}, ClearButtonMethods, {}, {}, {}, string, {}, {}, {}>;
-export { ClearButton, ClearButtonVue2 };

package/dist/esm/common/ClearButton.js

@@ -1,73 +0,0 @@
-// @ts-ignore
-import * as Vue from 'vue';
-var allVue = Vue;
-var gh = allVue.h;
-var isV3 = allVue.version && allVue.version[0] === '3';
-var inject = allVue.inject;
-import { xIcon } from '@progress/kendo-svg-icons';
-import { provideLocalizationService } from '@progress/kendo-vue-intl';
-import { messages, clear } from '../messages/main.js';
-import { Icon } from '@progress/kendo-vue-common';
-/**
- * @hidden
- */
-var ClearButtonVue2 = {
-  name: 'clear-button',
-  inject: {
-    kendoLocalizationService: {
-      default: null
-    }
-  },
-  // @ts-ignore
-  setup: !isV3 ? undefined : function () {
-    var v3 = !!isV3;
-    var kendoLocalizationService = inject('kendoLocalizationService', {});
-    return {
-      v3: v3,
-      kendoLocalizationService: kendoLocalizationService
-    };
-  },
-  methods: {
-    onMouseDown: function onMouseDown(e) {
-      e.preventDefault();
-    },
-    onClickHandler: function onClickHandler(e) {
-      this.$emit('clearclick', e);
-    }
-  },
-  // @ts-ignore
-  render: function render(createElement) {
-    var h = gh || createElement;
-    var title = provideLocalizationService(this).toLanguageString(clear, messages[clear]);
-    return h("span", {
-      "class": "k-clear-value",
-      role: "button",
-      attrs: this.v3 ? undefined : {
-        role: "button",
-        tabindex: -1,
-        title: title
-      },
-      onClick: this.onClickHandler,
-      on: this.v3 ? undefined : {
-        "click": this.onClickHandler,
-        "mousedown": this.onMouseDown
-      },
-      onMousedown: this.onMouseDown,
-      tabindex: -1,
-      title: title,
-      key: "clearbutton"
-    }, [h(Icon, {
-      name: "x",
-      attrs: this.v3 ? undefined : {
-        name: "x",
-        icon: xIcon
-      },
-      icon: xIcon
-    })]);
-  }
-};
-/**
- * @hidden
- */
-var ClearButton = ClearButtonVue2;
-export { ClearButton, ClearButtonVue2 };

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

@@ -1,95 +0,0 @@
-import VirtualScroll from './VirtualScroll';
-import { Navigation } from './Navigation';
-import { ListItemProps } from './ListItem';
-import { InternalState, DropDownStateBase, Page, DropDownsPopupSettings, VirtualizationSettings } from './settings';
-import { DropDownListAll } from '../DropDownList/DropDownList';
-import { ComboBoxAll } from '../ComboBox/ComboBox';
-import { DropDownTreeAll } from '../DropDownTree/DropDownTree';
-import { MultiSelectAll } from '../MultiSelect/MultiSelect';
-import { CreateElement } from 'vue';
-/**
- * @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?: any;
-    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;
-    onScrollchange?: (event: any) => void;
-    itemRender?: (li: Element, itemProps: ListItemProps) => any;
-    listNoDataRender?: (element: any) => any;
-    header?: any;
-    footer?: any;
-}
-/**
- * @hidden
- */
-export interface DropDownComponent {
-    state: DropDownStateBase;
-    element: HTMLSpanElement | null;
-    handleItemSelect: Function;
-    value: any;
-    currentOpened: boolean;
-    currentFocused: boolean;
-    popupWidth: string;
-}
-/**
- * @hidden
- */
-export default class DropDownBase {
-    static defaultProps: {
-        popupSettings: {
-            animate: boolean;
-            height: string;
-        };
-        required: boolean;
-        validityStyles: boolean;
-    };
-    popupWidth?: string;
-    wrapper: any;
-    list: HTMLUListElement;
-    dirCalculated?: string;
-    readonly vs: VirtualScroll;
-    readonly navigation: Navigation;
-    readonly listBoxId: string;
-    readonly guid: string;
-    readonly component: DropDownComponent;
-    constructor(component: any);
-    didMount(): void;
-    calculateDir(): void;
-    calculatePopupWidth(): void;
-    scrollToItem(itemIndex: number, vsEnabled?: boolean): void;
-    handleItemClick: (index: number, event: any) => void;
-    handleFocus: any;
-    filterChanged: (text: string | null, state: InternalState) => void;
-    repositionPopup(): void;
-    initState(): InternalState;
-    applyState(state: InternalState): void;
-    togglePopup: (state: InternalState) => void;
-    pageChange: (page: Page, event: any) => void;
-    scrollChange: (event: any) => void;
-    triggerOnPageChange(state: InternalState, skip: number, take: number): void;
-    triggerPageChangeCornerItems(item: any, state: InternalState): void;
-    scrollToVirtualItem: (virtual: VirtualizationSettings, selectedItemIndex: number) => void;
-    getGroupedDataModernMode: (data: any[], groupField: string) => any[];
-    resetGroupStickyHeader: (groupName: string, that: any) => void;
-    getTemplateDef(this: DropDownListAll | ComboBoxAll | DropDownTreeAll | MultiSelectAll, template: string, h: CreateElement): any;
-    getListItemHeight(listItem: HTMLElement): string | 0;
-}