@pareto-engineering/design-system 5.3.0 → 5.4.0

package/dist/ui/a/Charts/AreaChart/AreaChart.js

@@ -0,0 +1,697 @@
+import { jsxs as $, jsx as w } from "react/jsx-runtime";
+import v, { PureComponent as me, useState as de } from "react";
+import { P as d } from "../../../../index-CxkFVI6N.js";
+import { s as he } from "../../../../exports.module-DmUnHWIJ.js";
+import "../../../../debounce-Cm69Z_cF.js";
+import "../../../../throttle-BCrS-Wew.js";
+import { DATE_FORMATS as G, formatDate as Q, formatTime as ve, parseDate as ye } from "../../../utils/formatting.js";
+import be from "../../ThroughPutIndicator/ThroughPutIndicator.js";
+import Ae from "../Common/CustomLegend/CustomLegend.js";
+import ge from "../Common/CustomTooltipContent/CustomTooltipContent.js";
+import xe from "../Common/YLabelsDropDown/YlabelsDropDown.js";
+import { a as T, L as z, m as Y, i as I, C as K, A as Oe, b as M, c as Z, d as Pe, e as ee, h as ie, j as De, k as we, u as Ee, l as H, G as Le, n as te, o as ae, D as _e, g as Se, f as je, R as ke, T as Ne } from "../../../../generateCategoricalChart-BBPxYd_a.js";
+import { X as oe, Y as se, C as Re } from "../../../../YAxis-C5dCrcDo.js";
+import '../../../../assets/AreaChart.css';var Ce = ["layout", "type", "stroke", "connectNulls", "isRange", "ref"], Te = ["key"], le;
+function B(e) {
+  "@babel/helpers - typeof";
+  return B = typeof Symbol == "function" && typeof Symbol.iterator == "symbol" ? function(t) {
+    return typeof t;
+  } : function(t) {
+    return t && typeof Symbol == "function" && t.constructor === Symbol && t !== Symbol.prototype ? "symbol" : typeof t;
+  }, B(e);
+}
+function ce(e, t) {
+  if (e == null) return {};
+  var r = Me(e, t), a, n;
+  if (Object.getOwnPropertySymbols) {
+    var i = Object.getOwnPropertySymbols(e);
+    for (n = 0; n < i.length; n++)
+      a = i[n], !(t.indexOf(a) >= 0) && Object.prototype.propertyIsEnumerable.call(e, a) && (r[a] = e[a]);
+  }
+  return r;
+}
+function Me(e, t) {
+  if (e == null) return {};
+  var r = {};
+  for (var a in e)
+    if (Object.prototype.hasOwnProperty.call(e, a)) {
+      if (t.indexOf(a) >= 0) continue;
+      r[a] = e[a];
+    }
+  return r;
+}
+function C() {
+  return C = Object.assign ? Object.assign.bind() : function(e) {
+    for (var t = 1; t < arguments.length; t++) {
+      var r = arguments[t];
+      for (var a in r)
+        Object.prototype.hasOwnProperty.call(r, a) && (e[a] = r[a]);
+    }
+    return e;
+  }, C.apply(this, arguments);
+}
+function re(e, t) {
+  var r = Object.keys(e);
+  if (Object.getOwnPropertySymbols) {
+    var a = Object.getOwnPropertySymbols(e);
+    t && (a = a.filter(function(n) {
+      return Object.getOwnPropertyDescriptor(e, n).enumerable;
+    })), r.push.apply(r, a);
+  }
+  return r;
+}
+function R(e) {
+  for (var t = 1; t < arguments.length; t++) {
+    var r = arguments[t] != null ? arguments[t] : {};
+    t % 2 ? re(Object(r), !0).forEach(function(a) {
+      S(e, a, r[a]);
+    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(r)) : re(Object(r)).forEach(function(a) {
+      Object.defineProperty(e, a, Object.getOwnPropertyDescriptor(r, a));
+    });
+  }
+  return e;
+}
+function Ie(e, t) {
+  if (!(e instanceof t))
+    throw new TypeError("Cannot call a class as a function");
+}
+function ne(e, t) {
+  for (var r = 0; r < t.length; r++) {
+    var a = t[r];
+    a.enumerable = a.enumerable || !1, a.configurable = !0, "value" in a && (a.writable = !0), Object.defineProperty(e, fe(a.key), a);
+  }
+}
+function Be(e, t, r) {
+  return t && ne(e.prototype, t), r && ne(e, r), Object.defineProperty(e, "prototype", { writable: !1 }), e;
+}
+function Fe(e, t, r) {
+  return t = q(t), We(e, ue() ? Reflect.construct(t, r || [], q(e).constructor) : t.apply(e, r));
+}
+function We(e, t) {
+  if (t && (B(t) === "object" || typeof t == "function"))
+    return t;
+  if (t !== void 0)
+    throw new TypeError("Derived constructors may only return object or undefined");
+  return ze(e);
+}
+function ze(e) {
+  if (e === void 0)
+    throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
+  return e;
+}
+function ue() {
+  try {
+    var e = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function() {
+    }));
+  } catch {
+  }
+  return (ue = function() {
+    return !!e;
+  })();
+}
+function q(e) {
+  return q = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function(r) {
+    return r.__proto__ || Object.getPrototypeOf(r);
+  }, q(e);
+}
+function Ve(e, t) {
+  if (typeof t != "function" && t !== null)
+    throw new TypeError("Super expression must either be null or a function");
+  e.prototype = Object.create(t && t.prototype, { constructor: { value: e, writable: !0, configurable: !0 } }), Object.defineProperty(e, "prototype", { writable: !1 }), t && X(e, t);
+}
+function X(e, t) {
+  return X = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function(a, n) {
+    return a.__proto__ = n, a;
+  }, X(e, t);
+}
+function S(e, t, r) {
+  return t = fe(t), t in e ? Object.defineProperty(e, t, { value: r, enumerable: !0, configurable: !0, writable: !0 }) : e[t] = r, e;
+}
+function fe(e) {
+  var t = $e(e, "string");
+  return B(t) == "symbol" ? t : t + "";
+}
+function $e(e, t) {
+  if (B(e) != "object" || !e) return e;
+  var r = e[Symbol.toPrimitive];
+  if (r !== void 0) {
+    var a = r.call(e, t);
+    if (B(a) != "object") return a;
+    throw new TypeError("@@toPrimitive must return a primitive value.");
+  }
+  return String(e);
+}
+var N = /* @__PURE__ */ function(e) {
+  function t() {
+    var r;
+    Ie(this, t);
+    for (var a = arguments.length, n = new Array(a), i = 0; i < a; i++)
+      n[i] = arguments[i];
+    return r = Fe(this, t, [].concat(n)), S(r, "state", {
+      isAnimationFinished: !0
+    }), S(r, "id", Ee("recharts-area-")), S(r, "handleAnimationEnd", function() {
+      var o = r.props.onAnimationEnd;
+      r.setState({
+        isAnimationFinished: !0
+      }), H(o) && o();
+    }), S(r, "handleAnimationStart", function() {
+      var o = r.props.onAnimationStart;
+      r.setState({
+        isAnimationFinished: !1
+      }), H(o) && o();
+    }), r;
+  }
+  return Ve(t, e), Be(t, [{
+    key: "renderDots",
+    value: function(a, n, i) {
+      var o = this.props.isAnimationActive, s = this.state.isAnimationFinished;
+      if (o && !s)
+        return null;
+      var l = this.props, c = l.dot, p = l.points, f = l.dataKey, m = T(this.props, !1), g = T(c, !0), x = p.map(function(b, D) {
+        var A = R(R(R({
+          key: "dot-".concat(D),
+          r: 3
+        }, m), g), {}, {
+          index: D,
+          cx: b.x,
+          cy: b.y,
+          dataKey: f,
+          value: b.value,
+          payload: b.payload,
+          points: p
+        });
+        return t.renderDotItem(c, A);
+      }), O = {
+        clipPath: a ? "url(#clipPath-".concat(n ? "" : "dots-").concat(i, ")") : null
+      };
+      return /* @__PURE__ */ v.createElement(z, C({
+        className: "recharts-area-dots"
+      }, O), x);
+    }
+  }, {
+    key: "renderHorizontalRect",
+    value: function(a) {
+      var n = this.props, i = n.baseLine, o = n.points, s = n.strokeWidth, l = o[0].x, c = o[o.length - 1].x, p = a * Math.abs(l - c), f = Y(o.map(function(m) {
+        return m.y || 0;
+      }));
+      return I(i) && typeof i == "number" ? f = Math.max(i, f) : i && Array.isArray(i) && i.length && (f = Math.max(Y(i.map(function(m) {
+        return m.y || 0;
+      })), f)), I(f) ? /* @__PURE__ */ v.createElement("rect", {
+        x: l < c ? l : l - p,
+        y: 0,
+        width: p,
+        height: Math.floor(f + (s ? parseInt("".concat(s), 10) : 1))
+      }) : null;
+    }
+  }, {
+    key: "renderVerticalRect",
+    value: function(a) {
+      var n = this.props, i = n.baseLine, o = n.points, s = n.strokeWidth, l = o[0].y, c = o[o.length - 1].y, p = a * Math.abs(l - c), f = Y(o.map(function(m) {
+        return m.x || 0;
+      }));
+      return I(i) && typeof i == "number" ? f = Math.max(i, f) : i && Array.isArray(i) && i.length && (f = Math.max(Y(i.map(function(m) {
+        return m.x || 0;
+      })), f)), I(f) ? /* @__PURE__ */ v.createElement("rect", {
+        x: 0,
+        y: l < c ? l : l - p,
+        width: f + (s ? parseInt("".concat(s), 10) : 1),
+        height: Math.floor(p)
+      }) : null;
+    }
+  }, {
+    key: "renderClipRect",
+    value: function(a) {
+      var n = this.props.layout;
+      return n === "vertical" ? this.renderVerticalRect(a) : this.renderHorizontalRect(a);
+    }
+  }, {
+    key: "renderAreaStatically",
+    value: function(a, n, i, o) {
+      var s = this.props, l = s.layout, c = s.type, p = s.stroke, f = s.connectNulls, m = s.isRange;
+      s.ref;
+      var g = ce(s, Ce);
+      return /* @__PURE__ */ v.createElement(z, {
+        clipPath: i ? "url(#clipPath-".concat(o, ")") : null
+      }, /* @__PURE__ */ v.createElement(K, C({}, T(g, !0), {
+        points: a,
+        connectNulls: f,
+        type: c,
+        baseLine: n,
+        layout: l,
+        stroke: "none",
+        className: "recharts-area-area"
+      })), p !== "none" && /* @__PURE__ */ v.createElement(K, C({}, T(this.props, !1), {
+        className: "recharts-area-curve",
+        layout: l,
+        type: c,
+        connectNulls: f,
+        fill: "none",
+        points: a
+      })), p !== "none" && m && /* @__PURE__ */ v.createElement(K, C({}, T(this.props, !1), {
+        className: "recharts-area-curve",
+        layout: l,
+        type: c,
+        connectNulls: f,
+        fill: "none",
+        points: n
+      })));
+    }
+  }, {
+    key: "renderAreaWithAnimation",
+    value: function(a, n) {
+      var i = this, o = this.props, s = o.points, l = o.baseLine, c = o.isAnimationActive, p = o.animationBegin, f = o.animationDuration, m = o.animationEasing, g = o.animationId, x = this.state, O = x.prevPoints, b = x.prevBaseLine;
+      return /* @__PURE__ */ v.createElement(Oe, {
+        begin: p,
+        duration: f,
+        isActive: c,
+        easing: m,
+        from: {
+          t: 0
+        },
+        to: {
+          t: 1
+        },
+        key: "area-".concat(g),
+        onAnimationEnd: this.handleAnimationEnd,
+        onAnimationStart: this.handleAnimationStart
+      }, function(D) {
+        var A = D.t;
+        if (O) {
+          var L = O.length / s.length, h = s.map(function(P, j) {
+            var k = Math.floor(j * L);
+            if (O[k]) {
+              var _ = O[k], F = M(_.x, P.x), W = M(_.y, P.y);
+              return R(R({}, P), {}, {
+                x: F(A),
+                y: W(A)
+              });
+            }
+            return P;
+          }), y;
+          if (I(l) && typeof l == "number") {
+            var u = M(b, l);
+            y = u(A);
+          } else if (Z(l) || Pe(l)) {
+            var E = M(b, 0);
+            y = E(A);
+          } else
+            y = l.map(function(P, j) {
+              var k = Math.floor(j * L);
+              if (b[k]) {
+                var _ = b[k], F = M(_.x, P.x), W = M(_.y, P.y);
+                return R(R({}, P), {}, {
+                  x: F(A),
+                  y: W(A)
+                });
+              }
+              return P;
+            });
+          return i.renderAreaStatically(h, y, a, n);
+        }
+        return /* @__PURE__ */ v.createElement(z, null, /* @__PURE__ */ v.createElement("defs", null, /* @__PURE__ */ v.createElement("clipPath", {
+          id: "animationClipPath-".concat(n)
+        }, i.renderClipRect(A))), /* @__PURE__ */ v.createElement(z, {
+          clipPath: "url(#animationClipPath-".concat(n, ")")
+        }, i.renderAreaStatically(s, l, a, n)));
+      });
+    }
+  }, {
+    key: "renderArea",
+    value: function(a, n) {
+      var i = this.props, o = i.points, s = i.baseLine, l = i.isAnimationActive, c = this.state, p = c.prevPoints, f = c.prevBaseLine, m = c.totalLength;
+      return l && o && o.length && (!p && m > 0 || !ee(p, o) || !ee(f, s)) ? this.renderAreaWithAnimation(a, n) : this.renderAreaStatically(o, s, a, n);
+    }
+  }, {
+    key: "render",
+    value: function() {
+      var a, n = this.props, i = n.hide, o = n.dot, s = n.points, l = n.className, c = n.top, p = n.left, f = n.xAxis, m = n.yAxis, g = n.width, x = n.height, O = n.isAnimationActive, b = n.id;
+      if (i || !s || !s.length)
+        return null;
+      var D = this.state.isAnimationFinished, A = s.length === 1, L = ie("recharts-area", l), h = f && f.allowDataOverflow, y = m && m.allowDataOverflow, u = h || y, E = Z(b) ? this.id : b, P = (a = T(o, !1)) !== null && a !== void 0 ? a : {
+        r: 3,
+        strokeWidth: 2
+      }, j = P.r, k = j === void 0 ? 3 : j, _ = P.strokeWidth, F = _ === void 0 ? 2 : _, W = De(o) ? o : {}, U = W.clipDot, J = U === void 0 ? !0 : U, V = k * 2 + F;
+      return /* @__PURE__ */ v.createElement(z, {
+        className: L
+      }, h || y ? /* @__PURE__ */ v.createElement("defs", null, /* @__PURE__ */ v.createElement("clipPath", {
+        id: "clipPath-".concat(E)
+      }, /* @__PURE__ */ v.createElement("rect", {
+        x: h ? p : p - g / 2,
+        y: y ? c : c - x / 2,
+        width: h ? g : g * 2,
+        height: y ? x : x * 2
+      })), !J && /* @__PURE__ */ v.createElement("clipPath", {
+        id: "clipPath-dots-".concat(E)
+      }, /* @__PURE__ */ v.createElement("rect", {
+        x: p - V / 2,
+        y: c - V / 2,
+        width: g + V,
+        height: x + V
+      }))) : null, A ? null : this.renderArea(u, E), (o || A) && this.renderDots(u, J, E), (!O || D) && we.renderCallByParent(this.props, s));
+    }
+  }], [{
+    key: "getDerivedStateFromProps",
+    value: function(a, n) {
+      return a.animationId !== n.prevAnimationId ? {
+        prevAnimationId: a.animationId,
+        curPoints: a.points,
+        curBaseLine: a.baseLine,
+        prevPoints: n.curPoints,
+        prevBaseLine: n.curBaseLine
+      } : a.points !== n.curPoints || a.baseLine !== n.curBaseLine ? {
+        curPoints: a.points,
+        curBaseLine: a.baseLine
+      } : null;
+    }
+  }]);
+}(me);
+le = N;
+S(N, "displayName", "Area");
+S(N, "defaultProps", {
+  stroke: "#3182bd",
+  fill: "#3182bd",
+  fillOpacity: 0.6,
+  xAxisId: 0,
+  yAxisId: 0,
+  legendType: "line",
+  connectNulls: !1,
+  // points of area
+  points: [],
+  dot: !1,
+  activeDot: !0,
+  hide: !1,
+  isAnimationActive: !Le.isSsr,
+  animationBegin: 0,
+  animationDuration: 1500,
+  animationEasing: "ease"
+});
+S(N, "getBaseValue", function(e, t, r, a) {
+  var n = e.layout, i = e.baseValue, o = t.props.baseValue, s = o ?? i;
+  if (I(s) && typeof s == "number")
+    return s;
+  var l = n === "horizontal" ? a : r, c = l.scale.domain();
+  if (l.type === "number") {
+    var p = Math.max(c[0], c[1]), f = Math.min(c[0], c[1]);
+    return s === "dataMin" ? f : s === "dataMax" || p < 0 ? p : Math.max(Math.min(c[0], c[1]), 0);
+  }
+  return s === "dataMin" ? c[0] : s === "dataMax" ? c[1] : c[0];
+});
+S(N, "getComposedData", function(e) {
+  var t = e.props, r = e.item, a = e.xAxis, n = e.yAxis, i = e.xAxisTicks, o = e.yAxisTicks, s = e.bandSize, l = e.dataKey, c = e.stackedData, p = e.dataStartIndex, f = e.displayedData, m = e.offset, g = t.layout, x = c && c.length, O = le.getBaseValue(t, r, a, n), b = g === "horizontal", D = !1, A = f.map(function(h, y) {
+    var u;
+    x ? u = c[p + y] : (u = te(h, l), Array.isArray(u) ? D = !0 : u = [O, u]);
+    var E = u[1] == null || x && te(h, l) == null;
+    return b ? {
+      x: ae({
+        axis: a,
+        ticks: i,
+        bandSize: s,
+        entry: h,
+        index: y
+      }),
+      y: E ? null : n.scale(u[1]),
+      value: u,
+      payload: h
+    } : {
+      x: E ? null : a.scale(u[1]),
+      y: ae({
+        axis: n,
+        ticks: o,
+        bandSize: s,
+        entry: h,
+        index: y
+      }),
+      value: u,
+      payload: h
+    };
+  }), L;
+  return x || D ? L = A.map(function(h) {
+    var y = Array.isArray(h.value) ? h.value[0] : null;
+    return b ? {
+      x: h.x,
+      y: y != null && h.y != null ? n.scale(y) : null
+    } : {
+      x: y != null ? a.scale(y) : null,
+      y: h.y
+    };
+  }) : L = b ? n.scale(O) : a.scale(O), R({
+    points: A,
+    baseLine: L,
+    layout: g,
+    isRange: D
+  }, m);
+});
+S(N, "renderDotItem", function(e, t) {
+  var r;
+  if (/* @__PURE__ */ v.isValidElement(e))
+    r = /* @__PURE__ */ v.cloneElement(e, t);
+  else if (H(e))
+    r = e(t);
+  else {
+    var a = ie("recharts-area-dot", typeof e != "boolean" ? e.className : ""), n = t.key, i = ce(t, Te);
+    r = /* @__PURE__ */ v.createElement(_e, C({}, i, {
+      key: n,
+      className: a
+    }));
+  }
+  return r;
+});
+var Ye = Se({
+  chartName: "AreaChart",
+  GraphicalChild: N,
+  axisComponents: [{
+    axisType: "xAxis",
+    AxisComp: oe
+  }, {
+    axisType: "yAxis",
+    AxisComp: se
+  }],
+  formatAxisMap: je
+});
+const qe = he.base, Ke = "area-chart", He = (e, t) => {
+  if (!e || e.length < 2 || !t) return !0;
+  const r = e.map((s) => ye(s[t])).filter((s) => s !== null);
+  if (r.length < 2) return !0;
+  r.sort((s, l) => s.getTime() - l.getTime());
+  const a = r[0];
+  return (r[r.length - 1].getTime() - a.getTime()) / (1e3 * 60 * 60 * 24) > 4;
+}, pe = ({
+  id: e,
+  className: t,
+  data: r,
+  title: a,
+  xKey: n,
+  yKeys: i,
+  xLabel: o,
+  yLabel: s,
+  colors: l,
+  filled: c,
+  height: p,
+  width: f,
+  isTimeFormat: m,
+  dateFormat: g,
+  capitalizedLegend: x,
+  isWorkerSubmissionChart: O,
+  totalSubmissions: b
+}) => {
+  const D = i.map((u) => ({
+    label: u,
+    color: l[i.indexOf(u)]
+  })), [A, L] = de(D), h = () => {
+    const u = r.map((k) => i.map((_) => k[_])), E = Math.min(...u.flat()), P = Math.max(...u.flat()), j = (P - E) * 0.1;
+    return [Math.max(E - j, 0), P + j];
+  }, y = He(r, n);
+  return /* @__PURE__ */ $(
+    "div",
+    {
+      id: e,
+      className: [
+        qe,
+        Ke,
+        t
+      ].filter((u) => u).join(" "),
+      children: [
+        /* @__PURE__ */ $("div", { className: "chart-header", children: [
+          /* @__PURE__ */ w("h3", { children: a }),
+          /* @__PURE__ */ w(
+            xe,
+            {
+              allYLabels: D,
+              selectedYLabels: A,
+              setSelectedYLabels: L
+            }
+          )
+        ] }),
+        O && /* @__PURE__ */ $("div", { className: "worker-submissions-total-percentage-container", children: [
+          /* @__PURE__ */ w("p", { className: "total-submissions-text", children: b }),
+          /* @__PURE__ */ w(be, { data: r, keyName: "reserved" })
+        ] }),
+        /* @__PURE__ */ w(
+          Ae,
+          {
+            colorsArray: l,
+            yKeysArray: i,
+            capitalizedLegend: x
+          },
+          e
+        ),
+        /* @__PURE__ */ w(ke, { width: f, height: p, children: /* @__PURE__ */ $(Ye, { data: r, children: [
+          /* @__PURE__ */ w(Re, { strokeDasharray: "3 3" }),
+          /* @__PURE__ */ w(
+            oe,
+            {
+              dataKey: n,
+              label: { value: o, position: "insideBottom", offset: -5 },
+              axisLine: !1,
+              tickLine: !1,
+              tickCount: 3,
+              tickFormatter: (u) => y ? Q(u, g) : Q(u, G.HUMAN_READABLE_WITH_TIME)
+            }
+          ),
+          /* @__PURE__ */ w(
+            se,
+            {
+              domain: h,
+              scale: "linear",
+              interval: "equidistantPreserveStart",
+              label: {
+                value: s,
+                angle: -90,
+                position: "left",
+                offset: -3,
+                style: { textAnchor: "middle" }
+              },
+              padding: { top: 10, bottom: 10 },
+              axisLine: !1,
+              tickLine: !1,
+              tickFormatter: (u) => m ? ve(u) : O ? Math.round(u) : u.toFixed(2)
+            }
+          ),
+          /* @__PURE__ */ w(
+            Ne,
+            {
+              content: /* @__PURE__ */ w(
+                ge,
+                {
+                  dateFormat: g,
+                  isTimeFormat: m
+                }
+              )
+            }
+          ),
+          c && /* @__PURE__ */ w(
+            N,
+            {
+              id: "bounds",
+              type: "linear",
+              dataKey: "bounds",
+              stroke: "none",
+              fill: "var(--hard-ui-main-2)",
+              fillOpacity: 0.4,
+              activeDot: !1,
+              dot: !1,
+              label: !1,
+              isAnimationActive: !1
+            }
+          ),
+          A.map((u) => /* @__PURE__ */ w(
+            N,
+            {
+              id: u.label,
+              type: "linear",
+              dataKey: u.label,
+              stroke: u.color,
+              fill: "none",
+              connectNulls: !0,
+              dot: !1,
+              activeDot: { r: 4 },
+              isAnimationActive: !1
+            },
+            u.label
+          ))
+        ] }) })
+      ]
+    }
+  );
+};
+pe.propTypes = {
+  /**
+   * Array of data objects to be displayed in the chart.
+   */
+  // eslint-disable-next-line react/forbid-prop-types
+  data: d.arrayOf(d.object).isRequired,
+  /**
+   * Title of the chart.
+   */
+  title: d.string.isRequired,
+  /**
+   * Key for the x-axis data.
+   */
+  xKey: d.string.isRequired,
+  /**
+   * Array of keys for the y-axis data.
+   */
+  yKeys: d.arrayOf(d.string).isRequired,
+  /**
+   * Label for the x-axis.
+   */
+  xLabel: d.string,
+  /**
+   * Label for the y-axis.
+   */
+  yLabel: d.string,
+  /**
+   * Array of colors corresponding to the y-axis data keys.
+   */
+  colors: d.arrayOf(d.string).isRequired,
+  /**
+   * Boolean to determine if the area under the curve should be filled.
+   */
+  filled: d.bool,
+  /**
+   * Height of the chart.
+   */
+  height: d.oneOfType([
+    d.string,
+    d.number
+  ]),
+  /**
+   * Width of the chart.
+   */
+  width: d.oneOfType([
+    d.string,
+    d.number
+  ]),
+  /**
+   * Flag on whether to capitalize legend keys
+   */
+  capitalizedLegend: d.bool,
+  /**
+   * Flag on whether it is a timeformat or not
+   */
+  isTimeFormat: d.bool,
+  /**
+   * The type of format for the datetime value
+   */
+  dateFormat: d.oneOf(Object.values(G)),
+  /**
+   * Flag on whether the chart is a worker submission chart or not
+   */
+  isWorkerSubmissionChart: d.bool,
+  /**
+   * Total submissions
+   */
+  totalSubmissions: d.number
+};
+pe.defaultProps = {
+  filled: !1,
+  width: "100%",
+  height: 300,
+  capitalizedLegend: !1,
+  isTimeFormat: !1,
+  dateFormat: G.HUMAN_READABLE,
+  isWorkerSubmissionChart: !1
+};
+export {
+  pe as default
+};

package/dist/ui/a/Charts/AreaChart/index.js

@@ -0,0 +1,4 @@
+import { default as e } from "./AreaChart.js";
+export {
+  e as AreaChart
+};