use-scroller 1.1.0 → 2.0.0

package/dist/cjs/hooks/use-scroll.js

@@ -1,90 +0,0 @@
-"use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useScroll = void 0;
-var react_1 = require("react");
-var scroller_1 = require("../scroller");
-var utils_1 = require("../utils");
-var use_iso_morphic_effect_1 = require("./use-iso-morphic-effect");
-function useScroll(props) {
-    var ref = (0, react_1.useRef)(null);
-    var _a = (0, react_1.useState)(function () { return ({
-        left: 0,
-        top: 0,
-        isScrollable: false,
-        isScrolledLeft: false,
-        isScrolledRight: false,
-        isScrolledTop: false,
-        isScrolledBottom: false,
-    }); }), state = _a[0], setState = _a[1];
-    var scrollOpt = __assign(__assign({}, utils_1.defaultScrollOptions), props);
-    var scroll = (0, react_1.useCallback)(function (from, to) {
-        var container = (0, utils_1.getElement)(ref);
-        var scrollContainer = (0, scroller_1.scroller)({ container: container, options: scrollOpt });
-        scrollContainer.scrollTo(from, to);
-    }, []);
-    var scrollCenter = (0, react_1.useCallback)(function () {
-        var container = (0, utils_1.getElement)(ref);
-        var scrollContainer = (0, scroller_1.scroller)({ container: container, options: scrollOpt });
-        scrollContainer.scrollToCenter();
-    }, []);
-    var scrollTop = (0, react_1.useCallback)(function (offset) {
-        var container = (0, utils_1.getElement)(ref);
-        var scrollContainer = (0, scroller_1.scroller)({ container: container, options: scrollOpt });
-        scrollContainer.scrollToTop(offset);
-    }, []);
-    var scrollBottom = (0, react_1.useCallback)(function (offset) {
-        var container = (0, utils_1.getElement)(ref);
-        var scrollContainer = (0, scroller_1.scroller)({ container: container, options: scrollOpt });
-        scrollContainer.scrollToBottom(offset);
-    }, []);
-    var scrollRight = (0, react_1.useCallback)(function (offset) {
-        var container = (0, utils_1.getElement)(ref);
-        var scrollContainer = (0, scroller_1.scroller)({ container: container, options: scrollOpt });
-        scrollContainer.scrollToRight(offset);
-    }, []);
-    var scrollLeft = (0, react_1.useCallback)(function (offset) {
-        var container = (0, utils_1.getElement)(ref);
-        var scrollContainer = (0, scroller_1.scroller)({ container: container, options: scrollOpt });
-        scrollContainer.scrollToLeft(offset);
-    }, []);
-    (0, use_iso_morphic_effect_1.useIsoMorphicEffect)(function () {
-        var scrollContainer = ref.current;
-        if (!scrollContainer)
-            return;
-        var scrollWidth = scrollContainer.scrollWidth, clientWidth = scrollContainer.clientWidth, clientHeight = scrollContainer.clientHeight, scrollHeight = scrollContainer.scrollHeight;
-        var isScrollable = clientWidth !== scrollWidth || clientHeight !== scrollHeight;
-        setState(function (prev) { return (__assign(__assign({}, prev), { isScrollable: isScrollable })); });
-        var handleScroll = function () {
-            if (scrollContainer) {
-                var scrollLeft_1 = scrollContainer.scrollLeft, scrollTop_1 = scrollContainer.scrollTop;
-                var scrollState = __assign(__assign({}, state), { isScrolledLeft: scrollLeft_1 === 0, isScrolledRight: scrollLeft_1 >= scrollWidth - clientWidth, isScrolledTop: scrollTop_1 === 0, isScrolledBottom: scrollTop_1 >= scrollHeight - clientHeight, left: scrollLeft_1, top: scrollTop_1 });
-                setState(scrollState);
-            }
-        };
-        handleScroll();
-        scrollContainer === null || scrollContainer === void 0 ? void 0 : scrollContainer.addEventListener('scroll', handleScroll);
-        return function () { return scrollContainer === null || scrollContainer === void 0 ? void 0 : scrollContainer.removeEventListener('scroll', handleScroll); };
-    }, []);
-    return {
-        ref: ref,
-        state: state,
-        scrollLeft: scrollLeft,
-        scrollRight: scrollRight,
-        scrollBottom: scrollBottom,
-        scrollTop: scrollTop,
-        scrollCenter: scrollCenter,
-        scroll: scroll,
-    };
-}
-exports.useScroll = useScroll;

package/dist/cjs/hooks/use-window-scroll.d.ts

@@ -1,13 +0,0 @@
-import { ScrollOptions } from '../types';
-export declare function useWindowScroll(props?: Partial<Omit<ScrollOptions, 'direction'>>): {
-    state: {
-        left: number;
-        top: number;
-        isScrolledTop: boolean;
-        isScrolledBottom: boolean;
-    };
-    scrollTop: (offset?: number | undefined) => void;
-    scrollBottom: (offset?: number | undefined) => void;
-    scrollToTarget: (currentTarget: HTMLElement) => void;
-    scroll: (from: number, to: number) => void;
-};

package/dist/cjs/hooks/use-window-scroll.js

@@ -1,60 +0,0 @@
-"use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useWindowScroll = void 0;
-var react_1 = require("react");
-var scroller_1 = require("../scroller");
-var use_iso_morphic_effect_1 = require("./use-iso-morphic-effect");
-var utils_1 = require("../utils");
-function useWindowScroll(props) {
-    var _a = (0, react_1.useState)(function () { return ({
-        left: 0,
-        top: 0,
-        isScrolledTop: false,
-        isScrolledBottom: false,
-    }); }), state = _a[0], setState = _a[1];
-    var scrollArgs = {
-        container: window,
-        options: __assign(__assign({}, utils_1.defaultScrollOptions), props),
-    };
-    var scroll = (0, react_1.useCallback)(function (from, to) {
-        var scrollContainer = (0, scroller_1.scroller)(scrollArgs);
-        scrollContainer.scrollTo(from, to);
-    }, []);
-    var scrollToTarget = (0, react_1.useCallback)(function (currentTarget) {
-        var scrollContainer = (0, scroller_1.scroller)(scrollArgs);
-        scrollContainer.scrollToTarget(currentTarget);
-    }, []);
-    var scrollTop = (0, react_1.useCallback)(function (offset) {
-        var scrollContainer = (0, scroller_1.scroller)(scrollArgs);
-        scrollContainer.scrollToTop(offset);
-    }, []);
-    var scrollBottom = (0, react_1.useCallback)(function (offset) {
-        var scrollContainer = (0, scroller_1.scroller)(scrollArgs);
-        scrollContainer.scrollToBottom(offset);
-    }, []);
-    (0, use_iso_morphic_effect_1.useIsoMorphicEffect)(function () {
-        var handleScroll = function () {
-            if (window) {
-                var _a = (0, utils_1.resolveScrollValues)(window), scrollLeft = _a.scrollLeft, scrollTop_1 = _a.scrollTop, scrollHeight = _a.scrollHeight, clientHeight = _a.clientHeight;
-                var scrollState = __assign(__assign({}, state), { isScrolledTop: scrollTop_1 === 0, isScrolledBottom: scrollTop_1 >= scrollHeight - clientHeight, left: scrollLeft, top: scrollTop_1 });
-                setState(scrollState);
-            }
-        };
-        handleScroll();
-        window === null || window === void 0 ? void 0 : window.addEventListener('scroll', handleScroll);
-        return function () { return window === null || window === void 0 ? void 0 : window.removeEventListener('scroll', handleScroll); };
-    }, []);
-    return { state: state, scrollTop: scrollTop, scrollBottom: scrollBottom, scrollToTarget: scrollToTarget, scroll: scroll };
-}
-exports.useWindowScroll = useWindowScroll;

package/dist/cjs/index.d.ts

@@ -1,3 +0,0 @@
-export * from './types';
-export * from './hooks/use-scroll';
-export * from './hooks/use-window-scroll';

package/dist/cjs/index.js

@@ -1,19 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./types"), exports);
-__exportStar(require("./hooks/use-scroll"), exports);
-__exportStar(require("./hooks/use-window-scroll"), exports);

package/dist/cjs/scroller.d.ts

@@ -1,10 +0,0 @@
-import { ScrollerProps } from './types';
-export declare function scroller({ container, options }: ScrollerProps): {
-    scrollToLeft: (offset?: number) => void;
-    scrollToRight: (offset?: number) => void;
-    scrollToTop: (offset?: number) => void;
-    scrollToBottom: (offset?: number) => void;
-    scrollToTarget: (target: HTMLElement) => void;
-    scrollToCenter: () => void;
-    scrollTo: (from: number, to: number, layout?: 'horizontal' | 'vertical') => void;
-};

package/dist/cjs/scroller.js

@@ -1,97 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.scroller = void 0;
-var utils_1 = require("./utils");
-function scroller(_a) {
-    var container = _a.container, _b = _a.options, options = _b === void 0 ? utils_1.defaultScrollOptions : _b;
-    (0, utils_1.validateElement)(container);
-    var duration = options.duration, easingOption = options.easingOption, direction = options.direction;
-    var _c = (0, utils_1.resolveScrollValues)(container), scrollLeft = _c.scrollLeft, scrollTop = _c.scrollTop, clientWidth = _c.clientWidth, clientHeight = _c.clientHeight, scrollWidth = _c.scrollWidth, scrollHeight = _c.scrollHeight;
-    /**
-     * Scroll the Element or Window to the given
-     * position.
-     *
-     * @param {number} from the current scroll position.
-     * @param {number} to the new position to scroll.
-     * @param {string} layout the scroll direction.
-     */
-    function scrollTo(from, to, layout) {
-        if (layout === void 0) { layout = direction; }
-        var startTime = null;
-        var requestId = 0;
-        function loop(currentTime) {
-            if (!startTime)
-                startTime = currentTime;
-            var time = Math.min((currentTime - startTime) / duration, 1);
-            var easingFunc = (0, utils_1.getEasing)(easingOption);
-            var currentPositionInTime = easingFunc(time) * (to - from) + from;
-            container.scrollTo({
-                left: layout === 'horizontal' ? currentPositionInTime : undefined,
-                top: layout === 'vertical' ? currentPositionInTime : undefined,
-            });
-            if (time < 1) {
-                requestId = requestAnimationFrame(loop);
-            }
-            else {
-                cancelAnimationFrame(requestId);
-            }
-        }
-        requestId = requestAnimationFrame(loop);
-    }
-    function scrollToCenter() {
-        var from = 0;
-        var to = 0;
-        if (direction === 'vertical') {
-            var scrollYCenterPosition = (scrollHeight - clientHeight) / 2;
-            from = scrollTop;
-            to = scrollYCenterPosition;
-        }
-        if (direction === 'horizontal') {
-            var scrollXCenterPosition = (scrollWidth - clientWidth) / 2;
-            from = scrollLeft;
-            to = scrollXCenterPosition;
-        }
-        scrollTo(from, to, direction);
-    }
-    function scrollToTarget(target) {
-        (0, utils_1.validateElement)(target);
-        var offsetTop = target.offsetTop, offsetLeft = target.offsetLeft;
-        var from = 0;
-        var to = 0;
-        if (direction === 'vertical') {
-            from = scrollTop;
-            to = offsetTop;
-        }
-        if (direction === 'horizontal') {
-            from = scrollLeft;
-            to = offsetLeft;
-        }
-        scrollTo(from, to, direction);
-    }
-    var scrollToLeft = function (offset) {
-        var scrollPosition = offset || scrollLeft - clientWidth;
-        scrollTo(scrollLeft, scrollPosition, 'horizontal');
-    };
-    var scrollToRight = function (offset) {
-        var scrollPosition = offset || scrollLeft + clientWidth;
-        scrollTo(scrollLeft, scrollPosition, 'horizontal');
-    };
-    var scrollToTop = function (offset) {
-        var scrollPosition = offset || scrollTop - clientHeight;
-        scrollTo(scrollTop, scrollPosition, 'vertical');
-    };
-    var scrollToBottom = function (offset) {
-        var scrollPosition = offset || scrollTop + clientHeight;
-        scrollTo(scrollTop, scrollPosition, 'vertical');
-    };
-    return {
-        scrollToLeft: scrollToLeft,
-        scrollToRight: scrollToRight,
-        scrollToTop: scrollToTop,
-        scrollToBottom: scrollToBottom,
-        scrollToTarget: scrollToTarget,
-        scrollToCenter: scrollToCenter,
-        scrollTo: scrollTo,
-    };
-}
-exports.scroller = scroller;

package/dist/cjs/types.d.ts

@@ -1,17 +0,0 @@
-export type ScrollOptions = {
-    direction: 'horizontal' | 'vertical';
-    duration: number;
-    easingOption: EasingOptions;
-};
-export type ScrollerProps = {
-    container: HTMLElement | Window;
-    options: ScrollOptions;
-};
-export type EasingOptions = 'linear' | 'ease-in' | 'ease-out' | 'ease-in-out';
-export type EasingFunction = (t: number) => number;
-export interface EasingFunctions {
-    linear: EasingFunction;
-    'ease-in': EasingFunction;
-    'ease-out': EasingFunction;
-    'ease-in-out': EasingFunction;
-}

package/dist/cjs/types.js

@@ -1,2 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });

package/dist/cjs/utils.d.ts

@@ -1,24 +0,0 @@
-import { RefObject } from 'react';
-import { EasingFunction, EasingFunctions, EasingOptions, ScrollOptions } from './types';
-export declare const isServer: boolean;
-export declare const defaultScrollOptions: ScrollOptions;
-/**
- * Resolves scroll values based on the type of param.
- * @param {HTMLElement | Window} element
- */
-export declare const resolveScrollValues: (element: HTMLElement | Window) => {
-    scrollLeft: number;
-    scrollTop: number;
-    scrollWidth: number;
-    clientWidth: number;
-    clientHeight: number;
-    scrollHeight: number;
-};
-/**
- * Validate if element passed to the function is valid.
- * @param {HTMLElement | Window} element
- */
-export declare function validateElement(element?: HTMLElement | Window): void;
-export declare const getElement: (ref: RefObject<HTMLElement>) => HTMLElement;
-export declare const easingMap: EasingFunctions;
-export declare const getEasing: (easing?: EasingOptions) => EasingFunction;

package/dist/cjs/utils.js

@@ -1,79 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.getEasing = exports.easingMap = exports.getElement = exports.validateElement = exports.resolveScrollValues = exports.defaultScrollOptions = exports.isServer = void 0;
-exports.isServer = typeof window === 'undefined' || typeof document === 'undefined';
-exports.defaultScrollOptions = {
-    direction: 'vertical',
-    duration: 300,
-    easingOption: 'ease-in-out',
-};
-/**
- * Resolves scroll values based on the type of param.
- * @param {HTMLElement | Window} element
- */
-var resolveScrollValues = function (element) {
-    if (element === document.body ||
-        element === document.documentElement ||
-        element instanceof Window) {
-        return {
-            scrollLeft: document.body.scrollLeft || document.documentElement.scrollLeft,
-            scrollTop: document.body.scrollTop || document.documentElement.scrollTop,
-            scrollWidth: document.body.scrollWidth || document.documentElement.scrollWidth,
-            clientWidth: document.body.clientWidth || document.documentElement.clientWidth,
-            clientHeight: document.body.clientHeight || document.documentElement.clientHeight,
-            scrollHeight: document.body.scrollHeight || document.documentElement.scrollHeight,
-        };
-    }
-    return {
-        scrollLeft: element.scrollLeft,
-        scrollTop: element.scrollTop,
-        scrollWidth: element.scrollWidth,
-        clientWidth: element.clientWidth,
-        clientHeight: element.clientHeight,
-        scrollHeight: element.scrollHeight,
-    };
-};
-exports.resolveScrollValues = resolveScrollValues;
-/**
- * Validate if element passed to the function is valid.
- * @param {HTMLElement | Window} element
- */
-function validateElement(element) {
-    if (element === undefined) {
-        throw new Error("The element passed to scroller() was undefined");
-    }
-    if (!(element instanceof HTMLElement || Window)) {
-        throw new TypeError("\n      The element passed to scroller() must be a valid element. \n      You passed ".concat(element, ".\n      "));
-    }
-}
-exports.validateElement = validateElement;
-var getElement = function (ref) {
-    if (!ref.current) {
-        throw new Error("Could not resolve ref object: ".concat(ref.current));
-    }
-    return ref.current;
-};
-exports.getElement = getElement;
-exports.easingMap = {
-    linear: function (t) {
-        return t;
-    },
-    'ease-in': function (t) {
-        return t * t;
-    },
-    'ease-out': function (t) {
-        return t * (2 - t);
-    },
-    'ease-in-out': function (t) {
-        return t < 0.5 ? 2 * t * t : -1 + (4 - 2 * t) * t;
-    },
-};
-var getEasing = function (easing) {
-    var easeFunc = exports.easingMap[easing || exports.defaultScrollOptions.easingOption];
-    if (!easeFunc) {
-        var options = Object.keys(exports.easingMap).join(',');
-        throw new Error("Scroll error: scroller does not support an easing option of \"".concat(easing, "\". Supported options are ").concat(options));
-    }
-    return easeFunc;
-};
-exports.getEasing = getEasing;

package/dist/esm/hooks/use-iso-morphic-effect.d.ts

@@ -1,2 +0,0 @@
-import { useEffect } from 'react';
-export declare const useIsoMorphicEffect: typeof useEffect;

package/dist/esm/hooks/use-iso-morphic-effect.js

@@ -1,3 +0,0 @@
-import { useLayoutEffect, useEffect } from 'react';
-import { isServer } from '../utils';
-export var useIsoMorphicEffect = isServer ? useEffect : useLayoutEffect;

package/dist/esm/hooks/use-scroll.d.ts

@@ -1,20 +0,0 @@
-/// <reference types="react" />
-import { ScrollOptions } from '../types';
-export declare function useScroll<T extends HTMLElement>(props?: Partial<ScrollOptions>): {
-    ref: import("react").RefObject<T>;
-    state: {
-        left: number;
-        top: number;
-        isScrollable: boolean;
-        isScrolledLeft: boolean;
-        isScrolledRight: boolean;
-        isScrolledTop: boolean;
-        isScrolledBottom: boolean;
-    };
-    scrollLeft: (offset?: number) => void;
-    scrollRight: (offset?: number) => void;
-    scrollBottom: (offset?: number) => void;
-    scrollTop: (offset?: number) => void;
-    scrollCenter: () => void;
-    scroll: (from: number, to: number) => void;
-};

package/dist/esm/hooks/use-scroll.js

@@ -1,86 +0,0 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-import { useCallback, useRef, useState } from 'react';
-import { scroller } from '../scroller';
-import { defaultScrollOptions, getElement } from '../utils';
-import { useIsoMorphicEffect } from './use-iso-morphic-effect';
-export function useScroll(props) {
-    var ref = useRef(null);
-    var _a = useState(function () { return ({
-        left: 0,
-        top: 0,
-        isScrollable: false,
-        isScrolledLeft: false,
-        isScrolledRight: false,
-        isScrolledTop: false,
-        isScrolledBottom: false,
-    }); }), state = _a[0], setState = _a[1];
-    var scrollOpt = __assign(__assign({}, defaultScrollOptions), props);
-    var scroll = useCallback(function (from, to) {
-        var container = getElement(ref);
-        var scrollContainer = scroller({ container: container, options: scrollOpt });
-        scrollContainer.scrollTo(from, to);
-    }, []);
-    var scrollCenter = useCallback(function () {
-        var container = getElement(ref);
-        var scrollContainer = scroller({ container: container, options: scrollOpt });
-        scrollContainer.scrollToCenter();
-    }, []);
-    var scrollTop = useCallback(function (offset) {
-        var container = getElement(ref);
-        var scrollContainer = scroller({ container: container, options: scrollOpt });
-        scrollContainer.scrollToTop(offset);
-    }, []);
-    var scrollBottom = useCallback(function (offset) {
-        var container = getElement(ref);
-        var scrollContainer = scroller({ container: container, options: scrollOpt });
-        scrollContainer.scrollToBottom(offset);
-    }, []);
-    var scrollRight = useCallback(function (offset) {
-        var container = getElement(ref);
-        var scrollContainer = scroller({ container: container, options: scrollOpt });
-        scrollContainer.scrollToRight(offset);
-    }, []);
-    var scrollLeft = useCallback(function (offset) {
-        var container = getElement(ref);
-        var scrollContainer = scroller({ container: container, options: scrollOpt });
-        scrollContainer.scrollToLeft(offset);
-    }, []);
-    useIsoMorphicEffect(function () {
-        var scrollContainer = ref.current;
-        if (!scrollContainer)
-            return;
-        var scrollWidth = scrollContainer.scrollWidth, clientWidth = scrollContainer.clientWidth, clientHeight = scrollContainer.clientHeight, scrollHeight = scrollContainer.scrollHeight;
-        var isScrollable = clientWidth !== scrollWidth || clientHeight !== scrollHeight;
-        setState(function (prev) { return (__assign(__assign({}, prev), { isScrollable: isScrollable })); });
-        var handleScroll = function () {
-            if (scrollContainer) {
-                var scrollLeft_1 = scrollContainer.scrollLeft, scrollTop_1 = scrollContainer.scrollTop;
-                var scrollState = __assign(__assign({}, state), { isScrolledLeft: scrollLeft_1 === 0, isScrolledRight: scrollLeft_1 >= scrollWidth - clientWidth, isScrolledTop: scrollTop_1 === 0, isScrolledBottom: scrollTop_1 >= scrollHeight - clientHeight, left: scrollLeft_1, top: scrollTop_1 });
-                setState(scrollState);
-            }
-        };
-        handleScroll();
-        scrollContainer === null || scrollContainer === void 0 ? void 0 : scrollContainer.addEventListener('scroll', handleScroll);
-        return function () { return scrollContainer === null || scrollContainer === void 0 ? void 0 : scrollContainer.removeEventListener('scroll', handleScroll); };
-    }, []);
-    return {
-        ref: ref,
-        state: state,
-        scrollLeft: scrollLeft,
-        scrollRight: scrollRight,
-        scrollBottom: scrollBottom,
-        scrollTop: scrollTop,
-        scrollCenter: scrollCenter,
-        scroll: scroll,
-    };
-}

package/dist/esm/hooks/use-window-scroll.d.ts

@@ -1,13 +0,0 @@
-import { ScrollOptions } from '../types';
-export declare function useWindowScroll(props?: Partial<Omit<ScrollOptions, 'direction'>>): {
-    state: {
-        left: number;
-        top: number;
-        isScrolledTop: boolean;
-        isScrolledBottom: boolean;
-    };
-    scrollTop: (offset?: number | undefined) => void;
-    scrollBottom: (offset?: number | undefined) => void;
-    scrollToTarget: (currentTarget: HTMLElement) => void;
-    scroll: (from: number, to: number) => void;
-};

package/dist/esm/hooks/use-window-scroll.js

@@ -1,56 +0,0 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-import { useCallback, useState } from 'react';
-import { scroller } from '../scroller';
-import { useIsoMorphicEffect } from './use-iso-morphic-effect';
-import { defaultScrollOptions, resolveScrollValues } from '../utils';
-export function useWindowScroll(props) {
-    var _a = useState(function () { return ({
-        left: 0,
-        top: 0,
-        isScrolledTop: false,
-        isScrolledBottom: false,
-    }); }), state = _a[0], setState = _a[1];
-    var scrollArgs = {
-        container: window,
-        options: __assign(__assign({}, defaultScrollOptions), props),
-    };
-    var scroll = useCallback(function (from, to) {
-        var scrollContainer = scroller(scrollArgs);
-        scrollContainer.scrollTo(from, to);
-    }, []);
-    var scrollToTarget = useCallback(function (currentTarget) {
-        var scrollContainer = scroller(scrollArgs);
-        scrollContainer.scrollToTarget(currentTarget);
-    }, []);
-    var scrollTop = useCallback(function (offset) {
-        var scrollContainer = scroller(scrollArgs);
-        scrollContainer.scrollToTop(offset);
-    }, []);
-    var scrollBottom = useCallback(function (offset) {
-        var scrollContainer = scroller(scrollArgs);
-        scrollContainer.scrollToBottom(offset);
-    }, []);
-    useIsoMorphicEffect(function () {
-        var handleScroll = function () {
-            if (window) {
-                var _a = resolveScrollValues(window), scrollLeft = _a.scrollLeft, scrollTop_1 = _a.scrollTop, scrollHeight = _a.scrollHeight, clientHeight = _a.clientHeight;
-                var scrollState = __assign(__assign({}, state), { isScrolledTop: scrollTop_1 === 0, isScrolledBottom: scrollTop_1 >= scrollHeight - clientHeight, left: scrollLeft, top: scrollTop_1 });
-                setState(scrollState);
-            }
-        };
-        handleScroll();
-        window === null || window === void 0 ? void 0 : window.addEventListener('scroll', handleScroll);
-        return function () { return window === null || window === void 0 ? void 0 : window.removeEventListener('scroll', handleScroll); };
-    }, []);
-    return { state: state, scrollTop: scrollTop, scrollBottom: scrollBottom, scrollToTarget: scrollToTarget, scroll: scroll };
-}

package/dist/esm/index.d.ts

@@ -1,3 +0,0 @@
-export * from './types';
-export * from './hooks/use-scroll';
-export * from './hooks/use-window-scroll';

package/dist/esm/index.js

@@ -1,3 +0,0 @@
-export * from './types';
-export * from './hooks/use-scroll';
-export * from './hooks/use-window-scroll';

package/dist/esm/scroller.d.ts

@@ -1,10 +0,0 @@
-import { ScrollerProps } from './types';
-export declare function scroller({ container, options }: ScrollerProps): {
-    scrollToLeft: (offset?: number) => void;
-    scrollToRight: (offset?: number) => void;
-    scrollToTop: (offset?: number) => void;
-    scrollToBottom: (offset?: number) => void;
-    scrollToTarget: (target: HTMLElement) => void;
-    scrollToCenter: () => void;
-    scrollTo: (from: number, to: number, layout?: 'horizontal' | 'vertical') => void;
-};