@semcore/skeleton 4.4.18 → 4.4.20

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

@@ -1 +1 @@
-{"version":3,"file":"ScatterPlot.js","names":["React","Skeleton","ScatterPlotChartSkeleton","props","gradientUrl"],"sources":["../../../src/Charts/ScatterPlot.jsx"],"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"],"mappings":";AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,QAAP,MAAqB,aAArB;;AAEA,IAAMC,wBAAwB,GAAG,SAA3BA,wBAA2B,CAACC,KAAD;EAAA,oBAC/B,oBAAC,QAAD;IAAU,OAAO,MAAjB;IAAkB,OAAO,EAAC,aAA1B;IAAwC,mBAAmB,EAAC;EAA5D,GAAgFA,KAAhF,GACG;IAAA,IAAGC,WAAH,QAAGA,WAAH;IAAA,oBACC,uDACE,4CACE;MACE,IAAI,EAAEA,WADR;MAEE,QAAQ,EAAC,SAFX;MAGE,CAAC,EAAC;IAHJ,EADF,eAME;MACE,IAAI,EAAEA,WADR;MAEE,QAAQ,EAAC,SAFX;MAGE,CAAC,EAAC;IAHJ,EANF,eAWE;MACE,IAAI,EAAEA,WADR;MAEE,QAAQ,EAAC,SAFX;MAGE,CAAC,EAAC;IAHJ,EAXF,eAgBE;MACE,IAAI,EAAEA,WADR;MAEE,QAAQ,EAAC,SAFX;MAGE,CAAC,EAAC;IAHJ,EAhBF,eAqBE;MACE,IAAI,EAAEA,WADR;MAEE,QAAQ,EAAC,SAFX;MAGE,CAAC,EAAC;IAHJ,EArBF,eA0BE;MACE,IAAI,EAAEA,WADR;MAEE,QAAQ,EAAC,SAFX;MAGE,CAAC,EAAC;IAHJ,EA1BF,eA+BE;MACE,IAAI,EAAEA,WADR;MAEE,QAAQ,EAAC,SAFX;MAGE,CAAC,EAAC;IAHJ,EA/BF,CADF,CADD;EAAA,CADH,CAD+B;AAAA,CAAjC;;AA8CA,eAAeF,wBAAf"}
+{"version":3,"file":"ScatterPlot.js","names":["React","Skeleton","ScatterPlotChartSkeleton","props","createElement","_extends","visible","viewBox","preserveAspectRatio","_ref","gradientUrl","Fragment","fill","fillRule","d"],"sources":["../../../src/Charts/ScatterPlot.jsx"],"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"],"mappings":";AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,QAAQ,MAAM,aAAa;AAElC,IAAMC,wBAAwB,GAAG,SAA3BA,wBAAwBA,CAAIC,KAAK;EAAA,oBACrCH,KAAA,CAAAI,aAAA,CAACH,QAAQ,EAAAI,QAAA;IAACC,OAAO;IAACC,OAAO,EAAC,aAAa;IAACC,mBAAmB,EAAC;EAAe,GAAKL,KAAK,GAClF,UAAAM,IAAA;IAAA,IAAGC,WAAW,GAAAD,IAAA,CAAXC,WAAW;IAAA,oBACbV,KAAA,CAAAI,aAAA,CAAAJ,KAAA,CAAAW,QAAA,qBACEX,KAAA,CAAAI,aAAA,yBACEJ,KAAA,CAAAI,aAAA;MACEQ,IAAI,EAAEF,WAAY;MAClBG,QAAQ,EAAC,SAAS;MAClBC,CAAC,EAAC;IAA2I,EAC7I,eACFd,KAAA,CAAAI,aAAA;MACEQ,IAAI,EAAEF,WAAY;MAClBG,QAAQ,EAAC,SAAS;MAClBC,CAAC,EAAC;IAAsI,EACxI,eACFd,KAAA,CAAAI,aAAA;MACEQ,IAAI,EAAEF,WAAY;MAClBG,QAAQ,EAAC,SAAS;MAClBC,CAAC,EAAC;IAA2I,EAC7I,eACFd,KAAA,CAAAI,aAAA;MACEQ,IAAI,EAAEF,WAAY;MAClBG,QAAQ,EAAC,SAAS;MAClBC,CAAC,EAAC;IAAkI,EACpI,eACFd,KAAA,CAAAI,aAAA;MACEQ,IAAI,EAAEF,WAAY;MAClBG,QAAQ,EAAC,SAAS;MAClBC,CAAC,EAAC;IAAkI,EACpI,eACFd,KAAA,CAAAI,aAAA;MACEQ,IAAI,EAAEF,WAAY;MAClBG,QAAQ,EAAC,SAAS;MAClBC,CAAC,EAAC;IAAkI,EACpI,eACFd,KAAA,CAAAI,aAAA;MACEQ,IAAI,EAAEF,WAAY;MAClBG,QAAQ,EAAC,SAAS;MAClBC,CAAC,EAAC;IAAsI,EACxI,CACA,CACH;EAAA,CACJ,CACQ;AAAA,CACZ;AAED,eAAeZ,wBAAwB"}

package/lib/es6/Charts/Venn.js

@@ -1,7 +1,6 @@
 import _extends from "@babel/runtime/helpers/extends";
 import React from 'react';
 import Skeleton from '../Skeleton';
-
 var VennChartSkeleton = function VennChartSkeleton(props) {
   return /*#__PURE__*/React.createElement(Skeleton, _extends({
     visible: true,
@@ -22,6 +21,5 @@ var VennChartSkeleton = function VennChartSkeleton(props) {
     })));
   });
 };
-
 export default VennChartSkeleton;
 //# sourceMappingURL=Venn.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Venn.js","names":["React","Skeleton","VennChartSkeleton","props","gradientUrl"],"sources":["../../../src/Charts/Venn.jsx"],"sourcesContent":["import React from 'react';\nimport Skeleton from '../Skeleton';\n\nconst VennChartSkeleton = (props) => (\n  <Skeleton visible viewBox=\"0 0 200 123\" preserveAspectRatio=\"xMidYMid meet\" {...props}>\n    {({ gradientUrl }) => (\n      <>\n        <g>\n          <path\n            fill={gradientUrl}\n            fillRule=\"nonzero\"\n            id=\"a\"\n            d=\"M100 13.968c-13.572 11.21-22.222 28.166-22.222 47.143s8.65 35.934 22.222 47.143c-10.566 8.726-24.115 13.968-38.889 13.968C27.361 122.222 0 94.862 0 61.112 0 27.36 27.36 0 61.111 0 75.885 0 89.434 5.242 100 13.968zm0 94.286c13.572-11.209 22.222-28.166 22.222-47.143S113.572 25.177 100 13.968C110.566 5.242 124.115 0 138.889 0 172.639 0 200 27.36 200 61.111c0 33.75-27.36 61.111-61.111 61.111-14.774 0-28.323-5.242-38.889-13.968z\"\n          />\n          <path\n            fill=\"#E7E7E7\"\n            stroke=\"#FFF\"\n            strokeWidth=\"4\"\n            d=\"M100 13.968c13.572 11.21 22.222 28.166 22.222 47.143s-8.65 35.934-22.222 47.143C86.428 97.045 77.778 80.088 77.778 61.11S86.428 25.177 100 13.968z\"\n          />\n        </g>\n      </>\n    )}\n  </Skeleton>\n);\n\nexport default VennChartSkeleton;\n"],"mappings":";AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,QAAP,MAAqB,aAArB;;AAEA,IAAMC,iBAAiB,GAAG,SAApBA,iBAAoB,CAACC,KAAD;EAAA,oBACxB,oBAAC,QAAD;IAAU,OAAO,MAAjB;IAAkB,OAAO,EAAC,aAA1B;IAAwC,mBAAmB,EAAC;EAA5D,GAAgFA,KAAhF,GACG;IAAA,IAAGC,WAAH,QAAGA,WAAH;IAAA,oBACC,uDACE,4CACE;MACE,IAAI,EAAEA,WADR;MAEE,QAAQ,EAAC,SAFX;MAGE,EAAE,EAAC,GAHL;MAIE,CAAC,EAAC;IAJJ,EADF,eAOE;MACE,IAAI,EAAC,SADP;MAEE,MAAM,EAAC,MAFT;MAGE,WAAW,EAAC,GAHd;MAIE,CAAC,EAAC;IAJJ,EAPF,CADF,CADD;EAAA,CADH,CADwB;AAAA,CAA1B;;AAuBA,eAAeF,iBAAf"}
+{"version":3,"file":"Venn.js","names":["React","Skeleton","VennChartSkeleton","props","createElement","_extends","visible","viewBox","preserveAspectRatio","_ref","gradientUrl","Fragment","fill","fillRule","id","d","stroke","strokeWidth"],"sources":["../../../src/Charts/Venn.jsx"],"sourcesContent":["import React from 'react';\nimport Skeleton from '../Skeleton';\n\nconst VennChartSkeleton = (props) => (\n  <Skeleton visible viewBox=\"0 0 200 123\" preserveAspectRatio=\"xMidYMid meet\" {...props}>\n    {({ gradientUrl }) => (\n      <>\n        <g>\n          <path\n            fill={gradientUrl}\n            fillRule=\"nonzero\"\n            id=\"a\"\n            d=\"M100 13.968c-13.572 11.21-22.222 28.166-22.222 47.143s8.65 35.934 22.222 47.143c-10.566 8.726-24.115 13.968-38.889 13.968C27.361 122.222 0 94.862 0 61.112 0 27.36 27.36 0 61.111 0 75.885 0 89.434 5.242 100 13.968zm0 94.286c13.572-11.209 22.222-28.166 22.222-47.143S113.572 25.177 100 13.968C110.566 5.242 124.115 0 138.889 0 172.639 0 200 27.36 200 61.111c0 33.75-27.36 61.111-61.111 61.111-14.774 0-28.323-5.242-38.889-13.968z\"\n          />\n          <path\n            fill=\"#E7E7E7\"\n            stroke=\"#FFF\"\n            strokeWidth=\"4\"\n            d=\"M100 13.968c13.572 11.21 22.222 28.166 22.222 47.143s-8.65 35.934-22.222 47.143C86.428 97.045 77.778 80.088 77.778 61.11S86.428 25.177 100 13.968z\"\n          />\n        </g>\n      </>\n    )}\n  </Skeleton>\n);\n\nexport default VennChartSkeleton;\n"],"mappings":";AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,QAAQ,MAAM,aAAa;AAElC,IAAMC,iBAAiB,GAAG,SAApBA,iBAAiBA,CAAIC,KAAK;EAAA,oBAC9BH,KAAA,CAAAI,aAAA,CAACH,QAAQ,EAAAI,QAAA;IAACC,OAAO;IAACC,OAAO,EAAC,aAAa;IAACC,mBAAmB,EAAC;EAAe,GAAKL,KAAK,GAClF,UAAAM,IAAA;IAAA,IAAGC,WAAW,GAAAD,IAAA,CAAXC,WAAW;IAAA,oBACbV,KAAA,CAAAI,aAAA,CAAAJ,KAAA,CAAAW,QAAA,qBACEX,KAAA,CAAAI,aAAA,yBACEJ,KAAA,CAAAI,aAAA;MACEQ,IAAI,EAAEF,WAAY;MAClBG,QAAQ,EAAC,SAAS;MAClBC,EAAE,EAAC,GAAG;MACNC,CAAC,EAAC;IAA6a,EAC/a,eACFf,KAAA,CAAAI,aAAA;MACEQ,IAAI,EAAC,SAAS;MACdI,MAAM,EAAC,MAAM;MACbC,WAAW,EAAC,GAAG;MACfF,CAAC,EAAC;IAAoJ,EACtJ,CACA,CACH;EAAA,CACJ,CACQ;AAAA,CACZ;AAED,eAAeb,iBAAiB"}

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["default","HistogramChartSkeleton","PieChartSkeleton","BarChartSkeleton","AreaChartSkeleton","LineChartSkeleton","VennChartSkeleton","ScatterPlotChartSkeleton","BubbleChartSkeleton","RadialTreeChartSkeleton"],"sources":["../../../src/Charts/index.js"],"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';\nexport { default as RadialTreeChartSkeleton } from './RadialTree';\n"],"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;AACA,SAASR,OAAO,IAAIS,uBAApB,QAAmD,cAAnD"}
+{"version":3,"file":"index.js","names":["default","HistogramChartSkeleton","PieChartSkeleton","BarChartSkeleton","AreaChartSkeleton","LineChartSkeleton","VennChartSkeleton","ScatterPlotChartSkeleton","BubbleChartSkeleton","RadialTreeChartSkeleton"],"sources":["../../../src/Charts/index.js"],"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';\nexport { default as RadialTreeChartSkeleton } from './RadialTree';\n"],"mappings":"AAAA,SAASA,OAAO,IAAIC,sBAAsB,QAAQ,aAAa;AAC/D,SAASD,OAAO,IAAIE,gBAAgB,QAAQ,OAAO;AACnD,SAASF,OAAO,IAAIG,gBAAgB,QAAQ,OAAO;AACnD,SAASH,OAAO,IAAII,iBAAiB,QAAQ,QAAQ;AACrD,SAASJ,OAAO,IAAIK,iBAAiB,QAAQ,QAAQ;AACrD,SAASL,OAAO,IAAIM,iBAAiB,QAAQ,QAAQ;AACrD,SAASN,OAAO,IAAIO,wBAAwB,QAAQ,eAAe;AACnE,SAASP,OAAO,IAAIQ,mBAAmB,QAAQ,UAAU;AACzD,SAASR,OAAO,IAAIS,uBAAuB,QAAQ,cAAc"}

package/lib/es6/Skeleton.js

@@ -13,40 +13,26 @@ import React from 'react';
 import createComponent, { Component, sstyled, Root } from '@semcore/core';
 import { Box } from '@semcore/flex-box';
 import uniqueIDEnhancement from '@semcore/utils/lib/uniqueID';
-
 /*__reshadow-styles__:"./style/skeleton.shadow.css"*/
-var style = (
-/*__reshadow_css_start__*/
-_sstyled.insert(
-/*__inner_css_start__*/
-"@keyframes pulse_bqq31{0%,to{opacity:1}50%{opacity:.4}}.___SSkeleton_bqq31_gg_{animation-name:pulse_bqq31;animation-iteration-count:infinite;animation-timing-function:ease-in-out;animation-duration:var(--durationAnim_bqq31);will-change:opacity}.___SSkeleton_bqq31_gg_._theme_invert_bqq31_gg_{fill:var(--intergalactic-skeleton-bg, rgba(224, 225, 233, 0.8))}.___SSkeleton_bqq31_gg_._theme_dark_bqq31_gg_{fill:var(--intergalactic-skeleton-bg-invert, rgba(255, 255, 255, 0.3))}.___SText_bqq31_gg_{box-sizing:border-box}@media (prefers-reduced-motion){.___SSkeleton_bqq31_gg_{animation-name:none}}"
-/*__inner_css_end__*/
-, "bqq31_gg_")
-/*__reshadow_css_end__*/
-, {
-  "__SSkeleton": "___SSkeleton_bqq31_gg_",
-  "--durationAnim": "--durationAnim_bqq31",
-  "@pulse": "pulse_bqq31",
-  "_theme_invert": "_theme_invert_bqq31_gg_",
-  "_theme_dark": "_theme_dark_bqq31_gg_",
-  "__SText": "___SText_bqq31_gg_"
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/"@keyframes pulse_1as7i{0%,to{opacity:1}50%{opacity:.4}}.___SSkeleton_1as7i_gg_{animation-name:pulse_1as7i;animation-iteration-count:infinite;animation-timing-function:ease-in-out;animation-duration:var(--durationAnim_1as7i);will-change:opacity}.___SSkeleton_1as7i_gg_._theme_invert_1as7i_gg_{fill:var(--intergalactic-skeleton-bg, rgba(224, 225, 233, 0.8))}.___SSkeleton_1as7i_gg_._theme_dark_1as7i_gg_{fill:var(--intergalactic-skeleton-bg-invert, rgba(255, 255, 255, 0.3))}.___SText_1as7i_gg_{box-sizing:border-box}@media (prefers-reduced-motion){.___SSkeleton_1as7i_gg_{animation-name:none}}" /*__inner_css_end__*/, "1as7i_gg_") /*__reshadow_css_end__*/, {
+  "__SSkeleton": "___SSkeleton_1as7i_gg_",
+  "--durationAnim": "--durationAnim_1as7i",
+  "@pulse": "pulse_1as7i",
+  "_theme_invert": "_theme_invert_1as7i_gg_",
+  "_theme_dark": "_theme_dark_1as7i_gg_",
+  "__SText": "___SText_1as7i_gg_"
 });
 var MAP_COLOR_THEME = {
   dark: 'rgba(255, 255, 255, 0.3)',
   invert: 'rgba(224, 225, 233, 0.8)'
 };
-
 var Skeleton = /*#__PURE__*/function (_Component) {
   _inherits(Skeleton, _Component);
-
   var _super = _createSuper(Skeleton);
-
   function Skeleton() {
     _classCallCheck(this, Skeleton);
-
     return _super.apply(this, arguments);
   }
-
   _createClass(Skeleton, [{
     key: "setContext",
     value: function setContext() {
@@ -59,15 +45,14 @@ var Skeleton = /*#__PURE__*/function (_Component) {
     key: "render",
     value: function render() {
       var _ref = this.asProps,
-          _ref2;
-
+        _ref2;
       var SSkeleton = Box;
       var _this$asProps = this.asProps,
-          Children = _this$asProps.Children,
-          styles = _this$asProps.styles,
-          duration = _this$asProps.duration,
-          hidden = _this$asProps.hidden,
-          uid = _this$asProps.uid;
+        Children = _this$asProps.Children,
+        styles = _this$asProps.styles,
+        duration = _this$asProps.duration,
+        hidden = _this$asProps.hidden,
+        uid = _this$asProps.uid;
       if (hidden) return null;
       return _ref2 = sstyled(styles), /*#__PURE__*/React.createElement(SSkeleton, _ref2.cn("SSkeleton", _objectSpread({}, _assignProps({
         "tag": "svg",
@@ -86,38 +71,28 @@ var Skeleton = /*#__PURE__*/function (_Component) {
       })));
     }
   }]);
-
   return Skeleton;
 }(Component);
-
 _defineProperty(Skeleton, "displayName", 'Skeleton');
-
 _defineProperty(Skeleton, "style", style);
-
 _defineProperty(Skeleton, "defaultProps", {
   width: '100%',
   height: '100%',
   theme: 'invert',
   duration: 2000
 });
-
 _defineProperty(Skeleton, "enhance", [uniqueIDEnhancement()]);
-
 function Text(props) {
   var SText = Box;
-
   var amount = props.amount,
-      y = props.y,
-      x = props.x,
-      styles = props.styles,
-      forwardRef = props.forwardRef,
-      other = _objectWithoutProperties(props, _excluded);
-
+    y = props.y,
+    x = props.x,
+    styles = props.styles,
+    forwardRef = props.forwardRef,
+    other = _objectWithoutProperties(props, _excluded);
   var amountLine = Number(amount);
-
   var renderRect = function renderRect(props) {
     var _ref3;
-
     return _ref3 = sstyled(styles), /*#__PURE__*/React.createElement(SText, _ref3.cn("SText", _objectSpread({
       "tag": "rect",
       "rx": "4",
@@ -125,7 +100,6 @@ function Text(props) {
       "height": "8"
     }, props)));
   };
-
   return /*#__PURE__*/React.createElement(React.Fragment, null, _toConsumableArray(Array(amountLine)).map(function (el, index) {
     return renderRect(_objectSpread({
       key: index,
@@ -135,7 +109,6 @@ function Text(props) {
     }, other));
   }));
 }
-
 Text.defaultProps = {
   x: 0,
   y: 0,

package/lib/es6/Skeleton.js.map

@@ -1 +1 @@
-{"version":3,"file":"Skeleton.js","names":["React","createComponent","Component","sstyled","Root","Box","uniqueIDEnhancement","MAP_COLOR_THEME","dark","invert","Skeleton","theme","asProps","gradientUrl","SSkeleton","Children","styles","duration","hidden","uid","style","width","height","Text","props","SText","amount","y","x","forwardRef","other","amountLine","Number","renderRect","Array","map","el","index","key","ref","defaultProps"],"sources":["../../src/Skeleton.jsx"],"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.3)',\n  invert: 'rgba(224, 225, 233, 0.8)',\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, hidden, uid } = this.asProps;\n\n    if (hidden) return null;\n\n    return sstyled(styles)(\n      <SSkeleton\n        render={Box}\n        tag=\"svg\"\n        preserveAspectRatio=\"none\"\n        durationAnim={`${duration}ms`}\n        aria-busy=\"true\"\n        aria-atomic=\"true\"\n      >\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"],"mappings":"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"}
+{"version":3,"file":"Skeleton.js","names":["React","createComponent","Component","sstyled","Root","Box","uniqueIDEnhancement","style","_sstyled","insert","MAP_COLOR_THEME","dark","invert","Skeleton","_Component","_inherits","_super","_createSuper","_classCallCheck","apply","arguments","_createClass","key","value","setContext","theme","asProps","gradientUrl","render","_ref","_ref2","SSkeleton","_this$asProps","Children","styles","duration","hidden","uid","createElement","cn","_objectSpread","_assignProps","concat","_defineProperty","width","height","Text","props","SText","amount","y","x","forwardRef","other","_objectWithoutProperties","_excluded","amountLine","Number","renderRect","_ref3","Fragment","_toConsumableArray","Array","map","el","index","ref","defaultProps"],"sources":["../../src/Skeleton.jsx"],"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.3)',\n  invert: 'rgba(224, 225, 233, 0.8)',\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, hidden, uid } = this.asProps;\n\n    if (hidden) return null;\n\n    return sstyled(styles)(\n      <SSkeleton\n        render={Box}\n        tag=\"svg\"\n        preserveAspectRatio=\"none\"\n        durationAnim={`${duration}ms`}\n        aria-busy=\"true\"\n        aria-atomic=\"true\"\n      >\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"],"mappings":"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"}

package/lib/es6/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["default"],"sources":["../../src/index.js"],"sourcesContent":["export { default } from './Skeleton';\n\nexport * from './Charts';\n"],"mappings":"AAAA,SAASA,OAAT,QAAwB,YAAxB;AAEA,cAAc,UAAd"}
+{"version":3,"file":"index.js","names":["default"],"sources":["../../src/index.js"],"sourcesContent":["export { default } from './Skeleton';\n\nexport * from './Charts';\n"],"mappings":"AAAA,SAASA,OAAO,QAAQ,YAAY;AAEpC,cAAc,UAAU"}

package/package.json

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