chore: fix lint deprecation lint errors

mainframev · mainframev · commit 2a8ecb307c26 · 2025-03-26T20:26:29.000+01:00
diff --git a/packages/react-components/react-aria/library/src/button/useARIAButtonShorthand.ts b/packages/react-components/react-aria/library/src/button/useARIAButtonShorthand.ts
@@ -16,7 +16,7 @@ import type { ARIAButtonProps, ARIAButtonType } from './types';
  */
 // eslint-disable-next-line @typescript-eslint/no-deprecated, @typescript-eslint/no-explicit-any
 export const useARIAButtonShorthand: ResolveShorthandFunction<any> = ((value, options) => {
-  // eslint-disable-next-line@typescript-eslint/no-deprecated
+  // eslint-disable-next-line @typescript-eslint/no-deprecated
   const shorthand = resolveShorthand(value, options);
   const shorthandARIAButton = useARIAButtonProps<ARIAButtonType, ARIAButtonProps>(
     shorthand?.as ?? 'button',
diff --git a/packages/react-components/react-drawer/library/src/components/DrawerHeaderTitle/useDrawerHeaderTitleStyles.styles.ts b/packages/react-components/react-drawer/library/src/components/DrawerHeaderTitle/useDrawerHeaderTitleStyles.styles.ts
@@ -39,7 +39,7 @@ export const useDrawerHeaderTitleStyles_unstable = (state: DrawerHeaderTitleStat
   // but there's no way to retrieve the element type of a slot from the slot definition
   // right now without using SLOT_ELEMENT_TYPE_SYMBOL
   // TODO: create a method to retrieve the element type of a slot
-  // eslint-disable-next-line deprecation/deprecation
+  // eslint-disable-next-line @typescript-eslint/no-deprecated
   const { heading: root = {}, action, components } = state;
 
   useDialogTitleStyles_unstable({
diff --git a/packages/react-components/react-jsx-runtime/src/interop.test.tsx b/packages/react-components/react-jsx-runtime/src/interop.test.tsx
@@ -171,7 +171,7 @@ describe('resolveShorthand with assertSlots', () => {
       const TestComponent = (props: TestComponentProps) => {
         const higherOrderState = useHigherOrderStateHook(props);
         const state: TestComponentState = {
-          // eslint-disable-next-line deprecation/deprecation
+          // eslint-disable-next-line @typescript-eslint/no-deprecated
           components: { ...higherOrderState.components, slot: 'span' },
           slot: {
             ...higherOrderState.slot,
diff --git a/packages/react-components/react-menu/library/src/components/MenuItemLink/useMenuItemLink.ts b/packages/react-components/react-menu/library/src/components/MenuItemLink/useMenuItemLink.ts
@@ -27,7 +27,7 @@ export const useMenuItemLink_unstable = (
   return {
     ...baseState,
     components: {
-      // eslint-disable-next-line deprecation/deprecation
+      // eslint-disable-next-line @typescript-eslint/no-deprecated
       ...baseState.components,
       root: 'a',
     },
diff --git a/packages/react-components/react-menu/library/src/components/MenuItemSwitch/useMenuItemSwitch.tsx b/packages/react-components/react-menu/library/src/components/MenuItemSwitch/useMenuItemSwitch.tsx
@@ -29,7 +29,7 @@ export const useMenuItemSwitch_unstable = (
       },
     }),
     components: {
-      // eslint-disable-next-line deprecation/deprecation
+      // eslint-disable-next-line @typescript-eslint/no-deprecated
       ...baseState.components,
       switchIndicator: 'span',
     },
diff --git a/packages/react-components/react-menu/library/src/components/MenuItemSwitch/useMenuItemSwitchStyles.styles.ts b/packages/react-components/react-menu/library/src/components/MenuItemSwitch/useMenuItemSwitchStyles.styles.ts
@@ -135,7 +135,7 @@ export const useMenuItemSwitchStyles_unstable = (state: MenuItemSwitchState): Me
   useMenuItemStyles_unstable({
     ...state,
     components: {
-      // eslint-disable-next-line deprecation/deprecation
+      // eslint-disable-next-line @typescript-eslint/no-deprecated
       ...state.components,
       checkmark: 'span',
       submenuIndicator: 'span',
diff --git a/packages/react-components/react-search/library/src/components/SearchBox/useSearchBox.tsx b/packages/react-components/react-search/library/src/components/SearchBox/useSearchBox.tsx
@@ -111,7 +111,7 @@ export const useSearchBox_unstable = (props: SearchBoxProps, ref: React.Ref<HTML
   const state: SearchBoxState = {
     ...inputState,
     components: {
-      // eslint-disable-next-line deprecation/deprecation
+      // eslint-disable-next-line @typescript-eslint/no-deprecated
       ...inputState.components,
       dismiss: 'span',
     },
diff --git a/packages/react-components/react-table/library/src/components/DataGridRow/useDataGridRow.tsx b/packages/react-components/react-table/library/src/components/DataGridRow/useDataGridRow.tsx
@@ -72,7 +72,7 @@ export const useDataGridRow_unstable = (props: DataGridRowProps, ref: React.Ref<
   return {
     ...baseState,
     components: {
-      // eslint-disable-next-line deprecation/deprecation
+      // eslint-disable-next-line @typescript-eslint/no-deprecated
       ...baseState.components,
       selectionCell: DataGridSelectionCell,
     },
diff --git a/packages/react-components/react-table/library/src/components/TableSelectionCell/useTableSelectionCell.tsx b/packages/react-components/react-table/library/src/components/TableSelectionCell/useTableSelectionCell.tsx
@@ -34,7 +34,7 @@ export const useTableSelectionCell_unstable = (
   return {
     ...tableCellState,
     components: {
-      // eslint-disable-next-line deprecation/deprecation
+      // eslint-disable-next-line @typescript-eslint/no-deprecated
       ...tableCellState.components,
       checkboxIndicator: Checkbox,
       radioIndicator: Radio,
diff --git a/packages/react-components/react-tag-picker/library/src/components/TagPickerOption/useTagPickerOption.ts b/packages/react-components/react-tag-picker/library/src/components/TagPickerOption/useTagPickerOption.ts
@@ -19,7 +19,7 @@ export const useTagPickerOption_unstable = (
   const optionState = useOption_unstable(props, ref);
   const state: TagPickerOptionState = {
     components: {
-      // eslint-disable-next-line deprecation/deprecation
+      // eslint-disable-next-line @typescript-eslint/no-deprecated
       ...optionState.components,
       media: 'div',
       secondaryContent: 'span',
diff --git a/packages/react-components/react-utilities/src/compose/assertSlots.ts b/packages/react-components/react-utilities/src/compose/assertSlots.ts
@@ -34,7 +34,7 @@ export function assertSlots<Slots extends SlotPropsRecord>(state: unknown): asse
    */
   if (process.env.NODE_ENV !== 'production') {
     const typedState = state as ComponentState<Slots>;
-    // eslint-disable-next-line deprecation/deprecation
+    // eslint-disable-next-line @typescript-eslint/no-deprecated
     for (const slotName of Object.keys(typedState.components)) {
       const slotElement = typedState[slotName];
       if (slotElement === undefined) {
@@ -45,7 +45,7 @@ export function assertSlots<Slots extends SlotPropsRecord>(state: unknown): asse
       // FIXME: this slot will still fail to support child render function scenario
       if (!isSlot(slotElement)) {
         typedState[slotName as keyof ComponentState<Slots>] = slot.always(slotElement, {
-          // eslint-disable-next-line deprecation/deprecation
+          // eslint-disable-next-line @typescript-eslint/no-deprecated
           elementType: typedState.components[slotName] as React.ComponentType<{}>,
         }) as ComponentState<Slots>[keyof ComponentState<Slots>];
         // eslint-disable-next-line no-console
@@ -58,15 +58,17 @@ export function assertSlots<Slots extends SlotPropsRecord>(state: unknown): asse
         // This means a slot is being declared by using resolveShorthand on the state hook,
         // but the render method is using the new `assertSlots` method. That scenario can be solved by simply updating the slot element with the proper element type
         const { [SLOT_ELEMENT_TYPE_SYMBOL]: elementType } = slotElement;
-        // eslint-disable-next-line deprecation/deprecation
+        // eslint-disable-next-line @typescript-eslint/no-deprecated
         if (elementType !== typedState.components[slotName]) {
-          // eslint-disable-next-line deprecation/deprecation
+          // eslint-disable-next-line @typescript-eslint/no-deprecated
           slotElement[SLOT_ELEMENT_TYPE_SYMBOL] = typedState.components[slotName] as React.ComponentType<{}>;
           // eslint-disable-next-line no-console
           console.warn(/** #__DE-INDENT__ */ `
             @fluentui/react-utilities [${assertSlots.name}]:
             "state.${slotName}" element type differs from "state.components.${slotName}",
-            ${elementType} !== ${typedState.components[slotName] /* eslint-disable-line deprecation/deprecation */}.
+            ${elementType} !== ${
+            typedState.components[slotName] /* eslint-disable-line @typescript-eslint/no-deprecated */
+          }.
             Be sure to create slots properly by using "slot.always" or "slot.optional" with the correct elementType.
           `);
         }
diff --git a/packages/react-components/react-utilities/src/compose/deprecated/getSlots.ts b/packages/react-components/react-utilities/src/compose/deprecated/getSlots.ts
@@ -52,7 +52,7 @@ export function getSlots<R extends SlotPropsRecord>(
   const slots = {} as Slots<R>;
   const slotProps = {} as R;
 
-  // eslint-disable-next-line deprecation/deprecation
+  // eslint-disable-next-line @typescript-eslint/no-deprecated
   const slotNames: (keyof R)[] = Object.keys(typeState.components);
   for (const slotName of slotNames) {
     const [slot, props] = getSlot(typeState, slotName);
@@ -81,12 +81,12 @@ function getSlot<R extends SlotPropsRecord, K extends keyof R>(
   const renderFunction = isSlot(props) ? props[SLOT_RENDER_FUNCTION_SYMBOL] : undefined;
 
   const slot = (
-    state.components?.[slotName] === undefined || // eslint-disable-line deprecation/deprecation
-    // eslint-disable-next-line deprecation/deprecation
+    state.components?.[slotName] === undefined || // eslint-disable-line @typescript-eslint/no-deprecated
+    // eslint-disable-next-line @typescript-eslint/no-deprecated
     typeof state.components[slotName] === 'string'
-      ? // eslint-disable-next-line deprecation/deprecation
+      ? // eslint-disable-next-line @typescript-eslint/no-deprecated
         asProp || state.components?.[slotName] || 'div'
-      : // eslint-disable-next-line deprecation/deprecation
+      : // eslint-disable-next-line @typescript-eslint/no-deprecated
         state.components[slotName]
   ) as React.ElementType<R[K]>;
 
diff --git a/packages/react-components/react-utilities/src/compose/deprecated/getSlotsNext.ts b/packages/react-components/react-utilities/src/compose/deprecated/getSlotsNext.ts
@@ -25,7 +25,7 @@ export function getSlotsNext<R extends SlotPropsRecord>(
   const slots = {} as Slots<R>;
   const slotProps = {} as R;
 
-  // eslint-disable-next-line deprecation/deprecation
+  // eslint-disable-next-line @typescript-eslint/no-deprecated
   const slotNames: (keyof R)[] = Object.keys(typedState.components);
   for (const slotName of slotNames) {
     // eslint-disable-next-line @typescript-eslint/no-deprecated
@@ -56,12 +56,12 @@ function getSlotNext<R extends SlotPropsRecord, K extends keyof R>(
   const { as: asProp, ...propsWithoutAs } = props as NonUndefined<typeof props>;
 
   const slot = (
-    state.components?.[slotName] === undefined || // eslint-disable-line deprecation/deprecation
-    // eslint-disable-next-line deprecation/deprecation
+    state.components?.[slotName] === undefined || // eslint-disable-line @typescript-eslint/no-deprecated
+    // eslint-disable-next-line @typescript-eslint/no-deprecated
     typeof state.components[slotName] === 'string'
-      ? // eslint-disable-next-line deprecation/deprecation
+      ? // eslint-disable-next-line @typescript-eslint/no-deprecated
         asProp || state.components?.[slotName] || 'div'
-      : // eslint-disable-next-line deprecation/deprecation
+      : // eslint-disable-next-line @typescript-eslint/no-deprecated
         state.components[slotName]
   ) as React.ElementType<R[K]>;
 
diff --git a/packages/react-components/react-utilities/src/index.ts b/packages/react-components/react-utilities/src/index.ts
@@ -29,7 +29,7 @@ export type {
   SlotPropsRecord,
   SlotRenderFunction,
   SlotShorthandValue,
-  // eslint-disable-next-line deprecation/deprecation
+  // eslint-disable-next-line @typescript-eslint/no-deprecated
   UnknownSlotProps,
   SlotComponentType,
   SlotOptions,
diff --git a/packages/react-components/react-virtualizer/library/src/components/VirtualizerScrollView/useVirtualizerScrollView.ts b/packages/react-components/react-virtualizer/library/src/components/VirtualizerScrollView/useVirtualizerScrollView.ts
@@ -68,7 +68,7 @@ export function useVirtualizerScrollView_unstable(props: VirtualizerScrollViewPr
   return {
     ...virtualizerState,
     components: {
-      // eslint-disable-next-line deprecation/deprecation
+      // eslint-disable-next-line @typescript-eslint/no-deprecated
       ...virtualizerState.components,
       container: 'div',
     },
diff --git a/packages/react-components/react-virtualizer/library/src/components/VirtualizerScrollViewDynamic/useVirtualizerScrollViewDynamic.tsx b/packages/react-components/react-virtualizer/library/src/components/VirtualizerScrollViewDynamic/useVirtualizerScrollViewDynamic.tsx
@@ -183,7 +183,7 @@ export function useVirtualizerScrollViewDynamic_unstable(
   return {
     ...virtualizerState,
     components: {
-      // eslint-disable-next-line deprecation/deprecation
+      // eslint-disable-next-line @typescript-eslint/no-deprecated
       ...virtualizerState.components,
       container: 'div',
     },
