@progress/kendo-react-dropdowns 9.0.0-develop.2 → 9.0.0-develop.21

package/index.d.mts

@@ -989,7 +989,6 @@ export declare class ComboBoxWithoutContext extends React_2.Component<ComboBoxPr
         label: PropTypes.Requireable<string>;
         loading: PropTypes.Requireable<boolean>;
         popupSettings: PropTypes.Requireable<PropTypes.InferProps<{
-            /** @hidden */
             animate: PropTypes.Requireable<NonNullable<boolean | PropTypes.InferProps<{
                 openDuration: PropTypes.Requireable<number>;
                 closeDuration: PropTypes.Requireable<number>;
@@ -1232,6 +1231,7 @@ declare class DropDownBase {
     calculateDir(): void;
     calculatePopupWidth(): void;
     scrollToItem(itemIndex: number, vsEnabled?: boolean, once?: boolean): void;
+    updateComponentArgs(args: any): void;
     handleItemClick: (index: number, event: React_2.MouseEvent<HTMLLIElement> | React_2.KeyboardEvent<HTMLInputElement>) => void;
     handleFocus: React_2.FocusEventHandler<HTMLSpanElement>;
     filterChanged: (text: string | null, state: InternalState) => void;
@@ -1322,70 +1322,71 @@ declare interface DropdownEvent<T> {
     target: T;
 }
 
-/** @hidden */
-export declare type DropDownList = DropDownListHandle;
-
 /**
  * Represents the [KendoReact DropDownList component]({% slug overview_dropdownlist %}).
  *
  * Accepts properties of type [DropDownListProps]({% slug api_dropdowns_dropdownlistprops %}).
  * Obtaining the `ref` returns an object of type [DropDownListHandle]({% slug api_dropdowns_dropdownlisthandle %}).
  *
- * @example
- * ```jsx
- * class App extends React.Component {
- *    dropdownlist = null;
- *    render() {
- *       return (
- *          <div>
- *              <DropDownList
- *                  data={[ "Albania", "Andorra", "Austria", "Belarus" ]}
- *                  ref={component => this.dropdownlist = component}
- *              />
- *              <button onClick={() => alert(this.dropdownlist.value)}>alert value</button>
- *          </div>
- *       );
- *    }
- * }
- * ReactDOM.render(<App />, document.querySelector('my-app'));
- * ```
  */
-export declare const DropDownList: React_2.ForwardRefExoticComponent<DropDownListProps & React_2.RefAttributes<any>>;
+export declare const DropDownList: React_2.ForwardRefExoticComponent<DropDownListProps & React_2.RefAttributes<DropDownListHandle>>;
 
 /**
  * Represents the object of the `blur` DropDownList event.
  */
-export declare interface DropDownListBlurEvent extends BlurEvent<DropDownList> {
+export declare interface DropDownListBlurEvent extends BlurEvent<DropDownListHandle> {
 }
 
 /**
  * Represents the object of the `change` DropDownList event.
  */
-export declare interface DropDownListChangeEvent extends ChangeEvent<DropDownList> {
+export declare interface DropDownListChangeEvent extends ChangeEvent<DropDownListHandle> {
 }
 
 /**
  * Represents the object of the `close` DropDownList event.
  */
-export declare interface DropDownListCloseEvent extends CloseEvent_2<DropDownList> {
+export declare interface DropDownListCloseEvent extends CloseEvent_2<DropDownListHandle> {
 }
 
+/**
+ * The default props of the DropDownList component.
+ */
+export declare const dropDownListDefaultProps: {
+    required: boolean;
+    size: "small" | "large" | "medium" | null | undefined;
+    rounded: "small" | "large" | "medium" | "full" | null | undefined;
+    fillMode: "flat" | "solid" | "outline" | null | undefined;
+    groupMode: string | undefined;
+    popupSettings: {
+        height: string;
+    };
+    validityStyles: boolean;
+    delay: number;
+    tabIndex: number;
+    ignoreCase: boolean;
+};
+
 /**
  * Represents the object of the `filterChange` DropDownList event.
  */
-export declare interface DropDownListFilterChangeEvent extends FilterChangeEvent<DropDownList> {
+export declare interface DropDownListFilterChangeEvent extends FilterChangeEvent<DropDownListHandle> {
 }
 
 /**
  * Represents the object of the `focus` DropDownList event.
  */
-export declare interface DropDownListFocusEvent extends FocusEvent_2<DropDownList> {
+export declare interface DropDownListFocusEvent extends FocusEvent_2<DropDownListHandle> {
 }
 
 /**
  * Represent the `ref` of the DropDownList component.
  */
-export declare interface DropDownListHandle extends Pick<DropDownListWithoutContext, keyof DropDownListWithoutContext> {
+export declare interface DropDownListHandle {
+    /**
+     * The element of the DropDownList component.
+     */
+    element: HTMLSpanElement | null;
     /**
      * The index of the selected item.
      */
@@ -1402,18 +1403,30 @@ export declare interface DropDownListHandle extends Pick<DropDownListWithoutCont
      * The value of the DropDownList.
      */
     value: any;
+    /**
+     * The props of the DropDownList component
+     */
+    props: Readonly<DropDownListProps>;
+    /**
+     * Focuses the wrapper of the DropDownList component.
+     */
+    focus: () => void;
+    /**
+     * Toggles the popup of the DropDownList component.
+     */
+    togglePopup: () => void;
 }
 
 /**
  * Represents the object of the `open` DropDownList event.
  */
-export declare interface DropDownListOpenEvent extends OpenEvent<DropDownList> {
+export declare interface DropDownListOpenEvent extends OpenEvent<DropDownListHandle> {
 }
 
 /**
  * Represents the object of the `pageChange` DropDownList event.
  */
-export declare interface DropDownListPageChangeEvent extends PageChangeEvent<DropDownList> {
+export declare interface DropDownListPageChangeEvent extends PageChangeEvent<DropDownListHandle> {
 }
 
 /**
@@ -1718,208 +1731,10 @@ export declare const DropDownListPropsContext: React_2.Context<(p: DropDownListP
 /**
  * @hidden
  */
-declare interface DropDownListState extends DropDownStateBase {
+export declare interface DropDownListState extends DropDownStateBase {
     windowWidth?: number;
 }
 
-/**
- * @hidden
- */
-declare class DropDownListWithoutContext extends React_2.Component<DropDownListProps, DropDownListState> implements FormComponent {
-    static displayName: string;
-    /**
-     * @hidden
-     */
-    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>;
-        delay: PropTypes.Requireable<number>;
-        ignoreCase: PropTypes.Requireable<boolean>;
-        iconClassName: PropTypes.Requireable<string>;
-        svgIcon: PropTypes.Requireable<PropTypes.InferProps<{
-            name: PropTypes.Validator<string>;
-            content: PropTypes.Validator<string>;
-            viewBox: PropTypes.Validator<string>;
-        }>>;
-        defaultItem: PropTypes.Requireable<any>;
-        valueRender: PropTypes.Requireable<(...args: any[]) => any>;
-        valueMap: PropTypes.Requireable<(...args: any[]) => any>;
-        validationMessage: PropTypes.Requireable<string>;
-        required: PropTypes.Requireable<boolean>;
-        id: PropTypes.Requireable<string>;
-        ariaLabelledBy: PropTypes.Requireable<string>;
-        ariaDescribedBy: PropTypes.Requireable<string>;
-        ariaLabel: PropTypes.Requireable<string>;
-        leftRightKeysNavigation: PropTypes.Requireable<boolean>;
-        title: PropTypes.Requireable<string>;
-        groupField: PropTypes.Requireable<string>;
-        list: PropTypes.Requireable<any>;
-        skipDisabledItems: PropTypes.Requireable<boolean>;
-        renderListFilterWrapper: PropTypes.Requireable<boolean>;
-    };
-    /**
-     * @hidden
-     */
-    static defaultProps: {
-        required: boolean;
-        size: "small" | "large" | "medium" | null | undefined;
-        rounded: "small" | "large" | "medium" | "full" | null | undefined;
-        fillMode: "flat" | "solid" | "outline" | null | undefined;
-        groupMode: string | undefined;
-        popupSettings: {
-            height: string;
-        };
-        validityStyles: boolean;
-        delay: number;
-        tabIndex: number;
-        ignoreCase: boolean;
-    };
-    /**
-     * @hidden
-     */
-    readonly state: DropDownListState;
-    private _element;
-    private _typingTimeout;
-    protected readonly base: DropDownBase;
-    private searchState;
-    private _select;
-    private _skipFocusEvent;
-    private _filterInput;
-    private _valueDuringOnChange;
-    private _navigated;
-    private _lastKeypressIsFilter;
-    private get _inputId();
-    private get _listboxId();
-    private get _guid();
-    private itemHeight;
-    private observerResize?;
-    private get document();
-    constructor(props: DropDownListProps);
-    /**
-     * @hidden
-     */
-    focus: () => void;
-    /**
-     * @hidden
-     */
-    get element(): HTMLSpanElement | null;
-    /**
-     * The value of the DropDownList.
-     */
-    get value(): any;
-    /**
-     * The index of the selected item.
-     */
-    get index(): number;
-    /**
-     * Gets the `name` property of the DropDownList.
-     */
-    get name(): string | undefined;
-    /**
-     * Represents the validity state into which the DropDownList is set.
-     */
-    get validity(): FormComponentValidity;
-    protected get validityStyles(): boolean;
-    /**
-     * @hidden
-     */
-    protected get required(): boolean;
-    /**
-     * @hidden
-     */
-    componentDidUpdate(prevProps: DropDownListProps, prevState: DropDownListState): void;
-    /**
-     * @hidden
-     */
-    componentDidMount(): void;
-    /** @hidden */
-    componentWillUnmount(): void;
-    /**
-     * @hidden
-     */
-    render(): JSX_2.Element;
-    /**
-     * @hidden
-     */
-    handleItemSelect: (index: number, state: InternalState) => void;
-    /**
-     * @hidden
-     */
-    onNavigate(state: InternalState, keyCode: number, skipItems?: number): void;
-    private componentRef;
-    private dummySelect;
-    private renderAdaptiveListContainer;
-    private renderListContainer;
-    private renderList;
-    private onScroll;
-    private renderListFilter;
-    private renderDefaultItem;
-    private search;
-    private selectNext;
-    private handleKeyDown;
-    private handleItemClick;
-    private handleFocus;
-    private handleBlur;
-    private handleDefaultItemClick;
-    private handleWrapperClick;
-    private handleKeyPress;
-    private handleListFilterChange;
-    private onPopupOpened;
-    private onPopupClosed;
-    private onPopupMouseDown;
-    togglePopup: () => void;
-    private getFocusedIndex;
-    private focusElement;
-    private setValidity;
-    private triggerOnChange;
-    private applyState;
-    private calculateMedia;
-    private resetValueIfDisabledItem;
-    private haveFocusedItemAndDataNotEmpty;
-}
-export { DropDownListWithoutContext as DropDownListClassComponent }
-export { DropDownListWithoutContext }
-
 /**
  * @hidden
  */
@@ -3779,7 +3594,6 @@ export declare class MultiSelectWithoutContext extends React_2.Component<MultiSe
                 closeDuration: PropTypes.Requireable<number>;
             }> | null | undefined>>;
             popupClass: PropTypes.Requireable<string>;
-            /** @hidden */
             className: PropTypes.Requireable<string>;
             appendTo: PropTypes.Requireable<any>;
             width: PropTypes.Requireable<NonNullable<string | number | null | undefined>>;