@uipath/apollo-wind 0.9.1 → 0.10.0-pr219.61d64eb

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 (158) 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 +289 -149
  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/themes.css +371 -0
  103. package/dist/styles.css +1704 -582
  104. package/dist/tailwind.css +4 -0
  105. package/dist/templates/Admin/settings-admin.d.ts +5 -0
  106. package/dist/templates/Admin/template-admin.d.ts +105 -0
  107. package/dist/templates/Delegate/template-delegate.d.ts +26 -0
  108. package/dist/templates/EmptyErrors/error-components.d.ts +3 -0
  109. package/dist/templates/Experiments/ideas-AnimatedGradientText.d.ts +23 -0
  110. package/dist/templates/Flow/template-flow.d.ts +52 -0
  111. package/dist/templates/Maestro/template-maestro.d.ts +52 -0
  112. package/dist/templates/{vscode-example.d.ts → VisualStudio/shell.d.ts} +1 -1
  113. package/package.json +10 -1
  114. package/dist/components/ui/menubar.cjs +0 -210
  115. package/dist/components/ui/menubar.d.ts +0 -28
  116. package/dist/components/ui/menubar.js +0 -131
  117. package/dist/components/ui/navigation-menu.cjs +0 -122
  118. package/dist/components/ui/navigation-menu.d.ts +0 -12
  119. package/dist/components/ui/navigation-menu.js +0 -64
  120. package/dist/examples/admin-layout-example.cjs +0 -490
  121. package/dist/examples/admin-layout-example.d.ts +0 -92
  122. package/dist/examples/admin-layout-example.js +0 -411
  123. package/dist/examples/app-shell-example.cjs +0 -452
  124. package/dist/examples/app-shell-example.d.ts +0 -52
  125. package/dist/examples/app-shell-example.js +0 -418
  126. package/dist/examples/dashboard-example.cjs +0 -590
  127. package/dist/examples/dashboard-example.d.ts +0 -11
  128. package/dist/examples/dashboard-example.js +0 -556
  129. package/dist/examples/data-management-example.cjs +0 -584
  130. package/dist/examples/data-management-example.d.ts +0 -1
  131. package/dist/examples/data-management-example.js +0 -550
  132. package/dist/examples/flow-editor-layout-example.cjs +0 -309
  133. package/dist/examples/flow-editor-layout-example.d.ts +0 -22
  134. package/dist/examples/flow-editor-layout-example.js +0 -269
  135. package/dist/examples/flow-start-example.cjs +0 -467
  136. package/dist/examples/flow-start-example.d.ts +0 -30
  137. package/dist/examples/flow-start-example.js +0 -433
  138. package/dist/examples/form-builder-example.cjs +0 -674
  139. package/dist/examples/form-builder-example.js +0 -640
  140. package/dist/examples/new-project-example.cjs +0 -550
  141. package/dist/examples/new-project-example.d.ts +0 -30
  142. package/dist/examples/new-project-example.js +0 -516
  143. package/dist/examples/settings-example.cjs +0 -864
  144. package/dist/examples/settings-example.d.ts +0 -1
  145. package/dist/examples/settings-example.js +0 -830
  146. package/dist/examples/vscode-example.cjs +0 -340
  147. package/dist/examples/vscode-example.d.ts +0 -80
  148. package/dist/examples/vscode-example.js +0 -270
  149. package/dist/templates/admin-layout-example.d.ts +0 -92
  150. package/dist/templates/app-shell-example.d.ts +0 -52
  151. package/dist/templates/dashboard-example.d.ts +0 -11
  152. package/dist/templates/data-management-example.d.ts +0 -1
  153. package/dist/templates/flow-editor-layout-example.d.ts +0 -22
  154. package/dist/templates/flow-start-example.d.ts +0 -30
  155. package/dist/templates/form-builder-example.d.ts +0 -1
  156. package/dist/templates/new-project-example.d.ts +0 -30
  157. package/dist/templates/settings-example.d.ts +0 -1
  158. /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 };