intergalactic 15.126.0-prerelease.1 → 15.126.0-prerelease.12

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

@@ -0,0 +1,416 @@
+import F from "@babel/runtime/helpers/esm/objectSpread2";
+import z from "@babel/runtime/helpers/esm/slicedToArray";
+import $ from "@babel/runtime/helpers/esm/classCallCheck";
+import A from "@babel/runtime/helpers/esm/createClass";
+import p from "@babel/runtime/helpers/esm/assertThisInitialized";
+import I from "@babel/runtime/helpers/esm/inherits";
+import W from "@babel/runtime/helpers/esm/createSuper";
+import m from "@babel/runtime/helpers/esm/defineProperty";
+import { sstyled as U } from 'intergalactic/utils/lib/core/index';
+import { sstyled as y, Component as j, assignProps as R } from 'intergalactic/core';
+import u from "react";
+import Y from 'intergalactic/utils/lib/uniqueID';
+import X from "./createElement.mjs";
+import q from "./AnimatedClipPath.mjs";
+import { scaleToBand as J, roundedPath as w, eventToPoint as Q } from "./utils.mjs";
+import { PatternFill as Z } from "./Pattern.mjs";
+import V from 'intergalactic/utils/lib/rafTrottle';
+import G from "./Tooltip.mjs";
+import { callAllEventHandlers as N } from 'intergalactic/utils/lib/assignProps';
+import ee from 'intergalactic/utils/lib/canUseDOM';
+import { Box as L } from 'intergalactic/flex-box';
+var te = (
+  /*__reshadow_css_start__*/
+  (U.insert(
+    /*__inner_css_start__*/
+    ".___SBar_s1yfx_gg_{fill:var(--intergalactic-chart-palette-order-1, #2bb3ff);transition-property:height,width,y;transition-duration:var(--duration_s1yfx);transition-timing-function:ease-in-out}.___SBar_s1yfx_gg_.__color_s1yfx_gg_{fill:var(--color_s1yfx)}.___SBar_s1yfx_gg_.__pattern_s1yfx_gg_.__color_s1yfx_gg_{fill:var(--pattern_s1yfx);stroke:var(--color_s1yfx);stroke-width:1px}.___SBar_s1yfx_gg_.__hide_s1yfx_gg_{display:none}.___SBar_s1yfx_gg_.__transparent_s1yfx_gg_{opacity:.3}.___SBackground_s1yfx_gg_.__onClick_s1yfx_gg_,.___SBar_s1yfx_gg_.__onClick_s1yfx_gg_{cursor:pointer}.___SBackground_s1yfx_gg_{fill:var(--intergalactic-chart-grid-bar-chart-base-bg, #e0e1e9)}.___SBarAnnotation_s1yfx_gg_{display:flex;justify-content:space-between}.___SBarLabel_s1yfx_gg_{color:var(--intergalactic-text-primary, #191b23);margin-right:auto}.___SBarLabel_s1yfx_gg_,.___SBarPercent_s1yfx_gg_,.___SBarValue_s1yfx_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SBarPercent_s1yfx_gg_{color:var(--intergalactic-text-secondary, #6c6e79);margin-right:var(--intergalactic-spacing-2x, 8px)}.___SBarValue_s1yfx_gg_{min-width:52px;display:flex;justify-content:flex-end;color:var(--intergalactic-text-primary, #191b23);text-align:right}.___SCompactHorizontalBarHoverRect_s1yfx_gg_{fill:var(--intergalactic-chart-grid-bar-chart-hover, rgba(196, 199, 207, 0.3))}",
+    "s1yfx_gg_"
+  ), {
+    __SBar: "___SBar_s1yfx_gg_",
+    "--duration": "--duration_s1yfx",
+    _color: "__color_s1yfx_gg_",
+    "--color": "--color_s1yfx",
+    _pattern: "__pattern_s1yfx_gg_",
+    "--pattern": "--pattern_s1yfx",
+    _hide: "__hide_s1yfx_gg_",
+    _transparent: "__transparent_s1yfx_gg_",
+    _onClick: "__onClick_s1yfx_gg_",
+    __SBackground: "___SBackground_s1yfx_gg_",
+    __SBarAnnotation: "___SBarAnnotation_s1yfx_gg_",
+    __SBarLabel: "___SBarLabel_s1yfx_gg_",
+    __SBarPercent: "___SBarPercent_s1yfx_gg_",
+    __SBarValue: "___SBarValue_s1yfx_gg_",
+    __SCompactHorizontalBarHoverRect: "___SCompactHorizontalBarHoverRect_s1yfx_gg_"
+  })
+), re = 4, x = 20, H = 6, C = /* @__PURE__ */ function(n) {
+  I(c, n);
+  var _ = W(c);
+  function c() {
+    var r;
+    $(this, c);
+    for (var a = arguments.length, e = new Array(a), t = 0; t < a; t++)
+      e[t] = arguments[t];
+    return r = _.call.apply(_, [this].concat(e)), m(p(r), "percentFormatter", null), m(p(r), "percentFormatterLocale", null), m(p(r), "valueFormatter", null), m(p(r), "valueFormatterLocale", null), r;
+  }
+  return A(c, [{
+    key: "getBarProps",
+    value: function(a, e) {
+      return {
+        index: e
+      };
+    }
+  }, {
+    key: "getBarBackgroundProps",
+    value: function(a, e) {
+      var t = this.asProps, s = t.data, l = t.scale, o = this.computeBarData(s[e], e);
+      return {
+        scale: l,
+        index: e,
+        x: o.x,
+        y: o.y + o.height - x - H,
+        height: x,
+        width: o.fullWidth
+      };
+    }
+  }, {
+    key: "getBarFillProps",
+    value: function(a, e) {
+      var t = this.asProps, s = t.data, l = t.uid, o = t.patterns, g = t.color, h = t.transparent, d = t.hide, f = t.scale, v = this.computeBarData(s[e], e);
+      return {
+        x: v.x,
+        y: v.y + v.height - x - H,
+        height: x,
+        width: v.width,
+        i: e,
+        uid: l,
+        resolveColor: this.asProps.resolveColor,
+        patterns: o,
+        color: g,
+        transparent: h,
+        hide: d,
+        scale: f,
+        index: e
+      };
+    }
+  }, {
+    key: "getAnnotationProps",
+    value: function(a, e) {
+      var t = this.asProps, s = t.data, l = t.size, o = this.computeBarData(s[e], e);
+      return {
+        y: o.y,
+        height: x * 2,
+        width: l[0],
+        index: e
+      };
+    }
+  }, {
+    key: "getLabelProps",
+    value: function(a, e) {
+      var t = this.asProps, s = t.data, l = t.y, o = s[e][l];
+      return {
+        children: o,
+        index: e
+      };
+    }
+  }, {
+    key: "getPercentFormatter",
+    value: function() {
+      return (!this.percentFormatter || this.percentFormatterLocale !== this.asProps.locale) && (this.percentFormatter = new Intl.NumberFormat(this.asProps.locale, {
+        style: "percent"
+      }), this.percentFormatterLocale = this.asProps.locale), this.percentFormatter;
+    }
+  }, {
+    key: "getValueFormatter",
+    value: function() {
+      return (!this.valueFormatter || this.valueFormatterLocale !== this.asProps.locale) && (this.valueFormatter = new Intl.NumberFormat(this.asProps.locale), this.valueFormatterLocale = this.asProps.locale), this.valueFormatter;
+    }
+  }, {
+    key: "getPercentProps",
+    value: function(a, e) {
+      var t = this.asProps, s = t.data, l = t.x, o = t.scale, g = s[e][l], h = o[0].domain(), d = g / h[1], f = this.getPercentFormatter(), v = f.format(d);
+      return {
+        children: v,
+        formatted: v,
+        percent: d
+      };
+    }
+  }, {
+    key: "getValueProps",
+    value: function(a, e) {
+      var t = this.asProps, s = t.data, l = t.x, o = s[e][l], g = this.getValueFormatter(), h = g.format(o);
+      return {
+        children: h,
+        formatted: h,
+        value: o
+      };
+    }
+  }, {
+    key: "getHoverProps",
+    value: function(a, e) {
+      var t = this, s = this.asProps.data;
+      return {
+        data: s,
+        getBarData: function(o) {
+          return t.computeBarData(s[o], o);
+        },
+        render: e === 0
+      };
+    }
+  }, {
+    key: "getTooltipProps",
+    value: function(a, e) {
+      return {
+        render: e === 0,
+        index: e
+      };
+    }
+  }, {
+    key: "computeBarData",
+    value: function(a) {
+      var e = this.asProps, t = e.x, s = e.y, l = e.scale, o = e.offset, g = e.wMin, h = e.height, d = e.maxBarSize, f = d === void 0 ? 1 / 0 : d, v = e.size, B = typeof o == "function" ? o(i) : o, S = z(l, 2), k = S[0], E = S[1], P = k(a[t]), M = h || J(E).bandwidth(), b = Math.min(M, f), O = P === 0 ? 0 : Math.max(P, g), K = E(a[s]) + M / 2 - b / 2 + B[1];
+      return {
+        x: 0,
+        y: K,
+        width: O,
+        fullWidth: v[0],
+        height: b
+      };
+    }
+  }, {
+    key: "renderBar",
+    value: function(a, e) {
+      var t, s = this.Element, l = this.asProps, o = l.styles, g = l.groupKey, h = this.computeBarData(a, e), d = h.x, f = h.y;
+      return this.asProps.dataHintsHandler.describeValueEntity("".concat(e, ".").concat(d), g ?? a[f]), /* @__PURE__ */ u.createElement(u.Fragment, {
+        key: "horizontal-bar-".concat(e)
+      }, (t = y(o), /* @__PURE__ */ u.createElement(s, t.cn("SCompactHorizontalBarGroup", {
+        render: "g"
+      }))));
+    }
+  }, {
+    key: "renderBars",
+    value: function() {
+      var a = this.asProps.data;
+      return a.map(this.renderBar.bind(this));
+    }
+  }, {
+    key: "render",
+    value: function() {
+      var a = this.asProps, e = a.uid, t = a.size, s = a.duration;
+      return /* @__PURE__ */ u.createElement(u.Fragment, null, this.renderBars(), s && /* @__PURE__ */ u.createElement(q, {
+        "aria-hidden": !0,
+        duration: s,
+        id: e,
+        x: "0",
+        y: "0",
+        width: 0,
+        height: t[1]
+      }));
+    }
+  }]), c;
+}(j);
+m(C, "displayName", "CompactHorizontalBar");
+m(C, "enhance", [Y()]);
+m(C, "style", te);
+m(C, "defaultProps", {
+  offset: [0, 0],
+  duration: 500,
+  wMin: re,
+  locale: "en",
+  color: "chart-palette-order-1"
+});
+function ae(n) {
+  var _, c = n.Children, r = n.y, a = n.height, e = n.width, t = n.styles, s = "div";
+  return _ = y(t), /* @__PURE__ */ u.createElement("foreignObject", _.cn("foreignObject", {
+    x: "0",
+    y: r - x,
+    height: a,
+    width: e
+  }), /* @__PURE__ */ u.createElement(s, _.cn("SBarAnnotation", {}), /* @__PURE__ */ u.createElement(c, _.cn("Children", {}))));
+}
+var D = ["data", "scale", "value", "offset"];
+function ne(n) {
+  var _ = arguments[0], c, r = L, a = n.styles, e = n.Children;
+  return c = y(a), /* @__PURE__ */ u.createElement(r, c.cn("SBarLabel", F({}, R({
+    __excludeProps: D
+  }, _))), /* @__PURE__ */ u.createElement(e, c.cn("Children", {})));
+}
+function oe(n) {
+  var _ = arguments[0], c, r = L, a = n.styles, e = n.Children;
+  return c = y(a), /* @__PURE__ */ u.createElement(r, c.cn("SBarPercent", F({}, R({
+    __excludeProps: D
+  }, _))), /* @__PURE__ */ u.createElement(e, c.cn("Children", {})));
+}
+function ie(n) {
+  var _ = arguments[0], c, r = L, a = n.styles, e = n.Children;
+  return c = y(a), /* @__PURE__ */ u.createElement(r, c.cn("SBarValue", F({}, R({
+    __excludeProps: D
+  }, _))), /* @__PURE__ */ u.createElement(e, c.cn("Children", {})));
+}
+var T = /* @__PURE__ */ u.createContext({});
+function se(n) {
+  var _ = n.Children, c = n.index, r = n.onClick, a = n.transparent, e = n.hide, t = u.useCallback(function(l) {
+    r == null || r(c, l);
+  }, [r, c]), s = u.useMemo(function() {
+    return {
+      onClick: t,
+      transparent: a,
+      hide: e
+    };
+  }, [t, a, e]);
+  return /* @__PURE__ */ u.createElement(T.Provider, {
+    value: s
+  }, /* @__PURE__ */ u.createElement(_, null));
+}
+function le(n) {
+  var _, c = n.Element, r = n.styles, a = n.color, e = n.x, t = n.y, s = n.width, l = n.height, o = n.uid, g = n.duration, h = n.resolveColor, d = n.patterns, f = n.i, v = n.scale, B = z(v, 1), S = B[0], k = S.range(), E = k[1] - k[0], P = 0, M = u.useMemo(function() {
+    return E - P > s ? w(e, t, s, l, P) : w(e, t, s, l, P, !1, !0, !1, !0);
+  }, [e, t, l, s, P]), b = u.useContext(T);
+  return /* @__PURE__ */ u.createElement(u.Fragment, null, (_ = y(r), /* @__PURE__ */ u.createElement(c, _.cn("SBar", {
+    "aria-hidden": !0,
+    render: "path",
+    d: M,
+    clipPath: "url(#".concat(o, ")"),
+    __excludeProps: ["data", "scale", "value", "offset"],
+    childrenPosition: "above",
+    index: f,
+    color: h(a),
+    pattern: d ? "url(#".concat(o, "-").concat(f, "-pattern)") : void 0,
+    x: e,
+    y: t,
+    width: s,
+    height: l,
+    "use:duration": "".concat(g, "ms"),
+    onClick: N(n.onClick, b.onClick),
+    transparent: b.transparent || n.transparent,
+    hide: b.hide || n.hide
+  }))), d && /* @__PURE__ */ u.createElement(Z, _.cn("PatternFill", {
+    id: "".concat(o, "-").concat(f, "-pattern"),
+    patternKey: a,
+    color: h(a),
+    patterns: d
+  })));
+}
+function ce(n) {
+  var _, c = n.Element, r = n.styles, a = n.scale, e = n.y, t = n.x, s = n.height, l = z(a, 1), o = l[0], g = o.range(), h = g[1] - g[0], d = 0, f = u.useMemo(function() {
+    return w(t, e, h, s, d, !1, !0, !1, !0);
+  }, [t, e, s, h, d]), v = u.useContext(T);
+  return _ = y(r), /* @__PURE__ */ u.createElement(c, _.cn("SBackground", {
+    "aria-hidden": !0,
+    render: "path",
+    d: f,
+    childrenPosition: "above",
+    width: g[1] - g[0],
+    height: s,
+    x: t,
+    y: e,
+    transparent: v.transparent,
+    onClick: N(n.onClick, v.onClick)
+  }));
+}
+var ue = /* @__PURE__ */ function(n) {
+  I(c, n);
+  var _ = W(c);
+  function c() {
+    var r;
+    $(this, c);
+    for (var a = arguments.length, e = new Array(a), t = 0; t < a; t++)
+      e[t] = arguments[t];
+    return r = _.call.apply(_, [this].concat(e)), m(p(r), "state", {
+      index: null
+    }), m(p(r), "virtualElement", ee() ? document.createElement("div") : {}), m(p(r), "unsubscribeMouseMoveRoot", null), m(p(r), "unsubscribeMouseLeaveRoot", null), m(p(r), "handlerMouseMoveRoot", V(function(s) {
+      var l = r.asProps, o = l.eventEmitter, g = l.rootRef, h = l.patterns, d = Q(s, g.current), f = s.clientX, v = s.clientY, B = r.getIndex(d);
+      r.setState({
+        index: B
+      }, function() {
+        o.emit("setTooltipPosition", f, v), o.emit("setTooltipRenderingProps", {}, {
+          index: B,
+          patterns: h
+        }), o.emit("setTooltipVisible", B !== null);
+      });
+    })), m(p(r), "handlerMouseLeaveRoot", V(function() {
+      r.setState({
+        index: null
+      }, function() {
+        r.asProps.eventEmitter.emit("setTooltipVisible", !1);
+      });
+    })), r;
+  }
+  return A(c, [{
+    key: "generateGetBoundingClientRect",
+    value: function() {
+      var a = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : 0, e = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : 0;
+      return function() {
+        return {
+          width: 0,
+          height: 0,
+          top: e,
+          right: a,
+          bottom: e,
+          left: a
+        };
+      };
+    }
+  }, {
+    key: "getIndex",
+    value: function(a) {
+      for (var e = this.asProps, t = e.data, s = e.getBarData, l = 0; l < t.length; l++) {
+        var o = s(l);
+        if (a[0] >= o.x && a[0] <= o.x + o.fullWidth && a[1] >= o.y && a[1] <= o.y + o.height)
+          return l;
+      }
+      return null;
+    }
+  }, {
+    key: "componentDidMount",
+    value: function() {
+      var a = this, e = this.asProps.eventEmitter;
+      this.unsubscribeMouseMoveRoot = e.subscribe("onMouseMoveRoot", function(t) {
+        t.persist(), a.handlerMouseMoveRoot(t);
+      }), this.unsubscribeMouseLeaveRoot = e.subscribe("onMouseLeaveRoot", this.handlerMouseLeaveRoot);
+    }
+  }, {
+    key: "componentWillUnmount",
+    value: function() {
+      this.unsubscribeMouseMoveRoot && this.unsubscribeMouseMoveRoot(), this.unsubscribeMouseLeaveRoot && this.unsubscribeMouseLeaveRoot();
+    }
+  }, {
+    key: "render",
+    value: function() {
+      var a, e = this.asProps, t = e.styles, s = e.getBarData, l = e.render;
+      if (!l) return null;
+      var o = this.state.index, g = this.Element;
+      if (o === null) return null;
+      var h = s(o);
+      return a = y(t), /* @__PURE__ */ u.createElement(g, a.cn("SCompactHorizontalBarHoverRect", {
+        render: "rect",
+        x: h.x,
+        y: h.y + h.height - x - H * 2,
+        width: h.fullWidth,
+        height: x + H * 2
+      }));
+    }
+  }]), c;
+}(j), _e = function(_) {
+  var c = arguments[0], r;
+  if (!_.render) return null;
+  var a = G;
+  return r = y(_.styles), /* @__PURE__ */ u.createElement(a, r.cn("SCompactHorizontalBarRadarTooltip", F({}, R({
+    tag: he.Hover,
+    excludeAnchorProps: !0
+  }, c))));
+}, he = X(C, {
+  Annotation: ae,
+  Label: ne,
+  Percent: oe,
+  Value: ie,
+  Bar: [se, {
+    Fill: le,
+    Background: ce
+  }],
+  Hover: ue,
+  Tooltip: [_e, G._______childrenComponents]
+});
+export {
+  re as MIN_WIDTH,
+  he as default
+};