@progress/kendo-react-scrollview 9.4.0-develop.6 → 9.4.0-develop.8

package/ScrollView.js

@@ -5,4 +5,4 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const H=require("react"),l=require("prop-types"),s=require("@progress/kendo-react-common"),W=require("./package-metadata.js"),b=require("@progress/kendo-svg-icons"),$=require("@progress/kendo-react-intl"),f=require("./messages.js");function F(c){const w=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(c){for(const u in c)if(u!=="default"){const p=Object.getOwnPropertyDescriptor(c,u);Object.defineProperty(w,u,p.get?p:{enumerable:!0,get:()=>c[u]})}}return w.default=c,Object.freeze(w)}const e=F(H),N=e.forwardRef((c,w)=>{s.validatePackage(W.packageMetadata);const{className:u,style:p,children:R,pagerOverlay:y=v.pageOverlay,pageable:T=v.pageable,arrows:q=v.arrows,endless:r=v.endless,activeView:j=v.activeView,automaticViewChange:V=v.automaticViewChange,automaticViewChangeInterval:S=v.automaticViewChangeInterval}=c,[a,o]=e.useState(j||1),m=e.useRef(null),k=e.useRef(null),C=e.useRef(null),n=e.Children.toArray(R),E=s.useRtl(m,c.dir),g=E==="rtl",L=$.useLocalization(),x=e.useCallback(()=>{m.current&&m.current.focus()},[]),z=e.useCallback(()=>({element:m.current,focus:x}),[x]);e.useImperativeHandle(w,z);const d=e.useCallback(()=>{r?a>1?o(a-1):o(n.length):a>1&&o(a-1)},[a,n.length,r]),h=e.useCallback(()=>{r?a<n.length?o(a+1):o(1):a<n.length&&o(a+1)},[a,n.length,r]),D=e.useCallback(t=>{var P,K;const i=t.target;i.classList.contains("k-scrollview-prev")?(d(),!((r||a>2)&&n.length>0)&&((P=m.current)==null||P.focus())):i.classList.contains("k-scrollview-next")&&(h(),!((r||a<n.length-1)&&n.length>0)&&((K=m.current)==null||K.focus()))},[a,n.length,r]);e.useEffect(()=>{const t=n.length;k.current&&(k.current.style.setProperty("--kendo-scrollview-views",`${t}`),k.current.style.setProperty("--kendo-scrollview-current",`${a}`))},[n,a,E]);function O(){C.current&&clearTimeout(C.current)}e.useEffect(()=>{if(V)return O(),C.current=setTimeout(()=>o(t=>t===n.length?r?1:t:t+1),S),()=>{O()}},[V,S,n.length,a,r]);const I=e.useCallback(t=>{switch(t.key){case s.KEYS.left:t.preventDefault(),g?h():d();break;case s.KEYS.right:t.preventDefault(),g?d():h();break;case s.KEYS.space:t.preventDefault(),D(t);break;case s.KEYS.enter:t.preventDefault(),D(t);break}},[g,h,d]),A=e.useMemo(()=>s.classNames("k-scrollview",{"k-scrollview-light":y==="light","k-scrollview-dark":y==="dark"},u),[u,y]),M=e.Children.map(R||null,(t,i)=>e.createElement("div",{className:"k-scrollview-view","aria-hidden":a!==i+1},t)),Y=e.useCallback(()=>{let t;return t=a>1,(r||t)&&n.length>0},[a,n.length,r]),_=e.useCallback(()=>{let t;return t=a<n.length,(r||t)&&n.length>0},[a,n.length,r]);return e.createElement("div",{className:A,style:p,ref:m,tabIndex:0,dir:E,onKeyDown:I},e.createElement("div",{className:"k-scrollview-wrap k-scrollview-animate",ref:k},M),e.createElement("div",{className:"k-scrollview-elements"},q&&e.createElement(e.Fragment,null,Y()&&e.createElement("span",{className:"k-scrollview-prev","aria-label":L.toLanguageString(f.next,f.messages[f.next]),role:"button",tabIndex:0,onClick:d,onKeyDown:I},e.createElement(s.IconWrap,{name:g?"chevron-right":"chevron-left",icon:g?b.chevronRightIcon:b.chevronLeftIcon,size:"xxxlarge"})),_()&&e.createElement("span",{className:"k-scrollview-next","aria-label":L.toLanguageString(f.previous,f.messages[f.previous]),role:"button",tabIndex:0,onClick:h,onKeyDown:I},e.createElement(s.IconWrap,{name:g?"chevron-left":"chevron-right",icon:g?b.chevronLeftIcon:b.chevronRightIcon,size:"xxxlarge"}))),T&&e.createElement("div",{className:"k-scrollview-nav-wrap"},e.createElement("div",{className:"k-scrollview-nav"},n.map((t,i)=>e.createElement("span",{className:s.classNames("k-link",{"k-primary":a===i+1}),key:i+1,onClick:()=>o(i+1)}))))),e.createElement("div",{"aria-live":"polite","aria-atomic":"true",className:"k-sr-only"}))});N.propTypes={activeView:l.number,arrows:l.bool,automaticViewChange:l.bool,automaticViewChangeInterval:l.number,children:l.any,className:l.string,dir:l.string,endless:l.bool,pageable:l.bool,pageOverlay:l.string,style:l.object};const v={activeView:1,arrows:!0,automaticViewChange:!0,automaticViewChangeInterval:5e3,endless:!1,pageable:!0,pageOverlay:"none"};N.displayName="KendoScrollView";exports.ScrollView=N;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const H=require("react"),l=require("prop-types"),s=require("@progress/kendo-react-common"),W=require("./package-metadata.js"),b=require("@progress/kendo-svg-icons"),$=require("@progress/kendo-react-intl"),f=require("./messages.js");function F(c){const w=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(c){for(const u in c)if(u!=="default"){const p=Object.getOwnPropertyDescriptor(c,u);Object.defineProperty(w,u,p.get?p:{enumerable:!0,get:()=>c[u]})}}return w.default=c,Object.freeze(w)}const e=F(H),N=e.forwardRef((c,w)=>{s.validatePackage(W.packageMetadata);const{className:u,style:p,children:R,pagerOverlay:y=v.pageOverlay,pageable:T=v.pageable,arrows:q=v.arrows,endless:r=v.endless,activeView:j=v.activeView,automaticViewChange:V=v.automaticViewChange,automaticViewChangeInterval:S=v.automaticViewChangeInterval}=c,[a,o]=e.useState(j||1),m=e.useRef(null),k=e.useRef(null),C=e.useRef(null),n=e.Children.toArray(R),E=s.useRtl(m,c.dir),g=E==="rtl",L=$.useLocalization(),x=e.useCallback(()=>{m.current&&m.current.focus()},[]),z=e.useCallback(()=>({element:m.current,focus:x}),[x]);e.useImperativeHandle(w,z);const d=e.useCallback(()=>{r?a>1?o(a-1):o(n.length):a>1&&o(a-1)},[a,n.length,r]),h=e.useCallback(()=>{r?a<n.length?o(a+1):o(1):a<n.length&&o(a+1)},[a,n.length,r]),D=e.useCallback(t=>{var P,K;const i=t.target;i.classList.contains("k-scrollview-prev")?(d(),!((r||a>2)&&n.length>0)&&((P=m.current)==null||P.focus())):i.classList.contains("k-scrollview-next")&&(h(),!((r||a<n.length-1)&&n.length>0)&&((K=m.current)==null||K.focus()))},[a,n.length,r]);e.useEffect(()=>{const t=n.length;k.current&&(k.current.style.setProperty("--kendo-scrollview-views",`${t}`),k.current.style.setProperty("--kendo-scrollview-current",`${a}`))},[n,a,E]);function O(){C.current&&clearTimeout(C.current)}e.useEffect(()=>{if(V)return O(),C.current=setTimeout(()=>o(t=>t===n.length?r?1:t:t+1),S),()=>{O()}},[V,S,n.length,a,r]);const I=e.useCallback(t=>{switch(t.key){case s.KEYS.left:t.preventDefault(),g?h():d();break;case s.KEYS.right:t.preventDefault(),g?d():h();break;case s.KEYS.space:t.preventDefault(),D(t);break;case s.KEYS.enter:t.preventDefault(),D(t);break}},[g,h,d]),A=e.useMemo(()=>s.classNames("k-scrollview",{"k-scrollview-light":y==="light","k-scrollview-dark":y==="dark"},u),[u,y]),M=e.Children.map(R||null,(t,i)=>e.createElement("div",{className:"k-scrollview-view","aria-hidden":a!==i+1},t)),Y=e.useCallback(()=>{let t;return t=a>1,(r||t)&&n.length>0},[a,n.length,r]),_=e.useCallback(()=>{let t;return t=a<n.length,(r||t)&&n.length>0},[a,n.length,r]);return e.createElement("div",{className:A,style:p,ref:m,tabIndex:0,dir:E,onKeyDown:I},e.createElement("div",{className:"k-scrollview-wrap k-scrollview-animate",ref:k},M),e.createElement("div",{className:"k-scrollview-elements"},q&&e.createElement(e.Fragment,null,Y()&&e.createElement("span",{className:"k-scrollview-prev","aria-label":L.toLanguageString(f.next,f.messages[f.next]),role:"button",tabIndex:0,onClick:d,onKeyDown:I},e.createElement(s.IconWrap,{name:g?"chevron-right":"chevron-left",icon:g?b.chevronRightIcon:b.chevronLeftIcon,size:"xxxlarge"})),_()&&e.createElement("span",{className:"k-scrollview-next","aria-label":L.toLanguageString(f.previous,f.messages[f.previous]),role:"button",tabIndex:0,onClick:h,onKeyDown:I},e.createElement(s.IconWrap,{name:g?"chevron-left":"chevron-right",icon:g?b.chevronLeftIcon:b.chevronRightIcon,size:"xxxlarge"}))),T&&e.createElement("div",{className:"k-scrollview-nav-wrap"},e.createElement("div",{className:"k-scrollview-nav"},n.map((t,i)=>e.createElement("span",{className:s.classNames("k-link",{"k-primary":a===i+1}),key:i+1,onClick:()=>o(i+1)}))))),e.createElement("div",{"aria-live":"polite","aria-atomic":"true",className:"k-sr-only"}))});N.propTypes={activeView:l.number,arrows:l.bool,automaticViewChange:l.bool,automaticViewChangeInterval:l.number,children:l.any,className:l.string,dir:l.string,endless:l.bool,pageable:l.bool,pageOverlay:l.string,style:l.object};const v={activeView:1,arrows:!0,automaticViewChange:!0,automaticViewChangeInterval:5e3,endless:!1,pageable:!0,pageOverlay:"none"};N.displayName="KendoScrollView";exports.ScrollView=N;

package/ScrollView.mjs

@@ -5,7 +5,6 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-"use client";
 import * as e from "react";
 import n from "prop-types";
 import { validatePackage as J, useRtl as Q, KEYS as f, classNames as D, IconWrap as P } from "@progress/kendo-react-common";

package/index.js

@@ -5,4 +5,5 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./ScrollView.js");exports.ScrollView=e.ScrollView;
+"use client";
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./ScrollView.js");exports.ScrollView=e.ScrollView;

package/index.mjs

@@ -6,7 +6,7 @@
  *-------------------------------------------------------------------------------------------
  */
 "use client";
-import { ScrollView as o } from "./ScrollView.mjs";
+import { ScrollView as e } from "./ScrollView.mjs";
 export {
-  o as ScrollView
+  e as ScrollView
 };

package/messages.js

@@ -5,4 +5,4 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e="scrollview.previous",s="scrollview.next",t={[e]:"Previous",[s]:"Next"};exports.messages=t;exports.next=s;exports.previous=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e="scrollview.previous",s="scrollview.next",o={[e]:"Previous",[s]:"Next"};exports.messages=o;exports.next=s;exports.previous=e;

package/messages.mjs

@@ -5,7 +5,6 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-"use client";
 const e = "scrollview.previous", s = "scrollview.next", o = {
   [e]: "Previous",
   [s]: "Next"

package/package-metadata.js

@@ -5,4 +5,4 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-"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: 1737926140,version:"9.4.0-develop.6",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={name:"@progress/kendo-react-scrollview",productName:"KendoReact",productCode:"KENDOUIREACT",productCodes:["KENDOUIREACT"],publishDate: 1738137379,version:"9.4.0-develop.8",licensingDocsUrl:"https://www.telerik.com/kendo-react-ui/components/my-license/"};exports.packageMetadata=e;

package/package-metadata.mjs

@@ -5,14 +5,13 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-"use client";
 const e = {
   name: "@progress/kendo-react-scrollview",
   productName: "KendoReact",
   productCode: "KENDOUIREACT",
   productCodes: ["KENDOUIREACT"],
-  publishDate: 1737926140,
-  version: "9.4.0-develop.6",
+  publishDate: 1738137379,
+  version: "9.4.0-develop.8",
   licensingDocsUrl: "https://www.telerik.com/kendo-react-ui/components/my-license/"
 };
 export {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@progress/kendo-react-scrollview",
-  "version": "9.4.0-develop.6",
+  "version": "9.4.0-develop.8",
   "description": "React ScrollView (React Carousel) displays images or content in a horizontally scrollable collection. KendoReact ScrollView package",
   "author": "Progress",
   "license": "SEE LICENSE IN LICENSE.md",
@@ -26,7 +26,7 @@
   "sideEffects": false,
   "peerDependencies": {
     "@progress/kendo-licensing": "^1.3.4",
-    "@progress/kendo-react-common": "9.4.0-develop.6",
+    "@progress/kendo-react-common": "9.4.0-develop.8",
     "@progress/kendo-svg-icons": "^4.0.0",
     "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"
@@ -52,7 +52,7 @@
     "package": {
       "productName": "KendoReact",
       "productCode": "KENDOUIREACT",
-      "publishDate": 1737926140,
+      "publishDate": 1738137379,
       "licensingDocsUrl": "https://www.telerik.com/kendo-react-ui/components/my-license/"
     }
   },