@semcore/skeleton 16.0.0-prerelease.7 → 16.0.0
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 +19 -1
- package/lib/cjs/Charts/Area.js +4 -2
- package/lib/cjs/Charts/Area.js.map +1 -1
- package/lib/cjs/Charts/Bar.js +4 -2
- package/lib/cjs/Charts/Bar.js.map +1 -1
- package/lib/cjs/Charts/Bubble.js +4 -2
- package/lib/cjs/Charts/Bubble.js.map +1 -1
- package/lib/cjs/Charts/CompactHorizontalBar.js +4 -2
- package/lib/cjs/Charts/CompactHorizontalBar.js.map +1 -1
- package/lib/cjs/Charts/Donut.js +4 -2
- package/lib/cjs/Charts/Donut.js.map +1 -1
- package/lib/cjs/Charts/Histogram.js +4 -2
- package/lib/cjs/Charts/Histogram.js.map +1 -1
- package/lib/cjs/Charts/Line.js +4 -2
- package/lib/cjs/Charts/Line.js.map +1 -1
- package/lib/cjs/Charts/RadialTree.js +4 -2
- package/lib/cjs/Charts/RadialTree.js.map +1 -1
- package/lib/cjs/Charts/ScatterPlot.js +4 -2
- package/lib/cjs/Charts/ScatterPlot.js.map +1 -1
- package/lib/cjs/Charts/Venn.js +4 -2
- package/lib/cjs/Charts/Venn.js.map +1 -1
- package/lib/cjs/Skeleton.js +4 -2
- package/lib/cjs/Skeleton.js.map +1 -1
- package/lib/es6/Charts/Area.js +4 -2
- package/lib/es6/Charts/Area.js.map +1 -1
- package/lib/es6/Charts/Bar.js +4 -2
- package/lib/es6/Charts/Bar.js.map +1 -1
- package/lib/es6/Charts/Bubble.js +4 -2
- package/lib/es6/Charts/Bubble.js.map +1 -1
- package/lib/es6/Charts/CompactHorizontalBar.js +4 -2
- package/lib/es6/Charts/CompactHorizontalBar.js.map +1 -1
- package/lib/es6/Charts/Donut.js +4 -2
- package/lib/es6/Charts/Donut.js.map +1 -1
- package/lib/es6/Charts/Histogram.js +4 -2
- package/lib/es6/Charts/Histogram.js.map +1 -1
- package/lib/es6/Charts/Line.js +4 -2
- package/lib/es6/Charts/Line.js.map +1 -1
- package/lib/es6/Charts/RadialTree.js +4 -2
- package/lib/es6/Charts/RadialTree.js.map +1 -1
- package/lib/es6/Charts/ScatterPlot.js +4 -2
- package/lib/es6/Charts/ScatterPlot.js.map +1 -1
- package/lib/es6/Charts/Venn.js +4 -2
- package/lib/es6/Charts/Venn.js.map +1 -1
- package/lib/es6/Skeleton.js +4 -2
- package/lib/es6/Skeleton.js.map +1 -1
- package/lib/esm/Charts/Area.mjs +4 -1
- package/lib/esm/Charts/Bar.mjs +4 -1
- package/lib/esm/Charts/Bubble.mjs +4 -1
- package/lib/esm/Charts/CompactHorizontalBar.mjs +4 -1
- package/lib/esm/Charts/Donut.mjs +4 -1
- package/lib/esm/Charts/Histogram.mjs +4 -1
- package/lib/esm/Charts/Line.mjs +4 -1
- package/lib/esm/Charts/RadialTree.mjs +4 -1
- package/lib/esm/Charts/ScatterPlot.mjs +4 -1
- package/lib/esm/Charts/Venn.mjs +4 -1
- package/lib/esm/Skeleton.mjs +4 -1
- package/lib/esm/style/chart.shadow.css +17 -0
- package/lib/esm/style/skeleton.shadow.css +39 -0
- package/package.json +3 -3
package/CHANGELOG.md
CHANGED
|
@@ -2,12 +2,30 @@
|
|
|
2
2
|
|
|
3
3
|
CHANGELOG.md standards are inspired by [keepachangelog.com](https://keepachangelog.com/en/1.0.0/).
|
|
4
4
|
|
|
5
|
-
## [16.0.0] - 2025-
|
|
5
|
+
## [16.0.0] - 2025-05-19
|
|
6
6
|
|
|
7
7
|
### Added
|
|
8
8
|
|
|
9
9
|
- Major version.
|
|
10
10
|
|
|
11
|
+
## [5.42.4] - 2025-05-13
|
|
12
|
+
|
|
13
|
+
### Changed
|
|
14
|
+
|
|
15
|
+
- Version patch update due to children dependencies update (`@semcore/utils` [4.48.4 ~> 4.48.5], `@semcore/flex-box` [5.41.3 ~> 5.41.4], `@semcore/core` [2.39.3 ~> 2.39.4]).
|
|
16
|
+
|
|
17
|
+
## [5.42.3] - 2025-05-09
|
|
18
|
+
|
|
19
|
+
### Changed
|
|
20
|
+
|
|
21
|
+
- Version patch update due to children dependencies update (`@semcore/utils` [4.48.2 ~> 4.48.4], `@semcore/flex-box` [5.41.2 ~> 5.41.3], `@semcore/core` [2.39.2 ~> 2.39.3]).
|
|
22
|
+
|
|
23
|
+
## [5.42.2] - 2025-04-04
|
|
24
|
+
|
|
25
|
+
### Changed
|
|
26
|
+
|
|
27
|
+
- Version patch update due to children dependencies update (`@semcore/utils` [4.48.1 ~> 4.48.2], `@semcore/flex-box` [5.41.1 ~> 5.41.2], `@semcore/core` [2.39.1 ~> 2.39.2]).
|
|
28
|
+
|
|
11
29
|
## [5.42.1] - 2025-03-20
|
|
12
30
|
|
|
13
31
|
### Changed
|
package/lib/cjs/Charts/Area.js
CHANGED
|
@@ -9,8 +9,10 @@ var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/obje
|
|
|
9
9
|
var _core = require("@semcore/core");
|
|
10
10
|
var _react = _interopRequireDefault(require("react"));
|
|
11
11
|
var _Skeleton = require("../Skeleton");
|
|
12
|
-
|
|
13
|
-
var styles = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SChartSkeleton_18ujc_gg_{height:200px;width:100%;background-image:var(--bgPattern_18ujc)}.___SChartSkeleton_18ujc_gg_.__bgPosition_18ujc_gg_{background-position:var(--bgPosition_18ujc)}.___SChartSkeleton_18ujc_gg_.__bgSize_18ujc_gg_{background-size:var(--bgSize_18ujc)}.___SChartSkeleton_18ujc_gg_.__bgRepeat_18ujc_gg_{background-repeat:var(--bgRepeat_18ujc)}" /*__inner_css_end__
|
|
12
|
+
/*!__reshadow-styles__:"../style/chart.shadow.css"*/
|
|
13
|
+
var styles = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SChartSkeleton_18ujc_gg_{height:200px;width:100%;background-image:var(--bgPattern_18ujc)}.___SChartSkeleton_18ujc_gg_.__bgPosition_18ujc_gg_{background-position:var(--bgPosition_18ujc)}.___SChartSkeleton_18ujc_gg_.__bgSize_18ujc_gg_{background-size:var(--bgSize_18ujc)}.___SChartSkeleton_18ujc_gg_.__bgRepeat_18ujc_gg_{background-repeat:var(--bgRepeat_18ujc)}", /*__inner_css_end__*/"18ujc_gg_"),
|
|
14
|
+
/*__reshadow_css_end__*/
|
|
15
|
+
{
|
|
14
16
|
"__SChartSkeleton": "___SChartSkeleton_18ujc_gg_",
|
|
15
17
|
"--bgPattern": "--bgPattern_18ujc",
|
|
16
18
|
"_bgPosition": "__bgPosition_18ujc_gg_",
|
|
@@ -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","_props$type","SChartSkeleton","Skeleton","patternBase64","linear","monotone","type","createElement","cn","_objectSpread2","assignProps","concat","_default","createComponent","exports"],"sources":["../../../src/Charts/Area.jsx"],"sourcesContent":["import React from 'react';\nimport { createComponent, Root, sstyled } from '@semcore/core';\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":";;;;;;;;AACA,IAAAA,KAAA,GAAAC,OAAA;AADA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AAEA,IAAAG,SAAA,GAAAH,OAAA;AAAuC;AAAA,IAAAI,MAAA,+BAAAL,KAAA,CAAAM,OAAA,CAAAC,MAAA;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,GAMRC,kBAAQ;EALpB,IAAMC,aAAa,GAAG;IAAEC,MAAM,EAAEX,aAAa;IAAEY,QAAQ,EAAEX;EAAgB,CAAC,EAAAM,WAAA,GACxEJ,KAAK,CAACU,IAAI,cAAAN,WAAA,cAAAA,WAAA,GAAI,QAAQ,CACvB;EACD,OAAAD,KAAA,GAAO,IAAAR,aAAO,EAACD,MAAM,CAAC,eACpBH,MAAA,YAAAoB,aAAA,CAACN,cAAc,EAAAF,KAAA,CAAAS,EAAA,uBAAAC,cAAA,qBAAAxB,KAAA,CAAAyB,WAAA;IAAA,YAEJ,UAAU;IAAA,cACR,aAAa;IAAA,UACjB,UAAU;IAAA,8CAAAC,MAAA,CAC2BR,aAAa;EAAA,GAAAN,IAAA,IACzD;AAEN,CAAC;AAAC,IAAAe,QAAA,GAEa,IAAAC,qBAAe,EAAClB,iBAAiB,CAAC;AAAAmB,OAAA,cAAAF,QAAA"}
|
|
1
|
+
{"version":3,"file":"Area.js","names":["_core","require","_react","_interopRequireDefault","_Skeleton","styles","sstyled","insert","areaLinearSvg","areaMonotoneSvg","AreaChartSkeleton","props","_ref","arguments[0]","_ref2","_props$type","SChartSkeleton","Skeleton","patternBase64","linear","monotone","type","createElement","cn","_objectSpread2","assignProps","concat","_default","createComponent","exports"],"sources":["../../../src/Charts/Area.jsx"],"sourcesContent":["import React from 'react';\nimport { createComponent, Root, sstyled } from '@semcore/core';\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":";;;;;;;;AACA,IAAAA,KAAA,GAAAC,OAAA;AADA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AAEA,IAAAG,SAAA,GAAAH,OAAA;AAAuC;AAAA,IAAAI,MAAA,+BAAAL,KAAA,CAAAM,OAAA,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,GAMRC,kBAAQ;EALpB,IAAMC,aAAa,GAAG;IAAEC,MAAM,EAAEX,aAAa;IAAEY,QAAQ,EAAEX;EAAgB,CAAC,EAAAM,WAAA,GACxEJ,KAAK,CAACU,IAAI,cAAAN,WAAA,cAAAA,WAAA,GAAI,QAAQ,CACvB;EACD,OAAAD,KAAA,GAAO,IAAAR,aAAO,EAACD,MAAM,CAAC,eACpBH,MAAA,YAAAoB,aAAA,CAACN,cAAc,EAAAF,KAAA,CAAAS,EAAA,uBAAAC,cAAA,qBAAAxB,KAAA,CAAAyB,WAAA;IAAA,YAEJ,UAAU;IAAA,cACR,aAAa;IAAA,UACjB,UAAU;IAAA,8CAAAC,MAAA,CAC2BR,aAAa;EAAA,GAAAN,IAAA,IACzD;AAEN,CAAC;AAAC,IAAAe,QAAA,GAEa,IAAAC,qBAAe,EAAClB,iBAAiB,CAAC;AAAAmB,OAAA,cAAAF,QAAA"}
|
package/lib/cjs/Charts/Bar.js
CHANGED
|
@@ -9,8 +9,10 @@ var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/obje
|
|
|
9
9
|
var _core = require("@semcore/core");
|
|
10
10
|
var _react = _interopRequireDefault(require("react"));
|
|
11
11
|
var _Skeleton = require("../Skeleton");
|
|
12
|
-
|
|
13
|
-
var styles = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SChartSkeleton_18ujc_gg_{height:200px;width:100%;background-image:var(--bgPattern_18ujc)}.___SChartSkeleton_18ujc_gg_.__bgPosition_18ujc_gg_{background-position:var(--bgPosition_18ujc)}.___SChartSkeleton_18ujc_gg_.__bgSize_18ujc_gg_{background-size:var(--bgSize_18ujc)}.___SChartSkeleton_18ujc_gg_.__bgRepeat_18ujc_gg_{background-repeat:var(--bgRepeat_18ujc)}" /*__inner_css_end__
|
|
12
|
+
/*!__reshadow-styles__:"../style/chart.shadow.css"*/
|
|
13
|
+
var styles = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SChartSkeleton_18ujc_gg_{height:200px;width:100%;background-image:var(--bgPattern_18ujc)}.___SChartSkeleton_18ujc_gg_.__bgPosition_18ujc_gg_{background-position:var(--bgPosition_18ujc)}.___SChartSkeleton_18ujc_gg_.__bgSize_18ujc_gg_{background-size:var(--bgSize_18ujc)}.___SChartSkeleton_18ujc_gg_.__bgRepeat_18ujc_gg_{background-repeat:var(--bgRepeat_18ujc)}", /*__inner_css_end__*/"18ujc_gg_"),
|
|
14
|
+
/*__reshadow_css_end__*/
|
|
15
|
+
{
|
|
14
16
|
"__SChartSkeleton": "___SChartSkeleton_18ujc_gg_",
|
|
15
17
|
"--bgPattern": "--bgPattern_18ujc",
|
|
16
18
|
"_bgPosition": "__bgPosition_18ujc_gg_",
|
|
@@ -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","_props$layout","SChartSkeleton","Skeleton","layout","patternBase64","vertical","horizontal","createElement","cn","_objectSpread2","assignProps","concat","_default","createComponent","exports"],"sources":["../../../src/Charts/Bar.jsx"],"sourcesContent":["import React from 'react';\nimport { createComponent, Root, sstyled } from '@semcore/core';\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":";;;;;;;;AACA,IAAAA,KAAA,GAAAC,OAAA;AADA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AAEA,IAAAG,SAAA,GAAAH,OAAA;AAAuC;AAAA,IAAAI,MAAA,+BAAAL,KAAA,CAAAM,OAAA,CAAAC,MAAA;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,GAKRC,kBAAQ;EAJpB,IAAMC,MAAM,IAAAH,aAAA,GAAGJ,KAAK,CAACO,MAAM,cAAAH,aAAA,cAAAA,aAAA,GAAI,YAAY;EAC3C,IAAMI,aAAa,GAAG;IAAEC,QAAQ,EAAEZ,cAAc;IAAEa,UAAU,EAAEZ;EAAiB,CAAC,CAACS,MAAM,CAAC;EACxF,OAAAJ,KAAA,GAAO,IAAAR,aAAO,EAACD,MAAM,CAAC,eACpBH,MAAA,YAAAoB,aAAA,CAACN,cAAc,EAAAF,KAAA,CAAAS,EAAA,uBAAAC,cAAA,qBAAAxB,KAAA,CAAAyB,WAAA;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,GAAAP,IAAA,IACzD;AAEN,CAAC;AAAC,IAAAe,QAAA,GAEa,IAAAC,qBAAe,EAAClB,gBAAgB,CAAC;AAAAmB,OAAA,cAAAF,QAAA"}
|
|
1
|
+
{"version":3,"file":"Bar.js","names":["_core","require","_react","_interopRequireDefault","_Skeleton","styles","sstyled","insert","barVerticalSvg","barHorizontalSvg","BarChartSkeleton","props","_ref","arguments[0]","_ref2","_props$layout","SChartSkeleton","Skeleton","layout","patternBase64","vertical","horizontal","createElement","cn","_objectSpread2","assignProps","concat","_default","createComponent","exports"],"sources":["../../../src/Charts/Bar.jsx"],"sourcesContent":["import React from 'react';\nimport { createComponent, Root, sstyled } from '@semcore/core';\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":";;;;;;;;AACA,IAAAA,KAAA,GAAAC,OAAA;AADA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AAEA,IAAAG,SAAA,GAAAH,OAAA;AAAuC;AAAA,IAAAI,MAAA,+BAAAL,KAAA,CAAAM,OAAA,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,GAKRC,kBAAQ;EAJpB,IAAMC,MAAM,IAAAH,aAAA,GAAGJ,KAAK,CAACO,MAAM,cAAAH,aAAA,cAAAA,aAAA,GAAI,YAAY;EAC3C,IAAMI,aAAa,GAAG;IAAEC,QAAQ,EAAEZ,cAAc;IAAEa,UAAU,EAAEZ;EAAiB,CAAC,CAACS,MAAM,CAAC;EACxF,OAAAJ,KAAA,GAAO,IAAAR,aAAO,EAACD,MAAM,CAAC,eACpBH,MAAA,YAAAoB,aAAA,CAACN,cAAc,EAAAF,KAAA,CAAAS,EAAA,uBAAAC,cAAA,qBAAAxB,KAAA,CAAAyB,WAAA;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,GAAAP,IAAA,IACzD;AAEN,CAAC;AAAC,IAAAe,QAAA,GAEa,IAAAC,qBAAe,EAAClB,gBAAgB,CAAC;AAAAmB,OAAA,cAAAF,QAAA"}
|
package/lib/cjs/Charts/Bubble.js
CHANGED
|
@@ -9,8 +9,10 @@ var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/obje
|
|
|
9
9
|
var _core = require("@semcore/core");
|
|
10
10
|
var _react = _interopRequireDefault(require("react"));
|
|
11
11
|
var _Skeleton = require("../Skeleton");
|
|
12
|
-
|
|
13
|
-
var styles = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SChartSkeleton_18ujc_gg_{height:200px;width:100%;background-image:var(--bgPattern_18ujc)}.___SChartSkeleton_18ujc_gg_.__bgPosition_18ujc_gg_{background-position:var(--bgPosition_18ujc)}.___SChartSkeleton_18ujc_gg_.__bgSize_18ujc_gg_{background-size:var(--bgSize_18ujc)}.___SChartSkeleton_18ujc_gg_.__bgRepeat_18ujc_gg_{background-repeat:var(--bgRepeat_18ujc)}" /*__inner_css_end__
|
|
12
|
+
/*!__reshadow-styles__:"../style/chart.shadow.css"*/
|
|
13
|
+
var styles = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SChartSkeleton_18ujc_gg_{height:200px;width:100%;background-image:var(--bgPattern_18ujc)}.___SChartSkeleton_18ujc_gg_.__bgPosition_18ujc_gg_{background-position:var(--bgPosition_18ujc)}.___SChartSkeleton_18ujc_gg_.__bgSize_18ujc_gg_{background-size:var(--bgSize_18ujc)}.___SChartSkeleton_18ujc_gg_.__bgRepeat_18ujc_gg_{background-repeat:var(--bgRepeat_18ujc)}", /*__inner_css_end__*/"18ujc_gg_"),
|
|
14
|
+
/*__reshadow_css_end__*/
|
|
15
|
+
{
|
|
14
16
|
"__SChartSkeleton": "___SChartSkeleton_18ujc_gg_",
|
|
15
17
|
"--bgPattern": "--bgPattern_18ujc",
|
|
16
18
|
"_bgPosition": "__bgPosition_18ujc_gg_",
|
|
@@ -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","createElement","cn","_objectSpread2","assignProps","concat","_default","createComponent","exports"],"sources":["../../../src/Charts/Bubble.jsx"],"sourcesContent":["import React from 'react';\nimport { createComponent, Root, sstyled } from '@semcore/core';\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\nconst 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":";;;;;;;;AACA,IAAAA,KAAA,GAAAC,OAAA;AADA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AAEA,IAAAG,SAAA,GAAAH,OAAA;AAAuC;AAAA,IAAAI,MAAA,+BAAAL,KAAA,CAAAM,OAAA,CAAAC,MAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAAA;AAGvC,IAAMC,SAAS,6xCAEd;AAED,IAAMC,mBAAmB,GAAG,SAAtBA,mBAAmBA,CAAA,EAAS;EAAA,IAAAC,IAAA,GAAAC,YAAA;IAAAC,KAAA;EAChC,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,SAAS;EAAA,GAAAE,IAAA,IACrD;AAEN,CAAC;AAAC,IAAAU,QAAA,GAEa,IAAAC,qBAAe,EAACZ,mBAAmB,CAAC;AAAAa,OAAA,cAAAF,QAAA"}
|
|
1
|
+
{"version":3,"file":"Bubble.js","names":["_core","require","_react","_interopRequireDefault","_Skeleton","styles","sstyled","insert","bubbleSvg","BubbleChartSkeleton","_ref","arguments[0]","_ref2","SChartSkeleton","Skeleton","createElement","cn","_objectSpread2","assignProps","concat","_default","createComponent","exports"],"sources":["../../../src/Charts/Bubble.jsx"],"sourcesContent":["import React from 'react';\nimport { createComponent, Root, sstyled } from '@semcore/core';\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\nconst 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":";;;;;;;;AACA,IAAAA,KAAA,GAAAC,OAAA;AADA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AAEA,IAAAG,SAAA,GAAAH,OAAA;AAAuC;AAAA,IAAAI,MAAA,+BAAAL,KAAA,CAAAM,OAAA,CAAAC,MAAA;AAAA;AAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAAA;AAGvC,IAAMC,SAAS,6xCAEd;AAED,IAAMC,mBAAmB,GAAG,SAAtBA,mBAAmBA,CAAA,EAAS;EAAA,IAAAC,IAAA,GAAAC,YAAA;IAAAC,KAAA;EAChC,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,SAAS;EAAA,GAAAE,IAAA,IACrD;AAEN,CAAC;AAAC,IAAAU,QAAA,GAEa,IAAAC,qBAAe,EAACZ,mBAAmB,CAAC;AAAAa,OAAA,cAAAF,QAAA"}
|
|
@@ -9,8 +9,10 @@ var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/obje
|
|
|
9
9
|
var _core = require("@semcore/core");
|
|
10
10
|
var _react = _interopRequireDefault(require("react"));
|
|
11
11
|
var _Skeleton = require("../Skeleton");
|
|
12
|
-
|
|
13
|
-
var styles = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SChartSkeleton_18ujc_gg_{height:200px;width:100%;background-image:var(--bgPattern_18ujc)}.___SChartSkeleton_18ujc_gg_.__bgPosition_18ujc_gg_{background-position:var(--bgPosition_18ujc)}.___SChartSkeleton_18ujc_gg_.__bgSize_18ujc_gg_{background-size:var(--bgSize_18ujc)}.___SChartSkeleton_18ujc_gg_.__bgRepeat_18ujc_gg_{background-repeat:var(--bgRepeat_18ujc)}" /*__inner_css_end__
|
|
12
|
+
/*!__reshadow-styles__:"../style/chart.shadow.css"*/
|
|
13
|
+
var styles = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SChartSkeleton_18ujc_gg_{height:200px;width:100%;background-image:var(--bgPattern_18ujc)}.___SChartSkeleton_18ujc_gg_.__bgPosition_18ujc_gg_{background-position:var(--bgPosition_18ujc)}.___SChartSkeleton_18ujc_gg_.__bgSize_18ujc_gg_{background-size:var(--bgSize_18ujc)}.___SChartSkeleton_18ujc_gg_.__bgRepeat_18ujc_gg_{background-repeat:var(--bgRepeat_18ujc)}", /*__inner_css_end__*/"18ujc_gg_"),
|
|
14
|
+
/*__reshadow_css_end__*/
|
|
15
|
+
{
|
|
14
16
|
"__SChartSkeleton": "___SChartSkeleton_18ujc_gg_",
|
|
15
17
|
"--bgPattern": "--bgPattern_18ujc",
|
|
16
18
|
"_bgPosition": "__bgPosition_18ujc_gg_",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CompactHorizontalBar.js","names":["_core","require","_react","_interopRequireDefault","_Skeleton","styles","sstyled","insert","patternBase64","CompactHorizontalBarChartSkeleton","props","_ref","arguments[0]","_ref2","SChartSkeleton","Skeleton","createElement","cn","_objectSpread2","assignProps","concat","_default","createComponent","exports"],"sources":["../../../src/Charts/CompactHorizontalBar.jsx"],"sourcesContent":["import React from 'react';\nimport { createComponent, Root, sstyled } from '@semcore/core';\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\nconst CompactHorizontalBarChartSkeleton = (props) => {\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":";;;;;;;;AACA,IAAAA,KAAA,GAAAC,OAAA;AADA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AAEA,IAAAG,SAAA,GAAAH,OAAA;AAAuC;AAAA,IAAAI,MAAA,+BAAAL,KAAA,CAAAM,OAAA,CAAAC,MAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAAA;AAGvC,IAAMC,aAAa,i/BAElB;AAED,IAAMC,iCAAiC,GAAG,SAApCA,iCAAiCA,CAAIC,KAAK,EAAK;EAAA,IAAAC,IAAA,GAAAC,YAAA;IAAAC,KAAA;EACnD,IAAMC,cAAc,GAGRC,kBAAQ;EAFpB,OAAAF,KAAA,GAAO,IAAAP,aAAO,EAACD,MAAM,CAAC,eACpBH,MAAA,YAAAc,aAAA,CAACF,cAAc,EAAAD,KAAA,CAAAI,EAAA,uBAAAC,cAAA,qBAAAlB,KAAA,CAAAmB,WAAA;IAAA,YAEJ,UAAU;IAAA,cACR,UAAU;IAAA,UACd,SAAS;IAAA,8CAAAC,MAAA,CAC4BZ,aAAa;EAAA,GAAAG,IAAA,IACzD;AAEN,CAAC;AAAC,IAAAU,QAAA,GAEa,IAAAC,qBAAe,EAACb,iCAAiC,CAAC;AAAAc,OAAA,cAAAF,QAAA"}
|
|
1
|
+
{"version":3,"file":"CompactHorizontalBar.js","names":["_core","require","_react","_interopRequireDefault","_Skeleton","styles","sstyled","insert","patternBase64","CompactHorizontalBarChartSkeleton","props","_ref","arguments[0]","_ref2","SChartSkeleton","Skeleton","createElement","cn","_objectSpread2","assignProps","concat","_default","createComponent","exports"],"sources":["../../../src/Charts/CompactHorizontalBar.jsx"],"sourcesContent":["import React from 'react';\nimport { createComponent, Root, sstyled } from '@semcore/core';\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\nconst CompactHorizontalBarChartSkeleton = (props) => {\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":";;;;;;;;AACA,IAAAA,KAAA,GAAAC,OAAA;AADA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AAEA,IAAAG,SAAA,GAAAH,OAAA;AAAuC;AAAA,IAAAI,MAAA,+BAAAL,KAAA,CAAAM,OAAA,CAAAC,MAAA;AAAA;AAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAAA;AAGvC,IAAMC,aAAa,i/BAElB;AAED,IAAMC,iCAAiC,GAAG,SAApCA,iCAAiCA,CAAIC,KAAK,EAAK;EAAA,IAAAC,IAAA,GAAAC,YAAA;IAAAC,KAAA;EACnD,IAAMC,cAAc,GAGRC,kBAAQ;EAFpB,OAAAF,KAAA,GAAO,IAAAP,aAAO,EAACD,MAAM,CAAC,eACpBH,MAAA,YAAAc,aAAA,CAACF,cAAc,EAAAD,KAAA,CAAAI,EAAA,uBAAAC,cAAA,qBAAAlB,KAAA,CAAAmB,WAAA;IAAA,YAEJ,UAAU;IAAA,cACR,UAAU;IAAA,UACd,SAAS;IAAA,8CAAAC,MAAA,CAC4BZ,aAAa;EAAA,GAAAG,IAAA,IACzD;AAEN,CAAC;AAAC,IAAAU,QAAA,GAEa,IAAAC,qBAAe,EAACb,iCAAiC,CAAC;AAAAc,OAAA,cAAAF,QAAA"}
|
package/lib/cjs/Charts/Donut.js
CHANGED
|
@@ -9,8 +9,10 @@ var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/obje
|
|
|
9
9
|
var _core = require("@semcore/core");
|
|
10
10
|
var _react = _interopRequireDefault(require("react"));
|
|
11
11
|
var _Skeleton = require("../Skeleton");
|
|
12
|
-
|
|
13
|
-
var styles = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SChartSkeleton_18ujc_gg_{height:200px;width:100%;background-image:var(--bgPattern_18ujc)}.___SChartSkeleton_18ujc_gg_.__bgPosition_18ujc_gg_{background-position:var(--bgPosition_18ujc)}.___SChartSkeleton_18ujc_gg_.__bgSize_18ujc_gg_{background-size:var(--bgSize_18ujc)}.___SChartSkeleton_18ujc_gg_.__bgRepeat_18ujc_gg_{background-repeat:var(--bgRepeat_18ujc)}" /*__inner_css_end__
|
|
12
|
+
/*!__reshadow-styles__:"../style/chart.shadow.css"*/
|
|
13
|
+
var styles = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SChartSkeleton_18ujc_gg_{height:200px;width:100%;background-image:var(--bgPattern_18ujc)}.___SChartSkeleton_18ujc_gg_.__bgPosition_18ujc_gg_{background-position:var(--bgPosition_18ujc)}.___SChartSkeleton_18ujc_gg_.__bgSize_18ujc_gg_{background-size:var(--bgSize_18ujc)}.___SChartSkeleton_18ujc_gg_.__bgRepeat_18ujc_gg_{background-repeat:var(--bgRepeat_18ujc)}", /*__inner_css_end__*/"18ujc_gg_"),
|
|
14
|
+
/*__reshadow_css_end__*/
|
|
15
|
+
{
|
|
14
16
|
"__SChartSkeleton": "___SChartSkeleton_18ujc_gg_",
|
|
15
17
|
"--bgPattern": "--bgPattern_18ujc",
|
|
16
18
|
"_bgPosition": "__bgPosition_18ujc_gg_",
|
|
@@ -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","_props$halfsize","SChartSkeleton","Skeleton","halfsize","patternBase64","createElement","cn","_objectSpread2","assignProps","concat","_default","createComponent","exports"],"sources":["../../../src/Charts/Donut.jsx"],"sourcesContent":["import React from 'react';\nimport { createComponent, Root, sstyled } from '@semcore/core';\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\nconst 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":";;;;;;;;AACA,IAAAA,KAAA,GAAAC,OAAA;AADA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AAEA,IAAAG,SAAA,GAAAH,OAAA;AAAuC;AAAA,IAAAI,MAAA,+BAAAL,KAAA,CAAAM,OAAA,CAAAC,MAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAAA;AAGvC,IAAMC,YAAY,6qCAEjB;AACD,IAAMC,YAAY,6nBAEjB;AAED,IAAMC,kBAAkB,GAAG,SAArBA,kBAAkBA,CAAIC,KAAK,EAAK;EAAA,IAAAC,IAAA,GAAAC,YAAA;IAAAC,KAAA;IAAAC,eAAA;EACpC,IAAMC,cAAc,GAKRC,kBAAQ;EAJpB,IAAMC,QAAQ,IAAAH,eAAA,GAAGJ,KAAK,CAACO,QAAQ,cAAAH,eAAA,cAAAA,eAAA,GAAI,KAAK;EACxC,IAAMI,aAAa,GAAG;IAAE,QAAMV,YAAY;IAAE,SAAOD;EAAa,CAAC,CAACU,QAAQ,CAAC;EAC3E,OAAAJ,KAAA,GAAO,IAAAR,aAAO,EAACD,MAAM,CAAC,eACpBH,MAAA,YAAAkB,aAAA,CAACJ,cAAc,EAAAF,KAAA,CAAAO,EAAA,uBAAAC,cAAA,qBAAAtB,KAAA,CAAAuB,WAAA;IAAA,YAEJ,WAAW;IAAA,cACR;MAAE,QAAM,eAAe;MAAE,SAAO;IAAS,CAAC,CAACL,QAAQ,CAAC;IAAA,UACzD,SAAS;IAAA,8CAAAM,MAAA,CAC4BL,aAAa;EAAA,GAAAP,IAAA,IACzD;AAEN,CAAC;AAAC,IAAAa,QAAA,GAEa,IAAAC,qBAAe,EAAChB,kBAAkB,CAAC;AAAAiB,OAAA,cAAAF,QAAA"}
|
|
1
|
+
{"version":3,"file":"Donut.js","names":["_core","require","_react","_interopRequireDefault","_Skeleton","styles","sstyled","insert","donutFullSvg","donutHalfSvg","DonutChartSkeleton","props","_ref","arguments[0]","_ref2","_props$halfsize","SChartSkeleton","Skeleton","halfsize","patternBase64","createElement","cn","_objectSpread2","assignProps","concat","_default","createComponent","exports"],"sources":["../../../src/Charts/Donut.jsx"],"sourcesContent":["import React from 'react';\nimport { createComponent, Root, sstyled } from '@semcore/core';\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\nconst 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":";;;;;;;;AACA,IAAAA,KAAA,GAAAC,OAAA;AADA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AAEA,IAAAG,SAAA,GAAAH,OAAA;AAAuC;AAAA,IAAAI,MAAA,+BAAAL,KAAA,CAAAM,OAAA,CAAAC,MAAA;AAAA;AAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAAA;AAGvC,IAAMC,YAAY,6qCAEjB;AACD,IAAMC,YAAY,6nBAEjB;AAED,IAAMC,kBAAkB,GAAG,SAArBA,kBAAkBA,CAAIC,KAAK,EAAK;EAAA,IAAAC,IAAA,GAAAC,YAAA;IAAAC,KAAA;IAAAC,eAAA;EACpC,IAAMC,cAAc,GAKRC,kBAAQ;EAJpB,IAAMC,QAAQ,IAAAH,eAAA,GAAGJ,KAAK,CAACO,QAAQ,cAAAH,eAAA,cAAAA,eAAA,GAAI,KAAK;EACxC,IAAMI,aAAa,GAAG;IAAE,QAAMV,YAAY;IAAE,SAAOD;EAAa,CAAC,CAACU,QAAQ,CAAC;EAC3E,OAAAJ,KAAA,GAAO,IAAAR,aAAO,EAACD,MAAM,CAAC,eACpBH,MAAA,YAAAkB,aAAA,CAACJ,cAAc,EAAAF,KAAA,CAAAO,EAAA,uBAAAC,cAAA,qBAAAtB,KAAA,CAAAuB,WAAA;IAAA,YAEJ,WAAW;IAAA,cACR;MAAE,QAAM,eAAe;MAAE,SAAO;IAAS,CAAC,CAACL,QAAQ,CAAC;IAAA,UACzD,SAAS;IAAA,8CAAAM,MAAA,CAC4BL,aAAa;EAAA,GAAAP,IAAA,IACzD;AAEN,CAAC;AAAC,IAAAa,QAAA,GAEa,IAAAC,qBAAe,EAAChB,kBAAkB,CAAC;AAAAiB,OAAA,cAAAF,QAAA"}
|
|
@@ -9,8 +9,10 @@ var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/obje
|
|
|
9
9
|
var _core = require("@semcore/core");
|
|
10
10
|
var _react = _interopRequireDefault(require("react"));
|
|
11
11
|
var _Skeleton = require("../Skeleton");
|
|
12
|
-
|
|
13
|
-
var styles = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SChartSkeleton_18ujc_gg_{height:200px;width:100%;background-image:var(--bgPattern_18ujc)}.___SChartSkeleton_18ujc_gg_.__bgPosition_18ujc_gg_{background-position:var(--bgPosition_18ujc)}.___SChartSkeleton_18ujc_gg_.__bgSize_18ujc_gg_{background-size:var(--bgSize_18ujc)}.___SChartSkeleton_18ujc_gg_.__bgRepeat_18ujc_gg_{background-repeat:var(--bgRepeat_18ujc)}" /*__inner_css_end__
|
|
12
|
+
/*!__reshadow-styles__:"../style/chart.shadow.css"*/
|
|
13
|
+
var styles = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SChartSkeleton_18ujc_gg_{height:200px;width:100%;background-image:var(--bgPattern_18ujc)}.___SChartSkeleton_18ujc_gg_.__bgPosition_18ujc_gg_{background-position:var(--bgPosition_18ujc)}.___SChartSkeleton_18ujc_gg_.__bgSize_18ujc_gg_{background-size:var(--bgSize_18ujc)}.___SChartSkeleton_18ujc_gg_.__bgRepeat_18ujc_gg_{background-repeat:var(--bgRepeat_18ujc)}", /*__inner_css_end__*/"18ujc_gg_"),
|
|
14
|
+
/*__reshadow_css_end__*/
|
|
15
|
+
{
|
|
14
16
|
"__SChartSkeleton": "___SChartSkeleton_18ujc_gg_",
|
|
15
17
|
"--bgPattern": "--bgPattern_18ujc",
|
|
16
18
|
"_bgPosition": "__bgPosition_18ujc_gg_",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Histogram.js","names":["_core","require","_react","_interopRequireDefault","_Skeleton","styles","sstyled","insert","histogramVerticalSvg","histogramHorizontalSvg","HistogramChartSkeleton","props","_ref","arguments[0]","_ref2","_props$layout","SChartSkeleton","Skeleton","layout","patternBase64","vertical","horizontal","createElement","cn","_objectSpread2","assignProps","concat","_default","createComponent","exports"],"sources":["../../../src/Charts/Histogram.jsx"],"sourcesContent":["import React from 'react';\nimport { createComponent, Root, sstyled } from '@semcore/core';\nimport { Skeleton } from '../Skeleton';\nimport styles from '../style/chart.shadow.css';\n\nconst histogramVerticalSvg = preval`\nmodule.exports = btoa(require('fs').readFileSync(__dirname + '/../svg/histogram-chart-vertical.svg'))\n`;\nconst histogramHorizontalSvg = preval`\nmodule.exports = btoa(require('fs').readFileSync(__dirname + '/../svg/histogram-chart-horizontal.svg'))\n`;\n\nconst HistogramChartSkeleton = (props) => {\n const SChartSkeleton = Root;\n const layout = props.layout ?? 'horizontal';\n const patternBase64 = { vertical: histogramVerticalSvg, horizontal: histogramHorizontalSvg }[\n layout\n ];\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(HistogramChartSkeleton);\n"],"mappings":";;;;;;;;AACA,IAAAA,KAAA,GAAAC,OAAA;AADA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AAEA,IAAAG,SAAA,GAAAH,OAAA;AAAuC;AAAA,IAAAI,MAAA,+BAAAL,KAAA,CAAAM,OAAA,CAAAC,MAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAAA;AAGvC,IAAMC,oBAAoB,69BAEzB;AACD,IAAMC,sBAAsB,y7BAE3B;AAED,IAAMC,sBAAsB,GAAG,SAAzBA,sBAAsBA,CAAIC,KAAK,EAAK;EAAA,IAAAC,IAAA,GAAAC,YAAA;IAAAC,KAAA;IAAAC,aAAA;EACxC,IAAMC,cAAc,GAORC,kBAAQ;EANpB,IAAMC,MAAM,IAAAH,aAAA,GAAGJ,KAAK,CAACO,MAAM,cAAAH,aAAA,cAAAA,aAAA,GAAI,YAAY;EAC3C,IAAMI,aAAa,GAAG;IAAEC,QAAQ,EAAEZ,oBAAoB;IAAEa,UAAU,EAAEZ;EAAuB,CAAC,CAC1FS,MAAM,CACP;EACD,OAAAJ,KAAA,GAAO,IAAAR,aAAO,EAACD,MAAM,CAAC,eACpBH,MAAA,YAAAoB,aAAA,CAACN,cAAc,EAAAF,KAAA,CAAAS,EAAA,uBAAAC,cAAA,qBAAAxB,KAAA,CAAAyB,WAAA;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,GAAAP,IAAA,IACzD;AAEN,CAAC;AAAC,IAAAe,QAAA,GAEa,IAAAC,qBAAe,EAAClB,sBAAsB,CAAC;AAAAmB,OAAA,cAAAF,QAAA"}
|
|
1
|
+
{"version":3,"file":"Histogram.js","names":["_core","require","_react","_interopRequireDefault","_Skeleton","styles","sstyled","insert","histogramVerticalSvg","histogramHorizontalSvg","HistogramChartSkeleton","props","_ref","arguments[0]","_ref2","_props$layout","SChartSkeleton","Skeleton","layout","patternBase64","vertical","horizontal","createElement","cn","_objectSpread2","assignProps","concat","_default","createComponent","exports"],"sources":["../../../src/Charts/Histogram.jsx"],"sourcesContent":["import React from 'react';\nimport { createComponent, Root, sstyled } from '@semcore/core';\nimport { Skeleton } from '../Skeleton';\nimport styles from '../style/chart.shadow.css';\n\nconst histogramVerticalSvg = preval`\nmodule.exports = btoa(require('fs').readFileSync(__dirname + '/../svg/histogram-chart-vertical.svg'))\n`;\nconst histogramHorizontalSvg = preval`\nmodule.exports = btoa(require('fs').readFileSync(__dirname + '/../svg/histogram-chart-horizontal.svg'))\n`;\n\nconst HistogramChartSkeleton = (props) => {\n const SChartSkeleton = Root;\n const layout = props.layout ?? 'horizontal';\n const patternBase64 = { vertical: histogramVerticalSvg, horizontal: histogramHorizontalSvg }[\n layout\n ];\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(HistogramChartSkeleton);\n"],"mappings":";;;;;;;;AACA,IAAAA,KAAA,GAAAC,OAAA;AADA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AAEA,IAAAG,SAAA,GAAAH,OAAA;AAAuC;AAAA,IAAAI,MAAA,+BAAAL,KAAA,CAAAM,OAAA,CAAAC,MAAA;AAAA;AAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAAA;AAGvC,IAAMC,oBAAoB,69BAEzB;AACD,IAAMC,sBAAsB,y7BAE3B;AAED,IAAMC,sBAAsB,GAAG,SAAzBA,sBAAsBA,CAAIC,KAAK,EAAK;EAAA,IAAAC,IAAA,GAAAC,YAAA;IAAAC,KAAA;IAAAC,aAAA;EACxC,IAAMC,cAAc,GAORC,kBAAQ;EANpB,IAAMC,MAAM,IAAAH,aAAA,GAAGJ,KAAK,CAACO,MAAM,cAAAH,aAAA,cAAAA,aAAA,GAAI,YAAY;EAC3C,IAAMI,aAAa,GAAG;IAAEC,QAAQ,EAAEZ,oBAAoB;IAAEa,UAAU,EAAEZ;EAAuB,CAAC,CAC1FS,MAAM,CACP;EACD,OAAAJ,KAAA,GAAO,IAAAR,aAAO,EAACD,MAAM,CAAC,eACpBH,MAAA,YAAAoB,aAAA,CAACN,cAAc,EAAAF,KAAA,CAAAS,EAAA,uBAAAC,cAAA,qBAAAxB,KAAA,CAAAyB,WAAA;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,GAAAP,IAAA,IACzD;AAEN,CAAC;AAAC,IAAAe,QAAA,GAEa,IAAAC,qBAAe,EAAClB,sBAAsB,CAAC;AAAAmB,OAAA,cAAAF,QAAA"}
|
package/lib/cjs/Charts/Line.js
CHANGED
|
@@ -9,8 +9,10 @@ var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/obje
|
|
|
9
9
|
var _core = require("@semcore/core");
|
|
10
10
|
var _react = _interopRequireDefault(require("react"));
|
|
11
11
|
var _Skeleton = require("../Skeleton");
|
|
12
|
-
|
|
13
|
-
var styles = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SChartSkeleton_18ujc_gg_{height:200px;width:100%;background-image:var(--bgPattern_18ujc)}.___SChartSkeleton_18ujc_gg_.__bgPosition_18ujc_gg_{background-position:var(--bgPosition_18ujc)}.___SChartSkeleton_18ujc_gg_.__bgSize_18ujc_gg_{background-size:var(--bgSize_18ujc)}.___SChartSkeleton_18ujc_gg_.__bgRepeat_18ujc_gg_{background-repeat:var(--bgRepeat_18ujc)}" /*__inner_css_end__
|
|
12
|
+
/*!__reshadow-styles__:"../style/chart.shadow.css"*/
|
|
13
|
+
var styles = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SChartSkeleton_18ujc_gg_{height:200px;width:100%;background-image:var(--bgPattern_18ujc)}.___SChartSkeleton_18ujc_gg_.__bgPosition_18ujc_gg_{background-position:var(--bgPosition_18ujc)}.___SChartSkeleton_18ujc_gg_.__bgSize_18ujc_gg_{background-size:var(--bgSize_18ujc)}.___SChartSkeleton_18ujc_gg_.__bgRepeat_18ujc_gg_{background-repeat:var(--bgRepeat_18ujc)}", /*__inner_css_end__*/"18ujc_gg_"),
|
|
14
|
+
/*__reshadow_css_end__*/
|
|
15
|
+
{
|
|
14
16
|
"__SChartSkeleton": "___SChartSkeleton_18ujc_gg_",
|
|
15
17
|
"--bgPattern": "--bgPattern_18ujc",
|
|
16
18
|
"_bgPosition": "__bgPosition_18ujc_gg_",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Line.js","names":["_core","require","_react","_interopRequireDefault","_Skeleton","styles","sstyled","insert","lineLinearSvg","lineMonotoneSvg","LineChartSkeleton","props","_ref","arguments[0]","_ref2","_props$type","SChartSkeleton","Skeleton","patternBase64","linear","monotone","type","createElement","cn","_objectSpread2","assignProps","concat","_default","createComponent","exports"],"sources":["../../../src/Charts/Line.jsx"],"sourcesContent":["import React from 'react';\nimport { createComponent, Root, sstyled } from '@semcore/core';\nimport { Skeleton } from '../Skeleton';\nimport styles from '../style/chart.shadow.css';\n\nconst lineLinearSvg = preval`\nmodule.exports = btoa(require('fs').readFileSync(__dirname + '/../svg/line-chart-linear.svg'))\n`;\nconst lineMonotoneSvg = preval`\nmodule.exports = btoa(require('fs').readFileSync(__dirname + '/../svg/line-chart-monotone.svg'))\n`;\n\nconst LineChartSkeleton = (props) => {\n const SChartSkeleton = Root;\n const patternBase64 = { linear: lineLinearSvg, monotone: lineMonotoneSvg }[\n props.type ?? 'linear'\n ];\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,${patternBase64})`}\n />,\n );\n};\n\nexport default createComponent(LineChartSkeleton);\n"],"mappings":";;;;;;;;AACA,IAAAA,KAAA,GAAAC,OAAA;AADA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AAEA,IAAAG,SAAA,GAAAH,OAAA;AAAuC;AAAA,IAAAI,MAAA,+BAAAL,KAAA,CAAAM,OAAA,CAAAC,MAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAAA;AAGvC,IAAMC,aAAa,qhBAElB;AACD,IAAMC,eAAe,qWAEpB;AAED,IAAMC,iBAAiB,GAAG,SAApBA,iBAAiBA,CAAIC,KAAK,EAAK;EAAA,IAAAC,IAAA,GAAAC,YAAA;IAAAC,KAAA;IAAAC,WAAA;EACnC,IAAMC,cAAc,GAMRC,kBAAQ;EALpB,IAAMC,aAAa,GAAG;IAAEC,MAAM,EAAEX,aAAa;IAAEY,QAAQ,EAAEX;EAAgB,CAAC,EAAAM,WAAA,GACxEJ,KAAK,CAACU,IAAI,cAAAN,WAAA,cAAAA,WAAA,GAAI,QAAQ,CACvB;EACD,OAAAD,KAAA,GAAO,IAAAR,aAAO,EAACD,MAAM,CAAC,eACpBH,MAAA,YAAAoB,aAAA,CAACN,cAAc,EAAAF,KAAA,CAAAS,EAAA,uBAAAC,cAAA,qBAAAxB,KAAA,CAAAyB,WAAA;IAAA,YAEJ,UAAU;IAAA,cACR,aAAa;IAAA,UACjB,UAAU;IAAA,8CAAAC,MAAA,CAC2BR,aAAa;EAAA,GAAAN,IAAA,IACzD;AAEN,CAAC;AAAC,IAAAe,QAAA,GAEa,IAAAC,qBAAe,EAAClB,iBAAiB,CAAC;AAAAmB,OAAA,cAAAF,QAAA"}
|
|
1
|
+
{"version":3,"file":"Line.js","names":["_core","require","_react","_interopRequireDefault","_Skeleton","styles","sstyled","insert","lineLinearSvg","lineMonotoneSvg","LineChartSkeleton","props","_ref","arguments[0]","_ref2","_props$type","SChartSkeleton","Skeleton","patternBase64","linear","monotone","type","createElement","cn","_objectSpread2","assignProps","concat","_default","createComponent","exports"],"sources":["../../../src/Charts/Line.jsx"],"sourcesContent":["import React from 'react';\nimport { createComponent, Root, sstyled } from '@semcore/core';\nimport { Skeleton } from '../Skeleton';\nimport styles from '../style/chart.shadow.css';\n\nconst lineLinearSvg = preval`\nmodule.exports = btoa(require('fs').readFileSync(__dirname + '/../svg/line-chart-linear.svg'))\n`;\nconst lineMonotoneSvg = preval`\nmodule.exports = btoa(require('fs').readFileSync(__dirname + '/../svg/line-chart-monotone.svg'))\n`;\n\nconst LineChartSkeleton = (props) => {\n const SChartSkeleton = Root;\n const patternBase64 = { linear: lineLinearSvg, monotone: lineMonotoneSvg }[\n props.type ?? 'linear'\n ];\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,${patternBase64})`}\n />,\n );\n};\n\nexport default createComponent(LineChartSkeleton);\n"],"mappings":";;;;;;;;AACA,IAAAA,KAAA,GAAAC,OAAA;AADA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AAEA,IAAAG,SAAA,GAAAH,OAAA;AAAuC;AAAA,IAAAI,MAAA,+BAAAL,KAAA,CAAAM,OAAA,CAAAC,MAAA;AAAA;AAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAAA;AAGvC,IAAMC,aAAa,qhBAElB;AACD,IAAMC,eAAe,qWAEpB;AAED,IAAMC,iBAAiB,GAAG,SAApBA,iBAAiBA,CAAIC,KAAK,EAAK;EAAA,IAAAC,IAAA,GAAAC,YAAA;IAAAC,KAAA;IAAAC,WAAA;EACnC,IAAMC,cAAc,GAMRC,kBAAQ;EALpB,IAAMC,aAAa,GAAG;IAAEC,MAAM,EAAEX,aAAa;IAAEY,QAAQ,EAAEX;EAAgB,CAAC,EAAAM,WAAA,GACxEJ,KAAK,CAACU,IAAI,cAAAN,WAAA,cAAAA,WAAA,GAAI,QAAQ,CACvB;EACD,OAAAD,KAAA,GAAO,IAAAR,aAAO,EAACD,MAAM,CAAC,eACpBH,MAAA,YAAAoB,aAAA,CAACN,cAAc,EAAAF,KAAA,CAAAS,EAAA,uBAAAC,cAAA,qBAAAxB,KAAA,CAAAyB,WAAA;IAAA,YAEJ,UAAU;IAAA,cACR,aAAa;IAAA,UACjB,UAAU;IAAA,8CAAAC,MAAA,CAC2BR,aAAa;EAAA,GAAAN,IAAA,IACzD;AAEN,CAAC;AAAC,IAAAe,QAAA,GAEa,IAAAC,qBAAe,EAAClB,iBAAiB,CAAC;AAAAmB,OAAA,cAAAF,QAAA"}
|
|
@@ -9,8 +9,10 @@ var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/obje
|
|
|
9
9
|
var _core = require("@semcore/core");
|
|
10
10
|
var _react = _interopRequireDefault(require("react"));
|
|
11
11
|
var _Skeleton = require("../Skeleton");
|
|
12
|
-
|
|
13
|
-
var styles = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SChartSkeleton_18ujc_gg_{height:200px;width:100%;background-image:var(--bgPattern_18ujc)}.___SChartSkeleton_18ujc_gg_.__bgPosition_18ujc_gg_{background-position:var(--bgPosition_18ujc)}.___SChartSkeleton_18ujc_gg_.__bgSize_18ujc_gg_{background-size:var(--bgSize_18ujc)}.___SChartSkeleton_18ujc_gg_.__bgRepeat_18ujc_gg_{background-repeat:var(--bgRepeat_18ujc)}" /*__inner_css_end__
|
|
12
|
+
/*!__reshadow-styles__:"../style/chart.shadow.css"*/
|
|
13
|
+
var styles = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SChartSkeleton_18ujc_gg_{height:200px;width:100%;background-image:var(--bgPattern_18ujc)}.___SChartSkeleton_18ujc_gg_.__bgPosition_18ujc_gg_{background-position:var(--bgPosition_18ujc)}.___SChartSkeleton_18ujc_gg_.__bgSize_18ujc_gg_{background-size:var(--bgSize_18ujc)}.___SChartSkeleton_18ujc_gg_.__bgRepeat_18ujc_gg_{background-repeat:var(--bgRepeat_18ujc)}", /*__inner_css_end__*/"18ujc_gg_"),
|
|
14
|
+
/*__reshadow_css_end__*/
|
|
15
|
+
{
|
|
14
16
|
"__SChartSkeleton": "___SChartSkeleton_18ujc_gg_",
|
|
15
17
|
"--bgPattern": "--bgPattern_18ujc",
|
|
16
18
|
"_bgPosition": "__bgPosition_18ujc_gg_",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"RadialTree.js","names":["_core","require","_react","_interopRequireDefault","_Skeleton","styles","sstyled","insert","radialSvg","RadialTreeChartSkeleton","_ref","arguments[0]","_ref2","SChartSkeleton","Skeleton","createElement","cn","_objectSpread2","assignProps","concat","_default","createComponent","exports"],"sources":["../../../src/Charts/RadialTree.tsx"],"sourcesContent":["import React from 'react';\nimport { createComponent, Root, sstyled } from '@semcore/core';\nimport { Skeleton } from '../Skeleton';\nimport styles from '../style/chart.shadow.css';\n\n// @ts-ignore\nconst radialSvg = preval`\nmodule.exports = btoa(require('fs').readFileSync(__dirname + '/../svg/radial-chart.svg'))\n`;\n\nconst RadialTreeChartSkeleton = () => {\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,${radialSvg})`}\n />,\n );\n};\n\nexport default createComponent(RadialTreeChartSkeleton);\n"],"mappings":";;;;;;;;AACA,IAAAA,KAAA,GAAAC,OAAA;AADA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AAEA,IAAAG,SAAA,GAAAH,OAAA;AAAuC;AAAA,IAAAI,MAAA,+BAAAL,KAAA,CAAAM,OAAA,CAAAC,MAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAAA,IAGvC;AACA,IAAMC,SAAS,izOAEd;AAED,IAAMC,uBAAuB,GAAG,SAA1BA,uBAAuBA,CAAA,EAAS;EAAA,IAAAC,IAAA,GAAAC,YAAA;IAAAC,KAAA;EACpC,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,SAAS;EAAA,GAAAE,IAAA,IACrD;AAEN,CAAC;AAAC,IAAAU,QAAA,GAEa,IAAAC,qBAAe,EAACZ,uBAAuB,CAAC;AAAAa,OAAA,cAAAF,QAAA"}
|
|
1
|
+
{"version":3,"file":"RadialTree.js","names":["_core","require","_react","_interopRequireDefault","_Skeleton","styles","sstyled","insert","radialSvg","RadialTreeChartSkeleton","_ref","arguments[0]","_ref2","SChartSkeleton","Skeleton","createElement","cn","_objectSpread2","assignProps","concat","_default","createComponent","exports"],"sources":["../../../src/Charts/RadialTree.tsx"],"sourcesContent":["import React from 'react';\nimport { createComponent, Root, sstyled } from '@semcore/core';\nimport { Skeleton } from '../Skeleton';\nimport styles from '../style/chart.shadow.css';\n\n// @ts-ignore\nconst radialSvg = preval`\nmodule.exports = btoa(require('fs').readFileSync(__dirname + '/../svg/radial-chart.svg'))\n`;\n\nconst RadialTreeChartSkeleton = () => {\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,${radialSvg})`}\n />,\n );\n};\n\nexport default createComponent(RadialTreeChartSkeleton);\n"],"mappings":";;;;;;;;AACA,IAAAA,KAAA,GAAAC,OAAA;AADA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AAEA,IAAAG,SAAA,GAAAH,OAAA;AAAuC;AAAA,IAAAI,MAAA,+BAAAL,KAAA,CAAAM,OAAA,CAAAC,MAAA;AAAA;AAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAAA,IAGvC;AACA,IAAMC,SAAS,izOAEd;AAED,IAAMC,uBAAuB,GAAG,SAA1BA,uBAAuBA,CAAA,EAAS;EAAA,IAAAC,IAAA,GAAAC,YAAA;IAAAC,KAAA;EACpC,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,SAAS;EAAA,GAAAE,IAAA,IACrD;AAEN,CAAC;AAAC,IAAAU,QAAA,GAEa,IAAAC,qBAAe,EAACZ,uBAAuB,CAAC;AAAAa,OAAA,cAAAF,QAAA"}
|
|
@@ -9,8 +9,10 @@ var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/obje
|
|
|
9
9
|
var _core = require("@semcore/core");
|
|
10
10
|
var _react = _interopRequireDefault(require("react"));
|
|
11
11
|
var _Skeleton = require("../Skeleton");
|
|
12
|
-
|
|
13
|
-
var styles = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SChartSkeleton_18ujc_gg_{height:200px;width:100%;background-image:var(--bgPattern_18ujc)}.___SChartSkeleton_18ujc_gg_.__bgPosition_18ujc_gg_{background-position:var(--bgPosition_18ujc)}.___SChartSkeleton_18ujc_gg_.__bgSize_18ujc_gg_{background-size:var(--bgSize_18ujc)}.___SChartSkeleton_18ujc_gg_.__bgRepeat_18ujc_gg_{background-repeat:var(--bgRepeat_18ujc)}" /*__inner_css_end__
|
|
12
|
+
/*!__reshadow-styles__:"../style/chart.shadow.css"*/
|
|
13
|
+
var styles = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SChartSkeleton_18ujc_gg_{height:200px;width:100%;background-image:var(--bgPattern_18ujc)}.___SChartSkeleton_18ujc_gg_.__bgPosition_18ujc_gg_{background-position:var(--bgPosition_18ujc)}.___SChartSkeleton_18ujc_gg_.__bgSize_18ujc_gg_{background-size:var(--bgSize_18ujc)}.___SChartSkeleton_18ujc_gg_.__bgRepeat_18ujc_gg_{background-repeat:var(--bgRepeat_18ujc)}", /*__inner_css_end__*/"18ujc_gg_"),
|
|
14
|
+
/*__reshadow_css_end__*/
|
|
15
|
+
{
|
|
14
16
|
"__SChartSkeleton": "___SChartSkeleton_18ujc_gg_",
|
|
15
17
|
"--bgPattern": "--bgPattern_18ujc",
|
|
16
18
|
"_bgPosition": "__bgPosition_18ujc_gg_",
|
|
@@ -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","createComponent","exports"],"sources":["../../../src/Charts/ScatterPlot.jsx"],"sourcesContent":["import React from 'react';\nimport { createComponent, Root, sstyled } from '@semcore/core';\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":";;;;;;;;AACA,IAAAA,KAAA,GAAAC,OAAA;AADA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AAEA,IAAAG,SAAA,GAAAH,OAAA;AAAuC;AAAA,IAAAI,MAAA,+BAAAL,KAAA,CAAAM,OAAA,CAAAC,MAAA;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,IACtD;AAEN,CAAC;AAAC,IAAAU,QAAA,GAEa,IAAAC,qBAAe,EAACZ,wBAAwB,CAAC;AAAAa,OAAA,cAAAF,QAAA"}
|
|
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","createComponent","exports"],"sources":["../../../src/Charts/ScatterPlot.jsx"],"sourcesContent":["import React from 'react';\nimport { createComponent, Root, sstyled } from '@semcore/core';\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":";;;;;;;;AACA,IAAAA,KAAA,GAAAC,OAAA;AADA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AAEA,IAAAG,SAAA,GAAAH,OAAA;AAAuC;AAAA,IAAAI,MAAA,+BAAAL,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,IACtD;AAEN,CAAC;AAAC,IAAAU,QAAA,GAEa,IAAAC,qBAAe,EAACZ,wBAAwB,CAAC;AAAAa,OAAA,cAAAF,QAAA"}
|
package/lib/cjs/Charts/Venn.js
CHANGED
|
@@ -9,8 +9,10 @@ var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/obje
|
|
|
9
9
|
var _core = require("@semcore/core");
|
|
10
10
|
var _react = _interopRequireDefault(require("react"));
|
|
11
11
|
var _Skeleton = require("../Skeleton");
|
|
12
|
-
|
|
13
|
-
var styles = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SChartSkeleton_18ujc_gg_{height:200px;width:100%;background-image:var(--bgPattern_18ujc)}.___SChartSkeleton_18ujc_gg_.__bgPosition_18ujc_gg_{background-position:var(--bgPosition_18ujc)}.___SChartSkeleton_18ujc_gg_.__bgSize_18ujc_gg_{background-size:var(--bgSize_18ujc)}.___SChartSkeleton_18ujc_gg_.__bgRepeat_18ujc_gg_{background-repeat:var(--bgRepeat_18ujc)}" /*__inner_css_end__
|
|
12
|
+
/*!__reshadow-styles__:"../style/chart.shadow.css"*/
|
|
13
|
+
var styles = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SChartSkeleton_18ujc_gg_{height:200px;width:100%;background-image:var(--bgPattern_18ujc)}.___SChartSkeleton_18ujc_gg_.__bgPosition_18ujc_gg_{background-position:var(--bgPosition_18ujc)}.___SChartSkeleton_18ujc_gg_.__bgSize_18ujc_gg_{background-size:var(--bgSize_18ujc)}.___SChartSkeleton_18ujc_gg_.__bgRepeat_18ujc_gg_{background-repeat:var(--bgRepeat_18ujc)}", /*__inner_css_end__*/"18ujc_gg_"),
|
|
14
|
+
/*__reshadow_css_end__*/
|
|
15
|
+
{
|
|
14
16
|
"__SChartSkeleton": "___SChartSkeleton_18ujc_gg_",
|
|
15
17
|
"--bgPattern": "--bgPattern_18ujc",
|
|
16
18
|
"_bgPosition": "__bgPosition_18ujc_gg_",
|
|
@@ -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","createComponent","exports"],"sources":["../../../src/Charts/Venn.jsx"],"sourcesContent":["import React from 'react';\nimport { createComponent, Root, sstyled } from '@semcore/core';\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":";;;;;;;;AACA,IAAAA,KAAA,GAAAC,OAAA;AADA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AAEA,IAAAG,SAAA,GAAAH,OAAA;AAAuC;AAAA,IAAAI,MAAA,+BAAAL,KAAA,CAAAM,OAAA,CAAAC,MAAA;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,IACnD;AAEN,CAAC;AAAC,IAAAU,QAAA,GAEa,IAAAC,qBAAe,EAACZ,iBAAiB,CAAC;AAAAa,OAAA,cAAAF,QAAA"}
|
|
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","createComponent","exports"],"sources":["../../../src/Charts/Venn.jsx"],"sourcesContent":["import React from 'react';\nimport { createComponent, Root, sstyled } from '@semcore/core';\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":";;;;;;;;AACA,IAAAA,KAAA,GAAAC,OAAA;AADA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AAEA,IAAAG,SAAA,GAAAH,OAAA;AAAuC;AAAA,IAAAI,MAAA,+BAAAL,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,IACnD;AAEN,CAAC;AAAC,IAAAU,QAAA,GAEa,IAAAC,qBAAe,EAACZ,iBAAiB,CAAC;AAAAa,OAAA,cAAAF,QAAA"}
|
package/lib/cjs/Skeleton.js
CHANGED
|
@@ -22,8 +22,10 @@ var _canUseDOM = _interopRequireDefault(require("@semcore/core/lib/utils/canUseD
|
|
|
22
22
|
var _i18nEnhance = _interopRequireDefault(require("@semcore/core/lib/utils/enhances/i18nEnhance"));
|
|
23
23
|
var _intergalacticDynamicLocales = require("./translations/__intergalactic-dynamic-locales");
|
|
24
24
|
var _excluded = ["y", "x", "amount", "width", "styles", "forwardRef"];
|
|
25
|
-
|
|
26
|
-
var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/"@keyframes pulse_1aad7{0%,to{opacity:1}50%{opacity:.4}}.___SSkeleton_1aad7_gg_{animation-name:pulse_1aad7;animation-iteration-count:infinite;animation-timing-function:ease-in-out;animation-duration:var(--durationAnim_1aad7);will-change:opacity}.___SSkeletonSVG_1aad7_gg_._theme_invert_1aad7_gg_{fill:var(--intergalactic-skeleton-bg, rgba(224, 225, 233, 0.8))}.___SSkeletonSVG_1aad7_gg_._theme_dark_1aad7_gg_{fill:var(--intergalactic-skeleton-bg-invert, rgba(255, 255, 255, 0.3))}.___SText_1aad7_gg_{box-sizing:border-box}@media (prefers-reduced-motion){.___SSkeleton_1aad7_gg_{animation-name:none}}" /*__inner_css_end__
|
|
25
|
+
/*!__reshadow-styles__:"./style/skeleton.shadow.css"*/
|
|
26
|
+
var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/"@keyframes pulse_1aad7{0%,to{opacity:1}50%{opacity:.4}}.___SSkeleton_1aad7_gg_{animation-name:pulse_1aad7;animation-iteration-count:infinite;animation-timing-function:ease-in-out;animation-duration:var(--durationAnim_1aad7);will-change:opacity}.___SSkeletonSVG_1aad7_gg_._theme_invert_1aad7_gg_{fill:var(--intergalactic-skeleton-bg, rgba(224, 225, 233, 0.8))}.___SSkeletonSVG_1aad7_gg_._theme_dark_1aad7_gg_{fill:var(--intergalactic-skeleton-bg-invert, rgba(255, 255, 255, 0.3))}.___SText_1aad7_gg_{box-sizing:border-box}@media (prefers-reduced-motion){.___SSkeleton_1aad7_gg_{animation-name:none}}", /*__inner_css_end__*/"1aad7_gg_"),
|
|
27
|
+
/*__reshadow_css_end__*/
|
|
28
|
+
{
|
|
27
29
|
"__SSkeleton": "___SSkeleton_1aad7_gg_",
|
|
28
30
|
"--durationAnim": "--durationAnim_1aad7",
|
|
29
31
|
"@pulse": "pulse_1aad7",
|
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","_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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"}
|
package/lib/es6/Charts/Area.js
CHANGED
|
@@ -4,8 +4,10 @@ import { assignProps as _assignProps } from "@semcore/core";
|
|
|
4
4
|
import React from 'react';
|
|
5
5
|
import { createComponent, Root, sstyled } from '@semcore/core';
|
|
6
6
|
import { Skeleton } from '../Skeleton';
|
|
7
|
-
|
|
8
|
-
var styles = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SChartSkeleton_18ujc_gg_{height:200px;width:100%;background-image:var(--bgPattern_18ujc)}.___SChartSkeleton_18ujc_gg_.__bgPosition_18ujc_gg_{background-position:var(--bgPosition_18ujc)}.___SChartSkeleton_18ujc_gg_.__bgSize_18ujc_gg_{background-size:var(--bgSize_18ujc)}.___SChartSkeleton_18ujc_gg_.__bgRepeat_18ujc_gg_{background-repeat:var(--bgRepeat_18ujc)}" /*__inner_css_end__
|
|
7
|
+
/*!__reshadow-styles__:"../style/chart.shadow.css"*/
|
|
8
|
+
var styles = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SChartSkeleton_18ujc_gg_{height:200px;width:100%;background-image:var(--bgPattern_18ujc)}.___SChartSkeleton_18ujc_gg_.__bgPosition_18ujc_gg_{background-position:var(--bgPosition_18ujc)}.___SChartSkeleton_18ujc_gg_.__bgSize_18ujc_gg_{background-size:var(--bgSize_18ujc)}.___SChartSkeleton_18ujc_gg_.__bgRepeat_18ujc_gg_{background-repeat:var(--bgRepeat_18ujc)}", /*__inner_css_end__*/"18ujc_gg_"),
|
|
9
|
+
/*__reshadow_css_end__*/
|
|
10
|
+
{
|
|
9
11
|
"__SChartSkeleton": "___SChartSkeleton_18ujc_gg_",
|
|
10
12
|
"--bgPattern": "--bgPattern_18ujc",
|
|
11
13
|
"_bgPosition": "__bgPosition_18ujc_gg_",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Area.js","names":["React","createComponent","Root","sstyled","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 React from 'react';\nimport { createComponent, Root, sstyled } from '@semcore/core';\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,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,eAAe,EAAEC,IAAI,EAAEC,OAAO,QAAQ,eAAe;AAC9D,SAASC,QAAQ,QAAQ,aAAa;AAAC;AAAA,IAAAC,MAAA,+BAAAC,QAAA,CAAAC,MAAA;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,GAAOX,OAAO,CAACE,MAAM,CAAC,eACpBL,KAAA,CAAAqB,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,IACzD;AAEN,CAAC;AAED,eAAeX,eAAe,CAACS,iBAAiB,CAAC"}
|
|
1
|
+
{"version":3,"file":"Area.js","names":["React","createComponent","Root","sstyled","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 React from 'react';\nimport { createComponent, Root, sstyled } from '@semcore/core';\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,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,eAAe,EAAEC,IAAI,EAAEC,OAAO,QAAQ,eAAe;AAC9D,SAASC,QAAQ,QAAQ,aAAa;AAAC;AAAA,IAAAC,MAAA,+BAAAC,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,GAAOX,OAAO,CAACE,MAAM,CAAC,eACpBL,KAAA,CAAAqB,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,IACzD;AAEN,CAAC;AAED,eAAeX,eAAe,CAACS,iBAAiB,CAAC"}
|
package/lib/es6/Charts/Bar.js
CHANGED
|
@@ -4,8 +4,10 @@ import { assignProps as _assignProps } from "@semcore/core";
|
|
|
4
4
|
import React from 'react';
|
|
5
5
|
import { createComponent, Root, sstyled } from '@semcore/core';
|
|
6
6
|
import { Skeleton } from '../Skeleton';
|
|
7
|
-
|
|
8
|
-
var styles = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SChartSkeleton_18ujc_gg_{height:200px;width:100%;background-image:var(--bgPattern_18ujc)}.___SChartSkeleton_18ujc_gg_.__bgPosition_18ujc_gg_{background-position:var(--bgPosition_18ujc)}.___SChartSkeleton_18ujc_gg_.__bgSize_18ujc_gg_{background-size:var(--bgSize_18ujc)}.___SChartSkeleton_18ujc_gg_.__bgRepeat_18ujc_gg_{background-repeat:var(--bgRepeat_18ujc)}" /*__inner_css_end__
|
|
7
|
+
/*!__reshadow-styles__:"../style/chart.shadow.css"*/
|
|
8
|
+
var styles = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SChartSkeleton_18ujc_gg_{height:200px;width:100%;background-image:var(--bgPattern_18ujc)}.___SChartSkeleton_18ujc_gg_.__bgPosition_18ujc_gg_{background-position:var(--bgPosition_18ujc)}.___SChartSkeleton_18ujc_gg_.__bgSize_18ujc_gg_{background-size:var(--bgSize_18ujc)}.___SChartSkeleton_18ujc_gg_.__bgRepeat_18ujc_gg_{background-repeat:var(--bgRepeat_18ujc)}", /*__inner_css_end__*/"18ujc_gg_"),
|
|
9
|
+
/*__reshadow_css_end__*/
|
|
10
|
+
{
|
|
9
11
|
"__SChartSkeleton": "___SChartSkeleton_18ujc_gg_",
|
|
10
12
|
"--bgPattern": "--bgPattern_18ujc",
|
|
11
13
|
"_bgPosition": "__bgPosition_18ujc_gg_",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Bar.js","names":["React","createComponent","Root","sstyled","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 React from 'react';\nimport { createComponent, Root, sstyled } from '@semcore/core';\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,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,eAAe,EAAEC,IAAI,EAAEC,OAAO,QAAQ,eAAe;AAC9D,SAASC,QAAQ,QAAQ,aAAa;AAAC;AAAA,IAAAC,MAAA,+BAAAC,QAAA,CAAAC,MAAA;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,GAAOX,OAAO,CAACE,MAAM,CAAC,eACpBL,KAAA,CAAAqB,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,IACzD;AAEN,CAAC;AAED,eAAeX,eAAe,CAACS,gBAAgB,CAAC"}
|
|
1
|
+
{"version":3,"file":"Bar.js","names":["React","createComponent","Root","sstyled","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 React from 'react';\nimport { createComponent, Root, sstyled } from '@semcore/core';\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,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,eAAe,EAAEC,IAAI,EAAEC,OAAO,QAAQ,eAAe;AAC9D,SAASC,QAAQ,QAAQ,aAAa;AAAC;AAAA,IAAAC,MAAA,+BAAAC,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,GAAOX,OAAO,CAACE,MAAM,CAAC,eACpBL,KAAA,CAAAqB,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,IACzD;AAEN,CAAC;AAED,eAAeX,eAAe,CAACS,gBAAgB,CAAC"}
|
package/lib/es6/Charts/Bubble.js
CHANGED
|
@@ -4,8 +4,10 @@ import { assignProps as _assignProps } from "@semcore/core";
|
|
|
4
4
|
import React from 'react';
|
|
5
5
|
import { createComponent, Root, sstyled } from '@semcore/core';
|
|
6
6
|
import { Skeleton } from '../Skeleton';
|
|
7
|
-
|
|
8
|
-
var styles = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SChartSkeleton_18ujc_gg_{height:200px;width:100%;background-image:var(--bgPattern_18ujc)}.___SChartSkeleton_18ujc_gg_.__bgPosition_18ujc_gg_{background-position:var(--bgPosition_18ujc)}.___SChartSkeleton_18ujc_gg_.__bgSize_18ujc_gg_{background-size:var(--bgSize_18ujc)}.___SChartSkeleton_18ujc_gg_.__bgRepeat_18ujc_gg_{background-repeat:var(--bgRepeat_18ujc)}" /*__inner_css_end__
|
|
7
|
+
/*!__reshadow-styles__:"../style/chart.shadow.css"*/
|
|
8
|
+
var styles = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SChartSkeleton_18ujc_gg_{height:200px;width:100%;background-image:var(--bgPattern_18ujc)}.___SChartSkeleton_18ujc_gg_.__bgPosition_18ujc_gg_{background-position:var(--bgPosition_18ujc)}.___SChartSkeleton_18ujc_gg_.__bgSize_18ujc_gg_{background-size:var(--bgSize_18ujc)}.___SChartSkeleton_18ujc_gg_.__bgRepeat_18ujc_gg_{background-repeat:var(--bgRepeat_18ujc)}", /*__inner_css_end__*/"18ujc_gg_"),
|
|
9
|
+
/*__reshadow_css_end__*/
|
|
10
|
+
{
|
|
9
11
|
"__SChartSkeleton": "___SChartSkeleton_18ujc_gg_",
|
|
10
12
|
"--bgPattern": "--bgPattern_18ujc",
|
|
11
13
|
"_bgPosition": "__bgPosition_18ujc_gg_",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Bubble.js","names":["React","createComponent","Root","sstyled","Skeleton","styles","_sstyled","insert","bubbleSvg","BubbleChartSkeleton","_ref","arguments[0]","_ref2","SChartSkeleton","createElement","cn","_objectSpread","_assignProps","concat"],"sources":["../../../src/Charts/Bubble.jsx"],"sourcesContent":["import React from 'react';\nimport { createComponent, Root, sstyled } from '@semcore/core';\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\nconst 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,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,eAAe,EAAEC,IAAI,EAAEC,OAAO,QAAQ,eAAe;AAC9D,SAASC,QAAQ,QAAQ,aAAa;AAAC;AAAA,IAAAC,MAAA,+BAAAC,QAAA,CAAAC,MAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAAA;AAGvC,IAAMC,SAAS,6xCAEd;AAED,IAAMC,mBAAmB,GAAG,SAAtBA,mBAAmBA,CAAA,EAAS;EAAA,IAAAC,IAAA,GAAAC,YAAA;IAAAC,KAAA;EAChC,IAAMC,cAAc,GAGRT,QAAQ;EAFpB,OAAAQ,KAAA,GAAOT,OAAO,CAACE,MAAM,CAAC,eACpBL,KAAA,CAAAc,aAAA,CAACD,cAAc,EAAAD,KAAA,CAAAG,EAAA,mBAAAC,aAAA,KAAAC,YAAA;IAAA,YAEJ,UAAU;IAAA,cACR,aAAa;IAAA,UACjB,UAAU;IAAA,8CAAAC,MAAA,CAC2BV,SAAS;EAAA,GAAAE,IAAA,IACrD;AAEN,CAAC;AAED,eAAeT,eAAe,CAACQ,mBAAmB,CAAC"}
|
|
1
|
+
{"version":3,"file":"Bubble.js","names":["React","createComponent","Root","sstyled","Skeleton","styles","_sstyled","insert","bubbleSvg","BubbleChartSkeleton","_ref","arguments[0]","_ref2","SChartSkeleton","createElement","cn","_objectSpread","_assignProps","concat"],"sources":["../../../src/Charts/Bubble.jsx"],"sourcesContent":["import React from 'react';\nimport { createComponent, Root, sstyled } from '@semcore/core';\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\nconst 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,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,eAAe,EAAEC,IAAI,EAAEC,OAAO,QAAQ,eAAe;AAC9D,SAASC,QAAQ,QAAQ,aAAa;AAAC;AAAA,IAAAC,MAAA,+BAAAC,QAAA,CAAAC,MAAA;AAAA;AAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAAA;AAGvC,IAAMC,SAAS,6xCAEd;AAED,IAAMC,mBAAmB,GAAG,SAAtBA,mBAAmBA,CAAA,EAAS;EAAA,IAAAC,IAAA,GAAAC,YAAA;IAAAC,KAAA;EAChC,IAAMC,cAAc,GAGRT,QAAQ;EAFpB,OAAAQ,KAAA,GAAOT,OAAO,CAACE,MAAM,CAAC,eACpBL,KAAA,CAAAc,aAAA,CAACD,cAAc,EAAAD,KAAA,CAAAG,EAAA,mBAAAC,aAAA,KAAAC,YAAA;IAAA,YAEJ,UAAU;IAAA,cACR,aAAa;IAAA,UACjB,UAAU;IAAA,8CAAAC,MAAA,CAC2BV,SAAS;EAAA,GAAAE,IAAA,IACrD;AAEN,CAAC;AAED,eAAeT,eAAe,CAACQ,mBAAmB,CAAC"}
|
|
@@ -4,8 +4,10 @@ import { assignProps as _assignProps } from "@semcore/core";
|
|
|
4
4
|
import React from 'react';
|
|
5
5
|
import { createComponent, Root, sstyled } from '@semcore/core';
|
|
6
6
|
import { Skeleton } from '../Skeleton';
|
|
7
|
-
|
|
8
|
-
var styles = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SChartSkeleton_18ujc_gg_{height:200px;width:100%;background-image:var(--bgPattern_18ujc)}.___SChartSkeleton_18ujc_gg_.__bgPosition_18ujc_gg_{background-position:var(--bgPosition_18ujc)}.___SChartSkeleton_18ujc_gg_.__bgSize_18ujc_gg_{background-size:var(--bgSize_18ujc)}.___SChartSkeleton_18ujc_gg_.__bgRepeat_18ujc_gg_{background-repeat:var(--bgRepeat_18ujc)}" /*__inner_css_end__
|
|
7
|
+
/*!__reshadow-styles__:"../style/chart.shadow.css"*/
|
|
8
|
+
var styles = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SChartSkeleton_18ujc_gg_{height:200px;width:100%;background-image:var(--bgPattern_18ujc)}.___SChartSkeleton_18ujc_gg_.__bgPosition_18ujc_gg_{background-position:var(--bgPosition_18ujc)}.___SChartSkeleton_18ujc_gg_.__bgSize_18ujc_gg_{background-size:var(--bgSize_18ujc)}.___SChartSkeleton_18ujc_gg_.__bgRepeat_18ujc_gg_{background-repeat:var(--bgRepeat_18ujc)}", /*__inner_css_end__*/"18ujc_gg_"),
|
|
9
|
+
/*__reshadow_css_end__*/
|
|
10
|
+
{
|
|
9
11
|
"__SChartSkeleton": "___SChartSkeleton_18ujc_gg_",
|
|
10
12
|
"--bgPattern": "--bgPattern_18ujc",
|
|
11
13
|
"_bgPosition": "__bgPosition_18ujc_gg_",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CompactHorizontalBar.js","names":["React","createComponent","Root","sstyled","Skeleton","styles","_sstyled","insert","patternBase64","CompactHorizontalBarChartSkeleton","props","_ref","arguments[0]","_ref2","SChartSkeleton","createElement","cn","_objectSpread","_assignProps","concat"],"sources":["../../../src/Charts/CompactHorizontalBar.jsx"],"sourcesContent":["import React from 'react';\nimport { createComponent, Root, sstyled } from '@semcore/core';\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\nconst CompactHorizontalBarChartSkeleton = (props) => {\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,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,eAAe,EAAEC,IAAI,EAAEC,OAAO,QAAQ,eAAe;AAC9D,SAASC,QAAQ,QAAQ,aAAa;AAAC;AAAA,IAAAC,MAAA,+BAAAC,QAAA,CAAAC,MAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAAA;AAGvC,IAAMC,aAAa,i/BAElB;AAED,IAAMC,iCAAiC,GAAG,SAApCA,iCAAiCA,CAAIC,KAAK,EAAK;EAAA,IAAAC,IAAA,GAAAC,YAAA;IAAAC,KAAA;EACnD,IAAMC,cAAc,GAGRV,QAAQ;EAFpB,OAAAS,KAAA,GAAOV,OAAO,CAACE,MAAM,CAAC,eACpBL,KAAA,CAAAe,aAAA,CAACD,cAAc,EAAAD,KAAA,CAAAG,EAAA,mBAAAC,aAAA,KAAAC,YAAA;IAAA,YAEJ,UAAU;IAAA,cACR,UAAU;IAAA,UACd,SAAS;IAAA,8CAAAC,MAAA,CAC4BX,aAAa;EAAA,GAAAG,IAAA,IACzD;AAEN,CAAC;AAED,eAAeV,eAAe,CAACQ,iCAAiC,CAAC"}
|
|
1
|
+
{"version":3,"file":"CompactHorizontalBar.js","names":["React","createComponent","Root","sstyled","Skeleton","styles","_sstyled","insert","patternBase64","CompactHorizontalBarChartSkeleton","props","_ref","arguments[0]","_ref2","SChartSkeleton","createElement","cn","_objectSpread","_assignProps","concat"],"sources":["../../../src/Charts/CompactHorizontalBar.jsx"],"sourcesContent":["import React from 'react';\nimport { createComponent, Root, sstyled } from '@semcore/core';\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\nconst CompactHorizontalBarChartSkeleton = (props) => {\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,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,eAAe,EAAEC,IAAI,EAAEC,OAAO,QAAQ,eAAe;AAC9D,SAASC,QAAQ,QAAQ,aAAa;AAAC;AAAA,IAAAC,MAAA,+BAAAC,QAAA,CAAAC,MAAA;AAAA;AAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAAA;AAGvC,IAAMC,aAAa,i/BAElB;AAED,IAAMC,iCAAiC,GAAG,SAApCA,iCAAiCA,CAAIC,KAAK,EAAK;EAAA,IAAAC,IAAA,GAAAC,YAAA;IAAAC,KAAA;EACnD,IAAMC,cAAc,GAGRV,QAAQ;EAFpB,OAAAS,KAAA,GAAOV,OAAO,CAACE,MAAM,CAAC,eACpBL,KAAA,CAAAe,aAAA,CAACD,cAAc,EAAAD,KAAA,CAAAG,EAAA,mBAAAC,aAAA,KAAAC,YAAA;IAAA,YAEJ,UAAU;IAAA,cACR,UAAU;IAAA,UACd,SAAS;IAAA,8CAAAC,MAAA,CAC4BX,aAAa;EAAA,GAAAG,IAAA,IACzD;AAEN,CAAC;AAED,eAAeV,eAAe,CAACQ,iCAAiC,CAAC"}
|
package/lib/es6/Charts/Donut.js
CHANGED
|
@@ -4,8 +4,10 @@ import { assignProps as _assignProps } from "@semcore/core";
|
|
|
4
4
|
import React from 'react';
|
|
5
5
|
import { createComponent, Root, sstyled } from '@semcore/core';
|
|
6
6
|
import { Skeleton } from '../Skeleton';
|
|
7
|
-
|
|
8
|
-
var styles = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SChartSkeleton_18ujc_gg_{height:200px;width:100%;background-image:var(--bgPattern_18ujc)}.___SChartSkeleton_18ujc_gg_.__bgPosition_18ujc_gg_{background-position:var(--bgPosition_18ujc)}.___SChartSkeleton_18ujc_gg_.__bgSize_18ujc_gg_{background-size:var(--bgSize_18ujc)}.___SChartSkeleton_18ujc_gg_.__bgRepeat_18ujc_gg_{background-repeat:var(--bgRepeat_18ujc)}" /*__inner_css_end__
|
|
7
|
+
/*!__reshadow-styles__:"../style/chart.shadow.css"*/
|
|
8
|
+
var styles = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SChartSkeleton_18ujc_gg_{height:200px;width:100%;background-image:var(--bgPattern_18ujc)}.___SChartSkeleton_18ujc_gg_.__bgPosition_18ujc_gg_{background-position:var(--bgPosition_18ujc)}.___SChartSkeleton_18ujc_gg_.__bgSize_18ujc_gg_{background-size:var(--bgSize_18ujc)}.___SChartSkeleton_18ujc_gg_.__bgRepeat_18ujc_gg_{background-repeat:var(--bgRepeat_18ujc)}", /*__inner_css_end__*/"18ujc_gg_"),
|
|
9
|
+
/*__reshadow_css_end__*/
|
|
10
|
+
{
|
|
9
11
|
"__SChartSkeleton": "___SChartSkeleton_18ujc_gg_",
|
|
10
12
|
"--bgPattern": "--bgPattern_18ujc",
|
|
11
13
|
"_bgPosition": "__bgPosition_18ujc_gg_",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Donut.js","names":["React","createComponent","Root","sstyled","Skeleton","styles","_sstyled","insert","donutFullSvg","donutHalfSvg","DonutChartSkeleton","props","_ref","arguments[0]","_ref2","_props$halfsize","SChartSkeleton","halfsize","patternBase64","createElement","cn","_objectSpread","_assignProps","concat"],"sources":["../../../src/Charts/Donut.jsx"],"sourcesContent":["import React from 'react';\nimport { createComponent, Root, sstyled } from '@semcore/core';\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\nconst 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,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,eAAe,EAAEC,IAAI,EAAEC,OAAO,QAAQ,eAAe;AAC9D,SAASC,QAAQ,QAAQ,aAAa;AAAC;AAAA,IAAAC,MAAA,+BAAAC,QAAA,CAAAC,MAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAAA;AAGvC,IAAMC,YAAY,6qCAEjB;AACD,IAAMC,YAAY,6nBAEjB;AAED,IAAMC,kBAAkB,GAAG,SAArBA,kBAAkBA,CAAIC,KAAK,EAAK;EAAA,IAAAC,IAAA,GAAAC,YAAA;IAAAC,KAAA;IAAAC,eAAA;EACpC,IAAMC,cAAc,GAKRZ,QAAQ;EAJpB,IAAMa,QAAQ,IAAAF,eAAA,GAAGJ,KAAK,CAACM,QAAQ,cAAAF,eAAA,cAAAA,eAAA,GAAI,KAAK;EACxC,IAAMG,aAAa,GAAG;IAAE,QAAMT,YAAY;IAAE,SAAOD;EAAa,CAAC,CAACS,QAAQ,CAAC;EAC3E,OAAAH,KAAA,GAAOX,OAAO,CAACE,MAAM,CAAC,eACpBL,KAAA,CAAAmB,aAAA,CAACH,cAAc,EAAAF,KAAA,CAAAM,EAAA,mBAAAC,aAAA,KAAAC,YAAA;IAAA,YAEJ,WAAW;IAAA,cACR;MAAE,QAAM,eAAe;MAAE,SAAO;IAAS,CAAC,CAACL,QAAQ,CAAC;IAAA,UACzD,SAAS;IAAA,8CAAAM,MAAA,CAC4BL,aAAa;EAAA,GAAAN,IAAA,IACzD;AAEN,CAAC;AAED,eAAeX,eAAe,CAACS,kBAAkB,CAAC"}
|
|
1
|
+
{"version":3,"file":"Donut.js","names":["React","createComponent","Root","sstyled","Skeleton","styles","_sstyled","insert","donutFullSvg","donutHalfSvg","DonutChartSkeleton","props","_ref","arguments[0]","_ref2","_props$halfsize","SChartSkeleton","halfsize","patternBase64","createElement","cn","_objectSpread","_assignProps","concat"],"sources":["../../../src/Charts/Donut.jsx"],"sourcesContent":["import React from 'react';\nimport { createComponent, Root, sstyled } from '@semcore/core';\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\nconst 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,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,eAAe,EAAEC,IAAI,EAAEC,OAAO,QAAQ,eAAe;AAC9D,SAASC,QAAQ,QAAQ,aAAa;AAAC;AAAA,IAAAC,MAAA,+BAAAC,QAAA,CAAAC,MAAA;AAAA;AAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAAA;AAGvC,IAAMC,YAAY,6qCAEjB;AACD,IAAMC,YAAY,6nBAEjB;AAED,IAAMC,kBAAkB,GAAG,SAArBA,kBAAkBA,CAAIC,KAAK,EAAK;EAAA,IAAAC,IAAA,GAAAC,YAAA;IAAAC,KAAA;IAAAC,eAAA;EACpC,IAAMC,cAAc,GAKRZ,QAAQ;EAJpB,IAAMa,QAAQ,IAAAF,eAAA,GAAGJ,KAAK,CAACM,QAAQ,cAAAF,eAAA,cAAAA,eAAA,GAAI,KAAK;EACxC,IAAMG,aAAa,GAAG;IAAE,QAAMT,YAAY;IAAE,SAAOD;EAAa,CAAC,CAACS,QAAQ,CAAC;EAC3E,OAAAH,KAAA,GAAOX,OAAO,CAACE,MAAM,CAAC,eACpBL,KAAA,CAAAmB,aAAA,CAACH,cAAc,EAAAF,KAAA,CAAAM,EAAA,mBAAAC,aAAA,KAAAC,YAAA;IAAA,YAEJ,WAAW;IAAA,cACR;MAAE,QAAM,eAAe;MAAE,SAAO;IAAS,CAAC,CAACL,QAAQ,CAAC;IAAA,UACzD,SAAS;IAAA,8CAAAM,MAAA,CAC4BL,aAAa;EAAA,GAAAN,IAAA,IACzD;AAEN,CAAC;AAED,eAAeX,eAAe,CAACS,kBAAkB,CAAC"}
|
|
@@ -4,8 +4,10 @@ import { assignProps as _assignProps } from "@semcore/core";
|
|
|
4
4
|
import React from 'react';
|
|
5
5
|
import { createComponent, Root, sstyled } from '@semcore/core';
|
|
6
6
|
import { Skeleton } from '../Skeleton';
|
|
7
|
-
|
|
8
|
-
var styles = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SChartSkeleton_18ujc_gg_{height:200px;width:100%;background-image:var(--bgPattern_18ujc)}.___SChartSkeleton_18ujc_gg_.__bgPosition_18ujc_gg_{background-position:var(--bgPosition_18ujc)}.___SChartSkeleton_18ujc_gg_.__bgSize_18ujc_gg_{background-size:var(--bgSize_18ujc)}.___SChartSkeleton_18ujc_gg_.__bgRepeat_18ujc_gg_{background-repeat:var(--bgRepeat_18ujc)}" /*__inner_css_end__
|
|
7
|
+
/*!__reshadow-styles__:"../style/chart.shadow.css"*/
|
|
8
|
+
var styles = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SChartSkeleton_18ujc_gg_{height:200px;width:100%;background-image:var(--bgPattern_18ujc)}.___SChartSkeleton_18ujc_gg_.__bgPosition_18ujc_gg_{background-position:var(--bgPosition_18ujc)}.___SChartSkeleton_18ujc_gg_.__bgSize_18ujc_gg_{background-size:var(--bgSize_18ujc)}.___SChartSkeleton_18ujc_gg_.__bgRepeat_18ujc_gg_{background-repeat:var(--bgRepeat_18ujc)}", /*__inner_css_end__*/"18ujc_gg_"),
|
|
9
|
+
/*__reshadow_css_end__*/
|
|
10
|
+
{
|
|
9
11
|
"__SChartSkeleton": "___SChartSkeleton_18ujc_gg_",
|
|
10
12
|
"--bgPattern": "--bgPattern_18ujc",
|
|
11
13
|
"_bgPosition": "__bgPosition_18ujc_gg_",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Histogram.js","names":["React","createComponent","Root","sstyled","Skeleton","styles","_sstyled","insert","histogramVerticalSvg","histogramHorizontalSvg","HistogramChartSkeleton","props","_ref","arguments[0]","_ref2","_props$layout","SChartSkeleton","layout","patternBase64","vertical","horizontal","createElement","cn","_objectSpread","_assignProps","concat"],"sources":["../../../src/Charts/Histogram.jsx"],"sourcesContent":["import React from 'react';\nimport { createComponent, Root, sstyled } from '@semcore/core';\nimport { Skeleton } from '../Skeleton';\nimport styles from '../style/chart.shadow.css';\n\nconst histogramVerticalSvg = preval`\nmodule.exports = btoa(require('fs').readFileSync(__dirname + '/../svg/histogram-chart-vertical.svg'))\n`;\nconst histogramHorizontalSvg = preval`\nmodule.exports = btoa(require('fs').readFileSync(__dirname + '/../svg/histogram-chart-horizontal.svg'))\n`;\n\nconst HistogramChartSkeleton = (props) => {\n const SChartSkeleton = Root;\n const layout = props.layout ?? 'horizontal';\n const patternBase64 = { vertical: histogramVerticalSvg, horizontal: histogramHorizontalSvg }[\n layout\n ];\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(HistogramChartSkeleton);\n"],"mappings":";;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,eAAe,EAAEC,IAAI,EAAEC,OAAO,QAAQ,eAAe;AAC9D,SAASC,QAAQ,QAAQ,aAAa;AAAC;AAAA,IAAAC,MAAA,+BAAAC,QAAA,CAAAC,MAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAAA;AAGvC,IAAMC,oBAAoB,69BAEzB;AACD,IAAMC,sBAAsB,y7BAE3B;AAED,IAAMC,sBAAsB,GAAG,SAAzBA,sBAAsBA,CAAIC,KAAK,EAAK;EAAA,IAAAC,IAAA,GAAAC,YAAA;IAAAC,KAAA;IAAAC,aAAA;EACxC,IAAMC,cAAc,GAORZ,QAAQ;EANpB,IAAMa,MAAM,IAAAF,aAAA,GAAGJ,KAAK,CAACM,MAAM,cAAAF,aAAA,cAAAA,aAAA,GAAI,YAAY;EAC3C,IAAMG,aAAa,GAAG;IAAEC,QAAQ,EAAEX,oBAAoB;IAAEY,UAAU,EAAEX;EAAuB,CAAC,CAC1FQ,MAAM,CACP;EACD,OAAAH,KAAA,GAAOX,OAAO,CAACE,MAAM,CAAC,eACpBL,KAAA,CAAAqB,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,IACzD;AAEN,CAAC;AAED,eAAeX,eAAe,CAACS,sBAAsB,CAAC"}
|
|
1
|
+
{"version":3,"file":"Histogram.js","names":["React","createComponent","Root","sstyled","Skeleton","styles","_sstyled","insert","histogramVerticalSvg","histogramHorizontalSvg","HistogramChartSkeleton","props","_ref","arguments[0]","_ref2","_props$layout","SChartSkeleton","layout","patternBase64","vertical","horizontal","createElement","cn","_objectSpread","_assignProps","concat"],"sources":["../../../src/Charts/Histogram.jsx"],"sourcesContent":["import React from 'react';\nimport { createComponent, Root, sstyled } from '@semcore/core';\nimport { Skeleton } from '../Skeleton';\nimport styles from '../style/chart.shadow.css';\n\nconst histogramVerticalSvg = preval`\nmodule.exports = btoa(require('fs').readFileSync(__dirname + '/../svg/histogram-chart-vertical.svg'))\n`;\nconst histogramHorizontalSvg = preval`\nmodule.exports = btoa(require('fs').readFileSync(__dirname + '/../svg/histogram-chart-horizontal.svg'))\n`;\n\nconst HistogramChartSkeleton = (props) => {\n const SChartSkeleton = Root;\n const layout = props.layout ?? 'horizontal';\n const patternBase64 = { vertical: histogramVerticalSvg, horizontal: histogramHorizontalSvg }[\n layout\n ];\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(HistogramChartSkeleton);\n"],"mappings":";;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,eAAe,EAAEC,IAAI,EAAEC,OAAO,QAAQ,eAAe;AAC9D,SAASC,QAAQ,QAAQ,aAAa;AAAC;AAAA,IAAAC,MAAA,+BAAAC,QAAA,CAAAC,MAAA;AAAA;AAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAAA;AAGvC,IAAMC,oBAAoB,69BAEzB;AACD,IAAMC,sBAAsB,y7BAE3B;AAED,IAAMC,sBAAsB,GAAG,SAAzBA,sBAAsBA,CAAIC,KAAK,EAAK;EAAA,IAAAC,IAAA,GAAAC,YAAA;IAAAC,KAAA;IAAAC,aAAA;EACxC,IAAMC,cAAc,GAORZ,QAAQ;EANpB,IAAMa,MAAM,IAAAF,aAAA,GAAGJ,KAAK,CAACM,MAAM,cAAAF,aAAA,cAAAA,aAAA,GAAI,YAAY;EAC3C,IAAMG,aAAa,GAAG;IAAEC,QAAQ,EAAEX,oBAAoB;IAAEY,UAAU,EAAEX;EAAuB,CAAC,CAC1FQ,MAAM,CACP;EACD,OAAAH,KAAA,GAAOX,OAAO,CAACE,MAAM,CAAC,eACpBL,KAAA,CAAAqB,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,IACzD;AAEN,CAAC;AAED,eAAeX,eAAe,CAACS,sBAAsB,CAAC"}
|
package/lib/es6/Charts/Line.js
CHANGED
|
@@ -4,8 +4,10 @@ import { assignProps as _assignProps } from "@semcore/core";
|
|
|
4
4
|
import React from 'react';
|
|
5
5
|
import { createComponent, Root, sstyled } from '@semcore/core';
|
|
6
6
|
import { Skeleton } from '../Skeleton';
|
|
7
|
-
|
|
8
|
-
var styles = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SChartSkeleton_18ujc_gg_{height:200px;width:100%;background-image:var(--bgPattern_18ujc)}.___SChartSkeleton_18ujc_gg_.__bgPosition_18ujc_gg_{background-position:var(--bgPosition_18ujc)}.___SChartSkeleton_18ujc_gg_.__bgSize_18ujc_gg_{background-size:var(--bgSize_18ujc)}.___SChartSkeleton_18ujc_gg_.__bgRepeat_18ujc_gg_{background-repeat:var(--bgRepeat_18ujc)}" /*__inner_css_end__
|
|
7
|
+
/*!__reshadow-styles__:"../style/chart.shadow.css"*/
|
|
8
|
+
var styles = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SChartSkeleton_18ujc_gg_{height:200px;width:100%;background-image:var(--bgPattern_18ujc)}.___SChartSkeleton_18ujc_gg_.__bgPosition_18ujc_gg_{background-position:var(--bgPosition_18ujc)}.___SChartSkeleton_18ujc_gg_.__bgSize_18ujc_gg_{background-size:var(--bgSize_18ujc)}.___SChartSkeleton_18ujc_gg_.__bgRepeat_18ujc_gg_{background-repeat:var(--bgRepeat_18ujc)}", /*__inner_css_end__*/"18ujc_gg_"),
|
|
9
|
+
/*__reshadow_css_end__*/
|
|
10
|
+
{
|
|
9
11
|
"__SChartSkeleton": "___SChartSkeleton_18ujc_gg_",
|
|
10
12
|
"--bgPattern": "--bgPattern_18ujc",
|
|
11
13
|
"_bgPosition": "__bgPosition_18ujc_gg_",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Line.js","names":["React","createComponent","Root","sstyled","Skeleton","styles","_sstyled","insert","lineLinearSvg","lineMonotoneSvg","LineChartSkeleton","props","_ref","arguments[0]","_ref2","_props$type","SChartSkeleton","patternBase64","linear","monotone","type","createElement","cn","_objectSpread","_assignProps","concat"],"sources":["../../../src/Charts/Line.jsx"],"sourcesContent":["import React from 'react';\nimport { createComponent, Root, sstyled } from '@semcore/core';\nimport { Skeleton } from '../Skeleton';\nimport styles from '../style/chart.shadow.css';\n\nconst lineLinearSvg = preval`\nmodule.exports = btoa(require('fs').readFileSync(__dirname + '/../svg/line-chart-linear.svg'))\n`;\nconst lineMonotoneSvg = preval`\nmodule.exports = btoa(require('fs').readFileSync(__dirname + '/../svg/line-chart-monotone.svg'))\n`;\n\nconst LineChartSkeleton = (props) => {\n const SChartSkeleton = Root;\n const patternBase64 = { linear: lineLinearSvg, monotone: lineMonotoneSvg }[\n props.type ?? 'linear'\n ];\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,${patternBase64})`}\n />,\n );\n};\n\nexport default createComponent(LineChartSkeleton);\n"],"mappings":";;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,eAAe,EAAEC,IAAI,EAAEC,OAAO,QAAQ,eAAe;AAC9D,SAASC,QAAQ,QAAQ,aAAa;AAAC;AAAA,IAAAC,MAAA,+BAAAC,QAAA,CAAAC,MAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAAA;AAGvC,IAAMC,aAAa,qhBAElB;AACD,IAAMC,eAAe,qWAEpB;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,GAAOX,OAAO,CAACE,MAAM,CAAC,eACpBL,KAAA,CAAAqB,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,IACzD;AAEN,CAAC;AAED,eAAeX,eAAe,CAACS,iBAAiB,CAAC"}
|
|
1
|
+
{"version":3,"file":"Line.js","names":["React","createComponent","Root","sstyled","Skeleton","styles","_sstyled","insert","lineLinearSvg","lineMonotoneSvg","LineChartSkeleton","props","_ref","arguments[0]","_ref2","_props$type","SChartSkeleton","patternBase64","linear","monotone","type","createElement","cn","_objectSpread","_assignProps","concat"],"sources":["../../../src/Charts/Line.jsx"],"sourcesContent":["import React from 'react';\nimport { createComponent, Root, sstyled } from '@semcore/core';\nimport { Skeleton } from '../Skeleton';\nimport styles from '../style/chart.shadow.css';\n\nconst lineLinearSvg = preval`\nmodule.exports = btoa(require('fs').readFileSync(__dirname + '/../svg/line-chart-linear.svg'))\n`;\nconst lineMonotoneSvg = preval`\nmodule.exports = btoa(require('fs').readFileSync(__dirname + '/../svg/line-chart-monotone.svg'))\n`;\n\nconst LineChartSkeleton = (props) => {\n const SChartSkeleton = Root;\n const patternBase64 = { linear: lineLinearSvg, monotone: lineMonotoneSvg }[\n props.type ?? 'linear'\n ];\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,${patternBase64})`}\n />,\n );\n};\n\nexport default createComponent(LineChartSkeleton);\n"],"mappings":";;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,eAAe,EAAEC,IAAI,EAAEC,OAAO,QAAQ,eAAe;AAC9D,SAASC,QAAQ,QAAQ,aAAa;AAAC;AAAA,IAAAC,MAAA,+BAAAC,QAAA,CAAAC,MAAA;AAAA;AAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAAA;AAGvC,IAAMC,aAAa,qhBAElB;AACD,IAAMC,eAAe,qWAEpB;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,GAAOX,OAAO,CAACE,MAAM,CAAC,eACpBL,KAAA,CAAAqB,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,IACzD;AAEN,CAAC;AAED,eAAeX,eAAe,CAACS,iBAAiB,CAAC"}
|
|
@@ -4,8 +4,10 @@ import { assignProps as _assignProps } from "@semcore/core";
|
|
|
4
4
|
import React from 'react';
|
|
5
5
|
import { createComponent, Root, sstyled } from '@semcore/core';
|
|
6
6
|
import { Skeleton } from '../Skeleton';
|
|
7
|
-
|
|
8
|
-
var styles = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SChartSkeleton_18ujc_gg_{height:200px;width:100%;background-image:var(--bgPattern_18ujc)}.___SChartSkeleton_18ujc_gg_.__bgPosition_18ujc_gg_{background-position:var(--bgPosition_18ujc)}.___SChartSkeleton_18ujc_gg_.__bgSize_18ujc_gg_{background-size:var(--bgSize_18ujc)}.___SChartSkeleton_18ujc_gg_.__bgRepeat_18ujc_gg_{background-repeat:var(--bgRepeat_18ujc)}" /*__inner_css_end__
|
|
7
|
+
/*!__reshadow-styles__:"../style/chart.shadow.css"*/
|
|
8
|
+
var styles = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SChartSkeleton_18ujc_gg_{height:200px;width:100%;background-image:var(--bgPattern_18ujc)}.___SChartSkeleton_18ujc_gg_.__bgPosition_18ujc_gg_{background-position:var(--bgPosition_18ujc)}.___SChartSkeleton_18ujc_gg_.__bgSize_18ujc_gg_{background-size:var(--bgSize_18ujc)}.___SChartSkeleton_18ujc_gg_.__bgRepeat_18ujc_gg_{background-repeat:var(--bgRepeat_18ujc)}", /*__inner_css_end__*/"18ujc_gg_"),
|
|
9
|
+
/*__reshadow_css_end__*/
|
|
10
|
+
{
|
|
9
11
|
"__SChartSkeleton": "___SChartSkeleton_18ujc_gg_",
|
|
10
12
|
"--bgPattern": "--bgPattern_18ujc",
|
|
11
13
|
"_bgPosition": "__bgPosition_18ujc_gg_",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"RadialTree.js","names":["React","createComponent","Root","sstyled","Skeleton","styles","_sstyled","insert","radialSvg","RadialTreeChartSkeleton","_ref","arguments[0]","_ref2","SChartSkeleton","createElement","cn","_objectSpread","_assignProps","concat"],"sources":["../../../src/Charts/RadialTree.tsx"],"sourcesContent":["import React from 'react';\nimport { createComponent, Root, sstyled } from '@semcore/core';\nimport { Skeleton } from '../Skeleton';\nimport styles from '../style/chart.shadow.css';\n\n// @ts-ignore\nconst radialSvg = preval`\nmodule.exports = btoa(require('fs').readFileSync(__dirname + '/../svg/radial-chart.svg'))\n`;\n\nconst RadialTreeChartSkeleton = () => {\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,${radialSvg})`}\n />,\n );\n};\n\nexport default createComponent(RadialTreeChartSkeleton);\n"],"mappings":";;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,eAAe,EAAEC,IAAI,EAAEC,OAAO,QAAQ,eAAe;AAC9D,SAASC,QAAQ,QAAQ,aAAa;AAAC;AAAA,IAAAC,MAAA,+BAAAC,QAAA,CAAAC,MAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAAA,IAGvC;AACA,IAAMC,SAAS,izOAEd;AAED,IAAMC,uBAAuB,GAAG,SAA1BA,uBAAuBA,CAAA,EAAS;EAAA,IAAAC,IAAA,GAAAC,YAAA;IAAAC,KAAA;EACpC,IAAMC,cAAc,GAGRT,QAAQ;EAFpB,OAAAQ,KAAA,GAAOT,OAAO,CAACE,MAAM,CAAC,eACpBL,KAAA,CAAAc,aAAA,CAACD,cAAc,EAAAD,KAAA,CAAAG,EAAA,mBAAAC,aAAA,KAAAC,YAAA;IAAA,YAEJ,WAAW;IAAA,cACT,QAAQ;IAAA,UACZ,SAAS;IAAA,8CAAAC,MAAA,CAC4BV,SAAS;EAAA,GAAAE,IAAA,IACrD;AAEN,CAAC;AAED,eAAeT,eAAe,CAACQ,uBAAuB,CAAC"}
|
|
1
|
+
{"version":3,"file":"RadialTree.js","names":["React","createComponent","Root","sstyled","Skeleton","styles","_sstyled","insert","radialSvg","RadialTreeChartSkeleton","_ref","arguments[0]","_ref2","SChartSkeleton","createElement","cn","_objectSpread","_assignProps","concat"],"sources":["../../../src/Charts/RadialTree.tsx"],"sourcesContent":["import React from 'react';\nimport { createComponent, Root, sstyled } from '@semcore/core';\nimport { Skeleton } from '../Skeleton';\nimport styles from '../style/chart.shadow.css';\n\n// @ts-ignore\nconst radialSvg = preval`\nmodule.exports = btoa(require('fs').readFileSync(__dirname + '/../svg/radial-chart.svg'))\n`;\n\nconst RadialTreeChartSkeleton = () => {\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,${radialSvg})`}\n />,\n );\n};\n\nexport default createComponent(RadialTreeChartSkeleton);\n"],"mappings":";;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,eAAe,EAAEC,IAAI,EAAEC,OAAO,QAAQ,eAAe;AAC9D,SAASC,QAAQ,QAAQ,aAAa;AAAC;AAAA,IAAAC,MAAA,+BAAAC,QAAA,CAAAC,MAAA;AAAA;AAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAAA,IAGvC;AACA,IAAMC,SAAS,izOAEd;AAED,IAAMC,uBAAuB,GAAG,SAA1BA,uBAAuBA,CAAA,EAAS;EAAA,IAAAC,IAAA,GAAAC,YAAA;IAAAC,KAAA;EACpC,IAAMC,cAAc,GAGRT,QAAQ;EAFpB,OAAAQ,KAAA,GAAOT,OAAO,CAACE,MAAM,CAAC,eACpBL,KAAA,CAAAc,aAAA,CAACD,cAAc,EAAAD,KAAA,CAAAG,EAAA,mBAAAC,aAAA,KAAAC,YAAA;IAAA,YAEJ,WAAW;IAAA,cACT,QAAQ;IAAA,UACZ,SAAS;IAAA,8CAAAC,MAAA,CAC4BV,SAAS;EAAA,GAAAE,IAAA,IACrD;AAEN,CAAC;AAED,eAAeT,eAAe,CAACQ,uBAAuB,CAAC"}
|
|
@@ -4,8 +4,10 @@ import { assignProps as _assignProps } from "@semcore/core";
|
|
|
4
4
|
import React from 'react';
|
|
5
5
|
import { createComponent, Root, sstyled } from '@semcore/core';
|
|
6
6
|
import { Skeleton } from '../Skeleton';
|
|
7
|
-
|
|
8
|
-
var styles = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SChartSkeleton_18ujc_gg_{height:200px;width:100%;background-image:var(--bgPattern_18ujc)}.___SChartSkeleton_18ujc_gg_.__bgPosition_18ujc_gg_{background-position:var(--bgPosition_18ujc)}.___SChartSkeleton_18ujc_gg_.__bgSize_18ujc_gg_{background-size:var(--bgSize_18ujc)}.___SChartSkeleton_18ujc_gg_.__bgRepeat_18ujc_gg_{background-repeat:var(--bgRepeat_18ujc)}" /*__inner_css_end__
|
|
7
|
+
/*!__reshadow-styles__:"../style/chart.shadow.css"*/
|
|
8
|
+
var styles = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SChartSkeleton_18ujc_gg_{height:200px;width:100%;background-image:var(--bgPattern_18ujc)}.___SChartSkeleton_18ujc_gg_.__bgPosition_18ujc_gg_{background-position:var(--bgPosition_18ujc)}.___SChartSkeleton_18ujc_gg_.__bgSize_18ujc_gg_{background-size:var(--bgSize_18ujc)}.___SChartSkeleton_18ujc_gg_.__bgRepeat_18ujc_gg_{background-repeat:var(--bgRepeat_18ujc)}", /*__inner_css_end__*/"18ujc_gg_"),
|
|
9
|
+
/*__reshadow_css_end__*/
|
|
10
|
+
{
|
|
9
11
|
"__SChartSkeleton": "___SChartSkeleton_18ujc_gg_",
|
|
10
12
|
"--bgPattern": "--bgPattern_18ujc",
|
|
11
13
|
"_bgPosition": "__bgPosition_18ujc_gg_",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ScatterPlot.js","names":["React","createComponent","Root","sstyled","Skeleton","styles","_sstyled","insert","scatterSvg","ScatterPlotChartSkeleton","_ref","arguments[0]","_ref2","SChartSkeleton","createElement","cn","_objectSpread","_assignProps","concat"],"sources":["../../../src/Charts/ScatterPlot.jsx"],"sourcesContent":["import React from 'react';\nimport { createComponent, Root, sstyled } from '@semcore/core';\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,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,eAAe,EAAEC,IAAI,EAAEC,OAAO,QAAQ,eAAe;AAC9D,SAASC,QAAQ,QAAQ,aAAa;AAAC;AAAA,IAAAC,MAAA,+BAAAC,QAAA,CAAAC,MAAA;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,GAGRT,QAAQ;EAFpB,OAAAQ,KAAA,GAAOT,OAAO,CAACE,MAAM,CAAC,eACpBL,KAAA,CAAAc,aAAA,CAACD,cAAc,EAAAD,KAAA,CAAAG,EAAA,mBAAAC,aAAA,KAAAC,YAAA;IAAA,YAEJ,UAAU;IAAA,cACR,aAAa;IAAA,UACjB,UAAU;IAAA,8CAAAC,MAAA,CAC2BV,UAAU;EAAA,GAAAE,IAAA,IACtD;AAEN,CAAC;AAED,eAAeT,eAAe,CAACQ,wBAAwB,CAAC"}
|
|
1
|
+
{"version":3,"file":"ScatterPlot.js","names":["React","createComponent","Root","sstyled","Skeleton","styles","_sstyled","insert","scatterSvg","ScatterPlotChartSkeleton","_ref","arguments[0]","_ref2","SChartSkeleton","createElement","cn","_objectSpread","_assignProps","concat"],"sources":["../../../src/Charts/ScatterPlot.jsx"],"sourcesContent":["import React from 'react';\nimport { createComponent, Root, sstyled } from '@semcore/core';\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,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,eAAe,EAAEC,IAAI,EAAEC,OAAO,QAAQ,eAAe;AAC9D,SAASC,QAAQ,QAAQ,aAAa;AAAC;AAAA,IAAAC,MAAA,+BAAAC,QAAA,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,GAGRT,QAAQ;EAFpB,OAAAQ,KAAA,GAAOT,OAAO,CAACE,MAAM,CAAC,eACpBL,KAAA,CAAAc,aAAA,CAACD,cAAc,EAAAD,KAAA,CAAAG,EAAA,mBAAAC,aAAA,KAAAC,YAAA;IAAA,YAEJ,UAAU;IAAA,cACR,aAAa;IAAA,UACjB,UAAU;IAAA,8CAAAC,MAAA,CAC2BV,UAAU;EAAA,GAAAE,IAAA,IACtD;AAEN,CAAC;AAED,eAAeT,eAAe,CAACQ,wBAAwB,CAAC"}
|
package/lib/es6/Charts/Venn.js
CHANGED
|
@@ -4,8 +4,10 @@ import { assignProps as _assignProps } from "@semcore/core";
|
|
|
4
4
|
import React from 'react';
|
|
5
5
|
import { createComponent, Root, sstyled } from '@semcore/core';
|
|
6
6
|
import { Skeleton } from '../Skeleton';
|
|
7
|
-
|
|
8
|
-
var styles = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SChartSkeleton_18ujc_gg_{height:200px;width:100%;background-image:var(--bgPattern_18ujc)}.___SChartSkeleton_18ujc_gg_.__bgPosition_18ujc_gg_{background-position:var(--bgPosition_18ujc)}.___SChartSkeleton_18ujc_gg_.__bgSize_18ujc_gg_{background-size:var(--bgSize_18ujc)}.___SChartSkeleton_18ujc_gg_.__bgRepeat_18ujc_gg_{background-repeat:var(--bgRepeat_18ujc)}" /*__inner_css_end__
|
|
7
|
+
/*!__reshadow-styles__:"../style/chart.shadow.css"*/
|
|
8
|
+
var styles = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SChartSkeleton_18ujc_gg_{height:200px;width:100%;background-image:var(--bgPattern_18ujc)}.___SChartSkeleton_18ujc_gg_.__bgPosition_18ujc_gg_{background-position:var(--bgPosition_18ujc)}.___SChartSkeleton_18ujc_gg_.__bgSize_18ujc_gg_{background-size:var(--bgSize_18ujc)}.___SChartSkeleton_18ujc_gg_.__bgRepeat_18ujc_gg_{background-repeat:var(--bgRepeat_18ujc)}", /*__inner_css_end__*/"18ujc_gg_"),
|
|
9
|
+
/*__reshadow_css_end__*/
|
|
10
|
+
{
|
|
9
11
|
"__SChartSkeleton": "___SChartSkeleton_18ujc_gg_",
|
|
10
12
|
"--bgPattern": "--bgPattern_18ujc",
|
|
11
13
|
"_bgPosition": "__bgPosition_18ujc_gg_",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Venn.js","names":["React","createComponent","Root","sstyled","Skeleton","styles","_sstyled","insert","vennSvg","VennChartSkeleton","_ref","arguments[0]","_ref2","SChartSkeleton","createElement","cn","_objectSpread","_assignProps","concat"],"sources":["../../../src/Charts/Venn.jsx"],"sourcesContent":["import React from 'react';\nimport { createComponent, Root, sstyled } from '@semcore/core';\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,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,eAAe,EAAEC,IAAI,EAAEC,OAAO,QAAQ,eAAe;AAC9D,SAASC,QAAQ,QAAQ,aAAa;AAAC;AAAA,IAAAC,MAAA,+BAAAC,QAAA,CAAAC,MAAA;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,GAGRT,QAAQ;EAFpB,OAAAQ,KAAA,GAAOT,OAAO,CAACE,MAAM,CAAC,eACpBL,KAAA,CAAAc,aAAA,CAACD,cAAc,EAAAD,KAAA,CAAAG,EAAA,mBAAAC,aAAA,KAAAC,YAAA;IAAA,YAEJ,WAAW;IAAA,cACT,QAAQ;IAAA,UACZ,SAAS;IAAA,8CAAAC,MAAA,CAC4BV,OAAO;EAAA,GAAAE,IAAA,IACnD;AAEN,CAAC;AAED,eAAeT,eAAe,CAACQ,iBAAiB,CAAC"}
|
|
1
|
+
{"version":3,"file":"Venn.js","names":["React","createComponent","Root","sstyled","Skeleton","styles","_sstyled","insert","vennSvg","VennChartSkeleton","_ref","arguments[0]","_ref2","SChartSkeleton","createElement","cn","_objectSpread","_assignProps","concat"],"sources":["../../../src/Charts/Venn.jsx"],"sourcesContent":["import React from 'react';\nimport { createComponent, Root, sstyled } from '@semcore/core';\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,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,eAAe,EAAEC,IAAI,EAAEC,OAAO,QAAQ,eAAe;AAC9D,SAASC,QAAQ,QAAQ,aAAa;AAAC;AAAA,IAAAC,MAAA,+BAAAC,QAAA,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,GAGRT,QAAQ;EAFpB,OAAAQ,KAAA,GAAOT,OAAO,CAACE,MAAM,CAAC,eACpBL,KAAA,CAAAc,aAAA,CAACD,cAAc,EAAAD,KAAA,CAAAG,EAAA,mBAAAC,aAAA,KAAAC,YAAA;IAAA,YAEJ,WAAW;IAAA,cACT,QAAQ;IAAA,UACZ,SAAS;IAAA,8CAAAC,MAAA,CAC4BV,OAAO;EAAA,GAAAE,IAAA,IACnD;AAEN,CAAC;AAED,eAAeT,eAAe,CAACQ,iBAAiB,CAAC"}
|
package/lib/es6/Skeleton.js
CHANGED
|
@@ -18,8 +18,10 @@ import uniqueIDEnhancement from '@semcore/core/lib/utils/uniqueID';
|
|
|
18
18
|
import canUseDOM from '@semcore/core/lib/utils/canUseDOM';
|
|
19
19
|
import i18nEnhance from '@semcore/core/lib/utils/enhances/i18nEnhance';
|
|
20
20
|
import { localizedMessages } from './translations/__intergalactic-dynamic-locales';
|
|
21
|
-
|
|
22
|
-
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/"@keyframes pulse_1aad7{0%,to{opacity:1}50%{opacity:.4}}.___SSkeleton_1aad7_gg_{animation-name:pulse_1aad7;animation-iteration-count:infinite;animation-timing-function:ease-in-out;animation-duration:var(--durationAnim_1aad7);will-change:opacity}.___SSkeletonSVG_1aad7_gg_._theme_invert_1aad7_gg_{fill:var(--intergalactic-skeleton-bg, rgba(224, 225, 233, 0.8))}.___SSkeletonSVG_1aad7_gg_._theme_dark_1aad7_gg_{fill:var(--intergalactic-skeleton-bg-invert, rgba(255, 255, 255, 0.3))}.___SText_1aad7_gg_{box-sizing:border-box}@media (prefers-reduced-motion){.___SSkeleton_1aad7_gg_{animation-name:none}}" /*__inner_css_end__
|
|
21
|
+
/*!__reshadow-styles__:"./style/skeleton.shadow.css"*/
|
|
22
|
+
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/"@keyframes pulse_1aad7{0%,to{opacity:1}50%{opacity:.4}}.___SSkeleton_1aad7_gg_{animation-name:pulse_1aad7;animation-iteration-count:infinite;animation-timing-function:ease-in-out;animation-duration:var(--durationAnim_1aad7);will-change:opacity}.___SSkeletonSVG_1aad7_gg_._theme_invert_1aad7_gg_{fill:var(--intergalactic-skeleton-bg, rgba(224, 225, 233, 0.8))}.___SSkeletonSVG_1aad7_gg_._theme_dark_1aad7_gg_{fill:var(--intergalactic-skeleton-bg-invert, rgba(255, 255, 255, 0.3))}.___SText_1aad7_gg_{box-sizing:border-box}@media (prefers-reduced-motion){.___SSkeleton_1aad7_gg_{animation-name:none}}", /*__inner_css_end__*/"1aad7_gg_"),
|
|
23
|
+
/*__reshadow_css_end__*/
|
|
24
|
+
{
|
|
23
25
|
"__SSkeleton": "___SSkeleton_1aad7_gg_",
|
|
24
26
|
"--durationAnim": "--durationAnim_1aad7",
|
|
25
27
|
"@pulse": "pulse_1aad7",
|
package/lib/es6/Skeleton.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Skeleton.js","names":["React","createComponent","Component","sstyled","Root","Box","uniqueIDEnhancement","canUseDOM","i18nEnhance","localizedMessages","style","_sstyled","insert","MAP_COLOR_THEME","dark","invert","SkeletonRoot","_Component","_inherits","_super","_createSuper","_classCallCheck","apply","arguments","_createClass","key","value","render","_ref","asProps","_ref3","SSkeleton","_this$asProps","Children","styles","duration","hidden","getI18nText","tag","createElement","cn","_objectSpread","_assignProps","concat","_defineProperty","width","height","SkeletonSVG","_Component2","_super2","props","_this","call","_assertThisInitialized","createRef","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","_assignProps2","Text","SText","_props$y","y","_props$x","x","_props$amount","amount","_props$width","forwardRef","other","_objectWithoutProperties","_excluded","amountLine","Number","renderRect","_ref5","Fragment","_toConsumableArray","Array","map","el","index","ref"],"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":["React","createComponent","Component","sstyled","Root","Box","uniqueIDEnhancement","canUseDOM","i18nEnhance","localizedMessages","style","_sstyled","insert","MAP_COLOR_THEME","dark","invert","SkeletonRoot","_Component","_inherits","_super","_createSuper","_classCallCheck","apply","arguments","_createClass","key","value","render","_ref","asProps","_ref3","SSkeleton","_this$asProps","Children","styles","duration","hidden","getI18nText","tag","createElement","cn","_objectSpread","_assignProps","concat","_defineProperty","width","height","SkeletonSVG","_Component2","_super2","props","_this","call","_assertThisInitialized","createRef","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","_assignProps2","Text","SText","_props$y","y","_props$x","x","_props$amount","amount","_props$width","forwardRef","other","_objectWithoutProperties","_excluded","amountLine","Number","renderRect","_ref5","Fragment","_toConsumableArray","Array","map","el","index","ref"],"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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"}
|
package/lib/esm/Charts/Area.mjs
CHANGED
|
@@ -2,13 +2,16 @@ import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
|
|
|
2
2
|
import { createComponent, sstyled, assignProps } from "@semcore/core";
|
|
3
3
|
import React from "react";
|
|
4
4
|
import { Skeleton } from "../Skeleton.mjs";
|
|
5
|
+
/*!__reshadow-styles__:"../style/chart.shadow.css"*/
|
|
5
6
|
var styles = (
|
|
6
7
|
/*__reshadow_css_start__*/
|
|
7
8
|
(sstyled.insert(
|
|
8
9
|
/*__inner_css_start__*/
|
|
9
10
|
".___SChartSkeleton_18ujc_gg_{height:200px;width:100%;background-image:var(--bgPattern_18ujc)}.___SChartSkeleton_18ujc_gg_.__bgPosition_18ujc_gg_{background-position:var(--bgPosition_18ujc)}.___SChartSkeleton_18ujc_gg_.__bgSize_18ujc_gg_{background-size:var(--bgSize_18ujc)}.___SChartSkeleton_18ujc_gg_.__bgRepeat_18ujc_gg_{background-repeat:var(--bgRepeat_18ujc)}",
|
|
11
|
+
/*__inner_css_end__*/
|
|
10
12
|
"18ujc_gg_"
|
|
11
|
-
),
|
|
13
|
+
), /*__reshadow_css_end__*/
|
|
14
|
+
{
|
|
12
15
|
"__SChartSkeleton": "___SChartSkeleton_18ujc_gg_",
|
|
13
16
|
"--bgPattern": "--bgPattern_18ujc",
|
|
14
17
|
"_bgPosition": "__bgPosition_18ujc_gg_",
|
package/lib/esm/Charts/Bar.mjs
CHANGED
|
@@ -2,13 +2,16 @@ import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
|
|
|
2
2
|
import { createComponent, sstyled, assignProps } from "@semcore/core";
|
|
3
3
|
import React from "react";
|
|
4
4
|
import { Skeleton } from "../Skeleton.mjs";
|
|
5
|
+
/*!__reshadow-styles__:"../style/chart.shadow.css"*/
|
|
5
6
|
var styles = (
|
|
6
7
|
/*__reshadow_css_start__*/
|
|
7
8
|
(sstyled.insert(
|
|
8
9
|
/*__inner_css_start__*/
|
|
9
10
|
".___SChartSkeleton_18ujc_gg_{height:200px;width:100%;background-image:var(--bgPattern_18ujc)}.___SChartSkeleton_18ujc_gg_.__bgPosition_18ujc_gg_{background-position:var(--bgPosition_18ujc)}.___SChartSkeleton_18ujc_gg_.__bgSize_18ujc_gg_{background-size:var(--bgSize_18ujc)}.___SChartSkeleton_18ujc_gg_.__bgRepeat_18ujc_gg_{background-repeat:var(--bgRepeat_18ujc)}",
|
|
11
|
+
/*__inner_css_end__*/
|
|
10
12
|
"18ujc_gg_"
|
|
11
|
-
),
|
|
13
|
+
), /*__reshadow_css_end__*/
|
|
14
|
+
{
|
|
12
15
|
"__SChartSkeleton": "___SChartSkeleton_18ujc_gg_",
|
|
13
16
|
"--bgPattern": "--bgPattern_18ujc",
|
|
14
17
|
"_bgPosition": "__bgPosition_18ujc_gg_",
|
|
@@ -2,13 +2,16 @@ import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
|
|
|
2
2
|
import { createComponent, sstyled, assignProps } from "@semcore/core";
|
|
3
3
|
import React from "react";
|
|
4
4
|
import { Skeleton } from "../Skeleton.mjs";
|
|
5
|
+
/*!__reshadow-styles__:"../style/chart.shadow.css"*/
|
|
5
6
|
var styles = (
|
|
6
7
|
/*__reshadow_css_start__*/
|
|
7
8
|
(sstyled.insert(
|
|
8
9
|
/*__inner_css_start__*/
|
|
9
10
|
".___SChartSkeleton_18ujc_gg_{height:200px;width:100%;background-image:var(--bgPattern_18ujc)}.___SChartSkeleton_18ujc_gg_.__bgPosition_18ujc_gg_{background-position:var(--bgPosition_18ujc)}.___SChartSkeleton_18ujc_gg_.__bgSize_18ujc_gg_{background-size:var(--bgSize_18ujc)}.___SChartSkeleton_18ujc_gg_.__bgRepeat_18ujc_gg_{background-repeat:var(--bgRepeat_18ujc)}",
|
|
11
|
+
/*__inner_css_end__*/
|
|
10
12
|
"18ujc_gg_"
|
|
11
|
-
),
|
|
13
|
+
), /*__reshadow_css_end__*/
|
|
14
|
+
{
|
|
12
15
|
"__SChartSkeleton": "___SChartSkeleton_18ujc_gg_",
|
|
13
16
|
"--bgPattern": "--bgPattern_18ujc",
|
|
14
17
|
"_bgPosition": "__bgPosition_18ujc_gg_",
|
|
@@ -2,13 +2,16 @@ import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
|
|
|
2
2
|
import { createComponent, sstyled, assignProps } from "@semcore/core";
|
|
3
3
|
import React from "react";
|
|
4
4
|
import { Skeleton } from "../Skeleton.mjs";
|
|
5
|
+
/*!__reshadow-styles__:"../style/chart.shadow.css"*/
|
|
5
6
|
var styles = (
|
|
6
7
|
/*__reshadow_css_start__*/
|
|
7
8
|
(sstyled.insert(
|
|
8
9
|
/*__inner_css_start__*/
|
|
9
10
|
".___SChartSkeleton_18ujc_gg_{height:200px;width:100%;background-image:var(--bgPattern_18ujc)}.___SChartSkeleton_18ujc_gg_.__bgPosition_18ujc_gg_{background-position:var(--bgPosition_18ujc)}.___SChartSkeleton_18ujc_gg_.__bgSize_18ujc_gg_{background-size:var(--bgSize_18ujc)}.___SChartSkeleton_18ujc_gg_.__bgRepeat_18ujc_gg_{background-repeat:var(--bgRepeat_18ujc)}",
|
|
11
|
+
/*__inner_css_end__*/
|
|
10
12
|
"18ujc_gg_"
|
|
11
|
-
),
|
|
13
|
+
), /*__reshadow_css_end__*/
|
|
14
|
+
{
|
|
12
15
|
"__SChartSkeleton": "___SChartSkeleton_18ujc_gg_",
|
|
13
16
|
"--bgPattern": "--bgPattern_18ujc",
|
|
14
17
|
"_bgPosition": "__bgPosition_18ujc_gg_",
|
package/lib/esm/Charts/Donut.mjs
CHANGED
|
@@ -2,13 +2,16 @@ import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
|
|
|
2
2
|
import { createComponent, sstyled, assignProps } from "@semcore/core";
|
|
3
3
|
import React from "react";
|
|
4
4
|
import { Skeleton } from "../Skeleton.mjs";
|
|
5
|
+
/*!__reshadow-styles__:"../style/chart.shadow.css"*/
|
|
5
6
|
var styles = (
|
|
6
7
|
/*__reshadow_css_start__*/
|
|
7
8
|
(sstyled.insert(
|
|
8
9
|
/*__inner_css_start__*/
|
|
9
10
|
".___SChartSkeleton_18ujc_gg_{height:200px;width:100%;background-image:var(--bgPattern_18ujc)}.___SChartSkeleton_18ujc_gg_.__bgPosition_18ujc_gg_{background-position:var(--bgPosition_18ujc)}.___SChartSkeleton_18ujc_gg_.__bgSize_18ujc_gg_{background-size:var(--bgSize_18ujc)}.___SChartSkeleton_18ujc_gg_.__bgRepeat_18ujc_gg_{background-repeat:var(--bgRepeat_18ujc)}",
|
|
11
|
+
/*__inner_css_end__*/
|
|
10
12
|
"18ujc_gg_"
|
|
11
|
-
),
|
|
13
|
+
), /*__reshadow_css_end__*/
|
|
14
|
+
{
|
|
12
15
|
"__SChartSkeleton": "___SChartSkeleton_18ujc_gg_",
|
|
13
16
|
"--bgPattern": "--bgPattern_18ujc",
|
|
14
17
|
"_bgPosition": "__bgPosition_18ujc_gg_",
|
|
@@ -2,13 +2,16 @@ import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
|
|
|
2
2
|
import { createComponent, sstyled, assignProps } from "@semcore/core";
|
|
3
3
|
import React from "react";
|
|
4
4
|
import { Skeleton } from "../Skeleton.mjs";
|
|
5
|
+
/*!__reshadow-styles__:"../style/chart.shadow.css"*/
|
|
5
6
|
var styles = (
|
|
6
7
|
/*__reshadow_css_start__*/
|
|
7
8
|
(sstyled.insert(
|
|
8
9
|
/*__inner_css_start__*/
|
|
9
10
|
".___SChartSkeleton_18ujc_gg_{height:200px;width:100%;background-image:var(--bgPattern_18ujc)}.___SChartSkeleton_18ujc_gg_.__bgPosition_18ujc_gg_{background-position:var(--bgPosition_18ujc)}.___SChartSkeleton_18ujc_gg_.__bgSize_18ujc_gg_{background-size:var(--bgSize_18ujc)}.___SChartSkeleton_18ujc_gg_.__bgRepeat_18ujc_gg_{background-repeat:var(--bgRepeat_18ujc)}",
|
|
11
|
+
/*__inner_css_end__*/
|
|
10
12
|
"18ujc_gg_"
|
|
11
|
-
),
|
|
13
|
+
), /*__reshadow_css_end__*/
|
|
14
|
+
{
|
|
12
15
|
"__SChartSkeleton": "___SChartSkeleton_18ujc_gg_",
|
|
13
16
|
"--bgPattern": "--bgPattern_18ujc",
|
|
14
17
|
"_bgPosition": "__bgPosition_18ujc_gg_",
|
package/lib/esm/Charts/Line.mjs
CHANGED
|
@@ -2,13 +2,16 @@ import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
|
|
|
2
2
|
import { createComponent, sstyled, assignProps } from "@semcore/core";
|
|
3
3
|
import React from "react";
|
|
4
4
|
import { Skeleton } from "../Skeleton.mjs";
|
|
5
|
+
/*!__reshadow-styles__:"../style/chart.shadow.css"*/
|
|
5
6
|
var styles = (
|
|
6
7
|
/*__reshadow_css_start__*/
|
|
7
8
|
(sstyled.insert(
|
|
8
9
|
/*__inner_css_start__*/
|
|
9
10
|
".___SChartSkeleton_18ujc_gg_{height:200px;width:100%;background-image:var(--bgPattern_18ujc)}.___SChartSkeleton_18ujc_gg_.__bgPosition_18ujc_gg_{background-position:var(--bgPosition_18ujc)}.___SChartSkeleton_18ujc_gg_.__bgSize_18ujc_gg_{background-size:var(--bgSize_18ujc)}.___SChartSkeleton_18ujc_gg_.__bgRepeat_18ujc_gg_{background-repeat:var(--bgRepeat_18ujc)}",
|
|
11
|
+
/*__inner_css_end__*/
|
|
10
12
|
"18ujc_gg_"
|
|
11
|
-
),
|
|
13
|
+
), /*__reshadow_css_end__*/
|
|
14
|
+
{
|
|
12
15
|
"__SChartSkeleton": "___SChartSkeleton_18ujc_gg_",
|
|
13
16
|
"--bgPattern": "--bgPattern_18ujc",
|
|
14
17
|
"_bgPosition": "__bgPosition_18ujc_gg_",
|
|
@@ -2,13 +2,16 @@ import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
|
|
|
2
2
|
import { createComponent, sstyled, assignProps } from "@semcore/core";
|
|
3
3
|
import React from "react";
|
|
4
4
|
import { Skeleton } from "../Skeleton.mjs";
|
|
5
|
+
/*!__reshadow-styles__:"../style/chart.shadow.css"*/
|
|
5
6
|
var styles = (
|
|
6
7
|
/*__reshadow_css_start__*/
|
|
7
8
|
(sstyled.insert(
|
|
8
9
|
/*__inner_css_start__*/
|
|
9
10
|
".___SChartSkeleton_18ujc_gg_{height:200px;width:100%;background-image:var(--bgPattern_18ujc)}.___SChartSkeleton_18ujc_gg_.__bgPosition_18ujc_gg_{background-position:var(--bgPosition_18ujc)}.___SChartSkeleton_18ujc_gg_.__bgSize_18ujc_gg_{background-size:var(--bgSize_18ujc)}.___SChartSkeleton_18ujc_gg_.__bgRepeat_18ujc_gg_{background-repeat:var(--bgRepeat_18ujc)}",
|
|
11
|
+
/*__inner_css_end__*/
|
|
10
12
|
"18ujc_gg_"
|
|
11
|
-
),
|
|
13
|
+
), /*__reshadow_css_end__*/
|
|
14
|
+
{
|
|
12
15
|
"__SChartSkeleton": "___SChartSkeleton_18ujc_gg_",
|
|
13
16
|
"--bgPattern": "--bgPattern_18ujc",
|
|
14
17
|
"_bgPosition": "__bgPosition_18ujc_gg_",
|
|
@@ -2,13 +2,16 @@ import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
|
|
|
2
2
|
import { createComponent, sstyled, assignProps } from "@semcore/core";
|
|
3
3
|
import React from "react";
|
|
4
4
|
import { Skeleton } from "../Skeleton.mjs";
|
|
5
|
+
/*!__reshadow-styles__:"../style/chart.shadow.css"*/
|
|
5
6
|
var styles = (
|
|
6
7
|
/*__reshadow_css_start__*/
|
|
7
8
|
(sstyled.insert(
|
|
8
9
|
/*__inner_css_start__*/
|
|
9
10
|
".___SChartSkeleton_18ujc_gg_{height:200px;width:100%;background-image:var(--bgPattern_18ujc)}.___SChartSkeleton_18ujc_gg_.__bgPosition_18ujc_gg_{background-position:var(--bgPosition_18ujc)}.___SChartSkeleton_18ujc_gg_.__bgSize_18ujc_gg_{background-size:var(--bgSize_18ujc)}.___SChartSkeleton_18ujc_gg_.__bgRepeat_18ujc_gg_{background-repeat:var(--bgRepeat_18ujc)}",
|
|
11
|
+
/*__inner_css_end__*/
|
|
10
12
|
"18ujc_gg_"
|
|
11
|
-
),
|
|
13
|
+
), /*__reshadow_css_end__*/
|
|
14
|
+
{
|
|
12
15
|
"__SChartSkeleton": "___SChartSkeleton_18ujc_gg_",
|
|
13
16
|
"--bgPattern": "--bgPattern_18ujc",
|
|
14
17
|
"_bgPosition": "__bgPosition_18ujc_gg_",
|
package/lib/esm/Charts/Venn.mjs
CHANGED
|
@@ -2,13 +2,16 @@ import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
|
|
|
2
2
|
import { createComponent, sstyled, assignProps } from "@semcore/core";
|
|
3
3
|
import React from "react";
|
|
4
4
|
import { Skeleton } from "../Skeleton.mjs";
|
|
5
|
+
/*!__reshadow-styles__:"../style/chart.shadow.css"*/
|
|
5
6
|
var styles = (
|
|
6
7
|
/*__reshadow_css_start__*/
|
|
7
8
|
(sstyled.insert(
|
|
8
9
|
/*__inner_css_start__*/
|
|
9
10
|
".___SChartSkeleton_18ujc_gg_{height:200px;width:100%;background-image:var(--bgPattern_18ujc)}.___SChartSkeleton_18ujc_gg_.__bgPosition_18ujc_gg_{background-position:var(--bgPosition_18ujc)}.___SChartSkeleton_18ujc_gg_.__bgSize_18ujc_gg_{background-size:var(--bgSize_18ujc)}.___SChartSkeleton_18ujc_gg_.__bgRepeat_18ujc_gg_{background-repeat:var(--bgRepeat_18ujc)}",
|
|
11
|
+
/*__inner_css_end__*/
|
|
10
12
|
"18ujc_gg_"
|
|
11
|
-
),
|
|
13
|
+
), /*__reshadow_css_end__*/
|
|
14
|
+
{
|
|
12
15
|
"__SChartSkeleton": "___SChartSkeleton_18ujc_gg_",
|
|
13
16
|
"--bgPattern": "--bgPattern_18ujc",
|
|
14
17
|
"_bgPosition": "__bgPosition_18ujc_gg_",
|
package/lib/esm/Skeleton.mjs
CHANGED
|
@@ -15,13 +15,16 @@ import canUseDOM from "@semcore/core/lib/utils/canUseDOM";
|
|
|
15
15
|
import i18nEnhance from "@semcore/core/lib/utils/enhances/i18nEnhance";
|
|
16
16
|
import { localizedMessages } from "./translations/__intergalactic-dynamic-locales.mjs";
|
|
17
17
|
var _excluded = ["y", "x", "amount", "width", "styles", "forwardRef"];
|
|
18
|
+
/*!__reshadow-styles__:"./style/skeleton.shadow.css"*/
|
|
18
19
|
var style = (
|
|
19
20
|
/*__reshadow_css_start__*/
|
|
20
21
|
(sstyled.insert(
|
|
21
22
|
/*__inner_css_start__*/
|
|
22
23
|
"@keyframes pulse_1aad7{0%,to{opacity:1}50%{opacity:.4}}.___SSkeleton_1aad7_gg_{animation-name:pulse_1aad7;animation-iteration-count:infinite;animation-timing-function:ease-in-out;animation-duration:var(--durationAnim_1aad7);will-change:opacity}.___SSkeletonSVG_1aad7_gg_._theme_invert_1aad7_gg_{fill:var(--intergalactic-skeleton-bg, rgba(224, 225, 233, 0.8))}.___SSkeletonSVG_1aad7_gg_._theme_dark_1aad7_gg_{fill:var(--intergalactic-skeleton-bg-invert, rgba(255, 255, 255, 0.3))}.___SText_1aad7_gg_{box-sizing:border-box}@media (prefers-reduced-motion){.___SSkeleton_1aad7_gg_{animation-name:none}}",
|
|
24
|
+
/*__inner_css_end__*/
|
|
23
25
|
"1aad7_gg_"
|
|
24
|
-
),
|
|
26
|
+
), /*__reshadow_css_end__*/
|
|
27
|
+
{
|
|
25
28
|
"__SSkeleton": "___SSkeleton_1aad7_gg_",
|
|
26
29
|
"--durationAnim": "--durationAnim_1aad7",
|
|
27
30
|
"@pulse": "pulse_1aad7",
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
SChartSkeleton {
|
|
2
|
+
height: 200px;
|
|
3
|
+
width: 100%;
|
|
4
|
+
background-image: var(--bgPattern);
|
|
5
|
+
}
|
|
6
|
+
|
|
7
|
+
SChartSkeleton[bgPosition] {
|
|
8
|
+
background-position: var(--bgPosition);
|
|
9
|
+
}
|
|
10
|
+
|
|
11
|
+
SChartSkeleton[bgSize] {
|
|
12
|
+
background-size: var(--bgSize);
|
|
13
|
+
}
|
|
14
|
+
|
|
15
|
+
SChartSkeleton[bgRepeat] {
|
|
16
|
+
background-repeat: var(--bgRepeat);
|
|
17
|
+
}
|
|
@@ -0,0 +1,39 @@
|
|
|
1
|
+
SSkeleton {
|
|
2
|
+
animation-name: pulse;
|
|
3
|
+
animation-iteration-count: infinite;
|
|
4
|
+
animation-timing-function: ease-in-out;
|
|
5
|
+
animation-duration: var(--durationAnim);
|
|
6
|
+
will-change: opacity;
|
|
7
|
+
}
|
|
8
|
+
|
|
9
|
+
@keyframes pulse {
|
|
10
|
+
0% {
|
|
11
|
+
opacity: 1;
|
|
12
|
+
}
|
|
13
|
+
|
|
14
|
+
50% {
|
|
15
|
+
opacity: 0.4;
|
|
16
|
+
}
|
|
17
|
+
|
|
18
|
+
100% {
|
|
19
|
+
opacity: 1;
|
|
20
|
+
}
|
|
21
|
+
}
|
|
22
|
+
|
|
23
|
+
SSkeletonSVG[theme='invert'] {
|
|
24
|
+
fill: var(--intergalactic-skeleton-bg, rgba(224, 225, 233, 0.8));
|
|
25
|
+
}
|
|
26
|
+
|
|
27
|
+
SSkeletonSVG[theme='dark'] {
|
|
28
|
+
fill: var(--intergalactic-skeleton-bg-invert, rgba(255, 255, 255, 0.3));
|
|
29
|
+
}
|
|
30
|
+
|
|
31
|
+
SText {
|
|
32
|
+
box-sizing: border-box;
|
|
33
|
+
}
|
|
34
|
+
|
|
35
|
+
@media (prefers-reduced-motion) {
|
|
36
|
+
SSkeleton {
|
|
37
|
+
animation-name: none;
|
|
38
|
+
}
|
|
39
|
+
}
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@semcore/skeleton",
|
|
3
3
|
"description": "Semrush Skeleton Component",
|
|
4
|
-
"version": "16.0.0
|
|
4
|
+
"version": "16.0.0",
|
|
5
5
|
"main": "lib/cjs/index.js",
|
|
6
6
|
"module": "lib/es6/index.js",
|
|
7
7
|
"types": "lib/types/index.d.ts",
|
|
@@ -14,10 +14,10 @@
|
|
|
14
14
|
"types": "./lib/types/index.d.ts"
|
|
15
15
|
},
|
|
16
16
|
"dependencies": {
|
|
17
|
-
"@semcore/flex-box": "16.0.0
|
|
17
|
+
"@semcore/flex-box": "16.0.0"
|
|
18
18
|
},
|
|
19
19
|
"peerDependencies": {
|
|
20
|
-
"@semcore/base-components": "^16.0.0
|
|
20
|
+
"@semcore/base-components": "^16.0.0"
|
|
21
21
|
},
|
|
22
22
|
"repository": {
|
|
23
23
|
"type": "git",
|