use reflow to migrate from flow to typescript

scm-ui/ui-webapp/src/repos/branches/components/BranchButtonGroup.tsx

@@ -1,15 +1,14 @@
-//@flow
-import React from "react";
-import type { Repository, Branch } from "@scm-manager/ui-types";
-import { ButtonAddons, Button } from "@scm-manager/ui-components";
-import { translate } from "react-i18next";
+import React from 'react';
+import { Repository, Branch } from '@scm-manager/ui-types';
+import { ButtonAddons, Button } from '@scm-manager/ui-components';
+import { translate } from 'react-i18next';
 
 type Props = {
-  repository: Repository,
-  branch: Branch,
+  repository: Repository;
+  branch: Branch;
 
   // context props
-  t: string => string
+  t: (p: string) => string;
 };
 
 class BranchButtonGroup extends React.Component<Props> {
@@ -28,13 +27,13 @@ class BranchButtonGroup extends React.Component<Props> {
         <Button
           link={changesetLink}
           icon="exchange-alt"
-          label={t("branch.commits")}
+          label={t('branch.commits')}
           reducedMobile={true}
         />
         <Button
           link={sourcesLink}
           icon="code"
-          label={t("branch.sources")}
+          label={t('branch.sources')}
           reducedMobile={true}
         />
       </ButtonAddons>
@@ -42,4 +41,4 @@ class BranchButtonGroup extends React.Component<Props> {
   }
 }
 
-export default translate("repos")(BranchButtonGroup);
+export default translate('repos')(BranchButtonGroup);

scm-ui/ui-webapp/src/repos/branches/components/BranchDetail.tsx

@@ -1,15 +1,14 @@
-//@flow
-import React from "react";
-import type { Repository, Branch } from "@scm-manager/ui-types";
-import { translate } from "react-i18next";
-import BranchButtonGroup from "./BranchButtonGroup";
-import DefaultBranchTag from "./DefaultBranchTag";
+import React from 'react';
+import { Repository, Branch } from '@scm-manager/ui-types';
+import { translate } from 'react-i18next';
+import BranchButtonGroup from './BranchButtonGroup';
+import DefaultBranchTag from './DefaultBranchTag';
 
 type Props = {
-  repository: Repository,
-  branch: Branch,
+  repository: Repository;
+  branch: Branch;
   // context props
-  t: string => string
+  t: (p: string) => string;
 };
 
 class BranchDetail extends React.Component<Props> {
@@ -19,7 +18,7 @@ class BranchDetail extends React.Component<Props> {
     return (
       <div className="media">
         <div className="media-content subtitle">
-          <strong>{t("branch.name")}</strong> {branch.name}{" "}
+          <strong>{t('branch.name')}</strong> {branch.name}{' '}
           <DefaultBranchTag defaultBranch={branch.defaultBranch} />
         </div>
         <div className="media-right">
@@ -30,4 +29,4 @@ class BranchDetail extends React.Component<Props> {
   }
 }
 
-export default translate("repos")(BranchDetail);
+export default translate('repos')(BranchDetail);

scm-ui/ui-webapp/src/repos/branches/components/BranchForm.tsx

@@ -1,29 +1,28 @@
-// @flow
-import React from "react";
-import { translate } from "react-i18next";
-import type { Repository, Branch, BranchRequest } from "@scm-manager/ui-types";
+import React from 'react';
+import { translate } from 'react-i18next';
+import { Repository, Branch, BranchRequest } from '@scm-manager/ui-types';
 import {
   Select,
   InputField,
   SubmitButton,
-  validation as validator
-} from "@scm-manager/ui-components";
-import { orderBranches } from "../util/orderBranches";
+  validation as validator,
+} from '@scm-manager/ui-components';
+import { orderBranches } from '../util/orderBranches';
 
 type Props = {
-  submitForm: BranchRequest => void,
-  repository: Repository,
-  branches: Branch[],
-  loading?: boolean,
-  transmittedName?: string,
-  disabled?: boolean,
-  t: string => string
+  submitForm: (p: BranchRequest) => void;
+  repository: Repository;
+  branches: Branch[];
+  loading?: boolean;
+  transmittedName?: string;
+  disabled?: boolean;
+  t: (p: string) => string;
 };
 
 type State = {
-  source?: string,
-  name?: string,
-  nameValidationError: boolean
+  source?: string;
+  name?: string;
+  nameValidationError: boolean;
 };
 
 class BranchForm extends React.Component<Props, State> {
@@ -32,7 +31,7 @@ class BranchForm extends React.Component<Props, State> {
 
     this.state = {
       nameValidationError: false,
-      name: props.transmittedName
+      name: props.transmittedName,
     };
   }
 
@@ -54,7 +53,7 @@ class BranchForm extends React.Component<Props, State> {
     if (this.isValid()) {
       this.props.submitForm({
         name: this.state.name,
-        parent: this.state.source
+        parent: this.state.source,
       });
     }
   };
@@ -65,7 +64,7 @@ class BranchForm extends React.Component<Props, State> {
     orderBranches(branches);
     const options = branches.map(branch => ({
       label: branch.name,
-      value: branch.name
+      value: branch.name,
     }));
 
     return (
@@ -75,7 +74,7 @@ class BranchForm extends React.Component<Props, State> {
             <div className="column">
               <Select
                 name="source"
-                label={t("branches.create.source")}
+                label={t('branches.create.source')}
                 options={options}
                 onChange={this.handleSourceChange}
                 loading={loading}
@@ -83,11 +82,11 @@ class BranchForm extends React.Component<Props, State> {
               />
               <InputField
                 name="name"
-                label={t("branches.create.name")}
+                label={t('branches.create.name')}
                 onChange={this.handleNameChange}
-                value={name ? name : ""}
+                value={name ? name : ''}
                 validationError={this.state.nameValidationError}
-                errorMessage={t("validation.branch.nameInvalid")}
+                errorMessage={t('validation.branch.nameInvalid')}
                 disabled={!!transmittedName || disabled}
               />
             </div>
@@ -97,7 +96,7 @@ class BranchForm extends React.Component<Props, State> {
               <SubmitButton
                 disabled={disabled || !this.isValid()}
                 loading={loading}
-                label={t("branches.create.submit")}
+                label={t('branches.create.submit')}
               />
             </div>
           </div>
@@ -109,7 +108,7 @@ class BranchForm extends React.Component<Props, State> {
   handleSourceChange = (source: string) => {
     this.setState({
       ...this.state,
-      source
+      source,
     });
   };
 
@@ -117,9 +116,9 @@ class BranchForm extends React.Component<Props, State> {
     this.setState({
       nameValidationError: !validator.isNameValid(name),
       ...this.state,
-      name
+      name,
     });
   };
 }
 
-export default translate("repos")(BranchForm);
+export default translate('repos')(BranchForm);

scm-ui/ui-webapp/src/repos/branches/components/BranchRow.tsx

@@ -1,12 +1,11 @@
-// @flow
-import React from "react";
-import { Link } from "react-router-dom";
-import type { Branch } from "@scm-manager/ui-types";
-import DefaultBranchTag from "./DefaultBranchTag";
+import React from 'react';
+import { Link } from 'react-router-dom';
+import { Branch } from '@scm-manager/ui-types';
+import DefaultBranchTag from './DefaultBranchTag';
 
 type Props = {
-  baseUrl: string,
-  branch: Branch
+  baseUrl: string;
+  branch: Branch;
 };
 
 class BranchRow extends React.Component<Props> {

scm-ui/ui-webapp/src/repos/branches/components/BranchTable.tsx

@@ -1,13 +1,12 @@
-// @flow
-import React from "react";
-import { translate } from "react-i18next";
-import BranchRow from "./BranchRow";
-import type { Branch } from "@scm-manager/ui-types";
+import React from 'react';
+import { translate } from 'react-i18next';
+import BranchRow from './BranchRow';
+import { Branch } from '@scm-manager/ui-types';
 
 type Props = {
-  baseUrl: string,
-  t: string => string,
-  branches: Branch[]
+  baseUrl: string;
+  t: (p: string) => string;
+  branches: Branch[];
 };
 
 class BranchTable extends React.Component<Props> {
@@ -17,7 +16,7 @@ class BranchTable extends React.Component<Props> {
       <table className="card-table table is-hoverable is-fullwidth">
         <thead>
           <tr>
-            <th>{t("branches.table.branches")}</th>
+            <th>{t('branches.table.branches')}</th>
           </tr>
         </thead>
         <tbody>{this.renderRow()}</tbody>
@@ -37,4 +36,4 @@ class BranchTable extends React.Component<Props> {
   }
 }
 
-export default translate("repos")(BranchTable);
+export default translate('repos')(BranchTable);

scm-ui/ui-webapp/src/repos/branches/components/BranchView.tsx

@@ -1,12 +1,11 @@
-// @flow
-import React from "react";
-import BranchDetail from "./BranchDetail";
-import { ExtensionPoint } from "@scm-manager/ui-extensions";
-import type { Repository, Branch } from "@scm-manager/ui-types";
+import React from 'react';
+import BranchDetail from './BranchDetail';
+import { ExtensionPoint } from '@scm-manager/ui-extensions';
+import { Repository, Branch } from '@scm-manager/ui-types';
 
 type Props = {
-  repository: Repository,
-  branch: Branch
+  repository: Repository;
+  branch: Branch;
 };
 
 class BranchView extends React.Component<Props> {
@@ -21,7 +20,10 @@ class BranchView extends React.Component<Props> {
           <ExtensionPoint
             name="repos.branch-details.information"
             renderAll={true}
-            props={{ repository, branch }}
+            props={{
+              repository,
+              branch,
+            }}
           />
         </div>
       </div>

scm-ui/ui-webapp/src/repos/branches/components/DefaultBranchTag.js

@@ -1,30 +0,0 @@
-//@flow
-import React from "react";
-import { translate } from "react-i18next";
-import styled from "styled-components";
-import { Tag } from "@scm-manager/ui-components";
-
-type Props = {
-  defaultBranch?: boolean,
-
-  // context props
-  t: string => string
-};
-
-const LeftMarginTag = styled(Tag)`
-  vertical-align: inherit;
-  margin-left: 0.75rem;
-`;
-
-class DefaultBranchTag extends React.Component<Props> {
-  render() {
-    const { defaultBranch, t } = this.props;
-
-    if (defaultBranch) {
-      return <LeftMarginTag color="dark" label={t("branch.defaultTag")} />;
-    }
-    return null;
-  }
-}
-
-export default translate("repos")(DefaultBranchTag);

scm-ui/ui-webapp/src/repos/branches/components/DefaultBranchTag.tsx

@@ -0,0 +1,29 @@
+import React from 'react';
+import { translate } from 'react-i18next';
+import styled from 'styled-components';
+import { Tag } from '@scm-manager/ui-components';
+
+type Props = {
+  defaultBranch?: boolean;
+
+  // context props
+  t: (p: string) => string;
+};
+
+const LeftMarginTag = styled(Tag)`
+  vertical-align: inherit;
+  margin-left: 0.75rem;
+`;
+
+class DefaultBranchTag extends React.Component<Props> {
+  render() {
+    const { defaultBranch, t } = this.props;
+
+    if (defaultBranch) {
+      return <LeftMarginTag color="dark" label={t('branch.defaultTag')} />;
+    }
+    return null;
+  }
+}
+
+export default translate('repos')(DefaultBranchTag);