@semcore/d3-chart 1.0.0-8 → 1.2.0

package/lib/cjs/Line.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/Line.js"],"names":["LineRoot","asProps","x","y","d3","color","fill","data","defined","SLine","Element","styles","hide","Component","$rootProps","curve","curveLinear","scale","xScale","yScale","p","style","Null","props","SNull","Dots"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;;;;;;;;;;;;;;;;;;;;;IAIMA,Q;;;;;;;;;;;;WAgBJ,wBAAe;AAAA,0BACe,KAAKC,OADpB;AAAA,UACLC,CADK,iBACLA,CADK;AAAA,UACFC,CADE,iBACFA,CADE;AAAA,UACCC,EADD,iBACCA,EADD;AAAA,UACKC,KADL,iBACKA,KADL;AAEb,aAAO;AACLH,QAAAA,CAAC,EAADA,CADK;AAELC,QAAAA,CAAC,EAADA,CAFK;AAGLC,QAAAA,EAAE,EAAFA,EAHK;AAILE,QAAAA,IAAI,EAAED;AAJD,OAAP;AAMD;;;WAED,wBAAe;AAAA,2BACkB,KAAKJ,OADvB;AAAA,UACLE,CADK,kBACLA,CADK;AAAA,UACFC,EADE,kBACFA,EADE;AAAA,UACEC,KADF,kBACEA,KADF;AAAA,UACSE,IADT,kBACSA,IADT;AAEb,aAAO;AACLH,QAAAA,EAAE,EAAFA,EADK;AAEL;AACAG,QAAAA,IAAI,EAAE,wBAAYA,IAAZ,EAAkBH,EAAE,CAACI,OAAH,EAAlB,EAAgCL,CAAhC,CAHD;AAILG,QAAAA,IAAI,EAAED;AAJD,OAAP;AAMD;;;WAED,kBAAS;AACP,UAAMI,KAAK,GAAG,KAAKC,OAAnB;AADO,2BAEmC,KAAKT,OAFxC;AAAA,UAECU,MAFD,kBAECA,MAFD;AAAA,UAESC,IAFT,kBAESA,IAFT;AAAA,UAEeP,KAFf,kBAEeA,KAFf;AAAA,UAEsBD,EAFtB,kBAEsBA,EAFtB;AAAA,UAE0BG,IAF1B,kBAE0BA,IAF1B;AAIP,aAAO,8CAAOI,MAAP,iBAAe,gCAAC,KAAD;AAAA,gBAAc,MAAd;AAAA,cAA2BC,IAA3B;AAAA,gBAAyCP,KAAzC;AAAA,WAAmDD,EAAE,CAACG,IAAD;AAArD,SAAf,EAAP;AACD;;;EAzCoBM,e;;iCAAjBb,Q,iBACiB,M;iCADjBA,Q,kBAEkB,iBAA+C;AAAA,MAA5CE,CAA4C,SAA5CA,CAA4C;AAAA,MAAzCC,CAAyC,SAAzCA,CAAyC;AAAA,MAAtCW,UAAsC,SAAtCA,UAAsC;AAAA,0BAA1BC,KAA0B;AAAA,MAA1BA,KAA0B,4BAAlBC,oBAAkB;;AAAA,0DAC1CF,UAAU,CAACG,KAD+B;AAAA,MAC5DC,MAD4D;AAAA,MACpDC,MADoD;;AAEnE,SAAO;AACLf,IAAAA,EAAE,EAAE,qBACDI,OADC,CACO,wBAAYN,CAAZ,EAAeC,CAAf,CADP,EAEDY,KAFC,CAEKA,KAFL,EAGDb,CAHC,CAGC,UAACkB,CAAD;AAAA,aAAO,6BAAiBF,MAAjB,EAAyBE,CAAC,CAAClB,CAAD,CAA1B,CAAP;AAAA,KAHD,EAIDC,CAJC,CAIC,UAACiB,CAAD;AAAA,aAAO,6BAAiBD,MAAjB,EAAyBC,CAAC,CAACjB,CAAD,CAA1B,CAAP;AAAA,KAJD,CADC;AAMLE,IAAAA,KAAK,EAAE;AANF,GAAP;AAQD,C;iCAZGL,Q,WAcWqB,K;;;AA8BjB,SAASC,IAAT,CAAcC,KAAd,EAAqB;AAAA,MACFC,KADE,GACgCD,KADhC,CACXb,OADW;AAAA,MACKC,MADL,GACgCY,KADhC,CACKZ,MADL;AAAA,MACaP,EADb,GACgCmB,KADhC,CACanB,EADb;AAAA,MACiBG,IADjB,GACgCgB,KADhC,CACiBhB,IADjB;AAAA,MACuBK,IADvB,GACgCW,KADhC,CACuBX,IADvB;AAEnB,SAAO,+CAAOD,MAAP,iBAAe,gCAAC,KAAD;AAAA,YAAc,MAAd;AAAA,OAAwBP,EAAE,CAACG,IAAD,CAA1B;AAAA,UAAwCK;AAAxC,KAAf,EAAP;AACD;;eAEc,+BAAcZ,QAAd,EAAwB;AACrCyB,EAAAA,IAAI,EAAJA,gBADqC;AAErCH,EAAAA,IAAI,EAAJA;AAFqC,CAAxB,C","sourcesContent":["import React from 'react';\nimport { curveLinear, line as d3Line } from 'd3-shape';\nimport { Component, styled } from '@semcore/core';\nimport createElement from './createElement';\nimport { definedData, scaleOfBandwidth, getNullData } from './utils';\nimport Dots from './Dots';\n\nimport style from './style/line.shadow.css';\n\nclass LineRoot extends Component {\n  static displayName = 'Line';\n  static defaultProps = ({ x, y, $rootProps, curve = curveLinear }) => {\n    const [xScale, yScale] = $rootProps.scale;\n    return {\n      d3: d3Line()\n        .defined(definedData(x, y))\n        .curve(curve)\n        .x((p) => scaleOfBandwidth(xScale, p[x]))\n        .y((p) => scaleOfBandwidth(yScale, p[y])),\n      color: '#50aef4',\n    };\n  };\n\n  static style = style;\n\n  getDotsProps() {\n    const { x, y, d3, color } = this.asProps;\n    return {\n      x,\n      y,\n      d3,\n      fill: color,\n    };\n  }\n\n  getNullProps() {\n    const { y, d3, color, data } = this.asProps;\n    return {\n      d3,\n      // TODO: vertical\n      data: getNullData(data, d3.defined(), y),\n      fill: color,\n    };\n  }\n\n  render() {\n    const SLine = this.Element;\n    const { styles, hide, color, d3, data } = this.asProps;\n\n    return styled(styles)(<SLine render=\"path\" hide={hide} stroke={color} d={d3(data)} />);\n  }\n}\n\nfunction Null(props) {\n  const { Element: SNull, styles, d3, data, hide } = props;\n  return styled(styles)(<SNull render=\"path\" d={d3(data)} hide={hide} />);\n}\n\nexport default createElement(LineRoot, {\n  Dots,\n  Null,\n});\n"],"file":"Line.js"}
+{"version":3,"sources":["../../src/Line.js"],"names":["LineRoot","asProps","x","y","d3","color","duration","delay","data","SLine","Element","styles","hide","uid","size","rect","setAttribute","Component","style","$rootProps","curve","curveLinear","scale","xScale","yScale","defined","p","Null","props","SNull","Dots"],"mappings":"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","sourcesContent":["import React from 'react';\nimport { curveLinear, line as d3Line } from 'd3-shape';\nimport { Component, sstyled } from '@semcore/core';\nimport createElement from './createElement';\nimport { definedData, definedNullData, scaleOfBandwidth, getNullData } from './utils';\nimport Dots from './Dots';\nimport ClipPath from './ClipPath';\nimport uniqueIDEnhancement from '@semcore/utils/lib/uniqueID';\n\nimport style from './style/line.shadow.css';\n\nclass LineRoot extends Component {\n  static displayName = 'Line';\n  static style = style;\n  static enhance = [uniqueIDEnhancement()];\n\n  static defaultProps = ({ x, y, $rootProps, curve = curveLinear }) => {\n    const [xScale, yScale] = $rootProps.scale;\n    return {\n      d3: d3Line()\n        .defined(definedData(x, y))\n        .curve(curve)\n        .x((p) => scaleOfBandwidth(xScale, p[x]))\n        .y((p) => scaleOfBandwidth(yScale, p[y])),\n      color: '#50aef4',\n      duration: 500,\n    };\n  };\n\n  getDotsProps() {\n    const { x, y, d3, color, duration } = this.asProps;\n    return {\n      x,\n      y,\n      d3,\n      color,\n      delay: duration,\n    };\n  }\n\n  getNullProps() {\n    const { x, y, d3, color, data } = this.asProps;\n    return {\n      d3,\n      // TODO: vertical\n      data: getNullData(data, definedNullData(x, y), y),\n      color,\n    };\n  }\n\n  render() {\n    const SLine = this.Element;\n    const { styles, hide, color, uid, size, d3, data, duration } = this.asProps;\n    return sstyled(styles)(\n      <>\n        <SLine\n          clipPath={`url(#${uid})`}\n          render=\"path\"\n          hide={hide}\n          color={color}\n          d={d3(data)}\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 } = props;\n  return sstyled(styles)(<SNull render=\"path\" d={d3(data)} hide={hide} />);\n}\n\nexport default createElement(LineRoot, {\n  Dots,\n  Null,\n});\n"],"file":"Line.js"}

package/lib/cjs/Plot.js

@@ -23,36 +23,22 @@ var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/ge
 
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _core = _interopRequireWildcard(require("@semcore/core"));
 
 var _react = _interopRequireDefault(require("react"));
 
-var _core = _interopRequireWildcard(require("@semcore/core"));
-
 var _flexBox = require("@semcore/flex-box");
 
 var _eventEmitter = _interopRequireDefault(require("@semcore/utils/lib/eventEmitter"));
 
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2["default"])(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2["default"])(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2["default"])(this, result); }; }
 
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
 
-/*__reshadow-styles__:"./style/chart.shadow.css"*/
-var _ref = (
-/*__reshadow_css_start__*/
-(0, _core.__css__)(
-/*__inner_css_start__*/
-""
-/*__inner_css_end__*/
-, "45h_gg_")
-/*__reshadow_css_end__*/
-, {
-  "__SPlot": "___SPlot_lr8ue_gg_"
-}),
-    style = (0, _extends2["default"])({}, _ref);
-
-var styled_c8 = (0, _core.create)([]);
-
 var PlotRoot = /*#__PURE__*/function (_Component) {
   (0, _inherits2["default"])(PlotRoot, _Component);
 
@@ -95,27 +81,28 @@ var PlotRoot = /*#__PURE__*/function (_Component) {
   }, {
     key: "render",
     value: function render() {
-      var SPlot = this.Root;
+      var _ref = this ? this.asProps : arguments[0],
+          _ref2;
+
+      var SPlot = _flexBox.Box;
       var _this$asProps2 = this.asProps,
           styles = _this$asProps2.styles,
           width = _this$asProps2.width,
           height = _this$asProps2.height;
       if (!width || !height) return null;
-      return (0, _core.styled)(((0, _core.set)([styled_c8, styles]), /*#__PURE__*/_react["default"].createElement(SPlot, (0, _core.map)("SPlot", {
-        render: _flexBox.Box,
-        tag: "svg",
-        __excludeProps: ['data', 'scale'],
-        ref: this.rootRef,
-        onMouseMove: this.handlerMouseMove,
-        onMouseLeave: this.handlerMouseLeave
-      }))));
+      return _ref2 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SPlot, _ref2.cn("SPlot", _objectSpread({}, (0, _core.assignProps)({
+        "tag": "svg",
+        "__excludeProps": ['data', 'scale'],
+        "ref": this.rootRef,
+        "onMouseMove": this.handlerMouseMove,
+        "onMouseLeave": this.handlerMouseLeave
+      }, _ref))));
     }
   }]);
   return PlotRoot;
 }(_core.Component);
 
 (0, _defineProperty2["default"])(PlotRoot, "displayName", 'Plot');
-(0, _defineProperty2["default"])(PlotRoot, "style", style);
 (0, _defineProperty2["default"])(PlotRoot, "defaultProps", function () {
   return {
     width: 0,

package/lib/cjs/Plot.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/Plot.js"],"names":["PlotRoot","props","React","createRef","e","eventEmitter","emit","EventEmitter","asProps","scale","data","width","height","$rootProps","size","rootRef","SPlot","Root","styles","Box","handlerMouseMove","handlerMouseLeave","Component","style"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;;;;;;;;;;;;;;;;;;;;;IAIMA,Q;;;;;AAKJ,oBAAYC,KAAZ,EAAmB;AAAA;;AAAA;AACjB,8BAAMA,KAAN;AADiB,6GAUTC,kBAAMC,SAAN,EAVS;AAAA,yGAYA,UAACC,CAAD,EAAO;AACxB,YAAKC,YAAL,CAAkBC,IAAlB,oBAA0CF,CAA1C;AACD,KAdkB;AAAA,0GAgBC,UAACA,CAAD,EAAO;AACzB,YAAKC,YAAL,CAAkBC,IAAlB,qBAA2CF,CAA3C;AACD,KAlBkB;AAEjB,UAAKC,YAAL,GAAoBJ,KAAK,CAACI,YAAN,IAAsB,IAAIE,wBAAJ,EAA1C;AAFiB;AAGlB;;;;WAiBD,sBAAa;AAAA,0BAC4B,KAAKC,OADjC;AAAA,UACHC,KADG,iBACHA,KADG;AAAA,UACIC,IADJ,iBACIA,IADJ;AAAA,UACUC,KADV,iBACUA,KADV;AAAA,UACiBC,MADjB,iBACiBA,MADjB;AAEX,aAAO;AACLC,QAAAA,UAAU,EAAE;AACVC,UAAAA,IAAI,EAAE,CAACH,KAAD,EAAQC,MAAR,CADI;AAEVF,UAAAA,IAAI,EAAEA,IAFI;AAGVD,UAAAA,KAAK,EAAEA,KAHG;AAIVJ,UAAAA,YAAY,EAAE,KAAKA,YAJT;AAKVU,UAAAA,OAAO,EAAE,KAAKA;AALJ;AADP,OAAP;AASD;;;WAED,kBAAS;AACP,UAAMC,KAAK,GAAG,KAAKC,IAAnB;AADO,2BAE2B,KAAKT,OAFhC;AAAA,UAECU,MAFD,kBAECA,MAFD;AAAA,UAESP,KAFT,kBAESA,KAFT;AAAA,UAEgBC,MAFhB,kBAEgBA,MAFhB;AAIP,UAAI,CAACD,KAAD,IAAU,CAACC,MAAf,EAAuB,OAAO,IAAP;AAEvB,aAAO,8CAAOM,MAAP,iBACL,gCAAC,KAAD;AAAA,gBACUC,YADV;AAAA,aAEM,KAFN;AAAA,wBAGkB,CAAC,MAAD,EAAS,OAAT,CAHlB;AAAA,aAIO,KAAKJ,OAJZ;AAAA,qBAKe,KAAKK,gBALpB;AAAA,sBAMgB,KAAKC;AANrB,SADK,EAAP;AAUD;;;EAtDoBC,e;;iCAAjBtB,Q,iBACiB,M;iCADjBA,Q,WAGWuB,K;iCAHXvB,Q,kBAUkB;AAAA,SAAO;AAC3BW,IAAAA,KAAK,EAAE,CADoB;AAE3BC,IAAAA,MAAM,EAAE;AAFmB,GAAP;AAAA,C;;eA+CT,sBAAgBZ,QAAhB,C","sourcesContent":["import React from 'react';\nimport createComponent, { Component, styled } from '@semcore/core';\nimport { Box } from '@semcore/flex-box';\nimport EventEmitter from '@semcore/utils/lib/eventEmitter';\n\nimport style from './style/chart.shadow.css';\n\nclass PlotRoot extends Component {\n  static displayName = 'Plot';\n\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  rootRef = React.createRef();\n\n  handlerMouseMove = (e) => {\n    this.eventEmitter.emit(`onMouseMoveRoot`, e);\n  };\n\n  handlerMouseLeave = (e) => {\n    this.eventEmitter.emit(`onMouseLeaveRoot`, e);\n  };\n\n  setContext() {\n    const { scale, data, width, height } = this.asProps;\n    return {\n      $rootProps: {\n        size: [width, height],\n        data: data,\n        scale: scale,\n        eventEmitter: this.eventEmitter,\n        rootRef: this.rootRef,\n      },\n    };\n  }\n\n  render() {\n    const SPlot = this.Root;\n    const { styles, width, height } = this.asProps;\n\n    if (!width || !height) return null;\n\n    return styled(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      />,\n    );\n  }\n}\n\nexport default createComponent(PlotRoot);\n"],"file":"Plot.js"}
+{"version":3,"sources":["../../src/Plot.js"],"names":["PlotRoot","props","React","createRef","e","eventEmitter","emit","EventEmitter","asProps","scale","data","width","height","$rootProps","size","rootRef","SPlot","Box","styles","handlerMouseMove","handlerMouseLeave","Component"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AACA;;AADA;;AAEA;;AACA;;;;;;;;;;IAEMA,Q;;;;;AAGJ,oBAAYC,KAAZ,EAAmB;AAAA;;AAAA;AACjB,8BAAMA,KAAN;AADiB,6GAUTC,kBAAMC,SAAN,EAVS;AAAA,yGAYA,UAACC,CAAD,EAAO;AACxB,YAAKC,YAAL,CAAkBC,IAAlB,oBAA0CF,CAA1C;AACD,KAdkB;AAAA,0GAgBC,UAACA,CAAD,EAAO;AACzB,YAAKC,YAAL,CAAkBC,IAAlB,qBAA2CF,CAA3C;AACD,KAlBkB;AAEjB,UAAKC,YAAL,GAAoBJ,KAAK,CAACI,YAAN,IAAsB,IAAIE,wBAAJ,EAA1C;AAFiB;AAGlB;;;;WAiBD,sBAAa;AAAA,0BAC4B,KAAKC,OADjC;AAAA,UACHC,KADG,iBACHA,KADG;AAAA,UACIC,IADJ,iBACIA,IADJ;AAAA,UACUC,KADV,iBACUA,KADV;AAAA,UACiBC,MADjB,iBACiBA,MADjB;AAEX,aAAO;AACLC,QAAAA,UAAU,EAAE;AACVC,UAAAA,IAAI,EAAE,CAACH,KAAD,EAAQC,MAAR,CADI;AAEVF,UAAAA,IAAI,EAAEA,IAFI;AAGVD,UAAAA,KAAK,EAAEA,KAHG;AAIVJ,UAAAA,YAAY,EAAE,KAAKA,YAJT;AAKVU,UAAAA,OAAO,EAAE,KAAKA;AALJ;AADP,OAAP;AASD;;;WAED,kBAAS;AAAA;AAAA;;AACP,UAAMC,KAAK,GAOCC,YAPZ;AADO,2BAE2B,KAAKT,OAFhC;AAAA,UAECU,MAFD,kBAECA,MAFD;AAAA,UAESP,KAFT,kBAESA,KAFT;AAAA,UAEgBC,MAFhB,kBAEgBA,MAFhB;AAIP,UAAI,CAACD,KAAD,IAAU,CAACC,MAAf,EAAuB,OAAO,IAAP;AAEvB,qBAAO,mBAAQM,MAAR,CAAP,eACE,gCAAC,KAAD;AAAA,eAEM,KAFN;AAAA,0BAGkB,CAAC,MAAD,EAAS,OAAT,CAHlB;AAAA,eAIO,KAAKH,OAJZ;AAAA,uBAKe,KAAKI,gBALpB;AAAA,wBAMgB,KAAKC;AANrB,iBADF;AAUD;;;EApDoBC,e;;iCAAjBrB,Q,iBACiB,M;iCADjBA,Q,kBAQkB;AAAA,SAAO;AAC3BW,IAAAA,KAAK,EAAE,CADoB;AAE3BC,IAAAA,MAAM,EAAE;AAFmB,GAAP;AAAA,C;;eA+CT,sBAAgBZ,QAAhB,C","sourcesContent":["import React from 'react';\nimport createComponent, { Component, Root, sstyled } from '@semcore/core';\nimport { Box } from '@semcore/flex-box';\nimport EventEmitter from '@semcore/utils/lib/eventEmitter';\n\nclass PlotRoot extends Component {\n  static displayName = 'Plot';\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  rootRef = React.createRef();\n\n  handlerMouseMove = (e) => {\n    this.eventEmitter.emit(`onMouseMoveRoot`, e);\n  };\n\n  handlerMouseLeave = (e) => {\n    this.eventEmitter.emit(`onMouseLeaveRoot`, e);\n  };\n\n  setContext() {\n    const { scale, data, width, height } = this.asProps;\n    return {\n      $rootProps: {\n        size: [width, height],\n        data: data,\n        scale: scale,\n        eventEmitter: this.eventEmitter,\n        rootRef: this.rootRef,\n      },\n    };\n  }\n\n  render() {\n    const SPlot = Root;\n    const { styles, width, height } = this.asProps;\n\n    if (!width || !height) return null;\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      />,\n    );\n  }\n}\n\nexport default createComponent(PlotRoot);\n"],"file":"Plot.js"}

package/lib/cjs/ResponsiveContainer.js

@@ -25,12 +25,12 @@ var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/ge
 
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 
+var _core = _interopRequireWildcard(require("@semcore/core"));
+
 var _react = _interopRequireDefault(require("react"));
 
 var _resizeObserverPolyfill = _interopRequireDefault(require("resize-observer-polyfill"));
 
-var _core = _interopRequireWildcard(require("@semcore/core"));
-
 var _flexBox = require("@semcore/flex-box");
 
 var _rafTrottle = _interopRequireDefault(require("@semcore/utils/lib/rafTrottle"));
@@ -39,12 +39,14 @@ var _fire = _interopRequireDefault(require("@semcore/utils/lib/fire"));
 
 var _getOriginChildren = _interopRequireDefault(require("@semcore/utils/lib/getOriginChildren"));
 
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2["default"])(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2["default"])(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2["default"])(this, result); }; }
 
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
 
-var styled_c8 = (0, _core.create)([]);
-
 var ResponsiveContainerRoot = /*#__PURE__*/function (_Component) {
   (0, _inherits2["default"])(ResponsiveContainerRoot, _Component);
 
@@ -126,12 +128,14 @@ var ResponsiveContainerRoot = /*#__PURE__*/function (_Component) {
   }, {
     key: "render",
     value: function render() {
-      var SResponsiveContainer = this.Root;
+      var _ref = this ? this.asProps : arguments[0],
+          _ref2;
+
+      var SResponsiveContainer = _flexBox.Box;
       var styles = this.asProps.styles;
-      return (0, _core.styled)(((0, _core.set)([styled_c8, styles]), /*#__PURE__*/_react["default"].createElement(SResponsiveContainer, (0, _core.map)("SResponsiveContainer", {
-        render: _flexBox.Box,
-        ref: this.containerRef
-      }))));
+      return _ref2 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SResponsiveContainer, _ref2.cn("SResponsiveContainer", _objectSpread({}, (0, _core.assignProps)({
+        "ref": this.containerRef
+      }, _ref))));
     }
   }]);
   return ResponsiveContainerRoot;

package/lib/cjs/ResponsiveContainer.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/ResponsiveContainer.js"],"names":["ResponsiveContainerRoot","props","React","createRef","entries","asProps","Children","aspect","$container","width","clientWidth","height","clientHeight","style","window","getComputedStyle","minHeight","Number","parseInt","getPropertyValue","maxHeight","size","forceUpdate","observer","ResizeObserver","handleResize","containerRef","current","observe","disconnect","SResponsiveContainer","Root","styles","Box","Component","ResponsiveContainer"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AAEA;;AACA;;AACA;;AACA;;AACA;;;;;;;;IAEMA,uB;;;;;AAMJ,mCAAYC,KAAZ,EAAmB;AAAA;;AAAA;AACjB,8BAAMA,KAAN;AADiB,kHAHJC,kBAAMC,SAAN,EAGI;AAAA,6FAFZ,CAAC,CAAD,EAAI,CAAJ,CAEY;AAAA,qGASJ,4BAAQ,UAACC,OAAD,EAAa;AAAA,0BACL,MAAKC,OADA;AAAA,UAC1BC,QAD0B,iBAC1BA,QAD0B;AAAA,UAChBC,MADgB,iBAChBA,MADgB;AAAA,6BAEiB,MAAKC,UAFtB;AAAA,UAEfC,KAFe,oBAE5BC,WAF4B;AAAA,UAEMC,MAFN,oBAERC,YAFQ;;AAIlC,UAAIL,MAAJ,EAAY;AACV,YAAMM,KAAK,GAAGC,MAAM,CAACC,gBAAP,CAAwB,MAAKP,UAA7B,CAAd;AACA,YAAMQ,SAAS,GAAGC,MAAM,CAACC,QAAP,CAAgBL,KAAK,CAACM,gBAAN,CAAuB,YAAvB,CAAhB,CAAlB;AACA,YAAMC,SAAS,GAAGH,MAAM,CAACC,QAAP,CAAgBL,KAAK,CAACM,gBAAN,CAAuB,YAAvB,CAAhB,CAAlB;AACAR,QAAAA,MAAM,GAAGF,KAAK,GAAGF,MAAjB;;AAEA,YAAII,MAAM,GAAGK,SAAb,EAAwB;AACtBL,UAAAA,MAAM,GAAGK,SAAT;AACD;;AACD,YAAIL,MAAM,GAAGS,SAAb,EAAwB;AACtBT,UAAAA,MAAM,GAAGS,SAAT;AACD;AACF;;AAED,UAAI,MAAKC,IAAL,CAAU,CAAV,MAAiBZ,KAAjB,IAA0B,MAAKY,IAAL,CAAU,CAAV,MAAiBV,MAA/C,EAAuD;AAEvD,YAAKU,IAAL,GAAY,CAACZ,KAAD,EAAQE,MAAR,CAAZ;AAEA,4EAAW,UAAX,EAAuB,MAAKU,IAA5B,EAAkCjB,OAAlC;;AAEA,UAAI,OAAO,mCAAkBE,QAAlB,CAAP,KAAuC,UAA3C,EAAuD;AACrD,cAAKgB,WAAL;AACD;AACF,KA3Bc,CATI;AAEjB,UAAKC,QAAL,GAAgB,IAAIC,kCAAJ,CAAmB,MAAKC,YAAxB,CAAhB;AAFiB;AAGlB;;;;SAED,eAAiB;AACf,aAAO,KAAKC,YAAL,CAAkBC,OAAzB;AACD;;;WA+BD,sBAAa;AAAA,uDACa,KAAKN,IADlB;AAAA,UACJZ,KADI;AAAA,UACGE,MADH;;AAEX,aAAO;AACLF,QAAAA,KAAK,EAALA,KADK;AAELE,QAAAA,MAAM,EAANA;AAFK,OAAP;AAID;;;WAED,6BAAoB;AAClB,UAAI,KAAKH,UAAT,EAAqB;AACnB;AACA,aAAKe,QAAL,CAAcK,OAAd,CAAsB,KAAKpB,UAA3B;AACD;AACF,K,CAED;;;;WAEA,gCAAuB;AACrB,WAAKe,QAAL,CAAcM,UAAd;AACD;;;WAED,kBAAS;AACP,UAAMC,oBAAoB,GAAG,KAAKC,IAAlC;AADO,UAECC,MAFD,GAEY,KAAK3B,OAFjB,CAEC2B,MAFD;AAGP,aAAO,8CAAOA,MAAP,iBAAe,gCAAC,oBAAD;AAAA,gBAA8BC,YAA9B;AAAA,aAAwC,KAAKP;AAA7C,SAAf,EAAP;AACD;;;EArEmCQ,e;;iCAAhClC,uB,iBACiB,qB;AAuEvB,IAAMmC,mBAAmB,GAAG,sBAAgBnC,uBAAhB,CAA5B;eAEemC,mB","sourcesContent":["import React from 'react';\nimport ResizeObserver from 'resize-observer-polyfill';\n\nimport createComponent, { Component, styled } from '@semcore/core';\nimport { Box } from '@semcore/flex-box';\nimport trottle from '@semcore/utils/lib/rafTrottle';\nimport fire from '@semcore/utils/lib/fire';\nimport getOriginChildren from '@semcore/utils/lib/getOriginChildren';\n\nclass ResponsiveContainerRoot extends Component {\n  static displayName = 'ResponsiveContainer';\n\n  containerRef = React.createRef();\n  size = [0, 0];\n\n  constructor(props) {\n    super(props);\n    this.observer = new ResizeObserver(this.handleResize);\n  }\n\n  get $container() {\n    return this.containerRef.current;\n  }\n\n  handleResize = trottle((entries) => {\n    const { Children, aspect } = this.asProps;\n    let { clientWidth: width, clientHeight: height } = this.$container;\n\n    if (aspect) {\n      const style = window.getComputedStyle(this.$container);\n      const minHeight = Number.parseInt(style.getPropertyValue('min-height'));\n      const maxHeight = Number.parseInt(style.getPropertyValue('max-height'));\n      height = width * aspect;\n\n      if (height < minHeight) {\n        height = minHeight;\n      }\n      if (height > maxHeight) {\n        height = maxHeight;\n      }\n    }\n\n    if (this.size[0] === width && this.size[1] === height) return;\n\n    this.size = [width, height];\n\n    fire(this, 'onResize', this.size, entries);\n\n    if (typeof getOriginChildren(Children) === 'function') {\n      this.forceUpdate();\n    }\n  });\n\n  setContext() {\n    const [width, height] = this.size;\n    return {\n      width,\n      height,\n    };\n  }\n\n  componentDidMount() {\n    if (this.$container) {\n      // TODO ускорить можно?\n      this.observer.observe(this.$container);\n    }\n  }\n\n  // TODO component did update ref?\n\n  componentWillUnmount() {\n    this.observer.disconnect();\n  }\n\n  render() {\n    const SResponsiveContainer = this.Root;\n    const { styles } = this.asProps;\n    return styled(styles)(<SResponsiveContainer render={Box} ref={this.containerRef} />);\n  }\n}\n\nconst ResponsiveContainer = createComponent(ResponsiveContainerRoot);\n\nexport default ResponsiveContainer;\n"],"file":"ResponsiveContainer.js"}
+{"version":3,"sources":["../../src/ResponsiveContainer.js"],"names":["ResponsiveContainerRoot","props","React","createRef","entries","asProps","Children","aspect","$container","width","clientWidth","height","clientHeight","style","window","getComputedStyle","minHeight","Number","parseInt","getPropertyValue","maxHeight","size","forceUpdate","observer","ResizeObserver","handleResize","containerRef","current","observe","disconnect","SResponsiveContainer","Box","styles","Component","ResponsiveContainer"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAGA;;AAHA;;AACA;;AAGA;;AACA;;AACA;;AACA;;;;;;;;;;IAEMA,uB;;;;;AAMJ,mCAAYC,KAAZ,EAAmB;AAAA;;AAAA;AACjB,8BAAMA,KAAN;AADiB,kHAHJC,kBAAMC,SAAN,EAGI;AAAA,6FAFZ,CAAC,CAAD,EAAI,CAAJ,CAEY;AAAA,qGASJ,4BAAQ,UAACC,OAAD,EAAa;AAAA,0BACL,MAAKC,OADA;AAAA,UAC1BC,QAD0B,iBAC1BA,QAD0B;AAAA,UAChBC,MADgB,iBAChBA,MADgB;AAAA,6BAEiB,MAAKC,UAFtB;AAAA,UAEfC,KAFe,oBAE5BC,WAF4B;AAAA,UAEMC,MAFN,oBAERC,YAFQ;;AAIlC,UAAIL,MAAJ,EAAY;AACV,YAAMM,KAAK,GAAGC,MAAM,CAACC,gBAAP,CAAwB,MAAKP,UAA7B,CAAd;AACA,YAAMQ,SAAS,GAAGC,MAAM,CAACC,QAAP,CAAgBL,KAAK,CAACM,gBAAN,CAAuB,YAAvB,CAAhB,CAAlB;AACA,YAAMC,SAAS,GAAGH,MAAM,CAACC,QAAP,CAAgBL,KAAK,CAACM,gBAAN,CAAuB,YAAvB,CAAhB,CAAlB;AACAR,QAAAA,MAAM,GAAGF,KAAK,GAAGF,MAAjB;;AAEA,YAAII,MAAM,GAAGK,SAAb,EAAwB;AACtBL,UAAAA,MAAM,GAAGK,SAAT;AACD;;AACD,YAAIL,MAAM,GAAGS,SAAb,EAAwB;AACtBT,UAAAA,MAAM,GAAGS,SAAT;AACD;AACF;;AAED,UAAI,MAAKC,IAAL,CAAU,CAAV,MAAiBZ,KAAjB,IAA0B,MAAKY,IAAL,CAAU,CAAV,MAAiBV,MAA/C,EAAuD;AAEvD,YAAKU,IAAL,GAAY,CAACZ,KAAD,EAAQE,MAAR,CAAZ;AAEA,4EAAW,UAAX,EAAuB,MAAKU,IAA5B,EAAkCjB,OAAlC;;AAEA,UAAI,OAAO,mCAAkBE,QAAlB,CAAP,KAAuC,UAA3C,EAAuD;AACrD,cAAKgB,WAAL;AACD;AACF,KA3Bc,CATI;AAEjB,UAAKC,QAAL,GAAgB,IAAIC,kCAAJ,CAAmB,MAAKC,YAAxB,CAAhB;AAFiB;AAGlB;;;;SAED,eAAiB;AACf,aAAO,KAAKC,YAAL,CAAkBC,OAAzB;AACD;;;WA+BD,sBAAa;AAAA,uDACa,KAAKN,IADlB;AAAA,UACJZ,KADI;AAAA,UACGE,MADH;;AAEX,aAAO;AACLF,QAAAA,KAAK,EAALA,KADK;AAELE,QAAAA,MAAM,EAANA;AAFK,OAAP;AAID;;;WAED,6BAAoB;AAClB,UAAI,KAAKH,UAAT,EAAqB;AACnB;AACA,aAAKe,QAAL,CAAcK,OAAd,CAAsB,KAAKpB,UAA3B;AACD;AACF,K,CAED;;;;WAEA,gCAAuB;AACrB,WAAKe,QAAL,CAAcM,UAAd;AACD;;;WAED,kBAAS;AAAA;AAAA;;AACP,UAAMC,oBAAoB,GAE2BC,YAFrD;AADO,UAECC,MAFD,GAEY,KAAK3B,OAFjB,CAEC2B,MAFD;AAGP,qBAAO,mBAAQA,MAAR,CAAP,eAAuB,gCAAC,oBAAD;AAAA,eAAwC,KAAKN;AAA7C,iBAAvB;AACD;;;EArEmCO,e;;iCAAhCjC,uB,iBACiB,qB;AAuEvB,IAAMkC,mBAAmB,GAAG,sBAAgBlC,uBAAhB,CAA5B;eAEekC,mB","sourcesContent":["import React from 'react';\nimport ResizeObserver from 'resize-observer-polyfill';\n\nimport createComponent, { Component, Root, sstyled } from '@semcore/core';\nimport { Box } from '@semcore/flex-box';\nimport trottle from '@semcore/utils/lib/rafTrottle';\nimport fire from '@semcore/utils/lib/fire';\nimport getOriginChildren from '@semcore/utils/lib/getOriginChildren';\n\nclass ResponsiveContainerRoot extends Component {\n  static displayName = 'ResponsiveContainer';\n\n  containerRef = React.createRef();\n  size = [0, 0];\n\n  constructor(props) {\n    super(props);\n    this.observer = new ResizeObserver(this.handleResize);\n  }\n\n  get $container() {\n    return this.containerRef.current;\n  }\n\n  handleResize = trottle((entries) => {\n    const { Children, aspect } = this.asProps;\n    let { clientWidth: width, clientHeight: height } = this.$container;\n\n    if (aspect) {\n      const style = window.getComputedStyle(this.$container);\n      const minHeight = Number.parseInt(style.getPropertyValue('min-height'));\n      const maxHeight = Number.parseInt(style.getPropertyValue('max-height'));\n      height = width * aspect;\n\n      if (height < minHeight) {\n        height = minHeight;\n      }\n      if (height > maxHeight) {\n        height = maxHeight;\n      }\n    }\n\n    if (this.size[0] === width && this.size[1] === height) return;\n\n    this.size = [width, height];\n\n    fire(this, 'onResize', this.size, entries);\n\n    if (typeof getOriginChildren(Children) === 'function') {\n      this.forceUpdate();\n    }\n  });\n\n  setContext() {\n    const [width, height] = this.size;\n    return {\n      width,\n      height,\n    };\n  }\n\n  componentDidMount() {\n    if (this.$container) {\n      // TODO ускорить можно?\n      this.observer.observe(this.$container);\n    }\n  }\n\n  // TODO component did update ref?\n\n  componentWillUnmount() {\n    this.observer.disconnect();\n  }\n\n  render() {\n    const SResponsiveContainer = Root;\n    const { styles } = this.asProps;\n    return sstyled(styles)(<SResponsiveContainer render={Box} ref={this.containerRef} />);\n  }\n}\n\nconst ResponsiveContainer = createComponent(ResponsiveContainerRoot);\n\nexport default ResponsiveContainer;\n"],"file":"ResponsiveContainer.js"}

package/lib/cjs/StackBar.js

@@ -48,14 +48,14 @@ var _ref = (
 /*__reshadow_css_start__*/
 (0, _core.__css__)(
 /*__inner_css_start__*/
-".___SBar_1hszr_gg_.__hide_1hszr_gg_{display:none}.___SBackground_1hszr_gg_{fill:#e4ecf1}"
+".___SBar_1gmrz_gg_{fill:var(--color);transition-property:height,width,y;transition-duration:var(--duration);transition-timing-function:ease-in-out}.___SBar_1gmrz_gg_.__hide_1gmrz_gg_{display:none}.___SBackground_1gmrz_gg_{fill:#e4ecf1}"
 /*__inner_css_end__*/
-, "th1p05_gg_")
+, "y9x1rp_gg_")
 /*__reshadow_css_end__*/
 , {
-  "__SBar": "___SBar_1hszr_gg_",
-  "_hide": "__hide_1hszr_gg_",
-  "__SBackground": "___SBackground_1hszr_gg_"
+  "__SBar": "___SBar_1gmrz_gg_",
+  "_hide": "__hide_1gmrz_gg_",
+  "__SBackground": "___SBackground_1gmrz_gg_"
 }),
     style = (0, _extends2["default"])({}, _ref);
 
@@ -93,7 +93,7 @@ var StackBarRoot = /*#__PURE__*/function (_Component) {
           return acc;
         }, []);
 
-        stack.keys(keys);
+        stack.keys(keys.reverse());
       }
 
       return stack(data);

package/lib/cjs/StackBar.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/StackBar.js"],"names":["DEFAULT_INSTANCE","Symbol","XY0","StackBarRoot","asProps","Children","data","stack","keys","React","toArray","reduce","acc","child","isValidElement","type","StackBar","Bar","push","props","y","HorizontalBar","x","series","find","s","key","map","y0","x0","Element","getSeries","Component","style"],"mappings":"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","sourcesContent":["import React from 'react';\nimport { stack as d3Stack } from 'd3-shape';\nimport { Component } from '@semcore/core';\nimport getOriginChildren from '@semcore/utils/lib/getOriginChildren';\nimport createElement from './createElement';\nimport Bar from './Bar';\nimport HorizontalBar from './HorizontalBar';\n\nimport style from './style/bar.shadow.css';\n\nconst DEFAULT_INSTANCE = Symbol('DEFAULT_INSTANCE');\nconst XY0 = Symbol('XY0');\n\nclass StackBarRoot extends Component {\n  static displayName = 'StackBar';\n\n  static style = style;\n\n  static defaultProps = () => {\n    const stack = d3Stack();\n    stack[DEFAULT_INSTANCE] = true;\n    return { stack };\n  };\n\n  getSeries() {\n    const { Children, data, stack } = this.asProps;\n\n    if (stack[DEFAULT_INSTANCE]) {\n      const keys = React.Children.toArray(getOriginChildren(Children)).reduce((acc, child) => {\n        if (React.isValidElement(child) && child.type === StackBar.Bar) {\n          acc.push(child.props.y);\n        }\n        if (React.isValidElement(child) && child.type === StackBar.HorizontalBar) {\n          acc.push(child.props.x);\n        }\n        return acc;\n      }, []);\n      stack.keys(keys);\n    }\n\n    return stack(data);\n  }\n\n  getBarProps({ y }) {\n    const { x } = this.asProps;\n\n    const series = this.series.find((s) => s.key === y);\n\n    return {\n      data: series.map((s) => ({\n        ...s.data,\n        [y]: s[1],\n        [XY0]: s[0],\n      })),\n      y0: XY0,\n      x,\n    };\n  }\n\n  getHorizontalBarProps({ x }) {\n    const { y } = this.asProps;\n\n    const series = this.series.find((s) => s.key === x);\n\n    return {\n      data: series.map((s) => ({\n        ...s.data,\n        [x]: s[1],\n        [XY0]: s[0],\n      })),\n      x0: XY0,\n      y,\n    };\n  }\n\n  render() {\n    const Element = this.Element;\n    this.series = this.getSeries();\n    return <Element render=\"g\" series={this.series} />;\n  }\n}\n\nconst StackBar = createElement(StackBarRoot, {\n  Bar,\n  HorizontalBar,\n});\n\nexport default StackBar;\n"],"file":"StackBar.js"}
+{"version":3,"sources":["../../src/StackBar.js"],"names":["DEFAULT_INSTANCE","Symbol","XY0","StackBarRoot","asProps","Children","data","stack","keys","React","toArray","reduce","acc","child","isValidElement","type","StackBar","Bar","push","props","y","HorizontalBar","x","reverse","series","find","s","key","map","y0","x0","Element","getSeries","Component","style"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;;;;;;;;;;;;;;;;;;;;;AAIA,IAAMA,gBAAgB,GAAGC,MAAM,CAAC,kBAAD,CAA/B;AACA,IAAMC,GAAG,GAAGD,MAAM,CAAC,KAAD,CAAlB;;IAEME,Y;;;;;;;;;;;;WAWJ,qBAAY;AAAA,0BACwB,KAAKC,OAD7B;AAAA,UACFC,QADE,iBACFA,QADE;AAAA,UACQC,IADR,iBACQA,IADR;AAAA,UACcC,KADd,iBACcA,KADd;;AAGV,UAAIA,KAAK,CAACP,gBAAD,CAAT,EAA6B;AAC3B,YAAMQ,IAAI,GAAGC,kBAAMJ,QAAN,CAAeK,OAAf,CAAuB,mCAAkBL,QAAlB,CAAvB,EAAoDM,MAApD,CAA2D,UAACC,GAAD,EAAMC,KAAN,EAAgB;AACtF,cAAI,gCAAMC,cAAN,CAAqBD,KAArB,KAA+BA,KAAK,CAACE,IAAN,KAAeC,QAAQ,CAACC,GAA3D,EAAgE;AAC9DL,YAAAA,GAAG,CAACM,IAAJ,CAASL,KAAK,CAACM,KAAN,CAAYC,CAArB;AACD;;AACD,cAAI,gCAAMN,cAAN,CAAqBD,KAArB,KAA+BA,KAAK,CAACE,IAAN,KAAeC,QAAQ,CAACK,aAA3D,EAA0E;AACxET,YAAAA,GAAG,CAACM,IAAJ,CAASL,KAAK,CAACM,KAAN,CAAYG,CAArB;AACD;;AACD,iBAAOV,GAAP;AACD,SARY,EAQV,EARU,CAAb;;AASAL,QAAAA,KAAK,CAACC,IAAN,CAAWA,IAAI,CAACe,OAAL,EAAX;AACD;;AAED,aAAOhB,KAAK,CAACD,IAAD,CAAZ;AACD;;;WAED,4BAAmB;AAAA,UAALc,CAAK,SAALA,CAAK;AAAA,UACTE,CADS,GACH,KAAKlB,OADF,CACTkB,CADS;AAGjB,UAAME,MAAM,GAAG,KAAKA,MAAL,CAAYC,IAAZ,CAAiB,UAACC,CAAD;AAAA,eAAOA,CAAC,CAACC,GAAF,KAAUP,CAAjB;AAAA,OAAjB,CAAf;AAEA,aAAO;AACLd,QAAAA,IAAI,EAAEkB,MAAM,CAACI,GAAP,CAAW,UAACF,CAAD;AAAA;;AAAA,iDACZA,CAAC,CAACpB,IADU,8EAEdc,CAFc,EAEVM,CAAC,CAAC,CAAD,CAFS,oDAGdxB,GAHc,EAGRwB,CAAC,CAAC,CAAD,CAHO;AAAA,SAAX,CADD;AAMLG,QAAAA,EAAE,EAAE3B,GANC;AAOLoB,QAAAA,CAAC,EAADA;AAPK,OAAP;AASD;;;WAED,sCAA6B;AAAA,UAALA,CAAK,SAALA,CAAK;AAAA,UACnBF,CADmB,GACb,KAAKhB,OADQ,CACnBgB,CADmB;AAG3B,UAAMI,MAAM,GAAG,KAAKA,MAAL,CAAYC,IAAZ,CAAiB,UAACC,CAAD;AAAA,eAAOA,CAAC,CAACC,GAAF,KAAUL,CAAjB;AAAA,OAAjB,CAAf;AAEA,aAAO;AACLhB,QAAAA,IAAI,EAAEkB,MAAM,CAACI,GAAP,CAAW,UAACF,CAAD;AAAA;;AAAA,iDACZA,CAAC,CAACpB,IADU,8EAEdgB,CAFc,EAEVI,CAAC,CAAC,CAAD,CAFS,oDAGdxB,GAHc,EAGRwB,CAAC,CAAC,CAAD,CAHO;AAAA,SAAX,CADD;AAMLI,QAAAA,EAAE,EAAE5B,GANC;AAOLkB,QAAAA,CAAC,EAADA;AAPK,OAAP;AASD;;;WAED,kBAAS;AACP,UAAMW,OAAO,GAAG,KAAKA,OAArB;AACA,WAAKP,MAAL,GAAc,KAAKQ,SAAL,EAAd;AACA,0BAAO,gCAAC,OAAD;AAAS,QAAA,MAAM,EAAC,GAAhB;AAAoB,QAAA,MAAM,EAAE,KAAKR;AAAjC,QAAP;AACD;;;EAlEwBS,e;;iCAArB9B,Y,iBACiB,U;iCADjBA,Y,WAGW+B,K;iCAHX/B,Y,kBAKkB,YAAM;AAC1B,MAAMI,KAAK,GAAG,qBAAd;AACAA,EAAAA,KAAK,CAACP,gBAAD,CAAL,GAA0B,IAA1B;AACA,SAAO;AAAEO,IAAAA,KAAK,EAALA;AAAF,GAAP;AACD,C;AA4DH,IAAMS,QAAQ,GAAG,+BAAcb,YAAd,EAA4B;AAC3Cc,EAAAA,GAAG,EAAHA,eAD2C;AAE3CI,EAAAA,aAAa,EAAbA;AAF2C,CAA5B,CAAjB;eAKeL,Q","sourcesContent":["import React from 'react';\nimport { stack as d3Stack } from 'd3-shape';\nimport { Component } from '@semcore/core';\nimport getOriginChildren from '@semcore/utils/lib/getOriginChildren';\nimport createElement from './createElement';\nimport Bar from './Bar';\nimport HorizontalBar from './HorizontalBar';\n\nimport style from './style/bar.shadow.css';\n\nconst DEFAULT_INSTANCE = Symbol('DEFAULT_INSTANCE');\nconst XY0 = Symbol('XY0');\n\nclass StackBarRoot extends Component {\n  static displayName = 'StackBar';\n\n  static style = style;\n\n  static defaultProps = () => {\n    const stack = d3Stack();\n    stack[DEFAULT_INSTANCE] = true;\n    return { stack };\n  };\n\n  getSeries() {\n    const { Children, data, stack } = this.asProps;\n\n    if (stack[DEFAULT_INSTANCE]) {\n      const keys = React.Children.toArray(getOriginChildren(Children)).reduce((acc, child) => {\n        if (React.isValidElement(child) && child.type === StackBar.Bar) {\n          acc.push(child.props.y);\n        }\n        if (React.isValidElement(child) && child.type === StackBar.HorizontalBar) {\n          acc.push(child.props.x);\n        }\n        return acc;\n      }, []);\n      stack.keys(keys.reverse());\n    }\n\n    return stack(data);\n  }\n\n  getBarProps({ y }) {\n    const { x } = this.asProps;\n\n    const series = this.series.find((s) => s.key === y);\n\n    return {\n      data: series.map((s) => ({\n        ...s.data,\n        [y]: s[1],\n        [XY0]: s[0],\n      })),\n      y0: XY0,\n      x,\n    };\n  }\n\n  getHorizontalBarProps({ x }) {\n    const { y } = this.asProps;\n\n    const series = this.series.find((s) => s.key === x);\n\n    return {\n      data: series.map((s) => ({\n        ...s.data,\n        [x]: s[1],\n        [XY0]: s[0],\n      })),\n      x0: XY0,\n      y,\n    };\n  }\n\n  render() {\n    const Element = this.Element;\n    this.series = this.getSeries();\n    return <Element render=\"g\" series={this.series} />;\n  }\n}\n\nconst StackBar = createElement(StackBarRoot, {\n  Bar,\n  HorizontalBar,\n});\n\nexport default StackBar;\n"],"file":"StackBar.js"}

package/lib/cjs/StackedArea.js

@@ -46,16 +46,15 @@ var _ref = (
 /*__reshadow_css_start__*/
 (0, _core.__css__)(
 /*__inner_css_start__*/
-".___SDot_rh8el_gg_{stroke-width:2px;stroke:#fff;r:6px}.___SDot_rh8el_gg_.__hide_rh8el_gg_{display:none}.___SDot_rh8el_gg_.__active_rh8el_gg_{r:8px}.___SNull_rh8el_gg_{fill:transparent;stroke:#bdc4c6;stroke-dasharray:4}.___SNull_rh8el_gg_.__hide_rh8el_gg_{display:none}"
+".___SArea_1hbbk_gg_{fill:var(--color);fill-opacity:.4}.___SAreaLine_1hbbk_gg_{stroke:var(--color);stroke-width:3;fill:transparent}.___SArea_1hbbk_gg_,.___SAreaLine_1hbbk_gg_{transition-property:d;transition-duration:var(--duration);transition-timing-function:ease-in-out}.___SNull_1hbbk_gg_{fill:transparent;stroke:#bdc4c6;stroke-dasharray:4}.___SNull_1hbbk_gg_.__hide_1hbbk_gg_{display:none}"
 /*__inner_css_end__*/
-, "16iadpo_gg_")
+, "1etf1m1_gg_")
 /*__reshadow_css_end__*/
 , {
-  "__SArea": "___SArea_rh8el_gg_",
-  "__SDot": "___SDot_rh8el_gg_",
-  "_hide": "__hide_rh8el_gg_",
-  "_active": "__active_rh8el_gg_",
-  "__SNull": "___SNull_rh8el_gg_"
+  "__SArea": "___SArea_1hbbk_gg_",
+  "__SAreaLine": "___SAreaLine_1hbbk_gg_",
+  "__SNull": "___SNull_1hbbk_gg_",
+  "_hide": "__hide_1hbbk_gg_"
 }),
     style = (0, _extends2["default"])({}, _ref);
 
@@ -89,7 +88,7 @@ var StackedAreaRoot = /*#__PURE__*/function (_Component) {
           return acc;
         }, []);
 
-        stack.keys(keys);
+        stack.keys(keys.reverse());
       }
 
       return stack(data);
@@ -106,7 +105,7 @@ var StackedAreaRoot = /*#__PURE__*/function (_Component) {
         data: series.map(function (s) {
           var _objectSpread2;
 
-          return _objectSpread(_objectSpread({}, s.data), {}, (_objectSpread2 = {}, (0, _defineProperty2["default"])(_objectSpread2, y, s[1] === 0 ? null : s[1]), (0, _defineProperty2["default"])(_objectSpread2, Y0, s[0]), _objectSpread2));
+          return _objectSpread(_objectSpread({}, s.data), {}, (_objectSpread2 = {}, (0, _defineProperty2["default"])(_objectSpread2, y, s.data[y] === null ? null : s[1]), (0, _defineProperty2["default"])(_objectSpread2, Y0, s[0]), _objectSpread2));
         }),
         y0: Y0,
         x: x

package/lib/cjs/StackedArea.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/StackedArea.js"],"names":["DEFAULT_INSTANCE","Symbol","Y0","StackedAreaRoot","asProps","Children","data","stack","keys","React","toArray","reduce","acc","child","isValidElement","type","StackedArea","Area","push","props","y","x","series","find","s","key","map","y0","Element","getSeries","Component","style"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAIA,IAAMA,gBAAgB,GAAGC,MAAM,CAAC,kBAAD,CAA/B;AACA,IAAMC,EAAE,GAAGD,MAAM,CAAC,IAAD,CAAjB;;IAEME,e;;;;;;;;;;;;WAWJ,qBAAY;AAAA,0BACwB,KAAKC,OAD7B;AAAA,UACFC,QADE,iBACFA,QADE;AAAA,UACQC,IADR,iBACQA,IADR;AAAA,UACcC,KADd,iBACcA,KADd;;AAGV,UAAIA,KAAK,CAACP,gBAAD,CAAT,EAA6B;AAC3B,YAAMQ,IAAI,GAAGC,kBAAMJ,QAAN,CAAeK,OAAf,CAAuB,mCAAkBL,QAAlB,CAAvB,EAAoDM,MAApD,CAA2D,UAACC,GAAD,EAAMC,KAAN,EAAgB;AACtF,cAAI,gCAAMC,cAAN,CAAqBD,KAArB,KAA+BA,KAAK,CAACE,IAAN,KAAeC,WAAW,CAACC,IAA9D,EAAoE;AAClEL,YAAAA,GAAG,CAACM,IAAJ,CAASL,KAAK,CAACM,KAAN,CAAYC,CAArB;AACD;;AACD,iBAAOR,GAAP;AACD,SALY,EAKV,EALU,CAAb;;AAMAL,QAAAA,KAAK,CAACC,IAAN,CAAWA,IAAX;AACD;;AAED,aAAOD,KAAK,CAACD,IAAD,CAAZ;AACD;;;WAED,6BAAoB;AAAA,UAALc,CAAK,SAALA,CAAK;AAAA,UACVC,CADU,GACJ,KAAKjB,OADD,CACViB,CADU;AAElB,UAAMC,MAAM,GAAG,KAAKA,MAAL,CAAYC,IAAZ,CAAiB,UAACC,CAAD;AAAA,eAAOA,CAAC,CAACC,GAAF,KAAUL,CAAjB;AAAA,OAAjB,CAAf;AACA,aAAO;AACLd,QAAAA,IAAI,EAAEgB,MAAM,CAACI,GAAP,CAAW,UAACF,CAAD;AAAA;;AAAA,iDACZA,CAAC,CAAClB,IADU,8EAEdc,CAFc,EAEVI,CAAC,CAAC,CAAD,CAAD,KAAS,CAAT,GAAa,IAAb,GAAoBA,CAAC,CAAC,CAAD,CAFX,oDAGdtB,EAHc,EAGTsB,CAAC,CAAC,CAAD,CAHQ;AAAA,SAAX,CADD;AAMLG,QAAAA,EAAE,EAAEzB,EANC;AAOLmB,QAAAA,CAAC,EAADA;AAPK,OAAP;AASD;;;WAED,kBAAS;AACP,UAAMO,OAAO,GAAG,KAAKA,OAArB;AACA,WAAKN,MAAL,GAAc,KAAKO,SAAL,EAAd;AACA,0BAAO,gCAAC,OAAD;AAAS,QAAA,MAAM,EAAC,GAAhB;AAAoB,QAAA,MAAM,EAAE,KAAKP;AAAjC,QAAP;AACD;;;EA7C2BQ,e;;iCAAxB3B,e,iBACiB,a;iCADjBA,e,WAGW4B,K;iCAHX5B,e,kBAKkB,YAAM;AAC1B,MAAMI,KAAK,GAAG,qBAAd;AACAA,EAAAA,KAAK,CAACP,gBAAD,CAAL,GAA0B,IAA1B;AACA,SAAO;AAAEO,IAAAA,KAAK,EAALA;AAAF,GAAP;AACD,C;AAuCH,IAAMS,WAAW,GAAG,+BAAcb,eAAd,EAA+B;AAAEc,EAAAA,IAAI,EAAJA;AAAF,CAA/B,CAApB;eAEeD,W","sourcesContent":["import React from 'react';\nimport { stack as d3Stack } from 'd3-shape';\nimport { Component } from '@semcore/core';\nimport getOriginChildren from '@semcore/utils/lib/getOriginChildren';\nimport createElement from './createElement';\nimport Area from './Area';\n\nimport style from './style/area.shadow.css';\n\nconst DEFAULT_INSTANCE = Symbol('DEFAULT_INSTANCE');\nconst Y0 = Symbol('Y0');\n\nclass StackedAreaRoot extends Component {\n  static displayName = 'StackedArea';\n\n  static style = style;\n\n  static defaultProps = () => {\n    const stack = d3Stack();\n    stack[DEFAULT_INSTANCE] = true;\n    return { stack };\n  };\n\n  getSeries() {\n    const { Children, data, stack } = this.asProps;\n\n    if (stack[DEFAULT_INSTANCE]) {\n      const keys = React.Children.toArray(getOriginChildren(Children)).reduce((acc, child) => {\n        if (React.isValidElement(child) && child.type === StackedArea.Area) {\n          acc.push(child.props.y);\n        }\n        return acc;\n      }, []);\n      stack.keys(keys);\n    }\n\n    return stack(data);\n  }\n\n  getAreaProps({ y }) {\n    const { x } = this.asProps;\n    const series = this.series.find((s) => s.key === y);\n    return {\n      data: series.map((s) => ({\n        ...s.data,\n        [y]: s[1] === 0 ? null : s[1],\n        [Y0]: s[0],\n      })),\n      y0: Y0,\n      x,\n    };\n  }\n\n  render() {\n    const Element = this.Element;\n    this.series = this.getSeries();\n    return <Element render=\"g\" series={this.series} />;\n  }\n}\n\nconst StackedArea = createElement(StackedAreaRoot, { Area });\n\nexport default StackedArea;\n"],"file":"StackedArea.js"}
+{"version":3,"sources":["../../src/StackedArea.js"],"names":["DEFAULT_INSTANCE","Symbol","Y0","StackedAreaRoot","asProps","Children","data","stack","keys","React","toArray","reduce","acc","child","isValidElement","type","StackedArea","Area","push","props","y","reverse","x","series","find","s","key","map","y0","Element","getSeries","Component","style"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;;;;;;;;;;;;;;;;;;;;;;AAIA,IAAMA,gBAAgB,GAAGC,MAAM,CAAC,kBAAD,CAA/B;AACA,IAAMC,EAAE,GAAGD,MAAM,CAAC,IAAD,CAAjB;;IAEME,e;;;;;;;;;;;;WAWJ,qBAAY;AAAA,0BACwB,KAAKC,OAD7B;AAAA,UACFC,QADE,iBACFA,QADE;AAAA,UACQC,IADR,iBACQA,IADR;AAAA,UACcC,KADd,iBACcA,KADd;;AAGV,UAAIA,KAAK,CAACP,gBAAD,CAAT,EAA6B;AAC3B,YAAMQ,IAAI,GAAGC,kBAAMJ,QAAN,CAAeK,OAAf,CAAuB,mCAAkBL,QAAlB,CAAvB,EAAoDM,MAApD,CAA2D,UAACC,GAAD,EAAMC,KAAN,EAAgB;AACtF,cAAI,gCAAMC,cAAN,CAAqBD,KAArB,KAA+BA,KAAK,CAACE,IAAN,KAAeC,WAAW,CAACC,IAA9D,EAAoE;AAClEL,YAAAA,GAAG,CAACM,IAAJ,CAASL,KAAK,CAACM,KAAN,CAAYC,CAArB;AACD;;AACD,iBAAOR,GAAP;AACD,SALY,EAKV,EALU,CAAb;;AAMAL,QAAAA,KAAK,CAACC,IAAN,CAAWA,IAAI,CAACa,OAAL,EAAX;AACD;;AAED,aAAOd,KAAK,CAACD,IAAD,CAAZ;AACD;;;WAED,6BAAoB;AAAA,UAALc,CAAK,SAALA,CAAK;AAAA,UACVE,CADU,GACJ,KAAKlB,OADD,CACVkB,CADU;AAElB,UAAMC,MAAM,GAAG,KAAKA,MAAL,CAAYC,IAAZ,CAAiB,UAACC,CAAD;AAAA,eAAOA,CAAC,CAACC,GAAF,KAAUN,CAAjB;AAAA,OAAjB,CAAf;AACA,aAAO;AACLd,QAAAA,IAAI,EAAEiB,MAAM,CAACI,GAAP,CAAW,UAACF,CAAD;AAAA;;AAAA,iDACZA,CAAC,CAACnB,IADU,8EAGdc,CAHc,EAGVK,CAAC,CAACnB,IAAF,CAAOc,CAAP,MAAc,IAAd,GAAqB,IAArB,GAA4BK,CAAC,CAAC,CAAD,CAHnB,oDAIdvB,EAJc,EAITuB,CAAC,CAAC,CAAD,CAJQ;AAAA,SAAX,CADD;AAOLG,QAAAA,EAAE,EAAE1B,EAPC;AAQLoB,QAAAA,CAAC,EAADA;AARK,OAAP;AAUD;;;WAED,kBAAS;AACP,UAAMO,OAAO,GAAG,KAAKA,OAArB;AACA,WAAKN,MAAL,GAAc,KAAKO,SAAL,EAAd;AACA,0BAAO,gCAAC,OAAD;AAAS,QAAA,MAAM,EAAC,GAAhB;AAAoB,QAAA,MAAM,EAAE,KAAKP;AAAjC,QAAP;AACD;;;EA9C2BQ,e;;iCAAxB5B,e,iBACiB,a;iCADjBA,e,WAGW6B,K;iCAHX7B,e,kBAKkB,YAAM;AAC1B,MAAMI,KAAK,GAAG,qBAAd;AACAA,EAAAA,KAAK,CAACP,gBAAD,CAAL,GAA0B,IAA1B;AACA,SAAO;AAAEO,IAAAA,KAAK,EAALA;AAAF,GAAP;AACD,C;AAwCH,IAAMS,WAAW,GAAG,+BAAcb,eAAd,EAA+B;AAAEc,EAAAA,IAAI,EAAJA;AAAF,CAA/B,CAApB;eAEeD,W","sourcesContent":["import React from 'react';\nimport { stack as d3Stack } from 'd3-shape';\nimport { Component } from '@semcore/core';\nimport getOriginChildren from '@semcore/utils/lib/getOriginChildren';\nimport createElement from './createElement';\nimport Area from './Area';\n\nimport style from './style/area.shadow.css';\n\nconst DEFAULT_INSTANCE = Symbol('DEFAULT_INSTANCE');\nconst Y0 = Symbol('Y0');\n\nclass StackedAreaRoot extends Component {\n  static displayName = 'StackedArea';\n\n  static style = style;\n\n  static defaultProps = () => {\n    const stack = d3Stack();\n    stack[DEFAULT_INSTANCE] = true;\n    return { stack };\n  };\n\n  getSeries() {\n    const { Children, data, stack } = this.asProps;\n\n    if (stack[DEFAULT_INSTANCE]) {\n      const keys = React.Children.toArray(getOriginChildren(Children)).reduce((acc, child) => {\n        if (React.isValidElement(child) && child.type === StackedArea.Area) {\n          acc.push(child.props.y);\n        }\n        return acc;\n      }, []);\n      stack.keys(keys.reverse());\n    }\n\n    return stack(data);\n  }\n\n  getAreaProps({ y }) {\n    const { x } = this.asProps;\n    const series = this.series.find((s) => s.key === y);\n    return {\n      data: series.map((s) => ({\n        ...s.data,\n        // if null is passed in the data, then we pass it, because d3 null leads to 0\n        [y]: s.data[y] === null ? null : s[1],\n        [Y0]: s[0],\n      })),\n      y0: Y0,\n      x,\n    };\n  }\n\n  render() {\n    const Element = this.Element;\n    this.series = this.getSeries();\n    return <Element render=\"g\" series={this.series} />;\n  }\n}\n\nconst StackedArea = createElement(StackedAreaRoot, { Area });\n\nexport default StackedArea;\n"],"file":"StackedArea.js"}

package/lib/cjs/Tooltip.js

@@ -25,18 +25,18 @@ var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/ge
 
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _core = require("@semcore/core");
 
 var _react = _interopRequireWildcard(require("react"));
 
-var _core = require("@semcore/core");
-
 var _popper = _interopRequireDefault(require("@semcore/popper"));
 
 var _flexBox = require("@semcore/flex-box");
 
 var _findComponent = _interopRequireDefault(require("@semcore/utils/lib/findComponent"));
 
+var _color = _interopRequireDefault(require("@semcore/utils/lib/color"));
+
 var _utils = require("./utils");
 
 var _createElement = _interopRequireDefault(require("./createElement"));
@@ -50,32 +50,21 @@ function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflec
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
 
 /*__reshadow-styles__:"./style/tooltip.shadow.css"*/
-var _ref = (
+var style = (
 /*__reshadow_css_start__*/
-(0, _core.__css__)(
+_core.sstyled.insert(
 /*__inner_css_start__*/
-".___STooltip_2e9v9_gg_{position:relative;background-color:#fff;border-radius:3px;border:1px solid #bdc4c6;box-sizing:border-box;box-shadow:0 2px 5px 0 rgba(0,0,0,.25),0 -2px 5px -2px rgba(0,0,0,.25);padding:12px}.___STitle_2e9v9_gg_{font-size:12px;line-height:1.5;color:#757575;margin-bottom:8px}.___SDotGroup_2e9v9_gg_{display:flex;align-items:center}.___SDot_2e9v9_gg_{width:8px;height:8px;border-radius:50%;margin-right:8px}"
+".___STooltip_1exb3_gg_{position:relative;background-color:#fff;border-radius:3px;border:1px solid #bdc4c6;box-sizing:border-box;box-shadow:0 2px 5px 0 rgba(0,0,0,.25),0 -2px 5px -2px rgba(0,0,0,.25);padding:12px}.___STitle_1exb3_gg_{font-size:12px;line-height:1.5;color:#757575;margin-bottom:8px}.___SDotGroup_1exb3_gg_{display:flex;align-items:center}.___SDot_1exb3_gg_{width:8px;height:8px;border-radius:50%;margin-right:8px;background:var(--color_1vsdjfi)}"
 /*__inner_css_end__*/
-, "12q80a6_gg_")
+, "1vsdjfi_gg_")
 /*__reshadow_css_end__*/
 , {
-  "__STooltip": "___STooltip_2e9v9_gg_",
-  "__STitle": "___STitle_2e9v9_gg_",
-  "__SDotGroup": "___SDotGroup_2e9v9_gg_",
-  "__SDot": "___SDot_2e9v9_gg_"
-}),
-    style = (0, _extends2["default"])({}, _ref);
-
-if (false) {
-  /*__reshadow_css_start__*/
-  (0, _core.__css__)(
-  /*__inner_css_start__*/
-  "@media (max-width: 768px) {\n\n.___STitle_2e9v9_gg_ {\n  font-size: 15.6px;\n}}"
-  /*__inner_css_end__*/
-  , "a6lmxy_gg_")
-  /*__reshadow_css_end__*/
-  ;
-}
+  "__STooltip": "___STooltip_1exb3_gg_",
+  "__STitle": "___STitle_1exb3_gg_",
+  "__SDotGroup": "___SDotGroup_1exb3_gg_",
+  "__SDot": "___SDot_1exb3_gg_",
+  "--color": "--color_1vsdjfi"
+});
 
 var TooltipRoot = /*#__PURE__*/function (_Component) {
   (0, _inherits2["default"])(TooltipRoot, _Component);
@@ -149,30 +138,29 @@ var TooltipRoot = /*#__PURE__*/function (_Component) {
   }, {
     key: "render",
     value: function render() {
-      var _this3 = this;
+      var _ref = this ? this.asProps : arguments[0],
+          _this3 = this;
 
-      var Root = this.Root;
       var _this$asProps3 = this.asProps,
           Children = _this$asProps3.Children,
           children = _this$asProps3.children,
           tag = _this$asProps3.tag,
           other = (0, _objectWithoutProperties2["default"])(_this$asProps3, ["Children", "children", "tag"]);
       var advanceMode = !!(0, _findComponent["default"])(Children, [Tooltip.Trigger.displayName, Tooltip.Popper.displayName]);
-      return /*#__PURE__*/_react["default"].createElement(Root, {
-        render: _popper["default"],
-        visible: this.state.$visible,
-        onFirstUpdate: this.handlerCancel,
-        onOutsideClick: this.handlerCancel,
-        interaction: "none",
-        offset: 8,
-        flip: {
+      return /*#__PURE__*/_react["default"].createElement(_popper["default"], (0, _core.assignProps)({
+        "visible": this.state.$visible,
+        "onFirstUpdate": this.handlerCancel,
+        "onOutsideClick": this.handlerCancel,
+        "interaction": "none",
+        "offset": 8,
+        "flip": {
           allowedAutoPlacements: ['left', 'right']
         }
-      }, function (_ref2) {
+      }, _ref), function (_ref7) {
         var _this3$popper$current;
 
-        var popper = _ref2.popper,
-            setTrigger = _ref2.setTrigger;
+        var popper = _ref7.popper,
+            setTrigger = _ref7.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();
@@ -187,9 +175,10 @@ var TooltipRoot = /*#__PURE__*/function (_Component) {
 
 (0, _defineProperty2["default"])(TooltipRoot, "displayName", 'Tooltip');
 (0, _defineProperty2["default"])(TooltipRoot, "style", style);
-var styled_c8 = (0, _core.create)([]);
 
 function PopperPopper(props) {
+  var _ref4;
+
   var STooltip = props.Element,
       styles = props.styles,
       $visible = props.$visible;
@@ -197,53 +186,38 @@ function PopperPopper(props) {
     return false;
   }, []);
   if (!$visible) return null;
-  return (0, _core.styled)(((0, _core.set)([styled_c8, styles]), /*#__PURE__*/_react["default"].createElement(STooltip, (0, _core.map)("STooltip", {
-    render: _popper["default"].Popper,
-    childrenPosition: "inside",
-    onMouseMove: handlerCancel
-  }))));
+  return _ref4 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(STooltip, _ref4.cn("STooltip", {
+    "render": _popper["default"].Popper,
+    "childrenPosition": "inside",
+    "onMouseMove": handlerCancel
+  }));
 }
 
-var styled_12c = (0, _core.create)([]);
-
 function Title(props) {
-  var STitle = props.Root,
-      styles = props.styles;
-  return (0, _core.styled)(((0, _core.set)([styled_12c, styles]), /*#__PURE__*/_react["default"].createElement(STitle, (0, _core.map)("STitle", {
-    render: _flexBox.Box,
-    __excludeProps: ['data', 'scale']
-  }))));
+  var _ref2 = this ? this.asProps : arguments[0],
+      _ref5;
+
+  var STitle = _flexBox.Box;
+  var styles = props.styles;
+  return _ref5 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(STitle, _ref5.cn("STitle", _objectSpread({}, (0, _core.assignProps)({
+    "__excludeProps": ['data', 'scale']
+  }, _ref2))));
 }
 
-var styled_190 = (0, _core.create)([(
-/*__reshadow_css_start__*/
-(0, _core.__css__)(
-/*__inner_css_start__*/
-".___SDot_1ltxd_gg_{background:var(--ryjt0q_0)}"
-/*__inner_css_end__*/
-, "6p1k67_gg_")
-/*__reshadow_css_end__*/
-, {
-  "__SDot": "___SDot_1ltxd_gg_"
-})]);
-
 function Dot(props) {
-  var SDotGroup = props.Root,
-      styles = props.styles,
+  var _ref3 = this ? this.asProps : arguments[0],
+      _ref6;
+
+  var styles = props.styles,
       _props$color = props.color,
       color = _props$color === void 0 ? '#50aef4' : _props$color,
       Children = props.Children;
+  var SDotGroup = _flexBox.Box;
   var SDot = _flexBox.Box;
-  return (0, _core.styled)(((0, _core.set)([styled_190, styles], {
-    "--ryjt0q_0": color
-  }), /*#__PURE__*/_react["default"].createElement(SDotGroup, (0, _core.map)("SDotGroup", {
-    render: _flexBox.Box,
-    $$style: _core.styled.$$style
-  }), /*#__PURE__*/_react["default"].createElement(SDot, (0, _core.map)("SDot", {
-    __excludeProps: ['data', 'scale']
-  })), /*#__PURE__*/_react["default"].createElement(Children, {
-    className: _core.styled.styles["__Children"]
-  }))));
+  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'],
+    "color": (0, _color["default"])(color)
+  })), /*#__PURE__*/_react["default"].createElement(Children, _ref6.cn("Children", {})));
 }
 
 function Footer() {

package/lib/cjs/Tooltip.js.map

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