@mlw-packages/react-components 1.9.15 → 1.9.16
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 +89 -18
- package/dist/index.d.mts +8 -4
- package/dist/index.d.ts +8 -4
- package/dist/index.js +95 -136
- package/dist/index.mjs +96 -137
- package/package.json +3 -2
package/dist/index.css
CHANGED
|
@@ -429,6 +429,15 @@ body {
|
|
|
429
429
|
top: 0px;
|
|
430
430
|
bottom: 0px;
|
|
431
431
|
}
|
|
432
|
+
.\!left-\[auto\] {
|
|
433
|
+
left: auto !important;
|
|
434
|
+
}
|
|
435
|
+
.\!right-3 {
|
|
436
|
+
right: 0.75rem !important;
|
|
437
|
+
}
|
|
438
|
+
.\!top-1\/2 {
|
|
439
|
+
top: 50% !important;
|
|
440
|
+
}
|
|
432
441
|
.-left-1 {
|
|
433
442
|
left: -0.25rem;
|
|
434
443
|
}
|
|
@@ -561,9 +570,6 @@ body {
|
|
|
561
570
|
.isolate {
|
|
562
571
|
isolation: isolate;
|
|
563
572
|
}
|
|
564
|
-
.-z-10 {
|
|
565
|
-
z-index: -10;
|
|
566
|
-
}
|
|
567
573
|
.z-10 {
|
|
568
574
|
z-index: 10;
|
|
569
575
|
}
|
|
@@ -904,6 +910,9 @@ body {
|
|
|
904
910
|
width: 100%;
|
|
905
911
|
height: 100%;
|
|
906
912
|
}
|
|
913
|
+
.\!h-7 {
|
|
914
|
+
height: 1.75rem !important;
|
|
915
|
+
}
|
|
907
916
|
.h-1 {
|
|
908
917
|
height: 0.25rem;
|
|
909
918
|
}
|
|
@@ -1141,6 +1150,9 @@ body {
|
|
|
1141
1150
|
.min-h-svh {
|
|
1142
1151
|
min-height: 100svh;
|
|
1143
1152
|
}
|
|
1153
|
+
.\!w-7 {
|
|
1154
|
+
width: 1.75rem !important;
|
|
1155
|
+
}
|
|
1144
1156
|
.w-0\.5 {
|
|
1145
1157
|
width: 0.125rem;
|
|
1146
1158
|
}
|
|
@@ -1291,9 +1303,6 @@ body {
|
|
|
1291
1303
|
.w-\[500px\] {
|
|
1292
1304
|
width: 500px;
|
|
1293
1305
|
}
|
|
1294
|
-
.w-\[600px\] {
|
|
1295
|
-
width: 600px;
|
|
1296
|
-
}
|
|
1297
1306
|
.w-\[70\%\] {
|
|
1298
1307
|
width: 70%;
|
|
1299
1308
|
}
|
|
@@ -1493,6 +1502,10 @@ body {
|
|
|
1493
1502
|
.border-collapse {
|
|
1494
1503
|
border-collapse: collapse;
|
|
1495
1504
|
}
|
|
1505
|
+
.\!-translate-y-1\/2 {
|
|
1506
|
+
--tw-translate-y: -50% !important;
|
|
1507
|
+
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
|
|
1508
|
+
}
|
|
1496
1509
|
.-translate-x-1\/2 {
|
|
1497
1510
|
--tw-translate-x: -50%;
|
|
1498
1511
|
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
|
|
@@ -1603,6 +1616,9 @@ body {
|
|
|
1603
1616
|
.animate-spin {
|
|
1604
1617
|
animation: spin 1s linear infinite;
|
|
1605
1618
|
}
|
|
1619
|
+
.cursor-context-menu {
|
|
1620
|
+
cursor: context-menu;
|
|
1621
|
+
}
|
|
1606
1622
|
.cursor-default {
|
|
1607
1623
|
cursor: default;
|
|
1608
1624
|
}
|
|
@@ -1922,6 +1938,9 @@ body {
|
|
|
1922
1938
|
.break-all {
|
|
1923
1939
|
word-break: break-all;
|
|
1924
1940
|
}
|
|
1941
|
+
.\!rounded-lg {
|
|
1942
|
+
border-radius: var(--radius) !important;
|
|
1943
|
+
}
|
|
1925
1944
|
.rounded {
|
|
1926
1945
|
border-radius: 0.25rem;
|
|
1927
1946
|
}
|
|
@@ -2020,6 +2039,9 @@ body {
|
|
|
2020
2039
|
.rounded-tl-sm {
|
|
2021
2040
|
border-top-left-radius: calc(var(--radius) - 4px);
|
|
2022
2041
|
}
|
|
2042
|
+
.\!border-0 {
|
|
2043
|
+
border-width: 0px !important;
|
|
2044
|
+
}
|
|
2023
2045
|
.border {
|
|
2024
2046
|
border-width: 1px;
|
|
2025
2047
|
}
|
|
@@ -2298,6 +2320,9 @@ body {
|
|
|
2298
2320
|
.border-t-transparent {
|
|
2299
2321
|
border-top-color: transparent;
|
|
2300
2322
|
}
|
|
2323
|
+
.\!bg-transparent {
|
|
2324
|
+
background-color: transparent !important;
|
|
2325
|
+
}
|
|
2301
2326
|
.bg-accent {
|
|
2302
2327
|
background-color: hsl(var(--accent));
|
|
2303
2328
|
}
|
|
@@ -2334,9 +2359,6 @@ body {
|
|
|
2334
2359
|
.bg-background {
|
|
2335
2360
|
background-color: hsl(var(--background));
|
|
2336
2361
|
}
|
|
2337
|
-
.bg-background\/5 {
|
|
2338
|
-
background-color: hsl(var(--background) / 0.05);
|
|
2339
|
-
}
|
|
2340
2362
|
.bg-background\/50 {
|
|
2341
2363
|
background-color: hsl(var(--background) / 0.5);
|
|
2342
2364
|
}
|
|
@@ -2352,6 +2374,9 @@ body {
|
|
|
2352
2374
|
.bg-black\/40 {
|
|
2353
2375
|
background-color: rgb(0 0 0 / 0.4);
|
|
2354
2376
|
}
|
|
2377
|
+
.bg-black\/45 {
|
|
2378
|
+
background-color: rgb(0 0 0 / 0.45);
|
|
2379
|
+
}
|
|
2355
2380
|
.bg-black\/50 {
|
|
2356
2381
|
background-color: rgb(0 0 0 / 0.5);
|
|
2357
2382
|
}
|
|
@@ -2410,6 +2435,9 @@ body {
|
|
|
2410
2435
|
.bg-destructive-foreground {
|
|
2411
2436
|
background-color: hsl(var(--destructive-foreground));
|
|
2412
2437
|
}
|
|
2438
|
+
.bg-destructive\/10 {
|
|
2439
|
+
background-color: hsl(var(--destructive) / 0.1);
|
|
2440
|
+
}
|
|
2413
2441
|
.bg-destructive\/15 {
|
|
2414
2442
|
background-color: hsl(var(--destructive) / 0.15);
|
|
2415
2443
|
}
|
|
@@ -2859,6 +2887,12 @@ body {
|
|
|
2859
2887
|
.fill-current {
|
|
2860
2888
|
fill: currentColor;
|
|
2861
2889
|
}
|
|
2890
|
+
.fill-destructive {
|
|
2891
|
+
fill: hsl(var(--destructive));
|
|
2892
|
+
}
|
|
2893
|
+
.fill-foreground {
|
|
2894
|
+
fill: hsl(var(--foreground));
|
|
2895
|
+
}
|
|
2862
2896
|
.fill-popover {
|
|
2863
2897
|
fill: hsl(var(--popover));
|
|
2864
2898
|
}
|
|
@@ -2874,6 +2908,9 @@ body {
|
|
|
2874
2908
|
.stroke-border\/50 {
|
|
2875
2909
|
stroke: hsl(var(--border) / 0.5);
|
|
2876
2910
|
}
|
|
2911
|
+
.stroke-destructive-foreground\/20 {
|
|
2912
|
+
stroke: hsl(var(--destructive-foreground) / 0.2);
|
|
2913
|
+
}
|
|
2877
2914
|
.stroke-primary-foreground\/20 {
|
|
2878
2915
|
stroke: hsl(var(--primary-foreground) / 0.2);
|
|
2879
2916
|
}
|
|
@@ -3266,6 +3303,9 @@ body {
|
|
|
3266
3303
|
.leading-none {
|
|
3267
3304
|
line-height: 1;
|
|
3268
3305
|
}
|
|
3306
|
+
.leading-relaxed {
|
|
3307
|
+
line-height: 1.625;
|
|
3308
|
+
}
|
|
3269
3309
|
.leading-snug {
|
|
3270
3310
|
line-height: 1.375;
|
|
3271
3311
|
}
|
|
@@ -3278,6 +3318,9 @@ body {
|
|
|
3278
3318
|
.tracking-tight {
|
|
3279
3319
|
letter-spacing: -0.025em;
|
|
3280
3320
|
}
|
|
3321
|
+
.tracking-tighter {
|
|
3322
|
+
letter-spacing: -0.05em;
|
|
3323
|
+
}
|
|
3281
3324
|
.tracking-wide {
|
|
3282
3325
|
letter-spacing: 0.025em;
|
|
3283
3326
|
}
|
|
@@ -3287,6 +3330,10 @@ body {
|
|
|
3287
3330
|
.tracking-widest {
|
|
3288
3331
|
letter-spacing: 0.1em;
|
|
3289
3332
|
}
|
|
3333
|
+
.\!text-neutral-400 {
|
|
3334
|
+
--tw-text-opacity: 1 !important;
|
|
3335
|
+
color: rgb(163 163 163 / var(--tw-text-opacity, 1)) !important;
|
|
3336
|
+
}
|
|
3290
3337
|
.text-accent-foreground {
|
|
3291
3338
|
color: hsl(var(--accent-foreground));
|
|
3292
3339
|
}
|
|
@@ -3860,10 +3907,6 @@ body {
|
|
|
3860
3907
|
--tw-blur: blur(8px);
|
|
3861
3908
|
filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
|
|
3862
3909
|
}
|
|
3863
|
-
.blur-2xl {
|
|
3864
|
-
--tw-blur: blur(40px);
|
|
3865
|
-
filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
|
|
3866
|
-
}
|
|
3867
3910
|
.blur-sm {
|
|
3868
3911
|
--tw-blur: blur(4px);
|
|
3869
3912
|
filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
|
|
@@ -4507,11 +4550,6 @@ body {
|
|
|
4507
4550
|
--tw-scale-y: 1.25;
|
|
4508
4551
|
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
|
|
4509
4552
|
}
|
|
4510
|
-
.hover\:scale-\[1\.02\]:hover {
|
|
4511
|
-
--tw-scale-x: 1.02;
|
|
4512
|
-
--tw-scale-y: 1.02;
|
|
4513
|
-
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
|
|
4514
|
-
}
|
|
4515
4553
|
.hover\:border-blue-500\/30:hover {
|
|
4516
4554
|
border-color: rgb(59 130 246 / 0.3);
|
|
4517
4555
|
}
|
|
@@ -4527,6 +4565,9 @@ body {
|
|
|
4527
4565
|
.hover\:border-primary\/60:hover {
|
|
4528
4566
|
border-color: hsl(var(--primary) / 0.6);
|
|
4529
4567
|
}
|
|
4568
|
+
.hover\:\!bg-black\/5:hover {
|
|
4569
|
+
background-color: rgb(0 0 0 / 0.05) !important;
|
|
4570
|
+
}
|
|
4530
4571
|
.hover\:bg-accent:hover {
|
|
4531
4572
|
background-color: hsl(var(--accent));
|
|
4532
4573
|
}
|
|
@@ -4718,6 +4759,10 @@ body {
|
|
|
4718
4759
|
.hover\:fill-accent:hover {
|
|
4719
4760
|
fill: hsl(var(--accent));
|
|
4720
4761
|
}
|
|
4762
|
+
.hover\:\!text-neutral-900:hover {
|
|
4763
|
+
--tw-text-opacity: 1 !important;
|
|
4764
|
+
color: rgb(23 23 23 / var(--tw-text-opacity, 1)) !important;
|
|
4765
|
+
}
|
|
4721
4766
|
.hover\:text-accent-foreground:hover {
|
|
4722
4767
|
color: hsl(var(--accent-foreground));
|
|
4723
4768
|
}
|
|
@@ -4862,6 +4907,9 @@ body {
|
|
|
4862
4907
|
--tw-scale-x: 1;
|
|
4863
4908
|
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
|
|
4864
4909
|
}
|
|
4910
|
+
.focus\:border-destructive:focus {
|
|
4911
|
+
border-color: hsl(var(--destructive));
|
|
4912
|
+
}
|
|
4865
4913
|
.focus\:border-ring:focus {
|
|
4866
4914
|
border-color: hsl(var(--ring));
|
|
4867
4915
|
}
|
|
@@ -4894,6 +4942,14 @@ body {
|
|
|
4894
4942
|
outline: 2px solid transparent;
|
|
4895
4943
|
outline-offset: 2px;
|
|
4896
4944
|
}
|
|
4945
|
+
.focus\:ring-0:focus {
|
|
4946
|
+
--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
|
|
4947
|
+
--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
|
|
4948
|
+
box-shadow:
|
|
4949
|
+
var(--tw-ring-offset-shadow),
|
|
4950
|
+
var(--tw-ring-shadow),
|
|
4951
|
+
var(--tw-shadow, 0 0 #0000);
|
|
4952
|
+
}
|
|
4897
4953
|
.focus\:ring-1:focus {
|
|
4898
4954
|
--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
|
|
4899
4955
|
--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
|
|
@@ -4919,6 +4975,9 @@ body {
|
|
|
4919
4975
|
.focus\:ring-primary:focus {
|
|
4920
4976
|
--tw-ring-color: hsl(var(--primary));
|
|
4921
4977
|
}
|
|
4978
|
+
.focus\:ring-primary\/20:focus {
|
|
4979
|
+
--tw-ring-color: hsl(var(--primary) / 0.2);
|
|
4980
|
+
}
|
|
4922
4981
|
.focus\:ring-primary\/40:focus {
|
|
4923
4982
|
--tw-ring-color: hsl(var(--primary) / 0.4);
|
|
4924
4983
|
}
|
|
@@ -5017,6 +5076,11 @@ body {
|
|
|
5017
5076
|
--tw-scale-y: .95;
|
|
5018
5077
|
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
|
|
5019
5078
|
}
|
|
5079
|
+
.active\:scale-\[0\.98\]:active {
|
|
5080
|
+
--tw-scale-x: 0.98;
|
|
5081
|
+
--tw-scale-y: 0.98;
|
|
5082
|
+
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
|
|
5083
|
+
}
|
|
5020
5084
|
.active\:cursor-grabbing:active {
|
|
5021
5085
|
cursor: grabbing;
|
|
5022
5086
|
}
|
|
@@ -6323,6 +6387,9 @@ body {
|
|
|
6323
6387
|
#1f2937 var(--tw-gradient-via-position),
|
|
6324
6388
|
var(--tw-gradient-to);
|
|
6325
6389
|
}
|
|
6390
|
+
.dark\:hover\:\!bg-white\/10:hover:is(.dark *) {
|
|
6391
|
+
background-color: rgb(255 255 255 / 0.1) !important;
|
|
6392
|
+
}
|
|
6326
6393
|
.dark\:hover\:bg-accent\/50:hover:is(.dark *) {
|
|
6327
6394
|
background-color: hsl(var(--accent) / 0.5);
|
|
6328
6395
|
}
|
|
@@ -6380,6 +6447,10 @@ body {
|
|
|
6380
6447
|
.dark\:hover\:bg-violet-500\/40:hover:is(.dark *) {
|
|
6381
6448
|
background-color: rgb(139 92 246 / 0.4);
|
|
6382
6449
|
}
|
|
6450
|
+
.dark\:hover\:\!text-neutral-100:hover:is(.dark *) {
|
|
6451
|
+
--tw-text-opacity: 1 !important;
|
|
6452
|
+
color: rgb(245 245 245 / var(--tw-text-opacity, 1)) !important;
|
|
6453
|
+
}
|
|
6383
6454
|
.dark\:hover\:text-emerald-300:hover:is(.dark *) {
|
|
6384
6455
|
--tw-text-opacity: 1;
|
|
6385
6456
|
color: rgb(110 231 183 / var(--tw-text-opacity, 1));
|
package/dist/index.d.mts
CHANGED
|
@@ -2339,13 +2339,15 @@ declare function CarouselBase({ items, className, containerClassName, imageClass
|
|
|
2339
2339
|
|
|
2340
2340
|
type PhosphorIcon = React$1.ForwardRefExoticComponent<IconProps$1 & React$1.RefAttributes<SVGSVGElement>>;
|
|
2341
2341
|
type MenuItem = {
|
|
2342
|
-
id: number;
|
|
2342
|
+
id: string | number;
|
|
2343
2343
|
label: string;
|
|
2344
2344
|
icon: PhosphorIcon;
|
|
2345
|
+
color?: "default" | "danger";
|
|
2346
|
+
variants?: number;
|
|
2345
2347
|
};
|
|
2346
2348
|
type RadialMenuProps = {
|
|
2347
2349
|
children?: React$1.ReactNode;
|
|
2348
|
-
menuItems
|
|
2350
|
+
menuItems?: MenuItem[];
|
|
2349
2351
|
size?: number;
|
|
2350
2352
|
iconSize?: number;
|
|
2351
2353
|
bandWidth?: number;
|
|
@@ -2392,8 +2394,10 @@ interface ControlledComboboxProps<T extends string> extends ErrorMessageProps {
|
|
|
2392
2394
|
search?: string;
|
|
2393
2395
|
onEndReached?: () => void;
|
|
2394
2396
|
loading?: boolean;
|
|
2397
|
+
label?: string;
|
|
2398
|
+
labelClassname?: string;
|
|
2395
2399
|
}
|
|
2396
|
-
declare function ControlledCombobox<T extends string>({ items, renderSelected, handleSelection, checkIsSelected, disabled, keepOpen, searchPlaceholder, empty, error, testIds, onClear, hasSelected, hideClear, onSearchChange, search, onEndReached, loading, }: ControlledComboboxProps<T>): react_jsx_runtime.JSX.Element;
|
|
2400
|
+
declare function ControlledCombobox<T extends string>({ items, renderSelected, handleSelection, checkIsSelected, disabled, keepOpen, searchPlaceholder, empty, error, label, labelClassname, testIds, onClear, hasSelected, hideClear, onSearchChange, search, onEndReached, loading, }: ControlledComboboxProps<T>): react_jsx_runtime.JSX.Element;
|
|
2397
2401
|
|
|
2398
2402
|
declare function useIsMobile(): boolean;
|
|
2399
2403
|
|
|
@@ -2414,4 +2418,4 @@ declare const useDrag: (options?: UseDragOptions) => {
|
|
|
2414
2418
|
isDragging: boolean;
|
|
2415
2419
|
};
|
|
2416
2420
|
|
|
2417
|
-
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, type BiaxialConfig, BreadcrumbBase, BreadcrumbEllipsisBase, BreadcrumbItemBase, BreadcrumbLinkBase, BreadcrumbListBase, BreadcrumbPageBase, BreadcrumbSeparatorBase, Brush, ButtonBase, ButtonGroupBase, type ButtonProps, CENTER_INDEX, CalendarBase, CalendarDndProvider, CalendarDndProviderAgenda, type CalendarEvent, type CalendarEventAgenda, type CalendarProps, type CalendarView, type CalendarViewAgenda, CardBase, CardContentBase, CardDescriptionBase, CardFooterBase, CardHeaderBase, CardTitleBase, CarouselBase, type CarouselBaseProps, type CarouselItem, ChangeButton, Chart, ChartControls, type ChartData$3 as ChartData, ChartHeader, type ChartHooksArgs, type ChartProps, ChartTotalLegend, CheckButton, CheckboxBase, CheckboxTree, CloseAllButton, CloseButton, CodeBlock, CollapsibleBase, CollapsibleContentBase, CollapsibleTriggerBase, Combobox, type ComboboxProps, type ComboboxTestIds, CommandBase, CommandDebouncedInputBase, CommandDialogBase, CommandEmptyBase, CommandGroupBase, CommandInputBase, CommandItemBase, CommandListBase, CommandSeparatorBase, CommandShortcutBase, type Connection, ContextMenuBase, ContextMenuCheckboxItemBase, ContextMenuContentBase, ContextMenuGroupBase, ContextMenuItemBase, ContextMenuLabelBase, ContextMenuPortalBase, ContextMenuRadioGroupBase, ContextMenuRadioItemBase, ContextMenuSeparatorBase, ContextMenuShortcutBase, ContextMenuSubBase, ContextMenuSubContentBase, ContextMenuSubTriggerBase, ContextMenuTriggerBase, ControlledCombobox, type ControlledComboboxItem, type ControlledComboboxProps, type ControlledComboboxTestIds, CopyButton, type DataMapper, DateTimePicker, DayView, DayViewAgenda, DebouncedInput, type DebouncedInputProps, type DefaultAvatarComboboxProps, DefaultEndHour, DefaultEndHourAgenda, type DefaultMultiSelectProps, 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, HorizontalChart, HorizontalLegend, HoverCardBase, HoverCardContentBase, HoverCardTriggerBase, ITEM_HEIGHT, type IconProps, InputBase, type InputBaseProps, InputOTPBase, InputOTPGroupBase, InputOTPSeparatorBase, InputOTPSlotBase, type IntegrationProperties, LabelBase, type LabelListContent, Leaderboard, type LeaderboardItem, type LeaderboardProps, type LegendItem, LikeButton, 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, MultiSelect, MultiSelectBase, MultiSelectContentBase, type MultiSelectContextType, MultiSelectGroupBase, type MultiSelectItem, MultiSelectItemBase, type MultiSelectProps, type MultiSelectPropsWithGroupItems, type MultiSelectPropsWithItems, MultiSelectSeparatorBase, type MultiSelectTestIds, MultiSelectTriggerBase, MultiSelectValueBase, NavigationMenuBase, NavigationMenuContentBase, NavigationMenuIndicatorBase, NavigationMenuItemBase, NavigationMenuLinkBase, NavigationMenuListBase, NavigationMenuTriggerBase, NavigationMenuViewportBase, type Neo4jIntegration, type Neo4jNode, type Neo4jRelationship, type NewSelectProps, NoData, NotificationButton, NumericInput, type Padding, type Period, PeriodsDropdown, PopoverAnchorBase, PopoverBase, PopoverContentBase, PopoverTriggerBase, type Primitive, ProgressBase, type ProgressBaseProps, ProgressCirclesBase, type ProgressCirclesBaseProps, ProgressPanelsBase, type ProgressPanelsBaseProps, ProgressSegmentsBase, type ProgressSegmentsBaseProps, type ProgressType, type PropsLabelList, RadialMenu, RangePicker, type RangePickerProps, RefreshButton, SaveButton, ScrollAreaBase, ScrollBarBase, SearchButton, Select, SelectBase, SelectContentBase, SelectEmpty, SelectGroupBase, type SelectItem, SelectItemBase, SelectLabelBase, type SelectPropsWithGroupItems, type SelectPropsWithItems, SelectScrollDownButtonBase, SelectScrollUpButtonBase, SelectSeparatorBase, type SelectTestIds, SelectTriggerBase, SelectValueBase, SeparatorBase, type SeriesConfig, type SeriesCounts, type SeriesEntry, type SeriesOrder, 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, type SystemData, SystemTooltip, TableBase, TableBodyBase, TableCaptionBase, TableCellBase, TableFooterBase, TableHeadBase, TableHeaderBase, TableRowBase, TabsBase, TabsContentBase, TabsListBase, TabsTriggerBase, TextAreaBase, type TextAreaBaseProps, type Theme, ThemeProviderBase, TimePicker, TimePickerInput, type TimePickerInputProps, type TimePickerType, TimeSeries, type TimeSeriesConfig, Toaster, type TooltipAdaptedRow, TooltipBase, TooltipContentBase, type TooltipItem$2 as TooltipItem, TooltipProviderBase, TooltipSimple, TooltipTriggerBase, RechartTooltipWithTotal as TooltipWithTotal, UndatedEvents, UniversalTooltipRenderer, UnlockButton, UploadButton, UseSideBarBase, VISIBLE_ITEMS, 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, formatLinePercentage, generateAdditionalColors, generateColorMap, getAgendaEventsForDay, getAgendaEventsForDayAgenda, getAllEventsForDay, getAllEventsForDayAgenda, getArrowByType, getBorderRadiusClasses, getBorderRadiusClassesAgenda, getDateByType, getEventColorClasses, getEventColorClassesAgenda, getEventEndDate, getEventStartDate, getEventsForDay, getEventsForDayAgenda, getItems, getMaxDataValue, getMinDataValue, getSpanningEventsForDay, getSpanningEventsForDayAgenda, getValid12Hour, getValidArrow12Hour, getValidArrowHour, getValidArrowMinuteOrSecond, getValidArrowNumber, getValidHour, getValidMinuteOrSecond, getValidNumber, isMultiDayEvent, isMultiDayEventAgenda, isValid12Hour, isValidHour, isValidMinuteOrSecond, niceCeil, normalizeAttendDate, processNeo4jData, renderInsideBarLabel, renderPillLabel, resolveChartMargins, resolveContainerPaddingLeft, set12Hours, setDateByType, setHours, setMinutes, setSeconds, sortEvents, sortEventsAgenda, toast, useBiaxial, useCalendarDnd, useCalendarDndAgenda, useChartClick, useChartDimensions, useChartHighlights, useChartLayout, useChartMinMax, useChartTooltips, useCurrentTimeIndicator, useCurrentTimeIndicatorAgenda, useDrag, useEventVisibility, useEventVisibilityAgenda, useIsMobile, useOpenTooltipForPeriod, useProcessedData, useSeriesOpacity, useTheme, useTimeSeriesRange, type valueFormatter, visualForItem };
|
|
2421
|
+
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, type BiaxialConfig, BreadcrumbBase, BreadcrumbEllipsisBase, BreadcrumbItemBase, BreadcrumbLinkBase, BreadcrumbListBase, BreadcrumbPageBase, BreadcrumbSeparatorBase, Brush, ButtonBase, ButtonGroupBase, type ButtonProps, CENTER_INDEX, CalendarBase, CalendarDndProvider, CalendarDndProviderAgenda, type CalendarEvent, type CalendarEventAgenda, type CalendarProps, type CalendarView, type CalendarViewAgenda, CardBase, CardContentBase, CardDescriptionBase, CardFooterBase, CardHeaderBase, CardTitleBase, CarouselBase, type CarouselBaseProps, type CarouselItem, ChangeButton, Chart, ChartControls, type ChartData$3 as ChartData, ChartHeader, type ChartHooksArgs, type ChartProps, ChartTotalLegend, CheckButton, CheckboxBase, CheckboxTree, CloseAllButton, CloseButton, CodeBlock, CollapsibleBase, CollapsibleContentBase, CollapsibleTriggerBase, Combobox, type ComboboxProps, type ComboboxTestIds, CommandBase, CommandDebouncedInputBase, CommandDialogBase, CommandEmptyBase, CommandGroupBase, CommandInputBase, CommandItemBase, CommandListBase, CommandSeparatorBase, CommandShortcutBase, type Connection, ContextMenuBase, ContextMenuCheckboxItemBase, ContextMenuContentBase, ContextMenuGroupBase, ContextMenuItemBase, ContextMenuLabelBase, ContextMenuPortalBase, ContextMenuRadioGroupBase, ContextMenuRadioItemBase, ContextMenuSeparatorBase, ContextMenuShortcutBase, ContextMenuSubBase, ContextMenuSubContentBase, ContextMenuSubTriggerBase, ContextMenuTriggerBase, ControlledCombobox, type ControlledComboboxItem, type ControlledComboboxProps, type ControlledComboboxTestIds, CopyButton, type DataMapper, DateTimePicker, DayView, DayViewAgenda, DebouncedInput, type DebouncedInputProps, type DefaultAvatarComboboxProps, DefaultEndHour, DefaultEndHourAgenda, type DefaultMultiSelectProps, 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, HorizontalChart, HorizontalLegend, HoverCardBase, HoverCardContentBase, HoverCardTriggerBase, ITEM_HEIGHT, type IconProps, InputBase, type InputBaseProps, InputOTPBase, InputOTPGroupBase, InputOTPSeparatorBase, InputOTPSlotBase, type IntegrationProperties, LabelBase, type LabelListContent, Leaderboard, type LeaderboardItem, type LeaderboardProps, type LegendItem, LikeButton, LoadingBase, LockButton, type MapperConfig, type MapperConfigEntry, type Margins, type MenuItem, ModalBase, ModalCloseBase, ModalContentBase, ModalDescriptionBase, ModalFooterBase, ModalHeaderBase, ModalOverlayBase, ModalPortalBase, ModalTitleBase, ModalTriggerBase, ModeToggleBase, MonthView, MonthViewAgenda, MoreButton, MultiCombobox, type MultiComboboxProps, type MultiComboboxTestIds, MultiSelect, MultiSelectBase, MultiSelectContentBase, type MultiSelectContextType, MultiSelectGroupBase, type MultiSelectItem, MultiSelectItemBase, type MultiSelectProps, type MultiSelectPropsWithGroupItems, type MultiSelectPropsWithItems, MultiSelectSeparatorBase, type MultiSelectTestIds, MultiSelectTriggerBase, MultiSelectValueBase, NavigationMenuBase, NavigationMenuContentBase, NavigationMenuIndicatorBase, NavigationMenuItemBase, NavigationMenuLinkBase, NavigationMenuListBase, NavigationMenuTriggerBase, NavigationMenuViewportBase, type Neo4jIntegration, type Neo4jNode, type Neo4jRelationship, type NewSelectProps, NoData, NotificationButton, NumericInput, type Padding, type Period, PeriodsDropdown, PopoverAnchorBase, PopoverBase, PopoverContentBase, PopoverTriggerBase, type Primitive, ProgressBase, type ProgressBaseProps, ProgressCirclesBase, type ProgressCirclesBaseProps, ProgressPanelsBase, type ProgressPanelsBaseProps, ProgressSegmentsBase, type ProgressSegmentsBaseProps, type ProgressType, type PropsLabelList, RadialMenu, RangePicker, type RangePickerProps, RefreshButton, SaveButton, ScrollAreaBase, ScrollBarBase, SearchButton, Select, SelectBase, SelectContentBase, SelectEmpty, SelectGroupBase, type SelectItem, SelectItemBase, SelectLabelBase, type SelectPropsWithGroupItems, type SelectPropsWithItems, SelectScrollDownButtonBase, SelectScrollUpButtonBase, SelectSeparatorBase, type SelectTestIds, SelectTriggerBase, SelectValueBase, SeparatorBase, type SeriesConfig, type SeriesCounts, type SeriesEntry, type SeriesOrder, 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, type SystemData, SystemTooltip, TableBase, TableBodyBase, TableCaptionBase, TableCellBase, TableFooterBase, TableHeadBase, TableHeaderBase, TableRowBase, TabsBase, TabsContentBase, TabsListBase, TabsTriggerBase, TextAreaBase, type TextAreaBaseProps, type Theme, ThemeProviderBase, TimePicker, TimePickerInput, type TimePickerInputProps, type TimePickerType, TimeSeries, type TimeSeriesConfig, Toaster, type TooltipAdaptedRow, TooltipBase, TooltipContentBase, type TooltipItem$2 as TooltipItem, TooltipProviderBase, TooltipSimple, TooltipTriggerBase, RechartTooltipWithTotal as TooltipWithTotal, UndatedEvents, UniversalTooltipRenderer, UnlockButton, UploadButton, UseSideBarBase, VISIBLE_ITEMS, 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, formatLinePercentage, generateAdditionalColors, generateColorMap, getAgendaEventsForDay, getAgendaEventsForDayAgenda, getAllEventsForDay, getAllEventsForDayAgenda, getArrowByType, getBorderRadiusClasses, getBorderRadiusClassesAgenda, getDateByType, getEventColorClasses, getEventColorClassesAgenda, getEventEndDate, getEventStartDate, getEventsForDay, getEventsForDayAgenda, getItems, getMaxDataValue, getMinDataValue, getSpanningEventsForDay, getSpanningEventsForDayAgenda, getValid12Hour, getValidArrow12Hour, getValidArrowHour, getValidArrowMinuteOrSecond, getValidArrowNumber, getValidHour, getValidMinuteOrSecond, getValidNumber, isMultiDayEvent, isMultiDayEventAgenda, isValid12Hour, isValidHour, isValidMinuteOrSecond, niceCeil, normalizeAttendDate, processNeo4jData, renderInsideBarLabel, renderPillLabel, resolveChartMargins, resolveContainerPaddingLeft, set12Hours, setDateByType, setHours, setMinutes, setSeconds, sortEvents, sortEventsAgenda, toast, useBiaxial, useCalendarDnd, useCalendarDndAgenda, useChartClick, useChartDimensions, useChartHighlights, useChartLayout, useChartMinMax, useChartTooltips, useCurrentTimeIndicator, useCurrentTimeIndicatorAgenda, useDrag, useEventVisibility, useEventVisibilityAgenda, useIsMobile, useOpenTooltipForPeriod, useProcessedData, useSeriesOpacity, useTheme, useTimeSeriesRange, type valueFormatter, visualForItem };
|
package/dist/index.d.ts
CHANGED
|
@@ -2339,13 +2339,15 @@ declare function CarouselBase({ items, className, containerClassName, imageClass
|
|
|
2339
2339
|
|
|
2340
2340
|
type PhosphorIcon = React$1.ForwardRefExoticComponent<IconProps$1 & React$1.RefAttributes<SVGSVGElement>>;
|
|
2341
2341
|
type MenuItem = {
|
|
2342
|
-
id: number;
|
|
2342
|
+
id: string | number;
|
|
2343
2343
|
label: string;
|
|
2344
2344
|
icon: PhosphorIcon;
|
|
2345
|
+
color?: "default" | "danger";
|
|
2346
|
+
variants?: number;
|
|
2345
2347
|
};
|
|
2346
2348
|
type RadialMenuProps = {
|
|
2347
2349
|
children?: React$1.ReactNode;
|
|
2348
|
-
menuItems
|
|
2350
|
+
menuItems?: MenuItem[];
|
|
2349
2351
|
size?: number;
|
|
2350
2352
|
iconSize?: number;
|
|
2351
2353
|
bandWidth?: number;
|
|
@@ -2392,8 +2394,10 @@ interface ControlledComboboxProps<T extends string> extends ErrorMessageProps {
|
|
|
2392
2394
|
search?: string;
|
|
2393
2395
|
onEndReached?: () => void;
|
|
2394
2396
|
loading?: boolean;
|
|
2397
|
+
label?: string;
|
|
2398
|
+
labelClassname?: string;
|
|
2395
2399
|
}
|
|
2396
|
-
declare function ControlledCombobox<T extends string>({ items, renderSelected, handleSelection, checkIsSelected, disabled, keepOpen, searchPlaceholder, empty, error, testIds, onClear, hasSelected, hideClear, onSearchChange, search, onEndReached, loading, }: ControlledComboboxProps<T>): react_jsx_runtime.JSX.Element;
|
|
2400
|
+
declare function ControlledCombobox<T extends string>({ items, renderSelected, handleSelection, checkIsSelected, disabled, keepOpen, searchPlaceholder, empty, error, label, labelClassname, testIds, onClear, hasSelected, hideClear, onSearchChange, search, onEndReached, loading, }: ControlledComboboxProps<T>): react_jsx_runtime.JSX.Element;
|
|
2397
2401
|
|
|
2398
2402
|
declare function useIsMobile(): boolean;
|
|
2399
2403
|
|
|
@@ -2414,4 +2418,4 @@ declare const useDrag: (options?: UseDragOptions) => {
|
|
|
2414
2418
|
isDragging: boolean;
|
|
2415
2419
|
};
|
|
2416
2420
|
|
|
2417
|
-
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, type BiaxialConfig, BreadcrumbBase, BreadcrumbEllipsisBase, BreadcrumbItemBase, BreadcrumbLinkBase, BreadcrumbListBase, BreadcrumbPageBase, BreadcrumbSeparatorBase, Brush, ButtonBase, ButtonGroupBase, type ButtonProps, CENTER_INDEX, CalendarBase, CalendarDndProvider, CalendarDndProviderAgenda, type CalendarEvent, type CalendarEventAgenda, type CalendarProps, type CalendarView, type CalendarViewAgenda, CardBase, CardContentBase, CardDescriptionBase, CardFooterBase, CardHeaderBase, CardTitleBase, CarouselBase, type CarouselBaseProps, type CarouselItem, ChangeButton, Chart, ChartControls, type ChartData$3 as ChartData, ChartHeader, type ChartHooksArgs, type ChartProps, ChartTotalLegend, CheckButton, CheckboxBase, CheckboxTree, CloseAllButton, CloseButton, CodeBlock, CollapsibleBase, CollapsibleContentBase, CollapsibleTriggerBase, Combobox, type ComboboxProps, type ComboboxTestIds, CommandBase, CommandDebouncedInputBase, CommandDialogBase, CommandEmptyBase, CommandGroupBase, CommandInputBase, CommandItemBase, CommandListBase, CommandSeparatorBase, CommandShortcutBase, type Connection, ContextMenuBase, ContextMenuCheckboxItemBase, ContextMenuContentBase, ContextMenuGroupBase, ContextMenuItemBase, ContextMenuLabelBase, ContextMenuPortalBase, ContextMenuRadioGroupBase, ContextMenuRadioItemBase, ContextMenuSeparatorBase, ContextMenuShortcutBase, ContextMenuSubBase, ContextMenuSubContentBase, ContextMenuSubTriggerBase, ContextMenuTriggerBase, ControlledCombobox, type ControlledComboboxItem, type ControlledComboboxProps, type ControlledComboboxTestIds, CopyButton, type DataMapper, DateTimePicker, DayView, DayViewAgenda, DebouncedInput, type DebouncedInputProps, type DefaultAvatarComboboxProps, DefaultEndHour, DefaultEndHourAgenda, type DefaultMultiSelectProps, 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, HorizontalChart, HorizontalLegend, HoverCardBase, HoverCardContentBase, HoverCardTriggerBase, ITEM_HEIGHT, type IconProps, InputBase, type InputBaseProps, InputOTPBase, InputOTPGroupBase, InputOTPSeparatorBase, InputOTPSlotBase, type IntegrationProperties, LabelBase, type LabelListContent, Leaderboard, type LeaderboardItem, type LeaderboardProps, type LegendItem, LikeButton, 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, MultiSelect, MultiSelectBase, MultiSelectContentBase, type MultiSelectContextType, MultiSelectGroupBase, type MultiSelectItem, MultiSelectItemBase, type MultiSelectProps, type MultiSelectPropsWithGroupItems, type MultiSelectPropsWithItems, MultiSelectSeparatorBase, type MultiSelectTestIds, MultiSelectTriggerBase, MultiSelectValueBase, NavigationMenuBase, NavigationMenuContentBase, NavigationMenuIndicatorBase, NavigationMenuItemBase, NavigationMenuLinkBase, NavigationMenuListBase, NavigationMenuTriggerBase, NavigationMenuViewportBase, type Neo4jIntegration, type Neo4jNode, type Neo4jRelationship, type NewSelectProps, NoData, NotificationButton, NumericInput, type Padding, type Period, PeriodsDropdown, PopoverAnchorBase, PopoverBase, PopoverContentBase, PopoverTriggerBase, type Primitive, ProgressBase, type ProgressBaseProps, ProgressCirclesBase, type ProgressCirclesBaseProps, ProgressPanelsBase, type ProgressPanelsBaseProps, ProgressSegmentsBase, type ProgressSegmentsBaseProps, type ProgressType, type PropsLabelList, RadialMenu, RangePicker, type RangePickerProps, RefreshButton, SaveButton, ScrollAreaBase, ScrollBarBase, SearchButton, Select, SelectBase, SelectContentBase, SelectEmpty, SelectGroupBase, type SelectItem, SelectItemBase, SelectLabelBase, type SelectPropsWithGroupItems, type SelectPropsWithItems, SelectScrollDownButtonBase, SelectScrollUpButtonBase, SelectSeparatorBase, type SelectTestIds, SelectTriggerBase, SelectValueBase, SeparatorBase, type SeriesConfig, type SeriesCounts, type SeriesEntry, type SeriesOrder, 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, type SystemData, SystemTooltip, TableBase, TableBodyBase, TableCaptionBase, TableCellBase, TableFooterBase, TableHeadBase, TableHeaderBase, TableRowBase, TabsBase, TabsContentBase, TabsListBase, TabsTriggerBase, TextAreaBase, type TextAreaBaseProps, type Theme, ThemeProviderBase, TimePicker, TimePickerInput, type TimePickerInputProps, type TimePickerType, TimeSeries, type TimeSeriesConfig, Toaster, type TooltipAdaptedRow, TooltipBase, TooltipContentBase, type TooltipItem$2 as TooltipItem, TooltipProviderBase, TooltipSimple, TooltipTriggerBase, RechartTooltipWithTotal as TooltipWithTotal, UndatedEvents, UniversalTooltipRenderer, UnlockButton, UploadButton, UseSideBarBase, VISIBLE_ITEMS, 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, formatLinePercentage, generateAdditionalColors, generateColorMap, getAgendaEventsForDay, getAgendaEventsForDayAgenda, getAllEventsForDay, getAllEventsForDayAgenda, getArrowByType, getBorderRadiusClasses, getBorderRadiusClassesAgenda, getDateByType, getEventColorClasses, getEventColorClassesAgenda, getEventEndDate, getEventStartDate, getEventsForDay, getEventsForDayAgenda, getItems, getMaxDataValue, getMinDataValue, getSpanningEventsForDay, getSpanningEventsForDayAgenda, getValid12Hour, getValidArrow12Hour, getValidArrowHour, getValidArrowMinuteOrSecond, getValidArrowNumber, getValidHour, getValidMinuteOrSecond, getValidNumber, isMultiDayEvent, isMultiDayEventAgenda, isValid12Hour, isValidHour, isValidMinuteOrSecond, niceCeil, normalizeAttendDate, processNeo4jData, renderInsideBarLabel, renderPillLabel, resolveChartMargins, resolveContainerPaddingLeft, set12Hours, setDateByType, setHours, setMinutes, setSeconds, sortEvents, sortEventsAgenda, toast, useBiaxial, useCalendarDnd, useCalendarDndAgenda, useChartClick, useChartDimensions, useChartHighlights, useChartLayout, useChartMinMax, useChartTooltips, useCurrentTimeIndicator, useCurrentTimeIndicatorAgenda, useDrag, useEventVisibility, useEventVisibilityAgenda, useIsMobile, useOpenTooltipForPeriod, useProcessedData, useSeriesOpacity, useTheme, useTimeSeriesRange, type valueFormatter, visualForItem };
|
|
2421
|
+
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, type BiaxialConfig, BreadcrumbBase, BreadcrumbEllipsisBase, BreadcrumbItemBase, BreadcrumbLinkBase, BreadcrumbListBase, BreadcrumbPageBase, BreadcrumbSeparatorBase, Brush, ButtonBase, ButtonGroupBase, type ButtonProps, CENTER_INDEX, CalendarBase, CalendarDndProvider, CalendarDndProviderAgenda, type CalendarEvent, type CalendarEventAgenda, type CalendarProps, type CalendarView, type CalendarViewAgenda, CardBase, CardContentBase, CardDescriptionBase, CardFooterBase, CardHeaderBase, CardTitleBase, CarouselBase, type CarouselBaseProps, type CarouselItem, ChangeButton, Chart, ChartControls, type ChartData$3 as ChartData, ChartHeader, type ChartHooksArgs, type ChartProps, ChartTotalLegend, CheckButton, CheckboxBase, CheckboxTree, CloseAllButton, CloseButton, CodeBlock, CollapsibleBase, CollapsibleContentBase, CollapsibleTriggerBase, Combobox, type ComboboxProps, type ComboboxTestIds, CommandBase, CommandDebouncedInputBase, CommandDialogBase, CommandEmptyBase, CommandGroupBase, CommandInputBase, CommandItemBase, CommandListBase, CommandSeparatorBase, CommandShortcutBase, type Connection, ContextMenuBase, ContextMenuCheckboxItemBase, ContextMenuContentBase, ContextMenuGroupBase, ContextMenuItemBase, ContextMenuLabelBase, ContextMenuPortalBase, ContextMenuRadioGroupBase, ContextMenuRadioItemBase, ContextMenuSeparatorBase, ContextMenuShortcutBase, ContextMenuSubBase, ContextMenuSubContentBase, ContextMenuSubTriggerBase, ContextMenuTriggerBase, ControlledCombobox, type ControlledComboboxItem, type ControlledComboboxProps, type ControlledComboboxTestIds, CopyButton, type DataMapper, DateTimePicker, DayView, DayViewAgenda, DebouncedInput, type DebouncedInputProps, type DefaultAvatarComboboxProps, DefaultEndHour, DefaultEndHourAgenda, type DefaultMultiSelectProps, 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, HorizontalChart, HorizontalLegend, HoverCardBase, HoverCardContentBase, HoverCardTriggerBase, ITEM_HEIGHT, type IconProps, InputBase, type InputBaseProps, InputOTPBase, InputOTPGroupBase, InputOTPSeparatorBase, InputOTPSlotBase, type IntegrationProperties, LabelBase, type LabelListContent, Leaderboard, type LeaderboardItem, type LeaderboardProps, type LegendItem, LikeButton, LoadingBase, LockButton, type MapperConfig, type MapperConfigEntry, type Margins, type MenuItem, ModalBase, ModalCloseBase, ModalContentBase, ModalDescriptionBase, ModalFooterBase, ModalHeaderBase, ModalOverlayBase, ModalPortalBase, ModalTitleBase, ModalTriggerBase, ModeToggleBase, MonthView, MonthViewAgenda, MoreButton, MultiCombobox, type MultiComboboxProps, type MultiComboboxTestIds, MultiSelect, MultiSelectBase, MultiSelectContentBase, type MultiSelectContextType, MultiSelectGroupBase, type MultiSelectItem, MultiSelectItemBase, type MultiSelectProps, type MultiSelectPropsWithGroupItems, type MultiSelectPropsWithItems, MultiSelectSeparatorBase, type MultiSelectTestIds, MultiSelectTriggerBase, MultiSelectValueBase, NavigationMenuBase, NavigationMenuContentBase, NavigationMenuIndicatorBase, NavigationMenuItemBase, NavigationMenuLinkBase, NavigationMenuListBase, NavigationMenuTriggerBase, NavigationMenuViewportBase, type Neo4jIntegration, type Neo4jNode, type Neo4jRelationship, type NewSelectProps, NoData, NotificationButton, NumericInput, type Padding, type Period, PeriodsDropdown, PopoverAnchorBase, PopoverBase, PopoverContentBase, PopoverTriggerBase, type Primitive, ProgressBase, type ProgressBaseProps, ProgressCirclesBase, type ProgressCirclesBaseProps, ProgressPanelsBase, type ProgressPanelsBaseProps, ProgressSegmentsBase, type ProgressSegmentsBaseProps, type ProgressType, type PropsLabelList, RadialMenu, RangePicker, type RangePickerProps, RefreshButton, SaveButton, ScrollAreaBase, ScrollBarBase, SearchButton, Select, SelectBase, SelectContentBase, SelectEmpty, SelectGroupBase, type SelectItem, SelectItemBase, SelectLabelBase, type SelectPropsWithGroupItems, type SelectPropsWithItems, SelectScrollDownButtonBase, SelectScrollUpButtonBase, SelectSeparatorBase, type SelectTestIds, SelectTriggerBase, SelectValueBase, SeparatorBase, type SeriesConfig, type SeriesCounts, type SeriesEntry, type SeriesOrder, 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, type SystemData, SystemTooltip, TableBase, TableBodyBase, TableCaptionBase, TableCellBase, TableFooterBase, TableHeadBase, TableHeaderBase, TableRowBase, TabsBase, TabsContentBase, TabsListBase, TabsTriggerBase, TextAreaBase, type TextAreaBaseProps, type Theme, ThemeProviderBase, TimePicker, TimePickerInput, type TimePickerInputProps, type TimePickerType, TimeSeries, type TimeSeriesConfig, Toaster, type TooltipAdaptedRow, TooltipBase, TooltipContentBase, type TooltipItem$2 as TooltipItem, TooltipProviderBase, TooltipSimple, TooltipTriggerBase, RechartTooltipWithTotal as TooltipWithTotal, UndatedEvents, UniversalTooltipRenderer, UnlockButton, UploadButton, UseSideBarBase, VISIBLE_ITEMS, 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, formatLinePercentage, generateAdditionalColors, generateColorMap, getAgendaEventsForDay, getAgendaEventsForDayAgenda, getAllEventsForDay, getAllEventsForDayAgenda, getArrowByType, getBorderRadiusClasses, getBorderRadiusClassesAgenda, getDateByType, getEventColorClasses, getEventColorClassesAgenda, getEventEndDate, getEventStartDate, getEventsForDay, getEventsForDayAgenda, getItems, getMaxDataValue, getMinDataValue, getSpanningEventsForDay, getSpanningEventsForDayAgenda, getValid12Hour, getValidArrow12Hour, getValidArrowHour, getValidArrowMinuteOrSecond, getValidArrowNumber, getValidHour, getValidMinuteOrSecond, getValidNumber, isMultiDayEvent, isMultiDayEventAgenda, isValid12Hour, isValidHour, isValidMinuteOrSecond, niceCeil, normalizeAttendDate, processNeo4jData, renderInsideBarLabel, renderPillLabel, resolveChartMargins, resolveContainerPaddingLeft, set12Hours, setDateByType, setHours, setMinutes, setSeconds, sortEvents, sortEventsAgenda, toast, useBiaxial, useCalendarDnd, useCalendarDndAgenda, useChartClick, useChartDimensions, useChartHighlights, useChartLayout, useChartMinMax, useChartTooltips, useCurrentTimeIndicator, useCurrentTimeIndicatorAgenda, useDrag, useEventVisibility, useEventVisibilityAgenda, useIsMobile, useOpenTooltipForPeriod, useProcessedData, useSeriesOpacity, useTheme, useTimeSeriesRange, type valueFormatter, visualForItem };
|
package/dist/index.js
CHANGED
|
@@ -1214,6 +1214,8 @@ var Toaster = ({ testId, ...props }) => {
|
|
|
1214
1214
|
className: "toaster group",
|
|
1215
1215
|
position: "top-center",
|
|
1216
1216
|
duration: 4e3,
|
|
1217
|
+
swipeDirections: ["top", "bottom", "left", "right"],
|
|
1218
|
+
closeButton: true,
|
|
1217
1219
|
toastOptions: {
|
|
1218
1220
|
style: {
|
|
1219
1221
|
backdropFilter: "blur(8px)",
|
|
@@ -1227,9 +1229,8 @@ var Toaster = ({ testId, ...props }) => {
|
|
|
1227
1229
|
shadow-xl rounded-lg
|
|
1228
1230
|
border-l-4
|
|
1229
1231
|
|
|
1230
|
-
flex items-center gap-3
|
|
1232
|
+
flex items-center gap-3 pr-10
|
|
1231
1233
|
transition-all duration-300
|
|
1232
|
-
hover:scale-[1.02] hover:shadow-2xl
|
|
1233
1234
|
data-[type=success]:border-l-green-500 data-[type=success]:bg-green-50/95 data-[type=success]:text-green-800 data-[type=success]:border-green-500 data-
|
|
1234
1235
|
data-[type=error]:border-l-red-500 data-[type=error]:bg-red-50/95 data-[type=error]:text-red-800 data-[type=error]:border-red-500
|
|
1235
1236
|
data-[type=warning]:border-l-yellow-500 data-[type=warning]:bg-yellow-50/95 data-[type=warning]:text-yellow-800 data-[type=warning]:border-yellow-500
|
|
@@ -1255,6 +1256,13 @@ var Toaster = ({ testId, ...props }) => {
|
|
|
1255
1256
|
hover:bg-neutral-200 hover:scale-105
|
|
1256
1257
|
transition-all duration-200
|
|
1257
1258
|
active:scale-95
|
|
1259
|
+
`,
|
|
1260
|
+
closeButton: `
|
|
1261
|
+
!bg-transparent hover:!bg-black/5 dark:hover:!bg-white/10
|
|
1262
|
+
!border-0 !text-neutral-400 hover:!text-neutral-900 dark:hover:!text-neutral-100
|
|
1263
|
+
transition-all duration-200 !left-[auto] !right-3 !top-1/2 !-translate-y-1/2
|
|
1264
|
+
!w-7 !h-7 !rounded-lg flex items-center justify-center
|
|
1265
|
+
active:scale-95
|
|
1258
1266
|
`
|
|
1259
1267
|
}
|
|
1260
1268
|
},
|
|
@@ -2050,7 +2058,7 @@ var CommandDebouncedInputBase = React32__namespace.forwardRef(
|
|
|
2050
2058
|
}, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
|
|
2051
2059
|
"div",
|
|
2052
2060
|
{
|
|
2053
|
-
className: "flex items-center px-3 border-border border-b",
|
|
2061
|
+
className: "flex items-center px-3 border-border border-b focus:ring-0",
|
|
2054
2062
|
"cmdk-input-wrapper": "",
|
|
2055
2063
|
children: [
|
|
2056
2064
|
/* @__PURE__ */ jsxRuntime.jsx(react.MagnifyingGlassIcon, { className: "mr-2 h-4 w-4 shrink-0 text-primary" }),
|
|
@@ -19336,6 +19344,12 @@ function useMediaQuery(query) {
|
|
|
19336
19344
|
}, [query]);
|
|
19337
19345
|
return value;
|
|
19338
19346
|
}
|
|
19347
|
+
var CRUD_ITEMS = [
|
|
19348
|
+
{ id: "edit", label: "Editar", icon: react.PencilIcon },
|
|
19349
|
+
{ id: "copy", label: "Copiar", icon: react.CopyIcon },
|
|
19350
|
+
{ id: "download", label: "Baixar", icon: react.DownloadIcon },
|
|
19351
|
+
{ id: "delete", label: "Excluir", icon: react.TrashIcon, color: "danger" }
|
|
19352
|
+
];
|
|
19339
19353
|
var FULL_CIRCLE = 360;
|
|
19340
19354
|
var START_ANGLE = -90;
|
|
19341
19355
|
function degToRad(deg) {
|
|
@@ -19361,7 +19375,7 @@ function slicePath(index, total, wedgeRadius, innerRadius) {
|
|
|
19361
19375
|
}
|
|
19362
19376
|
function RadialMenu({
|
|
19363
19377
|
children,
|
|
19364
|
-
menuItems,
|
|
19378
|
+
menuItems = CRUD_ITEMS,
|
|
19365
19379
|
size = 240,
|
|
19366
19380
|
iconSize = 24,
|
|
19367
19381
|
bandWidth = 60,
|
|
@@ -19372,44 +19386,13 @@ function RadialMenu({
|
|
|
19372
19386
|
}) {
|
|
19373
19387
|
const isMobile = useMediaQuery("(max-width: 768px)");
|
|
19374
19388
|
const radius = size / 2;
|
|
19375
|
-
const
|
|
19376
|
-
const outerRingInnerRadius = outerRingOuterRadius - outerRingWidth;
|
|
19389
|
+
const outerRingInnerRadius = radius - outerRingWidth;
|
|
19377
19390
|
const wedgeOuterRadius = outerRingInnerRadius - outerGap;
|
|
19378
19391
|
const wedgeInnerRadius = wedgeOuterRadius - bandWidth;
|
|
19379
19392
|
const iconRingRadius = (wedgeOuterRadius + wedgeInnerRadius) / 2;
|
|
19380
19393
|
const centerRadius = Math.max(wedgeInnerRadius - innerGap, 0);
|
|
19381
19394
|
const slice = 360 / menuItems.length;
|
|
19382
19395
|
const [activeIndex, setActiveIndex] = React32__namespace.useState(null);
|
|
19383
|
-
const timerRef = React32__namespace.useRef(null);
|
|
19384
|
-
const isLongPress = React32__namespace.useRef(false);
|
|
19385
|
-
const handleTouchStart = (e) => {
|
|
19386
|
-
isLongPress.current = false;
|
|
19387
|
-
const touch = e.touches[0];
|
|
19388
|
-
const { clientX, clientY } = touch;
|
|
19389
|
-
timerRef.current = setTimeout(() => {
|
|
19390
|
-
isLongPress.current = true;
|
|
19391
|
-
const event = new MouseEvent("contextmenu", {
|
|
19392
|
-
bubbles: true,
|
|
19393
|
-
cancelable: true,
|
|
19394
|
-
view: window,
|
|
19395
|
-
clientX,
|
|
19396
|
-
clientY,
|
|
19397
|
-
button: 2,
|
|
19398
|
-
buttons: 2
|
|
19399
|
-
});
|
|
19400
|
-
e.target.dispatchEvent(event);
|
|
19401
|
-
}, 1e3);
|
|
19402
|
-
};
|
|
19403
|
-
const handleTouchEnd = () => {
|
|
19404
|
-
if (timerRef.current) {
|
|
19405
|
-
clearTimeout(timerRef.current);
|
|
19406
|
-
}
|
|
19407
|
-
};
|
|
19408
|
-
const handleTouchMove = () => {
|
|
19409
|
-
if (timerRef.current) {
|
|
19410
|
-
clearTimeout(timerRef.current);
|
|
19411
|
-
}
|
|
19412
|
-
};
|
|
19413
19396
|
const containerVariants = {
|
|
19414
19397
|
hidden: { opacity: 0, scale: 0.8 },
|
|
19415
19398
|
visible: {
|
|
@@ -19439,22 +19422,13 @@ function RadialMenu({
|
|
|
19439
19422
|
}
|
|
19440
19423
|
};
|
|
19441
19424
|
return /* @__PURE__ */ jsxRuntime.jsxs(ContextMenuBase, { children: [
|
|
19442
|
-
/* @__PURE__ */ jsxRuntime.jsx(ContextMenuTriggerBase, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
19443
|
-
"div",
|
|
19444
|
-
{
|
|
19445
|
-
className: "select-none outline-none group touch-none",
|
|
19446
|
-
onTouchStart: handleTouchStart,
|
|
19447
|
-
onTouchEnd: handleTouchEnd,
|
|
19448
|
-
onTouchMove: handleTouchMove,
|
|
19449
|
-
children: children || /* @__PURE__ */ jsxRuntime.jsx("div", { className: "size-80 flex justify-center items-center border-2 border-dashed border-muted-foreground/20 rounded-xl bg-muted/5 text-muted-foreground hover:bg-muted/10 transition-colors", children: "Right-click or Long-press here (1s)" })
|
|
19450
|
-
}
|
|
19451
|
-
) }),
|
|
19425
|
+
/* @__PURE__ */ jsxRuntime.jsx(ContextMenuTriggerBase, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "select-none outline-none group touch-none", children: children || /* @__PURE__ */ jsxRuntime.jsx("div", { className: "size-80 flex justify-center items-center border-2 border-dashed border-muted-foreground/20 rounded-xl bg-muted/5 cursor-context-menu", children: "Clique com bot\xE3o direito" }) }) }),
|
|
19452
19426
|
/* @__PURE__ */ jsxRuntime.jsx(
|
|
19453
19427
|
ContextMenuContentBase,
|
|
19454
19428
|
{
|
|
19455
19429
|
className: "p-0 border-none bg-transparent shadow-none overflow-visible -translate-x-1/2 -translate-y-1/2",
|
|
19456
19430
|
style: { width: size, height: size },
|
|
19457
|
-
children: /* @__PURE__ */ jsxRuntime.jsx(framerMotion.AnimatePresence, { mode: "wait", children: /* @__PURE__ */ jsxRuntime.
|
|
19431
|
+
children: /* @__PURE__ */ jsxRuntime.jsx(framerMotion.AnimatePresence, { mode: "wait", children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
19458
19432
|
framerMotion.motion.div,
|
|
19459
19433
|
{
|
|
19460
19434
|
className: "relative size-full drop-shadow-xl will-change-transform",
|
|
@@ -19462,92 +19436,73 @@ function RadialMenu({
|
|
|
19462
19436
|
initial: "hidden",
|
|
19463
19437
|
animate: "visible",
|
|
19464
19438
|
exit: "exit",
|
|
19465
|
-
children:
|
|
19466
|
-
|
|
19467
|
-
|
|
19468
|
-
"
|
|
19469
|
-
{
|
|
19470
|
-
|
|
19471
|
-
|
|
19472
|
-
children:
|
|
19473
|
-
|
|
19474
|
-
|
|
19439
|
+
children: /* @__PURE__ */ jsxRuntime.jsxs(
|
|
19440
|
+
"svg",
|
|
19441
|
+
{
|
|
19442
|
+
className: "absolute inset-0 size-full overflow-visible",
|
|
19443
|
+
viewBox: `${-radius} ${-radius} ${radius * 2} ${radius * 2}`,
|
|
19444
|
+
children: [
|
|
19445
|
+
/* @__PURE__ */ jsxRuntime.jsx(framerMotion.motion.circle, { r: centerRadius, className: "fill-background stroke-border stroke-1" }),
|
|
19446
|
+
/* @__PURE__ */ jsxRuntime.jsx(framerMotion.AnimatePresence, { children: activeIndex !== null && /* @__PURE__ */ jsxRuntime.jsx(
|
|
19447
|
+
framerMotion.motion.text,
|
|
19448
|
+
{
|
|
19449
|
+
initial: { opacity: 0, y: 5 },
|
|
19450
|
+
animate: { opacity: 1, y: 0 },
|
|
19451
|
+
exit: { opacity: 0 },
|
|
19452
|
+
textAnchor: "middle",
|
|
19453
|
+
dominantBaseline: "middle",
|
|
19454
|
+
className: "fill-foreground text-[11px] font-bold uppercase tracking-tighter pointer-events-none",
|
|
19455
|
+
children: menuItems[activeIndex].label
|
|
19456
|
+
}
|
|
19457
|
+
) }),
|
|
19458
|
+
menuItems.map((item, index) => {
|
|
19459
|
+
const Icon = item.icon;
|
|
19460
|
+
const midDeg = START_ANGLE + slice * index;
|
|
19461
|
+
const { x: iconX, y: iconY } = polarToCartesian(iconRingRadius, midDeg);
|
|
19462
|
+
const isActive = activeIndex === index;
|
|
19463
|
+
const ICON_BOX = iconSize * 2.5;
|
|
19464
|
+
return /* @__PURE__ */ jsxRuntime.jsxs(
|
|
19465
|
+
framerMotion.motion.g,
|
|
19475
19466
|
{
|
|
19476
|
-
|
|
19477
|
-
|
|
19478
|
-
|
|
19479
|
-
|
|
19480
|
-
|
|
19481
|
-
|
|
19482
|
-
|
|
19467
|
+
variants: itemVariants2,
|
|
19468
|
+
className: "cursor-pointer outline-none",
|
|
19469
|
+
onMouseEnter: () => setActiveIndex(index),
|
|
19470
|
+
onMouseLeave: () => setActiveIndex(null),
|
|
19471
|
+
onClick: (e) => {
|
|
19472
|
+
e.stopPropagation();
|
|
19473
|
+
onSelect?.(item);
|
|
19483
19474
|
},
|
|
19484
|
-
|
|
19485
|
-
|
|
19486
|
-
|
|
19487
|
-
|
|
19488
|
-
|
|
19489
|
-
|
|
19490
|
-
|
|
19491
|
-
|
|
19492
|
-
|
|
19493
|
-
|
|
19494
|
-
|
|
19495
|
-
|
|
19496
|
-
|
|
19497
|
-
|
|
19498
|
-
|
|
19499
|
-
|
|
19500
|
-
|
|
19501
|
-
|
|
19502
|
-
|
|
19503
|
-
|
|
19504
|
-
|
|
19505
|
-
|
|
19506
|
-
|
|
19507
|
-
|
|
19508
|
-
|
|
19509
|
-
|
|
19510
|
-
|
|
19511
|
-
|
|
19512
|
-
|
|
19513
|
-
|
|
19514
|
-
|
|
19515
|
-
className: cn(
|
|
19516
|
-
"transition-colors duration-200 stroke-1",
|
|
19517
|
-
isActive ? "fill-primary stroke-primary-foreground/20" : "fill-background/90 stroke-border/50 hover:fill-accent"
|
|
19518
|
-
)
|
|
19519
|
-
}
|
|
19520
|
-
),
|
|
19521
|
-
/* @__PURE__ */ jsxRuntime.jsx(
|
|
19522
|
-
"foreignObject",
|
|
19523
|
-
{
|
|
19524
|
-
x: iconX - ICON_BOX / 2,
|
|
19525
|
-
y: iconY - ICON_BOX / 2,
|
|
19526
|
-
width: ICON_BOX,
|
|
19527
|
-
height: ICON_BOX,
|
|
19528
|
-
className: "pointer-events-none",
|
|
19529
|
-
children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "size-full flex items-center justify-center", children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
19530
|
-
Icon,
|
|
19531
|
-
{
|
|
19532
|
-
size: iconSize,
|
|
19533
|
-
weight: isActive ? "fill" : "regular",
|
|
19534
|
-
className: cn(
|
|
19535
|
-
"transition-all duration-200",
|
|
19536
|
-
isActive ? "text-primary-foreground " : "text-muted-foreground"
|
|
19537
|
-
)
|
|
19538
|
-
}
|
|
19539
|
-
) })
|
|
19540
|
-
}
|
|
19541
|
-
)
|
|
19542
|
-
]
|
|
19543
|
-
},
|
|
19544
|
-
item.id
|
|
19545
|
-
);
|
|
19546
|
-
})
|
|
19547
|
-
]
|
|
19548
|
-
}
|
|
19549
|
-
)
|
|
19550
|
-
]
|
|
19475
|
+
style: { originX: "0px", originY: "0px" },
|
|
19476
|
+
children: [
|
|
19477
|
+
/* @__PURE__ */ jsxRuntime.jsx(
|
|
19478
|
+
"path",
|
|
19479
|
+
{
|
|
19480
|
+
d: slicePath(index, menuItems.length, wedgeOuterRadius, wedgeInnerRadius),
|
|
19481
|
+
className: cn(
|
|
19482
|
+
"transition-colors duration-200 stroke-1",
|
|
19483
|
+
isActive ? item.color === "danger" ? "fill-destructive stroke-destructive-foreground/20" : "fill-primary stroke-primary-foreground/20" : "fill-background/90 stroke-border/50 hover:fill-accent"
|
|
19484
|
+
)
|
|
19485
|
+
}
|
|
19486
|
+
),
|
|
19487
|
+
/* @__PURE__ */ jsxRuntime.jsx("foreignObject", { x: iconX - ICON_BOX / 2, y: iconY - ICON_BOX / 2, width: ICON_BOX, height: ICON_BOX, className: "pointer-events-none", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "size-full flex items-center justify-center", children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
19488
|
+
Icon,
|
|
19489
|
+
{
|
|
19490
|
+
size: iconSize,
|
|
19491
|
+
weight: isActive ? "fill" : "regular",
|
|
19492
|
+
className: cn(
|
|
19493
|
+
"transition-all duration-200",
|
|
19494
|
+
isActive ? "text-primary-foreground" : item.color === "danger" ? "text-destructive" : "text-muted-foreground"
|
|
19495
|
+
)
|
|
19496
|
+
}
|
|
19497
|
+
) }) })
|
|
19498
|
+
]
|
|
19499
|
+
},
|
|
19500
|
+
item.id
|
|
19501
|
+
);
|
|
19502
|
+
})
|
|
19503
|
+
]
|
|
19504
|
+
}
|
|
19505
|
+
)
|
|
19551
19506
|
}
|
|
19552
19507
|
) })
|
|
19553
19508
|
}
|
|
@@ -19564,6 +19519,8 @@ function ControlledCombobox({
|
|
|
19564
19519
|
searchPlaceholder,
|
|
19565
19520
|
empty = "Nenhum dado encontrado",
|
|
19566
19521
|
error,
|
|
19522
|
+
label,
|
|
19523
|
+
labelClassname,
|
|
19567
19524
|
testIds = {},
|
|
19568
19525
|
onClear,
|
|
19569
19526
|
hasSelected = false,
|
|
@@ -19577,9 +19534,10 @@ function ControlledCombobox({
|
|
|
19577
19534
|
return /* @__PURE__ */ jsxRuntime.jsxs(
|
|
19578
19535
|
"div",
|
|
19579
19536
|
{
|
|
19580
|
-
className: "
|
|
19537
|
+
className: "w-full flex flex-col",
|
|
19581
19538
|
"data-testid": testIds.root ?? "combobox-base-root",
|
|
19582
19539
|
children: [
|
|
19540
|
+
label && /* @__PURE__ */ jsxRuntime.jsx(LabelBase_default, { className: labelClassname, children: label }),
|
|
19583
19541
|
/* @__PURE__ */ jsxRuntime.jsxs(
|
|
19584
19542
|
PopoverBase,
|
|
19585
19543
|
{
|
|
@@ -19638,16 +19596,16 @@ function ControlledCombobox({
|
|
|
19638
19596
|
/* @__PURE__ */ jsxRuntime.jsx(
|
|
19639
19597
|
PopoverContentBase,
|
|
19640
19598
|
{
|
|
19641
|
-
className: "max-h-[--radix-popover-content-available-height] w-[--radix-popover-trigger-width] p-0 border-none",
|
|
19599
|
+
className: "max-h-[--radix-popover-content-available-height] w-[--radix-popover-trigger-width] p-0 border-none focus:ring-0 focus:outline-none",
|
|
19642
19600
|
"data-testid": testIds.popover ?? "combobox-popover",
|
|
19643
19601
|
children: /* @__PURE__ */ jsxRuntime.jsxs(
|
|
19644
19602
|
CommandBase,
|
|
19645
19603
|
{
|
|
19646
|
-
className: "dark:text-white hover:bg-rsecondary",
|
|
19604
|
+
className: "dark:text-white hover:bg-rsecondary focus:ring-0 focus:outline-none",
|
|
19647
19605
|
"data-testid": testIds.command ?? "combobox-command",
|
|
19648
19606
|
filter: onSearchChange ? () => 1 : (value, search2) => {
|
|
19649
|
-
const
|
|
19650
|
-
if (
|
|
19607
|
+
const label2 = items.find((item) => item.value === value)?.label || value;
|
|
19608
|
+
if (label2.toLowerCase().includes(search2.toLowerCase()))
|
|
19651
19609
|
return 1;
|
|
19652
19610
|
return 0;
|
|
19653
19611
|
},
|
|
@@ -19669,6 +19627,7 @@ function ControlledCombobox({
|
|
|
19669
19627
|
{
|
|
19670
19628
|
"data-testid": testIds.list ?? "combobox-list",
|
|
19671
19629
|
onEndReached,
|
|
19630
|
+
className: "focus:ring-0 focus:outline-none",
|
|
19672
19631
|
children: [
|
|
19673
19632
|
/* @__PURE__ */ jsxRuntime.jsx(CommandEmptyBase, { "data-testid": testIds.empty ?? "combobox-empty", children: loading ? "Carregando..." : empty }),
|
|
19674
19633
|
/* @__PURE__ */ jsxRuntime.jsx(CommandGroupBase, { "data-testid": testIds.group ?? "combobox-group", children: items.map((item) => {
|
package/dist/index.mjs
CHANGED
|
@@ -5,7 +5,7 @@ import { Slot } from '@radix-ui/react-slot';
|
|
|
5
5
|
import { cva } from 'class-variance-authority';
|
|
6
6
|
import { clsx } from 'clsx';
|
|
7
7
|
import { twMerge } from 'tailwind-merge';
|
|
8
|
-
import { XIcon, CircleNotchIcon, MagnifyingGlassIcon, CaretUpIcon, CaretDownIcon, CheckIcon, CaretRightIcon, CircleIcon, CloudArrowUpIcon, MinusIcon, CaretUpDownIcon, PencilSimpleIcon, ArrowsLeftRightIcon, FloppyDiskIcon, PlusIcon, TrashIcon, SidebarSimpleIcon, FilePdfIcon, FileDocIcon, FileXlsIcon, FilePptIcon, FileCsvIcon, FileTextIcon, FileImageIcon, FileVideoIcon, FileAudioIcon, FileZipIcon, FileIcon, DotsSixVerticalIcon, InfoIcon, WarningIcon, XCircleIcon, CheckCircleIcon, SunIcon, MoonIcon, CaretLeftIcon, DownloadSimpleIcon, UploadSimpleIcon, CopyIcon, ArrowClockwiseIcon, ArrowLeftIcon, GearIcon, BellIcon, DotsThreeIcon, FunnelIcon, HeartIcon, StarIcon, EyeIcon, EyeSlashIcon, LockIcon, LockOpenIcon, FolderIcon, ArrowRightIcon as ArrowRightIcon$1, ArrowsOutIcon, DownloadIcon, CalendarBlankIcon, CalendarIcon, CaretLeft, CaretRight, ArrowDownIcon, ClockUserIcon, EyeSlash, Eye, ArrowRight, ArrowUpRightIcon, ArrowDownRightIcon, FunnelSimpleIcon, FileArchiveIcon, TerminalIcon, CodeIcon, CalendarDotIcon as CalendarDotIcon$1, DesktopIcon } from '@phosphor-icons/react';
|
|
8
|
+
import { XIcon, CircleNotchIcon, MagnifyingGlassIcon, CaretUpIcon, CaretDownIcon, CheckIcon, CaretRightIcon, CircleIcon, CloudArrowUpIcon, MinusIcon, CaretUpDownIcon, PencilSimpleIcon, ArrowsLeftRightIcon, FloppyDiskIcon, PlusIcon, TrashIcon, SidebarSimpleIcon, FilePdfIcon, FileDocIcon, FileXlsIcon, FilePptIcon, FileCsvIcon, FileTextIcon, FileImageIcon, FileVideoIcon, FileAudioIcon, FileZipIcon, FileIcon, DotsSixVerticalIcon, InfoIcon, WarningIcon, XCircleIcon, CheckCircleIcon, SunIcon, MoonIcon, CaretLeftIcon, DownloadSimpleIcon, UploadSimpleIcon, CopyIcon, ArrowClockwiseIcon, ArrowLeftIcon, GearIcon, BellIcon, DotsThreeIcon, FunnelIcon, HeartIcon, StarIcon, EyeIcon, EyeSlashIcon, LockIcon, LockOpenIcon, FolderIcon, ArrowRightIcon as ArrowRightIcon$1, ArrowsOutIcon, DownloadIcon, CalendarBlankIcon, CalendarIcon, CaretLeft, CaretRight, ArrowDownIcon, ClockUserIcon, EyeSlash, Eye, ArrowRight, ArrowUpRightIcon, ArrowDownRightIcon, FunnelSimpleIcon, PencilIcon, FileArchiveIcon, TerminalIcon, CodeIcon, CalendarDotIcon as CalendarDotIcon$1, DesktopIcon } from '@phosphor-icons/react';
|
|
9
9
|
import * as AlertDialogPrimitive from '@radix-ui/react-alert-dialog';
|
|
10
10
|
import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
|
|
11
11
|
import * as DialogPrimitive from '@radix-ui/react-dialog';
|
|
@@ -1171,6 +1171,8 @@ var Toaster = ({ testId, ...props }) => {
|
|
|
1171
1171
|
className: "toaster group",
|
|
1172
1172
|
position: "top-center",
|
|
1173
1173
|
duration: 4e3,
|
|
1174
|
+
swipeDirections: ["top", "bottom", "left", "right"],
|
|
1175
|
+
closeButton: true,
|
|
1174
1176
|
toastOptions: {
|
|
1175
1177
|
style: {
|
|
1176
1178
|
backdropFilter: "blur(8px)",
|
|
@@ -1184,9 +1186,8 @@ var Toaster = ({ testId, ...props }) => {
|
|
|
1184
1186
|
shadow-xl rounded-lg
|
|
1185
1187
|
border-l-4
|
|
1186
1188
|
|
|
1187
|
-
flex items-center gap-3
|
|
1189
|
+
flex items-center gap-3 pr-10
|
|
1188
1190
|
transition-all duration-300
|
|
1189
|
-
hover:scale-[1.02] hover:shadow-2xl
|
|
1190
1191
|
data-[type=success]:border-l-green-500 data-[type=success]:bg-green-50/95 data-[type=success]:text-green-800 data-[type=success]:border-green-500 data-
|
|
1191
1192
|
data-[type=error]:border-l-red-500 data-[type=error]:bg-red-50/95 data-[type=error]:text-red-800 data-[type=error]:border-red-500
|
|
1192
1193
|
data-[type=warning]:border-l-yellow-500 data-[type=warning]:bg-yellow-50/95 data-[type=warning]:text-yellow-800 data-[type=warning]:border-yellow-500
|
|
@@ -1212,6 +1213,13 @@ var Toaster = ({ testId, ...props }) => {
|
|
|
1212
1213
|
hover:bg-neutral-200 hover:scale-105
|
|
1213
1214
|
transition-all duration-200
|
|
1214
1215
|
active:scale-95
|
|
1216
|
+
`,
|
|
1217
|
+
closeButton: `
|
|
1218
|
+
!bg-transparent hover:!bg-black/5 dark:hover:!bg-white/10
|
|
1219
|
+
!border-0 !text-neutral-400 hover:!text-neutral-900 dark:hover:!text-neutral-100
|
|
1220
|
+
transition-all duration-200 !left-[auto] !right-3 !top-1/2 !-translate-y-1/2
|
|
1221
|
+
!w-7 !h-7 !rounded-lg flex items-center justify-center
|
|
1222
|
+
active:scale-95
|
|
1215
1223
|
`
|
|
1216
1224
|
}
|
|
1217
1225
|
},
|
|
@@ -2007,7 +2015,7 @@ var CommandDebouncedInputBase = React32.forwardRef(
|
|
|
2007
2015
|
}, ref) => /* @__PURE__ */ jsxs(
|
|
2008
2016
|
"div",
|
|
2009
2017
|
{
|
|
2010
|
-
className: "flex items-center px-3 border-border border-b",
|
|
2018
|
+
className: "flex items-center px-3 border-border border-b focus:ring-0",
|
|
2011
2019
|
"cmdk-input-wrapper": "",
|
|
2012
2020
|
children: [
|
|
2013
2021
|
/* @__PURE__ */ jsx(MagnifyingGlassIcon, { className: "mr-2 h-4 w-4 shrink-0 text-primary" }),
|
|
@@ -19293,6 +19301,12 @@ function useMediaQuery(query) {
|
|
|
19293
19301
|
}, [query]);
|
|
19294
19302
|
return value;
|
|
19295
19303
|
}
|
|
19304
|
+
var CRUD_ITEMS = [
|
|
19305
|
+
{ id: "edit", label: "Editar", icon: PencilIcon },
|
|
19306
|
+
{ id: "copy", label: "Copiar", icon: CopyIcon },
|
|
19307
|
+
{ id: "download", label: "Baixar", icon: DownloadIcon },
|
|
19308
|
+
{ id: "delete", label: "Excluir", icon: TrashIcon, color: "danger" }
|
|
19309
|
+
];
|
|
19296
19310
|
var FULL_CIRCLE = 360;
|
|
19297
19311
|
var START_ANGLE = -90;
|
|
19298
19312
|
function degToRad(deg) {
|
|
@@ -19318,7 +19332,7 @@ function slicePath(index, total, wedgeRadius, innerRadius) {
|
|
|
19318
19332
|
}
|
|
19319
19333
|
function RadialMenu({
|
|
19320
19334
|
children,
|
|
19321
|
-
menuItems,
|
|
19335
|
+
menuItems = CRUD_ITEMS,
|
|
19322
19336
|
size = 240,
|
|
19323
19337
|
iconSize = 24,
|
|
19324
19338
|
bandWidth = 60,
|
|
@@ -19329,44 +19343,13 @@ function RadialMenu({
|
|
|
19329
19343
|
}) {
|
|
19330
19344
|
const isMobile = useMediaQuery("(max-width: 768px)");
|
|
19331
19345
|
const radius = size / 2;
|
|
19332
|
-
const
|
|
19333
|
-
const outerRingInnerRadius = outerRingOuterRadius - outerRingWidth;
|
|
19346
|
+
const outerRingInnerRadius = radius - outerRingWidth;
|
|
19334
19347
|
const wedgeOuterRadius = outerRingInnerRadius - outerGap;
|
|
19335
19348
|
const wedgeInnerRadius = wedgeOuterRadius - bandWidth;
|
|
19336
19349
|
const iconRingRadius = (wedgeOuterRadius + wedgeInnerRadius) / 2;
|
|
19337
19350
|
const centerRadius = Math.max(wedgeInnerRadius - innerGap, 0);
|
|
19338
19351
|
const slice = 360 / menuItems.length;
|
|
19339
19352
|
const [activeIndex, setActiveIndex] = React32.useState(null);
|
|
19340
|
-
const timerRef = React32.useRef(null);
|
|
19341
|
-
const isLongPress = React32.useRef(false);
|
|
19342
|
-
const handleTouchStart = (e) => {
|
|
19343
|
-
isLongPress.current = false;
|
|
19344
|
-
const touch = e.touches[0];
|
|
19345
|
-
const { clientX, clientY } = touch;
|
|
19346
|
-
timerRef.current = setTimeout(() => {
|
|
19347
|
-
isLongPress.current = true;
|
|
19348
|
-
const event = new MouseEvent("contextmenu", {
|
|
19349
|
-
bubbles: true,
|
|
19350
|
-
cancelable: true,
|
|
19351
|
-
view: window,
|
|
19352
|
-
clientX,
|
|
19353
|
-
clientY,
|
|
19354
|
-
button: 2,
|
|
19355
|
-
buttons: 2
|
|
19356
|
-
});
|
|
19357
|
-
e.target.dispatchEvent(event);
|
|
19358
|
-
}, 1e3);
|
|
19359
|
-
};
|
|
19360
|
-
const handleTouchEnd = () => {
|
|
19361
|
-
if (timerRef.current) {
|
|
19362
|
-
clearTimeout(timerRef.current);
|
|
19363
|
-
}
|
|
19364
|
-
};
|
|
19365
|
-
const handleTouchMove = () => {
|
|
19366
|
-
if (timerRef.current) {
|
|
19367
|
-
clearTimeout(timerRef.current);
|
|
19368
|
-
}
|
|
19369
|
-
};
|
|
19370
19353
|
const containerVariants = {
|
|
19371
19354
|
hidden: { opacity: 0, scale: 0.8 },
|
|
19372
19355
|
visible: {
|
|
@@ -19396,22 +19379,13 @@ function RadialMenu({
|
|
|
19396
19379
|
}
|
|
19397
19380
|
};
|
|
19398
19381
|
return /* @__PURE__ */ jsxs(ContextMenuBase, { children: [
|
|
19399
|
-
/* @__PURE__ */ jsx(ContextMenuTriggerBase, { asChild: true, children: /* @__PURE__ */ jsx(
|
|
19400
|
-
"div",
|
|
19401
|
-
{
|
|
19402
|
-
className: "select-none outline-none group touch-none",
|
|
19403
|
-
onTouchStart: handleTouchStart,
|
|
19404
|
-
onTouchEnd: handleTouchEnd,
|
|
19405
|
-
onTouchMove: handleTouchMove,
|
|
19406
|
-
children: children || /* @__PURE__ */ jsx("div", { className: "size-80 flex justify-center items-center border-2 border-dashed border-muted-foreground/20 rounded-xl bg-muted/5 text-muted-foreground hover:bg-muted/10 transition-colors", children: "Right-click or Long-press here (1s)" })
|
|
19407
|
-
}
|
|
19408
|
-
) }),
|
|
19382
|
+
/* @__PURE__ */ jsx(ContextMenuTriggerBase, { asChild: true, children: /* @__PURE__ */ jsx("div", { className: "select-none outline-none group touch-none", children: children || /* @__PURE__ */ jsx("div", { className: "size-80 flex justify-center items-center border-2 border-dashed border-muted-foreground/20 rounded-xl bg-muted/5 cursor-context-menu", children: "Clique com bot\xE3o direito" }) }) }),
|
|
19409
19383
|
/* @__PURE__ */ jsx(
|
|
19410
19384
|
ContextMenuContentBase,
|
|
19411
19385
|
{
|
|
19412
19386
|
className: "p-0 border-none bg-transparent shadow-none overflow-visible -translate-x-1/2 -translate-y-1/2",
|
|
19413
19387
|
style: { width: size, height: size },
|
|
19414
|
-
children: /* @__PURE__ */ jsx(AnimatePresence, { mode: "wait", children: /* @__PURE__ */
|
|
19388
|
+
children: /* @__PURE__ */ jsx(AnimatePresence, { mode: "wait", children: /* @__PURE__ */ jsx(
|
|
19415
19389
|
motion.div,
|
|
19416
19390
|
{
|
|
19417
19391
|
className: "relative size-full drop-shadow-xl will-change-transform",
|
|
@@ -19419,92 +19393,73 @@ function RadialMenu({
|
|
|
19419
19393
|
initial: "hidden",
|
|
19420
19394
|
animate: "visible",
|
|
19421
19395
|
exit: "exit",
|
|
19422
|
-
children:
|
|
19423
|
-
|
|
19424
|
-
|
|
19425
|
-
"
|
|
19426
|
-
{
|
|
19427
|
-
|
|
19428
|
-
|
|
19429
|
-
children:
|
|
19430
|
-
|
|
19431
|
-
|
|
19396
|
+
children: /* @__PURE__ */ jsxs(
|
|
19397
|
+
"svg",
|
|
19398
|
+
{
|
|
19399
|
+
className: "absolute inset-0 size-full overflow-visible",
|
|
19400
|
+
viewBox: `${-radius} ${-radius} ${radius * 2} ${radius * 2}`,
|
|
19401
|
+
children: [
|
|
19402
|
+
/* @__PURE__ */ jsx(motion.circle, { r: centerRadius, className: "fill-background stroke-border stroke-1" }),
|
|
19403
|
+
/* @__PURE__ */ jsx(AnimatePresence, { children: activeIndex !== null && /* @__PURE__ */ jsx(
|
|
19404
|
+
motion.text,
|
|
19405
|
+
{
|
|
19406
|
+
initial: { opacity: 0, y: 5 },
|
|
19407
|
+
animate: { opacity: 1, y: 0 },
|
|
19408
|
+
exit: { opacity: 0 },
|
|
19409
|
+
textAnchor: "middle",
|
|
19410
|
+
dominantBaseline: "middle",
|
|
19411
|
+
className: "fill-foreground text-[11px] font-bold uppercase tracking-tighter pointer-events-none",
|
|
19412
|
+
children: menuItems[activeIndex].label
|
|
19413
|
+
}
|
|
19414
|
+
) }),
|
|
19415
|
+
menuItems.map((item, index) => {
|
|
19416
|
+
const Icon = item.icon;
|
|
19417
|
+
const midDeg = START_ANGLE + slice * index;
|
|
19418
|
+
const { x: iconX, y: iconY } = polarToCartesian(iconRingRadius, midDeg);
|
|
19419
|
+
const isActive = activeIndex === index;
|
|
19420
|
+
const ICON_BOX = iconSize * 2.5;
|
|
19421
|
+
return /* @__PURE__ */ jsxs(
|
|
19422
|
+
motion.g,
|
|
19432
19423
|
{
|
|
19433
|
-
|
|
19434
|
-
|
|
19435
|
-
|
|
19436
|
-
|
|
19437
|
-
|
|
19438
|
-
|
|
19439
|
-
|
|
19424
|
+
variants: itemVariants2,
|
|
19425
|
+
className: "cursor-pointer outline-none",
|
|
19426
|
+
onMouseEnter: () => setActiveIndex(index),
|
|
19427
|
+
onMouseLeave: () => setActiveIndex(null),
|
|
19428
|
+
onClick: (e) => {
|
|
19429
|
+
e.stopPropagation();
|
|
19430
|
+
onSelect?.(item);
|
|
19440
19431
|
},
|
|
19441
|
-
|
|
19442
|
-
|
|
19443
|
-
|
|
19444
|
-
|
|
19445
|
-
|
|
19446
|
-
|
|
19447
|
-
|
|
19448
|
-
|
|
19449
|
-
|
|
19450
|
-
|
|
19451
|
-
|
|
19452
|
-
|
|
19453
|
-
|
|
19454
|
-
|
|
19455
|
-
|
|
19456
|
-
|
|
19457
|
-
|
|
19458
|
-
|
|
19459
|
-
|
|
19460
|
-
|
|
19461
|
-
|
|
19462
|
-
|
|
19463
|
-
|
|
19464
|
-
|
|
19465
|
-
|
|
19466
|
-
|
|
19467
|
-
|
|
19468
|
-
|
|
19469
|
-
|
|
19470
|
-
|
|
19471
|
-
|
|
19472
|
-
className: cn(
|
|
19473
|
-
"transition-colors duration-200 stroke-1",
|
|
19474
|
-
isActive ? "fill-primary stroke-primary-foreground/20" : "fill-background/90 stroke-border/50 hover:fill-accent"
|
|
19475
|
-
)
|
|
19476
|
-
}
|
|
19477
|
-
),
|
|
19478
|
-
/* @__PURE__ */ jsx(
|
|
19479
|
-
"foreignObject",
|
|
19480
|
-
{
|
|
19481
|
-
x: iconX - ICON_BOX / 2,
|
|
19482
|
-
y: iconY - ICON_BOX / 2,
|
|
19483
|
-
width: ICON_BOX,
|
|
19484
|
-
height: ICON_BOX,
|
|
19485
|
-
className: "pointer-events-none",
|
|
19486
|
-
children: /* @__PURE__ */ jsx("div", { className: "size-full flex items-center justify-center", children: /* @__PURE__ */ jsx(
|
|
19487
|
-
Icon,
|
|
19488
|
-
{
|
|
19489
|
-
size: iconSize,
|
|
19490
|
-
weight: isActive ? "fill" : "regular",
|
|
19491
|
-
className: cn(
|
|
19492
|
-
"transition-all duration-200",
|
|
19493
|
-
isActive ? "text-primary-foreground " : "text-muted-foreground"
|
|
19494
|
-
)
|
|
19495
|
-
}
|
|
19496
|
-
) })
|
|
19497
|
-
}
|
|
19498
|
-
)
|
|
19499
|
-
]
|
|
19500
|
-
},
|
|
19501
|
-
item.id
|
|
19502
|
-
);
|
|
19503
|
-
})
|
|
19504
|
-
]
|
|
19505
|
-
}
|
|
19506
|
-
)
|
|
19507
|
-
]
|
|
19432
|
+
style: { originX: "0px", originY: "0px" },
|
|
19433
|
+
children: [
|
|
19434
|
+
/* @__PURE__ */ jsx(
|
|
19435
|
+
"path",
|
|
19436
|
+
{
|
|
19437
|
+
d: slicePath(index, menuItems.length, wedgeOuterRadius, wedgeInnerRadius),
|
|
19438
|
+
className: cn(
|
|
19439
|
+
"transition-colors duration-200 stroke-1",
|
|
19440
|
+
isActive ? item.color === "danger" ? "fill-destructive stroke-destructive-foreground/20" : "fill-primary stroke-primary-foreground/20" : "fill-background/90 stroke-border/50 hover:fill-accent"
|
|
19441
|
+
)
|
|
19442
|
+
}
|
|
19443
|
+
),
|
|
19444
|
+
/* @__PURE__ */ jsx("foreignObject", { x: iconX - ICON_BOX / 2, y: iconY - ICON_BOX / 2, width: ICON_BOX, height: ICON_BOX, className: "pointer-events-none", children: /* @__PURE__ */ jsx("div", { className: "size-full flex items-center justify-center", children: /* @__PURE__ */ jsx(
|
|
19445
|
+
Icon,
|
|
19446
|
+
{
|
|
19447
|
+
size: iconSize,
|
|
19448
|
+
weight: isActive ? "fill" : "regular",
|
|
19449
|
+
className: cn(
|
|
19450
|
+
"transition-all duration-200",
|
|
19451
|
+
isActive ? "text-primary-foreground" : item.color === "danger" ? "text-destructive" : "text-muted-foreground"
|
|
19452
|
+
)
|
|
19453
|
+
}
|
|
19454
|
+
) }) })
|
|
19455
|
+
]
|
|
19456
|
+
},
|
|
19457
|
+
item.id
|
|
19458
|
+
);
|
|
19459
|
+
})
|
|
19460
|
+
]
|
|
19461
|
+
}
|
|
19462
|
+
)
|
|
19508
19463
|
}
|
|
19509
19464
|
) })
|
|
19510
19465
|
}
|
|
@@ -19521,6 +19476,8 @@ function ControlledCombobox({
|
|
|
19521
19476
|
searchPlaceholder,
|
|
19522
19477
|
empty = "Nenhum dado encontrado",
|
|
19523
19478
|
error,
|
|
19479
|
+
label,
|
|
19480
|
+
labelClassname,
|
|
19524
19481
|
testIds = {},
|
|
19525
19482
|
onClear,
|
|
19526
19483
|
hasSelected = false,
|
|
@@ -19534,9 +19491,10 @@ function ControlledCombobox({
|
|
|
19534
19491
|
return /* @__PURE__ */ jsxs(
|
|
19535
19492
|
"div",
|
|
19536
19493
|
{
|
|
19537
|
-
className: "
|
|
19494
|
+
className: "w-full flex flex-col",
|
|
19538
19495
|
"data-testid": testIds.root ?? "combobox-base-root",
|
|
19539
19496
|
children: [
|
|
19497
|
+
label && /* @__PURE__ */ jsx(LabelBase_default, { className: labelClassname, children: label }),
|
|
19540
19498
|
/* @__PURE__ */ jsxs(
|
|
19541
19499
|
PopoverBase,
|
|
19542
19500
|
{
|
|
@@ -19595,16 +19553,16 @@ function ControlledCombobox({
|
|
|
19595
19553
|
/* @__PURE__ */ jsx(
|
|
19596
19554
|
PopoverContentBase,
|
|
19597
19555
|
{
|
|
19598
|
-
className: "max-h-[--radix-popover-content-available-height] w-[--radix-popover-trigger-width] p-0 border-none",
|
|
19556
|
+
className: "max-h-[--radix-popover-content-available-height] w-[--radix-popover-trigger-width] p-0 border-none focus:ring-0 focus:outline-none",
|
|
19599
19557
|
"data-testid": testIds.popover ?? "combobox-popover",
|
|
19600
19558
|
children: /* @__PURE__ */ jsxs(
|
|
19601
19559
|
CommandBase,
|
|
19602
19560
|
{
|
|
19603
|
-
className: "dark:text-white hover:bg-rsecondary",
|
|
19561
|
+
className: "dark:text-white hover:bg-rsecondary focus:ring-0 focus:outline-none",
|
|
19604
19562
|
"data-testid": testIds.command ?? "combobox-command",
|
|
19605
19563
|
filter: onSearchChange ? () => 1 : (value, search2) => {
|
|
19606
|
-
const
|
|
19607
|
-
if (
|
|
19564
|
+
const label2 = items.find((item) => item.value === value)?.label || value;
|
|
19565
|
+
if (label2.toLowerCase().includes(search2.toLowerCase()))
|
|
19608
19566
|
return 1;
|
|
19609
19567
|
return 0;
|
|
19610
19568
|
},
|
|
@@ -19626,6 +19584,7 @@ function ControlledCombobox({
|
|
|
19626
19584
|
{
|
|
19627
19585
|
"data-testid": testIds.list ?? "combobox-list",
|
|
19628
19586
|
onEndReached,
|
|
19587
|
+
className: "focus:ring-0 focus:outline-none",
|
|
19629
19588
|
children: [
|
|
19630
19589
|
/* @__PURE__ */ jsx(CommandEmptyBase, { "data-testid": testIds.empty ?? "combobox-empty", children: loading ? "Carregando..." : empty }),
|
|
19631
19590
|
/* @__PURE__ */ jsx(CommandGroupBase, { "data-testid": testIds.group ?? "combobox-group", children: items.map((item) => {
|
package/package.json
CHANGED
|
@@ -2,9 +2,10 @@
|
|
|
2
2
|
"name": "@mlw-packages/react-components",
|
|
3
3
|
"developer": "Eduardo Junio",
|
|
4
4
|
"publishConfig": {
|
|
5
|
-
"access": "public"
|
|
5
|
+
"access": "public",
|
|
6
|
+
"type":"module"
|
|
6
7
|
},
|
|
7
|
-
"version": "1.9.
|
|
8
|
+
"version": "1.9.16",
|
|
8
9
|
"homepage": "https://main--68e80310a069c2f10b546ef3.chromatic.com/",
|
|
9
10
|
"repository": {
|
|
10
11
|
"type": "git",
|