@semcore/skeleton 5.43.0-prerelease.1 → 5.43.0-prerelease.5
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/cjs/Skeleton.js +46 -56
- 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/Area/Area.js +47 -0
- 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 +40 -37
- 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 +18 -20
- 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 +18 -20
- 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 +31 -30
- 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 +40 -37
- 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 +26 -25
- 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 +18 -20
- 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 +18 -20
- 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 +18 -20
- 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 +207 -6
- package/lib/cjs/index.js.map +1 -1
- package/lib/cjs/translations/__intergalactic-dynamic-locales.js +4 -5
- package/lib/cjs/translations/__intergalactic-dynamic-locales.js.map +1 -1
- package/lib/es6/Skeleton.js +43 -49
- 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/Area/Area.js +42 -0
- 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 +39 -33
- 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 +17 -16
- 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 +17 -16
- 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 +30 -26
- 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 +39 -33
- 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 +25 -21
- 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 +17 -16
- 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 +17 -16
- 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 +17 -16
- 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/es6/translations/__intergalactic-dynamic-locales.js +2 -2
- package/lib/es6/translations/__intergalactic-dynamic-locales.js.map +1 -1
- package/lib/esm/Skeleton.mjs +51 -59
- package/lib/esm/Skeleton.type.mjs +1 -0
- package/lib/esm/charts/Area/Area.mjs +44 -0
- package/lib/esm/charts/Area/Area.type.mjs +1 -0
- package/lib/esm/{Charts → charts/Bar}/Bar.mjs +36 -34
- package/lib/esm/charts/Bar/Bar.type.mjs +1 -0
- package/lib/esm/{Charts → charts/Bubble}/Bubble.mjs +16 -17
- package/lib/esm/charts/Bubble/Bubble.type.mjs +1 -0
- package/lib/esm/{Charts → charts/CompactHorizontalBar}/CompactHorizontalBar.mjs +16 -17
- package/lib/esm/charts/CompactHorizontalBar/CompactHorizontalBar.type.mjs +1 -0
- package/lib/esm/{Charts → charts/Donut}/Donut.mjs +27 -27
- package/lib/esm/charts/Donut/Donut.type.mjs +1 -0
- package/lib/esm/{Charts → charts/Histogram}/Histogram.mjs +36 -34
- package/lib/esm/charts/Histogram/Histogram.type.mjs +1 -0
- package/lib/esm/{Charts → charts/Line}/Line.mjs +22 -22
- package/lib/esm/charts/Line/Line.type.mjs +1 -0
- package/lib/esm/{Charts → charts/RadialTree}/RadialTree.mjs +16 -17
- package/lib/esm/charts/RadialTree/RadialTree.type.mjs +1 -0
- package/lib/esm/{Charts → charts/ScatterPlot}/ScatterPlot.mjs +16 -17
- package/lib/esm/charts/ScatterPlot/ScatterPlot.type.mjs +1 -0
- package/lib/esm/{Charts → charts/Venn}/Venn.mjs +16 -17
- package/lib/esm/charts/Venn/Venn.type.mjs +1 -0
- package/lib/esm/index.mjs +30 -19
- package/lib/esm/translations/__intergalactic-dynamic-locales.mjs +2 -2
- 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 -96
- package/lib/types/translations/__intergalactic-dynamic-locales.d.ts +44 -0
- package/package.json +4 -4
- package/lib/cjs/Charts/Area.js +0 -47
- 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 +0 -39
- 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/Area.mjs +0 -45
package/lib/cjs/index.js
CHANGED
|
@@ -1,10 +1,81 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
|
|
4
4
|
Object.defineProperty(exports, "__esModule", {
|
|
5
5
|
value: true
|
|
6
6
|
});
|
|
7
|
-
var _exportNames = {
|
|
7
|
+
var _exportNames = {
|
|
8
|
+
AreaChartSkeleton: true,
|
|
9
|
+
BarChartSkeleton: true,
|
|
10
|
+
BubbleChartSkeleton: true,
|
|
11
|
+
CompactHorizontalBarChartSkeleton: true,
|
|
12
|
+
DonutChartSkeleton: true,
|
|
13
|
+
HistogramChartSkeleton: true,
|
|
14
|
+
LineChartSkeleton: true,
|
|
15
|
+
RadialTreeChartSkeleton: true,
|
|
16
|
+
ScatterPlotChartSkeleton: true,
|
|
17
|
+
VennChartSkeleton: true
|
|
18
|
+
};
|
|
19
|
+
Object.defineProperty(exports, "AreaChartSkeleton", {
|
|
20
|
+
enumerable: true,
|
|
21
|
+
get: function get() {
|
|
22
|
+
return _Area["default"];
|
|
23
|
+
}
|
|
24
|
+
});
|
|
25
|
+
Object.defineProperty(exports, "BarChartSkeleton", {
|
|
26
|
+
enumerable: true,
|
|
27
|
+
get: function get() {
|
|
28
|
+
return _Bar["default"];
|
|
29
|
+
}
|
|
30
|
+
});
|
|
31
|
+
Object.defineProperty(exports, "BubbleChartSkeleton", {
|
|
32
|
+
enumerable: true,
|
|
33
|
+
get: function get() {
|
|
34
|
+
return _Bubble["default"];
|
|
35
|
+
}
|
|
36
|
+
});
|
|
37
|
+
Object.defineProperty(exports, "CompactHorizontalBarChartSkeleton", {
|
|
38
|
+
enumerable: true,
|
|
39
|
+
get: function get() {
|
|
40
|
+
return _CompactHorizontalBar["default"];
|
|
41
|
+
}
|
|
42
|
+
});
|
|
43
|
+
Object.defineProperty(exports, "DonutChartSkeleton", {
|
|
44
|
+
enumerable: true,
|
|
45
|
+
get: function get() {
|
|
46
|
+
return _Donut["default"];
|
|
47
|
+
}
|
|
48
|
+
});
|
|
49
|
+
Object.defineProperty(exports, "HistogramChartSkeleton", {
|
|
50
|
+
enumerable: true,
|
|
51
|
+
get: function get() {
|
|
52
|
+
return _Histogram["default"];
|
|
53
|
+
}
|
|
54
|
+
});
|
|
55
|
+
Object.defineProperty(exports, "LineChartSkeleton", {
|
|
56
|
+
enumerable: true,
|
|
57
|
+
get: function get() {
|
|
58
|
+
return _Line["default"];
|
|
59
|
+
}
|
|
60
|
+
});
|
|
61
|
+
Object.defineProperty(exports, "RadialTreeChartSkeleton", {
|
|
62
|
+
enumerable: true,
|
|
63
|
+
get: function get() {
|
|
64
|
+
return _RadialTree["default"];
|
|
65
|
+
}
|
|
66
|
+
});
|
|
67
|
+
Object.defineProperty(exports, "ScatterPlotChartSkeleton", {
|
|
68
|
+
enumerable: true,
|
|
69
|
+
get: function get() {
|
|
70
|
+
return _ScatterPlot["default"];
|
|
71
|
+
}
|
|
72
|
+
});
|
|
73
|
+
Object.defineProperty(exports, "VennChartSkeleton", {
|
|
74
|
+
enumerable: true,
|
|
75
|
+
get: function get() {
|
|
76
|
+
return _Venn["default"];
|
|
77
|
+
}
|
|
78
|
+
});
|
|
8
79
|
Object.defineProperty(exports, "default", {
|
|
9
80
|
enumerable: true,
|
|
10
81
|
get: function get() {
|
|
@@ -12,15 +83,145 @@ Object.defineProperty(exports, "default", {
|
|
|
12
83
|
}
|
|
13
84
|
});
|
|
14
85
|
var _Skeleton = _interopRequireDefault(require("./Skeleton"));
|
|
15
|
-
var
|
|
16
|
-
Object.keys(
|
|
86
|
+
var _Skeleton2 = require("./Skeleton.type");
|
|
87
|
+
Object.keys(_Skeleton2).forEach(function (key) {
|
|
88
|
+
if (key === "default" || key === "__esModule") return;
|
|
89
|
+
if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
|
|
90
|
+
if (key in exports && exports[key] === _Skeleton2[key]) return;
|
|
91
|
+
Object.defineProperty(exports, key, {
|
|
92
|
+
enumerable: true,
|
|
93
|
+
get: function get() {
|
|
94
|
+
return _Skeleton2[key];
|
|
95
|
+
}
|
|
96
|
+
});
|
|
97
|
+
});
|
|
98
|
+
var _Area = _interopRequireDefault(require("./charts/Area/Area"));
|
|
99
|
+
var _Area2 = require("./charts/Area/Area.type");
|
|
100
|
+
Object.keys(_Area2).forEach(function (key) {
|
|
101
|
+
if (key === "default" || key === "__esModule") return;
|
|
102
|
+
if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
|
|
103
|
+
if (key in exports && exports[key] === _Area2[key]) return;
|
|
104
|
+
Object.defineProperty(exports, key, {
|
|
105
|
+
enumerable: true,
|
|
106
|
+
get: function get() {
|
|
107
|
+
return _Area2[key];
|
|
108
|
+
}
|
|
109
|
+
});
|
|
110
|
+
});
|
|
111
|
+
var _Bar = _interopRequireDefault(require("./charts/Bar/Bar"));
|
|
112
|
+
var _Bar2 = require("./charts/Bar/Bar.type");
|
|
113
|
+
Object.keys(_Bar2).forEach(function (key) {
|
|
114
|
+
if (key === "default" || key === "__esModule") return;
|
|
115
|
+
if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
|
|
116
|
+
if (key in exports && exports[key] === _Bar2[key]) return;
|
|
117
|
+
Object.defineProperty(exports, key, {
|
|
118
|
+
enumerable: true,
|
|
119
|
+
get: function get() {
|
|
120
|
+
return _Bar2[key];
|
|
121
|
+
}
|
|
122
|
+
});
|
|
123
|
+
});
|
|
124
|
+
var _Bubble = _interopRequireDefault(require("./charts/Bubble/Bubble"));
|
|
125
|
+
var _Bubble2 = require("./charts/Bubble/Bubble.type");
|
|
126
|
+
Object.keys(_Bubble2).forEach(function (key) {
|
|
127
|
+
if (key === "default" || key === "__esModule") return;
|
|
128
|
+
if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
|
|
129
|
+
if (key in exports && exports[key] === _Bubble2[key]) return;
|
|
130
|
+
Object.defineProperty(exports, key, {
|
|
131
|
+
enumerable: true,
|
|
132
|
+
get: function get() {
|
|
133
|
+
return _Bubble2[key];
|
|
134
|
+
}
|
|
135
|
+
});
|
|
136
|
+
});
|
|
137
|
+
var _CompactHorizontalBar = _interopRequireDefault(require("./charts/CompactHorizontalBar/CompactHorizontalBar"));
|
|
138
|
+
var _CompactHorizontalBar2 = require("./charts/CompactHorizontalBar/CompactHorizontalBar.type");
|
|
139
|
+
Object.keys(_CompactHorizontalBar2).forEach(function (key) {
|
|
140
|
+
if (key === "default" || key === "__esModule") return;
|
|
141
|
+
if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
|
|
142
|
+
if (key in exports && exports[key] === _CompactHorizontalBar2[key]) return;
|
|
143
|
+
Object.defineProperty(exports, key, {
|
|
144
|
+
enumerable: true,
|
|
145
|
+
get: function get() {
|
|
146
|
+
return _CompactHorizontalBar2[key];
|
|
147
|
+
}
|
|
148
|
+
});
|
|
149
|
+
});
|
|
150
|
+
var _Donut = _interopRequireDefault(require("./charts/Donut/Donut"));
|
|
151
|
+
var _Donut2 = require("./charts/Donut/Donut.type");
|
|
152
|
+
Object.keys(_Donut2).forEach(function (key) {
|
|
153
|
+
if (key === "default" || key === "__esModule") return;
|
|
154
|
+
if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
|
|
155
|
+
if (key in exports && exports[key] === _Donut2[key]) return;
|
|
156
|
+
Object.defineProperty(exports, key, {
|
|
157
|
+
enumerable: true,
|
|
158
|
+
get: function get() {
|
|
159
|
+
return _Donut2[key];
|
|
160
|
+
}
|
|
161
|
+
});
|
|
162
|
+
});
|
|
163
|
+
var _Histogram = _interopRequireDefault(require("./charts/Histogram/Histogram"));
|
|
164
|
+
var _Histogram2 = require("./charts/Histogram/Histogram.type");
|
|
165
|
+
Object.keys(_Histogram2).forEach(function (key) {
|
|
166
|
+
if (key === "default" || key === "__esModule") return;
|
|
167
|
+
if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
|
|
168
|
+
if (key in exports && exports[key] === _Histogram2[key]) return;
|
|
169
|
+
Object.defineProperty(exports, key, {
|
|
170
|
+
enumerable: true,
|
|
171
|
+
get: function get() {
|
|
172
|
+
return _Histogram2[key];
|
|
173
|
+
}
|
|
174
|
+
});
|
|
175
|
+
});
|
|
176
|
+
var _Line = _interopRequireDefault(require("./charts/Line/Line"));
|
|
177
|
+
var _Line2 = require("./charts/Line/Line.type");
|
|
178
|
+
Object.keys(_Line2).forEach(function (key) {
|
|
179
|
+
if (key === "default" || key === "__esModule") return;
|
|
180
|
+
if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
|
|
181
|
+
if (key in exports && exports[key] === _Line2[key]) return;
|
|
182
|
+
Object.defineProperty(exports, key, {
|
|
183
|
+
enumerable: true,
|
|
184
|
+
get: function get() {
|
|
185
|
+
return _Line2[key];
|
|
186
|
+
}
|
|
187
|
+
});
|
|
188
|
+
});
|
|
189
|
+
var _RadialTree = _interopRequireDefault(require("./charts/RadialTree/RadialTree"));
|
|
190
|
+
var _RadialTree2 = require("./charts/RadialTree/RadialTree.type");
|
|
191
|
+
Object.keys(_RadialTree2).forEach(function (key) {
|
|
192
|
+
if (key === "default" || key === "__esModule") return;
|
|
193
|
+
if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
|
|
194
|
+
if (key in exports && exports[key] === _RadialTree2[key]) return;
|
|
195
|
+
Object.defineProperty(exports, key, {
|
|
196
|
+
enumerable: true,
|
|
197
|
+
get: function get() {
|
|
198
|
+
return _RadialTree2[key];
|
|
199
|
+
}
|
|
200
|
+
});
|
|
201
|
+
});
|
|
202
|
+
var _ScatterPlot = _interopRequireDefault(require("./charts/ScatterPlot/ScatterPlot"));
|
|
203
|
+
var _ScatterPlot2 = require("./charts/ScatterPlot/ScatterPlot.type");
|
|
204
|
+
Object.keys(_ScatterPlot2).forEach(function (key) {
|
|
205
|
+
if (key === "default" || key === "__esModule") return;
|
|
206
|
+
if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
|
|
207
|
+
if (key in exports && exports[key] === _ScatterPlot2[key]) return;
|
|
208
|
+
Object.defineProperty(exports, key, {
|
|
209
|
+
enumerable: true,
|
|
210
|
+
get: function get() {
|
|
211
|
+
return _ScatterPlot2[key];
|
|
212
|
+
}
|
|
213
|
+
});
|
|
214
|
+
});
|
|
215
|
+
var _Venn = _interopRequireDefault(require("./charts/Venn/Venn"));
|
|
216
|
+
var _Venn2 = require("./charts/Venn/Venn.type");
|
|
217
|
+
Object.keys(_Venn2).forEach(function (key) {
|
|
17
218
|
if (key === "default" || key === "__esModule") return;
|
|
18
219
|
if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
|
|
19
|
-
if (key in exports && exports[key] ===
|
|
220
|
+
if (key in exports && exports[key] === _Venn2[key]) return;
|
|
20
221
|
Object.defineProperty(exports, key, {
|
|
21
222
|
enumerable: true,
|
|
22
223
|
get: function get() {
|
|
23
|
-
return
|
|
224
|
+
return _Venn2[key];
|
|
24
225
|
}
|
|
25
226
|
});
|
|
26
227
|
});
|
package/lib/cjs/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":["_Skeleton","_interopRequireDefault","require","
|
|
1
|
+
{"version":3,"file":"index.js","names":["_Skeleton","_interopRequireDefault","require","_Skeleton2","Object","keys","forEach","key","prototype","hasOwnProperty","call","_exportNames","exports","defineProperty","enumerable","get","_Area","_Area2","_Bar","_Bar2","_Bubble","_Bubble2","_CompactHorizontalBar","_CompactHorizontalBar2","_Donut","_Donut2","_Histogram","_Histogram2","_Line","_Line2","_RadialTree","_RadialTree2","_ScatterPlot","_ScatterPlot2","_Venn","_Venn2"],"sources":["../../src/index.ts"],"sourcesContent":["export { default } from './Skeleton';\nexport * from './Skeleton.type';\n\nexport { default as AreaChartSkeleton } from './charts/Area/Area';\nexport * from './charts/Area/Area.type';\nexport { default as BarChartSkeleton } from './charts/Bar/Bar';\nexport * from './charts/Bar/Bar.type';\nexport { default as BubbleChartSkeleton } from './charts/Bubble/Bubble';\nexport * from './charts/Bubble/Bubble.type';\nexport { default as CompactHorizontalBarChartSkeleton } from './charts/CompactHorizontalBar/CompactHorizontalBar';\nexport * from './charts/CompactHorizontalBar/CompactHorizontalBar.type';\nexport { default as DonutChartSkeleton } from './charts/Donut/Donut';\nexport * from './charts/Donut/Donut.type';\nexport { default as HistogramChartSkeleton } from './charts/Histogram/Histogram';\nexport * from './charts/Histogram/Histogram.type';\nexport { default as LineChartSkeleton } from './charts/Line/Line';\nexport * from './charts/Line/Line.type';\nexport { default as RadialTreeChartSkeleton } from './charts/RadialTree/RadialTree';\nexport * from './charts/RadialTree/RadialTree.type';\nexport { default as ScatterPlotChartSkeleton } from './charts/ScatterPlot/ScatterPlot';\nexport * from './charts/ScatterPlot/ScatterPlot.type';\nexport { default as VennChartSkeleton } from './charts/Venn/Venn';\nexport * from './charts/Venn/Venn.type';\n"],"mappings":"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","ignoreList":[]}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
|
|
4
4
|
Object.defineProperty(exports, "__esModule", {
|
|
5
5
|
value: true
|
|
6
6
|
});
|
|
@@ -13,13 +13,13 @@ var _it = _interopRequireDefault(require("./it.json"));
|
|
|
13
13
|
var _ja = _interopRequireDefault(require("./ja.json"));
|
|
14
14
|
var _ko = _interopRequireDefault(require("./ko.json"));
|
|
15
15
|
var _nl = _interopRequireDefault(require("./nl.json"));
|
|
16
|
+
var _pl = _interopRequireDefault(require("./pl.json"));
|
|
16
17
|
var _pt = _interopRequireDefault(require("./pt.json"));
|
|
18
|
+
var _sv = _interopRequireDefault(require("./sv.json"));
|
|
17
19
|
var _tr = _interopRequireDefault(require("./tr.json"));
|
|
18
20
|
var _vi = _interopRequireDefault(require("./vi.json"));
|
|
19
21
|
var _zh = _interopRequireDefault(require("./zh.json"));
|
|
20
|
-
var
|
|
21
|
-
var _sv = _interopRequireDefault(require("./sv.json"));
|
|
22
|
-
var localizedMessages = {
|
|
22
|
+
var localizedMessages = exports.localizedMessages = {
|
|
23
23
|
de: _de["default"],
|
|
24
24
|
en: _en["default"],
|
|
25
25
|
es: _es["default"],
|
|
@@ -35,5 +35,4 @@ var localizedMessages = {
|
|
|
35
35
|
pl: _pl["default"],
|
|
36
36
|
sv: _sv["default"]
|
|
37
37
|
};
|
|
38
|
-
exports.localizedMessages = localizedMessages;
|
|
39
38
|
//# sourceMappingURL=__intergalactic-dynamic-locales.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"__intergalactic-dynamic-locales.js","names":["_de","_interopRequireDefault","require","_en","_es","_fr","_it","_ja","_ko","_nl","_pt","_tr","_vi","_zh","
|
|
1
|
+
{"version":3,"file":"__intergalactic-dynamic-locales.js","names":["_de","_interopRequireDefault","require","_en","_es","_fr","_it","_ja","_ko","_nl","_pl","_pt","_sv","_tr","_vi","_zh","localizedMessages","exports","de","en","es","fr","it","ja","ko","nl","pt","tr","vi","zh","pl","sv"],"sources":["../../../src/translations/__intergalactic-dynamic-locales.ts"],"sourcesContent":["import de from './de.json';\nimport en from './en.json';\nimport es from './es.json';\nimport fr from './fr.json';\nimport it from './it.json';\nimport ja from './ja.json';\nimport ko from './ko.json';\nimport nl from './nl.json';\nimport pl from './pl.json';\nimport pt from './pt.json';\nimport sv from './sv.json';\nimport tr from './tr.json';\nimport vi from './vi.json';\nimport zh from './zh.json';\n\nexport const localizedMessages = {\n de,\n en,\n es,\n fr,\n it,\n ja,\n ko,\n nl,\n pt,\n tr,\n vi,\n zh,\n pl,\n sv,\n};\n"],"mappings":";;;;;;;AAAA,IAAAA,GAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,GAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,GAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,GAAA,GAAAJ,sBAAA,CAAAC,OAAA;AACA,IAAAI,GAAA,GAAAL,sBAAA,CAAAC,OAAA;AACA,IAAAK,GAAA,GAAAN,sBAAA,CAAAC,OAAA;AACA,IAAAM,GAAA,GAAAP,sBAAA,CAAAC,OAAA;AACA,IAAAO,GAAA,GAAAR,sBAAA,CAAAC,OAAA;AACA,IAAAQ,GAAA,GAAAT,sBAAA,CAAAC,OAAA;AACA,IAAAS,GAAA,GAAAV,sBAAA,CAAAC,OAAA;AACA,IAAAU,GAAA,GAAAX,sBAAA,CAAAC,OAAA;AACA,IAAAW,GAAA,GAAAZ,sBAAA,CAAAC,OAAA;AACA,IAAAY,GAAA,GAAAb,sBAAA,CAAAC,OAAA;AACA,IAAAa,GAAA,GAAAd,sBAAA,CAAAC,OAAA;AAEO,IAAMc,iBAAiB,GAAAC,OAAA,CAAAD,iBAAA,GAAG;EAC/BE,EAAE,EAAFA,cAAE;EACFC,EAAE,EAAFA,cAAE;EACFC,EAAE,EAAFA,cAAE;EACFC,EAAE,EAAFA,cAAE;EACFC,EAAE,EAAFA,cAAE;EACFC,EAAE,EAAFA,cAAE;EACFC,EAAE,EAAFA,cAAE;EACFC,EAAE,EAAFA,cAAE;EACFC,EAAE,EAAFA,cAAE;EACFC,EAAE,EAAFA,cAAE;EACFC,EAAE,EAAFA,cAAE;EACFC,EAAE,EAAFA,cAAE;EACFC,EAAE,EAAFA,cAAE;EACFC,EAAE,EAAFA;AACF,CAAC","ignoreList":[]}
|
package/lib/es6/Skeleton.js
CHANGED
|
@@ -1,59 +1,55 @@
|
|
|
1
1
|
import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
|
|
2
2
|
import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
|
|
3
|
-
import _assertThisInitialized from "@babel/runtime/helpers/assertThisInitialized";
|
|
4
3
|
import _objectSpread from "@babel/runtime/helpers/objectSpread2";
|
|
5
4
|
import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
|
|
6
5
|
import _createClass from "@babel/runtime/helpers/createClass";
|
|
6
|
+
import _callSuper from "@babel/runtime/helpers/callSuper";
|
|
7
7
|
import _inherits from "@babel/runtime/helpers/inherits";
|
|
8
|
-
import _createSuper from "@babel/runtime/helpers/createSuper";
|
|
9
8
|
import _defineProperty from "@babel/runtime/helpers/defineProperty";
|
|
10
|
-
import { sstyled as _sstyled } from "@semcore/
|
|
9
|
+
import { sstyled as _sstyled } from "@semcore/core";
|
|
11
10
|
import { assignProps as _assignProps2 } from "@semcore/core";
|
|
12
11
|
import { assignProps as _assignProps } from "@semcore/core";
|
|
13
12
|
var _excluded = ["y", "x", "amount", "width", "styles", "forwardRef"];
|
|
13
|
+
import { Box } from '@semcore/base-components';
|
|
14
|
+
import { createComponent, Component, sstyled, Root } from '@semcore/core';
|
|
15
|
+
import canUseDOM from '@semcore/core/lib/utils/canUseDOM';
|
|
16
|
+
import i18nEnhance from '@semcore/core/lib/utils/enhances/i18nEnhance';
|
|
17
|
+
import uniqueIDEnhancement from '@semcore/core/lib/utils/uniqueID';
|
|
14
18
|
import React from 'react';
|
|
15
|
-
import createComponent, { Component, sstyled, Root } from '@semcore/core';
|
|
16
|
-
import { Box } from '@semcore/flex-box';
|
|
17
|
-
import uniqueIDEnhancement from '@semcore/utils/lib/uniqueID';
|
|
18
|
-
import canUseDOM from '@semcore/utils/lib/canUseDOM';
|
|
19
|
-
import i18nEnhance from '@semcore/utils/lib/enhances/i18nEnhance';
|
|
20
|
-
import { localizedMessages } from './translations/__intergalactic-dynamic-locales';
|
|
21
19
|
/*!__reshadow-styles__:"./style/skeleton.shadow.css"*/
|
|
22
|
-
var style = (
|
|
20
|
+
var style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/"@keyframes pulse_15u95{0%,to{opacity:1}50%{opacity:.4}}.___SSkeleton_15u95_gg_{animation-name:pulse_15u95;animation-iteration-count:infinite;animation-timing-function:ease-in-out;animation-duration:var(--durationAnim_15u95);will-change:opacity}.___SSkeletonSVG_15u95_gg_._theme_invert_15u95_gg_{fill:var(--intergalactic-skeleton-bg, rgb(221, 222, 222))}.___SSkeletonSVG_15u95_gg_._theme_dark_15u95_gg_{fill:var(--intergalactic-skeleton-bg-invert, rgb(44, 47, 43))}.___SText_15u95_gg_{box-sizing:border-box}@media (prefers-reduced-motion){.___SSkeleton_15u95_gg_{animation-name:none}}", /*__inner_css_end__*/"15u95_gg_"),
|
|
23
21
|
/*__reshadow_css_end__*/
|
|
24
22
|
{
|
|
25
|
-
"__SSkeleton": "
|
|
26
|
-
"--durationAnim": "--
|
|
27
|
-
"@pulse": "
|
|
28
|
-
"__SSkeletonSVG": "
|
|
29
|
-
"_theme_invert": "
|
|
30
|
-
"_theme_dark": "
|
|
31
|
-
"__SText": "
|
|
23
|
+
"__SSkeleton": "___SSkeleton_15u95_gg_",
|
|
24
|
+
"--durationAnim": "--durationAnim_15u95",
|
|
25
|
+
"@pulse": "pulse_15u95",
|
|
26
|
+
"__SSkeletonSVG": "___SSkeletonSVG_15u95_gg_",
|
|
27
|
+
"_theme_invert": "_theme_invert_15u95_gg_",
|
|
28
|
+
"_theme_dark": "_theme_dark_15u95_gg_",
|
|
29
|
+
"__SText": "___SText_15u95_gg_"
|
|
32
30
|
});
|
|
31
|
+
import { localizedMessages } from './translations/__intergalactic-dynamic-locales';
|
|
33
32
|
var MAP_COLOR_THEME = {
|
|
34
33
|
dark: 'rgba(255, 255, 255, 0.3)',
|
|
35
34
|
invert: 'rgba(224, 225, 233, 0.8)'
|
|
36
35
|
};
|
|
37
36
|
var SkeletonRoot = /*#__PURE__*/function (_Component) {
|
|
38
|
-
_inherits(SkeletonRoot, _Component);
|
|
39
|
-
var _super = _createSuper(SkeletonRoot);
|
|
40
37
|
function SkeletonRoot() {
|
|
41
38
|
_classCallCheck(this, SkeletonRoot);
|
|
42
|
-
return
|
|
39
|
+
return _callSuper(this, SkeletonRoot, arguments);
|
|
43
40
|
}
|
|
44
|
-
|
|
41
|
+
_inherits(SkeletonRoot, _Component);
|
|
42
|
+
return _createClass(SkeletonRoot, [{
|
|
45
43
|
key: "render",
|
|
46
44
|
value: function render() {
|
|
47
45
|
var _ref = this.asProps,
|
|
48
46
|
_ref3;
|
|
49
47
|
var SSkeleton = Box;
|
|
50
48
|
var _this$asProps = this.asProps,
|
|
51
|
-
Children = _this$asProps.Children,
|
|
52
49
|
styles = _this$asProps.styles,
|
|
53
50
|
duration = _this$asProps.duration,
|
|
54
51
|
hidden = _this$asProps.hidden,
|
|
55
|
-
getI18nText = _this$asProps.getI18nText
|
|
56
|
-
tag = _this$asProps.tag;
|
|
52
|
+
getI18nText = _this$asProps.getI18nText;
|
|
57
53
|
if (hidden) return null;
|
|
58
54
|
return _ref3 = sstyled(styles), /*#__PURE__*/React.createElement(SSkeleton, _ref3.cn("SSkeleton", _objectSpread({}, _assignProps({
|
|
59
55
|
"durationAnim": "".concat(duration, "ms"),
|
|
@@ -62,7 +58,6 @@ var SkeletonRoot = /*#__PURE__*/function (_Component) {
|
|
|
62
58
|
}, _ref))));
|
|
63
59
|
}
|
|
64
60
|
}]);
|
|
65
|
-
return SkeletonRoot;
|
|
66
61
|
}(Component);
|
|
67
62
|
_defineProperty(SkeletonRoot, "displayName", 'Skeleton');
|
|
68
63
|
_defineProperty(SkeletonRoot, "style", style);
|
|
@@ -73,34 +68,37 @@ _defineProperty(SkeletonRoot, "defaultProps", {
|
|
|
73
68
|
duration: 2000
|
|
74
69
|
});
|
|
75
70
|
var SkeletonSVG = /*#__PURE__*/function (_Component2) {
|
|
76
|
-
_inherits(SkeletonSVG, _Component2);
|
|
77
|
-
var _super2 = _createSuper(SkeletonSVG);
|
|
78
71
|
function SkeletonSVG(props) {
|
|
79
72
|
var _this;
|
|
80
73
|
_classCallCheck(this, SkeletonSVG);
|
|
81
|
-
_this =
|
|
82
|
-
_defineProperty(
|
|
74
|
+
_this = _callSuper(this, SkeletonSVG, [props]);
|
|
75
|
+
_defineProperty(_this, "svgRef", /*#__PURE__*/React.createRef());
|
|
76
|
+
_defineProperty(_this, "observer", null);
|
|
83
77
|
if (canUseDOM() && props.observeParentSize) {
|
|
84
|
-
_this.observer = new ResizeObserver(_this.handleResize.bind(
|
|
78
|
+
_this.observer = new ResizeObserver(_this.handleResize.bind(_this));
|
|
85
79
|
}
|
|
86
80
|
return _this;
|
|
87
81
|
}
|
|
88
|
-
|
|
82
|
+
_inherits(SkeletonSVG, _Component2);
|
|
83
|
+
return _createClass(SkeletonSVG, [{
|
|
89
84
|
key: "componentDidMount",
|
|
90
85
|
value: function componentDidMount() {
|
|
91
|
-
var
|
|
92
|
-
|
|
86
|
+
var current = this.svgRef.current;
|
|
87
|
+
if (current && current.parentElement) {
|
|
88
|
+
var _this$observer;
|
|
89
|
+
(_this$observer = this.observer) === null || _this$observer === void 0 || _this$observer.observe(current.parentElement);
|
|
90
|
+
}
|
|
93
91
|
}
|
|
94
92
|
}, {
|
|
95
93
|
key: "componentWillUnmount",
|
|
96
94
|
value: function componentWillUnmount() {
|
|
97
95
|
var _this$observer2;
|
|
98
|
-
(_this$observer2 = this.observer) === null || _this$observer2 === void 0
|
|
96
|
+
(_this$observer2 = this.observer) === null || _this$observer2 === void 0 || _this$observer2.disconnect();
|
|
99
97
|
}
|
|
100
98
|
}, {
|
|
101
99
|
key: "handleResize",
|
|
102
|
-
value: function handleResize(
|
|
103
|
-
var target =
|
|
100
|
+
value: function handleResize(entries) {
|
|
101
|
+
var target = entries[0].target;
|
|
104
102
|
var svg = this.svgRef.current;
|
|
105
103
|
if (target && svg) {
|
|
106
104
|
svg.setAttribute('width', '100%');
|
|
@@ -110,6 +108,7 @@ var SkeletonSVG = /*#__PURE__*/function (_Component2) {
|
|
|
110
108
|
key: "setContext",
|
|
111
109
|
value: function setContext() {
|
|
112
110
|
var theme = this.asProps.theme;
|
|
111
|
+
if (!theme) return {};
|
|
113
112
|
return {
|
|
114
113
|
gradientUrl: MAP_COLOR_THEME[theme]
|
|
115
114
|
};
|
|
@@ -143,7 +142,6 @@ var SkeletonSVG = /*#__PURE__*/function (_Component2) {
|
|
|
143
142
|
})));
|
|
144
143
|
}
|
|
145
144
|
}]);
|
|
146
|
-
return SkeletonSVG;
|
|
147
145
|
}(Component);
|
|
148
146
|
_defineProperty(SkeletonSVG, "displayName", 'SkeletonSVG');
|
|
149
147
|
_defineProperty(SkeletonSVG, "enhance", [uniqueIDEnhancement()]);
|
|
@@ -166,23 +164,19 @@ function Text(props) {
|
|
|
166
164
|
forwardRef = props.forwardRef,
|
|
167
165
|
other = _objectWithoutProperties(props, _excluded);
|
|
168
166
|
var amountLine = Number(amount);
|
|
169
|
-
|
|
167
|
+
return /*#__PURE__*/React.createElement(React.Fragment, null, _toConsumableArray(Array(amountLine)).map(function (_el, index) {
|
|
170
168
|
var _ref5;
|
|
171
169
|
return _ref5 = sstyled(styles), /*#__PURE__*/React.createElement(SText, _ref5.cn("SText", _objectSpread({
|
|
172
170
|
"tag": 'rect',
|
|
173
171
|
"rx": '4',
|
|
174
172
|
"ry": '4',
|
|
175
|
-
"height": '8'
|
|
176
|
-
|
|
177
|
-
|
|
178
|
-
|
|
179
|
-
|
|
180
|
-
|
|
181
|
-
|
|
182
|
-
x: x,
|
|
183
|
-
ref: forwardRef,
|
|
184
|
-
width: width
|
|
185
|
-
}, other));
|
|
173
|
+
"height": '8',
|
|
174
|
+
"key": index,
|
|
175
|
+
"y": y || 20 * index,
|
|
176
|
+
"x": x,
|
|
177
|
+
"ref": forwardRef,
|
|
178
|
+
"width": width
|
|
179
|
+
}, other)));
|
|
186
180
|
}));
|
|
187
181
|
}
|
|
188
182
|
var Skeleton = createComponent(SkeletonRoot);
|
package/lib/es6/Skeleton.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Skeleton.js","names":["React","createComponent","Component","sstyled","Root","Box","uniqueIDEnhancement","canUseDOM","i18nEnhance","localizedMessages","style","_sstyled","insert","MAP_COLOR_THEME","dark","invert","SkeletonRoot","_Component","_inherits","_super","_createSuper","_classCallCheck","apply","arguments","_createClass","key","value","render","_ref","asProps","_ref3","SSkeleton","_this$asProps","Children","styles","duration","hidden","getI18nText","tag","createElement","cn","_objectSpread","_assignProps","concat","_defineProperty","width","height","SkeletonSVG","_Component2","_super2","props","_this","call","_assertThisInitialized","createRef","observeParentSize","observer","ResizeObserver","handleResize","bind","componentDidMount","_this$observer","_this$svgRef$current","observe","svgRef","current","parentElement","componentWillUnmount","_this$observer2","disconnect","data","target","svg","setAttribute","setContext","theme","gradientUrl","_ref2","_ref4","_this$asProps2","uid","SSkeletonSVG","Skeleton","_assignProps2","Text","SText","_props$y","y","_props$x","x","_props$amount","amount","_props$width","forwardRef","other","_objectWithoutProperties","_excluded","amountLine","Number","renderRect","_ref5","Fragment","_toConsumableArray","Array","map","el","index","ref"],"sources":["../../src/Skeleton.jsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { Component, sstyled, Root } from '@semcore/core';\nimport { Box } from '@semcore/flex-box';\nimport uniqueIDEnhancement from '@semcore/utils/lib/uniqueID';\nimport canUseDOM from '@semcore/utils/lib/canUseDOM';\nimport i18nEnhance from '@semcore/utils/lib/enhances/i18nEnhance';\nimport { localizedMessages } from './translations/__intergalactic-dynamic-locales';\n\nimport style from './style/skeleton.shadow.css';\n\nconst MAP_COLOR_THEME = {\n dark: 'rgba(255, 255, 255, 0.3)',\n invert: 'rgba(224, 225, 233, 0.8)',\n};\n\nclass SkeletonRoot extends Component {\n static displayName = 'Skeleton';\n static style = style;\n static enhance = [i18nEnhance(localizedMessages)];\n static defaultProps = {\n width: '100%',\n height: '100%',\n duration: 2000,\n };\n\n render() {\n const SSkeleton = Root;\n const { Children, styles, duration, hidden, getI18nText, tag } = this.asProps;\n\n if (hidden) return null;\n\n return sstyled(styles)(\n <SSkeleton\n render={Box}\n durationAnim={`${duration}ms`}\n role={'img'}\n aria-label={getI18nText('loading')}\n />,\n );\n }\n}\n\nclass SkeletonSVG extends Component {\n static displayName = 'SkeletonSVG';\n static enhance = [uniqueIDEnhancement()];\n static style = style;\n\n static defaultProps = {\n theme: 'invert',\n duration: 2000,\n };\n\n svgRef = React.createRef();\n\n constructor(props) {\n super(props);\n\n if (canUseDOM() && props.observeParentSize) {\n this.observer = new ResizeObserver(this.handleResize.bind(this));\n }\n }\n\n componentDidMount() {\n this.observer?.observe(this.svgRef.current?.parentElement);\n }\n\n componentWillUnmount() {\n this.observer?.disconnect();\n }\n\n handleResize(data) {\n const target = data[0].target;\n const svg = this.svgRef.current;\n\n if (target && svg) {\n svg.setAttribute('width', '100%');\n }\n }\n\n setContext() {\n const { theme } = this.asProps;\n return {\n gradientUrl: MAP_COLOR_THEME[theme],\n };\n }\n\n render() {\n const { Children, styles, uid, theme, duration } = this.asProps;\n const SSkeletonSVG = Root;\n\n return sstyled(styles)(\n <SSkeletonSVG\n render={Skeleton}\n tag='svg'\n ref={this.svgRef}\n preserveAspectRatio='none'\n theme={theme}\n durationAnim={`${duration}ms`}\n >\n <defs>\n <mask id={uid}>\n <Children />\n </mask>\n </defs>\n <rect x='0' y='0' width='100%' height='100%' mask={`url(#${uid})`} />\n </SSkeletonSVG>,\n );\n }\n}\n\nfunction Text(props) {\n const SText = Box;\n const { y = 0, x = 0, amount = 1, width = '100%', styles, forwardRef, ...other } = props;\n const amountLine = Number(amount);\n\n const renderRect = (props) => {\n return sstyled(styles)(<SText tag='rect' rx='4' ry='4' height='8' {...props} />);\n };\n\n return (\n <React.Fragment>\n {[...Array(amountLine)].map((el, index) =>\n renderRect({\n key: index,\n y: y || 20 * index,\n x,\n ref: forwardRef,\n width,\n ...other,\n }),\n )}\n </React.Fragment>\n );\n}\n\nconst Skeleton = createComponent(SkeletonRoot);\n\nexport { Skeleton };\n\nexport default createComponent(SkeletonSVG, {\n Text,\n});\n"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"Skeleton.js","names":["Box","createComponent","Component","sstyled","Root","canUseDOM","i18nEnhance","uniqueIDEnhancement","React","style","_sstyled","insert","localizedMessages","MAP_COLOR_THEME","dark","invert","SkeletonRoot","_Component","_classCallCheck","_callSuper","arguments","_inherits","_createClass","key","value","render","_ref","asProps","_ref3","SSkeleton","_this$asProps","styles","duration","hidden","getI18nText","createElement","cn","_objectSpread","_assignProps","concat","_defineProperty","width","height","SkeletonSVG","_Component2","props","_this","createRef","observeParentSize","observer","ResizeObserver","handleResize","bind","componentDidMount","current","svgRef","parentElement","_this$observer","observe","componentWillUnmount","_this$observer2","disconnect","entries","target","svg","setAttribute","setContext","theme","gradientUrl","_ref2","_ref4","_this$asProps2","Children","uid","SSkeletonSVG","Skeleton","_assignProps2","Text","SText","_props$y","y","_props$x","x","_props$amount","amount","_props$width","forwardRef","other","_objectWithoutProperties","_excluded","amountLine","Number","Fragment","_toConsumableArray","Array","map","_el","index","_ref5"],"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":[]}
|
|
@@ -0,0 +1,42 @@
|
|
|
1
|
+
import _objectSpread from "@babel/runtime/helpers/objectSpread2";
|
|
2
|
+
import { sstyled as _sstyled } from "@semcore/core";
|
|
3
|
+
import { assignProps as _assignProps } from "@semcore/core";
|
|
4
|
+
import { createComponent, Root, sstyled } from '@semcore/core';
|
|
5
|
+
import React from 'react';
|
|
6
|
+
import { Skeleton } from '../../Skeleton';
|
|
7
|
+
/*!__reshadow-styles__:"../../style/chart.shadow.css"*/
|
|
8
|
+
var styles = (/*__reshadow_css_start__*/_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_"),
|
|
9
|
+
/*__reshadow_css_end__*/
|
|
10
|
+
{
|
|
11
|
+
"__SChartSkeleton": "___SChartSkeleton_1oiqb_gg_",
|
|
12
|
+
"--bgPattern": "--bgPattern_1oiqb",
|
|
13
|
+
"_bgPosition": "__bgPosition_1oiqb_gg_",
|
|
14
|
+
"--bgPosition": "--bgPosition_1oiqb",
|
|
15
|
+
"_bgSize": "__bgSize_1oiqb_gg_",
|
|
16
|
+
"--bgSize": "--bgSize_1oiqb",
|
|
17
|
+
"_bgRepeat": "__bgRepeat_1oiqb_gg_",
|
|
18
|
+
"--bgRepeat": "--bgRepeat_1oiqb"
|
|
19
|
+
}); // TODO: replace it with babel-plugin-inline-import/or vite plugin.
|
|
20
|
+
// @ts-ignore
|
|
21
|
+
var areaLinearSvg = "PHN2ZyB3aWR0aD0iMTI4IiBoZWlnaHQ9Ijg4IiB2aWV3Qm94PSIwIDAgMTI4IDg4IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNNjMuOTk5OCA0NS45Mzk0QzMyLjAwMDEgNDUuOTM5NCAzMi4wMDAxIDEyIDAgMTJWNzZIMTI4VjEyQzk1Ljk5OTkgMTIgOTUuOTk5OSA0NS45Mzk0IDYzLjk5OTggNDUuOTM5NFoiIGZpbGw9IiNFMEUxRTkiIGZpbGwtb3BhY2l0eT0iMC44Ii8+Cjwvc3ZnPgo=";
|
|
22
|
+
// TODO: replace it with babel-plugin-inline-import/or vite plugin.
|
|
23
|
+
// @ts-ignore
|
|
24
|
+
var areaMonotoneSvg = "PHN2ZyB3aWR0aD0iMTI4IiBoZWlnaHQ9Ijg4IiB2aWV3Qm94PSIwIDAgMTI4IDg4IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNNjMuOTk5OCA0NS45Mzk0TDAgMTJWNzZIMTI4VjEyTDYzLjk5OTggNDUuOTM5NFoiIGZpbGw9IiNFMEUxRTkiIGZpbGwtb3BhY2l0eT0iMC44Ii8+Cjwvc3ZnPgo=";
|
|
25
|
+
var pattern = {
|
|
26
|
+
linear: areaLinearSvg,
|
|
27
|
+
monotone: areaMonotoneSvg
|
|
28
|
+
};
|
|
29
|
+
function AreaChartSkeleton(props) {
|
|
30
|
+
var _ref = arguments[0],
|
|
31
|
+
_ref2,
|
|
32
|
+
_props$type;
|
|
33
|
+
var SChartSkeleton = Skeleton;
|
|
34
|
+
return _ref2 = sstyled(styles), /*#__PURE__*/React.createElement(SChartSkeleton, _ref2.cn("SChartSkeleton", _objectSpread({}, _assignProps({
|
|
35
|
+
"bgRepeat": 'repeat-x',
|
|
36
|
+
"bgPosition": 'left bottom',
|
|
37
|
+
"bgSize": 'auto 50%',
|
|
38
|
+
"bgPattern": "url(data:image/svg+xml;base64,".concat(pattern[(_props$type = props.type) !== null && _props$type !== void 0 ? _props$type : 'linear'], ")")
|
|
39
|
+
}, _ref))));
|
|
40
|
+
}
|
|
41
|
+
export default createComponent(AreaChartSkeleton);
|
|
42
|
+
//# sourceMappingURL=Area.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Area.js","names":["createComponent","Root","sstyled","React","Skeleton","styles","_sstyled","insert","areaLinearSvg","areaMonotoneSvg","pattern","linear","monotone","AreaChartSkeleton","props","_ref","arguments[0]","_ref2","_props$type","SChartSkeleton","createElement","cn","_objectSpread","_assignProps","concat","type"],"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,SAASA,eAAe,EAAEC,IAAI,EAAEC,OAAO,QAAQ,eAAe;AAC9D,OAAOC,KAAK,MAAM,OAAO;AAGzB,SAASC,QAAQ,QAAQ,gBAAgB;AAAC;AAAA,IAAAC,MAAA,8BAAAC,QAAA,CAAAC,MAAA;AAAA;AAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAAA,IAG1C;AACA;AACA,IAAMC,aAAa,yVAElB;AACD;AACA;AACA,IAAMC,eAAe,iRAEpB;AAED,IAAMC,OAAO,GAAG;EACdC,MAAM,EAAEH,aAAa;EACrBI,QAAQ,EAAEH;AACZ,CAAC;AAED,SAASI,iBAAiBA,CAACC,KAAuF,EAAE;EAAA,IAAAC,IAAA,GAAAC,YAAA;IAAAC,KAAA;IAAAC,WAAA;EAClH,IAAMC,cAAc,GAGRf,QAAQ;EAFpB,OAAAa,KAAA,GAAOf,OAAO,CAACG,MAAM,CAAC,eACpBF,KAAA,CAAAiB,aAAA,CAACD,cAAc,EAAAF,KAAA,CAAAI,EAAA,mBAAAC,aAAA,KAAAC,YAAA;IAAA,YAEJ,UAAU;IAAA,cACR,aAAa;IAAA,UACjB,UAAU;IAAA,8CAAAC,MAAA,CAC2Bd,OAAO,EAAAQ,WAAA,GAACJ,KAAK,CAACW,IAAI,cAAAP,WAAA,cAAAA,WAAA,GAAI,QAAQ,CAAC;EAAA,GAAAH,IAAA,GAC5E,CAAC;AAEN;AAEA,eAAef,eAAe,CAACa,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":[]}
|