@semcore/skeleton 3.1.2 → 3.1.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/CHANGELOG.md CHANGED
@@ -2,6 +2,12 @@
2
2
 
3
3
  CHANGELOG.md standards are inspired by [keepachangelog.com](https://keepachangelog.com/en/1.0.0/).
4
4
 
5
+ ## [3.1.3] - 2022-03-01
6
+
7
+ ### Fixed
8
+
9
+ - Fixed `viewBox` for `BarChartSkeleton`.
10
+
5
11
  ## [3.1.2] - 2022-02-24
6
12
 
7
13
  ### Added
@@ -28,15 +34,15 @@ CHANGELOG.md standards are inspired by [keepachangelog.com](https://keepachangel
28
34
 
29
35
  ## [3.0.0] - 2021-10-15
30
36
 
31
- ### Changed
32
-
33
- - Rewrite code from ts to js.
34
-
35
37
  ### BREAK
36
38
 
37
39
  - change default `height` for `Skeleton` from 100px to 100%.
38
40
  - remove support props `visible, speed` for `Skeleton`.
39
41
 
42
+ ### Changed
43
+
44
+ - Rewrite code from ts to js.
45
+
40
46
  ## [2.3.1] - 2021-8-26
41
47
 
42
48
  ### Changed
@@ -17,7 +17,7 @@ var BarChartSkeleton = function BarChartSkeleton(props) {
17
17
  var _props$layout = props.layout,
18
18
  layout = _props$layout === void 0 ? 'horizontal' : _props$layout;
19
19
  return /*#__PURE__*/_react["default"].createElement(_Skeleton["default"], (0, _extends2["default"])({
20
- viewBox: "0 0 908 166",
20
+ viewBox: "0 0 912 166",
21
21
  preserveAspectRatio: "xMidYMid meet"
22
22
  }, props), function (_ref) {
23
23
  var gradientUrl = _ref.gradientUrl;
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../src/Charts/Bar.js"],"names":["BarChartSkeleton","props","layout","gradientUrl"],"mappings":";;;;;;;;;;;AAAA;;AACA;;AAEA,IAAMA,gBAAgB,GAAG,SAAnBA,gBAAmB,CAACC,KAAD,EAAW;AAClC,sBAAkCA,KAAlC,CAAQC,MAAR;AAAA,MAAQA,MAAR,8BAAiB,YAAjB;AAEA,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"}
1
+ {"version":3,"sources":["../../../src/Charts/Bar.js"],"names":["BarChartSkeleton","props","layout","gradientUrl"],"mappings":";;;;;;;;;;;AAAA;;AACA;;AAEA,IAAMA,gBAAgB,GAAG,SAAnBA,gBAAmB,CAACC,KAAD,EAAW;AAClC,sBAAkCA,KAAlC,CAAQC,MAAR;AAAA,MAAQA,MAAR,8BAAiB,YAAjB;AAEA,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 912 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"}
@@ -6,7 +6,7 @@ var BarChartSkeleton = function BarChartSkeleton(props) {
6
6
  var _props$layout = props.layout,
7
7
  layout = _props$layout === void 0 ? 'horizontal' : _props$layout;
8
8
  return /*#__PURE__*/React.createElement(Skeleton, _extends({
9
- viewBox: "0 0 908 166",
9
+ viewBox: "0 0 912 166",
10
10
  preserveAspectRatio: "xMidYMid meet"
11
11
  }, props), function (_ref) {
12
12
  var gradientUrl = _ref.gradientUrl;
@@ -1 +1 @@
1
- {"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;AAClC,sBAAkCA,KAAlC,CAAQC,MAAR;AAAA,MAAQA,MAAR,8BAAiB,YAAjB;AAEA,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"}
1
+ {"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;AAClC,sBAAkCA,KAAlC,CAAQC,MAAR;AAAA,MAAQA,MAAR,8BAAiB,YAAjB;AAEA,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 912 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/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@semcore/skeleton",
3
3
  "description": "SEMRush Skeleton Component",
4
- "version": "3.1.2",
4
+ "version": "3.1.3",
5
5
  "main": "lib/cjs/index.js",
6
6
  "module": "lib/es6/index.js",
7
7
  "types": "lib/types/index.d.ts",
package/src/Charts/Bar.js CHANGED
@@ -5,7 +5,7 @@ const BarChartSkeleton = (props) => {
5
5
  const { layout = 'horizontal' } = props;
6
6
 
7
7
  return (
8
- <Skeleton viewBox="0 0 908 166" preserveAspectRatio="xMidYMid meet" {...props}>
8
+ <Skeleton viewBox="0 0 912 166" preserveAspectRatio="xMidYMid meet" {...props}>
9
9
  {({ gradientUrl }) => {
10
10
  if (layout === 'vertical') {
11
11
  return (