chore: fix prettier new version issues

Author: gagik

packages/compass-components/src/components/actions/constants.tsx

@@ -5,4 +5,4 @@ export const ItemActionButtonSize = {
 } as const;
 
 export type ItemActionButtonSize =
-  typeof ItemActionButtonSize[keyof typeof ItemActionButtonSize];
+  (typeof ItemActionButtonSize)[keyof typeof ItemActionButtonSize];

packages/compass-components/src/components/drawer/drawer/drawer.types.ts

@@ -15,7 +15,7 @@ export const DisplayMode = {
   Embedded: 'embedded',
   Overlay: 'overlay',
 } as const;
-export type DisplayMode = typeof DisplayMode[keyof typeof DisplayMode];
+export type DisplayMode = (typeof DisplayMode)[keyof typeof DisplayMode];
 
 export interface DrawerProps
   extends Omit<HTMLElementProps<'dialog' | 'div'>, 'title'>,

packages/compass-components/src/components/guide-cue/guide-cue-groups.ts

@@ -7,4 +7,4 @@ export const GROUP_STEPS_MAP = new Map<GroupName, number>(
   GROUPS.map(({ id, steps }) => [id, steps])
 );
 
-export type GroupName = typeof GROUPS[number]['id'];
+export type GroupName = (typeof GROUPS)[number]['id'];

packages/compass-components/src/components/modals/form-modal.tsx

@@ -12,7 +12,7 @@ export const Variant = {
   Danger: ButtonVariant.Danger,
 } as const;
 
-export type Variant = typeof Variant[keyof typeof Variant];
+export type Variant = (typeof Variant)[keyof typeof Variant];
 
 type FormModalProps = React.ComponentProps<typeof Modal> & {
   variant?: Variant;

packages/compass-components/src/components/modals/modal-body.tsx

@@ -9,7 +9,7 @@ export const Variant = {
   Danger: ButtonVariant.Danger,
 } as const;
 
-export type Variant = typeof Variant[keyof typeof Variant];
+export type Variant = (typeof Variant)[keyof typeof Variant];
 
 const contentStyle = css({
   padding: `0 ${spacing[800]}px`,

packages/compass-components/src/components/modals/modal-header.tsx

@@ -12,7 +12,7 @@ export const Variant = {
   Danger: ButtonVariant.Danger,
 } as const;
 
-export type Variant = typeof Variant[keyof typeof Variant];
+export type Variant = (typeof Variant)[keyof typeof Variant];
 
 const headerStyle = css({
   padding: spacing[800],

packages/compass-components/src/components/signals.tsx

@@ -160,6 +160,6 @@ export const PerformanceSignals = new Map(
   })
 ) as {
   get(
-    key: typeof SIGNALS[number]['id']
-  ): Pick<Signal, keyof typeof SIGNALS[number]>;
+    key: (typeof SIGNALS)[number]['id']
+  ): Pick<Signal, keyof (typeof SIGNALS)[number]>;
 };

packages/compass-components/src/utils/merge-props.ts

@@ -3,7 +3,7 @@ import { mergeProps as _mergeProps } from '@react-aria/utils';
 
 export function mergeProps<T extends HTMLElement = HTMLElement>(
   ...props: React.HTMLProps<T>[]
-): typeof props[number] {
+): (typeof props)[number] {
   const propsWithRefs = props.filter((prop) => prop.ref);
   return {
     // This mergeProps method can handle callbacks and class names, but not refs

packages/data-service/test/helpers.ts

@@ -20,7 +20,7 @@ const ALLOWED_COMMANDS = [
 
 export type ClientMockOptions = {
   hosts: [{ host: string; port: number }];
-  commands: Partial<Record<typeof ALLOWED_COMMANDS[number], unknown>>;
+  commands: Partial<Record<(typeof ALLOWED_COMMANDS)[number], unknown>>;
   collections: Record<string, string[] | Error>;
   searchIndexes: Record<string, Record<string, SearchIndex[] | Error>>;
   clientOptions: Record<string, unknown>;
@@ -41,7 +41,7 @@ export function createMongoClientMock({
   const db = {
     command(spec: Document) {
       const cmd = Object.keys(spec).find((key) =>
-        ALLOWED_COMMANDS.includes(key as typeof ALLOWED_COMMANDS[number])
+        ALLOWED_COMMANDS.includes(key as (typeof ALLOWED_COMMANDS)[number])
       );
       if (cmd && commands[cmd]) {
         const command = commands[cmd];