@semcore/d3-chart 3.25.1 → 3.26.0

package/lib/cjs/Plot.js

@@ -24,9 +24,9 @@ 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_7k30v_gg_{overflow:hidden}.___SPlot_7k30v_gg_:active,.___SPlot_7k30v_gg_:focus{outline:0;-webkit-text-decoration:none;text-decoration:none}foreignObject[data-aria-only]{pointer-events:none}.___SPlot_7k30v_gg_.__keyboardFocused_7k30v_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__*/, "7k30v_gg_") /*__reshadow_css_end__*/, {
-  "__SPlot": "___SPlot_7k30v_gg_",
-  "_keyboardFocused": "__keyboardFocused_7k30v_gg_"
+var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SPlot_tq5g0_gg_{overflow:hidden}.___SPlot_tq5g0_gg_:active,.___SPlot_tq5g0_gg_:focus{outline:0;-webkit-text-decoration:none;text-decoration:none}foreignObject[data-aria-only]{pointer-events:none}.___SPlot_tq5g0_gg_.__keyboardFocused_tq5g0_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__*/, "tq5g0_gg_") /*__reshadow_css_end__*/, {
+  "__SPlot": "___SPlot_tq5g0_gg_",
+  "_keyboardFocused": "__keyboardFocused_tq5g0_gg_"
 });
 var PlotRoot = /*#__PURE__*/function (_Component) {
   (0, _inherits2["default"])(PlotRoot, _Component);
@@ -82,7 +82,8 @@ var PlotRoot = /*#__PURE__*/function (_Component) {
         width = _this$asProps.width,
         height = _this$asProps.height,
         locale = _this$asProps.locale,
-        resolveColor = _this$asProps.resolveColor;
+        resolveColor = _this$asProps.resolveColor,
+        patterns = _this$asProps.patterns;
       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);
@@ -96,7 +97,8 @@ var PlotRoot = /*#__PURE__*/function (_Component) {
           eventEmitter: this.eventEmitter,
           rootRef: this.rootRef,
           dataHintsHandler: this.dataHintsHandler,
-          resolveColor: resolveColor
+          resolveColor: resolveColor,
+          patterns: patterns
         }
       };
     }

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","_resolveColorEnhance","style","sstyled","insert","PlotRoot","_Component","_inherits2","_super","_createSuper2","props","_this","_classCallCheck2","call","_defineProperty2","_assertThisInitialized2","uniqueId","React","createRef","dataHints","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 = this.props.dataHints || 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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"}
+{"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","dataHints","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","patterns","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 = this.props.dataHints || 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, patterns } = 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        patterns,\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

@@ -27,24 +27,27 @@ var _d3Shape = require("d3-shape");
 var _createElement = _interopRequireDefault(require("./createElement"));
 var _utils = require("./utils");
 var _Tooltip = _interopRequireDefault(require("./Tooltip"));
+var _Pattern = require("./Pattern");
 /*__reshadow-styles__:"./style/radar.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SAxisLine_1c9tw_gg_,.___SAxisTick_1c9tw_gg_,.___SAxis_1c9tw_gg_{stroke:var(--intergalactic-chart-grid-line, #e0e1e9);stroke-width:1;fill:transparent}.___SAxisLine_1c9tw_gg_,.___SAxisTick_1c9tw_gg_{stroke-dasharray:2}.___SAxisLine_1c9tw_gg_.__active_1c9tw_gg_{stroke:var(--intergalactic-chart-grid-y-accent-hover-line, #a9abb6)}.___SAxisLabel_1c9tw_gg_{text-anchor:middle;dominant-baseline:central;font-size:12px}.___SAxisLabel_1c9tw_gg_.__xDirection_1c9tw_gg_{text-anchor:var(--xDirection_1c9tw)}.___SAxisLabel_1c9tw_gg_.__yDirection_1c9tw_gg_{dominant-baseline:var(--yDirection_1c9tw)}.___SPolygonDot_1c9tw_gg_,.___SPolygon_1c9tw_gg_{fill:var(--intergalactic-chart-palette-order-1, #2bb3ff)}.___SPolygon_1c9tw_gg_{opacity:.2}.___SPolygon_1c9tw_gg_.__color_1c9tw_gg_{fill:var(--color_1c9tw)}.___SPolygonDot_1c9tw_gg_{stroke-width:2px;stroke:var(--intergalactic-chart-grid-border, #ffffff);r:6px}.___SPolygonDot_1c9tw_gg_.__transparent_1c9tw_gg_{opacity:.3}.___SPolygonDot_1c9tw_gg_.__color_1c9tw_gg_{fill:var(--color_1c9tw)}.___SPolygonLine_1c9tw_gg_{stroke:var(--intergalactic-chart-palette-order-1, #2bb3ff);stroke-width:3;fill:transparent}.___SPolygonLine_1c9tw_gg_.__transparent_1c9tw_gg_{opacity:.3}.___SPolygonLine_1c9tw_gg_.__color_1c9tw_gg_{stroke:var(--color_1c9tw)}.___SPieRect_1c9tw_gg_{fill:var(--intergalactic-chart-grid-bar-chart-hover, rgba(196, 199, 207, 0.3))}" /*__inner_css_end__*/, "1c9tw_gg_") /*__reshadow_css_end__*/, {
-  "__SAxis": "___SAxis_1c9tw_gg_",
-  "__SAxisLine": "___SAxisLine_1c9tw_gg_",
-  "__SAxisTick": "___SAxisTick_1c9tw_gg_",
-  "_active": "__active_1c9tw_gg_",
-  "__SAxisLabel": "___SAxisLabel_1c9tw_gg_",
-  "_xDirection": "__xDirection_1c9tw_gg_",
-  "--xDirection": "--xDirection_1c9tw",
-  "_yDirection": "__yDirection_1c9tw_gg_",
-  "--yDirection": "--yDirection_1c9tw",
-  "__SPolygon": "___SPolygon_1c9tw_gg_",
-  "_color": "__color_1c9tw_gg_",
-  "--color": "--color_1c9tw",
-  "__SPolygonDot": "___SPolygonDot_1c9tw_gg_",
-  "_transparent": "__transparent_1c9tw_gg_",
-  "__SPolygonLine": "___SPolygonLine_1c9tw_gg_",
-  "__SPieRect": "___SPieRect_1c9tw_gg_"
+var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SAxisLine_10j51_gg_,.___SAxisTick_10j51_gg_,.___SAxis_10j51_gg_{stroke:var(--intergalactic-chart-grid-line, #e0e1e9);stroke-width:1;fill:transparent}.___SAxisLine_10j51_gg_,.___SAxisTick_10j51_gg_{stroke-dasharray:2}.___SAxisLine_10j51_gg_.__active_10j51_gg_{stroke:var(--intergalactic-chart-grid-y-accent-hover-line, #a9abb6)}.___SAxisLabel_10j51_gg_{text-anchor:middle;dominant-baseline:central;font-size:12px}.___SAxisLabel_10j51_gg_.__xDirection_10j51_gg_{text-anchor:var(--xDirection_10j51)}.___SAxisLabel_10j51_gg_.__yDirection_10j51_gg_{dominant-baseline:var(--yDirection_10j51)}.___SPolygonDot_10j51_gg_,.___SPolygon_10j51_gg_{fill:var(--intergalactic-chart-palette-order-1, #2bb3ff)}.___SPolygon_10j51_gg_{opacity:.2}.___SPolygon_10j51_gg_.__color_10j51_gg_{fill:var(--color_10j51)}.___SPolygon_10j51_gg_.__pattern_10j51_gg_.__color_10j51_gg_{fill:var(--pattern_10j51);stroke:var(--color_10j51);stroke-width:1px}.___SPolygonDot_10j51_gg_{stroke-width:2px;stroke:var(--intergalactic-chart-grid-border, #ffffff);r:6px}.___SPolygonDot_10j51_gg_.__transparent_10j51_gg_{opacity:.3}.___SPolygonDot_10j51_gg_.__color_10j51_gg_{fill:var(--color_10j51)}.___SPolygonLine_10j51_gg_{stroke:var(--intergalactic-chart-palette-order-1, #2bb3ff);stroke-width:3;fill:transparent}.___SPolygonLine_10j51_gg_.__transparent_10j51_gg_{opacity:.3}.___SPolygonLine_10j51_gg_.__color_10j51_gg_{stroke:var(--color_10j51)}.___SPieRect_10j51_gg_{fill:var(--intergalactic-chart-grid-bar-chart-hover, rgba(196, 199, 207, 0.3))}" /*__inner_css_end__*/, "10j51_gg_") /*__reshadow_css_end__*/, {
+  "__SAxis": "___SAxis_10j51_gg_",
+  "__SAxisLine": "___SAxisLine_10j51_gg_",
+  "__SAxisTick": "___SAxisTick_10j51_gg_",
+  "_active": "__active_10j51_gg_",
+  "__SAxisLabel": "___SAxisLabel_10j51_gg_",
+  "_xDirection": "__xDirection_10j51_gg_",
+  "--xDirection": "--xDirection_10j51",
+  "_yDirection": "__yDirection_10j51_gg_",
+  "--yDirection": "--yDirection_10j51",
+  "__SPolygon": "___SPolygon_10j51_gg_",
+  "_color": "__color_10j51_gg_",
+  "--color": "--color_10j51",
+  "_pattern": "__pattern_10j51_gg_",
+  "--pattern": "--pattern_10j51",
+  "__SPolygonDot": "___SPolygonDot_10j51_gg_",
+  "_transparent": "__transparent_10j51_gg_",
+  "__SPolygonLine": "___SPolygonLine_10j51_gg_",
+  "__SPieRect": "___SPieRect_10j51_gg_"
 });
 var clampAngle = function clampAngle(angle) {
   angle = angle % (2 * Math.PI);
@@ -100,14 +103,14 @@ function getTicks(tickSize, radius) {
     return ticks;
   }, []);
 }
-function pieContains(_ref12, _ref13) {
-  var _ref14 = (0, _slicedToArray2["default"])(_ref12, 3),
-    startAngle = _ref14[0],
-    endAngle = _ref14[1],
-    radius = _ref14[2];
-  var _ref15 = (0, _slicedToArray2["default"])(_ref13, 2),
-    x = _ref15[0],
-    y = _ref15[1];
+function pieContains(_ref13, _ref14) {
+  var _ref15 = (0, _slicedToArray2["default"])(_ref13, 3),
+    startAngle = _ref15[0],
+    endAngle = _ref15[1],
+    radius = _ref15[2];
+  var _ref16 = (0, _slicedToArray2["default"])(_ref14, 2),
+    x = _ref16[0],
+    y = _ref16[1];
   var distance = Math.sqrt(Math.pow(x, 2) + Math.pow(y, 2));
   if (distance > radius) return false;
   startAngle = clampAngle(startAngle);
@@ -187,18 +190,22 @@ var RadarRoot = /*#__PURE__*/function (_Component) {
     }
   }, {
     key: "getPolygonProps",
-    value: function getPolygonProps(_ref16, index) {
-      var dataKey = _ref16.dataKey;
+    value: function getPolygonProps(_ref17, index) {
+      var dataKey = _ref17.dataKey;
       var _this$asProps2 = this.asProps,
         data = _this$asProps2.data,
         scale = _this$asProps2.scale,
-        angleOffset = _this$asProps2.angleOffset;
+        angleOffset = _this$asProps2.angleOffset,
+        uid = _this$asProps2.uid,
+        patterns = _this$asProps2.patterns;
       return {
         offset: this.offset,
         data: data[dataKey] || [],
         scale: scale,
         angleOffset: angleOffset,
-        color: (0, _utils.getChartDefaultColorName)(index)
+        color: (0, _utils.getChartDefaultColorName)(index),
+        uid: "".concat(uid, "-").concat(index),
+        patterns: patterns
       };
     }
   }, {
@@ -275,7 +282,8 @@ var PolygonRoot = /*#__PURE__*/function (_Component2) {
         transparent = _this$asProps4.transparent,
         dataKey = _this$asProps4.dataKey,
         dataHintsHandler = _this$asProps4.dataHintsHandler,
-        angleOffset = _this$asProps4.angleOffset;
+        angleOffset = _this$asProps4.angleOffset,
+        patterns = _this$asProps4.patterns;
       return {
         data: data,
         scale: scale,
@@ -284,7 +292,8 @@ var PolygonRoot = /*#__PURE__*/function (_Component2) {
         transparent: transparent,
         categoryKey: dataKey,
         dataHintsHandler: dataHintsHandler,
-        angleOffset: angleOffset
+        angleOffset: angleOffset,
+        patterns: patterns
       };
     }
   }, {
@@ -315,25 +324,33 @@ var PolygonRoot = /*#__PURE__*/function (_Component2) {
         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", {
+        fill = _this$asProps6.fill,
+        uid = _this$asProps6.uid,
+        patterns = _this$asProps6.patterns;
+      return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, (_ref3 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SPolygon, _ref3.cn("SPolygon", {
         "render": 'path',
         "d": d3(data),
-        "color": resolveColor(fill || color)
-      }));
+        "color": resolveColor(fill || color),
+        "pattern": patterns ? "url(#".concat(uid, "-pattern)") : undefined
+      }))), patterns && /*#__PURE__*/_react["default"].createElement(_Pattern.PatternFill, _ref3.cn("PatternFill", {
+        "id": "".concat(uid, "-pattern"),
+        "patternKey": color,
+        "color": resolveColor(fill || color),
+        "patterns": patterns
+      })));
     }
   }]);
   return PolygonRoot;
 }(_core.Component);
 (0, _defineProperty2["default"])(PolygonRoot, "displayName", 'Polygon');
 (0, _defineProperty2["default"])(PolygonRoot, "style", style);
-(0, _defineProperty2["default"])(PolygonRoot, "defaultProps", function (_ref21) {
-  var scale = _ref21.scale,
-    _ref21$curve = _ref21.curve,
-    curve = _ref21$curve === void 0 ? _d3Shape.curveLinearClosed : _ref21$curve,
-    size = _ref21.size,
-    offset = _ref21.offset,
-    angleOffset = _ref21.angleOffset;
+(0, _defineProperty2["default"])(PolygonRoot, "defaultProps", function (_ref22) {
+  var scale = _ref22.scale,
+    _ref22$curve = _ref22.curve,
+    curve = _ref22$curve === void 0 ? _d3Shape.curveLinearClosed : _ref22$curve,
+    size = _ref22.size,
+    offset = _ref22.offset,
+    angleOffset = _ref22.angleOffset;
   scale.range([0, Math.min(size[0], size[1]) / 2 - offset]);
   return {
     d3: (0, _d3Shape.lineRadial)().curve(curve).radius(function (d) {
@@ -368,9 +385,10 @@ function PolygonDots(props) {
     scale = props.scale,
     transparent = props.transparent,
     categoryKey = props.categoryKey,
-    angleOffset = props.angleOffset;
+    angleOffset = props.angleOffset,
+    patterns = props.patterns;
   return data.map(function (value, i) {
-    var _ref5;
+    var _ref6;
     if (value === null || value === undefined) return;
     var radius = scale(value);
     props.dataHintsHandler.describeGroupedValues(categoryKey, "".concat(categoryKey, ".").concat(i));
@@ -378,13 +396,34 @@ function PolygonDots(props) {
       _getRadianPosition2 = (0, _slicedToArray2["default"])(_getRadianPosition, 2),
       cx = _getRadianPosition2[0],
       cy = _getRadianPosition2[1];
-    return _ref5 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SPolygonDot, _ref5.cn("SPolygonDot", {
-      "key": i,
-      "render": 'circle',
-      "cx": cx,
-      "cy": cy,
+    if (!patterns) {
+      var _ref5;
+      return _ref5 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SPolygonDot, _ref5.cn("SPolygonDot", {
+        "render": 'circle',
+        "color": resolveColor(color),
+        "transparent": transparent,
+        "patternKey": color,
+        "key": "".concat(i),
+        "cx": cx,
+        "cy": cy
+      }));
+    }
+    var patternKey = color || (0, _utils.getChartDefaultColorName)(0);
+    var _getPatternSymbolSize = (0, _Pattern.getPatternSymbolSize)({
+        patternKey: patternKey,
+        patterns: patterns
+      }),
+      _getPatternSymbolSize2 = (0, _slicedToArray2["default"])(_getPatternSymbolSize, 2),
+      width = _getPatternSymbolSize2[0],
+      height = _getPatternSymbolSize2[1];
+    return _ref6 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SPolygonDot, _ref6.cn("SPolygonDot", {
+      "render": _Pattern.PatternSymbol,
       "color": resolveColor(color),
-      "transparent": transparent
+      "transparent": transparent,
+      "patternKey": color,
+      "key": "".concat(i),
+      "x": cx - width / 2,
+      "y": cy - height / 2
     }));
   });
 }
@@ -402,8 +441,8 @@ var AxisRoot = /*#__PURE__*/function (_Component3) {
     (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this2), "state", {
       activeLineIndex: null
     });
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this2), "handlerTooltipVisible", function (_visible, _anchorProps, _ref17) {
-      var index = _ref17.index;
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this2), "handlerTooltipVisible", function (_visible, _anchorProps, _ref18) {
+      var index = _ref18.index;
       _this2.setState({
         activeLineIndex: index
       });
@@ -421,9 +460,9 @@ var AxisRoot = /*#__PURE__*/function (_Component3) {
     }
   }, {
     key: "getTicksProps",
-    value: function getTicksProps(_ref18) {
-      var _ref18$tickSize = _ref18.tickSize,
-        tickSize = _ref18$tickSize === void 0 ? 100 : _ref18$tickSize;
+    value: function getTicksProps(_ref19) {
+      var _ref19$tickSize = _ref19.tickSize,
+        tickSize = _ref19$tickSize === void 0 ? 100 : _ref19$tickSize;
       var _this$asProps7 = this.asProps,
         data = _this$asProps7.data,
         offset = _this$asProps7.offset,
@@ -442,9 +481,9 @@ var AxisRoot = /*#__PURE__*/function (_Component3) {
     }
   }, {
     key: "getLabelsProps",
-    value: function getLabelsProps(_ref19) {
-      var _ref19$labelOffset = _ref19.labelOffset,
-        labelOffset = _ref19$labelOffset === void 0 ? 10 : _ref19$labelOffset;
+    value: function getLabelsProps(_ref20) {
+      var _ref20$labelOffset = _ref20.labelOffset,
+        labelOffset = _ref20$labelOffset === void 0 ? 10 : _ref20$labelOffset;
       var _this$asProps8 = this.asProps,
         offset = _this$asProps8.offset,
         categories = _this$asProps8.categories,
@@ -473,7 +512,7 @@ var AxisRoot = /*#__PURE__*/function (_Component3) {
   }, {
     key: "render",
     value: function render() {
-      var _ref6;
+      var _ref7;
       var _this$asProps9 = this.asProps,
         SAxis = _this$asProps9.Element,
         styles = _this$asProps9.styles,
@@ -485,12 +524,12 @@ var AxisRoot = /*#__PURE__*/function (_Component3) {
       var activeLineIndex = this.state.activeLineIndex;
       var radius = Math.min(size[0], size[1]) / 2 - offset;
       var total = categories.length;
-      return _ref6 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, type === 'circle' ? /*#__PURE__*/_react["default"].createElement(SAxis, _ref6.cn("SAxis", {
+      return _ref7 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, type === 'circle' ? /*#__PURE__*/_react["default"].createElement(SAxis, _ref7.cn("SAxis", {
         "render": 'circle',
         "cx": 0,
         "cy": 0,
         "r": radius
-      })) : /*#__PURE__*/_react["default"].createElement(SAxis, _ref6.cn("SAxis", {
+      })) : /*#__PURE__*/_react["default"].createElement(SAxis, _ref7.cn("SAxis", {
         "render": 'path',
         "d": this.createLineRadial(radius, total)(categories)
       })), categories.map(function (category, i) {
@@ -517,9 +556,9 @@ var AxisRoot = /*#__PURE__*/function (_Component3) {
 }(_core.Component);
 (0, _defineProperty2["default"])(AxisRoot, "displayName", 'Polygon');
 (0, _defineProperty2["default"])(AxisRoot, "style", style);
-(0, _defineProperty2["default"])(AxisRoot, "defaultProps", function (_ref22) {
-  var data = _ref22.data,
-    dataKey = _ref22.dataKey;
+(0, _defineProperty2["default"])(AxisRoot, "defaultProps", function (_ref23) {
+  var data = _ref23.data,
+    dataKey = _ref23.dataKey;
   var categories = data[dataKey];
   return {
     categories: categories
@@ -536,17 +575,17 @@ function AxisTicks(props) {
     type = props.type;
   var radius = Math.min(size[0], size[1]) / 2 - offset;
   return ticks.map(function (tick, i) {
-    var _ref7;
+    var _ref8;
     d3.radius(function () {
       return radius * tick;
     });
-    return _ref7 = (0, _core.sstyled)(styles), type === 'circle' ? /*#__PURE__*/_react["default"].createElement(SAxisTick, _ref7.cn("SAxisTick", {
+    return _ref8 = (0, _core.sstyled)(styles), type === 'circle' ? /*#__PURE__*/_react["default"].createElement(SAxisTick, _ref8.cn("SAxisTick", {
       "key": i,
       "render": 'circle',
       "cx": 0,
       "cy": 0,
       "r": radius * tick
-    })) : /*#__PURE__*/_react["default"].createElement(SAxisTick, _ref7.cn("SAxisTick", {
+    })) : /*#__PURE__*/_react["default"].createElement(SAxisTick, _ref8.cn("SAxisTick", {
       "render": 'path',
       "key": i,
       "d": d3(categories)
@@ -572,10 +611,10 @@ function AxisLabels(props) {
       xDirection = _getLabelPlacement2[0],
       yDirection = _getLabelPlacement2[1];
     if (typeof category === 'string') {
-      var _ref8;
+      var _ref9;
       props.dataHintsHandler.labelKey('value', i, category);
       var lines = category.split('\n');
-      return _ref8 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SAxisLabel, _ref8.cn("SAxisLabel", {
+      return _ref9 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SAxisLabel, _ref9.cn("SAxisLabel", {
         "key": i,
         "render": 'text',
         "childrenPosition": 'inside',
@@ -593,11 +632,11 @@ function AxisLabels(props) {
     }
     if ( /*#__PURE__*/_react["default"].isValidElement(category)) {
       var _category$props;
-      var _ref20 = (_category$props = category === null || category === void 0 ? void 0 : category.props) !== null && _category$props !== void 0 ? _category$props : {},
-        _ref20$width = _ref20.width,
-        width = _ref20$width === void 0 ? 0 : _ref20$width,
-        _ref20$height = _ref20.height,
-        height = _ref20$height === void 0 ? 0 : _ref20$height;
+      var _ref21 = (_category$props = category === null || category === void 0 ? void 0 : category.props) !== null && _category$props !== void 0 ? _category$props : {},
+        _ref21$width = _ref21.width,
+        width = _ref21$width === void 0 ? 0 : _ref21$width,
+        _ref21$height = _ref21.height,
+        height = _ref21$height === void 0 ? 0 : _ref21$height;
       var _getLabelOffsetPositi = getLabelOffsetPosition(xDirection, yDirection, width, height),
         _getLabelOffsetPositi2 = (0, _slicedToArray2["default"])(_getLabelOffsetPositi, 2),
         xOffset = _getLabelOffsetPositi2[0],
@@ -630,7 +669,8 @@ var Hover = /*#__PURE__*/function (_Component4) {
       var _this3$asProps = _this3.asProps,
         eventEmitter = _this3$asProps.eventEmitter,
         size = _this3$asProps.size,
-        rootRef = _this3$asProps.rootRef;
+        rootRef = _this3$asProps.rootRef,
+        patterns = _this3$asProps.patterns;
       var point = (0, _utils.eventToPoint)(e, rootRef.current);
       var diam = Math.min(size[0], size[1]);
       var centerX = point[0] - diam / 2;
@@ -645,16 +685,19 @@ var Hover = /*#__PURE__*/function (_Component4) {
         index: index
       }, function () {
         eventEmitter.emit('onTooltipVisible', index !== null, {}, {
-          index: index
+          index: index,
+          patterns: patterns
         }, _this3.virtualElement);
       });
     }));
     (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this3), "handlerMouseLeaveRoot", (0, _rafTrottle["default"])(function () {
+      var patterns = _this3.asProps.patterns;
       _this3.setState({
         index: null
       }, function () {
         _this3.asProps.eventEmitter.emit('onTooltipVisible', false, {}, {
-          index: null
+          index: null,
+          patterns: patterns
         });
       });
     }));
@@ -765,20 +808,20 @@ var Hover = /*#__PURE__*/function (_Component4) {
       var SPieRect = this.Element;
       if (index !== null) {
         if (type === 'circle') {
-          var _ref9;
+          var _ref10;
           var _this$getPie = this.getPie(index),
             _this$getPie2 = (0, _slicedToArray2["default"])(_this$getPie, 3),
             startAngle = _this$getPie2[0],
             endAngle = _this$getPie2[1],
             radius = _this$getPie2[2];
           var circle = (0, _d3Shape.arc)().innerRadius(0).outerRadius(radius).startAngle(startAngle).endAngle(endAngle);
-          return _ref9 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SPieRect, _ref9.cn("SPieRect", {
+          return _ref10 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SPieRect, _ref10.cn("SPieRect", {
             "render": 'path',
             "d": circle()
           }));
         } else {
-          var _ref10;
-          return _ref10 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SPieRect, _ref10.cn("SPieRect", {
+          var _ref11;
+          return _ref11 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SPieRect, _ref11.cn("SPieRect", {
             "render": 'path',
             "d": (0, _d3Shape.line)()(this.getPolygon(index))
           }));
@@ -799,9 +842,9 @@ var Polygon = (0, _createElement["default"])(PolygonRoot, {
 });
 var RadarTooltip = function RadarTooltip(props) {
   var _ref = arguments[0],
-    _ref11;
+    _ref12;
   var SRadarTooltip = _Tooltip["default"];
-  return _ref11 = (0, _core.sstyled)(props.styles), /*#__PURE__*/_react["default"].createElement(SRadarTooltip, _ref11.cn("SRadarTooltip", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
+  return _ref12 = (0, _core.sstyled)(props.styles), /*#__PURE__*/_react["default"].createElement(SRadarTooltip, _ref12.cn("SRadarTooltip", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
     "tag": Radar.Hover,
     "excludeAnchorProps": true
   }, _ref))));