@uxf/core-react 11.51.0 → 11.52.0

package/hooks/use-body-scroll-lock.d.ts

@@ -1,6 +1,6 @@
-import { BodyScrollOptions } from "@uxf/core/utils/bodyScrollLock";
+import { BodyScrollOptions } from "@uxf/core/utils/body-scroll-lock";
 import { RefObject } from "react";
 export interface UseBodyScrollLockOptions extends BodyScrollOptions {
     clearAllOnClose?: boolean;
 }
-export declare function useBodyScrollLock<T extends HTMLElement | null>(containerRef: RefObject<T>, isOpen: boolean, { allowTouchMove, clearAllOnClose, reserveScrollBarGap }?: Partial<UseBodyScrollLockOptions>): void;
+export declare function useBodyScrollLock<T extends HTMLElement>(containerRef: RefObject<T | null>, isOpen: boolean, { allowTouchMove, clearAllOnClose, reserveScrollBarGap }?: Partial<UseBodyScrollLockOptions>): void;

package/hooks/use-body-scroll-lock.js

@@ -1,13 +1,13 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useBodyScrollLock = useBodyScrollLock;
-const bodyScrollLock_1 = require("@uxf/core/utils/bodyScrollLock");
+const body_scroll_lock_1 = require("@uxf/core/utils/body-scroll-lock");
 const react_1 = require("react");
 function useBodyScrollLock(containerRef, isOpen, { allowTouchMove, clearAllOnClose, reserveScrollBarGap } = {}) {
     (0, react_1.useEffect)(() => {
         const node = containerRef.current;
         if (isOpen && node) {
-            (0, bodyScrollLock_1.disableBodyScroll)(node, {
+            (0, body_scroll_lock_1.disableBodyScroll)(node, {
                 allowTouchMove: allowTouchMove ||
                     ((element) => {
                         var _a;
@@ -24,10 +24,10 @@ function useBodyScrollLock(containerRef, isOpen, { allowTouchMove, clearAllOnClo
         }
         return () => {
             if (node) {
-                (0, bodyScrollLock_1.enableBodyScroll)(node);
+                (0, body_scroll_lock_1.enableBodyScroll)(node);
             }
             if (clearAllOnClose) {
-                (0, bodyScrollLock_1.clearAllBodyScrollLocks)();
+                (0, body_scroll_lock_1.clearAllBodyScrollLocks)();
             }
         };
     }, [allowTouchMove, clearAllOnClose, containerRef, isOpen, reserveScrollBarGap]);

package/hooks/use-input-focus.d.ts

@@ -1,5 +1,5 @@
 import { FocusEventHandler, MouseEventHandler, RefObject } from "react";
-export declare function useInputFocus<T extends HTMLInputElement | HTMLTextAreaElement | HTMLElement | null>(focusRef: RefObject<T>, onBlur?: FocusEventHandler<T>, onFocus?: FocusEventHandler<T>): {
+export declare function useInputFocus<T extends HTMLInputElement | HTMLTextAreaElement | HTMLElement>(focusRef: RefObject<T | null>, onBlur?: FocusEventHandler<T>, onFocus?: FocusEventHandler<T>): {
     focused: boolean;
     focus: MouseEventHandler<HTMLElement>;
     onBlur: FocusEventHandler<T>;

package/hooks/use-isomorphic-layout-effect.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useIsomorphicLayoutEffect = void 0;
-const isBrowser_1 = require("@uxf/core/utils/isBrowser");
+const is_browser_1 = require("@uxf/core/utils/is-browser");
 const react_1 = require("react");
-exports.useIsomorphicLayoutEffect = isBrowser_1.isBrowser ? react_1.useLayoutEffect : react_1.useEffect;
+exports.useIsomorphicLayoutEffect = is_browser_1.isBrowser ? react_1.useLayoutEffect : react_1.useEffect;

package/hooks/use-key.d.ts

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

package/hooks/use-mouse-drag-to-scroll.d.ts

@@ -1,2 +1,2 @@
 import { CSSProperties, RefObject } from "react";
-export declare function useMouseDragToScroll<T extends HTMLElement | null>(containerRef: RefObject<T>): CSSProperties | undefined;
+export declare function useMouseDragToScroll<T extends HTMLElement>(containerRef: RefObject<T | null>): CSSProperties | undefined;

package/package.json

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