apply prettier, removed flow related config and added tsconfig

scm-ui/ui-webapp/src/admin/components/form/BaseUrlSettings.tsx

@@ -1,6 +1,6 @@
-import React from 'react';
-import { translate } from 'react-i18next';
-import { Checkbox, InputField, Subtitle } from '@scm-manager/ui-components';
+import React from "react";
+import { translate } from "react-i18next";
+import { Checkbox, InputField, Subtitle } from "@scm-manager/ui-components";
 
 type Props = {
   baseUrl: string;
@@ -16,24 +16,24 @@ class BaseUrlSettings extends React.Component<Props> {
 
     return (
       <div>
-        <Subtitle subtitle={t('base-url-settings.name')} />
+        <Subtitle subtitle={t("base-url-settings.name")} />
         <div className="columns">
           <div className="column is-half">
             <InputField
-              label={t('base-url-settings.base-url')}
+              label={t("base-url-settings.base-url")}
               onChange={this.handleBaseUrlChange}
               value={baseUrl}
               disabled={!hasUpdatePermission}
-              helpText={t('help.baseUrlHelpText')}
+              helpText={t("help.baseUrlHelpText")}
             />
           </div>
           <div className="column is-half">
             <Checkbox
               checked={forceBaseUrl}
-              label={t('base-url-settings.force-base-url')}
+              label={t("base-url-settings.force-base-url")}
               onChange={this.handleForceBaseUrlChange}
               disabled={!hasUpdatePermission}
-              helpText={t('help.forceBaseUrlHelpText')}
+              helpText={t("help.forceBaseUrlHelpText")}
             />
           </div>
         </div>
@@ -42,11 +42,11 @@ class BaseUrlSettings extends React.Component<Props> {
   }
 
   handleBaseUrlChange = (value: string) => {
-    this.props.onChange(true, value, 'baseUrl');
+    this.props.onChange(true, value, "baseUrl");
   };
   handleForceBaseUrlChange = (value: boolean) => {
-    this.props.onChange(true, value, 'forceBaseUrl');
+    this.props.onChange(true, value, "forceBaseUrl");
   };
 }
 
-export default translate('config')(BaseUrlSettings);
+export default translate("config")(BaseUrlSettings);

scm-ui/ui-webapp/src/admin/components/form/ConfigForm.tsx

@@ -1,11 +1,11 @@
-import React from 'react';
-import { translate } from 'react-i18next';
-import { SubmitButton, Notification } from '@scm-manager/ui-components';
-import { NamespaceStrategies, Config } from '@scm-manager/ui-types';
-import ProxySettings from './ProxySettings';
-import GeneralSettings from './GeneralSettings';
-import BaseUrlSettings from './BaseUrlSettings';
-import LoginAttempt from './LoginAttempt';
+import React from "react";
+import { translate } from "react-i18next";
+import { SubmitButton, Notification } from "@scm-manager/ui-components";
+import { NamespaceStrategies, Config } from "@scm-manager/ui-types";
+import ProxySettings from "./ProxySettings";
+import GeneralSettings from "./GeneralSettings";
+import BaseUrlSettings from "./BaseUrlSettings";
+import LoginAttempt from "./LoginAttempt";
 
 type Props = {
   submitForm: (p: Config) => void;
@@ -36,31 +36,31 @@ class ConfigForm extends React.Component<Props, State> {
       config: {
         proxyPassword: null,
         proxyPort: 0,
-        proxyServer: '',
+        proxyServer: "",
         proxyUser: null,
         enableProxy: false,
-        realmDescription: '',
+        realmDescription: "",
         disableGroupingGrid: false,
-        dateFormat: '',
+        dateFormat: "",
         anonymousAccessEnabled: false,
-        baseUrl: '',
+        baseUrl: "",
         forceBaseUrl: false,
         loginAttemptLimit: 0,
         proxyExcludes: [],
         skipFailedAuthenticators: false,
-        pluginUrl: '',
+        pluginUrl: "",
         loginAttemptLimitTimeout: 0,
         enabledXsrfProtection: true,
-        namespaceStrategy: '',
-        loginInfoUrl: '',
-        _links: {},
+        namespaceStrategy: "",
+        loginInfoUrl: "",
+        _links: {}
       },
       showNotification: false,
       error: {
         loginAttemptLimitTimeout: false,
-        loginAttemptLimit: false,
+        loginAttemptLimit: false
       },
-      changed: false,
+      changed: false
     };
   }
 
@@ -70,14 +70,14 @@ class ConfigForm extends React.Component<Props, State> {
       this.setState({
         ...this.state,
         config: {
-          ...config,
-        },
+          ...config
+        }
       });
     }
     if (!configUpdatePermission) {
       this.setState({
         ...this.state,
-        showNotification: true,
+        showNotification: true
       });
     }
   }
@@ -85,7 +85,7 @@ class ConfigForm extends React.Component<Props, State> {
   submit = (event: Event) => {
     event.preventDefault();
     this.setState({
-      changed: false,
+      changed: false
     });
     this.props.submitForm(this.state.config);
   };
@@ -96,7 +96,7 @@ class ConfigForm extends React.Component<Props, State> {
       t,
       namespaceStrategies,
       configReadPermission,
-      configUpdatePermission,
+      configUpdatePermission
     } = this.props;
     const config = this.state.config;
 
@@ -105,8 +105,8 @@ class ConfigForm extends React.Component<Props, State> {
     if (!configReadPermission) {
       return (
         <Notification
-          type={'danger'}
-          children={t('config.form.no-read-permission-notification')}
+          type={"danger"}
+          children={t("config.form.no-read-permission-notification")}
         />
       );
     }
@@ -114,8 +114,8 @@ class ConfigForm extends React.Component<Props, State> {
     if (this.state.showNotification) {
       noPermissionNotification = (
         <Notification
-          type={'info'}
-          children={t('config.form.no-write-permission-notification')}
+          type={"info"}
+          children={t("config.form.no-write-permission-notification")}
           onClose={() => this.onClose()}
         />
       );
@@ -160,10 +160,10 @@ class ConfigForm extends React.Component<Props, State> {
         />
         <hr />
         <ProxySettings
-          proxyPassword={config.proxyPassword ? config.proxyPassword : ''}
+          proxyPassword={config.proxyPassword ? config.proxyPassword : ""}
           proxyPort={config.proxyPort}
-          proxyServer={config.proxyServer ? config.proxyServer : ''}
-          proxyUser={config.proxyUser ? config.proxyUser : ''}
+          proxyServer={config.proxyServer ? config.proxyServer : ""}
+          proxyUser={config.proxyUser ? config.proxyUser : ""}
           enableProxy={config.enableProxy}
           proxyExcludes={config.proxyExcludes}
           onChange={(isValid, changedValue, name) =>
@@ -174,7 +174,7 @@ class ConfigForm extends React.Component<Props, State> {
         <hr />
         <SubmitButton
           loading={loading}
-          label={t('config.form.submit')}
+          label={t("config.form.submit")}
           disabled={
             !configUpdatePermission || this.hasError() || !this.state.changed
           }
@@ -188,13 +188,13 @@ class ConfigForm extends React.Component<Props, State> {
       ...this.state,
       config: {
         ...this.state.config,
-        [name]: changedValue,
+        [name]: changedValue
       },
       error: {
         ...this.state.error,
-        [name]: !isValid,
+        [name]: !isValid
       },
-      changed: true,
+      changed: true
     });
   };
 
@@ -208,9 +208,9 @@ class ConfigForm extends React.Component<Props, State> {
   onClose = () => {
     this.setState({
       ...this.state,
-      showNotification: false,
+      showNotification: false
     });
   };
 }
 
-export default translate('config')(ConfigForm);
+export default translate("config")(ConfigForm);

scm-ui/ui-webapp/src/admin/components/form/GeneralSettings.tsx

@@ -1,8 +1,8 @@
-import React from 'react';
-import { translate } from 'react-i18next';
-import { Checkbox, InputField } from '@scm-manager/ui-components';
-import { NamespaceStrategies } from '@scm-manager/ui-types';
-import NamespaceStrategySelect from './NamespaceStrategySelect';
+import React from "react";
+import { translate } from "react-i18next";
+import { Checkbox, InputField } from "@scm-manager/ui-components";
+import { NamespaceStrategies } from "@scm-manager/ui-types";
+import NamespaceStrategySelect from "./NamespaceStrategySelect";
 
 type Props = {
   realmDescription: string;
@@ -32,7 +32,7 @@ class GeneralSettings extends React.Component<Props> {
       anonymousAccessEnabled,
       namespaceStrategy,
       hasUpdatePermission,
-      namespaceStrategies,
+      namespaceStrategies
     } = this.props;
 
     return (
@@ -40,61 +40,61 @@ class GeneralSettings extends React.Component<Props> {
         <div className="columns">
           <div className="column is-half">
             <InputField
-              label={t('general-settings.realm-description')}
+              label={t("general-settings.realm-description")}
               onChange={this.handleRealmDescriptionChange}
               value={realmDescription}
               disabled={!hasUpdatePermission}
-              helpText={t('help.realmDescriptionHelpText')}
+              helpText={t("help.realmDescriptionHelpText")}
             />
           </div>
           <div className="column is-half">
             <NamespaceStrategySelect
-              label={t('general-settings.namespace-strategy')}
+              label={t("general-settings.namespace-strategy")}
               onChange={this.handleNamespaceStrategyChange}
               value={namespaceStrategy}
               disabled={!hasUpdatePermission}
               namespaceStrategies={namespaceStrategies}
-              helpText={t('help.nameSpaceStrategyHelpText')}
+              helpText={t("help.nameSpaceStrategyHelpText")}
             />
           </div>
         </div>
         <div className="columns">
           <div className="column is-half">
             <InputField
-              label={t('general-settings.login-info-url')}
+              label={t("general-settings.login-info-url")}
               onChange={this.handleLoginInfoUrlChange}
               value={loginInfoUrl}
               disabled={!hasUpdatePermission}
-              helpText={t('help.loginInfoUrlHelpText')}
+              helpText={t("help.loginInfoUrlHelpText")}
             />
           </div>
           <div className="column is-half">
             <Checkbox
               checked={enabledXsrfProtection}
-              label={t('general-settings.enabled-xsrf-protection')}
+              label={t("general-settings.enabled-xsrf-protection")}
               onChange={this.handleEnabledXsrfProtectionChange}
               disabled={!hasUpdatePermission}
-              helpText={t('help.enableXsrfProtectionHelpText')}
+              helpText={t("help.enableXsrfProtectionHelpText")}
             />
           </div>
         </div>
         <div className="columns">
           <div className="column is-half">
             <InputField
-              label={t('general-settings.plugin-url')}
+              label={t("general-settings.plugin-url")}
               onChange={this.handlePluginCenterUrlChange}
               value={pluginUrl}
               disabled={!hasUpdatePermission}
-              helpText={t('help.pluginUrlHelpText')}
+              helpText={t("help.pluginUrlHelpText")}
             />
           </div>
           <div className="column is-half">
             <Checkbox
               checked={anonymousAccessEnabled}
-              label={t('general-settings.anonymous-access-enabled')}
+              label={t("general-settings.anonymous-access-enabled")}
               onChange={this.handleEnableAnonymousAccess}
               disabled={!hasUpdatePermission}
-              helpText={t('help.allowAnonymousAccessHelpText')}
+              helpText={t("help.allowAnonymousAccessHelpText")}
             />
           </div>
         </div>
@@ -103,23 +103,23 @@ class GeneralSettings extends React.Component<Props> {
   }
 
   handleLoginInfoUrlChange = (value: string) => {
-    this.props.onChange(true, value, 'loginInfoUrl');
+    this.props.onChange(true, value, "loginInfoUrl");
   };
   handleRealmDescriptionChange = (value: string) => {
-    this.props.onChange(true, value, 'realmDescription');
+    this.props.onChange(true, value, "realmDescription");
   };
   handleEnabledXsrfProtectionChange = (value: boolean) => {
-    this.props.onChange(true, value, 'enabledXsrfProtection');
+    this.props.onChange(true, value, "enabledXsrfProtection");
   };
   handleEnableAnonymousAccess = (value: boolean) => {
-    this.props.onChange(true, value, 'anonymousAccessEnabled');
+    this.props.onChange(true, value, "anonymousAccessEnabled");
   };
   handleNamespaceStrategyChange = (value: string) => {
-    this.props.onChange(true, value, 'namespaceStrategy');
+    this.props.onChange(true, value, "namespaceStrategy");
   };
   handlePluginCenterUrlChange = (value: string) => {
-    this.props.onChange(true, value, 'pluginUrl');
+    this.props.onChange(true, value, "pluginUrl");
   };
 }
 
-export default translate('config')(GeneralSettings);
+export default translate("config")(GeneralSettings);

scm-ui/ui-webapp/src/admin/components/form/LoginAttempt.tsx

@@ -1,10 +1,10 @@
-import React from 'react';
-import { translate } from 'react-i18next';
+import React from "react";
+import { translate } from "react-i18next";
 import {
   InputField,
   Subtitle,
-  validation as validator,
-} from '@scm-manager/ui-components';
+  validation as validator
+} from "@scm-manager/ui-components";
 
 type Props = {
   loginAttemptLimit: number;
@@ -25,7 +25,7 @@ class LoginAttempt extends React.Component<Props, State> {
 
     this.state = {
       loginAttemptLimitError: false,
-      loginAttemptLimitTimeoutError: false,
+      loginAttemptLimitTimeoutError: false
     };
   }
   render() {
@@ -33,33 +33,33 @@ class LoginAttempt extends React.Component<Props, State> {
       t,
       loginAttemptLimit,
       loginAttemptLimitTimeout,
-      hasUpdatePermission,
+      hasUpdatePermission
     } = this.props;
 
     return (
       <div>
-        <Subtitle subtitle={t('login-attempt.name')} />
+        <Subtitle subtitle={t("login-attempt.name")} />
         <div className="columns">
           <div className="column is-half">
             <InputField
-              label={t('login-attempt.login-attempt-limit')}
+              label={t("login-attempt.login-attempt-limit")}
               onChange={this.handleLoginAttemptLimitChange}
               value={loginAttemptLimit}
               disabled={!hasUpdatePermission}
               validationError={this.state.loginAttemptLimitError}
-              errorMessage={t('validation.login-attempt-limit-invalid')}
-              helpText={t('help.loginAttemptLimitHelpText')}
+              errorMessage={t("validation.login-attempt-limit-invalid")}
+              helpText={t("help.loginAttemptLimitHelpText")}
             />
           </div>
           <div className="column is-half">
             <InputField
-              label={t('login-attempt.login-attempt-limit-timeout')}
+              label={t("login-attempt.login-attempt-limit-timeout")}
               onChange={this.handleLoginAttemptLimitTimeoutChange}
               value={loginAttemptLimitTimeout}
               disabled={!hasUpdatePermission}
               validationError={this.state.loginAttemptLimitTimeoutError}
-              errorMessage={t('validation.login-attempt-limit-timeout-invalid')}
-              helpText={t('help.loginAttemptLimitTimeoutHelpText')}
+              errorMessage={t("validation.login-attempt-limit-timeout-invalid")}
+              helpText={t("help.loginAttemptLimitTimeoutHelpText")}
             />
           </div>
         </div>
@@ -71,26 +71,26 @@ class LoginAttempt extends React.Component<Props, State> {
   handleLoginAttemptLimitChange = (value: string) => {
     this.setState({
       ...this.state,
-      loginAttemptLimitError: !validator.isNumberValid(value),
+      loginAttemptLimitError: !validator.isNumberValid(value)
     });
     this.props.onChange(
       validator.isNumberValid(value),
       value,
-      'loginAttemptLimit',
+      "loginAttemptLimit"
     );
   };
 
   handleLoginAttemptLimitTimeoutChange = (value: string) => {
     this.setState({
       ...this.state,
-      loginAttemptLimitTimeoutError: !validator.isNumberValid(value),
+      loginAttemptLimitTimeoutError: !validator.isNumberValid(value)
     });
     this.props.onChange(
       validator.isNumberValid(value),
       value,
-      'loginAttemptLimitTimeout',
+      "loginAttemptLimitTimeout"
     );
   };
 }
 
-export default translate('config')(LoginAttempt);
+export default translate("config")(LoginAttempt);

scm-ui/ui-webapp/src/admin/components/form/NamespaceStrategySelect.tsx

@@ -1,7 +1,7 @@
-import React from 'react';
-import { translate, TFunction } from 'react-i18next';
-import { Select } from '@scm-manager/ui-components';
-import { NamespaceStrategies } from '@scm-manager/ui-types';
+import React from "react";
+import { translate, TFunction } from "react-i18next";
+import { Select } from "@scm-manager/ui-components";
+import { NamespaceStrategies } from "@scm-manager/ui-types";
 
 type Props = {
   namespaceStrategies: NamespaceStrategies;
@@ -23,14 +23,14 @@ class NamespaceStrategySelect extends React.Component<Props> {
     }
 
     return available.map(ns => {
-      const key = 'namespaceStrategies.' + ns;
+      const key = "namespaceStrategies." + ns;
       let label = t(key);
       if (label === key) {
         label = ns;
       }
       return {
         value: ns,
-        label: label,
+        label: label
       };
     });
   };
@@ -63,4 +63,4 @@ class NamespaceStrategySelect extends React.Component<Props> {
   }
 }
 
-export default translate('plugins')(NamespaceStrategySelect);
+export default translate("plugins")(NamespaceStrategySelect);

scm-ui/ui-webapp/src/admin/components/form/ProxySettings.tsx

@@ -1,12 +1,12 @@
-import React from 'react';
-import { translate } from 'react-i18next';
+import React from "react";
+import { translate } from "react-i18next";
 import {
   Checkbox,
   InputField,
   Subtitle,
-  AddEntryToTableField,
-} from '@scm-manager/ui-components';
-import ProxyExcludesTable from '../table/ProxyExcludesTable';
+  AddEntryToTableField
+} from "@scm-manager/ui-components";
+import ProxyExcludesTable from "../table/ProxyExcludesTable";
 
 type Props = {
   proxyPassword: string;
@@ -30,61 +30,61 @@ class ProxySettings extends React.Component<Props> {
       proxyUser,
       enableProxy,
       proxyExcludes,
-      hasUpdatePermission,
+      hasUpdatePermission
     } = this.props;
 
     return (
       <div>
-        <Subtitle subtitle={t('proxy-settings.name')} />
+        <Subtitle subtitle={t("proxy-settings.name")} />
         <div className="columns">
           <div className="column is-full">
             <Checkbox
               checked={enableProxy}
-              label={t('proxy-settings.enable-proxy')}
+              label={t("proxy-settings.enable-proxy")}
               onChange={this.handleEnableProxyChange}
               disabled={!hasUpdatePermission}
-              helpText={t('help.enableProxyHelpText')}
+              helpText={t("help.enableProxyHelpText")}
             />
           </div>
         </div>
         <div className="columns">
           <div className="column is-half">
             <InputField
-              label={t('proxy-settings.proxy-password')}
+              label={t("proxy-settings.proxy-password")}
               onChange={this.handleProxyPasswordChange}
               value={proxyPassword}
               type="password"
               disabled={!enableProxy || !hasUpdatePermission}
-              helpText={t('help.proxyPasswordHelpText')}
+              helpText={t("help.proxyPasswordHelpText")}
             />
           </div>
           <div className="column is-half">
             <InputField
-              label={t('proxy-settings.proxy-port')}
+              label={t("proxy-settings.proxy-port")}
               value={proxyPort}
               onChange={this.handleProxyPortChange}
               disabled={!enableProxy || !hasUpdatePermission}
-              helpText={t('help.proxyPortHelpText')}
+              helpText={t("help.proxyPortHelpText")}
             />
           </div>
         </div>
         <div className="columns">
           <div className="column is-half">
             <InputField
-              label={t('proxy-settings.proxy-server')}
+              label={t("proxy-settings.proxy-server")}
               value={proxyServer}
               onChange={this.handleProxyServerChange}
               disabled={!enableProxy || !hasUpdatePermission}
-              helpText={t('help.proxyServerHelpText')}
+              helpText={t("help.proxyServerHelpText")}
             />
           </div>
           <div className="column is-half">
             <InputField
-              label={t('proxy-settings.proxy-user')}
+              label={t("proxy-settings.proxy-user")}
               value={proxyUser}
               onChange={this.handleProxyUserChange}
               disabled={!enableProxy || !hasUpdatePermission}
-              helpText={t('help.proxyUserHelpText')}
+              helpText={t("help.proxyUserHelpText")}
             />
           </div>
         </div>
@@ -100,9 +100,9 @@ class ProxySettings extends React.Component<Props> {
             <AddEntryToTableField
               addEntry={this.addProxyExclude}
               disabled={!enableProxy || !hasUpdatePermission}
-              buttonLabel={t('proxy-settings.add-proxy-exclude-button')}
-              fieldLabel={t('proxy-settings.add-proxy-exclude-textfield')}
-              errorMessage={t('proxy-settings.add-proxy-exclude-error')}
+              buttonLabel={t("proxy-settings.add-proxy-exclude-button")}
+              fieldLabel={t("proxy-settings.add-proxy-exclude-textfield")}
+              errorMessage={t("proxy-settings.add-proxy-exclude-error")}
             />
           </div>
         </div>
@@ -111,19 +111,19 @@ class ProxySettings extends React.Component<Props> {
   }
 
   handleProxyPasswordChange = (value: string) => {
-    this.props.onChange(true, value, 'proxyPassword');
+    this.props.onChange(true, value, "proxyPassword");
   };
   handleProxyPortChange = (value: string) => {
-    this.props.onChange(true, value, 'proxyPort');
+    this.props.onChange(true, value, "proxyPort");
   };
   handleProxyServerChange = (value: string) => {
-    this.props.onChange(true, value, 'proxyServer');
+    this.props.onChange(true, value, "proxyServer");
   };
   handleProxyUserChange = (value: string) => {
-    this.props.onChange(true, value, 'proxyUser');
+    this.props.onChange(true, value, "proxyUser");
   };
   handleEnableProxyChange = (value: string) => {
-    this.props.onChange(true, value, 'enableProxy');
+    this.props.onChange(true, value, "enableProxy");
   };
 
   addProxyExclude = (proxyExcludeName: string) => {
@@ -133,7 +133,7 @@ class ProxySettings extends React.Component<Props> {
     this.props.onChange(
       true,
       [...this.props.proxyExcludes, proxyExcludeName],
-      'proxyExcludes',
+      "proxyExcludes"
     );
   };
 
@@ -142,4 +142,4 @@ class ProxySettings extends React.Component<Props> {
   };
 }
 
-export default translate('config')(ProxySettings);
+export default translate("config")(ProxySettings);

scm-ui/ui-webapp/src/admin/components/table/ArrayConfigTable.tsx

@@ -1,8 +1,8 @@
-import React from 'react';
+import React from "react";
 import {
   RemoveEntryOfTableButton,
-  LabelWithHelpIcon,
-} from '@scm-manager/ui-components';
+  LabelWithHelpIcon
+} from "@scm-manager/ui-components";
 
 type Props = {
   items: string[];

scm-ui/ui-webapp/src/admin/components/table/ProxyExcludesTable.tsx

@@ -1,6 +1,6 @@
-import React from 'react';
-import { translate } from 'react-i18next';
-import ArrayConfigTable from './ArrayConfigTable';
+import React from "react";
+import { translate } from "react-i18next";
+import ArrayConfigTable from "./ArrayConfigTable";
 
 type Props = {
   proxyExcludes: string[];
@@ -17,18 +17,18 @@ class ProxyExcludesTable extends React.Component<Props, State> {
     return (
       <ArrayConfigTable
         items={proxyExcludes}
-        label={t('proxy-settings.proxy-excludes')}
-        removeLabel={t('proxy-settings.remove-proxy-exclude-button')}
+        label={t("proxy-settings.proxy-excludes")}
+        removeLabel={t("proxy-settings.remove-proxy-exclude-button")}
         onRemove={this.removeEntry}
         disabled={disabled}
-        helpText={t('help.proxyExcludesHelpText')}
+        helpText={t("help.proxyExcludesHelpText")}
       />
     );
   }
 
   removeEntry = (newExcludes: string[]) => {
-    this.props.onChange(true, newExcludes, 'proxyExcludes');
+    this.props.onChange(true, newExcludes, "proxyExcludes");
   };
 }
 
-export default translate('config')(ProxyExcludesTable);
+export default translate("config")(ProxyExcludesTable);