@semcore/skeleton 3.0.1 → 3.1.0

package/CHANGELOG.md

@@ -2,6 +2,12 @@
 
 CHANGELOG.md standards are inspired by [keepachangelog.com](https://keepachangelog.com/en/1.0.0/).
 
+## [3.1.0] - 2022-01-21
+
+### Added
+
+- Added Bubble and ScatterPlot chart
+
 ## [3.0.1] - 2021-10-19
 
 ### Fixed

package/lib/cjs/Charts/Bubble.js

@@ -0,0 +1,49 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _Skeleton = _interopRequireDefault(require("../Skeleton"));
+
+var BubbleChartSkeleton = function BubbleChartSkeleton(props) {
+  return /*#__PURE__*/_react["default"].createElement(_Skeleton["default"], (0, _extends2["default"])({
+    visible: true,
+    viewBox: "0 0 460 180",
+    preserveAspectRatio: "xMidYMid meet"
+  }, props), function (_ref) {
+    var gradientUrl = _ref.gradientUrl;
+    return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement("g", null, /*#__PURE__*/_react["default"].createElement("path", {
+      fill: gradientUrl,
+      fillRule: "nonzero",
+      d: "M82 172C104.091 172 122 154.091 122 132C122 109.909 104.091 92 82 92C59.9086 92 42 109.909 42 132C42 154.091 59.9086 172 82 172Z"
+    }), /*#__PURE__*/_react["default"].createElement("path", {
+      fill: gradientUrl,
+      fillRule: "nonzero",
+      d: "M114 56C127.255 56 138 45.2548 138 32C138 18.7452 127.255 8 114 8C100.745 8 90 18.7452 90 32C90 45.2548 100.745 56 114 56Z"
+    }), /*#__PURE__*/_react["default"].createElement("path", {
+      fill: gradientUrl,
+      fillRule: "nonzero",
+      d: "M358.5 95C371.479 95 382 84.4787 382 71.5C382 58.5213 371.479 48 358.5 48C345.521 48 335 58.5213 335 71.5C335 84.4787 345.521 95 358.5 95Z"
+    }), /*#__PURE__*/_react["default"].createElement("path", {
+      fill: gradientUrl,
+      fillRule: "nonzero",
+      d: "M402 138C410.837 138 418 130.837 418 122C418 113.163 410.837 106 402 106C393.163 106 386 113.163 386 122C386 130.837 393.163 138 402 138Z"
+    }), /*#__PURE__*/_react["default"].createElement("path", {
+      fill: gradientUrl,
+      fillRule: "nonzero",
+      d: "M230 142C258.719 142 282 118.719 282 90C282 61.2812 258.719 38 230 38C201.281 38 178 61.2812 178 90C178 118.719 201.281 142 230 142Z"
+    })));
+  });
+};
+
+var _default = BubbleChartSkeleton;
+exports["default"] = _default;
+//# sourceMappingURL=Bubble.js.map

package/lib/cjs/Charts/Bubble.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/Charts/Bubble.js"],"names":["BubbleChartSkeleton","props","gradientUrl"],"mappings":";;;;;;;;;;;AAAA;;AACA;;AAEA,IAAMA,mBAAmB,GAAG,SAAtBA,mBAAsB,CAACC,KAAD;AAAA,sBAC1B,gCAAC,oBAAD;AAAU,IAAA,OAAO,MAAjB;AAAkB,IAAA,OAAO,EAAC,aAA1B;AAAwC,IAAA,mBAAmB,EAAC;AAA5D,KAAgFA,KAAhF,GACG;AAAA,QAAGC,WAAH,QAAGA,WAAH;AAAA,wBACC,+EACE,wDACE;AACE,MAAA,IAAI,EAAEA,WADR;AAEE,MAAA,QAAQ,EAAC,SAFX;AAGE,MAAA,CAAC,EAAC;AAHJ,MADF,eAME;AACE,MAAA,IAAI,EAAEA,WADR;AAEE,MAAA,QAAQ,EAAC,SAFX;AAGE,MAAA,CAAC,EAAC;AAHJ,MANF,eAWE;AACE,MAAA,IAAI,EAAEA,WADR;AAEE,MAAA,QAAQ,EAAC,SAFX;AAGE,MAAA,CAAC,EAAC;AAHJ,MAXF,eAgBE;AACE,MAAA,IAAI,EAAEA,WADR;AAEE,MAAA,QAAQ,EAAC,SAFX;AAGE,MAAA,CAAC,EAAC;AAHJ,MAhBF,eAqBE;AACE,MAAA,IAAI,EAAEA,WADR;AAEE,MAAA,QAAQ,EAAC,SAFX;AAGE,MAAA,CAAC,EAAC;AAHJ,MArBF,CADF,CADD;AAAA,GADH,CAD0B;AAAA,CAA5B;;eAoCeF,mB","sourcesContent":["import React from 'react';\nimport Skeleton from '../Skeleton';\n\nconst BubbleChartSkeleton = (props) => (\n  <Skeleton visible viewBox=\"0 0 460 180\" preserveAspectRatio=\"xMidYMid meet\" {...props}>\n    {({ gradientUrl }) => (\n      <>\n        <g>\n          <path\n            fill={gradientUrl}\n            fillRule=\"nonzero\"\n            d=\"M82 172C104.091 172 122 154.091 122 132C122 109.909 104.091 92 82 92C59.9086 92 42 109.909 42 132C42 154.091 59.9086 172 82 172Z\"\n          />\n          <path\n            fill={gradientUrl}\n            fillRule=\"nonzero\"\n            d=\"M114 56C127.255 56 138 45.2548 138 32C138 18.7452 127.255 8 114 8C100.745 8 90 18.7452 90 32C90 45.2548 100.745 56 114 56Z\"\n          />\n          <path\n            fill={gradientUrl}\n            fillRule=\"nonzero\"\n            d=\"M358.5 95C371.479 95 382 84.4787 382 71.5C382 58.5213 371.479 48 358.5 48C345.521 48 335 58.5213 335 71.5C335 84.4787 345.521 95 358.5 95Z\"\n          />\n          <path\n            fill={gradientUrl}\n            fillRule=\"nonzero\"\n            d=\"M402 138C410.837 138 418 130.837 418 122C418 113.163 410.837 106 402 106C393.163 106 386 113.163 386 122C386 130.837 393.163 138 402 138Z\"\n          />\n          <path\n            fill={gradientUrl}\n            fillRule=\"nonzero\"\n            d=\"M230 142C258.719 142 282 118.719 282 90C282 61.2812 258.719 38 230 38C201.281 38 178 61.2812 178 90C178 118.719 201.281 142 230 142Z\"\n          />\n        </g>\n      </>\n    )}\n  </Skeleton>\n);\n\nexport default BubbleChartSkeleton;\n"],"file":"Bubble.js"}

package/lib/cjs/Charts/ScatterPlot.js

@@ -0,0 +1,57 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _Skeleton = _interopRequireDefault(require("../Skeleton"));
+
+var ScatterPlotChartSkeleton = function ScatterPlotChartSkeleton(props) {
+  return /*#__PURE__*/_react["default"].createElement(_Skeleton["default"], (0, _extends2["default"])({
+    visible: true,
+    viewBox: "0 0 680 200",
+    preserveAspectRatio: "xMidYMid meet"
+  }, props), function (_ref) {
+    var gradientUrl = _ref.gradientUrl;
+    return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement("g", null, /*#__PURE__*/_react["default"].createElement("path", {
+      fill: gradientUrl,
+      fillRule: "nonzero",
+      d: "M162 140C167.523 140 172 135.523 172 130C172 124.477 167.523 120 162 120C156.477 120 152 124.477 152 130C152 135.523 156.477 140 162 140Z"
+    }), /*#__PURE__*/_react["default"].createElement("path", {
+      fill: gradientUrl,
+      fillRule: "nonzero",
+      d: "M281 102C286.523 102 291 97.5228 291 92C291 86.4772 286.523 82 281 82C275.477 82 271 86.4772 271 92C271 97.5228 275.477 102 281 102Z"
+    }), /*#__PURE__*/_react["default"].createElement("path", {
+      fill: gradientUrl,
+      fillRule: "nonzero",
+      d: "M340 126C345.523 126 350 121.523 350 116C350 110.477 345.523 106 340 106C334.477 106 330 110.477 330 116C330 121.523 334.477 126 340 126Z"
+    }), /*#__PURE__*/_react["default"].createElement("path", {
+      fill: gradientUrl,
+      fillRule: "nonzero",
+      d: "M518 50C523.523 50 528 45.5228 528 40C528 34.4772 523.523 30 518 30C512.477 30 508 34.4772 508 40C508 45.5228 512.477 50 518 50Z"
+    }), /*#__PURE__*/_react["default"].createElement("path", {
+      fill: gradientUrl,
+      fillRule: "nonzero",
+      d: "M222 84C227.523 84 232 79.5228 232 74C232 68.4772 227.523 64 222 64C216.477 64 212 68.4772 212 74C212 79.5228 216.477 84 222 84Z"
+    }), /*#__PURE__*/_react["default"].createElement("path", {
+      fill: gradientUrl,
+      fillRule: "nonzero",
+      d: "M399 92C404.523 92 409 87.5228 409 82C409 76.4772 404.523 72 399 72C393.477 72 389 76.4772 389 82C389 87.5228 393.477 92 399 92Z"
+    }), /*#__PURE__*/_react["default"].createElement("path", {
+      fill: gradientUrl,
+      fillRule: "nonzero",
+      d: "M458 100C463.523 100 468 95.5228 468 90C468 84.4772 463.523 80 458 80C452.477 80 448 84.4772 448 90C448 95.5228 452.477 100 458 100Z"
+    })));
+  });
+};
+
+var _default = ScatterPlotChartSkeleton;
+exports["default"] = _default;
+//# sourceMappingURL=ScatterPlot.js.map

package/lib/cjs/Charts/ScatterPlot.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/Charts/ScatterPlot.js"],"names":["ScatterPlotChartSkeleton","props","gradientUrl"],"mappings":";;;;;;;;;;;AAAA;;AACA;;AAEA,IAAMA,wBAAwB,GAAG,SAA3BA,wBAA2B,CAACC,KAAD;AAAA,sBAC/B,gCAAC,oBAAD;AAAU,IAAA,OAAO,MAAjB;AAAkB,IAAA,OAAO,EAAC,aAA1B;AAAwC,IAAA,mBAAmB,EAAC;AAA5D,KAAgFA,KAAhF,GACG;AAAA,QAAGC,WAAH,QAAGA,WAAH;AAAA,wBACC,+EACE,wDACE;AACE,MAAA,IAAI,EAAEA,WADR;AAEE,MAAA,QAAQ,EAAC,SAFX;AAGE,MAAA,CAAC,EAAC;AAHJ,MADF,eAME;AACE,MAAA,IAAI,EAAEA,WADR;AAEE,MAAA,QAAQ,EAAC,SAFX;AAGE,MAAA,CAAC,EAAC;AAHJ,MANF,eAWE;AACE,MAAA,IAAI,EAAEA,WADR;AAEE,MAAA,QAAQ,EAAC,SAFX;AAGE,MAAA,CAAC,EAAC;AAHJ,MAXF,eAgBE;AACE,MAAA,IAAI,EAAEA,WADR;AAEE,MAAA,QAAQ,EAAC,SAFX;AAGE,MAAA,CAAC,EAAC;AAHJ,MAhBF,eAqBE;AACE,MAAA,IAAI,EAAEA,WADR;AAEE,MAAA,QAAQ,EAAC,SAFX;AAGE,MAAA,CAAC,EAAC;AAHJ,MArBF,eA0BE;AACE,MAAA,IAAI,EAAEA,WADR;AAEE,MAAA,QAAQ,EAAC,SAFX;AAGE,MAAA,CAAC,EAAC;AAHJ,MA1BF,eA+BE;AACE,MAAA,IAAI,EAAEA,WADR;AAEE,MAAA,QAAQ,EAAC,SAFX;AAGE,MAAA,CAAC,EAAC;AAHJ,MA/BF,CADF,CADD;AAAA,GADH,CAD+B;AAAA,CAAjC;;eA8CeF,wB","sourcesContent":["import React from 'react';\nimport Skeleton from '../Skeleton';\n\nconst ScatterPlotChartSkeleton = (props) => (\n  <Skeleton visible viewBox=\"0 0 680 200\" preserveAspectRatio=\"xMidYMid meet\" {...props}>\n    {({ gradientUrl }) => (\n      <>\n        <g>\n          <path\n            fill={gradientUrl}\n            fillRule=\"nonzero\"\n            d=\"M162 140C167.523 140 172 135.523 172 130C172 124.477 167.523 120 162 120C156.477 120 152 124.477 152 130C152 135.523 156.477 140 162 140Z\"\n          />\n          <path\n            fill={gradientUrl}\n            fillRule=\"nonzero\"\n            d=\"M281 102C286.523 102 291 97.5228 291 92C291 86.4772 286.523 82 281 82C275.477 82 271 86.4772 271 92C271 97.5228 275.477 102 281 102Z\"\n          />\n          <path\n            fill={gradientUrl}\n            fillRule=\"nonzero\"\n            d=\"M340 126C345.523 126 350 121.523 350 116C350 110.477 345.523 106 340 106C334.477 106 330 110.477 330 116C330 121.523 334.477 126 340 126Z\"\n          />\n          <path\n            fill={gradientUrl}\n            fillRule=\"nonzero\"\n            d=\"M518 50C523.523 50 528 45.5228 528 40C528 34.4772 523.523 30 518 30C512.477 30 508 34.4772 508 40C508 45.5228 512.477 50 518 50Z\"\n          />\n          <path\n            fill={gradientUrl}\n            fillRule=\"nonzero\"\n            d=\"M222 84C227.523 84 232 79.5228 232 74C232 68.4772 227.523 64 222 64C216.477 64 212 68.4772 212 74C212 79.5228 216.477 84 222 84Z\"\n          />\n          <path\n            fill={gradientUrl}\n            fillRule=\"nonzero\"\n            d=\"M399 92C404.523 92 409 87.5228 409 82C409 76.4772 404.523 72 399 72C393.477 72 389 76.4772 389 82C389 87.5228 393.477 92 399 92Z\"\n          />\n          <path\n            fill={gradientUrl}\n            fillRule=\"nonzero\"\n            d=\"M458 100C463.523 100 468 95.5228 468 90C468 84.4772 463.523 80 458 80C452.477 80 448 84.4772 448 90C448 95.5228 452.477 100 458 100Z\"\n          />\n        </g>\n      </>\n    )}\n  </Skeleton>\n);\n\nexport default ScatterPlotChartSkeleton;\n"],"file":"ScatterPlot.js"}

package/lib/cjs/Charts/index.js

@@ -41,6 +41,18 @@ Object.defineProperty(exports, "VennChartSkeleton", {
     return _Venn["default"];
   }
 });
+Object.defineProperty(exports, "ScatterPlotChartSkeleton", {
+  enumerable: true,
+  get: function get() {
+    return _ScatterPlot["default"];
+  }
+});
+Object.defineProperty(exports, "BubbleChartSkeleton", {
+  enumerable: true,
+  get: function get() {
+    return _Bubble["default"];
+  }
+});
 
 var _Histogram = _interopRequireDefault(require("./Histogram"));
 
@@ -53,4 +65,8 @@ var _Area = _interopRequireDefault(require("./Area"));
 var _Line = _interopRequireDefault(require("./Line"));
 
 var _Venn = _interopRequireDefault(require("./Venn"));
+
+var _ScatterPlot = _interopRequireDefault(require("./ScatterPlot"));
+
+var _Bubble = _interopRequireDefault(require("./Bubble"));
 //# sourceMappingURL=index.js.map

package/lib/cjs/Charts/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/Charts/index.js"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA","sourcesContent":["export { default as HistogramChartSkeleton } from './Histogram';\nexport { default as PieChartSkeleton } from './Pie';\nexport { default as BarChartSkeleton } from './Bar';\nexport { default as AreaChartSkeleton } from './Area';\nexport { default as LineChartSkeleton } from './Line';\nexport { default as VennChartSkeleton } from './Venn';\n"],"file":"index.js"}
+{"version":3,"sources":["../../../src/Charts/index.js"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA","sourcesContent":["export { default as HistogramChartSkeleton } from './Histogram';\nexport { default as PieChartSkeleton } from './Pie';\nexport { default as BarChartSkeleton } from './Bar';\nexport { default as AreaChartSkeleton } from './Area';\nexport { default as LineChartSkeleton } from './Line';\nexport { default as VennChartSkeleton } from './Venn';\nexport { default as ScatterPlotChartSkeleton } from './ScatterPlot';\nexport { default as BubbleChartSkeleton } from './Bubble';\n"],"file":"index.js"}

package/lib/cjs/Skeleton.js

@@ -46,17 +46,17 @@ var style = (
 /*__reshadow_css_start__*/
 _core.sstyled.insert(
 /*__inner_css_start__*/
-".___SSkeleton_1579d_gg_{-webkit-animation-name:pulse_igzjoo;animation-name:pulse_igzjoo;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-duration:var(--durationAnim_igzjoo);animation-duration:var(--durationAnim_igzjoo);will-change:opacity}@-webkit-keyframes pulse_igzjoo{0%{opacity:1}50%{opacity:.4}to{opacity:1}}@keyframes pulse_igzjoo{0%{opacity:1}50%{opacity:.4}to{opacity:1}}.___SSkeleton_1579d_gg_._theme_invert_1579d_gg_{fill:#edeff0}.___SSkeleton_1579d_gg_._theme_dark_1579d_gg_{fill:hsla(0,0%,100%,.5)}.___SText_1579d_gg_{box-sizing:border-box}"
+".___SSkeleton_17d2v_gg_{-webkit-animation-name:pulse_igzjoo;animation-name:pulse_igzjoo;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-duration:var(--durationAnim_igzjoo);animation-duration:var(--durationAnim_igzjoo);will-change:opacity}@-webkit-keyframes pulse_igzjoo{0%{opacity:1}50%{opacity:.4}to{opacity:1}}@keyframes pulse_igzjoo{0%{opacity:1}50%{opacity:.4}to{opacity:1}}.___SSkeleton_17d2v_gg_._theme_invert_17d2v_gg_{fill:#edeff0}.___SSkeleton_17d2v_gg_._theme_dark_17d2v_gg_{fill:hsla(0,0%,100%,.5)}.___SText_17d2v_gg_{box-sizing:border-box}"
 /*__inner_css_end__*/
 , "igzjoo_gg_")
 /*__reshadow_css_end__*/
 , {
-  "__SSkeleton": "___SSkeleton_1579d_gg_",
+  "__SSkeleton": "___SSkeleton_17d2v_gg_",
   "--durationAnim": "--durationAnim_igzjoo",
   "@pulse": "pulse_igzjoo",
-  "_theme_invert": "_theme_invert_1579d_gg_",
-  "_theme_dark": "_theme_dark_1579d_gg_",
-  "__SText": "___SText_1579d_gg_"
+  "_theme_invert": "_theme_invert_17d2v_gg_",
+  "_theme_dark": "_theme_dark_17d2v_gg_",
+  "__SText": "___SText_17d2v_gg_"
 });
 var MAP_COLOR_THEME = {
   dark: 'rgba(255,255,255,0.5)',

package/lib/cjs/Skeleton.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/Skeleton.js"],"names":["MAP_COLOR_THEME","dark","invert","Skeleton","theme","asProps","gradientUrl","SSkeleton","Box","Children","styles","duration","speed","hidden","uid","other","Component","style","width","height","Text","props","SText","amount","y","x","forwardRef","amountLine","Number","renderRect","Array","map","el","index","key","ref","defaultProps"],"mappings":"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","sourcesContent":["import React from 'react';\nimport createComponent, { Component, sstyled, Root } from '@semcore/core';\nimport { Box } from '@semcore/flex-box';\nimport uniqueIDEnhancement from '@semcore/utils/lib/uniqueID';\n\nimport style from './style/skeleton.shadow.css';\n\nconst MAP_COLOR_THEME = {\n  dark: 'rgba(255,255,255,0.5)',\n  invert: '#edeff0',\n};\n\nclass Skeleton extends Component {\n  static displayName = 'Skeleton';\n  static style = style;\n  static defaultProps = {\n    width: '100%',\n    height: '100%',\n    theme: 'invert',\n    duration: 2000,\n  };\n  static enhance = [uniqueIDEnhancement()];\n\n  setContext() {\n    const { theme } = this.asProps;\n    return {\n      gradientUrl: MAP_COLOR_THEME[theme],\n    };\n  }\n\n  render() {\n    const SSkeleton = Root;\n    const { Children, styles, duration, speed, hidden, uid, ...other } = this.asProps;\n\n    if (hidden) return null;\n\n    return sstyled(styles)(\n      <SSkeleton render={Box} tag=\"svg\" preserveAspectRatio=\"none\" durationAnim={`${duration}ms`}>\n        <defs>\n          <mask id={uid}>\n            <Children />\n          </mask>\n        </defs>\n        <rect x=\"0\" y=\"0\" width=\"100%\" height=\"100%\" mask={`url(#${uid})`} />\n      </SSkeleton>,\n    );\n  }\n}\n\nfunction Text(props) {\n  const SText = Box;\n  const { amount, y, x, styles, forwardRef, ...other } = props;\n  const amountLine = Number(amount);\n\n  const renderRect = (props) => {\n    return sstyled(styles)(<SText tag=\"rect\" rx=\"4\" ry=\"4\" height=\"8\" {...props} />);\n  };\n\n  return (\n    <React.Fragment>\n      {[...Array(amountLine)].map((el, index) =>\n        renderRect({\n          key: index,\n          y: y || 20 * index,\n          x,\n          ref: forwardRef,\n          ...other,\n        }),\n      )}\n    </React.Fragment>\n  );\n}\nText.defaultProps = {\n  x: 0,\n  y: 0,\n  amount: 1,\n  width: '100%',\n};\n\nexport default createComponent(Skeleton, {\n  Text,\n});\n"],"file":"Skeleton.js"}
+{"version":3,"sources":["../../src/Skeleton.js"],"names":["MAP_COLOR_THEME","dark","invert","Skeleton","theme","asProps","gradientUrl","SSkeleton","Box","Children","styles","duration","speed","hidden","uid","other","Component","style","width","height","Text","props","SText","amount","y","x","forwardRef","amountLine","Number","renderRect","Array","map","el","index","key","ref","defaultProps"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AACA;;AADA;;AAEA;;AACA;;;;;;;;;;;;;;;;;;;;;;;;;;;AAIA,IAAMA,eAAe,GAAG;AACtBC,EAAAA,IAAI,EAAE,uBADgB;AAEtBC,EAAAA,MAAM,EAAE;AAFc,CAAxB;;IAKMC,Q;;;;;;;;;;;;WAWJ,sBAAa;AAAA,UACHC,KADG,GACO,KAAKC,OADZ,CACHD,KADG;AAEX,aAAO;AACLE,QAAAA,WAAW,EAAEN,eAAe,CAACI,KAAD;AADvB,OAAP;AAGD;;;WAED,kBAAS;AAAA;AAAA;;AACP,UAAMG,SAAS,GAMMC,YANrB;AADO,0BAE8D,KAAKH,OAFnE;AAAA,UAECI,QAFD,iBAECA,QAFD;AAAA,UAEWC,MAFX,iBAEWA,MAFX;AAAA,UAEmBC,QAFnB,iBAEmBA,QAFnB;AAAA,UAE6BC,KAF7B,iBAE6BA,KAF7B;AAAA,UAEoCC,MAFpC,iBAEoCA,MAFpC;AAAA,UAE4CC,GAF5C,iBAE4CA,GAF5C;AAAA,UAEoDC,KAFpD;AAIP,UAAIF,MAAJ,EAAY,OAAO,IAAP;AAEZ,qBAAO,mBAAQH,MAAR,CAAP,eACE,gCAAC,SAAD;AAAA,eAA4B,KAA5B;AAAA,+BAAsD,MAAtD;AAAA,kCAA8EC,QAA9E;AAAA,+BACE,2EACE;AAAA,cAAUG;AAAV,uBACE,gCAAC,QAAD,2BADF,CADF,CADF,eAME;AAAA,aAAQ,GAAR;AAAA,aAAc,GAAd;AAAA,iBAAwB,MAAxB;AAAA,kBAAsC,MAAtC;AAAA,+BAA2DA,GAA3D;AAAA,SANF,CADF;AAUD;;;EAlCoBE,e;;iCAAjBb,Q,iBACiB,U;iCADjBA,Q,WAEWc,K;iCAFXd,Q,kBAGkB;AACpBe,EAAAA,KAAK,EAAE,MADa;AAEpBC,EAAAA,MAAM,EAAE,MAFY;AAGpBf,EAAAA,KAAK,EAAE,QAHa;AAIpBO,EAAAA,QAAQ,EAAE;AAJU,C;iCAHlBR,Q,aASa,CAAC,2BAAD,C;;AA4BnB,SAASiB,IAAT,CAAcC,KAAd,EAAqB;AACnB,MAAMC,KAAK,GAAGd,YAAd;AADmB,MAEXe,MAFW,GAEoCF,KAFpC,CAEXE,MAFW;AAAA,MAEHC,CAFG,GAEoCH,KAFpC,CAEHG,CAFG;AAAA,MAEAC,CAFA,GAEoCJ,KAFpC,CAEAI,CAFA;AAAA,MAEGf,MAFH,GAEoCW,KAFpC,CAEGX,MAFH;AAAA,MAEWgB,UAFX,GAEoCL,KAFpC,CAEWK,UAFX;AAAA,MAE0BX,KAF1B,6CAEoCM,KAFpC;AAGnB,MAAMM,UAAU,GAAGC,MAAM,CAACL,MAAD,CAAzB;;AAEA,MAAMM,UAAU,GAAG,SAAbA,UAAa,CAACR,KAAD,EAAW;AAAA;;AAC5B,mBAAO,mBAAQX,MAAR,CAAP,eAAuB,gCAAC,KAAD;AAAA,aAAW,MAAX;AAAA,YAAqB,GAArB;AAAA,YAA4B,GAA5B;AAAA,gBAAuC;AAAvC,OAA+CW,KAA/C,GAAvB;AACD,GAFD;;AAIA,sBACE,gCAAC,iBAAD,CAAO,QAAP,QACG,oCAAIS,KAAK,CAACH,UAAD,CAAT,EAAuBI,GAAvB,CAA2B,UAACC,EAAD,EAAKC,KAAL;AAAA,WAC1BJ,UAAU;AACRK,MAAAA,GAAG,EAAED,KADG;AAERT,MAAAA,CAAC,EAAEA,CAAC,IAAI,KAAKS,KAFL;AAGRR,MAAAA,CAAC,EAADA,CAHQ;AAIRU,MAAAA,GAAG,EAAET;AAJG,OAKLX,KALK,EADgB;AAAA,GAA3B,CADH,CADF;AAaD;;AAEDK,IAAI,CAACgB,YAAL,GAAoB;AAClBX,EAAAA,CAAC,EAAE,CADe;AAElBD,EAAAA,CAAC,EAAE,CAFe;AAGlBD,EAAAA,MAAM,EAAE,CAHU;AAIlBL,EAAAA,KAAK,EAAE;AAJW,CAApB;;eAOe,sBAAgBf,QAAhB,EAA0B;AACvCiB,EAAAA,IAAI,EAAJA;AADuC,CAA1B,C","sourcesContent":["import React from 'react';\nimport createComponent, { Component, sstyled, Root } from '@semcore/core';\nimport { Box } from '@semcore/flex-box';\nimport uniqueIDEnhancement from '@semcore/utils/lib/uniqueID';\n\nimport style from './style/skeleton.shadow.css';\n\nconst MAP_COLOR_THEME = {\n  dark: 'rgba(255,255,255,0.5)',\n  invert: '#edeff0',\n};\n\nclass Skeleton extends Component {\n  static displayName = 'Skeleton';\n  static style = style;\n  static defaultProps = {\n    width: '100%',\n    height: '100%',\n    theme: 'invert',\n    duration: 2000,\n  };\n  static enhance = [uniqueIDEnhancement()];\n\n  setContext() {\n    const { theme } = this.asProps;\n    return {\n      gradientUrl: MAP_COLOR_THEME[theme],\n    };\n  }\n\n  render() {\n    const SSkeleton = Root;\n    const { Children, styles, duration, speed, hidden, uid, ...other } = this.asProps;\n\n    if (hidden) return null;\n\n    return sstyled(styles)(\n      <SSkeleton render={Box} tag=\"svg\" preserveAspectRatio=\"none\" durationAnim={`${duration}ms`}>\n        <defs>\n          <mask id={uid}>\n            <Children />\n          </mask>\n        </defs>\n        <rect x=\"0\" y=\"0\" width=\"100%\" height=\"100%\" mask={`url(#${uid})`} />\n      </SSkeleton>,\n    );\n  }\n}\n\nfunction Text(props) {\n  const SText = Box;\n  const { amount, y, x, styles, forwardRef, ...other } = props;\n  const amountLine = Number(amount);\n\n  const renderRect = (props) => {\n    return sstyled(styles)(<SText tag=\"rect\" rx=\"4\" ry=\"4\" height=\"8\" {...props} />);\n  };\n\n  return (\n    <React.Fragment>\n      {[...Array(amountLine)].map((el, index) =>\n        renderRect({\n          key: index,\n          y: y || 20 * index,\n          x,\n          ref: forwardRef,\n          ...other,\n        }),\n      )}\n    </React.Fragment>\n  );\n}\n\nText.defaultProps = {\n  x: 0,\n  y: 0,\n  amount: 1,\n  width: '100%',\n};\n\nexport default createComponent(Skeleton, {\n  Text,\n});\n"],"file":"Skeleton.js"}

package/lib/es6/Charts/Bubble.js

@@ -0,0 +1,37 @@
+import _extends from "@babel/runtime/helpers/extends";
+import React from 'react';
+import Skeleton from '../Skeleton';
+
+var BubbleChartSkeleton = function BubbleChartSkeleton(props) {
+  return /*#__PURE__*/React.createElement(Skeleton, _extends({
+    visible: true,
+    viewBox: "0 0 460 180",
+    preserveAspectRatio: "xMidYMid meet"
+  }, props), function (_ref) {
+    var gradientUrl = _ref.gradientUrl;
+    return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("g", null, /*#__PURE__*/React.createElement("path", {
+      fill: gradientUrl,
+      fillRule: "nonzero",
+      d: "M82 172C104.091 172 122 154.091 122 132C122 109.909 104.091 92 82 92C59.9086 92 42 109.909 42 132C42 154.091 59.9086 172 82 172Z"
+    }), /*#__PURE__*/React.createElement("path", {
+      fill: gradientUrl,
+      fillRule: "nonzero",
+      d: "M114 56C127.255 56 138 45.2548 138 32C138 18.7452 127.255 8 114 8C100.745 8 90 18.7452 90 32C90 45.2548 100.745 56 114 56Z"
+    }), /*#__PURE__*/React.createElement("path", {
+      fill: gradientUrl,
+      fillRule: "nonzero",
+      d: "M358.5 95C371.479 95 382 84.4787 382 71.5C382 58.5213 371.479 48 358.5 48C345.521 48 335 58.5213 335 71.5C335 84.4787 345.521 95 358.5 95Z"
+    }), /*#__PURE__*/React.createElement("path", {
+      fill: gradientUrl,
+      fillRule: "nonzero",
+      d: "M402 138C410.837 138 418 130.837 418 122C418 113.163 410.837 106 402 106C393.163 106 386 113.163 386 122C386 130.837 393.163 138 402 138Z"
+    }), /*#__PURE__*/React.createElement("path", {
+      fill: gradientUrl,
+      fillRule: "nonzero",
+      d: "M230 142C258.719 142 282 118.719 282 90C282 61.2812 258.719 38 230 38C201.281 38 178 61.2812 178 90C178 118.719 201.281 142 230 142Z"
+    })));
+  });
+};
+
+export default BubbleChartSkeleton;
+//# sourceMappingURL=Bubble.js.map

package/lib/es6/Charts/Bubble.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/Charts/Bubble.js"],"names":["React","Skeleton","BubbleChartSkeleton","props","gradientUrl"],"mappings":";AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,QAAP,MAAqB,aAArB;;AAEA,IAAMC,mBAAmB,GAAG,SAAtBA,mBAAsB,CAACC,KAAD;AAAA,sBAC1B,oBAAC,QAAD;AAAU,IAAA,OAAO,MAAjB;AAAkB,IAAA,OAAO,EAAC,aAA1B;AAAwC,IAAA,mBAAmB,EAAC;AAA5D,KAAgFA,KAAhF,GACG;AAAA,QAAGC,WAAH,QAAGA,WAAH;AAAA,wBACC,uDACE,4CACE;AACE,MAAA,IAAI,EAAEA,WADR;AAEE,MAAA,QAAQ,EAAC,SAFX;AAGE,MAAA,CAAC,EAAC;AAHJ,MADF,eAME;AACE,MAAA,IAAI,EAAEA,WADR;AAEE,MAAA,QAAQ,EAAC,SAFX;AAGE,MAAA,CAAC,EAAC;AAHJ,MANF,eAWE;AACE,MAAA,IAAI,EAAEA,WADR;AAEE,MAAA,QAAQ,EAAC,SAFX;AAGE,MAAA,CAAC,EAAC;AAHJ,MAXF,eAgBE;AACE,MAAA,IAAI,EAAEA,WADR;AAEE,MAAA,QAAQ,EAAC,SAFX;AAGE,MAAA,CAAC,EAAC;AAHJ,MAhBF,eAqBE;AACE,MAAA,IAAI,EAAEA,WADR;AAEE,MAAA,QAAQ,EAAC,SAFX;AAGE,MAAA,CAAC,EAAC;AAHJ,MArBF,CADF,CADD;AAAA,GADH,CAD0B;AAAA,CAA5B;;AAoCA,eAAeF,mBAAf","sourcesContent":["import React from 'react';\nimport Skeleton from '../Skeleton';\n\nconst BubbleChartSkeleton = (props) => (\n  <Skeleton visible viewBox=\"0 0 460 180\" preserveAspectRatio=\"xMidYMid meet\" {...props}>\n    {({ gradientUrl }) => (\n      <>\n        <g>\n          <path\n            fill={gradientUrl}\n            fillRule=\"nonzero\"\n            d=\"M82 172C104.091 172 122 154.091 122 132C122 109.909 104.091 92 82 92C59.9086 92 42 109.909 42 132C42 154.091 59.9086 172 82 172Z\"\n          />\n          <path\n            fill={gradientUrl}\n            fillRule=\"nonzero\"\n            d=\"M114 56C127.255 56 138 45.2548 138 32C138 18.7452 127.255 8 114 8C100.745 8 90 18.7452 90 32C90 45.2548 100.745 56 114 56Z\"\n          />\n          <path\n            fill={gradientUrl}\n            fillRule=\"nonzero\"\n            d=\"M358.5 95C371.479 95 382 84.4787 382 71.5C382 58.5213 371.479 48 358.5 48C345.521 48 335 58.5213 335 71.5C335 84.4787 345.521 95 358.5 95Z\"\n          />\n          <path\n            fill={gradientUrl}\n            fillRule=\"nonzero\"\n            d=\"M402 138C410.837 138 418 130.837 418 122C418 113.163 410.837 106 402 106C393.163 106 386 113.163 386 122C386 130.837 393.163 138 402 138Z\"\n          />\n          <path\n            fill={gradientUrl}\n            fillRule=\"nonzero\"\n            d=\"M230 142C258.719 142 282 118.719 282 90C282 61.2812 258.719 38 230 38C201.281 38 178 61.2812 178 90C178 118.719 201.281 142 230 142Z\"\n          />\n        </g>\n      </>\n    )}\n  </Skeleton>\n);\n\nexport default BubbleChartSkeleton;\n"],"file":"Bubble.js"}

package/lib/es6/Charts/ScatterPlot.js

@@ -0,0 +1,45 @@
+import _extends from "@babel/runtime/helpers/extends";
+import React from 'react';
+import Skeleton from '../Skeleton';
+
+var ScatterPlotChartSkeleton = function ScatterPlotChartSkeleton(props) {
+  return /*#__PURE__*/React.createElement(Skeleton, _extends({
+    visible: true,
+    viewBox: "0 0 680 200",
+    preserveAspectRatio: "xMidYMid meet"
+  }, props), function (_ref) {
+    var gradientUrl = _ref.gradientUrl;
+    return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("g", null, /*#__PURE__*/React.createElement("path", {
+      fill: gradientUrl,
+      fillRule: "nonzero",
+      d: "M162 140C167.523 140 172 135.523 172 130C172 124.477 167.523 120 162 120C156.477 120 152 124.477 152 130C152 135.523 156.477 140 162 140Z"
+    }), /*#__PURE__*/React.createElement("path", {
+      fill: gradientUrl,
+      fillRule: "nonzero",
+      d: "M281 102C286.523 102 291 97.5228 291 92C291 86.4772 286.523 82 281 82C275.477 82 271 86.4772 271 92C271 97.5228 275.477 102 281 102Z"
+    }), /*#__PURE__*/React.createElement("path", {
+      fill: gradientUrl,
+      fillRule: "nonzero",
+      d: "M340 126C345.523 126 350 121.523 350 116C350 110.477 345.523 106 340 106C334.477 106 330 110.477 330 116C330 121.523 334.477 126 340 126Z"
+    }), /*#__PURE__*/React.createElement("path", {
+      fill: gradientUrl,
+      fillRule: "nonzero",
+      d: "M518 50C523.523 50 528 45.5228 528 40C528 34.4772 523.523 30 518 30C512.477 30 508 34.4772 508 40C508 45.5228 512.477 50 518 50Z"
+    }), /*#__PURE__*/React.createElement("path", {
+      fill: gradientUrl,
+      fillRule: "nonzero",
+      d: "M222 84C227.523 84 232 79.5228 232 74C232 68.4772 227.523 64 222 64C216.477 64 212 68.4772 212 74C212 79.5228 216.477 84 222 84Z"
+    }), /*#__PURE__*/React.createElement("path", {
+      fill: gradientUrl,
+      fillRule: "nonzero",
+      d: "M399 92C404.523 92 409 87.5228 409 82C409 76.4772 404.523 72 399 72C393.477 72 389 76.4772 389 82C389 87.5228 393.477 92 399 92Z"
+    }), /*#__PURE__*/React.createElement("path", {
+      fill: gradientUrl,
+      fillRule: "nonzero",
+      d: "M458 100C463.523 100 468 95.5228 468 90C468 84.4772 463.523 80 458 80C452.477 80 448 84.4772 448 90C448 95.5228 452.477 100 458 100Z"
+    })));
+  });
+};
+
+export default ScatterPlotChartSkeleton;
+//# sourceMappingURL=ScatterPlot.js.map

package/lib/es6/Charts/ScatterPlot.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/Charts/ScatterPlot.js"],"names":["React","Skeleton","ScatterPlotChartSkeleton","props","gradientUrl"],"mappings":";AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,QAAP,MAAqB,aAArB;;AAEA,IAAMC,wBAAwB,GAAG,SAA3BA,wBAA2B,CAACC,KAAD;AAAA,sBAC/B,oBAAC,QAAD;AAAU,IAAA,OAAO,MAAjB;AAAkB,IAAA,OAAO,EAAC,aAA1B;AAAwC,IAAA,mBAAmB,EAAC;AAA5D,KAAgFA,KAAhF,GACG;AAAA,QAAGC,WAAH,QAAGA,WAAH;AAAA,wBACC,uDACE,4CACE;AACE,MAAA,IAAI,EAAEA,WADR;AAEE,MAAA,QAAQ,EAAC,SAFX;AAGE,MAAA,CAAC,EAAC;AAHJ,MADF,eAME;AACE,MAAA,IAAI,EAAEA,WADR;AAEE,MAAA,QAAQ,EAAC,SAFX;AAGE,MAAA,CAAC,EAAC;AAHJ,MANF,eAWE;AACE,MAAA,IAAI,EAAEA,WADR;AAEE,MAAA,QAAQ,EAAC,SAFX;AAGE,MAAA,CAAC,EAAC;AAHJ,MAXF,eAgBE;AACE,MAAA,IAAI,EAAEA,WADR;AAEE,MAAA,QAAQ,EAAC,SAFX;AAGE,MAAA,CAAC,EAAC;AAHJ,MAhBF,eAqBE;AACE,MAAA,IAAI,EAAEA,WADR;AAEE,MAAA,QAAQ,EAAC,SAFX;AAGE,MAAA,CAAC,EAAC;AAHJ,MArBF,eA0BE;AACE,MAAA,IAAI,EAAEA,WADR;AAEE,MAAA,QAAQ,EAAC,SAFX;AAGE,MAAA,CAAC,EAAC;AAHJ,MA1BF,eA+BE;AACE,MAAA,IAAI,EAAEA,WADR;AAEE,MAAA,QAAQ,EAAC,SAFX;AAGE,MAAA,CAAC,EAAC;AAHJ,MA/BF,CADF,CADD;AAAA,GADH,CAD+B;AAAA,CAAjC;;AA8CA,eAAeF,wBAAf","sourcesContent":["import React from 'react';\nimport Skeleton from '../Skeleton';\n\nconst ScatterPlotChartSkeleton = (props) => (\n  <Skeleton visible viewBox=\"0 0 680 200\" preserveAspectRatio=\"xMidYMid meet\" {...props}>\n    {({ gradientUrl }) => (\n      <>\n        <g>\n          <path\n            fill={gradientUrl}\n            fillRule=\"nonzero\"\n            d=\"M162 140C167.523 140 172 135.523 172 130C172 124.477 167.523 120 162 120C156.477 120 152 124.477 152 130C152 135.523 156.477 140 162 140Z\"\n          />\n          <path\n            fill={gradientUrl}\n            fillRule=\"nonzero\"\n            d=\"M281 102C286.523 102 291 97.5228 291 92C291 86.4772 286.523 82 281 82C275.477 82 271 86.4772 271 92C271 97.5228 275.477 102 281 102Z\"\n          />\n          <path\n            fill={gradientUrl}\n            fillRule=\"nonzero\"\n            d=\"M340 126C345.523 126 350 121.523 350 116C350 110.477 345.523 106 340 106C334.477 106 330 110.477 330 116C330 121.523 334.477 126 340 126Z\"\n          />\n          <path\n            fill={gradientUrl}\n            fillRule=\"nonzero\"\n            d=\"M518 50C523.523 50 528 45.5228 528 40C528 34.4772 523.523 30 518 30C512.477 30 508 34.4772 508 40C508 45.5228 512.477 50 518 50Z\"\n          />\n          <path\n            fill={gradientUrl}\n            fillRule=\"nonzero\"\n            d=\"M222 84C227.523 84 232 79.5228 232 74C232 68.4772 227.523 64 222 64C216.477 64 212 68.4772 212 74C212 79.5228 216.477 84 222 84Z\"\n          />\n          <path\n            fill={gradientUrl}\n            fillRule=\"nonzero\"\n            d=\"M399 92C404.523 92 409 87.5228 409 82C409 76.4772 404.523 72 399 72C393.477 72 389 76.4772 389 82C389 87.5228 393.477 92 399 92Z\"\n          />\n          <path\n            fill={gradientUrl}\n            fillRule=\"nonzero\"\n            d=\"M458 100C463.523 100 468 95.5228 468 90C468 84.4772 463.523 80 458 80C452.477 80 448 84.4772 448 90C448 95.5228 452.477 100 458 100Z\"\n          />\n        </g>\n      </>\n    )}\n  </Skeleton>\n);\n\nexport default ScatterPlotChartSkeleton;\n"],"file":"ScatterPlot.js"}

package/lib/es6/Charts/index.js

@@ -4,4 +4,6 @@ export { default as BarChartSkeleton } from './Bar';
 export { default as AreaChartSkeleton } from './Area';
 export { default as LineChartSkeleton } from './Line';
 export { default as VennChartSkeleton } from './Venn';
+export { default as ScatterPlotChartSkeleton } from './ScatterPlot';
+export { default as BubbleChartSkeleton } from './Bubble';
 //# sourceMappingURL=index.js.map

package/lib/es6/Charts/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/Charts/index.js"],"names":["default","HistogramChartSkeleton","PieChartSkeleton","BarChartSkeleton","AreaChartSkeleton","LineChartSkeleton","VennChartSkeleton"],"mappings":"AAAA,SAASA,OAAO,IAAIC,sBAApB,QAAkD,aAAlD;AACA,SAASD,OAAO,IAAIE,gBAApB,QAA4C,OAA5C;AACA,SAASF,OAAO,IAAIG,gBAApB,QAA4C,OAA5C;AACA,SAASH,OAAO,IAAII,iBAApB,QAA6C,QAA7C;AACA,SAASJ,OAAO,IAAIK,iBAApB,QAA6C,QAA7C;AACA,SAASL,OAAO,IAAIM,iBAApB,QAA6C,QAA7C","sourcesContent":["export { default as HistogramChartSkeleton } from './Histogram';\nexport { default as PieChartSkeleton } from './Pie';\nexport { default as BarChartSkeleton } from './Bar';\nexport { default as AreaChartSkeleton } from './Area';\nexport { default as LineChartSkeleton } from './Line';\nexport { default as VennChartSkeleton } from './Venn';\n"],"file":"index.js"}
+{"version":3,"sources":["../../../src/Charts/index.js"],"names":["default","HistogramChartSkeleton","PieChartSkeleton","BarChartSkeleton","AreaChartSkeleton","LineChartSkeleton","VennChartSkeleton","ScatterPlotChartSkeleton","BubbleChartSkeleton"],"mappings":"AAAA,SAASA,OAAO,IAAIC,sBAApB,QAAkD,aAAlD;AACA,SAASD,OAAO,IAAIE,gBAApB,QAA4C,OAA5C;AACA,SAASF,OAAO,IAAIG,gBAApB,QAA4C,OAA5C;AACA,SAASH,OAAO,IAAII,iBAApB,QAA6C,QAA7C;AACA,SAASJ,OAAO,IAAIK,iBAApB,QAA6C,QAA7C;AACA,SAASL,OAAO,IAAIM,iBAApB,QAA6C,QAA7C;AACA,SAASN,OAAO,IAAIO,wBAApB,QAAoD,eAApD;AACA,SAASP,OAAO,IAAIQ,mBAApB,QAA+C,UAA/C","sourcesContent":["export { default as HistogramChartSkeleton } from './Histogram';\nexport { default as PieChartSkeleton } from './Pie';\nexport { default as BarChartSkeleton } from './Bar';\nexport { default as AreaChartSkeleton } from './Area';\nexport { default as LineChartSkeleton } from './Line';\nexport { default as VennChartSkeleton } from './Venn';\nexport { default as ScatterPlotChartSkeleton } from './ScatterPlot';\nexport { default as BubbleChartSkeleton } from './Bubble';\n"],"file":"index.js"}

package/lib/es6/Skeleton.js

@@ -27,17 +27,17 @@ var style = (
 /*__reshadow_css_start__*/
 _sstyled.insert(
 /*__inner_css_start__*/
-".___SSkeleton_1579d_gg_{-webkit-animation-name:pulse_igzjoo;animation-name:pulse_igzjoo;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-duration:var(--durationAnim_igzjoo);animation-duration:var(--durationAnim_igzjoo);will-change:opacity}@-webkit-keyframes pulse_igzjoo{0%{opacity:1}50%{opacity:.4}to{opacity:1}}@keyframes pulse_igzjoo{0%{opacity:1}50%{opacity:.4}to{opacity:1}}.___SSkeleton_1579d_gg_._theme_invert_1579d_gg_{fill:#edeff0}.___SSkeleton_1579d_gg_._theme_dark_1579d_gg_{fill:hsla(0,0%,100%,.5)}.___SText_1579d_gg_{box-sizing:border-box}"
+".___SSkeleton_17d2v_gg_{-webkit-animation-name:pulse_igzjoo;animation-name:pulse_igzjoo;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-duration:var(--durationAnim_igzjoo);animation-duration:var(--durationAnim_igzjoo);will-change:opacity}@-webkit-keyframes pulse_igzjoo{0%{opacity:1}50%{opacity:.4}to{opacity:1}}@keyframes pulse_igzjoo{0%{opacity:1}50%{opacity:.4}to{opacity:1}}.___SSkeleton_17d2v_gg_._theme_invert_17d2v_gg_{fill:#edeff0}.___SSkeleton_17d2v_gg_._theme_dark_17d2v_gg_{fill:hsla(0,0%,100%,.5)}.___SText_17d2v_gg_{box-sizing:border-box}"
 /*__inner_css_end__*/
 , "igzjoo_gg_")
 /*__reshadow_css_end__*/
 , {
-  "__SSkeleton": "___SSkeleton_1579d_gg_",
+  "__SSkeleton": "___SSkeleton_17d2v_gg_",
   "--durationAnim": "--durationAnim_igzjoo",
   "@pulse": "pulse_igzjoo",
-  "_theme_invert": "_theme_invert_1579d_gg_",
-  "_theme_dark": "_theme_dark_1579d_gg_",
-  "__SText": "___SText_1579d_gg_"
+  "_theme_invert": "_theme_invert_17d2v_gg_",
+  "_theme_dark": "_theme_dark_17d2v_gg_",
+  "__SText": "___SText_17d2v_gg_"
 });
 var MAP_COLOR_THEME = {
   dark: 'rgba(255,255,255,0.5)',

package/lib/es6/Skeleton.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/Skeleton.js"],"names":["React","createComponent","Component","sstyled","Root","Box","uniqueIDEnhancement","MAP_COLOR_THEME","dark","invert","Skeleton","theme","asProps","gradientUrl","SSkeleton","Children","styles","duration","speed","hidden","uid","other","style","width","height","Text","props","SText","amount","y","x","forwardRef","amountLine","Number","renderRect","Array","map","el","index","key","ref","defaultProps"],"mappings":"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","sourcesContent":["import React from 'react';\nimport createComponent, { Component, sstyled, Root } from '@semcore/core';\nimport { Box } from '@semcore/flex-box';\nimport uniqueIDEnhancement from '@semcore/utils/lib/uniqueID';\n\nimport style from './style/skeleton.shadow.css';\n\nconst MAP_COLOR_THEME = {\n  dark: 'rgba(255,255,255,0.5)',\n  invert: '#edeff0',\n};\n\nclass Skeleton extends Component {\n  static displayName = 'Skeleton';\n  static style = style;\n  static defaultProps = {\n    width: '100%',\n    height: '100%',\n    theme: 'invert',\n    duration: 2000,\n  };\n  static enhance = [uniqueIDEnhancement()];\n\n  setContext() {\n    const { theme } = this.asProps;\n    return {\n      gradientUrl: MAP_COLOR_THEME[theme],\n    };\n  }\n\n  render() {\n    const SSkeleton = Root;\n    const { Children, styles, duration, speed, hidden, uid, ...other } = this.asProps;\n\n    if (hidden) return null;\n\n    return sstyled(styles)(\n      <SSkeleton render={Box} tag=\"svg\" preserveAspectRatio=\"none\" durationAnim={`${duration}ms`}>\n        <defs>\n          <mask id={uid}>\n            <Children />\n          </mask>\n        </defs>\n        <rect x=\"0\" y=\"0\" width=\"100%\" height=\"100%\" mask={`url(#${uid})`} />\n      </SSkeleton>,\n    );\n  }\n}\n\nfunction Text(props) {\n  const SText = Box;\n  const { amount, y, x, styles, forwardRef, ...other } = props;\n  const amountLine = Number(amount);\n\n  const renderRect = (props) => {\n    return sstyled(styles)(<SText tag=\"rect\" rx=\"4\" ry=\"4\" height=\"8\" {...props} />);\n  };\n\n  return (\n    <React.Fragment>\n      {[...Array(amountLine)].map((el, index) =>\n        renderRect({\n          key: index,\n          y: y || 20 * index,\n          x,\n          ref: forwardRef,\n          ...other,\n        }),\n      )}\n    </React.Fragment>\n  );\n}\nText.defaultProps = {\n  x: 0,\n  y: 0,\n  amount: 1,\n  width: '100%',\n};\n\nexport default createComponent(Skeleton, {\n  Text,\n});\n"],"file":"Skeleton.js"}
+{"version":3,"sources":["../../src/Skeleton.js"],"names":["React","createComponent","Component","sstyled","Root","Box","uniqueIDEnhancement","MAP_COLOR_THEME","dark","invert","Skeleton","theme","asProps","gradientUrl","SSkeleton","Children","styles","duration","speed","hidden","uid","other","style","width","height","Text","props","SText","amount","y","x","forwardRef","amountLine","Number","renderRect","Array","map","el","index","key","ref","defaultProps"],"mappings":"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","sourcesContent":["import React from 'react';\nimport createComponent, { Component, sstyled, Root } from '@semcore/core';\nimport { Box } from '@semcore/flex-box';\nimport uniqueIDEnhancement from '@semcore/utils/lib/uniqueID';\n\nimport style from './style/skeleton.shadow.css';\n\nconst MAP_COLOR_THEME = {\n  dark: 'rgba(255,255,255,0.5)',\n  invert: '#edeff0',\n};\n\nclass Skeleton extends Component {\n  static displayName = 'Skeleton';\n  static style = style;\n  static defaultProps = {\n    width: '100%',\n    height: '100%',\n    theme: 'invert',\n    duration: 2000,\n  };\n  static enhance = [uniqueIDEnhancement()];\n\n  setContext() {\n    const { theme } = this.asProps;\n    return {\n      gradientUrl: MAP_COLOR_THEME[theme],\n    };\n  }\n\n  render() {\n    const SSkeleton = Root;\n    const { Children, styles, duration, speed, hidden, uid, ...other } = this.asProps;\n\n    if (hidden) return null;\n\n    return sstyled(styles)(\n      <SSkeleton render={Box} tag=\"svg\" preserveAspectRatio=\"none\" durationAnim={`${duration}ms`}>\n        <defs>\n          <mask id={uid}>\n            <Children />\n          </mask>\n        </defs>\n        <rect x=\"0\" y=\"0\" width=\"100%\" height=\"100%\" mask={`url(#${uid})`} />\n      </SSkeleton>,\n    );\n  }\n}\n\nfunction Text(props) {\n  const SText = Box;\n  const { amount, y, x, styles, forwardRef, ...other } = props;\n  const amountLine = Number(amount);\n\n  const renderRect = (props) => {\n    return sstyled(styles)(<SText tag=\"rect\" rx=\"4\" ry=\"4\" height=\"8\" {...props} />);\n  };\n\n  return (\n    <React.Fragment>\n      {[...Array(amountLine)].map((el, index) =>\n        renderRect({\n          key: index,\n          y: y || 20 * index,\n          x,\n          ref: forwardRef,\n          ...other,\n        }),\n      )}\n    </React.Fragment>\n  );\n}\n\nText.defaultProps = {\n  x: 0,\n  y: 0,\n  amount: 1,\n  width: '100%',\n};\n\nexport default createComponent(Skeleton, {\n  Text,\n});\n"],"file":"Skeleton.js"}

package/lib/types/index.d.ts

@@ -55,7 +55,8 @@ declare const BarChartSkeleton: <T>(props: BarChartSkeletonProps & T) => ReturnE
 declare const HistogramChartSkeleton: <T>(props: HistogramChartSkeletonProps & T) => ReturnEl;
 declare const LineChartSkeleton: <T>(props: LineChartSkeletonProps & T) => ReturnEl;
 declare const PieChartSkeleton: typeof Skeleton;
-declare const VennChartSkeleton: typeof Skeleton;
+declare const ScatterPlotChartSkeleton: typeof Skeleton;
+declare const BubbleChartSkeleton: typeof Skeleton;
 
 export default Skeleton;
 export {

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@semcore/skeleton",
   "description": "SEMRush Skeleton Component",
-  "version": "3.0.1",
+  "version": "3.1.0",
   "main": "lib/cjs/index.js",
   "module": "lib/es6/index.js",
   "types": "lib/types/index.d.ts",

package/src/Charts/Bubble.js

@@ -0,0 +1,40 @@
+import React from 'react';
+import Skeleton from '../Skeleton';
+
+const BubbleChartSkeleton = (props) => (
+  <Skeleton visible viewBox="0 0 460 180" preserveAspectRatio="xMidYMid meet" {...props}>
+    {({ gradientUrl }) => (
+      <>
+        <g>
+          <path
+            fill={gradientUrl}
+            fillRule="nonzero"
+            d="M82 172C104.091 172 122 154.091 122 132C122 109.909 104.091 92 82 92C59.9086 92 42 109.909 42 132C42 154.091 59.9086 172 82 172Z"
+          />
+          <path
+            fill={gradientUrl}
+            fillRule="nonzero"
+            d="M114 56C127.255 56 138 45.2548 138 32C138 18.7452 127.255 8 114 8C100.745 8 90 18.7452 90 32C90 45.2548 100.745 56 114 56Z"
+          />
+          <path
+            fill={gradientUrl}
+            fillRule="nonzero"
+            d="M358.5 95C371.479 95 382 84.4787 382 71.5C382 58.5213 371.479 48 358.5 48C345.521 48 335 58.5213 335 71.5C335 84.4787 345.521 95 358.5 95Z"
+          />
+          <path
+            fill={gradientUrl}
+            fillRule="nonzero"
+            d="M402 138C410.837 138 418 130.837 418 122C418 113.163 410.837 106 402 106C393.163 106 386 113.163 386 122C386 130.837 393.163 138 402 138Z"
+          />
+          <path
+            fill={gradientUrl}
+            fillRule="nonzero"
+            d="M230 142C258.719 142 282 118.719 282 90C282 61.2812 258.719 38 230 38C201.281 38 178 61.2812 178 90C178 118.719 201.281 142 230 142Z"
+          />
+        </g>
+      </>
+    )}
+  </Skeleton>
+);
+
+export default BubbleChartSkeleton;

package/src/Charts/ScatterPlot.js

@@ -0,0 +1,50 @@
+import React from 'react';
+import Skeleton from '../Skeleton';
+
+const ScatterPlotChartSkeleton = (props) => (
+  <Skeleton visible viewBox="0 0 680 200" preserveAspectRatio="xMidYMid meet" {...props}>
+    {({ gradientUrl }) => (
+      <>
+        <g>
+          <path
+            fill={gradientUrl}
+            fillRule="nonzero"
+            d="M162 140C167.523 140 172 135.523 172 130C172 124.477 167.523 120 162 120C156.477 120 152 124.477 152 130C152 135.523 156.477 140 162 140Z"
+          />
+          <path
+            fill={gradientUrl}
+            fillRule="nonzero"
+            d="M281 102C286.523 102 291 97.5228 291 92C291 86.4772 286.523 82 281 82C275.477 82 271 86.4772 271 92C271 97.5228 275.477 102 281 102Z"
+          />
+          <path
+            fill={gradientUrl}
+            fillRule="nonzero"
+            d="M340 126C345.523 126 350 121.523 350 116C350 110.477 345.523 106 340 106C334.477 106 330 110.477 330 116C330 121.523 334.477 126 340 126Z"
+          />
+          <path
+            fill={gradientUrl}
+            fillRule="nonzero"
+            d="M518 50C523.523 50 528 45.5228 528 40C528 34.4772 523.523 30 518 30C512.477 30 508 34.4772 508 40C508 45.5228 512.477 50 518 50Z"
+          />
+          <path
+            fill={gradientUrl}
+            fillRule="nonzero"
+            d="M222 84C227.523 84 232 79.5228 232 74C232 68.4772 227.523 64 222 64C216.477 64 212 68.4772 212 74C212 79.5228 216.477 84 222 84Z"
+          />
+          <path
+            fill={gradientUrl}
+            fillRule="nonzero"
+            d="M399 92C404.523 92 409 87.5228 409 82C409 76.4772 404.523 72 399 72C393.477 72 389 76.4772 389 82C389 87.5228 393.477 92 399 92Z"
+          />
+          <path
+            fill={gradientUrl}
+            fillRule="nonzero"
+            d="M458 100C463.523 100 468 95.5228 468 90C468 84.4772 463.523 80 458 80C452.477 80 448 84.4772 448 90C448 95.5228 452.477 100 458 100Z"
+          />
+        </g>
+      </>
+    )}
+  </Skeleton>
+);
+
+export default ScatterPlotChartSkeleton;

package/src/Charts/index.js

@@ -4,3 +4,5 @@ export { default as BarChartSkeleton } from './Bar';
 export { default as AreaChartSkeleton } from './Area';
 export { default as LineChartSkeleton } from './Line';
 export { default as VennChartSkeleton } from './Venn';
+export { default as ScatterPlotChartSkeleton } from './ScatterPlot';
+export { default as BubbleChartSkeleton } from './Bubble';

package/src/Skeleton.js

@@ -70,6 +70,7 @@ function Text(props) {
     </React.Fragment>
   );
 }
+
 Text.defaultProps = {
   x: 0,
   y: 0,

package/src/index.d.ts

@@ -55,7 +55,8 @@ declare const BarChartSkeleton: <T>(props: BarChartSkeletonProps & T) => ReturnE
 declare const HistogramChartSkeleton: <T>(props: HistogramChartSkeletonProps & T) => ReturnEl;
 declare const LineChartSkeleton: <T>(props: LineChartSkeletonProps & T) => ReturnEl;
 declare const PieChartSkeleton: typeof Skeleton;
-declare const VennChartSkeleton: typeof Skeleton;
+declare const ScatterPlotChartSkeleton: typeof Skeleton;
+declare const BubbleChartSkeleton: typeof Skeleton;
 
 export default Skeleton;
 export {