@neovici/cosmoz-dropdown 3.2.0 → 3.4.0

package/dist/use-focus.d.ts

@@ -1,14 +1,16 @@
 export interface UseFocusOpts {
     disabled?: boolean;
-    onFocus: (focused: boolean) => void;
+    onFocus?: (focused: boolean) => void;
 }
 export declare const useFocus: ({ disabled, onFocus }: UseFocusOpts) => {
+    focused: boolean | undefined;
     active: boolean | undefined;
     setClosed: (closed: boolean) => void;
     onToggle: (e: Event) => void;
     onFocus: (e: FocusEvent) => void;
 };
 export declare const useHostFocus: (host: HTMLElement & UseFocusOpts) => {
+    focused: boolean | undefined;
     active: boolean | undefined;
     setClosed: (closed: boolean) => void;
     onToggle: (e: Event) => void;

package/dist/use-focus.js

@@ -2,14 +2,14 @@ import { useEffect, useState, useCallback } from 'haunted';
 import { useMeta } from '@neovici/cosmoz-utils/hooks/use-meta';
 const isFocused = (t) => t.matches(':focus-within');
 export const useFocus = ({ disabled, onFocus }) => {
-    const [focusState, setState] = useState(), { focused, closed } = focusState || {}, active = focused && !disabled, meta = useMeta({ closed, onFocus }), setClosed = useCallback((closed) => setState((p) => ({ ...p, closed })), []), onToggle = useCallback((e) => {
+    const [focusState, setState] = useState(), { focused: _focused, closed } = focusState || {}, focused = _focused && !disabled, meta = useMeta({ closed, onFocus }), setClosed = useCallback((closed) => setState((p) => ({ ...p, closed })), []), onToggle = useCallback((e) => {
         const target = e.currentTarget;
         return isFocused(target)
             ? setState((p) => ({ focused: true, closed: !p?.closed }))
             : target.focus();
     }, []);
     useEffect(() => {
-        if (!active) {
+        if (!focused) {
             return;
         }
         const handler = (e) => {
@@ -28,9 +28,10 @@ export const useFocus = ({ disabled, onFocus }) => {
         };
         document.addEventListener('keydown', handler, true);
         return () => document.removeEventListener('keydown', handler, true);
-    }, [active]);
+    }, [focused]);
     return {
-        active: active && !closed,
+        focused,
+        active: focused && !closed,
         setClosed,
         onToggle,
         onFocus: useCallback((e) => {

package/dist/use-position.d.ts

@@ -11,6 +11,6 @@ export interface PositionOpts {
 }
 export declare const position: ({ host, anchor, placement, confinement, limit, }: PositionOpts) => void;
 interface UsePositionOpts extends Omit<PositionOpts, 'anchor'> {
-    anchor?: (() => HTMLElement) | HTMLElement | null;
+    anchor?: (() => HTMLElement | null) | HTMLElement | null;
 }
 export declare const usePosition: ({ anchor: anchorage, host, ...thru }: UsePositionOpts) => void;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@neovici/cosmoz-dropdown",
-	"version": "3.2.0",
+	"version": "3.4.0",
 	"description": "A simple dropdown web component",
 	"keywords": [
 		"lit-html",
@@ -82,7 +82,7 @@
 		"@semantic-release/changelog": "^6.0.0",
 		"@semantic-release/git": "^10.0.0",
 		"@storybook/storybook-deployer": "^2.8.5",
-		"@web/dev-server-storybook": "^0.6.0",
+		"@web/dev-server-storybook": "^0.7.0",
 		"husky": "^8.0.0",
 		"semantic-release": "^21.0.0",
 		"sinon": "^15.0.0",