Add back min availability to bulk movie edit

Clean up variable name case
Fix Radarr import syncing not matching any root folders.
2026-04-18 21:35:51 -04:00 · 2023-05-14 07:50:55 -05:00 · 2023-05-13 12:40:07 -05:00 · 2023-05-13 12:40:07 -05:00 · 2023-05-13 20:29:05 +03:00 · 2023-05-13 20:29:05 +03:00
911 changed files with 18399 additions and 13924 deletions
@@ -73,3 +73,10 @@ body:
      Additionally, any additional info? Screenshots? References? Anything that will give us more context about the issue you are encountering!
  validations:
    required: true
 - type: checkboxes
  attributes:
    label: Trace Logs have been provided as applicable. Reports may be closed if the required logs are not provided.
    description: Trace logs are generally required for all bug reports
    options:
    - label: I have followed the steps in the wiki link above and provided the required trace logs that are relevant and show this issue.
      required: true
@@ -0,0 +1,28 @@
 'Area: API':
  - src/Radarr.Api.V3/**/*
 'Area: Db-migration':
  - src/NzbDrone.Core/Datastore/Migration/*
 'Area: Download Clients':
  - src/NzbDrone.Core/Download/Clients/**/*
 'Area: Import Lists':
  - src/NzbDrone.Core/ImportLists/**/*
 'Area: Indexer':
  - src/NzbDrone.Core/Indexers/**/*
 'Area: Notifications':
  - src/NzbDrone.Core/Notifications/**/*
 'Area: Organizer':
  - src/NzbDrone.Core/Organizer/**/*
 'Area: Parser':
  - src/NzbDrone.Core/Parser/**/*
 'Area: UI':
  - frontend/**/*
  - package.json
  - yarn.lock
@@ -0,0 +1,12 @@
 name: "Pull Request Labeler"
 on:
  - pull_request_target
 jobs:
  triage:
    permissions:
      contents: read
      pull-requests: write
    runs-on: ubuntu-latest
    steps:
      - uses: actions/labeler@v4
@@ -14,13 +14,13 @@ jobs:
    runs-on: ubuntu-latest
    steps:
-      - uses: dessant/lock-threads@v2
+      - uses: dessant/lock-threads@v4
        with:
          github-token: ${{ github.token }}
-          issue-lock-inactive-days: '90'
+          issue-inactive-days: '90'
-          issue-exclude-created-before: ''
+          exclude-issue-created-before: ''
-          issue-exclude-labels: ''
+          exclude-any-issue-labels: ''
-          issue-lock-labels: ''
+          add-issue-labels: ''
-          issue-lock-comment: ''
+          issue-comment: ''
          issue-lock-reason: 'resolved'
          process-only: ''
@@ -12,7 +12,7 @@ jobs:
    runs-on: ubuntu-latest
    steps:
-      - uses: dessant/support-requests@v2
+      - uses: dessant/support-requests@v3
        with:
          github-token: ${{ github.token }}
          support-label: 'Type: Support'
@@ -22,4 +22,15 @@ jobs:
            to be a support request. Please hop over onto our [Discord](https://radarr.video/discord) 
            or [Subreddit](https://reddit.com/r/radarr)
          close-issue: true
-          lock-issue: false
+          lock-issue: false
      - uses: dessant/support-requests@v3
        with:
          github-token: ${{ github.token }}
          support-label: 'Status: Logs Needed'
          issue-comment: >
            :wave: @{issue-author}, In order to help you further we'll need to see logs. 
            You'll need to enable trace logging and replicate the problem that you encountered. 
            Guidance on how to enable trace logging can be found in 
            our [troubleshooting guide](https://wiki.servarr.com/radarr/troubleshooting#logging-and-log-files).
          close-issue: false
          lock-issue: false
@@ -9,7 +9,7 @@ variables:
  testsFolder: './_tests'
  yarnCacheFolder: $(Pipeline.Workspace)/.yarn
  nugetCacheFolder: $(Pipeline.Workspace)/.nuget/packages
-  majorVersion: '4.4.4'
+  majorVersion: '4.5.1'
  minorVersion: $[counter('minorVersion', 2000)]
  radarrVersion: '$(majorVersion).$(minorVersion)'
  buildName: '$(Build.SourceBranchName).$(radarrVersion)'
@@ -3,9 +3,9 @@ PLATFORM=$1
 if [ "$PLATFORM" = "Windows" ]; then
  RUNTIME="win-x64"
 elif [ "$PLATFORM" = "Linux" ]; then
-  WHERE="linux-x64"
+  RUNTIME="linux-x64"
 elif [ "$PLATFORM" = "Mac" ]; then
-  WHERE="osx-x64"
+  RUNTIME="osx-x64"
 else
  echo "Platform must be provided as first arguement: Windows, Linux or Mac"
  exit 1
@@ -27,7 +27,7 @@ dotnet clean $slnFile -c Release
 dotnet msbuild -restore $slnFile -p:Configuration=Debug -p:Platform=$platform -p:RuntimeIdentifiers=$RUNTIME -t:PublishAllRids
 dotnet new tool-manifest
-dotnet tool install --version 6.3.0 Swashbuckle.AspNetCore.Cli
+dotnet tool install --version 6.5.0 Swashbuckle.AspNetCore.Cli
 dotnet tool run swagger tofile --output ./src/Radarr.Api.V3/openapi.json "$outputFolder/net6.0/$RUNTIME/radarr.console.dll" v3 &
@@ -35,4 +35,4 @@ sleep 45
 kill %1
-exit 0
+exit 0
@@ -1,25 +0,0 @@
 {
  "remove-empty-rulesets": true,
  "always-semicolon": true,
  "color-case": "lower",
  "block-indent": "  ",
  "color-shorthand": false,
  "element-case": "lower",
  "eof-newline": true,
  "leading-zero": true,
  "quotes": "double",
  "sort-order-fallback": "abc",
  "space-before-colon": "",
  "space-after-colon": " ",
  "space-before-combinator": " ",
  "space-after-combinator": " ",
  "space-between-declarations": "\n",
  "space-before-opening-brace": " ",
  "space-after-opening-brace": "\n",
  "space-after-selector-delimiter": " ",
  "space-before-selector-delimiter": "",
  "space-before-closing-brace": "\n",
  "strip-spaces": true,
  "tab-size": true,
  "unitless-zero": false
 }
@@ -1,335 +0,0 @@
 {
  "indent": {
    "value": "  ",
    "FunctionExpression": 1,
    "ArrayExpression": 1,
    "ObjectExpression": 1
  },
  "lineBreak": {
    "value": "\n",
    "before": {
      "ArrayPatternClosing": 0,
      "ArrayPatternComma": 0,
      "ArrayPatternOpening": 0,
      "ArrowFunctionExpressionArrow": 0,
      "ArrowFunctionExpressionClosingBrace": ">=1",
      "ArrowFunctionExpressionOpeningBrace": 0,
      "AssignmentExpression": ">=1",
      "AssignmentOperator": 0,
      "BlockStatement": 0,
      "BreakKeyword": ">=1",
      "CallExpression": -1,
      "CallExpressionClosingParentheses": -1,
      "CallExpressionOpeningParentheses": 0,
      "CatchClosingBrace": ">=1",
      "CatchKeyword": 0,
      "CatchOpeningBrace": 0,
      "ClassDeclaration": ">=1",
      "ClassDeclarationClosingBrace": ">=1",
      "ClassDeclarationOpeningBrace": 0,
      "ConditionalExpression": ">=1",
      "DeleteOperator": ">=1",
      "DoWhileStatement": ">=1",
      "DoWhileStatementClosingBrace": ">=1",
      "DoWhileStatementOpeningBrace": 0,
      "ElseIfStatement": 0,
      "ElseIfStatementClosingBrace": ">=1",
      "ElseIfStatementOpeningBrace": 0,
      "ElseStatement": 0,
      "ElseStatementClosingBrace": ">=1",
      "ElseStatementOpeningBrace": 0,
      "EmptyStatement": -1,
      "EndOfFile": -1,
      "FinallyClosingBrace": ">=1",
      "FinallyKeyword": -1,
      "FinallyOpeningBrace": 0,
      "ForInStatement": ">=1",
      "ForInStatementClosingBrace": ">=1",
      "ForInStatementExpressionClosing": 0,
      "ForInStatementExpressionOpening": 0,
      "ForInStatementOpeningBrace": 0,
      "ForStatement": ">=1",
      "ForStatementClosingBrace": ">=1",
      "ForStatementExpressionClosing": "<2",
      "ForStatementExpressionOpening": 0,
      "ForStatementOpeningBrace": 0,
      "FunctionDeclaration": ">=1",
      "FunctionDeclarationClosingBrace": ">=1",
      "FunctionDeclarationOpeningBrace": 0,
      "FunctionExpression": 0,
      "FunctionExpressionClosingBrace": 1,
      "FunctionExpressionOpeningBrace":0,
      "IIFEClosingParentheses": 0,
      "IfStatement": ">=1",
      "IfStatementClosingBrace": ">=1",
      "IfStatementOpeningBrace": 0,
      "LogicalExpression": -1,
      "MemberExpressionClosing": 0,
      "MemberExpressionOpening": 0,
      "MemberExpressionPeriod": -1,
      "MethodDefinition": ">=1",
      "ObjectExpressionClosingBrace": "<=1",
      "ObjectPatternClosingBrace": 0,
      "ObjectPatternComma": 0,
      "ObjectPatternOpeningBrace": 0,
      "ParameterDefault": 0,
      "Property": "<=2",
      "PropertyValue": 0,
      "ReturnStatement": -1,
      "SwitchClosingBrace": ">=1",
      "SwitchOpeningBrace": 0,
      "ThisExpression": -1,
      "ThrowStatement": ">=1",
      "TryClosingBrace": ">=1",
      "TryKeyword": -1,
      "TryOpeningBrace": 0,
      "VariableDeclaration": ">=1",
      "VariableDeclarationSemiColon": 0,
      "VariableDeclarationWithoutInit": ">=1",
      "VariableName": ">=1",
      "VariableValue": 0,
      "WhileStatement": ">=1",
      "WhileStatementClosingBrace": ">=1",
      "WhileStatementOpeningBrace": 0
    },
    "after": {
      "ArrayPatternClosing": 0,
      "ArrayPatternComma": 0,
      "ArrayPatternOpening": 0,
      "ArrowFunctionExpressionArrow": 0,
      "ArrowFunctionExpressionClosingBrace": -1,
      "ArrowFunctionExpressionOpeningBrace": ">=1",
      "AssignmentExpression": ">=1",
      "AssignmentOperator": 0,
      "BlockStatement": 0,
      "BreakKeyword": -1,
      "CallExpression": -1,
      "CallExpressionClosingParentheses": -1,
      "CallExpressionOpeningParentheses": -1,
      "CatchClosingBrace": ">=0",
      "CatchKeyword": 0,
      "CatchOpeningBrace": ">=1",
      "ClassDeclaration": ">=1",
      "ClassDeclarationClosingBrace": ">=1",
      "ClassDeclarationOpeningBrace": ">=1",
      "ConditionalExpression": ">=1",
      "DeleteOperator": ">=1",
      "DoWhileStatement": ">=1",
      "DoWhileStatementClosingBrace": 0,
      "DoWhileStatementOpeningBrace": ">=1",
      "ElseIfStatement": ">=1",
      "ElseIfStatementClosingBrace": ">=1",
      "ElseIfStatementOpeningBrace": ">=1",
      "ElseStatement": ">=1",
      "ElseStatementClosingBrace": ">=1",
      "ElseStatementOpeningBrace": ">=1",
      "EmptyStatement": -1,
      "FinallyClosingBrace": ">=1",
      "FinallyKeyword": -1,
      "FinallyOpeningBrace": ">=1",
      "ForInStatement": ">=1",
      "ForInStatementClosingBrace": ">=1",
      "ForInStatementExpressionClosing": -1,
      "ForInStatementExpressionOpening": "<2",
      "ForInStatementOpeningBrace": ">=1",
      "ForStatement": ">=1",
      "ForStatementClosingBrace": ">=1",
      "ForStatementExpressionClosing": -1,
      "ForStatementExpressionOpening": "<2",
      "ForStatementOpeningBrace": ">=1",
      "FunctionDeclaration": ">=1",
      "FunctionDeclarationClosingBrace": ">=1",
      "FunctionDeclarationOpeningBrace": ">=1",
      "FunctionExpression": 0,
      "FunctionExpressionClosingBrace": -1,
      "FunctionExpressionOpeningBrace": 1,
      "IIFEOpeningParentheses": 0,
      "IfStatement": ">=1",
      "IfStatementClosingBrace": ">=1",
      "IfStatementOpeningBrace": ">=1",
      "LogicalExpression": -1,
      "MemberExpressionClosing": 0,
      "MemberExpressionOpening": 0,
      "MemberExpressionPeriod": 0,
      "MethodDefinition": ">=1",
      "ObjectExpressionOpeningBrace": "<=1",
      "ObjectPatternClosingBrace": 0,
      "ObjectPatternComma": 0,
      "ObjectPatternOpeningBrace": 0,
      "ParameterDefault": 0,
      "Property": -1,
      "PropertyName": 0,
      "ReturnStatement": -1,
      "SwitchCaseColon": ">=1",
      "SwitchClosingBrace": ">=1",
      "SwitchOpeningBrace": ">=1",
      "ThisExpression": 0,
      "ThrowStatement": ">=1",
      "TryClosingBrace": 0,
      "TryKeyword": -1,
      "TryOpeningBrace": ">=1",
      "VariableDeclaration": ">=1",
      "VariableDeclarationSemiColon": ">=1",
      "VariableValue": -1,
      "WhileStatement": ">=1",
      "WhileStatementClosingBrace": ">=1",
      "WhileStatementOpeningBrace": ">=1"
    }
  },
  "whiteSpace": {
    "value": " ",
    "removeTrailing": 1,
    "before": {
      "ArgumentComma": 0,
      "ArgumentList": 0,
      "ArgumentListArrayExpression": 0,
      "ArgumentListFunctionExpression": 1,
      "ArgumentListObjectExpression": 0,
      "ArrayExpressionClosing": 0,
      "ArrayExpressionComma": 0,
      "ArrayExpressionOpening": 1,
      "AssignmentOperator": 1,
      "BinaryExpression": 0,
      "BinaryExpressionOperator": 1,
      "BlockComment": 1,
      "CallExpression": 1,
      "CatchClosingBrace": 1,
      "CatchKeyword": 1,
      "CatchOpeningBrace": 1,
      "CatchParameterList": 0,
      "CommaOperator": 0,
      "ConditionalExpressionAlternate": 1,
      "ConditionalExpressionConsequent": 1,
      "DoWhileStatementClosingBrace": 1,
      "DoWhileStatementConditional": 1,
      "DoWhileStatementOpeningBrace": 1,
      "ElseIfStatementClosingBrace": 1,
      "ElseIfStatementOpeningBrace": 1,
      "ElseStatementClosingBrace": 1,
      "ElseStatementOpeningBrace": 1,
      "EmptyStatement": 0,
      "ExpressionClosingParentheses": 0,
      "FinallyClosingBrace": 1,
      "FinallyKeyword": -1,
      "FinallyOpeningBrace": 1,
      "ForInStatement": 1,
      "ForInStatementClosingBrace": 1,
      "ForInStatementExpressionClosing": 0,
      "ForInStatementExpressionOpening": 1,
      "ForInStatementOpeningBrace": 1,
      "ForStatement": 1,
      "ForStatementClosingBrace": 1,
      "ForStatementExpressionClosing": 0,
      "ForStatementExpressionOpening": 1,
      "ForStatementOpeningBrace": 1,
      "ForStatementSemicolon": 0,
      "FunctionDeclarationClosingBrace": 1,
      "FunctionDeclarationOpeningBrace": 1,
      "FunctionExpressionClosingBrace": 1,
      "FunctionExpressionOpeningBrace": 1,
      "IfStatementClosingBrace": 1,
      "IfStatementConditionalClosing": 0,
      "IfStatementConditionalOpening": 1,
      "IfStatementOpeningBrace": 1,
      "LineComment": 1,
      "LogicalExpressionOperator": 1,
      "MemberExpressionClosing": 0,
      "ObjectExpressionClosingBrace": 1,
      "ParameterComma": 0,
      "ParameterList": 0,
      "Property": 1,
      "PropertyName": 1,
      "PropertyValue": 1,
      "SwitchDiscriminantClosing": 0,
      "SwitchDiscriminantOpening": 1,
      "ThrowKeyword": 1,
      "TryClosingBrace": 1,
      "TryKeyword": -1,
      "TryOpeningBrace": 1,
      "UnaryExpressionOperator": 0,
      "VariableName": 1,
      "VariableValue": 1,
      "WhileStatementClosingBrace": 1,
      "WhileStatementConditionalClosing": 0,
      "WhileStatementConditionalOpening": 1,
      "WhileStatementOpeningBrace": 1
    },
    "after": {
      "ArgumentComma": 1,
      "ArgumentList": 0,
      "ArgumentListArrayExpression": 1,
      "ArgumentListFunctionExpression": 1,
      "ArgumentListObjectExpression": 0,
      "ArrayExpressionClosing": 0,
      "ArrayExpressionComma": 1,
      "ArrayExpressionOpening": 0,
      "AssignmentOperator": 1,
      "BinaryExpression": 0,
      "BinaryExpressionOperator": 1,
      "BlockComment": 1,
      "CallExpression": 0,
      "CatchClosingBrace": 1,
      "CatchKeyword": 1,
      "CatchOpeningBrace": 1,
      "CatchParameterList": 0,
      "CommaOperator": 1,
      "ConditionalExpressionConsequent": 1,
      "ConditionalExpressionTest": 1,
      "DoWhileStatementBody": 1,
      "DoWhileStatementClosingBrace": 1,
      "DoWhileStatementOpeningBrace": 1,
      "ElseIfStatementClosingBrace": 1,
      "ElseIfStatementOpeningBrace": 1,
      "ElseStatementClosingBrace": 1,
      "ElseStatementOpeningBrace": 1,
      "EmptyStatement": 0,
      "ExpressionOpeningParentheses": 0,
      "FinallyClosingBrace": 1,
      "FinallyKeyword": -1,
      "FinallyOpeningBrace": 1,
      "ForInStatement": 1,
      "ForInStatementClosingBrace": 1,
      "ForInStatementExpressionClosing": 1,
      "ForInStatementExpressionOpening": 0,
      "ForInStatementOpeningBrace": 1,
      "ForStatement": 1,
      "ForStatementClosingBrace": 1,
      "ForStatementExpressionClosing": 1,
      "ForStatementExpressionOpening": 0,
      "ForStatementOpeningBrace": 1,
      "ForStatementSemicolon": 1,
      "FunctionDeclarationClosingBrace": 0,
      "FunctionDeclarationOpeningBrace": 0,
      "FunctionExpressionClosingBrace": 0,
      "FunctionExpressionOpeningBrace": 0,
      "FunctionName": 0,
      "FunctionReservedWord": 0,
      "IfStatementClosingBrace": 1,
      "IfStatementConditionalClosing": 0,
      "IfStatementConditionalOpening": 0,
      "IfStatementOpeningBrace": 1,
      "LogicalExpressionOperator": 1,
      "MemberExpressionOpening": 0,
      "ObjectExpressionClosingBrace": 0,
      "ObjectExpressionOpeningBrace": 1,
      "ParameterComma": 1,
      "ParameterList": 0,
      "PropertyName": 0,
      "PropertyValue": 0,
      "SwitchDiscriminantClosing": 1,
      "SwitchDiscriminantOpening": 0,
      "ThrowKeyword": 1,
      "TryClosingBrace": 1,
      "TryKeyword": -1,
      "TryOpeningBrace": 1,
      "UnaryExpressionOperator": 0,
      "VariableName": 1,
      "WhileStatementClosingBrace": 1,
      "WhileStatementConditionalClosing": 1,
      "WhileStatementConditionalOpening": 0,
      "WhileStatementOpeningBrace": 1
    }
  }
 }
@@ -1 +1,2 @@
 **/JsLibraries/**
 **/*.css.d.ts
@@ -1,14 +1,21 @@
 // eslint-disable-next-line @typescript-eslint/no-var-requires
 const fs = require('fs');
 // eslint-disable-next-line @typescript-eslint/no-var-requires
 const path = require('path');
 // eslint-disable-next-line @typescript-eslint/no-var-requires
 const typescriptEslintRecommended = require('@typescript-eslint/eslint-plugin').configs.recommended;
 const frontendFolder = __dirname;
 const dirs = fs
-  .readdirSync('frontend/src', { withFileTypes: true })
+  .readdirSync(path.join(frontendFolder, 'src'), { withFileTypes: true })
  .filter((dirent) => dirent.isDirectory())
  .map((dirent) => dirent.name)
  .join('|');
 const frontendFolder = __dirname;
 module.exports = {
  root: true,
  parser: '@babel/eslint-parser',
  env: {
@@ -21,7 +28,8 @@ module.exports = {
  globals: {
    expect: false,
    chai: false,
-    sinon: false
+    sinon: false,
    JSX: true
  },
  parserOptions: {
@@ -41,7 +49,9 @@ module.exports = {
    'react',
    'react-hooks',
    'simple-import-sort',
-    'import'
+    'import',
    '@typescript-eslint',
    'prettier'
  ],
  settings: {
@@ -224,7 +234,7 @@ module.exports = {
    'consistent-this': ['error', 'self'],
    'eol-last': 'error',
    'func-names': 'off',
-    'func-style': ['error', 'declaration'],
+    'func-style': ['error', 'declaration', { allowArrowFunctions: true }],
    indent: ['error', 2, { SwitchCase: 1 }],
    'key-spacing': ['error', { beforeColon: false, afterColon: true }],
    'keyword-spacing': ['error', { before: true, after: true }],
@@ -315,7 +325,9 @@ module.exports = {
  },
  overrides: [
    {
-      files: ['*.js'],
+      files: [
        '*.js'
      ],
      rules: {
        'simple-import-sort/imports': [
          'error',
@@ -330,6 +342,52 @@ module.exports = {
          }
        ]
      }
    },
    {
      files: [
        '*.ts',
        '*.tsx'
      ],
      parser: '@typescript-eslint/parser',
      parserOptions: {
        project: './tsconfig.json'
      },
      extends: [
        'prettier'
      ],
      rules: Object.assign(typescriptEslintRecommended.rules, {
        'no-shadow': 'off',
        // These should be enabled after cleaning things up
        '@typescript-eslint/no-unused-vars': 'warn',
        '@typescript-eslint/explicit-function-return-type': 'off',
        'react/prop-types': 'off',
        'prettier/prettier': 'error',
        'simple-import-sort/imports': [
          'error',
          {
            groups: [
              // Packages
              // Absolute Paths
              // Relative Paths
              // Css
              ['^@?\\w', `^(${dirs})(/.*|$)`, '^\\.', '^\\..*css$']
            ]
          }
        ]
      })
    },
    {
      files: [
        '*.css.d.ts'
      ],
      rules: {
        'filenames/match-exported': 'off',
        'init-declarations': 'off',
        'prettier/prettier': 'off'
      }
    }
  ]
 };
@@ -1,12 +0,0 @@
 {
  "js": {
    "indent_size": 2,
    "indent_char": " ",
    "indent_level": 2,
    "indent_with_tabs": false,
    "preserve_newlines": true,
    "brace_style": "collapse",
    "max_preserve_newlines": 2,
    "jslint_happy": true
  }
 }
@@ -0,0 +1,10 @@
 # Ignore everything recursively
 *
 # But not the .ts files
 !*.ts*
 *css.d.ts
 # Check subdirectories too
 !*/
@@ -0,0 +1,6 @@
 {
  "arrowParens": "always",
  "endOfLine": "auto",
  "singleQuote": true,
  "trailingComma": "es5"
 }
@@ -1,12 +1,12 @@
 {
-"plugins": [
+  "plugins": [
-  "stylelint-order"
+    "stylelint-order"
-],
+  ],
-"ignoreFiles": [
+  "ignoreFiles": [
-  "frontend/src/Styles/scaffolding.css",
+    "frontend/src/Styles/scaffolding.css",
-  "**/*.js"
+    "**/*.js"
-],
+  ],
-"rules": {
+  "rules": {
    "at-rule-empty-line-before": [
      "always",
      {
@@ -15,9 +15,6 @@
        ]
      }
    ],
    "at-rule-name-case": "lower",
    "at-rule-name-newline-after": "always-multi-line",
    "at-rule-name-space-after": "always",
    "at-rule-no-unknown": [
      true,
      {
@@ -28,83 +25,36 @@
      }
    ],
    "at-rule-no-vendor-prefix": true,
    "at-rule-semicolon-newline-after": "always",
    "at-rule-semicolon-space-before": "never",
    "block-closing-brace-empty-line-before": "never",
    "block-closing-brace-newline-after": "always",
    "block-closing-brace-newline-before": "always",
    "block-closing-brace-space-after": "always-single-line",
    "block-closing-brace-space-before": "always-single-line",
    "block-no-empty": true,
    "block-opening-brace-newline-after": "always",
    "block-opening-brace-newline-before": "never-single-line",
    "block-opening-brace-space-after": "always-single-line",
    "block-opening-brace-space-before": "always",
    "color-hex-case": "lower",
    "color-hex-length": "short",
    "color-named": "never",
    "color-no-invalid-hex": true,
    "comment-whitespace-inside": "always",
    "declaration-bang-space-after": "never",
    "declaration-bang-space-before": "always",
    "declaration-block-no-duplicate-properties": [
      true,
      {
        "ignoreProperties": [
-            "composes"
+          "composes"
        ]
      }
    ],
    "declaration-block-no-redundant-longhand-properties": true,
    "declaration-block-no-shorthand-property-overrides": true,
    "declaration-block-semicolon-newline-after": "always",
    "declaration-block-semicolon-newline-before": "never-multi-line",
    "declaration-block-semicolon-space-before": "never",
    "declaration-block-single-line-max-declarations": 1,
    "declaration-block-trailing-semicolon": "always",
    "declaration-colon-space-after": "always",
    "declaration-colon-space-before": "never",
    "font-family-name-quotes": "always-unless-keyword",
    "function-calc-no-unspaced-operator": true,
    "function-comma-newline-after": "never-multi-line",
    "function-comma-newline-before": "never-multi-line",
    "function-comma-space-after": "always",
    "function-comma-space-before": "never",
    "function-linear-gradient-no-nonstandard-direction": true,
    "function-name-case": "lower",
    "function-parentheses-newline-inside": "never-multi-line",
    "function-parentheses-space-inside": "never",
    "function-url-quotes": "always",
    "function-url-scheme-disallowed-list": [
      "data"
    ],
    "function-whitespace-after": "always",
    "indentation": 2,
    "keyframe-declaration-no-important": true,
    "length-zero-no-unit": true,
    "max-empty-lines": 1,
    "max-line-length": [
      100,
      {
        "ignore": [
          "non-comments"
        ]
      }
    ],
    "max-nesting-depth": 2,
    "media-feature-colon-space-after": "always",
    "media-feature-colon-space-before": "never",
    "media-feature-name-case": "lower",
    "media-feature-name-no-vendor-prefix": true,
    "media-feature-range-operator-space-after": "always",
    "media-feature-range-operator-space-before": "always",
    "no-empty-source": true,
    "no-eol-whitespace": true,
    "no-extra-semicolons": true,
    "no-invalid-double-slash-comments": true,
    "no-missing-end-of-source-newline": true,
    "number-leading-zero": "always",
    "number-no-trailing-zeros": true,
    "order/order": [
      "custom-properties",
      "dollar-variables",
@@ -132,6 +82,7 @@
          "right",
          "bottom",
          "left",
          "inset",
          "z-index",
          "display",
          "visibility",
@@ -343,54 +294,33 @@
        ]
      }
    ],
    "property-case": "lower",
    "property-no-vendor-prefix": true,
    "rule-empty-line-before": [
      "always",
      {
        "except": [
-            "first-nested"
+          "first-nested"
        ],
        "ignore": [
-            "after-comment"
+          "after-comment"
        ]
      }
    ],
    "selector-attribute-brackets-space-inside": "never",
    "selector-attribute-operator-space-after": "never",
    "selector-attribute-operator-space-before": "never",
    "selector-attribute-quotes": "never",
    "selector-class-pattern": "^[A-Za-z0-9]+$",
    "selector-combinator-space-after": "always",
    "selector-combinator-space-before": "always",
    "selector-descendant-combinator-no-non-space": true,
    "selector-list-comma-newline-after": "always",
    "selector-list-comma-newline-before": "never-multi-line",
    "selector-list-comma-space-before": "never",
    "selector-max-attribute": 0,
    "selector-max-class": 3,
    "selector-max-compound-selectors": 3,
    "selector-max-empty-lines": 0,
    "selector-max-id": 0,
    "selector-max-universal": 0,
    "selector-pseudo-class-case": "lower",
    "selector-pseudo-class-parentheses-space-inside": "never",
    "selector-pseudo-element-case": "lower",
    "selector-pseudo-element-colon-notation": "double",
    "selector-pseudo-element-no-unknown": true,
    "selector-type-case": "lower",
    "selector-type-no-unknown": true,
    "shorthand-property-no-redundant-values": true,
    "string-no-newline": true,
    "string-quotes": "single",
    "time-min-milliseconds": 100,
    "unit-case": "lower",
    "unit-no-unknown": true,
    "value-list-comma-newline-after": "never-multi-line",
    "value-list-comma-newline-before": "never-multi-line",
    "value-list-comma-space-after": "always",
    "value-list-comma-space-before": "never",
    "value-list-max-empty-lines": 0,
    "value-no-vendor-prefix": true
  }
-}
+}
@@ -0,0 +1,7 @@
 {
    "recommendations": [
        "stylelint.vscode-stylelint",
        "dbaeumer.vscode-eslint",
        "esbenp.prettier-vscode"
    ]
 }
@@ -0,0 +1,23 @@
 // Place your settings in this file to overwrite default and user settings.
 {
  "files.insertFinalNewline": true,
  "files.exclude": {
    "**/node_modules": true,
    "**/*.d.css": true
  },
  "editor.formatOnSave": false,
  "editor.codeActionsOnSave": {
    "source.fixAll": true
  },
  "typescript.preferences.quoteStyle": "single",
  "eslint.validate": [
    "javascript",
    "javascriptreact",
    "typescript",
    "typescriptreact"
  ],
 }
@@ -17,7 +17,8 @@ module.exports = {
  env: {
    development: {
      presets: [
-        ['@babel/preset-react', { development: true }]
+        ['@babel/preset-react', { development: true }],
        '@babel/preset-typescript'
      ],
      plugins: [
        'babel-plugin-inline-classnames'
@@ -25,7 +26,8 @@ module.exports = {
    },
    production: {
      presets: [
-        '@babel/preset-react'
+        '@babel/preset-react',
        '@babel/preset-typescript'
      ],
      plugins: [
        'babel-plugin-transform-react-remove-prop-types'
@@ -1,3 +1,4 @@
 /* eslint-disable @typescript-eslint/no-var-requires */
 const path = require('path');
 const webpack = require('webpack');
 const FileManagerPlugin = require('filemanager-webpack-plugin');
@@ -5,6 +6,7 @@ const HtmlWebpackPlugin = require('html-webpack-plugin');
 const LiveReloadPlugin = require('webpack-livereload-plugin');
 const MiniCssExtractPlugin = require('mini-css-extract-plugin');
 const TerserPlugin = require('terser-webpack-plugin');
 const ForkTsCheckerWebpackPlugin = require('fork-ts-checker-webpack-plugin');
 module.exports = (env) => {
  const uiFolder = 'UI';
@@ -38,13 +40,18 @@ module.exports = (env) => {
    },
    resolve: {
      extensions: [
        '.ts',
        '.tsx',
        '.js'
      ],
      modules: [
        srcFolder,
        path.join(srcFolder, 'Shims'),
        'node_modules'
      ],
      alias: {
-        jquery: 'jquery/src/jquery'
+        jquery: 'jquery/dist/jquery.min'
      },
      fallback: {
        buffer: false,
@@ -130,6 +137,8 @@ module.exports = (env) => {
        }
      }),
      new ForkTsCheckerWebpackPlugin(),
      new LiveReloadPlugin()
    ],
@@ -153,7 +162,7 @@ module.exports = (env) => {
          }
        },
        {
-          test: /\.js?$/,
+          test: [/\.jsx?$/, /\.tsx?$/],
          exclude: /(node_modules|JsLibraries)/,
          use: [
            {
@@ -184,6 +193,7 @@ module.exports = (env) => {
          exclude: /(node_modules|globals.css)/,
          use: [
            { loader: MiniCssExtractPlugin.loader },
            { loader: 'css-modules-typescript-loader' },
            {
              loader: 'css-loader',
              options: {
@@ -251,18 +261,19 @@ module.exports = (env) => {
    config.resolve.alias['react-dom$'] = 'react-dom/profiling';
    config.resolve.alias['scheduler/tracing'] = 'scheduler/tracing-profiling';
-    config.optimization.minimizer = [
+    config.optimization = {
-      new TerserPlugin({
+      minimize: true,
-        cache: true,
+      minimizer: [
-        parallel: true,
+        new TerserPlugin({
-        sourceMap: true, // Must be set to true if using source-maps in production
+          terserOptions: {
-        terserOptions: {
+            sourceMap: true, // Must be set to true if using source-maps in production
-          mangle: false,
+            mangle: false,
-          keep_classnames: true,
+            keep_classnames: true,
-          keep_fnames: true
+            keep_fnames: true
-        }
+          }
-      })
+        })
-    ];
+      ]
    };
  }
  return config;
@@ -1,4 +0,0 @@
 // Place your settings in this file to overwrite default and user settings.
 {
  "files.insertFinalNewline": true
 }
@@ -0,0 +1,10 @@
 // This file is automatically generated.
 // Please do not change this file!
 interface CssExports {
  'actions': string;
  'indexer': string;
  'language': string;
  'quality': string;
 }
 export const cssExports: CssExports;
 export default cssExports;
@@ -0,0 +1,7 @@
 // This file is automatically generated.
 // Please do not change this file!
 interface CssExports {
  'description': string;
 }
 export const cssExports: CssExports;
 export default cssExports;
@@ -27,6 +27,7 @@ function HistoryDetails(props) {
      downloadClient,
      downloadClientName,
      downloadId,
      movieMatchType,
      age,
      ageHours,
      ageMinutes,
@@ -73,6 +74,16 @@ function HistoryDetails(props) {
            </span>
        }
        {
          movieMatchType ?
            <DescriptionListItem
              descriptionClassName={styles.description}
              title={translate('MovieMatchType')}
              data={movieMatchType}
            /> :
            null
        }
        {
          downloadClientNameInfo ?
            <DescriptionListItem
@@ -0,0 +1,7 @@
 // This file is automatically generated.
 // Please do not change this file!
 interface CssExports {
  'markAsFailedButton': string;
 }
 export const cssExports: CssExports;
 export default cssExports;
@@ -0,0 +1,7 @@
 // This file is automatically generated.
 // Please do not change this file!
 interface CssExports {
  'cell': string;
 }
 export const cssExports: CssExports;
 export default cssExports;
@@ -0,0 +1,11 @@
 // This file is automatically generated.
 // Please do not change this file!
 interface CssExports {
  'customFormatScore': string;
  'details': string;
  'downloadClient': string;
  'indexer': string;
  'releaseGroup': string;
 }
 export const cssExports: CssExports;
 export default cssExports;
@@ -0,0 +1,8 @@
 // This file is automatically generated.
 // Please do not change this file!
 interface CssExports {
  'torrent': string;
  'usenet': string;
 }
 export const cssExports: CssExports;
 export default cssExports;
@@ -0,0 +1,10 @@
 // This file is automatically generated.
 // Please do not change this file!
 interface CssExports {
  'actions': string;
  'progress': string;
  'protocol': string;
  'quality': string;
 }
 export const cssExports: CssExports;
 export default cssExports;
@@ -0,0 +1,7 @@
 // This file is automatically generated.
 // Please do not change this file!
 interface CssExports {
  'status': string;
 }
 export const cssExports: CssExports;
 export default cssExports;
@@ -0,0 +1,7 @@
 // This file is automatically generated.
 // Please do not change this file!
 interface CssExports {
  'message': string;
 }
 export const cssExports: CssExports;
 export default cssExports;
@@ -0,0 +1,7 @@
 // This file is automatically generated.
 // Please do not change this file!
 interface CssExports {
  'timeleft': string;
 }
 export const cssExports: CssExports;
 export default cssExports;
@@ -0,0 +1,15 @@
 // This file is automatically generated.
 // Please do not change this file!
 interface CssExports {
  'clearLookupButton': string;
  'helpText': string;
  'message': string;
  'noMoviesText': string;
  'noResults': string;
  'searchContainer': string;
  'searchIconContainer': string;
  'searchInput': string;
  'searchResults': string;
 }
 export const cssExports: CssExports;
 export default cssExports;
@@ -0,0 +1,18 @@
 // This file is automatically generated.
 // Please do not change this file!
 interface CssExports {
  'addButton': string;
  'container': string;
  'info': string;
  'labelIcon': string;
  'modalFooter': string;
  'overview': string;
  'poster': string;
  'searchForMissingMovieContainer': string;
  'searchForMissingMovieInput': string;
  'searchForMissingMovieLabel': string;
  'searchForMissingMovieLabelContainer': string;
  'year': string;
 }
 export const cssExports: CssExports;
 export default cssExports;
@@ -0,0 +1,24 @@
 // This file is automatically generated.
 // Please do not change this file!
 interface CssExports {
  'alreadyExistsIcon': string;
  'certification': string;
  'content': string;
  'exclusionIcon': string;
  'icons': string;
  'links': string;
  'overlay': string;
  'overview': string;
  'poster': string;
  'posterContainer': string;
  'runtime': string;
  'searchResult': string;
  'statusContainer': string;
  'title': string;
  'titleContainer': string;
  'titleRow': string;
  'underlay': string;
  'year': string;
 }
 export const cssExports: CssExports;
 export default cssExports;
@@ -123,7 +123,7 @@ class AddNewMovieSearchResult extends Component {
                      monitored={monitored}
                      hasFile={hasFile}
                      status={status}
-                      posterWidth={posterWidth}
+                      width={posterWidth}
                      detailedProgressBar={true}
                      queueStatus={queueStatus}
                      queueState={queueState}
@@ -1,10 +1,10 @@
 import { reduce } from 'lodash';
 import PropTypes from 'prop-types';
 import React, { Component } from 'react';
 import LoadingIndicator from 'Components/Loading/LoadingIndicator';
 import PageContent from 'Components/Page/PageContent';
 import PageContentBody from 'Components/Page/PageContentBody';
 import translate from 'Utilities/String/translate';
 import getSelectedIds from 'Utilities/Table/getSelectedIds';
 import selectAll from 'Utilities/Table/selectAll';
 import toggleSelected from 'Utilities/Table/toggleSelected';
 import ImportMovieFooterConnector from './ImportMovieFooterConnector';
@@ -18,6 +18,8 @@ class ImportMovie extends Component {
  constructor(props, context) {
    super(props, context);
    this.scrollerRef = React.createRef();
    this.state = {
      allSelected: false,
      allUnselected: false,
@@ -27,18 +29,21 @@ class ImportMovie extends Component {
    };
  }
  //
  // Control
  setScrollerRef = (ref) => {
    this.setState({ scroller: ref });
  };
  //
  // Listeners
  getSelectedIds = () => {
-    return getSelectedIds(this.state.selectedState, { parseIds: false });
+    return reduce(
      this.state.selectedState,
      (result, value, id) => {
        if (value) {
          result.push(id);
        }
        return result;
      },
      []
    );
  };
  onSelectAllChange = ({ value }) => {
@@ -88,16 +93,12 @@ class ImportMovie extends Component {
    const {
      allSelected,
      allUnselected,
-      selectedState,
+      selectedState
      scroller
    } = this.state;
    return (
      <PageContent title={translate('ImportMovies')}>
-        <PageContentBody
+        <PageContentBody ref={this.scrollerRef} >
          registerScroller={this.setScrollerRef}
          onScroll={this.onScroll}
        >
          {
            rootFoldersFetching ? <LoadingIndicator /> : null
          }
@@ -126,14 +127,14 @@ class ImportMovie extends Component {
            !rootFoldersFetching &&
            rootFoldersPopulated &&
            !!unmappedFolders.length &&
-            scroller ?
+            this.scrollerRef.current ?
              <ImportMovieTableConnector
                rootFolderId={rootFolderId}
                unmappedFolders={unmappedFolders}
                allSelected={allSelected}
                allUnselected={allUnselected}
                selectedState={selectedState}
-                scroller={scroller}
+                scroller={this.scrollerRef.current}
                onSelectAllChange={this.onSelectAllChange}
                onSelectedChange={this.onSelectedChange}
                onRemoveSelectedStateItem={this.onRemoveSelectedStateItem}
@@ -1,6 +1,14 @@
 .inputContainer {
  margin-right: 20px;
  min-width: 150px;
  div {
    margin-top: 10px;
    &:first-child {
      margin-top: 0;
    }
  }
 }
 .label {
@@ -35,3 +43,17 @@
 .importError {
  margin-left: 10px;
 }
@media only screen and (max-width: $breakpointSmall) {
  .inputContainer {
    margin-top: 10px;
    &:first-child {
      margin-top: 0;
    }
  }
  .importButtonContainer {
    margin-top: 10px;
  }
 }
@@ -0,0 +1,13 @@
 // This file is automatically generated.
 // Please do not change this file!
 interface CssExports {
  'importButton': string;
  'importButtonContainer': string;
  'importError': string;
  'inputContainer': string;
  'label': string;
  'loading': string;
  'loadingButton': string;
 }
 export const cssExports: CssExports;
 export default cssExports;
@@ -0,0 +1,12 @@
 // This file is automatically generated.
 // Please do not change this file!
 interface CssExports {
  'detailsIcon': string;
  'folder': string;
  'minimumAvailability': string;
  'monitor': string;
  'movie': string;
  'qualityProfile': string;
 }
 export const cssExports: CssExports;
 export default cssExports;
@@ -0,0 +1,12 @@
 // This file is automatically generated.
 // Please do not change this file!
 interface CssExports {
  'folder': string;
  'minimumAvailability': string;
  'monitor': string;
  'movie': string;
  'qualityProfile': string;
  'selectInput': string;
 }
 export const cssExports: CssExports;
 export default cssExports;
@@ -0,0 +1,10 @@
 // This file is automatically generated.
 // Please do not change this file!
 interface CssExports {
  'container': string;
  'movie': string;
  'tmdbLink': string;
  'tmdbLinkIcon': string;
 }
 export const cssExports: CssExports;
 export default cssExports;
@@ -0,0 +1,16 @@
 // This file is automatically generated.
 // Please do not change this file!
 interface CssExports {
  'button': string;
  'content': string;
  'contentContainer': string;
  'dropdownArrowContainer': string;
  'existing': string;
  'loading': string;
  'searchContainer': string;
  'searchIconContainer': string;
  'searchInput': string;
  'warningIcon': string;
 }
 export const cssExports: CssExports;
 export default cssExports;
@@ -0,0 +1,10 @@
 // This file is automatically generated.
 // Please do not change this file!
 interface CssExports {
  'existing': string;
  'title': string;
  'titleContainer': string;
  'year': string;
 }
 export const cssExports: CssExports;
 export default cssExports;
@@ -0,0 +1,10 @@
 // This file is automatically generated.
 // Please do not change this file!
 interface CssExports {
  'actions': string;
  'freeSpace': string;
  'link': string;
  'unmappedFolders': string;
 }
 export const cssExports: CssExports;
 export default cssExports;
@@ -0,0 +1,14 @@
 // This file is automatically generated.
 // Please do not change this file!
 interface CssExports {
  'addErrorAlert': string;
  'code': string;
  'header': string;
  'importButtonIcon': string;
  'recentFolders': string;
  'startImport': string;
  'tip': string;
  'tips': string;
 }
 export const cssExports: CssExports;
 export default cssExports;
@@ -12,7 +12,7 @@ import NotFound from 'Components/NotFound';
 import Switch from 'Components/Router/Switch';
 import DiscoverMovieConnector from 'DiscoverMovie/DiscoverMovieConnector';
 import MovieDetailsPageConnector from 'Movie/Details/MovieDetailsPageConnector';
-import MovieIndexConnector from 'Movie/Index/MovieIndexConnector';
+import MovieIndex from 'Movie/Index/MovieIndex';
 import CustomFormatSettingsConnector from 'Settings/CustomFormats/CustomFormatSettingsConnector';
 import DownloadClientSettingsConnector from 'Settings/DownloadClients/DownloadClientSettingsConnector';
 import GeneralSettingsConnector from 'Settings/General/GeneralSettingsConnector';
@@ -48,7 +48,7 @@ function AppRoutes(props) {
      <Route
        exact={true}
        path="/"
-        component={MovieIndexConnector}
+        component={MovieIndex}
      />
      {
@@ -0,0 +1,9 @@
 // This file is automatically generated.
 // Please do not change this file!
 interface CssExports {
  'changes': string;
  'maintenance': string;
  'version': string;
 }
 export const cssExports: CssExports;
 export default cssExports;
@@ -0,0 +1,7 @@
 // This file is automatically generated.
 // Please do not change this file!
 interface CssExports {
  'automatic': string;
 }
 export const cssExports: CssExports;
 export default cssExports;
@@ -0,0 +1,5 @@
 interface ModelBase {
  id: number;
 }
 export default ModelBase;
@@ -0,0 +1,83 @@
 import { cloneDeep } from 'lodash';
 import React, { useCallback, useEffect } from 'react';
 import useSelectState, { SelectState } from 'Helpers/Hooks/useSelectState';
 import ModelBase from './ModelBase';
 export type SelectContextAction =
  | { type: 'reset' }
  | { type: 'selectAll' }
  | { type: 'unselectAll' }
  | {
      type: 'toggleSelected';
      id: number;
      isSelected: boolean;
      shiftKey: boolean;
    }
  | {
      type: 'removeItem';
      id: number;
    }
  | {
      type: 'updateItems';
      items: ModelBase[];
    };
 export type SelectDispatch = (action: SelectContextAction) => void;
 interface SelectProviderOptions<T extends ModelBase> {
  // eslint-disable-next-line @typescript-eslint/no-explicit-any
  children: any;
  items: Array<T>;
 }
 const SelectContext = React.createContext<
  [SelectState, SelectDispatch] | undefined
 >(cloneDeep(undefined));
 export function SelectProvider<T extends ModelBase>(
  props: SelectProviderOptions<T>
 ) {
  const { items } = props;
  const [state, dispatch] = useSelectState();
  const dispatchWrapper = useCallback(
    (action: SelectContextAction) => {
      switch (action.type) {
        case 'reset':
        case 'removeItem':
          dispatch(action);
          break;
        default:
          dispatch({
            ...action,
            items,
          });
          break;
      }
    },
    [items, dispatch]
  );
  const value: [SelectState, SelectDispatch] = [state, dispatchWrapper];
  useEffect(() => {
    dispatch({ type: 'updateItems', items });
  }, [items, dispatch]);
  return (
    <SelectContext.Provider value={value}>
      {props.children}
    </SelectContext.Provider>
  );
 }
 export function useSelect() {
  const context = React.useContext(SelectContext);
  if (context === undefined) {
    throw new Error('useSelect must be used within a SelectProvider');
  }
  return context;
 }
@@ -0,0 +1,48 @@
 import SortDirection from 'Helpers/Props/SortDirection';
 export interface Error {
  responseJSON: {
    message: string;
  };
 }
 export interface AppSectionDeleteState {
  isDeleting: boolean;
  deleteError: Error;
 }
 export interface AppSectionSaveState {
  isSaving: boolean;
  saveError: Error;
 }
 export interface PagedAppSectionState {
  pageSize: number;
 }
 export interface AppSectionSchemaState<T> {
  isSchemaFetching: boolean;
  isSchemaPopulated: boolean;
  schemaError: Error;
  schema: {
    items: T[];
  };
 }
 export interface AppSectionItemState<T> {
  isFetching: boolean;
  isPopulated: boolean;
  error: Error;
  item: T;
 }
 interface AppSectionState<T> {
  isFetching: boolean;
  isPopulated: boolean;
  error: Error;
  items: T[];
  sortKey: string;
  sortDirection: SortDirection;
 }
 export default AppSectionState;
@@ -0,0 +1,50 @@
 import InteractiveImportAppState from 'App/State/InteractiveImportAppState';
 import MovieFilesAppState from './MovieFilesAppState';
 import MoviesAppState, { MovieIndexAppState } from './MoviesAppState';
 import QueueAppState from './QueueAppState';
 import SettingsAppState from './SettingsAppState';
 import TagsAppState from './TagsAppState';
 interface FilterBuilderPropOption {
  id: string;
  name: string;
 }
 export interface FilterBuilderProp<T> {
  name: string;
  label: string;
  type: string;
  valueType?: string;
  optionsSelector?: (items: T[]) => FilterBuilderPropOption[];
 }
 export interface PropertyFilter {
  key: string;
  value: boolean | string | number | string[] | number[];
  type: string;
 }
 export interface Filter {
  key: string;
  label: string;
  filers: PropertyFilter[];
 }
 export interface CustomFilter {
  id: number;
  type: string;
  label: string;
  filers: PropertyFilter[];
 }
 interface AppState {
  movieFiles: MovieFilesAppState;
  interactiveImport: InteractiveImportAppState;
  movieIndex: MovieIndexAppState;
  settings: SettingsAppState;
  movies: MoviesAppState;
  tags: TagsAppState;
  queue: QueueAppState;
 }
 export default AppState;
@@ -0,0 +1,8 @@
 import { CustomFilter } from './AppState';
 interface ClientSideCollectionAppState {
  totalItems: number;
  customFilters: CustomFilter[];
 }
 export default ClientSideCollectionAppState;
@@ -0,0 +1,10 @@
 import AppSectionState, {
  AppSectionDeleteState,
 } from 'App/State/AppSectionState';
 import { CustomFilter } from './AppState';
 interface CustomFiltersAppState
  extends AppSectionState<CustomFilter>,
    AppSectionDeleteState {}
 export default CustomFiltersAppState;
@@ -0,0 +1,12 @@
 import AppSectionState from 'App/State/AppSectionState';
 import RecentFolder from 'InteractiveImport/Folder/RecentFolder';
 import ImportMode from '../../InteractiveImport/ImportMode';
 import InteractiveImport from '../../InteractiveImport/InteractiveImport';
 interface InteractiveImportAppState extends AppSectionState<InteractiveImport> {
  originalItems: InteractiveImport[];
  importMode: ImportMode;
  recentFolders: RecentFolder[];
 }
 export default InteractiveImportAppState;
@@ -0,0 +1,10 @@
 import AppSectionState, {
  AppSectionDeleteState,
 } from 'App/State/AppSectionState';
 import { MovieFile } from 'MovieFile/MovieFile';
 interface MovieFilesAppState
  extends AppSectionState<MovieFile>,
    AppSectionDeleteState {}
 export default MovieFilesAppState;
@@ -0,0 +1,61 @@
 import AppSectionState, {
  AppSectionDeleteState,
  AppSectionSaveState,
 } from 'App/State/AppSectionState';
 import Column from 'Components/Table/Column';
 import SortDirection from 'Helpers/Props/SortDirection';
 import Movie from 'Movie/Movie';
 import { Filter, FilterBuilderProp } from './AppState';
 export interface MovieIndexAppState {
  sortKey: string;
  sortDirection: SortDirection;
  secondarySortKey: string;
  secondarySortDirection: SortDirection;
  view: string;
  posterOptions: {
    detailedProgressBar: boolean;
    size: string;
    showTitle: boolean;
    showMonitored: boolean;
    showQualityProfile: boolean;
    showReleaseDate: boolean;
    showCinemaRelease: boolean;
    showSearchAction: boolean;
  };
  overviewOptions: {
    detailedProgressBar: boolean;
    size: string;
    showMonitored: boolean;
    showStudio: boolean;
    showQualityProfile: boolean;
    showAdded: boolean;
    showPath: boolean;
    showSizeOnDisk: boolean;
    showSearchAction: boolean;
  };
  tableOptions: {
    showSearchAction: boolean;
  };
  selectedFilterKey: string;
  filterBuilderProps: FilterBuilderProp<Movie>[];
  filters: Filter[];
  columns: Column[];
 }
 interface MoviesAppState
  extends AppSectionState<Movie>,
    AppSectionDeleteState,
    AppSectionSaveState {
  itemMap: Record<number, number>;
  deleteOptions: {
    addImportExclusion: boolean;
  };
 }
 export default MoviesAppState;
@@ -0,0 +1,51 @@
 import ModelBase from 'App/ModelBase';
 import Language from 'Language/Language';
 import { QualityModel } from 'Quality/Quality';
 import CustomFormat from 'typings/CustomFormat';
 import AppSectionState, { AppSectionItemState, Error } from './AppSectionState';
 export interface StatusMessage {
  title: string;
  messages: string[];
 }
 export interface Queue extends ModelBase {
  languages: Language[];
  quality: QualityModel;
  customFormats: CustomFormat[];
  size: number;
  title: string;
  sizeleft: number;
  timeleft: string;
  estimatedCompletionTime: string;
  status: string;
  trackedDownloadStatus: string;
  trackedDownloadState: string;
  statusMessages: StatusMessage[];
  errorMessage: string;
  downloadId: string;
  protocol: string;
  downloadClient: string;
  outputPath: string;
  movieHasFile: boolean;
  movieId?: number;
 }
 export interface QueueDetailsAppState extends AppSectionState<Queue> {
  params: unknown;
 }
 export interface QueuePagedAppState extends AppSectionState<Queue> {
  isGrabbing: boolean;
  grabError: Error;
  isRemoving: boolean;
  removeError: Error;
 }
 interface QueueAppState {
  status: AppSectionItemState<Queue>;
  details: QueueDetailsAppState;
  paged: QueuePagedAppState;
 }
 export default QueueAppState;
@@ -0,0 +1,28 @@
 import AppSectionState, {
  AppSectionDeleteState,
  AppSectionSchemaState,
 } from 'App/State/AppSectionState';
 import Language from 'Language/Language';
 import DownloadClient from 'typings/DownloadClient';
 import QualityProfile from 'typings/QualityProfile';
 import { UiSettings } from 'typings/UiSettings';
 export interface DownloadClientAppState
  extends AppSectionState<DownloadClient>,
    AppSectionDeleteState {}
 export interface QualityProfilesAppState
  extends AppSectionState<QualityProfile>,
    AppSectionSchemaState<QualityProfile> {}
 export type LanguageSettingsAppState = AppSectionState<Language>;
 export type UiSettingsAppState = AppSectionState<UiSettings>;
 interface SettingsAppState {
  downloadClients: DownloadClientAppState;
  language: LanguageSettingsAppState;
  uiSettings: UiSettingsAppState;
  qualityProfiles: QualityProfilesAppState;
 }
 export default SettingsAppState;
@@ -0,0 +1,12 @@
 import ModelBase from 'App/ModelBase';
 import AppSectionState, {
  AppSectionDeleteState,
 } from 'App/State/AppSectionState';
 export interface Tag extends ModelBase {
  label: string;
 }
 interface TagsAppState extends AppSectionState<Tag>, AppSectionDeleteState {}
 export default TagsAppState;
@@ -0,0 +1,7 @@
 // This file is automatically generated.
 // Please do not change this file!
 interface CssExports {
  'agenda': string;
 }
 export const cssExports: CssExports;
 export default cssExports;
@@ -0,0 +1,21 @@
 // This file is automatically generated.
 // Please do not change this file!
 interface CssExports {
  'continuing': string;
  'date': string;
  'dateIcon': string;
  'downloaded': string;
  'event': string;
  'eventWrapper': string;
  'genres': string;
  'link': string;
  'missingMonitored': string;
  'missingUnmonitored': string;
  'movieTitle': string;
  'queue': string;
  'statusIcon': string;
  'time': string;
  'unmonitored': string;
 }
 export const cssExports: CssExports;
 export default cssExports;
@@ -0,0 +1,8 @@
 // This file is automatically generated.
 // Please do not change this file!
 interface CssExports {
  'calendar': string;
  'calendarContent': string;
 }
 export const cssExports: CssExports;
 export default cssExports;
@@ -0,0 +1,9 @@
 // This file is automatically generated.
 // Please do not change this file!
 interface CssExports {
  'calendarInnerPageBody': string;
  'calendarPageBody': string;
  'errorMessage': string;
 }
 export const cssExports: CssExports;
 export default cssExports;
@@ -0,0 +1,11 @@
 // This file is automatically generated.
 // Please do not change this file!
 interface CssExports {
  'day': string;
  'dayOfMonth': string;
  'isDifferentMonth': string;
  'isSingleDay': string;
  'isToday': string;
 }
 export const cssExports: CssExports;
 export default cssExports;
@@ -0,0 +1,11 @@
 // This file is automatically generated.
 // Please do not change this file!
 interface CssExports {
  'day': string;
  'days': string;
  'forecast': string;
  'month': string;
  'week': string;
 }
 export const cssExports: CssExports;
 export default cssExports;
@@ -1,6 +1,6 @@
 .dayOfWeek {
  flex: 1 0 14.28%;
-  background-color: var(--calendarBackgroudColor);
+  background-color: var(--calendarBackgroundColor);
  text-align: center;
 }
@@ -0,0 +1,9 @@
 // This file is automatically generated.
 // Please do not change this file!
 interface CssExports {
  'dayOfWeek': string;
  'isSingleDay': string;
  'isToday': string;
 }
 export const cssExports: CssExports;
 export default cssExports;
@@ -0,0 +1,7 @@
 // This file is automatically generated.
 // Please do not change this file!
 interface CssExports {
  'daysOfWeek': string;
 }
 export const cssExports: CssExports;
 export default cssExports;
@@ -0,0 +1,19 @@
 // This file is automatically generated.
 // Please do not change this file!
 interface CssExports {
  'continuing': string;
  'downloaded': string;
  'event': string;
  'genres': string;
  'info': string;
  'link': string;
  'missingMonitored': string;
  'missingUnmonitored': string;
  'movieInfo': string;
  'movieTitle': string;
  'queue': string;
  'statusIcon': string;
  'unmonitored': string;
 }
 export const cssExports: CssExports;
 export default cssExports;
@@ -0,0 +1,14 @@
 // This file is automatically generated.
 // Please do not change this file!
 interface CssExports {
  'header': string;
  'loading': string;
  'navigationButtons': string;
  'titleDesktop': string;
  'titleMobile': string;
  'todayButton': string;
  'viewButtonsContainer': string;
  'viewMenu': string;
 }
 export const cssExports: CssExports;
 export default cssExports;
@@ -0,0 +1,7 @@
 // This file is automatically generated.
 // Please do not change this file!
 interface CssExports {
  'legend': string;
 }
 export const cssExports: CssExports;
 export default cssExports;
@@ -0,0 +1,8 @@
 // This file is automatically generated.
 // Please do not change this file!
 interface CssExports {
  'icon': string;
  'legendIconItem': string;
 }
 export const cssExports: CssExports;
 export default cssExports;
@@ -0,0 +1,18 @@
 // This file is automatically generated.
 // Please do not change this file!
 interface CssExports {
  'availNotMonitored': string;
  'continuing': string;
  'ended': string;
  'legendItem': string;
  'legendItemColor': string;
  'legendItemContainer': string;
  'legendItemText': string;
  'missingMonitored': string;
  'missingMonitoredColorImpaired': string;
  'missingUnmonitored': string;
  'missingUnmonitoredColorImpaired': string;
  'queue': string;
 }
 export const cssExports: CssExports;
 export default cssExports;
@@ -36,7 +36,7 @@ function getUrls(state) {
    icalUrl += `tags=${tags.toString()}&`;
  }
-  icalUrl += `apikey=${window.Radarr.apiKey}`;
+  icalUrl += `apikey=${encodeURIComponent(window.Radarr.apiKey)}`;
  const iCalHttpUrl = `${window.location.protocol}//${icalUrl}`;
  const iCalWebCalUrl = `webcal://${icalUrl}`;
@@ -0,0 +1,18 @@
 // This file is automatically generated.
 // Please do not change this file!
 interface CssExports {
  'addButton': string;
  'container': string;
  'info': string;
  'labelIcon': string;
  'modalFooter': string;
  'overview': string;
  'poster': string;
  'searchForMissingMovieContainer': string;
  'searchForMissingMovieInput': string;
  'searchForMissingMovieLabel': string;
  'searchForMissingMovieLabelContainer': string;
  'year': string;
 }
 export const cssExports: CssExports;
 export default cssExports;
@@ -35,8 +35,9 @@ class Collection extends Component {
  constructor(props, context) {
    super(props, context);
    this.scrollerRef = React.createRef();
    this.state = {
      scroller: null,
      jumpBarItems: { order: [] },
      jumpToCharacter: null,
      isPosterOptionsModalOpen: false,
@@ -78,10 +79,6 @@ class Collection extends Component {
  //
  // Control
  setScrollerRef = (ref) => {
    this.setState({ scroller: ref });
  };
  getSelectedIds = () => {
    if (this.state.allUnselected) {
      return [];
@@ -234,7 +231,6 @@ class Collection extends Component {
    } = this.props;
    const {
      scroller,
      jumpBarItems,
      jumpToCharacter,
      isOverviewOptionsModalOpen,
@@ -246,7 +242,7 @@ class Collection extends Component {
    const selectedMovieIds = this.getSelectedIds();
    const ViewComponent = getViewComponent(view);
-    const isLoaded = !!(!error && isPopulated && items.length && scroller);
+    const isLoaded = !!(!error && isPopulated && items.length && this.scrollerRef.current);
    const hasNoCollection = !totalItems;
    return (
@@ -306,10 +302,9 @@ class Collection extends Component {
        <div className={styles.pageContentBodyWrapper}>
          <PageContentBody
-            registerScroller={this.setScrollerRef}
+            ref={this.scrollerRef}
            className={styles.contentBody}
            innerClassName={styles[`${view}InnerContentBody`]}
            onScroll={onScroll}
          >
            {
              isFetching && !isPopulated &&
@@ -327,7 +322,7 @@ class Collection extends Component {
              isLoaded &&
                <div className={styles.contentBodyContainer}>
                  <ViewComponent
-                    scroller={scroller}
+                    scroller={this.scrollerRef.current}
                    items={items}
                    filters={filters}
                    sortKey={sortKey}
@@ -0,0 +1,13 @@
 // This file is automatically generated.
 // Please do not change this file!
 interface CssExports {
  'addSelectedButton': string;
  'buttonContainer': string;
  'buttonContainerContent': string;
  'buttons': string;
  'excludeSelectedButton': string;
  'inputContainer': string;
  'selectedMovieLabel': string;
 }
 export const cssExports: CssExports;
 export default cssExports;
@@ -0,0 +1,8 @@
 // This file is automatically generated.
 // Please do not change this file!
 interface CssExports {
  'label': string;
  'savingIcon': string;
 }
 export const cssExports: CssExports;
 export default cssExports;
@@ -0,0 +1,10 @@
 // This file is automatically generated.
 // Please do not change this file!
 interface CssExports {
  'container': string;
  'info': string;
  'overview': string;
  'poster': string;
 }
 export const cssExports: CssExports;
 export default cssExports;
@@ -0,0 +1,8 @@
 // This file is automatically generated.
 // Please do not change this file!
 interface CssExports {
  'buttonContainer': string;
  'message': string;
 }
 export const cssExports: CssExports;
 export default cssExports;
@@ -0,0 +1,19 @@
 // This file is automatically generated.
 // Please do not change this file!
 interface CssExports {
  'action': string;
  'container': string;
  'content': string;
  'controls': string;
  'editorSelect': string;
  'externalLinks': string;
  'link': string;
  'monitorToggleButton': string;
  'overlay': string;
  'overlayTitle': string;
  'poster': string;
  'posterContainer': string;
  'title': string;
 }
 export const cssExports: CssExports;
 export default cssExports;
@@ -134,7 +134,7 @@ class CollectionMovie extends Component {
                      hasFile={hasFile}
                      status={status}
                      bottomRadius={true}
-                      posterWidth={posterWidth}
+                      width={posterWidth}
                      detailedProgressBar={detailedProgressBar}
                      isAvailable={isAvailable}
                    />
@@ -0,0 +1,16 @@
 // This file is automatically generated.
 // Please do not change this file!
 interface CssExports {
  'danger': string;
  'info': string;
  'movie': string;
  'movieStatus': string;
  'movieTitle': string;
  'primary': string;
  'purple': string;
  'queue': string;
  'success': string;
  'warning': string;
 }
 export const cssExports: CssExports;
 export default cssExports;
@@ -0,0 +1,28 @@
 // This file is automatically generated.
 // Please do not change this file!
 interface CssExports {
  'actions': string;
  'content': string;
  'defaults': string;
  'details': string;
  'detailsLabel': string;
  'editorSelect': string;
  'genres': string;
  'info': string;
  'labelsContainer': string;
  'monitorToggleButton': string;
  'movie': string;
  'moviesContainer': string;
  'navigationButtons': string;
  'overview': string;
  'path': string;
  'qualityProfileName': string;
  'sliderContainer': string;
  'status': string;
  'title': string;
  'titleContainer': string;
  'titleRow': string;
  'toggleMonitoredContainer': string;
 }
 export const cssExports: CssExports;
 export default cssExports;
@@ -0,0 +1,10 @@
 // This file is automatically generated.
 // Please do not change this file!
 interface CssExports {
  'container': string;
  'content': string;
  'externalLinks': string;
  'grid': string;
 }
 export const cssExports: CssExports;
 export default cssExports;
@@ -0,0 +1,37 @@
 import ModelBase from 'App/ModelBase';
 export interface CommandBody {
  sendUpdatesToClient: boolean;
  updateScheduledTask: boolean;
  completionMessage: string;
  requiresDiskAccess: boolean;
  isExclusive: boolean;
  isLongRunning: boolean;
  name: string;
  lastExecutionTime: string;
  lastStartTime: string;
  trigger: string;
  suppressMessages: boolean;
  movieId?: number;
 }
 interface Command extends ModelBase {
  name: string;
  commandName: string;
  message: string;
  body: CommandBody;
  priority: string;
  status: string;
  result: string;
  queued: string;
  started: string;
  ended: string;
  duration: string;
  trigger: string;
  stateChangeTime: string;
  sendUpdatesToClient: boolean;
  updateScheduledTask: boolean;
  lastExecutionTime: string;
 }
 export default Command;
@@ -0,0 +1,11 @@
 // This file is automatically generated.
 // Please do not change this file!
 interface CssExports {
  'alert': string;
  'danger': string;
  'info': string;
  'success': string;
  'warning': string;
 }
 export const cssExports: CssExports;
 export default cssExports;
@@ -4,7 +4,9 @@ import React from 'react';
 import { kinds } from 'Helpers/Props';
 import styles from './Alert.css';
-function Alert({ className, kind, children, ...otherProps }) {
+function Alert(props) {
  const { className, kind, children, ...otherProps } = props;
  return (
    <div
      className={classNames(
@@ -19,8 +21,8 @@ function Alert({ className, kind, children, ...otherProps }) {
 }
 Alert.propTypes = {
-  className: PropTypes.string.isRequired,
+  className: PropTypes.string,
-  kind: PropTypes.oneOf(kinds.all).isRequired,
+  kind: PropTypes.oneOf(kinds.all),
  children: PropTypes.node.isRequired
 };
@@ -0,0 +1,9 @@
 // This file is automatically generated.
 // Please do not change this file!
 interface CssExports {
  'card': string;
  'overlay': string;
  'underlay': string;
 }
 export const cssExports: CssExports;
 export default cssExports;
@@ -0,0 +1,9 @@
 // This file is automatically generated.
 // Please do not change this file!
 interface CssExports {
  'circularProgressBar': string;
  'circularProgressBarContainer': string;
  'circularProgressBarText': string;
 }
 export const cssExports: CssExports;
 export default cssExports;
@@ -0,0 +1,7 @@
 // This file is automatically generated.
 // Please do not change this file!
 interface CssExports {
  'descriptionList': string;
 }
 export const cssExports: CssExports;
 export default cssExports;
@@ -17,7 +17,7 @@ class DescriptionListItem extends Component {
    } = this.props;
    return (
-      <span>
+      <div>
        <DescriptionListItemTitle
          className={titleClassName}
        >
@@ -29,7 +29,7 @@ class DescriptionListItem extends Component {
        >
          {data}
        </DescriptionListItemDescription>
-      </span>
+      </div>
    );
  }
 }
@@ -0,0 +1,7 @@
 // This file is automatically generated.
 // Please do not change this file!
 interface CssExports {
  'description': string;
 }
 export const cssExports: CssExports;
 export default cssExports;
@@ -0,0 +1,7 @@
 // This file is automatically generated.
 // Please do not change this file!
 interface CssExports {
  'title': string;
 }
 export const cssExports: CssExports;
 export default cssExports;
@@ -0,0 +1,7 @@
 // This file is automatically generated.
 // Please do not change this file!
 interface CssExports {
  'dragLayer': string;
 }
 export const cssExports: CssExports;
 export default cssExports;
@@ -25,6 +25,10 @@
  white-space: pre-wrap;
 }
 .version {
  margin-top: 20px;
 }
@media only screen and (max-width: $breakpointMedium) {
  .image {
    height: 250px;
@@ -0,0 +1,12 @@
 // This file is automatically generated.
 // Please do not change this file!
 interface CssExports {
  'container': string;
  'details': string;
  'image': string;
  'imageContainer': string;
  'message': string;
  'version': string;
 }
 export const cssExports: CssExports;
 export default cssExports;
@@ -1,60 +0,0 @@
 import PropTypes from 'prop-types';
 import React from 'react';
 import styles from './ErrorBoundaryError.css';
 function ErrorBoundaryError(props) {
  const {
    className,
    messageClassName,
    detailsClassName,
    message,
    error,
    info
  } = props;
  return (
    <div className={className}>
      <div className={messageClassName}>
        {message}
      </div>
      <div className={styles.imageContainer}>
        <img
          className={styles.image}
          src={`${window.Radarr.urlBase}/Content/Images/error.png`}
        />
      </div>
      <details className={detailsClassName}>
        {
          error &&
            <div>
              {error.toString()}
            </div>
        }
        <div className={styles.info}>
          {info.componentStack}
        </div>
      </details>
    </div>
  );
 }
 ErrorBoundaryError.propTypes = {
  className: PropTypes.string.isRequired,
  messageClassName: PropTypes.string.isRequired,
  detailsClassName: PropTypes.string.isRequired,
  message: PropTypes.string.isRequired,
  error: PropTypes.object.isRequired,
  info: PropTypes.object.isRequired
 };
 ErrorBoundaryError.defaultProps = {
  className: styles.container,
  messageClassName: styles.message,
  detailsClassName: styles.details,
  message: 'There was an error loading this content'
 };
 export default ErrorBoundaryError;
@@ -0,0 +1,72 @@
 import React, { useEffect, useState } from 'react';
 import StackTrace from 'stacktrace-js';
 import styles from './ErrorBoundaryError.css';
 interface ErrorBoundaryErrorProps {
  className: string;
  messageClassName: string;
  detailsClassName: string;
  message: string;
  error: Error;
  info: {
    componentStack: string;
  };
 }
 function ErrorBoundaryError(props: ErrorBoundaryErrorProps) {
  const {
    className = styles.container,
    messageClassName = styles.message,
    detailsClassName = styles.details,
    message = 'There was an error loading this content',
    error,
    info,
  } = props;
  const [detailedError, setDetailedError] = useState<
    StackTrace.StackFrame[] | null
  >(null);
  useEffect(() => {
    if (error) {
      StackTrace.fromError(error).then((de) => {
        setDetailedError(de);
      });
    } else {
      setDetailedError(null);
    }
  }, [error, setDetailedError]);
  return (
    <div className={className}>
      <div className={messageClassName}>{message}</div>
      <div className={styles.imageContainer}>
        <img
          className={styles.image}
          src={`${window.Radarr.urlBase}/Content/Images/error.png`}
        />
      </div>
      <details className={detailsClassName}>
        {error ? <div>{error.message}</div> : null}
        {detailedError ? (
          detailedError.map((d, index) => {
            return (
              <div key={index}>
                {`  at ${d.functionName} (${d.fileName}:${d.lineNumber}:${d.columnNumber})`}
              </div>
            );
          })
        ) : (
          <div>{info.componentStack}</div>
        )}
        {<div className={styles.version}>Version: {window.Radarr.version}</div>}
      </details>
    </div>
  );
 }
 export default ErrorBoundaryError;
--- a/Show More
+++ b/Show More
`@@ -1 +1,2 @@`
	`/JsLibraries/`	`/JsLibraries/`
		`*/.css.d.ts`