formica-ui-lib 1.0.238 → 1.0.240
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/componentProps/molecules/cards/datahealthsummarycard/DataHealthSummaryCardProps.d.ts +15 -0
- package/dist/componentProps/molecules/cards/dataissueactioncard/DataIssueActionCardProps.d.ts +27 -0
- package/dist/componentProps/molecules/cards/dataissuemetriccard/DataIssueMetricCardProps.d.ts +11 -0
- package/dist/componentProps/molecules/cards/issuetypebreakdowncard/IssueTypeBreakdownCardProps.d.ts +15 -0
- package/dist/componentProps/molecules/cards/recommendednextstepcard/RecommendedNextStepCardProps.d.ts +12 -0
- package/dist/componentProps/molecules/cards/statusflowactioncard/StatusFlowActionCardProps.d.ts +4 -6
- package/dist/componentProps/organisms/forms/dynamicform/DynamicFormProps.d.ts +8 -1
- package/dist/componentProps/organisms/sections/statusflowpanel/StatusFlowPanelProps.d.ts +3 -1
- package/dist/index.cjs +2 -2
- package/dist/index.d.ts +10 -0
- package/dist/index.js +902 -537
- package/dist/stories/molecules/cards/datahealthsummarycard/DataHealthSummaryCard.d.ts +4 -0
- package/dist/stories/molecules/cards/dataissueactioncard/DataIssueActionCard.d.ts +4 -0
- package/dist/stories/molecules/cards/dataissuemetriccard/DataIssueMetricCard.d.ts +4 -0
- package/dist/stories/molecules/cards/issuetypebreakdowncard/IssueTypeBreakdownCard.d.ts +4 -0
- package/dist/stories/molecules/cards/recommendednextstepcard/RecommendedNextStepCard.d.ts +4 -0
- package/dist/tailwind.css +1 -1
- package/package.json +1 -1
package/dist/componentProps/molecules/cards/datahealthsummarycard/DataHealthSummaryCardProps.d.ts
ADDED
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
export interface DataHealthSummaryCardLinkClickPayload {
|
|
2
|
+
label: string;
|
|
3
|
+
}
|
|
4
|
+
export type DataHealthSummaryCardStatus = "good" | "warning" | "critical";
|
|
5
|
+
export interface DataHealthSummaryCardProps {
|
|
6
|
+
title: string;
|
|
7
|
+
score: number;
|
|
8
|
+
scoreLabel: string;
|
|
9
|
+
status?: DataHealthSummaryCardStatus;
|
|
10
|
+
summary: string;
|
|
11
|
+
detail?: string;
|
|
12
|
+
linkLabel?: string;
|
|
13
|
+
ariaLabel?: string;
|
|
14
|
+
onLinkClick?: (payload: DataHealthSummaryCardLinkClickPayload) => void;
|
|
15
|
+
}
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
export type DataIssueActionCardStatus = "safe" | "warning" | "error" | "review" | "resolved";
|
|
2
|
+
export type DataIssueActionCardConfidenceTone = "success" | "warning" | "error" | "neutral";
|
|
3
|
+
export type DataIssueActionCardActionVariant = "solid" | "outline";
|
|
4
|
+
export interface DataIssueActionCardActionPayload {
|
|
5
|
+
issueId: string;
|
|
6
|
+
}
|
|
7
|
+
export interface DataIssueActionCardProps {
|
|
8
|
+
id: string;
|
|
9
|
+
title: string;
|
|
10
|
+
groupCountLabel: string;
|
|
11
|
+
description: string;
|
|
12
|
+
status: DataIssueActionCardStatus;
|
|
13
|
+
recommendedActionTitle?: string;
|
|
14
|
+
recommendedActions: string[];
|
|
15
|
+
confidenceLabel?: string;
|
|
16
|
+
confidenceTone?: DataIssueActionCardConfidenceTone;
|
|
17
|
+
estimatedRuntimeLabel?: string;
|
|
18
|
+
primaryActionLabel?: string;
|
|
19
|
+
primaryActionIconName?: string;
|
|
20
|
+
primaryActionVariant?: DataIssueActionCardActionVariant;
|
|
21
|
+
secondaryActionLabel?: string;
|
|
22
|
+
secondaryActionIconName?: string;
|
|
23
|
+
ariaLabel?: string;
|
|
24
|
+
onPrimaryActionClick?: (payload: DataIssueActionCardActionPayload) => void;
|
|
25
|
+
onSecondaryActionClick?: (payload: DataIssueActionCardActionPayload) => void;
|
|
26
|
+
onExpandClick?: (payload: DataIssueActionCardActionPayload) => void;
|
|
27
|
+
}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import type { FaTypeClass } from "../../../atoms/icon/IconProps";
|
|
2
|
+
export interface DataIssueMetricCardProps {
|
|
3
|
+
value: string;
|
|
4
|
+
label: string;
|
|
5
|
+
detail?: string;
|
|
6
|
+
iconName: string;
|
|
7
|
+
iconType?: FaTypeClass;
|
|
8
|
+
iconAlt?: string;
|
|
9
|
+
tone?: "primary" | "blue" | "purple" | "green" | "red" | "gray";
|
|
10
|
+
ariaLabel?: string;
|
|
11
|
+
}
|
package/dist/componentProps/molecules/cards/issuetypebreakdowncard/IssueTypeBreakdownCardProps.d.ts
ADDED
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
export type IssueTypeBreakdownItemTone = "green" | "yellow" | "orange" | "red" | "purple" | "gray" | "blue";
|
|
2
|
+
export interface IssueTypeBreakdownItem {
|
|
3
|
+
id: string;
|
|
4
|
+
label: string;
|
|
5
|
+
groupCount: string;
|
|
6
|
+
recordCount: string;
|
|
7
|
+
tone: IssueTypeBreakdownItemTone;
|
|
8
|
+
}
|
|
9
|
+
export interface IssueTypeBreakdownCardProps {
|
|
10
|
+
title: string;
|
|
11
|
+
groupColumnLabel?: string;
|
|
12
|
+
recordColumnLabel?: string;
|
|
13
|
+
items: IssueTypeBreakdownItem[];
|
|
14
|
+
ariaLabel?: string;
|
|
15
|
+
}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
export interface RecommendedNextStepCardActionPayload {
|
|
2
|
+
actionId: "primary" | "secondary";
|
|
3
|
+
}
|
|
4
|
+
export interface RecommendedNextStepCardProps {
|
|
5
|
+
title: string;
|
|
6
|
+
description: string;
|
|
7
|
+
primaryActionLabel?: string;
|
|
8
|
+
secondaryActionLabel?: string;
|
|
9
|
+
ariaLabel?: string;
|
|
10
|
+
onPrimaryActionClick?: (payload: RecommendedNextStepCardActionPayload) => void;
|
|
11
|
+
onSecondaryActionClick?: (payload: RecommendedNextStepCardActionPayload) => void;
|
|
12
|
+
}
|
package/dist/componentProps/molecules/cards/statusflowactioncard/StatusFlowActionCardProps.d.ts
CHANGED
|
@@ -3,11 +3,9 @@ export interface StatusFlowActionCardProps {
|
|
|
3
3
|
totalCheckpointCount: number;
|
|
4
4
|
summary: string;
|
|
5
5
|
detail?: string;
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
detailsLabel?: string;
|
|
6
|
+
syncLabel?: string;
|
|
7
|
+
refreshLabel?: string;
|
|
9
8
|
ariaLabel?: string;
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
onViewDetailsClick?: () => void;
|
|
9
|
+
onSyncClick?: () => void;
|
|
10
|
+
onRefreshClick?: () => void;
|
|
13
11
|
}
|
|
@@ -3,7 +3,7 @@ export type DynamicFormFieldSeverity = "blocking" | "recommended" | "optional";
|
|
|
3
3
|
export type DynamicFormFieldState = "neutral" | "valid" | "warning" | "error";
|
|
4
4
|
export type DynamicFormFieldValue = string | number | null;
|
|
5
5
|
export type DynamicFormDensity = "compact" | "comfortable";
|
|
6
|
-
export type DynamicFormSeverityDisplay = "icon" | "label";
|
|
6
|
+
export type DynamicFormSeverityDisplay = "icon" | "label" | "none";
|
|
7
7
|
export interface DynamicFormFieldOption {
|
|
8
8
|
label: string;
|
|
9
9
|
value: string;
|
|
@@ -24,6 +24,12 @@ export interface DynamicFormFieldConfig {
|
|
|
24
24
|
helpText?: string;
|
|
25
25
|
readOnly?: boolean;
|
|
26
26
|
}
|
|
27
|
+
export interface DynamicFormFieldGroup {
|
|
28
|
+
id: string;
|
|
29
|
+
title: string;
|
|
30
|
+
description?: string;
|
|
31
|
+
fieldIds: string[];
|
|
32
|
+
}
|
|
27
33
|
export interface DynamicFormFieldChangePayload {
|
|
28
34
|
fieldId: string;
|
|
29
35
|
value: DynamicFormFieldValue;
|
|
@@ -35,6 +41,7 @@ export interface DynamicFormProps {
|
|
|
35
41
|
title?: string;
|
|
36
42
|
description?: string;
|
|
37
43
|
fields: DynamicFormFieldConfig[];
|
|
44
|
+
fieldGroups?: DynamicFormFieldGroup[];
|
|
38
45
|
density?: DynamicFormDensity;
|
|
39
46
|
severityDisplay?: DynamicFormSeverityDisplay;
|
|
40
47
|
submitLabel?: string;
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import type { ReactNode } from "react";
|
|
2
2
|
import type { FaTypeClass } from "../../../atoms/icon/IconProps";
|
|
3
|
+
import type { StatusFlowActionCardProps } from "../../../molecules/cards/statusflowactioncard/StatusFlowActionCardProps";
|
|
3
4
|
export type StatusFlowPanelState = "idle" | "loading" | "ready" | "error";
|
|
4
5
|
export interface StatusFlowPanelProps {
|
|
5
6
|
title: string;
|
|
@@ -13,5 +14,6 @@ export interface StatusFlowPanelProps {
|
|
|
13
14
|
errorMessage?: string;
|
|
14
15
|
diagram: ReactNode;
|
|
15
16
|
legend: ReactNode;
|
|
16
|
-
|
|
17
|
+
actionCardProps?: StatusFlowActionCardProps;
|
|
18
|
+
actions?: ReactNode;
|
|
17
19
|
}
|