fix(pickers): run lint

Author: joselrio

core/src/components/picker-column-option/test/a11y/picker-column-option.e2e.ts

@@ -12,8 +12,8 @@ configs({ directions: ['ltr'] }).forEach(({ config, title }) => {
 
       const results = await new AxeBuilder({ page }).analyze();
 
-      const hasKnownViolations = results.violations.filter(violation =>  violation.id === 'color-contrast');
-      const violations = results.violations.filter(violation => !hasKnownViolations.includes(violation));
+      const hasKnownViolations = results.violations.filter((violation) => violation.id === 'color-contrast');
+      const violations = results.violations.filter((violation) => !hasKnownViolations.includes(violation));
 
       if (hasKnownViolations.length > 0) {
         console.warn('Known color contrast violations:', hasKnownViolations);

core/src/components/picker/picker.tsx

@@ -410,7 +410,7 @@ export class Picker implements ComponentInterface {
     colEl: HTMLIonPickerColumnElement,
     value: string,
     zeroBehavior: 'start' | 'end' = 'start'
-  ): boolean => {    
+  ): boolean => {
     if (!value) {
       return false;
     }
@@ -535,10 +535,7 @@ export class Picker implements ComponentInterface {
 
   render() {
     return (
-      <Host
-        onPointerDown={(ev: PointerEvent) => this.onPointerDown(ev)}
-        onClick={() => this.onClick()}
-      >
+      <Host onPointerDown={(ev: PointerEvent) => this.onPointerDown(ev)} onClick={() => this.onClick()}>
         <input
           aria-hidden="true"
           tabindex={-1}

core/src/components/picker/test/a11y/picker.e2e.ts

@@ -9,8 +9,8 @@ configs().forEach(({ title, config }) => {
 
       const results = await new AxeBuilder({ page }).analyze();
 
-      const hasKnownViolations = results.violations.filter(violation =>  violation.id === 'color-contrast');
-      const violations = results.violations.filter(violation => !hasKnownViolations.includes(violation));
+      const hasKnownViolations = results.violations.filter((violation) => violation.id === 'color-contrast');
+      const violations = results.violations.filter((violation) => !hasKnownViolations.includes(violation));
 
       if (hasKnownViolations.length > 0) {
         console.warn('A11Y: Known violation - contrast color.', hasKnownViolations);

core/src/components/picker/test/basic/index.html

@@ -70,7 +70,7 @@ <h2>One Numeric Input</h2>
             <h2>Two Numeric Input</h2>
             <ion-picker>
               <ion-picker-column numeric-input="true" id="dual-numeric-first"></ion-picker-column>
-              <ion-picker-column numeric-input="true" id="dual-numeric-second" ></ion-picker-column>
+              <ion-picker-column numeric-input="true" id="dual-numeric-second"></ion-picker-column>
             </ion-picker>
           </div>
           <div class="grid-item">

core/src/components/picker/test/basic/picker.e2e.ts

@@ -109,10 +109,9 @@ configs({ modes: ['ios'], directions: ['ltr'] }).forEach(({ title, config }) =>
       const firstColumn = await page.evaluate(() => document.querySelector('ion-picker-column#first'));
       const secondColumn = await page.evaluate(() => document.querySelector('ion-picker-column#second'));
 
-
       // Focus first column
       await page.keyboard.press('Tab');
-    
+
       let activeElement = await page.evaluate(() => document.activeElement);
       expect(activeElement).toEqual(firstColumn);
 

core/src/components/picker/test/keyboard-entry/picker.e2e.ts

@@ -35,21 +35,20 @@ configs({ modes: ['ios'], directions: ['ltr'] }).forEach(({ title, config }) =>
         </script>
       `,
         config
-      );      
-      
+      );
+
       const column = page.locator('ion-picker-column');
-  
+
       const colShadowRoot = await column.evaluateHandle((el) => el.shadowRoot);
       const columnPickerOpts = await colShadowRoot.evaluateHandle((root) => root?.querySelector('.picker-opts'));
-      
+
       const ionChange = await page.spyOnEvent('ionChange');
       await columnPickerOpts.evaluate((el) => el && (el as HTMLElement).focus());
-      
+
       await page.keyboard.press('Digit2');
-  
+
       await expect(ionChange).toHaveReceivedEventDetail({ value: 2 });
       await expect(column).toHaveJSProperty('value', 2);
-      
     });
 
     test('should scroll to and update the value prop for multiple columns', async ({ page }) => {
@@ -109,15 +108,15 @@ configs({ modes: ['ios'], directions: ['ltr'] }).forEach(({ title, config }) =>
 
       const firstColShadowRoot = await firstColumn.evaluateHandle((el) => el.shadowRoot);
       const columnPickerOpts = await firstColShadowRoot.evaluateHandle((root) => root?.querySelector('.picker-opts'));
-      
+
       // Focus first column
       await columnPickerOpts.evaluate((el) => el && (el as HTMLElement).focus());
 
       await page.keyboard.press('Digit2');
 
       await expect(firstIonChange).toHaveReceivedEventDetail({ value: 2 });
       await expect(firstColumn).toHaveJSProperty('value', 2);
-      
+
       // Focus second column
       await page.keyboard.press('Tab');
 
@@ -165,7 +164,7 @@ configs({ modes: ['ios'], directions: ['ltr'] }).forEach(({ title, config }) =>
 
       const colShadowRoot = await column.evaluateHandle((el) => el.shadowRoot);
       const columnPickerOpts = await colShadowRoot.evaluateHandle((root) => root?.querySelector('.picker-opts'));
-      
+
       const ionChange = await page.spyOnEvent('ionChange');
       await columnPickerOpts.evaluate((el) => el && (el as HTMLElement).focus());