@spaced-out/ui-design-system 0.5.33 → 0.5.34-beta.2
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/.github/workflows/publish-mcp.yml +10 -7
- package/.storybook/main.ts +145 -29
- package/.storybook/manager-head.html +18 -0
- package/.storybook/preview-head.html +4 -0
- package/.storybook/preview.ts +4 -4
- package/.storybook/tsconfig.json +3 -2
- package/CHANGELOG.md +27 -0
- package/lib/components/Charts/ColumnChart/ColumnChart.d.ts +3 -6
- package/lib/components/Charts/ColumnChart/ColumnChart.d.ts.map +1 -1
- package/lib/components/Charts/ColumnChart/ColumnChart.js +3 -5
- package/lib/components/Charts/DonutChart/DonutChart.d.ts +2 -2
- package/lib/components/Charts/DonutChart/DonutChart.d.ts.map +1 -1
- package/lib/components/Charts/DonutChart/DonutChart.js +5 -3
- package/lib/components/Charts/LineChart/LineChart.d.ts +3 -2
- package/lib/components/Charts/LineChart/LineChart.d.ts.map +1 -1
- package/lib/components/Charts/LineChart/LineChart.js +1 -2
- package/lib/components/Charts/SankeyChart/SankeyChart.d.ts +4 -2
- package/lib/components/Charts/SankeyChart/SankeyChart.d.ts.map +1 -1
- package/lib/components/Charts/SankeyChart/SankeyChart.js +18 -26
- package/lib/components/Charts/SpiderChart/SpiderChart.d.ts +3 -2
- package/lib/components/Charts/SpiderChart/SpiderChart.d.ts.map +1 -1
- package/lib/components/Charts/SpiderChart/SpiderChart.js +1 -2
- package/lib/components/Charts/StackedBarChart/StackedBarChart.d.ts +3 -2
- package/lib/components/Charts/StackedBarChart/StackedBarChart.d.ts.map +1 -1
- package/lib/components/Charts/StackedBarChart/StackedBarChart.js +1 -2
- package/lib/types/charts.d.ts +24 -249
- package/lib/types/charts.d.ts.map +1 -1
- package/lib/utils/charts/charts.d.ts.map +1 -1
- package/lib/utils/charts/charts.js +3 -2
- package/lib/utils/charts/donutChart.d.ts.map +1 -1
- package/lib/utils/charts/donutChart.js +2 -4
- package/lib/utils/charts/funnelChart.d.ts +2 -1
- package/lib/utils/charts/funnelChart.d.ts.map +1 -1
- package/lib/utils/charts/funnelChart.js +19 -10
- package/lib/utils/charts/helpers.d.ts +1 -1
- package/lib/utils/charts/helpers.d.ts.map +1 -1
- package/lib/utils/charts/sankeyChart.d.ts.map +1 -1
- package/lib/utils/charts/sankeyChart.js +0 -1
- package/mcp/package.json +1 -1
- package/package.json +23 -9
- package/postcss.config.js +11 -3
|
@@ -1,13 +1,14 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
|
+
import type { SeriesColumnOptions } from 'highcharts';
|
|
2
3
|
import type { ChartOptions, DataOptionsType, Drilldown } from '../../../types/charts';
|
|
3
4
|
import type { ChartWrapperClassNames, ExportOptionType } from '../../../components/Charts/ChartWrapper';
|
|
4
5
|
type ClassNames = Readonly<ChartWrapperClassNames & {
|
|
5
6
|
highChart?: string;
|
|
6
7
|
}>;
|
|
7
|
-
export
|
|
8
|
+
export type StackedBarSeries = Omit<SeriesColumnOptions, 'data' | 'type'> & {
|
|
8
9
|
name: string;
|
|
9
10
|
data: DataOptionsType[];
|
|
10
|
-
}
|
|
11
|
+
};
|
|
11
12
|
export interface StackedBarChartProps extends Omit<ChartOptions, 'series' | 'isLoading' | 'drilldown' | 'cardTitle' | 'emptyText' | 'classNames' | 'hasEmptyData' | 'headerActions' | 'customExportOptions'> {
|
|
12
13
|
series: Array<StackedBarSeries>;
|
|
13
14
|
isLoading?: boolean;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"StackedBarChart.d.ts","sourceRoot":"","sources":["../../../../src/components/Charts/StackedBarChart/StackedBarChart.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"StackedBarChart.d.ts","sourceRoot":"","sources":["../../../../src/components/Charts/StackedBarChart/StackedBarChart.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAC,mBAAmB,EAAC,MAAM,YAAY,CAAC;AAKpD,OAAO,KAAK,EAAC,YAAY,EAAE,eAAe,EAAE,SAAS,EAAC,MAAM,kBAAkB,CAAC;AAS/E,OAAO,KAAK,EACV,sBAAsB,EACtB,gBAAgB,EACjB,MAAM,oCAAoC,CAAC;AAe5C,KAAK,UAAU,GAAG,QAAQ,CACxB,sBAAsB,GAAG;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CACF,CAAC;AAEF,MAAM,MAAM,gBAAgB,GAAG,IAAI,CAAC,mBAAmB,EAAE,MAAM,GAAG,MAAM,CAAC,GAAG;IAC1E,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,eAAe,EAAE,CAAC;CACzB,CAAC;AAEF,MAAM,WAAW,oBACf,SAAQ,IAAI,CACV,YAAY,EACV,QAAQ,GACR,WAAW,GACX,WAAW,GACX,WAAW,GACX,WAAW,GACX,YAAY,GACZ,cAAc,GACd,eAAe,GACf,qBAAqB,CACxB;IACD,MAAM,EAAE,KAAK,CAAC,gBAAgB,CAAC,CAAC;IAChC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC5B,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC5B,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAChC,mBAAmB,CAAC,EAAE,KAAK,CAAC,gBAAgB,CAAC,GAAG,IAAI,CAAC;IACrD,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,eAAO,MAAM,eAAe,GAAI,8IAY7B,oBAAoB,KAAG,KAAK,CAAC,SAqD/B,CAAC"}
|
|
@@ -34,9 +34,8 @@ const StackedBarChart = _ref => {
|
|
|
34
34
|
} = _ref;
|
|
35
35
|
const chartRef = React.useRef(null);
|
|
36
36
|
const stackedBarSeries = series.map((seriesItem, index) => ({
|
|
37
|
+
type: 'column',
|
|
37
38
|
...seriesItem,
|
|
38
|
-
name: seriesItem.name,
|
|
39
|
-
data: seriesItem.data,
|
|
40
39
|
color: (0, _charts.getDataVizColor)(index),
|
|
41
40
|
stacking: 'normal',
|
|
42
41
|
pointWidth: _charts.columnPlotWidth
|
package/lib/types/charts.d.ts
CHANGED
|
@@ -1,253 +1,28 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
useHTML?: boolean;
|
|
26
|
-
verticalAlign?: 'top' | 'middle' | 'bottom';
|
|
27
|
-
widthAdjust?: number;
|
|
28
|
-
x?: number;
|
|
29
|
-
y?: number;
|
|
30
|
-
};
|
|
31
|
-
exporting?: {
|
|
32
|
-
allowHTML?: boolean;
|
|
33
|
-
allowTableSorting?: boolean;
|
|
34
|
-
buttons?: {
|
|
35
|
-
contextButton?: {
|
|
36
|
-
enabled?: boolean;
|
|
37
|
-
};
|
|
38
|
-
};
|
|
39
|
-
enabled?: boolean;
|
|
40
|
-
filename?: string;
|
|
41
|
-
showExportInProgress?: boolean;
|
|
42
|
-
showTable?: boolean;
|
|
43
|
-
sourceHeight?: number;
|
|
44
|
-
sourceWidth?: number;
|
|
45
|
-
useRowspanHeaders?: boolean;
|
|
46
|
-
width?: number;
|
|
47
|
-
};
|
|
48
|
-
credits?: Credits;
|
|
49
|
-
tooltip?: ChartTooltip;
|
|
50
|
-
xAxis?: AxisOptions;
|
|
51
|
-
yAxis?: AxisOptions;
|
|
52
|
-
zAxis?: AxisOptions;
|
|
53
|
-
drilldown?: Drilldown;
|
|
54
|
-
plotOptions?: PlotOptionsType;
|
|
55
|
-
series?: Array<SeriesOptionsType>;
|
|
56
|
-
subtitle?: {
|
|
57
|
-
useHTML: boolean;
|
|
58
|
-
text?: string;
|
|
59
|
-
verticalAlign?: 'middle';
|
|
60
|
-
align?: string;
|
|
61
|
-
style?: CSSObject;
|
|
62
|
-
x?: number;
|
|
63
|
-
};
|
|
64
|
-
pane?: {
|
|
65
|
-
center?: [string, string];
|
|
66
|
-
size?: string;
|
|
67
|
-
};
|
|
68
|
-
legend?: LegendOptionsType;
|
|
69
|
-
navigation?: Navigation;
|
|
70
|
-
}
|
|
71
|
-
export interface AxisOptions {
|
|
72
|
-
categories?: Array<string>;
|
|
73
|
-
gridLineInterpolation?: 'circle' | 'polygon';
|
|
74
|
-
lineWidth?: number;
|
|
75
|
-
tickmarkPlacement?: string;
|
|
76
|
-
labels?: {
|
|
77
|
-
align?: string;
|
|
78
|
-
distance?: number;
|
|
79
|
-
style?: CSSObject;
|
|
80
|
-
formatter?: (this: Highcharts.AxisLabelsFormatterContextObject) => string;
|
|
81
|
-
};
|
|
82
|
-
title?: {
|
|
83
|
-
text?: string;
|
|
84
|
-
margin?: number;
|
|
85
|
-
style?: CSSObject;
|
|
86
|
-
};
|
|
87
|
-
type?: string;
|
|
88
|
-
padding?: number;
|
|
89
|
-
lineColor?: string;
|
|
90
|
-
min?: number;
|
|
91
|
-
max?: number;
|
|
92
|
-
tickInterval?: number;
|
|
93
|
-
}
|
|
94
|
-
export interface BreadcrumbsOptions {
|
|
95
|
-
floating?: boolean;
|
|
96
|
-
style?: CSSObject;
|
|
97
|
-
buttonTheme?: ButtonTheme;
|
|
98
|
-
}
|
|
99
|
-
export interface LegendOptionsType {
|
|
100
|
-
layout?: string;
|
|
101
|
-
align?: string;
|
|
102
|
-
verticalAlign?: string;
|
|
103
|
-
itemMarginBottom?: number;
|
|
104
|
-
padding?: number;
|
|
105
|
-
itemStyle?: CSSObject;
|
|
106
|
-
enabled?: boolean;
|
|
107
|
-
symbolHeight?: number;
|
|
108
|
-
symbolWidth?: number;
|
|
109
|
-
symbolPadding?: number;
|
|
110
|
-
width?: string;
|
|
111
|
-
[key: string]: unknown;
|
|
112
|
-
}
|
|
113
|
-
export interface CSSObject {
|
|
114
|
-
alignItems?: string;
|
|
115
|
-
color?: string;
|
|
116
|
-
display?: string;
|
|
117
|
-
fontFamily?: string;
|
|
118
|
-
fontSize?: string;
|
|
119
|
-
fontStyle?: string;
|
|
120
|
-
fontWeight?: string;
|
|
121
|
-
letterSpacing?: string;
|
|
122
|
-
lineHeight?: string;
|
|
123
|
-
margin?: number;
|
|
124
|
-
textAlign?: string;
|
|
125
|
-
minWidth?: string;
|
|
126
|
-
maxWidth?: string;
|
|
127
|
-
minHeight?: string;
|
|
128
|
-
maxHeight?: string;
|
|
129
|
-
alignContent?: string;
|
|
130
|
-
overflow?: string;
|
|
131
|
-
textOverflow?: string;
|
|
132
|
-
zIndex?: number;
|
|
133
|
-
paddingTop?: string;
|
|
134
|
-
transform?: string;
|
|
135
|
-
textOutline?: string;
|
|
136
|
-
}
|
|
137
|
-
export interface DataOptionsType {
|
|
138
|
-
y?: number;
|
|
139
|
-
id?: string;
|
|
140
|
-
to?: string;
|
|
141
|
-
from?: string;
|
|
142
|
-
name?: string;
|
|
143
|
-
color?: string;
|
|
144
|
-
weight?: number;
|
|
145
|
-
drilldown?: string;
|
|
146
|
-
}
|
|
147
|
-
export interface SeriesOptionsType {
|
|
148
|
-
id?: string;
|
|
149
|
-
name?: string;
|
|
150
|
-
keys?: Array<string>;
|
|
151
|
-
data: Array<DataOptionsType>;
|
|
152
|
-
nodes?: Array<DataOptionsType>;
|
|
153
|
-
}
|
|
1
|
+
import type Highcharts from 'highcharts';
|
|
2
|
+
export type ChartOptions = Highcharts.Options;
|
|
3
|
+
export type AxisOptions = Highcharts.AxisOptions;
|
|
4
|
+
export type BreadcrumbsOptions = Highcharts.NavigationBreadcrumbsOptions;
|
|
5
|
+
export type LegendOptionsType = Highcharts.LegendOptions;
|
|
6
|
+
export type CSSObject = Highcharts.CSSObject;
|
|
7
|
+
export type DataOptionsType = Highcharts.PointOptionsObject;
|
|
8
|
+
export type SeriesOptionsType = Highcharts.SeriesOptionsType;
|
|
9
|
+
export type ColumnSeriesOptions = Highcharts.SeriesColumnOptions;
|
|
10
|
+
export type LineSeriesOptions = Highcharts.SeriesLineOptions;
|
|
11
|
+
export type PieSeriesOptions = Highcharts.SeriesPieOptions;
|
|
12
|
+
export type FunnelSeriesOptions = Highcharts.SeriesFunnelOptions;
|
|
13
|
+
export type SankeySeriesOptions = Highcharts.SeriesSankeyOptions;
|
|
14
|
+
export type SankeyNodeOptions = Highcharts.SeriesSankeyNodesOptionsObject;
|
|
15
|
+
export type SankeyPointOptions = Highcharts.SeriesSankeyPointOptionsObject;
|
|
16
|
+
export type Drilldown = Highcharts.DrilldownOptions;
|
|
17
|
+
export type PlotOptionsType = Highcharts.PlotOptions;
|
|
18
|
+
export type ChartTooltip = Highcharts.TooltipOptions;
|
|
19
|
+
export type Legend = Highcharts.LegendOptions;
|
|
20
|
+
export type Credits = Highcharts.CreditsOptions;
|
|
21
|
+
export type Navigation = Highcharts.NavigationOptions;
|
|
22
|
+
export type ChartBreadcrumbs = Highcharts.NavigationBreadcrumbsOptions;
|
|
23
|
+
export type ButtonTheme = Highcharts.NavigationBreadcrumbsButtonThemeOptions;
|
|
24
|
+
export type Position = Highcharts.NavigationBreadcrumbsPositionOptions;
|
|
154
25
|
export interface ChartRef {
|
|
155
26
|
chart?: Highcharts.Chart;
|
|
156
27
|
}
|
|
157
|
-
export interface Drilldown {
|
|
158
|
-
activeAxisLabelStyle?: CSSObject;
|
|
159
|
-
activeDataLabelStyle?: CSSObject;
|
|
160
|
-
series?: Array<SeriesOptionsType>;
|
|
161
|
-
breadcrumbs?: BreadcrumbsOptions;
|
|
162
|
-
}
|
|
163
|
-
export type PlotOptionsType = Partial<Record<'pie' | 'line' | 'funnel' | 'sankey' | 'column', {
|
|
164
|
-
innerSize?: string;
|
|
165
|
-
allowPointSelect?: boolean;
|
|
166
|
-
cursor?: 'pointer';
|
|
167
|
-
nodeWidth?: number;
|
|
168
|
-
nodePadding?: number;
|
|
169
|
-
dataLabels?: {
|
|
170
|
-
enabled?: boolean;
|
|
171
|
-
distance?: number;
|
|
172
|
-
connectorColor?: string;
|
|
173
|
-
useHTML?: boolean;
|
|
174
|
-
format?: string;
|
|
175
|
-
style?: CSSObject;
|
|
176
|
-
};
|
|
177
|
-
showInLegend?: boolean;
|
|
178
|
-
center?: [string, string];
|
|
179
|
-
size?: string;
|
|
180
|
-
borderWidth?: number;
|
|
181
|
-
borderRadius?: number;
|
|
182
|
-
neckWidth?: string | number;
|
|
183
|
-
neckHeight?: string | number;
|
|
184
|
-
minSize?: string | number;
|
|
185
|
-
width?: string | number;
|
|
186
|
-
clip?: boolean;
|
|
187
|
-
column?: {
|
|
188
|
-
pointWidth?: number;
|
|
189
|
-
};
|
|
190
|
-
pointWidth?: number;
|
|
191
|
-
}>>;
|
|
192
|
-
export interface ChartTooltip {
|
|
193
|
-
useHTML?: boolean;
|
|
194
|
-
followPointer?: boolean;
|
|
195
|
-
backgroundColor?: string;
|
|
196
|
-
style?: CSSObject;
|
|
197
|
-
outside?: boolean;
|
|
198
|
-
headerFormat?: string;
|
|
199
|
-
pointFormat?: string;
|
|
200
|
-
shared?: boolean;
|
|
201
|
-
}
|
|
202
|
-
export interface Legend {
|
|
203
|
-
align?: 'left' | 'center' | 'right';
|
|
204
|
-
alignColumns?: boolean;
|
|
205
|
-
backgroundColor?: string;
|
|
206
|
-
borderColor?: string;
|
|
207
|
-
borderRadius?: number;
|
|
208
|
-
borderWidth?: number;
|
|
209
|
-
className?: string;
|
|
210
|
-
enabled?: boolean;
|
|
211
|
-
floating?: boolean;
|
|
212
|
-
itemDistance?: number;
|
|
213
|
-
itemMarginBottom?: number;
|
|
214
|
-
labelFormat?: string;
|
|
215
|
-
layout?: 'horizontal' | 'vertical' | 'proximate';
|
|
216
|
-
margin?: number;
|
|
217
|
-
maxHeight?: number;
|
|
218
|
-
padding?: number;
|
|
219
|
-
reversed?: boolean;
|
|
220
|
-
x?: number;
|
|
221
|
-
y?: number;
|
|
222
|
-
}
|
|
223
|
-
export interface Credits {
|
|
224
|
-
enabled?: boolean;
|
|
225
|
-
href?: string;
|
|
226
|
-
position?: {
|
|
227
|
-
align?: 'right' | 'left';
|
|
228
|
-
verticalAlign?: 'bottom' | 'top';
|
|
229
|
-
x?: number;
|
|
230
|
-
y?: number;
|
|
231
|
-
};
|
|
232
|
-
}
|
|
233
|
-
export interface Navigation {
|
|
234
|
-
breadcrumbs?: ChartBreadcrumbs;
|
|
235
|
-
}
|
|
236
|
-
export interface ChartBreadcrumbs {
|
|
237
|
-
position?: Position;
|
|
238
|
-
style?: CSSObject;
|
|
239
|
-
buttonTheme?: ButtonTheme;
|
|
240
|
-
separator?: {
|
|
241
|
-
text?: string;
|
|
242
|
-
};
|
|
243
|
-
}
|
|
244
|
-
export interface ButtonTheme {
|
|
245
|
-
style?: CSSObject;
|
|
246
|
-
}
|
|
247
|
-
export interface Position {
|
|
248
|
-
align?: string;
|
|
249
|
-
verticalAlign?: string;
|
|
250
|
-
x?: number;
|
|
251
|
-
y?: number;
|
|
252
|
-
}
|
|
253
28
|
//# sourceMappingURL=charts.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"charts.d.ts","sourceRoot":"","sources":["../../src/types/charts.ts"],"names":[],"mappings":"AAAA,
|
|
1
|
+
{"version":3,"file":"charts.d.ts","sourceRoot":"","sources":["../../src/types/charts.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,UAAU,MAAM,YAAY,CAAC;AAGzC,MAAM,MAAM,YAAY,GAAG,UAAU,CAAC,OAAO,CAAC;AAC9C,MAAM,MAAM,WAAW,GAAG,UAAU,CAAC,WAAW,CAAC;AACjD,MAAM,MAAM,kBAAkB,GAAG,UAAU,CAAC,4BAA4B,CAAC;AACzE,MAAM,MAAM,iBAAiB,GAAG,UAAU,CAAC,aAAa,CAAC;AACzD,MAAM,MAAM,SAAS,GAAG,UAAU,CAAC,SAAS,CAAC;AAC7C,MAAM,MAAM,eAAe,GAAG,UAAU,CAAC,kBAAkB,CAAC;AAC5D,MAAM,MAAM,iBAAiB,GAAG,UAAU,CAAC,iBAAiB,CAAC;AAC7D,MAAM,MAAM,mBAAmB,GAAG,UAAU,CAAC,mBAAmB,CAAC;AACjE,MAAM,MAAM,iBAAiB,GAAG,UAAU,CAAC,iBAAiB,CAAC;AAC7D,MAAM,MAAM,gBAAgB,GAAG,UAAU,CAAC,gBAAgB,CAAC;AAC3D,MAAM,MAAM,mBAAmB,GAAG,UAAU,CAAC,mBAAmB,CAAC;AACjE,MAAM,MAAM,mBAAmB,GAAG,UAAU,CAAC,mBAAmB,CAAC;AACjE,MAAM,MAAM,iBAAiB,GAAG,UAAU,CAAC,8BAA8B,CAAC;AAC1E,MAAM,MAAM,kBAAkB,GAAG,UAAU,CAAC,8BAA8B,CAAC;AAC3E,MAAM,MAAM,SAAS,GAAG,UAAU,CAAC,gBAAgB,CAAC;AACpD,MAAM,MAAM,eAAe,GAAG,UAAU,CAAC,WAAW,CAAC;AACrD,MAAM,MAAM,YAAY,GAAG,UAAU,CAAC,cAAc,CAAC;AACrD,MAAM,MAAM,MAAM,GAAG,UAAU,CAAC,aAAa,CAAC;AAC9C,MAAM,MAAM,OAAO,GAAG,UAAU,CAAC,cAAc,CAAC;AAChD,MAAM,MAAM,UAAU,GAAG,UAAU,CAAC,iBAAiB,CAAC;AACtD,MAAM,MAAM,gBAAgB,GAAG,UAAU,CAAC,4BAA4B,CAAC;AACvE,MAAM,MAAM,WAAW,GAAG,UAAU,CAAC,uCAAuC,CAAC;AAC7E,MAAM,MAAM,QAAQ,GAAG,UAAU,CAAC,oCAAoC,CAAC;AAEvE,MAAM,WAAW,QAAQ;IACvB,KAAK,CAAC,EAAE,UAAU,CAAC,KAAK,CAAC;CAC1B"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"charts.d.ts","sourceRoot":"","sources":["../../../src/utils/charts/charts.ts"],"names":[],"mappings":"AAaA,OAAO,KAAK,EAAC,YAAY,EAAC,MAAM,kBAAkB,CAAC;AAQnD,eAAO,MAAM,eAAe,mGASlB,CAAC;AAEX,eAAO,MAAM,eAAe,GAAI,WAAW,MAAM,KAAG,MAGnD,CAAC;AAEF,eAAO,MAAM,eAAe;;;;;;;;;;CAGlB,CAAC;AAEX,eAAO,MAAM,kBAAkB,EAAE,OAAO,CAAC,YAAY,
|
|
1
|
+
{"version":3,"file":"charts.d.ts","sourceRoot":"","sources":["../../../src/utils/charts/charts.ts"],"names":[],"mappings":"AAaA,OAAO,KAAK,EAAC,YAAY,EAAC,MAAM,kBAAkB,CAAC;AAQnD,eAAO,MAAM,eAAe,mGASlB,CAAC;AAEX,eAAO,MAAM,eAAe,GAAI,WAAW,MAAM,KAAG,MAGnD,CAAC;AAEF,eAAO,MAAM,eAAe;;;;;;;;;;CAGlB,CAAC;AAEX,eAAO,MAAM,kBAAkB,EAAE,OAAO,CAAC,YAAY,CA6DpD,CAAC;AAEF,eAAO,MAAM,qBAAqB,GAChC,gBAAgB,OAAO,CAAC,YAAY,CAAC,EACrC,aAAa,OAAO,CAAC,YAAY,CAAC,KACjC,YAAsD,CAAC"}
|
|
@@ -27,7 +27,7 @@ const commonChartOptions = exports.commonChartOptions = {
|
|
|
27
27
|
spacingRight: 0
|
|
28
28
|
},
|
|
29
29
|
title: {
|
|
30
|
-
text:
|
|
30
|
+
text: undefined
|
|
31
31
|
},
|
|
32
32
|
exporting: {
|
|
33
33
|
buttons: {
|
|
@@ -69,7 +69,8 @@ const commonChartOptions = exports.commonChartOptions = {
|
|
|
69
69
|
},
|
|
70
70
|
xAxis: {
|
|
71
71
|
type: 'category',
|
|
72
|
-
|
|
72
|
+
minPadding: 0,
|
|
73
|
+
maxPadding: 0
|
|
73
74
|
},
|
|
74
75
|
navigation: {
|
|
75
76
|
breadcrumbs: {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"donutChart.d.ts","sourceRoot":"","sources":["../../../src/utils/charts/donutChart.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"donutChart.d.ts","sourceRoot":"","sources":["../../../src/utils/charts/donutChart.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAC,YAAY,EAAE,iBAAiB,EAAC,MAAM,kBAAkB,CAAC;AAKtE,UAAU,mBAAmB;IAC3B,MAAM,CAAC,EAAE,iBAAiB,CAAC;IAC3B,iBAAiB,CAAC,EAAE,MAAM,CAAC;CAC5B;AAWD,eAAO,MAAM,iBAAiB;;;;;;;;CASpB,CAAC;AAEX;;;GAGG;AAEH,eAAO,MAAM,oBAAoB,GAAI,gCAGlC,mBAAmB,KAAG,YA+ExB,CAAC"}
|
|
@@ -6,8 +6,6 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
6
6
|
exports.rightLegendColumn = exports.getDonutChartOptions = void 0;
|
|
7
7
|
var _charts = require("./charts");
|
|
8
8
|
var _helpers = require("./helpers");
|
|
9
|
-
// Add proper type for Highcharts chart instance
|
|
10
|
-
|
|
11
9
|
/**
|
|
12
10
|
* Defining these constants here so that internal calculations are self explanatory.
|
|
13
11
|
*/
|
|
@@ -50,10 +48,10 @@ const getDonutChartOptions = _ref => {
|
|
|
50
48
|
events: {
|
|
51
49
|
render() {
|
|
52
50
|
const chart = this;
|
|
53
|
-
const containerWidth = chart.
|
|
51
|
+
const containerWidth = chart.chartWidth;
|
|
54
52
|
const desiredHeight = CHART_WIDTH * containerWidth;
|
|
55
53
|
// 5px adjustment required due to borderWidth mostly.
|
|
56
|
-
const centerTextX = isLegendEnabled ?
|
|
54
|
+
const centerTextX = isLegendEnabled ? chart.plotWidth * CHART_CENTER + 5 : 0;
|
|
57
55
|
chart.update({
|
|
58
56
|
chart: {
|
|
59
57
|
height: desiredHeight // Set the height dynamically based on the container's width
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import type Highcharts from 'highcharts';
|
|
1
2
|
import type { ChartOptions, Drilldown } from '../../types/charts';
|
|
2
3
|
import type { FunnelSeriesItem } from '../../components/Charts/FunnelChart/FunnelChart';
|
|
3
4
|
/**
|
|
@@ -5,6 +6,6 @@ import type { FunnelSeriesItem } from '../../components/Charts/FunnelChart/Funne
|
|
|
5
6
|
* It will not take userPassed option into account.
|
|
6
7
|
*/
|
|
7
8
|
export declare const getFunnelChartOptions: () => ChartOptions;
|
|
8
|
-
export declare const addColorsToFunnelSeries: (series: Array<FunnelSeriesItem>, showInLegend?: boolean) => Array<
|
|
9
|
+
export declare const addColorsToFunnelSeries: (series: Array<FunnelSeriesItem>, showInLegend?: boolean) => Array<Highcharts.SeriesFunnelOptions>;
|
|
9
10
|
export declare const addColorsToFunnelDrilldownSeries: (drilldownSeries: Drilldown, showInLegend?: boolean) => Drilldown;
|
|
10
11
|
//# sourceMappingURL=funnelChart.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"funnelChart.d.ts","sourceRoot":"","sources":["../../../src/utils/charts/funnelChart.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"funnelChart.d.ts","sourceRoot":"","sources":["../../../src/utils/charts/funnelChart.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,UAAU,MAAM,YAAY,CAAC;AAGzC,OAAO,KAAK,EAAC,YAAY,EAAE,SAAS,EAAC,MAAM,kBAAkB,CAAC;AAU9D,OAAO,KAAK,EAAC,gBAAgB,EAAC,MAAM,+CAA+C,CAAC;AAEpF;;;GAGG;AAEH,eAAO,MAAM,qBAAqB,QAAO,YAmDvC,CAAC;AAEH,eAAO,MAAM,uBAAuB,GAClC,QAAQ,KAAK,CAAC,gBAAgB,CAAC,EAC/B,sBAAmB,KAClB,KAAK,CAAC,UAAU,CAAC,mBAAmB,CASlC,CAAC;AAEN,eAAO,MAAM,gCAAgC,GAC3C,iBAAiB,SAAS,EAC1B,sBAAmB,KAClB,SAoBD,CAAC"}
|
|
@@ -70,26 +70,35 @@ exports.getFunnelChartOptions = getFunnelChartOptions;
|
|
|
70
70
|
const addColorsToFunnelSeries = function (series) {
|
|
71
71
|
let showInLegend = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
|
|
72
72
|
return series.map(item => ({
|
|
73
|
+
type: 'funnel',
|
|
73
74
|
...item,
|
|
74
75
|
data: item.data.map((seriesItem, index) => ({
|
|
75
76
|
...seriesItem,
|
|
76
|
-
color: (0, _charts.getDataVizColor)(index)
|
|
77
|
+
color: (0, _charts.getDataVizColor)(index)
|
|
77
78
|
})),
|
|
78
|
-
showInLegend
|
|
79
|
+
showInLegend
|
|
79
80
|
}));
|
|
80
81
|
};
|
|
81
82
|
exports.addColorsToFunnelSeries = addColorsToFunnelSeries;
|
|
82
83
|
const addColorsToFunnelDrilldownSeries = function (drilldownSeries) {
|
|
83
84
|
let showInLegend = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
|
|
84
85
|
return {
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
...
|
|
89
|
-
|
|
90
|
-
}
|
|
91
|
-
|
|
92
|
-
|
|
86
|
+
...drilldownSeries,
|
|
87
|
+
series: drilldownSeries.series?.map(series => {
|
|
88
|
+
const funnelSeries = {
|
|
89
|
+
...series,
|
|
90
|
+
type: 'funnel'
|
|
91
|
+
};
|
|
92
|
+
const funnelData = funnelSeries.data;
|
|
93
|
+
return {
|
|
94
|
+
...funnelSeries,
|
|
95
|
+
data: funnelData?.map((dataPoint, index) => ({
|
|
96
|
+
...dataPoint,
|
|
97
|
+
color: dataPoint.color || (0, _charts.getDataVizColor)(index)
|
|
98
|
+
})) ?? [],
|
|
99
|
+
showInLegend
|
|
100
|
+
};
|
|
101
|
+
})
|
|
93
102
|
};
|
|
94
103
|
};
|
|
95
104
|
exports.addColorsToFunnelDrilldownSeries = addColorsToFunnelDrilldownSeries;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
export declare const deepMerge: <T extends
|
|
1
|
+
export declare const deepMerge: <T extends object>(obj1: Partial<T> | null | undefined, obj2: Partial<T> | null | undefined, ...args: Array<Partial<T> | null | undefined>) => T;
|
|
2
2
|
export declare const rightLineLegendColumn: {
|
|
3
3
|
readonly layout: "vertical";
|
|
4
4
|
readonly align: "right";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"helpers.d.ts","sourceRoot":"","sources":["../../../src/utils/charts/helpers.ts"],"names":[],"mappings":"AAcA,eAAO,MAAM,SAAS,GAAI,CAAC,SAAS,MAAM,
|
|
1
|
+
{"version":3,"file":"helpers.d.ts","sourceRoot":"","sources":["../../../src/utils/charts/helpers.ts"],"names":[],"mappings":"AAcA,eAAO,MAAM,SAAS,GAAI,CAAC,SAAS,MAAM,EACxC,MAAM,OAAO,CAAC,CAAC,CAAC,GAAG,IAAI,GAAG,SAAS,EACnC,MAAM,OAAO,CAAC,CAAC,CAAC,GAAG,IAAI,GAAG,SAAS,EACnC,GAAG,MAAM,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,GAAG,IAAI,GAAG,SAAS,CAAC,KAC5C,CAAmC,CAAC;AAEvC,eAAO,MAAM,qBAAqB;;;;;;;;CAQxB,CAAC;AAEX,eAAO,MAAM,eAAe;;;;;;;CAOlB,CAAC;AAEX,eAAO,MAAM,eAAe;;;;;;;;;;CAGlB,CAAC;AAEX,eAAO,MAAM,eAAe;;;;;;;;;;CAGlB,CAAC;AAEX,eAAO,MAAM,eAAe;;;;;;;;;;CAElB,CAAC;AAEX,eAAO,MAAM,eAAe;;;;;;;;;;CAElB,CAAC;AAEX,eAAO,MAAM,gBAAgB;;;;;;;;;;;;CAKnB,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"sankeyChart.d.ts","sourceRoot":"","sources":["../../../src/utils/charts/sankeyChart.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,YAAY,EAAC,MAAM,kBAAkB,CAAC;AAKnD,UAAU,sBAAsB;IAC9B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,eAAO,MAAM,qBAAqB,GAAI,yCAInC,sBAAsB,KAAG,
|
|
1
|
+
{"version":3,"file":"sankeyChart.d.ts","sourceRoot":"","sources":["../../../src/utils/charts/sankeyChart.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,YAAY,EAAC,MAAM,kBAAkB,CAAC;AAKnD,UAAU,sBAAsB;IAC9B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,eAAO,MAAM,qBAAqB,GAAI,yCAInC,sBAAsB,KAAG,YAgC1B,CAAC"}
|
package/mcp/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@spaced-out/genesis-mcp-server",
|
|
3
|
-
"version": "1.0.
|
|
3
|
+
"version": "1.0.15",
|
|
4
4
|
"description": "MCP server for Genesis UI Design System - provides AI assistants with access to components, hooks, and design tokens",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"main": "index.js",
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@spaced-out/ui-design-system",
|
|
3
|
-
"version": "0.5.
|
|
3
|
+
"version": "0.5.34-beta.2",
|
|
4
4
|
"description": "Sense UI components library",
|
|
5
5
|
"author": {
|
|
6
6
|
"name": "Spaced Out"
|
|
@@ -13,6 +13,7 @@
|
|
|
13
13
|
"build:style-variables": "rimraf src/styles/variables && style-dictionary build --config ./config.js",
|
|
14
14
|
"build:types": "tsc --project tsconfig.declaration.json && tsc-alias -p tsconfig.declaration.json && cp src/types/flow-to-typescript-codemod.d.ts lib/",
|
|
15
15
|
"prebuild": "rimraf lib",
|
|
16
|
+
"doctor": "storybook doctor",
|
|
16
17
|
"storybook": "yarn build:style-variables && rimraf node_modules/.cache/storybook && storybook dev --host genesis.proxysense.co --port 6006",
|
|
17
18
|
"storybook:export": "yarn build:style-variables && rimraf storybook-static && storybook build",
|
|
18
19
|
"build-storybook": "yarn build:style-variables && rimraf storybook-static && storybook build",
|
|
@@ -81,15 +82,16 @@
|
|
|
81
82
|
"@babel/preset-env": "^7.28.3",
|
|
82
83
|
"@babel/preset-react": "^7.27.1",
|
|
83
84
|
"@babel/preset-typescript": "^7.27.1",
|
|
84
|
-
"@chromatic-com/storybook": "^4.1.
|
|
85
|
+
"@chromatic-com/storybook": "^4.1.3",
|
|
85
86
|
"@commitlint/cli": "^17.1.2",
|
|
86
87
|
"@commitlint/config-conventional": "^17.1.0",
|
|
87
88
|
"@regrapes/babel-plugin-add-react-memo-displayname": "^1.0.0",
|
|
88
|
-
"@storybook/addon-a11y": "^
|
|
89
|
-
"@storybook/addon-docs": "^
|
|
90
|
-
"@storybook/addon-
|
|
91
|
-
"@storybook/
|
|
92
|
-
"@storybook/
|
|
89
|
+
"@storybook/addon-a11y": "^10.1.4",
|
|
90
|
+
"@storybook/addon-docs": "^10.1.4",
|
|
91
|
+
"@storybook/addon-styling-webpack": "^3.0.0",
|
|
92
|
+
"@storybook/addon-webpack5-compiler-babel": "^4.0.0",
|
|
93
|
+
"@storybook/react-webpack5": "^10.1.4",
|
|
94
|
+
"@storybook/test-runner": "^0.24.2",
|
|
93
95
|
"@testing-library/react": "^11.2.7",
|
|
94
96
|
"@types/babel-plugin-macros": "~3.1.3",
|
|
95
97
|
"@types/babel__core": "~7.20.5",
|
|
@@ -109,6 +111,7 @@
|
|
|
109
111
|
"@types/standard-version": "~7.1.3",
|
|
110
112
|
"@xyflow/react": "^12.8.4",
|
|
111
113
|
"all-contributors-cli": "^6.20.0",
|
|
114
|
+
"autoprefixer": "^10.4.22",
|
|
112
115
|
"babel-eslint": "^10.1.0",
|
|
113
116
|
"babel-jest": "^28.1.3",
|
|
114
117
|
"babel-loader": "^10.0.0",
|
|
@@ -121,6 +124,7 @@
|
|
|
121
124
|
"classnames": "^2.5.1",
|
|
122
125
|
"cross-env": "^10.0.0",
|
|
123
126
|
"cspell": "^9.1.2",
|
|
127
|
+
"css-loader": "^7.1.2",
|
|
124
128
|
"dependency-cruiser": "^17.0.1",
|
|
125
129
|
"elkjs": "^0.10.0",
|
|
126
130
|
"eslint": "^9.9.0",
|
|
@@ -130,7 +134,7 @@
|
|
|
130
134
|
"eslint-plugin-react": "^7.37.5",
|
|
131
135
|
"eslint-plugin-react-hooks": "^5.2.0",
|
|
132
136
|
"eslint-plugin-simple-import-sort": "^12.1.1",
|
|
133
|
-
"eslint-plugin-storybook": "^
|
|
137
|
+
"eslint-plugin-storybook": "^10.1.4",
|
|
134
138
|
"eslint-plugin-unused-imports": "^4.1.4",
|
|
135
139
|
"fast-glob": "^3.3.3",
|
|
136
140
|
"flow-bin": "^0.184.0",
|
|
@@ -146,18 +150,28 @@
|
|
|
146
150
|
"jscodeshift": "^17.3.0",
|
|
147
151
|
"lint-staged": "^10.5.1",
|
|
148
152
|
"paths.macro": "^3.0.1",
|
|
153
|
+
"postcss": "^8.5.6",
|
|
154
|
+
"postcss-flexbugs-fixes": "^5.0.2",
|
|
155
|
+
"postcss-import": "^16.1.1",
|
|
156
|
+
"postcss-loader": "^8.2.0",
|
|
157
|
+
"postcss-mixins": "^12.1.2",
|
|
158
|
+
"postcss-modules-values": "^4.0.0",
|
|
159
|
+
"postcss-nesting": "^13.0.2",
|
|
149
160
|
"prettier": "^2.5.1",
|
|
150
161
|
"process": "^0.11.10",
|
|
151
162
|
"react": "^19.1.0",
|
|
152
163
|
"react-dom": "^19.1.0",
|
|
153
164
|
"recast": "^0.23.11",
|
|
154
165
|
"rimraf": "^3.0.2",
|
|
166
|
+
"sass": "^1.95.0",
|
|
167
|
+
"sass-loader": "^16.0.6",
|
|
155
168
|
"simple-git": "^3.12.0",
|
|
156
169
|
"standard-version": "^9.5.0",
|
|
157
|
-
"storybook": "^
|
|
170
|
+
"storybook": "^10.1.4",
|
|
158
171
|
"storybook-css-modules": "^1.0.8",
|
|
159
172
|
"storybook-vscode-component": "^1.0.9",
|
|
160
173
|
"style-dictionary": "^3.7.1",
|
|
174
|
+
"style-loader": "^4.0.0",
|
|
161
175
|
"ts-morph": "^27.0.0",
|
|
162
176
|
"tsc-alias": "^1.8.16",
|
|
163
177
|
"type-coverage": "^2.29.7",
|
package/postcss.config.js
CHANGED
|
@@ -1,3 +1,11 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
1
|
+
// postcss.config.js
|
|
2
|
+
module.exports = {
|
|
3
|
+
plugins: [
|
|
4
|
+
require('postcss-import'),
|
|
5
|
+
require('postcss-mixins'),
|
|
6
|
+
require('postcss-nesting'),
|
|
7
|
+
require('postcss-modules-values'), // ⬅️ key plugin for @value
|
|
8
|
+
require('autoprefixer'),
|
|
9
|
+
require('postcss-flexbugs-fixes'),
|
|
10
|
+
],
|
|
11
|
+
};
|