@neovici/cosmoz-dropdown 3.3.0 → 4.0.0

package/dist/cosmoz-dropdown.js

@@ -1,4 +1,4 @@
-import { component, useCallback } from 'haunted';
+import { component, useCallback } from '@pionjs/pion';
 import { html, nothing } from 'lit-html';
 import { when } from 'lit-html/directives/when.js';
 import { usePosition } from './use-position';

package/dist/use-focus.d.ts

@@ -3,12 +3,14 @@ export interface UseFocusOpts {
     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

@@ -1,15 +1,15 @@
-import { useEffect, useState, useCallback } from 'haunted';
+import { useEffect, useState, useCallback } from '@pionjs/pion';
 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.js

@@ -1,6 +1,6 @@
 // eslint-disable-next-line
 /// <reference path="../types/position.d.ts" />
-import { useEffect } from 'haunted';
+import { useEffect } from '@pionjs/pion';
 import getPosition from 'position.js';
 import { onScrolled } from './on-scrolled';
 export const defaultPlacement = [

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@neovici/cosmoz-dropdown",
-	"version": "3.3.0",
+	"version": "4.0.0",
 	"description": "A simple dropdown web component",
 	"keywords": [
 		"lit-html",
@@ -69,23 +69,23 @@
 		"./src/use-position.js": "./dist/use-position.js"
 	},
 	"dependencies": {
-		"@neovici/cosmoz-utils": "^5.0.0",
-		"haunted": "^5.0.0",
-		"lit-html": "^2.0.0",
+		"@neovici/cosmoz-utils": "^6.0.0",
+		"@pionjs/pion": "^2.0.0",
 		"position.js": "^0.3.0"
 	},
 	"devDependencies": {
-		"@commitlint/cli": "^17.0.0",
-		"@commitlint/config-conventional": "^17.0.0",
+		"@commitlint/cli": "^18.0.0",
+		"@commitlint/config-conventional": "^18.0.0",
 		"@neovici/cfg": "^1.15.2",
-		"@open-wc/testing": "^3.0.0",
+		"@open-wc/testing": "^4.0.0",
 		"@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",
+		"@types/mocha": "^10.0.6",
+		"@web/dev-server-storybook": "^2.0.0",
 		"husky": "^8.0.0",
-		"semantic-release": "^21.0.0",
-		"sinon": "^15.0.0",
+		"semantic-release": "^22.0.0",
+		"sinon": "^17.0.0",
 		"typescript": "^5.0.0"
 	}
 }