@icij/murmur-next 4.7.0 → 4.7.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/dist/lib/.storybook/main.d.ts +3 -0
- package/dist/lib/.storybook/manager.d.ts +1 -0
- package/dist/lib/.storybook/preview.d.ts +57 -0
- package/dist/lib/.storybook/utils.d.ts +21 -0
- package/dist/lib/lib/components/Button/ButtonIcon.vue.d.ts +182 -0
- package/dist/lib/lib/components/FollowUsPopover/FollowUsPopover.vue.d.ts +2 -0
- package/dist/lib/{main.d.ts → lib/main.d.ts} +1 -1
- package/dist/lib/lib/types/components.d.ts +30 -0
- package/dist/lib/{types → lib/types}/index.d.ts +0 -1
- package/dist/lib/lib/types/maps.d.ts +18 -0
- package/dist/lib/murmur.css +1 -1
- package/dist/lib/murmur.js +45 -44
- package/dist/lib/murmur.js.map +1 -1
- package/dist/lib/murmur.umd.cjs +4 -4
- package/dist/lib/murmur.umd.cjs.map +1 -1
- package/dist/lib/stories/murmur/decorators.d.ts +64 -0
- package/dist/lib/stories/murmur/maps/fixtures/index.d.ts +2 -0
- package/dist/lib/stories/murmur/maps/fixtures/motorVehiclesData.d.ts +1 -0
- package/dist/lib/stories/murmur/maps/fixtures/wineStockData.d.ts +1 -0
- package/dist/lib/stories/murmur/utils.d.ts +1 -0
- package/lib/components/App/AppIcon.vue +5 -0
- package/lib/components/Button/ButtonIcon.vue +156 -1
- package/lib/main.ts +2 -12
- package/lib/types/components.ts +2 -47
- package/lib/types/index.ts +0 -1
- package/lib/types/maps.ts +0 -294
- package/package.json +1 -1
- package/dist/lib/components/Button/ButtonIcon.vue.d.ts +0 -23
- package/dist/lib/types/components.d.ts +0 -77
- package/dist/lib/types/datavisualisations.d.ts +0 -374
- package/dist/lib/types/maps.d.ts +0 -309
- package/lib/types/datavisualisations.ts +0 -375
- /package/dist/lib/{components/Brand/Brand.vue.d.ts → .storybook/theme.d.ts} +0 -0
- /package/dist/lib/{components → lib/components}/Accordion/AccordionStep.vue.d.ts +0 -0
- /package/dist/lib/{components → lib/components}/Accordion/AccordionWrapper.vue.d.ts +0 -0
- /package/dist/lib/{components → lib/components}/ActiveTextTruncate/ActiveTextTruncate.vue.d.ts +0 -0
- /package/dist/lib/{components → lib/components}/App/AppFooter.vue.d.ts +0 -0
- /package/dist/lib/{components → lib/components}/App/AppHeader.vue.d.ts +0 -0
- /package/dist/lib/{components → lib/components}/App/AppIcon.vue.d.ts +0 -0
- /package/dist/lib/{components → lib/components}/App/AppIconLayers.vue.d.ts +0 -0
- /package/dist/lib/{components/FollowUsPopover/FollowUsPopover.vue.d.ts → lib/components/Brand/Brand.vue.d.ts} +0 -0
- /package/dist/lib/{components → lib/components}/Brand/BrandExpansion.vue.d.ts +0 -0
- /package/dist/lib/{components → lib/components}/Button/ButtonConfirm.vue.d.ts +0 -0
- /package/dist/lib/{components → lib/components}/Button/ButtonIconCounter.vue.d.ts +0 -0
- /package/dist/lib/{components → lib/components}/ContentPlaceholder/ContentPlaceholder.vue.d.ts +0 -0
- /package/dist/lib/{components → lib/components}/EmbeddableFooter/EmbeddableFooter.vue.d.ts +0 -0
- /package/dist/lib/{components → lib/components}/Form/FormAdvancedLink/FormAdvancedLink.vue.d.ts +0 -0
- /package/dist/lib/{components → lib/components}/Form/FormAdvancedLink/FormAdvancedLinkTab.vue.d.ts +0 -0
- /package/dist/lib/{components → lib/components}/Form/FormControl/FormControlDigits.vue.d.ts +0 -0
- /package/dist/lib/{components → lib/components}/Form/FormControl/FormControlRange.vue.d.ts +0 -0
- /package/dist/lib/{components → lib/components}/Form/FormControl/FormControlSecret.vue.d.ts +0 -0
- /package/dist/lib/{components → lib/components}/Form/FormControl/FormControlSelectableDropdown.vue.d.ts +0 -0
- /package/dist/lib/{components → lib/components}/Form/FormDonate.vue.d.ts +0 -0
- /package/dist/lib/{components → lib/components}/Form/FormEmbed.vue.d.ts +0 -0
- /package/dist/lib/{components → lib/components}/Form/FormSignUp.vue.d.ts +0 -0
- /package/dist/lib/{components → lib/components}/HapticCopy/HapticCopy.vue.d.ts +0 -0
- /package/dist/lib/{components → lib/components}/ImageMode/ImageMode.vue.d.ts +0 -0
- /package/dist/lib/{components → lib/components}/ImageMode/ImageModeSource.vue.d.ts +0 -0
- /package/dist/lib/{components → lib/components}/Legend/LegendOrdinal.vue.d.ts +0 -0
- /package/dist/lib/{components → lib/components}/Legend/LegendScale.vue.d.ts +0 -0
- /package/dist/lib/{components → lib/components}/Pagination/Pagination.vue.d.ts +0 -0
- /package/dist/lib/{components → lib/components}/Pagination/PaginationTiny.vue.d.ts +0 -0
- /package/dist/lib/{components → lib/components}/ResponsiveIframe/ResponsiveIframe.vue.d.ts +0 -0
- /package/dist/lib/{components → lib/components}/SharingOptions/SharingOptions.vue.d.ts +0 -0
- /package/dist/lib/{components → lib/components}/SharingOptions/SharingOptionsLink.vue.d.ts +0 -0
- /package/dist/lib/{components → lib/components}/SlideUpDown/SlideUpDown.vue.d.ts +0 -0
- /package/dist/lib/{components → lib/components}/TexturedDeck/TexturedDeck.vue.d.ts +0 -0
- /package/dist/lib/{components → lib/components}/index.d.ts +0 -0
- /package/dist/lib/{composables → lib/composables}/useChart.d.ts +0 -0
- /package/dist/lib/{composables → lib/composables}/useColorMode.d.ts +0 -0
- /package/dist/lib/{composables → lib/composables}/useQueryObserver.d.ts +0 -0
- /package/dist/lib/{composables → lib/composables}/useResizeObserver.d.ts +0 -0
- /package/dist/lib/{composables → lib/composables}/useSendEmail.d.ts +0 -0
- /package/dist/lib/{config.d.ts → lib/config.d.ts} +0 -0
- /package/dist/lib/{config.default.d.ts → lib/config.default.d.ts} +0 -0
- /package/dist/lib/{datavisualisations → lib/datavisualisations}/BarChart/BarChart.vue.d.ts +0 -0
- /package/dist/lib/{datavisualisations → lib/datavisualisations}/ColumnChart/ColumnChart.vue.d.ts +0 -0
- /package/dist/lib/{datavisualisations → lib/datavisualisations}/LineChart/LineChart.vue.d.ts +0 -0
- /package/dist/lib/{datavisualisations → lib/datavisualisations}/StackedBarChart/StackedBarChart.vue.d.ts +0 -0
- /package/dist/lib/{datavisualisations → lib/datavisualisations}/StackedColumnChart/StackedColumnChart.vue.d.ts +0 -0
- /package/dist/lib/{datavisualisations → lib/datavisualisations}/index.d.ts +0 -0
- /package/dist/lib/{directives → lib/directives}/EllipsisTooltip.d.ts +0 -0
- /package/dist/lib/{enums.d.ts → lib/enums.d.ts} +0 -0
- /package/dist/lib/{i18n.d.ts → lib/i18n.d.ts} +0 -0
- /package/dist/lib/{keys.d.ts → lib/keys.d.ts} +0 -0
- /package/dist/lib/{maps → lib/maps}/ChoroplethMap/ChoroplethMap.vue.d.ts +0 -0
- /package/dist/lib/{maps → lib/maps}/ChoroplethMap/ChoroplethMapAnnotation.vue.d.ts +0 -0
- /package/dist/lib/{maps → lib/maps}/SymbolMap/SymbolMap.vue.d.ts +0 -0
- /package/dist/lib/{types → lib/types}/icons.d.ts +0 -0
- /package/dist/lib/{types → lib/types}/utils.d.ts +0 -0
- /package/dist/lib/{utils → lib/utils}/animation.d.ts +0 -0
- /package/dist/lib/{utils → lib/utils}/assets.d.ts +0 -0
- /package/dist/lib/{utils → lib/utils}/clipboard.d.ts +0 -0
- /package/dist/lib/{utils → lib/utils}/floatingUi.d.ts +0 -0
- /package/dist/lib/{utils → lib/utils}/iframe-resizer.d.ts +0 -0
- /package/dist/lib/{utils → lib/utils}/placeholder.d.ts +0 -0
- /package/dist/lib/{utils → lib/utils}/strings.d.ts +0 -0
|
@@ -1,77 +0,0 @@
|
|
|
1
|
-
import { Component, StyleValue } from '../../node_modules/vue';
|
|
2
|
-
import { TextColorVariant, ButtonVariant, PopoverPlacement, Size } from 'bootstrap-vue-next';
|
|
3
|
-
import { Step } from './utils';
|
|
4
|
-
import { AccordionKey } from '../keys';
|
|
5
|
-
export type { TextColorVariant, ButtonVariant, PopoverPlacement, Size } from 'bootstrap-vue-next';
|
|
6
|
-
/**
|
|
7
|
-
* ButtonIcon component props - complex component with 30+ properties
|
|
8
|
-
*/
|
|
9
|
-
export interface ButtonIconProps {
|
|
10
|
-
id?: string;
|
|
11
|
-
iconLeft?: string | Component;
|
|
12
|
-
iconLeftVariant?: TextColorVariant;
|
|
13
|
-
iconLeftHoverVariant?: TextColorVariant;
|
|
14
|
-
iconLeftSize?: string;
|
|
15
|
-
iconLeftLabel?: string;
|
|
16
|
-
iconLeftLabelOffset?: number;
|
|
17
|
-
iconRight?: string | Component;
|
|
18
|
-
iconRightVariant?: TextColorVariant;
|
|
19
|
-
iconRightHoverVariant?: TextColorVariant;
|
|
20
|
-
iconRightSize?: string;
|
|
21
|
-
iconRightLabel?: string;
|
|
22
|
-
iconRightLabelOffset?: number;
|
|
23
|
-
iconSpinner?: string | Component;
|
|
24
|
-
hideLabel?: boolean;
|
|
25
|
-
hideTooltip?: boolean;
|
|
26
|
-
label?: string;
|
|
27
|
-
square?: boolean;
|
|
28
|
-
to?: any;
|
|
29
|
-
variant?: ButtonVariant;
|
|
30
|
-
size?: Size;
|
|
31
|
-
block?: boolean;
|
|
32
|
-
pill?: boolean;
|
|
33
|
-
pressed?: boolean;
|
|
34
|
-
tag?: string;
|
|
35
|
-
type?: string;
|
|
36
|
-
loading?: boolean;
|
|
37
|
-
loadingDuration?: string;
|
|
38
|
-
loadingText?: string;
|
|
39
|
-
tooltipLabel?: string;
|
|
40
|
-
tooltipPlacement?: PopoverPlacement;
|
|
41
|
-
tooltipDelay?: {
|
|
42
|
-
show: number;
|
|
43
|
-
hide: number;
|
|
44
|
-
};
|
|
45
|
-
showTooltipForce?: boolean;
|
|
46
|
-
hover?: boolean;
|
|
47
|
-
truncate?: boolean;
|
|
48
|
-
counter?: number;
|
|
49
|
-
counterVariant?: TextColorVariant;
|
|
50
|
-
counterStyle?: string | object;
|
|
51
|
-
}
|
|
52
|
-
/**
|
|
53
|
-
* Accordion component state and methods (used with provide/inject)
|
|
54
|
-
*/
|
|
55
|
-
export interface Accordion {
|
|
56
|
-
emitAccordionNextStepEvent: () => void;
|
|
57
|
-
emitAccordionPreviousStepEvent: () => void;
|
|
58
|
-
isActiveStep: (step: Step) => boolean;
|
|
59
|
-
isPreviousStep: (step: Step) => boolean;
|
|
60
|
-
isFirstStep: (step: Step) => boolean;
|
|
61
|
-
isLastStep: (step: Step) => boolean;
|
|
62
|
-
step: Step;
|
|
63
|
-
steps: Step[];
|
|
64
|
-
}
|
|
65
|
-
export interface AccordionProvide {
|
|
66
|
-
[AccordionKey]: Accordion;
|
|
67
|
-
}
|
|
68
|
-
/**
|
|
69
|
-
* Brand component style types
|
|
70
|
-
*/
|
|
71
|
-
export type BrandStyle = StyleValue & {
|
|
72
|
-
'--monochrome-color': string;
|
|
73
|
-
'color': string;
|
|
74
|
-
'background': string;
|
|
75
|
-
'width': string;
|
|
76
|
-
};
|
|
77
|
-
export type BrandExpansionStyle = Pick<BrandStyle, '--monochrome-color' | 'background'>;
|
|
@@ -1,374 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Datavisualisation component prop types
|
|
3
|
-
*/
|
|
4
|
-
/**
|
|
5
|
-
* Common chart props shared by all chart components
|
|
6
|
-
*/
|
|
7
|
-
export interface BaseChartProps {
|
|
8
|
-
/**
|
|
9
|
-
* Data to display, either as a URL string to fetch or an array of objects.
|
|
10
|
-
*/
|
|
11
|
-
data?: string | object[] | null;
|
|
12
|
-
/**
|
|
13
|
-
* Type of data file when fetching from URL.
|
|
14
|
-
*/
|
|
15
|
-
dataUrlType?: 'json' | 'csv' | 'tsv';
|
|
16
|
-
/**
|
|
17
|
-
* Aspect ratio (height/width) for the chart.
|
|
18
|
-
*/
|
|
19
|
-
chartHeightRatio?: number;
|
|
20
|
-
/**
|
|
21
|
-
* Enable social mode for optimal display when sharing on social media.
|
|
22
|
-
*/
|
|
23
|
-
socialMode?: boolean;
|
|
24
|
-
/**
|
|
25
|
-
* Aspect ratio to use in social mode.
|
|
26
|
-
*/
|
|
27
|
-
socialModeRatio?: number;
|
|
28
|
-
}
|
|
29
|
-
/**
|
|
30
|
-
* BarChart component props
|
|
31
|
-
*/
|
|
32
|
-
export interface BarChartProps extends BaseChartProps {
|
|
33
|
-
/**
|
|
34
|
-
* Height of each bar in pixels.
|
|
35
|
-
*/
|
|
36
|
-
barHeight?: number;
|
|
37
|
-
/**
|
|
38
|
-
* Vertical gap between bars in pixels.
|
|
39
|
-
*/
|
|
40
|
-
barGap?: number;
|
|
41
|
-
/**
|
|
42
|
-
* Color of the bars. Falls back to theme's dark color.
|
|
43
|
-
*/
|
|
44
|
-
barColor?: string | null;
|
|
45
|
-
/**
|
|
46
|
-
* Color of highlighted bars. Falls back to theme's primary color.
|
|
47
|
-
*/
|
|
48
|
-
barHighlightColor?: string | null;
|
|
49
|
-
/**
|
|
50
|
-
* Fixed width for labels in pixels. If not set, width is calculated automatically.
|
|
51
|
-
*/
|
|
52
|
-
fixedLabelWidth?: number | null;
|
|
53
|
-
/**
|
|
54
|
-
* Fixed width for values in pixels. If not set, width is calculated automatically.
|
|
55
|
-
*/
|
|
56
|
-
fixedValueWidth?: number | null;
|
|
57
|
-
/**
|
|
58
|
-
* Horizontal gap between labels and bars in pixels.
|
|
59
|
-
*/
|
|
60
|
-
labelGap?: number;
|
|
61
|
-
/**
|
|
62
|
-
* Horizontal gap between bars and their values in pixels.
|
|
63
|
-
*/
|
|
64
|
-
valueGap?: number;
|
|
65
|
-
/**
|
|
66
|
-
* Field name(s) to sort the data by.
|
|
67
|
-
*/
|
|
68
|
-
sortBy?: string | string[] | null;
|
|
69
|
-
/**
|
|
70
|
-
* Formatter function or d3 format string for x-axis tick values.
|
|
71
|
-
*/
|
|
72
|
-
xAxisTickFormat?: ((v: number | string) => string) | string;
|
|
73
|
-
}
|
|
74
|
-
/**
|
|
75
|
-
* ColumnChart component props
|
|
76
|
-
*/
|
|
77
|
-
export interface ColumnChartProps extends BaseChartProps {
|
|
78
|
-
/**
|
|
79
|
-
* Color of the columns. Falls back to theme's dark color.
|
|
80
|
-
*/
|
|
81
|
-
columnColor?: string | null;
|
|
82
|
-
/**
|
|
83
|
-
* Color of highlighted columns. Falls back to theme's primary color.
|
|
84
|
-
*/
|
|
85
|
-
columnHighlightColor?: string | null;
|
|
86
|
-
/**
|
|
87
|
-
* Fixed height for the chart in pixels. If not set, height is calculated from width.
|
|
88
|
-
*/
|
|
89
|
-
fixedHeight?: number | null;
|
|
90
|
-
/**
|
|
91
|
-
* Fixed width for y-axis labels in pixels. If not set, width is calculated automatically.
|
|
92
|
-
*/
|
|
93
|
-
fixedLabelWidth?: number | null;
|
|
94
|
-
/**
|
|
95
|
-
* Field name in data objects containing the value to display.
|
|
96
|
-
*/
|
|
97
|
-
seriesName?: string;
|
|
98
|
-
/**
|
|
99
|
-
* Collapse x-axis ticks to prevent overlapping when there are many data points.
|
|
100
|
-
*/
|
|
101
|
-
xAxisTickCollapse?: boolean;
|
|
102
|
-
/**
|
|
103
|
-
* Formatter function or d3 format string for x-axis tick labels.
|
|
104
|
-
*/
|
|
105
|
-
xAxisTickFormat?: ((v: number | string) => string) | string;
|
|
106
|
-
/**
|
|
107
|
-
* Explicit list of x-axis tick values to display.
|
|
108
|
-
*/
|
|
109
|
-
xAxisTicks?: string[] | null;
|
|
110
|
-
/**
|
|
111
|
-
* Formatter function or d3 format string for y-axis tick labels.
|
|
112
|
-
*/
|
|
113
|
-
yAxisTickFormat?: ((v: number | string) => string) | string;
|
|
114
|
-
/**
|
|
115
|
-
* Number of y-axis ticks or d3 tick configuration object.
|
|
116
|
-
*/
|
|
117
|
-
yAxisTicks?: number | object;
|
|
118
|
-
/**
|
|
119
|
-
* Field name(s) to sort the data by.
|
|
120
|
-
*/
|
|
121
|
-
sortBy?: string | string[] | null;
|
|
122
|
-
/**
|
|
123
|
-
* Field name in data objects containing the x-axis category/time value.
|
|
124
|
-
*/
|
|
125
|
-
timeseriesKey?: string;
|
|
126
|
-
/**
|
|
127
|
-
* Maximum value for the y-axis scale. If not set, derived from data.
|
|
128
|
-
*/
|
|
129
|
-
maxValue?: number | null;
|
|
130
|
-
/**
|
|
131
|
-
* Disable tooltips on column hover.
|
|
132
|
-
*/
|
|
133
|
-
noTooltips?: boolean;
|
|
134
|
-
/**
|
|
135
|
-
* Hide the x-axis.
|
|
136
|
-
*/
|
|
137
|
-
noXAxis?: boolean;
|
|
138
|
-
/**
|
|
139
|
-
* Hide the y-axis.
|
|
140
|
-
*/
|
|
141
|
-
noYAxis?: boolean;
|
|
142
|
-
/**
|
|
143
|
-
* Padding between columns as a ratio (0-1) of the column width.
|
|
144
|
-
*/
|
|
145
|
-
barPadding?: number;
|
|
146
|
-
/**
|
|
147
|
-
* Margin between columns in pixels.
|
|
148
|
-
*/
|
|
149
|
-
barMargin?: number;
|
|
150
|
-
/**
|
|
151
|
-
* List of timeseriesKey values to highlight.
|
|
152
|
-
*/
|
|
153
|
-
highlights?: string[];
|
|
154
|
-
/**
|
|
155
|
-
* Show placeholder bars for visual pattern.
|
|
156
|
-
*/
|
|
157
|
-
stripped?: boolean;
|
|
158
|
-
/**
|
|
159
|
-
* Enable hover effects on columns.
|
|
160
|
-
*/
|
|
161
|
-
hover?: boolean;
|
|
162
|
-
/**
|
|
163
|
-
* Icon component to display on column hover.
|
|
164
|
-
*/
|
|
165
|
-
hoverIcon?: string | object | object[] | null;
|
|
166
|
-
/**
|
|
167
|
-
* Size of the hover icon.
|
|
168
|
-
*/
|
|
169
|
-
hoverIconSize?: string;
|
|
170
|
-
}
|
|
171
|
-
/**
|
|
172
|
-
* LineChart component props
|
|
173
|
-
*/
|
|
174
|
-
export interface LineChartProps extends BaseChartProps {
|
|
175
|
-
/**
|
|
176
|
-
* Color of the line. Falls back to theme's dark color.
|
|
177
|
-
*/
|
|
178
|
-
lineColor?: string | null;
|
|
179
|
-
/**
|
|
180
|
-
* Fixed width for y-axis labels in pixels. If not set, width is calculated automatically.
|
|
181
|
-
*/
|
|
182
|
-
fixedLabelWidth?: number | null;
|
|
183
|
-
/**
|
|
184
|
-
* Fixed height for the chart in pixels. If not set, height is calculated from width.
|
|
185
|
-
*/
|
|
186
|
-
fixedHeight?: number | null;
|
|
187
|
-
/**
|
|
188
|
-
* Field name in data objects containing the y-axis value.
|
|
189
|
-
*/
|
|
190
|
-
seriesName?: string;
|
|
191
|
-
/**
|
|
192
|
-
* Number of x-axis ticks or d3 tick configuration.
|
|
193
|
-
*/
|
|
194
|
-
xAxisTicks?: object | number | ((d: Date) => string) | null;
|
|
195
|
-
/**
|
|
196
|
-
* Formatter function or d3 format string for y-axis tick labels.
|
|
197
|
-
*/
|
|
198
|
-
yAxisTickFormat?: ((v: number | string) => string) | string;
|
|
199
|
-
/**
|
|
200
|
-
* Number of y-axis ticks or d3 tick configuration.
|
|
201
|
-
*/
|
|
202
|
-
yAxisTicks?: object | number;
|
|
203
|
-
/**
|
|
204
|
-
* Field name in data objects containing the x-axis time/date value (parsed as year).
|
|
205
|
-
*/
|
|
206
|
-
timeseriesKey?: string;
|
|
207
|
-
}
|
|
208
|
-
/**
|
|
209
|
-
* StackedBarChart component props
|
|
210
|
-
*/
|
|
211
|
-
export interface StackedBarChartProps extends BaseChartProps {
|
|
212
|
-
/**
|
|
213
|
-
* Colors for each bar segment/key.
|
|
214
|
-
*/
|
|
215
|
-
barColors?: string[];
|
|
216
|
-
/**
|
|
217
|
-
* Fixed height for the chart in pixels. If not set, height is calculated automatically.
|
|
218
|
-
*/
|
|
219
|
-
fixedHeight?: number | null;
|
|
220
|
-
/**
|
|
221
|
-
* Display names for each key in the legend.
|
|
222
|
-
*/
|
|
223
|
-
groups?: string[];
|
|
224
|
-
/**
|
|
225
|
-
* Hide bar segments that have no values.
|
|
226
|
-
*/
|
|
227
|
-
hideEmptyValues?: boolean;
|
|
228
|
-
/**
|
|
229
|
-
* Hide the legend.
|
|
230
|
-
*/
|
|
231
|
-
hideLegend?: boolean;
|
|
232
|
-
/**
|
|
233
|
-
* List of keys to highlight initially.
|
|
234
|
-
*/
|
|
235
|
-
highlights?: string[];
|
|
236
|
-
/**
|
|
237
|
-
* Delay in milliseconds before highlighting a key on hover.
|
|
238
|
-
*/
|
|
239
|
-
highlightDelay?: number;
|
|
240
|
-
/**
|
|
241
|
-
* Field names in data objects containing values for each stacked segment.
|
|
242
|
-
*/
|
|
243
|
-
keys?: string[];
|
|
244
|
-
/**
|
|
245
|
-
* Position labels above the bars instead of to the left.
|
|
246
|
-
*/
|
|
247
|
-
labelAbove?: boolean;
|
|
248
|
-
/**
|
|
249
|
-
* Field name in data objects containing the row label.
|
|
250
|
-
*/
|
|
251
|
-
labelField?: string;
|
|
252
|
-
/**
|
|
253
|
-
* Minimum height for each bar row in pixels.
|
|
254
|
-
*/
|
|
255
|
-
minBarHeight?: number;
|
|
256
|
-
/**
|
|
257
|
-
* Maximum height for each bar row in pixels.
|
|
258
|
-
*/
|
|
259
|
-
maxBarHeight?: number;
|
|
260
|
-
/**
|
|
261
|
-
* Calculate bar widths relative to each row's total instead of the global maximum.
|
|
262
|
-
*/
|
|
263
|
-
relative?: boolean;
|
|
264
|
-
/**
|
|
265
|
-
* Delay in milliseconds before restoring highlights to initial state.
|
|
266
|
-
*/
|
|
267
|
-
restoreHighlightDelay?: number;
|
|
268
|
-
/**
|
|
269
|
-
* List of row labels to highlight.
|
|
270
|
-
*/
|
|
271
|
-
rowHighlights?: string[];
|
|
272
|
-
/**
|
|
273
|
-
* Field name(s) to sort the data by.
|
|
274
|
-
*/
|
|
275
|
-
sortBy?: string | string[] | null;
|
|
276
|
-
/**
|
|
277
|
-
* Formatter function or d3 format string for bar values.
|
|
278
|
-
*/
|
|
279
|
-
xAxisTickFormat?: ((v: number | string) => string) | string;
|
|
280
|
-
}
|
|
281
|
-
/**
|
|
282
|
-
* StackedColumnChart component props
|
|
283
|
-
*/
|
|
284
|
-
export interface StackedColumnChartProps extends BaseChartProps {
|
|
285
|
-
/**
|
|
286
|
-
* Field of each object containing data (for each group)
|
|
287
|
-
*/
|
|
288
|
-
keys?: string[];
|
|
289
|
-
/**
|
|
290
|
-
* Group name to display in the legend
|
|
291
|
-
*/
|
|
292
|
-
groups?: string[];
|
|
293
|
-
/**
|
|
294
|
-
* Colors of each bar group
|
|
295
|
-
*/
|
|
296
|
-
barColors?: string[];
|
|
297
|
-
/**
|
|
298
|
-
* Max with of each bar.
|
|
299
|
-
*/
|
|
300
|
-
barMaxWidth?: string;
|
|
301
|
-
/**
|
|
302
|
-
* Hide bars that have no values.
|
|
303
|
-
*/
|
|
304
|
-
hideEmptyValues?: boolean;
|
|
305
|
-
/**
|
|
306
|
-
* Hide the legend.
|
|
307
|
-
*/
|
|
308
|
-
hideLegend?: boolean;
|
|
309
|
-
/**
|
|
310
|
-
* Enforce the height of the chart (regardless of the width or number of row)
|
|
311
|
-
*/
|
|
312
|
-
fixedHeight?: number | null;
|
|
313
|
-
/**
|
|
314
|
-
* Function to apply to format x-axis ticks
|
|
315
|
-
*/
|
|
316
|
-
xAxisTickFormat?: ((v: number | string) => string) | string;
|
|
317
|
-
/**
|
|
318
|
-
* Function to apply to format y-axis ticks (bars value).
|
|
319
|
-
*/
|
|
320
|
-
yAxisTickFormat?: ((v: number | string) => string) | string;
|
|
321
|
-
/**
|
|
322
|
-
* Padding on y-axis ticks
|
|
323
|
-
*/
|
|
324
|
-
yAxisTickPadding?: number;
|
|
325
|
-
/**
|
|
326
|
-
* Field containing the label for each column
|
|
327
|
-
*/
|
|
328
|
-
labelField?: string;
|
|
329
|
-
/**
|
|
330
|
-
* Sort groups by one or several keys.
|
|
331
|
-
*/
|
|
332
|
-
sortBy?: string | string[] | null;
|
|
333
|
-
/**
|
|
334
|
-
* Column height is relative to each group's total
|
|
335
|
-
*/
|
|
336
|
-
relative?: boolean;
|
|
337
|
-
/**
|
|
338
|
-
* A list of highlighted groups
|
|
339
|
-
*/
|
|
340
|
-
highlights?: string[];
|
|
341
|
-
/**
|
|
342
|
-
* Delay to apply when set the first highlight
|
|
343
|
-
*/
|
|
344
|
-
highlightDelay?: number;
|
|
345
|
-
/**
|
|
346
|
-
* A list of entire column to highlight
|
|
347
|
-
*/
|
|
348
|
-
columnHighlights?: string[];
|
|
349
|
-
/**
|
|
350
|
-
* Delay to apply when restoring highlights to initial state
|
|
351
|
-
*/
|
|
352
|
-
restoreHighlightDelay?: number;
|
|
353
|
-
/**
|
|
354
|
-
* Deactivate direct labeling on bars
|
|
355
|
-
*/
|
|
356
|
-
noDirectLabeling?: boolean;
|
|
357
|
-
/**
|
|
358
|
-
* Set max value instead of extracting it from the data.
|
|
359
|
-
*/
|
|
360
|
-
maxValue?: number | null;
|
|
361
|
-
/**
|
|
362
|
-
* Function to define tooltip content.
|
|
363
|
-
*/
|
|
364
|
-
tooltipDisplay?: (params: {
|
|
365
|
-
value?: number;
|
|
366
|
-
formattedKey: string;
|
|
367
|
-
formattedValue: string;
|
|
368
|
-
key?: string;
|
|
369
|
-
}) => string;
|
|
370
|
-
/**
|
|
371
|
-
* Hide bar tooltips
|
|
372
|
-
*/
|
|
373
|
-
noTooltips?: boolean;
|
|
374
|
-
}
|