@semcore/d3-chart 16.5.0 → 17.0.0-prerelease.8

package/lib/es6/Plot.js

@@ -1,157 +1,131 @@
-import _objectSpread from "@babel/runtime/helpers/objectSpread2";
-import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-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 _defineProperty from "@babel/runtime/helpers/defineProperty";
 import { sstyled as _sstyled } from "@semcore/core";
 import { assignProps as _assignProps } from "@semcore/core";
+import { Box } from '@semcore/base-components';
 import { createComponent, Component, Root, sstyled } from '@semcore/core';
 import i18nEnhance from '@semcore/core/lib/utils/enhances/i18nEnhance';
-import keyboardFocusEnhance from '@semcore/core/lib/utils/enhances/keyboardFocusEnhance';
 import colorResolverEnhance from '@semcore/core/lib/utils/enhances/resolveColorEnhance';
 import EventEmitter from '@semcore/core/lib/utils/eventEmitter';
-import { Box } from '@semcore/flex-box';
 import React from 'react';
 import { makeDataHintsHandlers, makeDataHintsContainer } from './a11y/hints';
 import { PlotA11yModule } from './a11y/PlotA11yModule';
 /*!__reshadow-styles__:"./style/plot.shadow.css"*/
-var style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SPlot_1kb8p_gg_{overflow:hidden}.___SPlot_1kb8p_gg_:focus{outline:0}.___SPlot_1kb8p_gg_:active{outline:0;-webkit-text-decoration:none;text-decoration:none}foreignObject[data-aria-only]{pointer-events:none}.___SPlot_1kb8p_gg_.__keyboardFocused_1kb8p_gg_{outline-color:var(--intergalactic-keyboard-focus-outline, #008ff8);outline-style:solid;outline-width:2px;outline-offset:2px;transition-duration:calc(var(--intergalactic-duration-extra-fast, 100)*1ms);transition-timing-function:ease-in-out;transition-property:outline-color,outline-width,outline-offset;border-radius:var(--intergalactic-surface-rounded, 6px)}", /*__inner_css_end__*/"1kb8p_gg_"),
+const style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SPlot_desqn_gg_{overflow:hidden}.___SPlot_desqn_gg_:focus{outline:0}.___SPlot_desqn_gg_:active{outline:0;-webkit-text-decoration:none;text-decoration:none}foreignObject[data-aria-only]{pointer-events:none}.___SPlot_desqn_gg_:has(foreignObject[data-aria-only]:focus-within){outline-color:var(--intergalactic-keyboard-focus-outline, #008ff8);outline-style:solid;outline-width:2px;outline-offset:2px;transition-duration:calc(var(--intergalactic-duration-extra-fast, 100)*1ms);transition-timing-function:ease-in-out;transition-property:outline-color,outline-width,outline-offset;border-radius:var(--intergalactic-surface-rounded, 6px)}", /*__inner_css_end__*/"desqn_gg_"),
 /*__reshadow_css_end__*/
 {
-  "__SPlot": "___SPlot_1kb8p_gg_",
-  "_keyboardFocused": "__keyboardFocused_1kb8p_gg_"
+  "__SPlot": "___SPlot_desqn_gg_"
 });
 import { localizedMessages } from './translations/__intergalactic-dynamic-locales';
 import { eventToPoint, uniqueId } from './utils';
-var PlotRoot = /*#__PURE__*/function (_Component) {
-  function PlotRoot(props) {
-    var _this;
-    _classCallCheck(this, PlotRoot);
-    _this = _callSuper(this, PlotRoot, [props]);
-    _defineProperty(_this, "plotId", uniqueId());
-    _defineProperty(_this, "rootRef", /*#__PURE__*/React.createRef());
-    _defineProperty(_this, "dataStructureHints", _this.props.dataHints || makeDataHintsContainer());
-    _defineProperty(_this, "dataHintsHandler", makeDataHintsHandlers(_this.dataStructureHints));
-    _defineProperty(_this, "handlerMouseMove", function (e) {
-      var scale = _this.asProps.scale;
-      _this.eventEmitter.emit('onMouseMoveRoot', e);
+class PlotRoot extends Component {
+  constructor(props) {
+    super(props);
+    _defineProperty(this, "plotId", uniqueId());
+    _defineProperty(this, "rootRef", /*#__PURE__*/React.createRef());
+    _defineProperty(this, "dataStructureHints", this.props.dataHints || makeDataHintsContainer());
+    _defineProperty(this, "dataHintsHandler", makeDataHintsHandlers(this.dataStructureHints));
+    _defineProperty(this, "handlerMouseMove", e => {
+      const {
+        scale
+      } = this.asProps;
+      this.eventEmitter.emit('onMouseMoveRoot', e);
       if (scale && scale.length >= 2) {
-        var _scale = _slicedToArray(scale, 2),
-          xScale = _scale[0],
-          yScale = _scale[1];
-        var _eventToPoint = eventToPoint(e, _this.rootRef.current),
-          _eventToPoint2 = _slicedToArray(_eventToPoint, 2),
-          pX = _eventToPoint2[0],
-          pY = _eventToPoint2[1];
-        var _xScale$range = xScale.range(),
-          _xScale$range2 = _slicedToArray(_xScale$range, 2),
-          minX = _xScale$range2[0],
-          maxX = _xScale$range2[1];
-        var _yScale$range = yScale.range(),
-          _yScale$range2 = _slicedToArray(_yScale$range, 2),
-          maxY = _yScale$range2[0],
-          minY = _yScale$range2[1];
+        const [xScale, yScale] = scale;
+        const [pX, pY] = eventToPoint(e, this.rootRef.current);
+        const [minX, maxX] = xScale.range();
+        const [maxY, minY] = yScale.range();
         if (pX >= minX && pX <= maxX && pY >= minY && pY <= maxY) {
-          _this.eventEmitter.emit('onMouseMoveChart', e, _this.rootRef.current);
+          this.eventEmitter.emit('onMouseMoveChart', e, this.rootRef.current);
         } else {
-          _this.eventEmitter.emit('onMouseLeaveChart', e);
+          this.eventEmitter.emit('onMouseLeaveChart', e);
         }
       }
     });
-    _defineProperty(_this, "handlerMouseLeave", function (e) {
-      _this.eventEmitter.emit('onMouseLeaveRoot', e);
-      _this.eventEmitter.emit('onMouseLeaveChart', e);
+    _defineProperty(this, "handlerMouseLeave", e => {
+      this.eventEmitter.emit('onMouseLeaveRoot', e);
+      this.eventEmitter.emit('onMouseLeaveChart', e);
     });
-    _this.eventEmitter = props.eventEmitter || new EventEmitter();
-    return _this;
+    this.eventEmitter = props.eventEmitter || new EventEmitter();
   }
-  _inherits(PlotRoot, _Component);
-  return _createClass(PlotRoot, [{
-    key: "setContext",
-    value: function setContext() {
-      var _scale$, _scale$$domain;
-      var _this$asProps = this.asProps,
-        scale = _this$asProps.scale,
-        data = _this$asProps.data,
-        width = _this$asProps.width,
-        height = _this$asProps.height,
-        locale = _this$asProps.locale,
-        resolveColor = _this$asProps.resolveColor,
-        patterns = _this$asProps.patterns,
-        duration = _this$asProps.duration;
-      var yScaleDomain = scale === null || scale === void 0 || (_scale$ = scale[1]) === null || _scale$ === void 0 || (_scale$$domain = _scale$.domain) === null || _scale$$domain === void 0 ? void 0 : _scale$$domain.call(_scale$);
-      if (yScaleDomain !== null && yScaleDomain !== void 0 && yScaleDomain.length && data !== null && data !== void 0 && data.length) {
-        this.dataHintsHandler.setPointsDensity(data.length / width, Math.abs(yScaleDomain[1] - yScaleDomain[0]) / height);
-      }
-      return {
-        $rootProps: {
-          size: [width, height],
-          data: data,
-          locale: locale,
-          scale: scale,
-          eventEmitter: this.eventEmitter,
-          rootRef: this.rootRef,
-          dataHintsHandler: this.dataHintsHandler,
-          resolveColor: resolveColor,
-          patterns: patterns,
-          duration: duration,
-          plotId: this.plotId
-        }
-      };
+  setContext() {
+    const {
+      scale,
+      data,
+      width,
+      height,
+      locale,
+      resolveColor,
+      patterns,
+      duration
+    } = this.asProps;
+    const yScaleDomain = scale?.[1]?.domain?.();
+    if (yScaleDomain?.length && data?.length) {
+      this.dataHintsHandler.setPointsDensity(data.length / width, Math.abs(yScaleDomain[1] - yScaleDomain[0]) / height);
     }
-  }, {
-    key: "render",
-    value: function render() {
-      var _ref = this.asProps,
-        _ref2;
-      var SPlot = Box;
-      var _this$asProps2 = this.asProps,
-        styles = _this$asProps2.styles,
-        width = _this$asProps2.width,
-        height = _this$asProps2.height,
-        Children = _this$asProps2.Children,
-        data = _this$asProps2.data,
-        a11yAltTextConfig = _this$asProps2.a11yAltTextConfig,
-        label = _this$asProps2.label,
-        locale = _this$asProps2.locale,
-        getI18nText = _this$asProps2.getI18nText;
-      if (!width || !height) return null;
-      var ariaLabel = label !== null && label !== void 0 ? label : getI18nText('d3Chart.Plot:aria-label');
-      return _ref2 = sstyled(styles), /*#__PURE__*/React.createElement(SPlot, _ref2.cn("SPlot", _objectSpread({}, _assignProps({
+    return {
+      $rootProps: {
+        size: [width, height],
+        data: data,
+        locale,
+        scale: scale,
+        eventEmitter: this.eventEmitter,
+        rootRef: this.rootRef,
+        dataHintsHandler: this.dataHintsHandler,
+        resolveColor,
+        patterns,
+        duration,
+        plotId: this.plotId
+      }
+    };
+  }
+  render() {
+    var _ref = this.asProps,
+      _ref2;
+    const SPlot = Box;
+    const {
+      styles,
+      width,
+      height,
+      Children,
+      data,
+      a11yAltTextConfig,
+      label,
+      locale,
+      getI18nText
+    } = this.asProps;
+    if (!width || !height) return null;
+    const ariaLabel = label ?? getI18nText('d3Chart.Plot:aria-label');
+    return _ref2 = sstyled(styles), /*#__PURE__*/React.createElement(SPlot, _ref2.cn("SPlot", {
+      ..._assignProps({
         "tag": 'svg',
         "__excludeProps": ['data', 'scale'],
         "ref": this.rootRef,
         "onMouseMove": this.handlerMouseMove,
         "onMouseLeave": this.handlerMouseLeave,
         "aria-label": ariaLabel,
-        "tabIndex": 0,
         "data-plot-id": this.plotId
-      }, _ref))), /*#__PURE__*/React.createElement(Children, _ref2.cn("Children", {})), /*#__PURE__*/React.createElement("foreignObject", _ref2.cn("foreignObject", {
-        "width": '100%',
-        "height": '100%',
-        "data-aria-only": true
-      }), /*#__PURE__*/React.createElement(PlotA11yModule, _ref2.cn("PlotA11yModule", {
-        "id": this.plotId,
-        "data": data,
-        "plotLabel": label,
-        "locale": locale,
-        "plotRef": this.rootRef,
-        "hints": this.dataStructureHints,
-        "config": a11yAltTextConfig
-      }))));
-    }
-  }]);
-}(Component);
+      }, _ref)
+    }), /*#__PURE__*/React.createElement(Children, _ref2.cn("Children", {})), /*#__PURE__*/React.createElement("foreignObject", _ref2.cn("foreignObject", {
+      "width": '100%',
+      "height": '100%',
+      "data-aria-only": true
+    }), /*#__PURE__*/React.createElement(PlotA11yModule, _ref2.cn("PlotA11yModule", {
+      "id": this.plotId,
+      "payload": data,
+      "plotLabel": label,
+      "locale": locale,
+      "plotRef": this.rootRef,
+      "hints": this.dataStructureHints,
+      "config": a11yAltTextConfig
+    }))));
+  }
+}
 _defineProperty(PlotRoot, "displayName", 'Plot');
 _defineProperty(PlotRoot, "style", style);
-_defineProperty(PlotRoot, "defaultProps", function () {
-  return {
-    width: 0,
-    height: 0
-  };
-});
-_defineProperty(PlotRoot, "enhance", [keyboardFocusEnhance(), colorResolverEnhance(), i18nEnhance(localizedMessages)]);
+_defineProperty(PlotRoot, "defaultProps", () => ({
+  width: 0,
+  height: 0
+}));
+_defineProperty(PlotRoot, "enhance", [colorResolverEnhance(), i18nEnhance(localizedMessages)]);
 export default createComponent(PlotRoot);
 //# sourceMappingURL=Plot.js.map

package/lib/es6/Plot.js.map

@@ -1 +1 @@
-{"version":3,"file":"Plot.js","names":["createComponent","Component","Root","sstyled","i18nEnhance","keyboardFocusEnhance","colorResolverEnhance","EventEmitter","Box","React","makeDataHintsHandlers","makeDataHintsContainer","PlotA11yModule","style","_sstyled","insert","localizedMessages","eventToPoint","uniqueId","PlotRoot","_Component","props","_this","_classCallCheck","_callSuper","_defineProperty","createRef","dataHints","dataStructureHints","e","scale","asProps","eventEmitter","emit","length","_scale","_slicedToArray","xScale","yScale","_eventToPoint","rootRef","current","_eventToPoint2","pX","pY","_xScale$range","range","_xScale$range2","minX","maxX","_yScale$range","_yScale$range2","maxY","minY","_inherits","_createClass","key","value","setContext","_scale$","_scale$$domain","_this$asProps","data","width","height","locale","resolveColor","patterns","duration","yScaleDomain","domain","call","dataHintsHandler","setPointsDensity","Math","abs","$rootProps","size","plotId","render","_ref","_ref2","SPlot","_this$asProps2","styles","Children","a11yAltTextConfig","label","getI18nText","ariaLabel","createElement","cn","_objectSpread","_assignProps","handlerMouseMove","handlerMouseLeave"],"sources":["../../src/Plot.jsx"],"sourcesContent":["import { createComponent, Component, Root, sstyled } from '@semcore/core';\nimport i18nEnhance from '@semcore/core/lib/utils/enhances/i18nEnhance';\nimport keyboardFocusEnhance from '@semcore/core/lib/utils/enhances/keyboardFocusEnhance';\nimport colorResolverEnhance from '@semcore/core/lib/utils/enhances/resolveColorEnhance';\nimport EventEmitter from '@semcore/core/lib/utils/eventEmitter';\nimport { Box } from '@semcore/flex-box';\nimport React from 'react';\n\nimport { makeDataHintsHandlers, makeDataHintsContainer } from './a11y/hints';\nimport { PlotA11yModule } from './a11y/PlotA11yModule';\nimport style from './style/plot.shadow.css';\nimport { localizedMessages } from './translations/__intergalactic-dynamic-locales';\nimport { eventToPoint, uniqueId } from './utils';\n\nclass PlotRoot extends Component {\n  static displayName = 'Plot';\n  static style = style;\n\n  constructor(props) {\n    super(props);\n    this.eventEmitter = props.eventEmitter || new EventEmitter();\n  }\n\n  static defaultProps = () => ({\n    width: 0,\n    height: 0,\n  });\n\n  static enhance = [keyboardFocusEnhance(), colorResolverEnhance(), i18nEnhance(localizedMessages)];\n\n  plotId = uniqueId();\n\n  rootRef = React.createRef();\n\n  dataStructureHints = this.props.dataHints || makeDataHintsContainer();\n  dataHintsHandler = makeDataHintsHandlers(this.dataStructureHints);\n\n  handlerMouseMove = (e) => {\n    const { scale } = this.asProps;\n    this.eventEmitter.emit('onMouseMoveRoot', e);\n\n    if (scale && scale.length >= 2) {\n      const [xScale, yScale] = scale;\n      const [pX, pY] = eventToPoint(e, this.rootRef.current);\n      const [minX, maxX] = xScale.range();\n      const [maxY, minY] = yScale.range();\n\n      if (pX >= minX && pX <= maxX && pY >= minY && pY <= maxY) {\n        this.eventEmitter.emit('onMouseMoveChart', e, this.rootRef.current);\n      } else {\n        this.eventEmitter.emit('onMouseLeaveChart', e);\n      }\n    }\n  };\n\n  handlerMouseLeave = (e) => {\n    this.eventEmitter.emit('onMouseLeaveRoot', e);\n    this.eventEmitter.emit('onMouseLeaveChart', e);\n  };\n\n  setContext() {\n    const { scale, data, width, height, locale, resolveColor, patterns, duration } = this.asProps;\n\n    const yScaleDomain = scale?.[1]?.domain?.();\n    if (yScaleDomain?.length && data?.length) {\n      this.dataHintsHandler.setPointsDensity(\n        data.length / width,\n        Math.abs(yScaleDomain[1] - yScaleDomain[0]) / height,\n      );\n    }\n\n    return {\n      $rootProps: {\n        size: [width, height],\n        data: data,\n        locale,\n        scale: scale,\n        eventEmitter: this.eventEmitter,\n        rootRef: this.rootRef,\n        dataHintsHandler: this.dataHintsHandler,\n        resolveColor,\n        patterns,\n        duration,\n        plotId: this.plotId,\n      },\n    };\n  }\n\n  render() {\n    const SPlot = Root;\n    const { styles, width, height, Children, data, a11yAltTextConfig, label, locale, getI18nText } =\n      this.asProps;\n\n    if (!width || !height) return null;\n\n    const ariaLabel = label ?? getI18nText('d3Chart.Plot:aria-label');\n\n    return sstyled(styles)(\n      <SPlot\n        render={Box}\n        tag='svg'\n        __excludeProps={['data', 'scale']}\n        ref={this.rootRef}\n        onMouseMove={this.handlerMouseMove}\n        onMouseLeave={this.handlerMouseLeave}\n        aria-label={ariaLabel}\n        tabIndex={0}\n        data-plot-id={this.plotId}\n      >\n        <Children />\n        <foreignObject width='100%' height='100%' data-aria-only>\n          <PlotA11yModule\n            id={this.plotId}\n            data={data}\n            plotLabel={label}\n            locale={locale}\n            plotRef={this.rootRef}\n            hints={this.dataStructureHints}\n            config={a11yAltTextConfig}\n          />\n        </foreignObject>\n      </SPlot>,\n    );\n  }\n}\n\nexport default createComponent(PlotRoot);\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"Plot.js","names":["Box","createComponent","Component","Root","sstyled","i18nEnhance","colorResolverEnhance","EventEmitter","React","makeDataHintsHandlers","makeDataHintsContainer","PlotA11yModule","style","_sstyled","insert","localizedMessages","eventToPoint","uniqueId","PlotRoot","constructor","props","_defineProperty","createRef","dataHints","dataStructureHints","e","scale","asProps","eventEmitter","emit","length","xScale","yScale","pX","pY","rootRef","current","minX","maxX","range","maxY","minY","setContext","data","width","height","locale","resolveColor","patterns","duration","yScaleDomain","domain","dataHintsHandler","setPointsDensity","Math","abs","$rootProps","size","plotId","render","_ref","_ref2","SPlot","styles","Children","a11yAltTextConfig","label","getI18nText","ariaLabel","createElement","cn","_assignProps","handlerMouseMove","handlerMouseLeave"],"sources":["../../src/Plot.jsx"],"sourcesContent":["import { Box } from '@semcore/base-components';\nimport { createComponent, Component, Root, sstyled } from '@semcore/core';\nimport i18nEnhance from '@semcore/core/lib/utils/enhances/i18nEnhance';\nimport colorResolverEnhance from '@semcore/core/lib/utils/enhances/resolveColorEnhance';\nimport EventEmitter from '@semcore/core/lib/utils/eventEmitter';\nimport React from 'react';\n\nimport { makeDataHintsHandlers, makeDataHintsContainer } from './a11y/hints';\nimport { PlotA11yModule } from './a11y/PlotA11yModule';\nimport style from './style/plot.shadow.css';\nimport { localizedMessages } from './translations/__intergalactic-dynamic-locales';\nimport { eventToPoint, uniqueId } from './utils';\n\nclass PlotRoot extends Component {\n  static displayName = 'Plot';\n  static style = style;\n\n  constructor(props) {\n    super(props);\n    this.eventEmitter = props.eventEmitter || new EventEmitter();\n  }\n\n  static defaultProps = () => ({\n    width: 0,\n    height: 0,\n  });\n\n  static enhance = [colorResolverEnhance(), i18nEnhance(localizedMessages)];\n\n  plotId = uniqueId();\n\n  rootRef = React.createRef();\n\n  dataStructureHints = this.props.dataHints || makeDataHintsContainer();\n  dataHintsHandler = makeDataHintsHandlers(this.dataStructureHints);\n\n  handlerMouseMove = (e) => {\n    const { scale } = this.asProps;\n    this.eventEmitter.emit('onMouseMoveRoot', e);\n\n    if (scale && scale.length >= 2) {\n      const [xScale, yScale] = scale;\n      const [pX, pY] = eventToPoint(e, this.rootRef.current);\n      const [minX, maxX] = xScale.range();\n      const [maxY, minY] = yScale.range();\n\n      if (pX >= minX && pX <= maxX && pY >= minY && pY <= maxY) {\n        this.eventEmitter.emit('onMouseMoveChart', e, this.rootRef.current);\n      } else {\n        this.eventEmitter.emit('onMouseLeaveChart', e);\n      }\n    }\n  };\n\n  handlerMouseLeave = (e) => {\n    this.eventEmitter.emit('onMouseLeaveRoot', e);\n    this.eventEmitter.emit('onMouseLeaveChart', e);\n  };\n\n  setContext() {\n    const { scale, data, width, height, locale, resolveColor, patterns, duration } = this.asProps;\n\n    const yScaleDomain = scale?.[1]?.domain?.();\n    if (yScaleDomain?.length && data?.length) {\n      this.dataHintsHandler.setPointsDensity(\n        data.length / width,\n        Math.abs(yScaleDomain[1] - yScaleDomain[0]) / height,\n      );\n    }\n\n    return {\n      $rootProps: {\n        size: [width, height],\n        data: data,\n        locale,\n        scale: scale,\n        eventEmitter: this.eventEmitter,\n        rootRef: this.rootRef,\n        dataHintsHandler: this.dataHintsHandler,\n        resolveColor,\n        patterns,\n        duration,\n        plotId: this.plotId,\n      },\n    };\n  }\n\n  render() {\n    const SPlot = Root;\n    const { styles, width, height, Children, data, a11yAltTextConfig, label, locale, getI18nText } =\n      this.asProps;\n\n    if (!width || !height) return null;\n\n    const ariaLabel = label ?? getI18nText('d3Chart.Plot:aria-label');\n\n    return sstyled(styles)(\n      <SPlot\n        render={Box}\n        tag='svg'\n        __excludeProps={['data', 'scale']}\n        ref={this.rootRef}\n        onMouseMove={this.handlerMouseMove}\n        onMouseLeave={this.handlerMouseLeave}\n        aria-label={ariaLabel}\n        data-plot-id={this.plotId}\n      >\n        <Children />\n        <foreignObject width='100%' height='100%' data-aria-only>\n          <PlotA11yModule\n            id={this.plotId}\n            payload={data}\n            plotLabel={label}\n            locale={locale}\n            plotRef={this.rootRef}\n            hints={this.dataStructureHints}\n            config={a11yAltTextConfig}\n          />\n        </foreignObject>\n      </SPlot>,\n    );\n  }\n}\n\nexport default createComponent(PlotRoot);\n"],"mappings":"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","ignoreList":[]}