svelte-ag 1.2.2 → 1.2.3

package/dist/components/search/combinations/searchPopover.comp.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=searchPopover.comp.test.d.ts.map

package/dist/components/search/combinations/searchPopover.comp.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"searchPopover.comp.test.d.ts","sourceRoot":"","sources":["../../../../src/lib/components/search/combinations/searchPopover.comp.test.ts"],"names":[],"mappings":""}

package/dist/components/search/combinations/searchPopover.comp.test.js

@@ -0,0 +1,25 @@
+import { render, screen } from '@testing-library/svelte';
+import { createRawSnippet } from 'svelte';
+import { describe, expect, it } from 'vitest';
+import SearchPopover from './searchPopover.svelte';
+const selectedItem = {
+    label: 'Alpha',
+    value: 'alpha'
+};
+const itemSnippet = createRawSnippet((getItem) => ({
+    render: () => `<span>${getItem().label}</span>`
+}));
+describe('SearchPopover', () => {
+    it('applies the consumer class to the real popover trigger button', () => {
+        render(SearchPopover, {
+            props: {
+                class: 'consumer-class',
+                item: itemSnippet,
+                items: [selectedItem],
+                value: selectedItem
+            }
+        });
+        const trigger = screen.getByRole('combobox');
+        expect(trigger.className).toContain('consumer-class');
+    });
+});

package/dist/components/search/combinations/searchPopover.svelte

@@ -47,10 +47,10 @@
   <Popover.Trigger {...restProps}>
     {#snippet child({ props })}
       <Button
+        {...props}
         bind:ref={trigger}
         variant="outline"
-        class={cn('focus-ring h-fit w-full justify-between overflow-hidden', className)}
-        {...props}
+        class={cn(props.class as string, 'focus-ring h-fit w-full justify-between overflow-hidden', className)}
         role="combobox"
       >
         {#if value}

package/dist/vite/vite-plugin-component-source-collector.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"vite-plugin-component-source-collector.d.ts","sourceRoot":"","sources":["../../src/lib/vite/vite-plugin-component-source-collector.ts"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,MAAM,EAAkB,MAAM,MAAM,CAAC;AAWnD,UAAU,OAAO;IACf;;;;;;OAMG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB;;OAEG;IACH,YAAY,EAAE,MAAM,EAAE,CAAC;CACxB;AAkID,wBAA8B,wBAAwB,CAAC,IAAI,GAAE,OAA8B,GAAG,OAAO,CAAC,MAAM,CAAC,CAsY5G"}
+{"version":3,"file":"vite-plugin-component-source-collector.d.ts","sourceRoot":"","sources":["../../src/lib/vite/vite-plugin-component-source-collector.ts"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,MAAM,EAAkB,MAAM,MAAM,CAAC;AAWnD,UAAU,OAAO;IACf;;;;;;OAMG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB;;OAEG;IACH,YAAY,EAAE,MAAM,EAAE,CAAC;CACxB;AAkID,wBAA8B,wBAAwB,CAAC,IAAI,GAAE,OAA8B,GAAG,OAAO,CAAC,MAAM,CAAC,CAyY5G"}

package/dist/vite/vite-plugin-component-source-collector.js

@@ -128,6 +128,8 @@ export default async function componentSourceCollector(opts = { safePackages: []
         // style modules that Tailwind should never parse directly.
         if (id.includes('?svelte&type=style'))
             return false;
+        // TODO what about functions named eg transitionIconClass(t: number)...
+        // they dont get picked up cause no : or = after class
         return classAttributeRegex.test(code);
     }
     async function normalizeCollectedSourceFilePath(file) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "svelte-ag",
-  "version": "1.2.2",
+  "version": "1.2.3",
   "description": "Useful svelte components",
   "bugs": "https://github.com/ageorgeh/svelte-ag/issues",
   "author": "Alexander Hornung",
@@ -82,12 +82,14 @@
     "@sveltejs/vite-plugin-svelte": "^7.1.1",
     "@tailwindcss/typography": "^0.5.19",
     "@tailwindcss/vite": "^4.2.4",
+    "@testing-library/svelte": "^5.3.1",
     "@types/node": "^24.12.2",
     "@typescript/native-preview": "7.0.0-dev.20260506.1",
     "eslint": "^10.3.0",
     "eslint-plugin-better-tailwindcss": "^4.5.0",
     "eslint-plugin-svelte": "^3.17.1",
     "globals": "^17.6.0",
+    "happy-dom": "^20.9.0",
     "husky": "^9.1.7",
     "lint-staged": "^17.0.2",
     "oxfmt": "^0.51.0",

package/src/lib/components/search/combinations/searchPopover.comp.test.ts

@@ -0,0 +1,31 @@
+import { render, screen } from '@testing-library/svelte';
+import { createRawSnippet } from 'svelte';
+import { describe, expect, it } from 'vitest';
+
+import SearchPopover from './searchPopover.svelte';
+
+const selectedItem = {
+  label: 'Alpha',
+  value: 'alpha'
+};
+
+const itemSnippet = createRawSnippet<[typeof selectedItem]>((getItem) => ({
+  render: () => `<span>${getItem().label}</span>`
+}));
+
+describe('SearchPopover', () => {
+  it('applies the consumer class to the real popover trigger button', () => {
+    render(SearchPopover, {
+      props: {
+        class: 'consumer-class',
+        item: itemSnippet,
+        items: [selectedItem],
+        value: selectedItem
+      }
+    });
+
+    const trigger = screen.getByRole('combobox');
+
+    expect(trigger.className).toContain('consumer-class');
+  });
+});

package/src/lib/components/search/combinations/searchPopover.svelte

@@ -47,10 +47,10 @@
   <Popover.Trigger {...restProps}>
     {#snippet child({ props })}
       <Button
+        {...props}
         bind:ref={trigger}
         variant="outline"
-        class={cn('focus-ring h-fit w-full justify-between overflow-hidden', className)}
-        {...props}
+        class={cn(props.class as string, 'focus-ring h-fit w-full justify-between overflow-hidden', className)}
         role="combobox"
       >
         {#if value}

package/src/lib/vite/vite-plugin-component-source-collector.ts

@@ -180,6 +180,9 @@ export default async function componentSourceCollector(opts: Options = { safePac
     // a Tailwind source signal. Including those files can pull in component-local
     // style modules that Tailwind should never parse directly.
     if (id.includes('?svelte&type=style')) return false;
+
+    // TODO what about functions named eg transitionIconClass(t: number)...
+    // they dont get picked up cause no : or = after class
     return classAttributeRegex.test(code);
   }