@uipath/apollo-wind 0.8.0 → 0.9.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.
Files changed (40) hide show
  1. package/dist/archived-ui-path.svg +3 -0
  2. package/dist/components/ui/index.cjs +10 -10
  3. package/dist/components/ui/input.cjs +1 -1
  4. package/dist/components/ui/input.js +1 -1
  5. package/dist/components/ui/select.cjs +1 -1
  6. package/dist/components/ui/select.js +1 -1
  7. package/dist/components/ui/textarea.cjs +1 -1
  8. package/dist/components/ui/textarea.js +1 -1
  9. package/dist/examples/admin-layout-example.cjs +490 -0
  10. package/dist/examples/admin-layout-example.js +411 -0
  11. package/dist/examples/app-shell-example.cjs +452 -0
  12. package/dist/examples/app-shell-example.js +418 -0
  13. package/dist/examples/dashboard-example.cjs +590 -0
  14. package/dist/examples/dashboard-example.js +556 -0
  15. package/dist/examples/data-management-example.cjs +584 -0
  16. package/dist/examples/data-management-example.js +550 -0
  17. package/dist/examples/flow-editor-layout-example.cjs +309 -0
  18. package/dist/examples/flow-editor-layout-example.js +269 -0
  19. package/dist/examples/flow-start-example.cjs +467 -0
  20. package/dist/examples/flow-start-example.js +433 -0
  21. package/dist/examples/form-builder-example.cjs +674 -0
  22. package/dist/examples/form-builder-example.js +640 -0
  23. package/dist/examples/new-project-example.cjs +550 -0
  24. package/dist/examples/new-project-example.js +516 -0
  25. package/dist/examples/settings-example.cjs +864 -0
  26. package/dist/examples/settings-example.js +830 -0
  27. package/dist/examples/vscode-example.cjs +340 -0
  28. package/dist/examples/vscode-example.js +270 -0
  29. package/dist/templates/admin-layout-example.d.ts +92 -0
  30. package/dist/templates/app-shell-example.d.ts +52 -0
  31. package/dist/templates/dashboard-example.d.ts +11 -0
  32. package/dist/templates/data-management-example.d.ts +1 -0
  33. package/dist/templates/flow-editor-layout-example.d.ts +22 -0
  34. package/dist/templates/flow-start-example.d.ts +30 -0
  35. package/dist/templates/form-builder-example.d.ts +1 -0
  36. package/dist/templates/new-project-example.d.ts +30 -0
  37. package/dist/templates/settings-example.d.ts +1 -0
  38. package/dist/templates/vscode-example.d.ts +80 -0
  39. package/dist/ui-path.svg +11 -0
  40. package/package.json +1 -1
package/dist/examples/app-shell-example.js ADDED
@@ -0,0 +1,418 @@
1
+ import { Fragment, jsx, jsxs } from "react/jsx-runtime";
2
+ import { Bell, ChevronLeft, ChevronRight, HelpCircle, Menu } from "lucide-react";
3
+ import { useState } from "react";
4
+ import { Avatar, AvatarFallback, AvatarImage } from "../components/ui/avatar.js";
5
+ import { Badge } from "../components/ui/badge.js";
6
+ import { Button } from "../components/ui/button.js";
7
+ import { Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle } from "../components/ui/card.js";
8
+ import { Separator } from "../components/ui/separator.js";
9
+ import { cn } from "../lib/index.js";
10
+ import { Column, Grid, Row } from "../components/ui/layout/index.js";
11
+ function AppShellExample({ className, logo = /*#__PURE__*/ jsx("div", {
12
+ className: "text-xl font-bold",
13
+ children: "Logo"
14
+ }), tenant = 'DefaultTenant', user = {
15
+ name: 'John Doe',
16
+ email: 'john.doe@example.com'
17
+ }, navigation = [
18
+ {
19
+ label: 'Home',
20
+ active: true
21
+ },
22
+ {
23
+ label: 'Process instances'
24
+ },
25
+ {
26
+ label: 'Process incidents'
27
+ },
28
+ {
29
+ label: 'Case app',
30
+ badge: 'Preview'
31
+ },
32
+ {
33
+ label: 'Case instances',
34
+ badge: 'Preview'
35
+ }
36
+ ], heroSection = {
37
+ title: /*#__PURE__*/ jsxs(Fragment, {
38
+ children: [
39
+ "Orchestrate ",
40
+ /*#__PURE__*/ jsx("span", {
41
+ className: "text-primary",
42
+ children: "AI agents, robots,"
43
+ }),
44
+ " and people with",
45
+ ' ',
46
+ /*#__PURE__*/ jsx("span", {
47
+ className: "text-primary",
48
+ children: "Platform"
49
+ }),
50
+ " to exceed business outcomes"
51
+ ]
52
+ }),
53
+ cta: {
54
+ label: 'Get Started'
55
+ }
56
+ }, sections = [
57
+ {
58
+ title: 'Recent projects',
59
+ viewAllLink: {
60
+ label: 'View all projects'
61
+ },
62
+ items: [
63
+ {
64
+ id: '1',
65
+ title: 'Solution 161',
66
+ badge: {
67
+ label: 'DRAFT',
68
+ variant: 'outline'
69
+ },
70
+ footer: 'Last modified 13 minutes ago'
71
+ },
72
+ {
73
+ id: '2',
74
+ title: 'Property insurance claims',
75
+ badge: {
76
+ label: 'DRAFT',
77
+ variant: 'outline'
78
+ },
79
+ footer: 'Last modified 7 days ago'
80
+ },
81
+ {
82
+ id: '3',
83
+ title: 'Property insurance claims',
84
+ badge: {
85
+ label: 'DEPLOYED',
86
+ variant: 'default'
87
+ },
88
+ footer: 'Last modified 7 hours ago'
89
+ }
90
+ ]
91
+ },
92
+ {
93
+ title: 'Examples',
94
+ items: [
95
+ {
96
+ id: '1',
97
+ title: 'Supplier Onboarding',
98
+ description: 'An agentic process built with Platform (Agentic Orchestration), modeled using...',
99
+ action: {
100
+ label: 'View'
101
+ }
102
+ },
103
+ {
104
+ id: '2',
105
+ title: 'Invoice Processing',
106
+ description: 'An agentic process built with Platform (Agentic Orchestration), modeled using...',
107
+ action: {
108
+ label: 'View'
109
+ }
110
+ },
111
+ {
112
+ id: '3',
113
+ title: 'MyPoNewTeMplate',
114
+ description: 'aav',
115
+ action: {
116
+ label: 'View'
117
+ }
118
+ }
119
+ ]
120
+ }
121
+ ], sidebar = {
122
+ title: 'How it works',
123
+ content: /*#__PURE__*/ jsx("div", {
124
+ className: "space-y-4",
125
+ children: /*#__PURE__*/ jsx("div", {
126
+ className: "rounded-lg bg-primary/10 p-4",
127
+ children: /*#__PURE__*/ jsx("p", {
128
+ className: "text-sm",
129
+ children: "Learn more about how to use this platform effectively."
130
+ })
131
+ })
132
+ })
133
+ } }) {
134
+ const [leftSidebarCollapsed, setLeftSidebarCollapsed] = useState(false);
135
+ const [rightSidebarCollapsed, setRightSidebarCollapsed] = useState(false);
136
+ return /*#__PURE__*/ jsxs(Column, {
137
+ h: "screen",
138
+ className: cn('bg-background', className),
139
+ children: [
140
+ /*#__PURE__*/ jsxs(Row, {
141
+ h: 14,
142
+ justify: "between",
143
+ align: "center",
144
+ className: "border-b px-4",
145
+ children: [
146
+ /*#__PURE__*/ jsxs(Row, {
147
+ gap: 4,
148
+ align: "center",
149
+ children: [
150
+ /*#__PURE__*/ jsx(Button, {
151
+ variant: "ghost",
152
+ size: "icon",
153
+ className: "md:hidden",
154
+ onClick: ()=>setLeftSidebarCollapsed(!leftSidebarCollapsed),
155
+ children: /*#__PURE__*/ jsx(Menu, {
156
+ className: "h-5 w-5"
157
+ })
158
+ }),
159
+ logo
160
+ ]
161
+ }),
162
+ /*#__PURE__*/ jsxs(Row, {
163
+ gap: 2,
164
+ align: "center",
165
+ children: [
166
+ /*#__PURE__*/ jsx(Button, {
167
+ variant: "ghost",
168
+ size: "icon",
169
+ children: /*#__PURE__*/ jsx(Bell, {
170
+ className: "h-5 w-5"
171
+ })
172
+ }),
173
+ /*#__PURE__*/ jsx(Button, {
174
+ variant: "ghost",
175
+ size: "icon",
176
+ children: /*#__PURE__*/ jsx(HelpCircle, {
177
+ className: "h-5 w-5"
178
+ })
179
+ }),
180
+ /*#__PURE__*/ jsx(Separator, {
181
+ orientation: "vertical",
182
+ className: "h-6"
183
+ }),
184
+ /*#__PURE__*/ jsxs(Row, {
185
+ gap: 2,
186
+ align: "center",
187
+ children: [
188
+ /*#__PURE__*/ jsx("span", {
189
+ className: "hidden text-sm md:inline",
190
+ children: "Tenant:"
191
+ }),
192
+ /*#__PURE__*/ jsxs(Button, {
193
+ variant: "ghost",
194
+ className: "font-normal",
195
+ children: [
196
+ tenant,
197
+ /*#__PURE__*/ jsx(ChevronRight, {
198
+ className: "ml-1 h-4 w-4 rotate-90"
199
+ })
200
+ ]
201
+ })
202
+ ]
203
+ }),
204
+ /*#__PURE__*/ jsxs(Avatar, {
205
+ className: "h-8 w-8",
206
+ children: [
207
+ /*#__PURE__*/ jsx(AvatarImage, {
208
+ src: user.avatar,
209
+ alt: user.name
210
+ }),
211
+ /*#__PURE__*/ jsx(AvatarFallback, {
212
+ children: user.name.split(' ').map((n)=>n[0]).join('').toUpperCase()
213
+ })
214
+ ]
215
+ })
216
+ ]
217
+ })
218
+ ]
219
+ }),
220
+ /*#__PURE__*/ jsxs(Row, {
221
+ flex: 1,
222
+ overflow: "hidden",
223
+ children: [
224
+ /*#__PURE__*/ jsx("aside", {
225
+ className: cn('relative hidden border-r bg-muted/10 transition-all duration-300 md:block', leftSidebarCollapsed ? 'w-12' : 'w-60'),
226
+ children: /*#__PURE__*/ jsxs(Column, {
227
+ h: "full",
228
+ overflow: "hidden",
229
+ children: [
230
+ /*#__PURE__*/ jsx(Row, {
231
+ justify: "end",
232
+ align: "center",
233
+ className: "p-2",
234
+ children: /*#__PURE__*/ jsx(Button, {
235
+ variant: "ghost",
236
+ size: "icon",
237
+ onClick: ()=>setLeftSidebarCollapsed(!leftSidebarCollapsed),
238
+ className: "h-8 w-8",
239
+ children: leftSidebarCollapsed ? /*#__PURE__*/ jsx(ChevronRight, {
240
+ className: "h-4 w-4"
241
+ }) : /*#__PURE__*/ jsx(ChevronLeft, {
242
+ className: "h-4 w-4"
243
+ })
244
+ })
245
+ }),
246
+ !leftSidebarCollapsed && /*#__PURE__*/ jsx("nav", {
247
+ className: "space-y-1 overflow-y-auto p-2 pt-0",
248
+ children: navigation.map((item, index)=>/*#__PURE__*/ jsxs(Button, {
249
+ variant: item.active ? 'secondary' : 'ghost',
250
+ className: "w-full justify-between",
251
+ children: [
252
+ /*#__PURE__*/ jsx("span", {
253
+ children: item.label
254
+ }),
255
+ item.badge && /*#__PURE__*/ jsx(Badge, {
256
+ variant: "secondary",
257
+ className: "ml-2 text-xs",
258
+ children: item.badge
259
+ })
260
+ ]
261
+ }, index))
262
+ })
263
+ ]
264
+ })
265
+ }),
266
+ /*#__PURE__*/ jsx("main", {
267
+ className: "flex-1 overflow-y-auto",
268
+ children: /*#__PURE__*/ jsxs("div", {
269
+ className: "container mx-auto p-6",
270
+ children: [
271
+ heroSection && /*#__PURE__*/ jsx(Card, {
272
+ className: "mb-8 border-0 bg-gradient-to-r from-muted/50 to-muted/20",
273
+ children: /*#__PURE__*/ jsx(CardContent, {
274
+ className: "p-8",
275
+ children: /*#__PURE__*/ jsxs(Row, {
276
+ gap: 6,
277
+ align: "center",
278
+ justify: "between",
279
+ className: "flex-col md:flex-row",
280
+ children: [
281
+ /*#__PURE__*/ jsxs(Column, {
282
+ align: "start",
283
+ gap: 4,
284
+ flex: 1,
285
+ children: [
286
+ /*#__PURE__*/ jsx("h1", {
287
+ className: "text-3xl font-bold leading-tight md:text-4xl",
288
+ children: heroSection.title
289
+ }),
290
+ heroSection.description && /*#__PURE__*/ jsx("p", {
291
+ className: "text-muted-foreground",
292
+ children: heroSection.description
293
+ }),
294
+ heroSection.cta && /*#__PURE__*/ jsx(Button, {
295
+ size: "lg",
296
+ onClick: heroSection.cta.onClick,
297
+ children: heroSection.cta.label
298
+ })
299
+ ]
300
+ }),
301
+ heroSection.illustration && /*#__PURE__*/ jsx("div", {
302
+ className: "flex-shrink-0",
303
+ children: heroSection.illustration
304
+ })
305
+ ]
306
+ })
307
+ })
308
+ }),
309
+ sections.map((section, sectionIndex)=>/*#__PURE__*/ jsxs("div", {
310
+ className: "mb-8",
311
+ children: [
312
+ /*#__PURE__*/ jsxs(Row, {
313
+ justify: "between",
314
+ align: "center",
315
+ className: "mb-4",
316
+ children: [
317
+ /*#__PURE__*/ jsx("h2", {
318
+ className: "text-2xl font-semibold",
319
+ children: section.title
320
+ }),
321
+ section.viewAllLink && /*#__PURE__*/ jsx(Button, {
322
+ variant: "link",
323
+ onClick: section.viewAllLink.onClick,
324
+ children: section.viewAllLink.label
325
+ })
326
+ ]
327
+ }),
328
+ /*#__PURE__*/ jsx(Grid, {
329
+ gap: 4,
330
+ cols: 3,
331
+ className: "md:grid-cols-2 lg:grid-cols-3",
332
+ children: section.items.map((item)=>/*#__PURE__*/ jsxs(Card, {
333
+ children: [
334
+ /*#__PURE__*/ jsxs(CardHeader, {
335
+ children: [
336
+ item.badge && /*#__PURE__*/ jsx(Badge, {
337
+ variant: item.badge.variant,
338
+ className: "mb-2 w-fit text-xs",
339
+ children: item.badge.label
340
+ }),
341
+ /*#__PURE__*/ jsx(CardTitle, {
342
+ className: "text-lg",
343
+ children: item.title
344
+ }),
345
+ item.description && /*#__PURE__*/ jsx(CardDescription, {
346
+ children: item.description
347
+ })
348
+ ]
349
+ }),
350
+ (item.footer || item.action) && /*#__PURE__*/ jsx(CardFooter, {
351
+ children: /*#__PURE__*/ jsxs(Row, {
352
+ justify: "between",
353
+ align: "center",
354
+ w: "full",
355
+ children: [
356
+ item.footer && /*#__PURE__*/ jsx("span", {
357
+ className: "text-xs text-muted-foreground",
358
+ children: item.footer
359
+ }),
360
+ item.action && /*#__PURE__*/ jsx(Button, {
361
+ variant: "link",
362
+ size: "sm",
363
+ onClick: item.action.onClick,
364
+ className: "ml-auto",
365
+ children: item.action.label
366
+ })
367
+ ]
368
+ })
369
+ })
370
+ ]
371
+ }, item.id))
372
+ })
373
+ ]
374
+ }, sectionIndex))
375
+ ]
376
+ })
377
+ }),
378
+ sidebar && /*#__PURE__*/ jsx("aside", {
379
+ className: cn('relative hidden border-l bg-muted/10 transition-all duration-300 lg:block', rightSidebarCollapsed ? 'w-12' : 'w-80'),
380
+ children: /*#__PURE__*/ jsxs(Column, {
381
+ h: "full",
382
+ overflow: "hidden",
383
+ children: [
384
+ /*#__PURE__*/ jsx(Row, {
385
+ justify: "start",
386
+ align: "center",
387
+ className: "p-2",
388
+ children: /*#__PURE__*/ jsx(Button, {
389
+ variant: "ghost",
390
+ size: "icon",
391
+ onClick: ()=>setRightSidebarCollapsed(!rightSidebarCollapsed),
392
+ className: "h-8 w-8",
393
+ children: rightSidebarCollapsed ? /*#__PURE__*/ jsx(ChevronLeft, {
394
+ className: "h-4 w-4"
395
+ }) : /*#__PURE__*/ jsx(ChevronRight, {
396
+ className: "h-4 w-4"
397
+ })
398
+ })
399
+ }),
400
+ !rightSidebarCollapsed && /*#__PURE__*/ jsxs("div", {
401
+ className: "flex-1 overflow-y-auto px-6 pb-6",
402
+ children: [
403
+ /*#__PURE__*/ jsx("h3", {
404
+ className: "mb-4 text-lg font-semibold",
405
+ children: sidebar.title
406
+ }),
407
+ sidebar.content
408
+ ]
409
+ })
410
+ ]
411
+ })
412
+ })
413
+ ]
414
+ })
415
+ ]
416
+ });
417
+ }
418
+ export { AppShellExample };