@semcore/d3-chart 2.13.4 → 2.13.6

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (152) hide show
  1. package/CHANGELOG.md +12 -0
  2. package/lib/cjs/Area.js +59 -97
  3. package/lib/cjs/Area.js.map +1 -1
  4. package/lib/cjs/Axis.js +76 -143
  5. package/lib/cjs/Axis.js.map +1 -1
  6. package/lib/cjs/Bar.js +49 -96
  7. package/lib/cjs/Bar.js.map +1 -1
  8. package/lib/cjs/Bubble.js +39 -81
  9. package/lib/cjs/Bubble.js.map +1 -1
  10. package/lib/cjs/ClipPath.js +9 -35
  11. package/lib/cjs/ClipPath.js.map +1 -1
  12. package/lib/cjs/Donut.js +77 -152
  13. package/lib/cjs/Donut.js.map +1 -1
  14. package/lib/cjs/Dots.js +29 -57
  15. package/lib/cjs/Dots.js.map +1 -1
  16. package/lib/cjs/GroupBar.js +5 -26
  17. package/lib/cjs/GroupBar.js.map +1 -1
  18. package/lib/cjs/HorizontalBar.js +43 -84
  19. package/lib/cjs/HorizontalBar.js.map +1 -1
  20. package/lib/cjs/Hover.js +33 -88
  21. package/lib/cjs/Hover.js.map +1 -1
  22. package/lib/cjs/Line.js +42 -78
  23. package/lib/cjs/Line.js.map +1 -1
  24. package/lib/cjs/Plot.js +27 -73
  25. package/lib/cjs/Plot.js.map +1 -1
  26. package/lib/cjs/Radar.js +153 -278
  27. package/lib/cjs/Radar.js.map +1 -1
  28. package/lib/cjs/RadialTree.js +105 -211
  29. package/lib/cjs/RadialTree.js.map +1 -1
  30. package/lib/cjs/ReferenceLine.js +45 -87
  31. package/lib/cjs/ReferenceLine.js.map +1 -1
  32. package/lib/cjs/ResponsiveContainer.js +9 -38
  33. package/lib/cjs/ResponsiveContainer.js.map +1 -1
  34. package/lib/cjs/ScatterPlot.js +34 -74
  35. package/lib/cjs/ScatterPlot.js.map +1 -1
  36. package/lib/cjs/StackBar.js +9 -38
  37. package/lib/cjs/StackBar.js.map +1 -1
  38. package/lib/cjs/StackedArea.js +5 -29
  39. package/lib/cjs/StackedArea.js.map +1 -1
  40. package/lib/cjs/Tooltip.js +27 -76
  41. package/lib/cjs/Tooltip.js.map +1 -1
  42. package/lib/cjs/Venn.js +32 -75
  43. package/lib/cjs/Venn.js.map +1 -1
  44. package/lib/cjs/a11y/PlotA11yModule.js +18 -71
  45. package/lib/cjs/a11y/PlotA11yModule.js.map +1 -1
  46. package/lib/cjs/a11y/PlotA11yView.js +19 -83
  47. package/lib/cjs/a11y/PlotA11yView.js.map +1 -1
  48. package/lib/cjs/a11y/bezier.js +0 -7
  49. package/lib/cjs/a11y/bezier.js.map +1 -1
  50. package/lib/cjs/a11y/focus.js +2 -11
  51. package/lib/cjs/a11y/focus.js.map +1 -1
  52. package/lib/cjs/a11y/hints.js +0 -13
  53. package/lib/cjs/a11y/hints.js.map +1 -1
  54. package/lib/cjs/a11y/insights.js +21 -132
  55. package/lib/cjs/a11y/insights.js.map +1 -1
  56. package/lib/cjs/a11y/intl.js +0 -6
  57. package/lib/cjs/a11y/intl.js.map +1 -1
  58. package/lib/cjs/a11y/locale.js +4 -22
  59. package/lib/cjs/a11y/locale.js.map +1 -1
  60. package/lib/cjs/a11y/serialize.js +23 -83
  61. package/lib/cjs/a11y/serialize.js.map +1 -1
  62. package/lib/cjs/a11y/summarize.js +0 -4
  63. package/lib/cjs/a11y/summarize.js.map +1 -1
  64. package/lib/cjs/a11y/translations/module/__intergalactic-dynamic-locales.js +0 -13
  65. package/lib/cjs/a11y/translations/module/__intergalactic-dynamic-locales.js.map +1 -1
  66. package/lib/cjs/a11y/translations/view/__intergalactic-dynamic-locales.js +0 -13
  67. package/lib/cjs/a11y/translations/view/__intergalactic-dynamic-locales.js.map +1 -1
  68. package/lib/cjs/color.js +0 -3
  69. package/lib/cjs/color.js.map +1 -1
  70. package/lib/cjs/createElement.js +18 -47
  71. package/lib/cjs/createElement.js.map +1 -1
  72. package/lib/cjs/index.js +0 -23
  73. package/lib/cjs/index.js.map +1 -1
  74. package/lib/cjs/types/Plot.d.js.map +1 -1
  75. package/lib/cjs/types/index.d.js +0 -39
  76. package/lib/cjs/types/index.d.js.map +1 -1
  77. package/lib/cjs/utils.js +7 -59
  78. package/lib/cjs/utils.js.map +1 -1
  79. package/lib/es6/Area.js +59 -86
  80. package/lib/es6/Area.js.map +1 -1
  81. package/lib/es6/Axis.js +76 -135
  82. package/lib/es6/Axis.js.map +1 -1
  83. package/lib/es6/Bar.js +49 -86
  84. package/lib/es6/Bar.js.map +1 -1
  85. package/lib/es6/Bubble.js +39 -70
  86. package/lib/es6/Bubble.js.map +1 -1
  87. package/lib/es6/ClipPath.js +9 -23
  88. package/lib/es6/ClipPath.js.map +1 -1
  89. package/lib/es6/Donut.js +77 -141
  90. package/lib/es6/Donut.js.map +1 -1
  91. package/lib/es6/Dots.js +29 -46
  92. package/lib/es6/Dots.js.map +1 -1
  93. package/lib/es6/GroupBar.js +5 -15
  94. package/lib/es6/GroupBar.js.map +1 -1
  95. package/lib/es6/HorizontalBar.js +43 -75
  96. package/lib/es6/HorizontalBar.js.map +1 -1
  97. package/lib/es6/Hover.js +33 -85
  98. package/lib/es6/Hover.js.map +1 -1
  99. package/lib/es6/Line.js +42 -67
  100. package/lib/es6/Line.js.map +1 -1
  101. package/lib/es6/Plot.js +27 -66
  102. package/lib/es6/Plot.js.map +1 -1
  103. package/lib/es6/Radar.js +153 -282
  104. package/lib/es6/Radar.js.map +1 -1
  105. package/lib/es6/RadialTree.js +105 -203
  106. package/lib/es6/RadialTree.js.map +1 -1
  107. package/lib/es6/ReferenceLine.js +45 -79
  108. package/lib/es6/ReferenceLine.js.map +1 -1
  109. package/lib/es6/ResponsiveContainer.js +9 -28
  110. package/lib/es6/ResponsiveContainer.js.map +1 -1
  111. package/lib/es6/ScatterPlot.js +34 -65
  112. package/lib/es6/ScatterPlot.js.map +1 -1
  113. package/lib/es6/StackBar.js +9 -26
  114. package/lib/es6/StackBar.js.map +1 -1
  115. package/lib/es6/StackedArea.js +5 -18
  116. package/lib/es6/StackedArea.js.map +1 -1
  117. package/lib/es6/Tooltip.js +27 -63
  118. package/lib/es6/Tooltip.js.map +1 -1
  119. package/lib/es6/Venn.js +32 -64
  120. package/lib/es6/Venn.js.map +1 -1
  121. package/lib/es6/a11y/PlotA11yModule.js +18 -52
  122. package/lib/es6/a11y/PlotA11yModule.js.map +1 -1
  123. package/lib/es6/a11y/PlotA11yView.js +19 -53
  124. package/lib/es6/a11y/PlotA11yView.js.map +1 -1
  125. package/lib/es6/a11y/bezier.js +0 -5
  126. package/lib/es6/a11y/bezier.js.map +1 -1
  127. package/lib/es6/a11y/focus.js +2 -9
  128. package/lib/es6/a11y/focus.js.map +1 -1
  129. package/lib/es6/a11y/hints.js +0 -3
  130. package/lib/es6/a11y/hints.js.map +1 -1
  131. package/lib/es6/a11y/insights.js +21 -133
  132. package/lib/es6/a11y/insights.js.map +1 -1
  133. package/lib/es6/a11y/intl.js +0 -1
  134. package/lib/es6/a11y/intl.js.map +1 -1
  135. package/lib/es6/a11y/locale.js +4 -18
  136. package/lib/es6/a11y/locale.js.map +1 -1
  137. package/lib/es6/a11y/serialize.js +23 -74
  138. package/lib/es6/a11y/serialize.js.map +1 -1
  139. package/lib/es6/a11y/summarize.js.map +1 -1
  140. package/lib/es6/a11y/translations/module/__intergalactic-dynamic-locales.js.map +1 -1
  141. package/lib/es6/a11y/translations/view/__intergalactic-dynamic-locales.js.map +1 -1
  142. package/lib/es6/color.js +0 -1
  143. package/lib/es6/color.js.map +1 -1
  144. package/lib/es6/createElement.js +18 -34
  145. package/lib/es6/createElement.js.map +1 -1
  146. package/lib/es6/index.js.map +1 -1
  147. package/lib/es6/types/Plot.d.js.map +1 -1
  148. package/lib/es6/types/index.d.js +5 -3
  149. package/lib/es6/types/index.d.js.map +1 -1
  150. package/lib/es6/utils.js +7 -28
  151. package/lib/es6/utils.js.map +1 -1
  152. package/package.json +1 -1
@@ -1,84 +1,61 @@
1
1
  "use strict";
2
2
 
3
3
  var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
-
5
4
  Object.defineProperty(exports, "__esModule", {
6
5
  value: true
7
6
  });
8
7
  exports["default"] = void 0;
9
-
10
8
  var _objectSpread3 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
11
-
12
9
  var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
13
-
14
10
  var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
15
-
16
11
  var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
17
-
18
12
  var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
19
-
20
13
  var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
21
-
22
14
  var _react = _interopRequireDefault(require("react"));
23
-
24
15
  var _d3Shape = require("d3-shape");
25
-
26
16
  var _core = require("@semcore/core");
27
-
28
17
  var _getOriginChildren = _interopRequireDefault(require("@semcore/utils/lib/getOriginChildren"));
29
-
30
18
  var _createElement = _interopRequireDefault(require("./createElement"));
31
-
32
19
  var _Area = _interopRequireDefault(require("./Area"));
33
-
34
20
  var DEFAULT_INSTANCE = Symbol('DEFAULT_INSTANCE');
35
21
  var Y0 = Symbol('Y0');
36
-
37
22
  var StackedAreaRoot = /*#__PURE__*/function (_Component) {
38
23
  (0, _inherits2["default"])(StackedAreaRoot, _Component);
39
-
40
24
  var _super = (0, _createSuper2["default"])(StackedAreaRoot);
41
-
42
25
  function StackedAreaRoot() {
43
26
  (0, _classCallCheck2["default"])(this, StackedAreaRoot);
44
27
  return _super.apply(this, arguments);
45
28
  }
46
-
47
29
  (0, _createClass2["default"])(StackedAreaRoot, [{
48
30
  key: "getSeries",
49
31
  value: function getSeries() {
50
32
  var _this$asProps = this.asProps,
51
- Children = _this$asProps.Children,
52
- data = _this$asProps.data,
53
- stack = _this$asProps.stack;
54
-
33
+ Children = _this$asProps.Children,
34
+ data = _this$asProps.data,
35
+ stack = _this$asProps.stack;
55
36
  if (stack[DEFAULT_INSTANCE]) {
56
37
  var keys = _react["default"].Children.toArray((0, _getOriginChildren["default"])(Children)).reduce(function (acc, child) {
57
38
  if ( /*#__PURE__*/_react["default"].isValidElement(child) && child.type === StackedArea.Area && !child.props.hide) {
58
39
  acc.push(child.props.y);
59
40
  }
60
-
61
41
  return acc;
62
42
  }, []);
63
-
64
43
  stack.keys(keys.reverse());
65
44
  }
66
-
67
45
  return stack(data);
68
46
  }
69
47
  }, {
70
48
  key: "getAreaProps",
71
49
  value: function getAreaProps(_ref) {
72
50
  var y = _ref.y;
73
- var x = this.asProps.x; // or [] if hide area
74
-
51
+ var x = this.asProps.x;
52
+ // or [] if hide area
75
53
  var series = this.series.find(function (s) {
76
54
  return s.key === y;
77
55
  }) || [];
78
56
  return {
79
57
  data: series.map(function (s) {
80
58
  var _objectSpread2;
81
-
82
59
  return (0, _objectSpread3["default"])((0, _objectSpread3["default"])({}, s.data), {}, (_objectSpread2 = {}, (0, _defineProperty2["default"])(_objectSpread2, y, s.data[y] === null ? null : s[1]), (0, _defineProperty2["default"])(_objectSpread2, Y0, s[0]), _objectSpread2));
83
60
  }),
84
61
  y0: Y0,
@@ -99,7 +76,6 @@ var StackedAreaRoot = /*#__PURE__*/function (_Component) {
99
76
  }]);
100
77
  return StackedAreaRoot;
101
78
  }(_core.Component);
102
-
103
79
  (0, _defineProperty2["default"])(StackedAreaRoot, "displayName", 'StackedArea');
104
80
  (0, _defineProperty2["default"])(StackedAreaRoot, "defaultProps", function () {
105
81
  var stack = (0, _d3Shape.stack)();
@@ -1 +1 @@
1
- {"version":3,"file":"StackedArea.js","names":["DEFAULT_INSTANCE","Symbol","Y0","StackedAreaRoot","asProps","Children","data","stack","keys","React","toArray","getOriginChildren","reduce","acc","child","isValidElement","type","StackedArea","Area","props","hide","push","y","reverse","x","series","find","s","key","map","y0","Element","getSeries","Component","d3Stack","createElement"],"sources":["../../src/StackedArea.jsx"],"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\nconst DEFAULT_INSTANCE = Symbol('DEFAULT_INSTANCE');\nconst Y0 = Symbol('Y0');\n\nclass StackedAreaRoot extends Component {\n static displayName = 'StackedArea';\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 && !child.props.hide) {\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 // or [] if hide area\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 aria-hidden render=\"g\" series={this.series} />;\n }\n}\n\nconst StackedArea = createElement(StackedAreaRoot, { Area });\n\nexport default StackedArea;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AAEA,IAAMA,gBAAgB,GAAGC,MAAM,CAAC,kBAAD,CAA/B;AACA,IAAMC,EAAE,GAAGD,MAAM,CAAC,IAAD,CAAjB;;IAEME,e;;;;;;;;;;;;WASJ,qBAAY;MACV,oBAAkC,KAAKC,OAAvC;MAAA,IAAQC,QAAR,iBAAQA,QAAR;MAAA,IAAkBC,IAAlB,iBAAkBA,IAAlB;MAAA,IAAwBC,KAAxB,iBAAwBA,KAAxB;;MAEA,IAAIA,KAAK,CAACP,gBAAD,CAAT,EAA6B;QAC3B,IAAMQ,IAAI,GAAGC,iBAAA,CAAMJ,QAAN,CAAeK,OAAf,CAAuB,IAAAC,6BAAA,EAAkBN,QAAlB,CAAvB,EAAoDO,MAApD,CAA2D,UAACC,GAAD,EAAMC,KAAN,EAAgB;UACtF,IAAI,cAAAL,iBAAA,CAAMM,cAAN,CAAqBD,KAArB,KAA+BA,KAAK,CAACE,IAAN,KAAeC,WAAW,CAACC,IAA1D,IAAkE,CAACJ,KAAK,CAACK,KAAN,CAAYC,IAAnF,EAAyF;YACvFP,GAAG,CAACQ,IAAJ,CAASP,KAAK,CAACK,KAAN,CAAYG,CAArB;UACD;;UACD,OAAOT,GAAP;QACD,CALY,EAKV,EALU,CAAb;;QAMAN,KAAK,CAACC,IAAN,CAAWA,IAAI,CAACe,OAAL,EAAX;MACD;;MAED,OAAOhB,KAAK,CAACD,IAAD,CAAZ;IACD;;;WAED,4BAAoB;MAAA,IAALgB,CAAK,QAALA,CAAK;MAClB,IAAQE,CAAR,GAAc,KAAKpB,OAAnB,CAAQoB,CAAR,CADkB,CAElB;;MACA,IAAMC,MAAM,GAAG,KAAKA,MAAL,CAAYC,IAAZ,CAAiB,UAACC,CAAD;QAAA,OAAOA,CAAC,CAACC,GAAF,KAAUN,CAAjB;MAAA,CAAjB,KAAwC,EAAvD;MACA,OAAO;QACLhB,IAAI,EAAEmB,MAAM,CAACI,GAAP,CAAW,UAACF,CAAD;UAAA;;UAAA,yEACZA,CAAC,CAACrB,IADU,8EAGdgB,CAHc,EAGVK,CAAC,CAACrB,IAAF,CAAOgB,CAAP,MAAc,IAAd,GAAqB,IAArB,GAA4BK,CAAC,CAAC,CAAD,CAHnB,oDAIdzB,EAJc,EAITyB,CAAC,CAAC,CAAD,CAJQ;QAAA,CAAX,CADD;QAOLG,EAAE,EAAE5B,EAPC;QAQLsB,CAAC,EAADA;MARK,CAAP;IAUD;;;WAED,kBAAS;MACP,IAAMO,OAAO,GAAG,KAAKA,OAArB;MACA,KAAKN,MAAL,GAAc,KAAKO,SAAL,EAAd;MACA,oBAAO,gCAAC,OAAD;QAAS,mBAAT;QAAqB,MAAM,EAAC,GAA5B;QAAgC,MAAM,EAAE,KAAKP;MAA7C,EAAP;IACD;;;EA7C2BQ,e;;iCAAxB9B,e,iBACiB,a;iCADjBA,e,kBAGkB,YAAM;EAC1B,IAAMI,KAAK,GAAG,IAAA2B,cAAA,GAAd;EACA3B,KAAK,CAACP,gBAAD,CAAL,GAA0B,IAA1B;EACA,OAAO;IAAEO,KAAK,EAALA;EAAF,CAAP;AACD,C;AAyCH,IAAMU,WAAW,GAAG,IAAAkB,yBAAA,EAAchC,eAAd,EAA+B;EAAEe,IAAI,EAAJA;AAAF,CAA/B,CAApB;eAEeD,W"}
1
+ {"version":3,"file":"StackedArea.js","names":["_react","_interopRequireDefault","require","_d3Shape","_core","_getOriginChildren","_createElement","_Area","DEFAULT_INSTANCE","Symbol","Y0","StackedAreaRoot","_Component","_inherits2","_super","_createSuper2","_classCallCheck2","apply","arguments","_createClass2","key","value","getSeries","_this$asProps","asProps","Children","data","stack","keys","React","toArray","getOriginChildren","reduce","acc","child","isValidElement","type","StackedArea","Area","props","hide","push","y","reverse","getAreaProps","_ref","x","series","find","s","map","_objectSpread2","_objectSpread3","_defineProperty2","y0","render","Element","createElement","Component","d3Stack","_default","exports"],"sources":["../../src/StackedArea.jsx"],"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\nconst DEFAULT_INSTANCE = Symbol('DEFAULT_INSTANCE');\nconst Y0 = Symbol('Y0');\n\nclass StackedAreaRoot extends Component {\n static displayName = 'StackedArea';\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 && !child.props.hide) {\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 // or [] if hide area\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 aria-hidden render=\"g\" series={this.series} />;\n }\n}\n\nconst StackedArea = createElement(StackedAreaRoot, { Area });\n\nexport default StackedArea;\n"],"mappings":";;;;;;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,QAAA,GAAAD,OAAA;AACA,IAAAE,KAAA,GAAAF,OAAA;AACA,IAAAG,kBAAA,GAAAJ,sBAAA,CAAAC,OAAA;AACA,IAAAI,cAAA,GAAAL,sBAAA,CAAAC,OAAA;AACA,IAAAK,KAAA,GAAAN,sBAAA,CAAAC,OAAA;AAEA,IAAMM,gBAAgB,GAAGC,MAAM,CAAC,kBAAkB,CAAC;AACnD,IAAMC,EAAE,GAAGD,MAAM,CAAC,IAAI,CAAC;AAAC,IAElBE,eAAe,0BAAAC,UAAA;EAAA,IAAAC,UAAA,aAAAF,eAAA,EAAAC,UAAA;EAAA,IAAAE,MAAA,OAAAC,aAAA,aAAAJ,eAAA;EAAA,SAAAA,gBAAA;IAAA,IAAAK,gBAAA,mBAAAL,eAAA;IAAA,OAAAG,MAAA,CAAAG,KAAA,OAAAC,SAAA;EAAA;EAAA,IAAAC,aAAA,aAAAR,eAAA;IAAAS,GAAA;IAAAC,KAAA,EASnB,SAAAC,UAAA,EAAY;MACV,IAAAC,aAAA,GAAkC,IAAI,CAACC,OAAO;QAAtCC,QAAQ,GAAAF,aAAA,CAARE,QAAQ;QAAEC,IAAI,GAAAH,aAAA,CAAJG,IAAI;QAAEC,KAAK,GAAAJ,aAAA,CAALI,KAAK;MAE7B,IAAIA,KAAK,CAACnB,gBAAgB,CAAC,EAAE;QAC3B,IAAMoB,IAAI,GAAGC,iBAAK,CAACJ,QAAQ,CAACK,OAAO,CAAC,IAAAC,6BAAiB,EAACN,QAAQ,CAAC,CAAC,CAACO,MAAM,CAAC,UAACC,GAAG,EAAEC,KAAK,EAAK;UACtF,IAAI,cAAAL,iBAAK,CAACM,cAAc,CAACD,KAAK,CAAC,IAAIA,KAAK,CAACE,IAAI,KAAKC,WAAW,CAACC,IAAI,IAAI,CAACJ,KAAK,CAACK,KAAK,CAACC,IAAI,EAAE;YACvFP,GAAG,CAACQ,IAAI,CAACP,KAAK,CAACK,KAAK,CAACG,CAAC,CAAC;UACzB;UACA,OAAOT,GAAG;QACZ,CAAC,EAAE,EAAE,CAAC;QACNN,KAAK,CAACC,IAAI,CAACA,IAAI,CAACe,OAAO,EAAE,CAAC;MAC5B;MAEA,OAAOhB,KAAK,CAACD,IAAI,CAAC;IACpB;EAAC;IAAAN,GAAA;IAAAC,KAAA,EAED,SAAAuB,aAAAC,IAAA,EAAoB;MAAA,IAALH,CAAC,GAAAG,IAAA,CAADH,CAAC;MACd,IAAQI,CAAC,GAAK,IAAI,CAACtB,OAAO,CAAlBsB,CAAC;MACT;MACA,IAAMC,MAAM,GAAG,IAAI,CAACA,MAAM,CAACC,IAAI,CAAC,UAACC,CAAC;QAAA,OAAKA,CAAC,CAAC7B,GAAG,KAAKsB,CAAC;MAAA,EAAC,IAAI,EAAE;MACzD,OAAO;QACLhB,IAAI,EAAEqB,MAAM,CAACG,GAAG,CAAC,UAACD,CAAC;UAAA,IAAAE,cAAA;UAAA,WAAAC,cAAA,iBAAAA,cAAA,iBACdH,CAAC,CAACvB,IAAI,QAAAyB,cAAA,WAAAE,gBAAA,aAAAF,cAAA,EAERT,CAAC,EAAGO,CAAC,CAACvB,IAAI,CAACgB,CAAC,CAAC,KAAK,IAAI,GAAG,IAAI,GAAGO,CAAC,CAAC,CAAC,CAAC,OAAAI,gBAAA,aAAAF,cAAA,EACpCzC,EAAE,EAAGuC,CAAC,CAAC,CAAC,CAAC,GAAAE,cAAA;QAAA,CACV,CAAC;QACHG,EAAE,EAAE5C,EAAE;QACNoC,CAAC,EAADA;MACF,CAAC;IACH;EAAC;IAAA1B,GAAA;IAAAC,KAAA,EAED,SAAAkC,OAAA,EAAS;MACP,IAAMC,OAAO,GAAG,IAAI,CAACA,OAAO;MAC5B,IAAI,CAACT,MAAM,GAAG,IAAI,CAACzB,SAAS,EAAE;MAC9B,oBAAOtB,MAAA,YAAAyD,aAAA,CAACD,OAAO;QAAC,mBAAW;QAACD,MAAM,EAAC,GAAG;QAACR,MAAM,EAAE,IAAI,CAACA;MAAO,EAAG;IAChE;EAAC;EAAA,OAAApC,eAAA;AAAA,EA7C2B+C,eAAS;AAAA,IAAAL,gBAAA,aAAjC1C,eAAe,iBACE,aAAa;AAAA,IAAA0C,gBAAA,aAD9B1C,eAAe,kBAGG,YAAM;EAC1B,IAAMgB,KAAK,GAAG,IAAAgC,cAAO,GAAE;EACvBhC,KAAK,CAACnB,gBAAgB,CAAC,GAAG,IAAI;EAC9B,OAAO;IAAEmB,KAAK,EAALA;EAAM,CAAC;AAClB,CAAC;AAyCH,IAAMU,WAAW,GAAG,IAAAoB,yBAAa,EAAC9C,eAAe,EAAE;EAAE2B,IAAI,EAAJA;AAAK,CAAC,CAAC;AAAC,IAAAsB,QAAA,GAE9CvB,WAAW;AAAAwB,OAAA,cAAAD,QAAA"}
@@ -1,81 +1,47 @@
1
1
  "use strict";
2
2
 
3
3
  var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
-
5
4
  var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
6
-
7
5
  Object.defineProperty(exports, "__esModule", {
8
6
  value: true
9
7
  });
10
8
  exports["default"] = void 0;
11
-
12
9
  var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
13
-
14
10
  var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
15
-
16
11
  var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
17
-
18
12
  var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
19
-
20
13
  var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
21
-
22
14
  var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
23
-
24
15
  var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
25
-
26
16
  var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
27
-
28
17
  var _core = require("@semcore/core");
29
-
30
18
  var _react = _interopRequireWildcard(require("react"));
31
-
32
19
  var _popper = _interopRequireDefault(require("@semcore/popper"));
33
-
34
20
  var _flexBox = require("@semcore/flex-box");
35
-
36
21
  var _findComponent = _interopRequireDefault(require("@semcore/utils/lib/findComponent"));
37
-
38
22
  var _color = _interopRequireDefault(require("@semcore/utils/lib/color"));
39
-
40
23
  var _createElement = _interopRequireDefault(require("./createElement"));
41
-
42
24
  var _utils = require("./utils");
43
-
44
25
  var _excluded = ["Children", "children", "tag"];
45
-
46
26
  /*__reshadow-styles__:"./style/tooltip.shadow.css"*/
47
- var style = (
48
- /*__reshadow_css_start__*/
49
- _core.sstyled.insert(
50
- /*__inner_css_start__*/
51
- ".___STooltip_cu83x_gg_{font-size:var(--intergalactic-fs-100, 12px);line-height:var(--intergalactic-lh-100, 133%);position:relative;background-color:var(--intergalactic-bg-primary-neutral, #ffffff);border-radius:var(--intergalactic-popper-rounded, 6px);border:1px solid var(--intergalactic-border-secondary, #e0e1e9);box-sizing:border-box;box-shadow:var(--intergalactic-box-shadow-popper, 0px 1px 12px 0px rgba(25, 27, 35, 0.15));padding:var(--intergalactic-spacing-3x, 12px)}.___STitle_cu83x_gg_{color:var(--intergalactic-text-secondary, #6c6e79);margin-bottom:var(--intergalactic-spacing-2x, 8px)}.___SDotGroup_cu83x_gg_{display:flex;align-items:center}.___SDot_cu83x_gg_{width:8px;height:8px;border-radius:50%;margin-right:var(--intergalactic-spacing-2x, 8px);background:var(--intergalactic-icon-secondary-info, #2bb3ff)}.___SDot_cu83x_gg_.__color_cu83x_gg_{background:var(--color_cu83x)}.___SFooter_cu83x_gg_{background:var(--intergalactic-bg-secondary-neutral, #f4f5f9);padding:var(--intergalactic-spacing-1x, 4px) var(--intergalactic-spacing-3x, 12px);border-radius:0 0 var(--intergalactic-rounded-medium, 6px) var(--intergalactic-rounded-medium, 6px);margin:var(--intergalactic-spacing-3x, 12px) calc(-1*var(--intergalactic-spacing-3x, 12px)) calc(-1*var(--intergalactic-spacing-3x, 12px))}"
52
- /*__inner_css_end__*/
53
- , "cu83x_gg_")
54
- /*__reshadow_css_end__*/
55
- , {
56
- "__STooltip": "___STooltip_cu83x_gg_",
57
- "__STitle": "___STitle_cu83x_gg_",
58
- "__SDotGroup": "___SDotGroup_cu83x_gg_",
59
- "__SDot": "___SDot_cu83x_gg_",
60
- "_color": "__color_cu83x_gg_",
61
- "--color": "--color_cu83x",
62
- "__SFooter": "___SFooter_cu83x_gg_"
27
+ var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___STooltip_1ou16_gg_{font-size:var(--intergalactic-fs-100, 12px);line-height:var(--intergalactic-lh-100, 133%);position:relative;background-color:var(--intergalactic-bg-primary-neutral, #ffffff);border-radius:var(--intergalactic-popper-rounded, 6px);border:1px solid var(--intergalactic-border-secondary, #e0e1e9);box-sizing:border-box;box-shadow:var(--intergalactic-box-shadow-popper, 0px 1px 12px 0px rgba(25, 27, 35, 0.15));padding:var(--intergalactic-spacing-3x, 12px)}.___STitle_1ou16_gg_{color:var(--intergalactic-text-secondary, #6c6e79);margin-bottom:var(--intergalactic-spacing-2x, 8px)}.___SDotGroup_1ou16_gg_{display:flex;align-items:center}.___SDot_1ou16_gg_{width:8px;height:8px;border-radius:50%;margin-right:var(--intergalactic-spacing-2x, 8px);background:var(--intergalactic-icon-secondary-info, #2bb3ff)}.___SDot_1ou16_gg_.__color_1ou16_gg_{background:var(--color_1ou16)}.___SFooter_1ou16_gg_{background:var(--intergalactic-bg-secondary-neutral, #f4f5f9);padding:var(--intergalactic-spacing-1x, 4px) var(--intergalactic-spacing-3x, 12px);border-radius:0 0 var(--intergalactic-rounded-medium, 6px) var(--intergalactic-rounded-medium, 6px);margin:var(--intergalactic-spacing-3x, 12px) calc(-1*var(--intergalactic-spacing-3x, 12px)) calc(-1*var(--intergalactic-spacing-3x, 12px))}" /*__inner_css_end__*/, "1ou16_gg_") /*__reshadow_css_end__*/, {
28
+ "__STooltip": "___STooltip_1ou16_gg_",
29
+ "__STitle": "___STitle_1ou16_gg_",
30
+ "__SDotGroup": "___SDotGroup_1ou16_gg_",
31
+ "__SDot": "___SDot_1ou16_gg_",
32
+ "_color": "__color_1ou16_gg_",
33
+ "--color": "--color_1ou16",
34
+ "__SFooter": "___SFooter_1ou16_gg_"
63
35
  });
64
-
65
36
  var TooltipRoot = /*#__PURE__*/function (_Component) {
66
37
  (0, _inherits2["default"])(TooltipRoot, _Component);
67
-
68
38
  var _super = (0, _createSuper2["default"])(TooltipRoot);
69
-
70
39
  function TooltipRoot() {
71
40
  var _this;
72
-
73
41
  (0, _classCallCheck2["default"])(this, TooltipRoot);
74
-
75
42
  for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
76
43
  args[_key] = arguments[_key];
77
44
  }
78
-
79
45
  _this = _super.call.apply(_super, [this].concat(args));
80
46
  (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "state", {
81
47
  $visible: false
@@ -85,14 +51,13 @@ var TooltipRoot = /*#__PURE__*/function (_Component) {
85
51
  });
86
52
  return _this;
87
53
  }
88
-
89
54
  (0, _createClass2["default"])(TooltipRoot, [{
90
55
  key: "getTriggerProps",
91
56
  value: function getTriggerProps() {
92
57
  // TODO: как то убрать
93
58
  var _this$asProps = this.asProps,
94
- x = _this$asProps.x,
95
- y = _this$asProps.y;
59
+ x = _this$asProps.x,
60
+ y = _this$asProps.y;
96
61
  return {
97
62
  x: x,
98
63
  y: y
@@ -107,17 +72,15 @@ var TooltipRoot = /*#__PURE__*/function (_Component) {
107
72
  key: "componentDidMount",
108
73
  value: function componentDidMount() {
109
74
  var _this2 = this;
110
-
111
75
  var _this$asProps2 = this.asProps,
112
- eventEmitter = _this$asProps2.eventEmitter,
113
- rootRef = _this$asProps2.rootRef;
76
+ eventEmitter = _this$asProps2.eventEmitter,
77
+ rootRef = _this$asProps2.rootRef;
114
78
  this.unsubscribeTooltipVisible = eventEmitter.subscribe('onTooltipVisible', function (visible, data, node) {
115
79
  _this2.setState((0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, data), {}, {
116
80
  $visible: visible
117
81
  }), function () {
118
82
  if (node && (node[_utils.CONSTANT.VIRTUAL_ELEMENT] || rootRef.current.contains(node))) {
119
83
  var _this2$popper$current;
120
-
121
84
  _this2 === null || _this2 === void 0 ? void 0 : _this2.setPopperTrigger(node);
122
85
  (_this2$popper$current = _this2.popper.current) === null || _this2$popper$current === void 0 ? void 0 : _this2$popper$current.update();
123
86
  }
@@ -135,13 +98,12 @@ var TooltipRoot = /*#__PURE__*/function (_Component) {
135
98
  key: "render",
136
99
  value: function render() {
137
100
  var _ref = this.asProps,
138
- _this3 = this;
139
-
101
+ _this3 = this;
140
102
  var _this$asProps3 = this.asProps,
141
- Children = _this$asProps3.Children,
142
- children = _this$asProps3.children,
143
- tag = _this$asProps3.tag,
144
- other = (0, _objectWithoutProperties2["default"])(_this$asProps3, _excluded);
103
+ Children = _this$asProps3.Children,
104
+ children = _this$asProps3.children,
105
+ tag = _this$asProps3.tag,
106
+ other = (0, _objectWithoutProperties2["default"])(_this$asProps3, _excluded);
145
107
  var advanceMode = !!(0, _findComponent["default"])(Children, [Tooltip.Trigger.displayName, Tooltip.Popper.displayName]);
146
108
  return /*#__PURE__*/_react["default"].createElement(_popper["default"], (0, _core.assignProps)({
147
109
  "visible": this.state.$visible,
@@ -154,9 +116,8 @@ var TooltipRoot = /*#__PURE__*/function (_Component) {
154
116
  }
155
117
  }, _ref), function (_ref9) {
156
118
  var _this3$popper$current;
157
-
158
119
  var popper = _ref9.popper,
159
- setTrigger = _ref9.setTrigger;
120
+ setTrigger = _ref9.setTrigger;
160
121
  _this3.setPopperTrigger = setTrigger;
161
122
  _this3.popper = popper;
162
123
  (_this3$popper$current = _this3.popper.current) === null || _this3$popper$current === void 0 ? void 0 : _this3$popper$current.update();
@@ -168,18 +129,15 @@ var TooltipRoot = /*#__PURE__*/function (_Component) {
168
129
  }]);
169
130
  return TooltipRoot;
170
131
  }(_core.Component);
171
-
172
132
  (0, _defineProperty2["default"])(TooltipRoot, "displayName", 'Tooltip');
173
133
  (0, _defineProperty2["default"])(TooltipRoot, "style", style);
174
-
175
134
  function PopperPopper(props) {
176
135
  var _ref5;
177
-
178
136
  var STooltip = props.Element,
179
- styles = props.styles,
180
- $visible = props.$visible,
181
- x = props.x,
182
- y = props.y;
137
+ styles = props.styles,
138
+ $visible = props.$visible,
139
+ x = props.x,
140
+ y = props.y;
183
141
  var handlerCancel = (0, _react.useCallback)(function () {
184
142
  return false;
185
143
  }, []);
@@ -192,25 +150,21 @@ function PopperPopper(props) {
192
150
  "y": y
193
151
  }));
194
152
  }
195
-
196
153
  function Title(props) {
197
154
  var _ref2 = arguments[0],
198
- _ref6;
199
-
155
+ _ref6;
200
156
  var STitle = _flexBox.Box;
201
157
  var styles = props.styles;
202
158
  return _ref6 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(STitle, _ref6.cn("STitle", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
203
159
  "__excludeProps": ['data', 'scale']
204
160
  }, _ref2))));
205
161
  }
206
-
207
162
  function Dot(props) {
208
163
  var _ref3 = arguments[0],
209
- _ref7;
210
-
164
+ _ref7;
211
165
  var styles = props.styles,
212
- color = props.color,
213
- Children = props.Children;
166
+ color = props.color,
167
+ Children = props.Children;
214
168
  var SDotGroup = _flexBox.Box;
215
169
  var SDot = _flexBox.Box;
216
170
  return _ref7 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SDotGroup, _ref7.cn("SDotGroup", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
@@ -219,18 +173,15 @@ function Dot(props) {
219
173
  "color": (0, _color["default"])(color)
220
174
  })), /*#__PURE__*/_react["default"].createElement(Children, _ref7.cn("Children", {})));
221
175
  }
222
-
223
176
  function Footer(props) {
224
177
  var _ref4 = arguments[0],
225
- _ref8;
226
-
178
+ _ref8;
227
179
  var styles = props.styles;
228
180
  var SFooter = _flexBox.Box;
229
181
  return _ref8 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SFooter, _ref8.cn("SFooter", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
230
182
  "__excludeProps": ['data', 'scale']
231
183
  }, _ref4))));
232
184
  }
233
-
234
185
  var Tooltip = (0, _createElement["default"])(TooltipRoot, {
235
186
  Trigger: _popper["default"].Trigger,
236
187
  Popper: PopperPopper,
@@ -1 +1 @@
1
- {"version":3,"file":"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","findComponent","Tooltip","Trigger","displayName","Popper","handlerCancel","allowedAutoPlacements","setTrigger","Component","style","PopperPopper","props","STooltip","Element","styles","useCallback","sstyled","Title","STitle","Box","Dot","color","SDotGroup","SDot","resolveColor","Footer","SFooter","createElement"],"sources":["../../src/Tooltip.jsx"],"sourcesContent":["import React, { useCallback } from 'react';\nimport { Component, Root, sstyled } from '@semcore/core';\nimport Popper from '@semcore/popper';\nimport { Box } from '@semcore/flex-box';\nimport findComponent from '@semcore/utils/lib/findComponent';\nimport resolveColor from '@semcore/utils/lib/color';\nimport createElement from './createElement';\nimport { CONSTANT } from './utils';\n\nimport style from './style/tooltip.shadow.css';\n\nclass TooltipRoot extends Component {\n static displayName = 'Tooltip';\n\n static style = style;\n\n state = {\n $visible: false,\n };\n\n handlerCancel = () => false;\n\n getTriggerProps() {\n // TODO: как то убрать\n const { x, y } = this.asProps;\n return { x, y };\n }\n\n getPopperProps() {\n return {\n ...this.state,\n };\n }\n\n componentDidMount() {\n const { eventEmitter, rootRef } = this.asProps;\n this.unsubscribeTooltipVisible = eventEmitter.subscribe(\n 'onTooltipVisible',\n (visible, data, node) => {\n this.setState(\n {\n ...data,\n $visible: visible,\n },\n () => {\n if (node && (node[CONSTANT.VIRTUAL_ELEMENT] || rootRef.current.contains(node))) {\n this?.setPopperTrigger(node);\n this.popper.current?.update();\n }\n },\n );\n },\n );\n }\n\n componentWillUnmount() {\n if (this.unsubscribeTooltipVisible) {\n this.unsubscribeTooltipVisible();\n }\n }\n\n render() {\n const { Children, children, tag, ...other } = this.asProps;\n\n const advanceMode = !!findComponent(Children, [\n Tooltip.Trigger.displayName,\n Tooltip.Popper.displayName,\n ]);\n return (\n <Root\n render={Popper}\n visible={this.state.$visible}\n onFirstUpdate={this.handlerCancel}\n onOutsideClick={this.handlerCancel}\n interaction=\"none\"\n offset={8}\n flip={{ allowedAutoPlacements: ['left', 'right'] }}\n >\n {({ popper, setTrigger }) => {\n this.setPopperTrigger = setTrigger;\n this.popper = popper;\n this.popper.current?.update();\n return advanceMode ? (\n <Children />\n ) : (\n <>\n {tag && <Tooltip.Trigger tag={tag} />}\n <Tooltip.Popper {...other}>{children}</Tooltip.Popper>\n </>\n );\n }}\n </Root>\n );\n }\n}\n\nfunction PopperPopper(props) {\n const { Element: STooltip, styles, $visible, x, y } = props;\n\n const handlerCancel = useCallback(() => false, []);\n\n if (!$visible) return null;\n\n return sstyled(styles)(\n <STooltip\n render={Popper.Popper}\n childrenPosition=\"inside\"\n onMouseMove={handlerCancel}\n x={x}\n y={y}\n />,\n );\n}\n\nfunction Title(props) {\n const STitle = Root;\n const { styles } = props;\n return sstyled(styles)(<STitle render={Box} __excludeProps={['data', 'scale']} />);\n}\n\nfunction Dot(props) {\n const { styles, color, Children } = props;\n const SDotGroup = Root;\n const SDot = Box;\n return sstyled(styles)(\n <SDotGroup render={Box} __excludeProps={['data', 'scale']}>\n <SDot color={resolveColor(color)} />\n <Children />\n </SDotGroup>,\n );\n}\n\nfunction Footer(props) {\n const { styles } = props;\n const SFooter = Root;\n return sstyled(styles)(\n <SFooter render={Box} __excludeProps={['data', 'scale']}/>,\n );\n}\n\nconst Tooltip = createElement(TooltipRoot, {\n Trigger: Popper.Trigger,\n Popper: PopperPopper,\n Title,\n Footer,\n Dot,\n});\n\nexport default Tooltip;\n"],"mappings":"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"}
1
+ {"version":3,"file":"Tooltip.js","names":["_core","require","_react","_interopRequireWildcard","_popper","_interopRequireDefault","_flexBox","_findComponent","_color","_createElement","_utils","_excluded","style","sstyled","insert","TooltipRoot","_Component","_inherits2","_super","_createSuper2","_this","_classCallCheck2","_len","arguments","length","args","Array","_key","call","apply","concat","_defineProperty2","_assertThisInitialized2","$visible","_createClass2","key","value","getTriggerProps","_this$asProps","asProps","x","y","getPopperProps","_objectSpread2","state","componentDidMount","_this2","_this$asProps2","eventEmitter","rootRef","unsubscribeTooltipVisible","subscribe","visible","data","node","setState","CONSTANT","VIRTUAL_ELEMENT","current","contains","_this2$popper$current","setPopperTrigger","popper","update","componentWillUnmount","render","_ref","_this3","_this$asProps3","Children","children","tag","other","_objectWithoutProperties2","advanceMode","findComponent","Tooltip","Trigger","displayName","Popper","createElement","assignProps","handlerCancel","allowedAutoPlacements","_ref9","_this3$popper$current","setTrigger","Fragment","Component","PopperPopper","props","_ref5","STooltip","Element","styles","useCallback","cn","Title","_ref2","arguments[0]","_ref6","STitle","Box","Dot","_ref3","_ref7","color","SDotGroup","SDot","resolveColor","Footer","_ref4","_ref8","SFooter","_default","exports"],"sources":["../../src/Tooltip.jsx"],"sourcesContent":["import React, { useCallback } from 'react';\nimport { Component, Root, sstyled } from '@semcore/core';\nimport Popper from '@semcore/popper';\nimport { Box } from '@semcore/flex-box';\nimport findComponent from '@semcore/utils/lib/findComponent';\nimport resolveColor from '@semcore/utils/lib/color';\nimport createElement from './createElement';\nimport { CONSTANT } from './utils';\n\nimport style from './style/tooltip.shadow.css';\n\nclass TooltipRoot extends Component {\n static displayName = 'Tooltip';\n\n static style = style;\n\n state = {\n $visible: false,\n };\n\n handlerCancel = () => false;\n\n getTriggerProps() {\n // TODO: как то убрать\n const { x, y } = this.asProps;\n return { x, y };\n }\n\n getPopperProps() {\n return {\n ...this.state,\n };\n }\n\n componentDidMount() {\n const { eventEmitter, rootRef } = this.asProps;\n this.unsubscribeTooltipVisible = eventEmitter.subscribe(\n 'onTooltipVisible',\n (visible, data, node) => {\n this.setState(\n {\n ...data,\n $visible: visible,\n },\n () => {\n if (node && (node[CONSTANT.VIRTUAL_ELEMENT] || rootRef.current.contains(node))) {\n this?.setPopperTrigger(node);\n this.popper.current?.update();\n }\n },\n );\n },\n );\n }\n\n componentWillUnmount() {\n if (this.unsubscribeTooltipVisible) {\n this.unsubscribeTooltipVisible();\n }\n }\n\n render() {\n const { Children, children, tag, ...other } = this.asProps;\n\n const advanceMode = !!findComponent(Children, [\n Tooltip.Trigger.displayName,\n Tooltip.Popper.displayName,\n ]);\n return (\n <Root\n render={Popper}\n visible={this.state.$visible}\n onFirstUpdate={this.handlerCancel}\n onOutsideClick={this.handlerCancel}\n interaction=\"none\"\n offset={8}\n flip={{ allowedAutoPlacements: ['left', 'right'] }}\n >\n {({ popper, setTrigger }) => {\n this.setPopperTrigger = setTrigger;\n this.popper = popper;\n this.popper.current?.update();\n return advanceMode ? (\n <Children />\n ) : (\n <>\n {tag && <Tooltip.Trigger tag={tag} />}\n <Tooltip.Popper {...other}>{children}</Tooltip.Popper>\n </>\n );\n }}\n </Root>\n );\n }\n}\n\nfunction PopperPopper(props) {\n const { Element: STooltip, styles, $visible, x, y } = props;\n\n const handlerCancel = useCallback(() => false, []);\n\n if (!$visible) return null;\n\n return sstyled(styles)(\n <STooltip\n render={Popper.Popper}\n childrenPosition=\"inside\"\n onMouseMove={handlerCancel}\n x={x}\n y={y}\n />,\n );\n}\n\nfunction Title(props) {\n const STitle = Root;\n const { styles } = props;\n return sstyled(styles)(<STitle render={Box} __excludeProps={['data', 'scale']} />);\n}\n\nfunction Dot(props) {\n const { styles, color, Children } = props;\n const SDotGroup = Root;\n const SDot = Box;\n return sstyled(styles)(\n <SDotGroup render={Box} __excludeProps={['data', 'scale']}>\n <SDot color={resolveColor(color)} />\n <Children />\n </SDotGroup>,\n );\n}\n\nfunction Footer(props) {\n const { styles } = props;\n const SFooter = Root;\n return sstyled(styles)(\n <SFooter render={Box} __excludeProps={['data', 'scale']}/>,\n );\n}\n\nconst Tooltip = createElement(TooltipRoot, {\n Trigger: Popper.Trigger,\n Popper: PopperPopper,\n Title,\n Footer,\n Dot,\n});\n\nexport default Tooltip;\n"],"mappings":"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"}
package/lib/cjs/Venn.js CHANGED
@@ -1,80 +1,49 @@
1
1
  "use strict";
2
2
 
3
3
  var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
-
5
4
  Object.defineProperty(exports, "__esModule", {
6
5
  value: true
7
6
  });
8
7
  exports["default"] = void 0;
9
-
10
8
  var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
11
-
12
9
  var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
13
-
14
10
  var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
15
-
16
11
  var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
17
-
18
12
  var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
19
-
20
13
  var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
21
-
22
14
  var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
23
-
24
15
  var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
25
-
26
16
  var _core = require("@semcore/core");
27
-
28
17
  var _react = _interopRequireDefault(require("react"));
29
-
30
18
  var _venn = require("@upsetjs/venn.js");
31
-
32
19
  var _canUseDOM = _interopRequireDefault(require("@semcore/utils/lib/canUseDOM"));
33
-
34
20
  var _animation = require("@semcore/animation");
35
-
36
21
  var _createElement = _interopRequireDefault(require("./createElement"));
37
-
38
22
  var _utils = require("./utils");
39
-
40
23
  /*__reshadow-styles__:"./style/venn.shadow.css"*/
41
- var style = (
42
- /*__reshadow_css_start__*/
43
- _core.sstyled.insert(
44
- /*__inner_css_start__*/
45
- ".___SCircle_1bb73_gg_,.___SIntersection_1bb73_gg_{stroke:var(--intergalactic-chart-grid-border, #ffffff);stroke-width:2px}.___SCircle_1bb73_gg_{fill:var(--intergalactic-chart-palette-order-2, #59ddaa);fill-opacity:.5;transition-property:cx,cy;transition-duration:var(--duration_1bb73);transition-timing-function:ease-in-out}@media (hover:hover){.___SCircle_1bb73_gg_:hover{fill-opacity:.7}}.___SCircle_1bb73_gg_.__color_1bb73_gg_{fill:var(--color_1bb73)}.___SCircle_1bb73_gg_.__transparent_1bb73_gg_{opacity:.3}.___SIntersection_1bb73_gg_{fill-opacity:0}@media (hover:hover){.___SIntersection_1bb73_gg_:hover{fill-opacity:.1}}.___SIntersection_1bb73_gg_.__transparent_1bb73_gg_{opacity:.3}"
46
- /*__inner_css_end__*/
47
- , "1bb73_gg_")
48
- /*__reshadow_css_end__*/
49
- , {
50
- "__SCircle": "___SCircle_1bb73_gg_",
51
- "--duration": "--duration_1bb73",
52
- "_color": "__color_1bb73_gg_",
53
- "--color": "--color_1bb73",
54
- "_transparent": "__transparent_1bb73_gg_",
55
- "__SIntersection": "___SIntersection_1bb73_gg_"
24
+ var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SCircle_o9u4v_gg_,.___SIntersection_o9u4v_gg_{stroke:var(--intergalactic-chart-grid-border, #ffffff);stroke-width:2px}.___SCircle_o9u4v_gg_{fill:var(--intergalactic-chart-palette-order-2, #59ddaa);fill-opacity:.5;transition-property:cx,cy;transition-duration:var(--duration_o9u4v);transition-timing-function:ease-in-out}@media (hover:hover){.___SCircle_o9u4v_gg_:hover{fill-opacity:.7}}.___SCircle_o9u4v_gg_.__color_o9u4v_gg_{fill:var(--color_o9u4v)}.___SCircle_o9u4v_gg_.__transparent_o9u4v_gg_{opacity:.3}.___SIntersection_o9u4v_gg_{fill-opacity:0}@media (hover:hover){.___SIntersection_o9u4v_gg_:hover{fill-opacity:.1}}.___SIntersection_o9u4v_gg_.__transparent_o9u4v_gg_{opacity:.3}" /*__inner_css_end__*/, "o9u4v_gg_") /*__reshadow_css_end__*/, {
25
+ "__SCircle": "___SCircle_o9u4v_gg_",
26
+ "--duration": "--duration_o9u4v",
27
+ "_color": "__color_o9u4v_gg_",
28
+ "--color": "--color_o9u4v",
29
+ "_transparent": "__transparent_o9u4v_gg_",
30
+ "__SIntersection": "___SIntersection_o9u4v_gg_"
56
31
  });
57
-
58
32
  var VennRoot = /*#__PURE__*/function (_Component) {
59
33
  (0, _inherits2["default"])(VennRoot, _Component);
60
-
61
34
  var _super = (0, _createSuper2["default"])(VennRoot);
62
-
63
35
  function VennRoot() {
64
36
  var _this;
65
-
66
37
  (0, _classCallCheck2["default"])(this, VennRoot);
67
-
68
38
  for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
69
39
  args[_key] = arguments[_key];
70
40
  }
71
-
72
41
  _this = _super.call.apply(_super, [this].concat(args));
73
42
  (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "virtualElement", (0, _canUseDOM["default"])() ? document.createElement('div') : {});
74
43
  (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "bindHandlerTooltip", function (visible, props) {
75
44
  return function (_ref3) {
76
45
  var x = _ref3.clientX,
77
- y = _ref3.clientY;
46
+ y = _ref3.clientY;
78
47
  var eventEmitter = _this.asProps.eventEmitter;
79
48
  _this.virtualElement.getBoundingClientRect = _this.generateGetBoundingClientRect(x, y);
80
49
  _this.virtualElement[_utils.CONSTANT.VIRTUAL_ELEMENT] = true;
@@ -91,7 +60,6 @@ var VennRoot = /*#__PURE__*/function (_Component) {
91
60
  }));
92
61
  return _this;
93
62
  }
94
-
95
63
  (0, _createClass2["default"])(VennRoot, [{
96
64
  key: "generateGetBoundingClientRect",
97
65
  value: function generateGetBoundingClientRect() {
@@ -112,20 +80,17 @@ var VennRoot = /*#__PURE__*/function (_Component) {
112
80
  key: "getVennData",
113
81
  value: function getVennData() {
114
82
  var _this$asProps = this.asProps,
115
- data = _this$asProps.data,
116
- orientation = _this$asProps.orientation,
117
- orientationOrder = _this$asProps.orientationOrder,
118
- size = _this$asProps.size;
119
-
83
+ data = _this$asProps.data,
84
+ orientation = _this$asProps.orientation,
85
+ orientationOrder = _this$asProps.orientationOrder,
86
+ size = _this$asProps.size;
120
87
  var _size = (0, _slicedToArray2["default"])(size, 2),
121
- width = _size[0],
122
- height = _size[1];
123
-
88
+ width = _size[0],
89
+ height = _size[1];
124
90
  var vennData = Object.entries(data).map(function (_ref4) {
125
91
  var _ref5 = (0, _slicedToArray2["default"])(_ref4, 2),
126
- dataKey = _ref5[0],
127
- size = _ref5[1];
128
-
92
+ dataKey = _ref5[0],
93
+ size = _ref5[1];
129
94
  return {
130
95
  sets: dataKey.split('/'),
131
96
  size: size
@@ -149,8 +114,8 @@ var VennRoot = /*#__PURE__*/function (_Component) {
149
114
  key: "getIntersectionProps",
150
115
  value: function getIntersectionProps(props) {
151
116
  var _this$asProps2 = this.asProps,
152
- duration = _this$asProps2.duration,
153
- transparent = _this$asProps2.transparent;
117
+ duration = _this$asProps2.duration,
118
+ transparent = _this$asProps2.transparent;
154
119
  var dataKeys = props.dataKey.split('/');
155
120
  return {
156
121
  duration: duration,
@@ -180,7 +145,6 @@ var VennRoot = /*#__PURE__*/function (_Component) {
180
145
  }]);
181
146
  return VennRoot;
182
147
  }(_core.Component);
183
-
184
148
  (0, _defineProperty2["default"])(VennRoot, "displayName", 'Venn');
185
149
  (0, _defineProperty2["default"])(VennRoot, "style", style);
186
150
  (0, _defineProperty2["default"])(VennRoot, "defaultProps", {
@@ -190,19 +154,17 @@ var VennRoot = /*#__PURE__*/function (_Component) {
190
154
  },
191
155
  duration: 500
192
156
  });
193
-
194
157
  function Circle(_ref6) {
195
158
  var _ref;
196
-
197
159
  var SCircle = _ref6.Element,
198
- styles = _ref6.styles,
199
- color = _ref6.color,
200
- data = _ref6.data,
201
- duration = _ref6.duration,
202
- name = _ref6.name,
203
- dataKey = _ref6.dataKey,
204
- dataHintsHandler = _ref6.dataHintsHandler,
205
- transparent = _ref6.transparent;
160
+ styles = _ref6.styles,
161
+ color = _ref6.color,
162
+ data = _ref6.data,
163
+ duration = _ref6.duration,
164
+ name = _ref6.name,
165
+ dataKey = _ref6.dataKey,
166
+ dataHintsHandler = _ref6.dataHintsHandler,
167
+ transparent = _ref6.transparent;
206
168
  dataHintsHandler.describeValueEntity(dataKey, name);
207
169
  return _ref = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SCircle, _ref.cn("SCircle", {
208
170
  "aria-hidden": true,
@@ -215,19 +177,16 @@ function Circle(_ref6) {
215
177
  "use:duration": "".concat(duration, "ms")
216
178
  }));
217
179
  }
218
-
219
180
  function Intersection(props) {
220
181
  var _ref2;
221
-
222
182
  var SIntersection = props.Element,
223
- styles = props.styles,
224
- data = props.data,
225
- name = props.name,
226
- dataKey = props.dataKey,
227
- dataHintsHandler = props.dataHintsHandler,
228
- transparent = props.transparent;
183
+ styles = props.styles,
184
+ data = props.data,
185
+ name = props.name,
186
+ dataKey = props.dataKey,
187
+ dataHintsHandler = props.dataHintsHandler,
188
+ transparent = props.transparent;
229
189
  dataHintsHandler.describeValueEntity(dataKey, name);
230
-
231
190
  var renderIntersection = _react["default"].useCallback( /*#__PURE__*/_react["default"].forwardRef(function (props, ref) {
232
191
  return /*#__PURE__*/_react["default"].createElement(_animation.FadeInOut, (0, _extends2["default"])({
233
192
  "aria-hidden": true,
@@ -236,7 +195,6 @@ function Intersection(props) {
236
195
  visible: true
237
196
  }, props));
238
197
  }), [props]);
239
-
240
198
  return _ref2 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SIntersection, _ref2.cn("SIntersection", {
241
199
  "aria-hidden": true,
242
200
  "render": renderIntersection,
@@ -244,7 +202,6 @@ function Intersection(props) {
244
202
  "transparent": transparent
245
203
  }));
246
204
  }
247
-
248
205
  var Venn = (0, _createElement["default"])(VennRoot, {
249
206
  Circle: Circle,
250
207
  Intersection: Intersection