@uxf/core-react 11.71.0 → 11.74.0

package/hooks/use-toggle.test.js

@@ -1,46 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const react_1 = require("@testing-library/react");
-const use_toggle_1 = require("./use-toggle");
-describe("useToggle Hook", () => {
-    it("should initialize with the default value", () => {
-        const { result } = (0, react_1.renderHook)(() => (0, use_toggle_1.useToggle)(false));
-        const [isOn] = result.current;
-        expect(isOn).toBe(false);
-    });
-    it("should toggle the value when toggleHandler is called", () => {
-        const { result } = (0, react_1.renderHook)(() => (0, use_toggle_1.useToggle)(false));
-        const [isOn, toggleHandler] = result.current;
-        expect(isOn).toBe(false);
-        (0, react_1.act)(() => {
-            toggleHandler();
-        });
-        const [isOnNew] = result.current;
-        expect(isOnNew).toBe(true);
-        (0, react_1.act)(() => {
-            toggleHandler();
-        });
-        const [isOnFinal] = result.current;
-        expect(isOnFinal).toBe(false);
-    });
-    it("should set the value to true when setTrueHandler is called", () => {
-        const { result } = (0, react_1.renderHook)(() => (0, use_toggle_1.useToggle)(false));
-        const [isOn, , setTrueHandler] = result.current;
-        expect(isOn).toBe(false);
-        (0, react_1.act)(() => {
-            setTrueHandler();
-        });
-        const [isOnNew] = result.current;
-        expect(isOnNew).toBe(true);
-    });
-    it("should set the value to false when setFalseHandler is called", () => {
-        const { result } = (0, react_1.renderHook)(() => (0, use_toggle_1.useToggle)(true));
-        const [isOn, , , setFalseHandler] = result.current;
-        expect(isOn).toBe(true);
-        (0, react_1.act)(() => {
-            setFalseHandler();
-        });
-        const [isOnNew] = result.current;
-        expect(isOnNew).toBe(false);
-    });
-});

package/hooks/use-window-scroll.d.ts

@@ -1,4 +0,0 @@
-export declare function useWindowScroll(): {
-    x: number;
-    y: number;
-} | undefined;

package/hooks/use-window-scroll.js

@@ -1,21 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useWindowScroll = useWindowScroll;
-const react_1 = require("react");
-const use_raf_state_1 = require("./use-raf-state");
-function useWindowScroll() {
-    const [state, setState] = (0, use_raf_state_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/use-window-scroll.test.d.ts

@@ -1 +0,0 @@
-export {};

package/hooks/use-window-scroll.test.js

@@ -1,47 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const react_1 = require("@testing-library/react");
-const use_window_scroll_1 = require("./use-window-scroll");
-beforeAll(() => {
-    window.scrollX = 0;
-    window.scrollY = 0;
-    window.addEventListener = jest.fn((event, callback) => {
-        if (event === "scroll") {
-            window.scrollHandler = callback;
-        }
-    });
-    window.removeEventListener = jest.fn();
-});
-jest.mock("./use-raf-state", () => ({
-    useRafState: jest.fn().mockImplementation(() => {
-        const state = { x: window.scrollX, y: window.scrollY };
-        const setState = jest.fn((newState) => {
-            state.x = newState.x;
-            state.y = newState.y;
-        });
-        return [state, setState];
-    }),
-}));
-afterAll(() => {
-    jest.clearAllMocks();
-});
-describe("useWindowScroll", () => {
-    it("should return the initial scroll position", () => {
-        const { result } = (0, react_1.renderHook)(() => (0, use_window_scroll_1.useWindowScroll)());
-        expect(result.current).toEqual({ x: 0, y: 0 });
-    });
-    it("should update scroll position on window scroll", () => {
-        const { result } = (0, react_1.renderHook)(() => (0, use_window_scroll_1.useWindowScroll)());
-        (0, react_1.act)(() => {
-            window.scrollX = 100;
-            window.scrollY = 200;
-            window.scrollHandler();
-        });
-        expect(result.current).toEqual({ x: 100, y: 200 });
-    });
-    it("should clean up the event listener on unmount", () => {
-        const { unmount } = (0, react_1.renderHook)(() => (0, use_window_scroll_1.useWindowScroll)());
-        unmount();
-        expect(window.removeEventListener).toHaveBeenCalledWith("scroll", expect.any(Function));
-    });
-});

package/hooks/use-window-size.d.ts

@@ -1,4 +0,0 @@
-export declare function useWindowSize(): {
-    width: number;
-    height: number;
-} | undefined;

package/hooks/use-window-size.js

@@ -1,18 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useWindowSize = useWindowSize;
-const react_1 = require("react");
-const use_raf_state_1 = require("./use-raf-state");
-function useWindowSize() {
-    const [state, setState] = (0, use_raf_state_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/hooks/use-window-size.test.d.ts

@@ -1 +0,0 @@
-export {};

package/hooks/use-window-size.test.js

@@ -1,36 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const react_1 = require("@testing-library/react");
-const use_window_size_1 = require("./use-window-size");
-beforeAll(() => {
-    window.innerWidth = 1024;
-    window.innerHeight = 768;
-    window.resizeHandler = null;
-    window.addEventListener = jest.fn((event, callback) => {
-        if (event === "resize") {
-            window.resizeHandler = callback;
-        }
-    });
-    window.removeEventListener = jest.fn();
-});
-jest.mock("./use-raf-state", () => ({
-    useRafState: jest.fn().mockImplementation(() => {
-        const state = { width: window.innerWidth, height: window.innerHeight };
-        const setState = jest.fn();
-        return [state, setState];
-    }),
-}));
-afterAll(() => {
-    jest.clearAllMocks();
-});
-describe("useWindowSize", () => {
-    it("should return the initial window size", () => {
-        const { result } = (0, react_1.renderHook)(() => (0, use_window_size_1.useWindowSize)());
-        expect(result.current).toEqual({ width: 1024, height: 768 });
-    });
-    it("should clean up the event listener on unmount", () => {
-        const { unmount } = (0, react_1.renderHook)(() => (0, use_window_size_1.useWindowSize)());
-        unmount();
-        expect(window.removeEventListener).toHaveBeenCalledWith("resize", expect.any(Function));
-    });
-});

package/string/nl2br.d.ts

@@ -1,2 +0,0 @@
-import React from "react";
-export declare function nl2br(str: string): (string | React.JSX.Element)[];

package/string/nl2br.js

@@ -1,37 +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.nl2br = nl2br;
-const react_1 = __importStar(require("react"));
-function nl2br(str) {
-    return str.split("\n").map(function (item, i) {
-        if (i === 0) {
-            return item;
-        }
-        return (react_1.default.createElement(react_1.Fragment, { key: i },
-            react_1.default.createElement("br", null),
-            item));
-    });
-}

package/swipeable/types.d.ts

@@ -1,152 +0,0 @@
-import { MouseEvent as ReactMouseEvent } from "react";
-export declare const LEFT = "Left";
-export declare const RIGHT = "Right";
-export declare const UP = "Up";
-export declare const DOWN = "Down";
-export type HandledEvents = ReactMouseEvent | TouchEvent | MouseEvent;
-export type Vector2 = [number, number];
-export type SwipeDirections = typeof LEFT | typeof RIGHT | typeof UP | typeof DOWN;
-export interface SwipeEventData {
-    /**
-     * Absolute displacement of swipe in x. Math.abs(deltaX);
-     */
-    absX: number;
-    /**
-     * Absolute displacement of swipe in y. Math.abs(deltaY);
-     */
-    absY: number;
-    /**
-     * Displacement of swipe in x. (current.x - initial.x)
-     */
-    deltaX: number;
-    /**
-     * Displacement of swipe in y. (current.y - initial.y)
-     */
-    deltaY: number;
-    /**
-     * Direction of swipe - Left | Right | Up | Down
-     */
-    dir: SwipeDirections;
-    /**
-     * Source event.
-     */
-    event: HandledEvents;
-    /**
-     * True for the first event of a tracked swipe.
-     */
-    first: boolean;
-    /**
-     * Location where swipe started - [x, y].
-     */
-    initial: Vector2;
-    /**
-     * "Absolute velocity" (speed) - √(absX^2 + absY^2) / time
-     */
-    velocity: number;
-    /**
-     * Velocity per axis - [ deltaX/time, deltaY/time ]
-     */
-    vxvy: Vector2;
-}
-export type SwipeCallback = (eventData: SwipeEventData) => void;
-export type TapCallback = ({ event }: {
-    event: HandledEvents;
-}) => void;
-export type SwipeableDirectionCallbacks = {
-    /**
-     * Called after a DOWN swipe
-     */
-    onSwipedDown: SwipeCallback;
-    /**
-     * Called after a LEFT swipe
-     */
-    onSwipedLeft: SwipeCallback;
-    /**
-     * Called after a RIGHT swipe
-     */
-    onSwipedRight: SwipeCallback;
-    /**
-     * Called after a UP swipe
-     */
-    onSwipedUp: SwipeCallback;
-};
-export type SwipeableCallbacks = SwipeableDirectionCallbacks & {
-    /**
-     * Called at start of a tracked swipe.
-     */
-    onSwipeStart: SwipeCallback;
-    /**
-     * Called after any swipe.
-     */
-    onSwiped: SwipeCallback;
-    /**
-     * Called for each move event during a tracked swipe.
-     */
-    onSwiping: SwipeCallback;
-    /**
-     * Called after a tap. A touch under the min distance, `delta`.
-     */
-    onTap: TapCallback;
-    /**
-     * Called for `touchstart` and `mousedown`.
-     */
-    onTouchStartOrOnMouseDown: TapCallback;
-    /**
-     * Called for `touchend` and `mouseup`.
-     */
-    onTouchEndOrOnMouseUp: TapCallback;
-};
-export type ConfigurationOptionDelta = number | {
-    [key in Lowercase<SwipeDirections>]?: number;
-};
-export interface ConfigurationOptions {
-    /**
-     * Min distance(px) before a swipe starts. **Default**: `10`
-     */
-    delta: ConfigurationOptionDelta;
-    /**
-     * Prevents scroll during swipe in most cases. **Default**: `false`
-     */
-    preventScrollOnSwipe: boolean;
-    /**
-     * Set a rotation angle. **Default**: `0`
-     */
-    rotationAngle: number;
-    /**
-     * Track mouse input. **Default**: `false`
-     */
-    trackMouse: boolean;
-    /**
-     * Track touch input. **Default**: `true`
-     */
-    trackTouch: boolean;
-    /**
-     * Allowable duration of a swipe (ms). **Default**: `Infinity`
-     */
-    swipeDuration: number;
-    /**
-     * Options for touch event listeners
-     */
-    touchEventOptions: {
-        passive: boolean;
-    };
-}
-export type SwipeableProps = Partial<SwipeableCallbacks & ConfigurationOptions>;
-export type SwipeablePropsWithDefaultOptions = Partial<SwipeableCallbacks> & ConfigurationOptions;
-export interface SwipeableHandlers {
-    ref(element: HTMLElement | null): void;
-    onMouseDown?(event: React.MouseEvent): void;
-}
-export type SwipeableState = {
-    cleanUpTouch?: () => void;
-    el?: HTMLElement;
-    eventData?: SwipeEventData;
-    first: boolean;
-    initial: Vector2;
-    start: number;
-    swiping: boolean;
-    xy: Vector2;
-};
-export type StateSetter = (state: SwipeableState, props: SwipeablePropsWithDefaultOptions) => SwipeableState;
-export type Setter = (stateSetter: StateSetter) => void;
-export type AttachTouch = (el: HTMLElement, props: SwipeablePropsWithDefaultOptions) => () => void;

package/swipeable/types.js

@@ -1,7 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.DOWN = exports.UP = exports.RIGHT = exports.LEFT = void 0;
-exports.LEFT = "Left";
-exports.RIGHT = "Right";
-exports.UP = "Up";
-exports.DOWN = "Down";

package/swipeable/use-swipeable.d.ts

@@ -1,3 +0,0 @@
-import { DOWN, LEFT, RIGHT, SwipeableDirectionCallbacks, SwipeableHandlers, SwipeableProps, SwipeCallback, SwipeDirections, SwipeEventData, TapCallback, UP, Vector2 } from "./types";
-export { DOWN, LEFT, RIGHT, UP, type SwipeableDirectionCallbacks, type SwipeableHandlers, type SwipeableProps, type SwipeCallback, type SwipeDirections, type SwipeEventData, type TapCallback, type Vector2, };
-export declare function useSwipeable(options: SwipeableProps): SwipeableHandlers;