@semcore/d3-chart 2.1.0 → 2.2.2

package/lib/cjs/Tooltip.js

@@ -60,17 +60,17 @@ var style = (
 /*__reshadow_css_start__*/
 _core.sstyled.insert(
 /*__inner_css_start__*/
-".___STooltip_su7qo_gg_{font-size:12px;line-height:1.33;position:relative;background-color:#fff;border-radius:6px;border:1px solid #e0e1e9;box-sizing:border-box;box-shadow:0px 1px 12px 0px rgba(25, 27, 35, 0.15);padding:12px}.___STitle_su7qo_gg_{color:#6c6e79;margin-bottom:8px}.___SDotGroup_su7qo_gg_{display:flex;align-items:center}.___SDot_su7qo_gg_{width:8px;height:8px;border-radius:50%;margin-right:8px;background:#2bb3ff}.___SDot_su7qo_gg_.__color_su7qo_gg_{background:var(--color_1rhpqds)}"
+".___STooltip_t6ieo_gg_{font-size:12px;line-height:1.33;position:relative;background-color:#fff;border-radius:6px;border:1px solid #e0e1e9;box-sizing:border-box;box-shadow:0px 1px 12px 0px rgba(25, 27, 35, 0.15);padding:12px}.___STitle_t6ieo_gg_{color:#6c6e79;margin-bottom:8px}.___SDotGroup_t6ieo_gg_{display:flex;align-items:center}.___SDot_t6ieo_gg_{width:8px;height:8px;border-radius:50%;margin-right:8px;background:#2bb3ff}.___SDot_t6ieo_gg_.__color_t6ieo_gg_{background:var(--color_t6ieo)}"
 /*__inner_css_end__*/
-, "1rhpqds_gg_")
+, "t6ieo_gg_")
 /*__reshadow_css_end__*/
 , {
-  "__STooltip": "___STooltip_su7qo_gg_",
-  "__STitle": "___STitle_su7qo_gg_",
-  "__SDotGroup": "___SDotGroup_su7qo_gg_",
-  "__SDot": "___SDot_su7qo_gg_",
-  "_color": "__color_su7qo_gg_",
-  "--color": "--color_1rhpqds"
+  "__STooltip": "___STooltip_t6ieo_gg_",
+  "__STitle": "___STitle_t6ieo_gg_",
+  "__SDotGroup": "___SDotGroup_t6ieo_gg_",
+  "__SDot": "___SDot_t6ieo_gg_",
+  "_color": "__color_t6ieo_gg_",
+  "--color": "--color_t6ieo"
 });
 
 var TooltipRoot = /*#__PURE__*/function (_Component) {
@@ -220,8 +220,9 @@ function Dot(props) {
       Children = props.Children;
   var SDotGroup = _flexBox.Box;
   var SDot = _flexBox.Box;
-  return _ref6 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SDotGroup, _ref6.cn("SDotGroup", _objectSpread({}, (0, _core.assignProps)({}, _ref3))), /*#__PURE__*/_react["default"].createElement(SDot, _ref6.cn("SDot", {
-    "__excludeProps": ['data', 'scale'],
+  return _ref6 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SDotGroup, _ref6.cn("SDotGroup", _objectSpread({}, (0, _core.assignProps)({
+    "__excludeProps": ['data', 'scale']
+  }, _ref3))), /*#__PURE__*/_react["default"].createElement(SDot, _ref6.cn("SDot", {
     "color": (0, _color["default"])(color)
   })), /*#__PURE__*/_react["default"].createElement(Children, _ref6.cn("Children", {})));
 }

package/lib/cjs/Tooltip.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/Tooltip.jsx"],"names":["TooltipRoot","$visible","asProps","x","y","state","eventEmitter","rootRef","unsubscribeTooltipVisible","subscribe","visible","data","node","setState","CONSTANT","VIRTUAL_ELEMENT","current","contains","setPopperTrigger","popper","update","Children","children","tag","other","advanceMode","Tooltip","Trigger","displayName","Popper","handlerCancel","allowedAutoPlacements","setTrigger","Component","style","PopperPopper","props","STooltip","Element","styles","Title","STitle","Box","Dot","color","SDotGroup","SDot","Footer"],"mappings":"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","sourcesContent":["import React, { useCallback } from 'react';\nimport { Component, Root, sstyled } from '@semcore/core';\nimport Popper from '@semcore/popper';\nimport { Box } from '@semcore/flex-box';\nimport findComponent from '@semcore/utils/lib/findComponent';\nimport { CONSTANT } from './utils';\nimport createElement from './createElement';\nimport resolveColor from '@semcore/utils/lib/color';\n\nimport style from './style/tooltip.shadow.css';\n\nclass TooltipRoot extends Component {\n  static displayName = 'Tooltip';\n\n  static style = style;\n\n  state = {\n    $visible: false,\n  };\n\n  handlerCancel = () => false;\n\n  getTriggerProps() {\n    // TODO: как то убрать\n    const { x, y } = this.asProps;\n    return { x, y };\n  }\n\n  getPopperProps() {\n    return {\n      ...this.state,\n    };\n  }\n\n  componentDidMount() {\n    const { eventEmitter, rootRef } = this.asProps;\n    this.unsubscribeTooltipVisible = eventEmitter.subscribe(\n      'onTooltipVisible',\n      (visible, data, node) => {\n        this.setState(\n          {\n            // TODO: тут бага если одно поля нету,то оно не перезапишет стейт\n            ...data,\n            $visible: visible,\n          },\n          () => {\n            if (node && (node[CONSTANT.VIRTUAL_ELEMENT] || rootRef.current.contains(node))) {\n              this?.setPopperTrigger(node);\n              this.popper.current?.update();\n            }\n          },\n        );\n      },\n    );\n  }\n\n  componentWillUnmount() {\n    if (this.unsubscribeTooltipVisible) {\n      this.unsubscribeTooltipVisible();\n    }\n  }\n\n  render() {\n    const { Children, children, tag, ...other } = this.asProps;\n\n    const advanceMode = !!findComponent(Children, [\n      Tooltip.Trigger.displayName,\n      Tooltip.Popper.displayName,\n    ]);\n    return (\n      <Root\n        render={Popper}\n        visible={this.state.$visible}\n        onFirstUpdate={this.handlerCancel}\n        onOutsideClick={this.handlerCancel}\n        interaction=\"none\"\n        offset={8}\n        flip={{ allowedAutoPlacements: ['left', 'right'] }}\n      >\n        {({ popper, setTrigger }) => {\n          this.setPopperTrigger = setTrigger;\n          this.popper = popper;\n          this.popper.current?.update();\n          return advanceMode ? (\n            <Children />\n          ) : (\n            <>\n              {tag && <Tooltip.Trigger tag={tag} />}\n              <Tooltip.Popper {...other}>{children}</Tooltip.Popper>\n            </>\n          );\n        }}\n      </Root>\n    );\n  }\n}\n\nfunction PopperPopper(props) {\n  const { Element: STooltip, styles, $visible, x, y } = props;\n\n  const handlerCancel = useCallback(() => false, []);\n\n  if (!$visible) return null;\n\n  return sstyled(styles)(\n    <STooltip\n      render={Popper.Popper}\n      childrenPosition=\"inside\"\n      onMouseMove={handlerCancel}\n      x={x}\n      y={y}\n    />,\n  );\n}\n\nfunction Title(props) {\n  const STitle = Root;\n  const { styles } = props;\n  return sstyled(styles)(<STitle render={Box} __excludeProps={['data', 'scale']} />);\n}\n\nfunction Dot(props) {\n  const { styles, color, Children } = props;\n  const SDotGroup = Root;\n  const SDot = Box;\n  return sstyled(styles)(\n    <SDotGroup render={Box}>\n      <SDot __excludeProps={['data', 'scale']} color={resolveColor(color)} />\n      <Children />\n    </SDotGroup>,\n  );\n}\n\nfunction Footer() {\n  return null;\n}\n\nconst Tooltip = createElement(TooltipRoot, {\n  Trigger: Popper.Trigger,\n  Popper: PopperPopper,\n  Title,\n  Footer,\n  Dot,\n});\n\nexport default Tooltip;\n"],"file":"Tooltip.js"}
+{"version":3,"sources":["../../src/Tooltip.jsx"],"names":["TooltipRoot","$visible","asProps","x","y","state","eventEmitter","rootRef","unsubscribeTooltipVisible","subscribe","visible","data","node","setState","CONSTANT","VIRTUAL_ELEMENT","current","contains","setPopperTrigger","popper","update","Children","children","tag","other","advanceMode","Tooltip","Trigger","displayName","Popper","handlerCancel","allowedAutoPlacements","setTrigger","Component","style","PopperPopper","props","STooltip","Element","styles","Title","STitle","Box","Dot","color","SDotGroup","SDot","Footer"],"mappings":"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","sourcesContent":["import React, { useCallback } from 'react';\nimport { Component, Root, sstyled } from '@semcore/core';\nimport Popper from '@semcore/popper';\nimport { Box } from '@semcore/flex-box';\nimport findComponent from '@semcore/utils/lib/findComponent';\nimport { CONSTANT } from './utils';\nimport createElement from './createElement';\nimport resolveColor from '@semcore/utils/lib/color';\n\nimport style from './style/tooltip.shadow.css';\n\nclass TooltipRoot extends Component {\n  static displayName = 'Tooltip';\n\n  static style = style;\n\n  state = {\n    $visible: false,\n  };\n\n  handlerCancel = () => false;\n\n  getTriggerProps() {\n    // TODO: как то убрать\n    const { x, y } = this.asProps;\n    return { x, y };\n  }\n\n  getPopperProps() {\n    return {\n      ...this.state,\n    };\n  }\n\n  componentDidMount() {\n    const { eventEmitter, rootRef } = this.asProps;\n    this.unsubscribeTooltipVisible = eventEmitter.subscribe(\n      'onTooltipVisible',\n      (visible, data, node) => {\n        this.setState(\n          {\n            ...data,\n            $visible: visible,\n          },\n          () => {\n            if (node && (node[CONSTANT.VIRTUAL_ELEMENT] || rootRef.current.contains(node))) {\n              this?.setPopperTrigger(node);\n              this.popper.current?.update();\n            }\n          },\n        );\n      },\n    );\n  }\n\n  componentWillUnmount() {\n    if (this.unsubscribeTooltipVisible) {\n      this.unsubscribeTooltipVisible();\n    }\n  }\n\n  render() {\n    const { Children, children, tag, ...other } = this.asProps;\n\n    const advanceMode = !!findComponent(Children, [\n      Tooltip.Trigger.displayName,\n      Tooltip.Popper.displayName,\n    ]);\n    return (\n      <Root\n        render={Popper}\n        visible={this.state.$visible}\n        onFirstUpdate={this.handlerCancel}\n        onOutsideClick={this.handlerCancel}\n        interaction=\"none\"\n        offset={8}\n        flip={{ allowedAutoPlacements: ['left', 'right'] }}\n      >\n        {({ popper, setTrigger }) => {\n          this.setPopperTrigger = setTrigger;\n          this.popper = popper;\n          this.popper.current?.update();\n          return advanceMode ? (\n            <Children />\n          ) : (\n            <>\n              {tag && <Tooltip.Trigger tag={tag} />}\n              <Tooltip.Popper {...other}>{children}</Tooltip.Popper>\n            </>\n          );\n        }}\n      </Root>\n    );\n  }\n}\n\nfunction PopperPopper(props) {\n  const { Element: STooltip, styles, $visible, x, y } = props;\n\n  const handlerCancel = useCallback(() => false, []);\n\n  if (!$visible) return null;\n\n  return sstyled(styles)(\n    <STooltip\n      render={Popper.Popper}\n      childrenPosition=\"inside\"\n      onMouseMove={handlerCancel}\n      x={x}\n      y={y}\n    />,\n  );\n}\n\nfunction Title(props) {\n  const STitle = Root;\n  const { styles } = props;\n  return sstyled(styles)(<STitle render={Box} __excludeProps={['data', 'scale']} />);\n}\n\nfunction Dot(props) {\n  const { styles, color, Children } = props;\n  const SDotGroup = Root;\n  const SDot = Box;\n  return sstyled(styles)(\n    <SDotGroup render={Box} __excludeProps={['data', 'scale']}>\n      <SDot color={resolveColor(color)} />\n      <Children />\n    </SDotGroup>,\n  );\n}\n\nfunction Footer() {\n  return null;\n}\n\nconst Tooltip = createElement(TooltipRoot, {\n  Trigger: Popper.Trigger,\n  Popper: PopperPopper,\n  Title,\n  Footer,\n  Dot,\n});\n\nexport default Tooltip;\n"],"file":"Tooltip.js"}

package/lib/cjs/Venn.js

@@ -48,16 +48,16 @@ var style = (
 /*__reshadow_css_start__*/
 _core.sstyled.insert(
 /*__inner_css_start__*/
-".___SCircle_1evfu_gg_{fill:#59ddaa;stroke:#fff;stroke-width:2px;fill-opacity:.5;transition-property:cx,cy;transition-duration:var(--duration_1y13fr0);transition-timing-function:ease-in-out}.___SCircle_1evfu_gg_:hover{fill-opacity:.7}.___SCircle_1evfu_gg_.__color_1evfu_gg_{fill:var(--color_1y13fr0)}.___SIntersection_1evfu_gg_{stroke:#fff;stroke-width:2px;fill-opacity:0}.___SIntersection_1evfu_gg_:hover{fill-opacity:.1}"
+".___SCircle_1xxbc_gg_{fill:#59ddaa;stroke:#fff;stroke-width:2px;fill-opacity:.5;transition-property:cx,cy;transition-duration:var(--duration_1xxbc);transition-timing-function:ease-in-out}.___SCircle_1xxbc_gg_:hover{fill-opacity:.7}.___SCircle_1xxbc_gg_.__color_1xxbc_gg_{fill:var(--color_1xxbc)}.___SIntersection_1xxbc_gg_{stroke:#fff;stroke-width:2px;fill-opacity:0}.___SIntersection_1xxbc_gg_:hover{fill-opacity:.1}"
 /*__inner_css_end__*/
-, "1y13fr0_gg_")
+, "1xxbc_gg_")
 /*__reshadow_css_end__*/
 , {
-  "__SCircle": "___SCircle_1evfu_gg_",
-  "--duration": "--duration_1y13fr0",
-  "_color": "__color_1evfu_gg_",
-  "--color": "--color_1y13fr0",
-  "__SIntersection": "___SIntersection_1evfu_gg_"
+  "__SCircle": "___SCircle_1xxbc_gg_",
+  "--duration": "--duration_1xxbc",
+  "_color": "__color_1xxbc_gg_",
+  "--color": "--color_1xxbc",
+  "__SIntersection": "___SIntersection_1xxbc_gg_"
 });
 
 var VennRoot = /*#__PURE__*/function (_Component) {

package/lib/cjs/createElement.js

@@ -31,7 +31,7 @@ var _getOriginChildren = _interopRequireDefault(require("@semcore/utils/lib/getO
 
 var _hoistNonReactStatics = _interopRequireDefault(require("hoist-non-react-statics"));
 
-var _excluded = ["render", "tag", "childrenPosition", "x", "y"],
+var _excluded = ["render", "childrenPosition", "x", "y"],
     _excluded2 = ["forwardRef", "children", "Children", "x", "y"],
     _excluded3 = ["$rootProps"];
 
@@ -43,11 +43,12 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (O
 
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
+var EXCLUDE_PROPS = ['data', 'scale'];
+
 function createElementRender() {
   var Element = _react["default"].forwardRef(function ( // eslint-disable-next-line @typescript-eslint/no-unused-vars
   _ref, ref) {
     var render = _ref.render,
-        tag = _ref.tag,
         _ref$childrenPosition = _ref.childrenPosition,
         childrenPosition = _ref$childrenPosition === void 0 ? 'below' : _ref$childrenPosition,
         xS = _ref.x,
@@ -73,7 +74,6 @@ function createElementRender() {
       x: x,
       y: y
     }, source));
-    var Tag = typeof render === 'string' ? mergedProps.tag || render : render;
 
     if (typeof children === 'function') {
       var _child = mergedProps.children;
@@ -82,6 +82,8 @@ function createElementRender() {
       mergedProps.children = _child;
     }
 
+    var Tag = typeof render === 'string' ? mergedProps.tag || render : render;
+
     if (childrenPosition === 'inside') {
       mergedProps.children = children === undefined ? mergedProps.children : children;
     }
@@ -93,7 +95,7 @@ function createElementRender() {
     return [/*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, {
       key: "child-above"
     }, childrenPosition === 'above' ? children : null), /*#__PURE__*/_react["default"].createElement(Tag, (0, _extends2["default"])({}, (0, _propsForElement["default"])(_objectSpread({
-      __excludeProps: ['data', 'scale']
+      __excludeProps: EXCLUDE_PROPS
     }, mergedProps), Tag), {
       key: "element"
     })), /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, {

package/lib/cjs/createElement.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/createElement.jsx"],"names":["createElementRender","Element","React","forwardRef","ref","render","tag","childrenPosition","xS","x","yS","y","source","props","_children","children","Children","mergedProps","Tag","_child","undefined","Error","__excludeProps","elementEnhancement","init","asProps","WrapperComponent","isFunction","$rootProps","WrapComponent","ElementWithContext","Plot","CONTEXT_COMPONENT","displayName","createElement","ElementRoot","child","options","enhancements","Object","keys","forEach","n"],"mappings":"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","sourcesContent":["import React, { useContext } from 'react';\nimport createComponent, { createBaseComponent, CONTEXT_COMPONENT } from '@semcore/core';\nimport Plot from './Plot';\nimport assignProps from '@semcore/utils/lib/assignProps';\nimport { useForkRef } from '@semcore/utils/lib/ref';\nimport propsForElement from '@semcore/utils/lib/propsForElement';\nimport getOriginChildren from '@semcore/utils/lib/getOriginChildren';\nimport hoistNonReactStatics from 'hoist-non-react-statics';\n\nfunction createElementRender() {\n  const Element = React.forwardRef(function (\n    // eslint-disable-next-line @typescript-eslint/no-unused-vars\n    { render, tag, childrenPosition = 'below', x: xS, y: yS, ...source },\n    ref,\n  ) {\n    const {\n      forwardRef = null,\n      // eslint-disable-next-line @typescript-eslint/no-unused-vars\n      children: _children,\n      Children,\n      x = xS,\n      y = yS,\n      ...props\n    } = Element.props;\n    let children = getOriginChildren(Children);\n\n    let mergedProps = assignProps(\n      {\n        x: xS,\n        y: yS,\n        ...props,\n        ref: useForkRef(forwardRef, ref),\n      },\n      {\n        x,\n        y,\n        ...source,\n      },\n    );\n\n    const Tag = typeof render === 'string' ? mergedProps.tag || render : render;\n\n    if (typeof children === 'function') {\n      const _child = mergedProps.children;\n      mergedProps = assignProps(children(mergedProps), mergedProps);\n      children = mergedProps.children;\n      mergedProps.children = _child;\n    }\n\n    if (childrenPosition === 'inside') {\n      mergedProps.children = children === undefined ? mergedProps.children : children;\n    }\n\n    if (!Tag) {\n      throw new Error('Element expected render prop to be passed');\n    }\n    return [\n      <React.Fragment key=\"child-above\">\n        {childrenPosition === 'above' ? children : null}\n      </React.Fragment>,\n      <Tag\n        {...propsForElement(\n          {\n            __excludeProps: ['data', 'scale'],\n            ...mergedProps,\n          },\n          Tag,\n        )}\n        key=\"element\"\n      />,\n      <React.Fragment key=\"child-below\">\n        {childrenPosition === 'below' ? children : null}\n      </React.Fragment>,\n    ];\n  });\n\n  Element.props = {};\n  return Element;\n}\n\nfunction elementEnhancement() {\n  return {\n    init: function () {\n      this.Element = createElementRender();\n    },\n    asProps: function ({ $rootProps, ...props }, WrapperComponent, isFunction) {\n      if (isFunction) {\n        return {\n          ...$rootProps,\n          ...props,\n          Element: this.Element,\n        };\n      }\n      return {\n        ...$rootProps,\n        ...props,\n      };\n    },\n    render: function (render, props) {\n      this.Element.props = props;\n      return render;\n    },\n  };\n}\n\nfunction WrapComponent(Element) {\n  function ElementWithContext(props, ref) {\n    const { $rootProps } = useContext(Plot[CONTEXT_COMPONENT]);\n    return <Element ref={ref} $rootProps={$rootProps} {...props} />;\n  }\n\n  ElementWithContext.displayName = Element.displayName;\n\n  const WrapperComponent = createBaseComponent(ElementWithContext);\n  WrapperComponent.displayName = Element.displayName;\n\n  return hoistNonReactStatics(WrapperComponent, Element);\n}\n\nfunction createElement(ElementRoot, child = {}, options = {}) {\n  const Element = createComponent(ElementRoot, child, {\n    ...options,\n    enhancements: [elementEnhancement],\n  });\n\n  Object.keys(child).forEach((n) => {\n    Element[n] = WrapComponent(Element[n]);\n  });\n\n  return WrapComponent(Element);\n}\n\nexport default createElement;\n"],"file":"createElement.js"}
+{"version":3,"sources":["../../src/createElement.jsx"],"names":["EXCLUDE_PROPS","createElementRender","Element","React","forwardRef","ref","render","childrenPosition","xS","x","yS","y","source","props","_children","children","Children","mergedProps","_child","Tag","tag","undefined","Error","__excludeProps","elementEnhancement","init","asProps","WrapperComponent","isFunction","$rootProps","WrapComponent","ElementWithContext","Plot","CONTEXT_COMPONENT","displayName","createElement","ElementRoot","child","options","enhancements","Object","keys","forEach","n"],"mappings":"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","sourcesContent":["import React, { useContext } from 'react';\nimport createComponent, { createBaseComponent, CONTEXT_COMPONENT } from '@semcore/core';\nimport Plot from './Plot';\nimport assignProps from '@semcore/utils/lib/assignProps';\nimport { useForkRef } from '@semcore/utils/lib/ref';\nimport propsForElement from '@semcore/utils/lib/propsForElement';\nimport getOriginChildren from '@semcore/utils/lib/getOriginChildren';\nimport hoistNonReactStatics from 'hoist-non-react-statics';\n\nconst EXCLUDE_PROPS = ['data', 'scale'];\n\nfunction createElementRender() {\n  const Element = React.forwardRef(function (\n    // eslint-disable-next-line @typescript-eslint/no-unused-vars\n    { render, childrenPosition = 'below', x: xS, y: yS, ...source },\n    ref,\n  ) {\n    const {\n      forwardRef = null,\n      // eslint-disable-next-line @typescript-eslint/no-unused-vars\n      children: _children,\n      Children,\n      x = xS,\n      y = yS,\n      ...props\n    } = Element.props;\n    let children = getOriginChildren(Children);\n\n    let mergedProps = assignProps(\n      {\n        x: xS,\n        y: yS,\n        ...props,\n        ref: useForkRef(forwardRef, ref),\n      },\n      {\n        x,\n        y,\n        ...source,\n      },\n    );\n\n    if (typeof children === 'function') {\n      const _child = mergedProps.children;\n      mergedProps = assignProps(children(mergedProps), mergedProps);\n      children = mergedProps.children;\n      mergedProps.children = _child;\n    }\n\n    const Tag = typeof render === 'string' ? mergedProps.tag || render : render;\n\n    if (childrenPosition === 'inside') {\n      mergedProps.children = children === undefined ? mergedProps.children : children;\n    }\n\n    if (!Tag) {\n      throw new Error('Element expected render prop to be passed');\n    }\n    return [\n      <React.Fragment key=\"child-above\">\n        {childrenPosition === 'above' ? children : null}\n      </React.Fragment>,\n      <Tag\n        {...propsForElement(\n          {\n            __excludeProps: EXCLUDE_PROPS,\n            ...mergedProps,\n          },\n          Tag,\n        )}\n        key=\"element\"\n      />,\n      <React.Fragment key=\"child-below\">\n        {childrenPosition === 'below' ? children : null}\n      </React.Fragment>,\n    ];\n  });\n\n  Element.props = {};\n  return Element;\n}\n\nfunction elementEnhancement() {\n  return {\n    init: function () {\n      this.Element = createElementRender();\n    },\n    asProps: function ({ $rootProps, ...props }, WrapperComponent, isFunction) {\n      if (isFunction) {\n        return {\n          ...$rootProps,\n          ...props,\n          Element: this.Element,\n        };\n      }\n      return {\n        ...$rootProps,\n        ...props,\n      };\n    },\n    render: function (render, props) {\n      this.Element.props = props;\n      return render;\n    },\n  };\n}\n\nfunction WrapComponent(Element) {\n  function ElementWithContext(props, ref) {\n    const { $rootProps } = useContext(Plot[CONTEXT_COMPONENT]);\n    return <Element ref={ref} $rootProps={$rootProps} {...props} />;\n  }\n\n  ElementWithContext.displayName = Element.displayName;\n\n  const WrapperComponent = createBaseComponent(ElementWithContext);\n  WrapperComponent.displayName = Element.displayName;\n\n  return hoistNonReactStatics(WrapperComponent, Element);\n}\n\nfunction createElement(ElementRoot, child = {}, options = {}) {\n  const Element = createComponent(ElementRoot, child, {\n    ...options,\n    enhancements: [elementEnhancement],\n  });\n\n  Object.keys(child).forEach((n) => {\n    Element[n] = WrapComponent(Element[n]);\n  });\n\n  return WrapComponent(Element);\n}\n\nexport default createElement;\n"],"file":"createElement.js"}

package/lib/cjs/index.js

@@ -71,6 +71,12 @@ Object.defineProperty(exports, "RadialTree", {
     return _RadialTree["default"];
   }
 });
+Object.defineProperty(exports, "ReferenceLine", {
+  enumerable: true,
+  get: function get() {
+    return _ReferenceLine["default"];
+  }
+});
 Object.defineProperty(exports, "ResponsiveContainer", {
   enumerable: true,
   get: function get() {
@@ -164,6 +170,8 @@ var _Tooltip = _interopRequireDefault(require("./Tooltip"));
 
 var _ResponsiveContainer = _interopRequireDefault(require("./ResponsiveContainer"));
 
+var _ReferenceLine = _interopRequireDefault(require("./ReferenceLine"));
+
 var _Hover = require("./Hover");
 
 var _utils = require("./utils");

package/lib/cjs/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/index.js"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AAEA;;AAEA;;AAEA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AAEA;;AAEA;;AAEA;;AAEA;;AACA","sourcesContent":["export { default as Plot } from './Plot';\n\nexport { XAxis, YAxis } from './Axis';\n\nexport { default as Line } from './Line';\n\nexport { default as Bar } from './Bar';\nexport { default as HorizontalBar } from './HorizontalBar';\nexport { default as GroupBar } from './GroupBar';\nexport { default as StackBar } from './StackBar';\nexport { default as Area } from './Area';\nexport { default as StackedArea } from './StackedArea';\nexport { default as ScatterPlot } from './ScatterPlot';\nexport { default as Bubble } from './Bubble';\nexport { default as RadialTree } from './RadialTree';\nexport { default as Donut } from './Donut';\nexport { default as Venn } from './Venn';\n\nexport { default as Tooltip } from './Tooltip';\n\nexport { default as ResponsiveContainer } from './ResponsiveContainer';\n\nexport { HoverLine, HoverRect } from './Hover';\n\nexport { minMax } from './utils';\nexport { colors } from './color';\n"],"file":"index.js"}
+{"version":3,"sources":["../../src/index.js"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AAEA;;AAEA;;AAEA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AAEA;;AAEA;;AACA;;AAEA;;AAEA;;AACA","sourcesContent":["export { default as Plot } from './Plot';\n\nexport { XAxis, YAxis } from './Axis';\n\nexport { default as Line } from './Line';\n\nexport { default as Bar } from './Bar';\nexport { default as HorizontalBar } from './HorizontalBar';\nexport { default as GroupBar } from './GroupBar';\nexport { default as StackBar } from './StackBar';\nexport { default as Area } from './Area';\nexport { default as StackedArea } from './StackedArea';\nexport { default as ScatterPlot } from './ScatterPlot';\nexport { default as Bubble } from './Bubble';\nexport { default as RadialTree } from './RadialTree';\nexport { default as Donut } from './Donut';\nexport { default as Venn } from './Venn';\n\nexport { default as Tooltip } from './Tooltip';\n\nexport { default as ResponsiveContainer } from './ResponsiveContainer';\nexport { default as ReferenceLine } from './ReferenceLine';\n\nexport { HoverLine, HoverRect } from './Hover';\n\nexport { minMax } from './utils';\nexport { colors } from './color';\n"],"file":"index.js"}

package/lib/cjs/style/dot.shadow.css

@@ -1,20 +1,21 @@
 @import '@semcore/utils/style/var.css';
 @import '@semcore/d3-chart/src/style/var.css';
 
+SDots {
+  & SDot {
+    transition-duration: var(--duration);
+  }
+}
+
 SDot {
   stroke-width: 2px;
   stroke: #fff;
   r: 6px;
   fill: var(--blue-03);
   transition-property: cx, cy;
-  transition-duration: var(--duration);
   transition-timing-function: ease-in-out;
 }
 
-SDot[color] {
-  fill: var(--color);
-}
-
 SDot[hide] {
   display: none;
 }
@@ -22,3 +23,7 @@ SDot[hide] {
 SDot[active] {
   r: 8px;
 }
+
+SDot[color] {
+  fill: var(--color);
+}

package/lib/cjs/style/reference-line.shadow.css

@@ -0,0 +1,37 @@
+@import '@semcore/utils/style/var.css';
+
+SReferenceLine {
+  fill: none;
+  stroke: var(--gray-300);
+}
+
+STitle {
+  font-size: var(--fs-100);
+  fill: var(--gray-500);
+  transform-origin: var(--transform-origin);
+}
+
+STitle[position='top'] {
+  text-anchor: middle;
+}
+
+STitle[position='bottom'] {
+  text-anchor: middle;
+  alignment-baseline: hanging;
+}
+
+STitle[position='right'] {
+  transform: rotate(-90deg);
+  alignment-baseline: middle;
+  text-anchor: middle;
+}
+
+STitle[position='left'] {
+  transform: rotate(-90deg);
+  text-anchor: middle;
+  alignment-baseline: middle;
+}
+
+SBackground {
+  fill: color-mod(var(--gray-200) a(20%));
+}

package/lib/cjs/types/Area.d.ts

@@ -42,6 +42,7 @@ export interface IAreaNullProps extends IContext {
 declare const Area: (<T>(props: CProps<IAreaProps & T>) => ReturnEl) & {
   Dots: <T>(props: CProps<IAreaDotsProps & T, IAreaDotsContext>) => ReturnEl;
   Null: <T>(props: CProps<IAreaNullProps & T>) => ReturnEl;
+  Line: <T>(props: CProps<IContext & T>) => ReturnEl;
 };
 
 export default Area;

package/lib/cjs/types/Bar.d.ts

@@ -19,6 +19,10 @@ export interface IBarProps extends IContext {
    * @default 2
    */
   r?: number | number[];
+  /** Minimal height
+   * @default 4
+   */
+  hMin?: number;
 }
 
 export interface IBarContext {

package/lib/cjs/types/Bubble.d.ts

@@ -22,6 +22,11 @@ export interface IBubbleProps extends IContext {
   duration?: number;
 }
 
-declare const Bubble: <T>(props: CProps<IBubbleProps & T>) => ReturnEl;
+export interface IBubbleContext {
+  /** Index element of data */
+  index: number;
+}
+
+declare const Bubble: <T>(props: CProps<IBubbleProps & T, IBubbleContext>) => ReturnEl;
 
 export default Bubble;

package/lib/cjs/types/Donut.d.ts

@@ -27,6 +27,10 @@ export interface IPieProps extends IContext {
     @default #50aef4
    **/
   color?: string;
+  /**
+   * Active sector
+   * */
+  active?: boolean;
 }
 
 export interface IEmptyDataProps extends IContext {}

package/lib/cjs/types/ReferenceLine.d.ts

@@ -0,0 +1,31 @@
+import { CProps, ReturnEl } from '@semcore/core';
+import IContext from './context';
+
+export interface IReferenceLineProps extends IContext {
+  /** The position of the title relative reference line
+   * @default 'left' */
+  position?: 'top' | 'right' | 'bottom' | 'left';
+  /** Value element of data */
+  value: any;
+}
+
+export interface IReferenceLineTitleProps extends IContext {
+  /** The position of the axis relative reference line */
+  position?: 'top' | 'right' | 'bottom' | 'left';
+  /** Value element of data */
+  value: any;
+}
+
+export interface IReferenceLineBackgroundProps extends IContext {
+  /** The position of the axis relative reference line */
+  position?: 'top' | 'right' | 'bottom' | 'left';
+  /** Value element of data */
+  value: any;
+}
+
+declare const ReferenceLine: (<T>(props: CProps<IReferenceLineProps & T>) => ReturnEl) & {
+  Title: <T>(props: CProps<IReferenceLineTitleProps & T>) => ReturnEl;
+  Background: <T>(props: CProps<IReferenceLineBackgroundProps & T>) => ReturnEl;
+};
+
+export default ReferenceLine;

package/lib/cjs/types/index.d.ts

@@ -51,3 +51,6 @@ export * from './ScatterPlot';
 
 export { default as Bubble } from './Bubble';
 export * from './Bubble';
+
+export { default as ReferenceLine } from './ReferenceLine';
+export * from './ReferenceLine';

package/lib/es6/Area.js

@@ -19,24 +19,25 @@ import createElement from './createElement';
 import { definedData, scaleOfBandwidth, getNullData, definedNullData } from './utils';
 import ClipPath from './ClipPath';
 import uniqueIDEnhancement from '@semcore/utils/lib/uniqueID';
+import findComponent from '@semcore/utils/lib/findComponent';
 
 /*__reshadow-styles__:"./style/area.shadow.css"*/
 var style = (
 /*__reshadow_css_start__*/
 _sstyled.insert(
 /*__inner_css_start__*/
-".___SArea_1iyoe_gg_{fill:#2bb3ff;fill-opacity:.2}.___SArea_1iyoe_gg_.__color_1iyoe_gg_{fill:var(--color_14tehk4)}.___SAreaLine_1iyoe_gg_{stroke:#2bb3ff;stroke-width:3;fill:transparent}.___SAreaLine_1iyoe_gg_.__color_1iyoe_gg_{stroke:var(--color_14tehk4)}.___SArea_1iyoe_gg_,.___SAreaLine_1iyoe_gg_{transition-property:d;transition-duration:var(--duration_14tehk4);transition-timing-function:ease-in-out}.___SNull_1iyoe_gg_{fill:transparent;stroke:#8a8e9b;stroke-dasharray:4}.___SNull_1iyoe_gg_.__hide_1iyoe_gg_{display:none}"
+".___SArea_1s63b_gg_{fill:#2bb3ff;fill-opacity:.2}.___SArea_1s63b_gg_.__color_1s63b_gg_{fill:var(--color_1s63b)}.___SAreaLine_1s63b_gg_{stroke:#2bb3ff;stroke-width:3;fill:transparent}.___SAreaLine_1s63b_gg_.__color_1s63b_gg_{stroke:var(--color_1s63b)}.___SArea_1s63b_gg_,.___SAreaLine_1s63b_gg_{transition-property:d;transition-duration:var(--duration_1s63b);transition-timing-function:ease-in-out}.___SNull_1s63b_gg_{fill:transparent;stroke:#8a8e9b;stroke-dasharray:4}.___SNull_1s63b_gg_.__hide_1s63b_gg_{display:none}"
 /*__inner_css_end__*/
-, "14tehk4_gg_")
+, "1s63b_gg_")
 /*__reshadow_css_end__*/
 , {
-  "__SArea": "___SArea_1iyoe_gg_",
-  "_color": "__color_1iyoe_gg_",
-  "--color": "--color_14tehk4",
-  "__SAreaLine": "___SAreaLine_1iyoe_gg_",
-  "--duration": "--duration_14tehk4",
-  "__SNull": "___SNull_1iyoe_gg_",
-  "_hide": "__hide_1iyoe_gg_"
+  "__SArea": "___SArea_1s63b_gg_",
+  "_color": "__color_1s63b_gg_",
+  "--color": "--color_1s63b",
+  "__SAreaLine": "___SAreaLine_1s63b_gg_",
+  "--duration": "--duration_1s63b",
+  "__SNull": "___SNull_1s63b_gg_",
+  "_hide": "__hide_1s63b_gg_"
 });
 
 var AreaRoot = /*#__PURE__*/function (_Component) {
@@ -82,6 +83,23 @@ var AreaRoot = /*#__PURE__*/function (_Component) {
         color: color
       };
     }
+  }, {
+    key: "getLineProps",
+    value: function getLineProps() {
+      var _this$asProps3 = this.asProps,
+          duration = _this$asProps3.duration,
+          color = _this$asProps3.color,
+          data = _this$asProps3.data,
+          d3Line = _this$asProps3.d3Line,
+          uid = _this$asProps3.uid;
+      return {
+        uid: uid,
+        data: data,
+        d3: d3Line,
+        color: color,
+        duration: duration
+      };
+    }
   }, {
     key: "render",
     value: function render() {
@@ -89,17 +107,19 @@ var AreaRoot = /*#__PURE__*/function (_Component) {
 
       var SArea = this.Element;
       var SAreaLine = 'path';
-      var _this$asProps3 = this.asProps,
-          styles = _this$asProps3.styles,
-          hide = _this$asProps3.hide,
-          d3 = _this$asProps3.d3,
-          d3Line = _this$asProps3.d3Line,
-          data = _this$asProps3.data,
-          color = _this$asProps3.color,
-          uid = _this$asProps3.uid,
-          size = _this$asProps3.size,
-          duration = _this$asProps3.duration;
-      return _ref = sstyled(styles), /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(SAreaLine, _ref.cn("SAreaLine", {
+      var _this$asProps4 = this.asProps,
+          styles = _this$asProps4.styles,
+          hide = _this$asProps4.hide,
+          d3 = _this$asProps4.d3,
+          d3Line = _this$asProps4.d3Line,
+          data = _this$asProps4.data,
+          color = _this$asProps4.color,
+          uid = _this$asProps4.uid,
+          size = _this$asProps4.size,
+          duration = _this$asProps4.duration,
+          Children = _this$asProps4.Children;
+      var advanceMode = !!findComponent(Children, [Area.Line.displayName]);
+      return _ref = sstyled(styles), /*#__PURE__*/React.createElement(React.Fragment, null, !advanceMode && /*#__PURE__*/React.createElement(SAreaLine, _ref.cn("SAreaLine", {
         "clipPath": "url(#".concat(uid, ")"),
         "d": d3Line(data),
         "color": color,
@@ -134,19 +154,19 @@ _defineProperty(AreaRoot, "style", style);
 
 _defineProperty(AreaRoot, "enhance", [uniqueIDEnhancement()]);
 
-_defineProperty(AreaRoot, "defaultProps", function (_ref3) {
-  var x = _ref3.x,
-      y = _ref3.y,
-      y0 = _ref3.y0,
-      $rootProps = _ref3.$rootProps,
-      _ref3$curve = _ref3.curve,
-      curve = _ref3$curve === void 0 ? curveLinear : _ref3$curve,
-      scale = _ref3.scale;
+_defineProperty(AreaRoot, "defaultProps", function (_ref4) {
+  var x = _ref4.x,
+      y = _ref4.y,
+      y0 = _ref4.y0,
+      $rootProps = _ref4.$rootProps,
+      _ref4$curve = _ref4.curve,
+      curve = _ref4$curve === void 0 ? curveLinear : _ref4$curve,
+      scale = _ref4.scale;
 
-  var _ref4 = scale || $rootProps.scale,
-      _ref5 = _slicedToArray(_ref4, 2),
-      xScale = _ref5[0],
-      yScale = _ref5[1];
+  var _ref5 = scale || $rootProps.scale,
+      _ref6 = _slicedToArray(_ref5, 2),
+      xScale = _ref6[0],
+      yScale = _ref6[1];
 
   var yRange = yScale.range();
   return {
@@ -166,16 +186,35 @@ _defineProperty(AreaRoot, "defaultProps", function (_ref3) {
   };
 });
 
-function Null(props) {
+function Line(props) {
   var _ref2;
 
+  var SAreaLine = props.Element,
+      styles = props.styles,
+      d3 = props.d3,
+      data = props.data,
+      color = props.color,
+      duration = props.duration,
+      uid = props.uid;
+  return _ref2 = sstyled(styles), /*#__PURE__*/React.createElement(SAreaLine, _ref2.cn("SAreaLine", {
+    "render": "path",
+    "clipPath": "url(#".concat(uid, ")"),
+    "d": d3(data),
+    "color": color,
+    "use:duration": "".concat(duration, "ms")
+  }));
+}
+
+function Null(props) {
+  var _ref3;
+
   var SNull = props.Element,
       styles = props.styles,
       d3 = props.d3,
       data = props.data,
       hide = props.hide,
       color = props.color;
-  return _ref2 = sstyled(styles), /*#__PURE__*/React.createElement(SNull, _ref2.cn("SNull", {
+  return _ref3 = sstyled(styles), /*#__PURE__*/React.createElement(SNull, _ref3.cn("SNull", {
     "render": "path",
     "d": d3(data),
     "hide": hide,
@@ -183,8 +222,10 @@ function Null(props) {
   }));
 }
 
-export default createElement(AreaRoot, {
+var Area = createElement(AreaRoot, {
   Dots: Dots,
-  Null: Null
+  Null: Null,
+  Line: Line
 });
+export default Area;
 //# sourceMappingURL=Area.js.map

package/lib/es6/Area.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/Area.jsx"],"names":["React","area","curveLinear","line","Dots","Component","sstyled","createElement","definedData","scaleOfBandwidth","getNullData","definedNullData","ClipPath","uniqueIDEnhancement","AreaRoot","asProps","x","y","color","data","d3Line","d3","SArea","Element","SAreaLine","styles","hide","uid","size","duration","rect","setAttribute","style","y0","$rootProps","curve","scale","xScale","yScale","yRange","range","defined","p","y1","Null","props","SNull"],"mappings":"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","sourcesContent":["import React from 'react';\nimport { area, curveLinear, line } from 'd3-shape';\nimport Dots from './Dots';\nimport { Component, sstyled } from '@semcore/core';\nimport createElement from './createElement';\nimport { definedData, scaleOfBandwidth, getNullData, definedNullData } from './utils';\nimport ClipPath from './ClipPath';\nimport uniqueIDEnhancement from '@semcore/utils/lib/uniqueID';\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, data, d3Line } = this.asProps;\n\n    return {\n      x,\n      y,\n      data,\n      d3: d3Line,\n      color,\n    };\n  }\n\n  getNullProps() {\n    const { x, y, color, data, d3Line } = this.asProps;\n    return {\n      data: getNullData(data, definedNullData(x, y), y),\n      d3: d3Line,\n      color,\n    };\n  }\n\n  render() {\n    const SArea = this.Element;\n    const SAreaLine = 'path';\n    const { styles, hide, d3, d3Line, data, color, uid, size, duration } = this.asProps;\n    return sstyled(styles)(\n      <>\n        <SAreaLine\n          clipPath={`url(#${uid})`}\n          d={d3Line(data)}\n          color={color}\n          use:duration={`${duration}ms`}\n        />\n        <SArea\n          clipPath={`url(#${uid})`}\n          render=\"path\"\n          d={d3(data)}\n          hide={hide}\n          color={color}\n          use:duration={`${duration}ms`}\n        />\n        {duration && (\n          <ClipPath\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, color } = props;\n  return sstyled(styles)(<SNull render=\"path\" d={d3(data)} hide={hide} color={color} />);\n}\n\nexport default createElement(AreaRoot, {\n  Dots,\n  Null,\n});\n"],"file":"Area.js"}
+{"version":3,"sources":["../../src/Area.jsx"],"names":["React","area","curveLinear","line","Dots","Component","sstyled","createElement","definedData","scaleOfBandwidth","getNullData","definedNullData","ClipPath","uniqueIDEnhancement","findComponent","AreaRoot","asProps","x","y","color","data","d3Line","d3","duration","uid","SArea","Element","SAreaLine","styles","hide","size","Children","advanceMode","Area","Line","displayName","rect","setAttribute","style","y0","$rootProps","curve","scale","xScale","yScale","yRange","range","defined","p","y1","props","Null","SNull"],"mappings":"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","sourcesContent":["import React from 'react';\nimport { area, curveLinear, line } from 'd3-shape';\nimport Dots from './Dots';\nimport { Component, sstyled } from '@semcore/core';\nimport createElement from './createElement';\nimport { definedData, scaleOfBandwidth, getNullData, definedNullData } from './utils';\nimport ClipPath from './ClipPath';\nimport uniqueIDEnhancement from '@semcore/utils/lib/uniqueID';\nimport findComponent from '@semcore/utils/lib/findComponent';\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, data, d3Line } = this.asProps;\n\n    return {\n      x,\n      y,\n      data,\n      d3: d3Line,\n      color,\n    };\n  }\n\n  getNullProps() {\n    const { x, y, color, data, d3Line } = this.asProps;\n    return {\n      data: getNullData(data, definedNullData(x, y), y),\n      d3: d3Line,\n      color,\n    };\n  }\n\n  getLineProps() {\n    const { duration, color, data, d3Line, uid } = this.asProps;\n\n    return {\n      uid,\n      data,\n      d3: d3Line,\n      color,\n      duration,\n    };\n  }\n\n  render() {\n    const SArea = this.Element;\n    const SAreaLine = 'path';\n    const { styles, hide, d3, d3Line, data, color, uid, size, duration, Children } = this.asProps;\n    const advanceMode = !!findComponent(Children, [Area.Line.displayName]);\n\n    return sstyled(styles)(\n      <>\n        {!advanceMode && (\n          <SAreaLine\n            clipPath={`url(#${uid})`}\n            d={d3Line(data)}\n            color={color}\n            use:duration={`${duration}ms`}\n          />\n        )}\n        <SArea\n          clipPath={`url(#${uid})`}\n          render=\"path\"\n          d={d3(data)}\n          hide={hide}\n          color={color}\n          use:duration={`${duration}ms`}\n        />\n        {duration && (\n          <ClipPath\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 Line(props) {\n  const { Element: SAreaLine, styles, d3, data, color, duration, uid } = props;\n  return sstyled(styles)(\n    <SAreaLine\n      render=\"path\"\n      clipPath={`url(#${uid})`}\n      d={d3(data)}\n      color={color}\n      use:duration={`${duration}ms`}\n    />,\n  );\n}\n\nfunction Null(props) {\n  const { Element: SNull, styles, d3, data, hide, color } = props;\n  return sstyled(styles)(<SNull render=\"path\" d={d3(data)} hide={hide} color={color} />);\n}\n\nconst Area = createElement(AreaRoot, {\n  Dots,\n  Null,\n  Line,\n});\n\nexport default Area;\n"],"file":"Area.js"}