@progress/kendo-react-scrollview 13.3.0-develop.2 → 13.3.0-develop.4
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 +9 -9
- package/index.d.ts +9 -9
- package/package-metadata.js +1 -1
- package/package-metadata.mjs +2 -2
- package/package.json +4 -4
|
@@ -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=Object.freeze({name:"@progress/kendo-react-scrollview",productName:"KendoReact",productCode:"KENDOUIREACT",productCodes:["KENDOUIREACT"],publishDate:0,version:"13.3.0-develop.
|
|
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=Object.freeze({name:"@progress/kendo-react-scrollview",productName:"KendoReact",productCode:"KENDOUIREACT",productCodes:["KENDOUIREACT"],publishDate:0,version:"13.3.0-develop.4",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:f=v.arrows,endless:k=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),O=a.useRtl(I,e.dir),R="rtl"===O,S=l.useLocalization(),D=o.useCallback((()=>{I.current&&I.current.focus()}),[]),j=o.useCallback((()=>({element:I.current,focus:D})),[D]);o.useImperativeHandle(t,j);const L=o.useCallback((()=>{k?N(E>1?E-1:K.length):E>1&&N(E-1)}),[E,K.length,k]),T=o.useCallback((()=>{k?E<K.length?N(E+1):N(1):E<K.length&&N(E+1)}),[E,K.length,k]),P=o.useCallback((e=>{var t,r;const a=e.target;a.classList.contains("k-scrollview-prev")?(L(),!((k||E>2)&&K.length>0)&&(null==(t=I.current)||t.focus())):a.classList.contains("k-scrollview-next")&&(T(),!((k||E<K.length-1)&&K.length>0)&&(null==(r=I.current)||r.focus()))}),[E,K.length,k]);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,O]),o.useEffect((()=>{if(y)return q(),V.current=setTimeout((()=>N((e=>e===K.length?k?1:e:e+1))),C),()=>{q()}}),[y,C,K.length,E,k]);const z=o.useCallback((e=>{switch(e.key){case a.KEYS.left:e.preventDefault(),R?T():L();break;case a.KEYS.right:e.preventDefault(),R?L():T();break;case a.KEYS.space:case a.KEYS.enter:e.preventDefault(),P(e)}}),[R,T,L]),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,(k||e)&&K.length>0}),[E,K.length,k]),W=o.useCallback((()=>{let e;return e=E<K.length,(k||e)&&K.length>0}),[E,K.length,k]);return o.createElement("div",{className:Y,style:p,ref:I,tabIndex:0,dir:O,onKeyDown:z},o.createElement("div",{className:"k-scrollview-wrap k-scrollview-animate",ref:x},A),o.createElement("div",{className:"k-scrollview-elements"},f&&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:L,onKeyDown:z},o.createElement(a.IconWrap,{name:R?"chevron-right":"chevron-left",icon:R?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:T,onKeyDown:z},o.createElement(a.IconWrap,{name:R?"chevron-left":"chevron-right",icon:R?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}));
|
package/index.d.mts
CHANGED
|
@@ -8,7 +8,7 @@
|
|
|
8
8
|
import * as React_2 from 'react';
|
|
9
9
|
|
|
10
10
|
/**
|
|
11
|
-
* Represents the [KendoReact ScrollView component](
|
|
11
|
+
* Represents the [KendoReact ScrollView component](https://www.telerik.com/kendo-react-ui/components/scrollview).
|
|
12
12
|
*
|
|
13
13
|
* @example
|
|
14
14
|
* ```jsx
|
|
@@ -55,11 +55,11 @@ export declare interface ScrollViewHandle {
|
|
|
55
55
|
}
|
|
56
56
|
|
|
57
57
|
/**
|
|
58
|
-
* Represents the props of the [KendoReact ScrollView component](
|
|
58
|
+
* Represents the props of the [KendoReact ScrollView component](https://www.telerik.com/kendo-react-ui/components/scrollview).
|
|
59
59
|
*/
|
|
60
60
|
export declare interface ScrollViewProps {
|
|
61
61
|
/**
|
|
62
|
-
* Represents the current active view ([see example](
|
|
62
|
+
* Represents the current active view ([see example](https://www.telerik.com/kendo-react-ui/components/scrollview/active-view)).
|
|
63
63
|
* Defaults to `1`.
|
|
64
64
|
*
|
|
65
65
|
* @default 1
|
|
@@ -71,7 +71,7 @@ export declare interface ScrollViewProps {
|
|
|
71
71
|
*/
|
|
72
72
|
activeView?: number;
|
|
73
73
|
/**
|
|
74
|
-
* Enables or disables the built-in navigation arrows ([see example](
|
|
74
|
+
* Enables or disables the built-in navigation arrows ([see example](https://www.telerik.com/kendo-react-ui/components/scrollview/arrows)).
|
|
75
75
|
* Defaults to `true`.
|
|
76
76
|
*
|
|
77
77
|
* @default true
|
|
@@ -83,7 +83,7 @@ export declare interface ScrollViewProps {
|
|
|
83
83
|
*/
|
|
84
84
|
arrows?: boolean;
|
|
85
85
|
/**
|
|
86
|
-
* Allows the ScrollView to switch the next page automatically after a short delay ([see example](
|
|
86
|
+
* Allows the ScrollView to switch the next page automatically after a short delay ([see example](https://www.telerik.com/kendo-react-ui/components/scrollview/automatic-scrolling)).
|
|
87
87
|
* Defaults to `true`.
|
|
88
88
|
*
|
|
89
89
|
* @default true
|
|
@@ -95,7 +95,7 @@ export declare interface ScrollViewProps {
|
|
|
95
95
|
*/
|
|
96
96
|
automaticViewChange?: boolean;
|
|
97
97
|
/**
|
|
98
|
-
* Defines the automatic page change delay in milliseconds ([see example](
|
|
98
|
+
* Defines the automatic page change delay in milliseconds ([see example](https://www.telerik.com/kendo-react-ui/components/scrollview/automatic-scrolling)).
|
|
99
99
|
* Defaults to `5000`.
|
|
100
100
|
*
|
|
101
101
|
* @default 5000
|
|
@@ -138,7 +138,7 @@ export declare interface ScrollViewProps {
|
|
|
138
138
|
dir?: string;
|
|
139
139
|
/**
|
|
140
140
|
* Toggles the endless scrolling mode in which the data items are endlessly looped
|
|
141
|
-
* ([see example](
|
|
141
|
+
* ([see example](https://www.telerik.com/kendo-react-ui/components/scrollview/endless-scrolling)). Defaults to `false`.
|
|
142
142
|
*
|
|
143
143
|
* @default false
|
|
144
144
|
*
|
|
@@ -149,7 +149,7 @@ export declare interface ScrollViewProps {
|
|
|
149
149
|
*/
|
|
150
150
|
endless?: boolean;
|
|
151
151
|
/**
|
|
152
|
-
* Toggles the built-in pager ([see example](
|
|
152
|
+
* Toggles the built-in pager ([see example](https://www.telerik.com/kendo-react-ui/components/scrollview/paging)). Defaults to `true`.
|
|
153
153
|
*
|
|
154
154
|
* @default true
|
|
155
155
|
*
|
|
@@ -160,7 +160,7 @@ export declare interface ScrollViewProps {
|
|
|
160
160
|
*/
|
|
161
161
|
pageable?: boolean;
|
|
162
162
|
/**
|
|
163
|
-
* Sets the pager overlay ([see example](
|
|
163
|
+
* Sets the pager overlay ([see example](https://www.telerik.com/kendo-react-ui/components/scrollview/paging)).
|
|
164
164
|
*
|
|
165
165
|
* The possible values are:
|
|
166
166
|
* * `none`(Default) — No overlay is set.
|
package/index.d.ts
CHANGED
|
@@ -8,7 +8,7 @@
|
|
|
8
8
|
import * as React_2 from 'react';
|
|
9
9
|
|
|
10
10
|
/**
|
|
11
|
-
* Represents the [KendoReact ScrollView component](
|
|
11
|
+
* Represents the [KendoReact ScrollView component](https://www.telerik.com/kendo-react-ui/components/scrollview).
|
|
12
12
|
*
|
|
13
13
|
* @example
|
|
14
14
|
* ```jsx
|
|
@@ -55,11 +55,11 @@ export declare interface ScrollViewHandle {
|
|
|
55
55
|
}
|
|
56
56
|
|
|
57
57
|
/**
|
|
58
|
-
* Represents the props of the [KendoReact ScrollView component](
|
|
58
|
+
* Represents the props of the [KendoReact ScrollView component](https://www.telerik.com/kendo-react-ui/components/scrollview).
|
|
59
59
|
*/
|
|
60
60
|
export declare interface ScrollViewProps {
|
|
61
61
|
/**
|
|
62
|
-
* Represents the current active view ([see example](
|
|
62
|
+
* Represents the current active view ([see example](https://www.telerik.com/kendo-react-ui/components/scrollview/active-view)).
|
|
63
63
|
* Defaults to `1`.
|
|
64
64
|
*
|
|
65
65
|
* @default 1
|
|
@@ -71,7 +71,7 @@ export declare interface ScrollViewProps {
|
|
|
71
71
|
*/
|
|
72
72
|
activeView?: number;
|
|
73
73
|
/**
|
|
74
|
-
* Enables or disables the built-in navigation arrows ([see example](
|
|
74
|
+
* Enables or disables the built-in navigation arrows ([see example](https://www.telerik.com/kendo-react-ui/components/scrollview/arrows)).
|
|
75
75
|
* Defaults to `true`.
|
|
76
76
|
*
|
|
77
77
|
* @default true
|
|
@@ -83,7 +83,7 @@ export declare interface ScrollViewProps {
|
|
|
83
83
|
*/
|
|
84
84
|
arrows?: boolean;
|
|
85
85
|
/**
|
|
86
|
-
* Allows the ScrollView to switch the next page automatically after a short delay ([see example](
|
|
86
|
+
* Allows the ScrollView to switch the next page automatically after a short delay ([see example](https://www.telerik.com/kendo-react-ui/components/scrollview/automatic-scrolling)).
|
|
87
87
|
* Defaults to `true`.
|
|
88
88
|
*
|
|
89
89
|
* @default true
|
|
@@ -95,7 +95,7 @@ export declare interface ScrollViewProps {
|
|
|
95
95
|
*/
|
|
96
96
|
automaticViewChange?: boolean;
|
|
97
97
|
/**
|
|
98
|
-
* Defines the automatic page change delay in milliseconds ([see example](
|
|
98
|
+
* Defines the automatic page change delay in milliseconds ([see example](https://www.telerik.com/kendo-react-ui/components/scrollview/automatic-scrolling)).
|
|
99
99
|
* Defaults to `5000`.
|
|
100
100
|
*
|
|
101
101
|
* @default 5000
|
|
@@ -138,7 +138,7 @@ export declare interface ScrollViewProps {
|
|
|
138
138
|
dir?: string;
|
|
139
139
|
/**
|
|
140
140
|
* Toggles the endless scrolling mode in which the data items are endlessly looped
|
|
141
|
-
* ([see example](
|
|
141
|
+
* ([see example](https://www.telerik.com/kendo-react-ui/components/scrollview/endless-scrolling)). Defaults to `false`.
|
|
142
142
|
*
|
|
143
143
|
* @default false
|
|
144
144
|
*
|
|
@@ -149,7 +149,7 @@ export declare interface ScrollViewProps {
|
|
|
149
149
|
*/
|
|
150
150
|
endless?: boolean;
|
|
151
151
|
/**
|
|
152
|
-
* Toggles the built-in pager ([see example](
|
|
152
|
+
* Toggles the built-in pager ([see example](https://www.telerik.com/kendo-react-ui/components/scrollview/paging)). Defaults to `true`.
|
|
153
153
|
*
|
|
154
154
|
* @default true
|
|
155
155
|
*
|
|
@@ -160,7 +160,7 @@ export declare interface ScrollViewProps {
|
|
|
160
160
|
*/
|
|
161
161
|
pageable?: boolean;
|
|
162
162
|
/**
|
|
163
|
-
* Sets the pager overlay ([see example](
|
|
163
|
+
* Sets the pager overlay ([see example](https://www.telerik.com/kendo-react-ui/components/scrollview/paging)).
|
|
164
164
|
*
|
|
165
165
|
* The possible values are:
|
|
166
166
|
* * `none`(Default) — No overlay is set.
|
package/package-metadata.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 e=Object.freeze({name:"@progress/kendo-react-scrollview",productName:"KendoReact",productCode:"KENDOUIREACT",productCodes:["KENDOUIREACT"],publishDate:
|
|
8
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=Object.freeze({name:"@progress/kendo-react-scrollview",productName:"KendoReact",productCode:"KENDOUIREACT",productCodes:["KENDOUIREACT"],publishDate: 1768233400,version:"13.3.0-develop.4",licensingDocsUrl:"https://www.telerik.com/kendo-react-ui/components/my-license/"});exports.packageMetadata=e;
|
package/package-metadata.mjs
CHANGED
|
@@ -10,8 +10,8 @@ const e = Object.freeze({
|
|
|
10
10
|
productName: "KendoReact",
|
|
11
11
|
productCode: "KENDOUIREACT",
|
|
12
12
|
productCodes: ["KENDOUIREACT"],
|
|
13
|
-
publishDate:
|
|
14
|
-
version: "13.3.0-develop.
|
|
13
|
+
publishDate: 1768233400,
|
|
14
|
+
version: "13.3.0-develop.4",
|
|
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": "13.3.0-develop.
|
|
3
|
+
"version": "13.3.0-develop.4",
|
|
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",
|
|
@@ -26,8 +26,8 @@
|
|
|
26
26
|
"sideEffects": false,
|
|
27
27
|
"peerDependencies": {
|
|
28
28
|
"@progress/kendo-licensing": "^1.7.2",
|
|
29
|
-
"@progress/kendo-react-common": "13.3.0-develop.
|
|
30
|
-
"@progress/kendo-react-intl": "13.3.0-develop.
|
|
29
|
+
"@progress/kendo-react-common": "13.3.0-develop.4",
|
|
30
|
+
"@progress/kendo-react-intl": "13.3.0-develop.4",
|
|
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":
|
|
56
|
+
"publishDate": 1768233400,
|
|
57
57
|
"licensingDocsUrl": "https://www.telerik.com/kendo-react-ui/components/my-license/"
|
|
58
58
|
}
|
|
59
59
|
},
|