@semcore/d3-chart 3.37.2 → 3.38.0-prerelease.0

package/lib/cjs/component/Chart/AbstractChart.type.js.map

@@ -1 +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';\nimport { PatternsConfig } from '../../Pattern';\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  /** Enables charts patterns that enhances charts accessibility */\n  patterns?: PatternsConfig;\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":""}
+{"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';\nimport { PatternsConfig } from '../../Pattern';\n// @ts-ignore\nimport { PlotSummarizerConfig } from '../../Plot';\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  /** Enables charts patterns that enhances charts accessibility */\n  patterns?: PatternsConfig;\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   * Config for a11y summary\n   */\n  a11yAltTextConfig?: PlotSummarizerConfig;\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":""}

package/lib/cjs/component/Chart/BubbleChart.js

@@ -33,8 +33,8 @@ var BubbleChartComponent = /*#__PURE__*/function (_AbstractChart) {
       });
     }
   }, {
-    key: "defaultDataDefinitions",
-    get: function get() {
+    key: "getDefaultDataDefinitions",
+    value: function getDefaultDataDefinitions() {
       var _this = this;
       var _this$props = this.props,
         legendProps = _this$props.legendProps,

package/lib/cjs/component/Chart/BubbleChart.js.map

@@ -1 +1 @@
-{"version":3,"file":"BubbleChart.js","names":["_react","_interopRequireDefault","require","_core","_d3Scale","_2","_AbstractChart2","_typography","BubbleChartComponent","_AbstractChart","_inherits2","_super","_createSuper2","_classCallCheck2","apply","arguments","_createClass2","key","get","data","props","map","_","index","toString","_this","_this$props","legendProps","item","_legendProps$legendMa","_ref","_legendData$label","_legendData$icon","_legendData$defaultCh","legendData","legendMap","color","undefined","resolveColor","dataDefinition","id","label","icon","checked","defaultChecked","columns","additionalInfo","count","_this$asProps","asProps","xScale","_this$asProps$marginY","marginY","plotWidth","range","plotPadding","domain","calculateBubbleDomain","scaleLinear","_this$asProps2","yScale","_this$asProps2$margin","marginX","plotHeight","value","defaultLegendProps","shape","renderChart","createElement","Bubble","x","y","renderTooltip","showTooltip","Tooltip","_ref2","children","Fragment","Title","Text","tag","AbstractChart","_defineProperty2","BubbleChart","createComponent","exports"],"sources":["../../../../src/component/Chart/BubbleChart.tsx"],"sourcesContent":["import React from 'react';\nimport createComponent from '@semcore/core';\nimport { scaleLinear, ScaleLinear } from 'd3-scale';\n// @ts-ignore\nimport { Bubble, calculateBubbleDomain } from '../..';\nimport { AbstractChart } from './AbstractChart';\nimport { BubbleChartData, BubbleChartProps, BubbleChartType } from './BubbleChart.type';\nimport { Text } from '@semcore/typography';\nimport { LegendItem } from '../ChartLegend/LegendItem/LegendItem.type';\n\nclass BubbleChartComponent extends AbstractChart<BubbleChartData, BubbleChartProps> {\n  static displayName = 'Chart.Bubble';\n\n  protected get dataKeys(): string[] {\n    const { data } = this.props;\n\n    return data.map((_, index) => index.toString());\n  }\n\n  get defaultDataDefinitions(): Array<LegendItem & { columns: React.ReactNode[] }> {\n    const { legendProps, data } = this.props;\n\n    return data.map((item, index) => {\n      const key = index.toString();\n      const legendData = legendProps?.legendMap?.[key];\n\n      if (item.color === undefined) {\n        item.color = this.resolveColor(key, index);\n      }\n\n      const dataDefinition: LegendItem & { columns: React.ReactNode[] } = {\n        id: key,\n        label: legendData?.label ?? item.label ?? key,\n        icon: legendData?.icon ?? undefined,\n        checked: legendData?.defaultChecked ?? true,\n        color: item.color,\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      return dataDefinition;\n    });\n  }\n\n  get xScale() {\n    const { xScale, marginY = 30, plotWidth, data } = this.asProps;\n\n    if (xScale) {\n      return xScale;\n    }\n\n    const range = [marginY, plotWidth - this.plotPadding];\n    const domain = calculateBubbleDomain(data, 'x', range);\n\n    return scaleLinear().domain(domain).range(range);\n  }\n\n  get yScale(): ScaleLinear<any, any> {\n    const { yScale, marginX = 30, plotHeight, data } = this.asProps;\n\n    if (yScale) {\n      return yScale;\n    }\n\n    const range = [plotHeight - marginX, this.plotPadding];\n    const domain = calculateBubbleDomain(data, 'y', range);\n\n    return scaleLinear().domain(domain).range(range);\n  }\n\n  defaultLegendProps() {\n    return {\n      shape: 'Circle' as const,\n    };\n  }\n\n  renderChart() {\n    return <Bubble x='x' y='y' value='value' color={'color'} label={'label'} />;\n  }\n\n  renderTooltip() {\n    const { showTooltip } = this.asProps;\n\n    if (!showTooltip) {\n      return null;\n    }\n\n    return (\n      <Bubble.Tooltip>\n        {({ index, data }: any) => {\n          return {\n            children: (\n              <>\n                <Bubble.Tooltip.Title>Data</Bubble.Tooltip.Title>\n                <Text tag='div'>X axis {data[index].x}</Text>\n                <Text tag='div'>Y axis {data[index].y}</Text>\n                <Text tag='div'>Value {data[index].value}</Text>\n              </>\n            ),\n          };\n        }}\n      </Bubble.Tooltip>\n    );\n  }\n}\n\nexport const BubbleChart: BubbleChartType = createComponent(BubbleChartComponent);\n"],"mappings":"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"}
+{"version":3,"file":"BubbleChart.js","names":["_react","_interopRequireDefault","require","_core","_d3Scale","_2","_AbstractChart2","_typography","BubbleChartComponent","_AbstractChart","_inherits2","_super","_createSuper2","_classCallCheck2","apply","arguments","_createClass2","key","get","data","props","map","_","index","toString","value","getDefaultDataDefinitions","_this","_this$props","legendProps","item","_legendProps$legendMa","_ref","_legendData$label","_legendData$icon","_legendData$defaultCh","legendData","legendMap","color","undefined","resolveColor","dataDefinition","id","label","icon","checked","defaultChecked","columns","additionalInfo","count","_this$asProps","asProps","xScale","_this$asProps$marginY","marginY","plotWidth","range","plotPadding","domain","calculateBubbleDomain","scaleLinear","_this$asProps2","yScale","_this$asProps2$margin","marginX","plotHeight","defaultLegendProps","shape","renderChart","createElement","Bubble","x","y","renderTooltip","showTooltip","Tooltip","_ref2","children","Fragment","Title","Text","tag","AbstractChart","_defineProperty2","BubbleChart","createComponent","exports"],"sources":["../../../../src/component/Chart/BubbleChart.tsx"],"sourcesContent":["import React from 'react';\nimport createComponent from '@semcore/core';\nimport { scaleLinear, ScaleLinear } from 'd3-scale';\n// @ts-ignore\nimport { Bubble, calculateBubbleDomain } from '../..';\nimport { AbstractChart } from './AbstractChart';\nimport { BubbleChartData, BubbleChartProps, BubbleChartType } from './BubbleChart.type';\nimport { Text } from '@semcore/typography';\nimport { LegendItem } from '../ChartLegend/LegendItem/LegendItem.type';\n\nclass BubbleChartComponent extends AbstractChart<BubbleChartData, BubbleChartProps> {\n  static displayName = 'Chart.Bubble';\n\n  protected get dataKeys(): string[] {\n    const { data } = this.props;\n\n    return data.map((_, index) => index.toString());\n  }\n\n  protected override getDefaultDataDefinitions(): Array<\n    LegendItem & { columns: React.ReactNode[] }\n  > {\n    const { legendProps, data } = this.props;\n\n    return data.map((item, index) => {\n      const key = index.toString();\n      const legendData = legendProps?.legendMap?.[key];\n\n      if (item.color === undefined) {\n        item.color = this.resolveColor(key, index);\n      }\n\n      const dataDefinition: LegendItem & { columns: React.ReactNode[] } = {\n        id: key,\n        label: legendData?.label ?? item.label ?? key,\n        icon: legendData?.icon ?? undefined,\n        checked: legendData?.defaultChecked ?? true,\n        color: item.color,\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      return dataDefinition;\n    });\n  }\n\n  get xScale() {\n    const { xScale, marginY = 30, plotWidth, data } = this.asProps;\n\n    if (xScale) {\n      return xScale;\n    }\n\n    const range = [marginY, plotWidth - this.plotPadding];\n    const domain = calculateBubbleDomain(data, 'x', range);\n\n    return scaleLinear().domain(domain).range(range);\n  }\n\n  get yScale(): ScaleLinear<any, any> {\n    const { yScale, marginX = 30, plotHeight, data } = this.asProps;\n\n    if (yScale) {\n      return yScale;\n    }\n\n    const range = [plotHeight - marginX, this.plotPadding];\n    const domain = calculateBubbleDomain(data, 'y', range);\n\n    return scaleLinear().domain(domain).range(range);\n  }\n\n  defaultLegendProps() {\n    return {\n      shape: 'Circle' as const,\n    };\n  }\n\n  renderChart() {\n    return <Bubble x='x' y='y' value='value' color={'color'} label={'label'} />;\n  }\n\n  renderTooltip() {\n    const { showTooltip } = this.asProps;\n\n    if (!showTooltip) {\n      return null;\n    }\n\n    return (\n      <Bubble.Tooltip>\n        {({ index, data }: any) => {\n          return {\n            children: (\n              <>\n                <Bubble.Tooltip.Title>Data</Bubble.Tooltip.Title>\n                <Text tag='div'>X axis {data[index].x}</Text>\n                <Text tag='div'>Y axis {data[index].y}</Text>\n                <Text tag='div'>Value {data[index].value}</Text>\n              </>\n            ),\n          };\n        }}\n      </Bubble.Tooltip>\n    );\n  }\n}\n\nexport const BubbleChart: BubbleChartType = createComponent(BubbleChartComponent);\n"],"mappings":"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"}

package/lib/cjs/component/Chart/CigaretteChart.js

@@ -0,0 +1,325 @@
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.CigaretteChart = void 0;
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+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 _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
+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 _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _core = _interopRequireWildcard(require("@semcore/core"));
+var _react = _interopRequireDefault(require("react"));
+var _divider = _interopRequireDefault(require("@semcore/divider"));
+var _flexBox = require("@semcore/flex-box");
+var _typography = require("@semcore/typography");
+var _resolveColorEnhance = _interopRequireDefault(require("@semcore/utils/lib/enhances/resolveColorEnhance"));
+var _uniqueID = _interopRequireDefault(require("@semcore/utils/lib/uniqueID"));
+var _d3Scale = require("d3-scale");
+var _ = require("../..");
+var _AnimatedClipPath = _interopRequireDefault(require("../../AnimatedClipPath"));
+var _AbstractChart2 = require("./AbstractChart");
+var _utils = require("../../utils");
+var _Cigarette = _interopRequireDefault(require("../Cigarette/Cigarette"));
+// @ts-ignore
+
+// @ts-ignore
+
+var wMin = 2;
+var CigaretteChartComponent = /*#__PURE__*/function (_AbstractChart) {
+  (0, _inherits2["default"])(CigaretteChartComponent, _AbstractChart);
+  var _super = (0, _createSuper2["default"])(CigaretteChartComponent);
+  function CigaretteChartComponent() {
+    var _this;
+    (0, _classCallCheck2["default"])(this, CigaretteChartComponent);
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+    _this = _super.call.apply(_super, [this].concat(args));
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "plotPadding", 0);
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "offset", 0);
+    return _this;
+  }
+  (0, _createClass2["default"])(CigaretteChartComponent, [{
+    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$ : "blue-".concat(5 - index, "00");
+    }
+  }, {
+    key: "getDefaultDataDefinitions",
+    value: function getDefaultDataDefinitions() {
+      var dataDefinitions = (0, _get2["default"])((0, _getPrototypeOf2["default"])(CigaretteChartComponent.prototype), "getDefaultDataDefinitions", this).call(this);
+      return dataDefinitions.map(function (dataDef) {
+        dataDef.columns = dataDef.columns.slice(1);
+        return dataDef;
+      });
+    }
+  }, {
+    key: "defaultLegendProps",
+    value: function defaultLegendProps() {
+      return {
+        legendType: 'Table',
+        w: 'fit-content'
+      };
+    }
+  }, {
+    key: "xScale",
+    get: function get() {
+      var invertAxis = this.asProps.invertAxis;
+      return invertAxis ? this.valueScale : this.categoryScale;
+    }
+  }, {
+    key: "yScale",
+    get: function get() {
+      var invertAxis = this.asProps.invertAxis;
+      return invertAxis ? this.categoryScale : this.valueScale;
+    }
+  }, {
+    key: "renderChart",
+    value: function renderChart() {
+      var _this2 = this;
+      var _this$asProps = this.asProps,
+        invertAxis = _this$asProps.invertAxis,
+        data = _this$asProps.data,
+        uid = _this$asProps.uid,
+        duration = _this$asProps.duration,
+        patterns = _this$asProps.patterns,
+        plotHeight = _this$asProps.plotHeight,
+        plotWidth = _this$asProps.plotWidth,
+        onClick = _this$asProps.onClick;
+      var _this$state = this.state,
+        dataDefinitions = _this$state.dataDefinitions,
+        highlightedLine = _this$state.highlightedLine;
+      this.offset = 0;
+      return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, (invertAxis ? dataDefinitions : (0, _toConsumableArray2["default"])(dataDefinitions).reverse()).map(function (item, index) {
+        var value = data[item.id];
+        if (!item.checked || value === _utils.interpolateValue || value === null) {
+          return null;
+        }
+        var absWidth = Math.abs(_this2.valueScale(value) - Math.max(_this2.valueScale(_this2.valueScale.domain()[0]), _this2.valueScale(0)));
+        var height = (0, _utils.scaleToBand)(_this2.categoryScale).bandwidth() - 4;
+        var width = value === 0 ? 0 : Math.max(absWidth, wMin * 2) - wMin;
+        var y = 2;
+        var x = index === 0 ? 0 : _this2.offset;
+        var r = height < 28 ? 2 : 4;
+        _this2.offset = _this2.offset + width + wMin;
+        return /*#__PURE__*/_react["default"].createElement(_Cigarette["default"], {
+          key: item.id,
+          dataKey: item.id,
+          index: index,
+          y: invertAxis ? y : x,
+          x: invertAxis ? x : y,
+          width: invertAxis ? width : height,
+          height: invertAxis ? height : width,
+          uid: uid,
+          hide: !item.checked,
+          duration: duration,
+          r: index === 0 || index === dataDefinitions.length - 1 ? r : 0,
+          color: item.color,
+          patterns: patterns,
+          direction: invertAxis ? 'horizontal' : 'vertical',
+          onClick: onClick,
+          hovered: highlightedLine === index ? true : highlightedLine === -1 ? undefined : false
+        });
+      }), /*#__PURE__*/_react["default"].createElement(_AnimatedClipPath["default"], {
+        "aria-hidden": true,
+        duration: duration,
+        id: uid,
+        x: "0",
+        y: "0",
+        width: invertAxis ? 0 : plotWidth,
+        height: invertAxis ? plotHeight : 0
+      }));
+    }
+  }, {
+    key: "renderTooltip",
+    value: function renderTooltip() {
+      var _this3 = this;
+      var _this$asProps2 = this.asProps,
+        data = _this$asProps2.data,
+        showTotalInTooltip = _this$asProps2.showTotalInTooltip,
+        showTooltip = _this$asProps2.showTooltip,
+        invertAxis = _this$asProps2.invertAxis,
+        tooltipTitle = _this$asProps2.tooltipTitle,
+        tooltipViewType = _this$asProps2.tooltipViewType;
+      var dataDefinitions = this.state.dataDefinitions;
+      if (!showTooltip) {
+        return null;
+      }
+      return /*#__PURE__*/_react["default"].createElement(_.HoverRect.Tooltip, {
+        x: invertAxis ? '' : undefined,
+        y: invertAxis ? undefined : '',
+        wMin: 100,
+        hideHoverLine: true
+      }, function (tooltipProps) {
+        var dataKey = invertAxis ? tooltipProps.xIndex : tooltipProps.yIndex;
+        var total = _this3.totalValue(data);
+        if (tooltipViewType === 'single') {
+          var item = dataDefinitions.find(function (dataDefItem) {
+            return dataDefItem.id === dataKey;
+          });
+          if (!item) {
+            return null;
+          }
+          return {
+            children: /*#__PURE__*/_react["default"].createElement(_flexBox.Flex, {
+              justifyContent: "space-between",
+              key: dataKey
+            }, /*#__PURE__*/_react["default"].createElement(_.HoverRect.Tooltip.Dot, {
+              mr: 4,
+              color: item.color
+            }, item.label), /*#__PURE__*/_react["default"].createElement(_typography.Text, {
+              bold: true
+            }, _this3.tooltipValueFormatter(data[dataKey])))
+          };
+        }
+        return {
+          children: /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, tooltipTitle && /*#__PURE__*/_react["default"].createElement(_.HoverRect.Tooltip.Title, null, "Some tooltip title"), dataDefinitions.map(function (item) {
+            return item.checked && /*#__PURE__*/_react["default"].createElement(_flexBox.Flex, {
+              justifyContent: "space-between",
+              key: item.id,
+              style: {
+                opacity: item.id === dataKey ? 1 : 0.3
+              }
+            }, /*#__PURE__*/_react["default"].createElement(_.HoverRect.Tooltip.Dot, {
+              mr: 4,
+              color: item.color
+            }, item.label), /*#__PURE__*/_react["default"].createElement(_typography.Text, {
+              bold: true
+            }, _this3.tooltipValueFormatter(data[item.id])));
+          }), showTotalInTooltip === true && /*#__PURE__*/_react["default"].createElement(_flexBox.Flex, {
+            mt: 2,
+            justifyContent: "space-between"
+          }, /*#__PURE__*/_react["default"].createElement(_flexBox.Box, {
+            mr: 4
+          }, "Total"), /*#__PURE__*/_react["default"].createElement(_typography.Text, {
+            bold: true
+          }, total)))
+        };
+      });
+    }
+  }, {
+    key: "renderHeader",
+    value: function renderHeader() {
+      var _this$asProps$header;
+      return (_this$asProps$header = this.asProps.header) !== null && _this$asProps$header !== void 0 ? _this$asProps$header : null;
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      var _ref = this.asProps,
+        _ref3;
+      var SChart = _flexBox.Flex;
+      var _this$asProps3 = this.asProps,
+        styles = _this$asProps3.styles,
+        plotWidth = _this$asProps3.plotWidth,
+        plotHeight = _this$asProps3.plotHeight,
+        data = _this$asProps3.data,
+        patterns = _this$asProps3.patterns,
+        invertAxis = _this$asProps3.invertAxis,
+        a11yAltTextConfig = _this$asProps3.a11yAltTextConfig;
+      var header = this.renderHeader();
+      if (invertAxis) {
+        var _ref2;
+        return _ref2 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SChart, _ref2.cn("SChart", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
+          "gap": 6,
+          "direction": 'column',
+          "__excludeProps": ['onClick', 'data']
+        }, _ref))), /*#__PURE__*/_react["default"].createElement(_flexBox.Flex, _ref2.cn("Flex", {
+          "direction": 'column'
+        }), header, /*#__PURE__*/_react["default"].createElement(_.Plot, _ref2.cn("Plot", {
+          "data": data,
+          "scale": [this.xScale, this.yScale],
+          "width": plotWidth,
+          "height": plotHeight,
+          "dataHints": this.dataHints,
+          "patterns": patterns,
+          "a11yAltTextConfig": a11yAltTextConfig
+        }), this.renderTooltip(), this.renderChart())), this.renderLegend());
+      }
+      return _ref3 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SChart, _ref3.cn("SChart", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
+        "gap": 6,
+        "__excludeProps": ['onClick', 'data']
+      }, _ref))), /*#__PURE__*/_react["default"].createElement(_.Plot, _ref3.cn("Plot", {
+        "data": data,
+        "scale": [this.xScale, this.yScale],
+        "width": plotWidth,
+        "height": plotHeight,
+        "dataHints": this.dataHints,
+        "patterns": patterns,
+        "a11yAltTextConfig": a11yAltTextConfig
+      }), this.renderTooltip(), this.renderChart()), /*#__PURE__*/_react["default"].createElement(_flexBox.Flex, _ref3.cn("Flex", {
+        "direction": 'column',
+        "gap": 2
+      }), header && /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_flexBox.Box, _ref3.cn("Box", {}), header), /*#__PURE__*/_react["default"].createElement(_divider["default"], _ref3.cn("Divider", {}))), this.renderLegend()));
+    }
+  }, {
+    key: "selectedData",
+    get: function get() {
+      var data = this.asProps.data;
+      var dataDefinitions = this.state.dataDefinitions;
+      var result = new Map();
+      dataDefinitions.forEach(function (dataDefItem) {
+        var value = data[dataDefItem.id];
+        if (dataDefItem.checked && value !== _utils.interpolateValue) {
+          result.set(dataDefItem.id, value);
+        }
+      });
+      return result;
+    }
+  }, {
+    key: "categoryScale",
+    get: function get() {
+      var _this$asProps4 = this.asProps,
+        plotWidth = _this$asProps4.plotWidth,
+        plotHeight = _this$asProps4.plotHeight,
+        invertAxis = _this$asProps4.invertAxis;
+      var range = invertAxis ? [plotHeight, 0] : [0, plotWidth];
+      return (0, _d3Scale.scaleBand)([0], range);
+    }
+  }, {
+    key: "valueScale",
+    get: function get() {
+      var _this$asProps5 = this.asProps,
+        plotWidth = _this$asProps5.plotWidth,
+        plotHeight = _this$asProps5.plotHeight,
+        invertAxis = _this$asProps5.invertAxis;
+      var max = 0;
+      this.selectedData.forEach(function (value) {
+        max = max + value;
+      });
+      return (0, _d3Scale.scaleLinear)().range(invertAxis ? [0, plotWidth] : [plotHeight, 0]).domain([0, max]);
+    }
+  }]);
+  return CigaretteChartComponent;
+}(_AbstractChart2.AbstractChart);
+(0, _defineProperty2["default"])(CigaretteChartComponent, "displayName", 'Cigarette.Bar');
+(0, _defineProperty2["default"])(CigaretteChartComponent, "defaultProps", function (props) {
+  var _props$invertAxis;
+  var invertAxis = (_props$invertAxis = props.invertAxis) !== null && _props$invertAxis !== void 0 ? _props$invertAxis : true;
+  return {
+    invertAxis: invertAxis,
+    showXAxis: false,
+    showYAxis: false,
+    showTooltip: true,
+    showLegend: false,
+    marginX: 0,
+    marginY: 0,
+    duration: 500,
+    plotWidth: !invertAxis && !props.plotWidth ? 44 : props.plotWidth,
+    plotHeight: invertAxis && !props.plotHeight ? 28 : props.plotHeight
+  };
+});
+(0, _defineProperty2["default"])(CigaretteChartComponent, "enhance", [(0, _resolveColorEnhance["default"])(), (0, _uniqueID["default"])()]);
+var CigaretteChart = (0, _core["default"])(CigaretteChartComponent);
+exports.CigaretteChart = CigaretteChart;
+//# sourceMappingURL=CigaretteChart.js.map

package/lib/cjs/component/Chart/CigaretteChart.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CigaretteChart.js","names":["_core","_interopRequireWildcard","require","_react","_interopRequireDefault","_divider","_flexBox","_typography","_resolveColorEnhance","_uniqueID","_d3Scale","_","_AnimatedClipPath","_AbstractChart2","_utils","_Cigarette","wMin","CigaretteChartComponent","_AbstractChart","_inherits2","_super","_createSuper2","_this","_classCallCheck2","_len","arguments","length","args","Array","_key","call","apply","concat","_defineProperty2","_assertThisInitialized2","_createClass2","key","value","resolveColor","id","index","_this$props$colorMap$","_this$props$colorMap","props","colorMap","getDefaultDataDefinitions","dataDefinitions","_get2","_getPrototypeOf2","prototype","map","dataDef","columns","slice","defaultLegendProps","legendType","w","get","invertAxis","asProps","valueScale","categoryScale","renderChart","_this2","_this$asProps","data","uid","duration","patterns","plotHeight","plotWidth","onClick","_this$state","state","highlightedLine","offset","createElement","Fragment","_toConsumableArray2","reverse","item","checked","interpolateValue","absWidth","Math","abs","max","domain","height","scaleToBand","bandwidth","width","y","x","r","dataKey","hide","color","direction","hovered","undefined","renderTooltip","_this3","_this$asProps2","showTotalInTooltip","showTooltip","tooltipTitle","tooltipViewType","HoverRect","Tooltip","hideHoverLine","tooltipProps","xIndex","yIndex","total","totalValue","find","dataDefItem","children","Flex","justifyContent","Dot","mr","label","Text","bold","tooltipValueFormatter","Title","style","opacity","mt","Box","renderHeader","_this$asProps$header","header","render","_ref","_ref3","SChart","_this$asProps3","styles","a11yAltTextConfig","_ref2","sstyled","cn","_objectSpread2","assignProps","Plot","xScale","yScale","dataHints","renderLegend","result","Map","forEach","set","_this$asProps4","range","scaleBand","_this$asProps5","selectedData","scaleLinear","AbstractChart","_props$invertAxis","showXAxis","showYAxis","showLegend","marginX","marginY","resolveColorEnhance","uniqueIDEnhancement","CigaretteChart","createComponent","exports"],"sources":["../../../../src/component/Chart/CigaretteChart.tsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { Root, sstyled } from '@semcore/core';\nimport Divider from '@semcore/divider';\nimport { Box, Flex } from '@semcore/flex-box';\nimport { Text } from '@semcore/typography';\nimport resolveColorEnhance from '@semcore/utils/lib/enhances/resolveColorEnhance';\nimport uniqueIDEnhancement from '@semcore/utils/lib/uniqueID';\nimport { CigaretteChartData, CigaretteChartProps, CigaretteChartType } from './CigaretteChart.type';\nimport { scaleBand, scaleLinear } from 'd3-scale';\n// @ts-ignore\nimport { HoverRect, Plot } from '../..';\n// @ts-ignore\nimport AnimatedClipPath from '../../AnimatedClipPath';\n\nimport { AbstractChart } from './AbstractChart';\nimport { interpolateValue, scaleToBand } from '../../utils';\n\nimport Cigarette from '../Cigarette/Cigarette';\nimport { LegendItem } from '../ChartLegend/LegendItem/LegendItem.type';\n\nconst wMin = 2;\n\ntype Enhances = {\n  resolveColor: ReturnType<typeof resolveColorEnhance>;\n  uid: ReturnType<typeof uniqueIDEnhancement>;\n};\n\nclass CigaretteChartComponent extends AbstractChart<\n  CigaretteChartData,\n  CigaretteChartProps,\n  Enhances\n> {\n  static displayName = 'Cigarette.Bar';\n\n  static defaultProps: any = (props: CigaretteChartProps) => {\n    const invertAxis = props.invertAxis ?? true;\n    return {\n      invertAxis: invertAxis,\n      showXAxis: false,\n      showYAxis: false,\n      showTooltip: true,\n      showLegend: false,\n      marginX: 0,\n      marginY: 0,\n      duration: 500,\n      plotWidth: !invertAxis && !props.plotWidth ? 44 : props.plotWidth,\n      plotHeight: invertAxis && !props.plotHeight ? 28 : props.plotHeight,\n    };\n  };\n\n  static enhance = [resolveColorEnhance(), uniqueIDEnhancement()];\n\n  protected override plotPadding = 0;\n\n  private offset = 0;\n\n  protected override resolveColor(id: string, index: number) {\n    return this.props.colorMap?.[id] ?? `blue-${5 - index}00`;\n  }\n\n  protected override getDefaultDataDefinitions(): Array<\n    LegendItem & { columns: React.ReactNode[] }\n  > {\n    const dataDefinitions = super.getDefaultDataDefinitions();\n\n    return dataDefinitions.map((dataDef) => {\n      dataDef.columns = dataDef.columns.slice(1);\n      return dataDef;\n    });\n  }\n\n  protected override defaultLegendProps() {\n    return {\n      legendType: 'Table' as const,\n      w: 'fit-content',\n    };\n  }\n\n  get xScale() {\n    const { invertAxis } = this.asProps;\n\n    return invertAxis ? this.valueScale : this.categoryScale;\n  }\n\n  get yScale() {\n    const { invertAxis } = this.asProps;\n\n    return invertAxis ? this.categoryScale : this.valueScale;\n  }\n\n  renderChart() {\n    const { invertAxis, data, uid, duration, patterns, plotHeight, plotWidth, onClick } =\n      this.asProps;\n    const { dataDefinitions, highlightedLine } = this.state;\n\n    this.offset = 0;\n\n    return (\n      <>\n        {(invertAxis ? dataDefinitions : [...dataDefinitions].reverse()).map((item, index) => {\n          const value = data[item.id];\n\n          if (!item.checked || value === interpolateValue || value === null) {\n            return null;\n          }\n\n          const absWidth = Math.abs(\n            this.valueScale(value) -\n              Math.max(this.valueScale(this.valueScale.domain()[0]), this.valueScale(0)),\n          );\n          const height = scaleToBand(this.categoryScale).bandwidth() - 4;\n          const width = value === 0 ? 0 : Math.max(absWidth, wMin * 2) - wMin;\n          const y = 2;\n          const x = index === 0 ? 0 : this.offset;\n          const r = height < 28 ? 2 : 4;\n\n          this.offset = this.offset + width + wMin;\n\n          return (\n            <Cigarette\n              key={item.id}\n              dataKey={item.id}\n              index={index}\n              y={invertAxis ? y : x}\n              x={invertAxis ? x : y}\n              width={invertAxis ? width : height}\n              height={invertAxis ? height : width}\n              uid={uid}\n              hide={!item.checked}\n              duration={duration}\n              r={index === 0 || index === dataDefinitions.length - 1 ? r : 0}\n              color={item.color}\n              patterns={patterns}\n              direction={invertAxis ? 'horizontal' : 'vertical'}\n              onClick={onClick}\n              hovered={\n                highlightedLine === index ? true : highlightedLine === -1 ? undefined : false\n              }\n            />\n          );\n        })}\n\n        <AnimatedClipPath\n          aria-hidden\n          duration={duration}\n          id={uid}\n          x='0'\n          y='0'\n          width={invertAxis ? 0 : plotWidth}\n          height={invertAxis ? plotHeight : 0}\n        />\n      </>\n    );\n  }\n\n  renderTooltip(): React.ReactNode {\n    const { data, showTotalInTooltip, showTooltip, invertAxis, tooltipTitle, tooltipViewType } =\n      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}\n        y={invertAxis ? undefined : ''}\n        wMin={100}\n        hideHoverLine={true}\n      >\n        {(tooltipProps: any) => {\n          const dataKey = invertAxis ? tooltipProps.xIndex : tooltipProps.yIndex;\n          const total = this.totalValue(data);\n\n          if (tooltipViewType === 'single') {\n            const item = dataDefinitions.find((dataDefItem) => dataDefItem.id === dataKey);\n\n            if (!item) {\n              return null;\n            }\n\n            return {\n              children: (\n                <Flex justifyContent='space-between' key={dataKey}>\n                  <HoverRect.Tooltip.Dot mr={4} color={item.color}>\n                    {item.label}\n                  </HoverRect.Tooltip.Dot>\n                  <Text bold>{this.tooltipValueFormatter(data[dataKey])}</Text>\n                </Flex>\n              ),\n            };\n          }\n\n          return {\n            children: (\n              <>\n                {tooltipTitle && (\n                  <HoverRect.Tooltip.Title>Some tooltip title</HoverRect.Tooltip.Title>\n                )}\n\n                {dataDefinitions.map((item) => {\n                  return (\n                    item.checked && (\n                      <Flex\n                        justifyContent='space-between'\n                        key={item.id}\n                        style={{ opacity: item.id === dataKey ? 1 : 0.3 }}\n                      >\n                        <HoverRect.Tooltip.Dot mr={4} color={item.color}>\n                          {item.label}\n                        </HoverRect.Tooltip.Dot>\n                        <Text bold>{this.tooltipValueFormatter(data[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  renderHeader() {\n    return this.asProps.header ?? null;\n  }\n\n  override render() {\n    const SChart = Root;\n    const { styles, plotWidth, plotHeight, data, patterns, invertAxis, a11yAltTextConfig } =\n      this.asProps;\n\n    const header = this.renderHeader();\n\n    if (invertAxis) {\n      return sstyled(styles)(\n        <SChart render={Flex} gap={6} direction={'column'} __excludeProps={['onClick', 'data']}>\n          <Flex direction={'column'}>\n            {header}\n            <Plot\n              data={data}\n              scale={[this.xScale, this.yScale]}\n              width={plotWidth}\n              height={plotHeight}\n              dataHints={this.dataHints}\n              patterns={patterns}\n              a11yAltTextConfig={a11yAltTextConfig}\n            >\n              {this.renderTooltip()}\n              {this.renderChart()}\n            </Plot>\n          </Flex>\n          {this.renderLegend()}\n        </SChart>,\n      );\n    }\n\n    return sstyled(styles)(\n      <SChart render={Flex} gap={6} __excludeProps={['onClick', 'data']}>\n        <Plot\n          data={data}\n          scale={[this.xScale, this.yScale]}\n          width={plotWidth}\n          height={plotHeight}\n          dataHints={this.dataHints}\n          patterns={patterns}\n          a11yAltTextConfig={a11yAltTextConfig}\n        >\n          {this.renderTooltip()}\n          {this.renderChart()}\n        </Plot>\n        <Flex direction={'column'} gap={2}>\n          {header && (\n            <>\n              <Box>{header}</Box>\n              <Divider />\n            </>\n          )}\n          {this.renderLegend()}\n        </Flex>\n      </SChart>,\n    );\n  }\n\n  private get selectedData() {\n    const { data } = this.asProps;\n    const { dataDefinitions } = this.state;\n\n    const result = new Map<string, number>();\n\n    dataDefinitions.forEach((dataDefItem) => {\n      const value = data[dataDefItem.id];\n      if (dataDefItem.checked && value !== interpolateValue) {\n        result.set(dataDefItem.id, value);\n      }\n    });\n\n    return result;\n  }\n\n  private get categoryScale() {\n    const { plotWidth, plotHeight, invertAxis } = this.asProps;\n\n    const range = invertAxis ? [plotHeight, 0] : [0, plotWidth];\n\n    return scaleBand<{}>([0], range);\n  }\n\n  private get valueScale() {\n    const { plotWidth, plotHeight, invertAxis } = this.asProps;\n\n    let max = 0;\n\n    this.selectedData.forEach((value) => {\n      max = max + value;\n    });\n\n    return scaleLinear()\n      .range(invertAxis ? [0, plotWidth] : [plotHeight, 0])\n      .domain([0, max]);\n  }\n}\n\nexport const CigaretteChart: CigaretteChartType = createComponent(CigaretteChartComponent);\n"],"mappings":"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"}

package/lib/cjs/component/Chart/CigaretteChart.type.js

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

package/lib/cjs/component/Chart/CigaretteChart.type.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CigaretteChart.type.js","names":[],"sources":["../../../../src/component/Chart/CigaretteChart.type.ts"],"sourcesContent":["import React from 'react';\nimport { Intergalactic } from '@semcore/core';\nimport { BaseChartProps } from './AbstractChart.type';\nimport { interpolateValue } from '../../utils';\n\ntype DataKey = string;\n\nexport type CigaretteChartData = Record<DataKey, number | typeof interpolateValue>;\n\nexport type CigaretteChartProps = Intergalactic.InternalTypings.EfficientOmit<\n  BaseChartProps<CigaretteChartData>,\n  'xScale' | 'yScale'\n> & {\n  tooltipTitle?: string;\n  tooltipViewType?: 'all' | 'single';\n  header?: React.ReactNode;\n  duration?: number;\n  onClick?: (key: DataKey, event: React.SyntheticEvent) => void;\n};\n\nexport type CigaretteChartType = Intergalactic.Component<'div', CigaretteChartProps>;\n"],"mappings":""}

package/lib/cjs/component/Chart/index.js

@@ -13,6 +13,7 @@ var _BubbleChart = require("./BubbleChart");
 var _DonutChart = require("./DonutChart");
 var _VennChart = require("./VennChart");
 var _RadarChart = require("./RadarChart");
+var _CigaretteChart = require("./CigaretteChart");
 var _default = {
   Line: _LineChart.LineChart,
   Bar: _BarChart.BarChart,
@@ -22,7 +23,8 @@ var _default = {
   Bubble: _BubbleChart.BubbleChart,
   Donut: _DonutChart.DonutChart,
   Venn: _VennChart.VennChart,
-  Radar: _RadarChart.RadarChart
+  Radar: _RadarChart.RadarChart,
+  Cigarette: _CigaretteChart.CigaretteChart
 };
 exports["default"] = _default;
 //# sourceMappingURL=index.js.map

package/lib/cjs/component/Chart/index.js.map

@@ -1 +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"}
+{"version":3,"file":"index.js","names":["_LineChart","require","_BarChart","_HistogramChart","_ScatterPlotChart","_AreaChart","_BubbleChart","_DonutChart","_VennChart","_RadarChart","_CigaretteChart","_default","Line","LineChart","Bar","BarChart","Histogram","HistogramChart","ScatterPlot","ScatterPlotChart","Area","AreaChart","Bubble","BubbleChart","Donut","DonutChart","Venn","VennChart","Radar","RadarChart","Cigarette","CigaretteChart","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';\nimport { CigaretteChart } from './CigaretteChart';\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  Cigarette: CigaretteChart,\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;AACA,IAAAS,eAAA,GAAAT,OAAA;AAAkD,IAAAU,QAAA,GAEnC;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,sBAAU;EACjBC,SAAS,EAAEC;AACb,CAAC;AAAAC,OAAA,cAAArB,QAAA"}

package/lib/cjs/component/ChartLegend/LegendFlex/LegendFlex.js

@@ -22,10 +22,10 @@ var _BaseLegend2 = require("../BaseLegend");
 var _intergalacticDynamicLocales = require("../../../translations/__intergalactic-dynamic-locales");
 var _i18nEnhance = _interopRequireDefault(require("@semcore/utils/lib/enhances/i18nEnhance"));
 /*__reshadow-styles__:"./legend-flex.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SLegendFlex_18x7n_gg_._direction_row_18x7n_gg_{align-items:center;flex-wrap:wrap;gap:8px 16px}.___SLegendFlex_18x7n_gg_._direction_column_18x7n_gg_{align-items:flex-start;flex-wrap:wrap;gap:8px}" /*__inner_css_end__*/, "18x7n_gg_") /*__reshadow_css_end__*/, {
-  "__SLegendFlex": "___SLegendFlex_18x7n_gg_",
-  "_direction_row": "_direction_row_18x7n_gg_",
-  "_direction_column": "_direction_column_18x7n_gg_"
+var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SLegendFlex_bz8dk_gg_._direction_row_bz8dk_gg_{align-items:flex-start;align-content:flex-start;flex-wrap:wrap;gap:8px 16px}.___SLegendFlex_bz8dk_gg_._direction_column_bz8dk_gg_{align-items:flex-start;flex-wrap:wrap;gap:8px}" /*__inner_css_end__*/, "bz8dk_gg_") /*__reshadow_css_end__*/, {
+  "__SLegendFlex": "___SLegendFlex_bz8dk_gg_",
+  "_direction_row": "_direction_row_bz8dk_gg_",
+  "_direction_column": "_direction_column_bz8dk_gg_"
 });
 var LegendFlexRoot = /*#__PURE__*/function (_BaseLegend) {
   (0, _inherits2["default"])(LegendFlexRoot, _BaseLegend);

package/lib/cjs/component/ChartLegend/LegendFlex/legend-flex.shadow.css

@@ -1,5 +1,6 @@
 SLegendFlex[direction='row'] {
-  align-items: center;
+  align-items: flex-start;
+  align-content: flex-start;
   flex-wrap: wrap;
   gap: 8px 16px;
 }

package/lib/cjs/component/ChartLegend/LegendItem/LegendItem.js

@@ -24,23 +24,23 @@ var _Pattern = require("../../../Pattern");
 var _utils = require("../../../utils");
 var _excluded = ["color"];
 /*__reshadow-styles__:"./legend-item.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SLegendItem_sa9f6_gg_{min-width:0;align-items:flex-start}@media (hover:hover){.___SLegendItem_sa9f6_gg_:hover{cursor:pointer}.___SLegendItem_sa9f6_gg_.__disabled_sa9f6_gg_:hover{cursor:default}}.___SPointShape_sa9f6_gg_.__color_sa9f6_gg_{background-color:var(--color_sa9f6);margin-right:8px;flex-shrink:0}.___SPointShape_sa9f6_gg_._shape_Circle_sa9f6_gg_._size_l_sa9f6_gg_{width:16px;height:16px;border-radius:8px;margin-top:4px}.___SPointShape_sa9f6_gg_._shape_Circle_sa9f6_gg_._size_m_sa9f6_gg_{width:12px;height:12px;border-radius:6px;margin-top:4px}.___SPointShape_sa9f6_gg_._shape_Line_sa9f6_gg_._size_l_sa9f6_gg_{width:16px;height:4px;border-radius:3px;margin-top:9px}.___SPointShape_sa9f6_gg_._shape_Line_sa9f6_gg_._size_m_sa9f6_gg_{width:12px;height:4px;border-radius:3px;margin-top:8px}.___SPointShape_sa9f6_gg_._shape_Square_sa9f6_gg_._size_l_sa9f6_gg_{width:16px;height:16px;border-radius:2px;margin-top:4px}.___SPointShape_sa9f6_gg_._shape_Square_sa9f6_gg_._size_m_sa9f6_gg_{width:12px;height:12px;border-radius:2px;margin-top:4px}.___SPointShape_sa9f6_gg_._shape_Pattern_sa9f6_gg_{background-color:transparent;margin-right:4px}.___SIcon_sa9f6_gg_{line-height:0;margin-right:4px}.___SIcon_sa9f6_gg_._size_l_sa9f6_gg_{margin-top:4px}.___SIcon_sa9f6_gg_._size_m_sa9f6_gg_{margin-top:2px}.___SLabel_sa9f6_gg_{min-width:0}.___SAdditionalLabel_sa9f6_gg_._size_l_sa9f6_gg_,.___SCount_sa9f6_gg_._size_l_sa9f6_gg_,.___SLabel_sa9f6_gg_._size_l_sa9f6_gg_{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%)}.___SAdditionalLabel_sa9f6_gg_._size_m_sa9f6_gg_,.___SCount_sa9f6_gg_._size_m_sa9f6_gg_,.___SLabel_sa9f6_gg_._size_m_sa9f6_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SAdditionalLabel_sa9f6_gg_,.___SCount_sa9f6_gg_{margin-left:4px}.___SAdditionalLabel_sa9f6_gg_{white-space:nowrap;display:flex;align-items:flex-start}.___SAdditionalLabel_sa9f6_gg_::before{content:\"\";display:inline-block;background-color:var(--intergalactic-text-secondary, #6c6e79);height:4px;width:4px;border-radius:2px;margin-right:4px}.___SAdditionalLabel_sa9f6_gg_._size_l_sa9f6_gg_::before{margin-top:10px}.___SAdditionalLabel_sa9f6_gg_._size_m_sa9f6_gg_::before{margin-top:8px}.___SPatternSymbol_sa9f6_gg_{transform:scale(.8)}" /*__inner_css_end__*/, "sa9f6_gg_") /*__reshadow_css_end__*/, {
-  "__SLegendItem": "___SLegendItem_sa9f6_gg_",
-  "_disabled": "__disabled_sa9f6_gg_",
-  "__SPointShape": "___SPointShape_sa9f6_gg_",
-  "_color": "__color_sa9f6_gg_",
-  "--color": "--color_sa9f6",
-  "_shape_Circle": "_shape_Circle_sa9f6_gg_",
-  "_size_l": "_size_l_sa9f6_gg_",
-  "_size_m": "_size_m_sa9f6_gg_",
-  "_shape_Line": "_shape_Line_sa9f6_gg_",
-  "_shape_Square": "_shape_Square_sa9f6_gg_",
-  "_shape_Pattern": "_shape_Pattern_sa9f6_gg_",
-  "__SIcon": "___SIcon_sa9f6_gg_",
-  "__SLabel": "___SLabel_sa9f6_gg_",
-  "__SAdditionalLabel": "___SAdditionalLabel_sa9f6_gg_",
-  "__SCount": "___SCount_sa9f6_gg_",
-  "__SPatternSymbol": "___SPatternSymbol_sa9f6_gg_"
+var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SLegendItem_1n5bu_gg_{min-width:0;align-items:flex-start}@media (hover:hover){.___SLegendItem_1n5bu_gg_:hover{cursor:pointer}.___SLegendItem_1n5bu_gg_.__disabled_1n5bu_gg_:hover{cursor:default}}.___SPointShape_1n5bu_gg_.__color_1n5bu_gg_{background-color:var(--color_1n5bu);margin-right:8px;flex-shrink:0}.___SPointShape_1n5bu_gg_._shape_Circle_1n5bu_gg_._size_l_1n5bu_gg_{width:16px;height:16px;border-radius:8px;margin-top:4px}.___SPointShape_1n5bu_gg_._shape_Circle_1n5bu_gg_._size_m_1n5bu_gg_{width:12px;height:12px;border-radius:6px;margin-top:4px}.___SPointShape_1n5bu_gg_._shape_Line_1n5bu_gg_._size_l_1n5bu_gg_{width:16px;height:4px;border-radius:3px;margin-top:9px}.___SPointShape_1n5bu_gg_._shape_Line_1n5bu_gg_._size_m_1n5bu_gg_{width:12px;height:4px;border-radius:3px;margin-top:8px}.___SPointShape_1n5bu_gg_._shape_Square_1n5bu_gg_._size_l_1n5bu_gg_{width:16px;height:16px;border-radius:2px;margin-top:4px}.___SPointShape_1n5bu_gg_._shape_Square_1n5bu_gg_._size_m_1n5bu_gg_{width:12px;height:12px;border-radius:2px;margin-top:4px}.___SPointShape_1n5bu_gg_._shape_Pattern_1n5bu_gg_{background-color:transparent;margin-right:4px}.___SIcon_1n5bu_gg_{line-height:0;margin-right:4px}.___SIcon_1n5bu_gg_._size_l_1n5bu_gg_{margin-top:4px}.___SIcon_1n5bu_gg_._size_m_1n5bu_gg_{margin-top:2px}.___SLabel_1n5bu_gg_{min-width:0}.___SAdditionalLabel_1n5bu_gg_._size_l_1n5bu_gg_,.___SCount_1n5bu_gg_._size_l_1n5bu_gg_,.___SLabel_1n5bu_gg_._size_l_1n5bu_gg_{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%)}.___SAdditionalLabel_1n5bu_gg_._size_m_1n5bu_gg_,.___SCount_1n5bu_gg_._size_m_1n5bu_gg_,.___SLabel_1n5bu_gg_._size_m_1n5bu_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SAdditionalLabel_1n5bu_gg_,.___SCount_1n5bu_gg_{margin-left:4px}.___SAdditionalLabel_1n5bu_gg_{white-space:nowrap;display:flex;align-items:flex-start}.___SAdditionalLabel_1n5bu_gg_::before{content:\"\";display:inline-block;background-color:var(--intergalactic-text-secondary, #6c6e79);height:4px;width:4px;border-radius:2px;margin-right:4px}.___SAdditionalLabel_1n5bu_gg_._size_l_1n5bu_gg_::before{margin-top:10px}.___SAdditionalLabel_1n5bu_gg_._size_m_1n5bu_gg_::before{margin-top:8px}.___SPatternSymbol_1n5bu_gg_{transform:scale(.8)}" /*__inner_css_end__*/, "1n5bu_gg_") /*__reshadow_css_end__*/, {
+  "__SLegendItem": "___SLegendItem_1n5bu_gg_",
+  "_disabled": "__disabled_1n5bu_gg_",
+  "__SPointShape": "___SPointShape_1n5bu_gg_",
+  "_color": "__color_1n5bu_gg_",
+  "--color": "--color_1n5bu",
+  "_shape_Circle": "_shape_Circle_1n5bu_gg_",
+  "_size_l": "_size_l_1n5bu_gg_",
+  "_size_m": "_size_m_1n5bu_gg_",
+  "_shape_Line": "_shape_Line_1n5bu_gg_",
+  "_shape_Square": "_shape_Square_1n5bu_gg_",
+  "_shape_Pattern": "_shape_Pattern_1n5bu_gg_",
+  "__SIcon": "___SIcon_1n5bu_gg_",
+  "__SLabel": "___SLabel_1n5bu_gg_",
+  "__SAdditionalLabel": "___SAdditionalLabel_1n5bu_gg_",
+  "__SCount": "___SCount_1n5bu_gg_",
+  "__SPatternSymbol": "___SPatternSymbol_1n5bu_gg_"
 });
 var LegendItemRoot = /*#__PURE__*/function (_Component) {
   (0, _inherits2["default"])(LegendItemRoot, _Component);

package/lib/cjs/component/ChartLegend/LegendTable/LegendTable.js

@@ -18,12 +18,12 @@ var _flexBox = require("@semcore/flex-box");
 var _LegendItem = require("../LegendItem/LegendItem");
 var _BaseLegend2 = require("../BaseLegend");
 /*__reshadow-styles__:"./legend-table.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SLegendTable_1ftui_gg_.__columns-count_1ftui_gg_{font-feature-settings:\"tnum\";font-variant-numeric:tabular-nums;display:grid;grid-template-columns:auto .2fr;align-items:center;height:-moz-fit-content;height:fit-content;grid-column-gap:16px;grid-row-gap:8px}.___SColumnItem_1ftui_gg_._size_l_1ftui_gg_{font-size:var(--intergalactic-fs-300, 16px);text-align:right}.___SColumnItem_1ftui_gg_._size_m_1ftui_gg_{font-size:var(--intergalactic-fs-200, 14px);text-align:right}" /*__inner_css_end__*/, "1ftui_gg_") /*__reshadow_css_end__*/, {
-  "__SLegendTable": "___SLegendTable_1ftui_gg_",
-  "_columns-count": "__columns-count_1ftui_gg_",
-  "__SColumnItem": "___SColumnItem_1ftui_gg_",
-  "_size_l": "_size_l_1ftui_gg_",
-  "_size_m": "_size_m_1ftui_gg_"
+var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SLegendTable_tcnh3_gg_.__columns-count_tcnh3_gg_{font-feature-settings:\"tnum\";font-variant-numeric:tabular-nums;display:grid;grid-template-columns:auto .2fr;align-items:center;height:-moz-fit-content;height:fit-content;grid-column-gap:16px;grid-row-gap:8px}.___SColumnItem_tcnh3_gg_._size_l_tcnh3_gg_{font-size:var(--intergalactic-fs-300, 16px);text-align:right}.___SColumnItem_tcnh3_gg_._size_m_tcnh3_gg_{font-size:var(--intergalactic-fs-200, 14px);text-align:right}" /*__inner_css_end__*/, "tcnh3_gg_") /*__reshadow_css_end__*/, {
+  "__SLegendTable": "___SLegendTable_tcnh3_gg_",
+  "_columns-count": "__columns-count_tcnh3_gg_",
+  "__SColumnItem": "___SColumnItem_tcnh3_gg_",
+  "_size_l": "_size_l_tcnh3_gg_",
+  "_size_m": "_size_m_tcnh3_gg_"
 });
 var LegendTableRoot = /*#__PURE__*/function (_BaseLegend) {
   (0, _inherits2["default"])(LegendTableRoot, _BaseLegend);