From b40ae36f6cd2095b540a2fb9b8c24829d888cf31 Mon Sep 17 00:00:00 2001
From: Amaury Martiny <amaury.martiny@protonmail.com>
Date: Wed, 10 Apr 2019 19:00:36 +0200
Subject: [PATCH] Allow exports of dumb components (#953)

* Dumb exports ui-reactive

* Dumb exports ui-signer/Checks
---
 packages/ui-reactive/src/AccountIndex.tsx  | 2 +-
 packages/ui-reactive/src/Balance.tsx       | 2 +-
 packages/ui-reactive/src/BestFinalized.tsx | 2 +-
 packages/ui-reactive/src/BestNumber.tsx    | 4 ++--
 packages/ui-reactive/src/Bonded.tsx        | 4 ++--
 packages/ui-reactive/src/Chain.tsx         | 2 +-
 packages/ui-reactive/src/NodeName.tsx      | 2 +-
 packages/ui-reactive/src/NodeVersion.tsx   | 2 +-
 packages/ui-reactive/src/Nonce.tsx         | 2 +-
 packages/ui-reactive/src/TimeNow.tsx       | 2 +-
 packages/ui-reactive/src/TimePeriod.tsx    | 4 ++--
 packages/ui-signer/src/Checks/Proposal.tsx | 2 +-
 packages/ui-signer/src/Checks/Transfer.tsx | 2 +-
 packages/ui-signer/src/Checks/index.tsx    | 4 ++--
 14 files changed, 18 insertions(+), 18 deletions(-)

diff --git a/packages/ui-reactive/src/AccountIndex.tsx b/packages/ui-reactive/src/AccountIndex.tsx
index 8439681158..0074cc72ba 100644
--- a/packages/ui-reactive/src/AccountIndex.tsx
+++ b/packages/ui-reactive/src/AccountIndex.tsx
@@ -14,7 +14,7 @@ type Props = BareProps & CallProps & {
   accounts_idAndIndex?: [AccountId?, AccountIndex?]
 };
 
-class AccountIndexDisplay extends React.PureComponent<Props> {
+export class AccountIndexDisplay extends React.PureComponent<Props> {
   render () {
     const { children, className, label = '', style, accounts_idAndIndex = [] } = this.props;
     const [, accountIndex] = accounts_idAndIndex;
diff --git a/packages/ui-reactive/src/Balance.tsx b/packages/ui-reactive/src/Balance.tsx
index b700df178b..b802a210b8 100644
--- a/packages/ui-reactive/src/Balance.tsx
+++ b/packages/ui-reactive/src/Balance.tsx
@@ -15,7 +15,7 @@ type Props = BareProps & CallProps & {
   balances_freeBalance?: Balance
 };
 
-class BalanceDisplay extends React.PureComponent<Props> {
+export class BalanceDisplay extends React.PureComponent<Props> {
   render () {
     const { children, className, label = '', style, balances_freeBalance } = this.props;
 
diff --git a/packages/ui-reactive/src/BestFinalized.tsx b/packages/ui-reactive/src/BestFinalized.tsx
index 57c3502e47..ed37c1d3c1 100644
--- a/packages/ui-reactive/src/BestFinalized.tsx
+++ b/packages/ui-reactive/src/BestFinalized.tsx
@@ -15,7 +15,7 @@ type Props = BareProps & CallProps & {
   chain_bestNumberFinalized?: BlockNumber
 };
 
-class BestFinalized extends React.PureComponent<Props> {
+export class BestFinalized extends React.PureComponent<Props> {
   render () {
     const { children, className, label = '', style, chain_bestNumberFinalized } = this.props;
 
diff --git a/packages/ui-reactive/src/BestNumber.tsx b/packages/ui-reactive/src/BestNumber.tsx
index 733cecd760..691810afb4 100644
--- a/packages/ui-reactive/src/BestNumber.tsx
+++ b/packages/ui-reactive/src/BestNumber.tsx
@@ -15,7 +15,7 @@ type Props = BareProps & CallProps & {
   chain_bestNumber?: BlockNumber
 };
 
-class BestNumber extends React.PureComponent<Props> {
+export class BestNumber extends React.PureComponent<Props> {
   render () {
     const { children, className, label = '', style, chain_bestNumber } = this.props;
 
@@ -28,7 +28,7 @@ class BestNumber extends React.PureComponent<Props> {
           chain_bestNumber
             ? formatNumber(chain_bestNumber)
             : '-'
-          }{children}
+        }{children}
       </div>
     );
   }
diff --git a/packages/ui-reactive/src/Bonded.tsx b/packages/ui-reactive/src/Bonded.tsx
index 32ece35e74..6449ba88d3 100644
--- a/packages/ui-reactive/src/Bonded.tsx
+++ b/packages/ui-reactive/src/Bonded.tsx
@@ -17,7 +17,7 @@ type Props = BareProps & CallProps & {
   staking_ledger?: Option<StakingLedger>
 };
 
-class BondedDisplay extends React.PureComponent<Props> {
+export class BondedDisplay extends React.PureComponent<Props> {
   render () {
     const { children, className, label = '', style, staking_ledger } = this.props;
 
@@ -36,7 +36,7 @@ class BondedDisplay extends React.PureComponent<Props> {
           bonded
             ? formatBalance(bonded)
             : '0'
-          }{children}
+        }{children}
       </div>
     );
   }
diff --git a/packages/ui-reactive/src/Chain.tsx b/packages/ui-reactive/src/Chain.tsx
index 645bf92ede..e7e8041e48 100644
--- a/packages/ui-reactive/src/Chain.tsx
+++ b/packages/ui-reactive/src/Chain.tsx
@@ -14,7 +14,7 @@ type Props = BareProps & CallProps & {
   system_chain?: Text
 };
 
-class Chain extends React.PureComponent<Props> {
+export class Chain extends React.PureComponent<Props> {
   render () {
     const { children, className, label = '', style, system_chain = 'unknown' } = this.props;
 
diff --git a/packages/ui-reactive/src/NodeName.tsx b/packages/ui-reactive/src/NodeName.tsx
index 27fb4baddc..a93ba4d41c 100644
--- a/packages/ui-reactive/src/NodeName.tsx
+++ b/packages/ui-reactive/src/NodeName.tsx
@@ -14,7 +14,7 @@ type Props = BareProps & CallProps & {
   system_name?: Text
 };
 
-class NodeName extends React.PureComponent<Props> {
+export class NodeName extends React.PureComponent<Props> {
   render () {
     const { children, className, label = '', style, system_name = 'unknown' } = this.props;
 
diff --git a/packages/ui-reactive/src/NodeVersion.tsx b/packages/ui-reactive/src/NodeVersion.tsx
index 6f2ded217b..1339e0bdea 100644
--- a/packages/ui-reactive/src/NodeVersion.tsx
+++ b/packages/ui-reactive/src/NodeVersion.tsx
@@ -14,7 +14,7 @@ type Props = BareProps & CallProps & {
   system_version?: Text
 };
 
-class NodeVersion extends React.PureComponent<Props> {
+export class NodeVersion extends React.PureComponent<Props> {
   render () {
     const { children, className, label = '', style, system_version = '-' } = this.props;
 
diff --git a/packages/ui-reactive/src/Nonce.tsx b/packages/ui-reactive/src/Nonce.tsx
index d4966da1d9..9692f893e3 100644
--- a/packages/ui-reactive/src/Nonce.tsx
+++ b/packages/ui-reactive/src/Nonce.tsx
@@ -15,7 +15,7 @@ type Props = BareProps & CallProps & {
   system_accountNonce?: Index
 };
 
-class Nonce extends React.PureComponent<Props> {
+export class Nonce extends React.PureComponent<Props> {
   render () {
     const { children, className, label = '', style, system_accountNonce } = this.props;
 
diff --git a/packages/ui-reactive/src/TimeNow.tsx b/packages/ui-reactive/src/TimeNow.tsx
index 07126a74e4..b505a6449a 100644
--- a/packages/ui-reactive/src/TimeNow.tsx
+++ b/packages/ui-reactive/src/TimeNow.tsx
@@ -16,7 +16,7 @@ type Props = BareProps & CallProps & {
   timestamp_now?: Moment
 };
 
-class TimeNow extends React.PureComponent<Props> {
+export class TimeNow extends React.PureComponent<Props> {
   render () {
     const { children, className, label = '', style, timestamp_now } = this.props;
 
diff --git a/packages/ui-reactive/src/TimePeriod.tsx b/packages/ui-reactive/src/TimePeriod.tsx
index 628c67745e..2a75aed115 100644
--- a/packages/ui-reactive/src/TimePeriod.tsx
+++ b/packages/ui-reactive/src/TimePeriod.tsx
@@ -16,7 +16,7 @@ type Props = BareProps & CallProps & {
   timestamp_minimumPeriod?: Moment // support for new version
 };
 
-class TimePeriod extends React.PureComponent<Props> {
+export class TimePeriod extends React.PureComponent<Props> {
   render () {
     const { children, className, label = '', style, timestamp_blockPeriod, timestamp_minimumPeriod } = this.props;
     const period = timestamp_minimumPeriod || (
@@ -38,7 +38,7 @@ class TimePeriod extends React.PureComponent<Props> {
           period
             ? `${formatNumber(period.toNumber() * 2)}s`
             : '-'
-          }{children}
+        }{children}
       </div>
     );
   }
diff --git a/packages/ui-signer/src/Checks/Proposal.tsx b/packages/ui-signer/src/Checks/Proposal.tsx
index d90140250d..a271e84022 100644
--- a/packages/ui-signer/src/Checks/Proposal.tsx
+++ b/packages/ui-signer/src/Checks/Proposal.tsx
@@ -25,7 +25,7 @@ type State = ExtraFees & {
   isBelowMinimum: boolean
 };
 
-class Proposal extends React.PureComponent<Props, State> {
+export class Proposal extends React.PureComponent<Props, State> {
   state: State = {
     extraFees: new BN(0),
     extraAmount: new BN(0),
diff --git a/packages/ui-signer/src/Checks/Transfer.tsx b/packages/ui-signer/src/Checks/Transfer.tsx
index 4bbe6ac900..dd377c2f90 100644
--- a/packages/ui-signer/src/Checks/Transfer.tsx
+++ b/packages/ui-signer/src/Checks/Transfer.tsx
@@ -29,7 +29,7 @@ type State = ExtraFees & {
   isNoEffect: boolean
 };
 
-class Transfer extends React.PureComponent<Props, State> {
+export class Transfer extends React.PureComponent<Props, State> {
   state: State = {
     extraFees: new BN(0),
     extraAmount: new BN(0),
diff --git a/packages/ui-signer/src/Checks/index.tsx b/packages/ui-signer/src/Checks/index.tsx
index 5ea3e26822..14903b960a 100644
--- a/packages/ui-signer/src/Checks/index.tsx
+++ b/packages/ui-signer/src/Checks/index.tsx
@@ -46,7 +46,7 @@ const LENGTH_SIGNATURE = 64;
 const LENGTH_ERA = 1;
 const SIGNATURE_SIZE = LENGTH_PUBLICKEY + LENGTH_SIGNATURE + LENGTH_ERA;
 
-class FeeDisplay extends React.PureComponent<Props, State> {
+export class FeeDisplay extends React.PureComponent<Props, State> {
   state: State = {
     allFees: new BN(0),
     allTotal: new BN(0),
@@ -131,7 +131,7 @@ class FeeDisplay extends React.PureComponent<Props, State> {
         allWarn
           ? 'warning'
           : 'normal'
-        );
+      );
 
     // display all the errors, warning and information messages (in that order)
     return (