@semcore/skeleton 17.0.0 → 17.0.2-prerelease.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 +12 -0
- package/lib/cjs/Skeleton.js +26 -22
- package/lib/cjs/Skeleton.js.map +1 -1
- package/lib/cjs/Skeleton.type.js +2 -0
- package/lib/cjs/Skeleton.type.js.map +1 -0
- package/lib/cjs/{Charts → charts/Area}/Area.js +20 -17
- package/lib/cjs/charts/Area/Area.js.map +1 -0
- package/lib/cjs/charts/Area/Area.type.js +2 -0
- package/lib/cjs/charts/Area/Area.type.js.map +1 -0
- package/lib/cjs/{Charts → charts/Bar}/Bar.js +35 -29
- package/lib/cjs/charts/Bar/Bar.js.map +1 -0
- package/lib/cjs/charts/Bar/Bar.type.js +2 -0
- package/lib/cjs/charts/Bar/Bar.type.js.map +1 -0
- package/lib/cjs/{Charts → charts/Bubble}/Bubble.js +13 -12
- package/lib/cjs/charts/Bubble/Bubble.js.map +1 -0
- package/lib/cjs/charts/Bubble/Bubble.type.js +2 -0
- package/lib/cjs/charts/Bubble/Bubble.type.js.map +1 -0
- package/lib/cjs/{Charts → charts/CompactHorizontalBar}/CompactHorizontalBar.js +13 -12
- package/lib/cjs/charts/CompactHorizontalBar/CompactHorizontalBar.js.map +1 -0
- package/lib/cjs/charts/CompactHorizontalBar/CompactHorizontalBar.type.js +2 -0
- package/lib/cjs/charts/CompactHorizontalBar/CompactHorizontalBar.type.js.map +1 -0
- package/lib/cjs/{Charts → charts/Donut}/Donut.js +26 -22
- package/lib/cjs/charts/Donut/Donut.js.map +1 -0
- package/lib/cjs/charts/Donut/Donut.type.js +2 -0
- package/lib/cjs/charts/Donut/Donut.type.js.map +1 -0
- package/lib/cjs/{Charts → charts/Histogram}/Histogram.js +35 -29
- package/lib/cjs/charts/Histogram/Histogram.js.map +1 -0
- package/lib/cjs/charts/Histogram/Histogram.type.js +2 -0
- package/lib/cjs/charts/Histogram/Histogram.type.js.map +1 -0
- package/lib/cjs/{Charts → charts/Line}/Line.js +21 -17
- package/lib/cjs/charts/Line/Line.js.map +1 -0
- package/lib/cjs/charts/Line/Line.type.js +2 -0
- package/lib/cjs/charts/Line/Line.type.js.map +1 -0
- package/lib/cjs/{Charts → charts/RadialTree}/RadialTree.js +13 -12
- package/lib/cjs/charts/RadialTree/RadialTree.js.map +1 -0
- package/lib/cjs/charts/RadialTree/RadialTree.type.js +2 -0
- package/lib/cjs/charts/RadialTree/RadialTree.type.js.map +1 -0
- package/lib/cjs/{Charts → charts/ScatterPlot}/ScatterPlot.js +13 -12
- package/lib/cjs/charts/ScatterPlot/ScatterPlot.js.map +1 -0
- package/lib/cjs/charts/ScatterPlot/ScatterPlot.type.js +2 -0
- package/lib/cjs/charts/ScatterPlot/ScatterPlot.type.js.map +1 -0
- package/lib/cjs/{Charts → charts/Venn}/Venn.js +13 -12
- package/lib/cjs/charts/Venn/Venn.js.map +1 -0
- package/lib/cjs/charts/Venn/Venn.type.js +2 -0
- package/lib/cjs/charts/Venn/Venn.type.js.map +1 -0
- package/lib/cjs/index.js +206 -5
- package/lib/cjs/index.js.map +1 -1
- package/lib/es6/Skeleton.js +26 -22
- package/lib/es6/Skeleton.js.map +1 -1
- package/lib/es6/Skeleton.type.js +2 -0
- package/lib/es6/Skeleton.type.js.map +1 -0
- package/lib/es6/{Charts → charts/Area}/Area.js +20 -17
- package/lib/es6/charts/Area/Area.js.map +1 -0
- package/lib/es6/charts/Area/Area.type.js +2 -0
- package/lib/es6/charts/Area/Area.type.js.map +1 -0
- package/lib/es6/{Charts → charts/Bar}/Bar.js +35 -29
- package/lib/es6/charts/Bar/Bar.js.map +1 -0
- package/lib/es6/charts/Bar/Bar.type.js +2 -0
- package/lib/es6/charts/Bar/Bar.type.js.map +1 -0
- package/lib/es6/{Charts → charts/Bubble}/Bubble.js +13 -12
- package/lib/es6/charts/Bubble/Bubble.js.map +1 -0
- package/lib/es6/charts/Bubble/Bubble.type.js +2 -0
- package/lib/es6/charts/Bubble/Bubble.type.js.map +1 -0
- package/lib/es6/{Charts → charts/CompactHorizontalBar}/CompactHorizontalBar.js +13 -12
- package/lib/es6/charts/CompactHorizontalBar/CompactHorizontalBar.js.map +1 -0
- package/lib/es6/charts/CompactHorizontalBar/CompactHorizontalBar.type.js +2 -0
- package/lib/es6/charts/CompactHorizontalBar/CompactHorizontalBar.type.js.map +1 -0
- package/lib/es6/{Charts → charts/Donut}/Donut.js +26 -22
- package/lib/es6/charts/Donut/Donut.js.map +1 -0
- package/lib/es6/charts/Donut/Donut.type.js +2 -0
- package/lib/es6/charts/Donut/Donut.type.js.map +1 -0
- package/lib/es6/{Charts → charts/Histogram}/Histogram.js +35 -29
- package/lib/es6/charts/Histogram/Histogram.js.map +1 -0
- package/lib/es6/charts/Histogram/Histogram.type.js +2 -0
- package/lib/es6/charts/Histogram/Histogram.type.js.map +1 -0
- package/lib/es6/{Charts → charts/Line}/Line.js +21 -17
- package/lib/es6/charts/Line/Line.js.map +1 -0
- package/lib/es6/charts/Line/Line.type.js +2 -0
- package/lib/es6/charts/Line/Line.type.js.map +1 -0
- package/lib/es6/{Charts → charts/RadialTree}/RadialTree.js +13 -12
- package/lib/es6/charts/RadialTree/RadialTree.js.map +1 -0
- package/lib/es6/charts/RadialTree/RadialTree.type.js +2 -0
- package/lib/es6/charts/RadialTree/RadialTree.type.js.map +1 -0
- package/lib/es6/{Charts → charts/ScatterPlot}/ScatterPlot.js +13 -12
- package/lib/es6/charts/ScatterPlot/ScatterPlot.js.map +1 -0
- package/lib/es6/charts/ScatterPlot/ScatterPlot.type.js +2 -0
- package/lib/es6/charts/ScatterPlot/ScatterPlot.type.js.map +1 -0
- package/lib/es6/{Charts → charts/Venn}/Venn.js +13 -12
- package/lib/es6/charts/Venn/Venn.js.map +1 -0
- package/lib/es6/charts/Venn/Venn.type.js +2 -0
- package/lib/es6/charts/Venn/Venn.type.js.map +1 -0
- package/lib/es6/index.js +21 -1
- package/lib/es6/index.js.map +1 -1
- package/lib/esm/Skeleton.mjs +28 -23
- package/lib/esm/Skeleton.type.mjs +1 -0
- package/lib/esm/{Charts → charts/Area}/Area.mjs +17 -16
- package/lib/esm/charts/Area/Area.type.mjs +1 -0
- package/lib/esm/{Charts → charts/Bar}/Bar.mjs +32 -28
- package/lib/esm/charts/Bar/Bar.type.mjs +1 -0
- package/lib/esm/{Charts → charts/Bubble}/Bubble.mjs +12 -11
- package/lib/esm/charts/Bubble/Bubble.type.mjs +1 -0
- package/lib/esm/{Charts → charts/CompactHorizontalBar}/CompactHorizontalBar.mjs +12 -11
- package/lib/esm/charts/CompactHorizontalBar/CompactHorizontalBar.type.mjs +1 -0
- package/lib/esm/{Charts → charts/Donut}/Donut.mjs +23 -21
- package/lib/esm/charts/Donut/Donut.type.mjs +1 -0
- package/lib/esm/{Charts → charts/Histogram}/Histogram.mjs +32 -28
- package/lib/esm/charts/Histogram/Histogram.type.mjs +1 -0
- package/lib/esm/{Charts → charts/Line}/Line.mjs +18 -16
- package/lib/esm/charts/Line/Line.type.mjs +1 -0
- package/lib/esm/{Charts → charts/RadialTree}/RadialTree.mjs +12 -11
- package/lib/esm/charts/RadialTree/RadialTree.type.mjs +1 -0
- package/lib/esm/{Charts → charts/ScatterPlot}/ScatterPlot.mjs +12 -11
- package/lib/esm/charts/ScatterPlot/ScatterPlot.type.mjs +1 -0
- package/lib/esm/{Charts → charts/Venn}/Venn.mjs +12 -11
- package/lib/esm/charts/Venn/Venn.type.mjs +1 -0
- package/lib/esm/index.mjs +21 -11
- package/lib/types/Skeleton.d.ts +4 -3
- package/lib/types/Skeleton.type.d.ts +52 -0
- package/lib/types/charts/Area/Area.d.ts +3 -0
- package/lib/types/charts/Area/Area.type.d.ts +12 -0
- package/lib/types/charts/Bar/Bar.d.ts +3 -0
- package/lib/types/charts/Bar/Bar.type.d.ts +12 -0
- package/lib/types/charts/Bubble/Bubble.d.ts +3 -0
- package/lib/types/charts/Bubble/Bubble.type.d.ts +5 -0
- package/lib/types/charts/CompactHorizontalBar/CompactHorizontalBar.d.ts +3 -0
- package/lib/types/charts/CompactHorizontalBar/CompactHorizontalBar.type.d.ts +5 -0
- package/lib/types/charts/Donut/Donut.d.ts +3 -0
- package/lib/types/charts/Donut/Donut.type.d.ts +12 -0
- package/lib/types/charts/Histogram/Histogram.d.ts +3 -0
- package/lib/types/charts/Histogram/Histogram.type.d.ts +12 -0
- package/lib/types/charts/Line/Line.d.ts +3 -0
- package/lib/types/charts/Line/Line.type.d.ts +12 -0
- package/lib/types/charts/RadialTree/RadialTree.d.ts +3 -0
- package/lib/types/charts/RadialTree/RadialTree.type.d.ts +5 -0
- package/lib/types/charts/ScatterPlot/ScatterPlot.d.ts +3 -0
- package/lib/types/charts/ScatterPlot/ScatterPlot.type.d.ts +5 -0
- package/lib/types/charts/Venn/Venn.d.ts +2 -0
- package/lib/types/charts/Venn/Venn.type.d.ts +5 -0
- package/lib/types/index.d.ts +22 -93
- package/lib/types/translations/__intergalactic-dynamic-locales.d.ts +44 -0
- package/package.json +5 -5
- package/vite.config.ts +1 -1
- package/lib/cjs/Charts/Area.js.map +0 -1
- package/lib/cjs/Charts/Bar.js.map +0 -1
- package/lib/cjs/Charts/Bubble.js.map +0 -1
- package/lib/cjs/Charts/CompactHorizontalBar.js.map +0 -1
- package/lib/cjs/Charts/Donut.js.map +0 -1
- package/lib/cjs/Charts/Histogram.js.map +0 -1
- package/lib/cjs/Charts/Line.js.map +0 -1
- package/lib/cjs/Charts/RadialTree.js.map +0 -1
- package/lib/cjs/Charts/ScatterPlot.js.map +0 -1
- package/lib/cjs/Charts/Venn.js.map +0 -1
- package/lib/cjs/Charts/index.js +0 -77
- package/lib/cjs/Charts/index.js.map +0 -1
- package/lib/cjs/Skeleton.d.js +0 -2
- package/lib/cjs/Skeleton.d.js.map +0 -1
- package/lib/cjs/index.d.js +0 -2
- package/lib/cjs/index.d.js.map +0 -1
- package/lib/es6/Charts/Area.js.map +0 -1
- package/lib/es6/Charts/Bar.js.map +0 -1
- package/lib/es6/Charts/Bubble.js.map +0 -1
- package/lib/es6/Charts/CompactHorizontalBar.js.map +0 -1
- package/lib/es6/Charts/Donut.js.map +0 -1
- package/lib/es6/Charts/Histogram.js.map +0 -1
- package/lib/es6/Charts/Line.js.map +0 -1
- package/lib/es6/Charts/RadialTree.js.map +0 -1
- package/lib/es6/Charts/ScatterPlot.js.map +0 -1
- package/lib/es6/Charts/Venn.js.map +0 -1
- package/lib/es6/Charts/index.js +0 -11
- package/lib/es6/Charts/index.js.map +0 -1
- package/lib/es6/Skeleton.d.js +0 -2
- package/lib/es6/Skeleton.d.js.map +0 -1
- package/lib/es6/index.d.js +0 -2
- package/lib/es6/index.d.js.map +0 -1
- package/lib/esm/Charts/index.mjs +0 -22
package/CHANGELOG.md
CHANGED
|
@@ -2,6 +2,18 @@
|
|
|
2
2
|
|
|
3
3
|
CHANGELOG.md standards are inspired by [keepachangelog.com](https://keepachangelog.com/en/1.0.0/).
|
|
4
4
|
|
|
5
|
+
## [17.0.2] - 2026-04-29
|
|
6
|
+
|
|
7
|
+
### Fixed
|
|
8
|
+
|
|
9
|
+
- Rewrite component to TS.
|
|
10
|
+
|
|
11
|
+
## [17.0.1] - 2026-04-16
|
|
12
|
+
|
|
13
|
+
### Fixed
|
|
14
|
+
|
|
15
|
+
- Build processing to correct extract styles.
|
|
16
|
+
|
|
5
17
|
## [17.0.0] - 2026-04-15
|
|
6
18
|
|
|
7
19
|
### BREAK
|
package/lib/cjs/Skeleton.js
CHANGED
|
@@ -14,16 +14,16 @@ var _uniqueID = _interopRequireDefault(require("@semcore/core/lib/utils/uniqueID
|
|
|
14
14
|
var _react = _interopRequireDefault(require("react"));
|
|
15
15
|
var _intergalacticDynamicLocales = require("./translations/__intergalactic-dynamic-locales");
|
|
16
16
|
/*!__reshadow-styles__:"./style/skeleton.shadow.css"*/
|
|
17
|
-
const style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/"@keyframes
|
|
17
|
+
const style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/"@keyframes pulse_1rvju{0%,to{opacity:1}50%{opacity:.4}}.___SSkeleton_1rvju_gg_{animation-name:pulse_1rvju;animation-iteration-count:infinite;animation-timing-function:ease-in-out;animation-duration:var(--durationAnim_1rvju);will-change:opacity}.___SSkeletonSVG_1rvju_gg_._theme_invert_1rvju_gg_{fill:var(--intergalactic-skeleton-bg, rgba(224, 225, 233, 0.8))}.___SSkeletonSVG_1rvju_gg_._theme_dark_1rvju_gg_{fill:var(--intergalactic-skeleton-bg-invert, rgba(255, 255, 255, 0.3))}.___SText_1rvju_gg_{box-sizing:border-box}@media (prefers-reduced-motion){.___SSkeleton_1rvju_gg_{animation-name:none}}", /*__inner_css_end__*/"1rvju_gg_"),
|
|
18
18
|
/*__reshadow_css_end__*/
|
|
19
19
|
{
|
|
20
|
-
"__SSkeleton": "
|
|
21
|
-
"--durationAnim": "--
|
|
22
|
-
"@pulse": "
|
|
23
|
-
"__SSkeletonSVG": "
|
|
24
|
-
"_theme_invert": "
|
|
25
|
-
"_theme_dark": "
|
|
26
|
-
"__SText": "
|
|
20
|
+
"__SSkeleton": "___SSkeleton_1rvju_gg_",
|
|
21
|
+
"--durationAnim": "--durationAnim_1rvju",
|
|
22
|
+
"@pulse": "pulse_1rvju",
|
|
23
|
+
"__SSkeletonSVG": "___SSkeletonSVG_1rvju_gg_",
|
|
24
|
+
"_theme_invert": "_theme_invert_1rvju_gg_",
|
|
25
|
+
"_theme_dark": "_theme_dark_1rvju_gg_",
|
|
26
|
+
"__SText": "___SText_1rvju_gg_"
|
|
27
27
|
});
|
|
28
28
|
const MAP_COLOR_THEME = {
|
|
29
29
|
dark: 'rgba(255, 255, 255, 0.3)',
|
|
@@ -62,18 +62,24 @@ class SkeletonSVG extends _core.Component {
|
|
|
62
62
|
constructor(props) {
|
|
63
63
|
super(props);
|
|
64
64
|
(0, _defineProperty2.default)(this, "svgRef", /*#__PURE__*/_react.default.createRef());
|
|
65
|
+
(0, _defineProperty2.default)(this, "observer", null);
|
|
65
66
|
if ((0, _canUseDOM.default)() && props.observeParentSize) {
|
|
66
67
|
this.observer = new ResizeObserver(this.handleResize.bind(this));
|
|
67
68
|
}
|
|
68
69
|
}
|
|
69
70
|
componentDidMount() {
|
|
70
|
-
|
|
71
|
+
const {
|
|
72
|
+
current
|
|
73
|
+
} = this.svgRef;
|
|
74
|
+
if (current && current.parentElement) {
|
|
75
|
+
this.observer?.observe(current.parentElement);
|
|
76
|
+
}
|
|
71
77
|
}
|
|
72
78
|
componentWillUnmount() {
|
|
73
79
|
this.observer?.disconnect();
|
|
74
80
|
}
|
|
75
|
-
handleResize(
|
|
76
|
-
const target =
|
|
81
|
+
handleResize(entries) {
|
|
82
|
+
const target = entries[0].target;
|
|
77
83
|
const svg = this.svgRef.current;
|
|
78
84
|
if (target && svg) {
|
|
79
85
|
svg.setAttribute('width', '100%');
|
|
@@ -83,6 +89,7 @@ class SkeletonSVG extends _core.Component {
|
|
|
83
89
|
const {
|
|
84
90
|
theme
|
|
85
91
|
} = this.asProps;
|
|
92
|
+
if (!theme) return {};
|
|
86
93
|
return {
|
|
87
94
|
gradientUrl: MAP_COLOR_THEME[theme]
|
|
88
95
|
};
|
|
@@ -136,24 +143,21 @@ function Text(props) {
|
|
|
136
143
|
...other
|
|
137
144
|
} = props;
|
|
138
145
|
const amountLine = Number(amount);
|
|
139
|
-
|
|
146
|
+
return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, [...Array(amountLine)].map((_el, index) => {
|
|
140
147
|
var _ref5;
|
|
141
148
|
return _ref5 = (0, _core.sstyled)(styles), /*#__PURE__*/_react.default.createElement(SText, _ref5.cn("SText", {
|
|
142
149
|
"tag": 'rect',
|
|
143
150
|
"rx": '4',
|
|
144
151
|
"ry": '4',
|
|
145
152
|
"height": '8',
|
|
146
|
-
|
|
153
|
+
"key": index,
|
|
154
|
+
"y": y || 20 * index,
|
|
155
|
+
"x": x,
|
|
156
|
+
"ref": forwardRef,
|
|
157
|
+
"width": width,
|
|
158
|
+
...other
|
|
147
159
|
}));
|
|
148
|
-
};
|
|
149
|
-
return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, [...Array(amountLine)].map((_el, index) => renderRect({
|
|
150
|
-
key: index,
|
|
151
|
-
y: y || 20 * index,
|
|
152
|
-
x,
|
|
153
|
-
ref: forwardRef,
|
|
154
|
-
width,
|
|
155
|
-
...other
|
|
156
|
-
})));
|
|
160
|
+
}));
|
|
157
161
|
}
|
|
158
162
|
const Skeleton = exports.Skeleton = (0, _core.createComponent)(SkeletonRoot);
|
|
159
163
|
var _default = exports.default = (0, _core.createComponent)(SkeletonSVG, {
|
package/lib/cjs/Skeleton.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Skeleton.js","names":["_core","require","_baseComponents","_canUseDOM","_interopRequireDefault","_i18nEnhance","_uniqueID","_react","_intergalacticDynamicLocales","style","sstyled","insert","MAP_COLOR_THEME","dark","invert","SkeletonRoot","Component","render","_ref","asProps","_ref3","SSkeleton","Box","styles","duration","hidden","getI18nText","default","createElement","cn","assignProps","_defineProperty2","i18nEnhance","localizedMessages","width","height","SkeletonSVG","constructor","props","React","createRef","canUseDOM","observeParentSize","observer","ResizeObserver","handleResize","bind","componentDidMount","
|
|
1
|
+
{"version":3,"file":"Skeleton.js","names":["_core","require","_baseComponents","_canUseDOM","_interopRequireDefault","_i18nEnhance","_uniqueID","_react","_intergalacticDynamicLocales","style","sstyled","insert","MAP_COLOR_THEME","dark","invert","SkeletonRoot","Component","render","_ref","asProps","_ref3","SSkeleton","Box","styles","duration","hidden","getI18nText","default","createElement","cn","assignProps","_defineProperty2","i18nEnhance","localizedMessages","width","height","SkeletonSVG","constructor","props","React","createRef","canUseDOM","observeParentSize","observer","ResizeObserver","handleResize","bind","componentDidMount","current","svgRef","parentElement","observe","componentWillUnmount","disconnect","entries","target","svg","setAttribute","setContext","theme","gradientUrl","_ref2","_ref4","Children","uid","SSkeletonSVG","Skeleton","uniqueIDEnhancement","Text","SText","y","x","amount","forwardRef","other","amountLine","Number","Fragment","Array","map","_el","index","_ref5","exports","createComponent","_default"],"sources":["../../src/Skeleton.tsx"],"sourcesContent":["import { Box } from '@semcore/base-components';\nimport type { Intergalactic } from '@semcore/core';\nimport { createComponent, Component, sstyled, Root } from '@semcore/core';\nimport canUseDOM from '@semcore/core/lib/utils/canUseDOM';\nimport i18nEnhance from '@semcore/core/lib/utils/enhances/i18nEnhance';\nimport uniqueIDEnhancement from '@semcore/core/lib/utils/uniqueID';\nimport React from 'react';\n\nimport type { NSSkeleton } from './Skeleton.type';\nimport style from './style/skeleton.shadow.css';\nimport { localizedMessages } from './translations/__intergalactic-dynamic-locales';\n\nconst MAP_COLOR_THEME = {\n dark: 'rgba(255, 255, 255, 0.3)',\n invert: 'rgba(224, 225, 233, 0.8)',\n};\n\nclass SkeletonRoot extends Component<\n Intergalactic.InternalTypings.InferComponentProps<NSSkeleton.RenderComponent>,\n typeof SkeletonRoot.enhance\n> {\n static displayName = 'Skeleton';\n static style = style;\n static enhance = [i18nEnhance(localizedMessages)] as const;\n static defaultProps = {\n width: '100%',\n height: '100%',\n duration: 2000,\n };\n\n render() {\n const SSkeleton = Root;\n const { styles, duration, hidden, getI18nText } = this.asProps;\n\n if (hidden) return null;\n\n return sstyled(styles)(\n <SSkeleton\n render={Box}\n durationAnim={`${duration}ms`}\n role='img'\n aria-label={getI18nText('loading')}\n />,\n );\n }\n}\n\nclass SkeletonSVG extends Component<\n Intergalactic.InternalTypings.InferComponentProps<NSSkeleton.Component>,\n typeof SkeletonRoot.enhance\n> {\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<SVGElement>();\n private observer: ResizeObserver | null = null;\n\n constructor(props: NSSkeleton.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 const { current } = this.svgRef;\n\n if (current && current.parentElement) {\n this.observer?.observe(current.parentElement);\n }\n }\n\n componentWillUnmount() {\n this.observer?.disconnect();\n }\n\n handleResize(entries: ResizeObserverEntry[]) {\n const target = entries[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\n if (!theme) return {};\n\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(\n props: Intergalactic.InternalTypings.InferComponentProps<NSSkeleton.Text.Component>,\n) {\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 return (\n <React.Fragment>\n {[...Array(amountLine)].map((_el, index) =>\n sstyled(styles)(\n <SText\n tag='rect'\n rx='4'\n ry='4'\n height='8'\n key={index}\n y={y || 20 * index}\n x={x}\n ref={forwardRef}\n width={width}\n {...other}\n />,\n ),\n )}\n </React.Fragment>\n );\n}\n\nconst Skeleton = createComponent(SkeletonRoot) as NSSkeleton.RenderComponent;\n\nexport { Skeleton };\n\nexport default createComponent(SkeletonSVG, {\n Text,\n}) as NSSkeleton.Component;\n"],"mappings":"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","ignoreList":[]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Skeleton.type.js","names":[],"sources":["../../src/Skeleton.type.ts"],"sourcesContent":["import type { BoxProps } from '@semcore/base-components';\nimport type { Intergalactic } from '@semcore/core';\nimport type { UniqueIDProps } from '@semcore/core/lib/utils/uniqueID';\n\ndeclare namespace NSSkeleton {\n type Props = BoxProps & UniqueIDProps & {\n /**\n * Skeleton visibility control property\n */\n hidden?: boolean;\n /**\n * Animation speed in ms\n * @default 2000\n */\n duration?: string | number;\n /**\n * Skeleton theme\n * @default invert\n */\n theme?: 'dark' | 'invert';\n /** Specifies the locale for i18n support */\n locale?: string;\n /**\n * Enable ResizeObserver for parent Element to recalculate skeleton size.\n * @default false\n */\n observeParentSize?: boolean;\n };\n type Ctx = {\n gradientUrl: string;\n };\n\n namespace Text {\n type Props = BoxProps & {\n // TODO: It looks like it should be number (def. not a string...)\n /**\n * Number of items to be returned\n * @default 1\n */\n amount?: string | number;\n };\n\n type Component = Intergalactic.Component<'rect', Props>;\n }\n\n type RenderComponent = Intergalactic.Component<'div', Props, Ctx>;\n\n type Component = Intergalactic.Component<'svg', Props, Ctx> & {\n Text: Text.Component;\n };\n}\n\n/** @deprecated It will be removed in v18. */\nexport type SkeletonProps = NSSkeleton.Props;\n/** @deprecated It will be removed in v18. */\nexport type SkeletonCtx = NSSkeleton.Ctx;\n/** @deprecated It will be removed in v18. */\nexport type SkeletonTextProps = NSSkeleton.Text.Props;\n\nexport type { NSSkeleton };\n"],"mappings":"","ignoreList":[]}
|
|
@@ -7,36 +7,39 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
7
7
|
exports.default = void 0;
|
|
8
8
|
var _core = require("@semcore/core");
|
|
9
9
|
var _react = _interopRequireDefault(require("react"));
|
|
10
|
-
var _Skeleton = require("
|
|
11
|
-
/*!__reshadow-styles__:"
|
|
12
|
-
const styles = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".
|
|
10
|
+
var _Skeleton = require("../../Skeleton");
|
|
11
|
+
/*!__reshadow-styles__:"../../style/chart.shadow.css"*/
|
|
12
|
+
const styles = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".___SChartSkeleton_1oiqb_gg_{height:200px;width:100%;background-image:var(--bgPattern_1oiqb)}.___SChartSkeleton_1oiqb_gg_.__bgPosition_1oiqb_gg_{background-position:var(--bgPosition_1oiqb)}.___SChartSkeleton_1oiqb_gg_.__bgSize_1oiqb_gg_{background-size:var(--bgSize_1oiqb)}.___SChartSkeleton_1oiqb_gg_.__bgRepeat_1oiqb_gg_{background-repeat:var(--bgRepeat_1oiqb)}", /*__inner_css_end__*/"1oiqb_gg_"),
|
|
13
13
|
/*__reshadow_css_end__*/
|
|
14
14
|
{
|
|
15
|
-
"__SChartSkeleton": "
|
|
16
|
-
"--bgPattern": "--
|
|
17
|
-
"_bgPosition": "
|
|
18
|
-
"--bgPosition": "--
|
|
19
|
-
"_bgSize": "
|
|
20
|
-
"--bgSize": "--
|
|
21
|
-
"_bgRepeat": "
|
|
22
|
-
"--bgRepeat": "--
|
|
23
|
-
});
|
|
15
|
+
"__SChartSkeleton": "___SChartSkeleton_1oiqb_gg_",
|
|
16
|
+
"--bgPattern": "--bgPattern_1oiqb",
|
|
17
|
+
"_bgPosition": "__bgPosition_1oiqb_gg_",
|
|
18
|
+
"--bgPosition": "--bgPosition_1oiqb",
|
|
19
|
+
"_bgSize": "__bgSize_1oiqb_gg_",
|
|
20
|
+
"--bgSize": "--bgSize_1oiqb",
|
|
21
|
+
"_bgRepeat": "__bgRepeat_1oiqb_gg_",
|
|
22
|
+
"--bgRepeat": "--bgRepeat_1oiqb"
|
|
23
|
+
}); // TODO: replace it with babel-plugin-inline-import/or vite plugin.
|
|
24
|
+
// @ts-ignore
|
|
24
25
|
const areaLinearSvg = "PHN2ZyB3aWR0aD0iMTI4IiBoZWlnaHQ9Ijg4IiB2aWV3Qm94PSIwIDAgMTI4IDg4IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNNjMuOTk5OCA0NS45Mzk0QzMyLjAwMDEgNDUuOTM5NCAzMi4wMDAxIDEyIDAgMTJWNzZIMTI4VjEyQzk1Ljk5OTkgMTIgOTUuOTk5OSA0NS45Mzk0IDYzLjk5OTggNDUuOTM5NFoiIGZpbGw9IiNFMEUxRTkiIGZpbGwtb3BhY2l0eT0iMC44Ii8+Cjwvc3ZnPgo=";
|
|
26
|
+
// TODO: replace it with babel-plugin-inline-import/or vite plugin.
|
|
27
|
+
// @ts-ignore
|
|
25
28
|
const areaMonotoneSvg = "PHN2ZyB3aWR0aD0iMTI4IiBoZWlnaHQ9Ijg4IiB2aWV3Qm94PSIwIDAgMTI4IDg4IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNNjMuOTk5OCA0NS45Mzk0TDAgMTJWNzZIMTI4VjEyTDYzLjk5OTggNDUuOTM5NFoiIGZpbGw9IiNFMEUxRTkiIGZpbGwtb3BhY2l0eT0iMC44Ii8+Cjwvc3ZnPgo=";
|
|
29
|
+
const pattern = {
|
|
30
|
+
linear: areaLinearSvg,
|
|
31
|
+
monotone: areaMonotoneSvg
|
|
32
|
+
};
|
|
26
33
|
function AreaChartSkeleton(props) {
|
|
27
34
|
var _ref = arguments[0],
|
|
28
35
|
_ref2;
|
|
29
36
|
const SChartSkeleton = _Skeleton.Skeleton;
|
|
30
|
-
const patternBase64 = {
|
|
31
|
-
linear: areaLinearSvg,
|
|
32
|
-
monotone: areaMonotoneSvg
|
|
33
|
-
}[props.type ?? 'linear'];
|
|
34
37
|
return _ref2 = (0, _core.sstyled)(styles), /*#__PURE__*/_react.default.createElement(SChartSkeleton, _ref2.cn("SChartSkeleton", {
|
|
35
38
|
...(0, _core.assignProps)({
|
|
36
39
|
"bgRepeat": 'repeat-x',
|
|
37
40
|
"bgPosition": 'left bottom',
|
|
38
41
|
"bgSize": 'auto 50%',
|
|
39
|
-
"bgPattern": `url(data:image/svg+xml;base64,${
|
|
42
|
+
"bgPattern": `url(data:image/svg+xml;base64,${pattern[props.type ?? 'linear']})`
|
|
40
43
|
}, _ref)
|
|
41
44
|
}));
|
|
42
45
|
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Area.js","names":["_core","require","_react","_interopRequireDefault","_Skeleton","styles","sstyled","insert","areaLinearSvg","areaMonotoneSvg","pattern","linear","monotone","AreaChartSkeleton","props","_ref","arguments[0]","_ref2","SChartSkeleton","Skeleton","default","createElement","cn","assignProps","type","_default","exports","createComponent"],"sources":["../../../../src/charts/Area/Area.tsx"],"sourcesContent":["import type { Intergalactic } from '@semcore/core';\nimport { createComponent, Root, sstyled } from '@semcore/core';\nimport React from 'react';\n\nimport type { NSSkeletonAreaChart } from './Area.type';\nimport { Skeleton } from '../../Skeleton';\nimport styles from '../../style/chart.shadow.css';\n\n// TODO: replace it with babel-plugin-inline-import/or vite plugin.\n// @ts-ignore\nconst areaLinearSvg = preval`\nmodule.exports = btoa(require('fs').readFileSync(__dirname + '/../../svg/area-chart-linear.svg'))\n`;\n// TODO: replace it with babel-plugin-inline-import/or vite plugin.\n// @ts-ignore\nconst areaMonotoneSvg = preval`\nmodule.exports = btoa(require('fs').readFileSync(__dirname + '/../../svg/area-chart-monotone.svg'))\n`;\n\nconst pattern = {\n linear: areaLinearSvg,\n monotone: areaMonotoneSvg,\n};\n\nfunction AreaChartSkeleton(props: Intergalactic.InternalTypings.InferComponentProps<NSSkeletonAreaChart.Component>) {\n const SChartSkeleton = Root;\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,${pattern[props.type ?? 'linear']})`}\n />,\n );\n}\n\nexport default createComponent(AreaChartSkeleton) as NSSkeletonAreaChart.Component;\n"],"mappings":";;;;;;;AACA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AAGA,IAAAG,SAAA,GAAAH,OAAA;AAA0C;AAAA,MAAAI,MAAA,8BAAAL,KAAA,CAAAM,OAAA,CAAAC,MAAA;AAAA;AAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAAA,IAG1C;AACA;AACA,MAAMC,aAAa,yVAElB;AACD;AACA;AACA,MAAMC,eAAe,iRAEpB;AAED,MAAMC,OAAO,GAAG;EACdC,MAAM,EAAEH,aAAa;EACrBI,QAAQ,EAAEH;AACZ,CAAC;AAED,SAASI,iBAAiBA,CAACC,KAAuF,EAAE;EAAA,IAAAC,IAAA,GAAAC,YAAA;IAAAC,KAAA;EAClH,MAAMC,cAAc,GAGRC,kBAAQ;EAFpB,OAAAF,KAAA,GAAO,IAAAX,aAAO,EAACD,MAAM,CAAC,eACpBH,MAAA,CAAAkB,OAAA,CAAAC,aAAA,CAACH,cAAc,EAAAD,KAAA,CAAAK,EAAA;IAAA,OAAAtB,KAAA,CAAAuB,WAAA;MAAA,YAEJ,UAAU;MAAA,cACR,aAAa;MAAA,UACjB,UAAU;MAAA,aACN,iCAAiCb,OAAO,CAACI,KAAK,CAACU,IAAI,IAAI,QAAQ,CAAC;IAAG,GAAAT,IAAA;EAAA,EAC/E,CAAC;AAEN;AAAC,IAAAU,QAAA,GAAAC,OAAA,CAAAN,OAAA,GAEc,IAAAO,qBAAe,EAACd,iBAAiB,CAAC","ignoreList":[]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Area.type.js","names":[],"sources":["../../../../src/charts/Area/Area.type.ts"],"sourcesContent":["import type { Intergalactic } from '@semcore/core';\n\nimport type { NSSkeleton } from '../../Skeleton.type';\n\ndeclare namespace NSSkeletonAreaChart {\n type Props = NSSkeleton.Props & {\n /** Controls the area curve interpolation style for the skeleton pattern */\n type?: 'linear' | 'monotone';\n };\n type Component = Intergalactic.Component<'svg', Props>;\n}\n\n/** @deprecated It will be removed in v18. */\nexport type AreaChartSkeletonProps = NSSkeletonAreaChart.Props;\n\nexport type { NSSkeletonAreaChart };\n"],"mappings":"","ignoreList":[]}
|
|
@@ -7,46 +7,52 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
7
7
|
exports.default = void 0;
|
|
8
8
|
var _core = require("@semcore/core");
|
|
9
9
|
var _react = _interopRequireDefault(require("react"));
|
|
10
|
-
var _Skeleton = require("
|
|
11
|
-
/*!__reshadow-styles__:"
|
|
12
|
-
const styles = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".
|
|
10
|
+
var _Skeleton = require("../../Skeleton");
|
|
11
|
+
/*!__reshadow-styles__:"../../style/chart.shadow.css"*/
|
|
12
|
+
const styles = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".___SChartSkeleton_1oiqb_gg_{height:200px;width:100%;background-image:var(--bgPattern_1oiqb)}.___SChartSkeleton_1oiqb_gg_.__bgPosition_1oiqb_gg_{background-position:var(--bgPosition_1oiqb)}.___SChartSkeleton_1oiqb_gg_.__bgSize_1oiqb_gg_{background-size:var(--bgSize_1oiqb)}.___SChartSkeleton_1oiqb_gg_.__bgRepeat_1oiqb_gg_{background-repeat:var(--bgRepeat_1oiqb)}", /*__inner_css_end__*/"1oiqb_gg_"),
|
|
13
13
|
/*__reshadow_css_end__*/
|
|
14
14
|
{
|
|
15
|
-
"__SChartSkeleton": "
|
|
16
|
-
"--bgPattern": "--
|
|
17
|
-
"_bgPosition": "
|
|
18
|
-
"--bgPosition": "--
|
|
19
|
-
"_bgSize": "
|
|
20
|
-
"--bgSize": "--
|
|
21
|
-
"_bgRepeat": "
|
|
22
|
-
"--bgRepeat": "--
|
|
23
|
-
});
|
|
15
|
+
"__SChartSkeleton": "___SChartSkeleton_1oiqb_gg_",
|
|
16
|
+
"--bgPattern": "--bgPattern_1oiqb",
|
|
17
|
+
"_bgPosition": "__bgPosition_1oiqb_gg_",
|
|
18
|
+
"--bgPosition": "--bgPosition_1oiqb",
|
|
19
|
+
"_bgSize": "__bgSize_1oiqb_gg_",
|
|
20
|
+
"--bgSize": "--bgSize_1oiqb",
|
|
21
|
+
"_bgRepeat": "__bgRepeat_1oiqb_gg_",
|
|
22
|
+
"--bgRepeat": "--bgRepeat_1oiqb"
|
|
23
|
+
}); // TODO: replace it with babel-plugin-inline-import/or vite plugin.
|
|
24
|
+
// @ts-ignore
|
|
24
25
|
const barVerticalSvg = "PHN2ZyB3aWR0aD0iMTcyIiBoZWlnaHQ9IjE0MCIgdmlld0JveD0iMCAwIDE3MiAxNDAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0wIDBIMTIwQzEyMi4yMDkgMCAxMjQgMS43OTA4NiAxMjQgNFYxMkMxMjQgMTQuMjA5MSAxMjIuMjA5IDE2IDEyMCAxNkgwVjBaIiBmaWxsPSIjRTBFMUU5IiBmaWxsLW9wYWNpdHk9IjAuOCIvPgo8cGF0aCBkPSJNMCAyOEgxNTZDMTU4LjIwOSAyOCAxNjAgMjkuNzkwOSAxNjAgMzJWNDBDMTYwIDQyLjIwOTEgMTU4LjIwOSA0NCAxNTYgNDRIMFYyOFoiIGZpbGw9IiNFMEUxRTkiIGZpbGwtb3BhY2l0eT0iMC44Ii8+CjxwYXRoIGQ9Ik0wIDU2SDEzOEMxNDAuMjA5IDU2IDE0MiA1Ny43OTA5IDE0MiA2MFY2OEMxNDIgNzAuMjA5MSAxNDAuMjA5IDcyIDEzOCA3MkgwVjU2WiIgZmlsbD0iI0UwRTFFOSIgZmlsbC1vcGFjaXR5PSIwLjgiLz4KPHBhdGggZD0iTTAgODRIMTU2QzE1OC4yMDkgODQgMTYwIDg1Ljc5MDkgMTYwIDg4Vjk2QzE2MCA5OC4yMDkxIDE1OC4yMDkgMTAwIDE1NiAxMDBIMFY4NFoiIGZpbGw9IiNFMEUxRTkiIGZpbGwtb3BhY2l0eT0iMC44Ii8+CjxwYXRoIGQ9Ik0wIDExMkgxMTZDMTE4LjIwOSAxMTIgMTIwIDExMy43OTEgMTIwIDExNlYxMjRDMTIwIDEyNi4yMDkgMTE4LjIwOSAxMjggMTE2IDEyOEgwVjExMloiIGZpbGw9IiNFMEUxRTkiIGZpbGwtb3BhY2l0eT0iMC44Ii8+Cjwvc3ZnPgo=";
|
|
26
|
+
// TODO: replace it with babel-plugin-inline-import/or vite plugin.
|
|
27
|
+
// @ts-ignore
|
|
25
28
|
const barHorizontalSvg = "PHN2ZyB3aWR0aD0iMTU2IiBoZWlnaHQ9IjE2MCIgdmlld0JveD0iMCAwIDE1NiAxNjAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xMiAxNkMxMiAxMy43OTA5IDEzLjc5MDkgMTIgMTYgMTJIMjNDMjUuMjA5MSAxMiAyNyAxMy43OTA5IDI3IDE2VjE0OEgxMlYxNloiIGZpbGw9IiNFMEUxRTkiIGZpbGwtb3BhY2l0eT0iMC44Ii8+CjxwYXRoIGQ9Ik01MSA0MkM1MSAzOS43OTA5IDUyLjc5MDkgMzggNTUgMzhINjJDNjQuMjA5MSAzOCA2NiAzOS43OTA5IDY2IDQyVjE0OEg1MVY0MloiIGZpbGw9IiNFMEUxRTkiIGZpbGwtb3BhY2l0eT0iMC44Ii8+CjxwYXRoIGQ9Ik05MCA2M0M5MCA2MC43OTA5IDkxLjc5MDkgNTkgOTQgNTlIMTAxQzEwMy4yMDkgNTkgMTA1IDYwLjc5MDkgMTA1IDYzVjE0OEg5MFY2M1oiIGZpbGw9IiNFMEUxRTkiIGZpbGwtb3BhY2l0eT0iMC44Ii8+CjxwYXRoIGQ9Ik0xMjkgMzBDMTI5IDI3Ljc5MDkgMTMwLjc5MSAyNiAxMzMgMjZIMTQwQzE0Mi4yMDkgMjYgMTQ0IDI3Ljc5MDkgMTQ0IDMwVjE0OEgxMjlWMzBaIiBmaWxsPSIjRTBFMUU5IiBmaWxsLW9wYWNpdHk9IjAuOCIvPgo8L3N2Zz4K";
|
|
29
|
+
const pattern = {
|
|
30
|
+
vertical: barVerticalSvg,
|
|
31
|
+
horizontal: barHorizontalSvg
|
|
32
|
+
};
|
|
33
|
+
const repeat = {
|
|
34
|
+
vertical: 'repeat-y',
|
|
35
|
+
horizontal: 'repeat-x'
|
|
36
|
+
};
|
|
37
|
+
const position = {
|
|
38
|
+
vertical: 'left top',
|
|
39
|
+
horizontal: 'left bottom'
|
|
40
|
+
};
|
|
41
|
+
const size = {
|
|
42
|
+
vertical: 'contain',
|
|
43
|
+
horizontal: 'auto 50%'
|
|
44
|
+
};
|
|
26
45
|
function BarChartSkeleton(props) {
|
|
27
46
|
var _ref = arguments[0],
|
|
28
47
|
_ref2;
|
|
29
48
|
const SChartSkeleton = _Skeleton.Skeleton;
|
|
30
49
|
const layout = props.layout ?? 'horizontal';
|
|
31
|
-
const patternBase64 = {
|
|
32
|
-
vertical: barVerticalSvg,
|
|
33
|
-
horizontal: barHorizontalSvg
|
|
34
|
-
}[layout];
|
|
35
50
|
return _ref2 = (0, _core.sstyled)(styles), /*#__PURE__*/_react.default.createElement(SChartSkeleton, _ref2.cn("SChartSkeleton", {
|
|
36
51
|
...(0, _core.assignProps)({
|
|
37
|
-
"bgRepeat":
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
"bgPosition": {
|
|
42
|
-
vertical: 'left top',
|
|
43
|
-
horizontal: 'left bottom'
|
|
44
|
-
}[layout],
|
|
45
|
-
"bgSize": {
|
|
46
|
-
vertical: 'contain',
|
|
47
|
-
horizontal: 'auto 50%'
|
|
48
|
-
}[layout],
|
|
49
|
-
"bgPattern": `url(data:image/svg+xml;base64,${patternBase64})`
|
|
52
|
+
"bgRepeat": repeat[layout],
|
|
53
|
+
"bgPosition": position[layout],
|
|
54
|
+
"bgSize": size[layout],
|
|
55
|
+
"bgPattern": `url(data:image/svg+xml;base64,${pattern[layout]})`
|
|
50
56
|
}, _ref)
|
|
51
57
|
}));
|
|
52
58
|
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Bar.js","names":["_core","require","_react","_interopRequireDefault","_Skeleton","styles","sstyled","insert","barVerticalSvg","barHorizontalSvg","pattern","vertical","horizontal","repeat","position","size","BarChartSkeleton","props","_ref","arguments[0]","_ref2","SChartSkeleton","Skeleton","layout","default","createElement","cn","assignProps","_default","exports","createComponent"],"sources":["../../../../src/charts/Bar/Bar.tsx"],"sourcesContent":["import type { Intergalactic } from '@semcore/core';\nimport { createComponent, Root, sstyled } from '@semcore/core';\nimport React from 'react';\n\nimport type { NSSkeletonBarChart } from './Bar.type';\nimport { Skeleton } from '../../Skeleton';\nimport styles from '../../style/chart.shadow.css';\n\n// TODO: replace it with babel-plugin-inline-import/or vite plugin.\n// @ts-ignore\n\nconst barVerticalSvg = preval`\nmodule.exports = btoa(require('fs').readFileSync(__dirname + '/../../svg/bar-chart-vertical.svg'))\n`;\n// TODO: replace it with babel-plugin-inline-import/or vite plugin.\n// @ts-ignore\nconst barHorizontalSvg = preval`\nmodule.exports = btoa(require('fs').readFileSync(__dirname + '/../../svg/bar-chart-horizontal.svg'))\n`;\n\nconst pattern = { vertical: barVerticalSvg, horizontal: barHorizontalSvg };\nconst repeat = { vertical: 'repeat-y', horizontal: 'repeat-x' };\nconst position = { vertical: 'left top', horizontal: 'left bottom' };\nconst size = { vertical: 'contain', horizontal: 'auto 50%' };\n\nfunction BarChartSkeleton(\n props: Intergalactic.InternalTypings.InferComponentProps<NSSkeletonBarChart.Component>,\n) {\n const SChartSkeleton = Root;\n const layout = props.layout ?? 'horizontal';\n return sstyled(styles)(\n <SChartSkeleton\n render={Skeleton}\n bgRepeat={repeat[layout]}\n bgPosition={position[layout]}\n bgSize={size[layout]}\n bgPattern={`url(data:image/svg+xml;base64,${pattern[layout]})`}\n />,\n );\n}\n\nexport default createComponent(BarChartSkeleton) as NSSkeletonBarChart.Component;\n"],"mappings":";;;;;;;AACA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AAGA,IAAAG,SAAA,GAAAH,OAAA;AAA0C;AAAA,MAAAI,MAAA,8BAAAL,KAAA,CAAAM,OAAA,CAAAC,MAAA;AAAA;AAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAAA,IAG1C;AACA;AAEA,MAAMC,cAAc,69BAEnB;AACD;AACA;AACA,MAAMC,gBAAgB,izBAErB;AAED,MAAMC,OAAO,GAAG;EAAEC,QAAQ,EAAEH,cAAc;EAAEI,UAAU,EAAEH;AAAiB,CAAC;AAC1E,MAAMI,MAAM,GAAG;EAAEF,QAAQ,EAAE,UAAU;EAAEC,UAAU,EAAE;AAAW,CAAC;AAC/D,MAAME,QAAQ,GAAG;EAAEH,QAAQ,EAAE,UAAU;EAAEC,UAAU,EAAE;AAAc,CAAC;AACpE,MAAMG,IAAI,GAAG;EAAEJ,QAAQ,EAAE,SAAS;EAAEC,UAAU,EAAE;AAAW,CAAC;AAE5D,SAASI,gBAAgBA,CACvBC,KAAsF,EACtF;EAAA,IAAAC,IAAA,GAAAC,YAAA;IAAAC,KAAA;EACA,MAAMC,cAAc,GAIRC,kBAAQ;EAHpB,MAAMC,MAAM,GAAGN,KAAK,CAACM,MAAM,IAAI,YAAY;EAC3C,OAAAH,KAAA,GAAO,IAAAd,aAAO,EAACD,MAAM,CAAC,eACpBH,MAAA,CAAAsB,OAAA,CAAAC,aAAA,CAACJ,cAAc,EAAAD,KAAA,CAAAM,EAAA;IAAA,OAAA1B,KAAA,CAAA2B,WAAA;MAAA,YAEHd,MAAM,CAACU,MAAM,CAAC;MAAA,cACZT,QAAQ,CAACS,MAAM,CAAC;MAAA,UACpBR,IAAI,CAACQ,MAAM,CAAC;MAAA,aACT,iCAAiCb,OAAO,CAACa,MAAM,CAAC;IAAG,GAAAL,IAAA;EAAA,EAC/D,CAAC;AAEN;AAAC,IAAAU,QAAA,GAAAC,OAAA,CAAAL,OAAA,GAEc,IAAAM,qBAAe,EAACd,gBAAgB,CAAC","ignoreList":[]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Bar.type.js","names":[],"sources":["../../../../src/charts/Bar/Bar.type.ts"],"sourcesContent":["import type { Intergalactic } from '@semcore/core';\n\nimport type { NSSkeleton } from '../../Skeleton.type';\n\ndeclare namespace NSSkeletonBarChart {\n type Props = NSSkeleton.Props & {\n /** Controls the orientation of the bar chart skeleton */\n layout?: 'horizontal' | 'vertical';\n };\n type Component = Intergalactic.Component<'svg', Props>;\n}\n\n/** @deprecated It will be removed in v18. */\nexport type BarChartSkeletonProps = NSSkeletonBarChart.Props;\n\nexport type { NSSkeletonBarChart };\n"],"mappings":"","ignoreList":[]}
|
|
@@ -7,20 +7,21 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
7
7
|
exports.default = void 0;
|
|
8
8
|
var _core = require("@semcore/core");
|
|
9
9
|
var _react = _interopRequireDefault(require("react"));
|
|
10
|
-
var _Skeleton = require("
|
|
11
|
-
/*!__reshadow-styles__:"
|
|
12
|
-
const styles = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".
|
|
10
|
+
var _Skeleton = require("../../Skeleton");
|
|
11
|
+
/*!__reshadow-styles__:"../../style/chart.shadow.css"*/
|
|
12
|
+
const styles = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".___SChartSkeleton_1oiqb_gg_{height:200px;width:100%;background-image:var(--bgPattern_1oiqb)}.___SChartSkeleton_1oiqb_gg_.__bgPosition_1oiqb_gg_{background-position:var(--bgPosition_1oiqb)}.___SChartSkeleton_1oiqb_gg_.__bgSize_1oiqb_gg_{background-size:var(--bgSize_1oiqb)}.___SChartSkeleton_1oiqb_gg_.__bgRepeat_1oiqb_gg_{background-repeat:var(--bgRepeat_1oiqb)}", /*__inner_css_end__*/"1oiqb_gg_"),
|
|
13
13
|
/*__reshadow_css_end__*/
|
|
14
14
|
{
|
|
15
|
-
"__SChartSkeleton": "
|
|
16
|
-
"--bgPattern": "--
|
|
17
|
-
"_bgPosition": "
|
|
18
|
-
"--bgPosition": "--
|
|
19
|
-
"_bgSize": "
|
|
20
|
-
"--bgSize": "--
|
|
21
|
-
"_bgRepeat": "
|
|
22
|
-
"--bgRepeat": "--
|
|
23
|
-
});
|
|
15
|
+
"__SChartSkeleton": "___SChartSkeleton_1oiqb_gg_",
|
|
16
|
+
"--bgPattern": "--bgPattern_1oiqb",
|
|
17
|
+
"_bgPosition": "__bgPosition_1oiqb_gg_",
|
|
18
|
+
"--bgPosition": "--bgPosition_1oiqb",
|
|
19
|
+
"_bgSize": "__bgSize_1oiqb_gg_",
|
|
20
|
+
"--bgSize": "--bgSize_1oiqb",
|
|
21
|
+
"_bgRepeat": "__bgRepeat_1oiqb_gg_",
|
|
22
|
+
"--bgRepeat": "--bgRepeat_1oiqb"
|
|
23
|
+
}); // TODO: replace it with babel-plugin-inline-import/or vite plugin.
|
|
24
|
+
// @ts-ignore
|
|
24
25
|
const bubbleSvg = "PHN2ZyB3aWR0aD0iMzc2IiBoZWlnaHQ9IjE2NCIgdmlld0JveD0iMCAwIDM3NiAxNjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik00OCAxNjRDNzAuMDkxNCAxNjQgODggMTQ2LjA5MSA4OCAxMjRDODggMTAxLjkwOSA3MC4wOTE0IDg0IDQ4IDg0QzI1LjkwODYgODQgOCAxMDEuOTA5IDggMTI0QzggMTQ2LjA5MSAyNS45MDg2IDE2NCA0OCAxNjRaIiBmaWxsPSIjRTBFMUU5IiBmaWxsLW9wYWNpdHk9IjAuOCIvPgo8cGF0aCBkPSJNODggNDhDMTAxLjI1NSA0OCAxMTIgMzcuMjU0OCAxMTIgMjRDMTEyIDEwLjc0NTIgMTAxLjI1NSAwIDg4IDBDNzQuNzQ1MiAwIDY0IDEwLjc0NTIgNjQgMjRDNjQgMzcuMjU0OCA3NC43NDUyIDQ4IDg4IDQ4WiIgZmlsbD0iI0UwRTFFOSIgZmlsbC1vcGFjaXR5PSIwLjgiLz4KPHBhdGggZD0iTTI5Mi41IDU1QzMwNS40NzkgNTUgMzE2IDQ0LjQ3ODcgMzE2IDMxLjVDMzE2IDE4LjUyMTMgMzA1LjQ3OSA4IDI5Mi41IDhDMjc5LjUyMSA4IDI2OSAxOC41MjEzIDI2OSAzMS41QzI2OSA0NC40Nzg3IDI3OS41MjEgNTUgMjkyLjUgNTVaIiBmaWxsPSIjRTBFMUU5IiBmaWxsLW9wYWNpdHk9IjAuOCIvPgo8cGF0aCBkPSJNMzQ0IDk4QzM1Mi44MzcgOTggMzYwIDkwLjgzNjYgMzYwIDgyQzM2MCA3My4xNjM0IDM1Mi44MzcgNjYgMzQ0IDY2QzMzNS4xNjMgNjYgMzI4IDczLjE2MzQgMzI4IDgyQzMyOCA5MC44MzY2IDMzNS4xNjMgOTggMzQ0IDk4WiIgZmlsbD0iI0UwRTFFOSIgZmlsbC1vcGFjaXR5PSIwLjgiLz4KPHBhdGggZD0iTTE4OCAxMzRDMjE2LjcxOSAxMzQgMjQwIDExMC43MTkgMjQwIDgyQzI0MCA1My4yODEyIDIxNi43MTkgMzAgMTg4IDMwQzE1OS4yODEgMzAgMTM2IDUzLjI4MTIgMTM2IDgyQzEzNiAxMTAuNzE5IDE1OS4yODEgMTM0IDE4OCAxMzRaIiBmaWxsPSIjRTBFMUU5IiBmaWxsLW9wYWNpdHk9IjAuOCIvPgo8L3N2Zz4K";
|
|
25
26
|
function BubbleChartSkeleton() {
|
|
26
27
|
var _ref = arguments[0],
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Bubble.js","names":["_core","require","_react","_interopRequireDefault","_Skeleton","styles","sstyled","insert","bubbleSvg","BubbleChartSkeleton","_ref","arguments[0]","_ref2","SChartSkeleton","Skeleton","default","createElement","cn","assignProps","_default","exports","createComponent"],"sources":["../../../../src/charts/Bubble/Bubble.tsx"],"sourcesContent":["import { createComponent, Root, sstyled } from '@semcore/core';\nimport React from 'react';\n\nimport type { NSSkeletonBubbleChart } from './Bubble.type';\nimport { Skeleton } from '../../Skeleton';\nimport styles from '../../style/chart.shadow.css';\n\n// TODO: replace it with babel-plugin-inline-import/or vite plugin.\n// @ts-ignore\nconst bubbleSvg = preval`\nmodule.exports = btoa(require('fs').readFileSync(__dirname + '/../../svg/bubble-chart.svg'))\n`;\n\nfunction BubbleChartSkeleton() {\n const SChartSkeleton = Root;\n return sstyled(styles)(\n <SChartSkeleton\n render={Skeleton}\n bgRepeat='repeat-x'\n bgPosition='left center'\n bgSize='auto 50%'\n bgPattern={`url(data:image/svg+xml;base64,${bubbleSvg})`}\n />,\n );\n}\n\nexport default createComponent(BubbleChartSkeleton) as NSSkeletonBubbleChart.Component;\n"],"mappings":";;;;;;;AAAA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AAGA,IAAAG,SAAA,GAAAH,OAAA;AAA0C;AAAA,MAAAI,MAAA,8BAAAL,KAAA,CAAAM,OAAA,CAAAC,MAAA;AAAA;AAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAAA,IAG1C;AACA;AACA,MAAMC,SAAS,6xCAEd;AAED,SAASC,mBAAmBA,CAAA,EAAG;EAAA,IAAAC,IAAA,GAAAC,YAAA;IAAAC,KAAA;EAC7B,MAAMC,cAAc,GAGRC,kBAAQ;EAFpB,OAAAF,KAAA,GAAO,IAAAN,aAAO,EAACD,MAAM,CAAC,eACpBH,MAAA,CAAAa,OAAA,CAAAC,aAAA,CAACH,cAAc,EAAAD,KAAA,CAAAK,EAAA;IAAA,OAAAjB,KAAA,CAAAkB,WAAA;MAAA,YAEJ,UAAU;MAAA,cACR,aAAa;MAAA,UACjB,UAAU;MAAA,aACN,iCAAiCV,SAAS;IAAG,GAAAE,IAAA;EAAA,EACzD,CAAC;AAEN;AAAC,IAAAS,QAAA,GAAAC,OAAA,CAAAL,OAAA,GAEc,IAAAM,qBAAe,EAACZ,mBAAmB,CAAC","ignoreList":[]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Bubble.type.js","names":[],"sources":["../../../../src/charts/Bubble/Bubble.type.ts"],"sourcesContent":["import type { NSSkeleton } from '../../Skeleton.type';\n\ndeclare namespace NSSkeletonBubbleChart {\n type Component = NSSkeleton.Component;\n}\n\nexport type { NSSkeletonBubbleChart };\n"],"mappings":"","ignoreList":[]}
|
|
@@ -7,20 +7,21 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
7
7
|
exports.default = void 0;
|
|
8
8
|
var _core = require("@semcore/core");
|
|
9
9
|
var _react = _interopRequireDefault(require("react"));
|
|
10
|
-
var _Skeleton = require("
|
|
11
|
-
/*!__reshadow-styles__:"
|
|
12
|
-
const styles = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".
|
|
10
|
+
var _Skeleton = require("../../Skeleton");
|
|
11
|
+
/*!__reshadow-styles__:"../../style/chart.shadow.css"*/
|
|
12
|
+
const styles = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".___SChartSkeleton_1oiqb_gg_{height:200px;width:100%;background-image:var(--bgPattern_1oiqb)}.___SChartSkeleton_1oiqb_gg_.__bgPosition_1oiqb_gg_{background-position:var(--bgPosition_1oiqb)}.___SChartSkeleton_1oiqb_gg_.__bgSize_1oiqb_gg_{background-size:var(--bgSize_1oiqb)}.___SChartSkeleton_1oiqb_gg_.__bgRepeat_1oiqb_gg_{background-repeat:var(--bgRepeat_1oiqb)}", /*__inner_css_end__*/"1oiqb_gg_"),
|
|
13
13
|
/*__reshadow_css_end__*/
|
|
14
14
|
{
|
|
15
|
-
"__SChartSkeleton": "
|
|
16
|
-
"--bgPattern": "--
|
|
17
|
-
"_bgPosition": "
|
|
18
|
-
"--bgPosition": "--
|
|
19
|
-
"_bgSize": "
|
|
20
|
-
"--bgSize": "--
|
|
21
|
-
"_bgRepeat": "
|
|
22
|
-
"--bgRepeat": "--
|
|
23
|
-
});
|
|
15
|
+
"__SChartSkeleton": "___SChartSkeleton_1oiqb_gg_",
|
|
16
|
+
"--bgPattern": "--bgPattern_1oiqb",
|
|
17
|
+
"_bgPosition": "__bgPosition_1oiqb_gg_",
|
|
18
|
+
"--bgPosition": "--bgPosition_1oiqb",
|
|
19
|
+
"_bgSize": "__bgSize_1oiqb_gg_",
|
|
20
|
+
"--bgSize": "--bgSize_1oiqb",
|
|
21
|
+
"_bgRepeat": "__bgRepeat_1oiqb_gg_",
|
|
22
|
+
"--bgRepeat": "--bgRepeat_1oiqb"
|
|
23
|
+
}); // TODO: replace it with babel-plugin-inline-import/or vite plugin.
|
|
24
|
+
// @ts-ignore
|
|
24
25
|
const patternBase64 = "PHN2ZyB3aWR0aD0iMTcyIiBoZWlnaHQ9IjE1NiIgdmlld0JveD0iMCAwIDE3MiAxNTYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHBhdGggZD0iTTAgMEgxMjBDMTIyLjIwOSAwIDEyNCAxLjc5MDg2IDEyNCA0VjEyQzEyNCAxNC4yMDkxIDEyMi4yMDkgMTYgMTIwIDE2SDBWMFoiIGZpbGw9IiNFMEUxRTkiIGZpbGwtb3BhY2l0eT0iMC44Ii8+CiAgPHBhdGggZD0iTTAgMzJIMTU2QzE1OC4yMDkgMzIgMTYwIDMzLjc5MDkgMTYwIDM2VjQ0QzE2MCA0Ni4yMDkxIDE1OC4yMDkgNDggMTU2IDQ4SDBWMzJaIiBmaWxsPSIjRTBFMUU5IiBmaWxsLW9wYWNpdHk9IjAuOCIvPgogIDxwYXRoIGQ9Ik0wIDY0SDEzOEMxNDAuMjA5IDY0IDE0MiA2NS43OTA5IDE0MiA2OFY3NkMxNDIgNzguMjA5MSAxNDAuMjA5IDgwIDEzOCA4MEgwVjY0WiIgZmlsbD0iI0UwRTFFOSIgZmlsbC1vcGFjaXR5PSIwLjgiLz4KICA8cGF0aCBkPSJNMCA5NkgxNTZDMTU4LjIwOSA5NiAxNjAgOTcuNzkwOSAxNjAgMTAwVjEwOEMxNjAgMTEwLjIwOSAxNTguMjA5IDExMiAxNTYgMTEySDBWOTZaIiBmaWxsPSIjRTBFMUU5IiBmaWxsLW9wYWNpdHk9IjAuOCIvPgogIDxwYXRoIGQ9Ik0wIDEyOEgxMTZDMTE4LjIwOSAxMjggMTIwIDEyOS43OTEgMTIwIDEzMlYxNDBDMTIwIDE0Mi4yMDkgMTE4LjIwOSAxNDQgMTE2IDE0NEgwVjEyOFoiIGZpbGw9IiNFMEUxRTkiIGZpbGwtb3BhY2l0eT0iMC44Ii8+CiAgPC9zdmc+CiAg";
|
|
25
26
|
function CompactHorizontalBarChartSkeleton() {
|
|
26
27
|
var _ref = arguments[0],
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"CompactHorizontalBar.js","names":["_core","require","_react","_interopRequireDefault","_Skeleton","styles","sstyled","insert","patternBase64","CompactHorizontalBarChartSkeleton","_ref","arguments[0]","_ref2","SChartSkeleton","Skeleton","default","createElement","cn","assignProps","_default","exports","createComponent"],"sources":["../../../../src/charts/CompactHorizontalBar/CompactHorizontalBar.tsx"],"sourcesContent":["import { createComponent, Root, sstyled } from '@semcore/core';\nimport React from 'react';\n\nimport type { NSSkeletonCompactHorizontalBar } from './CompactHorizontalBar.type';\nimport { Skeleton } from '../../Skeleton';\nimport styles from '../../style/chart.shadow.css';\n\n// TODO: replace it with babel-plugin-inline-import/or vite plugin.\n// @ts-ignore\nconst patternBase64 = preval`\nmodule.exports = btoa(require('fs').readFileSync(__dirname + '/../../svg/compact-horizontal-bar-chart.svg'))\n`;\n\nfunction CompactHorizontalBarChartSkeleton() {\n const SChartSkeleton = Root;\n return sstyled(styles)(\n <SChartSkeleton\n render={Skeleton}\n bgRepeat='repeat-y'\n bgPosition='left top'\n bgSize='contain'\n bgPattern={`url(data:image/svg+xml;base64,${patternBase64})`}\n />,\n );\n}\n\nexport default createComponent(CompactHorizontalBarChartSkeleton) as NSSkeletonCompactHorizontalBar.Component;\n"],"mappings":";;;;;;;AAAA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AAGA,IAAAG,SAAA,GAAAH,OAAA;AAA0C;AAAA,MAAAI,MAAA,8BAAAL,KAAA,CAAAM,OAAA,CAAAC,MAAA;AAAA;AAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAAA,IAG1C;AACA;AACA,MAAMC,aAAa,i/BAElB;AAED,SAASC,iCAAiCA,CAAA,EAAG;EAAA,IAAAC,IAAA,GAAAC,YAAA;IAAAC,KAAA;EAC3C,MAAMC,cAAc,GAGRC,kBAAQ;EAFpB,OAAAF,KAAA,GAAO,IAAAN,aAAO,EAACD,MAAM,CAAC,eACpBH,MAAA,CAAAa,OAAA,CAAAC,aAAA,CAACH,cAAc,EAAAD,KAAA,CAAAK,EAAA;IAAA,OAAAjB,KAAA,CAAAkB,WAAA;MAAA,YAEJ,UAAU;MAAA,cACR,UAAU;MAAA,UACd,SAAS;MAAA,aACL,iCAAiCV,aAAa;IAAG,GAAAE,IAAA;EAAA,EAC7D,CAAC;AAEN;AAAC,IAAAS,QAAA,GAAAC,OAAA,CAAAL,OAAA,GAEc,IAAAM,qBAAe,EAACZ,iCAAiC,CAAC","ignoreList":[]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"CompactHorizontalBar.type.js","names":[],"sources":["../../../../src/charts/CompactHorizontalBar/CompactHorizontalBar.type.ts"],"sourcesContent":["import type { NSSkeleton } from '../../Skeleton.type';\n\ndeclare namespace NSSkeletonCompactHorizontalBar {\n type Component = NSSkeleton.Component;\n}\n\nexport type { NSSkeletonCompactHorizontalBar };\n"],"mappings":"","ignoreList":[]}
|
|
@@ -7,40 +7,44 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
7
7
|
exports.default = void 0;
|
|
8
8
|
var _core = require("@semcore/core");
|
|
9
9
|
var _react = _interopRequireDefault(require("react"));
|
|
10
|
-
var _Skeleton = require("
|
|
11
|
-
/*!__reshadow-styles__:"
|
|
12
|
-
const styles = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".
|
|
10
|
+
var _Skeleton = require("../../Skeleton");
|
|
11
|
+
/*!__reshadow-styles__:"../../style/chart.shadow.css"*/
|
|
12
|
+
const styles = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".___SChartSkeleton_1oiqb_gg_{height:200px;width:100%;background-image:var(--bgPattern_1oiqb)}.___SChartSkeleton_1oiqb_gg_.__bgPosition_1oiqb_gg_{background-position:var(--bgPosition_1oiqb)}.___SChartSkeleton_1oiqb_gg_.__bgSize_1oiqb_gg_{background-size:var(--bgSize_1oiqb)}.___SChartSkeleton_1oiqb_gg_.__bgRepeat_1oiqb_gg_{background-repeat:var(--bgRepeat_1oiqb)}", /*__inner_css_end__*/"1oiqb_gg_"),
|
|
13
13
|
/*__reshadow_css_end__*/
|
|
14
14
|
{
|
|
15
|
-
"__SChartSkeleton": "
|
|
16
|
-
"--bgPattern": "--
|
|
17
|
-
"_bgPosition": "
|
|
18
|
-
"--bgPosition": "--
|
|
19
|
-
"_bgSize": "
|
|
20
|
-
"--bgSize": "--
|
|
21
|
-
"_bgRepeat": "
|
|
22
|
-
"--bgRepeat": "--
|
|
23
|
-
});
|
|
15
|
+
"__SChartSkeleton": "___SChartSkeleton_1oiqb_gg_",
|
|
16
|
+
"--bgPattern": "--bgPattern_1oiqb",
|
|
17
|
+
"_bgPosition": "__bgPosition_1oiqb_gg_",
|
|
18
|
+
"--bgPosition": "--bgPosition_1oiqb",
|
|
19
|
+
"_bgSize": "__bgSize_1oiqb_gg_",
|
|
20
|
+
"--bgSize": "--bgSize_1oiqb",
|
|
21
|
+
"_bgRepeat": "__bgRepeat_1oiqb_gg_",
|
|
22
|
+
"--bgRepeat": "--bgRepeat_1oiqb"
|
|
23
|
+
}); // TODO: replace it with babel-plugin-inline-import or vite plugin.
|
|
24
|
+
// @ts-ignore
|
|
24
25
|
const donutFullSvg = "PHN2ZyB3aWR0aD0iMTgwIiBoZWlnaHQ9IjE4MCIgdmlld0JveD0iMCAwIDE4MCAxODAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxnIGlkPSJwYXJhZ3JhcGg9ZmFsc2UsIGNoYXJ0IHR5cGU9JiMyNDA7JiMxNTk7JiMxNDE7JiMxNjk7IGRvbnV0IGNoYXJ0LCBwaWN0dXJlIGRpdj1mYWxzZSI+CjxnIGlkPSJkb251dC1jaGFydCI+CjxwYXRoIGQ9Ik0xNTguODYzIDE0NS43NDJDMTcxLjQ1MyAxMzAuMjU5IDE4MCAxMTEuNTExIDE4MCA5MEMxODAgNjguNjE2OCAxNzIuNTQzIDQ4Ljk3NTMgMTYwLjA4NyAzMy41MzQzTDEzNy43MzEgNTUuMTQ1OUMxNTEuNzk5IDgyLjA2NzMgMTUxLjQ3NSA5NS40NDAzIDEzNy43OTMgMTIzLjcyNEwxNTguODYzIDE0NS43NDJaIiBmaWxsPSIjRTBFMUU5IiBmaWxsLW9wYWNpdHk9IjAuOCIvPgo8cGF0aCBkPSJNOTAgMTgwQzExNy4xMTIgMTgwIDE0MC40MjUgMTY3LjAxMSAxNTYuOTI1IDE0OC4wNDZMMTM1LjgyNyAxMjZDMTI0LjgyNyAxMzkuNTcgMTA4LjMzIDE0OSA4OS41IDE0OUM1Ni4zNjI5IDE0OSAyOSAxMjMuMTM3IDI5IDkwQzI4LjU2MzEgNTcuODU3NiA1NC44NzYyIDMxLjU3OTkgODcgMzBWMC4wNDkwNThDMzguNjgzMSAxLjYzMTUyIDAgNDEuMjk4MyAwIDkwQzAgMTM5LjcwNiA0MC4yOTQ0IDE4MCA5MCAxODBaIiBmaWxsPSIjRTBFMUU5IiBmaWxsLW9wYWNpdHk9IjAuOCIvPgo8cGF0aCBkPSJNMTU4LjA0NiAzMS4zMzI3TDEzNS42MzQgNTNDMTI1LjEzMiAzOS42MTYxIDEwOS44NzQgMzAuNDU1MiA5MCAzMFYwQzExNy45MTUgMCAxNDEuNTM4IDExLjM4NTEgMTU4LjA0NiAzMS4zMzI3WiIgZmlsbD0iI0UwRTFFOSIgZmlsbC1vcGFjaXR5PSIwLjgiLz4KPC9nPgo8L2c+Cjwvc3ZnPgo=";
|
|
26
|
+
// TODO: replace it with babel-plugin-inline-import/or vite plugin.
|
|
27
|
+
// @ts-ignore
|
|
25
28
|
const donutHalfSvg = "PHN2ZyB3aWR0aD0iMTgwIiBoZWlnaHQ9IjkwIiB2aWV3Qm94PSIwIDAgMTgwIDkwIiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNMTU2LjkyNSAzMS45NTM4QzE0MC40MjUgMTIuOTg4NiAxMTcuMTEyIDAgOTAgMEM0MC4yOTQ0IDAgMCA0MC4yOTQ0IDAgOTBIMjlDMjkgNTYuODYyOSA1Ni4zNjI5IDMxIDg5LjUgMzFDMTA4LjMzIDMxIDEyNC44MjcgNDAuNDI5NiAxMzUuODI3IDU0TDE1Ni45MjUgMzEuOTUzOFoiIGZpbGw9IiNFMEUxRTkiIGZpbGwtb3BhY2l0eT0iMC44Ii8+CjxwYXRoIGQ9Ik0xODAgOTBIMTQ4LjE1MkMxNDcuODg2IDgwLjA5ODkgMTQ0LjM5NSA2OS45MjMzIDEzNy43OTMgNTYuMjc2NEwxNTguODYzIDM0LjI1ODFDMTcxLjQ1MyA0OS43NDA3IDE4MCA2OC40ODkgMTgwIDkwWiIgZmlsbD0iI0UwRTFFOSIgZmlsbC1vcGFjaXR5PSIwLjgiLz4KPC9zdmc+Cg==";
|
|
29
|
+
const pattern = {
|
|
30
|
+
true: donutHalfSvg,
|
|
31
|
+
false: donutFullSvg
|
|
32
|
+
};
|
|
33
|
+
const position = {
|
|
34
|
+
true: 'center bottom',
|
|
35
|
+
false: 'center'
|
|
36
|
+
};
|
|
26
37
|
function DonutChartSkeleton(props) {
|
|
27
38
|
var _ref = arguments[0],
|
|
28
39
|
_ref2;
|
|
29
40
|
const SChartSkeleton = _Skeleton.Skeleton;
|
|
30
|
-
const halfsize = props.halfsize ?? false;
|
|
31
|
-
const patternBase64 = {
|
|
32
|
-
true: donutHalfSvg,
|
|
33
|
-
false: donutFullSvg
|
|
34
|
-
}[halfsize];
|
|
41
|
+
const halfsize = (props.halfsize ?? false).toString();
|
|
35
42
|
return _ref2 = (0, _core.sstyled)(styles), /*#__PURE__*/_react.default.createElement(SChartSkeleton, _ref2.cn("SChartSkeleton", {
|
|
36
43
|
...(0, _core.assignProps)({
|
|
37
44
|
"bgRepeat": 'no-repeat',
|
|
38
|
-
"bgPosition":
|
|
39
|
-
true: 'center bottom',
|
|
40
|
-
false: 'center'
|
|
41
|
-
}[halfsize],
|
|
45
|
+
"bgPosition": position[halfsize],
|
|
42
46
|
"bgSize": 'contain',
|
|
43
|
-
"bgPattern": `url(data:image/svg+xml;base64,${
|
|
47
|
+
"bgPattern": `url(data:image/svg+xml;base64,${pattern[halfsize]})`
|
|
44
48
|
}, _ref)
|
|
45
49
|
}));
|
|
46
50
|
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Donut.js","names":["_core","require","_react","_interopRequireDefault","_Skeleton","styles","sstyled","insert","donutFullSvg","donutHalfSvg","pattern","true","false","position","DonutChartSkeleton","props","_ref","arguments[0]","_ref2","SChartSkeleton","Skeleton","halfsize","toString","default","createElement","cn","assignProps","_default","exports","createComponent"],"sources":["../../../../src/charts/Donut/Donut.tsx"],"sourcesContent":["import type { Intergalactic } from '@semcore/core';\nimport { createComponent, Root, sstyled } from '@semcore/core';\nimport React from 'react';\n\nimport type { NSSkeletonDonutChart } from './Donut.type';\nimport { Skeleton } from '../../Skeleton';\nimport styles from '../../style/chart.shadow.css';\n\n// TODO: replace it with babel-plugin-inline-import or vite plugin.\n// @ts-ignore\nconst donutFullSvg = preval`\nmodule.exports = btoa(require('fs').readFileSync(__dirname + '/../../svg/donut-chart.svg'))\n`;\n// TODO: replace it with babel-plugin-inline-import/or vite plugin.\n// @ts-ignore\nconst donutHalfSvg = preval`\nmodule.exports = btoa(require('fs').readFileSync(__dirname + '/../../svg/donut-chart-halfsize.svg'))\n`;\n\nconst pattern: Record<string, string> = {\n true: donutHalfSvg,\n false: donutFullSvg,\n};\nconst position: Record<string, string> = {\n true: 'center bottom',\n false: 'center',\n};\n\nfunction DonutChartSkeleton(\n props: Intergalactic.InternalTypings.InferComponentProps<NSSkeletonDonutChart.Component>,\n) {\n const SChartSkeleton = Root;\n const halfsize = (props.halfsize ?? false).toString();\n return sstyled(styles)(\n <SChartSkeleton\n render={Skeleton}\n bgRepeat='no-repeat'\n bgPosition={position[halfsize]}\n bgSize='contain'\n bgPattern={`url(data:image/svg+xml;base64,${pattern[halfsize]})`}\n />,\n );\n}\n\nexport default createComponent(DonutChartSkeleton) as NSSkeletonDonutChart.Component;\n"],"mappings":";;;;;;;AACA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AAGA,IAAAG,SAAA,GAAAH,OAAA;AAA0C;AAAA,MAAAI,MAAA,8BAAAL,KAAA,CAAAM,OAAA,CAAAC,MAAA;AAAA;AAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAAA,IAG1C;AACA;AACA,MAAMC,YAAY,6qCAEjB;AACD;AACA;AACA,MAAMC,YAAY,6nBAEjB;AAED,MAAMC,OAA+B,GAAG;EACtCC,IAAI,EAAEF,YAAY;EAClBG,KAAK,EAAEJ;AACT,CAAC;AACD,MAAMK,QAAgC,GAAG;EACvCF,IAAI,EAAE,eAAe;EACrBC,KAAK,EAAE;AACT,CAAC;AAED,SAASE,kBAAkBA,CACzBC,KAAwF,EACxF;EAAA,IAAAC,IAAA,GAAAC,YAAA;IAAAC,KAAA;EACA,MAAMC,cAAc,GAIRC,kBAAQ;EAHpB,MAAMC,QAAQ,GAAG,CAACN,KAAK,CAACM,QAAQ,IAAI,KAAK,EAAEC,QAAQ,CAAC,CAAC;EACrD,OAAAJ,KAAA,GAAO,IAAAZ,aAAO,EAACD,MAAM,CAAC,eACpBH,MAAA,CAAAqB,OAAA,CAAAC,aAAA,CAACL,cAAc,EAAAD,KAAA,CAAAO,EAAA;IAAA,OAAAzB,KAAA,CAAA0B,WAAA;MAAA,YAEJ,WAAW;MAAA,cACRb,QAAQ,CAACQ,QAAQ,CAAC;MAAA,UACvB,SAAS;MAAA,aACL,iCAAiCX,OAAO,CAACW,QAAQ,CAAC;IAAG,GAAAL,IAAA;EAAA,EACjE,CAAC;AAEN;AAAC,IAAAW,QAAA,GAAAC,OAAA,CAAAL,OAAA,GAEc,IAAAM,qBAAe,EAACf,kBAAkB,CAAC","ignoreList":[]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Donut.type.js","names":[],"sources":["../../../../src/charts/Donut/Donut.type.ts"],"sourcesContent":["import type { Intergalactic } from '@semcore/core';\n\nimport type { NSSkeleton } from '../../Skeleton.type';\n\ndeclare namespace NSSkeletonDonutChart {\n type Props = NSSkeleton.Props & {\n /** Semi donut */\n halfsize?: boolean;\n };\n type Component = Intergalactic.Component<'svg', Props>;\n}\n\n/** @deprecated It will be removed in v18. */\nexport type DonutChartSkeletonProps = NSSkeletonDonutChart.Props;\n\nexport type { NSSkeletonDonutChart };\n"],"mappings":"","ignoreList":[]}
|