@weng-lab/visualization 2.2.2 → 2.3.1

package/dist/visualization.es12.js

@@ -1,99 +1,99 @@
-import { j as o } from "./visualization.es18.js";
-import { useMemo as f, useRef as z } from "react";
-import { Typography as x, LinearProgress as I, Table as C, TableBody as D, TableRow as E, TableCell as c } from "@mui/material";
-import { sortObjectByValueDesc as F } from "./visualization.es15.js";
-import H from "./visualization.es27.js";
-import V from "./visualization.es28.js";
-import W from "./visualization.es24.js";
-import q from "./visualization.es23.js";
-import A from "./visualization.es29.js";
-import { defaultStyles as G } from "./visualization.es30.js";
-import J from "./visualization.es31.js";
-const eo = ({
-  data: s,
-  tooltipTitle: j,
-  label: p,
-  loading: y = !1,
-  sortDescending: d = !1,
-  getColor: l,
-  formatLabel: h,
-  style: g
+import { jsxs as i, jsx as e } from "react/jsx-runtime";
+import { useMemo as y, useRef as I } from "react";
+import { Typography as g, LinearProgress as C, Table as D, TableBody as F, TableRow as H, TableCell as p } from "@mui/material";
+import { sortObjectByValueDesc as V } from "./visualization.es15.js";
+import W from "./visualization.es58.js";
+import q from "./visualization.es53.js";
+import A from "./visualization.es22.js";
+import E from "./visualization.es21.js";
+import G from "./visualization.es76.js";
+import { defaultStyles as J } from "./visualization.es51.js";
+import K from "./visualization.es77.js";
+const ro = ({
+  data: l,
+  tooltipTitle: b,
+  label: d,
+  loading: T = !1,
+  sortDescending: h = !1,
+  getColor: s,
+  formatLabel: u,
+  style: v
 }) => {
   const {
-    containerRef: b,
-    TooltipInPortal: T
-  } = H({
+    containerRef: x,
+    TooltipInPortal: S
+  } = W({
     scroll: !0,
     detectBounds: !0
-  }), e = f(() => s ? d ? F(s) : s : null, [s, d]), v = T, {
-    tooltipLeft: S,
-    tooltipTop: P,
-    tooltipOpen: R,
-    showTooltip: B,
-    hideTooltip: O
-  } = V(), u = e ? Object.values(e).reduce((t, r) => t + r, 0) : 0, n = z(null), a = n?.current ? n.current.offsetWidth : 0, k = W({
-    domain: [0, u],
-    range: [0, a]
-  }), w = q({
+  }), t = y(() => l ? h ? V(l) : l : null, [l, h]), P = S, {
+    tooltipLeft: j,
+    tooltipTop: B,
+    tooltipOpen: O,
+    showTooltip: R,
+    hideTooltip: k
+  } = q(), f = t ? Object.values(t).reduce((o, r) => o + r, 0) : 0, a = I(null), c = a?.current ? a.current.offsetWidth : 0, w = A({
+    domain: [0, f],
+    range: [0, c]
+  }), L = E({
     domain: [""],
     range: [0, 0]
-  }), L = (t) => {
-    const r = J(t, t);
-    r && B({
+  }), M = (o) => {
+    const r = K(o, o);
+    r && R({
       tooltipLeft: r.x,
       tooltipTop: r.y
     });
-  }, M = f(() => ({
-    data: e ? [e] : [],
-    keys: e ? Object.keys(e) : [],
-    color: l
-  }), [e, l]), i = 10;
-  return /* @__PURE__ */ o.jsxs("div", { style: {
-    ...g
-  }, ref: n, children: [
-    p && /* @__PURE__ */ o.jsx(x, { variant: "caption", children: p }),
-    y ? /* @__PURE__ */ o.jsx(I, {}) : /* @__PURE__ */ o.jsxs("div", { style: {
+  }, z = y(() => ({
+    data: t ? [t] : [],
+    keys: t ? Object.keys(t) : [],
+    color: s
+  }), [t, s]), n = 10;
+  return /* @__PURE__ */ i("div", { style: {
+    ...v
+  }, ref: a, children: [
+    d && /* @__PURE__ */ e(g, { variant: "caption", children: d }),
+    T ? /* @__PURE__ */ e(C, {}) : /* @__PURE__ */ i("div", { style: {
       position: "relative"
     }, children: [
-      /* @__PURE__ */ o.jsx("svg", { width: a, height: 4, style: {
+      /* @__PURE__ */ e("svg", { width: c, height: 4, style: {
         display: "block"
-      }, children: /* @__PURE__ */ o.jsx(A, { ...M, xScale: k, yScale: w, y: () => "", height: 4 }) }),
-      /* @__PURE__ */ o.jsx("div", { ref: b, style: {
+      }, children: /* @__PURE__ */ e(G, { ...z, xScale: w, yScale: L, y: () => "", height: 4 }) }),
+      /* @__PURE__ */ e("div", { ref: x, style: {
         position: "absolute",
-        left: -i,
-        top: -i,
-        width: a + i * 2,
-        height: 4 + i * 2,
+        left: -n,
+        top: -n,
+        width: c + n * 2,
+        height: 4 + n * 2,
         zIndex: 2,
         background: "transparent"
-      }, onMouseMove: (t) => L(t), onMouseLeave: O })
+      }, onMouseMove: (o) => M(o), onMouseLeave: k })
     ] }),
-    R && e && /* @__PURE__ */ o.jsxs(v, { top: P, left: S, style: {
+    O && t && /* @__PURE__ */ i(P, { top: B, left: j, style: {
       zIndex: 1e3,
-      ...G
+      ...J
     }, children: [
-      /* @__PURE__ */ o.jsx(x, { children: j }),
-      /* @__PURE__ */ o.jsx(C, { size: "small", children: /* @__PURE__ */ o.jsx(D, { sx: {
+      /* @__PURE__ */ e(g, { children: b }),
+      /* @__PURE__ */ e(D, { size: "small", children: /* @__PURE__ */ e(F, { sx: {
         "& tr:last-of-type td, & tr:last-of-type th": {
           border: 0
         }
-      }, children: Object.keys(e).map((t, r) => {
-        const m = e[t];
-        return /* @__PURE__ */ o.jsxs(E, { children: [
-          /* @__PURE__ */ o.jsxs(c, { children: [
-            /* @__PURE__ */ o.jsx("span", { style: {
+      }, children: Object.keys(t).map((o, r) => {
+        const m = t[o];
+        return /* @__PURE__ */ i(H, { children: [
+          /* @__PURE__ */ i(p, { children: [
+            /* @__PURE__ */ e("span", { style: {
               display: "inline-block",
               width: 12,
               height: 12,
               marginRight: 6,
               borderRadius: "50%",
-              backgroundColor: l(t)
+              backgroundColor: s(o)
             } }),
-            h ? h(t) : t
+            u ? u(o) : o
           ] }),
-          /* @__PURE__ */ o.jsx(c, { align: "right", children: m }),
-          /* @__PURE__ */ o.jsxs(c, { align: "right", children: [
-            (m / u * 100).toFixed(2),
+          /* @__PURE__ */ e(p, { align: "right", children: m }),
+          /* @__PURE__ */ i(p, { align: "right", children: [
+            (m / f * 100).toFixed(2),
             "%"
           ] })
         ] }, r);
@@ -102,6 +102,6 @@ const eo = ({
   ] });
 };
 export {
-  eo as ProportionsBar
+  ro as ProportionsBar
 };
 //# sourceMappingURL=visualization.es12.js.map

package/dist/visualization.es12.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es12.js","sources":["../src/components/ProportionsBar/ProportionsBar.tsx"],"sourcesContent":["import React, { useMemo, useRef } from \"react\";\nimport { BarStackHorizontal } from \"@visx/shape\";\nimport { scaleBand, scaleLinear } from \"@visx/scale\";\nimport { useTooltip, defaultStyles, useTooltipInPortal, TooltipInPortalProps } from \"@visx/tooltip\";\nimport { localPoint } from \"@visx/event\";\nimport { LinearProgress, Table, TableBody, TableCell, TableRow, Typography } from \"@mui/material\";\nimport { ProportionsBarProps } from \"./types\";\nimport { sortObjectByValueDesc } from \"./helpers\";\n\nexport const ProportionsBar = <K extends string>({\n  data,\n  tooltipTitle,\n  label,\n  loading = false,\n  sortDescending = false,\n  getColor,\n  formatLabel,\n  style,\n}: ProportionsBarProps<K>) => {\n  const { containerRef, TooltipInPortal } = useTooltipInPortal({\n    scroll: true,\n    detectBounds: true,\n  });\n\n  const plotData = useMemo(() => {\n    if (!data) return null\n    return sortDescending ? sortObjectByValueDesc(data) : data\n  }, [data, sortDescending]);\n\n  //Fix weird type error on build\n  //Type error: 'TooltipInPortal' cannot be used as a JSX component.\n  const TooltipComponent = TooltipInPortal as unknown as React.FC<TooltipInPortalProps>;\n\n  const { tooltipLeft, tooltipTop, tooltipOpen, showTooltip, hideTooltip } = useTooltip();\n\n  const totalCount = plotData ? (Object.values(plotData) as number[]).reduce((prev, curr) => prev + curr, 0) : 0;\n\n  const outerDivRef = useRef<HTMLDivElement>(null)\n\n  const width = outerDivRef?.current ? outerDivRef.current.offsetWidth : 0\n\n  const barLengthScale = scaleLinear<number>({\n    domain: [0, totalCount],\n    range: [0, width],\n  });\n\n  //Not actually using since this is only a single bar\n  const uselessScale = scaleBand<string>({\n    domain: [\"\"],\n    range: [0, 0],\n  });\n\n  const handleMouseOver = (event: React.MouseEvent<HTMLDivElement, MouseEvent>) => {\n    const coords = localPoint(event, event);\n    if (!coords) return\n    showTooltip({\n      tooltipLeft: coords.x,\n      tooltipTop: coords.y,\n    });\n  };\n\n  const sharedProps = useMemo(\n    () => ({\n      data: plotData ? [plotData] : [],\n      keys: plotData ? (Object.keys(plotData) as K[]) : [],\n      color: getColor,\n    }),\n    [plotData, getColor]\n  );\n\n  const hitboxPadding = 10;\n\n  return (\n    <div style={{ ...style }} ref={outerDivRef}>\n      {label && <Typography variant=\"caption\">{label}</Typography>}\n      {loading ? (\n        <LinearProgress />\n      ) : (\n        <div style={{ position: \"relative\" }}>\n          <svg width={width} height={4} style={{ display: \"block\" }}>\n            <BarStackHorizontal\n              {...sharedProps}\n              xScale={barLengthScale}\n              yScale={uselessScale}\n              y={() => \"\"}\n              height={4}\n            />\n          </svg>\n          <div\n            ref={containerRef}\n            style={{\n              position: \"absolute\",\n              left: -hitboxPadding,\n              top: -hitboxPadding,\n              width: width + hitboxPadding * 2,\n              height: 4 + hitboxPadding * 2,\n              zIndex: 2,\n              background: \"transparent\",\n            }}\n            onMouseMove={(e) => handleMouseOver(e)}\n            onMouseLeave={hideTooltip}\n          />\n        </div>\n      )}\n      {tooltipOpen && plotData && (\n        <TooltipComponent top={tooltipTop} left={tooltipLeft} style={{ zIndex: 1000, ...defaultStyles }}>\n          <Typography>{tooltipTitle}</Typography>\n          <Table size=\"small\">\n            <TableBody\n              sx={{\n                \"& tr:last-of-type td, & tr:last-of-type th\": {\n                  border: 0,\n                },\n              }}\n            >\n              {(Object.keys(plotData) as K[]).map((key, i) => {\n                const value = plotData[key];\n                return (\n                  <TableRow key={i}>\n                    <TableCell>\n                      <span\n                        style={{\n                          display: \"inline-block\",\n                          width: 12,\n                          height: 12,\n                          marginRight: 6,\n                          borderRadius: \"50%\",\n                          backgroundColor: getColor(key),\n                        }}\n                      />\n                      {formatLabel ? formatLabel(key) : key}\n                    </TableCell>\n                    <TableCell align=\"right\">{value}</TableCell>\n                    <TableCell align=\"right\">{((value / totalCount) * 100).toFixed(2)}%</TableCell>\n                  </TableRow>\n                );\n              })}\n            </TableBody>\n          </Table>\n        </TooltipComponent>\n      )}\n    </div>\n  );\n};\n"],"names":["ProportionsBar","data","tooltipTitle","label","loading","sortDescending","getColor","formatLabel","style","containerRef","TooltipInPortal","useTooltipInPortal","scroll","detectBounds","plotData","useMemo","sortObjectByValueDesc","TooltipComponent","tooltipLeft","tooltipTop","tooltipOpen","showTooltip","hideTooltip","useTooltip","totalCount","Object","values","reduce","prev","curr","outerDivRef","useRef","width","current","offsetWidth","barLengthScale","scaleLinear","domain","range","uselessScale","scaleBand","handleMouseOver","event","coords","localPoint","x","y","sharedProps","keys","color","hitboxPadding","jsxs","jsx","Typography","LinearProgress","position","display","BarStackHorizontal","left","top","height","zIndex","background","e","defaultStyles","Table","TableBody","border","map","key","i","value","TableRow","TableCell","marginRight","borderRadius","backgroundColor","toFixed"],"mappings":"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"}
+{"version":3,"file":"visualization.es12.js","sources":["../src/components/ProportionsBar/ProportionsBar.tsx"],"sourcesContent":["import React, { useMemo, useRef } from \"react\";\nimport { BarStackHorizontal } from \"@visx/shape\";\nimport { scaleBand, scaleLinear } from \"@visx/scale\";\nimport { useTooltip, defaultStyles, useTooltipInPortal, TooltipInPortalProps } from \"@visx/tooltip\";\nimport { localPoint } from \"@visx/event\";\nimport { LinearProgress, Table, TableBody, TableCell, TableRow, Typography } from \"@mui/material\";\nimport { ProportionsBarProps } from \"./types\";\nimport { sortObjectByValueDesc } from \"./helpers\";\n\nexport const ProportionsBar = <K extends string>({\n  data,\n  tooltipTitle,\n  label,\n  loading = false,\n  sortDescending = false,\n  getColor,\n  formatLabel,\n  style,\n}: ProportionsBarProps<K>) => {\n  const { containerRef, TooltipInPortal } = useTooltipInPortal({\n    scroll: true,\n    detectBounds: true,\n  });\n\n  const plotData = useMemo(() => {\n    if (!data) return null\n    return sortDescending ? sortObjectByValueDesc(data) : data\n  }, [data, sortDescending]);\n\n  //Fix weird type error on build\n  //Type error: 'TooltipInPortal' cannot be used as a JSX component.\n  const TooltipComponent = TooltipInPortal as unknown as React.FC<TooltipInPortalProps>;\n\n  const { tooltipLeft, tooltipTop, tooltipOpen, showTooltip, hideTooltip } = useTooltip();\n\n  const totalCount = plotData ? (Object.values(plotData) as number[]).reduce((prev, curr) => prev + curr, 0) : 0;\n\n  const outerDivRef = useRef<HTMLDivElement>(null)\n\n  const width = outerDivRef?.current ? outerDivRef.current.offsetWidth : 0\n\n  const barLengthScale = scaleLinear<number>({\n    domain: [0, totalCount],\n    range: [0, width],\n  });\n\n  //Not actually using since this is only a single bar\n  const uselessScale = scaleBand<string>({\n    domain: [\"\"],\n    range: [0, 0],\n  });\n\n  const handleMouseOver = (event: React.MouseEvent<HTMLDivElement, MouseEvent>) => {\n    const coords = localPoint(event, event);\n    if (!coords) return\n    showTooltip({\n      tooltipLeft: coords.x,\n      tooltipTop: coords.y,\n    });\n  };\n\n  const sharedProps = useMemo(\n    () => ({\n      data: plotData ? [plotData] : [],\n      keys: plotData ? (Object.keys(plotData) as K[]) : [],\n      color: getColor,\n    }),\n    [plotData, getColor]\n  );\n\n  const hitboxPadding = 10;\n\n  return (\n    <div style={{ ...style }} ref={outerDivRef}>\n      {label && <Typography variant=\"caption\">{label}</Typography>}\n      {loading ? (\n        <LinearProgress />\n      ) : (\n        <div style={{ position: \"relative\" }}>\n          <svg width={width} height={4} style={{ display: \"block\" }}>\n            <BarStackHorizontal\n              {...sharedProps}\n              xScale={barLengthScale}\n              yScale={uselessScale}\n              y={() => \"\"}\n              height={4}\n            />\n          </svg>\n          <div\n            ref={containerRef}\n            style={{\n              position: \"absolute\",\n              left: -hitboxPadding,\n              top: -hitboxPadding,\n              width: width + hitboxPadding * 2,\n              height: 4 + hitboxPadding * 2,\n              zIndex: 2,\n              background: \"transparent\",\n            }}\n            onMouseMove={(e) => handleMouseOver(e)}\n            onMouseLeave={hideTooltip}\n          />\n        </div>\n      )}\n      {tooltipOpen && plotData && (\n        <TooltipComponent top={tooltipTop} left={tooltipLeft} style={{ zIndex: 1000, ...defaultStyles }}>\n          <Typography>{tooltipTitle}</Typography>\n          <Table size=\"small\">\n            <TableBody\n              sx={{\n                \"& tr:last-of-type td, & tr:last-of-type th\": {\n                  border: 0,\n                },\n              }}\n            >\n              {(Object.keys(plotData) as K[]).map((key, i) => {\n                const value = plotData[key];\n                return (\n                  <TableRow key={i}>\n                    <TableCell>\n                      <span\n                        style={{\n                          display: \"inline-block\",\n                          width: 12,\n                          height: 12,\n                          marginRight: 6,\n                          borderRadius: \"50%\",\n                          backgroundColor: getColor(key),\n                        }}\n                      />\n                      {formatLabel ? formatLabel(key) : key}\n                    </TableCell>\n                    <TableCell align=\"right\">{value}</TableCell>\n                    <TableCell align=\"right\">{((value / totalCount) * 100).toFixed(2)}%</TableCell>\n                  </TableRow>\n                );\n              })}\n            </TableBody>\n          </Table>\n        </TooltipComponent>\n      )}\n    </div>\n  );\n};\n"],"names":["ProportionsBar","data","tooltipTitle","label","loading","sortDescending","getColor","formatLabel","style","containerRef","TooltipInPortal","useTooltipInPortal","scroll","detectBounds","plotData","useMemo","sortObjectByValueDesc","TooltipComponent","tooltipLeft","tooltipTop","tooltipOpen","showTooltip","hideTooltip","useTooltip","totalCount","Object","values","reduce","prev","curr","outerDivRef","useRef","width","current","offsetWidth","barLengthScale","scaleLinear","domain","range","uselessScale","scaleBand","handleMouseOver","event","coords","localPoint","x","y","sharedProps","keys","color","hitboxPadding","jsxs","jsx","Typography","LinearProgress","position","display","BarStackHorizontal","left","top","height","zIndex","background","e","defaultStyles","Table","TableBody","border","map","key","i","value","TableRow","TableCell","marginRight","borderRadius","backgroundColor","toFixed"],"mappings":"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"}