@weng-lab/visualization 2.4.0-beta.2 → 2.4.0-beta.3

package/dist/visualization.es98.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es98.js","sources":["../src/components/TreeMap/ValueOval.tsx"],"sourcesContent":["import { ValueOvalProps } from \"./types\";\nimport { measureTextWidth } from \"./helpers\";\n\nconst ValueOval: React.FC<ValueOvalProps> = ({ cx, cy, value, color, align }) => {\n    const fontSize = 12;\n    const text = `${value}`;\n    const textWidth = measureTextWidth(text, fontSize, \"sans-serif\");\n    const padding = 6;\n    const ovalWidth = textWidth + padding * 2;\n    const ovalHeight = fontSize * 1.8;\n\n    let xPos = cx;\n    if (align === \"start\") xPos += ovalWidth / 2;\n    if (align === \"end\") xPos -= ovalWidth / 2;\n\n    return (\n        <>\n            <rect\n                x={xPos - ovalWidth / 2}\n                y={cy - ovalHeight / 2}\n                width={ovalWidth}\n                height={ovalHeight}\n                rx={ovalHeight / 2}\n                fill={color}\n            />\n            <text\n                x={xPos}\n                y={cy + 1}\n                textAnchor=\"middle\"\n                dominantBaseline=\"middle\"\n                fill=\"white\"\n                fontSize={fontSize}\n                fontWeight={500}\n            >\n                {text}\n            </text>\n        </>\n    );\n};\n\nexport default ValueOval;"],"names":["ValueOval","t0","$","_c","cx","cy","value","color","align","text","ovalWidth","measureTextWidth","xPos","t1","t2","t3","jsx","ovalHeight","t4","t5","fontSize","t6"],"mappings":";;;AAGA,MAAMA,IAAsCC,CAAAA,MAAA;AAAA,QAAAC,IAAAC,EAAA,EAAA,GAAC;AAAA,IAAAC,IAAAA;AAAAA,IAAAC,IAAAA;AAAAA,IAAAC,OAAAA;AAAAA,IAAAC,OAAAA;AAAAA,IAAAC,OAAAA;AAAAA,EAAAA,IAAAP,GAEzCQ,IAAa,GAAGH,CAAK,IAGrBI,IAFkBC,EAAiBF,GAFlB,IAEkC,YAAY,IAEjC;AAG9B,MAAAG,IAAWR;AACX,EAAII,MAAU,YAASI,IAAAA,IAAQF,IAAY,IACvCF,MAAU,UAAOI,IAAAA,IAAQF,IAAY;AAK1B,QAAAG,IAAAD,IAAOF,IAAY,GACnBI,IAAAT,IAAK;AAAc,MAAAU;AAAA,EAAAb,EAAA,CAAA,MAAAK,KAAAL,EAAA,CAAA,MAAAQ,KAAAR,EAAA,CAAA,MAAAW,KAAAX,SAAAY,KAF1BC,IAAA,gBAAAC,EAAA,QAAA,EACO,GAAAH,GACA,GAAAC,GACIJ,OAAAA,GACCO,QAZDA,MAaH,IAAA,MACEV,MAAAA,GAAK,GACbL,OAAAK,GAAAL,OAAAQ,GAAAR,OAAAW,GAAAX,OAAAY,GAAAZ,OAAAa,KAAAA,IAAAb,EAAA,CAAA;AAGK,QAAAgB,IAAAb,IAAK;AAAC,MAAAc;AAAA,EAAAjB,EAAA,CAAA,MAAAgB,KAAAhB,SAAAO,KAAAP,EAAA,CAAA,MAAAU,KAFbO,gCACOP,GAAAA,GACA,GAAAM,GACQ,YAAA,UACM,kBAAA,UACZ,MAAA,SACKE,UA3BLA,IA4BO,YAAA,KAEXX,UAAAA,GACL,GAAOP,OAAAgB,GAAAhB,OAAAO,GAAAP,OAAAU,GAAAV,OAAAiB,KAAAA,IAAAjB,EAAA,CAAA;AAAA,MAAAmB;AAAA,SAAAnB,EAAA,CAAA,MAAAa,KAAAb,UAAAiB,KAnBXE,2BACIN,UAAAA;AAAAA,IAAAA;AAAAA,IAQAI;AAAAA,EAAAA,GAUO,GACRjB,OAAAa,GAAAb,QAAAiB,GAAAjB,QAAAmB,KAAAA,IAAAnB,EAAA,EAAA,GApBHmB;AAoBG;"}
+{"version":3,"file":"visualization.es98.js","sources":["../../../node_modules/.pnpm/motion-utils@12.36.0/node_modules/motion-utils/dist/es/easing/ease.mjs"],"sourcesContent":["import { cubicBezier } from './cubic-bezier.mjs';\n\nconst easeIn = /*@__PURE__*/ cubicBezier(0.42, 0, 1, 1);\nconst easeOut = /*@__PURE__*/ cubicBezier(0, 0, 0.58, 1);\nconst easeInOut = /*@__PURE__*/ cubicBezier(0.42, 0, 0.58, 1);\n\nexport { easeIn, easeInOut, easeOut };\n//# sourceMappingURL=ease.mjs.map\n"],"names":["easeIn","cubicBezier","easeOut","easeInOut"],"mappings":";AAEK,MAACA,IAAuB,gBAAAC,EAAY,MAAM,GAAG,GAAG,CAAC,GAChDC,IAAwB,gBAAAD,EAAY,GAAG,GAAG,MAAM,CAAC,GACjDE,IAA0B,gBAAAF,EAAY,MAAM,GAAG,MAAM,CAAC;","x_google_ignoreList":[0]}

package/dist/visualization.es99.js

@@ -1,73 +1,18 @@
-function x(t, c, a, r) {
-  const n = (t.x0 + t.x1) / 2, e = (t.y0 + t.y1) / 2;
-  switch (c) {
-    case "topLeft":
-      return {
-        textX: t.x0 + 6,
-        textY: t.y0 + 10,
-        valueY: r ? t.y0 + 17 : t.y0 + 40,
-        valueX: r ? t.x1 - 6 : t.x0 + 6,
-        textAnchor: "start",
-        valueAnchor: r ? "end" : "start",
-        baseline: "hanging"
-      };
-    case "topRight":
-      return {
-        textX: t.x1 - 6,
-        textY: t.y0 + 10,
-        valueY: t.y0 + 40,
-        valueX: t.x1 - 6,
-        textAnchor: "end",
-        valueAnchor: "end",
-        baseline: "hanging"
-      };
-    case "bottomLeft":
-      return {
-        textX: t.x0 + 6,
-        textY: a ? t.y1 - 35 : t.y1 - 15,
-        valueY: t.y1 - 15,
-        valueX: t.x0 + 6,
-        textAnchor: "start",
-        valueAnchor: "start",
-        baseline: "alphabetic"
-      };
-    case "bottomRight":
-      return {
-        textX: t.x1 - 6,
-        textY: a ? t.y1 - 35 : t.y1 - 15,
-        valueY: t.y1 - 15,
-        valueX: t.x1 - 6,
-        textAnchor: "end",
-        valueAnchor: "end",
-        baseline: "alphabetic"
-      };
-    default:
-      return {
-        textX: n,
-        textY: a ? e - 5 : e + 5,
-        valueY: e + 15,
-        valueX: n,
-        textAnchor: "middle",
-        valueAnchor: "middle",
-        baseline: "middle"
-      };
-  }
-}
-function l(t, c, a) {
-  const u = document.createElement("canvas").getContext("2d");
-  return u ? (u.font = `${c}px ${a}`, u.measureText(t).width) : 0;
-}
-function s(t, c, a, r) {
-  const n = document.createElement("canvas").getContext("2d");
-  if (!n || (n.font = `${a}px ${r}`, n.measureText(t).width <= c)) return t;
-  let e = t;
-  for (; e.length > 0 && n.measureText(e + "…").width > c; )
-    e = e.slice(0, -1);
-  return e === "" ? "" : e + "...";
+import i from "./visualization.es129.js";
+import { jsx as t } from "react/jsx-runtime";
+function a(r) {
+  let {
+    className: e,
+    innerRef: c,
+    ...s
+  } = r;
+  return /* @__PURE__ */ t("circle", {
+    ref: c,
+    className: i("visx-circle", e),
+    ...s
+  });
 }
 export {
-  x as getLabelPlacement,
-  l as measureTextWidth,
-  s as truncateTextToWidth
+  a as default
 };
 //# sourceMappingURL=visualization.es99.js.map

package/dist/visualization.es99.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es99.js","sources":["../src/components/TreeMap/helpers.ts"],"sourcesContent":["import { HierarchyRectangularNode } from \"@visx/hierarchy\";\nimport { TreemapNode, TreemapProps } from \"./types\";\n\n//get coords for label placement based on user input\nexport function getLabelPlacement(\n    node: HierarchyRectangularNode<TreemapNode<any>>,\n    placement: TreemapProps<any>[\"labelPlacement\"],\n    showValue?: boolean,\n    hasChildren?: boolean\n) {\n    const padding = 6;\n    const cx = (node.x0 + node.x1) / 2;\n    const cy = (node.y0 + node.y1) / 2;\n\n    switch (placement) {\n        case \"topLeft\":\n            return {\n                textX: node.x0 + padding,\n                textY: node.y0 + 10,\n                valueY: hasChildren ? node.y0 + 17 : node.y0 + 40,\n                valueX: hasChildren ? node.x1 - padding : node.x0 + padding,\n                textAnchor: \"start\",\n                valueAnchor: hasChildren ? \"end\" : \"start\",\n                baseline: \"hanging\",\n            } as const;\n        case \"topRight\":\n            return {\n                textX: node.x1 - padding,\n                textY: node.y0 + 10,\n                valueY: node.y0 + 40,\n                valueX: node.x1 - padding,\n                textAnchor: \"end\",\n                valueAnchor: \"end\",\n                baseline: \"hanging\",\n            } as const;\n        case \"bottomLeft\":\n            return {\n                textX: node.x0 + padding,\n                textY: showValue ? node.y1 - 35 : node.y1 - 15 ,\n                valueY: node.y1 - 15,\n                valueX: node.x0 + padding,\n                textAnchor: \"start\",\n                valueAnchor: \"start\",\n                baseline: \"alphabetic\",\n            } as const;\n        case \"bottomRight\":\n            return {\n                textX: node.x1 - padding,\n                textY: showValue ? node.y1 - 35 : node.y1 - 15,\n                valueY: node.y1 - 15,\n                valueX: node.x1 - padding,\n                textAnchor: \"end\",\n                valueAnchor: \"end\",\n                baseline: \"alphabetic\",\n            } as const;\n        case \"middle\":\n        default:\n            return {\n                textX: cx,\n                textY: showValue ? cy - 5 : cy + 5,\n                valueY: cy + 15,\n                valueX: cx,\n                textAnchor: \"middle\",\n                valueAnchor: \"middle\",\n                baseline: \"middle\",\n            } as const;\n    }\n}\n\n//Check if text exceeds box\nexport function measureTextWidth(text: string, fontSize: number, fontFamily: string) {\n    const canvas = document.createElement(\"canvas\");\n    const ctx = canvas.getContext(\"2d\");\n    if (!ctx) return 0;\n    ctx.font = `${fontSize}px ${fontFamily}`;\n    return ctx.measureText(text).width;\n}\n\n//truncate text with ... to fit in box\nexport function truncateTextToWidth(\n  text: string,\n  maxWidth: number,\n  fontSize: number,\n  fontFamily: string\n): string {\n  const canvas = document.createElement(\"canvas\");\n  const ctx = canvas.getContext(\"2d\");\n  if (!ctx) return text;\n\n  ctx.font = `${fontSize}px ${fontFamily}`;\n  if (ctx.measureText(text).width <= maxWidth) return text;\n\n  let truncated = text;\n  while (truncated.length > 0 && ctx.measureText(truncated + \"…\").width > maxWidth) {\n    truncated = truncated.slice(0, -1);\n  }\n\n  const result = truncated === \"\" ? \"\" : truncated + \"...\"\n\n  return result;\n}\n"],"names":["getLabelPlacement","node","placement","showValue","hasChildren","cx","x0","x1","cy","y0","y1","textX","padding","textY","valueY","valueX","textAnchor","valueAnchor","baseline","measureTextWidth","text","fontSize","fontFamily","ctx","document","createElement","getContext","font","measureText","width","truncateTextToWidth","maxWidth","truncated","length","slice"],"mappings":"AAIO,SAASA,EACZC,GACAC,GACAC,GACAC,GACF;AAEE,QAAMC,KAAMJ,EAAKK,KAAKL,EAAKM,MAAM,GAC3BC,KAAMP,EAAKQ,KAAKR,EAAKS,MAAM;AAEjC,UAAQR,GAAAA;AAAAA,IACJ,KAAK;AACD,aAAO;AAAA,QACHS,OAAOV,EAAKK,KAAKM;AAAAA,QACjBC,OAAOZ,EAAKQ,KAAK;AAAA,QACjBK,QAAQV,IAAcH,EAAKQ,KAAK,KAAKR,EAAKQ,KAAK;AAAA,QAC/CM,QAAQX,IAAcH,EAAKM,KAAKK,IAAUX,EAAKK,KAAKM;AAAAA,QACpDI,YAAY;AAAA,QACZC,aAAab,IAAc,QAAQ;AAAA,QACnCc,UAAU;AAAA,MAAA;AAAA,IAElB,KAAK;AACD,aAAO;AAAA,QACHP,OAAOV,EAAKM,KAAKK;AAAAA,QACjBC,OAAOZ,EAAKQ,KAAK;AAAA,QACjBK,QAAQb,EAAKQ,KAAK;AAAA,QAClBM,QAAQd,EAAKM,KAAKK;AAAAA,QAClBI,YAAY;AAAA,QACZC,aAAa;AAAA,QACbC,UAAU;AAAA,MAAA;AAAA,IAElB,KAAK;AACD,aAAO;AAAA,QACHP,OAAOV,EAAKK,KAAKM;AAAAA,QACjBC,OAAOV,IAAYF,EAAKS,KAAK,KAAKT,EAAKS,KAAK;AAAA,QAC5CI,QAAQb,EAAKS,KAAK;AAAA,QAClBK,QAAQd,EAAKK,KAAKM;AAAAA,QAClBI,YAAY;AAAA,QACZC,aAAa;AAAA,QACbC,UAAU;AAAA,MAAA;AAAA,IAElB,KAAK;AACD,aAAO;AAAA,QACHP,OAAOV,EAAKM,KAAKK;AAAAA,QACjBC,OAAOV,IAAYF,EAAKS,KAAK,KAAKT,EAAKS,KAAK;AAAA,QAC5CI,QAAQb,EAAKS,KAAK;AAAA,QAClBK,QAAQd,EAAKM,KAAKK;AAAAA,QAClBI,YAAY;AAAA,QACZC,aAAa;AAAA,QACbC,UAAU;AAAA,MAAA;AAAA,IAGlB;AACI,aAAO;AAAA,QACHP,OAAON;AAAAA,QACPQ,OAAOV,IAAYK,IAAK,IAAIA,IAAK;AAAA,QACjCM,QAAQN,IAAK;AAAA,QACbO,QAAQV;AAAAA,QACRW,YAAY;AAAA,QACZC,aAAa;AAAA,QACbC,UAAU;AAAA,MAAA;AAAA,EACd;AAEZ;AAGO,SAASC,EAAiBC,GAAcC,GAAkBC,GAAoB;AAEjF,QAAMC,IADSC,SAASC,cAAc,QAAQ,EAC3BC,WAAW,IAAI;AAClC,SAAKH,KACLA,EAAII,OAAO,GAAGN,CAAQ,MAAMC,CAAU,IAC/BC,EAAIK,YAAYR,CAAI,EAAES,SAFZ;AAGrB;AAGO,SAASC,EACdV,GACAW,GACAV,GACAC,GACQ;AAER,QAAMC,IADSC,SAASC,cAAc,QAAQ,EAC3BC,WAAW,IAAI;AAIlC,MAHI,CAACH,MAELA,EAAII,OAAO,GAAGN,CAAQ,MAAMC,CAAU,IAClCC,EAAIK,YAAYR,CAAI,EAAES,SAASE,GAAU,QAAOX;AAEpD,MAAIY,IAAYZ;AAChB,SAAOY,EAAUC,SAAS,KAAKV,EAAIK,YAAYI,IAAY,GAAG,EAAEH,QAAQE;AACtEC,IAAAA,IAAYA,EAAUE,MAAM,GAAG,EAAE;AAKnC,SAFeF,MAAc,KAAK,KAAKA,IAAY;AAGrD;"}
+{"version":3,"file":"visualization.es99.js","sources":["../../../node_modules/.pnpm/@visx+shape@4.0.0_@types+react@19.2.14_react@19.2.4/node_modules/@visx/shape/esm/shapes/Circle.js"],"sourcesContent":["import cx from 'classnames';\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nexport default function Circle(_ref) {\n  let {\n    className,\n    innerRef,\n    ...restProps\n  } = _ref;\n  return /*#__PURE__*/_jsx(\"circle\", {\n    ref: innerRef,\n    className: cx('visx-circle', className),\n    ...restProps\n  });\n}"],"names":["Circle","_ref","className","innerRef","restProps","_jsx","cx"],"mappings":";;AAEe,SAASA,EAAOC,GAAM;AACnC,MAAI;AAAA,IACF,WAAAC;AAAA,IACA,UAAAC;AAAA,IACA,GAAGC;AAAA,EACP,IAAMH;AACJ,SAAoBI,gBAAAA,EAAK,UAAU;AAAA,IACjC,KAAKF;AAAA,IACL,WAAWG,EAAG,eAAeJ,CAAS;AAAA,IACtC,GAAGE;AAAA,EACP,CAAG;AACH;","x_google_ignoreList":[0]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@weng-lab/visualization",
-  "version": "2.4.0-beta.2",
+  "version": "2.4.0-beta.3",
   "description": "Visualization components for the Weng/Moore Labs suite of genomics web resources",
   "type": "module",
   "module": "dist/visualization.es.js",

package/dist/visualization.es61.js

@@ -1,7 +0,0 @@
-function n(a, t) {
-  return [(t = +t) * Math.cos(a -= Math.PI / 2), t * Math.sin(a)];
-}
-export {
-  n as default
-};
-//# sourceMappingURL=visualization.es61.js.map

package/dist/visualization.es61.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"visualization.es61.js","sources":["../../../node_modules/.pnpm/d3-shape@3.2.0/node_modules/d3-shape/src/pointRadial.js"],"sourcesContent":["export default function(x, y) {\n  return [(y = +y) * Math.cos(x -= Math.PI / 2), y * Math.sin(x)];\n}\n"],"names":["pointRadial","x","y"],"mappings":"AAAe,SAAAA,EAASC,GAAGC,GAAG;AAC5B,SAAO,EAAEA,IAAI,CAACA,KAAK,KAAK,IAAID,KAAK,KAAK,KAAK,CAAC,GAAGC,IAAI,KAAK,IAAID,CAAC,CAAC;AAChE;","x_google_ignoreList":[0]}