@semcore/d3-chart 3.15.2 → 3.16.0-prerelease.1

package/lib/cjs/Line.js

@@ -21,15 +21,15 @@ var _utils = require("./utils");
 var _Dots = _interopRequireDefault(require("./Dots"));
 var _ClipPath = _interopRequireDefault(require("./ClipPath"));
 /*__reshadow-styles__:"./style/line.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SLine_c8kmj_gg_{fill:transparent;stroke-width:3;stroke:var(--intergalactic-chart-palette-order-1, #2bb3ff);transition-property:d;transition-duration:var(--duration_c8kmj);transition-timing-function:ease-in-out}.___SLine_c8kmj_gg_.__color_c8kmj_gg_{stroke:var(--color_c8kmj)}.___SLine_c8kmj_gg_.__hide_c8kmj_gg_{display:none}.___SLine_c8kmj_gg_.__transparent_c8kmj_gg_{opacity:.3}.___SNull_c8kmj_gg_{fill:transparent;stroke:var(--intergalactic-border-primary, #c4c7cf);stroke-dasharray:4}.___SNull_c8kmj_gg_.__hide_c8kmj_gg_{display:none}.___SAria_c8kmj_gg_{transition-property:d;transition-duration:var(--duration_c8kmj);transition-timing-function:ease-in-out;opacity:.3;fill:var(--intergalactic-chart-palette-order-1, #2bb3ff)}.___SAria_c8kmj_gg_.__color_c8kmj_gg_{fill:var(--color_c8kmj)}" /*__inner_css_end__*/, "c8kmj_gg_") /*__reshadow_css_end__*/, {
-  "__SLine": "___SLine_c8kmj_gg_",
-  "--duration": "--duration_c8kmj",
-  "_color": "__color_c8kmj_gg_",
-  "--color": "--color_c8kmj",
-  "_hide": "__hide_c8kmj_gg_",
-  "_transparent": "__transparent_c8kmj_gg_",
-  "__SNull": "___SNull_c8kmj_gg_",
-  "__SAria": "___SAria_c8kmj_gg_"
+var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SLine_cgce4_gg_{fill:transparent;stroke-width:3;stroke:var(--intergalactic-chart-palette-order-1, #2bb3ff);transition-property:d;transition-duration:var(--duration_cgce4);transition-timing-function:ease-in-out}.___SLine_cgce4_gg_.__color_cgce4_gg_{stroke:var(--color_cgce4)}.___SLine_cgce4_gg_.__hide_cgce4_gg_{display:none}.___SLine_cgce4_gg_.__transparent_cgce4_gg_{opacity:.3}.___SNull_cgce4_gg_{fill:transparent;stroke:var(--intergalactic-border-primary, #c4c7cf);stroke-dasharray:4}.___SNull_cgce4_gg_.__hide_cgce4_gg_{display:none}.___SAria_cgce4_gg_{transition-property:d;transition-duration:var(--duration_cgce4);transition-timing-function:ease-in-out;opacity:.3;fill:var(--intergalactic-chart-palette-order-1, #2bb3ff)}.___SAria_cgce4_gg_.__color_cgce4_gg_{fill:var(--color_cgce4)}" /*__inner_css_end__*/, "cgce4_gg_") /*__reshadow_css_end__*/, {
+  "__SLine": "___SLine_cgce4_gg_",
+  "--duration": "--duration_cgce4",
+  "_color": "__color_cgce4_gg_",
+  "--color": "--color_cgce4",
+  "_hide": "__hide_cgce4_gg_",
+  "_transparent": "__transparent_cgce4_gg_",
+  "__SNull": "___SNull_cgce4_gg_",
+  "__SAria": "___SAria_cgce4_gg_"
 });
 var LineRoot = /*#__PURE__*/function (_Component) {
   (0, _inherits2["default"])(LineRoot, _Component);
@@ -46,6 +46,7 @@ var LineRoot = /*#__PURE__*/function (_Component) {
         y = _this$asProps.y,
         d3 = _this$asProps.d3,
         color = _this$asProps.color,
+        resolveColor = _this$asProps.resolveColor,
         duration = _this$asProps.duration,
         transparent = _this$asProps.transparent;
       return {
@@ -53,6 +54,7 @@ var LineRoot = /*#__PURE__*/function (_Component) {
         y: y,
         d3: d3,
         color: color,
+        resolveColor: resolveColor,
         duration: duration,
         transparent: transparent
       };
@@ -64,7 +66,8 @@ var LineRoot = /*#__PURE__*/function (_Component) {
         x = _this$asProps2.x,
         y = _this$asProps2.y,
         d3 = _this$asProps2.d3,
-        color = _this$asProps2.color;
+        color = _this$asProps2.color,
+        resolveColor = _this$asProps2.resolveColor;
       var data = this.asProps.data.filter(function (item) {
         return item[y] !== _utils.interpolateValue;
       });
@@ -72,7 +75,8 @@ var LineRoot = /*#__PURE__*/function (_Component) {
         d3: d3,
         // TODO: vertical
         data: (0, _utils.getNullData)(data, (0, _utils.definedNullData)(x, y), y),
-        color: color
+        color: color,
+        resolveColor: resolveColor
       };
     }
   }, {
@@ -107,6 +111,7 @@ var LineRoot = /*#__PURE__*/function (_Component) {
         styles = _this$asProps4.styles,
         hide = _this$asProps4.hide,
         color = _this$asProps4.color,
+        resolveColor = _this$asProps4.resolveColor,
         uid = _this$asProps4.uid,
         size = _this$asProps4.size,
         d3 = _this$asProps4.d3,
@@ -124,7 +129,7 @@ var LineRoot = /*#__PURE__*/function (_Component) {
         "clipPath": "url(#".concat(uid, ")"),
         "render": 'path',
         "hide": hide,
-        "color": color,
+        "color": resolveColor(color),
         "transparent": transparent,
         "d": d3(data),
         "use:duration": "".concat(duration, "ms")

package/lib/cjs/Line.js.map

@@ -1 +1 @@
-{"version":3,"file":"Line.js","names":["_core","require","_react","_interopRequireDefault","_d3Shape","_uniqueID","_interopRequireWildcard","_createElement","_utils","_Dots","_ClipPath","style","sstyled","insert","LineRoot","_Component","_inherits2","_super","_createSuper2","_classCallCheck2","apply","arguments","_createClass2","key","value","getDotsProps","_this$asProps","asProps","x","y","d3","color","duration","transparent","getNullProps","_this$asProps2","data","filter","item","interpolateValue","getNullData","definedNullData","getAreaProps","_this$asProps3","hide","scale","render","_ref","SLine","Element","_this$asProps4","styles","uid","size","dataHintsHandler","specifyDataRowFields","establishDataType","createElement","Fragment","cn","concat","setAttributeTag","rect","setAttribute","Component","_defineProperty2","uniqueIDEnhancement","_ref4","$rootProps","_ref4$curve","curve","curveLinear","_ref5","_ref6","_slicedToArray2","xScale","yScale","d3Line","defined","definedData","p","scaleOfBandwidth","Null","props","_ref2","SNull","Area","_ref3","useUID","SAria","y0","y1","_props$curve","curveCardinal","_scale","d3Area","_default","Dots","exports"],"sources":["../../src/Line.jsx"],"sourcesContent":["import React from 'react';\nimport { curveLinear, line as d3Line, area as d3Area, curveCardinal } from 'd3-shape';\nimport { Component, sstyled } from '@semcore/core';\nimport uniqueIDEnhancement, { useUID } from '@semcore/utils/lib/uniqueID';\nimport createElement from './createElement';\nimport {\n  definedData,\n  definedNullData,\n  scaleOfBandwidth,\n  getNullData,\n  interpolateValue,\n} from './utils';\nimport Dots from './Dots';\nimport ClipPath from './ClipPath';\n\nimport style from './style/line.shadow.css';\n\nclass LineRoot extends Component {\n  static displayName = 'Line';\n  static style = style;\n  static enhance = [uniqueIDEnhancement()];\n\n  static defaultProps = ({ x, y, $rootProps, curve = curveLinear, scale }) => {\n    const [xScale, yScale] = scale || $rootProps.scale;\n    return {\n      d3: d3Line()\n        .defined(definedData(x, y))\n        .curve(curve)\n        .x((p) => scaleOfBandwidth(xScale, p[x]))\n        .y((p) => scaleOfBandwidth(yScale, p[y])),\n      duration: 500,\n    };\n  };\n\n  getDotsProps() {\n    const { x, y, d3, color, duration, transparent } = this.asProps;\n    return {\n      x,\n      y,\n      d3,\n      color,\n      duration,\n      transparent,\n    };\n  }\n\n  getNullProps() {\n    const { x, y, d3, color } = this.asProps;\n    const data = this.asProps.data.filter((item) => item[y] !== interpolateValue);\n\n    return {\n      d3,\n      // TODO: vertical\n      data: getNullData(data, definedNullData(x, y), y),\n      color,\n    };\n  }\n\n  getAreaProps() {\n    const { x, y, color, hide, duration, scale } = this.asProps;\n    const data = this.asProps.data.filter((item) => item[y] !== interpolateValue);\n\n    return {\n      x,\n      y,\n      data,\n      color,\n      hide,\n      duration,\n      scale,\n    };\n  }\n\n  render() {\n    const SLine = this.Element;\n    const { styles, hide, color, uid, size, d3, duration, x, y, transparent } = this.asProps;\n    const data = this.asProps.data.filter((item) => item[y] !== interpolateValue);\n\n    this.asProps.dataHintsHandler.specifyDataRowFields(x, y);\n    this.asProps.dataHintsHandler.establishDataType('time-series');\n\n    return sstyled(styles)(\n      <>\n        <SLine\n          aria-hidden\n          clipPath={`url(#${uid})`}\n          render='path'\n          hide={hide}\n          color={color}\n          transparent={transparent}\n          d={d3(data)}\n          use:duration={`${duration}ms`}\n        />\n        {duration && (\n          <ClipPath\n            aria-hidden\n            setAttributeTag={(rect) => {\n              rect.setAttribute('width', size[0]);\n            }}\n            id={uid}\n            x='0'\n            y='0'\n            width={0}\n            height={size[1]}\n            transition={`width ${duration}ms ease-in-out`}\n          />\n        )}\n      </>,\n    );\n  }\n}\n\nfunction Null(props) {\n  const { Element: SNull, styles, d3, data, hide } = props;\n  return sstyled(styles)(<SNull render='path' d={d3(data)} hide={hide} />);\n}\n\nfunction Area(props) {\n  const uid = useUID();\n  const {\n    Element: SAria,\n    styles,\n    data,\n    hide,\n    duration,\n    color,\n    scale,\n    x,\n    y0,\n    y1,\n    curve = curveCardinal,\n  } = props;\n  const [xScale, yScale] = scale;\n\n  const d3 = d3Area()\n    .curve(curve)\n    .x((data) => xScale(data[x]))\n    .y0((data) => yScale(data[y0]))\n    .y1((data) => yScale(data[y1]));\n\n  return sstyled(styles)(\n    <SAria\n      aria-hidden\n      clipPath={`url(#${uid})`}\n      render='path'\n      hide={hide}\n      color={color}\n      d={d3(data)}\n      use:duration={`${duration}ms`}\n    />,\n  );\n}\n\nexport default createElement(LineRoot, {\n  Dots,\n  Null,\n  Area,\n});\n"],"mappings":"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"}
+{"version":3,"file":"Line.js","names":["_core","require","_react","_interopRequireDefault","_d3Shape","_uniqueID","_interopRequireWildcard","_createElement","_utils","_Dots","_ClipPath","style","sstyled","insert","LineRoot","_Component","_inherits2","_super","_createSuper2","_classCallCheck2","apply","arguments","_createClass2","key","value","getDotsProps","_this$asProps","asProps","x","y","d3","color","resolveColor","duration","transparent","getNullProps","_this$asProps2","data","filter","item","interpolateValue","getNullData","definedNullData","getAreaProps","_this$asProps3","hide","scale","render","_ref","SLine","Element","_this$asProps4","styles","uid","size","dataHintsHandler","specifyDataRowFields","establishDataType","createElement","Fragment","cn","concat","setAttributeTag","rect","setAttribute","Component","_defineProperty2","uniqueIDEnhancement","_ref4","$rootProps","_ref4$curve","curve","curveLinear","_ref5","_ref6","_slicedToArray2","xScale","yScale","d3Line","defined","definedData","p","scaleOfBandwidth","Null","props","_ref2","SNull","Area","_ref3","useUID","SAria","y0","y1","_props$curve","curveCardinal","_scale","d3Area","_default","Dots","exports"],"sources":["../../src/Line.jsx"],"sourcesContent":["import React from 'react';\nimport { curveLinear, line as d3Line, area as d3Area, curveCardinal } from 'd3-shape';\nimport { Component, sstyled } from '@semcore/core';\nimport uniqueIDEnhancement, { useUID } from '@semcore/utils/lib/uniqueID';\nimport createElement from './createElement';\nimport {\n  definedData,\n  definedNullData,\n  scaleOfBandwidth,\n  getNullData,\n  interpolateValue,\n} from './utils';\nimport Dots from './Dots';\nimport ClipPath from './ClipPath';\n\nimport style from './style/line.shadow.css';\n\nclass LineRoot extends Component {\n  static displayName = 'Line';\n  static style = style;\n  static enhance = [uniqueIDEnhancement()];\n\n  static defaultProps = ({ x, y, $rootProps, curve = curveLinear, scale }) => {\n    const [xScale, yScale] = scale || $rootProps.scale;\n    return {\n      d3: d3Line()\n        .defined(definedData(x, y))\n        .curve(curve)\n        .x((p) => scaleOfBandwidth(xScale, p[x]))\n        .y((p) => scaleOfBandwidth(yScale, p[y])),\n      duration: 500,\n    };\n  };\n\n  getDotsProps() {\n    const { x, y, d3, color, resolveColor, duration, transparent } = this.asProps;\n    return {\n      x,\n      y,\n      d3,\n      color,\n      resolveColor,\n      duration,\n      transparent,\n    };\n  }\n\n  getNullProps() {\n    const { x, y, d3, color, resolveColor } = this.asProps;\n    const data = this.asProps.data.filter((item) => item[y] !== interpolateValue);\n\n    return {\n      d3,\n      // TODO: vertical\n      data: getNullData(data, definedNullData(x, y), y),\n      color,\n      resolveColor,\n    };\n  }\n\n  getAreaProps() {\n    const { x, y, color, hide, duration, scale } = this.asProps;\n    const data = this.asProps.data.filter((item) => item[y] !== interpolateValue);\n\n    return {\n      x,\n      y,\n      data,\n      color,\n      hide,\n      duration,\n      scale,\n    };\n  }\n\n  render() {\n    const SLine = this.Element;\n    const { styles, hide, color, resolveColor, uid, size, d3, duration, x, y, transparent } =\n      this.asProps;\n    const data = this.asProps.data.filter((item) => item[y] !== interpolateValue);\n\n    this.asProps.dataHintsHandler.specifyDataRowFields(x, y);\n    this.asProps.dataHintsHandler.establishDataType('time-series');\n\n    return sstyled(styles)(\n      <>\n        <SLine\n          aria-hidden\n          clipPath={`url(#${uid})`}\n          render='path'\n          hide={hide}\n          color={resolveColor(color)}\n          transparent={transparent}\n          d={d3(data)}\n          use:duration={`${duration}ms`}\n        />\n        {duration && (\n          <ClipPath\n            aria-hidden\n            setAttributeTag={(rect) => {\n              rect.setAttribute('width', size[0]);\n            }}\n            id={uid}\n            x='0'\n            y='0'\n            width={0}\n            height={size[1]}\n            transition={`width ${duration}ms ease-in-out`}\n          />\n        )}\n      </>,\n    );\n  }\n}\n\nfunction Null(props) {\n  const { Element: SNull, styles, d3, data, hide } = props;\n  return sstyled(styles)(<SNull render='path' d={d3(data)} hide={hide} />);\n}\n\nfunction Area(props) {\n  const uid = useUID();\n  const {\n    Element: SAria,\n    styles,\n    data,\n    hide,\n    duration,\n    color,\n    scale,\n    x,\n    y0,\n    y1,\n    curve = curveCardinal,\n  } = props;\n  const [xScale, yScale] = scale;\n\n  const d3 = d3Area()\n    .curve(curve)\n    .x((data) => xScale(data[x]))\n    .y0((data) => yScale(data[y0]))\n    .y1((data) => yScale(data[y1]));\n\n  return sstyled(styles)(\n    <SAria\n      aria-hidden\n      clipPath={`url(#${uid})`}\n      render='path'\n      hide={hide}\n      color={color}\n      d={d3(data)}\n      use:duration={`${duration}ms`}\n    />,\n  );\n}\n\nexport default createElement(LineRoot, {\n  Dots,\n  Null,\n  Area,\n});\n"],"mappings":"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"}

package/lib/cjs/Plot.js

@@ -22,10 +22,11 @@ var _keyboardFocusEnhance = _interopRequireDefault(require("@semcore/utils/lib/e
 var _utils = require("./utils");
 var _PlotA11yModule = require("./a11y/PlotA11yModule");
 var _hints = require("./a11y/hints");
+var _resolveColorEnhance = _interopRequireDefault(require("@semcore/utils/lib/enhances/resolveColorEnhance"));
 /*__reshadow-styles__:"./style/plot.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SPlot_awuqr_gg_{overflow:hidden}.___SPlot_awuqr_gg_:active,.___SPlot_awuqr_gg_:focus{outline:0;text-decoration:none}foreignObject[data-aria-only]{pointer-events:none}.___SPlot_awuqr_gg_.__keyboardFocused_awuqr_gg_{border:1px solid var(--intergalactic-chart-palette-order-9, #008ff8);box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}" /*__inner_css_end__*/, "awuqr_gg_") /*__reshadow_css_end__*/, {
-  "__SPlot": "___SPlot_awuqr_gg_",
-  "_keyboardFocused": "__keyboardFocused_awuqr_gg_"
+var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SPlot_6ph44_gg_{overflow:hidden}.___SPlot_6ph44_gg_:active,.___SPlot_6ph44_gg_:focus{outline:0;text-decoration:none}foreignObject[data-aria-only]{pointer-events:none}.___SPlot_6ph44_gg_.__keyboardFocused_6ph44_gg_{border:1px solid var(--intergalactic-chart-palette-order-9, #008ff8);box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}" /*__inner_css_end__*/, "6ph44_gg_") /*__reshadow_css_end__*/, {
+  "__SPlot": "___SPlot_6ph44_gg_",
+  "_keyboardFocused": "__keyboardFocused_6ph44_gg_"
 });
 var PlotRoot = /*#__PURE__*/function (_Component) {
   (0, _inherits2["default"])(PlotRoot, _Component);
@@ -80,7 +81,8 @@ var PlotRoot = /*#__PURE__*/function (_Component) {
         data = _this$asProps.data,
         width = _this$asProps.width,
         height = _this$asProps.height,
-        locale = _this$asProps.locale;
+        locale = _this$asProps.locale,
+        resolveColor = _this$asProps.resolveColor;
       var yScaleDomain = scale === null || scale === void 0 ? void 0 : (_scale$ = scale[1]) === null || _scale$ === void 0 ? void 0 : (_scale$$domain = _scale$.domain) === null || _scale$$domain === void 0 ? void 0 : _scale$$domain.call(_scale$);
       if (yScaleDomain !== null && yScaleDomain !== void 0 && yScaleDomain.length && data !== null && data !== void 0 && data.length) {
         this.dataHintsHandler.setPointsDensity(data.length / width, Math.abs(yScaleDomain[1] - yScaleDomain[0]) / height);
@@ -93,7 +95,8 @@ var PlotRoot = /*#__PURE__*/function (_Component) {
           scale: scale,
           eventEmitter: this.eventEmitter,
           rootRef: this.rootRef,
-          dataHintsHandler: this.dataHintsHandler
+          dataHintsHandler: this.dataHintsHandler,
+          resolveColor: resolveColor
         }
       };
     }
@@ -146,7 +149,7 @@ var PlotRoot = /*#__PURE__*/function (_Component) {
     height: 0
   };
 });
-(0, _defineProperty2["default"])(PlotRoot, "enhance", [(0, _keyboardFocusEnhance["default"])()]);
+(0, _defineProperty2["default"])(PlotRoot, "enhance", [(0, _keyboardFocusEnhance["default"])(), (0, _resolveColorEnhance["default"])()]);
 var _default = (0, _core["default"])(PlotRoot);
 exports["default"] = _default;
 //# sourceMappingURL=Plot.js.map

package/lib/cjs/Plot.js.map

@@ -1 +1 @@
-{"version":3,"file":"Plot.js","names":["_core","_interopRequireWildcard","require","_react","_interopRequireDefault","_flexBox","_eventEmitter","_keyboardFocusEnhance","_utils","_PlotA11yModule","_hints","style","sstyled","insert","PlotRoot","_Component","_inherits2","_super","_createSuper2","props","_this","_classCallCheck2","call","_defineProperty2","_assertThisInitialized2","uniqueId","React","createRef","makeDataHintsContainer","makeDataHintsHandlers","dataStructureHints","e","scale","asProps","eventEmitter","emit","length","_scale","_slicedToArray2","xScale","yScale","_eventToPoint","eventToPoint","rootRef","current","_eventToPoint2","pX","pY","_xScale$range","range","_xScale$range2","minX","maxX","_yScale$range","_yScale$range2","maxY","minY","EventEmitter","_createClass2","key","value","setContext","_scale$","_scale$$domain","_this$asProps","data","width","height","locale","yScaleDomain","domain","dataHintsHandler","setPointsDensity","Math","abs","$rootProps","size","render","_ref","_ref2","SPlot","Box","_this$asProps2","styles","Children","a11yAltTextConfig","label","createElement","cn","_objectSpread2","assignProps","handlerMouseMove","handlerMouseLeave","PlotA11yModule","plotId","Component","keyboardFocusEnhance","_default","createComponent","exports"],"sources":["../../src/Plot.jsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { Component, Root, sstyled } from '@semcore/core';\nimport { Box } from '@semcore/flex-box';\nimport EventEmitter from '@semcore/utils/lib/eventEmitter';\nimport keyboardFocusEnhance from '@semcore/utils/lib/enhances/keyboardFocusEnhance';\nimport { eventToPoint, uniqueId } from './utils';\nimport { PlotA11yModule } from './a11y/PlotA11yModule';\nimport { makeDataHintsHandlers, makeDataHintsContainer } from './a11y/hints';\n\nimport style from './style/plot.shadow.css';\n\nclass PlotRoot extends Component {\n  static displayName = 'Plot';\n  static style = style;\n\n  constructor(props) {\n    super(props);\n    this.eventEmitter = props.eventEmitter || new EventEmitter();\n  }\n\n  static defaultProps = () => ({\n    width: 0,\n    height: 0,\n  });\n\n  static enhance = [keyboardFocusEnhance()];\n\n  plotId = uniqueId();\n\n  rootRef = React.createRef();\n\n  dataStructureHints = makeDataHintsContainer();\n  dataHintsHandler = makeDataHintsHandlers(this.dataStructureHints);\n\n  handlerMouseMove = (e) => {\n    const { scale } = this.asProps;\n    this.eventEmitter.emit('onMouseMoveRoot', e);\n\n    if (scale && scale.length >= 2) {\n      const [xScale, yScale] = scale;\n      const [pX, pY] = eventToPoint(e, this.rootRef.current);\n      const [minX, maxX] = xScale.range();\n      const [maxY, minY] = yScale.range();\n\n      if (pX >= minX && pX <= maxX && pY >= minY && pY <= maxY) {\n        this.eventEmitter.emit('onMouseMoveChart', e);\n      } else {\n        this.eventEmitter.emit('onMouseLeaveChart', e);\n      }\n    }\n  };\n\n  handlerMouseLeave = (e) => {\n    this.eventEmitter.emit('onMouseLeaveRoot', e);\n    this.eventEmitter.emit('onMouseLeaveChart', e);\n  };\n\n  setContext() {\n    const { scale, data, width, height, locale } = this.asProps;\n\n    const yScaleDomain = scale?.[1]?.domain?.();\n    if (yScaleDomain?.length && data?.length) {\n      this.dataHintsHandler.setPointsDensity(\n        data.length / width,\n        Math.abs(yScaleDomain[1] - yScaleDomain[0]) / height,\n      );\n    }\n\n    return {\n      $rootProps: {\n        size: [width, height],\n        data: data,\n        locale,\n        scale: scale,\n        eventEmitter: this.eventEmitter,\n        rootRef: this.rootRef,\n        dataHintsHandler: this.dataHintsHandler,\n      },\n    };\n  }\n\n  render() {\n    const SPlot = Root;\n    const { styles, width, height, Children, data, a11yAltTextConfig, label, locale } =\n      this.asProps;\n\n    if (!width || !height) return null;\n\n    return sstyled(styles)(\n      <SPlot\n        render={Box}\n        tag='svg'\n        __excludeProps={['data', 'scale']}\n        ref={this.rootRef}\n        onMouseMove={this.handlerMouseMove}\n        onMouseLeave={this.handlerMouseLeave}\n        aria-label={label}\n        tabIndex={0}\n      >\n        <Children />\n        <foreignObject width='100%' height='100%' data-aria-only>\n          <PlotA11yModule\n            id={this.plotId}\n            data={data}\n            plotLabel={label}\n            locale={locale}\n            plotRef={this.rootRef}\n            hints={this.dataStructureHints}\n            config={a11yAltTextConfig}\n          />\n        </foreignObject>\n      </SPlot>,\n    );\n  }\n}\n\nexport default createComponent(PlotRoot);\n"],"mappings":"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"}
+{"version":3,"file":"Plot.js","names":["_core","_interopRequireWildcard","require","_react","_interopRequireDefault","_flexBox","_eventEmitter","_keyboardFocusEnhance","_utils","_PlotA11yModule","_hints","_resolveColorEnhance","style","sstyled","insert","PlotRoot","_Component","_inherits2","_super","_createSuper2","props","_this","_classCallCheck2","call","_defineProperty2","_assertThisInitialized2","uniqueId","React","createRef","makeDataHintsContainer","makeDataHintsHandlers","dataStructureHints","e","scale","asProps","eventEmitter","emit","length","_scale","_slicedToArray2","xScale","yScale","_eventToPoint","eventToPoint","rootRef","current","_eventToPoint2","pX","pY","_xScale$range","range","_xScale$range2","minX","maxX","_yScale$range","_yScale$range2","maxY","minY","EventEmitter","_createClass2","key","value","setContext","_scale$","_scale$$domain","_this$asProps","data","width","height","locale","resolveColor","yScaleDomain","domain","dataHintsHandler","setPointsDensity","Math","abs","$rootProps","size","render","_ref","_ref2","SPlot","Box","_this$asProps2","styles","Children","a11yAltTextConfig","label","createElement","cn","_objectSpread2","assignProps","handlerMouseMove","handlerMouseLeave","PlotA11yModule","plotId","Component","keyboardFocusEnhance","colorResolverEnhance","_default","createComponent","exports"],"sources":["../../src/Plot.jsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { Component, Root, sstyled } from '@semcore/core';\nimport { Box } from '@semcore/flex-box';\nimport EventEmitter from '@semcore/utils/lib/eventEmitter';\nimport keyboardFocusEnhance from '@semcore/utils/lib/enhances/keyboardFocusEnhance';\nimport { eventToPoint, uniqueId } from './utils';\nimport { PlotA11yModule } from './a11y/PlotA11yModule';\nimport { makeDataHintsHandlers, makeDataHintsContainer } from './a11y/hints';\nimport colorResolverEnhance from '@semcore/utils/lib/enhances/resolveColorEnhance';\n\nimport style from './style/plot.shadow.css';\n\nclass PlotRoot extends Component {\n  static displayName = 'Plot';\n  static style = style;\n\n  constructor(props) {\n    super(props);\n    this.eventEmitter = props.eventEmitter || new EventEmitter();\n  }\n\n  static defaultProps = () => ({\n    width: 0,\n    height: 0,\n  });\n\n  static enhance = [keyboardFocusEnhance(), colorResolverEnhance()];\n\n  plotId = uniqueId();\n\n  rootRef = React.createRef();\n\n  dataStructureHints = makeDataHintsContainer();\n  dataHintsHandler = makeDataHintsHandlers(this.dataStructureHints);\n\n  handlerMouseMove = (e) => {\n    const { scale } = this.asProps;\n    this.eventEmitter.emit('onMouseMoveRoot', e);\n\n    if (scale && scale.length >= 2) {\n      const [xScale, yScale] = scale;\n      const [pX, pY] = eventToPoint(e, this.rootRef.current);\n      const [minX, maxX] = xScale.range();\n      const [maxY, minY] = yScale.range();\n\n      if (pX >= minX && pX <= maxX && pY >= minY && pY <= maxY) {\n        this.eventEmitter.emit('onMouseMoveChart', e);\n      } else {\n        this.eventEmitter.emit('onMouseLeaveChart', e);\n      }\n    }\n  };\n\n  handlerMouseLeave = (e) => {\n    this.eventEmitter.emit('onMouseLeaveRoot', e);\n    this.eventEmitter.emit('onMouseLeaveChart', e);\n  };\n\n  setContext() {\n    const { scale, data, width, height, locale, resolveColor } = this.asProps;\n\n    const yScaleDomain = scale?.[1]?.domain?.();\n    if (yScaleDomain?.length && data?.length) {\n      this.dataHintsHandler.setPointsDensity(\n        data.length / width,\n        Math.abs(yScaleDomain[1] - yScaleDomain[0]) / height,\n      );\n    }\n\n    return {\n      $rootProps: {\n        size: [width, height],\n        data: data,\n        locale,\n        scale: scale,\n        eventEmitter: this.eventEmitter,\n        rootRef: this.rootRef,\n        dataHintsHandler: this.dataHintsHandler,\n        resolveColor,\n      },\n    };\n  }\n\n  render() {\n    const SPlot = Root;\n    const { styles, width, height, Children, data, a11yAltTextConfig, label, locale } =\n      this.asProps;\n\n    if (!width || !height) return null;\n\n    return sstyled(styles)(\n      <SPlot\n        render={Box}\n        tag='svg'\n        __excludeProps={['data', 'scale']}\n        ref={this.rootRef}\n        onMouseMove={this.handlerMouseMove}\n        onMouseLeave={this.handlerMouseLeave}\n        aria-label={label}\n        tabIndex={0}\n      >\n        <Children />\n        <foreignObject width='100%' height='100%' data-aria-only>\n          <PlotA11yModule\n            id={this.plotId}\n            data={data}\n            plotLabel={label}\n            locale={locale}\n            plotRef={this.rootRef}\n            hints={this.dataStructureHints}\n            config={a11yAltTextConfig}\n          />\n        </foreignObject>\n      </SPlot>,\n    );\n  }\n}\n\nexport default createComponent(PlotRoot);\n"],"mappings":"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"}

package/lib/cjs/Radar.js

@@ -28,23 +28,23 @@ var _createElement = _interopRequireDefault(require("./createElement"));
 var _utils = require("./utils");
 var _Tooltip = _interopRequireDefault(require("./Tooltip"));
 /*__reshadow-styles__:"./style/radar.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SAxisLine_bqksd_gg_,.___SAxisTick_bqksd_gg_,.___SAxis_bqksd_gg_{stroke:var(--intergalactic-chart-grid-line, #e0e1e9);stroke-width:1;fill:transparent}.___SAxisLine_bqksd_gg_,.___SAxisTick_bqksd_gg_{stroke-dasharray:2}.___SAxisLine_bqksd_gg_.__active_bqksd_gg_{stroke:var(--intergalactic-chart-grid-y-accent-hover-line, #a9abb6)}.___SAxisLabel_bqksd_gg_{text-anchor:middle;dominant-baseline:central;font-size:12px}.___SAxisLabel_bqksd_gg_.__xDirection_bqksd_gg_{text-anchor:var(--xDirection_bqksd)}.___SAxisLabel_bqksd_gg_.__yDirection_bqksd_gg_{dominant-baseline:var(--yDirection_bqksd)}.___SPolygonDot_bqksd_gg_,.___SPolygon_bqksd_gg_{fill:var(--intergalactic-chart-palette-order-1, #2bb3ff)}.___SPolygon_bqksd_gg_{opacity:.2}.___SPolygon_bqksd_gg_.__color_bqksd_gg_{fill:var(--color_bqksd)}.___SPolygonDot_bqksd_gg_{stroke-width:2px;stroke:var(--intergalactic-chart-grid-border, #ffffff);r:6px}.___SPolygonDot_bqksd_gg_.__transparent_bqksd_gg_{opacity:.3}.___SPolygonDot_bqksd_gg_.__color_bqksd_gg_{fill:var(--color_bqksd)}.___SPolygonLine_bqksd_gg_{stroke:var(--intergalactic-chart-palette-order-1, #2bb3ff);stroke-width:3;fill:transparent}.___SPolygonLine_bqksd_gg_.__transparent_bqksd_gg_{opacity:.3}.___SPolygonLine_bqksd_gg_.__color_bqksd_gg_{stroke:var(--color_bqksd)}.___SPieRect_bqksd_gg_{fill:var(--intergalactic-chart-grid-bar-chart-hover, rgba(196, 199, 207, 0.3))}" /*__inner_css_end__*/, "bqksd_gg_") /*__reshadow_css_end__*/, {
-  "__SAxis": "___SAxis_bqksd_gg_",
-  "__SAxisLine": "___SAxisLine_bqksd_gg_",
-  "__SAxisTick": "___SAxisTick_bqksd_gg_",
-  "_active": "__active_bqksd_gg_",
-  "__SAxisLabel": "___SAxisLabel_bqksd_gg_",
-  "_xDirection": "__xDirection_bqksd_gg_",
-  "--xDirection": "--xDirection_bqksd",
-  "_yDirection": "__yDirection_bqksd_gg_",
-  "--yDirection": "--yDirection_bqksd",
-  "__SPolygon": "___SPolygon_bqksd_gg_",
-  "_color": "__color_bqksd_gg_",
-  "--color": "--color_bqksd",
-  "__SPolygonDot": "___SPolygonDot_bqksd_gg_",
-  "_transparent": "__transparent_bqksd_gg_",
-  "__SPolygonLine": "___SPolygonLine_bqksd_gg_",
-  "__SPieRect": "___SPieRect_bqksd_gg_"
+var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SAxisLine_sfvhj_gg_,.___SAxisTick_sfvhj_gg_,.___SAxis_sfvhj_gg_{stroke:var(--intergalactic-chart-grid-line, #e0e1e9);stroke-width:1;fill:transparent}.___SAxisLine_sfvhj_gg_,.___SAxisTick_sfvhj_gg_{stroke-dasharray:2}.___SAxisLine_sfvhj_gg_.__active_sfvhj_gg_{stroke:var(--intergalactic-chart-grid-y-accent-hover-line, #a9abb6)}.___SAxisLabel_sfvhj_gg_{text-anchor:middle;dominant-baseline:central;font-size:12px}.___SAxisLabel_sfvhj_gg_.__xDirection_sfvhj_gg_{text-anchor:var(--xDirection_sfvhj)}.___SAxisLabel_sfvhj_gg_.__yDirection_sfvhj_gg_{dominant-baseline:var(--yDirection_sfvhj)}.___SPolygonDot_sfvhj_gg_,.___SPolygon_sfvhj_gg_{fill:var(--intergalactic-chart-palette-order-1, #2bb3ff)}.___SPolygon_sfvhj_gg_{opacity:.2}.___SPolygon_sfvhj_gg_.__color_sfvhj_gg_{fill:var(--color_sfvhj)}.___SPolygonDot_sfvhj_gg_{stroke-width:2px;stroke:var(--intergalactic-chart-grid-border, #ffffff);r:6px}.___SPolygonDot_sfvhj_gg_.__transparent_sfvhj_gg_{opacity:.3}.___SPolygonDot_sfvhj_gg_.__color_sfvhj_gg_{fill:var(--color_sfvhj)}.___SPolygonLine_sfvhj_gg_{stroke:var(--intergalactic-chart-palette-order-1, #2bb3ff);stroke-width:3;fill:transparent}.___SPolygonLine_sfvhj_gg_.__transparent_sfvhj_gg_{opacity:.3}.___SPolygonLine_sfvhj_gg_.__color_sfvhj_gg_{stroke:var(--color_sfvhj)}.___SPieRect_sfvhj_gg_{fill:var(--intergalactic-chart-grid-bar-chart-hover, rgba(196, 199, 207, 0.3))}" /*__inner_css_end__*/, "sfvhj_gg_") /*__reshadow_css_end__*/, {
+  "__SAxis": "___SAxis_sfvhj_gg_",
+  "__SAxisLine": "___SAxisLine_sfvhj_gg_",
+  "__SAxisTick": "___SAxisTick_sfvhj_gg_",
+  "_active": "__active_sfvhj_gg_",
+  "__SAxisLabel": "___SAxisLabel_sfvhj_gg_",
+  "_xDirection": "__xDirection_sfvhj_gg_",
+  "--xDirection": "--xDirection_sfvhj",
+  "_yDirection": "__yDirection_sfvhj_gg_",
+  "--yDirection": "--yDirection_sfvhj",
+  "__SPolygon": "___SPolygon_sfvhj_gg_",
+  "_color": "__color_sfvhj_gg_",
+  "--color": "--color_sfvhj",
+  "__SPolygonDot": "___SPolygonDot_sfvhj_gg_",
+  "_transparent": "__transparent_sfvhj_gg_",
+  "__SPolygonLine": "___SPolygonLine_sfvhj_gg_",
+  "__SPieRect": "___SPieRect_sfvhj_gg_"
 });
 var clampAngle = function clampAngle(angle) {
   angle = angle % (2 * Math.PI);
@@ -187,7 +187,7 @@ var RadarRoot = /*#__PURE__*/function (_Component) {
     }
   }, {
     key: "getPolygonProps",
-    value: function getPolygonProps(_ref16) {
+    value: function getPolygonProps(_ref16, index) {
       var dataKey = _ref16.dataKey;
       var _this$asProps2 = this.asProps,
         data = _this$asProps2.data,
@@ -197,7 +197,8 @@ var RadarRoot = /*#__PURE__*/function (_Component) {
         offset: this.offset,
         data: data[dataKey] || [],
         scale: scale,
-        angleOffset: angleOffset
+        angleOffset: angleOffset,
+        color: (0, _utils.getChartDefaultColorName)(index)
       };
     }
   }, {
@@ -270,6 +271,7 @@ var PolygonRoot = /*#__PURE__*/function (_Component2) {
         data = _this$asProps4.data,
         scale = _this$asProps4.scale,
         color = _this$asProps4.color,
+        resolveColor = _this$asProps4.resolveColor,
         transparent = _this$asProps4.transparent,
         dataKey = _this$asProps4.dataKey,
         dataHintsHandler = _this$asProps4.dataHintsHandler,
@@ -278,6 +280,7 @@ var PolygonRoot = /*#__PURE__*/function (_Component2) {
         data: data,
         scale: scale,
         color: color,
+        resolveColor: resolveColor,
         transparent: transparent,
         categoryKey: dataKey,
         dataHintsHandler: dataHintsHandler,
@@ -291,10 +294,12 @@ var PolygonRoot = /*#__PURE__*/function (_Component2) {
         d3 = _this$asProps5.d3,
         data = _this$asProps5.data,
         color = _this$asProps5.color,
+        resolveColor = _this$asProps5.resolveColor,
         transparent = _this$asProps5.transparent;
       return {
         data: data,
         color: color,
+        resolveColor: resolveColor,
         transparent: transparent,
         d3: d3
       };
@@ -309,11 +314,12 @@ var PolygonRoot = /*#__PURE__*/function (_Component2) {
         d3 = _this$asProps6.d3,
         data = _this$asProps6.data,
         color = _this$asProps6.color,
+        resolveColor = _this$asProps6.resolveColor,
         fill = _this$asProps6.fill;
       return _ref3 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SPolygon, _ref3.cn("SPolygon", {
         "render": 'path',
         "d": d3(data),
-        "color": fill || color
+        "color": resolveColor(fill || color)
       }));
     }
   }]);
@@ -343,12 +349,13 @@ function PolygonLine(props) {
     styles = props.styles,
     d3 = props.d3,
     color = props.color,
+    resolveColor = props.resolveColor,
     data = props.data,
     transparent = props.transparent;
   return _ref4 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SPolygonLine, _ref4.cn("SPolygonLine", {
     "render": 'path',
     "d": d3(data),
-    "color": color,
+    "color": resolveColor(color),
     "transparent": transparent
   }));
 }
@@ -356,6 +363,7 @@ function PolygonDots(props) {
   var SPolygonDot = props.Element,
     styles = props.styles,
     color = props.color,
+    resolveColor = props.resolveColor,
     data = props.data,
     scale = props.scale,
     transparent = props.transparent,
@@ -375,7 +383,7 @@ function PolygonDots(props) {
       "render": 'circle',
       "cx": cx,
       "cy": cy,
-      "color": color,
+      "color": resolveColor(color),
       "transparent": transparent
     }));
   });