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

package/lib/cjs/GroupBar.js

@@ -1,14 +1,10 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = void 0;
-var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-var _callSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/callSuper"));
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+exports.default = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _core = require("@semcore/core");
 var _getOriginChildren = _interopRequireDefault(require("@semcore/core/lib/utils/getOriginChildren"));
@@ -18,93 +14,82 @@ var _Bar = _interopRequireDefault(require("./Bar"));
 var _createElement = _interopRequireDefault(require("./createElement"));
 var _HorizontalBar = _interopRequireDefault(require("./HorizontalBar"));
 var _utils = require("./utils");
-var GroupBarRoot = /*#__PURE__*/function (_Component) {
-  function GroupBarRoot() {
-    (0, _classCallCheck2["default"])(this, GroupBarRoot);
-    return (0, _callSuper2["default"])(this, GroupBarRoot, arguments);
+class GroupBarRoot extends _core.Component {
+  getScaleGroup() {
+    const {
+      Children,
+      scale,
+      scaleGroup,
+      x
+    } = this.asProps;
+    // TODO: love that hack (by lsroman) ❤�
+    const xyScale = x ? scale[0] : scale[1];
+    if (scaleGroup) return scaleGroup;
+    const domain = _react.default.Children.toArray((0, _getOriginChildren.default)(Children)).reduce((acc, child) => {
+      if (/*#__PURE__*/_react.default.isValidElement(child) && child.type === GroupBar.Bar && !child.props.hide) {
+        acc.push(child.props.y);
+      }
+      if (/*#__PURE__*/_react.default.isValidElement(child) && child.type === GroupBar.HorizontalBar && !child.props.hide) {
+        acc.push(child.props.x);
+      }
+      return acc;
+    }, []);
+    return (0, _d3Scale.scaleBand)().range([0, (0, _utils.scaleToBand)(xyScale).bandwidth()]).domain(domain).paddingInner(0.1).paddingOuter(0.1);
   }
-  (0, _inherits2["default"])(GroupBarRoot, _Component);
-  return (0, _createClass2["default"])(GroupBarRoot, [{
-    key: "getScaleGroup",
-    value: function getScaleGroup() {
-      var _this$asProps = this.asProps,
-        Children = _this$asProps.Children,
-        scale = _this$asProps.scale,
-        scaleGroup = _this$asProps.scaleGroup,
-        x = _this$asProps.x;
-      // TODO: love that hack (by lsroman) ❤�
-      var xyScale = x ? scale[0] : scale[1];
-      if (scaleGroup) return scaleGroup;
-      var domain = _react["default"].Children.toArray((0, _getOriginChildren["default"])(Children)).reduce(function (acc, child) {
-        if (/*#__PURE__*/_react["default"].isValidElement(child) && child.type === GroupBar.Bar && !child.props.hide) {
-          acc.push(child.props.y);
-        }
-        if (/*#__PURE__*/_react["default"].isValidElement(child) && child.type === GroupBar.HorizontalBar && !child.props.hide) {
-          acc.push(child.props.x);
-        }
-        return acc;
-      }, []);
-      return (0, _d3Scale.scaleBand)().range([0, (0, _utils.scaleToBand)(xyScale).bandwidth()]).domain(domain).paddingInner(0.1).paddingOuter(0.1);
-    }
-  }, {
-    key: "getBarProps",
-    value: function getBarProps(_ref, index) {
-      var y = _ref.y;
-      var _this$asProps2 = this.asProps,
-        x = _this$asProps2.x,
-        _this$asProps2$maxBar = _this$asProps2.maxBarSize,
-        maxBarSize = _this$asProps2$maxBar === void 0 ? Number.POSITIVE_INFINITY : _this$asProps2$maxBar,
-        patterns = _this$asProps2.patterns;
-      var bandWidth = this.scaleGroup.bandwidth();
-      var width = Math.min(bandWidth, maxBarSize);
-      var offsetX = this.scaleGroup(y) + bandWidth / 2 - width / 2;
-      return {
-        offset: [offsetX, 0],
-        width: width,
-        color: (0, _utils.getChartDefaultColorName)(index),
-        x: x,
-        groupKey: x,
-        patterns: patterns
-      };
-    }
-  }, {
-    key: "getHorizontalBarProps",
-    value: function getHorizontalBarProps(_ref2, index) {
-      var x = _ref2.x;
-      var _this$asProps3 = this.asProps,
-        y = _this$asProps3.y,
-        _this$asProps3$maxBar = _this$asProps3.maxBarSize,
-        maxBarSize = _this$asProps3$maxBar === void 0 ? Number.POSITIVE_INFINITY : _this$asProps3$maxBar;
-      var bandWidth = this.scaleGroup.bandwidth();
-      var height = Math.min(bandWidth, maxBarSize);
-      var offsetY = this.scaleGroup(x) + bandWidth / 2 - height / 2;
-      return {
-        offset: [0, offsetY],
-        height: height,
-        color: (0, _utils.getChartDefaultColorName)(index),
-        y: y,
-        groupKey: y
-      };
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      var Element = this.Element;
-      this.scaleGroup = this.getScaleGroup();
-      this.asProps.dataHintsHandler.establishDataType('grouped-values');
-      return /*#__PURE__*/_react["default"].createElement(Element, {
-        "aria-hidden": true,
-        render: "g",
-        childrenPosition: "inside",
-        scaleGroup: this.scaleGroup
-      });
-    }
-  }]);
-}(_core.Component);
-(0, _defineProperty2["default"])(GroupBarRoot, "displayName", 'GroupBar');
-var GroupBar = (0, _createElement["default"])(GroupBarRoot, {
-  Bar: _Bar["default"],
-  HorizontalBar: _HorizontalBar["default"]
+  getBarProps({
+    y
+  }, index) {
+    const {
+      x,
+      maxBarSize = Number.POSITIVE_INFINITY,
+      patterns
+    } = this.asProps;
+    const bandWidth = this.scaleGroup.bandwidth();
+    const width = Math.min(bandWidth, maxBarSize);
+    const offsetX = this.scaleGroup(y) + bandWidth / 2 - width / 2;
+    return {
+      offset: [offsetX, 0],
+      width,
+      color: (0, _utils.getChartDefaultColorName)(index),
+      x,
+      groupKey: x,
+      patterns
+    };
+  }
+  getHorizontalBarProps({
+    x
+  }, index) {
+    const {
+      y,
+      maxBarSize = Number.POSITIVE_INFINITY
+    } = this.asProps;
+    const bandWidth = this.scaleGroup.bandwidth();
+    const height = Math.min(bandWidth, maxBarSize);
+    const offsetY = this.scaleGroup(x) + bandWidth / 2 - height / 2;
+    return {
+      offset: [0, offsetY],
+      height,
+      color: (0, _utils.getChartDefaultColorName)(index),
+      y,
+      groupKey: y
+    };
+  }
+  render() {
+    const Element = this.Element;
+    this.scaleGroup = this.getScaleGroup();
+    this.asProps.dataHintsHandler.establishDataType('grouped-values');
+    return /*#__PURE__*/_react.default.createElement(Element, {
+      "aria-hidden": true,
+      render: "g",
+      childrenPosition: "inside",
+      scaleGroup: this.scaleGroup
+    });
+  }
+}
+(0, _defineProperty2.default)(GroupBarRoot, "displayName", 'GroupBar');
+const GroupBar = (0, _createElement.default)(GroupBarRoot, {
+  Bar: _Bar.default,
+  HorizontalBar: _HorizontalBar.default
 });
-var _default = exports["default"] = GroupBar;
+var _default = exports.default = GroupBar;
 //# sourceMappingURL=GroupBar.js.map

package/lib/cjs/GroupBar.js.map

@@ -1 +1 @@
-{"version":3,"file":"GroupBar.js","names":["_core","require","_getOriginChildren","_interopRequireDefault","_d3Scale","_react","_Bar","_createElement","_HorizontalBar","_utils","GroupBarRoot","_Component","_classCallCheck2","_callSuper2","arguments","_inherits2","_createClass2","key","value","getScaleGroup","_this$asProps","asProps","Children","scale","scaleGroup","x","xyScale","domain","React","toArray","getOriginChildren","reduce","acc","child","isValidElement","type","GroupBar","Bar","props","hide","push","y","HorizontalBar","scaleBand","range","scaleToBand","bandwidth","paddingInner","paddingOuter","getBarProps","_ref","index","_this$asProps2","_this$asProps2$maxBar","maxBarSize","Number","POSITIVE_INFINITY","patterns","bandWidth","width","Math","min","offsetX","offset","color","getChartDefaultColorName","groupKey","getHorizontalBarProps","_ref2","_this$asProps3","_this$asProps3$maxBar","height","offsetY","render","Element","dataHintsHandler","establishDataType","createElement","childrenPosition","Component","_defineProperty2","_default","exports"],"sources":["../../src/GroupBar.jsx"],"sourcesContent":["import { Component } from '@semcore/core';\nimport getOriginChildren from '@semcore/core/lib/utils/getOriginChildren';\nimport { scaleBand } from 'd3-scale';\nimport React from 'react';\n\nimport Bar from './Bar';\nimport createElement from './createElement';\nimport HorizontalBar from './HorizontalBar';\nimport { getChartDefaultColorName, scaleToBand } from './utils';\n\nclass GroupBarRoot extends Component {\n  static displayName = 'GroupBar';\n\n  getScaleGroup() {\n    const { Children, scale, scaleGroup, x } = this.asProps;\n    // TODO: love that hack (by lsroman) ❤�\n    const xyScale = x ? scale[0] : scale[1];\n\n    if (scaleGroup) return scaleGroup;\n\n    const domain = React.Children.toArray(getOriginChildren(Children)).reduce((acc, child) => {\n      if (React.isValidElement(child) && child.type === GroupBar.Bar && !child.props.hide) {\n        acc.push(child.props.y);\n      }\n      if (\n        React.isValidElement(child) &&\n        child.type === GroupBar.HorizontalBar &&\n        !child.props.hide\n      ) {\n        acc.push(child.props.x);\n      }\n      return acc;\n    }, []);\n\n    return scaleBand()\n      .range([0, scaleToBand(xyScale).bandwidth()])\n      .domain(domain)\n      .paddingInner(0.1)\n      .paddingOuter(0.1);\n  }\n\n  getBarProps({ y }, index) {\n    const { x, maxBarSize = Number.POSITIVE_INFINITY, patterns } = this.asProps;\n\n    const bandWidth = this.scaleGroup.bandwidth();\n    const width = Math.min(bandWidth, maxBarSize);\n    const offsetX = this.scaleGroup(y) + bandWidth / 2 - width / 2;\n\n    return {\n      offset: [offsetX, 0],\n      width,\n      color: getChartDefaultColorName(index),\n      x,\n      groupKey: x,\n      patterns,\n    };\n  }\n\n  getHorizontalBarProps({ x }, index) {\n    const { y, maxBarSize = Number.POSITIVE_INFINITY } = this.asProps;\n\n    const bandWidth = this.scaleGroup.bandwidth();\n    const height = Math.min(bandWidth, maxBarSize);\n    const offsetY = this.scaleGroup(x) + bandWidth / 2 - height / 2;\n\n    return {\n      offset: [0, offsetY],\n      height,\n      color: getChartDefaultColorName(index),\n      y,\n      groupKey: y,\n    };\n  }\n\n  render() {\n    const Element = this.Element;\n    this.scaleGroup = this.getScaleGroup();\n\n    this.asProps.dataHintsHandler.establishDataType('grouped-values');\n\n    return (\n      <Element aria-hidden render='g' childrenPosition='inside' scaleGroup={this.scaleGroup} />\n    );\n  }\n}\n\nconst GroupBar = createElement(GroupBarRoot, {\n  Bar,\n  HorizontalBar,\n});\n\nexport default GroupBar;\n"],"mappings":";;;;;;;;;;;;AAAA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,kBAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,QAAA,GAAAH,OAAA;AACA,IAAAI,MAAA,GAAAF,sBAAA,CAAAF,OAAA;AAEA,IAAAK,IAAA,GAAAH,sBAAA,CAAAF,OAAA;AACA,IAAAM,cAAA,GAAAJ,sBAAA,CAAAF,OAAA;AACA,IAAAO,cAAA,GAAAL,sBAAA,CAAAF,OAAA;AACA,IAAAQ,MAAA,GAAAR,OAAA;AAAgE,IAE1DS,YAAY,0BAAAC,UAAA;EAAA,SAAAD,aAAA;IAAA,IAAAE,gBAAA,mBAAAF,YAAA;IAAA,WAAAG,WAAA,mBAAAH,YAAA,EAAAI,SAAA;EAAA;EAAA,IAAAC,UAAA,aAAAL,YAAA,EAAAC,UAAA;EAAA,WAAAK,aAAA,aAAAN,YAAA;IAAAO,GAAA;IAAAC,KAAA,EAGhB,SAAAC,aAAaA,CAAA,EAAG;MACd,IAAAC,aAAA,GAA2C,IAAI,CAACC,OAAO;QAA/CC,QAAQ,GAAAF,aAAA,CAARE,QAAQ;QAAEC,KAAK,GAAAH,aAAA,CAALG,KAAK;QAAEC,UAAU,GAAAJ,aAAA,CAAVI,UAAU;QAAEC,CAAC,GAAAL,aAAA,CAADK,CAAC;MACtC;MACA,IAAMC,OAAO,GAAGD,CAAC,GAAGF,KAAK,CAAC,CAAC,CAAC,GAAGA,KAAK,CAAC,CAAC,CAAC;MAEvC,IAAIC,UAAU,EAAE,OAAOA,UAAU;MAEjC,IAAMG,MAAM,GAAGC,iBAAK,CAACN,QAAQ,CAACO,OAAO,CAAC,IAAAC,6BAAiB,EAACR,QAAQ,CAAC,CAAC,CAACS,MAAM,CAAC,UAACC,GAAG,EAAEC,KAAK,EAAK;QACxF,IAAI,aAAAL,iBAAK,CAACM,cAAc,CAACD,KAAK,CAAC,IAAIA,KAAK,CAACE,IAAI,KAAKC,QAAQ,CAACC,GAAG,IAAI,CAACJ,KAAK,CAACK,KAAK,CAACC,IAAI,EAAE;UACnFP,GAAG,CAACQ,IAAI,CAACP,KAAK,CAACK,KAAK,CAACG,CAAC,CAAC;QACzB;QACA,IACE,aAAAb,iBAAK,CAACM,cAAc,CAACD,KAAK,CAAC,IAC3BA,KAAK,CAACE,IAAI,KAAKC,QAAQ,CAACM,aAAa,IACrC,CAACT,KAAK,CAACK,KAAK,CAACC,IAAI,EACjB;UACAP,GAAG,CAACQ,IAAI,CAACP,KAAK,CAACK,KAAK,CAACb,CAAC,CAAC;QACzB;QACA,OAAOO,GAAG;MACZ,CAAC,EAAE,EAAE,CAAC;MAEN,OAAO,IAAAW,kBAAS,EAAC,CAAC,CACfC,KAAK,CAAC,CAAC,CAAC,EAAE,IAAAC,kBAAW,EAACnB,OAAO,CAAC,CAACoB,SAAS,CAAC,CAAC,CAAC,CAAC,CAC5CnB,MAAM,CAACA,MAAM,CAAC,CACdoB,YAAY,CAAC,GAAG,CAAC,CACjBC,YAAY,CAAC,GAAG,CAAC;IACtB;EAAC;IAAA/B,GAAA;IAAAC,KAAA,EAED,SAAA+B,WAAWA,CAAAC,IAAA,EAAQC,KAAK,EAAE;MAAA,IAAZV,CAAC,GAAAS,IAAA,CAADT,CAAC;MACb,IAAAW,cAAA,GAA+D,IAAI,CAAC/B,OAAO;QAAnEI,CAAC,GAAA2B,cAAA,CAAD3B,CAAC;QAAA4B,qBAAA,GAAAD,cAAA,CAAEE,UAAU;QAAVA,UAAU,GAAAD,qBAAA,cAAGE,MAAM,CAACC,iBAAiB,GAAAH,qBAAA;QAAEI,QAAQ,GAAAL,cAAA,CAARK,QAAQ;MAE1D,IAAMC,SAAS,GAAG,IAAI,CAAClC,UAAU,CAACsB,SAAS,CAAC,CAAC;MAC7C,IAAMa,KAAK,GAAGC,IAAI,CAACC,GAAG,CAACH,SAAS,EAAEJ,UAAU,CAAC;MAC7C,IAAMQ,OAAO,GAAG,IAAI,CAACtC,UAAU,CAACiB,CAAC,CAAC,GAAGiB,SAAS,GAAG,CAAC,GAAGC,KAAK,GAAG,CAAC;MAE9D,OAAO;QACLI,MAAM,EAAE,CAACD,OAAO,EAAE,CAAC,CAAC;QACpBH,KAAK,EAALA,KAAK;QACLK,KAAK,EAAE,IAAAC,+BAAwB,EAACd,KAAK,CAAC;QACtC1B,CAAC,EAADA,CAAC;QACDyC,QAAQ,EAAEzC,CAAC;QACXgC,QAAQ,EAARA;MACF,CAAC;IACH;EAAC;IAAAxC,GAAA;IAAAC,KAAA,EAED,SAAAiD,qBAAqBA,CAAAC,KAAA,EAAQjB,KAAK,EAAE;MAAA,IAAZ1B,CAAC,GAAA2C,KAAA,CAAD3C,CAAC;MACvB,IAAA4C,cAAA,GAAqD,IAAI,CAAChD,OAAO;QAAzDoB,CAAC,GAAA4B,cAAA,CAAD5B,CAAC;QAAA6B,qBAAA,GAAAD,cAAA,CAAEf,UAAU;QAAVA,UAAU,GAAAgB,qBAAA,cAAGf,MAAM,CAACC,iBAAiB,GAAAc,qBAAA;MAEhD,IAAMZ,SAAS,GAAG,IAAI,CAAClC,UAAU,CAACsB,SAAS,CAAC,CAAC;MAC7C,IAAMyB,MAAM,GAAGX,IAAI,CAACC,GAAG,CAACH,SAAS,EAAEJ,UAAU,CAAC;MAC9C,IAAMkB,OAAO,GAAG,IAAI,CAAChD,UAAU,CAACC,CAAC,CAAC,GAAGiC,SAAS,GAAG,CAAC,GAAGa,MAAM,GAAG,CAAC;MAE/D,OAAO;QACLR,MAAM,EAAE,CAAC,CAAC,EAAES,OAAO,CAAC;QACpBD,MAAM,EAANA,MAAM;QACNP,KAAK,EAAE,IAAAC,+BAAwB,EAACd,KAAK,CAAC;QACtCV,CAAC,EAADA,CAAC;QACDyB,QAAQ,EAAEzB;MACZ,CAAC;IACH;EAAC;IAAAxB,GAAA;IAAAC,KAAA,EAED,SAAAuD,MAAMA,CAAA,EAAG;MACP,IAAMC,OAAO,GAAG,IAAI,CAACA,OAAO;MAC5B,IAAI,CAAClD,UAAU,GAAG,IAAI,CAACL,aAAa,CAAC,CAAC;MAEtC,IAAI,CAACE,OAAO,CAACsD,gBAAgB,CAACC,iBAAiB,CAAC,gBAAgB,CAAC;MAEjE,oBACEvE,MAAA,YAAAwE,aAAA,CAACH,OAAO;QAAC,mBAAW;QAACD,MAAM,EAAC,GAAG;QAACK,gBAAgB,EAAC,QAAQ;QAACtD,UAAU,EAAE,IAAI,CAACA;MAAW,CAAE,CAAC;IAE7F;EAAC;AAAA,EAzEwBuD,eAAS;AAAA,IAAAC,gBAAA,aAA9BtE,YAAY,iBACK,UAAU;AA2EjC,IAAM0B,QAAQ,GAAG,IAAAyC,yBAAa,EAACnE,YAAY,EAAE;EAC3C2B,GAAG,EAAHA,eAAG;EACHK,aAAa,EAAbA;AACF,CAAC,CAAC;AAAC,IAAAuC,QAAA,GAAAC,OAAA,cAEY9C,QAAQ","ignoreList":[]}
+{"version":3,"file":"GroupBar.js","names":["_core","require","_getOriginChildren","_interopRequireDefault","_d3Scale","_react","_Bar","_createElement","_HorizontalBar","_utils","GroupBarRoot","Component","getScaleGroup","Children","scale","scaleGroup","x","asProps","xyScale","domain","React","toArray","getOriginChildren","reduce","acc","child","isValidElement","type","GroupBar","Bar","props","hide","push","y","HorizontalBar","scaleBand","range","scaleToBand","bandwidth","paddingInner","paddingOuter","getBarProps","index","maxBarSize","Number","POSITIVE_INFINITY","patterns","bandWidth","width","Math","min","offsetX","offset","color","getChartDefaultColorName","groupKey","getHorizontalBarProps","height","offsetY","render","Element","dataHintsHandler","establishDataType","default","createElement","childrenPosition","_defineProperty2","_default","exports"],"sources":["../../src/GroupBar.jsx"],"sourcesContent":["import { Component } from '@semcore/core';\nimport getOriginChildren from '@semcore/core/lib/utils/getOriginChildren';\nimport { scaleBand } from 'd3-scale';\nimport React from 'react';\n\nimport Bar from './Bar';\nimport createElement from './createElement';\nimport HorizontalBar from './HorizontalBar';\nimport { getChartDefaultColorName, scaleToBand } from './utils';\n\nclass GroupBarRoot extends Component {\n  static displayName = 'GroupBar';\n\n  getScaleGroup() {\n    const { Children, scale, scaleGroup, x } = this.asProps;\n    // TODO: love that hack (by lsroman) ❤�\n    const xyScale = x ? scale[0] : scale[1];\n\n    if (scaleGroup) return scaleGroup;\n\n    const domain = React.Children.toArray(getOriginChildren(Children)).reduce((acc, child) => {\n      if (React.isValidElement(child) && child.type === GroupBar.Bar && !child.props.hide) {\n        acc.push(child.props.y);\n      }\n      if (\n        React.isValidElement(child) &&\n        child.type === GroupBar.HorizontalBar &&\n        !child.props.hide\n      ) {\n        acc.push(child.props.x);\n      }\n      return acc;\n    }, []);\n\n    return scaleBand()\n      .range([0, scaleToBand(xyScale).bandwidth()])\n      .domain(domain)\n      .paddingInner(0.1)\n      .paddingOuter(0.1);\n  }\n\n  getBarProps({ y }, index) {\n    const { x, maxBarSize = Number.POSITIVE_INFINITY, patterns } = this.asProps;\n\n    const bandWidth = this.scaleGroup.bandwidth();\n    const width = Math.min(bandWidth, maxBarSize);\n    const offsetX = this.scaleGroup(y) + bandWidth / 2 - width / 2;\n\n    return {\n      offset: [offsetX, 0],\n      width,\n      color: getChartDefaultColorName(index),\n      x,\n      groupKey: x,\n      patterns,\n    };\n  }\n\n  getHorizontalBarProps({ x }, index) {\n    const { y, maxBarSize = Number.POSITIVE_INFINITY } = this.asProps;\n\n    const bandWidth = this.scaleGroup.bandwidth();\n    const height = Math.min(bandWidth, maxBarSize);\n    const offsetY = this.scaleGroup(x) + bandWidth / 2 - height / 2;\n\n    return {\n      offset: [0, offsetY],\n      height,\n      color: getChartDefaultColorName(index),\n      y,\n      groupKey: y,\n    };\n  }\n\n  render() {\n    const Element = this.Element;\n    this.scaleGroup = this.getScaleGroup();\n\n    this.asProps.dataHintsHandler.establishDataType('grouped-values');\n\n    return (\n      <Element aria-hidden render='g' childrenPosition='inside' scaleGroup={this.scaleGroup} />\n    );\n  }\n}\n\nconst GroupBar = createElement(GroupBarRoot, {\n  Bar,\n  HorizontalBar,\n});\n\nexport default GroupBar;\n"],"mappings":"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","ignoreList":[]}

package/lib/cjs/HorizontalBar.js

@@ -1,15 +1,10 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = exports.MIN_WIDTH = void 0;
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-var _callSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/callSuper"));
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+exports.default = exports.MIN_WIDTH = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _core = require("@semcore/core");
 var _uniqueID = _interopRequireDefault(require("@semcore/core/lib/utils/uniqueID"));
@@ -19,27 +14,27 @@ var _createElement = _interopRequireDefault(require("./createElement"));
 var _Pattern = require("./Pattern");
 var _utils = require("./utils");
 /*!__reshadow-styles__:"./style/bar.shadow.css"*/
-var style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".___SBar_194w8_gg_{fill:var(--intergalactic-chart-palette-order-1, #2bb3ff);transition-property:height,width,y;transition-duration:var(--duration_194w8);transition-timing-function:ease-in-out}.___SBar_194w8_gg_.__color_194w8_gg_{fill:var(--color_194w8)}.___SBar_194w8_gg_.__pattern_194w8_gg_.__color_194w8_gg_{fill:var(--pattern_194w8);stroke:var(--color_194w8);stroke-width:1px}.___SBar_194w8_gg_.__hide_194w8_gg_{display:none}.___SBar_194w8_gg_.__transparent_194w8_gg_{opacity:.3}.___SBackground_194w8_gg_.__onClick_194w8_gg_,.___SBar_194w8_gg_.__onClick_194w8_gg_{cursor:pointer}.___SBackground_194w8_gg_{fill:var(--intergalactic-chart-grid-bar-chart-base-bg, #e0e1e9)}.___SBarAnnotation_194w8_gg_{display:flex;justify-content:space-between}.___SBarLabel_194w8_gg_{color:var(--intergalactic-text-primary, #191b23);margin-right:auto}.___SBarLabel_194w8_gg_,.___SBarPercent_194w8_gg_,.___SBarValue_194w8_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SBarPercent_194w8_gg_{color:var(--intergalactic-text-secondary, #6c6e79);margin-right:var(--intergalactic-spacing-2x, 8px)}.___SBarValue_194w8_gg_{min-width:52px;display:flex;justify-content:flex-end;color:var(--intergalactic-text-primary, #191b23);text-align:right}.___SCompactHorizontalBarHoverRect_194w8_gg_{fill:var(--intergalactic-chart-grid-bar-chart-hover, rgba(196, 199, 207, 0.3))}", /*__inner_css_end__*/"194w8_gg_"),
+const style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".___SBar_1j50a_gg_{fill:var(--intergalactic-chart-palette-order-1, #2bb3ff);transition-property:height,width,y;transition-duration:var(--duration_1j50a);transition-timing-function:ease-in-out}.___SBar_1j50a_gg_.__color_1j50a_gg_{fill:var(--color_1j50a)}.___SBar_1j50a_gg_.__pattern_1j50a_gg_.__color_1j50a_gg_{fill:var(--pattern_1j50a);stroke:var(--color_1j50a);stroke-width:1px}.___SBar_1j50a_gg_.__hide_1j50a_gg_{display:none}.___SBar_1j50a_gg_.__transparent_1j50a_gg_{opacity:.3}.___SBackground_1j50a_gg_.__onClick_1j50a_gg_,.___SBar_1j50a_gg_.__onClick_1j50a_gg_{cursor:pointer}.___SBackground_1j50a_gg_{fill:var(--intergalactic-chart-grid-bar-chart-base-bg, #e0e1e9)}.___SBarAnnotation_1j50a_gg_{display:flex;justify-content:space-between}.___SBarLabel_1j50a_gg_{color:var(--intergalactic-text-primary, #191b23);margin-right:auto}.___SBarLabel_1j50a_gg_,.___SBarPercent_1j50a_gg_,.___SBarValue_1j50a_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SBarPercent_1j50a_gg_{color:var(--intergalactic-text-secondary, #6c6e79);margin-right:var(--intergalactic-spacing-2x, 8px)}.___SBarValue_1j50a_gg_{min-width:52px;display:flex;justify-content:flex-end;color:var(--intergalactic-text-primary, #191b23);text-align:right}.___SCompactHorizontalBarHoverRect_1j50a_gg_{fill:var(--intergalactic-chart-grid-bar-chart-hover, rgba(196, 199, 207, 0.3))}", /*__inner_css_end__*/"1j50a_gg_"),
 /*__reshadow_css_end__*/
 {
-  "__SBar": "___SBar_194w8_gg_",
-  "--duration": "--duration_194w8",
-  "_color": "__color_194w8_gg_",
-  "--color": "--color_194w8",
-  "_pattern": "__pattern_194w8_gg_",
-  "--pattern": "--pattern_194w8",
-  "_hide": "__hide_194w8_gg_",
-  "_transparent": "__transparent_194w8_gg_",
-  "_onClick": "__onClick_194w8_gg_",
-  "__SBackground": "___SBackground_194w8_gg_",
-  "__SBarAnnotation": "___SBarAnnotation_194w8_gg_",
-  "__SBarLabel": "___SBarLabel_194w8_gg_",
-  "__SBarPercent": "___SBarPercent_194w8_gg_",
-  "__SBarValue": "___SBarValue_194w8_gg_",
-  "__SCompactHorizontalBarHoverRect": "___SCompactHorizontalBarHoverRect_194w8_gg_"
+  "__SBar": "___SBar_1j50a_gg_",
+  "--duration": "--duration_1j50a",
+  "_color": "__color_1j50a_gg_",
+  "--color": "--color_1j50a",
+  "_pattern": "__pattern_1j50a_gg_",
+  "--pattern": "--pattern_1j50a",
+  "_hide": "__hide_1j50a_gg_",
+  "_transparent": "__transparent_1j50a_gg_",
+  "_onClick": "__onClick_1j50a_gg_",
+  "__SBackground": "___SBackground_1j50a_gg_",
+  "__SBarAnnotation": "___SBarAnnotation_1j50a_gg_",
+  "__SBarLabel": "___SBarLabel_1j50a_gg_",
+  "__SBarPercent": "___SBarPercent_1j50a_gg_",
+  "__SBarValue": "___SBarValue_1j50a_gg_",
+  "__SCompactHorizontalBarHoverRect": "___SCompactHorizontalBarHoverRect_1j50a_gg_"
 });
-var MIN_WIDTH = exports.MIN_WIDTH = 2;
-var calcPartBarX = function calcPartBarX(x, minWidth, width) {
+const MIN_WIDTH = exports.MIN_WIDTH = 2;
+const calcPartBarX = (x, minWidth, width) => {
   // need for the correct rendering of negative values
   if (x <= 0) {
     return width <= minWidth ? minWidth : 0;
@@ -47,147 +42,133 @@ var calcPartBarX = function calcPartBarX(x, minWidth, width) {
   // need for the correct rendering of the minimum positive values
   return Object.is(x, 0) ? minWidth : 0;
 };
-var HorizontalBarRoot = /*#__PURE__*/function (_Component) {
-  function HorizontalBarRoot() {
-    (0, _classCallCheck2["default"])(this, HorizontalBarRoot);
-    return (0, _callSuper2["default"])(this, HorizontalBarRoot, arguments);
+class HorizontalBarRoot extends _core.Component {
+  getBackgroundProps(_props, index) {
+    const {
+      data,
+      y
+    } = this.asProps;
+    return {
+      value: data[index][y],
+      index
+    };
   }
-  (0, _inherits2["default"])(HorizontalBarRoot, _Component);
-  return (0, _createClass2["default"])(HorizontalBarRoot, [{
-    key: "getBackgroundProps",
-    value: function getBackgroundProps(_props, index) {
-      var _this$asProps = this.asProps,
-        data = _this$asProps.data,
-        y = _this$asProps.y;
-      return {
-        value: data[index][y],
-        index: index
-      };
+  renderBar(d, i) {
+    var _ref;
+    const SBar = this.Element;
+    const {
+      styles,
+      color,
+      x,
+      x0,
+      y,
+      scale,
+      hide,
+      offset: offsetProps,
+      uid,
+      duration,
+      r,
+      wMin,
+      height: heightProps,
+      onMouseMove,
+      onMouseLeave,
+      groupKey,
+      transparent,
+      maxBarSize = Number.POSITIVE_INFINITY,
+      resolveColor,
+      patterns,
+      onClick
+    } = this.asProps;
+    const offset = typeof offsetProps === 'function' ? offsetProps(i) : offsetProps;
+    const [xScale, yScale] = scale;
+    const absWidth = Math.abs(xScale(d[x]) - Math.max(xScale(xScale.domain()[0]), xScale(d[x0] ?? 0)));
+    const bandHeight = heightProps || (0, _utils.scaleToBand)(yScale).bandwidth();
+    const height = Math.min(bandHeight, maxBarSize);
+    const width = Number(d[x] - (d[x0] ?? 0)) === 0 ? 0 : Math.max(absWidth, wMin);
+    const barY = yScale(d[y]) + bandHeight / 2 - height / 2 + offset[1];
+    const barX = xScale(Math.min(d[x0] ?? 0, width <= wMin && d[x] < 0 ? 0 : d[x])) + offset[0] - calcPartBarX(d[x], wMin, width);
+    const handleClick = event => onClick?.(d, event, i, x);
+    const dSvg = getHorizontalRect({
+      x: barX,
+      y: barY,
+      width,
+      height,
+      radius: Array.isArray(r) ? r[i] : r,
+      position: d[x] > 0 || Object.is(d[x], 0) ? 'right' : 'left'
+    });
+    if (groupKey) {
+      this.asProps.dataHintsHandler.describeGroupedValues(groupKey, x);
+    } else {
+      this.asProps.dataHintsHandler.describeValueEntity(`${i}.${x}`, groupKey ?? d[y]);
     }
-  }, {
-    key: "renderBar",
-    value: function renderBar(d, i) {
-      var _ref, _d$x, _d$x2, _d$x3;
-      var SBar = this.Element;
-      var _this$asProps2 = this.asProps,
-        styles = _this$asProps2.styles,
-        color = _this$asProps2.color,
-        x = _this$asProps2.x,
-        x0 = _this$asProps2.x0,
-        y = _this$asProps2.y,
-        scale = _this$asProps2.scale,
-        hide = _this$asProps2.hide,
-        offsetProps = _this$asProps2.offset,
-        uid = _this$asProps2.uid,
-        duration = _this$asProps2.duration,
-        r = _this$asProps2.r,
-        wMin = _this$asProps2.wMin,
-        heightProps = _this$asProps2.height,
-        onMouseMove = _this$asProps2.onMouseMove,
-        onMouseLeave = _this$asProps2.onMouseLeave,
-        groupKey = _this$asProps2.groupKey,
-        transparent = _this$asProps2.transparent,
-        _this$asProps2$maxBar = _this$asProps2.maxBarSize,
-        maxBarSize = _this$asProps2$maxBar === void 0 ? Number.POSITIVE_INFINITY : _this$asProps2$maxBar,
-        resolveColor = _this$asProps2.resolveColor,
-        patterns = _this$asProps2.patterns,
-        onClick = _this$asProps2.onClick;
-      var offset = typeof offsetProps === 'function' ? offsetProps(i) : offsetProps;
-      var _scale = (0, _slicedToArray2["default"])(scale, 2),
-        xScale = _scale[0],
-        yScale = _scale[1];
-      var absWidth = Math.abs(xScale(d[x]) - Math.max(xScale(xScale.domain()[0]), xScale((_d$x = d[x0]) !== null && _d$x !== void 0 ? _d$x : 0)));
-      var bandHeight = heightProps || (0, _utils.scaleToBand)(yScale).bandwidth();
-      var height = Math.min(bandHeight, maxBarSize);
-      var width = Number(d[x] - ((_d$x2 = d[x0]) !== null && _d$x2 !== void 0 ? _d$x2 : 0)) === 0 ? 0 : Math.max(absWidth, wMin);
-      var barY = yScale(d[y]) + bandHeight / 2 - height / 2 + offset[1];
-      var barX = xScale(Math.min((_d$x3 = d[x0]) !== null && _d$x3 !== void 0 ? _d$x3 : 0, width <= wMin && d[x] < 0 ? 0 : d[x])) + offset[0] - calcPartBarX(d[x], wMin, width);
-      var handleClick = function handleClick(event) {
-        return onClick === null || onClick === void 0 ? void 0 : onClick(d, event, i, x);
-      };
-      var dSvg = getHorizontalRect({
-        x: barX,
-        y: barY,
-        width: width,
-        height: height,
-        radius: Array.isArray(r) ? r[i] : r,
-        position: d[x] > 0 || Object.is(d[x], 0) ? 'right' : 'left'
-      });
-      if (groupKey) {
-        this.asProps.dataHintsHandler.describeGroupedValues(groupKey, x);
-      } else {
-        this.asProps.dataHintsHandler.describeValueEntity("".concat(i, ".").concat(x), groupKey !== null && groupKey !== void 0 ? groupKey : d[y]);
-      }
-      return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, {
-        key: "horizontal-bar-".concat(i)
-      }, (_ref = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SBar, _ref.cn("SBar", {
-        "aria-hidden": true,
-        "render": 'path',
-        "clipPath": "url(#".concat(uid, ")"),
-        "__excludeProps": ['data', 'scale', 'value', 'onClick', 'offset'],
-        "childrenPosition": 'above',
-        "value": d,
-        "index": i,
-        "hide": hide,
-        "color": resolveColor(color),
-        "pattern": patterns ? "url(#".concat(uid, "-").concat(i, "-pattern)") : undefined,
-        "transparent": transparent,
-        "x": barX,
-        "y": barY,
-        "width": width,
-        "height": height,
-        "d": dSvg,
-        "onClickCapture": handleClick,
-        "use:duration": "".concat(duration, "ms"),
-        "onMouseMove": onMouseMove,
-        "onMouseLeave": onMouseLeave
-      }))), patterns && /*#__PURE__*/_react["default"].createElement(_Pattern.PatternFill, _ref.cn("PatternFill", {
-        "id": "".concat(uid, "-").concat(i, "-pattern"),
-        "patternKey": color,
-        "color": resolveColor(color),
-        "patterns": patterns
-      })));
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      var _this$asProps3 = this.asProps,
-        data = _this$asProps3.data,
-        uid = _this$asProps3.uid,
-        size = _this$asProps3.size,
-        duration = _this$asProps3.duration;
-      return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, data.map(this.renderBar.bind(this)), duration && /*#__PURE__*/_react["default"].createElement(_AnimatedClipPath["default"], {
-        "aria-hidden": true,
-        duration: duration,
-        id: uid,
-        x: "0",
-        y: "0",
-        width: 0,
-        height: size[1]
-      }));
-    }
-  }]);
-}(_core.Component);
-(0, _defineProperty2["default"])(HorizontalBarRoot, "displayName", 'HorizontalBar');
-(0, _defineProperty2["default"])(HorizontalBarRoot, "enhance", [(0, _uniqueID["default"])()]);
-(0, _defineProperty2["default"])(HorizontalBarRoot, "style", style);
-(0, _defineProperty2["default"])(HorizontalBarRoot, "defaultProps", {
+    return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, {
+      key: `horizontal-bar-${i}`
+    }, (_ref = (0, _core.sstyled)(styles), /*#__PURE__*/_react.default.createElement(SBar, _ref.cn("SBar", {
+      "aria-hidden": true,
+      "render": 'path',
+      "clipPath": `url(#${uid})`,
+      "__excludeProps": ['data', 'scale', 'value', 'onClick', 'offset'],
+      "childrenPosition": 'above',
+      "value": d,
+      "index": i,
+      "hide": hide,
+      "color": resolveColor(color),
+      "pattern": patterns ? `url(#${uid}-${i}-pattern)` : undefined,
+      "transparent": transparent,
+      "x": barX,
+      "y": barY,
+      "width": width,
+      "height": height,
+      "d": dSvg,
+      "onClickCapture": handleClick,
+      "use:duration": `${duration}ms`,
+      "onMouseMove": onMouseMove,
+      "onMouseLeave": onMouseLeave
+    }))), patterns && /*#__PURE__*/_react.default.createElement(_Pattern.PatternFill, _ref.cn("PatternFill", {
+      "id": `${uid}-${i}-pattern`,
+      "patternKey": color,
+      "color": resolveColor(color),
+      "patterns": patterns
+    })));
+  }
+  render() {
+    const {
+      data,
+      uid,
+      size,
+      duration
+    } = this.asProps;
+    return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, data.map(this.renderBar.bind(this)), duration && /*#__PURE__*/_react.default.createElement(_AnimatedClipPath.default, {
+      "aria-hidden": true,
+      duration: duration,
+      id: uid,
+      x: "0",
+      y: "0",
+      width: 0,
+      height: size[1]
+    }));
+  }
+}
+(0, _defineProperty2.default)(HorizontalBarRoot, "displayName", 'HorizontalBar');
+(0, _defineProperty2.default)(HorizontalBarRoot, "enhance", [(0, _uniqueID.default)()]);
+(0, _defineProperty2.default)(HorizontalBarRoot, "style", style);
+(0, _defineProperty2.default)(HorizontalBarRoot, "defaultProps", {
   offset: [0, 0],
   duration: 500,
-  r: 2,
+  r: 0,
   wMin: MIN_WIDTH
 });
 function Background(props) {
   var _ref2;
-  var SBackground = props.Element,
-    styles = props.styles,
-    scale = props.scale,
-    value = props.value;
-  var _scale2 = (0, _slicedToArray2["default"])(scale, 2),
-    xScale = _scale2[0],
-    yScale = _scale2[1];
-  var xRange = xScale.range();
-  return _ref2 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SBackground, _ref2.cn("SBackground", {
+  const {
+    Element: SBackground,
+    styles,
+    scale,
+    value
+  } = props;
+  const [xScale, yScale] = scale;
+  const xRange = xScale.range();
+  return _ref2 = (0, _core.sstyled)(styles), /*#__PURE__*/_react.default.createElement(SBackground, _ref2.cn("SBackground", {
     "aria-hidden": true,
     "render": 'rect',
     "childrenPosition": 'above',
@@ -197,13 +178,14 @@ function Background(props) {
     "y": yScale(value)
   }));
 }
-function getHorizontalRect(_ref3) {
-  var x = _ref3.x,
-    y = _ref3.y,
-    width = _ref3.width,
-    height = _ref3.height,
-    radius = _ref3.radius,
-    position = _ref3.position;
+function getHorizontalRect({
+  x,
+  y,
+  width,
+  height,
+  radius,
+  position
+}) {
   if (width < radius) radius = width;
   if (radius) {
     if (position === 'right') return (0, _utils.roundedPath)(x, y, width, height, radius, false, true, false, true);
@@ -211,7 +193,7 @@ function getHorizontalRect(_ref3) {
   }
   return (0, _utils.roundedPath)(x, y, width, height, radius);
 }
-var _default = exports["default"] = (0, _createElement["default"])(HorizontalBarRoot, {
-  Background: Background
+var _default = exports.default = (0, _createElement.default)(HorizontalBarRoot, {
+  Background
 });
 //# sourceMappingURL=HorizontalBar.js.map