intergalactic 15.87.0-prerelease.3 → 15.88.0

package/libs/d3-chart/lib/cjs/component/Chart/RadarChart.js

@@ -0,0 +1,121 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.RadarChart = void 0;
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+var _get2 = _interopRequireDefault(require("@babel/runtime/helpers/get"));
+var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
+var _react = _interopRequireDefault(require("react"));
+var _core = _interopRequireDefault(require("@semcore/core"));
+var _d3Scale = require("d3-scale");
+var _AbstractChart2 = require("./AbstractChart");
+var _ = require("../..");
+// @ts-ignore
+var RadarChartComponent = /*#__PURE__*/function (_AbstractChart) {
+  (0, _inherits2["default"])(RadarChartComponent, _AbstractChart);
+  var _super = (0, _createSuper2["default"])(RadarChartComponent);
+  function RadarChartComponent() {
+    (0, _classCallCheck2["default"])(this, RadarChartComponent);
+    return _super.apply(this, arguments);
+  }
+  (0, _createClass2["default"])(RadarChartComponent, [{
+    key: "renderChart",
+    value: function renderChart() {
+      var _this$asProps = this.asProps,
+        groupKey = _this$asProps.groupKey,
+        showDots = _this$asProps.showDots,
+        circle = _this$asProps.circle;
+      var _this$state = this.state,
+        dataDefinitions = _this$state.dataDefinitions,
+        highlightedLine = _this$state.highlightedLine;
+      return /*#__PURE__*/_react["default"].createElement(_.Radar, {
+        scale: this.xScale,
+        type: circle ? 'circle' : undefined
+      }, /*#__PURE__*/_react["default"].createElement(_.Radar.Axis, {
+        dataKey: groupKey
+      }, /*#__PURE__*/_react["default"].createElement(_.Radar.Axis.Ticks, null), /*#__PURE__*/_react["default"].createElement(_.Radar.Axis.Labels, null)), dataDefinitions.map(function (item) {
+        return item.checked && /*#__PURE__*/_react["default"].createElement(_.Radar.Polygon, {
+          dataKey: item.id,
+          key: item.id,
+          color: item.color
+        }, /*#__PURE__*/_react["default"].createElement(_.Radar.Polygon.Line, null), showDots && /*#__PURE__*/_react["default"].createElement(_.Radar.Polygon.Dots, null));
+      }), this.renderRadarTooltip());
+    }
+  }, {
+    key: "renderRadarTooltip",
+    value: function renderRadarTooltip() {
+      var _this = this;
+      var _this$asProps2 = this.asProps,
+        data = _this$asProps2.data,
+        groupKey = _this$asProps2.groupKey,
+        showTooltip = _this$asProps2.showTooltip;
+      var dataDefinitions = this.state.dataDefinitions;
+      if (!showTooltip) {
+        return null;
+      }
+      return /*#__PURE__*/_react["default"].createElement(_.Radar.Tooltip, {
+        wMin: 100
+      }, function (_ref) {
+        var _data$groupKey;
+        var index = _ref.index;
+        return {
+          children: /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_.Radar.Tooltip.Title, null, (_data$groupKey = data[groupKey]) === null || _data$groupKey === void 0 ? void 0 : _data$groupKey[index]), dataDefinitions.map(function (item) {
+            var _data$item$id;
+            var value = (_data$item$id = data[item.id]) === null || _data$item$id === void 0 ? void 0 : _data$item$id[index];
+            return item.checked && /*#__PURE__*/_react["default"].createElement(_.Radar.Tooltip.Dot, {
+              color: item.color,
+              key: item.id
+            }, _this.tooltipValueFormatter(value));
+          }))
+        };
+      });
+    }
+
+    // By default, tooltip will render in Plot component.
+    // In RadarChart, we need to render it in Radar component, so we use renderRadarTooltip method
+  }, {
+    key: "renderTooltip",
+    value: function renderTooltip() {
+      return null;
+    }
+  }, {
+    key: "dataKeys",
+    get: function get() {
+      var _this$props = this.props,
+        data = _this$props.data,
+        groupKey = _this$props.groupKey;
+      var legendKeys = Object.keys(data).filter(function (key) {
+        return key !== groupKey;
+      });
+      return legendKeys;
+    }
+  }, {
+    key: "xScale",
+    get: function get() {
+      var _this$asProps$scale;
+      return (_this$asProps$scale = this.asProps.scale) !== null && _this$asProps$scale !== void 0 ? _this$asProps$scale : (0, _d3Scale.scaleLinear)().domain(this.domain);
+    }
+  }, {
+    key: "yScale",
+    get: function get() {
+      var _this$asProps$scale2;
+      return (_this$asProps$scale2 = this.asProps.scale) !== null && _this$asProps$scale2 !== void 0 ? _this$asProps$scale2 : (0, _d3Scale.scaleLinear)().domain(this.domain);
+    }
+  }, {
+    key: "domain",
+    get: function get() {
+      return [Math.min.apply(Math, (0, _toConsumableArray2["default"])((0, _get2["default"])((0, _getPrototypeOf2["default"])(RadarChartComponent.prototype), "flatValues", this))), Math.max.apply(Math, (0, _toConsumableArray2["default"])((0, _get2["default"])((0, _getPrototypeOf2["default"])(RadarChartComponent.prototype), "flatValues", this)))];
+    }
+  }]);
+  return RadarChartComponent;
+}(_AbstractChart2.AbstractChart);
+var RadarChart = (0, _core["default"])(RadarChartComponent);
+exports.RadarChart = RadarChart;
+//# sourceMappingURL=RadarChart.js.map

package/libs/d3-chart/lib/cjs/component/Chart/RadarChart.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RadarChart.js","names":["_react","_interopRequireDefault","require","_core","_d3Scale","_AbstractChart2","_","RadarChartComponent","_AbstractChart","_inherits2","_super","_createSuper2","_classCallCheck2","apply","arguments","_createClass2","key","value","renderChart","_this$asProps","asProps","groupKey","showDots","circle","_this$state","state","dataDefinitions","highlightedLine","createElement","Radar","scale","xScale","type","undefined","Axis","dataKey","Ticks","Labels","map","item","checked","Polygon","id","color","Line","Dots","renderRadarTooltip","_this","_this$asProps2","data","showTooltip","Tooltip","wMin","_ref","_data$groupKey","index","children","Fragment","Title","_data$item$id","Dot","tooltipValueFormatter","renderTooltip","get","_this$props","props","legendKeys","Object","keys","filter","_this$asProps$scale","scaleLinear","domain","_this$asProps$scale2","Math","min","_toConsumableArray2","_get2","_getPrototypeOf2","prototype","max","AbstractChart","RadarChart","createComponent","exports"],"sources":["../../../../src/component/Chart/RadarChart.tsx"],"sourcesContent":["import React from 'react';\nimport createComponent from '@semcore/core';\nimport { scaleLinear, ScaleLinear } from 'd3-scale';\nimport { AbstractChart } from './AbstractChart';\nimport { RadarChartData, RadarChartProps, RadarChartType } from './RadarChart.type';\n// @ts-ignore\nimport { Radar } from '../..';\n\nclass RadarChartComponent extends AbstractChart<RadarChartData, RadarChartProps> {\n  protected renderChart(): React.ReactNode {\n    const { groupKey, showDots, circle } = this.asProps;\n    const { dataDefinitions, highlightedLine } = this.state;\n\n    return (\n      <Radar scale={this.xScale} type={circle ? 'circle' : undefined}>\n        <Radar.Axis dataKey={groupKey}>\n          <Radar.Axis.Ticks />\n          <Radar.Axis.Labels />\n        </Radar.Axis>\n\n        {dataDefinitions.map((item) => {\n          return (\n            item.checked && (\n              <Radar.Polygon dataKey={item.id} key={item.id} color={item.color}>\n                <Radar.Polygon.Line />\n                {showDots && <Radar.Polygon.Dots />}\n              </Radar.Polygon>\n            )\n          );\n        })}\n        {this.renderRadarTooltip()}\n      </Radar>\n    );\n  }\n\n  protected renderRadarTooltip(): React.ReactNode {\n    const { data, groupKey, showTooltip } = this.asProps;\n    const { dataDefinitions } = this.state;\n\n    if (!showTooltip) {\n      return null;\n    }\n\n    return (\n      <Radar.Tooltip wMin={100}>\n        {({ index }: any) => {\n          return {\n            children: (\n              <>\n                <Radar.Tooltip.Title>{data[groupKey]?.[index]}</Radar.Tooltip.Title>\n\n                {dataDefinitions.map((item) => {\n                  const value = data[item.id]?.[index];\n\n                  return (\n                    item.checked && (\n                      <Radar.Tooltip.Dot color={item.color} key={item.id}>\n                        {this.tooltipValueFormatter(value)}\n                      </Radar.Tooltip.Dot>\n                    )\n                  );\n                })}\n              </>\n            ),\n          };\n        }}\n      </Radar.Tooltip>\n    );\n  }\n\n  // By default, tooltip will render in Plot component.\n  // In RadarChart, we need to render it in Radar component, so we use renderRadarTooltip method\n  protected renderTooltip(): React.ReactNode {\n    return null;\n  }\n\n  protected get dataKeys(): string[] {\n    const { data, groupKey } = this.props;\n\n    const legendKeys: string[] = Object.keys(data).filter((key) => key !== groupKey);\n\n    return legendKeys;\n  }\n\n  protected get xScale(): ScaleLinear<any, any> {\n    return this.asProps.scale ?? scaleLinear().domain(this.domain);\n  }\n\n  protected get yScale(): ScaleLinear<any, any> {\n    return this.asProps.scale ?? scaleLinear().domain(this.domain);\n  }\n\n  private get domain(): [number, number] {\n    return [Math.min(...super.flatValues), Math.max(...super.flatValues)];\n  }\n}\n\nexport const RadarChart: RadarChartType = createComponent(RadarChartComponent);\n"],"mappings":"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"}

package/libs/d3-chart/lib/cjs/component/Chart/RadarChart.type.js

@@ -0,0 +1,2 @@
+"use strict";
+//# sourceMappingURL=RadarChart.type.js.map

package/libs/d3-chart/lib/cjs/component/Chart/RadarChart.type.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RadarChart.type.js","names":[],"sources":["../../../../src/component/Chart/RadarChart.type.ts"],"sourcesContent":["import { Intergalactic } from '@semcore/core';\nimport { Flex } from '@semcore/flex-box';\nimport { ScaleLinear } from 'd3-scale';\nimport { BaseChartProps } from './AbstractChart.type';\n\nexport type RadarChartData = Record<string, string[] | number[]>;\n\nexport type RadarChartProps = BaseChartProps<RadarChartData> & {\n  groupKey: string;\n  scale?: ScaleLinear<any, any>;\n  xScale?: never;\n  yScale?: never;\n  showDots?: boolean;\n  circle?: boolean;\n};\n\nexport type RadarChartType = Intergalactic.Component<typeof Flex, RadarChartProps>;\n"],"mappings":""}

package/libs/d3-chart/lib/cjs/component/Chart/ScatterPlotChart.js

@@ -0,0 +1,159 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ScatterPlotChart = void 0;
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _react = _interopRequireDefault(require("react"));
+var _core = _interopRequireDefault(require("@semcore/core"));
+var _d3Scale = require("d3-scale");
+var _ = require("../..");
+var _AbstractChart2 = require("./AbstractChart");
+var _typography = require("@semcore/typography");
+// @ts-ignore
+var ScatterPlotChartComponent = /*#__PURE__*/function (_AbstractChart) {
+  (0, _inherits2["default"])(ScatterPlotChartComponent, _AbstractChart);
+  var _super = (0, _createSuper2["default"])(ScatterPlotChartComponent);
+  function ScatterPlotChartComponent() {
+    (0, _classCallCheck2["default"])(this, ScatterPlotChartComponent);
+    return _super.apply(this, arguments);
+  }
+  (0, _createClass2["default"])(ScatterPlotChartComponent, [{
+    key: "dataKeys",
+    get: function get() {
+      var _this$props = this.props,
+        data = _this$props.data,
+        groupKey = _this$props.groupKey,
+        valueKey = _this$props.valueKey;
+      return Object.keys(data[0]).filter(function (key) {
+        return key !== groupKey && key !== valueKey;
+      });
+    }
+  }, {
+    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,
+        groupKey = _this$asProps.groupKey;
+      if (xScale) {
+        return xScale;
+      }
+      var testItem = data[0][groupKey];
+      var range = [marginY, plotWidth - this.plotPadding];
+      var domain = (0, _.minMax)(data, groupKey);
+      if (testItem instanceof Date && !Number.isNaN(testItem.getMilliseconds())) {
+        return (0, _d3Scale.scaleTime)([domain[0] * 0.8, domain[1] * 1.2], range);
+      }
+      return (0, _d3Scale.scaleLinear)([domain[0] * 0.8, domain[1] * 1.2], 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;
+      if (yScale) {
+        return yScale;
+      }
+      var flatValues = this.flatValues;
+      var max = Math.max.apply(Math, (0, _toConsumableArray2["default"])(flatValues));
+      var min = Math.min.apply(Math, (0, _toConsumableArray2["default"])(flatValues));
+      return (0, _d3Scale.scaleLinear)().range([plotHeight - marginX, this.plotPadding]).domain([min * 0.8, max * 1.1]);
+    }
+  }, {
+    key: "flatValues",
+    get: function get() {
+      var _this$asProps3 = this.asProps,
+        data = _this$asProps3.data,
+        groupKey = _this$asProps3.groupKey,
+        valueKey = _this$asProps3.valueKey;
+      var flatValues = data.reduce(function (result, item) {
+        Object.entries(item).forEach(function (_ref) {
+          var _ref2 = (0, _slicedToArray2["default"])(_ref, 2),
+            key = _ref2[0],
+            value = _ref2[1];
+          if (key !== groupKey && key !== valueKey && typeof value === 'number') {
+            result.add(value);
+          }
+        });
+        return result;
+      }, new Set());
+      return flatValues;
+    }
+  }, {
+    key: "renderChart",
+    value: function renderChart() {
+      var _this$asProps4 = this.asProps,
+        groupKey = _this$asProps4.groupKey,
+        valueKey = _this$asProps4.valueKey;
+      var dataDefinitions = this.state.dataDefinitions;
+      return dataDefinitions.map(function (item) {
+        return item.checked && /*#__PURE__*/_react["default"].createElement(_.ScatterPlot, {
+          x: groupKey,
+          y: item.id,
+          key: item.id,
+          color: item.color,
+          value: valueKey
+        });
+      });
+    }
+  }, {
+    key: "renderTooltip",
+    value: function renderTooltip() {
+      var _this = this;
+      var _this$asProps5 = this.asProps,
+        data = _this$asProps5.data,
+        groupKey = _this$asProps5.groupKey,
+        showTooltip = _this$asProps5.showTooltip;
+      var dataDefinitions = this.state.dataDefinitions;
+      if (!showTooltip) {
+        return null;
+      }
+      return dataDefinitions.filter(function (item) {
+        return item.checked;
+      }).map(function (item) {
+        return /*#__PURE__*/_react["default"].createElement(_.ScatterPlot.Tooltip, {
+          key: item.id,
+          x: groupKey,
+          y: item.id,
+          wMin: 100
+        }, function (_ref3) {
+          var index = _ref3.index,
+            x = _ref3.x,
+            y = _ref3.y;
+          return {
+            children: /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_.ScatterPlot.Tooltip.Dot, {
+              color: item.color
+            }, "Data"), /*#__PURE__*/_react["default"].createElement(_typography.Text, {
+              tag: "div"
+            }, "X axis ", _this.tooltipValueFormatter(data[index][x])), /*#__PURE__*/_react["default"].createElement(_typography.Text, {
+              tag: "div"
+            }, "Y axis ", _this.tooltipValueFormatter(data[index][y])))
+          };
+        });
+      });
+    }
+  }]);
+  return ScatterPlotChartComponent;
+}(_AbstractChart2.AbstractChart);
+(0, _defineProperty2["default"])(ScatterPlotChartComponent, "displayName", 'Chart.ScatterPlot');
+(0, _defineProperty2["default"])(ScatterPlotChartComponent, "defaultProps", {
+  showLegend: false
+});
+var ScatterPlotChart = (0, _core["default"])(ScatterPlotChartComponent);
+exports.ScatterPlotChart = ScatterPlotChart;
+//# sourceMappingURL=ScatterPlotChart.js.map

package/libs/d3-chart/lib/cjs/component/Chart/ScatterPlotChart.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ScatterPlotChart.js","names":["_react","_interopRequireDefault","require","_core","_d3Scale","_","_AbstractChart2","_typography","ScatterPlotChartComponent","_AbstractChart","_inherits2","_super","_createSuper2","_classCallCheck2","apply","arguments","_createClass2","key","get","_this$props","props","data","groupKey","valueKey","Object","keys","filter","_this$asProps","asProps","xScale","_this$asProps$marginY","marginY","plotWidth","testItem","range","plotPadding","domain","minMax","Date","Number","isNaN","getMilliseconds","scaleTime","scaleLinear","_this$asProps2","yScale","_this$asProps2$margin","marginX","plotHeight","flatValues","max","Math","_toConsumableArray2","min","_this$asProps3","reduce","result","item","entries","forEach","_ref","_ref2","_slicedToArray2","value","add","Set","renderChart","_this$asProps4","dataDefinitions","state","map","checked","createElement","ScatterPlot","x","y","id","color","renderTooltip","_this","_this$asProps5","showTooltip","Tooltip","wMin","_ref3","index","children","Fragment","Dot","Text","tag","tooltipValueFormatter","AbstractChart","_defineProperty2","showLegend","ScatterPlotChart","createComponent","exports"],"sources":["../../../../src/component/Chart/ScatterPlotChart.tsx"],"sourcesContent":["import React from 'react';\nimport createComponent from '@semcore/core';\nimport { ScaleLinear, scaleLinear, scaleTime } from 'd3-scale';\n// @ts-ignore\nimport { minMax, ScatterPlot } from '../..';\nimport { AbstractChart } from './AbstractChart';\nimport {\n  ScatterPlotChartData,\n  ScatterPlotChartProps,\n  ScatterPlotChartType,\n} from './ScatterPlotChart.type';\nimport { Text } from '@semcore/typography';\n\nclass ScatterPlotChartComponent extends AbstractChart<ScatterPlotChartData, ScatterPlotChartProps> {\n  static displayName = 'Chart.ScatterPlot';\n  static defaultProps: Partial<ScatterPlotChartProps> = {\n    showLegend: false,\n  };\n\n  protected get dataKeys(): string[] {\n    const { data, groupKey, valueKey } = this.props;\n\n    return Object.keys(data[0]).filter((key) => key !== groupKey && key !== valueKey);\n  }\n\n  protected get xScale() {\n    const { xScale, marginY = 30, plotWidth, data, groupKey } = this.asProps;\n\n    if (xScale) {\n      return xScale;\n    }\n\n    const testItem = data[0][groupKey];\n    const range = [marginY, plotWidth - this.plotPadding];\n    const domain = minMax(data, groupKey);\n\n    if (testItem instanceof Date && !Number.isNaN(testItem.getMilliseconds())) {\n      return scaleTime([domain[0] * 0.8, domain[1] * 1.2], range);\n    }\n\n    return scaleLinear([domain[0] * 0.8, domain[1] * 1.2], range);\n  }\n\n  protected get yScale(): ScaleLinear<any, any> {\n    const { yScale, marginX = 30, plotHeight } = this.asProps;\n\n    if (yScale) {\n      return yScale;\n    }\n\n    const flatValues = this.flatValues;\n\n    const max = Math.max(...flatValues);\n    const min = Math.min(...flatValues);\n\n    return scaleLinear()\n      .range([plotHeight - marginX, this.plotPadding])\n      .domain([min * 0.8, max * 1.1]);\n  }\n\n  protected get flatValues(): Set<number> {\n    const { data, groupKey, valueKey } = this.asProps;\n\n    const flatValues = data.reduce<Set<number>>((result, item) => {\n      Object.entries(item).forEach(([key, value]) => {\n        if (key !== groupKey && key !== valueKey && typeof value === 'number') {\n          result.add(value);\n        }\n      });\n\n      return result;\n    }, new Set());\n\n    return flatValues;\n  }\n\n  protected renderChart() {\n    const { groupKey, valueKey } = this.asProps;\n    const { dataDefinitions } = this.state;\n\n    return dataDefinitions.map((item) => {\n      return (\n        item.checked && (\n          <ScatterPlot x={groupKey} y={item.id} key={item.id} color={item.color} value={valueKey} />\n        )\n      );\n    });\n  }\n\n  protected renderTooltip() {\n    const { data, groupKey, showTooltip } = this.asProps;\n    const { dataDefinitions } = this.state;\n\n    if (!showTooltip) {\n      return null;\n    }\n\n    return dataDefinitions\n      .filter((item) => item.checked)\n      .map((item) => {\n        return (\n          <ScatterPlot.Tooltip key={item.id} x={groupKey} y={item.id} wMin={100}>\n            {({ index, x, y }: any) => {\n              return {\n                children: (\n                  <>\n                    <ScatterPlot.Tooltip.Dot color={item.color}>Data</ScatterPlot.Tooltip.Dot>\n                    <Text tag='div'>X axis {this.tooltipValueFormatter(data[index][x])}</Text>\n                    <Text tag='div'>Y axis {this.tooltipValueFormatter(data[index][y])}</Text>\n                  </>\n                ),\n              };\n            }}\n          </ScatterPlot.Tooltip>\n        );\n      });\n  }\n}\n\nexport const ScatterPlotChart: ScatterPlotChartType = createComponent(ScatterPlotChartComponent);\n"],"mappings":"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"}

package/libs/d3-chart/lib/cjs/component/Chart/ScatterPlotChart.type.js

@@ -0,0 +1,2 @@
+"use strict";
+//# sourceMappingURL=ScatterPlotChart.type.js.map

package/libs/d3-chart/lib/cjs/component/Chart/ScatterPlotChart.type.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ScatterPlotChart.type.js","names":[],"sources":["../../../../src/component/Chart/ScatterPlotChart.type.ts"],"sourcesContent":["import { Intergalactic } from '@semcore/core';\nimport { Flex } from '@semcore/flex-box';\nimport { interpolateValue } from '../../utils';\nimport { ScaleLinear, ScaleTime } from 'd3-scale';\nimport { BaseChartProps } from './AbstractChart.type';\n\nexport type ScatterPlotChartData = Array<Record<string, number | typeof interpolateValue | Date>>;\n\nexport type ScatterPlotChartProps = BaseChartProps<ScatterPlotChartData> & {\n  groupKey: string;\n  xScale?: ScaleLinear<any, any> | ScaleTime<any, any>;\n  yScale?: ScaleLinear<any, any>;\n  valueKey?: string;\n};\n\nexport type ScatterPlotChartType = Intergalactic.Component<typeof Flex, ScatterPlotChartProps>;\n"],"mappings":""}

package/libs/d3-chart/lib/cjs/component/Chart/VennChart.js

@@ -0,0 +1,144 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.VennChart = void 0;
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _react = _interopRequireDefault(require("react"));
+var _core = _interopRequireDefault(require("@semcore/core"));
+var _d3Scale = require("d3-scale");
+var _ = require("../..");
+var _AbstractChart2 = require("./AbstractChart");
+var _typography = require("@semcore/typography");
+// @ts-ignore
+var VennChartComponent = /*#__PURE__*/function (_AbstractChart) {
+  (0, _inherits2["default"])(VennChartComponent, _AbstractChart);
+  var _super = (0, _createSuper2["default"])(VennChartComponent);
+  function VennChartComponent() {
+    (0, _classCallCheck2["default"])(this, VennChartComponent);
+    return _super.apply(this, arguments);
+  }
+  (0, _createClass2["default"])(VennChartComponent, [{
+    key: "xScale",
+    get: function get() {
+      var xScale = this.asProps.xScale;
+      if (xScale) {
+        return xScale;
+      }
+      return (0, _d3Scale.scaleLinear)();
+    }
+  }, {
+    key: "yScale",
+    get: function get() {
+      var yScale = this.asProps.yScale;
+      if (yScale) {
+        return yScale;
+      }
+      return (0, _d3Scale.scaleLinear)();
+    }
+  }, {
+    key: "dataKeys",
+    get: function get() {
+      var _this$props = this.props,
+        data = _this$props.data,
+        groupKey = _this$props.groupKey;
+      var legendKeys = Object.keys(data).filter(function (item) {
+        var isIntersection = /\//.test(item);
+        return !isIntersection;
+      });
+      return legendKeys;
+    }
+  }, {
+    key: "defaultLegendProps",
+    value: function defaultLegendProps() {
+      return {
+        legendType: 'Table'
+      };
+    }
+  }, {
+    key: "renderChart",
+    value: function renderChart() {
+      var data = this.asProps.data;
+      var _this$state = this.state,
+        dataDefinitions = _this$state.dataDefinitions,
+        highlightedLine = _this$state.highlightedLine;
+      var checkedLegendItems = dataDefinitions.filter(function (item) {
+        return item.checked;
+      });
+      var checkedLegendItemsMap = checkedLegendItems.reduce(function (result, item) {
+        result[item.id] = item;
+        return result;
+      }, {});
+      var intersections = Object.keys(data).reduce(function (result, dataKey) {
+        var isIntersection = /\//.test(dataKey);
+        if (isIntersection) {
+          result.push(dataKey);
+        }
+        return result;
+      }, []);
+      return /*#__PURE__*/_react["default"].createElement(_.Venn, null, checkedLegendItems.map(function (item, index) {
+        return /*#__PURE__*/_react["default"].createElement(_.Venn.Circle, {
+          key: item.id,
+          dataKey: item.id,
+          name: item.label,
+          color: item.color,
+          transparent: highlightedLine !== -1 && highlightedLine !== index
+        });
+      }), intersections.map(function (intersectionKey) {
+        var intersectionKeys = intersectionKey.split('/');
+        var hasDisabledItems = intersectionKeys.some(function (key) {
+          return checkedLegendItemsMap[key] === undefined;
+        });
+        if (hasDisabledItems) {
+          return null;
+        }
+        var name = intersectionKeys.map(function (id) {
+          var _dataDefinitions$find;
+          return ((_dataDefinitions$find = dataDefinitions.find(function (legendItem) {
+            return legendItem.id === id;
+          })) === null || _dataDefinitions$find === void 0 ? void 0 : _dataDefinitions$find.label) || '';
+        }).join(' & ');
+        return /*#__PURE__*/_react["default"].createElement(_.Venn.Intersection, {
+          key: intersectionKey,
+          dataKey: intersectionKey,
+          name: name
+        });
+      }));
+    }
+  }, {
+    key: "renderTooltip",
+    value: function renderTooltip() {
+      var showTooltip = this.asProps.showTooltip;
+      if (!showTooltip) {
+        return null;
+      }
+      return /*#__PURE__*/_react["default"].createElement(_.Venn.Tooltip, null, function (_ref) {
+        var name = _ref.name,
+          dataKey = _ref.dataKey,
+          data = _ref.data;
+        return {
+          children: /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_.Venn.Tooltip.Title, null, name), /*#__PURE__*/_react["default"].createElement(_typography.Text, {
+            bold: true
+          }, data[dataKey]))
+        };
+      });
+    }
+  }]);
+  return VennChartComponent;
+}(_AbstractChart2.AbstractChart);
+(0, _defineProperty2["default"])(VennChartComponent, "displayName", 'Chart.Venn');
+(0, _defineProperty2["default"])(VennChartComponent, "defaultProps", {
+  direction: 'row-reverse',
+  alignItems: 'flex-start',
+  marginY: 0,
+  marginX: 0
+});
+var VennChart = (0, _core["default"])(VennChartComponent);
+exports.VennChart = VennChart;
+//# sourceMappingURL=VennChart.js.map

package/libs/d3-chart/lib/cjs/component/Chart/VennChart.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"VennChart.js","names":["_react","_interopRequireDefault","require","_core","_d3Scale","_","_AbstractChart2","_typography","VennChartComponent","_AbstractChart","_inherits2","_super","_createSuper2","_classCallCheck2","apply","arguments","_createClass2","key","get","xScale","asProps","scaleLinear","yScale","_this$props","props","data","groupKey","legendKeys","Object","keys","filter","item","isIntersection","test","value","defaultLegendProps","legendType","renderChart","_this$state","state","dataDefinitions","highlightedLine","checkedLegendItems","checked","checkedLegendItemsMap","reduce","result","id","intersections","dataKey","push","createElement","Venn","map","index","Circle","name","label","color","transparent","intersectionKey","intersectionKeys","split","hasDisabledItems","some","undefined","_dataDefinitions$find","find","legendItem","join","Intersection","renderTooltip","showTooltip","Tooltip","_ref","children","Fragment","Title","Text","bold","AbstractChart","_defineProperty2","direction","alignItems","marginY","marginX","VennChart","createComponent","exports"],"sources":["../../../../src/component/Chart/VennChart.tsx"],"sourcesContent":["import React from 'react';\nimport createComponent from '@semcore/core';\nimport { BaseChartProps } from './AbstractChart.type';\nimport { scaleLinear } from 'd3-scale';\n// @ts-ignore\nimport { Venn } from '../..';\nimport { AbstractChart } from './AbstractChart';\nimport { Text } from '@semcore/typography';\nimport { VennChartData, VennChartProps, VennChartType } from './VennChart.type';\nimport { LegendItem } from '../ChartLegend/LegendItem/LegendItem.type';\n\nclass VennChartComponent extends AbstractChart<VennChartData, VennChartProps> {\n  static displayName = 'Chart.Venn';\n\n  static defaultProps: Partial<BaseChartProps<VennChartData>> = {\n    direction: 'row-reverse',\n    alignItems: 'flex-start',\n    marginY: 0,\n    marginX: 0,\n  };\n\n  get xScale() {\n    const { xScale } = this.asProps;\n\n    if (xScale) {\n      return xScale;\n    }\n\n    return scaleLinear();\n  }\n\n  get yScale() {\n    const { yScale } = this.asProps;\n\n    if (yScale) {\n      return yScale;\n    }\n\n    return scaleLinear();\n  }\n\n  protected get dataKeys(): string[] {\n    const { data, groupKey } = this.props;\n\n    const legendKeys: string[] = Object.keys(data).filter((item) => {\n      const isIntersection = /\\//.test(item);\n\n      return !isIntersection;\n    });\n\n    return legendKeys;\n  }\n\n  defaultLegendProps() {\n    return {\n      legendType: 'Table' as const,\n    };\n  }\n\n  renderChart() {\n    const { data } = this.asProps;\n    const { dataDefinitions, highlightedLine } = this.state;\n\n    const checkedLegendItems = dataDefinitions.filter((item) => item.checked);\n    const checkedLegendItemsMap = checkedLegendItems.reduce<Record<string, LegendItem>>(\n      (result, item) => {\n        result[item.id] = item;\n\n        return result;\n      },\n      {},\n    );\n\n    const intersections = Object.keys(data).reduce<string[]>((result, dataKey) => {\n      const isIntersection = /\\//.test(dataKey);\n\n      if (isIntersection) {\n        result.push(dataKey);\n      }\n\n      return result;\n    }, []);\n\n    return (\n      <Venn>\n        {checkedLegendItems.map((item, index) => {\n          return (\n            <Venn.Circle\n              key={item.id}\n              dataKey={item.id}\n              name={item.label}\n              color={item.color}\n              transparent={highlightedLine !== -1 && highlightedLine !== index}\n            />\n          );\n        })}\n\n        {intersections.map((intersectionKey) => {\n          const intersectionKeys = intersectionKey.split('/');\n\n          const hasDisabledItems = intersectionKeys.some((key) => {\n            return checkedLegendItemsMap[key] === undefined;\n          });\n\n          if (hasDisabledItems) {\n            return null;\n          }\n\n          const name = intersectionKeys\n            .map((id) => {\n              return dataDefinitions.find((legendItem) => legendItem.id === id)?.label || '';\n            })\n            .join(' & ');\n\n          return <Venn.Intersection key={intersectionKey} dataKey={intersectionKey} name={name} />;\n        })}\n      </Venn>\n    );\n  }\n\n  renderTooltip() {\n    const { showTooltip } = this.asProps;\n\n    if (!showTooltip) {\n      return null;\n    }\n\n    return (\n      <Venn.Tooltip>\n        {({ name, dataKey, data }: any) => {\n          return {\n            children: (\n              <>\n                <Venn.Tooltip.Title>{name}</Venn.Tooltip.Title>\n                <Text bold>{data[dataKey]}</Text>\n              </>\n            ),\n          };\n        }}\n      </Venn.Tooltip>\n    );\n  }\n}\n\nexport const VennChart: VennChartType = createComponent(VennChartComponent);\n"],"mappings":"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"}

package/libs/d3-chart/lib/cjs/component/Chart/VennChart.type.js

@@ -0,0 +1,2 @@
+"use strict";
+//# sourceMappingURL=VennChart.type.js.map

package/libs/d3-chart/lib/cjs/component/Chart/VennChart.type.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"VennChart.type.js","names":[],"sources":["../../../../src/component/Chart/VennChart.type.ts"],"sourcesContent":["import { Intergalactic } from '@semcore/core';\nimport { Flex } from '@semcore/flex-box';\nimport { ScaleLinear } from 'd3-scale';\nimport { BaseChartProps } from './AbstractChart.type';\n\nexport type VennChartData = Record<string, number>;\n\nexport type VennChartProps = BaseChartProps<VennChartData> & {\n  groupKey?: never;\n  xScale?: ScaleLinear<any, any>;\n  yScale?: ScaleLinear<any, any>;\n};\n\nexport type VennChartType = Intergalactic.Component<typeof Flex, VennChartProps>;\n"],"mappings":""}

package/libs/d3-chart/lib/cjs/component/Chart/index.js

@@ -0,0 +1,28 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _LineChart = require("./LineChart");
+var _BarChart = require("./BarChart");
+var _HistogramChart = require("./HistogramChart");
+var _ScatterPlotChart = require("./ScatterPlotChart");
+var _AreaChart = require("./AreaChart");
+var _BubbleChart = require("./BubbleChart");
+var _DonutChart = require("./DonutChart");
+var _VennChart = require("./VennChart");
+var _RadarChart = require("./RadarChart");
+var _default = {
+  Line: _LineChart.LineChart,
+  Bar: _BarChart.BarChart,
+  Histogram: _HistogramChart.HistogramChart,
+  ScatterPlot: _ScatterPlotChart.ScatterPlotChart,
+  Area: _AreaChart.AreaChart,
+  Bubble: _BubbleChart.BubbleChart,
+  Donut: _DonutChart.DonutChart,
+  Venn: _VennChart.VennChart,
+  Radar: _RadarChart.RadarChart
+};
+exports["default"] = _default;
+//# sourceMappingURL=index.js.map

package/libs/d3-chart/lib/cjs/component/Chart/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["_LineChart","require","_BarChart","_HistogramChart","_ScatterPlotChart","_AreaChart","_BubbleChart","_DonutChart","_VennChart","_RadarChart","_default","Line","LineChart","Bar","BarChart","Histogram","HistogramChart","ScatterPlot","ScatterPlotChart","Area","AreaChart","Bubble","BubbleChart","Donut","DonutChart","Venn","VennChart","Radar","RadarChart","exports"],"sources":["../../../../src/component/Chart/index.ts"],"sourcesContent":["import { LineChart } from './LineChart';\nimport { BarChart } from './BarChart';\nimport { HistogramChart } from './HistogramChart';\nimport { ScatterPlotChart } from './ScatterPlotChart';\nimport { AreaChart } from './AreaChart';\nimport { BubbleChart } from './BubbleChart';\nimport { DonutChart } from './DonutChart';\nimport { VennChart } from './VennChart';\nimport { RadarChart } from './RadarChart';\n\nexport default {\n  Line: LineChart,\n  Bar: BarChart,\n  Histogram: HistogramChart,\n  ScatterPlot: ScatterPlotChart,\n  Area: AreaChart,\n  Bubble: BubbleChart,\n  Donut: DonutChart,\n  Venn: VennChart,\n  Radar: RadarChart,\n};\n"],"mappings":";;;;;;AAAA,IAAAA,UAAA,GAAAC,OAAA;AACA,IAAAC,SAAA,GAAAD,OAAA;AACA,IAAAE,eAAA,GAAAF,OAAA;AACA,IAAAG,iBAAA,GAAAH,OAAA;AACA,IAAAI,UAAA,GAAAJ,OAAA;AACA,IAAAK,YAAA,GAAAL,OAAA;AACA,IAAAM,WAAA,GAAAN,OAAA;AACA,IAAAO,UAAA,GAAAP,OAAA;AACA,IAAAQ,WAAA,GAAAR,OAAA;AAA0C,IAAAS,QAAA,GAE3B;EACbC,IAAI,EAAEC,oBAAS;EACfC,GAAG,EAAEC,kBAAQ;EACbC,SAAS,EAAEC,8BAAc;EACzBC,WAAW,EAAEC,kCAAgB;EAC7BC,IAAI,EAAEC,oBAAS;EACfC,MAAM,EAAEC,wBAAW;EACnBC,KAAK,EAAEC,sBAAU;EACjBC,IAAI,EAAEC,oBAAS;EACfC,KAAK,EAAEC;AACT,CAAC;AAAAC,OAAA,cAAAnB,QAAA"}