@milaboratories/miplots4 1.0.123 → 1.0.124

package/dist/common/Error.d.ts

@@ -0,0 +1,4 @@
+export declare function Error({ message }: {
+    message: string;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Error.d.ts.map

package/dist/common/Error.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Error.d.ts","sourceRoot":"","sources":["../../src/common/Error.tsx"],"names":[],"mappings":"AAEA,wBAAgB,KAAK,CAAC,EAAC,OAAO,EAAC,EAAE;IAAC,OAAO,EAAE,MAAM,CAAA;CAAC,2CAoBjD"}

package/dist/common/Error.js

@@ -0,0 +1,26 @@
+import { j as t } from "../node_modules/react/jsx-runtime.js";
+function r({ message: e }) {
+  return /* @__PURE__ */ t.jsx(
+    "div",
+    {
+      style: {
+        width: "500px",
+        height: "400px",
+        color: "#ee1616",
+        display: "flex",
+        alignItems: "center",
+        justifyContent: "center",
+        fontSize: "25px",
+        fontFamily: "Arial",
+        border: "1px solid",
+        padding: "20px",
+        lineHeight: "25px"
+      },
+      children: e
+    }
+  );
+}
+export {
+  r as Error
+};
+//# sourceMappingURL=Error.js.map

package/dist/common/Error.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Error.js","sources":["../../src/common/Error.tsx"],"sourcesContent":["import React from 'react';\n\nexport function Error({message}: {message: string}) {\n    return (\n        <div\n            style={{\n                width: '500px',\n                height: '400px',\n                color: '#ee1616',\n                display: 'flex',\n                alignItems: 'center',\n                justifyContent: 'center',\n                fontSize: '25px',\n                fontFamily: 'Arial',\n                border: '1px solid',\n                padding: '20px',\n                lineHeight: '25px'\n            }}\n        >\n            {message}\n        </div>\n    );\n}\n"],"names":["Error","message","jsx"],"mappings":";AAEO,SAASA,EAAM,EAAC,SAAAC,KAA6B;AAChD,SACIC,gBAAAA,EAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACG,OAAO;AAAA,QACH,OAAO;AAAA,QACP,QAAQ;AAAA,QACR,OAAO;AAAA,QACP,SAAS;AAAA,QACT,YAAY;AAAA,QACZ,gBAAgB;AAAA,QAChB,UAAU;AAAA,QACV,YAAY;AAAA,QACZ,QAAQ;AAAA,QACR,SAAS;AAAA,QACT,YAAY;AAAA,MAAA;AAAA,MAGf,UAAAD;AAAA,IAAA;AAAA,EAAA;AAGb;"}

package/dist/common/ErrorBoundary.d.ts

@@ -0,0 +1,23 @@
+import { ErrorInfo, ReactNode, default as React } from 'react';
+interface ErrorBoundaryProps {
+    children: ReactNode;
+    dataId: string;
+}
+interface ErrorBoundaryState {
+    hasError: boolean;
+    message: string;
+}
+export declare class ErrorBoundary extends React.Component<ErrorBoundaryProps, ErrorBoundaryState> {
+    constructor(props: ErrorBoundaryProps);
+    static getDerivedStateFromError(error: {
+        message: string;
+    }): {
+        hasError: boolean;
+        message: string;
+    };
+    componentDidUpdate(prevProps: Readonly<ErrorBoundaryProps>): void;
+    componentDidCatch(_error: Error, info: ErrorInfo): void;
+    render(): string | number | boolean | import("react/jsx-runtime").JSX.Element | Iterable<ReactNode> | null | undefined;
+}
+export {};
+//# sourceMappingURL=ErrorBoundary.d.ts.map

package/dist/common/ErrorBoundary.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ErrorBoundary.d.ts","sourceRoot":"","sources":["../../src/common/ErrorBoundary.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAC,SAAS,EAAE,SAAS,EAAC,MAAM,OAAO,CAAC;AAChD,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,UAAU,kBAAkB;IACxB,QAAQ,EAAE,SAAS,CAAC;IACpB,MAAM,EAAE,MAAM,CAAC;CAClB;AACD,UAAU,kBAAkB;IACxB,QAAQ,EAAE,OAAO,CAAC;IAClB,OAAO,EAAE,MAAM,CAAC;CACnB;AACD,qBAAa,aAAc,SAAQ,KAAK,CAAC,SAAS,CAAC,kBAAkB,EAAE,kBAAkB,CAAC;gBAC1E,KAAK,EAAE,kBAAkB;IAKrC,MAAM,CAAC,wBAAwB,CAAC,KAAK,EAAE;QAAC,OAAO,EAAE,MAAM,CAAA;KAAC;;;;IAIxD,kBAAkB,CAAC,SAAS,EAAE,QAAQ,CAAC,kBAAkB,CAAC;IAM1D,iBAAiB,CAAC,MAAM,EAAE,KAAK,EAAE,IAAI,EAAE,SAAS;IAKhD,MAAM;CAQT"}

package/dist/common/ErrorBoundary.js

@@ -0,0 +1,24 @@
+import { j as s } from "../node_modules/react/jsx-runtime.js";
+import { Error as t } from "./Error.js";
+import o from "../_virtual/index.js";
+class p extends o.Component {
+  constructor(r) {
+    super(r), this.state = { hasError: !1, message: "" };
+  }
+  static getDerivedStateFromError(r) {
+    return { hasError: !0, message: r.message };
+  }
+  componentDidUpdate(r) {
+    r.dataId !== this.props.dataId && this.setState({ hasError: !1, message: "error.message" });
+  }
+  componentDidCatch(r, e) {
+    console.log(e);
+  }
+  render() {
+    return this.state.hasError ? /* @__PURE__ */ s.jsx(t, { message: this.state.message }) : this.props.children;
+  }
+}
+export {
+  p as ErrorBoundary
+};
+//# sourceMappingURL=ErrorBoundary.js.map

package/dist/common/ErrorBoundary.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ErrorBoundary.js","sources":["../../src/common/ErrorBoundary.tsx"],"sourcesContent":["import {Error} from './Error';\nimport type {ErrorInfo, ReactNode} from 'react';\nimport React from 'react';\n\ninterface ErrorBoundaryProps {\n    children: ReactNode;\n    dataId: string;\n}\ninterface ErrorBoundaryState {\n    hasError: boolean;\n    message: string;\n}\nexport class ErrorBoundary extends React.Component<ErrorBoundaryProps, ErrorBoundaryState> {\n    constructor(props: ErrorBoundaryProps) {\n        super(props);\n        this.state = {hasError: false, message: ''};\n    }\n\n    static getDerivedStateFromError(error: {message: string}) {\n        // Update state so the next render will show the fallback UI.\n        return {hasError: true, message: error.message};\n    }\n    componentDidUpdate(prevProps: Readonly<ErrorBoundaryProps>) {\n        if (prevProps.dataId !== this.props.dataId) {\n            this.setState({hasError: false, message: 'error.message'});\n        }\n    }\n\n    componentDidCatch(_error: Error, info: ErrorInfo) {\n        // eslint-disable-next-line no-console\n        console.log(info);\n    }\n\n    render() {\n        if (this.state.hasError) {\n            // You can render any custom fallback UI\n            return <Error message={this.state.message} />;\n        }\n\n        return this.props.children;\n    }\n}\n"],"names":["ErrorBoundary","React","props","error","prevProps","_error","info","jsx","Error"],"mappings":";;;AAYO,MAAMA,UAAsBC,EAAM,UAAkD;AAAA,EACvF,YAAYC,GAA2B;AACnC,UAAMA,CAAK,GACX,KAAK,QAAQ,EAAC,UAAU,IAAO,SAAS,GAAA;AAAA,EAC5C;AAAA,EAEA,OAAO,yBAAyBC,GAA0B;AAEtD,WAAO,EAAC,UAAU,IAAM,SAASA,EAAM,QAAA;AAAA,EAC3C;AAAA,EACA,mBAAmBC,GAAyC;AACxD,IAAIA,EAAU,WAAW,KAAK,MAAM,UAChC,KAAK,SAAS,EAAC,UAAU,IAAO,SAAS,iBAAgB;AAAA,EAEjE;AAAA,EAEA,kBAAkBC,GAAeC,GAAiB;AAE9C,YAAQ,IAAIA,CAAI;AAAA,EACpB;AAAA,EAEA,SAAS;AACL,WAAI,KAAK,MAAM,WAEJC,gBAAAA,EAAAA,IAACC,GAAA,EAAM,SAAS,KAAK,MAAM,SAAS,IAGxC,KAAK,MAAM;AAAA,EACtB;AACJ;"}

package/dist/common/Legend.d.ts

@@ -0,0 +1,7 @@
+import { LegendData } from './types';
+interface LegendProps {
+    legendData: LegendData;
+}
+export declare function Legend({ legendData }: LegendProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=Legend.d.ts.map

package/dist/common/Legend.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Legend.d.ts","sourceRoot":"","sources":["../../src/common/Legend.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAC,UAAU,EAAC,MAAM,SAAS,CAAC;AAWxC,UAAU,WAAW;IACjB,UAAU,EAAE,UAAU,CAAC;CAC1B;AAmGD,wBAAgB,MAAM,CAAC,EAAC,UAAU,EAAC,EAAE,WAAW,2CAuI/C"}

package/dist/common/Legend.js

@@ -0,0 +1,162 @@
+import { j as n } from "../node_modules/react/jsx-runtime.js";
+import { BLACK as i } from "../constants.js";
+import { getPointShape as h } from "../utils/getPointShape.js";
+import p from "../node_modules/d3-color/src/color.js";
+const o = 12, d = -12, x = 14;
+function j(e = null) {
+  return e === "dashed" ? "M1 11.25H6V12.75H1V11.25ZM9.5 11.25H14.5V12.75H9.5V11.25ZM18 11.25H23V12.75H18V11.25Z" : e === "dotted" ? "M2.75 11.25H1.25V12.75H2.75V11.25Z M11.25 11.25H12.75V12.75H11.25V11.25Z M22.75 11.25H21.25V12.75H22.75V11.25Z M7.75 11.25H6.25V12.75H7.75V11.25Z M16.25 11.25H17.75V12.75H16.25V11.25Z" : e === "longdash" ? "M1 11.25H10V12.75H1V11.25ZM14 11.25H23V12.75H14V11.25Z" : e === "dotdash" ? "M1 11.25H2.5V12.75H1V11.25ZM17 12.75H7V11.25H17V12.75ZM21.5 12.75V11.25H23V12.75H21.5Z" : e === "twodash" ? "M1 11.25H4V12.75H1V11.25ZM17.0261 12.75H7V11.25H17.0261V12.75ZM20 12.75V11.25H23V12.75H20Z" : "M1 11.25H23V12.75H1V11.25Z";
+}
+const H = 3, u = 24;
+function V(e, a) {
+  if (e === "transparent")
+    return i;
+  const l = p(e ?? a ?? "");
+  return l && l.formatHex() === "#ffffff" ? i : e ?? a;
+}
+function $({ aes: e, label: a, usedAes: l }) {
+  const t = l.lineShape, r = l.dotShape, s = l.fillColor || l.lineColor && !l.lineShape || l.dotFill && !l.dotShape, c = r ? h(
+    e.dotShape ?? "21",
+    H,
+    s ? i : e.dotFill ?? i
+  ) : null, f = (r && t ? 2 * o : 0) - 6, g = t ? f + u + 8 : o + 8;
+  return /* @__PURE__ */ n.jsxs("g", { children: [
+    s && /* @__PURE__ */ n.jsx(
+      "rect",
+      {
+        width: o,
+        height: o,
+        stroke: V(e.fillColor, e.lineColor),
+        fill: e.fillColor ?? e.lineColor,
+        rx: "1",
+        ry: "1"
+      }
+    ),
+    r && /* @__PURE__ */ n.jsx("g", { transform: `translate(${o / 2},${o / 2})`, children: c }),
+    t && /* @__PURE__ */ n.jsx(
+      "path",
+      {
+        transform: `translate(${f},-5)`,
+        fillRule: "evenodd",
+        clipRule: "evenodd",
+        d: j(e.lineShape),
+        fill: e.lineColor
+      }
+    ),
+    /* @__PURE__ */ n.jsx(
+      "text",
+      {
+        x: g,
+        y: o / 2,
+        dominantBaseline: "central",
+        fontWeight: 500,
+        children: a
+      }
+    )
+  ] });
+}
+function y({ aes: e, label: a }) {
+  const l = h(e.shape, e.size, e.color);
+  return /* @__PURE__ */ n.jsxs("g", { children: [
+    /* @__PURE__ */ n.jsx("g", { transform: `translate(${o / 2},${o / 2})`, children: l }),
+    /* @__PURE__ */ n.jsx("text", { x: o + 8, y: o / 2, dominantBaseline: "central", fontWeight: 500, children: a })
+  ] });
+}
+function b({ legendData: e }) {
+  const l = e.items.filter((t) => t.type === "continuous");
+  return /* @__PURE__ */ n.jsxs("g", { children: [
+    /* @__PURE__ */ n.jsx("defs", { children: l.map((t) => /* @__PURE__ */ n.jsx("linearGradient", { id: t.id, gradientTransform: "rotate(90)", children: t.scale.domain().reverse().map((r) => {
+      const s = t.scale.domain(), c = s[s.length - 1] - s[0], f = c > 0 ? 100 - (r - s[0]) / c * 100 : 0;
+      return /* @__PURE__ */ n.jsx(
+        "stop",
+        {
+          offset: `${f}%`,
+          stopColor: t.scale(r)
+        },
+        r
+      );
+    }) }, t.id)) }),
+    e.items.map((t) => {
+      if (t.type === "continuous")
+        return /* @__PURE__ */ n.jsxs("g", { transform: `translate(${t.left},${t.top})`, children: [
+          /* @__PURE__ */ n.jsx("text", { fontWeight: 500, fontSize: "14px", y: d, children: t.title }),
+          /* @__PURE__ */ n.jsx(
+            "rect",
+            {
+              x: "0",
+              y: "0",
+              width: x,
+              height: t.height,
+              stroke: i,
+              fill: `url(#${t.id})`
+            }
+          ),
+          /* @__PURE__ */ n.jsx("g", { transform: `translate(${x},0)`, children: t.values.map((r) => {
+            const s = t.tickPositionScale(r) ?? 0;
+            return /* @__PURE__ */ n.jsxs("g", { transform: `translate(0,${s})`, children: [
+              /* @__PURE__ */ n.jsx("line", { x1: "0", x2: -4, stroke: i }),
+              /* @__PURE__ */ n.jsx("text", { x: 8, y: 4, children: r })
+            ] }, r);
+          }) }),
+          !1
+        ] }, t.id);
+      if (t.type === "discreteColor")
+        return /* @__PURE__ */ n.jsxs("g", { transform: `translate(${t.left},${t.top})`, children: [
+          /* @__PURE__ */ n.jsx("text", { fontWeight: 500, fontSize: "14px", y: d, children: t.title }),
+          t.values.map((r, s) => /* @__PURE__ */ n.jsxs("g", { transform: `translate(0, ${s * (o + 4)})`, children: [
+            /* @__PURE__ */ n.jsx(
+              "rect",
+              {
+                x: "0",
+                y: "0",
+                width: o,
+                height: o,
+                fill: t.scale(r),
+                rx: "1",
+                ry: "1",
+                stroke: i
+              }
+            ),
+            /* @__PURE__ */ n.jsx("text", { x: o + 8, y: 10, children: t.labels[r] ?? r })
+          ] }, r)),
+          !1
+        ] }, t.id);
+      if (t.type === "discreteMulti")
+        return /* @__PURE__ */ n.jsxs("g", { transform: `translate(${t.left},${t.top})`, fontSize: "14px", fontWeight: 500, children: [
+          /* @__PURE__ */ n.jsx("text", { fontWeight: 600, y: d, children: t.title }),
+          t.values.map((r, s) => /* @__PURE__ */ n.jsx("g", { transform: `translate(0, ${s * (o + 4)})`, children: /* @__PURE__ */ n.jsx(
+            $,
+            {
+              aes: t.scale(r),
+              label: t.labels[r],
+              usedAes: t.usedAes
+            }
+          ) }, r)),
+          !1
+        ] }, t.id);
+      if (t.type === "dots")
+        return /* @__PURE__ */ n.jsxs("g", { transform: `translate(${t.left},${t.top})`, fontSize: "14px", fontWeight: 500, children: [
+          /* @__PURE__ */ n.jsx("text", { fontWeight: 500, y: d, children: t.title }),
+          t.values.map((r, s) => /* @__PURE__ */ n.jsx("g", { transform: `translate(0, ${s * (o + 4)})`, children: /* @__PURE__ */ n.jsx(y, { aes: t.scale(r), label: t.labels[r] }) }, r)),
+          !1
+        ] }, t.id);
+      if (t.type === "size") {
+        const r = t.height / t.values.length;
+        return /* @__PURE__ */ n.jsxs("g", { transform: `translate(${t.left},${t.top})`, fontSize: "14px", fontWeight: 500, children: [
+          /* @__PURE__ */ n.jsx("text", { fontWeight: 500, y: d, children: t.title }),
+          t.values.map((s, c) => {
+            const f = t.scale(s);
+            return /* @__PURE__ */ n.jsxs("g", { transform: `translate(0, ${c * r})`, children: [
+              /* @__PURE__ */ n.jsx("circle", { r: f, cx: r / 2, cy: r / 2, fill: i }),
+              /* @__PURE__ */ n.jsx("text", { x: r + 4, y: r / 2, alignmentBaseline: "central", children: t.labels[s] })
+            ] }, s);
+          }),
+          !1
+        ] }, t.id);
+      }
+    })
+  ] });
+}
+export {
+  b as Legend
+};
+//# sourceMappingURL=Legend.js.map

package/dist/common/Legend.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Legend.js","sources":["../../src/common/Legend.tsx"],"sourcesContent":["import {BLACK} from '../constants';\nimport type {LegendItemDiscreteMultiAes, LegendItemGradient} from './types';\nimport type {LegendData} from './types';\nimport {getPointShape} from '../utils/getPointShape';\nimport type {DotAesItem} from './types';\nimport React from 'react';\nimport type { AesItem, LineShape } from '../types';\nimport {color} from 'd3-color';\n\nconst LEGEND_ITEM_SIZE = 12;\nconst TITLE_POSITION = -12;\nconst COLOR_ITEM_WIDTH_C = 14;\n\ninterface LegendProps {\n    legendData: LegendData;\n}\n\nfunction getLineShapePath(lineShape:LineShape|null = null):string {\n    if (lineShape === 'dashed') {\n        return 'M1 11.25H6V12.75H1V11.25ZM9.5 11.25H14.5V12.75H9.5V11.25ZM18 11.25H23V12.75H18V11.25Z';\n    }\n    if (lineShape === 'dotted') {\n        return 'M2.75 11.25H1.25V12.75H2.75V11.25Z M11.25 11.25H12.75V12.75H11.25V11.25Z M22.75 11.25H21.25V12.75H22.75V11.25Z M7.75 11.25H6.25V12.75H7.75V11.25Z M16.25 11.25H17.75V12.75H16.25V11.25Z';\n    }\n    if (lineShape === 'longdash') {\n        return 'M1 11.25H10V12.75H1V11.25ZM14 11.25H23V12.75H14V11.25Z';\n    }\n    if (lineShape === 'dotdash') {\n        return 'M1 11.25H2.5V12.75H1V11.25ZM17 12.75H7V11.25H17V12.75ZM21.5 12.75V11.25H23V12.75H21.5Z';\n    }\n    if (lineShape === 'twodash') {\n        return 'M1 11.25H4V12.75H1V11.25ZM17.0261 12.75H7V11.25H17.0261V12.75ZM20 12.75V11.25H23V12.75H20Z';\n    }\n    return 'M1 11.25H23V12.75H1V11.25Z';\n}\n\nconst POINT_SIZE = 3;\nconst LINE_WIDTH = 24;\n\nfunction getAesItemStroke(fillColor?:string, lineColor?:string) {\n    if (fillColor === 'transparent') {\n        return BLACK;\n    }\n    // black border for white square if fill color is white\n    const fill = color(fillColor ?? lineColor ?? '');\n    if (fill && fill.formatHex() === '#ffffff') {\n        return BLACK;\n    }\n    return fillColor ?? lineColor;\n}\nfunction AesLegendItem({ aes, label, usedAes }: { aes: AesItem; label: string, usedAes: LegendItemDiscreteMultiAes['usedAes'] }) {\n    const needRenderLine = usedAes.lineShape;\n    const needRenderDot = usedAes.dotShape;\n    const needRenderRect = usedAes.fillColor ||\n        (usedAes.lineColor && !usedAes.lineShape) ||\n        (usedAes.dotFill && !usedAes.dotShape);\n\n    const shape = needRenderDot ? getPointShape(\n        aes.dotShape ?? '21',\n        POINT_SIZE,\n        needRenderRect ? BLACK : aes.dotFill ?? BLACK\n    ) : null;\n\n    const lineOffset = (needRenderDot && needRenderLine ? 2 * LEGEND_ITEM_SIZE : 0 ) - 6;\n    const textOffset = needRenderLine ? lineOffset + LINE_WIDTH + 8 : LEGEND_ITEM_SIZE + 8;\n    return (\n        <g>\n            {needRenderRect && (\n                <rect\n                    width={LEGEND_ITEM_SIZE}\n                    height={LEGEND_ITEM_SIZE}\n                    stroke={getAesItemStroke(aes.fillColor, aes.lineColor)}\n                    fill={aes.fillColor ?? aes.lineColor}\n                    rx=\"1\"\n                    ry=\"1\"\n                />\n            )}\n            {needRenderDot && <g transform={`translate(${LEGEND_ITEM_SIZE / 2},${LEGEND_ITEM_SIZE / 2})`}>\n                {shape}\n            </g>}\n            {needRenderLine && (\n                <path\n                    transform={`translate(${lineOffset},-5)`}\n                    fillRule=\"evenodd\"\n                    clipRule=\"evenodd\"\n                    d={getLineShapePath(aes.lineShape)}\n                    fill={aes.lineColor}\n                />\n            )}\n            <text\n                x={textOffset}\n                y={LEGEND_ITEM_SIZE / 2}\n                dominantBaseline=\"central\"\n                fontWeight={500}\n            >\n                {label}\n            </text>\n        </g>\n    );\n}\n\nfunction DotAesItemElement({aes, label}: {aes: DotAesItem; label: string}) {\n    const shape = getPointShape(aes.shape, aes.size, aes.color);\n\n    return (\n        <g>\n            <g transform={`translate(${LEGEND_ITEM_SIZE / 2},${LEGEND_ITEM_SIZE / 2})`}>{shape}</g>\n            <text x={LEGEND_ITEM_SIZE + 8} y={LEGEND_ITEM_SIZE / 2} dominantBaseline=\"central\" fontWeight={500}>\n                {label}\n            </text>\n        </g>\n    );\n}\n\nexport function Legend({legendData}: LegendProps) {\n    const debug = false;\n    const continuousItems= legendData.items.filter((item) => item.type === 'continuous') as LegendItemGradient[];\n    return (\n        <g>\n            <defs>\n                {continuousItems.map(item => (\n                    <linearGradient key={item.id} id={item.id} gradientTransform=\"rotate(90)\">\n                        {item.scale.domain().reverse().map(value => {\n                            const domain = item.scale.domain();\n                            const range = domain[domain.length - 1] - domain[0];\n                            const percent = range > 0 ? 100 - (value - domain[0]) / range * 100 : 0;\n                            return (\n                                <stop\n                                    key={value}\n                                    offset={`${percent}%`}\n                                    stopColor={item.scale(value)}\n                                />\n                            );\n                        })}\n                    </linearGradient>\n                ))}\n            </defs>\n            {legendData.items.map(item => {\n                if (item.type === 'continuous') {\n                    return (\n                        <g key={item.id} transform={`translate(${item.left},${item.top})`}>\n                            <text fontWeight={500} fontSize=\"14px\" y={TITLE_POSITION}>{item.title}</text>\n                            <rect\n                                x=\"0\"\n                                y=\"0\"\n                                width={COLOR_ITEM_WIDTH_C}\n                                height={item.height}\n                                stroke={BLACK}\n                                fill={`url(#${item.id})`}\n                            />\n                            <g transform={`translate(${COLOR_ITEM_WIDTH_C},0)`}>\n                                {item.values.map(value => {\n                                    const y = item.tickPositionScale(value) ?? 0;\n                                    return (\n                                        <g key={value} transform={`translate(0,${y})`}>\n                                            <line x1=\"0\" x2={-4} stroke={BLACK} />\n                                            <text x={8} y={4}>{value}</text>\n                                        </g>\n                                    );\n                                })}\n                            </g>\n                            {debug && <rect width={item.width} height={item.height} fill=\"none\" stroke=\"black\"/>}\n                        </g>\n                    );\n                }\n                if (item.type === 'discreteColor') {\n                    return (\n                        <g key={item.id} transform={`translate(${item.left},${item.top})`}>\n                            <text fontWeight={500} fontSize=\"14px\" y={TITLE_POSITION}>{item.title}</text>\n                            {item.values.map((value, idx) => {\n                                return <g key={value} transform={`translate(0, ${idx * (LEGEND_ITEM_SIZE + 4)})`}>\n                                    <rect\n                                        x=\"0\"\n                                        y=\"0\"\n                                        width={LEGEND_ITEM_SIZE}\n                                        height={LEGEND_ITEM_SIZE}\n                                        fill={item.scale(value)}\n                                        rx=\"1\"\n                                        ry=\"1\"\n                                        stroke={BLACK}\n                                    />\n                                    <text x={LEGEND_ITEM_SIZE + 8} y={10}>{item.labels[value] ?? value}</text>\n                                </g>;\n                            })}\n                            {debug && <rect width={item.width} height={item.height} fill=\"none\" stroke=\"black\"/>}\n                        </g>\n                    );\n                }\n                if (item.type === 'discreteMulti') {\n                    return (\n                        <g key={item.id} transform={`translate(${item.left},${item.top})`} fontSize=\"14px\" fontWeight={500}>\n                            <text fontWeight={600} y={TITLE_POSITION}>\n                                {item.title}\n                            </text>\n                            {item.values.map((value, idx) => {\n                                return (\n                                    <g key={value} transform={`translate(0, ${idx * (LEGEND_ITEM_SIZE + 4)})`}>\n                                        <AesLegendItem\n                                            aes={item.scale(value)}\n                                            label={item.labels[value]}\n                                            usedAes={item.usedAes}\n                                        />\n                                    </g>\n                                );\n                            })}\n                            {debug && <rect width={item.width} height={item.height} fill=\"none\" stroke=\"black\" />}\n                        </g>\n                    );\n                }\n                if (item.type === 'dots') {\n                    return (\n                        <g key={item.id} transform={`translate(${item.left},${item.top})`} fontSize=\"14px\" fontWeight={500}>\n                            <text fontWeight={500} y={TITLE_POSITION}>\n                                {item.title}\n                            </text>\n                            {item.values.map((value, idx) => {\n                                return (\n                                    <g key={value} transform={`translate(0, ${idx * (LEGEND_ITEM_SIZE + 4)})`}>\n                                        <DotAesItemElement aes={item.scale(value)} label={item.labels[value]} />\n                                    </g>\n                                );\n                            })}\n                            {debug && <rect width={item.width} height={item.height} fill=\"none\" stroke=\"black\" />}\n                        </g>\n                    );\n                }\n                if (item.type === 'size') {\n                    const size = item.height / item.values.length;\n                    return (\n                        <g key={item.id} transform={`translate(${item.left},${item.top})`} fontSize=\"14px\" fontWeight={500}>\n                            <text fontWeight={500} y={TITLE_POSITION}>\n                                {item.title}\n                            </text>\n                            {item.values.map((value, idx) => {\n                                const r = item.scale(value);\n                                return (\n                                    <g key={value} transform={`translate(0, ${idx * size})`}>\n                                        <circle r={r} cx={size / 2} cy={size / 2} fill={BLACK}/>\n                                        <text x={size + 4} y={size / 2} alignmentBaseline=\"central\">{item.labels[value]}</text>\n                                    </g>\n                                );\n                            })}\n                            {debug && <rect width={item.width} height={item.height} fill=\"none\" stroke=\"black\" />}\n                        </g>\n                    );\n                }\n            })}\n        </g>\n    );\n}\n"],"names":["LEGEND_ITEM_SIZE","TITLE_POSITION","COLOR_ITEM_WIDTH_C","getLineShapePath","lineShape","POINT_SIZE","LINE_WIDTH","getAesItemStroke","fillColor","lineColor","BLACK","fill","color","AesLegendItem","aes","label","usedAes","needRenderLine","needRenderDot","needRenderRect","shape","getPointShape","lineOffset","textOffset","jsx","DotAesItemElement","Legend","legendData","continuousItems","item","value","domain","range","percent","jsxs","y","idx","size","r"],"mappings":"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"}

package/dist/common/Tooltip.d.ts

@@ -0,0 +1,32 @@
+type SideDistances = {
+    left: number;
+    right: number;
+    top: number;
+    bottom: number;
+};
+export declare function getTooltipHeight(content: string[]): number;
+export declare function getTooltipWidth(content: string[], hasIcons?: boolean): number;
+export type TooltipsData<T> = {
+    active: boolean;
+    fixed: boolean;
+    selectedData: T | null;
+    currentFacet: string;
+    onMouseOver: (elementData: T, facetKey?: string) => void;
+    onMouseLeave: () => void;
+    onClose: () => void;
+};
+export declare function useTooltip<T = unknown>(onTooltipHintSwitchOuterCallback?: (v: boolean) => void): TooltipsData<T>;
+export declare function Tooltip({ content, x, y, active, fixed, container, sideDistances, onClose, offset, horizontal, }: {
+    content: string[];
+    x: number;
+    y: number;
+    active: boolean;
+    fixed: boolean;
+    sideDistances: SideDistances;
+    onClose?: () => void;
+    offset?: number;
+    horizontal?: boolean;
+    container?: Element | null;
+}): import("react/jsx-runtime").JSX.Element | null;
+export {};
+//# sourceMappingURL=Tooltip.d.ts.map

package/dist/common/Tooltip.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tooltip.d.ts","sourceRoot":"","sources":["../../src/common/Tooltip.tsx"],"names":[],"mappings":"AAOA,KAAK,aAAa,GAAG;IACjB,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,GAAG,EAAE,MAAM,CAAC;IACZ,MAAM,EAAE,MAAM,CAAC;CAClB,CAAC;AAkBF,wBAAgB,gBAAgB,CAAC,OAAO,EAAE,MAAM,EAAE,UAEjD;AACD,wBAAgB,eAAe,CAAC,OAAO,EAAE,MAAM,EAAE,EAAE,QAAQ,UAAQ,UAGlE;AAyID,MAAM,MAAM,YAAY,CAAC,CAAC,IAAI;IAC1B,MAAM,EAAE,OAAO,CAAC;IAChB,KAAK,EAAE,OAAO,CAAC;IACf,YAAY,EAAE,CAAC,GAAG,IAAI,CAAC;IACvB,YAAY,EAAE,MAAM,CAAC;IACrB,WAAW,EAAE,CAAC,WAAW,EAAC,CAAC,EAAE,QAAQ,CAAC,EAAC,MAAM,KAAK,IAAI,CAAC;IACvD,YAAY,EAAE,MAAM,IAAI,CAAC;IACzB,OAAO,EAAE,MAAM,IAAI,CAAA;CACtB,CAAA;AACD,wBAAgB,UAAU,CAAC,CAAC,GAAG,OAAO,EAAE,gCAAgC,GAAE,CAAC,CAAC,EAAC,OAAO,KAAK,IAAsB,GAAE,YAAY,CAAC,CAAC,CAAC,CAsF/H;AAED,wBAAgB,OAAO,CAAC,EACpB,OAAO,EACP,CAAC,EACD,CAAC,EACD,MAAM,EACN,KAAK,EACL,SAAS,EACT,aAAa,EACb,OAAyB,EACzB,MAAwB,EACxB,UAAiB,GACpB,EAAE;IACC,OAAO,EAAE,MAAM,EAAE,CAAC;IAClB,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;IACV,MAAM,EAAE,OAAO,CAAC;IAChB,KAAK,EAAE,OAAO,CAAC;IACf,aAAa,EAAE,aAAa,CAAC;IAC7B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,GAAG,IAAI,CAAC;CAC9B,kDAkHA"}

package/dist/common/Tooltip.js

@@ -0,0 +1,271 @@
+import { j as a } from "../node_modules/react/jsx-runtime.js";
+import { BLACK as N } from "../constants.js";
+import { exhaustive as z } from "../utils/index.js";
+import { TextMeasurer as A } from "../utils/TextMeasurer.js";
+import { r as i } from "../_virtual/index.js";
+import { r as W } from "../node_modules/react-dom/index.js";
+const E = 8, S = 12, F = 20, c = 6, u = 5, Z = 8, j = 16, P = 8, w = j * 2 + P + 16, b = "#CFD1DB", I = "#fff", R = "miplots-tooltip";
+function B(n) {
+  return n.length * F + 2 * E;
+}
+function G(n, o = !1) {
+  const s = new A("600 14px Arial");
+  return Math.max(...n.map((t, e) => s.getTextWidth(t) + (e === 0 && o ? w : 0))) + 2 * S;
+}
+function q(n, o, s) {
+  const t = -u - n, e = -u, r = -o / 2 + s, l = o / 2 + s;
+  return `M 0,0 
+    L ${e},${-u} 
+    V ${r + c}
+    Q ${e},${r} ${e - c},${r}  
+    H ${t + c}   
+    Q ${t},${r} ${t},${r + c}
+    V ${l - c}
+    Q ${t},${l} ${t + c},${l}
+    H ${e - c}
+    Q ${e},${l} ${e},${l - c}
+    V ${u} 
+    L 0,0 z`;
+}
+function D(n, o, s) {
+  const t = u, e = u + n, r = -o / 2 + s, l = o / 2 + s;
+  return `M 0,0 
+    L ${t},${-u} 
+    V ${r + c}
+    Q ${t},${r} ${t + c},${r}  
+    H ${e - c}   
+    Q ${e},${r} ${e},${r + c}
+    V ${l - c}
+    Q ${e},${l} ${e - c},${l}
+    H ${t + c}
+    Q ${t},${l} ${t},${l - c}
+    V ${u} 
+    L 0,0 z`;
+}
+function K(n, o, s) {
+  const t = -n / 2 + s, e = n / 2 + s, r = -u - o, l = -u;
+  return `M 0,0 
+    L ${-u},${l} 
+    H ${t + c}
+    Q ${t},${l} ${t},${l - c}  
+    V ${r + c}   
+    Q ${t},${r} ${t + c},${r}
+    H ${e - c}
+    Q ${e},${r} ${e},${r + c}
+    V ${l - c}
+    Q ${e},${l} ${e - c},${l}
+    H ${u} 
+    L 0,0 z`;
+}
+function U(n, o, s) {
+  const t = -n / 2 + s, e = n / 2 + s, r = u + o, l = u;
+  return `M 0,0 
+    L ${-u},${l} 
+    H ${t + c}
+    Q ${t},${l} ${t},${l + c}  
+    V ${r - c}   
+    Q ${t},${r} ${t + c},${r}
+    H ${e - c}
+    Q ${e},${r} ${e},${r - c}
+    V ${l + c}
+    Q ${e},${l} ${e - c},${l}
+    H ${u} 
+    L 0,0 z`;
+}
+function J(n, o, s, t, e) {
+  switch (s) {
+    case "left":
+      return q(n, o, e);
+    case "right":
+      return D(n, o, e);
+    case "top":
+      return K(n, o, t);
+    case "bottom":
+      return U(n, o, t);
+    default:
+      z(s, "Unknown tooltip direction");
+  }
+}
+function Y(n, o, s, t, e, r, l) {
+  return l ? r.right - s - e - u > n ? "right" : "left" : r.top + t - e - u > o ? "top" : "bottom";
+}
+function X(n, o, s, t, e, r) {
+  return n === "left" || n === "right" ? `translate(${n === "left" ? -(t + u + o) : t + u},${-s / 2 + r})` : `translate(${-o / 2 + e},${n === "top" ? -(s + t + u) : t + u})`;
+}
+function tt(n, o) {
+  return n === "left" || n === "right" ? `translate(${n === "left" ? -o : o},0)` : `translate(0,${n === "top" ? -o : o})`;
+}
+function et(n, o, s, t) {
+  if (n === "left" || n === "right")
+    return 0;
+  const e = o.right - s, r = o.left + s;
+  return e < t / 2 ? e - t / 2 : r < t / 2 ? t / 2 - r : 0;
+}
+function nt(n, o, s, t) {
+  if (n === "top" || n === "bottom")
+    return 0;
+  const e = o.top + s, r = o.bottom - s;
+  return e < t / 2 ? t / 2 - e : r < t / 2 ? r - t / 2 : 0;
+}
+function at(n = () => {
+}) {
+  const [o, s] = i.useState(null), [t, e] = i.useState(!1), r = i.useRef(!1), l = i.useRef(!1), h = i.useRef("null"), $ = i.useRef(null), T = () => {
+    s(null), r.current = !1, $.current && (clearTimeout($.current), $.current = null), n(!1);
+  }, f = () => {
+    l.current = !1, e(!1), T();
+  }, L = i.useCallback((m, d) => {
+    l.current || (s(m), r.current = !0, h.current = d ?? "null", $.current && clearTimeout($.current), $.current = setTimeout(() => {
+      n(!0);
+    }, 2e3));
+  }, []), p = i.useCallback(() => {
+    l.current || T();
+  }, []), g = i.useCallback(f, []);
+  return i.useEffect(() => {
+    function m(x) {
+      r.current && x.key === "Enter" && (l.current = !0, e(!0), $.current && (clearTimeout($.current), $.current = null), n(!1));
+    }
+    function d(x) {
+      if (!l.current)
+        return;
+      const v = document.querySelector(`.${R}`), C = x.target;
+      v && C && v.contains(C) || f();
+    }
+    return document.addEventListener("keydown", m), document.addEventListener("click", d), () => {
+      document.removeEventListener("keydown", m), document.removeEventListener("click", d);
+    };
+  }, []), {
+    active: o !== null,
+    currentFacet: h.current,
+    fixed: t,
+    selectedData: o,
+    onMouseOver: L,
+    onMouseLeave: p,
+    onClose: g
+  };
+}
+function $t({
+  content: n,
+  x: o,
+  y: s,
+  active: t,
+  fixed: e,
+  container: r,
+  sideDistances: l,
+  onClose: h = () => {
+  },
+  offset: $ = Z,
+  horizontal: T = !0
+}) {
+  if (!t || !r && r !== null)
+    return null;
+  const f = G(n, e), L = B(n), p = Y(f, L, o, s, $, l, T), g = et(p, l, o, f), m = nt(p, l, s, L), d = `translate(${f - j - S},${E})`, x = `translate(${f - j * 2 - P - S},${E})`, [v, C] = i.useState(!1), [_, M] = i.useState(!1), [k, V] = i.useState(!1);
+  function y() {
+    var H;
+    (H = window == null ? void 0 : window.navigator) == null || H.clipboard.writeText(n.join(`
+`)), C(!0);
+  }
+  const Q = /* @__PURE__ */ a.jsxs(
+    "g",
+    {
+      className: R,
+      transform: `translate(${l.left + o},${l.top + s})`,
+      opacity: t ? 1 : 0,
+      stroke: "none",
+      fill: "none",
+      style: { pointerEvents: e ? "all" : "none" },
+      children: [
+        /* @__PURE__ */ a.jsx(
+          "path",
+          {
+            transform: tt(p, $),
+            d: J(f, L, p, g, m),
+            fill: N
+          }
+        ),
+        /* @__PURE__ */ a.jsxs(
+          "g",
+          {
+            fontSize: "14px",
+            fontFamily: "Manrope",
+            fill: "white",
+            transform: X(p, f, L, $, g, m),
+            children: [
+              n.map((H, O) => /* @__PURE__ */ a.jsx(
+                "text",
+                {
+                  x: S,
+                  y: E + F * O + F / 2,
+                  dominantBaseline: "central",
+                  children: H
+                },
+                O
+              )),
+              e && /* @__PURE__ */ a.jsxs("g", { transform: d, children: [
+                /* @__PURE__ */ a.jsx(
+                  "path",
+                  {
+                    fillRule: "evenodd",
+                    clipRule: "evenodd",
+                    d: "M4.0006 2.93945L8.0006 6.93945L12.0006 2.93945L13.0613 4.00011L9.06126 8.00011L13.0613 12.0001L12.0006 13.0608L8.0006 9.06077L4.0006 13.0608L2.93994 12.0001L6.93994 8.00011L2.93994 4.00011L4.0006 2.93945Z",
+                    fill: _ ? b : I
+                  }
+                ),
+                /* @__PURE__ */ a.jsx(
+                  "rect",
+                  {
+                    x: "-8",
+                    y: "-8",
+                    width: "24",
+                    height: "24",
+                    fill: "transparent",
+                    onClick: h,
+                    onMouseOver: () => M(!0),
+                    onMouseLeave: () => M(!1),
+                    style: { cursor: "pointer" }
+                  }
+                )
+              ] }),
+              e && /* @__PURE__ */ a.jsxs("g", { transform: x, children: [
+                v ? /* @__PURE__ */ a.jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M14.0601 4.43439L6.33313 12.5477L1.93945 7.93439L3.02566 6.8999L6.33313 10.3727L12.9739 3.3999L14.0601 4.43439Z", fill: "#07AD3E" }) : /* @__PURE__ */ a.jsxs("g", { children: [
+                  /* @__PURE__ */ a.jsx("g", { clipPath: "url(#clip0_16418_6183)", children: /* @__PURE__ */ a.jsx(
+                    "path",
+                    {
+                      d: "M16.0005 13H14.5005V1.5H3.00049V0H14.5005C15.3289 2.86102e-06 16.0005 0.671575 16.0005 1.5V13ZM1.34717 15.9922C0.641178 15.9205 0.0799799 15.3593 0.00830078 14.6533L0.000488281 14.5V4.5C0.000488281 3.72334 0.590765 3.08461 1.34717 3.00781L1.50049 3H11.5005L11.6538 3.00781C12.4102 3.08461 13.0005 3.72334 13.0005 4.5V14.5L12.9927 14.6533C12.921 15.3593 12.3598 15.9205 11.6538 15.9922L11.5005 16H1.50049L1.34717 15.9922ZM11.5005 4.5H1.50049V14.5H11.5005V4.5Z",
+                      fill: k ? b : I
+                    }
+                  ) }),
+                  /* @__PURE__ */ a.jsx("defs", { children: /* @__PURE__ */ a.jsx("clipPath", { id: "clip0_16418_6183", children: /* @__PURE__ */ a.jsx("rect", { width: "16", height: "16", transform: "translate(0.000488281)", fill: "white" }) }) })
+                ] }),
+                /* @__PURE__ */ a.jsx(
+                  "rect",
+                  {
+                    x: "-8",
+                    y: "-8",
+                    width: "24",
+                    height: "24",
+                    fill: "transparent",
+                    onClick: y,
+                    onMouseOver: () => V(!0),
+                    onMouseLeave: () => V(!1),
+                    style: { cursor: "pointer" }
+                  }
+                )
+              ] })
+            ]
+          }
+        )
+      ]
+    }
+  );
+  return r === null ? Q : W.createPortal(
+    Q,
+    r
+  );
+}
+export {
+  $t as Tooltip,
+  B as getTooltipHeight,
+  G as getTooltipWidth,
+  at as useTooltip
+};
+//# sourceMappingURL=Tooltip.js.map