@semcore/d3-chart 3.60.2-prerelease.0 → 3.61.0-prerelease.0

package/lib/es6/Area.js.map

@@ -1 +1 @@
-{"version":3,"file":"Area.js","names":["React","area","curveLinear","line","Component","sstyled","uniqueIDEnhancement","findComponent","Dots","createElement","definedData","scaleOfBandwidth","getNullData","definedNullData","interpolateValue","AnimatedClipPath","PatternFill","style","_sstyled","insert","AreaRoot","_Component","_inherits","_super","_createSuper","_classCallCheck","apply","arguments","_createClass","key","value","getDotsProps","_this$asProps","asProps","x","y","color","d3Line","transparent","resolveColor","patterns","data","filter","item","d3","getNullProps","_this$asProps2","getLineProps","_this$asProps3","duration","uid","render","_ref","SArea","Element","SAreaLine","_this$asProps4","styles","hide","size","Children","forcedAdvancedMode","advancedMode","Area","Line","displayName","dataHintsHandler","specifyDataRowFields","establishDataType","Fragment","cn","concat","undefined","_defineProperty","_ref4","y0","$rootProps","_ref4$curve","curve","scale","_ref5","_ref6","_slicedToArray","xScale","yScale","yRange","range","defined","p","y1","props","_ref2","Null","_ref3","SNull"],"sources":["../../src/Area.jsx"],"sourcesContent":["import React from 'react';\nimport { area, curveLinear, line } from 'd3-shape';\nimport { Component, sstyled } from '@semcore/core';\nimport uniqueIDEnhancement from '@semcore/utils/lib/uniqueID';\nimport findComponent from '@semcore/utils/lib/findComponent';\nimport Dots from './Dots';\nimport createElement from './createElement';\nimport {\n  definedData,\n  scaleOfBandwidth,\n  getNullData,\n  definedNullData,\n  interpolateValue,\n} from './utils';\nimport AnimatedClipPath from './AnimatedClipPath';\nimport { PatternFill } from './Pattern';\n\nimport style from './style/area.shadow.css';\n\nclass AreaRoot extends Component {\n  static displayName = 'Area';\n  static style = style;\n  static enhance = [uniqueIDEnhancement()];\n\n  static defaultProps = ({ x, y, y0, $rootProps, curve = curveLinear, scale }) => {\n    const [xScale, yScale] = scale || $rootProps.scale;\n    const yRange = yScale.range();\n\n    return {\n      d3: area()\n        .defined(definedData(x, y))\n        .curve(curve)\n        .x((p) => scaleOfBandwidth(xScale, p[x]))\n        .y0((p) => (p[y0] ? scaleOfBandwidth(yScale, p[y0]) : yRange[0]))\n        .y1((p) => scaleOfBandwidth(yScale, p[y])),\n      d3Line: line()\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, color, d3Line, transparent, resolveColor, patterns } = this.asProps;\n    const data = this.asProps.data.filter((item) => item[y] !== interpolateValue);\n\n    return {\n      x,\n      y,\n      data,\n      d3: d3Line,\n      color,\n      resolveColor,\n      transparent,\n      patterns,\n    };\n  }\n\n  getNullProps() {\n    const { x, y, color, resolveColor, d3Line } = this.asProps;\n    const data = this.asProps.data.filter((item) => item[y] !== interpolateValue);\n\n    return {\n      data: getNullData(data, definedNullData(x, y), y),\n      d3: d3Line,\n      color,\n      resolveColor,\n    };\n  }\n\n  getLineProps() {\n    const { duration, color, resolveColor, data, d3Line, uid } = this.asProps;\n\n    return {\n      uid,\n      data,\n      d3: d3Line,\n      color,\n      resolveColor,\n      duration,\n    };\n  }\n\n  render() {\n    const SArea = this.Element;\n    const SAreaLine = 'path';\n    const {\n      styles,\n      hide,\n      d3,\n      d3Line,\n      color,\n      uid,\n      size,\n      duration,\n      x,\n      y,\n      Children,\n      transparent,\n      forcedAdvancedMode,\n      resolveColor,\n      patterns,\n    } = this.asProps;\n    const advancedMode = forcedAdvancedMode || !!findComponent(Children, [Area.Line.displayName]);\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        {!advancedMode && (\n          <SAreaLine\n            aria-hidden\n            clipPath={`url(#${uid}-animation)`}\n            d={d3Line(data)}\n            color={resolveColor(color)}\n            use:duration={`${duration}ms`}\n            transparent={transparent}\n          />\n        )}\n        <SArea\n          aria-hidden\n          clipPath={`url(#${uid})`}\n          render='path'\n          d={d3(data)}\n          hide={hide}\n          pattern={patterns ? `url(#${uid}-pattern)` : undefined}\n          color={resolveColor(color)}\n          use:duration={`${duration}ms`}\n          transparent={transparent}\n        />\n        {duration && <AnimatedClipPath duration={duration} id={uid} width={0} height={size[1]} />}\n        {patterns && (\n          <PatternFill\n            id={`${uid}-pattern`}\n            patternKey={color}\n            color={resolveColor(color)}\n            patterns={patterns}\n          />\n        )}\n      </>,\n    );\n  }\n}\n\nfunction Line(props) {\n  const {\n    Element: SAreaLine,\n    styles,\n    d3,\n    data,\n    color,\n    resolveColor,\n    duration,\n    uid,\n    transparent,\n  } = props;\n  return sstyled(styles)(\n    <SAreaLine\n      render='path'\n      clipPath={`url(#${uid})`}\n      d={d3(data)}\n      color={resolveColor(color)}\n      use:duration={`${duration}ms`}\n      transparent={transparent}\n    />,\n  );\n}\n\nfunction Null(props) {\n  const { Element: SNull, styles, d3, data, hide, color, resolveColor } = props;\n  return sstyled(styles)(\n    <SNull render='path' d={d3(data)} hide={hide} color={resolveColor(color)} />,\n  );\n}\n\nconst Area = createElement(AreaRoot, {\n  Dots,\n  Null,\n  Line,\n});\n\nexport default Area;\n"],"mappings":"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"}
+{"version":3,"file":"Area.js","names":["Component","sstyled","findComponent","uniqueIDEnhancement","bisector","area","curveLinear","line","React","AnimatedClipPath","SvgElement","createElement","Dots","PatternFill","style","_sstyled","insert","definedData","scaleOfBandwidth","getNullData","definedNullData","interpolateValue","eventToPoint","invert","AreaRoot","_Component","_classCallCheck","_callSuper","arguments","_inherits","_createClass","key","value","getDotsProps","_this$asProps","asProps","x","y","color","d3Line","transparent","resolveColor","patterns","onClick","data","filter","item","d3","getNullProps","_this$asProps2","getLineProps","_this$asProps3","duration","uid","handlerOnClick","e","stopPropagation","_this$asProps4","rootRef","_this$asProps4$scale","_slicedToArray","scale","xScale","_eventToPoint","current","_eventToPoint2","pX","vX","index","d","center","render","_ref","SArea","Element","SAreaLine","_this$asProps5","styles","hide","size","Children","forcedAdvancedMode","advancedMode","Area","Line","displayName","dataHintsHandler","specifyDataRowFields","establishDataType","Fragment","cn","concat","undefined","bind","_defineProperty","_ref4","y0","$rootProps","_ref4$curve","curve","_ref5","_ref6","yScale","yRange","range","defined","p","y1","props","_ref2","Null","_ref3","SNull"],"sources":["../../src/Area.jsx"],"sourcesContent":["import { Component, sstyled } from '@semcore/core';\nimport findComponent from '@semcore/core/lib/utils/findComponent';\nimport uniqueIDEnhancement from '@semcore/core/lib/utils/uniqueID';\nimport { bisector } from 'd3-array';\nimport { area, curveLinear, line } from 'd3-shape';\nimport React from 'react';\n\nimport AnimatedClipPath from './AnimatedClipPath';\nimport { SvgElement } from './component/SvgElement';\nimport createElement from './createElement';\nimport Dots from './Dots';\nimport { PatternFill } from './Pattern';\nimport style from './style/area.shadow.css';\nimport {\n  definedData,\n  scaleOfBandwidth,\n  getNullData,\n  definedNullData,\n  interpolateValue,\n  eventToPoint,\n  invert,\n} from './utils';\n\nclass AreaRoot extends Component {\n  static displayName = 'Area';\n  static style = style;\n  static enhance = [uniqueIDEnhancement()];\n\n  static defaultProps = ({ x, y, y0, $rootProps, curve = curveLinear, scale }) => {\n    const [xScale, yScale] = scale || $rootProps.scale;\n    const yRange = yScale.range();\n\n    return {\n      d3: area()\n        .defined(definedData(x, y))\n        .curve(curve)\n        .x((p) => scaleOfBandwidth(xScale, p[x]))\n        .y0((p) => (p[y0] ? scaleOfBandwidth(yScale, p[y0]) : yRange[0]))\n        .y1((p) => scaleOfBandwidth(yScale, p[y])),\n      d3Line: line()\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, color, d3Line, transparent, resolveColor, patterns, onClick } = this.asProps;\n    const data = this.asProps.data.filter((item) => item[y] !== interpolateValue);\n\n    return {\n      x,\n      y,\n      data,\n      d3: d3Line,\n      color,\n      resolveColor,\n      transparent,\n      patterns,\n      onClick,\n    };\n  }\n\n  getNullProps() {\n    const { x, y, color, resolveColor, d3Line } = this.asProps;\n    const data = this.asProps.data.filter((item) => item[y] !== interpolateValue);\n\n    return {\n      data: getNullData(data, definedNullData(x, y), y),\n      d3: d3Line,\n      color,\n      resolveColor,\n    };\n  }\n\n  getLineProps() {\n    const { duration, color, resolveColor, data, d3Line, uid } = this.asProps;\n\n    return {\n      uid,\n      data,\n      d3: d3Line,\n      color,\n      resolveColor,\n      duration,\n    };\n  }\n\n  handlerOnClick(e) {\n    e.stopPropagation();\n\n    const { rootRef, scale: [xScale], data, x, onClick } = this.asProps;\n\n    if (!onClick) return;\n\n    const [pX] = eventToPoint(e, rootRef.current);\n    const vX = invert(xScale, pX);\n    const index = bisector((d) => d[x]).center(data, vX);\n\n    onClick(index, e);\n  }\n\n  render() {\n    const SArea = this.Element;\n    const SAreaLine = SvgElement;\n    const {\n      styles,\n      hide,\n      d3,\n      d3Line,\n      color,\n      uid,\n      size,\n      duration,\n      x,\n      y,\n      Children,\n      transparent,\n      forcedAdvancedMode,\n      resolveColor,\n      patterns,\n    } = this.asProps;\n    const advancedMode = forcedAdvancedMode || !!findComponent(Children, [Area.Line.displayName]);\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        {!advancedMode && (\n          <SAreaLine\n            tag='path'\n            aria-hidden\n            clipPath={`url(#${uid}-animation)`}\n            d={d3Line(data)}\n            color={resolveColor(color)}\n            use:duration={`${duration}ms`}\n            transparent={transparent}\n          />\n        )}\n        <SArea\n          aria-hidden\n          clipPath={`url(#${uid})`}\n          render='path'\n          d={d3(data)}\n          hide={hide}\n          pattern={patterns ? `url(#${uid}-pattern)` : undefined}\n          color={resolveColor(color)}\n          use:duration={`${duration}ms`}\n          transparent={transparent}\n          onClickCapture={this.handlerOnClick.bind(this)}\n        />\n        {duration && <AnimatedClipPath duration={duration} id={uid} width={0} height={size[1]} />}\n        {patterns && (\n          <PatternFill\n            id={`${uid}-pattern`}\n            patternKey={color}\n            color={resolveColor(color)}\n            patterns={patterns}\n          />\n        )}\n      </>,\n    );\n  }\n}\n\nfunction Line(props) {\n  const {\n    Element: SAreaLine,\n    styles,\n    d3,\n    data,\n    color,\n    resolveColor,\n    duration,\n    uid,\n    transparent,\n  } = props;\n  return sstyled(styles)(\n    <SAreaLine\n      render='path'\n      clipPath={`url(#${uid})`}\n      d={d3(data)}\n      color={resolveColor(color)}\n      use:duration={`${duration}ms`}\n      transparent={transparent}\n    />,\n  );\n}\n\nfunction Null(props) {\n  const { Element: SNull, styles, d3, data, hide, color, resolveColor } = props;\n  return sstyled(styles)(\n    <SNull render='path' d={d3(data)} hide={hide} color={resolveColor(color)} />,\n  );\n}\n\nconst Area = createElement(AreaRoot, {\n  Dots,\n  Null,\n  Line,\n});\n\nexport default Area;\n"],"mappings":"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","ignoreList":[]}

package/lib/es6/Axis.js

@@ -1,34 +1,36 @@
+import _extends from "@babel/runtime/helpers/extends";
 import _objectSpread from "@babel/runtime/helpers/objectSpread2";
 import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
 import _createClass from "@babel/runtime/helpers/createClass";
+import _callSuper from "@babel/runtime/helpers/callSuper";
 import _inherits from "@babel/runtime/helpers/inherits";
-import _createSuper from "@babel/runtime/helpers/createSuper";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-import { sstyled as _sstyled } from "@semcore/utils/lib/core/index";
-var _MAP_POSITION_AXIS, _MAP_POSITION_TICK;
-import React from 'react';
+import { sstyled as _sstyled } from "@semcore/core";
 import { Component, sstyled } from '@semcore/core';
+import React, { useState, useEffect } from 'react';
 import createElement from './createElement';
-import { scaleOfBandwidth } from './utils';
 /*!__reshadow-styles__:"./style/axis.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SAxis_1qpxf_gg_{stroke:var(--intergalactic-chart-grid-x-axis, #c4c7cf)}.___SAxis_1qpxf_gg_.__hide_1qpxf_gg_,.___STick_1qpxf_gg_.__hide_1qpxf_gg_{display:none}.___STick_1qpxf_gg_{font-size:var(--intergalactic-fs-100, 12px);fill:var(--intergalactic-chart-grid-text-label, #6c6e79)}.___SGrid_1qpxf_gg_{fill:transparent;stroke:var(--intergalactic-border-secondary, #e0e1e9)}.___STitle_1qpxf_gg_{font-size:var(--intergalactic-fs-100, 12px);fill:var(--intergalactic-text-hint, #6c6e79);transform-origin:var(--transform-origin_1qpxf)}.___STitle_1qpxf_gg_._position_top_1qpxf_gg_{text-anchor:middle}.___STitle_1qpxf_gg_._position_bottom_1qpxf_gg_{text-anchor:middle;dominant-baseline:hanging}.___STitle_1qpxf_gg_._position_left_1qpxf_gg_,.___STitle_1qpxf_gg_._position_right_1qpxf_gg_{transform:rotate(-90deg);text-anchor:middle;dominant-baseline:middle}.___STitle_1qpxf_gg_._position_left_1qpxf_gg_.__verticalWritingMode_1qpxf_gg_,.___STitle_1qpxf_gg_._position_right_1qpxf_gg_.__verticalWritingMode_1qpxf_gg_{writing-mode:vertical-rl;transform:none}.___STick_1qpxf_gg_._position_top_1qpxf_gg_{transform:translateY(-12px);text-anchor:middle}.___STick_1qpxf_gg_._position_bottom_1qpxf_gg_{transform:translateY(12px);text-anchor:middle;dominant-baseline:hanging}.___STick_1qpxf_gg_._position_right_1qpxf_gg_{transform:translateX(16px);text-anchor:start;dominant-baseline:middle}.___STick_1qpxf_gg_._position_left_1qpxf_gg_{transform:translateX(-16px);text-anchor:end;dominant-baseline:middle}.___STick_1qpxf_gg_._position_custom_0_1qpxf_gg_{transform:translateY(12px);text-anchor:middle;dominant-baseline:hanging}.___STick_1qpxf_gg_._position_custom_1_1qpxf_gg_{transform:translateX(-16px);text-anchor:end;dominant-baseline:middle}", /*__inner_css_end__*/"1qpxf_gg_"),
+var style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SAxis_1t54u_gg_{stroke:var(--intergalactic-chart-grid-x-axis, rgb(214, 216, 215))}.___SAxis_1t54u_gg_.__hide_1t54u_gg_{display:none}.___STick_1t54u_gg_{font-size:var(--intergalactic-fs-100, 12px);fill:var(--intergalactic-chart-grid-text-label, rgba(0, 3, 0, 0.583))}@supports (color:color(display-p3 0 0 0%)){.___STick_1t54u_gg_{fill:var(--intergalactic-chart-grid-text-label, rgba(0, 3, 0, 0.583))}@media (color-gamut:p3){.___STick_1t54u_gg_{fill:var(--intergalactic-chart-grid-text-label, color(display-p3 0.00228 0.01289 0.00252 / 0.583))}}}.___STick_1t54u_gg_.__primaryText_1t54u_gg_{fill:var(--intergalactic-text-primary, rgba(1, 5, 0, 0.899))}.___STick_1t54u_gg_.__hide_1t54u_gg_{display:none}.___SGrid_1t54u_gg_{fill:transparent;stroke:var(--intergalactic-border-secondary, rgba(0, 21, 16, 0.07))}@supports (color:color(display-p3 0 0 0%)){.___SGrid_1t54u_gg_{stroke:var(--intergalactic-border-secondary, rgba(0, 21, 16, 0.07))}@media (color-gamut:p3){.___SGrid_1t54u_gg_{stroke:var(--intergalactic-border-secondary, color(display-p3 0.01753 0.08157 0.06372 / 0.07))}}}.___STitle_1t54u_gg_{font-size:var(--intergalactic-fs-100, 12px);fill:var(--intergalactic-text-hint, rgba(0, 3, 0, 0.583));transform-origin:var(--transform-origin_1t54u)}@supports (color:color(display-p3 0 0 0%)){.___STitle_1t54u_gg_{fill:var(--intergalactic-text-hint, rgba(0, 3, 0, 0.583))}@media (color-gamut:p3){.___STitle_1t54u_gg_{fill:var(--intergalactic-text-hint, color(display-p3 0.00228 0.01289 0.00252 / 0.583))}}}.___STitle_1t54u_gg_._position_top_1t54u_gg_{text-anchor:middle}.___STitle_1t54u_gg_._position_bottom_1t54u_gg_{text-anchor:middle;dominant-baseline:hanging}.___STitle_1t54u_gg_._position_left_1t54u_gg_,.___STitle_1t54u_gg_._position_right_1t54u_gg_{transform:rotate(-90deg);text-anchor:middle;dominant-baseline:middle}.___STitle_1t54u_gg_._position_left_1t54u_gg_.__verticalWritingMode_1t54u_gg_,.___STitle_1t54u_gg_._position_right_1t54u_gg_.__verticalWritingMode_1t54u_gg_{writing-mode:vertical-rl;transform:none}.___STick_1t54u_gg_._position_top_1t54u_gg_{transform:translateY(-12px);text-anchor:middle}.___STick_1t54u_gg_._position_bottom_1t54u_gg_{transform:translateY(12px);text-anchor:middle;dominant-baseline:hanging}.___STick_1t54u_gg_._position_bottom_1t54u_gg_ tspan{dominant-baseline:hanging}.___STick_1t54u_gg_._position_right_1t54u_gg_{transform:translateX(16px);dominant-baseline:middle}.___STick_1t54u_gg_._position_left_1t54u_gg_ tspan,.___STick_1t54u_gg_._position_right_1t54u_gg_ tspan{dominant-baseline:middle}.___STick_1t54u_gg_._position_left_1t54u_gg_.__multiline_1t54u_gg_,.___STick_1t54u_gg_._position_left_1t54u_gg_.__multiline_1t54u_gg_ tspan,.___STick_1t54u_gg_._position_right_1t54u_gg_.__multiline_1t54u_gg_,.___STick_1t54u_gg_._position_right_1t54u_gg_.__multiline_1t54u_gg_ tspan{dominant-baseline:auto}.___STick_1t54u_gg_._position_left_1t54u_gg_{transform:translateX(-16px);text-anchor:end;dominant-baseline:middle}.___STick_1t54u_gg_._position_custom_0_1t54u_gg_{transform:translateY(12px);text-anchor:middle;dominant-baseline:hanging}.___STick_1t54u_gg_._position_custom_0_1t54u_gg_ tspan{dominant-baseline:hanging}.___STick_1t54u_gg_._position_custom_1_1t54u_gg_{transform:translateX(-16px);text-anchor:end;dominant-baseline:middle}.___STick_1t54u_gg_._position_custom_1_1t54u_gg_ tspan{dominant-baseline:middle}", /*__inner_css_end__*/"1t54u_gg_"),
 /*__reshadow_css_end__*/
 {
-  "__SAxis": "___SAxis_1qpxf_gg_",
-  "_hide": "__hide_1qpxf_gg_",
-  "__STick": "___STick_1qpxf_gg_",
-  "__SGrid": "___SGrid_1qpxf_gg_",
-  "__STitle": "___STitle_1qpxf_gg_",
-  "--transform-origin": "--transform-origin_1qpxf",
-  "_position_top": "_position_top_1qpxf_gg_",
-  "_position_bottom": "_position_bottom_1qpxf_gg_",
-  "_position_right": "_position_right_1qpxf_gg_",
-  "_position_left": "_position_left_1qpxf_gg_",
-  "_verticalWritingMode": "__verticalWritingMode_1qpxf_gg_",
-  "_position_custom_0": "_position_custom_0_1qpxf_gg_",
-  "_position_custom_1": "_position_custom_1_1qpxf_gg_"
+  "__SAxis": "___SAxis_1t54u_gg_",
+  "_hide": "__hide_1t54u_gg_",
+  "__STick": "___STick_1t54u_gg_",
+  "_primaryText": "__primaryText_1t54u_gg_",
+  "__SGrid": "___SGrid_1t54u_gg_",
+  "__STitle": "___STitle_1t54u_gg_",
+  "--transform-origin": "--transform-origin_1t54u",
+  "_position_top": "_position_top_1t54u_gg_",
+  "_position_bottom": "_position_bottom_1t54u_gg_",
+  "_position_right": "_position_right_1t54u_gg_",
+  "_position_left": "_position_left_1t54u_gg_",
+  "_verticalWritingMode": "__verticalWritingMode_1t54u_gg_",
+  "_multiline": "__multiline_1t54u_gg_",
+  "_position_custom_0": "_position_custom_0_1t54u_gg_",
+  "_position_custom_1": "_position_custom_1_1t54u_gg_"
 });
+import { scaleOfBandwidth } from './utils';
 var CUSTOM_0 = Symbol('custom_0');
 var CUSTOM_1 = Symbol('custom_1');
 var MAP_INDEX_SCALE_SYMBOL = {
@@ -41,7 +43,7 @@ var MAP_POSITION_REVERT = {
   bottom: 'top',
   left: 'right'
 };
-var MAP_POSITION_AXIS = (_MAP_POSITION_AXIS = {
+var MAP_POSITION_AXIS = _defineProperty(_defineProperty({
   top: function top(_ref5) {
     var _ref6 = _slicedToArray(_ref5, 2),
       xScale = _ref6[0],
@@ -69,9 +71,9 @@ var MAP_POSITION_AXIS = (_MAP_POSITION_AXIS = {
     };
   },
   right: function right(_ref9) {
-    var _ref10 = _slicedToArray(_ref9, 2),
-      xScale = _ref10[0],
-      yScale = _ref10[1];
+    var _ref0 = _slicedToArray(_ref9, 2),
+      xScale = _ref0[0],
+      yScale = _ref0[1];
     var xRange = xScale.range();
     var yRange = yScale.range();
     return {
@@ -81,10 +83,10 @@ var MAP_POSITION_AXIS = (_MAP_POSITION_AXIS = {
       y2: yRange[1]
     };
   },
-  left: function left(_ref11) {
-    var _ref12 = _slicedToArray(_ref11, 2),
-      xScale = _ref12[0],
-      yScale = _ref12[1];
+  left: function left(_ref1) {
+    var _ref10 = _slicedToArray(_ref1, 2),
+      xScale = _ref10[0],
+      yScale = _ref10[1];
     var xRange = xScale.range();
     var yRange = yScale.range();
     return {
@@ -94,10 +96,10 @@ var MAP_POSITION_AXIS = (_MAP_POSITION_AXIS = {
       y2: yRange[1]
     };
   }
-}, _defineProperty(_MAP_POSITION_AXIS, CUSTOM_0, function (_ref13, pos) {
-  var _ref14 = _slicedToArray(_ref13, 2),
-    xScale = _ref14[0],
-    yScale = _ref14[1];
+}, CUSTOM_0, function (_ref11, pos) {
+  var _ref12 = _slicedToArray(_ref11, 2),
+    xScale = _ref12[0],
+    yScale = _ref12[1];
   var xRange = xScale.range();
   return {
     x1: xRange[0],
@@ -105,10 +107,10 @@ var MAP_POSITION_AXIS = (_MAP_POSITION_AXIS = {
     x2: xRange[1],
     y2: scaleOfBandwidth(yScale, pos)
   };
-}), _defineProperty(_MAP_POSITION_AXIS, CUSTOM_1, function (_ref15, pos) {
-  var _ref16 = _slicedToArray(_ref15, 2),
-    xScale = _ref16[0],
-    yScale = _ref16[1];
+}), CUSTOM_1, function (_ref13, pos) {
+  var _ref14 = _slicedToArray(_ref13, 2),
+    xScale = _ref14[0],
+    yScale = _ref14[1];
   var yRange = yScale.range();
   return {
     x1: scaleOfBandwidth(xScale, pos),
@@ -116,70 +118,70 @@ var MAP_POSITION_AXIS = (_MAP_POSITION_AXIS = {
     x2: scaleOfBandwidth(xScale, pos),
     y2: yRange[1]
   };
-}), _MAP_POSITION_AXIS);
-var MAP_POSITION_TICK = (_MAP_POSITION_TICK = {
-  top: function top(_ref17, value) {
-    var _ref18 = _slicedToArray(_ref17, 2),
-      xScale = _ref18[0],
-      yScale = _ref18[1];
+});
+var MAP_POSITION_TICK = _defineProperty(_defineProperty({
+  top: function top(_ref15, value) {
+    var _ref16 = _slicedToArray(_ref15, 2),
+      xScale = _ref16[0],
+      yScale = _ref16[1];
     var yRange = yScale.range();
     return {
       x: scaleOfBandwidth(xScale, value),
       y: yRange[1]
     };
   },
-  bottom: function bottom(_ref19, value) {
-    var _ref20 = _slicedToArray(_ref19, 2),
-      xScale = _ref20[0],
-      yScale = _ref20[1];
+  bottom: function bottom(_ref17, value) {
+    var _ref18 = _slicedToArray(_ref17, 2),
+      xScale = _ref18[0],
+      yScale = _ref18[1];
     var yRange = yScale.range();
     return {
       x: scaleOfBandwidth(xScale, value),
       y: yRange[0]
     };
   },
-  right: function right(_ref21, value) {
-    var _ref22 = _slicedToArray(_ref21, 2),
-      xScale = _ref22[0],
-      yScale = _ref22[1];
+  right: function right(_ref19, value) {
+    var _ref20 = _slicedToArray(_ref19, 2),
+      xScale = _ref20[0],
+      yScale = _ref20[1];
     var xRange = xScale.range();
     return {
       x: xRange[1],
       y: scaleOfBandwidth(yScale, value)
     };
   },
-  left: function left(_ref23, value) {
-    var _ref24 = _slicedToArray(_ref23, 2),
-      xScale = _ref24[0],
-      yScale = _ref24[1];
+  left: function left(_ref21, value) {
+    var _ref22 = _slicedToArray(_ref21, 2),
+      xScale = _ref22[0],
+      yScale = _ref22[1];
     var xRange = xScale.range();
     return {
       x: xRange[0],
       y: scaleOfBandwidth(yScale, value)
     };
   }
-}, _defineProperty(_MAP_POSITION_TICK, CUSTOM_0, function (_ref25, value, pos) {
-  var _ref26 = _slicedToArray(_ref25, 2),
-    xScale = _ref26[0],
-    yScale = _ref26[1];
+}, CUSTOM_0, function (_ref23, value, pos) {
+  var _ref24 = _slicedToArray(_ref23, 2),
+    xScale = _ref24[0],
+    yScale = _ref24[1];
   return {
     x: scaleOfBandwidth(xScale, value),
     y: scaleOfBandwidth(yScale, pos)
   };
-}), _defineProperty(_MAP_POSITION_TICK, CUSTOM_1, function (_ref27, value, pos) {
-  var _ref28 = _slicedToArray(_ref27, 2),
-    xScale = _ref28[0],
-    yScale = _ref28[1];
+}), CUSTOM_1, function (_ref25, value, pos) {
+  var _ref26 = _slicedToArray(_ref25, 2),
+    xScale = _ref26[0],
+    yScale = _ref26[1];
   return {
     x: scaleOfBandwidth(xScale, pos),
     y: scaleOfBandwidth(yScale, value)
   };
-}), _MAP_POSITION_TICK);
+});
 var MAP_POSITION_GRID = {
-  0: function _(_ref29, value) {
-    var _ref30 = _slicedToArray(_ref29, 2),
-      xScale = _ref30[0],
-      yScale = _ref30[1];
+  0: function _(_ref27, value) {
+    var _ref28 = _slicedToArray(_ref27, 2),
+      xScale = _ref28[0],
+      yScale = _ref28[1];
     var yRange = yScale.range();
     var x = scaleOfBandwidth(xScale, value);
     return {
@@ -189,10 +191,10 @@ var MAP_POSITION_GRID = {
       y2: yRange[1]
     };
   },
-  1: function _(_ref31, value) {
-    var _ref32 = _slicedToArray(_ref31, 2),
-      xScale = _ref32[0],
-      yScale = _ref32[1];
+  1: function _(_ref29, value) {
+    var _ref30 = _slicedToArray(_ref29, 2),
+      xScale = _ref30[0],
+      yScale = _ref30[1];
     var xRange = xScale.range();
     var y = scaleOfBandwidth(yScale, value);
     return {
@@ -205,40 +207,40 @@ var MAP_POSITION_GRID = {
 };
 var OFFSET_TITLE = 10;
 var MAP_POSITION_TITlE = {
-  top: function top(_ref33) {
-    var _ref34 = _slicedToArray(_ref33, 1),
-      xScale = _ref34[0];
+  top: function top(_ref31) {
+    var _ref32 = _slicedToArray(_ref31, 1),
+      xScale = _ref32[0];
     var xRange = xScale.range();
     return {
       x: (xRange[1] + xRange[0]) / 2,
       y: OFFSET_TITLE
     };
   },
-  bottom: function bottom(_ref35, _ref36) {
-    var _ref37 = _slicedToArray(_ref35, 1),
-      xScale = _ref37[0];
-    var _ref38 = _slicedToArray(_ref36, 2),
-      height = _ref38[1];
+  bottom: function bottom(_ref33, _ref34) {
+    var _ref35 = _slicedToArray(_ref33, 1),
+      xScale = _ref35[0];
+    var _ref36 = _slicedToArray(_ref34, 2),
+      height = _ref36[1];
     var xRange = xScale.range();
     return {
       x: (xRange[1] + xRange[0]) / 2,
       y: height - OFFSET_TITLE
     };
   },
-  right: function right(_ref39, _ref40) {
-    var _ref41 = _slicedToArray(_ref39, 2),
-      yScale = _ref41[1];
-    var _ref42 = _slicedToArray(_ref40, 1),
-      width = _ref42[0];
+  right: function right(_ref37, _ref38) {
+    var _ref39 = _slicedToArray(_ref37, 2),
+      yScale = _ref39[1];
+    var _ref40 = _slicedToArray(_ref38, 1),
+      width = _ref40[0];
     var yRange = yScale.range();
     return {
       x: width - OFFSET_TITLE,
       y: (yRange[0] + yRange[1]) / 2
     };
   },
-  left: function left(_ref43) {
-    var _ref44 = _slicedToArray(_ref43, 2),
-      yScale = _ref44[1];
+  left: function left(_ref41) {
+    var _ref42 = _slicedToArray(_ref41, 2),
+      yScale = _ref42[1];
     var yRange = yScale.range();
     return {
       x: OFFSET_TITLE,
@@ -252,14 +254,53 @@ function renderValue(value) {
   }
   return value;
 }
+function splitTextByWidth(root, text, maxWidth) {
+  if (!text || !maxWidth || maxWidth <= 0) return [];
+  var words = text.split(/\s+/).filter(function (word) {
+    return word.length > 0;
+  });
+  if (words.length === 0) return [];
+  var lines = [];
+  var currentLine = words[0];
+  for (var i = 1; i < words.length; i++) {
+    var testLine = "".concat(currentLine, " ").concat(words[i]).trim();
+    var testWidth = measureTextWidth(root, testLine);
+    if (testWidth <= maxWidth) {
+      currentLine = testLine;
+    } else {
+      if (currentLine) {
+        lines.push(currentLine);
+      }
+      currentLine = words[i];
+      if (measureTextWidth(root, currentLine) > maxWidth) {
+        lines.push(currentLine);
+        currentLine = '';
+      }
+    }
+  }
+  if (currentLine) {
+    lines.push(currentLine);
+  }
+  return lines;
+}
+function measureTextWidth(rootRef, text) {
+  var fontSize = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 12;
+  var textEl = document.createElementNS('http://www.w3.org/2000/svg', 'text');
+  textEl.setAttribute('font-size', fontSize);
+  textEl.setAttribute('visibility', 'hidden');
+  textEl.textContent = text;
+  rootRef.appendChild(textEl);
+  var width = textEl.getComputedTextLength();
+  rootRef.removeChild(textEl);
+  return width;
+}
 var AxisRoot = /*#__PURE__*/function (_Component) {
-  _inherits(AxisRoot, _Component);
-  var _super = _createSuper(AxisRoot);
   function AxisRoot() {
     _classCallCheck(this, AxisRoot);
-    return _super.apply(this, arguments);
+    return _callSuper(this, AxisRoot, arguments);
   }
-  _createClass(AxisRoot, [{
+  _inherits(AxisRoot, _Component);
+  return _createClass(AxisRoot, [{
     key: "ticks",
     get: function get() {
       var _scl$ticks, _scl$domain;
@@ -320,13 +361,12 @@ var AxisRoot = /*#__PURE__*/function (_Component) {
       }, pos(scale, position))));
     }
   }]);
-  return AxisRoot;
 }(Component);
 _defineProperty(AxisRoot, "displayName", 'Axis');
 _defineProperty(AxisRoot, "style", style);
 _defineProperty(AxisRoot, "defaultProps", {});
 function Ticks(props) {
-  var _MAP_POSITION_TICK$po;
+  var _scale$indexScale, _scale$indexScale$ban, _MAP_POSITION_TICK$po;
   var STick = props.Element,
     styles = props.styles,
     scale = props.scale,
@@ -337,7 +377,23 @@ function Ticks(props) {
     dataHintsHandler = props.dataHintsHandler,
     children = props.children,
     _props$childrenPositi = props.childrenPosition,
-    childrenPosition = _props$childrenPositi === void 0 ? 'inside' : _props$childrenPositi;
+    childrenPosition = _props$childrenPositi === void 0 ? 'inside' : _props$childrenPositi,
+    rootRef = props.rootRef,
+    multiline = props.multiline;
+  var _useState = useState(null),
+    _useState2 = _slicedToArray(_useState, 2),
+    rootRefElement = _useState2[0],
+    setRootRefElement = _useState2[1];
+  useEffect(function () {
+    if (rootRef.current) setRootRefElement(rootRef.current);
+  }, []);
+  var tickBandwidth = (_scale$indexScale = scale[indexScale]) === null || _scale$indexScale === void 0 || (_scale$indexScale$ban = _scale$indexScale.bandwidth) === null || _scale$indexScale$ban === void 0 ? void 0 : _scale$indexScale$ban.call(_scale$indexScale);
+  var ticksWithLines = ticks.map(function (tick) {
+    return {
+      tick: tick,
+      lines: typeof tick === 'string' && multiline && rootRefElement ? splitTextByWidth(rootRefElement, tick, tickBandwidth) : []
+    };
+  });
   var pos = (_MAP_POSITION_TICK$po = MAP_POSITION_TICK[position]) !== null && _MAP_POSITION_TICK$po !== void 0 ? _MAP_POSITION_TICK$po : MAP_POSITION_TICK[MAP_INDEX_SCALE_SYMBOL[indexScale]];
   var positionClass = MAP_POSITION_TICK[position] ? position : "custom_".concat(indexScale);
   if (typeof children === 'function') {
@@ -354,8 +410,10 @@ function Ticks(props) {
       dataHintsHandler.addKeyLabelGetter('horizontal', labelGetter);
     }
   }
-  return ticks.map(function (value, i) {
+  return ticksWithLines.map(function (_ref43, i) {
     var _ref2;
+    var value = _ref43.tick,
+      lines = _ref43.lines;
     var displayValue = typeof children === 'function' ? undefined : renderValue(value);
     return _ref2 = sstyled(styles), /*#__PURE__*/React.createElement(STick, _ref2.cn("STick", _objectSpread({
       "aria-hidden": true,
@@ -366,8 +424,16 @@ function Ticks(props) {
       "value": value,
       "index": i,
       "position": positionClass,
-      "hide": hide
-    }, pos(scale, value, position))), displayValue);
+      "hide": hide,
+      "multiline": multiline,
+      "primaryText": props.primaryText
+    }, pos(scale, value, position))), lines.length > 1 ? lines.map(function (line, lineIndex) {
+      return /*#__PURE__*/React.createElement("tspan", _extends({
+        key: line
+      }, pos(scale, value, position), {
+        dy: lineIndex * 15
+      }), line);
+    }) : displayValue);
   });
 }
 function Grid(props) {
@@ -424,13 +490,12 @@ function Title(props) {
     "y": y
   }));
 }
-var XAxisRoot = /*#__PURE__*/function (_AxisRoot) {
-  _inherits(XAxisRoot, _AxisRoot);
-  var _super2 = _createSuper(XAxisRoot);
+var XAxisRoot = /*#__PURE__*/function (_AxisRoot2) {
   function XAxisRoot() {
     _classCallCheck(this, XAxisRoot);
-    return _super2.apply(this, arguments);
+    return _callSuper(this, XAxisRoot, arguments);
   }
+  _inherits(XAxisRoot, _AxisRoot2);
   return _createClass(XAxisRoot);
 }(AxisRoot);
 _defineProperty(XAxisRoot, "defaultProps", _objectSpread(_objectSpread({}, AxisRoot.defaultProps), {}, {
@@ -442,13 +507,12 @@ var XAxis = createElement(XAxisRoot, {
   Grid: Grid,
   Title: Title
 });
-var YAxisRoot = /*#__PURE__*/function (_AxisRoot2) {
-  _inherits(YAxisRoot, _AxisRoot2);
-  var _super3 = _createSuper(YAxisRoot);
+var YAxisRoot = /*#__PURE__*/function (_AxisRoot3) {
   function YAxisRoot() {
     _classCallCheck(this, YAxisRoot);
-    return _super3.apply(this, arguments);
+    return _callSuper(this, YAxisRoot, arguments);
   }
+  _inherits(YAxisRoot, _AxisRoot3);
   return _createClass(YAxisRoot);
 }(AxisRoot);
 _defineProperty(YAxisRoot, "defaultProps", _objectSpread(_objectSpread({}, AxisRoot.defaultProps), {}, {