@trinityui/design-system 2.4.0 → 2.10.1
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/CHANGELOG.md +24 -491
- package/dist/{Legend.js → IllustratedMessage.js} +1247 -1204
- package/dist/app-shell.js +32 -32
- package/dist/assets/index.d.ts +1 -1
- package/dist/components/AI/QueryInput.d.ts +3 -3
- package/dist/components/AIDigestCard/AIDigestCard.d.ts +29 -0
- package/dist/components/AIDigestCard/AIDigestCard.d.ts.map +1 -0
- package/dist/components/AIDigestCard/index.d.ts +9 -0
- package/dist/components/AIDigestCard/index.d.ts.map +1 -0
- package/dist/components/AIDigestCard/types.d.ts +70 -0
- package/dist/components/AIDigestCard/types.d.ts.map +1 -0
- package/dist/components/AppLayout/AIFabLayout.deprecated.d.ts +1 -1
- package/dist/components/AssessmentDrawer/AssessmentDrawer.d.ts +23 -0
- package/dist/components/AssessmentDrawer/AssessmentDrawer.d.ts.map +1 -0
- package/dist/components/AssessmentDrawer/index.d.ts +9 -0
- package/dist/components/AssessmentDrawer/index.d.ts.map +1 -0
- package/dist/components/AssessmentDrawer/types.d.ts +88 -0
- package/dist/components/AssessmentDrawer/types.d.ts.map +1 -0
- package/dist/components/AuditDrawer/AuditDrawer.d.ts +37 -0
- package/dist/components/AuditDrawer/AuditDrawer.d.ts.map +1 -0
- package/dist/components/AuditDrawer/index.d.ts +9 -0
- package/dist/components/AuditDrawer/index.d.ts.map +1 -0
- package/dist/components/AuditDrawer/types.d.ts +116 -0
- package/dist/components/AuditDrawer/types.d.ts.map +1 -0
- package/dist/components/BulkActionDock/BulkActionDock.d.ts +30 -0
- package/dist/components/BulkActionDock/BulkActionDock.d.ts.map +1 -0
- package/dist/components/BulkActionDock/index.d.ts +9 -0
- package/dist/components/BulkActionDock/index.d.ts.map +1 -0
- package/dist/components/BulkActionDock/types.d.ts +71 -0
- package/dist/components/BulkActionDock/types.d.ts.map +1 -0
- package/dist/components/DateRangePicker/DateRangePicker.d.ts +20 -0
- package/dist/components/DateRangePicker/DateRangePicker.d.ts.map +1 -0
- package/dist/components/DateRangePicker/index.d.ts +9 -0
- package/dist/components/DateRangePicker/index.d.ts.map +1 -0
- package/dist/components/DateRangePicker/types.d.ts +72 -0
- package/dist/components/DateRangePicker/types.d.ts.map +1 -0
- package/dist/components/EntityDetailPanel/EntityDetailPanel.d.ts +17 -0
- package/dist/components/EntityDetailPanel/EntityDetailPanel.d.ts.map +1 -0
- package/dist/components/EntityDetailPanel/index.d.ts +9 -0
- package/dist/components/EntityDetailPanel/index.d.ts.map +1 -0
- package/dist/components/EntityDetailPanel/types.d.ts +108 -0
- package/dist/components/EntityDetailPanel/types.d.ts.map +1 -0
- package/dist/components/GanttView/GanttView.d.ts +25 -0
- package/dist/components/GanttView/GanttView.d.ts.map +1 -0
- package/dist/components/GanttView/index.d.ts +9 -0
- package/dist/components/GanttView/index.d.ts.map +1 -0
- package/dist/components/GanttView/types.d.ts +110 -0
- package/dist/components/GanttView/types.d.ts.map +1 -0
- package/dist/components/GaugeCard/GaugeCard.d.ts +34 -0
- package/dist/components/GaugeCard/GaugeCard.d.ts.map +1 -0
- package/dist/components/GaugeCard/index.d.ts +9 -0
- package/dist/components/GaugeCard/index.d.ts.map +1 -0
- package/dist/components/GaugeCard/types.d.ts +85 -0
- package/dist/components/GaugeCard/types.d.ts.map +1 -0
- package/dist/components/GeoStatusMap/GeoStatusMap.d.ts +17 -0
- package/dist/components/GeoStatusMap/GeoStatusMap.d.ts.map +1 -0
- package/dist/components/GeoStatusMap/index.d.ts +9 -0
- package/dist/components/GeoStatusMap/index.d.ts.map +1 -0
- package/dist/components/GeoStatusMap/types.d.ts +117 -0
- package/dist/components/GeoStatusMap/types.d.ts.map +1 -0
- package/dist/components/HierarchicalDrillDown/HierarchicalDrillDown.d.ts +22 -0
- package/dist/components/HierarchicalDrillDown/HierarchicalDrillDown.d.ts.map +1 -0
- package/dist/components/HierarchicalDrillDown/index.d.ts +9 -0
- package/dist/components/HierarchicalDrillDown/index.d.ts.map +1 -0
- package/dist/components/HierarchicalDrillDown/types.d.ts +81 -0
- package/dist/components/HierarchicalDrillDown/types.d.ts.map +1 -0
- package/dist/components/HistoricalDataIndicator/HistoricalDataIndicator.d.ts +21 -0
- package/dist/components/HistoricalDataIndicator/HistoricalDataIndicator.d.ts.map +1 -0
- package/dist/components/HistoricalDataIndicator/index.d.ts +9 -0
- package/dist/components/HistoricalDataIndicator/index.d.ts.map +1 -0
- package/dist/components/HistoricalDataIndicator/types.d.ts +58 -0
- package/dist/components/HistoricalDataIndicator/types.d.ts.map +1 -0
- package/dist/components/InsightCard/InsightCard.d.ts +27 -0
- package/dist/components/InsightCard/InsightCard.d.ts.map +1 -0
- package/dist/components/InsightCard/index.d.ts +9 -0
- package/dist/components/InsightCard/index.d.ts.map +1 -0
- package/dist/components/InsightCard/types.d.ts +62 -0
- package/dist/components/InsightCard/types.d.ts.map +1 -0
- package/dist/components/NotificationCenter/NotificationCenter.d.ts +31 -0
- package/dist/components/NotificationCenter/NotificationCenter.d.ts.map +1 -0
- package/dist/components/NotificationCenter/index.d.ts +9 -0
- package/dist/components/NotificationCenter/index.d.ts.map +1 -0
- package/dist/components/NotificationCenter/types.d.ts +91 -0
- package/dist/components/NotificationCenter/types.d.ts.map +1 -0
- package/dist/components/OrgChart/OrgChart.d.ts +23 -0
- package/dist/components/OrgChart/OrgChart.d.ts.map +1 -0
- package/dist/components/OrgChart/index.d.ts +9 -0
- package/dist/components/OrgChart/index.d.ts.map +1 -0
- package/dist/components/OrgChart/types.d.ts +81 -0
- package/dist/components/OrgChart/types.d.ts.map +1 -0
- package/dist/components/PageTOC/PageTOC.d.ts +33 -0
- package/dist/components/PageTOC/PageTOC.d.ts.map +1 -0
- package/dist/components/PageTOC/index.d.ts +9 -0
- package/dist/components/PageTOC/index.d.ts.map +1 -0
- package/dist/components/PageTOC/types.d.ts +58 -0
- package/dist/components/PageTOC/types.d.ts.map +1 -0
- package/dist/components/StatusHero/StatusHero.d.ts +31 -0
- package/dist/components/StatusHero/StatusHero.d.ts.map +1 -0
- package/dist/components/StatusHero/index.d.ts +9 -0
- package/dist/components/StatusHero/index.d.ts.map +1 -0
- package/dist/components/StatusHero/types.d.ts +57 -0
- package/dist/components/StatusHero/types.d.ts.map +1 -0
- package/dist/components/SystemBanner/SystemBanner.d.ts +28 -0
- package/dist/components/SystemBanner/SystemBanner.d.ts.map +1 -0
- package/dist/components/SystemBanner/index.d.ts +9 -0
- package/dist/components/SystemBanner/index.d.ts.map +1 -0
- package/dist/components/SystemBanner/types.d.ts +58 -0
- package/dist/components/SystemBanner/types.d.ts.map +1 -0
- package/dist/components/TopRisksStrip/TopRisksStrip.d.ts +26 -0
- package/dist/components/TopRisksStrip/TopRisksStrip.d.ts.map +1 -0
- package/dist/components/TopRisksStrip/index.d.ts +9 -0
- package/dist/components/TopRisksStrip/index.d.ts.map +1 -0
- package/dist/components/TopRisksStrip/types.d.ts +61 -0
- package/dist/components/TopRisksStrip/types.d.ts.map +1 -0
- package/dist/components/templates/Auth/AuthTemplate.d.ts +28 -0
- package/dist/components/templates/Auth/AuthTemplate.d.ts.map +1 -0
- package/dist/components/templates/Auth/index.d.ts +3 -0
- package/dist/components/templates/Auth/index.d.ts.map +1 -0
- package/dist/components/templates/Auth/types.d.ts +67 -0
- package/dist/components/templates/Auth/types.d.ts.map +1 -0
- package/dist/components/templates/Catalog/CatalogTemplate.d.ts +19 -0
- package/dist/components/templates/Catalog/CatalogTemplate.d.ts.map +1 -0
- package/dist/components/templates/Catalog/index.d.ts +3 -0
- package/dist/components/templates/Catalog/index.d.ts.map +1 -0
- package/dist/components/templates/Catalog/types.d.ts +85 -0
- package/dist/components/templates/Catalog/types.d.ts.map +1 -0
- package/dist/components/templates/ConnectorWizard/ConnectorWizardTemplate.d.ts +83 -0
- package/dist/components/templates/ConnectorWizard/ConnectorWizardTemplate.d.ts.map +1 -0
- package/dist/components/templates/ConnectorWizard/index.d.ts +2 -0
- package/dist/components/templates/ConnectorWizard/index.d.ts.map +1 -0
- package/dist/components/templates/ErrorPage/ErrorPageTemplate.d.ts +53 -0
- package/dist/components/templates/ErrorPage/ErrorPageTemplate.d.ts.map +1 -0
- package/dist/components/templates/ErrorPage/index.d.ts +2 -0
- package/dist/components/templates/ErrorPage/index.d.ts.map +1 -0
- package/dist/components/templates/InsightsCenter/InsightsCenterTemplate.d.ts +64 -0
- package/dist/components/templates/InsightsCenter/InsightsCenterTemplate.d.ts.map +1 -0
- package/dist/components/templates/InsightsCenter/index.d.ts +2 -0
- package/dist/components/templates/InsightsCenter/index.d.ts.map +1 -0
- package/dist/components/templates/IntegrationDetail/IntegrationDetailTemplate.d.ts +60 -0
- package/dist/components/templates/IntegrationDetail/IntegrationDetailTemplate.d.ts.map +1 -0
- package/dist/components/templates/IntegrationDetail/index.d.ts +2 -0
- package/dist/components/templates/IntegrationDetail/index.d.ts.map +1 -0
- package/dist/components/templates/Onboarding/OnboardingTemplate.d.ts +63 -0
- package/dist/components/templates/Onboarding/OnboardingTemplate.d.ts.map +1 -0
- package/dist/components/templates/Onboarding/index.d.ts +2 -0
- package/dist/components/templates/Onboarding/index.d.ts.map +1 -0
- package/dist/components/templates/PlanHero/PlanHero.d.ts +20 -0
- package/dist/components/templates/PlanHero/PlanHero.d.ts.map +1 -0
- package/dist/components/templates/PlanHero/index.d.ts +3 -0
- package/dist/components/templates/PlanHero/index.d.ts.map +1 -0
- package/dist/components/templates/PlanHero/types.d.ts +69 -0
- package/dist/components/templates/PlanHero/types.d.ts.map +1 -0
- package/dist/components/templates/Report/ReportTemplate.d.ts +74 -0
- package/dist/components/templates/Report/ReportTemplate.d.ts.map +1 -0
- package/dist/components/templates/Report/index.d.ts +2 -0
- package/dist/components/templates/Report/index.d.ts.map +1 -0
- package/dist/components/templates/Wizard/WizardTemplate.d.ts +81 -0
- package/dist/components/templates/Wizard/WizardTemplate.d.ts.map +1 -0
- package/dist/components/templates/Wizard/index.d.ts +2 -0
- package/dist/components/templates/Wizard/index.d.ts.map +1 -0
- package/dist/components/templates/index.d.ts +10 -0
- package/dist/components/templates/index.d.ts.map +1 -1
- package/dist/essentials.js +1 -1
- package/dist/index.d.ts +37 -0
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +49113 -41408
- package/dist/trinity.css +1 -1
- package/package.json +11 -4
|
@@ -0,0 +1,61 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @fileoverview Types for TopRisksStrip — horizontal strip of priority insights.
|
|
3
|
+
*/
|
|
4
|
+
import type { ReactNode } from 'react';
|
|
5
|
+
import type { SxProps, Theme } from '@mui/material';
|
|
6
|
+
import type { InsightSeverity } from '../InsightCard';
|
|
7
|
+
/**
|
|
8
|
+
* One row in the strip. Mirrors the InsightCard props it'll render.
|
|
9
|
+
*/
|
|
10
|
+
export interface TopRiskItem {
|
|
11
|
+
/** Stable identifier used as React key. */
|
|
12
|
+
id: string;
|
|
13
|
+
/** Severity level — drives icon and tint via InsightCard. */
|
|
14
|
+
severity: InsightSeverity;
|
|
15
|
+
/** Card title. */
|
|
16
|
+
title: string;
|
|
17
|
+
/** Optional supporting body. */
|
|
18
|
+
description?: string;
|
|
19
|
+
/** Optional eyebrow text. */
|
|
20
|
+
eyebrow?: string;
|
|
21
|
+
/** Optional metric value. */
|
|
22
|
+
value?: string;
|
|
23
|
+
/** Optional delta component (e.g. HistoricalDataIndicator). */
|
|
24
|
+
delta?: ReactNode;
|
|
25
|
+
/** Optional click handler — marks the card as interactive. */
|
|
26
|
+
onClick?: () => void;
|
|
27
|
+
/** Optional dismiss handler. */
|
|
28
|
+
onDismiss?: () => void;
|
|
29
|
+
}
|
|
30
|
+
/**
|
|
31
|
+
* Layout mode.
|
|
32
|
+
*
|
|
33
|
+
* - `scroll` (default) — horizontal scroll, cards keep their natural width.
|
|
34
|
+
* Best for 5+ items or narrow viewports.
|
|
35
|
+
* - `grid` — equal-width columns. Best when the count is fixed and ≤ 4.
|
|
36
|
+
*/
|
|
37
|
+
export type TopRisksLayout = 'scroll' | 'grid';
|
|
38
|
+
/**
|
|
39
|
+
* Props for TopRisksStrip.
|
|
40
|
+
*/
|
|
41
|
+
export interface TopRisksStripProps {
|
|
42
|
+
/** Items to render. Empty array → render the empty-state slot. */
|
|
43
|
+
items: TopRiskItem[];
|
|
44
|
+
/** Optional strip header text. */
|
|
45
|
+
title?: string;
|
|
46
|
+
/** Optional description sitting under the title. */
|
|
47
|
+
description?: string;
|
|
48
|
+
/** Right-side action slot (e.g. "View all" link). */
|
|
49
|
+
trailingAction?: ReactNode;
|
|
50
|
+
/** Layout mode. Default `scroll`. */
|
|
51
|
+
layout?: TopRisksLayout;
|
|
52
|
+
/** Per-card width when in scroll mode. Default `320`. */
|
|
53
|
+
cardWidth?: number;
|
|
54
|
+
/** InsightCard variant to use. Default `tinted`. */
|
|
55
|
+
cardVariant?: 'tinted' | 'outlined';
|
|
56
|
+
/** Slot rendered when `items` is empty. */
|
|
57
|
+
emptyState?: ReactNode;
|
|
58
|
+
/** sx overrides for the root container. */
|
|
59
|
+
sx?: SxProps<Theme>;
|
|
60
|
+
}
|
|
61
|
+
//# sourceMappingURL=types.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/TopRisksStrip/types.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AACpD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAC;AAEtD;;GAEG;AACH,MAAM,WAAW,WAAW;IAC1B,2CAA2C;IAC3C,EAAE,EAAE,MAAM,CAAC;IACX,6DAA6D;IAC7D,QAAQ,EAAE,eAAe,CAAC;IAC1B,kBAAkB;IAClB,KAAK,EAAE,MAAM,CAAC;IACd,gCAAgC;IAChC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,6BAA6B;IAC7B,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,6BAA6B;IAC7B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,+DAA+D;IAC/D,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,8DAA8D;IAC9D,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,gCAAgC;IAChC,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;CACxB;AAED;;;;;;GAMG;AACH,MAAM,MAAM,cAAc,GAAG,QAAQ,GAAG,MAAM,CAAC;AAE/C;;GAEG;AACH,MAAM,WAAW,kBAAkB;IACjC,kEAAkE;IAClE,KAAK,EAAE,WAAW,EAAE,CAAC;IACrB,kCAAkC;IAClC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,oDAAoD;IACpD,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,qDAAqD;IACrD,cAAc,CAAC,EAAE,SAAS,CAAC;IAC3B,qCAAqC;IACrC,MAAM,CAAC,EAAE,cAAc,CAAC;IACxB,yDAAyD;IACzD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,oDAAoD;IACpD,WAAW,CAAC,EAAE,QAAQ,GAAG,UAAU,CAAC;IACpC,2CAA2C;IAC3C,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB,2CAA2C;IAC3C,EAAE,CAAC,EAAE,OAAO,CAAC,KAAK,CAAC,CAAC;CACrB"}
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @fileoverview Auth Template — centered card for sign-in / sign-up / password reset
|
|
3
|
+
* @module components/templates/Auth
|
|
4
|
+
* @example
|
|
5
|
+
* ```tsx
|
|
6
|
+
* import { AuthTemplate } from '@trinityui/design-system';
|
|
7
|
+
*
|
|
8
|
+
* <AuthTemplate
|
|
9
|
+
* mode="signin"
|
|
10
|
+
* title="Welcome back"
|
|
11
|
+
* subtitle="Sign in to continue"
|
|
12
|
+
* primaryAction={{ label: 'Sign in', onClick: handleSubmit }}
|
|
13
|
+
* >
|
|
14
|
+
* <TextField label="Email" />
|
|
15
|
+
* <TextField label="Password" type="password" />
|
|
16
|
+
* </AuthTemplate>
|
|
17
|
+
* ```
|
|
18
|
+
*/
|
|
19
|
+
import * as React from 'react';
|
|
20
|
+
import type { AuthTemplateProps } from './types';
|
|
21
|
+
export type { AuthTemplateProps, AuthMode, AuthAction, AuthFooterLink } from './types';
|
|
22
|
+
/**
|
|
23
|
+
* AuthTemplate — a centered card surface for any single-step authentication
|
|
24
|
+
* flow. Composes a logo, headline, optional subtitle, a form slot (you supply
|
|
25
|
+
* TextFields/etc.), primary CTA, optional secondary link, and a footer.
|
|
26
|
+
*/
|
|
27
|
+
export declare const AuthTemplate: React.ForwardRefExoticComponent<AuthTemplateProps & React.RefAttributes<HTMLDivElement>>;
|
|
28
|
+
//# sourceMappingURL=AuthTemplate.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"AuthTemplate.d.ts","sourceRoot":"","sources":["../../../../src/components/templates/Auth/AuthTemplate.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;GAiBG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAa/B,OAAO,KAAK,EAAE,iBAAiB,EAAkB,MAAM,SAAS,CAAC;AAEjE,YAAY,EAAE,iBAAiB,EAAE,QAAQ,EAAE,UAAU,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAcvF;;;;GAIG;AACH,eAAO,MAAM,YAAY,0FA2MxB,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/templates/Auth/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,YAAY,EACV,iBAAiB,EACjB,QAAQ,EACR,UAAU,EACV,cAAc,GACf,MAAM,SAAS,CAAC"}
|
|
@@ -0,0 +1,67 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @fileoverview Types for AuthTemplate.
|
|
3
|
+
*/
|
|
4
|
+
import type { ReactNode } from 'react';
|
|
5
|
+
export type AuthMode = 'signin' | 'signup' | 'reset';
|
|
6
|
+
/**
|
|
7
|
+
* Primary or social action.
|
|
8
|
+
*/
|
|
9
|
+
export interface AuthAction {
|
|
10
|
+
/** Button label */
|
|
11
|
+
label: string;
|
|
12
|
+
/** Click handler */
|
|
13
|
+
onClick?: () => void;
|
|
14
|
+
/** Leading icon */
|
|
15
|
+
icon?: ReactNode;
|
|
16
|
+
/** Disabled state */
|
|
17
|
+
disabled?: boolean;
|
|
18
|
+
/** Loading state — disables and shows spinner */
|
|
19
|
+
loading?: boolean;
|
|
20
|
+
/** Label to show while loading */
|
|
21
|
+
loadingLabel?: string;
|
|
22
|
+
}
|
|
23
|
+
/**
|
|
24
|
+
* Secondary inline link (e.g. "Forgot password?").
|
|
25
|
+
*/
|
|
26
|
+
export interface AuthFooterLink {
|
|
27
|
+
/** Display label */
|
|
28
|
+
label: string;
|
|
29
|
+
/** href for plain links */
|
|
30
|
+
href?: string;
|
|
31
|
+
/** Click handler for button-style behavior */
|
|
32
|
+
onClick?: () => void;
|
|
33
|
+
}
|
|
34
|
+
/**
|
|
35
|
+
* Props for AuthTemplate.
|
|
36
|
+
*/
|
|
37
|
+
export interface AuthTemplateProps {
|
|
38
|
+
/** Auth flow mode — affects default title/subtitle. */
|
|
39
|
+
mode?: AuthMode;
|
|
40
|
+
/** Page title (overrides mode-based default). */
|
|
41
|
+
title?: string;
|
|
42
|
+
/** Page subtitle/description. */
|
|
43
|
+
subtitle?: string;
|
|
44
|
+
/** Brand logo / mark shown above the title. */
|
|
45
|
+
logo?: ReactNode;
|
|
46
|
+
/** Form fields — render `TextField`s, `Checkbox`es, etc. inside a `Stack`. */
|
|
47
|
+
children?: ReactNode;
|
|
48
|
+
/** Primary CTA (submit button). */
|
|
49
|
+
primaryAction?: AuthAction;
|
|
50
|
+
/** Secondary inline link, e.g. "Forgot password?". */
|
|
51
|
+
secondaryAction?: AuthAction;
|
|
52
|
+
/** Footer link row, e.g. Privacy / Terms. */
|
|
53
|
+
footerLinks?: AuthFooterLink[];
|
|
54
|
+
/** Footer legal disclaimer copy. */
|
|
55
|
+
footerDisclaimer?: ReactNode;
|
|
56
|
+
/** Max width of the centered card. Default 440. */
|
|
57
|
+
maxWidth?: number | string;
|
|
58
|
+
/** Optional background image URL. */
|
|
59
|
+
backgroundImage?: string;
|
|
60
|
+
/** Optional row of social-auth buttons (Google, GitHub, SSO...). */
|
|
61
|
+
socialActions?: AuthAction[];
|
|
62
|
+
/** Divider label above social actions. Default "or continue with". */
|
|
63
|
+
socialDivider?: string;
|
|
64
|
+
/** Form submit handler. If supplied, takes precedence over primaryAction.onClick. */
|
|
65
|
+
onSubmit?: (event: React.FormEvent<HTMLFormElement>) => void;
|
|
66
|
+
}
|
|
67
|
+
//# sourceMappingURL=types.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/templates/Auth/types.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,MAAM,MAAM,QAAQ,GAAG,QAAQ,GAAG,QAAQ,GAAG,OAAO,CAAC;AAErD;;GAEG;AACH,MAAM,WAAW,UAAU;IACzB,mBAAmB;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,oBAAoB;IACpB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,mBAAmB;IACnB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,qBAAqB;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,iDAAiD;IACjD,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,kCAAkC;IAClC,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED;;GAEG;AACH,MAAM,WAAW,cAAc;IAC7B,oBAAoB;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,2BAA2B;IAC3B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,8CAA8C;IAC9C,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAED;;GAEG;AACH,MAAM,WAAW,iBAAiB;IAChC,uDAAuD;IACvD,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,iDAAiD;IACjD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,iCAAiC;IACjC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,+CAA+C;IAC/C,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,8EAA8E;IAC9E,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,mCAAmC;IACnC,aAAa,CAAC,EAAE,UAAU,CAAC;IAC3B,sDAAsD;IACtD,eAAe,CAAC,EAAE,UAAU,CAAC;IAC7B,6CAA6C;IAC7C,WAAW,CAAC,EAAE,cAAc,EAAE,CAAC;IAC/B,oCAAoC;IACpC,gBAAgB,CAAC,EAAE,SAAS,CAAC;IAC7B,mDAAmD;IACnD,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC3B,qCAAqC;IACrC,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,oEAAoE;IACpE,aAAa,CAAC,EAAE,UAAU,EAAE,CAAC;IAC7B,sEAAsE;IACtE,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,qFAAqF;IACrF,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC,eAAe,CAAC,KAAK,IAAI,CAAC;CAC9D"}
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @fileoverview Catalog Template — filter sidebar + responsive card grid
|
|
3
|
+
* @module components/templates/Catalog
|
|
4
|
+
* @example
|
|
5
|
+
* ```tsx
|
|
6
|
+
* import { CatalogTemplate } from '@trinityui/design-system';
|
|
7
|
+
*
|
|
8
|
+
* <CatalogTemplate
|
|
9
|
+
* items={items}
|
|
10
|
+
* filters={filterGroups}
|
|
11
|
+
* onItemClick={(item) => console.log(item)}
|
|
12
|
+
* />
|
|
13
|
+
* ```
|
|
14
|
+
*/
|
|
15
|
+
import * as React from 'react';
|
|
16
|
+
import type { CatalogTemplateProps } from './types';
|
|
17
|
+
export type { CatalogTemplateProps, CatalogFilterGroup, CatalogFilterOption, CatalogItem, } from './types';
|
|
18
|
+
export declare const CatalogTemplate: React.ForwardRefExoticComponent<CatalogTemplateProps & React.RefAttributes<HTMLDivElement>>;
|
|
19
|
+
//# sourceMappingURL=CatalogTemplate.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"CatalogTemplate.d.ts","sourceRoot":"","sources":["../../../../src/components/templates/Catalog/CatalogTemplate.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;GAaG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAsB/B,OAAO,KAAK,EACV,oBAAoB,EAGrB,MAAM,SAAS,CAAC;AAEjB,YAAY,EACV,oBAAoB,EACpB,kBAAkB,EAClB,mBAAmB,EACnB,WAAW,GACZ,MAAM,SAAS,CAAC;AAyHjB,eAAO,MAAM,eAAe,6FAmS3B,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/templates/Catalog/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,YAAY,EACV,oBAAoB,EACpB,kBAAkB,EAClB,mBAAmB,EACnB,WAAW,GACZ,MAAM,SAAS,CAAC"}
|
|
@@ -0,0 +1,85 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @fileoverview Types for CatalogTemplate.
|
|
3
|
+
*/
|
|
4
|
+
import type { ReactNode } from 'react';
|
|
5
|
+
/**
|
|
6
|
+
* One option inside a filter group (e.g. "Production" inside "Environment").
|
|
7
|
+
*/
|
|
8
|
+
export interface CatalogFilterOption {
|
|
9
|
+
/** Stable id used in active-filter state. */
|
|
10
|
+
id: string;
|
|
11
|
+
/** Display label. */
|
|
12
|
+
label: string;
|
|
13
|
+
/** Optional count badge shown to the right (e.g. number of matching items). */
|
|
14
|
+
count?: number;
|
|
15
|
+
}
|
|
16
|
+
/**
|
|
17
|
+
* A group of filter checkboxes (one heading + a list of options).
|
|
18
|
+
*/
|
|
19
|
+
export interface CatalogFilterGroup {
|
|
20
|
+
/** Stable id for the group. */
|
|
21
|
+
id: string;
|
|
22
|
+
/** Heading label (e.g. "Category"). */
|
|
23
|
+
label: string;
|
|
24
|
+
/** Options inside the group. */
|
|
25
|
+
options: CatalogFilterOption[];
|
|
26
|
+
}
|
|
27
|
+
/**
|
|
28
|
+
* One item shown as a card in the catalog grid.
|
|
29
|
+
*/
|
|
30
|
+
export interface CatalogItem {
|
|
31
|
+
/** Stable id. */
|
|
32
|
+
id: string;
|
|
33
|
+
/** Card title. */
|
|
34
|
+
title: string;
|
|
35
|
+
/** Optional description (2-line clamp). */
|
|
36
|
+
description?: string;
|
|
37
|
+
/** Optional category eyebrow. */
|
|
38
|
+
category?: string;
|
|
39
|
+
/** Thumbnail — image URL or any ReactNode (icon, gradient, etc.). */
|
|
40
|
+
thumbnail?: string | ReactNode;
|
|
41
|
+
/** Tags shown along the bottom (rendered as small outlined chips). */
|
|
42
|
+
tags?: string[];
|
|
43
|
+
/** Arbitrary extra data passed back via onItemClick. */
|
|
44
|
+
meta?: Record<string, unknown>;
|
|
45
|
+
}
|
|
46
|
+
/**
|
|
47
|
+
* Props for CatalogTemplate.
|
|
48
|
+
*/
|
|
49
|
+
export interface CatalogTemplateProps {
|
|
50
|
+
/** Items to render in the grid. */
|
|
51
|
+
items: CatalogItem[];
|
|
52
|
+
/** Filter groups for the sidebar. Omit / empty array to skip the sidebar. */
|
|
53
|
+
filters?: CatalogFilterGroup[];
|
|
54
|
+
/** Item-click handler. Makes cards interactive (keyboard + hover). */
|
|
55
|
+
onItemClick?: (item: CatalogItem) => void;
|
|
56
|
+
/** Grid columns at lg breakpoint. Default 3. */
|
|
57
|
+
gridColumns?: number;
|
|
58
|
+
/** Page title. */
|
|
59
|
+
title?: string;
|
|
60
|
+
/** Page subtitle. */
|
|
61
|
+
subtitle?: string;
|
|
62
|
+
/** Search input value. */
|
|
63
|
+
searchValue?: string;
|
|
64
|
+
/** Search input change handler. */
|
|
65
|
+
onSearchChange?: (value: string) => void;
|
|
66
|
+
/** Search placeholder text. */
|
|
67
|
+
searchPlaceholder?: string;
|
|
68
|
+
/** Active filter state. Map of groupId -> array of option ids. */
|
|
69
|
+
activeFilters?: Record<string, string[]>;
|
|
70
|
+
/** Called when a filter checkbox toggles. */
|
|
71
|
+
onFilterChange?: (groupId: string, optionIds: string[]) => void;
|
|
72
|
+
/** Called when the "Clear all" link is clicked. */
|
|
73
|
+
onFilterClear?: () => void;
|
|
74
|
+
/** Header actions (e.g. New / Import). */
|
|
75
|
+
headerActions?: ReactNode;
|
|
76
|
+
/** Filter sidebar width. Default 260. */
|
|
77
|
+
sidebarWidth?: number;
|
|
78
|
+
/** Custom card renderer — use to swap in `DocumentCard` etc. */
|
|
79
|
+
renderItem?: (item: CatalogItem) => ReactNode;
|
|
80
|
+
/** Loading state. */
|
|
81
|
+
loading?: boolean;
|
|
82
|
+
/** Empty-state message. */
|
|
83
|
+
emptyMessage?: string;
|
|
84
|
+
}
|
|
85
|
+
//# sourceMappingURL=types.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/templates/Catalog/types.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC;;GAEG;AACH,MAAM,WAAW,mBAAmB;IAClC,6CAA6C;IAC7C,EAAE,EAAE,MAAM,CAAC;IACX,qBAAqB;IACrB,KAAK,EAAE,MAAM,CAAC;IACd,+EAA+E;IAC/E,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED;;GAEG;AACH,MAAM,WAAW,kBAAkB;IACjC,+BAA+B;IAC/B,EAAE,EAAE,MAAM,CAAC;IACX,uCAAuC;IACvC,KAAK,EAAE,MAAM,CAAC;IACd,gCAAgC;IAChC,OAAO,EAAE,mBAAmB,EAAE,CAAC;CAChC;AAED;;GAEG;AACH,MAAM,WAAW,WAAW;IAC1B,iBAAiB;IACjB,EAAE,EAAE,MAAM,CAAC;IACX,kBAAkB;IAClB,KAAK,EAAE,MAAM,CAAC;IACd,2CAA2C;IAC3C,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,iCAAiC;IACjC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,qEAAqE;IACrE,SAAS,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC/B,sEAAsE;IACtE,IAAI,CAAC,EAAE,MAAM,EAAE,CAAC;IAChB,wDAAwD;IACxD,IAAI,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;CAChC;AAED;;GAEG;AACH,MAAM,WAAW,oBAAoB;IACnC,mCAAmC;IACnC,KAAK,EAAE,WAAW,EAAE,CAAC;IACrB,6EAA6E;IAC7E,OAAO,CAAC,EAAE,kBAAkB,EAAE,CAAC;IAC/B,sEAAsE;IACtE,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,WAAW,KAAK,IAAI,CAAC;IAC1C,gDAAgD;IAChD,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,kBAAkB;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,qBAAqB;IACrB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,0BAA0B;IAC1B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,mCAAmC;IACnC,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACzC,+BAA+B;IAC/B,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,kEAAkE;IAClE,aAAa,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,EAAE,CAAC,CAAC;IACzC,6CAA6C;IAC7C,cAAc,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IAChE,mDAAmD;IACnD,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;IAC3B,0CAA0C;IAC1C,aAAa,CAAC,EAAE,SAAS,CAAC;IAC1B,yCAAyC;IACzC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,gEAAgE;IAChE,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,WAAW,KAAK,SAAS,CAAC;IAC9C,qBAAqB;IACrB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,2BAA2B;IAC3B,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB"}
|
|
@@ -0,0 +1,83 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @fileoverview ConnectorWizard Template — specialized 4-step Wizard for connector setup
|
|
3
|
+
* @module components/templates/ConnectorWizard
|
|
4
|
+
* @example
|
|
5
|
+
* ```tsx
|
|
6
|
+
* import { ConnectorWizardTemplate } from '@trinityui/design-system';
|
|
7
|
+
*
|
|
8
|
+
* <ConnectorWizardTemplate
|
|
9
|
+
* connectorTypes={[{ id: 'snowflake', name: 'Snowflake' }]}
|
|
10
|
+
* onConnect={(config) => console.log(config)}
|
|
11
|
+
* />
|
|
12
|
+
* ```
|
|
13
|
+
*/
|
|
14
|
+
import * as React from 'react';
|
|
15
|
+
export interface ConnectorType {
|
|
16
|
+
/** Stable id. */
|
|
17
|
+
id: string;
|
|
18
|
+
/** Display name. */
|
|
19
|
+
name: string;
|
|
20
|
+
/** Optional short description. */
|
|
21
|
+
description?: string;
|
|
22
|
+
/** Logo / icon (string URL or ReactNode). */
|
|
23
|
+
logo?: string | React.ReactNode;
|
|
24
|
+
/** Category eyebrow (e.g. "Data warehouse"). */
|
|
25
|
+
category?: string;
|
|
26
|
+
/** Mark as deprecated / unavailable. */
|
|
27
|
+
disabled?: boolean;
|
|
28
|
+
/** Beta / GA / etc. label. */
|
|
29
|
+
badge?: string;
|
|
30
|
+
}
|
|
31
|
+
export interface ConnectorAuthField {
|
|
32
|
+
/** Field id. */
|
|
33
|
+
id: string;
|
|
34
|
+
/** Label. */
|
|
35
|
+
label: string;
|
|
36
|
+
/** Field type. */
|
|
37
|
+
type?: 'text' | 'password' | 'email' | 'url';
|
|
38
|
+
/** Required. */
|
|
39
|
+
required?: boolean;
|
|
40
|
+
/** Helper text. */
|
|
41
|
+
helperText?: string;
|
|
42
|
+
/** Placeholder. */
|
|
43
|
+
placeholder?: string;
|
|
44
|
+
}
|
|
45
|
+
export interface ConnectorConfigField extends ConnectorAuthField {
|
|
46
|
+
/** Default value. */
|
|
47
|
+
defaultValue?: string;
|
|
48
|
+
}
|
|
49
|
+
export type ConnectorTestStatus = 'idle' | 'testing' | 'success' | 'error';
|
|
50
|
+
/**
|
|
51
|
+
* Props for ConnectorWizardTemplate.
|
|
52
|
+
*/
|
|
53
|
+
export interface ConnectorWizardTemplateProps {
|
|
54
|
+
/** Available connector types shown in step 1. */
|
|
55
|
+
connectorTypes: ConnectorType[];
|
|
56
|
+
/** Pre-selected connector (skips step 1 visually). */
|
|
57
|
+
selectedConnector?: string;
|
|
58
|
+
/** Fields shown in the Authenticate step (step 2). */
|
|
59
|
+
authFields?: ConnectorAuthField[];
|
|
60
|
+
/** Fields shown in the Configure step (step 3). */
|
|
61
|
+
configFields?: ConnectorConfigField[];
|
|
62
|
+
/** Called when the user finishes the wizard. */
|
|
63
|
+
onConnect?: (payload: {
|
|
64
|
+
connector: ConnectorType;
|
|
65
|
+
auth: Record<string, string>;
|
|
66
|
+
config: Record<string, string>;
|
|
67
|
+
}) => void | Promise<void>;
|
|
68
|
+
/** Called when the user clicks Test in step 4. */
|
|
69
|
+
onTest?: (payload: {
|
|
70
|
+
connector: ConnectorType;
|
|
71
|
+
auth: Record<string, string>;
|
|
72
|
+
config: Record<string, string>;
|
|
73
|
+
}) => Promise<{
|
|
74
|
+
success: boolean;
|
|
75
|
+
message?: string;
|
|
76
|
+
}>;
|
|
77
|
+
/** Called on Cancel. */
|
|
78
|
+
onCancel?: () => void;
|
|
79
|
+
/** Wizard title. */
|
|
80
|
+
title?: string;
|
|
81
|
+
}
|
|
82
|
+
export declare const ConnectorWizardTemplate: React.ForwardRefExoticComponent<ConnectorWizardTemplateProps & React.RefAttributes<HTMLDivElement>>;
|
|
83
|
+
//# sourceMappingURL=ConnectorWizardTemplate.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ConnectorWizardTemplate.d.ts","sourceRoot":"","sources":["../../../../src/components/templates/ConnectorWizard/ConnectorWizardTemplate.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;GAYG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAkB/B,MAAM,WAAW,aAAa;IAC5B,iBAAiB;IACjB,EAAE,EAAE,MAAM,CAAC;IACX,oBAAoB;IACpB,IAAI,EAAE,MAAM,CAAC;IACb,kCAAkC;IAClC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,6CAA6C;IAC7C,IAAI,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC;IAChC,gDAAgD;IAChD,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,wCAAwC;IACxC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,8BAA8B;IAC9B,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,WAAW,kBAAkB;IACjC,gBAAgB;IAChB,EAAE,EAAE,MAAM,CAAC;IACX,aAAa;IACb,KAAK,EAAE,MAAM,CAAC;IACd,kBAAkB;IAClB,IAAI,CAAC,EAAE,MAAM,GAAG,UAAU,GAAG,OAAO,GAAG,KAAK,CAAC;IAC7C,gBAAgB;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,mBAAmB;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,mBAAmB;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,MAAM,WAAW,oBAAqB,SAAQ,kBAAkB;IAC9D,qBAAqB;IACrB,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,MAAM,MAAM,mBAAmB,GAAG,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,CAAC;AAE3E;;GAEG;AACH,MAAM,WAAW,4BAA4B;IAC3C,iDAAiD;IACjD,cAAc,EAAE,aAAa,EAAE,CAAC;IAChC,sDAAsD;IACtD,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,sDAAsD;IACtD,UAAU,CAAC,EAAE,kBAAkB,EAAE,CAAC;IAClC,mDAAmD;IACnD,YAAY,CAAC,EAAE,oBAAoB,EAAE,CAAC;IACtC,gDAAgD;IAChD,SAAS,CAAC,EAAE,CAAC,OAAO,EAAE;QACpB,SAAS,EAAE,aAAa,CAAC;QACzB,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;QAC7B,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;KAChC,KAAK,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IAC3B,kDAAkD;IAClD,MAAM,CAAC,EAAE,CAAC,OAAO,EAAE;QACjB,SAAS,EAAE,aAAa,CAAC;QACzB,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;QAC7B,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;KAChC,KAAK,OAAO,CAAC;QAAE,OAAO,EAAE,OAAO,CAAC;QAAC,OAAO,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IACtD,wBAAwB;IACxB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,oBAAoB;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAmBD,eAAO,MAAM,uBAAuB,qGA4PlC,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/templates/ConnectorWizard/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,uBAAuB,EACvB,KAAK,4BAA4B,EACjC,KAAK,aAAa,EAClB,KAAK,kBAAkB,EACvB,KAAK,oBAAoB,EACzB,KAAK,mBAAmB,GACzB,MAAM,2BAA2B,CAAC"}
|
|
@@ -0,0 +1,53 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @fileoverview ErrorPage Template — full-page error / status surface
|
|
3
|
+
* @module components/templates/ErrorPage
|
|
4
|
+
* @example
|
|
5
|
+
* ```tsx
|
|
6
|
+
* import { ErrorPageTemplate } from '@trinityui/design-system';
|
|
7
|
+
*
|
|
8
|
+
* <ErrorPageTemplate
|
|
9
|
+
* code="404"
|
|
10
|
+
* title="Page not found"
|
|
11
|
+
* description="The page you're looking for doesn't exist."
|
|
12
|
+
* primaryAction={{ label: 'Go home', onClick: () => navigate('/') }}
|
|
13
|
+
* secondaryAction={{ label: 'Contact support' }}
|
|
14
|
+
* />
|
|
15
|
+
* ```
|
|
16
|
+
*/
|
|
17
|
+
import * as React from 'react';
|
|
18
|
+
export type ErrorCode = '404' | '500' | '403' | '503' | string;
|
|
19
|
+
export interface ErrorAction {
|
|
20
|
+
/** Button label */
|
|
21
|
+
label: string;
|
|
22
|
+
/** Click handler */
|
|
23
|
+
onClick?: () => void;
|
|
24
|
+
/** Leading icon */
|
|
25
|
+
icon?: React.ReactNode;
|
|
26
|
+
/** Disabled state */
|
|
27
|
+
disabled?: boolean;
|
|
28
|
+
}
|
|
29
|
+
/**
|
|
30
|
+
* Props for ErrorPageTemplate.
|
|
31
|
+
*/
|
|
32
|
+
export interface ErrorPageTemplateProps {
|
|
33
|
+
/** HTTP-style code (e.g. "404", "500", "503") or custom string. */
|
|
34
|
+
code?: ErrorCode;
|
|
35
|
+
/** Headline. */
|
|
36
|
+
title: string;
|
|
37
|
+
/** Body description. */
|
|
38
|
+
description?: React.ReactNode;
|
|
39
|
+
/** Optional illustration / icon — overrides the default error icon. */
|
|
40
|
+
illustration?: React.ReactNode;
|
|
41
|
+
/** Primary CTA (contained variant). */
|
|
42
|
+
primaryAction?: ErrorAction;
|
|
43
|
+
/** Secondary CTA (outlined variant). */
|
|
44
|
+
secondaryAction?: ErrorAction;
|
|
45
|
+
/** Extra small links below the actions (e.g. status page). */
|
|
46
|
+
extraLinks?: React.ReactNode;
|
|
47
|
+
/** Max content width. Default 560. */
|
|
48
|
+
maxWidth?: number | string;
|
|
49
|
+
/** Hide the giant numeric code. */
|
|
50
|
+
hideCode?: boolean;
|
|
51
|
+
}
|
|
52
|
+
export declare const ErrorPageTemplate: React.ForwardRefExoticComponent<ErrorPageTemplateProps & React.RefAttributes<HTMLDivElement>>;
|
|
53
|
+
//# sourceMappingURL=ErrorPageTemplate.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ErrorPageTemplate.d.ts","sourceRoot":"","sources":["../../../../src/components/templates/ErrorPage/ErrorPageTemplate.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;GAeG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAY/B,MAAM,MAAM,SAAS,GAAG,KAAK,GAAG,KAAK,GAAG,KAAK,GAAG,KAAK,GAAG,MAAM,CAAC;AAE/D,MAAM,WAAW,WAAW;IAC1B,mBAAmB;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,oBAAoB;IACpB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,mBAAmB;IACnB,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,qBAAqB;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED;;GAEG;AACH,MAAM,WAAW,sBAAsB;IACrC,mEAAmE;IACnE,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,gBAAgB;IAChB,KAAK,EAAE,MAAM,CAAC;IACd,wBAAwB;IACxB,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,uEAAuE;IACvE,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC/B,uCAAuC;IACvC,aAAa,CAAC,EAAE,WAAW,CAAC;IAC5B,wCAAwC;IACxC,eAAe,CAAC,EAAE,WAAW,CAAC;IAC9B,8DAA8D;IAC9D,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC7B,sCAAsC;IACtC,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC3B,mCAAmC;IACnC,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,eAAO,MAAM,iBAAiB,+FAqI7B,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/templates/ErrorPage/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,iBAAiB,EACjB,KAAK,sBAAsB,EAC3B,KAAK,WAAW,EAChB,KAAK,SAAS,GACf,MAAM,qBAAqB,CAAC"}
|
|
@@ -0,0 +1,64 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @fileoverview InsightsCenter Template — dashboard variant for AI-generated insights
|
|
3
|
+
* @module components/templates/InsightsCenter
|
|
4
|
+
* @example
|
|
5
|
+
* ```tsx
|
|
6
|
+
* import { InsightsCenterTemplate } from '@trinityui/design-system';
|
|
7
|
+
*
|
|
8
|
+
* <InsightsCenterTemplate
|
|
9
|
+
* hero={<StatusHero ... />}
|
|
10
|
+
* insights={[{ id: '1', severity: 'high', title: '...' }]}
|
|
11
|
+
* filterStrip={<FilterBar />}
|
|
12
|
+
* />
|
|
13
|
+
* ```
|
|
14
|
+
*/
|
|
15
|
+
import * as React from 'react';
|
|
16
|
+
import type { InsightCardProps } from '../../InsightCard/types';
|
|
17
|
+
export type InsightsCenterLayout = 'grid' | 'list';
|
|
18
|
+
export interface InsightCardItem extends Omit<InsightCardProps, 'onDismiss' | 'onClick'> {
|
|
19
|
+
/** Stable id. */
|
|
20
|
+
id: string;
|
|
21
|
+
/** Click handler. */
|
|
22
|
+
onClick?: () => void;
|
|
23
|
+
/** Dismiss handler. */
|
|
24
|
+
onDismiss?: () => void;
|
|
25
|
+
}
|
|
26
|
+
/**
|
|
27
|
+
* Props for InsightsCenterTemplate.
|
|
28
|
+
*/
|
|
29
|
+
export interface InsightsCenterTemplateProps {
|
|
30
|
+
/** Hero slot — typically a `StatusHero`. */
|
|
31
|
+
hero?: React.ReactNode;
|
|
32
|
+
/** Insights to render. */
|
|
33
|
+
insights: InsightCardItem[];
|
|
34
|
+
/** Filter strip rendered above the grid (typically a `FilterBar`). */
|
|
35
|
+
filterStrip?: React.ReactNode;
|
|
36
|
+
/** Page title. */
|
|
37
|
+
title?: string;
|
|
38
|
+
/** Page subtitle. */
|
|
39
|
+
subtitle?: string;
|
|
40
|
+
/** Section heading shown above the insights grid. */
|
|
41
|
+
sectionTitle?: string;
|
|
42
|
+
/** Section sub-heading. */
|
|
43
|
+
sectionSubtitle?: string;
|
|
44
|
+
/** Header actions. */
|
|
45
|
+
headerActions?: React.ReactNode;
|
|
46
|
+
/** Grid columns at lg breakpoint. Default 3. */
|
|
47
|
+
gridColumns?: number;
|
|
48
|
+
/** Loading state. */
|
|
49
|
+
loading?: boolean;
|
|
50
|
+
/** Empty-state message. */
|
|
51
|
+
emptyMessage?: string;
|
|
52
|
+
/** Custom renderer for each insight card. */
|
|
53
|
+
renderInsight?: (item: InsightCardItem) => React.ReactNode;
|
|
54
|
+
/** Layout — grid or list. Default "grid". */
|
|
55
|
+
layout?: InsightsCenterLayout;
|
|
56
|
+
/** Called when layout toggles. */
|
|
57
|
+
onLayoutChange?: (layout: InsightsCenterLayout) => void;
|
|
58
|
+
/** Show the layout toggle. Default true. */
|
|
59
|
+
showLayoutToggle?: boolean;
|
|
60
|
+
/** Max content width. Default 1280. */
|
|
61
|
+
maxWidth?: number | string;
|
|
62
|
+
}
|
|
63
|
+
export declare const InsightsCenterTemplate: React.ForwardRefExoticComponent<InsightsCenterTemplateProps & React.RefAttributes<HTMLDivElement>>;
|
|
64
|
+
//# sourceMappingURL=InsightsCenterTemplate.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"InsightsCenterTemplate.d.ts","sourceRoot":"","sources":["../../../../src/components/templates/InsightsCenter/InsightsCenterTemplate.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;GAaG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAY/B,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,yBAAyB,CAAC;AAGhE,MAAM,MAAM,oBAAoB,GAAG,MAAM,GAAG,MAAM,CAAC;AAEnD,MAAM,WAAW,eAAgB,SAAQ,IAAI,CAAC,gBAAgB,EAAE,WAAW,GAAG,SAAS,CAAC;IACtF,iBAAiB;IACjB,EAAE,EAAE,MAAM,CAAC;IACX,qBAAqB;IACrB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,uBAAuB;IACvB,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;CACxB;AAED;;GAEG;AACH,MAAM,WAAW,2BAA2B;IAC1C,4CAA4C;IAC5C,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,0BAA0B;IAC1B,QAAQ,EAAE,eAAe,EAAE,CAAC;IAC5B,sEAAsE;IACtE,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,kBAAkB;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,qBAAqB;IACrB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,qDAAqD;IACrD,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,2BAA2B;IAC3B,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,sBAAsB;IACtB,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAChC,gDAAgD;IAChD,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,qBAAqB;IACrB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,2BAA2B;IAC3B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,6CAA6C;IAC7C,aAAa,CAAC,EAAE,CAAC,IAAI,EAAE,eAAe,KAAK,KAAK,CAAC,SAAS,CAAC;IAC3D,6CAA6C;IAC7C,MAAM,CAAC,EAAE,oBAAoB,CAAC;IAC9B,kCAAkC;IAClC,cAAc,CAAC,EAAE,CAAC,MAAM,EAAE,oBAAoB,KAAK,IAAI,CAAC;IACxD,4CAA4C;IAC5C,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,uCAAuC;IACvC,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CAC5B;AAED,eAAO,MAAM,sBAAsB,oGAoNjC,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/templates/InsightsCenter/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,sBAAsB,EACtB,KAAK,2BAA2B,EAChC,KAAK,eAAe,EACpB,KAAK,oBAAoB,GAC1B,MAAM,0BAA0B,CAAC"}
|
|
@@ -0,0 +1,60 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @fileoverview IntegrationDetail Template — header + tabbed body for connector / integration detail
|
|
3
|
+
* @module components/templates/IntegrationDetail
|
|
4
|
+
* @example
|
|
5
|
+
* ```tsx
|
|
6
|
+
* import { IntegrationDetailTemplate } from '@trinityui/design-system';
|
|
7
|
+
*
|
|
8
|
+
* <IntegrationDetailTemplate
|
|
9
|
+
* integration={{ name: 'Snowflake', status: 'connected' }}
|
|
10
|
+
* tabs={[{ id: 'overview', label: 'Overview', content: <Overview /> }]}
|
|
11
|
+
* />
|
|
12
|
+
* ```
|
|
13
|
+
*/
|
|
14
|
+
import * as React from 'react';
|
|
15
|
+
export type IntegrationStatus = 'connected' | 'disconnected' | 'error' | 'pending' | 'syncing';
|
|
16
|
+
export interface IntegrationInfo {
|
|
17
|
+
/** Integration display name. */
|
|
18
|
+
name: string;
|
|
19
|
+
/** Logo / icon — image URL or any ReactNode. */
|
|
20
|
+
logo?: string | React.ReactNode;
|
|
21
|
+
/** Connection status — drives the status pill. */
|
|
22
|
+
status: IntegrationStatus;
|
|
23
|
+
/** Optional short description shown under the name. */
|
|
24
|
+
description?: string;
|
|
25
|
+
/** Optional version label (e.g. "v2.4"). */
|
|
26
|
+
version?: string;
|
|
27
|
+
}
|
|
28
|
+
export interface IntegrationTab {
|
|
29
|
+
/** Stable id. */
|
|
30
|
+
id: string;
|
|
31
|
+
/** Display label. */
|
|
32
|
+
label: string;
|
|
33
|
+
/** Tab content. */
|
|
34
|
+
content: React.ReactNode;
|
|
35
|
+
/** Optional badge (e.g. error count). */
|
|
36
|
+
badge?: string | number;
|
|
37
|
+
/** Disable tab. */
|
|
38
|
+
disabled?: boolean;
|
|
39
|
+
}
|
|
40
|
+
/**
|
|
41
|
+
* Props for IntegrationDetailTemplate.
|
|
42
|
+
*/
|
|
43
|
+
export interface IntegrationDetailTemplateProps {
|
|
44
|
+
/** Integration metadata for the header. */
|
|
45
|
+
integration: IntegrationInfo;
|
|
46
|
+
/** Tab definitions. */
|
|
47
|
+
tabs: IntegrationTab[];
|
|
48
|
+
/** Currently active tab id (uncontrolled if omitted). */
|
|
49
|
+
activeTab?: string;
|
|
50
|
+
/** Tab change handler. */
|
|
51
|
+
onTabChange?: (tabId: string) => void;
|
|
52
|
+
/** Header actions (e.g. Disconnect, Configure). */
|
|
53
|
+
headerActions?: React.ReactNode;
|
|
54
|
+
/** Breadcrumb slot (e.g. "Integrations / Snowflake"). */
|
|
55
|
+
breadcrumb?: React.ReactNode;
|
|
56
|
+
/** Max content width. Default 1200. */
|
|
57
|
+
maxWidth?: number | string;
|
|
58
|
+
}
|
|
59
|
+
export declare const IntegrationDetailTemplate: React.ForwardRefExoticComponent<IntegrationDetailTemplateProps & React.RefAttributes<HTMLDivElement>>;
|
|
60
|
+
//# sourceMappingURL=IntegrationDetailTemplate.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"IntegrationDetailTemplate.d.ts","sourceRoot":"","sources":["../../../../src/components/templates/IntegrationDetail/IntegrationDetailTemplate.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;GAYG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAgB/B,MAAM,MAAM,iBAAiB,GACzB,WAAW,GACX,cAAc,GACd,OAAO,GACP,SAAS,GACT,SAAS,CAAC;AAEd,MAAM,WAAW,eAAe;IAC9B,gCAAgC;IAChC,IAAI,EAAE,MAAM,CAAC;IACb,gDAAgD;IAChD,IAAI,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC;IAChC,kDAAkD;IAClD,MAAM,EAAE,iBAAiB,CAAC;IAC1B,uDAAuD;IACvD,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,4CAA4C;IAC5C,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,MAAM,WAAW,cAAc;IAC7B,iBAAiB;IACjB,EAAE,EAAE,MAAM,CAAC;IACX,qBAAqB;IACrB,KAAK,EAAE,MAAM,CAAC;IACd,mBAAmB;IACnB,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,yCAAyC;IACzC,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,mBAAmB;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED;;GAEG;AACH,MAAM,WAAW,8BAA8B;IAC7C,2CAA2C;IAC3C,WAAW,EAAE,eAAe,CAAC;IAC7B,uBAAuB;IACvB,IAAI,EAAE,cAAc,EAAE,CAAC;IACvB,yDAAyD;IACzD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,0BAA0B;IAC1B,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC,mDAAmD;IACnD,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAChC,yDAAyD;IACzD,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC7B,uCAAuC;IACvC,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CAC5B;AAaD,eAAO,MAAM,yBAAyB,uGA+KpC,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/templates/IntegrationDetail/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,yBAAyB,EACzB,KAAK,8BAA8B,EACnC,KAAK,eAAe,EACpB,KAAK,cAAc,EACnB,KAAK,iBAAiB,GACvB,MAAM,6BAA6B,CAAC"}
|