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

Comparing version 9.4.0-develop.1 to 9.4.0-develop.2

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

@@ -8,2 +8,2 @@ /**
  */
-!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("react"),require("prop-types"),require("@progress/kendo-react-common"),require("@progress/kendo-svg-icons"),require("@progress/kendo-react-intl")):"function"==typeof define&&define.amd?define(["exports","react","prop-types","@progress/kendo-react-common","@progress/kendo-svg-icons","@progress/kendo-react-intl"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self).KendoReactScrollview={},e.React,e.PropTypes,e.KendoReactCommon,e.KendoSvgIcons,e.KendoReactIntl)}(this,(function(e,t,r,a,n,l){"use strict";function c(e){var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var a=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,a.get?a:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}var o=c(t);const s={name:"@progress/kendo-react-scrollview",productName:"KendoReact",productCode:"KENDOUIREACT",productCodes:["KENDOUIREACT"],publishDate:1737621853,version:"$VERSION",licensingDocsUrl:"https://www.telerik.com/kendo-react-ui/components/my-license/"},i="scrollview.previous",u="scrollview.next",g={[i]:"Previous",[u]:"Next"},v=o.forwardRef(((e,t)=>{a.validatePackage(s);const{className:r,style:c,children:v,pagerOverlay:p=m.pageOverlay,pageable:d=m.pageable,arrows:h=m.arrows,endless:w=m.endless,activeView:f=m.activeView,automaticViewChange:k=m.automaticViewChange,automaticViewChangeInterval:b=m.automaticViewChangeInterval}=e,[y,C]=o.useState(f||1),E=o.useRef(null),N=o.useRef(null),I=o.useRef(null),x=o.Children.toArray(v),K=a.useRtl(E,e.dir),R="rtl"===K,V=l.useLocalization(),O=o.useCallback((()=>{E.current&&E.current.focus()}),[]),S=o.useCallback((()=>({element:E.current,focus:O})),[O]);o.useImperativeHandle(t,S);const D=o.useCallback((()=>{w?C(y>1?y-1:x.length):y>1&&C(y-1)}),[y,x.length,w]),T=o.useCallback((()=>{w?y<x.length?C(y+1):C(1):y<x.length&&C(y+1)}),[y,x.length,w]),j=o.useCallback((e=>{var t,r;const a=e.target;a.classList.contains("k-scrollview-prev")?(D(),!((w||y>2)&&x.length>0)&&(null==(t=E.current)||t.focus())):a.classList.contains("k-scrollview-next")&&(T(),!((w||y<x.length-1)&&x.length>0)&&(null==(r=E.current)||r.focus()))}),[y,x.length,w]);function L(){I.current&&clearTimeout(I.current)}o.useEffect((()=>{const e=x.length;N.current&&(N.current.style.setProperty("--kendo-scrollview-views",`${e}`),N.current.style.setProperty("--kendo-scrollview-current",`${y}`))}),[x,y,K]),o.useEffect((()=>{if(k)return L(),I.current=setTimeout((()=>C((e=>e===x.length?w?1:e:e+1))),b),()=>{L()}}),[k,b,x.length,y,w]);const P=o.useCallback((e=>{switch(e.key){case a.KEYS.left:e.preventDefault(),R?T():D();break;case a.KEYS.right:e.preventDefault(),R?D():T();break;case a.KEYS.space:case a.KEYS.enter:e.preventDefault(),j(e)}}),[R,T,D]),q=o.useMemo((()=>a.classNames("k-scrollview",{"k-scrollview-light":"light"===p,"k-scrollview-dark":"dark"===p},r)),[r,p]),z=o.Children.map(v||null,((e,t)=>o.createElement("div",{className:"k-scrollview-view","aria-hidden":y!==t+1},e))),Y=o.useCallback((()=>{let e;return e=y>1,(w||e)&&x.length>0}),[y,x.length,w]),A=o.useCallback((()=>{let e;return e=y<x.length,(w||e)&&x.length>0}),[y,x.length,w]);return o.createElement("div",{className:q,style:c,ref:E,tabIndex:0,dir:K,onKeyDown:P},o.createElement("div",{className:"k-scrollview-wrap k-scrollview-animate",ref:N},z),o.createElement("div",{className:"k-scrollview-elements"},h&&o.createElement(o.Fragment,null,Y()&&o.createElement("span",{className:"k-scrollview-prev","aria-label":V.toLanguageString(u,g[u]),role:"button",tabIndex:0,onClick:D,onKeyDown:P},o.createElement(a.IconWrap,{name:R?"chevron-right":"chevron-left",icon:R?n.chevronRightIcon:n.chevronLeftIcon,size:"xxxlarge"})),A()&&o.createElement("span",{className:"k-scrollview-next","aria-label":V.toLanguageString(i,g[i]),role:"button",tabIndex:0,onClick:T,onKeyDown:P},o.createElement(a.IconWrap,{name:R?"chevron-left":"chevron-right",icon:R?n.chevronLeftIcon:n.chevronRightIcon,size:"xxxlarge"}))),d&&o.createElement("div",{className:"k-scrollview-nav-wrap"},o.createElement("div",{className:"k-scrollview-nav"},x.map(((e,t)=>o.createElement("span",{className:a.classNames("k-link",{"k-primary":y===t+1}),key:t+1,onClick:()=>C(t+1)})))))),o.createElement("div",{"aria-live":"polite","aria-atomic":"true",className:"k-sr-only"}))}));v.propTypes={activeView:r.number,arrows:r.bool,automaticViewChange:r.bool,automaticViewChangeInterval:r.number,children:r.any,className:r.string,dir:r.string,endless:r.bool,pageable:r.bool,pageOverlay:r.string,style:r.object};const m={activeView:1,arrows:!0,automaticViewChange:!0,automaticViewChangeInterval:5e3,endless:!1,pageable:!0,pageOverlay:"none"};v.displayName="KendoScrollView",e.ScrollView=v}));
+!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("react"),require("prop-types"),require("@progress/kendo-react-common"),require("@progress/kendo-svg-icons"),require("@progress/kendo-react-intl")):"function"==typeof define&&define.amd?define(["exports","react","prop-types","@progress/kendo-react-common","@progress/kendo-svg-icons","@progress/kendo-react-intl"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self).KendoReactScrollview={},e.React,e.PropTypes,e.KendoReactCommon,e.KendoSvgIcons,e.KendoReactIntl)}(this,(function(e,t,r,a,n,l){"use strict";function c(e){var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var a=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,a.get?a:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}var o=c(t);const s={name:"@progress/kendo-react-scrollview",productName:"KendoReact",productCode:"KENDOUIREACT",productCodes:["KENDOUIREACT"],publishDate:1737714327,version:"$VERSION",licensingDocsUrl:"https://www.telerik.com/kendo-react-ui/components/my-license/"},i="scrollview.previous",u="scrollview.next",g={[i]:"Previous",[u]:"Next"},v=o.forwardRef(((e,t)=>{a.validatePackage(s);const{className:r,style:c,children:v,pagerOverlay:p=m.pageOverlay,pageable:d=m.pageable,arrows:h=m.arrows,endless:w=m.endless,activeView:f=m.activeView,automaticViewChange:k=m.automaticViewChange,automaticViewChangeInterval:b=m.automaticViewChangeInterval}=e,[y,C]=o.useState(f||1),E=o.useRef(null),N=o.useRef(null),I=o.useRef(null),x=o.Children.toArray(v),K=a.useRtl(E,e.dir),R="rtl"===K,V=l.useLocalization(),O=o.useCallback((()=>{E.current&&E.current.focus()}),[]),S=o.useCallback((()=>({element:E.current,focus:O})),[O]);o.useImperativeHandle(t,S);const D=o.useCallback((()=>{w?C(y>1?y-1:x.length):y>1&&C(y-1)}),[y,x.length,w]),T=o.useCallback((()=>{w?y<x.length?C(y+1):C(1):y<x.length&&C(y+1)}),[y,x.length,w]),j=o.useCallback((e=>{var t,r;const a=e.target;a.classList.contains("k-scrollview-prev")?(D(),!((w||y>2)&&x.length>0)&&(null==(t=E.current)||t.focus())):a.classList.contains("k-scrollview-next")&&(T(),!((w||y<x.length-1)&&x.length>0)&&(null==(r=E.current)||r.focus()))}),[y,x.length,w]);function L(){I.current&&clearTimeout(I.current)}o.useEffect((()=>{const e=x.length;N.current&&(N.current.style.setProperty("--kendo-scrollview-views",`${e}`),N.current.style.setProperty("--kendo-scrollview-current",`${y}`))}),[x,y,K]),o.useEffect((()=>{if(k)return L(),I.current=setTimeout((()=>C((e=>e===x.length?w?1:e:e+1))),b),()=>{L()}}),[k,b,x.length,y,w]);const P=o.useCallback((e=>{switch(e.key){case a.KEYS.left:e.preventDefault(),R?T():D();break;case a.KEYS.right:e.preventDefault(),R?D():T();break;case a.KEYS.space:case a.KEYS.enter:e.preventDefault(),j(e)}}),[R,T,D]),q=o.useMemo((()=>a.classNames("k-scrollview",{"k-scrollview-light":"light"===p,"k-scrollview-dark":"dark"===p},r)),[r,p]),z=o.Children.map(v||null,((e,t)=>o.createElement("div",{className:"k-scrollview-view","aria-hidden":y!==t+1},e))),Y=o.useCallback((()=>{let e;return e=y>1,(w||e)&&x.length>0}),[y,x.length,w]),A=o.useCallback((()=>{let e;return e=y<x.length,(w||e)&&x.length>0}),[y,x.length,w]);return o.createElement("div",{className:q,style:c,ref:E,tabIndex:0,dir:K,onKeyDown:P},o.createElement("div",{className:"k-scrollview-wrap k-scrollview-animate",ref:N},z),o.createElement("div",{className:"k-scrollview-elements"},h&&o.createElement(o.Fragment,null,Y()&&o.createElement("span",{className:"k-scrollview-prev","aria-label":V.toLanguageString(u,g[u]),role:"button",tabIndex:0,onClick:D,onKeyDown:P},o.createElement(a.IconWrap,{name:R?"chevron-right":"chevron-left",icon:R?n.chevronRightIcon:n.chevronLeftIcon,size:"xxxlarge"})),A()&&o.createElement("span",{className:"k-scrollview-next","aria-label":V.toLanguageString(i,g[i]),role:"button",tabIndex:0,onClick:T,onKeyDown:P},o.createElement(a.IconWrap,{name:R?"chevron-left":"chevron-right",icon:R?n.chevronLeftIcon:n.chevronRightIcon,size:"xxxlarge"}))),d&&o.createElement("div",{className:"k-scrollview-nav-wrap"},o.createElement("div",{className:"k-scrollview-nav"},x.map(((e,t)=>o.createElement("span",{className:a.classNames("k-link",{"k-primary":y===t+1}),key:t+1,onClick:()=>C(t+1)})))))),o.createElement("div",{"aria-live":"polite","aria-atomic":"true",className:"k-sr-only"}))}));v.propTypes={activeView:r.number,arrows:r.bool,automaticViewChange:r.bool,automaticViewChangeInterval:r.number,children:r.any,className:r.string,dir:r.string,endless:r.bool,pageable:r.bool,pageOverlay:r.string,style:r.object};const m={activeView:1,arrows:!0,automaticViewChange:!0,automaticViewChangeInterval:5e3,endless:!1,pageable:!0,pageOverlay:"none"};v.displayName="KendoScrollView",e.ScrollView=v}));

package-metadata.js

@@ -8,2 +8,2 @@ /**
  */
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e={name:"@progress/kendo-react-scrollview",productName:"KendoReact",productCode:"KENDOUIREACT",productCodes:["KENDOUIREACT"],publishDate: 1737621853,version:"9.4.0-develop.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-scrollview",productName:"KendoReact",productCode:"KENDOUIREACT",productCodes:["KENDOUIREACT"],publishDate: 1737714327,version:"9.4.0-develop.2",licensingDocsUrl:"https://www.telerik.com/kendo-react-ui/components/my-license/"};exports.packageMetadata=e;

package.json

 {
   "name": "@progress/kendo-react-scrollview",
-  "version": "9.4.0-develop.1",
+  "version": "9.4.0-develop.2",
   "description": "React ScrollView (React Carousel) displays images or content in a horizontally scrollable collection. KendoReact ScrollView package",
@@ -29,3 +29,3 @@ "author": "Progress",
     "@progress/kendo-licensing": "^1.3.4",
-    "@progress/kendo-react-common": "9.4.0-develop.1",
+    "@progress/kendo-react-common": "9.4.0-develop.2",
     "@progress/kendo-svg-icons": "^4.0.0",
@@ -56,3 +56,3 @@ "react": "^16.8.2 || ^17.0.0 || ^18.0.0 || ^19.0.0 || ^19.0.0-rc",
       "productCode": "KENDOUIREACT",
-      "publishDate": 1737621853,
+      "publishDate": 1737714327,
       "licensingDocsUrl": "https://www.telerik.com/kendo-react-ui/components/my-license/"
@@ -59,0 +59,0 @@ }

No alert changes

No metric changes

No dependency changes