@rgossiaux/svelte-headlessui - npm Package Compare versions

Comparing version 1.0.2 to 2.0.0

components/listbox/Listbox.svelte.d.ts

@@ -32,3 +32,3 @@ import { SvelteComponentTyped } from "svelte";
     unregisterOption(id: string): void;
-    select(value: unknown): void;
+    select(newValue: unknown): void;
 };
@@ -52,5 +52,3 @@ export declare function useListboxContext(component: string): Readable<StateDefinition>;
     };
-    events(): {
-        change: CustomEvent<any>;
-    } & {
+    events(): {} & {
         [evt: string]: CustomEvent<any>;
@@ -57,0 +55,0 @@ };

components/switch/Switch.svelte.d.ts

@@ -12,5 +12,3 @@ import { SvelteComponentTyped } from "svelte";
     };
-    events(): {
-        change: CustomEvent<boolean>;
-    } & {
+    events(): {} & {
         [evt: string]: CustomEvent<any>;
@@ -17,0 +15,0 @@ };

components/transitions/TransitionChild.svelte.d.ts

@@ -385,6 +385,6 @@ /// <reference types="svelte2tsx/svelte-jsx" />
     events: {
-        afterEnter: CustomEvent<null>;
-        afterLeave: CustomEvent<null>;
-        beforeEnter: CustomEvent<null>;
-        beforeLeave: CustomEvent<null>;
+        introstart: CustomEvent<null>;
+        introend: CustomEvent<null>;
+        outrostart: CustomEvent<null>;
+        outroend: CustomEvent<null>;
     } & {
@@ -391,0 +391,0 @@ [evt: string]: CustomEvent<any>;

components/transitions/TransitionChildWrapper.svelte.d.ts

@@ -333,6 +333,6 @@ /// <reference types="svelte2tsx/svelte-jsx" />
     events: {
-        afterEnter: CustomEvent<null>;
-        afterLeave: CustomEvent<null>;
-        beforeEnter: CustomEvent<null>;
-        beforeLeave: CustomEvent<null>;
+        introstart: CustomEvent<null>;
+        introend: CustomEvent<null>;
+        outrostart: CustomEvent<null>;
+        outroend: CustomEvent<null>;
     } & {
@@ -339,0 +339,0 @@ [evt: string]: CustomEvent<any>;

components/transitions/TransitionRoot.svelte.d.ts

@@ -343,6 +343,6 @@ /// <reference types="svelte2tsx/svelte-jsx" />
     events: {
-        afterEnter: CustomEvent<null>;
-        afterLeave: CustomEvent<null>;
-        beforeEnter: CustomEvent<null>;
-        beforeLeave: CustomEvent<null>;
+        introstart: CustomEvent<null>;
+        introend: CustomEvent<null>;
+        outrostart: CustomEvent<null>;
+        outroend: CustomEvent<null>;
     } & {
@@ -349,0 +349,0 @@ [evt: string]: CustomEvent<any>;

package.json

@@ -18,5 +18,5 @@ {
   "repository": "github:rgossiaux/svelte-headlessui",
-  "version": "1.0.2",
+  "version": "2.0.0",
   "peerDependencies": {
-    "svelte": "^3.44.0"
+    "svelte": "^3.47.0"
   },
@@ -50,3 +50,3 @@ "devDependencies": {
     "rehype-slug": "^5.0.1",
-    "svelte": "^3.44.0",
+    "svelte": "^3.47.0",
     "svelte-check": "^2.4.1",
@@ -53,0 +53,0 @@ "svelte-inline-compile": "^0.0.1",

test-utils/accessibility-assertions.js

@@ -946,4 +946,4 @@ import { isFocusableElement, FocusableMode } from "../utils/focus-management";
         expect(list).toHaveAttribute("aria-orientation", orientation);
-        let activeTab = tabs.find((tab) => tab.dataset.headlessuiIndex === "" + active);
-        let activePanel = panels.find((panel) => panel.dataset.headlessuiIndex === "" + active);
+        let activeTab = Array.from(list.querySelectorAll('[id^="headlessui-tabs-tab-"]'))[active];
+        let activePanel = panels.find(panel => panel.id === activeTab.getAttribute('aria-controls'));
         for (let tab of tabs) {
@@ -950,0 +950,0 @@ expect(tab).toHaveAttribute("id");

test-utils/TestRenderer.svelte.d.ts

 import { SvelteComponentTyped } from "svelte";
 declare type HandlerType = (event?: CustomEvent) => any;
 interface ComponentProps {
-    onChange?: HandlerType;
     onClose?: HandlerType;
@@ -6,0 +5,0 @@ onFocus?: HandlerType;

utils/focus-management.js

@@ -84,3 +84,10 @@ import { match } from "./match";
     let elements = Array.isArray(container)
-        ? container
+        ? container.slice().sort((a, b) => {
+            let position = a.compareDocumentPosition(b);
+            if (position & Node.DOCUMENT_POSITION_FOLLOWING)
+                return -1;
+            if (position & Node.DOCUMENT_POSITION_PRECEDING)
+                return 1;
+            return 0;
+        })
         : getFocusableElements(container);
@@ -87,0 +94,0 @@ let active = document.activeElement;

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

Worsened metrics

Total package byte prevSize

361720

decreased by-2.91%

Number of package files

173

decreased by-2.26%

Lines of code

5250

decreased by-0.7%

No dependency changes