@leonardaustin/ui 0.4.0 → 0.5.0
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/components/app-shell/AppShell.d.ts +4 -2
- package/dist/components/app-shell/AppShell.d.ts.map +1 -1
- package/dist/components/app-shell/MobileDrawer.d.ts +4 -2
- package/dist/components/app-shell/MobileDrawer.d.ts.map +1 -1
- package/dist/components/app-shell/TopBar.d.ts +5 -3
- package/dist/components/app-shell/TopBar.d.ts.map +1 -1
- package/dist/components/app-shell/navigation.d.ts +7 -2
- package/dist/components/app-shell/navigation.d.ts.map +1 -1
- package/dist/components/app-shell/types.d.ts +13 -1
- package/dist/components/app-shell/types.d.ts.map +1 -1
- package/dist/components/charts/AreaChart.d.ts +11 -7
- package/dist/components/charts/AreaChart.d.ts.map +1 -1
- package/dist/components/charts/BarChart.d.ts +25 -7
- package/dist/components/charts/BarChart.d.ts.map +1 -1
- package/dist/components/charts/DonutChart.d.ts +9 -4
- package/dist/components/charts/DonutChart.d.ts.map +1 -1
- package/dist/components/charts/RadarChart.d.ts +10 -4
- package/dist/components/charts/RadarChart.d.ts.map +1 -1
- package/dist/components/charts/RadialBarChart.d.ts +10 -4
- package/dist/components/charts/RadialBarChart.d.ts.map +1 -1
- package/dist/components/charts/SparkLine.d.ts +7 -1
- package/dist/components/charts/SparkLine.d.ts.map +1 -1
- package/dist/components/charts/StackedBarChart.d.ts +12 -1
- package/dist/components/charts/StackedBarChart.d.ts.map +1 -1
- package/dist/components/charts/VerticalBarChart.d.ts +26 -8
- package/dist/components/charts/VerticalBarChart.d.ts.map +1 -1
- package/dist/components/charts/chartUtils.d.ts +43 -0
- package/dist/components/charts/chartUtils.d.ts.map +1 -0
- package/dist/components/tables/ColumnPicker.d.ts +19 -2
- package/dist/components/tables/ColumnPicker.d.ts.map +1 -1
- package/dist/components/ui/Calendar.d.ts +174 -0
- package/dist/components/ui/Calendar.d.ts.map +1 -0
- package/dist/components/ui/CodeInput.d.ts +33 -0
- package/dist/components/ui/CodeInput.d.ts.map +1 -0
- package/dist/components/ui/PasswordRequirements.d.ts +13 -0
- package/dist/components/ui/PasswordRequirements.d.ts.map +1 -0
- package/dist/components/ui/QrCode.d.ts +33 -0
- package/dist/components/ui/QrCode.d.ts.map +1 -0
- package/dist/components/ui/StepProgress.d.ts.map +1 -1
- package/dist/components/ui/calendar/AgendaView.d.ts +11 -0
- package/dist/components/ui/calendar/AgendaView.d.ts.map +1 -0
- package/dist/components/ui/calendar/MonthView.d.ts +10 -0
- package/dist/components/ui/calendar/MonthView.d.ts.map +1 -0
- package/dist/components/ui/calendar/TimeGrid.d.ts +11 -0
- package/dist/components/ui/calendar/TimeGrid.d.ts.map +1 -0
- package/dist/components/ui/calendar/TimelineView.d.ts +11 -0
- package/dist/components/ui/calendar/TimelineView.d.ts.map +1 -0
- package/dist/components/ui/calendar/context.d.ts +56 -0
- package/dist/components/ui/calendar/context.d.ts.map +1 -0
- package/dist/components/ui/calendar/items.d.ts +46 -0
- package/dist/components/ui/calendar/items.d.ts.map +1 -0
- package/dist/components/ui/calendar/types.d.ts +125 -0
- package/dist/components/ui/calendar/types.d.ts.map +1 -0
- package/dist/components/ui/calendar/useGridInteraction.d.ts +39 -0
- package/dist/components/ui/calendar/useGridInteraction.d.ts.map +1 -0
- package/dist/index.d.ts +8 -0
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +6658 -3115
- package/dist/lib/calendar.d.ts +305 -0
- package/dist/lib/calendar.d.ts.map +1 -0
- package/dist/lib/codeInput.d.ts +28 -0
- package/dist/lib/codeInput.d.ts.map +1 -0
- package/dist/lib/passwordRequirements.d.ts +12 -0
- package/dist/lib/passwordRequirements.d.ts.map +1 -0
- package/dist/lib/qrCode.d.ts +20 -0
- package/dist/lib/qrCode.d.ts.map +1 -0
- package/dist/styles.css +710 -0
- package/package.json +1 -1
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { type ReactNode } from "react";
|
|
2
2
|
import type { CommandPaletteShortcut } from "./commandPaletteEvents";
|
|
3
3
|
import type { AppShellNavigate } from "./navigation";
|
|
4
|
-
import type { AppShellAccount, AppShellBrand, AppShellBreadcrumbOptions, AppShellNavItem, AppShellNavSection } from "./types";
|
|
4
|
+
import type { AppShellAccount, AppShellBrand, AppShellBreadcrumbOptions, AppShellNavItem, AppShellNavSection, AppShellTopBarNavItem } from "./types";
|
|
5
5
|
export interface AppShellProps {
|
|
6
6
|
children?: ReactNode;
|
|
7
7
|
navSections: AppShellNavSection[];
|
|
@@ -24,6 +24,8 @@ export interface AppShellProps {
|
|
|
24
24
|
commandShortcut?: CommandPaletteShortcut;
|
|
25
25
|
sidebarHeaderActions?: ReactNode;
|
|
26
26
|
topBarActions?: ReactNode;
|
|
27
|
+
topBarNavItems?: AppShellTopBarNavItem[];
|
|
28
|
+
topBarNavLabel?: string;
|
|
27
29
|
currentPath?: string;
|
|
28
30
|
onNavigate?: AppShellNavigate;
|
|
29
31
|
mainClassName?: string;
|
|
@@ -36,5 +38,5 @@ export interface AppShellProps {
|
|
|
36
38
|
* `commandShortcut` (default ⌘K) whose searchable items default to the
|
|
37
39
|
* flattened `navSections` (override via `commandItems`).
|
|
38
40
|
*/
|
|
39
|
-
export declare function AppShell({ children, navSections, brand, accounts, bottomNavItems, commandItems, breadcrumbs, initialAccountIndex, onAccountChange, onSignOut, signOutPath, signOutLabel, settingsPath, settingsLabel, onOpenSettings, showCommandPalette, showCommandTrigger, commandTriggerLabel, commandShortcut, sidebarHeaderActions, topBarActions, currentPath, onNavigate, mainClassName, className, }: AppShellProps): import("react/jsx-runtime").JSX.Element;
|
|
41
|
+
export declare function AppShell({ children, navSections, brand, accounts, bottomNavItems, commandItems, breadcrumbs, initialAccountIndex, onAccountChange, onSignOut, signOutPath, signOutLabel, settingsPath, settingsLabel, onOpenSettings, showCommandPalette, showCommandTrigger, commandTriggerLabel, commandShortcut, sidebarHeaderActions, topBarActions, topBarNavItems, topBarNavLabel, currentPath, onNavigate, mainClassName, className, }: AppShellProps): import("react/jsx-runtime").JSX.Element;
|
|
40
42
|
//# sourceMappingURL=AppShell.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AppShell.d.ts","sourceRoot":"","sources":["../../../src/components/app-shell/AppShell.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAqB,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAK1D,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,wBAAwB,CAAC;AAErE,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAC;AAGrD,OAAO,KAAK,EACV,eAAe,EACf,aAAa,EACb,yBAAyB,EACzB,eAAe,EACf,kBAAkB,
|
|
1
|
+
{"version":3,"file":"AppShell.d.ts","sourceRoot":"","sources":["../../../src/components/app-shell/AppShell.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAqB,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAK1D,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,wBAAwB,CAAC;AAErE,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAC;AAGrD,OAAO,KAAK,EACV,eAAe,EACf,aAAa,EACb,yBAAyB,EACzB,eAAe,EACf,kBAAkB,EAClB,qBAAqB,EACtB,MAAM,SAAS,CAAC;AAEjB,MAAM,WAAW,aAAa;IAC5B,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,WAAW,EAAE,kBAAkB,EAAE,CAAC;IAClC,KAAK,EAAE,aAAa,CAAC;IACrB,QAAQ,CAAC,EAAE,eAAe,EAAE,CAAC;IAC7B,cAAc,CAAC,EAAE,eAAe,EAAE,CAAC;IACnC,YAAY,CAAC,EAAE,eAAe,EAAE,CAAC;IACjC,WAAW,CAAC,EAAE,yBAAyB,GAAG,KAAK,CAAC;IAChD,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,eAAe,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACpE,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,cAAc,CAAC,EAAE,MAAM,IAAI,CAAC;IAC5B,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,eAAe,CAAC,EAAE,sBAAsB,CAAC;IACzC,oBAAoB,CAAC,EAAE,SAAS,CAAC;IACjC,aAAa,CAAC,EAAE,SAAS,CAAC;IAC1B,cAAc,CAAC,EAAE,qBAAqB,EAAE,CAAC;IACzC,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,gBAAgB,CAAC;IAC9B,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;GAMG;AACH,wBAAgB,QAAQ,CAAC,EACvB,QAAQ,EACR,WAAW,EACX,KAAK,EACL,QAAQ,EACR,cAAmB,EACnB,YAAY,EACZ,WAAW,EACX,mBAAmB,EACnB,eAAe,EACf,SAAS,EACT,WAAW,EACX,YAAY,EACZ,YAAY,EACZ,aAAa,EACb,cAAc,EACd,kBAAyB,EACzB,kBAAyB,EACzB,mBAAmB,EACnB,eAAe,EACf,oBAAoB,EACpB,aAAa,EACb,cAAc,EACd,cAAc,EACd,WAAW,EACX,UAAU,EACV,aAAa,EACb,SAAS,GACV,EAAE,aAAa,2CAiFf"}
|
|
@@ -1,15 +1,17 @@
|
|
|
1
1
|
import { type ReactNode } from "react";
|
|
2
2
|
import { type AppShellNavigate } from "./navigation";
|
|
3
|
-
import type { AppShellBrand, AppShellNavItem } from "./types";
|
|
3
|
+
import type { AppShellBrand, AppShellNavItem, AppShellTopBarNavItem } from "./types";
|
|
4
4
|
export interface MobileDrawerProps {
|
|
5
5
|
open: boolean;
|
|
6
6
|
onClose: () => void;
|
|
7
7
|
items: AppShellNavItem[];
|
|
8
|
+
topBarNavItems?: AppShellTopBarNavItem[];
|
|
9
|
+
topBarNavLabel?: string;
|
|
8
10
|
brand: AppShellBrand;
|
|
9
11
|
currentPath?: string;
|
|
10
12
|
onNavigate?: AppShellNavigate;
|
|
11
13
|
headerActions?: ReactNode;
|
|
12
14
|
className?: string;
|
|
13
15
|
}
|
|
14
|
-
export declare function MobileDrawer({ open, onClose, items, brand, currentPath, onNavigate, headerActions, className, }: MobileDrawerProps): import("react/jsx-runtime").JSX.Element | null;
|
|
16
|
+
export declare function MobileDrawer({ open, onClose, items, topBarNavItems, topBarNavLabel, brand, currentPath, onNavigate, headerActions, className, }: MobileDrawerProps): import("react/jsx-runtime").JSX.Element | null;
|
|
15
17
|
//# sourceMappingURL=MobileDrawer.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MobileDrawer.d.ts","sourceRoot":"","sources":["../../../src/components/app-shell/MobileDrawer.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAqB,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAM1D,OAAO,EAGL,KAAK,gBAAgB,EACtB,MAAM,cAAc,CAAC;AACtB,OAAO,KAAK,
|
|
1
|
+
{"version":3,"file":"MobileDrawer.d.ts","sourceRoot":"","sources":["../../../src/components/app-shell/MobileDrawer.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAqB,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAM1D,OAAO,EAGL,KAAK,gBAAgB,EACtB,MAAM,cAAc,CAAC;AACtB,OAAO,KAAK,EACV,aAAa,EACb,eAAe,EACf,qBAAqB,EACtB,MAAM,SAAS,CAAC;AAEjB,MAAM,WAAW,iBAAiB;IAChC,IAAI,EAAE,OAAO,CAAC;IACd,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,KAAK,EAAE,eAAe,EAAE,CAAC;IACzB,cAAc,CAAC,EAAE,qBAAqB,EAAE,CAAC;IACzC,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,KAAK,EAAE,aAAa,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,gBAAgB,CAAC;IAC9B,aAAa,CAAC,EAAE,SAAS,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAiBD,wBAAgB,YAAY,CAAC,EAC3B,IAAI,EACJ,OAAO,EACP,KAAK,EACL,cAAmB,EACnB,cAA0B,EAC1B,KAAK,EACL,WAAW,EACX,UAAU,EACV,aAAa,EACb,SAAS,GACV,EAAE,iBAAiB,kDAgJnB"}
|
|
@@ -1,10 +1,12 @@
|
|
|
1
1
|
import type { ReactNode } from "react";
|
|
2
2
|
import { type CommandPaletteShortcut } from "./commandPaletteEvents";
|
|
3
|
-
import type
|
|
4
|
-
import type { AppShellBreadcrumbOptions } from "./types";
|
|
3
|
+
import { type AppShellNavigate } from "./navigation";
|
|
4
|
+
import type { AppShellBreadcrumbOptions, AppShellTopBarNavItem } from "./types";
|
|
5
5
|
export interface TopBarProps {
|
|
6
6
|
onMobileMenuToggle?: () => void;
|
|
7
7
|
breadcrumbs?: AppShellBreadcrumbOptions | false;
|
|
8
|
+
navItems?: AppShellTopBarNavItem[];
|
|
9
|
+
navLabel?: string;
|
|
8
10
|
showCommandTrigger?: boolean;
|
|
9
11
|
commandTriggerLabel?: string;
|
|
10
12
|
commandShortcut?: CommandPaletteShortcut;
|
|
@@ -13,5 +15,5 @@ export interface TopBarProps {
|
|
|
13
15
|
onCommandTrigger?: () => void;
|
|
14
16
|
actions?: ReactNode;
|
|
15
17
|
}
|
|
16
|
-
export declare function TopBar({ onMobileMenuToggle, breadcrumbs, showCommandTrigger, commandTriggerLabel, commandShortcut, currentPath, onNavigate, onCommandTrigger, actions, }: TopBarProps): import("react/jsx-runtime").JSX.Element;
|
|
18
|
+
export declare function TopBar({ onMobileMenuToggle, breadcrumbs, navItems, navLabel, showCommandTrigger, commandTriggerLabel, commandShortcut, currentPath, onNavigate, onCommandTrigger, actions, }: TopBarProps): import("react/jsx-runtime").JSX.Element;
|
|
17
19
|
//# sourceMappingURL=TopBar.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TopBar.d.ts","sourceRoot":"","sources":["../../../src/components/app-shell/TopBar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"TopBar.d.ts","sourceRoot":"","sources":["../../../src/components/app-shell/TopBar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAgBvC,OAAO,EAGL,KAAK,sBAAsB,EAC5B,MAAM,wBAAwB,CAAC;AAChC,OAAO,EAGL,KAAK,gBAAgB,EACtB,MAAM,cAAc,CAAC;AAEtB,OAAO,KAAK,EAAE,yBAAyB,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAC;AAMhF,MAAM,WAAW,WAAW;IAC1B,kBAAkB,CAAC,EAAE,MAAM,IAAI,CAAC;IAChC,WAAW,CAAC,EAAE,yBAAyB,GAAG,KAAK,CAAC;IAChD,QAAQ,CAAC,EAAE,qBAAqB,EAAE,CAAC;IACnC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,eAAe,CAAC,EAAE,sBAAsB,CAAC;IACzC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,gBAAgB,CAAC;IAC9B,gBAAgB,CAAC,EAAE,MAAM,IAAI,CAAC;IAC9B,OAAO,CAAC,EAAE,SAAS,CAAC;CACrB;AAED,wBAAgB,MAAM,CAAC,EACrB,kBAAkB,EAClB,WAAW,EACX,QAAa,EACb,QAAoB,EACpB,kBAAyB,EACzB,mBAA8B,EAC9B,eAAkD,EAClD,WAAW,EACX,UAAU,EACV,gBAAgB,EAChB,OAAO,GACR,EAAE,WAAW,2CAsFb"}
|
|
@@ -1,7 +1,12 @@
|
|
|
1
1
|
import type { MouseEvent } from "react";
|
|
2
|
-
import type { AppShellNavItem } from "./types";
|
|
3
2
|
export type AppShellNavigate = (path: string) => void;
|
|
4
|
-
|
|
3
|
+
interface AppShellPathMatchItem {
|
|
4
|
+
path: string;
|
|
5
|
+
end?: boolean;
|
|
6
|
+
active?: boolean;
|
|
7
|
+
}
|
|
8
|
+
export declare function isAppShellPathActive(item: AppShellPathMatchItem, currentPath?: string): boolean;
|
|
5
9
|
export declare function handleAppShellNavigate(event: MouseEvent<HTMLAnchorElement>, path: string, onNavigate?: AppShellNavigate, onAfterNavigate?: () => void): void;
|
|
6
10
|
export declare function navigateToPath(path: string, onNavigate?: AppShellNavigate): void;
|
|
11
|
+
export {};
|
|
7
12
|
//# sourceMappingURL=navigation.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"navigation.d.ts","sourceRoot":"","sources":["../../../src/components/app-shell/navigation.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAExC,
|
|
1
|
+
{"version":3,"file":"navigation.d.ts","sourceRoot":"","sources":["../../../src/components/app-shell/navigation.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAExC,MAAM,MAAM,gBAAgB,GAAG,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;AAEtD,UAAU,qBAAqB;IAC7B,IAAI,EAAE,MAAM,CAAC;IACb,GAAG,CAAC,EAAE,OAAO,CAAC;IACd,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AAED,wBAAgB,oBAAoB,CAClC,IAAI,EAAE,qBAAqB,EAC3B,WAAW,CAAC,EAAE,MAAM,WAUrB;AAED,wBAAgB,sBAAsB,CACpC,KAAK,EAAE,UAAU,CAAC,iBAAiB,CAAC,EACpC,IAAI,EAAE,MAAM,EACZ,UAAU,CAAC,EAAE,gBAAgB,EAC7B,eAAe,CAAC,EAAE,MAAM,IAAI,QAsB7B;AAED,wBAAgB,cAAc,CAAC,IAAI,EAAE,MAAM,EAAE,UAAU,CAAC,EAAE,gBAAgB,QAOzE"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import type { ComponentType, ReactNode } from "react";
|
|
1
|
+
import type { ComponentType, HTMLAttributeAnchorTarget, ReactNode } from "react";
|
|
2
2
|
export type AppShellIcon = ComponentType<{
|
|
3
3
|
className?: string;
|
|
4
4
|
}>;
|
|
@@ -16,6 +16,18 @@ export interface AppShellNavItem {
|
|
|
16
16
|
keywords?: string[];
|
|
17
17
|
end?: boolean;
|
|
18
18
|
}
|
|
19
|
+
export interface AppShellTopBarNavItem {
|
|
20
|
+
label: string;
|
|
21
|
+
path: string;
|
|
22
|
+
href?: string;
|
|
23
|
+
icon?: AppShellIcon;
|
|
24
|
+
badge?: ReactNode;
|
|
25
|
+
end?: boolean;
|
|
26
|
+
active?: boolean;
|
|
27
|
+
target?: HTMLAttributeAnchorTarget;
|
|
28
|
+
rel?: string;
|
|
29
|
+
reloadDocument?: boolean;
|
|
30
|
+
}
|
|
19
31
|
export interface AppShellNavSection {
|
|
20
32
|
title: string;
|
|
21
33
|
items: AppShellNavItem[];
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/app-shell/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/app-shell/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,aAAa,EACb,yBAAyB,EACzB,SAAS,EACV,MAAM,OAAO,CAAC;AAEf,MAAM,MAAM,YAAY,GAAG,aAAa,CAAC;IAAE,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC,CAAC;AAEjE,MAAM,WAAW,aAAa;IAC5B,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,YAAY,CAAC;IACpB,IAAI,CAAC,EAAE,SAAS,CAAC;CAClB;AAED,MAAM,WAAW,eAAe;IAC9B,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,YAAY,CAAC;IACnB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,EAAE,CAAC;IACpB,GAAG,CAAC,EAAE,OAAO,CAAC;CACf;AAED,MAAM,WAAW,qBAAqB;IACpC,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,YAAY,CAAC;IACpB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,GAAG,CAAC,EAAE,OAAO,CAAC;IACd,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,MAAM,CAAC,EAAE,yBAAyB,CAAC;IACnC,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B;AAED,MAAM,WAAW,kBAAkB;IACjC,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,eAAe,EAAE,CAAC;CAC1B;AAED,MAAM,WAAW,eAAe;IAC9B,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,WAAW,yBAAyB;IACxC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAChC,OAAO,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;CAClC"}
|
|
@@ -1,8 +1,9 @@
|
|
|
1
|
-
interface
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
1
|
+
export interface AreaChartDatum {
|
|
2
|
+
date: string;
|
|
3
|
+
value: number;
|
|
4
|
+
}
|
|
5
|
+
export interface AreaChartProps {
|
|
6
|
+
data: AreaChartDatum[];
|
|
6
7
|
height?: number;
|
|
7
8
|
/**
|
|
8
9
|
* Force the lower bound of the Y-axis. When omitted the axis fits the data
|
|
@@ -23,7 +24,10 @@ interface AreaChartProps {
|
|
|
23
24
|
* `valueFormatter`, then to the default compact formatting.
|
|
24
25
|
*/
|
|
25
26
|
tooltipValueFormatter?: (value: number) => string;
|
|
27
|
+
/** Maximum number of X-axis labels to show. */
|
|
28
|
+
xLabelCount?: number;
|
|
29
|
+
ariaLabel?: string;
|
|
30
|
+
className?: string;
|
|
26
31
|
}
|
|
27
|
-
export declare function AreaChart({ data, height, minValue, maxValue, startAtZero, valueFormatter, tooltipValueFormatter, }: AreaChartProps): import("react/jsx-runtime").JSX.Element;
|
|
28
|
-
export {};
|
|
32
|
+
export declare function AreaChart({ data, height, minValue, maxValue, startAtZero, valueFormatter, tooltipValueFormatter, xLabelCount, ariaLabel, className, }: AreaChartProps): import("react/jsx-runtime").JSX.Element;
|
|
29
33
|
//# sourceMappingURL=AreaChart.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AreaChart.d.ts","sourceRoot":"","sources":["../../../src/components/charts/AreaChart.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"AreaChart.d.ts","sourceRoot":"","sources":["../../../src/components/charts/AreaChart.tsx"],"names":[],"mappings":"AAUA,MAAM,WAAW,cAAc;IAC7B,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,cAAc;IAC7B,IAAI,EAAE,cAAc,EAAE,CAAC;IACvB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;;OAGG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,0EAA0E;IAC1E,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;;OAGG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,8EAA8E;IAC9E,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;IAC3C;;;OAGG;IACH,qBAAqB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;IAClD,+CAA+C;IAC/C,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AASD,wBAAgB,SAAS,CAAC,EACxB,IAAI,EACJ,MAAY,EACZ,QAAQ,EACR,QAAQ,EACR,WAAmB,EACnB,cAAc,EACd,qBAAqB,EACrB,WAAe,EACf,SAAwB,EACxB,SAAS,GACV,EAAE,cAAc,2CAkRhB"}
|
|
@@ -1,10 +1,28 @@
|
|
|
1
|
-
interface
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
1
|
+
export interface BarChartDatum {
|
|
2
|
+
label: string;
|
|
3
|
+
value: number;
|
|
4
|
+
}
|
|
5
|
+
export interface BarChartProps {
|
|
6
|
+
data: BarChartDatum[];
|
|
6
7
|
height?: number;
|
|
8
|
+
/** Explicit domain maximum. Defaults to the largest positive value. */
|
|
9
|
+
maxValue?: number;
|
|
10
|
+
/** Format values shown at the end of each bar. */
|
|
11
|
+
valueFormatter?: (value: number) => string;
|
|
12
|
+
/** Format left-side labels before optional truncation. */
|
|
13
|
+
labelFormatter?: (label: string, datum: BarChartDatum, index: number) => string;
|
|
14
|
+
/** Maximum rendered label length. Omit to render the full formatted label. */
|
|
15
|
+
maxLabelLength?: number;
|
|
16
|
+
/** Width reserved for left-side labels in the SVG viewBox. */
|
|
17
|
+
labelWidth?: number;
|
|
18
|
+
/** Width reserved for right-side values in the SVG viewBox. */
|
|
19
|
+
valueWidth?: number;
|
|
20
|
+
/** Natural row height before the optional height prop scales the chart. */
|
|
21
|
+
barHeight?: number;
|
|
22
|
+
/** Natural gap between rows before the optional height prop scales the chart. */
|
|
23
|
+
gap?: number;
|
|
24
|
+
ariaLabel?: string;
|
|
25
|
+
className?: string;
|
|
7
26
|
}
|
|
8
|
-
export declare function BarChart({ data, height }: BarChartProps): import("react/jsx-runtime").JSX.Element;
|
|
9
|
-
export {};
|
|
27
|
+
export declare function BarChart({ data, height, maxValue, valueFormatter, labelFormatter, maxLabelLength, labelWidth, valueWidth, barHeight, gap, ariaLabel, className, }: BarChartProps): import("react/jsx-runtime").JSX.Element;
|
|
10
28
|
//# sourceMappingURL=BarChart.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BarChart.d.ts","sourceRoot":"","sources":["../../../src/components/charts/BarChart.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"BarChart.d.ts","sourceRoot":"","sources":["../../../src/components/charts/BarChart.tsx"],"names":[],"mappings":"AAKA,MAAM,WAAW,aAAa;IAC5B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,aAAa;IAC5B,IAAI,EAAE,aAAa,EAAE,CAAC;IACtB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,uEAAuE;IACvE,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,kDAAkD;IAClD,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;IAC3C,0DAA0D;IAC1D,cAAc,CAAC,EAAE,CACf,KAAK,EAAE,MAAM,EACb,KAAK,EAAE,aAAa,EACpB,KAAK,EAAE,MAAM,KACV,MAAM,CAAC;IACZ,8EAA8E;IAC9E,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,8DAA8D;IAC9D,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,+DAA+D;IAC/D,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,2EAA2E;IAC3E,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,iFAAiF;IACjF,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAKD,wBAAgB,QAAQ,CAAC,EACvB,IAAI,EACJ,MAAM,EACN,QAAQ,EACR,cAAc,EACd,cAAc,EACd,cAAc,EACd,UAAgB,EAChB,UAAe,EACf,SAAc,EACd,GAAQ,EACR,SAAkC,EAClC,SAAS,GACV,EAAE,aAAa,2CA+Hf"}
|
|
@@ -1,12 +1,17 @@
|
|
|
1
|
-
interface DonutSegment {
|
|
1
|
+
export interface DonutSegment {
|
|
2
2
|
name: string;
|
|
3
3
|
value: number;
|
|
4
4
|
color: string;
|
|
5
5
|
}
|
|
6
|
-
interface DonutChartProps {
|
|
6
|
+
export interface DonutChartProps {
|
|
7
7
|
segments: DonutSegment[];
|
|
8
8
|
size?: number;
|
|
9
|
+
strokeWidth?: number;
|
|
10
|
+
valueFormatter?: (value: number) => string;
|
|
11
|
+
percentageFormatter?: (value: number) => string;
|
|
12
|
+
showLegend?: boolean;
|
|
13
|
+
ariaLabel?: string;
|
|
14
|
+
className?: string;
|
|
9
15
|
}
|
|
10
|
-
export declare function DonutChart({ segments, size }: DonutChartProps): import("react/jsx-runtime").JSX.Element;
|
|
11
|
-
export {};
|
|
16
|
+
export declare function DonutChart({ segments, size, strokeWidth, valueFormatter, percentageFormatter, showLegend, ariaLabel, className, }: DonutChartProps): import("react/jsx-runtime").JSX.Element;
|
|
12
17
|
//# sourceMappingURL=DonutChart.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DonutChart.d.ts","sourceRoot":"","sources":["../../../src/components/charts/DonutChart.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"DonutChart.d.ts","sourceRoot":"","sources":["../../../src/components/charts/DonutChart.tsx"],"names":[],"mappings":"AAUA,MAAM,WAAW,YAAY;IAC3B,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,eAAe;IAC9B,QAAQ,EAAE,YAAY,EAAE,CAAC;IACzB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;IAC3C,mBAAmB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;IAChD,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAoCD,wBAAgB,UAAU,CAAC,EACzB,QAAQ,EACR,IAAU,EACV,WAAgB,EAChB,cAAc,EACd,mBAAmB,EACnB,UAAiB,EACjB,SAAyB,EACzB,SAAS,GACV,EAAE,eAAe,2CAsMjB"}
|
|
@@ -1,13 +1,19 @@
|
|
|
1
|
-
interface RadarDataPoint {
|
|
1
|
+
export interface RadarDataPoint {
|
|
2
2
|
label: string;
|
|
3
3
|
value: number;
|
|
4
4
|
}
|
|
5
|
-
interface RadarChartProps {
|
|
5
|
+
export interface RadarChartProps {
|
|
6
6
|
data: RadarDataPoint[];
|
|
7
7
|
/** Max value for the scale. Defaults to auto from data. */
|
|
8
8
|
maxValue?: number;
|
|
9
9
|
size?: number;
|
|
10
|
+
rings?: number;
|
|
11
|
+
labelOffset?: number;
|
|
12
|
+
labelFormatter?: (label: string, datum: RadarDataPoint, index: number) => string;
|
|
13
|
+
maxLabelLength?: number;
|
|
14
|
+
valueFormatter?: (value: number) => string;
|
|
15
|
+
ariaLabel?: string;
|
|
16
|
+
className?: string;
|
|
10
17
|
}
|
|
11
|
-
export declare function RadarChart({ data, maxValue, size }: RadarChartProps): import("react/jsx-runtime").JSX.Element;
|
|
12
|
-
export {};
|
|
18
|
+
export declare function RadarChart({ data, maxValue, size, rings, labelOffset, labelFormatter, maxLabelLength, valueFormatter, ariaLabel, className, }: RadarChartProps): import("react/jsx-runtime").JSX.Element;
|
|
13
19
|
//# sourceMappingURL=RadarChart.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"RadarChart.d.ts","sourceRoot":"","sources":["../../../src/components/charts/RadarChart.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"RadarChart.d.ts","sourceRoot":"","sources":["../../../src/components/charts/RadarChart.tsx"],"names":[],"mappings":"AAKA,MAAM,WAAW,cAAc;IAC7B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,eAAe;IAC9B,IAAI,EAAE,cAAc,EAAE,CAAC;IACvB,2DAA2D;IAC3D,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,cAAc,CAAC,EAAE,CACf,KAAK,EAAE,MAAM,EACb,KAAK,EAAE,cAAc,EACrB,KAAK,EAAE,MAAM,KACV,MAAM,CAAC;IACZ,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;IAC3C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,UAAU,CAAC,EACzB,IAAI,EACJ,QAAQ,EACR,IAAU,EACV,KAAS,EACT,WAAgB,EAChB,cAAc,EACd,cAAc,EACd,cAAc,EACd,SAAyB,EACzB,SAAS,GACV,EAAE,eAAe,2CAoMjB"}
|
|
@@ -1,13 +1,19 @@
|
|
|
1
|
-
interface RadialSegment {
|
|
1
|
+
export interface RadialSegment {
|
|
2
2
|
label: string;
|
|
3
3
|
value: number;
|
|
4
4
|
max: number;
|
|
5
5
|
color: string;
|
|
6
6
|
}
|
|
7
|
-
interface RadialBarChartProps {
|
|
7
|
+
export interface RadialBarChartProps {
|
|
8
8
|
segments: RadialSegment[];
|
|
9
9
|
size?: number;
|
|
10
|
+
strokeWidth?: number;
|
|
11
|
+
gap?: number;
|
|
12
|
+
valueFormatter?: (value: number) => string;
|
|
13
|
+
percentageFormatter?: (value: number) => string;
|
|
14
|
+
showLegend?: boolean;
|
|
15
|
+
ariaLabel?: string;
|
|
16
|
+
className?: string;
|
|
10
17
|
}
|
|
11
|
-
export declare function RadialBarChart({ segments, size }: RadialBarChartProps): import("react/jsx-runtime").JSX.Element;
|
|
12
|
-
export {};
|
|
18
|
+
export declare function RadialBarChart({ segments, size, strokeWidth, gap, valueFormatter, percentageFormatter, showLegend, ariaLabel, className, }: RadialBarChartProps): import("react/jsx-runtime").JSX.Element;
|
|
13
19
|
//# sourceMappingURL=RadialBarChart.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"RadialBarChart.d.ts","sourceRoot":"","sources":["../../../src/components/charts/RadialBarChart.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"RadialBarChart.d.ts","sourceRoot":"","sources":["../../../src/components/charts/RadialBarChart.tsx"],"names":[],"mappings":"AAWA,MAAM,WAAW,aAAa;IAC5B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,mBAAmB;IAClC,QAAQ,EAAE,aAAa,EAAE,CAAC;IAC1B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;IAC3C,mBAAmB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;IAChD,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAOD,wBAAgB,cAAc,CAAC,EAC7B,QAAQ,EACR,IAAU,EACV,WAAgB,EAChB,GAAO,EACP,cAAc,EACd,mBAAmB,EACnB,UAAiB,EACjB,SAA8B,EAC9B,SAAS,GACV,EAAE,mBAAmB,2CAgPrB"}
|
|
@@ -2,6 +2,10 @@ export interface SparkLineProps {
|
|
|
2
2
|
data: number[];
|
|
3
3
|
width?: number;
|
|
4
4
|
height?: number;
|
|
5
|
+
minValue?: number;
|
|
6
|
+
maxValue?: number;
|
|
7
|
+
strokeWidth?: number;
|
|
8
|
+
padding?: number;
|
|
5
9
|
/**
|
|
6
10
|
* Stroke (and area fill) color. Defaults to the accent color
|
|
7
11
|
* (`var(--accent)`), matching prior behavior. Pass `"currentColor"` to inherit
|
|
@@ -13,7 +17,9 @@ export interface SparkLineProps {
|
|
|
13
17
|
* the plain-line appearance.
|
|
14
18
|
*/
|
|
15
19
|
area?: boolean;
|
|
20
|
+
areaOpacity?: number;
|
|
21
|
+
ariaLabel?: string;
|
|
16
22
|
className?: string;
|
|
17
23
|
}
|
|
18
|
-
export declare function SparkLine({ data, width, height, color, area, className, }: SparkLineProps): import("react/jsx-runtime").JSX.Element | null;
|
|
24
|
+
export declare function SparkLine({ data, width, height, minValue, maxValue, strokeWidth, padding, color, area, areaOpacity, ariaLabel, className, }: SparkLineProps): import("react/jsx-runtime").JSX.Element | null;
|
|
19
25
|
//# sourceMappingURL=SparkLine.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SparkLine.d.ts","sourceRoot":"","sources":["../../../src/components/charts/SparkLine.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"SparkLine.d.ts","sourceRoot":"","sources":["../../../src/components/charts/SparkLine.tsx"],"names":[],"mappings":"AAGA,MAAM,WAAW,cAAc;IAC7B,IAAI,EAAE,MAAM,EAAE,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB;;;;OAIG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;OAGG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,SAAS,CAAC,EACxB,IAAI,EACJ,KAAU,EACV,MAAW,EACX,QAAQ,EACR,QAAQ,EACR,WAAiB,EACjB,OAAW,EACX,KAAuB,EACvB,IAAY,EACZ,WAAkB,EAClB,SAA6B,EAC7B,SAAS,GACV,EAAE,cAAc,kDA0DhB"}
|
|
@@ -19,6 +19,17 @@ export interface StackedBarChartProps {
|
|
|
19
19
|
height?: number;
|
|
20
20
|
ariaLabel?: string;
|
|
21
21
|
tooltipRows?: (item: StackedBarChartDatum) => StackedBarChartTooltipRow[];
|
|
22
|
+
/** Format Y-axis labels. Defaults to compact `k`/`M` formatting. */
|
|
23
|
+
valueFormatter?: (value: number) => string;
|
|
24
|
+
/** Format values in the hover tooltip. */
|
|
25
|
+
tooltipValueFormatter?: (value: number) => string;
|
|
26
|
+
/** Maximum number of X-axis labels to show. */
|
|
27
|
+
xLabelCount?: number;
|
|
28
|
+
/** Preferred gap between bars. The chart reduces this automatically if dense. */
|
|
29
|
+
barGap?: number;
|
|
30
|
+
/** Minimum bar width before the gap is reduced. */
|
|
31
|
+
minBarWidth?: number;
|
|
32
|
+
className?: string;
|
|
22
33
|
}
|
|
23
|
-
export declare function StackedBarChart({ data, segments, height, ariaLabel, tooltipRows, }: StackedBarChartProps): import("react/jsx-runtime").JSX.Element;
|
|
34
|
+
export declare function StackedBarChart({ data, segments, height, ariaLabel, tooltipRows, valueFormatter, tooltipValueFormatter, xLabelCount, barGap, minBarWidth, className, }: StackedBarChartProps): import("react/jsx-runtime").JSX.Element;
|
|
24
35
|
//# sourceMappingURL=StackedBarChart.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"StackedBarChart.d.ts","sourceRoot":"","sources":["../../../src/components/charts/StackedBarChart.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"StackedBarChart.d.ts","sourceRoot":"","sources":["../../../src/components/charts/StackedBarChart.tsx"],"names":[],"mappings":"AAUA,MAAM,WAAW,oBAAoB;IACnC,IAAI,EAAE,MAAM,CAAC;IACb,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,GAAG,MAAM,CAAC;CAChC;AAED,MAAM,WAAW,sBAAsB;IACrC,KAAK,EAAE,MAAM,CAAC;IACd,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,MAAM,WAAW,yBAAyB;IACxC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,oBAAoB;IACnC,IAAI,EAAE,oBAAoB,EAAE,CAAC;IAC7B,QAAQ,EAAE,sBAAsB,EAAE,CAAC;IACnC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,oBAAoB,KAAK,yBAAyB,EAAE,CAAC;IAC1E,oEAAoE;IACpE,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;IAC3C,0CAA0C;IAC1C,qBAAqB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;IAClD,+CAA+C;IAC/C,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,iFAAiF;IACjF,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,mDAAmD;IACnD,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAmFD,wBAAgB,eAAe,CAAC,EAC9B,IAAI,EACJ,QAAQ,EACR,MAAY,EACZ,SAA+B,EAC/B,WAAW,EACX,cAAc,EACd,qBAAqB,EACrB,WAAe,EACf,MAAM,EACN,WAAe,EACf,SAAS,GACV,EAAE,oBAAoB,2CAkStB"}
|
|
@@ -1,11 +1,29 @@
|
|
|
1
|
-
interface
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
1
|
+
export interface VerticalBarChartDatum {
|
|
2
|
+
color?: string;
|
|
3
|
+
label: string;
|
|
4
|
+
value: number;
|
|
5
|
+
}
|
|
6
|
+
export interface VerticalBarChartProps {
|
|
7
|
+
data: VerticalBarChartDatum[];
|
|
7
8
|
height?: number;
|
|
9
|
+
/** Explicit domain maximum. Defaults to the largest positive value. */
|
|
10
|
+
maxValue?: number;
|
|
11
|
+
/** Format Y-axis labels. Defaults to compact `k`/`M` formatting. */
|
|
12
|
+
valueFormatter?: (value: number) => string;
|
|
13
|
+
/** Format the hover value. Falls back to locale-grouped numbers. */
|
|
14
|
+
tooltipValueFormatter?: (value: number) => string;
|
|
15
|
+
/** Format X-axis labels before optional truncation. */
|
|
16
|
+
labelFormatter?: (label: string, datum: VerticalBarChartDatum, index: number) => string;
|
|
17
|
+
/** Maximum rendered X-axis label length. Omit to render the full label. */
|
|
18
|
+
maxLabelLength?: number;
|
|
19
|
+
/** Maximum number of X-axis labels to show. */
|
|
20
|
+
xLabelCount?: number;
|
|
21
|
+
/** Preferred gap between bars. The chart reduces this automatically if dense. */
|
|
22
|
+
barGap?: number;
|
|
23
|
+
/** Minimum bar width before the gap is reduced. */
|
|
24
|
+
minBarWidth?: number;
|
|
25
|
+
ariaLabel?: string;
|
|
26
|
+
className?: string;
|
|
8
27
|
}
|
|
9
|
-
export declare function VerticalBarChart({ data, height, }: VerticalBarChartProps): import("react/jsx-runtime").JSX.Element;
|
|
10
|
-
export {};
|
|
28
|
+
export declare function VerticalBarChart({ data, height, maxValue, valueFormatter, tooltipValueFormatter, labelFormatter, maxLabelLength, xLabelCount, barGap, minBarWidth, ariaLabel, className, }: VerticalBarChartProps): import("react/jsx-runtime").JSX.Element;
|
|
11
29
|
//# sourceMappingURL=VerticalBarChart.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"VerticalBarChart.d.ts","sourceRoot":"","sources":["../../../src/components/charts/VerticalBarChart.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"VerticalBarChart.d.ts","sourceRoot":"","sources":["../../../src/components/charts/VerticalBarChart.tsx"],"names":[],"mappings":"AAcA,MAAM,WAAW,qBAAqB;IACpC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,qBAAqB;IACpC,IAAI,EAAE,qBAAqB,EAAE,CAAC;IAC9B,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,uEAAuE;IACvE,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,oEAAoE;IACpE,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;IAC3C,oEAAoE;IACpE,qBAAqB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;IAClD,uDAAuD;IACvD,cAAc,CAAC,EAAE,CACf,KAAK,EAAE,MAAM,EACb,KAAK,EAAE,qBAAqB,EAC5B,KAAK,EAAE,MAAM,KACV,MAAM,CAAC;IACZ,2EAA2E;IAC3E,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,+CAA+C;IAC/C,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,iFAAiF;IACjF,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,mDAAmD;IACnD,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAQD,wBAAgB,gBAAgB,CAAC,EAC/B,IAAI,EACJ,MAAY,EACZ,QAAQ,EACR,cAAc,EACd,qBAAqB,EACrB,cAAc,EACd,cAAc,EACd,WAAe,EACf,MAAU,EACV,WAAe,EACf,SAAgC,EAChC,SAAS,GACV,EAAE,qBAAqB,2CAgMvB"}
|
|
@@ -0,0 +1,43 @@
|
|
|
1
|
+
export declare function clamp(value: number, min: number, max: number): number;
|
|
2
|
+
export declare function formatCompactValue(value: number): string;
|
|
3
|
+
export declare function resolveChartColor(color: string | undefined): string;
|
|
4
|
+
export declare function getLabelIndices(length: number, labelCount: number): number[];
|
|
5
|
+
export declare function getPositiveValue(value: number): number;
|
|
6
|
+
export interface ChartTooltipPosition {
|
|
7
|
+
height: number;
|
|
8
|
+
placement: "above" | "below";
|
|
9
|
+
width: number;
|
|
10
|
+
x: number;
|
|
11
|
+
y: number;
|
|
12
|
+
}
|
|
13
|
+
export interface FloatingTooltipStyle {
|
|
14
|
+
left: number;
|
|
15
|
+
minWidth: number;
|
|
16
|
+
top: number;
|
|
17
|
+
transform: string;
|
|
18
|
+
width: number;
|
|
19
|
+
}
|
|
20
|
+
interface TooltipSizeOptions {
|
|
21
|
+
maxWidth?: number;
|
|
22
|
+
minWidth?: number;
|
|
23
|
+
paddingX?: number;
|
|
24
|
+
}
|
|
25
|
+
interface TooltipPositionOptions {
|
|
26
|
+
boundsHeight: number;
|
|
27
|
+
boundsWidth: number;
|
|
28
|
+
height: number;
|
|
29
|
+
margin?: number;
|
|
30
|
+
offset?: number;
|
|
31
|
+
width: number;
|
|
32
|
+
}
|
|
33
|
+
interface FloatingTooltipStyleOptions extends TooltipPositionOptions {
|
|
34
|
+
anchorX: number;
|
|
35
|
+
anchorY: number;
|
|
36
|
+
}
|
|
37
|
+
export declare function truncateChartLabel(label: string, maxLength?: number): string;
|
|
38
|
+
export declare function estimateTextWidth(text: string, fontSize?: number): number;
|
|
39
|
+
export declare function estimateTooltipWidth(rows: string[], { maxWidth, minWidth, paddingX }?: TooltipSizeOptions): number;
|
|
40
|
+
export declare function getSvgTooltipPosition(anchorX: number, anchorY: number, { boundsHeight, boundsWidth, height, margin, offset, width, }: TooltipPositionOptions): ChartTooltipPosition;
|
|
41
|
+
export declare function getFloatingTooltipStyle({ anchorX, anchorY, boundsHeight, boundsWidth, height, margin, offset, width, }: FloatingTooltipStyleOptions): FloatingTooltipStyle;
|
|
42
|
+
export {};
|
|
43
|
+
//# sourceMappingURL=chartUtils.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"chartUtils.d.ts","sourceRoot":"","sources":["../../../src/components/charts/chartUtils.ts"],"names":[],"mappings":"AASA,wBAAgB,KAAK,CAAC,KAAK,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,GAAG,MAAM,CAErE;AAED,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAKxD;AAED,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,MAAM,GAAG,SAAS,GAAG,MAAM,CAGnE;AAED,wBAAgB,eAAe,CAAC,MAAM,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,GAAG,MAAM,EAAE,CAc5E;AAED,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAEtD;AAED,MAAM,WAAW,oBAAoB;IACnC,MAAM,EAAE,MAAM,CAAC;IACf,SAAS,EAAE,OAAO,GAAG,OAAO,CAAC;IAC7B,KAAK,EAAE,MAAM,CAAC;IACd,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;CACX;AAED,MAAM,WAAW,oBAAoB;IACnC,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,MAAM,CAAC;IACjB,GAAG,EAAE,MAAM,CAAC;IACZ,SAAS,EAAE,MAAM,CAAC;IAClB,KAAK,EAAE,MAAM,CAAC;CACf;AAED,UAAU,kBAAkB;IAC1B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,UAAU,sBAAsB;IAC9B,YAAY,EAAE,MAAM,CAAC;IACrB,WAAW,EAAE,MAAM,CAAC;IACpB,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,EAAE,MAAM,CAAC;CACf;AAED,UAAU,2BAA4B,SAAQ,sBAAsB;IAClE,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,MAAM,CAAC;CACjB;AAED,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,MAAM,EAAE,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,CAS5E;AAED,wBAAgB,iBAAiB,CAAC,IAAI,EAAE,MAAM,EAAE,QAAQ,SAAK,GAAG,MAAM,CAkBrE;AAED,wBAAgB,oBAAoB,CAClC,IAAI,EAAE,MAAM,EAAE,EACd,EAAE,QAAc,EAAE,QAAa,EAAE,QAAa,EAAE,GAAE,kBAAuB,GACxE,MAAM,CAMR;AAED,wBAAgB,qBAAqB,CACnC,OAAO,EAAE,MAAM,EACf,OAAO,EAAE,MAAM,EACf,EACE,YAAY,EACZ,WAAW,EACX,MAAM,EACN,MAAU,EACV,MAAU,EACV,KAAK,GACN,EAAE,sBAAsB,GACxB,oBAAoB,CAkBtB;AAED,wBAAgB,uBAAuB,CAAC,EACtC,OAAO,EACP,OAAO,EACP,YAAY,EACZ,WAAW,EACX,MAAM,EACN,MAAU,EACV,MAAU,EACV,KAAK,GACN,EAAE,2BAA2B,GAAG,oBAAoB,CAiBpD"}
|
|
@@ -3,7 +3,9 @@
|
|
|
3
3
|
*
|
|
4
4
|
* Extracted from Tables.tsx. Renders a FilterButton trigger that opens a
|
|
5
5
|
* checklist of toggleable columns. Uses `useDismiss` to close on outside
|
|
6
|
-
* click or Escape.
|
|
6
|
+
* click or Escape. Give columns a `group` to list them under headings, and
|
|
7
|
+
* pass `onOnly` and `footer` to use it as a multi-select filter (e.g. which
|
|
8
|
+
* people and rooms a calendar shows).
|
|
7
9
|
*
|
|
8
10
|
* @example
|
|
9
11
|
* ```tsx
|
|
@@ -14,11 +16,14 @@
|
|
|
14
16
|
* />
|
|
15
17
|
* ```
|
|
16
18
|
*/
|
|
19
|
+
import { type ElementType, type ReactNode } from "react";
|
|
17
20
|
interface ColumnDef {
|
|
18
21
|
/** Unique column key. */
|
|
19
22
|
key: string;
|
|
20
23
|
/** Display label for the column header. */
|
|
21
24
|
header: string;
|
|
25
|
+
/** Heading to list this column under; consecutive columns share one. */
|
|
26
|
+
group?: string;
|
|
22
27
|
}
|
|
23
28
|
interface ColumnPickerProps {
|
|
24
29
|
/** List of toggleable columns (exclude utility columns like select/actions). */
|
|
@@ -27,7 +32,19 @@ interface ColumnPickerProps {
|
|
|
27
32
|
hidden: Set<string>;
|
|
28
33
|
/** Called when a column's visibility is toggled. */
|
|
29
34
|
onToggle: (key: string) => void;
|
|
35
|
+
/** Trigger text. Defaults to "Columns". */
|
|
36
|
+
label?: string;
|
|
37
|
+
/** Heading for ungrouped columns. Defaults to "Toggle columns". */
|
|
38
|
+
heading?: string;
|
|
39
|
+
/** Trigger icon. Defaults to a columns icon. */
|
|
40
|
+
icon?: ElementType;
|
|
41
|
+
/** Adds an "Only" shortcut to each row that shows just that column. */
|
|
42
|
+
onOnly?: (key: string) => void;
|
|
43
|
+
/** Text of the `onOnly` shortcut. Defaults to "Only". */
|
|
44
|
+
onlyLabel?: string;
|
|
45
|
+
/** Content below the list, e.g. "Select all" actions. */
|
|
46
|
+
footer?: ReactNode;
|
|
30
47
|
}
|
|
31
|
-
export declare function ColumnPicker({ columns, hidden, onToggle }: ColumnPickerProps): import("react/jsx-runtime").JSX.Element;
|
|
48
|
+
export declare function ColumnPicker({ columns, hidden, onToggle, label, heading, icon, onOnly, onlyLabel, footer, }: ColumnPickerProps): import("react/jsx-runtime").JSX.Element;
|
|
32
49
|
export {};
|
|
33
50
|
//# sourceMappingURL=ColumnPicker.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ColumnPicker.d.ts","sourceRoot":"","sources":["../../../src/components/tables/ColumnPicker.tsx"],"names":[],"mappings":"AAAA
|
|
1
|
+
{"version":3,"file":"ColumnPicker.d.ts","sourceRoot":"","sources":["../../../src/components/tables/ColumnPicker.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;GAiBG;AAEH,OAAO,EAKL,KAAK,WAAW,EAChB,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AASf,UAAU,SAAS;IACjB,yBAAyB;IACzB,GAAG,EAAE,MAAM,CAAC;IACZ,2CAA2C;IAC3C,MAAM,EAAE,MAAM,CAAC;IACf,wEAAwE;IACxE,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,UAAU,iBAAiB;IACzB,gFAAgF;IAChF,OAAO,EAAE,SAAS,EAAE,CAAC;IACrB,2CAA2C;IAC3C,MAAM,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC;IACpB,oDAAoD;IACpD,QAAQ,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;IAChC,2CAA2C;IAC3C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,mEAAmE;IACnE,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,gDAAgD;IAChD,IAAI,CAAC,EAAE,WAAW,CAAC;IACnB,uEAAuE;IACvE,MAAM,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;IAC/B,yDAAyD;IACzD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,yDAAyD;IACzD,MAAM,CAAC,EAAE,SAAS,CAAC;CACpB;AAED,wBAAgB,YAAY,CAAC,EAC3B,OAAO,EACP,MAAM,EACN,QAAQ,EACR,KAAiB,EACjB,OAA0B,EAC1B,IAAe,EACf,MAAM,EACN,SAAkB,EAClB,MAAM,GACP,EAAE,iBAAiB,2CAkEnB"}
|