@pezkuwi/ui-shared 3.16.7 → 3.16.8

package/src/icons/beachball/index.ts

@@ -1,33 +0,0 @@
-// Copyright 2017-2025 @pezkuwi/ui-shared authors & contributors
-// SPDX-License-Identifier: Apache-2.0
-
-// Copyright 2016 Dan Finlay
-
-import type { Options } from '../types.js';
-
-import { circle } from './shape/circle.js';
-import { element } from './svg/element.js';
-import { colors } from './colors.js';
-import { container as newContainer } from './container.js';
-import { SHAPE_COUNT } from './defaults.js';
-import { seeder as newSeeder } from './seeder.js';
-
-export function beachballIcon (seed: string | Uint8Array, { size = 256 }: Options, className = '', style?: Record<string, string>): HTMLElement {
-  const seeder = newSeeder(seed);
-  const colorGen = colors(seeder);
-  const outer = newContainer(size, 'white', className, style);
-  const container = newContainer(size, colorGen());
-  const svg = element(size);
-
-  outer.appendChild(container);
-  container.appendChild(svg);
-
-  for (let count = 0; count < SHAPE_COUNT; count++) {
-    const fill = colorGen();
-    const shape = circle(seeder, fill, size, count);
-
-    svg.appendChild(shape);
-  }
-
-  return outer;
-}

package/src/icons/beachball/seeder.spec.ts

@@ -1,30 +0,0 @@
-// Copyright 2017-2025 @pezkuwi/ui-shared authors & contributors
-// SPDX-License-Identifier: Apache-2.0
-
-/// <reference types="@pezkuwi/dev-test/globals.d.ts" />
-
-import type { Seeder } from './types.js';
-
-import { seeder as newSeeder } from './seeder.js';
-
-describe('seeder', (): void => {
-  let seeder: Seeder;
-
-  beforeEach((): void => {
-    seeder = newSeeder(new Uint8Array([1, 2, 3, 4]));
-  });
-
-  it('generates numbers using 2 spaces', (): void => {
-    expect(
-      seeder()
-    ).toEqual(0.0156402587890625);
-  });
-
-  it('generates numbers using 2 spaces (incremented)', (): void => {
-    seeder();
-
-    expect(
-      seeder()
-    ).toEqual(0.0078582763671875);
-  });
-});

package/src/icons/beachball/seeder.ts

@@ -1,30 +0,0 @@
-// Copyright 2017-2025 @pezkuwi/ui-shared authors & contributors
-// SPDX-License-Identifier: Apache-2.0
-
-import type { Seeder } from './types.js';
-
-import { isU8a, stringToU8a } from '@pezkuwi/util';
-
-const DIVISOR = 256 * 256;
-
-export function seeder (_seed: string | Uint8Array = new Uint8Array(32)): Seeder {
-  const seed: Uint8Array = isU8a(_seed)
-    ? _seed
-    : stringToU8a(_seed);
-
-  let index = (seed[Math.floor(seed.length / 2)] % seed.length) - 1;
-
-  const next = (): number => {
-    index += 1;
-
-    if (index === seed.length) {
-      index = 0;
-    }
-
-    return seed[index];
-  };
-
-  return (): number => {
-    return ((next() * 256) + next()) / DIVISOR;
-  };
-}

package/src/icons/beachball/shape/circle.spec.ts

@@ -1,20 +0,0 @@
-// Copyright 2017-2025 @pezkuwi/ui-shared authors & contributors
-// SPDX-License-Identifier: Apache-2.0
-
-/// <reference types="@pezkuwi/dev-test/globals.d.ts" />
-
-import xmlserializer from 'xmlserializer';
-
-import { seeder } from '../seeder.js';
-import { circle } from './circle.js';
-
-describe('circle', (): void => {
-  it('creates a circle shape', (): void => {
-    expect(
-      xmlserializer.serializeToString(
-        // eslint-disable-next-line @typescript-eslint/no-unsafe-argument,@typescript-eslint/no-explicit-any
-        circle(seeder(), 'blue', 50, 2) as any
-      )
-    ).toEqual('<circle xmlns="http://www.w3.org/2000/svg" cx="25" cy="32.5" r="15" fill="blue"/>');
-  });
-});

package/src/icons/beachball/shape/circle.ts

@@ -1,23 +0,0 @@
-// Copyright 2017-2025 @pezkuwi/ui-shared authors & contributors
-// SPDX-License-Identifier: Apache-2.0
-
-// Copyright 2016 Dan Finlay
-
-import type { Seeder } from '../types.js';
-
-import { SHAPE_COUNT } from '../defaults.js';
-import { circle as newCircle } from '../svg/circle.js';
-
-export function circle (seeder: Seeder, fill: string, diameter: number, count: number): Element {
-  const center = diameter / 2;
-  const angle = seeder() * 360;
-  const radius = (((SHAPE_COUNT - count) / SHAPE_COUNT) * (diameter / 2)) + ((diameter / 8) * seeder());
-  const offset = (diameter / 4) * (seeder() + ((count + 1) / SHAPE_COUNT));
-  const cx = (offset * Math.sin(angle)) + center;
-  const cy = (offset * Math.cos(angle)) + center;
-  const svg = newCircle(radius, cx, cy);
-
-  svg.setAttributeNS('', 'fill', fill);
-
-  return svg;
-}

package/src/icons/beachball/shape/square.ts

@@ -1,26 +0,0 @@
-// Copyright 2017-2025 @pezkuwi/ui-shared authors & contributors
-// SPDX-License-Identifier: Apache-2.0
-
-// Copyright 2016 Dan Finlay
-
-import type { Seeder } from '../types.js';
-
-import { SHAPE_COUNT } from '../defaults.js';
-import { rect as newRect } from '../svg/rect.js';
-
-export function square (seeder: Seeder, fill: string, diameter: number, count: number): Element {
-  const center = diameter / 2;
-  const svg = newRect(diameter);
-  const firstRot = seeder();
-  const angle = Math.PI * 2 * firstRot;
-  const scale = count / SHAPE_COUNT;
-  const velocity = ((diameter / SHAPE_COUNT) * seeder()) + (scale * diameter);
-  const tx = (Math.cos(angle) * velocity).toFixed(3);
-  const ty = (Math.sin(angle) * velocity).toFixed(3);
-  const rot = ((firstRot * 360) + (seeder() * 180)).toFixed(1);
-
-  svg.setAttributeNS('', 'transform', `translate(${tx} ${ty}) rotate(${rot} ${center} ${center})`);
-  svg.setAttributeNS('', 'fill', fill);
-
-  return svg;
-}

package/src/icons/beachball/svg/circle.spec.ts

@@ -1,19 +0,0 @@
-// Copyright 2017-2025 @pezkuwi/ui-shared authors & contributors
-// SPDX-License-Identifier: Apache-2.0
-
-/// <reference types="@pezkuwi/dev-test/globals.d.ts" />
-
-import xs from 'xmlserializer';
-
-import { circle } from './circle.js';
-
-describe('circle', (): void => {
-  it('creates a basic SVG circle element', (): void => {
-    expect(
-      xs.serializeToString(
-        // eslint-disable-next-line @typescript-eslint/no-unsafe-argument,@typescript-eslint/no-explicit-any
-        circle(123, 12, 34) as any
-      )
-    ).toEqual('<circle xmlns="http://www.w3.org/2000/svg" cx="12" cy="34" r="123"/>');
-  });
-});

package/src/icons/beachball/svg/circle.ts

@@ -1,14 +0,0 @@
-// Copyright 2017-2025 @pezkuwi/ui-shared authors & contributors
-// SPDX-License-Identifier: Apache-2.0
-
-import { svg } from './svg.js';
-
-export function circle (r: number, cx: number, cy: number): Element {
-  const elem = svg('circle');
-
-  elem.setAttributeNS('', 'cx', `${cx}`);
-  elem.setAttributeNS('', 'cy', `${cy}`);
-  elem.setAttributeNS('', 'r', `${r}`);
-
-  return elem;
-}

package/src/icons/beachball/svg/element.spec.ts

@@ -1,19 +0,0 @@
-// Copyright 2017-2025 @pezkuwi/ui-shared authors & contributors
-// SPDX-License-Identifier: Apache-2.0
-
-/// <reference types="@pezkuwi/dev-test/globals.d.ts" />
-
-import xs from 'xmlserializer';
-
-import { element } from './element.js';
-
-describe('element', (): void => {
-  it('creates a basic SVG element', (): void => {
-    expect(
-      xs.serializeToString(
-        // eslint-disable-next-line @typescript-eslint/no-unsafe-argument,@typescript-eslint/no-explicit-any
-        element(123) as any
-      )
-    ).toEqual('<svg xmlns="http://www.w3.org/2000/svg" x="0" y="0" width="123" height="123"/>');
-  });
-});

package/src/icons/beachball/svg/element.ts

@@ -1,17 +0,0 @@
-// Copyright 2017-2025 @pezkuwi/ui-shared authors & contributors
-// SPDX-License-Identifier: Apache-2.0
-
-// Copyright 2016 Dan Finlay
-
-import { svg } from './svg.js';
-
-export function element (size: number, type = 'svg', x = 0, y = 0): Element {
-  const elem = svg(type);
-
-  elem.setAttributeNS('', 'x', `${x}`);
-  elem.setAttributeNS('', 'y', `${y}`);
-  elem.setAttributeNS('', 'width', `${size}`);
-  elem.setAttributeNS('', 'height', `${size}`);
-
-  return elem;
-}

package/src/icons/beachball/svg/rect.spec.ts

@@ -1,19 +0,0 @@
-// Copyright 2017-2025 @pezkuwi/ui-shared authors & contributors
-// SPDX-License-Identifier: Apache-2.0
-
-/// <reference types="@pezkuwi/dev-test/globals.d.ts" />
-
-import xs from 'xmlserializer';
-
-import { rect } from './rect.js';
-
-describe('rect', (): void => {
-  it('creates a basic SVG rect element', (): void => {
-    expect(
-      xs.serializeToString(
-        // eslint-disable-next-line @typescript-eslint/no-unsafe-argument,@typescript-eslint/no-explicit-any
-        rect(123) as any
-      )
-    ).toEqual('<rect xmlns="http://www.w3.org/2000/svg" x="0" y="0" width="123" height="123" rx="7.6875" ry="7.6875"/>');
-  });
-});

package/src/icons/beachball/svg/rect.ts

@@ -1,13 +0,0 @@
-// Copyright 2017-2025 @pezkuwi/ui-shared authors & contributors
-// SPDX-License-Identifier: Apache-2.0
-
-import { element } from './element.js';
-
-export function rect (size: number): Element {
-  const elem = element(size, 'rect');
-
-  elem.setAttributeNS('', 'rx', `${size / 16}`);
-  elem.setAttributeNS('', 'ry', `${size / 16}`);
-
-  return elem;
-}

package/src/icons/beachball/svg/svg.spec.ts

@@ -1,19 +0,0 @@
-// Copyright 2017-2025 @pezkuwi/ui-shared authors & contributors
-// SPDX-License-Identifier: Apache-2.0
-
-/// <reference types="@pezkuwi/dev-test/globals.d.ts" />
-
-import xs from 'xmlserializer';
-
-import { svg } from './svg.js';
-
-describe('svg', (): void => {
-  it('creates a basic SVG element', (): void => {
-    expect(
-      xs.serializeToString(
-        // eslint-disable-next-line @typescript-eslint/no-unsafe-argument,@typescript-eslint/no-explicit-any
-        svg('rect') as any
-      )
-    ).toEqual('<rect xmlns="http://www.w3.org/2000/svg"/>');
-  });
-});

package/src/icons/beachball/svg/svg.ts

@@ -1,10 +0,0 @@
-// Copyright 2017-2025 @pezkuwi/ui-shared authors & contributors
-// SPDX-License-Identifier: Apache-2.0
-
-// Copyright 2016 Dan Finlay
-
-const SVG_NS = 'http://www.w3.org/2000/svg';
-
-export function svg (type: string): Element {
-  return document.createElementNS(SVG_NS, type);
-}

package/src/icons/beachball/types.ts

@@ -1,6 +0,0 @@
-// Copyright 2017-2025 @pezkuwi/ui-shared authors & contributors
-// SPDX-License-Identifier: Apache-2.0
-
-export type Seeder = () => number;
-
-export type ColorGen = (alpha?: number) => string;

package/src/icons/index.ts

@@ -1,5 +0,0 @@
-// Copyright 2018-2025 @pezkuwi/ui-shared authors & contributors
-// SPDX-License-Identifier: Apache-2.0
-
-export { beachballIcon } from './beachball/index.js';
-export { polkadotIcon } from './polkadot.js';

package/src/icons/polkadot.spec.ts

@@ -1,35 +0,0 @@
-// Copyright 2018-2025 @pezkuwi/ui-shared authors & contributors
-// SPDX-License-Identifier: Apache-2.0
-
-/// <reference types="@pezkuwi/dev-test/globals.d.ts" />
-
-import { polkadotIcon } from './polkadot.js';
-
-describe('polkadotIcon', (): void => {
-  it('generates the correct points from known', (): void => {
-    expect(
-      polkadotIcon('5Dqvi1p4C7EhPPFKCixpF3QiaJEaDwWrR9gfWR5eUsfC39TX', { isAlternative: false })
-    ).toEqual([
-      { cx: 32, cy: 32, fill: '#eee', r: 32 },
-      { cx: 32, cy: 8, fill: 'hsl(196, 65%, 53%)', r: 5 },
-      { cx: 32, cy: 20, fill: 'hsl(320, 65%, 53%)', r: 5 },
-      { cx: 21.607695154586736, cy: 14, fill: 'transparent', r: 5 },
-      { cx: 11.215390309173472, cy: 20, fill: 'hsl(112, 65%, 15%)', r: 5 },
-      { cx: 21.607695154586736, cy: 26, fill: 'hsl(22, 65%, 15%)', r: 5 },
-      { cx: 11.215390309173472, cy: 32, fill: 'hsl(213, 65%, 15%)', r: 5 },
-      { cx: 11.215390309173472, cy: 44, fill: 'hsl(163, 65%, 53%)', r: 5 },
-      { cx: 21.607695154586736, cy: 38, fill: 'hsl(213, 65%, 53%)', r: 5 },
-      { cx: 21.607695154586736, cy: 50, fill: 'hsl(185, 65%, 75%)', r: 5 },
-      { cx: 32, cy: 56, fill: 'hsl(163, 65%, 53%)', r: 5 },
-      { cx: 32, cy: 44, fill: 'hsl(213, 65%, 53%)', r: 5 },
-      { cx: 42.392304845413264, cy: 50, fill: 'hsl(213, 65%, 15%)', r: 5 },
-      { cx: 52.78460969082653, cy: 44, fill: 'hsl(112, 65%, 15%)', r: 5 },
-      { cx: 42.392304845413264, cy: 38, fill: 'hsl(22, 65%, 15%)', r: 5 },
-      { cx: 52.78460969082653, cy: 32, fill: 'transparent', r: 5 },
-      { cx: 52.78460969082653, cy: 20, fill: 'hsl(196, 65%, 53%)', r: 5 },
-      { cx: 42.392304845413264, cy: 26, fill: 'hsl(320, 65%, 53%)', r: 5 },
-      { cx: 42.392304845413264, cy: 14, fill: 'hsl(11, 65%, 35%)', r: 5 },
-      { cx: 32, cy: 32, fill: 'hsl(309, 65%, 53%)', r: 5 }
-    ]);
-  });
-});

package/src/icons/polkadot.ts

@@ -1,154 +0,0 @@
-// Copyright 2018-2025 @pezkuwi/ui-shared authors & contributors
-// SPDX-License-Identifier: Apache-2.0
-
-// Copyright 2018 Paritytech via paritytech/oo7/polkadot-identicon
-
-// This has been converted from the original version that can be found at
-//
-// https://github.com/paritytech/oo7/blob/251ba2b7c45503b68eab4320c270b5afa9bccb60/packages/polkadot-identicon/src/index.jsx
-
-import type { Circle, Options } from './types.js';
-
-import { blake2AsU8a, decodeAddress } from '@pezkuwi/util-crypto';
-
-interface Scheme {
-  freq: number;
-  colors: readonly number[];
-}
-
-const S = 64;
-const C = S / 2;
-const Z = S / 64 * 5;
-
-const SCHEMES: readonly Scheme[] = [
-  /* target  */ { colors: [0, 28, 0, 0, 28, 0, 0, 28, 0, 0, 28, 0, 0, 28, 0, 0, 28, 0, 1], freq: 1 },
-  /* cube    */ { colors: [0, 1, 3, 2, 4, 3, 0, 1, 3, 2, 4, 3, 0, 1, 3, 2, 4, 3, 5], freq: 20 },
-  /* quazar  */ { colors: [1, 2, 3, 1, 2, 4, 5, 5, 4, 1, 2, 3, 1, 2, 4, 5, 5, 4, 0], freq: 16 },
-  /* flower  */ { colors: [0, 1, 2, 0, 1, 2, 0, 1, 2, 0, 1, 2, 0, 1, 2, 0, 1, 2, 3], freq: 32 },
-  /* cyclic  */ { colors: [0, 1, 2, 3, 4, 5, 0, 1, 2, 3, 4, 5, 0, 1, 2, 3, 4, 5, 6], freq: 32 },
-  /* vmirror */ { colors: [0, 1, 2, 3, 4, 5, 3, 4, 2, 0, 1, 6, 7, 8, 9, 7, 8, 6, 10], freq: 128 },
-  /* hmirror */ { colors: [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 8, 6, 7, 5, 3, 4, 2, 11], freq: 128 }
-];
-
-const SCHEMES_TOTAL = SCHEMES
-  .map((s): number => s.freq)
-  .reduce((a, b): number => a + b);
-
-const OUTER_CIRCLE: Circle = {
-  cx: C,
-  cy: C,
-  fill: '#eee',
-  r: C
-};
-
-let zeroHash: Uint8Array = new Uint8Array();
-
-function getRotation (isSixPoint: boolean): { r: number; ro2: number; r3o4: number; ro4: number; rroot3o2: number; rroot3o4: number } {
-  const r = isSixPoint
-    ? (C / 8 * 5)
-    : (C / 4 * 3);
-  const rroot3o2 = r * Math.sqrt(3) / 2;
-  const ro2 = r / 2;
-  const rroot3o4 = r * Math.sqrt(3) / 4;
-  const ro4 = r / 4;
-  const r3o4 = r * 3 / 4;
-
-  return { r, r3o4, ro2, ro4, rroot3o2, rroot3o4 };
-}
-
-function getCircleXY (isSixPoint = false): [number, number][] {
-  const { r, r3o4, ro2, ro4, rroot3o2, rroot3o4 } = getRotation(isSixPoint);
-
-  return [
-    [C, C - r],
-    [C, C - ro2],
-    [C - rroot3o4, C - r3o4],
-    [C - rroot3o2, C - ro2],
-    [C - rroot3o4, C - ro4],
-    [C - rroot3o2, C],
-    [C - rroot3o2, C + ro2],
-    [C - rroot3o4, C + ro4],
-    [C - rroot3o4, C + r3o4],
-    [C, C + r],
-    [C, C + ro2],
-    [C + rroot3o4, C + r3o4],
-    [C + rroot3o2, C + ro2],
-    [C + rroot3o4, C + ro4],
-    [C + rroot3o2, C],
-    [C + rroot3o2, C - ro2],
-    [C + rroot3o4, C - ro4],
-    [C + rroot3o4, C - r3o4],
-    [C, C]
-  ];
-}
-
-function findScheme (d: number): Scheme {
-  let cum = 0;
-  const schema = SCHEMES.find((schema): boolean => {
-    cum += schema.freq;
-
-    return d < cum;
-  });
-
-  if (!schema) {
-    throw new Error('Unable to find schema');
-  }
-
-  return schema;
-}
-
-function addressToId (address: string): Uint8Array {
-  if (!zeroHash.length) {
-    zeroHash = blake2AsU8a(new Uint8Array(32), 512);
-  }
-
-  return blake2AsU8a(decodeAddress(address), 512).map((x, i) => (x + 256 - zeroHash[i]) % 256);
-}
-
-function getColors (address: string): string[] {
-  const id = addressToId(address);
-  const d = Math.floor((id[30] + id[31] * 256) % SCHEMES_TOTAL);
-  const rot = (id[28] % 6) * 3;
-  const sat = (Math.floor(id[29] * 70 / 256 + 26) % 80) + 30;
-  const scheme = findScheme(d);
-  const palette = Array.from(id).map((x, i): string => {
-    const b = (x + i % 28 * 58) % 256;
-
-    if (b === 0) {
-      return '#444';
-    } else if (b === 255) {
-      return 'transparent';
-    }
-
-    const h = Math.floor(b % 64 * 360 / 64);
-    const l = [53, 15, 35, 75][Math.floor(b / 64)];
-
-    return `hsl(${h}, ${sat}%, ${l}%)`;
-  });
-
-  return scheme.colors.map((_, i): string =>
-    palette[scheme.colors[i < 18 ? (i + rot) % 18 : 18]]
-  );
-}
-
-/**
- * @description Generates an array of the circles that make up an identicon
- */
-export function polkadotIcon (address: string, { isAlternative }: Options): Circle[] {
-  const xy = getCircleXY(isAlternative);
-  let colors: string[];
-
-  try {
-    // in some cases, e.g. RN where crypto may not be initialized, chaos can
-    // happen when hashing, in these cases we just fill with a placeholder
-    colors = getColors(address);
-  } catch {
-    colors = new Array<string>(xy.length).fill('#ddd');
-  }
-
-  return [OUTER_CIRCLE].concat(
-    xy.map(([cx, cy], index): Circle => ({
-      cx, cy, fill: colors[index], r: Z
-    }))
-  );
-}

package/src/icons/types.ts

@@ -1,14 +0,0 @@
-// Copyright 2018-2025 @pezkuwi/ui-shared authors & contributors
-// SPDX-License-Identifier: Apache-2.0
-
-export interface Circle {
-  cx: number;
-  cy: number;
-  fill: string;
-  r: number;
-}
-
-export interface Options {
-  isAlternative?: boolean;
-  size?: number;
-}

package/src/index.ts

@@ -1,6 +0,0 @@
-// Copyright 2018-2025 @pezkuwi/ui-shared authors & contributors
-// SPDX-License-Identifier: Apache-2.0
-
-import './packageDetect.js';
-
-export * from './bundle.js';

package/src/packageDetect.ts

@@ -1,11 +0,0 @@
-// Copyright 2017-2026 @pezkuwi/ui-shared authors & contributors
-// SPDX-License-Identifier: Apache-2.0
-
-// Do not edit, auto-generated by @pezkuwi/dev
-// (packageInfo imports will be kept as-is, user-editable)
-
-import { detectPackage } from '@pezkuwi/util';
-
-import { packageInfo } from './packageInfo.js';
-
-detectPackage(packageInfo, null, []);

package/src/packageInfo.ts

@@ -1,6 +0,0 @@
-// Copyright 2017-2026 @pezkuwi/ui-shared authors & contributors
-// SPDX-License-Identifier: Apache-2.0
-
-// Do not edit, auto-generated by @pezkuwi/dev
-
-export const packageInfo = { name: '@pezkuwi/ui-shared', path: 'auto', type: 'auto', version: '3.16.6' };

package/tsconfig.build.json

@@ -1,12 +0,0 @@
-{
-  "extends": "../../tsconfig.base.json",
-  "compilerOptions": {
-    "baseUrl": "..",
-    "outDir": "./build",
-    "rootDir": "./src"
-  },
-  "exclude": [
-    "**/*.spec.ts"
-  ],
-  "references": []
-}