@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.
@@ -1,33 +1,36 @@
1
- import i from "@babel/runtime/helpers/esm/objectSpread2";
2
- import { createComponent as j, sstyled as I, assignProps as D } from "@semcore/core";
3
- import t from "react";
4
- import { Skeleton as e } from "../Skeleton.mjs";
5
- var z = (
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
- (I.insert(
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
- ), _ = "PHN2ZyB3aWR0aD0iMzc2IiBoZWlnaHQ9IjExMCIgdmlld0JveD0iMCAwIDM3NiAxMTAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxnIGNsaXAtcGF0aD0idXJsKCNjbGlwMF8xMDMyOF8xNDY5NzkpIj4KPHBhdGggZD0iTTEwIDExMEMxNS41MjI4IDExMCAyMCAxMDUuNTIzIDIwIDEwMEMyMCA5NC40NzcyIDE1LjUyMjggOTAgMTAgOTBDNC40NzcxNSA5MCAwIDk0LjQ3NzIgMCAxMDBDMCAxMDUuNTIzIDQuNDc3MTUgMTEwIDEwIDExMFoiIGZpbGw9IiNFMEUxRTkiIGZpbGwtb3BhY2l0eT0iMC44Ii8+CjxwYXRoIGQ9Ik0xMjkgNzJDMTM0LjUyMyA3MiAxMzkgNjcuNTIyOCAxMzkgNjJDMTM5IDU2LjQ3NzIgMTM0LjUyMyA1MiAxMjkgNTJDMTIzLjQ3NyA1MiAxMTkgNTYuNDc3MiAxMTkgNjJDMTE5IDY3LjUyMjggMTIzLjQ3NyA3MiAxMjkgNzJaIiBmaWxsPSIjRTBFMUU5IiBmaWxsLW9wYWNpdHk9IjAuOCIvPgo8cGF0aCBkPSJNMTg4IDk2QzE5My41MjMgOTYgMTk4IDkxLjUyMjggMTk4IDg2QzE5OCA4MC40NzcyIDE5My41MjMgNzYgMTg4IDc2QzE4Mi40NzcgNzYgMTc4IDgwLjQ3NzIgMTc4IDg2QzE3OCA5MS41MjI4IDE4Mi40NzcgOTYgMTg4IDk2WiIgZmlsbD0iI0UwRTFFOSIgZmlsbC1vcGFjaXR5PSIwLjgiLz4KPHBhdGggZD0iTTM2NiAyMEMzNzEuNTIzIDIwIDM3NiAxNS41MjI4IDM3NiAxMEMzNzYgNC40NzcxNSAzNzEuNTIzIDAgMzY2IDBDMzYwLjQ3NyAwIDM1NiA0LjQ3NzE1IDM1NiAxMEMzNTYgMTUuNTIyOCAzNjAuNDc3IDIwIDM2NiAyMFoiIGZpbGw9IiNFMEUxRTkiIGZpbGwtb3BhY2l0eT0iMC44Ii8+CjxwYXRoIGQ9Ik03MCA1NEM3NS41MjI4IDU0IDgwIDQ5LjUyMjggODAgNDRDODAgMzguNDc3MiA3NS41MjI4IDM0IDcwIDM0QzY0LjQ3NzIgMzQgNjAgMzguNDc3MiA2MCA0NEM2MCA0OS41MjI4IDY0LjQ3NzIgNTQgNzAgNTRaIiBmaWxsPSIjRTBFMUU5IiBmaWxsLW9wYWNpdHk9IjAuOCIvPgo8cGF0aCBkPSJNMjQ3IDYyQzI1Mi41MjMgNjIgMjU3IDU3LjUyMjggMjU3IDUyQzI1NyA0Ni40NzcyIDI1Mi41MjMgNDIgMjQ3IDQyQzI0MS40NzcgNDIgMjM3IDQ2LjQ3NzIgMjM3IDUyQzIzNyA1Ny41MjI4IDI0MS40NzcgNjIgMjQ3IDYyWiIgZmlsbD0iI0UwRTFFOSIgZmlsbC1vcGFjaXR5PSIwLjgiLz4KPHBhdGggZD0iTTMwNiA3MEMzMTEuNTIzIDcwIDMxNiA2NS41MjI4IDMxNiA2MEMzMTYgNTQuNDc3MiAzMTEuNTIzIDUwIDMwNiA1MEMzMDAuNDc3IDUwIDI5NiA1NC40NzcyIDI5NiA2MEMyOTYgNjUuNTIyOCAzMDAuNDc3IDcwIDMwNiA3MFoiIGZpbGw9IiNFMEUxRTkiIGZpbGwtb3BhY2l0eT0iMC44Ii8+CjwvZz4KPGRlZnM+CjxjbGlwUGF0aCBpZD0iY2xpcDBfMTAzMjhfMTQ2OTc5Ij4KPHJlY3Qgd2lkdGg9IjM3NiIgaGVpZ2h0PSIxMTAiIGZpbGw9IndoaXRlIi8+CjwvY2xpcFBhdGg+CjwvZGVmcz4KPC9zdmc+Cg==", c = function() {
22
- var g = arguments[0], M, N = e;
23
- return M = I(z), /* @__PURE__ */ t.createElement(N, M.cn("SChartSkeleton", i({}, D({
24
- bgRepeat: "repeat-x",
25
- bgPosition: "left center",
26
- bgSize: "auto 50%",
27
- bgPattern: "url(data:image/svg+xml;base64,".concat(_, ")")
28
- }, g))));
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 C = j(c);
33
+ const ScatterPlot = createComponent(ScatterPlotChartSkeleton);
31
34
  export {
32
- C as default
35
+ ScatterPlot as default
33
36
  };
@@ -1,33 +1,36 @@
1
- import i from "@babel/runtime/helpers/esm/objectSpread2";
2
- import { createComponent as t, sstyled as M, assignProps as _ } from "@semcore/core";
3
- import c from "react";
4
- import { Skeleton as D } from "../Skeleton.mjs";
5
- var N = (
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
- (M.insert(
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
- ), j = "PHN2ZyB3aWR0aD0iMjAwIiBoZWlnaHQ9IjE4MCIgdmlld0JveD0iMCAwIDIwMCAxODAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxnIGlkPSJwYXJhZ3JhcGg9ZmFsc2UsIGNoYXJ0IHR5cGU9dmVubiBjaGFydCwgcGljdHVyZSBkaXY9ZmFsc2UiPgo8ZyBpZD0ic2tlbGV0b24tdmVubiIgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzEwMzI4XzE0Njk4OSkiPgo8cGF0aCBpZD0iU2hhcGUiIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNNzcuNzc3OCA5MEM3Ny43Nzc4IDcxLjA1NzQgODYuNDI3NyA1NC4xMzE1IDEwMCA0Mi45NDMxQzExMy41NzIgNTQuMTMxNSAxMjIuMjIyIDcxLjA1NzQgMTIyLjIyMiA5MEMxMjIuMjIyIDEwOC45NDMgMTEzLjU3MiAxMjUuODY5IDEwMCAxMzcuMDU3Qzg2LjQyNzcgMTI1Ljg2OSA3Ny43Nzc4IDEwOC45NDMgNzcuNzc3OCA5MFpNMTAwIDEzNy4wNTdDMTEwLjU2NiAxNDUuNzY3IDEyNC4xMTUgMTUxIDEzOC44ODkgMTUxQzE3Mi42NCAxNTEgMjAwIDEyMy42ODkgMjAwIDkwQzIwMCA1Ni4zMTA2IDE3Mi42NCAyOSAxMzguODg5IDI5QzEyNC4xMTUgMjkgMTEwLjU2NiAzNC4yMzI5IDEwMCA0Mi45NDMxQzg5LjQzNCAzNC4yMzI5IDc1Ljg4NDggMjkgNjEuMTExMSAyOUMyNy4zNjA0IDI5IDAgNTYuMzEwNiAwIDkwQzAgMTIzLjY4OSAyNy4zNjA0IDE1MSA2MS4xMTExIDE1MUM3NS44ODQ4IDE1MSA4OS40MzQgMTQ1Ljc2NyAxMDAgMTM3LjA1N1oiIGZpbGw9IiNFMEUxRTkiIGZpbGwtb3BhY2l0eT0iMC44Ii8+CjxwYXRoIGlkPSJQYXRoIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTEwMCA0M0MxMTMuNDM3IDU0LjE3NDkgMTIyIDcxLjA4MDMgMTIyIDkwQzEyMiAxMDguOTIgMTEzLjQzNyAxMjUuODI1IDEwMCAxMzdDODYuNTYzNSAxMjUuODI1IDc4IDEwOC45MiA3OCA5MEM3OCA3MS4wODAzIDg2LjU2MzUgNTQuMTc0OSAxMDAgNDNWNDNaIiBmaWxsPSIjRTBFMUU5IiBmaWxsLW9wYWNpdHk9IjAuOCIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSI0Ii8+CjwvZz4KPC9nPgo8ZGVmcz4KPGNsaXBQYXRoIGlkPSJjbGlwMF8xMDMyOF8xNDY5ODkiPgo8cmVjdCB3aWR0aD0iMjAwIiBoZWlnaHQ9IjEyMiIgZmlsbD0id2hpdGUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAgMjkpIi8+CjwvY2xpcFBhdGg+CjwvZGVmcz4KPC9zdmc+Cg==", a = function() {
22
- var I = arguments[0], g, e = D;
23
- return g = M(N), /* @__PURE__ */ c.createElement(e, g.cn("SChartSkeleton", i({}, _({
24
- bgRepeat: "no-repeat",
25
- bgPosition: "center",
26
- bgSize: "contain",
27
- bgPattern: "url(data:image/svg+xml;base64,".concat(j, ")")
28
- }, I))));
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 C = t(a);
33
+ const Venn = createComponent(VennChartSkeleton);
31
34
  export {
32
- C as default
35
+ Venn as default
33
36
  };
@@ -1,152 +1,176 @@
1
- import z from "@babel/runtime/helpers/esm/toConsumableArray";
2
- import M from "@babel/runtime/helpers/esm/objectWithoutProperties";
3
- import y from "@babel/runtime/helpers/esm/assertThisInitialized";
4
- import g from "@babel/runtime/helpers/esm/objectSpread2";
5
- import b from "@babel/runtime/helpers/esm/classCallCheck";
6
- import x from "@babel/runtime/helpers/esm/createClass";
7
- import R from "@babel/runtime/helpers/esm/inherits";
8
- import P from "@babel/runtime/helpers/esm/createSuper";
9
- import _ from "@babel/runtime/helpers/esm/defineProperty";
10
- import { createComponent as C, sstyled as p, assignProps as E, Component as w } from "@semcore/core";
11
- import s from "react";
12
- import { Box as $ } from "@semcore/flex-box";
13
- import D from "@semcore/core/lib/utils/uniqueID";
14
- import I from "@semcore/core/lib/utils/canUseDOM";
15
- import O from "@semcore/core/lib/utils/enhances/i18nEnhance";
16
- import { localizedMessages as U } from "./translations/__intergalactic-dynamic-locales.mjs";
17
- var N = ["y", "x", "amount", "width", "styles", "forwardRef"], A = (
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
- (p.insert(
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
- ), W = {
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
- }, v = /* @__PURE__ */ function(a) {
36
- R(r, a);
37
- var m = P(r);
38
- function r() {
39
- return b(this, r), m.apply(this, arguments);
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
- return x(r, [{
45
+ _createClass(SkeletonRoot2, [{
42
46
  key: "render",
43
- value: function() {
44
- var e = this.asProps, t, n = $, i = this.asProps;
45
- i.Children;
46
- var l = i.styles, d = i.duration, u = i.hidden, c = i.getI18nText;
47
- return i.tag, u ? null : (t = p(l), /* @__PURE__ */ s.createElement(n, t.cn("SSkeleton", g({}, E({
48
- durationAnim: "".concat(d, "ms"),
49
- role: "img",
50
- "aria-label": c("loading")
51
- }, e)))));
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
- }]), r;
54
- }(w);
55
- _(v, "displayName", "Skeleton");
56
- _(v, "style", A);
57
- _(v, "enhance", [O(U)]);
58
- _(v, "defaultProps", {
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 h = /* @__PURE__ */ function(a) {
64
- R(r, a);
65
- var m = P(r);
66
- function r(o) {
67
- var e;
68
- return b(this, r), e = m.call(this, o), _(y(e), "svgRef", /* @__PURE__ */ s.createRef()), I() && o.observeParentSize && (e.observer = new ResizeObserver(e.handleResize.bind(y(e)))), e;
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
- return x(r, [{
85
+ _createClass(SkeletonSVG2, [{
71
86
  key: "componentDidMount",
72
- value: function() {
73
- var e, t;
74
- (e = this.observer) === null || e === void 0 || e.observe((t = this.svgRef.current) === null || t === void 0 ? void 0 : t.parentElement);
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 e;
80
- (e = this.observer) === null || e === void 0 || e.disconnect();
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(e) {
85
- var t = e[0].target, n = this.svgRef.current;
86
- t && n && n.setAttribute("width", "100%");
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 e = this.asProps.theme;
108
+ value: function setContext() {
109
+ var theme = this.asProps.theme;
92
110
  return {
93
- gradientUrl: W[e]
111
+ gradientUrl: MAP_COLOR_THEME[theme]
94
112
  };
95
113
  }
96
114
  }, {
97
115
  key: "render",
98
- value: function() {
99
- var e = this.asProps, t, n = this.asProps, i = n.Children, l = n.styles, d = n.uid, u = n.theme, c = n.duration, S = L;
100
- return t = p(l), /* @__PURE__ */ s.createElement(S, t.cn("SSkeletonSVG", g({}, E({
101
- tag: "svg",
102
- ref: this.svgRef,
103
- preserveAspectRatio: "none",
104
- theme: u,
105
- durationAnim: "".concat(c, "ms")
106
- }, e))), /* @__PURE__ */ s.createElement("defs", t.cn("defs", {}), /* @__PURE__ */ s.createElement("mask", t.cn("mask", {
107
- id: d
108
- }), /* @__PURE__ */ s.createElement(i, t.cn("Children", {})))), /* @__PURE__ */ s.createElement("rect", t.cn("rect", {
109
- x: "0",
110
- y: "0",
111
- width: "100%",
112
- height: "100%",
113
- mask: "url(#".concat(d, ")")
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
- }]), r;
117
- }(w);
118
- _(h, "displayName", "SkeletonSVG");
119
- _(h, "enhance", [D()]);
120
- _(h, "style", A);
121
- _(h, "defaultProps", {
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 j(a) {
126
- var m = $, r = a.y, o = r === void 0 ? 0 : r, e = a.x, t = e === void 0 ? 0 : e, n = a.amount, i = n === void 0 ? 1 : n, l = a.width, d = l === void 0 ? "100%" : l, u = a.styles, c = a.forwardRef, S = M(a, N), T = Number(i), G = function(f) {
127
- var k;
128
- return k = p(u), /* @__PURE__ */ s.createElement(m, k.cn("SText", g({
129
- tag: "rect",
130
- rx: "4",
131
- ry: "4",
132
- height: "8"
133
- }, f)));
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__ */ s.createElement(s.Fragment, null, z(Array(T)).map(function(V, f) {
136
- return G(g({
137
- key: f,
138
- y: o || 20 * f,
139
- x: t,
140
- ref: c,
141
- width: d
142
- }, S));
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 L = C(v);
146
- const ie = C(h, {
147
- Text: j
169
+ var Skeleton = createComponent(SkeletonRoot);
170
+ const Skeleton$1 = createComponent(SkeletonSVG, {
171
+ Text
148
172
  });
149
173
  export {
150
- L as Skeleton,
151
- ie as default
174
+ Skeleton,
175
+ Skeleton$1 as default
152
176
  };
package/lib/esm/index.mjs CHANGED
@@ -1,24 +1,24 @@
1
- import { default as a } from "./Skeleton.mjs";
2
- import { default as o } from "./Charts/Histogram.mjs";
3
- import { default as f } from "./Charts/Donut.mjs";
4
- import { default as m } from "./Charts/Bar.mjs";
5
- import { default as d } from "./Charts/CompactHorizontalBar.mjs";
6
- import { default as s } from "./Charts/Area.mjs";
7
- import { default as C } from "./Charts/Line.mjs";
8
- import { default as h } from "./Charts/Venn.mjs";
9
- import { default as i } from "./Charts/ScatterPlot.mjs";
10
- import { default as b } from "./Charts/Bubble.mjs";
11
- import { default as H } from "./Charts/RadialTree.mjs";
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
- s as AreaChartSkeleton,
14
- m as BarChartSkeleton,
15
- b as BubbleChartSkeleton,
16
- d as CompactHorizontalBarChartSkeleton,
17
- f as DonutChartSkeleton,
18
- o as HistogramChartSkeleton,
19
- C as LineChartSkeleton,
20
- H as RadialTreeChartSkeleton,
21
- i as ScatterPlotChartSkeleton,
22
- h as VennChartSkeleton,
23
- a as default
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 r from "./de.json.mjs";
2
- import o from "./en.json.mjs";
3
- import m from "./es.json.mjs";
4
- import t from "./fr.json.mjs";
5
- import i from "./it.json.mjs";
6
- import p from "./ja.json.mjs";
7
- import f from "./ko.json.mjs";
8
- import e from "./nl.json.mjs";
9
- import s from "./pt.json.mjs";
10
- import a from "./tr.json.mjs";
11
- import l from "./vi.json.mjs";
12
- import v from "./zh.json.mjs";
13
- import d from "./pl.json.mjs";
14
- import n from "./sv.json.mjs";
15
- var B = {
16
- de: r,
17
- en: o,
18
- es: m,
19
- fr: t,
20
- it: i,
21
- ja: p,
22
- ko: f,
23
- nl: e,
24
- pt: s,
25
- tr: a,
26
- vi: l,
27
- zh: v,
28
- pl: d,
29
- sv: n
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
- B as localizedMessages
32
+ localizedMessages
33
33
  };
@@ -1,7 +1,8 @@
1
- const d = "Wird geladen …", a = {
2
- loading: d
1
+ const loading = "Wird geladen …";
2
+ const de = {
3
+ loading
3
4
  };
4
5
  export {
5
- a as default,
6
- d as loading
6
+ de as default,
7
+ loading
7
8
  };
@@ -1,7 +1,8 @@
1
- const n = "Loading…", o = {
2
- loading: n
1
+ const loading = "Loading…";
2
+ const en = {
3
+ loading
3
4
  };
4
5
  export {
5
- o as default,
6
- n as loading
6
+ en as default,
7
+ loading
7
8
  };
@@ -1,7 +1,8 @@
1
- const a = "Cargando", o = {
2
- loading: a
1
+ const loading = "Cargando";
2
+ const es = {
3
+ loading
3
4
  };
4
5
  export {
5
- o as default,
6
- a as loading
6
+ es as default,
7
+ loading
7
8
  };
@@ -1,7 +1,8 @@
1
- const n = "Chargement en cours", o = {
2
- loading: n
1
+ const loading = "Chargement en cours";
2
+ const fr = {
3
+ loading
3
4
  };
4
5
  export {
5
- o as default,
6
- n as loading
6
+ fr as default,
7
+ loading
7
8
  };
@@ -1,7 +1,8 @@
1
- const a = "Caricamento", o = {
2
- loading: a
1
+ const loading = "Caricamento";
2
+ const it = {
3
+ loading
3
4
  };
4
5
  export {
5
- o as default,
6
- a as loading
6
+ it as default,
7
+ loading
7
8
  };
@@ -1,7 +1,8 @@
1
- const a = "読み込み中", o = {
2
- loading: a
1
+ const loading = "読み込み中";
2
+ const ja = {
3
+ loading
3
4
  };
4
5
  export {
5
- o as default,
6
- a as loading
6
+ ja as default,
7
+ loading
7
8
  };
@@ -1,7 +1,8 @@
1
- const o = "로딩 중", a = {
2
- loading: o
1
+ const loading = "로딩 중";
2
+ const ko = {
3
+ loading
3
4
  };
4
5
  export {
5
- a as default,
6
- o as loading
6
+ ko as default,
7
+ loading
7
8
  };