@mlw-packages/react-components 1.7.28 → 1.8.1
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/index.css +73 -10
- package/dist/index.d.mts +126 -16
- package/dist/index.d.ts +126 -16
- package/dist/index.js +2627 -2383
- package/dist/index.mjs +2827 -2586
- package/package.json +1 -1
package/dist/index.css
CHANGED
|
@@ -1033,6 +1033,9 @@ body {
|
|
|
1033
1033
|
.max-h-56 {
|
|
1034
1034
|
max-height: 14rem;
|
|
1035
1035
|
}
|
|
1036
|
+
.max-h-80 {
|
|
1037
|
+
max-height: 20rem;
|
|
1038
|
+
}
|
|
1036
1039
|
.max-h-9 {
|
|
1037
1040
|
max-height: 2.25rem;
|
|
1038
1041
|
}
|
|
@@ -1108,6 +1111,9 @@ body {
|
|
|
1108
1111
|
.w-0\.5 {
|
|
1109
1112
|
width: 0.125rem;
|
|
1110
1113
|
}
|
|
1114
|
+
.w-1 {
|
|
1115
|
+
width: 0.25rem;
|
|
1116
|
+
}
|
|
1111
1117
|
.w-1\.5 {
|
|
1112
1118
|
width: 0.375rem;
|
|
1113
1119
|
}
|
|
@@ -1299,6 +1305,9 @@ body {
|
|
|
1299
1305
|
.min-w-\[200px\] {
|
|
1300
1306
|
min-width: 200px;
|
|
1301
1307
|
}
|
|
1308
|
+
.min-w-\[250px\] {
|
|
1309
|
+
min-width: 250px;
|
|
1310
|
+
}
|
|
1302
1311
|
.min-w-\[2rem\] {
|
|
1303
1312
|
min-width: 2rem;
|
|
1304
1313
|
}
|
|
@@ -1653,6 +1662,9 @@ body {
|
|
|
1653
1662
|
.justify-between {
|
|
1654
1663
|
justify-content: space-between;
|
|
1655
1664
|
}
|
|
1665
|
+
.gap-0 {
|
|
1666
|
+
gap: 0px;
|
|
1667
|
+
}
|
|
1656
1668
|
.gap-0\.5 {
|
|
1657
1669
|
gap: 0.125rem;
|
|
1658
1670
|
}
|
|
@@ -1668,9 +1680,6 @@ body {
|
|
|
1668
1680
|
.gap-12 {
|
|
1669
1681
|
gap: 3rem;
|
|
1670
1682
|
}
|
|
1671
|
-
.gap-16 {
|
|
1672
|
-
gap: 4rem;
|
|
1673
|
-
}
|
|
1674
1683
|
.gap-2 {
|
|
1675
1684
|
gap: 0.5rem;
|
|
1676
1685
|
}
|
|
@@ -1930,6 +1939,9 @@ body {
|
|
|
1930
1939
|
.rounded-bl-md {
|
|
1931
1940
|
border-bottom-left-radius: calc(var(--radius) - 2px);
|
|
1932
1941
|
}
|
|
1942
|
+
.rounded-br-md {
|
|
1943
|
+
border-bottom-right-radius: calc(var(--radius) - 2px);
|
|
1944
|
+
}
|
|
1933
1945
|
.rounded-tl-none {
|
|
1934
1946
|
border-top-left-radius: 0px;
|
|
1935
1947
|
}
|
|
@@ -2558,6 +2570,16 @@ body {
|
|
|
2558
2570
|
--tw-gradient-to: hsl(var(--background) / 0) var(--tw-gradient-to-position);
|
|
2559
2571
|
--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
|
|
2560
2572
|
}
|
|
2573
|
+
.from-blue-50 {
|
|
2574
|
+
--tw-gradient-from: #eff6ff var(--tw-gradient-from-position);
|
|
2575
|
+
--tw-gradient-to: rgb(239 246 255 / 0) var(--tw-gradient-to-position);
|
|
2576
|
+
--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
|
|
2577
|
+
}
|
|
2578
|
+
.from-blue-600 {
|
|
2579
|
+
--tw-gradient-from: #2563eb var(--tw-gradient-from-position);
|
|
2580
|
+
--tw-gradient-to: rgb(37 99 235 / 0) var(--tw-gradient-to-position);
|
|
2581
|
+
--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
|
|
2582
|
+
}
|
|
2561
2583
|
.from-muted\/50 {
|
|
2562
2584
|
--tw-gradient-from: hsl(var(--muted) / 0.5) var(--tw-gradient-from-position);
|
|
2563
2585
|
--tw-gradient-to: hsl(var(--muted) / 0) var(--tw-gradient-to-position);
|
|
@@ -2568,6 +2590,11 @@ body {
|
|
|
2568
2590
|
--tw-gradient-to: hsl(var(--primary) / 0) var(--tw-gradient-to-position);
|
|
2569
2591
|
--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
|
|
2570
2592
|
}
|
|
2593
|
+
.from-purple-50 {
|
|
2594
|
+
--tw-gradient-from: #faf5ff var(--tw-gradient-from-position);
|
|
2595
|
+
--tw-gradient-to: rgb(250 245 255 / 0) var(--tw-gradient-to-position);
|
|
2596
|
+
--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
|
|
2597
|
+
}
|
|
2571
2598
|
.from-ring\/20 {
|
|
2572
2599
|
--tw-gradient-from: hsl(var(--ring) / 0.2) var(--tw-gradient-from-position);
|
|
2573
2600
|
--tw-gradient-to: hsl(var(--ring) / 0) var(--tw-gradient-to-position);
|
|
@@ -2580,15 +2607,28 @@ body {
|
|
|
2580
2607
|
hsl(var(--ring) / 0.1) var(--tw-gradient-via-position),
|
|
2581
2608
|
var(--tw-gradient-to);
|
|
2582
2609
|
}
|
|
2610
|
+
.to-indigo-50 {
|
|
2611
|
+
--tw-gradient-to: #eef2ff var(--tw-gradient-to-position);
|
|
2612
|
+
}
|
|
2583
2613
|
.to-muted {
|
|
2584
2614
|
--tw-gradient-to: hsl(var(--muted)) var(--tw-gradient-to-position);
|
|
2585
2615
|
}
|
|
2616
|
+
.to-pink-50 {
|
|
2617
|
+
--tw-gradient-to: #fdf2f8 var(--tw-gradient-to-position);
|
|
2618
|
+
}
|
|
2586
2619
|
.to-primary\/70 {
|
|
2587
2620
|
--tw-gradient-to: hsl(var(--primary) / 0.7) var(--tw-gradient-to-position);
|
|
2588
2621
|
}
|
|
2622
|
+
.to-purple-600 {
|
|
2623
|
+
--tw-gradient-to: #9333ea var(--tw-gradient-to-position);
|
|
2624
|
+
}
|
|
2589
2625
|
.to-ring\/20 {
|
|
2590
2626
|
--tw-gradient-to: hsl(var(--ring) / 0.2) var(--tw-gradient-to-position);
|
|
2591
2627
|
}
|
|
2628
|
+
.bg-clip-text {
|
|
2629
|
+
-webkit-background-clip: text;
|
|
2630
|
+
background-clip: text;
|
|
2631
|
+
}
|
|
2592
2632
|
.fill-current {
|
|
2593
2633
|
fill: currentColor;
|
|
2594
2634
|
}
|
|
@@ -3229,6 +3269,9 @@ body {
|
|
|
3229
3269
|
--tw-text-opacity: 1;
|
|
3230
3270
|
color: rgb(15 118 110 / var(--tw-text-opacity, 1));
|
|
3231
3271
|
}
|
|
3272
|
+
.text-transparent {
|
|
3273
|
+
color: transparent;
|
|
3274
|
+
}
|
|
3232
3275
|
.text-violet-700 {
|
|
3233
3276
|
--tw-text-opacity: 1;
|
|
3234
3277
|
color: rgb(109 40 217 / var(--tw-text-opacity, 1));
|
|
@@ -4163,10 +4206,6 @@ body {
|
|
|
4163
4206
|
--tw-bg-opacity: 1;
|
|
4164
4207
|
background-color: rgb(147 51 234 / var(--tw-bg-opacity, 1));
|
|
4165
4208
|
}
|
|
4166
|
-
.hover\:bg-red-50:hover {
|
|
4167
|
-
--tw-bg-opacity: 1;
|
|
4168
|
-
background-color: rgb(254 242 242 / var(--tw-bg-opacity, 1));
|
|
4169
|
-
}
|
|
4170
4209
|
.hover\:bg-red-600:hover {
|
|
4171
4210
|
--tw-bg-opacity: 1;
|
|
4172
4211
|
background-color: rgb(220 38 38 / var(--tw-bg-opacity, 1));
|
|
@@ -5563,6 +5602,22 @@ body {
|
|
|
5563
5602
|
--tw-bg-opacity: 1;
|
|
5564
5603
|
background-color: rgb(63 63 70 / var(--tw-bg-opacity, 1));
|
|
5565
5604
|
}
|
|
5605
|
+
.dark\:from-blue-400:is(.dark *) {
|
|
5606
|
+
--tw-gradient-from: #60a5fa var(--tw-gradient-from-position);
|
|
5607
|
+
--tw-gradient-to: rgb(96 165 250 / 0) var(--tw-gradient-to-position);
|
|
5608
|
+
--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
|
|
5609
|
+
}
|
|
5610
|
+
.dark\:from-slate-800:is(.dark *) {
|
|
5611
|
+
--tw-gradient-from: #1e293b var(--tw-gradient-from-position);
|
|
5612
|
+
--tw-gradient-to: rgb(30 41 59 / 0) var(--tw-gradient-to-position);
|
|
5613
|
+
--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
|
|
5614
|
+
}
|
|
5615
|
+
.dark\:to-purple-400:is(.dark *) {
|
|
5616
|
+
--tw-gradient-to: #c084fc var(--tw-gradient-to-position);
|
|
5617
|
+
}
|
|
5618
|
+
.dark\:to-slate-900:is(.dark *) {
|
|
5619
|
+
--tw-gradient-to: #0f172a var(--tw-gradient-to-position);
|
|
5620
|
+
}
|
|
5566
5621
|
.dark\:stroke-\[rgba\(255\,255\,255\,0\.06\)\]:is(.dark *) {
|
|
5567
5622
|
stroke: rgba(255, 255, 255, 0.06);
|
|
5568
5623
|
}
|
|
@@ -5574,6 +5629,10 @@ body {
|
|
|
5574
5629
|
--tw-text-opacity: 1;
|
|
5575
5630
|
color: rgb(0 0 0 / var(--tw-text-opacity, 1));
|
|
5576
5631
|
}
|
|
5632
|
+
.dark\:text-blue-400:is(.dark *) {
|
|
5633
|
+
--tw-text-opacity: 1;
|
|
5634
|
+
color: rgb(96 165 250 / var(--tw-text-opacity, 1));
|
|
5635
|
+
}
|
|
5577
5636
|
.dark\:text-emerald-200:is(.dark *) {
|
|
5578
5637
|
--tw-text-opacity: 1;
|
|
5579
5638
|
color: rgb(167 243 208 / var(--tw-text-opacity, 1));
|
|
@@ -5605,6 +5664,10 @@ body {
|
|
|
5605
5664
|
--tw-text-opacity: 1;
|
|
5606
5665
|
color: rgb(254 215 170 / var(--tw-text-opacity, 1));
|
|
5607
5666
|
}
|
|
5667
|
+
.dark\:text-purple-400:is(.dark *) {
|
|
5668
|
+
--tw-text-opacity: 1;
|
|
5669
|
+
color: rgb(192 132 252 / var(--tw-text-opacity, 1));
|
|
5670
|
+
}
|
|
5608
5671
|
.dark\:text-red-400:is(.dark *) {
|
|
5609
5672
|
--tw-text-opacity: 1;
|
|
5610
5673
|
color: rgb(248 113 113 / var(--tw-text-opacity, 1));
|
|
@@ -6076,9 +6139,6 @@ body {
|
|
|
6076
6139
|
.md\:grid-cols-4 {
|
|
6077
6140
|
grid-template-columns: repeat(4, minmax(0, 1fr));
|
|
6078
6141
|
}
|
|
6079
|
-
.md\:grid-cols-5 {
|
|
6080
|
-
grid-template-columns: repeat(5, minmax(0, 1fr));
|
|
6081
|
-
}
|
|
6082
6142
|
.md\:flex-row {
|
|
6083
6143
|
flex-direction: row;
|
|
6084
6144
|
}
|
|
@@ -6194,6 +6254,9 @@ body {
|
|
|
6194
6254
|
}
|
|
6195
6255
|
}
|
|
6196
6256
|
@media (min-width: 1280px) {
|
|
6257
|
+
.xl\:grid-cols-4 {
|
|
6258
|
+
grid-template-columns: repeat(4, minmax(0, 1fr));
|
|
6259
|
+
}
|
|
6197
6260
|
.xl\:text-2xl {
|
|
6198
6261
|
font-size: 1.5rem;
|
|
6199
6262
|
line-height: 2rem;
|
package/dist/index.d.mts
CHANGED
|
@@ -38,9 +38,7 @@ declare const ErrorMessage: React$1.FC<ErrorMessageProps>;
|
|
|
38
38
|
declare const SelectBase: React$1.FC<SelectPrimitive.SelectProps>;
|
|
39
39
|
declare const SelectGroupBase: React$1.ForwardRefExoticComponent<SelectPrimitive.SelectGroupProps & React$1.RefAttributes<HTMLDivElement>>;
|
|
40
40
|
declare const SelectValueBase: React$1.ForwardRefExoticComponent<SelectPrimitive.SelectValueProps & React$1.RefAttributes<HTMLSpanElement>>;
|
|
41
|
-
declare const SelectTriggerBase: React$1.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectTriggerProps & React$1.RefAttributes<HTMLButtonElement>, "ref"> & ErrorMessageProps &
|
|
42
|
-
open?: boolean;
|
|
43
|
-
} & React$1.RefAttributes<HTMLButtonElement>>;
|
|
41
|
+
declare const SelectTriggerBase: React$1.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectTriggerProps & React$1.RefAttributes<HTMLButtonElement>, "ref"> & ErrorMessageProps & React$1.RefAttributes<HTMLButtonElement>>;
|
|
44
42
|
declare const SelectScrollUpButtonBase: React$1.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectScrollUpButtonProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
|
|
45
43
|
declare const SelectScrollDownButtonBase: React$1.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectScrollDownButtonProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
|
|
46
44
|
declare const SelectContentBase: React$1.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectContentProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & {
|
|
@@ -1377,23 +1375,37 @@ declare function Combobox<T extends string>({ items, selected, onChange, classNa
|
|
|
1377
1375
|
|
|
1378
1376
|
interface MultiComboboxTestIds {
|
|
1379
1377
|
root?: string;
|
|
1380
|
-
|
|
1381
|
-
|
|
1382
|
-
|
|
1383
|
-
|
|
1384
|
-
|
|
1378
|
+
base?: string;
|
|
1379
|
+
trigger?: string;
|
|
1380
|
+
value?: string;
|
|
1381
|
+
content?: string;
|
|
1382
|
+
group?: string;
|
|
1383
|
+
item?: (value: string) => string;
|
|
1385
1384
|
}
|
|
1386
|
-
interface MultiComboboxProps<T extends string> extends
|
|
1385
|
+
interface MultiComboboxProps<T extends string> extends ErrorMessageProps {
|
|
1386
|
+
items: {
|
|
1387
|
+
label: string;
|
|
1388
|
+
value: T;
|
|
1389
|
+
}[];
|
|
1387
1390
|
selected: T[];
|
|
1388
1391
|
onChange: (value: T[]) => void;
|
|
1389
1392
|
label?: string;
|
|
1390
1393
|
labelClassname?: string;
|
|
1391
1394
|
testIds?: MultiComboboxTestIds;
|
|
1392
|
-
keepOpen?: boolean;
|
|
1393
|
-
showClearAll?: boolean;
|
|
1394
1395
|
disabled?: boolean;
|
|
1396
|
+
placeholder?: string;
|
|
1397
|
+
empty?: string;
|
|
1398
|
+
search?: boolean | {
|
|
1399
|
+
placeholder?: string;
|
|
1400
|
+
emptyMessage?: string;
|
|
1401
|
+
};
|
|
1402
|
+
clickToRemove?: boolean;
|
|
1403
|
+
overflowBehavior?: "wrap" | "wrap-when-open" | "cutoff";
|
|
1404
|
+
pagination?: number;
|
|
1405
|
+
searchPlaceholder?: string;
|
|
1406
|
+
className?: string;
|
|
1395
1407
|
}
|
|
1396
|
-
declare function MultiCombobox<T extends string>({ items, selected, onChange,
|
|
1408
|
+
declare function MultiCombobox<T extends string>({ items, selected, onChange, label, labelClassname, testIds, disabled, placeholder, empty, error, search, clickToRemove, overflowBehavior, searchPlaceholder, className, }: MultiComboboxProps<T>): react_jsx_runtime.JSX.Element;
|
|
1397
1409
|
|
|
1398
1410
|
type MultiSelectContextType = {
|
|
1399
1411
|
open: boolean;
|
|
@@ -1415,9 +1427,11 @@ declare function MultiSelectBase({ children, values, defaultValues, onValuesChan
|
|
|
1415
1427
|
empty?: ReactNode;
|
|
1416
1428
|
error?: string;
|
|
1417
1429
|
}): react_jsx_runtime.JSX.Element;
|
|
1418
|
-
declare function MultiSelectTriggerBase({ className, children, error: propError, ...props }: {
|
|
1430
|
+
declare function MultiSelectTriggerBase({ className, children, error: propError, label, labelClassname, ...props }: {
|
|
1419
1431
|
className?: string;
|
|
1420
1432
|
children?: ReactNode;
|
|
1433
|
+
label?: string;
|
|
1434
|
+
labelClassname?: string;
|
|
1421
1435
|
} & ComponentPropsWithoutRef<typeof ButtonBase> & ErrorMessageProps): react_jsx_runtime.JSX.Element;
|
|
1422
1436
|
declare function MultiSelectValueBase({ placeholder, clickToRemove, className, overflowBehavior, ...props }: {
|
|
1423
1437
|
placeholder?: string;
|
|
@@ -1465,6 +1479,7 @@ interface DefaultSelectProps<T extends string> extends ErrorMessageProps {
|
|
|
1465
1479
|
label?: string;
|
|
1466
1480
|
labelClassname?: string;
|
|
1467
1481
|
pagination?: number;
|
|
1482
|
+
clearable?: boolean;
|
|
1468
1483
|
}
|
|
1469
1484
|
interface SelectPropsWithItems<T extends string> extends DefaultSelectProps<T> {
|
|
1470
1485
|
items: SelectItem<T>[];
|
|
@@ -1506,6 +1521,30 @@ declare const resolveChartMargins: (margins?: Margins, chartMargins?: Margins, s
|
|
|
1506
1521
|
left: number;
|
|
1507
1522
|
bottom: number;
|
|
1508
1523
|
};
|
|
1524
|
+
declare const generateColorMap: (dataKeys: string[], baseColors: string[], mapperConfig: Record<string, {
|
|
1525
|
+
color?: string;
|
|
1526
|
+
}>) => Record<string, string>;
|
|
1527
|
+
declare const computeNiceMax: (maxValue: number) => number;
|
|
1528
|
+
declare const getMaxDataValue: (data: Record<string, unknown>[], keys: string[]) => number;
|
|
1529
|
+
declare const getMinDataValue: (data: Record<string, unknown>[], keys: string[]) => number;
|
|
1530
|
+
interface SeriesConfig {
|
|
1531
|
+
bar?: string[];
|
|
1532
|
+
line?: string[];
|
|
1533
|
+
area?: string[];
|
|
1534
|
+
}
|
|
1535
|
+
declare const computeChartWidth: (width: number | string | undefined, dataLength: number, series: SeriesConfig | undefined, niceMaxLeft: number, niceMaxRight: number) => number;
|
|
1536
|
+
declare const adaptDataForTooltip: <T extends Record<string, unknown>>(data: T, xAxisKey: string) => {
|
|
1537
|
+
name: string;
|
|
1538
|
+
[key: string]: string | number;
|
|
1539
|
+
};
|
|
1540
|
+
type ValueFormatterType = (props: {
|
|
1541
|
+
value: number | string | undefined;
|
|
1542
|
+
formattedValue: string;
|
|
1543
|
+
[key: string]: unknown;
|
|
1544
|
+
}) => string;
|
|
1545
|
+
declare const createValueFormatter: (customFormatter: ValueFormatterType | undefined, formatBR: boolean) => ValueFormatterType | undefined;
|
|
1546
|
+
declare const createYTickFormatter: (finalValueFormatter: ValueFormatterType | undefined) => ((value: number | string) => string);
|
|
1547
|
+
declare const computeYAxisTickWidth: (chartMarginLeft: number | undefined, yAxisLabel: string | undefined, axisLabelMargin: number, yTickFormatter: (value: number | string) => string, minValue: number, maxValue: number) => number;
|
|
1509
1548
|
|
|
1510
1549
|
type Variant = "filled" | "outline" | "soft";
|
|
1511
1550
|
type LabelRendererProps = {
|
|
@@ -1534,7 +1573,7 @@ declare const renderPillLabel: (color: string, variant: Variant, valueFormatter?
|
|
|
1534
1573
|
|
|
1535
1574
|
declare const renderInsideBarLabel: (color: string, valueFormatter?: valueFormatter) => (props: LabelRendererProps) => react_jsx_runtime.JSX.Element;
|
|
1536
1575
|
|
|
1537
|
-
interface ChartData$
|
|
1576
|
+
interface ChartData$3 {
|
|
1538
1577
|
[key: string]: string | number | boolean | null | undefined;
|
|
1539
1578
|
}
|
|
1540
1579
|
interface XAxisConfig$2 {
|
|
@@ -1556,7 +1595,7 @@ type SeriesProp$1 = {
|
|
|
1556
1595
|
area?: string[];
|
|
1557
1596
|
};
|
|
1558
1597
|
interface ChartProps {
|
|
1559
|
-
data: ChartData$
|
|
1598
|
+
data: ChartData$3[];
|
|
1560
1599
|
series?: SeriesProp$1;
|
|
1561
1600
|
className?: string;
|
|
1562
1601
|
chartMargin?: Partial<{
|
|
@@ -1590,6 +1629,7 @@ interface ChartProps {
|
|
|
1590
1629
|
showTooltipTotal?: boolean;
|
|
1591
1630
|
maxTooltips?: number;
|
|
1592
1631
|
formatBR?: boolean;
|
|
1632
|
+
legendUppercase?: boolean;
|
|
1593
1633
|
}
|
|
1594
1634
|
declare const Chart: React__default.FC<ChartProps>;
|
|
1595
1635
|
|
|
@@ -1812,6 +1852,63 @@ interface UseChartHighlightsReturn {
|
|
|
1812
1852
|
}
|
|
1813
1853
|
declare const useChartHighlights: () => UseChartHighlightsReturn;
|
|
1814
1854
|
|
|
1855
|
+
declare const useChartDimensions: () => {
|
|
1856
|
+
wrapperRef: React$1.RefObject<HTMLDivElement | null>;
|
|
1857
|
+
measuredWidth: number | null;
|
|
1858
|
+
};
|
|
1859
|
+
|
|
1860
|
+
interface ChartData$2 {
|
|
1861
|
+
[key: string]: string | number | boolean | null | undefined;
|
|
1862
|
+
}
|
|
1863
|
+
interface TooltipItem$2 {
|
|
1864
|
+
id: string;
|
|
1865
|
+
data: ChartData$2;
|
|
1866
|
+
position: {
|
|
1867
|
+
top: number;
|
|
1868
|
+
left: number;
|
|
1869
|
+
};
|
|
1870
|
+
}
|
|
1871
|
+
declare const useChartTooltips: (maxTooltips?: number) => {
|
|
1872
|
+
activeTooltips: TooltipItem$2[];
|
|
1873
|
+
toggleTooltip: (tooltipId: string, data: ChartData$2, basePosition: {
|
|
1874
|
+
top: number;
|
|
1875
|
+
left: number;
|
|
1876
|
+
}) => void;
|
|
1877
|
+
onTooltipPositionChange: (id: string, position: {
|
|
1878
|
+
top: number;
|
|
1879
|
+
left: number;
|
|
1880
|
+
}) => void;
|
|
1881
|
+
closeTooltip: (id: string) => void;
|
|
1882
|
+
closeAllTooltips: () => void;
|
|
1883
|
+
setActiveTooltips: React$1.Dispatch<React$1.SetStateAction<TooltipItem$2[]>>;
|
|
1884
|
+
};
|
|
1885
|
+
|
|
1886
|
+
interface ChartData$1 {
|
|
1887
|
+
[key: string]: string | number | boolean | null | undefined;
|
|
1888
|
+
}
|
|
1889
|
+
interface TooltipItem$1 {
|
|
1890
|
+
id: string;
|
|
1891
|
+
data: ChartData$1;
|
|
1892
|
+
position: {
|
|
1893
|
+
top: number;
|
|
1894
|
+
left: number;
|
|
1895
|
+
};
|
|
1896
|
+
}
|
|
1897
|
+
interface UseChartClickProps {
|
|
1898
|
+
enableDraggableTooltips: boolean;
|
|
1899
|
+
xAxisDataKey: string;
|
|
1900
|
+
toggleTooltip: (tooltipId: string, data: ChartData$1, basePosition: {
|
|
1901
|
+
top: number;
|
|
1902
|
+
left: number;
|
|
1903
|
+
}) => void;
|
|
1904
|
+
setActiveTooltips: React.Dispatch<React.SetStateAction<TooltipItem$1[]>>;
|
|
1905
|
+
}
|
|
1906
|
+
declare const useChartClick: ({ enableDraggableTooltips, xAxisDataKey, toggleTooltip, setActiveTooltips, }: UseChartClickProps) => {
|
|
1907
|
+
handleChartClick: (e?: unknown) => void;
|
|
1908
|
+
handleBarClick: (data: ChartData$1, index: number, event: React.MouseEvent) => void;
|
|
1909
|
+
handleSeriesClick: (...args: unknown[]) => void;
|
|
1910
|
+
};
|
|
1911
|
+
|
|
1815
1912
|
interface NoDataProps {
|
|
1816
1913
|
paddingLeft?: number;
|
|
1817
1914
|
height?: number | string;
|
|
@@ -1903,6 +2000,19 @@ interface ChartHooksArgs {
|
|
|
1903
2000
|
xAxisLabel?: string;
|
|
1904
2001
|
}
|
|
1905
2002
|
|
|
2003
|
+
interface LeaderboardItem {
|
|
2004
|
+
name: string;
|
|
2005
|
+
percentage: number;
|
|
2006
|
+
}
|
|
2007
|
+
interface LeaderboardProps {
|
|
2008
|
+
items?: LeaderboardItem[];
|
|
2009
|
+
order?: "asc" | "desc";
|
|
2010
|
+
title?: string;
|
|
2011
|
+
className?: string;
|
|
2012
|
+
isLoading?: boolean;
|
|
2013
|
+
}
|
|
2014
|
+
declare function Leaderboard({ items, order: initialOrder, title, className, isLoading, }: LeaderboardProps): react_jsx_runtime.JSX.Element;
|
|
2015
|
+
|
|
1906
2016
|
declare function useIsMobile(): boolean;
|
|
1907
2017
|
|
|
1908
2018
|
interface Position {
|
|
@@ -1922,4 +2032,4 @@ declare const useDrag: (options?: UseDragOptions) => {
|
|
|
1922
2032
|
isDragging: boolean;
|
|
1923
2033
|
};
|
|
1924
2034
|
|
|
1925
|
-
export { AddButton, Agenda, AgendaDaysToShow, AgendaDaysToShowAgenda, AgendaView, AlertDialogActionBase, AlertDialogBase, AlertDialogCancelBase, AlertDialogContentBase, AlertDialogDescriptionBase, AlertDialogFooterBase, AlertDialogHeaderBase, AlertDialogOverlayBase, AlertDialogPortalBase, AlertDialogTitleBase, AlertDialogTriggerBase, AvatarBase, AvatarCombobox, type AvatarComboboxItem, type AvatarComboboxProps, type AvatarComboboxPropsWithGroupItems, type AvatarComboboxPropsWithItems, type AvatarComboboxTestIds, AvatarFallbackBase, AvatarImageBase, BackButton, Badge, type BadgeColorType, type BannerProps, BarChart, BreadcrumbBase, BreadcrumbEllipsisBase, BreadcrumbItemBase, BreadcrumbLinkBase, BreadcrumbListBase, BreadcrumbPageBase, BreadcrumbSeparatorBase, ButtonBase, ButtonGroupBase, type ButtonProps, CalendarBase, CalendarDndProvider, CalendarDndProviderAgenda, type CalendarEvent, type CalendarEventAgenda, type CalendarProps, type CalendarView, type CalendarViewAgenda, CardBase, CardContentBase, CardDescriptionBase, CardFooterBase, CardHeaderBase, CardTitleBase, type CarouselApi, CarouselBase, CarouselContentBase, CarouselItemBase, CarouselNextBase, CarouselPreviousBase, ChangeButton, Chart, type ChartData, type ChartHooksArgs, CheckButton, CheckboxBase, CheckboxTree, CloseAllButton, CloseButton, CodeBlock, CollapsibleBase, CollapsibleContentBase, CollapsibleTriggerBase, Combobox, type ComboboxProps, type ComboboxTestIds, CommandBase, CommandDialogBase, CommandEmptyBase, CommandGroupBase, CommandInputBase, CommandItemBase, CommandListBase, CommandSeparatorBase, CommandShortcutBase, ContextMenuBase, ContextMenuCheckboxItemBase, ContextMenuContentBase, ContextMenuGroupBase, ContextMenuItemBase, ContextMenuLabelBase, ContextMenuPortalBase, ContextMenuRadioGroupBase, ContextMenuRadioItemBase, ContextMenuSeparatorBase, ContextMenuShortcutBase, ContextMenuSubBase, ContextMenuSubContentBase, ContextMenuSubTriggerBase, ContextMenuTriggerBase, CopyButton, DateTimePicker, DayView, DayViewAgenda, DebouncedInput, type DebouncedInputProps, type DefaultAvatarComboboxProps, DefaultEndHour, DefaultEndHourAgenda, type DefaultSelectProps, DefaultStartHour, DefaultStartHourAgenda, DestructiveDialog, DialogBase, DialogCloseBase, DialogContentBase, DialogDescriptionBase, DialogFooterBase, DialogHeaderBase, DialogOverlayBase, DialogPortalBase, DialogTitleBase, DialogTriggerBase, DownloadButton, DraggableEvent, DraggableTooltip, DrawerBase, DrawerCloseBase, DrawerContentBase, DrawerDescriptionBase, DrawerFooterBase, DrawerHeaderBase, DrawerOverlayBase, DrawerPortalBase, DrawerTitleBase, DrawerTriggerBase, DropDownMenuBase, DropDownMenuCheckboxItemBase, DropDownMenuContentBase, DropDownMenuGroupBase, DropDownMenuItemBase, DropDownMenuLabelBase, DropDownMenuPortalBase, DropDownMenuRadioGroupBase, DropDownMenuRadioItemBase, DropDownMenuSeparatorBase, DropDownMenuShortcutBase, DropDownMenuSubBase, DropDownMenuSubContentBase, DropDownMenuSubTriggerBase, DropDownMenuTriggerBase, DroppableCell, DroppableCellAgenda, EditButton, EndHour, EndHourAgenda, ErrorMessage, EventAgenda, EventCalendar, type EventColor, type EventColorAgenda, EventDialog, EventGap, EventGapAgenda, EventHeight, EventHeightAgenda, EventItem, EventItemAgenda, EventsPopup, FavoriteButton, FileUploader, type FileUploaderProps, type FileWithPreview, FilterButton, type FinalValueFormatter, HideButton, Highlights, HoverCardBase, HoverCardContentBase, HoverCardTriggerBase, type IconProps, InputBase, type InputBaseProps, InputOTPBase, InputOTPGroupBase, InputOTPSeparatorBase, InputOTPSlotBase, LabelBase, LikeButton, CustomLineChart as LineChart, LoadingBase, LockButton, type MapperConfig, type MapperConfigEntry, type Margins, ModalBase, ModalCloseBase, ModalContentBase, ModalDescriptionBase, ModalFooterBase, ModalHeaderBase, ModalOverlayBase, ModalPortalBase, ModalTitleBase, ModalTriggerBase, ModeToggleBase, MonthView, MonthViewAgenda, MoreButton, MultiCombobox, type MultiComboboxProps, type MultiComboboxTestIds, MultiSelectBase, MultiSelectContentBase, type MultiSelectContextType, MultiSelectGroupBase, MultiSelectItemBase, MultiSelectSeparatorBase, MultiSelectTriggerBase, MultiSelectValueBase, NavigationMenuBase, NavigationMenuContentBase, NavigationMenuIndicatorBase, NavigationMenuItemBase, NavigationMenuLinkBase, NavigationMenuListBase, NavigationMenuTriggerBase, NavigationMenuViewportBase, type NewSelectProps, NoData, NotificationButton, type Padding, type Period, PeriodsDropdown, CustomPieChart as PieChart, PopoverAnchorBase, PopoverBase, PopoverContentBase, PopoverTriggerBase, type Primitive, ProgressBase, type ProgressBaseProps, ProgressCirclesBase, type ProgressCirclesBaseProps, ProgressPanelsBase, type ProgressPanelsBaseProps, ProgressSegmentsBase, type ProgressSegmentsBaseProps, type ProgressType, RangePicker, type RangePickerProps, RefreshButton, SaveButton, ScrollAreaBase, ScrollBarBase, SearchButton, Select, SelectBase, SelectContentBase, SelectGroupBase, type SelectItem, SelectItemBase, SelectLabelBase, type SelectPropsWithGroupItems, type SelectPropsWithItems, SelectScrollDownButtonBase, SelectScrollUpButtonBase, SelectSeparatorBase, type SelectTestIds, SelectTriggerBase, SelectValueBase, SeparatorBase, type SeriesCounts, type SeriesEntry, type SeriesProp, SettingsButton, SheetBase, SheetCloseBase, SheetContentBase, SheetDescriptionBase, SheetFooterBase, SheetHeaderBase, SheetOverlayBase, SheetPortalBase, SheetTitleBase, SheetTriggerBase, ShowOnly, SidebarBase, SidebarContentBase, SidebarFooterBase, SidebarGroupActionBase, SidebarGroupBase, SidebarGroupContentBase, SidebarGroupLabelBase, SidebarHeaderBase, SidebarInputBase, SidebarInsetBase, SidebarMenuActionBase, SidebarMenuBadgeBase, SidebarMenuBase, SidebarMenuButtonBase, SidebarMenuItemBase, SidebarMenuSkeletonBase, SidebarMenuSubBase, SidebarMenuSubButtonBase, SidebarMenuSubItemBase, SidebarProviderBase, SidebarRailBase, SidebarSeparatorBase, SidebarTriggerBase, SkeletonBase, SlideBase, type SliderBaseProps, StartHour, StartHourAgenda, StatusIndicator, type StatusProps, SwitchBase, TableBase, TableBodyBase, TableCaptionBase, TableCellBase, TableFooterBase, TableHeadBase, TableHeaderBase, TableRowBase, TabsBase, TabsContentBase, TabsListBase, TabsTriggerBase, TextAreaBase, type TextAreaBaseProps, type Theme, ThemeProviderBase, TimePicker, TimePickerInput, type TimePickerInputProps, type TimePickerType, Toaster, type TooltipAdaptedRow, TooltipBase, TooltipContentBase, type TooltipItem, TooltipProviderBase, TooltipSimple, TooltipTriggerBase, RechartTooltipWithTotal as TooltipWithTotal, UndatedEvents, UniversalTooltipRenderer, UnlockButton, UploadButton, UseSideBarBase, type ValueFormatter, ViewButton, VisibilityButton, WeekCellsHeight, WeekCellsHeightAgenda, WeekView, WeekViewAgenda, type XAxisConfig, type YAxes, type YAxisMap, type YAxisOptions, type YAxisSide, addHoursToDate, addHoursToDateAgenda, addMinutesToDateAgenda, badgeVariants, buttonVariantsBase, compactTick, convert12HourTo24Hour, detectDataFields, detectXAxis, display12HourValue, formatFieldName, generateAdditionalColors, getAgendaEventsForDay, getAgendaEventsForDayAgenda, getAllEventsForDay, getAllEventsForDayAgenda, getArrowByType, getBorderRadiusClasses, getBorderRadiusClassesAgenda, getDateByType, getEventColorClasses, getEventColorClassesAgenda, getEventEndDate, getEventStartDate, getEventsForDay, getEventsForDayAgenda, getSpanningEventsForDay, getSpanningEventsForDayAgenda, getValid12Hour, getValidArrow12Hour, getValidArrowHour, getValidArrowMinuteOrSecond, getValidArrowNumber, getValidHour, getValidMinuteOrSecond, getValidNumber, isMultiDayEvent, isMultiDayEventAgenda, isValid12Hour, isValidHour, isValidMinuteOrSecond, niceCeil, normalizeAttendDate, renderInsideBarLabel, renderPillLabel, resolveChartMargins, resolveContainerPaddingLeft, set12Hours, setDateByType, setHours, setMinutes, setSeconds, sortEvents, sortEventsAgenda, toast, useCalendarDnd, useCalendarDndAgenda, useChartHighlights, useCurrentTimeIndicator, useCurrentTimeIndicatorAgenda, useDrag, useEventVisibility, useEventVisibilityAgenda, useIsMobile, useTheme, type valueFormatter };
|
|
2035
|
+
export { AddButton, Agenda, AgendaDaysToShow, AgendaDaysToShowAgenda, AgendaView, AlertDialogActionBase, AlertDialogBase, AlertDialogCancelBase, AlertDialogContentBase, AlertDialogDescriptionBase, AlertDialogFooterBase, AlertDialogHeaderBase, AlertDialogOverlayBase, AlertDialogPortalBase, AlertDialogTitleBase, AlertDialogTriggerBase, AvatarBase, AvatarCombobox, type AvatarComboboxItem, type AvatarComboboxProps, type AvatarComboboxPropsWithGroupItems, type AvatarComboboxPropsWithItems, type AvatarComboboxTestIds, AvatarFallbackBase, AvatarImageBase, BackButton, Badge, type BadgeColorType, type BannerProps, BarChart, BreadcrumbBase, BreadcrumbEllipsisBase, BreadcrumbItemBase, BreadcrumbLinkBase, BreadcrumbListBase, BreadcrumbPageBase, BreadcrumbSeparatorBase, ButtonBase, ButtonGroupBase, type ButtonProps, CalendarBase, CalendarDndProvider, CalendarDndProviderAgenda, type CalendarEvent, type CalendarEventAgenda, type CalendarProps, type CalendarView, type CalendarViewAgenda, CardBase, CardContentBase, CardDescriptionBase, CardFooterBase, CardHeaderBase, CardTitleBase, type CarouselApi, CarouselBase, CarouselContentBase, CarouselItemBase, CarouselNextBase, CarouselPreviousBase, ChangeButton, Chart, type ChartData, type ChartHooksArgs, CheckButton, CheckboxBase, CheckboxTree, CloseAllButton, CloseButton, CodeBlock, CollapsibleBase, CollapsibleContentBase, CollapsibleTriggerBase, Combobox, type ComboboxProps, type ComboboxTestIds, CommandBase, CommandDialogBase, CommandEmptyBase, CommandGroupBase, CommandInputBase, CommandItemBase, CommandListBase, CommandSeparatorBase, CommandShortcutBase, ContextMenuBase, ContextMenuCheckboxItemBase, ContextMenuContentBase, ContextMenuGroupBase, ContextMenuItemBase, ContextMenuLabelBase, ContextMenuPortalBase, ContextMenuRadioGroupBase, ContextMenuRadioItemBase, ContextMenuSeparatorBase, ContextMenuShortcutBase, ContextMenuSubBase, ContextMenuSubContentBase, ContextMenuSubTriggerBase, ContextMenuTriggerBase, CopyButton, DateTimePicker, DayView, DayViewAgenda, DebouncedInput, type DebouncedInputProps, type DefaultAvatarComboboxProps, DefaultEndHour, DefaultEndHourAgenda, type DefaultSelectProps, DefaultStartHour, DefaultStartHourAgenda, DestructiveDialog, DialogBase, DialogCloseBase, DialogContentBase, DialogDescriptionBase, DialogFooterBase, DialogHeaderBase, DialogOverlayBase, DialogPortalBase, DialogTitleBase, DialogTriggerBase, DownloadButton, DraggableEvent, DraggableTooltip, DrawerBase, DrawerCloseBase, DrawerContentBase, DrawerDescriptionBase, DrawerFooterBase, DrawerHeaderBase, DrawerOverlayBase, DrawerPortalBase, DrawerTitleBase, DrawerTriggerBase, DropDownMenuBase, DropDownMenuCheckboxItemBase, DropDownMenuContentBase, DropDownMenuGroupBase, DropDownMenuItemBase, DropDownMenuLabelBase, DropDownMenuPortalBase, DropDownMenuRadioGroupBase, DropDownMenuRadioItemBase, DropDownMenuSeparatorBase, DropDownMenuShortcutBase, DropDownMenuSubBase, DropDownMenuSubContentBase, DropDownMenuSubTriggerBase, DropDownMenuTriggerBase, DroppableCell, DroppableCellAgenda, EditButton, EndHour, EndHourAgenda, ErrorMessage, EventAgenda, EventCalendar, type EventColor, type EventColorAgenda, EventDialog, EventGap, EventGapAgenda, EventHeight, EventHeightAgenda, EventItem, EventItemAgenda, EventsPopup, FavoriteButton, FileUploader, type FileUploaderProps, type FileWithPreview, FilterButton, type FinalValueFormatter, HideButton, Highlights, HoverCardBase, HoverCardContentBase, HoverCardTriggerBase, type IconProps, InputBase, type InputBaseProps, InputOTPBase, InputOTPGroupBase, InputOTPSeparatorBase, InputOTPSlotBase, LabelBase, Leaderboard, LikeButton, CustomLineChart as LineChart, LoadingBase, LockButton, type MapperConfig, type MapperConfigEntry, type Margins, ModalBase, ModalCloseBase, ModalContentBase, ModalDescriptionBase, ModalFooterBase, ModalHeaderBase, ModalOverlayBase, ModalPortalBase, ModalTitleBase, ModalTriggerBase, ModeToggleBase, MonthView, MonthViewAgenda, MoreButton, MultiCombobox, type MultiComboboxProps, type MultiComboboxTestIds, MultiSelectBase, MultiSelectContentBase, type MultiSelectContextType, MultiSelectGroupBase, MultiSelectItemBase, MultiSelectSeparatorBase, MultiSelectTriggerBase, MultiSelectValueBase, NavigationMenuBase, NavigationMenuContentBase, NavigationMenuIndicatorBase, NavigationMenuItemBase, NavigationMenuLinkBase, NavigationMenuListBase, NavigationMenuTriggerBase, NavigationMenuViewportBase, type NewSelectProps, NoData, NotificationButton, type Padding, type Period, PeriodsDropdown, CustomPieChart as PieChart, PopoverAnchorBase, PopoverBase, PopoverContentBase, PopoverTriggerBase, type Primitive, ProgressBase, type ProgressBaseProps, ProgressCirclesBase, type ProgressCirclesBaseProps, ProgressPanelsBase, type ProgressPanelsBaseProps, ProgressSegmentsBase, type ProgressSegmentsBaseProps, type ProgressType, RangePicker, type RangePickerProps, RefreshButton, SaveButton, ScrollAreaBase, ScrollBarBase, SearchButton, Select, SelectBase, SelectContentBase, SelectGroupBase, type SelectItem, SelectItemBase, SelectLabelBase, type SelectPropsWithGroupItems, type SelectPropsWithItems, SelectScrollDownButtonBase, SelectScrollUpButtonBase, SelectSeparatorBase, type SelectTestIds, SelectTriggerBase, SelectValueBase, SeparatorBase, type SeriesCounts, type SeriesEntry, type SeriesProp, SettingsButton, SheetBase, SheetCloseBase, SheetContentBase, SheetDescriptionBase, SheetFooterBase, SheetHeaderBase, SheetOverlayBase, SheetPortalBase, SheetTitleBase, SheetTriggerBase, ShowOnly, SidebarBase, SidebarContentBase, SidebarFooterBase, SidebarGroupActionBase, SidebarGroupBase, SidebarGroupContentBase, SidebarGroupLabelBase, SidebarHeaderBase, SidebarInputBase, SidebarInsetBase, SidebarMenuActionBase, SidebarMenuBadgeBase, SidebarMenuBase, SidebarMenuButtonBase, SidebarMenuItemBase, SidebarMenuSkeletonBase, SidebarMenuSubBase, SidebarMenuSubButtonBase, SidebarMenuSubItemBase, SidebarProviderBase, SidebarRailBase, SidebarSeparatorBase, SidebarTriggerBase, SkeletonBase, SlideBase, type SliderBaseProps, StartHour, StartHourAgenda, StatusIndicator, type StatusProps, SwitchBase, TableBase, TableBodyBase, TableCaptionBase, TableCellBase, TableFooterBase, TableHeadBase, TableHeaderBase, TableRowBase, TabsBase, TabsContentBase, TabsListBase, TabsTriggerBase, TextAreaBase, type TextAreaBaseProps, type Theme, ThemeProviderBase, TimePicker, TimePickerInput, type TimePickerInputProps, type TimePickerType, Toaster, type TooltipAdaptedRow, TooltipBase, TooltipContentBase, type TooltipItem, TooltipProviderBase, TooltipSimple, TooltipTriggerBase, RechartTooltipWithTotal as TooltipWithTotal, UndatedEvents, UniversalTooltipRenderer, UnlockButton, UploadButton, UseSideBarBase, type ValueFormatter, type ValueFormatterType, ViewButton, VisibilityButton, WeekCellsHeight, WeekCellsHeightAgenda, WeekView, WeekViewAgenda, type XAxisConfig, type YAxes, type YAxisMap, type YAxisOptions, type YAxisSide, adaptDataForTooltip, addHoursToDate, addHoursToDateAgenda, addMinutesToDateAgenda, badgeVariants, buttonVariantsBase, compactTick, computeChartWidth, computeNiceMax, computeYAxisTickWidth, convert12HourTo24Hour, createValueFormatter, createYTickFormatter, detectDataFields, detectXAxis, display12HourValue, formatFieldName, generateAdditionalColors, generateColorMap, getAgendaEventsForDay, getAgendaEventsForDayAgenda, getAllEventsForDay, getAllEventsForDayAgenda, getArrowByType, getBorderRadiusClasses, getBorderRadiusClassesAgenda, getDateByType, getEventColorClasses, getEventColorClassesAgenda, getEventEndDate, getEventStartDate, getEventsForDay, getEventsForDayAgenda, getMaxDataValue, getMinDataValue, getSpanningEventsForDay, getSpanningEventsForDayAgenda, getValid12Hour, getValidArrow12Hour, getValidArrowHour, getValidArrowMinuteOrSecond, getValidArrowNumber, getValidHour, getValidMinuteOrSecond, getValidNumber, isMultiDayEvent, isMultiDayEventAgenda, isValid12Hour, isValidHour, isValidMinuteOrSecond, niceCeil, normalizeAttendDate, renderInsideBarLabel, renderPillLabel, resolveChartMargins, resolveContainerPaddingLeft, set12Hours, setDateByType, setHours, setMinutes, setSeconds, sortEvents, sortEventsAgenda, toast, useCalendarDnd, useCalendarDndAgenda, useChartClick, useChartDimensions, useChartHighlights, useChartTooltips, useCurrentTimeIndicator, useCurrentTimeIndicatorAgenda, useDrag, useEventVisibility, useEventVisibilityAgenda, useIsMobile, useTheme, type valueFormatter };
|