@progress/kendo-react-listview - npm Package Compare versions

Comparing version 9.3.1 to 9.4.0-develop.1

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

@@ -8,2 +8,2 @@ /**
  */
-!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:1737534984,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)}}));
+!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:1737621871,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-metadata.js

@@ -8,2 +8,2 @@ /**
  */
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e={name:"@progress/kendo-react-listview",productName:"KendoReact",productCode:"KENDOUIREACT",productCodes:["KENDOUIREACT"],publishDate: 1737534984,version:"9.3.1",licensingDocsUrl:"https://www.telerik.com/kendo-react-ui/components/my-license/"};exports.packageMetadata=e;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e={name:"@progress/kendo-react-listview",productName:"KendoReact",productCode:"KENDOUIREACT",productCodes:["KENDOUIREACT"],publishDate: 1737621871,version:"9.4.0-develop.1",licensingDocsUrl:"https://www.telerik.com/kendo-react-ui/components/my-license/"};exports.packageMetadata=e;

package.json

 {
   "name": "@progress/kendo-react-listview",
-  "version": "9.3.1",
+  "version": "9.4.0-develop.1",
   "description": "React ListView enables you to display a custom layout of data items. KendoReact ListView package",
@@ -29,3 +29,3 @@ "author": "Progress",
     "@progress/kendo-licensing": "^1.3.4",
-    "@progress/kendo-react-common": "9.3.1",
+    "@progress/kendo-react-common": "9.4.0-develop.1",
     "react": "^16.8.2 || ^17.0.0 || ^18.0.0 || ^19.0.0 || ^19.0.0-rc",
@@ -55,3 +55,3 @@ "react-dom": "^16.8.2 || ^17.0.0 || ^18.0.0 || ^19.0.0 || ^19.0.0-rc"
       "productCode": "KENDOUIREACT",
-      "publishDate": 1737534984,
+      "publishDate": 1737621871,
       "licensingDocsUrl": "https://www.telerik.com/kendo-react-ui/components/my-license/"
@@ -58,0 +58,0 @@ }

New alerts

No v1

Quality

Package is not semver >=1. This means it is not stable and does not support ^ ranges.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

47977

increased by0.08%

Worsened metrics

Number of low quality alerts

3

increased by50%

No dependency changes