chore: run prettier

Author: wmertens

apps/website/src/routes/docs/headless/(components)/combobox/examples.tsx

@@ -42,7 +42,7 @@ const objectExample: Array<Trainer> = [
   { testValue: 'joe', testLabel: 'Joe', disabled: false },
   { testValue: 'randy', testLabel: 'Randy', disabled: false },
   { testValue: 'david', testLabel: 'David', disabled: true },
-  { testValue: 'joseph', testLabel: 'Joseph', disabled: false }
+  { testValue: 'joseph', testLabel: 'Joseph', disabled: false },
 ];
 
 export const HeroExample = component$(() => {
@@ -123,7 +123,7 @@ export const StringCombobox = component$(() => {
     'Cherry',
     'Coconut',
     'Cranberry',
-    'Cucumber'
+    'Cucumber',
   ];
 
   const fruitsSig = useSignal(fruits);

packages/kit-headless/src/components/combobox/combobox-input.tsx

@@ -6,15 +6,15 @@ import {
   useVisibleTask$,
   type QwikIntrinsicElements,
   useTask$,
-  useSignal
+  useSignal,
 } from '@builder.io/qwik';
 import { KeyCode } from '../../utils';
 import ComboboxContextId from './combobox-context-id';
 import {
   isOptionDisabled,
   getOptionLabel,
   getNextEnabledOptionIndex,
-  getPrevEnabledOptionIndex
+  getPrevEnabledOptionIndex,
 } from './utils';
 
 const preventedKeys = [KeyCode.Home, KeyCode.End, KeyCode.PageDown, KeyCode.ArrowUp];
@@ -32,14 +32,14 @@ export const ComboboxInput = component$(({ ...props }: ComboboxInputProps) => {
   const onKeydownBehavior$ = $((e: QwikKeyboardEvent) => {
     const highlightedOptionLabel = getOptionLabel(
       context.optionsSig.value[context.highlightedIndexSig.value]?.option,
-      context.optionLabelKey
+      context.optionLabelKey,
     );
 
     if (e.key === 'ArrowDown') {
       if (context.isListboxOpenSig.value) {
         const nextEnabledOptionIndex = getNextEnabledOptionIndex(
           context.highlightedIndexSig.value,
-          context
+          context,
         );
 
         context.highlightedIndexSig.value = nextEnabledOptionIndex;
@@ -55,7 +55,7 @@ export const ComboboxInput = component$(({ ...props }: ComboboxInputProps) => {
     if (e.key === 'ArrowUp') {
       const prevEnabledOptionIndex = getPrevEnabledOptionIndex(
         context.highlightedIndexSig.value,
-        context
+        context,
       );
       context.highlightedIndexSig.value = prevEnabledOptionIndex;
     }
@@ -79,7 +79,7 @@ export const ComboboxInput = component$(({ ...props }: ComboboxInputProps) => {
     if (e.key === 'End') {
       const lastEnabledOptionIndex = getPrevEnabledOptionIndex(
         context.optionsSig.value.length,
-        context
+        context,
       );
       context.highlightedIndexSig.value = lastEnabledOptionIndex;
     }

packages/kit-headless/src/components/combobox/combobox-label.tsx

@@ -2,7 +2,7 @@ import {
   Slot,
   component$,
   useContext,
-  type QwikIntrinsicElements
+  type QwikIntrinsicElements,
 } from '@builder.io/qwik';
 import ComboboxContextId from './combobox-context-id';
 

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

@@ -32,7 +32,7 @@ export const ComboboxOption = component$(
     const isHighlightedSig = useComputed$(
       () =>
         !(isOptionDisabledSig as Signal<boolean>).value &&
-        context.highlightedIndexSig.value === index
+        context.highlightedIndexSig.value === index,
     );
 
     const optionRef = useSignal<HTMLLIElement>();
@@ -80,7 +80,7 @@ export const ComboboxOption = component$(
 
           context.inputRef.value.value = getOptionLabel(
             context.optionsSig.value[context.highlightedIndexSig.value]?.option,
-            context.optionLabelKey
+            context.optionLabelKey,
           );
 
           context.isListboxOpenSig.value = false;

packages/kit-headless/src/components/combobox/combobox.spec.tsx

@@ -7,7 +7,7 @@ import {
   ComboboxControl,
   ComboboxListbox,
   ComboboxOption,
-  ComboboxPortal
+  ComboboxPortal,
 } from './index';
 
 import TestData from './test-data';
@@ -162,7 +162,7 @@ describe('Critical Functionality', () => {
       <>
         <StringCombobox />
         <button>Random Element</button>
-      </>
+      </>,
     );
 
     cy.get('button').first().focus().click();
@@ -234,7 +234,7 @@ describe('Default Label', () => {
     cy.findByRole('option', { name: 'Jabuticaba' }).should(
       'have.attr',
       'aria-selected',
-      'true'
+      'true',
     );
   });
 });
@@ -385,7 +385,7 @@ const DisabledCombobox = component$(() => {
     { testValue: 'david', testLabel: 'David', disabled: true },
     { testValue: 'joseph', testLabel: 'Joseph', disabled: true },
     { testValue: 'mark', testLabel: 'Mark', disabled: false },
-    { testValue: 'sidney', testLabel: 'Sidney', disabled: true }
+    { testValue: 'sidney', testLabel: 'Sidney', disabled: true },
   ];
 
   const objectExampleSig = useSignal(objectExample);
@@ -489,7 +489,7 @@ describe('Disabled & Object Combobox', () => {
     cy.findByRole('option', { name: `Malcolm` }).should(
       'have.attr',
       'aria-selected',
-      'true'
+      'true',
     );
   });
 
@@ -503,7 +503,7 @@ describe('Disabled & Object Combobox', () => {
     cy.findByRole('option', { name: `Mark` }).should(
       'have.attr',
       'aria-selected',
-      'true'
+      'true',
     );
   });
 
@@ -519,7 +519,7 @@ describe('Disabled & Object Combobox', () => {
     cy.findByRole('option', { name: `Malcolm` }).should(
       'have.attr',
       'aria-selected',
-      'true'
+      'true',
     );
   });
 
@@ -535,7 +535,7 @@ describe('Disabled & Object Combobox', () => {
     cy.findByRole('option', { name: `Mark` }).should(
       'have.attr',
       'aria-selected',
-      'true'
+      'true',
     );
   });
 
@@ -552,7 +552,7 @@ describe('Disabled & Object Combobox', () => {
     cy.findByRole('option', { name: `Brian` }).should(
       'have.attr',
       'aria-selected',
-      'true'
+      'true',
     );
   });
 
@@ -571,7 +571,7 @@ describe('Disabled & Object Combobox', () => {
     cy.findByRole('option', { name: `Malcolm` }).should(
       'have.attr',
       'aria-selected',
-      'true'
+      'true',
     );
   });
 
@@ -586,15 +586,15 @@ describe('Disabled & Object Combobox', () => {
     cy.findByRole('option', { name: `Randy` }).should(
       'have.attr',
       'aria-selected',
-      'true'
+      'true',
     );
 
     cy.get('input').type(`{downarrow}`);
 
     cy.findByRole('option', { name: `Mark` }).should(
       'have.attr',
       'aria-selected',
-      'true'
+      'true',
     );
   });
 
@@ -609,23 +609,23 @@ describe('Disabled & Object Combobox', () => {
     cy.findByRole('option', { name: `Randy` }).should(
       'have.attr',
       'aria-selected',
-      'true'
+      'true',
     );
 
     cy.get('input').type(`{downarrow}`);
 
     cy.findByRole('option', { name: `Mark` }).should(
       'have.attr',
       'aria-selected',
-      'true'
+      'true',
     );
 
     cy.get('input').type(`{uparrow}`);
 
     cy.findByRole('option', { name: `Randy` }).should(
       'have.attr',
       'aria-selected',
-      'true'
+      'true',
     );
   });
 });

packages/kit-headless/src/components/combobox/utils.ts

@@ -12,7 +12,7 @@ export function getOptionLabel(option: undefined | Option, labelKey: string): st
   const label = option[labelKey] as unknown;
   if (typeof label !== 'string') {
     throw new Error(
-      'Qwik UI: Combobox optionLabelKey was not provided, and the option was not a string. Please provide a value for optionLabelKey, use the property name "label", or ensure that the option is a string.'
+      'Qwik UI: Combobox optionLabelKey was not provided, and the option was not a string. Please provide a value for optionLabelKey, use the property name "label", or ensure that the option is a string.',
     );
   }
   return label;
@@ -53,7 +53,7 @@ export const getPrevEnabledOptionIndex = (index: number, context: ComboboxContex
     isOptionDisabled(
       (currentIndex - offset + context.optionsSig.value.length) %
         context.optionsSig.value.length,
-      context
+      context,
     )
   ) {
     offset++;