@semcore/d3-chart 3.61.0-prerelease.1 → 3.61.0-prerelease.5

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

@@ -1,32 +1,31 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.VennChart = void 0;
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+var _callSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/callSuper"));
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _react = _interopRequireDefault(require("react"));
-var _core = _interopRequireDefault(require("@semcore/core"));
+var _core = require("@semcore/core");
+var _i18nEnhance = _interopRequireDefault(require("@semcore/core/lib/utils/enhances/i18nEnhance"));
+var _typography = require("@semcore/typography");
 var _d3Scale = require("d3-scale");
+var _react = _interopRequireDefault(require("react"));
 var _ = require("../..");
 var _AbstractChart2 = require("./AbstractChart");
-var _typography = require("@semcore/typography");
-var _i18nEnhance = _interopRequireDefault(require("@semcore/utils/lib/enhances/i18nEnhance"));
 var _intergalacticDynamicLocales = require("../../translations/__intergalactic-dynamic-locales");
 // @ts-ignore
 var VennChartComponent = /*#__PURE__*/function (_AbstractChart) {
-  (0, _inherits2["default"])(VennChartComponent, _AbstractChart);
-  var _super = (0, _createSuper2["default"])(VennChartComponent);
   function VennChartComponent() {
     (0, _classCallCheck2["default"])(this, VennChartComponent);
-    return _super.apply(this, arguments);
+    return (0, _callSuper2["default"])(this, VennChartComponent, arguments);
   }
-  (0, _createClass2["default"])(VennChartComponent, [{
+  (0, _inherits2["default"])(VennChartComponent, _AbstractChart);
+  return (0, _createClass2["default"])(VennChartComponent, [{
     key: "xScale",
     get: function get() {
       var xScale = this.asProps.xScale;
@@ -64,7 +63,9 @@ var VennChartComponent = /*#__PURE__*/function (_AbstractChart) {
   }, {
     key: "renderChart",
     value: function renderChart() {
-      var data = this.asProps.data;
+      var _this$asProps = this.asProps,
+        data = _this$asProps.data,
+        onClickVennItem = _this$asProps.onClickVennItem;
       var _this$state = this.state,
         dataDefinitions = _this$state.dataDefinitions,
         highlightedLine = _this$state.highlightedLine;
@@ -82,7 +83,9 @@ var VennChartComponent = /*#__PURE__*/function (_AbstractChart) {
         }
         return result;
       }, []);
-      return /*#__PURE__*/_react["default"].createElement(_.Venn, null, checkedLegendItems.map(function (item, index) {
+      return /*#__PURE__*/_react["default"].createElement(_.Venn, {
+        onClick: onClickVennItem
+      }, checkedLegendItems.map(function (item, index) {
         return /*#__PURE__*/_react["default"].createElement(_.Venn.Circle, {
           key: item.id,
           dataKey: item.id,
@@ -114,10 +117,6 @@ var VennChartComponent = /*#__PURE__*/function (_AbstractChart) {
   }, {
     key: "renderTooltip",
     value: function renderTooltip() {
-      var showTooltip = this.asProps.showTooltip;
-      if (!showTooltip) {
-        return null;
-      }
       return /*#__PURE__*/_react["default"].createElement(_.Venn.Tooltip, null, function (_ref) {
         var name = _ref.name,
           dataKey = _ref.dataKey,
@@ -137,7 +136,6 @@ var VennChartComponent = /*#__PURE__*/function (_AbstractChart) {
       });
     }
   }]);
-  return VennChartComponent;
 }(_AbstractChart2.AbstractChart);
 (0, _defineProperty2["default"])(VennChartComponent, "displayName", 'Chart.Venn');
 (0, _defineProperty2["default"])(VennChartComponent, "defaultProps", {
@@ -147,6 +145,5 @@ var VennChartComponent = /*#__PURE__*/function (_AbstractChart) {
   marginX: 0
 });
 (0, _defineProperty2["default"])(VennChartComponent, "enhance", [(0, _i18nEnhance["default"])(_intergalacticDynamicLocales.localizedMessages)]);
-var VennChart = (0, _core["default"])(VennChartComponent);
-exports.VennChart = VennChart;
+var VennChart = exports.VennChart = (0, _core.createComponent)(VennChartComponent);
 //# sourceMappingURL=VennChart.js.map

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"VennChart.type.js","names":[],"sources":["../../../../src/component/Chart/VennChart.type.ts"],"sourcesContent":["import { Intergalactic } from '@semcore/core';\nimport { Flex } from '@semcore/flex-box';\nimport { ScaleLinear } from 'd3-scale';\nimport { BaseChartProps } from './AbstractChart.type';\n\nexport type VennChartData = Record<string, number>;\n\nexport type VennChartProps = BaseChartProps<VennChartData> & {\n  groupKey?: never;\n  xScale?: ScaleLinear<any, any>;\n  yScale?: ScaleLinear<any, any>;\n};\n\nexport type VennChartType = Intergalactic.Component<typeof Flex, VennChartProps>;\n"],"mappings":""}
+{"version":3,"file":"VennChart.type.js","names":[],"sources":["../../../../src/component/Chart/VennChart.type.ts"],"sourcesContent":["import type { Flex } from '@semcore/base-components';\nimport type { Intergalactic } from '@semcore/core';\nimport type { ScaleLinear } from 'd3-scale';\n\nimport type { BaseChartProps } from './AbstractChart.type';\n\nexport type DataKey = string;\n\nexport type VennChartData = Record<DataKey, number>;\n\nexport type VennChartProps = Intergalactic.InternalTypings.EfficientOmit<\n  BaseChartProps<VennChartData>,\n  'showTotalInTooltip'\n> & {\n  /** Internal */\n  groupKey?: never;\n  /** Custom x-axis scale */\n  xScale?: ScaleLinear<any, any>;\n  /** Custom y-axis scale */\n  yScale?: ScaleLinear<any, any>;\n  /** Callback triggered when a user clicks on a circle */\n  onClickVennItem?: (key: DataKey, e: React.SyntheticEvent) => void;\n};\n\nexport type VennChartType = Intergalactic.Component<typeof Flex, VennChartProps>;\n"],"mappings":"","ignoreList":[]}

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

@@ -4,18 +4,18 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
-var _LineChart = require("./LineChart");
+var _AreaChart = require("./AreaChart");
 var _BarChart = require("./BarChart");
+var _BubbleChart = require("./BubbleChart");
+var _CigaretteChart = require("./CigaretteChart");
 var _CompactHorizontalBarChart = require("./CompactHorizontalBarChart");
+var _DonutChart = require("./DonutChart");
 var _HistogramChart = require("./HistogramChart");
+var _LineChart = require("./LineChart");
+var _RadarChart = require("./RadarChart");
 var _ScatterPlotChart = require("./ScatterPlotChart");
-var _AreaChart = require("./AreaChart");
-var _BubbleChart = require("./BubbleChart");
-var _DonutChart = require("./DonutChart");
 var _VennChart = require("./VennChart");
-var _RadarChart = require("./RadarChart");
-var _CigaretteChart = require("./CigaretteChart");
-var _default = {
+var _default = exports["default"] = {
   Line: _LineChart.LineChart,
   Bar: _BarChart.BarChart,
   Histogram: _HistogramChart.HistogramChart,
@@ -28,5 +28,4 @@ var _default = {
   Cigarette: _CigaretteChart.CigaretteChart,
   CompactHorizontalBar: _CompactHorizontalBarChart.CompactHorizontalBarChart
 };
-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","_CompactHorizontalBarChart","_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","CompactHorizontalBar","CompactHorizontalBarChart","exports"],"sources":["../../../../src/component/Chart/index.ts"],"sourcesContent":["import { LineChart } from './LineChart';\nimport { BarChart } from './BarChart';\nimport { CompactHorizontalBarChart } from './CompactHorizontalBarChart';\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  CompactHorizontalBar: CompactHorizontalBarChart,\n};\n"],"mappings":";;;;;;AAAA,IAAAA,UAAA,GAAAC,OAAA;AACA,IAAAC,SAAA,GAAAD,OAAA;AACA,IAAAE,0BAAA,GAAAF,OAAA;AACA,IAAAG,eAAA,GAAAH,OAAA;AACA,IAAAI,iBAAA,GAAAJ,OAAA;AACA,IAAAK,UAAA,GAAAL,OAAA;AACA,IAAAM,YAAA,GAAAN,OAAA;AACA,IAAAO,WAAA,GAAAP,OAAA;AACA,IAAAQ,UAAA,GAAAR,OAAA;AACA,IAAAS,WAAA,GAAAT,OAAA;AACA,IAAAU,eAAA,GAAAV,OAAA;AAAkD,IAAAW,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,8BAAc;EACzBC,oBAAoB,EAAEC;AACxB,CAAC;AAAAC,OAAA,cAAAvB,QAAA"}
+{"version":3,"file":"index.js","names":["_AreaChart","require","_BarChart","_BubbleChart","_CigaretteChart","_CompactHorizontalBarChart","_DonutChart","_HistogramChart","_LineChart","_RadarChart","_ScatterPlotChart","_VennChart","_default","exports","Line","LineChart","Bar","BarChart","Histogram","HistogramChart","ScatterPlot","ScatterPlotChart","Area","AreaChart","Bubble","BubbleChart","Donut","DonutChart","Venn","VennChart","Radar","RadarChart","Cigarette","CigaretteChart","CompactHorizontalBar","CompactHorizontalBarChart"],"sources":["../../../../src/component/Chart/index.ts"],"sourcesContent":["import { AreaChart } from './AreaChart';\nimport { BarChart } from './BarChart';\nimport { BubbleChart } from './BubbleChart';\nimport { CigaretteChart } from './CigaretteChart';\nimport { CompactHorizontalBarChart } from './CompactHorizontalBarChart';\nimport { DonutChart } from './DonutChart';\nimport { HistogramChart } from './HistogramChart';\nimport { LineChart } from './LineChart';\nimport { RadarChart } from './RadarChart';\nimport { ScatterPlotChart } from './ScatterPlotChart';\nimport { VennChart } from './VennChart';\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  CompactHorizontalBar: CompactHorizontalBarChart,\n};\n"],"mappings":";;;;;;AAAA,IAAAA,UAAA,GAAAC,OAAA;AACA,IAAAC,SAAA,GAAAD,OAAA;AACA,IAAAE,YAAA,GAAAF,OAAA;AACA,IAAAG,eAAA,GAAAH,OAAA;AACA,IAAAI,0BAAA,GAAAJ,OAAA;AACA,IAAAK,WAAA,GAAAL,OAAA;AACA,IAAAM,eAAA,GAAAN,OAAA;AACA,IAAAO,UAAA,GAAAP,OAAA;AACA,IAAAQ,WAAA,GAAAR,OAAA;AACA,IAAAS,iBAAA,GAAAT,OAAA;AACA,IAAAU,UAAA,GAAAV,OAAA;AAAwC,IAAAW,QAAA,GAAAC,OAAA,cAEzB;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,8BAAc;EACzBC,oBAAoB,EAAEC;AACxB,CAAC","ignoreList":[]}

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

@@ -1,6 +1,6 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -8,41 +8,63 @@ exports.BaseLegend = void 0;
 var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
 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 _callSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/callSuper"));
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _core = require("@semcore/core");
 var _hints = require("../../a11y/hints");
-var BaseLegend = /*#__PURE__*/function (_Component) {
-  (0, _inherits2["default"])(BaseLegend, _Component);
-  var _super = (0, _createSuper2["default"])(BaseLegend);
+var BaseLegend = exports.BaseLegend = /*#__PURE__*/function (_Component) {
   function BaseLegend() {
     var _this;
-    (0, _classCallCheck2["default"])(this, BaseLegend);
     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), "onChangeLegendItem", function (id, checked) {
-      var _this$props$onChangeV, _this$props;
-      (_this$props$onChangeV = (_this$props = _this.props).onChangeVisibleItem) === null || _this$props$onChangeV === void 0 ? void 0 : _this$props$onChangeV.call(_this$props, id, checked);
+    (0, _classCallCheck2["default"])(this, BaseLegend);
+    _this = (0, _callSuper2["default"])(this, BaseLegend, [].concat(args));
+    (0, _defineProperty2["default"])(_this, "onChangeLegendItem", function (shape) {
+      return function (id, checked) {
+        var _this$props$onChangeV, _this$props;
+        if (shape !== 'Checkbox') return;
+        (_this$props$onChangeV = (_this$props = _this.props).onChangeVisibleItem) === null || _this$props$onChangeV === void 0 || _this$props$onChangeV.call(_this$props, id, checked);
+        if (checked) {
+          var _this$props$onMouseEn, _this$props2;
+          (_this$props$onMouseEn = (_this$props2 = _this.props).onMouseEnterItem) === null || _this$props$onMouseEn === void 0 || _this$props$onMouseEn.call(_this$props2, id);
+        } else {
+          var _this$props$onMouseLe, _this$props3;
+          (_this$props$onMouseLe = (_this$props3 = _this.props).onMouseLeaveItem) === null || _this$props$onMouseLe === void 0 || _this$props$onMouseLe.call(_this$props3, id);
+        }
+      };
     });
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "bindOnMouseEnterItem", function (id) {
+    (0, _defineProperty2["default"])(_this, "onFocusLegendItem", function (checked) {
+      return function (id) {
+        var _this$props$onMouseEn2, _this$props5;
+        if (!checked) {
+          var _this$props$onMouseLe2, _this$props4;
+          return (_this$props$onMouseLe2 = (_this$props4 = _this.props).onMouseLeaveItem) === null || _this$props$onMouseLe2 === void 0 ? void 0 : _this$props$onMouseLe2.call(_this$props4, id);
+        }
+        (_this$props$onMouseEn2 = (_this$props5 = _this.props).onMouseEnterItem) === null || _this$props$onMouseEn2 === void 0 || _this$props$onMouseEn2.call(_this$props5, id);
+      };
+    });
+    (0, _defineProperty2["default"])(_this, "onBlurLegendItem", function (id) {
+      var _this$props$onMouseLe3, _this$props6;
+      (_this$props$onMouseLe3 = (_this$props6 = _this.props).onMouseLeaveItem) === null || _this$props$onMouseLe3 === void 0 || _this$props$onMouseLe3.call(_this$props6, id);
+    });
+    (0, _defineProperty2["default"])(_this, "bindOnMouseEnterItem", function (id) {
       return function (e) {
-        var _this$props$onMouseEn, _this$props2;
-        (_this$props$onMouseEn = (_this$props2 = _this.props).onMouseEnterItem) === null || _this$props$onMouseEn === void 0 ? void 0 : _this$props$onMouseEn.call(_this$props2, id, e);
+        var _this$props$onMouseEn3, _this$props7;
+        (_this$props$onMouseEn3 = (_this$props7 = _this.props).onMouseEnterItem) === null || _this$props$onMouseEn3 === void 0 || _this$props$onMouseEn3.call(_this$props7, id, e);
       };
     });
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "bindOnMouseLeaveItem", function (id) {
+    (0, _defineProperty2["default"])(_this, "bindOnMouseLeaveItem", function (id) {
       return function (e) {
-        var _this$props$onMouseLe, _this$props3;
-        (_this$props$onMouseLe = (_this$props3 = _this.props).onMouseLeaveItem) === null || _this$props$onMouseLe === void 0 ? void 0 : _this$props$onMouseLe.call(_this$props3, id, e);
+        var _this$props$onMouseLe4, _this$props8;
+        (_this$props$onMouseLe4 = (_this$props8 = _this.props).onMouseLeaveItem) === null || _this$props$onMouseLe4 === void 0 || _this$props$onMouseLe4.call(_this$props8, id, e);
       };
     });
     return _this;
   }
-  (0, _createClass2["default"])(BaseLegend, [{
+  (0, _inherits2["default"])(BaseLegend, _Component);
+  return (0, _createClass2["default"])(BaseLegend, [{
     key: "componentDidMount",
     value: function componentDidMount() {
       this.setHints();
@@ -62,7 +84,7 @@ var BaseLegend = /*#__PURE__*/function (_Component) {
         dataHints = _this$asProps.dataHints;
       var dataHintsHandler = dataHints ? (0, _hints.makeDataHintsHandlers)(dataHints) : undefined;
       items.forEach(function (legendItem) {
-        dataHintsHandler === null || dataHintsHandler === void 0 ? void 0 : dataHintsHandler.labelKey('value', legendItem.id, legendItem.label);
+        dataHintsHandler === null || dataHintsHandler === void 0 || dataHintsHandler.labelKey('value', legendItem.id, legendItem.label);
       });
     }
   }, {
@@ -87,8 +109,10 @@ var BaseLegend = /*#__PURE__*/function (_Component) {
       return (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, line), {}, {
         shape: shape,
         size: size,
-        onChangeLegendItem: this.onChangeLegendItem,
-        onMouseEnter: this.bindOnMouseEnterItem(line.id),
+        onFocusLegendItem: this.onFocusLegendItem(line.checked),
+        onBlurLegendItem: this.onBlurLegendItem,
+        onChangeLegendItem: this.onChangeLegendItem(shape),
+        onMouseEnter: line.checked ? this.bindOnMouseEnterItem(line.id) : undefined,
         onMouseLeave: this.bindOnMouseLeaveItem(line.id),
         style: {
           gridRowStart: "".concat(index + 1),
@@ -98,7 +122,5 @@ var BaseLegend = /*#__PURE__*/function (_Component) {
       });
     }
   }]);
-  return BaseLegend;
 }(_core.Component);
-exports.BaseLegend = BaseLegend;
 //# sourceMappingURL=BaseLegend.js.map

package/lib/cjs/component/ChartLegend/BaseLegend.js.map

@@ -1 +1 @@
-{"version":3,"file":"BaseLegend.js","names":["_core","require","_hints","BaseLegend","_Component","_inherits2","_super","_createSuper2","_this","_classCallCheck2","_len","arguments","length","args","Array","_key","call","apply","concat","_defineProperty2","_assertThisInitialized2","id","checked","_this$props$onChangeV","_this$props","props","onChangeVisibleItem","e","_this$props$onMouseEn","_this$props2","onMouseEnterItem","_this$props$onMouseLe","_this$props3","onMouseLeaveItem","_createClass2","key","value","componentDidMount","setHints","componentDidUpdate","prevProps","items","dataHints","_this$asProps","asProps","dataHintsHandler","makeDataHintsHandlers","undefined","forEach","legendItem","labelKey","label","getItem","index","line","Error","getLegendItemProps","_","_this$asProps2","_this$asProps2$shape","shape","_this$asProps2$size","size","patterns","_objectSpread2","onChangeLegendItem","onMouseEnter","bindOnMouseEnterItem","onMouseLeave","bindOnMouseLeaveItem","style","gridRowStart","gridRowEnd","Component","exports"],"sources":["../../../../src/component/ChartLegend/BaseLegend.tsx"],"sourcesContent":["import React from 'react';\nimport { Component, Intergalactic } from '@semcore/core';\nimport { LegendItemKey, LegendItemProps } from './LegendItem/LegendItem.type';\nimport { LegendProps } from './BaseLegend.type';\nimport { makeDataHintsHandlers } from '../../a11y/hints';\n\nexport abstract class BaseLegend<T extends LegendProps> extends Component<T> {\n  componentDidMount() {\n    this.setHints();\n  }\n\n  componentDidUpdate(prevProps: T) {\n    if (prevProps.items !== this.props.items || prevProps.dataHints !== this.props.dataHints) {\n      this.setHints();\n    }\n  }\n\n  setHints() {\n    const { items, dataHints } = this.asProps;\n    const dataHintsHandler = dataHints ? makeDataHintsHandlers(dataHints) : undefined;\n\n    items.forEach((legendItem) => {\n      dataHintsHandler?.labelKey('value', legendItem.id, legendItem.label);\n    });\n  }\n\n  getItem(index: number) {\n    const line = this.asProps.items[index];\n\n    if (line === undefined) {\n      throw new Error(`No index \"${index}\" in lines`);\n    }\n\n    return line;\n  }\n\n  getLegendItemProps(\n    _: {},\n    index: number,\n  ): LegendItemProps & Intergalactic.InternalTypings.ComponentPropsNesting<'div'> {\n    const { shape = 'Checkbox', size = 'm', patterns } = this.asProps;\n    const line = this.getItem(index);\n\n    return {\n      ...line,\n      shape,\n      size,\n      onChangeLegendItem: this.onChangeLegendItem,\n      onMouseEnter: this.bindOnMouseEnterItem(line.id),\n      onMouseLeave: this.bindOnMouseLeaveItem(line.id),\n      style: { gridRowStart: `${index + 1}`, gridRowEnd: `${index + 2}` },\n      patterns,\n    };\n  }\n\n  onChangeLegendItem = (id: LegendItemKey, checked: boolean) => {\n    this.props.onChangeVisibleItem?.(id, checked);\n  };\n\n  bindOnMouseEnterItem = (id: LegendItemKey) => {\n    return (e: React.SyntheticEvent) => {\n      this.props.onMouseEnterItem?.(id, e);\n    };\n  };\n\n  bindOnMouseLeaveItem = (id: LegendItemKey) => {\n    return (e: React.SyntheticEvent) => {\n      this.props.onMouseLeaveItem?.(id, e);\n    };\n  };\n}\n"],"mappings":"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"}
+{"version":3,"file":"BaseLegend.js","names":["_core","require","_hints","BaseLegend","exports","_Component","_this","_len","arguments","length","args","Array","_key","_classCallCheck2","_callSuper2","concat","_defineProperty2","shape","id","checked","_this$props$onChangeV","_this$props","props","onChangeVisibleItem","call","_this$props$onMouseEn","_this$props2","onMouseEnterItem","_this$props$onMouseLe","_this$props3","onMouseLeaveItem","_this$props$onMouseEn2","_this$props5","_this$props$onMouseLe2","_this$props4","_this$props$onMouseLe3","_this$props6","e","_this$props$onMouseEn3","_this$props7","_this$props$onMouseLe4","_this$props8","_inherits2","_createClass2","key","value","componentDidMount","setHints","componentDidUpdate","prevProps","items","dataHints","_this$asProps","asProps","dataHintsHandler","makeDataHintsHandlers","undefined","forEach","legendItem","labelKey","label","getItem","index","line","Error","getLegendItemProps","_","_this$asProps2","_this$asProps2$shape","_this$asProps2$size","size","patterns","_objectSpread2","onFocusLegendItem","onBlurLegendItem","onChangeLegendItem","onMouseEnter","bindOnMouseEnterItem","onMouseLeave","bindOnMouseLeaveItem","style","gridRowStart","gridRowEnd","Component"],"sources":["../../../../src/component/ChartLegend/BaseLegend.tsx"],"sourcesContent":["import { Component, type Intergalactic } from '@semcore/core';\nimport type React from 'react';\n\nimport type { LegendProps } from './BaseLegend.type';\nimport { StaticShapes, type LegendItemKey, type LegendItemProps, type ShapeType } from './LegendItem/LegendItem.type';\nimport { makeDataHintsHandlers } from '../../a11y/hints';\n\nexport abstract class BaseLegend<T extends LegendProps, E extends readonly ((...args: any[]) => any)[] = never[]> extends Component<T, E> {\n  componentDidMount() {\n    this.setHints();\n  }\n\n  componentDidUpdate(prevProps: T) {\n    if (prevProps.items !== this.props.items || prevProps.dataHints !== this.props.dataHints) {\n      this.setHints();\n    }\n  }\n\n  setHints() {\n    const { items, dataHints } = this.asProps;\n    const dataHintsHandler = dataHints ? makeDataHintsHandlers(dataHints) : undefined;\n\n    items.forEach((legendItem) => {\n      dataHintsHandler?.labelKey('value', legendItem.id, legendItem.label);\n    });\n  }\n\n  getItem(index: number) {\n    const line = this.asProps.items[index];\n\n    if (line === undefined) {\n      throw new Error(`No index \"${index}\" in lines`);\n    }\n\n    return line;\n  }\n\n  getLegendItemProps(\n    _: {},\n    index: number,\n  ): LegendItemProps & Intergalactic.InternalTypings.ComponentPropsNesting<'div'> {\n    const { shape = 'Checkbox', size = 'm', patterns } = this.asProps;\n    const line = this.getItem(index);\n\n    return {\n      ...line,\n      shape,\n      size,\n      onFocusLegendItem: this.onFocusLegendItem(line.checked),\n      onBlurLegendItem: this.onBlurLegendItem,\n      onChangeLegendItem: this.onChangeLegendItem(shape),\n      onMouseEnter: line.checked ? this.bindOnMouseEnterItem(line.id) : undefined,\n      onMouseLeave: this.bindOnMouseLeaveItem(line.id),\n      style: { gridRowStart: `${index + 1}`, gridRowEnd: `${index + 2}` },\n      patterns,\n    };\n  }\n\n  onChangeLegendItem = (shape: ShapeType) => (id: LegendItemKey, checked: boolean) => {\n    if (shape !== 'Checkbox') return;\n\n    this.props.onChangeVisibleItem?.(id, checked);\n\n    if (checked) {\n      this.props.onMouseEnterItem?.(id);\n    } else {\n      this.props.onMouseLeaveItem?.(id);\n    }\n  };\n\n  onFocusLegendItem = (checked: boolean) => (id: LegendItemKey) => {\n    if (!checked) {\n      return this.props.onMouseLeaveItem?.(id);\n    }\n\n    this.props.onMouseEnterItem?.(id);\n  };\n\n  onBlurLegendItem = (id: LegendItemKey) => {\n    this.props.onMouseLeaveItem?.(id);\n  };\n\n  bindOnMouseEnterItem = (id: LegendItemKey) => {\n    return (e: React.SyntheticEvent) => {\n      this.props.onMouseEnterItem?.(id, e);\n    };\n  };\n\n  bindOnMouseLeaveItem = (id: LegendItemKey) => {\n    return (e: React.SyntheticEvent) => {\n      this.props.onMouseLeaveItem?.(id, e);\n    };\n  };\n}\n"],"mappings":"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","ignoreList":[]}

package/lib/cjs/component/ChartLegend/BaseLegend.type.js.map

@@ -1 +1 @@
-{"version":3,"file":"BaseLegend.type.js","names":[],"sources":["../../../../src/component/ChartLegend/BaseLegend.type.ts"],"sourcesContent":["import { BoxProps, FlexProps } from '@semcore/flex-box';\nimport { LegendItem, LegendItemKey, ShapeType } from './LegendItem/LegendItem.type';\nimport { DataStructureHints } from '../../a11y/hints';\nimport type { PatternsConfig } from '../../Pattern';\nimport { AriaNameProps } from '../Chart/AbstractChart.type';\n\nexport type LSize = 'm' | 'l';\n\nexport type BaseChartLegendProps = FlexProps &\n  AriaNameProps & {\n    /**\n     * Size for legend items\n     */\n    size?: LSize;\n    /**\n     * Shape of data item on Legend panel\n     */\n    shape?: ShapeType;\n    /**\n     * Handler for change visible for data items. Doesn't work if Shape one of 'Circle' | 'Line' | 'Square'\n     */\n    onChangeVisibleItem?: (key: LegendItemKey, isVisible: boolean) => void;\n\n    onMouseEnterItem?: (key: LegendItemKey, e?: React.SyntheticEvent) => void;\n\n    onMouseLeaveItem?: (key: LegendItemKey, e?: React.SyntheticEvent) => void;\n\n    dataHints?: DataStructureHints;\n  };\n\nexport type LegendProps = BoxProps &\n  BaseChartLegendProps & {\n    /**\n     * Legend items\n     */\n    items: LegendItem[];\n\n    /** Enables charts patterns that enhances charts accessibility */\n    patterns?: PatternsConfig;\n  };\n"],"mappings":""}
+{"version":3,"file":"BaseLegend.type.js","names":[],"sources":["../../../../src/component/ChartLegend/BaseLegend.type.ts"],"sourcesContent":["import type { BoxProps, FlexProps } from '@semcore/base-components';\n\nimport type { LegendItem, LegendItemKey, ShapeType } from './LegendItem/LegendItem.type';\nimport type { DataStructureHints } from '../../a11y/hints';\nimport type { PatternsConfig } from '../../Pattern';\nimport type { AriaNameProps } from '../Chart/AbstractChart.type';\n\nexport type LSize = 'm' | 'l';\n\nexport type BaseChartLegendProps = FlexProps &\n  AriaNameProps & {\n    /**\n     * Size for legend items\n     */\n    size?: LSize;\n    /**\n     * Shape of data item on Legend panel\n     */\n    shape?: ShapeType;\n    /**\n     * Handler for change visible for data items. Doesn't work if Shape one of 'Circle' | 'Line' | 'Square'\n     */\n    onChangeVisibleItem?: (key: LegendItemKey, isVisible: boolean) => void;\n\n    onMouseEnterItem?: (key: LegendItemKey, e?: React.SyntheticEvent) => void;\n\n    onMouseLeaveItem?: (key: LegendItemKey, e?: React.SyntheticEvent) => void;\n\n    dataHints?: DataStructureHints;\n  };\n\nexport type LegendProps = BoxProps &\n  BaseChartLegendProps & {\n    /**\n     * Legend items\n     */\n    items: LegendItem[];\n\n    /** Enables charts patterns that enhances charts accessibility */\n    patterns?: PatternsConfig;\n  };\n"],"mappings":"","ignoreList":[]}

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

@@ -1,7 +1,6 @@
 "use strict";
 
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -9,35 +8,33 @@ exports.LegendFlex = void 0;
 var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+var _callSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/callSuper"));
 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 _index = require("@semcore/utils/lib/core/index");
-var _core = _interopRequireWildcard(require("@semcore/core"));
-var _react = _interopRequireDefault(require("react"));
-var _flexBox = require("@semcore/flex-box");
-var _LegendItem = require("../LegendItem/LegendItem");
-var _divider = _interopRequireDefault(require("@semcore/divider"));
+var _core = require("@semcore/core");
+var _baseComponents = require("@semcore/base-components");
 var _checkbox = _interopRequireDefault(require("@semcore/checkbox"));
-var _BaseLegend2 = require("../BaseLegend");
+var _i18nEnhance = _interopRequireDefault(require("@semcore/core/lib/utils/enhances/i18nEnhance"));
+var _divider = _interopRequireDefault(require("@semcore/divider"));
+var _react = _interopRequireDefault(require("react"));
 var _intergalacticDynamicLocales = require("../../../translations/__intergalactic-dynamic-locales");
-var _i18nEnhance = _interopRequireDefault(require("@semcore/utils/lib/enhances/i18nEnhance"));
+var _BaseLegend2 = require("../BaseLegend");
+var _LegendItem = require("../LegendItem/LegendItem");
 /*!__reshadow-styles__:"./legend-flex.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SLegendFlex_ii5gp_gg_._direction_row_ii5gp_gg_{align-items:flex-start;align-content:flex-start;flex-wrap:wrap;gap:8px 16px}.___SLegendFlex_ii5gp_gg_._direction_column_ii5gp_gg_{align-items:flex-start;flex-wrap:wrap;gap:8px}", /*__inner_css_end__*/"ii5gp_gg_"),
+var style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".___SLegendFlex_5sqwz_gg_._direction_row_5sqwz_gg_{align-items:flex-start;align-content:flex-start;flex-wrap:wrap;gap:8px 16px}.___SLegendFlex_5sqwz_gg_._direction_column_5sqwz_gg_{align-items:flex-start;flex-wrap:wrap;gap:8px}", /*__inner_css_end__*/"5sqwz_gg_"),
 /*__reshadow_css_end__*/
 {
-  "__SLegendFlex": "___SLegendFlex_ii5gp_gg_",
-  "_direction_row": "_direction_row_ii5gp_gg_",
-  "_direction_column": "_direction_column_ii5gp_gg_"
+  "__SLegendFlex": "___SLegendFlex_5sqwz_gg_",
+  "_direction_row": "_direction_row_5sqwz_gg_",
+  "_direction_column": "_direction_column_5sqwz_gg_"
 });
 var LegendFlexRoot = /*#__PURE__*/function (_BaseLegend) {
-  (0, _inherits2["default"])(LegendFlexRoot, _BaseLegend);
-  var _super = (0, _createSuper2["default"])(LegendFlexRoot);
   function LegendFlexRoot() {
     (0, _classCallCheck2["default"])(this, LegendFlexRoot);
-    return _super.apply(this, arguments);
+    return (0, _callSuper2["default"])(this, LegendFlexRoot, arguments);
   }
-  (0, _createClass2["default"])(LegendFlexRoot, [{
+  (0, _inherits2["default"])(LegendFlexRoot, _BaseLegend);
+  return (0, _createClass2["default"])(LegendFlexRoot, [{
     key: "renderTrend",
     value: function renderTrend() {
       var _ref3 = this.asProps,
@@ -49,7 +46,7 @@ var LegendFlexRoot = /*#__PURE__*/function (_BaseLegend) {
       return /*#__PURE__*/_react["default"].createElement(_checkbox["default"], {
         checked: trendIsVisible,
         onChange: onTrendIsVisibleChange,
-        theme: 'gray-400',
+        theme: "gray-400",
         label: trendLabel !== null && trendLabel !== void 0 ? trendLabel : getI18nText('trend'),
         size: size
       });
@@ -59,7 +56,7 @@ var LegendFlexRoot = /*#__PURE__*/function (_BaseLegend) {
     value: function render() {
       var _ref = this.asProps,
         _ref2;
-      var SLegendFlex = _flexBox.Flex;
+      var SLegendFlex = _baseComponents.Flex;
       var _this$asProps = this.asProps,
         styles = _this$asProps.styles,
         Children = _this$asProps.Children,
@@ -80,7 +77,6 @@ var LegendFlexRoot = /*#__PURE__*/function (_BaseLegend) {
       })), withTrend && this.renderTrend(), suffix ? suffix : null);
     }
   }]);
-  return LegendFlexRoot;
 }(_BaseLegend2.BaseLegend);
 (0, _defineProperty2["default"])(LegendFlexRoot, "displayName", 'LegendFlex');
 (0, _defineProperty2["default"])(LegendFlexRoot, "style", style);
@@ -91,8 +87,7 @@ var LegendFlexRoot = /*#__PURE__*/function (_BaseLegend) {
     children: /*#__PURE__*/_react["default"].createElement(LegendFlex.LegendItem, null)
   };
 });
-var LegendFlex = (0, _core["default"])(LegendFlexRoot, {
+var LegendFlex = exports.LegendFlex = (0, _core.createComponent)(LegendFlexRoot, {
   LegendItem: _LegendItem.LegendItemComponent
 });
-exports.LegendFlex = LegendFlex;
 //# sourceMappingURL=LegendFlex.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"LegendFlex.js","names":["_core","_interopRequireWildcard","require","_react","_interopRequireDefault","_flexBox","_LegendItem","_divider","_checkbox","_BaseLegend2","_intergalacticDynamicLocales","_i18nEnhance","style","_index","sstyled","insert","LegendFlexRoot","_BaseLegend","_inherits2","_super","_createSuper2","_classCallCheck2","apply","arguments","_createClass2","key","value","renderTrend","_ref3","asProps","onTrendIsVisibleChange","trendIsVisible","trendLabel","size","getI18nText","createElement","checked","onChange","theme","label","render","_ref","_ref2","SLegendFlex","Flex","_this$asProps","styles","Children","direction","withTrend","suffix","items","orientation","cn","_objectSpread2","assignProps","map","_ref4","id","BaseLegend","_defineProperty2","i18nEnhance","localizedMessages","children","LegendFlex","LegendItem","createComponent","LegendItemComponent","exports"],"sources":["../../../../../src/component/ChartLegend/LegendFlex/LegendFlex.tsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { sstyled, Root } from '@semcore/core';\nimport { Flex } from '@semcore/flex-box';\nimport style from './legend-flex.shadow.css';\nimport { LegendFlexType, LegendFlexProps, TrendProps } from './LegendFlex.type';\nimport { LegendItemComponent } from '../LegendItem/LegendItem';\nimport Divider from '@semcore/divider';\nimport Checkbox from '@semcore/checkbox';\nimport { BaseLegend } from '../BaseLegend';\nimport { localizedMessages } from '../../../translations/__intergalactic-dynamic-locales';\nimport i18nEnhance from '@semcore/utils/lib/enhances/i18nEnhance';\n\nclass LegendFlexRoot extends BaseLegend<LegendFlexProps> {\n  static displayName = 'LegendFlex';\n  static style = style;\n\n  static enhance = [i18nEnhance(localizedMessages)];\n\n  static defaultProps = () => ({\n    direction: 'row',\n    children: <LegendFlex.LegendItem />,\n  });\n\n  renderTrend() {\n    const { onTrendIsVisibleChange, trendIsVisible, trendLabel, size, getI18nText } = this\n      .asProps as TrendProps & LegendFlexProps & { getI18nText: (s: string) => string };\n\n    return (\n      <Checkbox\n        checked={trendIsVisible}\n        onChange={onTrendIsVisibleChange}\n        theme={'gray-400'}\n        label={trendLabel ?? getI18nText('trend')}\n        size={size}\n      />\n    );\n  }\n\n  render() {\n    const SLegendFlex = Root;\n    const { styles, Children, direction, withTrend, suffix, items } = this.asProps;\n    const orientation = direction === 'row' ? 'vertical' : 'horizontal';\n\n    return sstyled(styles)(\n      <SLegendFlex render={Flex} role={'group'}>\n        {items.map(({ id }) => {\n          return <Children key={id} />;\n        })}\n        {(withTrend || suffix) && <Divider orientation={orientation} />}\n        {withTrend && this.renderTrend()}\n        {suffix ? suffix : null}\n      </SLegendFlex>,\n    );\n  }\n}\n\nexport const LegendFlex: LegendFlexType = createComponent(LegendFlexRoot, {\n  LegendItem: LegendItemComponent,\n});\n"],"mappings":"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"}
+{"version":3,"file":"LegendFlex.js","names":["_core","require","_baseComponents","_checkbox","_interopRequireDefault","_i18nEnhance","_divider","_react","_intergalacticDynamicLocales","_BaseLegend2","_LegendItem","style","sstyled","insert","LegendFlexRoot","_BaseLegend","_classCallCheck2","_callSuper2","arguments","_inherits2","_createClass2","key","value","renderTrend","_ref3","asProps","onTrendIsVisibleChange","trendIsVisible","trendLabel","size","getI18nText","createElement","checked","onChange","theme","label","render","_ref","_ref2","SLegendFlex","Flex","_this$asProps","styles","Children","direction","withTrend","suffix","items","orientation","cn","_objectSpread2","assignProps","map","_ref4","id","BaseLegend","_defineProperty2","i18nEnhance","localizedMessages","children","LegendFlex","LegendItem","exports","createComponent","LegendItemComponent"],"sources":["../../../../../src/component/ChartLegend/LegendFlex/LegendFlex.tsx"],"sourcesContent":["import { Flex } from '@semcore/base-components';\nimport Checkbox from '@semcore/checkbox';\nimport { createComponent, sstyled, Root } from '@semcore/core';\nimport i18nEnhance from '@semcore/core/lib/utils/enhances/i18nEnhance';\nimport Divider from '@semcore/divider';\nimport React from 'react';\n\nimport style from './legend-flex.shadow.css';\nimport type { LegendFlexType, LegendFlexProps, TrendProps } from './LegendFlex.type';\nimport { localizedMessages } from '../../../translations/__intergalactic-dynamic-locales';\nimport { BaseLegend } from '../BaseLegend';\nimport { LegendItemComponent } from '../LegendItem/LegendItem';\n\nclass LegendFlexRoot extends BaseLegend<LegendFlexProps, typeof LegendFlexRoot.enhance> {\n  static displayName = 'LegendFlex';\n  static style = style;\n\n  static enhance = [i18nEnhance(localizedMessages)] as const;\n\n  static defaultProps = () => ({\n    direction: 'row',\n    children: <LegendFlex.LegendItem />,\n  });\n\n  renderTrend() {\n    const { onTrendIsVisibleChange, trendIsVisible, trendLabel, size, getI18nText } = this\n      .asProps as unknown as TrendProps & LegendFlexProps & { getI18nText: (s: string) => string };\n\n    return (\n      <Checkbox\n        checked={trendIsVisible}\n        onChange={onTrendIsVisibleChange}\n        theme='gray-400'\n        label={trendLabel ?? getI18nText('trend')}\n        size={size}\n      />\n    );\n  }\n\n  render() {\n    const SLegendFlex = Root;\n    const { styles, Children, direction, withTrend, suffix, items } = this.asProps;\n    const orientation = direction === 'row' ? 'vertical' : 'horizontal';\n\n    return sstyled(styles)(\n      <SLegendFlex render={Flex} role='group'>\n        {items.map(({ id }) => {\n          return <Children key={id} />;\n        })}\n        {(withTrend || suffix) && <Divider orientation={orientation} />}\n        {withTrend && this.renderTrend()}\n        {suffix ? suffix : null}\n      </SLegendFlex>,\n    );\n  }\n}\n\nexport const LegendFlex = createComponent(LegendFlexRoot, {\n  LegendItem: LegendItemComponent,\n}) as LegendFlexType;\n"],"mappings":"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","ignoreList":[]}

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

@@ -1 +1 @@
-{"version":3,"file":"LegendFlex.type.js","names":[],"sources":["../../../../../src/component/ChartLegend/LegendFlex/LegendFlex.type.ts"],"sourcesContent":["import { Flex, FlexProps } from '@semcore/flex-box';\nimport { Intergalactic } from '@semcore/core';\nimport { LegendItemType } from '../LegendItem/LegendItem.type';\nimport { LegendProps } from '../BaseLegend.type';\n\nexport type TrendProps = {\n  /**\n   * Flag for include trend LegendItem in Legend\n   */\n  withTrend: true;\n  /**\n   * Trend label (for localization)\n   */\n  trendLabel?: string;\n  /**\n   * Flag for describe are trend is visible\n   */\n  trendIsVisible: boolean;\n  /**\n   * Handler for change trend visibility\n   */\n  onTrendIsVisibleChange: (isVisible: boolean) => void;\n};\n\ntype SuffixProps = {\n  /**\n   * Element after all Legend items\n   */\n  suffix?: React.ReactElement;\n};\n\ntype AddonProps = ({ withTrend?: never } & SuffixProps) | ({ suffix?: never } & TrendProps);\n\nexport type LegendFlexProps = LegendProps & AddonProps & FlexProps;\n\nexport type LegendFlexType = Intergalactic.Component<typeof Flex, LegendFlexProps> & {\n  LegendItem: LegendItemType;\n};\n"],"mappings":""}
+{"version":3,"file":"LegendFlex.type.js","names":[],"sources":["../../../../../src/component/ChartLegend/LegendFlex/LegendFlex.type.ts"],"sourcesContent":["import type { Flex, FlexProps } from '@semcore/base-components';\nimport type { Intergalactic } from '@semcore/core';\n\nimport type { LegendProps } from '../BaseLegend.type';\nimport type { LegendItemType } from '../LegendItem/LegendItem.type';\n\nexport type TrendProps = {\n  /**\n   * Flag for include trend LegendItem in Legend\n   */\n  withTrend: true;\n  /**\n   * Trend label (for localization)\n   */\n  trendLabel?: string;\n  /**\n   * Flag for describe are trend is visible\n   */\n  trendIsVisible: boolean;\n  /**\n   * Handler for change trend visibility\n   */\n  onTrendIsVisibleChange: (isVisible: boolean) => void;\n};\n\ntype SuffixProps = {\n  /**\n   * Element after all Legend items\n   */\n  suffix?: React.ReactElement;\n};\n\ntype AddonProps = ({ withTrend?: never } & SuffixProps) | ({ suffix?: never } & TrendProps);\n\nexport type LegendFlexProps = LegendProps & AddonProps & FlexProps;\n\nexport type LegendFlexType = Intergalactic.Component<typeof Flex, LegendFlexProps> & {\n  LegendItem: LegendItemType;\n};\n"],"mappings":"","ignoreList":[]}