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

package/ListView.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 { ListViewProps } from './interfaces/ListViewProps.js';
+import { ListViewEvent } from './events.js';
+import * as React from 'react';
+/** @hidden */
+interface ListViewHandle {
+    onScroll?: (event: ListViewEvent) => void;
+    props: ListViewProps;
+    context: {};
+    state: {};
+    refs: {};
+}
+export declare const ListView: React.ForwardRefExoticComponent<ListViewProps & React.RefAttributes<ListViewHandle | null>>;
+/** @hidden */
+export type ListView = ListViewHandle;
+export {};

package/ListViewFooter.d.ts

@@ -0,0 +1,14 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import { ListViewFooterProps } from './interfaces/ListViewFooterProps.js';
+import * as React from 'react';
+/**
+ * The ListViewFooter component.
+ */
+declare const ListViewFooter: React.FunctionComponent<ListViewFooterProps>;
+export { ListViewFooter };

package/ListViewHeader.d.ts

@@ -0,0 +1,14 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import { ListViewHeaderProps } from './interfaces/ListViewHeaderProps.js';
+import * as React from 'react';
+/**
+ * The ListViewHeader component.
+ */
+declare const ListViewHeader: React.FunctionComponent<ListViewHeaderProps>;
+export { ListViewHeader };

package/ListViewItemWrapper.d.ts

@@ -0,0 +1,14 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import { ListViewItemWrapperProps } from './interfaces/ListViewItemWrapperProps.js';
+import * as React from 'react';
+/**
+ * The ListViewItemWrapper component.
+ */
+declare const ListViewItemWrapper: React.FunctionComponent<ListViewItemWrapperProps>;
+export { ListViewItemWrapper };

package/dist/cdn/js/kendo-react-listview.js

@@ -12,4 +12,4 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("react"),require("@progress/kendo-react-common")):"function"==typeof define&&define.amd?define(["exports","react","@progress/kendo-react-common"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self).KendoReactListview={},e.React,e.KendoReactCommon)}(this,(function(e,t,s){"use strict";function a(e){var t=Object.create(null);return e&&Object.keys(e).forEach((function(s){if("default"!==s){var a=Object.getOwnPropertyDescriptor(e,s);Object.defineProperty(t,s,a.get?a:{enumerable:!0,get:function(){return e[s]}})}})),t.default=e,Object.freeze(t)}var r=a(t);const n=Object.freeze({name:"@progress/kendo-react-listview",productName:"KendoReact",productCode:"KENDOUIREACT",productCodes:["KENDOUIREACT"],publishDate:0,version:"13.3.0-develop.9",licensingDocsUrl:"https://www.telerik.com/kendo-react-ui/components/my-license/"}),l="k-focus",o=r.forwardRef(((e,t)=>{const a=!s.validatePackage(n,{component:"ListView"}),o=s.getLicenseMessage(n),{data:i=[],item:c,footer:d,header:m,className:u,style:f,onScroll:v,navigatable:p}=e,w=r.useRef(null),E=r.useRef(null),b=r.useCallback((()=>({onScroll:v,props:e,context:{},state:{},refs:{}})),[]);r.useImperativeHandle(E,b),r.useImperativeHandle(t,(()=>E.current));const k=r.useCallback((e=>s.dispatchEvent(v,e,b(),void 0)),[]),y=(e,t,s)=>{s.preventDefault(),t.focusNext(e),t.next(e).classList.add(l),t.previous(e).classList.remove(l)},g=(e,t,s)=>{s.preventDefault(),t.focusPrevious(e),t.next(e).classList.remove(l),t.previous(e).classList.add(l)},N=r.useMemo((()=>new s.Navigation({root:w,selectors:[".k-listview-item"],rovingTabIndex:!0,keyboardEvents:{keydown:{ArrowDown:y,ArrowRight:y,ArrowUp:g,ArrowLeft:g,Home:(e,t,s)=>{s.preventDefault();const a=t.first;a&&t.focusElement(a,e)},End:(e,t,s)=>{s.preventDefault();const a=t.last;a&&t.focusElement(a,e)},Tab:(e,t,s)=>{t.removeFocusClass(e)}}},tabIndex:0,focusClass:l})),[]),L=r.useCallback(N.triggerKeyboardEvent.bind(N),[]),h=r.useCallback((e=>{e.nativeEvent.target.classList.add(l),N.elements.forEach((t=>{t!==e.nativeEvent.target&&t.classList.remove(l)}))}),[]);return r.useEffect((()=>{if(p)return N.initializeRovingTab(),()=>N.removeFocusListener()}),[]),r.createElement("div",{className:s.classNames("k-listview",u),style:f,onKeyDown:e=>p&&L(e),onClick:h},m?r.createElement(m,null):null,r.createElement("div",{role:"list",className:"k-listview-content",onScroll:k,ref:w},c&&i.map(((e,t)=>r.createElement(c,{dataItem:e,index:t,key:t})))),d?r.createElement(d,null):null,a&&r.createElement(s.WatermarkOverlay,{message:o}))}));o.displayName="KendoReactListView";e.ListView=o,e.ListViewFooter=e=>r.createElement("div",{className:s.classNames("k-listview-footer",e.className),style:e.style},e.children),e.ListViewHeader=e=>r.createElement("div",{className:s.classNames("k-listview-header",e.className),style:e.style},e.children),e.ListViewItemWrapper=e=>{const{children:t,style:a,className:n}=e;return r.createElement("div",{role:"listitem",style:a,className:s.classNames("k-listview-item",n)},t)}}));
+!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("react"),require("@progress/kendo-react-common")):"function"==typeof define&&define.amd?define(["exports","react","@progress/kendo-react-common"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self).KendoReactListview={},e.React,e.KendoReactCommon)}(this,function(e,t,s){"use strict";function a(e){var t=Object.create(null);return e&&Object.keys(e).forEach(function(s){if("default"!==s){var a=Object.getOwnPropertyDescriptor(e,s);Object.defineProperty(t,s,a.get?a:{enumerable:!0,get:function(){return e[s]}})}}),t.default=e,Object.freeze(t)}var r=a(t);const n=Object.freeze({name:"@progress/kendo-react-listview",productName:"KendoReact",productCode:"KENDOUIREACT",productCodes:["KENDOUIREACT"],publishDate:0,version:"13.4.0-develop.1",licensingDocsUrl:"https://www.telerik.com/kendo-react-ui/components/my-license/"}),l="k-focus",o=r.forwardRef((e,t)=>{const a=!s.validatePackage(n,{component:"ListView"}),o=s.getLicenseMessage(n),{data:i=[],item:c,footer:d,header:m,className:u,style:f,onScroll:v,navigatable:p}=e,w=r.useRef(null),E=r.useRef(null),b=r.useCallback(()=>({onScroll:v,props:e,context:{},state:{},refs:{}}),[]);r.useImperativeHandle(E,b),r.useImperativeHandle(t,()=>E.current);const k=r.useCallback(e=>s.dispatchEvent(v,e,b(),void 0),[]),y=(e,t,s)=>{s.preventDefault(),t.focusNext(e),t.next(e).classList.add(l),t.previous(e).classList.remove(l)},g=(e,t,s)=>{s.preventDefault(),t.focusPrevious(e),t.next(e).classList.remove(l),t.previous(e).classList.add(l)},N=r.useMemo(()=>new s.Navigation({root:w,selectors:[".k-listview-item"],rovingTabIndex:!0,keyboardEvents:{keydown:{ArrowDown:y,ArrowRight:y,ArrowUp:g,ArrowLeft:g,Home:(e,t,s)=>{s.preventDefault();const a=t.first;a&&t.focusElement(a,e)},End:(e,t,s)=>{s.preventDefault();const a=t.last;a&&t.focusElement(a,e)},Tab:(e,t,s)=>{t.removeFocusClass(e)}}},tabIndex:0,focusClass:l}),[]),L=r.useCallback(N.triggerKeyboardEvent.bind(N),[]),h=r.useCallback(e=>{e.nativeEvent.target.classList.add(l),N.elements.forEach(t=>{t!==e.nativeEvent.target&&t.classList.remove(l)})},[]);return r.useEffect(()=>{if(p)return N.initializeRovingTab(),()=>N.removeFocusListener()},[]),r.createElement("div",{className:s.classNames("k-listview",u),style:f,onKeyDown:e=>p&&L(e),onClick:h},m?r.createElement(m,null):null,r.createElement("div",{role:"list",className:"k-listview-content",onScroll:k,ref:w},c&&i.map((e,t)=>r.createElement(c,{dataItem:e,index:t,key:t}))),d?r.createElement(d,null):null,a&&r.createElement(s.WatermarkOverlay,{message:o}))});o.displayName="KendoReactListView";e.ListView=o,e.ListViewFooter=e=>r.createElement("div",{className:s.classNames("k-listview-footer",e.className),style:e.style},e.children),e.ListViewHeader=e=>r.createElement("div",{className:s.classNames("k-listview-header",e.className),style:e.style},e.children),e.ListViewItemWrapper=e=>{const{children:t,style:a,className:n}=e;return r.createElement("div",{role:"listitem",style:a,className:s.classNames("k-listview-item",n)},t)}});

package/events.d.ts

@@ -0,0 +1,14 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import { BaseEvent } from '@progress/kendo-react-common';
+import { ListView } from './ListView.js';
+/**
+ * The base event for ListView operations.
+ */
+export interface ListViewEvent extends BaseEvent<ListView> {
+}

package/index.d.mts

@@ -5,197 +5,13 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-import { BaseEvent } from '@progress/kendo-react-common';
-import * as React_2 from 'react';
-
-export declare const ListView: React_2.ForwardRefExoticComponent<ListViewProps & React_2.RefAttributes<ListViewHandle | null>>;
-
-/** @hidden */
-export declare type ListView = ListViewHandle;
-
-/**
- * The base event for ListView operations.
- */
-export declare interface ListViewEvent extends BaseEvent<ListView> {
-}
-
-/**
- * The ListViewFooter component.
- */
-export declare const ListViewFooter: React_2.FunctionComponent<ListViewFooterProps>;
-
-/**
- * Represents the props of the ListViewFooter component.
- */
-export declare interface ListViewFooterProps {
-    /**
-     * Sets the ListViewFooter children elements.
-     */
-    children?: React.ReactNode;
-    /**
-     * Sets additional CSS styles to the ListViewFooter.
-     */
-    style?: React.CSSProperties;
-    /**
-     * Adds additional classes to the ListViewFooter.
-     */
-    className?: string;
-}
-
-/** @hidden */
-declare interface ListViewHandle {
-    onScroll?: (event: ListViewEvent) => void;
-    props: ListViewProps;
-    context: {};
-    state: {};
-    refs: {};
-}
-
-/**
- * The ListViewHeader component.
- */
-export declare const ListViewHeader: React_2.FunctionComponent<ListViewHeaderProps>;
-
-/**
- * Represents the props of the ListViewHeader component.
- */
-export declare interface ListViewHeaderProps {
-    /**
-     * Sets the ListViewHeader children elements.
-     */
-    children?: React.ReactNode;
-    /**
-     * Sets additional CSS styles to the ListViewHeader.
-     */
-    style?: React.CSSProperties;
-    /**
-     * Adds additional classes to the ListViewHeader.
-     */
-    className?: string;
-}
-
-/**
- * Represents the props of each ListView item.
- */
-export declare interface ListViewItemProps {
-    /**
-     * The data object that represents the current item.
-     */
-    dataItem: any;
-    /**
-     * The index of the item in the data collection.
-     */
-    index?: number;
-}
-
-/**
- * The ListViewItemWrapper component.
- */
-export declare const ListViewItemWrapper: React_2.FunctionComponent<ListViewItemWrapperProps>;
-
-/**
- * Represents the props of each ListViewWrapper item.
- */
-declare interface ListViewItemWrapperProps {
-    /**
-     * Sets the ListViewItemWrapper children elements.
-     */
-    children?: React.ReactNode;
-    /**
-     * Sets additional CSS styles to the ListViewItemWrapper.
-     */
-    style?: React.CSSProperties;
-    /**
-     * Specifies the CSS class names which are set to the ListViewItemWrapper.
-     */
-    className?: string;
-}
-
-/**
- * Represents the props of the [KendoReact ListView component](https://www.telerik.com/kendo-react-ui/components/listview).
- */
-export declare interface ListViewProps {
-    /**
-     * Sets a class of the ListView DOM element.
-     *
-     * @example
-     * ```jsx
-     * <ListView className="custom-class" />
-     * ```
-     */
-    className?: string;
-    /**
-     * Sets the data of the ListView.
-     *
-     * @example
-     * ```jsx
-     * <ListView data={[{ text: 'Item 1' }, { text: 'Item 2' }]} />
-     * ```
-     */
-    data?: any[];
-    /**
-     * Defines the component that renders for each item of the data collection.
-     *
-     * @example
-     * ```jsx
-     * const CustomItem = (props) => <div>{props.text}</div>;
-     *
-     * <ListView item={CustomItem} />
-     * ```
-     */
-    item?: React.ComponentType<ListViewItemProps>;
-    /**
-     * Defines the component that renders for the ListView header.
-     *
-     * @example
-     * ```jsx
-     * const CustomHeader = (props) => <div>Custom Header</div>;
-     *
-     * <ListView header={CustomHeader} />
-     * ```
-     */
-    header?: React.ComponentType<any>;
-    /**
-     * Defines the component that renders for the ListView footer.
-     *
-     * @example
-     * ```jsx
-     * const CustomFooter = (props) => <div>Custom Footer</div>;
-     *
-     * <ListView footer={CustomFooter} />
-     * ```
-     */
-    footer?: React.ComponentType<any>;
-    /**
-     * Sets styles to the ListView container.
-     *
-     * @example
-     * ```jsx
-     * <ListView style={{ height: '400px' }} />
-     * ```
-     */
-    style?: React.CSSProperties;
-    /**
-     * Fires when the ListView has been scrolled.
-     *
-     * @example
-     * ```jsx
-     * <ListView onScroll={(event) => console.log(event)} />
-     * ```
-     */
-    onScroll?: (event: ListViewEvent) => void;
-    /**
-     * If set to `true`, the user can use dedicated shortcuts to interact with the ListView.
-     * By default, navigation is disabled.
-     *
-     * @default false
-     *
-     * @example
-     * ```jsx
-     * <ListView navigatable={true} />
-     * ```
-     */
-    navigatable?: boolean;
-}
-
-export { }
+import { ListView } from './ListView.js';
+import { ListViewHeader } from './ListViewHeader.js';
+import { ListViewFooter } from './ListViewFooter.js';
+import { ListViewItemWrapper } from './ListViewItemWrapper.js';
+import { ListViewProps } from './interfaces/ListViewProps.js';
+import { ListViewItemProps } from './interfaces/ListViewItemProps.js';
+import { ListViewFooterProps } from './interfaces/ListViewFooterProps.js';
+import { ListViewHeaderProps } from './interfaces/ListViewHeaderProps.js';
+import { ListViewEvent } from './events.js';
+export { ListView, ListViewProps, ListViewEvent, ListViewHeader, ListViewFooter, ListViewItemWrapper, ListViewItemProps, ListViewFooterProps, ListViewHeaderProps };

package/index.d.ts

@@ -5,197 +5,13 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-import { BaseEvent } from '@progress/kendo-react-common';
-import * as React_2 from 'react';
-
-export declare const ListView: React_2.ForwardRefExoticComponent<ListViewProps & React_2.RefAttributes<ListViewHandle | null>>;
-
-/** @hidden */
-export declare type ListView = ListViewHandle;
-
-/**
- * The base event for ListView operations.
- */
-export declare interface ListViewEvent extends BaseEvent<ListView> {
-}
-
-/**
- * The ListViewFooter component.
- */
-export declare const ListViewFooter: React_2.FunctionComponent<ListViewFooterProps>;
-
-/**
- * Represents the props of the ListViewFooter component.
- */
-export declare interface ListViewFooterProps {
-    /**
-     * Sets the ListViewFooter children elements.
-     */
-    children?: React.ReactNode;
-    /**
-     * Sets additional CSS styles to the ListViewFooter.
-     */
-    style?: React.CSSProperties;
-    /**
-     * Adds additional classes to the ListViewFooter.
-     */
-    className?: string;
-}
-
-/** @hidden */
-declare interface ListViewHandle {
-    onScroll?: (event: ListViewEvent) => void;
-    props: ListViewProps;
-    context: {};
-    state: {};
-    refs: {};
-}
-
-/**
- * The ListViewHeader component.
- */
-export declare const ListViewHeader: React_2.FunctionComponent<ListViewHeaderProps>;
-
-/**
- * Represents the props of the ListViewHeader component.
- */
-export declare interface ListViewHeaderProps {
-    /**
-     * Sets the ListViewHeader children elements.
-     */
-    children?: React.ReactNode;
-    /**
-     * Sets additional CSS styles to the ListViewHeader.
-     */
-    style?: React.CSSProperties;
-    /**
-     * Adds additional classes to the ListViewHeader.
-     */
-    className?: string;
-}
-
-/**
- * Represents the props of each ListView item.
- */
-export declare interface ListViewItemProps {
-    /**
-     * The data object that represents the current item.
-     */
-    dataItem: any;
-    /**
-     * The index of the item in the data collection.
-     */
-    index?: number;
-}
-
-/**
- * The ListViewItemWrapper component.
- */
-export declare const ListViewItemWrapper: React_2.FunctionComponent<ListViewItemWrapperProps>;
-
-/**
- * Represents the props of each ListViewWrapper item.
- */
-declare interface ListViewItemWrapperProps {
-    /**
-     * Sets the ListViewItemWrapper children elements.
-     */
-    children?: React.ReactNode;
-    /**
-     * Sets additional CSS styles to the ListViewItemWrapper.
-     */
-    style?: React.CSSProperties;
-    /**
-     * Specifies the CSS class names which are set to the ListViewItemWrapper.
-     */
-    className?: string;
-}
-
-/**
- * Represents the props of the [KendoReact ListView component](https://www.telerik.com/kendo-react-ui/components/listview).
- */
-export declare interface ListViewProps {
-    /**
-     * Sets a class of the ListView DOM element.
-     *
-     * @example
-     * ```jsx
-     * <ListView className="custom-class" />
-     * ```
-     */
-    className?: string;
-    /**
-     * Sets the data of the ListView.
-     *
-     * @example
-     * ```jsx
-     * <ListView data={[{ text: 'Item 1' }, { text: 'Item 2' }]} />
-     * ```
-     */
-    data?: any[];
-    /**
-     * Defines the component that renders for each item of the data collection.
-     *
-     * @example
-     * ```jsx
-     * const CustomItem = (props) => <div>{props.text}</div>;
-     *
-     * <ListView item={CustomItem} />
-     * ```
-     */
-    item?: React.ComponentType<ListViewItemProps>;
-    /**
-     * Defines the component that renders for the ListView header.
-     *
-     * @example
-     * ```jsx
-     * const CustomHeader = (props) => <div>Custom Header</div>;
-     *
-     * <ListView header={CustomHeader} />
-     * ```
-     */
-    header?: React.ComponentType<any>;
-    /**
-     * Defines the component that renders for the ListView footer.
-     *
-     * @example
-     * ```jsx
-     * const CustomFooter = (props) => <div>Custom Footer</div>;
-     *
-     * <ListView footer={CustomFooter} />
-     * ```
-     */
-    footer?: React.ComponentType<any>;
-    /**
-     * Sets styles to the ListView container.
-     *
-     * @example
-     * ```jsx
-     * <ListView style={{ height: '400px' }} />
-     * ```
-     */
-    style?: React.CSSProperties;
-    /**
-     * Fires when the ListView has been scrolled.
-     *
-     * @example
-     * ```jsx
-     * <ListView onScroll={(event) => console.log(event)} />
-     * ```
-     */
-    onScroll?: (event: ListViewEvent) => void;
-    /**
-     * If set to `true`, the user can use dedicated shortcuts to interact with the ListView.
-     * By default, navigation is disabled.
-     *
-     * @default false
-     *
-     * @example
-     * ```jsx
-     * <ListView navigatable={true} />
-     * ```
-     */
-    navigatable?: boolean;
-}
-
-export { }
+import { ListView } from './ListView.js';
+import { ListViewHeader } from './ListViewHeader.js';
+import { ListViewFooter } from './ListViewFooter.js';
+import { ListViewItemWrapper } from './ListViewItemWrapper.js';
+import { ListViewProps } from './interfaces/ListViewProps.js';
+import { ListViewItemProps } from './interfaces/ListViewItemProps.js';
+import { ListViewFooterProps } from './interfaces/ListViewFooterProps.js';
+import { ListViewHeaderProps } from './interfaces/ListViewHeaderProps.js';
+import { ListViewEvent } from './events.js';
+export { ListView, ListViewProps, ListViewEvent, ListViewHeader, ListViewFooter, ListViewItemWrapper, ListViewItemProps, ListViewFooterProps, ListViewHeaderProps };

package/interfaces/ListViewFooterProps.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
+ *-------------------------------------------------------------------------------------------
+ */
+/**
+ * Represents the props of the ListViewFooter component.
+ */
+export interface ListViewFooterProps {
+    /**
+     * Sets the ListViewFooter children elements.
+     */
+    children?: React.ReactNode;
+    /**
+     * Sets additional CSS styles to the ListViewFooter.
+     */
+    style?: React.CSSProperties;
+    /**
+     * Adds additional classes to the ListViewFooter.
+     */
+    className?: string;
+}

package/interfaces/ListViewHeaderProps.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
+ *-------------------------------------------------------------------------------------------
+ */
+/**
+ * Represents the props of the ListViewHeader component.
+ */
+export interface ListViewHeaderProps {
+    /**
+     * Sets the ListViewHeader children elements.
+     */
+    children?: React.ReactNode;
+    /**
+     * Sets additional CSS styles to the ListViewHeader.
+     */
+    style?: React.CSSProperties;
+    /**
+     * Adds additional classes to the ListViewHeader.
+     */
+    className?: string;
+}

package/interfaces/ListViewItemProps.d.ts

@@ -0,0 +1,20 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+/**
+ * Represents the props of each ListView item.
+ */
+export interface ListViewItemProps {
+    /**
+     * The data object that represents the current item.
+     */
+    dataItem: any;
+    /**
+     * The index of the item in the data collection.
+     */
+    index?: number;
+}

package/interfaces/ListViewItemWrapperProps.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
+ *-------------------------------------------------------------------------------------------
+ */
+/**
+ * Represents the props of each ListViewWrapper item.
+ */
+export interface ListViewItemWrapperProps {
+    /**
+     * Sets the ListViewItemWrapper children elements.
+     */
+    children?: React.ReactNode;
+    /**
+     * Sets additional CSS styles to the ListViewItemWrapper.
+     */
+    style?: React.CSSProperties;
+    /**
+     * Specifies the CSS class names which are set to the ListViewItemWrapper.
+     */
+    className?: string;
+}

package/interfaces/ListViewProps.d.ts

@@ -0,0 +1,95 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import { ListViewEvent } from '../events.js';
+import { ListViewItemProps } from './ListViewItemProps.js';
+/**
+ * Represents the props of the [KendoReact ListView component](https://www.telerik.com/kendo-react-ui/components/listview).
+ */
+export interface ListViewProps {
+    /**
+     * Sets a class of the ListView DOM element.
+     *
+     * @example
+     * ```jsx
+     * <ListView className="custom-class" />
+     * ```
+     */
+    className?: string;
+    /**
+     * Sets the data of the ListView.
+     *
+     * @example
+     * ```jsx
+     * <ListView data={[{ text: 'Item 1' }, { text: 'Item 2' }]} />
+     * ```
+     */
+    data?: any[];
+    /**
+     * Defines the component that renders for each item of the data collection.
+     *
+     * @example
+     * ```jsx
+     * const CustomItem = (props) => <div>{props.text}</div>;
+     *
+     * <ListView item={CustomItem} />
+     * ```
+     */
+    item?: React.ComponentType<ListViewItemProps>;
+    /**
+     * Defines the component that renders for the ListView header.
+     *
+     * @example
+     * ```jsx
+     * const CustomHeader = (props) => <div>Custom Header</div>;
+     *
+     * <ListView header={CustomHeader} />
+     * ```
+     */
+    header?: React.ComponentType<any>;
+    /**
+     * Defines the component that renders for the ListView footer.
+     *
+     * @example
+     * ```jsx
+     * const CustomFooter = (props) => <div>Custom Footer</div>;
+     *
+     * <ListView footer={CustomFooter} />
+     * ```
+     */
+    footer?: React.ComponentType<any>;
+    /**
+     * Sets styles to the ListView container.
+     *
+     * @example
+     * ```jsx
+     * <ListView style={{ height: '400px' }} />
+     * ```
+     */
+    style?: React.CSSProperties;
+    /**
+     * Fires when the ListView has been scrolled.
+     *
+     * @example
+     * ```jsx
+     * <ListView onScroll={(event) => console.log(event)} />
+     * ```
+     */
+    onScroll?: (event: ListViewEvent) => void;
+    /**
+     * If set to `true`, the user can use dedicated shortcuts to interact with the ListView.
+     * By default, navigation is disabled.
+     *
+     * @default false
+     *
+     * @example
+     * ```jsx
+     * <ListView navigatable={true} />
+     * ```
+     */
+    navigatable?: boolean;
+}

package/package-metadata.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
+ *-------------------------------------------------------------------------------------------
+ */
+import { PackageMetadata } from '@progress/kendo-licensing';
+/**
+ * @hidden
+ */
+export declare const packageMetadata: PackageMetadata;

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-listview",productName:"KendoReact",productCode:"KENDOUIREACT",productCodes:["KENDOUIREACT"],publishDate: 1768491554,version:"13.3.0-develop.9",licensingDocsUrl:"https://www.telerik.com/kendo-react-ui/components/my-license/"});exports.packageMetadata=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=Object.freeze({name:"@progress/kendo-react-listview",productName:"KendoReact",productCode:"KENDOUIREACT",productCodes:["KENDOUIREACT"],publishDate: 1770219230,version:"13.4.0-develop.1",licensingDocsUrl:"https://www.telerik.com/kendo-react-ui/components/my-license/"});exports.packageMetadata=e;

package/package-metadata.mjs

@@ -1,19 +1,13 @@
+// Generated file. DO NOT EDIT.
 /**
- * @license
- *-------------------------------------------------------------------------------------------
- * Copyright © 2026 Progress Software Corporation. All rights reserved.
- * Licensed under commercial license. See LICENSE.md in the package root for more information
- *-------------------------------------------------------------------------------------------
+ * @hidden
  */
-const e = Object.freeze({
-  name: "@progress/kendo-react-listview",
-  productName: "KendoReact",
-  productCode: "KENDOUIREACT",
-  productCodes: ["KENDOUIREACT"],
-  publishDate: 1768491554,
-  version: "13.3.0-develop.9",
-  licensingDocsUrl: "https://www.telerik.com/kendo-react-ui/components/my-license/"
+export const packageMetadata = Object.freeze({
+    name: '@progress/kendo-react-listview',
+    productName: 'KendoReact',
+    productCode: 'KENDOUIREACT',
+    productCodes: ['KENDOUIREACT'],
+    publishDate: 0,
+    version: '13.4.0-develop.1',
+    licensingDocsUrl: 'https://www.telerik.com/kendo-react-ui/components/my-license/'
 });
-export {
-  e as packageMetadata
-};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@progress/kendo-react-listview",
-  "version": "13.3.0-develop.9",
+  "version": "13.4.0-develop.1",
   "description": "React ListView enables you to display a custom layout of data items. KendoReact ListView package",
   "author": "Progress",
   "license": "SEE LICENSE IN LICENSE.md",
@@ -26,7 +26,7 @@
   "sideEffects": false,
   "peerDependencies": {
     "@progress/kendo-licensing": "^1.7.2",
-    "@progress/kendo-react-common": "13.3.0-develop.9",
+    "@progress/kendo-react-common": "13.4.0-develop.1",
     "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"
   },
@@ -51,7 +51,7 @@
     "package": {
       "productName": "KendoReact",
       "productCode": "KENDOUIREACT",
-      "publishDate": 1768491554,
+      "publishDate": 1770219230,
       "licensingDocsUrl": "https://www.telerik.com/kendo-react-ui/components/my-license/"
     }
   },