@progress/kendo-react-dropdowns 13.3.0 → 13.4.0-develop.2

package/common/events.d.ts

@@ -0,0 +1,82 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import { FilterDescriptor } from './filterDescriptor.js';
+import { Page } from './settings.js';
+/**
+ * @hidden
+ */
+export interface DropdownEvent<T> {
+    /**
+     * A native DOM event.
+     */
+    nativeEvent: Event;
+    /**
+     * A React [`SyntheticEvent`](https://react.dev/learn/responding-to-events).
+     */
+    syntheticEvent: React.SyntheticEvent<HTMLElement>;
+    /**
+     * An event target.
+     */
+    target: T;
+}
+/**
+ * @hidden
+ */
+export interface FilterChangeEvent<T> extends DropdownEvent<T> {
+    /**
+     * A React [`SyntheticEvent`](https://react.dev/learn/responding-to-events).
+     */
+    syntheticEvent: React.ChangeEvent<HTMLInputElement>;
+    /**
+     * The default `FilterDescriptor` object.
+     */
+    filter: FilterDescriptor;
+}
+/**
+ * @hidden
+ */
+export interface ChangeEvent<T> extends DropdownEvent<T> {
+    /**
+     * The current value of the component.
+     */
+    value: any;
+}
+/**
+ * @hidden
+ */
+export interface OpenEvent<T> extends DropdownEvent<T> {
+}
+/**
+ * @hidden
+ */
+export interface CloseEvent<T> extends DropdownEvent<T> {
+}
+/**
+ * @hidden
+ */
+export interface FocusEvent<T> extends DropdownEvent<T> {
+}
+/**
+ * @hidden
+ */
+export interface BlurEvent<T> extends DropdownEvent<T> {
+}
+/**
+ * @hidden
+ */
+export interface CancelEvent<T> extends DropdownEvent<T> {
+}
+/**
+ * @hidden
+ */
+export interface PageChangeEvent<T> extends DropdownEvent<T> {
+    /**
+     * The page information for the paging operation.
+     */
+    page: Page;
+}

package/common/filterDescriptor.d.ts

@@ -0,0 +1,48 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+/**
+ * A basic filter expression. Usually a part of [`CompositeFilterDescriptor`](https://www.telerik.com/kendo-react-ui/components/datatools/api/compositefilterdescriptor).
+ *
+ * For more information, refer to the [`filterBy`](https://www.telerik.com/kendo-react-ui/components/datatools/api/filterby) method.
+ */
+export interface FilterDescriptor {
+    /**
+     * The field of the data item to which the filter operator is applied.
+     */
+    field?: string | Function;
+    /**
+     * The filter operator (comparison).
+     *
+     * The supported operators are:
+     * * `"eq"` (equal to)
+     * * `"neq"` (not equal to)
+     * * `"isnull"` (is equal to null)
+     * * `"isnotnull"` (is not equal to null)
+     * * `"lt"` (less than)
+     * * `"lte"` (less than or equal to)
+     * * `"gt"` (greater than)
+     * * `"gte"` (greater than or equal to)
+     *
+     * The following operators are supported for string fields only:
+     * * `"startswith"`
+     * * `"endswith"`
+     * * `"contains"`
+     * * `"doesnotcontain"`
+     * * `"isempty"`
+     * * `"isnotempty"`
+     */
+    operator: string | Function;
+    /**
+     * The value to which the field is compared. Has to be of the same type as the field.
+     */
+    value?: any;
+    /**
+     * Determines if the string comparison is case-insensitive.
+     */
+    ignoreCase?: boolean;
+}

package/common/settings.d.ts

@@ -0,0 +1,112 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import { PopupProps } from '@progress/kendo-react-popup';
+import { FilterDescriptor } from './filterDescriptor.js';
+/**
+ * Represents the `skip` and `take` configurations which are wrapped in the `page` object.
+ */
+export interface Page {
+    /**
+     * The number of records to skip.
+     */
+    skip: number;
+    /**
+     * The number of records to take.
+     */
+    take: number;
+}
+/**
+ * The virtualization settings.
+ */
+export interface VirtualizationSettings {
+    /**
+     * The number of the requested records.
+     */
+    pageSize: number;
+    /**
+     * The number of records to skip.
+     */
+    skip: number;
+    /**
+     * The number of all records.
+     */
+    total: number;
+}
+/**
+ * The settings of the popup container.
+ */
+export interface DropDownsPopupSettings extends PopupProps {
+    /**
+     * Specifies a list of CSS classes that are used for styling the popup inner element.
+     */
+    popupClass?: string;
+    /**
+     * Sets the width of the popup container. By default, the width of the host element is used.
+     */
+    width?: string | number;
+    /**
+     * Sets the height of the DOM element inside the DropDowns' popup that contains the data items of each component. This height doesn't include the header and footer.
+     */
+    height?: string | number;
+    /**
+     * Defines the container to which the Popup will be appended.
+     * Defaults to [`body`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/body).
+     * * If set to `null` the Popup will be rendered without React Portal.
+     */
+    appendTo?: HTMLElement | null;
+}
+/**
+ * @hidden
+ */
+export interface EventData {
+    type?: string;
+    filter?: FilterDescriptor;
+    page?: Page;
+    suggestion?: Suggestion;
+}
+/**
+ * Represents the `Suggestion` object of the AutoComplete.
+ */
+export interface Suggestion {
+    /**
+     * Represents the typed text of the user.
+     */
+    readonly userInput: string;
+    /**
+     * Represents the suggested text without the user input.
+     */
+    readonly value: string;
+}
+/**
+ * @hidden
+ */
+export interface InternalState {
+    data: DropDownStateBase;
+    events: Array<EventData>;
+    syntheticEvent: React.MouseEvent<HTMLElement> | React.FocusEvent<HTMLElement> | React.ChangeEvent<HTMLInputElement> | React.FormEvent<HTMLInputElement> | React.KeyboardEvent<HTMLElement> | undefined;
+}
+/**
+ * @hidden
+ */
+export interface DropDownStateBase {
+    /**
+     * Input element text of the Component.
+     */
+    text?: string;
+    value?: any;
+    focused?: boolean;
+    opened?: boolean;
+    group?: string;
+}
+/**
+ * @hidden
+ */
+export declare enum ActiveDescendant {
+    PopupList = 0,
+    TagsList = 1
+}

package/common/utils.d.ts

@@ -0,0 +1,82 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import { TagData } from '../MultiSelect/TagList.js';
+/**
+ * @hidden
+ */
+declare const isPresent: (value: any) => boolean;
+/**
+ * @hidden
+ */
+declare const sameCharsOnly: (word: string, character: string) => boolean;
+/**
+ * @hidden
+ */
+declare const shuffleData: (data: Array<any>, splitIndex: number, defaultItem: any) => any[];
+/**
+ * @hidden
+ */
+declare const matchText: (text: string, word: string, ignoreCase?: boolean) => boolean;
+/**
+ * @hidden
+ */
+declare const scrollToItem: (scrollElem: HTMLDivElement, list: HTMLUListElement, itemIndex: number, translate: number, virtualScroll: boolean) => void;
+/**
+ * @hidden
+ */
+declare const itemIndexStartsWith: (items: any[], text?: string, field?: string) => number;
+/**
+ * @hidden
+ */
+declare const getItemIndexByText: (data: Array<any>, text: string, textField?: string, matchCase?: boolean, ignoreCase?: boolean) => number;
+/**
+ * Get the value of the item by its field.
+ */
+declare const getItemValue: (item: any, field?: string) => any;
+/**
+ * Find item in the data by field and value.
+ */
+export declare const findByFieldValue: (data: any[], field: string, value: string | number | null) => any;
+/**
+ * @hidden
+ */
+declare const matchDataCollections: (data1?: Array<any>, data2?: Array<any>, key?: string) => boolean;
+/**
+ * @hidden
+ */
+declare const removeDataItems: (items: Array<any>, toRemove: Array<any>, key?: string) => void;
+/**
+ * @hidden
+ */
+declare const areSame: (item1: any, item2: any, key?: string) => boolean;
+/**
+ * @hidden
+ */
+declare const getFocusedItem: (data: Array<any>, value?: string, textField?: string) => number;
+/**
+ * @hidden
+ */
+declare const suggestValue: (value?: string, data?: Array<any>, textField?: string) => string;
+/**
+ * @hidden
+ */
+declare const preventDefaultNonInputs: (event: any) => void;
+/**
+ * @hidden
+ */
+declare const matchTags: (tag1: TagData, tag2: TagData, key?: string) => boolean;
+/**
+ * @hidden
+ * Returns the duplicate items from a plain(string only) data collection.
+ */
+declare const getPlainDataDuplicates: (dataItems: string[]) => string[];
+/**
+ * @hidden
+ */
+declare const getFilteredData: (props: any) => any[];
+export { isPresent, sameCharsOnly, shuffleData, matchText, scrollToItem, itemIndexStartsWith, getItemIndexByText, getItemValue, matchDataCollections, removeDataItems, areSame, getFocusedItem, preventDefaultNonInputs, suggestValue, matchTags, getPlainDataDuplicates, getFilteredData };

package/common/utils.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 u=e=>e!=null,d=(e,t)=>{for(let r=0;r<e.length;r++)if(e.charAt(r)!==t)return!1;return!0},I=(e,t,r)=>{let n=e;return r&&(n=[r].concat(n)),n.slice(t).concat(n.slice(0,t))},m=(e,t,r)=>{if(!u(e))return!1;let n=String(e);return r&&(n=n.toLowerCase()),n.indexOf(t)===0},D=(e,t,r,n,s)=>{const o=e.offsetHeight,i=t.children.item(r),f=i.offsetTop+(s?n-e.scrollTop:0),l=i.offsetHeight;if(s){let a=0;f+l>o?a=f+l-o:f<0&&(a=f),a!==0?e.scrollTop+=a:e.scrollTop===0&&n!==0&&(e.scrollTop=n)}else f+l>o+e.scrollTop?e.scrollTop=f+l-o:f<e.scrollTop&&(e.scrollTop-=e.scrollTop-f)},g=(e,t,r)=>{let n=-1;if(t){t=t.toLowerCase();for(let s=0;s<e.length;s++){const o=(c(e[s],r)||"")+"";if(o&&o.toLowerCase().startsWith(t)){n=s;break}}}return n},p=(e,t,r,n=!1,s=!1)=>{const o=i=>s||!n?i.toLowerCase():i;return e.findIndex(i=>r?o(c(i,r))===o(t):o(t)===o(i.toString()))},c=(e,t)=>{if(t&&u(e)){const r=t.split(".");let n=e;return r.forEach(s=>{n=n?n[s]:void 0}),n}return e},x=(e,t,r)=>{if(!e)return;const n=e.findIndex(s=>c(s,t)===r);return e[n]},T=(e=[],t=[],r)=>{if(e===t)return!0;if(e.length!==t.length)return!1;for(let n=0;n<e.length;n++)if(!h(e[n],t[n],r))return!1;return!0},C=(e,t,r)=>{t.forEach(n=>{const s=e.findIndex(o=>h(o,n,r));s!==-1&&e.splice(s,1)})},h=(e,t,r)=>e===t||u(e)===u(t)&&c(e,r)===c(t,r),y=(e,t,r)=>{if(t){const n=p(e,t,r,!0);return n!==-1?e[n]:e[g(e,t,r)]}return e[0]},S=(e,t=[],r)=>{let n="";if(e){const s=t[g(t,e,r)];if(s){const o=c(s,r);e.toLowerCase()!==o.toLowerCase()&&(n=o.substring(e.length))}}return n},w=e=>{e.target.nodeName!=="INPUT"&&e.preventDefault()},L=(e,t,r)=>!!e!=!!t||e.text!==t.text?!1:e===t||T(e.data,t.data,r),P=e=>{const t=e.filter((r,n)=>e.some((s,o)=>s===r&&o!==n));return Array.from(new Set(t))},V=e=>{const{data:t=[],groupField:r}=e;return r?t.filter(n=>r&&n[r]!==void 0):t};exports.areSame=h;exports.findByFieldValue=x;exports.getFilteredData=V;exports.getFocusedItem=y;exports.getItemIndexByText=p;exports.getItemValue=c;exports.getPlainDataDuplicates=P;exports.isPresent=u;exports.itemIndexStartsWith=g;exports.matchDataCollections=T;exports.matchTags=L;exports.matchText=m;exports.preventDefaultNonInputs=w;exports.removeDataItems=C;exports.sameCharsOnly=d;exports.scrollToItem=D;exports.shuffleData=I;exports.suggestValue=S;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=e=>e!=null,I=(e,t)=>{for(let n=0;n<e.length;n++)if(e.charAt(n)!==t)return!1;return!0},m=(e,t,n)=>{let r=e;return n&&(r=[n].concat(r)),r.slice(t).concat(r.slice(0,t))},D=(e,t,n)=>{if(!u(e))return!1;let r=String(e);return n&&(r=r.toLowerCase()),r.indexOf(t)===0},x=(e,t,n,r,s)=>{const o=e.offsetHeight,g=e.querySelectorAll('[role="option"]')[n]||t.children.item(n);if(!g)return;const i=g.offsetTop+(s?r-e.scrollTop:0),l=g.offsetHeight;if(s){let a=0;i+l>o?a=i+l-o:i<0&&(a=i),a!==0?e.scrollTop+=a:e.scrollTop===0&&r!==0&&(e.scrollTop=r)}else i+l>o+e.scrollTop?e.scrollTop=i+l-o:i<e.scrollTop&&(e.scrollTop-=e.scrollTop-i)},h=(e,t,n)=>{let r=-1;if(t){t=t.toLowerCase();for(let s=0;s<e.length;s++){const o=(f(e[s],n)||"")+"";if(o&&o.toLowerCase().startsWith(t)){r=s;break}}}return r},T=(e,t,n,r=!1,s=!1)=>{const o=c=>s||!r?c.toLowerCase():c;return e.findIndex(c=>n?o(f(c,n))===o(t):o(t)===o(c.toString()))},f=(e,t)=>{if(t&&u(e)){const n=t.split(".");let r=e;return n.forEach(s=>{r=r?r[s]:void 0}),r}return e},C=(e,t,n)=>{if(!e)return;const r=e.findIndex(s=>f(s,t)===n);return e[r]},d=(e=[],t=[],n)=>{if(e===t)return!0;if(e.length!==t.length)return!1;for(let r=0;r<e.length;r++)if(!p(e[r],t[r],n))return!1;return!0},y=(e,t,n)=>{t.forEach(r=>{const s=e.findIndex(o=>p(o,r,n));s!==-1&&e.splice(s,1)})},p=(e,t,n)=>e===t||u(e)===u(t)&&f(e,n)===f(t,n),S=(e,t,n)=>{if(t){const r=T(e,t,n,!0);return r!==-1?e[r]:e[h(e,t,n)]}return e[0]},w=(e,t=[],n)=>{let r="";if(e){const s=t[h(t,e,n)];if(s){const o=f(s,n);e.toLowerCase()!==o.toLowerCase()&&(r=o.substring(e.length))}}return r},L=e=>{e.target.nodeName!=="INPUT"&&e.preventDefault()},P=(e,t,n)=>!!e!=!!t||e.text!==t.text?!1:e===t||d(e.data,t.data,n),V=e=>{const t=e.filter((n,r)=>e.some((s,o)=>s===n&&o!==r));return Array.from(new Set(t))},O=e=>{const{data:t=[],groupField:n}=e;return n?t.filter(r=>n&&r[n]!==void 0):t};exports.areSame=p;exports.findByFieldValue=C;exports.getFilteredData=O;exports.getFocusedItem=S;exports.getItemIndexByText=T;exports.getItemValue=f;exports.getPlainDataDuplicates=V;exports.isPresent=u;exports.itemIndexStartsWith=h;exports.matchDataCollections=d;exports.matchTags=P;exports.matchText=D;exports.preventDefaultNonInputs=L;exports.removeDataItems=y;exports.sameCharsOnly=I;exports.scrollToItem=x;exports.shuffleData=m;exports.suggestValue=w;

package/common/utils.mjs

@@ -5,91 +5,94 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-const g = (e) => e != null, d = (e, t) => {
+const g = (e) => e != null, I = (e, t) => {
   for (let r = 0; r < e.length; r++)
     if (e.charAt(r) !== t)
       return !1;
   return !0;
-}, I = (e, t, r) => {
+}, C = (e, t, r) => {
   let n = e;
   return r && (n = [r].concat(n)), n.slice(t).concat(n.slice(0, t));
-}, x = (e, t, r) => {
+}, D = (e, t, r) => {
   if (!g(e))
     return !1;
   let n = String(e);
   return r && (n = n.toLowerCase()), n.indexOf(t) === 0;
-}, C = (e, t, r, n, s) => {
-  const o = e.offsetHeight, f = t.children.item(r), i = f.offsetTop + (s ? n - e.scrollTop : 0), u = f.offsetHeight;
-  if (s) {
+}, w = (e, t, r, n, o) => {
+  const s = e.offsetHeight, p = e.querySelectorAll('[role="option"]')[r] || t.children.item(r);
+  if (!p)
+    return;
+  const f = p.offsetTop + (o ? n - e.scrollTop : 0), u = p.offsetHeight;
+  if (o) {
     let l = 0;
-    i + u > o ? l = i + u - o : i < 0 && (l = i), l !== 0 ? e.scrollTop += l : e.scrollTop === 0 && n !== 0 && (e.scrollTop = n);
+    f + u > s ? l = f + u - s : f < 0 && (l = f), l !== 0 ? e.scrollTop += l : e.scrollTop === 0 && n !== 0 && (e.scrollTop = n);
   } else
-    i + u > o + e.scrollTop ? e.scrollTop = i + u - o : i < e.scrollTop && (e.scrollTop -= e.scrollTop - i);
+    f + u > s + e.scrollTop ? e.scrollTop = f + u - s : f < e.scrollTop && (e.scrollTop -= e.scrollTop - f);
 }, h = (e, t, r) => {
   let n = -1;
   if (t) {
     t = t.toLowerCase();
-    for (let s = 0; s < e.length; s++) {
-      const o = (c(e[s], r) || "") + "";
-      if (o && o.toLowerCase().startsWith(t)) {
-        n = s;
+    for (let o = 0; o < e.length; o++) {
+      const s = (c(e[o], r) || "") + "";
+      if (s && s.toLowerCase().startsWith(t)) {
+        n = o;
         break;
       }
     }
   }
   return n;
-}, T = (e, t, r, n = !1, s = !1) => {
-  const o = (f) => s || !n ? f.toLowerCase() : f;
-  return e.findIndex((f) => r ? o(c(f, r)) === o(t) : o(t) === o(f.toString()));
+}, a = (e, t, r, n = !1, o = !1) => {
+  const s = (i) => o || !n ? i.toLowerCase() : i;
+  return e.findIndex((i) => r ? s(c(i, r)) === s(t) : s(t) === s(i.toString()));
 }, c = (e, t) => {
   if (t && g(e)) {
     const r = t.split(".");
     let n = e;
-    return r.forEach((s) => {
-      n = n ? n[s] : void 0;
+    return r.forEach((o) => {
+      n = n ? n[o] : void 0;
     }), n;
   }
   return e;
-}, D = (e, t, r) => {
+}, x = (e, t, r) => {
   if (!e)
     return;
-  const n = e.findIndex((s) => c(s, t) === r);
+  const n = e.findIndex((o) => c(o, t) === r);
   return e[n];
-}, a = (e = [], t = [], r) => {
+}, d = (e = [], t = [], r) => {
   if (e === t)
     return !0;
   if (e.length !== t.length)
     return !1;
   for (let n = 0; n < e.length; n++)
-    if (!p(e[n], t[n], r))
+    if (!T(e[n], t[n], r))
       return !1;
   return !0;
-}, w = (e, t, r) => {
+}, L = (e, t, r) => {
   t.forEach((n) => {
-    const s = e.findIndex((o) => p(o, n, r));
-    s !== -1 && e.splice(s, 1);
+    const o = e.findIndex((s) => T(s, n, r));
+    o !== -1 && e.splice(o, 1);
   });
-}, p = (e, t, r) => e === t || g(e) === g(t) && c(e, r) === c(t, r), L = (e, t, r) => {
+}, T = (e, t, r) => e === t || g(e) === g(t) && c(e, r) === c(t, r), S = (e, t, r) => {
   if (t) {
-    const n = T(e, t, r, !0);
+    const n = a(e, t, r, !0);
     return n !== -1 ? e[n] : e[h(e, t, r)];
   }
   return e[0];
-}, H = (e, t = [], r) => {
+}, y = (e, t = [], r) => {
   let n = "";
   if (e) {
-    const s = t[h(t, e, r)];
-    if (s) {
-      const o = c(s, r);
-      e.toLowerCase() !== o.toLowerCase() && (n = o.substring(e.length));
+    const o = t[h(t, e, r)];
+    if (o) {
+      const s = c(o, r);
+      e.toLowerCase() !== s.toLowerCase() && (n = s.substring(e.length));
     }
   }
   return n;
-}, S = (e) => {
+}, H = (e) => {
   e.target.nodeName !== "INPUT" && e.preventDefault();
-}, y = (e, t, r) => !!e != !!t || e.text !== t.text ? !1 : e === t || a(e.data, t.data, r), N = (e) => {
+}, A = (e, t, r) => !!e != !!t || e.text !== t.text ? !1 : e === t || d(e.data, t.data, r), N = (e) => {
   const t = e.filter(
-    (r, n) => e.some((s, o) => s === r && o !== n)
+    (r, n) => e.some((o, s) => o === r && s !== n)
   );
   return Array.from(new Set(t));
 }, O = (e) => {
@@ -97,22 +100,22 @@ const g = (e) => e != null, d = (e, t) => {
   return r ? t.filter((n) => r && n[r] !== void 0) : t;
 };
 export {
-  p as areSame,
-  D as findByFieldValue,
+  T as areSame,
+  x as findByFieldValue,
   O as getFilteredData,
-  L as getFocusedItem,
-  T as getItemIndexByText,
+  S as getFocusedItem,
+  a as getItemIndexByText,
   c as getItemValue,
   N as getPlainDataDuplicates,
   g as isPresent,
   h as itemIndexStartsWith,
-  a as matchDataCollections,
-  y as matchTags,
-  x as matchText,
-  S as preventDefaultNonInputs,
-  w as removeDataItems,
-  d as sameCharsOnly,
-  C as scrollToItem,
-  I as shuffleData,
-  H as suggestValue
+  d as matchDataCollections,
+  A as matchTags,
+  D as matchText,
+  H as preventDefaultNonInputs,
+  L as removeDataItems,
+  I as sameCharsOnly,
+  w as scrollToItem,
+  C as shuffleData,
+  y as suggestValue
 };

package/common/withCustomComponent.d.ts

@@ -0,0 +1,12 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+/**
+ * @hidden
+ */
+declare const withCustomComponent: <P = unknown>(comp: import('react').ExoticComponent<import('react').FragmentProps> | import('@progress/kendo-react-common').CustomComponent<P> | null) => [string | import('react').ComponentType<P & import('react').RefAttributes<unknown>>, Partial<P>];
+export default withCustomComponent;