@mlw-packages/react-components 1.9.7 → 1.9.9
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 +203 -42
- package/dist/index.d.mts +136 -30
- package/dist/index.d.ts +136 -30
- package/dist/index.js +364 -446
- package/dist/index.mjs +365 -443
- package/package.json +1 -1
package/dist/index.mjs
CHANGED
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
import './index.css';
|
|
2
2
|
import * as React33 from 'react';
|
|
3
|
-
import React33__default, {
|
|
3
|
+
import React33__default, { forwardRef, useState, useEffect, createContext, useMemo, useRef, useCallback, useContext, useId, useLayoutEffect } from 'react';
|
|
4
4
|
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, ArrowRightIcon as ArrowRightIcon$1,
|
|
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';
|
|
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';
|
|
@@ -28,7 +28,6 @@ import * as HoverCardPrimitive from '@radix-ui/react-hover-card';
|
|
|
28
28
|
import { OTPInput, OTPInputContext } from 'input-otp';
|
|
29
29
|
import * as SliderPrimitive from '@radix-ui/react-slider';
|
|
30
30
|
import * as SwitchPrimitives from '@radix-ui/react-switch';
|
|
31
|
-
import useEmblaCarousel from 'embla-carousel-react';
|
|
32
31
|
import * as ScrollAreaPrimitive from '@radix-ui/react-scroll-area';
|
|
33
32
|
import * as SeparatorPrimitive from '@radix-ui/react-separator';
|
|
34
33
|
import * as TabsPrimitive from '@radix-ui/react-tabs';
|
|
@@ -1848,9 +1847,10 @@ var InputBase = React33.forwardRef(
|
|
|
1848
1847
|
"div",
|
|
1849
1848
|
{
|
|
1850
1849
|
className: cn(
|
|
1851
|
-
"flex items-center rounded-md transition h-9
|
|
1850
|
+
"flex items-center rounded-md transition h-9 bg-background overflow-hidden",
|
|
1852
1851
|
type !== "file" && "border border-input",
|
|
1853
|
-
error ? "border-destructive focus:ring-1 focus:ring-destructive" : "border-input
|
|
1852
|
+
error ? "border-destructive focus:ring-1 focus:ring-destructive" : "border-input",
|
|
1853
|
+
className
|
|
1854
1854
|
),
|
|
1855
1855
|
children: [
|
|
1856
1856
|
leftIcon && /* @__PURE__ */ jsx("div", { className: "flex items-center justify-center px-2", children: leftIcon }),
|
|
@@ -1878,6 +1878,65 @@ var InputBase = React33.forwardRef(
|
|
|
1878
1878
|
}
|
|
1879
1879
|
);
|
|
1880
1880
|
InputBase.displayName = "Input";
|
|
1881
|
+
var DebouncedInput = forwardRef(
|
|
1882
|
+
({
|
|
1883
|
+
value: initialValue,
|
|
1884
|
+
onChange,
|
|
1885
|
+
debounce: debounce2 = 500,
|
|
1886
|
+
label,
|
|
1887
|
+
labelClassname,
|
|
1888
|
+
leftIcon,
|
|
1889
|
+
rightIcon,
|
|
1890
|
+
showLoadingIndicator = false,
|
|
1891
|
+
className,
|
|
1892
|
+
error,
|
|
1893
|
+
...props
|
|
1894
|
+
}, ref) => {
|
|
1895
|
+
const [value, setValue] = useState(initialValue);
|
|
1896
|
+
const [isDebouncing, setIsDebouncing] = useState(false);
|
|
1897
|
+
useEffect(() => {
|
|
1898
|
+
setValue(initialValue);
|
|
1899
|
+
}, [initialValue]);
|
|
1900
|
+
useEffect(() => {
|
|
1901
|
+
if (value === initialValue) {
|
|
1902
|
+
setIsDebouncing(false);
|
|
1903
|
+
return;
|
|
1904
|
+
}
|
|
1905
|
+
setIsDebouncing(true);
|
|
1906
|
+
const timeout = setTimeout(() => {
|
|
1907
|
+
onChange(value);
|
|
1908
|
+
setIsDebouncing(false);
|
|
1909
|
+
}, debounce2);
|
|
1910
|
+
return () => {
|
|
1911
|
+
clearTimeout(timeout);
|
|
1912
|
+
setIsDebouncing(false);
|
|
1913
|
+
};
|
|
1914
|
+
}, [debounce2, initialValue, onChange, value]);
|
|
1915
|
+
const renderRightIcon = () => {
|
|
1916
|
+
if (showLoadingIndicator && isDebouncing) {
|
|
1917
|
+
return /* @__PURE__ */ jsx(CircleNotchIcon, { className: "h-4 w-4 animate-spin text-muted-foreground" });
|
|
1918
|
+
}
|
|
1919
|
+
return rightIcon;
|
|
1920
|
+
};
|
|
1921
|
+
return /* @__PURE__ */ jsx(
|
|
1922
|
+
InputBase,
|
|
1923
|
+
{
|
|
1924
|
+
...props,
|
|
1925
|
+
ref,
|
|
1926
|
+
label,
|
|
1927
|
+
labelClassname,
|
|
1928
|
+
leftIcon,
|
|
1929
|
+
rightIcon: renderRightIcon(),
|
|
1930
|
+
className: cn("transition-all duration-200", className),
|
|
1931
|
+
value,
|
|
1932
|
+
onChange: (e) => setValue(e.target.value),
|
|
1933
|
+
error
|
|
1934
|
+
}
|
|
1935
|
+
);
|
|
1936
|
+
}
|
|
1937
|
+
);
|
|
1938
|
+
DebouncedInput.displayName = "DebouncedInput";
|
|
1939
|
+
var DebouncedInput_default = DebouncedInput;
|
|
1881
1940
|
var CommandBase = React33.forwardRef(({ className, testid: dataTestId = "command-base", ...props }, ref) => /* @__PURE__ */ jsx(
|
|
1882
1941
|
Command,
|
|
1883
1942
|
{
|
|
@@ -1934,87 +1993,148 @@ var CommandInputBase = React33.forwardRef(({ className, testid: dataTestId = "co
|
|
|
1934
1993
|
}
|
|
1935
1994
|
));
|
|
1936
1995
|
CommandInputBase.displayName = Command.Input.displayName;
|
|
1937
|
-
var
|
|
1938
|
-
|
|
1939
|
-
|
|
1940
|
-
|
|
1941
|
-
|
|
1942
|
-
|
|
1943
|
-
|
|
1944
|
-
|
|
1945
|
-
|
|
1946
|
-
|
|
1947
|
-
|
|
1948
|
-
|
|
1949
|
-
if (isScrollingDown && !isAtBottom || isScrollingUp && !isAtTop) {
|
|
1950
|
-
e.stopPropagation();
|
|
1951
|
-
}
|
|
1952
|
-
};
|
|
1953
|
-
let touchStartY = 0;
|
|
1954
|
-
const handleTouchStart = (e) => {
|
|
1955
|
-
touchStartY = e.touches[0].clientY;
|
|
1956
|
-
e.stopPropagation();
|
|
1957
|
-
};
|
|
1958
|
-
const handleTouchMove = (e) => {
|
|
1959
|
-
const target = e.currentTarget;
|
|
1960
|
-
const { scrollTop, scrollHeight, clientHeight } = target;
|
|
1961
|
-
const touchCurrentY = e.touches[0].clientY;
|
|
1962
|
-
const touchDeltaY = touchStartY - touchCurrentY;
|
|
1963
|
-
const isScrollingDown = touchDeltaY > 0;
|
|
1964
|
-
const isScrollingUp = touchDeltaY < 0;
|
|
1965
|
-
const isAtBottom = scrollTop + clientHeight >= scrollHeight - 1;
|
|
1966
|
-
const isAtTop = scrollTop <= 1;
|
|
1967
|
-
if (isScrollingDown && !isAtBottom || isScrollingUp && !isAtTop) {
|
|
1968
|
-
e.stopPropagation();
|
|
1969
|
-
} else if (isScrollingDown && isAtBottom || isScrollingUp && isAtTop) {
|
|
1970
|
-
e.preventDefault();
|
|
1971
|
-
}
|
|
1972
|
-
};
|
|
1973
|
-
element.addEventListener("wheel", handleWheel, { passive: false });
|
|
1974
|
-
element.addEventListener("touchstart", handleTouchStart, {
|
|
1975
|
-
passive: false
|
|
1976
|
-
});
|
|
1977
|
-
element.addEventListener("touchmove", handleTouchMove, { passive: false });
|
|
1978
|
-
return () => {
|
|
1979
|
-
element.removeEventListener("wheel", handleWheel);
|
|
1980
|
-
element.removeEventListener("touchmove", handleTouchMove);
|
|
1981
|
-
element.removeEventListener("touchstart", handleTouchStart);
|
|
1982
|
-
};
|
|
1983
|
-
}, []);
|
|
1984
|
-
const combinedRef = React33.useCallback(
|
|
1985
|
-
(node) => {
|
|
1986
|
-
listRef.current = node;
|
|
1987
|
-
if (typeof ref === "function") {
|
|
1988
|
-
ref(node);
|
|
1989
|
-
} else if (ref) {
|
|
1990
|
-
ref.current = node;
|
|
1991
|
-
}
|
|
1992
|
-
},
|
|
1993
|
-
[ref]
|
|
1994
|
-
);
|
|
1995
|
-
return /* @__PURE__ */ jsx(
|
|
1996
|
-
Command.List,
|
|
1996
|
+
var CommandDebouncedInputBase = React33.forwardRef(
|
|
1997
|
+
({
|
|
1998
|
+
className,
|
|
1999
|
+
testid: dataTestId = "command-input",
|
|
2000
|
+
onValueChange,
|
|
2001
|
+
value: propValue,
|
|
2002
|
+
onChange: propOnChange,
|
|
2003
|
+
search,
|
|
2004
|
+
onSearch,
|
|
2005
|
+
...props
|
|
2006
|
+
}, ref) => /* @__PURE__ */ jsxs(
|
|
2007
|
+
"div",
|
|
1997
2008
|
{
|
|
1998
|
-
|
|
1999
|
-
|
|
2000
|
-
|
|
2001
|
-
className
|
|
2002
|
-
|
|
2003
|
-
|
|
2004
|
-
|
|
2005
|
-
|
|
2006
|
-
|
|
2007
|
-
|
|
2008
|
-
|
|
2009
|
-
|
|
2010
|
-
|
|
2011
|
-
|
|
2012
|
-
|
|
2013
|
-
|
|
2014
|
-
|
|
2009
|
+
className: "flex items-center px-3 border-border border-b",
|
|
2010
|
+
"cmdk-input-wrapper": "",
|
|
2011
|
+
children: [
|
|
2012
|
+
/* @__PURE__ */ jsx(MagnifyingGlassIcon, { className: "mr-2 h-4 w-4 shrink-0 text-primary" }),
|
|
2013
|
+
/* @__PURE__ */ jsx(
|
|
2014
|
+
DebouncedInput_default,
|
|
2015
|
+
{
|
|
2016
|
+
ref,
|
|
2017
|
+
className: cn(
|
|
2018
|
+
"flex h-10 border-transparent w-full rounded-md bg-transparent text-sm outline-none text-primary placeholder:text-muted-foreground disabled:cursor-not-allowed disabled:opacity-50",
|
|
2019
|
+
className
|
|
2020
|
+
),
|
|
2021
|
+
"data-testid": dataTestId,
|
|
2022
|
+
"cmdk-input": "",
|
|
2023
|
+
value: search ?? propValue ?? "",
|
|
2024
|
+
...props,
|
|
2025
|
+
onChange: (value) => {
|
|
2026
|
+
onValueChange?.(value);
|
|
2027
|
+
propOnChange?.(value);
|
|
2028
|
+
onSearch?.(value);
|
|
2029
|
+
}
|
|
2030
|
+
}
|
|
2031
|
+
)
|
|
2032
|
+
]
|
|
2015
2033
|
}
|
|
2016
|
-
)
|
|
2017
|
-
|
|
2034
|
+
)
|
|
2035
|
+
);
|
|
2036
|
+
CommandDebouncedInputBase.displayName = "CommandDebouncedInputBase";
|
|
2037
|
+
var CommandListBase = React33.forwardRef(
|
|
2038
|
+
({ className, testid: dataTestId = "command-list", onEndReached, ...props }, ref) => {
|
|
2039
|
+
const listRef = React33.useRef(null);
|
|
2040
|
+
React33.useEffect(() => {
|
|
2041
|
+
const element = listRef.current;
|
|
2042
|
+
if (!element) return;
|
|
2043
|
+
const handleWheel = (e) => {
|
|
2044
|
+
const target = e.currentTarget;
|
|
2045
|
+
const { scrollTop, scrollHeight, clientHeight } = target;
|
|
2046
|
+
const isScrollingDown = e.deltaY > 0;
|
|
2047
|
+
const isScrollingUp = e.deltaY < 0;
|
|
2048
|
+
const isAtBottom = scrollTop + clientHeight >= scrollHeight - 1;
|
|
2049
|
+
const isAtTop = scrollTop <= 1;
|
|
2050
|
+
if (isScrollingDown && isAtBottom && onEndReached) {
|
|
2051
|
+
onEndReached();
|
|
2052
|
+
}
|
|
2053
|
+
if (isScrollingDown && !isAtBottom || isScrollingUp && !isAtTop) {
|
|
2054
|
+
e.stopPropagation();
|
|
2055
|
+
}
|
|
2056
|
+
};
|
|
2057
|
+
const handleScroll = (e) => {
|
|
2058
|
+
const target = e.currentTarget;
|
|
2059
|
+
const { scrollTop, scrollHeight, clientHeight } = target;
|
|
2060
|
+
const isAtBottom = scrollTop + clientHeight >= scrollHeight - 1;
|
|
2061
|
+
if (isAtBottom && onEndReached) {
|
|
2062
|
+
onEndReached();
|
|
2063
|
+
}
|
|
2064
|
+
};
|
|
2065
|
+
let touchStartY = 0;
|
|
2066
|
+
const handleTouchStart = (e) => {
|
|
2067
|
+
touchStartY = e.touches[0].clientY;
|
|
2068
|
+
e.stopPropagation();
|
|
2069
|
+
};
|
|
2070
|
+
const handleTouchMove = (e) => {
|
|
2071
|
+
const target = e.currentTarget;
|
|
2072
|
+
const { scrollTop, scrollHeight, clientHeight } = target;
|
|
2073
|
+
const touchCurrentY = e.touches[0].clientY;
|
|
2074
|
+
const touchDeltaY = touchStartY - touchCurrentY;
|
|
2075
|
+
const isScrollingDown = touchDeltaY > 0;
|
|
2076
|
+
const isScrollingUp = touchDeltaY < 0;
|
|
2077
|
+
const isAtBottom = scrollTop + clientHeight >= scrollHeight - 1;
|
|
2078
|
+
const isAtTop = scrollTop <= 1;
|
|
2079
|
+
if (isScrollingDown && isAtBottom && onEndReached) {
|
|
2080
|
+
onEndReached();
|
|
2081
|
+
}
|
|
2082
|
+
if (isScrollingDown && !isAtBottom || isScrollingUp && !isAtTop) {
|
|
2083
|
+
e.stopPropagation();
|
|
2084
|
+
} else if (isScrollingDown && isAtBottom || isScrollingUp && isAtTop) {
|
|
2085
|
+
e.preventDefault();
|
|
2086
|
+
}
|
|
2087
|
+
};
|
|
2088
|
+
element.addEventListener("wheel", handleWheel, { passive: false });
|
|
2089
|
+
element.addEventListener("scroll", handleScroll);
|
|
2090
|
+
element.addEventListener("touchstart", handleTouchStart, {
|
|
2091
|
+
passive: false
|
|
2092
|
+
});
|
|
2093
|
+
element.addEventListener("touchmove", handleTouchMove, {
|
|
2094
|
+
passive: false
|
|
2095
|
+
});
|
|
2096
|
+
return () => {
|
|
2097
|
+
element.removeEventListener("wheel", handleWheel);
|
|
2098
|
+
element.removeEventListener("scroll", handleScroll);
|
|
2099
|
+
element.removeEventListener("touchmove", handleTouchMove);
|
|
2100
|
+
element.removeEventListener("touchstart", handleTouchStart);
|
|
2101
|
+
};
|
|
2102
|
+
}, [onEndReached]);
|
|
2103
|
+
const combinedRef = React33.useCallback(
|
|
2104
|
+
(node) => {
|
|
2105
|
+
listRef.current = node;
|
|
2106
|
+
if (typeof ref === "function") {
|
|
2107
|
+
ref(node);
|
|
2108
|
+
} else if (ref) {
|
|
2109
|
+
ref.current = node;
|
|
2110
|
+
}
|
|
2111
|
+
},
|
|
2112
|
+
[ref]
|
|
2113
|
+
);
|
|
2114
|
+
return /* @__PURE__ */ jsx(
|
|
2115
|
+
Command.List,
|
|
2116
|
+
{
|
|
2117
|
+
ref: combinedRef,
|
|
2118
|
+
className: cn(
|
|
2119
|
+
"max-h-[300px] overflow-y-auto overflow-x-hidden scroll-smooth [&::-webkit-scrollbar]:w-2 [&::-webkit-scrollbar-track]:bg-transparent [&::-webkit-scrollbar-thumb]:bg-muted [&::-webkit-scrollbar-thumb]:rounded-full hover:[&::-webkit-scrollbar-thumb]:bg-muted-foreground/50",
|
|
2120
|
+
className
|
|
2121
|
+
),
|
|
2122
|
+
"data-testid": dataTestId,
|
|
2123
|
+
style: {
|
|
2124
|
+
overscrollBehavior: "contain",
|
|
2125
|
+
WebkitOverflowScrolling: "touch",
|
|
2126
|
+
touchAction: "pan-y",
|
|
2127
|
+
scrollbarWidth: "thin",
|
|
2128
|
+
scrollbarColor: "hsl(var(--muted)) transparent",
|
|
2129
|
+
overflowY: "auto",
|
|
2130
|
+
willChange: "scroll-position",
|
|
2131
|
+
transform: "translateZ(0)"
|
|
2132
|
+
},
|
|
2133
|
+
...props
|
|
2134
|
+
}
|
|
2135
|
+
);
|
|
2136
|
+
}
|
|
2137
|
+
);
|
|
2018
2138
|
CommandListBase.displayName = Command.List.displayName;
|
|
2019
2139
|
var CommandEmptyBase = React33.forwardRef(({ testid: dataTestId = "command-empty", ...props }, ref) => /* @__PURE__ */ jsx(
|
|
2020
2140
|
Command.Empty,
|
|
@@ -3593,7 +3713,7 @@ var FileUploader = React33.forwardRef(
|
|
|
3593
3713
|
showPreview = true,
|
|
3594
3714
|
dropzoneText = "Arraste arquivos aqui ou clique para selecionar",
|
|
3595
3715
|
dropzoneSubtext,
|
|
3596
|
-
animate = true,
|
|
3716
|
+
animate: animate2 = true,
|
|
3597
3717
|
...props
|
|
3598
3718
|
}, ref) => {
|
|
3599
3719
|
const [isDragging, setIsDragging] = React33.useState(false);
|
|
@@ -3801,7 +3921,7 @@ var FileUploader = React33.forwardRef(
|
|
|
3801
3921
|
motion.p,
|
|
3802
3922
|
{
|
|
3803
3923
|
className: "mb-2 text-base font-semibold text-foreground",
|
|
3804
|
-
initial:
|
|
3924
|
+
initial: animate2 ? { opacity: 0, y: -10 } : false,
|
|
3805
3925
|
animate: { opacity: 1, y: 0 },
|
|
3806
3926
|
transition: { delay: 0.1 },
|
|
3807
3927
|
children: dropzoneText
|
|
@@ -3811,7 +3931,7 @@ var FileUploader = React33.forwardRef(
|
|
|
3811
3931
|
motion.p,
|
|
3812
3932
|
{
|
|
3813
3933
|
className: "text-sm text-muted-foreground",
|
|
3814
|
-
initial:
|
|
3934
|
+
initial: animate2 ? { opacity: 0, y: -10 } : false,
|
|
3815
3935
|
animate: { opacity: 1, y: 0 },
|
|
3816
3936
|
transition: { delay: 0.2 },
|
|
3817
3937
|
children: defaultSubtext
|
|
@@ -3855,7 +3975,7 @@ var FileUploader = React33.forwardRef(
|
|
|
3855
3975
|
motion.div,
|
|
3856
3976
|
{
|
|
3857
3977
|
className: "mt-6 w-full",
|
|
3858
|
-
initial:
|
|
3978
|
+
initial: animate2 ? { opacity: 0, y: 10 } : false,
|
|
3859
3979
|
animate: { opacity: 1, y: 0 },
|
|
3860
3980
|
transition: { delay: 0.3 },
|
|
3861
3981
|
children: /* @__PURE__ */ jsxs("div", { children: [
|
|
@@ -3870,7 +3990,7 @@ var FileUploader = React33.forwardRef(
|
|
|
3870
3990
|
motion.div,
|
|
3871
3991
|
{
|
|
3872
3992
|
layout: true,
|
|
3873
|
-
initial:
|
|
3993
|
+
initial: animate2 ? { opacity: 0, x: -20 } : false,
|
|
3874
3994
|
animate: { opacity: 1, x: 0 },
|
|
3875
3995
|
exit: {
|
|
3876
3996
|
opacity: 0,
|
|
@@ -3878,7 +3998,7 @@ var FileUploader = React33.forwardRef(
|
|
|
3878
3998
|
transition: { duration: 0.2 }
|
|
3879
3999
|
},
|
|
3880
4000
|
transition: {
|
|
3881
|
-
delay:
|
|
4001
|
+
delay: animate2 ? index * 0.05 : 0,
|
|
3882
4002
|
layout: { duration: 0.2 }
|
|
3883
4003
|
},
|
|
3884
4004
|
className: cn(
|
|
@@ -5116,201 +5236,6 @@ var TextAreaBase = React33.forwardRef(
|
|
|
5116
5236
|
}
|
|
5117
5237
|
);
|
|
5118
5238
|
TextAreaBase.displayName = "TextAreaBase";
|
|
5119
|
-
var CarouselContext = React33.createContext(null);
|
|
5120
|
-
function useCarousel() {
|
|
5121
|
-
const context = React33.useContext(CarouselContext);
|
|
5122
|
-
if (!context) {
|
|
5123
|
-
throw new Error("useCarousel must be used within a <CarouselBase />");
|
|
5124
|
-
}
|
|
5125
|
-
return context;
|
|
5126
|
-
}
|
|
5127
|
-
function CarouselBase({
|
|
5128
|
-
orientation = "horizontal",
|
|
5129
|
-
opts,
|
|
5130
|
-
setApi,
|
|
5131
|
-
plugins,
|
|
5132
|
-
className,
|
|
5133
|
-
children,
|
|
5134
|
-
...props
|
|
5135
|
-
}) {
|
|
5136
|
-
const [carouselRef, api] = useEmblaCarousel(
|
|
5137
|
-
{
|
|
5138
|
-
...opts,
|
|
5139
|
-
axis: orientation === "horizontal" ? "x" : "y"
|
|
5140
|
-
},
|
|
5141
|
-
plugins
|
|
5142
|
-
);
|
|
5143
|
-
const [canScrollPrev, setCanScrollPrev] = React33.useState(false);
|
|
5144
|
-
const [canScrollNext, setCanScrollNext] = React33.useState(false);
|
|
5145
|
-
const onSelect = React33.useCallback((api2) => {
|
|
5146
|
-
if (!api2) return;
|
|
5147
|
-
setCanScrollPrev(api2.canScrollPrev());
|
|
5148
|
-
setCanScrollNext(api2.canScrollNext());
|
|
5149
|
-
}, []);
|
|
5150
|
-
const scrollPrev = React33.useCallback(() => {
|
|
5151
|
-
api?.scrollPrev();
|
|
5152
|
-
}, [api]);
|
|
5153
|
-
const scrollNext = React33.useCallback(() => {
|
|
5154
|
-
api?.scrollNext();
|
|
5155
|
-
}, [api]);
|
|
5156
|
-
const handleKeyDown = React33.useCallback(
|
|
5157
|
-
(event) => {
|
|
5158
|
-
if (event.key === "ArrowLeft") {
|
|
5159
|
-
event.preventDefault();
|
|
5160
|
-
scrollPrev();
|
|
5161
|
-
} else if (event.key === "ArrowRight") {
|
|
5162
|
-
event.preventDefault();
|
|
5163
|
-
scrollNext();
|
|
5164
|
-
}
|
|
5165
|
-
},
|
|
5166
|
-
[scrollPrev, scrollNext]
|
|
5167
|
-
);
|
|
5168
|
-
React33.useEffect(() => {
|
|
5169
|
-
if (!api || !setApi) return;
|
|
5170
|
-
setApi(api);
|
|
5171
|
-
}, [api, setApi]);
|
|
5172
|
-
React33.useEffect(() => {
|
|
5173
|
-
if (!api) return;
|
|
5174
|
-
onSelect(api);
|
|
5175
|
-
api.on("reInit", onSelect);
|
|
5176
|
-
api.on("select", onSelect);
|
|
5177
|
-
return () => {
|
|
5178
|
-
api?.off("select", onSelect);
|
|
5179
|
-
};
|
|
5180
|
-
}, [api, onSelect]);
|
|
5181
|
-
return /* @__PURE__ */ jsx(
|
|
5182
|
-
CarouselContext.Provider,
|
|
5183
|
-
{
|
|
5184
|
-
value: {
|
|
5185
|
-
carouselRef,
|
|
5186
|
-
api,
|
|
5187
|
-
opts,
|
|
5188
|
-
orientation: orientation || (opts?.axis === "y" ? "vertical" : "horizontal"),
|
|
5189
|
-
scrollPrev,
|
|
5190
|
-
scrollNext,
|
|
5191
|
-
canScrollPrev,
|
|
5192
|
-
canScrollNext
|
|
5193
|
-
},
|
|
5194
|
-
children: /* @__PURE__ */ jsx(
|
|
5195
|
-
"div",
|
|
5196
|
-
{
|
|
5197
|
-
onKeyDownCapture: handleKeyDown,
|
|
5198
|
-
className: cn("relative", className),
|
|
5199
|
-
role: "region",
|
|
5200
|
-
"aria-roledescription": "carousel",
|
|
5201
|
-
"data-slot": "carousel",
|
|
5202
|
-
...props,
|
|
5203
|
-
children
|
|
5204
|
-
}
|
|
5205
|
-
)
|
|
5206
|
-
}
|
|
5207
|
-
);
|
|
5208
|
-
}
|
|
5209
|
-
function CarouselContentBase({
|
|
5210
|
-
className,
|
|
5211
|
-
...props
|
|
5212
|
-
}) {
|
|
5213
|
-
const { carouselRef, orientation } = useCarousel();
|
|
5214
|
-
return /* @__PURE__ */ jsx(
|
|
5215
|
-
"div",
|
|
5216
|
-
{
|
|
5217
|
-
ref: carouselRef,
|
|
5218
|
-
className: "overflow-hidden",
|
|
5219
|
-
"data-slot": "carousel-content",
|
|
5220
|
-
children: /* @__PURE__ */ jsx(
|
|
5221
|
-
"div",
|
|
5222
|
-
{
|
|
5223
|
-
className: cn(
|
|
5224
|
-
"flex",
|
|
5225
|
-
orientation === "horizontal" ? "-ml-4" : "-mt-4 flex-col",
|
|
5226
|
-
className
|
|
5227
|
-
),
|
|
5228
|
-
...props
|
|
5229
|
-
}
|
|
5230
|
-
)
|
|
5231
|
-
}
|
|
5232
|
-
);
|
|
5233
|
-
}
|
|
5234
|
-
function CarouselItemBase({
|
|
5235
|
-
className,
|
|
5236
|
-
...props
|
|
5237
|
-
}) {
|
|
5238
|
-
const { orientation } = useCarousel();
|
|
5239
|
-
return /* @__PURE__ */ jsx(
|
|
5240
|
-
"div",
|
|
5241
|
-
{
|
|
5242
|
-
role: "group",
|
|
5243
|
-
"aria-roledescription": "slide",
|
|
5244
|
-
"data-slot": "carousel-item",
|
|
5245
|
-
className: cn(
|
|
5246
|
-
"min-w-0 shrink-0 grow-0 basis-full",
|
|
5247
|
-
orientation === "horizontal" ? "pl-4" : "pt-4",
|
|
5248
|
-
className
|
|
5249
|
-
),
|
|
5250
|
-
...props
|
|
5251
|
-
}
|
|
5252
|
-
);
|
|
5253
|
-
}
|
|
5254
|
-
function CarouselPreviousBase({
|
|
5255
|
-
className,
|
|
5256
|
-
variant = "outline",
|
|
5257
|
-
size = "icon",
|
|
5258
|
-
...props
|
|
5259
|
-
}) {
|
|
5260
|
-
const { orientation, scrollPrev, canScrollPrev } = useCarousel();
|
|
5261
|
-
const btnRef = React33.useRef(null);
|
|
5262
|
-
return /* @__PURE__ */ jsxs(
|
|
5263
|
-
ButtonBase,
|
|
5264
|
-
{
|
|
5265
|
-
"data-slot": "carousel-previous",
|
|
5266
|
-
variant,
|
|
5267
|
-
size,
|
|
5268
|
-
ref: btnRef,
|
|
5269
|
-
className: cn(
|
|
5270
|
-
"absolute size-8 rounded-l-3xl px-6",
|
|
5271
|
-
orientation === "horizontal" ? "top-2 right-1" : "bottom-64 left-1/3 rotate-90",
|
|
5272
|
-
className
|
|
5273
|
-
),
|
|
5274
|
-
disabled: !canScrollPrev,
|
|
5275
|
-
onClick: scrollPrev,
|
|
5276
|
-
...props,
|
|
5277
|
-
children: [
|
|
5278
|
-
/* @__PURE__ */ jsx(ArrowLeftIcon, {}),
|
|
5279
|
-
/* @__PURE__ */ jsx("span", { className: "sr-only", children: "Previous slide" })
|
|
5280
|
-
]
|
|
5281
|
-
}
|
|
5282
|
-
);
|
|
5283
|
-
}
|
|
5284
|
-
function CarouselNextBase({
|
|
5285
|
-
className,
|
|
5286
|
-
variant = "outline",
|
|
5287
|
-
size = "icon",
|
|
5288
|
-
...props
|
|
5289
|
-
}) {
|
|
5290
|
-
const { orientation, scrollNext, canScrollNext } = useCarousel();
|
|
5291
|
-
const btnRef = React33.useRef(null);
|
|
5292
|
-
return /* @__PURE__ */ jsxs(
|
|
5293
|
-
ButtonBase,
|
|
5294
|
-
{
|
|
5295
|
-
"data-slot": "carousel-next",
|
|
5296
|
-
variant,
|
|
5297
|
-
size,
|
|
5298
|
-
ref: btnRef,
|
|
5299
|
-
className: cn(
|
|
5300
|
-
"absolute size-8 rounded-r-3xl px-6",
|
|
5301
|
-
orientation === "horizontal" ? "top-2" : "left-14 -translate-x-1/2 rotate-90",
|
|
5302
|
-
className
|
|
5303
|
-
),
|
|
5304
|
-
disabled: !canScrollNext,
|
|
5305
|
-
onClick: scrollNext,
|
|
5306
|
-
...props,
|
|
5307
|
-
children: [
|
|
5308
|
-
/* @__PURE__ */ jsx(ArrowRightIcon$1, {}),
|
|
5309
|
-
/* @__PURE__ */ jsx("span", { className: "sr-only", children: "Next slide" })
|
|
5310
|
-
]
|
|
5311
|
-
}
|
|
5312
|
-
);
|
|
5313
|
-
}
|
|
5314
5239
|
var ScrollAreaBase = React33.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs(
|
|
5315
5240
|
ScrollAreaPrimitive.Root,
|
|
5316
5241
|
{
|
|
@@ -7280,58 +7205,6 @@ function StatusIndicator({
|
|
|
7280
7205
|
/* @__PURE__ */ jsx("div", { className: "min-w-0", children })
|
|
7281
7206
|
] });
|
|
7282
7207
|
}
|
|
7283
|
-
function DebouncedInput({
|
|
7284
|
-
value: initialValue,
|
|
7285
|
-
onChange,
|
|
7286
|
-
debounce: debounce2 = 500,
|
|
7287
|
-
label,
|
|
7288
|
-
labelClassname,
|
|
7289
|
-
leftIcon,
|
|
7290
|
-
rightIcon,
|
|
7291
|
-
showLoadingIndicator = false,
|
|
7292
|
-
className,
|
|
7293
|
-
error,
|
|
7294
|
-
...props
|
|
7295
|
-
}) {
|
|
7296
|
-
const [value, setValue] = useState(initialValue);
|
|
7297
|
-
const [isDebouncing, setIsDebouncing] = useState(false);
|
|
7298
|
-
useEffect(() => {
|
|
7299
|
-
setValue(initialValue);
|
|
7300
|
-
}, [initialValue]);
|
|
7301
|
-
useEffect(() => {
|
|
7302
|
-
if (value !== initialValue) {
|
|
7303
|
-
setIsDebouncing(true);
|
|
7304
|
-
}
|
|
7305
|
-
const timeout = setTimeout(() => {
|
|
7306
|
-
onChange(value);
|
|
7307
|
-
setIsDebouncing(false);
|
|
7308
|
-
}, debounce2);
|
|
7309
|
-
return () => {
|
|
7310
|
-
clearTimeout(timeout);
|
|
7311
|
-
setIsDebouncing(false);
|
|
7312
|
-
};
|
|
7313
|
-
}, [debounce2, initialValue, onChange, value]);
|
|
7314
|
-
const renderRightIcon = () => {
|
|
7315
|
-
if (showLoadingIndicator && isDebouncing) {
|
|
7316
|
-
return /* @__PURE__ */ jsx(CircleNotchIcon, { className: "h-4 w-4 animate-spin text-muted-foreground" });
|
|
7317
|
-
}
|
|
7318
|
-
return rightIcon;
|
|
7319
|
-
};
|
|
7320
|
-
return /* @__PURE__ */ jsx(
|
|
7321
|
-
InputBase,
|
|
7322
|
-
{
|
|
7323
|
-
...props,
|
|
7324
|
-
label,
|
|
7325
|
-
labelClassname,
|
|
7326
|
-
leftIcon,
|
|
7327
|
-
rightIcon: renderRightIcon(),
|
|
7328
|
-
className: cn("transition-all duration-200", className),
|
|
7329
|
-
value,
|
|
7330
|
-
onChange: (e) => setValue(e.target.value),
|
|
7331
|
-
error
|
|
7332
|
-
}
|
|
7333
|
-
);
|
|
7334
|
-
}
|
|
7335
7208
|
function useCheckboxTree(initialTree) {
|
|
7336
7209
|
const initialCheckedNodes = useMemo(() => {
|
|
7337
7210
|
const checkedSet = /* @__PURE__ */ new Set();
|
|
@@ -9101,19 +8974,19 @@ function getEventColorClassesAgenda(color) {
|
|
|
9101
8974
|
const eventColor = color || "sky";
|
|
9102
8975
|
switch (eventColor) {
|
|
9103
8976
|
case "sky":
|
|
9104
|
-
return "bg-sky-
|
|
8977
|
+
return "bg-sky-100 hover:bg-sky-200 text-sky-900 border dark:bg-sky-500/30 dark:hover:bg-sky-500/40 dark:text-sky-50 dark:border-sky-400/40 shadow-sky-500/15 hover:shadow-sky-500/25 transition-all duration-200";
|
|
9105
8978
|
case "amber":
|
|
9106
|
-
return "bg-amber-
|
|
8979
|
+
return "bg-amber-100 hover:bg-amber-200 text-amber-900 border dark:bg-amber-500/30 dark:hover:bg-amber-500/40 dark:text-amber-50 dark:border-amber-400/40 shadow-amber-500/15 hover:shadow-amber-500/25 transition-all duration-200";
|
|
9107
8980
|
case "violet":
|
|
9108
|
-
return "bg-violet-
|
|
8981
|
+
return "bg-violet-100 hover:bg-violet-200 text-violet-900 border dark:bg-violet-500/30 dark:hover:bg-violet-500/40 dark:text-violet-50 dark:border-violet-400/40 shadow-violet-500/15 hover:shadow-violet-500/25 transition-all duration-200";
|
|
9109
8982
|
case "rose":
|
|
9110
|
-
return "bg-rose-
|
|
8983
|
+
return "bg-rose-100 hover:bg-rose-200 text-rose-900 border dark:bg-rose-500/30 dark:hover:bg-rose-500/40 dark:text-rose-50 dark:border-rose-400/40 shadow-rose-500/15 hover:shadow-rose-500/25 transition-all duration-200";
|
|
9111
8984
|
case "emerald":
|
|
9112
|
-
return "bg-emerald-
|
|
8985
|
+
return "bg-emerald-100 hover:bg-emerald-200 text-emerald-900 border dark:bg-emerald-500/30 dark:hover:bg-emerald-500/40 dark:text-emerald-50 dark:border-emerald-400/40 shadow-emerald-500/15 hover:shadow-emerald-500/25 transition-all duration-200";
|
|
9113
8986
|
case "orange":
|
|
9114
|
-
return "bg-orange-
|
|
8987
|
+
return "bg-orange-100 hover:bg-orange-200 text-orange-900 border dark:bg-orange-500/30 dark:hover:bg-orange-500/40 dark:text-orange-50 dark:border-orange-400/40 shadow-orange-500/15 hover:shadow-orange-500/25 transition-all duration-200";
|
|
9115
8988
|
default:
|
|
9116
|
-
return "bg-sky-
|
|
8989
|
+
return "bg-sky-100 hover:bg-sky-200 text-sky-900 border dark:bg-sky-500/30 dark:hover:bg-sky-500/40 dark:text-sky-50 dark:border-sky-400/40 shadow-sky-500/15 hover:shadow-sky-500/25 transition-all duration-200";
|
|
9117
8990
|
}
|
|
9118
8991
|
}
|
|
9119
8992
|
function getBorderRadiusClassesAgenda(isFirstDay, isLastDay) {
|
|
@@ -9132,7 +9005,7 @@ function isMultiDayEventAgenda(event) {
|
|
|
9132
9005
|
const eventStart = getEventStartDate(event);
|
|
9133
9006
|
const eventEnd = getEventEndDate(event);
|
|
9134
9007
|
if (!eventStart || !eventEnd) return !!event.allDay;
|
|
9135
|
-
return event.allDay || eventStart
|
|
9008
|
+
return event.allDay || !isSameDay(eventStart, eventEnd);
|
|
9136
9009
|
}
|
|
9137
9010
|
function getEventsForDayAgenda(events, day) {
|
|
9138
9011
|
return events.filter((event) => {
|
|
@@ -9288,12 +9161,13 @@ function EventWrapper({
|
|
|
9288
9161
|
return void 0;
|
|
9289
9162
|
})();
|
|
9290
9163
|
const isEventInPast = displayEnd ? isPast(displayEnd) : false;
|
|
9291
|
-
const colorClasses = hasValidTimeForWrapper ? getEventColorClassesAgenda(event.color) : "bg-gray-200/50 hover:bg-gray-200/40 text-gray-900/80 dark:bg-gray-700/25 dark:text-gray-200/90 shadow-none";
|
|
9164
|
+
const colorClasses = hasValidTimeForWrapper ? getEventColorClassesAgenda(event.color) : "bg-gray-200/50 hover:bg-gray-200/40 text-gray-900/80 dark:bg-gray-700/25 dark:text-gray-200/90 shadow-none ";
|
|
9292
9165
|
return /* @__PURE__ */ jsx(
|
|
9293
9166
|
"button",
|
|
9294
9167
|
{
|
|
9295
9168
|
className: cn(
|
|
9296
|
-
"flex w-full select-none
|
|
9169
|
+
"flex w-full select-none px-3 py-1 text-left font-medium outline-none transition-transform duration-150 ease-out backdrop-blur-sm focus-visible:ring-2 focus-visible:ring-ring/50 focus-visible:border-ring data-dragging:cursor-grabbing data-past-event:line-through data-dragging:shadow-lg sm:px-3 rounded-lg shadow-sm hover:shadow-md border ",
|
|
9170
|
+
className?.includes("overflow-visible") ? "" : "overflow-hidden",
|
|
9297
9171
|
colorClasses,
|
|
9298
9172
|
getBorderRadiusClassesAgenda(isFirstDay, isLastDay),
|
|
9299
9173
|
className
|
|
@@ -9918,7 +9792,7 @@ function Select({
|
|
|
9918
9792
|
]
|
|
9919
9793
|
}
|
|
9920
9794
|
),
|
|
9921
|
-
/* @__PURE__ */ jsx(ScrollAreaBase, { "data-testid": testIds.scrollarea ?? "select-scrollarea", children: /* @__PURE__ */ jsx(SelectContentBase, { "data-testid": testIds.content ?? "select-content", children: pagination && pagination > 0 ? /* @__PURE__ */ jsxs(Fragment, { children: [
|
|
9795
|
+
/* @__PURE__ */ jsx(ScrollAreaBase, { "data-testid": testIds.scrollarea ?? "select-scrollarea", children: /* @__PURE__ */ jsx(SelectContentBase, { "data-testid": testIds.content ?? "select-content", className: "border-border", children: pagination && pagination > 0 ? /* @__PURE__ */ jsxs(Fragment, { children: [
|
|
9922
9796
|
/* @__PURE__ */ jsx(
|
|
9923
9797
|
"div",
|
|
9924
9798
|
{
|
|
@@ -10416,7 +10290,7 @@ function MonthViewAgenda({
|
|
|
10416
10290
|
"div",
|
|
10417
10291
|
{
|
|
10418
10292
|
className: twMerge(
|
|
10419
|
-
`mt-1 inline-flex w-6 h-6 sm:w-7 sm:h-7 items-center justify-center rounded-
|
|
10293
|
+
`mt-1 inline-flex w-6 h-6 sm:w-7 sm:h-7 items-center justify-center border rounded-md text-xs sm:text-sm font-semibold text-muted-foreground`,
|
|
10420
10294
|
isToday(day) ? "bg-blue-500 text-white" : ""
|
|
10421
10295
|
),
|
|
10422
10296
|
children: format(day, "d")
|
|
@@ -10449,21 +10323,19 @@ function MonthViewAgenda({
|
|
|
10449
10323
|
isLastDay,
|
|
10450
10324
|
onClick: (e) => handleEventClick(event, e),
|
|
10451
10325
|
view: "month",
|
|
10452
|
-
children: /* @__PURE__ */
|
|
10453
|
-
/* @__PURE__ */ jsx("span", { className: "text-[11px] opacity-80", children: "\u2192" }),
|
|
10454
|
-
/* @__PURE__ */ jsx("span", { className: "truncate font-medium", children: event.title })
|
|
10455
|
-
] })
|
|
10326
|
+
children: /* @__PURE__ */ jsx("div", { className: "flex items-center gap-1 truncate text-[12px] text-foreground" })
|
|
10456
10327
|
}
|
|
10457
10328
|
)
|
|
10458
10329
|
},
|
|
10459
10330
|
`spanning-${event.id}-${day.toISOString().slice(0, 10)}`
|
|
10460
10331
|
);
|
|
10461
10332
|
}
|
|
10333
|
+
const isMultiDay = !isLastDay;
|
|
10462
10334
|
return /* @__PURE__ */ jsx(
|
|
10463
10335
|
"div",
|
|
10464
10336
|
{
|
|
10465
10337
|
"aria-hidden": isHidden ? "true" : void 0,
|
|
10466
|
-
className: "aria-hidden:hidden",
|
|
10338
|
+
className: "aria-hidden:hidden relative",
|
|
10467
10339
|
children: /* @__PURE__ */ jsx(
|
|
10468
10340
|
EventItemAgenda,
|
|
10469
10341
|
{
|
|
@@ -10472,9 +10344,16 @@ function MonthViewAgenda({
|
|
|
10472
10344
|
isLastDay,
|
|
10473
10345
|
onClick: (e) => handleEventClick(event, e),
|
|
10474
10346
|
view: "month",
|
|
10475
|
-
|
|
10347
|
+
className: isMultiDay ? "overflow-visible" : "",
|
|
10348
|
+
children: /* @__PURE__ */ jsxs("span", { className: "flex items-center gap-1 sm:gap-2 truncate text-[12px] text-foreground relative z-10", children: [
|
|
10476
10349
|
!event.allDay && /* @__PURE__ */ jsx("span", { className: "truncate font-normal opacity-80 text-[10px] sm:text-[11px] bg-white/10 px-1 py-0.5 rounded-full", children: format(eventStart, "HH:mm") }),
|
|
10477
|
-
/* @__PURE__ */ jsx(
|
|
10350
|
+
/* @__PURE__ */ jsx(
|
|
10351
|
+
"span",
|
|
10352
|
+
{
|
|
10353
|
+
className: `font-medium text-xs sm:text-sm ${isMultiDay ? "whitespace-nowrap" : "truncate"}`,
|
|
10354
|
+
children: event.title
|
|
10355
|
+
}
|
|
10356
|
+
)
|
|
10478
10357
|
] })
|
|
10479
10358
|
}
|
|
10480
10359
|
)
|
|
@@ -13240,13 +13119,13 @@ function getEventColorClasses(color) {
|
|
|
13240
13119
|
}
|
|
13241
13120
|
function getBorderRadiusClasses(isFirstDay, isLastDay) {
|
|
13242
13121
|
if (isFirstDay && isLastDay) {
|
|
13243
|
-
return "rounded";
|
|
13122
|
+
return "rounded-lg";
|
|
13244
13123
|
}
|
|
13245
13124
|
if (isFirstDay) {
|
|
13246
|
-
return "rounded-l rounded-r-none";
|
|
13125
|
+
return "rounded-l-lg rounded-r-none";
|
|
13247
13126
|
}
|
|
13248
13127
|
if (isLastDay) {
|
|
13249
|
-
return "rounded-r rounded-l-none";
|
|
13128
|
+
return "rounded-r-lg rounded-l-none";
|
|
13250
13129
|
}
|
|
13251
13130
|
return "rounded-none";
|
|
13252
13131
|
}
|
|
@@ -15080,7 +14959,7 @@ var DraggableTooltipComponent = ({
|
|
|
15080
14959
|
/* @__PURE__ */ jsx(
|
|
15081
14960
|
motion.div,
|
|
15082
14961
|
{
|
|
15083
|
-
className: "fixed pointer-events-none z-
|
|
14962
|
+
className: "fixed pointer-events-none z-[9998]",
|
|
15084
14963
|
variants: guideVariants,
|
|
15085
14964
|
initial: "hidden",
|
|
15086
14965
|
animate: "visible",
|
|
@@ -15102,7 +14981,7 @@ var DraggableTooltipComponent = ({
|
|
|
15102
14981
|
/* @__PURE__ */ jsx(
|
|
15103
14982
|
motion.div,
|
|
15104
14983
|
{
|
|
15105
|
-
className: "fixed pointer-events-none z-
|
|
14984
|
+
className: "fixed pointer-events-none z-[9999]",
|
|
15106
14985
|
variants: guideDotVariants,
|
|
15107
14986
|
initial: "hidden",
|
|
15108
14987
|
animate: "visible",
|
|
@@ -15142,7 +15021,7 @@ var DraggableTooltipComponent = ({
|
|
|
15142
15021
|
/* @__PURE__ */ jsx(AnimatePresence, { children: /* @__PURE__ */ jsxs(
|
|
15143
15022
|
motion.div,
|
|
15144
15023
|
{
|
|
15145
|
-
className: "fixed bg-card border border-border rounded-lg shadow-lg z-
|
|
15024
|
+
className: "fixed bg-card border border-border rounded-lg shadow-lg z-[10000] min-w-80 select-none",
|
|
15146
15025
|
variants: tooltipVariants,
|
|
15147
15026
|
initial: "hidden",
|
|
15148
15027
|
animate: "visible",
|
|
@@ -15374,7 +15253,7 @@ var RechartTooltipWithTotal = ({
|
|
|
15374
15253
|
{
|
|
15375
15254
|
role: "dialog",
|
|
15376
15255
|
"aria-label": `Tooltip ${label ?? ""}`,
|
|
15377
|
-
className: "bg-card border border-border rounded-lg p-3 shadow-2xl max-w-xs z-
|
|
15256
|
+
className: "bg-card border border-border rounded-lg p-3 shadow-2xl max-w-xs z-[10000]",
|
|
15378
15257
|
style: { minWidth: 220 },
|
|
15379
15258
|
children: [
|
|
15380
15259
|
/* @__PURE__ */ jsxs("div", { className: "flex items-start justify-between mb-2", children: [
|
|
@@ -15487,7 +15366,7 @@ var TooltipSimple = ({
|
|
|
15487
15366
|
{
|
|
15488
15367
|
role: "dialog",
|
|
15489
15368
|
"aria-label": `Tooltip ${label ?? ""}`,
|
|
15490
|
-
className: "bg-card border border-border rounded-lg p-3 shadow-2xl max-w-[280px] z-
|
|
15369
|
+
className: "bg-card border border-border rounded-lg p-3 shadow-2xl max-w-[280px] z-[10000]",
|
|
15491
15370
|
style: { minWidth: 220 },
|
|
15492
15371
|
children: [
|
|
15493
15372
|
/* @__PURE__ */ jsx("div", { className: "mb-2", children: /* @__PURE__ */ jsx("div", { className: "flex items-center justify-between gap-3", children: /* @__PURE__ */ jsxs("div", { className: "min-w-0", children: [
|
|
@@ -15676,7 +15555,7 @@ var SystemTooltip = ({
|
|
|
15676
15555
|
return /* @__PURE__ */ jsx(AnimatePresence, { children: /* @__PURE__ */ jsxs(
|
|
15677
15556
|
motion.div,
|
|
15678
15557
|
{
|
|
15679
|
-
className: "fixed bg-card/95 backdrop-blur-md border border-border/50 rounded-xl shadow-2xl z-
|
|
15558
|
+
className: "fixed bg-card/95 backdrop-blur-md border border-border/50 rounded-xl shadow-2xl z-[10000] w-80 overflow-hidden",
|
|
15680
15559
|
variants: tooltipVariants2,
|
|
15681
15560
|
initial: "hidden",
|
|
15682
15561
|
animate: "visible",
|
|
@@ -15751,7 +15630,9 @@ var SystemTooltip = ({
|
|
|
15751
15630
|
"div",
|
|
15752
15631
|
{
|
|
15753
15632
|
className: "group flex items-center justify-between p-2 rounded-lg bg-emerald-500/5 border border-emerald-500/10 hover:border-emerald-500/30 transition-all cursor-pointer",
|
|
15754
|
-
onClick: () => setExpandedId(
|
|
15633
|
+
onClick: () => setExpandedId(
|
|
15634
|
+
expandedId === conn.id ? null : conn.id
|
|
15635
|
+
),
|
|
15755
15636
|
children: [
|
|
15756
15637
|
/* @__PURE__ */ jsx("div", { className: "flex items-center gap-2 overflow-hidden", children: /* @__PURE__ */ jsx("span", { className: "text-sm font-medium truncate", children: conn.name }) }),
|
|
15757
15638
|
/* @__PURE__ */ jsx(
|
|
@@ -15813,7 +15694,9 @@ var SystemTooltip = ({
|
|
|
15813
15694
|
"div",
|
|
15814
15695
|
{
|
|
15815
15696
|
className: "group flex items-center justify-between p-2 rounded-lg bg-blue-500/5 border border-blue-500/10 hover:border-blue-500/30 transition-all cursor-pointer",
|
|
15816
|
-
onClick: () => setExpandedId(
|
|
15697
|
+
onClick: () => setExpandedId(
|
|
15698
|
+
expandedId === conn.id ? null : conn.id
|
|
15699
|
+
),
|
|
15817
15700
|
children: [
|
|
15818
15701
|
/* @__PURE__ */ jsx("div", { className: "flex items-center gap-2 overflow-hidden", children: /* @__PURE__ */ jsx("span", { className: "text-sm font-medium truncate", children: conn.name }) }),
|
|
15819
15702
|
/* @__PURE__ */ jsx(
|
|
@@ -15874,6 +15757,35 @@ var SystemTooltip = ({
|
|
|
15874
15757
|
) });
|
|
15875
15758
|
};
|
|
15876
15759
|
var SystemTooltip_default = SystemTooltip;
|
|
15760
|
+
|
|
15761
|
+
// src/components/ui/charts/components/tooltips/systemTooltipUtils.ts
|
|
15762
|
+
function processNeo4jData(integrations, targetSystemName) {
|
|
15763
|
+
const connections = [];
|
|
15764
|
+
integrations.forEach((integration) => {
|
|
15765
|
+
const origemNome = integration.origem.properties.nome;
|
|
15766
|
+
const destinoNome = integration.destino.properties.nome;
|
|
15767
|
+
if (origemNome === targetSystemName) {
|
|
15768
|
+
connections.push({
|
|
15769
|
+
id: integration.r.elementId,
|
|
15770
|
+
name: destinoNome,
|
|
15771
|
+
type: "saida",
|
|
15772
|
+
integration: integration.r.properties
|
|
15773
|
+
});
|
|
15774
|
+
}
|
|
15775
|
+
if (destinoNome === targetSystemName) {
|
|
15776
|
+
connections.push({
|
|
15777
|
+
id: integration.r.elementId,
|
|
15778
|
+
name: origemNome,
|
|
15779
|
+
type: "entrada",
|
|
15780
|
+
integration: integration.r.properties
|
|
15781
|
+
});
|
|
15782
|
+
}
|
|
15783
|
+
});
|
|
15784
|
+
return {
|
|
15785
|
+
name: targetSystemName,
|
|
15786
|
+
connections
|
|
15787
|
+
};
|
|
15788
|
+
}
|
|
15877
15789
|
var Brush = ({
|
|
15878
15790
|
data,
|
|
15879
15791
|
legend,
|
|
@@ -16578,7 +16490,7 @@ var NoData = ({
|
|
|
16578
16490
|
/* @__PURE__ */ jsxs(
|
|
16579
16491
|
"svg",
|
|
16580
16492
|
{
|
|
16581
|
-
className: "w-full h-
|
|
16493
|
+
className: "w-full h-full opacity-40",
|
|
16582
16494
|
viewBox: `0 0 900 ${h}`,
|
|
16583
16495
|
preserveAspectRatio: "none",
|
|
16584
16496
|
children: [
|
|
@@ -17348,6 +17260,16 @@ var Chart = ({
|
|
|
17348
17260
|
// horizontal removido
|
|
17349
17261
|
// orderBy removido
|
|
17350
17262
|
}) => {
|
|
17263
|
+
const usesFullHeight = typeof height === "string" && (height === "100%" || height === "100vh") || typeof className === "string" && /\bh-full\b/.test(className || "");
|
|
17264
|
+
const responsiveHeight = usesFullHeight ? "100%" : height;
|
|
17265
|
+
const wrapperClass = cn(
|
|
17266
|
+
"w-full min-w-0 rounded-lg border-border",
|
|
17267
|
+
className,
|
|
17268
|
+
"overflow-hidden"
|
|
17269
|
+
);
|
|
17270
|
+
const wrapperStyle = usesFullHeight ? void 0 : {
|
|
17271
|
+
height: typeof responsiveHeight === "number" ? `${responsiveHeight}px` : responsiveHeight
|
|
17272
|
+
};
|
|
17351
17273
|
const { xAxisConfig, mapperConfig } = useMemo(() => {
|
|
17352
17274
|
return fnSmartConfig({ xAxis, data, labelMap });
|
|
17353
17275
|
}, [data, xAxis, labelMap]);
|
|
@@ -17491,6 +17413,10 @@ var Chart = ({
|
|
|
17491
17413
|
maxTooltips,
|
|
17492
17414
|
effectiveChartWidth
|
|
17493
17415
|
});
|
|
17416
|
+
const legendSpace = showLegend ? 44 : 0;
|
|
17417
|
+
const xAxisLabelSpace = xAxisLabel ? 18 : 0;
|
|
17418
|
+
const brushSpace = timeSeriesConfig?.height ? 200 : 0;
|
|
17419
|
+
const bottomMargin = 10 + legendSpace + xAxisLabelSpace + brushSpace;
|
|
17494
17420
|
if (!data && !isLoading) return null;
|
|
17495
17421
|
if (isLoading) {
|
|
17496
17422
|
return /* @__PURE__ */ jsx(
|
|
@@ -17514,16 +17440,13 @@ var Chart = ({
|
|
|
17514
17440
|
}
|
|
17515
17441
|
);
|
|
17516
17442
|
}
|
|
17517
|
-
return /* @__PURE__ */ jsxs(
|
|
17518
|
-
|
|
17519
|
-
|
|
17520
|
-
|
|
17521
|
-
|
|
17522
|
-
|
|
17523
|
-
|
|
17524
|
-
),
|
|
17525
|
-
children: [
|
|
17526
|
-
/* @__PURE__ */ jsxs("div", { className: "rounded-lg bg-card relative w-full max-w-full min-w-0 py-1", children: [
|
|
17443
|
+
return /* @__PURE__ */ jsxs("div", { ref: wrapperRef, className: wrapperClass, style: wrapperStyle, children: [
|
|
17444
|
+
/* @__PURE__ */ jsxs(
|
|
17445
|
+
"div",
|
|
17446
|
+
{
|
|
17447
|
+
className: "rounded-lg bg-card relative w-full max-w-full min-w-0 py-1",
|
|
17448
|
+
style: usesFullHeight ? { height: "100%" } : void 0,
|
|
17449
|
+
children: [
|
|
17527
17450
|
/* @__PURE__ */ jsx(
|
|
17528
17451
|
ChartHeader,
|
|
17529
17452
|
{
|
|
@@ -17585,16 +17508,15 @@ var Chart = ({
|
|
|
17585
17508
|
)
|
|
17586
17509
|
}
|
|
17587
17510
|
),
|
|
17588
|
-
/* @__PURE__ */ jsx(ResponsiveContainer, { width: "100%", height
|
|
17511
|
+
/* @__PURE__ */ jsx(ResponsiveContainer, { width: "100%", height: responsiveHeight, children: /* @__PURE__ */ jsxs(
|
|
17589
17512
|
ComposedChart,
|
|
17590
17513
|
{
|
|
17591
17514
|
data: processedData,
|
|
17592
|
-
height,
|
|
17593
17515
|
margin: {
|
|
17594
17516
|
top: 10,
|
|
17595
17517
|
right: finalChartRightMargin,
|
|
17596
17518
|
left: finalChartLeftMargin,
|
|
17597
|
-
bottom:
|
|
17519
|
+
bottom: bottomMargin
|
|
17598
17520
|
},
|
|
17599
17521
|
onClick: handleChartClick,
|
|
17600
17522
|
children: [
|
|
@@ -17875,67 +17797,67 @@ var Chart = ({
|
|
|
17875
17797
|
]
|
|
17876
17798
|
}
|
|
17877
17799
|
) })
|
|
17878
|
-
]
|
|
17879
|
-
|
|
17880
|
-
|
|
17881
|
-
|
|
17882
|
-
|
|
17883
|
-
|
|
17884
|
-
|
|
17885
|
-
|
|
17886
|
-
|
|
17887
|
-
|
|
17888
|
-
|
|
17889
|
-
|
|
17890
|
-
|
|
17891
|
-
|
|
17892
|
-
|
|
17893
|
-
|
|
17894
|
-
|
|
17895
|
-
|
|
17896
|
-
|
|
17897
|
-
|
|
17898
|
-
|
|
17899
|
-
|
|
17900
|
-
|
|
17901
|
-
|
|
17902
|
-
|
|
17903
|
-
|
|
17904
|
-
|
|
17905
|
-
|
|
17906
|
-
|
|
17907
|
-
|
|
17908
|
-
|
|
17909
|
-
|
|
17910
|
-
|
|
17911
|
-
|
|
17912
|
-
|
|
17913
|
-
|
|
17914
|
-
|
|
17915
|
-
|
|
17916
|
-
|
|
17917
|
-
|
|
17918
|
-
|
|
17919
|
-
|
|
17920
|
-
|
|
17921
|
-
|
|
17922
|
-
|
|
17923
|
-
|
|
17924
|
-
|
|
17925
|
-
|
|
17926
|
-
|
|
17927
|
-
|
|
17928
|
-
|
|
17929
|
-
|
|
17930
|
-
|
|
17931
|
-
|
|
17932
|
-
|
|
17933
|
-
|
|
17934
|
-
|
|
17935
|
-
|
|
17936
|
-
|
|
17937
|
-
|
|
17938
|
-
);
|
|
17800
|
+
]
|
|
17801
|
+
}
|
|
17802
|
+
),
|
|
17803
|
+
enableDraggableTooltips && activeTooltips.map((tooltip) => /* @__PURE__ */ jsx(
|
|
17804
|
+
DraggableTooltip_default,
|
|
17805
|
+
{
|
|
17806
|
+
id: tooltip.id,
|
|
17807
|
+
data: adaptDataForTooltip(tooltip.data, xAxisConfig.dataKey),
|
|
17808
|
+
position: tooltip.position,
|
|
17809
|
+
title,
|
|
17810
|
+
dataKeys: allKeys,
|
|
17811
|
+
finalColors,
|
|
17812
|
+
highlightedSeries,
|
|
17813
|
+
toggleHighlight,
|
|
17814
|
+
showOnlyHighlighted,
|
|
17815
|
+
onClose: (id) => setActiveTooltips((prev) => prev.filter((t) => t.id !== id)),
|
|
17816
|
+
onPositionChange: onTooltipPositionChange,
|
|
17817
|
+
periodLabel,
|
|
17818
|
+
dataLabel: "Dados do Per\xEDodo",
|
|
17819
|
+
valueFormatter: finalValueFormatter,
|
|
17820
|
+
categoryFormatter,
|
|
17821
|
+
globalTooltipCount: activeTooltips.length,
|
|
17822
|
+
onCloseAll: () => window.dispatchEvent(new Event("closeAllTooltips")),
|
|
17823
|
+
closeAllButtonPosition: "top-center",
|
|
17824
|
+
closeAllButtonVariant: "floating"
|
|
17825
|
+
},
|
|
17826
|
+
tooltip.id
|
|
17827
|
+
)),
|
|
17828
|
+
enableDraggableTooltips && activeTooltips.length > 1 && /* @__PURE__ */ jsx(
|
|
17829
|
+
CloseAllButton_default,
|
|
17830
|
+
{
|
|
17831
|
+
count: activeTooltips.length,
|
|
17832
|
+
onCloseAll: () => window.dispatchEvent(new Event("closeAllTooltips")),
|
|
17833
|
+
position: "top-center",
|
|
17834
|
+
variant: "floating"
|
|
17835
|
+
}
|
|
17836
|
+
),
|
|
17837
|
+
timeSeriesConfig && /* @__PURE__ */ jsx(
|
|
17838
|
+
Brush_default,
|
|
17839
|
+
{
|
|
17840
|
+
legend: timeSeriesLegend,
|
|
17841
|
+
data,
|
|
17842
|
+
startIndex,
|
|
17843
|
+
endIndex,
|
|
17844
|
+
onMouseDown: handleMouseDown,
|
|
17845
|
+
brushRef,
|
|
17846
|
+
xAxisKey: xAxisConfig.dataKey,
|
|
17847
|
+
seriesOrder,
|
|
17848
|
+
finalColors,
|
|
17849
|
+
brushHeight: timeSeriesConfig.height,
|
|
17850
|
+
brushColor: timeSeriesConfig.brushColor,
|
|
17851
|
+
miniChartOpacity: timeSeriesConfig.miniChartOpacity,
|
|
17852
|
+
showGrid,
|
|
17853
|
+
gridColor,
|
|
17854
|
+
margin: {
|
|
17855
|
+
left: finalChartLeftMargin,
|
|
17856
|
+
right: finalChartRightMargin
|
|
17857
|
+
}
|
|
17858
|
+
}
|
|
17859
|
+
)
|
|
17860
|
+
] });
|
|
17939
17861
|
};
|
|
17940
17862
|
var Chart_default = Chart;
|
|
17941
17863
|
var DEFAULT_COLORS3 = ["#0d1136", "#666655", "#1a1a1a"];
|
|
@@ -18684,4 +18606,4 @@ function Leaderboard({
|
|
|
18684
18606
|
);
|
|
18685
18607
|
}
|
|
18686
18608
|
|
|
18687
|
-
export { AddButton, Agenda, AgendaDaysToShow, AgendaDaysToShowAgenda, AgendaView, AlertDialogActionBase, AlertDialogBase, AlertDialogCancelBase, AlertDialogContentBase, AlertDialogDescriptionBase, AlertDialogFooterBase, AlertDialogHeaderBase, AlertDialogOverlayBase, AlertDialogPortalBase, AlertDialogTitleBase, AlertDialogTriggerBase, AvatarBase, AvatarCombobox, AvatarFallbackBase, AvatarImageBase, BackButton, Badge, BreadcrumbBase, BreadcrumbEllipsisBase, BreadcrumbItemBase, BreadcrumbLinkBase, BreadcrumbListBase, BreadcrumbPageBase, BreadcrumbSeparatorBase, Brush_default as Brush, ButtonBase, ButtonGroupBase, CENTER_INDEX, CalendarBase, CalendarDndProvider, CalendarDndProviderAgenda, CardBase, CardContentBase, CardDescriptionBase, CardFooterBase, CardHeaderBase, CardTitleBase,
|
|
18609
|
+
export { AddButton, Agenda, AgendaDaysToShow, AgendaDaysToShowAgenda, AgendaView, AlertDialogActionBase, AlertDialogBase, AlertDialogCancelBase, AlertDialogContentBase, AlertDialogDescriptionBase, AlertDialogFooterBase, AlertDialogHeaderBase, AlertDialogOverlayBase, AlertDialogPortalBase, AlertDialogTitleBase, AlertDialogTriggerBase, AvatarBase, AvatarCombobox, AvatarFallbackBase, AvatarImageBase, BackButton, Badge, BreadcrumbBase, BreadcrumbEllipsisBase, BreadcrumbItemBase, BreadcrumbLinkBase, BreadcrumbListBase, BreadcrumbPageBase, BreadcrumbSeparatorBase, Brush_default as Brush, ButtonBase, ButtonGroupBase, CENTER_INDEX, CalendarBase, CalendarDndProvider, CalendarDndProviderAgenda, CardBase, CardContentBase, CardDescriptionBase, CardFooterBase, CardHeaderBase, CardTitleBase, ChangeButton, Chart_default as Chart, ChartControls, ChartHeader, ChartTotalLegend_default as ChartTotalLegend, CheckButton, CheckboxBase, CheckboxTree, CloseAllButton_default as CloseAllButton, CloseButton, CodeBlock, CollapsibleBase, CollapsibleContentBase, CollapsibleTriggerBase, Combobox, CommandBase, CommandDebouncedInputBase, 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, DefaultEndHour, DefaultEndHourAgenda, DefaultStartHour, DefaultStartHourAgenda, DestructiveDialog, DialogBase, DialogCloseBase, DialogContentBase, DialogDescriptionBase, DialogFooterBase, DialogHeaderBase, DialogOverlayBase, DialogPortalBase, DialogTitleBase, DialogTriggerBase, DownloadButton, DraggableEvent2 as DraggableEvent, DraggableTooltip_default as 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_default as ErrorMessage, EventAgenda, EventCalendar, EventDialog, EventGap, EventGapAgenda, EventHeight, EventHeightAgenda, EventItem, EventItemAgenda, EventsPopup, FavoriteButton, FileUploader, FilterButton, HideButton, Highlights_default as Highlights, HorizontalChart_default as HorizontalChart, HorizontalLegend_default as HorizontalLegend, HoverCardBase, HoverCardContentBase, HoverCardTriggerBase, ITEM_HEIGHT, InputBase, InputOTPBase, InputOTPGroupBase, InputOTPSeparatorBase, InputOTPSlotBase, LabelBase_default as LabelBase, Leaderboard, LikeButton, LoadingBase, LockButton, ModalBase, ModalCloseBase, ModalContentBase, ModalDescriptionBase, ModalFooterBase, ModalHeaderBase, ModalOverlayBase, ModalPortalBase, ModalTitleBase, ModalTriggerBase, ModeToggleBase, MonthView, MonthViewAgenda, MoreButton, MultiCombobox, MultiSelect, MultiSelectBase, MultiSelectContentBase, MultiSelectGroupBase, MultiSelectItemBase, MultiSelectSeparatorBase, MultiSelectTriggerBase, MultiSelectValueBase, NavigationMenuBase, NavigationMenuContentBase, NavigationMenuIndicatorBase, NavigationMenuItemBase, NavigationMenuLinkBase, NavigationMenuListBase, NavigationMenuTriggerBase, NavigationMenuViewportBase, NoData_default as NoData, NotificationButton, NumericInput, PeriodsDropdown_default as PeriodsDropdown, PopoverAnchorBase, PopoverBase, PopoverContentBase, PopoverTriggerBase, ProgressBase, ProgressCirclesBase, ProgressPanelsBase, ProgressSegmentsBase, RangePicker, RefreshButton, SaveButton, ScrollAreaBase, ScrollBarBase, SearchButton, Select, SelectBase, SelectContentBase, SelectEmpty, SelectGroupBase, SelectItemBase, SelectLabelBase, SelectScrollDownButtonBase, SelectScrollUpButtonBase, SelectSeparatorBase, SelectTriggerBase, SelectValueBase, SeparatorBase, SettingsButton, SheetBase, SheetCloseBase, SheetContentBase, SheetDescriptionBase, SheetFooterBase, SheetHeaderBase, SheetOverlayBase, SheetPortalBase, SheetTitleBase, SheetTriggerBase, ShowOnly_default as 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, StartHour, StartHourAgenda, StatusIndicator, SwitchBase, SystemTooltip_default as SystemTooltip, TableBase, TableBodyBase, TableCaptionBase, TableCellBase, TableFooterBase, TableHeadBase, TableHeaderBase, TableRowBase, TabsBase, TabsContentBase, TabsListBase, TabsTriggerBase, TextAreaBase, ThemeProviderBase, TimePicker, TimePickerInput, TimeSeries_default as TimeSeries, Toaster, TooltipBase, TooltipContentBase, TooltipProviderBase, TooltipSimple_default as TooltipSimple, TooltipTriggerBase, TooltipWithTotal_default as TooltipWithTotal, UndatedEvents, UniversalTooltipRenderer, UnlockButton, UploadButton, UseSideBarBase, VISIBLE_ITEMS, ViewButton, VisibilityButton, WeekCellsHeight, WeekCellsHeightAgenda, WeekView, WeekViewAgenda, 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, pillLabelRenderer_default as 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, visualForItem };
|