@progress/kendo-react-listview 9.3.1 → 9.4.0-develop.10
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/ListView.js +1 -1
- package/ListView.mjs +0 -1
- package/ListViewFooter.js +1 -1
- package/ListViewFooter.mjs +2 -3
- package/ListViewHeader.js +1 -1
- package/ListViewHeader.mjs +3 -4
- package/ListViewItemWrapper.js +1 -1
- package/ListViewItemWrapper.mjs +3 -4
- package/dist/cdn/js/kendo-react-listview.js +8 -1
- package/index.js +2 -1
- package/index.mjs +4 -4
- package/package-metadata.js +1 -1
- package/package-metadata.mjs +2 -3
- package/package.json +3 -3
package/ListView.js
CHANGED
|
@@ -5,4 +5,4 @@
|
|
|
5
5
|
* Licensed under commercial license. See LICENSE.md in the package root for more information
|
|
6
6
|
*-------------------------------------------------------------------------------------------
|
|
7
7
|
*/
|
|
8
|
-
"use
|
|
8
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const R=require("react"),d=require("@progress/kendo-react-common"),I=require("./package-metadata.js");function h(a){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(a){for(const l in a)if(l!=="default"){const c=Object.getOwnPropertyDescriptor(a,l);Object.defineProperty(r,l,c.get?c:{enumerable:!0,get:()=>a[l]})}}return r.default=a,Object.freeze(r)}const s=h(R),o="k-focus",y=s.forwardRef((a,r)=>{d.validatePackage(I.packageMetadata);const{data:l=[],item:c,footer:f,header:m,className:L,style:C,onScroll:v,navigatable:b}=a,p=s.useRef(null),w=s.useRef(null),g=s.useCallback(()=>({onScroll:v,props:a,context:{},state:{},refs:{}}),[]);s.useImperativeHandle(w,g),s.useImperativeHandle(r,()=>w.current);const S=s.useCallback(e=>d.dispatchEvent(v,e,g(),void 0),[]),k=(e,t,n)=>{n.preventDefault(),t.focusNext(e),t.next(e).classList.add(o),t.previous(e).classList.remove(o)},E=(e,t,n)=>{n.preventDefault(),t.focusPrevious(e),t.next(e).classList.remove(o),t.previous(e).classList.add(o)},i=s.useMemo(()=>new d.Navigation({root:p,selectors:[".k-listview-item"],rovingTabIndex:!0,keyboardEvents:{keydown:{ArrowDown:k,ArrowRight:k,ArrowUp:E,ArrowLeft:E,Home:(e,t,n)=>{n.preventDefault();const u=t.first;u&&t.focusElement(u,e)},End:(e,t,n)=>{n.preventDefault();const u=t.last;u&&t.focusElement(u,e)},Tab:(e,t,n)=>{t.removeFocusClass(e)}}},tabIndex:0,focusClass:o}),[]),D=s.useCallback(i.triggerKeyboardEvent.bind(i),[]),N=s.useCallback(e=>{e.nativeEvent.target.classList.add(o),i.elements.forEach(t=>{t!==e.nativeEvent.target&&t.classList.remove(o)})},[]);return s.useEffect(()=>{if(b)return i.initializeRovingTab(),()=>i.removeFocusListener()},[]),s.createElement("div",{className:d.classNames("k-listview",L),style:C,onKeyDown:e=>b&&D(e),onClick:N},m?s.createElement(m,null):null,s.createElement("div",{role:"list",className:"k-listview-content",onScroll:S,ref:p},c&&l.map((e,t)=>s.createElement(c,{dataItem:e,index:t,key:t}))),f?s.createElement(f,null):null)});y.displayName="KendoReactListView";exports.ListView=y;
|
package/ListView.mjs
CHANGED
|
@@ -5,7 +5,6 @@
|
|
|
5
5
|
* Licensed under commercial license. See LICENSE.md in the package root for more information
|
|
6
6
|
*-------------------------------------------------------------------------------------------
|
|
7
7
|
*/
|
|
8
|
-
"use client";
|
|
9
8
|
import * as s from "react";
|
|
10
9
|
import { validatePackage as N, dispatchEvent as h, Navigation as x, classNames as D } from "@progress/kendo-react-common";
|
|
11
10
|
import { packageMetadata as R } from "./package-metadata.mjs";
|
package/ListViewFooter.js
CHANGED
|
@@ -5,4 +5,4 @@
|
|
|
5
5
|
* Licensed under commercial license. See LICENSE.md in the package root for more information
|
|
6
6
|
*-------------------------------------------------------------------------------------------
|
|
7
7
|
*/
|
|
8
|
-
"use
|
|
8
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("react"),n=require("@progress/kendo-react-common");function a(e){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const o=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(r,t,o.get?o:{enumerable:!0,get:()=>e[t]})}}return r.default=e,Object.freeze(r)}const s=a(c),i=e=>s.createElement("div",{className:n.classNames("k-listview-footer",e.className),style:e.style},e.children);exports.ListViewFooter=i;
|
package/ListViewFooter.mjs
CHANGED
|
@@ -5,10 +5,9 @@
|
|
|
5
5
|
* Licensed under commercial license. See LICENSE.md in the package root for more information
|
|
6
6
|
*-------------------------------------------------------------------------------------------
|
|
7
7
|
*/
|
|
8
|
-
"use client";
|
|
9
8
|
import * as t from "react";
|
|
10
9
|
import { classNames as s } from "@progress/kendo-react-common";
|
|
11
|
-
const
|
|
10
|
+
const r = (e) => /* @__PURE__ */ t.createElement("div", { className: s("k-listview-footer", e.className), style: e.style }, e.children);
|
|
12
11
|
export {
|
|
13
|
-
|
|
12
|
+
r as ListViewFooter
|
|
14
13
|
};
|
package/ListViewHeader.js
CHANGED
|
@@ -5,4 +5,4 @@
|
|
|
5
5
|
* Licensed under commercial license. See LICENSE.md in the package root for more information
|
|
6
6
|
*-------------------------------------------------------------------------------------------
|
|
7
7
|
*/
|
|
8
|
-
"use
|
|
8
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("react"),n=require("@progress/kendo-react-common");function s(e){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const a=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(r,t,a.get?a:{enumerable:!0,get:()=>e[t]})}}return r.default=e,Object.freeze(r)}const i=s(c),o=e=>i.createElement("div",{className:n.classNames("k-listview-header",e.className),style:e.style},e.children);exports.ListViewHeader=o;
|
package/ListViewHeader.mjs
CHANGED
|
@@ -5,10 +5,9 @@
|
|
|
5
5
|
* Licensed under commercial license. See LICENSE.md in the package root for more information
|
|
6
6
|
*-------------------------------------------------------------------------------------------
|
|
7
7
|
*/
|
|
8
|
-
"use client";
|
|
9
8
|
import * as t from "react";
|
|
10
|
-
import { classNames as
|
|
11
|
-
const
|
|
9
|
+
import { classNames as a } from "@progress/kendo-react-common";
|
|
10
|
+
const r = (e) => /* @__PURE__ */ t.createElement("div", { className: a("k-listview-header", e.className), style: e.style }, e.children);
|
|
12
11
|
export {
|
|
13
|
-
|
|
12
|
+
r as ListViewHeader
|
|
14
13
|
};
|
package/ListViewItemWrapper.js
CHANGED
|
@@ -5,4 +5,4 @@
|
|
|
5
5
|
* Licensed under commercial license. See LICENSE.md in the package root for more information
|
|
6
6
|
*-------------------------------------------------------------------------------------------
|
|
7
7
|
*/
|
|
8
|
-
"use
|
|
8
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react"),a=require("@progress/kendo-react-common");function o(e){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const c=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(r,t,c.get?c:{enumerable:!0,get:()=>e[t]})}}return r.default=e,Object.freeze(r)}const s=o(n),i=e=>{const{children:r,style:t,className:c}=e;return s.createElement("div",{role:"listitem",style:t,className:a.classNames("k-listview-item",c)},r)};exports.ListViewItemWrapper=i;
|
package/ListViewItemWrapper.mjs
CHANGED
|
@@ -5,12 +5,11 @@
|
|
|
5
5
|
* Licensed under commercial license. See LICENSE.md in the package root for more information
|
|
6
6
|
*-------------------------------------------------------------------------------------------
|
|
7
7
|
*/
|
|
8
|
-
|
|
9
|
-
import * as r from "react";
|
|
8
|
+
import * as i from "react";
|
|
10
9
|
import { classNames as m } from "@progress/kendo-react-common";
|
|
11
10
|
const l = (e) => {
|
|
12
|
-
const { children: t, style: s, className:
|
|
13
|
-
return /* @__PURE__ */
|
|
11
|
+
const { children: t, style: s, className: r } = e;
|
|
12
|
+
return /* @__PURE__ */ i.createElement("div", { role: "listitem", style: s, className: m("k-listview-item", r) }, t);
|
|
14
13
|
};
|
|
15
14
|
export {
|
|
16
15
|
l as ListViewItemWrapper
|
|
@@ -5,4 +5,11 @@
|
|
|
5
5
|
* Licensed under commercial license. See LICENSE.md in the package root for more information
|
|
6
6
|
*-------------------------------------------------------------------------------------------
|
|
7
7
|
*/
|
|
8
|
-
|
|
8
|
+
/**
|
|
9
|
+
* @license
|
|
10
|
+
*-------------------------------------------------------------------------------------------
|
|
11
|
+
* Copyright © 2025 Progress Software Corporation. All rights reserved.
|
|
12
|
+
* Licensed under commercial license. See LICENSE.md in the package root for more information
|
|
13
|
+
*-------------------------------------------------------------------------------------------
|
|
14
|
+
*/
|
|
15
|
+
!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={name:"@progress/kendo-react-listview",productName:"KendoReact",productCode:"KENDOUIREACT",productCodes:["KENDOUIREACT"],publishDate:0,version:"$VERSION",licensingDocsUrl:"https://www.telerik.com/kendo-react-ui/components/my-license/"},l="k-focus",o=r.forwardRef(((e,t)=>{s.validatePackage(n);const{data:a=[],item:o,footer:i,header:c,className:d,style:u,onScroll:m,navigatable:f}=e,v=r.useRef(null),p=r.useRef(null),w=r.useCallback((()=>({onScroll:m,props:e,context:{},state:{},refs:{}})),[]);r.useImperativeHandle(p,w),r.useImperativeHandle(t,(()=>p.current));const E=r.useCallback((e=>s.dispatchEvent(m,e,w(),void 0)),[]),b=(e,t,s)=>{s.preventDefault(),t.focusNext(e),t.next(e).classList.add(l),t.previous(e).classList.remove(l)},k=(e,t,s)=>{s.preventDefault(),t.focusPrevious(e),t.next(e).classList.remove(l),t.previous(e).classList.add(l)},y=r.useMemo((()=>new s.Navigation({root:v,selectors:[".k-listview-item"],rovingTabIndex:!0,keyboardEvents:{keydown:{ArrowDown:b,ArrowRight:b,ArrowUp:k,ArrowLeft:k,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})),[]),N=r.useCallback(y.triggerKeyboardEvent.bind(y),[]),g=r.useCallback((e=>{e.nativeEvent.target.classList.add(l),y.elements.forEach((t=>{t!==e.nativeEvent.target&&t.classList.remove(l)}))}),[]);return r.useEffect((()=>{if(f)return y.initializeRovingTab(),()=>y.removeFocusListener()}),[]),r.createElement("div",{className:s.classNames("k-listview",d),style:u,onKeyDown:e=>f&&N(e),onClick:g},c?r.createElement(c,null):null,r.createElement("div",{role:"list",className:"k-listview-content",onScroll:E,ref:v},o&&a.map(((e,t)=>r.createElement(o,{dataItem:e,index:t,key:t})))),i?r.createElement(i,null):null)}));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/index.js
CHANGED
|
@@ -5,4 +5,5 @@
|
|
|
5
5
|
* Licensed under commercial license. See LICENSE.md in the package root for more information
|
|
6
6
|
*-------------------------------------------------------------------------------------------
|
|
7
7
|
*/
|
|
8
|
-
"use client";
|
|
8
|
+
"use client";
|
|
9
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./ListView.js"),i=require("./ListViewHeader.js"),t=require("./ListViewFooter.js"),r=require("./ListViewItemWrapper.js");exports.ListView=e.ListView;exports.ListViewHeader=i.ListViewHeader;exports.ListViewFooter=t.ListViewFooter;exports.ListViewItemWrapper=r.ListViewItemWrapper;
|
package/index.mjs
CHANGED
|
@@ -6,13 +6,13 @@
|
|
|
6
6
|
*-------------------------------------------------------------------------------------------
|
|
7
7
|
*/
|
|
8
8
|
"use client";
|
|
9
|
-
import { ListView as
|
|
9
|
+
import { ListView as o } from "./ListView.mjs";
|
|
10
10
|
import { ListViewHeader as i } from "./ListViewHeader.mjs";
|
|
11
11
|
import { ListViewFooter as m } from "./ListViewFooter.mjs";
|
|
12
|
-
import { ListViewItemWrapper as
|
|
12
|
+
import { ListViewItemWrapper as s } from "./ListViewItemWrapper.mjs";
|
|
13
13
|
export {
|
|
14
|
-
|
|
14
|
+
o as ListView,
|
|
15
15
|
m as ListViewFooter,
|
|
16
16
|
i as ListViewHeader,
|
|
17
|
-
|
|
17
|
+
s as ListViewItemWrapper
|
|
18
18
|
};
|
package/package-metadata.js
CHANGED
|
@@ -5,4 +5,4 @@
|
|
|
5
5
|
* Licensed under commercial license. See LICENSE.md in the package root for more information
|
|
6
6
|
*-------------------------------------------------------------------------------------------
|
|
7
7
|
*/
|
|
8
|
-
"use
|
|
8
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e={name:"@progress/kendo-react-listview",productName:"KendoReact",productCode:"KENDOUIREACT",productCodes:["KENDOUIREACT"],publishDate: 1738310651,version:"9.4.0-develop.10",licensingDocsUrl:"https://www.telerik.com/kendo-react-ui/components/my-license/"};exports.packageMetadata=e;
|
package/package-metadata.mjs
CHANGED
|
@@ -5,14 +5,13 @@
|
|
|
5
5
|
* Licensed under commercial license. See LICENSE.md in the package root for more information
|
|
6
6
|
*-------------------------------------------------------------------------------------------
|
|
7
7
|
*/
|
|
8
|
-
"use client";
|
|
9
8
|
const e = {
|
|
10
9
|
name: "@progress/kendo-react-listview",
|
|
11
10
|
productName: "KendoReact",
|
|
12
11
|
productCode: "KENDOUIREACT",
|
|
13
12
|
productCodes: ["KENDOUIREACT"],
|
|
14
|
-
publishDate:
|
|
15
|
-
version: "9.
|
|
13
|
+
publishDate: 1738310651,
|
|
14
|
+
version: "9.4.0-develop.10",
|
|
16
15
|
licensingDocsUrl: "https://www.telerik.com/kendo-react-ui/components/my-license/"
|
|
17
16
|
};
|
|
18
17
|
export {
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@progress/kendo-react-listview",
|
|
3
|
-
"version": "9.
|
|
3
|
+
"version": "9.4.0-develop.10",
|
|
4
4
|
"description": "React ListView enables you to display a custom layout of data items. KendoReact ListView package",
|
|
5
5
|
"author": "Progress",
|
|
6
6
|
"license": "SEE LICENSE IN LICENSE.md",
|
|
@@ -26,7 +26,7 @@
|
|
|
26
26
|
"sideEffects": false,
|
|
27
27
|
"peerDependencies": {
|
|
28
28
|
"@progress/kendo-licensing": "^1.3.4",
|
|
29
|
-
"@progress/kendo-react-common": "9.
|
|
29
|
+
"@progress/kendo-react-common": "9.4.0-develop.10",
|
|
30
30
|
"react": "^16.8.2 || ^17.0.0 || ^18.0.0 || ^19.0.0 || ^19.0.0-rc",
|
|
31
31
|
"react-dom": "^16.8.2 || ^17.0.0 || ^18.0.0 || ^19.0.0 || ^19.0.0-rc"
|
|
32
32
|
},
|
|
@@ -51,7 +51,7 @@
|
|
|
51
51
|
"package": {
|
|
52
52
|
"productName": "KendoReact",
|
|
53
53
|
"productCode": "KENDOUIREACT",
|
|
54
|
-
"publishDate":
|
|
54
|
+
"publishDate": 1738310651,
|
|
55
55
|
"licensingDocsUrl": "https://www.telerik.com/kendo-react-ui/components/my-license/"
|
|
56
56
|
}
|
|
57
57
|
},
|