@scripso-homepad/ui 0.4.23 → 0.4.25

package/src/web/components/table/use-horizontal-scroll-state.ts

@@ -1,72 +0,0 @@
-import { useCallback, useEffect, useLayoutEffect, useRef, useState } from 'react';
-
-export type HorizontalScrollState = {
-  hasOverflow: boolean;
-  atEnd: boolean;
-};
-
-const useIsomorphicLayoutEffect = typeof window === 'undefined' ? useEffect : useLayoutEffect;
-
-function getHorizontalScrollState(element: HTMLElement): HorizontalScrollState {
-  const inner = element.firstElementChild as HTMLElement | null;
-  const table = inner?.querySelector('table');
-  const contentWidth = table?.scrollWidth ?? inner?.scrollWidth ?? element.scrollWidth;
-  const viewportWidth = element.clientWidth;
-  const maxScrollLeft = element.scrollWidth - element.clientWidth;
-  const hasOverflow = contentWidth > viewportWidth + 1;
-  const atEnd = !hasOverflow || element.scrollLeft >= maxScrollLeft - 1;
-
-  return { hasOverflow, atEnd };
-}
-
-export function useHorizontalScrollState() {
-  const scrollRef = useRef<HTMLDivElement>(null);
-  const [scrollState, setScrollState] = useState<HorizontalScrollState>({
-    hasOverflow: false,
-    atEnd: true,
-  });
-
-  const updateScrollState = useCallback(() => {
-    const element = scrollRef.current;
-    if (!element) {
-      return;
-    }
-
-    setScrollState(getHorizontalScrollState(element));
-  }, []);
-
-  useIsomorphicLayoutEffect(() => {
-    const element = scrollRef.current;
-    if (!element) {
-      return;
-    }
-
-    updateScrollState();
-
-    element.addEventListener('scroll', updateScrollState, { passive: true });
-
-    if (typeof ResizeObserver === 'undefined') {
-      window.addEventListener('resize', updateScrollState);
-
-      return () => {
-        element.removeEventListener('scroll', updateScrollState);
-        window.removeEventListener('resize', updateScrollState);
-      };
-    }
-
-    const resizeObserver = new ResizeObserver(updateScrollState);
-    resizeObserver.observe(element);
-
-    const inner = element.firstElementChild;
-    if (inner) {
-      resizeObserver.observe(inner);
-    }
-
-    return () => {
-      element.removeEventListener('scroll', updateScrollState);
-      resizeObserver.disconnect();
-    };
-  }, [updateScrollState]);
-
-  return { scrollRef, scrollState };
-}