intergalactic 15.87.0 → 15.88.0

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

@@ -0,0 +1,420 @@
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.AbstractChart = void 0;
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
+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 _core = require("@semcore/core");
+var _hints = require("../../a11y/hints");
+var _utils = require("../../utils");
+var _react = _interopRequireDefault(require("react"));
+var _assignProps2 = require("@semcore/utils/lib/assignProps");
+var _ChartLegend = _interopRequireWildcard(require("../ChartLegend"));
+var _flexBox = require("@semcore/flex-box");
+var _ = require("../..");
+var _typography = require("@semcore/typography");
+// @ts-ignore
+var AbstractChart = /*#__PURE__*/function (_Component) {
+  (0, _inherits2["default"])(AbstractChart, _Component);
+  var _super = (0, _createSuper2["default"])(AbstractChart);
+  /**
+   * Padding from the end's of chart to the container (except axis sides)
+   */
+
+  function AbstractChart(props) {
+    var _this;
+    (0, _classCallCheck2["default"])(this, AbstractChart);
+    _this = _super.call(this, props);
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "plotPadding", 6);
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "dataHints", (0, _hints.makeDataHintsContainer)());
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "state", {
+      dataDefinitions: _this.defaultDataDefinitions,
+      highlightedLine: -1,
+      withTrend: false
+    });
+    _this.setHighlightedLine = _this.setHighlightedLine.bind((0, _assertThisInitialized2["default"])(_this));
+    _this.handleChangeVisible = _this.handleChangeVisible.bind((0, _assertThisInitialized2["default"])(_this));
+    _this.handleMouseEnter = _this.handleMouseEnter.bind((0, _assertThisInitialized2["default"])(_this));
+    _this.handleMouseLeave = _this.handleMouseLeave.bind((0, _assertThisInitialized2["default"])(_this));
+    _this.resolveColor = _this.resolveColor.bind((0, _assertThisInitialized2["default"])(_this));
+    _this.tooltipValueFormatter = _this.tooltipValueFormatter.bind((0, _assertThisInitialized2["default"])(_this));
+    _this.handleWithTrendChange = _this.handleWithTrendChange.bind((0, _assertThisInitialized2["default"])(_this));
+    return _this;
+  }
+  (0, _createClass2["default"])(AbstractChart, [{
+    key: "componentDidUpdate",
+    value: function componentDidUpdate(prevProps) {
+      if (prevProps.data !== this.props.data || prevProps.legendProps !== this.props.legendProps) {
+        this.setState({
+          dataDefinitions: this.defaultDataDefinitions
+        });
+      }
+    }
+  }, {
+    key: "defaultDataDefinitions",
+    get: function get() {
+      var _this2 = this;
+      var _this$props = this.props,
+        data = _this$props.data,
+        legendProps = _this$props.legendProps;
+      return this.dataKeys.map(function (key, index) {
+        var _legendProps$legendMa, _legendData$label, _legendData$icon, _legendData$defaultCh;
+        var legendData = legendProps === null || legendProps === void 0 ? void 0 : (_legendProps$legendMa = legendProps.legendMap) === null || _legendProps$legendMa === void 0 ? void 0 : _legendProps$legendMa[key];
+        var dataDefinition = {
+          id: key,
+          label: (_legendData$label = legendData === null || legendData === void 0 ? void 0 : legendData.label) !== null && _legendData$label !== void 0 ? _legendData$label : key,
+          icon: (_legendData$icon = legendData === null || legendData === void 0 ? void 0 : legendData.icon) !== null && _legendData$icon !== void 0 ? _legendData$icon : undefined,
+          checked: (_legendData$defaultCh = legendData === null || legendData === void 0 ? void 0 : legendData.defaultChecked) !== null && _legendData$defaultCh !== void 0 ? _legendData$defaultCh : true,
+          color: _this2.resolveColor(key, index),
+          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
+          } : undefined;
+        }
+        if (legendData && 'columns' in legendData) {
+          dataDefinition.columns = legendData.columns || [];
+        } else if (!Array.isArray(data)) {
+          var _ref3;
+          var value = (_ref3 = data instanceof Map ? data.get(key) : Number(data[key])) !== null && _ref3 !== void 0 ? _ref3 : 0;
+          var total = Object.values(data).reduce(function (sum, i) {
+            return sum + Number(i);
+          }, 0);
+          var percent = (value / total * 100).toFixed(2);
+          dataDefinition.columns = [/*#__PURE__*/_react["default"].createElement(_typography.Text, {
+            key: "".concat(key, "_percent"),
+            use: 'secondary'
+          }, percent, "%"), /*#__PURE__*/_react["default"].createElement(_typography.Text, {
+            key: "".concat(key, "_value"),
+            use: 'primary'
+          }, value)];
+        }
+        return dataDefinition;
+      });
+    }
+  }, {
+    key: "dataKeys",
+    get: function get() {
+      var _this$props2 = this.props,
+        data = _this$props2.data,
+        groupKey = _this$props2.groupKey;
+      var dataKeys;
+      if (Array.isArray(data) && groupKey) {
+        dataKeys = Object.keys(data[0]).filter(function (key) {
+          return key !== groupKey;
+        });
+      } else {
+        dataKeys = Object.keys(data);
+      }
+      return dataKeys;
+    }
+  }, {
+    key: "xTicks",
+    get: function get() {
+      var _this$asProps = this.asProps,
+        data = _this$asProps.data,
+        invertAxis = _this$asProps.invertAxis,
+        xTicksCount = _this$asProps.xTicksCount,
+        yTicksCount = _this$asProps.yTicksCount;
+      var scale = this.xScale;
+      if (Array.isArray(data) && 'ticks' in scale) {
+        if (invertAxis && yTicksCount) {
+          return scale.ticks(yTicksCount);
+        } else if (xTicksCount) {
+          return scale.ticks(xTicksCount);
+        }
+        return undefined;
+      }
+      return undefined;
+    }
+  }, {
+    key: "yTicks",
+    get: function get() {
+      var _this$asProps2 = this.asProps,
+        data = _this$asProps2.data,
+        invertAxis = _this$asProps2.invertAxis,
+        xTicksCount = _this$asProps2.xTicksCount,
+        yTicksCount = _this$asProps2.yTicksCount;
+      var scale = this.yScale;
+      if (Array.isArray(data) && 'ticks' in scale) {
+        if (invertAxis && xTicksCount) {
+          return scale.ticks(xTicksCount);
+        } else if (yTicksCount) {
+          return scale.ticks(yTicksCount);
+        }
+        return undefined;
+      }
+      return undefined;
+    }
+  }, {
+    key: "flatValues",
+    get: function get() {
+      var _this$asProps3 = this.asProps,
+        data = _this$asProps3.data,
+        groupKey = _this$asProps3.groupKey;
+      var values = Array.isArray(data) ? data : Object.values(data);
+      var flatValues = values.reduce(function (result, item) {
+        if (!groupKey && typeof item === 'number') {
+          result.add(item);
+        } else {
+          Object.entries(item).forEach(function (_ref4) {
+            var _ref5 = (0, _slicedToArray2["default"])(_ref4, 2),
+              key = _ref5[0],
+              value = _ref5[1];
+            if (key !== groupKey && typeof value === 'number') {
+              result.add(value);
+            }
+          });
+        }
+        return result;
+      }, new Set());
+      return flatValues;
+    }
+  }, {
+    key: "maxStackedValue",
+    get: function get() {
+      var _this$asProps4 = this.asProps,
+        data = _this$asProps4.data,
+        groupKey = _this$asProps4.groupKey;
+      if (!Array.isArray(data)) {
+        var _max = Object.values(data).reduce(function (sum, val) {
+          if (typeof val === 'number') {
+            sum = sum + val;
+          }
+          return sum;
+        }, 0);
+        return _max;
+      }
+      var max = data.reduce(function (max, item) {
+        var barSum = Object.entries(item).reduce(function (sum, _ref6) {
+          var _ref7 = (0, _slicedToArray2["default"])(_ref6, 2),
+            key = _ref7[0],
+            val = _ref7[1];
+          if (key === groupKey) {
+            return sum;
+          }
+          if (typeof val === 'number') {
+            return sum + val;
+          }
+          if (val instanceof Date && !Number.isNaN(val.getMilliseconds())) {
+            return sum + val.getMilliseconds();
+          }
+          return sum;
+        }, 0);
+        if (barSum > max) {
+          max = barSum;
+        }
+        return max;
+      }, 0);
+      return max;
+    }
+  }, {
+    key: "totalValue",
+    value: function totalValue(data) {
+      var dataDefinitions = this.state.dataDefinitions;
+      var total = dataDefinitions.reduce(function (sum, legendItem) {
+        var item = data[legendItem.id];
+        if (typeof item === 'number') {
+          return sum + item;
+        }
+        if (item instanceof Date && !Number.isNaN(item.getMilliseconds())) {
+          return sum + item.getMilliseconds();
+        }
+        return sum;
+      }, 0);
+      return total;
+    }
+  }, {
+    key: "setHighlightedLine",
+    value: function setHighlightedLine(index) {
+      this.setState({
+        highlightedLine: index
+      });
+    }
+  }, {
+    key: "handleChangeVisible",
+    value: function handleChangeVisible(id, isVisible) {
+      this.setState(function (prevState) {
+        var dataDefinitions = prevState.dataDefinitions.map(function (item) {
+          if (item.id === id) {
+            item.checked = isVisible;
+          }
+          return item;
+        });
+        return {
+          dataDefinitions: dataDefinitions
+        };
+      });
+    }
+  }, {
+    key: "handleWithTrendChange",
+    value: function handleWithTrendChange(isVisible) {
+      this.setState({
+        withTrend: isVisible
+      });
+    }
+  }, {
+    key: "handleMouseEnter",
+    value: function handleMouseEnter(id) {
+      this.setHighlightedLine(this.state.dataDefinitions.findIndex(function (line) {
+        return line.id === id;
+      }));
+    }
+  }, {
+    key: "handleMouseLeave",
+    value: function handleMouseLeave() {
+      this.setHighlightedLine(-1);
+    }
+  }, {
+    key: "resolveColor",
+    value: function resolveColor(id, index) {
+      var _this$props$colorMap$, _this$props$colorMap;
+      return (_this$props$colorMap$ = (_this$props$colorMap = this.props.colorMap) === null || _this$props$colorMap === void 0 ? void 0 : _this$props$colorMap[id]) !== null && _this$props$colorMap$ !== void 0 ? _this$props$colorMap$ : "chart-palette-order-".concat(index + 1);
+    }
+  }, {
+    key: "tooltipValueFormatter",
+    value: function tooltipValueFormatter(value) {
+      var tooltipValueFormatter = this.asProps.tooltipValueFormatter;
+      if (tooltipValueFormatter) {
+        return tooltipValueFormatter(value);
+      }
+      if (value === undefined || value === _utils.interpolateValue) {
+        return 'n/a';
+      }
+      if (value instanceof Date) {
+        return value.toDateString();
+      }
+      return value.toString();
+    }
+  }, {
+    key: "defaultLegendProps",
+    value: function defaultLegendProps() {
+      return {
+        legendType: 'Flex'
+      };
+    }
+  }, {
+    key: "renderLegend",
+    value: function renderLegend() {
+      var _lProps$direction;
+      var _this$asProps5 = this.asProps,
+        legendProps = _this$asProps5.legendProps,
+        direction = _this$asProps5.direction,
+        showLegend = _this$asProps5.showLegend;
+      if (!showLegend ||
+      // we hide Legend for one item on chart except not manually set to show.
+      this.dataKeys.length === 1 && showLegend === true) {
+        return null;
+      }
+      var _this$state = this.state,
+        dataDefinitions = _this$state.dataDefinitions,
+        withTrend = _this$state.withTrend;
+      var lProps = (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, this.defaultLegendProps()), legendProps);
+      var commonLegendProps = {
+        dataHints: this.dataHints,
+        items: dataDefinitions,
+        size: lProps.size,
+        shape: lProps.shape,
+        direction: (_lProps$direction = lProps.direction) !== null && _lProps$direction !== void 0 ? _lProps$direction : direction === 'row' || direction === 'row-reverse' ? 'column' : 'row',
+        onChangeVisibleItem: lProps.disableSelectItems ? undefined : (0, _assignProps2.callAllEventHandlers)(lProps.onChangeVisibleItem, this.handleChangeVisible),
+        onMouseEnterItem: lProps.disableHoverItems ? undefined : (0, _assignProps2.callAllEventHandlers)(lProps.onMouseEnterItem, this.handleMouseEnter),
+        onMouseLeaveItem: lProps.disableHoverItems ? undefined : (0, _assignProps2.callAllEventHandlers)(lProps.onMouseLeaveItem, this.handleMouseLeave)
+      };
+      if (lProps.legendType === 'Table') {
+        return /*#__PURE__*/_react["default"].createElement(_ChartLegend.ChartLegendTable, commonLegendProps);
+      }
+      if ('withTrend' in lProps) {
+        var flexLegendProps = (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, commonLegendProps), {}, {
+          withTrend: true,
+          trendLabel: lProps.trendLabel,
+          trendIsVisible: withTrend,
+          onTrendIsVisibleChange: this.handleWithTrendChange
+        });
+        return /*#__PURE__*/_react["default"].createElement(_ChartLegend["default"], flexLegendProps);
+      }
+      return /*#__PURE__*/_react["default"].createElement(_ChartLegend["default"], commonLegendProps);
+    }
+  }, {
+    key: "renderAxis",
+    value: function renderAxis() {
+      var _this$asProps6 = this.asProps,
+        invertAxis = _this$asProps6.invertAxis,
+        showXAxis = _this$asProps6.showXAxis,
+        showYAxis = _this$asProps6.showYAxis,
+        data = _this$asProps6.data,
+        axisXValueFormatter = _this$asProps6.axisXValueFormatter,
+        axisYValueFormatter = _this$asProps6.axisYValueFormatter;
+      if (!Array.isArray(data)) {
+        return null;
+      }
+      var xTicks = this.xTicks;
+      var yTicks = this.yTicks;
+      var childrenX = axisXValueFormatter ? function (_ref8) {
+        var value = _ref8.value;
+        return {
+          children: axisXValueFormatter(value)
+        };
+      } : undefined;
+      var childrenY = axisYValueFormatter ? function (_ref9) {
+        var value = _ref9.value;
+        return {
+          children: axisYValueFormatter(value)
+        };
+      } : undefined;
+      return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, showYAxis && /*#__PURE__*/_react["default"].createElement(_.YAxis, null, yTicks ? /*#__PURE__*/_react["default"].createElement(_.YAxis.Ticks, {
+        ticks: yTicks
+      }, childrenY) : /*#__PURE__*/_react["default"].createElement(_.YAxis.Ticks, null, childrenY), invertAxis !== true && (yTicks ? /*#__PURE__*/_react["default"].createElement(_.YAxis.Grid, {
+        ticks: yTicks
+      }) : /*#__PURE__*/_react["default"].createElement(_.YAxis.Grid, null))), showXAxis && /*#__PURE__*/_react["default"].createElement(_.XAxis, null, xTicks ? /*#__PURE__*/_react["default"].createElement(_.XAxis.Ticks, {
+        ticks: xTicks
+      }, childrenX) : /*#__PURE__*/_react["default"].createElement(_.XAxis.Ticks, null, childrenX), invertAxis === true && (xTicks ? /*#__PURE__*/_react["default"].createElement(_.XAxis.Grid, {
+        ticks: xTicks
+      }) : /*#__PURE__*/_react["default"].createElement(_.XAxis.Grid, null))));
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      var _ref = this.asProps,
+        _ref2;
+      var SChart = _flexBox.Flex;
+      var _this$asProps7 = this.asProps,
+        styles = _this$asProps7.styles,
+        plotWidth = _this$asProps7.plotWidth,
+        plotHeight = _this$asProps7.plotHeight,
+        data = _this$asProps7.data;
+      return _ref2 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SChart, _ref2.cn("SChart", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
+        "gap": 5
+      }, _ref))), this.renderLegend(), /*#__PURE__*/_react["default"].createElement(_.Plot, _ref2.cn("Plot", {
+        "data": data,
+        "scale": [this.xScale, this.yScale],
+        "width": plotWidth,
+        "height": plotHeight,
+        "dataHints": this.dataHints
+      }), this.renderAxis(), this.renderChart(), this.renderTooltip()));
+    }
+  }]);
+  return AbstractChart;
+}(_core.Component);
+exports.AbstractChart = AbstractChart;
+(0, _defineProperty2["default"])(AbstractChart, "style", {});
+(0, _defineProperty2["default"])(AbstractChart, "defaultProps", {
+  direction: 'column',
+  showXAxis: true,
+  showYAxis: true,
+  showTooltip: true,
+  showLegend: true
+});
+//# sourceMappingURL=AbstractChart.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AbstractChart.js","names":["_core","require","_hints","_utils","_react","_interopRequireDefault","_assignProps2","_ChartLegend","_interopRequireWildcard","_flexBox","_","_typography","AbstractChart","_Component","_inherits2","_super","_createSuper2","props","_this","_classCallCheck2","call","_defineProperty2","_assertThisInitialized2","makeDataHintsContainer","dataDefinitions","defaultDataDefinitions","highlightedLine","withTrend","setHighlightedLine","bind","handleChangeVisible","handleMouseEnter","handleMouseLeave","resolveColor","tooltipValueFormatter","handleWithTrendChange","_createClass2","key","value","componentDidUpdate","prevProps","data","legendProps","setState","get","_this2","_this$props","dataKeys","map","index","_legendProps$legendMa","_legendData$label","_legendData$icon","_legendData$defaultCh","legendData","legendMap","dataDefinition","id","label","icon","undefined","checked","defaultChecked","color","columns","additionalInfo","count","Array","isArray","_ref3","Map","Number","total","Object","values","reduce","sum","i","percent","toFixed","createElement","Text","concat","use","_this$props2","groupKey","keys","filter","_this$asProps","asProps","invertAxis","xTicksCount","yTicksCount","scale","xScale","ticks","_this$asProps2","yScale","_this$asProps3","flatValues","result","item","add","entries","forEach","_ref4","_ref5","_slicedToArray2","Set","_this$asProps4","max","val","barSum","_ref6","_ref7","Date","isNaN","getMilliseconds","totalValue","state","legendItem","isVisible","prevState","findIndex","line","_this$props$colorMap$","_this$props$colorMap","colorMap","interpolateValue","toDateString","toString","defaultLegendProps","legendType","renderLegend","_lProps$direction","_this$asProps5","direction","showLegend","length","_this$state","lProps","_objectSpread2","commonLegendProps","dataHints","items","size","shape","onChangeVisibleItem","disableSelectItems","callAllEventHandlers","onMouseEnterItem","disableHoverItems","onMouseLeaveItem","ChartLegendTable","flexLegendProps","trendLabel","trendIsVisible","onTrendIsVisibleChange","renderAxis","_this$asProps6","showXAxis","showYAxis","axisXValueFormatter","axisYValueFormatter","xTicks","yTicks","childrenX","_ref8","children","childrenY","_ref9","Fragment","YAxis","Ticks","Grid","XAxis","render","_ref","_ref2","SChart","Flex","_this$asProps7","styles","plotWidth","plotHeight","sstyled","cn","assignProps","Plot","renderChart","renderTooltip","Component","exports","showTooltip"],"sources":["../../../../src/component/Chart/AbstractChart.tsx"],"sourcesContent":["import { makeDataHintsContainer } from '../../a11y/hints';\nimport { LegendItem } from '../ChartLegend/LegendItem/LegendItem.type';\nimport { ScaleBand, ScaleLinear, ScaleTime } from 'd3-scale';\nimport { interpolateValue } from '../../utils';\nimport React from 'react';\nimport { Component, Root, sstyled } from '@semcore/core';\nimport { BaseChartProps, BaseLegendProps, ListData, ObjectData } from './AbstractChart.type';\nimport { callAllEventHandlers } from '@semcore/utils/lib/assignProps';\nimport ChartLegend, { ChartLegendTable } from '../ChartLegend';\nimport { Flex } from '@semcore/flex-box';\n// @ts-ignore\nimport { Plot, XAxis, YAxis } from '../..';\nimport { Text } from '@semcore/typography';\nimport { LegendFlexProps } from '../ChartLegend/LegendFlex/LegendFlex.type';\n\ntype ChartState = {\n  dataDefinitions: Array<LegendItem & { columns: React.ReactNode[] }>;\n  highlightedLine: number;\n  withTrend: boolean;\n};\n\nexport abstract class AbstractChart<\n  D extends ListData | ObjectData,\n  T extends BaseChartProps<D>,\n> extends Component<T, {}, ChartState> {\n  public static style = {};\n  public static defaultProps: Partial<BaseChartProps<any>> = {\n    direction: 'column',\n    showXAxis: true,\n    showYAxis: true,\n    showTooltip: true,\n    showLegend: true,\n  };\n\n  /**\n   * Padding from the end's of chart to the container (except axis sides)\n   */\n  protected plotPadding = 6;\n\n  protected dataHints = makeDataHintsContainer();\n\n  public state: ChartState = {\n    dataDefinitions: this.defaultDataDefinitions,\n    highlightedLine: -1,\n    withTrend: false,\n  };\n\n  constructor(props: T) {\n    super(props);\n\n    this.setHighlightedLine = this.setHighlightedLine.bind(this);\n    this.handleChangeVisible = this.handleChangeVisible.bind(this);\n    this.handleMouseEnter = this.handleMouseEnter.bind(this);\n    this.handleMouseLeave = this.handleMouseLeave.bind(this);\n    this.resolveColor = this.resolveColor.bind(this);\n    this.tooltipValueFormatter = this.tooltipValueFormatter.bind(this);\n    this.handleWithTrendChange = this.handleWithTrendChange.bind(this);\n  }\n\n  public componentDidUpdate(prevProps: T) {\n    if (prevProps.data !== this.props.data || prevProps.legendProps !== this.props.legendProps) {\n      this.setState({ dataDefinitions: this.defaultDataDefinitions });\n    }\n  }\n\n  protected get defaultDataDefinitions(): Array<LegendItem & { columns: React.ReactNode[] }> {\n    const { data, legendProps } = this.props;\n\n    return this.dataKeys.map((key, index) => {\n      const legendData = legendProps?.legendMap?.[key];\n\n      const dataDefinition: LegendItem & { columns: React.ReactNode[] } = {\n        id: key,\n        label: legendData?.label ?? key,\n        icon: legendData?.icon ?? undefined,\n        checked: legendData?.defaultChecked ?? true,\n        color: this.resolveColor(key, index),\n        columns: [],\n      };\n\n      if (legendData?.additionalInfo || legendData?.count) {\n        dataDefinition.additionalInfo = legendData.additionalInfo\n          ? { label: legendData.additionalInfo }\n          : legendData.count\n          ? { count: legendData.count }\n          : undefined;\n      }\n\n      if (legendData && 'columns' in legendData) {\n        dataDefinition.columns = legendData.columns || [];\n      } else if (!Array.isArray(data)) {\n        const value = (data instanceof Map ? data.get(key) : Number(data[key])) ?? 0;\n        const total = Object.values(data).reduce<number>((sum, i) => sum + Number(i), 0);\n        const percent = ((value / total) * 100).toFixed(2);\n\n        dataDefinition.columns = [\n          <Text key={`${key}_percent`} use={'secondary'}>\n            {percent}%\n          </Text>,\n          <Text key={`${key}_value`} use={'primary'}>\n            {value}\n          </Text>,\n        ];\n      }\n\n      return dataDefinition;\n    });\n  }\n\n  protected abstract get xScale(): ScaleBand<any> | ScaleLinear<any, any> | ScaleTime<any, any>;\n  protected abstract get yScale(): ScaleBand<any> | ScaleLinear<any, any> | ScaleTime<any, any>;\n\n  protected abstract renderChart(): React.ReactNode;\n  protected abstract renderTooltip(): React.ReactNode;\n\n  protected get dataKeys(): string[] {\n    const { data, groupKey } = this.props;\n\n    let dataKeys: string[];\n\n    if (Array.isArray(data) && groupKey) {\n      dataKeys = Object.keys(data[0]).filter((key) => key !== groupKey);\n    } else {\n      dataKeys = Object.keys(data);\n    }\n\n    return dataKeys;\n  }\n\n  protected get xTicks(): number[] | Date[] | undefined {\n    const { data, invertAxis, xTicksCount, yTicksCount } = this.asProps;\n\n    const scale = this.xScale;\n\n    if (Array.isArray(data) && 'ticks' in scale) {\n      if (invertAxis && yTicksCount) {\n        return scale.ticks(yTicksCount);\n      } else if (xTicksCount) {\n        return scale.ticks(xTicksCount);\n      }\n\n      return undefined;\n    }\n\n    return undefined;\n  }\n\n  protected get yTicks(): number[] | Date[] | undefined {\n    const { data, invertAxis, xTicksCount, yTicksCount } = this.asProps;\n\n    const scale = this.yScale;\n\n    if (Array.isArray(data) && 'ticks' in scale) {\n      if (invertAxis && xTicksCount) {\n        return scale.ticks(xTicksCount);\n      } else if (yTicksCount) {\n        return scale.ticks(yTicksCount);\n      }\n\n      return undefined;\n    }\n\n    return undefined;\n  }\n\n  protected get flatValues(): Set<number> {\n    const { data, groupKey } = this.asProps;\n    const values: any[] = Array.isArray(data) ? data : Object.values(data);\n\n    const flatValues = values.reduce<Set<number>>((result, item) => {\n      if (!groupKey && typeof item === 'number') {\n        result.add(item);\n      } else {\n        Object.entries(item).forEach(([key, value]) => {\n          if (key !== groupKey && typeof value === 'number') {\n            result.add(value);\n          }\n        });\n      }\n\n      return result;\n    }, new Set());\n\n    return flatValues;\n  }\n\n  protected get maxStackedValue(): number {\n    const { data, groupKey } = this.asProps;\n\n    if (!Array.isArray(data)) {\n      const max = Object.values(data).reduce<number>((sum, val) => {\n        if (typeof val === 'number') {\n          sum = sum + val;\n        }\n\n        return sum;\n      }, 0);\n\n      return max;\n    }\n\n    const max = data.reduce((max, item) => {\n      const barSum = Object.entries(item).reduce<number>((sum, [key, val]) => {\n        if (key === groupKey) {\n          return sum;\n        }\n\n        if (typeof val === 'number') {\n          return sum + val;\n        }\n\n        if (val instanceof Date && !Number.isNaN(val.getMilliseconds())) {\n          return sum + val.getMilliseconds();\n        }\n\n        return sum;\n      }, 0);\n\n      if (barSum > max) {\n        max = barSum;\n      }\n\n      return max;\n    }, 0);\n\n    return max;\n  }\n\n  protected totalValue(data: ObjectData): number {\n    const { dataDefinitions } = this.state;\n\n    const total = dataDefinitions.reduce((sum, legendItem) => {\n      const item = data[legendItem.id];\n\n      if (typeof item === 'number') {\n        return sum + item;\n      }\n\n      if (item instanceof Date && !Number.isNaN(item.getMilliseconds())) {\n        return sum + item.getMilliseconds();\n      }\n\n      return sum;\n    }, 0);\n\n    return total;\n  }\n\n  protected setHighlightedLine(index: number) {\n    this.setState({ highlightedLine: index });\n  }\n\n  protected handleChangeVisible(id: string, isVisible: boolean) {\n    this.setState((prevState) => {\n      const dataDefinitions = prevState.dataDefinitions.map((item) => {\n        if (item.id === id) {\n          item.checked = isVisible;\n        }\n\n        return item;\n      });\n\n      return { dataDefinitions };\n    });\n  }\n\n  protected handleWithTrendChange(isVisible: boolean) {\n    this.setState({ withTrend: isVisible });\n  }\n\n  protected handleMouseEnter(id: string) {\n    this.setHighlightedLine(this.state.dataDefinitions.findIndex((line) => line.id === id));\n  }\n\n  protected handleMouseLeave() {\n    this.setHighlightedLine(-1);\n  }\n\n  protected resolveColor(id: string, index: number) {\n    return this.props.colorMap?.[id] ?? `chart-palette-order-${index + 1}`;\n  }\n\n  protected tooltipValueFormatter(\n    value?: string | number | typeof interpolateValue | Date,\n  ): string {\n    const { tooltipValueFormatter } = this.asProps;\n\n    if (tooltipValueFormatter) {\n      return tooltipValueFormatter(value);\n    }\n\n    if (value === undefined || value === interpolateValue) {\n      return 'n/a';\n    }\n\n    if (value instanceof Date) {\n      return value.toDateString();\n    }\n\n    return value.toString();\n  }\n\n  protected defaultLegendProps(): Partial<BaseLegendProps> {\n    return {\n      legendType: 'Flex',\n    };\n  }\n\n  protected renderLegend() {\n    const { legendProps, direction, showLegend } = this.asProps;\n\n    if (\n      !showLegend ||\n      // we hide Legend for one item on chart except not manually set to show.\n      (this.dataKeys.length === 1 && showLegend === true)\n    ) {\n      return null;\n    }\n\n    const { dataDefinitions, withTrend } = this.state;\n    const lProps = {\n      ...this.defaultLegendProps(),\n      ...legendProps,\n    };\n\n    const commonLegendProps = {\n      dataHints: this.dataHints,\n      items: dataDefinitions,\n      size: lProps.size,\n      shape: lProps.shape,\n      direction:\n        lProps.direction ?? (direction === 'row' || direction === 'row-reverse' ? 'column' : 'row'),\n      onChangeVisibleItem: lProps.disableSelectItems\n        ? undefined\n        : callAllEventHandlers(lProps.onChangeVisibleItem, this.handleChangeVisible),\n      onMouseEnterItem: lProps.disableHoverItems\n        ? undefined\n        : callAllEventHandlers(lProps.onMouseEnterItem, this.handleMouseEnter),\n      onMouseLeaveItem: lProps.disableHoverItems\n        ? undefined\n        : callAllEventHandlers(lProps.onMouseLeaveItem, this.handleMouseLeave),\n    };\n\n    if (lProps.legendType === 'Table') {\n      return <ChartLegendTable {...commonLegendProps} />;\n    }\n\n    if ('withTrend' in lProps) {\n      const flexLegendProps: LegendFlexProps = {\n        ...commonLegendProps,\n        withTrend: true,\n        trendLabel: lProps.trendLabel,\n        trendIsVisible: withTrend,\n        onTrendIsVisibleChange: this.handleWithTrendChange,\n      };\n\n      return <ChartLegend {...flexLegendProps} />;\n    }\n\n    return <ChartLegend {...commonLegendProps} />;\n  }\n\n  protected renderAxis(): React.ReactNode {\n    const { invertAxis, showXAxis, showYAxis, data, axisXValueFormatter, axisYValueFormatter } =\n      this.asProps;\n\n    if (!Array.isArray(data)) {\n      return null;\n    }\n\n    const xTicks = this.xTicks;\n    const yTicks = this.yTicks;\n\n    const childrenX = axisXValueFormatter\n      ? ({ value }: any) => ({ children: axisXValueFormatter(value) })\n      : undefined;\n    const childrenY = axisYValueFormatter\n      ? ({ value }: any) => ({ children: axisYValueFormatter(value) })\n      : undefined;\n\n    return (\n      <>\n        {showYAxis && (\n          <YAxis>\n            {yTicks ? (\n              <YAxis.Ticks ticks={yTicks}>{childrenY}</YAxis.Ticks>\n            ) : (\n              <YAxis.Ticks>{childrenY}</YAxis.Ticks>\n            )}\n            {invertAxis !== true && (yTicks ? <YAxis.Grid ticks={yTicks} /> : <YAxis.Grid />)}\n          </YAxis>\n        )}\n\n        {showXAxis && (\n          <XAxis>\n            {xTicks ? (\n              <XAxis.Ticks ticks={xTicks}>{childrenX}</XAxis.Ticks>\n            ) : (\n              <XAxis.Ticks>{childrenX}</XAxis.Ticks>\n            )}\n            {invertAxis === true && (xTicks ? <XAxis.Grid ticks={xTicks} /> : <XAxis.Grid />)}\n          </XAxis>\n        )}\n      </>\n    );\n  }\n\n  public render() {\n    const SChart = Root;\n    const { styles, plotWidth, plotHeight, data } = this.asProps;\n\n    return sstyled(styles)(\n      <SChart render={Flex} gap={5}>\n        {this.renderLegend()}\n        <Plot\n          data={data}\n          scale={[this.xScale, this.yScale]}\n          width={plotWidth}\n          height={plotHeight}\n          dataHints={this.dataHints}\n        >\n          {this.renderAxis()}\n          {this.renderChart()}\n          {this.renderTooltip()}\n        </Plot>\n      </SChart>,\n    );\n  }\n}\n"],"mappings":"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"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"AbstractChart.type.js","names":[],"sources":["../../../../src/component/Chart/AbstractChart.type.ts"],"sourcesContent":["import React from 'react';\nimport { FlexProps } from '@semcore/flex-box';\nimport { LegendItemKey } from '../ChartLegend/LegendItem/LegendItem.type';\nimport Icon from '@semcore/icon';\nimport { BaseChartLegendProps } from '../ChartLegend/BaseLegend.type';\nimport { TrendProps } from '../ChartLegend/LegendFlex/LegendFlex.type';\n\nexport type BaseLegendProps = BaseChartLegendProps & {\n  /**\n   * Disable hover (for transition items legend of each not hovered)\n   */\n  disableHoverItems?: boolean;\n  /**\n   * Disable selectable of data items by checkboxes in Legend\n   */\n  disableSelectItems?: boolean;\n} & (\n    | (TrendProps & {\n        /**\n         * How to render Legend - Flex view. Just list of legend items\n         */\n        legendType?: never | 'Flex';\n        /**\n         * Config for Legend items\n         */\n        legendMap?: LegendDataMap<'Flex'>;\n      })\n    | {\n        /**\n         * How to render Legend - Table view. Table of legend items with some additional information in columns\n         */\n        legendType: 'Table';\n        /**\n         * Config for Legend items\n         */\n        legendMap?: LegendDataMap<'Table'>;\n      }\n  );\n\nexport type ObjectData = Record<string, unknown>;\nexport type ListData = ObjectData[];\n\nexport type BaseChartProps<T extends ListData | ObjectData> = FlexProps & {\n  /**\n   * Chart data. For all charts except Donut(Pie), Radar and Venn should be an Array\n   */\n  data: T;\n  /**\n   * Width of plot\n   */\n  plotWidth: number;\n  /**\n   * Height of plot\n   */\n  plotHeight: number;\n  /**\n   * Margin (for Y axis points) from left side of chart container to Y axis\n   */\n  marginY?: number;\n  /**\n   * Margin (for X axis points) from bottom of chart container to X axis\n   */\n  marginX?: number;\n  /**\n   * invert axis and show horizontal charts (only for Bars!)\n   */\n  invertAxis?: boolean;\n\n  /**\n   * Show X axis\n   * @default true (for charts with axis: Area, Line, Bar, ScatterPlot, ...)\n   */\n  showXAxis?: boolean;\n  /**\n   * Show Y axis\n   * @default true (for charts with axis: Area, Line, Bar, ScatterPlot, ...)\n   */\n  showYAxis?: boolean;\n  /**\n   * Map with colors for data items\n   */\n  colorMap?: Record<string, string>;\n  /**\n   * Show tooltip's.\n   * @default true\n   */\n  showTooltip?: boolean;\n  /**\n   * Show sum of values for selected point in tooltip\n   */\n  showTotalInTooltip?: boolean;\n  /**\n   * Scale for xAxis (see more in d3-scale)\n   */\n  xScale?: unknown;\n  /**\n   * Scale for yAxis (see more in d3-scale)\n   */\n  yScale?: unknown;\n  /**\n   * Count of ticks for X axis\n   */\n  xTicksCount?: number;\n  /**\n   * Count of ticks for Y axis\n   */\n  yTicksCount?: number;\n  /**\n   * Group key for all array-based charts (for get keys of items for legend except that group key)\n   */\n  groupKey?: string;\n  /**\n   * function for format axis item text\n   */\n  axisXValueFormatter?: (value: unknown) => string;\n  axisYValueFormatter?: (value: unknown) => string;\n  /**\n   * Function for format text for tooltip\n   */\n  tooltipValueFormatter?: (value?: unknown) => string;\n} /**\n * By default, we show the Legend for all charts with more the one data item.\n * For hide the Legend, you should set showLegend prop to `false`.\n */ & (\n    | {\n        /**\n         * Don't show legend\n         */\n        showLegend?: false;\n        legendProps?: never;\n      }\n    | {\n        /**\n         *  By default (if showLegend don't set), for one data item on chart,\n         *  Legend component will be hide, and show for more then 1 data item.\n         *  If set `true` - Legend component will show always.\n         */\n        showLegend?: true;\n        /**\n         * Props for Legend\n         */\n        legendProps?: Partial<BaseLegendProps>;\n      }\n  );\n\ntype LegendDataMap<T extends 'Flex' | 'Table'> = Record<\n  LegendItemKey,\n  {\n    /**\n     * Custom label for legend item (by default use keys from data item object)\n     */\n    label?: string;\n    /**\n     * Additional text after label\n     */\n    additionalInfo?: string;\n    /**\n     * Count after label\n     */\n    count?: number;\n    /**\n     * Custom Icon\n     */\n    icon?: typeof Icon;\n    /**\n     * Flag for uncheck some items by default\n     */\n    defaultChecked?: boolean;\n  } & (T extends 'Table' ? { columns?: React.ReactNode[] } : { columns?: never })\n>;\n"],"mappings":""}