intergalactic 15.126.0-prerelease.4 → 15.126.0

package/d3-chart/lib/esm/semcore/d3-chart/src/color.mjs

@@ -0,0 +1,127 @@
+var e = {
+  "blue-01": "#c4e5fe",
+  "blue-02": "#8ecdff",
+  "blue-03": "#2bb3ff",
+  "blue-04": "#008ff8",
+  "blue-05": "#006dca",
+  "green-01": "#9ef2c9",
+  "green-02": "#59ddaa",
+  "green-03": "#00c192",
+  "green-04": "#009f81",
+  "green-05": "#007c65",
+  "orange-01": "#ffdca2",
+  "orange-02": "#ffb26e",
+  "orange-03": "#ff8c43",
+  "orange-04": "#ff622d",
+  "orange-05": "#c33909",
+  "pink-01": "#ffd3ff",
+  "pink-02": "#ffa9fa",
+  "pink-03": "#f67cf2",
+  "pink-04": "#e14adf",
+  "pink-05": "#b229b9",
+  "violet-01": "#edd9ff",
+  "violet-02": "#dcb8ff",
+  "violet-03": "#c695ff",
+  "violet-04": "#ab6cfe",
+  "violet-05": "#8649e1",
+  "red-01": "#ffd7df",
+  "red-02": "#ffaeb5",
+  "red-03": "#ff8786",
+  "red-04": "#ff4953",
+  "red-05": "#d1002f",
+  "yellow-01": "#fce081",
+  "yellow-02": "#fdc23c",
+  "yellow-03": "#ef9800",
+  "yellow-04": "#d87900",
+  "yellow-05": "#a75800",
+  "salad-01": "#c7ee96",
+  "salad-02": "#9bd85d",
+  "salad-03": "#66c030",
+  "salad-04": "#35a21e",
+  "salad-05": "#0a7e22",
+  "gray-01": "#c4c7cf",
+  "gray-50": "#f4f5f9",
+  "gray-100": "#e0e1e9",
+  "gray-200": "#c4c7cf",
+  "gray-300": "#a9abb6",
+  "gray-400": "#8a8e9b",
+  "gray-500": "#6c6e79",
+  "gray-600": "#484a54",
+  "gray-700": "#2b2e38",
+  "gray-800": "#191b23",
+  "blue-50": "#e9f7ff",
+  "blue-100": "#c4e5fe",
+  "blue-200": "#8ecdff",
+  "blue-300": "#2bb3ff",
+  "blue-400": "#008ff8",
+  "blue-500": "#006dca",
+  "blue-600": "#044792",
+  "blue-700": "#002b5f",
+  "blue-800": "#001b3d",
+  "green-100": "#9ef2c9",
+  "green-200": "#59ddaa",
+  "green-300": "#00c192",
+  "green-400": "#009f81",
+  "green-50": "#dbfee8",
+  "green-500": "#007c65",
+  "green-600": "#055345",
+  "green-700": "#00342d",
+  "green-800": "#00201e",
+  "salad-100": "#c7ee96",
+  "salad-200": "#9bd85d",
+  "salad-300": "#66c030",
+  "salad-400": "#35a21e",
+  "salad-50": "#ecfbcd",
+  "salad-500": "#0a7e22",
+  "salad-600": "#005613",
+  "salad-700": "#003509",
+  "salad-800": "#002203",
+  "orange-50": "#fff3d9",
+  "orange-100": "#ffdca2",
+  "orange-200": "#ffb26e",
+  "orange-300": "#ff8c43",
+  "orange-400": "#ff622d",
+  "orange-500": "#c33909",
+  "orange-600": "#8b1500",
+  "orange-700": "#551200",
+  "orange-800": "#351000",
+  "yellow-100": "#fce081",
+  "yellow-200": "#fdc23c",
+  "yellow-300": "#ef9800",
+  "yellow-400": "#d87900",
+  "yellow-50": "#fdf7c8",
+  "yellow-500": "#a75800",
+  "yellow-600": "#743a00",
+  "yellow-700": "#462500",
+  "yellow-800": "#2c1600",
+  "red-100": "#ffd7df",
+  "red-200": "#ffaeb5",
+  "red-300": "#ff8786",
+  "red-400": "#ff4953",
+  "red-50": "#fff0f7",
+  "red-500": "#d1002f",
+  "red-600": "#8e0016",
+  "red-700": "#58000a",
+  "red-800": "#410101",
+  "pink-100": "#ffd3ff",
+  "pink-200": "#ffa9fa",
+  "pink-300": "#f67cf2",
+  "pink-400": "#e14adf",
+  "pink-50": "#fff0ff",
+  "pink-500": "#b229b9",
+  "pink-600": "#7d0480",
+  "pink-700": "#4d0050",
+  "pink-800": "#340439",
+  "violet-100": "#edd9ff",
+  "violet-200": "#dcb8ff",
+  "violet-300": "#c695ff",
+  "violet-400": "#ab6cfe",
+  "violet-50": "#f9f2ff",
+  "violet-500": "#8649e1",
+  "violet-600": "#5925ab",
+  "violet-700": "#421984",
+  "violet-800": "#220358"
+};
+export {
+  e as colors
+};

package/d3-chart/lib/esm/semcore/d3-chart/src/component/Chart/AbstractChart.mjs

@@ -0,0 +1,292 @@
+import g from "@babel/runtime/helpers/esm/objectSpread2";
+import L from "@babel/runtime/helpers/esm/toConsumableArray";
+import M from "@babel/runtime/helpers/esm/slicedToArray";
+import I from "@babel/runtime/helpers/esm/classCallCheck";
+import F from "@babel/runtime/helpers/esm/createClass";
+import v from "@babel/runtime/helpers/esm/assertThisInitialized";
+import K from "@babel/runtime/helpers/esm/inherits";
+import j from "@babel/runtime/helpers/esm/createSuper";
+import x from "@babel/runtime/helpers/esm/defineProperty";
+import { sstyled as N, assignProps as O, Component as W } from 'intergalactic/core';
+import { makeDataHintsContainer as X } from "../../a11y/hints.mjs";
+import { interpolateValue as C } from "../../utils.mjs";
+import c from "react";
+import { callAllEventHandlers as T } from 'intergalactic/utils/lib/assignProps';
+import { LegendFlex as E } from "../ChartLegend/LegendFlex/LegendFlex.mjs";
+import { LegendTable as Y } from "../ChartLegend/LegendTable/LegendTable.mjs";
+import { Flex as G } from 'intergalactic/flex-box';
+import z from "../../Plot.mjs";
+import { YAxis as k, XAxis as b } from "../../Axis.mjs";
+import { Text as V } from 'intergalactic/typography';
+import { extractAriaProps as U } from 'intergalactic/utils/lib/ariaProps';
+var w = /* @__PURE__ */ function(S) {
+  K(m, S);
+  var $ = j(m);
+  function m(l) {
+    var e;
+    return I(this, m), e = $.call(this, l), x(v(e), "plotPadding", 6), x(v(e), "dataHints", X()), x(v(e), "state", {
+      dataDefinitions: e.getDefaultDataDefinitions(),
+      highlightedLine: -1,
+      withTrend: !1
+    }), e.setHighlightedLine = e.setHighlightedLine.bind(v(e)), e.handleChangeVisible = e.handleChangeVisible.bind(v(e)), e.handleMouseEnter = e.handleMouseEnter.bind(v(e)), e.handleMouseLeave = e.handleMouseLeave.bind(v(e)), e.resolveColor = e.resolveColor.bind(v(e)), e.tooltipValueFormatter = e.tooltipValueFormatter.bind(v(e)), e.handleWithTrendChange = e.handleWithTrendChange.bind(v(e)), e;
+  }
+  return F(m, [{
+    key: "componentDidUpdate",
+    value: function(e) {
+      (e.data !== this.props.data || e.legendProps !== this.props.legendProps) && this.setState({
+        dataDefinitions: this.getDefaultDataDefinitions()
+      });
+    }
+  }, {
+    key: "getDefaultDataDefinitions",
+    value: function() {
+      var e = this, t = this.props, o = t.data, r = t.legendProps;
+      return this.dataKeys.map(function(n, a) {
+        var d, h, u, s, i = r == null || (d = r.legendMap) === null || d === void 0 ? void 0 : d[n], p = {
+          id: n,
+          label: (h = i == null ? void 0 : i.label) !== null && h !== void 0 ? h : n,
+          icon: (u = i == null ? void 0 : i.icon) !== null && u !== void 0 ? u : void 0,
+          checked: (s = i == null ? void 0 : i.defaultChecked) !== null && s !== void 0 ? s : !0,
+          color: e.resolveColor(n, a),
+          columns: []
+        };
+        if ((i != null && i.additionalInfo || i != null && i.count) && (p.additionalInfo = i.additionalInfo ? {
+          label: i.additionalInfo
+        } : i.count ? {
+          count: i.count
+        } : void 0), i && "columns" in i)
+          p.columns = i.columns || [];
+        else if (!Array.isArray(o)) {
+          var f, y = void 0, A = o[n];
+          o instanceof Map && (A = o.get(n)), A !== C && (y = Number(A));
+          var H = Object.values(o).reduce(function(_, D) {
+            return D !== C ? _ + Number(D) : _;
+          }, 0), P = y !== void 0 ? (y / H * 100).toFixed(2) : void 0;
+          p.columns = [/* @__PURE__ */ c.createElement(V, {
+            key: "".concat(n, "_percent"),
+            use: "secondary"
+          }, P !== void 0 ? "".concat(P, "%") : ""), /* @__PURE__ */ c.createElement(V, {
+            key: "".concat(n, "_value"),
+            use: y ? "primary" : "secondary"
+          }, (f = y) !== null && f !== void 0 ? f : "n/a")];
+        }
+        return p;
+      });
+    }
+  }, {
+    key: "dataKeys",
+    get: function() {
+      var e = this.props, t = e.data, o = e.groupKey, r;
+      return Array.isArray(t) && o ? r = Object.keys(t[0]).filter(function(n) {
+        return n !== o;
+      }) : r = Object.keys(t), r;
+    }
+  }, {
+    key: "xTicks",
+    get: function() {
+      var e = this.asProps, t = e.data, o = e.invertAxis, r = e.xTicksCount, n = e.yTicksCount, a = this.xScale;
+      if (Array.isArray(t) && "ticks" in a)
+        return o && n ? a.ticks(n) : r ? a.ticks(r) : void 0;
+    }
+  }, {
+    key: "yTicks",
+    get: function() {
+      var e = this.asProps, t = e.data, o = e.invertAxis, r = e.xTicksCount, n = e.yTicksCount, a = this.yScale;
+      if (Array.isArray(t) && "ticks" in a)
+        return o && r ? a.ticks(r) : n ? a.ticks(n) : void 0;
+    }
+  }, {
+    key: "flatValues",
+    get: function() {
+      var e = this.asProps, t = e.data, o = e.groupKey, r = Array.isArray(t) ? t : Object.values(t), n = r.reduce(function(a, d) {
+        return !o && typeof d == "number" ? a.add(d) : Object.entries(d).forEach(function(h) {
+          var u = M(h, 2), s = u[0], i = u[1];
+          s !== o && typeof i == "number" && a.add(i);
+        }), a;
+      }, /* @__PURE__ */ new Set());
+      return n;
+    }
+  }, {
+    key: "maxStackedValue",
+    get: function() {
+      var e = this.asProps, t = e.data, o = e.groupKey;
+      if (!Array.isArray(t)) {
+        var r = Object.values(t).reduce(function(a, d) {
+          return typeof d == "number" && (a = a + d), a;
+        }, 0);
+        return r;
+      }
+      var n = t.reduce(function(a, d) {
+        var h = Object.entries(d).reduce(function(u, s) {
+          var i = M(s, 2), p = i[0], f = i[1];
+          return p === o ? u : typeof f == "number" ? u + f : f instanceof Date && !Number.isNaN(f.getMilliseconds()) ? u + f.getMilliseconds() : u;
+        }, 0);
+        return h > a && (a = h), a;
+      }, 0);
+      return n;
+    }
+  }, {
+    key: "totalValue",
+    value: function(e) {
+      var t = this.state.dataDefinitions, o = t.reduce(function(r, n) {
+        var a = e[n.id];
+        return typeof a == "number" ? r + a : a instanceof Date && !Number.isNaN(a.getMilliseconds()) ? r + a.getMilliseconds() : r;
+      }, 0);
+      return o;
+    }
+  }, {
+    key: "getValueScale",
+    value: function(e) {
+      var t = Math.max.apply(Math, L(e)), o = Math.min.apply(Math, L(e)), r = (t + o) / 2, n = Math.round(Math.log10(r)), a = 100 / Math.pow(10, n);
+      return a;
+    }
+  }, {
+    key: "setHighlightedLine",
+    value: function(e) {
+      this.setState({
+        highlightedLine: e
+      });
+    }
+  }, {
+    key: "handleChangeVisible",
+    value: function(e, t) {
+      this.setState(function(o) {
+        var r = o.dataDefinitions.map(function(n) {
+          return n.id === e && (n.checked = t), n;
+        });
+        return {
+          dataDefinitions: r
+        };
+      });
+    }
+  }, {
+    key: "handleWithTrendChange",
+    value: function(e) {
+      this.setState({
+        withTrend: e
+      });
+    }
+  }, {
+    key: "handleMouseEnter",
+    value: function(e) {
+      this.setHighlightedLine(this.state.dataDefinitions.findIndex(function(t) {
+        return t.id === e;
+      }));
+    }
+  }, {
+    key: "handleMouseLeave",
+    value: function() {
+      this.setHighlightedLine(-1);
+    }
+  }, {
+    key: "resolveColor",
+    value: function(e, t) {
+      var o, r;
+      return (o = (r = this.props.colorMap) === null || r === void 0 ? void 0 : r[e]) !== null && o !== void 0 ? o : "chart-palette-order-".concat(t + 1);
+    }
+  }, {
+    key: "tooltipValueFormatter",
+    value: function(e) {
+      var t = this.asProps.tooltipValueFormatter;
+      return t ? t(e) : e === void 0 || e === C ? "n/a" : e === null ? "0" : e instanceof Date ? e.toDateString() : e.toString();
+    }
+  }, {
+    key: "defaultLegendProps",
+    value: function() {
+      return {
+        legendType: "Flex"
+      };
+    }
+  }, {
+    key: "renderLegend",
+    value: function() {
+      var e, t = this.asProps, o = t.legendProps, r = t.direction, n = t.showLegend, a = t.patterns;
+      if (!n || // we hide Legend for one item on chart except not manually set to show.
+      this.dataKeys.length === 1 && n === !0)
+        return null;
+      var d = this.state, h = d.dataDefinitions, u = d.withTrend, s = g(g({}, this.defaultLegendProps()), o), i = {
+        dataHints: this.dataHints,
+        items: h,
+        size: s.size,
+        shape: s.shape,
+        w: s.w,
+        h: s.h,
+        patterns: a,
+        direction: (e = s.direction) !== null && e !== void 0 ? e : r === "row" || r === "row-reverse" ? "column" : "row",
+        onChangeVisibleItem: s.disableSelectItems ? void 0 : T(s.onChangeVisibleItem, this.handleChangeVisible),
+        onMouseEnterItem: s.disableHoverItems ? void 0 : T(s.onMouseEnterItem, this.handleMouseEnter),
+        onMouseLeaveItem: s.disableHoverItems ? void 0 : T(s.onMouseLeaveItem, this.handleMouseLeave),
+        "aria-label": this.getLegendAriaLabel()
+      };
+      if (s.legendType === "Table")
+        return /* @__PURE__ */ c.createElement(Y, i);
+      if ("withTrend" in s) {
+        var p = g(g({}, i), {}, {
+          withTrend: !0,
+          trendLabel: s.trendLabel,
+          trendIsVisible: u,
+          onTrendIsVisibleChange: this.handleWithTrendChange
+        });
+        return /* @__PURE__ */ c.createElement(E, p);
+      }
+      return /* @__PURE__ */ c.createElement(E, i);
+    }
+  }, {
+    key: "renderAxis",
+    value: function() {
+      var e = this.asProps, t = e.invertAxis, o = e.showXAxis, r = e.showYAxis, n = e.data, a = e.axisXValueFormatter, d = e.axisYValueFormatter;
+      if (!Array.isArray(n))
+        return null;
+      var h = this.xTicks, u = this.yTicks, s = a ? function(p) {
+        var f = p.value;
+        return {
+          children: a(f)
+        };
+      } : void 0, i = d ? function(p) {
+        var f = p.value;
+        return {
+          children: d(f)
+        };
+      } : void 0;
+      return /* @__PURE__ */ c.createElement(c.Fragment, null, r && /* @__PURE__ */ c.createElement(k, null, u ? /* @__PURE__ */ c.createElement(k.Ticks, {
+        ticks: u
+      }, i) : /* @__PURE__ */ c.createElement(k.Ticks, null, i), t !== !0 && (u ? /* @__PURE__ */ c.createElement(k.Grid, {
+        ticks: u
+      }) : /* @__PURE__ */ c.createElement(k.Grid, null))), o && /* @__PURE__ */ c.createElement(b, null, h ? /* @__PURE__ */ c.createElement(b.Ticks, {
+        ticks: h
+      }, s) : /* @__PURE__ */ c.createElement(b.Ticks, null, s), t === !0 && (h ? /* @__PURE__ */ c.createElement(b.Grid, {
+        ticks: h
+      }) : /* @__PURE__ */ c.createElement(b.Grid, null))));
+    }
+  }, {
+    key: "render",
+    value: function() {
+      var e = this.asProps, t, o = G, r = this.asProps, n = r.styles, a = r.plotWidth, d = r.plotHeight, h = r.data, u = r.patterns, s = r.a11yAltTextConfig, i = r.duration, p = U(this.asProps), f = p.extractedAriaProps;
+      return t = N(n), /* @__PURE__ */ c.createElement(o, t.cn("SChart", g({}, O({
+        gap: 5,
+        __excludeProps: ["data"],
+        role: "group"
+      }, e))), this.renderLegend(), /* @__PURE__ */ c.createElement(z, t.cn("Plot", g({
+        data: h,
+        scale: [this.xScale, this.yScale],
+        width: a,
+        height: d,
+        dataHints: this.dataHints,
+        a11yAltTextConfig: s,
+        patterns: u,
+        duration: i
+      }, f)), this.renderAxis(), this.renderTooltip(), this.renderChart()));
+    }
+  }]), m;
+}(W);
+x(w, "style", {});
+x(w, "defaultProps", {
+  direction: "column",
+  showXAxis: !0,
+  showYAxis: !0,
+  showTooltip: !0,
+  showLegend: !0
+});
+export {
+  w as AbstractChart
+};

package/d3-chart/lib/esm/semcore/d3-chart/src/component/Chart/AreaChart.mjs

@@ -0,0 +1,120 @@
+import v from "@babel/runtime/helpers/esm/toConsumableArray";
+import S from "@babel/runtime/helpers/esm/classCallCheck";
+import $ from "@babel/runtime/helpers/esm/createClass";
+import x from "@babel/runtime/helpers/esm/get";
+import k from "@babel/runtime/helpers/esm/getPrototypeOf";
+import w from "@babel/runtime/helpers/esm/inherits";
+import I from "@babel/runtime/helpers/esm/createSuper";
+import P from "@babel/runtime/helpers/esm/defineProperty";
+import r from "react";
+import K from 'intergalactic/core';
+import { scaleTime as L, scaleLinear as _ } from "d3-scale";
+import C from "../../Area.mjs";
+import f from "../../StackedArea.mjs";
+import { HoverLine as g } from "../../Hover.mjs";
+import { minMax as M } from "../../utils.mjs";
+import { AbstractChart as V } from "./AbstractChart.mjs";
+import { Flex as T, Box as F } from 'intergalactic/flex-box';
+import { Text as E } from 'intergalactic/typography';
+import { localizedMessages as N } from "../../translations/__intergalactic-dynamic-locales.mjs";
+import H from 'intergalactic/utils/lib/enhances/i18nEnhance';
+var y = /* @__PURE__ */ function(A) {
+  w(m, A);
+  var b = I(m);
+  function m() {
+    return S(this, m), b.apply(this, arguments);
+  }
+  return $(m, [{
+    key: "xScale",
+    get: function() {
+      var e = this.asProps, a = e.xScale, n = e.marginY, s = n === void 0 ? 40 : n, c = e.plotWidth, l = e.data, i = e.groupKey;
+      if (a)
+        return a;
+      var o = l[0][i], t = [s, c - this.plotPadding], p = M(l, i);
+      return o instanceof Date && !Number.isNaN(o.getMilliseconds()) ? L(p, t) : _(p, t);
+    }
+  }, {
+    key: "yScale",
+    get: function() {
+      var e = this.asProps, a = e.yScale, n = e.marginX, s = n === void 0 ? 24 : n, c = e.plotHeight, l = e.stacked;
+      if (e.data, e.groupKey, a)
+        return a;
+      var i = x(k(m.prototype), "flatValues", this), o = Math.min.apply(Math, v(i)), t = l ? x(k(m.prototype), "maxStackedValue", this) : Math.max.apply(Math, v(i));
+      return _().range([c - s, this.plotPadding]).domain([o, t]);
+    }
+  }, {
+    key: "renderChart",
+    value: function() {
+      var e = this.asProps, a = e.groupKey, n = e.curve, s = e.showDots, c = e.stacked, l = this.state, i = l.dataDefinitions, o = l.highlightedLine;
+      return c ? /* @__PURE__ */ r.createElement(f, {
+        x: a
+      }, i.map(function(t, p) {
+        return t.checked && /* @__PURE__ */ r.createElement(f.Area, {
+          x: a,
+          y: t.id,
+          key: t.id,
+          color: t.color,
+          transparent: o !== -1 && o !== p,
+          curve: n
+        }, s && /* @__PURE__ */ r.createElement(f.Area.Dots, {
+          display: !0
+        }));
+      })) : i.map(function(t, p) {
+        return t.checked && /* @__PURE__ */ r.createElement(C, {
+          x: a,
+          y: t.id,
+          key: t.id,
+          color: t.color,
+          transparent: o !== -1 && o !== p,
+          curve: n
+        }, s && /* @__PURE__ */ r.createElement(C.Dots, {
+          display: !0
+        }));
+      });
+    }
+  }, {
+    key: "renderTooltip",
+    value: function() {
+      var e = this, a = this.asProps, n = a.data, s = a.groupKey, c = a.showTotalInTooltip, l = a.showTooltip, i = this.state.dataDefinitions;
+      return l ? /* @__PURE__ */ r.createElement(g.Tooltip, {
+        x: s,
+        wMin: 100
+      }, function(o) {
+        var t, p = o.xIndex, d = n[p], D = e.totalValue(d);
+        return {
+          children: /* @__PURE__ */ r.createElement(r.Fragment, null, /* @__PURE__ */ r.createElement(g.Tooltip.Title, null, (t = d[s]) === null || t === void 0 ? void 0 : t.toString()), i.map(function(u) {
+            return u.checked && /* @__PURE__ */ r.createElement(T, {
+              justifyContent: "space-between",
+              key: u.id
+            }, /* @__PURE__ */ r.createElement(g.Tooltip.Dot, {
+              mr: 4,
+              color: u.color
+            }, u.label), /* @__PURE__ */ r.createElement(E, {
+              bold: !0
+            }, e.tooltipValueFormatter(d[u.id])));
+          }), c === !0 && /* @__PURE__ */ r.createElement(T, {
+            mt: 2,
+            justifyContent: "space-between"
+          }, /* @__PURE__ */ r.createElement(F, {
+            mr: 4
+          }, "Total"), /* @__PURE__ */ r.createElement(E, {
+            bold: !0
+          }, D)))
+        };
+      }) : null;
+    }
+  }, {
+    key: "getLegendAriaLabel",
+    value: function() {
+      return this.asProps.getI18nText("legendForChart", {
+        chartType: "Area"
+      });
+    }
+  }]), m;
+}(V);
+P(y, "displayName", "Chart.Area");
+P(y, "enhance", [H(N)]);
+var ie = K(y);
+export {
+  ie as AreaChart
+};