@progress/kendo-react-dropdowns 5.13.0-dev.202304200917 → 5.13.0-dev.202304201343

package/dist/es/MultiSelect/MultiSelectProps.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 import { MultiSelect } from './MultiSelect';
 import { FormComponentProps } from '@progress/kendo-react-common';
-import { FilterChangeEvent, ChangeEvent, OpenEvent, CloseEvent, FocusEvent, BlurEvent, PageChangeEvent } from './../common/events';
+import { FilterChangeEvent, ChangeEvent, OpenEvent, CloseEvent, FocusEvent, BlurEvent, PageChangeEvent, CancelEvent } from './../common/events';
 import { VirtualizationSettings, DropDownsPopupSettings } from '../common/settings';
 import { ListGroupItemProps } from '../common/ListGroupItem';
 import { GroupStickyHeaderProps } from '../common/GroupStickyHeader';
@@ -17,6 +17,11 @@ export interface MultiSelectFilterChangeEvent extends FilterChangeEvent<MultiSel
  */
 export interface MultiSelectChangeEvent extends ChangeEvent<MultiSelect> {
 }
+/**
+ * Represents the object of the `onCancel` MultiSelect event.
+ */
+export interface MultiSelectCancelEvent extends CancelEvent<MultiSelect> {
+}
 /**
  * Represents the object of the `open` MultiSelect event.
  */
@@ -153,6 +158,10 @@ export interface MultiSelectProps extends FormComponentProps {
      * 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 value of the adaptive filtering input of the of ComboBox.
+     */
+    adaptiveFilter?: string;
     /**
      * Sets the loading state of the MultiSelect ([see example]({% slug filtering_multiselect %}#toc-basic-configuration)).
      */
@@ -201,6 +210,10 @@ export interface MultiSelectProps extends FormComponentProps {
      * Fires each time the value of the MultiSelect is about to change ([see examples]({% slug binding_multiselect %})).
      */
     onChange?: (event: MultiSelectChangeEvent) => void;
+    /**
+     * Fires each time the popup of the MultiSelect is about to cancel in ([adaptive mode]({% slug adaptive_rendering_multiselect %})).
+     */
+    onCancel?: (event: MultiSelectCancelEvent) => void;
     /**
      * Fires each time the user types in the filter input ([see example]({% slug filtering_multiselect %}#toc-basic-configuration)). You can filter the source based on the passed filtration value.
      */
@@ -286,4 +299,12 @@ export interface MultiSelectProps extends FormComponentProps {
      * @hidden
      */
     groupMode?: string;
+    /**
+     * 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;
 }

package/dist/es/package-metadata.js

@@ -5,7 +5,7 @@ export var packageMetadata = {
     name: '@progress/kendo-react-dropdowns',
     productName: 'KendoReact',
     productCodes: ['KENDOUIREACT', 'KENDOUICOMPLETE'],
-    publishDate: 1681980885,
+    publishDate: 1681996972,
     version: '',
     licensingDocsUrl: 'https://www.telerik.com/kendo-react-ui/my-license/?utm_medium=product&utm_source=kendoreact&utm_campaign=kendo-ui-react-purchase-license-keys-warning'
 };

package/dist/npm/MultiSelect/MultiSelect.d.ts

@@ -5,28 +5,24 @@ import { TagData } from './TagList';
 import DropDownBase from '../common/DropDownBase';
 import { MultiSelectProps } from './MultiSelectProps';
 import { DropDownStateBase, InternalState, ActiveDescendant } from './../common/settings';
-/**
- * @hidden
- */
+/** @hidden */
 export interface MultiSelectState extends DropDownStateBase {
     selectedItems?: Array<any>;
     focusedIndex?: number;
     focusedTag?: TagData;
     activedescendant?: ActiveDescendant;
     value?: Array<any>;
+    currentTreeValue?: Array<any>;
+    windowWidth?: number;
 }
-/**
- * @hidden
- */
+/** @hidden */
 export interface MultiSelectInternalState extends InternalState {
     data: MultiSelectState;
 }
 /** @hidden */
 export declare class MultiSelectWithoutContext extends React.Component<MultiSelectProps, MultiSelectState> implements FormComponent {
     static displayName: string;
-    /**
-     * @hidden
-     */
+    /** @hidden */
     static propTypes: {
         autoClose: PropTypes.Requireable<boolean>;
         value: PropTypes.Requireable<any[]>;
@@ -43,6 +39,9 @@ export declare class MultiSelectWithoutContext extends React.Component<MultiSele
         ariaDescribedBy: PropTypes.Requireable<string>;
         groupField: PropTypes.Requireable<string>;
         list: PropTypes.Requireable<any>;
+        adaptive: PropTypes.Requireable<boolean>;
+        adaptiveTitle: PropTypes.Requireable<string>;
+        onCancel: PropTypes.Requireable<(...args: any[]) => any>;
         filterable: PropTypes.Requireable<boolean>;
         filter: PropTypes.Requireable<string>;
         virtual: PropTypes.Requireable<PropTypes.InferProps<{
@@ -84,9 +83,7 @@ export declare class MultiSelectWithoutContext extends React.Component<MultiSele
         header: PropTypes.Requireable<PropTypes.ReactNodeLike>;
         footer: PropTypes.Requireable<PropTypes.ReactNodeLike>;
     };
-    /**
-     * @hidden
-     */
+    /** @hidden */
     static defaultProps: {
         autoClose: boolean;
         required: boolean;
@@ -99,9 +96,7 @@ export declare class MultiSelectWithoutContext extends React.Component<MultiSele
         };
         validityStyles: boolean;
     };
-    /**
-     * @hidden
-     */
+    /** @hidden */
     readonly state: MultiSelectState;
     private _element;
     private _valueItemsDuringOnChange;
@@ -109,18 +104,26 @@ export declare class MultiSelectWithoutContext extends React.Component<MultiSele
     protected readonly base: DropDownBase;
     private readonly _tags;
     private _input;
+    private _adaptiveInput;
     private _skipFocusEvent;
     private itemHeight;
     protected scrollToFocused: boolean;
+    private localization;
+    private observerResize?;
+    private get document();
     constructor(props: MultiSelectProps);
-    /**
-     * @hidden
-     */
+    /** @hidden */
     focus: () => void;
+    /** @hidden */
+    get element(): HTMLSpanElement | null;
+    /** @hidden */
+    get opened(): boolean;
+    /** @hidden */
+    get tagsToRender(): Array<TagData>;
     /**
-     * @hidden
+     * The mobile mode of the ComboBox.
      */
-    get element(): HTMLSpanElement | null;
+    get mobileMode(): boolean;
     /**
      * Represents the value of the MultiSelect.
      */
@@ -133,41 +136,27 @@ export declare class MultiSelectWithoutContext extends React.Component<MultiSele
      * Represents the validity state into which the MultiSelect is set.
      */
     get validity(): FormComponentValidity;
-    /**
-     * @hidden
-     */
+    /** @hidden */
     protected get required(): boolean;
     protected get validityStyles(): boolean;
-    /**
-     * @hidden
-     */
+    /** @hidden */
     componentDidUpdate(prevProps: MultiSelectProps, prevState: MultiSelectState): void;
-    /**
-     * @hidden
-     */
+    /** @hidden */
     componentDidMount(): void;
-    /**
-     * @hidden
-     */
+    /** @hidden */
+    componentWillUnmount(): void;
+    /** @hidden */
     handleItemSelect: (index: number, state: MultiSelectInternalState) => void;
-    /**
-     * @hidden
-     */
+    /** @hidden */
     onTagDelete: (itemsToRemove: Array<any>, event: React.MouseEvent<HTMLSpanElement>) => void;
-    /**
-     * @hidden
-     */
+    /** @hidden */
     onNavigate(state: MultiSelectInternalState, keyCode: number): void;
-    /**
-     * @hidden
-     */
+    /** @hidden */
     itemFocus: (index: number, state: MultiSelectInternalState) => void;
-    /**
-     * @hidden
-     */
+    /** @hidden */
     render(): JSX.Element;
     private componentRef;
-    private renderSearchbar;
+    private renderSearchBar;
     private searchbarRef;
     private onChangeHandler;
     private clearButtonClick;
@@ -177,7 +166,11 @@ export declare class MultiSelectWithoutContext extends React.Component<MultiSele
     private selectFocusedItem;
     private setItems;
     private getFocusedState;
+    private listContainerContent;
     private renderListContainer;
+    private renderAdaptiveListContainer;
+    private closePopup;
+    private onCancel;
     private renderList;
     private onScroll;
     private customItemSelect;
@@ -190,6 +183,7 @@ export declare class MultiSelectWithoutContext extends React.Component<MultiSele
     private focusElement;
     private applyState;
     private setValidity;
+    private calculateMedia;
 }
 /**
  * Represents the PropsContext of the `MultiSelect` component.