@progress/kendo-react-scrollview 6.1.1 → 7.0.0-develop.1

package/index.d.ts

@@ -0,0 +1,6 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2023 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the package root for more information
+*-------------------------------------------------------------------------------------------*/
+export * from './ScrollView';
+export * from './ScrollViewProps';

package/index.js

@@ -0,0 +1,5 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2023 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the package root for more information
+*-------------------------------------------------------------------------------------------*/
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const M=require("react"),q=require("prop-types"),o=require("@progress/kendo-react-common"),h=require("@progress/kendo-svg-icons");function O(s){const m=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(s){for(const i in s)if(i!=="default"){const d=Object.getOwnPropertyDescriptor(s,i);Object.defineProperty(m,i,d.get?d:{enumerable:!0,get:()=>s[i]})}}return m.default=s,Object.freeze(m)}const e=O(M),a=O(q),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((s,m)=>{o.validatePackage(L);const{className:i,style:d,children:E,pagerOverlay:b,pageable:P,arrows:D,endless:n,activeView:T,automaticViewChange:N,automaticViewChangeInterval:R}=s,[t,c]=e.useState(T||1),g=e.useRef(null),p=e.useRef(null),y=e.useRef(null),r=e.Children.toArray(E),C=o.useRtl(g,s.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 f=e.useCallback(()=>{n?t>1?c(t-1):c(r.length):t>1&&c(t-1)},[t,r.length,n]),w=e.useCallback(()=>{n?t<r.length?c(t+1):c(1):t<r.length&&c(t+1)},[t,r.length,n]);e.useEffect(()=>{let l=r.length;p.current&&(p.current.style.setProperty("--kendo-scrollview-views",`${l}`),p.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(()=>c(l=>l===r.length?n?1:l:l+1),R),()=>{V()}},[N,R,r.length,t,n]);const K=e.useCallback(l=>{switch(l.keyCode){case o.Keys.left:l.preventDefault(),u?w():f();break;case o.Keys.right:l.preventDefault(),u?f():w();break}},[u,w,f]),j=e.useMemo(()=>o.classNames("k-scrollview",{"k-scrollview-light":b==="light","k-scrollview-dark":b==="dark"},i),[i,b]),_=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:j,style:d,ref:g,tabIndex:0,dir:C,onKeyDown:K},e.createElement("div",{className:"k-scrollview-wrap k-scrollview-animate",ref:p},_),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:f},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"}))),P&&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:()=>c(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 z={activeView:1,arrows:!0,automaticViewChange:!0,automaticViewChangeInterval:5e3,endless:!1,pageable:!0,pageOverlay:"none"};k.defaultProps=z;k.displayName="KendoScrollView";exports.ScrollView=k;

package/index.mjs

@@ -0,0 +1,153 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2023 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the package root for more information
+*-------------------------------------------------------------------------------------------*/
+import * as e from "react";
+import * as r from "prop-types";
+import { validatePackage as B, useRtl as H, Keys as N, classNames as R, IconWrap as V } from "@progress/kendo-react-common";
+import { chevronRightIcon as I, chevronLeftIcon as D } from "@progress/kendo-svg-icons";
+const $ = {
+  name: "@progress/kendo-react-scrollview",
+  productName: "KendoReact",
+  productCodes: ["KENDOUIREACT", "KENDOUICOMPLETE"],
+  publishDate: 1700494211,
+  version: "",
+  licensingDocsUrl: "https://www.telerik.com/kendo-react-ui/components/my-license/"
+}, d = e.forwardRef((f, K) => {
+  B($);
+  const {
+    className: h,
+    style: P,
+    children: k,
+    pagerOverlay: w,
+    pageable: T,
+    arrows: x,
+    endless: s,
+    activeView: O,
+    automaticViewChange: C,
+    automaticViewChangeInterval: y
+  } = f, [t, n] = 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(
+    () => {
+      o.current && o.current.focus();
+    },
+    []
+  ), A = e.useCallback(
+    () => ({
+      element: o.current,
+      focus: b
+    }),
+    [b]
+  );
+  e.useImperativeHandle(K, A);
+  const u = e.useCallback(() => {
+    s ? t > 1 ? n(t - 1) : n(a.length) : t > 1 && n(t - 1);
+  }, [t, a.length, s]), v = e.useCallback(() => {
+    s ? t < a.length ? n(t + 1) : n(1) : t < a.length && n(t + 1);
+  }, [t, a.length, s]);
+  e.useEffect(() => {
+    let l = a.length;
+    m.current && (m.current.style.setProperty("--kendo-scrollview-views", `${l}`), m.current.style.setProperty("--kendo-scrollview-current", `${t}`));
+  }, [a, t, p]);
+  function E() {
+    g.current && clearTimeout(g.current);
+  }
+  e.useEffect(() => {
+    if (C)
+      return E(), g.current = setTimeout(
+        () => n((l) => l === a.length ? s ? 1 : l : l + 1),
+        y
+      ), () => {
+        E();
+      };
+  }, [C, y, a.length, t, s]);
+  const L = e.useCallback(
+    (l) => {
+      switch (l.keyCode) {
+        case N.left:
+          l.preventDefault(), c ? v() : u();
+          break;
+        case N.right:
+          l.preventDefault(), c ? u() : v();
+          break;
+      }
+    },
+    [c, v, u]
+  ), M = e.useMemo(
+    () => R(
+      "k-scrollview",
+      {
+        "k-scrollview-light": w === "light",
+        "k-scrollview-dark": w === "dark"
+      },
+      h
+    ),
+    [h, w]
+  ), S = e.Children.map(k || null, (l, i) => /* @__PURE__ */ e.createElement(
+    "div",
+    {
+      className: "k-scrollview-view",
+      "aria-hidden": t !== i + 1
+    },
+    l
+  )), U = e.useCallback(() => {
+    let l;
+    return l = t > 1, (s || l) && a.length > 0;
+  }, [t, a.length, s]), z = e.useCallback(() => {
+    let l;
+    return l = t < a.length, (s || l) && a.length > 0;
+  }, [t, a.length, s]);
+  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(
+    V,
+    {
+      name: c ? "chevron-right" : "chevron-left",
+      icon: c ? I : D,
+      size: "xxxlarge"
+    }
+  )), z() && /* @__PURE__ */ e.createElement("span", { className: "k-scrollview-next", onClick: v }, /* @__PURE__ */ e.createElement(
+    V,
+    {
+      name: c ? "chevron-left" : "chevron-right",
+      icon: c ? D : I,
+      size: "xxxlarge"
+    }
+  ))), T && /* @__PURE__ */ e.createElement("div", { className: "k-scrollview-nav-wrap" }, /* @__PURE__ */ e.createElement("div", { className: "k-scrollview-nav" }, a.map((l, i) => /* @__PURE__ */ e.createElement(
+    "span",
+    {
+      className: R(
+        "k-link",
+        {
+          "k-primary": t === i + 1
+        }
+      ),
+      key: i + 1,
+      onClick: () => n(i + 1)
+    }
+  ))))));
+});
+d.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 j = {
+  activeView: 1,
+  arrows: !0,
+  automaticViewChange: !0,
+  automaticViewChangeInterval: 5e3,
+  endless: !1,
+  pageable: !0,
+  pageOverlay: "none"
+};
+d.defaultProps = j;
+d.displayName = "KendoScrollView";
+export {
+  d as ScrollView
+};

package/package-metadata.d.ts

@@ -0,0 +1,9 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2023 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the package root for more information
+*-------------------------------------------------------------------------------------------*/
+import { PackageMetadata } from '@progress/kendo-licensing';
+/**
+ * @hidden
+ */
+export declare const packageMetadata: PackageMetadata;

package/package.json

@@ -1,22 +1,29 @@
 {
   "name": "@progress/kendo-react-scrollview",
+  "version": "7.0.0-develop.1",
   "description": "React ScrollView (React Carousel) displays images or content in a horizontally scrollable collection. KendoReact ScrollView package",
-  "version": "6.1.1",
-  "repository": {
-    "type": "git",
-    "url": "https://github.com/telerik/kendo-react.git"
+  "author": "Progress",
+  "license": "SEE LICENSE IN LICENSE.md",
+  "homepage": "https://www.telerik.com/kendo-react-ui",
+  "main": "./index.js",
+  "types": "./index.d.ts",
+  "exports": {
+    ".": {
+      "import": "./index.mjs",
+      "require": "./index.js"
+    }
+  },
+  "sideEffects": false,
+  "peerDependencies": {
+    "@progress/kendo-licensing": "^1.3.0",
+    "@progress/kendo-react-common": "7.0.0-develop.1",
+    "@progress/kendo-svg-icons": "^2.0.0",
+    "react": "^16.8.2 || ^17.0.0 || ^18.0.0",
+    "react-dom": "^16.8.2 || ^17.0.0 || ^18.0.0"
   },
-  "main": "dist/npm/main.js",
-  "types": "dist/npm/main.d.ts",
-  "module": "dist/es/main.js",
-  "jsnext:main": "dist/es/main.js",
-  "scripts": {
-    "test": "cd ../../ && npm run test -- --testPathPattern=/packages/scrollview/.*",
-    "e2e": "cd ../../ && npx jest --maxWorkers=4 --config jest.e2e.js packages/scrollview/e2e/",
-    "start": "gulp start",
-    "build-package": "gulp build-package"
+  "dependencies": {
+    "prop-types": "^15.6.0"
   },
-  "homepage": "https://www.telerik.com/kendo-react-ui",
   "keywords": [
     "Kendo UI",
     "React",
@@ -29,32 +36,15 @@
     "React component",
     "Telerik"
   ],
-  "peerDependencies": {
-    "@progress/kendo-licensing": "^1.3.0",
-    "@progress/kendo-svg-icons": "^2.0.0",
-    "react": "^16.8.2 || ^17.0.0 || ^18.0.0",
-    "react-dom": "^16.8.2 || ^17.0.0 || ^18.0.0"
-  },
-  "devDependencies": {
-    "@progress/kendo-drawing": "^1.17.2",
-    "@progress/kendo-licensing": "^1.3.0",
-    "@progress/kendo-react-animation": "6.1.1",
-    "@progress/kendo-react-buttons": "6.1.1",
-    "@progress/kendo-react-inputs": "6.1.1",
-    "@progress/kendo-react-intl": "6.1.1",
-    "@progress/kendo-svg-icons": "^2.0.0"
-  },
-  "dependencies": {
-    "@progress/kendo-react-common": "6.1.1",
-    "prop-types": "^15.6.0"
-  },
   "@progress": {
     "friendlyName": "ScrollView",
     "framework": "KendoReact"
   },
-  "author": "Progress",
-  "license": "SEE LICENSE IN LICENSE.md",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/telerik/kendo-react.git"
+  },
   "publishConfig": {
     "access": "public"
   }
-}
+}

package/about.md

@@ -1,3 +0,0 @@
-<a href="https://www.telerik.com/kendo-react-ui?utm_medium=referral&utm_source=npm&utm_campaign=kendo-ui-react-trial-npm-scrollview&utm_content=banner" target="_blank">
-<img src="https://www.telerik.com/kendo-react-ui/components/npm-banner.svg" alt="KendoReact NPM Banner">
-</a>

package/dist/es/ScrollView.d.ts

@@ -1,48 +0,0 @@
-import * as React from 'react';
-import { ScrollViewProps } from './ScrollViewProps';
-/**
- * The ScrollView ref.
- */
-export interface ScrollViewHandle {
-    /**
-     * The ScrollView element.
-     */
-    element: HTMLDivElement | null;
-    /**
-     * Focus the ScrollView.
-     */
-    focus: () => void;
-}
-/**
- * Represents the [KendoReact ScrollView component]({% slug overview_scrollview %}).
- *
- * @example
- * ```jsx
- * const App = () => {
- *   const items: any[] = [
- *     { position: 1, url: 'https://demos.telerik.com/kendo-ui/content/web/scrollview/image1.jpg' },
- *     { position: 2, url: 'https://demos.telerik.com/kendo-ui/content/web/scrollview/image2.jpg' },
- *     { position: 3, url: 'https://demos.telerik.com/kendo-ui/content/web/scrollview/image3.jpg' }
- *   ];
- *   return (
- *     <ScrollView style={{width: 512, height: 384}}>
- *       {items.map((item, index) => {
- *         return (
- *           <div className="image-with-text" key={index}>
- *             <p>Showing image {item.position} of {items.length}.</p>
- *             <img
- *               src={item.url}
- *               alt={'Photo'}
- *               style={{width: 512, height: 384}}
- *               draggable={false}
- *             />
- *           </div>
- *         );
- *       })}
- *     </ScrollView>
- *   );
- * };
- * ReactDOM.render(<App />, document.querySelector('my-app'));
- * ```
- */
-export declare const ScrollView: React.ForwardRefExoticComponent<ScrollViewProps & React.RefAttributes<ScrollViewHandle | null>>;

package/dist/es/ScrollView.js

@@ -1,177 +0,0 @@
-import * as React from 'react';
-import * as PropTypes from 'prop-types';
-import { classNames, Keys, useRtl, IconWrap } from '@progress/kendo-react-common';
-import { validatePackage } from '@progress/kendo-react-common';
-import { packageMetadata } from './package-metadata';
-import { chevronLeftIcon, chevronRightIcon } from '@progress/kendo-svg-icons';
-/**
- * Represents the [KendoReact ScrollView component]({% slug overview_scrollview %}).
- *
- * @example
- * ```jsx
- * const App = () => {
- *   const items: any[] = [
- *     { position: 1, url: 'https://demos.telerik.com/kendo-ui/content/web/scrollview/image1.jpg' },
- *     { position: 2, url: 'https://demos.telerik.com/kendo-ui/content/web/scrollview/image2.jpg' },
- *     { position: 3, url: 'https://demos.telerik.com/kendo-ui/content/web/scrollview/image3.jpg' }
- *   ];
- *   return (
- *     <ScrollView style={{width: 512, height: 384}}>
- *       {items.map((item, index) => {
- *         return (
- *           <div className="image-with-text" key={index}>
- *             <p>Showing image {item.position} of {items.length}.</p>
- *             <img
- *               src={item.url}
- *               alt={'Photo'}
- *               style={{width: 512, height: 384}}
- *               draggable={false}
- *             />
- *           </div>
- *         );
- *       })}
- *     </ScrollView>
- *   );
- * };
- * ReactDOM.render(<App />, document.querySelector('my-app'));
- * ```
- */
-export var ScrollView = React.forwardRef(function (props, target) {
-    validatePackage(packageMetadata);
-    var className = props.className, style = props.style, children = props.children, pagerOverlay = props.pagerOverlay, pageable = props.pageable, arrows = props.arrows, endless = props.endless, activeView = props.activeView, automaticViewChange = props.automaticViewChange, automaticViewChangeInterval = props.automaticViewChangeInterval;
-    var _a = React.useState(activeView || 1), active = _a[0], setActive = _a[1];
-    var elementRef = React.useRef(null);
-    var wrapElementRef = React.useRef(null);
-    var timeoutRef = React.useRef(null);
-    var data = React.Children.toArray(children);
-    var dir = useRtl(elementRef, props.dir);
-    var isRtl = dir === 'rtl';
-    var focusElement = React.useCallback(function () {
-        if (elementRef.current) {
-            elementRef.current.focus();
-        }
-    }, []);
-    var getImperativeHandle = React.useCallback(function () { return ({
-        element: elementRef.current,
-        focus: focusElement
-    }); }, [focusElement]);
-    React.useImperativeHandle(target, getImperativeHandle);
-    var prev = React.useCallback(function () {
-        if (!endless) {
-            active > 1 && setActive(active - 1);
-        }
-        else {
-            active > 1 ? setActive(active - 1) : setActive(data.length);
-        }
-    }, [active, data.length, endless]);
-    var next = React.useCallback(function () {
-        if (!endless) {
-            active < data.length && setActive(active + 1);
-        }
-        else {
-            active < data.length ? setActive(active + 1) : setActive(1);
-        }
-    }, [active, data.length, endless]);
-    React.useEffect(function () {
-        var viewsCount = data.length;
-        if (wrapElementRef.current) {
-            wrapElementRef.current.style.setProperty('--kendo-scrollview-views', "".concat(viewsCount));
-            wrapElementRef.current.style.setProperty('--kendo-scrollview-current', "".concat(active));
-        }
-    }, [data, active, dir]);
-    function resetTimeout() {
-        if (timeoutRef.current) {
-            clearTimeout(timeoutRef.current);
-        }
-    }
-    React.useEffect(function () {
-        if (automaticViewChange) {
-            resetTimeout();
-            timeoutRef.current = setTimeout(function () { return setActive(function (prevIndex) { return prevIndex === data.length ?
-                endless ?
-                    1 :
-                    prevIndex
-                : prevIndex + 1; }); }, automaticViewChangeInterval);
-            return function () {
-                resetTimeout();
-            };
-        }
-    }, [automaticViewChange, automaticViewChangeInterval, data.length, active, endless]);
-    var handleKeyDown = React.useCallback(function (event) {
-        switch (event.keyCode) {
-            case Keys.left:
-                event.preventDefault();
-                if (!isRtl) {
-                    prev();
-                }
-                else {
-                    next();
-                }
-                break;
-            case Keys.right:
-                event.preventDefault();
-                if (!isRtl) {
-                    next();
-                }
-                else {
-                    prev();
-                }
-                break;
-            default:
-                break;
-        }
-    }, [isRtl, next, prev]);
-    var scrollViewClasses = React.useMemo(function () { return classNames('k-scrollview', {
-        'k-scrollview-light': pagerOverlay === 'light',
-        'k-scrollview-dark': pagerOverlay === 'dark'
-    }, className); }, [className, pagerOverlay]);
-    var content = React.Children.map(children || null, function (child, index) { return (React.createElement("div", { className: "k-scrollview-view", "aria-hidden": active === index + 1 ? false : true }, child)); });
-    var displayLeftArrow = React.useCallback(function () {
-        var isNotBorderItem;
-        isNotBorderItem = active > 1;
-        return (endless || isNotBorderItem) && data.length > 0;
-    }, [active, data.length, endless]);
-    var displayRightArrow = React.useCallback(function () {
-        var isNotBorderItem;
-        isNotBorderItem = active < data.length;
-        return (endless || isNotBorderItem) && data.length > 0;
-    }, [active, data.length, endless]);
-    return (React.createElement("div", { className: scrollViewClasses, style: style, ref: elementRef, tabIndex: 0, dir: dir, onKeyDown: handleKeyDown },
-        React.createElement("div", { className: "k-scrollview-wrap k-scrollview-animate", ref: wrapElementRef }, content),
-        React.createElement("div", { className: "k-scrollview-elements" },
-            arrows && (React.createElement(React.Fragment, null,
-                displayLeftArrow() && React.createElement("span", { className: "k-scrollview-prev", "aria-label": "previous", onClick: prev },
-                    React.createElement(IconWrap, { name: isRtl ? 'chevron-right' : 'chevron-left', icon: isRtl ? chevronRightIcon : chevronLeftIcon, size: 'xxxlarge' })),
-                displayRightArrow() && React.createElement("span", { className: "k-scrollview-next", onClick: next },
-                    React.createElement(IconWrap, { name: isRtl ? 'chevron-left' : 'chevron-right', icon: isRtl ? chevronLeftIcon : chevronRightIcon, size: 'xxxlarge' })))),
-            pageable && (React.createElement("div", { className: "k-scrollview-nav-wrap" },
-                React.createElement("div", { className: "k-scrollview-nav" }, data.map(function (_, index) {
-                    return (React.createElement("span", { className: classNames('k-link', {
-                            'k-primary': active === index + 1
-                        }), key: index + 1, onClick: function () { return setActive(index + 1); } }));
-                })))))));
-});
-ScrollView.propTypes = {
-    activeView: PropTypes.number,
-    arrows: PropTypes.bool,
-    automaticViewChange: PropTypes.bool,
-    automaticViewChangeInterval: PropTypes.number,
-    children: PropTypes.any,
-    className: PropTypes.string,
-    dir: PropTypes.string,
-    endless: PropTypes.bool,
-    pageable: PropTypes.bool,
-    pageOverlay: PropTypes.string,
-    style: PropTypes.object
-};
-var defaultProps = {
-    activeView: 1,
-    arrows: true,
-    automaticViewChange: true,
-    automaticViewChangeInterval: 5000,
-    endless: false,
-    pageable: true,
-    pageOverlay: 'none'
-};
-ScrollView.defaultProps = defaultProps;
-ScrollView.displayName = 'KendoScrollView';

package/dist/es/ScrollViewProps.d.ts

@@ -1,59 +0,0 @@
-/// <reference types="react" />
-/**
- * Represents the props of the [KendoReact ScrollView component]({% slug overview_scrollview %}).
- */
-export interface ScrollViewProps {
-    /**
-     * Represents the current active view ([see example]({% slug activeview_scrollview %})). Defaults to `1`.
-     */
-    activeView?: number;
-    /**
-     * Enables or disables the built-in navigation arrows ([see example]({% slug arrows_scrollview %})). Defaults to `true`.
-     */
-    arrows?: boolean;
-    /**
-     * Allows the ScrollView to switch the next page automatically after a short delay ([see example]({% slug automatic_scrolling_scrollview %})).
-     * Defaults to `true`.
-     */
-    automaticViewChange?: boolean;
-    /**
-     * Defines the automatic page change delay in milliseconds ([see example]({% slug automatic_scrolling_scrollview %})).
-     * Defaults to `5000`.
-     */
-    automaticViewChangeInterval?: number;
-    /**
-     * Sets the ScrollView children elements.
-     */
-    children?: React.ReactNode;
-    /**
-     * Specifies a list of CSS classes that will be added to the ScrollView.
-     */
-    className?: string;
-    /**
-     * Represents the `dir` HTML attribute. This is used to switch from LTR to RTL.
-     */
-    dir?: string;
-    /**
-     * Toggles the endless scrolling mode in which the data items are endlessly looped
-     * ([see example]({% slug endlessscrolling_scrollview %})). Defaults to `false`.
-     */
-    endless?: boolean;
-    /**
-     * Toggles the built-in pager ([see example]({% slug paging_scrollview %})). Defaults to `true`.
-     */
-    pageable?: boolean;
-    /**
-     * Sets the pager overlay ([see example]({% slug paging_scrollview %})).
-     *
-     *  * The possible values are:
-     * * `none`(Default) &mdash; No overlay is set.
-     * * `dark` &mdash; Dark overlay is set.
-     * * `light` &mdash; Light overlay is set.
-     *
-     */
-    pagerOverlay?: 'dark' | 'light' | 'none';
-    /**
-     * Sets additional CSS styles to the ScrollView.
-     */
-    style?: React.CSSProperties;
-}

package/dist/es/ScrollViewProps.js

@@ -1 +0,0 @@
-export {};

package/dist/es/main.d.ts

@@ -1,2 +0,0 @@
-export * from './ScrollView';
-export * from './ScrollViewProps';

package/dist/es/main.js

@@ -1,2 +0,0 @@
-export * from './ScrollView';
-export * from './ScrollViewProps';

package/dist/es/package-metadata.d.ts

@@ -1,5 +0,0 @@
-import { PackageMetadata } from '@progress/kendo-licensing';
-/**
- * @hidden
- */
-export declare const packageMetadata: PackageMetadata;

package/dist/es/package-metadata.js

@@ -1,11 +0,0 @@
-/**
- * @hidden
- */
-export var packageMetadata = {
-    name: '@progress/kendo-react-scrollview',
-    productName: 'KendoReact',
-    productCodes: ['KENDOUIREACT', 'KENDOUICOMPLETE'],
-    publishDate: 1700065152,
-    version: '',
-    licensingDocsUrl: 'https://www.telerik.com/kendo-react-ui/my-license/?utm_medium=product&utm_source=kendoreact&utm_campaign=kendo-ui-react-purchase-license-keys-warning'
-};