@semcore/skeleton 17.0.1 → 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.
Files changed (175) hide show
  1. package/CHANGELOG.md +6 -0
  2. package/lib/cjs/Skeleton.js +26 -22
  3. package/lib/cjs/Skeleton.js.map +1 -1
  4. package/lib/cjs/Skeleton.type.js +2 -0
  5. package/lib/cjs/Skeleton.type.js.map +1 -0
  6. package/lib/cjs/{Charts → charts/Area}/Area.js +20 -17
  7. package/lib/cjs/charts/Area/Area.js.map +1 -0
  8. package/lib/cjs/charts/Area/Area.type.js +2 -0
  9. package/lib/cjs/charts/Area/Area.type.js.map +1 -0
  10. package/lib/cjs/{Charts → charts/Bar}/Bar.js +35 -29
  11. package/lib/cjs/charts/Bar/Bar.js.map +1 -0
  12. package/lib/cjs/charts/Bar/Bar.type.js +2 -0
  13. package/lib/cjs/charts/Bar/Bar.type.js.map +1 -0
  14. package/lib/cjs/{Charts → charts/Bubble}/Bubble.js +13 -12
  15. package/lib/cjs/charts/Bubble/Bubble.js.map +1 -0
  16. package/lib/cjs/charts/Bubble/Bubble.type.js +2 -0
  17. package/lib/cjs/charts/Bubble/Bubble.type.js.map +1 -0
  18. package/lib/cjs/{Charts → charts/CompactHorizontalBar}/CompactHorizontalBar.js +13 -12
  19. package/lib/cjs/charts/CompactHorizontalBar/CompactHorizontalBar.js.map +1 -0
  20. package/lib/cjs/charts/CompactHorizontalBar/CompactHorizontalBar.type.js +2 -0
  21. package/lib/cjs/charts/CompactHorizontalBar/CompactHorizontalBar.type.js.map +1 -0
  22. package/lib/cjs/{Charts → charts/Donut}/Donut.js +26 -22
  23. package/lib/cjs/charts/Donut/Donut.js.map +1 -0
  24. package/lib/cjs/charts/Donut/Donut.type.js +2 -0
  25. package/lib/cjs/charts/Donut/Donut.type.js.map +1 -0
  26. package/lib/cjs/{Charts → charts/Histogram}/Histogram.js +35 -29
  27. package/lib/cjs/charts/Histogram/Histogram.js.map +1 -0
  28. package/lib/cjs/charts/Histogram/Histogram.type.js +2 -0
  29. package/lib/cjs/charts/Histogram/Histogram.type.js.map +1 -0
  30. package/lib/cjs/{Charts → charts/Line}/Line.js +21 -17
  31. package/lib/cjs/charts/Line/Line.js.map +1 -0
  32. package/lib/cjs/charts/Line/Line.type.js +2 -0
  33. package/lib/cjs/charts/Line/Line.type.js.map +1 -0
  34. package/lib/cjs/{Charts → charts/RadialTree}/RadialTree.js +13 -12
  35. package/lib/cjs/charts/RadialTree/RadialTree.js.map +1 -0
  36. package/lib/cjs/charts/RadialTree/RadialTree.type.js +2 -0
  37. package/lib/cjs/charts/RadialTree/RadialTree.type.js.map +1 -0
  38. package/lib/cjs/{Charts → charts/ScatterPlot}/ScatterPlot.js +13 -12
  39. package/lib/cjs/charts/ScatterPlot/ScatterPlot.js.map +1 -0
  40. package/lib/cjs/charts/ScatterPlot/ScatterPlot.type.js +2 -0
  41. package/lib/cjs/charts/ScatterPlot/ScatterPlot.type.js.map +1 -0
  42. package/lib/cjs/{Charts → charts/Venn}/Venn.js +13 -12
  43. package/lib/cjs/charts/Venn/Venn.js.map +1 -0
  44. package/lib/cjs/charts/Venn/Venn.type.js +2 -0
  45. package/lib/cjs/charts/Venn/Venn.type.js.map +1 -0
  46. package/lib/cjs/index.js +206 -5
  47. package/lib/cjs/index.js.map +1 -1
  48. package/lib/es6/Skeleton.js +26 -22
  49. package/lib/es6/Skeleton.js.map +1 -1
  50. package/lib/es6/Skeleton.type.js +2 -0
  51. package/lib/es6/Skeleton.type.js.map +1 -0
  52. package/lib/es6/{Charts → charts/Area}/Area.js +20 -17
  53. package/lib/es6/charts/Area/Area.js.map +1 -0
  54. package/lib/es6/charts/Area/Area.type.js +2 -0
  55. package/lib/es6/charts/Area/Area.type.js.map +1 -0
  56. package/lib/es6/{Charts → charts/Bar}/Bar.js +35 -29
  57. package/lib/es6/charts/Bar/Bar.js.map +1 -0
  58. package/lib/es6/charts/Bar/Bar.type.js +2 -0
  59. package/lib/es6/charts/Bar/Bar.type.js.map +1 -0
  60. package/lib/es6/{Charts → charts/Bubble}/Bubble.js +13 -12
  61. package/lib/es6/charts/Bubble/Bubble.js.map +1 -0
  62. package/lib/es6/charts/Bubble/Bubble.type.js +2 -0
  63. package/lib/es6/charts/Bubble/Bubble.type.js.map +1 -0
  64. package/lib/es6/{Charts → charts/CompactHorizontalBar}/CompactHorizontalBar.js +13 -12
  65. package/lib/es6/charts/CompactHorizontalBar/CompactHorizontalBar.js.map +1 -0
  66. package/lib/es6/charts/CompactHorizontalBar/CompactHorizontalBar.type.js +2 -0
  67. package/lib/es6/charts/CompactHorizontalBar/CompactHorizontalBar.type.js.map +1 -0
  68. package/lib/es6/{Charts → charts/Donut}/Donut.js +26 -22
  69. package/lib/es6/charts/Donut/Donut.js.map +1 -0
  70. package/lib/es6/charts/Donut/Donut.type.js +2 -0
  71. package/lib/es6/charts/Donut/Donut.type.js.map +1 -0
  72. package/lib/es6/{Charts → charts/Histogram}/Histogram.js +35 -29
  73. package/lib/es6/charts/Histogram/Histogram.js.map +1 -0
  74. package/lib/es6/charts/Histogram/Histogram.type.js +2 -0
  75. package/lib/es6/charts/Histogram/Histogram.type.js.map +1 -0
  76. package/lib/es6/{Charts → charts/Line}/Line.js +21 -17
  77. package/lib/es6/charts/Line/Line.js.map +1 -0
  78. package/lib/es6/charts/Line/Line.type.js +2 -0
  79. package/lib/es6/charts/Line/Line.type.js.map +1 -0
  80. package/lib/es6/{Charts → charts/RadialTree}/RadialTree.js +13 -12
  81. package/lib/es6/charts/RadialTree/RadialTree.js.map +1 -0
  82. package/lib/es6/charts/RadialTree/RadialTree.type.js +2 -0
  83. package/lib/es6/charts/RadialTree/RadialTree.type.js.map +1 -0
  84. package/lib/es6/{Charts → charts/ScatterPlot}/ScatterPlot.js +13 -12
  85. package/lib/es6/charts/ScatterPlot/ScatterPlot.js.map +1 -0
  86. package/lib/es6/charts/ScatterPlot/ScatterPlot.type.js +2 -0
  87. package/lib/es6/charts/ScatterPlot/ScatterPlot.type.js.map +1 -0
  88. package/lib/es6/{Charts → charts/Venn}/Venn.js +13 -12
  89. package/lib/es6/charts/Venn/Venn.js.map +1 -0
  90. package/lib/es6/charts/Venn/Venn.type.js +2 -0
  91. package/lib/es6/charts/Venn/Venn.type.js.map +1 -0
  92. package/lib/es6/index.js +21 -1
  93. package/lib/es6/index.js.map +1 -1
  94. package/lib/esm/Skeleton.mjs +27 -23
  95. package/lib/esm/Skeleton.type.mjs +1 -0
  96. package/lib/esm/{Charts → charts/Area}/Area.mjs +17 -17
  97. package/lib/esm/charts/Area/Area.type.mjs +1 -0
  98. package/lib/esm/{Charts → charts/Bar}/Bar.mjs +32 -29
  99. package/lib/esm/charts/Bar/Bar.type.mjs +1 -0
  100. package/lib/esm/{Charts → charts/Bubble}/Bubble.mjs +12 -12
  101. package/lib/esm/charts/Bubble/Bubble.type.mjs +1 -0
  102. package/lib/esm/{Charts → charts/CompactHorizontalBar}/CompactHorizontalBar.mjs +12 -12
  103. package/lib/esm/charts/CompactHorizontalBar/CompactHorizontalBar.type.mjs +1 -0
  104. package/lib/esm/{Charts → charts/Donut}/Donut.mjs +23 -22
  105. package/lib/esm/charts/Donut/Donut.type.mjs +1 -0
  106. package/lib/esm/{Charts → charts/Histogram}/Histogram.mjs +32 -29
  107. package/lib/esm/charts/Histogram/Histogram.type.mjs +1 -0
  108. package/lib/esm/{Charts → charts/Line}/Line.mjs +18 -17
  109. package/lib/esm/charts/Line/Line.type.mjs +1 -0
  110. package/lib/esm/{Charts → charts/RadialTree}/RadialTree.mjs +12 -12
  111. package/lib/esm/charts/RadialTree/RadialTree.type.mjs +1 -0
  112. package/lib/esm/{Charts → charts/ScatterPlot}/ScatterPlot.mjs +12 -12
  113. package/lib/esm/charts/ScatterPlot/ScatterPlot.type.mjs +1 -0
  114. package/lib/esm/{Charts → charts/Venn}/Venn.mjs +12 -12
  115. package/lib/esm/charts/Venn/Venn.type.mjs +1 -0
  116. package/lib/esm/index.mjs +21 -11
  117. package/lib/types/Skeleton.d.ts +4 -3
  118. package/lib/types/Skeleton.type.d.ts +52 -0
  119. package/lib/types/charts/Area/Area.d.ts +3 -0
  120. package/lib/types/charts/Area/Area.type.d.ts +12 -0
  121. package/lib/types/charts/Bar/Bar.d.ts +3 -0
  122. package/lib/types/charts/Bar/Bar.type.d.ts +12 -0
  123. package/lib/types/charts/Bubble/Bubble.d.ts +3 -0
  124. package/lib/types/charts/Bubble/Bubble.type.d.ts +5 -0
  125. package/lib/types/charts/CompactHorizontalBar/CompactHorizontalBar.d.ts +3 -0
  126. package/lib/types/charts/CompactHorizontalBar/CompactHorizontalBar.type.d.ts +5 -0
  127. package/lib/types/charts/Donut/Donut.d.ts +3 -0
  128. package/lib/types/charts/Donut/Donut.type.d.ts +12 -0
  129. package/lib/types/charts/Histogram/Histogram.d.ts +3 -0
  130. package/lib/types/charts/Histogram/Histogram.type.d.ts +12 -0
  131. package/lib/types/charts/Line/Line.d.ts +3 -0
  132. package/lib/types/charts/Line/Line.type.d.ts +12 -0
  133. package/lib/types/charts/RadialTree/RadialTree.d.ts +3 -0
  134. package/lib/types/charts/RadialTree/RadialTree.type.d.ts +5 -0
  135. package/lib/types/charts/ScatterPlot/ScatterPlot.d.ts +3 -0
  136. package/lib/types/charts/ScatterPlot/ScatterPlot.type.d.ts +5 -0
  137. package/lib/types/charts/Venn/Venn.d.ts +2 -0
  138. package/lib/types/charts/Venn/Venn.type.d.ts +5 -0
  139. package/lib/types/index.d.ts +22 -93
  140. package/lib/types/translations/__intergalactic-dynamic-locales.d.ts +44 -0
  141. package/package.json +4 -4
  142. package/vite.config.ts +1 -1
  143. package/lib/cjs/Charts/Area.js.map +0 -1
  144. package/lib/cjs/Charts/Bar.js.map +0 -1
  145. package/lib/cjs/Charts/Bubble.js.map +0 -1
  146. package/lib/cjs/Charts/CompactHorizontalBar.js.map +0 -1
  147. package/lib/cjs/Charts/Donut.js.map +0 -1
  148. package/lib/cjs/Charts/Histogram.js.map +0 -1
  149. package/lib/cjs/Charts/Line.js.map +0 -1
  150. package/lib/cjs/Charts/RadialTree.js.map +0 -1
  151. package/lib/cjs/Charts/ScatterPlot.js.map +0 -1
  152. package/lib/cjs/Charts/Venn.js.map +0 -1
  153. package/lib/cjs/Charts/index.js +0 -77
  154. package/lib/cjs/Charts/index.js.map +0 -1
  155. package/lib/cjs/Skeleton.d.js +0 -2
  156. package/lib/cjs/Skeleton.d.js.map +0 -1
  157. package/lib/cjs/index.d.js +0 -2
  158. package/lib/cjs/index.d.js.map +0 -1
  159. package/lib/es6/Charts/Area.js.map +0 -1
  160. package/lib/es6/Charts/Bar.js.map +0 -1
  161. package/lib/es6/Charts/Bubble.js.map +0 -1
  162. package/lib/es6/Charts/CompactHorizontalBar.js.map +0 -1
  163. package/lib/es6/Charts/Donut.js.map +0 -1
  164. package/lib/es6/Charts/Histogram.js.map +0 -1
  165. package/lib/es6/Charts/Line.js.map +0 -1
  166. package/lib/es6/Charts/RadialTree.js.map +0 -1
  167. package/lib/es6/Charts/ScatterPlot.js.map +0 -1
  168. package/lib/es6/Charts/Venn.js.map +0 -1
  169. package/lib/es6/Charts/index.js +0 -11
  170. package/lib/es6/Charts/index.js.map +0 -1
  171. package/lib/es6/Skeleton.d.js +0 -2
  172. package/lib/es6/Skeleton.d.js.map +0 -1
  173. package/lib/es6/index.d.js +0 -2
  174. package/lib/es6/index.d.js.map +0 -1
  175. package/lib/esm/Charts/index.mjs +0 -22
package/CHANGELOG.md CHANGED
@@ -2,6 +2,12 @@
2
2
 
3
3
  CHANGELOG.md standards are inspired by [keepachangelog.com](https://keepachangelog.com/en/1.0.0/).
4
4
 
5
+ ## [17.0.2] - 2026-04-29
6
+
7
+ ### Fixed
8
+
9
+ - Rewrite component to TS.
10
+
5
11
  ## [17.0.1] - 2026-04-16
6
12
 
7
13
  ### Fixed
@@ -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 pulse_192pf{0%,to{opacity:1}50%{opacity:.4}}.___SSkeleton_192pf_gg_{animation-name:pulse_192pf;animation-iteration-count:infinite;animation-timing-function:ease-in-out;animation-duration:var(--durationAnim_192pf);will-change:opacity}.___SSkeletonSVG_192pf_gg_._theme_invert_192pf_gg_{fill:var(--intergalactic-skeleton-bg, rgba(224, 225, 233, 0.8))}.___SSkeletonSVG_192pf_gg_._theme_dark_192pf_gg_{fill:var(--intergalactic-skeleton-bg-invert, rgba(255, 255, 255, 0.3))}.___SText_192pf_gg_{box-sizing:border-box}@media (prefers-reduced-motion){.___SSkeleton_192pf_gg_{animation-name:none}}", /*__inner_css_end__*/"192pf_gg_"),
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": "___SSkeleton_192pf_gg_",
21
- "--durationAnim": "--durationAnim_192pf",
22
- "@pulse": "pulse_192pf",
23
- "__SSkeletonSVG": "___SSkeletonSVG_192pf_gg_",
24
- "_theme_invert": "_theme_invert_192pf_gg_",
25
- "_theme_dark": "_theme_dark_192pf_gg_",
26
- "__SText": "___SText_192pf_gg_"
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
- this.observer?.observe(this.svgRef.current?.parentElement);
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(data) {
76
- const target = data[0].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
- const renderRect = props => {
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
- ...props
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, {
@@ -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","observe","svgRef","current","parentElement","componentWillUnmount","disconnect","data","target","svg","setAttribute","setContext","theme","gradientUrl","_ref2","_ref4","Children","uid","SSkeletonSVG","Skeleton","uniqueIDEnhancement","Text","SText","y","x","amount","forwardRef","other","amountLine","Number","renderRect","_ref5","Fragment","Array","map","_el","index","key","ref","exports","createComponent","_default"],"sources":["../../src/Skeleton.jsx"],"sourcesContent":["import { Box } from '@semcore/base-components';\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 style from './style/skeleton.shadow.css';\nimport { localizedMessages } from './translations/__intergalactic-dynamic-locales';\n\nconst MAP_COLOR_THEME = {\n dark: 'rgba(255, 255, 255, 0.3)',\n invert: 'rgba(224, 225, 233, 0.8)',\n};\n\nclass SkeletonRoot extends Component {\n static displayName = 'Skeleton';\n static style = style;\n static enhance = [i18nEnhance(localizedMessages)];\n static defaultProps = {\n width: '100%',\n height: '100%',\n duration: 2000,\n };\n\n render() {\n const SSkeleton = Root;\n const { styles, duration, hidden, getI18nText } = this.asProps;\n\n if (hidden) return null;\n\n return sstyled(styles)(\n <SSkeleton\n render={Box}\n durationAnim={`${duration}ms`}\n role='img'\n aria-label={getI18nText('loading')}\n />,\n );\n }\n}\n\nclass SkeletonSVG extends Component {\n static displayName = 'SkeletonSVG';\n static enhance = [uniqueIDEnhancement()];\n static style = style;\n\n static defaultProps = {\n theme: 'invert',\n duration: 2000,\n };\n\n svgRef = React.createRef();\n\n constructor(props) {\n super(props);\n\n if (canUseDOM() && props.observeParentSize) {\n this.observer = new ResizeObserver(this.handleResize.bind(this));\n }\n }\n\n componentDidMount() {\n this.observer?.observe(this.svgRef.current?.parentElement);\n }\n\n componentWillUnmount() {\n this.observer?.disconnect();\n }\n\n handleResize(data) {\n const target = data[0].target;\n const svg = this.svgRef.current;\n\n if (target && svg) {\n svg.setAttribute('width', '100%');\n }\n }\n\n setContext() {\n const { theme } = this.asProps;\n return {\n gradientUrl: MAP_COLOR_THEME[theme],\n };\n }\n\n render() {\n const { Children, styles, uid, theme, duration } = this.asProps;\n const SSkeletonSVG = Root;\n\n return sstyled(styles)(\n <SSkeletonSVG\n render={Skeleton}\n tag='svg'\n ref={this.svgRef}\n preserveAspectRatio='none'\n theme={theme}\n durationAnim={`${duration}ms`}\n >\n <defs>\n <mask id={uid}>\n <Children />\n </mask>\n </defs>\n <rect x='0' y='0' width='100%' height='100%' mask={`url(#${uid})`} />\n </SSkeletonSVG>,\n );\n }\n}\n\nfunction Text(props) {\n const SText = Box;\n const { y = 0, x = 0, amount = 1, width = '100%', styles, forwardRef, ...other } = props;\n const amountLine = Number(amount);\n\n const renderRect = (props) => {\n return sstyled(styles)(<SText tag='rect' rx='4' ry='4' height='8' {...props} />);\n };\n\n return (\n <React.Fragment>\n {[...Array(amountLine)].map((_el, index) =>\n renderRect({\n key: index,\n y: y || 20 * index,\n x,\n ref: forwardRef,\n width,\n ...other,\n }),\n )}\n </React.Fragment>\n );\n}\n\nconst Skeleton = createComponent(SkeletonRoot);\n\nexport { Skeleton };\n\nexport default createComponent(SkeletonSVG, {\n Text,\n});\n"],"mappings":"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","ignoreList":[]}
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,2 @@
1
+ "use strict";
2
+ //# sourceMappingURL=Skeleton.type.js.map
@@ -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("../Skeleton");
11
- /*!__reshadow-styles__:"../style/chart.shadow.css"*/
12
- const styles = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".___SChartSkeleton_1dfvr_gg_{height:200px;width:100%;background-image:var(--bgPattern_1dfvr)}.___SChartSkeleton_1dfvr_gg_.__bgPosition_1dfvr_gg_{background-position:var(--bgPosition_1dfvr)}.___SChartSkeleton_1dfvr_gg_.__bgSize_1dfvr_gg_{background-size:var(--bgSize_1dfvr)}.___SChartSkeleton_1dfvr_gg_.__bgRepeat_1dfvr_gg_{background-repeat:var(--bgRepeat_1dfvr)}", /*__inner_css_end__*/"1dfvr_gg_"),
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": "___SChartSkeleton_1dfvr_gg_",
16
- "--bgPattern": "--bgPattern_1dfvr",
17
- "_bgPosition": "__bgPosition_1dfvr_gg_",
18
- "--bgPosition": "--bgPosition_1dfvr",
19
- "_bgSize": "__bgSize_1dfvr_gg_",
20
- "--bgSize": "--bgSize_1dfvr",
21
- "_bgRepeat": "__bgRepeat_1dfvr_gg_",
22
- "--bgRepeat": "--bgRepeat_1dfvr"
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,${patternBase64})`
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,2 @@
1
+ "use strict";
2
+ //# sourceMappingURL=Area.type.js.map
@@ -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("../Skeleton");
11
- /*!__reshadow-styles__:"../style/chart.shadow.css"*/
12
- const styles = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".___SChartSkeleton_1dfvr_gg_{height:200px;width:100%;background-image:var(--bgPattern_1dfvr)}.___SChartSkeleton_1dfvr_gg_.__bgPosition_1dfvr_gg_{background-position:var(--bgPosition_1dfvr)}.___SChartSkeleton_1dfvr_gg_.__bgSize_1dfvr_gg_{background-size:var(--bgSize_1dfvr)}.___SChartSkeleton_1dfvr_gg_.__bgRepeat_1dfvr_gg_{background-repeat:var(--bgRepeat_1dfvr)}", /*__inner_css_end__*/"1dfvr_gg_"),
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": "___SChartSkeleton_1dfvr_gg_",
16
- "--bgPattern": "--bgPattern_1dfvr",
17
- "_bgPosition": "__bgPosition_1dfvr_gg_",
18
- "--bgPosition": "--bgPosition_1dfvr",
19
- "_bgSize": "__bgSize_1dfvr_gg_",
20
- "--bgSize": "--bgSize_1dfvr",
21
- "_bgRepeat": "__bgRepeat_1dfvr_gg_",
22
- "--bgRepeat": "--bgRepeat_1dfvr"
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
- vertical: 'repeat-y',
39
- horizontal: 'repeat-x'
40
- }[layout],
41
- "bgPosition": {
42
- vertical: 'left top',
43
- horizontal: 'left bottom'
44
- }[layout],
45
- "bgSize": {
46
- vertical: 'contain',
47
- horizontal: 'auto 50%'
48
- }[layout],
49
- "bgPattern": `url(data:image/svg+xml;base64,${patternBase64})`
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,2 @@
1
+ "use strict";
2
+ //# sourceMappingURL=Bar.type.js.map
@@ -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("../Skeleton");
11
- /*!__reshadow-styles__:"../style/chart.shadow.css"*/
12
- const styles = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".___SChartSkeleton_1dfvr_gg_{height:200px;width:100%;background-image:var(--bgPattern_1dfvr)}.___SChartSkeleton_1dfvr_gg_.__bgPosition_1dfvr_gg_{background-position:var(--bgPosition_1dfvr)}.___SChartSkeleton_1dfvr_gg_.__bgSize_1dfvr_gg_{background-size:var(--bgSize_1dfvr)}.___SChartSkeleton_1dfvr_gg_.__bgRepeat_1dfvr_gg_{background-repeat:var(--bgRepeat_1dfvr)}", /*__inner_css_end__*/"1dfvr_gg_"),
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": "___SChartSkeleton_1dfvr_gg_",
16
- "--bgPattern": "--bgPattern_1dfvr",
17
- "_bgPosition": "__bgPosition_1dfvr_gg_",
18
- "--bgPosition": "--bgPosition_1dfvr",
19
- "_bgSize": "__bgSize_1dfvr_gg_",
20
- "--bgSize": "--bgSize_1dfvr",
21
- "_bgRepeat": "__bgRepeat_1dfvr_gg_",
22
- "--bgRepeat": "--bgRepeat_1dfvr"
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,2 @@
1
+ "use strict";
2
+ //# sourceMappingURL=Bubble.type.js.map
@@ -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("../Skeleton");
11
- /*!__reshadow-styles__:"../style/chart.shadow.css"*/
12
- const styles = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".___SChartSkeleton_1dfvr_gg_{height:200px;width:100%;background-image:var(--bgPattern_1dfvr)}.___SChartSkeleton_1dfvr_gg_.__bgPosition_1dfvr_gg_{background-position:var(--bgPosition_1dfvr)}.___SChartSkeleton_1dfvr_gg_.__bgSize_1dfvr_gg_{background-size:var(--bgSize_1dfvr)}.___SChartSkeleton_1dfvr_gg_.__bgRepeat_1dfvr_gg_{background-repeat:var(--bgRepeat_1dfvr)}", /*__inner_css_end__*/"1dfvr_gg_"),
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": "___SChartSkeleton_1dfvr_gg_",
16
- "--bgPattern": "--bgPattern_1dfvr",
17
- "_bgPosition": "__bgPosition_1dfvr_gg_",
18
- "--bgPosition": "--bgPosition_1dfvr",
19
- "_bgSize": "__bgSize_1dfvr_gg_",
20
- "--bgSize": "--bgSize_1dfvr",
21
- "_bgRepeat": "__bgRepeat_1dfvr_gg_",
22
- "--bgRepeat": "--bgRepeat_1dfvr"
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,2 @@
1
+ "use strict";
2
+ //# sourceMappingURL=CompactHorizontalBar.type.js.map
@@ -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("../Skeleton");
11
- /*!__reshadow-styles__:"../style/chart.shadow.css"*/
12
- const styles = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".___SChartSkeleton_1dfvr_gg_{height:200px;width:100%;background-image:var(--bgPattern_1dfvr)}.___SChartSkeleton_1dfvr_gg_.__bgPosition_1dfvr_gg_{background-position:var(--bgPosition_1dfvr)}.___SChartSkeleton_1dfvr_gg_.__bgSize_1dfvr_gg_{background-size:var(--bgSize_1dfvr)}.___SChartSkeleton_1dfvr_gg_.__bgRepeat_1dfvr_gg_{background-repeat:var(--bgRepeat_1dfvr)}", /*__inner_css_end__*/"1dfvr_gg_"),
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": "___SChartSkeleton_1dfvr_gg_",
16
- "--bgPattern": "--bgPattern_1dfvr",
17
- "_bgPosition": "__bgPosition_1dfvr_gg_",
18
- "--bgPosition": "--bgPosition_1dfvr",
19
- "_bgSize": "__bgSize_1dfvr_gg_",
20
- "--bgSize": "--bgSize_1dfvr",
21
- "_bgRepeat": "__bgRepeat_1dfvr_gg_",
22
- "--bgRepeat": "--bgRepeat_1dfvr"
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,${patternBase64})`
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,2 @@
1
+ "use strict";
2
+ //# sourceMappingURL=Donut.type.js.map
@@ -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":[]}