@semcore/d3-chart 2.9.1 → 2.10.0

package/lib/es6/Tooltip.js

@@ -7,6 +7,7 @@ import _inherits from "@babel/runtime/helpers/inherits";
 import _createSuper from "@babel/runtime/helpers/createSuper";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import { sstyled as _sstyled } from "@semcore/core";
+import { assignProps as _assignProps4 } from "@semcore/core";
 import { assignProps as _assignProps3 } from "@semcore/core";
 import { assignProps as _assignProps2 } from "@semcore/core";
 import { assignProps as _assignProps } from "@semcore/core";
@@ -25,17 +26,18 @@ var style = (
 /*__reshadow_css_start__*/
 _sstyled.insert(
 /*__inner_css_start__*/
-".___STooltip_1odd6_gg_{font-size:var(--intergalactic-fs-100, 12px);line-height:var(--intergalactic-lh-100, 133%);position:relative;background-color:var(--intergalactic-bg-primary-neutral, #ffffff);border-radius:var(--intergalactic-popper-rounded, 6px);border:1px solid var(--intergalactic-border-secondary, #e0e1e9);box-sizing:border-box;box-shadow:var(--intergalactic-box-shadow-popper, 0px 1px 12px 0px rgba(25, 27, 35, 0.15));padding:var(--intergalactic-spacing-3x, 12px)}.___STitle_1odd6_gg_{color:var(--intergalactic-text-secondary, #6c6e79);margin-bottom:var(--intergalactic-spacing-2x, 8px)}.___SDotGroup_1odd6_gg_{display:flex;align-items:center}.___SDot_1odd6_gg_{width:8px;height:8px;border-radius:50%;margin-right:var(--intergalactic-spacing-2x, 8px);background:var(--intergalactic-icon-secondary-info, #2bb3ff)}.___SDot_1odd6_gg_.__color_1odd6_gg_{background:var(--color_1odd6)}"
+".___STooltip_nhbkt_gg_{font-size:var(--intergalactic-fs-100, 12px);line-height:var(--intergalactic-lh-100, 133%);position:relative;background-color:var(--intergalactic-bg-primary-neutral, #ffffff);border-radius:var(--intergalactic-popper-rounded, 6px);border:1px solid var(--intergalactic-border-secondary, #e0e1e9);box-sizing:border-box;box-shadow:var(--intergalactic-box-shadow-popper, 0px 1px 12px 0px rgba(25, 27, 35, 0.15));padding:var(--intergalactic-spacing-3x, 12px)}.___STitle_nhbkt_gg_{color:var(--intergalactic-text-secondary, #6c6e79);margin-bottom:var(--intergalactic-spacing-2x, 8px)}.___SDotGroup_nhbkt_gg_{display:flex;align-items:center}.___SDot_nhbkt_gg_{width:8px;height:8px;border-radius:50%;margin-right:var(--intergalactic-spacing-2x, 8px);background:var(--intergalactic-icon-secondary-info, #2bb3ff)}.___SDot_nhbkt_gg_.__color_nhbkt_gg_{background:var(--color_nhbkt)}.___SFooter_nhbkt_gg_{background:var(--intergalactic-bg-secondary-neutral, #f4f5f9);padding:var(--intergalactic-spacing-1x, 4px) var(--intergalactic-spacing-3x, 12px);border-radius:0 0 var(--intergalactic-rounded-medium, 6px) var(--intergalactic-rounded-medium, 6px);margin:var(--intergalactic-spacing-3x, 12px) calc(-1*var(--intergalactic-spacing-3x, 12px)) calc(-1*var(--intergalactic-spacing-3x, 12px))}"
 /*__inner_css_end__*/
-, "1odd6_gg_")
+, "nhbkt_gg_")
 /*__reshadow_css_end__*/
 , {
-  "__STooltip": "___STooltip_1odd6_gg_",
-  "__STitle": "___STitle_1odd6_gg_",
-  "__SDotGroup": "___SDotGroup_1odd6_gg_",
-  "__SDot": "___SDot_1odd6_gg_",
-  "_color": "__color_1odd6_gg_",
-  "--color": "--color_1odd6"
+  "__STooltip": "___STooltip_nhbkt_gg_",
+  "__STitle": "___STitle_nhbkt_gg_",
+  "__SDotGroup": "___SDotGroup_nhbkt_gg_",
+  "__SDot": "___SDot_nhbkt_gg_",
+  "_color": "__color_nhbkt_gg_",
+  "--color": "--color_nhbkt",
+  "__SFooter": "___SFooter_nhbkt_gg_"
 });
 
 var TooltipRoot = /*#__PURE__*/function (_Component) {
@@ -132,11 +134,11 @@ var TooltipRoot = /*#__PURE__*/function (_Component) {
         "flip": {
           allowedAutoPlacements: ['left', 'right']
         }
-      }, _ref), function (_ref7) {
+      }, _ref), function (_ref9) {
         var _this3$popper$current;
 
-        var popper = _ref7.popper,
-            setTrigger = _ref7.setTrigger;
+        var popper = _ref9.popper,
+            setTrigger = _ref9.setTrigger;
         _this3.setPopperTrigger = setTrigger;
         _this3.popper = popper;
         (_this3$popper$current = _this3.popper.current) === null || _this3$popper$current === void 0 ? void 0 : _this3$popper$current.update();
@@ -155,7 +157,7 @@ _defineProperty(TooltipRoot, "displayName", 'Tooltip');
 _defineProperty(TooltipRoot, "style", style);
 
 function PopperPopper(props) {
-  var _ref4;
+  var _ref5;
 
   var STooltip = props.Element,
       styles = props.styles,
@@ -166,7 +168,7 @@ function PopperPopper(props) {
     return false;
   }, []);
   if (!$visible) return null;
-  return _ref4 = sstyled(styles), /*#__PURE__*/React.createElement(STooltip, _ref4.cn("STooltip", {
+  return _ref5 = sstyled(styles), /*#__PURE__*/React.createElement(STooltip, _ref5.cn("STooltip", {
     "render": Popper.Popper,
     "childrenPosition": "inside",
     "onMouseMove": handlerCancel,
@@ -177,33 +179,40 @@ function PopperPopper(props) {
 
 function Title(props) {
   var _ref2 = arguments[0],
-      _ref5;
+      _ref6;
 
   var STitle = Box;
   var styles = props.styles;
-  return _ref5 = sstyled(styles), /*#__PURE__*/React.createElement(STitle, _ref5.cn("STitle", _objectSpread({}, _assignProps2({
+  return _ref6 = sstyled(styles), /*#__PURE__*/React.createElement(STitle, _ref6.cn("STitle", _objectSpread({}, _assignProps2({
     "__excludeProps": ['data', 'scale']
   }, _ref2))));
 }
 
 function Dot(props) {
   var _ref3 = arguments[0],
-      _ref6;
+      _ref7;
 
   var styles = props.styles,
       color = props.color,
       Children = props.Children;
   var SDotGroup = Box;
   var SDot = Box;
-  return _ref6 = sstyled(styles), /*#__PURE__*/React.createElement(SDotGroup, _ref6.cn("SDotGroup", _objectSpread({}, _assignProps3({
+  return _ref7 = sstyled(styles), /*#__PURE__*/React.createElement(SDotGroup, _ref7.cn("SDotGroup", _objectSpread({}, _assignProps3({
     "__excludeProps": ['data', 'scale']
-  }, _ref3))), /*#__PURE__*/React.createElement(SDot, _ref6.cn("SDot", {
+  }, _ref3))), /*#__PURE__*/React.createElement(SDot, _ref7.cn("SDot", {
     "color": resolveColor(color)
-  })), /*#__PURE__*/React.createElement(Children, _ref6.cn("Children", {})));
+  })), /*#__PURE__*/React.createElement(Children, _ref7.cn("Children", {})));
 }
 
-function Footer() {
-  return null;
+function Footer(props) {
+  var _ref4 = arguments[0],
+      _ref8;
+
+  var styles = props.styles;
+  var SFooter = Box;
+  return _ref8 = sstyled(styles), /*#__PURE__*/React.createElement(SFooter, _ref8.cn("SFooter", _objectSpread({}, _assignProps4({
+    "__excludeProps": ['data', 'scale']
+  }, _ref4))));
 }
 
 var Tooltip = createElement(TooltipRoot, {

package/lib/es6/Tooltip.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tooltip.js","names":["React","useCallback","Component","Root","sstyled","Popper","Box","findComponent","resolveColor","createElement","CONSTANT","TooltipRoot","$visible","asProps","x","y","state","eventEmitter","rootRef","unsubscribeTooltipVisible","subscribe","visible","data","node","setState","VIRTUAL_ELEMENT","current","contains","setPopperTrigger","popper","update","Children","children","tag","other","advanceMode","Tooltip","Trigger","displayName","handlerCancel","allowedAutoPlacements","setTrigger","style","PopperPopper","props","STooltip","Element","styles","Title","STitle","Dot","color","SDotGroup","SDot","Footer"],"sources":["../../src/Tooltip.jsx"],"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 resolveColor from '@semcore/utils/lib/color';\nimport createElement from './createElement';\nimport { CONSTANT } from './utils';\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"],"mappings":"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"}
+{"version":3,"file":"Tooltip.js","names":["React","useCallback","Component","Root","sstyled","Popper","Box","findComponent","resolveColor","createElement","CONSTANT","TooltipRoot","$visible","asProps","x","y","state","eventEmitter","rootRef","unsubscribeTooltipVisible","subscribe","visible","data","node","setState","VIRTUAL_ELEMENT","current","contains","setPopperTrigger","popper","update","Children","children","tag","other","advanceMode","Tooltip","Trigger","displayName","handlerCancel","allowedAutoPlacements","setTrigger","style","PopperPopper","props","STooltip","Element","styles","Title","STitle","Dot","color","SDotGroup","SDot","Footer","SFooter"],"sources":["../../src/Tooltip.jsx"],"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 resolveColor from '@semcore/utils/lib/color';\nimport createElement from './createElement';\nimport { CONSTANT } from './utils';\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(props) {\n  const { styles } = props;\n  const SFooter = Root;\n  return sstyled(styles)(\n    <SFooter render={Box} __excludeProps={['data', 'scale']}/>,\n  );\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"],"mappings":"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"}

package/lib/es6/Venn.js

@@ -20,17 +20,17 @@ var style = (
 /*__reshadow_css_start__*/
 _sstyled.insert(
 /*__inner_css_start__*/
-".___SCircle_3ynuf_gg_,.___SIntersection_3ynuf_gg_{stroke:var(--intergalactic-chart-grid-border, #ffffff);stroke-width:2px}.___SCircle_3ynuf_gg_{fill:var(--intergalactic-chart-palette-order-2, #59ddaa);fill-opacity:.5;transition-property:cx,cy;transition-duration:var(--duration_3ynuf);transition-timing-function:ease-in-out}@media (hover:hover){.___SCircle_3ynuf_gg_:hover{fill-opacity:.7}}.___SCircle_3ynuf_gg_.__color_3ynuf_gg_{fill:var(--color_3ynuf)}.___SCircle_3ynuf_gg_.__transparent_3ynuf_gg_{opacity:.3}.___SIntersection_3ynuf_gg_{fill-opacity:0}@media (hover:hover){.___SIntersection_3ynuf_gg_:hover{fill-opacity:.1}}.___SIntersection_3ynuf_gg_.__transparent_3ynuf_gg_{opacity:.3}"
+".___SCircle_p5fft_gg_,.___SIntersection_p5fft_gg_{stroke:var(--intergalactic-chart-grid-border, #ffffff);stroke-width:2px}.___SCircle_p5fft_gg_{fill:var(--intergalactic-chart-palette-order-2, #59ddaa);fill-opacity:.5;transition-property:cx,cy;transition-duration:var(--duration_p5fft);transition-timing-function:ease-in-out}@media (hover:hover){.___SCircle_p5fft_gg_:hover{fill-opacity:.7}}.___SCircle_p5fft_gg_.__color_p5fft_gg_{fill:var(--color_p5fft)}.___SCircle_p5fft_gg_.__transparent_p5fft_gg_{opacity:.3}.___SIntersection_p5fft_gg_{fill-opacity:0}@media (hover:hover){.___SIntersection_p5fft_gg_:hover{fill-opacity:.1}}.___SIntersection_p5fft_gg_.__transparent_p5fft_gg_{opacity:.3}"
 /*__inner_css_end__*/
-, "3ynuf_gg_")
+, "p5fft_gg_")
 /*__reshadow_css_end__*/
 , {
-  "__SCircle": "___SCircle_3ynuf_gg_",
-  "--duration": "--duration_3ynuf",
-  "_color": "__color_3ynuf_gg_",
-  "--color": "--color_3ynuf",
-  "_transparent": "__transparent_3ynuf_gg_",
-  "__SIntersection": "___SIntersection_3ynuf_gg_"
+  "__SCircle": "___SCircle_p5fft_gg_",
+  "--duration": "--duration_p5fft",
+  "_color": "__color_p5fft_gg_",
+  "--color": "--color_p5fft",
+  "_transparent": "__transparent_p5fft_gg_",
+  "__SIntersection": "___SIntersection_p5fft_gg_"
 });
 
 var VennRoot = /*#__PURE__*/function (_Component) {

package/lib/es6/a11y/PlotA11yModule.js

@@ -15,12 +15,12 @@ var styles = (
 /*__reshadow_css_start__*/
 _sstyled.insert(
 /*__inner_css_start__*/
-".___SPlotA11yModule_zv9hg_gg_{-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none;opacity:0}.___SPlotA11yModule_zv9hg_gg_:focus{-webkit-user-select:all;-moz-user-select:all;user-select:all;pointer-events:all;opacity:1}"
+".___SPlotA11yModule_2neda_gg_{-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none;opacity:0}.___SPlotA11yModule_2neda_gg_:focus{-webkit-user-select:all;-moz-user-select:all;user-select:all;pointer-events:all;opacity:1}"
 /*__inner_css_end__*/
-, "zv9hg_gg_")
+, "2neda_gg_")
 /*__reshadow_css_end__*/
 , {
-  "__SPlotA11yModule": "___SPlotA11yModule_zv9hg_gg_"
+  "__SPlotA11yModule": "___SPlotA11yModule_2neda_gg_"
 });
 import { Context as I18nContext, useI18n } from '@semcore/utils/lib/enhances/WithI18n';
 import { Box } from '@semcore/flex-box';

package/lib/es6/a11y/PlotA11yView.js

@@ -17,13 +17,13 @@ var styles = (
 /*__reshadow_css_start__*/
 _sstyled.insert(
 /*__inner_css_start__*/
-".___SPlotA11yView_1uicj_gg_{-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none;opacity:0;background-color:var(--intergalactic-bg-primary-neutral, #ffffff);color:var(--intergalactic-text-primary, #191b23);border:3px solid var(--intergalactic-border-primary, #c4c7cf);font-size:var(--intergalactic-fs-50, 10px);padding:2px;width:200px;height:200px;max-width:80%;max-height:80%;overflow:auto}.___SPlotA11yView_1uicj_gg_.__focus-within_1uicj_gg_,.___SPlotA11yView_1uicj_gg_:focus{-webkit-user-select:all;-moz-user-select:all;user-select:all;pointer-events:all;opacity:1;z-index:var(--intergalactic-z-index-overlay, 500);position:relative;display:block}.___SPlotA11yView_1uicj_gg_:focus,.___SPlotA11yView_1uicj_gg_:focus-within{-webkit-user-select:all;-moz-user-select:all;user-select:all;pointer-events:all;opacity:1;z-index:var(--intergalactic-z-index-overlay, 500);position:relative;display:block}.___SPlotA11yView_1uicj_gg_ a{cursor:pointer;text-decoration:underline;margin-bottom:var(--intergalactic-spacing-2x, 8px);display:block}.___SPlotA11yView_1uicj_gg_ table,.___SPlotA11yView_1uicj_gg_ td,.___SPlotA11yView_1uicj_gg_ th{border:1px solid var(--intergalactic-border-primary, #c4c7cf)}"
+".___SPlotA11yView_ul8vf_gg_{-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none;opacity:0;background-color:var(--intergalactic-bg-primary-neutral, #ffffff);color:var(--intergalactic-text-primary, #191b23);border:3px solid var(--intergalactic-border-primary, #c4c7cf);font-size:var(--intergalactic-fs-50, 10px);padding:2px;width:200px;height:200px;max-width:80%;max-height:80%;overflow:auto}.___SPlotA11yView_ul8vf_gg_.__focus-within_ul8vf_gg_,.___SPlotA11yView_ul8vf_gg_:focus{-webkit-user-select:all;-moz-user-select:all;user-select:all;pointer-events:all;opacity:1;z-index:var(--intergalactic-z-index-overlay, 500);position:relative;display:block}.___SPlotA11yView_ul8vf_gg_:focus,.___SPlotA11yView_ul8vf_gg_:focus-within{-webkit-user-select:all;-moz-user-select:all;user-select:all;pointer-events:all;opacity:1;z-index:var(--intergalactic-z-index-overlay, 500);position:relative;display:block}.___SPlotA11yView_ul8vf_gg_ a{cursor:pointer;text-decoration:underline;margin-bottom:var(--intergalactic-spacing-2x, 8px);display:block}.___SPlotA11yView_ul8vf_gg_ table,.___SPlotA11yView_ul8vf_gg_ td,.___SPlotA11yView_ul8vf_gg_ th{border:1px solid var(--intergalactic-border-primary, #c4c7cf)}"
 /*__inner_css_end__*/
-, "1uicj_gg_")
+, "ul8vf_gg_")
 /*__reshadow_css_end__*/
 , {
-  "__SPlotA11yView": "___SPlotA11yView_1uicj_gg_",
-  "_focus-within": "__focus-within_1uicj_gg_"
+  "__SPlotA11yView": "___SPlotA11yView_ul8vf_gg_",
+  "_focus-within": "__focus-within_ul8vf_gg_"
 });
 import { Box } from '@semcore/flex-box';
 import { useAsyncI18nMessages } from '@semcore/utils/lib/enhances/i18nEnhance';

package/lib/es6/style/tooltip.shadow.css

@@ -33,3 +33,12 @@ SDot {
 SDot[color] {
   background: var(--color);
 }
+
+SFooter {
+  background: var(--intergalactic-bg-secondary-neutral, #f4f5f9);
+  padding: var(--intergalactic-spacing-1x, 4px) var(--intergalactic-spacing-3x, 12px);
+  border-radius: 0 0 var(--intergalactic-rounded-medium, 6px)
+    var(--intergalactic-rounded-medium, 6px);
+  margin: var(--intergalactic-spacing-3x, 12px) calc(-1 * var(--intergalactic-spacing-3x, 12px))
+    calc(-1 * var(--intergalactic-spacing-3x, 12px));
+}

package/lib/es6/types/Tooltip.d.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tooltip.d.js","names":[],"sources":["../../../src/types/Tooltip.d.ts"],"sourcesContent":["import { ComponentProps } from 'react';\nimport Popper, { IPopperProps, IPopperTriggerProps } from '@semcore/popper';\nimport { PropGetterFn, ReturnEl } from '@semcore/core';\nimport { MapProps } from './Plot';\nimport { IBoxProps } from '@semcore/flex-box';\nimport IContext from './context';\n\nexport interface ITooltipChartProps extends IPopperProps, IPopperTriggerProps, IContext {\n  /** Field from data for XAxis */\n  x?: string;\n  /** Field from data for YAxis */\n  y?: string;\n}\n\nexport interface ITooltipChartContext {\n  getTriggerProps: PropGetterFn;\n  getPopperProps: PropGetterFn;\n  /** Index active value for Axis x */\n  xIndex: number | null;\n  /** Index active value for Axis y */\n  yIndex: number | null;\n}\n\ndeclare const Tooltip: (<T>(\n  props: MapProps<ITooltipChartProps & T, ITooltipChartContext>,\n) => ReturnEl) & {\n  Trigger: <T>(props: MapProps<ComponentProps<typeof Popper.Trigger> & T>) => ReturnEl;\n  Popper: <T>(props: MapProps<ComponentProps<typeof Popper.Popper> & T>) => ReturnEl;\n  Title: <T>(props: MapProps<IBoxProps & T>) => ReturnEl;\n  Dot: <T>(props: MapProps<IBoxProps & { color?: string } & T>) => ReturnEl;\n  Footer: <T>(props: MapProps<T>) => null;\n};\n\nexport default Tooltip;\n"],"mappings":""}
+{"version":3,"file":"Tooltip.d.js","names":[],"sources":["../../../src/types/Tooltip.d.ts"],"sourcesContent":["import { ComponentProps } from 'react';\nimport Popper, { IPopperProps, IPopperTriggerProps } from '@semcore/popper';\nimport { PropGetterFn, ReturnEl } from '@semcore/core';\nimport { MapProps } from './Plot';\nimport { IBoxProps } from '@semcore/flex-box';\nimport IContext from './context';\n\nexport interface ITooltipChartProps extends IPopperProps, IPopperTriggerProps, IContext {\n  /** Field from data for XAxis */\n  x?: string;\n  /** Field from data for YAxis */\n  y?: string;\n}\n\nexport interface ITooltipChartContext {\n  getTriggerProps: PropGetterFn;\n  getPopperProps: PropGetterFn;\n  /** Index active value for Axis x */\n  xIndex: number | null;\n  /** Index active value for Axis y */\n  yIndex: number | null;\n}\n\ndeclare const Tooltip: (<T>(\n  props: MapProps<ITooltipChartProps & T, ITooltipChartContext>,\n) => ReturnEl) & {\n  Trigger: <T>(props: MapProps<ComponentProps<typeof Popper.Trigger> & T>) => ReturnEl;\n  Popper: <T>(props: MapProps<ComponentProps<typeof Popper.Popper> & T>) => ReturnEl;\n  Title: <T>(props: MapProps<IBoxProps & T>) => ReturnEl;\n  Dot: <T>(props: MapProps<IBoxProps & { color?: string } & T>) => ReturnEl;\n  Footer: <T>(props: MapProps<IBoxProps & T>) => ReturnEl;\n};\n\nexport default Tooltip;\n"],"mappings":""}

package/lib/types/Tooltip.d.ts

@@ -28,7 +28,7 @@ declare const Tooltip: (<T>(
   Popper: <T>(props: MapProps<ComponentProps<typeof Popper.Popper> & T>) => ReturnEl;
   Title: <T>(props: MapProps<IBoxProps & T>) => ReturnEl;
   Dot: <T>(props: MapProps<IBoxProps & { color?: string } & T>) => ReturnEl;
-  Footer: <T>(props: MapProps<T>) => null;
+  Footer: <T>(props: MapProps<IBoxProps & T>) => ReturnEl;
 };
 
 export default Tooltip;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@semcore/d3-chart",
   "description": "Semrush D3 Chart Component",
-  "version": "2.9.1",
+  "version": "2.10.0",
   "main": "lib/cjs/index.js",
   "module": "lib/es6/index.js",
   "typings": "lib/types/index.d.ts",