@ikonai/sdk-react-ui-standard 1.0.65 → 1.0.67

package/nivo-charts-impl-B3OOSwk5.js

@@ -0,0 +1,267 @@
+import { a as l, b as v, t as s, d as me, c as xe, j as d } from "./index-0g7J2N9e.js";
+import { useUiNode as he } from "@ikonai/sdk-react-ui";
+import { ResponsiveBar as je } from "@nivo/bar";
+import { ResponsiveLine as Fe } from "@nivo/line";
+import { ResponsivePie as Me } from "@nivo/pie";
+import { memo as be, useRef as Ne, useCallback as Ie, Component as We } from "react";
+import { createPortal as Pe } from "react-dom";
+class ge extends We {
+  state = { hasError: !1 };
+  static getDerivedStateFromError() {
+    return { hasError: !0 };
+  }
+  componentDidCatch(i, c) {
+    console.error("[ikon] Chart rendering error:", i, c.componentStack);
+  }
+  render() {
+    return this.state.hasError ? null : this.props.children;
+  }
+}
+function re(o) {
+  if (o != null && typeof o == "object")
+    return o;
+}
+function z(o) {
+  if (Array.isArray(o))
+    return o;
+}
+function ce(o) {
+  if (Array.isArray(o))
+    return o.filter((i) => typeof i == "string");
+}
+function Ge(o) {
+  const i = {};
+  for (const c in o)
+    o[c] !== void 0 && o[c] !== null && (i[c] = o[c]);
+  return i;
+}
+function E(o) {
+  if (o === null)
+    return null;
+  const i = re(o);
+  if (i)
+    return Ge({
+      ...i,
+      tickRotation: i.tickRotation ?? 0
+    });
+}
+function de(o, i) {
+  if (!o || o === null)
+    return o;
+  const c = o, f = c.tickValues;
+  if (typeof f != "number" || f <= 0 || i.length === 0)
+    return o;
+  const y = Math.min(f, i.length), p = i.length / y, A = [];
+  for (let R = 0; R < y; R++)
+    A.push(i[Math.round(R * p)]);
+  return { ...c, tickValues: A };
+}
+function ye(o) {
+  if (o == null)
+    return;
+  const i = re(o);
+  if (i)
+    return i;
+}
+function ke() {
+  const o = Ne(null), i = Ie((c) => {
+    o.current = { x: c.clientX, y: c.clientY };
+  }, []);
+  return { cursor: o, onMouseMove: i };
+}
+function Se(o) {
+  const i = o?.tooltip?.container ?? {}, c = o?.text ?? {}, f = i.color ?? c.fill ?? "#1f2933", y = i.fontFamily ?? c.fontFamily ?? "inherit";
+  return {
+    background: i.background ?? "#ffffff",
+    border: i.borderColor ?? "rgba(0, 0, 0, 0.12)",
+    text: f,
+    muted: c.fill ?? f,
+    fontFamily: y
+  };
+}
+function fe({ cursor: o, colors: i, children: c }) {
+  const f = o.current;
+  return f ? Pe(
+    /* @__PURE__ */ d.jsx(
+      "div",
+      {
+        style: {
+          position: "fixed",
+          left: f.x + 14,
+          top: f.y + 14,
+          zIndex: 99999,
+          pointerEvents: "none",
+          background: i.background,
+          border: `1px solid ${i.border}`,
+          borderRadius: 8,
+          padding: "8px 10px",
+          fontFamily: i.fontFamily,
+          fontSize: 12,
+          color: i.text,
+          boxShadow: "0 8px 18px rgba(0, 0, 0, 0.18)",
+          maxWidth: 360
+        },
+        children: c
+      }
+    ),
+    document.body
+  ) : null;
+}
+function ue({ color: o, label: i, value: c, colors: f }) {
+  return /* @__PURE__ */ d.jsxs("div", { style: { display: "flex", alignItems: "center", gap: 8 }, children: [
+    /* @__PURE__ */ d.jsx("span", { style: { display: "inline-block", width: 10, height: 10, borderRadius: 2, background: o, flexShrink: 0 } }),
+    /* @__PURE__ */ d.jsx("span", { style: { flex: 1, color: f.muted, overflow: "hidden", textOverflow: "ellipsis", whiteSpace: "nowrap" }, children: i }),
+    /* @__PURE__ */ d.jsx("span", { style: { color: f.text, fontWeight: 600, fontVariantNumeric: "tabular-nums" }, children: c })
+  ] });
+}
+function $e() {
+  const o = be(function({ nodeId: c, context: f, className: y }) {
+    const p = he(f.store, c), { cursor: A, onMouseMove: R } = ke();
+    if (!p)
+      return null;
+    const e = p.props ?? {}, k = z(e.data) ?? [], S = ce(e.keys), F = s(e.indexBy), h = s(e.groupMode), b = s(e.layout), $ = s(e.valueScale), H = s(e.indexScale), M = l(e.minValue) ?? "auto", N = l(e.maxValue) ?? "auto", U = l(e.padding), I = l(e.innerPadding), _ = re(e.margin), q = E(e.axisTop), W = E(e.axisRight), J = E(e.axisBottom), P = E(e.axisLeft), G = v(e.enableGridX), X = v(e.enableGridY), T = v(e.enableLabel), w = l(e.labelSkipWidth), B = l(e.labelSkipHeight), O = s(e.labelTextColor), D = z(e.legends), V = ce(e.colors), K = s(e.colorScheme), C = ye(e.theme), Y = s(e.borderColor), L = l(e.borderRadius), j = l(e.borderWidth), Q = s(e.valueFormat), n = v(e.isInteractive), m = me(e.onClickId), x = m ? (g) => {
+      f.dispatchAction(m, {
+        id: String(g.id),
+        indexValue: String(g.indexValue),
+        value: g.value ?? 0
+      });
+    } : void 0, Z = xe("nivo-bar-chart", y, s(e.className)), r = {
+      data: k
+    };
+    S !== void 0 && (r.keys = S), F !== void 0 && (r.indexBy = F), h !== void 0 && (r.groupMode = h), b !== void 0 && (r.layout = b), ($ !== void 0 || M !== "auto" || N !== "auto") && (r.valueScale = {
+      type: $ ?? "linear",
+      min: M,
+      max: N
+    }), H !== void 0 && (r.indexScale = { type: H }), U !== void 0 && (r.padding = U), I !== void 0 && (r.innerPadding = I);
+    const ae = F ?? "id", oe = k.map((g) => g[ae]), ie = de(J, oe), te = de(q, oe);
+    if (_ !== void 0 && (r.margin = _), te !== void 0 && (r.axisTop = te), W !== void 0 && (r.axisRight = W), ie !== void 0 && (r.axisBottom = ie), P !== void 0 && (r.axisLeft = P), G !== void 0 && (r.enableGridX = G), X !== void 0 && (r.enableGridY = X), T !== void 0 && (r.enableLabel = T), w !== void 0 && (r.labelSkipWidth = w), B !== void 0 && (r.labelSkipHeight = B), O !== void 0 && (r.labelTextColor = O), D !== void 0 && (r.legends = D), V !== void 0 && (r.colors = V), K !== void 0 && V === void 0 && (r.colors = { scheme: K }), C !== void 0 && (r.theme = C), Y !== void 0 && (r.borderColor = Y), L !== void 0 && (r.borderRadius = L), j !== void 0 && (r.borderWidth = j), Q !== void 0 && (r.valueFormat = Q), n !== void 0 && (r.isInteractive = n), x !== void 0 && (r.onClick = x), n !== !1) {
+      const g = Se(C);
+      r.tooltip = ((ne) => /* @__PURE__ */ d.jsxs(fe, { cursor: A, colors: g, children: [
+        /* @__PURE__ */ d.jsx("div", { style: { color: g.muted, fontSize: 11, marginBottom: 4 }, children: String(ne.indexValue) }),
+        /* @__PURE__ */ d.jsx(ue, { color: ne.color, label: ne.id, value: ne.formattedValue, colors: g })
+      ] }));
+    }
+    return /* @__PURE__ */ d.jsx(ge, { children: /* @__PURE__ */ d.jsx("div", { className: Z, "data-ikon-node-id": p.id, "data-ikon-source": p.sourceMarker, onMouseMove: R, children: /* @__PURE__ */ d.jsx(je, { ...r }) }) });
+  });
+  return (i) => {
+    if (i.type === "std.chart-bar")
+      return o;
+  };
+}
+function He() {
+  const o = be(function({ nodeId: c, context: f, className: y }) {
+    const p = he(f.store, c), { cursor: A, onMouseMove: R } = ke();
+    if (!p)
+      return null;
+    const e = p.props ?? {}, k = z(e.data) ?? [], S = s(e.xScaleType), F = s(e.yScaleType), h = l(e.xScaleMin), b = l(e.xScaleMax), $ = l(e.yScaleMin) ?? "auto", H = l(e.yScaleMax) ?? "auto", M = v(e.yScaleStacked), N = re(e.margin), U = E(e.axisTop), I = E(e.axisRight), _ = E(e.axisBottom), q = E(e.axisLeft), W = v(e.enableGridX), J = v(e.enableGridY), P = v(e.enablePoints), G = l(e.pointSize), X = s(e.pointColor), T = s(e.pointBorderColor), w = l(e.pointBorderWidth), B = v(e.enableArea), O = l(e.areaOpacity), D = l(e.areaBaselineValue), V = v(e.enableCrosshair), K = s(e.crosshairType), C = s(e.curve), Y = C ? C.replace(/-([a-z])/g, (a, u) => u.toUpperCase()) : void 0, L = z(e.legends), j = ce(e.colors), Q = s(e.colorScheme), n = ye(e.theme), m = l(e.lineWidth), x = v(e.isInteractive), Z = v(e.useMesh), r = v(e.enableSlices), ae = s(e.xFormat), oe = s(e.yFormat), ie = me(e.onClickId), te = ie ? (a) => {
+      const u = a;
+      f.dispatchAction(ie, {
+        serieId: String(u.serieId ?? ""),
+        value: u.data?.y ?? 0
+      });
+    } : void 0, g = xe("nivo-line-chart", y, s(e.className)), t = {
+      data: S === "time" ? k.map((a) => ({
+        ...a,
+        data: a.data.map((u) => ({
+          ...u,
+          x: u.x instanceof Date ? u.x : new Date(u.x)
+        }))
+      })) : k
+    }, Ce = h !== void 0 || b !== void 0;
+    if (S === "linear") {
+      const a = { type: "linear" };
+      h !== void 0 && (a.min = h), b !== void 0 && (a.max = b), Ce && (a.nice = !1), t.xScale = a;
+    } else if (S === "time") {
+      const a = { type: "time" };
+      h !== void 0 && (a.min = new Date(h)), b !== void 0 && (a.max = new Date(b)), Ce && (a.nice = !1), t.xScale = a;
+    } else
+      t.xScale = { type: "point" };
+    const Le = {
+      type: F ?? "linear",
+      min: $,
+      max: H
+    };
+    M !== void 0 && (Le.stacked = M), t.yScale = Le;
+    const Be = S ?? "point";
+    let se = _, le = U;
+    if (Be === "point") {
+      const a = k.length > 0 ? k[0].data.map((u) => u.x) : [];
+      se = de(se, a), le = de(le, a);
+    }
+    N !== void 0 && (t.margin = N), le !== void 0 && (t.axisTop = le), I !== void 0 && (t.axisRight = I), se !== void 0 && (t.axisBottom = se), q !== void 0 && (t.axisLeft = q), W !== void 0 && (t.enableGridX = W), J !== void 0 && (t.enableGridY = J);
+    const ve = z(e.gridXValues)?.filter((a) => typeof a == "number"), pe = z(e.gridYValues)?.filter((a) => typeof a == "number");
+    if (ve && ve.length > 0 && (t.gridXValues = ve), pe && pe.length > 0 && (t.gridYValues = pe), P !== void 0 && (t.enablePoints = P), G !== void 0 && (t.pointSize = G), X !== void 0 && (t.pointColor = X), T !== void 0 && (t.pointBorderColor = T), w !== void 0 && (t.pointBorderWidth = w), B !== void 0 && (t.enableArea = B), O !== void 0 && (t.areaOpacity = O), D !== void 0 && (t.areaBaselineValue = D), V !== void 0 && (t.enableCrosshair = V), K !== void 0 && (t.crosshairType = K), Y !== void 0 && (t.curve = Y), L !== void 0 && (t.legends = L), j !== void 0 && (t.colors = j), Q !== void 0 && j === void 0 && (t.colors = { scheme: Q }), n !== void 0 && (t.theme = n), m !== void 0 && (t.lineWidth = m), x !== void 0 && (t.isInteractive = x), Z !== void 0 && (t.useMesh = Z), r !== void 0 && (t.enableSlices = r ? "x" : !1), ae !== void 0 && (t.xFormat = ae), oe !== void 0 && (t.yFormat = oe), te !== void 0 && (t.onClick = te), x !== !1) {
+      const a = Se(n);
+      t.tooltip = ((u) => /* @__PURE__ */ d.jsx(fe, { cursor: A, colors: a, children: /* @__PURE__ */ d.jsx(ue, { color: u.point.seriesColor, label: u.point.seriesId, value: u.point.data.yFormatted, colors: a }) })), t.sliceTooltip = ((u) => {
+        const Te = [...u.slice.points].sort((ee, Ve) => Number(Ve.data.y ?? 0) - Number(ee.data.y ?? 0));
+        return /* @__PURE__ */ d.jsxs(fe, { cursor: A, colors: a, children: [
+          /* @__PURE__ */ d.jsx("div", { style: { color: a.muted, fontSize: 11, marginBottom: 6, fontWeight: 500 }, children: String(Te[0]?.data?.xFormatted ?? "") }),
+          /* @__PURE__ */ d.jsx("div", { style: { display: "flex", flexDirection: "column", gap: 4 }, children: Te.map((ee) => /* @__PURE__ */ d.jsx(ue, { color: ee.seriesColor, label: ee.seriesId, value: ee.data.yFormatted, colors: a }, ee.id)) })
+        ] });
+      });
+    }
+    const Ae = s(e.gradientFromColor), Re = s(e.gradientToColor);
+    if (Ae && Re) {
+      const a = `ikon-line-grad-${p.id}`;
+      t.defs = [
+        {
+          id: a,
+          type: "linearGradient",
+          // nivo gradients default to vertical (offset 0 at top). rotate -90°
+          // about the center so it flows left→right with offset 0 (gradientFrom)
+          // at the LEFT edge — i.e. the start/launch — and offset 100 at the right.
+          gradientTransform: "rotate(-90 0.5 0.5)",
+          colors: [
+            { offset: 0, color: Ae },
+            { offset: 100, color: Re }
+          ]
+        }
+      ], t.fill = [{ match: "*", id: a }], t.colors = ((u) => `url(#${a})`);
+    }
+    return /* @__PURE__ */ d.jsx(ge, { children: /* @__PURE__ */ d.jsx("div", { className: g, "data-ikon-node-id": p.id, "data-ikon-source": p.sourceMarker, onMouseMove: R, children: /* @__PURE__ */ d.jsx(Fe, { ...t }) }) });
+  });
+  return (i) => {
+    if (i.type === "std.chart-line")
+      return o;
+  };
+}
+function Ue() {
+  const o = be(function({ nodeId: c, context: f, className: y }) {
+    const p = he(f.store, c), { cursor: A, onMouseMove: R } = ke();
+    if (!p)
+      return null;
+    const e = p.props ?? {}, k = z(e.data) ?? [], S = l(e.innerRadius), F = l(e.padAngle), h = l(e.cornerRadius), b = l(e.startAngle), $ = l(e.endAngle), H = v(e.sortByValue), M = re(e.margin), N = v(e.enableArcLabels), U = s(e.arcLabelsTextColor), I = l(e.arcLabelsSkipAngle), _ = v(e.enableArcLinkLabels), q = s(e.arcLinkLabelsTextColor), W = l(e.arcLinkLabelsSkipAngle), J = l(e.arcLinkLabelsThickness), P = s(e.arcLinkLabelsColor), G = l(e.activeOuterRadiusOffset), X = z(e.legends), T = ce(e.colors), w = s(e.colorScheme), B = ye(e.theme), O = s(e.borderColor), D = l(e.borderWidth), V = s(e.valueFormat), K = v(e.arcLabelAsPercentage), C = v(e.isInteractive), Y = me(e.onClickId), L = k.reduce((m, x) => m + (Number(x.value) || 0), 0), j = Y ? (m) => {
+      f.dispatchAction(Y, {
+        id: String(m.id),
+        value: m.value
+      });
+    } : void 0, Q = xe("nivo-pie-chart", y, s(e.className)), n = {
+      data: k
+    };
+    if (S !== void 0 && (n.innerRadius = S), F !== void 0 && (n.padAngle = F), h !== void 0 && (n.cornerRadius = h), b !== void 0 && (n.startAngle = b), $ !== void 0 && (n.endAngle = $), H !== void 0 && (n.sortByValue = H), M !== void 0 && (n.margin = M), N !== void 0 && (n.enableArcLabels = N), U !== void 0 && (n.arcLabelsTextColor = U), I !== void 0 && (n.arcLabelsSkipAngle = I), _ !== void 0 && (n.enableArcLinkLabels = _), q !== void 0 && (n.arcLinkLabelsTextColor = q), W !== void 0 && (n.arcLinkLabelsSkipAngle = W), J !== void 0 && (n.arcLinkLabelsThickness = J), P !== void 0 && (n.arcLinkLabelsColor = P), G !== void 0 && (n.activeOuterRadiusOffset = G), X !== void 0 && (n.legends = X), T !== void 0 && (n.colors = T), w !== void 0 && T === void 0 && (n.colors = { scheme: w }), B !== void 0 && (n.theme = B), O !== void 0 && (n.borderColor = O), D !== void 0 && (n.borderWidth = D), V !== void 0 && (n.valueFormat = V), C !== void 0 && (n.isInteractive = C), j !== void 0 && (n.onClick = j), K && (n.arcLabel = ((m) => L > 0 ? `${(m.value / L * 100).toFixed(1)}%` : "0%")), C !== !1) {
+      const m = Se(B);
+      n.tooltip = ((x) => {
+        const Z = L > 0 ? `${(x.datum.value / L * 100).toFixed(1)}%` : void 0;
+        return /* @__PURE__ */ d.jsx(fe, { cursor: A, colors: m, children: /* @__PURE__ */ d.jsx(
+          ue,
+          {
+            color: x.datum.color,
+            label: x.datum.label ?? x.datum.id,
+            value: Z ? `${x.datum.formattedValue} · ${Z}` : x.datum.formattedValue,
+            colors: m
+          }
+        ) });
+      });
+    }
+    return /* @__PURE__ */ d.jsx(ge, { children: /* @__PURE__ */ d.jsx("div", { className: Q, "data-ikon-node-id": p.id, "data-ikon-source": p.sourceMarker, onMouseMove: R, children: /* @__PURE__ */ d.jsx(Me, { ...n }) }) });
+  });
+  return (i) => {
+    if (i.type === "std.chart-pie")
+      return o;
+  };
+}
+export {
+  $e as createNivoBarChartResolver,
+  He as createNivoLineChartResolver,
+  Ue as createNivoPieChartResolver
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ikonai/sdk-react-ui-standard",
-  "version": "1.0.65",
+  "version": "1.0.67",
   "type": "module",
   "main": "./index.js",
   "types": "./index.d.ts",