@cellarnode/ui 0.5.0 → 0.5.3
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/chat/chat-toggle-button.d.ts +4 -3
- package/dist/chat/chat-toggle-button.d.ts.map +1 -1
- package/dist/chat/chat-toggle-button.js +34 -8
- package/dist/chat/chat-toggle-button.js.map +1 -1
- package/dist/components/classification-select.d.ts.map +1 -1
- package/dist/components/classification-select.js +2 -3
- package/dist/components/classification-select.js.map +1 -1
- package/dist/components/dashboard-stats-grid.d.ts +29 -0
- package/dist/components/dashboard-stats-grid.d.ts.map +1 -0
- package/dist/components/dashboard-stats-grid.js +62 -0
- package/dist/components/dashboard-stats-grid.js.map +1 -0
- package/dist/components/period-select.d.ts +10 -0
- package/dist/components/period-select.d.ts.map +1 -0
- package/dist/components/period-select.js +14 -0
- package/dist/components/period-select.js.map +1 -0
- package/dist/components/select.d.ts.map +1 -1
- package/dist/components/select.js +1 -1
- package/dist/components/select.js.map +1 -1
- package/dist/globe/globe-canvas.d.ts +31 -9
- package/dist/globe/globe-canvas.d.ts.map +1 -1
- package/dist/globe/globe-canvas.js +123 -105
- package/dist/globe/globe-canvas.js.map +1 -1
- package/dist/globe/globe-scene.d.ts +5 -2
- package/dist/globe/globe-scene.d.ts.map +1 -1
- package/dist/globe/globe-scene.js +37 -13
- package/dist/globe/globe-scene.js.map +1 -1
- package/dist/globe/globe-view.d.ts +20 -1
- package/dist/globe/globe-view.d.ts.map +1 -1
- package/dist/globe/globe-view.js +2 -2
- package/dist/globe/globe-view.js.map +1 -1
- package/dist/globe/index.d.ts +40 -0
- package/dist/globe/index.d.ts.map +1 -1
- package/dist/globe/index.js +39 -0
- package/dist/globe/index.js.map +1 -1
- package/dist/index.d.ts +5 -1
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +3 -1
- package/dist/index.js.map +1 -1
- package/dist/lib/semantic-tones.d.ts +1 -0
- package/dist/lib/semantic-tones.d.ts.map +1 -1
- package/dist/lib/semantic-tones.js +19 -0
- package/dist/lib/semantic-tones.js.map +1 -1
- package/dist/notifications/constants.d.ts +46 -0
- package/dist/notifications/constants.d.ts.map +1 -0
- package/dist/notifications/constants.js +89 -0
- package/dist/notifications/constants.js.map +1 -0
- package/dist/notifications/index.d.ts +21 -0
- package/dist/notifications/index.d.ts.map +1 -0
- package/dist/notifications/index.js +19 -0
- package/dist/notifications/index.js.map +1 -0
- package/dist/notifications/notification-badge.d.ts +8 -0
- package/dist/notifications/notification-badge.d.ts.map +1 -0
- package/dist/notifications/notification-badge.js +9 -0
- package/dist/notifications/notification-badge.js.map +1 -0
- package/dist/notifications/notification-empty-state.d.ts +8 -0
- package/dist/notifications/notification-empty-state.d.ts.map +1 -0
- package/dist/notifications/notification-empty-state.js +7 -0
- package/dist/notifications/notification-empty-state.js.map +1 -0
- package/dist/notifications/notification-item.d.ts +13 -0
- package/dist/notifications/notification-item.d.ts.map +1 -0
- package/dist/notifications/notification-item.js +95 -0
- package/dist/notifications/notification-item.js.map +1 -0
- package/dist/notifications/notification-list.d.ts +19 -0
- package/dist/notifications/notification-list.d.ts.map +1 -0
- package/dist/notifications/notification-list.js +53 -0
- package/dist/notifications/notification-list.js.map +1 -0
- package/dist/notifications/notification-page.d.ts +6 -0
- package/dist/notifications/notification-page.d.ts.map +1 -0
- package/dist/notifications/notification-page.js +36 -0
- package/dist/notifications/notification-page.js.map +1 -0
- package/dist/notifications/notification-provider.d.ts +10 -0
- package/dist/notifications/notification-provider.d.ts.map +1 -0
- package/dist/notifications/notification-provider.js +14 -0
- package/dist/notifications/notification-provider.js.map +1 -0
- package/dist/notifications/notification-tray.d.ts +7 -0
- package/dist/notifications/notification-tray.d.ts.map +1 -0
- package/dist/notifications/notification-tray.js +46 -0
- package/dist/notifications/notification-tray.js.map +1 -0
- package/dist/notifications/push-prompt-banner.d.ts +15 -0
- package/dist/notifications/push-prompt-banner.d.ts.map +1 -0
- package/dist/notifications/push-prompt-banner.js +11 -0
- package/dist/notifications/push-prompt-banner.js.map +1 -0
- package/dist/notifications/types.d.ts +64 -0
- package/dist/notifications/types.d.ts.map +1 -0
- package/dist/notifications/types.js +2 -0
- package/dist/notifications/types.js.map +1 -0
- package/dist/notifications/use-notification-socket.d.ts +2 -0
- package/dist/notifications/use-notification-socket.d.ts.map +1 -0
- package/dist/notifications/use-notification-socket.js +35 -0
- package/dist/notifications/use-notification-socket.js.map +1 -0
- package/dist/notifications/use-notifications.d.ts +10 -0
- package/dist/notifications/use-notifications.d.ts.map +1 -0
- package/dist/notifications/use-notifications.js +43 -0
- package/dist/notifications/use-notifications.js.map +1 -0
- package/dist/notifications/use-push-permission.d.ts +8 -0
- package/dist/notifications/use-push-permission.d.ts.map +1 -0
- package/dist/notifications/use-push-permission.js +36 -0
- package/dist/notifications/use-push-permission.js.map +1 -0
- package/dist/notifications/utils.d.ts +20 -0
- package/dist/notifications/utils.d.ts.map +1 -0
- package/dist/notifications/utils.js +81 -0
- package/dist/notifications/utils.js.map +1 -0
- package/dist/offer/index.d.ts +6 -0
- package/dist/offer/index.d.ts.map +1 -1
- package/dist/offer/index.js +3 -0
- package/dist/offer/index.js.map +1 -1
- package/dist/offer/offer-detail-header.d.ts +12 -0
- package/dist/offer/offer-detail-header.d.ts.map +1 -0
- package/dist/offer/offer-detail-header.js +11 -0
- package/dist/offer/offer-detail-header.js.map +1 -0
- package/dist/offer/offer-detail-shell.d.ts +12 -0
- package/dist/offer/offer-detail-shell.d.ts.map +1 -0
- package/dist/offer/offer-detail-shell.js +13 -0
- package/dist/offer/offer-detail-shell.js.map +1 -0
- package/dist/offer/offer-detail-tabs.d.ts +14 -0
- package/dist/offer/offer-detail-tabs.d.ts.map +1 -0
- package/dist/offer/offer-detail-tabs.js +9 -0
- package/dist/offer/offer-detail-tabs.js.map +1 -0
- package/package.json +16 -36
- package/src/theme/tokens.css +29 -0
|
@@ -2,10 +2,11 @@ export interface ChatToggleButtonProps {
|
|
|
2
2
|
unreadCount: number;
|
|
3
3
|
isConnected: boolean;
|
|
4
4
|
onClick: () => void;
|
|
5
|
-
/**
|
|
5
|
+
/** When true, renders the X (close) icon instead of chat icon */
|
|
6
|
+
isOpen?: boolean;
|
|
7
|
+
/** Optional short label shown in the pill, e.g. "2 importers" */
|
|
6
8
|
contextLabel?: string | null;
|
|
7
|
-
/** ARIA label for the button */
|
|
8
9
|
"aria-label"?: string;
|
|
9
10
|
}
|
|
10
|
-
export declare function ChatToggleButton({ unreadCount, isConnected, onClick, contextLabel, "aria-label": ariaLabel, }: ChatToggleButtonProps): import("react/jsx-runtime").JSX.Element;
|
|
11
|
+
export declare function ChatToggleButton({ unreadCount, isConnected, onClick, isOpen, contextLabel, "aria-label": ariaLabel, }: ChatToggleButtonProps): import("react/jsx-runtime").JSX.Element;
|
|
11
12
|
//# sourceMappingURL=chat-toggle-button.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"chat-toggle-button.d.ts","sourceRoot":"","sources":["../../src/chat/chat-toggle-button.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"chat-toggle-button.d.ts","sourceRoot":"","sources":["../../src/chat/chat-toggle-button.tsx"],"names":[],"mappings":"AAKA,MAAM,WAAW,qBAAqB;IACpC,WAAW,EAAE,MAAM,CAAC;IACpB,WAAW,EAAE,OAAO,CAAC;IACrB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,iEAAiE;IACjE,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,iEAAiE;IACjE,YAAY,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC7B,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,wBAAgB,gBAAgB,CAAC,EAC/B,WAAW,EACX,WAAW,EACX,OAAO,EACP,MAAc,EACd,YAAY,EACZ,YAAY,EAAE,SAAS,GACxB,EAAE,qBAAqB,2CAuHvB"}
|
|
@@ -1,13 +1,39 @@
|
|
|
1
|
-
import { jsx as _jsx, jsxs as _jsxs
|
|
2
|
-
import { MessageCircle,
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { MessageCircle, X } from "lucide-react";
|
|
3
|
+
import { useState, useEffect, useRef } from "react";
|
|
3
4
|
import { motion, AnimatePresence } from "motion/react";
|
|
4
5
|
import { cn } from "../lib/utils";
|
|
5
|
-
export function ChatToggleButton({ unreadCount, isConnected, onClick, contextLabel, "aria-label": ariaLabel, }) {
|
|
6
|
+
export function ChatToggleButton({ unreadCount, isConnected, onClick, isOpen = false, contextLabel, "aria-label": ariaLabel, }) {
|
|
6
7
|
const hasContext = !!contextLabel;
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
8
|
+
const prevUnread = useRef(unreadCount);
|
|
9
|
+
const [bumping, setBumping] = useState(false);
|
|
10
|
+
// Trigger bump animation on new message arrival
|
|
11
|
+
useEffect(() => {
|
|
12
|
+
if (unreadCount > prevUnread.current && !isOpen) {
|
|
13
|
+
setBumping(true);
|
|
14
|
+
const timer = setTimeout(() => setBumping(false), 600);
|
|
15
|
+
return () => clearTimeout(timer);
|
|
16
|
+
}
|
|
17
|
+
prevUnread.current = unreadCount;
|
|
18
|
+
}, [unreadCount, isOpen]);
|
|
19
|
+
const dynamicAriaLabel = ariaLabel ??
|
|
20
|
+
(isOpen
|
|
21
|
+
? "Close chat"
|
|
22
|
+
: unreadCount > 0
|
|
23
|
+
? `Open chat — ${unreadCount} unread message${unreadCount !== 1 ? "s" : ""}`
|
|
24
|
+
: "Open chat");
|
|
25
|
+
return (_jsx("div", { className: "fixed bottom-6 right-6 z-50 lg:bottom-8 lg:right-8", children: _jsx(AnimatePresence, { mode: "wait", children: _jsxs(motion.button, { type: "button", onClick: onClick, "aria-label": dynamicAriaLabel, "aria-expanded": isOpen, "aria-haspopup": "dialog", initial: { opacity: 0, y: 24, scale: 0.8 }, animate: { opacity: 1, y: 0, scale: 1 }, exit: { opacity: 0, y: 12, scale: 0.9 }, transition: { type: "spring", stiffness: 400, damping: 25 }, whileHover: { scale: 1.08 }, whileTap: { scale: 0.94 }, className: cn(
|
|
26
|
+
// Base
|
|
27
|
+
"relative flex items-center gap-2.5", "outline-hidden focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2", "transition-all duration-200",
|
|
28
|
+
// Shape
|
|
29
|
+
hasContext ? "rounded-[22px] px-4 py-3" : "size-14 justify-center rounded-full",
|
|
30
|
+
// Color — branded primary when connected, muted when offline
|
|
31
|
+
isConnected
|
|
32
|
+
? "bg-primary text-primary-foreground shadow-lg shadow-primary/25 hover:shadow-xl hover:shadow-primary/30"
|
|
33
|
+
: "bg-muted-foreground/70 text-white shadow-lg shadow-black/10 hover:shadow-xl hover:bg-muted-foreground/80",
|
|
34
|
+
// Pulse animation when unread
|
|
35
|
+
unreadCount > 0 && !isOpen && isConnected && "animate-chat-pulse motion-reduce:animate-none",
|
|
36
|
+
// Bump animation on new message
|
|
37
|
+
bumping && "animate-notify-bump motion-reduce:animate-none"), children: [_jsxs("span", { className: "relative shrink-0", children: [_jsx(AnimatePresence, { mode: "wait", initial: false, children: isOpen ? (_jsx(motion.span, { initial: { rotate: -90, scale: 0, opacity: 0 }, animate: { rotate: 0, scale: 1, opacity: 1 }, exit: { rotate: 90, scale: 0, opacity: 0 }, transition: { duration: 0.2 }, children: _jsx(X, { className: "size-6" }) }, "close")) : (_jsx(motion.span, { initial: { rotate: 90, scale: 0, opacity: 0 }, animate: { rotate: 0, scale: 1, opacity: 1 }, exit: { rotate: -90, scale: 0, opacity: 0 }, transition: { duration: 0.2 }, children: _jsx(MessageCircle, { className: "size-6" }) }, "chat")) }), isConnected && !isOpen && unreadCount === 0 && !hasContext && (_jsx("span", { className: "absolute -bottom-0.5 -right-0.5 size-3 rounded-full bg-emerald-400 ring-2 ring-background", children: _jsx("span", { className: "absolute inset-0 animate-ping rounded-full bg-emerald-400 opacity-60 motion-reduce:animate-none" }) }))] }), hasContext && (_jsx("span", { className: "min-w-0 truncate text-sm/5 font-medium", children: contextLabel })), _jsx(AnimatePresence, { children: unreadCount > 0 && !isOpen && (_jsx(motion.span, { initial: { scale: 0 }, animate: { scale: 1 }, exit: { scale: 0 }, transition: { type: "spring", stiffness: 500, damping: 25 }, "aria-label": `${unreadCount} unread`, className: cn("flex min-w-5 items-center justify-center rounded-full bg-destructive px-1.5 py-0.5 text-[11px] font-bold text-destructive-foreground ring-2 ring-background", hasContext ? "shrink-0" : "absolute -top-1 -right-1"), children: unreadCount > 99 ? "99+" : unreadCount })) })] }, hasContext ? "pill" : "circle") }) }));
|
|
12
38
|
}
|
|
13
39
|
//# sourceMappingURL=chat-toggle-button.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"chat-toggle-button.js","sourceRoot":"","sources":["../../src/chat/chat-toggle-button.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,aAAa,EAAE,
|
|
1
|
+
{"version":3,"file":"chat-toggle-button.js","sourceRoot":"","sources":["../../src/chat/chat-toggle-button.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"classification-select.d.ts","sourceRoot":"","sources":["../../src/components/classification-select.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"classification-select.d.ts","sourceRoot":"","sources":["../../src/components/classification-select.tsx"],"names":[],"mappings":"AAOA,MAAM,WAAW,cAAc;IAC7B,EAAE,EAAE,MAAM,CAAA;IACV,IAAI,EAAE,MAAM,CAAA;IACZ,QAAQ,EAAE;QAAE,EAAE,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAA;KAAE,EAAE,CAAA;CACzC;AAED,MAAM,WAAW,yBAAyB;IACxC,UAAU,EAAE,cAAc,EAAE,CAAA;IAC5B,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,gBAAgB,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,IAAI,CAAA;IAC9C,eAAe,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAA;IAC5C,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,mBAAmB,CAAC,EAAE,MAAM,CAAA;IAC5B,kBAAkB,CAAC,EAAE,MAAM,CAAA;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,wBAAgB,oBAAoB,CAAC,EACnC,UAAU,EACV,gBAAgB,EAChB,eAAe,EACf,gBAAgB,EAChB,eAAe,EACf,SAAiB,EACjB,UAAiB,EACjB,aAA0B,EAC1B,YAAwB,EACxB,mBAAyC,EACzC,kBAAuC,EACvC,SAAS,GACV,EAAE,yBAAyB,2CAuI3B"}
|
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
2
|
import { useState, useEffect } from 'react';
|
|
3
|
-
import { Select } from './select';
|
|
4
3
|
import { Input } from './input';
|
|
5
4
|
import { Field, Label } from './fieldset';
|
|
6
5
|
import { cn } from '../lib/utils';
|
|
@@ -40,10 +39,10 @@ export function ClassificationSelect({ categories, selectedCategory, selectedSub
|
|
|
40
39
|
setCategoryOtherText('');
|
|
41
40
|
onCategoryChange('');
|
|
42
41
|
onSubtypeChange('');
|
|
43
|
-
}, className: "shrink-0 text-sm/6 text-zinc-500 hover:text-zinc-700 dark:text-zinc-400 dark:hover:text-zinc-200", children: "\u21A9 Back" })] })) : (_jsxs(
|
|
42
|
+
}, className: "shrink-0 text-sm/6 text-zinc-500 hover:text-zinc-700 dark:text-zinc-400 dark:hover:text-zinc-200", children: "\u21A9 Back" })] })) : (_jsxs("select", { value: selectedCategory ?? '', onChange: handleCategoryChange, disabled: isLoading, className: "mt-3 block w-full appearance-none rounded-lg border border-zinc-950/10 bg-transparent py-[calc(--spacing(2.5)-1px)] pr-[calc(--spacing(10)-1px)] pl-[calc(--spacing(3.5)-1px)] text-base/6 text-zinc-950 focus:outline-2 focus:-outline-offset-1 focus:outline-ring disabled:opacity-50 sm:py-[calc(--spacing(1.5)-1px)] sm:pr-[calc(--spacing(9)-1px)] sm:pl-[calc(--spacing(3)-1px)] sm:text-sm/6 dark:border-white/10 dark:bg-white/5 dark:text-white", children: [_jsx("option", { value: "", disabled: true, children: isLoading ? 'Loading…' : categoryPlaceholder }), categories.map((cat) => (_jsx("option", { value: cat.id, children: cat.name }, cat.id))), allowOther && _jsx("option", { value: OTHER_VALUE, children: "Other\u2026" })] }))] }), _jsxs(Field, { children: [_jsx(Label, { children: subtypeLabel }), isSubtypeOther ? (_jsxs("div", { className: "mt-3 flex gap-2", children: [_jsx(Input, { type: "text", value: subtypeOtherText, onChange: handleSubtypeOtherChange, placeholder: "Enter subtype\u2026", disabled: isLoading }), _jsx("button", { type: "button", onClick: () => {
|
|
44
43
|
setSubtypeOtherText('');
|
|
45
44
|
onSubtypeChange('');
|
|
46
|
-
}, className: "shrink-0 text-sm/6 text-zinc-500 hover:text-zinc-700 dark:text-zinc-400 dark:hover:text-zinc-200", children: "\u21A9 Back" })] })) : (_jsxs(
|
|
45
|
+
}, className: "shrink-0 text-sm/6 text-zinc-500 hover:text-zinc-700 dark:text-zinc-400 dark:hover:text-zinc-200", children: "\u21A9 Back" })] })) : (_jsxs("select", { value: selectedSubtype ?? '', onChange: handleSubtypeChange, disabled: isLoading || !selectedCategory || isCategoryOther, className: "mt-3 block w-full appearance-none rounded-lg border border-zinc-950/10 bg-transparent py-[calc(--spacing(2.5)-1px)] pr-[calc(--spacing(10)-1px)] pl-[calc(--spacing(3.5)-1px)] text-base/6 text-zinc-950 focus:outline-2 focus:-outline-offset-1 focus:outline-ring disabled:opacity-50 sm:py-[calc(--spacing(1.5)-1px)] sm:pr-[calc(--spacing(9)-1px)] sm:pl-[calc(--spacing(3)-1px)] sm:text-sm/6 dark:border-white/10 dark:bg-white/5 dark:text-white", children: [_jsx("option", { value: "", disabled: true, children: isLoading
|
|
47
46
|
? 'Loading…'
|
|
48
47
|
: !selectedCategory || isCategoryOther
|
|
49
48
|
? 'Select a category first'
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"classification-select.js","sourceRoot":"","sources":["../../src/components/classification-select.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAClD,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"classification-select.js","sourceRoot":"","sources":["../../src/components/classification-select.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
export interface DashboardStatItem {
|
|
3
|
+
id: string;
|
|
4
|
+
label: string;
|
|
5
|
+
value: number;
|
|
6
|
+
previousValue?: number | null;
|
|
7
|
+
href?: string;
|
|
8
|
+
icon?: React.ReactNode;
|
|
9
|
+
description?: string;
|
|
10
|
+
/** Accent border + larger value text */
|
|
11
|
+
hero?: boolean;
|
|
12
|
+
}
|
|
13
|
+
export interface DashboardStatsGridProps {
|
|
14
|
+
stats: DashboardStatItem[];
|
|
15
|
+
isLoading?: boolean;
|
|
16
|
+
/** Shown in trend context: "vs last {period}" */
|
|
17
|
+
period?: string;
|
|
18
|
+
/** Render a router-agnostic link wrapper. Receives href + children + className. */
|
|
19
|
+
renderLink?: (props: {
|
|
20
|
+
href: string;
|
|
21
|
+
children: React.ReactNode;
|
|
22
|
+
className?: string;
|
|
23
|
+
}) => React.ReactNode;
|
|
24
|
+
className?: string;
|
|
25
|
+
/** Default true — set false to disable entrance animations */
|
|
26
|
+
animate?: boolean;
|
|
27
|
+
}
|
|
28
|
+
export declare function DashboardStatsGrid({ stats, isLoading, period, renderLink, className, animate, }: DashboardStatsGridProps): import("react/jsx-runtime").JSX.Element;
|
|
29
|
+
//# sourceMappingURL=dashboard-stats-grid.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"dashboard-stats-grid.d.ts","sourceRoot":"","sources":["../../src/components/dashboard-stats-grid.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAS/B,MAAM,WAAW,iBAAiB;IAChC,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,aAAa,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC9B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,wCAAwC;IACxC,IAAI,CAAC,EAAE,OAAO,CAAC;CAChB;AAED,MAAM,WAAW,uBAAuB;IACtC,KAAK,EAAE,iBAAiB,EAAE,CAAC;IAC3B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,iDAAiD;IACjD,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,mFAAmF;IACnF,UAAU,CAAC,EAAE,CAAC,KAAK,EAAE;QACnB,IAAI,EAAE,MAAM,CAAC;QACb,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;QAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;KACpB,KAAK,KAAK,CAAC,SAAS,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,8DAA8D;IAC9D,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAwND,wBAAgB,kBAAkB,CAAC,EACjC,KAAK,EACL,SAAiB,EACjB,MAAM,EACN,UAAU,EACV,SAAS,EACT,OAAc,GACf,EAAE,uBAAuB,2CAYzB"}
|
|
@@ -0,0 +1,62 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
|
|
2
|
+
import { motion } from "motion/react";
|
|
3
|
+
import { cn } from "../lib/utils";
|
|
4
|
+
import { Skeleton } from "./skeleton";
|
|
5
|
+
// =============================================================================
|
|
6
|
+
// REDUCED MOTION DETECTION
|
|
7
|
+
// =============================================================================
|
|
8
|
+
function prefersReducedMotion() {
|
|
9
|
+
return (typeof window !== "undefined" &&
|
|
10
|
+
window.matchMedia?.("(prefers-reduced-motion: reduce)")?.matches);
|
|
11
|
+
}
|
|
12
|
+
// =============================================================================
|
|
13
|
+
// INLINE SVG ICONS (no lucide-react peer dep required)
|
|
14
|
+
// =============================================================================
|
|
15
|
+
function TrendingUpIcon(props) {
|
|
16
|
+
return (_jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: "12", height: "12", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", ...props, children: [_jsx("polyline", { points: "22 7 13.5 15.5 8.5 10.5 2 17" }), _jsx("polyline", { points: "16 7 22 7 22 13" })] }));
|
|
17
|
+
}
|
|
18
|
+
function TrendingDownIcon(props) {
|
|
19
|
+
return (_jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: "12", height: "12", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", ...props, children: [_jsx("polyline", { points: "22 17 13.5 8.5 8.5 13.5 2 7" }), _jsx("polyline", { points: "16 17 22 17 22 11" })] }));
|
|
20
|
+
}
|
|
21
|
+
function TrendPill({ value, previousValue, period }) {
|
|
22
|
+
if (previousValue == null || previousValue <= 0)
|
|
23
|
+
return null;
|
|
24
|
+
const percentChange = ((value - previousValue) / previousValue) * 100;
|
|
25
|
+
const isPositive = percentChange >= 0;
|
|
26
|
+
return (_jsxs("span", { className: "inline-flex items-center gap-1.5", children: [_jsxs("span", { className: cn("inline-flex items-center gap-1 rounded-md px-1.5 py-0.5 text-[11px] font-semibold", isPositive
|
|
27
|
+
? "bg-emerald-500/10 text-emerald-600 dark:text-emerald-400"
|
|
28
|
+
: "bg-red-500/10 text-red-600 dark:text-red-400"), children: [isPositive ? _jsx(TrendingUpIcon, {}) : _jsx(TrendingDownIcon, {}), Math.abs(percentChange).toFixed(0), "%"] }), period && (_jsxs("span", { className: "text-[11px] text-muted-foreground", children: ["vs last ", period] }))] }));
|
|
29
|
+
}
|
|
30
|
+
// =============================================================================
|
|
31
|
+
// SKELETON CARD
|
|
32
|
+
// =============================================================================
|
|
33
|
+
function SkeletonCard() {
|
|
34
|
+
return _jsx(Skeleton, { className: "h-36 rounded-2xl" });
|
|
35
|
+
}
|
|
36
|
+
function StatGridCard({ stat, period, renderLink }) {
|
|
37
|
+
const isClickable = Boolean(stat.href && renderLink);
|
|
38
|
+
const cardContent = (_jsxs("div", { className: cn("group flex h-full flex-col justify-between rounded-2xl border border-border/60 bg-card p-5", "transition-all duration-200 hover:-translate-y-0.5 hover:shadow-md", isClickable && "cursor-pointer hover:bg-accent/30", stat.hero && "border-l-[3px] border-l-primary bg-primary/[0.03]"), children: [_jsxs("div", { className: "flex items-start justify-between gap-4", children: [_jsxs("div", { className: "grid gap-1.5", children: [_jsx("p", { className: "text-xs font-semibold uppercase tracking-[0.14em] text-muted-foreground", children: stat.label }), _jsxs("div", { className: "flex items-baseline gap-2", children: [_jsx("p", { className: cn("tabular-nums font-bold tracking-tight text-foreground", stat.hero ? "text-3xl" : "text-2xl"), children: stat.value.toLocaleString() }), _jsx(TrendPill, { value: stat.value, previousValue: stat.previousValue, period: period })] })] }), _jsxs("div", { className: "flex flex-col items-end gap-1", children: [stat.icon && (_jsx("div", { className: "tone-icon tone-brand shrink-0 rounded-xl p-2.5 transition-colors duration-200 group-hover:bg-primary group-hover:text-primary-foreground", children: stat.icon })), isClickable && (_jsx("span", { className: "text-muted-foreground/40 transition-transform group-hover:translate-x-1", children: "\u2192" }))] })] }), stat.description && (_jsx("p", { className: "mt-5 text-sm/5 text-muted-foreground", children: stat.description }))] }));
|
|
39
|
+
if (isClickable && stat.href && renderLink) {
|
|
40
|
+
return (_jsx(_Fragment, { children: renderLink({
|
|
41
|
+
href: stat.href,
|
|
42
|
+
children: cardContent,
|
|
43
|
+
className: "block h-full",
|
|
44
|
+
}) }));
|
|
45
|
+
}
|
|
46
|
+
return cardContent;
|
|
47
|
+
}
|
|
48
|
+
function AnimatedCard({ index, animate, children }) {
|
|
49
|
+
if (!animate || prefersReducedMotion()) {
|
|
50
|
+
return _jsx(_Fragment, { children: children });
|
|
51
|
+
}
|
|
52
|
+
return (_jsx(motion.div, { initial: { opacity: 0, y: 12 }, animate: { opacity: 1, y: 0 }, transition: { duration: 0.3, delay: index * 0.06 }, children: children }));
|
|
53
|
+
}
|
|
54
|
+
// =============================================================================
|
|
55
|
+
// MAIN COMPONENT
|
|
56
|
+
// =============================================================================
|
|
57
|
+
export function DashboardStatsGrid({ stats, isLoading = false, period, renderLink, className, animate = true, }) {
|
|
58
|
+
return (_jsx("div", { className: cn("grid gap-4 md:grid-cols-2 xl:grid-cols-4", className), children: isLoading
|
|
59
|
+
? Array.from({ length: 4 }).map((_, i) => _jsx(SkeletonCard, {}, i))
|
|
60
|
+
: stats.map((stat, index) => (_jsx(AnimatedCard, { index: index, animate: animate, children: _jsx(StatGridCard, { stat: stat, period: period, renderLink: renderLink }) }, stat.id))) }));
|
|
61
|
+
}
|
|
62
|
+
//# sourceMappingURL=dashboard-stats-grid.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"dashboard-stats-grid.js","sourceRoot":"","sources":["../../src/components/dashboard-stats-grid.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
export type DashboardPeriod = "30d" | "60d" | "90d" | "180d" | "1y";
|
|
2
|
+
export interface PeriodSelectProps {
|
|
3
|
+
value: DashboardPeriod;
|
|
4
|
+
onChange: (value: DashboardPeriod) => void;
|
|
5
|
+
/** Optional i18n helper: receives key + fallback string, returns translated label */
|
|
6
|
+
t?: (key: string, fallback: string) => string;
|
|
7
|
+
className?: string;
|
|
8
|
+
}
|
|
9
|
+
export declare function PeriodSelect({ value, onChange, t, className, }: PeriodSelectProps): import("react/jsx-runtime").JSX.Element;
|
|
10
|
+
//# sourceMappingURL=period-select.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"period-select.d.ts","sourceRoot":"","sources":["../../src/components/period-select.tsx"],"names":[],"mappings":"AAUA,MAAM,MAAM,eAAe,GAAG,KAAK,GAAG,KAAK,GAAG,KAAK,GAAG,MAAM,GAAG,IAAI,CAAC;AAEpE,MAAM,WAAW,iBAAiB;IAChC,KAAK,EAAE,eAAe,CAAC;IACvB,QAAQ,EAAE,CAAC,KAAK,EAAE,eAAe,KAAK,IAAI,CAAC;IAC3C,qFAAqF;IACrF,CAAC,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,KAAK,MAAM,CAAC;IAC9C,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAUD,wBAAgB,YAAY,CAAC,EAC3B,KAAK,EACL,QAAQ,EACR,CAAgB,EAChB,SAAS,GACV,EAAE,iBAAiB,2CAkBnB"}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { cn } from "../lib/utils";
|
|
3
|
+
import { ShadcnSelect, ShadcnSelectTrigger, ShadcnSelectContent, ShadcnSelectItem, ShadcnSelectValue, } from "./shadcn-select";
|
|
4
|
+
const PERIODS = [
|
|
5
|
+
{ value: "30d", labelKey: "period.30d", fallback: "30 days" },
|
|
6
|
+
{ value: "60d", labelKey: "period.60d", fallback: "60 days" },
|
|
7
|
+
{ value: "90d", labelKey: "period.90d", fallback: "90 days" },
|
|
8
|
+
{ value: "180d", labelKey: "period.180d", fallback: "6 months" },
|
|
9
|
+
{ value: "1y", labelKey: "period.1y", fallback: "1 year" },
|
|
10
|
+
];
|
|
11
|
+
export function PeriodSelect({ value, onChange, t = (_k, f) => f, className, }) {
|
|
12
|
+
return (_jsxs(ShadcnSelect, { value: value, onValueChange: (v) => onChange(v), children: [_jsx(ShadcnSelectTrigger, { className: cn("h-8 w-[140px] text-xs", className), children: _jsx(ShadcnSelectValue, {}) }), _jsx(ShadcnSelectContent, { children: PERIODS.map((p) => (_jsx(ShadcnSelectItem, { value: p.value, children: t(p.labelKey, p.fallback) }, p.value))) })] }));
|
|
13
|
+
}
|
|
14
|
+
//# sourceMappingURL=period-select.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"period-select.js","sourceRoot":"","sources":["../../src/components/period-select.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAClC,OAAO,EACL,YAAY,EACZ,mBAAmB,EACnB,mBAAmB,EACnB,gBAAgB,EAChB,iBAAiB,GAClB,MAAM,iBAAiB,CAAC;AAYzB,MAAM,OAAO,GAAqE;IAChF,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,YAAY,EAAE,QAAQ,EAAE,SAAS,EAAE;IAC7D,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,YAAY,EAAE,QAAQ,EAAE,SAAS,EAAE;IAC7D,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,YAAY,EAAE,QAAQ,EAAE,SAAS,EAAE;IAC7D,EAAE,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,aAAa,EAAE,QAAQ,EAAE,UAAU,EAAE;IAChE,EAAE,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,WAAW,EAAE,QAAQ,EAAE,QAAQ,EAAE;CAC3D,CAAC;AAEF,MAAM,UAAU,YAAY,CAAC,EAC3B,KAAK,EACL,QAAQ,EACR,CAAC,GAAG,CAAC,EAAE,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,EAChB,SAAS,GACS;IAClB,OAAO,CACL,MAAC,YAAY,IACX,KAAK,EAAE,KAAK,EACZ,aAAa,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,QAAQ,CAAC,CAAoB,CAAC,aAEpD,KAAC,mBAAmB,IAAC,SAAS,EAAE,EAAE,CAAC,uBAAuB,EAAE,SAAS,CAAC,YACpE,KAAC,iBAAiB,KAAG,GACD,EACtB,KAAC,mBAAmB,cACjB,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAClB,KAAC,gBAAgB,IAAe,KAAK,EAAE,CAAC,CAAC,KAAK,YAC3C,CAAC,CAAC,CAAC,CAAC,QAAQ,EAAE,CAAC,CAAC,QAAQ,CAAC,IADL,CAAC,CAAC,KAAK,CAEX,CACpB,CAAC,GACkB,IACT,CAChB,CAAC;AACJ,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"select.d.ts","sourceRoot":"","sources":["../../src/components/select.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,QAAQ,MAAM,mBAAmB,CAAA;AAE7C,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,wBAAgB,MAAM,CAAC,EACrB,SAAS,EACT,QAAQ,EACR,GAAG,EACH,GAAG,KAAK,EACT,EAAE;IAAE,SAAS,CAAC,EAAE,MAAM,CAAC;IAAC,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,iBAAiB,CAAC,CAAA;CAAE,GAAG,IAAI,CAAC,QAAQ,CAAC,WAAW,EAAE,IAAI,GAAG,WAAW,CAAC,
|
|
1
|
+
{"version":3,"file":"select.d.ts","sourceRoot":"","sources":["../../src/components/select.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,QAAQ,MAAM,mBAAmB,CAAA;AAE7C,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,wBAAgB,MAAM,CAAC,EACrB,SAAS,EACT,QAAQ,EACR,GAAG,EACH,GAAG,KAAK,EACT,EAAE;IAAE,SAAS,CAAC,EAAE,MAAM,CAAC;IAAC,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,iBAAiB,CAAC,CAAA;CAAE,GAAG,IAAI,CAAC,QAAQ,CAAC,WAAW,EAAE,IAAI,GAAG,WAAW,CAAC,2CA2D7G"}
|
|
@@ -35,6 +35,6 @@ export function Select({ className, multiple, ref, ...props }) {
|
|
|
35
35
|
'data-invalid:border-red-500 data-invalid:data-hover:border-red-500 dark:data-invalid:border-red-600 dark:data-invalid:data-hover:border-red-600',
|
|
36
36
|
// Disabled state
|
|
37
37
|
'data-disabled:border-zinc-950/20 data-disabled:opacity-100 dark:data-disabled:border-white/15 dark:data-disabled:bg-white/2.5 dark:data-hover:data-disabled:border-white/15',
|
|
38
|
-
]) }), !multiple && (_jsx("span", { className: "pointer-events-none absolute inset-y-0 right-0 flex items-center pr-2", children:
|
|
38
|
+
]) }), !multiple && (_jsx("span", { className: "pointer-events-none absolute inset-y-0 right-0 flex items-center pr-2", children: _jsx("svg", { className: "size-5 stroke-zinc-500 group-has-data-disabled:stroke-zinc-600 sm:size-4 dark:stroke-zinc-400 forced-colors:stroke-[CanvasText]", viewBox: "0 0 16 16", "aria-hidden": "true", fill: "none", children: _jsx("path", { d: "M4.75 6.25L8 9.75L11.25 6.25", strokeWidth: 1.5, strokeLinecap: "round", strokeLinejoin: "round" }) }) }))] }));
|
|
39
39
|
}
|
|
40
40
|
//# sourceMappingURL=select.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"select.js","sourceRoot":"","sources":["../../src/components/select.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,QAAQ,MAAM,mBAAmB,CAAA;AAC7C,OAAO,IAAI,MAAM,MAAM,CAAA;AAGvB,MAAM,UAAU,MAAM,CAAC,EACrB,SAAS,EACT,QAAQ,EACR,GAAG,EACH,GAAG,KAAK,EACoG;IAC5G,OAAO,CACL,6BACY,SAAS,EACnB,SAAS,EAAE,IAAI,CAAC;YACd,SAAS;YACT,eAAe;YACf,6BAA6B;YAC7B,wGAAwG;YACxG,8GAA8G;YAC9G,kGAAkG;YAClG,oBAAoB;YACpB,aAAa;YACb,4KAA4K;YAC5K,iBAAiB;YACjB,0GAA0G;SAC3G,CAAC,aAEF,KAAC,QAAQ,CAAC,MAAM,IACd,GAAG,EAAE,GAAG,EACR,QAAQ,EAAE,QAAQ,KACd,KAAK,EACT,SAAS,EAAE,IAAI,CAAC;oBACd,eAAe;oBACf,iHAAiH;oBACjH,qBAAqB;oBACrB,QAAQ;wBACN,CAAC,CAAC,8DAA8D;wBAChE,CAAC,CAAC,0HAA0H;oBAC9H,yBAAyB;oBACzB,4BAA4B;oBAC5B,aAAa;oBACb,oGAAoG;oBACpG,SAAS;oBACT,8GAA8G;oBAC9G,mBAAmB;oBACnB,mDAAmD;oBACnD,4BAA4B;oBAC5B,sBAAsB;oBACtB,gBAAgB;oBAChB,iJAAiJ;oBACjJ,iBAAiB;oBACjB,6KAA6K;iBAC9K,CAAC,GACF,EACD,CAAC,QAAQ,IAAI,CACZ,eAAM,SAAS,EAAC,uEAAuE,YACrF,
|
|
1
|
+
{"version":3,"file":"select.js","sourceRoot":"","sources":["../../src/components/select.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,QAAQ,MAAM,mBAAmB,CAAA;AAC7C,OAAO,IAAI,MAAM,MAAM,CAAA;AAGvB,MAAM,UAAU,MAAM,CAAC,EACrB,SAAS,EACT,QAAQ,EACR,GAAG,EACH,GAAG,KAAK,EACoG;IAC5G,OAAO,CACL,6BACY,SAAS,EACnB,SAAS,EAAE,IAAI,CAAC;YACd,SAAS;YACT,eAAe;YACf,6BAA6B;YAC7B,wGAAwG;YACxG,8GAA8G;YAC9G,kGAAkG;YAClG,oBAAoB;YACpB,aAAa;YACb,4KAA4K;YAC5K,iBAAiB;YACjB,0GAA0G;SAC3G,CAAC,aAEF,KAAC,QAAQ,CAAC,MAAM,IACd,GAAG,EAAE,GAAG,EACR,QAAQ,EAAE,QAAQ,KACd,KAAK,EACT,SAAS,EAAE,IAAI,CAAC;oBACd,eAAe;oBACf,iHAAiH;oBACjH,qBAAqB;oBACrB,QAAQ;wBACN,CAAC,CAAC,8DAA8D;wBAChE,CAAC,CAAC,0HAA0H;oBAC9H,yBAAyB;oBACzB,4BAA4B;oBAC5B,aAAa;oBACb,oGAAoG;oBACpG,SAAS;oBACT,8GAA8G;oBAC9G,mBAAmB;oBACnB,mDAAmD;oBACnD,4BAA4B;oBAC5B,sBAAsB;oBACtB,gBAAgB;oBAChB,iJAAiJ;oBACjJ,iBAAiB;oBACjB,6KAA6K;iBAC9K,CAAC,GACF,EACD,CAAC,QAAQ,IAAI,CACZ,eAAM,SAAS,EAAC,uEAAuE,YACrF,cACE,SAAS,EAAC,iIAAiI,EAC3I,OAAO,EAAC,WAAW,iBACP,MAAM,EAClB,IAAI,EAAC,MAAM,YAEX,eAAM,CAAC,EAAC,8BAA8B,EAAC,WAAW,EAAE,GAAG,EAAE,aAAa,EAAC,OAAO,EAAC,cAAc,EAAC,OAAO,GAAG,GACpG,GACD,CACR,IACI,CACR,CAAA;AACH,CAAC"}
|
|
@@ -1,13 +1,19 @@
|
|
|
1
1
|
/**
|
|
2
|
-
* GlobeCanvas —
|
|
3
|
-
* via @react-three/offscreen.
|
|
2
|
+
* GlobeCanvas — renders the R3F globe scene.
|
|
4
3
|
*
|
|
5
|
-
*
|
|
6
|
-
*
|
|
7
|
-
*
|
|
8
|
-
*
|
|
9
|
-
*
|
|
10
|
-
*
|
|
4
|
+
* Supports two rendering modes:
|
|
5
|
+
*
|
|
6
|
+
* 1. **Offscreen (worker)** — when a `worker` prop is provided, uses
|
|
7
|
+
* `Canvas` from `@react-three/offscreen` to render the scene in a Web
|
|
8
|
+
* Worker. Props are sent to the worker via BroadcastChannel and events
|
|
9
|
+
* flow back through the same channel. This keeps the main thread free.
|
|
10
|
+
*
|
|
11
|
+
* 2. **Main-thread (default)** — when no `worker` prop is given, renders
|
|
12
|
+
* with the standard `@react-three/fiber` Canvas. Benefits still include:
|
|
13
|
+
* - frameloop="demand" — only renders when data changes or user interacts
|
|
14
|
+
* - React.lazy + Suspense — non-blocking initial load
|
|
15
|
+
* - IntersectionObserver — pauses when off-screen
|
|
16
|
+
* - Bloom post-processing + r3f-globe — modern rendering pipeline
|
|
11
17
|
*/
|
|
12
18
|
import type { GlobeTheme, GlobePresetName } from "./globe-theme";
|
|
13
19
|
import type { GlobeArc, GlobePoint, GlobeCountryDatum, GlobeHoverPayload } from "./globe-types";
|
|
@@ -34,7 +40,23 @@ export interface GlobeCanvasProps {
|
|
|
34
40
|
reducedMotion?: boolean;
|
|
35
41
|
className?: string;
|
|
36
42
|
height?: string;
|
|
43
|
+
/**
|
|
44
|
+
* Optional Web Worker instance for offscreen rendering.
|
|
45
|
+
*
|
|
46
|
+
* When provided the globe scene runs entirely in the worker thread.
|
|
47
|
+
* The worker file should call `render(<GlobeScene />)` from
|
|
48
|
+
* `@react-three/offscreen`. Props are forwarded via BroadcastChannel
|
|
49
|
+
* and events are received back on the same channel.
|
|
50
|
+
*
|
|
51
|
+
* When omitted the globe renders on the main thread (previous default).
|
|
52
|
+
*/
|
|
53
|
+
worker?: Worker;
|
|
54
|
+
/**
|
|
55
|
+
* BroadcastChannel identifier used to send props and receive events
|
|
56
|
+
* when running in offscreen (worker) mode. Defaults to `"globe-data"`.
|
|
57
|
+
* Only relevant when `worker` is provided.
|
|
58
|
+
*/
|
|
37
59
|
channelId?: string;
|
|
38
60
|
}
|
|
39
|
-
export declare function GlobeCanvas({ arcs, points, countryData, selectedCountryCode, selectedArcId, onCountryClick, onArcClick, onHover, theme, preset, autoRotate, electronFrequency, selectedBoostFactor, initialPov, topoJsonUrl, reducedMotion, className, height, channelId, }: GlobeCanvasProps): import("react/jsx-runtime").JSX.Element;
|
|
61
|
+
export declare function GlobeCanvas({ arcs, points, countryData, selectedCountryCode, selectedArcId, onCountryClick, onArcClick, onHover, theme, preset, autoRotate, electronFrequency, selectedBoostFactor, initialPov, topoJsonUrl, reducedMotion, className, height, worker, channelId, }: GlobeCanvasProps): import("react/jsx-runtime").JSX.Element;
|
|
40
62
|
//# sourceMappingURL=globe-canvas.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"globe-canvas.d.ts","sourceRoot":"","sources":["../../src/globe/globe-canvas.tsx"],"names":[],"mappings":"AAAA
|
|
1
|
+
{"version":3,"file":"globe-canvas.d.ts","sourceRoot":"","sources":["../../src/globe/globe-canvas.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AAOH,OAAO,KAAK,EAAE,UAAU,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC;AACjE,OAAO,KAAK,EACV,QAAQ,EACR,UAAU,EACV,iBAAiB,EACjB,iBAAiB,EAClB,MAAM,eAAe,CAAC;AAKvB,MAAM,WAAW,gBAAgB;IAC/B,IAAI,CAAC,EAAE,QAAQ,EAAE,CAAC;IAClB,MAAM,CAAC,EAAE,UAAU,EAAE,CAAC;IACtB,WAAW,CAAC,EAAE,iBAAiB,EAAE,CAAC;IAClC,mBAAmB,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACpC,aAAa,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC9B,cAAc,CAAC,EAAE,CAAC,WAAW,EAAE,MAAM,KAAK,IAAI,CAAC;IAC/C,UAAU,CAAC,EAAE,CAAC,GAAG,EAAE,QAAQ,KAAK,IAAI,CAAC;IACrC,OAAO,CAAC,EAAE,CAAC,OAAO,EAAE,iBAAiB,GAAG,IAAI,KAAK,IAAI,CAAC;IACtD,KAAK,CAAC,EAAE,OAAO,CAAC,UAAU,CAAC,CAAC;IAC5B,MAAM,CAAC,EAAE,eAAe,CAAC;IACzB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,UAAU,CAAC,EAAE;QAAE,GAAG,EAAE,MAAM,CAAC;QAAC,GAAG,EAAE,MAAM,CAAC;QAAC,QAAQ,EAAE,MAAM,CAAA;KAAE,CAAC;IAC5D,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;;;;;;;;OASG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;;;OAIG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAkHD,wBAAgB,WAAW,CAAC,EAC1B,IAAI,EACJ,MAAM,EACN,WAAW,EACX,mBAAmB,EACnB,aAAa,EACb,cAAc,EACd,UAAU,EACV,OAAO,EACP,KAAK,EACL,MAAmB,EACnB,UAAiB,EACjB,iBAAuB,EACvB,mBAAuB,EACvB,UAAU,EACV,WAAW,EACX,aAAa,EACb,SAAS,EACT,MAAoC,EACpC,MAAM,EACN,SAAwB,GACzB,EAAE,gBAAgB,2CAqGlB"}
|