@camunda/design-system 0.35.0 → 0.37.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/src/components/ui/app-header.d.ts +6 -2
- package/dist/src/components/ui/app-header.d.ts.map +1 -1
- package/dist/src/components/ui/app-header.js +1 -1
- package/dist/src/components/ui/app-header.js.map +1 -1
- package/dist/src/components/ui/app-sidebar.d.ts +44 -12
- package/dist/src/components/ui/app-sidebar.d.ts.map +1 -1
- package/dist/src/components/ui/app-sidebar.js +42 -15
- package/dist/src/components/ui/app-sidebar.js.map +1 -1
- package/dist/src/components/ui/avatar.d.ts +7 -0
- package/dist/src/components/ui/avatar.d.ts.map +1 -1
- package/dist/src/components/ui/avatar.js +1 -1
- package/dist/src/components/ui/avatar.js.map +1 -1
- package/dist/src/components/ui/bar-chart.d.ts.map +1 -1
- package/dist/src/components/ui/bar-chart.js +45 -7
- package/dist/src/components/ui/bar-chart.js.map +1 -1
- package/dist/src/components/ui/chart.d.ts +9 -2
- package/dist/src/components/ui/chart.d.ts.map +1 -1
- package/dist/src/components/ui/chart.js +13 -4
- package/dist/src/components/ui/chart.js.map +1 -1
- package/dist/src/components/ui/data-table.d.ts +6 -0
- package/dist/src/components/ui/data-table.d.ts.map +1 -1
- package/dist/src/components/ui/data-table.js +6 -5
- package/dist/src/components/ui/data-table.js.map +1 -1
- package/dist/src/components/ui/definition-tooltip.d.ts.map +1 -1
- package/dist/src/components/ui/definition-tooltip.js +37 -9
- package/dist/src/components/ui/definition-tooltip.js.map +1 -1
- package/dist/src/components/ui/line-chart.d.ts.map +1 -1
- package/dist/src/components/ui/line-chart.js +12 -2
- package/dist/src/components/ui/line-chart.js.map +1 -1
- package/dist/src/components/ui/meter.d.ts.map +1 -1
- package/dist/src/components/ui/meter.js +1 -10
- package/dist/src/components/ui/meter.js.map +1 -1
- package/dist/src/components/ui/nav-breadcrumb.d.ts +120 -2
- package/dist/src/components/ui/nav-breadcrumb.d.ts.map +1 -1
- package/dist/src/components/ui/nav-breadcrumb.js +54 -7
- package/dist/src/components/ui/nav-breadcrumb.js.map +1 -1
- package/dist/src/components/ui/nav-data.d.ts +46 -0
- package/dist/src/components/ui/nav-data.d.ts.map +1 -0
- package/dist/src/components/ui/nav-data.js +66 -0
- package/dist/src/components/ui/nav-data.js.map +1 -0
- package/dist/src/components/ui/nav-icon.assignability.d.ts +30 -0
- package/dist/src/components/ui/nav-icon.assignability.d.ts.map +1 -0
- package/dist/src/components/ui/nav-icon.assignability.js +28 -0
- package/dist/src/components/ui/nav-icon.assignability.js.map +1 -0
- package/dist/src/components/ui/nav-icon.d.ts +33 -0
- package/dist/src/components/ui/nav-icon.d.ts.map +1 -0
- package/dist/src/components/ui/nav-icon.js +20 -0
- package/dist/src/components/ui/nav-icon.js.map +1 -0
- package/dist/src/components/ui/notifications.d.ts +72 -0
- package/dist/src/components/ui/notifications.d.ts.map +1 -0
- package/dist/src/components/ui/notifications.js +53 -0
- package/dist/src/components/ui/notifications.js.map +1 -0
- package/dist/src/components/ui/scorecard.d.ts +1 -1
- package/dist/src/components/ui/scorecard.d.ts.map +1 -1
- package/dist/src/components/ui/scorecard.js +13 -8
- package/dist/src/components/ui/scorecard.js.map +1 -1
- package/dist/src/components/ui/sheet.d.ts +1 -1
- package/dist/src/components/ui/sparkline.d.ts.map +1 -1
- package/dist/src/components/ui/sparkline.js +11 -1
- package/dist/src/components/ui/sparkline.js.map +1 -1
- package/dist/src/examples/agent-control-plane-processes/DashboardPage.d.ts +3 -0
- package/dist/src/examples/agent-control-plane-processes/DashboardPage.d.ts.map +1 -0
- package/dist/src/examples/agent-control-plane-processes/DashboardPage.js +114 -0
- package/dist/src/examples/agent-control-plane-processes/DashboardPage.js.map +1 -0
- package/dist/src/examples/agent-control-plane-processes/derive.d.ts +65 -0
- package/dist/src/examples/agent-control-plane-processes/derive.d.ts.map +1 -0
- package/dist/src/examples/agent-control-plane-processes/derive.js +234 -0
- package/dist/src/examples/agent-control-plane-processes/derive.js.map +1 -0
- package/dist/src/examples/agent-control-plane-processes/mock-data.d.ts +37 -0
- package/dist/src/examples/agent-control-plane-processes/mock-data.d.ts.map +1 -0
- package/dist/src/examples/agent-control-plane-processes/mock-data.js +206 -0
- package/dist/src/examples/agent-control-plane-processes/mock-data.js.map +1 -0
- package/dist/src/examples/agent-control-plane-processes/summary-mock-data.d.ts +37 -0
- package/dist/src/examples/agent-control-plane-processes/summary-mock-data.d.ts.map +1 -0
- package/dist/src/examples/agent-control-plane-processes/summary-mock-data.js +53 -0
- package/dist/src/examples/agent-control-plane-processes/summary-mock-data.js.map +1 -0
- package/dist/src/examples/shared/DashboardSection.d.ts +9 -0
- package/dist/src/examples/shared/DashboardSection.d.ts.map +1 -0
- package/dist/src/examples/shared/DashboardSection.js +5 -0
- package/dist/src/examples/shared/DashboardSection.js.map +1 -0
- package/dist/src/examples/shared/DateRangePopover.d.ts +3 -0
- package/dist/src/examples/shared/DateRangePopover.d.ts.map +1 -0
- package/dist/src/examples/shared/DateRangePopover.js +35 -0
- package/dist/src/examples/shared/DateRangePopover.js.map +1 -0
- package/dist/src/examples/shared/agent-control-plane-nav.d.ts +4 -0
- package/dist/src/examples/shared/agent-control-plane-nav.d.ts.map +1 -0
- package/dist/src/examples/shared/agent-control-plane-nav.js +25 -0
- package/dist/src/examples/shared/agent-control-plane-nav.js.map +1 -0
- package/dist/src/examples/shared/date-range-utils.d.ts +10 -0
- package/dist/src/examples/shared/date-range-utils.d.ts.map +1 -0
- package/dist/src/examples/shared/date-range-utils.js +75 -0
- package/dist/src/examples/shared/date-range-utils.js.map +1 -0
- package/dist/src/icons/camunda-app-icons.d.ts +19 -0
- package/dist/src/icons/camunda-app-icons.d.ts.map +1 -0
- package/dist/src/icons/camunda-app-icons.js +26 -0
- package/dist/src/icons/camunda-app-icons.js.map +1 -0
- package/dist/src/icons/index.d.ts +1 -0
- package/dist/src/icons/index.d.ts.map +1 -1
- package/dist/src/icons/index.js +1 -0
- package/dist/src/icons/index.js.map +1 -1
- package/dist/src/index.d.ts +6 -3
- package/dist/src/index.d.ts.map +1 -1
- package/dist/src/index.js +4 -2
- package/dist/src/index.js.map +1 -1
- package/dist/styles.css +77 -25
- package/package.json +1 -1
- package/dist/src/examples/cost-dashboard/CostBreakdownChart.d.ts +0 -2
- package/dist/src/examples/cost-dashboard/CostBreakdownChart.d.ts.map +0 -1
- package/dist/src/examples/cost-dashboard/CostBreakdownChart.js +0 -21
- package/dist/src/examples/cost-dashboard/CostBreakdownChart.js.map +0 -1
- package/dist/src/examples/cost-dashboard/CostDashboardPage.d.ts +0 -2
- package/dist/src/examples/cost-dashboard/CostDashboardPage.d.ts.map +0 -1
- package/dist/src/examples/cost-dashboard/CostDashboardPage.js +0 -56
- package/dist/src/examples/cost-dashboard/CostDashboardPage.js.map +0 -1
- package/dist/src/examples/cost-dashboard/TrendChart.d.ts +0 -2
- package/dist/src/examples/cost-dashboard/TrendChart.d.ts.map +0 -1
- package/dist/src/examples/cost-dashboard/TrendChart.js +0 -19
- package/dist/src/examples/cost-dashboard/TrendChart.js.map +0 -1
- package/dist/src/examples/cost-dashboard/mock-data.d.ts +0 -34
- package/dist/src/examples/cost-dashboard/mock-data.d.ts.map +0 -1
- package/dist/src/examples/cost-dashboard/mock-data.js +0 -120
- package/dist/src/examples/cost-dashboard/mock-data.js.map +0 -1
- package/dist/src/examples/projects-list/ProjectsListPage.d.ts +0 -4
- package/dist/src/examples/projects-list/ProjectsListPage.d.ts.map +0 -1
- package/dist/src/examples/projects-list/ProjectsListPage.js +0 -58
- package/dist/src/examples/projects-list/ProjectsListPage.js.map +0 -1
- package/dist/src/examples/projects-list/mock-data.d.ts +0 -10
- package/dist/src/examples/projects-list/mock-data.d.ts.map +0 -1
- package/dist/src/examples/projects-list/mock-data.js +0 -83
- package/dist/src/examples/projects-list/mock-data.js.map +0 -1
|
@@ -1,120 +0,0 @@
|
|
|
1
|
-
export const definition = {
|
|
2
|
-
name: "OrderFulfillment",
|
|
3
|
-
bpmnProcessId: "order-fulfillment",
|
|
4
|
-
version: 3,
|
|
5
|
-
versions: [3, 2, 1],
|
|
6
|
-
};
|
|
7
|
-
export const agents = [
|
|
8
|
-
{
|
|
9
|
-
elementId: "ValidateOrder",
|
|
10
|
-
label: "Validate order",
|
|
11
|
-
runs: 156,
|
|
12
|
-
inTokensMean: 1200,
|
|
13
|
-
outTokensMean: 420,
|
|
14
|
-
inCostUsd: 28.1,
|
|
15
|
-
outCostUsd: 19.7,
|
|
16
|
-
valueCreatedUsd: 210,
|
|
17
|
-
},
|
|
18
|
-
{
|
|
19
|
-
elementId: "AssessRisk",
|
|
20
|
-
label: "Assess risk",
|
|
21
|
-
runs: 156,
|
|
22
|
-
inTokensMean: 1850,
|
|
23
|
-
outTokensMean: 610,
|
|
24
|
-
inCostUsd: 43.3,
|
|
25
|
-
outCostUsd: 28.6,
|
|
26
|
-
valueCreatedUsd: 320,
|
|
27
|
-
},
|
|
28
|
-
{
|
|
29
|
-
elementId: "ResolveAddress",
|
|
30
|
-
label: "Resolve address",
|
|
31
|
-
runs: 142,
|
|
32
|
-
inTokensMean: 640,
|
|
33
|
-
outTokensMean: 180,
|
|
34
|
-
inCostUsd: 13.6,
|
|
35
|
-
outCostUsd: 7.7,
|
|
36
|
-
valueCreatedUsd: 95,
|
|
37
|
-
},
|
|
38
|
-
{
|
|
39
|
-
elementId: "DraftReply",
|
|
40
|
-
label: "Draft customer reply",
|
|
41
|
-
runs: 138,
|
|
42
|
-
inTokensMean: 2100,
|
|
43
|
-
outTokensMean: 880,
|
|
44
|
-
inCostUsd: 47.5,
|
|
45
|
-
outCostUsd: 39.9,
|
|
46
|
-
valueCreatedUsd: 410,
|
|
47
|
-
},
|
|
48
|
-
];
|
|
49
|
-
const sum = (ns) => ns.reduce((a, b) => a + b, 0);
|
|
50
|
-
export const totalLlmSpend = +sum(agents.map((a) => a.inCostUsd + a.outCostUsd)).toFixed(2);
|
|
51
|
-
export const totalTokens = sum(agents.map((a) => (a.inTokensMean + a.outTokensMean) * a.runs));
|
|
52
|
-
export const totalRuns = sum(agents.map((a) => a.runs));
|
|
53
|
-
export const trend = Array.from({ length: 12 }, (_, i) => {
|
|
54
|
-
const wobble = (base, k) => Math.round(base * (1 + 0.12 * Math.sin((i + k) * 1.1)));
|
|
55
|
-
const p = { idx: i + 1 };
|
|
56
|
-
agents.forEach((a, k) => {
|
|
57
|
-
p[`${a.elementId}_in`] = wobble(a.inTokensMean, k);
|
|
58
|
-
p[`${a.elementId}_out`] = wobble(a.outTokensMean, k + 3);
|
|
59
|
-
});
|
|
60
|
-
return p;
|
|
61
|
-
});
|
|
62
|
-
export const instances = [
|
|
63
|
-
{
|
|
64
|
-
key: "2251799813700012",
|
|
65
|
-
version: 3,
|
|
66
|
-
state: "COMPLETED",
|
|
67
|
-
costUsd: 1.42,
|
|
68
|
-
started: "Jun 14, 2026 · 09:12",
|
|
69
|
-
},
|
|
70
|
-
{
|
|
71
|
-
key: "2251799813700018",
|
|
72
|
-
version: 3,
|
|
73
|
-
state: "COMPLETED",
|
|
74
|
-
costUsd: 1.05,
|
|
75
|
-
started: "Jun 14, 2026 · 09:31",
|
|
76
|
-
},
|
|
77
|
-
{
|
|
78
|
-
key: "2251799813700024",
|
|
79
|
-
version: 3,
|
|
80
|
-
state: "ACTIVE",
|
|
81
|
-
costUsd: 0.62,
|
|
82
|
-
started: "Jun 14, 2026 · 09:48",
|
|
83
|
-
},
|
|
84
|
-
{
|
|
85
|
-
key: "2251799813700031",
|
|
86
|
-
version: 2,
|
|
87
|
-
state: "COMPLETED",
|
|
88
|
-
costUsd: 1.88,
|
|
89
|
-
started: "Jun 14, 2026 · 10:02",
|
|
90
|
-
},
|
|
91
|
-
{
|
|
92
|
-
key: "2251799813700037",
|
|
93
|
-
version: 3,
|
|
94
|
-
state: "COMPLETED",
|
|
95
|
-
costUsd: 0.97,
|
|
96
|
-
started: "Jun 14, 2026 · 10:25",
|
|
97
|
-
},
|
|
98
|
-
{
|
|
99
|
-
key: "2251799813700044",
|
|
100
|
-
version: 3,
|
|
101
|
-
state: "ACTIVE",
|
|
102
|
-
costUsd: 0.41,
|
|
103
|
-
started: "Jun 14, 2026 · 10:51",
|
|
104
|
-
},
|
|
105
|
-
{
|
|
106
|
-
key: "2251799813700050",
|
|
107
|
-
version: 2,
|
|
108
|
-
state: "COMPLETED",
|
|
109
|
-
costUsd: 1.33,
|
|
110
|
-
started: "Jun 14, 2026 · 11:09",
|
|
111
|
-
},
|
|
112
|
-
{
|
|
113
|
-
key: "2251799813700057",
|
|
114
|
-
version: 3,
|
|
115
|
-
state: "COMPLETED",
|
|
116
|
-
costUsd: 1.16,
|
|
117
|
-
started: "Jun 14, 2026 · 11:42",
|
|
118
|
-
},
|
|
119
|
-
];
|
|
120
|
-
//# sourceMappingURL=mock-data.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"mock-data.js","sourceRoot":"","sources":["../../../../src/examples/cost-dashboard/mock-data.ts"],"names":[],"mappings":"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"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"ProjectsListPage.d.ts","sourceRoot":"","sources":["../../../../src/examples/projects-list/ProjectsListPage.tsx"],"names":[],"mappings":"AAsEA,wBAAgB,gBAAgB,CAAC,EAAE,KAAa,EAAE,EAAE;IAAE,KAAK,CAAC,EAAE,OAAO,CAAA;CAAE,+BAsFtE"}
|
|
@@ -1,58 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import { useState } from "react";
|
|
3
|
-
import { Copy, FolderInput, FolderKanban, Pencil, Plus, Rocket, Search, Trash2, } from "lucide-react";
|
|
4
|
-
import { Button, Card, CardContent, DataTable, EmptyState, Input, PageLayout, PageHeader, } from "../../index.js";
|
|
5
|
-
import { AppShell } from "../shared/AppShell.js";
|
|
6
|
-
import { consoleNav, consoleBreadcrumb } from "../shared/console-nav.js";
|
|
7
|
-
import { projects } from "./mock-data.js";
|
|
8
|
-
const columns = [
|
|
9
|
-
{
|
|
10
|
-
accessorKey: "name",
|
|
11
|
-
header: "Name",
|
|
12
|
-
cell: ({ row }) => (_jsxs("span", { className: "flex items-center gap-2", children: [_jsx(FolderKanban, { className: "size-4 text-neutral-foreground-subtle" }), row.original.name] })),
|
|
13
|
-
},
|
|
14
|
-
{ accessorKey: "fileCount", header: "Files" },
|
|
15
|
-
{ accessorKey: "lastModified", header: "Last modified" },
|
|
16
|
-
{ accessorKey: "createdBy", header: "Created by" },
|
|
17
|
-
];
|
|
18
|
-
// TODO: Replace with API calls to the relevant /v2/workspaces/{workspaceId}/projects endpoints
|
|
19
|
-
const batchActions = [
|
|
20
|
-
{ id: "move", label: "Move", icon: _jsx(FolderInput, {}), onClick: () => { } },
|
|
21
|
-
{ id: "duplicate", label: "Duplicate", icon: _jsx(Copy, {}), onClick: () => { } },
|
|
22
|
-
{
|
|
23
|
-
id: "delete",
|
|
24
|
-
label: "Delete",
|
|
25
|
-
variant: "destructive",
|
|
26
|
-
icon: _jsx(Trash2, {}),
|
|
27
|
-
onClick: () => { },
|
|
28
|
-
},
|
|
29
|
-
];
|
|
30
|
-
const rowActions = [
|
|
31
|
-
{ id: "rename", label: "Rename", icon: _jsx(Pencil, {}), onClick: () => { } },
|
|
32
|
-
{ id: "move", label: "Move", icon: _jsx(FolderInput, {}), onClick: () => { } },
|
|
33
|
-
{ id: "duplicate", label: "Duplicate", icon: _jsx(Copy, {}), onClick: () => { } },
|
|
34
|
-
{
|
|
35
|
-
id: "delete",
|
|
36
|
-
label: "Delete",
|
|
37
|
-
variant: "destructive",
|
|
38
|
-
separatorBefore: true,
|
|
39
|
-
icon: _jsx(Trash2, {}),
|
|
40
|
-
onClick: () => { },
|
|
41
|
-
},
|
|
42
|
-
];
|
|
43
|
-
export function ProjectsListPage({ empty = false }) {
|
|
44
|
-
const [query, setQuery] = useState("");
|
|
45
|
-
const data = empty
|
|
46
|
-
? []
|
|
47
|
-
: projects.filter((project) => project.name.toLowerCase().includes(query.toLowerCase()));
|
|
48
|
-
const emptyState = (_jsx(Card, { className: "mx-auto max-w-md border-dashed", children: _jsx(CardContent, { className: "py-10", children: _jsx(EmptyState, { icon: _jsx(Rocket, { "aria-hidden": "true" }), heading: "No projects yet", description: "Projects organize your BPMN diagrams, DMN decisions, and forms. Create your first one to get started.", action:
|
|
49
|
-
// TODO: Replace with API call to POST /v2/workspaces/{workspaceId}/projects
|
|
50
|
-
_jsxs(Button, { type: "button", onClick: () => { }, children: [_jsx(Plus, { "aria-hidden": "true", "data-icon": "inline-start" }), "New project"] }) }) }) }));
|
|
51
|
-
return (_jsx(AppShell, { sidebarLabel: "Workspace navigation", items: consoleNav, breadcrumb: consoleBreadcrumb, children: _jsxs(PageLayout, { tabIndex: -1, width: "constrained", children: [_jsx(PageHeader, { title: "Projects", description: !empty ? `${projects.length} projects` : undefined }), _jsx("div", { className: "mt-6", children: empty ? (
|
|
52
|
-
// Render the empty state directly in the page — not inside the
|
|
53
|
-
// DataTable's empty cell, which would constrain it.
|
|
54
|
-
_jsx("div", { className: "mt-12", children: emptyState })) : (_jsxs("div", { className: "flex flex-col gap-4", children: [_jsxs("div", { className: "flex flex-wrap items-center justify-between gap-3", children: [_jsxs("div", { className: "relative w-full min-w-48 max-w-sm", children: [_jsx(Search, { "aria-hidden": "true", className: "pointer-events-none absolute left-3 top-1/2 size-4 -translate-y-1/2 text-neutral-foreground-subtle" }), _jsx(Input, { type: "search", role: "searchbox", placeholder: "Search projects", "aria-label": "Search projects", className: "pl-9", value: query, onChange: (event) => setQuery(event.target.value) })] }), _jsxs(Button, { type: "button", className: "shrink-0", onClick: () => { }, children: [_jsx(Plus, {}), "New project"] })] }), _jsx(DataTable, { columns: columns, data: data, sorting: true, pagination: { pageSizes: [10, 25] }, rowActions: rowActions, batchActions: batchActions, getRowId: (row) => row.id,
|
|
55
|
-
// TODO: navigate to project detail
|
|
56
|
-
onRowClick: () => { } })] })) })] }) }));
|
|
57
|
-
}
|
|
58
|
-
//# sourceMappingURL=ProjectsListPage.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"ProjectsListPage.js","sourceRoot":"","sources":["../../../../src/examples/projects-list/ProjectsListPage.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"mock-data.d.ts","sourceRoot":"","sources":["../../../../src/examples/projects-list/mock-data.ts"],"names":[],"mappings":"AAEA,MAAM,WAAW,OAAO;IACtB,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,SAAS,EAAE,MAAM,CAAC;IAClB,YAAY,EAAE,MAAM,CAAC;IACrB,eAAe,EAAE,MAAM,CAAC;IACxB,SAAS,EAAE,MAAM,CAAC;CACnB;AACD,eAAO,MAAM,QAAQ,EAAE,OAAO,EAiF7B,CAAC"}
|
|
@@ -1,83 +0,0 @@
|
|
|
1
|
-
export const projects = [
|
|
2
|
-
{
|
|
3
|
-
id: "project-9",
|
|
4
|
-
name: "Payment Processing",
|
|
5
|
-
fileCount: 14,
|
|
6
|
-
lastModified: "2 days ago",
|
|
7
|
-
lastModifiedIso: "2026-06-14",
|
|
8
|
-
createdBy: "Anita Schmidt",
|
|
9
|
-
},
|
|
10
|
-
{
|
|
11
|
-
id: "project-3",
|
|
12
|
-
name: "Invoice Management",
|
|
13
|
-
fileCount: 8,
|
|
14
|
-
lastModified: "5 days ago",
|
|
15
|
-
lastModifiedIso: "2026-06-11",
|
|
16
|
-
createdBy: "Jonas Weber",
|
|
17
|
-
},
|
|
18
|
-
{
|
|
19
|
-
id: "project-7",
|
|
20
|
-
name: "Refund System",
|
|
21
|
-
fileCount: 6,
|
|
22
|
-
lastModified: "1 week ago",
|
|
23
|
-
lastModifiedIso: "2026-06-09",
|
|
24
|
-
createdBy: "Anita Schmidt",
|
|
25
|
-
},
|
|
26
|
-
{
|
|
27
|
-
id: "project-12",
|
|
28
|
-
name: "Customer Onboarding",
|
|
29
|
-
fileCount: 21,
|
|
30
|
-
lastModified: "1 week ago",
|
|
31
|
-
lastModifiedIso: "2026-06-08",
|
|
32
|
-
createdBy: "Priya Nair",
|
|
33
|
-
},
|
|
34
|
-
{
|
|
35
|
-
id: "project-5",
|
|
36
|
-
name: "Loan Approval",
|
|
37
|
-
fileCount: 11,
|
|
38
|
-
lastModified: "2 weeks ago",
|
|
39
|
-
lastModifiedIso: "2026-06-02",
|
|
40
|
-
createdBy: "Marco Rossi",
|
|
41
|
-
},
|
|
42
|
-
{
|
|
43
|
-
id: "project-15",
|
|
44
|
-
name: "Fraud Detection",
|
|
45
|
-
fileCount: 9,
|
|
46
|
-
lastModified: "3 weeks ago",
|
|
47
|
-
lastModifiedIso: "2026-05-26",
|
|
48
|
-
createdBy: "Priya Nair",
|
|
49
|
-
},
|
|
50
|
-
{
|
|
51
|
-
id: "project-2",
|
|
52
|
-
name: "Claims Intake",
|
|
53
|
-
fileCount: 7,
|
|
54
|
-
lastModified: "3 weeks ago",
|
|
55
|
-
lastModifiedIso: "2026-05-25",
|
|
56
|
-
createdBy: "Jonas Weber",
|
|
57
|
-
},
|
|
58
|
-
{
|
|
59
|
-
id: "project-18",
|
|
60
|
-
name: "KYC Verification",
|
|
61
|
-
fileCount: 13,
|
|
62
|
-
lastModified: "last month",
|
|
63
|
-
lastModifiedIso: "2026-05-12",
|
|
64
|
-
createdBy: "Anita Schmidt",
|
|
65
|
-
},
|
|
66
|
-
{
|
|
67
|
-
id: "project-21",
|
|
68
|
-
name: "Dunning Workflow",
|
|
69
|
-
fileCount: 5,
|
|
70
|
-
lastModified: "last month",
|
|
71
|
-
lastModifiedIso: "2026-05-08",
|
|
72
|
-
createdBy: "Marco Rossi",
|
|
73
|
-
},
|
|
74
|
-
{
|
|
75
|
-
id: "project-24",
|
|
76
|
-
name: "Payout Reconciliation",
|
|
77
|
-
fileCount: 10,
|
|
78
|
-
lastModified: "2 months ago",
|
|
79
|
-
lastModifiedIso: "2026-04-19",
|
|
80
|
-
createdBy: "Priya Nair",
|
|
81
|
-
},
|
|
82
|
-
];
|
|
83
|
-
//# sourceMappingURL=mock-data.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"mock-data.js","sourceRoot":"","sources":["../../../../src/examples/projects-list/mock-data.ts"],"names":[],"mappings":"AAUA,MAAM,CAAC,MAAM,QAAQ,GAAc;IACjC;QACE,EAAE,EAAE,WAAW;QACf,IAAI,EAAE,oBAAoB;QAC1B,SAAS,EAAE,EAAE;QACb,YAAY,EAAE,YAAY;QAC1B,eAAe,EAAE,YAAY;QAC7B,SAAS,EAAE,eAAe;KAC3B;IACD;QACE,EAAE,EAAE,WAAW;QACf,IAAI,EAAE,oBAAoB;QAC1B,SAAS,EAAE,CAAC;QACZ,YAAY,EAAE,YAAY;QAC1B,eAAe,EAAE,YAAY;QAC7B,SAAS,EAAE,aAAa;KACzB;IACD;QACE,EAAE,EAAE,WAAW;QACf,IAAI,EAAE,eAAe;QACrB,SAAS,EAAE,CAAC;QACZ,YAAY,EAAE,YAAY;QAC1B,eAAe,EAAE,YAAY;QAC7B,SAAS,EAAE,eAAe;KAC3B;IACD;QACE,EAAE,EAAE,YAAY;QAChB,IAAI,EAAE,qBAAqB;QAC3B,SAAS,EAAE,EAAE;QACb,YAAY,EAAE,YAAY;QAC1B,eAAe,EAAE,YAAY;QAC7B,SAAS,EAAE,YAAY;KACxB;IACD;QACE,EAAE,EAAE,WAAW;QACf,IAAI,EAAE,eAAe;QACrB,SAAS,EAAE,EAAE;QACb,YAAY,EAAE,aAAa;QAC3B,eAAe,EAAE,YAAY;QAC7B,SAAS,EAAE,aAAa;KACzB;IACD;QACE,EAAE,EAAE,YAAY;QAChB,IAAI,EAAE,iBAAiB;QACvB,SAAS,EAAE,CAAC;QACZ,YAAY,EAAE,aAAa;QAC3B,eAAe,EAAE,YAAY;QAC7B,SAAS,EAAE,YAAY;KACxB;IACD;QACE,EAAE,EAAE,WAAW;QACf,IAAI,EAAE,eAAe;QACrB,SAAS,EAAE,CAAC;QACZ,YAAY,EAAE,aAAa;QAC3B,eAAe,EAAE,YAAY;QAC7B,SAAS,EAAE,aAAa;KACzB;IACD;QACE,EAAE,EAAE,YAAY;QAChB,IAAI,EAAE,kBAAkB;QACxB,SAAS,EAAE,EAAE;QACb,YAAY,EAAE,YAAY;QAC1B,eAAe,EAAE,YAAY;QAC7B,SAAS,EAAE,eAAe;KAC3B;IACD;QACE,EAAE,EAAE,YAAY;QAChB,IAAI,EAAE,kBAAkB;QACxB,SAAS,EAAE,CAAC;QACZ,YAAY,EAAE,YAAY;QAC1B,eAAe,EAAE,YAAY;QAC7B,SAAS,EAAE,aAAa;KACzB;IACD;QACE,EAAE,EAAE,YAAY;QAChB,IAAI,EAAE,uBAAuB;QAC7B,SAAS,EAAE,EAAE;QACb,YAAY,EAAE,cAAc;QAC5B,eAAe,EAAE,YAAY;QAC7B,SAAS,EAAE,YAAY;KACxB;CACF,CAAC"}
|