@neovici/cosmoz-dropdown 3.1.0 → 3.3.0

package/dist/use-focus.d.ts

@@ -1,6 +1,6 @@
 export interface UseFocusOpts {
     disabled?: boolean;
-    onFocus: (focused: boolean) => void;
+    onFocus?: (focused: boolean) => void;
 }
 export declare const useFocus: ({ disabled, onFocus }: UseFocusOpts) => {
     active: boolean | undefined;

package/dist/use-position.d.ts

@@ -1,3 +1,4 @@
+/// <reference path="../types/position.d.ts" />
 import type { Placement } from 'position.js';
 export declare const defaultPlacement: readonly ["bottom-left", "bottom-right", "bottom", "top-left", "top-right", "top"];
 export { Placement };
@@ -10,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/dist/use-position.js

@@ -1,3 +1,5 @@
+// eslint-disable-next-line
+/// <reference path="../types/position.d.ts" />
 import { useEffect } from 'haunted';
 import getPosition from 'position.js';
 import { onScrolled } from './on-scrolled';

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@neovici/cosmoz-dropdown",
-	"version": "3.1.0",
+	"version": "3.3.0",
 	"description": "A simple dropdown web component",
 	"keywords": [
 		"lit-html",
@@ -46,7 +46,8 @@
 		"access": "public"
 	},
 	"files": [
-		"dist/"
+		"dist/",
+		"types"
 	],
 	"commitlint": {
 		"extends": [

package/types/position.d.ts

@@ -0,0 +1,49 @@
+declare module 'position.js' {
+	export type PlacementDirection =
+		| 'bottom'
+		| 'top'
+		| 'right'
+		| 'left'
+		| 'center'
+		| 'left-center'
+		| 'top-center'
+		| 'bottom-center'
+		| 'bottom-left'
+		| 'bottom-right'
+		| 'bottom'
+		| 'top-left'
+		| 'top-right'
+		| 'top';
+
+	export interface PlacementPrecise {
+		popup: PlacementDirection;
+		anchor: PlacementDirection;
+	}
+
+	export type Placement =
+		| PlacementPrecise
+		| PlacementDirection
+		| readonly PlacementDirection[]
+		| readonly PlacementPrecise[];
+
+	export interface Bounds {
+		top: number;
+		left: number;
+	}
+
+	export default function position(
+		hostBounds: Bounds,
+		anchorBounds: Bounds,
+		placement: Placement,
+		options?: {
+			fixed?: boolean;
+			adjustXY?: 'both';
+			offsetParent?: HTMLElement;
+		}
+	): {
+		popupOffset: {
+			top: number;
+			left: number;
+		};
+	};
+}