@uxf/core 11.47.0 → 11.52.0

package/hooks/useIsomorphicLayoutEffect.d.ts

@@ -1,5 +0,0 @@
-import { useEffect } from "react";
-/**
- * @deprecated Use import from @uxf/core-react instead.
- */
-export declare const useIsomorphicLayoutEffect: typeof useEffect;

package/hooks/useIsomorphicLayoutEffect.js

@@ -1,9 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useIsomorphicLayoutEffect = void 0;
-const react_1 = require("react");
-const isBrowser_1 = require("../utils/isBrowser");
-/**
- * @deprecated Use import from @uxf/core-react instead.
- */
-exports.useIsomorphicLayoutEffect = isBrowser_1.isBrowser ? react_1.useLayoutEffect : react_1.useEffect;

package/hooks/useKey.d.ts

@@ -1,19 +0,0 @@
-import { RefObject } from "react";
-type KeyPredicate = (e: KeyboardEvent) => boolean;
-/**
- * @deprecated Use import from @uxf/core-react instead.
- */
-export type KeyFilter = null | undefined | string | KeyPredicate;
-/**
- * @deprecated Use import from @uxf/core-react instead.
- */
-export interface UseKeyOptions<T extends HTMLElement> {
-    disabled?: boolean;
-    targetRef?: RefObject<T>;
-    type: "keydown" | "keyup" | "keypress";
-}
-/**
- * @deprecated Use import from @uxf/core-react instead.
- */
-export declare function useKey<T extends HTMLElement>(keyFilter: KeyFilter, callback: (e: KeyboardEvent) => void, { disabled, targetRef, type }?: Partial<UseKeyOptions<T>>): void;
-export {};

package/hooks/useKey.js

@@ -1,30 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useKey = useKey;
-const react_1 = require("react");
-const createKeyPredicate = (keyFilter) => typeof keyFilter === "function"
-    ? keyFilter
-    : typeof keyFilter === "string"
-        ? (e) => e.key === keyFilter
-        : () => false;
-/**
- * @deprecated Use import from @uxf/core-react instead.
- */
-function useKey(keyFilter, callback, { disabled, targetRef, type = "keydown" } = {}) {
-    (0, react_1.useEffect)(() => {
-        if (disabled) {
-            return;
-        }
-        const thisNode = (targetRef ? targetRef.current : document);
-        const predicate = createKeyPredicate(keyFilter);
-        const handler = (e) => {
-            if (predicate(e)) {
-                callback(e);
-            }
-        };
-        thisNode === null || thisNode === void 0 ? void 0 : thisNode.addEventListener(type, handler);
-        return () => {
-            thisNode === null || thisNode === void 0 ? void 0 : thisNode.removeEventListener(type, handler);
-        };
-    }, [callback, disabled, keyFilter, targetRef, type]);
-}

package/hooks/useLatest.d.ts

@@ -1,4 +0,0 @@
-/**
- * @deprecated Use import from @uxf/core-react instead.
- */
-export declare function useLatest<T>(current: T): import("react").MutableRefObject<T>;

package/hooks/useLatest.js

@@ -1,12 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useLatest = useLatest;
-const react_1 = require("react");
-/**
- * @deprecated Use import from @uxf/core-react instead.
- */
-function useLatest(current) {
-    const storedValue = (0, react_1.useRef)(current);
-    storedValue.current = current;
-    return storedValue;
-}

package/hooks/useMinWindowWidth.d.ts

@@ -1,4 +0,0 @@
-/**
- * @deprecated Use import from @uxf/core-react instead.
- */
-export declare function useMinWindowWidth(minWidth: number, debounce?: number): boolean | undefined;

package/hooks/useMinWindowWidth.js

@@ -1,31 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useMinWindowWidth = useMinWindowWidth;
-const react_1 = require("react");
-const useRafState_1 = require("./useRafState");
-/**
- * @deprecated Use import from @uxf/core-react instead.
- */
-function useMinWindowWidth(minWidth, debounce = 0) {
-    const [state, setState] = (0, useRafState_1.useRafState)();
-    (0, react_1.useEffect)(() => {
-        const stateHandler = () => setState(window.innerWidth >= minWidth);
-        let timer;
-        const handler = () => {
-            if (debounce > 0) {
-                window.clearTimeout(timer);
-                timer = window.setTimeout(stateHandler, debounce);
-            }
-            else {
-                stateHandler();
-            }
-        };
-        stateHandler();
-        window.addEventListener("resize", handler);
-        return () => {
-            window.removeEventListener("resize", handler);
-            window.clearTimeout(timer);
-        };
-    }, [debounce, minWidth, setState]);
-    return state;
-}

package/hooks/useMouseDragToScroll.d.ts

@@ -1,5 +0,0 @@
-import { CSSProperties, RefObject } from "react";
-/**
- * @deprecated Use import from @uxf/core-react instead.
- */
-export declare function useMouseDragToScroll<T extends HTMLElement>(containerRef: RefObject<T>): CSSProperties | undefined;

package/hooks/useMouseDragToScroll.js

@@ -1,41 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useMouseDragToScroll = useMouseDragToScroll;
-const react_1 = require("react");
-/**
- * @deprecated Use import from @uxf/core-react instead.
- */
-function useMouseDragToScroll(containerRef) {
-    const position = (0, react_1.useRef)({ left: 0, top: 0, x: 0, y: 0 });
-    const [style, setStyle] = (0, react_1.useState)();
-    (0, react_1.useEffect)(() => {
-        const node = containerRef.current;
-        if (!node) {
-            return;
-        }
-        const mouseMoveHandler = (e) => {
-            const dx = e.clientX - position.current.x;
-            const dy = e.clientY - position.current.y;
-            node.scrollLeft = position.current.left - dx;
-            node.scrollTop = position.current.top - dy;
-        };
-        const mouseUpHandler = () => {
-            setStyle((prev) => ({ ...prev, cursor: "grab", userSelect: "unset" }));
-            document.removeEventListener("mousemove", mouseMoveHandler);
-            document.removeEventListener("mouseup", mouseUpHandler);
-        };
-        const mouseDownHandler = (e) => {
-            position.current = { left: node.scrollLeft, top: node.scrollTop, x: e.clientX, y: e.clientY };
-            setStyle((prev) => ({ ...prev, cursor: "grabbing", userSelect: "none" }));
-            document.addEventListener("mousemove", mouseMoveHandler);
-            document.addEventListener("mouseup", mouseUpHandler);
-        };
-        node.addEventListener("mousedown", mouseDownHandler);
-        return () => {
-            node.removeEventListener("mousedown", mouseDownHandler);
-            document.removeEventListener("mousedown", mouseMoveHandler);
-            document.removeEventListener("mousedown", mouseUpHandler);
-        };
-    }, [containerRef]);
-    return style;
-}

package/hooks/useOnMount.d.ts

@@ -1,5 +0,0 @@
-import { EffectCallback } from "react";
-/**
- * @deprecated Use import from @uxf/core-react instead.
- */
-export declare function useOnMount(effect: EffectCallback): void;

package/hooks/useOnMount.js

@@ -1,12 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useOnMount = useOnMount;
-const react_1 = require("react");
-/**
- * @deprecated Use import from @uxf/core-react instead.
- */
-function useOnMount(effect) {
-    (0, react_1.useEffect)(() => {
-        return effect();
-    }, []); // eslint-disable-line react-hooks/exhaustive-deps
-}

package/hooks/useOnUnmount.d.ts

@@ -1,5 +0,0 @@
-import { EffectCallback } from "react";
-/**
- * @deprecated Use import from @uxf/core-react instead.
- */
-export declare function useOnUnmount(effect: EffectCallback): void;

package/hooks/useOnUnmount.js

@@ -1,17 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useOnUnmount = useOnUnmount;
-const react_1 = require("react");
-/**
- * @deprecated Use import from @uxf/core-react instead.
- */
-function useOnUnmount(effect) {
-    const effectRef = (0, react_1.useRef)(effect);
-    // update the ref each render so if it changed the newest callback will be invoked
-    effectRef.current = effect;
-    (0, react_1.useEffect)(() => {
-        return () => {
-            effectRef.current();
-        };
-    }, []);
-}

package/hooks/useOnUpdate.d.ts

@@ -1,5 +0,0 @@
-import { DependencyList, EffectCallback } from "react";
-/**
- * @deprecated Use import from @uxf/core-react instead.
- */
-export declare function useOnUpdate(effect: EffectCallback, deps: DependencyList): void;

package/hooks/useOnUpdate.js

@@ -1,17 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useOnUpdate = useOnUpdate;
-const react_1 = require("react");
-/**
- * @deprecated Use import from @uxf/core-react instead.
- */
-function useOnUpdate(effect, deps) {
-    const firstRun = (0, react_1.useRef)(true);
-    (0, react_1.useEffect)(() => {
-        if (firstRun.current) {
-            firstRun.current = false;
-            return;
-        }
-        return effect();
-    }, deps); // eslint-disable-line react-hooks/exhaustive-deps
-}

package/hooks/usePagination.d.ts

@@ -1,5 +0,0 @@
-import { PaginationConfig, PaginationItem } from "../utils/pagination";
-/**
- * @deprecated Use import from @uxf/core-react instead.
- */
-export declare const usePagination: (config: PaginationConfig) => PaginationItem[];

package/hooks/usePagination.js

@@ -1,23 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.usePagination = void 0;
-const react_1 = require("react");
-const pagination_1 = require("../utils/pagination");
-/**
- * @deprecated Use import from @uxf/core-react instead.
- */
-const usePagination = (config) => {
-    return (0, react_1.useMemo)(() => (0, pagination_1.paginationGenerate)(config), 
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    [
-        config.boundaryCount,
-        config.siblingCount,
-        config.count,
-        config.page,
-        config.hideNextButton,
-        config.hidePrevButton,
-        config.showFirstButton,
-        config.showLastButton,
-    ]);
-};
-exports.usePagination = usePagination;

package/hooks/usePrevious.d.ts

@@ -1,4 +0,0 @@
-/**
- * @deprecated Use import from @uxf/core-react instead.
- */
-export declare function usePrevious<T>(current: T): import("react").MutableRefObject<T>;

package/hooks/usePrevious.js

@@ -1,14 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.usePrevious = usePrevious;
-const react_1 = require("react");
-/**
- * @deprecated Use import from @uxf/core-react instead.
- */
-function usePrevious(current) {
-    const storedValue = (0, react_1.useRef)(current);
-    (0, react_1.useEffect)(() => {
-        storedValue.current = current;
-    });
-    return storedValue;
-}

package/hooks/useRafState.d.ts

@@ -1,5 +0,0 @@
-import { Dispatch, SetStateAction } from "react";
-/**
- * @deprecated Use import from @uxf/core-react instead.
- */
-export declare function useRafState<S = undefined>(initialState?: S | (() => S)): [S | undefined, Dispatch<SetStateAction<S | undefined>>];

package/hooks/useRafState.js

@@ -1,20 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useRafState = useRafState;
-const react_1 = require("react");
-const useOnUnmount_1 = require("./useOnUnmount");
-/**
- * @deprecated Use import from @uxf/core-react instead.
- */
-function useRafState(initialState) {
-    const frame = (0, react_1.useRef)(0);
-    const [state, setState] = (0, react_1.useState)(initialState);
-    const setRafState = (0, react_1.useCallback)((value) => {
-        cancelAnimationFrame(frame.current);
-        frame.current = requestAnimationFrame(() => {
-            setState(value);
-        });
-    }, []);
-    (0, useOnUnmount_1.useOnUnmount)(() => cancelAnimationFrame(frame.current));
-    return [state, setRafState];
-}

package/hooks/useTabs.d.ts

@@ -1,16 +0,0 @@
-import { RefObject } from "react";
-export interface UseTabs<T extends HTMLElement> {
-    activeTab?: number;
-    id: string;
-    tabListRef: RefObject<T>;
-    tabsCount: number;
-}
-/** @deprecated Will be removed from @uxf/core package in future versions.
- * Use 'import { Tab } from "@headlessui/react";' instead */
-export declare function useTabs<T extends HTMLElement>({ activeTab, id, tabListRef, tabsCount }: UseTabs<T>): {
-    activeTabIndex: number;
-    idPrefix: string;
-    onTabTitleClick: (index: number) => () => void;
-    tabContentIdPrefix: string;
-    tabTitleIdPrefix: string;
-};

package/hooks/useTabs.js

@@ -1,43 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useTabs = useTabs;
-const react_1 = require("react");
-const useKey_1 = require("./useKey");
-const useOnUpdate_1 = require("./useOnUpdate");
-const LEFT_RIGHT_ARROW_KEYS = (e) => e.key === "ArrowRight" || e.key === "ArrowLeft";
-/** @deprecated Will be removed from @uxf/core package in future versions.
- * Use 'import { Tab } from "@headlessui/react";' instead */
-function useTabs({ activeTab, id, tabListRef, tabsCount }) {
-    const [activeTabIndex, setActiveTabIndex] = (0, react_1.useState)(activeTab || 0);
-    const idPrefix = `${id}__tabs`;
-    const tabTitleIdPrefix = `${idPrefix}__title`;
-    const tabContentIdPrefix = `${idPrefix}__content`;
-    const onTabTitleClick = (0, react_1.useCallback)((index) => () => setActiveTabIndex(index), []);
-    (0, useOnUpdate_1.useOnUpdate)(() => {
-        if (activeTab) {
-            setActiveTabIndex(activeTab);
-        }
-    }, [activeTab]);
-    const handleArrowKeysNavigation = (0, react_1.useCallback)((e) => {
-        e.preventDefault();
-        setActiveTabIndex((current) => {
-            const first = 0;
-            const last = tabsCount - 1;
-            if (e.key === "ArrowRight") {
-                return current < last ? current + 1 : first;
-            }
-            if (e.key === "ArrowLeft") {
-                return current > first ? current - 1 : last;
-            }
-            return current;
-        });
-    }, [tabsCount]);
-    (0, useKey_1.useKey)(LEFT_RIGHT_ARROW_KEYS, handleArrowKeysNavigation, { targetRef: tabListRef });
-    return {
-        activeTabIndex,
-        idPrefix,
-        onTabTitleClick,
-        tabContentIdPrefix,
-        tabTitleIdPrefix,
-    };
-}

package/hooks/useWindowScroll.d.ts

@@ -1,7 +0,0 @@
-/**
- * @deprecated Use import from @uxf/core-react instead.
- */
-export declare function useWindowScroll(): {
-    x: number;
-    y: number;
-} | undefined;

package/hooks/useWindowScroll.js

@@ -1,24 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useWindowScroll = useWindowScroll;
-const react_1 = require("react");
-const useRafState_1 = require("./useRafState");
-/**
- * @deprecated Use import from @uxf/core-react instead.
- */
-function useWindowScroll() {
-    const [state, setState] = (0, useRafState_1.useRafState)();
-    (0, react_1.useEffect)(() => {
-        const handler = () => setState({
-            x: window.scrollX,
-            y: window.scrollY,
-        });
-        handler();
-        window.addEventListener("scroll", handler, {
-            capture: false,
-            passive: true,
-        });
-        return () => window.removeEventListener("scroll", handler);
-    }, [setState]);
-    return state;
-}

package/hooks/useWindowSize.d.ts

@@ -1,7 +0,0 @@
-/**
- * @deprecated Use import from @uxf/core-react instead.
- */
-export declare function useWindowSize(): {
-    width: number;
-    height: number;
-} | undefined;

package/hooks/useWindowSize.js

@@ -1,21 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useWindowSize = useWindowSize;
-const react_1 = require("react");
-const useRafState_1 = require("./useRafState");
-/**
- * @deprecated Use import from @uxf/core-react instead.
- */
-function useWindowSize() {
-    const [state, setState] = (0, useRafState_1.useRafState)();
-    (0, react_1.useEffect)(() => {
-        const handler = () => setState({
-            width: window.innerWidth,
-            height: window.innerHeight,
-        });
-        handler();
-        window.addEventListener("resize", handler);
-        return () => window.removeEventListener("resize", handler);
-    }, [setState]);
-    return state;
-}

package/next/index.d.ts

@@ -1,2 +0,0 @@
-export declare const queryParamToString: (param?: string | string[]) => string;
-export declare const queryParamToNumber: (param?: string | string[]) => number;

package/next/index.js

@@ -1,7 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.queryParamToNumber = exports.queryParamToString = void 0;
-const queryParamToString = (param) => (typeof param === "string" ? param : "");
-exports.queryParamToString = queryParamToString;
-const queryParamToNumber = (param) => typeof param === "string" ? parseInt(param, 10) : 0;
-exports.queryParamToNumber = queryParamToNumber;

package/next/query-param.test.js

@@ -1,35 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const index_1 = require("./index");
-describe("queryParamToString", () => {
-    it("should return the string when a string is passed", () => {
-        const result = (0, index_1.queryParamToString)("test");
-        expect(result).toBe("test");
-    });
-    it("should return an empty string when undefined is passed", () => {
-        const result = (0, index_1.queryParamToString)(undefined);
-        expect(result).toBe("");
-    });
-    it("should return an empty string when an array is passed", () => {
-        const result = (0, index_1.queryParamToString)(["test", "jest"]);
-        expect(result).toBe("");
-    });
-});
-describe("queryParamToNumber", () => {
-    it("should return the number when a valid string is passed", () => {
-        const result = (0, index_1.queryParamToNumber)("42");
-        expect(result).toBe(42);
-    });
-    it("should return 0 when undefined is passed", () => {
-        const result = (0, index_1.queryParamToNumber)(undefined);
-        expect(result).toBe(0);
-    });
-    it("should return 0 when an array is passed", () => {
-        const result = (0, index_1.queryParamToNumber)(["42", "8"]);
-        expect(result).toBe(0);
-    });
-    it("should return NaN when an invalid number string is passed", () => {
-        const result = (0, index_1.queryParamToNumber)("not a number");
-        expect(result).toBe(NaN);
-    });
-});

package/utils/buildArray.test.js

@@ -1,10 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const buildArray_1 = require("./buildArray");
-test("buildArray", () => {
-    expect((0, buildArray_1.buildArray)()).toStrictEqual([]);
-    expect((0, buildArray_1.buildArray)().add("uxf")).toStrictEqual(["uxf"]);
-    expect((0, buildArray_1.buildArray)().add("ux").add("fans")).toStrictEqual(["ux", "fans"]);
-    expect((0, buildArray_1.buildArray)().add("ux").when(true, "fans")).toStrictEqual(["ux", "fans"]);
-    expect((0, buildArray_1.buildArray)().add("ux").when(false, "fans")).toStrictEqual(["ux"]);
-});

package/utils/camelCaseToDash.test.js

@@ -1,8 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const camelCaseToDash_1 = require("./camelCaseToDash");
-test("camelCaseToDash", () => {
-    expect((0, camelCaseToDash_1.camelCaseToDash)("someName")).toBe("some-name");
-    expect((0, camelCaseToDash_1.camelCaseToDash)("camelCaseString")).toBe("camel-case-string");
-    expect((0, camelCaseToDash_1.camelCaseToDash)("seo")).toBe("seo");
-});

package/utils/composeRefs.d.ts

@@ -1,5 +0,0 @@
-import { Ref, RefCallback } from "react";
-/**
- * @deprecated Use import from @uxf/core-react instead.
- */
-export declare function composeRefs<T>(...refs: (Ref<T> | undefined)[]): RefCallback<T>;

package/utils/composeRefs.js

@@ -1,18 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.composeRefs = composeRefs;
-/**
- * @deprecated Use import from @uxf/core-react instead.
- */
-function composeRefs(...refs) {
-    return (value) => refs.forEach((ref) => {
-        if (!ref) {
-            return;
-        }
-        if (typeof ref === "function") {
-            ref(value);
-            return;
-        }
-        ref.current = value;
-    });
-}

package/utils/isServer.test.js

@@ -1,12 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const isBrowser_1 = require("./isBrowser");
-const isServer_1 = require("./isServer");
-test("isServer", () => {
-    if (isBrowser_1.isBrowser) {
-        expect(isServer_1.isServer).toBeFalsy();
-    }
-    else {
-        expect(isServer_1.isServer).toBeTruthy();
-    }
-});