@pezkuwi/reactnative-identicon 3.16.6 → 3.16.8

package/package.json

@@ -15,11 +15,161 @@
   },
   "sideEffects": [
     "./packageDetect.js",
-    "./packageDetect.cjs"
+    "./cjs/packageDetect.js"
   ],
   "type": "module",
-  "version": "3.16.6",
-  "main": "index.js",
+  "version": "3.16.8",
+  "main": "./cjs/index.js",
+  "module": "./index.js",
+  "types": "./index.d.ts",
+  "exports": {
+    "./cjs/package.json": "./cjs/package.json",
+    "./cjs/*": "./cjs/*.js",
+    ".": {
+      "module": {
+        "types": "./index.d.ts",
+        "default": "./index.js"
+      },
+      "require": {
+        "types": "./cjs/index.d.ts",
+        "default": "./cjs/index.js"
+      },
+      "default": {
+        "types": "./index.d.ts",
+        "default": "./index.js"
+      }
+    },
+    "./bundle": {
+      "module": {
+        "types": "./bundle.d.ts",
+        "default": "./bundle.js"
+      },
+      "require": {
+        "types": "./cjs/bundle.d.ts",
+        "default": "./cjs/bundle.js"
+      },
+      "default": {
+        "types": "./bundle.d.ts",
+        "default": "./bundle.js"
+      }
+    },
+    "./icons": {
+      "module": {
+        "types": "./icons/index.d.ts",
+        "default": "./icons/index.js"
+      },
+      "require": {
+        "types": "./cjs/icons/index.d.ts",
+        "default": "./cjs/icons/index.js"
+      },
+      "default": {
+        "types": "./icons/index.d.ts",
+        "default": "./icons/index.js"
+      }
+    },
+    "./icons/Empty": {
+      "module": {
+        "types": "./icons/Empty.d.ts",
+        "default": "./icons/Empty.js"
+      },
+      "require": {
+        "types": "./cjs/icons/Empty.d.ts",
+        "default": "./cjs/icons/Empty.js"
+      },
+      "default": {
+        "types": "./icons/Empty.d.ts",
+        "default": "./icons/Empty.js"
+      }
+    },
+    "./icons/Polkadot": {
+      "module": {
+        "types": "./icons/Polkadot.d.ts",
+        "default": "./icons/Polkadot.js"
+      },
+      "require": {
+        "types": "./cjs/icons/Polkadot.d.ts",
+        "default": "./cjs/icons/Polkadot.js"
+      },
+      "default": {
+        "types": "./icons/Polkadot.d.ts",
+        "default": "./icons/Polkadot.js"
+      }
+    },
+    "./Identicon": {
+      "module": {
+        "types": "./Identicon.d.ts",
+        "default": "./Identicon.js"
+      },
+      "require": {
+        "types": "./cjs/Identicon.d.ts",
+        "default": "./cjs/Identicon.js"
+      },
+      "default": {
+        "types": "./Identicon.d.ts",
+        "default": "./Identicon.js"
+      }
+    },
+    "./package.json": {
+      "require": "./cjs/package.json",
+      "default": "./package.json"
+    },
+    "./packageDetect": {
+      "module": {
+        "types": "./packageDetect.d.ts",
+        "default": "./packageDetect.js"
+      },
+      "require": {
+        "types": "./cjs/packageDetect.d.ts",
+        "default": "./cjs/packageDetect.js"
+      },
+      "default": {
+        "types": "./packageDetect.d.ts",
+        "default": "./packageDetect.js"
+      }
+    },
+    "./packageInfo.js": {
+      "module": {
+        "types": "./packageInfo.d.ts",
+        "default": "./packageInfo.js"
+      },
+      "require": {
+        "types": "./cjs/packageInfo.d.ts",
+        "default": "./cjs/packageInfo.js"
+      },
+      "default": {
+        "types": "./packageInfo.d.ts",
+        "default": "./packageInfo.js"
+      }
+    },
+    "./packageInfo": {
+      "module": {
+        "types": "./packageInfo.d.ts",
+        "default": "./packageInfo.js"
+      },
+      "require": {
+        "types": "./cjs/packageInfo.d.ts",
+        "default": "./cjs/packageInfo.js"
+      },
+      "default": {
+        "types": "./packageInfo.d.ts",
+        "default": "./packageInfo.js"
+      }
+    },
+    "./types": {
+      "module": {
+        "types": "./types.d.ts",
+        "default": "./types.js"
+      },
+      "require": {
+        "types": "./cjs/types.d.ts",
+        "default": "./cjs/types.js"
+      },
+      "default": {
+        "types": "./types.d.ts",
+        "default": "./types.js"
+      }
+    }
+  },
   "dependencies": {
     "@pezkuwi/ui-shared": "3.16.6",
     "@pezkuwi/util": "^14.0.5",
@@ -27,9 +177,6 @@
     "react-native-svg": "^14.1.0",
     "tslib": "^2.8.1"
   },
-  "devDependencies": {
-    "@types/react-native": "^0.72.8"
-  },
   "peerDependencies": {
     "@pezkuwi/util": "*",
     "@pezkuwi/util-crypto": "*",

package/build/Identicon.js

@@ -1,46 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import React from 'react';
-import { isHex, isU8a, u8aToHex } from '@pezkuwi/util';
-import { decodeAddress, encodeAddress } from '@pezkuwi/util-crypto';
-import { Empty, Polkadot } from './icons/index.js';
-const Fallback = Polkadot;
-const DEFAULT_SIZE = 64;
-const DEFAULT_THEME = 'polkadot';
-const Components = {
-    polkadot: Polkadot
-};
-export default class IdentityIcon extends React.PureComponent {
-    state = {
-        address: '',
-        publicKey: '0x'
-    };
-    static prefix = undefined;
-    static setDefaultPrefix(prefix) {
-        IdentityIcon.prefix = prefix;
-    }
-    static getDerivedStateFromProps({ prefix = IdentityIcon.prefix, value }, prevState) {
-        try {
-            const address = isU8a(value) || isHex(value)
-                ? encodeAddress(value, prefix)
-                : (value || '');
-            const publicKey = u8aToHex(decodeAddress(address, true, prefix));
-            return address === prevState.address
-                ? null
-                : { address, publicKey };
-        }
-        catch {
-            return {
-                address: '',
-                publicKey: '0x'
-            };
-        }
-    }
-    render() {
-        const { size = DEFAULT_SIZE, theme = DEFAULT_THEME } = this.props;
-        const { address, publicKey } = this.state;
-        const Component = !address
-            ? Empty
-            : Components[theme] || Fallback;
-        return (_jsx(Component, { address: address, publicKey: publicKey, size: size }));
-    }
-}

package/build/README.md

@@ -1,30 +0,0 @@
-# @pezkuwi/reactnative-identicon
-
-A generic identity icon that can render icons based on an address.
-
-## Usage Examples
-
-To install the component, do `yarn add @pezkuwi/reactnative-identicon`
-
-Inside a React component, you can now render any account with the associated icon -
-
-```javascript
-import Identicon from '@pezkuwi/reactnative-identicon';
-
-...
-render () {
-  // address is an ss58-encoded address or publicKey (hex string or Uint8Array)
-  const { address } = this.props;
-  // size (optional) is a number, indicating the size (in pixels, 64 as default)
-  const size = 32;
-
-  // standard className & style props are also available
-  return (
-    <Identicon
-      value={address}
-      size={size}
-    />
-  );
-}
-...
-```

package/build/bundle.js

@@ -1,2 +0,0 @@
-export * from './icons/index.js';
-export { packageInfo } from './packageInfo.js';

package/build/cjs/Identicon.d.ts

@@ -1,20 +0,0 @@
-import type { Prefix } from '@pezkuwi/util-crypto/address/types';
-import React from 'react';
-interface Props {
-    prefix?: Prefix;
-    size?: number;
-    theme?: 'polkadot';
-    value?: string | Uint8Array | null;
-}
-interface State {
-    address: string;
-    publicKey: string;
-}
-export default class IdentityIcon extends React.PureComponent<Props, State> {
-    state: State;
-    private static prefix?;
-    static setDefaultPrefix(prefix: Prefix): void;
-    static getDerivedStateFromProps({ prefix, value }: Props, prevState: State): State | null;
-    render(): React.ReactNode;
-}
-export {};

package/build/cjs/Identicon.js

@@ -1,50 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const tslib_1 = require("tslib");
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = tslib_1.__importDefault(require("react"));
-const util_1 = require("@pezkuwi/util");
-const util_crypto_1 = require("@pezkuwi/util-crypto");
-const index_js_1 = require("./icons/index.js");
-const Fallback = index_js_1.Polkadot;
-const DEFAULT_SIZE = 64;
-const DEFAULT_THEME = 'polkadot';
-const Components = {
-    polkadot: index_js_1.Polkadot
-};
-class IdentityIcon extends react_1.default.PureComponent {
-    state = {
-        address: '',
-        publicKey: '0x'
-    };
-    static prefix = undefined;
-    static setDefaultPrefix(prefix) {
-        IdentityIcon.prefix = prefix;
-    }
-    static getDerivedStateFromProps({ prefix = IdentityIcon.prefix, value }, prevState) {
-        try {
-            const address = (0, util_1.isU8a)(value) || (0, util_1.isHex)(value)
-                ? (0, util_crypto_1.encodeAddress)(value, prefix)
-                : (value || '');
-            const publicKey = (0, util_1.u8aToHex)((0, util_crypto_1.decodeAddress)(address, true, prefix));
-            return address === prevState.address
-                ? null
-                : { address, publicKey };
-        }
-        catch {
-            return {
-                address: '',
-                publicKey: '0x'
-            };
-        }
-    }
-    render() {
-        const { size = DEFAULT_SIZE, theme = DEFAULT_THEME } = this.props;
-        const { address, publicKey } = this.state;
-        const Component = !address
-            ? index_js_1.Empty
-            : Components[theme] || Fallback;
-        return ((0, jsx_runtime_1.jsx)(Component, { address: address, publicKey: publicKey, size: size }));
-    }
-}
-exports.default = IdentityIcon;

package/build/cjs/bundle.d.ts

@@ -1,2 +0,0 @@
-export * from './icons/index.js';
-export { packageInfo } from './packageInfo.js';

package/build/cjs/bundle.js

@@ -1,7 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.packageInfo = void 0;
-const tslib_1 = require("tslib");
-tslib_1.__exportStar(require("./icons/index.js"), exports);
-var packageInfo_js_1 = require("./packageInfo.js");
-Object.defineProperty(exports, "packageInfo", { enumerable: true, get: function () { return packageInfo_js_1.packageInfo; } });

package/build/cjs/icons/Empty.js

@@ -1,11 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.default = Empty;
-const tslib_1 = require("tslib");
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = tslib_1.__importDefault(require("react"));
-const react_native_1 = require("react-native");
-const react_native_svg_1 = require("react-native-svg");
-function Empty({ size }) {
-    return ((0, jsx_runtime_1.jsx)(react_native_1.View, { children: (0, jsx_runtime_1.jsx)(react_native_svg_1.Svg, { height: size, viewBox: '0 0 64 64', width: size, children: (0, jsx_runtime_1.jsx)(react_native_svg_1.Circle, { cx: '32', cy: '32', fill: '#eee', r: '32' }) }) }));
-}

package/build/cjs/icons/Polkadot.js

@@ -1,16 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.default = Identicon;
-const tslib_1 = require("tslib");
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = tslib_1.__importStar(require("react"));
-const react_native_1 = require("react-native");
-const react_native_svg_1 = require("react-native-svg");
-const ui_shared_1 = require("@pezkuwi/ui-shared");
-function renderCircle({ cx, cy, fill, r }, key) {
-    return ((0, jsx_runtime_1.jsx)(react_native_svg_1.Circle, { cx: cx, cy: cy, fill: fill, r: r }, key));
-}
-function Identicon({ address, isAlternative = false, size }) {
-    const circles = (0, react_1.useMemo)(() => (0, ui_shared_1.polkadotIcon)(address, { isAlternative }), [address, isAlternative]);
-    return ((0, jsx_runtime_1.jsx)(react_native_1.View, { children: (0, jsx_runtime_1.jsx)(react_native_svg_1.Svg, { height: size, id: address, viewBox: '0 0 64 64', width: size, children: circles.map(renderCircle) }) }));
-}

package/build/cjs/icons/index.js

@@ -1,8 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Polkadot = exports.Empty = void 0;
-const tslib_1 = require("tslib");
-var Empty_js_1 = require("./Empty.js");
-Object.defineProperty(exports, "Empty", { enumerable: true, get: function () { return tslib_1.__importDefault(Empty_js_1).default; } });
-var Polkadot_js_1 = require("./Polkadot.js");
-Object.defineProperty(exports, "Polkadot", { enumerable: true, get: function () { return tslib_1.__importDefault(Polkadot_js_1).default; } });

package/build/cjs/index.js

@@ -1,7 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const tslib_1 = require("tslib");
-require("./packageDetect.js");
-const Identicon_js_1 = tslib_1.__importDefault(require("./Identicon.js"));
-tslib_1.__exportStar(require("./bundle.js"), exports);
-exports.default = Identicon_js_1.default;

package/build/cjs/packageInfo.js

@@ -1,4 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.packageInfo = void 0;
-exports.packageInfo = { name: '@pezkuwi/reactnative-identicon', path: typeof __dirname === 'string' ? __dirname : 'auto', type: 'cjs', version: '3.16.6' };

package/build/cjs/types.js

@@ -1,2 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });

package/build/icons/Empty.d.ts

@@ -1,3 +0,0 @@
-import type { Props } from '../types.js';
-import React from 'react';
-export default function Empty({ size }: Props): React.ReactElement<Props>;

package/build/icons/Empty.js

@@ -1,7 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import React from 'react';
-import { View } from 'react-native';
-import { Circle, Svg } from 'react-native-svg';
-export default function Empty({ size }) {
-    return (_jsx(View, { children: _jsx(Svg, { height: size, viewBox: '0 0 64 64', width: size, children: _jsx(Circle, { cx: '32', cy: '32', fill: '#eee', r: '32' }) }) }));
-}

package/build/icons/Polkadot.d.ts

@@ -1,3 +0,0 @@
-import type { Props } from '../types.js';
-import React from 'react';
-export default function Identicon({ address, isAlternative, size }: Props): React.ReactElement<Props>;

package/build/icons/Polkadot.js

@@ -1,12 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import React, { useMemo } from 'react';
-import { View } from 'react-native';
-import { Circle as SvgCircle, Svg } from 'react-native-svg';
-import { polkadotIcon } from '@pezkuwi/ui-shared';
-function renderCircle({ cx, cy, fill, r }, key) {
-    return (_jsx(SvgCircle, { cx: cx, cy: cy, fill: fill, r: r }, key));
-}
-export default function Identicon({ address, isAlternative = false, size }) {
-    const circles = useMemo(() => polkadotIcon(address, { isAlternative }), [address, isAlternative]);
-    return (_jsx(View, { children: _jsx(Svg, { height: size, id: address, viewBox: '0 0 64 64', width: size, children: circles.map(renderCircle) }) }));
-}

package/build/icons/index.d.ts

@@ -1,2 +0,0 @@
-export { default as Empty } from './Empty.js';
-export { default as Polkadot } from './Polkadot.js';

package/build/icons/index.js

@@ -1,2 +0,0 @@
-export { default as Empty } from './Empty.js';
-export { default as Polkadot } from './Polkadot.js';

package/build/index.d.ts

@@ -1,4 +0,0 @@
-import './packageDetect.js';
-import Identicon from './Identicon.js';
-export * from './bundle.js';
-export default Identicon;

package/build/index.js

@@ -1,4 +0,0 @@
-import './packageDetect.js';
-import Identicon from './Identicon.js';
-export * from './bundle.js';
-export default Identicon;

package/build/package.json

@@ -1,186 +0,0 @@
-{
-  "author": "Jaco Greeff <jacogr@gmail.com>",
-  "bugs": "https://github.com/pezkuwichain/ui/issues",
-  "description": "Renders an SVG picture representing an address",
-  "engines": {
-    "node": ">=18"
-  },
-  "homepage": "https://github.com/pezkuwichain/ui/tree/master/packages/reactnative-identicon#readme",
-  "license": "Apache-2.0",
-  "name": "@pezkuwi/reactnative-identicon",
-  "repository": {
-    "directory": "packages/reactnative-identicon",
-    "type": "git",
-    "url": "https://github.com/pezkuwichain/ui.git"
-  },
-  "sideEffects": [
-    "./packageDetect.js",
-    "./cjs/packageDetect.js"
-  ],
-  "type": "module",
-  "version": "3.16.6",
-  "main": "./cjs/index.js",
-  "module": "./index.js",
-  "types": "./index.d.ts",
-  "exports": {
-    "./cjs/package.json": "./cjs/package.json",
-    "./cjs/*": "./cjs/*.js",
-    ".": {
-      "module": {
-        "types": "./index.d.ts",
-        "default": "./index.js"
-      },
-      "require": {
-        "types": "./cjs/index.d.ts",
-        "default": "./cjs/index.js"
-      },
-      "default": {
-        "types": "./index.d.ts",
-        "default": "./index.js"
-      }
-    },
-    "./bundle": {
-      "module": {
-        "types": "./bundle.d.ts",
-        "default": "./bundle.js"
-      },
-      "require": {
-        "types": "./cjs/bundle.d.ts",
-        "default": "./cjs/bundle.js"
-      },
-      "default": {
-        "types": "./bundle.d.ts",
-        "default": "./bundle.js"
-      }
-    },
-    "./icons": {
-      "module": {
-        "types": "./icons/index.d.ts",
-        "default": "./icons/index.js"
-      },
-      "require": {
-        "types": "./cjs/icons/index.d.ts",
-        "default": "./cjs/icons/index.js"
-      },
-      "default": {
-        "types": "./icons/index.d.ts",
-        "default": "./icons/index.js"
-      }
-    },
-    "./icons/Empty": {
-      "module": {
-        "types": "./icons/Empty.d.ts",
-        "default": "./icons/Empty.js"
-      },
-      "require": {
-        "types": "./cjs/icons/Empty.d.ts",
-        "default": "./cjs/icons/Empty.js"
-      },
-      "default": {
-        "types": "./icons/Empty.d.ts",
-        "default": "./icons/Empty.js"
-      }
-    },
-    "./icons/Polkadot": {
-      "module": {
-        "types": "./icons/Polkadot.d.ts",
-        "default": "./icons/Polkadot.js"
-      },
-      "require": {
-        "types": "./cjs/icons/Polkadot.d.ts",
-        "default": "./cjs/icons/Polkadot.js"
-      },
-      "default": {
-        "types": "./icons/Polkadot.d.ts",
-        "default": "./icons/Polkadot.js"
-      }
-    },
-    "./Identicon": {
-      "module": {
-        "types": "./Identicon.d.ts",
-        "default": "./Identicon.js"
-      },
-      "require": {
-        "types": "./cjs/Identicon.d.ts",
-        "default": "./cjs/Identicon.js"
-      },
-      "default": {
-        "types": "./Identicon.d.ts",
-        "default": "./Identicon.js"
-      }
-    },
-    "./package.json": {
-      "require": "./cjs/package.json",
-      "default": "./package.json"
-    },
-    "./packageDetect": {
-      "module": {
-        "types": "./packageDetect.d.ts",
-        "default": "./packageDetect.js"
-      },
-      "require": {
-        "types": "./cjs/packageDetect.d.ts",
-        "default": "./cjs/packageDetect.js"
-      },
-      "default": {
-        "types": "./packageDetect.d.ts",
-        "default": "./packageDetect.js"
-      }
-    },
-    "./packageInfo.js": {
-      "module": {
-        "types": "./packageInfo.d.ts",
-        "default": "./packageInfo.js"
-      },
-      "require": {
-        "types": "./cjs/packageInfo.d.ts",
-        "default": "./cjs/packageInfo.js"
-      },
-      "default": {
-        "types": "./packageInfo.d.ts",
-        "default": "./packageInfo.js"
-      }
-    },
-    "./packageInfo": {
-      "module": {
-        "types": "./packageInfo.d.ts",
-        "default": "./packageInfo.js"
-      },
-      "require": {
-        "types": "./cjs/packageInfo.d.ts",
-        "default": "./cjs/packageInfo.js"
-      },
-      "default": {
-        "types": "./packageInfo.d.ts",
-        "default": "./packageInfo.js"
-      }
-    },
-    "./types": {
-      "module": {
-        "types": "./types.d.ts",
-        "default": "./types.js"
-      },
-      "require": {
-        "types": "./cjs/types.d.ts",
-        "default": "./cjs/types.js"
-      },
-      "default": {
-        "types": "./types.d.ts",
-        "default": "./types.js"
-      }
-    }
-  },
-  "dependencies": {
-    "@pezkuwi/ui-shared": "3.16.6",
-    "@pezkuwi/util": "^14.0.5",
-    "@pezkuwi/util-crypto": "^14.0.5",
-    "react-native-svg": "^14.1.0",
-    "tslib": "^2.8.1"
-  },
-  "peerDependencies": {
-    "@pezkuwi/util": "*",
-    "@pezkuwi/util-crypto": "*",
-    "react": "*",
-    "react-native": "*"
-  }
-}

package/build/packageDetect.d.ts

@@ -1 +0,0 @@
-export {};

package/build/packageDetect.js

@@ -1,4 +0,0 @@
-import { packageInfo as sharedInfo } from '@pezkuwi/ui-shared/packageInfo';
-import { detectPackage } from '@pezkuwi/util';
-import { packageInfo } from './packageInfo.js';
-detectPackage(packageInfo, null, [sharedInfo]);

package/build/packageInfo.d.ts

@@ -1,6 +0,0 @@
-export declare const packageInfo: {
-    name: string;
-    path: string;
-    type: string;
-    version: string;
-};

package/build/packageInfo.js

@@ -1 +0,0 @@
-export const packageInfo = { name: '@pezkuwi/reactnative-identicon', path: (import.meta && import.meta.url) ? new URL(import.meta.url).pathname.substring(0, new URL(import.meta.url).pathname.lastIndexOf('/') + 1) : 'auto', type: 'esm', version: '3.16.6' };

package/build/types.d.ts

@@ -1,6 +0,0 @@
-export interface Props {
-    address: string;
-    isAlternative?: boolean;
-    publicKey: string;
-    size: number;
-}