@semcore/d3-chart 16.5.0 → 17.0.0-prerelease.8

package/lib/esm/component/Chart/BubbleChart.mjs

@@ -1,7 +1,3 @@
-import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
-import _createClass from "@babel/runtime/helpers/esm/createClass";
-import _callSuper from "@babel/runtime/helpers/esm/callSuper";
-import _inherits from "@babel/runtime/helpers/esm/inherits";
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import { createComponent } from "@semcore/core";
 import i18nEnhance from "@semcore/core/lib/utils/enhances/i18nEnhance";
@@ -12,128 +8,124 @@ import Bubble from "../../Bubble.mjs";
 import { calculateBubbleDomain } from "../../utils.mjs";
 import { AbstractChart } from "./AbstractChart.mjs";
 import { localizedMessages } from "../../translations/__intergalactic-dynamic-locales.mjs";
-var BubbleChartComponent = /* @__PURE__ */ (function(_AbstractChart) {
-  function BubbleChartComponent2() {
-    _classCallCheck(this, BubbleChartComponent2);
-    return _callSuper(this, BubbleChartComponent2, arguments);
+class BubbleChartComponent extends AbstractChart {
+  get dataKeys() {
+    const {
+      data
+    } = this.props;
+    return data.map((_, index) => index.toString());
   }
-  _inherits(BubbleChartComponent2, _AbstractChart);
-  return _createClass(BubbleChartComponent2, [{
-    key: "dataKeys",
-    get: function get() {
-      var data = this.props.data;
-      return data.map(function(_, index) {
-        return index.toString();
-      });
-    }
-  }, {
-    key: "getDefaultDataDefinitions",
-    value: function getDefaultDataDefinitions() {
-      var _this = this;
-      var _this$props = this.props, legendProps = _this$props.legendProps, data = _this$props.data;
-      return data.map(function(item, index) {
-        var _legendProps$legendMa, _ref, _legendData$label, _legendData$icon, _legendData$defaultCh;
-        var key = index.toString();
-        var legendData = legendProps === null || legendProps === void 0 || (_legendProps$legendMa = legendProps.legendMap) === null || _legendProps$legendMa === void 0 ? void 0 : _legendProps$legendMa[key];
-        if (item.color === void 0) {
-          item.color = _this.resolveColor(key, index);
-        }
-        var dataDefinition = {
-          id: key,
-          label: (_ref = (_legendData$label = legendData === null || legendData === void 0 ? void 0 : legendData.label) !== null && _legendData$label !== void 0 ? _legendData$label : item.label) !== null && _ref !== void 0 ? _ref : key,
-          icon: (_legendData$icon = legendData === null || legendData === void 0 ? void 0 : legendData.icon) !== null && _legendData$icon !== void 0 ? _legendData$icon : void 0,
-          checked: (_legendData$defaultCh = legendData === null || legendData === void 0 ? void 0 : legendData.defaultChecked) !== null && _legendData$defaultCh !== void 0 ? _legendData$defaultCh : true,
-          color: item.color,
-          columns: []
-        };
-        if (legendData !== null && legendData !== void 0 && legendData.additionalInfo || legendData !== null && legendData !== void 0 && legendData.count) {
-          dataDefinition.additionalInfo = legendData.additionalInfo ? {
-            label: legendData.additionalInfo
-          } : legendData.count ? {
-            count: legendData.count
-          } : void 0;
-        }
-        return dataDefinition;
-      });
-    }
-  }, {
-    key: "xScale",
-    get: function get() {
-      var _this$asProps = this.asProps, xScale = _this$asProps.xScale, _this$asProps$marginY = _this$asProps.marginY, marginY = _this$asProps$marginY === void 0 ? 30 : _this$asProps$marginY, plotWidth = _this$asProps.plotWidth, data = _this$asProps.data;
-      if (xScale) {
-        return xScale;
+  getDefaultDataDefinitions() {
+    const {
+      legendProps,
+      data
+    } = this.props;
+    return data.map((item, index) => {
+      var _a;
+      const key = index.toString();
+      const legendData = (_a = legendProps == null ? void 0 : legendProps.legendMap) == null ? void 0 : _a[key];
+      if (item.color === void 0) {
+        item.color = this.resolveColor(key, index);
       }
-      var range = [marginY, plotWidth - this.plotPadding];
-      var domain = calculateBubbleDomain(data, "x", range);
-      return scaleLinear().domain(domain).range(range);
-    }
-  }, {
-    key: "yScale",
-    get: function get() {
-      var _this$asProps2 = this.asProps, yScale = _this$asProps2.yScale, _this$asProps2$margin = _this$asProps2.marginX, marginX = _this$asProps2$margin === void 0 ? 30 : _this$asProps2$margin, plotHeight = _this$asProps2.plotHeight, data = _this$asProps2.data;
-      if (yScale) {
-        return yScale;
+      const dataDefinition = {
+        id: key,
+        label: (legendData == null ? void 0 : legendData.label) ?? item.label ?? key,
+        icon: (legendData == null ? void 0 : legendData.icon) ?? void 0,
+        checked: (legendData == null ? void 0 : legendData.defaultChecked) ?? true,
+        color: item.color,
+        columns: []
+      };
+      if ((legendData == null ? void 0 : legendData.additionalInfo) || (legendData == null ? void 0 : legendData.count)) {
+        dataDefinition.additionalInfo = legendData.additionalInfo ? {
+          label: legendData.additionalInfo
+        } : legendData.count ? {
+          count: legendData.count
+        } : void 0;
       }
-      var range = [plotHeight - marginX, this.plotPadding];
-      var domain = calculateBubbleDomain(data, "y", range);
-      return scaleLinear().domain(domain).range(range);
+      return dataDefinition;
+    });
+  }
+  get xScale() {
+    const {
+      xScale,
+      marginY = 30,
+      plotWidth,
+      data
+    } = this.asProps;
+    if (xScale) {
+      return xScale;
+    }
+    const range = [marginY, plotWidth - this.plotPadding];
+    const domain = calculateBubbleDomain(data, "x", range);
+    return scaleLinear().domain(domain).range(range);
+  }
+  get yScale() {
+    const {
+      yScale,
+      marginX = 30,
+      plotHeight,
+      data
+    } = this.asProps;
+    if (yScale) {
+      return yScale;
     }
-  }, {
-    key: "defaultLegendProps",
-    value: function defaultLegendProps() {
+    const range = [plotHeight - marginX, this.plotPadding];
+    const domain = calculateBubbleDomain(data, "y", range);
+    return scaleLinear().domain(domain).range(range);
+  }
+  defaultLegendProps() {
+    return {
+      shape: "Circle"
+    };
+  }
+  renderChart() {
+    const {
+      onClickBubble
+    } = this.asProps;
+    const {
+      dataDefinitions
+    } = this.state;
+    return /* @__PURE__ */ React.createElement(Bubble, {
+      onClick: onClickBubble,
+      x: "x",
+      y: "y",
+      value: "value",
+      color: "color",
+      label: "label"
+    }, dataDefinitions.map(({
+      checked,
+      id
+    }, index) => /* @__PURE__ */ React.createElement(Bubble.Circle, {
+      visible: checked,
+      key: id,
+      index
+    })));
+  }
+  renderTooltip() {
+    return /* @__PURE__ */ React.createElement(Bubble.Tooltip, null, ({
+      index,
+      data
+    }) => {
       return {
-        shape: "Circle"
+        children: /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(Bubble.Tooltip.Title, null, "Data"), /* @__PURE__ */ React.createElement(Text, {
+          tag: "div"
+        }, "X axis", " ", data[index].x), /* @__PURE__ */ React.createElement(Text, {
+          tag: "div"
+        }, "Y axis", " ", data[index].y), /* @__PURE__ */ React.createElement(Text, {
+          tag: "div"
+        }, "Value", " ", data[index].value))
       };
-    }
-  }, {
-    key: "renderChart",
-    value: function renderChart() {
-      var onClickBubble = this.asProps.onClickBubble;
-      var dataDefinitions = this.state.dataDefinitions;
-      return /* @__PURE__ */ React.createElement(Bubble, {
-        onClick: onClickBubble,
-        x: "x",
-        y: "y",
-        value: "value",
-        color: "color",
-        label: "label"
-      }, dataDefinitions.map(function(_ref2, index) {
-        var checked = _ref2.checked, id = _ref2.id;
-        return /* @__PURE__ */ React.createElement(Bubble.Circle, {
-          visible: checked,
-          key: id,
-          index
-        });
-      }));
-    }
-  }, {
-    key: "renderTooltip",
-    value: function renderTooltip() {
-      return /* @__PURE__ */ React.createElement(Bubble.Tooltip, null, function(_ref3) {
-        var index = _ref3.index, data = _ref3.data;
-        return {
-          children: /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(Bubble.Tooltip.Title, null, "Data"), /* @__PURE__ */ React.createElement(Text, {
-            tag: "div"
-          }, "X axis", " ", data[index].x), /* @__PURE__ */ React.createElement(Text, {
-            tag: "div"
-          }, "Y axis", " ", data[index].y), /* @__PURE__ */ React.createElement(Text, {
-            tag: "div"
-          }, "Value", " ", data[index].value))
-        };
-      });
-    }
-  }, {
-    key: "getLegendAriaLabel",
-    value: function getLegendAriaLabel() {
-      return this.asProps.getI18nText("legendForChart", {
-        chartType: "Bubble"
-      });
-    }
-  }]);
-})(AbstractChart);
+    });
+  }
+  getLegendAriaLabel() {
+    return this.asProps.getI18nText("legendForChart", {
+      chartType: "Bubble"
+    });
+  }
+}
 _defineProperty(BubbleChartComponent, "displayName", "Chart.Bubble");
 _defineProperty(BubbleChartComponent, "enhance", [i18nEnhance(localizedMessages)]);
-var BubbleChart = createComponent(BubbleChartComponent);
+const BubbleChart = createComponent(BubbleChartComponent);
 export {
   BubbleChart
 };