@trinityui/design-system 2.4.0 → 2.10.2
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 +34 -455
- 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/charts.js +3267 -3144
- 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/data-table2.js +41131 -37299
- 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 +49347 -41359
- package/dist/trinity.css +1 -1
- package/package.json +42 -34
|
@@ -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"}
|
|
@@ -0,0 +1,63 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @fileoverview Onboarding Template — hero panel with slides + progress dots
|
|
3
|
+
* @module components/templates/Onboarding
|
|
4
|
+
* @example
|
|
5
|
+
* ```tsx
|
|
6
|
+
* import { OnboardingTemplate } from '@trinityui/design-system';
|
|
7
|
+
*
|
|
8
|
+
* <OnboardingTemplate
|
|
9
|
+
* slides={[
|
|
10
|
+
* { id: '1', headline: 'Welcome', body: '...', illustration: <Img /> },
|
|
11
|
+
* ]}
|
|
12
|
+
* activeIndex={0}
|
|
13
|
+
* onNext={() => {}}
|
|
14
|
+
* onSkip={() => {}}
|
|
15
|
+
* />
|
|
16
|
+
* ```
|
|
17
|
+
*/
|
|
18
|
+
import * as React from 'react';
|
|
19
|
+
export interface OnboardingSlide {
|
|
20
|
+
/** Unique identifier */
|
|
21
|
+
id: string;
|
|
22
|
+
/** Headline / main message */
|
|
23
|
+
headline: string;
|
|
24
|
+
/** Body copy */
|
|
25
|
+
body?: React.ReactNode;
|
|
26
|
+
/** Illustration / hero image */
|
|
27
|
+
illustration?: React.ReactNode;
|
|
28
|
+
}
|
|
29
|
+
/**
|
|
30
|
+
* Props for OnboardingTemplate.
|
|
31
|
+
*/
|
|
32
|
+
export interface OnboardingTemplateProps {
|
|
33
|
+
/** Onboarding slides — typically 3 to 5. */
|
|
34
|
+
slides: OnboardingSlide[];
|
|
35
|
+
/** Zero-based index of the active slide. */
|
|
36
|
+
activeIndex: number;
|
|
37
|
+
/** Advance to next slide / finish on last. */
|
|
38
|
+
onNext?: () => void;
|
|
39
|
+
/** Go back a slide. */
|
|
40
|
+
onBack?: () => void;
|
|
41
|
+
/** Skip the onboarding entirely. */
|
|
42
|
+
onSkip?: () => void;
|
|
43
|
+
/** Click on a progress dot — jumps to that index. */
|
|
44
|
+
onDotClick?: (index: number) => void;
|
|
45
|
+
/** Finish-button label on last slide. Default "Get started". */
|
|
46
|
+
finishLabel?: string;
|
|
47
|
+
/** Next-button label. Default "Continue". */
|
|
48
|
+
nextLabel?: string;
|
|
49
|
+
/** Back-button label. Default "Back". */
|
|
50
|
+
backLabel?: string;
|
|
51
|
+
/** Skip-button label. Default "Skip". */
|
|
52
|
+
skipLabel?: string;
|
|
53
|
+
/** Hide the Skip action entirely. */
|
|
54
|
+
hideSkip?: boolean;
|
|
55
|
+
/** Hide the Back action. Default true (most onboarding flows go forward only). */
|
|
56
|
+
hideBack?: boolean;
|
|
57
|
+
/** Max content width. Default 720. */
|
|
58
|
+
maxWidth?: number | string;
|
|
59
|
+
/** Variant — "card" (default, framed) or "fullscreen" (edge-to-edge). */
|
|
60
|
+
variant?: 'card' | 'fullscreen';
|
|
61
|
+
}
|
|
62
|
+
export declare const OnboardingTemplate: React.ForwardRefExoticComponent<OnboardingTemplateProps & React.RefAttributes<HTMLDivElement>>;
|
|
63
|
+
//# sourceMappingURL=OnboardingTemplate.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"OnboardingTemplate.d.ts","sourceRoot":"","sources":["../../../../src/components/templates/Onboarding/OnboardingTemplate.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAa/B,MAAM,WAAW,eAAe;IAC9B,wBAAwB;IACxB,EAAE,EAAE,MAAM,CAAC;IACX,8BAA8B;IAC9B,QAAQ,EAAE,MAAM,CAAC;IACjB,gBAAgB;IAChB,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,gCAAgC;IAChC,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAChC;AAED;;GAEG;AACH,MAAM,WAAW,uBAAuB;IACtC,4CAA4C;IAC5C,MAAM,EAAE,eAAe,EAAE,CAAC;IAC1B,4CAA4C;IAC5C,WAAW,EAAE,MAAM,CAAC;IACpB,8CAA8C;IAC9C,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,uBAAuB;IACvB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,oCAAoC;IACpC,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,qDAAqD;IACrD,UAAU,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,gEAAgE;IAChE,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,6CAA6C;IAC7C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,yCAAyC;IACzC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,yCAAyC;IACzC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,qCAAqC;IACrC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,kFAAkF;IAClF,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,sCAAsC;IACtC,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC3B,yEAAyE;IACzE,OAAO,CAAC,EAAE,MAAM,GAAG,YAAY,CAAC;CACjC;AAED,eAAO,MAAM,kBAAkB,gGA0L9B,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/templates/Onboarding/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,kBAAkB,EAClB,KAAK,uBAAuB,EAC5B,KAAK,eAAe,GACrB,MAAM,sBAAsB,CAAC"}
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @fileoverview PlanHero Template — pricing page hero with 3 tiered plan cards
|
|
3
|
+
* @module components/templates/PlanHero
|
|
4
|
+
* @example
|
|
5
|
+
* ```tsx
|
|
6
|
+
* import { PlanHero } from '@trinityui/design-system';
|
|
7
|
+
*
|
|
8
|
+
* <PlanHero
|
|
9
|
+
* plans={[{ id: 'starter', name: 'Starter', monthlyPrice: 0, ... }]}
|
|
10
|
+
* billingCycle="monthly"
|
|
11
|
+
* onBillingChange={setCycle}
|
|
12
|
+
* onSelectPlan={(id) => navigate(`/checkout/${id}`)}
|
|
13
|
+
* />
|
|
14
|
+
* ```
|
|
15
|
+
*/
|
|
16
|
+
import * as React from 'react';
|
|
17
|
+
import type { PlanHeroProps } from './types';
|
|
18
|
+
export type { PlanHeroProps, PlanCard, PlanFeature, PlanBillingCycle, } from './types';
|
|
19
|
+
export declare const PlanHero: React.ForwardRefExoticComponent<PlanHeroProps & React.RefAttributes<HTMLDivElement>>;
|
|
20
|
+
//# sourceMappingURL=PlanHero.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"PlanHero.d.ts","sourceRoot":"","sources":["../../../../src/components/templates/PlanHero/PlanHero.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAgB/B,OAAO,KAAK,EACV,aAAa,EAId,MAAM,SAAS,CAAC;AAEjB,YAAY,EACV,aAAa,EACb,QAAQ,EACR,WAAW,EACX,gBAAgB,GACjB,MAAM,SAAS,CAAC;AAgBjB,eAAO,MAAM,QAAQ,sFAmQpB,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/templates/PlanHero/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,YAAY,EACV,aAAa,EACb,QAAQ,EACR,WAAW,EACX,gBAAgB,GACjB,MAAM,SAAS,CAAC"}
|