@uipath/apollo-wind 0.9.0 → 0.10.0-pr219.eea0372

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 (159) hide show
  1. package/dist/components/custom/canvas.cjs +44 -0
  2. package/dist/components/custom/canvas.d.ts +14 -0
  3. package/dist/components/custom/canvas.js +10 -0
  4. package/dist/components/custom/chat-composer.cjs +105 -0
  5. package/dist/components/custom/chat-composer.d.ts +15 -0
  6. package/dist/components/custom/chat-composer.js +71 -0
  7. package/dist/components/custom/chat-first-experience.cjs +87 -0
  8. package/dist/components/custom/chat-first-experience.d.ts +24 -0
  9. package/dist/components/custom/chat-first-experience.js +53 -0
  10. package/dist/components/custom/chat-prompt-suggestions.cjs +48 -0
  11. package/dist/components/custom/chat-prompt-suggestions.d.ts +18 -0
  12. package/dist/components/custom/chat-prompt-suggestions.js +14 -0
  13. package/dist/components/custom/chat-steps-view.cjs +307 -0
  14. package/dist/components/custom/chat-steps-view.d.ts +38 -0
  15. package/dist/components/custom/chat-steps-view.js +273 -0
  16. package/dist/components/custom/flow-node.cjs +76 -0
  17. package/dist/components/custom/flow-node.d.ts +20 -0
  18. package/dist/components/custom/flow-node.js +42 -0
  19. package/dist/components/custom/flow-properties-bar.cjs +101 -0
  20. package/dist/components/custom/flow-properties-bar.d.ts +21 -0
  21. package/dist/components/custom/flow-properties-bar.js +67 -0
  22. package/dist/components/custom/flow-properties-expanded.cjs +324 -0
  23. package/dist/components/custom/flow-properties-expanded.d.ts +19 -0
  24. package/dist/components/custom/flow-properties-expanded.js +290 -0
  25. package/dist/components/custom/flow-properties-simple.cjs +357 -0
  26. package/dist/components/custom/flow-properties-simple.d.ts +62 -0
  27. package/dist/components/custom/flow-properties-simple.js +323 -0
  28. package/dist/components/custom/flow-properties.cjs +56 -0
  29. package/dist/components/custom/flow-properties.d.ts +28 -0
  30. package/dist/components/custom/flow-properties.js +22 -0
  31. package/dist/components/custom/global-header.cjs +415 -0
  32. package/dist/components/custom/global-header.d.ts +38 -0
  33. package/dist/components/custom/global-header.js +381 -0
  34. package/dist/components/custom/grid-maestro.cjs +62 -0
  35. package/dist/components/custom/grid-maestro.d.ts +19 -0
  36. package/dist/components/custom/grid-maestro.js +22 -0
  37. package/dist/components/custom/panel-delegate.cjs +280 -0
  38. package/dist/components/custom/panel-delegate.d.ts +34 -0
  39. package/dist/components/custom/panel-delegate.js +246 -0
  40. package/dist/components/custom/panel-flow.cjs +260 -0
  41. package/dist/components/custom/panel-flow.d.ts +38 -0
  42. package/dist/components/custom/panel-flow.js +223 -0
  43. package/dist/components/custom/panel-maestro.cjs +73 -0
  44. package/dist/components/custom/panel-maestro.d.ts +30 -0
  45. package/dist/components/custom/panel-maestro.js +39 -0
  46. package/dist/components/custom/toolbar-canvas.cjs +121 -0
  47. package/dist/components/custom/toolbar-canvas.d.ts +15 -0
  48. package/dist/components/custom/toolbar-canvas.js +87 -0
  49. package/dist/components/custom/toolbar-view.cjs +119 -0
  50. package/dist/components/custom/toolbar-view.d.ts +14 -0
  51. package/dist/components/custom/toolbar-view.js +85 -0
  52. package/dist/components/custom/viewport-guard.cjs +92 -0
  53. package/dist/components/custom/viewport-guard.d.ts +23 -0
  54. package/dist/components/custom/viewport-guard.js +55 -0
  55. package/dist/components/ui/button.cjs +3 -3
  56. package/dist/components/ui/button.js +3 -3
  57. package/dist/components/ui/chart.cjs +218 -0
  58. package/dist/components/ui/chart.d.ts +40 -0
  59. package/dist/components/ui/chart.js +169 -0
  60. package/dist/components/ui/data-table.cjs +14 -2
  61. package/dist/components/ui/data-table.d.ts +4 -1
  62. package/dist/components/ui/data-table.js +15 -3
  63. package/dist/components/ui/empty-state.cjs +17 -6
  64. package/dist/components/ui/empty-state.d.ts +7 -0
  65. package/dist/components/ui/empty-state.js +17 -6
  66. package/dist/components/ui/file-upload.cjs +82 -42
  67. package/dist/components/ui/file-upload.d.ts +3 -1
  68. package/dist/components/ui/file-upload.js +82 -42
  69. package/dist/components/ui/index.cjs +305 -165
  70. package/dist/components/ui/index.d.ts +2 -3
  71. package/dist/components/ui/index.js +2 -3
  72. package/dist/components/ui/tree-view.cjs +1101 -0
  73. package/dist/components/ui/tree-view.d.ts +95 -0
  74. package/dist/components/ui/tree-view.js +1067 -0
  75. package/dist/foundation/Future/colors.cjs +92 -0
  76. package/dist/foundation/Future/colors.d.ts +132 -0
  77. package/dist/foundation/Future/colors.js +43 -0
  78. package/dist/foundation/Future/radius.cjs +46 -0
  79. package/dist/foundation/Future/radius.d.ts +33 -0
  80. package/dist/foundation/Future/radius.js +12 -0
  81. package/dist/foundation/Future/responsive.cjs +49 -0
  82. package/dist/foundation/Future/responsive.d.ts +40 -0
  83. package/dist/foundation/Future/responsive.js +12 -0
  84. package/dist/foundation/Future/shadows.cjs +48 -0
  85. package/dist/foundation/Future/shadows.d.ts +29 -0
  86. package/dist/foundation/Future/shadows.js +11 -0
  87. package/dist/foundation/Future/spacing.cjs +71 -0
  88. package/dist/foundation/Future/spacing.d.ts +80 -0
  89. package/dist/foundation/Future/spacing.js +31 -0
  90. package/dist/foundation/Future/strokes.cjs +59 -0
  91. package/dist/foundation/Future/strokes.d.ts +49 -0
  92. package/dist/foundation/Future/strokes.js +19 -0
  93. package/dist/foundation/Future/types.cjs +18 -0
  94. package/dist/foundation/Future/types.d.ts +18 -0
  95. package/dist/foundation/Future/types.js +0 -0
  96. package/dist/foundation/Future/typography.cjs +79 -0
  97. package/dist/foundation/Future/typography.d.ts +86 -0
  98. package/dist/foundation/Future/typography.js +33 -0
  99. package/dist/index.cjs +125 -219
  100. package/dist/index.d.ts +2 -3
  101. package/dist/index.js +2 -4
  102. package/dist/src/foundation/Future/future-theme.css +297 -0
  103. package/dist/src/foundation/Future/legacy-theme.css +184 -0
  104. package/dist/styles.css +1678 -379
  105. package/dist/tailwind.css +4 -0
  106. package/dist/templates/Admin/settings-admin.d.ts +5 -0
  107. package/dist/templates/Admin/template-admin.d.ts +105 -0
  108. package/dist/templates/Delegate/template-delegate.d.ts +26 -0
  109. package/dist/templates/EmptyErrors/error-components.d.ts +3 -0
  110. package/dist/templates/Experiments/ideas-AnimatedGradientText.d.ts +23 -0
  111. package/dist/templates/Flow/template-flow.d.ts +52 -0
  112. package/dist/templates/Maestro/template-maestro.d.ts +52 -0
  113. package/dist/templates/{vscode-example.d.ts → VisualStudio/shell.d.ts} +1 -1
  114. package/package.json +10 -1
  115. package/dist/components/ui/menubar.cjs +0 -210
  116. package/dist/components/ui/menubar.d.ts +0 -28
  117. package/dist/components/ui/menubar.js +0 -131
  118. package/dist/components/ui/navigation-menu.cjs +0 -122
  119. package/dist/components/ui/navigation-menu.d.ts +0 -12
  120. package/dist/components/ui/navigation-menu.js +0 -64
  121. package/dist/examples/admin-layout-example.cjs +0 -490
  122. package/dist/examples/admin-layout-example.d.ts +0 -92
  123. package/dist/examples/admin-layout-example.js +0 -411
  124. package/dist/examples/app-shell-example.cjs +0 -452
  125. package/dist/examples/app-shell-example.d.ts +0 -52
  126. package/dist/examples/app-shell-example.js +0 -418
  127. package/dist/examples/dashboard-example.cjs +0 -590
  128. package/dist/examples/dashboard-example.d.ts +0 -11
  129. package/dist/examples/dashboard-example.js +0 -556
  130. package/dist/examples/data-management-example.cjs +0 -584
  131. package/dist/examples/data-management-example.d.ts +0 -1
  132. package/dist/examples/data-management-example.js +0 -550
  133. package/dist/examples/flow-editor-layout-example.cjs +0 -309
  134. package/dist/examples/flow-editor-layout-example.d.ts +0 -22
  135. package/dist/examples/flow-editor-layout-example.js +0 -269
  136. package/dist/examples/flow-start-example.cjs +0 -467
  137. package/dist/examples/flow-start-example.d.ts +0 -30
  138. package/dist/examples/flow-start-example.js +0 -433
  139. package/dist/examples/form-builder-example.cjs +0 -674
  140. package/dist/examples/form-builder-example.js +0 -640
  141. package/dist/examples/new-project-example.cjs +0 -550
  142. package/dist/examples/new-project-example.d.ts +0 -30
  143. package/dist/examples/new-project-example.js +0 -516
  144. package/dist/examples/settings-example.cjs +0 -864
  145. package/dist/examples/settings-example.d.ts +0 -1
  146. package/dist/examples/settings-example.js +0 -830
  147. package/dist/examples/vscode-example.cjs +0 -340
  148. package/dist/examples/vscode-example.d.ts +0 -80
  149. package/dist/examples/vscode-example.js +0 -270
  150. package/dist/templates/admin-layout-example.d.ts +0 -92
  151. package/dist/templates/app-shell-example.d.ts +0 -52
  152. package/dist/templates/dashboard-example.d.ts +0 -11
  153. package/dist/templates/data-management-example.d.ts +0 -1
  154. package/dist/templates/flow-editor-layout-example.d.ts +0 -22
  155. package/dist/templates/flow-start-example.d.ts +0 -30
  156. package/dist/templates/form-builder-example.d.ts +0 -1
  157. package/dist/templates/new-project-example.d.ts +0 -30
  158. package/dist/templates/settings-example.d.ts +0 -1
  159. /package/dist/{examples → templates/Forms}/form-builder-example.d.ts +0 -0
@@ -1,340 +0,0 @@
1
- "use strict";
2
- var __webpack_require__ = {};
3
- (()=>{
4
- __webpack_require__.d = (exports1, definition)=>{
5
- for(var key in definition)if (__webpack_require__.o(definition, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
6
- enumerable: true,
7
- get: definition[key]
8
- });
9
- };
10
- })();
11
- (()=>{
12
- __webpack_require__.o = (obj, prop)=>Object.prototype.hasOwnProperty.call(obj, prop);
13
- })();
14
- (()=>{
15
- __webpack_require__.r = (exports1)=>{
16
- if ('undefined' != typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
17
- value: 'Module'
18
- });
19
- Object.defineProperty(exports1, '__esModule', {
20
- value: true
21
- });
22
- };
23
- })();
24
- var __webpack_exports__ = {};
25
- __webpack_require__.r(__webpack_exports__);
26
- __webpack_require__.d(__webpack_exports__, {
27
- ShellActivityBarItem: ()=>ShellActivityBarItem,
28
- ShellStatusBar: ()=>ShellStatusBar,
29
- ShellTabBar: ()=>ShellTabBar,
30
- Shell: ()=>Shell,
31
- ShellFileTree: ()=>ShellFileTree,
32
- ShellActivityBar: ()=>ShellActivityBar,
33
- ShellContent: ()=>ShellContent,
34
- ShellSidebarHeader: ()=>ShellSidebarHeader,
35
- ShellMain: ()=>ShellMain,
36
- ShellPane: ()=>ShellPane,
37
- ShellSidebar: ()=>ShellSidebar,
38
- ShellTitleBar: ()=>ShellTitleBar,
39
- ShellPanel: ()=>ShellPanel
40
- });
41
- const jsx_runtime_namespaceObject = require("react/jsx-runtime");
42
- const external_react_namespaceObject = require("react");
43
- const index_cjs_namespaceObject = require("../lib/index.cjs");
44
- const external_lucide_react_namespaceObject = require("lucide-react");
45
- const button_cjs_namespaceObject = require("../components/ui/button.cjs");
46
- const scroll_area_cjs_namespaceObject = require("../components/ui/scroll-area.cjs");
47
- const layout_index_cjs_namespaceObject = require("../components/ui/layout/index.cjs");
48
- function Shell({ className, children, ...props }) {
49
- return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(layout_index_cjs_namespaceObject.Column, {
50
- overflow: "hidden",
51
- className: (0, index_cjs_namespaceObject.cn)('h-[600px] w-full rounded-lg border bg-background', className),
52
- ...props,
53
- children: children
54
- });
55
- }
56
- function ShellTitleBar({ className, title, children, ...props }) {
57
- return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(layout_index_cjs_namespaceObject.Row, {
58
- h: 9,
59
- justify: "between",
60
- align: "center",
61
- className: (0, index_cjs_namespaceObject.cn)('border-b bg-muted/50 px-3', className),
62
- ...props,
63
- children: [
64
- /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(layout_index_cjs_namespaceObject.Row, {
65
- gap: 2,
66
- align: "center",
67
- children: [
68
- /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(layout_index_cjs_namespaceObject.Row, {
69
- gap: 1.5,
70
- children: [
71
- /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
72
- className: "h-3 w-3 rounded-full bg-red-500"
73
- }),
74
- /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
75
- className: "h-3 w-3 rounded-full bg-yellow-500"
76
- }),
77
- /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
78
- className: "h-3 w-3 rounded-full bg-green-500"
79
- })
80
- ]
81
- }),
82
- title && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
83
- className: "ml-3 text-xs text-muted-foreground",
84
- children: title
85
- })
86
- ]
87
- }),
88
- children
89
- ]
90
- });
91
- }
92
- function ShellContent({ className, children, ...props }) {
93
- return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(layout_index_cjs_namespaceObject.Row, {
94
- flex: 1,
95
- overflow: "hidden",
96
- className: className,
97
- ...props,
98
- children: children
99
- });
100
- }
101
- function ShellSidebar({ className, children, collapsed = false, onCollapsedChange, width = 240, ...props }) {
102
- return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(layout_index_cjs_namespaceObject.Column, {
103
- className: (0, index_cjs_namespaceObject.cn)('border-r bg-muted/30 transition-all duration-200', collapsed ? 'w-0 overflow-hidden' : '', className),
104
- style: {
105
- width: collapsed ? 0 : width
106
- },
107
- ...props,
108
- children: children
109
- });
110
- }
111
- function ShellSidebarHeader({ className, title, collapsed, onCollapsedChange, ...props }) {
112
- return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(layout_index_cjs_namespaceObject.Row, {
113
- h: 8,
114
- justify: "between",
115
- align: "center",
116
- className: (0, index_cjs_namespaceObject.cn)('px-3 text-xs font-medium uppercase text-muted-foreground', className),
117
- ...props,
118
- children: [
119
- /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
120
- children: title
121
- }),
122
- onCollapsedChange && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(button_cjs_namespaceObject.Button, {
123
- variant: "ghost",
124
- size: "icon",
125
- className: "h-5 w-5",
126
- onClick: ()=>onCollapsedChange(!collapsed),
127
- children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.PanelLeftClose, {
128
- className: "h-3.5 w-3.5"
129
- })
130
- })
131
- ]
132
- });
133
- }
134
- function ShellFileTree({ items, selectedFile, onSelectFile }) {
135
- return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(scroll_area_cjs_namespaceObject.ScrollArea, {
136
- className: "flex-1",
137
- children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
138
- className: "p-2",
139
- children: items.map((item)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(FileTreeNode, {
140
- item: item,
141
- depth: 0,
142
- selectedFile: selectedFile,
143
- onSelectFile: onSelectFile
144
- }, item.name))
145
- })
146
- });
147
- }
148
- function FileTreeNode({ item, depth, selectedFile, onSelectFile }) {
149
- const [expanded, setExpanded] = external_react_namespaceObject.useState(true);
150
- const isFolder = 'folder' === item.type;
151
- const isSelected = selectedFile === item.name;
152
- return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
153
- children: [
154
- /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(layout_index_cjs_namespaceObject.Row, {
155
- gap: 1,
156
- align: "center",
157
- className: (0, index_cjs_namespaceObject.cn)('cursor-pointer rounded px-2 py-0.5 text-sm hover:bg-muted', isSelected && 'bg-primary/10 text-primary'),
158
- style: {
159
- paddingLeft: 12 * depth + 8
160
- },
161
- onClick: ()=>{
162
- if (isFolder) setExpanded(!expanded);
163
- else onSelectFile?.(item.name);
164
- },
165
- children: [
166
- isFolder ? /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(jsx_runtime_namespaceObject.Fragment, {
167
- children: [
168
- expanded ? /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.ChevronDown, {
169
- className: "h-3.5 w-3.5 shrink-0 text-muted-foreground"
170
- }) : /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.ChevronRight, {
171
- className: "h-3.5 w-3.5 shrink-0 text-muted-foreground"
172
- }),
173
- expanded ? /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.FolderOpen, {
174
- className: "h-4 w-4 shrink-0 text-yellow-600"
175
- }) : /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.Folder, {
176
- className: "h-4 w-4 shrink-0 text-yellow-600"
177
- })
178
- ]
179
- }) : /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(jsx_runtime_namespaceObject.Fragment, {
180
- children: [
181
- /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
182
- className: "w-3.5"
183
- }),
184
- item.icon || /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.File, {
185
- className: "h-4 w-4 shrink-0 text-muted-foreground"
186
- })
187
- ]
188
- }),
189
- /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
190
- className: "truncate",
191
- children: item.name
192
- })
193
- ]
194
- }),
195
- isFolder && expanded && item.children && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
196
- children: item.children.map((child)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(FileTreeNode, {
197
- item: child,
198
- depth: depth + 1,
199
- selectedFile: selectedFile,
200
- onSelectFile: onSelectFile
201
- }, child.name))
202
- })
203
- ]
204
- });
205
- }
206
- function ShellMain({ className, children, ...props }) {
207
- return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(layout_index_cjs_namespaceObject.Column, {
208
- flex: 1,
209
- overflow: "hidden",
210
- className: className,
211
- ...props,
212
- children: children
213
- });
214
- }
215
- function ShellTabBar({ tabs, activeTab, onTabChange, onTabClose }) {
216
- return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(layout_index_cjs_namespaceObject.Row, {
217
- h: 9,
218
- align: "center",
219
- className: "border-b bg-muted/30",
220
- children: tabs.map((tab)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(layout_index_cjs_namespaceObject.Row, {
221
- gap: 2,
222
- align: "center",
223
- className: (0, index_cjs_namespaceObject.cn)('group h-full cursor-pointer border-r px-3 text-sm', activeTab === tab.id ? 'bg-background text-foreground' : 'text-muted-foreground hover:bg-muted/50'),
224
- onClick: ()=>onTabChange?.(tab.id),
225
- children: [
226
- tab.icon,
227
- /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
228
- className: "max-w-[120px] truncate",
229
- children: tab.title
230
- }),
231
- onTabClose && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(button_cjs_namespaceObject.Button, {
232
- variant: "ghost",
233
- size: "icon",
234
- className: "h-4 w-4 opacity-0 group-hover:opacity-100",
235
- onClick: (e)=>{
236
- e.stopPropagation();
237
- onTabClose(tab.id);
238
- },
239
- children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.X, {
240
- className: "h-3 w-3"
241
- })
242
- })
243
- ]
244
- }, tab.id))
245
- });
246
- }
247
- function ShellPane({ className, children }) {
248
- return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(scroll_area_cjs_namespaceObject.ScrollArea, {
249
- className: (0, index_cjs_namespaceObject.cn)('flex-1', className),
250
- children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
251
- className: "p-4",
252
- children: children
253
- })
254
- });
255
- }
256
- function ShellStatusBar({ className, children, ...props }) {
257
- return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(layout_index_cjs_namespaceObject.Row, {
258
- h: 6,
259
- justify: "between",
260
- align: "center",
261
- className: (0, index_cjs_namespaceObject.cn)('border-t bg-primary px-2 text-xs text-primary-foreground', className),
262
- ...props,
263
- children: children
264
- });
265
- }
266
- function ShellActivityBar({ className, children, ...props }) {
267
- return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(layout_index_cjs_namespaceObject.Column, {
268
- w: 12,
269
- gap: 2,
270
- align: "center",
271
- className: (0, index_cjs_namespaceObject.cn)('border-r bg-muted/50 py-2', className),
272
- ...props,
273
- children: children
274
- });
275
- }
276
- function ShellActivityBarItem({ icon, active, onClick, tooltip }) {
277
- return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(button_cjs_namespaceObject.Button, {
278
- variant: "ghost",
279
- size: "icon",
280
- className: (0, index_cjs_namespaceObject.cn)('h-10 w-10 rounded-none border-l-2 border-transparent', active && 'border-primary bg-muted'),
281
- onClick: onClick,
282
- title: tooltip,
283
- children: icon
284
- });
285
- }
286
- function ShellPanel({ className, title, height = 200, children, ...props }) {
287
- return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
288
- className: (0, index_cjs_namespaceObject.cn)('border-t', className),
289
- style: {
290
- height
291
- },
292
- ...props,
293
- children: [
294
- title && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(layout_index_cjs_namespaceObject.Row, {
295
- h: 8,
296
- align: "center",
297
- className: "border-b bg-muted/30 px-3 text-xs font-medium uppercase text-muted-foreground",
298
- children: title
299
- }),
300
- /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(scroll_area_cjs_namespaceObject.ScrollArea, {
301
- className: "h-full",
302
- children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
303
- className: "p-2 font-mono text-sm",
304
- children: children
305
- })
306
- })
307
- ]
308
- });
309
- }
310
- exports.Shell = __webpack_exports__.Shell;
311
- exports.ShellActivityBar = __webpack_exports__.ShellActivityBar;
312
- exports.ShellActivityBarItem = __webpack_exports__.ShellActivityBarItem;
313
- exports.ShellContent = __webpack_exports__.ShellContent;
314
- exports.ShellFileTree = __webpack_exports__.ShellFileTree;
315
- exports.ShellMain = __webpack_exports__.ShellMain;
316
- exports.ShellPane = __webpack_exports__.ShellPane;
317
- exports.ShellPanel = __webpack_exports__.ShellPanel;
318
- exports.ShellSidebar = __webpack_exports__.ShellSidebar;
319
- exports.ShellSidebarHeader = __webpack_exports__.ShellSidebarHeader;
320
- exports.ShellStatusBar = __webpack_exports__.ShellStatusBar;
321
- exports.ShellTabBar = __webpack_exports__.ShellTabBar;
322
- exports.ShellTitleBar = __webpack_exports__.ShellTitleBar;
323
- for(var __webpack_i__ in __webpack_exports__)if (-1 === [
324
- "Shell",
325
- "ShellActivityBar",
326
- "ShellActivityBarItem",
327
- "ShellContent",
328
- "ShellFileTree",
329
- "ShellMain",
330
- "ShellPane",
331
- "ShellPanel",
332
- "ShellSidebar",
333
- "ShellSidebarHeader",
334
- "ShellStatusBar",
335
- "ShellTabBar",
336
- "ShellTitleBar"
337
- ].indexOf(__webpack_i__)) exports[__webpack_i__] = __webpack_exports__[__webpack_i__];
338
- Object.defineProperty(exports, '__esModule', {
339
- value: true
340
- });
@@ -1,80 +0,0 @@
1
- import * as React from 'react';
2
- interface ShellProps extends React.HTMLAttributes<HTMLDivElement> {
3
- children: React.ReactNode;
4
- }
5
- export declare function Shell({ className, children, ...props }: ShellProps): import("react/jsx-runtime").JSX.Element;
6
- interface ShellTitleBarProps extends React.HTMLAttributes<HTMLDivElement> {
7
- title?: string;
8
- }
9
- export declare function ShellTitleBar({ className, title, children, ...props }: ShellTitleBarProps): import("react/jsx-runtime").JSX.Element;
10
- interface ShellContentProps extends React.HTMLAttributes<HTMLDivElement> {
11
- children: React.ReactNode;
12
- }
13
- export declare function ShellContent({ className, children, ...props }: ShellContentProps): import("react/jsx-runtime").JSX.Element;
14
- interface ShellSidebarProps extends React.HTMLAttributes<HTMLDivElement> {
15
- collapsed?: boolean;
16
- onCollapsedChange?: (collapsed: boolean) => void;
17
- width?: number;
18
- }
19
- export declare function ShellSidebar({ className, children, collapsed, onCollapsedChange, width, ...props }: ShellSidebarProps): import("react/jsx-runtime").JSX.Element;
20
- interface ShellSidebarHeaderProps extends React.HTMLAttributes<HTMLDivElement> {
21
- title: string;
22
- collapsed?: boolean;
23
- onCollapsedChange?: (collapsed: boolean) => void;
24
- }
25
- export declare function ShellSidebarHeader({ className, title, collapsed, onCollapsedChange, ...props }: ShellSidebarHeaderProps): import("react/jsx-runtime").JSX.Element;
26
- interface FileTreeItem {
27
- name: string;
28
- type: 'file' | 'folder';
29
- children?: FileTreeItem[];
30
- icon?: React.ReactNode;
31
- }
32
- interface ShellFileTreeProps {
33
- items: FileTreeItem[];
34
- selectedFile?: string;
35
- onSelectFile?: (name: string) => void;
36
- }
37
- export declare function ShellFileTree({ items, selectedFile, onSelectFile }: ShellFileTreeProps): import("react/jsx-runtime").JSX.Element;
38
- interface ShellMainProps extends React.HTMLAttributes<HTMLDivElement> {
39
- children: React.ReactNode;
40
- }
41
- export declare function ShellMain({ className, children, ...props }: ShellMainProps): import("react/jsx-runtime").JSX.Element;
42
- interface ShellTab {
43
- id: string;
44
- title: string;
45
- icon?: React.ReactNode;
46
- }
47
- interface ShellTabBarProps {
48
- tabs: ShellTab[];
49
- activeTab?: string;
50
- onTabChange?: (id: string) => void;
51
- onTabClose?: (id: string) => void;
52
- }
53
- export declare function ShellTabBar({ tabs, activeTab, onTabChange, onTabClose }: ShellTabBarProps): import("react/jsx-runtime").JSX.Element;
54
- interface ShellPaneProps {
55
- children: React.ReactNode;
56
- className?: string;
57
- }
58
- export declare function ShellPane({ className, children }: ShellPaneProps): import("react/jsx-runtime").JSX.Element;
59
- interface ShellStatusBarProps extends React.HTMLAttributes<HTMLDivElement> {
60
- children?: React.ReactNode;
61
- }
62
- export declare function ShellStatusBar({ className, children, ...props }: ShellStatusBarProps): import("react/jsx-runtime").JSX.Element;
63
- interface ShellActivityBarProps extends React.HTMLAttributes<HTMLDivElement> {
64
- children: React.ReactNode;
65
- }
66
- export declare function ShellActivityBar({ className, children, ...props }: ShellActivityBarProps): import("react/jsx-runtime").JSX.Element;
67
- interface ShellActivityBarItemProps {
68
- icon: React.ReactNode;
69
- active?: boolean;
70
- onClick?: () => void;
71
- tooltip?: string;
72
- }
73
- export declare function ShellActivityBarItem({ icon, active, onClick, tooltip, }: ShellActivityBarItemProps): import("react/jsx-runtime").JSX.Element;
74
- interface ShellPanelProps extends React.HTMLAttributes<HTMLDivElement> {
75
- title?: string;
76
- height?: number;
77
- children: React.ReactNode;
78
- }
79
- export declare function ShellPanel({ className, title, height, children, ...props }: ShellPanelProps): import("react/jsx-runtime").JSX.Element;
80
- export {};
@@ -1,270 +0,0 @@
1
- import { Fragment, jsx, jsxs } from "react/jsx-runtime";
2
- import { useState } from "react";
3
- import { cn } from "../lib/index.js";
4
- import { ChevronDown, ChevronRight, File, Folder, FolderOpen, PanelLeftClose, X } from "lucide-react";
5
- import { Button } from "../components/ui/button.js";
6
- import { ScrollArea } from "../components/ui/scroll-area.js";
7
- import { Column, Row } from "../components/ui/layout/index.js";
8
- function Shell({ className, children, ...props }) {
9
- return /*#__PURE__*/ jsx(Column, {
10
- overflow: "hidden",
11
- className: cn('h-[600px] w-full rounded-lg border bg-background', className),
12
- ...props,
13
- children: children
14
- });
15
- }
16
- function ShellTitleBar({ className, title, children, ...props }) {
17
- return /*#__PURE__*/ jsxs(Row, {
18
- h: 9,
19
- justify: "between",
20
- align: "center",
21
- className: cn('border-b bg-muted/50 px-3', className),
22
- ...props,
23
- children: [
24
- /*#__PURE__*/ jsxs(Row, {
25
- gap: 2,
26
- align: "center",
27
- children: [
28
- /*#__PURE__*/ jsxs(Row, {
29
- gap: 1.5,
30
- children: [
31
- /*#__PURE__*/ jsx("div", {
32
- className: "h-3 w-3 rounded-full bg-red-500"
33
- }),
34
- /*#__PURE__*/ jsx("div", {
35
- className: "h-3 w-3 rounded-full bg-yellow-500"
36
- }),
37
- /*#__PURE__*/ jsx("div", {
38
- className: "h-3 w-3 rounded-full bg-green-500"
39
- })
40
- ]
41
- }),
42
- title && /*#__PURE__*/ jsx("span", {
43
- className: "ml-3 text-xs text-muted-foreground",
44
- children: title
45
- })
46
- ]
47
- }),
48
- children
49
- ]
50
- });
51
- }
52
- function ShellContent({ className, children, ...props }) {
53
- return /*#__PURE__*/ jsx(Row, {
54
- flex: 1,
55
- overflow: "hidden",
56
- className: className,
57
- ...props,
58
- children: children
59
- });
60
- }
61
- function ShellSidebar({ className, children, collapsed = false, onCollapsedChange, width = 240, ...props }) {
62
- return /*#__PURE__*/ jsx(Column, {
63
- className: cn('border-r bg-muted/30 transition-all duration-200', collapsed ? 'w-0 overflow-hidden' : '', className),
64
- style: {
65
- width: collapsed ? 0 : width
66
- },
67
- ...props,
68
- children: children
69
- });
70
- }
71
- function ShellSidebarHeader({ className, title, collapsed, onCollapsedChange, ...props }) {
72
- return /*#__PURE__*/ jsxs(Row, {
73
- h: 8,
74
- justify: "between",
75
- align: "center",
76
- className: cn('px-3 text-xs font-medium uppercase text-muted-foreground', className),
77
- ...props,
78
- children: [
79
- /*#__PURE__*/ jsx("span", {
80
- children: title
81
- }),
82
- onCollapsedChange && /*#__PURE__*/ jsx(Button, {
83
- variant: "ghost",
84
- size: "icon",
85
- className: "h-5 w-5",
86
- onClick: ()=>onCollapsedChange(!collapsed),
87
- children: /*#__PURE__*/ jsx(PanelLeftClose, {
88
- className: "h-3.5 w-3.5"
89
- })
90
- })
91
- ]
92
- });
93
- }
94
- function ShellFileTree({ items, selectedFile, onSelectFile }) {
95
- return /*#__PURE__*/ jsx(ScrollArea, {
96
- className: "flex-1",
97
- children: /*#__PURE__*/ jsx("div", {
98
- className: "p-2",
99
- children: items.map((item)=>/*#__PURE__*/ jsx(FileTreeNode, {
100
- item: item,
101
- depth: 0,
102
- selectedFile: selectedFile,
103
- onSelectFile: onSelectFile
104
- }, item.name))
105
- })
106
- });
107
- }
108
- function FileTreeNode({ item, depth, selectedFile, onSelectFile }) {
109
- const [expanded, setExpanded] = useState(true);
110
- const isFolder = 'folder' === item.type;
111
- const isSelected = selectedFile === item.name;
112
- return /*#__PURE__*/ jsxs("div", {
113
- children: [
114
- /*#__PURE__*/ jsxs(Row, {
115
- gap: 1,
116
- align: "center",
117
- className: cn('cursor-pointer rounded px-2 py-0.5 text-sm hover:bg-muted', isSelected && 'bg-primary/10 text-primary'),
118
- style: {
119
- paddingLeft: 12 * depth + 8
120
- },
121
- onClick: ()=>{
122
- if (isFolder) setExpanded(!expanded);
123
- else onSelectFile?.(item.name);
124
- },
125
- children: [
126
- isFolder ? /*#__PURE__*/ jsxs(Fragment, {
127
- children: [
128
- expanded ? /*#__PURE__*/ jsx(ChevronDown, {
129
- className: "h-3.5 w-3.5 shrink-0 text-muted-foreground"
130
- }) : /*#__PURE__*/ jsx(ChevronRight, {
131
- className: "h-3.5 w-3.5 shrink-0 text-muted-foreground"
132
- }),
133
- expanded ? /*#__PURE__*/ jsx(FolderOpen, {
134
- className: "h-4 w-4 shrink-0 text-yellow-600"
135
- }) : /*#__PURE__*/ jsx(Folder, {
136
- className: "h-4 w-4 shrink-0 text-yellow-600"
137
- })
138
- ]
139
- }) : /*#__PURE__*/ jsxs(Fragment, {
140
- children: [
141
- /*#__PURE__*/ jsx("span", {
142
- className: "w-3.5"
143
- }),
144
- item.icon || /*#__PURE__*/ jsx(File, {
145
- className: "h-4 w-4 shrink-0 text-muted-foreground"
146
- })
147
- ]
148
- }),
149
- /*#__PURE__*/ jsx("span", {
150
- className: "truncate",
151
- children: item.name
152
- })
153
- ]
154
- }),
155
- isFolder && expanded && item.children && /*#__PURE__*/ jsx("div", {
156
- children: item.children.map((child)=>/*#__PURE__*/ jsx(FileTreeNode, {
157
- item: child,
158
- depth: depth + 1,
159
- selectedFile: selectedFile,
160
- onSelectFile: onSelectFile
161
- }, child.name))
162
- })
163
- ]
164
- });
165
- }
166
- function ShellMain({ className, children, ...props }) {
167
- return /*#__PURE__*/ jsx(Column, {
168
- flex: 1,
169
- overflow: "hidden",
170
- className: className,
171
- ...props,
172
- children: children
173
- });
174
- }
175
- function ShellTabBar({ tabs, activeTab, onTabChange, onTabClose }) {
176
- return /*#__PURE__*/ jsx(Row, {
177
- h: 9,
178
- align: "center",
179
- className: "border-b bg-muted/30",
180
- children: tabs.map((tab)=>/*#__PURE__*/ jsxs(Row, {
181
- gap: 2,
182
- align: "center",
183
- className: cn('group h-full cursor-pointer border-r px-3 text-sm', activeTab === tab.id ? 'bg-background text-foreground' : 'text-muted-foreground hover:bg-muted/50'),
184
- onClick: ()=>onTabChange?.(tab.id),
185
- children: [
186
- tab.icon,
187
- /*#__PURE__*/ jsx("span", {
188
- className: "max-w-[120px] truncate",
189
- children: tab.title
190
- }),
191
- onTabClose && /*#__PURE__*/ jsx(Button, {
192
- variant: "ghost",
193
- size: "icon",
194
- className: "h-4 w-4 opacity-0 group-hover:opacity-100",
195
- onClick: (e)=>{
196
- e.stopPropagation();
197
- onTabClose(tab.id);
198
- },
199
- children: /*#__PURE__*/ jsx(X, {
200
- className: "h-3 w-3"
201
- })
202
- })
203
- ]
204
- }, tab.id))
205
- });
206
- }
207
- function ShellPane({ className, children }) {
208
- return /*#__PURE__*/ jsx(ScrollArea, {
209
- className: cn('flex-1', className),
210
- children: /*#__PURE__*/ jsx("div", {
211
- className: "p-4",
212
- children: children
213
- })
214
- });
215
- }
216
- function ShellStatusBar({ className, children, ...props }) {
217
- return /*#__PURE__*/ jsx(Row, {
218
- h: 6,
219
- justify: "between",
220
- align: "center",
221
- className: cn('border-t bg-primary px-2 text-xs text-primary-foreground', className),
222
- ...props,
223
- children: children
224
- });
225
- }
226
- function ShellActivityBar({ className, children, ...props }) {
227
- return /*#__PURE__*/ jsx(Column, {
228
- w: 12,
229
- gap: 2,
230
- align: "center",
231
- className: cn('border-r bg-muted/50 py-2', className),
232
- ...props,
233
- children: children
234
- });
235
- }
236
- function ShellActivityBarItem({ icon, active, onClick, tooltip }) {
237
- return /*#__PURE__*/ jsx(Button, {
238
- variant: "ghost",
239
- size: "icon",
240
- className: cn('h-10 w-10 rounded-none border-l-2 border-transparent', active && 'border-primary bg-muted'),
241
- onClick: onClick,
242
- title: tooltip,
243
- children: icon
244
- });
245
- }
246
- function ShellPanel({ className, title, height = 200, children, ...props }) {
247
- return /*#__PURE__*/ jsxs("div", {
248
- className: cn('border-t', className),
249
- style: {
250
- height
251
- },
252
- ...props,
253
- children: [
254
- title && /*#__PURE__*/ jsx(Row, {
255
- h: 8,
256
- align: "center",
257
- className: "border-b bg-muted/30 px-3 text-xs font-medium uppercase text-muted-foreground",
258
- children: title
259
- }),
260
- /*#__PURE__*/ jsx(ScrollArea, {
261
- className: "h-full",
262
- children: /*#__PURE__*/ jsx("div", {
263
- className: "p-2 font-mono text-sm",
264
- children: children
265
- })
266
- })
267
- ]
268
- });
269
- }
270
- export { Shell, ShellActivityBar, ShellActivityBarItem, ShellContent, ShellFileTree, ShellMain, ShellPane, ShellPanel, ShellSidebar, ShellSidebarHeader, ShellStatusBar, ShellTabBar, ShellTitleBar };