@mui/internal-code-infra 0.0.4-canary.73 → 0.0.4-canary.75

package/src/eslint/mui/rules/disallow-react-api-in-server-components.test.mjs

@@ -1,305 +0,0 @@
-import eslint from 'eslint';
-import parser from '@typescript-eslint/parser';
-import rule from './disallow-react-api-in-server-components.mjs';
-
-const ruleTester = new eslint.RuleTester({
-  languageOptions: {
-    parser,
-    parserOptions: {
-      ecmaFeatures: { jsx: true },
-    },
-  },
-});
-
-ruleTester.run('disallow-react-api-in-server-components', rule, {
-  valid: [
-    // Files with 'use client' directive are allowed to use React APIs
-    {
-      name: 'React.useState with use client directive',
-      code: `'use client';
-React.useState();`,
-    },
-    {
-      name: 'React.useEffect with use client directive',
-      code: `'use client';
-React.useEffect(() => {});`,
-    },
-    {
-      name: 'React.useContext with use client directive',
-      code: `'use client';
-React.useContext(MyContext);`,
-    },
-    {
-      name: 'React.useRef with use client directive',
-      code: `'use client';
-React.useRef();`,
-    },
-    {
-      name: 'import useState with use client directive',
-      code: `'use client';
-import { useState } from 'react';`,
-    },
-    {
-      name: 'import useContext with use client directive',
-      code: `'use client';
-import { useContext } from 'react';`,
-    },
-    {
-      name: 'import useRef with use client directive',
-      code: `'use client';
-import { useRef } from 'react';`,
-    },
-    {
-      name: 'import useIsoLayoutEffect with use client directive',
-      code: `'use client';
-import { useIsoLayoutEffect } from '@mui/utils';`,
-    },
-    {
-      name: 'useIsoLayoutEffect call with use client directive',
-      code: `'use client';
-useIsoLayoutEffect(() => {});`,
-    },
-    // APIs not in the forbidden list are allowed
-    {
-      name: 'React.memo is allowed',
-      code: `React.memo(() => {});`,
-    },
-    {
-      name: 'React.forwardRef is allowed',
-      code: `React.forwardRef(() => {});`,
-    },
-    {
-      name: 'import useMemo is allowed',
-      code: `import { useMemo } from 'react';`,
-    },
-    {
-      name: 'custom hook is allowed',
-      code: `import { useCustomHook } from './hooks';`,
-    },
-  ],
-  invalid: [
-    // React.* API calls without 'use client' directive
-    {
-      name: 'React.useState without use client directive',
-      code: `React.useState();`,
-      errors: [
-        {
-          message:
-            "Using 'React.useState' is forbidden if the file doesn't have a 'use client' directive.",
-        },
-      ],
-      output: `'use client';
-React.useState();`,
-    },
-    {
-      name: 'React.useEffect without use client directive',
-      code: `React.useEffect(() => {});`,
-      errors: [
-        {
-          message:
-            "Using 'React.useEffect' is forbidden if the file doesn't have a 'use client' directive.",
-        },
-      ],
-      output: `'use client';
-React.useEffect(() => {});`,
-    },
-    {
-      name: 'React.useContext without use client directive',
-      code: `React.useContext(MyContext);`,
-      errors: [
-        {
-          message:
-            "Using 'React.useContext' is forbidden if the file doesn't have a 'use client' directive.",
-        },
-      ],
-      output: `'use client';
-React.useContext(MyContext);`,
-    },
-    {
-      name: 'React.useRef without use client directive',
-      code: `React.useRef();`,
-      errors: [
-        {
-          message:
-            "Using 'React.useRef' is forbidden if the file doesn't have a 'use client' directive.",
-        },
-      ],
-      output: `'use client';
-React.useRef();`,
-    },
-    {
-      name: 'React.useLayoutEffect without use client directive',
-      code: `React.useLayoutEffect(() => {});`,
-      errors: [
-        {
-          message:
-            "Using 'React.useLayoutEffect' is forbidden if the file doesn't have a 'use client' directive.",
-        },
-      ],
-      output: `'use client';
-React.useLayoutEffect(() => {});`,
-    },
-    {
-      name: 'React.useReducer without use client directive',
-      code: `React.useReducer(reducer, initialState);`,
-      errors: [
-        {
-          message:
-            "Using 'React.useReducer' is forbidden if the file doesn't have a 'use client' directive.",
-        },
-      ],
-      output: `'use client';
-React.useReducer(reducer, initialState);`,
-    },
-    {
-      name: 'React.useTransition without use client directive',
-      code: `React.useTransition();`,
-      errors: [
-        {
-          message:
-            "Using 'React.useTransition' is forbidden if the file doesn't have a 'use client' directive.",
-        },
-      ],
-      output: `'use client';
-React.useTransition();`,
-    },
-    {
-      name: 'React.createContext without use client directive',
-      code: `React.createContext();`,
-      errors: [
-        {
-          message:
-            "Using 'React.createContext' is forbidden if the file doesn't have a 'use client' directive.",
-        },
-      ],
-      output: `'use client';
-React.createContext();`,
-    },
-    // Named imports from 'react' without 'use client' directive
-    {
-      name: 'import useState without use client directive',
-      code: `import { useState } from 'react';`,
-      errors: [
-        {
-          message:
-            "Using 'useState' is forbidden if the file doesn't have a 'use client' directive.",
-        },
-      ],
-      output: `'use client';
-import { useState } from 'react';`,
-    },
-    {
-      name: 'import useContext without use client directive',
-      code: `import { useContext } from 'react';`,
-      errors: [
-        {
-          message:
-            "Using 'useContext' is forbidden if the file doesn't have a 'use client' directive.",
-        },
-      ],
-      output: `'use client';
-import { useContext } from 'react';`,
-    },
-    {
-      name: 'import useRef without use client directive',
-      code: `import { useRef } from 'react';`,
-      errors: [
-        {
-          message: "Using 'useRef' is forbidden if the file doesn't have a 'use client' directive.",
-        },
-      ],
-      output: `'use client';
-import { useRef } from 'react';`,
-    },
-    {
-      name: 'import multiple React APIs without use client directive',
-      code: `import { useState, useEffect } from 'react';`,
-      errors: [
-        {
-          message:
-            "Using 'useState' is forbidden if the file doesn't have a 'use client' directive.",
-        },
-        {
-          message:
-            "Using 'useEffect' is forbidden if the file doesn't have a 'use client' directive.",
-        },
-      ],
-      output: `'use client';
-import { useState, useEffect } from 'react';`,
-    },
-    // Forbidden APIs (useIsoLayoutEffect)
-    {
-      name: 'import useIsoLayoutEffect without use client directive',
-      code: `import { useIsoLayoutEffect } from '@mui/utils';`,
-      errors: [
-        {
-          message:
-            "Using 'useIsoLayoutEffect' is forbidden if the file doesn't have a 'use client' directive.",
-        },
-      ],
-      output: `'use client';
-import { useIsoLayoutEffect } from '@mui/utils';`,
-    },
-    {
-      name: 'import useIsoLayoutEffect as default without use client directive',
-      code: `import useIsoLayoutEffect from '@mui/utils/useIsoLayoutEffect';`,
-      errors: [
-        {
-          message:
-            "Using 'useIsoLayoutEffect' is forbidden if the file doesn't have a 'use client' directive.",
-        },
-      ],
-      output: `'use client';
-import useIsoLayoutEffect from '@mui/utils/useIsoLayoutEffect';`,
-    },
-    {
-      name: 'useIsoLayoutEffect call without use client directive',
-      code: `useIsoLayoutEffect(() => {});`,
-      errors: [
-        {
-          message:
-            "Using 'useIsoLayoutEffect' is forbidden if the file doesn't have a 'use client' directive.",
-        },
-      ],
-      output: `'use client';
-useIsoLayoutEffect(() => {});`,
-    },
-    // No autofix for 'use server' files
-    {
-      name: 'React.useState in use server file (no autofix)',
-      code: `'use server';
-React.useState();`,
-      errors: [
-        {
-          message:
-            "Using 'React.useState' is forbidden if the file doesn't have a 'use client' directive.",
-        },
-      ],
-      output: null,
-    },
-    {
-      name: 'import useState in use server file (no autofix)',
-      code: `'use server';
-import { useState } from 'react';`,
-      errors: [
-        {
-          message:
-            "Using 'useState' is forbidden if the file doesn't have a 'use client' directive.",
-        },
-      ],
-      output: null,
-    },
-    {
-      name: 'import useIsoLayoutEffect in use server file (no autofix)',
-      code: `'use server';
-import { useIsoLayoutEffect } from '@mui/utils';`,
-      errors: [
-        {
-          message:
-            "Using 'useIsoLayoutEffect' is forbidden if the file doesn't have a 'use client' directive.",
-        },
-      ],
-      output: null,
-    },
-  ],
-});

package/src/eslint/mui/rules/docgen-ignore-before-comment.test.mjs

@@ -1,52 +0,0 @@
-import eslint from 'eslint';
-import parser from '@typescript-eslint/parser';
-import rule from './docgen-ignore-before-comment.mjs';
-
-const ruleTester = new eslint.RuleTester({
-  languageOptions: {
-    parser,
-  },
-});
-
-ruleTester.run('ignore-before-comment', rule, {
-  valid: [
-    '\n/**\n * @ignore\n */\n',
-    '\n/**\n * @ignore\n * Comment.\n */\n',
-    '\n/**\n * @ignore\n * Multi-line\n * comment.\n */\n',
-    '\n  /**\n   * @ignore\n   * Indented\n   * multi-line\n   * comment.\n   */\n',
-  ],
-  invalid: [
-    {
-      code: '\n/**\n * Comment.\n * @ignore\n */\n',
-      errors: [
-        {
-          message: '@ignore should be at the beginning of a block comment.',
-        },
-      ],
-    },
-    {
-      code: '\n  /**\n   * Multi-line\n   * comment.\n   * @ignore\n   */\n',
-      errors: [
-        {
-          message: '@ignore should be at the beginning of a block comment.',
-        },
-      ],
-    },
-    {
-      code: '\n  /**\n   * Multi-line\n   * @ignore\n   * comment.\n   */\n',
-      errors: [
-        {
-          message: '@ignore should be at the beginning of a block comment.',
-        },
-      ],
-    },
-    {
-      code: '\n  /**\n   * Indented\n   * multi-line\n   * comment.\n   * @ignore\n   */\n',
-      errors: [
-        {
-          message: '@ignore should be at the beginning of a block comment.',
-        },
-      ],
-    },
-  ],
-});

package/src/eslint/mui/rules/flatten-parentheses.test.mjs

@@ -1,245 +0,0 @@
-import { RuleTester } from '@typescript-eslint/rule-tester';
-import TSESlintParser from '@typescript-eslint/parser';
-import rule from './flatten-parentheses.mjs';
-
-const ruleTester = new RuleTester({
-  languageOptions: {
-    parser: TSESlintParser,
-  },
-});
-
-ruleTester.run('flatten-parentheses', rule, {
-  valid: [
-    // Simple union without parentheses
-    `type T = 1 | 2 | 3;`,
-
-    // Simple intersection without parentheses
-    `type T = A & B & C;`,
-
-    // Parentheses around single type (not in union/intersection context)
-    `type T = (string);`,
-
-    // Parentheses needed for precedence (intersection inside union)
-    `type T = (A & B) | C;`,
-
-    // Parentheses needed for precedence (union inside intersection)
-    `type T = (A | B) & C;`,
-
-    // Complex nested structure where parentheses change meaning
-    `type T = (A | B) & (C | D);`,
-
-    // Function types where parentheses are needed
-    `type T = (() => void) | string;`,
-
-    // Array types
-    `type T = (string | number)[];`,
-
-    // Generic types
-    `type T = Promise<string | number>;`,
-
-    // Mixed operators - parentheses are needed
-    `type T = A | (B & C);`,
-    `type T = (A | B) & (C | D) | E;`,
-  ],
-  invalid: [
-    // Basic union flattening - example from the problem statement
-    {
-      code: `type T = (1 | 2 | 3) | 4;`,
-      output: `type T = 1 | 2 | 3 | 4;`,
-      errors: [
-        {
-          messageId: 'flattenParentheses',
-          line: 1,
-          column: 11,
-        },
-      ],
-    },
-
-    // Union on the right side
-    {
-      code: `type T = 1 | (2 | 3 | 4);`,
-      output: `type T = 1 | 2 | 3 | 4;`,
-      errors: [
-        {
-          messageId: 'flattenParentheses',
-          line: 1,
-        },
-      ],
-    },
-
-    // Multiple parenthesized unions
-    {
-      code: `type T = (1 | 2) | (3 | 4);`,
-      output: `type T = 1 | 2 | 3 | 4;`,
-      errors: [
-        {
-          messageId: 'flattenParentheses',
-          line: 1,
-        },
-        {
-          messageId: 'flattenParentheses',
-          line: 1,
-        },
-      ],
-    },
-
-    // Intersection flattening
-    {
-      code: `type T = (A & B & C) & D;`,
-      output: `type T = A & B & C & D;`,
-      errors: [
-        {
-          messageId: 'flattenParentheses',
-          line: 1,
-        },
-      ],
-    },
-
-    // Intersection on the right
-    {
-      code: `type T = A & (B & C & D);`,
-      output: `type T = A & B & C & D;`,
-      errors: [
-        {
-          messageId: 'flattenParentheses',
-          line: 1,
-        },
-      ],
-    },
-
-    // Multiple parenthesized intersections
-    {
-      code: `type T = (A & B) & (C & D);`,
-      output: `type T = A & B & C & D;`,
-      errors: [
-        {
-          messageId: 'flattenParentheses',
-          line: 1,
-        },
-        {
-          messageId: 'flattenParentheses',
-          line: 1,
-        },
-      ],
-    },
-
-    // With type aliases
-    {
-      code: `type Union = (string | number) | boolean;`,
-      output: `type Union = string | number | boolean;`,
-      errors: [
-        {
-          messageId: 'flattenParentheses',
-          line: 1,
-        },
-      ],
-    },
-
-    // In type parameters
-    {
-      code: `type T<U> = (U | null) | undefined;`,
-      output: `type T<U> = U | null | undefined;`,
-      errors: [
-        {
-          messageId: 'flattenParentheses',
-          line: 1,
-        },
-      ],
-    },
-
-    // With whitespace (trailing space left for Prettier to clean up)
-    {
-      code: `type T = ( A | B ) | C;`,
-      output: `type T = A | B  | C;`,
-      errors: [
-        {
-          messageId: 'flattenParentheses',
-          line: 1,
-        },
-      ],
-    },
-
-    // Nested unions - multiple fix passes needed due to overlapping ranges
-    {
-      code: `type T = ((A | B) | C) | D;`,
-      output: [`type T = (A | B) | C | D;`, `type T = A | B | C | D;`],
-      errors: [
-        {
-          messageId: 'flattenParentheses',
-          line: 1,
-        },
-        {
-          messageId: 'flattenParentheses',
-          line: 1,
-        },
-      ],
-    },
-
-    // Complex type names
-    {
-      code: `type Result = (Success<Data> | Error<Message>) | Loading;`,
-      output: `type Result = Success<Data> | Error<Message> | Loading;`,
-      errors: [
-        {
-          messageId: 'flattenParentheses',
-          line: 1,
-        },
-      ],
-    },
-
-    // Multiline union (Prettier cleans up extra whitespace)
-    {
-      code: `type T = (\n  A | B\n) | C;`,
-      output: `type T = A | B\n | C;`,
-      errors: [
-        {
-          messageId: 'flattenParentheses',
-        },
-      ],
-    },
-
-    // Leading block comment inside parentheses - preserved in output
-    {
-      code: `type T = (/* comment */ A | B) | C;`,
-      output: `type T = /* comment */ A | B | C;`,
-      errors: [
-        {
-          messageId: 'flattenParentheses',
-        },
-      ],
-    },
-
-    // Trailing block comment inside parentheses - preserved in output
-    {
-      code: `type T = (A | B /* comment */) | C;`,
-      output: `type T = A | B /* comment */ | C;`,
-      errors: [
-        {
-          messageId: 'flattenParentheses',
-        },
-      ],
-    },
-
-    // Trailing line comment - newline preserved so | C continues on next line
-    {
-      code: `type T = (A | B // comment\n) | C;`,
-      output: `type T = A | B // comment\n | C;`,
-      errors: [
-        {
-          messageId: 'flattenParentheses',
-        },
-      ],
-    },
-
-    // Multiline union with leading pipes inside parentheses
-    {
-      code: 'type T =\n  | (\n      | boolean\n      | string\n    )\n  | undefined;',
-      output: 'type T =\n  | boolean\n      | string\n    \n  | undefined;',
-      errors: [
-        {
-          messageId: 'flattenParentheses',
-        },
-      ],
-    },
-  ],
-});