design-react-kit 5.0.4 → 5.0.5-rc2

package/dist/NavScroll/useNavScroll.cjs

@@ -0,0 +1,244 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/NavScroll/useNavScroll.ts
+var useNavScroll_exports = {};
+__export(useNavScroll_exports, {
+  useNavScroll: () => useNavScroll
+});
+module.exports = __toCommonJS(useNavScroll_exports);
+var import_react2 = require("react");
+
+// src/NavScroll/debounce.ts
+var debounce = (callback, wait) => {
+  let timeoutId;
+  return (...args) => {
+    clearTimeout(timeoutId);
+    timeoutId = setTimeout(() => {
+      callback.apply(null, args);
+    }, wait);
+  };
+};
+
+// src/NavScroll/useSizeDetector.ts
+var import_react = require("react");
+var DEFAULT_DELAY = 150;
+var useSizeDetector = ({
+  root,
+  isHorizontal,
+  activeId,
+  onChange,
+  setForceRecompute,
+  updateActiveId,
+  hasWindow: hasWindow2
+}) => {
+  const [targetSize, setTargetSize] = (0, import_react.useState)(1);
+  const useViewport = root == null || hasWindow2 && (isHorizontal ? window.innerWidth < root.clientWidth : window.innerHeight < root.clientHeight);
+  const scrollEnd = (0, import_react.useCallback)(
+    debounce(() => {
+      setForceRecompute(true);
+    }, DEFAULT_DELAY),
+    [setForceRecompute]
+  );
+  (0, import_react.useEffect)(() => {
+    if (!hasWindow2) {
+      return;
+    }
+    let observer = null;
+    const resizeWindowHandler = () => {
+      setTimeout(() => {
+        setTargetSize(isHorizontal ? window.innerWidth : window.innerHeight);
+      }, DEFAULT_DELAY);
+    };
+    const resizeElementHandler = (entries) => {
+      const [entry] = entries;
+      if (!useViewport) {
+        setTargetSize(isHorizontal ? entry.boundingClientRect.width : entry.boundingClientRect.height);
+      }
+      if (entry.intersectionRatio === 0) {
+        if (activeId != null) {
+          updateActiveId(null);
+          if (onChange) {
+            onChange({
+              added: null,
+              removed: activeId
+            });
+          }
+        }
+      }
+    };
+    addEventListener("scroll", scrollEnd);
+    if (useViewport) {
+      setTargetSize(isHorizontal ? window.innerWidth : window.innerHeight);
+      addEventListener("resize", resizeWindowHandler);
+    }
+    if (root) {
+      observer = new IntersectionObserver(resizeElementHandler);
+      observer.observe(root);
+    }
+    return () => {
+      if (observer) {
+        observer.disconnect();
+      }
+      removeEventListener("resize", resizeWindowHandler);
+      removeEventListener("scroll", scrollEnd);
+    };
+  }, [root, isHorizontal, activeId, onChange, useViewport, scrollEnd, hasWindow2, updateActiveId]);
+  return { targetSize, useViewport };
+};
+
+// src/NavScroll/useNavScroll.ts
+var hasWindow = typeof window !== "undefined";
+var REGISTER_DELAY = 50;
+function resolveHierarchyIds(id, lookup) {
+  const newActiveIds = [id];
+  let lastId = newActiveIds[0];
+  while (lastId != null && lookup[lastId] != null) {
+    newActiveIds.push(lookup[lastId]);
+    lastId = lookup[lastId];
+  }
+  return newActiveIds.reverse();
+}
+function useNavScroll(args = {}) {
+  const { onChange, root, offset = 50, isHorizontal = false } = args;
+  const els = (0, import_react2.useRef)([]);
+  const [counter, setCounter] = (0, import_react2.useState)(0);
+  const [forceRecompute, setForceRecompute] = (0, import_react2.useState)(false);
+  const [activeId, updateActiveId] = (0, import_react2.useState)(null);
+  const { targetSize, useViewport } = useSizeDetector({
+    root,
+    isHorizontal,
+    onChange,
+    activeId,
+    setForceRecompute,
+    updateActiveId,
+    hasWindow
+  });
+  const observerMargin = Math.floor(targetSize * offset / 100) || 1;
+  const observerOptions = (0, import_react2.useMemo)(() => {
+    const topMargin = observerMargin % 2 === 1 ? observerMargin - 1 : observerMargin;
+    const bottomMargin = targetSize - observerMargin;
+    return {
+      root: useViewport ? null : root,
+      rootMargin: isHorizontal ? `0px ${-topMargin}px 0px ${-bottomMargin}px` : `${-topMargin}px 0px ${-bottomMargin}px 0px`
+    };
+  }, [root, targetSize, observerMargin, isHorizontal, useViewport]);
+  const elsLookup = (0, import_react2.useMemo)(() => {
+    const lookup = {};
+    for (const { id, parent } of els.current) {
+      lookup[id] = parent;
+    }
+    return lookup;
+  }, []);
+  const activeIds = (0, import_react2.useMemo)(() => activeId ? resolveHierarchyIds(activeId, elsLookup) : [], [activeId, elsLookup]);
+  const activeLookups = (0, import_react2.useMemo)(() => new Set(activeIds), [activeIds]);
+  (0, import_react2.useEffect)(() => {
+    if (!hasWindow) {
+      return;
+    }
+    const handleIntersection = (entries) => {
+      let intersectionId = null;
+      let topMin = Infinity;
+      entries.forEach((entry) => {
+        if (entry.isIntersecting) {
+          if (topMin > entry.boundingClientRect.top) {
+            topMin = entry.boundingClientRect.top;
+            intersectionId = entry.target.id;
+          }
+        }
+      });
+      if (intersectionId != null) {
+        updateActiveId(intersectionId);
+        if (onChange) {
+          const diffIds = {
+            added: intersectionId,
+            removed: activeId
+          };
+          onChange(diffIds);
+        }
+      }
+    };
+    const observer = new IntersectionObserver(handleIntersection, observerOptions);
+    els.current.forEach(({ ref }) => {
+      if (ref && ref.current) {
+        observer.observe(ref.current);
+      }
+    });
+    if (forceRecompute) {
+      handleIntersection(observer.takeRecords(), observer);
+      setForceRecompute(false);
+    }
+    return () => {
+      observer.disconnect();
+    };
+  }, [
+    activeIds,
+    updateActiveId,
+    els,
+    elsLookup,
+    onChange,
+    activeLookups,
+    activeId,
+    observerOptions,
+    isHorizontal,
+    root,
+    forceRecompute
+  ]);
+  const refresh = (0, import_react2.useCallback)(() => {
+    debounce(() => {
+      setCounter(counter + 1);
+    }, REGISTER_DELAY);
+  }, [counter]);
+  const register = (0, import_react2.useCallback)(
+    (id, options = {}) => {
+      if (!hasWindow) {
+        return { id, ref: null };
+      }
+      const alreadyRegistered = id in elsLookup;
+      const entry = alreadyRegistered ? els.current.find(({ id: existingId }) => existingId === id) : options;
+      const ref = entry && entry.ref || (0, import_react2.createRef)();
+      if (!alreadyRegistered) {
+        els.current = [...els.current, { id, ref, parent: options.parent }];
+        refresh();
+      }
+      return { id, ref };
+    },
+    [elsLookup, refresh]
+  );
+  const unregister = (0, import_react2.useCallback)((idToUnregister) => {
+    els.current = els.current.filter(({ id }) => id !== idToUnregister);
+  }, []);
+  const isActive = (0, import_react2.useCallback)((id) => activeLookups.has(id), [activeLookups]);
+  const getActiveRef = (0, import_react2.useCallback)(() => {
+    const entry = els.current.find(({ id }) => id === activeId);
+    return entry ? entry.ref : null;
+  }, [activeId]);
+  return {
+    register,
+    unregister,
+    activeIds,
+    isActive,
+    getActiveRef
+  };
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  useNavScroll
+});
+//# sourceMappingURL=useNavScroll.cjs.map

package/dist/NavScroll/useNavScroll.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/NavScroll/useNavScroll.ts","../../src/NavScroll/debounce.ts","../../src/NavScroll/useSizeDetector.ts"],"sourcesContent":["/*\n * This work derives from the React Use Navscroll library\n * Released under the MIT license by Marco Liberati\n * Code: https://github.com/dej611/react-use-navscroll\n */\n\nimport { createRef, useCallback, useEffect, useMemo, useRef, useState } from 'react';\nimport { debounce } from './debounce';\nimport type { TrackedElement, useNavScrollArgs, useNavScrollResult } from './types';\nimport { useSizeDetector } from './useSizeDetector';\n\nconst hasWindow = typeof window !== 'undefined';\nconst REGISTER_DELAY = 50;\n\nfunction resolveHierarchyIds(id: string, lookup: Record<string, string | undefined>) {\n  const newActiveIds = [id];\n  let lastId: string | undefined = newActiveIds[0];\n  while (lastId != null && lookup[lastId] != null) {\n    newActiveIds.push(lookup[lastId] as string);\n    lastId = lookup[lastId];\n  }\n  // return a list from parent to current child\n  return newActiveIds.reverse();\n}\n/**\n * This is the main hook: use it in a react function component to track\n * the state of the passed ids. The function accepts an initial configuration\n * of type `useNavScrollArgs` to customize the behaviour.\n */\nexport function useNavScroll(args: useNavScrollArgs = {}): useNavScrollResult {\n  const { onChange, root, offset = 50, isHorizontal = false } = args;\n  const els = useRef<TrackedElement[]>([]);\n  const [counter, setCounter] = useState(0);\n  const [forceRecompute, setForceRecompute] = useState(false);\n  const [activeId, updateActiveId] = useState<string | null>(null);\n\n  const { targetSize, useViewport } = useSizeDetector({\n    root,\n    isHorizontal,\n    onChange,\n    activeId,\n    setForceRecompute,\n    updateActiveId,\n    hasWindow\n  });\n\n  const observerMargin = Math.floor((targetSize * offset) / 100) || 1;\n  const observerOptions = useMemo(() => {\n    const topMargin = observerMargin % 2 === 1 ? observerMargin - 1 : observerMargin;\n    const bottomMargin = targetSize - observerMargin;\n    return {\n      root: useViewport ? null : root,\n      rootMargin: isHorizontal\n        ? `0px ${-topMargin}px 0px ${-bottomMargin}px`\n        : `${-topMargin}px 0px ${-bottomMargin}px 0px`\n    };\n  }, [root, targetSize, observerMargin, isHorizontal, useViewport]);\n\n  const elsLookup = useMemo(() => {\n    const lookup: Record<string, string | undefined> = {};\n    for (const { id, parent } of els.current) {\n      lookup[id] = parent;\n    }\n    return lookup;\n  }, []);\n  const activeIds = useMemo(() => (activeId ? resolveHierarchyIds(activeId, elsLookup) : []), [activeId, elsLookup]);\n\n  const activeLookups = useMemo(() => new Set(activeIds), [activeIds]);\n  useEffect(() => {\n    if (!hasWindow) {\n      return;\n    }\n    const handleIntersection: IntersectionObserverCallback = (entries) => {\n      let intersectionId = null;\n      let topMin = Infinity;\n      entries.forEach((entry) => {\n        if (entry.isIntersecting) {\n          if (topMin > entry.boundingClientRect.top) {\n            topMin = entry.boundingClientRect.top;\n            intersectionId = entry.target.id;\n          }\n        }\n      });\n      if (intersectionId != null) {\n        updateActiveId(intersectionId);\n        if (onChange) {\n          const diffIds = {\n            added: intersectionId,\n            removed: activeId\n          };\n          onChange(diffIds);\n        }\n      }\n    };\n\n    const observer = new IntersectionObserver(handleIntersection, observerOptions);\n\n    els.current.forEach(({ ref }) => {\n      if (ref && ref.current) {\n        observer.observe(ref.current);\n      }\n    });\n\n    if (forceRecompute) {\n      handleIntersection(observer.takeRecords(), observer);\n      setForceRecompute(false);\n    }\n    return () => {\n      observer.disconnect();\n    };\n  }, [\n    activeIds,\n    updateActiveId,\n    els,\n    elsLookup,\n    onChange,\n    activeLookups,\n    activeId,\n    observerOptions,\n    isHorizontal,\n    root,\n    forceRecompute\n  ]);\n\n  const refresh = useCallback(() => {\n    debounce(() => {\n      setCounter(counter + 1);\n    }, REGISTER_DELAY);\n  }, [counter]);\n\n  const register = useCallback(\n    (id, options = {}) => {\n      if (!hasWindow) {\n        return { id, ref: null };\n      }\n      const alreadyRegistered = id in elsLookup;\n      const entry = alreadyRegistered ? els.current.find(({ id: existingId }) => existingId === id) : options;\n      const ref = (entry && entry.ref) || createRef();\n\n      if (!alreadyRegistered) {\n        els.current = [...els.current, { id, ref, parent: options.parent }];\n        refresh();\n      }\n      return { id, ref };\n    },\n    [elsLookup, refresh]\n  );\n\n  const unregister = useCallback((idToUnregister: string) => {\n    els.current = els.current.filter(({ id }) => id !== idToUnregister);\n  }, []);\n\n  const isActive = useCallback((id: string) => activeLookups.has(id), [activeLookups]);\n\n  const getActiveRef = useCallback(() => {\n    const entry = els.current.find(({ id }) => id === activeId);\n    return entry ? entry.ref : null;\n  }, [activeId]);\n\n  return {\n    register,\n    unregister,\n    activeIds,\n    isActive,\n    getActiveRef\n  };\n}\n","/*\n * This work derives from the React Use Navscroll library\n * Released under the MIT license by Marco Liberati\n * Code: https://github.com/dej611/react-use-navscroll\n */\n\nexport const debounce = (callback: Function, wait: number) => {\n  let timeoutId: NodeJS.Timeout;\n  return (...args: unknown[]) => {\n    clearTimeout(timeoutId);\n    timeoutId = setTimeout(() => {\n      callback.apply(null, args);\n    }, wait);\n  };\n};\n","/*\n * This work derives from the React Use Navscroll library\n * Released under the MIT license by Marco Liberati\n * Code: https://github.com/dej611/react-use-navscroll\n */\n\n/* eslint-disable no-restricted-globals */\nimport { useCallback, useEffect, useState } from 'react';\nimport { debounce } from './debounce';\nimport { useNavScrollArgs } from './types';\n\nconst DEFAULT_DELAY = 150;\n\nexport type useSizeDetectorArgs = Omit<useNavScrollArgs, 'offset'> & {\n  activeId: string | null;\n  hasWindow: boolean;\n  setForceRecompute: (force: boolean) => void;\n  updateActiveId: (id: string | null) => void;\n};\n\nexport const useSizeDetector = ({\n  root,\n  isHorizontal,\n  activeId,\n  onChange,\n  setForceRecompute,\n  updateActiveId,\n  hasWindow\n}: useSizeDetectorArgs) => {\n  const [targetSize, setTargetSize] = useState<number>(1);\n\n  const useViewport =\n    root == null ||\n    (hasWindow && (isHorizontal ? window.innerWidth < root.clientWidth : window.innerHeight < root.clientHeight));\n\n  const scrollEnd = useCallback(\n    debounce(() => {\n      setForceRecompute(true);\n    }, DEFAULT_DELAY),\n    [setForceRecompute]\n  );\n\n  useEffect(() => {\n    if (!hasWindow) {\n      return;\n    }\n    let observer: IntersectionObserver | null = null;\n\n    const resizeWindowHandler = () => {\n      setTimeout(() => {\n        setTargetSize(isHorizontal ? window.innerWidth : window.innerHeight);\n      }, DEFAULT_DELAY);\n    };\n\n    const resizeElementHandler: IntersectionObserverCallback = (entries) => {\n      const [entry] = entries;\n      if (!useViewport) {\n        setTargetSize(isHorizontal ? entry.boundingClientRect.width : entry.boundingClientRect.height);\n      }\n\n      if (entry.intersectionRatio === 0) {\n        if (activeId != null) {\n          updateActiveId(null);\n          if (onChange) {\n            onChange({\n              added: null,\n              removed: activeId\n            });\n          }\n        }\n      }\n    };\n\n    addEventListener('scroll', scrollEnd);\n    if (useViewport) {\n      setTargetSize(isHorizontal ? window.innerWidth : window.innerHeight);\n      addEventListener('resize', resizeWindowHandler);\n    }\n    if (root) {\n      observer = new IntersectionObserver(resizeElementHandler);\n      observer.observe(root);\n    }\n    return () => {\n      if (observer) {\n        observer.disconnect();\n      }\n      removeEventListener('resize', resizeWindowHandler);\n      removeEventListener('scroll', scrollEnd);\n    };\n  }, [root, isHorizontal, activeId, onChange, useViewport, scrollEnd, hasWindow, updateActiveId]);\n  return { targetSize, useViewport };\n};\n"],"mappings":"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","names":["import_react","hasWindow"]}

package/dist/NavScroll/useNavScroll.js

@@ -0,0 +1,147 @@
+/*
+ * This work derives from the React Use Navscroll library
+ * Released under the MIT license by Marco Liberati
+ * Code: https://github.com/dej611/react-use-navscroll
+ */
+import { createRef, useCallback, useEffect, useMemo, useRef, useState } from 'react';
+import { debounce } from './debounce';
+import { useSizeDetector } from './useSizeDetector';
+const hasWindow = typeof window !== 'undefined';
+const REGISTER_DELAY = 50;
+function resolveHierarchyIds(id, lookup) {
+    const newActiveIds = [id];
+    let lastId = newActiveIds[0];
+    while (lastId != null && lookup[lastId] != null) {
+        newActiveIds.push(lookup[lastId]);
+        lastId = lookup[lastId];
+    }
+    // return a list from parent to current child
+    return newActiveIds.reverse();
+}
+/**
+ * This is the main hook: use it in a react function component to track
+ * the state of the passed ids. The function accepts an initial configuration
+ * of type `useNavScrollArgs` to customize the behaviour.
+ */
+export function useNavScroll(args = {}) {
+    const { onChange, root, offset = 50, isHorizontal = false } = args;
+    const els = useRef([]);
+    const [counter, setCounter] = useState(0);
+    const [forceRecompute, setForceRecompute] = useState(false);
+    const [activeId, updateActiveId] = useState(null);
+    const { targetSize, useViewport } = useSizeDetector({
+        root,
+        isHorizontal,
+        onChange,
+        activeId,
+        setForceRecompute,
+        updateActiveId,
+        hasWindow
+    });
+    const observerMargin = Math.floor((targetSize * offset) / 100) || 1;
+    const observerOptions = useMemo(() => {
+        const topMargin = observerMargin % 2 === 1 ? observerMargin - 1 : observerMargin;
+        const bottomMargin = targetSize - observerMargin;
+        return {
+            root: useViewport ? null : root,
+            rootMargin: isHorizontal
+                ? `0px ${-topMargin}px 0px ${-bottomMargin}px`
+                : `${-topMargin}px 0px ${-bottomMargin}px 0px`
+        };
+    }, [root, targetSize, observerMargin, isHorizontal, useViewport]);
+    const elsLookup = useMemo(() => {
+        const lookup = {};
+        for (const { id, parent } of els.current) {
+            lookup[id] = parent;
+        }
+        return lookup;
+    }, []);
+    const activeIds = useMemo(() => (activeId ? resolveHierarchyIds(activeId, elsLookup) : []), [activeId, elsLookup]);
+    const activeLookups = useMemo(() => new Set(activeIds), [activeIds]);
+    useEffect(() => {
+        if (!hasWindow) {
+            return;
+        }
+        const handleIntersection = (entries) => {
+            let intersectionId = null;
+            let topMin = Infinity;
+            entries.forEach((entry) => {
+                if (entry.isIntersecting) {
+                    if (topMin > entry.boundingClientRect.top) {
+                        topMin = entry.boundingClientRect.top;
+                        intersectionId = entry.target.id;
+                    }
+                }
+            });
+            if (intersectionId != null) {
+                updateActiveId(intersectionId);
+                if (onChange) {
+                    const diffIds = {
+                        added: intersectionId,
+                        removed: activeId
+                    };
+                    onChange(diffIds);
+                }
+            }
+        };
+        const observer = new IntersectionObserver(handleIntersection, observerOptions);
+        els.current.forEach(({ ref }) => {
+            if (ref && ref.current) {
+                observer.observe(ref.current);
+            }
+        });
+        if (forceRecompute) {
+            handleIntersection(observer.takeRecords(), observer);
+            setForceRecompute(false);
+        }
+        return () => {
+            observer.disconnect();
+        };
+    }, [
+        activeIds,
+        updateActiveId,
+        els,
+        elsLookup,
+        onChange,
+        activeLookups,
+        activeId,
+        observerOptions,
+        isHorizontal,
+        root,
+        forceRecompute
+    ]);
+    const refresh = useCallback(() => {
+        debounce(() => {
+            setCounter(counter + 1);
+        }, REGISTER_DELAY);
+    }, [counter]);
+    const register = useCallback((id, options = {}) => {
+        if (!hasWindow) {
+            return { id, ref: null };
+        }
+        const alreadyRegistered = id in elsLookup;
+        const entry = alreadyRegistered ? els.current.find(({ id: existingId }) => existingId === id) : options;
+        const ref = (entry && entry.ref) || createRef();
+        if (!alreadyRegistered) {
+            els.current = [...els.current, { id, ref, parent: options.parent }];
+            refresh();
+        }
+        return { id, ref };
+    }, [elsLookup, refresh]);
+    const unregister = useCallback((idToUnregister) => {
+        els.current = els.current.filter(({ id }) => id !== idToUnregister);
+    }, []);
+    const isActive = useCallback((id) => activeLookups.has(id), [activeLookups]);
+    const getActiveRef = useCallback(() => {
+        const entry = els.current.find(({ id }) => id === activeId);
+        return entry ? entry.ref : null;
+    }, [activeId]);
+    return {
+        register,
+        unregister,
+        activeIds,
+        isActive,
+        getActiveRef
+    };
+}
+//# sourceMappingURL=useNavScroll.js.map

package/dist/NavScroll/useNavScroll.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useNavScroll.js","sourceRoot":"","sources":["../../src/NavScroll/useNavScroll.ts"],"names":[],"mappings":"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"}

package/dist/NavScroll/useSizeDetector.cjs

@@ -0,0 +1,108 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/NavScroll/useSizeDetector.ts
+var useSizeDetector_exports = {};
+__export(useSizeDetector_exports, {
+  useSizeDetector: () => useSizeDetector
+});
+module.exports = __toCommonJS(useSizeDetector_exports);
+var import_react = require("react");
+
+// src/NavScroll/debounce.ts
+var debounce = (callback, wait) => {
+  let timeoutId;
+  return (...args) => {
+    clearTimeout(timeoutId);
+    timeoutId = setTimeout(() => {
+      callback.apply(null, args);
+    }, wait);
+  };
+};
+
+// src/NavScroll/useSizeDetector.ts
+var DEFAULT_DELAY = 150;
+var useSizeDetector = ({
+  root,
+  isHorizontal,
+  activeId,
+  onChange,
+  setForceRecompute,
+  updateActiveId,
+  hasWindow
+}) => {
+  const [targetSize, setTargetSize] = (0, import_react.useState)(1);
+  const useViewport = root == null || hasWindow && (isHorizontal ? window.innerWidth < root.clientWidth : window.innerHeight < root.clientHeight);
+  const scrollEnd = (0, import_react.useCallback)(
+    debounce(() => {
+      setForceRecompute(true);
+    }, DEFAULT_DELAY),
+    [setForceRecompute]
+  );
+  (0, import_react.useEffect)(() => {
+    if (!hasWindow) {
+      return;
+    }
+    let observer = null;
+    const resizeWindowHandler = () => {
+      setTimeout(() => {
+        setTargetSize(isHorizontal ? window.innerWidth : window.innerHeight);
+      }, DEFAULT_DELAY);
+    };
+    const resizeElementHandler = (entries) => {
+      const [entry] = entries;
+      if (!useViewport) {
+        setTargetSize(isHorizontal ? entry.boundingClientRect.width : entry.boundingClientRect.height);
+      }
+      if (entry.intersectionRatio === 0) {
+        if (activeId != null) {
+          updateActiveId(null);
+          if (onChange) {
+            onChange({
+              added: null,
+              removed: activeId
+            });
+          }
+        }
+      }
+    };
+    addEventListener("scroll", scrollEnd);
+    if (useViewport) {
+      setTargetSize(isHorizontal ? window.innerWidth : window.innerHeight);
+      addEventListener("resize", resizeWindowHandler);
+    }
+    if (root) {
+      observer = new IntersectionObserver(resizeElementHandler);
+      observer.observe(root);
+    }
+    return () => {
+      if (observer) {
+        observer.disconnect();
+      }
+      removeEventListener("resize", resizeWindowHandler);
+      removeEventListener("scroll", scrollEnd);
+    };
+  }, [root, isHorizontal, activeId, onChange, useViewport, scrollEnd, hasWindow, updateActiveId]);
+  return { targetSize, useViewport };
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  useSizeDetector
+});
+//# sourceMappingURL=useSizeDetector.cjs.map

package/dist/NavScroll/useSizeDetector.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/NavScroll/useSizeDetector.ts","../../src/NavScroll/debounce.ts"],"sourcesContent":["/*\n * This work derives from the React Use Navscroll library\n * Released under the MIT license by Marco Liberati\n * Code: https://github.com/dej611/react-use-navscroll\n */\n\n/* eslint-disable no-restricted-globals */\nimport { useCallback, useEffect, useState } from 'react';\nimport { debounce } from './debounce';\nimport { useNavScrollArgs } from './types';\n\nconst DEFAULT_DELAY = 150;\n\nexport type useSizeDetectorArgs = Omit<useNavScrollArgs, 'offset'> & {\n  activeId: string | null;\n  hasWindow: boolean;\n  setForceRecompute: (force: boolean) => void;\n  updateActiveId: (id: string | null) => void;\n};\n\nexport const useSizeDetector = ({\n  root,\n  isHorizontal,\n  activeId,\n  onChange,\n  setForceRecompute,\n  updateActiveId,\n  hasWindow\n}: useSizeDetectorArgs) => {\n  const [targetSize, setTargetSize] = useState<number>(1);\n\n  const useViewport =\n    root == null ||\n    (hasWindow && (isHorizontal ? window.innerWidth < root.clientWidth : window.innerHeight < root.clientHeight));\n\n  const scrollEnd = useCallback(\n    debounce(() => {\n      setForceRecompute(true);\n    }, DEFAULT_DELAY),\n    [setForceRecompute]\n  );\n\n  useEffect(() => {\n    if (!hasWindow) {\n      return;\n    }\n    let observer: IntersectionObserver | null = null;\n\n    const resizeWindowHandler = () => {\n      setTimeout(() => {\n        setTargetSize(isHorizontal ? window.innerWidth : window.innerHeight);\n      }, DEFAULT_DELAY);\n    };\n\n    const resizeElementHandler: IntersectionObserverCallback = (entries) => {\n      const [entry] = entries;\n      if (!useViewport) {\n        setTargetSize(isHorizontal ? entry.boundingClientRect.width : entry.boundingClientRect.height);\n      }\n\n      if (entry.intersectionRatio === 0) {\n        if (activeId != null) {\n          updateActiveId(null);\n          if (onChange) {\n            onChange({\n              added: null,\n              removed: activeId\n            });\n          }\n        }\n      }\n    };\n\n    addEventListener('scroll', scrollEnd);\n    if (useViewport) {\n      setTargetSize(isHorizontal ? window.innerWidth : window.innerHeight);\n      addEventListener('resize', resizeWindowHandler);\n    }\n    if (root) {\n      observer = new IntersectionObserver(resizeElementHandler);\n      observer.observe(root);\n    }\n    return () => {\n      if (observer) {\n        observer.disconnect();\n      }\n      removeEventListener('resize', resizeWindowHandler);\n      removeEventListener('scroll', scrollEnd);\n    };\n  }, [root, isHorizontal, activeId, onChange, useViewport, scrollEnd, hasWindow, updateActiveId]);\n  return { targetSize, useViewport };\n};\n","/*\n * This work derives from the React Use Navscroll library\n * Released under the MIT license by Marco Liberati\n * Code: https://github.com/dej611/react-use-navscroll\n */\n\nexport const debounce = (callback: Function, wait: number) => {\n  let timeoutId: NodeJS.Timeout;\n  return (...args: unknown[]) => {\n    clearTimeout(timeoutId);\n    timeoutId = setTimeout(() => {\n      callback.apply(null, args);\n    }, wait);\n  };\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAOA,mBAAiD;;;ACD1C,IAAM,WAAW,CAAC,UAAoB,SAAiB;AAC5D,MAAI;AACJ,SAAO,IAAI,SAAoB;AAC7B,iBAAa,SAAS;AACtB,gBAAY,WAAW,MAAM;AAC3B,eAAS,MAAM,MAAM,IAAI;AAAA,IAC3B,GAAG,IAAI;AAAA,EACT;AACF;;;ADHA,IAAM,gBAAgB;AASf,IAAM,kBAAkB,CAAC;AAAA,EAC9B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAA2B;AACzB,QAAM,CAAC,YAAY,aAAa,QAAI,uBAAiB,CAAC;AAEtD,QAAM,cACJ,QAAQ,QACP,cAAc,eAAe,OAAO,aAAa,KAAK,cAAc,OAAO,cAAc,KAAK;AAEjG,QAAM,gBAAY;AAAA,IAChB,SAAS,MAAM;AACb,wBAAkB,IAAI;AAAA,IACxB,GAAG,aAAa;AAAA,IAChB,CAAC,iBAAiB;AAAA,EACpB;AAEA,8BAAU,MAAM;AACd,QAAI,CAAC,WAAW;AACd;AAAA,IACF;AACA,QAAI,WAAwC;AAE5C,UAAM,sBAAsB,MAAM;AAChC,iBAAW,MAAM;AACf,sBAAc,eAAe,OAAO,aAAa,OAAO,WAAW;AAAA,MACrE,GAAG,aAAa;AAAA,IAClB;AAEA,UAAM,uBAAqD,CAAC,YAAY;AACtE,YAAM,CAAC,KAAK,IAAI;AAChB,UAAI,CAAC,aAAa;AAChB,sBAAc,eAAe,MAAM,mBAAmB,QAAQ,MAAM,mBAAmB,MAAM;AAAA,MAC/F;AAEA,UAAI,MAAM,sBAAsB,GAAG;AACjC,YAAI,YAAY,MAAM;AACpB,yBAAe,IAAI;AACnB,cAAI,UAAU;AACZ,qBAAS;AAAA,cACP,OAAO;AAAA,cACP,SAAS;AAAA,YACX,CAAC;AAAA,UACH;AAAA,QACF;AAAA,MACF;AAAA,IACF;AAEA,qBAAiB,UAAU,SAAS;AACpC,QAAI,aAAa;AACf,oBAAc,eAAe,OAAO,aAAa,OAAO,WAAW;AACnE,uBAAiB,UAAU,mBAAmB;AAAA,IAChD;AACA,QAAI,MAAM;AACR,iBAAW,IAAI,qBAAqB,oBAAoB;AACxD,eAAS,QAAQ,IAAI;AAAA,IACvB;AACA,WAAO,MAAM;AACX,UAAI,UAAU;AACZ,iBAAS,WAAW;AAAA,MACtB;AACA,0BAAoB,UAAU,mBAAmB;AACjD,0BAAoB,UAAU,SAAS;AAAA,IACzC;AAAA,EACF,GAAG,CAAC,MAAM,cAAc,UAAU,UAAU,aAAa,WAAW,WAAW,cAAc,CAAC;AAC9F,SAAO,EAAE,YAAY,YAAY;AACnC;","names":[]}

package/dist/NavScroll/useSizeDetector.js

@@ -0,0 +1,63 @@
+/*
+ * This work derives from the React Use Navscroll library
+ * Released under the MIT license by Marco Liberati
+ * Code: https://github.com/dej611/react-use-navscroll
+ */
+/* eslint-disable no-restricted-globals */
+import { useCallback, useEffect, useState } from 'react';
+import { debounce } from './debounce';
+const DEFAULT_DELAY = 150;
+export const useSizeDetector = ({ root, isHorizontal, activeId, onChange, setForceRecompute, updateActiveId, hasWindow }) => {
+    const [targetSize, setTargetSize] = useState(1);
+    const useViewport = root == null ||
+        (hasWindow && (isHorizontal ? window.innerWidth < root.clientWidth : window.innerHeight < root.clientHeight));
+    const scrollEnd = useCallback(debounce(() => {
+        setForceRecompute(true);
+    }, DEFAULT_DELAY), [setForceRecompute]);
+    useEffect(() => {
+        if (!hasWindow) {
+            return;
+        }
+        let observer = null;
+        const resizeWindowHandler = () => {
+            setTimeout(() => {
+                setTargetSize(isHorizontal ? window.innerWidth : window.innerHeight);
+            }, DEFAULT_DELAY);
+        };
+        const resizeElementHandler = (entries) => {
+            const [entry] = entries;
+            if (!useViewport) {
+                setTargetSize(isHorizontal ? entry.boundingClientRect.width : entry.boundingClientRect.height);
+            }
+            if (entry.intersectionRatio === 0) {
+                if (activeId != null) {
+                    updateActiveId(null);
+                    if (onChange) {
+                        onChange({
+                            added: null,
+                            removed: activeId
+                        });
+                    }
+                }
+            }
+        };
+        addEventListener('scroll', scrollEnd);
+        if (useViewport) {
+            setTargetSize(isHorizontal ? window.innerWidth : window.innerHeight);
+            addEventListener('resize', resizeWindowHandler);
+        }
+        if (root) {
+            observer = new IntersectionObserver(resizeElementHandler);
+            observer.observe(root);
+        }
+        return () => {
+            if (observer) {
+                observer.disconnect();
+            }
+            removeEventListener('resize', resizeWindowHandler);
+            removeEventListener('scroll', scrollEnd);
+        };
+    }, [root, isHorizontal, activeId, onChange, useViewport, scrollEnd, hasWindow, updateActiveId]);
+    return { targetSize, useViewport };
+};
+//# sourceMappingURL=useSizeDetector.js.map

package/dist/NavScroll/useSizeDetector.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSizeDetector.js","sourceRoot":"","sources":["../../src/NavScroll/useSizeDetector.ts"],"names":[],"mappings":"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"}