@autobe/ui 0.19.1 → 0.21.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/lib/AutoBeChatMain.d.ts +16 -0
- package/lib/AutoBeChatMain.js +51 -0
- package/lib/AutoBeChatMain.js.map +1 -0
- package/lib/banner/AutoBeAgentInformation.d.ts +15 -0
- package/lib/banner/AutoBeAgentInformation.js +41 -0
- package/lib/banner/AutoBeAgentInformation.js.map +1 -0
- package/lib/banner/AutoBeChatBanner.d.ts +15 -0
- package/lib/banner/AutoBeChatBanner.js +29 -0
- package/lib/banner/AutoBeChatBanner.js.map +1 -0
- package/lib/banner/AutoBeChatState.d.ts +6 -0
- package/lib/banner/AutoBeChatState.js +80 -0
- package/lib/banner/AutoBeChatState.js.map +1 -0
- package/lib/banner/AutoBeTokenUsage.d.ts +14 -0
- package/lib/banner/AutoBeTokenUsage.js +60 -0
- package/lib/banner/AutoBeTokenUsage.js.map +1 -0
- package/lib/banner/index.d.ts +4 -0
- package/lib/banner/index.js +21 -0
- package/lib/banner/index.js.map +1 -0
- package/lib/common/Collapsible.d.ts +15 -0
- package/lib/common/Collapsible.js +45 -0
- package/lib/common/Collapsible.js.map +1 -0
- package/lib/common/index.d.ts +2 -0
- package/lib/common/index.js +19 -0
- package/lib/common/index.js.map +1 -0
- package/lib/constant/color.d.ts +18 -0
- package/lib/constant/color.js +25 -0
- package/lib/constant/color.js.map +1 -0
- package/lib/events/AutoBeCompleteEventMovie.d.ts +7 -0
- package/lib/events/AutoBeCompleteEventMovie.js +210 -0
- package/lib/events/AutoBeCompleteEventMovie.js.map +1 -0
- package/lib/events/AutoBeEventMovie.d.ts +8 -0
- package/lib/events/AutoBeEventMovie.js +84 -0
- package/lib/events/AutoBeEventMovie.js.map +1 -0
- package/lib/events/AutoBeProgressEventMovie.js +2 -61
- package/lib/events/AutoBeProgressEventMovie.js.map +1 -1
- package/lib/events/AutoBeScenarioEventMovie.js +2 -44
- package/lib/events/AutoBeScenarioEventMovie.js.map +1 -1
- package/lib/events/AutoBeValidateEventMovie.d.ts +6 -0
- package/lib/events/AutoBeValidateEventMovie.js +115 -0
- package/lib/events/AutoBeValidateEventMovie.js.map +1 -0
- package/lib/events/common/CollapsibleEventGroup.d.ts +28 -0
- package/lib/events/common/CollapsibleEventGroup.js +89 -0
- package/lib/events/common/CollapsibleEventGroup.js.map +1 -0
- package/lib/events/common/EventCard.d.ts +13 -0
- package/lib/events/common/EventCard.js +43 -0
- package/lib/events/common/EventCard.js.map +1 -0
- package/lib/events/common/EventContent.d.ts +11 -0
- package/lib/events/common/EventContent.js +14 -0
- package/lib/events/common/EventContent.js.map +1 -0
- package/lib/events/common/EventHeader.d.ts +15 -0
- package/lib/events/common/EventHeader.js +41 -0
- package/lib/events/common/EventHeader.js.map +1 -0
- package/lib/events/common/EventIcon.d.ts +11 -0
- package/lib/events/common/EventIcon.js +50 -0
- package/lib/events/common/EventIcon.js.map +1 -0
- package/lib/events/common/ProgressBar.d.ts +14 -0
- package/lib/events/common/ProgressBar.js +33 -0
- package/lib/events/common/ProgressBar.js.map +1 -0
- package/lib/events/common/index.d.ts +6 -0
- package/lib/events/common/index.js +16 -0
- package/lib/events/common/index.js.map +1 -0
- package/lib/events/groups/ValidateEventGroup.d.ts +12 -0
- package/lib/events/groups/ValidateEventGroup.js +78 -0
- package/lib/events/groups/ValidateEventGroup.js.map +1 -0
- package/lib/events/groups/index.d.ts +1 -0
- package/lib/events/groups/index.js +6 -0
- package/lib/events/groups/index.js.map +1 -0
- package/lib/events/index.d.ts +6 -0
- package/lib/events/index.js +27 -1
- package/lib/events/index.js.map +1 -1
- package/lib/events/utils/eventGrouper.d.ts +20 -0
- package/lib/events/utils/eventGrouper.js +74 -0
- package/lib/events/utils/eventGrouper.js.map +1 -0
- package/lib/events/utils/index.d.ts +1 -0
- package/lib/events/utils/index.js +6 -0
- package/lib/events/utils/index.js.map +1 -0
- package/lib/hooks/index.d.ts +2 -0
- package/lib/hooks/index.js +19 -0
- package/lib/hooks/index.js.map +1 -0
- package/lib/hooks/useIsomorphicLayoutEffect.d.ts +6 -0
- package/lib/hooks/useIsomorphicLayoutEffect.js +10 -0
- package/lib/hooks/useIsomorphicLayoutEffect.js.map +1 -0
- package/lib/hooks/useMediaQuery.d.ts +11 -0
- package/lib/hooks/useMediaQuery.js +52 -0
- package/lib/hooks/useMediaQuery.js.map +1 -0
- package/lib/index.d.ts +5 -0
- package/lib/index.js +8 -1
- package/lib/index.js.map +1 -1
- package/lib/structure/AutoBeListener.d.ts +17 -0
- package/lib/structure/AutoBeListener.js +250 -0
- package/lib/structure/AutoBeListener.js.map +1 -0
- package/lib/structure/AutoBeListenerState.d.ts +14 -0
- package/lib/structure/AutoBeListenerState.js +39 -0
- package/lib/structure/AutoBeListenerState.js.map +1 -0
- package/lib/structure/IAutoBeEventGroup.d.ts +5 -0
- package/lib/structure/IAutoBeEventGroup.js +3 -0
- package/lib/structure/IAutoBeEventGroup.js.map +1 -0
- package/lib/structure/index.d.ts +3 -0
- package/lib/structure/index.js +20 -0
- package/lib/structure/index.js.map +1 -0
- package/lib/upload/AutoBeChatUploadBox.d.ts +31 -0
- package/lib/upload/AutoBeChatUploadBox.js +221 -0
- package/lib/upload/AutoBeChatUploadBox.js.map +1 -0
- package/lib/upload/AutoBeChatUploadSendButton.d.ts +15 -0
- package/lib/upload/AutoBeChatUploadSendButton.js +38 -0
- package/lib/upload/AutoBeChatUploadSendButton.js.map +1 -0
- package/lib/upload/AutoBeFileUploadBox.d.ts +8 -0
- package/lib/upload/AutoBeFileUploadBox.js +68 -0
- package/lib/upload/AutoBeFileUploadBox.js.map +1 -0
- package/lib/upload/AutoBeUploadConfig.d.ts +9 -0
- package/lib/upload/AutoBeUploadConfig.js +3 -0
- package/lib/upload/AutoBeUploadConfig.js.map +1 -0
- package/lib/upload/AutoBeVoiceRecoderButton.d.ts +11 -0
- package/lib/upload/AutoBeVoiceRecoderButton.js +58 -0
- package/lib/upload/AutoBeVoiceRecoderButton.js.map +1 -0
- package/lib/upload/index.d.ts +5 -0
- package/lib/upload/index.js +22 -0
- package/lib/upload/index.js.map +1 -0
- package/lib/utils/AutoBeFileUploader.d.ts +28 -0
- package/lib/utils/AutoBeFileUploader.js +237 -0
- package/lib/utils/AutoBeFileUploader.js.map +1 -0
- package/lib/utils/AutoBeVoiceRecorder.d.ts +7 -0
- package/lib/utils/AutoBeVoiceRecorder.js +94 -0
- package/lib/utils/AutoBeVoiceRecorder.js.map +1 -0
- package/lib/utils/index.d.ts +4 -0
- package/lib/utils/index.js +21 -0
- package/lib/utils/index.js.map +1 -0
- package/lib/utils/number.d.ts +1 -0
- package/lib/utils/number.js +20 -0
- package/lib/utils/number.js.map +1 -0
- package/package.json +13 -2
- package/src/AutoBeChatMain.tsx +123 -0
- package/src/banner/AutoBeAgentInformation.tsx +102 -0
- package/src/banner/AutoBeChatBanner.tsx +72 -0
- package/src/banner/AutoBeChatState.tsx +152 -0
- package/src/banner/AutoBeTokenUsage.tsx +152 -0
- package/src/banner/index.ts +4 -0
- package/src/common/Collapsible.tsx +95 -0
- package/src/common/index.ts +2 -0
- package/src/constant/color.ts +24 -0
- package/src/events/AutoBeCompleteEventMovie.tsx +402 -0
- package/src/events/AutoBeEventMovie.tsx +114 -0
- package/src/events/AutoBeProgressEventMovie.tsx +12 -125
- package/src/events/AutoBeScenarioEventMovie.tsx +5 -93
- package/src/events/AutoBeValidateEventMovie.tsx +326 -0
- package/src/events/README.md +300 -0
- package/src/events/common/CollapsibleEventGroup.tsx +220 -0
- package/src/events/common/EventCard.tsx +61 -0
- package/src/events/common/EventContent.tsx +31 -0
- package/src/events/common/EventHeader.tsx +85 -0
- package/src/events/common/EventIcon.tsx +82 -0
- package/src/events/common/ProgressBar.tsx +63 -0
- package/src/events/common/index.ts +13 -0
- package/src/events/groups/ValidateEventGroup.tsx +150 -0
- package/src/events/groups/index.ts +4 -0
- package/src/events/index.ts +12 -0
- package/src/events/utils/eventGrouper.tsx +118 -0
- package/src/events/utils/index.ts +1 -0
- package/src/hooks/index.ts +2 -0
- package/src/hooks/useIsomorphicLayoutEffect.ts +8 -0
- package/src/hooks/useMediaQuery.ts +68 -0
- package/src/index.ts +5 -0
- package/src/structure/AutoBeListener.ts +263 -0
- package/src/structure/AutoBeListenerState.ts +53 -0
- package/src/structure/IAutoBeEventGroup.ts +6 -0
- package/src/structure/index.ts +3 -0
- package/src/upload/AutoBeChatUploadBox.tsx +372 -0
- package/src/upload/AutoBeChatUploadSendButton.tsx +66 -0
- package/src/upload/AutoBeFileUploadBox.tsx +123 -0
- package/src/upload/AutoBeUploadConfig.ts +5 -0
- package/src/upload/AutoBeVoiceRecoderButton.tsx +100 -0
- package/src/upload/index.ts +5 -0
- package/src/utils/AutoBeFileUploader.ts +279 -0
- package/src/utils/AutoBeVoiceRecorder.ts +95 -0
- package/src/utils/index.ts +4 -0
- package/src/utils/number.ts +17 -0
- package/tsconfig.json +2 -1
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"AutoBeValidateEventMovie.js","sourceRoot":"","sources":["../../src/events/AutoBeValidateEventMovie.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
import { ReactNode } from "react";
|
|
2
|
+
import { EventIconType } from "./EventIcon";
|
|
3
|
+
export interface ICollapsibleEventGroupProps<T = any> {
|
|
4
|
+
/** Array of events of the same type */
|
|
5
|
+
events: T[];
|
|
6
|
+
/** Title for the group */
|
|
7
|
+
title: string;
|
|
8
|
+
/** Icon type for the group header */
|
|
9
|
+
iconType: EventIconType;
|
|
10
|
+
/** Function to render individual events */
|
|
11
|
+
renderEvent: (event: T, index: number) => ReactNode;
|
|
12
|
+
/** Function to get timestamp from event (for header) */
|
|
13
|
+
getTimestamp: (event: T) => string;
|
|
14
|
+
/** Optional custom summary content */
|
|
15
|
+
renderSummary?: (events: T[]) => ReactNode;
|
|
16
|
+
/** Initial collapsed state */
|
|
17
|
+
defaultCollapsed?: boolean;
|
|
18
|
+
/** Custom group description */
|
|
19
|
+
description?: string;
|
|
20
|
+
/** Card variant based on event status */
|
|
21
|
+
variant?: "default" | "success" | "error" | "warning";
|
|
22
|
+
}
|
|
23
|
+
/**
|
|
24
|
+
* Collapsible event group component Groups multiple events of the same type
|
|
25
|
+
* with expand/collapse functionality
|
|
26
|
+
*/
|
|
27
|
+
export declare const CollapsibleEventGroup: <T>(props: ICollapsibleEventGroupProps<T>) => import("react/jsx-runtime").JSX.Element | null;
|
|
28
|
+
export default CollapsibleEventGroup;
|
|
@@ -0,0 +1,89 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.CollapsibleEventGroup = void 0;
|
|
4
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
5
|
+
const react_1 = require("react");
|
|
6
|
+
const EventCard_1 = require("./EventCard");
|
|
7
|
+
const EventContent_1 = require("./EventContent");
|
|
8
|
+
const EventIcon_1 = require("./EventIcon");
|
|
9
|
+
/**
|
|
10
|
+
* Collapsible event group component Groups multiple events of the same type
|
|
11
|
+
* with expand/collapse functionality
|
|
12
|
+
*/
|
|
13
|
+
const CollapsibleEventGroup = (props) => {
|
|
14
|
+
const { events, title, iconType, renderEvent, getTimestamp, renderSummary, defaultCollapsed = true, description, variant = "default", } = props;
|
|
15
|
+
const [isCollapsed, setIsCollapsed] = (0, react_1.useState)(defaultCollapsed);
|
|
16
|
+
if (events.length === 0) {
|
|
17
|
+
return null;
|
|
18
|
+
}
|
|
19
|
+
// Use the latest event's timestamp for the group header
|
|
20
|
+
const latestTimestamp = getTimestamp(events[events.length - 1]);
|
|
21
|
+
const toggleCollapse = () => {
|
|
22
|
+
setIsCollapsed(!isCollapsed);
|
|
23
|
+
};
|
|
24
|
+
const defaultSummary = ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [description && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [description, (0, jsx_runtime_1.jsx)("br", {}), (0, jsx_runtime_1.jsx)("br", {})] })), (0, jsx_runtime_1.jsx)("strong", { children: "Total Events:" }), " ", events.length, (0, jsx_runtime_1.jsx)("br", {}), (0, jsx_runtime_1.jsx)("strong", { children: "Status:" }), " ", isCollapsed ? "Collapsed" : "Expanded"] }));
|
|
25
|
+
return ((0, jsx_runtime_1.jsxs)(EventCard_1.EventCard, { variant: variant, children: [(0, jsx_runtime_1.jsxs)("div", { style: {
|
|
26
|
+
display: "flex",
|
|
27
|
+
alignItems: "center",
|
|
28
|
+
justifyContent: "space-between",
|
|
29
|
+
marginBottom: "1rem",
|
|
30
|
+
}, children: [(0, jsx_runtime_1.jsxs)("div", { style: {
|
|
31
|
+
display: "flex",
|
|
32
|
+
alignItems: "center",
|
|
33
|
+
gap: "0.75rem",
|
|
34
|
+
}, children: [(0, jsx_runtime_1.jsx)(EventIcon_1.EventIcon, { type: iconType }), (0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)("h3", { style: {
|
|
35
|
+
fontSize: "1.125rem",
|
|
36
|
+
fontWeight: "600",
|
|
37
|
+
color: "#1e293b",
|
|
38
|
+
margin: 0,
|
|
39
|
+
marginBottom: "0.25rem",
|
|
40
|
+
}, children: title }), (0, jsx_runtime_1.jsxs)("div", { style: {
|
|
41
|
+
fontSize: "0.75rem",
|
|
42
|
+
color: "#64748b",
|
|
43
|
+
}, children: [events.length, " event", events.length !== 1 ? "s" : ""] })] })] }), (0, jsx_runtime_1.jsx)("div", { style: {
|
|
44
|
+
fontSize: "0.75rem",
|
|
45
|
+
color: "#64748b",
|
|
46
|
+
textAlign: "right",
|
|
47
|
+
}, children: latestTimestamp })] }), isCollapsed && ((0, jsx_runtime_1.jsx)(EventContent_1.EventContent, { children: renderSummary ? renderSummary(events) : defaultSummary })), !isCollapsed && ((0, jsx_runtime_1.jsx)("div", { style: {
|
|
48
|
+
display: "flex",
|
|
49
|
+
flexDirection: "column",
|
|
50
|
+
gap: "0.5rem",
|
|
51
|
+
}, children: events.map((event, index) => ((0, jsx_runtime_1.jsx)("div", { style: {
|
|
52
|
+
border: "1px solid #e2e8f0",
|
|
53
|
+
borderRadius: "0.5rem",
|
|
54
|
+
overflow: "hidden",
|
|
55
|
+
}, children: renderEvent(event, index) }, index))) })), (0, jsx_runtime_1.jsx)("div", { style: {
|
|
56
|
+
display: "flex",
|
|
57
|
+
justifyContent: "center",
|
|
58
|
+
marginTop: "1rem",
|
|
59
|
+
}, children: (0, jsx_runtime_1.jsxs)("button", { onClick: toggleCollapse, style: {
|
|
60
|
+
display: "flex",
|
|
61
|
+
alignItems: "center",
|
|
62
|
+
gap: "0.5rem",
|
|
63
|
+
padding: "0.5rem 1rem",
|
|
64
|
+
backgroundColor: "#f8fafc",
|
|
65
|
+
border: "1px solid #e2e8f0",
|
|
66
|
+
borderRadius: "0.5rem",
|
|
67
|
+
cursor: "pointer",
|
|
68
|
+
fontSize: "0.875rem",
|
|
69
|
+
color: "#64748b",
|
|
70
|
+
transition: "all 0.2s ease",
|
|
71
|
+
}, onMouseEnter: (e) => {
|
|
72
|
+
e.currentTarget.style.backgroundColor = "#f1f5f9";
|
|
73
|
+
e.currentTarget.style.borderColor = "#cbd5e1";
|
|
74
|
+
}, onMouseLeave: (e) => {
|
|
75
|
+
e.currentTarget.style.backgroundColor = "#f8fafc";
|
|
76
|
+
e.currentTarget.style.borderColor = "#e2e8f0";
|
|
77
|
+
}, children: [(0, jsx_runtime_1.jsx)("span", { children: isCollapsed ? "Expand" : "Collapse" }), (0, jsx_runtime_1.jsx)("div", { style: {
|
|
78
|
+
width: "1rem",
|
|
79
|
+
height: "1rem",
|
|
80
|
+
display: "flex",
|
|
81
|
+
alignItems: "center",
|
|
82
|
+
justifyContent: "center",
|
|
83
|
+
transition: "transform 0.2s ease",
|
|
84
|
+
transform: isCollapsed ? "rotate(0deg)" : "rotate(180deg)",
|
|
85
|
+
}, children: (0, jsx_runtime_1.jsx)("svg", { width: "12", height: "12", viewBox: "0 0 24 24", fill: "currentColor", style: { color: "#64748b" }, children: (0, jsx_runtime_1.jsx)("path", { d: "M7 10l5 5 5-5z" }) }) })] }) })] }));
|
|
86
|
+
};
|
|
87
|
+
exports.CollapsibleEventGroup = CollapsibleEventGroup;
|
|
88
|
+
exports.default = exports.CollapsibleEventGroup;
|
|
89
|
+
//# sourceMappingURL=CollapsibleEventGroup.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"CollapsibleEventGroup.js","sourceRoot":"","sources":["../../../src/events/common/CollapsibleEventGroup.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { ReactNode } from "react";
|
|
2
|
+
export interface IEventCardProps {
|
|
3
|
+
children: ReactNode;
|
|
4
|
+
style?: React.CSSProperties;
|
|
5
|
+
className?: string;
|
|
6
|
+
variant?: "default" | "success" | "error" | "warning";
|
|
7
|
+
}
|
|
8
|
+
/**
|
|
9
|
+
* Common event card container component Provides consistent styling across all
|
|
10
|
+
* event components
|
|
11
|
+
*/
|
|
12
|
+
export declare const EventCard: (props: IEventCardProps) => import("react/jsx-runtime").JSX.Element;
|
|
13
|
+
export default EventCard;
|
|
@@ -0,0 +1,43 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.EventCard = void 0;
|
|
4
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
5
|
+
/**
|
|
6
|
+
* Common event card container component Provides consistent styling across all
|
|
7
|
+
* event components
|
|
8
|
+
*/
|
|
9
|
+
const EventCard = (props) => {
|
|
10
|
+
const { variant = "default" } = props;
|
|
11
|
+
const getVariantStyles = () => {
|
|
12
|
+
switch (variant) {
|
|
13
|
+
case "success":
|
|
14
|
+
return {
|
|
15
|
+
backgroundColor: "#f0fdf4",
|
|
16
|
+
border: "1px solid #bbf7d0",
|
|
17
|
+
boxShadow: "0 1px 3px 0 rgb(34 197 94 / 0.1)",
|
|
18
|
+
};
|
|
19
|
+
case "error":
|
|
20
|
+
return {
|
|
21
|
+
backgroundColor: "#fef2f2",
|
|
22
|
+
border: "1px solid #fecaca",
|
|
23
|
+
boxShadow: "0 1px 3px 0 rgb(239 68 68 / 0.1)",
|
|
24
|
+
};
|
|
25
|
+
case "warning":
|
|
26
|
+
return {
|
|
27
|
+
backgroundColor: "#fffbeb",
|
|
28
|
+
border: "1px solid #fed7aa",
|
|
29
|
+
boxShadow: "0 1px 3px 0 rgb(245 158 11 / 0.1)",
|
|
30
|
+
};
|
|
31
|
+
default:
|
|
32
|
+
return {
|
|
33
|
+
backgroundColor: "#f8fafc",
|
|
34
|
+
border: "1px solid #e2e8f0",
|
|
35
|
+
boxShadow: "0 1px 3px 0 rgb(0 0 0 / 0.1)",
|
|
36
|
+
};
|
|
37
|
+
}
|
|
38
|
+
};
|
|
39
|
+
return ((0, jsx_runtime_1.jsx)("div", { className: props.className, style: Object.assign(Object.assign(Object.assign({}, getVariantStyles()), { borderRadius: "0.75rem", padding: "1.5rem" }), props.style), children: props.children }));
|
|
40
|
+
};
|
|
41
|
+
exports.EventCard = EventCard;
|
|
42
|
+
exports.default = exports.EventCard;
|
|
43
|
+
//# sourceMappingURL=EventCard.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"EventCard.js","sourceRoot":"","sources":["../../../src/events/common/EventCard.tsx"],"names":[],"mappings":";;;;AASA;;;GAGG;AACI,MAAM,SAAS,GAAG,CAAC,KAAsB,EAAE,EAAE;IAClD,MAAM,EAAE,OAAO,GAAG,SAAS,EAAE,GAAG,KAAK,CAAC;IAEtC,MAAM,gBAAgB,GAAG,GAAG,EAAE;QAC5B,QAAQ,OAAO,EAAE,CAAC;YAChB,KAAK,SAAS;gBACZ,OAAO;oBACL,eAAe,EAAE,SAAS;oBAC1B,MAAM,EAAE,mBAAmB;oBAC3B,SAAS,EAAE,kCAAkC;iBAC9C,CAAC;YACJ,KAAK,OAAO;gBACV,OAAO;oBACL,eAAe,EAAE,SAAS;oBAC1B,MAAM,EAAE,mBAAmB;oBAC3B,SAAS,EAAE,kCAAkC;iBAC9C,CAAC;YACJ,KAAK,SAAS;gBACZ,OAAO;oBACL,eAAe,EAAE,SAAS;oBAC1B,MAAM,EAAE,mBAAmB;oBAC3B,SAAS,EAAE,mCAAmC;iBAC/C,CAAC;YACJ;gBACE,OAAO;oBACL,eAAe,EAAE,SAAS;oBAC1B,MAAM,EAAE,mBAAmB;oBAC3B,SAAS,EAAE,8BAA8B;iBAC1C,CAAC;QACN,CAAC;IACH,CAAC,CAAC;IAEF,OAAO,CACL,gCACE,SAAS,EAAE,KAAK,CAAC,SAAS,EAC1B,KAAK,gDACA,gBAAgB,EAAE,KACrB,YAAY,EAAE,SAAS,EACvB,OAAO,EAAE,QAAQ,KACd,KAAK,CAAC,KAAK,aAGf,KAAK,CAAC,QAAQ,GACX,CACP,CAAC;AACJ,CAAC,CAAC;AA7CW,QAAA,SAAS,aA6CpB;AAEF,kBAAe,iBAAS,CAAC"}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { ReactNode } from "react";
|
|
2
|
+
export interface IEventContentProps {
|
|
3
|
+
children: ReactNode;
|
|
4
|
+
style?: React.CSSProperties;
|
|
5
|
+
}
|
|
6
|
+
/**
|
|
7
|
+
* Common event content component Provides consistent content area styling
|
|
8
|
+
* across all event components
|
|
9
|
+
*/
|
|
10
|
+
export declare const EventContent: (props: IEventContentProps) => import("react/jsx-runtime").JSX.Element;
|
|
11
|
+
export default EventContent;
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.EventContent = void 0;
|
|
4
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
5
|
+
/**
|
|
6
|
+
* Common event content component Provides consistent content area styling
|
|
7
|
+
* across all event components
|
|
8
|
+
*/
|
|
9
|
+
const EventContent = (props) => {
|
|
10
|
+
return ((0, jsx_runtime_1.jsx)("div", { style: Object.assign({ fontSize: "0.875rem", lineHeight: "1.5", color: "#475569", backgroundColor: "#ffffff", padding: "1rem", borderRadius: "0.5rem", border: "1px solid #e2e8f0" }, props.style), children: props.children }));
|
|
11
|
+
};
|
|
12
|
+
exports.EventContent = EventContent;
|
|
13
|
+
exports.default = exports.EventContent;
|
|
14
|
+
//# sourceMappingURL=EventContent.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"EventContent.js","sourceRoot":"","sources":["../../../src/events/common/EventContent.tsx"],"names":[],"mappings":";;;;AAOA;;;GAGG;AACI,MAAM,YAAY,GAAG,CAAC,KAAyB,EAAE,EAAE;IACxD,OAAO,CACL,gCACE,KAAK,kBACH,QAAQ,EAAE,UAAU,EACpB,UAAU,EAAE,KAAK,EACjB,KAAK,EAAE,SAAS,EAChB,eAAe,EAAE,SAAS,EAC1B,OAAO,EAAE,MAAM,EACf,YAAY,EAAE,QAAQ,EACtB,MAAM,EAAE,mBAAmB,IACxB,KAAK,CAAC,KAAK,aAGf,KAAK,CAAC,QAAQ,GACX,CACP,CAAC;AACJ,CAAC,CAAC;AAjBW,QAAA,YAAY,gBAiBvB;AAEF,kBAAe,oBAAY,CAAC"}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { ReactNode } from "react";
|
|
2
|
+
import { EventIconType } from "./EventIcon";
|
|
3
|
+
export interface IEventHeaderProps {
|
|
4
|
+
title: string;
|
|
5
|
+
subtitle?: ReactNode;
|
|
6
|
+
timestamp: string;
|
|
7
|
+
iconType: EventIconType;
|
|
8
|
+
step?: number;
|
|
9
|
+
}
|
|
10
|
+
/**
|
|
11
|
+
* Common event header component Provides consistent header layout with icon,
|
|
12
|
+
* title, and timestamp
|
|
13
|
+
*/
|
|
14
|
+
export declare const EventHeader: (props: IEventHeaderProps) => import("react/jsx-runtime").JSX.Element;
|
|
15
|
+
export default EventHeader;
|
|
@@ -0,0 +1,41 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.EventHeader = void 0;
|
|
4
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
5
|
+
const time_1 = require("../../utils/time");
|
|
6
|
+
const EventIcon_1 = require("./EventIcon");
|
|
7
|
+
/**
|
|
8
|
+
* Common event header component Provides consistent header layout with icon,
|
|
9
|
+
* title, and timestamp
|
|
10
|
+
*/
|
|
11
|
+
const EventHeader = (props) => {
|
|
12
|
+
return ((0, jsx_runtime_1.jsxs)("div", { style: {
|
|
13
|
+
display: "flex",
|
|
14
|
+
alignItems: "center",
|
|
15
|
+
justifyContent: "space-between",
|
|
16
|
+
marginBottom: "1rem",
|
|
17
|
+
}, children: [(0, jsx_runtime_1.jsxs)("div", { style: {
|
|
18
|
+
display: "flex",
|
|
19
|
+
alignItems: "center",
|
|
20
|
+
gap: "0.75rem",
|
|
21
|
+
}, children: [(0, jsx_runtime_1.jsx)(EventIcon_1.EventIcon, { type: props.iconType }), (0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)("h3", { style: {
|
|
22
|
+
fontSize: "1.125rem",
|
|
23
|
+
fontWeight: "600",
|
|
24
|
+
color: "#1e293b",
|
|
25
|
+
margin: 0,
|
|
26
|
+
marginBottom: "0.25rem",
|
|
27
|
+
}, children: props.title }), props.subtitle && ((0, jsx_runtime_1.jsx)("div", { style: {
|
|
28
|
+
fontSize: "0.75rem",
|
|
29
|
+
color: "#64748b",
|
|
30
|
+
}, children: props.subtitle })), props.step !== undefined && ((0, jsx_runtime_1.jsxs)("div", { style: {
|
|
31
|
+
fontSize: "0.75rem",
|
|
32
|
+
color: "#64748b",
|
|
33
|
+
}, children: ["Step #", props.step] }))] })] }), (0, jsx_runtime_1.jsx)("div", { style: {
|
|
34
|
+
fontSize: "0.75rem",
|
|
35
|
+
color: "#64748b",
|
|
36
|
+
textAlign: "right",
|
|
37
|
+
}, children: (0, time_1.formatTime)(props.timestamp) })] }));
|
|
38
|
+
};
|
|
39
|
+
exports.EventHeader = EventHeader;
|
|
40
|
+
exports.default = exports.EventHeader;
|
|
41
|
+
//# sourceMappingURL=EventHeader.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"EventHeader.js","sourceRoot":"","sources":["../../../src/events/common/EventHeader.tsx"],"names":[],"mappings":";;;;AAEA,2CAA8C;AAC9C,2CAAuD;AAUvD;;;GAGG;AACI,MAAM,WAAW,GAAG,CAAC,KAAwB,EAAE,EAAE;IACtD,OAAO,CACL,iCACE,KAAK,EAAE;YACL,OAAO,EAAE,MAAM;YACf,UAAU,EAAE,QAAQ;YACpB,cAAc,EAAE,eAAe;YAC/B,YAAY,EAAE,MAAM;SACrB,aAED,iCACE,KAAK,EAAE;oBACL,OAAO,EAAE,MAAM;oBACf,UAAU,EAAE,QAAQ;oBACpB,GAAG,EAAE,SAAS;iBACf,aAED,uBAAC,qBAAS,IAAC,IAAI,EAAE,KAAK,CAAC,QAAQ,GAAI,EAEnC,4CACE,+BACE,KAAK,EAAE;oCACL,QAAQ,EAAE,UAAU;oCACpB,UAAU,EAAE,KAAK;oCACjB,KAAK,EAAE,SAAS;oCAChB,MAAM,EAAE,CAAC;oCACT,YAAY,EAAE,SAAS;iCACxB,YAEA,KAAK,CAAC,KAAK,GACT,EACJ,KAAK,CAAC,QAAQ,IAAI,CACjB,gCACE,KAAK,EAAE;oCACL,QAAQ,EAAE,SAAS;oCACnB,KAAK,EAAE,SAAS;iCACjB,YAEA,KAAK,CAAC,QAAQ,GACX,CACP,EACA,KAAK,CAAC,IAAI,KAAK,SAAS,IAAI,CAC3B,iCACE,KAAK,EAAE;oCACL,QAAQ,EAAE,SAAS;oCACnB,KAAK,EAAE,SAAS;iCACjB,uBAEM,KAAK,CAAC,IAAI,IACb,CACP,IACG,IACF,EAEN,gCACE,KAAK,EAAE;oBACL,QAAQ,EAAE,SAAS;oBACnB,KAAK,EAAE,SAAS;oBAChB,SAAS,EAAE,OAAO;iBACnB,YAEA,IAAA,iBAAU,EAAC,KAAK,CAAC,SAAS,CAAC,GACxB,IACF,CACP,CAAC;AACJ,CAAC,CAAC;AAjEW,QAAA,WAAW,eAiEtB;AAEF,kBAAe,mBAAW,CAAC"}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
export type EventIconType = "success" | "progress" | "warning" | "error" | "info" | "start";
|
|
2
|
+
export interface IEventIconProps {
|
|
3
|
+
type: EventIconType;
|
|
4
|
+
size?: number;
|
|
5
|
+
}
|
|
6
|
+
/**
|
|
7
|
+
* Common event icon component Provides consistent icon styling across all event
|
|
8
|
+
* components
|
|
9
|
+
*/
|
|
10
|
+
export declare const EventIcon: (props: IEventIconProps) => import("react/jsx-runtime").JSX.Element;
|
|
11
|
+
export default EventIcon;
|
|
@@ -0,0 +1,50 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.EventIcon = void 0;
|
|
4
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
5
|
+
const ICON_CONFIGS = {
|
|
6
|
+
success: {
|
|
7
|
+
backgroundColor: "#4caf50",
|
|
8
|
+
icon: ((0, jsx_runtime_1.jsx)("path", { d: "M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z" })),
|
|
9
|
+
},
|
|
10
|
+
progress: {
|
|
11
|
+
backgroundColor: "#4caf50",
|
|
12
|
+
icon: ((0, jsx_runtime_1.jsx)("path", { d: "M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z" })),
|
|
13
|
+
},
|
|
14
|
+
warning: {
|
|
15
|
+
backgroundColor: "#f59e0b",
|
|
16
|
+
icon: (0, jsx_runtime_1.jsx)("path", { d: "M1 21h22L12 2 1 21zm12-3h-2v-2h2v2zm0-4h-2v-4h2v4z" }),
|
|
17
|
+
},
|
|
18
|
+
error: {
|
|
19
|
+
backgroundColor: "#ef4444",
|
|
20
|
+
icon: ((0, jsx_runtime_1.jsx)("path", { d: "M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm3.5 6L12 10.5 8.5 8 7 9.5 10.5 12 7 15.5 8.5 17 12 13.5 15.5 17 17 15.5 13.5 12 17 8.5 15.5 7z" })),
|
|
21
|
+
},
|
|
22
|
+
info: {
|
|
23
|
+
backgroundColor: "#3b82f6",
|
|
24
|
+
icon: ((0, jsx_runtime_1.jsx)("path", { d: "M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z" })),
|
|
25
|
+
},
|
|
26
|
+
start: {
|
|
27
|
+
backgroundColor: "#10b981",
|
|
28
|
+
icon: (0, jsx_runtime_1.jsx)("path", { d: "M8 5v14l11-7z" }),
|
|
29
|
+
},
|
|
30
|
+
};
|
|
31
|
+
/**
|
|
32
|
+
* Common event icon component Provides consistent icon styling across all event
|
|
33
|
+
* components
|
|
34
|
+
*/
|
|
35
|
+
const EventIcon = (props) => {
|
|
36
|
+
const { type, size = 16 } = props;
|
|
37
|
+
const config = ICON_CONFIGS[type];
|
|
38
|
+
return ((0, jsx_runtime_1.jsx)("div", { style: {
|
|
39
|
+
width: "2rem",
|
|
40
|
+
height: "2rem",
|
|
41
|
+
backgroundColor: config.backgroundColor,
|
|
42
|
+
borderRadius: "50%",
|
|
43
|
+
display: "flex",
|
|
44
|
+
alignItems: "center",
|
|
45
|
+
justifyContent: "center",
|
|
46
|
+
}, children: (0, jsx_runtime_1.jsx)("svg", { width: size, height: size, viewBox: "0 0 24 24", fill: "currentColor", style: { color: "#ffffff" }, children: config.icon }) }));
|
|
47
|
+
};
|
|
48
|
+
exports.EventIcon = EventIcon;
|
|
49
|
+
exports.default = exports.EventIcon;
|
|
50
|
+
//# sourceMappingURL=EventIcon.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"EventIcon.js","sourceRoot":"","sources":["../../../src/events/common/EventIcon.tsx"],"names":[],"mappings":";;;;AAaA,MAAM,YAAY,GAAG;IACnB,OAAO,EAAE;QACP,eAAe,EAAE,SAAS;QAC1B,IAAI,EAAE,CACJ,iCAAM,CAAC,EAAC,uHAAuH,GAAG,CACnI;KACF;IACD,QAAQ,EAAE;QACR,eAAe,EAAE,SAAS;QAC1B,IAAI,EAAE,CACJ,iCAAM,CAAC,EAAC,uHAAuH,GAAG,CACnI;KACF;IACD,OAAO,EAAE;QACP,eAAe,EAAE,SAAS;QAC1B,IAAI,EAAE,iCAAM,CAAC,EAAC,oDAAoD,GAAG;KACtE;IACD,KAAK,EAAE;QACL,eAAe,EAAE,SAAS;QAC1B,IAAI,EAAE,CACJ,iCAAM,CAAC,EAAC,mKAAmK,GAAG,CAC/K;KACF;IACD,IAAI,EAAE;QACJ,eAAe,EAAE,SAAS;QAC1B,IAAI,EAAE,CACJ,iCAAM,CAAC,EAAC,8FAA8F,GAAG,CAC1G;KACF;IACD,KAAK,EAAE;QACL,eAAe,EAAE,SAAS;QAC1B,IAAI,EAAE,iCAAM,CAAC,EAAC,eAAe,GAAG;KACjC;CACO,CAAC;AAEX;;;GAGG;AACI,MAAM,SAAS,GAAG,CAAC,KAAsB,EAAE,EAAE;IAClD,MAAM,EAAE,IAAI,EAAE,IAAI,GAAG,EAAE,EAAE,GAAG,KAAK,CAAC;IAClC,MAAM,MAAM,GAAG,YAAY,CAAC,IAAI,CAAC,CAAC;IAElC,OAAO,CACL,gCACE,KAAK,EAAE;YACL,KAAK,EAAE,MAAM;YACb,MAAM,EAAE,MAAM;YACd,eAAe,EAAE,MAAM,CAAC,eAAe;YACvC,YAAY,EAAE,KAAK;YACnB,OAAO,EAAE,MAAM;YACf,UAAU,EAAE,QAAQ;YACpB,cAAc,EAAE,QAAQ;SACzB,YAED,gCACE,KAAK,EAAE,IAAI,EACX,MAAM,EAAE,IAAI,EACZ,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,cAAc,EACnB,KAAK,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE,YAE1B,MAAM,CAAC,IAAI,GACR,GACF,CACP,CAAC;AACJ,CAAC,CAAC;AA3BW,QAAA,SAAS,aA2BpB;AAEF,kBAAe,iBAAS,CAAC"}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
export interface IProgressBarProps {
|
|
2
|
+
current: number;
|
|
3
|
+
total: number;
|
|
4
|
+
color?: string;
|
|
5
|
+
backgroundColor?: string;
|
|
6
|
+
height?: string;
|
|
7
|
+
showLabel?: boolean;
|
|
8
|
+
}
|
|
9
|
+
/**
|
|
10
|
+
* Common progress bar component Provides consistent progress visualization
|
|
11
|
+
* across event components
|
|
12
|
+
*/
|
|
13
|
+
export declare const ProgressBar: (props: IProgressBarProps) => import("react/jsx-runtime").JSX.Element;
|
|
14
|
+
export default ProgressBar;
|
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.ProgressBar = void 0;
|
|
4
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
5
|
+
/**
|
|
6
|
+
* Common progress bar component Provides consistent progress visualization
|
|
7
|
+
* across event components
|
|
8
|
+
*/
|
|
9
|
+
const ProgressBar = (props) => {
|
|
10
|
+
const { current, total, color = "#4caf50", backgroundColor = "#e2e8f0", height = "10px", showLabel = true, } = props;
|
|
11
|
+
const percentage = Math.round((current / total) * 100);
|
|
12
|
+
return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("div", { style: {
|
|
13
|
+
width: "100%",
|
|
14
|
+
height,
|
|
15
|
+
backgroundColor,
|
|
16
|
+
borderRadius: "10px",
|
|
17
|
+
overflow: "hidden",
|
|
18
|
+
marginBottom: showLabel ? "0.5rem" : "0",
|
|
19
|
+
}, children: (0, jsx_runtime_1.jsx)("div", { style: {
|
|
20
|
+
width: `${percentage}%`,
|
|
21
|
+
height: "100%",
|
|
22
|
+
backgroundColor: color,
|
|
23
|
+
borderRadius: "10px",
|
|
24
|
+
transition: "width 0.3s ease",
|
|
25
|
+
} }) }), showLabel && ((0, jsx_runtime_1.jsxs)("div", { style: {
|
|
26
|
+
fontSize: "0.75rem",
|
|
27
|
+
color: "#64748b",
|
|
28
|
+
textAlign: "center",
|
|
29
|
+
}, children: [current, " / ", total, " completed"] }))] }));
|
|
30
|
+
};
|
|
31
|
+
exports.ProgressBar = ProgressBar;
|
|
32
|
+
exports.default = exports.ProgressBar;
|
|
33
|
+
//# sourceMappingURL=ProgressBar.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ProgressBar.js","sourceRoot":"","sources":["../../../src/events/common/ProgressBar.tsx"],"names":[],"mappings":";;;;AASA;;;GAGG;AACI,MAAM,WAAW,GAAG,CAAC,KAAwB,EAAE,EAAE;IACtD,MAAM,EACJ,OAAO,EACP,KAAK,EACL,KAAK,GAAG,SAAS,EACjB,eAAe,GAAG,SAAS,EAC3B,MAAM,GAAG,MAAM,EACf,SAAS,GAAG,IAAI,GACjB,GAAG,KAAK,CAAC;IAEV,MAAM,UAAU,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC,OAAO,GAAG,KAAK,CAAC,GAAG,GAAG,CAAC,CAAC;IAEvD,OAAO,CACL,6DACE,gCACE,KAAK,EAAE;oBACL,KAAK,EAAE,MAAM;oBACb,MAAM;oBACN,eAAe;oBACf,YAAY,EAAE,MAAM;oBACpB,QAAQ,EAAE,QAAQ;oBAClB,YAAY,EAAE,SAAS,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,GAAG;iBACzC,YAED,gCACE,KAAK,EAAE;wBACL,KAAK,EAAE,GAAG,UAAU,GAAG;wBACvB,MAAM,EAAE,MAAM;wBACd,eAAe,EAAE,KAAK;wBACtB,YAAY,EAAE,MAAM;wBACpB,UAAU,EAAE,iBAAiB;qBAC9B,GACD,GACE,EACL,SAAS,IAAI,CACZ,iCACE,KAAK,EAAE;oBACL,QAAQ,EAAE,SAAS;oBACnB,KAAK,EAAE,SAAS;oBAChB,SAAS,EAAE,QAAQ;iBACpB,aAEA,OAAO,SAAK,KAAK,kBACd,CACP,IACA,CACJ,CAAC;AACJ,CAAC,CAAC;AA/CW,QAAA,WAAW,eA+CtB;AAEF,kBAAe,mBAAW,CAAC"}
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
export { EventCard, type IEventCardProps } from "./EventCard";
|
|
2
|
+
export { EventIcon, type EventIconType, type IEventIconProps, } from "./EventIcon";
|
|
3
|
+
export { EventHeader, type IEventHeaderProps } from "./EventHeader";
|
|
4
|
+
export { EventContent, type IEventContentProps } from "./EventContent";
|
|
5
|
+
export { ProgressBar, type IProgressBarProps } from "./ProgressBar";
|
|
6
|
+
export { CollapsibleEventGroup, type ICollapsibleEventGroupProps, } from "./CollapsibleEventGroup";
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.CollapsibleEventGroup = exports.ProgressBar = exports.EventContent = exports.EventHeader = exports.EventIcon = exports.EventCard = void 0;
|
|
4
|
+
var EventCard_1 = require("./EventCard");
|
|
5
|
+
Object.defineProperty(exports, "EventCard", { enumerable: true, get: function () { return EventCard_1.EventCard; } });
|
|
6
|
+
var EventIcon_1 = require("./EventIcon");
|
|
7
|
+
Object.defineProperty(exports, "EventIcon", { enumerable: true, get: function () { return EventIcon_1.EventIcon; } });
|
|
8
|
+
var EventHeader_1 = require("./EventHeader");
|
|
9
|
+
Object.defineProperty(exports, "EventHeader", { enumerable: true, get: function () { return EventHeader_1.EventHeader; } });
|
|
10
|
+
var EventContent_1 = require("./EventContent");
|
|
11
|
+
Object.defineProperty(exports, "EventContent", { enumerable: true, get: function () { return EventContent_1.EventContent; } });
|
|
12
|
+
var ProgressBar_1 = require("./ProgressBar");
|
|
13
|
+
Object.defineProperty(exports, "ProgressBar", { enumerable: true, get: function () { return ProgressBar_1.ProgressBar; } });
|
|
14
|
+
var CollapsibleEventGroup_1 = require("./CollapsibleEventGroup");
|
|
15
|
+
Object.defineProperty(exports, "CollapsibleEventGroup", { enumerable: true, get: function () { return CollapsibleEventGroup_1.CollapsibleEventGroup; } });
|
|
16
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/events/common/index.ts"],"names":[],"mappings":";;;AAAA,yCAA8D;AAArD,sGAAA,SAAS,OAAA;AAClB,yCAIqB;AAHnB,sGAAA,SAAS,OAAA;AAIX,6CAAoE;AAA3D,0GAAA,WAAW,OAAA;AACpB,+CAAuE;AAA9D,4GAAA,YAAY,OAAA;AACrB,6CAAoE;AAA3D,0GAAA,WAAW,OAAA;AACpB,iEAGiC;AAF/B,8HAAA,qBAAqB,OAAA"}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { AutoBeInterfaceComplementEvent, AutoBeInterfaceOperationsReviewEvent, AutoBePrismaInsufficientEvent, AutoBePrismaValidateEvent, AutoBeRealizeAuthorizationValidateEvent, AutoBeRealizeValidateEvent, AutoBeTestValidateEvent } from "@autobe/interface";
|
|
2
|
+
type ValidateEvent = AutoBePrismaInsufficientEvent | AutoBePrismaValidateEvent | AutoBeInterfaceOperationsReviewEvent | AutoBeInterfaceComplementEvent | AutoBeTestValidateEvent | AutoBeRealizeValidateEvent | AutoBeRealizeAuthorizationValidateEvent;
|
|
3
|
+
export interface IValidateEventGroupProps {
|
|
4
|
+
events: ValidateEvent[];
|
|
5
|
+
defaultCollapsed?: boolean;
|
|
6
|
+
}
|
|
7
|
+
/**
|
|
8
|
+
* Specialized group component for validation events Shows validation summary
|
|
9
|
+
* and error statistics
|
|
10
|
+
*/
|
|
11
|
+
export declare const ValidateEventGroup: (props: IValidateEventGroupProps) => import("react/jsx-runtime").JSX.Element | null;
|
|
12
|
+
export default ValidateEventGroup;
|
|
@@ -0,0 +1,78 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.ValidateEventGroup = void 0;
|
|
4
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
5
|
+
const AutoBeValidateEventMovie_1 = require("../AutoBeValidateEventMovie");
|
|
6
|
+
const CollapsibleEventGroup_1 = require("../common/CollapsibleEventGroup");
|
|
7
|
+
/**
|
|
8
|
+
* Specialized group component for validation events Shows validation summary
|
|
9
|
+
* and error statistics
|
|
10
|
+
*/
|
|
11
|
+
const ValidateEventGroup = (props) => {
|
|
12
|
+
const { events, defaultCollapsed = true } = props;
|
|
13
|
+
if (events.length === 0) {
|
|
14
|
+
return null;
|
|
15
|
+
}
|
|
16
|
+
// Calculate validation statistics
|
|
17
|
+
const errorEvents = events.filter((event) => {
|
|
18
|
+
switch (event.type) {
|
|
19
|
+
case "prismaValidate":
|
|
20
|
+
case "realizeValidate":
|
|
21
|
+
case "prismaInsufficient":
|
|
22
|
+
return true;
|
|
23
|
+
case "testValidate":
|
|
24
|
+
case "realizeAuthorizationValidate":
|
|
25
|
+
return event.result.type !== "success";
|
|
26
|
+
case "interfaceOperationsReview":
|
|
27
|
+
case "interfaceComplement":
|
|
28
|
+
return false;
|
|
29
|
+
default:
|
|
30
|
+
return false;
|
|
31
|
+
}
|
|
32
|
+
}).length;
|
|
33
|
+
const successEvents = events.length - errorEvents;
|
|
34
|
+
const eventTypes = Array.from(new Set(events.map((e) => e.type)));
|
|
35
|
+
const renderSummary = (events) => ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: ["Validation and review events from various components", (0, jsx_runtime_1.jsx)("br", {}), (0, jsx_runtime_1.jsx)("br", {}), (0, jsx_runtime_1.jsx)("strong", { children: "Success Rate:" }), " ", events.length > 0
|
|
36
|
+
? Math.round((successEvents / events.length) * 100)
|
|
37
|
+
: 0, "%", (0, jsx_runtime_1.jsx)("br", {}), (0, jsx_runtime_1.jsx)("strong", { children: "Successful:" }), " ", successEvents, " events", (0, jsx_runtime_1.jsx)("br", {}), (0, jsx_runtime_1.jsx)("strong", { children: "Failed/Issues:" }), " ", errorEvents, " events", (0, jsx_runtime_1.jsx)("br", {}), (0, jsx_runtime_1.jsx)("strong", { children: "Event Types:" }), " ", eventTypes.join(", "), (0, jsx_runtime_1.jsx)("br", {}), (0, jsx_runtime_1.jsx)("br", {}), (0, jsx_runtime_1.jsxs)("div", { style: {
|
|
38
|
+
display: "flex",
|
|
39
|
+
gap: "0.5rem",
|
|
40
|
+
alignItems: "center",
|
|
41
|
+
}, children: [(0, jsx_runtime_1.jsxs)("div", { style: {
|
|
42
|
+
display: "flex",
|
|
43
|
+
alignItems: "center",
|
|
44
|
+
gap: "0.25rem",
|
|
45
|
+
}, children: [(0, jsx_runtime_1.jsx)("div", { style: {
|
|
46
|
+
width: "12px",
|
|
47
|
+
height: "12px",
|
|
48
|
+
backgroundColor: "#4caf50",
|
|
49
|
+
borderRadius: "2px",
|
|
50
|
+
} }), (0, jsx_runtime_1.jsxs)("span", { style: { fontSize: "0.75rem" }, children: ["Success: ", successEvents] })] }), (0, jsx_runtime_1.jsxs)("div", { style: {
|
|
51
|
+
display: "flex",
|
|
52
|
+
alignItems: "center",
|
|
53
|
+
gap: "0.25rem",
|
|
54
|
+
}, children: [(0, jsx_runtime_1.jsx)("div", { style: {
|
|
55
|
+
width: "12px",
|
|
56
|
+
height: "12px",
|
|
57
|
+
backgroundColor: "#ef4444",
|
|
58
|
+
borderRadius: "2px",
|
|
59
|
+
} }), (0, jsx_runtime_1.jsxs)("span", { style: { fontSize: "0.75rem" }, children: ["Issues: ", errorEvents] })] })] })] }));
|
|
60
|
+
const getGroupIconType = () => {
|
|
61
|
+
if (errorEvents === 0)
|
|
62
|
+
return "success"; // All successful
|
|
63
|
+
if (successEvents === 0)
|
|
64
|
+
return "error"; // All failed
|
|
65
|
+
return "warning"; // Mixed results
|
|
66
|
+
};
|
|
67
|
+
const getGroupVariant = () => {
|
|
68
|
+
if (errorEvents === 0)
|
|
69
|
+
return "success"; // All successful
|
|
70
|
+
if (successEvents === 0)
|
|
71
|
+
return "error"; // All failed
|
|
72
|
+
return "warning"; // Mixed results
|
|
73
|
+
};
|
|
74
|
+
return ((0, jsx_runtime_1.jsx)(CollapsibleEventGroup_1.CollapsibleEventGroup, { events: events, title: "Validation Events", iconType: getGroupIconType(), variant: getGroupVariant(), getTimestamp: (event) => event.created_at, renderEvent: (event) => (0, jsx_runtime_1.jsx)(AutoBeValidateEventMovie_1.AutoBeValidateEventMovie, { event: event }), renderSummary: renderSummary, defaultCollapsed: defaultCollapsed, description: "Validation and review events" }));
|
|
75
|
+
};
|
|
76
|
+
exports.ValidateEventGroup = ValidateEventGroup;
|
|
77
|
+
exports.default = exports.ValidateEventGroup;
|
|
78
|
+
//# sourceMappingURL=ValidateEventGroup.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ValidateEventGroup.js","sourceRoot":"","sources":["../../../src/events/groups/ValidateEventGroup.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { ValidateEventGroup, type IValidateEventGroupProps, } from "./ValidateEventGroup";
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.ValidateEventGroup = void 0;
|
|
4
|
+
var ValidateEventGroup_1 = require("./ValidateEventGroup");
|
|
5
|
+
Object.defineProperty(exports, "ValidateEventGroup", { enumerable: true, get: function () { return ValidateEventGroup_1.ValidateEventGroup; } });
|
|
6
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/events/groups/index.ts"],"names":[],"mappings":";;;AAAA,2DAG8B;AAF5B,wHAAA,kBAAkB,OAAA"}
|
package/lib/events/index.d.ts
CHANGED
|
@@ -1,3 +1,9 @@
|
|
|
1
1
|
export { default as AutoBeStartEventMovie } from "./AutoBeStartEventMovie";
|
|
2
2
|
export { default as AutoBeScenarioEventMovie } from "./AutoBeScenarioEventMovie";
|
|
3
3
|
export { default as AutoBeProgressEventMovie } from "./AutoBeProgressEventMovie";
|
|
4
|
+
export { default as AutoBeCompleteEventMovie } from "./AutoBeCompleteEventMovie";
|
|
5
|
+
export { default as AutoBeValidateEventMovie } from "./AutoBeValidateEventMovie";
|
|
6
|
+
export { default as AutoBeEventMovie } from "./AutoBeEventMovie";
|
|
7
|
+
export * from "./common";
|
|
8
|
+
export * from "./groups";
|
|
9
|
+
export * from "./utils";
|