@uxf/core-react 11.42.0 → 11.46.0

package/hooks/_use-simulated-button.js

@@ -3,6 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports._useSimulatedButton = _useSimulatedButton;
 const react_1 = require("react");
 function _useSimulatedButton({ analyticsCallback, isClickable, isHyperlink, onClick, onKeyDown, onKeyUp, isSubmitType, }) {
+    // eslint-disable-next-line react-hooks/rules-of-hooks
     const _onClick = (0, react_1.useCallback)((e) => {
         var _a;
         if ((isClickable || isHyperlink) && analyticsCallback) {
@@ -23,6 +24,7 @@ function _useSimulatedButton({ analyticsCallback, isClickable, isHyperlink, onCl
             e.preventDefault();
         }
     }, [analyticsCallback, isClickable, isHyperlink, onClick, isSubmitType]);
+    // eslint-disable-next-line react-hooks/rules-of-hooks
     const _onKeyUp = (0, react_1.useCallback)((e) => {
         if (isClickable && (e.key === "Enter" || e.key === " ")) {
             e.target.dispatchEvent(new MouseEvent("click", {
@@ -36,6 +38,7 @@ function _useSimulatedButton({ analyticsCallback, isClickable, isHyperlink, onCl
             }
         }
     }, [isClickable, onKeyUp]);
+    // eslint-disable-next-line react-hooks/rules-of-hooks
     const _onKeyDown = (0, react_1.useCallback)((e) => {
         if (isClickable && e.key === " ") {
             e.preventDefault();

package/hooks/use-pagination.test.d.ts

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

package/hooks/use-pagination.test.js

@@ -0,0 +1,58 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = require("@testing-library/react");
+const use_pagination_1 = require("./use-pagination");
+describe("usePagination Hook", () => {
+    it("should return correct pagination items based on config", () => {
+        const mockConfig = {
+            showFirstButton: true,
+            hidePrevButton: false,
+            boundaryCount: 2,
+            siblingCount: 1,
+            hideNextButton: false,
+            showLastButton: true,
+            page: 11,
+            count: 100,
+        };
+        const { result } = (0, react_1.renderHook)(() => (0, use_pagination_1.usePagination)(mockConfig));
+        const paginationItems = result.current;
+        expect(paginationItems[0]).toBe("first");
+        expect(paginationItems[1]).toBe("previous");
+        expect(paginationItems[2]).toBe(1);
+        expect(paginationItems[3]).toBe(2);
+        expect(paginationItems[4]).toBe("start-ellipsis");
+        expect(paginationItems[5]).toBe(10);
+        expect(paginationItems[6]).toBe(11);
+        expect(paginationItems[7]).toBe(12);
+        expect(paginationItems[8]).toBe("end-ellipsis");
+        expect(paginationItems[9]).toBe(99);
+        expect(paginationItems[10]).toBe(100);
+        expect(paginationItems[11]).toBe("next");
+        expect(paginationItems[12]).toBe("last");
+    });
+    it("should return correct pagination items with hidden 'Previous' and 'Next' buttons", () => {
+        const mockConfigHidePrevNext = {
+            showFirstButton: true,
+            hidePrevButton: true,
+            boundaryCount: 1,
+            siblingCount: 2,
+            hideNextButton: true,
+            showLastButton: true,
+            page: 4,
+            count: 20,
+        };
+        const { result } = (0, react_1.renderHook)(() => (0, use_pagination_1.usePagination)(mockConfigHidePrevNext));
+        const paginationItems = result.current;
+        expect(paginationItems[0]).toBe("first");
+        expect(paginationItems[1]).toBe(1);
+        expect(paginationItems[2]).toBe(2);
+        expect(paginationItems[3]).toBe(3);
+        expect(paginationItems[4]).toBe(4);
+        expect(paginationItems[5]).toBe(5);
+        expect(paginationItems[6]).toBe(6);
+        expect(paginationItems[7]).toBe(7);
+        expect(paginationItems[8]).toBe("end-ellipsis");
+        expect(paginationItems[9]).toBe(20);
+        expect(paginationItems[10]).toBe("last");
+    });
+});

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

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

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

@@ -0,0 +1,47 @@
+"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.test.d.ts

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

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

@@ -0,0 +1,36 @@
+"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/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@uxf/core-react",
-    "version": "11.42.0",
+    "version": "11.46.0",
     "description": "UXF Core",
     "author": "UX Fans s.r.o",
     "license": "MIT",
@@ -12,7 +12,7 @@
         "typecheck": "tsc --noEmit --skipLibCheck"
     },
     "dependencies": {
-        "@uxf/core": "11.42.0"
+        "@uxf/core": "11.46.0"
     },
     "peerDependencies": {
         "react": ">=18.2.0"

package/utils/compose-refs.test.d.ts

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

package/utils/compose-refs.test.js

@@ -0,0 +1,41 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const compose_refs_1 = require("./compose-refs");
+describe("composeRefs", () => {
+    it("should call ref if it is a function", () => {
+        const refCallback = jest.fn();
+        const composedRef = (0, compose_refs_1.composeRefs)(refCallback);
+        composedRef("test-value");
+        expect(refCallback).toHaveBeenCalledWith("test-value");
+    });
+    it("should assign value to a MutableRefObject", () => {
+        const refObject = { current: null };
+        const composedRef = (0, compose_refs_1.composeRefs)(refObject);
+        composedRef("test-value");
+        expect(refObject.current).toBe("test-value");
+    });
+    it("should ignore undefined refs", () => {
+        const composedRef = (0, compose_refs_1.composeRefs)(undefined);
+        expect(() => composedRef("test-value")).not.toThrow();
+    });
+    it("should handle both function and MutableRefObject refs", () => {
+        const refCallback = jest.fn();
+        const refObject = { current: null };
+        const composedRef = (0, compose_refs_1.composeRefs)(refCallback, refObject);
+        composedRef("test-value");
+        expect(refCallback).toHaveBeenCalledWith("test-value");
+        expect(refObject.current).toBe("test-value");
+    });
+    it("should handle multiple refs", () => {
+        const refCallback1 = jest.fn();
+        const refCallback2 = jest.fn();
+        const refObject1 = { current: null };
+        const refObject2 = { current: null };
+        const composedRef = (0, compose_refs_1.composeRefs)(refCallback1, refObject1, refCallback2, refObject2);
+        composedRef("test-value");
+        expect(refCallback1).toHaveBeenCalledWith("test-value");
+        expect(refCallback2).toHaveBeenCalledWith("test-value");
+        expect(refObject1.current).toBe("test-value");
+        expect(refObject2.current).toBe("test-value");
+    });
+});