@semcore/skeleton 2.3.0 → 3.1.0

package/CHANGELOG.md

@@ -2,6 +2,35 @@
 
 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
+
+- Fixed typo in ts.
+
+## [3.0.0] - 2021-10-15
+
+### Changed
+
+- Rewrite code from ts to js.
+
+### BREAK
+
+- change default `height` for `Skeleton` from 100px to 100%.
+- remove support props `visible, speed` for `Skeleton`.
+
+## [2.3.1] - 2021-8-26
+
+### Changed
+
+- Add 'sideEffect=false' for more optimal build via webpack
+
 ## [2.3.0] - 2021-04-26
 
 ### Changed

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/Charts/Area.tsx"],"names":["AreaChartSkeleton","props","type","getDraw","drawLine","drawFill","gradientUrl"],"mappings":";;;;;;;;;;;;;AAAA;;AACA;;AAMA,IAAMA,iBAEL,GAAG,SAFEA,iBAEF,CAACC,KAAD,EAAW;AAAA,oBACeA,KADf,CACLC,IADK;AAAA,MACLA,IADK,4BACE,QADF;;AAEb,MAAMC,OAAO,GAAG,SAAVA,OAAU,CAACD,IAAD,EAAU;AACxB,YAAQA,IAAR;AACE,WAAK,UAAL;AACE,eAAO,CACL,4GACE,8EAFG,EAGL,4KAHK,CAAP;;AAKF;AACE,eAAO,CACL,wEADK,EAEL,iEAFK,CAAP;AARJ;AAaD,GAdD;;AAFa,iBAkBgBC,OAAO,CAACD,IAAD,CAlBvB;AAAA;AAAA,MAkBNE,QAlBM;AAAA,MAkBIC,QAlBJ;;AAmBb,sBACE,gCAAC,oBAAD;AAAU,IAAA,OAAO,EAAC,aAAlB;AAAgC,IAAA,mBAAmB,EAAC;AAApD,KAAwEJ,KAAxE,GACG;AAAA,QAAGK,WAAH,QAAGA,WAAH;AAAA,wBACC;AAAG,MAAA,IAAI,EAAC,MAAR;AAAe,MAAA,QAAQ,EAAC;AAAxB,oBACE;AAAM,MAAA,IAAI,EAAEA,WAAZ;AAAyB,MAAA,WAAW,EAAC,IAArC;AAA0C,MAAA,CAAC,EAAEF;AAA7C,MADF,eAEE;AACE,MAAA,MAAM,EAAEE,WADV;AAEE,MAAA,aAAa,EAAC,OAFhB;AAGE,MAAA,cAAc,EAAC,OAHjB;AAIE,MAAA,WAAW,EAAC,GAJd;AAKE,MAAA,CAAC,EAAED;AALL,MAFF,CADD;AAAA,GADH,CADF;AAgBD,CArCD;;eAuCeL,iB","sourcesContent":["import React from 'react';\nimport Skeleton, { ISkeletonProps } from '../Skeleton';\n\nexport interface AreaChartSkeletonProps extends ISkeletonProps {\n  type?: 'linear' | 'monotone';\n}\n\nconst AreaChartSkeleton: React.FunctionComponent<\n  AreaChartSkeletonProps & React.SVGAttributes<SVGElement>\n> = (props) => {\n  const { type = 'linear' } = props;\n  const getDraw = (type) => {\n    switch (type) {\n      case 'monotone':\n        return [\n          'M2 2c75.665 0 75.665 80 151.329 80 75.665 0 75.665-80 151.33-80 75.667 0 75.667 80 151.333 80S531.658 2' +\n            ' 607.323 2c75.669 0 75.669 80 151.339 80C834.331 82 834.331 2 910 2v164H2V2z',\n          'M2 2c75.665 0 75.665 80 151.329 80 75.665 0 75.665-80 151.33-80 75.667 0 75.667 80 151.333 80S531.658 2 607.323 2c75.669 0 75.669 80 151.339 80C834.331 82 834.331 2 910 2',\n        ];\n      default:\n        return [\n          'M2 2l151.329 80 151.33-80 151.333 80L607.323 2l151.339 80L910 2v164H2z',\n          'M2 2l151.329 80 151.33-80 151.333 80L607.323 2l151.339 80L910 2',\n        ];\n    }\n  };\n\n  const [drawLine, drawFill] = getDraw(type);\n  return (\n    <Skeleton viewBox=\"0 0 908 166\" preserveAspectRatio=\"xMidYMid meet\" {...props}>\n      {({ gradientUrl }) => (\n        <g fill=\"none\" fillRule=\"nonzero\">\n          <path fill={gradientUrl} fillOpacity=\".4\" d={drawLine} />\n          <path\n            stroke={gradientUrl}\n            strokeLinecap=\"round\"\n            strokeLinejoin=\"round\"\n            strokeWidth=\"4\"\n            d={drawFill}\n          />\n        </g>\n      )}\n    </Skeleton>\n  );\n};\n\nexport default AreaChartSkeleton;\n"],"file":"Area.js"}
+{"version":3,"sources":["../../../src/Charts/Area.js"],"names":["AreaChartSkeleton","props","type","getDraw","drawLine","drawFill","gradientUrl"],"mappings":";;;;;;;;;;;;;AAAA;;AACA;;AAEA,IAAMA,iBAAiB,GAAG,SAApBA,iBAAoB,CAACC,KAAD,EAAW;AAAA,oBACPA,KADO,CAC3BC,IAD2B;AAAA,MAC3BA,IAD2B,4BACpB,QADoB;;AAEnC,MAAMC,OAAO,GAAG,SAAVA,OAAU,CAACD,IAAD,EAAU;AACxB,YAAQA,IAAR;AACE,WAAK,UAAL;AACE,eAAO,CACL,4GACE,8EAFG,EAGL,4KAHK,CAAP;;AAKF;AACE,eAAO,CACL,wEADK,EAEL,iEAFK,CAAP;AARJ;AAaD,GAdD;;AAFmC,iBAkBNC,OAAO,CAACD,IAAD,CAlBD;AAAA;AAAA,MAkB5BE,QAlB4B;AAAA,MAkBlBC,QAlBkB;;AAmBnC,sBACE,gCAAC,oBAAD;AAAU,IAAA,OAAO,EAAC,aAAlB;AAAgC,IAAA,mBAAmB,EAAC;AAApD,KAAwEJ,KAAxE,GACG;AAAA,QAAGK,WAAH,QAAGA,WAAH;AAAA,wBACC;AAAG,MAAA,IAAI,EAAC,MAAR;AAAe,MAAA,QAAQ,EAAC;AAAxB,oBACE;AAAM,MAAA,IAAI,EAAEA,WAAZ;AAAyB,MAAA,WAAW,EAAC,IAArC;AAA0C,MAAA,CAAC,EAAEF;AAA7C,MADF,eAEE;AACE,MAAA,MAAM,EAAEE,WADV;AAEE,MAAA,aAAa,EAAC,OAFhB;AAGE,MAAA,cAAc,EAAC,OAHjB;AAIE,MAAA,WAAW,EAAC,GAJd;AAKE,MAAA,CAAC,EAAED;AALL,MAFF,CADD;AAAA,GADH,CADF;AAgBD,CAnCD;;eAqCeL,iB","sourcesContent":["import React from 'react';\nimport Skeleton from '../Skeleton';\n\nconst AreaChartSkeleton = (props) => {\n  const { type = 'linear' } = props;\n  const getDraw = (type) => {\n    switch (type) {\n      case 'monotone':\n        return [\n          'M2 2c75.665 0 75.665 80 151.329 80 75.665 0 75.665-80 151.33-80 75.667 0 75.667 80 151.333 80S531.658 2' +\n            ' 607.323 2c75.669 0 75.669 80 151.339 80C834.331 82 834.331 2 910 2v164H2V2z',\n          'M2 2c75.665 0 75.665 80 151.329 80 75.665 0 75.665-80 151.33-80 75.667 0 75.667 80 151.333 80S531.658 2 607.323 2c75.669 0 75.669 80 151.339 80C834.331 82 834.331 2 910 2',\n        ];\n      default:\n        return [\n          'M2 2l151.329 80 151.33-80 151.333 80L607.323 2l151.339 80L910 2v164H2z',\n          'M2 2l151.329 80 151.33-80 151.333 80L607.323 2l151.339 80L910 2',\n        ];\n    }\n  };\n\n  const [drawLine, drawFill] = getDraw(type);\n  return (\n    <Skeleton viewBox=\"0 0 908 166\" preserveAspectRatio=\"xMidYMid meet\" {...props}>\n      {({ gradientUrl }) => (\n        <g fill=\"none\" fillRule=\"nonzero\">\n          <path fill={gradientUrl} fillOpacity=\".4\" d={drawLine} />\n          <path\n            stroke={gradientUrl}\n            strokeLinecap=\"round\"\n            strokeLinejoin=\"round\"\n            strokeWidth=\"4\"\n            d={drawFill}\n          />\n        </g>\n      )}\n    </Skeleton>\n  );\n};\n\nexport default AreaChartSkeleton;\n"],"file":"Area.js"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/Charts/Bar.tsx"],"names":["BarChartSkeleton","props","layout","gradientUrl"],"mappings":";;;;;;;;;;;AAAA;;AACA;;AAMA,IAAMA,gBAEL,GAAG,SAFEA,gBAEF,CAACC,KAAD,EAAW;AAAA,sBACqBA,KADrB,CACLC,MADK;AAAA,MACLA,MADK,8BACI,YADJ;AAGb,sBACE,gCAAC,oBAAD;AAAU,IAAA,OAAO,EAAC,aAAlB;AAAgC,IAAA,mBAAmB,EAAC;AAApD,KAAwED,KAAxE,GACG,gBAAqB;AAAA,QAAlBE,WAAkB,QAAlBA,WAAkB;;AACpB,QAAID,MAAM,KAAK,UAAf,EAA2B;AACzB,0BACE;AAAG,QAAA,IAAI,EAAEC;AAAT,sBACE;AAAM,QAAA,KAAK,EAAC,KAAZ;AAAkB,QAAA,MAAM,EAAC,IAAzB;AAA8B,QAAA,CAAC,EAAC,KAAhC;AAAsC,QAAA,EAAE,EAAC;AAAzC,QADF,eAEE;AAAM,QAAA,KAAK,EAAC,KAAZ;AAAkB,QAAA,MAAM,EAAC,IAAzB;AAA8B,QAAA,EAAE,EAAC;AAAjC,QAFF,eAGE;AAAM,QAAA,KAAK,EAAC,KAAZ;AAAkB,QAAA,MAAM,EAAC,IAAzB;AAA8B,QAAA,CAAC,EAAC,IAAhC;AAAqC,QAAA,EAAE,EAAC;AAAxC,QAHF,eAIE;AAAM,QAAA,KAAK,EAAC,KAAZ;AAAkB,QAAA,MAAM,EAAC,IAAzB;AAA8B,QAAA,CAAC,EAAC,IAAhC;AAAqC,QAAA,EAAE,EAAC;AAAxC,QAJF,eAKE;AAAM,QAAA,KAAK,EAAC,KAAZ;AAAkB,QAAA,MAAM,EAAC,IAAzB;AAA8B,QAAA,CAAC,EAAC,IAAhC;AAAqC,QAAA,EAAE,EAAC;AAAxC,QALF,eAME;AACE,QAAA,QAAQ,EAAC,SADX;AAEE,QAAA,CAAC,EAAC;AAFJ,QANF,CADF;AAaD;;AAED,wBACE;AACE,MAAA,IAAI,EAAEA,WADR;AAEE,MAAA,QAAQ,EAAC,SAFX;AAGE,MAAA,CAAC,EAAC;AAHJ,MADF;AAOD,GAzBH,CADF;AA6BD,CAlCD;;eAoCeH,gB","sourcesContent":["import React from 'react';\nimport Skeleton, { ISkeletonProps } from '../Skeleton';\n\nexport interface BarChartSkeletonProps extends ISkeletonProps {\n  layout?: 'horizontal' | 'vertical';\n}\n\nconst BarChartSkeleton: React.FunctionComponent<\n  BarChartSkeletonProps & React.SVGAttributes<SVGElement>\n> = (props) => {\n  const { layout = 'horizontal' } = props;\n\n  return (\n    <Skeleton viewBox=\"0 0 908 166\" preserveAspectRatio=\"xMidYMid meet\" {...props}>\n      {({ gradientUrl }) => {\n        if (layout === 'vertical') {\n          return (\n            <g fill={gradientUrl}>\n              <rect width=\"252\" height=\"15\" y=\"124\" rx=\"4\" />\n              <rect width=\"360\" height=\"15\" rx=\"4\" />\n              <rect width=\"306\" height=\"15\" y=\"93\" rx=\"4\" />\n              <rect width=\"252\" height=\"15\" y=\"31\" rx=\"4\" />\n              <rect width=\"144\" height=\"15\" y=\"62\" rx=\"4\" />\n              <path\n                fillRule=\"nonzero\"\n                d=\"M18 62h112.5c9.941 0 18 1.79 18 4v7c0 2.21-8.059 4-18 4H18c-9.941 0-18-1.79-18-4v-7c0-2.21 8.059-4 18-4zm0-31h216c9.941 0 18 1.79 18 4v7c0 2.21-8.059 4-18 4H18c-9.941 0-18-1.79-18-4v-7c0-2.21 8.059-4 18-4zm0 62h270c9.941 0 18 1.79 18 4v7c0 2.21-8.059 4-18 4H18c-9.941 0-18-1.79-18-4v-7c0-2.21 8.059-4 18-4zm0-93h324c9.941 0 18 1.79 18 4v7c0 2.21-8.059 4-18 4H18c-9.941 0-18-1.79-18-4V4c0-2.21 8.059-4 18-4zm0 124h216c9.941 0 18 1.79 18 4v7c0 2.21-8.059 4-18 4H18c-9.941 0-18-1.79-18-4v-7c0-2.21 8.059-4 18-4z\"\n              />\n            </g>\n          );\n        }\n\n        return (\n          <path\n            fill={gradientUrl}\n            fillRule=\"nonzero\"\n            d=\"M4 0h7a4 4 0 0 1 4 4v76H0V4a4 4 0 0 1 4-4zm78 48h7a4 4 0 0 1 4 4v28H78V52a4 4 0 0 1 4-4zm39 0h7a4 4 0 0 1 4 4v28h-15V52a4 4 0 0 1 4-4zm39 0h7a4 4 0 0 1 4 4v28h-15V52a4 4 0 0 1 4-4zM43 16h7a4 4 0 0 1 4 4v60H39V20a4 4 0 0 1 4-4zm156 0h7a4 4 0 0 1 4 4v60h-15V20a4 4 0 0 1 4-4zm39-16h7a4 4 0 0 1 4 4v76h-15V4a4 4 0 0 1 4-4zm78 48h7a4 4 0 0 1 4 4v28h-15V52a4 4 0 0 1 4-4zm39 0h7a4 4 0 0 1 4 4v28h-15V52a4 4 0 0 1 4-4zm39 0h7a4 4 0 0 1 4 4v28h-15V52a4 4 0 0 1 4-4zM277 16h7a4 4 0 0 1 4 4v60h-15V20a4 4 0 0 1 4-4zm156 0h7a4 4 0 0 1 4 4v60h-15V20a4 4 0 0 1 4-4zM706 0h7a4 4 0 0 1 4 4v76h-15V4a4 4 0 0 1 4-4zm78 48h7a4 4 0 0 1 4 4v28h-15V52a4 4 0 0 1 4-4zm39 0h7a4 4 0 0 1 4 4v28h-15V52a4 4 0 0 1 4-4zm39 0h7a4 4 0 0 1 4 4v28h-15V52a4 4 0 0 1 4-4zM745 16h7a4 4 0 0 1 4 4v60h-15V20a4 4 0 0 1 4-4zm156 0h7a4 4 0 0 1 4 4v60h-15V20a4 4 0 0 1 4-4zM472 0h7a4 4 0 0 1 4 4v76h-15V4a4 4 0 0 1 4-4zm78 48h7a4 4 0 0 1 4 4v28h-15V52a4 4 0 0 1 4-4zm39 0h7a4 4 0 0 1 4 4v28h-15V52a4 4 0 0 1 4-4zm39 0h7a4 4 0 0 1 4 4v28h-15V52a4 4 0 0 1 4-4zM511 16h7a4 4 0 0 1 4 4v60h-15V20a4 4 0 0 1 4-4zm156 0h7a4 4 0 0 1 4 4v60h-15V20a4 4 0 0 1 4-4z\"\n          />\n        );\n      }}\n    </Skeleton>\n  );\n};\n\nexport default BarChartSkeleton;\n"],"file":"Bar.js"}
+{"version":3,"sources":["../../../src/Charts/Bar.js"],"names":["BarChartSkeleton","props","layout","gradientUrl"],"mappings":";;;;;;;;;;;AAAA;;AACA;;AAEA,IAAMA,gBAAgB,GAAG,SAAnBA,gBAAmB,CAACC,KAAD,EAAW;AAAA,sBACAA,KADA,CAC1BC,MAD0B;AAAA,MAC1BA,MAD0B,8BACjB,YADiB;AAGlC,sBACE,gCAAC,oBAAD;AAAU,IAAA,OAAO,EAAC,aAAlB;AAAgC,IAAA,mBAAmB,EAAC;AAApD,KAAwED,KAAxE,GACG,gBAAqB;AAAA,QAAlBE,WAAkB,QAAlBA,WAAkB;;AACpB,QAAID,MAAM,KAAK,UAAf,EAA2B;AACzB,0BACE;AAAG,QAAA,IAAI,EAAEC;AAAT,sBACE;AAAM,QAAA,KAAK,EAAC,KAAZ;AAAkB,QAAA,MAAM,EAAC,IAAzB;AAA8B,QAAA,CAAC,EAAC,KAAhC;AAAsC,QAAA,EAAE,EAAC;AAAzC,QADF,eAEE;AAAM,QAAA,KAAK,EAAC,KAAZ;AAAkB,QAAA,MAAM,EAAC,IAAzB;AAA8B,QAAA,EAAE,EAAC;AAAjC,QAFF,eAGE;AAAM,QAAA,KAAK,EAAC,KAAZ;AAAkB,QAAA,MAAM,EAAC,IAAzB;AAA8B,QAAA,CAAC,EAAC,IAAhC;AAAqC,QAAA,EAAE,EAAC;AAAxC,QAHF,eAIE;AAAM,QAAA,KAAK,EAAC,KAAZ;AAAkB,QAAA,MAAM,EAAC,IAAzB;AAA8B,QAAA,CAAC,EAAC,IAAhC;AAAqC,QAAA,EAAE,EAAC;AAAxC,QAJF,eAKE;AAAM,QAAA,KAAK,EAAC,KAAZ;AAAkB,QAAA,MAAM,EAAC,IAAzB;AAA8B,QAAA,CAAC,EAAC,IAAhC;AAAqC,QAAA,EAAE,EAAC;AAAxC,QALF,eAME;AACE,QAAA,QAAQ,EAAC,SADX;AAEE,QAAA,CAAC,EAAC;AAFJ,QANF,CADF;AAaD;;AAED,wBACE;AACE,MAAA,IAAI,EAAEA,WADR;AAEE,MAAA,QAAQ,EAAC,SAFX;AAGE,MAAA,CAAC,EAAC;AAHJ,MADF;AAOD,GAzBH,CADF;AA6BD,CAhCD;;eAkCeH,gB","sourcesContent":["import React from 'react';\nimport Skeleton from '../Skeleton';\n\nconst BarChartSkeleton = (props) => {\n  const { layout = 'horizontal' } = props;\n\n  return (\n    <Skeleton viewBox=\"0 0 908 166\" preserveAspectRatio=\"xMidYMid meet\" {...props}>\n      {({ gradientUrl }) => {\n        if (layout === 'vertical') {\n          return (\n            <g fill={gradientUrl}>\n              <rect width=\"252\" height=\"15\" y=\"124\" rx=\"4\" />\n              <rect width=\"360\" height=\"15\" rx=\"4\" />\n              <rect width=\"306\" height=\"15\" y=\"93\" rx=\"4\" />\n              <rect width=\"252\" height=\"15\" y=\"31\" rx=\"4\" />\n              <rect width=\"144\" height=\"15\" y=\"62\" rx=\"4\" />\n              <path\n                fillRule=\"nonzero\"\n                d=\"M18 62h112.5c9.941 0 18 1.79 18 4v7c0 2.21-8.059 4-18 4H18c-9.941 0-18-1.79-18-4v-7c0-2.21 8.059-4 18-4zm0-31h216c9.941 0 18 1.79 18 4v7c0 2.21-8.059 4-18 4H18c-9.941 0-18-1.79-18-4v-7c0-2.21 8.059-4 18-4zm0 62h270c9.941 0 18 1.79 18 4v7c0 2.21-8.059 4-18 4H18c-9.941 0-18-1.79-18-4v-7c0-2.21 8.059-4 18-4zm0-93h324c9.941 0 18 1.79 18 4v7c0 2.21-8.059 4-18 4H18c-9.941 0-18-1.79-18-4V4c0-2.21 8.059-4 18-4zm0 124h216c9.941 0 18 1.79 18 4v7c0 2.21-8.059 4-18 4H18c-9.941 0-18-1.79-18-4v-7c0-2.21 8.059-4 18-4z\"\n              />\n            </g>\n          );\n        }\n\n        return (\n          <path\n            fill={gradientUrl}\n            fillRule=\"nonzero\"\n            d=\"M4 0h7a4 4 0 0 1 4 4v76H0V4a4 4 0 0 1 4-4zm78 48h7a4 4 0 0 1 4 4v28H78V52a4 4 0 0 1 4-4zm39 0h7a4 4 0 0 1 4 4v28h-15V52a4 4 0 0 1 4-4zm39 0h7a4 4 0 0 1 4 4v28h-15V52a4 4 0 0 1 4-4zM43 16h7a4 4 0 0 1 4 4v60H39V20a4 4 0 0 1 4-4zm156 0h7a4 4 0 0 1 4 4v60h-15V20a4 4 0 0 1 4-4zm39-16h7a4 4 0 0 1 4 4v76h-15V4a4 4 0 0 1 4-4zm78 48h7a4 4 0 0 1 4 4v28h-15V52a4 4 0 0 1 4-4zm39 0h7a4 4 0 0 1 4 4v28h-15V52a4 4 0 0 1 4-4zm39 0h7a4 4 0 0 1 4 4v28h-15V52a4 4 0 0 1 4-4zM277 16h7a4 4 0 0 1 4 4v60h-15V20a4 4 0 0 1 4-4zm156 0h7a4 4 0 0 1 4 4v60h-15V20a4 4 0 0 1 4-4zM706 0h7a4 4 0 0 1 4 4v76h-15V4a4 4 0 0 1 4-4zm78 48h7a4 4 0 0 1 4 4v28h-15V52a4 4 0 0 1 4-4zm39 0h7a4 4 0 0 1 4 4v28h-15V52a4 4 0 0 1 4-4zm39 0h7a4 4 0 0 1 4 4v28h-15V52a4 4 0 0 1 4-4zM745 16h7a4 4 0 0 1 4 4v60h-15V20a4 4 0 0 1 4-4zm156 0h7a4 4 0 0 1 4 4v60h-15V20a4 4 0 0 1 4-4zM472 0h7a4 4 0 0 1 4 4v76h-15V4a4 4 0 0 1 4-4zm78 48h7a4 4 0 0 1 4 4v28h-15V52a4 4 0 0 1 4-4zm39 0h7a4 4 0 0 1 4 4v28h-15V52a4 4 0 0 1 4-4zm39 0h7a4 4 0 0 1 4 4v28h-15V52a4 4 0 0 1 4-4zM511 16h7a4 4 0 0 1 4 4v60h-15V20a4 4 0 0 1 4-4zm156 0h7a4 4 0 0 1 4 4v60h-15V20a4 4 0 0 1 4-4z\"\n          />\n        );\n      }}\n    </Skeleton>\n  );\n};\n\nexport default BarChartSkeleton;\n"],"file":"Bar.js"}

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/Histogram.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/Charts/Histogram.tsx"],"names":["HistogramChartSkeleton","props","layout","gradientUrl"],"mappings":";;;;;;;;;;;AAAA;;AACA;;AAMA,IAAMA,sBAEL,GAAG,SAFEA,sBAEF,CAACC,KAAD,EAAW;AAAA,sBACqBA,KADrB,CACLC,MADK;AAAA,MACLA,MADK,8BACI,YADJ;AAGb,sBACE,gCAAC,oBAAD;AAAU,IAAA,OAAO,EAAC,aAAlB;AAAgC,IAAA,mBAAmB,EAAC;AAApD,KAAwED,KAAxE,GACG,gBAAqB;AAAA,QAAlBE,WAAkB,QAAlBA,WAAkB;;AACpB,QAAID,MAAM,KAAK,UAAf,EAA2B;AACzB,0BACE;AAAG,QAAA,IAAI,EAAEC;AAAT,sBACE;AAAM,QAAA,KAAK,EAAC,KAAZ;AAAkB,QAAA,MAAM,EAAC,IAAzB;AAA8B,QAAA,CAAC,EAAC,KAAhC;AAAsC,QAAA,EAAE,EAAC;AAAzC,QADF,eAEE;AAAM,QAAA,KAAK,EAAC,KAAZ;AAAkB,QAAA,MAAM,EAAC,IAAzB;AAA8B,QAAA,EAAE,EAAC;AAAjC,QAFF,eAGE;AAAM,QAAA,KAAK,EAAC,KAAZ;AAAkB,QAAA,MAAM,EAAC,IAAzB;AAA8B,QAAA,CAAC,EAAC,IAAhC;AAAqC,QAAA,EAAE,EAAC;AAAxC,QAHF,eAIE;AAAM,QAAA,KAAK,EAAC,KAAZ;AAAkB,QAAA,MAAM,EAAC,IAAzB;AAA8B,QAAA,CAAC,EAAC,IAAhC;AAAqC,QAAA,EAAE,EAAC;AAAxC,QAJF,eAKE;AACE,QAAA,QAAQ,EAAC,SADX;AAEE,QAAA,CAAC,EAAC;AAFJ,QALF,CADF;AAYD;;AAED,wBACE;AACE,MAAA,IAAI,EAAEA,WADR;AAEE,MAAA,QAAQ,EAAC,SAFX;AAGE,MAAA,CAAC,EAAC;AAHJ,MADF;AAOD,GAxBH,CADF;AA4BD,CAjCD;;eAmCeH,sB","sourcesContent":["import React from 'react';\nimport Skeleton, { ISkeletonProps } from '../Skeleton';\n\nexport interface HistogramChartSkeletonProps extends ISkeletonProps {\n  layout?: 'horizontal' | 'vertical';\n}\n\nconst HistogramChartSkeleton: React.FunctionComponent<\n  HistogramChartSkeletonProps & React.SVGAttributes<SVGElement>\n> = (props) => {\n  const { layout = 'horizontal' } = props;\n\n  return (\n    <Skeleton viewBox=\"0 0 908 166\" preserveAspectRatio=\"xMidYMid meet\" {...props}>\n      {({ gradientUrl }) => {\n        if (layout === 'vertical') {\n          return (\n            <g fill={gradientUrl}>\n              <rect width=\"252\" height=\"24\" y=\"112\" rx=\"4\" />\n              <rect width=\"360\" height=\"24\" rx=\"4\" />\n              <rect width=\"306\" height=\"24\" y=\"84\" rx=\"4\" />\n              <rect width=\"140\" height=\"24\" y=\"56\" rx=\"4\" />\n              <path\n                fillRule=\"nonzero\"\n                d=\"M4 28h235a4 4 0 0 1 4 4v16a4 4 0 0 1-4 4H4a4 4 0 0 1-4-4V32a4 4 0 0 1 4-4z\"\n              />\n            </g>\n          );\n        }\n\n        return (\n          <path\n            fill={gradientUrl}\n            fillRule=\"nonzero\"\n            d=\"M0 0h110.9v80H0zM228.802 48h109.9v32h-109.9zM342.702 30h108.901v50h-108.9zM114.9 16h109.902v64H114.9z M454 0h109.9v80H454zM681.802 48h109.9v32h-109.9zM795.702 30h108.901v50h-108.9zM567.9 16h109.902v64H567.9z\"\n          />\n        );\n      }}\n    </Skeleton>\n  );\n};\n\nexport default HistogramChartSkeleton;\n"],"file":"Histogram.js"}
+{"version":3,"sources":["../../../src/Charts/Histogram.js"],"names":["HistogramChartSkeleton","props","layout","gradientUrl"],"mappings":";;;;;;;;;;;AAAA;;AACA;;AAEA,IAAMA,sBAAsB,GAAG,SAAzBA,sBAAyB,CAACC,KAAD,EAAW;AAAA,sBACNA,KADM,CAChCC,MADgC;AAAA,MAChCA,MADgC,8BACvB,YADuB;AAGxC,sBACE,gCAAC,oBAAD;AAAU,IAAA,OAAO,EAAC,aAAlB;AAAgC,IAAA,mBAAmB,EAAC;AAApD,KAAwED,KAAxE,GACG,gBAAqB;AAAA,QAAlBE,WAAkB,QAAlBA,WAAkB;;AACpB,QAAID,MAAM,KAAK,UAAf,EAA2B;AACzB,0BACE;AAAG,QAAA,IAAI,EAAEC;AAAT,sBACE;AAAM,QAAA,KAAK,EAAC,KAAZ;AAAkB,QAAA,MAAM,EAAC,IAAzB;AAA8B,QAAA,CAAC,EAAC,KAAhC;AAAsC,QAAA,EAAE,EAAC;AAAzC,QADF,eAEE;AAAM,QAAA,KAAK,EAAC,KAAZ;AAAkB,QAAA,MAAM,EAAC,IAAzB;AAA8B,QAAA,EAAE,EAAC;AAAjC,QAFF,eAGE;AAAM,QAAA,KAAK,EAAC,KAAZ;AAAkB,QAAA,MAAM,EAAC,IAAzB;AAA8B,QAAA,CAAC,EAAC,IAAhC;AAAqC,QAAA,EAAE,EAAC;AAAxC,QAHF,eAIE;AAAM,QAAA,KAAK,EAAC,KAAZ;AAAkB,QAAA,MAAM,EAAC,IAAzB;AAA8B,QAAA,CAAC,EAAC,IAAhC;AAAqC,QAAA,EAAE,EAAC;AAAxC,QAJF,eAKE;AACE,QAAA,QAAQ,EAAC,SADX;AAEE,QAAA,CAAC,EAAC;AAFJ,QALF,CADF;AAYD;;AAED,wBACE;AACE,MAAA,IAAI,EAAEA,WADR;AAEE,MAAA,QAAQ,EAAC,SAFX;AAGE,MAAA,CAAC,EAAC;AAHJ,MADF;AAOD,GAxBH,CADF;AA4BD,CA/BD;;eAiCeH,sB","sourcesContent":["import React from 'react';\nimport Skeleton from '../Skeleton';\n\nconst HistogramChartSkeleton = (props) => {\n  const { layout = 'horizontal' } = props;\n\n  return (\n    <Skeleton viewBox=\"0 0 908 166\" preserveAspectRatio=\"xMidYMid meet\" {...props}>\n      {({ gradientUrl }) => {\n        if (layout === 'vertical') {\n          return (\n            <g fill={gradientUrl}>\n              <rect width=\"252\" height=\"24\" y=\"112\" rx=\"4\" />\n              <rect width=\"360\" height=\"24\" rx=\"4\" />\n              <rect width=\"306\" height=\"24\" y=\"84\" rx=\"4\" />\n              <rect width=\"140\" height=\"24\" y=\"56\" rx=\"4\" />\n              <path\n                fillRule=\"nonzero\"\n                d=\"M4 28h235a4 4 0 0 1 4 4v16a4 4 0 0 1-4 4H4a4 4 0 0 1-4-4V32a4 4 0 0 1 4-4z\"\n              />\n            </g>\n          );\n        }\n\n        return (\n          <path\n            fill={gradientUrl}\n            fillRule=\"nonzero\"\n            d=\"M0 0h110.9v80H0zM228.802 48h109.9v32h-109.9zM342.702 30h108.901v50h-108.9zM114.9 16h109.902v64H114.9z M454 0h109.9v80H454zM681.802 48h109.9v32h-109.9zM795.702 30h108.901v50h-108.9zM567.9 16h109.902v64H567.9z\"\n          />\n        );\n      }}\n    </Skeleton>\n  );\n};\n\nexport default HistogramChartSkeleton;\n"],"file":"Histogram.js"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/Charts/Line.tsx"],"names":["LineChartSkeleton","props","type","getDraw","gradientUrl"],"mappings":";;;;;;;;;;;AAAA;;AACA;;AAMA,IAAMA,iBAEL,GAAG,SAFEA,iBAEF,CAACC,KAAD,EAAW;AAAA,oBACeA,KADf,CACLC,IADK;AAAA,MACLA,IADK,4BACE,QADF;;AAGb,MAAMC,OAAO,GAAG,SAAVA,OAAU,CAACD,IAAD,EAAU;AACxB,YAAQA,IAAR;AACE,WAAK,UAAL;AACE,eAAO,mLAAP;;AACF;AACE,eAAO,yEAAP;AAJJ;AAMD,GAPD;;AASA,sBACE,gCAAC,oBAAD;AAAU,IAAA,OAAO,EAAC,YAAlB;AAA+B,IAAA,mBAAmB,EAAC;AAAnD,KAAuED,KAAvE,GACG;AAAA,QAAGG,WAAH,QAAGA,WAAH;AAAA,wBACC;AACE,MAAA,IAAI,EAAC,MADP;AAEE,MAAA,MAAM,EAAEA,WAFV;AAGE,MAAA,QAAQ,EAAC,SAHX;AAIE,MAAA,aAAa,EAAC,OAJhB;AAKE,MAAA,cAAc,EAAC,OALjB;AAME,MAAA,WAAW,EAAC,GANd;AAOE,MAAA,CAAC,EAAED,OAAO,CAACD,IAAD;AAPZ,MADD;AAAA,GADH,CADF;AAeD,CA7BD;;eA+BeF,iB","sourcesContent":["import React from 'react';\nimport Skeleton, { ISkeletonProps } from '../Skeleton';\n\nexport interface LineChartSkeletonSkeletonProps extends ISkeletonProps {\n  type?: 'linear' | 'monotone';\n}\n\nconst LineChartSkeleton: React.FunctionComponent<\n  LineChartSkeletonSkeletonProps & React.SVGAttributes<SVGElement>\n> = (props) => {\n  const { type = 'linear' } = props;\n\n  const getDraw = (type) => {\n    switch (type) {\n      case 'monotone':\n        return 'M1.991 2c75.333 0 75.333 80 150.666 80S227.99 2 303.323 2c75.335 0 75.335 80 150.669 80 75.334 0 75.334-80 150.667-80 75.337 0 75.337 80 150.676 80 75.337 0 75.337-80 150.674-80';\n      default:\n        return 'M1.991 2l150.666 80L303.323 2l150.669 80L604.659 2l150.676 80L906.009 2';\n    }\n  };\n\n  return (\n    <Skeleton viewBox=\"0 0 904 90\" preserveAspectRatio=\"xMidYMid meet\" {...props}>\n      {({ gradientUrl }) => (\n        <path\n          fill=\"none\"\n          stroke={gradientUrl}\n          fillRule=\"evenodd\"\n          strokeLinecap=\"round\"\n          strokeLinejoin=\"round\"\n          strokeWidth=\"4\"\n          d={getDraw(type)}\n        />\n      )}\n    </Skeleton>\n  );\n};\n\nexport default LineChartSkeleton;\n"],"file":"Line.js"}
+{"version":3,"sources":["../../../src/Charts/Line.js"],"names":["LineChartSkeleton","props","type","getDraw","gradientUrl"],"mappings":";;;;;;;;;;;AAAA;;AACA;;AAEA,IAAMA,iBAAiB,GAAG,SAApBA,iBAAoB,CAACC,KAAD,EAAW;AAAA,oBACPA,KADO,CAC3BC,IAD2B;AAAA,MAC3BA,IAD2B,4BACpB,QADoB;;AAGnC,MAAMC,OAAO,GAAG,SAAVA,OAAU,CAACD,IAAD,EAAU;AACxB,YAAQA,IAAR;AACE,WAAK,UAAL;AACE,eAAO,mLAAP;;AACF;AACE,eAAO,yEAAP;AAJJ;AAMD,GAPD;;AASA,sBACE,gCAAC,oBAAD;AAAU,IAAA,OAAO,EAAC,YAAlB;AAA+B,IAAA,mBAAmB,EAAC;AAAnD,KAAuED,KAAvE,GACG;AAAA,QAAGG,WAAH,QAAGA,WAAH;AAAA,wBACC;AACE,MAAA,IAAI,EAAC,MADP;AAEE,MAAA,MAAM,EAAEA,WAFV;AAGE,MAAA,QAAQ,EAAC,SAHX;AAIE,MAAA,aAAa,EAAC,OAJhB;AAKE,MAAA,cAAc,EAAC,OALjB;AAME,MAAA,WAAW,EAAC,GANd;AAOE,MAAA,CAAC,EAAED,OAAO,CAACD,IAAD;AAPZ,MADD;AAAA,GADH,CADF;AAeD,CA3BD;;eA6BeF,iB","sourcesContent":["import React from 'react';\nimport Skeleton from '../Skeleton';\n\nconst LineChartSkeleton = (props) => {\n  const { type = 'linear' } = props;\n\n  const getDraw = (type) => {\n    switch (type) {\n      case 'monotone':\n        return 'M1.991 2c75.333 0 75.333 80 150.666 80S227.99 2 303.323 2c75.335 0 75.335 80 150.669 80 75.334 0 75.334-80 150.667-80 75.337 0 75.337 80 150.676 80 75.337 0 75.337-80 150.674-80';\n      default:\n        return 'M1.991 2l150.666 80L303.323 2l150.669 80L604.659 2l150.676 80L906.009 2';\n    }\n  };\n\n  return (\n    <Skeleton viewBox=\"0 0 904 90\" preserveAspectRatio=\"xMidYMid meet\" {...props}>\n      {({ gradientUrl }) => (\n        <path\n          fill=\"none\"\n          stroke={gradientUrl}\n          fillRule=\"evenodd\"\n          strokeLinecap=\"round\"\n          strokeLinejoin=\"round\"\n          strokeWidth=\"4\"\n          d={getDraw(type)}\n        />\n      )}\n    </Skeleton>\n  );\n};\n\nexport default LineChartSkeleton;\n"],"file":"Line.js"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/Charts/Pie.tsx"],"names":["PieChartSkeleton","props","gradientUrl"],"mappings":";;;;;;;;;;;AAAA;;AACA;;AAIA,IAAMA,gBAEL,GAAG,SAFEA,gBAEF,CAACC,KAAD;AAAA,sBACF,gCAAC,oBAAD;AAAU,IAAA,OAAO,EAAC,aAAlB;AAAgC,IAAA,KAAK,EAAE,GAAvC;AAA4C,IAAA,MAAM,EAAE;AAApD,KAA6DA,KAA7D,GACG;AAAA,QAAGC,WAAH,QAAGA,WAAH;AAAA,wBACC;AACE,MAAA,IAAI,EAAEA,WADR;AAEE,MAAA,QAAQ,EAAC,SAFX;AAGE,MAAA,CAAC,EAAC;AAHJ,MADD;AAAA,GADH,CADE;AAAA,CAFJ;;eAceF,gB","sourcesContent":["import React from 'react';\nimport Skeleton, { ISkeletonProps } from '../Skeleton';\n\nexport interface PieChartSkeletonProps extends ISkeletonProps {}\n\nconst PieChartSkeleton: React.FunctionComponent<\n  PieChartSkeletonProps & React.SVGAttributes<SVGElement>\n> = (props) => (\n  <Skeleton viewBox=\"0 0 180 180\" width={180} height={180} {...props}>\n    {({ gradientUrl }) => (\n      <path\n        fill={gradientUrl}\n        fillRule=\"nonzero\"\n        d=\"M87 .05V30h3V0c27.915 0 52.862 12.71 69.37 32.657l-1.324-1.324-21.189 21.188C125.862 38.792 108.957 30 90 30c-33.137 0-60 26.863-60 60s26.863 60 60 60c18.83 0 35.634-8.674 46.634-22.244l21.29 21.29C141.425 168.011 117.113 180 90 180c-49.706 0-90-40.294-90-90C0 41.298 38.683 1.632 87 .05zm72.863 146.692l-21.262-21.263-.83.83C145.444 116.229 150 103.646 150 90a59.745 59.745 0 0 0-12.95-37.236l1.904 1.903 21.133-21.133C172.543 48.975 180 68.617 180 90c0 21.511-7.547 41.26-20.137 56.742z\"\n      />\n    )}\n  </Skeleton>\n);\n\nexport default PieChartSkeleton;\n"],"file":"Pie.js"}
+{"version":3,"sources":["../../../src/Charts/Pie.js"],"names":["PieChartSkeleton","props","gradientUrl"],"mappings":";;;;;;;;;;;AAAA;;AACA;;AAEA,IAAMA,gBAAgB,GAAG,SAAnBA,gBAAmB,CAACC,KAAD;AAAA,sBACvB,gCAAC,oBAAD;AAAU,IAAA,OAAO,EAAC,aAAlB;AAAgC,IAAA,KAAK,EAAE,GAAvC;AAA4C,IAAA,MAAM,EAAE;AAApD,KAA6DA,KAA7D,GACG;AAAA,QAAGC,WAAH,QAAGA,WAAH;AAAA,wBACC;AACE,MAAA,IAAI,EAAEA,WADR;AAEE,MAAA,QAAQ,EAAC,SAFX;AAGE,MAAA,CAAC,EAAC;AAHJ,MADD;AAAA,GADH,CADuB;AAAA,CAAzB;;eAYeF,gB","sourcesContent":["import React from 'react';\nimport Skeleton from '../Skeleton';\n\nconst PieChartSkeleton = (props) => (\n  <Skeleton viewBox=\"0 0 180 180\" width={180} height={180} {...props}>\n    {({ gradientUrl }) => (\n      <path\n        fill={gradientUrl}\n        fillRule=\"nonzero\"\n        d=\"M87 .05V30h3V0c27.915 0 52.862 12.71 69.37 32.657l-1.324-1.324-21.189 21.188C125.862 38.792 108.957 30 90 30c-33.137 0-60 26.863-60 60s26.863 60 60 60c18.83 0 35.634-8.674 46.634-22.244l21.29 21.29C141.425 168.011 117.113 180 90 180c-49.706 0-90-40.294-90-90C0 41.298 38.683 1.632 87 .05zm72.863 146.692l-21.262-21.263-.83.83C145.444 116.229 150 103.646 150 90a59.745 59.745 0 0 0-12.95-37.236l1.904 1.903 21.133-21.133C172.543 48.975 180 68.617 180 90c0 21.511-7.547 41.26-20.137 56.742z\"\n      />\n    )}\n  </Skeleton>\n);\n\nexport default PieChartSkeleton;\n"],"file":"Pie.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/Venn.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/Charts/Venn.tsx"],"names":["VennChartSkeleton","props","gradientUrl"],"mappings":";;;;;;;;;;;AAAA;;AACA;;AAEA,IAAMA,iBAEL,GAAG,SAFEA,iBAEF,CAACC,KAAD;AAAA,sBACF,gCAAC,oBAAD;AACE,IAAA,OAAO,MADT;AAEE,IAAA,OAAO,EAAC,aAFV;AAGE,IAAA,KAAK,EAAE,GAHT;AAIE,IAAA,MAAM,EAAE,GAJV;AAKE,IAAA,mBAAmB,EAAC;AALtB,KAMMA,KANN,GAQG;AAAA,QAAGC,WAAH,QAAGA,WAAH;AAAA,wBACC,+EACE,wDACE;AACE,MAAA,IAAI,EAAEA,WADR;AAEE,MAAA,QAAQ,EAAC,SAFX;AAGE,MAAA,EAAE,EAAC,GAHL;AAIE,MAAA,CAAC,EAAC;AAJJ,MADF,eAOE;AACE,MAAA,IAAI,EAAC,SADP;AAEE,MAAA,MAAM,EAAC,MAFT;AAGE,MAAA,WAAW,EAAC,GAHd;AAIE,MAAA,CAAC,EAAC;AAJJ,MAPF,CADF,CADD;AAAA,GARH,CADE;AAAA,CAFJ;;eAgCeF,iB","sourcesContent":["import React from 'react';\nimport Skeleton, { ISkeletonProps } from '../Skeleton';\n\nconst VennChartSkeleton: React.FunctionComponent<\n  ISkeletonProps & React.SVGAttributes<SVGElement>\n> = (props) => (\n  <Skeleton\n    visible\n    viewBox=\"0 0 200 123\"\n    width={180}\n    height={180}\n    preserveAspectRatio=\"xMidYMid meet\"\n    {...props}\n  >\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"],"file":"Venn.js"}
+{"version":3,"sources":["../../../src/Charts/Venn.js"],"names":["VennChartSkeleton","props","gradientUrl"],"mappings":";;;;;;;;;;;AAAA;;AACA;;AAEA,IAAMA,iBAAiB,GAAG,SAApBA,iBAAoB,CAACC,KAAD;AAAA,sBACxB,gCAAC,oBAAD;AACE,IAAA,OAAO,MADT;AAEE,IAAA,OAAO,EAAC,aAFV;AAGE,IAAA,KAAK,EAAE,GAHT;AAIE,IAAA,MAAM,EAAE,GAJV;AAKE,IAAA,mBAAmB,EAAC;AALtB,KAMMA,KANN,GAQG;AAAA,QAAGC,WAAH,QAAGA,WAAH;AAAA,wBACC,+EACE,wDACE;AACE,MAAA,IAAI,EAAEA,WADR;AAEE,MAAA,QAAQ,EAAC,SAFX;AAGE,MAAA,EAAE,EAAC,GAHL;AAIE,MAAA,CAAC,EAAC;AAJJ,MADF,eAOE;AACE,MAAA,IAAI,EAAC,SADP;AAEE,MAAA,MAAM,EAAC,MAFT;AAGE,MAAA,WAAW,EAAC,GAHd;AAIE,MAAA,CAAC,EAAC;AAJJ,MAPF,CADF,CADD;AAAA,GARH,CADwB;AAAA,CAA1B;;eA8BeF,iB","sourcesContent":["import React from 'react';\nimport Skeleton from '../Skeleton';\n\nconst VennChartSkeleton = (props) => (\n  <Skeleton\n    visible\n    viewBox=\"0 0 200 123\"\n    width={180}\n    height={180}\n    preserveAspectRatio=\"xMidYMid meet\"\n    {...props}\n  >\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"],"file":"Venn.js"}

package/lib/cjs/Charts/index.js

@@ -2,19 +2,9 @@
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-var _exportNames = {
-  HistogramChartSkeleton: true,
-  PieChartSkeleton: true,
-  BarChartSkeleton: true,
-  AreaChartSkeleton: true,
-  LineChartSkeleton: true,
-  VennChartSkeleton: true
-};
 Object.defineProperty(exports, "HistogramChartSkeleton", {
   enumerable: true,
   get: function get() {
@@ -51,76 +41,32 @@ Object.defineProperty(exports, "VennChartSkeleton", {
     return _Venn["default"];
   }
 });
-
-var _Histogram = _interopRequireWildcard(require("./Histogram"));
-
-Object.keys(_Histogram).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _Histogram[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _Histogram[key];
-    }
-  });
+Object.defineProperty(exports, "ScatterPlotChartSkeleton", {
+  enumerable: true,
+  get: function get() {
+    return _ScatterPlot["default"];
+  }
 });
-
-var _Pie = _interopRequireWildcard(require("./Pie"));
-
-Object.keys(_Pie).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _Pie[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _Pie[key];
-    }
-  });
+Object.defineProperty(exports, "BubbleChartSkeleton", {
+  enumerable: true,
+  get: function get() {
+    return _Bubble["default"];
+  }
 });
 
-var _Bar = _interopRequireWildcard(require("./Bar"));
-
-Object.keys(_Bar).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _Bar[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _Bar[key];
-    }
-  });
-});
+var _Histogram = _interopRequireDefault(require("./Histogram"));
 
-var _Area = _interopRequireWildcard(require("./Area"));
+var _Pie = _interopRequireDefault(require("./Pie"));
 
-Object.keys(_Area).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _Area[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _Area[key];
-    }
-  });
-});
+var _Bar = _interopRequireDefault(require("./Bar"));
 
-var _Line = _interopRequireWildcard(require("./Line"));
+var _Area = _interopRequireDefault(require("./Area"));
 
-Object.keys(_Line).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _Line[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _Line[key];
-    }
-  });
-});
+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.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AAOA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AANA;;AAOA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AANA;;AAOA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AANA;;AAOA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AANA;;AAOA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AANA","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\nexport * from './Histogram';\nexport * from './Pie';\nexport * from './Bar';\nexport * from './Area';\nexport * from './Line';\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

@@ -31,8 +31,6 @@ var _react = _interopRequireDefault(require("react"));
 
 var _flexBox = require("@semcore/flex-box");
 
-var _logger = _interopRequireDefault(require("@semcore/utils/lib/logger"));
-
 var _uniqueID = _interopRequireDefault(require("@semcore/utils/lib/uniqueID"));
 
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
@@ -96,20 +94,13 @@ var Skeleton = /*#__PURE__*/function (_Component) {
           duration = _this$asProps.duration,
           speed = _this$asProps.speed,
           hidden = _this$asProps.hidden,
-          visible = _this$asProps.visible,
           uid = _this$asProps.uid,
-          other = (0, _objectWithoutProperties2["default"])(_this$asProps, ["Children", "styles", "duration", "speed", "hidden", "visible", "uid"]);
-
-      _logger["default"].warn(visible !== undefined, "'visible' property is deprecated, use 'hidden'", other['data-ui-name'] || Skeleton.displayName);
-
-      _logger["default"].warn(speed !== undefined, "'speed' property is deprecated, use 'duration'", other['data-ui-name'] || Skeleton.displayName);
-
-      if (visible === false) return null;
+          other = (0, _objectWithoutProperties2["default"])(_this$asProps, ["Children", "styles", "duration", "speed", "hidden", "uid"]);
       if (hidden) return null;
       return _ref2 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SSkeleton, _ref2.cn("SSkeleton", _objectSpread({}, (0, _core.assignProps)({
         "tag": "svg",
         "preserveAspectRatio": "none",
-        "durationAnim": "".concat(duration || speed, "ms")
+        "durationAnim": "".concat(duration, "ms")
       }, _ref))), /*#__PURE__*/_react["default"].createElement("defs", _ref2.cn("defs", {}), /*#__PURE__*/_react["default"].createElement("mask", _ref2.cn("mask", {
         "id": uid
       }), /*#__PURE__*/_react["default"].createElement(Children, _ref2.cn("Children", {})))), /*#__PURE__*/_react["default"].createElement("rect", _ref2.cn("rect", {
@@ -128,7 +119,7 @@ var Skeleton = /*#__PURE__*/function (_Component) {
 (0, _defineProperty2["default"])(Skeleton, "style", style);
 (0, _defineProperty2["default"])(Skeleton, "defaultProps", {
   width: '100%',
-  height: 100,
+  height: '100%',
   theme: 'invert',
   duration: 2000
 });

package/lib/cjs/Skeleton.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/Skeleton.tsx"],"names":["MAP_COLOR_THEME","dark","invert","Skeleton","theme","asProps","gradientUrl","SSkeleton","Box","Children","styles","duration","speed","hidden","visible","uid","other","logger","warn","undefined","displayName","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, IFunctionProps, Merge, sstyled, Root } from '@semcore/core';\nimport { Box, IBoxProps } from '@semcore/flex-box';\nimport logger from '@semcore/utils/lib/logger';\nimport uniqueIDEnhancement, { IUniqueIDProps } from '@semcore/utils/lib/uniqueID';\n\nimport style from './style/skeleton.shadow.css';\n\nexport interface ISkeletonTextProps extends IBoxProps {\n  /**\n   * Number of items to be returned\n   * @default 1\n   */\n  amount?: string | number;\n}\n\nexport interface ISkeletonProps extends IBoxProps, IUniqueIDProps {\n  /**\n   *  Skeleton visibility control property\n   */\n  hidden?: boolean;\n  /**\n   * Animation speed in ms\n   * @default 2000\n   */\n  duration?: string | number;\n  /**\n   * Skeleton theme\n   * @default invert\n   */\n  theme?: 'dark' | 'invert';\n  /** Skeleton visibility control property\n   * @deprecated v2.0.0 {@link ISkeletonProps.hidden}\n   * */\n  visible?: boolean;\n  /** Animation speed in ms\n   * @deprecated v2.0.0 {@link ISkeletonProps.duration}\n   * */\n  speed?: string | number;\n}\n\nconst MAP_COLOR_THEME = {\n  dark: 'rgba(255,255,255,0.5)',\n  invert: '#edeff0',\n};\n\nexport interface ISkeletonCtx {\n  gradientUrl: 'string';\n}\n\nclass Skeleton extends Component<ISkeletonProps> {\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, visible, uid, ...other } = this.asProps;\n\n    logger.warn(\n      visible !== undefined,\n      \"'visible' property is deprecated, use 'hidden'\",\n      other['data-ui-name'] || Skeleton.displayName,\n    );\n\n    logger.warn(\n      speed !== undefined,\n      \"'speed' property is deprecated, use 'duration'\",\n      other['data-ui-name'] || Skeleton.displayName,\n    );\n\n    if (visible === false) return null;\n    if (hidden) return null;\n\n    return sstyled(styles)(\n      <SSkeleton\n        render={Box}\n        tag=\"svg\"\n        preserveAspectRatio=\"none\"\n        durationAnim={`${duration || speed}ms`}\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: IFunctionProps<ISkeletonTextProps, ISkeletonCtx>) {\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<\n  Merge<ISkeletonProps, React.SVGAttributes<SVGElement>>,\n  {\n    Text: Merge<ISkeletonTextProps, React.SVGAttributes<any>>;\n  },\n  ISkeletonCtx\n>(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":"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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/cjs/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;AAAA;;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAEA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA","sourcesContent":["export { default } from './Skeleton';\nexport * from './Skeleton';\n\nexport * from './Charts';\n"],"file":"index.js"}
+{"version":3,"sources":["../../src/index.js"],"names":[],"mappings":";;;;;;;;;;;;;;;AAAA;;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAEA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA","sourcesContent":["export { default } from './Skeleton';\nexport * from './Skeleton';\n\nexport * from './Charts';\n"],"file":"index.js"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/Charts/Area.tsx"],"names":["React","Skeleton","AreaChartSkeleton","props","type","getDraw","drawLine","drawFill","gradientUrl"],"mappings":";;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,QAAP,MAAyC,aAAzC;;AAMA,IAAMC,iBAEL,GAAG,SAFEA,iBAEF,CAACC,KAAD,EAAW;AAAA,oBACeA,KADf,CACLC,IADK;AAAA,MACLA,IADK,4BACE,QADF;;AAEb,MAAMC,OAAO,GAAG,SAAVA,OAAU,CAACD,IAAD,EAAU;AACxB,YAAQA,IAAR;AACE,WAAK,UAAL;AACE,eAAO,CACL,4GACE,8EAFG,EAGL,4KAHK,CAAP;;AAKF;AACE,eAAO,CACL,wEADK,EAEL,iEAFK,CAAP;AARJ;AAaD,GAdD;;AAFa,iBAkBgBC,OAAO,CAACD,IAAD,CAlBvB;AAAA;AAAA,MAkBNE,QAlBM;AAAA,MAkBIC,QAlBJ;;AAmBb,sBACE,oBAAC,QAAD;AAAU,IAAA,OAAO,EAAC,aAAlB;AAAgC,IAAA,mBAAmB,EAAC;AAApD,KAAwEJ,KAAxE,GACG;AAAA,QAAGK,WAAH,QAAGA,WAAH;AAAA,wBACC;AAAG,MAAA,IAAI,EAAC,MAAR;AAAe,MAAA,QAAQ,EAAC;AAAxB,oBACE;AAAM,MAAA,IAAI,EAAEA,WAAZ;AAAyB,MAAA,WAAW,EAAC,IAArC;AAA0C,MAAA,CAAC,EAAEF;AAA7C,MADF,eAEE;AACE,MAAA,MAAM,EAAEE,WADV;AAEE,MAAA,aAAa,EAAC,OAFhB;AAGE,MAAA,cAAc,EAAC,OAHjB;AAIE,MAAA,WAAW,EAAC,GAJd;AAKE,MAAA,CAAC,EAAED;AALL,MAFF,CADD;AAAA,GADH,CADF;AAgBD,CArCD;;AAuCA,eAAeL,iBAAf","sourcesContent":["import React from 'react';\nimport Skeleton, { ISkeletonProps } from '../Skeleton';\n\nexport interface AreaChartSkeletonProps extends ISkeletonProps {\n  type?: 'linear' | 'monotone';\n}\n\nconst AreaChartSkeleton: React.FunctionComponent<\n  AreaChartSkeletonProps & React.SVGAttributes<SVGElement>\n> = (props) => {\n  const { type = 'linear' } = props;\n  const getDraw = (type) => {\n    switch (type) {\n      case 'monotone':\n        return [\n          'M2 2c75.665 0 75.665 80 151.329 80 75.665 0 75.665-80 151.33-80 75.667 0 75.667 80 151.333 80S531.658 2' +\n            ' 607.323 2c75.669 0 75.669 80 151.339 80C834.331 82 834.331 2 910 2v164H2V2z',\n          'M2 2c75.665 0 75.665 80 151.329 80 75.665 0 75.665-80 151.33-80 75.667 0 75.667 80 151.333 80S531.658 2 607.323 2c75.669 0 75.669 80 151.339 80C834.331 82 834.331 2 910 2',\n        ];\n      default:\n        return [\n          'M2 2l151.329 80 151.33-80 151.333 80L607.323 2l151.339 80L910 2v164H2z',\n          'M2 2l151.329 80 151.33-80 151.333 80L607.323 2l151.339 80L910 2',\n        ];\n    }\n  };\n\n  const [drawLine, drawFill] = getDraw(type);\n  return (\n    <Skeleton viewBox=\"0 0 908 166\" preserveAspectRatio=\"xMidYMid meet\" {...props}>\n      {({ gradientUrl }) => (\n        <g fill=\"none\" fillRule=\"nonzero\">\n          <path fill={gradientUrl} fillOpacity=\".4\" d={drawLine} />\n          <path\n            stroke={gradientUrl}\n            strokeLinecap=\"round\"\n            strokeLinejoin=\"round\"\n            strokeWidth=\"4\"\n            d={drawFill}\n          />\n        </g>\n      )}\n    </Skeleton>\n  );\n};\n\nexport default AreaChartSkeleton;\n"],"file":"Area.js"}
+{"version":3,"sources":["../../../src/Charts/Area.js"],"names":["React","Skeleton","AreaChartSkeleton","props","type","getDraw","drawLine","drawFill","gradientUrl"],"mappings":";;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,QAAP,MAAqB,aAArB;;AAEA,IAAMC,iBAAiB,GAAG,SAApBA,iBAAoB,CAACC,KAAD,EAAW;AAAA,oBACPA,KADO,CAC3BC,IAD2B;AAAA,MAC3BA,IAD2B,4BACpB,QADoB;;AAEnC,MAAMC,OAAO,GAAG,SAAVA,OAAU,CAACD,IAAD,EAAU;AACxB,YAAQA,IAAR;AACE,WAAK,UAAL;AACE,eAAO,CACL,4GACE,8EAFG,EAGL,4KAHK,CAAP;;AAKF;AACE,eAAO,CACL,wEADK,EAEL,iEAFK,CAAP;AARJ;AAaD,GAdD;;AAFmC,iBAkBNC,OAAO,CAACD,IAAD,CAlBD;AAAA;AAAA,MAkB5BE,QAlB4B;AAAA,MAkBlBC,QAlBkB;;AAmBnC,sBACE,oBAAC,QAAD;AAAU,IAAA,OAAO,EAAC,aAAlB;AAAgC,IAAA,mBAAmB,EAAC;AAApD,KAAwEJ,KAAxE,GACG;AAAA,QAAGK,WAAH,QAAGA,WAAH;AAAA,wBACC;AAAG,MAAA,IAAI,EAAC,MAAR;AAAe,MAAA,QAAQ,EAAC;AAAxB,oBACE;AAAM,MAAA,IAAI,EAAEA,WAAZ;AAAyB,MAAA,WAAW,EAAC,IAArC;AAA0C,MAAA,CAAC,EAAEF;AAA7C,MADF,eAEE;AACE,MAAA,MAAM,EAAEE,WADV;AAEE,MAAA,aAAa,EAAC,OAFhB;AAGE,MAAA,cAAc,EAAC,OAHjB;AAIE,MAAA,WAAW,EAAC,GAJd;AAKE,MAAA,CAAC,EAAED;AALL,MAFF,CADD;AAAA,GADH,CADF;AAgBD,CAnCD;;AAqCA,eAAeL,iBAAf","sourcesContent":["import React from 'react';\nimport Skeleton from '../Skeleton';\n\nconst AreaChartSkeleton = (props) => {\n  const { type = 'linear' } = props;\n  const getDraw = (type) => {\n    switch (type) {\n      case 'monotone':\n        return [\n          'M2 2c75.665 0 75.665 80 151.329 80 75.665 0 75.665-80 151.33-80 75.667 0 75.667 80 151.333 80S531.658 2' +\n            ' 607.323 2c75.669 0 75.669 80 151.339 80C834.331 82 834.331 2 910 2v164H2V2z',\n          'M2 2c75.665 0 75.665 80 151.329 80 75.665 0 75.665-80 151.33-80 75.667 0 75.667 80 151.333 80S531.658 2 607.323 2c75.669 0 75.669 80 151.339 80C834.331 82 834.331 2 910 2',\n        ];\n      default:\n        return [\n          'M2 2l151.329 80 151.33-80 151.333 80L607.323 2l151.339 80L910 2v164H2z',\n          'M2 2l151.329 80 151.33-80 151.333 80L607.323 2l151.339 80L910 2',\n        ];\n    }\n  };\n\n  const [drawLine, drawFill] = getDraw(type);\n  return (\n    <Skeleton viewBox=\"0 0 908 166\" preserveAspectRatio=\"xMidYMid meet\" {...props}>\n      {({ gradientUrl }) => (\n        <g fill=\"none\" fillRule=\"nonzero\">\n          <path fill={gradientUrl} fillOpacity=\".4\" d={drawLine} />\n          <path\n            stroke={gradientUrl}\n            strokeLinecap=\"round\"\n            strokeLinejoin=\"round\"\n            strokeWidth=\"4\"\n            d={drawFill}\n          />\n        </g>\n      )}\n    </Skeleton>\n  );\n};\n\nexport default AreaChartSkeleton;\n"],"file":"Area.js"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/Charts/Bar.tsx"],"names":["React","Skeleton","BarChartSkeleton","props","layout","gradientUrl"],"mappings":";AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,QAAP,MAAyC,aAAzC;;AAMA,IAAMC,gBAEL,GAAG,SAFEA,gBAEF,CAACC,KAAD,EAAW;AAAA,sBACqBA,KADrB,CACLC,MADK;AAAA,MACLA,MADK,8BACI,YADJ;AAGb,sBACE,oBAAC,QAAD;AAAU,IAAA,OAAO,EAAC,aAAlB;AAAgC,IAAA,mBAAmB,EAAC;AAApD,KAAwED,KAAxE,GACG,gBAAqB;AAAA,QAAlBE,WAAkB,QAAlBA,WAAkB;;AACpB,QAAID,MAAM,KAAK,UAAf,EAA2B;AACzB,0BACE;AAAG,QAAA,IAAI,EAAEC;AAAT,sBACE;AAAM,QAAA,KAAK,EAAC,KAAZ;AAAkB,QAAA,MAAM,EAAC,IAAzB;AAA8B,QAAA,CAAC,EAAC,KAAhC;AAAsC,QAAA,EAAE,EAAC;AAAzC,QADF,eAEE;AAAM,QAAA,KAAK,EAAC,KAAZ;AAAkB,QAAA,MAAM,EAAC,IAAzB;AAA8B,QAAA,EAAE,EAAC;AAAjC,QAFF,eAGE;AAAM,QAAA,KAAK,EAAC,KAAZ;AAAkB,QAAA,MAAM,EAAC,IAAzB;AAA8B,QAAA,CAAC,EAAC,IAAhC;AAAqC,QAAA,EAAE,EAAC;AAAxC,QAHF,eAIE;AAAM,QAAA,KAAK,EAAC,KAAZ;AAAkB,QAAA,MAAM,EAAC,IAAzB;AAA8B,QAAA,CAAC,EAAC,IAAhC;AAAqC,QAAA,EAAE,EAAC;AAAxC,QAJF,eAKE;AAAM,QAAA,KAAK,EAAC,KAAZ;AAAkB,QAAA,MAAM,EAAC,IAAzB;AAA8B,QAAA,CAAC,EAAC,IAAhC;AAAqC,QAAA,EAAE,EAAC;AAAxC,QALF,eAME;AACE,QAAA,QAAQ,EAAC,SADX;AAEE,QAAA,CAAC,EAAC;AAFJ,QANF,CADF;AAaD;;AAED,wBACE;AACE,MAAA,IAAI,EAAEA,WADR;AAEE,MAAA,QAAQ,EAAC,SAFX;AAGE,MAAA,CAAC,EAAC;AAHJ,MADF;AAOD,GAzBH,CADF;AA6BD,CAlCD;;AAoCA,eAAeH,gBAAf","sourcesContent":["import React from 'react';\nimport Skeleton, { ISkeletonProps } from '../Skeleton';\n\nexport interface BarChartSkeletonProps extends ISkeletonProps {\n  layout?: 'horizontal' | 'vertical';\n}\n\nconst BarChartSkeleton: React.FunctionComponent<\n  BarChartSkeletonProps & React.SVGAttributes<SVGElement>\n> = (props) => {\n  const { layout = 'horizontal' } = props;\n\n  return (\n    <Skeleton viewBox=\"0 0 908 166\" preserveAspectRatio=\"xMidYMid meet\" {...props}>\n      {({ gradientUrl }) => {\n        if (layout === 'vertical') {\n          return (\n            <g fill={gradientUrl}>\n              <rect width=\"252\" height=\"15\" y=\"124\" rx=\"4\" />\n              <rect width=\"360\" height=\"15\" rx=\"4\" />\n              <rect width=\"306\" height=\"15\" y=\"93\" rx=\"4\" />\n              <rect width=\"252\" height=\"15\" y=\"31\" rx=\"4\" />\n              <rect width=\"144\" height=\"15\" y=\"62\" rx=\"4\" />\n              <path\n                fillRule=\"nonzero\"\n                d=\"M18 62h112.5c9.941 0 18 1.79 18 4v7c0 2.21-8.059 4-18 4H18c-9.941 0-18-1.79-18-4v-7c0-2.21 8.059-4 18-4zm0-31h216c9.941 0 18 1.79 18 4v7c0 2.21-8.059 4-18 4H18c-9.941 0-18-1.79-18-4v-7c0-2.21 8.059-4 18-4zm0 62h270c9.941 0 18 1.79 18 4v7c0 2.21-8.059 4-18 4H18c-9.941 0-18-1.79-18-4v-7c0-2.21 8.059-4 18-4zm0-93h324c9.941 0 18 1.79 18 4v7c0 2.21-8.059 4-18 4H18c-9.941 0-18-1.79-18-4V4c0-2.21 8.059-4 18-4zm0 124h216c9.941 0 18 1.79 18 4v7c0 2.21-8.059 4-18 4H18c-9.941 0-18-1.79-18-4v-7c0-2.21 8.059-4 18-4z\"\n              />\n            </g>\n          );\n        }\n\n        return (\n          <path\n            fill={gradientUrl}\n            fillRule=\"nonzero\"\n            d=\"M4 0h7a4 4 0 0 1 4 4v76H0V4a4 4 0 0 1 4-4zm78 48h7a4 4 0 0 1 4 4v28H78V52a4 4 0 0 1 4-4zm39 0h7a4 4 0 0 1 4 4v28h-15V52a4 4 0 0 1 4-4zm39 0h7a4 4 0 0 1 4 4v28h-15V52a4 4 0 0 1 4-4zM43 16h7a4 4 0 0 1 4 4v60H39V20a4 4 0 0 1 4-4zm156 0h7a4 4 0 0 1 4 4v60h-15V20a4 4 0 0 1 4-4zm39-16h7a4 4 0 0 1 4 4v76h-15V4a4 4 0 0 1 4-4zm78 48h7a4 4 0 0 1 4 4v28h-15V52a4 4 0 0 1 4-4zm39 0h7a4 4 0 0 1 4 4v28h-15V52a4 4 0 0 1 4-4zm39 0h7a4 4 0 0 1 4 4v28h-15V52a4 4 0 0 1 4-4zM277 16h7a4 4 0 0 1 4 4v60h-15V20a4 4 0 0 1 4-4zm156 0h7a4 4 0 0 1 4 4v60h-15V20a4 4 0 0 1 4-4zM706 0h7a4 4 0 0 1 4 4v76h-15V4a4 4 0 0 1 4-4zm78 48h7a4 4 0 0 1 4 4v28h-15V52a4 4 0 0 1 4-4zm39 0h7a4 4 0 0 1 4 4v28h-15V52a4 4 0 0 1 4-4zm39 0h7a4 4 0 0 1 4 4v28h-15V52a4 4 0 0 1 4-4zM745 16h7a4 4 0 0 1 4 4v60h-15V20a4 4 0 0 1 4-4zm156 0h7a4 4 0 0 1 4 4v60h-15V20a4 4 0 0 1 4-4zM472 0h7a4 4 0 0 1 4 4v76h-15V4a4 4 0 0 1 4-4zm78 48h7a4 4 0 0 1 4 4v28h-15V52a4 4 0 0 1 4-4zm39 0h7a4 4 0 0 1 4 4v28h-15V52a4 4 0 0 1 4-4zm39 0h7a4 4 0 0 1 4 4v28h-15V52a4 4 0 0 1 4-4zM511 16h7a4 4 0 0 1 4 4v60h-15V20a4 4 0 0 1 4-4zm156 0h7a4 4 0 0 1 4 4v60h-15V20a4 4 0 0 1 4-4z\"\n          />\n        );\n      }}\n    </Skeleton>\n  );\n};\n\nexport default BarChartSkeleton;\n"],"file":"Bar.js"}
+{"version":3,"sources":["../../../src/Charts/Bar.js"],"names":["React","Skeleton","BarChartSkeleton","props","layout","gradientUrl"],"mappings":";AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,QAAP,MAAqB,aAArB;;AAEA,IAAMC,gBAAgB,GAAG,SAAnBA,gBAAmB,CAACC,KAAD,EAAW;AAAA,sBACAA,KADA,CAC1BC,MAD0B;AAAA,MAC1BA,MAD0B,8BACjB,YADiB;AAGlC,sBACE,oBAAC,QAAD;AAAU,IAAA,OAAO,EAAC,aAAlB;AAAgC,IAAA,mBAAmB,EAAC;AAApD,KAAwED,KAAxE,GACG,gBAAqB;AAAA,QAAlBE,WAAkB,QAAlBA,WAAkB;;AACpB,QAAID,MAAM,KAAK,UAAf,EAA2B;AACzB,0BACE;AAAG,QAAA,IAAI,EAAEC;AAAT,sBACE;AAAM,QAAA,KAAK,EAAC,KAAZ;AAAkB,QAAA,MAAM,EAAC,IAAzB;AAA8B,QAAA,CAAC,EAAC,KAAhC;AAAsC,QAAA,EAAE,EAAC;AAAzC,QADF,eAEE;AAAM,QAAA,KAAK,EAAC,KAAZ;AAAkB,QAAA,MAAM,EAAC,IAAzB;AAA8B,QAAA,EAAE,EAAC;AAAjC,QAFF,eAGE;AAAM,QAAA,KAAK,EAAC,KAAZ;AAAkB,QAAA,MAAM,EAAC,IAAzB;AAA8B,QAAA,CAAC,EAAC,IAAhC;AAAqC,QAAA,EAAE,EAAC;AAAxC,QAHF,eAIE;AAAM,QAAA,KAAK,EAAC,KAAZ;AAAkB,QAAA,MAAM,EAAC,IAAzB;AAA8B,QAAA,CAAC,EAAC,IAAhC;AAAqC,QAAA,EAAE,EAAC;AAAxC,QAJF,eAKE;AAAM,QAAA,KAAK,EAAC,KAAZ;AAAkB,QAAA,MAAM,EAAC,IAAzB;AAA8B,QAAA,CAAC,EAAC,IAAhC;AAAqC,QAAA,EAAE,EAAC;AAAxC,QALF,eAME;AACE,QAAA,QAAQ,EAAC,SADX;AAEE,QAAA,CAAC,EAAC;AAFJ,QANF,CADF;AAaD;;AAED,wBACE;AACE,MAAA,IAAI,EAAEA,WADR;AAEE,MAAA,QAAQ,EAAC,SAFX;AAGE,MAAA,CAAC,EAAC;AAHJ,MADF;AAOD,GAzBH,CADF;AA6BD,CAhCD;;AAkCA,eAAeH,gBAAf","sourcesContent":["import React from 'react';\nimport Skeleton from '../Skeleton';\n\nconst BarChartSkeleton = (props) => {\n  const { layout = 'horizontal' } = props;\n\n  return (\n    <Skeleton viewBox=\"0 0 908 166\" preserveAspectRatio=\"xMidYMid meet\" {...props}>\n      {({ gradientUrl }) => {\n        if (layout === 'vertical') {\n          return (\n            <g fill={gradientUrl}>\n              <rect width=\"252\" height=\"15\" y=\"124\" rx=\"4\" />\n              <rect width=\"360\" height=\"15\" rx=\"4\" />\n              <rect width=\"306\" height=\"15\" y=\"93\" rx=\"4\" />\n              <rect width=\"252\" height=\"15\" y=\"31\" rx=\"4\" />\n              <rect width=\"144\" height=\"15\" y=\"62\" rx=\"4\" />\n              <path\n                fillRule=\"nonzero\"\n                d=\"M18 62h112.5c9.941 0 18 1.79 18 4v7c0 2.21-8.059 4-18 4H18c-9.941 0-18-1.79-18-4v-7c0-2.21 8.059-4 18-4zm0-31h216c9.941 0 18 1.79 18 4v7c0 2.21-8.059 4-18 4H18c-9.941 0-18-1.79-18-4v-7c0-2.21 8.059-4 18-4zm0 62h270c9.941 0 18 1.79 18 4v7c0 2.21-8.059 4-18 4H18c-9.941 0-18-1.79-18-4v-7c0-2.21 8.059-4 18-4zm0-93h324c9.941 0 18 1.79 18 4v7c0 2.21-8.059 4-18 4H18c-9.941 0-18-1.79-18-4V4c0-2.21 8.059-4 18-4zm0 124h216c9.941 0 18 1.79 18 4v7c0 2.21-8.059 4-18 4H18c-9.941 0-18-1.79-18-4v-7c0-2.21 8.059-4 18-4z\"\n              />\n            </g>\n          );\n        }\n\n        return (\n          <path\n            fill={gradientUrl}\n            fillRule=\"nonzero\"\n            d=\"M4 0h7a4 4 0 0 1 4 4v76H0V4a4 4 0 0 1 4-4zm78 48h7a4 4 0 0 1 4 4v28H78V52a4 4 0 0 1 4-4zm39 0h7a4 4 0 0 1 4 4v28h-15V52a4 4 0 0 1 4-4zm39 0h7a4 4 0 0 1 4 4v28h-15V52a4 4 0 0 1 4-4zM43 16h7a4 4 0 0 1 4 4v60H39V20a4 4 0 0 1 4-4zm156 0h7a4 4 0 0 1 4 4v60h-15V20a4 4 0 0 1 4-4zm39-16h7a4 4 0 0 1 4 4v76h-15V4a4 4 0 0 1 4-4zm78 48h7a4 4 0 0 1 4 4v28h-15V52a4 4 0 0 1 4-4zm39 0h7a4 4 0 0 1 4 4v28h-15V52a4 4 0 0 1 4-4zm39 0h7a4 4 0 0 1 4 4v28h-15V52a4 4 0 0 1 4-4zM277 16h7a4 4 0 0 1 4 4v60h-15V20a4 4 0 0 1 4-4zm156 0h7a4 4 0 0 1 4 4v60h-15V20a4 4 0 0 1 4-4zM706 0h7a4 4 0 0 1 4 4v76h-15V4a4 4 0 0 1 4-4zm78 48h7a4 4 0 0 1 4 4v28h-15V52a4 4 0 0 1 4-4zm39 0h7a4 4 0 0 1 4 4v28h-15V52a4 4 0 0 1 4-4zm39 0h7a4 4 0 0 1 4 4v28h-15V52a4 4 0 0 1 4-4zM745 16h7a4 4 0 0 1 4 4v60h-15V20a4 4 0 0 1 4-4zm156 0h7a4 4 0 0 1 4 4v60h-15V20a4 4 0 0 1 4-4zM472 0h7a4 4 0 0 1 4 4v76h-15V4a4 4 0 0 1 4-4zm78 48h7a4 4 0 0 1 4 4v28h-15V52a4 4 0 0 1 4-4zm39 0h7a4 4 0 0 1 4 4v28h-15V52a4 4 0 0 1 4-4zm39 0h7a4 4 0 0 1 4 4v28h-15V52a4 4 0 0 1 4-4zM511 16h7a4 4 0 0 1 4 4v60h-15V20a4 4 0 0 1 4-4zm156 0h7a4 4 0 0 1 4 4v60h-15V20a4 4 0 0 1 4-4z\"\n          />\n        );\n      }}\n    </Skeleton>\n  );\n};\n\nexport default BarChartSkeleton;\n"],"file":"Bar.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/Histogram.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/Charts/Histogram.tsx"],"names":["React","Skeleton","HistogramChartSkeleton","props","layout","gradientUrl"],"mappings":";AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,QAAP,MAAyC,aAAzC;;AAMA,IAAMC,sBAEL,GAAG,SAFEA,sBAEF,CAACC,KAAD,EAAW;AAAA,sBACqBA,KADrB,CACLC,MADK;AAAA,MACLA,MADK,8BACI,YADJ;AAGb,sBACE,oBAAC,QAAD;AAAU,IAAA,OAAO,EAAC,aAAlB;AAAgC,IAAA,mBAAmB,EAAC;AAApD,KAAwED,KAAxE,GACG,gBAAqB;AAAA,QAAlBE,WAAkB,QAAlBA,WAAkB;;AACpB,QAAID,MAAM,KAAK,UAAf,EAA2B;AACzB,0BACE;AAAG,QAAA,IAAI,EAAEC;AAAT,sBACE;AAAM,QAAA,KAAK,EAAC,KAAZ;AAAkB,QAAA,MAAM,EAAC,IAAzB;AAA8B,QAAA,CAAC,EAAC,KAAhC;AAAsC,QAAA,EAAE,EAAC;AAAzC,QADF,eAEE;AAAM,QAAA,KAAK,EAAC,KAAZ;AAAkB,QAAA,MAAM,EAAC,IAAzB;AAA8B,QAAA,EAAE,EAAC;AAAjC,QAFF,eAGE;AAAM,QAAA,KAAK,EAAC,KAAZ;AAAkB,QAAA,MAAM,EAAC,IAAzB;AAA8B,QAAA,CAAC,EAAC,IAAhC;AAAqC,QAAA,EAAE,EAAC;AAAxC,QAHF,eAIE;AAAM,QAAA,KAAK,EAAC,KAAZ;AAAkB,QAAA,MAAM,EAAC,IAAzB;AAA8B,QAAA,CAAC,EAAC,IAAhC;AAAqC,QAAA,EAAE,EAAC;AAAxC,QAJF,eAKE;AACE,QAAA,QAAQ,EAAC,SADX;AAEE,QAAA,CAAC,EAAC;AAFJ,QALF,CADF;AAYD;;AAED,wBACE;AACE,MAAA,IAAI,EAAEA,WADR;AAEE,MAAA,QAAQ,EAAC,SAFX;AAGE,MAAA,CAAC,EAAC;AAHJ,MADF;AAOD,GAxBH,CADF;AA4BD,CAjCD;;AAmCA,eAAeH,sBAAf","sourcesContent":["import React from 'react';\nimport Skeleton, { ISkeletonProps } from '../Skeleton';\n\nexport interface HistogramChartSkeletonProps extends ISkeletonProps {\n  layout?: 'horizontal' | 'vertical';\n}\n\nconst HistogramChartSkeleton: React.FunctionComponent<\n  HistogramChartSkeletonProps & React.SVGAttributes<SVGElement>\n> = (props) => {\n  const { layout = 'horizontal' } = props;\n\n  return (\n    <Skeleton viewBox=\"0 0 908 166\" preserveAspectRatio=\"xMidYMid meet\" {...props}>\n      {({ gradientUrl }) => {\n        if (layout === 'vertical') {\n          return (\n            <g fill={gradientUrl}>\n              <rect width=\"252\" height=\"24\" y=\"112\" rx=\"4\" />\n              <rect width=\"360\" height=\"24\" rx=\"4\" />\n              <rect width=\"306\" height=\"24\" y=\"84\" rx=\"4\" />\n              <rect width=\"140\" height=\"24\" y=\"56\" rx=\"4\" />\n              <path\n                fillRule=\"nonzero\"\n                d=\"M4 28h235a4 4 0 0 1 4 4v16a4 4 0 0 1-4 4H4a4 4 0 0 1-4-4V32a4 4 0 0 1 4-4z\"\n              />\n            </g>\n          );\n        }\n\n        return (\n          <path\n            fill={gradientUrl}\n            fillRule=\"nonzero\"\n            d=\"M0 0h110.9v80H0zM228.802 48h109.9v32h-109.9zM342.702 30h108.901v50h-108.9zM114.9 16h109.902v64H114.9z M454 0h109.9v80H454zM681.802 48h109.9v32h-109.9zM795.702 30h108.901v50h-108.9zM567.9 16h109.902v64H567.9z\"\n          />\n        );\n      }}\n    </Skeleton>\n  );\n};\n\nexport default HistogramChartSkeleton;\n"],"file":"Histogram.js"}
+{"version":3,"sources":["../../../src/Charts/Histogram.js"],"names":["React","Skeleton","HistogramChartSkeleton","props","layout","gradientUrl"],"mappings":";AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,QAAP,MAAqB,aAArB;;AAEA,IAAMC,sBAAsB,GAAG,SAAzBA,sBAAyB,CAACC,KAAD,EAAW;AAAA,sBACNA,KADM,CAChCC,MADgC;AAAA,MAChCA,MADgC,8BACvB,YADuB;AAGxC,sBACE,oBAAC,QAAD;AAAU,IAAA,OAAO,EAAC,aAAlB;AAAgC,IAAA,mBAAmB,EAAC;AAApD,KAAwED,KAAxE,GACG,gBAAqB;AAAA,QAAlBE,WAAkB,QAAlBA,WAAkB;;AACpB,QAAID,MAAM,KAAK,UAAf,EAA2B;AACzB,0BACE;AAAG,QAAA,IAAI,EAAEC;AAAT,sBACE;AAAM,QAAA,KAAK,EAAC,KAAZ;AAAkB,QAAA,MAAM,EAAC,IAAzB;AAA8B,QAAA,CAAC,EAAC,KAAhC;AAAsC,QAAA,EAAE,EAAC;AAAzC,QADF,eAEE;AAAM,QAAA,KAAK,EAAC,KAAZ;AAAkB,QAAA,MAAM,EAAC,IAAzB;AAA8B,QAAA,EAAE,EAAC;AAAjC,QAFF,eAGE;AAAM,QAAA,KAAK,EAAC,KAAZ;AAAkB,QAAA,MAAM,EAAC,IAAzB;AAA8B,QAAA,CAAC,EAAC,IAAhC;AAAqC,QAAA,EAAE,EAAC;AAAxC,QAHF,eAIE;AAAM,QAAA,KAAK,EAAC,KAAZ;AAAkB,QAAA,MAAM,EAAC,IAAzB;AAA8B,QAAA,CAAC,EAAC,IAAhC;AAAqC,QAAA,EAAE,EAAC;AAAxC,QAJF,eAKE;AACE,QAAA,QAAQ,EAAC,SADX;AAEE,QAAA,CAAC,EAAC;AAFJ,QALF,CADF;AAYD;;AAED,wBACE;AACE,MAAA,IAAI,EAAEA,WADR;AAEE,MAAA,QAAQ,EAAC,SAFX;AAGE,MAAA,CAAC,EAAC;AAHJ,MADF;AAOD,GAxBH,CADF;AA4BD,CA/BD;;AAiCA,eAAeH,sBAAf","sourcesContent":["import React from 'react';\nimport Skeleton from '../Skeleton';\n\nconst HistogramChartSkeleton = (props) => {\n  const { layout = 'horizontal' } = props;\n\n  return (\n    <Skeleton viewBox=\"0 0 908 166\" preserveAspectRatio=\"xMidYMid meet\" {...props}>\n      {({ gradientUrl }) => {\n        if (layout === 'vertical') {\n          return (\n            <g fill={gradientUrl}>\n              <rect width=\"252\" height=\"24\" y=\"112\" rx=\"4\" />\n              <rect width=\"360\" height=\"24\" rx=\"4\" />\n              <rect width=\"306\" height=\"24\" y=\"84\" rx=\"4\" />\n              <rect width=\"140\" height=\"24\" y=\"56\" rx=\"4\" />\n              <path\n                fillRule=\"nonzero\"\n                d=\"M4 28h235a4 4 0 0 1 4 4v16a4 4 0 0 1-4 4H4a4 4 0 0 1-4-4V32a4 4 0 0 1 4-4z\"\n              />\n            </g>\n          );\n        }\n\n        return (\n          <path\n            fill={gradientUrl}\n            fillRule=\"nonzero\"\n            d=\"M0 0h110.9v80H0zM228.802 48h109.9v32h-109.9zM342.702 30h108.901v50h-108.9zM114.9 16h109.902v64H114.9z M454 0h109.9v80H454zM681.802 48h109.9v32h-109.9zM795.702 30h108.901v50h-108.9zM567.9 16h109.902v64H567.9z\"\n          />\n        );\n      }}\n    </Skeleton>\n  );\n};\n\nexport default HistogramChartSkeleton;\n"],"file":"Histogram.js"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/Charts/Line.tsx"],"names":["React","Skeleton","LineChartSkeleton","props","type","getDraw","gradientUrl"],"mappings":";AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,QAAP,MAAyC,aAAzC;;AAMA,IAAMC,iBAEL,GAAG,SAFEA,iBAEF,CAACC,KAAD,EAAW;AAAA,oBACeA,KADf,CACLC,IADK;AAAA,MACLA,IADK,4BACE,QADF;;AAGb,MAAMC,OAAO,GAAG,SAAVA,OAAU,CAACD,IAAD,EAAU;AACxB,YAAQA,IAAR;AACE,WAAK,UAAL;AACE,eAAO,mLAAP;;AACF;AACE,eAAO,yEAAP;AAJJ;AAMD,GAPD;;AASA,sBACE,oBAAC,QAAD;AAAU,IAAA,OAAO,EAAC,YAAlB;AAA+B,IAAA,mBAAmB,EAAC;AAAnD,KAAuED,KAAvE,GACG;AAAA,QAAGG,WAAH,QAAGA,WAAH;AAAA,wBACC;AACE,MAAA,IAAI,EAAC,MADP;AAEE,MAAA,MAAM,EAAEA,WAFV;AAGE,MAAA,QAAQ,EAAC,SAHX;AAIE,MAAA,aAAa,EAAC,OAJhB;AAKE,MAAA,cAAc,EAAC,OALjB;AAME,MAAA,WAAW,EAAC,GANd;AAOE,MAAA,CAAC,EAAED,OAAO,CAACD,IAAD;AAPZ,MADD;AAAA,GADH,CADF;AAeD,CA7BD;;AA+BA,eAAeF,iBAAf","sourcesContent":["import React from 'react';\nimport Skeleton, { ISkeletonProps } from '../Skeleton';\n\nexport interface LineChartSkeletonSkeletonProps extends ISkeletonProps {\n  type?: 'linear' | 'monotone';\n}\n\nconst LineChartSkeleton: React.FunctionComponent<\n  LineChartSkeletonSkeletonProps & React.SVGAttributes<SVGElement>\n> = (props) => {\n  const { type = 'linear' } = props;\n\n  const getDraw = (type) => {\n    switch (type) {\n      case 'monotone':\n        return 'M1.991 2c75.333 0 75.333 80 150.666 80S227.99 2 303.323 2c75.335 0 75.335 80 150.669 80 75.334 0 75.334-80 150.667-80 75.337 0 75.337 80 150.676 80 75.337 0 75.337-80 150.674-80';\n      default:\n        return 'M1.991 2l150.666 80L303.323 2l150.669 80L604.659 2l150.676 80L906.009 2';\n    }\n  };\n\n  return (\n    <Skeleton viewBox=\"0 0 904 90\" preserveAspectRatio=\"xMidYMid meet\" {...props}>\n      {({ gradientUrl }) => (\n        <path\n          fill=\"none\"\n          stroke={gradientUrl}\n          fillRule=\"evenodd\"\n          strokeLinecap=\"round\"\n          strokeLinejoin=\"round\"\n          strokeWidth=\"4\"\n          d={getDraw(type)}\n        />\n      )}\n    </Skeleton>\n  );\n};\n\nexport default LineChartSkeleton;\n"],"file":"Line.js"}
+{"version":3,"sources":["../../../src/Charts/Line.js"],"names":["React","Skeleton","LineChartSkeleton","props","type","getDraw","gradientUrl"],"mappings":";AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,QAAP,MAAqB,aAArB;;AAEA,IAAMC,iBAAiB,GAAG,SAApBA,iBAAoB,CAACC,KAAD,EAAW;AAAA,oBACPA,KADO,CAC3BC,IAD2B;AAAA,MAC3BA,IAD2B,4BACpB,QADoB;;AAGnC,MAAMC,OAAO,GAAG,SAAVA,OAAU,CAACD,IAAD,EAAU;AACxB,YAAQA,IAAR;AACE,WAAK,UAAL;AACE,eAAO,mLAAP;;AACF;AACE,eAAO,yEAAP;AAJJ;AAMD,GAPD;;AASA,sBACE,oBAAC,QAAD;AAAU,IAAA,OAAO,EAAC,YAAlB;AAA+B,IAAA,mBAAmB,EAAC;AAAnD,KAAuED,KAAvE,GACG;AAAA,QAAGG,WAAH,QAAGA,WAAH;AAAA,wBACC;AACE,MAAA,IAAI,EAAC,MADP;AAEE,MAAA,MAAM,EAAEA,WAFV;AAGE,MAAA,QAAQ,EAAC,SAHX;AAIE,MAAA,aAAa,EAAC,OAJhB;AAKE,MAAA,cAAc,EAAC,OALjB;AAME,MAAA,WAAW,EAAC,GANd;AAOE,MAAA,CAAC,EAAED,OAAO,CAACD,IAAD;AAPZ,MADD;AAAA,GADH,CADF;AAeD,CA3BD;;AA6BA,eAAeF,iBAAf","sourcesContent":["import React from 'react';\nimport Skeleton from '../Skeleton';\n\nconst LineChartSkeleton = (props) => {\n  const { type = 'linear' } = props;\n\n  const getDraw = (type) => {\n    switch (type) {\n      case 'monotone':\n        return 'M1.991 2c75.333 0 75.333 80 150.666 80S227.99 2 303.323 2c75.335 0 75.335 80 150.669 80 75.334 0 75.334-80 150.667-80 75.337 0 75.337 80 150.676 80 75.337 0 75.337-80 150.674-80';\n      default:\n        return 'M1.991 2l150.666 80L303.323 2l150.669 80L604.659 2l150.676 80L906.009 2';\n    }\n  };\n\n  return (\n    <Skeleton viewBox=\"0 0 904 90\" preserveAspectRatio=\"xMidYMid meet\" {...props}>\n      {({ gradientUrl }) => (\n        <path\n          fill=\"none\"\n          stroke={gradientUrl}\n          fillRule=\"evenodd\"\n          strokeLinecap=\"round\"\n          strokeLinejoin=\"round\"\n          strokeWidth=\"4\"\n          d={getDraw(type)}\n        />\n      )}\n    </Skeleton>\n  );\n};\n\nexport default LineChartSkeleton;\n"],"file":"Line.js"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/Charts/Pie.tsx"],"names":["React","Skeleton","PieChartSkeleton","props","gradientUrl"],"mappings":";AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,QAAP,MAAyC,aAAzC;;AAIA,IAAMC,gBAEL,GAAG,SAFEA,gBAEF,CAACC,KAAD;AAAA,sBACF,oBAAC,QAAD;AAAU,IAAA,OAAO,EAAC,aAAlB;AAAgC,IAAA,KAAK,EAAE,GAAvC;AAA4C,IAAA,MAAM,EAAE;AAApD,KAA6DA,KAA7D,GACG;AAAA,QAAGC,WAAH,QAAGA,WAAH;AAAA,wBACC;AACE,MAAA,IAAI,EAAEA,WADR;AAEE,MAAA,QAAQ,EAAC,SAFX;AAGE,MAAA,CAAC,EAAC;AAHJ,MADD;AAAA,GADH,CADE;AAAA,CAFJ;;AAcA,eAAeF,gBAAf","sourcesContent":["import React from 'react';\nimport Skeleton, { ISkeletonProps } from '../Skeleton';\n\nexport interface PieChartSkeletonProps extends ISkeletonProps {}\n\nconst PieChartSkeleton: React.FunctionComponent<\n  PieChartSkeletonProps & React.SVGAttributes<SVGElement>\n> = (props) => (\n  <Skeleton viewBox=\"0 0 180 180\" width={180} height={180} {...props}>\n    {({ gradientUrl }) => (\n      <path\n        fill={gradientUrl}\n        fillRule=\"nonzero\"\n        d=\"M87 .05V30h3V0c27.915 0 52.862 12.71 69.37 32.657l-1.324-1.324-21.189 21.188C125.862 38.792 108.957 30 90 30c-33.137 0-60 26.863-60 60s26.863 60 60 60c18.83 0 35.634-8.674 46.634-22.244l21.29 21.29C141.425 168.011 117.113 180 90 180c-49.706 0-90-40.294-90-90C0 41.298 38.683 1.632 87 .05zm72.863 146.692l-21.262-21.263-.83.83C145.444 116.229 150 103.646 150 90a59.745 59.745 0 0 0-12.95-37.236l1.904 1.903 21.133-21.133C172.543 48.975 180 68.617 180 90c0 21.511-7.547 41.26-20.137 56.742z\"\n      />\n    )}\n  </Skeleton>\n);\n\nexport default PieChartSkeleton;\n"],"file":"Pie.js"}
+{"version":3,"sources":["../../../src/Charts/Pie.js"],"names":["React","Skeleton","PieChartSkeleton","props","gradientUrl"],"mappings":";AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,QAAP,MAAqB,aAArB;;AAEA,IAAMC,gBAAgB,GAAG,SAAnBA,gBAAmB,CAACC,KAAD;AAAA,sBACvB,oBAAC,QAAD;AAAU,IAAA,OAAO,EAAC,aAAlB;AAAgC,IAAA,KAAK,EAAE,GAAvC;AAA4C,IAAA,MAAM,EAAE;AAApD,KAA6DA,KAA7D,GACG;AAAA,QAAGC,WAAH,QAAGA,WAAH;AAAA,wBACC;AACE,MAAA,IAAI,EAAEA,WADR;AAEE,MAAA,QAAQ,EAAC,SAFX;AAGE,MAAA,CAAC,EAAC;AAHJ,MADD;AAAA,GADH,CADuB;AAAA,CAAzB;;AAYA,eAAeF,gBAAf","sourcesContent":["import React from 'react';\nimport Skeleton from '../Skeleton';\n\nconst PieChartSkeleton = (props) => (\n  <Skeleton viewBox=\"0 0 180 180\" width={180} height={180} {...props}>\n    {({ gradientUrl }) => (\n      <path\n        fill={gradientUrl}\n        fillRule=\"nonzero\"\n        d=\"M87 .05V30h3V0c27.915 0 52.862 12.71 69.37 32.657l-1.324-1.324-21.189 21.188C125.862 38.792 108.957 30 90 30c-33.137 0-60 26.863-60 60s26.863 60 60 60c18.83 0 35.634-8.674 46.634-22.244l21.29 21.29C141.425 168.011 117.113 180 90 180c-49.706 0-90-40.294-90-90C0 41.298 38.683 1.632 87 .05zm72.863 146.692l-21.262-21.263-.83.83C145.444 116.229 150 103.646 150 90a59.745 59.745 0 0 0-12.95-37.236l1.904 1.903 21.133-21.133C172.543 48.975 180 68.617 180 90c0 21.511-7.547 41.26-20.137 56.742z\"\n      />\n    )}\n  </Skeleton>\n);\n\nexport default PieChartSkeleton;\n"],"file":"Pie.js"}