@progress/kendo-react-scrollview 8.1.0-develop.9 → 8.1.1-develop.1

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

package/ScrollView.mjs

@@ -8,121 +8,121 @@
 "use client";
 import * as e from "react";
 import r from "prop-types";
-import { validatePackage as M, useRtl as $, Keys as N, classNames as R, IconWrap as V } from "@progress/kendo-react-common";
-import { packageMetadata as j } from "./package-metadata.mjs";
+import { validatePackage as $, useRtl as j, Keys as N, classNames as V, IconWrap as R } from "@progress/kendo-react-common";
+import { packageMetadata as F } from "./package-metadata.mjs";
 import { chevronRightIcon as I, chevronLeftIcon as x } from "@progress/kendo-svg-icons";
-const h = e.forwardRef((p, P) => {
-  M(j);
+const P = e.forwardRef((p, T) => {
+  $(F);
   const {
     className: d,
-    style: T,
+    style: A,
     children: k,
-    pagerOverlay: f,
-    pageable: A,
-    arrows: D,
-    endless: n,
-    activeView: K,
-    automaticViewChange: y,
-    automaticViewChangeInterval: b
-  } = p, [t, s] = e.useState(K || 1), o = e.useRef(null), m = e.useRef(null), g = e.useRef(null), a = e.Children.toArray(k), w = $(o, p.dir), c = w === "rtl", C = e.useCallback(
+    pagerOverlay: w = o.pageOverlay,
+    pageable: D = o.pageable,
+    arrows: K = o.arrows,
+    endless: n = o.endless,
+    activeView: O = o.activeView,
+    automaticViewChange: y = o.automaticViewChange,
+    automaticViewChangeInterval: C = o.automaticViewChangeInterval
+  } = p, [t, s] = e.useState(O || 1), i = e.useRef(null), u = e.useRef(null), f = e.useRef(null), l = e.Children.toArray(k), h = j(i, p.dir), c = h === "rtl", b = e.useCallback(
     () => {
-      o.current && o.current.focus();
+      i.current && i.current.focus();
     },
     []
-  ), O = e.useCallback(
+  ), S = e.useCallback(
     () => ({
-      element: o.current,
-      focus: C
+      element: i.current,
+      focus: b
     }),
-    [C]
+    [b]
   );
-  e.useImperativeHandle(P, O);
-  const u = e.useCallback(() => {
-    n ? t > 1 ? s(t - 1) : s(a.length) : t > 1 && s(t - 1);
-  }, [t, a.length, n]), v = e.useCallback(() => {
-    n ? t < a.length ? s(t + 1) : s(1) : t < a.length && s(t + 1);
-  }, [t, a.length, n]);
+  e.useImperativeHandle(T, S);
+  const v = e.useCallback(() => {
+    n ? t > 1 ? s(t - 1) : s(l.length) : t > 1 && s(t - 1);
+  }, [t, l.length, n]), g = e.useCallback(() => {
+    n ? t < l.length ? s(t + 1) : s(1) : t < l.length && s(t + 1);
+  }, [t, l.length, n]);
   e.useEffect(() => {
-    let l = a.length;
-    m.current && (m.current.style.setProperty("--kendo-scrollview-views", `${l}`), m.current.style.setProperty("--kendo-scrollview-current", `${t}`));
-  }, [a, t, w]);
+    let a = l.length;
+    u.current && (u.current.style.setProperty("--kendo-scrollview-views", `${a}`), u.current.style.setProperty("--kendo-scrollview-current", `${t}`));
+  }, [l, t, h]);
   function E() {
-    g.current && clearTimeout(g.current);
+    f.current && clearTimeout(f.current);
   }
   e.useEffect(() => {
     if (y)
-      return E(), g.current = setTimeout(
-        () => s((l) => l === a.length ? n ? 1 : l : l + 1),
-        b
+      return E(), f.current = setTimeout(
+        () => s((a) => a === l.length ? n ? 1 : a : a + 1),
+        C
       ), () => {
         E();
       };
-  }, [y, b, a.length, t, n]);
-  const S = e.useCallback(
-    (l) => {
-      switch (l.keyCode) {
+  }, [y, C, l.length, t, n]);
+  const z = e.useCallback(
+    (a) => {
+      switch (a.keyCode) {
         case N.left:
-          l.preventDefault(), c ? v() : u();
+          a.preventDefault(), c ? g() : v();
           break;
         case N.right:
-          l.preventDefault(), c ? u() : v();
+          a.preventDefault(), c ? v() : g();
           break;
       }
     },
-    [c, v, u]
-  ), z = e.useMemo(
-    () => R(
+    [c, g, v]
+  ), B = e.useMemo(
+    () => V(
       "k-scrollview",
       {
-        "k-scrollview-light": f === "light",
-        "k-scrollview-dark": f === "dark"
+        "k-scrollview-light": w === "light",
+        "k-scrollview-dark": w === "dark"
       },
       d
     ),
-    [d, f]
-  ), B = e.Children.map(k || null, (l, i) => /* @__PURE__ */ e.createElement(
+    [d, w]
+  ), H = e.Children.map(k || null, (a, m) => /* @__PURE__ */ e.createElement(
     "div",
     {
       className: "k-scrollview-view",
-      "aria-hidden": t !== i + 1
+      "aria-hidden": t !== m + 1
     },
-    l
-  )), H = e.useCallback(() => {
-    let l;
-    return l = t > 1, (n || l) && a.length > 0;
-  }, [t, a.length, n]), L = e.useCallback(() => {
-    let l;
-    return l = t < a.length, (n || l) && a.length > 0;
-  }, [t, a.length, n]);
-  return /* @__PURE__ */ e.createElement("div", { className: z, style: T, ref: o, tabIndex: 0, dir: w, onKeyDown: S }, /* @__PURE__ */ e.createElement("div", { className: "k-scrollview-wrap k-scrollview-animate", ref: m }, B), /* @__PURE__ */ e.createElement("div", { className: "k-scrollview-elements" }, D && /* @__PURE__ */ e.createElement(e.Fragment, null, H() && /* @__PURE__ */ e.createElement("span", { className: "k-scrollview-prev", "aria-label": "previous", onClick: u }, /* @__PURE__ */ e.createElement(
-    V,
+    a
+  )), L = e.useCallback(() => {
+    let a;
+    return a = t > 1, (n || a) && l.length > 0;
+  }, [t, l.length, n]), M = e.useCallback(() => {
+    let a;
+    return a = t < l.length, (n || a) && l.length > 0;
+  }, [t, l.length, n]);
+  return /* @__PURE__ */ e.createElement("div", { className: B, style: A, ref: i, tabIndex: 0, dir: h, onKeyDown: z }, /* @__PURE__ */ e.createElement("div", { className: "k-scrollview-wrap k-scrollview-animate", ref: u }, H), /* @__PURE__ */ e.createElement("div", { className: "k-scrollview-elements" }, K && /* @__PURE__ */ e.createElement(e.Fragment, null, L() && /* @__PURE__ */ e.createElement("span", { className: "k-scrollview-prev", "aria-label": "previous", onClick: v }, /* @__PURE__ */ e.createElement(
+    R,
     {
       name: c ? "chevron-right" : "chevron-left",
       icon: c ? I : x,
       size: "xxxlarge"
     }
-  )), L() && /* @__PURE__ */ e.createElement("span", { className: "k-scrollview-next", onClick: v }, /* @__PURE__ */ e.createElement(
-    V,
+  )), M() && /* @__PURE__ */ e.createElement("span", { className: "k-scrollview-next", onClick: g }, /* @__PURE__ */ e.createElement(
+    R,
     {
       name: c ? "chevron-left" : "chevron-right",
       icon: c ? x : I,
       size: "xxxlarge"
     }
-  ))), A && /* @__PURE__ */ e.createElement("div", { className: "k-scrollview-nav-wrap" }, /* @__PURE__ */ e.createElement("div", { className: "k-scrollview-nav" }, a.map((l, i) => /* @__PURE__ */ e.createElement(
+  ))), D && /* @__PURE__ */ e.createElement("div", { className: "k-scrollview-nav-wrap" }, /* @__PURE__ */ e.createElement("div", { className: "k-scrollview-nav" }, l.map((a, m) => /* @__PURE__ */ e.createElement(
     "span",
     {
-      className: R(
+      className: V(
         "k-link",
         {
-          "k-primary": t === i + 1
+          "k-primary": t === m + 1
         }
       ),
-      key: i + 1,
-      onClick: () => s(i + 1)
+      key: m + 1,
+      onClick: () => s(m + 1)
     }
   ))))), /* @__PURE__ */ e.createElement("div", { "aria-live": "polite", "aria-atomic": "true", className: "k-sr-only" }));
 });
-h.propTypes = {
+P.propTypes = {
   activeView: r.number,
   arrows: r.bool,
   automaticViewChange: r.bool,
@@ -135,7 +135,7 @@ h.propTypes = {
   pageOverlay: r.string,
   style: r.object
 };
-const F = {
+const o = {
   activeView: 1,
   arrows: !0,
   automaticViewChange: !0,
@@ -144,8 +144,7 @@ const F = {
   pageable: !0,
   pageOverlay: "none"
 };
-h.defaultProps = F;
-h.displayName = "KendoScrollView";
+P.displayName = "KendoScrollView";
 export {
-  h as ScrollView
+  P as ScrollView
 };

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

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

package/package-metadata.mjs

@@ -10,7 +10,7 @@ const e = {
   name: "@progress/kendo-react-scrollview",
   productName: "KendoReact",
   productCodes: ["KENDOUIREACT", "KENDOUICOMPLETE"],
-  publishDate: 1718182618,
+  publishDate: 1719494487,
   version: "",
   licensingDocsUrl: "https://www.telerik.com/kendo-react-ui/components/my-license/"
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@progress/kendo-react-scrollview",
-  "version": "8.1.0-develop.9",
+  "version": "8.1.1-develop.1",
   "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",
@@ -23,7 +23,7 @@
   "sideEffects": false,
   "peerDependencies": {
     "@progress/kendo-licensing": "^1.3.4",
-    "@progress/kendo-react-common": "8.1.0-develop.9",
+    "@progress/kendo-react-common": "8.1.1-develop.1",
     "@progress/kendo-svg-icons": "^3.0.0",
     "react": "^16.8.2 || ^17.0.0 || ^18.0.0",
     "react-dom": "^16.8.2 || ^17.0.0 || ^18.0.0"