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

package/common/DropDownBase.d.ts

@@ -0,0 +1,186 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import { default as PropTypes } from 'prop-types';
+import { VirtualScroll } from './VirtualScrollStatic.js';
+import { Navigation } from './Navigation.js';
+import { ListItemProps } from './ListItem.js';
+import { InternalState, DropDownStateBase, Page, DropDownsPopupSettings, VirtualizationSettings } from './settings.js';
+import * as React from 'react';
+/**
+ * @hidden
+ */
+export interface DropDownComponentProps {
+    data?: any[];
+    opened?: boolean;
+    value?: any;
+    disabled?: boolean;
+    tabIndex?: number;
+    dir?: string;
+    defaultItem?: any;
+    filterable?: boolean;
+    filter?: string | null;
+    textField?: string;
+    dataItemKey?: string;
+    popupSettings?: DropDownsPopupSettings;
+    style?: React.CSSProperties;
+    virtual?: VirtualizationSettings;
+    onOpen?: (event: any) => void;
+    onClose?: (event: any) => void;
+    onFocus?: (event: any) => void;
+    onBlur?: (event: any) => void;
+    onChange?: (event: any) => void;
+    onFilterChange?: (event: any) => void;
+    onPageChange?: (event: any) => void;
+    itemRender?: (li: React.ReactElement<HTMLLIElement>, itemProps: ListItemProps) => React.ReactNode;
+    listNoDataRender?: (element: React.ReactElement<HTMLDivElement>) => React.ReactNode;
+    header?: React.ReactNode;
+    footer?: React.ReactNode;
+    id?: string;
+}
+/**
+ * @hidden
+ */
+export interface DropDownComponent {
+    props: DropDownComponentProps;
+    setState: Function;
+    forceUpdate: Function;
+    state: DropDownStateBase;
+    element: HTMLSpanElement | null;
+    handleItemSelect: Function;
+    value: any;
+}
+/**
+ * @hidden
+ */
+export default class DropDownBase {
+    static basicPropTypes: {
+        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>;
+    };
+    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>;
+    };
+    static defaultProps: {
+        popupSettings: {
+            height: string;
+        };
+        required: boolean;
+        validityStyles: boolean;
+    };
+    popupWidth?: string;
+    wrapper: HTMLSpanElement | null;
+    list: HTMLUListElement | null;
+    dirCalculated?: string;
+    readonly vs: VirtualScroll;
+    readonly navigation: Navigation;
+    readonly listBoxId: string;
+    readonly guid: string;
+    readonly component: DropDownComponent;
+    constructor(component: DropDownComponent);
+    didUpdate(): void;
+    didMount(): void;
+    calculateDir(): void;
+    calculatePopupWidth(): void;
+    scrollToItem(itemIndex: number, vsEnabled?: boolean, once?: boolean): void;
+    updateComponentArgs(args: any): void;
+    handleItemClick: (index: number, event: React.MouseEvent<HTMLLIElement> | React.KeyboardEvent<HTMLInputElement>) => void;
+    handleFocus: React.FocusEventHandler<HTMLSpanElement>;
+    filterChanged: (text: string | null, state: InternalState) => void;
+    initState(): InternalState;
+    applyState(state: InternalState): void;
+    togglePopup: (state: InternalState) => void;
+    pageChange: (page: Page, syntheticEvent: React.SyntheticEvent<any>) => void;
+    triggerOnPageChange(state: InternalState, skip: number, take: number): void;
+    triggerPageChangeCornerItems(item: any, state: InternalState): void;
+    scrollToVirtualItem: (virtual: VirtualizationSettings, selectedItemIndex: number) => void;
+    /**
+     * @hidden
+     * Scrolls the data inside the popup of a selected DropDown by `one page`. The page size
+     * depends on the height of the popup.
+     *
+     * @param {number} direction Defines the direction(Up/Down) in which the page will be moved
+     * @param {number} filterHeight Defines the heigh of the filter element that appears in the DropDownList and DropDownTree.
+     * This property is added for handling the filtering scenarios of the mentioned components.
+     */
+    scrollPopupByPageSize: (direction: number) => void;
+    renderScrollElement: () => false | React.JSX.Element;
+    getPopupSettings(): DropDownsPopupSettings;
+    getAdaptiveAnimation(): boolean;
+    getGroupedDataModernMode(data: any[], groupField: string): any[];
+    resetGroupStickyHeader: (groupName: string, that: any) => void;
+}

package/common/DropDownBase.js

@@ -5,4 +5,4 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-"use strict";const v=require("react"),n=require("prop-types"),y=require("./VirtualScrollStatic.js"),S=require("./Navigation.js"),c=require("./utils.js");function b(l){const e=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(l){for(const t in l)if(t!=="default"){const s=Object.getOwnPropertyDescriptor(l,t);Object.defineProperty(e,t,s.get?s:{enumerable:!0,get:()=>l[t]})}}return e.default=l,Object.freeze(e)}const P=b(v),a=class a{constructor(e){this.wrapper=null,this.list=null,this.vs=new y.VirtualScroll,this.navigation=new S.Navigation,this.handleItemClick=(t,s)=>{const i=this.initState();i.syntheticEvent=s,s.stopPropagation(),this.component.handleItemSelect(t,i),this.togglePopup(i),this.applyState(i)},this.handleFocus=t=>{if(!this.component.state.focused){const s=this.initState();s.data.focused=!0,s.events.push({type:"onFocus"}),s.syntheticEvent=t,this.applyState(s)}},this.filterChanged=(t,s)=>{const{textField:i,filterable:o}=this.component.props;o&&s.events.push({type:"onFilterChange",filter:{field:i,operator:"contains",ignoreCase:!0,value:t}})},this.togglePopup=t=>{const s=this.component.props,i=s.opened!==void 0?s.opened:this.component.state.opened;s.opened===void 0&&(t.data.opened=!i),i?t.events.push({type:"onClose"}):(t.events.push({type:"onOpen"}),this.calculatePopupWidth())},this.pageChange=(t,s)=>{const i=this.initState();i.syntheticEvent=s,this.triggerOnPageChange(i,t.skip,t.take),this.applyState(i)},this.scrollToVirtualItem=(t,s)=>{const i=this.vs;if(t.skip===0)i.reset();else{let o=i.translate;o===0&&(i.calcScrollElementHeight(),o=i.itemHeight*t.skip,i.translateTo(o,!0)),s<0&&o>0&&(o+=i.itemHeight*(t.pageSize/4)),i.container&&(i.container.scrollTop=o),this.scrollToItem(s,!0)}},this.scrollPopupByPageSize=t=>{var p,u,d,g,f,m;const s=this.vs,i=(u=(p=this.list)==null?void 0:p.parentElement)==null?void 0:u.scrollTop,o=s.enabled&&s.itemHeight?s.itemHeight:this.list?this.list.children[0].offsetHeight:0,r=(g=(d=this.list)==null?void 0:d.parentElement)==null?void 0:g.offsetHeight;i!==void 0&&r!==void 0&&((m=(f=this.list)==null?void 0:f.parentElement)==null||m.scroll({top:i+t*Math.floor(r/o)*o}))},this.renderScrollElement=()=>{const t=this.vs;return t.enabled&&P.createElement("div",{ref:s=>{t.scrollElement=s},key:"scrollElementKey"})},this.resetGroupStickyHeader=(t,s)=>{t!==s.state.group&&s.setState({group:t})},this.listBoxId=e.props.id+"list",this.guid=e.props.id,this.component=e,this.vs.PageChange=this.pageChange}didUpdate(){this.vs.listTransform&&this.vs.list&&(this.vs.list.style.transform=this.vs.listTransform,this.vs.listTransform="")}didMount(){const e=this.component.props,t=e.popupSettings||{},s=e.style||{},i=t.width;let o=e.opened===!0;i===void 0&&this.calculatePopupWidth(),e.dir===void 0&&s.direction===void 0&&(this.calculateDir(),o=!0),o&&this.component.forceUpdate()}calculateDir(){const e=this.component.element;e&&e.ownerDocument&&e.ownerDocument.defaultView&&(this.dirCalculated=e.ownerDocument.defaultView.getComputedStyle(e).direction||void 0)}calculatePopupWidth(){this.wrapper&&(this.popupWidth=this.wrapper.offsetWidth+"px")}scrollToItem(e,t,s){const i=this.list||this.vs.list;if(!i&&!s&&setTimeout(()=>{this.scrollToItem(e,t,!0)},10),e===0&&t&&this.vs.skip===0){this.vs.reset();return}if(i&&e>=0){const o=this.vs,r=o.container||i.parentNode,p=t!==void 0?t:o.enabled;c.scrollToItem(r,i,e,o.translate,p)}}updateComponentArgs(e){for(let t in e)Object.hasOwnProperty.call(e,t)&&(this.component[t]=e[t])}initState(){return{data:{},events:[],syntheticEvent:void 0}}applyState(e){Object.keys(e.data).length>0&&this.component.setState(e.data);const t={syntheticEvent:e.syntheticEvent,nativeEvent:e.syntheticEvent?e.syntheticEvent.nativeEvent:void 0,target:this.component,value:this.component.value};e.events.forEach(s=>{const i=s.type;delete s.type;const o=i&&this.component.props[i];o&&o.call(void 0,{...t,...s})})}triggerOnPageChange(e,t,s){const i=this.component.props.virtual;if(i){const o=Math.min(Math.max(0,t),Math.max(0,i.total-s));o!==i.skip&&e.events.push({type:"onPageChange",page:{skip:o,take:s}})}}triggerPageChangeCornerItems(e,t){const s=this.component.props,{data:i=[],dataItemKey:o,virtual:r}=s,p=s.opened!==void 0?s.opened:this.component.state.opened;e&&r&&this.vs.enabled&&(r.skip>0&&c.areSame(e,i[0],o)?this.triggerOnPageChange(t,r.skip-1,r.pageSize):!p&&r.skip+r.pageSize<r.total&&c.areSame(e,i[i.length-1],o)&&this.triggerOnPageChange(t,r.skip+1,r.pageSize))}getPopupSettings(){return Object.assign({},a.defaultProps.popupSettings,this.component.props.popupSettings)}getAdaptiveAnimation(){const e=this.getPopupSettings();return e.animate!==void 0?e.animate:!0}getGroupedDataModernMode(e,t){const s=[];return e.forEach((i,o)=>{e[o-1]&&i[t]!==e[o-1][t]&&s.push({[t]:i[t]}),s.push(e[o])}),s}};a.basicPropTypes={opened:n.bool,disabled:n.bool,dir:n.string,tabIndex:n.number,accessKey:n.string,data:n.array,textField:n.string,className:n.string,label:n.string,loading:n.bool,popupSettings:n.shape({animate:n.oneOfType([n.bool,n.shape({openDuration:n.number,closeDuration:n.number})]),popupClass:n.string,className:n.string,appendTo:n.any,width:n.oneOfType([n.string,n.number]),height:n.oneOfType([n.string,n.number])}),onOpen:n.func,onClose:n.func,onFocus:n.func,onBlur:n.func,onChange:n.func,itemRender:n.func,listNoDataRender:n.func,focusedItemIndex:n.func,header:n.node,footer:n.node},a.propTypes={...a.basicPropTypes,value:n.any,defaultValue:n.any,filterable:n.bool,filter:n.string,virtual:n.shape({pageSize:n.number.isRequired,skip:n.number.isRequired,total:n.number.isRequired}),onFilterChange:n.func,onPageChange:n.func},a.defaultProps={popupSettings:{height:"200px"},required:!1,validityStyles:!0};let h=a;module.exports=h;
+"use strict";const v=require("react"),n=require("prop-types"),y=require("./VirtualScrollStatic.js"),S=require("./Navigation.js"),c=require("./utils.js");function b(l){const e=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(l){for(const t in l)if(t!=="default"){const s=Object.getOwnPropertyDescriptor(l,t);Object.defineProperty(e,t,s.get?s:{enumerable:!0,get:()=>l[t]})}}return e.default=l,Object.freeze(e)}const P=b(v),a=class a{constructor(e){this.wrapper=null,this.list=null,this.vs=new y.VirtualScroll,this.navigation=new S.Navigation,this.handleItemClick=(t,s)=>{const i=this.initState();i.syntheticEvent=s,s.stopPropagation(),this.component.handleItemSelect(t,i),this.togglePopup(i),this.applyState(i)},this.handleFocus=t=>{if(!this.component.state.focused){const s=this.initState();s.data.focused=!0,s.events.push({type:"onFocus"}),s.syntheticEvent=t,this.applyState(s)}},this.filterChanged=(t,s)=>{const{textField:i,filterable:o}=this.component.props;o&&s.events.push({type:"onFilterChange",filter:{field:i,operator:"contains",ignoreCase:!0,value:t}})},this.togglePopup=t=>{const s=this.component.props,i=s.opened!==void 0?s.opened:this.component.state.opened;s.opened===void 0&&(t.data.opened=!i),i?t.events.push({type:"onClose"}):(t.events.push({type:"onOpen"}),this.calculatePopupWidth())},this.pageChange=(t,s)=>{const i=this.initState();i.syntheticEvent=s,this.triggerOnPageChange(i,t.skip,t.take),this.applyState(i)},this.scrollToVirtualItem=(t,s)=>{const i=this.vs;if(t.skip===0)i.reset();else{let o=i.translate;o===0&&(i.calcScrollElementHeight(),o=i.itemHeight*t.skip,i.translateTo(o,!0)),s<0&&o>0&&(o+=i.itemHeight*(t.pageSize/4)),i.container&&(i.container.scrollTop=o),this.scrollToItem(s,!0)}},this.scrollPopupByPageSize=t=>{var p,u,d,g,f,m;const s=this.vs,i=(u=(p=this.list)==null?void 0:p.parentElement)==null?void 0:u.scrollTop,o=s.enabled&&s.itemHeight?s.itemHeight:this.list?this.list.children[0].offsetHeight:0,r=(g=(d=this.list)==null?void 0:d.parentElement)==null?void 0:g.offsetHeight;i!==void 0&&r!==void 0&&((m=(f=this.list)==null?void 0:f.parentElement)==null||m.scroll({top:i+t*Math.floor(r/o)*o}))},this.renderScrollElement=()=>{const t=this.vs;return t.enabled&&P.createElement("div",{ref:s=>{t.scrollElement=s},key:"scrollElementKey"})},this.resetGroupStickyHeader=(t,s)=>{t!==s.state.group&&s.setState({group:t})},this.listBoxId=e.props.id+"list",this.guid=e.props.id,this.component=e,this.vs.PageChange=this.pageChange}didUpdate(){this.vs.listTransform&&this.vs.list&&(this.vs.list.style.transform=this.vs.listTransform,this.vs.listTransform="")}didMount(){const e=this.component.props,t=e.popupSettings||{},s=e.style||{},i=t.width;let o=e.opened===!0;i===void 0&&this.calculatePopupWidth(),e.dir===void 0&&s.direction===void 0&&(this.calculateDir(),o=!0),o&&this.component.forceUpdate()}calculateDir(){const e=this.component.element;e&&e.ownerDocument&&e.ownerDocument.defaultView&&(this.dirCalculated=e.ownerDocument.defaultView.getComputedStyle(e).direction||void 0)}calculatePopupWidth(){this.wrapper&&(this.popupWidth=this.wrapper.offsetWidth+"px")}scrollToItem(e,t,s){const i=this.list||this.vs.list;if(!i&&!s&&setTimeout(()=>{this.scrollToItem(e,t,!0)},10),e===0&&t&&this.vs.skip===0){this.vs.reset();return}if(i&&e>=0){const o=this.vs,r=o.container||i.parentNode,p=t!==void 0?t:o.enabled;c.scrollToItem(r,i,e,o.translate,p)}}updateComponentArgs(e){for(const t in e)Object.hasOwnProperty.call(e,t)&&(this.component[t]=e[t])}initState(){return{data:{},events:[],syntheticEvent:void 0}}applyState(e){Object.keys(e.data).length>0&&this.component.setState(e.data);const t={syntheticEvent:e.syntheticEvent,nativeEvent:e.syntheticEvent?e.syntheticEvent.nativeEvent:void 0,target:this.component,value:this.component.value};e.events.forEach(s=>{const i=s.type;delete s.type;const o=i&&this.component.props[i];o&&o.call(void 0,{...t,...s})})}triggerOnPageChange(e,t,s){const i=this.component.props.virtual;if(i){const o=Math.min(Math.max(0,t),Math.max(0,i.total-s));o!==i.skip&&e.events.push({type:"onPageChange",page:{skip:o,take:s}})}}triggerPageChangeCornerItems(e,t){const s=this.component.props,{data:i=[],dataItemKey:o,virtual:r}=s,p=s.opened!==void 0?s.opened:this.component.state.opened;e&&r&&this.vs.enabled&&(r.skip>0&&c.areSame(e,i[0],o)?this.triggerOnPageChange(t,r.skip-1,r.pageSize):!p&&r.skip+r.pageSize<r.total&&c.areSame(e,i[i.length-1],o)&&this.triggerOnPageChange(t,r.skip+1,r.pageSize))}getPopupSettings(){return Object.assign({},a.defaultProps.popupSettings,this.component.props.popupSettings)}getAdaptiveAnimation(){const e=this.getPopupSettings();return e.animate!==void 0?e.animate:!0}getGroupedDataModernMode(e,t){const s=[];return e.forEach((i,o)=>{e[o-1]&&i[t]!==e[o-1][t]&&s.push({[t]:i[t]}),s.push(e[o])}),s}};a.basicPropTypes={opened:n.bool,disabled:n.bool,dir:n.string,tabIndex:n.number,accessKey:n.string,data:n.array,textField:n.string,className:n.string,label:n.string,loading:n.bool,popupSettings:n.shape({animate:n.oneOfType([n.bool,n.shape({openDuration:n.number,closeDuration:n.number})]),popupClass:n.string,className:n.string,appendTo:n.any,width:n.oneOfType([n.string,n.number]),height:n.oneOfType([n.string,n.number])}),onOpen:n.func,onClose:n.func,onFocus:n.func,onBlur:n.func,onChange:n.func,itemRender:n.func,listNoDataRender:n.func,focusedItemIndex:n.func,header:n.node,footer:n.node},a.propTypes={...a.basicPropTypes,value:n.any,defaultValue:n.any,filterable:n.bool,filter:n.string,virtual:n.shape({pageSize:n.number.isRequired,skip:n.number.isRequired,total:n.number.isRequired}),onFilterChange:n.func,onPageChange:n.func},a.defaultProps={popupSettings:{height:"200px"},required:!1,validityStyles:!0};let h=a;module.exports=h;

package/common/DropDownBase.mjs

@@ -89,7 +89,7 @@ const a = class a {
     }
   }
   updateComponentArgs(s) {
-    for (let t in s)
+    for (const t in s)
       Object.hasOwnProperty.call(s, t) && (this.component[t] = s[t]);
   }
   initState() {

package/common/GroupStickyHeader.d.ts

@@ -0,0 +1,26 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import * as React from 'react';
+/**
+ * Represents the props of the GroupStickyHeader component.
+ */
+export interface GroupStickyHeaderProps {
+    /**
+     * The group that will be rendered.
+     */
+    group?: string;
+    /**
+     * Fires when a ComboBox sticky group header item is about to be rendered. Used to override the default appearance of the sticky group header of the component.
+     */
+    render?: (div: React.ReactElement<HTMLDivElement>, itemProps: GroupStickyHeaderProps) => React.ReactNode;
+}
+/**
+ * @hidden
+ */
+declare const GroupStickyHeader: (props: GroupStickyHeaderProps) => string | number | bigint | boolean | Iterable<React.ReactNode> | Promise<string | number | bigint | boolean | React.ReactPortal | React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | Iterable<React.ReactNode> | null | undefined> | React.JSX.Element | null | undefined;
+export default GroupStickyHeader;

package/common/GroupStickyHeader.js

@@ -5,4 +5,4 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-"use strict";const c=require("@progress/kendo-react-common"),u=require("react");function d(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const s in e)if(s!=="default"){const r=Object.getOwnPropertyDescriptor(e,s);Object.defineProperty(t,s,r.get?r:{enumerable:!0,get:()=>e[s]})}}return t.default=e,Object.freeze(t)}const l=d(u),i=e=>{const{group:t,groupMode:s,render:r}=e,o=c.useUnstyled(),n=o&&o.uDropDownsBase,a=l.createElement("div",{className:c.classNames(c.uDropDownsBase.groupStickyHeader({c:n}))},s==="classic"?t:l.createElement("div",{className:c.classNames(c.uDropDownsBase.listHeaderText({c:n}))},t));return r!==void 0?r.call(void 0,a,e):a};module.exports=i;
+"use strict";const n=require("@progress/kendo-react-common"),u=require("react");function l(e){const s=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const r=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(s,t,r.get?r:{enumerable:!0,get:()=>e[t]})}}return s.default=e,Object.freeze(s)}const a=l(u),d=e=>{const{group:s,render:t}=e,r=n.useUnstyled(),c=r&&r.uDropDownsBase,o=a.createElement("div",{className:n.classNames(n.uDropDownsBase.groupStickyHeader({c}))},a.createElement("div",{className:n.classNames(n.uDropDownsBase.listHeaderText({c}))},s));return t!==void 0?t(o,e):o};module.exports=d;

package/common/GroupStickyHeader.mjs

@@ -5,12 +5,12 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-import { useUnstyled as i, classNames as c, uDropDownsBase as d } from "@progress/kendo-react-common";
-import * as l from "react";
-const u = (e) => {
-  const { group: s, groupMode: n, render: r } = e, t = i(), a = t && t.uDropDownsBase, o = /* @__PURE__ */ l.createElement("div", { className: c(d.groupStickyHeader({ c: a })) }, n === "classic" ? s : /* @__PURE__ */ l.createElement("div", { className: c(d.listHeaderText({ c: a })) }, s));
-  return r !== void 0 ? r.call(void 0, o, e) : o;
+import { useUnstyled as l, classNames as o, uDropDownsBase as c } from "@progress/kendo-react-common";
+import * as n from "react";
+const i = (e) => {
+  const { group: d, render: s } = e, t = l(), r = t && t.uDropDownsBase, a = /* @__PURE__ */ n.createElement("div", { className: o(c.groupStickyHeader({ c: r })) }, /* @__PURE__ */ n.createElement("div", { className: o(c.listHeaderText({ c: r })) }, d));
+  return s !== void 0 ? s(a, e) : a;
 };
 export {
-  u as default
+  i as default
 };

package/common/List.d.ts

@@ -0,0 +1,54 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import { ListItemProps } from './ListItem.js';
+import { ListGroupItemProps } from './ListGroupItem.js';
+import * as React from 'react';
+/**
+ * @hidden
+ */
+export interface ListProps {
+    id?: string;
+    virtual?: boolean;
+    show?: boolean;
+    data: any[];
+    value?: any;
+    textField?: string;
+    valueField?: string;
+    groupField?: string;
+    isMultiColumn?: boolean;
+    optionsGuid?: string;
+    hasDuplicates?: boolean;
+    listRef?: React.Ref<HTMLUListElement>;
+    wrapperRef?: React.Ref<HTMLDivElement>;
+    wrapperCssClass?: string;
+    wrapperStyle?: React.CSSProperties;
+    listStyle?: React.CSSProperties;
+    listClassName?: string;
+    skip?: number;
+    focusedIndex?: number;
+    highlightSelected?: boolean;
+    ariaSetSize?: number;
+    onClick: (index: number, event: React.MouseEvent<HTMLLIElement>) => void;
+    itemRender?: (li: React.ReactElement<HTMLLIElement>, itemProps: ListItemProps) => React.ReactNode;
+    groupHeaderItemRender?: (li: React.ReactElement<HTMLLIElement>, groupItemProps: ListGroupItemProps) => React.ReactNode;
+    noDataRender?: (element: React.ReactElement<HTMLDivElement>) => React.ReactNode;
+    onMouseDown?: (event: React.MouseEvent<HTMLDivElement>) => void;
+    onBlur?: (event: React.FocusEvent<HTMLDivElement>) => void;
+    onScroll?: (event: React.UIEvent<HTMLDivElement>) => void;
+    scroller?: any;
+    actionsField?: string;
+    descriptionField?: string;
+    iconField?: string;
+    svgIconField?: string;
+    checkboxField?: string;
+}
+/**
+ * @hidden
+ */
+declare const List: (props: ListProps) => React.ReactElement;
+export default List;

package/common/List.js

@@ -5,4 +5,4 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-"use strict";const U=require("react"),J=require("./ListItem.js"),K=require("./ListGroupItem.js"),f=require("./utils.js"),Q=require("@progress/kendo-react-intl"),S=require("../messages/index.js"),n=require("@progress/kendo-react-common");function W(e){const l=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const s=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(l,t,s.get?s:{enumerable:!0,get:()=>e[t]})}}return l.default=e,Object.freeze(l)}const r=W(U),X=e=>{const l=Q.useLocalization(),t=n.useUnstyled(),s=t&&t.uDropDownsBase,{id:q,show:B,wrapperCssClass:M,wrapperStyle:z,listStyle:L,listRef:O,wrapperRef:j,listClassName:x,ariaSetSize:$}=e,b=(()=>{const{textField:i,valueField:c,groupField:g,groupMode:w,isMultiColumn:F,optionsGuid:C,skip:N=0,virtual:R,focusedIndex:h,hasDuplicates:G,highlightSelected:V=!0,value:u,data:E,itemRender:_,groupHeaderItemRender:P}=e,k=Array.isArray(u);let D=0;return E.map((a,o)=>{const p=N+o,v=N+o+D,H=G?u?h===o:!1:a.disabled?!1:V&&(!k&&f.areSame(a,u,c)||k&&u.findIndex(T=>f.areSame(T,a,c))!==-1);let d,m,y;o>0&&g!==void 0&&(m=f.getItemValue(a,g),y=f.getItemValue(E[o-1],g),m&&y&&m!==y&&(d=m));const I=d!==void 0&&w==="modern";return I?D+=1:D=0,[I&&r.createElement(K,{id:`option-${C}-${v}`,virtual:R,key:p+"-group-item",group:d,isMultiColumn:F,render:P}),r.createElement(J,{id:`option-${C}-${I?v+1:v}`,virtual:R,dataItem:a,groupMode:w,selected:H,focused:h===o,index:p,key:p,onClick:e.onClick,textField:i,group:d,render:_,disabled:a.disabled})]})})(),A=()=>{const i=e.noDataRender,c=r.createElement("div",{className:n.classNames(n.uDropDownsBase.noData({c:s}))},r.createElement("div",null,l.toLanguageString(S.nodata,S.messages[S.nodata])));return i?i.call(void 0,c):c};return b.length?r.createElement("div",{className:M,style:z,ref:j,onMouseDown:e.onMouseDown,onBlur:e.onBlur,onScroll:e.onScroll,unselectable:"on"},r.createElement("ul",{id:q,role:"listbox","aria-hidden":B?void 0:!0,"aria-setsize":$,className:x||n.classNames(n.uDropDownsBase.ul({c:s})),ref:O,style:L},b),e.scroller&&r.createElement("div",{className:n.classNames(n.uDropDownsBase.heightContainer({c:s}))},e.scroller)):A()};module.exports=X;
+"use strict";const Y=require("react"),Z=require("./ListItem.js"),w=require("./ListGroupItem.js"),h=require("./utils.js"),ee=require("@progress/kendo-react-intl"),I=require("../messages/index.js"),s=require("@progress/kendo-react-common");function te(e){const m=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const l in e)if(l!=="default"){const i=Object.getOwnPropertyDescriptor(e,l);Object.defineProperty(m,l,i.get?i:{enumerable:!0,get:()=>e[l]})}}return m.default=e,Object.freeze(m)}const a=te(Y),re=e=>{const m=ee.useLocalization(),l=s.useUnstyled(),i=l&&l.uDropDownsBase,{id:N,show:b,wrapperCssClass:j,wrapperStyle:M,listStyle:k,listRef:C,wrapperRef:V,listClassName:R,ariaSetSize:B,actionsField:$,descriptionField:_,iconField:q,svgIconField:L,checkboxField:P}=e,D=(()=>{const{textField:o,valueField:t,groupField:n,isMultiColumn:r,optionsGuid:c,skip:f=0,virtual:g,focusedIndex:x,hasDuplicates:H,highlightSelected:J=!0,value:v,data:z,itemRender:K,groupHeaderItemRender:Q}=e,A=Array.isArray(v);let G=0;return z.map((d,u)=>{const E=f+u,F=f+u+G,W=H?v?x===u:!1:d.disabled?!1:J&&(!A&&h.areSame(d,v,t)||A&&v.findIndex(X=>h.areSame(X,d,t))!==-1);let p,y,S;u>0&&n!==void 0&&(y=h.getItemValue(d,n),S=h.getItemValue(z[u-1],n),y&&S&&y!==S&&(p=y));const O=p!==void 0;return p!==void 0&&(G+=1),[O&&a.createElement(w,{id:`option-${c}-${F}`,virtual:g,key:E+"-group-item",group:p,isMultiColumn:r,render:Q,iconField:q,svgIconField:L,groupItem:d}),a.createElement(Z,{id:`option-${c}-${O?F+1:F}`,virtual:g,dataItem:d,selected:W,focused:x===u,index:E,key:E,onClick:e.onClick,textField:o,group:p,render:K,disabled:d.disabled,actionsField:$,descriptionField:_,iconField:q,svgIconField:L,checkboxField:P})]})})(),T=()=>{const o=e.noDataRender,t=a.createElement("div",{className:s.classNames(s.uDropDownsBase.noData({c:i})),"aria-live":"polite"},a.createElement("div",null,m.toLanguageString(I.nodata,I.messages[I.nodata])));return o?o(t):t},U=()=>{if(!e.groupField)return a.createElement("ul",{id:N,role:"listbox","aria-hidden":b?void 0:!0,"aria-setsize":B,className:R||s.classNames(s.uDropDownsBase.ul({c:i})),ref:C,style:k},D);const o=[];let t=[];return D.forEach(n=>{Array.isArray(n)&&n.forEach(r=>{r&&r.type===w?(t.length>0&&o.push(t),t=[r]):r&&t.push(r)})}),t.length>0&&o.push(t),o.map(n=>{var f;const r=n.find(g=>a.isValidElement(g)&&g.type===w),c=(f=r==null?void 0:r.props)==null?void 0:f.id;return a.createElement("ul",{id:c?void 0:N,key:c||"first-group",role:"group","aria-labelledby":c,className:R||s.classNames(s.uDropDownsBase.ul({c:i})),ref:c?void 0:C,style:k},n)})};return D.length?a.createElement("div",{className:j,style:M,ref:V,role:e.groupField?"listbox":void 0,"aria-hidden":e.groupField&&!b?!0:void 0,"aria-setsize":e.groupField?B:void 0,onMouseDown:e.onMouseDown,onBlur:e.onBlur,onScroll:e.onScroll,unselectable:"on"},U(),e.scroller&&a.createElement("div",{className:s.classNames(s.uDropDownsBase.heightContainer({c:i}))},e.scroller)):T()};module.exports=re;

package/common/List.mjs

@@ -5,101 +5,153 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-import * as t from "react";
-import T from "./ListItem.mjs";
-import W from "./ListGroupItem.mjs";
-import { areSame as b, getItemValue as k } from "./utils.mjs";
-import { useLocalization as X } from "@progress/kendo-react-intl";
-import { nodata as B, messages as Y } from "../messages/index.mjs";
-import { useUnstyled as Z, classNames as v, uDropDownsBase as y } from "@progress/kendo-react-common";
-const le = (e) => {
-  const L = X(), D = Z(), d = D && D.uDropDownsBase, { id: M, show: z, wrapperCssClass: $, wrapperStyle: x, listStyle: A, listRef: F, wrapperRef: G, listClassName: V, ariaSetSize: H } = e, I = (() => {
+import * as l from "react";
+import ee from "./ListItem.mjs";
+import D from "./ListGroupItem.mjs";
+import { areSame as $, getItemValue as M } from "./utils.mjs";
+import { useLocalization as te } from "@progress/kendo-react-intl";
+import { nodata as V, messages as re } from "../messages/index.mjs";
+import { useUnstyled as oe, classNames as p, uDropDownsBase as v } from "@progress/kendo-react-common";
+const ue = (e) => {
+  const U = te(), I = oe(), m = I && I.uDropDownsBase, {
+    id: S,
+    show: C,
+    wrapperCssClass: j,
+    wrapperStyle: q,
+    listStyle: w,
+    listRef: N,
+    wrapperRef: H,
+    listClassName: k,
+    ariaSetSize: L,
+    actionsField: J,
+    descriptionField: K,
+    iconField: R,
+    svgIconField: b,
+    checkboxField: O
+  } = e, h = (() => {
     const {
-      textField: s,
-      valueField: a,
-      groupField: c,
-      groupMode: S,
-      isMultiColumn: j,
-      optionsGuid: h,
-      skip: C = 0,
-      virtual: E,
-      focusedIndex: w,
-      hasDuplicates: q,
-      highlightSelected: J = !0,
-      value: l,
-      data: N,
-      itemRender: K,
-      groupHeaderItemRender: O
-    } = e, R = Array.isArray(l);
-    let u = 0;
-    return N.map((r, o) => {
-      const m = C + o, f = C + o + u, P = q ? l ? w === o : !1 : r.disabled ? !1 : J && (!R && b(r, l, a) || R && l.findIndex((Q) => b(Q, r, a)) !== -1);
-      let n, i, g;
-      o > 0 && c !== void 0 && (i = k(r, c), g = k(N[o - 1], c), i && g && i !== g && (n = i));
-      const p = n !== void 0 && S === "modern";
-      return p ? u += 1 : u = 0, [
-        p && /* @__PURE__ */ t.createElement(
-          W,
+      textField: i,
+      valueField: t,
+      groupField: o,
+      isMultiColumn: r,
+      optionsGuid: a,
+      skip: d = 0,
+      virtual: c,
+      focusedIndex: x,
+      hasDuplicates: T,
+      highlightSelected: W = !0,
+      value: f,
+      data: z,
+      itemRender: X,
+      groupHeaderItemRender: Y
+    } = e, A = Array.isArray(f);
+    let B = 0;
+    return z.map((n, s) => {
+      const y = d + s, E = d + s + B, Z = T ? f ? x === s : !1 : n.disabled ? !1 : W && (!A && $(n, f, t) || A && f.findIndex((_) => $(_, n, t)) !== -1);
+      let u, g, F;
+      s > 0 && o !== void 0 && (g = M(n, o), F = M(z[s - 1], o), g && F && g !== F && (u = g));
+      const G = u !== void 0;
+      return u !== void 0 && (B += 1), [
+        G && /* @__PURE__ */ l.createElement(
+          D,
           {
-            id: `option-${h}-${f}`,
-            virtual: E,
-            key: m + "-group-item",
-            group: n,
-            isMultiColumn: j,
-            render: O
+            id: `option-${a}-${E}`,
+            virtual: c,
+            key: y + "-group-item",
+            group: u,
+            isMultiColumn: r,
+            render: Y,
+            iconField: R,
+            svgIconField: b,
+            groupItem: n
           }
         ),
-        /* @__PURE__ */ t.createElement(
-          T,
+        /* @__PURE__ */ l.createElement(
+          ee,
           {
-            id: `option-${h}-${p ? f + 1 : f}`,
-            virtual: E,
-            dataItem: r,
-            groupMode: S,
-            selected: P,
-            focused: w === o,
-            index: m,
-            key: m,
+            id: `option-${a}-${G ? E + 1 : E}`,
+            virtual: c,
+            dataItem: n,
+            selected: Z,
+            focused: x === s,
+            index: y,
+            key: y,
             onClick: e.onClick,
-            textField: s,
-            group: n,
-            render: K,
-            disabled: r.disabled
+            textField: i,
+            group: u,
+            render: X,
+            disabled: n.disabled,
+            actionsField: J,
+            descriptionField: K,
+            iconField: R,
+            svgIconField: b,
+            checkboxField: O
           }
         )
       ];
     });
-  })(), U = () => {
-    const s = e.noDataRender, a = /* @__PURE__ */ t.createElement("div", { className: v(y.noData({ c: d })) }, /* @__PURE__ */ t.createElement("div", null, L.toLanguageString(B, Y[B])));
-    return s ? s.call(void 0, a) : a;
+  })(), P = () => {
+    const i = e.noDataRender, t = /* @__PURE__ */ l.createElement("div", { className: p(v.noData({ c: m })), "aria-live": "polite" }, /* @__PURE__ */ l.createElement("div", null, U.toLanguageString(V, re[V])));
+    return i ? i(t) : t;
+  }, Q = () => {
+    if (!e.groupField)
+      return /* @__PURE__ */ l.createElement(
+        "ul",
+        {
+          id: S,
+          role: "listbox",
+          "aria-hidden": C ? void 0 : !0,
+          "aria-setsize": L,
+          className: k || p(v.ul({ c: m })),
+          ref: N,
+          style: w
+        },
+        h
+      );
+    const i = [];
+    let t = [];
+    return h.forEach((o) => {
+      Array.isArray(o) && o.forEach((r) => {
+        r && r.type === D ? (t.length > 0 && i.push(t), t = [r]) : r && t.push(r);
+      });
+    }), t.length > 0 && i.push(t), i.map((o) => {
+      var d;
+      const r = o.find(
+        (c) => l.isValidElement(c) && c.type === D
+      ), a = (d = r == null ? void 0 : r.props) == null ? void 0 : d.id;
+      return /* @__PURE__ */ l.createElement(
+        "ul",
+        {
+          id: a ? void 0 : S,
+          key: a || "first-group",
+          role: "group",
+          "aria-labelledby": a,
+          className: k || p(v.ul({ c: m })),
+          ref: a ? void 0 : N,
+          style: w
+        },
+        o
+      );
+    });
   };
-  return I.length ? /* @__PURE__ */ t.createElement(
+  return h.length ? /* @__PURE__ */ l.createElement(
     "div",
     {
-      className: $,
-      style: x,
-      ref: G,
+      className: j,
+      style: q,
+      ref: H,
+      role: e.groupField ? "listbox" : void 0,
+      "aria-hidden": e.groupField && !C ? !0 : void 0,
+      "aria-setsize": e.groupField ? L : void 0,
       onMouseDown: e.onMouseDown,
       onBlur: e.onBlur,
       onScroll: e.onScroll,
       unselectable: "on"
     },
-    /* @__PURE__ */ t.createElement(
-      "ul",
-      {
-        id: M,
-        role: "listbox",
-        "aria-hidden": z ? void 0 : !0,
-        "aria-setsize": H,
-        className: V || v(y.ul({ c: d })),
-        ref: F,
-        style: A
-      },
-      I
-    ),
-    e.scroller && /* @__PURE__ */ t.createElement("div", { className: v(y.heightContainer({ c: d })) }, e.scroller)
-  ) : U();
+    Q(),
+    e.scroller && /* @__PURE__ */ l.createElement("div", { className: p(v.heightContainer({ c: m })) }, e.scroller)
+  ) : P();
 };
 export {
-  le as default
+  ue as default
 };

package/common/ListContainer.d.ts

@@ -0,0 +1,24 @@
+/**
+ * @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 * as React from 'react';
+/**
+ * @hidden
+ */
+export interface ListContainerProps {
+    width?: string | number;
+    dir?: string;
+    popupSettings?: PopupProps;
+    itemsCount?: number[];
+    children?: React.ReactNode;
+}
+/**
+ * @hidden
+ */
+declare const ListContainer: (props: ListContainerProps) => React.JSX.Element;
+export default ListContainer;

package/common/ListDefaultItem.d.ts

@@ -0,0 +1,22 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import * as React from 'react';
+/**
+ * @hidden
+ */
+export interface DefaultItemProps {
+    defaultItem?: any;
+    textField?: string;
+    selected: boolean;
+    onClick: (event: React.MouseEvent<HTMLDivElement>) => void;
+}
+/**
+ * @hidden
+ */
+declare const ListDefaultItem: (props: DefaultItemProps) => React.JSX.Element;
+export default ListDefaultItem;