@semcore/skeleton 16.0.11 → 17.0.0-prerelease.18
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 +6 -0
- package/README.md +4 -4
- package/lib/cjs/Charts/Area.js +28 -28
- package/lib/cjs/Charts/Area.js.map +1 -1
- package/lib/cjs/Charts/Bar.js +37 -37
- package/lib/cjs/Charts/Bar.js.map +1 -1
- package/lib/cjs/Charts/Bubble.js +24 -23
- package/lib/cjs/Charts/Bubble.js.map +1 -1
- package/lib/cjs/Charts/CompactHorizontalBar.js +24 -23
- package/lib/cjs/Charts/CompactHorizontalBar.js.map +1 -1
- package/lib/cjs/Charts/Donut.js +33 -33
- package/lib/cjs/Charts/Donut.js.map +1 -1
- package/lib/cjs/Charts/Histogram.js +37 -37
- package/lib/cjs/Charts/Histogram.js.map +1 -1
- package/lib/cjs/Charts/Line.js +28 -28
- package/lib/cjs/Charts/Line.js.map +1 -1
- package/lib/cjs/Charts/RadialTree.js +24 -23
- package/lib/cjs/Charts/RadialTree.js.map +1 -1
- package/lib/cjs/Charts/ScatterPlot.js +24 -23
- package/lib/cjs/Charts/ScatterPlot.js.map +1 -1
- package/lib/cjs/Charts/Venn.js +24 -23
- package/lib/cjs/Charts/Venn.js.map +1 -1
- package/lib/cjs/Charts/index.js +21 -21
- package/lib/cjs/Skeleton.js +118 -145
- package/lib/cjs/Skeleton.js.map +1 -1
- package/lib/cjs/index.d.js.map +1 -1
- package/lib/cjs/index.js +4 -4
- package/lib/cjs/index.js.map +1 -1
- package/lib/cjs/translations/__intergalactic-dynamic-locales.js +16 -16
- package/lib/cjs/translations/__intergalactic-dynamic-locales.js.map +1 -1
- package/lib/es6/Charts/Area.js +25 -25
- package/lib/es6/Charts/Area.js.map +1 -1
- package/lib/es6/Charts/Bar.js +34 -34
- package/lib/es6/Charts/Bar.js.map +1 -1
- package/lib/es6/Charts/Bubble.js +21 -20
- package/lib/es6/Charts/Bubble.js.map +1 -1
- package/lib/es6/Charts/CompactHorizontalBar.js +21 -20
- package/lib/es6/Charts/CompactHorizontalBar.js.map +1 -1
- package/lib/es6/Charts/Donut.js +30 -30
- package/lib/es6/Charts/Donut.js.map +1 -1
- package/lib/es6/Charts/Histogram.js +34 -34
- package/lib/es6/Charts/Histogram.js.map +1 -1
- package/lib/es6/Charts/Line.js +25 -25
- package/lib/es6/Charts/Line.js.map +1 -1
- package/lib/es6/Charts/RadialTree.js +21 -20
- package/lib/es6/Charts/RadialTree.js.map +1 -1
- package/lib/es6/Charts/ScatterPlot.js +21 -20
- package/lib/es6/Charts/ScatterPlot.js.map +1 -1
- package/lib/es6/Charts/Venn.js +21 -20
- package/lib/es6/Charts/Venn.js.map +1 -1
- package/lib/es6/Skeleton.js +106 -133
- package/lib/es6/Skeleton.js.map +1 -1
- package/lib/es6/index.d.js.map +1 -1
- package/lib/es6/translations/__intergalactic-dynamic-locales.js +15 -15
- package/lib/es6/translations/__intergalactic-dynamic-locales.js.map +1 -1
- package/lib/esm/Charts/Area.mjs +27 -26
- package/lib/esm/Charts/Bar.mjs +36 -35
- package/lib/esm/Charts/Bubble.mjs +23 -22
- package/lib/esm/Charts/CompactHorizontalBar.mjs +23 -22
- package/lib/esm/Charts/Donut.mjs +32 -31
- package/lib/esm/Charts/Histogram.mjs +36 -35
- package/lib/esm/Charts/Line.mjs +27 -26
- package/lib/esm/Charts/RadialTree.mjs +23 -22
- package/lib/esm/Charts/ScatterPlot.mjs +23 -22
- package/lib/esm/Charts/Venn.mjs +23 -22
- package/lib/esm/Skeleton.mjs +110 -116
- package/lib/esm/translations/__intergalactic-dynamic-locales.mjs +1 -1
- package/lib/types/index.d.ts +2 -8
- package/package.json +5 -7
package/CHANGELOG.md
CHANGED
package/README.md
CHANGED
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
[](https://www.npmjs.com/@semcore/skeleton)
|
|
4
4
|
[](https://www.npmjs.com/package/@semcore/skeleton)
|
|
5
|
-
[](https://github.com/semrush/intergalactic/blob/
|
|
5
|
+
[](https://github.com/semrush/intergalactic/blob/HEAD/LICENSE)
|
|
6
6
|
|
|
7
7
|
> This component is part of the Intergalactic Design System
|
|
8
8
|
|
|
@@ -34,7 +34,7 @@ import Skeleton, {
|
|
|
34
34
|
|
|
35
35
|
## 👤 Author
|
|
36
36
|
|
|
37
|
-
[UI-kit team](https://github.com/semrush/intergalactic/blob/
|
|
37
|
+
[UI-kit team](https://github.com/semrush/intergalactic/blob/HEAD/MAINTAINERS)
|
|
38
38
|
and [others ❤️](https://github.com/semrush/intergalactic/graphs/contributors)
|
|
39
39
|
|
|
40
40
|
## 🤝 Contributing
|
|
@@ -42,7 +42,7 @@ and [others ❤️](https://github.com/semrush/intergalactic/graphs/contributors
|
|
|
42
42
|
Contributions, issues and feature requests are welcome!
|
|
43
43
|
|
|
44
44
|
Feel free to check [issues page](https://github.com/semrush/intergalactic/issues). You can also take a look at
|
|
45
|
-
the [contributing guide](https://github.com/semrush/intergalactic/blob/
|
|
45
|
+
the [contributing guide](https://github.com/semrush/intergalactic/blob/HEAD/CONTRIBUTING.md).
|
|
46
46
|
|
|
47
47
|
## Show your support
|
|
48
48
|
|
|
@@ -50,4 +50,4 @@ Give a ⭐️ if this project helped you!
|
|
|
50
50
|
|
|
51
51
|
## 📝 License
|
|
52
52
|
|
|
53
|
-
This project is [MIT](https://github.com/semrush/intergalactic/blob/
|
|
53
|
+
This project is [MIT](https://github.com/semrush/intergalactic/blob/HEAD/LICENSE) licensed.
|
package/lib/cjs/Charts/Area.js
CHANGED
|
@@ -1,44 +1,44 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
|
|
4
4
|
Object.defineProperty(exports, "__esModule", {
|
|
5
5
|
value: true
|
|
6
6
|
});
|
|
7
|
-
exports
|
|
8
|
-
var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
|
|
7
|
+
exports.default = void 0;
|
|
9
8
|
var _core = require("@semcore/core");
|
|
10
9
|
var _react = _interopRequireDefault(require("react"));
|
|
11
10
|
var _Skeleton = require("../Skeleton");
|
|
12
11
|
/*!__reshadow-styles__:"../style/chart.shadow.css"*/
|
|
13
|
-
|
|
12
|
+
const styles = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".___SChartSkeleton_1k4jx_gg_{height:200px;width:100%;background-image:var(--bgPattern_1k4jx)}.___SChartSkeleton_1k4jx_gg_.__bgPosition_1k4jx_gg_{background-position:var(--bgPosition_1k4jx)}.___SChartSkeleton_1k4jx_gg_.__bgSize_1k4jx_gg_{background-size:var(--bgSize_1k4jx)}.___SChartSkeleton_1k4jx_gg_.__bgRepeat_1k4jx_gg_{background-repeat:var(--bgRepeat_1k4jx)}", /*__inner_css_end__*/"1k4jx_gg_"),
|
|
14
13
|
/*__reshadow_css_end__*/
|
|
15
14
|
{
|
|
16
|
-
"__SChartSkeleton": "
|
|
17
|
-
"--bgPattern": "--
|
|
18
|
-
"_bgPosition": "
|
|
19
|
-
"--bgPosition": "--
|
|
20
|
-
"_bgSize": "
|
|
21
|
-
"--bgSize": "--
|
|
22
|
-
"_bgRepeat": "
|
|
23
|
-
"--bgRepeat": "--
|
|
15
|
+
"__SChartSkeleton": "___SChartSkeleton_1k4jx_gg_",
|
|
16
|
+
"--bgPattern": "--bgPattern_1k4jx",
|
|
17
|
+
"_bgPosition": "__bgPosition_1k4jx_gg_",
|
|
18
|
+
"--bgPosition": "--bgPosition_1k4jx",
|
|
19
|
+
"_bgSize": "__bgSize_1k4jx_gg_",
|
|
20
|
+
"--bgSize": "--bgSize_1k4jx",
|
|
21
|
+
"_bgRepeat": "__bgRepeat_1k4jx_gg_",
|
|
22
|
+
"--bgRepeat": "--bgRepeat_1k4jx"
|
|
24
23
|
});
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
24
|
+
const areaLinearSvg = "PHN2ZyB3aWR0aD0iMTI4IiBoZWlnaHQ9Ijg4IiB2aWV3Qm94PSIwIDAgMTI4IDg4IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNNjMuOTk5OCA0NS45Mzk0QzMyLjAwMDEgNDUuOTM5NCAzMi4wMDAxIDEyIDAgMTJWNzZIMTI4VjEyQzk1Ljk5OTkgMTIgOTUuOTk5OSA0NS45Mzk0IDYzLjk5OTggNDUuOTM5NFoiIGZpbGw9IiNFMEUxRTkiIGZpbGwtb3BhY2l0eT0iMC44Ii8+Cjwvc3ZnPgo=";
|
|
25
|
+
const areaMonotoneSvg = "PHN2ZyB3aWR0aD0iMTI4IiBoZWlnaHQ9Ijg4IiB2aWV3Qm94PSIwIDAgMTI4IDg4IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNNjMuOTk5OCA0NS45Mzk0TDAgMTJWNzZIMTI4VjEyTDYzLjk5OTggNDUuOTM5NFoiIGZpbGw9IiNFMEUxRTkiIGZpbGwtb3BhY2l0eT0iMC44Ii8+Cjwvc3ZnPgo=";
|
|
26
|
+
function AreaChartSkeleton(props) {
|
|
28
27
|
var _ref = arguments[0],
|
|
29
|
-
_ref2
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
var patternBase64 = {
|
|
28
|
+
_ref2;
|
|
29
|
+
const SChartSkeleton = _Skeleton.Skeleton;
|
|
30
|
+
const patternBase64 = {
|
|
33
31
|
linear: areaLinearSvg,
|
|
34
32
|
monotone: areaMonotoneSvg
|
|
35
|
-
}[
|
|
36
|
-
return _ref2 = (0, _core.sstyled)(styles), /*#__PURE__*/_react
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
}
|
|
43
|
-
|
|
33
|
+
}[props.type ?? 'linear'];
|
|
34
|
+
return _ref2 = (0, _core.sstyled)(styles), /*#__PURE__*/_react.default.createElement(SChartSkeleton, _ref2.cn("SChartSkeleton", {
|
|
35
|
+
...(0, _core.assignProps)({
|
|
36
|
+
"bgRepeat": 'repeat-x',
|
|
37
|
+
"bgPosition": 'left bottom',
|
|
38
|
+
"bgSize": 'auto 50%',
|
|
39
|
+
"bgPattern": `url(data:image/svg+xml;base64,${patternBase64})`
|
|
40
|
+
}, _ref)
|
|
41
|
+
}));
|
|
42
|
+
}
|
|
43
|
+
var _default = exports.default = (0, _core.createComponent)(AreaChartSkeleton);
|
|
44
44
|
//# sourceMappingURL=Area.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Area.js","names":["_core","require","_react","_interopRequireDefault","_Skeleton","styles","sstyled","insert","areaLinearSvg","areaMonotoneSvg","AreaChartSkeleton","props","_ref","arguments[0]","_ref2","
|
|
1
|
+
{"version":3,"file":"Area.js","names":["_core","require","_react","_interopRequireDefault","_Skeleton","styles","sstyled","insert","areaLinearSvg","areaMonotoneSvg","AreaChartSkeleton","props","_ref","arguments[0]","_ref2","SChartSkeleton","Skeleton","patternBase64","linear","monotone","type","default","createElement","cn","assignProps","_default","exports","createComponent"],"sources":["../../../src/Charts/Area.jsx"],"sourcesContent":["import { createComponent, Root, sstyled } from '@semcore/core';\nimport React from 'react';\n\nimport { Skeleton } from '../Skeleton';\nimport styles from '../style/chart.shadow.css';\n\nconst areaLinearSvg = preval`\nmodule.exports = btoa(require('fs').readFileSync(__dirname + '/../svg/area-chart-linear.svg'))\n`;\nconst areaMonotoneSvg = preval`\nmodule.exports = btoa(require('fs').readFileSync(__dirname + '/../svg/area-chart-monotone.svg'))\n`;\n\nfunction AreaChartSkeleton(props) {\n const SChartSkeleton = Root;\n const patternBase64 = { linear: areaLinearSvg, monotone: areaMonotoneSvg }[\n props.type ?? 'linear'\n ];\n return sstyled(styles)(\n <SChartSkeleton\n render={Skeleton}\n bgRepeat='repeat-x'\n bgPosition='left bottom'\n bgSize='auto 50%'\n bgPattern={`url(data:image/svg+xml;base64,${patternBase64})`}\n />,\n );\n}\n\nexport default createComponent(AreaChartSkeleton);\n"],"mappings":";;;;;;;AAAA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AAEA,IAAAG,SAAA,GAAAH,OAAA;AAAuC;AAAA,MAAAI,MAAA,8BAAAL,KAAA,CAAAM,OAAA,CAAAC,MAAA;AAAA;AAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAAA;AAGvC,MAAMC,aAAa,yVAElB;AACD,MAAMC,eAAe,iRAEpB;AAED,SAASC,iBAAiBA,CAACC,KAAK,EAAE;EAAA,IAAAC,IAAA,GAAAC,YAAA;IAAAC,KAAA;EAChC,MAAMC,cAAc,GAMRC,kBAAQ;EALpB,MAAMC,aAAa,GAAG;IAAEC,MAAM,EAAEV,aAAa;IAAEW,QAAQ,EAAEV;EAAgB,CAAC,CACxEE,KAAK,CAACS,IAAI,IAAI,QAAQ,CACvB;EACD,OAAAN,KAAA,GAAO,IAAAR,aAAO,EAACD,MAAM,CAAC,eACpBH,MAAA,CAAAmB,OAAA,CAAAC,aAAA,CAACP,cAAc,EAAAD,KAAA,CAAAS,EAAA;IAAA,OAAAvB,KAAA,CAAAwB,WAAA;MAAA,YAEJ,UAAU;MAAA,cACR,aAAa;MAAA,UACjB,UAAU;MAAA,aACN,iCAAiCP,aAAa;IAAG,GAAAL,IAAA;EAAA,EAC7D,CAAC;AAEN;AAAC,IAAAa,QAAA,GAAAC,OAAA,CAAAL,OAAA,GAEc,IAAAM,qBAAe,EAACjB,iBAAiB,CAAC","ignoreList":[]}
|
package/lib/cjs/Charts/Bar.js
CHANGED
|
@@ -1,54 +1,54 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
|
|
4
4
|
Object.defineProperty(exports, "__esModule", {
|
|
5
5
|
value: true
|
|
6
6
|
});
|
|
7
|
-
exports
|
|
8
|
-
var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
|
|
7
|
+
exports.default = void 0;
|
|
9
8
|
var _core = require("@semcore/core");
|
|
10
9
|
var _react = _interopRequireDefault(require("react"));
|
|
11
10
|
var _Skeleton = require("../Skeleton");
|
|
12
11
|
/*!__reshadow-styles__:"../style/chart.shadow.css"*/
|
|
13
|
-
|
|
12
|
+
const styles = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".___SChartSkeleton_1k4jx_gg_{height:200px;width:100%;background-image:var(--bgPattern_1k4jx)}.___SChartSkeleton_1k4jx_gg_.__bgPosition_1k4jx_gg_{background-position:var(--bgPosition_1k4jx)}.___SChartSkeleton_1k4jx_gg_.__bgSize_1k4jx_gg_{background-size:var(--bgSize_1k4jx)}.___SChartSkeleton_1k4jx_gg_.__bgRepeat_1k4jx_gg_{background-repeat:var(--bgRepeat_1k4jx)}", /*__inner_css_end__*/"1k4jx_gg_"),
|
|
14
13
|
/*__reshadow_css_end__*/
|
|
15
14
|
{
|
|
16
|
-
"__SChartSkeleton": "
|
|
17
|
-
"--bgPattern": "--
|
|
18
|
-
"_bgPosition": "
|
|
19
|
-
"--bgPosition": "--
|
|
20
|
-
"_bgSize": "
|
|
21
|
-
"--bgSize": "--
|
|
22
|
-
"_bgRepeat": "
|
|
23
|
-
"--bgRepeat": "--
|
|
15
|
+
"__SChartSkeleton": "___SChartSkeleton_1k4jx_gg_",
|
|
16
|
+
"--bgPattern": "--bgPattern_1k4jx",
|
|
17
|
+
"_bgPosition": "__bgPosition_1k4jx_gg_",
|
|
18
|
+
"--bgPosition": "--bgPosition_1k4jx",
|
|
19
|
+
"_bgSize": "__bgSize_1k4jx_gg_",
|
|
20
|
+
"--bgSize": "--bgSize_1k4jx",
|
|
21
|
+
"_bgRepeat": "__bgRepeat_1k4jx_gg_",
|
|
22
|
+
"--bgRepeat": "--bgRepeat_1k4jx"
|
|
24
23
|
});
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
24
|
+
const barVerticalSvg = "PHN2ZyB3aWR0aD0iMTcyIiBoZWlnaHQ9IjE0MCIgdmlld0JveD0iMCAwIDE3MiAxNDAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0wIDBIMTIwQzEyMi4yMDkgMCAxMjQgMS43OTA4NiAxMjQgNFYxMkMxMjQgMTQuMjA5MSAxMjIuMjA5IDE2IDEyMCAxNkgwVjBaIiBmaWxsPSIjRTBFMUU5IiBmaWxsLW9wYWNpdHk9IjAuOCIvPgo8cGF0aCBkPSJNMCAyOEgxNTZDMTU4LjIwOSAyOCAxNjAgMjkuNzkwOSAxNjAgMzJWNDBDMTYwIDQyLjIwOTEgMTU4LjIwOSA0NCAxNTYgNDRIMFYyOFoiIGZpbGw9IiNFMEUxRTkiIGZpbGwtb3BhY2l0eT0iMC44Ii8+CjxwYXRoIGQ9Ik0wIDU2SDEzOEMxNDAuMjA5IDU2IDE0MiA1Ny43OTA5IDE0MiA2MFY2OEMxNDIgNzAuMjA5MSAxNDAuMjA5IDcyIDEzOCA3MkgwVjU2WiIgZmlsbD0iI0UwRTFFOSIgZmlsbC1vcGFjaXR5PSIwLjgiLz4KPHBhdGggZD0iTTAgODRIMTU2QzE1OC4yMDkgODQgMTYwIDg1Ljc5MDkgMTYwIDg4Vjk2QzE2MCA5OC4yMDkxIDE1OC4yMDkgMTAwIDE1NiAxMDBIMFY4NFoiIGZpbGw9IiNFMEUxRTkiIGZpbGwtb3BhY2l0eT0iMC44Ii8+CjxwYXRoIGQ9Ik0wIDExMkgxMTZDMTE4LjIwOSAxMTIgMTIwIDExMy43OTEgMTIwIDExNlYxMjRDMTIwIDEyNi4yMDkgMTE4LjIwOSAxMjggMTE2IDEyOEgwVjExMloiIGZpbGw9IiNFMEUxRTkiIGZpbGwtb3BhY2l0eT0iMC44Ii8+Cjwvc3ZnPgo=";
|
|
25
|
+
const barHorizontalSvg = "PHN2ZyB3aWR0aD0iMTU2IiBoZWlnaHQ9IjE2MCIgdmlld0JveD0iMCAwIDE1NiAxNjAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xMiAxNkMxMiAxMy43OTA5IDEzLjc5MDkgMTIgMTYgMTJIMjNDMjUuMjA5MSAxMiAyNyAxMy43OTA5IDI3IDE2VjE0OEgxMlYxNloiIGZpbGw9IiNFMEUxRTkiIGZpbGwtb3BhY2l0eT0iMC44Ii8+CjxwYXRoIGQ9Ik01MSA0MkM1MSAzOS43OTA5IDUyLjc5MDkgMzggNTUgMzhINjJDNjQuMjA5MSAzOCA2NiAzOS43OTA5IDY2IDQyVjE0OEg1MVY0MloiIGZpbGw9IiNFMEUxRTkiIGZpbGwtb3BhY2l0eT0iMC44Ii8+CjxwYXRoIGQ9Ik05MCA2M0M5MCA2MC43OTA5IDkxLjc5MDkgNTkgOTQgNTlIMTAxQzEwMy4yMDkgNTkgMTA1IDYwLjc5MDkgMTA1IDYzVjE0OEg5MFY2M1oiIGZpbGw9IiNFMEUxRTkiIGZpbGwtb3BhY2l0eT0iMC44Ii8+CjxwYXRoIGQ9Ik0xMjkgMzBDMTI5IDI3Ljc5MDkgMTMwLjc5MSAyNiAxMzMgMjZIMTQwQzE0Mi4yMDkgMjYgMTQ0IDI3Ljc5MDkgMTQ0IDMwVjE0OEgxMjlWMzBaIiBmaWxsPSIjRTBFMUU5IiBmaWxsLW9wYWNpdHk9IjAuOCIvPgo8L3N2Zz4K";
|
|
26
|
+
function BarChartSkeleton(props) {
|
|
28
27
|
var _ref = arguments[0],
|
|
29
|
-
_ref2
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
var patternBase64 = {
|
|
28
|
+
_ref2;
|
|
29
|
+
const SChartSkeleton = _Skeleton.Skeleton;
|
|
30
|
+
const layout = props.layout ?? 'horizontal';
|
|
31
|
+
const patternBase64 = {
|
|
34
32
|
vertical: barVerticalSvg,
|
|
35
33
|
horizontal: barHorizontalSvg
|
|
36
34
|
}[layout];
|
|
37
|
-
return _ref2 = (0, _core.sstyled)(styles), /*#__PURE__*/_react
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
}
|
|
53
|
-
|
|
35
|
+
return _ref2 = (0, _core.sstyled)(styles), /*#__PURE__*/_react.default.createElement(SChartSkeleton, _ref2.cn("SChartSkeleton", {
|
|
36
|
+
...(0, _core.assignProps)({
|
|
37
|
+
"bgRepeat": {
|
|
38
|
+
vertical: 'repeat-y',
|
|
39
|
+
horizontal: 'repeat-x'
|
|
40
|
+
}[layout],
|
|
41
|
+
"bgPosition": {
|
|
42
|
+
vertical: 'left top',
|
|
43
|
+
horizontal: 'left bottom'
|
|
44
|
+
}[layout],
|
|
45
|
+
"bgSize": {
|
|
46
|
+
vertical: 'contain',
|
|
47
|
+
horizontal: 'auto 50%'
|
|
48
|
+
}[layout],
|
|
49
|
+
"bgPattern": `url(data:image/svg+xml;base64,${patternBase64})`
|
|
50
|
+
}, _ref)
|
|
51
|
+
}));
|
|
52
|
+
}
|
|
53
|
+
var _default = exports.default = (0, _core.createComponent)(BarChartSkeleton);
|
|
54
54
|
//# sourceMappingURL=Bar.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Bar.js","names":["_core","require","_react","_interopRequireDefault","_Skeleton","styles","sstyled","insert","barVerticalSvg","barHorizontalSvg","BarChartSkeleton","props","_ref","arguments[0]","_ref2","
|
|
1
|
+
{"version":3,"file":"Bar.js","names":["_core","require","_react","_interopRequireDefault","_Skeleton","styles","sstyled","insert","barVerticalSvg","barHorizontalSvg","BarChartSkeleton","props","_ref","arguments[0]","_ref2","SChartSkeleton","Skeleton","layout","patternBase64","vertical","horizontal","default","createElement","cn","assignProps","_default","exports","createComponent"],"sources":["../../../src/Charts/Bar.jsx"],"sourcesContent":["import { createComponent, Root, sstyled } from '@semcore/core';\nimport React from 'react';\n\nimport { Skeleton } from '../Skeleton';\nimport styles from '../style/chart.shadow.css';\n\nconst barVerticalSvg = preval`\nmodule.exports = btoa(require('fs').readFileSync(__dirname + '/../svg/bar-chart-vertical.svg'))\n`;\nconst barHorizontalSvg = preval`\nmodule.exports = btoa(require('fs').readFileSync(__dirname + '/../svg/bar-chart-horizontal.svg'))\n`;\n\nfunction BarChartSkeleton(props) {\n const SChartSkeleton = Root;\n const layout = props.layout ?? 'horizontal';\n const patternBase64 = { vertical: barVerticalSvg, horizontal: barHorizontalSvg }[layout];\n return sstyled(styles)(\n <SChartSkeleton\n render={Skeleton}\n bgRepeat={{ vertical: 'repeat-y', horizontal: 'repeat-x' }[layout]}\n bgPosition={{ vertical: 'left top', horizontal: 'left bottom' }[layout]}\n bgSize={{ vertical: 'contain', horizontal: 'auto 50%' }[layout]}\n bgPattern={`url(data:image/svg+xml;base64,${patternBase64})`}\n />,\n );\n}\n\nexport default createComponent(BarChartSkeleton);\n"],"mappings":";;;;;;;AAAA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AAEA,IAAAG,SAAA,GAAAH,OAAA;AAAuC;AAAA,MAAAI,MAAA,8BAAAL,KAAA,CAAAM,OAAA,CAAAC,MAAA;AAAA;AAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAAA;AAGvC,MAAMC,cAAc,69BAEnB;AACD,MAAMC,gBAAgB,izBAErB;AAED,SAASC,gBAAgBA,CAACC,KAAK,EAAE;EAAA,IAAAC,IAAA,GAAAC,YAAA;IAAAC,KAAA;EAC/B,MAAMC,cAAc,GAKRC,kBAAQ;EAJpB,MAAMC,MAAM,GAAGN,KAAK,CAACM,MAAM,IAAI,YAAY;EAC3C,MAAMC,aAAa,GAAG;IAAEC,QAAQ,EAAEX,cAAc;IAAEY,UAAU,EAAEX;EAAiB,CAAC,CAACQ,MAAM,CAAC;EACxF,OAAAH,KAAA,GAAO,IAAAR,aAAO,EAACD,MAAM,CAAC,eACpBH,MAAA,CAAAmB,OAAA,CAAAC,aAAA,CAACP,cAAc,EAAAD,KAAA,CAAAS,EAAA;IAAA,OAAAvB,KAAA,CAAAwB,WAAA;MAAA,YAEH;QAAEL,QAAQ,EAAE,UAAU;QAAEC,UAAU,EAAE;MAAW,CAAC,CAACH,MAAM,CAAC;MAAA,cACtD;QAAEE,QAAQ,EAAE,UAAU;QAAEC,UAAU,EAAE;MAAc,CAAC,CAACH,MAAM,CAAC;MAAA,UAC/D;QAAEE,QAAQ,EAAE,SAAS;QAAEC,UAAU,EAAE;MAAW,CAAC,CAACH,MAAM,CAAC;MAAA,aACpD,iCAAiCC,aAAa;IAAG,GAAAN,IAAA;EAAA,EAC7D,CAAC;AAEN;AAAC,IAAAa,QAAA,GAAAC,OAAA,CAAAL,OAAA,GAEc,IAAAM,qBAAe,EAACjB,gBAAgB,CAAC","ignoreList":[]}
|
package/lib/cjs/Charts/Bubble.js
CHANGED
|
@@ -1,38 +1,39 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
|
|
4
4
|
Object.defineProperty(exports, "__esModule", {
|
|
5
5
|
value: true
|
|
6
6
|
});
|
|
7
|
-
exports
|
|
8
|
-
var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
|
|
7
|
+
exports.default = void 0;
|
|
9
8
|
var _core = require("@semcore/core");
|
|
10
9
|
var _react = _interopRequireDefault(require("react"));
|
|
11
10
|
var _Skeleton = require("../Skeleton");
|
|
12
11
|
/*!__reshadow-styles__:"../style/chart.shadow.css"*/
|
|
13
|
-
|
|
12
|
+
const styles = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".___SChartSkeleton_1k4jx_gg_{height:200px;width:100%;background-image:var(--bgPattern_1k4jx)}.___SChartSkeleton_1k4jx_gg_.__bgPosition_1k4jx_gg_{background-position:var(--bgPosition_1k4jx)}.___SChartSkeleton_1k4jx_gg_.__bgSize_1k4jx_gg_{background-size:var(--bgSize_1k4jx)}.___SChartSkeleton_1k4jx_gg_.__bgRepeat_1k4jx_gg_{background-repeat:var(--bgRepeat_1k4jx)}", /*__inner_css_end__*/"1k4jx_gg_"),
|
|
14
13
|
/*__reshadow_css_end__*/
|
|
15
14
|
{
|
|
16
|
-
"__SChartSkeleton": "
|
|
17
|
-
"--bgPattern": "--
|
|
18
|
-
"_bgPosition": "
|
|
19
|
-
"--bgPosition": "--
|
|
20
|
-
"_bgSize": "
|
|
21
|
-
"--bgSize": "--
|
|
22
|
-
"_bgRepeat": "
|
|
23
|
-
"--bgRepeat": "--
|
|
15
|
+
"__SChartSkeleton": "___SChartSkeleton_1k4jx_gg_",
|
|
16
|
+
"--bgPattern": "--bgPattern_1k4jx",
|
|
17
|
+
"_bgPosition": "__bgPosition_1k4jx_gg_",
|
|
18
|
+
"--bgPosition": "--bgPosition_1k4jx",
|
|
19
|
+
"_bgSize": "__bgSize_1k4jx_gg_",
|
|
20
|
+
"--bgSize": "--bgSize_1k4jx",
|
|
21
|
+
"_bgRepeat": "__bgRepeat_1k4jx_gg_",
|
|
22
|
+
"--bgRepeat": "--bgRepeat_1k4jx"
|
|
24
23
|
});
|
|
25
|
-
|
|
26
|
-
|
|
24
|
+
const bubbleSvg = "PHN2ZyB3aWR0aD0iMzc2IiBoZWlnaHQ9IjE2NCIgdmlld0JveD0iMCAwIDM3NiAxNjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik00OCAxNjRDNzAuMDkxNCAxNjQgODggMTQ2LjA5MSA4OCAxMjRDODggMTAxLjkwOSA3MC4wOTE0IDg0IDQ4IDg0QzI1LjkwODYgODQgOCAxMDEuOTA5IDggMTI0QzggMTQ2LjA5MSAyNS45MDg2IDE2NCA0OCAxNjRaIiBmaWxsPSIjRTBFMUU5IiBmaWxsLW9wYWNpdHk9IjAuOCIvPgo8cGF0aCBkPSJNODggNDhDMTAxLjI1NSA0OCAxMTIgMzcuMjU0OCAxMTIgMjRDMTEyIDEwLjc0NTIgMTAxLjI1NSAwIDg4IDBDNzQuNzQ1MiAwIDY0IDEwLjc0NTIgNjQgMjRDNjQgMzcuMjU0OCA3NC43NDUyIDQ4IDg4IDQ4WiIgZmlsbD0iI0UwRTFFOSIgZmlsbC1vcGFjaXR5PSIwLjgiLz4KPHBhdGggZD0iTTI5Mi41IDU1QzMwNS40NzkgNTUgMzE2IDQ0LjQ3ODcgMzE2IDMxLjVDMzE2IDE4LjUyMTMgMzA1LjQ3OSA4IDI5Mi41IDhDMjc5LjUyMSA4IDI2OSAxOC41MjEzIDI2OSAzMS41QzI2OSA0NC40Nzg3IDI3OS41MjEgNTUgMjkyLjUgNTVaIiBmaWxsPSIjRTBFMUU5IiBmaWxsLW9wYWNpdHk9IjAuOCIvPgo8cGF0aCBkPSJNMzQ0IDk4QzM1Mi44MzcgOTggMzYwIDkwLjgzNjYgMzYwIDgyQzM2MCA3My4xNjM0IDM1Mi44MzcgNjYgMzQ0IDY2QzMzNS4xNjMgNjYgMzI4IDczLjE2MzQgMzI4IDgyQzMyOCA5MC44MzY2IDMzNS4xNjMgOTggMzQ0IDk4WiIgZmlsbD0iI0UwRTFFOSIgZmlsbC1vcGFjaXR5PSIwLjgiLz4KPHBhdGggZD0iTTE4OCAxMzRDMjE2LjcxOSAxMzQgMjQwIDExMC43MTkgMjQwIDgyQzI0MCA1My4yODEyIDIxNi43MTkgMzAgMTg4IDMwQzE1OS4yODEgMzAgMTM2IDUzLjI4MTIgMTM2IDgyQzEzNiAxMTAuNzE5IDE1OS4yODEgMTM0IDE4OCAxMzRaIiBmaWxsPSIjRTBFMUU5IiBmaWxsLW9wYWNpdHk9IjAuOCIvPgo8L3N2Zz4K";
|
|
25
|
+
function BubbleChartSkeleton() {
|
|
27
26
|
var _ref = arguments[0],
|
|
28
27
|
_ref2;
|
|
29
|
-
|
|
30
|
-
return _ref2 = (0, _core.sstyled)(styles), /*#__PURE__*/_react
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
}
|
|
37
|
-
|
|
28
|
+
const SChartSkeleton = _Skeleton.Skeleton;
|
|
29
|
+
return _ref2 = (0, _core.sstyled)(styles), /*#__PURE__*/_react.default.createElement(SChartSkeleton, _ref2.cn("SChartSkeleton", {
|
|
30
|
+
...(0, _core.assignProps)({
|
|
31
|
+
"bgRepeat": 'repeat-x',
|
|
32
|
+
"bgPosition": 'left center',
|
|
33
|
+
"bgSize": 'auto 50%',
|
|
34
|
+
"bgPattern": `url(data:image/svg+xml;base64,${bubbleSvg})`
|
|
35
|
+
}, _ref)
|
|
36
|
+
}));
|
|
37
|
+
}
|
|
38
|
+
var _default = exports.default = (0, _core.createComponent)(BubbleChartSkeleton);
|
|
38
39
|
//# sourceMappingURL=Bubble.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Bubble.js","names":["_core","require","_react","_interopRequireDefault","_Skeleton","styles","sstyled","insert","bubbleSvg","BubbleChartSkeleton","_ref","arguments[0]","_ref2","SChartSkeleton","Skeleton","
|
|
1
|
+
{"version":3,"file":"Bubble.js","names":["_core","require","_react","_interopRequireDefault","_Skeleton","styles","sstyled","insert","bubbleSvg","BubbleChartSkeleton","_ref","arguments[0]","_ref2","SChartSkeleton","Skeleton","default","createElement","cn","assignProps","_default","exports","createComponent"],"sources":["../../../src/Charts/Bubble.jsx"],"sourcesContent":["import { createComponent, Root, sstyled } from '@semcore/core';\nimport React from 'react';\n\nimport { Skeleton } from '../Skeleton';\nimport styles from '../style/chart.shadow.css';\n\nconst bubbleSvg = preval`\nmodule.exports = btoa(require('fs').readFileSync(__dirname + '/../svg/bubble-chart.svg'))\n`;\n\nfunction BubbleChartSkeleton() {\n const SChartSkeleton = Root;\n return sstyled(styles)(\n <SChartSkeleton\n render={Skeleton}\n bgRepeat='repeat-x'\n bgPosition='left center'\n bgSize='auto 50%'\n bgPattern={`url(data:image/svg+xml;base64,${bubbleSvg})`}\n />,\n );\n}\n\nexport default createComponent(BubbleChartSkeleton);\n"],"mappings":";;;;;;;AAAA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AAEA,IAAAG,SAAA,GAAAH,OAAA;AAAuC;AAAA,MAAAI,MAAA,8BAAAL,KAAA,CAAAM,OAAA,CAAAC,MAAA;AAAA;AAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAAA;AAGvC,MAAMC,SAAS,6xCAEd;AAED,SAASC,mBAAmBA,CAAA,EAAG;EAAA,IAAAC,IAAA,GAAAC,YAAA;IAAAC,KAAA;EAC7B,MAAMC,cAAc,GAGRC,kBAAQ;EAFpB,OAAAF,KAAA,GAAO,IAAAN,aAAO,EAACD,MAAM,CAAC,eACpBH,MAAA,CAAAa,OAAA,CAAAC,aAAA,CAACH,cAAc,EAAAD,KAAA,CAAAK,EAAA;IAAA,OAAAjB,KAAA,CAAAkB,WAAA;MAAA,YAEJ,UAAU;MAAA,cACR,aAAa;MAAA,UACjB,UAAU;MAAA,aACN,iCAAiCV,SAAS;IAAG,GAAAE,IAAA;EAAA,EACzD,CAAC;AAEN;AAAC,IAAAS,QAAA,GAAAC,OAAA,CAAAL,OAAA,GAEc,IAAAM,qBAAe,EAACZ,mBAAmB,CAAC","ignoreList":[]}
|
|
@@ -1,38 +1,39 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
|
|
4
4
|
Object.defineProperty(exports, "__esModule", {
|
|
5
5
|
value: true
|
|
6
6
|
});
|
|
7
|
-
exports
|
|
8
|
-
var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
|
|
7
|
+
exports.default = void 0;
|
|
9
8
|
var _core = require("@semcore/core");
|
|
10
9
|
var _react = _interopRequireDefault(require("react"));
|
|
11
10
|
var _Skeleton = require("../Skeleton");
|
|
12
11
|
/*!__reshadow-styles__:"../style/chart.shadow.css"*/
|
|
13
|
-
|
|
12
|
+
const styles = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".___SChartSkeleton_1k4jx_gg_{height:200px;width:100%;background-image:var(--bgPattern_1k4jx)}.___SChartSkeleton_1k4jx_gg_.__bgPosition_1k4jx_gg_{background-position:var(--bgPosition_1k4jx)}.___SChartSkeleton_1k4jx_gg_.__bgSize_1k4jx_gg_{background-size:var(--bgSize_1k4jx)}.___SChartSkeleton_1k4jx_gg_.__bgRepeat_1k4jx_gg_{background-repeat:var(--bgRepeat_1k4jx)}", /*__inner_css_end__*/"1k4jx_gg_"),
|
|
14
13
|
/*__reshadow_css_end__*/
|
|
15
14
|
{
|
|
16
|
-
"__SChartSkeleton": "
|
|
17
|
-
"--bgPattern": "--
|
|
18
|
-
"_bgPosition": "
|
|
19
|
-
"--bgPosition": "--
|
|
20
|
-
"_bgSize": "
|
|
21
|
-
"--bgSize": "--
|
|
22
|
-
"_bgRepeat": "
|
|
23
|
-
"--bgRepeat": "--
|
|
15
|
+
"__SChartSkeleton": "___SChartSkeleton_1k4jx_gg_",
|
|
16
|
+
"--bgPattern": "--bgPattern_1k4jx",
|
|
17
|
+
"_bgPosition": "__bgPosition_1k4jx_gg_",
|
|
18
|
+
"--bgPosition": "--bgPosition_1k4jx",
|
|
19
|
+
"_bgSize": "__bgSize_1k4jx_gg_",
|
|
20
|
+
"--bgSize": "--bgSize_1k4jx",
|
|
21
|
+
"_bgRepeat": "__bgRepeat_1k4jx_gg_",
|
|
22
|
+
"--bgRepeat": "--bgRepeat_1k4jx"
|
|
24
23
|
});
|
|
25
|
-
|
|
26
|
-
|
|
24
|
+
const patternBase64 = "PHN2ZyB3aWR0aD0iMTcyIiBoZWlnaHQ9IjE1NiIgdmlld0JveD0iMCAwIDE3MiAxNTYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHBhdGggZD0iTTAgMEgxMjBDMTIyLjIwOSAwIDEyNCAxLjc5MDg2IDEyNCA0VjEyQzEyNCAxNC4yMDkxIDEyMi4yMDkgMTYgMTIwIDE2SDBWMFoiIGZpbGw9IiNFMEUxRTkiIGZpbGwtb3BhY2l0eT0iMC44Ii8+CiAgPHBhdGggZD0iTTAgMzJIMTU2QzE1OC4yMDkgMzIgMTYwIDMzLjc5MDkgMTYwIDM2VjQ0QzE2MCA0Ni4yMDkxIDE1OC4yMDkgNDggMTU2IDQ4SDBWMzJaIiBmaWxsPSIjRTBFMUU5IiBmaWxsLW9wYWNpdHk9IjAuOCIvPgogIDxwYXRoIGQ9Ik0wIDY0SDEzOEMxNDAuMjA5IDY0IDE0MiA2NS43OTA5IDE0MiA2OFY3NkMxNDIgNzguMjA5MSAxNDAuMjA5IDgwIDEzOCA4MEgwVjY0WiIgZmlsbD0iI0UwRTFFOSIgZmlsbC1vcGFjaXR5PSIwLjgiLz4KICA8cGF0aCBkPSJNMCA5NkgxNTZDMTU4LjIwOSA5NiAxNjAgOTcuNzkwOSAxNjAgMTAwVjEwOEMxNjAgMTEwLjIwOSAxNTguMjA5IDExMiAxNTYgMTEySDBWOTZaIiBmaWxsPSIjRTBFMUU5IiBmaWxsLW9wYWNpdHk9IjAuOCIvPgogIDxwYXRoIGQ9Ik0wIDEyOEgxMTZDMTE4LjIwOSAxMjggMTIwIDEyOS43OTEgMTIwIDEzMlYxNDBDMTIwIDE0Mi4yMDkgMTE4LjIwOSAxNDQgMTE2IDE0NEgwVjEyOFoiIGZpbGw9IiNFMEUxRTkiIGZpbGwtb3BhY2l0eT0iMC44Ii8+CiAgPC9zdmc+CiAg";
|
|
25
|
+
function CompactHorizontalBarChartSkeleton() {
|
|
27
26
|
var _ref = arguments[0],
|
|
28
27
|
_ref2;
|
|
29
|
-
|
|
30
|
-
return _ref2 = (0, _core.sstyled)(styles), /*#__PURE__*/_react
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
}
|
|
37
|
-
|
|
28
|
+
const SChartSkeleton = _Skeleton.Skeleton;
|
|
29
|
+
return _ref2 = (0, _core.sstyled)(styles), /*#__PURE__*/_react.default.createElement(SChartSkeleton, _ref2.cn("SChartSkeleton", {
|
|
30
|
+
...(0, _core.assignProps)({
|
|
31
|
+
"bgRepeat": 'repeat-y',
|
|
32
|
+
"bgPosition": 'left top',
|
|
33
|
+
"bgSize": 'contain',
|
|
34
|
+
"bgPattern": `url(data:image/svg+xml;base64,${patternBase64})`
|
|
35
|
+
}, _ref)
|
|
36
|
+
}));
|
|
37
|
+
}
|
|
38
|
+
var _default = exports.default = (0, _core.createComponent)(CompactHorizontalBarChartSkeleton);
|
|
38
39
|
//# sourceMappingURL=CompactHorizontalBar.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CompactHorizontalBar.js","names":["_core","require","_react","_interopRequireDefault","_Skeleton","styles","sstyled","insert","patternBase64","CompactHorizontalBarChartSkeleton","
|
|
1
|
+
{"version":3,"file":"CompactHorizontalBar.js","names":["_core","require","_react","_interopRequireDefault","_Skeleton","styles","sstyled","insert","patternBase64","CompactHorizontalBarChartSkeleton","_ref","arguments[0]","_ref2","SChartSkeleton","Skeleton","default","createElement","cn","assignProps","_default","exports","createComponent"],"sources":["../../../src/Charts/CompactHorizontalBar.jsx"],"sourcesContent":["import { createComponent, Root, sstyled } from '@semcore/core';\nimport React from 'react';\n\nimport { Skeleton } from '../Skeleton';\nimport styles from '../style/chart.shadow.css';\n\nconst patternBase64 = preval`\nmodule.exports = btoa(require('fs').readFileSync(__dirname + '/../svg/compact-horizontal-bar-chart.svg'))\n`;\n\nfunction CompactHorizontalBarChartSkeleton() {\n const SChartSkeleton = Root;\n return sstyled(styles)(\n <SChartSkeleton\n render={Skeleton}\n bgRepeat='repeat-y'\n bgPosition='left top'\n bgSize='contain'\n bgPattern={`url(data:image/svg+xml;base64,${patternBase64})`}\n />,\n );\n}\n\nexport default createComponent(CompactHorizontalBarChartSkeleton);\n"],"mappings":";;;;;;;AAAA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AAEA,IAAAG,SAAA,GAAAH,OAAA;AAAuC;AAAA,MAAAI,MAAA,8BAAAL,KAAA,CAAAM,OAAA,CAAAC,MAAA;AAAA;AAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAAA;AAGvC,MAAMC,aAAa,i/BAElB;AAED,SAASC,iCAAiCA,CAAA,EAAG;EAAA,IAAAC,IAAA,GAAAC,YAAA;IAAAC,KAAA;EAC3C,MAAMC,cAAc,GAGRC,kBAAQ;EAFpB,OAAAF,KAAA,GAAO,IAAAN,aAAO,EAACD,MAAM,CAAC,eACpBH,MAAA,CAAAa,OAAA,CAAAC,aAAA,CAACH,cAAc,EAAAD,KAAA,CAAAK,EAAA;IAAA,OAAAjB,KAAA,CAAAkB,WAAA;MAAA,YAEJ,UAAU;MAAA,cACR,UAAU;MAAA,UACd,SAAS;MAAA,aACL,iCAAiCV,aAAa;IAAG,GAAAE,IAAA;EAAA,EAC7D,CAAC;AAEN;AAAC,IAAAS,QAAA,GAAAC,OAAA,CAAAL,OAAA,GAEc,IAAAM,qBAAe,EAACZ,iCAAiC,CAAC","ignoreList":[]}
|
package/lib/cjs/Charts/Donut.js
CHANGED
|
@@ -1,48 +1,48 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
|
|
4
4
|
Object.defineProperty(exports, "__esModule", {
|
|
5
5
|
value: true
|
|
6
6
|
});
|
|
7
|
-
exports
|
|
8
|
-
var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
|
|
7
|
+
exports.default = void 0;
|
|
9
8
|
var _core = require("@semcore/core");
|
|
10
9
|
var _react = _interopRequireDefault(require("react"));
|
|
11
10
|
var _Skeleton = require("../Skeleton");
|
|
12
11
|
/*!__reshadow-styles__:"../style/chart.shadow.css"*/
|
|
13
|
-
|
|
12
|
+
const styles = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".___SChartSkeleton_1k4jx_gg_{height:200px;width:100%;background-image:var(--bgPattern_1k4jx)}.___SChartSkeleton_1k4jx_gg_.__bgPosition_1k4jx_gg_{background-position:var(--bgPosition_1k4jx)}.___SChartSkeleton_1k4jx_gg_.__bgSize_1k4jx_gg_{background-size:var(--bgSize_1k4jx)}.___SChartSkeleton_1k4jx_gg_.__bgRepeat_1k4jx_gg_{background-repeat:var(--bgRepeat_1k4jx)}", /*__inner_css_end__*/"1k4jx_gg_"),
|
|
14
13
|
/*__reshadow_css_end__*/
|
|
15
14
|
{
|
|
16
|
-
"__SChartSkeleton": "
|
|
17
|
-
"--bgPattern": "--
|
|
18
|
-
"_bgPosition": "
|
|
19
|
-
"--bgPosition": "--
|
|
20
|
-
"_bgSize": "
|
|
21
|
-
"--bgSize": "--
|
|
22
|
-
"_bgRepeat": "
|
|
23
|
-
"--bgRepeat": "--
|
|
15
|
+
"__SChartSkeleton": "___SChartSkeleton_1k4jx_gg_",
|
|
16
|
+
"--bgPattern": "--bgPattern_1k4jx",
|
|
17
|
+
"_bgPosition": "__bgPosition_1k4jx_gg_",
|
|
18
|
+
"--bgPosition": "--bgPosition_1k4jx",
|
|
19
|
+
"_bgSize": "__bgSize_1k4jx_gg_",
|
|
20
|
+
"--bgSize": "--bgSize_1k4jx",
|
|
21
|
+
"_bgRepeat": "__bgRepeat_1k4jx_gg_",
|
|
22
|
+
"--bgRepeat": "--bgRepeat_1k4jx"
|
|
24
23
|
});
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
24
|
+
const donutFullSvg = "PHN2ZyB3aWR0aD0iMTgwIiBoZWlnaHQ9IjE4MCIgdmlld0JveD0iMCAwIDE4MCAxODAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxnIGlkPSJwYXJhZ3JhcGg9ZmFsc2UsIGNoYXJ0IHR5cGU9JiMyNDA7JiMxNTk7JiMxNDE7JiMxNjk7IGRvbnV0IGNoYXJ0LCBwaWN0dXJlIGRpdj1mYWxzZSI+CjxnIGlkPSJkb251dC1jaGFydCI+CjxwYXRoIGQ9Ik0xNTguODYzIDE0NS43NDJDMTcxLjQ1MyAxMzAuMjU5IDE4MCAxMTEuNTExIDE4MCA5MEMxODAgNjguNjE2OCAxNzIuNTQzIDQ4Ljk3NTMgMTYwLjA4NyAzMy41MzQzTDEzNy43MzEgNTUuMTQ1OUMxNTEuNzk5IDgyLjA2NzMgMTUxLjQ3NSA5NS40NDAzIDEzNy43OTMgMTIzLjcyNEwxNTguODYzIDE0NS43NDJaIiBmaWxsPSIjRTBFMUU5IiBmaWxsLW9wYWNpdHk9IjAuOCIvPgo8cGF0aCBkPSJNOTAgMTgwQzExNy4xMTIgMTgwIDE0MC40MjUgMTY3LjAxMSAxNTYuOTI1IDE0OC4wNDZMMTM1LjgyNyAxMjZDMTI0LjgyNyAxMzkuNTcgMTA4LjMzIDE0OSA4OS41IDE0OUM1Ni4zNjI5IDE0OSAyOSAxMjMuMTM3IDI5IDkwQzI4LjU2MzEgNTcuODU3NiA1NC44NzYyIDMxLjU3OTkgODcgMzBWMC4wNDkwNThDMzguNjgzMSAxLjYzMTUyIDAgNDEuMjk4MyAwIDkwQzAgMTM5LjcwNiA0MC4yOTQ0IDE4MCA5MCAxODBaIiBmaWxsPSIjRTBFMUU5IiBmaWxsLW9wYWNpdHk9IjAuOCIvPgo8cGF0aCBkPSJNMTU4LjA0NiAzMS4zMzI3TDEzNS42MzQgNTNDMTI1LjEzMiAzOS42MTYxIDEwOS44NzQgMzAuNDU1MiA5MCAzMFYwQzExNy45MTUgMCAxNDEuNTM4IDExLjM4NTEgMTU4LjA0NiAzMS4zMzI3WiIgZmlsbD0iI0UwRTFFOSIgZmlsbC1vcGFjaXR5PSIwLjgiLz4KPC9nPgo8L2c+Cjwvc3ZnPgo=";
|
|
25
|
+
const donutHalfSvg = "PHN2ZyB3aWR0aD0iMTgwIiBoZWlnaHQ9IjkwIiB2aWV3Qm94PSIwIDAgMTgwIDkwIiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNMTU2LjkyNSAzMS45NTM4QzE0MC40MjUgMTIuOTg4NiAxMTcuMTEyIDAgOTAgMEM0MC4yOTQ0IDAgMCA0MC4yOTQ0IDAgOTBIMjlDMjkgNTYuODYyOSA1Ni4zNjI5IDMxIDg5LjUgMzFDMTA4LjMzIDMxIDEyNC44MjcgNDAuNDI5NiAxMzUuODI3IDU0TDE1Ni45MjUgMzEuOTUzOFoiIGZpbGw9IiNFMEUxRTkiIGZpbGwtb3BhY2l0eT0iMC44Ii8+CjxwYXRoIGQ9Ik0xODAgOTBIMTQ4LjE1MkMxNDcuODg2IDgwLjA5ODkgMTQ0LjM5NSA2OS45MjMzIDEzNy43OTMgNTYuMjc2NEwxNTguODYzIDM0LjI1ODFDMTcxLjQ1MyA0OS43NDA3IDE4MCA2OC40ODkgMTgwIDkwWiIgZmlsbD0iI0UwRTFFOSIgZmlsbC1vcGFjaXR5PSIwLjgiLz4KPC9zdmc+Cg==";
|
|
26
|
+
function DonutChartSkeleton(props) {
|
|
28
27
|
var _ref = arguments[0],
|
|
29
|
-
_ref2
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
"false": donutFullSvg
|
|
28
|
+
_ref2;
|
|
29
|
+
const SChartSkeleton = _Skeleton.Skeleton;
|
|
30
|
+
const halfsize = props.halfsize ?? false;
|
|
31
|
+
const patternBase64 = {
|
|
32
|
+
true: donutHalfSvg,
|
|
33
|
+
false: donutFullSvg
|
|
36
34
|
}[halfsize];
|
|
37
|
-
return _ref2 = (0, _core.sstyled)(styles), /*#__PURE__*/_react
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
"
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
}
|
|
47
|
-
|
|
35
|
+
return _ref2 = (0, _core.sstyled)(styles), /*#__PURE__*/_react.default.createElement(SChartSkeleton, _ref2.cn("SChartSkeleton", {
|
|
36
|
+
...(0, _core.assignProps)({
|
|
37
|
+
"bgRepeat": 'no-repeat',
|
|
38
|
+
"bgPosition": {
|
|
39
|
+
true: 'center bottom',
|
|
40
|
+
false: 'center'
|
|
41
|
+
}[halfsize],
|
|
42
|
+
"bgSize": 'contain',
|
|
43
|
+
"bgPattern": `url(data:image/svg+xml;base64,${patternBase64})`
|
|
44
|
+
}, _ref)
|
|
45
|
+
}));
|
|
46
|
+
}
|
|
47
|
+
var _default = exports.default = (0, _core.createComponent)(DonutChartSkeleton);
|
|
48
48
|
//# sourceMappingURL=Donut.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Donut.js","names":["_core","require","_react","_interopRequireDefault","_Skeleton","styles","sstyled","insert","donutFullSvg","donutHalfSvg","DonutChartSkeleton","props","_ref","arguments[0]","_ref2","
|
|
1
|
+
{"version":3,"file":"Donut.js","names":["_core","require","_react","_interopRequireDefault","_Skeleton","styles","sstyled","insert","donutFullSvg","donutHalfSvg","DonutChartSkeleton","props","_ref","arguments[0]","_ref2","SChartSkeleton","Skeleton","halfsize","patternBase64","true","false","default","createElement","cn","assignProps","_default","exports","createComponent"],"sources":["../../../src/Charts/Donut.jsx"],"sourcesContent":["import { createComponent, Root, sstyled } from '@semcore/core';\nimport React from 'react';\n\nimport { Skeleton } from '../Skeleton';\nimport styles from '../style/chart.shadow.css';\n\nconst donutFullSvg = preval`\nmodule.exports = btoa(require('fs').readFileSync(__dirname + '/../svg/donut-chart.svg'))\n`;\nconst donutHalfSvg = preval`\nmodule.exports = btoa(require('fs').readFileSync(__dirname + '/../svg/donut-chart-halfsize.svg'))\n`;\n\nfunction DonutChartSkeleton(props) {\n const SChartSkeleton = Root;\n const halfsize = props.halfsize ?? false;\n const patternBase64 = { true: donutHalfSvg, false: donutFullSvg }[halfsize];\n return sstyled(styles)(\n <SChartSkeleton\n render={Skeleton}\n bgRepeat='no-repeat'\n bgPosition={{ true: 'center bottom', false: 'center' }[halfsize]}\n bgSize='contain'\n bgPattern={`url(data:image/svg+xml;base64,${patternBase64})`}\n />,\n );\n}\n\nexport default createComponent(DonutChartSkeleton);\n"],"mappings":";;;;;;;AAAA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AAEA,IAAAG,SAAA,GAAAH,OAAA;AAAuC;AAAA,MAAAI,MAAA,8BAAAL,KAAA,CAAAM,OAAA,CAAAC,MAAA;AAAA;AAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAAA;AAGvC,MAAMC,YAAY,6qCAEjB;AACD,MAAMC,YAAY,6nBAEjB;AAED,SAASC,kBAAkBA,CAACC,KAAK,EAAE;EAAA,IAAAC,IAAA,GAAAC,YAAA;IAAAC,KAAA;EACjC,MAAMC,cAAc,GAKRC,kBAAQ;EAJpB,MAAMC,QAAQ,GAAGN,KAAK,CAACM,QAAQ,IAAI,KAAK;EACxC,MAAMC,aAAa,GAAG;IAAEC,IAAI,EAAEV,YAAY;IAAEW,KAAK,EAAEZ;EAAa,CAAC,CAACS,QAAQ,CAAC;EAC3E,OAAAH,KAAA,GAAO,IAAAR,aAAO,EAACD,MAAM,CAAC,eACpBH,MAAA,CAAAmB,OAAA,CAAAC,aAAA,CAACP,cAAc,EAAAD,KAAA,CAAAS,EAAA;IAAA,OAAAvB,KAAA,CAAAwB,WAAA;MAAA,YAEJ,WAAW;MAAA,cACR;QAAEL,IAAI,EAAE,eAAe;QAAEC,KAAK,EAAE;MAAS,CAAC,CAACH,QAAQ,CAAC;MAAA,UACzD,SAAS;MAAA,aACL,iCAAiCC,aAAa;IAAG,GAAAN,IAAA;EAAA,EAC7D,CAAC;AAEN;AAAC,IAAAa,QAAA,GAAAC,OAAA,CAAAL,OAAA,GAEc,IAAAM,qBAAe,EAACjB,kBAAkB,CAAC","ignoreList":[]}
|