@quillsql/react 1.1.8 → 1.2.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/lib/BarList.d.ts +1 -0
- package/lib/BarList.js +129 -37
- package/lib/BarList.js.map +1 -1
- package/lib/Chart.d.ts +3 -3
- package/lib/Chart.js +66 -30
- package/lib/Chart.js.map +1 -1
- package/lib/Context.d.ts +1 -1
- package/lib/Dashboard.d.ts +1 -1
- package/lib/Dashboard.js +0 -4
- package/lib/Dashboard.js.map +1 -1
- package/lib/DateRangePicker/Calendar.d.ts +1 -1
- package/lib/DateRangePicker/Calendar.js +122 -23
- package/lib/DateRangePicker/Calendar.js.map +1 -1
- package/lib/DateRangePicker/DateRangePicker.js +5 -6
- package/lib/DateRangePicker/DateRangePicker.js.map +1 -1
- package/lib/DateRangePicker/DateRangePickerButton.d.ts +1 -1
- package/lib/DateRangePicker/DateRangePickerButton.js +101 -17
- package/lib/DateRangePicker/DateRangePickerButton.js.map +1 -1
- package/lib/DateRangePicker/dateRangePickerUtils.d.ts +1 -3
- package/lib/DateRangePicker/dateRangePickerUtils.js +113 -79
- package/lib/DateRangePicker/dateRangePickerUtils.js.map +1 -1
- package/lib/PieChart.d.ts +3 -10
- package/lib/PieChart.js +51 -103
- package/lib/PieChart.js.map +1 -1
- package/lib/QuillProvider.d.ts +1 -2
- package/lib/assets/ArrowDownHeadIcon.d.ts +1 -2
- package/lib/assets/ArrowDownIcon.d.ts +1 -2
- package/lib/assets/ArrowDownRightIcon.d.ts +1 -2
- package/lib/assets/ArrowLeftHeadIcon.d.ts +1 -2
- package/lib/assets/ArrowRightHeadIcon.d.ts +1 -2
- package/lib/assets/ArrowRightIcon.d.ts +1 -2
- package/lib/assets/ArrowUpHeadIcon.d.ts +1 -2
- package/lib/assets/ArrowUpIcon.d.ts +1 -2
- package/lib/assets/ArrowUpRightIcon.d.ts +1 -2
- package/lib/assets/CalendarIcon.d.ts +1 -2
- package/lib/assets/DoubleArrowLeftHeadIcon.d.ts +1 -2
- package/lib/assets/DoubleArrowRightHeadIcon.d.ts +1 -2
- package/lib/assets/ExclamationFilledIcon.d.ts +1 -2
- package/lib/assets/LoadingSpinner.d.ts +1 -2
- package/lib/assets/SearchIcon.d.ts +1 -2
- package/lib/assets/XCircleIcon.d.ts +1 -2
- package/lib/components/Dropdown/Dropdown.js +45 -14
- package/lib/components/Dropdown/Dropdown.js.map +1 -1
- package/lib/components/Dropdown/DropdownItem.d.ts +1 -0
- package/lib/components/Dropdown/DropdownItem.js +21 -29
- package/lib/components/Dropdown/DropdownItem.js.map +1 -1
- package/lib/components/Modal/Modal.d.ts +1 -0
- package/lib/components/Modal/Modal.js +47 -9
- package/lib/components/Modal/Modal.js.map +1 -1
- package/lib/components/selectUtils.d.ts +1 -1
- package/lib/components/selectUtils.js +18 -12
- package/lib/components/selectUtils.js.map +1 -1
- package/lib/contexts/BaseColorContext.d.ts +1 -1
- package/lib/contexts/BaseColorContext.js +1 -2
- package/lib/contexts/BaseColorContext.js.map +1 -1
- package/lib/lib/index.d.ts +0 -7
- package/lib/lib/index.js +0 -7
- package/lib/lib/index.js.map +1 -1
- package/lib/lib/utils.d.ts +1 -4
- package/lib/lib/utils.js +4 -33
- package/lib/lib/utils.js.map +1 -1
- package/package.json +1 -8
- package/src/BarList.tsx +193 -96
- package/src/Chart.tsx +108 -48
- package/src/Dashboard.tsx +10 -10
- package/src/DateRangePicker/Calendar.tsx +149 -165
- package/src/DateRangePicker/DateRangePicker.tsx +11 -11
- package/src/DateRangePicker/DateRangePickerButton.tsx +129 -84
- package/src/DateRangePicker/dateRangePickerUtils.tsx +137 -117
- package/src/PieChart.tsx +87 -111
- package/src/components/Dropdown/Dropdown.tsx +50 -69
- package/src/components/Dropdown/DropdownItem.tsx +15 -50
- package/src/components/Modal/Modal.tsx +50 -31
- package/src/components/selectUtils.ts +19 -26
- package/src/contexts/BaseColorContext.tsx +1 -4
- package/src/lib/index.ts +0 -7
- package/src/lib/utils.tsx +8 -43
- package/src/styles.css +0 -5
- package/example/README.md +0 -46
- package/example/package-lock.json +0 -12111
- package/example/package.json +0 -43
- package/example/public/favicon.ico +0 -0
- package/example/public/index.html +0 -43
- package/example/public/logo192.png +0 -0
- package/example/public/logo512.png +0 -0
- package/example/public/manifest.json +0 -25
- package/example/public/robots.txt +0 -3
- package/example/src/App.css +0 -38
- package/example/src/App.test.tsx +0 -9
- package/example/src/App.tsx +0 -47
- package/example/src/index.css +0 -13
- package/example/src/index.tsx +0 -19
- package/example/src/logo.svg +0 -1
- package/example/src/react-app-env.d.ts +0 -1
- package/example/src/reportWebVitals.ts +0 -15
- package/example/src/setupTests.ts +0 -5
- package/example/tsconfig.json +0 -26
- package/postcss.config.js +0 -6
- package/src/lib/colorClassNames.ts +0 -3191
- package/src/lib/constants.ts +0 -58
- package/src/lib/hexColors.ts +0 -28
- package/src/lib/shape.ts +0 -75
- package/src/lib/sizing.ts +0 -47
- package/src/lib/spacing.ts +0 -264
- package/src/lib/theme.ts +0 -49
- package/tailwind.config.js +0 -23
package/lib/BarList.d.ts
CHANGED
|
@@ -15,5 +15,6 @@ export interface BarListProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
|
15
15
|
colors: string[];
|
|
16
16
|
theme: any;
|
|
17
17
|
}
|
|
18
|
+
export declare function hexToRgbaWith10PercentAlpha(hex: any): string;
|
|
18
19
|
declare const BarList: React.ForwardRefExoticComponent<BarListProps & React.RefAttributes<HTMLDivElement>>;
|
|
19
20
|
export default BarList;
|
package/lib/BarList.js
CHANGED
|
@@ -24,7 +24,6 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
|
24
24
|
/* eslint-disable react/display-name */
|
|
25
25
|
// @ts-nocheck
|
|
26
26
|
import React from 'react';
|
|
27
|
-
import { twMerge } from 'tailwind-merge';
|
|
28
27
|
var getWidthsFromValues = function (dataValues) {
|
|
29
28
|
var maxValue = -Infinity;
|
|
30
29
|
dataValues.forEach(function (value) {
|
|
@@ -45,7 +44,7 @@ var valueFormatter = function (number) {
|
|
|
45
44
|
// return '$ ' + Intl.NumberFormat('us').format(number).toString();
|
|
46
45
|
return number.toFixed(0);
|
|
47
46
|
};
|
|
48
|
-
function hexToRgbaWith10PercentAlpha(hex) {
|
|
47
|
+
export function hexToRgbaWith10PercentAlpha(hex) {
|
|
49
48
|
// Convert the hex color to RGB
|
|
50
49
|
var r = parseInt(hex.slice(1, 3), 16);
|
|
51
50
|
var g = parseInt(hex.slice(3, 5), 16);
|
|
@@ -66,22 +65,34 @@ var BarList = React.forwardRef(function (props, ref) {
|
|
|
66
65
|
if (yAxisFields.length > 1) {
|
|
67
66
|
var widths2_1 = getWidthsFromValues(data.map(function (item) { return item[yAxisFields[1].field]; }));
|
|
68
67
|
return (_jsxs("div", __assign({ ref: ref, style: {
|
|
69
|
-
width: '100%',
|
|
68
|
+
// width: '100%',
|
|
70
69
|
height: '100%',
|
|
71
70
|
marginLeft: 25,
|
|
72
71
|
// background: 'red',
|
|
73
72
|
marginTop: 20,
|
|
74
|
-
paddingRight: 25,
|
|
73
|
+
// paddingRight: 25,
|
|
75
74
|
overflow: 'hidden',
|
|
76
75
|
boxSizing: 'content-box',
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
76
|
+
display: 'flex',
|
|
77
|
+
justifyContent: 'space-between',
|
|
78
|
+
marginLeft: '1.5rem',
|
|
79
|
+
} }, other, { children: [_jsxs("div", __assign({
|
|
80
80
|
// className={twMerge(makeBarListClassName('bars'), 'relative w-full')}
|
|
81
|
-
className
|
|
81
|
+
// className="qq-relative-w-full"
|
|
82
|
+
style: {
|
|
83
|
+
// width: '100%',
|
|
84
|
+
height: '100%',
|
|
85
|
+
position: 'relative',
|
|
86
|
+
boxSizing: 'content-box',
|
|
87
|
+
} }, { children: [data.slice(0, Math.floor(NUM_TO_SHOW / 2)).map(function (item, idx) {
|
|
82
88
|
// const Icon = item.icon;
|
|
83
89
|
var Icon = null;
|
|
84
|
-
return (_jsxs("div", __assign({
|
|
90
|
+
return (_jsxs("div", __assign({ style: {
|
|
91
|
+
boxSizing: 'content-box',
|
|
92
|
+
display: 'flex',
|
|
93
|
+
flexDirection: 'row',
|
|
94
|
+
alignItems: 'center',
|
|
95
|
+
} }, { children: [_jsx("div", __assign({ title: item[xAxisField], style: {
|
|
85
96
|
maxWidth: 130,
|
|
86
97
|
boxSizing: 'content-box',
|
|
87
98
|
minWidth: 130,
|
|
@@ -89,89 +100,170 @@ var BarList = React.forwardRef(function (props, ref) {
|
|
|
89
100
|
} }, { children: _jsx("p", __assign({ style: {
|
|
90
101
|
color: theme === null || theme === void 0 ? void 0 : theme.chartLabelColor,
|
|
91
102
|
boxSizing: 'content-box',
|
|
103
|
+
whiteSpace: 'nowrap',
|
|
104
|
+
overflow: 'hidden',
|
|
105
|
+
textOverflow: 'ellipsis',
|
|
92
106
|
fontFamily: (theme === null || theme === void 0 ? void 0 : theme.chartLabelFontFamily) || (theme === null || theme === void 0 ? void 0 : theme.fontFamily),
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
'qq-whitespace-nowrap truncate', 'qq-text-sm') }, { children: item[xAxisField] })) })), _jsxs("div", __assign({ style: {
|
|
107
|
+
fontSize: (theme === null || theme === void 0 ? void 0 : theme.fontSizeSmall) || '0.875rem',
|
|
108
|
+
} }, { children: item[xAxisField] })) })), _jsxs("div", __assign({ style: {
|
|
96
109
|
width: '100%',
|
|
97
110
|
height: '100%',
|
|
98
111
|
boxSizing: 'content-box',
|
|
99
|
-
|
|
112
|
+
display: 'flex',
|
|
113
|
+
flexDirection: 'column',
|
|
114
|
+
} }, { children: [_jsx("div", __assign({
|
|
115
|
+
// className={`qq-flex qq-items-center qq-h-9 qq-rounded qq-mb-2`}
|
|
116
|
+
style: {
|
|
117
|
+
display: 'flex',
|
|
118
|
+
alignItems: 'center',
|
|
119
|
+
height: '2.25rem',
|
|
120
|
+
borderRadius: '0.25rem',
|
|
121
|
+
marginBottom: '0.5rem',
|
|
100
122
|
width: "".concat(widths[idx], "%"),
|
|
101
123
|
transition: showAnimation ? 'all 2s' : '',
|
|
102
124
|
backgroundColor: hexToRgbaWith10PercentAlpha(colors[0]),
|
|
103
125
|
boxSizing: 'content-box',
|
|
104
|
-
} }, { children: _jsx("div", __assign({
|
|
126
|
+
} }, { children: _jsx("div", __assign({ style: {
|
|
127
|
+
position: 'absolute',
|
|
128
|
+
display: 'flex',
|
|
129
|
+
maxWidth: '100%',
|
|
130
|
+
boxSizing: 'content-box',
|
|
131
|
+
} }, { children: _jsx("p", __assign({ style: {
|
|
105
132
|
color: theme === null || theme === void 0 ? void 0 : theme.chartLabelColor,
|
|
106
133
|
fontFamily: (theme === null || theme === void 0 ? void 0 : theme.chartLabelFontFamily) || (theme === null || theme === void 0 ? void 0 : theme.fontFamily),
|
|
107
134
|
boxSizing: 'content-box',
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
135
|
+
whiteSpace: 'nowrap',
|
|
136
|
+
overflow: 'hidden',
|
|
137
|
+
textOverflow: 'ellipsis',
|
|
138
|
+
fontSize: (theme === null || theme === void 0 ? void 0 : theme.fontSizeSmall) || '0.875rem',
|
|
139
|
+
} }, { children: yAxisFields[0].label })) })) })), _jsx("div", __assign({
|
|
140
|
+
// className={`qq-flex qq-items-center qq-h-9 qq-rounded qq-mb-2`}
|
|
141
|
+
style: {
|
|
142
|
+
display: 'flex',
|
|
143
|
+
alignItems: 'center',
|
|
144
|
+
height: '2.25rem',
|
|
145
|
+
borderRadius: '0.25rem',
|
|
146
|
+
marginBottom: '0.5rem',
|
|
111
147
|
width: "".concat(widths2_1[idx], "%"),
|
|
112
148
|
transition: showAnimation ? 'all 2s' : '',
|
|
113
149
|
backgroundColor: hexToRgbaWith10PercentAlpha(colors[1]),
|
|
114
150
|
boxSizing: 'content-box',
|
|
115
|
-
} }, { children: _jsx("div", __assign({ style: {
|
|
151
|
+
} }, { children: _jsx("div", __assign({ style: {
|
|
152
|
+
boxSizing: 'content-box',
|
|
153
|
+
position: 'absolute',
|
|
154
|
+
maxWidth: '100%',
|
|
155
|
+
display: 'flex',
|
|
156
|
+
marginLeft: '0.5rem',
|
|
157
|
+
} }, { children: _jsx("p", __assign({ style: {
|
|
116
158
|
color: theme === null || theme === void 0 ? void 0 : theme.chartLabelColor,
|
|
117
159
|
boxSizing: 'content-box',
|
|
160
|
+
whiteSpace: 'nowrap',
|
|
161
|
+
overflow: 'hidden',
|
|
162
|
+
textOverflow: 'ellipsis',
|
|
118
163
|
fontFamily: (theme === null || theme === void 0 ? void 0 : theme.chartLabelFontFamily) || (theme === null || theme === void 0 ? void 0 : theme.fontFamily),
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
'qq-whitespace-nowrap truncate', 'qq-text-sm') }, { children: yAxisFields[1].label })) })) }))] }))] }), item[xAxisField] + idx));
|
|
164
|
+
fontSize: (theme === null || theme === void 0 ? void 0 : theme.fontSizeSmall) || '0.875rem',
|
|
165
|
+
} }, { children: yAxisFields[1].label })) })) }))] }))] }), item[xAxisField] + idx));
|
|
122
166
|
}), data.length > NUM_TO_SHOW && (_jsxs("div", __assign({ style: {
|
|
123
167
|
color: theme === null || theme === void 0 ? void 0 : theme.chartLabelColor,
|
|
124
168
|
boxSizing: 'content-box',
|
|
125
169
|
fontFamily: (theme === null || theme === void 0 ? void 0 : theme.chartLabelFontFamily) || (theme === null || theme === void 0 ? void 0 : theme.fontFamily),
|
|
126
|
-
}
|
|
170
|
+
} }, { children: ["...", data.length - NUM_TO_SHOW, " more"] })))] })), _jsx("div", __assign({ style: {
|
|
171
|
+
boxSizing: 'content-box',
|
|
172
|
+
minWidth: 'min-content',
|
|
173
|
+
textAlign: 'right',
|
|
174
|
+
} }, { children: data.slice(0, NUM_TO_SHOW).map(function (item, idx) { return (_jsx("div", __assign({ style: {
|
|
175
|
+
boxSizing: 'content-box',
|
|
176
|
+
display: 'flex',
|
|
177
|
+
justifyContent: 'flex-end',
|
|
178
|
+
alignItems: 'center',
|
|
179
|
+
marginBottom: idx === data.length - 1 ? 0 : '0.5rem',
|
|
180
|
+
height: '2.25rem',
|
|
181
|
+
} }, { children: _jsx("p", __assign({ style: {
|
|
127
182
|
color: theme === null || theme === void 0 ? void 0 : theme.chartLabelColor,
|
|
128
183
|
boxSizing: 'content-box',
|
|
129
184
|
fontFamily: (theme === null || theme === void 0 ? void 0 : theme.chartLabelFontFamily) || (theme === null || theme === void 0 ? void 0 : theme.fontFamily),
|
|
130
|
-
|
|
185
|
+
whiteSpace: 'nowrap',
|
|
186
|
+
overflow: 'hidden',
|
|
187
|
+
textOverflow: 'ellipsis',
|
|
188
|
+
fontSize: (theme === null || theme === void 0 ? void 0 : theme.fontSizeSmall) || '0.875rem',
|
|
189
|
+
} }, { children: valueFormatter(item[yAxisFields[0].field]) })) }), item[xAxisField] + 'label' + idx)); }) }))] })));
|
|
131
190
|
}
|
|
132
191
|
return (_jsxs("div", __assign({ ref: ref, style: {
|
|
133
|
-
width: '100%',
|
|
192
|
+
// width: '100%',
|
|
134
193
|
boxSizing: 'content-box',
|
|
135
194
|
height: '100%',
|
|
136
195
|
// height: hei
|
|
137
196
|
// marginLeft: 25,
|
|
138
197
|
// background: 'red',
|
|
139
198
|
marginTop: 20,
|
|
140
|
-
paddingRight: 25,
|
|
199
|
+
// paddingRight: 25,
|
|
141
200
|
overflow: 'hidden',
|
|
142
|
-
|
|
143
|
-
|
|
144
|
-
|
|
201
|
+
display: 'flex',
|
|
202
|
+
marginLeft: '1.5rem',
|
|
203
|
+
justifyContent: 'space-between',
|
|
204
|
+
} }, other, { children: [_jsxs("div", __assign({
|
|
145
205
|
// className={twMerge(makeBarListClassName('bars'), 'relative w-full')}
|
|
146
|
-
className
|
|
206
|
+
// className="qq-relative-w-full"
|
|
207
|
+
style: {
|
|
147
208
|
width: 'calc(100%)',
|
|
148
209
|
boxSizing: 'content-box',
|
|
149
210
|
height: '100%',
|
|
150
|
-
|
|
211
|
+
paddingRight: 25,
|
|
212
|
+
position: 'relative',
|
|
151
213
|
} }, { children: [data.slice(0, NUM_TO_SHOW).map(function (item, idx) {
|
|
152
214
|
// const Icon = item.icon;
|
|
153
215
|
var Icon = null;
|
|
154
|
-
return (_jsx("div", __assign({
|
|
216
|
+
return (_jsx("div", __assign({
|
|
217
|
+
// className={`qq-flex qq-items-center qq-h-9 qq-rounded qq-mb-2`}
|
|
218
|
+
style: {
|
|
155
219
|
width: "".concat(widths[idx], "%"),
|
|
156
220
|
transition: showAnimation ? 'all 2s' : '',
|
|
157
221
|
boxSizing: 'content-box',
|
|
158
222
|
backgroundColor: hexToRgbaWith10PercentAlpha(colors[0]),
|
|
159
|
-
|
|
223
|
+
display: 'flex',
|
|
224
|
+
alignItems: 'center',
|
|
225
|
+
height: '2.25rem',
|
|
226
|
+
marginBottom: '0.5rem',
|
|
227
|
+
borderRadius: '0.25rem',
|
|
228
|
+
} }, { children: _jsx("div", __assign({ style: {
|
|
229
|
+
boxSizing: 'content-box',
|
|
230
|
+
position: 'absolute',
|
|
231
|
+
maxWidth: '100%',
|
|
232
|
+
display: 'flex',
|
|
233
|
+
marginLeft: '0.5rem',
|
|
234
|
+
} }, { children: _jsx("p", __assign({ style: {
|
|
160
235
|
color: theme === null || theme === void 0 ? void 0 : theme.chartLabelColor,
|
|
161
236
|
boxSizing: 'content-box',
|
|
237
|
+
whiteSpace: 'nowrap',
|
|
238
|
+
overflow: 'hidden',
|
|
239
|
+
textOverflow: 'ellipsis',
|
|
162
240
|
fontFamily: (theme === null || theme === void 0 ? void 0 : theme.chartLabelFontFamily) || (theme === null || theme === void 0 ? void 0 : theme.fontFamily),
|
|
163
|
-
|
|
164
|
-
|
|
165
|
-
'qq-whitespace-nowrap truncate', 'qq-text-sm') }, { children: item[xAxisField] })) })) }), item[xAxisField] + 'label' + idx));
|
|
241
|
+
fontSize: (theme === null || theme === void 0 ? void 0 : theme.fontSizeSmall) || '0.875rem',
|
|
242
|
+
} }, { children: item[xAxisField] })) })) }), item[xAxisField] + 'label' + idx));
|
|
166
243
|
}), data.length > NUM_TO_SHOW && (_jsxs("div", __assign({ style: {
|
|
167
244
|
color: theme === null || theme === void 0 ? void 0 : theme.chartLabelColor,
|
|
168
245
|
boxSizing: 'content-box',
|
|
169
246
|
fontFamily: (theme === null || theme === void 0 ? void 0 : theme.chartLabelFontFamily) || (theme === null || theme === void 0 ? void 0 : theme.fontFamily),
|
|
170
|
-
}
|
|
247
|
+
} }, { children: ["...", data.length - NUM_TO_SHOW, " more"] })))] })), _jsx("div", __assign({ style: {
|
|
248
|
+
boxSizing: 'content-box',
|
|
249
|
+
textAlign: 'right',
|
|
250
|
+
minWidth: 'min-content',
|
|
251
|
+
} }, { children: data.slice(0, NUM_TO_SHOW).map(function (item, idx) { return (_jsx("div", __assign({ style: {
|
|
252
|
+
boxSizing: 'content-box',
|
|
253
|
+
display: 'flex',
|
|
254
|
+
alignItems: 'center',
|
|
255
|
+
justifyContent: 'flex-end',
|
|
256
|
+
marginBottom: idx === data.length - 1 ? 0 : '0.5rem',
|
|
257
|
+
height: '2.25rem',
|
|
258
|
+
} }, { children: _jsx("p", __assign({ style: {
|
|
171
259
|
color: theme === null || theme === void 0 ? void 0 : theme.chartLabelColor,
|
|
172
260
|
boxSizing: 'content-box',
|
|
173
261
|
fontFamily: (theme === null || theme === void 0 ? void 0 : theme.chartLabelFontFamily) || (theme === null || theme === void 0 ? void 0 : theme.fontFamily),
|
|
174
|
-
|
|
262
|
+
whiteSpace: 'nowrap',
|
|
263
|
+
overflow: 'hidden',
|
|
264
|
+
textOverflow: 'ellipsis',
|
|
265
|
+
fontSize: (theme === null || theme === void 0 ? void 0 : theme.fontSizeSmall) || '0.875rem',
|
|
266
|
+
} }, { children: valueFormatter(item[yAxisFields[0].field]) })) }), item[xAxisField] + 'value' + idx)); }) }))] })));
|
|
175
267
|
});
|
|
176
268
|
export default BarList;
|
|
177
269
|
//# sourceMappingURL=BarList.js.map
|
package/lib/BarList.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BarList.js","sourceRoot":"","sources":["../src/BarList.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAAA,uCAAuC;AACvC,cAAc;AACd,OAAO,KAAmB,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"BarList.js","sourceRoot":"","sources":["../src/BarList.tsx"],"names":[],"mappings":"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"}
|
package/lib/Chart.d.ts
CHANGED
|
@@ -4,14 +4,14 @@ declare const colorValues: readonly ["slate", "gray", "zinc", "neutral", "stone"
|
|
|
4
4
|
export type Color = (typeof colorValues)[number];
|
|
5
5
|
export declare const ChartTooltipFrame: ({ children, theme, }: {
|
|
6
6
|
children: React.ReactNode;
|
|
7
|
-
}) => JSX.Element;
|
|
7
|
+
}) => import("react/jsx-runtime").JSX.Element;
|
|
8
8
|
export interface ChartTooltipRowProps {
|
|
9
9
|
value: string;
|
|
10
10
|
name: string;
|
|
11
11
|
color: Color;
|
|
12
12
|
thee: any;
|
|
13
13
|
}
|
|
14
|
-
export declare const ChartTooltipRow: ({ value, name, color, theme, }: ChartTooltipRowProps) => JSX.Element;
|
|
14
|
+
export declare const ChartTooltipRow: ({ value, name, color, theme, }: ChartTooltipRowProps) => import("react/jsx-runtime").JSX.Element;
|
|
15
15
|
export interface ChartTooltipProps {
|
|
16
16
|
active: boolean | undefined;
|
|
17
17
|
payload: any;
|
|
@@ -25,5 +25,5 @@ declare const Chart: ({ chartId, colors, containerStyle, dateFilter, }: {
|
|
|
25
25
|
colors: string[];
|
|
26
26
|
containerStyle?: React.CSSProperties | undefined;
|
|
27
27
|
dateFilter?: boolean | undefined;
|
|
28
|
-
}) => JSX.Element;
|
|
28
|
+
}) => import("react/jsx-runtime").JSX.Element;
|
|
29
29
|
export default Chart;
|
package/lib/Chart.js
CHANGED
|
@@ -58,7 +58,6 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
|
58
58
|
/* eslint-disable @typescript-eslint/ban-ts-comment */
|
|
59
59
|
// @ts-nocheck
|
|
60
60
|
import { useState, useEffect, useContext } from 'react';
|
|
61
|
-
import { twMerge } from 'tailwind-merge';
|
|
62
61
|
import { Area, CartesianGrid, ComposedChart as ReChartsAreaChart, ResponsiveContainer, Tooltip, XAxis, YAxis, Bar, BarChart as ReChartsBarChart, } from 'recharts';
|
|
63
62
|
import { format } from 'date-fns';
|
|
64
63
|
import BarList from './BarList';
|
|
@@ -221,27 +220,41 @@ export var ChartTooltipFrame = function (_a) {
|
|
|
221
220
|
return (_jsx("div", __assign({ style: {
|
|
222
221
|
borderStyle: 'solid',
|
|
223
222
|
borderColor: theme.borderColor || '#E5E7EB',
|
|
223
|
+
overflow: 'hidden',
|
|
224
224
|
borderWidth: 1,
|
|
225
|
-
|
|
225
|
+
background: (theme === null || theme === void 0 ? void 0 : theme.backgroundColor) || '#ffffff',
|
|
226
|
+
borderRadius: '0.375rem',
|
|
227
|
+
boxShadow: '0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05)',
|
|
228
|
+
} }, { children: children })));
|
|
226
229
|
};
|
|
227
230
|
export var ChartTooltipRow = function (_a) {
|
|
228
231
|
var value = _a.value, name = _a.name, color = _a.color, theme = _a.theme;
|
|
229
|
-
return (_jsxs("div", __assign({
|
|
232
|
+
return (_jsxs("div", __assign({ style: {
|
|
233
|
+
marginRight: '1.5rem',
|
|
234
|
+
display: 'flex',
|
|
235
|
+
alignItems: 'center',
|
|
236
|
+
justifyContent: 'space-between',
|
|
237
|
+
width: '100%',
|
|
238
|
+
paddingTop: 2,
|
|
239
|
+
paddingBottom: 2,
|
|
240
|
+
} }, { children: [_jsxs("div", __assign({
|
|
241
|
+
// className="qq-flex qq-items-center qq-space-x-2"
|
|
242
|
+
style: {
|
|
243
|
+
// marginLeft: '0.5rem',
|
|
244
|
+
display: 'flex',
|
|
245
|
+
alignItems: 'center',
|
|
246
|
+
} }, { children: [_jsx("span", { style: {
|
|
230
247
|
background: color,
|
|
231
248
|
borderWidth: 2,
|
|
249
|
+
borderColor: 'white',
|
|
232
250
|
borderStyle: 'solid',
|
|
233
251
|
borderColor: 'white',
|
|
234
|
-
|
|
235
|
-
|
|
236
|
-
|
|
237
|
-
|
|
238
|
-
|
|
239
|
-
|
|
240
|
-
// sizing.sm.width,
|
|
241
|
-
'qq-h-3', 'qq-w-3', 'qq-shadow', 'qq-rounded-full'
|
|
242
|
-
// border.md.all,
|
|
243
|
-
// boxShadow.md
|
|
244
|
-
) }), _jsx("p", __assign({
|
|
252
|
+
boxShadow: '0 1px 2px 0 rgba(0, 0, 0, 0.05)',
|
|
253
|
+
height: '0.5rem',
|
|
254
|
+
width: '0.5rem',
|
|
255
|
+
borderRadius: 100,
|
|
256
|
+
marginRight: 4,
|
|
257
|
+
} }), _jsx("p", __assign({
|
|
245
258
|
// className={twMerge(
|
|
246
259
|
// 'font-medium tabular-nums text-right whitespace-nowrap',
|
|
247
260
|
// 'text-[#212121] !important'
|
|
@@ -251,16 +264,20 @@ export var ChartTooltipRow = function (_a) {
|
|
|
251
264
|
marginBottom: 0,
|
|
252
265
|
fontFamily: theme.fontFamily,
|
|
253
266
|
color: theme.primaryTextColor,
|
|
254
|
-
|
|
267
|
+
fontSize: (theme === null || theme === void 0 ? void 0 : theme.fontSizeSmall) || '0.875rem',
|
|
268
|
+
fontWeight: (theme === null || theme === void 0 ? void 0 : theme.fontWeightMedium) || '500',
|
|
269
|
+
} }, { children: value }))] })), _jsx("p", __assign({ style: {
|
|
255
270
|
marginTop: 0,
|
|
256
271
|
marginBottom: 0,
|
|
257
272
|
fontFamily: theme.fontFamily,
|
|
258
273
|
color: theme.secondaryTextColor,
|
|
259
|
-
|
|
260
|
-
|
|
261
|
-
|
|
262
|
-
|
|
263
|
-
|
|
274
|
+
textAlign: 'right',
|
|
275
|
+
whiteSpace: 'nowrap',
|
|
276
|
+
overflow: 'hidden',
|
|
277
|
+
textOverflow: 'ellipsis',
|
|
278
|
+
fontSize: (theme === null || theme === void 0 ? void 0 : theme.fontSizeSmall) || '0.875rem',
|
|
279
|
+
fontWeight: (theme === null || theme === void 0 ? void 0 : theme.fontWeightNormal) || '400',
|
|
280
|
+
} }, { children: name }))] })));
|
|
264
281
|
};
|
|
265
282
|
var ChartTooltip = function (_a) {
|
|
266
283
|
var active = _a.active, payload = _a.payload, label = _a.label, colors = _a.colors, valueFormatter = _a.valueFormatter, theme = _a.theme;
|
|
@@ -268,23 +285,38 @@ var ChartTooltip = function (_a) {
|
|
|
268
285
|
return (_jsxs(ChartTooltipFrame, __assign({ theme: theme }, { children: [_jsx("div", __assign({ style: {
|
|
269
286
|
borderStyle: 'solid',
|
|
270
287
|
borderBottomColor: theme.borderColor || '#E5E7EB',
|
|
288
|
+
background: (theme === null || theme === void 0 ? void 0 : theme.backgroundColor) || 'white',
|
|
271
289
|
borderTop: 'none',
|
|
272
290
|
borderLeft: 'none',
|
|
273
291
|
borderRight: 'none',
|
|
274
292
|
borderBottomWidth: 1,
|
|
275
|
-
|
|
293
|
+
display: 'flex',
|
|
294
|
+
flexDirection: 'column',
|
|
295
|
+
paddingLeft: '1rem',
|
|
296
|
+
paddingRight: '1rem',
|
|
297
|
+
paddingTop: '0.5rem',
|
|
298
|
+
paddingBottom: '0.5rem',
|
|
299
|
+
} }, { children: _jsx("p", __assign({ style: {
|
|
276
300
|
textAlign: 'left',
|
|
277
301
|
marginTop: 0,
|
|
278
302
|
marginBottom: 0,
|
|
279
303
|
fontFamily: theme.fontFamily,
|
|
280
304
|
color: theme.primaryTextColor,
|
|
281
|
-
|
|
282
|
-
|
|
283
|
-
|
|
284
|
-
|
|
285
|
-
|
|
305
|
+
fontSize: (theme === null || theme === void 0 ? void 0 : theme.fontSizeSmall) || '0.875rem',
|
|
306
|
+
fontWeight: (theme === null || theme === void 0 ? void 0 : theme.boldFontWeight) || '500',
|
|
307
|
+
paddingTop: 2,
|
|
308
|
+
paddingBottom: 2,
|
|
309
|
+
} }, { children: !isNaN(new Date(label))
|
|
286
310
|
? format(new Date(label), 'MMM yyyy')
|
|
287
|
-
: label })) })), _jsx("div", __assign({
|
|
311
|
+
: label })) })), _jsx("div", __assign({
|
|
312
|
+
// className="qq-px-4 qq-space-y-1 qq-py-2 qq-px-4"
|
|
313
|
+
style: {
|
|
314
|
+
paddingRight: '1rem',
|
|
315
|
+
paddingLeft: '1rem',
|
|
316
|
+
paddingTop: '0.5rem',
|
|
317
|
+
paddingBottom: '0.5rem',
|
|
318
|
+
// marginTop: '0.25rem',
|
|
319
|
+
} }, { children: payload.map(function (_a, idx) {
|
|
288
320
|
var value = _a.value, name = _a.name;
|
|
289
321
|
return (_jsx(ChartTooltipRow, { value: valueFormatter(value), name: labelFormatter(name),
|
|
290
322
|
// color={categoryColors.get(name) ?? BaseColors.Blue}
|
|
@@ -393,7 +425,9 @@ var ChartUpdater = function (_a) {
|
|
|
393
425
|
};
|
|
394
426
|
}, [chartConfig, dateFilter]);
|
|
395
427
|
if (!chartConfig || loading) {
|
|
396
|
-
return (_jsx("div", __assign({
|
|
428
|
+
return (_jsx("div", __assign({
|
|
429
|
+
// className="flex flex-col flex-1 h-[100%]"
|
|
430
|
+
style: __assign(__assign({}, containerStyle), { marginLeft: 25, marginRight: 25, boxSizing: 'content-box', height: '100%', display: 'flex', flexDirection: 'column', flex: 1 }) }, { children: _jsx("div", __assign({ style: {
|
|
397
431
|
height: (containerStyle === null || containerStyle === void 0 ? void 0 : containerStyle.height) || 300,
|
|
398
432
|
width: '100%',
|
|
399
433
|
boxSizing: 'content-box',
|
|
@@ -461,8 +495,10 @@ var ChartUpdater = function (_a) {
|
|
|
461
495
|
textAlign: 'left',
|
|
462
496
|
overflow: 'hidden',
|
|
463
497
|
height: (containerStyle === null || containerStyle === void 0 ? void 0 : containerStyle.height) || '100%',
|
|
498
|
+
display: 'flex',
|
|
499
|
+
flexDirection: 'column',
|
|
464
500
|
// background: 'red',
|
|
465
|
-
}
|
|
501
|
+
} }, { children: formatNumber(chartConfig.rows[0][chartConfig.xAxisField], chartConfig.xAxisLabel) })));
|
|
466
502
|
}
|
|
467
503
|
return (_jsx(LineChart, { colors: colors, yAxisFields: chartConfig.yAxisFields,
|
|
468
504
|
// @ts-ignore
|
|
@@ -515,7 +551,7 @@ var CustomizedTick = function (_a) {
|
|
|
515
551
|
function BarChart(_a) {
|
|
516
552
|
var colors = _a.colors, yAxisFields = _a.yAxisFields, data = _a.data, containerStyle = _a.containerStyle, xAxisField = _a.xAxisField, xAxisLabel = _a.xAxisLabel, theme = _a.theme;
|
|
517
553
|
var newColors = findComplementaryAndAnalogousColors(colors[0], colors[1]);
|
|
518
|
-
return (_jsx("div", __assign({ style: __assign(__assign({}, containerStyle), { boxSizing: 'content-box'
|
|
554
|
+
return (_jsx("div", __assign({ style: __assign(__assign({}, containerStyle), { boxSizing: 'content-box', display: 'flex', flexDirection: 'column', flex: 1, height: '100%', width: '100%' }) }, { children: _jsx(ResponsiveContainer, __assign({ width: "100%", height: '100%' }, { children: _jsxs(ReChartsBarChart, __assign({ data: data,
|
|
519
555
|
// stackOffset={'none'}
|
|
520
556
|
layout: 'horizontal' }, { children: [_jsx(CartesianGrid, { strokeDasharray: "3 3", horizontal: true, vertical: false }), _jsx(YAxis
|
|
521
557
|
// width={56}
|