@pezkuwi/react-identicon 3.16.6 → 3.16.8

package/build/icons/Ethereum.js

@@ -1,14 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import makeBlockie from 'ethereum-blockies-base64';
-import React, { useMemo } from 'react';
-import { styled } from '../styled.js';
-function Identicon({ address, className = '', size, style = {} }) {
-    const imgSrc = useMemo(() => makeBlockie(address), [address]);
-    return (_jsx(StyledImg, { className: className, size: size, src: imgSrc, style: style }));
-}
-const StyledImg = styled.img(({ size }) => `
-  display: block;
-  height: ${size}px;
-  width: ${size}px;
-`);
-export const Ethereum = React.memo(Identicon);

package/build/icons/Jdenticon.d.ts

@@ -1,5 +0,0 @@
-import type { Props } from '../types.js';
-import React from 'react';
-declare function Identicon({ className, publicKey, size, style }: Props): React.ReactElement<Props>;
-export declare const Jdenticon: React.MemoExoticComponent<typeof Identicon>;
-export {};

package/build/icons/Jdenticon.js

@@ -1,8 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import * as jdenticon from 'jdenticon';
-import React, { useMemo } from 'react';
-function Identicon({ className = '', publicKey, size, style = {} }) {
-    const html = useMemo(() => ({ __html: jdenticon.toSvg(publicKey.substring(2), size) }), [publicKey, size]);
-    return (_jsx("div", { className: className, dangerouslySetInnerHTML: html, style: style }));
-}
-export const Jdenticon = React.memo(Identicon);

package/build/icons/Polkadot.d.ts

@@ -1,5 +0,0 @@
-import type { Props } from '../types.js';
-import React from 'react';
-declare function Identicon({ address, className, isAlternative, size, style }: Props): React.ReactElement<Props>;
-export declare const Polkadot: React.MemoExoticComponent<typeof Identicon>;
-export {};

package/build/icons/Polkadot.js

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

package/build/icons/index.d.ts

@@ -1,5 +0,0 @@
-export { Beachball } from './Beachball.js';
-export { Empty } from './Empty.js';
-export { Ethereum } from './Ethereum.js';
-export { Jdenticon } from './Jdenticon.js';
-export { Polkadot } from './Polkadot.js';

package/build/icons/index.js

@@ -1,5 +0,0 @@
-export { Beachball } from './Beachball.js';
-export { Empty } from './Empty.js';
-export { Ethereum } from './Ethereum.js';
-export { Jdenticon } from './Jdenticon.js';
-export { Polkadot } from './Polkadot.js';

package/build/index.d.ts

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

package/build/index.js

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

package/build/package.json

@@ -1,249 +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/react-identicon#readme",
-  "license": "Apache-2.0",
-  "name": "@pezkuwi/react-identicon",
-  "repository": {
-    "directory": "packages/react-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/Beachball": {
-      "module": {
-        "types": "./icons/Beachball.d.ts",
-        "default": "./icons/Beachball.js"
-      },
-      "require": {
-        "types": "./cjs/icons/Beachball.d.ts",
-        "default": "./cjs/icons/Beachball.js"
-      },
-      "default": {
-        "types": "./icons/Beachball.d.ts",
-        "default": "./icons/Beachball.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/Ethereum": {
-      "module": {
-        "types": "./icons/Ethereum.d.ts",
-        "default": "./icons/Ethereum.js"
-      },
-      "require": {
-        "types": "./cjs/icons/Ethereum.d.ts",
-        "default": "./cjs/icons/Ethereum.js"
-      },
-      "default": {
-        "types": "./icons/Ethereum.d.ts",
-        "default": "./icons/Ethereum.js"
-      }
-    },
-    "./icons/Jdenticon": {
-      "module": {
-        "types": "./icons/Jdenticon.d.ts",
-        "default": "./icons/Jdenticon.js"
-      },
-      "require": {
-        "types": "./cjs/icons/Jdenticon.d.ts",
-        "default": "./cjs/icons/Jdenticon.js"
-      },
-      "default": {
-        "types": "./icons/Jdenticon.d.ts",
-        "default": "./icons/Jdenticon.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"
-      }
-    },
-    "./styled": {
-      "module": {
-        "types": "./styled.d.ts",
-        "default": "./styled.js"
-      },
-      "require": {
-        "types": "./cjs/styled.d.ts",
-        "default": "./cjs/styled.js"
-      },
-      "default": {
-        "types": "./styled.d.ts",
-        "default": "./styled.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/keyring": "^14.0.5",
-    "@pezkuwi/ui-settings": "3.16.6",
-    "@pezkuwi/ui-shared": "3.16.6",
-    "@pezkuwi/util": "^14.0.5",
-    "@pezkuwi/util-crypto": "^14.0.5",
-    "ethereum-blockies-base64": "^1.0.2",
-    "jdenticon": "3.2.0",
-    "react-copy-to-clipboard": "^5.1.0",
-    "styled-components": "^6.1.1",
-    "tslib": "^2.8.1"
-  },
-  "peerDependencies": {
-    "@pezkuwi/keyring": "*",
-    "@pezkuwi/util": "*",
-    "@pezkuwi/util-crypto": "*",
-    "react": "*",
-    "react-dom": "*",
-    "react-is": "*"
-  }
-}

package/build/packageDetect.d.ts

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

package/build/packageDetect.js

@@ -1,5 +0,0 @@
-import { packageInfo as settingsInfo } from '@pezkuwi/ui-settings/packageInfo';
-import { packageInfo as sharedInfo } from '@pezkuwi/ui-shared/packageInfo';
-import { detectPackage } from '@pezkuwi/util';
-import { packageInfo } from './packageInfo.js';
-detectPackage(packageInfo, null, [settingsInfo, 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/react-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/styled.d.ts

@@ -1 +0,0 @@
-export { styled } from 'styled-components';

package/build/styled.js

@@ -1 +0,0 @@
-export { styled } from 'styled-components';

package/build/types.d.ts

@@ -1,23 +0,0 @@
-import type React from 'react';
-import type { Prefix } from '@pezkuwi/util-crypto/address/types';
-export interface BaseProps {
-    className?: string;
-    style?: React.CSSProperties;
-}
-export interface Props extends BaseProps {
-    address: string;
-    isAlternative?: boolean | undefined;
-    publicKey: string;
-    size: number;
-}
-export interface IdentityProps extends BaseProps {
-    Custom?: React.ComponentType<Props>;
-    isAlternative?: boolean;
-    isHighlight?: boolean;
-    onCopy?: (value: string) => void;
-    prefix?: Prefix;
-    size?: number;
-    theme?: IconTheme;
-    value?: string | Uint8Array | null;
-}
-export type IconTheme = 'beachball' | 'empty' | 'ethereum' | 'jdenticon' | 'polkadot' | 'substrate';

package/build/types.js

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

package/build-tsc-cjs/packageDetect.js

@@ -1,7 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const packageInfo_1 = require("@pezkuwi/ui-settings/packageInfo");
-const packageInfo_2 = require("@pezkuwi/ui-shared/packageInfo");
-const util_1 = require("@pezkuwi/util");
-const packageInfo_js_1 = require("./packageInfo.js");
-(0, util_1.detectPackage)(packageInfo_js_1.packageInfo, null, [packageInfo_1.packageInfo, packageInfo_2.packageInfo]);

package/index.html

@@ -1,17 +0,0 @@
-<html>
-  <head>
-    <link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css" />
-    <style>
-      #demo {
-        padding: 0.5em;
-      }
-      .padded {
-        margin: 0.5em !important;
-      }
-    </style>
-  </head>
-  <body>
-    <div id="demo"></div>
-    <script src="./build/Demo.js"></script>
-  </body>
-</html>

package/src/Identicon.tsx

@@ -1,154 +0,0 @@
-// Copyright 2017-2025 @pezkuwi/react-identicon authors & contributors
-// SPDX-License-Identifier: Apache-2.0
-
-import type { Prefix } from '@pezkuwi/util-crypto/address/types';
-import type { IdentityProps as Props, Props as ComponentProps } from './types.js';
-
-import React from 'react';
-import CopyToClipboard from 'react-copy-to-clipboard';
-
-import { ICON_DEFAULT_HOST, settings } from '@pezkuwi/ui-settings';
-import { isHex, isU8a, u8aToHex } from '@pezkuwi/util';
-import { decodeAddress, encodeAddress, ethereumEncode } from '@pezkuwi/util-crypto';
-
-import { Beachball, Empty, Ethereum, Jdenticon, Polkadot } from './icons/index.js';
-import { styled } from './styled.js';
-
-const Fallback = Beachball;
-
-interface State {
-  address: string;
-  publicKey: string;
-}
-
-const DEFAULT_SIZE = 64;
-const Components: Record<string, React.ComponentType<ComponentProps>> = {
-  beachball: Beachball,
-  empty: Empty,
-  ethereum: Ethereum,
-  jdenticon: Jdenticon,
-  polkadot: Polkadot,
-  substrate: Jdenticon
-};
-
-class BaseIcon extends React.PureComponent<Props, State> {
-  public override state: State = {
-    address: '',
-    publicKey: '0x'
-  };
-
-  private static prefix?: Prefix = undefined;
-
-  public static setDefaultPrefix (prefix: Prefix): void {
-    BaseIcon.prefix = prefix;
-  }
-
-  public static getDerivedStateFromProps ({ prefix = BaseIcon.prefix, theme, value }: Props, prevState: State): State | null {
-    if (theme === 'ethereum') {
-      const address = isU8a(value)
-        ? ethereumEncode(value)
-        : value || '';
-
-      return { address, publicKey: '' };
-    }
-
-    try {
-      const address = isU8a(value) || isHex(value)
-        ? encodeAddress(value, prefix)
-        : (value || '');
-      const publicKey = u8aToHex(decodeAddress(address, false, prefix));
-
-      return address === prevState.address
-        ? null
-        : {
-          address,
-          publicKey
-        };
-    } catch {
-      return {
-        address: '',
-        publicKey: '0x'
-      };
-    }
-  }
-
-  public override render (): React.ReactNode {
-    const { address } = this.state;
-    const wrapped = this.getWrapped(this.state, this.props);
-
-    return !address
-      ? wrapped
-      : (
-        <CopyToClipboard
-          onCopy={this.onCopy}
-          text={address}
-        >
-          {wrapped}
-        </CopyToClipboard>
-      );
-  }
-
-  private getWrapped ({ address, publicKey }: State, { Custom }: Props): React.ReactNode {
-    const { className = '', isAlternative, isHighlight, size = DEFAULT_SIZE, style = {}, theme = settings.icon } = this.props;
-    const Component = !address
-      ? Empty
-      : Custom || Components[theme === 'default' ? ICON_DEFAULT_HOST : theme] || Fallback;
-
-    return (
-      <StyledDiv
-        className={`ui--IdentityIcon  ${className}`}
-        key={address}
-        style={style}
-      >
-        <Component
-          address={address}
-          className={isHighlight ? 'highlight' : ''}
-          isAlternative={isAlternative}
-          publicKey={publicKey}
-          size={size}
-        />
-      </StyledDiv>
-    );
-  }
-
-  private onCopy = (): void => {
-    const { onCopy } = this.props;
-    const { address } = this.state;
-
-    if (address && onCopy) {
-      onCopy(address);
-    }
-  };
-}
-
-function Icon (props: Props): React.ReactElement<Props> {
-  return <BaseIcon {...props} />;
-}
-
-const StyledDiv = styled.div`
-  cursor: copy;
-  display: inline-block;
-  line-height: 0;
-
-  > .container {
-    position: relative;
-
-    > div,
-    > svg {
-      position: relative;
-    }
-
-    &.highlight:before {
-      position: absolute;
-      top: 0;
-      left: 0;
-      right: 0;
-      bottom: 0;
-      border-radius: 50%;
-      box-shadow: 0 0 5px 2px #aaa;
-      content: '';
-    }
-  }
-`;
-
-export const Identicon = React.memo(Icon);

package/src/bundle.ts

@@ -1,6 +0,0 @@
-// Copyright 2017-2025 @pezkuwi/react-identicon authors & contributors
-// SPDX-License-Identifier: Apache-2.0
-
-export * from './icons/index.js';
-export { Identicon } from './Identicon.js';
-export { packageInfo } from './packageInfo.js';

package/src/icons/Beachball.tsx

@@ -1,32 +0,0 @@
-// Copyright 2017-2025 @pezkuwi/react-identicon authors & contributors
-// SPDX-License-Identifier: Apache-2.0
-
-import type { Props } from '../types.js';
-
-import React, { useCallback } from 'react';
-
-import { beachballIcon } from '@pezkuwi/ui-shared';
-
-function Identicon ({ address, className = '', size, style = {} }: Props): React.ReactElement<Props> {
-  const updateElem = useCallback(
-    (node: HTMLDivElement): void => {
-      if (node) {
-        node.innerHTML = '';
-        node.appendChild(
-          beachballIcon(address, { isAlternative: false, size })
-        );
-      }
-    },
-    [address, size]
-  );
-
-  return (
-    <div
-      className={className}
-      ref={updateElem}
-      style={style}
-    />
-  );
-}
-
-export const Beachball = React.memo(Identicon);

package/src/icons/Empty.tsx

@@ -1,20 +0,0 @@
-// Copyright 2017-2025 @pezkuwi/react-identicon authors & contributors
-// SPDX-License-Identifier: Apache-2.0
-
-import type { Props } from '../types.js';
-
-import React from 'react';
-
-function Identicon ({ className = '', size, style = {} }: Props): React.ReactElement<Props> {
-  return (
-    <svg
-      className={className}
-      height={size}
-      style={style}
-      viewBox='0 0 64 64'
-      width={size}
-    />
-  );
-}
-
-export const Empty = React.memo(Identicon);

package/src/icons/Ethereum.tsx

@@ -1,37 +0,0 @@
-// Copyright 2017-2025 @pezkuwi/react-identicon authors & contributors
-// SPDX-License-Identifier: Apache-2.0
-
-import type { Props } from '../types.js';
-
-import makeBlockie from 'ethereum-blockies-base64';
-import React, { useMemo } from 'react';
-
-import { styled } from '../styled.js';
-
-interface ImgProps {
-  size: number;
-}
-
-function Identicon ({ address, className = '', size, style = {} }: Props): React.ReactElement<Props> {
-  const imgSrc = useMemo(
-    () => makeBlockie(address),
-    [address]
-  );
-
-  return (
-    <StyledImg
-      className={className}
-      size={size}
-      src={imgSrc}
-      style={style}
-    />
-  );
-}
-
-const StyledImg = styled.img<ImgProps>(({ size }) => `
-  display: block;
-  height: ${size}px;
-  width: ${size}px;
-`);
-
-export const Ethereum = React.memo(Identicon);