@progress/kendo-react-scrollview 16.2.1-develop.2 → 16.3.0-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.
|
@@ -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,l,n){"use strict";function o(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 s=o(t);const c=Object.freeze({name:"@progress/kendo-react-scrollview",productName:"KendoReact",productCode:"KENDOUIREACT",productCodes:["KENDOUIREACT"],publishDate:0,version:"16.
|
|
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,l,n){"use strict";function o(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 s=o(t);const c=Object.freeze({name:"@progress/kendo-react-scrollview",productName:"KendoReact",productCode:"KENDOUIREACT",productCodes:["KENDOUIREACT"],publishDate:0,version:"16.3.0-develop.2",licensingDocsUrl:"https://www.telerik.com/kendo-react-ui/components/my-license/"}),i="scrollview.previous",u="scrollview.next",g="scrollview.slideAriaRoleDescription",p="scrollview.carouselAriaRoleDescription",v={[i]:"Previous",[u]:"Next",[g]:"slide",[p]:"carousel"},m=s.forwardRef((e,t)=>{const r=!a.validatePackage(c,{component:"ScrollView"}),o=a.getLicenseMessage(c),{className:m,style:w,children:h,pagerOverlay:f=d.pageOverlay,pageable:k=d.pageable,arrows:b=d.arrows,endless:y=d.endless,activeView:C=d.activeView,automaticViewChange:E=d.automaticViewChange,automaticViewChangeInterval:I=d.automaticViewChangeInterval}=e,[N,R]=s.useState(C||1),x=s.useRef(null),V=s.useRef(null),K=s.useRef(null),O=s.Children.toArray(h),S=a.useRtl(x,e.dir),D="rtl"===S,L=s.useId(),j=n.useLocalization(),T=j.toLanguageString(g,v[g]),P=j.toLanguageString(p,v[p]),q=s.useCallback(()=>{x.current&&x.current.focus()},[]),z=s.useCallback(()=>({element:x.current,focus:q}),[q]);s.useImperativeHandle(t,z);const A=s.useRef(null);s.useImperativeHandle(A,z),a.useWebMcpRegister("scrollview",A,e,e.webMcp);const M=s.useCallback(()=>{y?R(N>1?N-1:O.length):N>1&&R(N-1)},[N,O.length,y]),W=s.useCallback(()=>{y?N<O.length?R(N+1):R(1):N<O.length&&R(N+1)},[N,O.length,y]),Y=s.useCallback(e=>{var t,r;const a=e.target;a.classList.contains("k-scrollview-prev")?(M(),!((y||N>2)&&O.length>0)&&(null==(t=x.current)||t.focus())):a.classList.contains("k-scrollview-next")&&(W(),!((y||N<O.length-1)&&O.length>0)&&(null==(r=x.current)||r.focus()))},[N,O.length,y]);function U(){K.current&&clearTimeout(K.current)}s.useEffect(()=>{const e=O.length;V.current&&(V.current.style.setProperty("--kendo-scrollview-views",`${e}`),V.current.style.setProperty("--kendo-scrollview-current",`${N}`))},[O,N,S]),s.useEffect(()=>{if(E)return U(),K.current=setTimeout(()=>R(e=>e===O.length?y?1:e:e+1),I),()=>{U()}},[E,I,O.length,N,y]);const $=s.useCallback(e=>{switch(e.key){case a.KEYS.left:e.preventDefault(),D?W():M();break;case a.KEYS.right:e.preventDefault(),D?M():W();break;case a.KEYS.space:case a.KEYS.enter:e.preventDefault(),Y(e)}},[D,W,M]),H=s.useMemo(()=>a.classNames("k-scrollview",{"k-scrollview-light":"light"===f,"k-scrollview-dark":"dark"===f},m),[m,f]),F=s.Children.map(h||null,(e,t)=>s.createElement("div",{className:"k-scrollview-view",role:"listitem","aria-roledescription":T},e)),B=s.useCallback(()=>{let e;return e=N>1,(y||e)&&O.length>0},[N,O.length,y]),G=s.useCallback(()=>{let e;return e=N<O.length,(y||e)&&O.length>0},[N,O.length,y]);return s.createElement("div",{className:H,style:w,ref:x,tabIndex:0,dir:S,onKeyDown:$,role:"application","aria-roledescription":P},s.createElement("div",{className:"k-scrollview-wrap k-scrollview-animate",ref:V,id:L,role:"list"},F),s.createElement("div",{className:"k-scrollview-elements"},b&&s.createElement(s.Fragment,null,B()&&s.createElement("span",{className:"k-scrollview-prev","aria-label":j.toLanguageString(i,v[i]),role:"button",tabIndex:0,onClick:M,onKeyDown:$,"aria-controls":L},s.createElement(a.IconWrap,{name:D?"chevron-right":"chevron-left",icon:D?l.chevronRightIcon:l.chevronLeftIcon,size:"xxxlarge"})),G()&&s.createElement("span",{className:"k-scrollview-next","aria-label":j.toLanguageString(u,v[u]),role:"button",tabIndex:0,onClick:W,onKeyDown:$,"aria-controls":L},s.createElement(a.IconWrap,{name:D?"chevron-left":"chevron-right",icon:D?l.chevronLeftIcon:l.chevronRightIcon,size:"xxxlarge"}))),k&&s.createElement("div",{className:"k-scrollview-nav-wrap"},s.createElement("div",{className:"k-scrollview-nav"},O.map((e,t)=>s.createElement("span",{className:a.classNames("k-link",{"k-primary":N===t+1}),key:t+1,onClick:()=>R(t+1)}))))),s.createElement("div",{"aria-live":"polite",className:"k-sr-only"}),r&&s.createElement(a.WatermarkOverlay,{message:o}))});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 d={activeView:1,arrows:!0,automaticViewChange:!0,automaticViewChangeInterval:5e3,endless:!1,pageable:!0,pageOverlay:"none"};m.displayName="KendoScrollView",e.ScrollView=m});
|
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: 1792054351,version:"16.3.0-develop.2",licensingDocsUrl:"https://www.telerik.com/kendo-react-ui/components/my-license/"});exports.packageMetadata=e;
|
package/package-metadata.mjs
CHANGED
|
@@ -7,7 +7,7 @@ export const packageMetadata = Object.freeze({
|
|
|
7
7
|
productName: 'KendoReact',
|
|
8
8
|
productCode: 'KENDOUIREACT',
|
|
9
9
|
productCodes: ['KENDOUIREACT'],
|
|
10
|
-
publishDate:
|
|
11
|
-
version: '16.
|
|
10
|
+
publishDate: 1792054351,
|
|
11
|
+
version: '16.3.0-develop.2',
|
|
12
12
|
licensingDocsUrl: 'https://www.telerik.com/kendo-react-ui/components/my-license/'
|
|
13
13
|
});
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@progress/kendo-react-scrollview",
|
|
3
|
-
"version": "16.
|
|
3
|
+
"version": "16.3.0-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",
|
|
@@ -26,8 +26,8 @@
|
|
|
26
26
|
"sideEffects": false,
|
|
27
27
|
"peerDependencies": {
|
|
28
28
|
"@progress/kendo-licensing": "^1.7.2",
|
|
29
|
-
"@progress/kendo-react-common": "16.
|
|
30
|
-
"@progress/kendo-react-intl": "16.
|
|
29
|
+
"@progress/kendo-react-common": "16.3.0-develop.2",
|
|
30
|
+
"@progress/kendo-react-intl": "16.3.0-develop.2",
|
|
31
31
|
"@progress/kendo-svg-icons": "^4.9.0 || ^5.0.0",
|
|
32
32
|
"react": "^18.0.0 || ^19.0.0",
|
|
33
33
|
"react-dom": "^18.0.0 || ^19.0.0"
|
|
@@ -53,7 +53,7 @@
|
|
|
53
53
|
"package": {
|
|
54
54
|
"productName": "KendoReact",
|
|
55
55
|
"productCode": "KENDOUIREACT",
|
|
56
|
-
"publishDate":
|
|
56
|
+
"publishDate": 1792054351,
|
|
57
57
|
"licensingDocsUrl": "https://www.telerik.com/kendo-react-ui/components/my-license/"
|
|
58
58
|
}
|
|
59
59
|
},
|