@quillsql/react 1.1.4 → 1.1.5
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.js +32 -11
- package/lib/BarList.js.map +1 -1
- package/package.json +1 -1
- package/src/BarList.tsx +36 -14
package/lib/BarList.js
CHANGED
|
@@ -80,25 +80,37 @@ var BarList = React.forwardRef(function (props, ref) {
|
|
|
80
80
|
className: "qq-relative-w-full", style: { width: '100%', height: '100%' } }, { children: [data.slice(0, Math.floor(NUM_TO_SHOW / 2)).map(function (item, idx) {
|
|
81
81
|
// const Icon = item.icon;
|
|
82
82
|
var Icon = null;
|
|
83
|
-
return (_jsxs("div", __assign({ className: "qq-flex qq-flex-row qq-items-center" }, { children: [_jsx("div", __assign({ title: item[xAxisField], style: { maxWidth: 130, minWidth: 130, overflow: 'hidden' } }, { children: _jsx("p", __assign({ style: {
|
|
83
|
+
return (_jsxs("div", __assign({ className: "qq-flex qq-flex-row qq-items-center" }, { children: [_jsx("div", __assign({ title: item[xAxisField], style: { maxWidth: 130, minWidth: 130, overflow: 'hidden' } }, { children: _jsx("p", __assign({ style: {
|
|
84
|
+
color: theme === null || theme === void 0 ? void 0 : theme.chartLabelColor,
|
|
85
|
+
fontFamily: (theme === null || theme === void 0 ? void 0 : theme.chartLabelFontFamily) || (theme === null || theme === void 0 ? void 0 : theme.fontFamily),
|
|
86
|
+
}, className: twMerge(
|
|
84
87
|
// makeBarListClassName('barText'),
|
|
85
|
-
'qq-whitespace-nowrap truncate', 'qq-text-
|
|
88
|
+
'qq-whitespace-nowrap truncate', 'qq-text-sm') }, { children: item[xAxisField] })) })), _jsxs("div", __assign({ style: { width: '100%', height: '100%' }, className: "qq-flex qq-flex-col" }, { children: [_jsx("div", __assign({ className: "qq-flex qq-items-center qq-h-9 qq-rounded qq-mb-2", style: {
|
|
86
89
|
width: "".concat(widths[idx], "%"),
|
|
87
90
|
transition: showAnimation ? 'all 2s' : '',
|
|
88
91
|
backgroundColor: hexToRgbaWith10PercentAlpha(colors[0]),
|
|
89
|
-
} }, { children: _jsx("div", __assign({ className: twMerge('qq-absolute qq-max-w-full qq-flex', 'qq-ml-2') }, { children: _jsx("p", __assign({ style: {
|
|
92
|
+
} }, { children: _jsx("div", __assign({ className: twMerge('qq-absolute qq-max-w-full qq-flex', 'qq-ml-2') }, { children: _jsx("p", __assign({ style: {
|
|
93
|
+
color: theme === null || theme === void 0 ? void 0 : theme.chartLabelColor,
|
|
94
|
+
fontFamily: (theme === null || theme === void 0 ? void 0 : theme.chartLabelFontFamily) || (theme === null || theme === void 0 ? void 0 : theme.fontFamily),
|
|
95
|
+
}, className: twMerge(
|
|
90
96
|
// makeBarListClassName('barText'),
|
|
91
|
-
'qq-whitespace-nowrap truncate', 'qq-text-
|
|
97
|
+
'qq-whitespace-nowrap truncate', 'qq-text-sm') }, { children: yAxisFields[0].label })) })) })), _jsx("div", __assign({ className: "qq-flex qq-items-center qq-h-9 qq-rounded qq-mb-2", style: {
|
|
92
98
|
width: "".concat(widths2_1[idx], "%"),
|
|
93
99
|
transition: showAnimation ? 'all 2s' : '',
|
|
94
100
|
backgroundColor: hexToRgbaWith10PercentAlpha(colors[1]),
|
|
95
|
-
} }, { children: _jsx("div", __assign({ className: twMerge('qq-absolute qq-max-w-full qq-flex', 'qq-ml-2') }, { children: _jsx("p", __assign({ style: {
|
|
101
|
+
} }, { children: _jsx("div", __assign({ className: twMerge('qq-absolute qq-max-w-full qq-flex', 'qq-ml-2') }, { children: _jsx("p", __assign({ style: {
|
|
102
|
+
color: theme === null || theme === void 0 ? void 0 : theme.chartLabelColor,
|
|
103
|
+
fontFamily: (theme === null || theme === void 0 ? void 0 : theme.chartLabelFontFamily) || (theme === null || theme === void 0 ? void 0 : theme.fontFamily),
|
|
104
|
+
}, className: twMerge(
|
|
96
105
|
// makeBarListClassName('barText'),
|
|
97
|
-
'qq-whitespace-nowrap truncate', 'qq-text-
|
|
106
|
+
'qq-whitespace-nowrap truncate', 'qq-text-sm') }, { children: yAxisFields[1].label })) })) }))] }))] }), item[xAxisField] + idx));
|
|
98
107
|
}), data.length > NUM_TO_SHOW && (_jsxs("div", __assign({ style: {
|
|
99
108
|
color: theme === null || theme === void 0 ? void 0 : theme.chartLabelColor,
|
|
100
|
-
fontFamily: theme === null || theme === void 0 ? void 0 : theme.fontFamily,
|
|
101
|
-
}, className: "qq-text-sm" }, { children: ["...", data.length - NUM_TO_SHOW, " more"] })))] })), _jsx("div", __assign({ className: (makeBarListClassName('labels'), 'qq-text-right qq-min-w-min') }, { children: data.slice(0, NUM_TO_SHOW).map(function (item, idx) { return (_jsx("div", __assign({ className: twMerge(makeBarListClassName('labelWrapper'), 'qq-flex qq-justify-end qq-items-center', 'qq-h-9', idx === data.length - 1 ? 'qq-mb-0' : 'qq-mb-2') }, { children: _jsx("p", __assign({ style: {
|
|
109
|
+
fontFamily: (theme === null || theme === void 0 ? void 0 : theme.chartLabelFontFamily) || (theme === null || theme === void 0 ? void 0 : theme.fontFamily),
|
|
110
|
+
}, className: "qq-text-sm" }, { children: ["...", data.length - NUM_TO_SHOW, " more"] })))] })), _jsx("div", __assign({ className: (makeBarListClassName('labels'), 'qq-text-right qq-min-w-min') }, { children: data.slice(0, NUM_TO_SHOW).map(function (item, idx) { return (_jsx("div", __assign({ className: twMerge(makeBarListClassName('labelWrapper'), 'qq-flex qq-justify-end qq-items-center', 'qq-h-9', idx === data.length - 1 ? 'qq-mb-0' : 'qq-mb-2') }, { children: _jsx("p", __assign({ style: {
|
|
111
|
+
color: theme === null || theme === void 0 ? void 0 : theme.chartLabelColor,
|
|
112
|
+
fontFamily: (theme === null || theme === void 0 ? void 0 : theme.chartLabelFontFamily) || (theme === null || theme === void 0 ? void 0 : theme.fontFamily),
|
|
113
|
+
}, className: twMerge(makeBarListClassName('labelText'), 'qq-whitespace-nowrap truncate', 'qq-text-sm') }, { children: valueFormatter(item[yAxisFields[0].field]) })) }), item[xAxisField] + 'label' + idx)); }) }))] })));
|
|
102
114
|
}
|
|
103
115
|
return (_jsxs("div", __assign({ ref: ref, style: {
|
|
104
116
|
width: '100%',
|
|
@@ -120,10 +132,19 @@ var BarList = React.forwardRef(function (props, ref) {
|
|
|
120
132
|
width: "".concat(widths[idx], "%"),
|
|
121
133
|
transition: showAnimation ? 'all 2s' : '',
|
|
122
134
|
backgroundColor: hexToRgbaWith10PercentAlpha(colors[0]),
|
|
123
|
-
} }, { children: _jsx("div", __assign({ className: twMerge('qq-absolute qq-max-w-full qq-flex', 'qq-ml-2') }, { children: _jsx("p", __assign({ style: {
|
|
135
|
+
} }, { children: _jsx("div", __assign({ className: twMerge('qq-absolute qq-max-w-full qq-flex', 'qq-ml-2') }, { children: _jsx("p", __assign({ style: {
|
|
136
|
+
color: theme === null || theme === void 0 ? void 0 : theme.chartLabelColor,
|
|
137
|
+
fontFamily: (theme === null || theme === void 0 ? void 0 : theme.chartLabelFontFamily) || (theme === null || theme === void 0 ? void 0 : theme.fontFamily),
|
|
138
|
+
}, className: twMerge(
|
|
124
139
|
// makeBarListClassName('barText'),
|
|
125
|
-
'qq-whitespace-nowrap truncate', 'qq-text-
|
|
126
|
-
}), data.length > NUM_TO_SHOW && (_jsxs("div", __assign({ style: {
|
|
140
|
+
'qq-whitespace-nowrap truncate', 'qq-text-sm') }, { children: item[xAxisField] })) })) }), item[xAxisField] + 'label' + idx));
|
|
141
|
+
}), data.length > NUM_TO_SHOW && (_jsxs("div", __assign({ style: {
|
|
142
|
+
color: theme === null || theme === void 0 ? void 0 : theme.chartLabelColor,
|
|
143
|
+
fontFamily: (theme === null || theme === void 0 ? void 0 : theme.chartLabelFontFamily) || (theme === null || theme === void 0 ? void 0 : theme.fontFamily),
|
|
144
|
+
}, className: "qq-text-sm" }, { children: ["...", data.length - NUM_TO_SHOW, " more"] })))] })), _jsx("div", __assign({ className: (makeBarListClassName('labels'), 'qq-text-right qq-min-w-min') }, { children: data.slice(0, NUM_TO_SHOW).map(function (item, idx) { return (_jsx("div", __assign({ className: twMerge(makeBarListClassName('labelWrapper'), 'qq-flex qq-justify-end qq-items-center', 'qq-h-9', idx === data.length - 1 ? 'qq-mb-0' : 'qq-mb-2') }, { children: _jsx("p", __assign({ style: {
|
|
145
|
+
color: theme === null || theme === void 0 ? void 0 : theme.chartLabelColor,
|
|
146
|
+
fontFamily: (theme === null || theme === void 0 ? void 0 : theme.chartLabelFontFamily) || (theme === null || theme === void 0 ? void 0 : theme.fontFamily),
|
|
147
|
+
}, className: twMerge(makeBarListClassName('labelText'), 'qq-whitespace-nowrap qq-truncate', 'qq-text-sm') }, { children: valueFormatter(item[yAxisFields[0].field]) })) }), item[xAxisField] + 'value' + idx)); }) }))] })));
|
|
127
148
|
});
|
|
128
149
|
export default BarList;
|
|
129
150
|
//# 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":"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
|
|
1
|
+
{"version":3,"file":"BarList.js","sourceRoot":"","sources":["../src/BarList.tsx"],"names":[],"mappings":"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"}
|
package/package.json
CHANGED
package/src/BarList.tsx
CHANGED
|
@@ -172,11 +172,14 @@ const BarList = React.forwardRef<HTMLDivElement, BarListProps>((props, ref) => {
|
|
|
172
172
|
style={{ maxWidth: 130, minWidth: 130, overflow: 'hidden' }}
|
|
173
173
|
>
|
|
174
174
|
<p
|
|
175
|
-
style={{
|
|
175
|
+
style={{
|
|
176
|
+
color: theme?.chartLabelColor,
|
|
177
|
+
fontFamily:
|
|
178
|
+
theme?.chartLabelFontFamily || theme?.fontFamily,
|
|
179
|
+
}}
|
|
176
180
|
className={twMerge(
|
|
177
181
|
// makeBarListClassName('barText'),
|
|
178
182
|
'qq-whitespace-nowrap truncate',
|
|
179
|
-
'qq-text-gray-500',
|
|
180
183
|
'qq-text-sm'
|
|
181
184
|
)}
|
|
182
185
|
>
|
|
@@ -202,11 +205,14 @@ const BarList = React.forwardRef<HTMLDivElement, BarListProps>((props, ref) => {
|
|
|
202
205
|
)}
|
|
203
206
|
>
|
|
204
207
|
<p
|
|
205
|
-
style={{
|
|
208
|
+
style={{
|
|
209
|
+
color: theme?.chartLabelColor,
|
|
210
|
+
fontFamily:
|
|
211
|
+
theme?.chartLabelFontFamily || theme?.fontFamily,
|
|
212
|
+
}}
|
|
206
213
|
className={twMerge(
|
|
207
214
|
// makeBarListClassName('barText'),
|
|
208
215
|
'qq-whitespace-nowrap truncate',
|
|
209
|
-
'qq-text-gray-500',
|
|
210
216
|
'qq-text-sm'
|
|
211
217
|
)}
|
|
212
218
|
>
|
|
@@ -229,11 +235,14 @@ const BarList = React.forwardRef<HTMLDivElement, BarListProps>((props, ref) => {
|
|
|
229
235
|
)}
|
|
230
236
|
>
|
|
231
237
|
<p
|
|
232
|
-
style={{
|
|
238
|
+
style={{
|
|
239
|
+
color: theme?.chartLabelColor,
|
|
240
|
+
fontFamily:
|
|
241
|
+
theme?.chartLabelFontFamily || theme?.fontFamily,
|
|
242
|
+
}}
|
|
233
243
|
className={twMerge(
|
|
234
244
|
// makeBarListClassName('barText'),
|
|
235
245
|
'qq-whitespace-nowrap truncate',
|
|
236
|
-
'qq-text-gray-500',
|
|
237
246
|
'qq-text-sm'
|
|
238
247
|
)}
|
|
239
248
|
>
|
|
@@ -250,7 +259,7 @@ const BarList = React.forwardRef<HTMLDivElement, BarListProps>((props, ref) => {
|
|
|
250
259
|
<div
|
|
251
260
|
style={{
|
|
252
261
|
color: theme?.chartLabelColor,
|
|
253
|
-
fontFamily: theme?.fontFamily,
|
|
262
|
+
fontFamily: theme?.chartLabelFontFamily || theme?.fontFamily,
|
|
254
263
|
}}
|
|
255
264
|
className="qq-text-sm"
|
|
256
265
|
>
|
|
@@ -275,11 +284,13 @@ const BarList = React.forwardRef<HTMLDivElement, BarListProps>((props, ref) => {
|
|
|
275
284
|
)}
|
|
276
285
|
>
|
|
277
286
|
<p
|
|
278
|
-
style={{
|
|
287
|
+
style={{
|
|
288
|
+
color: theme?.chartLabelColor,
|
|
289
|
+
fontFamily: theme?.chartLabelFontFamily || theme?.fontFamily,
|
|
290
|
+
}}
|
|
279
291
|
className={twMerge(
|
|
280
292
|
makeBarListClassName('labelText'),
|
|
281
293
|
'qq-whitespace-nowrap truncate',
|
|
282
|
-
'qq-text-gray-500',
|
|
283
294
|
'qq-text-sm'
|
|
284
295
|
)}
|
|
285
296
|
>
|
|
@@ -339,11 +350,14 @@ const BarList = React.forwardRef<HTMLDivElement, BarListProps>((props, ref) => {
|
|
|
339
350
|
)}
|
|
340
351
|
>
|
|
341
352
|
<p
|
|
342
|
-
style={{
|
|
353
|
+
style={{
|
|
354
|
+
color: theme?.chartLabelColor,
|
|
355
|
+
fontFamily:
|
|
356
|
+
theme?.chartLabelFontFamily || theme?.fontFamily,
|
|
357
|
+
}}
|
|
343
358
|
className={twMerge(
|
|
344
359
|
// makeBarListClassName('barText'),
|
|
345
360
|
'qq-whitespace-nowrap truncate',
|
|
346
|
-
'qq-text-gray-500',
|
|
347
361
|
'qq-text-sm'
|
|
348
362
|
)}
|
|
349
363
|
>
|
|
@@ -354,7 +368,13 @@ const BarList = React.forwardRef<HTMLDivElement, BarListProps>((props, ref) => {
|
|
|
354
368
|
);
|
|
355
369
|
})}
|
|
356
370
|
{data.length > NUM_TO_SHOW && (
|
|
357
|
-
<div
|
|
371
|
+
<div
|
|
372
|
+
style={{
|
|
373
|
+
color: theme?.chartLabelColor,
|
|
374
|
+
fontFamily: theme?.chartLabelFontFamily || theme?.fontFamily,
|
|
375
|
+
}}
|
|
376
|
+
className="qq-text-sm"
|
|
377
|
+
>
|
|
358
378
|
...{data.length - NUM_TO_SHOW} more
|
|
359
379
|
</div>
|
|
360
380
|
)}
|
|
@@ -376,11 +396,13 @@ const BarList = React.forwardRef<HTMLDivElement, BarListProps>((props, ref) => {
|
|
|
376
396
|
)}
|
|
377
397
|
>
|
|
378
398
|
<p
|
|
379
|
-
style={{
|
|
399
|
+
style={{
|
|
400
|
+
color: theme?.chartLabelColor,
|
|
401
|
+
fontFamily: theme?.chartLabelFontFamily || theme?.fontFamily,
|
|
402
|
+
}}
|
|
380
403
|
className={twMerge(
|
|
381
404
|
makeBarListClassName('labelText'),
|
|
382
405
|
'qq-whitespace-nowrap qq-truncate',
|
|
383
|
-
'qq-text-gray-500',
|
|
384
406
|
'qq-text-sm'
|
|
385
407
|
)}
|
|
386
408
|
>
|