intergalactic 15.123.0 → 15.124.0-prerelease.0

package/d3-chart/lib/es6/component/Chart/CompactHorizontalBarChart.js

@@ -0,0 +1,128 @@
+import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
+import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
+import _createClass from "@babel/runtime/helpers/createClass";
+import _get from "@babel/runtime/helpers/get";
+import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
+import _inherits from "@babel/runtime/helpers/inherits";
+import _createSuper from "@babel/runtime/helpers/createSuper";
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+import React from 'react';
+import createComponent from 'intergalactic/core';
+import { scaleBand, scaleLinear } from 'd3-scale';
+// @ts-ignore
+import { CompactHorizontalBar } from '../..';
+import { AbstractChart } from './AbstractChart';
+import { localizedMessages } from '../../translations/__intergalactic-dynamic-locales';
+import i18nEnhance from 'intergalactic/utils/lib/enhances/i18nEnhance';
+var CompactHorizontalBarChartComponent = /*#__PURE__*/function (_AbstractChart) {
+  _inherits(CompactHorizontalBarChartComponent, _AbstractChart);
+  var _super = _createSuper(CompactHorizontalBarChartComponent);
+  function CompactHorizontalBarChartComponent() {
+    _classCallCheck(this, CompactHorizontalBarChartComponent);
+    return _super.apply(this, arguments);
+  }
+  _createClass(CompactHorizontalBarChartComponent, [{
+    key: "xScale",
+    get: function get() {
+      var _this$asProps$xScale;
+      return (_this$asProps$xScale = this.asProps.xScale) !== null && _this$asProps$xScale !== void 0 ? _this$asProps$xScale : this.valueScale;
+    }
+  }, {
+    key: "yScale",
+    get: function get() {
+      var _this$asProps$yScale;
+      return (_this$asProps$yScale = this.asProps.yScale) !== null && _this$asProps$yScale !== void 0 ? _this$asProps$yScale : this.categoryScale;
+    }
+  }, {
+    key: "defaultLegendProps",
+    value: function defaultLegendProps() {
+      return {};
+    }
+  }, {
+    key: "renderChart",
+    value: function renderChart() {
+      var _this$asProps = this.asProps,
+        x = _this$asProps.x,
+        y = _this$asProps.y,
+        onClickHoverRect = _this$asProps.onClickHoverRect,
+        onClickBar = _this$asProps.onClickBar;
+      return /*#__PURE__*/React.createElement(CompactHorizontalBar, {
+        x: x,
+        y: y
+      }, this.renderCompactHorizontalBarTooltip(), /*#__PURE__*/React.createElement(CompactHorizontalBar.Hover, {
+        onClick: onClickHoverRect
+      }), /*#__PURE__*/React.createElement(CompactHorizontalBar.Annotation, null, /*#__PURE__*/React.createElement(CompactHorizontalBar.Label, null), /*#__PURE__*/React.createElement(CompactHorizontalBar.Percent, null), /*#__PURE__*/React.createElement(CompactHorizontalBar.Value, null)), /*#__PURE__*/React.createElement(CompactHorizontalBar.Bar, {
+        onClick: onClickBar
+      }, /*#__PURE__*/React.createElement(CompactHorizontalBar.Bar.Background, null), /*#__PURE__*/React.createElement(CompactHorizontalBar.Bar.Fill, null)));
+    }
+  }, {
+    key: "renderCompactHorizontalBarTooltip",
+    value: function renderCompactHorizontalBarTooltip() {
+      var _this$asProps2 = this.asProps,
+        data = _this$asProps2.data,
+        x = _this$asProps2.x,
+        y = _this$asProps2.y,
+        showTooltip = _this$asProps2.showTooltip;
+      if (!showTooltip) {
+        return null;
+      }
+      return /*#__PURE__*/React.createElement(CompactHorizontalBar.Tooltip, {
+        wMin: 100
+      }, function (_ref) {
+        var index = _ref.index;
+        return {
+          children: /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(CompactHorizontalBar.Tooltip.Title, null, data[index][y]), /*#__PURE__*/React.createElement(CompactHorizontalBar.Tooltip.Dot, null, data[index][x]))
+        };
+      });
+    }
+  }, {
+    key: "renderTooltip",
+    value: function renderTooltip() {
+      return null;
+    }
+  }, {
+    key: "getLegendAriaLabel",
+    value: function getLegendAriaLabel() {
+      return this.asProps.getI18nText('legendForChart', {
+        chartType: 'CompactHorizontalBar'
+      });
+    }
+  }, {
+    key: "categoryScale",
+    get: function get() {
+      var _this$asProps3 = this.asProps,
+        _this$asProps3$margin = _this$asProps3.marginY,
+        marginY = _this$asProps3$margin === void 0 ? 40 : _this$asProps3$margin,
+        plotHeight = _this$asProps3.plotHeight,
+        data = _this$asProps3.data,
+        y = _this$asProps3.y;
+      return scaleBand().range([plotHeight - marginY, marginY]).domain(_toConsumableArray(data).reverse().map(function (d) {
+        return d[y];
+      })).paddingInner(0.6).paddingOuter(0.2);
+    }
+  }, {
+    key: "valueScale",
+    get: function get() {
+      var _this$asProps4 = this.asProps,
+        _this$asProps4$margin = _this$asProps4.marginY,
+        marginY = _this$asProps4$margin === void 0 ? 0 : _this$asProps4$margin,
+        plotWidth = _this$asProps4.plotWidth;
+      var sum = _toConsumableArray(_get(_getPrototypeOf(CompactHorizontalBarChartComponent.prototype), "flatValues", this).values()).reduce(function (acc, d) {
+        return acc + d;
+      }, 0);
+      return scaleLinear().range([marginY, plotWidth]).domain([marginY, sum]);
+    }
+  }]);
+  return CompactHorizontalBarChartComponent;
+}(AbstractChart);
+_defineProperty(CompactHorizontalBarChartComponent, "displayName", 'Chart.CompactHorizontalBar');
+_defineProperty(CompactHorizontalBarChartComponent, "defaultProps", {
+  direction: 'column',
+  showXAxis: false,
+  showYAxis: false,
+  showTooltip: true,
+  showLegend: false
+});
+_defineProperty(CompactHorizontalBarChartComponent, "enhance", [i18nEnhance(localizedMessages)]);
+export var CompactHorizontalBarChart = createComponent(CompactHorizontalBarChartComponent);
+//# sourceMappingURL=CompactHorizontalBarChart.js.map

package/d3-chart/lib/es6/component/Chart/CompactHorizontalBarChart.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CompactHorizontalBarChart.js","names":["React","createComponent","scaleBand","scaleLinear","CompactHorizontalBar","AbstractChart","localizedMessages","i18nEnhance","CompactHorizontalBarChartComponent","_AbstractChart","_inherits","_super","_createSuper","_classCallCheck","apply","arguments","_createClass","key","get","_this$asProps$xScale","asProps","xScale","valueScale","_this$asProps$yScale","yScale","categoryScale","value","defaultLegendProps","renderChart","_this$asProps","x","y","onClickHoverRect","onClickBar","createElement","renderCompactHorizontalBarTooltip","Hover","onClick","Annotation","Label","Percent","Value","Bar","Background","Fill","_this$asProps2","data","showTooltip","Tooltip","wMin","_ref","index","children","Fragment","Title","Dot","renderTooltip","getLegendAriaLabel","getI18nText","chartType","_this$asProps3","_this$asProps3$margin","marginY","plotHeight","range","domain","_toConsumableArray","reverse","map","d","paddingInner","paddingOuter","_this$asProps4","_this$asProps4$margin","plotWidth","sum","_get","_getPrototypeOf","prototype","values","reduce","acc","_defineProperty","direction","showXAxis","showYAxis","showLegend","CompactHorizontalBarChart"],"sources":["../../../../src/component/Chart/CompactHorizontalBarChart.tsx"],"sourcesContent":["import React from 'react';\nimport createComponent from '@semcore/core';\nimport { BaseChartProps, BaseLegendProps } from './AbstractChart.type';\nimport {\n  CompactHorizontalBarChartData,\n  CompactHorizontalBarChartProps,\n  CompactHorizontalBarChartType,\n} from './CompactHorizontalBarChart.type';\nimport { scaleBand, scaleLinear } from 'd3-scale';\n// @ts-ignore\nimport { CompactHorizontalBar } from '../..';\nimport { AbstractChart } from './AbstractChart';\nimport { localizedMessages } from '../../translations/__intergalactic-dynamic-locales';\nimport i18nEnhance from '@semcore/utils/lib/enhances/i18nEnhance';\n\nclass CompactHorizontalBarChartComponent extends AbstractChart<\n  CompactHorizontalBarChartData,\n  CompactHorizontalBarChartProps,\n  typeof CompactHorizontalBarChartComponent.enhance\n> {\n  static displayName = 'Chart.CompactHorizontalBar';\n  public static defaultProps: Partial<BaseChartProps<any>> = {\n    direction: 'column',\n    showXAxis: false,\n    showYAxis: false,\n    showTooltip: true,\n    showLegend: false,\n  };\n\n  static enhance = [i18nEnhance(localizedMessages)] as const;\n\n  get xScale() {\n    return this.asProps.xScale ?? this.valueScale;\n  }\n\n  get yScale() {\n    return this.asProps.yScale ?? this.categoryScale;\n  }\n\n  protected defaultLegendProps(): Partial<BaseLegendProps> {\n    return {};\n  }\n\n  renderChart() {\n    const { x, y, onClickHoverRect, onClickBar } = this.asProps;\n\n    return (\n      <CompactHorizontalBar x={x} y={y}>\n        {this.renderCompactHorizontalBarTooltip()}\n        <CompactHorizontalBar.Hover onClick={onClickHoverRect} />\n        <CompactHorizontalBar.Annotation>\n          <CompactHorizontalBar.Label />\n          <CompactHorizontalBar.Percent />\n          <CompactHorizontalBar.Value />\n        </CompactHorizontalBar.Annotation>\n        <CompactHorizontalBar.Bar onClick={onClickBar}>\n          <CompactHorizontalBar.Bar.Background />\n          <CompactHorizontalBar.Bar.Fill />\n        </CompactHorizontalBar.Bar>\n      </CompactHorizontalBar>\n    );\n  }\n\n  protected renderCompactHorizontalBarTooltip(): React.ReactNode {\n    const { data, x, y, showTooltip } = this.asProps;\n\n    if (!showTooltip) {\n      return null;\n    }\n\n    return (\n      <CompactHorizontalBar.Tooltip wMin={100}>\n        {({ index }: any) => {\n          return {\n            children: (\n              <>\n                <CompactHorizontalBar.Tooltip.Title>\n                  {data[index][y]}\n                </CompactHorizontalBar.Tooltip.Title>\n\n                <CompactHorizontalBar.Tooltip.Dot>\n                  {data[index][x]}\n                </CompactHorizontalBar.Tooltip.Dot>\n              </>\n            ),\n          };\n        }}\n      </CompactHorizontalBar.Tooltip>\n    );\n  }\n\n  renderTooltip(): React.ReactNode {\n    return null;\n  }\n\n  protected getLegendAriaLabel(): string {\n    return this.asProps.getI18nText('legendForChart', { chartType: 'CompactHorizontalBar' });\n  }\n\n  private get categoryScale() {\n    const { marginY = 40, plotHeight, data, y } = this.asProps;\n\n    return scaleBand()\n      .range([plotHeight - marginY, marginY])\n      .domain([...data].reverse().map((d) => d[y]) as any)\n      .paddingInner(0.6)\n      .paddingOuter(0.2);\n  }\n\n  private get valueScale() {\n    const { marginY = 0, plotWidth } = this.asProps;\n\n    const sum = [...super.flatValues.values()].reduce((acc, d) => acc + d, 0);\n\n    return scaleLinear().range([marginY, plotWidth]).domain([marginY, sum]);\n  }\n}\n\nexport const CompactHorizontalBarChart: CompactHorizontalBarChartType = createComponent(\n  CompactHorizontalBarChartComponent,\n);\n"],"mappings":"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"}

package/d3-chart/lib/es6/component/Chart/CompactHorizontalBarChart.type.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=CompactHorizontalBarChart.type.js.map

package/d3-chart/lib/es6/component/Chart/CompactHorizontalBarChart.type.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CompactHorizontalBarChart.type.js","names":[],"sources":["../../../../src/component/Chart/CompactHorizontalBarChart.type.ts"],"sourcesContent":["import React from 'react';\nimport { Intergalactic } from '@semcore/core';\nimport { Flex } from '@semcore/flex-box';\nimport { ScaleBand, ScaleLinear, ScaleTime } from 'd3-scale';\nimport { BaseChartProps } from './AbstractChart.type';\n\ntype BarKey = string;\n\nexport type CompactHorizontalBarChartData = Array<Record<BarKey, number | string>>;\n\nexport type CompactHorizontalBarChartProps = BaseChartProps<CompactHorizontalBarChartData> & {\n  x: string;\n  y: string;\n  xScale?: ScaleBand<any> | ScaleTime<any, any>;\n  yScale?: ScaleLinear<any, any>;\n\n  /** Handle click by `HoverRect`. `index` is an index of the data array. */\n  onClickHoverRect?: (index: number, e: React.SyntheticEvent) => void;\n\n  /** Handle click by Bar. */\n  onClickBar?: (barItem: number, e: React.SyntheticEvent) => void;\n};\n\nexport type CompactHorizontalBarChartType = Intergalactic.Component<\n  typeof Flex,\n  CompactHorizontalBarChartProps\n>;\n"],"mappings":""}

package/d3-chart/lib/es6/component/Chart/DonutChart.js

@@ -0,0 +1,119 @@
+import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
+import _createClass from "@babel/runtime/helpers/createClass";
+import _inherits from "@babel/runtime/helpers/inherits";
+import _createSuper from "@babel/runtime/helpers/createSuper";
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+import React from 'react';
+import createComponent from 'intergalactic/core';
+import { scaleLinear } from 'd3-scale';
+// @ts-ignore
+import { Donut } from '../..';
+import { AbstractChart } from './AbstractChart';
+import { Text } from 'intergalactic/typography';
+import { Flex } from 'intergalactic/flex-box';
+import { localizedMessages } from '../../translations/__intergalactic-dynamic-locales';
+import i18nEnhance from 'intergalactic/utils/lib/enhances/i18nEnhance';
+var DonutChartComponent = /*#__PURE__*/function (_AbstractChart) {
+  _inherits(DonutChartComponent, _AbstractChart);
+  var _super = _createSuper(DonutChartComponent);
+  function DonutChartComponent() {
+    _classCallCheck(this, DonutChartComponent);
+    return _super.apply(this, arguments);
+  }
+  _createClass(DonutChartComponent, [{
+    key: "xScale",
+    get: function get() {
+      var xScale = this.asProps.xScale;
+      if (xScale) {
+        return xScale;
+      }
+      return scaleLinear();
+    }
+  }, {
+    key: "yScale",
+    get: function get() {
+      var yScale = this.asProps.yScale;
+      if (yScale) {
+        return yScale;
+      }
+      return scaleLinear();
+    }
+  }, {
+    key: "defaultLegendProps",
+    value: function defaultLegendProps() {
+      return {
+        legendType: 'Table'
+      };
+    }
+  }, {
+    key: "renderChart",
+    value: function renderChart() {
+      var _this$asProps = this.asProps,
+        innerRadius = _this$asProps.innerRadius,
+        halfsize = _this$asProps.halfsize,
+        innerLabel = _this$asProps.innerLabel;
+      var _this$state = this.state,
+        dataDefinitions = _this$state.dataDefinitions,
+        highlightedLine = _this$state.highlightedLine;
+      var checkedLegendItems = dataDefinitions.filter(function (item) {
+        return item.checked;
+      });
+      return /*#__PURE__*/React.createElement(Donut, {
+        halfsize: halfsize,
+        innerRadius: innerRadius
+      }, checkedLegendItems.length === 0 && /*#__PURE__*/React.createElement(Donut.EmptyData, null), checkedLegendItems.map(function (item, index) {
+        return /*#__PURE__*/React.createElement(Donut.Pie, {
+          key: item.id,
+          dataKey: item.id,
+          name: item.label,
+          color: item.color,
+          active: highlightedLine === index
+        });
+      }), innerLabel && /*#__PURE__*/React.createElement(Donut.Label, null, innerLabel));
+    }
+  }, {
+    key: "renderTooltip",
+    value: function renderTooltip() {
+      var _this = this;
+      var _this$asProps2 = this.asProps,
+        data = _this$asProps2.data,
+        showTooltip = _this$asProps2.showTooltip;
+      var dataDefinitions = this.state.dataDefinitions;
+      if (!showTooltip) {
+        return null;
+      }
+      return /*#__PURE__*/React.createElement(Donut.Tooltip, null, function (_ref) {
+        var dataKey = _ref.dataKey;
+        var title = dataDefinitions.find(function (item) {
+          return item.id === dataKey;
+        });
+        return {
+          children: /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Donut.Tooltip.Title, null, (title === null || title === void 0 ? void 0 : title.label) || dataKey), /*#__PURE__*/React.createElement(Flex, {
+            justifyContent: "space-between"
+          }, /*#__PURE__*/React.createElement(Text, {
+            bold: true
+          }, _this.tooltipValueFormatter(data[dataKey]))))
+        };
+      });
+    }
+  }, {
+    key: "getLegendAriaLabel",
+    value: function getLegendAriaLabel() {
+      return this.asProps.getI18nText('legendForChart', {
+        chartType: 'Donut'
+      });
+    }
+  }]);
+  return DonutChartComponent;
+}(AbstractChart);
+_defineProperty(DonutChartComponent, "displayName", 'Chart.Donut');
+_defineProperty(DonutChartComponent, "defaultProps", {
+  direction: 'row-reverse',
+  alignItems: 'flex-start',
+  innerRadius: 100,
+  marginX: 0,
+  marginY: 0
+});
+_defineProperty(DonutChartComponent, "enhance", [i18nEnhance(localizedMessages)]);
+export var DonutChart = createComponent(DonutChartComponent);
+//# sourceMappingURL=DonutChart.js.map

package/d3-chart/lib/es6/component/Chart/DonutChart.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DonutChart.js","names":["React","createComponent","scaleLinear","Donut","AbstractChart","Text","Flex","localizedMessages","i18nEnhance","DonutChartComponent","_AbstractChart","_inherits","_super","_createSuper","_classCallCheck","apply","arguments","_createClass","key","get","xScale","asProps","yScale","value","defaultLegendProps","legendType","renderChart","_this$asProps","innerRadius","halfsize","innerLabel","_this$state","state","dataDefinitions","highlightedLine","checkedLegendItems","filter","item","checked","createElement","length","EmptyData","map","index","Pie","id","dataKey","name","label","color","active","Label","renderTooltip","_this","_this$asProps2","data","showTooltip","Tooltip","_ref","title","find","children","Fragment","Title","justifyContent","bold","tooltipValueFormatter","getLegendAriaLabel","getI18nText","chartType","_defineProperty","direction","alignItems","marginX","marginY","DonutChart"],"sources":["../../../../src/component/Chart/DonutChart.tsx"],"sourcesContent":["import React from 'react';\nimport createComponent from '@semcore/core';\nimport { scaleLinear } from 'd3-scale';\n// @ts-ignore\nimport { Donut } from '../..';\nimport { AbstractChart } from './AbstractChart';\nimport { Text } from '@semcore/typography';\nimport { DonutChartData, DonutChartProps, DonutChartType } from './DonutChart.type';\nimport { Flex } from '@semcore/flex-box';\nimport { localizedMessages } from '../../translations/__intergalactic-dynamic-locales';\nimport i18nEnhance from '@semcore/utils/lib/enhances/i18nEnhance';\n\nclass DonutChartComponent extends AbstractChart<\n  DonutChartData,\n  DonutChartProps,\n  typeof DonutChartComponent.enhance\n> {\n  static displayName = 'Chart.Donut';\n  static defaultProps: Partial<DonutChartProps> = {\n    direction: 'row-reverse',\n    alignItems: 'flex-start',\n    innerRadius: 100,\n    marginX: 0,\n    marginY: 0,\n  };\n\n  static enhance = [i18nEnhance(localizedMessages)] as const;\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  defaultLegendProps() {\n    return {\n      legendType: 'Table' as const,\n    };\n  }\n\n  renderChart() {\n    const { innerRadius, halfsize, innerLabel } = this.asProps;\n    const { dataDefinitions, highlightedLine } = this.state;\n\n    const checkedLegendItems = dataDefinitions.filter((item) => item.checked);\n\n    return (\n      <Donut halfsize={halfsize} innerRadius={innerRadius}>\n        {checkedLegendItems.length === 0 && <Donut.EmptyData />}\n        {checkedLegendItems.map((item, index) => {\n          return (\n            <Donut.Pie\n              key={item.id}\n              dataKey={item.id}\n              name={item.label}\n              color={item.color}\n              active={highlightedLine === index}\n            />\n          );\n        })}\n        {innerLabel && <Donut.Label>{innerLabel}</Donut.Label>}\n      </Donut>\n    );\n  }\n\n  renderTooltip() {\n    const { data, showTooltip } = this.asProps;\n    const { dataDefinitions } = this.state;\n\n    if (!showTooltip) {\n      return null;\n    }\n\n    return (\n      <Donut.Tooltip>\n        {({ dataKey }: any) => {\n          const title = dataDefinitions.find((item) => item.id === dataKey);\n\n          return {\n            children: (\n              <>\n                <Donut.Tooltip.Title>{title?.label || dataKey}</Donut.Tooltip.Title>\n                <Flex justifyContent='space-between'>\n                  <Text bold>{this.tooltipValueFormatter(data[dataKey])}</Text>\n                </Flex>\n              </>\n            ),\n          };\n        }}\n      </Donut.Tooltip>\n    );\n  }\n\n  protected getLegendAriaLabel(): string {\n    return this.asProps.getI18nText('legendForChart', { chartType: 'Donut' });\n  }\n}\n\nexport const DonutChart: DonutChartType = createComponent(DonutChartComponent);\n"],"mappings":"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"}

package/d3-chart/lib/es6/component/Chart/DonutChart.type.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=DonutChart.type.js.map

package/d3-chart/lib/es6/component/Chart/DonutChart.type.js.map

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

package/d3-chart/lib/es6/component/Chart/HistogramChart.js

@@ -0,0 +1,191 @@
+import _extends from "@babel/runtime/helpers/extends";
+import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
+import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
+import _createClass from "@babel/runtime/helpers/createClass";
+import _get from "@babel/runtime/helpers/get";
+import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
+import _inherits from "@babel/runtime/helpers/inherits";
+import _createSuper from "@babel/runtime/helpers/createSuper";
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+import React from 'react';
+import createComponent from 'intergalactic/core';
+import { scaleBand, scaleLinear, scaleTime } from 'd3-scale';
+// @ts-ignore
+import { Bar, minMax, HoverRect, StackBar } from '../..';
+import { AbstractChart } from './AbstractChart';
+import { Box, Flex } from 'intergalactic/flex-box';
+import { Text } from 'intergalactic/typography';
+import { localizedMessages } from '../../translations/__intergalactic-dynamic-locales';
+import i18nEnhance from 'intergalactic/utils/lib/enhances/i18nEnhance';
+var HistogramChartComponent = /*#__PURE__*/function (_AbstractChart) {
+  _inherits(HistogramChartComponent, _AbstractChart);
+  var _super = _createSuper(HistogramChartComponent);
+  function HistogramChartComponent() {
+    _classCallCheck(this, HistogramChartComponent);
+    return _super.apply(this, arguments);
+  }
+  _createClass(HistogramChartComponent, [{
+    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,
+        _this$asProps$marginX = _this$asProps.marginX,
+        marginX = _this$asProps$marginX === void 0 ? 30 : _this$asProps$marginX,
+        plotWidth = _this$asProps.plotWidth,
+        plotHeight = _this$asProps.plotHeight,
+        invertAxis = _this$asProps.invertAxis,
+        data = _this$asProps.data,
+        groupKey = _this$asProps.groupKey;
+      if (xScale) {
+        return xScale;
+      }
+      var testItem = data[0][groupKey];
+      var range = invertAxis ? [plotHeight - marginX, this.plotPadding] : [marginY, plotWidth - this.plotPadding];
+      if (testItem instanceof Date && !Number.isNaN(testItem.getMilliseconds())) {
+        var _domain = minMax(data, groupKey);
+        return scaleTime(_domain, range);
+      }
+      var domain = data.map(function (item) {
+        return item[groupKey];
+      });
+      return scaleBand(domain, range).paddingInner(0.05).paddingOuter(0.2);
+    }
+  }, {
+    key: "yScale",
+    get: function get() {
+      var _this$asProps2 = this.asProps,
+        yScale = _this$asProps2.yScale,
+        _this$asProps2$margin = _this$asProps2.marginY,
+        marginY = _this$asProps2$margin === void 0 ? 30 : _this$asProps2$margin,
+        _this$asProps2$margin2 = _this$asProps2.marginX,
+        marginX = _this$asProps2$margin2 === void 0 ? 30 : _this$asProps2$margin2,
+        plotHeight = _this$asProps2.plotHeight,
+        plotWidth = _this$asProps2.plotWidth,
+        invertAxis = _this$asProps2.invertAxis,
+        data = _this$asProps2.data;
+      var max;
+      if (this.isStack) {
+        max = data.reduce(function (max, item) {
+          var barSum = Object.values(item).reduce(function (sum, val) {
+            if (val instanceof Date && !Number.isNaN(val.getMilliseconds())) {
+              return sum + val.getMilliseconds();
+            }
+            return sum + val;
+          }, 0);
+          if (barSum > max) {
+            max = barSum;
+          }
+          return max;
+        }, 0);
+      } else {
+        var flatValues = _get(_getPrototypeOf(HistogramChartComponent.prototype), "flatValues", this);
+        max = Math.max.apply(Math, _toConsumableArray(flatValues));
+      }
+      return yScale !== null && yScale !== void 0 ? yScale : scaleLinear().range(invertAxis ? [marginY, plotWidth - this.plotPadding] : [plotHeight - marginX, this.plotPadding]).domain([0, max]);
+    }
+  }, {
+    key: "isStack",
+    get: function get() {
+      var dataDefinitions = this.state.dataDefinitions;
+      return dataDefinitions.length > 1;
+    }
+  }, {
+    key: "renderChart",
+    value: function renderChart() {
+      var _this$asProps3 = this.asProps,
+        groupKey = _this$asProps3.groupKey,
+        invertAxis = _this$asProps3.invertAxis;
+      var _this$state = this.state,
+        dataDefinitions = _this$state.dataDefinitions,
+        highlightedLine = _this$state.highlightedLine;
+      if (this.isStack) {
+        return /*#__PURE__*/React.createElement(StackBar, {
+          x: invertAxis ? undefined : groupKey,
+          y: invertAxis ? groupKey : undefined
+        }, dataDefinitions.map(function (item, index) {
+          var BarComponent = invertAxis ? StackBar.HorizontalBar : StackBar.Bar;
+          var commonBarComponentProps = {
+            color: item.color,
+            transparent: highlightedLine !== -1 && highlightedLine !== index
+          };
+          if (invertAxis) {
+            commonBarComponentProps.x = item.id;
+          } else {
+            commonBarComponentProps.y = item.id;
+          }
+          return item.checked && /*#__PURE__*/React.createElement(BarComponent, _extends({
+            key: item.id
+          }, commonBarComponentProps));
+        }));
+      }
+      var item = dataDefinitions[0];
+      return /*#__PURE__*/React.createElement(Bar, {
+        x: invertAxis ? item.id : groupKey,
+        y: invertAxis ? groupKey : item.id,
+        key: item.id,
+        color: item.color
+      });
+    }
+  }, {
+    key: "renderTooltip",
+    value: function renderTooltip() {
+      var _this = this;
+      var _this$asProps4 = this.asProps,
+        data = _this$asProps4.data,
+        groupKey = _this$asProps4.groupKey,
+        showTotalInTooltip = _this$asProps4.showTotalInTooltip,
+        showTooltip = _this$asProps4.showTooltip,
+        invertAxis = _this$asProps4.invertAxis;
+      var dataDefinitions = this.state.dataDefinitions;
+      if (!showTooltip) {
+        return null;
+      }
+      return /*#__PURE__*/React.createElement(HoverRect.Tooltip, {
+        x: invertAxis ? undefined : groupKey,
+        y: invertAxis ? groupKey : undefined,
+        wMin: 100
+      }, function (_ref) {
+        var _dataItem$groupKey;
+        var xIndex = _ref.xIndex,
+          yIndex = _ref.yIndex;
+        var index = invertAxis ? yIndex : xIndex;
+        var dataItem = data[index];
+        var total = _this.totalValue(dataItem);
+        return {
+          children: /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(HoverRect.Tooltip.Title, null, (_dataItem$groupKey = dataItem[groupKey]) === null || _dataItem$groupKey === void 0 ? void 0 : _dataItem$groupKey.toString()), dataDefinitions.map(function (item) {
+            return item.checked && /*#__PURE__*/React.createElement(Flex, {
+              justifyContent: "space-between",
+              key: item.id
+            }, /*#__PURE__*/React.createElement(HoverRect.Tooltip.Dot, {
+              mr: 4,
+              color: item.color
+            }, item.label), /*#__PURE__*/React.createElement(Text, {
+              bold: true
+            }, _this.tooltipValueFormatter(dataItem[item.id])));
+          }), showTotalInTooltip === true && /*#__PURE__*/React.createElement(Flex, {
+            mt: 2,
+            justifyContent: "space-between"
+          }, /*#__PURE__*/React.createElement(Box, {
+            mr: 4
+          }, "Total"), /*#__PURE__*/React.createElement(Text, {
+            bold: true
+          }, total)))
+        };
+      });
+    }
+  }, {
+    key: "getLegendAriaLabel",
+    value: function getLegendAriaLabel() {
+      return this.asProps.getI18nText('legendForChart', {
+        chartType: 'Histogram'
+      });
+    }
+  }]);
+  return HistogramChartComponent;
+}(AbstractChart);
+_defineProperty(HistogramChartComponent, "displayName", 'Chart.Histogram');
+_defineProperty(HistogramChartComponent, "enhance", [i18nEnhance(localizedMessages)]);
+export var HistogramChart = createComponent(HistogramChartComponent);
+//# sourceMappingURL=HistogramChart.js.map

package/d3-chart/lib/es6/component/Chart/HistogramChart.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HistogramChart.js","names":["React","createComponent","scaleBand","scaleLinear","scaleTime","Bar","minMax","HoverRect","StackBar","AbstractChart","Box","Flex","Text","localizedMessages","i18nEnhance","HistogramChartComponent","_AbstractChart","_inherits","_super","_createSuper","_classCallCheck","apply","arguments","_createClass","key","get","_this$asProps","asProps","xScale","_this$asProps$marginY","marginY","_this$asProps$marginX","marginX","plotWidth","plotHeight","invertAxis","data","groupKey","testItem","range","plotPadding","Date","Number","isNaN","getMilliseconds","domain","map","item","paddingInner","paddingOuter","_this$asProps2","yScale","_this$asProps2$margin","_this$asProps2$margin2","max","isStack","reduce","barSum","Object","values","sum","val","flatValues","_get","_getPrototypeOf","prototype","Math","_toConsumableArray","dataDefinitions","state","length","value","renderChart","_this$asProps3","_this$state","highlightedLine","createElement","x","undefined","y","index","BarComponent","HorizontalBar","commonBarComponentProps","color","transparent","id","checked","_extends","renderTooltip","_this","_this$asProps4","showTotalInTooltip","showTooltip","Tooltip","wMin","_ref","_dataItem$groupKey","xIndex","yIndex","dataItem","total","totalValue","children","Fragment","Title","toString","justifyContent","Dot","mr","label","bold","tooltipValueFormatter","mt","getLegendAriaLabel","getI18nText","chartType","_defineProperty","HistogramChart"],"sources":["../../../../src/component/Chart/HistogramChart.tsx"],"sourcesContent":["import React from 'react';\nimport createComponent from '@semcore/core';\nimport { scaleBand, scaleLinear, ScaleLinear, scaleTime } from 'd3-scale';\n// @ts-ignore\nimport { Bar, minMax, HoverRect, StackBar, BarProps } from '../..';\nimport { AbstractChart } from './AbstractChart';\nimport { HistogramChartData, HistogramChartProps, HistogramChartType } from './HistogramChart.type';\nimport { Box, Flex } from '@semcore/flex-box';\nimport { Text } from '@semcore/typography';\nimport { localizedMessages } from '../../translations/__intergalactic-dynamic-locales';\nimport i18nEnhance from '@semcore/utils/lib/enhances/i18nEnhance';\n\nclass HistogramChartComponent extends AbstractChart<\n  HistogramChartData,\n  HistogramChartProps,\n  typeof HistogramChartComponent.enhance\n> {\n  static displayName = 'Chart.Histogram';\n\n  static enhance = [i18nEnhance(localizedMessages)] as const;\n\n  get xScale() {\n    const {\n      xScale,\n      marginY = 30,\n      marginX = 30,\n      plotWidth,\n      plotHeight,\n      invertAxis,\n      data,\n      groupKey,\n    } = this.asProps;\n\n    if (xScale) {\n      return xScale;\n    }\n\n    const testItem = data[0][groupKey];\n    const range = invertAxis\n      ? [plotHeight - marginX, this.plotPadding]\n      : [marginY, plotWidth - this.plotPadding];\n\n    if (testItem instanceof Date && !Number.isNaN(testItem.getMilliseconds())) {\n      const domain = minMax(data, groupKey);\n\n      return scaleTime(domain, range);\n    }\n\n    const domain = data.map((item) => item[groupKey]);\n\n    return scaleBand(domain, range).paddingInner(0.05).paddingOuter(0.2);\n  }\n\n  get yScale(): ScaleLinear<any, any> {\n    const {\n      yScale,\n      marginY = 30,\n      marginX = 30,\n      plotHeight,\n      plotWidth,\n      invertAxis,\n      data,\n    } = this.asProps;\n\n    let max: number;\n\n    if (this.isStack) {\n      max = data.reduce((max, item) => {\n        const barSum = Object.values(item).reduce<number>((sum, val) => {\n          if (val instanceof Date && !Number.isNaN(val.getMilliseconds())) {\n            return sum + val.getMilliseconds();\n          }\n\n          return sum + (val as number);\n        }, 0);\n\n        if (barSum > max) {\n          max = barSum;\n        }\n\n        return max;\n      }, 0);\n    } else {\n      const flatValues = super.flatValues;\n\n      max = Math.max(...flatValues);\n    }\n\n    return (\n      yScale ??\n      scaleLinear()\n        .range(\n          invertAxis\n            ? [marginY, plotWidth - this.plotPadding]\n            : [plotHeight - marginX, this.plotPadding],\n        )\n        .domain([0, max])\n    );\n  }\n\n  get isStack(): boolean {\n    const { dataDefinitions } = this.state;\n\n    return dataDefinitions.length > 1;\n  }\n\n  renderChart() {\n    const { groupKey, invertAxis } = this.asProps;\n    const { dataDefinitions, highlightedLine } = this.state;\n\n    if (this.isStack) {\n      return (\n        <StackBar x={invertAxis ? undefined : groupKey} y={invertAxis ? groupKey : undefined}>\n          {dataDefinitions.map((item, index) => {\n            const BarComponent = invertAxis ? StackBar.HorizontalBar : StackBar.Bar;\n\n            const commonBarComponentProps: BarProps = {\n              color: item.color,\n              transparent: highlightedLine !== -1 && highlightedLine !== index,\n            };\n\n            if (invertAxis) {\n              commonBarComponentProps.x = item.id;\n            } else {\n              commonBarComponentProps.y = item.id;\n            }\n\n            return item.checked && <BarComponent key={item.id} {...commonBarComponentProps} />;\n          })}\n        </StackBar>\n      );\n    }\n\n    const item = dataDefinitions[0];\n\n    return (\n      <Bar\n        x={invertAxis ? item.id : groupKey}\n        y={invertAxis ? groupKey : item.id}\n        key={item.id}\n        color={item.color}\n      />\n    );\n  }\n\n  renderTooltip(): React.ReactNode {\n    const { data, groupKey, showTotalInTooltip, showTooltip, invertAxis } = this.asProps;\n    const { dataDefinitions } = this.state;\n\n    if (!showTooltip) {\n      return null;\n    }\n\n    return (\n      <HoverRect.Tooltip\n        x={invertAxis ? undefined : groupKey}\n        y={invertAxis ? groupKey : undefined}\n        wMin={100}\n      >\n        {({ xIndex, yIndex }: any) => {\n          const index = invertAxis ? yIndex : xIndex;\n          const dataItem = data[index];\n          const total = this.totalValue(dataItem);\n\n          return {\n            children: (\n              <>\n                <HoverRect.Tooltip.Title>{dataItem[groupKey]?.toString()}</HoverRect.Tooltip.Title>\n\n                {dataDefinitions.map((item) => {\n                  return (\n                    item.checked && (\n                      <Flex justifyContent='space-between' key={item.id}>\n                        <HoverRect.Tooltip.Dot mr={4} color={item.color}>\n                          {item.label}\n                        </HoverRect.Tooltip.Dot>\n                        <Text bold>{this.tooltipValueFormatter(dataItem[item.id])}</Text>\n                      </Flex>\n                    )\n                  );\n                })}\n\n                {showTotalInTooltip === true && (\n                  <Flex mt={2} justifyContent='space-between'>\n                    <Box mr={4}>Total</Box>\n                    <Text bold>{total}</Text>\n                  </Flex>\n                )}\n              </>\n            ),\n          };\n        }}\n      </HoverRect.Tooltip>\n    );\n  }\n\n  protected getLegendAriaLabel(): string {\n    return this.asProps.getI18nText('legendForChart', { chartType: 'Histogram' });\n  }\n}\n\nexport const HistogramChart: HistogramChartType = createComponent(HistogramChartComponent);\n"],"mappings":"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"}

package/d3-chart/lib/es6/component/Chart/HistogramChart.type.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=HistogramChart.type.js.map

package/d3-chart/lib/es6/component/Chart/HistogramChart.type.js.map

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