@koine/react 1.0.9 → 1.0.10

package/node/Tabs/Tabs.js

@@ -1,67 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.TabPanel = exports.TabPanels = exports.Tab = exports.TabUnderline = exports.TabText = exports.TabWrap = exports.TabList = exports.Tabs = void 0;
-const tslib_1 = require("tslib");
-const jsx_runtime_1 = require("react/jsx-runtime");
-/// <reference types="@reach/utils/dist/declarations/src/polymorphic" />
-/**
- * @file
- *
- * Here we manage only "vertical" oriented tabs for now
- */
-const styled_components_1 = tslib_1.__importDefault(require("styled-components"));
-const tabs_1 = require("@reach/tabs");
-const media_1 = require("../styles/media");
-const Underline_1 = require("../Animations/Underline");
-const Buttons_1 = require("../Buttons");
-exports.Tabs = (0, styled_components_1.default)(tabs_1.Tabs) `
-  ${media_1.min.sm} {
-    display: flex;
-    ${(p) => p.$vertical && "flex-direction: column;"}
-  }
-`;
-exports.TabList = (0, styled_components_1.default)(tabs_1.TabList) `
-  display: flex;
-  flex-direction: column;
-  ${media_1.min.sm} {
-    border-right: 1px solid var(--grey800);
-  }
-`;
-exports.TabWrap = (0, styled_components_1.default)(tabs_1.Tab) `
-  ${Buttons_1.btnStyleReset}
-  position: relative;
-  justify-content: flex-end;
-  padding: 0.7em;
-  margin-bottom: 1em;
-  font-weight: bold;
-  color: ${(p) => (p.$active ? "var(--accent200)" : "var(--grey300)")};
-  ${media_1.min.sm} {
-    padding-right: var(--gutter-half);
-  }
-
-  &:hover {
-    color: ${(p) => (p.$active ? "var(--accent200)" : "var(--accent300)")};
-  }
-`;
-exports.TabText = styled_components_1.default.span `
-  position: relative;
-  z-index: 1;
-`;
-exports.TabUnderline = (0, styled_components_1.default)(Underline_1.UnderlineSkewed) ``;
-const Tab = ({ children, ...props }) => {
-    const { selectedIndex, focusedIndex } = (0, tabs_1.useTabsContext)();
-    const styledProps = {
-        $active: props.idx === selectedIndex,
-        $focused: props.idx === focusedIndex,
-    };
-    return ((0, jsx_runtime_1.jsxs)(exports.TabWrap, { ...props, ...styledProps, children: [styledProps.$active && ((0, jsx_runtime_1.jsx)(exports.TabUnderline, { ...styledProps, layoutId: "Tab-underline" })), (0, jsx_runtime_1.jsx)(exports.TabText, { ...styledProps, children: children })] }));
-};
-exports.Tab = Tab;
-exports.TabPanels = (0, styled_components_1.default)(tabs_1.TabPanels) `
-  flex: 1;
-`;
-exports.TabPanel = (0, styled_components_1.default)(tabs_1.TabPanel) `
-  ${media_1.min.sm} {
-    padding-left: var(--gutter-half);
-  }
-`;

package/node/Tabs/index.js

@@ -1,4 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const tslib_1 = require("tslib");
-tslib_1.__exportStar(require("./Tabs"), exports);

package/node/Typography/CopyPasteVisible.js

@@ -1,10 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.CopyPasteVisible = void 0;
-const tslib_1 = require("tslib");
-const styled_components_1 = tslib_1.__importDefault(require("styled-components"));
-exports.CopyPasteVisible = styled_components_1.default.span `
-  color: transparent;
-  opacity: 0;
-  font-size: 0;
-`;

package/node/Typography/Native.js

@@ -1,51 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.H4 = exports.H3 = exports.H2 = exports.H1 = exports.P = exports.h4 = exports.h3 = exports.h2 = exports.h1 = exports.p = void 0;
-const tslib_1 = require("tslib");
-const styled_components_1 = tslib_1.__importDefault(require("styled-components"));
-const media_1 = require("../styles/media");
-exports.p = `
-  margin: 0 0 1em 0;
-`;
-exports.h1 = `
-  margin: 0 0 10px 0;
-  font-size: 30px;
-  font-weight: 800;
-  line-height: var(--headingsLineHeight);
-  ${media_1.min.md} {
-    font-size: 50px;
-  }
-`;
-exports.h2 = `
-  margin: 0 0 1em 0;
-  font-size: 24px;
-  font-weight: 800;
-  line-height: var(--headingsLineHeight);
-`;
-exports.h3 = `
-  margin: 0 0 1em 0;
-  font-size: 20px;
-  font-weight: 600;
-  line-height: var(--headingsLineHeight);
-`;
-exports.h4 = `
-  margin: 0 0 1em 0;
-  font-size: 13px;
-  font-weight: 600;
-  line-height: var(--headingsLineHeight);
-`;
-exports.P = styled_components_1.default.div `
-  ${exports.p}
-`;
-exports.H1 = styled_components_1.default.div `
-  ${exports.h1}
-`;
-exports.H2 = styled_components_1.default.div `
-  ${exports.h2}
-`;
-exports.H3 = styled_components_1.default.div `
-  ${exports.h3}
-`;
-exports.H4 = styled_components_1.default.div `
-  ${exports.h4}
-`;

package/node/Typography/ReadMore.js

@@ -1,74 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ReadMore = void 0;
-const tslib_1 = require("tslib");
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const styled_components_1 = tslib_1.__importDefault(require("styled-components"));
-const react_use_1 = require("react-use");
-const framer_motion_1 = require("framer-motion");
-// import { CgArrowsExpandDownRight as IconExpand } from "react-icons/cg";
-const Root = styled_components_1.default.div ``;
-const Content = styled_components_1.default.div `
-  & p:first-child {
-    margin-top: 0;
-  }
-`;
-const BtnWrap = styled_components_1.default.span `
-  display: flex;
-  justify-content: flex-end;
-  transition: transform 0.18s ease-in-out;
-  text-align: right;
-  transform: translateY(${(p) => (p.$expanded ? "0" : "-100%")});
-  opacity: ${(p) => (p.$expanded ? 0 : 1)};
-`;
-const BtnFader = styled_components_1.default.div `
-  width: 30%;
-  transition: transform 0.18s ease-in-out;
-  background: linear-gradient(45deg, transparent 50%, ${(p) => p.$bg} 70%);
-`;
-const Btn = styled_components_1.default.span `
-  padding: 0 10px 0 10px;
-  line-height: ${(p) => (p.$lineHeight ? p.$lineHeight : "inherit")};
-  background: var(--bodyBg);
-  color: var(--grey600);
-  white-space: nowrap;
-  font-size: ${(p) => p.$fontSize}px;
-  cursor: pointer;
-`;
-const BtnIcon = styled_components_1.default.span `
-  display: inline-block;
-  margin: 0 0 0 4px;
-  transition: transform 0.18s ease-in-out;
-  ${(p) => (p.$expanded ? "transform: rotate(180deg);" : "")};
-  font-size: ${(p) => p.$fontSize}px;
-`;
-const ReadMore = ({ lines = 3, lineHeight = 1.6, fontSize = 14, bg = "var(--bodyBg)", expand = "Expand", collapse = "Collapse", ...props }) => {
-    const defaultMaxHeight = lines * (lineHeight * fontSize);
-    const [expanded, setExpanded] = (0, react_1.useState)(false);
-    const [maxHeight, setMaxHeight] = (0, react_1.useState)(defaultMaxHeight);
-    const [fullHeight, setFullHeight] = (0, react_1.useState)(0);
-    const [exceeds, setExceeds] = (0, react_1.useState)(false);
-    const content = (0, react_1.useRef)(null);
-    const height = (0, framer_motion_1.useSpring)(defaultMaxHeight);
-    const styles = (0, react_1.useMemo)(() => (exceeds ? { height, overflow: "hidden" } : {}), [exceeds, height]);
-    const handleExpandClick = () => {
-        setExpanded((prevExpanded) => !prevExpanded);
-    };
-    (0, react_use_1.useIsomorphicLayoutEffect)(() => {
-        if (content.current) {
-            const elementHeight = content.current.offsetHeight;
-            const newExceeds = elementHeight > maxHeight;
-            if (!newExceeds) {
-                setMaxHeight(elementHeight);
-            }
-            setExceeds(newExceeds);
-            setFullHeight(elementHeight);
-        }
-    }, [content, maxHeight]);
-    (0, react_use_1.useIsomorphicLayoutEffect)(() => {
-        height.set(expanded ? fullHeight : maxHeight);
-    }, [expanded, height, fullHeight, maxHeight]);
-    return ((0, jsx_runtime_1.jsxs)(Root, { children: [(0, jsx_runtime_1.jsx)(framer_motion_1.m.div, { style: styles, children: (0, jsx_runtime_1.jsx)(Content, { ref: content, ...props }) }), exceeds && ((0, jsx_runtime_1.jsxs)(BtnWrap, { "$expanded": expanded, children: [(0, jsx_runtime_1.jsx)(BtnFader, { "$bg": bg }), (0, jsx_runtime_1.jsxs)(Btn, { "$fontSize": fontSize, "$lineHeight": lineHeight, onClick: handleExpandClick, "aria-expanded": expanded, "aria-label": expanded ? collapse : expand, children: [expanded ? collapse : expand, (0, jsx_runtime_1.jsx)(BtnIcon, { "$expanded": expanded })] })] }))] }));
-};
-exports.ReadMore = ReadMore;

package/node/Typography/TextLoop.js

@@ -1,54 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.TextLoop = exports.TextLoopPiece = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const framer_motion_1 = require("framer-motion");
-const TextLoopPiece = ({ text = "", style = {}, className = "", direction = "up", inline = true, noOverflow = true, delay = 400, }) => {
-    const placeholderRef = (0, react_1.useRef)(null);
-    const [content, setContent] = (0, react_1.useState)({ data: "", key: "" });
-    const [width, setWidth] = (0, react_1.useState)(inline ? 0 : "auto");
-    (0, react_1.useEffect)(() => {
-        const timeoutId = setTimeout(() => {
-            if (!placeholderRef.current)
-                return;
-            placeholderRef.current.innerHTML = text + "";
-            if (inline)
-                setWidth(placeholderRef.current.offsetWidth);
-            setContent({ data: text + "", key: new Date() + "" });
-        }, delay);
-        return () => clearTimeout(timeoutId);
-    }, [text, delay, inline]);
-    return ((0, jsx_runtime_1.jsxs)("div", { className: className, style: {
-            ...style,
-            position: "relative",
-            display: inline ? "inline-block" : "block",
-            width,
-            whiteSpace: inline ? "nowrap" : "normal",
-        }, children: [(0, jsx_runtime_1.jsx)("span", { ref: placeholderRef, style: { visibility: "hidden" } }), (0, jsx_runtime_1.jsx)("div", { style: {
-                    overflow: noOverflow ? "hidden" : "visible",
-                    display: "block",
-                    position: "absolute",
-                    top: 0,
-                    left: 0,
-                    height: "100%",
-                    width: "100%",
-                }, children: (0, jsx_runtime_1.jsx)(framer_motion_1.AnimatePresence, { children: (0, jsx_runtime_1.jsx)(framer_motion_1.m.div, { style: { position: "absolute" }, initial: {
-                            opacity: 0,
-                            y: direction === "down" ? "-100%" : "100%",
-                        }, animate: { opacity: 1, y: 0 }, exit: {
-                            opacity: 0,
-                            y: direction === "down" ? "100%" : "-100%",
-                        }, children: content.data }, content.key) }) })] }));
-};
-exports.TextLoopPiece = TextLoopPiece;
-const TextLoop = ({ texts, interval = 3000, ...props }) => {
-    const [index, setIndex] = (0, react_1.useState)(0);
-    (0, react_1.useEffect)(() => {
-        const intervalId = setInterval(() => setIndex((index) => index + 1), interval // every 3 seconds
-        );
-        return () => clearTimeout(intervalId);
-    }, [interval]);
-    return (0, jsx_runtime_1.jsx)(exports.TextLoopPiece, { ...props, text: texts[index % texts.length] });
-};
-exports.TextLoop = TextLoop;

package/node/Typography/TypeStairs.js

@@ -1,49 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.TypeStairs = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-exports.TypeStairs = (0, react_1.forwardRef)(({ children, limit }, ref) => {
-    // split in rows or just use one row if there is no limit
-    const rows = limit ? splitTextIntoRows(children, limit) : [children];
-    return rows.length > 1 ? ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: rows.map((row, rowIndex) => {
-            return ((0, jsx_runtime_1.jsxs)("span", { children: [renderRow(row, rowIndex, ref), rowIndex !== rows.length - 1 && (0, jsx_runtime_1.jsx)("br", {})] }, `row-${rowIndex}`));
-        }) })) : (renderRow(rows[0], 0, ref));
-});
-/**
- * every number chars find a space and break, then restart the gradient weight
- * @see https://stackoverflow.com/a/25770787
- */
-function splitTextIntoRows(input = "", limit = 18) {
-    const rows = [];
-    const arr = input.split(" ");
-    let currow = arr[0];
-    let rowlen = currow.length;
-    for (let i = 1; i < arr.length; i++) {
-        const word = arr[i];
-        rowlen += word.length + 1;
-        if (rowlen <= limit) {
-            currow += " " + word;
-        }
-        else {
-            rows.push(currow);
-            currow = word;
-            rowlen = word.length;
-        }
-    }
-    rows.push(currow);
-    return rows;
-}
-function renderRow(row, rowIndex, ref) {
-    const letters = row.split("");
-    let fontWeightIdx = 1;
-    // const fontWeight = Math.min(fontWeightIdx * 100, 800);
-    return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: letters.map((letter, letterIndex) => {
-            const fontWeight = Math.min(fontWeightIdx * 100, 800);
-            // don't waste a fontWeight for a white space
-            if (letter !== " ") {
-                fontWeightIdx++;
-            }
-            return ((0, jsx_runtime_1.jsx)("span", { style: { fontWeight }, ref: ref, children: letter }, `letter-${rowIndex}-${letterIndex}`));
-        }) }));
-}

package/node/Typography/index.js

@@ -1,8 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const tslib_1 = require("tslib");
-tslib_1.__exportStar(require("./CopyPasteVisible"), exports);
-tslib_1.__exportStar(require("./Native"), exports);
-tslib_1.__exportStar(require("./ReadMore"), exports);
-tslib_1.__exportStar(require("./TextLoop"), exports);
-tslib_1.__exportStar(require("./TypeStairs"), exports);

package/node/css/index.js

@@ -1,35 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.KoineDialog = void 0;
-const tslib_1 = require("tslib");
-tslib_1.__exportStar(require("../shared"), exports);
-// export * from "../Alert";
-// export * from "../Animations";
-// export * from "../Autocomplete";
-// export * from "../Bg";
-// export * from "../Breadcrumbs";
-// export * from "../Buttons";
-// export * from "../Carousel";
-// export * from "../Collapsable";
-// export * from "../Debug";
-var bare_1 = require("../Dialog/css/bare");
-Object.defineProperty(exports, "KoineDialog", { enumerable: true, get: function () { return bare_1.KoineDialog; } });
-// export * from "../Forms";
-// export * from "../Grid";
-// export * from "../Hamburger";
-// export * from "../Header";
-// export * from "../Hidden";
-// export * from "../Img";
-// export * from "../Link";
-// export * from "../MenuItem";
-// export * from "../Pagination";
-// export * from "../Pill";
-// export * from "../Progress";
-// export * from "../Rating";
-// // export * from "../Select";
-// export * from "../Sidebar";
-// export * from "../Spacing";
-// export * from "../Sticky";
-// export * from "../styles";
-// export * from "../Tabs";
-// export * from "../Typography";

package/node/helpers/classed.js

@@ -1,68 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.classed = void 0;
-const react_1 = require("react");
-/**
- * This utility allows to extend a component a là `styled-components` but for
- * a className based styling solution like Tailwind,
- *
- * It also plays nicely with tailwind intellisense @see:
- *
- * - https://github.com/tailwindlabs/tailwindcss-intellisense#tailwindcssclassattributes
- *
- * For references about tagged functions:
- * - https://javascript.plainenglish.io/how-css-in-js-libraries-work-da4145b1b6c7
- * - https://makersden.io/blog/reverse-engineering-styled-components
- * - https://typesafe.blog/article/the-logic-behind-javascript-tag-functions
- * - https://flaming.codes/posts/typescript-and-javascript-tagged-template-strings
- */
-function classed(component) {
-    // @ts-expect-error nevermind for now...
-    const type = component.type || component;
-    return function (strings, ...args) {
-        const WrappedComponent = (0, react_1.forwardRef)(function (props, ref) {
-            const argResolved = args
-                .map((arg, index) => {
-                let result = "";
-                if (typeof arg === "function") {
-                    result = arg(props);
-                }
-                else if (typeof arg !== "undefined") {
-                    result = arg.toString();
-                }
-                return strings[index] + result;
-            })
-                .join("");
-            const isNativeHtmlElement = typeof type === "string";
-            const propsToForward = isNativeHtmlElement
-                ? {}
-                : props;
-            if (isNativeHtmlElement) {
-                for (const key in props) {
-                    // like styled-components `transient` props
-                    if (!key.startsWith("$")) {
-                        propsToForward[key] = props[key];
-                    }
-                }
-            }
-            // get the tagged function string outcome
-            let className = argResolved || strings[0];
-            // check if we need to clean it or not from the optional structure `< class="..."`
-            className = className.match(/class="([^"]*)/)?.[1] || className;
-            // add the custom classes from props
-            className += props?.className ? " " + props?.className : "";
-            return (0, react_1.createElement)(type, {
-                // ...props,
-                ...propsToForward,
-                // only add ot props if it is not an empty string
-                className: className || undefined,
-                // add ref to props
-                ref,
-            });
-        });
-        // FIXME: not sure if this is needed
-        // WrappedComponent.displayName = type.toString();
-        return WrappedComponent; // as unknown as React.ReactElement<typeof props>;
-    };
-}
-exports.classed = classed;

package/node/helpers/extend-component.js

@@ -1,16 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.extendComponent = void 0;
-const react_1 = require("react");
-const extendComponent = (component, defaultProps) => {
-    // FIXME: check if we need to forwardRef or not
-    const NewComponent = (props) => (0, react_1.createElement)(component, props);
-    // const NewComponent = forwardRef<React.ComponentProps<Component>, Component>(
-    //   (props, ref) => createElement(component, { ...props, ref })
-    // );
-    return Object.assign(NewComponent, {
-        ...defaultProps,
-        defaultProps,
-    });
-};
-exports.extendComponent = extendComponent;

package/node/helpers/index.js

@@ -1,5 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const tslib_1 = require("tslib");
-tslib_1.__exportStar(require("./classed"), exports);
-tslib_1.__exportStar(require("./extend-component"), exports);

package/node/hooks/index.js

@@ -1,10 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const tslib_1 = require("tslib");
-tslib_1.__exportStar(require("./useDateLocale"), exports);
-tslib_1.__exportStar(require("./useFocus"), exports);
-tslib_1.__exportStar(require("./usePrevious"), exports);
-tslib_1.__exportStar(require("./useScrollPosition"), exports);
-// export * from "./useScrollTo";
-tslib_1.__exportStar(require("./useTraceUpdate"), exports);
-tslib_1.__exportStar(require("./useWindowSize"), exports);

package/node/hooks/useDateLocale.js

@@ -1,56 +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 __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useDateLocale = void 0;
-const react_1 = require("react");
-/**
- * Dynamically import the date-fns correct locale
- *
- * Inspired by:
- * @see https://robertmarshall.dev/blog/dynamically-import-datefns-locale-mui-datepicker-localization/
- */
-function useDateLocale(locale, defaultLocale = "en") {
-    const [data, setData] = (0, react_1.useState)();
-    const [current, setCurrent] = (0, react_1.useState)(defaultLocale);
-    // const [ready, setReady] = useState(false);
-    // If the user changes the locale listen to the change and import the locale that is now required.
-    (0, react_1.useEffect)(() => {
-        const importLocaleFile = async () => {
-            // This webpack option stops all of the date-fns files being imported and chunked.
-            const localeToSet = await Promise.resolve().then(() => __importStar(require(
-            /* webpackMode: "lazy", webpackChunkName: "df-[index]", webpackExclude: /_lib/ */
-            `date-fns/locale/${locale}/index.js`)));
-            setCurrent(locale || current);
-            setData(localeToSet.default);
-            // setReady(true);
-        };
-        // If the locale has not yet been loaded.
-        if (locale !== current) {
-            importLocaleFile();
-        }
-    }, [locale, current]);
-    return data;
-}
-exports.useDateLocale = useDateLocale;

package/node/hooks/useFocus.js

@@ -1,15 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useFocus = void 0;
-const react_1 = require("react");
-/**
- * @see https://stackoverflow.com/a/54159564/1938970
- */
-const useFocus = () => {
-    const element = (0, react_1.useRef)(null);
-    const setFocus = () => {
-        element.current && element.current.focus();
-    };
-    return [element, setFocus];
-};
-exports.useFocus = useFocus;

package/node/hooks/usePrevious.js

@@ -1,12 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.usePrevious = void 0;
-const react_1 = require("react");
-function usePrevious(value) {
-    const ref = (0, react_1.useRef)();
-    (0, react_1.useEffect)(() => {
-        ref.current = value;
-    });
-    return ref.current;
-}
-exports.usePrevious = usePrevious;

package/node/hooks/useScrollPosition.js

@@ -1,80 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useScrollPosition = void 0;
-const tslib_1 = require("tslib");
-const react_1 = require("react");
-const useIsomorphicLayoutEffect_1 = tslib_1.__importDefault(require("react-use/esm/useIsomorphicLayoutEffect"));
-const utils_1 = require("@koine/utils");
-const zeroPosition = { x: 0, y: 0 };
-const getClientRect = (element) => element?.getBoundingClientRect();
-const getScrollPosition = (element, useWindow, boundingElement) => {
-    if (!utils_1.isBrowser) {
-        return zeroPosition;
-    }
-    if (useWindow) {
-        return { x: window.scrollX, y: window.scrollY };
-    }
-    const targetPosition = getClientRect(element?.current || document.body);
-    const containerPosition = getClientRect(boundingElement?.current);
-    if (!targetPosition) {
-        return zeroPosition;
-    }
-    return containerPosition
-        ? {
-            x: (containerPosition.x || 0) - (targetPosition.x || 0),
-            y: (containerPosition.y || 0) - (targetPosition.y || 0),
-        }
-        : { x: targetPosition.left, y: targetPosition.top };
-};
-/**
- * @borrows [@n8tb1t/use-scroll-position@2.0.3](https://github.com/n8tb1t/use-scroll-position) by `n8tb1t <n8tb1t@gmail.com>`
- *
- * We've just:
- * - reused internal helper functions
- * - compacted object arguments in functions as plain argument list to improve compression
- */
-const useScrollPosition = (effect, deps = [], element, useWindow, wait, boundingElement) => {
-    const position = (0, react_1.useRef)(getScrollPosition(null, useWindow, boundingElement));
-    let throttleTimeout = null;
-    const callBack = () => {
-        const current = getScrollPosition(element, useWindow, boundingElement);
-        effect(current, position.current);
-        position.current = current;
-        throttleTimeout = null;
-    };
-    (0, useIsomorphicLayoutEffect_1.default)(() => {
-        if (!utils_1.isBrowser) {
-            return undefined;
-        }
-        const handleScroll = () => {
-            if (wait) {
-                if (throttleTimeout === null) {
-                    throttleTimeout = window.setTimeout(callBack, wait);
-                }
-            }
-            else {
-                callBack();
-            }
-        };
-        if (boundingElement) {
-            boundingElement.current?.addEventListener("scroll", handleScroll, {
-                passive: true,
-            });
-        }
-        else {
-            window.addEventListener("scroll", handleScroll, { passive: true });
-        }
-        return () => {
-            if (boundingElement) {
-                boundingElement.current?.removeEventListener("scroll", handleScroll);
-            }
-            else {
-                window.removeEventListener("scroll", handleScroll);
-            }
-            if (throttleTimeout) {
-                clearTimeout(throttleTimeout);
-            }
-        };
-    }, deps);
-};
-exports.useScrollPosition = useScrollPosition;

package/node/hooks/useScrollTo.js

@@ -1,23 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useScrollTo = void 0;
-const utils_1 = require("@koine/utils");
-const useHeader_1 = require("../Header/useHeader");
-function useScrollTo(id = "", offset = 0) {
-    const [, , headerHeight] = (0, useHeader_1.useHeader)();
-    if (!utils_1.isBrowser) {
-        return;
-    }
-    const headerOffset = headerHeight || 0;
-    let element = document.getElementById(id);
-    let top = 0;
-    if (element && element.offsetParent) {
-        do {
-            top += element.offsetTop;
-        } while ((element = element.offsetParent));
-    }
-    top -= offset;
-    top -= headerOffset;
-    window.scroll(0, top);
-}
-exports.useScrollTo = useScrollTo;