Linting

packages/banner-thermometer/demo/app-root.ts

@@ -258,7 +258,7 @@ export class AppRoot extends LitElement {
     const value = (e.target as HTMLInputElement).value;
     this.thermometer.style.setProperty(
       '--bannerThermometerProgressColor',
-      value
+      value,
     );
   }
 
@@ -267,7 +267,7 @@ export class AppRoot extends LitElement {
     const value = (e.target as HTMLInputElement).value;
     this.thermometer.style.setProperty(
       '--bannerThermometerBackgroundColor',
-      value
+      value,
     );
   }
 
@@ -276,7 +276,7 @@ export class AppRoot extends LitElement {
     const value = (e.target as HTMLInputElement).value;
     this.thermometer.style.setProperty(
       '--bannerThermometerMarkerBorder',
-      value
+      value,
     );
   }
 

packages/banner-thermometer/src/banner-thermometer.ts

@@ -20,7 +20,8 @@ export type CurrentAmountMode = 'on' | 'off';
 @customElement('donation-banner-thermometer')
 export class DonationBannerThermometer
   extends LitElement
-  implements SharedResizeObserverResizeHandlerInterface {
+  implements SharedResizeObserverResizeHandlerInterface
+{
   @property({ type: String }) goalMessageMode: GoalMessageMode = 'amount';
 
   @property({ type: String }) goalNearMessage =
@@ -101,7 +102,7 @@ export class DonationBannerThermometer
   updated(changed: PropertyValues): void {
     if (changed.has('resizeObserver')) {
       const oldObserver = changed.get(
-        'resizeObserver'
+        'resizeObserver',
       ) as SharedResizeObserverInterface;
       this.disconnectResizeObserver(oldObserver);
       this.setupResizeObserver(this.resizeObserver);
@@ -124,7 +125,7 @@ export class DonationBannerThermometer
       case this.shadowRoot?.host:
         this.style.setProperty(
           '--bannerThermometerHeight',
-          entry.contentRect.height + 'px'
+          entry.contentRect.height + 'px',
         );
         break;
       case this.thermometerValue:
@@ -153,7 +154,7 @@ export class DonationBannerThermometer
   }
 
   private disconnectResizeObserver(
-    observer?: SharedResizeObserverInterface
+    observer?: SharedResizeObserverInterface,
   ): void {
     /* istanbul ignore next */
     if (!this.shadowRoot?.host || !observer) return;
@@ -171,7 +172,7 @@ export class DonationBannerThermometer
   }
 
   private observeCurrentAmountResize(
-    observer?: SharedResizeObserverInterface
+    observer?: SharedResizeObserverInterface,
   ): void {
     if (!this.thermometerValue || !observer) return;
     observer?.addObserver({
@@ -181,7 +182,7 @@ export class DonationBannerThermometer
   }
 
   private unobserveCurrentAmountResize(
-    observer?: SharedResizeObserverInterface
+    observer?: SharedResizeObserverInterface,
   ): void {
     if (!this.thermometerValue || !observer) return;
     observer?.removeObserver({

packages/banner-thermometer/test/banner-thermometer.test.ts

@@ -27,10 +27,10 @@ describe('DonationBannerThermometer', () => {
     `);
 
     const goalMessage = el.shadowRoot?.querySelector(
-      '.donate-goal'
+      '.donate-goal',
     ) as HTMLDivElement;
     const currentValue = el.shadowRoot?.querySelector(
-      '.thermometer-value'
+      '.thermometer-value',
     ) as HTMLDivElement;
     expect(goalMessage.innerText).to.equal('$1MM GOAL');
     expect(currentValue.innerText).to.equal('$0.5MM');
@@ -76,7 +76,7 @@ describe('DonationBannerThermometer', () => {
     `);
 
     const goalMessage = el.shadowRoot?.querySelector(
-      '.donate-goal'
+      '.donate-goal',
     ) as HTMLDivElement;
     expect(goalMessage.innerText).to.equal('GOAL MET');
   });
@@ -93,7 +93,7 @@ describe('DonationBannerThermometer', () => {
     `);
 
     const goalMessage = el.shadowRoot?.querySelector(
-      '.donate-goal'
+      '.donate-goal',
     ) as HTMLDivElement;
     expect(goalMessage.innerText).to.equal('GOAL NEAR');
   });
@@ -108,7 +108,7 @@ describe('DonationBannerThermometer', () => {
     `);
 
     const currentAmountMessage = el.shadowRoot?.querySelector(
-      '.thermometer-value'
+      '.thermometer-value',
     ) as HTMLDivElement;
     expect(currentAmountMessage.innerText).to.equal('$35MM');
   });
@@ -122,10 +122,10 @@ describe('DonationBannerThermometer', () => {
     `);
 
     const thermometerValue = el.shadowRoot?.querySelector(
-      '.thermometer-value'
+      '.thermometer-value',
     ) as HTMLDivElement;
     const thermometerFill = el.shadowRoot?.querySelector(
-      '.thermometer-fill'
+      '.thermometer-fill',
     ) as HTMLDivElement;
 
     const sizes = new Map<Element, DOMRectReadOnly>();
@@ -165,7 +165,7 @@ describe('DonationBannerThermometer', () => {
 
     await el.updateComplete;
     const thermometerBackground = el.shadowRoot?.querySelector(
-      '.thermometer-background'
+      '.thermometer-background',
     ) as HTMLDivElement;
     expect(thermometerBackground.classList.contains('value-right')).to.be.true;
   });
@@ -179,10 +179,10 @@ describe('DonationBannerThermometer', () => {
     `);
 
     const thermometerValue = el.shadowRoot?.querySelector(
-      '.thermometer-value'
+      '.thermometer-value',
     ) as HTMLDivElement;
     const thermometerFill = el.shadowRoot?.querySelector(
-      '.thermometer-fill'
+      '.thermometer-fill',
     ) as HTMLDivElement;
 
     const sizes = new Map<Element, DOMRectReadOnly>();
@@ -222,7 +222,7 @@ describe('DonationBannerThermometer', () => {
 
     await el.updateComplete;
     const thermometerBackground = el.shadowRoot?.querySelector(
-      '.thermometer-background'
+      '.thermometer-background',
     ) as HTMLDivElement;
     expect(thermometerBackground.classList.contains('value-left')).to.be.true;
   });
@@ -264,7 +264,7 @@ describe('DonationBannerThermometer', () => {
 
     await el.updateComplete;
     const styleProperty = el.style.getPropertyValue(
-      '--bannerThermometerHeight'
+      '--bannerThermometerHeight',
     );
     expect(styleProperty).to.equal('35px');
   });

packages/donation-form/src/braintree-manager/payment-clients.ts

@@ -131,7 +131,6 @@ export class PaymentClients implements PaymentClientsInterface {
     this.environment = environment;
   }
 
-  // eslint-disable-next-line @typescript-eslint/no-explicit-any
   private async loadBraintreeScript(scriptName: string): Promise<void> {
     const extension = this.environment === HostingEnvironment.Production ? 'min.js' : 'js';
     const scriptWithSuffix = `${scriptName}.${extension}`;

packages/donation-form/src/braintree-manager/payment-providers/apple-pay/apple-pay.ts

@@ -20,7 +20,6 @@ export class ApplePayHandler implements ApplePayHandlerInterface {
     this.applePayClient = options.applePayClient;
     this.applePaySessionManager = options.applePaySessionManager;
 
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any
     this.instance =
       options.instancePromisedSingleton ??
       // eslint-disable-next-line @typescript-eslint/no-explicit-any

packages/donation-form/src/donation-form-controller.ts

@@ -1,4 +1,3 @@
-/* eslint-disable @typescript-eslint/ban-types */
 import { LitElement, html, PropertyValues, TemplateResult } from 'lit';
 import { customElement, property, query } from 'lit/decorators.js';
 

packages/donation-form/src/donation-form.ts

@@ -1,4 +1,3 @@
-/* eslint-disable @typescript-eslint/ban-types */
 import { LitElement, html, css, CSSResult, TemplateResult, PropertyValues } from 'lit';
 import { customElement, property, query } from 'lit/decorators.js';
 

packages/donation-form/src/modals/confirm-donation-modal-content.ts

@@ -1,5 +1,3 @@
-/* eslint-disable @typescript-eslint/no-empty-function */
-/* eslint-disable @typescript-eslint/ban-types */
 import { LitElement, html, TemplateResult, css, CSSResultGroup } from 'lit';
 import { customElement, property } from 'lit/decorators.js';
 import { DonationType } from '@internetarchive/donation-form-data-models';

packages/donation-form/src/payment-flow-handlers/donation-flow-modal-manager.ts

@@ -1,4 +1,3 @@
-/* eslint-disable @typescript-eslint/ban-types */
 import { html } from 'lit';
 import { ModalConfig, ModalManagerInterface } from '@internetarchive/modal-manager';
 import { UpsellModalCTAMode } from '../modals/upsell-modal-content';

packages/donation-form/src/payment-flow-handlers/handlers/paypal-flow-handler.ts

@@ -109,9 +109,8 @@ export class PayPalFlowHandler
   }
 
   async payPalPaymentStarted(
-    // eslint-disable-next-line @typescript-eslint/no-unused-vars
     dataSource: PayPalButtonDataSourceInterface,
-    // eslint-disable-next-line @typescript-eslint/no-unused-vars
+
     options: object,
   ): Promise<void> {
     this.emitter.emit('payPalPaymentStarted', dataSource, options);
@@ -216,9 +215,8 @@ export class PayPalFlowHandler
   }
 
   async payPalPaymentCancelled(
-    // eslint-disable-next-line @typescript-eslint/no-unused-vars
     dataSource: PayPalButtonDataSourceInterface,
-    // eslint-disable-next-line @typescript-eslint/no-unused-vars
+
     data: object,
   ): Promise<void> {
     this.emitter.emit('payPalPaymentCancelled', dataSource, data);

packages/donation-form/src/payment-flow-handlers/payment-flow-handlers.ts

@@ -1,4 +1,3 @@
-/* eslint-disable @typescript-eslint/ban-types */
 import { ModalManagerInterface } from '@internetarchive/modal-manager';
 
 import {

packages/donation-form/test/mocks/flow-handlers/individual-handlers/mock-creditcard-flow-handler.ts

@@ -1,4 +1,3 @@
-/* eslint-disable @typescript-eslint/no-unused-vars */
 import { Emitter, createNanoEvents, Unsubscribe } from 'nanoevents';
 import {
   CreditCardFlowHandlerInterface,

packages/donation-form/test/mocks/mock-braintree-manager.ts

@@ -1,4 +1,3 @@
-/* eslint-disable @typescript-eslint/no-empty-function */
 /* eslint-disable @typescript-eslint/no-unused-vars */
 import {
   BraintreeManagerEvents,

packages/donation-form/test/mocks/mock-lazy-loader.ts

@@ -1,4 +1,3 @@
-/* eslint-disable @typescript-eslint/no-explicit-any */
 /* eslint-disable @typescript-eslint/no-unused-vars */
 import {
   LazyLoaderServiceEvents,

packages/donation-form/test/mocks/mock-modal-manager.ts

@@ -1,4 +1,3 @@
-/* eslint-disable @typescript-eslint/no-unused-vars */
 import { ModalManager, ModalConfig, ModalManagerMode } from '@internetarchive/modal-manager';
 import { TemplateResult } from 'lit';
 import { customElement } from 'lit/decorators.js';

packages/donation-form/test/mocks/mock-payment-clients.ts

@@ -109,7 +109,7 @@ export class MockPaymentClients implements PaymentClientsInterface {
             resolve(mockGooglePayLibrary);
           }),
       });
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+
     this.paypalLibrary =
       generators?.paypalLibrary ??
       new PromisedSingleton<any>({

packages/donation-form/test/mocks/payment-clients/mock-applepay-session.ts

@@ -1,5 +1,3 @@
-/* eslint-disable @typescript-eslint/no-empty-function */
-/* eslint-disable @typescript-eslint/explicit-function-return-type */
 /* eslint-disable @typescript-eslint/no-unused-vars */
 /* eslint-disable @typescript-eslint/no-explicit-any */
 export class MockApplePaySession implements ApplePaySession {

packages/donation-form/test/mocks/payment-clients/mock-grecaptcha.ts

@@ -1,4 +1,3 @@
-/* eslint-disable @typescript-eslint/no-explicit-any */
 /* eslint-disable @typescript-eslint/no-unused-vars */
 
 export enum MockGrecaptchaMode {

packages/donation-form/test/tests/braintree-manager.test.ts

@@ -1,4 +1,3 @@
-/* eslint-disable @typescript-eslint/no-unused-vars */
 import { expect } from '@open-wc/testing';
 
 import { BraintreeManager } from '../../src/braintree-manager/braintree-manager';