@neovici/cosmoz-dropdown 6.0.0 → 6.2.0

package/dist/use-floating.d.ts

@@ -7,9 +7,9 @@ export declare const defaultMiddleware: {
 }[];
 export interface UseFloating extends Pick<ComputePositionConfig, 'placement' | 'strategy' | 'middleware'> {
 }
-export declare const useFloating: ({ placement, strategy, middleware, }: UseFloating) => {
-    setReference: (el?: Element) => void;
-    setFloating: (el?: Element) => void;
+export declare const useFloating: ({ placement, strategy, middleware, }?: UseFloating | undefined) => {
+    setReference: import("@pionjs/pion").StateUpdater<Element | undefined>;
+    setFloating: import("@pionjs/pion").StateUpdater<Element | undefined>;
     styles: {
         left: string;
         top: string;

package/dist/use-floating.js

@@ -1,4 +1,4 @@
-import { useCallback, useEffect, useMemo, useState } from '@pionjs/pion';
+import { useEffect, useMemo, useState } from '@pionjs/pion';
 import { autoUpdate, computePosition, flip, shift, } from '@floating-ui/dom';
 export { flip, shift, size } from '@floating-ui/dom';
 export const defaultMiddleware = [
@@ -8,8 +8,9 @@ export const defaultMiddleware = [
     }),
     shift(),
 ];
-export const useFloating = ({ placement = 'bottom-start', strategy, middleware = defaultMiddleware, }) => {
-    const [[reference, floating], setRefs] = useState([]);
+export const useFloating = ({ placement = 'bottom-start', strategy, middleware = defaultMiddleware, } = {}) => {
+    const [reference, setReference] = useState();
+    const [floating, setFloating] = useState();
     const [position, setPosition] = useState();
     useEffect(() => {
         if (!reference || !(floating instanceof HTMLElement)) {
@@ -23,8 +24,8 @@ export const useFloating = ({ placement = 'bottom-start', strategy, middleware =
         }).then(setPosition));
     }, [reference, floating, placement, strategy, middleware]);
     return {
-        setReference: useCallback((el) => setRefs(([, _]) => [el, _]), []),
-        setFloating: useCallback((el) => setRefs(([_]) => [_, el]), []),
+        setReference,
+        setFloating,
         styles: useMemo(() => position ? { left: `${position.x}px`, top: `${position.y}px` } : {}, [position?.x, position?.y]),
     };
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@neovici/cosmoz-dropdown",
-  "version": "6.0.0",
+  "version": "6.2.0",
   "description": "A simple dropdown web component",
   "keywords": [
     "lit-html",
@@ -59,7 +59,7 @@
       "body-max-line-length": [
         1,
         "always",
-        100
+        600
       ]
     }
   },