typings changes;

implemented scrollTo and centerAt methods;

Author: xobotyi

dist/index.js

@@ -322,6 +322,44 @@ function (_React$Component) {
         passive: true
       });
     }
+  }, {
+    key: "scrollTo",
+
+    /**
+     *  Set scroll at given coordinates
+     *
+     * @param {number} x
+     * @param {number} y
+     *
+     * @return {Scrollbar}
+     */
+    value: function scrollTo(y, x) {
+      this.contentEl.scrollTop = y;
+      this.contentEl.scrollLeft = x;
+      return this;
+    }
+    /**
+     *  Set viewport's center at given coordinates
+     *
+     * @param {number} x
+     * @param {number} y
+     *
+     * @return {Scrollbar}
+     */
+
+  }, {
+    key: "centerAt",
+    value: function centerAt(y, x) {
+      this.contentEl.scrollTop = y - this.contentEl.clientHeight / 2;
+      this.contentEl.scrollLeft = x - this.contentEl.clientWidth / 2;
+      return this;
+    }
+    /**
+     * Return the vertical scroll position
+     *
+     * @return {number}
+     */
+
   }, {
     key: "scrollToTop",
 
@@ -710,12 +748,6 @@ function (_React$Component) {
     }
   }, {
     key: "scrollTop",
-
-    /**
-     * Return the vertical scroll position
-     *
-     * @return {number}
-     */
     get: function get() {
       if (this.contentEl) {
         return this.contentEl.scrollTop;

index.d.ts

@@ -1,6 +1,6 @@
-import {Component, CSSProperties, SFC} from "react";
+import {Component, CSSProperties, Props, SFC} from "react";
 
-export interface ScrollValues {
+interface ScrollValues {
     clientHeight?: number;
     clientWidth?: number;
     scrollHeight?: number;
@@ -16,35 +16,35 @@ export interface ScrollValues {
     isRtl?: boolean;
 }
 
-export interface ScrollbarRendererProps {
+interface ScrollbarRendererProps {
     className: string;
     style: CSSProperties;
 
     elementRef: void;
 }
 
-export interface ScrollbarTrackRendererProps {
+interface ScrollbarTrackRendererProps {
     className: string;
     style: CSSProperties;
 
     elementRef: void;
     onClick: void;
 }
 
-export interface ScrollbarThumbRendererProps {
+interface ScrollbarThumbRendererProps {
     className: string;
     style: CSSProperties;
 
     elementRef: void;
     onMouseDown: void;
 }
 
-export enum TrackClickBehaviorPossibilities {
+declare enum TrackClickBehaviorPossibilities {
     Jump = "jump",
     Step = "step",
 }
 
-export interface ScrollbarProps {
+interface ScrollbarProps extends Props<Scrollbar> {
     native?: boolean;
 
     minimalThumbsSize?: number;
@@ -100,7 +100,7 @@ export interface ScrollbarProps {
     onScrollStop?(scrollValues: ScrollValues, instance: Scrollbar): void;
 }
 
-declare class Scrollbar extends Component<ScrollbarProps> {
+export default class Scrollbar extends Component<ScrollbarProps> {
     public scrollTop: number;
     public scrollLeft: number;
     public readonly scrollHeight: number;
@@ -116,6 +116,10 @@ declare class Scrollbar extends Component<ScrollbarProps> {
 
     public scrollToRight(): Scrollbar;
 
+    public scrollTo(x: number, y: number): Scrollbar;
+
+    public centerAt(x: number, y: number): Scrollbar;
+
     /**
      * Return the scroll values actual for the last update.
      *
@@ -146,4 +150,4 @@ declare class Scrollbar extends Component<ScrollbarProps> {
     public static computeScrollForOffset(trackSize: number, thumbSize: number, offset: number, scrollableSize: number, viewportSize: number): number
 }
 
-export default Scrollbar;
+export as namespace Scrollbar;

src/index.js

@@ -273,6 +273,36 @@ export default class Scrollbar extends React.Component {
         }, this.props.scrollDetectionThreshold);
     };
 
+    /**
+     *  Set scroll at given coordinates
+     *
+     * @param {number} x
+     * @param {number} y
+     *
+     * @return {Scrollbar}
+     */
+    scrollTo(y, x) {
+        this.contentEl.scrollTop = y;
+        this.contentEl.scrollLeft = x;
+
+        return this;
+    }
+
+    /**
+     *  Set viewport's center at given coordinates
+     *
+     * @param {number} x
+     * @param {number} y
+     *
+     * @return {Scrollbar}
+     */
+    centerAt(y, x) {
+        this.contentEl.scrollTop = y - this.contentEl.clientHeight / 2;
+        this.contentEl.scrollLeft = x - this.contentEl.clientWidth / 2;
+
+        return this;
+    }
+
     /**
      * Return the vertical scroll position
      *

tests/Scrollbar/getset.js

@@ -188,5 +188,19 @@ export default function performTests() {
                 scrollbar.contentEl.scrollWidth - scrollbar.contentEl.clientWidth
             );
         });
+
+        it("scrollTo should set scrolls at given position", () => {
+            scrollbar.scrollTo(50, 50);
+
+            expect(scrollbar.contentEl.scrollTop).toBe(50);
+            expect(scrollbar.contentEl.scrollLeft).toBe(50);
+        });
+
+        it("centerAt should set viewport center at given position at given position", () => {
+            scrollbar.centerAt(100, 100);
+
+            expect(scrollbar.contentEl.scrollTop).toBe(50);
+            expect(scrollbar.contentEl.scrollLeft).toBe(50);
+        });
     });
 }