@progress/kendo-react-scrollview 7.0.2-develop.1 → 7.0.2-develop.2
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/dist/cdn/js/kendo-react-scrollview.js +1 -1
- package/index.d.mts +5 -0
- package/index.js +1 -1
- package/index.mjs +15 -15
- package/package.json +11 -5
|
@@ -2,4 +2,4 @@
|
|
|
2
2
|
* Copyright © 2023 Progress Software Corporation. All rights reserved.
|
|
3
3
|
* Licensed under commercial license. See LICENSE.md in the package root for more information
|
|
4
4
|
*-------------------------------------------------------------------------------------------*/
|
|
5
|
-
(function(
|
|
5
|
+
(function(a,m){typeof exports=="object"&&typeof module<"u"?m(exports,require("react"),require("prop-types"),require("@progress/kendo-react-common"),require("@progress/kendo-svg-icons")):typeof define=="function"&&define.amd?define(["exports","react","prop-types","@progress/kendo-react-common","@progress/kendo-svg-icons"],m):(a=typeof globalThis<"u"?globalThis:a||self,m(a.KendoReactScrollview={},a.React,a.PropTypes,a.KendoReactCommon,a.KendoSvgIcons))})(this,function(a,m,n,c,h){"use strict";"use client";function D(i){const d=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(i){for(const u in i)if(u!=="default"){const p=Object.getOwnPropertyDescriptor(i,u);Object.defineProperty(d,u,p.get?p:{enumerable:!0,get:()=>i[u]})}}return d.default=i,Object.freeze(d)}const e=D(m),j={name:"@progress/kendo-react-scrollview",productName:"KendoReact",productCodes:["KENDOUIREACT","KENDOUICOMPLETE"],publishDate:0,version:"",licensingDocsUrl:"https://www.telerik.com/kendo-react-ui/components/my-license/"},w=e.forwardRef((i,d)=>{c.validatePackage(j);const{className:u,style:p,children:V,pagerOverlay:E,pageable:S,arrows:A,endless:s,activeView:M,automaticViewChange:I,automaticViewChangeInterval:O}=i,[t,o]=e.useState(M||1),v=e.useRef(null),k=e.useRef(null),N=e.useRef(null),l=e.Children.toArray(V),C=c.useRtl(v,i.dir),f=C==="rtl",K=e.useCallback(()=>{v.current&&v.current.focus()},[]),q=e.useCallback(()=>({element:v.current,focus:K}),[K]);e.useImperativeHandle(d,q);const b=e.useCallback(()=>{s?t>1?o(t-1):o(l.length):t>1&&o(t-1)},[t,l.length,s]),y=e.useCallback(()=>{s?t<l.length?o(t+1):o(1):t<l.length&&o(t+1)},[t,l.length,s]);e.useEffect(()=>{let r=l.length;k.current&&(k.current.style.setProperty("--kendo-scrollview-views",`${r}`),k.current.style.setProperty("--kendo-scrollview-current",`${t}`))},[l,t,C]);function R(){N.current&&clearTimeout(N.current)}e.useEffect(()=>{if(I)return R(),N.current=setTimeout(()=>o(r=>r===l.length?s?1:r:r+1),O),()=>{R()}},[I,O,l.length,t,s]);const L=e.useCallback(r=>{switch(r.keyCode){case c.Keys.left:r.preventDefault(),f?y():b();break;case c.Keys.right:r.preventDefault(),f?b():y();break}},[f,y,b]),_=e.useMemo(()=>c.classNames("k-scrollview",{"k-scrollview-light":E==="light","k-scrollview-dark":E==="dark"},u),[u,E]),z=e.Children.map(V||null,(r,g)=>e.createElement("div",{className:"k-scrollview-view","aria-hidden":t!==g+1},r)),U=e.useCallback(()=>{let r;return r=t>1,(s||r)&&l.length>0},[t,l.length,s]),B=e.useCallback(()=>{let r;return r=t<l.length,(s||r)&&l.length>0},[t,l.length,s]);return e.createElement("div",{className:_,style:p,ref:v,tabIndex:0,dir:C,onKeyDown:L},e.createElement("div",{className:"k-scrollview-wrap k-scrollview-animate",ref:k},z),e.createElement("div",{className:"k-scrollview-elements"},A&&e.createElement(e.Fragment,null,U()&&e.createElement("span",{className:"k-scrollview-prev","aria-label":"previous",onClick:b},e.createElement(c.IconWrap,{name:f?"chevron-right":"chevron-left",icon:f?h.chevronRightIcon:h.chevronLeftIcon,size:"xxxlarge"})),B()&&e.createElement("span",{className:"k-scrollview-next",onClick:y},e.createElement(c.IconWrap,{name:f?"chevron-left":"chevron-right",icon:f?h.chevronLeftIcon:h.chevronRightIcon,size:"xxxlarge"}))),S&&e.createElement("div",{className:"k-scrollview-nav-wrap"},e.createElement("div",{className:"k-scrollview-nav"},l.map((r,g)=>e.createElement("span",{className:c.classNames("k-link",{"k-primary":t===g+1}),key:g+1,onClick:()=>o(g+1)}))))))});w.propTypes={activeView:n.number,arrows:n.bool,automaticViewChange:n.bool,automaticViewChangeInterval:n.number,children:n.any,className:n.string,dir:n.string,endless:n.bool,pageable:n.bool,pageOverlay:n.string,style:n.object};const x={activeView:1,arrows:!0,automaticViewChange:!0,automaticViewChangeInterval:5e3,endless:!1,pageable:!0,pageOverlay:"none"};w.defaultProps=x,w.displayName="KendoScrollView",a.ScrollView=w,Object.defineProperty(a,Symbol.toStringTag,{value:"Module"})});
|
package/index.d.mts
ADDED
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
/**-----------------------------------------------------------------------------------------
|
|
2
|
+
* Copyright © 2023 Progress Software Corporation. All rights reserved.
|
|
3
|
+
* Licensed under commercial license. See LICENSE.md in the package root for more information
|
|
4
|
+
*-------------------------------------------------------------------------------------------*/
|
|
5
|
+
export * from './index';
|
package/index.js
CHANGED
|
@@ -2,4 +2,4 @@
|
|
|
2
2
|
* Copyright © 2023 Progress Software Corporation. All rights reserved.
|
|
3
3
|
* Licensed under commercial license. See LICENSE.md in the package root for more information
|
|
4
4
|
*-------------------------------------------------------------------------------------------*/
|
|
5
|
-
"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const M=require("react"),
|
|
5
|
+
"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const M=require("react"),a=require("prop-types"),o=require("@progress/kendo-react-common"),h=require("@progress/kendo-svg-icons");function q(c){const m=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(m,i,d.get?d:{enumerable:!0,get:()=>c[i]})}}return m.default=c,Object.freeze(m)}const e=q(M),L={name:"@progress/kendo-react-scrollview",productName:"KendoReact",productCodes:["KENDOUIREACT","KENDOUICOMPLETE"],publishDate:0,version:"",licensingDocsUrl:"https://www.telerik.com/kendo-react-ui/components/my-license/"},k=e.forwardRef((c,m)=>{o.validatePackage(L);const{className:i,style:d,children:E,pagerOverlay:b,pageable:O,arrows:D,endless:n,activeView:P,automaticViewChange:N,automaticViewChangeInterval:R}=c,[t,s]=e.useState(P||1),g=e.useRef(null),f=e.useRef(null),y=e.useRef(null),r=e.Children.toArray(E),C=o.useRtl(g,c.dir),u=C==="rtl",I=e.useCallback(()=>{g.current&&g.current.focus()},[]),S=e.useCallback(()=>({element:g.current,focus:I}),[I]);e.useImperativeHandle(m,S);const p=e.useCallback(()=>{n?t>1?s(t-1):s(r.length):t>1&&s(t-1)},[t,r.length,n]),w=e.useCallback(()=>{n?t<r.length?s(t+1):s(1):t<r.length&&s(t+1)},[t,r.length,n]);e.useEffect(()=>{let l=r.length;f.current&&(f.current.style.setProperty("--kendo-scrollview-views",`${l}`),f.current.style.setProperty("--kendo-scrollview-current",`${t}`))},[r,t,C]);function V(){y.current&&clearTimeout(y.current)}e.useEffect(()=>{if(N)return V(),y.current=setTimeout(()=>s(l=>l===r.length?n?1:l:l+1),R),()=>{V()}},[N,R,r.length,t,n]);const T=e.useCallback(l=>{switch(l.keyCode){case o.Keys.left:l.preventDefault(),u?w():p();break;case o.Keys.right:l.preventDefault(),u?p():w();break}},[u,w,p]),K=e.useMemo(()=>o.classNames("k-scrollview",{"k-scrollview-light":b==="light","k-scrollview-dark":b==="dark"},i),[i,b]),j=e.Children.map(E||null,(l,v)=>e.createElement("div",{className:"k-scrollview-view","aria-hidden":t!==v+1},l)),x=e.useCallback(()=>{let l;return l=t>1,(n||l)&&r.length>0},[t,r.length,n]),A=e.useCallback(()=>{let l;return l=t<r.length,(n||l)&&r.length>0},[t,r.length,n]);return e.createElement("div",{className:K,style:d,ref:g,tabIndex:0,dir:C,onKeyDown:T},e.createElement("div",{className:"k-scrollview-wrap k-scrollview-animate",ref:f},j),e.createElement("div",{className:"k-scrollview-elements"},D&&e.createElement(e.Fragment,null,x()&&e.createElement("span",{className:"k-scrollview-prev","aria-label":"previous",onClick:p},e.createElement(o.IconWrap,{name:u?"chevron-right":"chevron-left",icon:u?h.chevronRightIcon:h.chevronLeftIcon,size:"xxxlarge"})),A()&&e.createElement("span",{className:"k-scrollview-next",onClick:w},e.createElement(o.IconWrap,{name:u?"chevron-left":"chevron-right",icon:u?h.chevronLeftIcon:h.chevronRightIcon,size:"xxxlarge"}))),O&&e.createElement("div",{className:"k-scrollview-nav-wrap"},e.createElement("div",{className:"k-scrollview-nav"},r.map((l,v)=>e.createElement("span",{className:o.classNames("k-link",{"k-primary":t===v+1}),key:v+1,onClick:()=>s(v+1)}))))))});k.propTypes={activeView:a.number,arrows:a.bool,automaticViewChange:a.bool,automaticViewChangeInterval:a.number,children:a.any,className:a.string,dir:a.string,endless:a.bool,pageable:a.bool,pageOverlay:a.string,style:a.object};const _={activeView:1,arrows:!0,automaticViewChange:!0,automaticViewChangeInterval:5e3,endless:!1,pageable:!0,pageOverlay:"none"};k.defaultProps=_;k.displayName="KendoScrollView";exports.ScrollView=k;
|
package/index.mjs
CHANGED
|
@@ -4,14 +4,14 @@
|
|
|
4
4
|
*-------------------------------------------------------------------------------------------*/
|
|
5
5
|
"use client";
|
|
6
6
|
import * as e from "react";
|
|
7
|
-
import
|
|
7
|
+
import r from "prop-types";
|
|
8
8
|
import { validatePackage as B, useRtl as H, Keys as N, classNames as R, IconWrap as V } from "@progress/kendo-react-common";
|
|
9
9
|
import { chevronRightIcon as I, chevronLeftIcon as D } from "@progress/kendo-svg-icons";
|
|
10
10
|
const $ = {
|
|
11
11
|
name: "@progress/kendo-react-scrollview",
|
|
12
12
|
productName: "KendoReact",
|
|
13
13
|
productCodes: ["KENDOUIREACT", "KENDOUICOMPLETE"],
|
|
14
|
-
publishDate:
|
|
14
|
+
publishDate: 1702631821,
|
|
15
15
|
version: "",
|
|
16
16
|
licensingDocsUrl: "https://www.telerik.com/kendo-react-ui/components/my-license/"
|
|
17
17
|
}, d = e.forwardRef((f, K) => {
|
|
@@ -23,11 +23,11 @@ const $ = {
|
|
|
23
23
|
pagerOverlay: w,
|
|
24
24
|
pageable: T,
|
|
25
25
|
arrows: x,
|
|
26
|
-
endless:
|
|
26
|
+
endless: n,
|
|
27
27
|
activeView: O,
|
|
28
28
|
automaticViewChange: C,
|
|
29
29
|
automaticViewChangeInterval: y
|
|
30
|
-
} = f, [t,
|
|
30
|
+
} = f, [t, s] = e.useState(O || 1), o = e.useRef(null), m = e.useRef(null), g = e.useRef(null), a = e.Children.toArray(k), p = H(o, f.dir), c = p === "rtl", b = e.useCallback(
|
|
31
31
|
() => {
|
|
32
32
|
o.current && o.current.focus();
|
|
33
33
|
},
|
|
@@ -41,10 +41,10 @@ const $ = {
|
|
|
41
41
|
);
|
|
42
42
|
e.useImperativeHandle(K, A);
|
|
43
43
|
const u = e.useCallback(() => {
|
|
44
|
-
|
|
45
|
-
}, [t, a.length,
|
|
46
|
-
|
|
47
|
-
}, [t, a.length,
|
|
44
|
+
n ? t > 1 ? s(t - 1) : s(a.length) : t > 1 && s(t - 1);
|
|
45
|
+
}, [t, a.length, n]), v = e.useCallback(() => {
|
|
46
|
+
n ? t < a.length ? s(t + 1) : s(1) : t < a.length && s(t + 1);
|
|
47
|
+
}, [t, a.length, n]);
|
|
48
48
|
e.useEffect(() => {
|
|
49
49
|
let l = a.length;
|
|
50
50
|
m.current && (m.current.style.setProperty("--kendo-scrollview-views", `${l}`), m.current.style.setProperty("--kendo-scrollview-current", `${t}`));
|
|
@@ -55,12 +55,12 @@ const $ = {
|
|
|
55
55
|
e.useEffect(() => {
|
|
56
56
|
if (C)
|
|
57
57
|
return E(), g.current = setTimeout(
|
|
58
|
-
() =>
|
|
58
|
+
() => s((l) => l === a.length ? n ? 1 : l : l + 1),
|
|
59
59
|
y
|
|
60
60
|
), () => {
|
|
61
61
|
E();
|
|
62
62
|
};
|
|
63
|
-
}, [C, y, a.length, t,
|
|
63
|
+
}, [C, y, a.length, t, n]);
|
|
64
64
|
const L = e.useCallback(
|
|
65
65
|
(l) => {
|
|
66
66
|
switch (l.keyCode) {
|
|
@@ -92,11 +92,11 @@ const $ = {
|
|
|
92
92
|
l
|
|
93
93
|
)), U = e.useCallback(() => {
|
|
94
94
|
let l;
|
|
95
|
-
return l = t > 1, (
|
|
96
|
-
}, [t, a.length,
|
|
95
|
+
return l = t > 1, (n || l) && a.length > 0;
|
|
96
|
+
}, [t, a.length, n]), z = e.useCallback(() => {
|
|
97
97
|
let l;
|
|
98
|
-
return l = t < a.length, (
|
|
99
|
-
}, [t, a.length,
|
|
98
|
+
return l = t < a.length, (n || l) && a.length > 0;
|
|
99
|
+
}, [t, a.length, n]);
|
|
100
100
|
return /* @__PURE__ */ e.createElement("div", { className: M, style: P, ref: o, tabIndex: 0, dir: p, onKeyDown: L }, /* @__PURE__ */ e.createElement("div", { className: "k-scrollview-wrap k-scrollview-animate", ref: m }, S), /* @__PURE__ */ e.createElement("div", { className: "k-scrollview-elements" }, x && /* @__PURE__ */ e.createElement(e.Fragment, null, U() && /* @__PURE__ */ e.createElement("span", { className: "k-scrollview-prev", "aria-label": "previous", onClick: u }, /* @__PURE__ */ e.createElement(
|
|
101
101
|
V,
|
|
102
102
|
{
|
|
@@ -121,7 +121,7 @@ const $ = {
|
|
|
121
121
|
}
|
|
122
122
|
),
|
|
123
123
|
key: i + 1,
|
|
124
|
-
onClick: () =>
|
|
124
|
+
onClick: () => s(i + 1)
|
|
125
125
|
}
|
|
126
126
|
))))));
|
|
127
127
|
});
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@progress/kendo-react-scrollview",
|
|
3
|
-
"version": "7.0.2-develop.
|
|
3
|
+
"version": "7.0.2-develop.2",
|
|
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",
|
|
@@ -10,14 +10,20 @@
|
|
|
10
10
|
"types": "./index.d.ts",
|
|
11
11
|
"exports": {
|
|
12
12
|
".": {
|
|
13
|
-
"import":
|
|
14
|
-
|
|
13
|
+
"import": {
|
|
14
|
+
"types": "./index.d.mts",
|
|
15
|
+
"default": "./index.mjs"
|
|
16
|
+
},
|
|
17
|
+
"require": {
|
|
18
|
+
"types": "./index.d.ts",
|
|
19
|
+
"default": "./index.js"
|
|
20
|
+
}
|
|
15
21
|
}
|
|
16
22
|
},
|
|
17
23
|
"sideEffects": false,
|
|
18
24
|
"peerDependencies": {
|
|
19
|
-
"@progress/kendo-licensing": "^1.3.
|
|
20
|
-
"@progress/kendo-react-common": "7.0.2-develop.
|
|
25
|
+
"@progress/kendo-licensing": "^1.3.4",
|
|
26
|
+
"@progress/kendo-react-common": "7.0.2-develop.2",
|
|
21
27
|
"@progress/kendo-svg-icons": "^2.0.0",
|
|
22
28
|
"react": "^16.8.2 || ^17.0.0 || ^18.0.0",
|
|
23
29
|
"react-dom": "^16.8.2 || ^17.0.0 || ^18.0.0"
|