@progress/kendo-react-dropdowns 7.3.0 → 7.4.0-develop.10

package/index.d.mts

@@ -700,7 +700,7 @@ export declare interface ComboBoxProps extends FormComponentProps {
      */
     filterable?: boolean;
     /**
-     * Sets the value of ComboBox input. Useful for making the ComboBox input a [controlled component](https://reactjs.org/docs/forms.html#controlled-components).
+     * Sets the value of ComboBox input. Useful for making the ComboBox input a [controlled component](https://react.dev/learn/sharing-state-between-components#controlled-and-uncontrolled-components).
      */
     filter?: string | null;
     /**
@@ -1030,6 +1030,9 @@ export declare class ComboBoxWithoutContext extends React_2.Component<ComboBoxPr
     private _input;
     private _adaptiveFilterInput;
     private itemHeight;
+    private duplicates;
+    private hasDuplicates;
+    private navigationIndex;
     private observerResize?;
     private get document();
     constructor(props: ComboBoxProps);
@@ -1060,6 +1063,11 @@ export declare class ComboBoxWithoutContext extends React_2.Component<ComboBoxPr
     protected get validityStyles(): boolean;
     /** @hidden */
     protected get required(): boolean;
+    /**
+     * @hidden
+     * Executed when no dataItemKey and textField are provided
+     */
+    private checkForDuplicatePlainTextRecords;
     /** @hidden */
     componentDidUpdate(prevProps: ComboBoxProps, prevState: ComboBoxState): void;
     /** @hidden */
@@ -1077,6 +1085,7 @@ export declare class ComboBoxWithoutContext extends React_2.Component<ComboBoxPr
     private getCurrentValueDisabledStatus;
     private toggleBtnClick;
     private applyValueOnEnter;
+    private closeOpenedApplyStateNonMobileMode;
     private applyValueOnRejectSuggestions;
     private selectFocusedItem;
     private renderAdaptiveListContainer;
@@ -1291,7 +1300,7 @@ declare interface DropdownEvent<T> {
      */
     nativeEvent: Event;
     /**
-     * A React [`SyntheticEvent`](https://reactjs.org/docs/events.html).
+     * A React [`SyntheticEvent`](https://react.dev/learn/responding-to-events).
      */
     syntheticEvent: React.SyntheticEvent<HTMLElement>;
     /**
@@ -1459,7 +1468,7 @@ export declare interface DropDownListProps extends FormComponentProps {
      */
     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).
+     * Sets the value of filtering input. Useful for making the filtering input a [controlled component](https://react.dev/learn/sharing-state-between-components#controlled-and-uncontrolled-components).
      */
     filter?: string;
     /**
@@ -1483,7 +1492,7 @@ export declare interface DropDownListProps extends FormComponentProps {
      */
     dataItemKey?: string;
     /**
-     * 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.
+     * Represents a callback function, which returns the value for submitting. The returned value will be rendered in an `option` of a hidden [`select`](https://react.dev/reference/react-dom/components/select) element.
      *
      * @example
      * ```jsx-no-run
@@ -2042,7 +2051,7 @@ export declare interface DropDownTreeFocusEvent extends FocusEvent_2<DropDownTre
 
 /**
  * Represents the Object which is passed to the
- * [`ref`](https://reactjs.org/docs/refs-and-the-dom.html) callback of the DropDownTree component.
+ * [`ref`](https://react.dev/learn/referencing-values-with-refs#refs-and-the-dom) callback of the DropDownTree component.
  */
 export declare interface DropDownTreeHandle {
     /**
@@ -2130,7 +2139,7 @@ export declare interface DropDownTreeProps extends FormComponentProps {
     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).
+     * Useful for making the filtering input a [controlled component](https://react.dev/learn/sharing-state-between-components#controlled-and-uncontrolled-components).
      */
     filter?: string;
     /**
@@ -2167,7 +2176,7 @@ export declare interface DropDownTreeProps extends FormComponentProps {
      */
     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.
+     * Represents a callback function, which returns the value for submitting. The returned value will be rendered in an `option` of a hidden [`select`](https://react.dev/reference/react-dom/components/select) element.
      *
      * @example
      * ```jsx-no-run
@@ -2303,7 +2312,7 @@ declare interface EventData {
  */
 declare interface FilterChangeEvent<T> extends DropdownEvent<T> {
     /**
-     * A React [`SyntheticEvent`](https://reactjs.org/docs/events.html).
+     * A React [`SyntheticEvent`](https://react.dev/learn/responding-to-events).
      */
     syntheticEvent: React.ChangeEvent<HTMLInputElement>;
     /**
@@ -2580,6 +2589,7 @@ declare interface ListProps {
     groupMode?: string;
     isMultiColumn?: boolean;
     optionsGuid?: string;
+    hasDuplicates?: boolean;
     listRef?: React_2.Ref<HTMLUListElement>;
     wrapperRef?: React_2.Ref<HTMLDivElement>;
     wrapperCssClass?: string;
@@ -3106,7 +3116,7 @@ export declare interface MultiSelectProps extends FormComponentProps {
      */
     focusedItemIndex?: (data: any, inputText: string, textField?: string) => number;
     /**
-     * Sets the value of filtering input. Useful for making the filtering input a [controlled component](https://reactjs.org/docs/forms.html#controlled-components).
+     * Sets the value of filtering input. Useful for making the filtering input a [controlled component](https://react.dev/learn/sharing-state-between-components#controlled-and-uncontrolled-components).
      */
     filter?: string;
     /**
@@ -3423,7 +3433,7 @@ export declare interface MultiSelectTreeFocusEvent extends FocusEvent_2<MultiSel
 
 /**
  * Represents the Object which is passed to the
- * [`ref`](https://reactjs.org/docs/refs-and-the-dom.html) callback of the MultiSelectTree component.
+ * [`ref`](https://react.dev/learn/referencing-values-with-refs#refs-and-the-dom) callback of the MultiSelectTree component.
  */
 export declare interface MultiSelectTreeHandle {
     /**
@@ -3528,7 +3538,7 @@ export declare interface MultiSelectTreeProps extends FormComponentProps {
     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).
+     * Useful for making the filtering input a [controlled component](https://react.dev/learn/sharing-state-between-components#controlled-and-uncontrolled-components).
      */
     filter?: string;
     /**
@@ -3569,7 +3579,7 @@ export declare interface MultiSelectTreeProps extends FormComponentProps {
      */
     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.
+     * Represents a callback function, which returns the value for submitting. The returned value will be rendered in an `option` of a hidden [`select`](https://react.dev/reference/react-dom/components/select) element.
      *
      * @example
      * ```jsx-no-run

package/index.d.ts

@@ -700,7 +700,7 @@ export declare interface ComboBoxProps extends FormComponentProps {
      */
     filterable?: boolean;
     /**
-     * Sets the value of ComboBox input. Useful for making the ComboBox input a [controlled component](https://reactjs.org/docs/forms.html#controlled-components).
+     * Sets the value of ComboBox input. Useful for making the ComboBox input a [controlled component](https://react.dev/learn/sharing-state-between-components#controlled-and-uncontrolled-components).
      */
     filter?: string | null;
     /**
@@ -1030,6 +1030,9 @@ export declare class ComboBoxWithoutContext extends React_2.Component<ComboBoxPr
     private _input;
     private _adaptiveFilterInput;
     private itemHeight;
+    private duplicates;
+    private hasDuplicates;
+    private navigationIndex;
     private observerResize?;
     private get document();
     constructor(props: ComboBoxProps);
@@ -1060,6 +1063,11 @@ export declare class ComboBoxWithoutContext extends React_2.Component<ComboBoxPr
     protected get validityStyles(): boolean;
     /** @hidden */
     protected get required(): boolean;
+    /**
+     * @hidden
+     * Executed when no dataItemKey and textField are provided
+     */
+    private checkForDuplicatePlainTextRecords;
     /** @hidden */
     componentDidUpdate(prevProps: ComboBoxProps, prevState: ComboBoxState): void;
     /** @hidden */
@@ -1077,6 +1085,7 @@ export declare class ComboBoxWithoutContext extends React_2.Component<ComboBoxPr
     private getCurrentValueDisabledStatus;
     private toggleBtnClick;
     private applyValueOnEnter;
+    private closeOpenedApplyStateNonMobileMode;
     private applyValueOnRejectSuggestions;
     private selectFocusedItem;
     private renderAdaptiveListContainer;
@@ -1291,7 +1300,7 @@ declare interface DropdownEvent<T> {
      */
     nativeEvent: Event;
     /**
-     * A React [`SyntheticEvent`](https://reactjs.org/docs/events.html).
+     * A React [`SyntheticEvent`](https://react.dev/learn/responding-to-events).
      */
     syntheticEvent: React.SyntheticEvent<HTMLElement>;
     /**
@@ -1459,7 +1468,7 @@ export declare interface DropDownListProps extends FormComponentProps {
      */
     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).
+     * Sets the value of filtering input. Useful for making the filtering input a [controlled component](https://react.dev/learn/sharing-state-between-components#controlled-and-uncontrolled-components).
      */
     filter?: string;
     /**
@@ -1483,7 +1492,7 @@ export declare interface DropDownListProps extends FormComponentProps {
      */
     dataItemKey?: string;
     /**
-     * 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.
+     * Represents a callback function, which returns the value for submitting. The returned value will be rendered in an `option` of a hidden [`select`](https://react.dev/reference/react-dom/components/select) element.
      *
      * @example
      * ```jsx-no-run
@@ -2042,7 +2051,7 @@ export declare interface DropDownTreeFocusEvent extends FocusEvent_2<DropDownTre
 
 /**
  * Represents the Object which is passed to the
- * [`ref`](https://reactjs.org/docs/refs-and-the-dom.html) callback of the DropDownTree component.
+ * [`ref`](https://react.dev/learn/referencing-values-with-refs#refs-and-the-dom) callback of the DropDownTree component.
  */
 export declare interface DropDownTreeHandle {
     /**
@@ -2130,7 +2139,7 @@ export declare interface DropDownTreeProps extends FormComponentProps {
     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).
+     * Useful for making the filtering input a [controlled component](https://react.dev/learn/sharing-state-between-components#controlled-and-uncontrolled-components).
      */
     filter?: string;
     /**
@@ -2167,7 +2176,7 @@ export declare interface DropDownTreeProps extends FormComponentProps {
      */
     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.
+     * Represents a callback function, which returns the value for submitting. The returned value will be rendered in an `option` of a hidden [`select`](https://react.dev/reference/react-dom/components/select) element.
      *
      * @example
      * ```jsx-no-run
@@ -2303,7 +2312,7 @@ declare interface EventData {
  */
 declare interface FilterChangeEvent<T> extends DropdownEvent<T> {
     /**
-     * A React [`SyntheticEvent`](https://reactjs.org/docs/events.html).
+     * A React [`SyntheticEvent`](https://react.dev/learn/responding-to-events).
      */
     syntheticEvent: React.ChangeEvent<HTMLInputElement>;
     /**
@@ -2580,6 +2589,7 @@ declare interface ListProps {
     groupMode?: string;
     isMultiColumn?: boolean;
     optionsGuid?: string;
+    hasDuplicates?: boolean;
     listRef?: React_2.Ref<HTMLUListElement>;
     wrapperRef?: React_2.Ref<HTMLDivElement>;
     wrapperCssClass?: string;
@@ -3106,7 +3116,7 @@ export declare interface MultiSelectProps extends FormComponentProps {
      */
     focusedItemIndex?: (data: any, inputText: string, textField?: string) => number;
     /**
-     * Sets the value of filtering input. Useful for making the filtering input a [controlled component](https://reactjs.org/docs/forms.html#controlled-components).
+     * Sets the value of filtering input. Useful for making the filtering input a [controlled component](https://react.dev/learn/sharing-state-between-components#controlled-and-uncontrolled-components).
      */
     filter?: string;
     /**
@@ -3423,7 +3433,7 @@ export declare interface MultiSelectTreeFocusEvent extends FocusEvent_2<MultiSel
 
 /**
  * Represents the Object which is passed to the
- * [`ref`](https://reactjs.org/docs/refs-and-the-dom.html) callback of the MultiSelectTree component.
+ * [`ref`](https://react.dev/learn/referencing-values-with-refs#refs-and-the-dom) callback of the MultiSelectTree component.
  */
 export declare interface MultiSelectTreeHandle {
     /**
@@ -3528,7 +3538,7 @@ export declare interface MultiSelectTreeProps extends FormComponentProps {
     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).
+     * Useful for making the filtering input a [controlled component](https://react.dev/learn/sharing-state-between-components#controlled-and-uncontrolled-components).
      */
     filter?: string;
     /**
@@ -3569,7 +3579,7 @@ export declare interface MultiSelectTreeProps extends FormComponentProps {
      */
     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.
+     * Represents a callback function, which returns the value for submitting. The returned value will be rendered in an `option` of a hidden [`select`](https://react.dev/reference/react-dom/components/select) element.
      *
      * @example
      * ```jsx-no-run

package/package-metadata.mjs

@@ -10,7 +10,7 @@ const e = {
   name: "@progress/kendo-react-dropdowns",
   productName: "KendoReact",
   productCodes: ["KENDOUIREACT", "KENDOUICOMPLETE"],
-  publishDate: 1710323722,
+  publishDate: 1711700640,
   version: "",
   licensingDocsUrl: "https://www.telerik.com/kendo-react-ui/components/my-license/?utm_medium=product&utm_source=kendoreact&utm_campaign=kendo-ui-react-purchase-license-keys-warning"
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@progress/kendo-react-dropdowns",
-  "version": "7.3.0",
+  "version": "7.4.0-develop.10",
   "description": "React DropDowns offer an interface for users to select different items from a list and more. KendoReact Dropdowns package",
   "author": "Progress",
   "license": "SEE LICENSE IN LICENSE.md",
@@ -23,14 +23,14 @@
   "sideEffects": false,
   "peerDependencies": {
     "@progress/kendo-licensing": "^1.3.4",
-    "@progress/kendo-react-buttons": "7.3.0",
-    "@progress/kendo-react-common": "7.3.0",
-    "@progress/kendo-react-inputs": "7.3.0",
-    "@progress/kendo-react-intl": "7.3.0",
-    "@progress/kendo-react-labels": "7.3.0",
-    "@progress/kendo-react-layout": "7.3.0",
-    "@progress/kendo-react-popup": "7.3.0",
-    "@progress/kendo-react-treeview": "7.3.0",
+    "@progress/kendo-react-buttons": "7.4.0-develop.10",
+    "@progress/kendo-react-common": "7.4.0-develop.10",
+    "@progress/kendo-react-inputs": "7.4.0-develop.10",
+    "@progress/kendo-react-intl": "7.4.0-develop.10",
+    "@progress/kendo-react-labels": "7.4.0-develop.10",
+    "@progress/kendo-react-layout": "7.4.0-develop.10",
+    "@progress/kendo-react-popup": "7.4.0-develop.10",
+    "@progress/kendo-react-treeview": "7.4.0-develop.10",
     "@progress/kendo-svg-icons": "^2.1.0",
     "react": "^16.8.2 || ^17.0.0 || ^18.0.0",
     "react-dom": "^16.8.2 || ^17.0.0 || ^18.0.0"