use-scroller 1.2.0 → 2.0.0

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

@@ -1,80 +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");
-var initialState = {
-    left: 0,
-    top: 0,
-    isScrollable: false,
-    isScrolledLeft: true,
-    isScrolledRight: false,
-    isScrolledTop: true,
-    isScrolledBottom: false,
-    maxScrollLeft: 0,
-    maxScrollTop: 0,
-    scrollPercentageX: 0,
-    scrollPercentageY: 0, // Percentage of vertical scroll covered
-};
-function useScroll(props) {
-    var _a, _b, _c, _d, _e, _f;
-    var ref = (0, react_1.useRef)(null);
-    var scrollOpt = __assign(__assign({}, utils_1.defaultScrollOptions), props);
-    var scrollerRef = (0, react_1.useRef)(null);
-    var _g = (0, react_1.useState)(function () { return initialState; }), state = _g[0], setState = _g[1];
-    (0, use_iso_morphic_effect_1.useIsoMorphicEffect)(function () {
-        var scrollContainer = ref.current;
-        if (!scrollContainer)
-            return;
-        // Create the scroller instance only once inside the effect
-        if (!scrollerRef.current) {
-            var container = (0, utils_1.getElement)(ref);
-            scrollerRef.current = (0, scroller_1.createScroller)(container, scrollOpt);
-        }
-        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 = scrollContainer.scrollLeft, scrollTop = scrollContainer.scrollTop;
-                var isAtLeftBoundary = scrollLeft === 0;
-                var isAtRightBoundary = scrollLeft >= scrollWidth - clientWidth;
-                var isAtTopBoundary = scrollTop === 0;
-                var isAtBottomBoundary = scrollTop >= scrollHeight - clientHeight;
-                var scrollState = __assign(__assign({}, state), { isScrolledLeft: isAtLeftBoundary, isScrolledRight: isAtRightBoundary, isScrolledTop: isAtTopBoundary, isScrolledBottom: isAtBottomBoundary, left: scrollLeft, top: scrollTop, maxScrollLeft: scrollWidth - clientWidth, maxScrollTop: scrollHeight - clientHeight, scrollPercentageX: isAtLeftBoundary
-                        ? 0
-                        : (scrollLeft / (scrollWidth - clientWidth)) * 100, scrollPercentageY: isAtTopBoundary
-                        ? 0
-                        : (scrollTop / (scrollHeight - clientHeight)) * 100 });
-                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); };
-    }, [state]);
-    return {
-        ref: ref,
-        state: state,
-        scrollLeft: (_a = scrollerRef.current) === null || _a === void 0 ? void 0 : _a.scrollToLeft,
-        scrollRight: (_b = scrollerRef.current) === null || _b === void 0 ? void 0 : _b.scrollToRight,
-        scrollBottom: (_c = scrollerRef.current) === null || _c === void 0 ? void 0 : _c.scrollToBottom,
-        scrollTop: (_d = scrollerRef.current) === null || _d === void 0 ? void 0 : _d.scrollToTop,
-        scrollCenter: (_e = scrollerRef.current) === null || _e === void 0 ? void 0 : _e.scrollToCenter,
-        scrollTo: (_f = scrollerRef.current) === null || _f === void 0 ? void 0 : _f.scrollTo,
-    };
-}
-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;
-    scrollTo: (position: number) => void;
-};

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

@@ -1,62 +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 container = window;
-    var scrollOptions = __assign(__assign({}, utils_1.defaultScrollOptions), props);
-    var scrollContainer = (0, scroller_1.createScroller)(container, scrollOptions);
-    var handleScroll = (0, react_1.useCallback)(function () {
-        var _a = (0, utils_1.resolveScrollValues)(container), scrollLeft = _a.scrollLeft, scrollTop = _a.scrollTop, clientHeight = _a.clientHeight, scrollHeight = _a.scrollHeight;
-        var isAtTopBoundary = scrollTop === 0;
-        var isAtBottomBoundary = scrollTop >= scrollHeight - clientHeight;
-        var scrollState = {
-            left: scrollLeft,
-            top: scrollTop,
-            isScrolledTop: isAtTopBoundary,
-            isScrolledBottom: isAtBottomBoundary,
-        };
-        setState(scrollState);
-    }, [container]);
-    (0, use_iso_morphic_effect_1.useIsoMorphicEffect)(function () {
-        handleScroll();
-        container.addEventListener('scroll', handleScroll);
-        return function () {
-            container.removeEventListener('scroll', handleScroll);
-        };
-    }, [handleScroll]);
-    var scrollTo = (0, react_1.useCallback)(function (position) {
-        scrollContainer.scrollTo(position);
-    }, [scrollContainer]);
-    var scrollToTarget = (0, react_1.useCallback)(function (currentTarget) {
-        scrollContainer.scrollToTarget(currentTarget);
-    }, [scrollContainer]);
-    var scrollTop = (0, react_1.useCallback)(function (offset) {
-        scrollContainer.scrollToTop(offset);
-    }, [scrollContainer]);
-    var scrollBottom = (0, react_1.useCallback)(function (offset) {
-        scrollContainer.scrollToBottom(offset);
-    }, [scrollContainer]);
-    return { state: state, scrollTop: scrollTop, scrollBottom: scrollBottom, scrollToTarget: scrollToTarget, scrollTo: scrollTo };
-}
-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 { ScrollOptions } from './types';
-export declare function createScroller(container: HTMLElement | Window, options?: ScrollOptions): {
-    scrollTo: (to: number) => void;
-    scrollToCenter: () => void;
-    scrollToTarget: (target: HTMLElement, offset?: number) => void;
-    scrollToLeft: (offset?: number) => void;
-    scrollToRight: (offset?: number) => void;
-    scrollToTop: (offset?: number) => void;
-    scrollToBottom: (offset?: number) => void;
-};

package/dist/cjs/scroller.js

@@ -1,94 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.createScroller = void 0;
-var utils_1 = require("./utils");
-function createScroller(container, options) {
-    if (options === void 0) { options = utils_1.defaultScrollOptions; }
-    (0, utils_1.validateElement)(container);
-    var duration = options.duration, easingOption = options.easingOption, direction = options.direction;
-    var _a = (0, utils_1.resolveScrollValues)(container), scrollLeft = _a.scrollLeft, scrollTop = _a.scrollTop, clientWidth = _a.clientWidth, clientHeight = _a.clientHeight, scrollWidth = _a.scrollWidth, scrollHeight = _a.scrollHeight;
-    function scroll(from, to, layout) {
-        if (layout === void 0) { layout = direction; }
-        var startTime = null;
-        var requestId = 0;
-        var distance = Math.abs(to - from);
-        function calculateCurrentPosition(timeFraction) {
-            var easingFunc = (0, utils_1.getEasing)(easingOption);
-            return easingFunc(timeFraction) * distance + from;
-        }
-        function updateScrollPosition(currentPosition) {
-            container.scrollTo({
-                left: layout === 'horizontal' ? currentPosition : undefined,
-                top: layout === 'vertical' ? currentPosition : undefined,
-            });
-        }
-        function animateScroll(currentTime) {
-            if (!startTime)
-                startTime = currentTime;
-            var elapsedTime = currentTime - startTime;
-            var timeFraction = elapsedTime / duration;
-            var currentPosition = calculateCurrentPosition(timeFraction);
-            updateScrollPosition(currentPosition);
-            if (timeFraction < 1) {
-                requestId = requestAnimationFrame(animateScroll);
-            }
-            else {
-                cancelAnimationFrame(requestId);
-            }
-        }
-        requestId = requestAnimationFrame(animateScroll);
-    }
-    function scrollTo(to) {
-        var from = direction === 'vertical' ? scrollTop : scrollLeft;
-        scroll(from, to);
-    }
-    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;
-        }
-        scroll(from, to, direction);
-    }
-    function scrollToTarget(target, offset) {
-        if (offset === void 0) { offset = 0; }
-        (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 - offset;
-        }
-        if (direction === 'horizontal') {
-            from = scrollLeft;
-            to = offsetLeft - offset;
-        }
-        scroll(from, to, direction);
-    }
-    return {
-        scrollTo: scrollTo,
-        scrollToCenter: scrollToCenter,
-        scrollToTarget: scrollToTarget,
-        scrollToLeft: function (offset) {
-            scroll(scrollLeft, offset || scrollLeft - clientWidth, 'horizontal');
-        },
-        scrollToRight: function (offset) {
-            scroll(scrollLeft, offset || scrollLeft + clientWidth, 'horizontal');
-        },
-        scrollToTop: function (offset) {
-            scroll(scrollTop, offset || scrollTop - clientHeight, 'vertical');
-        },
-        scrollToBottom: function (offset) {
-            scroll(scrollTop, offset || scrollTop + clientHeight, 'vertical');
-        },
-    };
-}
-exports.createScroller = createScroller;

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,37 +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 element.
- * @param {HTMLElement | Window} element - The element to retrieve scroll values from.
- * @returns {object} - An object containing scroll-related properties.
- */
-export declare const resolveScrollValues: (element: HTMLElement | Window) => {
-    scrollLeft: number;
-    scrollTop: number;
-    scrollWidth: number;
-    clientWidth: number;
-    clientHeight: number;
-    scrollHeight: number;
-    scrollLeftMax: number;
-    scrollTopMax: number;
-};
-/**
- * Validate if the element passed to the function is valid.
- * @param {HTMLElement | Window} element - The element to validate.
- */
-export declare function validateElement(element?: HTMLElement | Window): void;
-/**
- * Get the DOM element from a React ref object.
- * @param {RefObject<HTMLElement>} ref - The React ref object.
- * @returns {HTMLElement} - The DOM element.
- */
-export declare const getElement: (ref: RefObject<HTMLElement>) => HTMLElement;
-export declare const easingMap: EasingFunctions;
-/**
- * Get an easing function based on the provided easing option or the default option.
- * @param {EasingOptions} easing - The easing option.
- * @returns {EasingFunction} - The easing function.
- */
-export declare const getEasing: (easing?: EasingOptions) => EasingFunction;

package/dist/cjs/utils.js

@@ -1,92 +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;
-// Check if the code is running on the server-side.
-exports.isServer = typeof window === 'undefined' || typeof document === 'undefined';
-// Default scroll options used if no options are provided.
-exports.defaultScrollOptions = {
-    direction: 'vertical',
-    duration: 300,
-    easingOption: 'ease-in-out',
-};
-/**
- * Resolves scroll values based on the type of element.
- * @param {HTMLElement | Window} element - The element to retrieve scroll values from.
- * @returns {object} - An object containing scroll-related properties.
- */
-var resolveScrollValues = function (element) {
-    var isWindow = element instanceof Window;
-    var docElement = document.documentElement;
-    var docBody = document.body;
-    var scrollLeftMax = isWindow
-        ? Math.max(docBody.scrollLeft, docElement.scrollLeft)
-        : element.scrollWidth - element.clientWidth;
-    var scrollTopMax = isWindow
-        ? Math.max(docBody.scrollTop, docElement.scrollTop)
-        : element.scrollHeight - element.clientHeight;
-    return {
-        scrollLeft: isWindow ? docBody.scrollLeft || docElement.scrollLeft : element.scrollLeft,
-        scrollTop: isWindow ? docBody.scrollTop || docElement.scrollTop : element.scrollTop,
-        scrollWidth: isWindow ? docBody.scrollWidth || docElement.scrollWidth : element.scrollWidth,
-        clientWidth: isWindow ? docBody.clientWidth || docElement.clientWidth : element.clientWidth,
-        clientHeight: isWindow ? docBody.clientHeight || docElement.clientHeight : element.clientHeight,
-        scrollHeight: isWindow ? docBody.scrollHeight || docElement.scrollHeight : element.scrollHeight,
-        scrollLeftMax: scrollLeftMax,
-        scrollTopMax: scrollTopMax,
-    };
-};
-exports.resolveScrollValues = resolveScrollValues;
-/**
- * Validate if the element passed to the function is valid.
- * @param {HTMLElement | Window} element - The element to validate.
- */
-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;
-/**
- * Get the DOM element from a React ref object.
- * @param {RefObject<HTMLElement>} ref - The React ref object.
- * @returns {HTMLElement} - The DOM element.
- */
-var getElement = function (ref) {
-    if (!ref.current) {
-        throw new Error("Could not resolve ref object: ".concat(ref.current));
-    }
-    return ref.current;
-};
-exports.getElement = getElement;
-// Map of easing functions for scroll animations.
-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;
-    },
-};
-/**
- * Get an easing function based on the provided easing option or the default option.
- * @param {EasingOptions} easing - The easing option.
- * @returns {EasingFunction} - The easing function.
- */
-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,24 +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;
-        maxScrollLeft: number;
-        maxScrollTop: number;
-        scrollPercentageX: number;
-        scrollPercentageY: number;
-    };
-    scrollLeft: ((offset?: number | undefined) => void) | undefined;
-    scrollRight: ((offset?: number | undefined) => void) | undefined;
-    scrollBottom: ((offset?: number | undefined) => void) | undefined;
-    scrollTop: ((offset?: number | undefined) => void) | undefined;
-    scrollCenter: (() => void) | undefined;
-    scrollTo: ((to: number) => void) | undefined;
-};

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

@@ -1,76 +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 { useRef, useState } from 'react';
-import { createScroller } from '../scroller';
-import { defaultScrollOptions, getElement } from '../utils';
-import { useIsoMorphicEffect } from './use-iso-morphic-effect';
-var initialState = {
-    left: 0,
-    top: 0,
-    isScrollable: false,
-    isScrolledLeft: true,
-    isScrolledRight: false,
-    isScrolledTop: true,
-    isScrolledBottom: false,
-    maxScrollLeft: 0,
-    maxScrollTop: 0,
-    scrollPercentageX: 0,
-    scrollPercentageY: 0, // Percentage of vertical scroll covered
-};
-export function useScroll(props) {
-    var _a, _b, _c, _d, _e, _f;
-    var ref = useRef(null);
-    var scrollOpt = __assign(__assign({}, defaultScrollOptions), props);
-    var scrollerRef = useRef(null);
-    var _g = useState(function () { return initialState; }), state = _g[0], setState = _g[1];
-    useIsoMorphicEffect(function () {
-        var scrollContainer = ref.current;
-        if (!scrollContainer)
-            return;
-        // Create the scroller instance only once inside the effect
-        if (!scrollerRef.current) {
-            var container = getElement(ref);
-            scrollerRef.current = createScroller(container, scrollOpt);
-        }
-        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 = scrollContainer.scrollLeft, scrollTop = scrollContainer.scrollTop;
-                var isAtLeftBoundary = scrollLeft === 0;
-                var isAtRightBoundary = scrollLeft >= scrollWidth - clientWidth;
-                var isAtTopBoundary = scrollTop === 0;
-                var isAtBottomBoundary = scrollTop >= scrollHeight - clientHeight;
-                var scrollState = __assign(__assign({}, state), { isScrolledLeft: isAtLeftBoundary, isScrolledRight: isAtRightBoundary, isScrolledTop: isAtTopBoundary, isScrolledBottom: isAtBottomBoundary, left: scrollLeft, top: scrollTop, maxScrollLeft: scrollWidth - clientWidth, maxScrollTop: scrollHeight - clientHeight, scrollPercentageX: isAtLeftBoundary
-                        ? 0
-                        : (scrollLeft / (scrollWidth - clientWidth)) * 100, scrollPercentageY: isAtTopBoundary
-                        ? 0
-                        : (scrollTop / (scrollHeight - clientHeight)) * 100 });
-                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); };
-    }, [state]);
-    return {
-        ref: ref,
-        state: state,
-        scrollLeft: (_a = scrollerRef.current) === null || _a === void 0 ? void 0 : _a.scrollToLeft,
-        scrollRight: (_b = scrollerRef.current) === null || _b === void 0 ? void 0 : _b.scrollToRight,
-        scrollBottom: (_c = scrollerRef.current) === null || _c === void 0 ? void 0 : _c.scrollToBottom,
-        scrollTop: (_d = scrollerRef.current) === null || _d === void 0 ? void 0 : _d.scrollToTop,
-        scrollCenter: (_e = scrollerRef.current) === null || _e === void 0 ? void 0 : _e.scrollToCenter,
-        scrollTo: (_f = scrollerRef.current) === null || _f === void 0 ? void 0 : _f.scrollTo,
-    };
-}

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;
-    scrollTo: (position: number) => void;
-};

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

@@ -1,58 +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 { createScroller } 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 container = window;
-    var scrollOptions = __assign(__assign({}, defaultScrollOptions), props);
-    var scrollContainer = createScroller(container, scrollOptions);
-    var handleScroll = useCallback(function () {
-        var _a = resolveScrollValues(container), scrollLeft = _a.scrollLeft, scrollTop = _a.scrollTop, clientHeight = _a.clientHeight, scrollHeight = _a.scrollHeight;
-        var isAtTopBoundary = scrollTop === 0;
-        var isAtBottomBoundary = scrollTop >= scrollHeight - clientHeight;
-        var scrollState = {
-            left: scrollLeft,
-            top: scrollTop,
-            isScrolledTop: isAtTopBoundary,
-            isScrolledBottom: isAtBottomBoundary,
-        };
-        setState(scrollState);
-    }, [container]);
-    useIsoMorphicEffect(function () {
-        handleScroll();
-        container.addEventListener('scroll', handleScroll);
-        return function () {
-            container.removeEventListener('scroll', handleScroll);
-        };
-    }, [handleScroll]);
-    var scrollTo = useCallback(function (position) {
-        scrollContainer.scrollTo(position);
-    }, [scrollContainer]);
-    var scrollToTarget = useCallback(function (currentTarget) {
-        scrollContainer.scrollToTarget(currentTarget);
-    }, [scrollContainer]);
-    var scrollTop = useCallback(function (offset) {
-        scrollContainer.scrollToTop(offset);
-    }, [scrollContainer]);
-    var scrollBottom = useCallback(function (offset) {
-        scrollContainer.scrollToBottom(offset);
-    }, [scrollContainer]);
-    return { state: state, scrollTop: scrollTop, scrollBottom: scrollBottom, scrollToTarget: scrollToTarget, scrollTo: scrollTo };
-}

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 { ScrollOptions } from './types';
-export declare function createScroller(container: HTMLElement | Window, options?: ScrollOptions): {
-    scrollTo: (to: number) => void;
-    scrollToCenter: () => void;
-    scrollToTarget: (target: HTMLElement, offset?: number) => void;
-    scrollToLeft: (offset?: number) => void;
-    scrollToRight: (offset?: number) => void;
-    scrollToTop: (offset?: number) => void;
-    scrollToBottom: (offset?: number) => void;
-};