From 94940733584a2586c860d815cffda2323e935d65 Mon Sep 17 00:00:00 2001 From: Gorka Date: Wed, 20 Feb 2019 09:09:35 +0100 Subject: [PATCH 01/22] AppLayout: refactor api --- src/components/AppLayout/AppLayout.js | 130 +++++++++++++++++++------- 1 file changed, 95 insertions(+), 35 deletions(-) diff --git a/src/components/AppLayout/AppLayout.js b/src/components/AppLayout/AppLayout.js index b9609de5a..d1dc401df 100644 --- a/src/components/AppLayout/AppLayout.js +++ b/src/components/AppLayout/AppLayout.js @@ -1,51 +1,111 @@ import React from 'react' import PropTypes from 'prop-types' import styled from 'styled-components' -import { AppBar } from '@aragon/ui' +import { AppBar, AppView, Button, ButtonIcon, Viewport, font } from '@aragon/ui' +import MenuButton from '../MenuPanel/MenuButton' -class AppLayout extends React.Component { - static propTypes = { - title: PropTypes.node, - endContent: PropTypes.node, - children: PropTypes.node, - } - static defaultProps = { - title: '', - } - render() { - const { title, endContent, children } = this.props - return ( -
- - - {children} - -
- ) - } +const AppLayout = ({ + children, + title, + afterTitle, + smallViewPadding, + largeViewPadding, + onMenuOpen, + mainButton, +}) => { + return ( + + {({ below }) => ( + + + + {below('medium') && ( + <MenuButton onClick={onMenuOpen} label="Menu" /> + )} + <TitleLabel>{title}</TitleLabel> + {afterTitle} + + {mainButton && + (mainButton.button || + (below('medium') ? ( + + {mainButton.icon} + + ) : ( + + )))} + + + } + > + {children} + + )} + + ) } -const Main = styled.div` +AppLayout.defaultProps = { + smallViewPadding: 20, + largeViewPadding: 30, + title: '', +} + +AppLayout.propTypes = { + afterTitle: PropTypes.node, + children: PropTypes.node, + largeViewPadding: PropTypes.number, + mainButton: PropTypes.shape({ + button: PropTypes.node, + icon: PropTypes.node, + label: PropTypes.node, + onClick: PropTypes.func, + }), + onMenuOpen: PropTypes.func, + smallViewPadding: PropTypes.number, + title: PropTypes.node.isRequired, +} + +const Title = styled.h1` display: flex; + flex: 1 1 auto; + width: 0; + align-items: center; height: 100%; - flex-direction: column; - align-items: stretch; - justify-content: stretch; ` -const StyledAppBar = styled(AppBar)` - flex-shrink: 0; +const TitleLabel = styled.span` + flex: 0 1 auto; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; + margin-right: 10px; + ${font({ size: 'xxlarge' })}; ` -const ScrollWrapper = styled.div` - height: 100%; - overflow: auto; -` - -const Content = styled.div` +const AppBarContainer = styled.div` display: flex; - flex-direction: column; - min-height: 100%; + width: 100%; + height: 100%; + justify-content: space-between; + align-items: center; + flex-wrap: nowrap; ` export default AppLayout From f36a5d17c154a2a94ff8396a48dbc4f59e8a531f Mon Sep 17 00:00:00 2001 From: Gorka Date: Fri, 15 Feb 2019 11:12:22 +0100 Subject: [PATCH 02/22] MenuButton: refactor to use button icon and icon menu --- src/components/MenuPanel/MenuButton.js | 37 ++++++++------------------ 1 file changed, 11 insertions(+), 26 deletions(-) diff --git a/src/components/MenuPanel/MenuButton.js b/src/components/MenuPanel/MenuButton.js index a897f97be..5c211b94c 100644 --- a/src/components/MenuPanel/MenuButton.js +++ b/src/components/MenuPanel/MenuButton.js @@ -1,31 +1,16 @@ import React from 'react' -import styled from 'styled-components' -import { theme } from '@aragon/ui' -import IconMenu from '../../icons/IconMenu' - -const StyledButton = styled.button` - border: none; - background: none; - margin-left: 24px; - height: 32px; - width: 32px; - display: flex; - align-items: center; - justify-content: center; - padding: 0; - cursor: pointer; - outline: none; - - &:focus { - border: 2px solid ${theme.accent}; - } - &:active { - border: none; - } -` +import { ButtonIcon, IconMenu } from '@aragon/ui' export default props => ( - + - + ) From ff95c4e95f7d580ae3b7ce21ebc62c58d5a81f10 Mon Sep 17 00:00:00 2001 From: Gorka Date: Wed, 13 Feb 2019 09:18:04 +0100 Subject: [PATCH 03/22] Home: refactor to use app layout --- src/apps/Permissions/Home/BrowseByApp.js | 2 +- src/components/Home/Home.js | 163 ++++++++--------------- 2 files changed, 60 insertions(+), 105 deletions(-) diff --git a/src/apps/Permissions/Home/BrowseByApp.js b/src/apps/Permissions/Home/BrowseByApp.js index a7e842469..5d525d5ab 100644 --- a/src/apps/Permissions/Home/BrowseByApp.js +++ b/src/apps/Permissions/Home/BrowseByApp.js @@ -42,7 +42,7 @@ const Apps = styled.div` display: grid; grid-gap: 10px; grid-template-columns: minmax(150px, 1fr) minmax(150px, 1fr); - margin: 0 30px; + margin: 0 20px; ${breakpoint( 'medium', diff --git a/src/components/Home/Home.js b/src/components/Home/Home.js index 8c85270c9..db5773d3a 100644 --- a/src/components/Home/Home.js +++ b/src/components/Home/Home.js @@ -2,20 +2,12 @@ import React from 'react' import PropTypes from 'prop-types' import styled from 'styled-components' import { Spring, animated } from 'react-spring' -import { - AppBar, - AppView, - Text, - Viewport, - breakpoint, - font, - theme, -} from '@aragon/ui' +import { Text, theme } from '@aragon/ui' import HomeCard from './HomeCard' import { lerp } from '../../math-utils' import { AppType } from '../../prop-types' import springs from '../../springs' -import MenuButton from '../MenuPanel/MenuButton' +import AppLayout from '../../components/AppLayout/AppLayout' import logo from './assets/logo-background.svg' @@ -112,101 +104,71 @@ class Home extends React.Component { ) return (
- - - - - {({ below }) => - below('medium') && ( - - ) - } - - Home - - - } + + - - {({ showAppsProgress }) => ( - - - <Text - weight="bold" - style={{ - fontSize: lerp(showAppsProgress, 37, 22) + 'px', - }} - > - Welcome to Aragon! - </Text> - <Text - style={{ - display: 'block', - fontSize: lerp(showAppsProgress, 18, 14) + 'px', - }} - > - {locator.dao.endsWith('.eth') - ? `You are interacting with ${locator.dao}` - : 'You are using Aragon 0.6 — Alba'} - </Text> - -

- - {showApps ? 'What do you want to do?' : 'Loading apps…'} - -

- ( + + + - - {appActions.map(({ id, label, img }) => ( - - - - ))} - - - - )} - - - + Welcome to Aragon! + + + {locator.dao.endsWith('.eth') + ? `You are interacting with ${locator.dao}` + : 'You are using Aragon 0.6 — Alba'} + + +

+ + {showApps ? 'What do you want to do?' : 'Loading apps…'} + +

+ + + {appActions.map(({ id, label, img }) => ( + + + + ))} + + + + )} + +
) } } -const AppBarTitle = styled.span` - display: flex; - align-items: center; -` - -const AppBarLabel = styled.span` - margin-left: 8px; - ${font({ size: 'xxlarge' })}; - - ${breakpoint( - 'medium', - ` - margin-left: 24px; - ` - )}; -` - const Main = styled.div` display: flex; height: 100%; @@ -218,13 +180,6 @@ const Main = styled.div` background-repeat: no-repeat; ` -const AppContent = styled.div` - flex-grow: 1; - flex-shrink: 1; - min-height: 0; - height: calc(100% - 54px); -` - const Content = styled.div` display: flex; width: 100%; @@ -237,7 +192,7 @@ const Content = styled.div` text-align: center; ` -const Title = styled.h1` +const AppTitle = styled.h1` margin-bottom: 30px; ` From 6195163e5eae990c0521aac3d960a401701b5726 Mon Sep 17 00:00:00 2001 From: Gorka Date: Wed, 13 Feb 2019 09:18:35 +0100 Subject: [PATCH 04/22] Apps: refactor to use app layout --- src/apps/Apps/Apps.js | 72 +++++++++++++------------------------------ 1 file changed, 22 insertions(+), 50 deletions(-) diff --git a/src/apps/Apps/Apps.js b/src/apps/Apps/Apps.js index 7a6a07c01..cd9666521 100644 --- a/src/apps/Apps/Apps.js +++ b/src/apps/Apps/Apps.js @@ -2,20 +2,17 @@ import React from 'react' import PropTypes from 'prop-types' import styled from 'styled-components' import { - Card, - Button, Badge, - Text, + Button, + Card, SafeLink, - theme, + Text, + breakpoint, colors, + theme, unselectable, - font, - breakpoint, - Viewport, } from '@aragon/ui' import AppLayout from '../../components/AppLayout/AppLayout' -import MenuButton from '../../components/MenuPanel/MenuButton' import defaultIcon from './icons/default.svg' import payrollIcon from './icons/payroll.svg' @@ -23,8 +20,9 @@ import espressoIcon from './icons/espresso.svg' class Apps extends React.Component { static propTypes = { - onMessage: PropTypes.func, + onMessage: PropTypes.func.isRequired, } + handleMenuPanelOpen = () => { this.props.onMessage({ data: { from: 'app', name: 'menuPanel', value: true }, @@ -34,27 +32,20 @@ class Apps extends React.Component { render() { return ( - - {({ below }) => - below('medium') && ( - - ) - } - - Apps - - } - endContent={ - - Create a new app - - } + title="Apps" + onMenuOpen={this.handleMenuPanelOpen} + mainButton={{ + button: ( + + Create a new app + + ), + }} + smallViewPadding={20} >

@@ -97,31 +88,12 @@ class Apps extends React.Component { } } -const AppBarTitle = styled.span` - display: flex; - align-items: center; - margin-left: -30px; -` - -const AppBarLabel = styled.span` - margin-left: 8px; - ${font({ size: 'xxlarge' })}; - - ${breakpoint( - 'medium', - ` - margin-left: 24px; - ` - )}; -` - const DevPortalAnchor = styled(Button.Anchor)` + margin-right: 20px; display: block; ` const Content = styled.div` - padding: 30px; - > h1 { margin: 30px 0; font-weight: 600; From c671711297a3a443d9f2a3b2fcb7f9480ebd9211 Mon Sep 17 00:00:00 2001 From: Gorka Date: Wed, 13 Feb 2019 09:19:03 +0100 Subject: [PATCH 05/22] Settings: refactor to use app layout --- src/apps/Settings/Settings.js | 51 +++++------------------------------ 1 file changed, 6 insertions(+), 45 deletions(-) diff --git a/src/apps/Settings/Settings.js b/src/apps/Settings/Settings.js index 1d4fc74cf..e98a07e52 100644 --- a/src/apps/Settings/Settings.js +++ b/src/apps/Settings/Settings.js @@ -1,19 +1,8 @@ import React from 'react' import PropTypes from 'prop-types' import styled from 'styled-components' -import { - Button, - DropDown, - Field, - Text, - TextInput, - Viewport, - breakpoint, - font, - theme, -} from '@aragon/ui' +import { Button, DropDown, Field, Text, TextInput, theme } from '@aragon/ui' import AppLayout from '../../components/AppLayout/AppLayout' -import MenuButton from '../../components/MenuPanel/MenuButton' import { InvalidNetworkType, InvalidURI, NoConnection } from '../../errors' import { defaultEthNode, ipfsDefaultConf, network } from '../../environment' import { @@ -34,11 +23,6 @@ import DaoSettings from './DaoSettings' import Option from './Option' import Note from './Note' -const Content = styled.div` - max-width: 600px; - padding: 30px; -` - // Only USD for now const AVAILABLE_CURRENCIES = ['USD'] @@ -131,18 +115,9 @@ class Settings extends React.Component { } = this.state return ( - - {({ below }) => - below('medium') && ( - - ) - } - - Settings - - } + title="Settings" + onMenuOpen={this.handleMenuPanelOpen} + smallViewPadding={20} > Date: Wed, 13 Feb 2019 09:19:25 +0100 Subject: [PATCH 06/22] Permissions: refactor to use app view These changes also update the navigation items to set the padding for responsive behavior and bring back animating the titles when navigating throught the permissions items. --- src/apps/Permissions/Permissions.js | 193 ++++++++++++++-------------- 1 file changed, 98 insertions(+), 95 deletions(-) diff --git a/src/apps/Permissions/Permissions.js b/src/apps/Permissions/Permissions.js index 67a21a2d4..13bc42920 100644 --- a/src/apps/Permissions/Permissions.js +++ b/src/apps/Permissions/Permissions.js @@ -1,6 +1,7 @@ import React from 'react' import PropTypes from 'prop-types' import styled from 'styled-components' +import { AppType } from '../../prop-types' import { AppBar, AppView, @@ -9,7 +10,6 @@ import { breakpoint, font, } from '@aragon/ui' -import { AppType } from '../../prop-types' import { addressesEqual, shortenAddress, isAddress } from '../../web3-utils' import Screen from './Screen' import Home from './Home/Home' @@ -18,9 +18,9 @@ import EntityPermissions from './EntityPermissions' import NavigationItem from './NavigationItem' import AssignPermissionPanel from './AssignPermissionPanel' import ManageRolePanel from './ManageRolePanel' +import AddPermissionButton from './AddPermissionButton' import MenuButton from '../../components/MenuPanel/MenuButton' import { PermissionsConsumer } from '../../contexts/PermissionsContext' -import AddPermissionButton from './AddPermissionButton' class Permissions extends React.Component { static propTypes = { @@ -138,7 +138,21 @@ class Permissions extends React.Component { // Assemble the navigation items getNavigationItems(location, resolveEntity) { - const items = ['Permissions'] + const items = [ + + + {({ below }) => + below('medium') && ( + + ) + } + + Permissions + , + ] const openedApp = location.screen === 'app' ? location.app : null const openedEntityAddress = location.screen === 'entity' ? location.address : null @@ -207,93 +221,88 @@ class Permissions extends React.Component { : null return ( - - - } - > - - {({ below }) => - below('medium') && navigationItems.length === 1 ? ( - - - Permissions - - ) : ( + + {({ below }) => ( + + - ) - } - - - } - > - { - this._scrollTopElement = el - }} - /> - - - - {location.screen === 'home' && ( - + } /> - )} - - - - {['app', 'entity'].includes(location.screen) && ( - - {location.screen === 'app' && ( - + { + this._scrollTopElement = el + }} + /> + + + + {location.screen === 'home' && ( + )} - {location.screen === 'entity' && ( - + + + + {['app', 'entity'].includes(location.screen) && ( + + {location.screen === 'app' && ( + + )} + {location.screen === 'entity' && ( + + )} + )} - - )} - - - - - - - - + + + + + + + + + )} + ) }} @@ -301,6 +310,10 @@ class Permissions extends React.Component { } } +const StyledMenuButton = styled(MenuButton)` + height: 64px; +` + const Wrap = styled.div` position: absolute; top: 0; @@ -311,21 +324,11 @@ const Wrap = styled.div` min-width: 320px; ` -const AppBarTitle = styled.span` - display: flex; - align-items: center; -` - -const AppBarLabel = styled.span` - margin: 0 10px 0 8px; +const Title = styled.span` + display: inline-block; ${font({ size: 'xxlarge' })}; - ${breakpoint( - 'medium', - ` - margin-left: 24px; - ` - )}; + ${breakpoint('medium', `margin-left: 20px;`)} ` // This element is only used to reset the view scroll using scrollIntoView() From 7651c1028099583c4a6ce3970d049b5d516732ac Mon Sep 17 00:00:00 2001 From: Gorka Date: Wed, 13 Feb 2019 10:23:44 +0100 Subject: [PATCH 07/22] AddPermissionButton: refactor to use button icon and plus icon --- src/apps/Permissions/AddPermissionButton.js | 46 ++++++++------------- 1 file changed, 18 insertions(+), 28 deletions(-) diff --git a/src/apps/Permissions/AddPermissionButton.js b/src/apps/Permissions/AddPermissionButton.js index c80c8edef..86c1dfc33 100644 --- a/src/apps/Permissions/AddPermissionButton.js +++ b/src/apps/Permissions/AddPermissionButton.js @@ -1,38 +1,28 @@ import React from 'react' -import styled from 'styled-components' -import { theme, Button, Viewport } from '@aragon/ui' - -const StyledButton = styled.button` - border: none; - background: none; - height: 24px; - width: 24px; - display: flex; - align-items: center; - justify-content: center; - padding: 0; - - &:focus { - border: 2px solid ${theme.accent}; - } - - &:active { - border: none; - } -` +import { Button, ButtonIcon, IconPlus, Viewport } from '@aragon/ui' export default props => ( {({ below }) => below('medium') ? ( - - - - - - + + + ) : ( - ) From 178b42e11d007c453b02b44a19270281285c8a94 Mon Sep 17 00:00:00 2001 From: Gorka Date: Wed, 13 Feb 2019 11:04:56 +0100 Subject: [PATCH 08/22] ViewDetailsButton: refactor to use button icon and icon arrow right --- .../Permissions/Home/ViewDetailsButton.js | 48 ++----------------- 1 file changed, 4 insertions(+), 44 deletions(-) diff --git a/src/apps/Permissions/Home/ViewDetailsButton.js b/src/apps/Permissions/Home/ViewDetailsButton.js index c962a9922..255e2b714 100644 --- a/src/apps/Permissions/Home/ViewDetailsButton.js +++ b/src/apps/Permissions/Home/ViewDetailsButton.js @@ -1,34 +1,13 @@ import React from 'react' -import styled from 'styled-components' -import { theme, Button, Viewport } from '@aragon/ui' +import { Button, ButtonIcon, IconArrowRight, Viewport } from '@aragon/ui' const ViewDetailsButton = props => ( {({ below }) => below('medium') ? ( - - - - - - + + + ) : ( - )))} - - - } - > - {children} - - )} + {below('medium') && } + {navigationItems[0] || title} + {afterTitle} + , + ...navigationItems.slice(1), + ]} + /> + {mainButton && + (mainButton.button || + (below('medium') ? ( + + {mainButton.icon} + + ) : ( + + )))} + + + } + > + {children} + + ) + }} ) } @@ -65,9 +102,13 @@ AppLayout.defaultProps = { smallViewPadding: 20, largeViewPadding: 30, title: '', + navigationItems: [], + onNavigationBack: noop, } AppLayout.propTypes = { + navigationItems: PropTypes.arrayOf(PropTypes.node), + onNavigationBack: PropTypes.func, afterTitle: PropTypes.node, children: PropTypes.node, largeViewPadding: PropTypes.number, @@ -76,36 +117,11 @@ AppLayout.propTypes = { icon: PropTypes.node, label: PropTypes.node, onClick: PropTypes.func, + disabled: PropTypes.bool, }), onMenuOpen: PropTypes.func, smallViewPadding: PropTypes.number, title: PropTypes.node.isRequired, } -const Title = styled.h1` - display: flex; - flex: 1 1 auto; - width: 0; - align-items: center; - height: 100%; -` - -const TitleLabel = styled.span` - flex: 0 1 auto; - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; - margin-right: 10px; - ${font({ size: 'xxlarge' })}; -` - -const AppBarContainer = styled.div` - display: flex; - width: 100%; - height: 100%; - justify-content: space-between; - align-items: center; - flex-wrap: nowrap; -` - export default AppLayout diff --git a/src/components/MenuPanel/MenuButton.js b/src/components/MenuPanel/MenuButton.js index 737748968..26b4ac989 100644 --- a/src/components/MenuPanel/MenuButton.js +++ b/src/components/MenuPanel/MenuButton.js @@ -4,11 +4,12 @@ import { ButtonIcon, IconMenu } from '@aragon/ui' export default props => ( From 294f8b15ad2e6669211cb383b2c157b3ff291b31 Mon Sep 17 00:00:00 2001 From: Pierre Bertet Date: Thu, 28 Feb 2019 02:31:19 +0100 Subject: [PATCH 20/22] ESLint fixes --- src/apps/Permissions/Permissions.js | 14 +------------- src/components/AppLayout/AppLayout.js | 2 -- 2 files changed, 1 insertion(+), 15 deletions(-) diff --git a/src/apps/Permissions/Permissions.js b/src/apps/Permissions/Permissions.js index a151d528f..51ca7b50f 100644 --- a/src/apps/Permissions/Permissions.js +++ b/src/apps/Permissions/Permissions.js @@ -2,14 +2,7 @@ import React from 'react' import PropTypes from 'prop-types' import styled from 'styled-components' import { AppType } from '../../prop-types' -import { - AppBar, - AppView, - NavigationBar, - Viewport, - IconPlus, - font, -} from '@aragon/ui' +import { IconPlus, font } from '@aragon/ui' import { addressesEqual, shortenAddress, isAddress } from '../../web3-utils' import Screen from './Screen' import Home from './Home/Home' @@ -294,11 +287,6 @@ const Wrap = styled.div` min-width: 320px; ` -const Title = styled.span` - display: inline-block; - ${font({ size: 'xxlarge' })}; -` - // This element is only used to reset the view scroll using scrollIntoView() const ScrollTopElement = styled.div` position: absolute; diff --git a/src/components/AppLayout/AppLayout.js b/src/components/AppLayout/AppLayout.js index 91878ca54..ad19c8332 100644 --- a/src/components/AppLayout/AppLayout.js +++ b/src/components/AppLayout/AppLayout.js @@ -1,6 +1,5 @@ import React from 'react' import PropTypes from 'prop-types' -import styled from 'styled-components' import { AppBar, AppView, @@ -8,7 +7,6 @@ import { ButtonIcon, NavigationBar, Viewport, - font, } from '@aragon/ui' import { noop } from '../../utils' import MenuButton from '../MenuPanel/MenuButton' From a0c86a09de18bf35e6ca4797424d93704fe8ebad Mon Sep 17 00:00:00 2001 From: Pierre Bertet Date: Thu, 28 Feb 2019 02:34:18 +0100 Subject: [PATCH 21/22] Remove unused imports --- src/apps/Permissions/AddPermissionButton.js | 31 --------------------- src/apps/Permissions/Permissions.js | 3 +- 2 files changed, 1 insertion(+), 33 deletions(-) delete mode 100644 src/apps/Permissions/AddPermissionButton.js diff --git a/src/apps/Permissions/AddPermissionButton.js b/src/apps/Permissions/AddPermissionButton.js deleted file mode 100644 index 86c1dfc33..000000000 --- a/src/apps/Permissions/AddPermissionButton.js +++ /dev/null @@ -1,31 +0,0 @@ -import React from 'react' -import { Button, ButtonIcon, IconPlus, Viewport } from '@aragon/ui' - -export default props => ( - - {({ below }) => - below('medium') ? ( - - - - ) : ( - - ) - } - -) diff --git a/src/apps/Permissions/Permissions.js b/src/apps/Permissions/Permissions.js index 51ca7b50f..38fa1838d 100644 --- a/src/apps/Permissions/Permissions.js +++ b/src/apps/Permissions/Permissions.js @@ -2,7 +2,7 @@ import React from 'react' import PropTypes from 'prop-types' import styled from 'styled-components' import { AppType } from '../../prop-types' -import { IconPlus, font } from '@aragon/ui' +import { IconPlus } from '@aragon/ui' import { addressesEqual, shortenAddress, isAddress } from '../../web3-utils' import Screen from './Screen' import Home from './Home/Home' @@ -11,7 +11,6 @@ import EntityPermissions from './EntityPermissions' import NavigationItem from './NavigationItem' import AssignPermissionPanel from './AssignPermissionPanel' import ManageRolePanel from './ManageRolePanel' -import AddPermissionButton from './AddPermissionButton' import { PermissionsConsumer } from '../../contexts/PermissionsContext' import AppLayout from '../../components/AppLayout/AppLayout' From 3c7e17de098e4413dfad6a14ad11fdfc96bdd947 Mon Sep 17 00:00:00 2001 From: Gorka Date: Mon, 4 Mar 2019 08:14:22 +0100 Subject: [PATCH 22/22] Update aragon ui version number --- package.json | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/package.json b/package.json index a5a6190ac..216af4a42 100644 --- a/package.json +++ b/package.json @@ -25,7 +25,7 @@ ], "dependencies": { "@aragon/templates-tokens": "^1.1.1", - "@aragon/ui": "^0.31.0", + "@aragon/ui": "^0.32.0", "@aragon/wrapper": "^3.0.0-beta.5", "@babel/polyfill": "^7.0.0", "bn.js": "4.11.6",