@uxf/ui 10.0.0-beta.8 → 10.0.0-beta.80

package/tooltip/use-tooltip.d.ts

@@ -1,5 +1,5 @@
-import { MutableRefObject } from "react";
 import { Placement } from "@floating-ui/react";
+import { MutableRefObject } from "react";
 export interface TooltipOptions {
     arrowRef: MutableRefObject<null>;
     offset?: number;
@@ -8,22 +8,34 @@ export interface TooltipOptions {
 }
 export declare function useTooltip(options: TooltipOptions): {
     placement: Placement;
-    strategy: import("@floating-ui/react").Strategy;
-    middlewareData: import("@floating-ui/react").MiddlewareData;
+    strategy: import("@floating-ui/utils").Strategy;
+    middlewareData: import("@floating-ui/core").MiddlewareData;
     x: number;
     y: number;
+    isPositioned: boolean;
     update: () => void;
+    floatingStyles: import("react").CSSProperties;
+    refs: {
+        reference: MutableRefObject<import("@floating-ui/react-dom").ReferenceType | null>;
+        floating: MutableRefObject<HTMLElement | null>;
+        setReference: (node: import("@floating-ui/react-dom").ReferenceType | null) => void;
+        setFloating: (node: HTMLElement | null) => void;
+    } & import("@floating-ui/react").ExtendedRefs<import("@floating-ui/react").ReferenceType>;
+    elements: {
+        reference: import("@floating-ui/react-dom").ReferenceType | null;
+        floating: HTMLElement | null;
+    } & import("@floating-ui/react").ExtendedElements<import("@floating-ui/react").ReferenceType>;
     context: {
         x: number;
         y: number;
-        strategy: import("@floating-ui/react").Strategy;
+        strategy: import("@floating-ui/utils").Strategy;
         placement: Placement;
-        middlewareData: import("@floating-ui/react").MiddlewareData;
-        update: () => void;
+        middlewareData: import("@floating-ui/core").MiddlewareData;
         isPositioned: boolean;
+        update: () => void;
         floatingStyles: import("react").CSSProperties;
         open: boolean;
-        onOpenChange: (open: boolean) => void;
+        onOpenChange: (open: boolean, event?: Event | undefined) => void;
         events: import("@floating-ui/react").FloatingEvents;
         dataRef: MutableRefObject<import("@floating-ui/react").ContextData>;
         nodeId: string | undefined;
@@ -31,10 +43,6 @@ export declare function useTooltip(options: TooltipOptions): {
         refs: import("@floating-ui/react").ExtendedRefs<import("@floating-ui/react").ReferenceType>;
         elements: import("@floating-ui/react").ExtendedElements<import("@floating-ui/react").ReferenceType>;
     };
-    refs: import("@floating-ui/react").ExtendedRefs<import("@floating-ui/react").ReferenceType>;
-    elements: import("@floating-ui/react").ExtendedElements<import("@floating-ui/react").ReferenceType>;
-    isPositioned: boolean;
-    floatingStyles: import("react").CSSProperties;
     getReferenceProps: (userProps?: import("react").HTMLProps<Element> | undefined) => Record<string, unknown>;
     getFloatingProps: (userProps?: import("react").HTMLProps<HTMLElement> | undefined) => Record<string, unknown>;
     getItemProps: (userProps?: import("react").HTMLProps<HTMLElement> | undefined) => Record<string, unknown>;

package/tooltip/use-tooltip.js

@@ -1,32 +1,32 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useTooltip = void 0;
-const react_1 = require("react");
-const react_2 = require("@floating-ui/react");
+const react_1 = require("@floating-ui/react");
+const react_2 = require("react");
 function useTooltip(options) {
     var _a, _b;
-    const [open, setOpen] = (0, react_1.useState)(false);
-    const data = (0, react_2.useFloating)({
+    const [open, setOpen] = (0, react_2.useState)(false);
+    const data = (0, react_1.useFloating)({
         middleware: [
-            (0, react_2.offset)((_a = options.offset) !== null && _a !== void 0 ? _a : 16),
-            (0, react_2.flip)(),
-            (0, react_2.shift)({ padding: (_b = options.shiftPadding) !== null && _b !== void 0 ? _b : 8 }),
-            (0, react_2.arrow)({ element: options.arrowRef }),
+            (0, react_1.offset)((_a = options.offset) !== null && _a !== void 0 ? _a : 16),
+            (0, react_1.flip)(),
+            (0, react_1.shift)({ padding: (_b = options.shiftPadding) !== null && _b !== void 0 ? _b : 8 }),
+            (0, react_1.arrow)({ element: options.arrowRef }),
         ],
         open,
         onOpenChange: setOpen,
         placement: options.placement,
-        whileElementsMounted: (reference, floating, update) => (0, react_2.autoUpdate)(reference, floating, update, {
+        whileElementsMounted: (reference, floating, update) => (0, react_1.autoUpdate)(reference, floating, update, {
             elementResize: typeof ResizeObserver !== "undefined",
         }),
     });
     const context = data.context;
-    const hover = (0, react_2.useHover)(context, { delay: 200, handleClose: (0, react_2.safePolygon)(), move: false });
-    const focus = (0, react_2.useFocus)(context);
-    const role = (0, react_2.useRole)(context, { role: "tooltip" });
-    const dismiss = (0, react_2.useDismiss)(context);
-    const interactions = (0, react_2.useInteractions)([hover, focus, dismiss, role]);
-    return (0, react_1.useMemo)(() => ({
+    const hover = (0, react_1.useHover)(context, { delay: 200, handleClose: (0, react_1.safePolygon)(), move: false });
+    const focus = (0, react_1.useFocus)(context);
+    const role = (0, react_1.useRole)(context, { role: "tooltip" });
+    const dismiss = (0, react_1.useDismiss)(context);
+    const interactions = (0, react_1.useInteractions)([hover, focus, dismiss, role]);
+    return (0, react_2.useMemo)(() => ({
         open,
         setOpen,
         ...interactions,