@jbrowse/core 3.5.1 → 3.6.0

package/ui/react-colorful.js

@@ -59,7 +59,7 @@ function u(e) {
     const t = (0, react_1.useRef)(e), o = (0, react_1.useRef)(e => {
         t.current && t.current(e);
     });
-    return (t.current = e), o.current;
+    return ((t.current = e), o.current);
 }
 const i = (e, r = 0, t = 1) => (e > t ? t : e < r ? r : e), d = e => 'touches' in e, f = e => (e && e.ownerDocument.defaultView) || self, h = (e, r, t) => {
     const o = e.getBoundingClientRect(), a = d(r)
@@ -80,14 +80,16 @@ const i = (e, r = 0, t = 1) => (e > t ? t : e < r ? r : e), d = e => 'touches' i
     let { onMove: l, onKey: n } = a, i = c(a, ['onMove', 'onKey']);
     const m = (0, react_1.useRef)(null), g = u(l), p = u(n), b = (0, react_1.useRef)(null), _ = (0, react_1.useRef)(!1), [x, C, E] = (0, react_1.useMemo)(() => {
         const e = e => {
-            v(e),
+            ;
+            (v(e),
                 (d(e) ? e.touches.length > 0 : e.buttons > 0) && m.current
                     ? g(h(m.current, e, b.current))
-                    : t(!1);
+                    : t(!1));
         }, r = () => t(!1);
         function t(t) {
             const o = _.current, a = f(m.current), l = t ? a.addEventListener : a.removeEventListener;
-            l(o ? 'touchmove' : 'mousemove', e), l(o ? 'touchend' : 'mouseup', r);
+            (l(o ? 'touchmove' : 'mousemove', e),
+                l(o ? 'touchend' : 'mouseup', r));
         }
         return [
             ({ nativeEvent: e }) => {
@@ -98,7 +100,8 @@ const i = (e, r = 0, t = 1) => (e > t ? t : e < r ? r : e), d = e => 'touches' i
                         const r = e.changedTouches || [];
                         r.length && (b.current = r[0].identifier);
                     }
-                    r.focus(), g(h(r, e, b.current)), t(!0);
+                    ;
+                    (r.focus(), g(h(r, e, b.current)), t(!0));
                 }
             },
             e => {
@@ -174,7 +177,7 @@ const i = (e, r = 0, t = 1) => (e > t ? t : e < r ? r : e), d = e => 'touches' i
     return `hsla(${r}, ${t}%, ${o}%, ${a})`;
 }, y = ({ h: e, s: r, v: t, a: o }) => {
     ;
-    (e = (e / 360) * 6), (r /= 100), (t /= 100);
+    ((e = (e / 360) * 6), (r /= 100), (t /= 100));
     const a = Math.floor(e), l = t * (1 - r), n = t * (1 - (e - a) * r), s = t * (1 - (1 - e + a) * r), c = a % 6;
     return {
         r: b(255 * [t, n, l, l, s, t][c]),
@@ -265,10 +268,10 @@ const i = (e, r = 0, t = 1) => (e > t ? t : e < r ? r : e), d = e => 'touches' i
 }, A = (e, r) => e.replace(/\s/g, '') === r.replace(/\s/g, '');
 function S(e, t, n) {
     const s = u(n), [c, i] = (0, react_1.useState)(() => e.toHsva(t)), d = (0, react_1.useRef)({ color: t, hsva: c });
-    (0, react_1.useEffect)(() => {
+    ((0, react_1.useEffect)(() => {
         if (!e.equal(t, d.current.color)) {
             const r = e.toHsva(t);
-            (d.current = { hsva: r, color: t }), i(r);
+            ((d.current = { hsva: r, color: t }), i(r));
         }
     }, [t, e]),
         (0, react_1.useEffect)(() => {
@@ -276,7 +279,7 @@ function S(e, t, n) {
             L(c, d.current.hsva) ||
                 e.equal((r = e.fromHsva(c)), d.current.color) ||
                 ((d.current = { hsva: c, color: r }), s(r));
-        }, [c, e, s]);
+        }, [c, e, s]));
     const f = (0, react_1.useCallback)(e => {
         i(r => Object.assign({}, r, e));
     }, []);
@@ -291,11 +294,11 @@ const P = () => F || ('undefined' != typeof __webpack_nonce__ ? __webpack_nonce_
         const r = e.current ? e.current.ownerDocument : document;
         if (void 0 !== r && !Y.has(r)) {
             const e = r.createElement('style');
-            (e.innerHTML =
+            ((e.innerHTML =
                 '.react-colorful{position:relative;display:flex;flex-direction:column;width:200px;height:200px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:default}.react-colorful__saturation{position:relative;flex-grow:1;border-color:transparent;border-bottom:12px solid #000;border-radius:8px 8px 0 0;background-image:linear-gradient(0deg,#000,transparent),linear-gradient(90deg,#fff,hsla(0,0%,100%,0))}.react-colorful__alpha-gradient,.react-colorful__pointer-fill{content:"";position:absolute;left:0;top:0;right:0;bottom:0;pointer-events:none;border-radius:inherit}.react-colorful__alpha-gradient,.react-colorful__saturation{box-shadow:inset 0 0 0 1px rgba(0,0,0,.05)}.react-colorful__alpha,.react-colorful__hue{position:relative;height:24px}.react-colorful__hue{background:linear-gradient(90deg,red 0,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,red)}.react-colorful__last-control{border-radius:0 0 8px 8px}.react-colorful__interactive{position:absolute;left:0;top:0;right:0;bottom:0;border-radius:inherit;outline:none;touch-action:none}.react-colorful__pointer{position:absolute;z-index:1;box-sizing:border-box;width:28px;height:28px;transform:translate(-50%,-50%);background-color:#fff;border:2px solid #fff;border-radius:50%;box-shadow:0 2px 4px rgba(0,0,0,.2)}.react-colorful__interactive:focus .react-colorful__pointer{transform:translate(-50%,-50%) scale(1.1)}.react-colorful__alpha,.react-colorful__alpha-pointer{background-color:#fff;background-image:url(\'data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill-opacity=".05"><path d="M8 0h8v8H8zM0 8h8v8H0z"/></svg>\')}.react-colorful__saturation-pointer{z-index:3}.react-colorful__hue-pointer{z-index:2}'),
-                Y.set(r, e);
+                Y.set(r, e));
             const t = P();
-            t && e.setAttribute('nonce', t), r.head.appendChild(e);
+            (t && e.setAttribute('nonce', t), r.head.appendChild(e));
         }
     }, []);
 }, V = t => {
@@ -420,9 +423,10 @@ const P = () => F || ('undefined' != typeof __webpack_nonce__ ? __webpack_nonce_
         'process',
     ]), [g, p] = (0, react_1.useState)(() => d(t)), b = u(n), _ = u(i), x = (0, react_1.useCallback)(e => {
         const r = d(e.target.value);
-        p(r), f(r) && b(v ? v(r) : r);
+        (p(r), f(r) && b(v ? v(r) : r));
     }, [d, v, f, b]), C = (0, react_1.useCallback)(e => {
-        f(e.target.value) || p(d(t)), _(e);
+        ;
+        (f(e.target.value) || p(d(t)), _(e));
     }, [t, d, f, _]);
     return ((0, react_1.useEffect)(() => {
         p(d(t));

package/util/index.d.ts

@@ -247,10 +247,16 @@ export declare function stripAlpha(str: string): string;
 export declare function getStrokeProps(str: string): {
     strokeOpacity: number;
     stroke: string;
+} | {
+    strokeOpacity?: undefined;
+    stroke?: undefined;
 };
 export declare function getFillProps(str: string): {
     fillOpacity: number;
     fill: string;
+} | {
+    fillOpacity?: undefined;
+    fill?: undefined;
 };
 export declare function renderToStaticMarkup(node: React.ReactElement): string;
 export declare function isGzip(buf: Uint8Array): boolean;

package/util/index.js

@@ -962,18 +962,28 @@ function stripAlpha(str) {
     return (0, colord_1.colord)(str).alpha(1).toHex();
 }
 function getStrokeProps(str) {
-    const c = (0, colord_1.colord)(str);
-    return {
-        strokeOpacity: c.alpha(),
-        stroke: c.alpha(1).toHex(),
-    };
+    if (str) {
+        const c = (0, colord_1.colord)(str);
+        return {
+            strokeOpacity: c.alpha(),
+            stroke: c.alpha(1).toHex(),
+        };
+    }
+    else {
+        return {};
+    }
 }
 function getFillProps(str) {
-    const c = (0, colord_1.colord)(str);
-    return {
-        fillOpacity: c.alpha(),
-        fill: c.alpha(1).toHex(),
-    };
+    if (str) {
+        const c = (0, colord_1.colord)(str);
+        return {
+            fillOpacity: c.alpha(),
+            fill: c.alpha(1).toHex(),
+        };
+    }
+    else {
+        return {};
+    }
 }
 function renderToStaticMarkup(node) {
     const div = document.createElement('div');