@progress/kendo-react-dropdowns 12.0.0-develop.1 → 12.0.0-develop.10

package/index.d.mts

@@ -40,21 +40,18 @@ export declare type AutoComplete = AutoCompleteHandle;
  *
  * @example
  * ```jsx
- * class App extends React.Component {
- *    autocomplete = null;
- *    render() {
- *       return (
- *          <div>
- *              <AutoComplete
- *                  data={[ "Albania", "Andorra", "Austria", "Belarus" ]}
- *                  ref={component => this.autocomplete = component}
- *              />
- *              <button onClick={() => alert(this.autocomplete.value)}>alert value</button>
- *          </div>
- *       );
- *    }
+ * const App = () => {
+ *    const autocomplete = React.useRef(null);
+ *    return (
+ *       <div>
+ *           <AutoComplete
+ *               data={[ "Albania", "Andorra", "Austria", "Belarus" ]}
+ *               ref={autocomplete}
+ *           />
+ *           <Button onClick={() => alert(autocomplete.current.value)}>alert value</Button>
+ *       </div>
+ *    );
  * }
- * ReactDOM.render(<App />, document.querySelector('my-app'));
  * ```
  */
 export declare const AutoComplete: React_2.ForwardRefExoticComponent<AutoCompleteProps & React_2.RefAttributes<any>>;
@@ -828,21 +825,18 @@ export declare type ComboBox = ComboBoxHandle;
  *
  * @example
  * ```jsx
- * class App extends React.Component {
- *    combobox = null;
- *    render() {
- *       return (
- *          <div>
- *              <ComboBox
- *                  data={[ "Albania", "Andorra", "Austria", "Belarus" ]}
- *                  ref={component => this.combobox = component}
- *              />
- *              <button onClick={() => alert(this.combobox.value)}>alert value</button>
- *          </div>
- *       );
- *    }
+ * const App = () => {
+ *    const combobox = React.useRef(null);
+ *    return (
+ *       <div>
+ *           <ComboBox
+ *               data={[ "Albania", "Andorra", "Austria", "Belarus" ]}
+ *               ref={combobox}
+ *           />
+ *           <Button onClick={() => alert(combobox.current.value)}>alert value</Button>
+ *       </div>
+ *    );
  * }
- * ReactDOM.render(<App />, document.querySelector('my-app'));
  * ```
  */
 export declare const ComboBox: React_2.ForwardRefExoticComponent<ComboBoxProps & React_2.RefAttributes<any>>;
@@ -2218,20 +2212,17 @@ export declare interface DropDownListProps extends FormComponentProps {
      *
      * @example
      * ```jsx
-     * class App extends React.Component {
-     *    render() {
-     *       return (
-     *          <form>
-     *              <DropDownList
-     *                  data={[ { text: "Austria", id: 1 } , { text: "Belarus", id: 2 } ]}
-     *                  valueMap={value => value && value.id}
-     *              />
-     *              <button type="submit">Submit</button>
-     *          </form>
-     *       );
-     *    }
+     * const App = () => {
+     *    return (
+     *       <form>
+     *           <DropDownList
+     *               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: any) => any;
@@ -2693,7 +2684,6 @@ declare interface DropDownStateBase {
  *      />
  *  );
  * };
- * ReactDOM.render(<App />, document.querySelector('my-app'));
  * ```
  */
 export declare const DropDownTree: React_2.ForwardRefExoticComponent<DropDownTreeProps & React_2.RefAttributes<DropDownTreeHandle | null>>;
@@ -3524,7 +3514,6 @@ declare interface ListProps {
  *     </div>
  *   );
  * };
- * ReactDOM.render(<App />, document.querySelector("my-app"));
  * ```
  */
 export declare const MultiColumnComboBox: React_2.ForwardRefExoticComponent<MultiColumnComboBoxProps & React_2.RefAttributes<MultiColumnComboBoxHandle | null>>;
@@ -3791,21 +3780,18 @@ export declare type MultiSelect = MultiSelectHandle;
  *
  * @example
  * ```jsx
- * class App extends React.Component {
- *    multiselect = null;
- *    render() {
- *       return (
- *          <div>
- *              <MultiSelect
- *                  data={[ "Albania", "Andorra", "Austria", "Belarus" ]}
- *                  ref={component => this.multiselect = component}
- *              />
- *              <button onClick={() => alert(this.multiselect.value)}>alert value</button>
- *          </div>
- *       );
- *    }
+ * const App = () => {
+ *    const multiselect = React.useRef(null);
+ *    return (
+ *       <div>
+ *           <MultiSelect
+ *               data={[ "Albania", "Andorra", "Austria", "Belarus" ]}
+ *               ref={multiselect}
+ *           />
+ *           <Button onClick={() => alert(multiselect.current.value)}>alert value</Button>
+ *       </div>
+ *    );
  * }
- * ReactDOM.render(<App />, document.querySelector('my-app'));
  * ```
  */
 export declare const MultiSelect: React_2.ForwardRefExoticComponent<MultiSelectProps & React_2.RefAttributes<any>>;
@@ -4512,7 +4498,6 @@ declare interface MultiSelectState extends DropDownStateBase {
  *       </div>
  *   );
  *   };
- *   ReactDOM.render(<App />, document.querySelector('my-app'));
  * ```
  */
 export declare const MultiSelectTree: React_2.ForwardRefExoticComponent<MultiSelectTreeProps & React_2.RefAttributes<MultiSelectTreeHandle | null>>;

package/index.d.ts

@@ -40,21 +40,18 @@ export declare type AutoComplete = AutoCompleteHandle;
  *
  * @example
  * ```jsx
- * class App extends React.Component {
- *    autocomplete = null;
- *    render() {
- *       return (
- *          <div>
- *              <AutoComplete
- *                  data={[ "Albania", "Andorra", "Austria", "Belarus" ]}
- *                  ref={component => this.autocomplete = component}
- *              />
- *              <button onClick={() => alert(this.autocomplete.value)}>alert value</button>
- *          </div>
- *       );
- *    }
+ * const App = () => {
+ *    const autocomplete = React.useRef(null);
+ *    return (
+ *       <div>
+ *           <AutoComplete
+ *               data={[ "Albania", "Andorra", "Austria", "Belarus" ]}
+ *               ref={autocomplete}
+ *           />
+ *           <Button onClick={() => alert(autocomplete.current.value)}>alert value</Button>
+ *       </div>
+ *    );
  * }
- * ReactDOM.render(<App />, document.querySelector('my-app'));
  * ```
  */
 export declare const AutoComplete: React_2.ForwardRefExoticComponent<AutoCompleteProps & React_2.RefAttributes<any>>;
@@ -828,21 +825,18 @@ export declare type ComboBox = ComboBoxHandle;
  *
  * @example
  * ```jsx
- * class App extends React.Component {
- *    combobox = null;
- *    render() {
- *       return (
- *          <div>
- *              <ComboBox
- *                  data={[ "Albania", "Andorra", "Austria", "Belarus" ]}
- *                  ref={component => this.combobox = component}
- *              />
- *              <button onClick={() => alert(this.combobox.value)}>alert value</button>
- *          </div>
- *       );
- *    }
+ * const App = () => {
+ *    const combobox = React.useRef(null);
+ *    return (
+ *       <div>
+ *           <ComboBox
+ *               data={[ "Albania", "Andorra", "Austria", "Belarus" ]}
+ *               ref={combobox}
+ *           />
+ *           <Button onClick={() => alert(combobox.current.value)}>alert value</Button>
+ *       </div>
+ *    );
  * }
- * ReactDOM.render(<App />, document.querySelector('my-app'));
  * ```
  */
 export declare const ComboBox: React_2.ForwardRefExoticComponent<ComboBoxProps & React_2.RefAttributes<any>>;
@@ -2218,20 +2212,17 @@ export declare interface DropDownListProps extends FormComponentProps {
      *
      * @example
      * ```jsx
-     * class App extends React.Component {
-     *    render() {
-     *       return (
-     *          <form>
-     *              <DropDownList
-     *                  data={[ { text: "Austria", id: 1 } , { text: "Belarus", id: 2 } ]}
-     *                  valueMap={value => value && value.id}
-     *              />
-     *              <button type="submit">Submit</button>
-     *          </form>
-     *       );
-     *    }
+     * const App = () => {
+     *    return (
+     *       <form>
+     *           <DropDownList
+     *               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: any) => any;
@@ -2693,7 +2684,6 @@ declare interface DropDownStateBase {
  *      />
  *  );
  * };
- * ReactDOM.render(<App />, document.querySelector('my-app'));
  * ```
  */
 export declare const DropDownTree: React_2.ForwardRefExoticComponent<DropDownTreeProps & React_2.RefAttributes<DropDownTreeHandle | null>>;
@@ -3524,7 +3514,6 @@ declare interface ListProps {
  *     </div>
  *   );
  * };
- * ReactDOM.render(<App />, document.querySelector("my-app"));
  * ```
  */
 export declare const MultiColumnComboBox: React_2.ForwardRefExoticComponent<MultiColumnComboBoxProps & React_2.RefAttributes<MultiColumnComboBoxHandle | null>>;
@@ -3791,21 +3780,18 @@ export declare type MultiSelect = MultiSelectHandle;
  *
  * @example
  * ```jsx
- * class App extends React.Component {
- *    multiselect = null;
- *    render() {
- *       return (
- *          <div>
- *              <MultiSelect
- *                  data={[ "Albania", "Andorra", "Austria", "Belarus" ]}
- *                  ref={component => this.multiselect = component}
- *              />
- *              <button onClick={() => alert(this.multiselect.value)}>alert value</button>
- *          </div>
- *       );
- *    }
+ * const App = () => {
+ *    const multiselect = React.useRef(null);
+ *    return (
+ *       <div>
+ *           <MultiSelect
+ *               data={[ "Albania", "Andorra", "Austria", "Belarus" ]}
+ *               ref={multiselect}
+ *           />
+ *           <Button onClick={() => alert(multiselect.current.value)}>alert value</Button>
+ *       </div>
+ *    );
  * }
- * ReactDOM.render(<App />, document.querySelector('my-app'));
  * ```
  */
 export declare const MultiSelect: React_2.ForwardRefExoticComponent<MultiSelectProps & React_2.RefAttributes<any>>;
@@ -4512,7 +4498,6 @@ declare interface MultiSelectState extends DropDownStateBase {
  *       </div>
  *   );
  *   };
- *   ReactDOM.render(<App />, document.querySelector('my-app'));
  * ```
  */
 export declare const MultiSelectTree: React_2.ForwardRefExoticComponent<MultiSelectTreeProps & React_2.RefAttributes<MultiSelectTreeHandle | null>>;

package/package-metadata.js

@@ -5,4 +5,4 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=Object.freeze({name:"@progress/kendo-react-dropdowns",productName:"KendoReact",productCode:"KENDOUIREACT",productCodes:["KENDOUIREACT"],publishDate: 1755511532,version:"12.0.0-develop.1",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"});exports.packageMetadata=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=Object.freeze({name:"@progress/kendo-react-dropdowns",productName:"KendoReact",productCode:"KENDOUIREACT",productCodes:["KENDOUIREACT"],publishDate: 1756120840,version:"12.0.0-develop.10",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"});exports.packageMetadata=e;

package/package-metadata.mjs

@@ -10,8 +10,8 @@ const e = Object.freeze({
   productName: "KendoReact",
   productCode: "KENDOUIREACT",
   productCodes: ["KENDOUIREACT"],
-  publishDate: 1755511532,
-  version: "12.0.0-develop.1",
+  publishDate: 1756120840,
+  version: "12.0.0-develop.10",
   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"
 });
 export {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@progress/kendo-react-dropdowns",
-  "version": "12.0.0-develop.1",
+  "version": "12.0.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",
@@ -26,14 +26,14 @@
   "sideEffects": false,
   "peerDependencies": {
     "@progress/kendo-licensing": "^1.7.0",
-    "@progress/kendo-react-buttons": "12.0.0-develop.1",
-    "@progress/kendo-react-common": "12.0.0-develop.1",
-    "@progress/kendo-react-inputs": "12.0.0-develop.1",
-    "@progress/kendo-react-intl": "12.0.0-develop.1",
-    "@progress/kendo-react-labels": "12.0.0-develop.1",
-    "@progress/kendo-react-layout": "12.0.0-develop.1",
-    "@progress/kendo-react-popup": "12.0.0-develop.1",
-    "@progress/kendo-react-treeview": "12.0.0-develop.1",
+    "@progress/kendo-react-buttons": "12.0.0-develop.10",
+    "@progress/kendo-react-common": "12.0.0-develop.10",
+    "@progress/kendo-react-inputs": "12.0.0-develop.10",
+    "@progress/kendo-react-intl": "12.0.0-develop.10",
+    "@progress/kendo-react-labels": "12.0.0-develop.10",
+    "@progress/kendo-react-layout": "12.0.0-develop.10",
+    "@progress/kendo-react-popup": "12.0.0-develop.10",
+    "@progress/kendo-react-treeview": "12.0.0-develop.10",
     "@progress/kendo-svg-icons": "^4.0.0",
     "react": "^16.8.2 || ^17.0.0 || ^18.0.0 || ^19.0.0 || ^19.0.0-rc",
     "react-dom": "^16.8.2 || ^17.0.0 || ^18.0.0 || ^19.0.0 || ^19.0.0-rc"
@@ -67,7 +67,7 @@
     "package": {
       "productName": "KendoReact",
       "productCode": "KENDOUIREACT",
-      "publishDate": 1755511532,
+      "publishDate": 1756120840,
       "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"
     }
   },