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

package/src/eslint/mui/rules/mui-name-matches-component-name.test.mjs

@@ -1,247 +0,0 @@
-import eslint from 'eslint';
-import parser from '@typescript-eslint/parser';
-import rule from './mui-name-matches-component-name.mjs';
-
-const ruleTester = new eslint.RuleTester({
-  languageOptions: {
-    parser,
-  },
-});
-
-ruleTester.run('mui-name-matches-component-name', rule, {
-  valid: [
-    // useThemeProps
-    `
-      const StaticDateRangePicker = React.forwardRef(function StaticDateRangePicker<TDate>(
-        inProps: StaticDateRangePickerProps<TDate>,
-        ref: React.Ref<HTMLDivElement>,
-      ) {
-        const props = useThemeProps({ props: inProps, name: 'MuiStaticDateRangePicker' });
-      });
-    `,
-    `
-      function CssBaseline(inProps) {
-        useThemeProps({ props: inProps, name: 'MuiCssBaseline' });
-      }
-    `,
-    `
-    const Container = createContainer({
-      createStyledComponent: styled('div', {
-        name: 'MuiContainer',
-        slot: 'Root',
-        overridesResolver: (props, styles) => {
-          const { ownerState } = props;
-
-          return [
-            styles.root,
-            ownerState.fixed && styles.fixed,
-            ownerState.disableGutters && styles.disableGutters,
-          ];
-        },
-      }),
-      useThemeProps: (inProps) => useThemeProps({ props: inProps, name: 'MuiContainer' }),
-    });
-    `,
-    `
-    const Grid = createGrid({
-      createStyledComponent: styled('div', {
-        name: 'MuiGrid',
-        overridesResolver: (props, styles) => styles.root,
-      }),
-      componentName: 'MuiGrid',
-      useThemeProps: (inProps) => useThemeProps({ props: inProps, name: 'MuiGrid' }),
-    }) as OverridableComponent<GridTypeMap>;
-    `,
-    {
-      code: `
-        function useDatePickerDefaultizedProps(props, name) {
-          useThemeProps({ props, name });
-        }
-      `,
-      options: [{ customHooks: ['useDatePickerDefaultizedProps'] }],
-    },
-    // ================
-    // useDefaultProps
-    `
-      const StaticDateRangePicker = React.forwardRef(function StaticDateRangePicker<TDate>(
-        inProps: StaticDateRangePickerProps<TDate>,
-        ref: React.Ref<HTMLDivElement>,
-      ) {
-        const props = useDefaultProps({ props: inProps, name: 'MuiStaticDateRangePicker' });
-      });
-    `,
-    `
-      function CssBaseline(inProps) {
-        useDefaultProps({ props: inProps, name: 'MuiCssBaseline' });
-      }
-    `,
-    `
-    const Container = createContainer({
-      createStyledComponent: styled('div', {
-        name: 'MuiContainer',
-        slot: 'Root',
-        overridesResolver: (props, styles) => {
-          const { ownerState } = props;
-
-          return [
-            styles.root,
-            ownerState.fixed && styles.fixed,
-            ownerState.disableGutters && styles.disableGutters,
-          ];
-        },
-      }),
-      useDefaultProps: (inProps) => useDefaultProps({ props: inProps, name: 'MuiContainer' }),
-    });
-    `,
-    `
-    const Grid = createGrid({
-      createStyledComponent: styled('div', {
-        name: 'MuiGrid',
-        overridesResolver: (props, styles) => styles.root,
-      }),
-      componentName: 'MuiGrid',
-      useDefaultProps: (inProps) => useDefaultProps({ props: inProps, name: 'MuiGrid' }),
-    }) as OverridableComponent<GridTypeMap>;
-    `,
-    {
-      code: `
-        const StaticDateRangePicker = React.forwardRef(function StaticDateRangePicker<TDate>(
-          inProps: StaticDateRangePickerProps<TDate>,
-          ref: React.Ref<HTMLDivElement>,
-        ) {
-          const props = useDatePickerDefaultizedProps(inProps, 'MuiStaticDateRangePicker');
-        });
-      `,
-      options: [{ customHooks: ['useDatePickerDefaultizedProps'] }],
-    },
-    {
-      code: `
-        function useDatePickerDefaultizedProps(props, name) {
-          useDefaultProps({ props, name });
-        }
-      `,
-      options: [{ customHooks: ['useDatePickerDefaultizedProps'] }],
-    },
-  ],
-  invalid: [
-    // useThemeProps
-    {
-      code: `
-        const StaticDateRangePicker = React.forwardRef(function StaticDateRangePicker<TDate>(
-          inProps: StaticDateRangePickerProps<TDate>,
-          ref: React.Ref<HTMLDivElement>,
-        ) {
-          const props = useThemeProps({ props: inProps, name: 'MuiPickersDateRangePicker' });
-        });
-      `,
-      errors: [
-        {
-          message:
-            "Expected `name` to be 'MuiStaticDateRangePicker' but instead got 'MuiPickersDateRangePicker'.",
-        },
-      ],
-    },
-    {
-      code: 'useThemeProps({ props: inProps })',
-      errors: [
-        {
-          message: 'Unable to find `name` property. Did you forget to pass `name`?',
-        },
-      ],
-    },
-    {
-      code: 'useThemeProps({ props: inProps, name })',
-      errors: [
-        {
-          message:
-            'Unable to resolve `name`. Please hardcode the `name` i.e. use a string literal.',
-        },
-      ],
-    },
-    {
-      code: "useThemeProps({ props: inProps, name: 'MuiPickersDateRangePicker' })",
-      errors: [
-        {
-          message: 'Unable to find component for this call.',
-        },
-      ],
-    },
-    {
-      code: `
-        const StaticDateRangePicker = React.forwardRef(function StaticDateRangePicker<TDate>(
-          inProps: StaticDateRangePickerProps<TDate>,
-          ref: React.Ref<HTMLDivElement>,
-        ) {
-          const props = useDatePickerDefaultizedProps(inProps, 'MuiPickersDateRangePicker');
-        });
-      `,
-      options: [{ customHooks: ['useDatePickerDefaultizedProps'] }],
-      errors: [
-        {
-          message:
-            "Expected `name` to be 'MuiStaticDateRangePicker' but instead got 'MuiPickersDateRangePicker'.",
-        },
-      ],
-    },
-    // ================
-    // useDefaultProps
-    {
-      code: `
-        const StaticDateRangePicker = React.forwardRef(function StaticDateRangePicker<TDate>(
-          inProps: StaticDateRangePickerProps<TDate>,
-          ref: React.Ref<HTMLDivElement>,
-        ) {
-          const props = useDefaultProps({ props: inProps, name: 'MuiPickersDateRangePicker' });
-        });
-      `,
-      errors: [
-        {
-          message:
-            "Expected `name` to be 'MuiStaticDateRangePicker' but instead got 'MuiPickersDateRangePicker'.",
-        },
-      ],
-    },
-    {
-      code: 'useDefaultProps({ props: inProps })',
-      errors: [
-        {
-          message: 'Unable to find `name` property. Did you forget to pass `name`?',
-        },
-      ],
-    },
-    {
-      code: 'useDefaultProps({ props: inProps, name })',
-      errors: [
-        {
-          message:
-            'Unable to resolve `name`. Please hardcode the `name` i.e. use a string literal.',
-        },
-      ],
-    },
-    {
-      code: "useDefaultProps({ props: inProps, name: 'MuiPickersDateRangePicker' })",
-      errors: [
-        {
-          message: 'Unable to find component for this call.',
-        },
-      ],
-    },
-    {
-      code: `
-        const StaticDateRangePicker = React.forwardRef(function StaticDateRangePicker<TDate>(
-          inProps: StaticDateRangePickerProps<TDate>,
-          ref: React.Ref<HTMLDivElement>,
-        ) {
-          const props = useDatePickerDefaultizedProps(inProps);
-        });
-      `,
-      options: [{ customHooks: ['useDatePickerDefaultizedProps'] }],
-      errors: [
-        {
-          message:
-            "Unable to find name argument. Expected `useDatePickerDefaultizedProps(firstParameter, 'MuiComponent')`.",
-        },
-      ],
-    },
-  ],
-});

package/src/eslint/mui/rules/no-empty-box.test.mjs

@@ -1,40 +0,0 @@
-import eslint from 'eslint';
-import parser from '@typescript-eslint/parser';
-import rule from './no-empty-box.mjs';
-
-const ruleTester = new eslint.RuleTester({
-  languageOptions: {
-    parser,
-    parserOptions: {
-      ecmaFeatures: { jsx: true },
-    },
-  },
-});
-
-ruleTester.run('no-empty-box', rule, {
-  valid: ['<Box sx={{ width: 1 }}>Foo</Box>', '<Box sx={{ width: 1 }} />', '<Box {...props} />'],
-  invalid: [
-    {
-      code: '<Box>Foo</Box>',
-      errors: [
-        {
-          messageId: 'emptyBox',
-          data: {
-            component: 'div',
-          },
-        },
-      ],
-    },
-    {
-      code: '<Box component="span">Foo</Box>',
-      errors: [
-        {
-          messageId: 'emptyBox',
-          data: {
-            component: 'span',
-          },
-        },
-      ],
-    },
-  ],
-});

package/src/eslint/mui/rules/no-floating-cleanup.test.mjs

@@ -1,141 +0,0 @@
-import { RuleTester } from '@typescript-eslint/rule-tester';
-import TSESlintParser from '@typescript-eslint/parser';
-import rule from './no-floating-cleanup.mjs';
-
-const ruleTester = new RuleTester({
-  languageOptions: {
-    parser: TSESlintParser,
-    parserOptions: {
-      tsconfigRootDir: import.meta.dirname,
-      projectService: {
-        allowDefaultProject: ['*.ts'],
-      },
-    },
-  },
-});
-
-ruleTester.run('no-floating-cleanup', rule, {
-  valid: [
-    {
-      name: 'stored cleanup function',
-      code: `
-type Unsubscribe = () => void;
-declare function subscribe(cb: () => void): Unsubscribe;
-function f() {
-  const un = subscribe(() => {});
-  un();
-}
-      `,
-    },
-    {
-      name: 'explicit void opt-out',
-      code: `
-type Unsubscribe = () => void;
-declare function subscribe(cb: () => void): Unsubscribe;
-function f() {
-  void subscribe(() => {});
-}
-      `,
-    },
-    {
-      name: 'call returning void',
-      code: `
-declare function noop(): void;
-function f() {
-  noop();
-}
-      `,
-    },
-    {
-      name: 'fluent builder methods returning `this`',
-      code: `
-interface Scale {
-  (value: number): number;
-  domain(d: number[]): this;
-  range(r: number[]): this;
-}
-declare const scale: Scale;
-function f() {
-  scale.domain([0, 1]);
-  scale.range([0, 100]);
-}
-      `,
-    },
-    {
-      name: 'fluent builder method with an inferred `this` return',
-      code: `
-class Builder {
-  configure() {
-    return this;
-  }
-}
-declare const builder: Builder;
-function f() {
-  builder.configure();
-}
-      `,
-    },
-  ],
-  invalid: [
-    {
-      name: 'discarded unsubscribe function',
-      code: `
-type Unsubscribe = () => void;
-declare function subscribe(cb: () => void): Unsubscribe;
-function f() {
-  subscribe(() => {});
-}
-      `,
-      errors: [{ messageId: 'floatingCleanup', line: 5 }],
-    },
-    {
-      name: 'call returning a fresh callable (not `this`)',
-      code: `
-interface Scale {
-  (value: number): number;
-  copy(): Scale;
-}
-declare const scale: Scale;
-function f() {
-  scale.copy();
-}
-      `,
-      errors: [{ messageId: 'floatingCleanup', line: 8 }],
-    },
-    {
-      name: 'discarded cleanup behind a unary operator',
-      code: `
-type Unsubscribe = () => void;
-declare function subscribe(cb: () => void): Unsubscribe;
-function f() {
-  !subscribe(() => {});
-}
-      `,
-      errors: [{ messageId: 'floatingCleanup', line: 5 }],
-    },
-    {
-      name: 'discarded cleanup in a logical expression',
-      code: `
-type Unsubscribe = () => void;
-declare function subscribe(cb: () => void): Unsubscribe;
-declare const enabled: boolean;
-function f() {
-  enabled && subscribe(() => {});
-}
-      `,
-      errors: [{ messageId: 'floatingCleanup', line: 6 }],
-    },
-    {
-      name: 'discarded cleanup in a conditional expression',
-      code: `
-type Unsubscribe = () => void;
-declare function subscribe(cb: () => void): Unsubscribe;
-declare const enabled: boolean;
-function f() {
-  enabled ? subscribe(() => {}) : undefined;
-}
-      `,
-      errors: [{ messageId: 'floatingCleanup', line: 6 }],
-    },
-  ],
-});

package/src/eslint/mui/rules/no-guarded-throw.test.mjs

@@ -1,206 +0,0 @@
-import eslint from 'eslint';
-import parser from '@typescript-eslint/parser';
-import rule from './no-guarded-throw.mjs';
-
-const ruleTester = new eslint.RuleTester({
-  languageOptions: {
-    parser,
-  },
-});
-
-ruleTester.run('no-guarded-throw', rule, {
-  valid: [
-    // Should pass: Unconditional throw
-    {
-      code: `
-throw new Error('Something went wrong');
-      `,
-    },
-    // Should pass: Throw inside a non-NODE_ENV conditional
-    {
-      code: `
-if (value == null) {
-  throw new TypeError('value is required');
-}
-      `,
-    },
-    // Should pass: Throw inside a catch block (no NODE_ENV guard)
-    {
-      code: `
-try {
-  doSomething();
-} catch (error) {
-  throw new Error('Failed');
-}
-      `,
-    },
-    // Should pass: Throw inside arrow function inside NODE_ENV guard
-    {
-      code: `
-if (process.env.NODE_ENV !== 'production') {
-  const fn = () => {
-    throw new Error('inside arrow function');
-  };
-}
-      `,
-    },
-    // Should pass: Throw inside function expression inside NODE_ENV guard
-    {
-      code: `
-if (process.env.NODE_ENV !== 'production') {
-  const fn = function () {
-    throw new Error('inside function expression');
-  };
-}
-      `,
-    },
-    // Should pass: Throw inside function declaration inside NODE_ENV guard
-    {
-      code: `
-if (process.env.NODE_ENV !== 'production') {
-  function validate() {
-    throw new Error('inside function declaration');
-  }
-}
-      `,
-    },
-  ],
-  invalid: [
-    // Should fail: Throw inside !== 'production' guard
-    {
-      code: `
-if (process.env.NODE_ENV !== 'production') {
-  throw new Error('Dev-only error');
-}
-      `,
-      errors: [{ messageId: 'guardedThrow' }],
-    },
-    // Should fail: Throw inside === 'production' guard
-    {
-      code: `
-if (process.env.NODE_ENV === 'production') {
-  throw new Error('Prod-only error');
-}
-      `,
-      errors: [{ messageId: 'guardedThrow' }],
-    },
-    // Should fail: Throw in else block of === 'production' check
-    {
-      code: `
-if (process.env.NODE_ENV === 'production') {
-  // production path
-} else {
-  throw new Error('Non-production error');
-}
-      `,
-      errors: [{ messageId: 'guardedThrow' }],
-    },
-    // Should fail: Throw nested inside NODE_ENV guard
-    {
-      code: `
-if (process.env.NODE_ENV !== 'production') {
-  if (value == null) {
-    throw new TypeError('value is required');
-  }
-}
-      `,
-      errors: [{ messageId: 'guardedThrow' }],
-    },
-    // Should fail: Reversed comparison (literal on left)
-    {
-      code: `
-if ('production' !== process.env.NODE_ENV) {
-  throw new Error('Dev-only error');
-}
-      `,
-      errors: [{ messageId: 'guardedThrow' }],
-    },
-    // Should fail: Throw in loop inside NODE_ENV guard
-    {
-      code: `
-if (process.env.NODE_ENV !== 'production') {
-  for (const item of items) {
-    throw new Error('Invalid item');
-  }
-}
-      `,
-      errors: [{ messageId: 'guardedThrow' }],
-    },
-    // Should fail: NODE_ENV combined with other conditions using &&
-    {
-      code: `
-if (process.env.NODE_ENV !== 'production' && value == null) {
-  throw new TypeError('value is required');
-}
-      `,
-      errors: [{ messageId: 'guardedThrow' }],
-    },
-    // Should fail: NODE_ENV combined with other conditions using ||
-    {
-      code: `
-if (condition || process.env.NODE_ENV === 'test') {
-  throw new Error('Test or condition error');
-}
-      `,
-      errors: [{ messageId: 'guardedThrow' }],
-    },
-    // Should fail: Unary not on process.env.NODE_ENV
-    {
-      code: `
-if (!process.env.NODE_ENV) {
-  throw new Error('NODE_ENV not set');
-}
-      `,
-      errors: [{ messageId: 'guardedThrow' }],
-    },
-    // Should fail: NODE_ENV passed to a function
-    {
-      code: `
-if (fn(process.env.NODE_ENV)) {
-  throw new Error('Function check failed');
-}
-      `,
-      errors: [{ messageId: 'guardedThrow' }],
-    },
-    // Should fail: Throw inside try/catch inside NODE_ENV guard
-    {
-      code: `
-if (process.env.NODE_ENV !== 'production') {
-  try {
-    doSomething();
-  } catch (error) {
-    throw new Error('caught inside guard');
-  }
-}
-      `,
-      errors: [{ messageId: 'guardedThrow' }],
-    },
-    // Should fail: Throw deeply nested in control flow inside NODE_ENV guard
-    {
-      code: `
-if (process.env.NODE_ENV !== 'production') {
-  if (value == null) {
-    for (const item of items) {
-      if (!item.valid) {
-        throw new Error('invalid item');
-      }
-    }
-  }
-}
-      `,
-      errors: [{ messageId: 'guardedThrow' }],
-    },
-    // Should fail: Throw inside switch/case inside NODE_ENV guard
-    {
-      code: `
-if (process.env.NODE_ENV !== 'production') {
-  switch (type) {
-    case 'a':
-      throw new Error('invalid type a');
-  }
-}
-      `,
-      errors: [{ messageId: 'guardedThrow' }],
-    },
-  ],
-});

package/src/eslint/mui/rules/no-presentation-role.test.mjs

@@ -1,33 +0,0 @@
-import eslint from 'eslint';
-import parser from '@typescript-eslint/parser';
-import rule from './no-presentation-role.mjs';
-
-const ruleTester = new eslint.RuleTester({
-  languageOptions: {
-    parser,
-    parserOptions: {
-      ecmaFeatures: { jsx: true },
-    },
-  },
-});
-
-ruleTester.run('no-presentation-role', rule, {
-  valid: ['<div role="none" />', '<div role="button" />', '<div />', '<div role={presentation} />'],
-  invalid: [
-    {
-      code: '<div role="presentation" />',
-      errors: [{ messageId: 'noPresentation' }],
-      output: '<div role="none" />',
-    },
-    {
-      code: "<div role={'presentation'} />",
-      errors: [{ messageId: 'noPresentation' }],
-      output: '<div role="none" />',
-    },
-    {
-      code: '<table role="presentation"><tr><td /></tr></table>',
-      errors: [{ messageId: 'noPresentation' }],
-      output: '<table role="none"><tr><td /></tr></table>',
-    },
-  ],
-});