@weng-lab/visualization 1.2.0 → 1.2.2

package/dist/src/components/TreeMap/SingleNode.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SingleNode.d.ts","sourceRoot":"","sources":["../../../../src/components/TreeMap/SingleNode.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAO1C,QAAA,MAAM,UAAU,GAAI,CAAC,EACjB,OAAO,eAAe,CAAC,CAAC,CAAC,4CAwG5B,CAAC;AAEF,eAAe,UAAU,CAAC"}
+{"version":3,"file":"SingleNode.d.ts","sourceRoot":"","sources":["../../../../src/components/TreeMap/SingleNode.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAO1C,QAAA,MAAM,UAAU,GAAI,CAAC,EACjB,OAAO,eAAe,CAAC,CAAC,CAAC,4CA+G5B,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/dist/src/components/TreeMap/TreeMap.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TreeMap.d.ts","sourceRoot":"","sources":["../../../../src/components/TreeMap/TreeMap.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAe,YAAY,EAAE,MAAM,SAAS,CAAC;AAQpD,QAAA,MAAM,OAAO,GAAI,CAAC,SAAS,MAAM,EAC7B,OAAO,YAAY,CAAC,CAAC,CAAC,4CAuFzB,CAAC;AAEF,eAAe,OAAO,CAAC"}
+{"version":3,"file":"TreeMap.d.ts","sourceRoot":"","sources":["../../../../src/components/TreeMap/TreeMap.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAe,YAAY,EAAE,MAAM,SAAS,CAAC;AAQpD,QAAA,MAAM,OAAO,GAAI,CAAC,SAAS,MAAM,EAC7B,OAAO,YAAY,CAAC,CAAC,CAAC,4CAmHzB,CAAC;AAEF,eAAe,OAAO,CAAC"}

package/dist/src/components/TreeMap/helpers.d.ts

@@ -1,11 +1,13 @@
 import { HierarchyRectangularNode } from '@visx/hierarchy/lib/types';
 import { AnimationType, TreemapNode, TreemapProps } from './types';
 import { Transition } from 'framer-motion';
-export declare function getLabelPlacement(node: HierarchyRectangularNode<TreemapNode<any>>, placement: TreemapProps<any>["labelPlacement"], showValue?: boolean): {
+export declare function getLabelPlacement(node: HierarchyRectangularNode<TreemapNode<any>>, placement: TreemapProps<any>["labelPlacement"], showValue?: boolean, hasChildren?: boolean): {
     textX: number;
     textY: number;
     valueY: number;
-    anchor: string;
+    valueX: number;
+    textAnchor: string;
+    valueAnchor: string;
     baseline: string;
 };
 export declare function measureTextWidth(text: string, fontSize: number, fontFamily: string): number;

package/dist/src/components/TreeMap/helpers.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"helpers.d.ts","sourceRoot":"","sources":["../../../../src/components/TreeMap/helpers.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,wBAAwB,EAAE,MAAM,2BAA2B,CAAC;AACrE,OAAO,EAAE,aAAa,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AACnE,OAAO,EAAW,UAAU,EAAE,MAAM,eAAe,CAAC;AAGpD,wBAAgB,iBAAiB,CAC7B,IAAI,EAAE,wBAAwB,CAAC,WAAW,CAAC,GAAG,CAAC,CAAC,EAChD,SAAS,EAAE,YAAY,CAAC,GAAG,CAAC,CAAC,gBAAgB,CAAC,EAC9C,SAAS,CAAC,EAAE,OAAO;;;;;;EAiDtB;AAGD,wBAAgB,gBAAgB,CAAC,IAAI,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,UAMlF;AAGD,wBAAgB,mBAAmB,CACjC,IAAI,EAAE,MAAM,EACZ,QAAQ,EAAE,MAAM,EAChB,QAAQ,EAAE,MAAM,EAChB,UAAU,EAAE,MAAM,GACjB,MAAM,CAgBR;AAED,eAAO,MAAM,iBAAiB,GAAI,MAAM,aAAa,GAAG,SAAS,EAAE,OAAO,MAAM;;;;;gBAMhD,UAAU;;;;;;;;;;;;;;gBAAV,UAAU;;;;;;;;;;;;;;gBAAV,UAAU;;;;;;;;;;;;;;gBAAV,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;CA4BzC,CAAC"}
+{"version":3,"file":"helpers.d.ts","sourceRoot":"","sources":["../../../../src/components/TreeMap/helpers.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,wBAAwB,EAAE,MAAM,2BAA2B,CAAC;AACrE,OAAO,EAAE,aAAa,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AACnE,OAAO,EAAW,UAAU,EAAE,MAAM,eAAe,CAAC;AAGpD,wBAAgB,iBAAiB,CAC7B,IAAI,EAAE,wBAAwB,CAAC,WAAW,CAAC,GAAG,CAAC,CAAC,EAChD,SAAS,EAAE,YAAY,CAAC,GAAG,CAAC,CAAC,gBAAgB,CAAC,EAC9C,SAAS,CAAC,EAAE,OAAO,EACnB,WAAW,CAAC,EAAE,OAAO;;;;;;;;EA2DxB;AAGD,wBAAgB,gBAAgB,CAAC,IAAI,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,UAMlF;AAGD,wBAAgB,mBAAmB,CACjC,IAAI,EAAE,MAAM,EACZ,QAAQ,EAAE,MAAM,EAChB,QAAQ,EAAE,MAAM,EAChB,UAAU,EAAE,MAAM,GACjB,MAAM,CAgBR;AAED,eAAO,MAAM,iBAAiB,GAAI,MAAM,aAAa,GAAG,SAAS,EAAE,OAAO,MAAM;;;;;gBAMhD,UAAU;;;;;;;;;;;;;;gBAAV,UAAU;;;;;;;;;;;;;;gBAAV,UAAU;;;;;;;;;;;;;;gBAAV,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;CA4BzC,CAAC"}

package/dist/src/components/TreeMap/types.d.ts

@@ -6,8 +6,13 @@ export type AnimationType = "fade" | "scale" | "slideUp" | "slideRight" | "pop";
 export type TreemapNode<T> = {
     label: string;
     value: number;
-    color?: string;
     children?: TreemapNode<T>[];
+    style?: {
+        color?: string;
+        labelColor?: string;
+        strokeWidth?: number;
+        strokeColor?: string;
+    };
     metaData?: T;
 };
 export type TreemapProps<T> = {
@@ -23,6 +28,7 @@ export type TreemapProps<T> = {
         borderRadius?: number;
         strokeWidth?: number;
         fontSize?: number;
+        opacity?: number;
     };
     /**
      * Visx has a few built in tiling methods that can be changed here
@@ -40,6 +46,7 @@ export type SingleNodeProps<T> = {
     isHovered: boolean;
     onHover: (hovered: boolean) => void;
     strokeWidth: number;
+    opacity: number;
     borderRadius: number;
     fontSize: number;
     labelPlacement: "middle" | "topRight" | "topLeft" | "bottomLeft" | "bottomRight";

package/dist/src/components/TreeMap/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/TreeMap/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,wBAAwB,EAAE,MAAM,2BAA2B,CAAC;AACrE,OAAO,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AACrC,OAAO,EAAE,kBAAkB,EAAE,MAAM,eAAe,CAAC;AAEnD,MAAM,MAAM,OAAO,GAAG,iBAAiB,GAAG,eAAe,GAAG,aAAa,GAAG,mBAAmB,GAAG,cAAc,GAAG,kBAAkB,CAAA;AAErI,MAAM,MAAM,aAAa,GAAG,MAAM,GAAG,OAAO,GAAG,SAAS,GAAG,YAAY,GAAG,KAAK,CAAC;AAEhF,MAAM,MAAM,WAAW,CAAC,CAAC,IAAI;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,WAAW,CAAC,CAAC,CAAC,EAAE,CAAC;IAC5B,QAAQ,CAAC,EAAE,CAAC,CAAC;CACd,CAAA;AAED,MAAM,MAAM,YAAY,CAAC,CAAC,IAAI;IAC1B,IAAI,EAAE,WAAW,CAAC,CAAC,CAAC,EAAE,CAAC;IAEvB,YAAY,CAAC,EAAE;QACb;;;WAGG;QACH,OAAO,CAAC,EAAE,MAAM,CAAC;QACjB,YAAY,CAAC,EAAE,MAAM,CAAC;QACtB,YAAY,CAAC,EAAE,MAAM,CAAC;QACtB,YAAY,CAAC,EAAE,MAAM,CAAC;QACtB,WAAW,CAAC,EAAE,MAAM,CAAC;QACrB,QAAQ,CAAC,EAAE,MAAM,CAAC;KACnB,CAAA;IACD;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,cAAc,CAAC,EAAE,QAAQ,GAAG,UAAU,GAAG,SAAS,GAAG,YAAY,GAAG,aAAa,CAAC;IAClF,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC,CAAC,KAAK,YAAY,CAAC;IACrD,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,WAAW,CAAC,CAAC,CAAC,KAAK,IAAI,CAAC;IAChD,SAAS,CAAC,EAAE,aAAa,CAAC;IAC1B,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,kBAAkB,CAAC,CAAA;IACnC,gBAAgB,CAAC,EAAE,MAAM,CAAC;CAC7B,CAAA;AAED,MAAM,MAAM,eAAe,CAAC,CAAC,IAAI;IAC7B,IAAI,EAAE,wBAAwB,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC;IAC/C,SAAS,EAAE,OAAO,CAAC;IACnB,OAAO,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IACpC,WAAW,EAAE,MAAM,CAAC;IACpB,YAAY,EAAE,MAAM,CAAC;IACrB,QAAQ,EAAE,MAAM,CAAC;IACjB,cAAc,EAAE,QAAQ,GAAG,UAAU,GAAG,SAAS,GAAG,YAAY,GAAG,aAAa,CAAC;IACjF,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC,CAAC,KAAK,YAAY,CAAA;IACpD,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,WAAW,CAAC,CAAC,CAAC,KAAK,IAAI,CAAC;CACnD,CAAA;AAED,MAAM,MAAM,cAAc,GAAG;IACzB,EAAE,EAAE,MAAM,CAAC;IACX,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;CACjB,CAAA"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/TreeMap/types.ts"],"names":[],"mappings":"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"}

package/dist/visualization.es.js

@@ -50630,15 +50630,17 @@ const Pne = {
   ...Tne,
   ...kne
 }, Hne = /* @__PURE__ */ Nte(Nne, Zte);
-function _ne(t, e, r) {
-  const a = (t.x0 + t.x1) / 2, i = (t.y0 + t.y1) / 2;
+function _ne(t, e, r, n) {
+  const i = (t.x0 + t.x1) / 2, o = (t.y0 + t.y1) / 2;
   switch (e) {
     case "topLeft":
       return {
         textX: t.x0 + 6,
         textY: t.y0 + 10,
-        valueY: t.y0 + 40,
-        anchor: "start",
+        valueY: n ? t.y0 + 17 : t.y0 + 40,
+        valueX: n ? t.x1 - 6 : t.x0 + 6,
+        textAnchor: "start",
+        valueAnchor: n ? "end" : "start",
         baseline: "hanging"
       };
     case "topRight":
@@ -50646,7 +50648,9 @@ function _ne(t, e, r) {
         textX: t.x1 - 6,
         textY: t.y0 + 10,
         valueY: t.y0 + 40,
-        anchor: "end",
+        valueX: t.x1 - 6,
+        textAnchor: "end",
+        valueAnchor: "end",
         baseline: "hanging"
       };
     case "bottomLeft":
@@ -50654,7 +50658,9 @@ function _ne(t, e, r) {
         textX: t.x0 + 6,
         textY: r ? t.y1 - 35 : t.y1 - 15,
         valueY: t.y1 - 15,
-        anchor: "start",
+        valueX: t.x0 + 6,
+        textAnchor: "start",
+        valueAnchor: "start",
         baseline: "baseline"
       };
     case "bottomRight":
@@ -50662,16 +50668,20 @@ function _ne(t, e, r) {
         textX: t.x1 - 6,
         textY: r ? t.y1 - 35 : t.y1 - 15,
         valueY: t.y1 - 15,
-        anchor: "end",
+        valueX: t.x1 - 6,
+        textAnchor: "end",
+        valueAnchor: "end",
         baseline: "baseline"
       };
     case "middle":
     default:
       return {
-        textX: a,
-        textY: r ? i - 5 : i + 5,
-        valueY: i + 15,
-        anchor: "middle",
+        textX: i,
+        textY: r ? o - 5 : o + 5,
+        valueY: o + 15,
+        valueX: i,
+        textAnchor: "middle",
+        valueAnchor: "middle",
         baseline: "middle"
       };
   }
@@ -50746,29 +50756,30 @@ const Gne = (t, e) => {
     )
   ] });
 }, zne = (t) => {
-  const e = t.fontSize, r = t.node.data.color || "black", n = t.isHovered ? t.strokeWidth + 2 : t.strokeWidth, a = t.node.x1 - t.node.x0, i = t.node.y1 - t.node.y0, o = t.node.data.label, A = Kne(o, a - 8, e, "sans-serif"), s = i > 55 && a > 50, l = i > 20, { textX: u, textY: c, anchor: f, baseline: d, valueY: h } = _ne(
+  const e = t.node.parent !== void 0 && t.node.parent?.data.label !== "root", r = t.node.children !== void 0 && t.node.children.length > 0, n = t.fontSize, a = e ? t.node.parent?.data.style?.color || "black" : t.node.data.style?.color || "black", i = t.node.data.style?.labelColor || a, o = t.node.data.style?.strokeColor || a, A = t.node.data.style?.strokeWidth === 0 ? 0 : t.node.data.style?.strokeWidth || t.strokeWidth, s = t.isHovered ? A + 2 : A, l = t.node.x1 - t.node.x0, u = t.node.y1 - t.node.y0, c = t.node.data.label, f = Kne(c, l - 8, n, "sans-serif"), d = u > 55 && l > 50, h = u > 20, { textX: p, textY: g, textAnchor: v, valueAnchor: y, baseline: m, valueY: w, valueX: C } = _ne(
     t.node,
     t.labelPlacement,
-    s
+    d,
+    r
   ), {
-    tooltipData: p,
-    tooltipLeft: g,
-    tooltipTop: v,
-    tooltipOpen: y,
-    showTooltip: m,
-    hideTooltip: w
-  } = $f(), C = Ke(
-    (b) => {
+    tooltipData: T,
+    tooltipLeft: b,
+    tooltipTop: E,
+    tooltipOpen: x,
+    showTooltip: B,
+    hideTooltip: F
+  } = $f(), U = Ke(
+    (I) => {
       if (!t.tooltipBody) return;
-      const E = t.tooltipBody(t.node.data);
-      m({
-        tooltipLeft: b.clientX + 10,
-        tooltipTop: b.clientY + 10,
-        tooltipData: E
+      const L = t.tooltipBody(t.node.data);
+      B({
+        tooltipLeft: I.clientX + 10,
+        tooltipTop: I.clientY + 10,
+        tooltipData: L
       });
     },
-    [t.tooltipBody, t.node.data, m]
-  ), T = () => {
+    [t.tooltipBody, t.node.data, B]
+  ), S = () => {
     t.onNodeClicked && t.onNodeClicked(t.node.data);
   };
   return /* @__PURE__ */ V.jsxs(Ie.Fragment, { children: [
@@ -50777,10 +50788,10 @@ const Gne = (t, e) => {
       {
         onMouseEnter: () => t.onHover(!0),
         onMouseLeave: () => {
-          t.onHover(!1), w?.();
+          t.onHover(!1), F?.();
         },
-        onMouseMove: C,
-        onClick: T,
+        onMouseMove: U,
+        onClick: S,
         style: { cursor: "pointer", transition: "stroke-width 0.2s" },
         children: [
           /* @__PURE__ */ V.jsx(
@@ -50788,42 +50799,42 @@ const Gne = (t, e) => {
             {
               x: t.node.x0,
               y: t.node.y0,
-              width: a,
-              height: i,
-              fill: r,
-              fillOpacity: 0.3,
-              stroke: r,
-              strokeWidth: n,
+              width: l,
+              height: u,
+              fill: a,
+              fillOpacity: t.opacity,
+              stroke: o,
+              strokeWidth: s,
               rx: t.borderRadius
             }
           ),
-          l && /* @__PURE__ */ V.jsx(
+          h && /* @__PURE__ */ V.jsx(
             "text",
             {
-              x: u,
-              y: c,
-              textAnchor: f,
-              dominantBaseline: d,
-              fill: r,
+              x: p,
+              y: g,
+              textAnchor: v,
+              dominantBaseline: m,
+              fill: i,
               fontSize: t.fontSize,
               fontWeight: 500,
-              children: A
+              children: f
             }
           ),
-          s && /* @__PURE__ */ V.jsx(
+          d && /* @__PURE__ */ V.jsx(
             $ne,
             {
-              cx: u,
-              cy: h,
-              color: r,
+              cx: C,
+              cy: w,
+              color: i,
               value: t.node.data.value,
-              align: f
+              align: y
             }
           )
         ]
       }
     ),
-    t.tooltipBody && y && p && /* @__PURE__ */ V.jsx(xA, { children: /* @__PURE__ */ V.jsx(Yf, { left: (g ?? 0) + 10, top: v, children: p }) })
+    t.tooltipBody && x && T && /* @__PURE__ */ V.jsx(xA, { children: /* @__PURE__ */ V.jsx(Yf, { left: (b ?? 0) + 10, top: E, children: T }) })
   ] }, `frag-${t.node.data.label}`);
 }, oae = (t) => {
   const { parentRef: e, width: r, height: n } = rd(), [a, i] = Je(null), o = yt(null), A = lw({ label: "root", value: 0, children: t.data }).sum((f) => f.value).sort((f, d) => (d.value || 0) - (f.value || 0)), s = {
@@ -50848,24 +50859,36 @@ const Gne = (t, e) => {
       size: [r, n],
       paddingInner: u,
       paddingOuter: c,
-      tile: s[t.tileMethod ?? "treemapResquarify"],
-      children: (f) => f.descendants().filter((d) => d.depth > 0).map((d, h) => {
-        const p = d.ancestors().map((y) => y.data.label).join("/"), g = t.animation ? Hne.g : "g", v = Gne(t.animation, h);
-        return /* @__PURE__ */ V.jsx(g, { ...v, children: /* @__PURE__ */ V.jsx(
-          zne,
-          {
-            node: d,
-            isHovered: a === p,
-            onHover: (y) => i(y ? p : null),
-            strokeWidth: l.strokeWidth ?? 0,
-            borderRadius: l.borderRadius ?? 0,
-            fontSize: l.fontSize ?? 16,
-            labelPlacement: t.labelPlacement ?? "middle",
-            tooltipBody: t.tooltipBody,
-            onNodeClicked: t.onNodeClicked
-          }
-        ) }, `node-${h}`);
-      })
+      tile: s[t.tileMethod ?? "treemapBinary"],
+      children: (f) => {
+        const d = l.fontSize ? l.fontSize * 2 : 32, h = (p) => {
+          if (!p.children || p.children.length === 0) return;
+          const g = p.y0, y = p.y1 - g;
+          if (y <= d + 1) return;
+          const m = (y - d) / y;
+          p.children.forEach((w) => {
+            w.y0 = g + d + (w.y0 - g) * m, w.y1 = g + d + (w.y1 - g) * m;
+          }), p.children.forEach(h);
+        };
+        return f.children && f.children.forEach(h), f.descendants().filter((p) => p.depth > 0).map((p, g) => {
+          const v = p.ancestors().map((w) => w.data.label).join("/"), y = t.animation ? Hne.g : "g", m = Gne(t.animation, g);
+          return /* @__PURE__ */ V.jsx(y, { ...m, children: /* @__PURE__ */ V.jsx(
+            zne,
+            {
+              node: p,
+              isHovered: a === v,
+              onHover: (w) => i(w ? v : null),
+              strokeWidth: l.strokeWidth ?? 0,
+              opacity: l.opacity ?? 0.3,
+              borderRadius: l.borderRadius ?? 0,
+              fontSize: l.fontSize ?? 16,
+              labelPlacement: t.labelPlacement ?? "topLeft",
+              tooltipBody: t.tooltipBody,
+              onNodeClicked: t.onNodeClicked
+            }
+          ) }, `node-${g}`);
+        });
+      }
     }
   ) }) });
 }, Aae = (t, e, r) => {