@flowselections/core 1.0.8 → 1.0.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/auth/useAuth.d.ts +27 -27
- package/dist/auth/useAuth.js +72 -72
- package/dist/components/instellingen/NotificationSettingsCard.d.ts +1 -1
- package/dist/components/instellingen/NotificationSettingsCard.js +63 -63
- package/dist/components/layout/BugsDialog.d.ts +6 -6
- package/dist/components/layout/BugsDialog.js +148 -148
- package/dist/components/layout/Header.d.ts +5 -5
- package/dist/components/layout/Header.js +30 -30
- package/dist/components/layout/InstellingenPage.d.ts +4 -4
- package/dist/components/layout/InstellingenPage.js +78 -78
- package/dist/components/layout/LoginPage.d.ts +5 -5
- package/dist/components/layout/LoginPage.js +57 -57
- package/dist/components/layout/NotificationBell.d.ts +1 -1
- package/dist/components/layout/NotificationBell.js +45 -45
- package/dist/components/layout/ResetWachtwoordPage.d.ts +5 -5
- package/dist/components/layout/ResetWachtwoordPage.js +51 -51
- package/dist/components/layout/Sidebar.d.ts +8 -8
- package/dist/components/layout/Sidebar.d.ts.map +1 -1
- package/dist/components/layout/Sidebar.js +29 -31
- package/dist/components/ui/accordion.d.ts +7 -7
- package/dist/components/ui/accordion.js +13 -13
- package/dist/components/ui/alert-dialog.d.ts +20 -20
- package/dist/components/ui/alert-dialog.js +26 -26
- package/dist/components/ui/alert.d.ts +8 -8
- package/dist/components/ui/alert.js +22 -22
- package/dist/components/ui/aspect-ratio.d.ts +3 -3
- package/dist/components/ui/aspect-ratio.js +3 -3
- package/dist/components/ui/avatar.d.ts +6 -6
- package/dist/components/ui/avatar.js +12 -12
- package/dist/components/ui/badge.d.ts +9 -9
- package/dist/components/ui/badge.js +20 -20
- package/dist/components/ui/breadcrumb.d.ts +19 -19
- package/dist/components/ui/breadcrumb.js +23 -23
- package/dist/components/ui/button.d.ts +11 -11
- package/dist/components/ui/button.js +33 -33
- package/dist/components/ui/calendar.d.ts +8 -8
- package/dist/components/ui/calendar.js +74 -74
- package/dist/components/ui/card.d.ts +8 -8
- package/dist/components/ui/card.js +16 -16
- package/dist/components/ui/carousel.d.ts +18 -18
- package/dist/components/ui/carousel.js +98 -98
- package/dist/components/ui/chart.d.ts +62 -62
- package/dist/components/ui/chart.js +130 -130
- package/dist/components/ui/checkbox.d.ts +4 -4
- package/dist/components/ui/checkbox.js +8 -8
- package/dist/components/ui/collapsible.d.ts +5 -5
- package/dist/components/ui/collapsible.js +6 -6
- package/dist/components/ui/command.d.ts +80 -80
- package/dist/components/ui/command.js +29 -29
- package/dist/components/ui/context-menu.d.ts +27 -27
- package/dist/components/ui/context-menu.js +33 -33
- package/dist/components/ui/dialog.d.ts +19 -19
- package/dist/components/ui/dialog.js +23 -23
- package/dist/components/ui/drawer.d.ts +22 -22
- package/dist/components/ui/drawer.js +22 -22
- package/dist/components/ui/dropdown-menu.d.ts +27 -27
- package/dist/components/ui/dropdown-menu.js +36 -36
- package/dist/components/ui/form.d.ts +23 -23
- package/dist/components/ui/form.js +65 -65
- package/dist/components/ui/hover-card.d.ts +6 -6
- package/dist/components/ui/hover-card.js +9 -9
- package/dist/components/ui/icon-picker.d.ts +14 -14
- package/dist/components/ui/icon-picker.js +73 -73
- package/dist/components/ui/input-otp.d.ts +34 -34
- package/dist/components/ui/input-otp.js +18 -18
- package/dist/components/ui/input.d.ts +3 -3
- package/dist/components/ui/input.js +8 -8
- package/dist/components/ui/label.d.ts +5 -5
- package/dist/components/ui/label.js +10 -10
- package/dist/components/ui/menubar.d.ts +28 -28
- package/dist/components/ui/menubar.js +45 -45
- package/dist/components/ui/navigation-menu.d.ts +12 -12
- package/dist/components/ui/navigation-menu.js +24 -24
- package/dist/components/ui/pagination.d.ts +28 -28
- package/dist/components/ui/pagination.js +23 -23
- package/dist/components/ui/popover.d.ts +7 -7
- package/dist/components/ui/popover.js +10 -10
- package/dist/components/ui/progress.d.ts +4 -4
- package/dist/components/ui/progress.js +8 -8
- package/dist/components/ui/radio-group.d.ts +5 -5
- package/dist/components/ui/radio-group.js +14 -14
- package/dist/components/ui/resizable.d.ts +7 -7
- package/dist/components/ui/resizable.js +8 -8
- package/dist/components/ui/scroll-area.d.ts +5 -5
- package/dist/components/ui/scroll-area.js +11 -11
- package/dist/components/ui/select.d.ts +13 -13
- package/dist/components/ui/select.js +27 -27
- package/dist/components/ui/separator.d.ts +4 -4
- package/dist/components/ui/separator.js +7 -7
- package/dist/components/ui/sheet.d.ts +25 -25
- package/dist/components/ui/sheet.js +37 -37
- package/dist/components/ui/sidebar.d.ts +65 -65
- package/dist/components/ui/sidebar.js +224 -224
- package/dist/components/ui/skeleton.d.ts +2 -2
- package/dist/components/ui/skeleton.js +6 -6
- package/dist/components/ui/slider.d.ts +4 -4
- package/dist/components/ui/slider.js +7 -7
- package/dist/components/ui/sonner.d.ts +4 -4
- package/dist/components/ui/sonner.js +13 -13
- package/dist/components/ui/switch.d.ts +4 -4
- package/dist/components/ui/switch.js +7 -7
- package/dist/components/ui/table.d.ts +10 -10
- package/dist/components/ui/table.js +20 -20
- package/dist/components/ui/tabs.d.ts +7 -7
- package/dist/components/ui/tabs.js +12 -12
- package/dist/components/ui/textarea.d.ts +3 -3
- package/dist/components/ui/textarea.js +8 -8
- package/dist/components/ui/toggle-group.d.ts +12 -12
- package/dist/components/ui/toggle-group.js +21 -21
- package/dist/components/ui/toggle.d.ts +12 -12
- package/dist/components/ui/toggle.js +25 -25
- package/dist/components/ui/tooltip.d.ts +7 -7
- package/dist/components/ui/tooltip.js +11 -11
- package/dist/hooks/use-mobile.d.ts +1 -1
- package/dist/hooks/use-mobile.js +15 -15
- package/dist/index.d.ts +31 -31
- package/dist/index.js +33 -33
- package/dist/lib/utils.d.ts +2 -2
- package/dist/lib/utils.js +5 -5
- package/dist/lib/validationSchemas.d.ts +14 -14
- package/dist/lib/validationSchemas.js +25 -25
- package/dist/supabase/auth-middleware.d.ts +638 -638
- package/dist/supabase/auth-middleware.js +52 -52
- package/dist/supabase/client.d.ts +634 -634
- package/dist/supabase/client.js +13 -13
- package/dist/supabase/client.server.d.ts +634 -634
- package/dist/supabase/client.server.js +30 -30
- package/dist/supabase/types.d.ts +716 -716
- package/dist/supabase/types.js +7 -7
- package/dist/types/module.d.ts +19 -19
- package/dist/types/module.js +1 -1
- package/package.json +1 -1
|
@@ -1,16 +1,16 @@
|
|
|
1
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
-
import * as React from "react";
|
|
3
|
-
import { cn } from "../../lib/utils";
|
|
4
|
-
const Card = React.forwardRef(({ className, ...props }, ref) => (_jsx("div", { ref: ref, className: cn("rounded-xl border bg-card text-card-foreground shadow", className), ...props })));
|
|
5
|
-
Card.displayName = "Card";
|
|
6
|
-
const CardHeader = React.forwardRef(({ className, ...props }, ref) => (_jsx("div", { ref: ref, className: cn("flex flex-col space-y-1.5 p-6", className), ...props })));
|
|
7
|
-
CardHeader.displayName = "CardHeader";
|
|
8
|
-
const CardTitle = React.forwardRef(({ className, ...props }, ref) => (_jsx("div", { ref: ref, className: cn("font-semibold leading-none tracking-tight", className), ...props })));
|
|
9
|
-
CardTitle.displayName = "CardTitle";
|
|
10
|
-
const CardDescription = React.forwardRef(({ className, ...props }, ref) => (_jsx("div", { ref: ref, className: cn("text-sm text-muted-foreground", className), ...props })));
|
|
11
|
-
CardDescription.displayName = "CardDescription";
|
|
12
|
-
const CardContent = React.forwardRef(({ className, ...props }, ref) => (_jsx("div", { ref: ref, className: cn("p-6 pt-0", className), ...props })));
|
|
13
|
-
CardContent.displayName = "CardContent";
|
|
14
|
-
const CardFooter = React.forwardRef(({ className, ...props }, ref) => (_jsx("div", { ref: ref, className: cn("flex items-center p-6 pt-0", className), ...props })));
|
|
15
|
-
CardFooter.displayName = "CardFooter";
|
|
16
|
-
export { Card, CardHeader, CardFooter, CardTitle, CardDescription, CardContent };
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import * as React from "react";
|
|
3
|
+
import { cn } from "../../lib/utils";
|
|
4
|
+
const Card = React.forwardRef(({ className, ...props }, ref) => (_jsx("div", { ref: ref, className: cn("rounded-xl border bg-card text-card-foreground shadow", className), ...props })));
|
|
5
|
+
Card.displayName = "Card";
|
|
6
|
+
const CardHeader = React.forwardRef(({ className, ...props }, ref) => (_jsx("div", { ref: ref, className: cn("flex flex-col space-y-1.5 p-6", className), ...props })));
|
|
7
|
+
CardHeader.displayName = "CardHeader";
|
|
8
|
+
const CardTitle = React.forwardRef(({ className, ...props }, ref) => (_jsx("div", { ref: ref, className: cn("font-semibold leading-none tracking-tight", className), ...props })));
|
|
9
|
+
CardTitle.displayName = "CardTitle";
|
|
10
|
+
const CardDescription = React.forwardRef(({ className, ...props }, ref) => (_jsx("div", { ref: ref, className: cn("text-sm text-muted-foreground", className), ...props })));
|
|
11
|
+
CardDescription.displayName = "CardDescription";
|
|
12
|
+
const CardContent = React.forwardRef(({ className, ...props }, ref) => (_jsx("div", { ref: ref, className: cn("p-6 pt-0", className), ...props })));
|
|
13
|
+
CardContent.displayName = "CardContent";
|
|
14
|
+
const CardFooter = React.forwardRef(({ className, ...props }, ref) => (_jsx("div", { ref: ref, className: cn("flex items-center p-6 pt-0", className), ...props })));
|
|
15
|
+
CardFooter.displayName = "CardFooter";
|
|
16
|
+
export { Card, CardHeader, CardFooter, CardTitle, CardDescription, CardContent };
|
|
@@ -1,19 +1,19 @@
|
|
|
1
|
-
import * as React from "react";
|
|
2
|
-
import useEmblaCarousel, { type UseEmblaCarouselType } from "embla-carousel-react";
|
|
3
|
-
type CarouselApi = UseEmblaCarouselType[1];
|
|
4
|
-
type UseCarouselParameters = Parameters<typeof useEmblaCarousel>;
|
|
5
|
-
type CarouselOptions = UseCarouselParameters[0];
|
|
6
|
-
type CarouselPlugin = UseCarouselParameters[1];
|
|
7
|
-
type CarouselProps = {
|
|
8
|
-
opts?: CarouselOptions;
|
|
9
|
-
plugins?: CarouselPlugin;
|
|
10
|
-
orientation?: "horizontal" | "vertical";
|
|
11
|
-
setApi?: (api: CarouselApi) => void;
|
|
12
|
-
};
|
|
13
|
-
declare const Carousel: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & CarouselProps & React.RefAttributes<HTMLDivElement>>;
|
|
14
|
-
declare const CarouselContent: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
|
|
15
|
-
declare const CarouselItem: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
|
|
16
|
-
declare const CarouselPrevious: React.ForwardRefExoticComponent<Omit<import("./button").ButtonProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
|
|
17
|
-
declare const CarouselNext: React.ForwardRefExoticComponent<Omit<import("./button").ButtonProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
|
|
18
|
-
export { type CarouselApi, Carousel, CarouselContent, CarouselItem, CarouselPrevious, CarouselNext, };
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
import useEmblaCarousel, { type UseEmblaCarouselType } from "embla-carousel-react";
|
|
3
|
+
type CarouselApi = UseEmblaCarouselType[1];
|
|
4
|
+
type UseCarouselParameters = Parameters<typeof useEmblaCarousel>;
|
|
5
|
+
type CarouselOptions = UseCarouselParameters[0];
|
|
6
|
+
type CarouselPlugin = UseCarouselParameters[1];
|
|
7
|
+
type CarouselProps = {
|
|
8
|
+
opts?: CarouselOptions;
|
|
9
|
+
plugins?: CarouselPlugin;
|
|
10
|
+
orientation?: "horizontal" | "vertical";
|
|
11
|
+
setApi?: (api: CarouselApi) => void;
|
|
12
|
+
};
|
|
13
|
+
declare const Carousel: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & CarouselProps & React.RefAttributes<HTMLDivElement>>;
|
|
14
|
+
declare const CarouselContent: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
|
|
15
|
+
declare const CarouselItem: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
|
|
16
|
+
declare const CarouselPrevious: React.ForwardRefExoticComponent<Omit<import("./button").ButtonProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
|
|
17
|
+
declare const CarouselNext: React.ForwardRefExoticComponent<Omit<import("./button").ButtonProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
|
|
18
|
+
export { type CarouselApi, Carousel, CarouselContent, CarouselItem, CarouselPrevious, CarouselNext, };
|
|
19
19
|
//# sourceMappingURL=carousel.d.ts.map
|
|
@@ -1,98 +1,98 @@
|
|
|
1
|
-
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import * as React from "react";
|
|
3
|
-
import useEmblaCarousel from "embla-carousel-react";
|
|
4
|
-
import { ArrowLeft, ArrowRight } from "lucide-react";
|
|
5
|
-
import { cn } from "../../lib/utils";
|
|
6
|
-
import { Button } from "./button";
|
|
7
|
-
const CarouselContext = React.createContext(null);
|
|
8
|
-
function useCarousel() {
|
|
9
|
-
const context = React.useContext(CarouselContext);
|
|
10
|
-
if (!context) {
|
|
11
|
-
throw new Error("useCarousel must be used within a <Carousel />");
|
|
12
|
-
}
|
|
13
|
-
return context;
|
|
14
|
-
}
|
|
15
|
-
const Carousel = React.forwardRef(({ orientation = "horizontal", opts, setApi, plugins, className, children, ...props }, ref) => {
|
|
16
|
-
const [carouselRef, api] = useEmblaCarousel({
|
|
17
|
-
...opts,
|
|
18
|
-
axis: orientation === "horizontal" ? "x" : "y",
|
|
19
|
-
}, plugins);
|
|
20
|
-
const [canScrollPrev, setCanScrollPrev] = React.useState(false);
|
|
21
|
-
const [canScrollNext, setCanScrollNext] = React.useState(false);
|
|
22
|
-
const onSelect = React.useCallback((api) => {
|
|
23
|
-
if (!api) {
|
|
24
|
-
return;
|
|
25
|
-
}
|
|
26
|
-
setCanScrollPrev(api.canScrollPrev());
|
|
27
|
-
setCanScrollNext(api.canScrollNext());
|
|
28
|
-
}, []);
|
|
29
|
-
const scrollPrev = React.useCallback(() => {
|
|
30
|
-
api?.scrollPrev();
|
|
31
|
-
}, [api]);
|
|
32
|
-
const scrollNext = React.useCallback(() => {
|
|
33
|
-
api?.scrollNext();
|
|
34
|
-
}, [api]);
|
|
35
|
-
const handleKeyDown = React.useCallback((event) => {
|
|
36
|
-
if (event.key === "ArrowLeft") {
|
|
37
|
-
event.preventDefault();
|
|
38
|
-
scrollPrev();
|
|
39
|
-
}
|
|
40
|
-
else if (event.key === "ArrowRight") {
|
|
41
|
-
event.preventDefault();
|
|
42
|
-
scrollNext();
|
|
43
|
-
}
|
|
44
|
-
}, [scrollPrev, scrollNext]);
|
|
45
|
-
React.useEffect(() => {
|
|
46
|
-
if (!api || !setApi) {
|
|
47
|
-
return;
|
|
48
|
-
}
|
|
49
|
-
setApi(api);
|
|
50
|
-
}, [api, setApi]);
|
|
51
|
-
React.useEffect(() => {
|
|
52
|
-
if (!api) {
|
|
53
|
-
return;
|
|
54
|
-
}
|
|
55
|
-
onSelect(api);
|
|
56
|
-
api.on("reInit", onSelect);
|
|
57
|
-
api.on("select", onSelect);
|
|
58
|
-
return () => {
|
|
59
|
-
api?.off("select", onSelect);
|
|
60
|
-
};
|
|
61
|
-
}, [api, onSelect]);
|
|
62
|
-
return (_jsx(CarouselContext.Provider, { value: {
|
|
63
|
-
carouselRef,
|
|
64
|
-
api: api,
|
|
65
|
-
opts,
|
|
66
|
-
orientation: orientation || (opts?.axis === "y" ? "vertical" : "horizontal"),
|
|
67
|
-
scrollPrev,
|
|
68
|
-
scrollNext,
|
|
69
|
-
canScrollPrev,
|
|
70
|
-
canScrollNext,
|
|
71
|
-
}, children: _jsx("div", { ref: ref, onKeyDownCapture: handleKeyDown, className: cn("relative", className), role: "region", "aria-roledescription": "carousel", ...props, children: children }) }));
|
|
72
|
-
});
|
|
73
|
-
Carousel.displayName = "Carousel";
|
|
74
|
-
const CarouselContent = React.forwardRef(({ className, ...props }, ref) => {
|
|
75
|
-
const { carouselRef, orientation } = useCarousel();
|
|
76
|
-
return (_jsx("div", { ref: carouselRef, className: "overflow-hidden", children: _jsx("div", { ref: ref, className: cn("flex", orientation === "horizontal" ? "-ml-4" : "-mt-4 flex-col", className), ...props }) }));
|
|
77
|
-
});
|
|
78
|
-
CarouselContent.displayName = "CarouselContent";
|
|
79
|
-
const CarouselItem = React.forwardRef(({ className, ...props }, ref) => {
|
|
80
|
-
const { orientation } = useCarousel();
|
|
81
|
-
return (_jsx("div", { ref: ref, role: "group", "aria-roledescription": "slide", className: cn("min-w-0 shrink-0 grow-0 basis-full", orientation === "horizontal" ? "pl-4" : "pt-4", className), ...props }));
|
|
82
|
-
});
|
|
83
|
-
CarouselItem.displayName = "CarouselItem";
|
|
84
|
-
const CarouselPrevious = React.forwardRef(({ className, variant = "outline", size = "icon", ...props }, ref) => {
|
|
85
|
-
const { orientation, scrollPrev, canScrollPrev } = useCarousel();
|
|
86
|
-
return (_jsxs(Button, { ref: ref, variant: variant, size: size, className: cn("absolute h-8 w-8 rounded-full", orientation === "horizontal"
|
|
87
|
-
? "-left-12 top-1/2 -translate-y-1/2"
|
|
88
|
-
: "-top-12 left-1/2 -translate-x-1/2 rotate-90", className), disabled: !canScrollPrev, onClick: scrollPrev, ...props, children: [_jsx(ArrowLeft, { className: "h-4 w-4" }), _jsx("span", { className: "sr-only", children: "Previous slide" })] }));
|
|
89
|
-
});
|
|
90
|
-
CarouselPrevious.displayName = "CarouselPrevious";
|
|
91
|
-
const CarouselNext = React.forwardRef(({ className, variant = "outline", size = "icon", ...props }, ref) => {
|
|
92
|
-
const { orientation, scrollNext, canScrollNext } = useCarousel();
|
|
93
|
-
return (_jsxs(Button, { ref: ref, variant: variant, size: size, className: cn("absolute h-8 w-8 rounded-full", orientation === "horizontal"
|
|
94
|
-
? "-right-12 top-1/2 -translate-y-1/2"
|
|
95
|
-
: "-bottom-12 left-1/2 -translate-x-1/2 rotate-90", className), disabled: !canScrollNext, onClick: scrollNext, ...props, children: [_jsx(ArrowRight, { className: "h-4 w-4" }), _jsx("span", { className: "sr-only", children: "Next slide" })] }));
|
|
96
|
-
});
|
|
97
|
-
CarouselNext.displayName = "CarouselNext";
|
|
98
|
-
export { Carousel, CarouselContent, CarouselItem, CarouselPrevious, CarouselNext, };
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import * as React from "react";
|
|
3
|
+
import useEmblaCarousel from "embla-carousel-react";
|
|
4
|
+
import { ArrowLeft, ArrowRight } from "lucide-react";
|
|
5
|
+
import { cn } from "../../lib/utils";
|
|
6
|
+
import { Button } from "./button";
|
|
7
|
+
const CarouselContext = React.createContext(null);
|
|
8
|
+
function useCarousel() {
|
|
9
|
+
const context = React.useContext(CarouselContext);
|
|
10
|
+
if (!context) {
|
|
11
|
+
throw new Error("useCarousel must be used within a <Carousel />");
|
|
12
|
+
}
|
|
13
|
+
return context;
|
|
14
|
+
}
|
|
15
|
+
const Carousel = React.forwardRef(({ orientation = "horizontal", opts, setApi, plugins, className, children, ...props }, ref) => {
|
|
16
|
+
const [carouselRef, api] = useEmblaCarousel({
|
|
17
|
+
...opts,
|
|
18
|
+
axis: orientation === "horizontal" ? "x" : "y",
|
|
19
|
+
}, plugins);
|
|
20
|
+
const [canScrollPrev, setCanScrollPrev] = React.useState(false);
|
|
21
|
+
const [canScrollNext, setCanScrollNext] = React.useState(false);
|
|
22
|
+
const onSelect = React.useCallback((api) => {
|
|
23
|
+
if (!api) {
|
|
24
|
+
return;
|
|
25
|
+
}
|
|
26
|
+
setCanScrollPrev(api.canScrollPrev());
|
|
27
|
+
setCanScrollNext(api.canScrollNext());
|
|
28
|
+
}, []);
|
|
29
|
+
const scrollPrev = React.useCallback(() => {
|
|
30
|
+
api?.scrollPrev();
|
|
31
|
+
}, [api]);
|
|
32
|
+
const scrollNext = React.useCallback(() => {
|
|
33
|
+
api?.scrollNext();
|
|
34
|
+
}, [api]);
|
|
35
|
+
const handleKeyDown = React.useCallback((event) => {
|
|
36
|
+
if (event.key === "ArrowLeft") {
|
|
37
|
+
event.preventDefault();
|
|
38
|
+
scrollPrev();
|
|
39
|
+
}
|
|
40
|
+
else if (event.key === "ArrowRight") {
|
|
41
|
+
event.preventDefault();
|
|
42
|
+
scrollNext();
|
|
43
|
+
}
|
|
44
|
+
}, [scrollPrev, scrollNext]);
|
|
45
|
+
React.useEffect(() => {
|
|
46
|
+
if (!api || !setApi) {
|
|
47
|
+
return;
|
|
48
|
+
}
|
|
49
|
+
setApi(api);
|
|
50
|
+
}, [api, setApi]);
|
|
51
|
+
React.useEffect(() => {
|
|
52
|
+
if (!api) {
|
|
53
|
+
return;
|
|
54
|
+
}
|
|
55
|
+
onSelect(api);
|
|
56
|
+
api.on("reInit", onSelect);
|
|
57
|
+
api.on("select", onSelect);
|
|
58
|
+
return () => {
|
|
59
|
+
api?.off("select", onSelect);
|
|
60
|
+
};
|
|
61
|
+
}, [api, onSelect]);
|
|
62
|
+
return (_jsx(CarouselContext.Provider, { value: {
|
|
63
|
+
carouselRef,
|
|
64
|
+
api: api,
|
|
65
|
+
opts,
|
|
66
|
+
orientation: orientation || (opts?.axis === "y" ? "vertical" : "horizontal"),
|
|
67
|
+
scrollPrev,
|
|
68
|
+
scrollNext,
|
|
69
|
+
canScrollPrev,
|
|
70
|
+
canScrollNext,
|
|
71
|
+
}, children: _jsx("div", { ref: ref, onKeyDownCapture: handleKeyDown, className: cn("relative", className), role: "region", "aria-roledescription": "carousel", ...props, children: children }) }));
|
|
72
|
+
});
|
|
73
|
+
Carousel.displayName = "Carousel";
|
|
74
|
+
const CarouselContent = React.forwardRef(({ className, ...props }, ref) => {
|
|
75
|
+
const { carouselRef, orientation } = useCarousel();
|
|
76
|
+
return (_jsx("div", { ref: carouselRef, className: "overflow-hidden", children: _jsx("div", { ref: ref, className: cn("flex", orientation === "horizontal" ? "-ml-4" : "-mt-4 flex-col", className), ...props }) }));
|
|
77
|
+
});
|
|
78
|
+
CarouselContent.displayName = "CarouselContent";
|
|
79
|
+
const CarouselItem = React.forwardRef(({ className, ...props }, ref) => {
|
|
80
|
+
const { orientation } = useCarousel();
|
|
81
|
+
return (_jsx("div", { ref: ref, role: "group", "aria-roledescription": "slide", className: cn("min-w-0 shrink-0 grow-0 basis-full", orientation === "horizontal" ? "pl-4" : "pt-4", className), ...props }));
|
|
82
|
+
});
|
|
83
|
+
CarouselItem.displayName = "CarouselItem";
|
|
84
|
+
const CarouselPrevious = React.forwardRef(({ className, variant = "outline", size = "icon", ...props }, ref) => {
|
|
85
|
+
const { orientation, scrollPrev, canScrollPrev } = useCarousel();
|
|
86
|
+
return (_jsxs(Button, { ref: ref, variant: variant, size: size, className: cn("absolute h-8 w-8 rounded-full", orientation === "horizontal"
|
|
87
|
+
? "-left-12 top-1/2 -translate-y-1/2"
|
|
88
|
+
: "-top-12 left-1/2 -translate-x-1/2 rotate-90", className), disabled: !canScrollPrev, onClick: scrollPrev, ...props, children: [_jsx(ArrowLeft, { className: "h-4 w-4" }), _jsx("span", { className: "sr-only", children: "Previous slide" })] }));
|
|
89
|
+
});
|
|
90
|
+
CarouselPrevious.displayName = "CarouselPrevious";
|
|
91
|
+
const CarouselNext = React.forwardRef(({ className, variant = "outline", size = "icon", ...props }, ref) => {
|
|
92
|
+
const { orientation, scrollNext, canScrollNext } = useCarousel();
|
|
93
|
+
return (_jsxs(Button, { ref: ref, variant: variant, size: size, className: cn("absolute h-8 w-8 rounded-full", orientation === "horizontal"
|
|
94
|
+
? "-right-12 top-1/2 -translate-y-1/2"
|
|
95
|
+
: "-bottom-12 left-1/2 -translate-x-1/2 rotate-90", className), disabled: !canScrollNext, onClick: scrollNext, ...props, children: [_jsx(ArrowRight, { className: "h-4 w-4" }), _jsx("span", { className: "sr-only", children: "Next slide" })] }));
|
|
96
|
+
});
|
|
97
|
+
CarouselNext.displayName = "CarouselNext";
|
|
98
|
+
export { Carousel, CarouselContent, CarouselItem, CarouselPrevious, CarouselNext, };
|
|
@@ -1,63 +1,63 @@
|
|
|
1
|
-
import * as React from "react";
|
|
2
|
-
import * as RechartsPrimitive from "recharts";
|
|
3
|
-
declare const THEMES: {
|
|
4
|
-
readonly light: "";
|
|
5
|
-
readonly dark: ".dark";
|
|
6
|
-
};
|
|
7
|
-
export type ChartConfig = {
|
|
8
|
-
[k in string]: {
|
|
9
|
-
label?: React.ReactNode;
|
|
10
|
-
icon?: React.ComponentType;
|
|
11
|
-
} & ({
|
|
12
|
-
color?: string;
|
|
13
|
-
theme?: never;
|
|
14
|
-
} | {
|
|
15
|
-
color?: never;
|
|
16
|
-
theme: Record<keyof typeof THEMES, string>;
|
|
17
|
-
});
|
|
18
|
-
};
|
|
19
|
-
declare const ChartContainer: React.ForwardRefExoticComponent<Omit<React.ClassAttributes<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement> & {
|
|
20
|
-
config: ChartConfig;
|
|
21
|
-
children: React.ComponentProps<typeof RechartsPrimitive.ResponsiveContainer>["children"];
|
|
22
|
-
}, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
23
|
-
declare const ChartStyle: ({ id, config }: {
|
|
24
|
-
id: string;
|
|
25
|
-
config: ChartConfig;
|
|
26
|
-
}) => import("react/jsx-runtime").JSX.Element | null;
|
|
27
|
-
declare const ChartTooltip: typeof RechartsPrimitive.Tooltip;
|
|
28
|
-
declare const ChartTooltipContent: React.ForwardRefExoticComponent<Omit<RechartsPrimitive.DefaultTooltipContentProps<import("recharts/types/component/DefaultTooltipContent").ValueType, import("recharts/types/component/DefaultTooltipContent").NameType> & {
|
|
29
|
-
accessibilityLayer?: boolean;
|
|
30
|
-
active?: boolean | undefined;
|
|
31
|
-
includeHidden?: boolean | undefined;
|
|
32
|
-
allowEscapeViewBox?: import("recharts/types/util/types").AllowInDimension;
|
|
33
|
-
animationDuration?: import("recharts/types/util/types").AnimationDuration;
|
|
34
|
-
animationEasing?: import("recharts/types/util/types").AnimationTiming;
|
|
35
|
-
content?: import("recharts/types/component/Tooltip").ContentType<import("recharts/types/component/DefaultTooltipContent").ValueType, import("recharts/types/component/DefaultTooltipContent").NameType> | undefined;
|
|
36
|
-
coordinate?: Partial<import("recharts/types/util/types").Coordinate>;
|
|
37
|
-
cursor?: boolean | React.ReactElement | React.SVGProps<SVGElement>;
|
|
38
|
-
filterNull?: boolean;
|
|
39
|
-
defaultIndex?: number;
|
|
40
|
-
isAnimationActive?: boolean;
|
|
41
|
-
offset?: number;
|
|
42
|
-
payloadUniqBy?: import("recharts/types/util/payload/getUniqPayload").UniqueOption<import("recharts/types/component/DefaultTooltipContent").Payload<import("recharts/types/component/DefaultTooltipContent").ValueType, import("recharts/types/component/DefaultTooltipContent").NameType>> | undefined;
|
|
43
|
-
position?: Partial<import("recharts/types/util/types").Coordinate>;
|
|
44
|
-
reverseDirection?: import("recharts/types/util/types").AllowInDimension;
|
|
45
|
-
shared?: boolean;
|
|
46
|
-
trigger?: "hover" | "click";
|
|
47
|
-
useTranslate3d?: boolean;
|
|
48
|
-
viewBox?: import("recharts/types/util/types").CartesianViewBox;
|
|
49
|
-
wrapperStyle?: React.CSSProperties;
|
|
50
|
-
} & React.ClassAttributes<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement> & {
|
|
51
|
-
hideLabel?: boolean;
|
|
52
|
-
hideIndicator?: boolean;
|
|
53
|
-
indicator?: "line" | "dot" | "dashed";
|
|
54
|
-
nameKey?: string;
|
|
55
|
-
labelKey?: string;
|
|
56
|
-
}, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
57
|
-
declare const ChartLegend: typeof RechartsPrimitive.Legend;
|
|
58
|
-
declare const ChartLegendContent: React.ForwardRefExoticComponent<Omit<React.ClassAttributes<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement> & Pick<RechartsPrimitive.LegendProps, "payload" | "verticalAlign"> & {
|
|
59
|
-
hideIcon?: boolean;
|
|
60
|
-
nameKey?: string;
|
|
61
|
-
}, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
62
|
-
export { ChartContainer, ChartTooltip, ChartTooltipContent, ChartLegend, ChartLegendContent, ChartStyle, };
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
import * as RechartsPrimitive from "recharts";
|
|
3
|
+
declare const THEMES: {
|
|
4
|
+
readonly light: "";
|
|
5
|
+
readonly dark: ".dark";
|
|
6
|
+
};
|
|
7
|
+
export type ChartConfig = {
|
|
8
|
+
[k in string]: {
|
|
9
|
+
label?: React.ReactNode;
|
|
10
|
+
icon?: React.ComponentType;
|
|
11
|
+
} & ({
|
|
12
|
+
color?: string;
|
|
13
|
+
theme?: never;
|
|
14
|
+
} | {
|
|
15
|
+
color?: never;
|
|
16
|
+
theme: Record<keyof typeof THEMES, string>;
|
|
17
|
+
});
|
|
18
|
+
};
|
|
19
|
+
declare const ChartContainer: React.ForwardRefExoticComponent<Omit<React.ClassAttributes<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement> & {
|
|
20
|
+
config: ChartConfig;
|
|
21
|
+
children: React.ComponentProps<typeof RechartsPrimitive.ResponsiveContainer>["children"];
|
|
22
|
+
}, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
23
|
+
declare const ChartStyle: ({ id, config }: {
|
|
24
|
+
id: string;
|
|
25
|
+
config: ChartConfig;
|
|
26
|
+
}) => import("react/jsx-runtime").JSX.Element | null;
|
|
27
|
+
declare const ChartTooltip: typeof RechartsPrimitive.Tooltip;
|
|
28
|
+
declare const ChartTooltipContent: React.ForwardRefExoticComponent<Omit<RechartsPrimitive.DefaultTooltipContentProps<import("recharts/types/component/DefaultTooltipContent").ValueType, import("recharts/types/component/DefaultTooltipContent").NameType> & {
|
|
29
|
+
accessibilityLayer?: boolean;
|
|
30
|
+
active?: boolean | undefined;
|
|
31
|
+
includeHidden?: boolean | undefined;
|
|
32
|
+
allowEscapeViewBox?: import("recharts/types/util/types").AllowInDimension;
|
|
33
|
+
animationDuration?: import("recharts/types/util/types").AnimationDuration;
|
|
34
|
+
animationEasing?: import("recharts/types/util/types").AnimationTiming;
|
|
35
|
+
content?: import("recharts/types/component/Tooltip").ContentType<import("recharts/types/component/DefaultTooltipContent").ValueType, import("recharts/types/component/DefaultTooltipContent").NameType> | undefined;
|
|
36
|
+
coordinate?: Partial<import("recharts/types/util/types").Coordinate>;
|
|
37
|
+
cursor?: boolean | React.ReactElement | React.SVGProps<SVGElement>;
|
|
38
|
+
filterNull?: boolean;
|
|
39
|
+
defaultIndex?: number;
|
|
40
|
+
isAnimationActive?: boolean;
|
|
41
|
+
offset?: number;
|
|
42
|
+
payloadUniqBy?: import("recharts/types/util/payload/getUniqPayload").UniqueOption<import("recharts/types/component/DefaultTooltipContent").Payload<import("recharts/types/component/DefaultTooltipContent").ValueType, import("recharts/types/component/DefaultTooltipContent").NameType>> | undefined;
|
|
43
|
+
position?: Partial<import("recharts/types/util/types").Coordinate>;
|
|
44
|
+
reverseDirection?: import("recharts/types/util/types").AllowInDimension;
|
|
45
|
+
shared?: boolean;
|
|
46
|
+
trigger?: "hover" | "click";
|
|
47
|
+
useTranslate3d?: boolean;
|
|
48
|
+
viewBox?: import("recharts/types/util/types").CartesianViewBox;
|
|
49
|
+
wrapperStyle?: React.CSSProperties;
|
|
50
|
+
} & React.ClassAttributes<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement> & {
|
|
51
|
+
hideLabel?: boolean;
|
|
52
|
+
hideIndicator?: boolean;
|
|
53
|
+
indicator?: "line" | "dot" | "dashed";
|
|
54
|
+
nameKey?: string;
|
|
55
|
+
labelKey?: string;
|
|
56
|
+
}, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
57
|
+
declare const ChartLegend: typeof RechartsPrimitive.Legend;
|
|
58
|
+
declare const ChartLegendContent: React.ForwardRefExoticComponent<Omit<React.ClassAttributes<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement> & Pick<RechartsPrimitive.LegendProps, "payload" | "verticalAlign"> & {
|
|
59
|
+
hideIcon?: boolean;
|
|
60
|
+
nameKey?: string;
|
|
61
|
+
}, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
62
|
+
export { ChartContainer, ChartTooltip, ChartTooltipContent, ChartLegend, ChartLegendContent, ChartStyle, };
|
|
63
63
|
//# sourceMappingURL=chart.d.ts.map
|