@headlessui-float/vue - npm Package Compare versions

Comparing version 0.12.0 to 0.13.0

dist/class-resolvers/index.d.ts

 export * from './tailwindcss';
 export * from './tailwindcss-rtl';
 export * from './type';

dist/class-resolvers/tailwindcss-rtl.d.ts

 import type { ClassResolver } from './type';
 export declare const tailwindcssRtlOriginSafelist: string[];
 export declare const tailwindcssRtlOriginClassResolver: ClassResolver;

dist/class-resolvers/tailwindcss.d.ts

 import type { ClassResolver } from './type';
 export declare const tailwindcssOriginSafelist: string[];
 export declare const tailwindcssOriginClassResolver: ClassResolver;

dist/class-resolvers/type.d.ts

@@ -0,0 +0,0 @@ import type { Placement } from '@floating-ui/dom';

dist/createHighOrderFloatComponent.d.ts

@@ -0,0 +0,0 @@ import { type FloatProps, type FloatSlotProps } from './float';

dist/float.d.ts

@@ -19,6 +19,12 @@ import type { ComputedRef, FunctionalComponent, PropType, Ref, SetupContext, VNode } from 'vue';
     show: Ref<boolean>;
-    x: Readonly<Ref<number | null>>;
-    y: Readonly<Ref<number | null>>;
+    referenceHidden: Ref<boolean | undefined>;
+    escaped: Ref<boolean | undefined>;
     placement: Readonly<Ref<Placement>>;
-    strategy: Readonly<Ref<Strategy>>;
+    floatingStyles: Ref<{
+        position: Strategy;
+        top: string;
+        left: string;
+        transform?: string;
+        willChange?: string;
+    }>;
     referenceElWidth: Ref<number | null>;
@@ -44,3 +50,5 @@ updateFloating: () => void;
     autoPlacement?: boolean | Partial<AutoPlacementOptions & DetectOverflowOptions>;
-    hide?: boolean | Partial<HideOptions & DetectOverflowOptions>;
+    hide?: boolean | Partial<HideOptions & DetectOverflowOptions> | Partial<HideOptions & DetectOverflowOptions>[];
+    referenceHiddenClass?: string;
+    escapedClass?: string;
     autoUpdate?: boolean | Partial<AutoUpdateOptions>;
@@ -179,5 +187,21 @@ zIndex?: number | string;
             boundary?: import("@floating-ui/dom").Boundary | undefined;
-        }>>;
+        }> | Partial<Partial<Partial<{
+            boundary: any;
+            rootBoundary: import("@floating-ui/core").RootBoundary;
+            elementContext: import("@floating-ui/core").ElementContext;
+            altBoundary: boolean;
+            padding: import("@floating-ui/utils").Padding;
+        }> & {
+            strategy: "referenceHidden" | "escaped";
+        }> & {
+            rootBoundary?: import("@floating-ui/core").RootBoundary | undefined;
+            elementContext?: import("@floating-ui/core").ElementContext | undefined;
+            altBoundary?: boolean | undefined;
+            padding?: import("@floating-ui/utils").Padding | undefined;
+            boundary?: import("@floating-ui/dom").Boundary | undefined;
+        }>[]>;
         default: boolean;
     };
+    referenceHiddenClass: StringConstructor;
+    escapedClass: StringConstructor;
     autoUpdate: {
@@ -269,6 +293,3 @@ type: PropType<boolean | Partial<Partial<{
     arrowApi: ArrowState;
-    x: Readonly<Ref<number>>;
-    y: Readonly<Ref<number>>;
     placement: Readonly<Ref<Placement>>;
-    strategy: Readonly<Ref<Strategy>>;
     referenceEl: ComputedRef<T | null>;
@@ -359,3 +380,3 @@ floatingEl: ComputedRef<HTMLElement | null>;
 };
-export interface FloatVirtualProps<FloatingElement = HTMLElement> extends Pick<FloatProps, 'as' | 'show' | 'placement' | 'strategy' | 'offset' | 'shift' | 'flip' | 'arrow' | 'autoPlacement' | 'hide' | 'autoUpdate' | 'zIndex' | 'transitionName' | 'transitionType' | 'enter' | 'enterFrom' | 'enterTo' | 'leave' | 'leaveFrom' | 'leaveTo' | 'originClass' | 'tailwindcssOriginClass' | 'portal' | 'transform' | 'middleware' | 'onShow' | 'onHide' | 'onUpdate'> {
+export interface FloatVirtualProps<FloatingElement = HTMLElement> extends Pick<FloatProps, 'as' | 'show' | 'placement' | 'strategy' | 'offset' | 'shift' | 'flip' | 'arrow' | 'autoPlacement' | 'autoUpdate' | 'zIndex' | 'transitionName' | 'transitionType' | 'enter' | 'enterFrom' | 'enterTo' | 'leave' | 'leaveFrom' | 'leaveTo' | 'originClass' | 'tailwindcssOriginClass' | 'portal' | 'transform' | 'middleware' | 'onShow' | 'onHide' | 'onUpdate'> {
     onInitial?: (props: FloatVirtualInitialProps<FloatingElement>) => any;
@@ -452,20 +473,2 @@ }
     };
-    hide: {
-        type: PropType<boolean | Partial<Partial<Partial<{
-            boundary: any;
-            rootBoundary: import("@floating-ui/core").RootBoundary;
-            elementContext: import("@floating-ui/core").ElementContext;
-            altBoundary: boolean;
-            padding: import("@floating-ui/utils").Padding;
-        }> & {
-            strategy: "referenceHidden" | "escaped";
-        }> & {
-            rootBoundary?: import("@floating-ui/core").RootBoundary | undefined;
-            elementContext?: import("@floating-ui/core").ElementContext | undefined;
-            altBoundary?: boolean | undefined;
-            padding?: import("@floating-ui/utils").Padding | undefined;
-            boundary?: import("@floating-ui/dom").Boundary | undefined;
-        }>>;
-        default: boolean;
-    };
     autoUpdate: {
@@ -631,20 +634,2 @@ type: PropType<boolean | Partial<Partial<{
     };
-    hide: {
-        type: PropType<boolean | Partial<Partial<Partial<{
-            boundary: any;
-            rootBoundary: import("@floating-ui/core").RootBoundary;
-            elementContext: import("@floating-ui/core").ElementContext;
-            altBoundary: boolean;
-            padding: import("@floating-ui/utils").Padding;
-        }> & {
-            strategy: "referenceHidden" | "escaped";
-        }> & {
-            rootBoundary?: import("@floating-ui/core").RootBoundary | undefined;
-            elementContext?: import("@floating-ui/core").ElementContext | undefined;
-            altBoundary?: boolean | undefined;
-            padding?: import("@floating-ui/utils").Padding | undefined;
-            boundary?: import("@floating-ui/dom").Boundary | undefined;
-        }>>;
-        default: boolean;
-    };
     autoUpdate: {
@@ -797,20 +782,2 @@ type: PropType<boolean | Partial<Partial<{
     };
-    hide: {
-        type: PropType<boolean | Partial<Partial<Partial<{
-            boundary: any;
-            rootBoundary: import("@floating-ui/core").RootBoundary;
-            elementContext: import("@floating-ui/core").ElementContext;
-            altBoundary: boolean;
-            padding: import("@floating-ui/utils").Padding;
-        }> & {
-            strategy: "referenceHidden" | "escaped";
-        }> & {
-            rootBoundary?: import("@floating-ui/core").RootBoundary | undefined;
-            elementContext?: import("@floating-ui/core").ElementContext | undefined;
-            altBoundary?: boolean | undefined;
-            padding?: import("@floating-ui/utils").Padding | undefined;
-            boundary?: import("@floating-ui/dom").Boundary | undefined;
-        }>>;
-        default: boolean;
-    };
     autoUpdate: {
@@ -817,0 +784,0 @@ type: PropType<boolean | Partial<Partial<{

dist/hooks/use-document-event.d.ts

 export declare function useDocumentEvent<TType extends keyof DocumentEventMap>(type: TType, listener: (this: Document, ev: DocumentEventMap[TType]) => any, options?: boolean | AddEventListenerOptions): void;

dist/hooks/use-floating-middleware-from-props.d.ts

@@ -14,3 +14,3 @@ import { type ComputedRef, type Ref, type ShallowRef } from 'vue';
     autoPlacement?: boolean | Partial<AutoPlacementOptions & DetectOverflowOptions>;
-    hide?: boolean | Partial<HideOptions & DetectOverflowOptions>;
+    hide?: boolean | Partial<HideOptions & DetectOverflowOptions> | Partial<HideOptions & DetectOverflowOptions>[];
     middleware?: Middleware[] | ((refs: {
@@ -17,0 +17,0 @@ referenceEl: ComputedRef<ReferenceElement | null>;

dist/hooks/use-outside-click.d.ts

@@ -0,0 +0,0 @@ import type { ComputedRef, Ref } from 'vue';

dist/hooks/use-reference-el-resize-observer.d.ts

 import { type ComputedRef, type Ref } from 'vue';
-import { type ReferenceElement } from '@floating-ui/dom';
+import type { ReferenceElement } from '@floating-ui/dom';
 export declare function useReferenceElResizeObserver(enabled: boolean | undefined, referenceEl: ComputedRef<ReferenceElement | null>, referenceElWidth: Ref<number | null>): void;

dist/hooks/use-transition-and-origin-class.d.ts

@@ -0,0 +0,0 @@ import { type Ref } from 'vue';

dist/index.d.ts

@@ -0,0 +0,0 @@ export * from './float';

dist/resolver.d.ts

@@ -0,0 +0,0 @@ /** @ts-ignore */

dist/utils/dom.d.ts

@@ -0,0 +0,0 @@ import type { VirtualElement } from '@floating-ui/core';

dist/utils/dpr.d.ts

@@ -1,1 +0,2 @@
-export declare function roundByDPR(value: number): number;
+export declare function getDPR(element: Element): number;
+export declare function roundByDPR(element: Element, value: number): number;

dist/utils/env.d.ts

@@ -0,0 +0,0 @@ type RenderEnv = 'client' | 'server';

dist/utils/focus-management.d.ts

@@ -0,0 +0,0 @@ export declare enum Focus {

dist/utils/match.d.ts

 export declare function match<TValue extends string | number = string, TReturnValue = unknown>(value: TValue, lookup: Record<TValue, TReturnValue | ((...args: any[]) => TReturnValue)>, ...args: any[]): TReturnValue;

dist/utils/owner.d.ts

 import type { Ref } from 'vue';
 export declare function getOwnerDocument<T extends Element | Ref<Element | null>>(element: T | null | undefined): Document | null;

dist/utils/render.d.ts

@@ -0,0 +0,0 @@ import { type VNode } from 'vue';

package.json

 {
   "name": "@headlessui-float/vue",
   "type": "module",
-  "version": "0.12.0",
+  "version": "0.13.0",
   "description": "Easily use Headless UI for Vue 3 with Floating UI (Popper.js)",
@@ -27,4 +27,4 @@ "license": "MIT",
       "types": "./dist/index.d.ts",
-      "require": "./dist/headlessui-float.cjs",
-      "import": "./dist/headlessui-float.mjs"
+      "import": "./dist/headlessui-float.mjs",
+      "require": "./dist/headlessui-float.cjs"
     }
@@ -50,2 +50,3 @@ },
   "peerDependencies": {
+    "@headlessui/vue": "^1.0.0",
     "vue": "^3.0.0"
@@ -59,13 +60,14 @@ },
   "devDependencies": {
+    "@headlessui/vue": "^1.7.16",
     "@playwright/test": "^1.30.0",
-    "@testing-library/jest-dom": "^5.16.5",
-    "@testing-library/user-event": "^14.4.3",
-    "@testing-library/vue": "^6.6.1",
-    "@types/node": "^17.0.21",
+    "@testing-library/jest-dom": "^6.1.4",
+    "@testing-library/user-event": "^14.5.1",
+    "@testing-library/vue": "^8.0.0",
+    "@types/node": "^20.0.0",
     "@vitejs/plugin-vue": "^4.3.0",
     "jsdom": "^21.1.0",
-    "typescript": "^4.9.0",
+    "typescript": "^5.2.0",
     "unplugin-vue-components": "^0.24.0",
     "vite": "^4.4.0",
-    "vitest": "^0.34.0",
+    "vitest": "^0.34.6",
     "vue": "^3.3.0",
@@ -72,0 +74,0 @@ "vue-tsc": "^1.8.21"

README.md

@@ -53,2 +53,3 @@ <h2 align="center">Headless UI Float Vue</h2>
 ## License
+
 Under the [MIT LICENSE](LICENSE.md)

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Number of lines in readme file

55

increased by1.85%

Worsened metrics

Total package byte prevSize

90438

decreased by-1.3%

Dependency count

5

increased by25%

Dev dependency count

14

increased by7.69%

Lines of code

2049

decreased by-1.01%

No dependency changes