@progress/kendo-react-dropdowns 7.2.4-develop.3 → 7.3.0-develop.1

package/MultiSelectTree/MultiSelectTree.d.ts

@@ -1,85 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2024 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the package root for more information
-*-------------------------------------------------------------------------------------------*/
-import * as React from 'react';
-import { MultiSelectTreeProps, MultiSelectTreeHandle } from './MultiSelectTreeProps';
-/**
- * Represents the PropsContext of the `MultiSelectTree` component.
- * Used for global configuration of all `MultiSelectTree` instances.
- *
- * For more information, refer to the [Dropdowns Props Context]({% slug props-context_dropdowns %}) article.
- */
-export declare const MultiSelectTreePropsContext: React.Context<(p: MultiSelectTreeProps) => MultiSelectTreeProps>;
-/**
- * Represents the MultiSelectTree component.
- *
- * Accepts properties of type [MultiSelectTreeProps]({% slug api_dropdowns_multiselecttreeprops %}).
- * Obtaining the `ref` returns an object of type [MultiSelectTreeHandle]({% slug api_dropdowns_multiselecttreehandle %}).
- *
- * @example
- * ```jsx
- *   const dataItemKey = 'id';
- *   const checkField = 'checkField';
- *   const checkIndeterminateField = 'checkIndeterminateField';
- *   const subItemsField = 'items';
- *   const expandField = 'expanded';
- *   const textField = 'text';
- *   const fields = {
- *    dataItemKey,
- *    checkField,
- *    checkIndeterminateField,
- *    expandField,
- *    subItemsField,
- *   };
- *   const App = () => {
- *    const [value, setValue] = React.useState([]);
- *    const [expanded, setExpanded] = React.useState([data[0][dataItemKey]]);
- *    const onChange = (event) =>
- *       setValue(
- *       getMultiSelectTreeValue(data, {
- *           ...fields,
- *           ...event,
- *           value,
- *       })
- *       );
- *   const onExpandChange = React.useCallback(
- *       (event) => setExpanded(expandedState(event.item, dataItemKey, expanded)),
- *       [expanded]
- *   );
- *   const treeData = React.useMemo(
- *       () =>
- *       processMultiSelectTreeData(data, {
- *           expanded,
- *           value,
- *           ...fields,
- *       }),
- *       [expanded, value]
- *   );
- *
- *   return (
- *       <div>
- *       <div>Categories:</div>
- *       <MultiSelectTree
- *           style={{
- *           width: '300px',
- *           }}
- *           data={treeData}
- *           value={value}
- *           onChange={onChange}
- *           placeholder="Please select ..."
- *           textField={textField}
- *           dataItemKey={dataItemKey}
- *           checkField={checkField}
- *           checkIndeterminateField={checkIndeterminateField}
- *           expandField={expandField}
- *           subItemsField={subItemsField}
- *           onExpandChange={onExpandChange}
- *       />
- *       </div>
- *   );
- *   };
- *   ReactDOM.render(<App />, document.querySelector('my-app'));
- * ```
- */
-export declare const MultiSelectTree: React.ForwardRefExoticComponent<MultiSelectTreeProps & React.RefAttributes<MultiSelectTreeHandle | null>>;

package/MultiSelectTree/MultiSelectTreeProps.d.ts

@@ -1,324 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2024 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the package root for more information
-*-------------------------------------------------------------------------------------------*/
-import * as React from 'react';
-import { FormComponentProps } from '@progress/kendo-react-common';
-import { ItemRenderProps } from '@progress/kendo-react-treeview';
-import { FilterChangeEvent, OpenEvent, CloseEvent, FocusEvent, BlurEvent, DropdownEvent, CancelEvent } from '../common/events';
-import { DropDownsPopupSettings } from '../common/settings';
-import { TagData } from '../MultiSelect/TagList';
-/**
- * Represents the Object which is passed to the
- * [`ref`](https://reactjs.org/docs/refs-and-the-dom.html) callback of the MultiSelectTree component.
- */
-export interface MultiSelectTreeHandle {
-    /**
-     * The current element or `null` if there is no one.
-     */
-    element: HTMLElement | null;
-    /**
-     * The props of the MultiSelectTree component.
-     */
-    props: MultiSelectTreeProps;
-    /**
-     * The focus function.
-     */
-    focus: () => void;
-}
-/**
- * Represents the object of the `onFilterChange` MultiSelectTree event.
- */
-export interface MultiSelectTreeFilterChangeEvent extends FilterChangeEvent<MultiSelectTreeHandle> {
-}
-export type MultiSelectTreeChangeEventOperation = 'clear' | 'delete' | 'toggle';
-/**
- * Represents the object of the `onChange` MultiSelectTree event.
- */
-export interface MultiSelectTreeChangeEvent extends DropdownEvent<MultiSelectTreeHandle> {
-    /**
-     * The items related to current operation.
-     */
-    items: any[];
-    /**
-     * Describes the current operation:
-     * * `clear` - clear button is clicked and value is cleared. Null value is retured.
-     * * `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<MultiSelectTreeHandle> {
-}
-/**
- * Represents the object of the `onClose` MultiSelectTree event.
- */
-export interface MultiSelectTreeCloseEvent extends CloseEvent<MultiSelectTreeHandle> {
-}
-/**
- * Represents the object of the `onFocus` MultiSelectTree event.
- */
-export interface MultiSelectTreeFocusEvent extends FocusEvent<MultiSelectTreeHandle> {
-}
-/**
- * Represents the object of the `onBlur` MultiSelectTree event.
- */
-export interface MultiSelectTreeBlurEvent extends BlurEvent<MultiSelectTreeHandle> {
-}
-/**
- * Represents the object of the `onCancel` MultiSelectTree event.
- */
-export interface MultiSelectTreeCancelEvent extends CancelEvent<MultiSelectTreeHandle> {
-}
-/**
- * Represents the object of the `onExpandChange` MultiSelectTree event.
- */
-export interface MultiSelectTreeExpandEvent extends DropdownEvent<MultiSelectTreeHandle> {
-    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: React.MouseEvent<HTMLSpanElement>) => void;
-}
-/**
- * The props of the `ListNoData` component ([see example]({% slug customrendering_multiselecttree %}#toc-no-data)).
- */
-export interface MultiSelectTreeListNoDataProps {
-    children?: React.ReactNode;
-}
-/**
- * Represents the props of the [KendoReact MultiSelectTree component]({% slug overview_multiselecttree %}).
- */
-export interface MultiSelectTreeProps extends FormComponentProps {
-    /**
-     * Sets the data of the MultiSelectTree ([see example]({% slug overview_multiselecttree %})).
-     */
-    data?: any[];
-    /**
-     * Sets the opened state of the MultiSelectTree.
-     */
-    opened?: boolean;
-    /**
-     * The styles that are applied to the MultiSelectTree.
-     */
-    style?: React.CSSProperties;
-    /**
-     * Sets the value of the MultiSelectTree. It can either be of the primitive (string, numbers) or of the complex (objects) type.
-     */
-    value?: 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;
-    /**
-     * 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](https://reactjs.org/docs/forms.html#controlled-components).
-     */
-    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`](https://reactjs.org/docs/forms.html#the-select-tag) 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 popup of the MultiSelectTree is about to cancel in ([adaptive mode]({% slug adaptive_rendering_multiselecttree %})).
-     */
-    onCancel?: (event: MultiSelectTreeCancelEvent) => 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?: React.ComponentType<MultiSelectTreeItemProps>;
-    /**
-     * 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?: React.ComponentType<MultiSelectTreeListNoDataProps>;
-    tag?: React.ComponentType<MultiSelectTreeTagProps>;
-    /**
-     * 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';
-    /**
-     * 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';
-    /**
-     * 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';
-    /**
-     * Providing 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 | React.ReactNode;
-}

package/MultiSelectTree/utils.d.ts

@@ -1,21 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2024 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the package root for more information
-*-------------------------------------------------------------------------------------------*/
-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/common/AdaptiveMode.d.ts

@@ -1,25 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2024 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the package root for more information
-*-------------------------------------------------------------------------------------------*/
-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) => import("react/jsx-runtime").JSX.Element;

package/common/ClearButton.d.ts

@@ -1,18 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2024 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the package root for more information
-*-------------------------------------------------------------------------------------------*/
-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(): import("react/jsx-runtime").JSX.Element;
-}

package/common/DropDownBase.d.ts

@@ -1,180 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2024 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the package root for more information
-*-------------------------------------------------------------------------------------------*/
-import * as React from 'react';
-import 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;
-    id?: string;
-}
-/**
- * @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 | import("react/jsx-runtime").JSX.Element;
-    getPopupSettings(): DropDownsPopupSettings;
-    getGroupedDataModernMode(data: any[], groupField: string): any[];
-    resetGroupStickyHeader: (groupName: string, that: any) => void;
-}

package/common/GroupStickyHeader.d.ts

@@ -1,28 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2024 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the package root for more information
-*-------------------------------------------------------------------------------------------*/
-import * as React from 'react';
-/**
- * Represents the props of the GroupStickyHeader component.
- */
-export interface GroupStickyHeaderProps {
-    /**
-     * The group that will be rendered.
-     */
-    group?: string;
-    /**
-     * @hidden
-     */
-    groupMode?: string;
-    /**
-     * Fires when a ComboBox sticky group header item is about to be rendered. Used to override the default appearance of the sticky group header of the component.
-     */
-    render?: (div: React.ReactElement<HTMLDivElement>, itemProps: GroupStickyHeaderProps) => React.ReactNode;
-}
-/**
- * @hidden
- */
-export default class GroupStickyHeader extends React.Component<GroupStickyHeaderProps, {}> {
-    render(): string | number | boolean | Iterable<React.ReactNode> | import("react/jsx-runtime").JSX.Element | null | undefined;
-}