fixup! New: (Cardigann) Paging Support

Co-Authored-By: Bogdan <mynameisbogdan@users.noreply.github.com>

.editorconfig

@@ -258,7 +258,7 @@ dotnet_diagnostic.CA5401.severity = suggestion
 
 dotnet_diagnostic.SYSLIB0014.severity = none
 
-[*.{js,jsx,ts,tsx,html,hbs,less,css}]
+[*.{js,html,js,hbs,less,css}]
 charset = utf-8
 trim_trailing_whitespace = true
 insert_final_newline = true

.esprintrc

@@ -0,0 +1,9 @@
+{
+  "paths": [
+    "frontend/src/**/*.js"
+  ],
+  "ignored": [
+    "**/node_modules/**/*"
+  ],
+  "port": 5004
+}

.github/workflows/label-actions.yml

@@ -18,6 +18,6 @@ jobs:
   action:
     runs-on: ubuntu-latest
     steps:
-      - uses: dessant/label-actions@v3
+      - uses: dessant/label-actions@v2
         with:
-          process-only: 'issues, prs'
+          process-only: 'issues, prs'

.github/workflows/lock.yml

@@ -9,13 +9,13 @@ jobs:
   lock:
     runs-on: ubuntu-latest
     steps:
-      - uses: dessant/lock-threads@v4
+      - uses: dessant/lock-threads@v2
         with:
           github-token: ${{ github.token }}
-          issue-inactive-days: '90'
-          exclude-issue-created-before: ''
-          exclude-any-issue-labels: ''
-          add-issue-labels: ''
-          issue-comment: ''
+          issue-lock-inactive-days: '90'
+          issue-exclude-created-before: ''
+          issue-exclude-labels: ''
+          issue-lock-labels: ''
+          issue-lock-comment: ''
           issue-lock-reason: 'resolved'
           process-only: ''

azure-pipelines.yml

@@ -9,7 +9,7 @@ variables:
   testsFolder: './_tests'
   yarnCacheFolder: $(Pipeline.Workspace)/.yarn
   nugetCacheFolder: $(Pipeline.Workspace)/.nuget/packages
-  majorVersion: '1.3.2'
+  majorVersion: '1.3.1'
   minorVersion: $[counter('minorVersion', 1)]
   prowlarrVersion: '$(majorVersion).$(minorVersion)'
   buildName: '$(Build.SourceBranchName).$(prowlarrVersion)'

docs.sh

@@ -3,9 +3,9 @@ PLATFORM=$1
 if [ "$PLATFORM" = "Windows" ]; then
   RUNTIME="win-x64"
 elif [ "$PLATFORM" = "Linux" ]; then
-  RUNTIME="linux-x64"
+  WHERE="linux-x64"
 elif [ "$PLATFORM" = "Mac" ]; then
-  RUNTIME="osx-x64"
+  WHERE="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.5.0 Swashbuckle.AspNetCore.Cli
+dotnet tool install --version 6.3.0 Swashbuckle.AspNetCore.Cli
 
 dotnet tool run swagger tofile --output ./src/Prowlarr.Api.V1/openapi.json "$outputFolder/net6.0/$RUNTIME/prowlarr.console.dll" v1 &
 
@@ -35,4 +35,4 @@ sleep 30
 
 kill %1
 
-exit 0
+exit 0

frontend/.eslintignore

@@ -1,2 +1 @@
 **/JsLibraries/**
-**/*.css.d.ts

frontend/.eslintrc.js

@@ -1,16 +1,13 @@
-// eslint-disable @typescript-eslint/no-var-requires
 const fs = require('fs');
-const path = require('path');
-const typescriptEslintRecommended = require('@typescript-eslint/eslint-plugin').configs.recommended;
-
-const frontendFolder = __dirname;
 
 const dirs = fs
-  .readdirSync(path.join(frontendFolder, 'src'), { withFileTypes: true })
+  .readdirSync('frontend/src', { withFileTypes: true })
   .filter((dirent) => dirent.isDirectory())
   .map((dirent) => dirent.name)
   .join('|');
 
+const frontendFolder = __dirname;
+
 module.exports = {
   parser: '@babel/eslint-parser',
 
@@ -44,9 +41,7 @@ module.exports = {
     'react',
     'react-hooks',
     'simple-import-sort',
-    'import',
-    '@typescript-eslint',
-    'prettier'
+    'import'
   ],
 
   settings: {
@@ -229,7 +224,7 @@ module.exports = {
     'consistent-this': ['error', 'self'],
     'eol-last': 'error',
     'func-names': 'off',
-    'func-style': ['error', 'declaration', { allowArrowFunctions: true }],
+    'func-style': ['error', 'declaration'],
     indent: ['error', 2, { SwitchCase: 1 }],
     'key-spacing': ['error', { beforeColon: false, afterColon: true }],
     'keyword-spacing': ['error', { before: true, after: true }],
@@ -320,9 +315,7 @@ module.exports = {
   },
   overrides: [
     {
-      files: [
-        '*.js'
-      ],
+      files: ['*.js'],
       rules: {
         'simple-import-sort/imports': [
           'error',
@@ -337,52 +330,6 @@ 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'
-      }
     }
   ]
 };

frontend/.prettierignore

@@ -1,10 +0,0 @@
-# Ignore everything recursively
-*
-
-# But not the .ts files
-!*.ts*
-
-*css.d.ts
-
-# Check subdirectories too
-!*/

frontend/.prettierrc.json

@@ -1,6 +0,0 @@
-{
-  "arrowParens": "always",
-  "endOfLine": "auto",
-  "singleQuote": true,
-  "trailingComma": "es5"
-}

frontend/babel.config.js

@@ -17,8 +17,7 @@ module.exports = {
   env: {
     development: {
       presets: [
-        ['@babel/preset-react', { development: true }],
-        '@babel/preset-typescript'
+        ['@babel/preset-react', { development: true }]
       ],
       plugins: [
         'babel-plugin-inline-classnames'
@@ -26,8 +25,7 @@ module.exports = {
     },
     production: {
       presets: [
-        '@babel/preset-react',
-        '@babel/preset-typescript'
+        '@babel/preset-react'
       ],
       plugins: [
         'babel-plugin-transform-react-remove-prop-types'

frontend/build/webpack.config.js

@@ -1,4 +1,3 @@
-/* eslint-disable @typescript-eslint/no-var-requires */
 const path = require('path');
 const webpack = require('webpack');
 const FileManagerPlugin = require('filemanager-webpack-plugin');
@@ -6,7 +5,6 @@ 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';
@@ -39,11 +37,6 @@ module.exports = (env) => {
     },
 
     resolve: {
-      extensions: [
-        '.ts',
-        '.tsx',
-        '.js'
-      ],
       modules: [
         srcFolder,
         path.join(srcFolder, 'Shims'),
@@ -136,8 +129,6 @@ module.exports = (env) => {
         }
       }),
 
-      new ForkTsCheckerWebpackPlugin(),
-
       new LiveReloadPlugin()
     ],
 
@@ -151,8 +142,8 @@ module.exports = (env) => {
     module: {
       rules: [
         {
-          test: [/\.jsx?$/, /\.tsx?$/],
-          exclude: /[\\/]node_modules[\\/](?!(@sentry|chart\.js|filesize)[\\/])/,
+          test: /\.jsx?$/,
+          exclude: /[\\/]node_modules[\\/](?!(@sentry\/browser|@sentry\/integrations|chart.js|filesize|normalize.css)[\\/])/,
           use: [
             {
               loader: 'babel-loader',
@@ -182,7 +173,6 @@ module.exports = (env) => {
           exclude: /(node_modules|globals.css)/,
           use: [
             { loader: MiniCssExtractPlugin.loader },
-            { loader: 'css-modules-typescript-loader' },
             {
               loader: 'css-loader',
               options: {

frontend/build/webpack/css-variables-loader.js

@@ -1,4 +1,3 @@
-// eslint-disable-next-line filenames/match-exported
 const loaderUtils = require('loader-utils');
 
 module.exports = function cssVariablesLoader(source) {

frontend/src/.vscode/settings.json

@@ -1,23 +1,4 @@
 // 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"
-  ],
-}
+  "files.insertFinalNewline": true
+}

frontend/src/App/AppRoutes.js

@@ -4,7 +4,7 @@ import { Redirect, Route } from 'react-router-dom';
 import NotFound from 'Components/NotFound';
 import Switch from 'Components/Router/Switch';
 import HistoryConnector from 'History/HistoryConnector';
-import IndexerIndex from 'Indexer/Index/IndexerIndex';
+import IndexerIndexConnector from 'Indexer/Index/IndexerIndexConnector';
 import StatsConnector from 'Indexer/Stats/StatsConnector';
 import SearchIndexConnector from 'Search/SearchIndexConnector';
 import ApplicationSettingsConnector from 'Settings/Applications/ApplicationSettingsConnector';
@@ -38,7 +38,7 @@ function AppRoutes(props) {
       <Route
         exact={true}
         path="/"
-        component={IndexerIndex}
+        component={IndexerIndexConnector}
       />
 
       {

frontend/src/App/AppUpdatedModalContent.css.d.ts

@@ -1,9 +0,0 @@
-// 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;

frontend/src/App/ConnectionLostModal.css.d.ts

@@ -1,7 +0,0 @@
-// This file is automatically generated.
-// Please do not change this file!
-interface CssExports {
-  'automatic': string;
-}
-export const cssExports: CssExports;
-export default cssExports;

frontend/src/App/ModelBase.ts

@@ -1,5 +0,0 @@
-interface ModelBase {
-  id: number;
-}
-
-export default ModelBase;

frontend/src/App/SelectContext.tsx

@@ -1,163 +0,0 @@
-import { cloneDeep } from 'lodash';
-import React, { useEffect } from 'react';
-import areAllSelected from 'Utilities/Table/areAllSelected';
-import selectAll from 'Utilities/Table/selectAll';
-import toggleSelected from 'Utilities/Table/toggleSelected';
-import ModelBase from './ModelBase';
-
-export enum SelectActionType {
-  Reset,
-  SelectAll,
-  UnselectAll,
-  ToggleSelected,
-  RemoveItem,
-  UpdateItems,
-}
-
-type SelectedState = Record<number, boolean>;
-
-interface SelectState {
-  selectedState: SelectedState;
-  lastToggled: number | null;
-  allSelected: boolean;
-  allUnselected: boolean;
-  // eslint-disable-next-line @typescript-eslint/no-explicit-any
-  items: any[];
-}
-
-type SelectAction =
-  | { type: SelectActionType.Reset }
-  | { type: SelectActionType.SelectAll }
-  | { type: SelectActionType.UnselectAll }
-  | {
-      type: SelectActionType.ToggleSelected;
-      id: number;
-      isSelected: boolean;
-      shiftKey: boolean;
-    }
-  | {
-      type: SelectActionType.RemoveItem;
-      id: number;
-    }
-  | {
-      type: SelectActionType.UpdateItems;
-      items: ModelBase[];
-    };
-
-type Dispatch = (action: SelectAction) => void;
-
-const initialState = {
-  selectedState: {},
-  lastToggled: null,
-  allSelected: false,
-  allUnselected: true,
-  items: [],
-};
-
-interface SelectProviderOptions<T extends ModelBase> {
-  // eslint-disable-next-line @typescript-eslint/no-explicit-any
-  children: any;
-  items: Array<T>;
-}
-
-function getSelectedState(items: ModelBase[], existingState: SelectedState) {
-  return items.reduce((acc: SelectedState, item) => {
-    const id = item.id;
-
-    acc[id] = existingState[id] ?? false;
-
-    return acc;
-  }, {});
-}
-
-// TODO: Can this be reused?
-
-const SelectContext = React.createContext<[SelectState, Dispatch] | undefined>(
-  cloneDeep(undefined)
-);
-
-function selectReducer(state: SelectState, action: SelectAction): SelectState {
-  const { items, selectedState } = state;
-
-  switch (action.type) {
-    case SelectActionType.Reset: {
-      return cloneDeep(initialState);
-    }
-    case SelectActionType.SelectAll: {
-      return {
-        items,
-        ...selectAll(selectedState, true),
-      };
-    }
-    case SelectActionType.UnselectAll: {
-      return {
-        items,
-        ...selectAll(selectedState, false),
-      };
-    }
-    case SelectActionType.ToggleSelected: {
-      const result = {
-        items,
-        ...toggleSelected(
-          state,
-          items,
-          action.id,
-          action.isSelected,
-          action.shiftKey
-        ),
-      };
-
-      return result;
-    }
-    case SelectActionType.UpdateItems: {
-      const nextSelectedState = getSelectedState(action.items, selectedState);
-
-      return {
-        ...state,
-        ...areAllSelected(nextSelectedState),
-        selectedState: nextSelectedState,
-        items: action.items,
-      };
-    }
-    default: {
-      throw new Error(`Unhandled action type: ${action.type}`);
-    }
-  }
-}
-
-export function SelectProvider<T extends ModelBase>(
-  props: SelectProviderOptions<T>
-) {
-  const { items } = props;
-  const selectedState = getSelectedState(items, {});
-
-  const [state, dispatch] = React.useReducer(selectReducer, {
-    selectedState,
-    lastToggled: null,
-    allSelected: false,
-    allUnselected: true,
-    items,
-  });
-
-  const value: [SelectState, Dispatch] = [state, dispatch];
-
-  useEffect(() => {
-    dispatch({ type: SelectActionType.UpdateItems, items });
-  }, [items]);
-
-  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;
-}

frontend/src/Components/Alert.css.d.ts

@@ -1,11 +0,0 @@
-// 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;

frontend/src/Components/Alert.js

@@ -4,9 +4,7 @@ import React from 'react';
 import { kinds } from 'Helpers/Props';
 import styles from './Alert.css';
 
-function Alert(props) {
-  const { className, kind, children, ...otherProps } = props;
-
+function Alert({ className, kind, children, ...otherProps }) {
   return (
     <div
       className={classNames(
@@ -21,8 +19,8 @@ function Alert(props) {
 }
 
 Alert.propTypes = {
-  className: PropTypes.string,
-  kind: PropTypes.oneOf(kinds.all),
+  className: PropTypes.string.isRequired,
+  kind: PropTypes.oneOf(kinds.all).isRequired,
   children: PropTypes.node.isRequired
 };
 

frontend/src/Components/Card.css.d.ts

@@ -1,9 +0,0 @@
-// 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;

frontend/src/Components/DescriptionList/DescriptionList.css.d.ts

@@ -1,7 +0,0 @@
-// This file is automatically generated.
-// Please do not change this file!
-interface CssExports {
-  'descriptionList': string;
-}
-export const cssExports: CssExports;
-export default cssExports;

frontend/src/Components/DescriptionList/DescriptionListItemDescription.css.d.ts

@@ -1,7 +0,0 @@
-// This file is automatically generated.
-// Please do not change this file!
-interface CssExports {
-  'description': string;
-}
-export const cssExports: CssExports;
-export default cssExports;

frontend/src/Components/DescriptionList/DescriptionListItemTitle.css.d.ts

@@ -1,7 +0,0 @@
-// This file is automatically generated.
-// Please do not change this file!
-interface CssExports {
-  'title': string;
-}
-export const cssExports: CssExports;
-export default cssExports;

frontend/src/Components/DragPreviewLayer.css.d.ts

@@ -1,7 +0,0 @@
-// This file is automatically generated.
-// Please do not change this file!
-interface CssExports {
-  'dragLayer': string;
-}
-export const cssExports: CssExports;
-export default cssExports;

frontend/src/Components/Error/ErrorBoundaryError.css

@@ -25,10 +25,6 @@
   white-space: pre-wrap;
 }
 
-.version {
-  margin-top: 20px;
-}
-
 @media only screen and (max-width: $breakpointMedium) {
   .image {
     height: 250px;

frontend/src/Components/Error/ErrorBoundaryError.css.d.ts

@@ -1,12 +0,0 @@
-// 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;

frontend/src/Components/Error/ErrorBoundaryError.js

@@ -0,0 +1,60 @@
+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.Prowlarr.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;

frontend/src/Components/Error/ErrorBoundaryError.tsx

@@ -1,74 +0,0 @@
-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(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.Prowlarr.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.Prowlarr.version}
-          </div>
-        }
-      </details>
-    </div>
-  );
-}
-
-export default ErrorBoundaryError;

frontend/src/Components/FieldSet.css.d.ts

@@ -1,8 +0,0 @@
-// This file is automatically generated.
-// Please do not change this file!
-interface CssExports {
-  'fieldSet': string;
-  'legend': string;
-}
-export const cssExports: CssExports;
-export default cssExports;

frontend/src/Components/FileBrowser/FileBrowserModal.css.d.ts

@@ -1,7 +0,0 @@
-// This file is automatically generated.
-// Please do not change this file!
-interface CssExports {
-  'modal': string;
-}
-export const cssExports: CssExports;
-export default cssExports;

frontend/src/Components/FileBrowser/FileBrowserModalContent.css.d.ts

@@ -1,12 +0,0 @@
-// This file is automatically generated.
-// Please do not change this file!
-interface CssExports {
-  'faqLink': string;
-  'loading': string;
-  'mappedDrivesWarning': string;
-  'modalBody': string;
-  'pathInput': string;
-  'scroller': string;
-}
-export const cssExports: CssExports;
-export default cssExports;

frontend/src/Components/FileBrowser/FileBrowserRow.css.d.ts

@@ -1,7 +0,0 @@
-// This file is automatically generated.
-// Please do not change this file!
-interface CssExports {
-  'type': string;
-}
-export const cssExports: CssExports;
-export default cssExports;

frontend/src/Components/Filter/Builder/DateFilterBuilderRowValue.css.d.ts

@@ -1,9 +0,0 @@
-// This file is automatically generated.
-// Please do not change this file!
-interface CssExports {
-  'container': string;
-  'numberInput': string;
-  'selectInput': string;
-}
-export const cssExports: CssExports;
-export default cssExports;

frontend/src/Components/Filter/Builder/FilterBuilderModalContent.css.d.ts

@@ -1,10 +0,0 @@
-// This file is automatically generated.
-// Please do not change this file!
-interface CssExports {
-  'label': string;
-  'labelContainer': string;
-  'labelInputContainer': string;
-  'rows': string;
-}
-export const cssExports: CssExports;
-export default cssExports;

frontend/src/Components/Filter/Builder/FilterBuilderRow.css.d.ts

@@ -1,10 +0,0 @@
-// This file is automatically generated.
-// Please do not change this file!
-interface CssExports {
-  'actionsContainer': string;
-  'filterRow': string;
-  'inputContainer': string;
-  'valueInputContainer': string;
-}
-export const cssExports: CssExports;
-export default cssExports;

frontend/src/Components/Filter/Builder/FilterBuilderRowValueTag.css.d.ts

@@ -1,10 +0,0 @@
-// This file is automatically generated.
-// Please do not change this file!
-interface CssExports {
-  'isLastTag': string;
-  'label': string;
-  'or': string;
-  'tag': string;
-}
-export const cssExports: CssExports;
-export default cssExports;

frontend/src/Components/Filter/CustomFilters/CustomFilter.css.d.ts

@@ -1,9 +0,0 @@
-// This file is automatically generated.
-// Please do not change this file!
-interface CssExports {
-  'actions': string;
-  'customFilter': string;
-  'label': string;
-}
-export const cssExports: CssExports;
-export default cssExports;

frontend/src/Components/Filter/CustomFilters/CustomFiltersModalContent.css.d.ts

@@ -1,7 +0,0 @@
-// This file is automatically generated.
-// Please do not change this file!
-interface CssExports {
-  'addButtonContainer': string;
-}
-export const cssExports: CssExports;
-export default cssExports;

frontend/src/Components/Form/AutoSuggestInput.css.d.ts

@@ -1,15 +0,0 @@
-// This file is automatically generated.
-// Please do not change this file!
-interface CssExports {
-  'hasError': string;
-  'hasWarning': string;
-  'input': string;
-  'inputContainer': string;
-  'suggestion': string;
-  'suggestionHighlighted': string;
-  'suggestionsContainer': string;
-  'suggestionsContainerOpen': string;
-  'suggestionsList': string;
-}
-export const cssExports: CssExports;
-export default cssExports;

frontend/src/Components/Form/CaptchaInput.css.d.ts

@@ -1,12 +0,0 @@
-// This file is automatically generated.
-// Please do not change this file!
-interface CssExports {
-  'captchaInputWrapper': string;
-  'hasButton': string;
-  'hasError': string;
-  'hasWarning': string;
-  'input': string;
-  'recaptchaWrapper': string;
-}
-export const cssExports: CssExports;
-export default cssExports;

frontend/src/Components/Form/CheckInput.css.d.ts

@@ -1,18 +0,0 @@
-// This file is automatically generated.
-// Please do not change this file!
-interface CssExports {
-  'checkbox': string;
-  'container': string;
-  'dangerIsChecked': string;
-  'helpText': string;
-  'input': string;
-  'isDisabled': string;
-  'isIndeterminate': string;
-  'isNotChecked': string;
-  'label': string;
-  'primaryIsChecked': string;
-  'successIsChecked': string;
-  'warningIsChecked': string;
-}
-export const cssExports: CssExports;
-export default cssExports;

frontend/src/Components/Form/DeviceInput.css.d.ts

@@ -1,8 +0,0 @@
-// This file is automatically generated.
-// Please do not change this file!
-interface CssExports {
-  'deviceInputWrapper': string;
-  'input': string;
-}
-export const cssExports: CssExports;
-export default cssExports;

frontend/src/Components/Form/EnhancedSelectInput.css.d.ts

@@ -1,22 +0,0 @@
-// This file is automatically generated.
-// Please do not change this file!
-interface CssExports {
-  'dropdownArrowContainer': string;
-  'dropdownArrowContainerDisabled': string;
-  'dropdownArrowContainerEditable': string;
-  'editableContainer': string;
-  'enhancedSelect': string;
-  'hasError': string;
-  'hasWarning': string;
-  'isDisabled': string;
-  'loading': string;
-  'mobileCloseButton': string;
-  'mobileCloseButtonContainer': string;
-  'options': string;
-  'optionsContainer': string;
-  'optionsModal': string;
-  'optionsModalBody': string;
-  'optionsModalScroller': string;
-}
-export const cssExports: CssExports;
-export default cssExports;

frontend/src/Components/Form/EnhancedSelectInput.js

@@ -12,9 +12,9 @@ import ModalBody from 'Components/Modal/ModalBody';
 import Portal from 'Components/Portal';
 import Scroller from 'Components/Scroller/Scroller';
 import { icons, scrollDirections, sizes } from 'Helpers/Props';
-import { isMobile as isMobileUtil } from 'Utilities/browser';
 import * as keyCodes from 'Utilities/Constants/keyCodes';
 import getUniqueElememtId from 'Utilities/getUniqueElementId';
+import { isMobile as isMobileUtil } from 'Utilities/mobile';
 import HintedSelectInputOption from './HintedSelectInputOption';
 import HintedSelectInputSelectedValue from './HintedSelectInputSelectedValue';
 import TextInput from './TextInput';
@@ -113,12 +113,10 @@ class EnhancedSelectInput extends Component {
       this._scheduleUpdate();
     }
 
-    if (!Array.isArray(this.props.value)) {
-      if (prevProps.value !== this.props.value || prevProps.values !== this.props.values) {
-        this.setState({
-          selectedIndex: getSelectedIndex(this.props)
-        });
-      }
+    if (!Array.isArray(this.props.value) && prevProps.value !== this.props.value) {
+      this.setState({
+        selectedIndex: getSelectedIndex(this.props)
+      });
     }
   }
 
@@ -334,11 +332,6 @@ class EnhancedSelectInput extends Component {
 
     const isMultiSelect = Array.isArray(value);
     const selectedOption = getSelectedOption(selectedIndex, values);
-    let selectedValue = value;
-
-    if (!values.length) {
-      selectedValue = isMultiSelect ? [] : '';
-    }
 
     return (
       <div>
@@ -379,17 +372,15 @@ class EnhancedSelectInput extends Component {
                           onPress={this.onPress}
                         >
                           {
-                            isFetching ?
+                            isFetching &&
                               <LoadingIndicator
                                 className={styles.loading}
                                 size={20}
-                              /> :
-                              null
+                              />
                           }
 
                           {
-                            isFetching ?
-                              null :
+                            !isFetching &&
                               <Icon
                                 name={icons.CARET_DOWN}
                               />
@@ -409,7 +400,7 @@ class EnhancedSelectInput extends Component {
                         onPress={this.onPress}
                       >
                         <SelectedValueComponent
-                          value={selectedValue}
+                          value={value}
                           values={values}
                           {...selectedValueOptions}
                           {...selectedOption}
@@ -427,17 +418,15 @@ class EnhancedSelectInput extends Component {
                         >
 
                           {
-                            isFetching ?
+                            isFetching &&
                               <LoadingIndicator
                                 className={styles.loading}
                                 size={20}
-                              /> :
-                              null
+                              />
                           }
 
                           {
-                            isFetching ?
-                              null :
+                            !isFetching &&
                               <Icon
                                 name={icons.CARET_DOWN}
                               />
@@ -516,7 +505,7 @@ class EnhancedSelectInput extends Component {
         </Manager>
 
         {
-          isMobile ?
+          isMobile &&
             <Modal
               className={styles.optionsModal}
               size={sizes.EXTRA_SMALL}
@@ -566,8 +555,7 @@ class EnhancedSelectInput extends Component {
                   }
                 </Scroller>
               </ModalBody>
-            </Modal> :
-            null
+            </Modal>
         }
       </div>
     );

frontend/src/Components/Form/EnhancedSelectInputOption.css.d.ts

@@ -1,14 +0,0 @@
-// This file is automatically generated.
-// Please do not change this file!
-interface CssExports {
-  'iconContainer': string;
-  'isDisabled': string;
-  'isHidden': string;
-  'isMobile': string;
-  'isSelected': string;
-  'option': string;
-  'optionCheck': string;
-  'optionCheckInput': string;
-}
-export const cssExports: CssExports;
-export default cssExports;

frontend/src/Components/Form/EnhancedSelectInputSelectedValue.css.d.ts

@@ -1,8 +0,0 @@
-// This file is automatically generated.
-// Please do not change this file!
-interface CssExports {
-  'isDisabled': string;
-  'selectedValue': string;
-}
-export const cssExports: CssExports;
-export default cssExports;

frontend/src/Components/Form/Form.css.d.ts

@@ -1,7 +0,0 @@
-// This file is automatically generated.
-// Please do not change this file!
-interface CssExports {
-  'validationFailures': string;
-}
-export const cssExports: CssExports;
-export default cssExports;

frontend/src/Components/Form/Form.js

@@ -4,15 +4,7 @@ import Alert from 'Components/Alert';
 import { kinds } from 'Helpers/Props';
 import styles from './Form.css';
 
-function Form(props) {
-  const {
-    children,
-    validationErrors,
-    validationWarnings,
-    // eslint-disable-next-line no-unused-vars
-    ...otherProps
-  } = props;
-
+function Form({ children, validationErrors, validationWarnings, ...otherProps }) {
   return (
     <div>
       {

frontend/src/Components/Form/FormGroup.css.d.ts

@@ -1,11 +0,0 @@
-// This file is automatically generated.
-// Please do not change this file!
-interface CssExports {
-  'extraSmall': string;
-  'group': string;
-  'large': string;
-  'medium': string;
-  'small': string;
-}
-export const cssExports: CssExports;
-export default cssExports;

frontend/src/Components/Form/FormInputButton.css.d.ts

@@ -1,8 +0,0 @@
-// This file is automatically generated.
-// Please do not change this file!
-interface CssExports {
-  'button': string;
-  'middleButton': string;
-}
-export const cssExports: CssExports;
-export default cssExports;

frontend/src/Components/Form/FormInputGroup.css.d.ts

@@ -1,14 +0,0 @@
-// This file is automatically generated.
-// Please do not change this file!
-interface CssExports {
-  'helpLink': string;
-  'inputContainer': string;
-  'inputGroup': string;
-  'inputGroupContainer': string;
-  'inputUnit': string;
-  'inputUnitNumber': string;
-  'pendingChangesContainer': string;
-  'pendingChangesIcon': string;
-}
-export const cssExports: CssExports;
-export default cssExports;

frontend/src/Components/Form/FormInputGroup.js

@@ -1,7 +1,7 @@
 import PropTypes from 'prop-types';
 import React from 'react';
 import Link from 'Components/Link/Link';
-import { inputTypes, kinds } from 'Helpers/Props';
+import { inputTypes } from 'Helpers/Props';
 import translate from 'Utilities/String/translate';
 import AppProfileSelectInputConnector from './AppProfileSelectInputConnector';
 import AutoCompleteInput from './AutoCompleteInput';
@@ -253,24 +253,16 @@ FormInputGroup.propTypes = {
   className: PropTypes.string.isRequired,
   containerClassName: PropTypes.string.isRequired,
   inputClassName: PropTypes.string,
-  name: PropTypes.string.isRequired,
-  value: PropTypes.any,
-  values: PropTypes.arrayOf(PropTypes.any),
   type: PropTypes.string.isRequired,
-  kind: PropTypes.oneOf(kinds.all),
   unit: PropTypes.string,
   buttons: PropTypes.oneOfType([PropTypes.node, PropTypes.arrayOf(PropTypes.node)]),
   helpText: PropTypes.string,
   helpTexts: PropTypes.arrayOf(PropTypes.string),
   helpTextWarning: PropTypes.string,
   helpLink: PropTypes.string,
-  includeNoChange: PropTypes.bool,
-  includeNoChangeDisabled: PropTypes.bool,
-  selectedValueOptions: PropTypes.object,
   pending: PropTypes.bool,
   errors: PropTypes.arrayOf(PropTypes.object),
-  warnings: PropTypes.arrayOf(PropTypes.object),
-  onChange: PropTypes.func.isRequired
+  warnings: PropTypes.arrayOf(PropTypes.object)
 };
 
 FormInputGroup.defaultProps = {

frontend/src/Components/Form/FormInputHelpText.css.d.ts

@@ -1,12 +0,0 @@
-// This file is automatically generated.
-// Please do not change this file!
-interface CssExports {
-  'details': string;
-  'helpText': string;
-  'isCheckInput': string;
-  'isError': string;
-  'isWarning': string;
-  'link': string;
-}
-export const cssExports: CssExports;
-export default cssExports;

frontend/src/Components/Form/FormLabel.css.d.ts

@@ -1,11 +0,0 @@
-// This file is automatically generated.
-// Please do not change this file!
-interface CssExports {
-  'hasError': string;
-  'isAdvanced': string;
-  'label': string;
-  'large': string;
-  'small': string;
-}
-export const cssExports: CssExports;
-export default cssExports;

frontend/src/Components/Form/FormLabel.js

@@ -4,18 +4,16 @@ import React from 'react';
 import { sizes } from 'Helpers/Props';
 import styles from './FormLabel.css';
 
-function FormLabel(props) {
-  const {
-    children,
-    className,
-    errorClassName,
-    size,
-    name,
-    hasError,
-    isAdvanced,
-    ...otherProps
-  } = props;
-
+function FormLabel({
+  children,
+  className,
+  errorClassName,
+  size,
+  name,
+  hasError,
+  isAdvanced,
+  ...otherProps
+}) {
   return (
     <label
       {...otherProps}
@@ -33,13 +31,13 @@ function FormLabel(props) {
 }
 
 FormLabel.propTypes = {
-  children: PropTypes.oneOfType([PropTypes.node, PropTypes.string]).isRequired,
+  children: PropTypes.node.isRequired,
   className: PropTypes.string,
   errorClassName: PropTypes.string,
   size: PropTypes.oneOf(sizes.all),
   name: PropTypes.string,
   hasError: PropTypes.bool,
-  isAdvanced: PropTypes.bool
+  isAdvanced: PropTypes.bool.isRequired
 };
 
 FormLabel.defaultProps = {

frontend/src/Components/Form/HintedSelectInputOption.css.d.ts

@@ -1,9 +0,0 @@
-// This file is automatically generated.
-// Please do not change this file!
-interface CssExports {
-  'hintText': string;
-  'isMobile': string;
-  'optionText': string;
-}
-export const cssExports: CssExports;
-export default cssExports;

frontend/src/Components/Form/HintedSelectInputSelectedValue.css.d.ts

@@ -1,9 +0,0 @@
-// This file is automatically generated.
-// Please do not change this file!
-interface CssExports {
-  'hintText': string;
-  'selectedValue': string;
-  'valueText': string;
-}
-export const cssExports: CssExports;
-export default cssExports;

frontend/src/Components/Form/KeyValueListInput.css.d.ts

@@ -1,10 +0,0 @@
-// This file is automatically generated.
-// Please do not change this file!
-interface CssExports {
-  'hasError': string;
-  'hasWarning': string;
-  'inputContainer': string;
-  'isFocused': string;
-}
-export const cssExports: CssExports;
-export default cssExports;

frontend/src/Components/Form/KeyValueListInputItem.css.d.ts

@@ -1,11 +0,0 @@
-// This file is automatically generated.
-// Please do not change this file!
-interface CssExports {
-  'buttonWrapper': string;
-  'inputWrapper': string;
-  'itemContainer': string;
-  'keyInput': string;
-  'valueInput': string;
-}
-export const cssExports: CssExports;
-export default cssExports;

frontend/src/Components/Form/PasswordInput.css.d.ts

@@ -1,7 +0,0 @@
-// This file is automatically generated.
-// Please do not change this file!
-interface CssExports {
-  'input': string;
-}
-export const cssExports: CssExports;
-export default cssExports;

frontend/src/Components/Form/PathInput.css.d.ts

@@ -1,10 +0,0 @@
-// This file is automatically generated.
-// Please do not change this file!
-interface CssExports {
-  'fileBrowserButton': string;
-  'hasFileBrowser': string;
-  'inputWrapper': string;
-  'pathMatch': string;
-}
-export const cssExports: CssExports;
-export default cssExports;

frontend/src/Components/Form/SelectInput.css.d.ts

@@ -1,10 +0,0 @@
-// This file is automatically generated.
-// Please do not change this file!
-interface CssExports {
-  'hasError': string;
-  'hasWarning': string;
-  'isDisabled': string;
-  'select': string;
-}
-export const cssExports: CssExports;
-export default cssExports;

frontend/src/Components/Form/TagInput.css.d.ts

@@ -1,9 +0,0 @@
-// This file is automatically generated.
-// Please do not change this file!
-interface CssExports {
-  'input': string;
-  'internalInput': string;
-  'isFocused': string;
-}
-export const cssExports: CssExports;
-export default cssExports;

frontend/src/Components/Form/TagInputInput.css.d.ts

@@ -1,7 +0,0 @@
-// This file is automatically generated.
-// Please do not change this file!
-interface CssExports {
-  'inputContainer': string;
-}
-export const cssExports: CssExports;
-export default cssExports;

frontend/src/Components/Form/TagInputTag.css.d.ts

@@ -1,7 +0,0 @@
-// This file is automatically generated.
-// Please do not change this file!
-interface CssExports {
-  'tag': string;
-}
-export const cssExports: CssExports;
-export default cssExports;

frontend/src/Components/Form/TextArea.css.d.ts

@@ -1,10 +0,0 @@
-// This file is automatically generated.
-// Please do not change this file!
-interface CssExports {
-  'hasError': string;
-  'hasWarning': string;
-  'input': string;
-  'readOnly': string;
-}
-export const cssExports: CssExports;
-export default cssExports;

frontend/src/Components/Form/TextInput.css.d.ts

@@ -1,11 +0,0 @@
-// This file is automatically generated.
-// Please do not change this file!
-interface CssExports {
-  'hasButton': string;
-  'hasError': string;
-  'hasWarning': string;
-  'input': string;
-  'readOnly': string;
-}
-export const cssExports: CssExports;
-export default cssExports;

frontend/src/Components/Icon.css.d.ts

@@ -1,13 +0,0 @@
-// This file is automatically generated.
-// Please do not change this file!
-interface CssExports {
-  'danger': string;
-  'default': string;
-  'disabled': string;
-  'info': string;
-  'purple': string;
-  'success': string;
-  'warning': string;
-}
-export const cssExports: CssExports;
-export default cssExports;

frontend/src/Components/Label.css.d.ts

@@ -1,19 +0,0 @@
-// This file is automatically generated.
-// Please do not change this file!
-interface CssExports {
-  'danger': string;
-  'default': string;
-  'disabled': string;
-  'info': string;
-  'inverse': string;
-  'label': string;
-  'large': string;
-  'medium': string;
-  'outline': string;
-  'primary': string;
-  'small': string;
-  'success': string;
-  'warning': string;
-}
-export const cssExports: CssExports;
-export default cssExports;

frontend/src/Components/Label.js

@@ -31,7 +31,6 @@ function Label(props) {
 
 Label.propTypes = {
   className: PropTypes.string.isRequired,
-  title: PropTypes.string,
   kind: PropTypes.oneOf(kinds.all).isRequired,
   size: PropTypes.oneOf(sizes.all).isRequired,
   outline: PropTypes.bool.isRequired,

frontend/src/Components/Link/Button.css.d.ts

@@ -1,18 +0,0 @@
-// This file is automatically generated.
-// Please do not change this file!
-interface CssExports {
-  'button': string;
-  'center': string;
-  'danger': string;
-  'default': string;
-  'large': string;
-  'left': string;
-  'medium': string;
-  'primary': string;
-  'right': string;
-  'small': string;
-  'success': string;
-  'warning': string;
-}
-export const cssExports: CssExports;
-export default cssExports;

frontend/src/Components/Link/ClipboardButton.css.d.ts

@@ -1,10 +0,0 @@
-// This file is automatically generated.
-// Please do not change this file!
-interface CssExports {
-  'button': string;
-  'clipboardIconContainer': string;
-  'showStateIcon': string;
-  'stateIconContainer': string;
-}
-export const cssExports: CssExports;
-export default cssExports;

frontend/src/Components/Link/IconButton.css.d.ts

@@ -1,8 +0,0 @@
-// This file is automatically generated.
-// Please do not change this file!
-interface CssExports {
-  'button': string;
-  'isDisabled': string;
-}
-export const cssExports: CssExports;
-export default cssExports;

frontend/src/Components/Link/IconButton.js

@@ -38,13 +38,11 @@ function IconButton(props) {
 }
 
 IconButton.propTypes = {
-  ...Link.propTypes,
   className: PropTypes.string.isRequired,
   iconClassName: PropTypes.string,
   kind: PropTypes.string,
   name: PropTypes.object.isRequired,
   size: PropTypes.number,
-  title: PropTypes.string,
   isSpinning: PropTypes.bool,
   isDisabled: PropTypes.bool
 };

frontend/src/Components/Link/Link.css.d.ts

@@ -1,8 +0,0 @@
-// This file is automatically generated.
-// Please do not change this file!
-interface CssExports {
-  'link': string;
-  'to': string;
-}
-export const cssExports: CssExports;
-export default cssExports;

frontend/src/Components/Link/Link.js

@@ -43,7 +43,6 @@ class Link extends Component {
         el = 'a';
         linkProps.href = to;
         linkProps.target = target || '_blank';
-        linkProps.rel = 'noreferrer';
       } else if (noRouter) {
         el = 'a';
         linkProps.href = to;

frontend/src/Components/Link/SpinnerButton.css.d.ts

@@ -1,11 +0,0 @@
-// This file is automatically generated.
-// Please do not change this file!
-interface CssExports {
-  'button': string;
-  'isSpinning': string;
-  'label': string;
-  'spinner': string;
-  'spinnerContainer': string;
-}
-export const cssExports: CssExports;
-export default cssExports;

frontend/src/Components/Link/SpinnerButton.js

@@ -42,7 +42,6 @@ function SpinnerButton(props) {
 }
 
 SpinnerButton.propTypes = {
-  ...Button.Props,
   className: PropTypes.string.isRequired,
   isSpinning: PropTypes.bool.isRequired,
   isDisabled: PropTypes.bool,

frontend/src/Components/Link/SpinnerErrorButton.css.d.ts

@@ -1,10 +0,0 @@
-// This file is automatically generated.
-// Please do not change this file!
-interface CssExports {
-  'icon': string;
-  'iconContainer': string;
-  'label': string;
-  'showIcon': string;
-}
-export const cssExports: CssExports;
-export default cssExports;

frontend/src/Components/Link/SpinnerIconButton.js

@@ -23,8 +23,6 @@ function SpinnerIconButton(props) {
 }
 
 SpinnerIconButton.propTypes = {
-  ...IconButton.propTypes,
-  className: PropTypes.string,
   name: PropTypes.object.isRequired,
   spinningName: PropTypes.object.isRequired,
   isDisabled: PropTypes.bool.isRequired,

frontend/src/Components/Loading/LoadingIndicator.css.d.ts

@@ -1,9 +0,0 @@
-// This file is automatically generated.
-// Please do not change this file!
-interface CssExports {
-  'loading': string;
-  'ripple': string;
-  'rippleContainer': string;
-}
-export const cssExports: CssExports;
-export default cssExports;

frontend/src/Components/Loading/LoadingMessage.css.d.ts

@@ -1,7 +0,0 @@
-// This file is automatically generated.
-// Please do not change this file!
-interface CssExports {
-  'loadingMessage': string;
-}
-export const cssExports: CssExports;
-export default cssExports;

frontend/src/Components/Menu/FilterMenu.css.d.ts

@@ -1,7 +0,0 @@
-// This file is automatically generated.
-// Please do not change this file!
-interface CssExports {
-  'filterMenu': string;
-}
-export const cssExports: CssExports;
-export default cssExports;

frontend/src/Components/Menu/Menu.css.d.ts

@@ -1,7 +0,0 @@
-// This file is automatically generated.
-// Please do not change this file!
-interface CssExports {
-  'menu': string;
-}
-export const cssExports: CssExports;
-export default cssExports;

frontend/src/Components/Menu/MenuButton.css.d.ts

@@ -1,8 +0,0 @@
-// This file is automatically generated.
-// Please do not change this file!
-interface CssExports {
-  'isDisabled': string;
-  'menuButton': string;
-}
-export const cssExports: CssExports;
-export default cssExports;

frontend/src/Components/Menu/MenuContent.css.d.ts

@@ -1,8 +0,0 @@
-// This file is automatically generated.
-// Please do not change this file!
-interface CssExports {
-  'menuContent': string;
-  'scroller': string;
-}
-export const cssExports: CssExports;
-export default cssExports;

frontend/src/Components/Menu/MenuItem.css.d.ts

@@ -1,8 +0,0 @@
-// This file is automatically generated.
-// Please do not change this file!
-interface CssExports {
-  'isDisabled': string;
-  'menuItem': string;
-}
-export const cssExports: CssExports;
-export default cssExports;

frontend/src/Components/Menu/MenuItemSeparator.css.d.ts

@@ -1,7 +0,0 @@
-// This file is automatically generated.
-// Please do not change this file!
-interface CssExports {
-  'separator': string;
-}
-export const cssExports: CssExports;
-export default cssExports;

frontend/src/Components/Menu/SelectedMenuItem.css.d.ts

@@ -1,9 +0,0 @@
-// This file is automatically generated.
-// Please do not change this file!
-interface CssExports {
-  'isNotSelected': string;
-  'isSelected': string;
-  'item': string;
-}
-export const cssExports: CssExports;
-export default cssExports;

frontend/src/Components/Menu/SortMenu.js

@@ -2,7 +2,7 @@ import PropTypes from 'prop-types';
 import React from 'react';
 import Menu from 'Components/Menu/Menu';
 import ToolbarMenuButton from 'Components/Menu/ToolbarMenuButton';
-import { align, icons } from 'Helpers/Props';
+import { icons } from 'Helpers/Props';
 import translate from 'Utilities/String/translate';
 
 function SortMenu(props) {
@@ -31,8 +31,7 @@ function SortMenu(props) {
 SortMenu.propTypes = {
   className: PropTypes.string,
   children: PropTypes.node.isRequired,
-  isDisabled: PropTypes.bool.isRequired,
-  alignMenu: PropTypes.oneOf([align.LEFT, align.RIGHT])
+  isDisabled: PropTypes.bool.isRequired
 };
 
 SortMenu.defaultProps = {

frontend/src/Components/Menu/SortMenuItem.js

@@ -27,7 +27,6 @@ SortMenuItem.propTypes = {
   name: PropTypes.string,
   sortKey: PropTypes.string,
   sortDirection: PropTypes.oneOf(sortDirections.all),
-  children: PropTypes.oneOfType([PropTypes.string, PropTypes.element]).isRequired,
   onPress: PropTypes.func.isRequired
 };
 

frontend/src/Components/Menu/ToolbarMenuButton.css.d.ts

@@ -1,10 +0,0 @@
-// This file is automatically generated.
-// Please do not change this file!
-interface CssExports {
-  'indicatorContainer': string;
-  'label': string;
-  'labelContainer': string;
-  'menuButton': string;
-}
-export const cssExports: CssExports;
-export default cssExports;

frontend/src/Components/Menu/ViewMenu.js

@@ -2,7 +2,7 @@ import PropTypes from 'prop-types';
 import React from 'react';
 import Menu from 'Components/Menu/Menu';
 import ToolbarMenuButton from 'Components/Menu/ToolbarMenuButton';
-import { align, icons } from 'Helpers/Props';
+import { icons } from 'Helpers/Props';
 import translate from 'Utilities/String/translate';
 
 function ViewMenu(props) {
@@ -28,8 +28,7 @@ function ViewMenu(props) {
 
 ViewMenu.propTypes = {
   children: PropTypes.node.isRequired,
-  isDisabled: PropTypes.bool.isRequired,
-  alignMenu: PropTypes.oneOf([align.LEFT, align.RIGHT])
+  isDisabled: PropTypes.bool.isRequired
 };
 
 ViewMenu.defaultProps = {

frontend/src/Components/Menu/ViewMenuItem.js

@@ -22,9 +22,7 @@ function ViewMenuItem(props) {
 
 ViewMenuItem.propTypes = {
   name: PropTypes.string,
-  selectedView: PropTypes.string.isRequired,
-  children: PropTypes.oneOfType([PropTypes.string, PropTypes.element]).isRequired,
-  onPress: PropTypes.func.isRequired
+  selectedView: PropTypes.string.isRequired
 };
 
 export default ViewMenuItem;

frontend/src/Components/Modal/Modal.css.d.ts

@@ -1,15 +0,0 @@
-// This file is automatically generated.
-// Please do not change this file!
-interface CssExports {
-  'extraLarge': string;
-  'large': string;
-  'medium': string;
-  'modal': string;
-  'modalBackdrop': string;
-  'modalContainer': string;
-  'modalOpen': string;
-  'modalOpenIOS': string;
-  'small': string;
-}
-export const cssExports: CssExports;
-export default cssExports;

frontend/src/Components/Modal/Modal.js

@@ -6,9 +6,9 @@ import ReactDOM from 'react-dom';
 import FocusLock from 'react-focus-lock';
 import ErrorBoundary from 'Components/Error/ErrorBoundary';
 import { sizes } from 'Helpers/Props';
-import { isIOS } from 'Utilities/browser';
 import * as keyCodes from 'Utilities/Constants/keyCodes';
 import getUniqueElememtId from 'Utilities/getUniqueElementId';
+import { isIOS } from 'Utilities/mobile';
 import { setScrollLock } from 'Utilities/scrollLock';
 import ModalError from './ModalError';
 import styles from './Modal.css';

frontend/src/Components/Modal/ModalBody.css.d.ts

@@ -1,9 +0,0 @@
-// This file is automatically generated.
-// Please do not change this file!
-interface CssExports {
-  'innerModalBody': string;
-  'modalBody': string;
-  'modalScroller': string;
-}
-export const cssExports: CssExports;
-export default cssExports;

frontend/src/Components/Modal/ModalContent.css.d.ts

@@ -1,8 +0,0 @@
-// This file is automatically generated.
-// Please do not change this file!
-interface CssExports {
-  'closeButton': string;
-  'modalContent': string;
-}
-export const cssExports: CssExports;
-export default cssExports;