Flatten Identicon (remove extra wrapper) (#343)

package.json

@@ -31,15 +31,15 @@
   "devDependencies": {
     "@babel/core": "^7.10.4",
     "@babel/runtime": "^7.10.4",
-    "@polkadot/dev": "^0.55.18",
+    "@polkadot/dev": "^0.55.21",
     "@polkadot/ts": "^0.3.27",
-    "@types/jest": "^26.0.3",
+    "@types/jest": "^26.0.4",
     "babel-plugin-transform-vue-template": "^0.4.2",
     "empty": "^0.10.1",
     "react": "^16.13.1",
     "react-dom": "^16.13.1",
     "react-is": "^16.13.1",
-    "react-native": "^0.62.2",
+    "react-native": "^0.63.0",
     "vue-template-compiler": "^2.6.11",
     "webpack-serve": "^3.2.0"
   },

packages/exampleReactNative/package.json

@@ -32,7 +32,7 @@
     "os-browserify": "^0.3.0",
     "process": "^0.11.10",
     "react": "16.13.1",
-    "react-native": "^0.62.2",
+    "react-native": "^0.63.0",
     "react-native-crypto": "^2.2.0",
     "react-native-randombytes": "^3.5.3",
     "stream-http": "^3.1.1"
@@ -40,9 +40,9 @@
   "devDependencies": {
     "@babel/core": "^7.10.4",
     "@babel/runtime": "^7.10.4",
-    "@polkadot/keyring": "^2.16.1",
-    "@polkadot/util": "^2.16.1",
-    "@polkadot/util-crypto": "^2.16.1",
+    "@polkadot/keyring": "^2.18.0-beta.3",
+    "@polkadot/util": "^2.18.0-beta.3",
+    "@polkadot/util-crypto": "^2.18.0-beta.3",
     "@react-native-community/cli-platform-ios": "^4.10.1",
     "@types/react-test-renderer": "16.9.2",
     "babel-jest": "^26.1.0",

packages/react-identicon/package.json

@@ -26,12 +26,12 @@
     "styled-components": "*"
   },
   "devDependencies": {
-    "@polkadot/keyring": "^2.16.1",
-    "@polkadot/util": "^2.16.1",
-    "@polkadot/util-crypto": "^2.16.1",
+    "@polkadot/keyring": "^2.18.0-beta.3",
+    "@polkadot/util": "^2.18.0-beta.3",
+    "@polkadot/util-crypto": "^2.18.0-beta.3",
     "@types/react-copy-to-clipboard": "^4.3.0",
     "@types/react-dom": "^16.9.8",
-    "@types/styled-components": "^5.1.0",
+    "@types/styled-components": "^5.1.1",
     "styled-components": "^5.1.1",
     "xmlserializer": "^0.6.1"
   }

packages/react-identicon/src/icons/Beachball.tsx

@@ -19,7 +19,7 @@ function Beachball ({ address, className = '', size, style }: Props): React.Reac
 
   return (
     <div
-      className={`container ${className}`}
+      className={className}
       ref={updateElem}
       style={style}
     />

packages/react-identicon/src/icons/Empty.tsx

@@ -8,16 +8,13 @@ import React from 'react';
 
 function Empty ({ className = '', size, style }: Props): React.ReactElement<Props> {
   return (
-    <div
-      className={`container ${className}`}
+    <svg
+      className={className}
+      height={size}
       style={style}
-    >
-      <svg
-        height={size}
-        viewBox='0 0 64 64'
-        width={size}
-      />
-    </div>
+      viewBox='0 0 64 64'
+      width={size}
+    />
   );
 }
 

packages/react-identicon/src/icons/Jdenticon.tsx

@@ -10,7 +10,7 @@ import jdenticon from 'jdenticon';
 function Jdenticon ({ className = '', publicKey, size, style }: Props): React.ReactElement<Props> {
   return (
     <div
-      className={`container ${className}`}
+      className={className}
       dangerouslySetInnerHTML={{
         __html: jdenticon.toSvg(publicKey.substr(2), size)
       }}

packages/react-identicon/src/icons/Polkadot.tsx

@@ -36,20 +36,17 @@ function renderCircle ({ cx, cy, fill, r }: Circle, key: number): React.ReactNod
 
 function Identicon ({ address, className = '', isAlternative = false, size, style }: Props): React.ReactElement<Props> {
   return (
-    <div
-      className={`container ${className}`}
+    <svg
+      className={className}
+      height={size}
+      id={address}
+      name={address}
       style={style}
+      viewBox='0 0 64 64'
+      width={size}
     >
-      <svg
-        height={size}
-        id={address}
-        name={address}
-        viewBox='0 0 64 64'
-        width={size}
-      >
-        {polkadotIcon(address, { isAlternative }).map(renderCircle)}
-      </svg>
-    </div>
+      {polkadotIcon(address, { isAlternative }).map(renderCircle)}
+    </svg>
   );
 }
 

packages/react-qr/package.json

@@ -15,7 +15,7 @@
   },
   "devDependencies": {
     "@types/react-qr-reader": "^2.1.3",
-    "@types/styled-components": "^5.1.0"
+    "@types/styled-components": "^5.1.1"
   },
   "peerDependencies": {
     "@polkadot/util": "*",

packages/reactnative-identicon/package.json

@@ -19,7 +19,7 @@
     "react-native": "*"
   },
   "devDependencies": {
-    "@polkadot/util-crypto": "^2.16.1",
-    "@types/react-native": "^0.62.16"
+    "@polkadot/util-crypto": "^2.18.0-beta.3",
+    "@types/react-native": "^0.62.18"
   }
 }

packages/ui-keyring/package.json

@@ -18,23 +18,23 @@
   },
   "dependencies": {
     "@babel/runtime": "^7.10.4",
-    "@ledgerhq/hw-transport-webusb": "^5.17.0",
+    "@ledgerhq/hw-transport-webusb": "^5.19.0",
     "@zondax/ledger-polkadot": "^0.10.4",
     "mkdirp": "^1.0.4",
     "rxjs": "^6.6.0",
     "store": "^2.0.12"
   },
   "devDependencies": {
-    "@polkadot/keyring": "^2.16.1",
-    "@polkadot/types": "^1.23.0-beta.3",
-    "@polkadot/util": "^2.16.1",
+    "@polkadot/keyring": "^2.18.0-beta.3",
+    "@polkadot/types": "^1.24.0-beta.2",
+    "@polkadot/util": "^2.18.0-beta.3",
     "@types/ledgerhq__hw-transport-node-hid": "^4.22.1",
     "@types/ledgerhq__hw-transport-webusb": "^4.70.0",
     "@types/mkdirp": "^1.0.1",
     "@types/store": "^2.0.2"
   },
   "optionalDependencies": {
-    "@ledgerhq/hw-transport-node-hid": "^5.18.0"
+    "@ledgerhq/hw-transport-node-hid": "^5.19.0"
   },
   "peerDependencies": {
     "@polkadot/keyring": "*",

packages/ui-settings/package.json

@@ -14,7 +14,7 @@
     "store": "^2.0.12"
   },
   "devDependencies": {
-    "@polkadot/util": "^2.16.1",
+    "@polkadot/util": "^2.18.0-beta.3",
     "@types/store": "^2.0.2"
   },
   "peerDependencies": {

packages/ui-shared/package.json

@@ -17,8 +17,8 @@
     "@polkadot/util-crypto": "*"
   },
   "devDependencies": {
-    "@polkadot/util": "^2.16.1",
-    "@polkadot/util-crypto": "^2.16.1",
+    "@polkadot/util": "^2.18.0-beta.3",
+    "@polkadot/util-crypto": "^2.18.0-beta.3",
     "@types/color": "^3.0.1",
     "@types/xmlserializer": "^0.6.0"
   }

packages/vue-identicon/package.json

@@ -18,7 +18,7 @@
     "vue": "*"
   },
   "devDependencies": {
-    "@polkadot/util-crypto": "^2.16.1",
+    "@polkadot/util-crypto": "^2.18.0-beta.3",
     "vue": "^2.6.11"
   }
 }