hunk.code_window:                   e.preventDefault();
                     e.stopPropagation();
                     field.onChange(dir);
                   }}
                   data-test-id={`align-${dir}-btn`}
                   variant={dir === field.value ? 'gradient' : 'outline'}
                 >
                   {icon}
                 </Button>
               ))}
  
hunk.labels: keep keep keep keep replace keep keep keep keep keep
hunk.after_edit:                 data-test-id={`align-${dir as string}-btn`}
  
hunk.file_path: apps/web/src/pages/templates/components/email-editor/ContentRow.tsx
hunk.type: replace
file: module.exports = {
    root: true,
    extends: [
      'airbnb-typescript',
      'plugin:import/typescript',
      'plugin:@typescript-eslint/recommended',
      'prettier',
      'plugin:prettier/recommended',
      'plugin:promise/recommended',
      'plugin:@cspell/recommended',
    ],
    ignorePatterns: ['.eslintrc.js', '*.json', 'jest.config.js'],
    plugins: ['import', 'promise', '@typescript-eslint', 'prettier'],
    parser: '@typescript-eslint/parser',
    settings: {
      'import/parsers': {
        '@typescript-eslint/parser': ['.ts', '.tsx'],
      },
    },
    parserOptions: {
      project: './tsconfig.json',
      ecmaVersion: 2020,
      sourceType: 'module',
      tsconfigRootDir: __dirname,
    },
    rules: {
      '@typescript-eslint/space-before-blocks': 'off',
      '@typescript-eslint/lines-between-class-members': 'off',
      'react/jsx-wrap-multilines': 'off',
      'react/jsx-filename-extension': 'off',
      'multiline-comment-style': ['error', 'starred-block'],
      'promise/catch-or-return': 'off',
      '@typescript-eslint/explicit-module-boundary-types': 'off',
      '@typescript-eslint/no-unused-expressions': 'off',
      '@typescript-eslint/explicit-function-return-type': 'off',
      'react/jsx-closing-bracket-location': 'off',
      '@typescript-eslint/no-var-requires': 'off',
      'no-unused-vars': 'off',
      '@typescript-eslint/no-unused-vars': ['off'],
      'mocha/no-mocha-arrows': 'off',
      '@typescript-eslint/default-param-last': 'off',
      'no-return-await': 'off',
      'no-await-in-loop': 'off',
      'no-continue': 'off',
      'no-console': 'warn',
      'no-prototype-builtins': 'off',
      'import/no-cycle': 'off',
      'class-methods-use-this': 'off',
      '@typescript-eslint/no-use-before-define': 'off',
      '@typescript-eslint/no-explicit-any': 1,
      'no-restricted-syntax': 'off',
      '@typescript-eslint/interface-name-prefix': 'off',
      'no-underscore-dangle': 'off',
      'import/prefer-default-export': 'off',
      // A temporary hack related to IDE not resolving correct package.json
      'import/no-extraneous-dependencies': 'off',
      'react/jsx-one-expression-per-line': 'off',
      'react/jsx-no-bind': 'off',
      'lines-between-class-members': 'off',
      'max-classes-per-file': 'off',
      'react/react-in-jsx-scope': 'off',
      'max-len': ['warn', { code: 140 }],
      '@typescript-eslint/return-await': 'off',
      'no-restricted-imports': [
        'error',
        {
          patterns: [
            '@novu/shared/*',
            '@novu/dal/*',
            '!import2/good',
            '*../libs/dal/*',
            '*../libs/shared/*',
            '*../libs/stateless/*',
          ],
        },
      ],
      'padding-line-between-statements': [
        'error',
        { blankLine: 'any', prev: ['const', 'let', 'var'], next: ['if', 'for'] },
        { blankLine: 'any', prev: ['const', 'let', 'var'], next: ['const', 'let', 'var'] },
        { blankLine: 'always', prev: '*', next: 'return' },
      ],
      'id-length': ['error', { min: 2, exceptions: ['i', 'e', 'a', 'b', '_', 't'], properties: 'never' }],
      '@typescript-eslint/naming-convention': [
        'error',
  
        { selector: 'enumMember', format: ['UPPER_CASE'] },
        { selector: 'enum', format: ['PascalCase'], suffix: ['Enum'] },
        { selector: 'class', format: ['PascalCase'] },
        { selector: 'variableLike', format: ['camelCase', 'UPPER_CASE'], leadingUnderscore: 'allow' },
        {
          selector: 'interface',
          format: ['PascalCase'],
          prefix: ['I'],
        },
        {
          selector: ['function'],
          format: ['camelCase'],
          leadingUnderscore: 'allow',
        },
      ],
      'prettier/prettier': [
        'error',
        {
          endOfLine: 'auto',
        },
      ],
    },
  };
  