@expcat/tigercat-react 1.0.7 → 1.1.0

package/dist/chunk-XID6T65A.js

@@ -1,163 +0,0 @@
-'use strict';
-
-var react = require('react');
-var tigercatCore = require('@expcat/tigercat-core');
-var jsxRuntime = require('react/jsx-runtime');
-
-// src/components/Anchor.tsx
-var AnchorContext = react.createContext(null);
-function useAnchorContext() {
-  return react.useContext(AnchorContext);
-}
-var Anchor = ({
-  affix = true,
-  bounds = 5,
-  offsetTop = 0,
-  showInkInFixed = false,
-  targetOffset,
-  getCurrentAnchor,
-  getContainer = () => window,
-  direction = "vertical",
-  className,
-  style,
-  onClick,
-  onChange,
-  children
-}) => {
-  const [activeLink, setActiveLink] = react.useState("");
-  const [links, setLinks] = react.useState([]);
-  const anchorRef = react.useRef(null);
-  const inkRef = react.useRef(null);
-  const isScrollingRef = react.useRef(false);
-  const animationFrameRef = react.useRef(null);
-  const scrollTimeoutRef = react.useRef(null);
-  const getContainerRef = react.useRef(getContainer);
-  getContainerRef.current = getContainer;
-  const scrollOffset = react.useMemo(() => targetOffset ?? offsetTop, [targetOffset, offsetTop]);
-  const registerLink = react.useCallback((href) => {
-    setLinks((prevLinks) => {
-      if (href && !prevLinks.includes(href)) {
-        return [...prevLinks, href];
-      }
-      return prevLinks;
-    });
-  }, []);
-  const unregisterLink = react.useCallback((href) => {
-    setLinks((prevLinks) => prevLinks.filter((l) => l !== href));
-  }, []);
-  const scrollTo = react.useCallback(
-    (href) => {
-      const container = getContainerRef.current();
-      tigercatCore.scrollToAnchor(href, container, scrollOffset);
-    },
-    [scrollOffset]
-  );
-  const handleLinkClick = react.useCallback(
-    (href, event) => {
-      onClick?.(event, href);
-      isScrollingRef.current = true;
-      setActiveLink(href);
-      scrollTo(href);
-      if (scrollTimeoutRef.current !== null) clearTimeout(scrollTimeoutRef.current);
-      scrollTimeoutRef.current = setTimeout(() => {
-        isScrollingRef.current = false;
-        scrollTimeoutRef.current = null;
-      }, 500);
-    },
-    [onClick, scrollTo]
-  );
-  react.useEffect(() => {
-    let container = null;
-    let handleScroll = null;
-    const timeoutId = setTimeout(() => {
-      container = getContainerRef.current();
-      handleScroll = () => {
-        if (isScrollingRef.current) return;
-        if (animationFrameRef.current !== null) {
-          cancelAnimationFrame(animationFrameRef.current);
-        }
-        animationFrameRef.current = requestAnimationFrame(() => {
-          const currentContainer = getContainerRef.current();
-          const newActiveLink = tigercatCore.findActiveAnchor(links, currentContainer, bounds, scrollOffset);
-          const finalActiveLink = getCurrentAnchor ? getCurrentAnchor(newActiveLink) : newActiveLink;
-          setActiveLink((prevActiveLink) => {
-            if (finalActiveLink !== prevActiveLink) {
-              onChange?.(finalActiveLink);
-              return finalActiveLink;
-            }
-            return prevActiveLink;
-          });
-        });
-      };
-      container.addEventListener("scroll", handleScroll, { passive: true });
-      handleScroll();
-    }, 0);
-    return () => {
-      clearTimeout(timeoutId);
-      if (container && handleScroll) {
-        container.removeEventListener("scroll", handleScroll);
-      }
-      if (animationFrameRef.current !== null) {
-        cancelAnimationFrame(animationFrameRef.current);
-      }
-      if (scrollTimeoutRef.current !== null) {
-        clearTimeout(scrollTimeoutRef.current);
-      }
-    };
-  }, [links, bounds, scrollOffset, getCurrentAnchor, onChange]);
-  react.useEffect(() => {
-    if (!inkRef.current || !anchorRef.current || !activeLink) {
-      return;
-    }
-    const activeLinkElement = anchorRef.current.querySelector(
-      `[data-anchor-href="${activeLink}"]`
-    );
-    if (!activeLinkElement) {
-      return;
-    }
-    const anchorRect = anchorRef.current.getBoundingClientRect();
-    const linkRect = activeLinkElement.getBoundingClientRect();
-    if (direction === "vertical") {
-      inkRef.current.style.top = `${linkRect.top - anchorRect.top}px`;
-      inkRef.current.style.height = `${linkRect.height}px`;
-    } else {
-      inkRef.current.style.left = `${linkRect.left - anchorRect.left}px`;
-      inkRef.current.style.width = `${linkRect.width}px`;
-    }
-  }, [activeLink, direction]);
-  const wrapperClasses = react.useMemo(
-    () => tigercatCore.classNames(tigercatCore.getAnchorWrapperClasses(affix, className)),
-    [affix, className]
-  );
-  const inkContainerClasses = react.useMemo(() => tigercatCore.getAnchorInkContainerClasses(direction), [direction]);
-  const inkActiveClasses = react.useMemo(() => tigercatCore.getAnchorInkActiveClasses(direction), [direction]);
-  const linkListClasses = react.useMemo(() => tigercatCore.getAnchorLinkListClasses(direction), [direction]);
-  const showInk = react.useMemo(() => !affix || showInkInFixed, [affix, showInkInFixed]);
-  const wrapperStyle = react.useMemo(() => {
-    const baseStyle = {};
-    if (affix && offsetTop > 0) {
-      baseStyle.top = `${offsetTop}px`;
-    }
-    return { ...baseStyle, ...style };
-  }, [affix, offsetTop, style]);
-  const contextValue = react.useMemo(
-    () => ({
-      activeLink,
-      direction,
-      registerLink,
-      unregisterLink,
-      handleLinkClick,
-      scrollTo
-    }),
-    [activeLink, direction, registerLink, unregisterLink, handleLinkClick, scrollTo]
-  );
-  return /* @__PURE__ */ jsxRuntime.jsx(AnchorContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { ref: anchorRef, className: wrapperClasses, style: wrapperStyle, children: [
-    showInk && /* @__PURE__ */ jsxRuntime.jsx("div", { className: inkContainerClasses, children: /* @__PURE__ */ jsxRuntime.jsx("div", { ref: inkRef, className: inkActiveClasses }) }),
-    /* @__PURE__ */ jsxRuntime.jsx("div", { className: linkListClasses, children })
-  ] }) });
-};
-var Anchor_default = Anchor;
-
-exports.Anchor = Anchor;
-exports.Anchor_default = Anchor_default;
-exports.useAnchorContext = useAnchorContext;