fix: Linting issues

Who-is-PS · Who-is-PS · commit 6ac0c6393c4e · 2025-12-11T17:50:16.000+01:00
diff --git a/src/app-layout/visual-refresh-toolbar/toolbar/trigger-button/index.tsx b/src/app-layout/visual-refresh-toolbar/toolbar/trigger-button/index.tsx
@@ -241,9 +241,10 @@ function TriggerButton(
       {badge && <div className={styles.dot} />}
       {tooltipVisible && (
         <Tooltip
-          anchorRef={containerRef}
+          getTrack={() => containerRef.current}
+          className={testutilStyles['trigger-tooltip']}
           content={tooltipValue}
-          onClose={() => {
+          onEscape={() => {
             setShowTooltip(false);
             setSupressTooltip(false);
           }}
diff --git a/src/area-chart/chart-container.tsx b/src/area-chart/chart-container.tsx
@@ -27,21 +27,20 @@ const BLOCK_END_LABELS_OFFSET = 12;
 
 type TickFormatter = undefined | ((value: AreaChartProps.DataTypes) => string);
 
-interface ChartContainerProps<T extends AreaChartProps.DataTypes>
-  extends Pick<
-    AreaChartProps<T>,
-    | 'xTitle'
-    | 'yTitle'
-    | 'xTickFormatter'
-    | 'yTickFormatter'
-    | 'detailTotalFormatter'
-    | 'detailPopoverSize'
-    | 'detailPopoverFooter'
-    | 'ariaLabel'
-    | 'ariaLabelledby'
-    | 'ariaDescription'
-    | 'i18nStrings'
-  > {
+interface ChartContainerProps<T extends AreaChartProps.DataTypes> extends Pick<
+  AreaChartProps<T>,
+  | 'xTitle'
+  | 'yTitle'
+  | 'xTickFormatter'
+  | 'yTickFormatter'
+  | 'detailTotalFormatter'
+  | 'detailPopoverSize'
+  | 'detailPopoverFooter'
+  | 'ariaLabel'
+  | 'ariaLabelledby'
+  | 'ariaDescription'
+  | 'i18nStrings'
+> {
   model: ChartModel<T>;
   autoWidth: (value: number) => void;
   fitHeight?: boolean;
diff --git a/src/area-chart/interfaces.ts b/src/area-chart/interfaces.ts
@@ -2,8 +2,10 @@
 // SPDX-License-Identifier: Apache-2.0
 import { CartesianChartProps, ChartDataTypes } from '../internal/components/cartesian-chart/interfaces';
 
-export interface AreaChartProps<T extends AreaChartProps.DataTypes>
-  extends CartesianChartProps<T, AreaChartProps.Series<T>> {
+export interface AreaChartProps<T extends AreaChartProps.DataTypes> extends CartesianChartProps<
+  T,
+  AreaChartProps.Series<T>
+> {
   /**
    * Array that represents the source of data for the displayed chart.
    * Each element can represent an area series, or a threshold, and can have the following properties:
diff --git a/src/autosuggest/interfaces.ts b/src/autosuggest/interfaces.ts
@@ -15,7 +15,8 @@ import { FormFieldValidationControlProps } from '../internal/context/form-field-
 import { NonCancelableEventHandler } from '../internal/events';
 
 export interface AutosuggestProps
-  extends BaseComponentProps,
+  extends
+    BaseComponentProps,
     BaseInputProps,
     InputAutoCorrect,
     BaseDropdownHostProps,
diff --git a/src/autosuggest/options-list.tsx b/src/autosuggest/options-list.tsx
@@ -8,8 +8,10 @@ import { AutosuggestItemsHandlers, AutosuggestItemsState } from './options-contr
 import PlainList from './plain-list';
 import VirtualList from './virtual-list';
 
-interface AutosuggestOptionsListProps
-  extends Pick<AutosuggestProps, 'virtualScroll' | 'selectedAriaLabel' | 'renderHighlightedAriaLive'> {
+interface AutosuggestOptionsListProps extends Pick<
+  AutosuggestProps,
+  'virtualScroll' | 'selectedAriaLabel' | 'renderHighlightedAriaLive'
+> {
   statusType: AutosuggestProps.StatusType;
   autosuggestItemsState: AutosuggestItemsState;
   autosuggestItemsHandlers: AutosuggestItemsHandlers;
diff --git a/src/breadcrumb-group/interfaces.ts b/src/breadcrumb-group/interfaces.ts
@@ -5,8 +5,9 @@ import { BaseComponentProps } from '../internal/base-component';
 import { BaseNavigationDetail, CancelableEventHandler } from '../internal/events';
 import { InternalBaseComponentProps } from '../internal/hooks/use-base-component';
 
-export interface BreadcrumbGroupProps<T extends BreadcrumbGroupProps.Item = BreadcrumbGroupProps.Item>
-  extends BaseComponentProps {
+export interface BreadcrumbGroupProps<
+  T extends BreadcrumbGroupProps.Item = BreadcrumbGroupProps.Item,
+> extends BaseComponentProps {
   /**
    * An array of breadcrumb items that describes the link hierarchy for this navigation.
    * Each option has the following properties:
@@ -47,8 +48,9 @@ export namespace BreadcrumbGroupProps {
     href: string;
   }
 
-  export interface ClickDetail<T extends BreadcrumbGroupProps.Item = BreadcrumbGroupProps.Item>
-    extends BaseNavigationDetail {
+  export interface ClickDetail<
+    T extends BreadcrumbGroupProps.Item = BreadcrumbGroupProps.Item,
+  > extends BaseNavigationDetail {
     item: T;
     text: string;
     href: string;
diff --git a/src/button-dropdown/interfaces.ts b/src/button-dropdown/interfaces.ts
@@ -209,8 +209,10 @@ export namespace ButtonDropdownProps {
     labelTag?: string;
   }
 
-  export interface CheckboxItem
-    extends Omit<ButtonDropdownProps.Item, 'href' | 'download' | 'external' | 'externalIconAriaLabel' | 'itemType'> {
+  export interface CheckboxItem extends Omit<
+    ButtonDropdownProps.Item,
+    'href' | 'download' | 'external' | 'externalIconAriaLabel' | 'itemType'
+  > {
     itemType: 'checkbox';
     checked: boolean;
   }
@@ -331,8 +333,7 @@ type InternalItems = ReadonlyArray<InternalItemOrGroup>;
 export type InternalItemOrGroup = InternalItem | InternalCheckboxItem | InternalItemGroup;
 
 export interface InternalButtonDropdownProps
-  extends Omit<ButtonDropdownProps, 'variant' | 'items'>,
-    InternalBaseComponentProps {
+  extends Omit<ButtonDropdownProps, 'variant' | 'items'>, InternalBaseComponentProps {
   customTriggerBuilder?: (props: CustomTriggerProps) => React.ReactNode;
   variant?: ButtonDropdownProps['variant'] | 'navigation';
   items: ReadonlyArray<InternalItemOrGroup>;
diff --git a/src/button-group/file-input-item.tsx b/src/button-group/file-input-item.tsx
@@ -47,6 +47,7 @@ const FileInputItem = forwardRef(
         />
         {canShowTooltip && (
           <Tooltip
+            className={clsx(testUtilStyles.tooltip, testUtilStyles['button-group-tooltip'])}
             getTrack={() => containerRef.current}
             trackKey={item.id}
             content={item.text}
diff --git a/src/button-group/icon-button-item.tsx b/src/button-group/icon-button-item.tsx
@@ -61,6 +61,7 @@ const IconButtonItem = forwardRef(
         </InternalButton>
         {(canShowTooltip || canShowFeedback) && (
           <Tooltip
+            className={clsx(testUtilStyles.tooltip, testUtilStyles['button-group-tooltip'])}
             getTrack={() => containerRef.current}
             trackKey={item.id}
             content={
diff --git a/src/button-group/icon-toggle-button-item.tsx b/src/button-group/icon-toggle-button-item.tsx
@@ -69,6 +69,7 @@ const IconToggleButtonItem = forwardRef(
         </InternalToggleButton>
         {(canShowTooltip || canShowFeedback) && (
           <Tooltip
+            className={clsx(testUtilStyles.tooltip, testUtilStyles['button-group-tooltip'])}
             getTrack={() => containerRef.current}
             trackKey={item.id}
             content={
diff --git a/src/button-group/interfaces.ts b/src/button-group/interfaces.ts
@@ -120,8 +120,7 @@ export type InternalItem =
   | ButtonGroupProps.MenuDropdown;
 
 export interface InternalButtonGroupProps
-  extends SomeRequired<ButtonGroupProps, 'dropdownExpandToViewport'>,
-    InternalBaseComponentProps {
+  extends SomeRequired<ButtonGroupProps, 'dropdownExpandToViewport'>, InternalBaseComponentProps {
   style?: ButtonGroupProps.Style;
   items: ReadonlyArray<InternalItemOrGroup>;
 }
diff --git a/src/button-group/menu-dropdown-item.tsx b/src/button-group/menu-dropdown-item.tsx
@@ -49,6 +49,7 @@ const MenuDropdownItem = React.forwardRef(
           <div ref={containerRef} {...(item.disabled ? {} : getAnalyticsMetadataAttribute({ detail: { position } }))}>
             {!isOpen && showTooltip && !item.disabled && !item.loading && (
               <Tooltip
+                className={clsx(testUtilStyles.tooltip, testUtilStyles['button-group-tooltip'])}
                 getTrack={() => containerRef.current}
                 trackKey={item.id}
                 content={item.text}
diff --git a/src/button/internal.tsx b/src/button/internal.tsx
@@ -282,6 +282,7 @@ export const InternalButton = React.forwardRef(
         {descriptionEl}
         {showTooltip && (
           <Tooltip
+            className={testUtilStyles['disabled-reason-tooltip']}
             getTrack={() => buttonRef.current}
             content={disabledReason!}
             onEscape={() => setShowTooltip(false)}
diff --git a/src/calendar/grid/index.tsx b/src/calendar/grid/index.tsx
@@ -75,7 +75,12 @@ const GridCell = forwardRef((props: GridCellProps, focusedDateRef: React.Ref<HTM
         <>
           {descriptionEl}
           {showTooltip && (
-            <Tooltip getTrack={() => ref.current} content={disabledReason!} onEscape={() => setShowTooltip(false)} />
+            <Tooltip
+              className={styles['disabled-reason-tooltip']}
+              getTrack={() => ref.current}
+              content={disabledReason!}
+              onEscape={() => setShowTooltip(false)}
+            />
           )}
         </>
       )}
diff --git a/src/column-layout/flexible-column-layout/index.tsx b/src/column-layout/flexible-column-layout/index.tsx
@@ -31,11 +31,10 @@ export function calculcateCssColumnCount(
   );
 }
 
-interface FlexibleColumnLayoutProps
-  extends Pick<
-    InternalColumnLayoutProps,
-    'minColumnWidth' | 'columns' | 'variant' | 'borders' | 'disableGutters' | '__tagOverride'
-  > {
+interface FlexibleColumnLayoutProps extends Pick<
+  InternalColumnLayoutProps,
+  'minColumnWidth' | 'columns' | 'variant' | 'borders' | 'disableGutters' | '__tagOverride'
+> {
   children: React.ReactNode;
 }
 
diff --git a/src/column-layout/grid-column-layout.tsx b/src/column-layout/grid-column-layout.tsx
@@ -21,7 +21,8 @@ const COLUMN_DEFS: Record<number, GridProps.ElementDefinition | undefined> = {
 };
 
 interface GridColumnLayoutProps
-  extends Required<Pick<InternalColumnLayoutProps, 'columns' | 'variant' | 'borders' | 'disableGutters'>>,
+  extends
+    Required<Pick<InternalColumnLayoutProps, 'columns' | 'variant' | 'borders' | 'disableGutters'>>,
     Pick<InternalColumnLayoutProps, '__tagOverride'> {
   children: React.ReactNode;
   __breakpoint?: ColumnLayoutBreakpoint;
diff --git a/src/date-picker/interfaces.ts b/src/date-picker/interfaces.ts
@@ -9,10 +9,7 @@ import { NonCancelableEventHandler } from '../internal/events';
 import { DateFormat, DateGranularity, EditableDateFormat } from '../internal/utils/date-time/interfaces';
 
 export interface DatePickerProps
-  extends BaseComponentProps,
-    FormFieldValidationControlProps,
-    ExpandToViewport,
-    CalendarProps {
+  extends BaseComponentProps, FormFieldValidationControlProps, ExpandToViewport, CalendarProps {
   /**
    * Specifies the placeholder text rendered when the value is an empty string.
    */
diff --git a/src/date-range-picker/calendar/grids/grid-cell.tsx b/src/date-range-picker/calendar/grids/grid-cell.tsx
@@ -8,6 +8,8 @@ import useHiddenDescription from '../../../internal/hooks/use-hidden-description
 import { applyDisplayName } from '../../../internal/utils/apply-display-name';
 import Tooltip from '../../../tooltip/internal.js';
 
+import testutilStyles from '../../test-classes/styles.css.js';
+
 interface GridCellProps extends TdHTMLAttributes<HTMLTableCellElement> {
   disabledReason?: string;
 }
@@ -66,7 +68,12 @@ export const GridCell = forwardRef((props: GridCellProps, focusedDateRef: React.
         <>
           {descriptionEl}
           {showTooltip && (
-            <Tooltip getTrack={() => ref.current} content={disabledReason!} onEscape={() => setShowTooltip(false)} />
+            <Tooltip
+              className={testutilStyles['disabled-reason-tooltip']}
+              getTrack={() => ref.current}
+              content={disabledReason!}
+              onEscape={() => setShowTooltip(false)}
+            />
           )}
         </>
       )}
diff --git a/src/date-range-picker/calendar/interfaces.ts b/src/date-range-picker/calendar/interfaces.ts
@@ -31,7 +31,8 @@ export type RangeCalendarI18nStrings = Pick<
 >;
 
 export interface DateRangePickerCalendarProps
-  extends BaseComponentProps,
+  extends
+    BaseComponentProps,
     SomeRequired<
       Pick<
         DateRangePickerProps,
@@ -55,7 +56,8 @@ export interface DateRangePickerCalendarProps
 }
 
 export interface RangeInputsProps
-  extends BaseComponentProps,
+  extends
+    BaseComponentProps,
     SomeRequired<
       Pick<DateRangePickerProps, 'granularity' | 'dateOnly' | 'timeInputFormat' | 'dateInputFormat'>,
       'dateOnly' | 'timeInputFormat' | 'granularity'
diff --git a/src/date-range-picker/dropdown.tsx b/src/date-range-picker/dropdown.tsx
@@ -27,7 +27,8 @@ import testutilStyles from './test-classes/styles.css.js';
 const VALID_RANGE: DateRangePickerProps.ValidRangeResult = { valid: true };
 
 interface DateRangePickerDropdownProps
-  extends Pick<
+  extends
+    Pick<
       Required<DateRangePickerProps>,
       | 'locale'
       | 'isDateEnabled'
diff --git a/src/date-range-picker/interfaces.ts b/src/date-range-picker/interfaces.ts
@@ -132,7 +132,8 @@ export interface DateRangePickerBaseProps {
   getTimeOffset?: DateRangePickerProps.GetTimeOffsetFunction;
 }
 export interface DateRangePickerProps
-  extends BaseComponentProps,
+  extends
+    BaseComponentProps,
     FormFieldValidationControlProps,
     ExpandToViewport,
     DateRangePickerBaseProps,
diff --git a/src/input/interfaces.ts b/src/input/interfaces.ts
@@ -153,7 +153,8 @@ export interface InputClearLabel {
 }
 
 export interface InputProps
-  extends BaseComponentProps,
+  extends
+    BaseComponentProps,
     BaseInputProps,
     InputKeyEvents,
     InputAutoCorrect,
diff --git a/src/input/internal.tsx b/src/input/internal.tsx
@@ -30,7 +30,8 @@ import { convertAutoComplete, useSearchProps } from './utils';
 import styles from './styles.css.js';
 
 export interface InternalInputProps
-  extends BaseComponentProps,
+  extends
+    BaseComponentProps,
     BaseInputProps,
     Omit<InputProps, 'type'>,
     InputAutoCorrect,
diff --git a/src/internal/components/autosuggest-input/index.tsx b/src/internal/components/autosuggest-input/index.tsx
@@ -27,7 +27,8 @@ import { ExpandToViewport } from '../dropdown/interfaces';
 import styles from './styles.css.js';
 
 interface AutosuggestInputProps
-  extends BaseComponentProps,
+  extends
+    BaseComponentProps,
     BaseInputProps,
     InputAutoCorrect,
     InputKeyEvents,
diff --git a/src/mixed-line-bar-chart/interfaces.ts b/src/mixed-line-bar-chart/interfaces.ts
@@ -15,8 +15,10 @@ export interface InternalChartSeries<T> {
 }
 
 // Properties that are shared as is (including API doc comments) by mixed, line and bar charts.
-export interface CommonMixedChartProps<T extends ChartDataTypes>
-  extends CartesianChartProps<T, MixedLineBarChartProps.ChartSeries<T>> {
+export interface CommonMixedChartProps<T extends ChartDataTypes> extends CartesianChartProps<
+  T,
+  MixedLineBarChartProps.ChartSeries<T>
+> {
   /**
    * When set to `true`, adds a visual emphasis on the zero baseline axis.
    * See the usage guidelines for more details.
diff --git a/src/pie-chart/pie-chart.tsx b/src/pie-chart/pie-chart.tsx
@@ -32,11 +32,10 @@ export interface InternalChartDatum<T> {
   datum: Readonly<T>;
 }
 
-interface InternalPieChartProps<T extends PieChartProps.Datum>
-  extends SomeRequired<
-    Omit<PieChartProps<T>, 'onHighlightChange' | 'statusType'>,
-    'variant' | 'size' | 'i18nStrings' | 'hideTitles' | 'hideDescriptions'
-  > {
+interface InternalPieChartProps<T extends PieChartProps.Datum> extends SomeRequired<
+  Omit<PieChartProps<T>, 'onHighlightChange' | 'statusType'>,
+  'variant' | 'size' | 'i18nStrings' | 'hideTitles' | 'hideDescriptions'
+> {
   width: number;
   height: number;
 
diff --git a/src/prompt-input/interfaces.ts b/src/prompt-input/interfaces.ts
@@ -18,7 +18,8 @@ import { BaseKeyDetail, NonCancelableEventHandler } from '../internal/events';
 import { NativeAttributes } from '../internal/utils/with-native-attributes';
 
 export interface PromptInputProps
-  extends Omit<BaseInputProps, 'nativeInputAttributes'>,
+  extends
+    Omit<BaseInputProps, 'nativeInputAttributes'>,
     InputKeyEvents,
     InputAutoCorrect,
     InputAutoComplete,
diff --git a/src/prompt-input/internal.tsx b/src/prompt-input/internal.tsx
@@ -22,8 +22,7 @@ import styles from './styles.css.js';
 import testutilStyles from './test-classes/styles.css.js';
 
 interface InternalPromptInputProps
-  extends SomeRequired<PromptInputProps, 'maxRows' | 'minRows'>,
-    InternalBaseComponentProps {}
+  extends SomeRequired<PromptInputProps, 'maxRows' | 'minRows'>, InternalBaseComponentProps {}
 
 const InternalPromptInput = React.forwardRef(
   (
diff --git a/src/property-filter/property-filter-autosuggest.tsx b/src/property-filter/property-filter-autosuggest.tsx
@@ -34,8 +34,7 @@ const DROPDOWN_WIDTH_OPTIONS_LIST = 300;
 const DROPDOWN_WIDTH_CUSTOM_FORM = 200;
 
 export interface PropertyFilterAutosuggestProps
-  extends Omit<AutosuggestProps, 'filteringResultsText'>,
-    InternalBaseComponentProps {
+  extends Omit<AutosuggestProps, 'filteringResultsText'>, InternalBaseComponentProps {
   customForm?: {
     content: React.ReactNode;
     footer: React.ReactNode;
diff --git a/src/segmented-control/segment.tsx b/src/segmented-control/segment.tsx
@@ -90,6 +90,7 @@ export const Segment = React.forwardRef(
             {descriptionEl}
             {showTooltip && (
               <Tooltip
+                className={styles['disabled-reason-tooltip']}
                 getTrack={() => buttonRef.current}
                 content={disabledReason!}
                 onEscape={() => setShowTooltip(false)}
diff --git a/src/select/interfaces.ts b/src/select/interfaces.ts
diff --git a/src/select/parts/item.tsx b/src/select/parts/item.tsx
diff --git a/src/select/parts/multiselect-item.tsx b/src/select/parts/multiselect-item.tsx
diff --git a/src/status-indicator/internal.tsx b/src/status-indicator/internal.tsx
diff --git a/src/table/progressive-loading/loader-cell.tsx b/src/table/progressive-loading/loader-cell.tsx
diff --git a/src/table/selection/selection-cell.tsx b/src/table/selection/selection-cell.tsx
diff --git a/src/tabs/tab-header-bar.tsx b/src/tabs/tab-header-bar.tsx
diff --git a/src/textarea/interfaces.ts b/src/textarea/interfaces.ts
diff --git a/src/time-input/interfaces.ts b/src/time-input/interfaces.ts
diff --git a/src/tooltip/index.tsx b/src/tooltip/index.tsx
diff --git a/src/tooltip/interfaces.ts b/src/tooltip/interfaces.ts
diff --git a/src/tree-view/tree-item/index.tsx b/src/tree-view/tree-item/index.tsx
