@ledgerhq/lumen-ui-rnative-visualization 0.1.4 → 0.1.6
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/module/lib/Components/CartesianChart/CartesianChart.js +6 -53
- package/dist/module/lib/Components/CartesianChart/CartesianChart.js.map +1 -1
- package/dist/module/lib/Components/CartesianChart/utils.js +63 -0
- package/dist/module/lib/Components/CartesianChart/utils.js.map +1 -0
- package/dist/module/lib/Components/CartesianChart/utils.test.js +86 -0
- package/dist/module/lib/Components/CartesianChart/utils.test.js.map +1 -0
- package/dist/module/lib/Components/LineChart/LineChart.stories.js.map +1 -1
- package/dist/module/lib/Components/Point/Point.js +84 -0
- package/dist/module/lib/Components/Point/Point.js.map +1 -0
- package/dist/module/lib/Components/Point/Point.stories.js +178 -0
- package/dist/module/lib/Components/Point/Point.stories.js.map +1 -0
- package/dist/module/lib/Components/Point/Point.test.js +228 -0
- package/dist/module/lib/Components/Point/Point.test.js.map +1 -0
- package/dist/module/lib/Components/Point/index.js +4 -0
- package/dist/module/lib/Components/Point/index.js.map +1 -0
- package/dist/module/lib/Components/Point/types.js +4 -0
- package/dist/module/lib/Components/Point/types.js.map +1 -0
- package/dist/module/lib/Components/Point/utils.js +44 -0
- package/dist/module/lib/Components/Point/utils.js.map +1 -0
- package/dist/module/lib/Components/Point/utils.test.js +91 -0
- package/dist/module/lib/Components/Point/utils.test.js.map +1 -0
- package/dist/module/lib/Components/index.js +1 -0
- package/dist/module/lib/Components/index.js.map +1 -1
- package/dist/module/lib/utils/scales/scales.js +15 -0
- package/dist/module/lib/utils/scales/scales.js.map +1 -1
- package/dist/module/lib/utils/scales/scales.test.js +90 -1
- package/dist/module/lib/utils/scales/scales.test.js.map +1 -1
- package/dist/typescript/src/lib/Components/CartesianChart/CartesianChart.d.ts +1 -1
- package/dist/typescript/src/lib/Components/CartesianChart/CartesianChart.d.ts.map +1 -1
- package/dist/typescript/src/lib/Components/CartesianChart/types.d.ts +4 -2
- package/dist/typescript/src/lib/Components/CartesianChart/types.d.ts.map +1 -1
- package/dist/typescript/src/lib/Components/CartesianChart/utils.d.ts +19 -0
- package/dist/typescript/src/lib/Components/CartesianChart/utils.d.ts.map +1 -0
- package/dist/typescript/src/lib/Components/Point/Point.d.ts +4 -0
- package/dist/typescript/src/lib/Components/Point/Point.d.ts.map +1 -0
- package/dist/typescript/src/lib/Components/Point/index.d.ts +3 -0
- package/dist/typescript/src/lib/Components/Point/index.d.ts.map +1 -0
- package/dist/typescript/src/lib/Components/Point/types.d.ts +74 -0
- package/dist/typescript/src/lib/Components/Point/types.d.ts.map +1 -0
- package/dist/typescript/src/lib/Components/Point/utils.d.ts +24 -0
- package/dist/typescript/src/lib/Components/Point/utils.d.ts.map +1 -0
- package/dist/typescript/src/lib/Components/index.d.ts +1 -0
- package/dist/typescript/src/lib/Components/index.d.ts.map +1 -1
- package/dist/typescript/src/lib/utils/scales/scales.d.ts +10 -0
- package/dist/typescript/src/lib/utils/scales/scales.d.ts.map +1 -1
- package/package.json +3 -3
- package/src/lib/Components/CartesianChart/CartesianChart.tsx +12 -65
- package/src/lib/Components/CartesianChart/types.ts +4 -2
- package/src/lib/Components/CartesianChart/utils.test.ts +88 -0
- package/src/lib/Components/CartesianChart/utils.ts +65 -0
- package/src/lib/Components/LineChart/LineChart.stories.tsx +1 -1
- package/src/lib/Components/Point/Point.stories.tsx +152 -0
- package/src/lib/Components/Point/Point.test.tsx +197 -0
- package/src/lib/Components/Point/Point.tsx +100 -0
- package/src/lib/Components/Point/index.ts +2 -0
- package/src/lib/Components/Point/types.ts +76 -0
- package/src/lib/Components/Point/utils.test.ts +118 -0
- package/src/lib/Components/Point/utils.ts +70 -0
- package/src/lib/Components/index.ts +1 -0
- package/src/lib/utils/scales/scales.test.ts +54 -0
- package/src/lib/utils/scales/scales.ts +21 -0
|
@@ -0,0 +1,228 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
import { describe, it, expect, jest } from '@jest/globals';
|
|
4
|
+
import { ledgerLiveThemes } from '@ledgerhq/lumen-design-core';
|
|
5
|
+
import { ThemeProvider } from '@ledgerhq/lumen-ui-rnative';
|
|
6
|
+
import { fireEvent, render } from '@testing-library/react-native';
|
|
7
|
+
import React from 'react';
|
|
8
|
+
import { Text as SvgText } from 'react-native-svg';
|
|
9
|
+
import { CartesianChart } from "../CartesianChart/index.js";
|
|
10
|
+
import { Point } from "./Point.js";
|
|
11
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
12
|
+
const sampleSeries = [{
|
|
13
|
+
id: 's1',
|
|
14
|
+
stroke: '#000',
|
|
15
|
+
data: [10, 20, 30, 40, 50]
|
|
16
|
+
}];
|
|
17
|
+
const Wrapper = ({
|
|
18
|
+
children
|
|
19
|
+
}) => /*#__PURE__*/_jsx(ThemeProvider, {
|
|
20
|
+
themes: ledgerLiveThemes,
|
|
21
|
+
colorScheme: "light",
|
|
22
|
+
children: children
|
|
23
|
+
});
|
|
24
|
+
const renderInChart = (pointElement, {
|
|
25
|
+
width = 400,
|
|
26
|
+
height = 200,
|
|
27
|
+
xAxis,
|
|
28
|
+
yAxis
|
|
29
|
+
} = {}) => render(/*#__PURE__*/_jsx(Wrapper, {
|
|
30
|
+
children: /*#__PURE__*/_jsx(CartesianChart, {
|
|
31
|
+
series: sampleSeries,
|
|
32
|
+
width: width,
|
|
33
|
+
height: height,
|
|
34
|
+
xAxis: xAxis,
|
|
35
|
+
yAxis: yAxis,
|
|
36
|
+
children: pointElement
|
|
37
|
+
})
|
|
38
|
+
}));
|
|
39
|
+
describe('Point', () => {
|
|
40
|
+
it('renders a circle at the projected position', () => {
|
|
41
|
+
const {
|
|
42
|
+
getByTestId
|
|
43
|
+
} = renderInChart(/*#__PURE__*/_jsx(Point, {
|
|
44
|
+
dataX: 2,
|
|
45
|
+
dataY: 30
|
|
46
|
+
}));
|
|
47
|
+
const circle = getByTestId('point-circle');
|
|
48
|
+
expect(circle).toBeTruthy();
|
|
49
|
+
expect(circle.props.r).toBe(5);
|
|
50
|
+
});
|
|
51
|
+
it('renders with custom color and size', () => {
|
|
52
|
+
const {
|
|
53
|
+
getByTestId
|
|
54
|
+
} = renderInChart(/*#__PURE__*/_jsx(Point, {
|
|
55
|
+
dataX: 2,
|
|
56
|
+
dataY: 30,
|
|
57
|
+
color: "#FF0000",
|
|
58
|
+
size: 16
|
|
59
|
+
}));
|
|
60
|
+
const circle = getByTestId('point-circle');
|
|
61
|
+
expect(circle.props.fill).toBe('#FF0000');
|
|
62
|
+
expect(circle.props.r).toBe(8);
|
|
63
|
+
});
|
|
64
|
+
it('renders a string label', () => {
|
|
65
|
+
const {
|
|
66
|
+
getByText
|
|
67
|
+
} = renderInChart(/*#__PURE__*/_jsx(Point, {
|
|
68
|
+
dataX: 2,
|
|
69
|
+
dataY: 30,
|
|
70
|
+
label: "Peak"
|
|
71
|
+
}));
|
|
72
|
+
expect(getByText('Peak')).toBeTruthy();
|
|
73
|
+
});
|
|
74
|
+
it('renders a label via function', () => {
|
|
75
|
+
const {
|
|
76
|
+
getByText
|
|
77
|
+
} = renderInChart(/*#__PURE__*/_jsx(Point, {
|
|
78
|
+
dataX: 2,
|
|
79
|
+
dataY: 30,
|
|
80
|
+
label: i => `#${i}`
|
|
81
|
+
}));
|
|
82
|
+
expect(getByText('#2')).toBeTruthy();
|
|
83
|
+
});
|
|
84
|
+
it('renders custom LabelComponent', () => {
|
|
85
|
+
const CustomLabel = ({
|
|
86
|
+
x,
|
|
87
|
+
y,
|
|
88
|
+
children
|
|
89
|
+
}) => /*#__PURE__*/_jsx(SvgText, {
|
|
90
|
+
testID: "custom-label",
|
|
91
|
+
x: x,
|
|
92
|
+
y: y,
|
|
93
|
+
children: children
|
|
94
|
+
});
|
|
95
|
+
const {
|
|
96
|
+
getByTestId
|
|
97
|
+
} = renderInChart(/*#__PURE__*/_jsx(Point, {
|
|
98
|
+
dataX: 2,
|
|
99
|
+
dataY: 30,
|
|
100
|
+
label: "Peak",
|
|
101
|
+
LabelComponent: CustomLabel
|
|
102
|
+
}));
|
|
103
|
+
expect(getByTestId('custom-label')).toBeTruthy();
|
|
104
|
+
});
|
|
105
|
+
it('does not render LabelComponent when label is absent', () => {
|
|
106
|
+
const CustomLabel = ({
|
|
107
|
+
children
|
|
108
|
+
}) => /*#__PURE__*/_jsx(SvgText, {
|
|
109
|
+
testID: "custom-label",
|
|
110
|
+
children: children
|
|
111
|
+
});
|
|
112
|
+
const {
|
|
113
|
+
queryByTestId
|
|
114
|
+
} = renderInChart(/*#__PURE__*/_jsx(Point, {
|
|
115
|
+
dataX: 2,
|
|
116
|
+
dataY: 30,
|
|
117
|
+
LabelComponent: CustomLabel
|
|
118
|
+
}));
|
|
119
|
+
expect(queryByTestId('custom-label')).toBeNull();
|
|
120
|
+
});
|
|
121
|
+
it('hides the circle when hidePoint is true but shows label', () => {
|
|
122
|
+
const {
|
|
123
|
+
queryByTestId,
|
|
124
|
+
getByText
|
|
125
|
+
} = renderInChart(/*#__PURE__*/_jsx(Point, {
|
|
126
|
+
dataX: 2,
|
|
127
|
+
dataY: 30,
|
|
128
|
+
hidePoint: true,
|
|
129
|
+
label: "Still here"
|
|
130
|
+
}));
|
|
131
|
+
expect(queryByTestId('point-circle')).toBeNull();
|
|
132
|
+
expect(getByText('Still here')).toBeTruthy();
|
|
133
|
+
});
|
|
134
|
+
it('returns null when point is outside drawing area', () => {
|
|
135
|
+
const {
|
|
136
|
+
queryByTestId
|
|
137
|
+
} = renderInChart(/*#__PURE__*/_jsx(Point, {
|
|
138
|
+
dataX: -100,
|
|
139
|
+
dataY: -100
|
|
140
|
+
}));
|
|
141
|
+
expect(queryByTestId('point-group')).toBeNull();
|
|
142
|
+
});
|
|
143
|
+
it('works with band (categorical) x-axis scale', () => {
|
|
144
|
+
const {
|
|
145
|
+
getByTestId
|
|
146
|
+
} = renderInChart(/*#__PURE__*/_jsx(Point, {
|
|
147
|
+
dataX: 1,
|
|
148
|
+
dataY: 30
|
|
149
|
+
}), {
|
|
150
|
+
xAxis: {
|
|
151
|
+
scaleType: 'band'
|
|
152
|
+
}
|
|
153
|
+
});
|
|
154
|
+
const circle = getByTestId('point-circle');
|
|
155
|
+
expect(circle).toBeTruthy();
|
|
156
|
+
});
|
|
157
|
+
it('renders arrow when label is present and showArrow is true', () => {
|
|
158
|
+
const {
|
|
159
|
+
getByTestId
|
|
160
|
+
} = renderInChart(/*#__PURE__*/_jsx(Point, {
|
|
161
|
+
dataX: 2,
|
|
162
|
+
dataY: 30,
|
|
163
|
+
label: "Peak"
|
|
164
|
+
}));
|
|
165
|
+
expect(getByTestId('point-arrow')).toBeTruthy();
|
|
166
|
+
});
|
|
167
|
+
it('does not render arrow when no label is present', () => {
|
|
168
|
+
const {
|
|
169
|
+
queryByTestId
|
|
170
|
+
} = renderInChart(/*#__PURE__*/_jsx(Point, {
|
|
171
|
+
dataX: 2,
|
|
172
|
+
dataY: 30
|
|
173
|
+
}));
|
|
174
|
+
expect(queryByTestId('point-arrow')).toBeNull();
|
|
175
|
+
});
|
|
176
|
+
it('does not render arrow when showArrow is false', () => {
|
|
177
|
+
const {
|
|
178
|
+
queryByTestId
|
|
179
|
+
} = renderInChart(/*#__PURE__*/_jsx(Point, {
|
|
180
|
+
dataX: 2,
|
|
181
|
+
dataY: 30,
|
|
182
|
+
label: "Peak",
|
|
183
|
+
showLabelArrow: false
|
|
184
|
+
}));
|
|
185
|
+
expect(queryByTestId('point-arrow')).toBeNull();
|
|
186
|
+
});
|
|
187
|
+
it('renders label below the point when labelPosition is bottom', () => {
|
|
188
|
+
const topSpy = jest.fn(({
|
|
189
|
+
y
|
|
190
|
+
}) => /*#__PURE__*/_jsx(SvgText, {
|
|
191
|
+
children: y
|
|
192
|
+
}));
|
|
193
|
+
const bottomSpy = jest.fn(({
|
|
194
|
+
y
|
|
195
|
+
}) => /*#__PURE__*/_jsx(SvgText, {
|
|
196
|
+
children: y
|
|
197
|
+
}));
|
|
198
|
+
renderInChart(/*#__PURE__*/_jsx(Point, {
|
|
199
|
+
dataX: 2,
|
|
200
|
+
dataY: 30,
|
|
201
|
+
label: "T",
|
|
202
|
+
LabelComponent: topSpy
|
|
203
|
+
}));
|
|
204
|
+
renderInChart(/*#__PURE__*/_jsx(Point, {
|
|
205
|
+
dataX: 2,
|
|
206
|
+
dataY: 30,
|
|
207
|
+
label: "B",
|
|
208
|
+
labelPosition: "bottom",
|
|
209
|
+
LabelComponent: bottomSpy
|
|
210
|
+
}));
|
|
211
|
+
const topY = topSpy.mock.calls[0][0].y;
|
|
212
|
+
const bottomY = bottomSpy.mock.calls[0][0].y;
|
|
213
|
+
expect(bottomY).toBeGreaterThan(topY);
|
|
214
|
+
});
|
|
215
|
+
it('calls onPress when the point is pressed', () => {
|
|
216
|
+
const onPress = jest.fn();
|
|
217
|
+
const {
|
|
218
|
+
getByTestId
|
|
219
|
+
} = renderInChart(/*#__PURE__*/_jsx(Point, {
|
|
220
|
+
dataX: 2,
|
|
221
|
+
dataY: 30,
|
|
222
|
+
onPress: onPress
|
|
223
|
+
}));
|
|
224
|
+
fireEvent.press(getByTestId('point-group'));
|
|
225
|
+
expect(onPress).toHaveBeenCalled();
|
|
226
|
+
});
|
|
227
|
+
});
|
|
228
|
+
//# sourceMappingURL=Point.test.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["describe","it","expect","jest","ledgerLiveThemes","ThemeProvider","fireEvent","render","React","Text","SvgText","CartesianChart","Point","jsx","_jsx","sampleSeries","id","stroke","data","Wrapper","children","themes","colorScheme","renderInChart","pointElement","width","height","xAxis","yAxis","series","getByTestId","dataX","dataY","circle","toBeTruthy","props","r","toBe","color","size","fill","getByText","label","i","CustomLabel","x","y","testID","LabelComponent","queryByTestId","toBeNull","hidePoint","scaleType","showLabelArrow","topSpy","fn","bottomSpy","labelPosition","topY","mock","calls","bottomY","toBeGreaterThan","onPress","press","toHaveBeenCalled"],"sourceRoot":"../../../../../src","sources":["lib/Components/Point/Point.test.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["Point","PointLabel"],"sourceRoot":"../../../../../src","sources":["lib/Components/Point/index.ts"],"mappings":";;AAAA,SAASA,KAAK,EAAEC,UAAU,QAAQ,YAAS","ignoreList":[]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":[],"sourceRoot":"../../../../../src","sources":["lib/Components/Point/types.ts"],"mappings":"","ignoreList":[]}
|
|
@@ -0,0 +1,44 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
export const DEFAULT_SIZE = 10;
|
|
4
|
+
export const STROKE_WIDTH = 2;
|
|
5
|
+
export const LABEL_FONT_SIZE = 10;
|
|
6
|
+
export const ARROW_WIDTH = 6;
|
|
7
|
+
export const ARROW_HEIGHT = 4;
|
|
8
|
+
export const GAP = 4;
|
|
9
|
+
export const isWithinBounds = (px, py, area) => px >= area.x && px <= area.x + area.width && py >= area.y && py <= area.y + area.height;
|
|
10
|
+
|
|
11
|
+
/**
|
|
12
|
+
* Builds the three SVG points of the arrow triangle.
|
|
13
|
+
*
|
|
14
|
+
* `'top'` → arrow sits below the label, tip pointing **down** toward the circle.
|
|
15
|
+
* `'bottom'` → arrow sits above the label, tip pointing **up** toward the circle.
|
|
16
|
+
*/
|
|
17
|
+
export const buildArrowPoints = (cx, cy, radius, position) => {
|
|
18
|
+
const halfW = ARROW_WIDTH / 2;
|
|
19
|
+
if (position === 'top') {
|
|
20
|
+
const tipY = cy - radius - GAP;
|
|
21
|
+
const baseY = tipY - ARROW_HEIGHT;
|
|
22
|
+
return `${cx},${tipY} ${cx - halfW},${baseY} ${cx + halfW},${baseY}`;
|
|
23
|
+
}
|
|
24
|
+
const tipY = cy + radius + GAP;
|
|
25
|
+
const baseY = tipY + ARROW_HEIGHT;
|
|
26
|
+
return `${cx},${tipY} ${cx - halfW},${baseY} ${cx + halfW},${baseY}`;
|
|
27
|
+
};
|
|
28
|
+
|
|
29
|
+
/**
|
|
30
|
+
* Resolves the label prop to a string or undefined.
|
|
31
|
+
*/
|
|
32
|
+
export const resolveLabel = (label, dataX) => {
|
|
33
|
+
const resolved = typeof label === 'function' ? label(dataX) : label;
|
|
34
|
+
return resolved === '' ? undefined : resolved;
|
|
35
|
+
};
|
|
36
|
+
|
|
37
|
+
/**
|
|
38
|
+
* Computes the vertical position of the label text baseline.
|
|
39
|
+
*/
|
|
40
|
+
export const computeLabelY = (pixelY, radius, labelPosition, renderArrow) => {
|
|
41
|
+
const arrowOffset = renderArrow ? ARROW_HEIGHT + GAP : GAP;
|
|
42
|
+
return labelPosition === 'top' ? pixelY - radius - arrowOffset - GAP : pixelY + radius + arrowOffset + GAP + LABEL_FONT_SIZE;
|
|
43
|
+
};
|
|
44
|
+
//# sourceMappingURL=utils.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["DEFAULT_SIZE","STROKE_WIDTH","LABEL_FONT_SIZE","ARROW_WIDTH","ARROW_HEIGHT","GAP","isWithinBounds","px","py","area","x","width","y","height","buildArrowPoints","cx","cy","radius","position","halfW","tipY","baseY","resolveLabel","label","dataX","resolved","undefined","computeLabelY","pixelY","labelPosition","renderArrow","arrowOffset"],"sourceRoot":"../../../../../src","sources":["lib/Components/Point/utils.ts"],"mappings":";;AAEA,OAAO,MAAMA,YAAY,GAAG,EAAE;AAC9B,OAAO,MAAMC,YAAY,GAAG,CAAC;AAC7B,OAAO,MAAMC,eAAe,GAAG,EAAE;AACjC,OAAO,MAAMC,WAAW,GAAG,CAAC;AAC5B,OAAO,MAAMC,YAAY,GAAG,CAAC;AAC7B,OAAO,MAAMC,GAAG,GAAG,CAAC;AAEpB,OAAO,MAAMC,cAAc,GAAGA,CAC5BC,EAAU,EACVC,EAAU,EACVC,IAAiB,KAEjBF,EAAE,IAAIE,IAAI,CAACC,CAAC,IACZH,EAAE,IAAIE,IAAI,CAACC,CAAC,GAAGD,IAAI,CAACE,KAAK,IACzBH,EAAE,IAAIC,IAAI,CAACG,CAAC,IACZJ,EAAE,IAAIC,IAAI,CAACG,CAAC,GAAGH,IAAI,CAACI,MAAM;;AAE5B;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMC,gBAAgB,GAAGA,CAC9BC,EAAU,EACVC,EAAU,EACVC,MAAc,EACdC,QAA0B,KACf;EACX,MAAMC,KAAK,GAAGhB,WAAW,GAAG,CAAC;EAE7B,IAAIe,QAAQ,KAAK,KAAK,EAAE;IACtB,MAAME,IAAI,GAAGJ,EAAE,GAAGC,MAAM,GAAGZ,GAAG;IAC9B,MAAMgB,KAAK,GAAGD,IAAI,GAAGhB,YAAY;IACjC,OAAO,GAAGW,EAAE,IAAIK,IAAI,IAAIL,EAAE,GAAGI,KAAK,IAAIE,KAAK,IAAIN,EAAE,GAAGI,KAAK,IAAIE,KAAK,EAAE;EACtE;EAEA,MAAMD,IAAI,GAAGJ,EAAE,GAAGC,MAAM,GAAGZ,GAAG;EAC9B,MAAMgB,KAAK,GAAGD,IAAI,GAAGhB,YAAY;EACjC,OAAO,GAAGW,EAAE,IAAIK,IAAI,IAAIL,EAAE,GAAGI,KAAK,IAAIE,KAAK,IAAIN,EAAE,GAAGI,KAAK,IAAIE,KAAK,EAAE;AACtE,CAAC;;AAED;AACA;AACA;AACA,OAAO,MAAMC,YAAY,GAAGA,CAC1BC,KAA2D,EAC3DC,KAAa,KACU;EACvB,MAAMC,QAAQ,GAAG,OAAOF,KAAK,KAAK,UAAU,GAAGA,KAAK,CAACC,KAAK,CAAC,GAAGD,KAAK;EACnE,OAAOE,QAAQ,KAAK,EAAE,GAAGC,SAAS,GAAGD,QAAQ;AAC/C,CAAC;;AAED;AACA;AACA;AACA,OAAO,MAAME,aAAa,GAAGA,CAC3BC,MAAc,EACdX,MAAc,EACdY,aAA+B,EAC/BC,WAAoB,KACT;EACX,MAAMC,WAAW,GAAGD,WAAW,GAAG1B,YAAY,GAAGC,GAAG,GAAGA,GAAG;EAE1D,OAAOwB,aAAa,KAAK,KAAK,GAC1BD,MAAM,GAAGX,MAAM,GAAGc,WAAW,GAAG1B,GAAG,GACnCuB,MAAM,GAAGX,MAAM,GAAGc,WAAW,GAAG1B,GAAG,GAAGH,eAAe;AAC3D,CAAC","ignoreList":[]}
|
|
@@ -0,0 +1,91 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
import { describe, expect, it } from '@jest/globals';
|
|
4
|
+
import { ARROW_HEIGHT, ARROW_WIDTH, buildArrowPoints, computeLabelY, GAP, isWithinBounds, LABEL_FONT_SIZE, resolveLabel } from "./utils.js";
|
|
5
|
+
describe('isWithinBounds', () => {
|
|
6
|
+
const area = {
|
|
7
|
+
x: 10,
|
|
8
|
+
y: 20,
|
|
9
|
+
width: 100,
|
|
10
|
+
height: 50
|
|
11
|
+
};
|
|
12
|
+
it('returns true for a point inside the area', () => {
|
|
13
|
+
expect(isWithinBounds(50, 40, area)).toBe(true);
|
|
14
|
+
});
|
|
15
|
+
it('returns true on the top-left edge', () => {
|
|
16
|
+
expect(isWithinBounds(10, 20, area)).toBe(true);
|
|
17
|
+
});
|
|
18
|
+
it('returns true on the bottom-right edge', () => {
|
|
19
|
+
expect(isWithinBounds(110, 70, area)).toBe(true);
|
|
20
|
+
});
|
|
21
|
+
it('returns false when x is left of the area', () => {
|
|
22
|
+
expect(isWithinBounds(9, 40, area)).toBe(false);
|
|
23
|
+
});
|
|
24
|
+
it('returns false when x is right of the area', () => {
|
|
25
|
+
expect(isWithinBounds(111, 40, area)).toBe(false);
|
|
26
|
+
});
|
|
27
|
+
it('returns false when y is above the area', () => {
|
|
28
|
+
expect(isWithinBounds(50, 19, area)).toBe(false);
|
|
29
|
+
});
|
|
30
|
+
it('returns false when y is below the area', () => {
|
|
31
|
+
expect(isWithinBounds(50, 71, area)).toBe(false);
|
|
32
|
+
});
|
|
33
|
+
});
|
|
34
|
+
describe('buildArrowPoints', () => {
|
|
35
|
+
const cx = 100;
|
|
36
|
+
const cy = 200;
|
|
37
|
+
const radius = 5;
|
|
38
|
+
const halfW = ARROW_WIDTH / 2;
|
|
39
|
+
it('builds a downward-pointing arrow for top position', () => {
|
|
40
|
+
const result = buildArrowPoints(cx, cy, radius, 'top');
|
|
41
|
+
const tipY = cy - radius - GAP;
|
|
42
|
+
const baseY = tipY - ARROW_HEIGHT;
|
|
43
|
+
expect(result).toBe(`${cx},${tipY} ${cx - halfW},${baseY} ${cx + halfW},${baseY}`);
|
|
44
|
+
});
|
|
45
|
+
it('builds an upward-pointing arrow for bottom position', () => {
|
|
46
|
+
const result = buildArrowPoints(cx, cy, radius, 'bottom');
|
|
47
|
+
const tipY = cy + radius + GAP;
|
|
48
|
+
const baseY = tipY + ARROW_HEIGHT;
|
|
49
|
+
expect(result).toBe(`${cx},${tipY} ${cx - halfW},${baseY} ${cx + halfW},${baseY}`);
|
|
50
|
+
});
|
|
51
|
+
});
|
|
52
|
+
describe('resolveLabel', () => {
|
|
53
|
+
it('returns a string label as-is', () => {
|
|
54
|
+
expect(resolveLabel('Peak', 0)).toBe('Peak');
|
|
55
|
+
});
|
|
56
|
+
it('calls a function label with dataX', () => {
|
|
57
|
+
expect(resolveLabel(i => `#${i}`, 3)).toBe('#3');
|
|
58
|
+
});
|
|
59
|
+
it('returns undefined for an undefined label', () => {
|
|
60
|
+
expect(resolveLabel(undefined, 0)).toBeUndefined();
|
|
61
|
+
});
|
|
62
|
+
it('returns undefined for an empty string', () => {
|
|
63
|
+
expect(resolveLabel('', 0)).toBeUndefined();
|
|
64
|
+
});
|
|
65
|
+
it('returns undefined when a function returns an empty string', () => {
|
|
66
|
+
expect(resolveLabel(() => '', 0)).toBeUndefined();
|
|
67
|
+
});
|
|
68
|
+
});
|
|
69
|
+
describe('computeLabelY', () => {
|
|
70
|
+
const pixelY = 100;
|
|
71
|
+
const radius = 5;
|
|
72
|
+
it('positions label above the point when labelPosition is top with arrow', () => {
|
|
73
|
+
const result = computeLabelY(pixelY, radius, 'top', true);
|
|
74
|
+
const arrowOffset = ARROW_HEIGHT + GAP;
|
|
75
|
+
expect(result).toBe(pixelY - radius - arrowOffset - GAP);
|
|
76
|
+
});
|
|
77
|
+
it('positions label above the point when labelPosition is top without arrow', () => {
|
|
78
|
+
const result = computeLabelY(pixelY, radius, 'top', false);
|
|
79
|
+
expect(result).toBe(pixelY - radius - GAP - GAP);
|
|
80
|
+
});
|
|
81
|
+
it('positions label below the point when labelPosition is bottom with arrow', () => {
|
|
82
|
+
const result = computeLabelY(pixelY, radius, 'bottom', true);
|
|
83
|
+
const arrowOffset = ARROW_HEIGHT + GAP;
|
|
84
|
+
expect(result).toBe(pixelY + radius + arrowOffset + GAP + LABEL_FONT_SIZE);
|
|
85
|
+
});
|
|
86
|
+
it('positions label below the point when labelPosition is bottom without arrow', () => {
|
|
87
|
+
const result = computeLabelY(pixelY, radius, 'bottom', false);
|
|
88
|
+
expect(result).toBe(pixelY + radius + GAP + GAP + LABEL_FONT_SIZE);
|
|
89
|
+
});
|
|
90
|
+
});
|
|
91
|
+
//# sourceMappingURL=utils.test.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["describe","expect","it","ARROW_HEIGHT","ARROW_WIDTH","buildArrowPoints","computeLabelY","GAP","isWithinBounds","LABEL_FONT_SIZE","resolveLabel","area","x","y","width","height","toBe","cx","cy","radius","halfW","result","tipY","baseY","i","undefined","toBeUndefined","pixelY","arrowOffset"],"sourceRoot":"../../../../../src","sources":["lib/Components/Point/utils.test.ts"],"mappings":"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","ignoreList":[]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":[],"sourceRoot":"../../../../src","sources":["lib/Components/index.ts"],"mappings":";;AAAA,cAAc,sBAAa","ignoreList":[]}
|
|
1
|
+
{"version":3,"names":[],"sourceRoot":"../../../../src","sources":["lib/Components/index.ts"],"mappings":";;AAAA,cAAc,sBAAa;AAC3B,cAAc,kBAAS","ignoreList":[]}
|
|
@@ -42,4 +42,19 @@ export const isCategoricalScale = scale => {
|
|
|
42
42
|
export const isNumericScale = scale => {
|
|
43
43
|
return !isCategoricalScale(scale);
|
|
44
44
|
};
|
|
45
|
+
|
|
46
|
+
/**
|
|
47
|
+
* Projects a single data-space coordinate pair to pixel-space
|
|
48
|
+
* using the provided x and y scale functions.
|
|
49
|
+
*
|
|
50
|
+
* For categorical (band) scales the point is anchored at the center of the band.
|
|
51
|
+
*/
|
|
52
|
+
export const projectPoint = (dataX, dataY, xScale, yScale) => {
|
|
53
|
+
const x = isCategoricalScale(xScale) ? (xScale(dataX) ?? 0) + xScale.bandwidth() / 2 : xScale(dataX);
|
|
54
|
+
const y = isCategoricalScale(yScale) ? (yScale(dataY) ?? 0) + yScale.bandwidth() / 2 : yScale(dataY);
|
|
55
|
+
return {
|
|
56
|
+
x: x,
|
|
57
|
+
y
|
|
58
|
+
};
|
|
59
|
+
};
|
|
45
60
|
//# sourceMappingURL=scales.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["scaleBand","scaleLinear","scaleLog","getNumericScale","scaleType","domain","range","scale","min","max","nice","getCategoricalScale","padding","domainArray","Array","from","length","_","i","paddingInner","paddingOuter","isBandScaleType","isCategoricalScale","bandwidth","isNumericScale"],"sourceRoot":"../../../../../src","sources":["lib/utils/scales/scales.ts"],"mappings":";;AAAA,SAASA,SAAS,EAAEC,WAAW,EAAEC,QAAQ,QAAQ,UAAU;AAU3D;AACA;AACA;AACA;AACA,OAAO,MAAMC,eAAe,GAAGA,CAAC;EAC9BC,SAAS;EACTC,MAAM;EACNC;AAKF,CAAC,KAAmB;EAClB,MAAMC,KAAK,GAAGH,SAAS,KAAK,KAAK,GAAGF,QAAQ,CAAC,CAAC,GAAGD,WAAW,CAAC,CAAC;EAC9D,OAAOM,KAAK,CACTF,MAAM,CAAC,CAACA,MAAM,CAACG,GAAG,EAAEH,MAAM,CAACI,GAAG,CAAC,CAAC,CAChCC,IAAI,CAAC,CAAC,CACNJ,KAAK,CAAC,CAACA,KAAK,CAACE,GAAG,EAAEF,KAAK,CAACG,GAAG,CAAC,CAAC;AAClC,CAAC;AAED,OAAO,MAAME,mBAAmB,GAAGA,CAAC;EAClCN,MAAM;EACNC,KAAK;EACLM,OAAO,GAAG;AAKZ,CAAC,KAAuB;EACtB,MAAMC,WAAW,GAAGC,KAAK,CAACC,IAAI,CAC5B;IAAEC,MAAM,EAAEX,MAAM,CAACI,GAAG,GAAGJ,MAAM,CAACG,GAAG,GAAG;EAAE,CAAC,EACvC,CAACS,CAAC,EAAEC,CAAC,KAAKb,MAAM,CAACG,GAAG,GAAGU,CACzB,CAAC;EACD,OAAOlB,SAAS,CAAS,CAAC,CACvBK,MAAM,CAACQ,WAAW,CAAC,CACnBP,KAAK,CAAC,CAACA,KAAK,CAACE,GAAG,EAAEF,KAAK,CAACG,GAAG,CAAC,CAAC,CAC7BU,YAAY,CAACP,OAAO,CAAC,CACrBQ,YAAY,CAACR,OAAO,GAAG,CAAC,CAAC;AAC9B,CAAC;;AAED;AACA;AACA;AACA,OAAO,MAAMS,eAAe,GAC1BjB,SAAuC,IACfA,SAAS,KAAK,MAAM;;AAE9C;AACA;AACA;AACA,OAAO,MAAMkB,kBAAkB,GAC7Bf,KAAyB,IACK;EAC9B,OAAO,WAAW,IAAIA,KAAK,IAAI,OAAOA,KAAK,CAACgB,SAAS,KAAK,UAAU;AACtE,CAAC;;AAED;AACA;AACA;AACA,OAAO,MAAMC,cAAc,GACzBjB,KAAyB,IACC;EAC1B,OAAO,CAACe,kBAAkB,CAACf,KAAK,CAAC;AACnC,CAAC","ignoreList":[]}
|
|
1
|
+
{"version":3,"names":["scaleBand","scaleLinear","scaleLog","getNumericScale","scaleType","domain","range","scale","min","max","nice","getCategoricalScale","padding","domainArray","Array","from","length","_","i","paddingInner","paddingOuter","isBandScaleType","isCategoricalScale","bandwidth","isNumericScale","projectPoint","dataX","dataY","xScale","yScale","x","y"],"sourceRoot":"../../../../../src","sources":["lib/utils/scales/scales.ts"],"mappings":";;AAAA,SAASA,SAAS,EAAEC,WAAW,EAAEC,QAAQ,QAAQ,UAAU;AAU3D;AACA;AACA;AACA;AACA,OAAO,MAAMC,eAAe,GAAGA,CAAC;EAC9BC,SAAS;EACTC,MAAM;EACNC;AAKF,CAAC,KAAmB;EAClB,MAAMC,KAAK,GAAGH,SAAS,KAAK,KAAK,GAAGF,QAAQ,CAAC,CAAC,GAAGD,WAAW,CAAC,CAAC;EAC9D,OAAOM,KAAK,CACTF,MAAM,CAAC,CAACA,MAAM,CAACG,GAAG,EAAEH,MAAM,CAACI,GAAG,CAAC,CAAC,CAChCC,IAAI,CAAC,CAAC,CACNJ,KAAK,CAAC,CAACA,KAAK,CAACE,GAAG,EAAEF,KAAK,CAACG,GAAG,CAAC,CAAC;AAClC,CAAC;AAED,OAAO,MAAME,mBAAmB,GAAGA,CAAC;EAClCN,MAAM;EACNC,KAAK;EACLM,OAAO,GAAG;AAKZ,CAAC,KAAuB;EACtB,MAAMC,WAAW,GAAGC,KAAK,CAACC,IAAI,CAC5B;IAAEC,MAAM,EAAEX,MAAM,CAACI,GAAG,GAAGJ,MAAM,CAACG,GAAG,GAAG;EAAE,CAAC,EACvC,CAACS,CAAC,EAAEC,CAAC,KAAKb,MAAM,CAACG,GAAG,GAAGU,CACzB,CAAC;EACD,OAAOlB,SAAS,CAAS,CAAC,CACvBK,MAAM,CAACQ,WAAW,CAAC,CACnBP,KAAK,CAAC,CAACA,KAAK,CAACE,GAAG,EAAEF,KAAK,CAACG,GAAG,CAAC,CAAC,CAC7BU,YAAY,CAACP,OAAO,CAAC,CACrBQ,YAAY,CAACR,OAAO,GAAG,CAAC,CAAC;AAC9B,CAAC;;AAED;AACA;AACA;AACA,OAAO,MAAMS,eAAe,GAC1BjB,SAAuC,IACfA,SAAS,KAAK,MAAM;;AAE9C;AACA;AACA;AACA,OAAO,MAAMkB,kBAAkB,GAC7Bf,KAAyB,IACK;EAC9B,OAAO,WAAW,IAAIA,KAAK,IAAI,OAAOA,KAAK,CAACgB,SAAS,KAAK,UAAU;AACtE,CAAC;;AAED;AACA;AACA;AACA,OAAO,MAAMC,cAAc,GACzBjB,KAAyB,IACC;EAC1B,OAAO,CAACe,kBAAkB,CAACf,KAAK,CAAC;AACnC,CAAC;;AAED;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMkB,YAAY,GAAGA,CAC1BC,KAAa,EACbC,KAAa,EACbC,MAA0B,EAC1BC,MAA0B,KACG;EAC7B,MAAMC,CAAC,GAAGR,kBAAkB,CAACM,MAAM,CAAC,GAChC,CAACA,MAAM,CAACF,KAAK,CAAC,IAAI,CAAC,IAAIE,MAAM,CAACL,SAAS,CAAC,CAAC,GAAG,CAAC,GAC7CK,MAAM,CAACF,KAAK,CAAC;EACjB,MAAMK,CAAC,GAAGT,kBAAkB,CAACO,MAAM,CAAC,GAChC,CAACA,MAAM,CAACF,KAAK,CAAC,IAAI,CAAC,IAAIE,MAAM,CAACN,SAAS,CAAC,CAAC,GAAG,CAAC,GAC7CM,MAAM,CAACF,KAAK,CAAC;EACjB,OAAO;IAAEG,CAAC,EAAEA,CAAC;IAAEC;EAAE,CAAC;AACpB,CAAC","ignoreList":[]}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
import { describe, expect, it } from '@jest/globals';
|
|
4
|
-
import { getCategoricalScale, getNumericScale, isBandScaleType, isCategoricalScale, isNumericScale } from "./scales.js";
|
|
4
|
+
import { getCategoricalScale, getNumericScale, isBandScaleType, isCategoricalScale, isNumericScale, projectPoint } from "./scales.js";
|
|
5
5
|
describe('getNumericScale', () => {
|
|
6
6
|
it('should create a linear scale mapping domain to range', () => {
|
|
7
7
|
const scale = getNumericScale({
|
|
@@ -170,4 +170,93 @@ describe('isCategoricalScale / isNumericScale', () => {
|
|
|
170
170
|
expect(isNumericScale(bandScale)).toBe(false);
|
|
171
171
|
});
|
|
172
172
|
});
|
|
173
|
+
describe('projectPoint', () => {
|
|
174
|
+
it('should project using two linear scales', () => {
|
|
175
|
+
const xScale = getNumericScale({
|
|
176
|
+
scaleType: 'linear',
|
|
177
|
+
domain: {
|
|
178
|
+
min: 0,
|
|
179
|
+
max: 10
|
|
180
|
+
},
|
|
181
|
+
range: {
|
|
182
|
+
min: 0,
|
|
183
|
+
max: 500
|
|
184
|
+
}
|
|
185
|
+
});
|
|
186
|
+
const yScale = getNumericScale({
|
|
187
|
+
scaleType: 'linear',
|
|
188
|
+
domain: {
|
|
189
|
+
min: 0,
|
|
190
|
+
max: 100
|
|
191
|
+
},
|
|
192
|
+
range: {
|
|
193
|
+
min: 300,
|
|
194
|
+
max: 0
|
|
195
|
+
}
|
|
196
|
+
});
|
|
197
|
+
const pt = projectPoint(5, 50, xScale, yScale);
|
|
198
|
+
expect(pt.x).toBe(250);
|
|
199
|
+
expect(pt.y).toBe(150);
|
|
200
|
+
});
|
|
201
|
+
it('should center on band for a categorical x scale', () => {
|
|
202
|
+
const xScale = getCategoricalScale({
|
|
203
|
+
domain: {
|
|
204
|
+
min: 0,
|
|
205
|
+
max: 3
|
|
206
|
+
},
|
|
207
|
+
range: {
|
|
208
|
+
min: 0,
|
|
209
|
+
max: 400
|
|
210
|
+
},
|
|
211
|
+
padding: 0
|
|
212
|
+
});
|
|
213
|
+
const yScale = getNumericScale({
|
|
214
|
+
scaleType: 'linear',
|
|
215
|
+
domain: {
|
|
216
|
+
min: 0,
|
|
217
|
+
max: 100
|
|
218
|
+
},
|
|
219
|
+
range: {
|
|
220
|
+
min: 200,
|
|
221
|
+
max: 0
|
|
222
|
+
}
|
|
223
|
+
});
|
|
224
|
+
const pt = projectPoint(1, 50, xScale, yScale);
|
|
225
|
+
const expectedX = (xScale(1) ?? 0) + xScale.bandwidth() / 2;
|
|
226
|
+
expect(pt.x).toBe(expectedX);
|
|
227
|
+
expect(pt.y).toBe(100);
|
|
228
|
+
});
|
|
229
|
+
it('should handle edge values at domain boundaries', () => {
|
|
230
|
+
const xScale = getNumericScale({
|
|
231
|
+
scaleType: 'linear',
|
|
232
|
+
domain: {
|
|
233
|
+
min: 0,
|
|
234
|
+
max: 10
|
|
235
|
+
},
|
|
236
|
+
range: {
|
|
237
|
+
min: 0,
|
|
238
|
+
max: 500
|
|
239
|
+
}
|
|
240
|
+
});
|
|
241
|
+
const yScale = getNumericScale({
|
|
242
|
+
scaleType: 'linear',
|
|
243
|
+
domain: {
|
|
244
|
+
min: 0,
|
|
245
|
+
max: 100
|
|
246
|
+
},
|
|
247
|
+
range: {
|
|
248
|
+
min: 300,
|
|
249
|
+
max: 0
|
|
250
|
+
}
|
|
251
|
+
});
|
|
252
|
+
expect(projectPoint(0, 0, xScale, yScale)).toEqual({
|
|
253
|
+
x: 0,
|
|
254
|
+
y: 300
|
|
255
|
+
});
|
|
256
|
+
expect(projectPoint(10, 100, xScale, yScale)).toEqual({
|
|
257
|
+
x: 500,
|
|
258
|
+
y: 0
|
|
259
|
+
});
|
|
260
|
+
});
|
|
261
|
+
});
|
|
173
262
|
//# sourceMappingURL=scales.test.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["describe","expect","it","getCategoricalScale","getNumericScale","isBandScaleType","isCategoricalScale","isNumericScale","scale","scaleType","domain","min","max","range","toBe","padding","toEqual","bandwidth","toBeGreaterThan","toBeGreaterThanOrEqual","toBeLessThanOrEqual","undefined","numericScale","bandScale"],"sourceRoot":"../../../../../src","sources":["lib/utils/scales/scales.test.ts"],"mappings":";;AAAA,SAASA,QAAQ,EAAEC,MAAM,EAAEC,EAAE,QAAQ,eAAe;AAEpD,SACEC,mBAAmB,EACnBC,eAAe,EACfC,eAAe,EACfC,kBAAkB,EAClBC,cAAc,
|
|
1
|
+
{"version":3,"names":["describe","expect","it","getCategoricalScale","getNumericScale","isBandScaleType","isCategoricalScale","isNumericScale","projectPoint","scale","scaleType","domain","min","max","range","toBe","padding","toEqual","bandwidth","toBeGreaterThan","toBeGreaterThanOrEqual","toBeLessThanOrEqual","undefined","numericScale","bandScale","xScale","yScale","pt","x","y","expectedX"],"sourceRoot":"../../../../../src","sources":["lib/utils/scales/scales.test.ts"],"mappings":"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","ignoreList":[]}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import type { CartesianChartProps } from './types';
|
|
2
|
-
export declare
|
|
2
|
+
export declare function CartesianChart({ series, xAxis, yAxis, width, height, inset, axisPadding, ariaLabel, children, }: Readonly<CartesianChartProps>): import("react/jsx-runtime").JSX.Element;
|
|
3
3
|
//# sourceMappingURL=CartesianChart.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CartesianChart.d.ts","sourceRoot":"","sources":["../../../../../../src/lib/Components/CartesianChart/CartesianChart.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"CartesianChart.d.ts","sourceRoot":"","sources":["../../../../../../src/lib/Components/CartesianChart/CartesianChart.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAC;AAQnD,wBAAgB,cAAc,CAAC,EAC7B,MAAM,EACN,KAAK,EACL,KAAK,EACL,KAAK,EACL,MAAuB,EACvB,KAAK,EACL,WAAW,EACX,SAAmB,EACnB,QAAQ,GACT,EAAE,QAAQ,CAAC,mBAAmB,CAAC,2CA4E/B"}
|
|
@@ -24,8 +24,10 @@ export type CartesianChartProps = {
|
|
|
24
24
|
*/
|
|
25
25
|
height?: number;
|
|
26
26
|
/**
|
|
27
|
-
*
|
|
28
|
-
*
|
|
27
|
+
* Extra padding between the SVG edge and the drawing area, added on top of
|
|
28
|
+
* a built-in overflow buffer that prevents content (labels, points, ticks)
|
|
29
|
+
* from being clipped. A number applies uniformly; a partial object sets
|
|
30
|
+
* individual sides (unset sides default to `0`).
|
|
29
31
|
*/
|
|
30
32
|
inset?: number | Partial<ChartInset>;
|
|
31
33
|
/**
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../../src/lib/Components/CartesianChart/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,OAAO,KAAK,EAAE,eAAe,EAAE,UAAU,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAE7E,MAAM,MAAM,mBAAmB,GAAG;IAChC;;OAEG;IACH,MAAM,EAAE,MAAM,EAAE,CAAC;IACjB;;OAEG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC,eAAe,CAAC,CAAC;IACjC;;OAEG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC,eAAe,CAAC,CAAC;IACjC;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../../src/lib/Components/CartesianChart/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,OAAO,KAAK,EAAE,eAAe,EAAE,UAAU,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAE7E,MAAM,MAAM,mBAAmB,GAAG;IAChC;;OAEG;IACH,MAAM,EAAE,MAAM,EAAE,CAAC;IACjB;;OAEG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC,eAAe,CAAC,CAAC;IACjC;;OAEG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC,eAAe,CAAC,CAAC;IACjC;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;;;;OAKG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC,UAAU,CAAC,CAAC;IACrC;;;OAGG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC,UAAU,CAAC,CAAC;IAClC;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB,CAAC"}
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import type { ChartInset } from '../../utils/types';
|
|
2
|
+
import type { CartesianChartProps } from './types';
|
|
3
|
+
export declare const DEFAULT_HEIGHT = 160;
|
|
4
|
+
/**
|
|
5
|
+
* Internal buffer that prevents SVG content (labels, points, ticks) from being
|
|
6
|
+
* clipped at the edge of the container. Compensated by negative margins on the
|
|
7
|
+
* wrapper so the chart's visual footprint stays unchanged.
|
|
8
|
+
*/
|
|
9
|
+
export declare const OVERFLOW_BUFFER: ChartInset;
|
|
10
|
+
export declare const OVERFLOW_NEGATIVE_MARGIN: {
|
|
11
|
+
marginTop: number;
|
|
12
|
+
marginRight: number;
|
|
13
|
+
marginBottom: number;
|
|
14
|
+
marginLeft: number;
|
|
15
|
+
};
|
|
16
|
+
export declare const ZERO_PADDING: ChartInset;
|
|
17
|
+
export declare const resolveInset: (inset: CartesianChartProps["inset"]) => ChartInset;
|
|
18
|
+
export declare const resolveAxisPadding: (padding: CartesianChartProps["axisPadding"]) => ChartInset;
|
|
19
|
+
//# sourceMappingURL=utils.d.ts.map
|