@semcore/skeleton 16.1.0-prerelease.1 → 16.1.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/lib/cjs/Skeleton.js +28 -27
- package/lib/cjs/Skeleton.js.map +1 -1
- package/lib/cjs/Skeleton.type.js +2 -0
- package/lib/cjs/Skeleton.type.js.map +1 -0
- package/lib/cjs/{Charts → charts/Area}/Area.js +20 -17
- package/lib/cjs/charts/Area/Area.js.map +1 -0
- package/lib/cjs/charts/Area/Area.type.js +2 -0
- package/lib/cjs/charts/Area/Area.type.js.map +1 -0
- package/lib/cjs/{Charts → charts/Bar}/Bar.js +35 -29
- package/lib/cjs/charts/Bar/Bar.js.map +1 -0
- package/lib/cjs/charts/Bar/Bar.type.js +2 -0
- package/lib/cjs/charts/Bar/Bar.type.js.map +1 -0
- package/lib/cjs/{Charts → charts/Bubble}/Bubble.js +13 -12
- package/lib/cjs/charts/Bubble/Bubble.js.map +1 -0
- package/lib/cjs/charts/Bubble/Bubble.type.js +2 -0
- package/lib/cjs/charts/Bubble/Bubble.type.js.map +1 -0
- package/lib/cjs/{Charts → charts/CompactHorizontalBar}/CompactHorizontalBar.js +13 -12
- package/lib/cjs/charts/CompactHorizontalBar/CompactHorizontalBar.js.map +1 -0
- package/lib/cjs/charts/CompactHorizontalBar/CompactHorizontalBar.type.js +2 -0
- package/lib/cjs/charts/CompactHorizontalBar/CompactHorizontalBar.type.js.map +1 -0
- package/lib/cjs/{Charts → charts/Donut}/Donut.js +26 -22
- package/lib/cjs/charts/Donut/Donut.js.map +1 -0
- package/lib/cjs/charts/Donut/Donut.type.js +2 -0
- package/lib/cjs/charts/Donut/Donut.type.js.map +1 -0
- package/lib/cjs/{Charts → charts/Histogram}/Histogram.js +35 -29
- package/lib/cjs/charts/Histogram/Histogram.js.map +1 -0
- package/lib/cjs/charts/Histogram/Histogram.type.js +2 -0
- package/lib/cjs/charts/Histogram/Histogram.type.js.map +1 -0
- package/lib/cjs/{Charts → charts/Line}/Line.js +21 -17
- package/lib/cjs/charts/Line/Line.js.map +1 -0
- package/lib/cjs/charts/Line/Line.type.js +2 -0
- package/lib/cjs/charts/Line/Line.type.js.map +1 -0
- package/lib/cjs/{Charts → charts/RadialTree}/RadialTree.js +13 -12
- package/lib/cjs/charts/RadialTree/RadialTree.js.map +1 -0
- package/lib/cjs/charts/RadialTree/RadialTree.type.js +2 -0
- package/lib/cjs/charts/RadialTree/RadialTree.type.js.map +1 -0
- package/lib/cjs/{Charts → charts/ScatterPlot}/ScatterPlot.js +13 -12
- package/lib/cjs/charts/ScatterPlot/ScatterPlot.js.map +1 -0
- package/lib/cjs/charts/ScatterPlot/ScatterPlot.type.js +2 -0
- package/lib/cjs/charts/ScatterPlot/ScatterPlot.type.js.map +1 -0
- package/lib/cjs/{Charts → charts/Venn}/Venn.js +13 -12
- package/lib/cjs/charts/Venn/Venn.js.map +1 -0
- package/lib/cjs/charts/Venn/Venn.type.js +2 -0
- package/lib/cjs/charts/Venn/Venn.type.js.map +1 -0
- package/lib/cjs/index.js +206 -5
- package/lib/cjs/index.js.map +1 -1
- package/lib/es6/Skeleton.js +26 -25
- package/lib/es6/Skeleton.js.map +1 -1
- package/lib/es6/Skeleton.type.js +2 -0
- package/lib/es6/Skeleton.type.js.map +1 -0
- package/lib/es6/{Charts → charts/Area}/Area.js +20 -17
- package/lib/es6/charts/Area/Area.js.map +1 -0
- package/lib/es6/charts/Area/Area.type.js +2 -0
- package/lib/es6/charts/Area/Area.type.js.map +1 -0
- package/lib/es6/{Charts → charts/Bar}/Bar.js +35 -29
- package/lib/es6/charts/Bar/Bar.js.map +1 -0
- package/lib/es6/charts/Bar/Bar.type.js +2 -0
- package/lib/es6/charts/Bar/Bar.type.js.map +1 -0
- package/lib/es6/{Charts → charts/Bubble}/Bubble.js +13 -12
- package/lib/es6/charts/Bubble/Bubble.js.map +1 -0
- package/lib/es6/charts/Bubble/Bubble.type.js +2 -0
- package/lib/es6/charts/Bubble/Bubble.type.js.map +1 -0
- package/lib/es6/{Charts → charts/CompactHorizontalBar}/CompactHorizontalBar.js +13 -12
- package/lib/es6/charts/CompactHorizontalBar/CompactHorizontalBar.js.map +1 -0
- package/lib/es6/charts/CompactHorizontalBar/CompactHorizontalBar.type.js +2 -0
- package/lib/es6/charts/CompactHorizontalBar/CompactHorizontalBar.type.js.map +1 -0
- package/lib/es6/{Charts → charts/Donut}/Donut.js +26 -22
- package/lib/es6/charts/Donut/Donut.js.map +1 -0
- package/lib/es6/charts/Donut/Donut.type.js +2 -0
- package/lib/es6/charts/Donut/Donut.type.js.map +1 -0
- package/lib/es6/{Charts → charts/Histogram}/Histogram.js +35 -29
- package/lib/es6/charts/Histogram/Histogram.js.map +1 -0
- package/lib/es6/charts/Histogram/Histogram.type.js +2 -0
- package/lib/es6/charts/Histogram/Histogram.type.js.map +1 -0
- package/lib/es6/{Charts → charts/Line}/Line.js +21 -17
- package/lib/es6/charts/Line/Line.js.map +1 -0
- package/lib/es6/charts/Line/Line.type.js +2 -0
- package/lib/es6/charts/Line/Line.type.js.map +1 -0
- package/lib/es6/{Charts → charts/RadialTree}/RadialTree.js +13 -12
- package/lib/es6/charts/RadialTree/RadialTree.js.map +1 -0
- package/lib/es6/charts/RadialTree/RadialTree.type.js +2 -0
- package/lib/es6/charts/RadialTree/RadialTree.type.js.map +1 -0
- package/lib/es6/{Charts → charts/ScatterPlot}/ScatterPlot.js +13 -12
- package/lib/es6/charts/ScatterPlot/ScatterPlot.js.map +1 -0
- package/lib/es6/charts/ScatterPlot/ScatterPlot.type.js +2 -0
- package/lib/es6/charts/ScatterPlot/ScatterPlot.type.js.map +1 -0
- package/lib/es6/{Charts → charts/Venn}/Venn.js +13 -12
- package/lib/es6/charts/Venn/Venn.js.map +1 -0
- package/lib/es6/charts/Venn/Venn.type.js +2 -0
- package/lib/es6/charts/Venn/Venn.type.js.map +1 -0
- package/lib/es6/index.js +21 -1
- package/lib/es6/index.js.map +1 -1
- package/lib/esm/Skeleton.mjs +30 -29
- package/lib/esm/Skeleton.type.mjs +1 -0
- package/lib/esm/{Charts → charts/Area}/Area.mjs +18 -18
- package/lib/esm/charts/Area/Area.type.mjs +1 -0
- package/lib/esm/{Charts → charts/Bar}/Bar.mjs +33 -30
- package/lib/esm/charts/Bar/Bar.type.mjs +1 -0
- package/lib/esm/{Charts → charts/Bubble}/Bubble.mjs +13 -13
- package/lib/esm/charts/Bubble/Bubble.type.mjs +1 -0
- package/lib/esm/{Charts → charts/CompactHorizontalBar}/CompactHorizontalBar.mjs +13 -13
- package/lib/esm/charts/CompactHorizontalBar/CompactHorizontalBar.type.mjs +1 -0
- package/lib/esm/{Charts → charts/Donut}/Donut.mjs +24 -23
- package/lib/esm/charts/Donut/Donut.type.mjs +1 -0
- package/lib/esm/{Charts → charts/Histogram}/Histogram.mjs +33 -30
- package/lib/esm/charts/Histogram/Histogram.type.mjs +1 -0
- package/lib/esm/{Charts → charts/Line}/Line.mjs +19 -18
- package/lib/esm/charts/Line/Line.type.mjs +1 -0
- package/lib/esm/{Charts → charts/RadialTree}/RadialTree.mjs +13 -13
- package/lib/esm/charts/RadialTree/RadialTree.type.mjs +1 -0
- package/lib/esm/{Charts → charts/ScatterPlot}/ScatterPlot.mjs +13 -13
- package/lib/esm/charts/ScatterPlot/ScatterPlot.type.mjs +1 -0
- package/lib/esm/{Charts → charts/Venn}/Venn.mjs +13 -13
- package/lib/esm/charts/Venn/Venn.type.mjs +1 -0
- package/lib/esm/index.mjs +30 -19
- 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 -99
- package/lib/types/translations/__intergalactic-dynamic-locales.d.ts +44 -0
- package/package.json +5 -5
- package/lib/cjs/Charts/Area.js.map +0 -1
- package/lib/cjs/Charts/Bar.js.map +0 -1
- package/lib/cjs/Charts/Bubble.js.map +0 -1
- package/lib/cjs/Charts/CompactHorizontalBar.js.map +0 -1
- package/lib/cjs/Charts/Donut.js.map +0 -1
- package/lib/cjs/Charts/Histogram.js.map +0 -1
- package/lib/cjs/Charts/Line.js.map +0 -1
- package/lib/cjs/Charts/RadialTree.js.map +0 -1
- package/lib/cjs/Charts/ScatterPlot.js.map +0 -1
- package/lib/cjs/Charts/Venn.js.map +0 -1
- package/lib/cjs/Charts/index.js +0 -77
- package/lib/cjs/Charts/index.js.map +0 -1
- package/lib/cjs/Skeleton.d.js +0 -2
- package/lib/cjs/Skeleton.d.js.map +0 -1
- package/lib/cjs/index.d.js +0 -2
- package/lib/cjs/index.d.js.map +0 -1
- package/lib/es6/Charts/Area.js.map +0 -1
- package/lib/es6/Charts/Bar.js.map +0 -1
- package/lib/es6/Charts/Bubble.js.map +0 -1
- package/lib/es6/Charts/CompactHorizontalBar.js.map +0 -1
- package/lib/es6/Charts/Donut.js.map +0 -1
- package/lib/es6/Charts/Histogram.js.map +0 -1
- package/lib/es6/Charts/Line.js.map +0 -1
- package/lib/es6/Charts/RadialTree.js.map +0 -1
- package/lib/es6/Charts/ScatterPlot.js.map +0 -1
- package/lib/es6/Charts/Venn.js.map +0 -1
- package/lib/es6/Charts/index.js +0 -11
- package/lib/es6/Charts/index.js.map +0 -1
- package/lib/es6/Skeleton.d.js +0 -2
- package/lib/es6/Skeleton.d.js.map +0 -1
- package/lib/es6/index.d.js +0 -2
- package/lib/es6/index.d.js.map +0 -1
package/lib/esm/index.mjs
CHANGED
|
@@ -1,24 +1,35 @@
|
|
|
1
1
|
import { default as default2 } from "./Skeleton.mjs";
|
|
2
|
-
import
|
|
3
|
-
import { default as
|
|
4
|
-
import
|
|
5
|
-
import { default as
|
|
6
|
-
import
|
|
7
|
-
import { default as
|
|
8
|
-
import
|
|
9
|
-
import { default as
|
|
10
|
-
import
|
|
11
|
-
import { default as
|
|
2
|
+
import "./Skeleton.type.mjs";
|
|
3
|
+
import { default as default3 } from "./charts/Area/Area.mjs";
|
|
4
|
+
import "./charts/Area/Area.type.mjs";
|
|
5
|
+
import { default as default4 } from "./charts/Bar/Bar.mjs";
|
|
6
|
+
import "./charts/Bar/Bar.type.mjs";
|
|
7
|
+
import { default as default5 } from "./charts/Bubble/Bubble.mjs";
|
|
8
|
+
import "./charts/Bubble/Bubble.type.mjs";
|
|
9
|
+
import { default as default6 } from "./charts/CompactHorizontalBar/CompactHorizontalBar.mjs";
|
|
10
|
+
import "./charts/CompactHorizontalBar/CompactHorizontalBar.type.mjs";
|
|
11
|
+
import { default as default7 } from "./charts/Donut/Donut.mjs";
|
|
12
|
+
import "./charts/Donut/Donut.type.mjs";
|
|
13
|
+
import { default as default8 } from "./charts/Histogram/Histogram.mjs";
|
|
14
|
+
import "./charts/Histogram/Histogram.type.mjs";
|
|
15
|
+
import { default as default9 } from "./charts/Line/Line.mjs";
|
|
16
|
+
import "./charts/Line/Line.type.mjs";
|
|
17
|
+
import { default as default10 } from "./charts/RadialTree/RadialTree.mjs";
|
|
18
|
+
import "./charts/RadialTree/RadialTree.type.mjs";
|
|
19
|
+
import { default as default11 } from "./charts/ScatterPlot/ScatterPlot.mjs";
|
|
20
|
+
import "./charts/ScatterPlot/ScatterPlot.type.mjs";
|
|
21
|
+
import { default as default12 } from "./charts/Venn/Venn.mjs";
|
|
22
|
+
import "./charts/Venn/Venn.type.mjs";
|
|
12
23
|
export {
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
24
|
+
default3 as AreaChartSkeleton,
|
|
25
|
+
default4 as BarChartSkeleton,
|
|
26
|
+
default5 as BubbleChartSkeleton,
|
|
16
27
|
default6 as CompactHorizontalBarChartSkeleton,
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
28
|
+
default7 as DonutChartSkeleton,
|
|
29
|
+
default8 as HistogramChartSkeleton,
|
|
30
|
+
default9 as LineChartSkeleton,
|
|
31
|
+
default10 as RadialTreeChartSkeleton,
|
|
32
|
+
default11 as ScatterPlotChartSkeleton,
|
|
33
|
+
default12 as VennChartSkeleton,
|
|
23
34
|
default2 as default
|
|
24
35
|
};
|
package/lib/types/Skeleton.d.ts
CHANGED
|
@@ -1,4 +1,5 @@
|
|
|
1
|
-
|
|
2
|
-
declare const
|
|
1
|
+
import type { NSSkeleton } from './Skeleton.type';
|
|
2
|
+
declare const Skeleton: NSSkeleton.RenderComponent;
|
|
3
3
|
export { Skeleton };
|
|
4
|
-
|
|
4
|
+
declare const _default: NSSkeleton.Component;
|
|
5
|
+
export default _default;
|
|
@@ -0,0 +1,52 @@
|
|
|
1
|
+
import type { BoxProps } from '@semcore/base-components';
|
|
2
|
+
import type { Intergalactic } from '@semcore/core';
|
|
3
|
+
import type { UniqueIDProps } from '@semcore/core/lib/utils/uniqueID';
|
|
4
|
+
declare namespace NSSkeleton {
|
|
5
|
+
type Props = BoxProps & UniqueIDProps & {
|
|
6
|
+
/**
|
|
7
|
+
* Skeleton visibility control property
|
|
8
|
+
*/
|
|
9
|
+
hidden?: boolean;
|
|
10
|
+
/**
|
|
11
|
+
* Animation speed in ms
|
|
12
|
+
* @default 2000
|
|
13
|
+
*/
|
|
14
|
+
duration?: string | number;
|
|
15
|
+
/**
|
|
16
|
+
* Skeleton theme
|
|
17
|
+
* @default invert
|
|
18
|
+
*/
|
|
19
|
+
theme?: 'dark' | 'invert';
|
|
20
|
+
/** Specifies the locale for i18n support */
|
|
21
|
+
locale?: string;
|
|
22
|
+
/**
|
|
23
|
+
* Enable ResizeObserver for parent Element to recalculate skeleton size.
|
|
24
|
+
* @default false
|
|
25
|
+
*/
|
|
26
|
+
observeParentSize?: boolean;
|
|
27
|
+
};
|
|
28
|
+
type Ctx = {
|
|
29
|
+
gradientUrl: string;
|
|
30
|
+
};
|
|
31
|
+
namespace Text {
|
|
32
|
+
type Props = BoxProps & {
|
|
33
|
+
/**
|
|
34
|
+
* Number of items to be returned
|
|
35
|
+
* @default 1
|
|
36
|
+
*/
|
|
37
|
+
amount?: string | number;
|
|
38
|
+
};
|
|
39
|
+
type Component = Intergalactic.Component<'rect', Props>;
|
|
40
|
+
}
|
|
41
|
+
type RenderComponent = Intergalactic.Component<'div', Props, Ctx>;
|
|
42
|
+
type Component = Intergalactic.Component<'svg', Props, Ctx> & {
|
|
43
|
+
Text: Text.Component;
|
|
44
|
+
};
|
|
45
|
+
}
|
|
46
|
+
/** @deprecated It will be removed in v18. */
|
|
47
|
+
export type SkeletonProps = NSSkeleton.Props;
|
|
48
|
+
/** @deprecated It will be removed in v18. */
|
|
49
|
+
export type SkeletonCtx = NSSkeleton.Ctx;
|
|
50
|
+
/** @deprecated It will be removed in v18. */
|
|
51
|
+
export type SkeletonTextProps = NSSkeleton.Text.Props;
|
|
52
|
+
export type { NSSkeleton };
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import type { Intergalactic } from '@semcore/core';
|
|
2
|
+
import type { NSSkeleton } from '../../Skeleton.type';
|
|
3
|
+
declare namespace NSSkeletonAreaChart {
|
|
4
|
+
type Props = NSSkeleton.Props & {
|
|
5
|
+
/** Controls the area curve interpolation style for the skeleton pattern */
|
|
6
|
+
type?: 'linear' | 'monotone';
|
|
7
|
+
};
|
|
8
|
+
type Component = Intergalactic.Component<'svg', Props>;
|
|
9
|
+
}
|
|
10
|
+
/** @deprecated It will be removed in v18. */
|
|
11
|
+
export type AreaChartSkeletonProps = NSSkeletonAreaChart.Props;
|
|
12
|
+
export type { NSSkeletonAreaChart };
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import type { Intergalactic } from '@semcore/core';
|
|
2
|
+
import type { NSSkeleton } from '../../Skeleton.type';
|
|
3
|
+
declare namespace NSSkeletonBarChart {
|
|
4
|
+
type Props = NSSkeleton.Props & {
|
|
5
|
+
/** Controls the orientation of the bar chart skeleton */
|
|
6
|
+
layout?: 'horizontal' | 'vertical';
|
|
7
|
+
};
|
|
8
|
+
type Component = Intergalactic.Component<'svg', Props>;
|
|
9
|
+
}
|
|
10
|
+
/** @deprecated It will be removed in v18. */
|
|
11
|
+
export type BarChartSkeletonProps = NSSkeletonBarChart.Props;
|
|
12
|
+
export type { NSSkeletonBarChart };
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import type { Intergalactic } from '@semcore/core';
|
|
2
|
+
import type { NSSkeleton } from '../../Skeleton.type';
|
|
3
|
+
declare namespace NSSkeletonDonutChart {
|
|
4
|
+
type Props = NSSkeleton.Props & {
|
|
5
|
+
/** Semi donut */
|
|
6
|
+
halfsize?: boolean;
|
|
7
|
+
};
|
|
8
|
+
type Component = Intergalactic.Component<'svg', Props>;
|
|
9
|
+
}
|
|
10
|
+
/** @deprecated It will be removed in v18. */
|
|
11
|
+
export type DonutChartSkeletonProps = NSSkeletonDonutChart.Props;
|
|
12
|
+
export type { NSSkeletonDonutChart };
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import type { Intergalactic } from '@semcore/core';
|
|
2
|
+
import type { NSSkeleton } from '../../Skeleton.type';
|
|
3
|
+
declare namespace NSSkeletonHistogramChart {
|
|
4
|
+
type Props = NSSkeleton.Props & {
|
|
5
|
+
/** Controls the orientation of the histogram chart skeleton */
|
|
6
|
+
layout?: 'horizontal' | 'vertical';
|
|
7
|
+
};
|
|
8
|
+
type Component = Intergalactic.Component<'svg', Props>;
|
|
9
|
+
}
|
|
10
|
+
/** @deprecated It will be removed in v18. */
|
|
11
|
+
export type HistogramChartSkeletonProps = NSSkeletonHistogramChart.Props;
|
|
12
|
+
export type { NSSkeletonHistogramChart };
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import type { Intergalactic } from '@semcore/core';
|
|
2
|
+
import type { NSSkeleton } from '../../Skeleton.type';
|
|
3
|
+
declare namespace NSSkeletonLineChart {
|
|
4
|
+
type Props = NSSkeleton.Props & {
|
|
5
|
+
/** Controls the line interpolation style for the skeleton pattern */
|
|
6
|
+
type?: 'linear' | 'monotone';
|
|
7
|
+
};
|
|
8
|
+
type Component = Intergalactic.Component<'svg', Props>;
|
|
9
|
+
}
|
|
10
|
+
/** @deprecated It will be removed in v18. */
|
|
11
|
+
export type LineChartSkeletonProps = NSSkeletonLineChart.Props;
|
|
12
|
+
export type { NSSkeletonLineChart };
|
package/lib/types/index.d.ts
CHANGED
|
@@ -1,99 +1,22 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
export
|
|
7
|
-
export
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
/** Specifies the locale for i18n support */
|
|
24
|
-
locale?: string;
|
|
25
|
-
/**
|
|
26
|
-
* Enable ResizeObserver for parent Element to recalculate skeleton size.
|
|
27
|
-
* @default false
|
|
28
|
-
*/
|
|
29
|
-
observeParentSize?: boolean;
|
|
30
|
-
};
|
|
31
|
-
|
|
32
|
-
/** @deprecated */
|
|
33
|
-
export interface ISkeletonCtx extends SkeletonCtx, UnknownProperties {}
|
|
34
|
-
export type SkeletonCtx = {
|
|
35
|
-
gradientUrl: 'string';
|
|
36
|
-
};
|
|
37
|
-
|
|
38
|
-
/** @deprecated */
|
|
39
|
-
export interface ISkeletonTextProps extends SkeletonTextProps, UnknownProperties {}
|
|
40
|
-
export type SkeletonTextProps = BoxProps & {
|
|
41
|
-
/**
|
|
42
|
-
* Number of items to be returned
|
|
43
|
-
* @default 1
|
|
44
|
-
*/
|
|
45
|
-
amount?: string | number;
|
|
46
|
-
};
|
|
47
|
-
|
|
48
|
-
export type AreaChartSkeletonProps = SkeletonProps & {
|
|
49
|
-
/** Controls the area curve interpolation style for the skeleton pattern */
|
|
50
|
-
type?: 'linear' | 'monotone';
|
|
51
|
-
};
|
|
52
|
-
|
|
53
|
-
export type BarChartSkeletonProps = SkeletonProps & {
|
|
54
|
-
/** Controls the orientation of the bar chart skeleton */
|
|
55
|
-
layout?: 'horizontal' | 'vertical';
|
|
56
|
-
};
|
|
57
|
-
|
|
58
|
-
export type HistogramChartSkeletonProps = SkeletonProps & {
|
|
59
|
-
/** Controls the orientation of the histogram chart skeleton */
|
|
60
|
-
layout?: 'horizontal' | 'vertical';
|
|
61
|
-
};
|
|
62
|
-
|
|
63
|
-
export type LineChartSkeletonProps = SkeletonProps & {
|
|
64
|
-
/** Controls the line interpolation style for the skeleton pattern */
|
|
65
|
-
type?: 'linear' | 'monotone';
|
|
66
|
-
};
|
|
67
|
-
|
|
68
|
-
export type DonutChartSkeletonProps = SkeletonProps & {
|
|
69
|
-
/** Semi donut */
|
|
70
|
-
halfsize?: boolean;
|
|
71
|
-
};
|
|
72
|
-
|
|
73
|
-
declare const Skeleton: Intergalactic.Component<'svg', SkeletonProps, SkeletonCtx> & {
|
|
74
|
-
Text: Intergalactic.Component<'rect', SkeletonTextProps>;
|
|
75
|
-
};
|
|
76
|
-
declare const AreaChartSkeleton: Intergalactic.Component<'svg', AreaChartSkeletonProps>;
|
|
77
|
-
declare const BarChartSkeleton: Intergalactic.Component<'svg', BarChartSkeletonProps>;
|
|
78
|
-
declare const HistogramChartSkeleton: Intergalactic.Component<'svg', HistogramChartSkeletonProps>;
|
|
79
|
-
declare const LineChartSkeleton: Intergalactic.Component<'svg', LineChartSkeletonProps>;
|
|
80
|
-
declare const DonutChartSkeleton: Intergalactic.Component<'svg', DonutChartSkeletonProps>;
|
|
81
|
-
declare const VennChartSkeleton: typeof Skeleton;
|
|
82
|
-
declare const BubbleChartSkeleton: typeof Skeleton;
|
|
83
|
-
declare const ScatterPlotChartSkeleton: typeof Skeleton;
|
|
84
|
-
declare const RadialTreeChartSkeleton: typeof Skeleton;
|
|
85
|
-
declare const CompactHorizontalBarChartSkeleton: typeof Skeleton;
|
|
86
|
-
|
|
87
|
-
export default Skeleton;
|
|
88
|
-
export {
|
|
89
|
-
AreaChartSkeleton,
|
|
90
|
-
BarChartSkeleton,
|
|
91
|
-
HistogramChartSkeleton,
|
|
92
|
-
LineChartSkeleton,
|
|
93
|
-
DonutChartSkeleton,
|
|
94
|
-
VennChartSkeleton,
|
|
95
|
-
BubbleChartSkeleton,
|
|
96
|
-
ScatterPlotChartSkeleton,
|
|
97
|
-
RadialTreeChartSkeleton,
|
|
98
|
-
CompactHorizontalBarChartSkeleton,
|
|
99
|
-
};
|
|
1
|
+
export { default } from './Skeleton';
|
|
2
|
+
export * from './Skeleton.type';
|
|
3
|
+
export { default as AreaChartSkeleton } from './charts/Area/Area';
|
|
4
|
+
export * from './charts/Area/Area.type';
|
|
5
|
+
export { default as BarChartSkeleton } from './charts/Bar/Bar';
|
|
6
|
+
export * from './charts/Bar/Bar.type';
|
|
7
|
+
export { default as BubbleChartSkeleton } from './charts/Bubble/Bubble';
|
|
8
|
+
export * from './charts/Bubble/Bubble.type';
|
|
9
|
+
export { default as CompactHorizontalBarChartSkeleton } from './charts/CompactHorizontalBar/CompactHorizontalBar';
|
|
10
|
+
export * from './charts/CompactHorizontalBar/CompactHorizontalBar.type';
|
|
11
|
+
export { default as DonutChartSkeleton } from './charts/Donut/Donut';
|
|
12
|
+
export * from './charts/Donut/Donut.type';
|
|
13
|
+
export { default as HistogramChartSkeleton } from './charts/Histogram/Histogram';
|
|
14
|
+
export * from './charts/Histogram/Histogram.type';
|
|
15
|
+
export { default as LineChartSkeleton } from './charts/Line/Line';
|
|
16
|
+
export * from './charts/Line/Line.type';
|
|
17
|
+
export { default as RadialTreeChartSkeleton } from './charts/RadialTree/RadialTree';
|
|
18
|
+
export * from './charts/RadialTree/RadialTree.type';
|
|
19
|
+
export { default as ScatterPlotChartSkeleton } from './charts/ScatterPlot/ScatterPlot';
|
|
20
|
+
export * from './charts/ScatterPlot/ScatterPlot.type';
|
|
21
|
+
export { default as VennChartSkeleton } from './charts/Venn/Venn';
|
|
22
|
+
export * from './charts/Venn/Venn.type';
|
|
@@ -0,0 +1,44 @@
|
|
|
1
|
+
export declare const localizedMessages: {
|
|
2
|
+
de: {
|
|
3
|
+
loading: string;
|
|
4
|
+
};
|
|
5
|
+
en: {
|
|
6
|
+
loading: string;
|
|
7
|
+
};
|
|
8
|
+
es: {
|
|
9
|
+
loading: string;
|
|
10
|
+
};
|
|
11
|
+
fr: {
|
|
12
|
+
loading: string;
|
|
13
|
+
};
|
|
14
|
+
it: {
|
|
15
|
+
loading: string;
|
|
16
|
+
};
|
|
17
|
+
ja: {
|
|
18
|
+
loading: string;
|
|
19
|
+
};
|
|
20
|
+
ko: {
|
|
21
|
+
loading: string;
|
|
22
|
+
};
|
|
23
|
+
nl: {
|
|
24
|
+
loading: string;
|
|
25
|
+
};
|
|
26
|
+
pt: {
|
|
27
|
+
loading: string;
|
|
28
|
+
};
|
|
29
|
+
tr: {
|
|
30
|
+
loading: string;
|
|
31
|
+
};
|
|
32
|
+
vi: {
|
|
33
|
+
loading: string;
|
|
34
|
+
};
|
|
35
|
+
zh: {
|
|
36
|
+
loading: string;
|
|
37
|
+
};
|
|
38
|
+
pl: {
|
|
39
|
+
loading: string;
|
|
40
|
+
};
|
|
41
|
+
sv: {
|
|
42
|
+
loading: string;
|
|
43
|
+
};
|
|
44
|
+
};
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@semcore/skeleton",
|
|
3
3
|
"description": "Semrush Skeleton Component",
|
|
4
|
-
"version": "16.1.0
|
|
4
|
+
"version": "16.1.0",
|
|
5
5
|
"main": "lib/cjs/index.js",
|
|
6
6
|
"module": "lib/es6/index.js",
|
|
7
7
|
"types": "lib/types/index.d.ts",
|
|
@@ -14,10 +14,10 @@
|
|
|
14
14
|
"types": "./lib/types/index.d.ts"
|
|
15
15
|
},
|
|
16
16
|
"dependencies": {
|
|
17
|
-
"@semcore/flex-box": "16.1.0
|
|
17
|
+
"@semcore/flex-box": "16.1.0"
|
|
18
18
|
},
|
|
19
19
|
"peerDependencies": {
|
|
20
|
-
"@semcore/base-components": "^16.6.0
|
|
20
|
+
"@semcore/base-components": "^16.6.0"
|
|
21
21
|
},
|
|
22
22
|
"repository": {
|
|
23
23
|
"type": "git",
|
|
@@ -25,8 +25,8 @@
|
|
|
25
25
|
"directory": "semcore/skeleton"
|
|
26
26
|
},
|
|
27
27
|
"devDependencies": {
|
|
28
|
-
"@semcore/
|
|
29
|
-
"@semcore/
|
|
28
|
+
"@semcore/core": "16.6.0",
|
|
29
|
+
"@semcore/testing-utils": "1.0.0"
|
|
30
30
|
},
|
|
31
31
|
"scripts": {
|
|
32
32
|
"build": "pnpm semcore-builder --source=js && pnpm vite build"
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Area.js","names":["_core","require","_react","_interopRequireDefault","_Skeleton","styles","sstyled","insert","areaLinearSvg","areaMonotoneSvg","AreaChartSkeleton","props","_ref","arguments[0]","_ref2","_props$type","SChartSkeleton","Skeleton","patternBase64","linear","monotone","type","createElement","cn","_objectSpread2","assignProps","concat","_default","exports","createComponent"],"sources":["../../../src/Charts/Area.jsx"],"sourcesContent":["import { createComponent, Root, sstyled } from '@semcore/core';\nimport React from 'react';\n\nimport { Skeleton } from '../Skeleton';\nimport styles from '../style/chart.shadow.css';\n\nconst areaLinearSvg = preval`\nmodule.exports = btoa(require('fs').readFileSync(__dirname + '/../svg/area-chart-linear.svg'))\n`;\nconst areaMonotoneSvg = preval`\nmodule.exports = btoa(require('fs').readFileSync(__dirname + '/../svg/area-chart-monotone.svg'))\n`;\n\nfunction AreaChartSkeleton(props) {\n const SChartSkeleton = Root;\n const patternBase64 = { linear: areaLinearSvg, monotone: areaMonotoneSvg }[\n props.type ?? 'linear'\n ];\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,${patternBase64})`}\n />,\n );\n}\n\nexport default createComponent(AreaChartSkeleton);\n"],"mappings":";;;;;;;;AAAA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AAEA,IAAAG,SAAA,GAAAH,OAAA;AAAuC;AAAA,IAAAI,MAAA,8BAAAL,KAAA,CAAAM,OAAA,CAAAC,MAAA;AAAA;AAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAAA;AAGvC,IAAMC,aAAa,yVAElB;AACD,IAAMC,eAAe,iRAEpB;AAED,SAASC,iBAAiBA,CAACC,KAAK,EAAE;EAAA,IAAAC,IAAA,GAAAC,YAAA;IAAAC,KAAA;IAAAC,WAAA;EAChC,IAAMC,cAAc,GAMRC,kBAAQ;EALpB,IAAMC,aAAa,GAAG;IAAEC,MAAM,EAAEX,aAAa;IAAEY,QAAQ,EAAEX;EAAgB,CAAC,EAAAM,WAAA,GACxEJ,KAAK,CAACU,IAAI,cAAAN,WAAA,cAAAA,WAAA,GAAI,QAAQ,CACvB;EACD,OAAAD,KAAA,GAAO,IAAAR,aAAO,EAACD,MAAM,CAAC,eACpBH,MAAA,YAAAoB,aAAA,CAACN,cAAc,EAAAF,KAAA,CAAAS,EAAA,uBAAAC,cAAA,qBAAAxB,KAAA,CAAAyB,WAAA;IAAA,YAEJ,UAAU;IAAA,cACR,aAAa;IAAA,UACjB,UAAU;IAAA,8CAAAC,MAAA,CAC2BR,aAAa;EAAA,GAAAN,IAAA,GAC1D,CAAC;AAEN;AAAC,IAAAe,QAAA,GAAAC,OAAA,cAEc,IAAAC,qBAAe,EAACnB,iBAAiB,CAAC","ignoreList":[]}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Bar.js","names":["_core","require","_react","_interopRequireDefault","_Skeleton","styles","sstyled","insert","barVerticalSvg","barHorizontalSvg","BarChartSkeleton","props","_ref","arguments[0]","_ref2","_props$layout","SChartSkeleton","Skeleton","layout","patternBase64","vertical","horizontal","createElement","cn","_objectSpread2","assignProps","concat","_default","exports","createComponent"],"sources":["../../../src/Charts/Bar.jsx"],"sourcesContent":["import { createComponent, Root, sstyled } from '@semcore/core';\nimport React from 'react';\n\nimport { Skeleton } from '../Skeleton';\nimport styles from '../style/chart.shadow.css';\n\nconst barVerticalSvg = preval`\nmodule.exports = btoa(require('fs').readFileSync(__dirname + '/../svg/bar-chart-vertical.svg'))\n`;\nconst barHorizontalSvg = preval`\nmodule.exports = btoa(require('fs').readFileSync(__dirname + '/../svg/bar-chart-horizontal.svg'))\n`;\n\nfunction BarChartSkeleton(props) {\n const SChartSkeleton = Root;\n const layout = props.layout ?? 'horizontal';\n const patternBase64 = { vertical: barVerticalSvg, horizontal: barHorizontalSvg }[layout];\n return sstyled(styles)(\n <SChartSkeleton\n render={Skeleton}\n bgRepeat={{ vertical: 'repeat-y', horizontal: 'repeat-x' }[layout]}\n bgPosition={{ vertical: 'left top', horizontal: 'left bottom' }[layout]}\n bgSize={{ vertical: 'contain', horizontal: 'auto 50%' }[layout]}\n bgPattern={`url(data:image/svg+xml;base64,${patternBase64})`}\n />,\n );\n}\n\nexport default createComponent(BarChartSkeleton);\n"],"mappings":";;;;;;;;AAAA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AAEA,IAAAG,SAAA,GAAAH,OAAA;AAAuC;AAAA,IAAAI,MAAA,8BAAAL,KAAA,CAAAM,OAAA,CAAAC,MAAA;AAAA;AAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAAA;AAGvC,IAAMC,cAAc,69BAEnB;AACD,IAAMC,gBAAgB,izBAErB;AAED,SAASC,gBAAgBA,CAACC,KAAK,EAAE;EAAA,IAAAC,IAAA,GAAAC,YAAA;IAAAC,KAAA;IAAAC,aAAA;EAC/B,IAAMC,cAAc,GAKRC,kBAAQ;EAJpB,IAAMC,MAAM,IAAAH,aAAA,GAAGJ,KAAK,CAACO,MAAM,cAAAH,aAAA,cAAAA,aAAA,GAAI,YAAY;EAC3C,IAAMI,aAAa,GAAG;IAAEC,QAAQ,EAAEZ,cAAc;IAAEa,UAAU,EAAEZ;EAAiB,CAAC,CAACS,MAAM,CAAC;EACxF,OAAAJ,KAAA,GAAO,IAAAR,aAAO,EAACD,MAAM,CAAC,eACpBH,MAAA,YAAAoB,aAAA,CAACN,cAAc,EAAAF,KAAA,CAAAS,EAAA,uBAAAC,cAAA,qBAAAxB,KAAA,CAAAyB,WAAA;IAAA,YAEH;MAAEL,QAAQ,EAAE,UAAU;MAAEC,UAAU,EAAE;IAAW,CAAC,CAACH,MAAM,CAAC;IAAA,cACtD;MAAEE,QAAQ,EAAE,UAAU;MAAEC,UAAU,EAAE;IAAc,CAAC,CAACH,MAAM,CAAC;IAAA,UAC/D;MAAEE,QAAQ,EAAE,SAAS;MAAEC,UAAU,EAAE;IAAW,CAAC,CAACH,MAAM,CAAC;IAAA,8CAAAQ,MAAA,CACnBP,aAAa;EAAA,GAAAP,IAAA,GAC1D,CAAC;AAEN;AAAC,IAAAe,QAAA,GAAAC,OAAA,cAEc,IAAAC,qBAAe,EAACnB,gBAAgB,CAAC","ignoreList":[]}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Bubble.js","names":["_core","require","_react","_interopRequireDefault","_Skeleton","styles","sstyled","insert","bubbleSvg","BubbleChartSkeleton","_ref","arguments[0]","_ref2","SChartSkeleton","Skeleton","createElement","cn","_objectSpread2","assignProps","concat","_default","exports","createComponent"],"sources":["../../../src/Charts/Bubble.jsx"],"sourcesContent":["import { createComponent, Root, sstyled } from '@semcore/core';\nimport React from 'react';\n\nimport { Skeleton } from '../Skeleton';\nimport styles from '../style/chart.shadow.css';\n\nconst bubbleSvg = preval`\nmodule.exports = btoa(require('fs').readFileSync(__dirname + '/../svg/bubble-chart.svg'))\n`;\n\nfunction BubbleChartSkeleton() {\n const SChartSkeleton = Root;\n return sstyled(styles)(\n <SChartSkeleton\n render={Skeleton}\n bgRepeat='repeat-x'\n bgPosition='left center'\n bgSize='auto 50%'\n bgPattern={`url(data:image/svg+xml;base64,${bubbleSvg})`}\n />,\n );\n}\n\nexport default createComponent(BubbleChartSkeleton);\n"],"mappings":";;;;;;;;AAAA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AAEA,IAAAG,SAAA,GAAAH,OAAA;AAAuC;AAAA,IAAAI,MAAA,8BAAAL,KAAA,CAAAM,OAAA,CAAAC,MAAA;AAAA;AAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAAA;AAGvC,IAAMC,SAAS,6xCAEd;AAED,SAASC,mBAAmBA,CAAA,EAAG;EAAA,IAAAC,IAAA,GAAAC,YAAA;IAAAC,KAAA;EAC7B,IAAMC,cAAc,GAGRC,kBAAQ;EAFpB,OAAAF,KAAA,GAAO,IAAAN,aAAO,EAACD,MAAM,CAAC,eACpBH,MAAA,YAAAa,aAAA,CAACF,cAAc,EAAAD,KAAA,CAAAI,EAAA,uBAAAC,cAAA,qBAAAjB,KAAA,CAAAkB,WAAA;IAAA,YAEJ,UAAU;IAAA,cACR,aAAa;IAAA,UACjB,UAAU;IAAA,8CAAAC,MAAA,CAC2BX,SAAS;EAAA,GAAAE,IAAA,GACtD,CAAC;AAEN;AAAC,IAAAU,QAAA,GAAAC,OAAA,cAEc,IAAAC,qBAAe,EAACb,mBAAmB,CAAC","ignoreList":[]}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"CompactHorizontalBar.js","names":["_core","require","_react","_interopRequireDefault","_Skeleton","styles","sstyled","insert","patternBase64","CompactHorizontalBarChartSkeleton","_ref","arguments[0]","_ref2","SChartSkeleton","Skeleton","createElement","cn","_objectSpread2","assignProps","concat","_default","exports","createComponent"],"sources":["../../../src/Charts/CompactHorizontalBar.jsx"],"sourcesContent":["import { createComponent, Root, sstyled } from '@semcore/core';\nimport React from 'react';\n\nimport { Skeleton } from '../Skeleton';\nimport styles from '../style/chart.shadow.css';\n\nconst patternBase64 = preval`\nmodule.exports = btoa(require('fs').readFileSync(__dirname + '/../svg/compact-horizontal-bar-chart.svg'))\n`;\n\nfunction CompactHorizontalBarChartSkeleton() {\n const SChartSkeleton = Root;\n return sstyled(styles)(\n <SChartSkeleton\n render={Skeleton}\n bgRepeat='repeat-y'\n bgPosition='left top'\n bgSize='contain'\n bgPattern={`url(data:image/svg+xml;base64,${patternBase64})`}\n />,\n );\n}\n\nexport default createComponent(CompactHorizontalBarChartSkeleton);\n"],"mappings":";;;;;;;;AAAA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AAEA,IAAAG,SAAA,GAAAH,OAAA;AAAuC;AAAA,IAAAI,MAAA,8BAAAL,KAAA,CAAAM,OAAA,CAAAC,MAAA;AAAA;AAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAAA;AAGvC,IAAMC,aAAa,i/BAElB;AAED,SAASC,iCAAiCA,CAAA,EAAG;EAAA,IAAAC,IAAA,GAAAC,YAAA;IAAAC,KAAA;EAC3C,IAAMC,cAAc,GAGRC,kBAAQ;EAFpB,OAAAF,KAAA,GAAO,IAAAN,aAAO,EAACD,MAAM,CAAC,eACpBH,MAAA,YAAAa,aAAA,CAACF,cAAc,EAAAD,KAAA,CAAAI,EAAA,uBAAAC,cAAA,qBAAAjB,KAAA,CAAAkB,WAAA;IAAA,YAEJ,UAAU;IAAA,cACR,UAAU;IAAA,UACd,SAAS;IAAA,8CAAAC,MAAA,CAC4BX,aAAa;EAAA,GAAAE,IAAA,GAC1D,CAAC;AAEN;AAAC,IAAAU,QAAA,GAAAC,OAAA,cAEc,IAAAC,qBAAe,EAACb,iCAAiC,CAAC","ignoreList":[]}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Donut.js","names":["_core","require","_react","_interopRequireDefault","_Skeleton","styles","sstyled","insert","donutFullSvg","donutHalfSvg","DonutChartSkeleton","props","_ref","arguments[0]","_ref2","_props$halfsize","SChartSkeleton","Skeleton","halfsize","patternBase64","createElement","cn","_objectSpread2","assignProps","concat","_default","exports","createComponent"],"sources":["../../../src/Charts/Donut.jsx"],"sourcesContent":["import { createComponent, Root, sstyled } from '@semcore/core';\nimport React from 'react';\n\nimport { Skeleton } from '../Skeleton';\nimport styles from '../style/chart.shadow.css';\n\nconst donutFullSvg = preval`\nmodule.exports = btoa(require('fs').readFileSync(__dirname + '/../svg/donut-chart.svg'))\n`;\nconst donutHalfSvg = preval`\nmodule.exports = btoa(require('fs').readFileSync(__dirname + '/../svg/donut-chart-halfsize.svg'))\n`;\n\nfunction DonutChartSkeleton(props) {\n const SChartSkeleton = Root;\n const halfsize = props.halfsize ?? false;\n const patternBase64 = { true: donutHalfSvg, false: donutFullSvg }[halfsize];\n return sstyled(styles)(\n <SChartSkeleton\n render={Skeleton}\n bgRepeat='no-repeat'\n bgPosition={{ true: 'center bottom', false: 'center' }[halfsize]}\n bgSize='contain'\n bgPattern={`url(data:image/svg+xml;base64,${patternBase64})`}\n />,\n );\n}\n\nexport default createComponent(DonutChartSkeleton);\n"],"mappings":";;;;;;;;AAAA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AAEA,IAAAG,SAAA,GAAAH,OAAA;AAAuC;AAAA,IAAAI,MAAA,8BAAAL,KAAA,CAAAM,OAAA,CAAAC,MAAA;AAAA;AAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAAA;AAGvC,IAAMC,YAAY,6qCAEjB;AACD,IAAMC,YAAY,6nBAEjB;AAED,SAASC,kBAAkBA,CAACC,KAAK,EAAE;EAAA,IAAAC,IAAA,GAAAC,YAAA;IAAAC,KAAA;IAAAC,eAAA;EACjC,IAAMC,cAAc,GAKRC,kBAAQ;EAJpB,IAAMC,QAAQ,IAAAH,eAAA,GAAGJ,KAAK,CAACO,QAAQ,cAAAH,eAAA,cAAAA,eAAA,GAAI,KAAK;EACxC,IAAMI,aAAa,GAAG;IAAE,QAAMV,YAAY;IAAE,SAAOD;EAAa,CAAC,CAACU,QAAQ,CAAC;EAC3E,OAAAJ,KAAA,GAAO,IAAAR,aAAO,EAACD,MAAM,CAAC,eACpBH,MAAA,YAAAkB,aAAA,CAACJ,cAAc,EAAAF,KAAA,CAAAO,EAAA,uBAAAC,cAAA,qBAAAtB,KAAA,CAAAuB,WAAA;IAAA,YAEJ,WAAW;IAAA,cACR;MAAE,QAAM,eAAe;MAAE,SAAO;IAAS,CAAC,CAACL,QAAQ,CAAC;IAAA,UACzD,SAAS;IAAA,8CAAAM,MAAA,CAC4BL,aAAa;EAAA,GAAAP,IAAA,GAC1D,CAAC;AAEN;AAAC,IAAAa,QAAA,GAAAC,OAAA,cAEc,IAAAC,qBAAe,EAACjB,kBAAkB,CAAC","ignoreList":[]}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Histogram.js","names":["_core","require","_react","_interopRequireDefault","_Skeleton","styles","sstyled","insert","histogramVerticalSvg","histogramHorizontalSvg","HistogramChartSkeleton","props","_ref","arguments[0]","_ref2","_props$layout","SChartSkeleton","Skeleton","layout","patternBase64","vertical","horizontal","createElement","cn","_objectSpread2","assignProps","concat","_default","exports","createComponent"],"sources":["../../../src/Charts/Histogram.jsx"],"sourcesContent":["import { createComponent, Root, sstyled } from '@semcore/core';\nimport React from 'react';\n\nimport { Skeleton } from '../Skeleton';\nimport styles from '../style/chart.shadow.css';\n\nconst histogramVerticalSvg = preval`\nmodule.exports = btoa(require('fs').readFileSync(__dirname + '/../svg/histogram-chart-vertical.svg'))\n`;\nconst histogramHorizontalSvg = preval`\nmodule.exports = btoa(require('fs').readFileSync(__dirname + '/../svg/histogram-chart-horizontal.svg'))\n`;\n\nfunction HistogramChartSkeleton(props) {\n const SChartSkeleton = Root;\n const layout = props.layout ?? 'horizontal';\n const patternBase64 = { vertical: histogramVerticalSvg, horizontal: histogramHorizontalSvg }[\n layout\n ];\n return sstyled(styles)(\n <SChartSkeleton\n render={Skeleton}\n bgRepeat={{ vertical: 'repeat-y', horizontal: 'repeat-x' }[layout]}\n bgPosition={{ vertical: 'left top', horizontal: 'left bottom' }[layout]}\n bgSize={{ vertical: 'contain', horizontal: 'auto 50%' }[layout]}\n bgPattern={`url(data:image/svg+xml;base64,${patternBase64})`}\n />,\n );\n}\n\nexport default createComponent(HistogramChartSkeleton);\n"],"mappings":";;;;;;;;AAAA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AAEA,IAAAG,SAAA,GAAAH,OAAA;AAAuC;AAAA,IAAAI,MAAA,8BAAAL,KAAA,CAAAM,OAAA,CAAAC,MAAA;AAAA;AAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAAA;AAGvC,IAAMC,oBAAoB,69BAEzB;AACD,IAAMC,sBAAsB,y7BAE3B;AAED,SAASC,sBAAsBA,CAACC,KAAK,EAAE;EAAA,IAAAC,IAAA,GAAAC,YAAA;IAAAC,KAAA;IAAAC,aAAA;EACrC,IAAMC,cAAc,GAORC,kBAAQ;EANpB,IAAMC,MAAM,IAAAH,aAAA,GAAGJ,KAAK,CAACO,MAAM,cAAAH,aAAA,cAAAA,aAAA,GAAI,YAAY;EAC3C,IAAMI,aAAa,GAAG;IAAEC,QAAQ,EAAEZ,oBAAoB;IAAEa,UAAU,EAAEZ;EAAuB,CAAC,CAC1FS,MAAM,CACP;EACD,OAAAJ,KAAA,GAAO,IAAAR,aAAO,EAACD,MAAM,CAAC,eACpBH,MAAA,YAAAoB,aAAA,CAACN,cAAc,EAAAF,KAAA,CAAAS,EAAA,uBAAAC,cAAA,qBAAAxB,KAAA,CAAAyB,WAAA;IAAA,YAEH;MAAEL,QAAQ,EAAE,UAAU;MAAEC,UAAU,EAAE;IAAW,CAAC,CAACH,MAAM,CAAC;IAAA,cACtD;MAAEE,QAAQ,EAAE,UAAU;MAAEC,UAAU,EAAE;IAAc,CAAC,CAACH,MAAM,CAAC;IAAA,UAC/D;MAAEE,QAAQ,EAAE,SAAS;MAAEC,UAAU,EAAE;IAAW,CAAC,CAACH,MAAM,CAAC;IAAA,8CAAAQ,MAAA,CACnBP,aAAa;EAAA,GAAAP,IAAA,GAC1D,CAAC;AAEN;AAAC,IAAAe,QAAA,GAAAC,OAAA,cAEc,IAAAC,qBAAe,EAACnB,sBAAsB,CAAC","ignoreList":[]}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Line.js","names":["_core","require","_react","_interopRequireDefault","_Skeleton","styles","sstyled","insert","lineLinearSvg","lineMonotoneSvg","LineChartSkeleton","props","_ref","arguments[0]","_ref2","_props$type","SChartSkeleton","Skeleton","patternBase64","linear","monotone","type","createElement","cn","_objectSpread2","assignProps","concat","_default","exports","createComponent"],"sources":["../../../src/Charts/Line.jsx"],"sourcesContent":["import { createComponent, Root, sstyled } from '@semcore/core';\nimport React from 'react';\n\nimport { Skeleton } from '../Skeleton';\nimport styles from '../style/chart.shadow.css';\n\nconst lineLinearSvg = preval`\nmodule.exports = btoa(require('fs').readFileSync(__dirname + '/../svg/line-chart-linear.svg'))\n`;\nconst lineMonotoneSvg = preval`\nmodule.exports = btoa(require('fs').readFileSync(__dirname + '/../svg/line-chart-monotone.svg'))\n`;\n\nfunction LineChartSkeleton(props) {\n const SChartSkeleton = Root;\n const patternBase64 = { linear: lineLinearSvg, monotone: lineMonotoneSvg }[\n props.type ?? 'linear'\n ];\n return sstyled(styles)(\n <SChartSkeleton\n render={Skeleton}\n bgRepeat='repeat-x'\n bgPosition='left center'\n bgSize='auto 50%'\n bgPattern={`url(data:image/svg+xml;base64,${patternBase64})`}\n />,\n );\n}\n\nexport default createComponent(LineChartSkeleton);\n"],"mappings":";;;;;;;;AAAA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AAEA,IAAAG,SAAA,GAAAH,OAAA;AAAuC;AAAA,IAAAI,MAAA,8BAAAL,KAAA,CAAAM,OAAA,CAAAC,MAAA;AAAA;AAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAAA;AAGvC,IAAMC,aAAa,qhBAElB;AACD,IAAMC,eAAe,qWAEpB;AAED,SAASC,iBAAiBA,CAACC,KAAK,EAAE;EAAA,IAAAC,IAAA,GAAAC,YAAA;IAAAC,KAAA;IAAAC,WAAA;EAChC,IAAMC,cAAc,GAMRC,kBAAQ;EALpB,IAAMC,aAAa,GAAG;IAAEC,MAAM,EAAEX,aAAa;IAAEY,QAAQ,EAAEX;EAAgB,CAAC,EAAAM,WAAA,GACxEJ,KAAK,CAACU,IAAI,cAAAN,WAAA,cAAAA,WAAA,GAAI,QAAQ,CACvB;EACD,OAAAD,KAAA,GAAO,IAAAR,aAAO,EAACD,MAAM,CAAC,eACpBH,MAAA,YAAAoB,aAAA,CAACN,cAAc,EAAAF,KAAA,CAAAS,EAAA,uBAAAC,cAAA,qBAAAxB,KAAA,CAAAyB,WAAA;IAAA,YAEJ,UAAU;IAAA,cACR,aAAa;IAAA,UACjB,UAAU;IAAA,8CAAAC,MAAA,CAC2BR,aAAa;EAAA,GAAAN,IAAA,GAC1D,CAAC;AAEN;AAAC,IAAAe,QAAA,GAAAC,OAAA,cAEc,IAAAC,qBAAe,EAACnB,iBAAiB,CAAC","ignoreList":[]}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"RadialTree.js","names":["_core","require","_react","_interopRequireDefault","_Skeleton","styles","sstyled","insert","radialSvg","RadialTreeChartSkeleton","_ref","arguments[0]","_ref2","SChartSkeleton","Skeleton","createElement","cn","_objectSpread2","assignProps","concat","_default","exports","createComponent"],"sources":["../../../src/Charts/RadialTree.tsx"],"sourcesContent":["import { createComponent, Root, sstyled } from '@semcore/core';\nimport React from 'react';\n\nimport { Skeleton } from '../Skeleton';\nimport styles from '../style/chart.shadow.css';\n\n// @ts-ignore\nconst radialSvg = preval`\nmodule.exports = btoa(require('fs').readFileSync(__dirname + '/../svg/radial-chart.svg'))\n`;\n\nfunction RadialTreeChartSkeleton() {\n const SChartSkeleton = Root;\n return sstyled(styles)(\n <SChartSkeleton\n render={Skeleton}\n bgRepeat='no-repeat'\n bgPosition='center'\n bgSize='contain'\n bgPattern={`url(data:image/svg+xml;base64,${radialSvg})`}\n />,\n );\n}\n\nexport default createComponent(RadialTreeChartSkeleton);\n"],"mappings":";;;;;;;;AAAA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AAEA,IAAAG,SAAA,GAAAH,OAAA;AAAuC;AAAA,IAAAI,MAAA,8BAAAL,KAAA,CAAAM,OAAA,CAAAC,MAAA;AAAA;AAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAAA,IAGvC;AACA,IAAMC,SAAS,izOAEd;AAED,SAASC,uBAAuBA,CAAA,EAAG;EAAA,IAAAC,IAAA,GAAAC,YAAA;IAAAC,KAAA;EACjC,IAAMC,cAAc,GAGRC,kBAAQ;EAFpB,OAAAF,KAAA,GAAO,IAAAN,aAAO,EAACD,MAAM,CAAC,eACpBH,MAAA,YAAAa,aAAA,CAACF,cAAc,EAAAD,KAAA,CAAAI,EAAA,uBAAAC,cAAA,qBAAAjB,KAAA,CAAAkB,WAAA;IAAA,YAEJ,WAAW;IAAA,cACT,QAAQ;IAAA,UACZ,SAAS;IAAA,8CAAAC,MAAA,CAC4BX,SAAS;EAAA,GAAAE,IAAA,GACtD,CAAC;AAEN;AAAC,IAAAU,QAAA,GAAAC,OAAA,cAEc,IAAAC,qBAAe,EAACb,uBAAuB,CAAC","ignoreList":[]}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"ScatterPlot.js","names":["_core","require","_react","_interopRequireDefault","_Skeleton","styles","sstyled","insert","scatterSvg","ScatterPlotChartSkeleton","_ref","arguments[0]","_ref2","SChartSkeleton","Skeleton","createElement","cn","_objectSpread2","assignProps","concat","_default","exports","createComponent"],"sources":["../../../src/Charts/ScatterPlot.jsx"],"sourcesContent":["import { createComponent, Root, sstyled } from '@semcore/core';\nimport React from 'react';\n\nimport { Skeleton } from '../Skeleton';\nimport styles from '../style/chart.shadow.css';\n\nconst scatterSvg = preval`\nmodule.exports = btoa(require('fs').readFileSync(__dirname + '/../svg/scatter-plot-chart.svg'))\n`;\n\nfunction ScatterPlotChartSkeleton() {\n const SChartSkeleton = Root;\n return sstyled(styles)(\n <SChartSkeleton\n render={Skeleton}\n bgRepeat='repeat-x'\n bgPosition='left center'\n bgSize='auto 50%'\n bgPattern={`url(data:image/svg+xml;base64,${scatterSvg})`}\n />,\n );\n}\n\nexport default createComponent(ScatterPlotChartSkeleton);\n"],"mappings":";;;;;;;;AAAA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AAEA,IAAAG,SAAA,GAAAH,OAAA;AAAuC;AAAA,IAAAI,MAAA,8BAAAL,KAAA,CAAAM,OAAA,CAAAC,MAAA;AAAA;AAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAAA;AAGvC,IAAMC,UAAU,66DAEf;AAED,SAASC,wBAAwBA,CAAA,EAAG;EAAA,IAAAC,IAAA,GAAAC,YAAA;IAAAC,KAAA;EAClC,IAAMC,cAAc,GAGRC,kBAAQ;EAFpB,OAAAF,KAAA,GAAO,IAAAN,aAAO,EAACD,MAAM,CAAC,eACpBH,MAAA,YAAAa,aAAA,CAACF,cAAc,EAAAD,KAAA,CAAAI,EAAA,uBAAAC,cAAA,qBAAAjB,KAAA,CAAAkB,WAAA;IAAA,YAEJ,UAAU;IAAA,cACR,aAAa;IAAA,UACjB,UAAU;IAAA,8CAAAC,MAAA,CAC2BX,UAAU;EAAA,GAAAE,IAAA,GACvD,CAAC;AAEN;AAAC,IAAAU,QAAA,GAAAC,OAAA,cAEc,IAAAC,qBAAe,EAACb,wBAAwB,CAAC","ignoreList":[]}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Venn.js","names":["_core","require","_react","_interopRequireDefault","_Skeleton","styles","sstyled","insert","vennSvg","VennChartSkeleton","_ref","arguments[0]","_ref2","SChartSkeleton","Skeleton","createElement","cn","_objectSpread2","assignProps","concat","_default","exports","createComponent"],"sources":["../../../src/Charts/Venn.jsx"],"sourcesContent":["import { createComponent, Root, sstyled } from '@semcore/core';\nimport React from 'react';\n\nimport { Skeleton } from '../Skeleton';\nimport styles from '../style/chart.shadow.css';\n\nconst vennSvg = preval`\nmodule.exports = btoa(require('fs').readFileSync(__dirname + '/../svg/venn-chart.svg'))\n`;\n\nfunction VennChartSkeleton() {\n const SChartSkeleton = Root;\n return sstyled(styles)(\n <SChartSkeleton\n render={Skeleton}\n bgRepeat='no-repeat'\n bgPosition='center'\n bgSize='contain'\n bgPattern={`url(data:image/svg+xml;base64,${vennSvg})`}\n />,\n );\n}\n\nexport default createComponent(VennChartSkeleton);\n"],"mappings":";;;;;;;;AAAA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AAEA,IAAAG,SAAA,GAAAH,OAAA;AAAuC;AAAA,IAAAI,MAAA,8BAAAL,KAAA,CAAAM,OAAA,CAAAC,MAAA;AAAA;AAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAAA;AAGvC,IAAMC,OAAO,inDAEZ;AAED,SAASC,iBAAiBA,CAAA,EAAG;EAAA,IAAAC,IAAA,GAAAC,YAAA;IAAAC,KAAA;EAC3B,IAAMC,cAAc,GAGRC,kBAAQ;EAFpB,OAAAF,KAAA,GAAO,IAAAN,aAAO,EAACD,MAAM,CAAC,eACpBH,MAAA,YAAAa,aAAA,CAACF,cAAc,EAAAD,KAAA,CAAAI,EAAA,uBAAAC,cAAA,qBAAAjB,KAAA,CAAAkB,WAAA;IAAA,YAEJ,WAAW;IAAA,cACT,QAAQ;IAAA,UACZ,SAAS;IAAA,8CAAAC,MAAA,CAC4BX,OAAO;EAAA,GAAAE,IAAA,GACpD,CAAC;AAEN;AAAC,IAAAU,QAAA,GAAAC,OAAA,cAEc,IAAAC,qBAAe,EAACb,iBAAiB,CAAC","ignoreList":[]}
|