@progress/kendo-react-listview 9.5.0-develop.6 → 10.0.0-develop.1
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 +33 -33
- package/dist/cdn/js/kendo-react-listview.js +1 -1
- package/package-metadata.js +1 -1
- package/package-metadata.mjs +2 -2
- 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 strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const
|
|
8
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const h=require("react"),u=require("@progress/kendo-react-common"),I=require("./package-metadata.js");function O(a){const l=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(a){for(const r in a)if(r!=="default"){const d=Object.getOwnPropertyDescriptor(a,r);Object.defineProperty(l,r,d.get?d:{enumerable:!0,get:()=>a[r]})}}return l.default=a,Object.freeze(l)}const s=O(h),o="k-focus",L=s.forwardRef((a,l)=>{const r=!u.validatePackage(I.packageMetadata,{component:"ListView"}),{data:d=[],item:m,footer:f,header:v,className:C,style:S,onScroll:p,navigatable:b}=a,w=s.useRef(null),k=s.useRef(null),g=s.useCallback(()=>({onScroll:p,props:a,context:{},state:{},refs:{}}),[]);s.useImperativeHandle(k,g),s.useImperativeHandle(l,()=>k.current);const D=s.useCallback(e=>u.dispatchEvent(p,e,g(),void 0),[]),E=(e,t,n)=>{n.preventDefault(),t.focusNext(e),t.next(e).classList.add(o),t.previous(e).classList.remove(o)},y=(e,t,n)=>{n.preventDefault(),t.focusPrevious(e),t.next(e).classList.remove(o),t.previous(e).classList.add(o)},c=s.useMemo(()=>new u.Navigation({root:w,selectors:[".k-listview-item"],rovingTabIndex:!0,keyboardEvents:{keydown:{ArrowDown:E,ArrowRight:E,ArrowUp:y,ArrowLeft:y,Home:(e,t,n)=>{n.preventDefault();const i=t.first;i&&t.focusElement(i,e)},End:(e,t,n)=>{n.preventDefault();const i=t.last;i&&t.focusElement(i,e)},Tab:(e,t,n)=>{t.removeFocusClass(e)}}},tabIndex:0,focusClass:o}),[]),N=s.useCallback(c.triggerKeyboardEvent.bind(c),[]),R=s.useCallback(e=>{e.nativeEvent.target.classList.add(o),c.elements.forEach(t=>{t!==e.nativeEvent.target&&t.classList.remove(o)})},[]);return s.useEffect(()=>{if(b)return c.initializeRovingTab(),()=>c.removeFocusListener()},[]),s.createElement("div",{className:u.classNames("k-listview",C),style:S,onKeyDown:e=>b&&N(e),onClick:R},v?s.createElement(v,null):null,s.createElement("div",{role:"list",className:"k-listview-content",onScroll:D,ref:w},m&&d.map((e,t)=>s.createElement(m,{dataItem:e,index:t,key:t}))),f?s.createElement(f,null):null,r&&s.createElement(u.WatermarkOverlay,null))});L.displayName="KendoReactListView";exports.ListView=L;
|
package/ListView.mjs
CHANGED
|
@@ -6,13 +6,12 @@
|
|
|
6
6
|
*-------------------------------------------------------------------------------------------
|
|
7
7
|
*/
|
|
8
8
|
import * as s from "react";
|
|
9
|
-
import { validatePackage as N, dispatchEvent as
|
|
10
|
-
import { packageMetadata as
|
|
11
|
-
const o = "k-focus",
|
|
12
|
-
N(
|
|
13
|
-
const { data: b = [], item: i, footer: c, header: u, className: L, style: g, onScroll: m, navigatable: d } = r, v = s.useRef(null), f = s.useRef(null), p = s.useCallback(
|
|
9
|
+
import { validatePackage as N, dispatchEvent as x, Navigation as D, classNames as R, WatermarkOverlay as S } from "@progress/kendo-react-common";
|
|
10
|
+
import { packageMetadata as A } from "./package-metadata.mjs";
|
|
11
|
+
const o = "k-focus", H = s.forwardRef((r, E) => {
|
|
12
|
+
const L = !N(A, { component: "ListView" }), { data: b = [], item: i, footer: c, header: m, className: g, style: y, onScroll: u, navigatable: v } = r, d = s.useRef(null), f = s.useRef(null), w = s.useCallback(
|
|
14
13
|
() => ({
|
|
15
|
-
onScroll:
|
|
14
|
+
onScroll: u,
|
|
16
15
|
props: r,
|
|
17
16
|
context: {},
|
|
18
17
|
state: {},
|
|
@@ -20,34 +19,34 @@ const o = "k-focus", S = s.forwardRef((r, k) => {
|
|
|
20
19
|
}),
|
|
21
20
|
[]
|
|
22
21
|
);
|
|
23
|
-
s.useImperativeHandle(f,
|
|
22
|
+
s.useImperativeHandle(f, w), s.useImperativeHandle(E, () => f.current);
|
|
24
23
|
const C = s.useCallback(
|
|
25
|
-
(e) =>
|
|
24
|
+
(e) => x(u, e, w(), void 0),
|
|
26
25
|
[]
|
|
27
|
-
),
|
|
26
|
+
), p = (e, t, a) => {
|
|
28
27
|
a.preventDefault(), t.focusNext(e), t.next(e).classList.add(o), t.previous(e).classList.remove(o);
|
|
29
|
-
},
|
|
28
|
+
}, k = (e, t, a) => {
|
|
30
29
|
a.preventDefault(), t.focusPrevious(e), t.next(e).classList.remove(o), t.previous(e).classList.add(o);
|
|
31
|
-
},
|
|
32
|
-
() => new
|
|
33
|
-
root:
|
|
30
|
+
}, n = s.useMemo(
|
|
31
|
+
() => new D({
|
|
32
|
+
root: d,
|
|
34
33
|
selectors: [".k-listview-item"],
|
|
35
34
|
rovingTabIndex: !0,
|
|
36
35
|
keyboardEvents: {
|
|
37
36
|
keydown: {
|
|
38
|
-
ArrowDown:
|
|
39
|
-
ArrowRight:
|
|
40
|
-
ArrowUp:
|
|
41
|
-
ArrowLeft:
|
|
37
|
+
ArrowDown: p,
|
|
38
|
+
ArrowRight: p,
|
|
39
|
+
ArrowUp: k,
|
|
40
|
+
ArrowLeft: k,
|
|
42
41
|
Home: (e, t, a) => {
|
|
43
42
|
a.preventDefault();
|
|
44
|
-
const
|
|
45
|
-
|
|
43
|
+
const l = t.first;
|
|
44
|
+
l && t.focusElement(l, e);
|
|
46
45
|
},
|
|
47
46
|
End: (e, t, a) => {
|
|
48
47
|
a.preventDefault();
|
|
49
|
-
const
|
|
50
|
-
|
|
48
|
+
const l = t.last;
|
|
49
|
+
l && t.focusElement(l, e);
|
|
51
50
|
},
|
|
52
51
|
Tab: (e, t, a) => {
|
|
53
52
|
t.removeFocusClass(e);
|
|
@@ -58,28 +57,29 @@ const o = "k-focus", S = s.forwardRef((r, k) => {
|
|
|
58
57
|
focusClass: o
|
|
59
58
|
}),
|
|
60
59
|
[]
|
|
61
|
-
),
|
|
62
|
-
e.nativeEvent.target.classList.add(o),
|
|
60
|
+
), h = s.useCallback(n.triggerKeyboardEvent.bind(n), []), I = s.useCallback((e) => {
|
|
61
|
+
e.nativeEvent.target.classList.add(o), n.elements.forEach((t) => {
|
|
63
62
|
t !== e.nativeEvent.target && t.classList.remove(o);
|
|
64
63
|
});
|
|
65
64
|
}, []);
|
|
66
65
|
return s.useEffect(() => {
|
|
67
|
-
if (
|
|
68
|
-
return
|
|
66
|
+
if (v)
|
|
67
|
+
return n.initializeRovingTab(), () => n.removeFocusListener();
|
|
69
68
|
}, []), /* @__PURE__ */ s.createElement(
|
|
70
69
|
"div",
|
|
71
70
|
{
|
|
72
|
-
className:
|
|
73
|
-
style:
|
|
74
|
-
onKeyDown: (e) =>
|
|
71
|
+
className: R("k-listview", g),
|
|
72
|
+
style: y,
|
|
73
|
+
onKeyDown: (e) => v && h(e),
|
|
75
74
|
onClick: I
|
|
76
75
|
},
|
|
77
|
-
|
|
78
|
-
/* @__PURE__ */ s.createElement("div", { role: "list", className: "k-listview-content", onScroll: C, ref:
|
|
79
|
-
c ? /* @__PURE__ */ s.createElement(c, null) : null
|
|
76
|
+
m ? /* @__PURE__ */ s.createElement(m, null) : null,
|
|
77
|
+
/* @__PURE__ */ s.createElement("div", { role: "list", className: "k-listview-content", onScroll: C, ref: d }, i && b.map((e, t) => /* @__PURE__ */ s.createElement(i, { dataItem: e, index: t, key: t }))),
|
|
78
|
+
c ? /* @__PURE__ */ s.createElement(c, null) : null,
|
|
79
|
+
L && /* @__PURE__ */ s.createElement(S, null)
|
|
80
80
|
);
|
|
81
81
|
});
|
|
82
|
-
|
|
82
|
+
H.displayName = "KendoReactListView";
|
|
83
83
|
export {
|
|
84
|
-
|
|
84
|
+
H as ListView
|
|
85
85
|
};
|
|
@@ -12,4 +12,4 @@
|
|
|
12
12
|
* Licensed under commercial license. See LICENSE.md in the package root for more information
|
|
13
13
|
*-------------------------------------------------------------------------------------------
|
|
14
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)
|
|
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)=>{const a=!s.validatePackage(n,{component:"ListView"}),{data:o=[],item:i,footer:c,header:d,className:u,style:m,onScroll:f,navigatable:v}=e,p=r.useRef(null),w=r.useRef(null),E=r.useCallback((()=>({onScroll:f,props:e,context:{},state:{},refs:{}})),[]);r.useImperativeHandle(w,E),r.useImperativeHandle(t,(()=>w.current));const k=r.useCallback((e=>s.dispatchEvent(f,e,E(),void 0)),[]),y=(e,t,s)=>{s.preventDefault(),t.focusNext(e),t.next(e).classList.add(l),t.previous(e).classList.remove(l)},b=(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:p,selectors:[".k-listview-item"],rovingTabIndex:!0,keyboardEvents:{keydown:{ArrowDown:y,ArrowRight:y,ArrowUp:b,ArrowLeft:b,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})),[]),g=r.useCallback(N.triggerKeyboardEvent.bind(N),[]),L=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(v)return N.initializeRovingTab(),()=>N.removeFocusListener()}),[]),r.createElement("div",{className:s.classNames("k-listview",u),style:m,onKeyDown:e=>v&&g(e),onClick:L},d?r.createElement(d,null):null,r.createElement("div",{role:"list",className:"k-listview-content",onScroll:k,ref:p},i&&o.map(((e,t)=>r.createElement(i,{dataItem:e,index:t,key:t})))),c?r.createElement(c,null):null,a&&r.createElement(s.WatermarkOverlay,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/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 strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e={name:"@progress/kendo-react-listview",productName:"KendoReact",productCode:"KENDOUIREACT",productCodes:["KENDOUIREACT"],publishDate:
|
|
8
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e={name:"@progress/kendo-react-listview",productName:"KendoReact",productCode:"KENDOUIREACT",productCodes:["KENDOUIREACT"],publishDate: 1741180844,version:"10.0.0-develop.1",licensingDocsUrl:"https://www.telerik.com/kendo-react-ui/components/my-license/"};exports.packageMetadata=e;
|
package/package-metadata.mjs
CHANGED
|
@@ -10,8 +10,8 @@ const e = {
|
|
|
10
10
|
productName: "KendoReact",
|
|
11
11
|
productCode: "KENDOUIREACT",
|
|
12
12
|
productCodes: ["KENDOUIREACT"],
|
|
13
|
-
publishDate:
|
|
14
|
-
version: "
|
|
13
|
+
publishDate: 1741180844,
|
|
14
|
+
version: "10.0.0-develop.1",
|
|
15
15
|
licensingDocsUrl: "https://www.telerik.com/kendo-react-ui/components/my-license/"
|
|
16
16
|
};
|
|
17
17
|
export {
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@progress/kendo-react-listview",
|
|
3
|
-
"version": "
|
|
3
|
+
"version": "10.0.0-develop.1",
|
|
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.5.0",
|
|
29
|
-
"@progress/kendo-react-common": "
|
|
29
|
+
"@progress/kendo-react-common": "10.0.0-develop.1",
|
|
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": 1741180844,
|
|
55
55
|
"licensingDocsUrl": "https://www.telerik.com/kendo-react-ui/components/my-license/"
|
|
56
56
|
}
|
|
57
57
|
},
|