@semcore/skeleton 16.0.0-prerelease.6 → 16.0.0-prerelease.9
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/lib/esm/Charts/Area.mjs +28 -23
- package/lib/esm/Charts/Bar.mjs +32 -26
- package/lib/esm/Charts/Bubble.mjs +23 -20
- package/lib/esm/Charts/CompactHorizontalBar.mjs +23 -20
- package/lib/esm/Charts/Donut.mjs +32 -26
- package/lib/esm/Charts/Histogram.mjs +32 -26
- package/lib/esm/Charts/Line.mjs +28 -23
- package/lib/esm/Charts/RadialTree.mjs +23 -20
- package/lib/esm/Charts/ScatterPlot.mjs +23 -20
- package/lib/esm/Charts/Venn.mjs +23 -20
- package/lib/esm/Skeleton.mjs +132 -108
- package/lib/esm/index.mjs +22 -22
- package/lib/esm/translations/__intergalactic-dynamic-locales.mjs +30 -30
- package/lib/esm/translations/de.json.mjs +5 -4
- package/lib/esm/translations/en.json.mjs +5 -4
- package/lib/esm/translations/es.json.mjs +5 -4
- package/lib/esm/translations/fr.json.mjs +5 -4
- package/lib/esm/translations/it.json.mjs +5 -4
- package/lib/esm/translations/ja.json.mjs +5 -4
- package/lib/esm/translations/ko.json.mjs +5 -4
- package/lib/esm/translations/nl.json.mjs +5 -4
- package/lib/esm/translations/pl.json.mjs +5 -4
- package/lib/esm/translations/pt.json.mjs +5 -4
- package/lib/esm/translations/sv.json.mjs +5 -4
- package/lib/esm/translations/tr.json.mjs +5 -4
- package/lib/esm/translations/vi.json.mjs +5 -4
- package/lib/esm/translations/zh.json.mjs +5 -4
- package/package.json +3 -3
|
@@ -1,33 +1,36 @@
|
|
|
1
|
-
import
|
|
2
|
-
import { createComponent
|
|
3
|
-
import
|
|
4
|
-
import { Skeleton
|
|
5
|
-
var
|
|
1
|
+
import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
|
|
2
|
+
import { createComponent, sstyled, assignProps } from "@semcore/core";
|
|
3
|
+
import React from "react";
|
|
4
|
+
import { Skeleton } from "../Skeleton.mjs";
|
|
5
|
+
var styles = (
|
|
6
6
|
/*__reshadow_css_start__*/
|
|
7
|
-
(
|
|
7
|
+
(sstyled.insert(
|
|
8
8
|
/*__inner_css_start__*/
|
|
9
9
|
".___SChartSkeleton_18ujc_gg_{height:200px;width:100%;background-image:var(--bgPattern_18ujc)}.___SChartSkeleton_18ujc_gg_.__bgPosition_18ujc_gg_{background-position:var(--bgPosition_18ujc)}.___SChartSkeleton_18ujc_gg_.__bgSize_18ujc_gg_{background-size:var(--bgSize_18ujc)}.___SChartSkeleton_18ujc_gg_.__bgRepeat_18ujc_gg_{background-repeat:var(--bgRepeat_18ujc)}",
|
|
10
10
|
"18ujc_gg_"
|
|
11
11
|
), {
|
|
12
|
-
__SChartSkeleton: "___SChartSkeleton_18ujc_gg_",
|
|
12
|
+
"__SChartSkeleton": "___SChartSkeleton_18ujc_gg_",
|
|
13
13
|
"--bgPattern": "--bgPattern_18ujc",
|
|
14
|
-
_bgPosition: "__bgPosition_18ujc_gg_",
|
|
14
|
+
"_bgPosition": "__bgPosition_18ujc_gg_",
|
|
15
15
|
"--bgPosition": "--bgPosition_18ujc",
|
|
16
|
-
_bgSize: "__bgSize_18ujc_gg_",
|
|
16
|
+
"_bgSize": "__bgSize_18ujc_gg_",
|
|
17
17
|
"--bgSize": "--bgSize_18ujc",
|
|
18
|
-
_bgRepeat: "__bgRepeat_18ujc_gg_",
|
|
18
|
+
"_bgRepeat": "__bgRepeat_18ujc_gg_",
|
|
19
19
|
"--bgRepeat": "--bgRepeat_18ujc"
|
|
20
20
|
})
|
|
21
|
-
)
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
21
|
+
);
|
|
22
|
+
var scatterSvg = "PHN2ZyB3aWR0aD0iMzc2IiBoZWlnaHQ9IjExMCIgdmlld0JveD0iMCAwIDM3NiAxMTAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxnIGNsaXAtcGF0aD0idXJsKCNjbGlwMF8xMDMyOF8xNDY5NzkpIj4KPHBhdGggZD0iTTEwIDExMEMxNS41MjI4IDExMCAyMCAxMDUuNTIzIDIwIDEwMEMyMCA5NC40NzcyIDE1LjUyMjggOTAgMTAgOTBDNC40NzcxNSA5MCAwIDk0LjQ3NzIgMCAxMDBDMCAxMDUuNTIzIDQuNDc3MTUgMTEwIDEwIDExMFoiIGZpbGw9IiNFMEUxRTkiIGZpbGwtb3BhY2l0eT0iMC44Ii8+CjxwYXRoIGQ9Ik0xMjkgNzJDMTM0LjUyMyA3MiAxMzkgNjcuNTIyOCAxMzkgNjJDMTM5IDU2LjQ3NzIgMTM0LjUyMyA1MiAxMjkgNTJDMTIzLjQ3NyA1MiAxMTkgNTYuNDc3MiAxMTkgNjJDMTE5IDY3LjUyMjggMTIzLjQ3NyA3MiAxMjkgNzJaIiBmaWxsPSIjRTBFMUU5IiBmaWxsLW9wYWNpdHk9IjAuOCIvPgo8cGF0aCBkPSJNMTg4IDk2QzE5My41MjMgOTYgMTk4IDkxLjUyMjggMTk4IDg2QzE5OCA4MC40NzcyIDE5My41MjMgNzYgMTg4IDc2QzE4Mi40NzcgNzYgMTc4IDgwLjQ3NzIgMTc4IDg2QzE3OCA5MS41MjI4IDE4Mi40NzcgOTYgMTg4IDk2WiIgZmlsbD0iI0UwRTFFOSIgZmlsbC1vcGFjaXR5PSIwLjgiLz4KPHBhdGggZD0iTTM2NiAyMEMzNzEuNTIzIDIwIDM3NiAxNS41MjI4IDM3NiAxMEMzNzYgNC40NzcxNSAzNzEuNTIzIDAgMzY2IDBDMzYwLjQ3NyAwIDM1NiA0LjQ3NzE1IDM1NiAxMEMzNTYgMTUuNTIyOCAzNjAuNDc3IDIwIDM2NiAyMFoiIGZpbGw9IiNFMEUxRTkiIGZpbGwtb3BhY2l0eT0iMC44Ii8+CjxwYXRoIGQ9Ik03MCA1NEM3NS41MjI4IDU0IDgwIDQ5LjUyMjggODAgNDRDODAgMzguNDc3MiA3NS41MjI4IDM0IDcwIDM0QzY0LjQ3NzIgMzQgNjAgMzguNDc3MiA2MCA0NEM2MCA0OS41MjI4IDY0LjQ3NzIgNTQgNzAgNTRaIiBmaWxsPSIjRTBFMUU5IiBmaWxsLW9wYWNpdHk9IjAuOCIvPgo8cGF0aCBkPSJNMjQ3IDYyQzI1Mi41MjMgNjIgMjU3IDU3LjUyMjggMjU3IDUyQzI1NyA0Ni40NzcyIDI1Mi41MjMgNDIgMjQ3IDQyQzI0MS40NzcgNDIgMjM3IDQ2LjQ3NzIgMjM3IDUyQzIzNyA1Ny41MjI4IDI0MS40NzcgNjIgMjQ3IDYyWiIgZmlsbD0iI0UwRTFFOSIgZmlsbC1vcGFjaXR5PSIwLjgiLz4KPHBhdGggZD0iTTMwNiA3MEMzMTEuNTIzIDcwIDMxNiA2NS41MjI4IDMxNiA2MEMzMTYgNTQuNDc3MiAzMTEuNTIzIDUwIDMwNiA1MEMzMDAuNDc3IDUwIDI5NiA1NC40NzcyIDI5NiA2MEMyOTYgNjUuNTIyOCAzMDAuNDc3IDcwIDMwNiA3MFoiIGZpbGw9IiNFMEUxRTkiIGZpbGwtb3BhY2l0eT0iMC44Ii8+CjwvZz4KPGRlZnM+CjxjbGlwUGF0aCBpZD0iY2xpcDBfMTAzMjhfMTQ2OTc5Ij4KPHJlY3Qgd2lkdGg9IjM3NiIgaGVpZ2h0PSIxMTAiIGZpbGw9IndoaXRlIi8+CjwvY2xpcFBhdGg+CjwvZGVmcz4KPC9zdmc+Cg==";
|
|
23
|
+
var ScatterPlotChartSkeleton = function ScatterPlotChartSkeleton2() {
|
|
24
|
+
var _ref = arguments[0], _ref2;
|
|
25
|
+
var SChartSkeleton = Skeleton;
|
|
26
|
+
return _ref2 = sstyled(styles), /* @__PURE__ */ React.createElement(SChartSkeleton, _ref2.cn("SChartSkeleton", _objectSpread({}, assignProps({
|
|
27
|
+
"bgRepeat": "repeat-x",
|
|
28
|
+
"bgPosition": "left center",
|
|
29
|
+
"bgSize": "auto 50%",
|
|
30
|
+
"bgPattern": "url(data:image/svg+xml;base64,".concat(scatterSvg, ")")
|
|
31
|
+
}, _ref))));
|
|
29
32
|
};
|
|
30
|
-
const
|
|
33
|
+
const ScatterPlot = createComponent(ScatterPlotChartSkeleton);
|
|
31
34
|
export {
|
|
32
|
-
|
|
35
|
+
ScatterPlot as default
|
|
33
36
|
};
|
package/lib/esm/Charts/Venn.mjs
CHANGED
|
@@ -1,33 +1,36 @@
|
|
|
1
|
-
import
|
|
2
|
-
import { createComponent
|
|
3
|
-
import
|
|
4
|
-
import { Skeleton
|
|
5
|
-
var
|
|
1
|
+
import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
|
|
2
|
+
import { createComponent, sstyled, assignProps } from "@semcore/core";
|
|
3
|
+
import React from "react";
|
|
4
|
+
import { Skeleton } from "../Skeleton.mjs";
|
|
5
|
+
var styles = (
|
|
6
6
|
/*__reshadow_css_start__*/
|
|
7
|
-
(
|
|
7
|
+
(sstyled.insert(
|
|
8
8
|
/*__inner_css_start__*/
|
|
9
9
|
".___SChartSkeleton_18ujc_gg_{height:200px;width:100%;background-image:var(--bgPattern_18ujc)}.___SChartSkeleton_18ujc_gg_.__bgPosition_18ujc_gg_{background-position:var(--bgPosition_18ujc)}.___SChartSkeleton_18ujc_gg_.__bgSize_18ujc_gg_{background-size:var(--bgSize_18ujc)}.___SChartSkeleton_18ujc_gg_.__bgRepeat_18ujc_gg_{background-repeat:var(--bgRepeat_18ujc)}",
|
|
10
10
|
"18ujc_gg_"
|
|
11
11
|
), {
|
|
12
|
-
__SChartSkeleton: "___SChartSkeleton_18ujc_gg_",
|
|
12
|
+
"__SChartSkeleton": "___SChartSkeleton_18ujc_gg_",
|
|
13
13
|
"--bgPattern": "--bgPattern_18ujc",
|
|
14
|
-
_bgPosition: "__bgPosition_18ujc_gg_",
|
|
14
|
+
"_bgPosition": "__bgPosition_18ujc_gg_",
|
|
15
15
|
"--bgPosition": "--bgPosition_18ujc",
|
|
16
|
-
_bgSize: "__bgSize_18ujc_gg_",
|
|
16
|
+
"_bgSize": "__bgSize_18ujc_gg_",
|
|
17
17
|
"--bgSize": "--bgSize_18ujc",
|
|
18
|
-
_bgRepeat: "__bgRepeat_18ujc_gg_",
|
|
18
|
+
"_bgRepeat": "__bgRepeat_18ujc_gg_",
|
|
19
19
|
"--bgRepeat": "--bgRepeat_18ujc"
|
|
20
20
|
})
|
|
21
|
-
)
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
21
|
+
);
|
|
22
|
+
var vennSvg = "PHN2ZyB3aWR0aD0iMjAwIiBoZWlnaHQ9IjE4MCIgdmlld0JveD0iMCAwIDIwMCAxODAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxnIGlkPSJwYXJhZ3JhcGg9ZmFsc2UsIGNoYXJ0IHR5cGU9dmVubiBjaGFydCwgcGljdHVyZSBkaXY9ZmFsc2UiPgo8ZyBpZD0ic2tlbGV0b24tdmVubiIgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzEwMzI4XzE0Njk4OSkiPgo8cGF0aCBpZD0iU2hhcGUiIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNNzcuNzc3OCA5MEM3Ny43Nzc4IDcxLjA1NzQgODYuNDI3NyA1NC4xMzE1IDEwMCA0Mi45NDMxQzExMy41NzIgNTQuMTMxNSAxMjIuMjIyIDcxLjA1NzQgMTIyLjIyMiA5MEMxMjIuMjIyIDEwOC45NDMgMTEzLjU3MiAxMjUuODY5IDEwMCAxMzcuMDU3Qzg2LjQyNzcgMTI1Ljg2OSA3Ny43Nzc4IDEwOC45NDMgNzcuNzc3OCA5MFpNMTAwIDEzNy4wNTdDMTEwLjU2NiAxNDUuNzY3IDEyNC4xMTUgMTUxIDEzOC44ODkgMTUxQzE3Mi42NCAxNTEgMjAwIDEyMy42ODkgMjAwIDkwQzIwMCA1Ni4zMTA2IDE3Mi42NCAyOSAxMzguODg5IDI5QzEyNC4xMTUgMjkgMTEwLjU2NiAzNC4yMzI5IDEwMCA0Mi45NDMxQzg5LjQzNCAzNC4yMzI5IDc1Ljg4NDggMjkgNjEuMTExMSAyOUMyNy4zNjA0IDI5IDAgNTYuMzEwNiAwIDkwQzAgMTIzLjY4OSAyNy4zNjA0IDE1MSA2MS4xMTExIDE1MUM3NS44ODQ4IDE1MSA4OS40MzQgMTQ1Ljc2NyAxMDAgMTM3LjA1N1oiIGZpbGw9IiNFMEUxRTkiIGZpbGwtb3BhY2l0eT0iMC44Ii8+CjxwYXRoIGlkPSJQYXRoIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTEwMCA0M0MxMTMuNDM3IDU0LjE3NDkgMTIyIDcxLjA4MDMgMTIyIDkwQzEyMiAxMDguOTIgMTEzLjQzNyAxMjUuODI1IDEwMCAxMzdDODYuNTYzNSAxMjUuODI1IDc4IDEwOC45MiA3OCA5MEM3OCA3MS4wODAzIDg2LjU2MzUgNTQuMTc0OSAxMDAgNDNWNDNaIiBmaWxsPSIjRTBFMUU5IiBmaWxsLW9wYWNpdHk9IjAuOCIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSI0Ii8+CjwvZz4KPC9nPgo8ZGVmcz4KPGNsaXBQYXRoIGlkPSJjbGlwMF8xMDMyOF8xNDY5ODkiPgo8cmVjdCB3aWR0aD0iMjAwIiBoZWlnaHQ9IjEyMiIgZmlsbD0id2hpdGUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAgMjkpIi8+CjwvY2xpcFBhdGg+CjwvZGVmcz4KPC9zdmc+Cg==";
|
|
23
|
+
var VennChartSkeleton = function VennChartSkeleton2() {
|
|
24
|
+
var _ref = arguments[0], _ref2;
|
|
25
|
+
var SChartSkeleton = Skeleton;
|
|
26
|
+
return _ref2 = sstyled(styles), /* @__PURE__ */ React.createElement(SChartSkeleton, _ref2.cn("SChartSkeleton", _objectSpread({}, assignProps({
|
|
27
|
+
"bgRepeat": "no-repeat",
|
|
28
|
+
"bgPosition": "center",
|
|
29
|
+
"bgSize": "contain",
|
|
30
|
+
"bgPattern": "url(data:image/svg+xml;base64,".concat(vennSvg, ")")
|
|
31
|
+
}, _ref))));
|
|
29
32
|
};
|
|
30
|
-
const
|
|
33
|
+
const Venn = createComponent(VennChartSkeleton);
|
|
31
34
|
export {
|
|
32
|
-
|
|
35
|
+
Venn as default
|
|
33
36
|
};
|
package/lib/esm/Skeleton.mjs
CHANGED
|
@@ -1,152 +1,176 @@
|
|
|
1
|
-
import
|
|
2
|
-
import
|
|
3
|
-
import
|
|
4
|
-
import
|
|
5
|
-
import
|
|
6
|
-
import
|
|
7
|
-
import
|
|
8
|
-
import
|
|
9
|
-
import
|
|
10
|
-
import { createComponent
|
|
11
|
-
import
|
|
12
|
-
import { Box
|
|
13
|
-
import
|
|
14
|
-
import
|
|
15
|
-
import
|
|
16
|
-
import { localizedMessages
|
|
17
|
-
var
|
|
1
|
+
import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
|
|
2
|
+
import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
|
|
3
|
+
import _assertThisInitialized from "@babel/runtime/helpers/esm/assertThisInitialized";
|
|
4
|
+
import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
|
|
5
|
+
import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
|
|
6
|
+
import _createClass from "@babel/runtime/helpers/esm/createClass";
|
|
7
|
+
import _inherits from "@babel/runtime/helpers/esm/inherits";
|
|
8
|
+
import _createSuper from "@babel/runtime/helpers/esm/createSuper";
|
|
9
|
+
import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
|
|
10
|
+
import { createComponent, sstyled, assignProps, Component } from "@semcore/core";
|
|
11
|
+
import React from "react";
|
|
12
|
+
import { Box } from "@semcore/flex-box";
|
|
13
|
+
import uniqueIDEnhancement from "@semcore/core/lib/utils/uniqueID";
|
|
14
|
+
import canUseDOM from "@semcore/core/lib/utils/canUseDOM";
|
|
15
|
+
import i18nEnhance from "@semcore/core/lib/utils/enhances/i18nEnhance";
|
|
16
|
+
import { localizedMessages } from "./translations/__intergalactic-dynamic-locales.mjs";
|
|
17
|
+
var _excluded = ["y", "x", "amount", "width", "styles", "forwardRef"];
|
|
18
|
+
var style = (
|
|
18
19
|
/*__reshadow_css_start__*/
|
|
19
|
-
(
|
|
20
|
+
(sstyled.insert(
|
|
20
21
|
/*__inner_css_start__*/
|
|
21
22
|
"@keyframes pulse_1aad7{0%,to{opacity:1}50%{opacity:.4}}.___SSkeleton_1aad7_gg_{animation-name:pulse_1aad7;animation-iteration-count:infinite;animation-timing-function:ease-in-out;animation-duration:var(--durationAnim_1aad7);will-change:opacity}.___SSkeletonSVG_1aad7_gg_._theme_invert_1aad7_gg_{fill:var(--intergalactic-skeleton-bg, rgba(224, 225, 233, 0.8))}.___SSkeletonSVG_1aad7_gg_._theme_dark_1aad7_gg_{fill:var(--intergalactic-skeleton-bg-invert, rgba(255, 255, 255, 0.3))}.___SText_1aad7_gg_{box-sizing:border-box}@media (prefers-reduced-motion){.___SSkeleton_1aad7_gg_{animation-name:none}}",
|
|
22
23
|
"1aad7_gg_"
|
|
23
24
|
), {
|
|
24
|
-
__SSkeleton: "___SSkeleton_1aad7_gg_",
|
|
25
|
+
"__SSkeleton": "___SSkeleton_1aad7_gg_",
|
|
25
26
|
"--durationAnim": "--durationAnim_1aad7",
|
|
26
27
|
"@pulse": "pulse_1aad7",
|
|
27
|
-
__SSkeletonSVG: "___SSkeletonSVG_1aad7_gg_",
|
|
28
|
-
_theme_invert: "_theme_invert_1aad7_gg_",
|
|
29
|
-
_theme_dark: "_theme_dark_1aad7_gg_",
|
|
30
|
-
__SText: "___SText_1aad7_gg_"
|
|
28
|
+
"__SSkeletonSVG": "___SSkeletonSVG_1aad7_gg_",
|
|
29
|
+
"_theme_invert": "_theme_invert_1aad7_gg_",
|
|
30
|
+
"_theme_dark": "_theme_dark_1aad7_gg_",
|
|
31
|
+
"__SText": "___SText_1aad7_gg_"
|
|
31
32
|
})
|
|
32
|
-
)
|
|
33
|
+
);
|
|
34
|
+
var MAP_COLOR_THEME = {
|
|
33
35
|
dark: "rgba(255, 255, 255, 0.3)",
|
|
34
36
|
invert: "rgba(224, 225, 233, 0.8)"
|
|
35
|
-
}
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
37
|
+
};
|
|
38
|
+
var SkeletonRoot = /* @__PURE__ */ function(_Component) {
|
|
39
|
+
_inherits(SkeletonRoot2, _Component);
|
|
40
|
+
var _super = _createSuper(SkeletonRoot2);
|
|
41
|
+
function SkeletonRoot2() {
|
|
42
|
+
_classCallCheck(this, SkeletonRoot2);
|
|
43
|
+
return _super.apply(this, arguments);
|
|
40
44
|
}
|
|
41
|
-
|
|
45
|
+
_createClass(SkeletonRoot2, [{
|
|
42
46
|
key: "render",
|
|
43
|
-
value: function() {
|
|
44
|
-
var
|
|
45
|
-
|
|
46
|
-
var
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
},
|
|
47
|
+
value: function render() {
|
|
48
|
+
var _ref = this.asProps, _ref3;
|
|
49
|
+
var SSkeleton = Box;
|
|
50
|
+
var _this$asProps = this.asProps;
|
|
51
|
+
_this$asProps.Children;
|
|
52
|
+
var styles = _this$asProps.styles, duration = _this$asProps.duration, hidden = _this$asProps.hidden, getI18nText = _this$asProps.getI18nText;
|
|
53
|
+
_this$asProps.tag;
|
|
54
|
+
if (hidden) return null;
|
|
55
|
+
return _ref3 = sstyled(styles), /* @__PURE__ */ React.createElement(SSkeleton, _ref3.cn("SSkeleton", _objectSpread({}, assignProps({
|
|
56
|
+
"durationAnim": "".concat(duration, "ms"),
|
|
57
|
+
"role": "img",
|
|
58
|
+
"aria-label": getI18nText("loading")
|
|
59
|
+
}, _ref))));
|
|
52
60
|
}
|
|
53
|
-
}])
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
61
|
+
}]);
|
|
62
|
+
return SkeletonRoot2;
|
|
63
|
+
}(Component);
|
|
64
|
+
_defineProperty(SkeletonRoot, "displayName", "Skeleton");
|
|
65
|
+
_defineProperty(SkeletonRoot, "style", style);
|
|
66
|
+
_defineProperty(SkeletonRoot, "enhance", [i18nEnhance(localizedMessages)]);
|
|
67
|
+
_defineProperty(SkeletonRoot, "defaultProps", {
|
|
59
68
|
width: "100%",
|
|
60
69
|
height: "100%",
|
|
61
70
|
duration: 2e3
|
|
62
71
|
});
|
|
63
|
-
var
|
|
64
|
-
|
|
65
|
-
var
|
|
66
|
-
function
|
|
67
|
-
var
|
|
68
|
-
|
|
72
|
+
var SkeletonSVG = /* @__PURE__ */ function(_Component2) {
|
|
73
|
+
_inherits(SkeletonSVG2, _Component2);
|
|
74
|
+
var _super2 = _createSuper(SkeletonSVG2);
|
|
75
|
+
function SkeletonSVG2(props) {
|
|
76
|
+
var _this;
|
|
77
|
+
_classCallCheck(this, SkeletonSVG2);
|
|
78
|
+
_this = _super2.call(this, props);
|
|
79
|
+
_defineProperty(_assertThisInitialized(_this), "svgRef", /* @__PURE__ */ React.createRef());
|
|
80
|
+
if (canUseDOM() && props.observeParentSize) {
|
|
81
|
+
_this.observer = new ResizeObserver(_this.handleResize.bind(_assertThisInitialized(_this)));
|
|
82
|
+
}
|
|
83
|
+
return _this;
|
|
69
84
|
}
|
|
70
|
-
|
|
85
|
+
_createClass(SkeletonSVG2, [{
|
|
71
86
|
key: "componentDidMount",
|
|
72
|
-
value: function() {
|
|
73
|
-
var
|
|
74
|
-
(
|
|
87
|
+
value: function componentDidMount() {
|
|
88
|
+
var _this$observer, _this$svgRef$current;
|
|
89
|
+
(_this$observer = this.observer) === null || _this$observer === void 0 ? void 0 : _this$observer.observe((_this$svgRef$current = this.svgRef.current) === null || _this$svgRef$current === void 0 ? void 0 : _this$svgRef$current.parentElement);
|
|
75
90
|
}
|
|
76
91
|
}, {
|
|
77
92
|
key: "componentWillUnmount",
|
|
78
|
-
value: function() {
|
|
79
|
-
var
|
|
80
|
-
(
|
|
93
|
+
value: function componentWillUnmount() {
|
|
94
|
+
var _this$observer2;
|
|
95
|
+
(_this$observer2 = this.observer) === null || _this$observer2 === void 0 ? void 0 : _this$observer2.disconnect();
|
|
81
96
|
}
|
|
82
97
|
}, {
|
|
83
98
|
key: "handleResize",
|
|
84
|
-
value: function(
|
|
85
|
-
var
|
|
86
|
-
|
|
99
|
+
value: function handleResize(data) {
|
|
100
|
+
var target = data[0].target;
|
|
101
|
+
var svg = this.svgRef.current;
|
|
102
|
+
if (target && svg) {
|
|
103
|
+
svg.setAttribute("width", "100%");
|
|
104
|
+
}
|
|
87
105
|
}
|
|
88
106
|
}, {
|
|
89
107
|
key: "setContext",
|
|
90
|
-
value: function() {
|
|
91
|
-
var
|
|
108
|
+
value: function setContext() {
|
|
109
|
+
var theme = this.asProps.theme;
|
|
92
110
|
return {
|
|
93
|
-
gradientUrl:
|
|
111
|
+
gradientUrl: MAP_COLOR_THEME[theme]
|
|
94
112
|
};
|
|
95
113
|
}
|
|
96
114
|
}, {
|
|
97
115
|
key: "render",
|
|
98
|
-
value: function() {
|
|
99
|
-
var
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
}), /* @__PURE__ */
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
116
|
+
value: function render() {
|
|
117
|
+
var _ref2 = this.asProps, _ref4;
|
|
118
|
+
var _this$asProps2 = this.asProps, Children = _this$asProps2.Children, styles = _this$asProps2.styles, uid = _this$asProps2.uid, theme = _this$asProps2.theme, duration = _this$asProps2.duration;
|
|
119
|
+
var SSkeletonSVG = Skeleton;
|
|
120
|
+
return _ref4 = sstyled(styles), /* @__PURE__ */ React.createElement(SSkeletonSVG, _ref4.cn("SSkeletonSVG", _objectSpread({}, assignProps({
|
|
121
|
+
"tag": "svg",
|
|
122
|
+
"ref": this.svgRef,
|
|
123
|
+
"preserveAspectRatio": "none",
|
|
124
|
+
"theme": theme,
|
|
125
|
+
"durationAnim": "".concat(duration, "ms")
|
|
126
|
+
}, _ref2))), /* @__PURE__ */ React.createElement("defs", _ref4.cn("defs", {}), /* @__PURE__ */ React.createElement("mask", _ref4.cn("mask", {
|
|
127
|
+
"id": uid
|
|
128
|
+
}), /* @__PURE__ */ React.createElement(Children, _ref4.cn("Children", {})))), /* @__PURE__ */ React.createElement("rect", _ref4.cn("rect", {
|
|
129
|
+
"x": "0",
|
|
130
|
+
"y": "0",
|
|
131
|
+
"width": "100%",
|
|
132
|
+
"height": "100%",
|
|
133
|
+
"mask": "url(#".concat(uid, ")")
|
|
114
134
|
})));
|
|
115
135
|
}
|
|
116
|
-
}])
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
136
|
+
}]);
|
|
137
|
+
return SkeletonSVG2;
|
|
138
|
+
}(Component);
|
|
139
|
+
_defineProperty(SkeletonSVG, "displayName", "SkeletonSVG");
|
|
140
|
+
_defineProperty(SkeletonSVG, "enhance", [uniqueIDEnhancement()]);
|
|
141
|
+
_defineProperty(SkeletonSVG, "style", style);
|
|
142
|
+
_defineProperty(SkeletonSVG, "defaultProps", {
|
|
122
143
|
theme: "invert",
|
|
123
144
|
duration: 2e3
|
|
124
145
|
});
|
|
125
|
-
function
|
|
126
|
-
var
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
|
|
146
|
+
function Text(props) {
|
|
147
|
+
var SText = Box;
|
|
148
|
+
var _props$y = props.y, y = _props$y === void 0 ? 0 : _props$y, _props$x = props.x, x = _props$x === void 0 ? 0 : _props$x, _props$amount = props.amount, amount = _props$amount === void 0 ? 1 : _props$amount, _props$width = props.width, width = _props$width === void 0 ? "100%" : _props$width, styles = props.styles, forwardRef = props.forwardRef, other = _objectWithoutProperties(props, _excluded);
|
|
149
|
+
var amountLine = Number(amount);
|
|
150
|
+
var renderRect = function renderRect2(props2) {
|
|
151
|
+
var _ref5;
|
|
152
|
+
return _ref5 = sstyled(styles), /* @__PURE__ */ React.createElement(SText, _ref5.cn("SText", _objectSpread({
|
|
153
|
+
"tag": "rect",
|
|
154
|
+
"rx": "4",
|
|
155
|
+
"ry": "4",
|
|
156
|
+
"height": "8"
|
|
157
|
+
}, props2)));
|
|
134
158
|
};
|
|
135
|
-
return /* @__PURE__ */
|
|
136
|
-
return
|
|
137
|
-
key:
|
|
138
|
-
y:
|
|
139
|
-
x
|
|
140
|
-
ref:
|
|
141
|
-
width
|
|
142
|
-
},
|
|
159
|
+
return /* @__PURE__ */ React.createElement(React.Fragment, null, _toConsumableArray(Array(amountLine)).map(function(el, index) {
|
|
160
|
+
return renderRect(_objectSpread({
|
|
161
|
+
key: index,
|
|
162
|
+
y: y || 20 * index,
|
|
163
|
+
x,
|
|
164
|
+
ref: forwardRef,
|
|
165
|
+
width
|
|
166
|
+
}, other));
|
|
143
167
|
}));
|
|
144
168
|
}
|
|
145
|
-
var
|
|
146
|
-
const
|
|
147
|
-
Text
|
|
169
|
+
var Skeleton = createComponent(SkeletonRoot);
|
|
170
|
+
const Skeleton$1 = createComponent(SkeletonSVG, {
|
|
171
|
+
Text
|
|
148
172
|
});
|
|
149
173
|
export {
|
|
150
|
-
|
|
151
|
-
|
|
174
|
+
Skeleton,
|
|
175
|
+
Skeleton$1 as default
|
|
152
176
|
};
|
package/lib/esm/index.mjs
CHANGED
|
@@ -1,24 +1,24 @@
|
|
|
1
|
-
import { default as
|
|
2
|
-
import { default as
|
|
3
|
-
import { default as
|
|
4
|
-
import { default as
|
|
5
|
-
import { default as
|
|
6
|
-
import { default as
|
|
7
|
-
import { default as
|
|
8
|
-
import { default as
|
|
9
|
-
import { default as
|
|
10
|
-
import { default as
|
|
11
|
-
import { default as
|
|
1
|
+
import { default as default2 } from "./Skeleton.mjs";
|
|
2
|
+
import { default as default3 } from "./Charts/Histogram.mjs";
|
|
3
|
+
import { default as default4 } from "./Charts/Donut.mjs";
|
|
4
|
+
import { default as default5 } from "./Charts/Bar.mjs";
|
|
5
|
+
import { default as default6 } from "./Charts/CompactHorizontalBar.mjs";
|
|
6
|
+
import { default as default7 } from "./Charts/Area.mjs";
|
|
7
|
+
import { default as default8 } from "./Charts/Line.mjs";
|
|
8
|
+
import { default as default9 } from "./Charts/Venn.mjs";
|
|
9
|
+
import { default as default10 } from "./Charts/ScatterPlot.mjs";
|
|
10
|
+
import { default as default11 } from "./Charts/Bubble.mjs";
|
|
11
|
+
import { default as default12 } from "./Charts/RadialTree.mjs";
|
|
12
12
|
export {
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
13
|
+
default7 as AreaChartSkeleton,
|
|
14
|
+
default5 as BarChartSkeleton,
|
|
15
|
+
default11 as BubbleChartSkeleton,
|
|
16
|
+
default6 as CompactHorizontalBarChartSkeleton,
|
|
17
|
+
default4 as DonutChartSkeleton,
|
|
18
|
+
default3 as HistogramChartSkeleton,
|
|
19
|
+
default8 as LineChartSkeleton,
|
|
20
|
+
default12 as RadialTreeChartSkeleton,
|
|
21
|
+
default10 as ScatterPlotChartSkeleton,
|
|
22
|
+
default9 as VennChartSkeleton,
|
|
23
|
+
default2 as default
|
|
24
24
|
};
|
|
@@ -1,33 +1,33 @@
|
|
|
1
|
-
import
|
|
2
|
-
import
|
|
3
|
-
import
|
|
4
|
-
import
|
|
5
|
-
import
|
|
6
|
-
import
|
|
7
|
-
import
|
|
8
|
-
import
|
|
9
|
-
import
|
|
10
|
-
import
|
|
11
|
-
import
|
|
12
|
-
import
|
|
13
|
-
import
|
|
14
|
-
import
|
|
15
|
-
var
|
|
16
|
-
de
|
|
17
|
-
en
|
|
18
|
-
es
|
|
19
|
-
fr
|
|
20
|
-
it
|
|
21
|
-
ja
|
|
22
|
-
ko
|
|
23
|
-
nl
|
|
24
|
-
pt
|
|
25
|
-
tr
|
|
26
|
-
vi
|
|
27
|
-
zh
|
|
28
|
-
pl
|
|
29
|
-
sv
|
|
1
|
+
import de from "./de.json.mjs";
|
|
2
|
+
import en from "./en.json.mjs";
|
|
3
|
+
import es from "./es.json.mjs";
|
|
4
|
+
import fr from "./fr.json.mjs";
|
|
5
|
+
import it from "./it.json.mjs";
|
|
6
|
+
import ja from "./ja.json.mjs";
|
|
7
|
+
import ko from "./ko.json.mjs";
|
|
8
|
+
import nl from "./nl.json.mjs";
|
|
9
|
+
import pt from "./pt.json.mjs";
|
|
10
|
+
import tr from "./tr.json.mjs";
|
|
11
|
+
import vi from "./vi.json.mjs";
|
|
12
|
+
import zh from "./zh.json.mjs";
|
|
13
|
+
import pl from "./pl.json.mjs";
|
|
14
|
+
import sv from "./sv.json.mjs";
|
|
15
|
+
var localizedMessages = {
|
|
16
|
+
de,
|
|
17
|
+
en,
|
|
18
|
+
es,
|
|
19
|
+
fr,
|
|
20
|
+
it,
|
|
21
|
+
ja,
|
|
22
|
+
ko,
|
|
23
|
+
nl,
|
|
24
|
+
pt,
|
|
25
|
+
tr,
|
|
26
|
+
vi,
|
|
27
|
+
zh,
|
|
28
|
+
pl,
|
|
29
|
+
sv
|
|
30
30
|
};
|
|
31
31
|
export {
|
|
32
|
-
|
|
32
|
+
localizedMessages
|
|
33
33
|
};
|