@semcore/skeleton 16.0.1 → 16.0.2-prerelease.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 +6 -0
- package/README.md +1 -37
- package/lib/cjs/Charts/Area.js +11 -12
- package/lib/cjs/Charts/Area.js.map +1 -1
- package/lib/cjs/Charts/Bar.js +11 -12
- package/lib/cjs/Charts/Bar.js.map +1 -1
- package/lib/cjs/Charts/Bubble.js +11 -12
- package/lib/cjs/Charts/Bubble.js.map +1 -1
- package/lib/cjs/Charts/CompactHorizontalBar.js +12 -13
- package/lib/cjs/Charts/CompactHorizontalBar.js.map +1 -1
- package/lib/cjs/Charts/Donut.js +11 -12
- package/lib/cjs/Charts/Donut.js.map +1 -1
- package/lib/cjs/Charts/Histogram.js +11 -12
- package/lib/cjs/Charts/Histogram.js.map +1 -1
- package/lib/cjs/Charts/Line.js +11 -12
- package/lib/cjs/Charts/Line.js.map +1 -1
- package/lib/cjs/Charts/RadialTree.js +11 -12
- package/lib/cjs/Charts/RadialTree.js.map +1 -1
- package/lib/cjs/Charts/ScatterPlot.js +11 -12
- package/lib/cjs/Charts/ScatterPlot.js.map +1 -1
- package/lib/cjs/Charts/Venn.js +11 -12
- package/lib/cjs/Charts/Venn.js.map +1 -1
- package/lib/cjs/Charts/index.js +1 -1
- package/lib/cjs/Charts/index.js.map +1 -1
- package/lib/cjs/Skeleton.d.js.map +1 -1
- package/lib/cjs/Skeleton.js +30 -36
- package/lib/cjs/Skeleton.js.map +1 -1
- package/lib/cjs/index.d.js.map +1 -1
- package/lib/cjs/index.js +1 -1
- package/lib/cjs/index.js.map +1 -1
- package/lib/cjs/translations/__intergalactic-dynamic-locales.js +4 -5
- package/lib/cjs/translations/__intergalactic-dynamic-locales.js.map +1 -1
- package/lib/es6/Charts/Area.js +10 -10
- package/lib/es6/Charts/Area.js.map +1 -1
- package/lib/es6/Charts/Bar.js +10 -10
- package/lib/es6/Charts/Bar.js.map +1 -1
- package/lib/es6/Charts/Bubble.js +10 -10
- package/lib/es6/Charts/Bubble.js.map +1 -1
- package/lib/es6/Charts/CompactHorizontalBar.js +11 -11
- package/lib/es6/Charts/CompactHorizontalBar.js.map +1 -1
- package/lib/es6/Charts/Donut.js +10 -10
- package/lib/es6/Charts/Donut.js.map +1 -1
- package/lib/es6/Charts/Histogram.js +10 -10
- package/lib/es6/Charts/Histogram.js.map +1 -1
- package/lib/es6/Charts/Line.js +10 -10
- package/lib/es6/Charts/Line.js.map +1 -1
- package/lib/es6/Charts/RadialTree.js +10 -10
- package/lib/es6/Charts/RadialTree.js.map +1 -1
- package/lib/es6/Charts/ScatterPlot.js +10 -10
- package/lib/es6/Charts/ScatterPlot.js.map +1 -1
- package/lib/es6/Charts/Venn.js +10 -10
- package/lib/es6/Charts/Venn.js.map +1 -1
- package/lib/es6/Charts/index.js.map +1 -1
- package/lib/es6/Skeleton.d.js.map +1 -1
- package/lib/es6/Skeleton.js +28 -32
- package/lib/es6/Skeleton.js.map +1 -1
- package/lib/es6/index.d.js.map +1 -1
- package/lib/es6/index.js.map +1 -1
- package/lib/es6/translations/__intergalactic-dynamic-locales.js +2 -2
- package/lib/es6/translations/__intergalactic-dynamic-locales.js.map +1 -1
- package/lib/esm/Charts/Area.mjs +10 -10
- package/lib/esm/Charts/Bar.mjs +10 -10
- package/lib/esm/Charts/Bubble.mjs +10 -10
- package/lib/esm/Charts/CompactHorizontalBar.mjs +11 -11
- package/lib/esm/Charts/Donut.mjs +10 -10
- package/lib/esm/Charts/Histogram.mjs +10 -10
- package/lib/esm/Charts/Line.mjs +10 -10
- package/lib/esm/Charts/RadialTree.mjs +10 -10
- package/lib/esm/Charts/ScatterPlot.mjs +10 -10
- package/lib/esm/Charts/Venn.mjs +10 -10
- package/lib/esm/Skeleton.mjs +30 -33
- package/lib/esm/translations/__intergalactic-dynamic-locales.mjs +2 -2
- package/lib/types/index.d.ts +3 -3
- package/package.json +4 -4
|
@@ -1,6 +1,6 @@
|
|
|
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
|
});
|
|
@@ -10,17 +10,17 @@ var _core = require("@semcore/core");
|
|
|
10
10
|
var _react = _interopRequireDefault(require("react"));
|
|
11
11
|
var _Skeleton = require("../Skeleton");
|
|
12
12
|
/*!__reshadow-styles__:"../style/chart.shadow.css"*/
|
|
13
|
-
var styles = (
|
|
13
|
+
var styles = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".___SChartSkeleton_1yrjo_gg_{height:200px;width:100%;background-image:var(--bgPattern_1yrjo)}.___SChartSkeleton_1yrjo_gg_.__bgPosition_1yrjo_gg_{background-position:var(--bgPosition_1yrjo)}.___SChartSkeleton_1yrjo_gg_.__bgSize_1yrjo_gg_{background-size:var(--bgSize_1yrjo)}.___SChartSkeleton_1yrjo_gg_.__bgRepeat_1yrjo_gg_{background-repeat:var(--bgRepeat_1yrjo)}", /*__inner_css_end__*/"1yrjo_gg_"),
|
|
14
14
|
/*__reshadow_css_end__*/
|
|
15
15
|
{
|
|
16
|
-
"__SChartSkeleton": "
|
|
17
|
-
"--bgPattern": "--
|
|
18
|
-
"_bgPosition": "
|
|
19
|
-
"--bgPosition": "--
|
|
20
|
-
"_bgSize": "
|
|
21
|
-
"--bgSize": "--
|
|
22
|
-
"_bgRepeat": "
|
|
23
|
-
"--bgRepeat": "--
|
|
16
|
+
"__SChartSkeleton": "___SChartSkeleton_1yrjo_gg_",
|
|
17
|
+
"--bgPattern": "--bgPattern_1yrjo",
|
|
18
|
+
"_bgPosition": "__bgPosition_1yrjo_gg_",
|
|
19
|
+
"--bgPosition": "--bgPosition_1yrjo",
|
|
20
|
+
"_bgSize": "__bgSize_1yrjo_gg_",
|
|
21
|
+
"--bgSize": "--bgSize_1yrjo",
|
|
22
|
+
"_bgRepeat": "__bgRepeat_1yrjo_gg_",
|
|
23
|
+
"--bgRepeat": "--bgRepeat_1yrjo"
|
|
24
24
|
});
|
|
25
25
|
var scatterSvg = "PHN2ZyB3aWR0aD0iMzc2IiBoZWlnaHQ9IjExMCIgdmlld0JveD0iMCAwIDM3NiAxMTAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxnIGNsaXAtcGF0aD0idXJsKCNjbGlwMF8xMDMyOF8xNDY5NzkpIj4KPHBhdGggZD0iTTEwIDExMEMxNS41MjI4IDExMCAyMCAxMDUuNTIzIDIwIDEwMEMyMCA5NC40NzcyIDE1LjUyMjggOTAgMTAgOTBDNC40NzcxNSA5MCAwIDk0LjQ3NzIgMCAxMDBDMCAxMDUuNTIzIDQuNDc3MTUgMTEwIDEwIDExMFoiIGZpbGw9IiNFMEUxRTkiIGZpbGwtb3BhY2l0eT0iMC44Ii8+CjxwYXRoIGQ9Ik0xMjkgNzJDMTM0LjUyMyA3MiAxMzkgNjcuNTIyOCAxMzkgNjJDMTM5IDU2LjQ3NzIgMTM0LjUyMyA1MiAxMjkgNTJDMTIzLjQ3NyA1MiAxMTkgNTYuNDc3MiAxMTkgNjJDMTE5IDY3LjUyMjggMTIzLjQ3NyA3MiAxMjkgNzJaIiBmaWxsPSIjRTBFMUU5IiBmaWxsLW9wYWNpdHk9IjAuOCIvPgo8cGF0aCBkPSJNMTg4IDk2QzE5My41MjMgOTYgMTk4IDkxLjUyMjggMTk4IDg2QzE5OCA4MC40NzcyIDE5My41MjMgNzYgMTg4IDc2QzE4Mi40NzcgNzYgMTc4IDgwLjQ3NzIgMTc4IDg2QzE3OCA5MS41MjI4IDE4Mi40NzcgOTYgMTg4IDk2WiIgZmlsbD0iI0UwRTFFOSIgZmlsbC1vcGFjaXR5PSIwLjgiLz4KPHBhdGggZD0iTTM2NiAyMEMzNzEuNTIzIDIwIDM3NiAxNS41MjI4IDM3NiAxMEMzNzYgNC40NzcxNSAzNzEuNTIzIDAgMzY2IDBDMzYwLjQ3NyAwIDM1NiA0LjQ3NzE1IDM1NiAxMEMzNTYgMTUuNTIyOCAzNjAuNDc3IDIwIDM2NiAyMFoiIGZpbGw9IiNFMEUxRTkiIGZpbGwtb3BhY2l0eT0iMC44Ii8+CjxwYXRoIGQ9Ik03MCA1NEM3NS41MjI4IDU0IDgwIDQ5LjUyMjggODAgNDRDODAgMzguNDc3MiA3NS41MjI4IDM0IDcwIDM0QzY0LjQ3NzIgMzQgNjAgMzguNDc3MiA2MCA0NEM2MCA0OS41MjI4IDY0LjQ3NzIgNTQgNzAgNTRaIiBmaWxsPSIjRTBFMUU5IiBmaWxsLW9wYWNpdHk9IjAuOCIvPgo8cGF0aCBkPSJNMjQ3IDYyQzI1Mi41MjMgNjIgMjU3IDU3LjUyMjggMjU3IDUyQzI1NyA0Ni40NzcyIDI1Mi41MjMgNDIgMjQ3IDQyQzI0MS40NzcgNDIgMjM3IDQ2LjQ3NzIgMjM3IDUyQzIzNyA1Ny41MjI4IDI0MS40NzcgNjIgMjQ3IDYyWiIgZmlsbD0iI0UwRTFFOSIgZmlsbC1vcGFjaXR5PSIwLjgiLz4KPHBhdGggZD0iTTMwNiA3MEMzMTEuNTIzIDcwIDMxNiA2NS41MjI4IDMxNiA2MEMzMTYgNTQuNDc3MiAzMTEuNTIzIDUwIDMwNiA1MEMzMDAuNDc3IDUwIDI5NiA1NC40NzcyIDI5NiA2MEMyOTYgNjUuNTIyOCAzMDAuNDc3IDcwIDMwNiA3MFoiIGZpbGw9IiNFMEUxRTkiIGZpbGwtb3BhY2l0eT0iMC44Ii8+CjwvZz4KPGRlZnM+CjxjbGlwUGF0aCBpZD0iY2xpcDBfMTAzMjhfMTQ2OTc5Ij4KPHJlY3Qgd2lkdGg9IjM3NiIgaGVpZ2h0PSIxMTAiIGZpbGw9IndoaXRlIi8+CjwvY2xpcFBhdGg+CjwvZGVmcz4KPC9zdmc+Cg==";
|
|
26
26
|
var ScatterPlotChartSkeleton = function ScatterPlotChartSkeleton() {
|
|
@@ -34,6 +34,5 @@ var ScatterPlotChartSkeleton = function ScatterPlotChartSkeleton() {
|
|
|
34
34
|
"bgPattern": "url(data:image/svg+xml;base64,".concat(scatterSvg, ")")
|
|
35
35
|
}, _ref))));
|
|
36
36
|
};
|
|
37
|
-
var _default = (0, _core.createComponent)(ScatterPlotChartSkeleton);
|
|
38
|
-
exports["default"] = _default;
|
|
37
|
+
var _default = exports["default"] = (0, _core.createComponent)(ScatterPlotChartSkeleton);
|
|
39
38
|
//# sourceMappingURL=ScatterPlot.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ScatterPlot.js","names":["_core","require","_react","_interopRequireDefault","_Skeleton","styles","sstyled","insert","scatterSvg","ScatterPlotChartSkeleton","_ref","arguments[0]","_ref2","SChartSkeleton","Skeleton","createElement","cn","_objectSpread2","assignProps","concat","_default","
|
|
1
|
+
{"version":3,"file":"ScatterPlot.js","names":["_core","require","_react","_interopRequireDefault","_Skeleton","styles","sstyled","insert","scatterSvg","ScatterPlotChartSkeleton","_ref","arguments[0]","_ref2","SChartSkeleton","Skeleton","createElement","cn","_objectSpread2","assignProps","concat","_default","exports","createComponent"],"sources":["../../../src/Charts/ScatterPlot.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 scatterSvg = preval`\nmodule.exports = btoa(require('fs').readFileSync(__dirname + '/../svg/scatter-plot-chart.svg'))\n`;\n\nconst ScatterPlotChartSkeleton = () => {\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,${scatterSvg})`}\n />,\n );\n};\n\nexport default createComponent(ScatterPlotChartSkeleton);\n"],"mappings":";;;;;;;;AAAA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AAEA,IAAAG,SAAA,GAAAH,OAAA;AAAuC;AAAA,IAAAI,MAAA,8BAAAL,KAAA,CAAAM,OAAA,CAAAC,MAAA;AAAA;AAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAAA;AAGvC,IAAMC,UAAU,66DAEf;AAED,IAAMC,wBAAwB,GAAG,SAA3BA,wBAAwBA,CAAA,EAAS;EAAA,IAAAC,IAAA,GAAAC,YAAA;IAAAC,KAAA;EACrC,IAAMC,cAAc,GAGRC,kBAAQ;EAFpB,OAAAF,KAAA,GAAO,IAAAN,aAAO,EAACD,MAAM,CAAC,eACpBH,MAAA,YAAAa,aAAA,CAACF,cAAc,EAAAD,KAAA,CAAAI,EAAA,uBAAAC,cAAA,qBAAAjB,KAAA,CAAAkB,WAAA;IAAA,YAEJ,UAAU;IAAA,cACR,aAAa;IAAA,UACjB,UAAU;IAAA,8CAAAC,MAAA,CAC2BX,UAAU;EAAA,GAAAE,IAAA,GACvD,CAAC;AAEN,CAAC;AAAC,IAAAU,QAAA,GAAAC,OAAA,cAEa,IAAAC,qBAAe,EAACb,wBAAwB,CAAC","ignoreList":[]}
|
package/lib/cjs/Charts/Venn.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
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
|
});
|
|
@@ -10,17 +10,17 @@ var _core = require("@semcore/core");
|
|
|
10
10
|
var _react = _interopRequireDefault(require("react"));
|
|
11
11
|
var _Skeleton = require("../Skeleton");
|
|
12
12
|
/*!__reshadow-styles__:"../style/chart.shadow.css"*/
|
|
13
|
-
var styles = (
|
|
13
|
+
var styles = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".___SChartSkeleton_1yrjo_gg_{height:200px;width:100%;background-image:var(--bgPattern_1yrjo)}.___SChartSkeleton_1yrjo_gg_.__bgPosition_1yrjo_gg_{background-position:var(--bgPosition_1yrjo)}.___SChartSkeleton_1yrjo_gg_.__bgSize_1yrjo_gg_{background-size:var(--bgSize_1yrjo)}.___SChartSkeleton_1yrjo_gg_.__bgRepeat_1yrjo_gg_{background-repeat:var(--bgRepeat_1yrjo)}", /*__inner_css_end__*/"1yrjo_gg_"),
|
|
14
14
|
/*__reshadow_css_end__*/
|
|
15
15
|
{
|
|
16
|
-
"__SChartSkeleton": "
|
|
17
|
-
"--bgPattern": "--
|
|
18
|
-
"_bgPosition": "
|
|
19
|
-
"--bgPosition": "--
|
|
20
|
-
"_bgSize": "
|
|
21
|
-
"--bgSize": "--
|
|
22
|
-
"_bgRepeat": "
|
|
23
|
-
"--bgRepeat": "--
|
|
16
|
+
"__SChartSkeleton": "___SChartSkeleton_1yrjo_gg_",
|
|
17
|
+
"--bgPattern": "--bgPattern_1yrjo",
|
|
18
|
+
"_bgPosition": "__bgPosition_1yrjo_gg_",
|
|
19
|
+
"--bgPosition": "--bgPosition_1yrjo",
|
|
20
|
+
"_bgSize": "__bgSize_1yrjo_gg_",
|
|
21
|
+
"--bgSize": "--bgSize_1yrjo",
|
|
22
|
+
"_bgRepeat": "__bgRepeat_1yrjo_gg_",
|
|
23
|
+
"--bgRepeat": "--bgRepeat_1yrjo"
|
|
24
24
|
});
|
|
25
25
|
var vennSvg = "PHN2ZyB3aWR0aD0iMjAwIiBoZWlnaHQ9IjE4MCIgdmlld0JveD0iMCAwIDIwMCAxODAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxnIGlkPSJwYXJhZ3JhcGg9ZmFsc2UsIGNoYXJ0IHR5cGU9dmVubiBjaGFydCwgcGljdHVyZSBkaXY9ZmFsc2UiPgo8ZyBpZD0ic2tlbGV0b24tdmVubiIgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzEwMzI4XzE0Njk4OSkiPgo8cGF0aCBpZD0iU2hhcGUiIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNNzcuNzc3OCA5MEM3Ny43Nzc4IDcxLjA1NzQgODYuNDI3NyA1NC4xMzE1IDEwMCA0Mi45NDMxQzExMy41NzIgNTQuMTMxNSAxMjIuMjIyIDcxLjA1NzQgMTIyLjIyMiA5MEMxMjIuMjIyIDEwOC45NDMgMTEzLjU3MiAxMjUuODY5IDEwMCAxMzcuMDU3Qzg2LjQyNzcgMTI1Ljg2OSA3Ny43Nzc4IDEwOC45NDMgNzcuNzc3OCA5MFpNMTAwIDEzNy4wNTdDMTEwLjU2NiAxNDUuNzY3IDEyNC4xMTUgMTUxIDEzOC44ODkgMTUxQzE3Mi42NCAxNTEgMjAwIDEyMy42ODkgMjAwIDkwQzIwMCA1Ni4zMTA2IDE3Mi42NCAyOSAxMzguODg5IDI5QzEyNC4xMTUgMjkgMTEwLjU2NiAzNC4yMzI5IDEwMCA0Mi45NDMxQzg5LjQzNCAzNC4yMzI5IDc1Ljg4NDggMjkgNjEuMTExMSAyOUMyNy4zNjA0IDI5IDAgNTYuMzEwNiAwIDkwQzAgMTIzLjY4OSAyNy4zNjA0IDE1MSA2MS4xMTExIDE1MUM3NS44ODQ4IDE1MSA4OS40MzQgMTQ1Ljc2NyAxMDAgMTM3LjA1N1oiIGZpbGw9IiNFMEUxRTkiIGZpbGwtb3BhY2l0eT0iMC44Ii8+CjxwYXRoIGlkPSJQYXRoIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTEwMCA0M0MxMTMuNDM3IDU0LjE3NDkgMTIyIDcxLjA4MDMgMTIyIDkwQzEyMiAxMDguOTIgMTEzLjQzNyAxMjUuODI1IDEwMCAxMzdDODYuNTYzNSAxMjUuODI1IDc4IDEwOC45MiA3OCA5MEM3OCA3MS4wODAzIDg2LjU2MzUgNTQuMTc0OSAxMDAgNDNWNDNaIiBmaWxsPSIjRTBFMUU5IiBmaWxsLW9wYWNpdHk9IjAuOCIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSI0Ii8+CjwvZz4KPC9nPgo8ZGVmcz4KPGNsaXBQYXRoIGlkPSJjbGlwMF8xMDMyOF8xNDY5ODkiPgo8cmVjdCB3aWR0aD0iMjAwIiBoZWlnaHQ9IjEyMiIgZmlsbD0id2hpdGUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAgMjkpIi8+CjwvY2xpcFBhdGg+CjwvZGVmcz4KPC9zdmc+Cg==";
|
|
26
26
|
var VennChartSkeleton = function VennChartSkeleton() {
|
|
@@ -34,6 +34,5 @@ var VennChartSkeleton = function VennChartSkeleton() {
|
|
|
34
34
|
"bgPattern": "url(data:image/svg+xml;base64,".concat(vennSvg, ")")
|
|
35
35
|
}, _ref))));
|
|
36
36
|
};
|
|
37
|
-
var _default = (0, _core.createComponent)(VennChartSkeleton);
|
|
38
|
-
exports["default"] = _default;
|
|
37
|
+
var _default = exports["default"] = (0, _core.createComponent)(VennChartSkeleton);
|
|
39
38
|
//# sourceMappingURL=Venn.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Venn.js","names":["_core","require","_react","_interopRequireDefault","_Skeleton","styles","sstyled","insert","vennSvg","VennChartSkeleton","_ref","arguments[0]","_ref2","SChartSkeleton","Skeleton","createElement","cn","_objectSpread2","assignProps","concat","_default","
|
|
1
|
+
{"version":3,"file":"Venn.js","names":["_core","require","_react","_interopRequireDefault","_Skeleton","styles","sstyled","insert","vennSvg","VennChartSkeleton","_ref","arguments[0]","_ref2","SChartSkeleton","Skeleton","createElement","cn","_objectSpread2","assignProps","concat","_default","exports","createComponent"],"sources":["../../../src/Charts/Venn.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 vennSvg = preval`\nmodule.exports = btoa(require('fs').readFileSync(__dirname + '/../svg/venn-chart.svg'))\n`;\n\nconst VennChartSkeleton = () => {\n const SChartSkeleton = Root;\n return sstyled(styles)(\n <SChartSkeleton\n render={Skeleton}\n bgRepeat='no-repeat'\n bgPosition='center'\n bgSize='contain'\n bgPattern={`url(data:image/svg+xml;base64,${vennSvg})`}\n />,\n );\n};\n\nexport default createComponent(VennChartSkeleton);\n"],"mappings":";;;;;;;;AAAA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AAEA,IAAAG,SAAA,GAAAH,OAAA;AAAuC;AAAA,IAAAI,MAAA,8BAAAL,KAAA,CAAAM,OAAA,CAAAC,MAAA;AAAA;AAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAAA;AAGvC,IAAMC,OAAO,inDAEZ;AAED,IAAMC,iBAAiB,GAAG,SAApBA,iBAAiBA,CAAA,EAAS;EAAA,IAAAC,IAAA,GAAAC,YAAA;IAAAC,KAAA;EAC9B,IAAMC,cAAc,GAGRC,kBAAQ;EAFpB,OAAAF,KAAA,GAAO,IAAAN,aAAO,EAACD,MAAM,CAAC,eACpBH,MAAA,YAAAa,aAAA,CAACF,cAAc,EAAAD,KAAA,CAAAI,EAAA,uBAAAC,cAAA,qBAAAjB,KAAA,CAAAkB,WAAA;IAAA,YAEJ,WAAW;IAAA,cACT,QAAQ;IAAA,UACZ,SAAS;IAAA,8CAAAC,MAAA,CAC4BX,OAAO;EAAA,GAAAE,IAAA,GACpD,CAAC;AAEN,CAAC;AAAC,IAAAU,QAAA,GAAAC,OAAA,cAEa,IAAAC,qBAAe,EAACb,iBAAiB,CAAC","ignoreList":[]}
|
package/lib/cjs/Charts/index.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
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
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":["_Histogram","_interopRequireDefault","require","_Donut","_Bar","_CompactHorizontalBar","_Area","_Line","_Venn","_ScatterPlot","_Bubble","_RadialTree"],"sources":["../../../src/Charts/index.js"],"sourcesContent":["export { default as HistogramChartSkeleton } from './Histogram';\nexport { default as DonutChartSkeleton } from './Donut';\nexport { default as BarChartSkeleton } from './Bar';\nexport { default as CompactHorizontalBarChartSkeleton } from './CompactHorizontalBar';\nexport { default as AreaChartSkeleton } from './Area';\nexport { default as LineChartSkeleton } from './Line';\nexport { default as VennChartSkeleton } from './Venn';\nexport { default as ScatterPlotChartSkeleton } from './ScatterPlot';\nexport { default as BubbleChartSkeleton } from './Bubble';\nexport { default as RadialTreeChartSkeleton } from './RadialTree';\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,UAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,MAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,IAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,qBAAA,GAAAJ,sBAAA,CAAAC,OAAA;AACA,IAAAI,KAAA,GAAAL,sBAAA,CAAAC,OAAA;AACA,IAAAK,KAAA,GAAAN,sBAAA,CAAAC,OAAA;AACA,IAAAM,KAAA,GAAAP,sBAAA,CAAAC,OAAA;AACA,IAAAO,YAAA,GAAAR,sBAAA,CAAAC,OAAA;AACA,IAAAQ,OAAA,GAAAT,sBAAA,CAAAC,OAAA;AACA,IAAAS,WAAA,GAAAV,sBAAA,CAAAC,OAAA"}
|
|
1
|
+
{"version":3,"file":"index.js","names":["_Histogram","_interopRequireDefault","require","_Donut","_Bar","_CompactHorizontalBar","_Area","_Line","_Venn","_ScatterPlot","_Bubble","_RadialTree"],"sources":["../../../src/Charts/index.js"],"sourcesContent":["export { default as HistogramChartSkeleton } from './Histogram';\nexport { default as DonutChartSkeleton } from './Donut';\nexport { default as BarChartSkeleton } from './Bar';\nexport { default as CompactHorizontalBarChartSkeleton } from './CompactHorizontalBar';\nexport { default as AreaChartSkeleton } from './Area';\nexport { default as LineChartSkeleton } from './Line';\nexport { default as VennChartSkeleton } from './Venn';\nexport { default as ScatterPlotChartSkeleton } from './ScatterPlot';\nexport { default as BubbleChartSkeleton } from './Bubble';\nexport { default as RadialTreeChartSkeleton } from './RadialTree';\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,UAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,MAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,IAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,qBAAA,GAAAJ,sBAAA,CAAAC,OAAA;AACA,IAAAI,KAAA,GAAAL,sBAAA,CAAAC,OAAA;AACA,IAAAK,KAAA,GAAAN,sBAAA,CAAAC,OAAA;AACA,IAAAM,KAAA,GAAAP,sBAAA,CAAAC,OAAA;AACA,IAAAO,YAAA,GAAAR,sBAAA,CAAAC,OAAA;AACA,IAAAQ,OAAA,GAAAT,sBAAA,CAAAC,OAAA;AACA,IAAAS,WAAA,GAAAV,sBAAA,CAAAC,OAAA","ignoreList":[]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Skeleton.d.js","names":[],"sources":["../../src/Skeleton.d.ts"],"sourcesContent":["declare const Skeleton: any;\ndeclare const SkeletonSVG: any;\nexport { Skeleton };\nexport default SkeletonSVG;\n"],"mappings":""}
|
|
1
|
+
{"version":3,"file":"Skeleton.d.js","names":[],"sources":["../../src/Skeleton.d.ts"],"sourcesContent":["declare const Skeleton: any;\ndeclare const SkeletonSVG: any;\nexport { Skeleton };\nexport default SkeletonSVG;\n"],"mappings":"","ignoreList":[]}
|
package/lib/cjs/Skeleton.js
CHANGED
|
@@ -1,63 +1,62 @@
|
|
|
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
7
|
exports["default"] = exports.Skeleton = void 0;
|
|
8
8
|
var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
|
|
9
9
|
var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
|
|
10
|
-
var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
|
|
11
10
|
var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
|
|
12
11
|
var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
|
|
13
12
|
var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
|
|
13
|
+
var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
|
|
14
|
+
var _isNativeReflectConstruct2 = _interopRequireDefault(require("@babel/runtime/helpers/isNativeReflectConstruct"));
|
|
15
|
+
var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
|
|
14
16
|
var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
|
|
15
|
-
var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
|
|
16
17
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
17
18
|
var _core = require("@semcore/core");
|
|
18
|
-
var _react = _interopRequireDefault(require("react"));
|
|
19
|
-
var _flexBox = require("@semcore/flex-box");
|
|
20
|
-
var _uniqueID = _interopRequireDefault(require("@semcore/core/lib/utils/uniqueID"));
|
|
21
19
|
var _canUseDOM = _interopRequireDefault(require("@semcore/core/lib/utils/canUseDOM"));
|
|
22
20
|
var _i18nEnhance = _interopRequireDefault(require("@semcore/core/lib/utils/enhances/i18nEnhance"));
|
|
21
|
+
var _uniqueID = _interopRequireDefault(require("@semcore/core/lib/utils/uniqueID"));
|
|
22
|
+
var _flexBox = require("@semcore/flex-box");
|
|
23
|
+
var _react = _interopRequireDefault(require("react"));
|
|
23
24
|
var _intergalacticDynamicLocales = require("./translations/__intergalactic-dynamic-locales");
|
|
24
25
|
var _excluded = ["y", "x", "amount", "width", "styles", "forwardRef"];
|
|
26
|
+
function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2["default"])(o), (0, _possibleConstructorReturn2["default"])(t, (0, _isNativeReflectConstruct2["default"])() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2["default"])(t).constructor) : o.apply(t, e)); }
|
|
25
27
|
/*!__reshadow-styles__:"./style/skeleton.shadow.css"*/
|
|
26
|
-
var style = (
|
|
28
|
+
var style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/"@keyframes pulse_1p0y7{0%,to{opacity:1}50%{opacity:.4}}.___SSkeleton_1p0y7_gg_{animation-name:pulse_1p0y7;animation-iteration-count:infinite;animation-timing-function:ease-in-out;animation-duration:var(--durationAnim_1p0y7);will-change:opacity}.___SSkeletonSVG_1p0y7_gg_._theme_invert_1p0y7_gg_{fill:var(--intergalactic-skeleton-bg, rgba(224, 225, 233, 0.8))}.___SSkeletonSVG_1p0y7_gg_._theme_dark_1p0y7_gg_{fill:var(--intergalactic-skeleton-bg-invert, rgba(255, 255, 255, 0.3))}.___SText_1p0y7_gg_{box-sizing:border-box}@media (prefers-reduced-motion){.___SSkeleton_1p0y7_gg_{animation-name:none}}", /*__inner_css_end__*/"1p0y7_gg_"),
|
|
27
29
|
/*__reshadow_css_end__*/
|
|
28
30
|
{
|
|
29
|
-
"__SSkeleton": "
|
|
30
|
-
"--durationAnim": "--
|
|
31
|
-
"@pulse": "
|
|
32
|
-
"__SSkeletonSVG": "
|
|
33
|
-
"_theme_invert": "
|
|
34
|
-
"_theme_dark": "
|
|
35
|
-
"__SText": "
|
|
31
|
+
"__SSkeleton": "___SSkeleton_1p0y7_gg_",
|
|
32
|
+
"--durationAnim": "--durationAnim_1p0y7",
|
|
33
|
+
"@pulse": "pulse_1p0y7",
|
|
34
|
+
"__SSkeletonSVG": "___SSkeletonSVG_1p0y7_gg_",
|
|
35
|
+
"_theme_invert": "_theme_invert_1p0y7_gg_",
|
|
36
|
+
"_theme_dark": "_theme_dark_1p0y7_gg_",
|
|
37
|
+
"__SText": "___SText_1p0y7_gg_"
|
|
36
38
|
});
|
|
37
39
|
var MAP_COLOR_THEME = {
|
|
38
40
|
dark: 'rgba(255, 255, 255, 0.3)',
|
|
39
41
|
invert: 'rgba(224, 225, 233, 0.8)'
|
|
40
42
|
};
|
|
41
43
|
var SkeletonRoot = /*#__PURE__*/function (_Component) {
|
|
42
|
-
(0, _inherits2["default"])(SkeletonRoot, _Component);
|
|
43
|
-
var _super = (0, _createSuper2["default"])(SkeletonRoot);
|
|
44
44
|
function SkeletonRoot() {
|
|
45
45
|
(0, _classCallCheck2["default"])(this, SkeletonRoot);
|
|
46
|
-
return
|
|
46
|
+
return _callSuper(this, SkeletonRoot, arguments);
|
|
47
47
|
}
|
|
48
|
-
(0,
|
|
48
|
+
(0, _inherits2["default"])(SkeletonRoot, _Component);
|
|
49
|
+
return (0, _createClass2["default"])(SkeletonRoot, [{
|
|
49
50
|
key: "render",
|
|
50
51
|
value: function render() {
|
|
51
52
|
var _ref = this.asProps,
|
|
52
53
|
_ref3;
|
|
53
54
|
var SSkeleton = _flexBox.Box;
|
|
54
55
|
var _this$asProps = this.asProps,
|
|
55
|
-
Children = _this$asProps.Children,
|
|
56
56
|
styles = _this$asProps.styles,
|
|
57
57
|
duration = _this$asProps.duration,
|
|
58
58
|
hidden = _this$asProps.hidden,
|
|
59
|
-
getI18nText = _this$asProps.getI18nText
|
|
60
|
-
tag = _this$asProps.tag;
|
|
59
|
+
getI18nText = _this$asProps.getI18nText;
|
|
61
60
|
if (hidden) return null;
|
|
62
61
|
return _ref3 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SSkeleton, _ref3.cn("SSkeleton", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
|
|
63
62
|
"durationAnim": "".concat(duration, "ms"),
|
|
@@ -66,7 +65,6 @@ var SkeletonRoot = /*#__PURE__*/function (_Component) {
|
|
|
66
65
|
}, _ref))));
|
|
67
66
|
}
|
|
68
67
|
}]);
|
|
69
|
-
return SkeletonRoot;
|
|
70
68
|
}(_core.Component);
|
|
71
69
|
(0, _defineProperty2["default"])(SkeletonRoot, "displayName", 'Skeleton');
|
|
72
70
|
(0, _defineProperty2["default"])(SkeletonRoot, "style", style);
|
|
@@ -77,29 +75,28 @@ var SkeletonRoot = /*#__PURE__*/function (_Component) {
|
|
|
77
75
|
duration: 2000
|
|
78
76
|
});
|
|
79
77
|
var SkeletonSVG = /*#__PURE__*/function (_Component2) {
|
|
80
|
-
(0, _inherits2["default"])(SkeletonSVG, _Component2);
|
|
81
|
-
var _super2 = (0, _createSuper2["default"])(SkeletonSVG);
|
|
82
78
|
function SkeletonSVG(props) {
|
|
83
79
|
var _this;
|
|
84
80
|
(0, _classCallCheck2["default"])(this, SkeletonSVG);
|
|
85
|
-
_this =
|
|
86
|
-
(0, _defineProperty2["default"])(
|
|
81
|
+
_this = _callSuper(this, SkeletonSVG, [props]);
|
|
82
|
+
(0, _defineProperty2["default"])(_this, "svgRef", /*#__PURE__*/_react["default"].createRef());
|
|
87
83
|
if ((0, _canUseDOM["default"])() && props.observeParentSize) {
|
|
88
|
-
_this.observer = new ResizeObserver(_this.handleResize.bind(
|
|
84
|
+
_this.observer = new ResizeObserver(_this.handleResize.bind(_this));
|
|
89
85
|
}
|
|
90
86
|
return _this;
|
|
91
87
|
}
|
|
92
|
-
(0,
|
|
88
|
+
(0, _inherits2["default"])(SkeletonSVG, _Component2);
|
|
89
|
+
return (0, _createClass2["default"])(SkeletonSVG, [{
|
|
93
90
|
key: "componentDidMount",
|
|
94
91
|
value: function componentDidMount() {
|
|
95
92
|
var _this$observer, _this$svgRef$current;
|
|
96
|
-
(_this$observer = this.observer) === null || _this$observer === void 0
|
|
93
|
+
(_this$observer = this.observer) === null || _this$observer === void 0 || _this$observer.observe((_this$svgRef$current = this.svgRef.current) === null || _this$svgRef$current === void 0 ? void 0 : _this$svgRef$current.parentElement);
|
|
97
94
|
}
|
|
98
95
|
}, {
|
|
99
96
|
key: "componentWillUnmount",
|
|
100
97
|
value: function componentWillUnmount() {
|
|
101
98
|
var _this$observer2;
|
|
102
|
-
(_this$observer2 = this.observer) === null || _this$observer2 === void 0
|
|
99
|
+
(_this$observer2 = this.observer) === null || _this$observer2 === void 0 || _this$observer2.disconnect();
|
|
103
100
|
}
|
|
104
101
|
}, {
|
|
105
102
|
key: "handleResize",
|
|
@@ -147,7 +144,6 @@ var SkeletonSVG = /*#__PURE__*/function (_Component2) {
|
|
|
147
144
|
})));
|
|
148
145
|
}
|
|
149
146
|
}]);
|
|
150
|
-
return SkeletonSVG;
|
|
151
147
|
}(_core.Component);
|
|
152
148
|
(0, _defineProperty2["default"])(SkeletonSVG, "displayName", 'SkeletonSVG');
|
|
153
149
|
(0, _defineProperty2["default"])(SkeletonSVG, "enhance", [(0, _uniqueID["default"])()]);
|
|
@@ -179,7 +175,7 @@ function Text(props) {
|
|
|
179
175
|
"height": '8'
|
|
180
176
|
}, props)));
|
|
181
177
|
};
|
|
182
|
-
return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, (0, _toConsumableArray2["default"])(Array(amountLine)).map(function (
|
|
178
|
+
return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, (0, _toConsumableArray2["default"])(Array(amountLine)).map(function (_el, index) {
|
|
183
179
|
return renderRect((0, _objectSpread2["default"])({
|
|
184
180
|
key: index,
|
|
185
181
|
y: y || 20 * index,
|
|
@@ -189,10 +185,8 @@ function Text(props) {
|
|
|
189
185
|
}, other));
|
|
190
186
|
}));
|
|
191
187
|
}
|
|
192
|
-
var Skeleton = (0, _core.createComponent)(SkeletonRoot);
|
|
193
|
-
exports
|
|
194
|
-
var _default = (0, _core.createComponent)(SkeletonSVG, {
|
|
188
|
+
var Skeleton = exports.Skeleton = (0, _core.createComponent)(SkeletonRoot);
|
|
189
|
+
var _default = exports["default"] = (0, _core.createComponent)(SkeletonSVG, {
|
|
195
190
|
Text: Text
|
|
196
191
|
});
|
|
197
|
-
exports["default"] = _default;
|
|
198
192
|
//# sourceMappingURL=Skeleton.js.map
|
package/lib/cjs/Skeleton.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Skeleton.js","names":["_core","require","_react","_interopRequireDefault","_flexBox","_uniqueID","_canUseDOM","_i18nEnhance","_intergalacticDynamicLocales","_excluded","style","sstyled","insert","MAP_COLOR_THEME","dark","invert","SkeletonRoot","_Component","_inherits2","_super","_createSuper2","_classCallCheck2","apply","arguments","_createClass2","key","value","render","_ref","asProps","_ref3","SSkeleton","Box","_this$asProps","Children","styles","duration","hidden","getI18nText","tag","createElement","cn","_objectSpread2","assignProps","concat","Component","_defineProperty2","i18nEnhance","localizedMessages","width","height","SkeletonSVG","_Component2","_super2","props","_this","call","_assertThisInitialized2","React","createRef","canUseDOM","observeParentSize","observer","ResizeObserver","handleResize","bind","componentDidMount","_this$observer","_this$svgRef$current","observe","svgRef","current","parentElement","componentWillUnmount","_this$observer2","disconnect","data","target","svg","setAttribute","setContext","theme","gradientUrl","_ref2","_ref4","_this$asProps2","uid","SSkeletonSVG","Skeleton","uniqueIDEnhancement","Text","SText","_props$y","y","_props$x","x","_props$amount","amount","_props$width","forwardRef","other","_objectWithoutProperties2","amountLine","Number","renderRect","_ref5","Fragment","_toConsumableArray2","Array","map","el","index","ref","createComponent","exports","_default"],"sources":["../../src/Skeleton.jsx"],"sourcesContent":["import React from 'react';\nimport { createComponent, Component, sstyled, Root } from '@semcore/core';\nimport { Box } from '@semcore/flex-box';\nimport uniqueIDEnhancement from '@semcore/core/lib/utils/uniqueID';\nimport canUseDOM from '@semcore/core/lib/utils/canUseDOM';\nimport i18nEnhance from '@semcore/core/lib/utils/enhances/i18nEnhance';\nimport { localizedMessages } from './translations/__intergalactic-dynamic-locales';\n\nimport style from './style/skeleton.shadow.css';\n\nconst MAP_COLOR_THEME = {\n dark: 'rgba(255, 255, 255, 0.3)',\n invert: 'rgba(224, 225, 233, 0.8)',\n};\n\nclass SkeletonRoot extends Component {\n static displayName = 'Skeleton';\n static style = style;\n static enhance = [i18nEnhance(localizedMessages)];\n static defaultProps = {\n width: '100%',\n height: '100%',\n duration: 2000,\n };\n\n render() {\n const SSkeleton = Root;\n const { Children, styles, duration, hidden, getI18nText, tag } = this.asProps;\n\n if (hidden) return null;\n\n return sstyled(styles)(\n <SSkeleton\n render={Box}\n durationAnim={`${duration}ms`}\n role={'img'}\n aria-label={getI18nText('loading')}\n />,\n );\n }\n}\n\nclass SkeletonSVG extends Component {\n static displayName = 'SkeletonSVG';\n static enhance = [uniqueIDEnhancement()];\n static style = style;\n\n static defaultProps = {\n theme: 'invert',\n duration: 2000,\n };\n\n svgRef = React.createRef();\n\n constructor(props) {\n super(props);\n\n if (canUseDOM() && props.observeParentSize) {\n this.observer = new ResizeObserver(this.handleResize.bind(this));\n }\n }\n\n componentDidMount() {\n this.observer?.observe(this.svgRef.current?.parentElement);\n }\n\n componentWillUnmount() {\n this.observer?.disconnect();\n }\n\n handleResize(data) {\n const target = data[0].target;\n const svg = this.svgRef.current;\n\n if (target && svg) {\n svg.setAttribute('width', '100%');\n }\n }\n\n setContext() {\n const { theme } = this.asProps;\n return {\n gradientUrl: MAP_COLOR_THEME[theme],\n };\n }\n\n render() {\n const { Children, styles, uid, theme, duration } = this.asProps;\n const SSkeletonSVG = Root;\n\n return sstyled(styles)(\n <SSkeletonSVG\n render={Skeleton}\n tag='svg'\n ref={this.svgRef}\n preserveAspectRatio='none'\n theme={theme}\n durationAnim={`${duration}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 </SSkeletonSVG>,\n );\n }\n}\n\nfunction Text(props) {\n const SText = Box;\n const { y = 0, x = 0, amount = 1, width = '100%', 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 width,\n ...other,\n }),\n )}\n </React.Fragment>\n );\n}\n\nconst Skeleton = createComponent(SkeletonRoot);\n\nexport { Skeleton };\n\nexport default createComponent(SkeletonSVG, {\n Text,\n});\n"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"Skeleton.js","names":["_core","require","_canUseDOM","_interopRequireDefault","_i18nEnhance","_uniqueID","_flexBox","_react","_intergalacticDynamicLocales","_excluded","_callSuper","t","o","e","_getPrototypeOf2","_possibleConstructorReturn2","_isNativeReflectConstruct2","Reflect","construct","constructor","apply","style","sstyled","insert","MAP_COLOR_THEME","dark","invert","SkeletonRoot","_Component","_classCallCheck2","arguments","_inherits2","_createClass2","key","value","render","_ref","asProps","_ref3","SSkeleton","Box","_this$asProps","styles","duration","hidden","getI18nText","createElement","cn","_objectSpread2","assignProps","concat","Component","_defineProperty2","i18nEnhance","localizedMessages","width","height","SkeletonSVG","_Component2","props","_this","React","createRef","canUseDOM","observeParentSize","observer","ResizeObserver","handleResize","bind","componentDidMount","_this$observer","_this$svgRef$current","observe","svgRef","current","parentElement","componentWillUnmount","_this$observer2","disconnect","data","target","svg","setAttribute","setContext","theme","gradientUrl","_ref2","_ref4","_this$asProps2","Children","uid","SSkeletonSVG","Skeleton","uniqueIDEnhancement","Text","SText","_props$y","y","_props$x","x","_props$amount","amount","_props$width","forwardRef","other","_objectWithoutProperties2","amountLine","Number","renderRect","_ref5","Fragment","_toConsumableArray2","Array","map","_el","index","ref","exports","createComponent","_default"],"sources":["../../src/Skeleton.jsx"],"sourcesContent":["import { createComponent, Component, sstyled, Root } from '@semcore/core';\nimport canUseDOM from '@semcore/core/lib/utils/canUseDOM';\nimport i18nEnhance from '@semcore/core/lib/utils/enhances/i18nEnhance';\nimport uniqueIDEnhancement from '@semcore/core/lib/utils/uniqueID';\nimport { Box } from '@semcore/flex-box';\nimport React from 'react';\n\nimport style from './style/skeleton.shadow.css';\nimport { localizedMessages } from './translations/__intergalactic-dynamic-locales';\n\nconst MAP_COLOR_THEME = {\n dark: 'rgba(255, 255, 255, 0.3)',\n invert: 'rgba(224, 225, 233, 0.8)',\n};\n\nclass SkeletonRoot extends Component {\n static displayName = 'Skeleton';\n static style = style;\n static enhance = [i18nEnhance(localizedMessages)];\n static defaultProps = {\n width: '100%',\n height: '100%',\n duration: 2000,\n };\n\n render() {\n const SSkeleton = Root;\n const { styles, duration, hidden, getI18nText } = this.asProps;\n\n if (hidden) return null;\n\n return sstyled(styles)(\n <SSkeleton\n render={Box}\n durationAnim={`${duration}ms`}\n role='img'\n aria-label={getI18nText('loading')}\n />,\n );\n }\n}\n\nclass SkeletonSVG extends Component {\n static displayName = 'SkeletonSVG';\n static enhance = [uniqueIDEnhancement()];\n static style = style;\n\n static defaultProps = {\n theme: 'invert',\n duration: 2000,\n };\n\n svgRef = React.createRef();\n\n constructor(props) {\n super(props);\n\n if (canUseDOM() && props.observeParentSize) {\n this.observer = new ResizeObserver(this.handleResize.bind(this));\n }\n }\n\n componentDidMount() {\n this.observer?.observe(this.svgRef.current?.parentElement);\n }\n\n componentWillUnmount() {\n this.observer?.disconnect();\n }\n\n handleResize(data) {\n const target = data[0].target;\n const svg = this.svgRef.current;\n\n if (target && svg) {\n svg.setAttribute('width', '100%');\n }\n }\n\n setContext() {\n const { theme } = this.asProps;\n return {\n gradientUrl: MAP_COLOR_THEME[theme],\n };\n }\n\n render() {\n const { Children, styles, uid, theme, duration } = this.asProps;\n const SSkeletonSVG = Root;\n\n return sstyled(styles)(\n <SSkeletonSVG\n render={Skeleton}\n tag='svg'\n ref={this.svgRef}\n preserveAspectRatio='none'\n theme={theme}\n durationAnim={`${duration}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 </SSkeletonSVG>,\n );\n }\n}\n\nfunction Text(props) {\n const SText = Box;\n const { y = 0, x = 0, amount = 1, width = '100%', 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 width,\n ...other,\n }),\n )}\n </React.Fragment>\n );\n}\n\nconst Skeleton = createComponent(SkeletonRoot);\n\nexport { Skeleton };\n\nexport default createComponent(SkeletonSVG, {\n Text,\n});\n"],"mappings":"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","ignoreList":[]}
|
package/lib/cjs/index.d.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.js","names":[],"sources":["../../src/index.d.ts"],"sourcesContent":["import {
|
|
1
|
+
{"version":3,"file":"index.d.js","names":[],"sources":["../../src/index.d.ts"],"sourcesContent":["import type { Intergalactic, UnknownProperties } from '@semcore/core';\nimport type { UniqueIDProps } from '@semcore/core/lib/utils/uniqueID';\nimport type { BoxProps } from '@semcore/flex-box';\n\n/** @deprecated */\nexport interface ISkeletonProps extends SkeletonProps, UnknownProperties {}\nexport type SkeletonProps = BoxProps &\n UniqueIDProps & {\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\n locale?: string;\n\n /**\n * Enable ResizeObserver for parent Element to recalculate skeleton size.\n * @default false\n */\n observeParentSize?: boolean;\n };\n\n/** @deprecated */\nexport interface ISkeletonCtx extends SkeletonCtx, UnknownProperties {}\nexport type SkeletonCtx = {\n gradientUrl: 'string';\n};\n\n/** @deprecated */\nexport interface ISkeletonTextProps extends SkeletonTextProps, UnknownProperties {}\nexport type SkeletonTextProps = BoxProps & {\n /**\n * Number of items to be returned\n * @default 1\n */\n amount?: string | number;\n};\n\nexport type AreaChartSkeletonProps = SkeletonProps & {\n type?: 'linear' | 'monotone';\n};\n\nexport type BarChartSkeletonProps = SkeletonProps & {\n layout?: 'horizontal' | 'vertical';\n};\n\nexport type HistogramChartSkeletonProps = SkeletonProps & {\n layout?: 'horizontal' | 'vertical';\n};\n\nexport type LineChartSkeletonProps = SkeletonProps & {\n type?: 'linear' | 'monotone';\n};\n\nexport type DonutChartSkeletonProps = SkeletonProps & {\n /** Semi donut */\n halfsize?: boolean;\n};\n\ndeclare const Skeleton: Intergalactic.Component<'svg', SkeletonProps, SkeletonCtx> & {\n Text: Intergalactic.Component<'rect', SkeletonTextProps>;\n};\ndeclare const AreaChartSkeleton: Intergalactic.Component<'svg', AreaChartSkeletonProps>;\ndeclare const BarChartSkeleton: Intergalactic.Component<'svg', BarChartSkeletonProps>;\ndeclare const HistogramChartSkeleton: Intergalactic.Component<'svg', HistogramChartSkeletonProps>;\ndeclare const LineChartSkeleton: Intergalactic.Component<'svg', LineChartSkeletonProps>;\ndeclare const DonutChartSkeleton: Intergalactic.Component<'svg', DonutChartSkeletonProps>;\ndeclare const VennChartSkeleton: typeof Skeleton;\ndeclare const BubbleChartSkeleton: typeof Skeleton;\ndeclare const ScatterPlotChartSkeleton: typeof Skeleton;\ndeclare const RadialTreeChartSkeleton: typeof Skeleton;\ndeclare const CompactHorizontalBarChartSkeleton: typeof Skeleton;\n\nexport default Skeleton;\nexport {\n AreaChartSkeleton,\n BarChartSkeleton,\n HistogramChartSkeleton,\n LineChartSkeleton,\n DonutChartSkeleton,\n VennChartSkeleton,\n BubbleChartSkeleton,\n ScatterPlotChartSkeleton,\n RadialTreeChartSkeleton,\n CompactHorizontalBarChartSkeleton,\n};\n"],"mappings":"","ignoreList":[]}
|
package/lib/cjs/index.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
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
|
});
|
package/lib/cjs/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":["_Skeleton","_interopRequireDefault","require","_Charts","Object","keys","forEach","key","prototype","hasOwnProperty","call","_exportNames","exports","defineProperty","enumerable","get"],"sources":["../../src/index.js"],"sourcesContent":["export { default } from './Skeleton';\n\nexport * from './Charts';\n"],"mappings":";;;;;;;;;;;;;AAAA,IAAAA,SAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,OAAA,GAAAD,OAAA;AAAAE,MAAA,CAAAC,IAAA,CAAAF,OAAA,EAAAG,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAC,YAAA,EAAAJ,GAAA;EAAA,IAAAA,GAAA,IAAAK,OAAA,IAAAA,OAAA,CAAAL,GAAA,MAAAJ,OAAA,CAAAI,GAAA;EAAAH,MAAA,CAAAS,cAAA,CAAAD,OAAA,EAAAL,GAAA;IAAAO,UAAA;IAAAC,GAAA,WAAAA,IAAA;MAAA,OAAAZ,OAAA,CAAAI,GAAA;IAAA;EAAA;AAAA"}
|
|
1
|
+
{"version":3,"file":"index.js","names":["_Skeleton","_interopRequireDefault","require","_Charts","Object","keys","forEach","key","prototype","hasOwnProperty","call","_exportNames","exports","defineProperty","enumerable","get"],"sources":["../../src/index.js"],"sourcesContent":["export { default } from './Skeleton';\n\nexport * from './Charts';\n"],"mappings":";;;;;;;;;;;;;AAAA,IAAAA,SAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,OAAA,GAAAD,OAAA;AAAAE,MAAA,CAAAC,IAAA,CAAAF,OAAA,EAAAG,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAC,YAAA,EAAAJ,GAAA;EAAA,IAAAA,GAAA,IAAAK,OAAA,IAAAA,OAAA,CAAAL,GAAA,MAAAJ,OAAA,CAAAI,GAAA;EAAAH,MAAA,CAAAS,cAAA,CAAAD,OAAA,EAAAL,GAAA;IAAAO,UAAA;IAAAC,GAAA,WAAAA,IAAA;MAAA,OAAAZ,OAAA,CAAAI,GAAA;IAAA;EAAA;AAAA","ignoreList":[]}
|
|
@@ -1,6 +1,6 @@
|
|
|
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
|
});
|
|
@@ -13,13 +13,13 @@ var _it = _interopRequireDefault(require("./it.json"));
|
|
|
13
13
|
var _ja = _interopRequireDefault(require("./ja.json"));
|
|
14
14
|
var _ko = _interopRequireDefault(require("./ko.json"));
|
|
15
15
|
var _nl = _interopRequireDefault(require("./nl.json"));
|
|
16
|
+
var _pl = _interopRequireDefault(require("./pl.json"));
|
|
16
17
|
var _pt = _interopRequireDefault(require("./pt.json"));
|
|
18
|
+
var _sv = _interopRequireDefault(require("./sv.json"));
|
|
17
19
|
var _tr = _interopRequireDefault(require("./tr.json"));
|
|
18
20
|
var _vi = _interopRequireDefault(require("./vi.json"));
|
|
19
21
|
var _zh = _interopRequireDefault(require("./zh.json"));
|
|
20
|
-
var
|
|
21
|
-
var _sv = _interopRequireDefault(require("./sv.json"));
|
|
22
|
-
var localizedMessages = {
|
|
22
|
+
var localizedMessages = exports.localizedMessages = {
|
|
23
23
|
de: _de["default"],
|
|
24
24
|
en: _en["default"],
|
|
25
25
|
es: _es["default"],
|
|
@@ -35,5 +35,4 @@ var localizedMessages = {
|
|
|
35
35
|
pl: _pl["default"],
|
|
36
36
|
sv: _sv["default"]
|
|
37
37
|
};
|
|
38
|
-
exports.localizedMessages = localizedMessages;
|
|
39
38
|
//# sourceMappingURL=__intergalactic-dynamic-locales.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"__intergalactic-dynamic-locales.js","names":["_de","_interopRequireDefault","require","_en","_es","_fr","_it","_ja","_ko","_nl","_pt","_tr","_vi","_zh","
|
|
1
|
+
{"version":3,"file":"__intergalactic-dynamic-locales.js","names":["_de","_interopRequireDefault","require","_en","_es","_fr","_it","_ja","_ko","_nl","_pl","_pt","_sv","_tr","_vi","_zh","localizedMessages","exports","de","en","es","fr","it","ja","ko","nl","pt","tr","vi","zh","pl","sv"],"sources":["../../../src/translations/__intergalactic-dynamic-locales.ts"],"sourcesContent":["import de from './de.json';\nimport en from './en.json';\nimport es from './es.json';\nimport fr from './fr.json';\nimport it from './it.json';\nimport ja from './ja.json';\nimport ko from './ko.json';\nimport nl from './nl.json';\nimport pl from './pl.json';\nimport pt from './pt.json';\nimport sv from './sv.json';\nimport tr from './tr.json';\nimport vi from './vi.json';\nimport zh from './zh.json';\n\nexport const localizedMessages = {\n de,\n en,\n es,\n fr,\n it,\n ja,\n ko,\n nl,\n pt,\n tr,\n vi,\n zh,\n pl,\n sv,\n};\n"],"mappings":";;;;;;;AAAA,IAAAA,GAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,GAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,GAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,GAAA,GAAAJ,sBAAA,CAAAC,OAAA;AACA,IAAAI,GAAA,GAAAL,sBAAA,CAAAC,OAAA;AACA,IAAAK,GAAA,GAAAN,sBAAA,CAAAC,OAAA;AACA,IAAAM,GAAA,GAAAP,sBAAA,CAAAC,OAAA;AACA,IAAAO,GAAA,GAAAR,sBAAA,CAAAC,OAAA;AACA,IAAAQ,GAAA,GAAAT,sBAAA,CAAAC,OAAA;AACA,IAAAS,GAAA,GAAAV,sBAAA,CAAAC,OAAA;AACA,IAAAU,GAAA,GAAAX,sBAAA,CAAAC,OAAA;AACA,IAAAW,GAAA,GAAAZ,sBAAA,CAAAC,OAAA;AACA,IAAAY,GAAA,GAAAb,sBAAA,CAAAC,OAAA;AACA,IAAAa,GAAA,GAAAd,sBAAA,CAAAC,OAAA;AAEO,IAAMc,iBAAiB,GAAAC,OAAA,CAAAD,iBAAA,GAAG;EAC/BE,EAAE,EAAFA,cAAE;EACFC,EAAE,EAAFA,cAAE;EACFC,EAAE,EAAFA,cAAE;EACFC,EAAE,EAAFA,cAAE;EACFC,EAAE,EAAFA,cAAE;EACFC,EAAE,EAAFA,cAAE;EACFC,EAAE,EAAFA,cAAE;EACFC,EAAE,EAAFA,cAAE;EACFC,EAAE,EAAFA,cAAE;EACFC,EAAE,EAAFA,cAAE;EACFC,EAAE,EAAFA,cAAE;EACFC,EAAE,EAAFA,cAAE;EACFC,EAAE,EAAFA,cAAE;EACFC,EAAE,EAAFA;AACF,CAAC","ignoreList":[]}
|
package/lib/es6/Charts/Area.js
CHANGED
|
@@ -1,21 +1,21 @@
|
|
|
1
1
|
import _objectSpread from "@babel/runtime/helpers/objectSpread2";
|
|
2
2
|
import { sstyled as _sstyled } from "@semcore/core";
|
|
3
3
|
import { assignProps as _assignProps } from "@semcore/core";
|
|
4
|
-
import React from 'react';
|
|
5
4
|
import { createComponent, Root, sstyled } from '@semcore/core';
|
|
5
|
+
import React from 'react';
|
|
6
6
|
import { Skeleton } from '../Skeleton';
|
|
7
7
|
/*!__reshadow-styles__:"../style/chart.shadow.css"*/
|
|
8
|
-
var styles = (
|
|
8
|
+
var styles = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SChartSkeleton_1yrjo_gg_{height:200px;width:100%;background-image:var(--bgPattern_1yrjo)}.___SChartSkeleton_1yrjo_gg_.__bgPosition_1yrjo_gg_{background-position:var(--bgPosition_1yrjo)}.___SChartSkeleton_1yrjo_gg_.__bgSize_1yrjo_gg_{background-size:var(--bgSize_1yrjo)}.___SChartSkeleton_1yrjo_gg_.__bgRepeat_1yrjo_gg_{background-repeat:var(--bgRepeat_1yrjo)}", /*__inner_css_end__*/"1yrjo_gg_"),
|
|
9
9
|
/*__reshadow_css_end__*/
|
|
10
10
|
{
|
|
11
|
-
"__SChartSkeleton": "
|
|
12
|
-
"--bgPattern": "--
|
|
13
|
-
"_bgPosition": "
|
|
14
|
-
"--bgPosition": "--
|
|
15
|
-
"_bgSize": "
|
|
16
|
-
"--bgSize": "--
|
|
17
|
-
"_bgRepeat": "
|
|
18
|
-
"--bgRepeat": "--
|
|
11
|
+
"__SChartSkeleton": "___SChartSkeleton_1yrjo_gg_",
|
|
12
|
+
"--bgPattern": "--bgPattern_1yrjo",
|
|
13
|
+
"_bgPosition": "__bgPosition_1yrjo_gg_",
|
|
14
|
+
"--bgPosition": "--bgPosition_1yrjo",
|
|
15
|
+
"_bgSize": "__bgSize_1yrjo_gg_",
|
|
16
|
+
"--bgSize": "--bgSize_1yrjo",
|
|
17
|
+
"_bgRepeat": "__bgRepeat_1yrjo_gg_",
|
|
18
|
+
"--bgRepeat": "--bgRepeat_1yrjo"
|
|
19
19
|
});
|
|
20
20
|
var areaLinearSvg = "PHN2ZyB3aWR0aD0iMTI4IiBoZWlnaHQ9Ijg4IiB2aWV3Qm94PSIwIDAgMTI4IDg4IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNNjMuOTk5OCA0NS45Mzk0QzMyLjAwMDEgNDUuOTM5NCAzMi4wMDAxIDEyIDAgMTJWNzZIMTI4VjEyQzk1Ljk5OTkgMTIgOTUuOTk5OSA0NS45Mzk0IDYzLjk5OTggNDUuOTM5NFoiIGZpbGw9IiNFMEUxRTkiIGZpbGwtb3BhY2l0eT0iMC44Ii8+Cjwvc3ZnPgo=";
|
|
21
21
|
var areaMonotoneSvg = "PHN2ZyB3aWR0aD0iMTI4IiBoZWlnaHQ9Ijg4IiB2aWV3Qm94PSIwIDAgMTI4IDg4IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNNjMuOTk5OCA0NS45Mzk0TDAgMTJWNzZIMTI4VjEyTDYzLjk5OTggNDUuOTM5NFoiIGZpbGw9IiNFMEUxRTkiIGZpbGwtb3BhY2l0eT0iMC44Ii8+Cjwvc3ZnPgo=";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Area.js","names":["
|
|
1
|
+
{"version":3,"file":"Area.js","names":["createComponent","Root","sstyled","React","Skeleton","styles","_sstyled","insert","areaLinearSvg","areaMonotoneSvg","AreaChartSkeleton","props","_ref","arguments[0]","_ref2","_props$type","SChartSkeleton","patternBase64","linear","monotone","type","createElement","cn","_objectSpread","_assignProps","concat"],"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\nconst 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,SAASA,eAAe,EAAEC,IAAI,EAAEC,OAAO,QAAQ,eAAe;AAC9D,OAAOC,KAAK,MAAM,OAAO;AAEzB,SAASC,QAAQ,QAAQ,aAAa;AAAC;AAAA,IAAAC,MAAA,8BAAAC,QAAA,CAAAC,MAAA;AAAA;AAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAAA;AAGvC,IAAMC,aAAa,yVAElB;AACD,IAAMC,eAAe,iRAEpB;AAED,IAAMC,iBAAiB,GAAG,SAApBA,iBAAiBA,CAAIC,KAAK,EAAK;EAAA,IAAAC,IAAA,GAAAC,YAAA;IAAAC,KAAA;IAAAC,WAAA;EACnC,IAAMC,cAAc,GAMRZ,QAAQ;EALpB,IAAMa,aAAa,GAAG;IAAEC,MAAM,EAAEV,aAAa;IAAEW,QAAQ,EAAEV;EAAgB,CAAC,EAAAM,WAAA,GACxEJ,KAAK,CAACS,IAAI,cAAAL,WAAA,cAAAA,WAAA,GAAI,QAAQ,CACvB;EACD,OAAAD,KAAA,GAAOZ,OAAO,CAACG,MAAM,CAAC,eACpBF,KAAA,CAAAkB,aAAA,CAACL,cAAc,EAAAF,KAAA,CAAAQ,EAAA,mBAAAC,aAAA,KAAAC,YAAA;IAAA,YAEJ,UAAU;IAAA,cACR,aAAa;IAAA,UACjB,UAAU;IAAA,8CAAAC,MAAA,CAC2BR,aAAa;EAAA,GAAAL,IAAA,GAC1D,CAAC;AAEN,CAAC;AAED,eAAeZ,eAAe,CAACU,iBAAiB,CAAC","ignoreList":[]}
|
package/lib/es6/Charts/Bar.js
CHANGED
|
@@ -1,21 +1,21 @@
|
|
|
1
1
|
import _objectSpread from "@babel/runtime/helpers/objectSpread2";
|
|
2
2
|
import { sstyled as _sstyled } from "@semcore/core";
|
|
3
3
|
import { assignProps as _assignProps } from "@semcore/core";
|
|
4
|
-
import React from 'react';
|
|
5
4
|
import { createComponent, Root, sstyled } from '@semcore/core';
|
|
5
|
+
import React from 'react';
|
|
6
6
|
import { Skeleton } from '../Skeleton';
|
|
7
7
|
/*!__reshadow-styles__:"../style/chart.shadow.css"*/
|
|
8
|
-
var styles = (
|
|
8
|
+
var styles = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SChartSkeleton_1yrjo_gg_{height:200px;width:100%;background-image:var(--bgPattern_1yrjo)}.___SChartSkeleton_1yrjo_gg_.__bgPosition_1yrjo_gg_{background-position:var(--bgPosition_1yrjo)}.___SChartSkeleton_1yrjo_gg_.__bgSize_1yrjo_gg_{background-size:var(--bgSize_1yrjo)}.___SChartSkeleton_1yrjo_gg_.__bgRepeat_1yrjo_gg_{background-repeat:var(--bgRepeat_1yrjo)}", /*__inner_css_end__*/"1yrjo_gg_"),
|
|
9
9
|
/*__reshadow_css_end__*/
|
|
10
10
|
{
|
|
11
|
-
"__SChartSkeleton": "
|
|
12
|
-
"--bgPattern": "--
|
|
13
|
-
"_bgPosition": "
|
|
14
|
-
"--bgPosition": "--
|
|
15
|
-
"_bgSize": "
|
|
16
|
-
"--bgSize": "--
|
|
17
|
-
"_bgRepeat": "
|
|
18
|
-
"--bgRepeat": "--
|
|
11
|
+
"__SChartSkeleton": "___SChartSkeleton_1yrjo_gg_",
|
|
12
|
+
"--bgPattern": "--bgPattern_1yrjo",
|
|
13
|
+
"_bgPosition": "__bgPosition_1yrjo_gg_",
|
|
14
|
+
"--bgPosition": "--bgPosition_1yrjo",
|
|
15
|
+
"_bgSize": "__bgSize_1yrjo_gg_",
|
|
16
|
+
"--bgSize": "--bgSize_1yrjo",
|
|
17
|
+
"_bgRepeat": "__bgRepeat_1yrjo_gg_",
|
|
18
|
+
"--bgRepeat": "--bgRepeat_1yrjo"
|
|
19
19
|
});
|
|
20
20
|
var barVerticalSvg = "PHN2ZyB3aWR0aD0iMTcyIiBoZWlnaHQ9IjE0MCIgdmlld0JveD0iMCAwIDE3MiAxNDAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0wIDBIMTIwQzEyMi4yMDkgMCAxMjQgMS43OTA4NiAxMjQgNFYxMkMxMjQgMTQuMjA5MSAxMjIuMjA5IDE2IDEyMCAxNkgwVjBaIiBmaWxsPSIjRTBFMUU5IiBmaWxsLW9wYWNpdHk9IjAuOCIvPgo8cGF0aCBkPSJNMCAyOEgxNTZDMTU4LjIwOSAyOCAxNjAgMjkuNzkwOSAxNjAgMzJWNDBDMTYwIDQyLjIwOTEgMTU4LjIwOSA0NCAxNTYgNDRIMFYyOFoiIGZpbGw9IiNFMEUxRTkiIGZpbGwtb3BhY2l0eT0iMC44Ii8+CjxwYXRoIGQ9Ik0wIDU2SDEzOEMxNDAuMjA5IDU2IDE0MiA1Ny43OTA5IDE0MiA2MFY2OEMxNDIgNzAuMjA5MSAxNDAuMjA5IDcyIDEzOCA3MkgwVjU2WiIgZmlsbD0iI0UwRTFFOSIgZmlsbC1vcGFjaXR5PSIwLjgiLz4KPHBhdGggZD0iTTAgODRIMTU2QzE1OC4yMDkgODQgMTYwIDg1Ljc5MDkgMTYwIDg4Vjk2QzE2MCA5OC4yMDkxIDE1OC4yMDkgMTAwIDE1NiAxMDBIMFY4NFoiIGZpbGw9IiNFMEUxRTkiIGZpbGwtb3BhY2l0eT0iMC44Ii8+CjxwYXRoIGQ9Ik0wIDExMkgxMTZDMTE4LjIwOSAxMTIgMTIwIDExMy43OTEgMTIwIDExNlYxMjRDMTIwIDEyNi4yMDkgMTE4LjIwOSAxMjggMTE2IDEyOEgwVjExMloiIGZpbGw9IiNFMEUxRTkiIGZpbGwtb3BhY2l0eT0iMC44Ii8+Cjwvc3ZnPgo=";
|
|
21
21
|
var barHorizontalSvg = "PHN2ZyB3aWR0aD0iMTU2IiBoZWlnaHQ9IjE2MCIgdmlld0JveD0iMCAwIDE1NiAxNjAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xMiAxNkMxMiAxMy43OTA5IDEzLjc5MDkgMTIgMTYgMTJIMjNDMjUuMjA5MSAxMiAyNyAxMy43OTA5IDI3IDE2VjE0OEgxMlYxNloiIGZpbGw9IiNFMEUxRTkiIGZpbGwtb3BhY2l0eT0iMC44Ii8+CjxwYXRoIGQ9Ik01MSA0MkM1MSAzOS43OTA5IDUyLjc5MDkgMzggNTUgMzhINjJDNjQuMjA5MSAzOCA2NiAzOS43OTA5IDY2IDQyVjE0OEg1MVY0MloiIGZpbGw9IiNFMEUxRTkiIGZpbGwtb3BhY2l0eT0iMC44Ii8+CjxwYXRoIGQ9Ik05MCA2M0M5MCA2MC43OTA5IDkxLjc5MDkgNTkgOTQgNTlIMTAxQzEwMy4yMDkgNTkgMTA1IDYwLjc5MDkgMTA1IDYzVjE0OEg5MFY2M1oiIGZpbGw9IiNFMEUxRTkiIGZpbGwtb3BhY2l0eT0iMC44Ii8+CjxwYXRoIGQ9Ik0xMjkgMzBDMTI5IDI3Ljc5MDkgMTMwLjc5MSAyNiAxMzMgMjZIMTQwQzE0Mi4yMDkgMjYgMTQ0IDI3Ljc5MDkgMTQ0IDMwVjE0OEgxMjlWMzBaIiBmaWxsPSIjRTBFMUU5IiBmaWxsLW9wYWNpdHk9IjAuOCIvPgo8L3N2Zz4K";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Bar.js","names":["
|
|
1
|
+
{"version":3,"file":"Bar.js","names":["createComponent","Root","sstyled","React","Skeleton","styles","_sstyled","insert","barVerticalSvg","barHorizontalSvg","BarChartSkeleton","props","_ref","arguments[0]","_ref2","_props$layout","SChartSkeleton","layout","patternBase64","vertical","horizontal","createElement","cn","_objectSpread","_assignProps","concat"],"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\nconst 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,SAASA,eAAe,EAAEC,IAAI,EAAEC,OAAO,QAAQ,eAAe;AAC9D,OAAOC,KAAK,MAAM,OAAO;AAEzB,SAASC,QAAQ,QAAQ,aAAa;AAAC;AAAA,IAAAC,MAAA,8BAAAC,QAAA,CAAAC,MAAA;AAAA;AAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAAA;AAGvC,IAAMC,cAAc,69BAEnB;AACD,IAAMC,gBAAgB,izBAErB;AAED,IAAMC,gBAAgB,GAAG,SAAnBA,gBAAgBA,CAAIC,KAAK,EAAK;EAAA,IAAAC,IAAA,GAAAC,YAAA;IAAAC,KAAA;IAAAC,aAAA;EAClC,IAAMC,cAAc,GAKRZ,QAAQ;EAJpB,IAAMa,MAAM,IAAAF,aAAA,GAAGJ,KAAK,CAACM,MAAM,cAAAF,aAAA,cAAAA,aAAA,GAAI,YAAY;EAC3C,IAAMG,aAAa,GAAG;IAAEC,QAAQ,EAAEX,cAAc;IAAEY,UAAU,EAAEX;EAAiB,CAAC,CAACQ,MAAM,CAAC;EACxF,OAAAH,KAAA,GAAOZ,OAAO,CAACG,MAAM,CAAC,eACpBF,KAAA,CAAAkB,aAAA,CAACL,cAAc,EAAAF,KAAA,CAAAQ,EAAA,mBAAAC,aAAA,KAAAC,YAAA;IAAA,YAEH;MAAEL,QAAQ,EAAE,UAAU;MAAEC,UAAU,EAAE;IAAW,CAAC,CAACH,MAAM,CAAC;IAAA,cACtD;MAAEE,QAAQ,EAAE,UAAU;MAAEC,UAAU,EAAE;IAAc,CAAC,CAACH,MAAM,CAAC;IAAA,UAC/D;MAAEE,QAAQ,EAAE,SAAS;MAAEC,UAAU,EAAE;IAAW,CAAC,CAACH,MAAM,CAAC;IAAA,8CAAAQ,MAAA,CACnBP,aAAa;EAAA,GAAAN,IAAA,GAC1D,CAAC;AAEN,CAAC;AAED,eAAeZ,eAAe,CAACU,gBAAgB,CAAC","ignoreList":[]}
|
package/lib/es6/Charts/Bubble.js
CHANGED
|
@@ -1,21 +1,21 @@
|
|
|
1
1
|
import _objectSpread from "@babel/runtime/helpers/objectSpread2";
|
|
2
2
|
import { sstyled as _sstyled } from "@semcore/core";
|
|
3
3
|
import { assignProps as _assignProps } from "@semcore/core";
|
|
4
|
-
import React from 'react';
|
|
5
4
|
import { createComponent, Root, sstyled } from '@semcore/core';
|
|
5
|
+
import React from 'react';
|
|
6
6
|
import { Skeleton } from '../Skeleton';
|
|
7
7
|
/*!__reshadow-styles__:"../style/chart.shadow.css"*/
|
|
8
|
-
var styles = (
|
|
8
|
+
var styles = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SChartSkeleton_1yrjo_gg_{height:200px;width:100%;background-image:var(--bgPattern_1yrjo)}.___SChartSkeleton_1yrjo_gg_.__bgPosition_1yrjo_gg_{background-position:var(--bgPosition_1yrjo)}.___SChartSkeleton_1yrjo_gg_.__bgSize_1yrjo_gg_{background-size:var(--bgSize_1yrjo)}.___SChartSkeleton_1yrjo_gg_.__bgRepeat_1yrjo_gg_{background-repeat:var(--bgRepeat_1yrjo)}", /*__inner_css_end__*/"1yrjo_gg_"),
|
|
9
9
|
/*__reshadow_css_end__*/
|
|
10
10
|
{
|
|
11
|
-
"__SChartSkeleton": "
|
|
12
|
-
"--bgPattern": "--
|
|
13
|
-
"_bgPosition": "
|
|
14
|
-
"--bgPosition": "--
|
|
15
|
-
"_bgSize": "
|
|
16
|
-
"--bgSize": "--
|
|
17
|
-
"_bgRepeat": "
|
|
18
|
-
"--bgRepeat": "--
|
|
11
|
+
"__SChartSkeleton": "___SChartSkeleton_1yrjo_gg_",
|
|
12
|
+
"--bgPattern": "--bgPattern_1yrjo",
|
|
13
|
+
"_bgPosition": "__bgPosition_1yrjo_gg_",
|
|
14
|
+
"--bgPosition": "--bgPosition_1yrjo",
|
|
15
|
+
"_bgSize": "__bgSize_1yrjo_gg_",
|
|
16
|
+
"--bgSize": "--bgSize_1yrjo",
|
|
17
|
+
"_bgRepeat": "__bgRepeat_1yrjo_gg_",
|
|
18
|
+
"--bgRepeat": "--bgRepeat_1yrjo"
|
|
19
19
|
});
|
|
20
20
|
var bubbleSvg = "PHN2ZyB3aWR0aD0iMzc2IiBoZWlnaHQ9IjE2NCIgdmlld0JveD0iMCAwIDM3NiAxNjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik00OCAxNjRDNzAuMDkxNCAxNjQgODggMTQ2LjA5MSA4OCAxMjRDODggMTAxLjkwOSA3MC4wOTE0IDg0IDQ4IDg0QzI1LjkwODYgODQgOCAxMDEuOTA5IDggMTI0QzggMTQ2LjA5MSAyNS45MDg2IDE2NCA0OCAxNjRaIiBmaWxsPSIjRTBFMUU5IiBmaWxsLW9wYWNpdHk9IjAuOCIvPgo8cGF0aCBkPSJNODggNDhDMTAxLjI1NSA0OCAxMTIgMzcuMjU0OCAxMTIgMjRDMTEyIDEwLjc0NTIgMTAxLjI1NSAwIDg4IDBDNzQuNzQ1MiAwIDY0IDEwLjc0NTIgNjQgMjRDNjQgMzcuMjU0OCA3NC43NDUyIDQ4IDg4IDQ4WiIgZmlsbD0iI0UwRTFFOSIgZmlsbC1vcGFjaXR5PSIwLjgiLz4KPHBhdGggZD0iTTI5Mi41IDU1QzMwNS40NzkgNTUgMzE2IDQ0LjQ3ODcgMzE2IDMxLjVDMzE2IDE4LjUyMTMgMzA1LjQ3OSA4IDI5Mi41IDhDMjc5LjUyMSA4IDI2OSAxOC41MjEzIDI2OSAzMS41QzI2OSA0NC40Nzg3IDI3OS41MjEgNTUgMjkyLjUgNTVaIiBmaWxsPSIjRTBFMUU5IiBmaWxsLW9wYWNpdHk9IjAuOCIvPgo8cGF0aCBkPSJNMzQ0IDk4QzM1Mi44MzcgOTggMzYwIDkwLjgzNjYgMzYwIDgyQzM2MCA3My4xNjM0IDM1Mi44MzcgNjYgMzQ0IDY2QzMzNS4xNjMgNjYgMzI4IDczLjE2MzQgMzI4IDgyQzMyOCA5MC44MzY2IDMzNS4xNjMgOTggMzQ0IDk4WiIgZmlsbD0iI0UwRTFFOSIgZmlsbC1vcGFjaXR5PSIwLjgiLz4KPHBhdGggZD0iTTE4OCAxMzRDMjE2LjcxOSAxMzQgMjQwIDExMC43MTkgMjQwIDgyQzI0MCA1My4yODEyIDIxNi43MTkgMzAgMTg4IDMwQzE1OS4yODEgMzAgMTM2IDUzLjI4MTIgMTM2IDgyQzEzNiAxMTAuNzE5IDE1OS4yODEgMTM0IDE4OCAxMzRaIiBmaWxsPSIjRTBFMUU5IiBmaWxsLW9wYWNpdHk9IjAuOCIvPgo8L3N2Zz4K";
|
|
21
21
|
var BubbleChartSkeleton = function BubbleChartSkeleton() {
|