@progress/kendo-react-scrollview 7.0.3-develop.9 → 7.1.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.
|
@@ -2,4 +2,4 @@
|
|
|
2
2
|
* Copyright © 2024 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(a,m){typeof exports=="object"&&typeof module
|
|
5
|
+
(function(a,m){typeof exports=="object"&&typeof module!="undefined"?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!="undefined"?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.mjs
CHANGED
|
@@ -11,7 +11,7 @@ const $ = {
|
|
|
11
11
|
name: "@progress/kendo-react-scrollview",
|
|
12
12
|
productName: "KendoReact",
|
|
13
13
|
productCodes: ["KENDOUIREACT", "KENDOUICOMPLETE"],
|
|
14
|
-
publishDate:
|
|
14
|
+
publishDate: 1705399005,
|
|
15
15
|
version: "",
|
|
16
16
|
licensingDocsUrl: "https://www.telerik.com/kendo-react-ui/components/my-license/"
|
|
17
17
|
}, d = e.forwardRef((f, K) => {
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@progress/kendo-react-scrollview",
|
|
3
|
-
"version": "7.0
|
|
3
|
+
"version": "7.1.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",
|
|
@@ -23,7 +23,7 @@
|
|
|
23
23
|
"sideEffects": false,
|
|
24
24
|
"peerDependencies": {
|
|
25
25
|
"@progress/kendo-licensing": "^1.3.4",
|
|
26
|
-
"@progress/kendo-react-common": "7.0
|
|
26
|
+
"@progress/kendo-react-common": "7.1.0-develop.2",
|
|
27
27
|
"@progress/kendo-svg-icons": "^2.1.0",
|
|
28
28
|
"react": "^16.8.2 || ^17.0.0 || ^18.0.0",
|
|
29
29
|
"react-dom": "^16.8.2 || ^17.0.0 || ^18.0.0"
|