style(headless): fix linting

Author: shairez

packages/kit-headless/src/components/autocomplete/autocomplete-option.tsx

@@ -1,10 +1,9 @@
 import {
+  $,
   Slot,
-  useSignal,
-  useContext,
   component$,
-  $,
-  useVisibleTask$,
+  useContext,
+  useSignal,
   type QwikIntrinsicElements,
   type QwikKeyboardEvent
 } from '@builder.io/qwik';
@@ -18,7 +17,6 @@ export type OptionProps = {
 export const AutocompleteOption = component$((props: OptionProps) => {
   const ref = useSignal<HTMLElement>();
   const contextService = useContext(AutocompleteContextId);
-  const optionElement = ref.value;
 
   contextService.options = [...contextService.options, ref];
 

packages/kit-headless/src/components/autocomplete/autocomplete.stories.tsx

@@ -1,5 +1,4 @@
 import { Meta, StoryObj } from 'storybook-framework-qwik';
-import { within } from '@storybook/testing-library';
 import './autocompleteTest.css';
 
 /*
@@ -92,13 +91,13 @@ const fruits = [
 ];
 
 import {
-  AutocompleteRoot,
-  AutocompleteLabel,
-  AutocompleteTrigger,
-  AutocompleteInput,
   AutocompleteControl,
+  AutocompleteInput,
+  AutocompleteLabel,
   AutocompleteListbox,
   AutocompleteOption,
+  AutocompleteRoot,
+  AutocompleteTrigger,
   type AutocompleteRootProps
 } from './index';
 
@@ -142,10 +141,10 @@ const RegularAutocomplete = () => (
 );
 
 export const Primary: Story = {
-  render: () => RegularAutocomplete(),
-  play: ({ canvasElement }) => {
-    const canvas = within(canvasElement);
-  }
+  render: () => RegularAutocomplete()
+  // play: ({ canvasElement }) => {
+  //    const canvas = within(canvasElement);
+  // }
 };
 
 export default meta;

packages/kit-headless/src/components/pagination/pagination.stories.tsx

@@ -1,11 +1,11 @@
 import { Meta, StoryObj } from 'storybook-framework-qwik';
 import { Pagination, PaginationProps } from './pagination';
 
-import { userEvent, within } from '@storybook/testing-library';
 import { expect } from '@storybook/jest';
+import { within } from '@storybook/testing-library';
 
 const meta: Meta<PaginationProps> = {
-  component: Pagination,
+  component: Pagination
 };
 
 type Story = StoryObj<PaginationProps>;
@@ -15,7 +15,7 @@ export default meta;
 export const Default: Story = {
   args: {
     pages: 10,
-    page: 5,
+    page: 5
   },
   render: (args) => (
     <>
@@ -34,7 +34,7 @@ export const Default: Story = {
       />
     </>
   ),
-  play: ({ canvasElement, args }) => {
+  play: ({ canvasElement }) => {
     const canvas = within(canvasElement);
     const values = ['1', '4', '5', '6', '10'];
     values.forEach((value) => {
@@ -44,7 +44,7 @@ export const Default: Story = {
     expect(canvas.queryByText('last')).toBeNull();
     expect(canvas.getByText('prev')).toBeVisible();
     expect(canvas.getByText('next')).toBeVisible();
-  },
+  }
 };
 
 export const AllButtons: Story = {
@@ -56,7 +56,7 @@ export const AllButtons: Story = {
     hideNextButton: false,
     hidePrevButton: false,
     siblingCount: 1,
-    boundaryCount: 1,
+    boundaryCount: 1
   },
   render: (args) => (
     <>
@@ -75,7 +75,7 @@ export const AllButtons: Story = {
       />
     </>
   ),
-  play: ({ canvasElement, args }) => {
+  play: ({ canvasElement }) => {
     const canvas = within(canvasElement);
     const values = ['1', '4', '5', '6', '10'];
     values.forEach((value) => {
@@ -85,7 +85,7 @@ export const AllButtons: Story = {
     expect(canvas.getByText('last')).toBeVisible();
     expect(canvas.getByText('prev')).toBeVisible();
     expect(canvas.getByText('next')).toBeVisible();
-  },
+  }
 };
 
 export const HideButtons: Story = {
@@ -97,7 +97,7 @@ export const HideButtons: Story = {
     hideNextButton: true,
     hidePrevButton: true,
     siblingCount: 1,
-    boundaryCount: 1,
+    boundaryCount: 1
   },
   render: (args) => (
     <>
@@ -116,7 +116,7 @@ export const HideButtons: Story = {
       />
     </>
   ),
-  play: ({ canvasElement, args }) => {
+  play: ({ canvasElement }) => {
     const canvas = within(canvasElement);
     const values = ['1', '4', '5', '6', '10'];
     values.forEach((value) => {
@@ -126,5 +126,5 @@ export const HideButtons: Story = {
     expect(canvas.queryByText('last')).toBeNull();
     expect(canvas.queryByText('prev')).toBeNull();
     expect(canvas.queryByText('next')).toBeNull();
-  },
+  }
 };

packages/kit-headless/src/components/popover/popover.stories.tsx

@@ -1,12 +1,12 @@
+import { expect } from '@storybook/jest';
+import { userEvent, within } from '@storybook/testing-library';
 import { Meta, StoryObj } from 'storybook-framework-qwik';
 import { Popover, PopoverProps } from './popover';
-import { PopoverTrigger } from './popover-trigger';
 import { PopoverContent } from './popover-content';
-import { screen, userEvent, within } from '@storybook/testing-library';
-import { expect } from '@storybook/jest';
+import { PopoverTrigger } from './popover-trigger';
 
 const meta: Meta<PopoverProps> = {
-  component: Popover,
+  component: Popover
 };
 
 type Story = StoryObj<PopoverProps>;
@@ -30,5 +30,5 @@ export const Primary: Story = {
     const popover = await canvas.findByRole('dialog');
 
     await expect(popover).toHaveTextContent('Oh hi mark!');
-  },
+  }
 };