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

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/ScrollView.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 H=require("react"),l=require("prop-types"),s=require("@progress/kendo-react-common"),$=require("./package-metadata.js"),b=require("@progress/kendo-svg-icons"),F=require("@progress/kendo-react-intl"),f=require("./messages.js");function G(c){const w=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(c){for(const v in c)if(v!=="default"){const h=Object.getOwnPropertyDescriptor(c,v);Object.defineProperty(w,v,h.get?h:{enumerable:!0,get:()=>c[v]})}}return w.default=c,Object.freeze(w)}const e=G(H),N=e.forwardRef((c,w)=>{const v=!s.validatePackage($.packageMetadata,{component:"ScrollView"}),{className:h,style:T,children:V,pagerOverlay:y=g.pageOverlay,pageable:q=g.pageable,arrows:j=g.arrows,endless:n=g.endless,activeView:z=g.activeView,automaticViewChange:R=g.automaticViewChange,automaticViewChangeInterval:S=g.automaticViewChangeInterval}=c,[a,o]=e.useState(z||1),u=e.useRef(null),k=e.useRef(null),C=e.useRef(null),r=e.Children.toArray(V),E=s.useRtl(u,c.dir),m=E==="rtl",L=F.useLocalization(),O=e.useCallback(()=>{u.current&&u.current.focus()},[]),A=e.useCallback(()=>({element:u.current,focus:O}),[O]);e.useImperativeHandle(w,A);const d=e.useCallback(()=>{n?a>1?o(a-1):o(r.length):a>1&&o(a-1)},[a,r.length,n]),p=e.useCallback(()=>{n?a<r.length?o(a+1):o(1):a<r.length&&o(a+1)},[a,r.length,n]),x=e.useCallback(t=>{var P,K;const i=t.target;i.classList.contains("k-scrollview-prev")?(d(),!((n||a>2)&&r.length>0)&&((P=u.current)==null||P.focus())):i.classList.contains("k-scrollview-next")&&(p(),!((n||a<r.length-1)&&r.length>0)&&((K=u.current)==null||K.focus()))},[a,r.length,n]);e.useEffect(()=>{const t=r.length;k.current&&(k.current.style.setProperty("--kendo-scrollview-views",`${t}`),k.current.style.setProperty("--kendo-scrollview-current",`${a}`))},[r,a,E]);function D(){C.current&&clearTimeout(C.current)}e.useEffect(()=>{if(R)return D(),C.current=setTimeout(()=>o(t=>t===r.length?n?1:t:t+1),S),()=>{D()}},[R,S,r.length,a,n]);const I=e.useCallback(t=>{switch(t.key){case s.KEYS.left:t.preventDefault(),m?p():d();break;case s.KEYS.right:t.preventDefault(),m?d():p();break;case s.KEYS.space:t.preventDefault(),x(t);break;case s.KEYS.enter:t.preventDefault(),x(t);break}},[m,p,d]),M=e.useMemo(()=>s.classNames("k-scrollview",{"k-scrollview-light":y==="light","k-scrollview-dark":y==="dark"},h),[h,y]),W=e.Children.map(V||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,(n||t)&&r.length>0},[a,r.length,n]),_=e.useCallback(()=>{let t;return t=a<r.length,(n||t)&&r.length>0},[a,r.length,n]);return e.createElement("div",{className:M,style:T,ref:u,tabIndex:0,dir:E,onKeyDown:I},e.createElement("div",{className:"k-scrollview-wrap k-scrollview-animate",ref:k},W),e.createElement("div",{className:"k-scrollview-elements"},j&&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:m?"chevron-right":"chevron-left",icon:m?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:p,onKeyDown:I},e.createElement(s.IconWrap,{name:m?"chevron-left":"chevron-right",icon:m?b.chevronLeftIcon:b.chevronRightIcon,size:"xxxlarge"}))),q&&e.createElement("div",{className:"k-scrollview-nav-wrap"},e.createElement("div",{className:"k-scrollview-nav"},r.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"}),v&&e.createElement(s.WatermarkOverlay,null))});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 g={activeView:1,arrows:!0,automaticViewChange:!0,automaticViewChangeInterval:5e3,endless:!1,pageable:!0,pageOverlay:"none"};N.displayName="KendoScrollView";exports.ScrollView=N;
8
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const F=require("react"),s=require("prop-types"),l=require("@progress/kendo-react-common"),T=require("./package-metadata.js"),b=require("@progress/kendo-svg-icons"),G=require("@progress/kendo-react-intl"),f=require("./messages.js");function J(c){const w=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(c){for(const v in c)if(v!=="default"){const p=Object.getOwnPropertyDescriptor(c,v);Object.defineProperty(w,v,p.get?p:{enumerable:!0,get:()=>c[v]})}}return w.default=c,Object.freeze(w)}const e=J(F),N=e.forwardRef((c,w)=>{const v=!l.validatePackage(T.packageMetadata,{component:"ScrollView"}),p=l.getLicenseMessage(T.packageMetadata),{className:V,style:q,children:R,pagerOverlay:y=g.pageOverlay,pageable:j=g.pageable,arrows:z=g.arrows,endless:r=g.endless,activeView:A=g.activeView,automaticViewChange:S=g.automaticViewChange,automaticViewChangeInterval:L=g.automaticViewChangeInterval}=c,[a,o]=e.useState(A||1),u=e.useRef(null),k=e.useRef(null),C=e.useRef(null),n=e.Children.toArray(R),E=l.useRtl(u,c.dir),m=E==="rtl",O=G.useLocalization(),x=e.useCallback(()=>{u.current&&u.current.focus()},[]),W=e.useCallback(()=>({element:u.current,focus:x}),[x]);e.useImperativeHandle(w,W);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 K,M;const i=t.target;i.classList.contains("k-scrollview-prev")?(d(),!((r||a>2)&&n.length>0)&&((K=u.current)==null||K.focus())):i.classList.contains("k-scrollview-next")&&(h(),!((r||a<n.length-1)&&n.length>0)&&((M=u.current)==null||M.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 P(){C.current&&clearTimeout(C.current)}e.useEffect(()=>{if(S)return P(),C.current=setTimeout(()=>o(t=>t===n.length?r?1:t:t+1),L),()=>{P()}},[S,L,n.length,a,r]);const I=e.useCallback(t=>{switch(t.key){case l.KEYS.left:t.preventDefault(),m?h():d();break;case l.KEYS.right:t.preventDefault(),m?d():h();break;case l.KEYS.space:t.preventDefault(),D(t);break;case l.KEYS.enter:t.preventDefault(),D(t);break}},[m,h,d]),Y=e.useMemo(()=>l.classNames("k-scrollview",{"k-scrollview-light":y==="light","k-scrollview-dark":y==="dark"},V),[V,y]),_=e.Children.map(R||null,(t,i)=>e.createElement("div",{className:"k-scrollview-view","aria-hidden":a!==i+1},t)),B=e.useCallback(()=>{let t;return t=a>1,(r||t)&&n.length>0},[a,n.length,r]),H=e.useCallback(()=>{let t;return t=a<n.length,(r||t)&&n.length>0},[a,n.length,r]);return e.createElement("div",{className:Y,style:q,ref:u,tabIndex:0,dir:E,onKeyDown:I},e.createElement("div",{className:"k-scrollview-wrap k-scrollview-animate",ref:k},_),e.createElement("div",{className:"k-scrollview-elements"},z&&e.createElement(e.Fragment,null,B()&&e.createElement("span",{className:"k-scrollview-prev","aria-label":O.toLanguageString(f.next,f.messages[f.next]),role:"button",tabIndex:0,onClick:d,onKeyDown:I},e.createElement(l.IconWrap,{name:m?"chevron-right":"chevron-left",icon:m?b.chevronRightIcon:b.chevronLeftIcon,size:"xxxlarge"})),H()&&e.createElement("span",{className:"k-scrollview-next","aria-label":O.toLanguageString(f.previous,f.messages[f.previous]),role:"button",tabIndex:0,onClick:h,onKeyDown:I},e.createElement(l.IconWrap,{name:m?"chevron-left":"chevron-right",icon:m?b.chevronLeftIcon:b.chevronRightIcon,size:"xxxlarge"}))),j&&e.createElement("div",{className:"k-scrollview-nav-wrap"},e.createElement("div",{className:"k-scrollview-nav"},n.map((t,i)=>e.createElement("span",{className:l.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"}),v&&e.createElement(l.WatermarkOverlay,{message:p}))});N.propTypes={activeView:s.number,arrows:s.bool,automaticViewChange:s.bool,automaticViewChangeInterval:s.number,children:s.any,className:s.string,dir:s.string,endless:s.bool,pageable:s.bool,pageOverlay:s.string,style:s.object};const g={activeView:1,arrows:!0,automaticViewChange:!0,automaticViewChangeInterval:5e3,endless:!1,pageable:!0,pageOverlay:"none"};N.displayName="KendoScrollView";exports.ScrollView=N;
package/ScrollView.mjs CHANGED
@@ -6,38 +6,38 @@
6
6
  *-------------------------------------------------------------------------------------------
7
7
  */
8
8
  import * as e from "react";
9
- import n from "prop-types";
10
- import { validatePackage as Q, useRtl as U, KEYS as w, classNames as D, IconWrap as P, WatermarkOverlay as X } from "@progress/kendo-react-common";
11
- import { packageMetadata as Z } from "./package-metadata.mjs";
12
- import { chevronRightIcon as S, chevronLeftIcon as K } from "@progress/kendo-svg-icons";
13
- import { useLocalization as ee } from "@progress/kendo-react-intl";
14
- import { next as T, messages as A, previous as O } from "./messages.mjs";
15
- const z = e.forwardRef((d, W) => {
16
- const B = !Q(Z, { component: "ScrollView" }), {
9
+ import s from "prop-types";
10
+ import { validatePackage as X, getLicenseMessage as Z, useRtl as ee, KEYS as w, classNames as D, IconWrap as P, WatermarkOverlay as te } from "@progress/kendo-react-common";
11
+ import { packageMetadata as S } from "./package-metadata.mjs";
12
+ import { chevronRightIcon as K, chevronLeftIcon as T } from "@progress/kendo-svg-icons";
13
+ import { useLocalization as ae } from "@progress/kendo-react-intl";
14
+ import { next as A, messages as O, previous as z } from "./messages.mjs";
15
+ const M = e.forwardRef((d, W) => {
16
+ const B = !X(S, { component: "ScrollView" }), H = Z(S), {
17
17
  className: b,
18
- style: H,
18
+ style: $,
19
19
  children: y,
20
20
  pagerOverlay: f = m.pageOverlay,
21
- pageable: M = m.pageable,
22
- arrows: $ = m.arrows,
21
+ pageable: j = m.pageable,
22
+ arrows: F = m.arrows,
23
23
  endless: r = m.endless,
24
- activeView: j = m.activeView,
24
+ activeView: Y = m.activeView,
25
25
  automaticViewChange: C = m.automaticViewChange,
26
26
  automaticViewChangeInterval: E = m.automaticViewChangeInterval
27
- } = d, [a, s] = e.useState(j || 1), c = e.useRef(null), v = e.useRef(null), h = e.useRef(null), l = e.Children.toArray(y), p = U(c, d.dir), i = p === "rtl", N = ee(), I = e.useCallback(() => {
27
+ } = d, [a, n] = e.useState(Y || 1), c = e.useRef(null), v = e.useRef(null), h = e.useRef(null), l = e.Children.toArray(y), p = ee(c, d.dir), i = p === "rtl", N = ae(), I = e.useCallback(() => {
28
28
  c.current && c.current.focus();
29
- }, []), F = e.useCallback(
29
+ }, []), _ = e.useCallback(
30
30
  () => ({
31
31
  element: c.current,
32
32
  focus: I
33
33
  }),
34
34
  [I]
35
35
  );
36
- e.useImperativeHandle(W, F);
36
+ e.useImperativeHandle(W, _);
37
37
  const u = e.useCallback(() => {
38
- r ? a > 1 ? s(a - 1) : s(l.length) : a > 1 && s(a - 1);
38
+ r ? a > 1 ? n(a - 1) : n(l.length) : a > 1 && n(a - 1);
39
39
  }, [a, l.length, r]), g = e.useCallback(() => {
40
- r ? a < l.length ? s(a + 1) : s(1) : a < l.length && s(a + 1);
40
+ r ? a < l.length ? n(a + 1) : n(1) : a < l.length && n(a + 1);
41
41
  }, [a, l.length, r]), V = e.useCallback(
42
42
  (t) => {
43
43
  var R, x;
@@ -56,7 +56,7 @@ const z = e.forwardRef((d, W) => {
56
56
  e.useEffect(() => {
57
57
  if (C)
58
58
  return L(), h.current = setTimeout(
59
- () => s((t) => t === l.length ? r ? 1 : t : t + 1),
59
+ () => n((t) => t === l.length ? r ? 1 : t : t + 1),
60
60
  E
61
61
  ), () => {
62
62
  L();
@@ -80,7 +80,7 @@ const z = e.forwardRef((d, W) => {
80
80
  }
81
81
  },
82
82
  [i, g, u]
83
- ), Y = e.useMemo(
83
+ ), q = e.useMemo(
84
84
  () => D(
85
85
  "k-scrollview",
86
86
  {
@@ -90,29 +90,29 @@ const z = e.forwardRef((d, W) => {
90
90
  b
91
91
  ),
92
92
  [b, f]
93
- ), _ = e.Children.map(y || null, (t, o) => /* @__PURE__ */ e.createElement("div", { className: "k-scrollview-view", "aria-hidden": a !== o + 1 }, t)), q = e.useCallback(() => {
93
+ ), G = e.Children.map(y || null, (t, o) => /* @__PURE__ */ e.createElement("div", { className: "k-scrollview-view", "aria-hidden": a !== o + 1 }, t)), J = e.useCallback(() => {
94
94
  let t;
95
95
  return t = a > 1, (r || t) && l.length > 0;
96
- }, [a, l.length, r]), G = e.useCallback(() => {
96
+ }, [a, l.length, r]), Q = e.useCallback(() => {
97
97
  let t;
98
98
  return t = a < l.length, (r || t) && l.length > 0;
99
99
  }, [a, l.length, r]);
100
100
  return /* @__PURE__ */ e.createElement(
101
101
  "div",
102
102
  {
103
- className: Y,
104
- style: H,
103
+ className: q,
104
+ style: $,
105
105
  ref: c,
106
106
  tabIndex: 0,
107
107
  dir: p,
108
108
  onKeyDown: k
109
109
  },
110
- /* @__PURE__ */ e.createElement("div", { className: "k-scrollview-wrap k-scrollview-animate", ref: v }, _),
111
- /* @__PURE__ */ e.createElement("div", { className: "k-scrollview-elements" }, $ && /* @__PURE__ */ e.createElement(e.Fragment, null, q() && /* @__PURE__ */ e.createElement(
110
+ /* @__PURE__ */ e.createElement("div", { className: "k-scrollview-wrap k-scrollview-animate", ref: v }, G),
111
+ /* @__PURE__ */ e.createElement("div", { className: "k-scrollview-elements" }, F && /* @__PURE__ */ e.createElement(e.Fragment, null, J() && /* @__PURE__ */ e.createElement(
112
112
  "span",
113
113
  {
114
114
  className: "k-scrollview-prev",
115
- "aria-label": N.toLanguageString(T, A[T]),
115
+ "aria-label": N.toLanguageString(A, O[A]),
116
116
  role: "button",
117
117
  tabIndex: 0,
118
118
  onClick: u,
@@ -122,15 +122,15 @@ const z = e.forwardRef((d, W) => {
122
122
  P,
123
123
  {
124
124
  name: i ? "chevron-right" : "chevron-left",
125
- icon: i ? S : K,
125
+ icon: i ? K : T,
126
126
  size: "xxxlarge"
127
127
  }
128
128
  )
129
- ), G() && /* @__PURE__ */ e.createElement(
129
+ ), Q() && /* @__PURE__ */ e.createElement(
130
130
  "span",
131
131
  {
132
132
  className: "k-scrollview-next",
133
- "aria-label": N.toLanguageString(O, A[O]),
133
+ "aria-label": N.toLanguageString(z, O[z]),
134
134
  role: "button",
135
135
  tabIndex: 0,
136
136
  onClick: g,
@@ -140,36 +140,36 @@ const z = e.forwardRef((d, W) => {
140
140
  P,
141
141
  {
142
142
  name: i ? "chevron-left" : "chevron-right",
143
- icon: i ? K : S,
143
+ icon: i ? T : K,
144
144
  size: "xxxlarge"
145
145
  }
146
146
  )
147
- )), M && /* @__PURE__ */ e.createElement("div", { className: "k-scrollview-nav-wrap" }, /* @__PURE__ */ e.createElement("div", { className: "k-scrollview-nav" }, l.map((t, o) => /* @__PURE__ */ e.createElement(
147
+ )), j && /* @__PURE__ */ e.createElement("div", { className: "k-scrollview-nav-wrap" }, /* @__PURE__ */ e.createElement("div", { className: "k-scrollview-nav" }, l.map((t, o) => /* @__PURE__ */ e.createElement(
148
148
  "span",
149
149
  {
150
150
  className: D("k-link", {
151
151
  "k-primary": a === o + 1
152
152
  }),
153
153
  key: o + 1,
154
- onClick: () => s(o + 1)
154
+ onClick: () => n(o + 1)
155
155
  }
156
156
  ))))),
157
157
  /* @__PURE__ */ e.createElement("div", { "aria-live": "polite", "aria-atomic": "true", className: "k-sr-only" }),
158
- B && /* @__PURE__ */ e.createElement(X, null)
158
+ B && /* @__PURE__ */ e.createElement(te, { message: H })
159
159
  );
160
160
  });
161
- z.propTypes = {
162
- activeView: n.number,
163
- arrows: n.bool,
164
- automaticViewChange: n.bool,
165
- automaticViewChangeInterval: n.number,
166
- children: n.any,
167
- className: n.string,
168
- dir: n.string,
169
- endless: n.bool,
170
- pageable: n.bool,
171
- pageOverlay: n.string,
172
- style: n.object
161
+ M.propTypes = {
162
+ activeView: s.number,
163
+ arrows: s.bool,
164
+ automaticViewChange: s.bool,
165
+ automaticViewChangeInterval: s.number,
166
+ children: s.any,
167
+ className: s.string,
168
+ dir: s.string,
169
+ endless: s.bool,
170
+ pageable: s.bool,
171
+ pageOverlay: s.string,
172
+ style: s.object
173
173
  };
174
174
  const m = {
175
175
  activeView: 1,
@@ -180,7 +180,7 @@ const m = {
180
180
  pageable: !0,
181
181
  pageOverlay: "none"
182
182
  };
183
- z.displayName = "KendoScrollView";
183
+ M.displayName = "KendoScrollView";
184
184
  export {
185
- z as ScrollView
185
+ M as ScrollView
186
186
  };
@@ -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("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:0,version:"11.4.0-develop.6",licensingDocsUrl:"https://www.telerik.com/kendo-react-ui/components/my-license/"},i="scrollview.previous",u="scrollview.next",g={[i]:"Previous",[u]:"Next"},m=o.forwardRef(((e,t)=>{const r=!a.validatePackage(s,{component:"ScrollView"}),{className:c,style:m,children:p,pagerOverlay:d=v.pageOverlay,pageable:h=v.pageable,arrows:w=v.arrows,endless:k=v.endless,activeView:f=v.activeView,automaticViewChange:b=v.automaticViewChange,automaticViewChangeInterval:y=v.automaticViewChangeInterval}=e,[C,E]=o.useState(f||1),N=o.useRef(null),I=o.useRef(null),x=o.useRef(null),V=o.Children.toArray(p),K=a.useRtl(N,e.dir),R="rtl"===K,O=l.useLocalization(),S=o.useCallback((()=>{N.current&&N.current.focus()}),[]),D=o.useCallback((()=>({element:N.current,focus:S})),[S]);o.useImperativeHandle(t,D);const T=o.useCallback((()=>{k?E(C>1?C-1:V.length):C>1&&E(C-1)}),[C,V.length,k]),j=o.useCallback((()=>{k?C<V.length?E(C+1):E(1):C<V.length&&E(C+1)}),[C,V.length,k]),L=o.useCallback((e=>{var t,r;const a=e.target;a.classList.contains("k-scrollview-prev")?(T(),!((k||C>2)&&V.length>0)&&(null==(t=N.current)||t.focus())):a.classList.contains("k-scrollview-next")&&(j(),!((k||C<V.length-1)&&V.length>0)&&(null==(r=N.current)||r.focus()))}),[C,V.length,k]);function P(){x.current&&clearTimeout(x.current)}o.useEffect((()=>{const e=V.length;I.current&&(I.current.style.setProperty("--kendo-scrollview-views",`${e}`),I.current.style.setProperty("--kendo-scrollview-current",`${C}`))}),[V,C,K]),o.useEffect((()=>{if(b)return P(),x.current=setTimeout((()=>E((e=>e===V.length?k?1:e:e+1))),y),()=>{P()}}),[b,y,V.length,C,k]);const q=o.useCallback((e=>{switch(e.key){case a.KEYS.left:e.preventDefault(),R?j():T();break;case a.KEYS.right:e.preventDefault(),R?T():j();break;case a.KEYS.space:case a.KEYS.enter:e.preventDefault(),L(e)}}),[R,j,T]),z=o.useMemo((()=>a.classNames("k-scrollview",{"k-scrollview-light":"light"===d,"k-scrollview-dark":"dark"===d},c)),[c,d]),Y=o.Children.map(p||null,((e,t)=>o.createElement("div",{className:"k-scrollview-view","aria-hidden":C!==t+1},e))),A=o.useCallback((()=>{let e;return e=C>1,(k||e)&&V.length>0}),[C,V.length,k]),U=o.useCallback((()=>{let e;return e=C<V.length,(k||e)&&V.length>0}),[C,V.length,k]);return o.createElement("div",{className:z,style:m,ref:N,tabIndex:0,dir:K,onKeyDown:q},o.createElement("div",{className:"k-scrollview-wrap k-scrollview-animate",ref:I},Y),o.createElement("div",{className:"k-scrollview-elements"},w&&o.createElement(o.Fragment,null,A()&&o.createElement("span",{className:"k-scrollview-prev","aria-label":O.toLanguageString(u,g[u]),role:"button",tabIndex:0,onClick:T,onKeyDown:q},o.createElement(a.IconWrap,{name:R?"chevron-right":"chevron-left",icon:R?n.chevronRightIcon:n.chevronLeftIcon,size:"xxxlarge"})),U()&&o.createElement("span",{className:"k-scrollview-next","aria-label":O.toLanguageString(i,g[i]),role:"button",tabIndex:0,onClick:j,onKeyDown:q},o.createElement(a.IconWrap,{name:R?"chevron-left":"chevron-right",icon:R?n.chevronLeftIcon:n.chevronRightIcon,size:"xxxlarge"}))),h&&o.createElement("div",{className:"k-scrollview-nav-wrap"},o.createElement("div",{className:"k-scrollview-nav"},V.map(((e,t)=>o.createElement("span",{className:a.classNames("k-link",{"k-primary":C===t+1}),key:t+1,onClick:()=>E(t+1)})))))),o.createElement("div",{"aria-live":"polite","aria-atomic":"true",className:"k-sr-only"}),r&&o.createElement(a.WatermarkOverlay,null))}));m.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 v={activeView:1,arrows:!0,automaticViewChange:!0,automaticViewChangeInterval:5e3,endless:!1,pageable:!0,pageOverlay:"none"};m.displayName="KendoScrollView",e.ScrollView=m}));
15
+ !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:0,version:"11.4.0-develop.8",licensingDocsUrl:"https://www.telerik.com/kendo-react-ui/components/my-license/"},i="scrollview.previous",u="scrollview.next",g={[i]:"Previous",[u]:"Next"},m=o.forwardRef(((e,t)=>{const r=!a.validatePackage(s,{component:"ScrollView"}),c=a.getLicenseMessage(s),{className:m,style:p,children:d,pagerOverlay:h=v.pageOverlay,pageable:w=v.pageable,arrows:k=v.arrows,endless:f=v.endless,activeView:b=v.activeView,automaticViewChange:y=v.automaticViewChange,automaticViewChangeInterval:C=v.automaticViewChangeInterval}=e,[E,N]=o.useState(b||1),I=o.useRef(null),x=o.useRef(null),V=o.useRef(null),K=o.Children.toArray(d),R=a.useRtl(I,e.dir),O="rtl"===R,S=l.useLocalization(),D=o.useCallback((()=>{I.current&&I.current.focus()}),[]),L=o.useCallback((()=>({element:I.current,focus:D})),[D]);o.useImperativeHandle(t,L);const T=o.useCallback((()=>{f?N(E>1?E-1:K.length):E>1&&N(E-1)}),[E,K.length,f]),j=o.useCallback((()=>{f?E<K.length?N(E+1):N(1):E<K.length&&N(E+1)}),[E,K.length,f]),P=o.useCallback((e=>{var t,r;const a=e.target;a.classList.contains("k-scrollview-prev")?(T(),!((f||E>2)&&K.length>0)&&(null==(t=I.current)||t.focus())):a.classList.contains("k-scrollview-next")&&(j(),!((f||E<K.length-1)&&K.length>0)&&(null==(r=I.current)||r.focus()))}),[E,K.length,f]);function q(){V.current&&clearTimeout(V.current)}o.useEffect((()=>{const e=K.length;x.current&&(x.current.style.setProperty("--kendo-scrollview-views",`${e}`),x.current.style.setProperty("--kendo-scrollview-current",`${E}`))}),[K,E,R]),o.useEffect((()=>{if(y)return q(),V.current=setTimeout((()=>N((e=>e===K.length?f?1:e:e+1))),C),()=>{q()}}),[y,C,K.length,E,f]);const z=o.useCallback((e=>{switch(e.key){case a.KEYS.left:e.preventDefault(),O?j():T();break;case a.KEYS.right:e.preventDefault(),O?T():j();break;case a.KEYS.space:case a.KEYS.enter:e.preventDefault(),P(e)}}),[O,j,T]),Y=o.useMemo((()=>a.classNames("k-scrollview",{"k-scrollview-light":"light"===h,"k-scrollview-dark":"dark"===h},m)),[m,h]),A=o.Children.map(d||null,((e,t)=>o.createElement("div",{className:"k-scrollview-view","aria-hidden":E!==t+1},e))),U=o.useCallback((()=>{let e;return e=E>1,(f||e)&&K.length>0}),[E,K.length,f]),W=o.useCallback((()=>{let e;return e=E<K.length,(f||e)&&K.length>0}),[E,K.length,f]);return o.createElement("div",{className:Y,style:p,ref:I,tabIndex:0,dir:R,onKeyDown:z},o.createElement("div",{className:"k-scrollview-wrap k-scrollview-animate",ref:x},A),o.createElement("div",{className:"k-scrollview-elements"},k&&o.createElement(o.Fragment,null,U()&&o.createElement("span",{className:"k-scrollview-prev","aria-label":S.toLanguageString(u,g[u]),role:"button",tabIndex:0,onClick:T,onKeyDown:z},o.createElement(a.IconWrap,{name:O?"chevron-right":"chevron-left",icon:O?n.chevronRightIcon:n.chevronLeftIcon,size:"xxxlarge"})),W()&&o.createElement("span",{className:"k-scrollview-next","aria-label":S.toLanguageString(i,g[i]),role:"button",tabIndex:0,onClick:j,onKeyDown:z},o.createElement(a.IconWrap,{name:O?"chevron-left":"chevron-right",icon:O?n.chevronLeftIcon:n.chevronRightIcon,size:"xxxlarge"}))),w&&o.createElement("div",{className:"k-scrollview-nav-wrap"},o.createElement("div",{className:"k-scrollview-nav"},K.map(((e,t)=>o.createElement("span",{className:a.classNames("k-link",{"k-primary":E===t+1}),key:t+1,onClick:()=>N(t+1)})))))),o.createElement("div",{"aria-live":"polite","aria-atomic":"true",className:"k-sr-only"}),r&&o.createElement(a.WatermarkOverlay,{message:c}))}));m.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 v={activeView:1,arrows:!0,automaticViewChange:!0,automaticViewChangeInterval:5e3,endless:!1,pageable:!0,pageOverlay:"none"};m.displayName="KendoScrollView",e.ScrollView=m}));
@@ -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-scrollview",productName:"KendoReact",productCode:"KENDOUIREACT",productCodes:["KENDOUIREACT"],publishDate: 1754382070,version:"11.4.0-develop.6",licensingDocsUrl:"https://www.telerik.com/kendo-react-ui/components/my-license/"};exports.packageMetadata=e;
8
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e={name:"@progress/kendo-react-scrollview",productName:"KendoReact",productCode:"KENDOUIREACT",productCodes:["KENDOUIREACT"],publishDate: 1754643177,version:"11.4.0-develop.8",licensingDocsUrl:"https://www.telerik.com/kendo-react-ui/components/my-license/"};exports.packageMetadata=e;
@@ -10,8 +10,8 @@ const e = {
10
10
  productName: "KendoReact",
11
11
  productCode: "KENDOUIREACT",
12
12
  productCodes: ["KENDOUIREACT"],
13
- publishDate: 1754382070,
14
- version: "11.4.0-develop.6",
13
+ publishDate: 1754643177,
14
+ version: "11.4.0-develop.8",
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-scrollview",
3
- "version": "11.4.0-develop.6",
3
+ "version": "11.4.0-develop.8",
4
4
  "description": "React ScrollView (React Carousel) displays images or content in a horizontally scrollable collection. KendoReact ScrollView package",
5
5
  "author": "Progress",
6
6
  "license": "SEE LICENSE IN LICENSE.md",
@@ -25,9 +25,9 @@
25
25
  },
26
26
  "sideEffects": false,
27
27
  "peerDependencies": {
28
- "@progress/kendo-licensing": "^1.6.0",
29
- "@progress/kendo-react-common": "11.4.0-develop.6",
30
- "@progress/kendo-react-intl": "11.4.0-develop.6",
28
+ "@progress/kendo-licensing": "^1.7.0",
29
+ "@progress/kendo-react-common": "11.4.0-develop.8",
30
+ "@progress/kendo-react-intl": "11.4.0-develop.8",
31
31
  "@progress/kendo-svg-icons": "^4.0.0",
32
32
  "react": "^16.8.2 || ^17.0.0 || ^18.0.0 || ^19.0.0 || ^19.0.0-rc",
33
33
  "react-dom": "^16.8.2 || ^17.0.0 || ^18.0.0 || ^19.0.0 || ^19.0.0-rc"
@@ -53,7 +53,7 @@
53
53
  "package": {
54
54
  "productName": "KendoReact",
55
55
  "productCode": "KENDOUIREACT",
56
- "publishDate": 1754382070,
56
+ "publishDate": 1754643177,
57
57
  "licensingDocsUrl": "https://www.telerik.com/kendo-react-ui/components/my-license/"
58
58
  }
59
59
  },