@pezkuwi/ui-shared 3.16.6 → 3.16.8

package/package.json

@@ -15,21 +15,320 @@
   },
   "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/beachball": {
+      "module": {
+        "types": "./icons/beachball/index.d.ts",
+        "default": "./icons/beachball/index.js"
+      },
+      "require": {
+        "types": "./cjs/icons/beachball/index.d.ts",
+        "default": "./cjs/icons/beachball/index.js"
+      },
+      "default": {
+        "types": "./icons/beachball/index.d.ts",
+        "default": "./icons/beachball/index.js"
+      }
+    },
+    "./icons/beachball/colors": {
+      "module": {
+        "types": "./icons/beachball/colors.d.ts",
+        "default": "./icons/beachball/colors.js"
+      },
+      "require": {
+        "types": "./cjs/icons/beachball/colors.d.ts",
+        "default": "./cjs/icons/beachball/colors.js"
+      },
+      "default": {
+        "types": "./icons/beachball/colors.d.ts",
+        "default": "./icons/beachball/colors.js"
+      }
+    },
+    "./icons/beachball/container": {
+      "module": {
+        "types": "./icons/beachball/container.d.ts",
+        "default": "./icons/beachball/container.js"
+      },
+      "require": {
+        "types": "./cjs/icons/beachball/container.d.ts",
+        "default": "./cjs/icons/beachball/container.js"
+      },
+      "default": {
+        "types": "./icons/beachball/container.d.ts",
+        "default": "./icons/beachball/container.js"
+      }
+    },
+    "./icons/beachball/defaults": {
+      "module": {
+        "types": "./icons/beachball/defaults.d.ts",
+        "default": "./icons/beachball/defaults.js"
+      },
+      "require": {
+        "types": "./cjs/icons/beachball/defaults.d.ts",
+        "default": "./cjs/icons/beachball/defaults.js"
+      },
+      "default": {
+        "types": "./icons/beachball/defaults.d.ts",
+        "default": "./icons/beachball/defaults.js"
+      }
+    },
+    "./icons/beachball/demo": {
+      "module": {
+        "types": "./icons/beachball/demo.d.ts",
+        "default": "./icons/beachball/demo.js"
+      },
+      "require": {
+        "types": "./cjs/icons/beachball/demo.d.ts",
+        "default": "./cjs/icons/beachball/demo.js"
+      },
+      "default": {
+        "types": "./icons/beachball/demo.d.ts",
+        "default": "./icons/beachball/demo.js"
+      }
+    },
+    "./icons/beachball/README.md": "./icons/beachball/README.md",
+    "./icons/beachball/seeder": {
+      "module": {
+        "types": "./icons/beachball/seeder.d.ts",
+        "default": "./icons/beachball/seeder.js"
+      },
+      "require": {
+        "types": "./cjs/icons/beachball/seeder.d.ts",
+        "default": "./cjs/icons/beachball/seeder.js"
+      },
+      "default": {
+        "types": "./icons/beachball/seeder.d.ts",
+        "default": "./icons/beachball/seeder.js"
+      }
+    },
+    "./icons/beachball/shape/circle": {
+      "module": {
+        "types": "./icons/beachball/shape/circle.d.ts",
+        "default": "./icons/beachball/shape/circle.js"
+      },
+      "require": {
+        "types": "./cjs/icons/beachball/shape/circle.d.ts",
+        "default": "./cjs/icons/beachball/shape/circle.js"
+      },
+      "default": {
+        "types": "./icons/beachball/shape/circle.d.ts",
+        "default": "./icons/beachball/shape/circle.js"
+      }
+    },
+    "./icons/beachball/shape/square": {
+      "module": {
+        "types": "./icons/beachball/shape/square.d.ts",
+        "default": "./icons/beachball/shape/square.js"
+      },
+      "require": {
+        "types": "./cjs/icons/beachball/shape/square.d.ts",
+        "default": "./cjs/icons/beachball/shape/square.js"
+      },
+      "default": {
+        "types": "./icons/beachball/shape/square.d.ts",
+        "default": "./icons/beachball/shape/square.js"
+      }
+    },
+    "./icons/beachball/svg/circle": {
+      "module": {
+        "types": "./icons/beachball/svg/circle.d.ts",
+        "default": "./icons/beachball/svg/circle.js"
+      },
+      "require": {
+        "types": "./cjs/icons/beachball/svg/circle.d.ts",
+        "default": "./cjs/icons/beachball/svg/circle.js"
+      },
+      "default": {
+        "types": "./icons/beachball/svg/circle.d.ts",
+        "default": "./icons/beachball/svg/circle.js"
+      }
+    },
+    "./icons/beachball/svg/element": {
+      "module": {
+        "types": "./icons/beachball/svg/element.d.ts",
+        "default": "./icons/beachball/svg/element.js"
+      },
+      "require": {
+        "types": "./cjs/icons/beachball/svg/element.d.ts",
+        "default": "./cjs/icons/beachball/svg/element.js"
+      },
+      "default": {
+        "types": "./icons/beachball/svg/element.d.ts",
+        "default": "./icons/beachball/svg/element.js"
+      }
+    },
+    "./icons/beachball/svg/rect": {
+      "module": {
+        "types": "./icons/beachball/svg/rect.d.ts",
+        "default": "./icons/beachball/svg/rect.js"
+      },
+      "require": {
+        "types": "./cjs/icons/beachball/svg/rect.d.ts",
+        "default": "./cjs/icons/beachball/svg/rect.js"
+      },
+      "default": {
+        "types": "./icons/beachball/svg/rect.d.ts",
+        "default": "./icons/beachball/svg/rect.js"
+      }
+    },
+    "./icons/beachball/svg/svg": {
+      "module": {
+        "types": "./icons/beachball/svg/svg.d.ts",
+        "default": "./icons/beachball/svg/svg.js"
+      },
+      "require": {
+        "types": "./cjs/icons/beachball/svg/svg.d.ts",
+        "default": "./cjs/icons/beachball/svg/svg.js"
+      },
+      "default": {
+        "types": "./icons/beachball/svg/svg.d.ts",
+        "default": "./icons/beachball/svg/svg.js"
+      }
+    },
+    "./icons/beachball/types": {
+      "module": {
+        "types": "./icons/beachball/types.d.ts",
+        "default": "./icons/beachball/types.js"
+      },
+      "require": {
+        "types": "./cjs/icons/beachball/types.d.ts",
+        "default": "./cjs/icons/beachball/types.js"
+      },
+      "default": {
+        "types": "./icons/beachball/types.d.ts",
+        "default": "./icons/beachball/types.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"
+      }
+    },
+    "./icons/types": {
+      "module": {
+        "types": "./icons/types.d.ts",
+        "default": "./icons/types.js"
+      },
+      "require": {
+        "types": "./cjs/icons/types.d.ts",
+        "default": "./cjs/icons/types.js"
+      },
+      "default": {
+        "types": "./icons/types.d.ts",
+        "default": "./icons/types.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"
+      }
+    }
+  },
   "dependencies": {
     "colord": "^2.9.3",
     "tslib": "^2.8.1"
   },
-  "devDependencies": {
-    "@pezkuwi/util": "^14.0.5",
-    "@pezkuwi/util-crypto": "^14.0.5",
-    "@types/xmlserializer": "^0.6.6",
-    "xmlserializer": "^0.6.1"
-  },
   "peerDependencies": {
     "@pezkuwi/util": "*",
     "@pezkuwi/util-crypto": "*"

package/build/README.md

@@ -1,3 +0,0 @@
-# @pezkuwi/ui-shared
-
-Shared logic for various logic. For identicon generation used inside the `@pezkuwi/{react, reactnative, vue}-identicon` icons.

package/build/bundle.js

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

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/beachball/colors.js

@@ -1,16 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.colors = colors;
-const colord_1 = require("colord");
-const defaults_js_1 = require("./defaults.js");
-const WOBBLE = 30;
-function colors(seeder) {
-    const amount = (seeder() * WOBBLE) - (WOBBLE / 2);
-    const all = defaults_js_1.COLORS.map((hex) => (0, colord_1.colord)(hex).rotate(amount));
-    return (alpha = 1) => {
-        const index = Math.floor(all.length * seeder());
-        return all.splice(index, 1)[0]
-            .alpha(alpha)
-            .toHslString();
-    };
-}

package/build/cjs/icons/beachball/container.js

@@ -1,22 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.container = container;
-function container(diameter, background = 'white', className = '', _style = {}) {
-    const element = document.createElement('div');
-    const style = Object.assign({
-        background,
-        borderRadius: `${diameter / 2}px`,
-        display: 'inline-block',
-        height: `${diameter}px`,
-        margin: '0px',
-        overflow: 'hidden',
-        padding: '0px',
-        width: `${diameter}px`
-    }, _style);
-    element.className = className;
-    element.style.background = background;
-    Object.keys(style).forEach((key) => {
-        element.style[key] = style[key];
-    });
-    return element;
-}

package/build/cjs/icons/beachball/defaults.js

@@ -1,8 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.SHAPE_COUNT = exports.COLORS = void 0;
-exports.COLORS = [
-    // https://sashat.me/2017/01/11/list-of-20-simple-distinct-colors/
-    '#ffe119', '#4363d8', '#f58231', '#fabebe', '#e6beff', '#800000', '#000075', '#a9a9a9', '#ffffff', '#000000'
-];
-exports.SHAPE_COUNT = 5;

package/build/cjs/icons/beachball/demo.js

@@ -1,21 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const util_1 = require("@pezkuwi/util");
-const util_crypto_1 = require("@pezkuwi/util-crypto");
-const index_js_1 = require("./index.js");
-const element = document.getElementById('demo');
-function generateIcon(seed = (0, util_crypto_1.encodeAddress)((0, util_crypto_1.randomAsU8a)(32))) {
-    const start = Date.now();
-    if ((0, util_1.isNull)(element)) {
-        throw new Error('Unable to find #demo element');
-    }
-    element.appendChild((0, index_js_1.beachballIcon)(seed, { isAlternative: false, size: 100 }, 'padded'));
-    console.log(`Icon generated in ${(Date.now() - start)}ms`);
-}
-function generateIcons(count = 512) {
-    generateIcon((0, util_crypto_1.encodeAddress)(new Uint8Array(32)));
-    for (let index = 1; index < count; index++) {
-        generateIcon();
-    }
-}
-generateIcons();

package/build/cjs/icons/beachball/index.js

@@ -1,24 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.beachballIcon = beachballIcon;
-const circle_js_1 = require("./shape/circle.js");
-const element_js_1 = require("./svg/element.js");
-const colors_js_1 = require("./colors.js");
-const container_js_1 = require("./container.js");
-const defaults_js_1 = require("./defaults.js");
-const seeder_js_1 = require("./seeder.js");
-function beachballIcon(seed, { size = 256 }, className = '', style) {
-    const seeder = (0, seeder_js_1.seeder)(seed);
-    const colorGen = (0, colors_js_1.colors)(seeder);
-    const outer = (0, container_js_1.container)(size, 'white', className, style);
-    const container = (0, container_js_1.container)(size, colorGen());
-    const svg = (0, element_js_1.element)(size);
-    outer.appendChild(container);
-    container.appendChild(svg);
-    for (let count = 0; count < defaults_js_1.SHAPE_COUNT; count++) {
-        const fill = colorGen();
-        const shape = (0, circle_js_1.circle)(seeder, fill, size, count);
-        svg.appendChild(shape);
-    }
-    return outer;
-}

package/build/cjs/icons/beachball/seeder.js

@@ -1,21 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.seeder = seeder;
-const util_1 = require("@pezkuwi/util");
-const DIVISOR = 256 * 256;
-function seeder(_seed = new Uint8Array(32)) {
-    const seed = (0, util_1.isU8a)(_seed)
-        ? _seed
-        : (0, util_1.stringToU8a)(_seed);
-    let index = (seed[Math.floor(seed.length / 2)] % seed.length) - 1;
-    const next = () => {
-        index += 1;
-        if (index === seed.length) {
-            index = 0;
-        }
-        return seed[index];
-    };
-    return () => {
-        return ((next() * 256) + next()) / DIVISOR;
-    };
-}

package/build/cjs/icons/beachball/shape/circle.js

@@ -1,16 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.circle = circle;
-const defaults_js_1 = require("../defaults.js");
-const circle_js_1 = require("../svg/circle.js");
-function circle(seeder, fill, diameter, count) {
-    const center = diameter / 2;
-    const angle = seeder() * 360;
-    const radius = (((defaults_js_1.SHAPE_COUNT - count) / defaults_js_1.SHAPE_COUNT) * (diameter / 2)) + ((diameter / 8) * seeder());
-    const offset = (diameter / 4) * (seeder() + ((count + 1) / defaults_js_1.SHAPE_COUNT));
-    const cx = (offset * Math.sin(angle)) + center;
-    const cy = (offset * Math.cos(angle)) + center;
-    const svg = (0, circle_js_1.circle)(radius, cx, cy);
-    svg.setAttributeNS('', 'fill', fill);
-    return svg;
-}

package/build/cjs/icons/beachball/shape/square.js

@@ -1,19 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.square = square;
-const defaults_js_1 = require("../defaults.js");
-const rect_js_1 = require("../svg/rect.js");
-function square(seeder, fill, diameter, count) {
-    const center = diameter / 2;
-    const svg = (0, rect_js_1.rect)(diameter);
-    const firstRot = seeder();
-    const angle = Math.PI * 2 * firstRot;
-    const scale = count / defaults_js_1.SHAPE_COUNT;
-    const velocity = ((diameter / defaults_js_1.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/build/cjs/icons/beachball/svg/circle.js

@@ -1,11 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.circle = circle;
-const svg_js_1 = require("./svg.js");
-function circle(r, cx, cy) {
-    const elem = (0, svg_js_1.svg)('circle');
-    elem.setAttributeNS('', 'cx', `${cx}`);
-    elem.setAttributeNS('', 'cy', `${cy}`);
-    elem.setAttributeNS('', 'r', `${r}`);
-    return elem;
-}

package/build/cjs/icons/beachball/svg/element.js

@@ -1,12 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.element = element;
-const svg_js_1 = require("./svg.js");
-function element(size, type = 'svg', x = 0, y = 0) {
-    const elem = (0, svg_js_1.svg)(type);
-    elem.setAttributeNS('', 'x', `${x}`);
-    elem.setAttributeNS('', 'y', `${y}`);
-    elem.setAttributeNS('', 'width', `${size}`);
-    elem.setAttributeNS('', 'height', `${size}`);
-    return elem;
-}

package/build/cjs/icons/beachball/svg/rect.js

@@ -1,10 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.rect = rect;
-const element_js_1 = require("./element.js");
-function rect(size) {
-    const elem = (0, element_js_1.element)(size, 'rect');
-    elem.setAttributeNS('', 'rx', `${size / 16}`);
-    elem.setAttributeNS('', 'ry', `${size / 16}`);
-    return elem;
-}

package/build/cjs/icons/beachball/svg/svg.js

@@ -1,7 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.svg = svg;
-const SVG_NS = 'http://www.w3.org/2000/svg';
-function svg(type) {
-    return document.createElementNS(SVG_NS, type);
-}

package/build/cjs/icons/beachball/types.js

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

package/build/cjs/icons/index.js

@@ -1,7 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.polkadotIcon = exports.beachballIcon = void 0;
-var index_js_1 = require("./beachball/index.js");
-Object.defineProperty(exports, "beachballIcon", { enumerable: true, get: function () { return index_js_1.beachballIcon; } });
-var polkadot_js_1 = require("./polkadot.js");
-Object.defineProperty(exports, "polkadotIcon", { enumerable: true, get: function () { return polkadot_js_1.polkadotIcon; } });