@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.
Files changed (41) hide show
  1. package/.github/workflows/publish-mcp.yml +10 -7
  2. package/.storybook/main.ts +145 -29
  3. package/.storybook/manager-head.html +18 -0
  4. package/.storybook/preview-head.html +4 -0
  5. package/.storybook/preview.ts +4 -4
  6. package/.storybook/tsconfig.json +3 -2
  7. package/CHANGELOG.md +27 -0
  8. package/lib/components/Charts/ColumnChart/ColumnChart.d.ts +3 -6
  9. package/lib/components/Charts/ColumnChart/ColumnChart.d.ts.map +1 -1
  10. package/lib/components/Charts/ColumnChart/ColumnChart.js +3 -5
  11. package/lib/components/Charts/DonutChart/DonutChart.d.ts +2 -2
  12. package/lib/components/Charts/DonutChart/DonutChart.d.ts.map +1 -1
  13. package/lib/components/Charts/DonutChart/DonutChart.js +5 -3
  14. package/lib/components/Charts/LineChart/LineChart.d.ts +3 -2
  15. package/lib/components/Charts/LineChart/LineChart.d.ts.map +1 -1
  16. package/lib/components/Charts/LineChart/LineChart.js +1 -2
  17. package/lib/components/Charts/SankeyChart/SankeyChart.d.ts +4 -2
  18. package/lib/components/Charts/SankeyChart/SankeyChart.d.ts.map +1 -1
  19. package/lib/components/Charts/SankeyChart/SankeyChart.js +18 -26
  20. package/lib/components/Charts/SpiderChart/SpiderChart.d.ts +3 -2
  21. package/lib/components/Charts/SpiderChart/SpiderChart.d.ts.map +1 -1
  22. package/lib/components/Charts/SpiderChart/SpiderChart.js +1 -2
  23. package/lib/components/Charts/StackedBarChart/StackedBarChart.d.ts +3 -2
  24. package/lib/components/Charts/StackedBarChart/StackedBarChart.d.ts.map +1 -1
  25. package/lib/components/Charts/StackedBarChart/StackedBarChart.js +1 -2
  26. package/lib/types/charts.d.ts +24 -249
  27. package/lib/types/charts.d.ts.map +1 -1
  28. package/lib/utils/charts/charts.d.ts.map +1 -1
  29. package/lib/utils/charts/charts.js +3 -2
  30. package/lib/utils/charts/donutChart.d.ts.map +1 -1
  31. package/lib/utils/charts/donutChart.js +2 -4
  32. package/lib/utils/charts/funnelChart.d.ts +2 -1
  33. package/lib/utils/charts/funnelChart.d.ts.map +1 -1
  34. package/lib/utils/charts/funnelChart.js +19 -10
  35. package/lib/utils/charts/helpers.d.ts +1 -1
  36. package/lib/utils/charts/helpers.d.ts.map +1 -1
  37. package/lib/utils/charts/sankeyChart.d.ts.map +1 -1
  38. package/lib/utils/charts/sankeyChart.js +0 -1
  39. package/mcp/package.json +1 -1
  40. package/package.json +23 -9
  41. 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 interface StackedBarSeries {
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;AAM/B,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,WAAW,gBAAgB;IAC/B,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,eAAe,EAAE,CAAC;CACzB;AAED,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,SAoD/B,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
@@ -1,253 +1,28 @@
1
- export interface ChartOptions {
2
- chart?: {
3
- polar?: boolean;
4
- type?: string;
5
- margin?: Array<number>;
6
- style?: CSSObject;
7
- spacing?: [number, number, number, number];
8
- spacingBottom?: number;
9
- spacingLeft?: number;
10
- spacingRight?: number;
11
- spacingTop?: number;
12
- events?: {
13
- render?: (this: unknown) => void;
14
- };
15
- };
16
- title?: {
17
- align?: string;
18
- floating?: boolean;
19
- margin?: number;
20
- style?: {
21
- color?: string;
22
- fontWeight?: string;
23
- };
24
- text?: string | null;
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":"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"}
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,CA4DpD,CAAC;AAEF,eAAO,MAAM,qBAAqB,GAChC,gBAAgB,OAAO,CAAC,YAAY,CAAC,EACrC,aAAa,OAAO,CAAC,YAAY,CAAC,KACjC,YAAsD,CAAC"}
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: null
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
- padding: 0
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":"AAAA,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;AAoBD,eAAO,MAAM,iBAAiB;;;;;;;;CASpB,CAAC;AAEX;;;GAGG;AAEH,eAAO,MAAM,oBAAoB,GAAI,gCAGlC,mBAAmB,KAAG,YA4ExB,CAAC"}
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.renderTo.offsetWidth;
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 ? parseInt(chart.plotWidth) * CHART_CENTER + 5 : 0;
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<FunnelSeriesItem>;
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":"AACA,OAAO,KAAK,EACV,YAAY,EAEZ,SAAS,EAEV,MAAM,kBAAkB,CAAC;AAU1B,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,gBAAgB,CAQpB,CAAC;AAEN,eAAO,MAAM,gCAAgC,GAC3C,iBAAiB,SAAS,EAC1B,sBAAmB,KAClB,SASD,CAAC"}
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) // Apply color based on index
77
+ color: (0, _charts.getDataVizColor)(index)
77
78
  })),
78
- showInLegend // Ensure legend visibility
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
- series: drilldownSeries.series?.map(series => ({
86
- ...series,
87
- data: series.data.map((dataPoint, index) => ({
88
- ...dataPoint,
89
- color: (0, _charts.getDataVizColor)(index) // Assign a color dynamically based on index
90
- })),
91
- showInLegend // Ensure legend is displayed
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 Record<string, unknown>>(obj1: Partial<T> | null | undefined, obj2: Partial<T> | null | undefined, ...args: Array<Partial<T> | null | undefined>) => T;
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,CAAC,MAAM,EAAE,OAAO,CAAC,EACzD,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
+ {"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,YAiC1B,CAAC"}
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"}
@@ -29,7 +29,6 @@ const getSankeyChartOptions = _ref => {
29
29
  nodeWidth,
30
30
  nodePadding,
31
31
  borderWidth: 0,
32
- borderRadius: 0,
33
32
  showInLegend: showLegend,
34
33
  allowPointSelect: true,
35
34
  dataLabels: {
package/mcp/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@spaced-out/genesis-mcp-server",
3
- "version": "1.0.14",
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.33",
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.0",
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": "^9.1.2",
89
- "@storybook/addon-docs": "^9.1.2",
90
- "@storybook/addon-webpack5-compiler-babel": "^3.0.6",
91
- "@storybook/react-webpack5": "^9.1.2",
92
- "@storybook/test-runner": "^0.23.0",
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": "^9.1.2",
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": "^9.1.2",
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
- module.exports = (_api) => ({
2
- plugins: {},
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
+ };