@uipath/apollo-wind 2.32.3 → 2.33.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/components/ui/alert-dialog.cjs +9 -3
- package/dist/components/ui/alert-dialog.d.ts +5 -2
- package/dist/components/ui/alert-dialog.js +9 -3
- package/dist/components/ui/dialog.cjs +4 -1
- package/dist/components/ui/dialog.d.ts +2 -0
- package/dist/components/ui/dialog.js +4 -1
- package/dist/components/ui/index.cjs +18 -18
- package/dist/components/ui/lockable-value-field/components/field-header.cjs +47 -50
- package/dist/components/ui/lockable-value-field/components/field-header.js +40 -43
- package/dist/components/ui/sheet.cjs +7 -2
- package/dist/components/ui/sheet.d.ts +2 -0
- package/dist/components/ui/sheet.js +7 -2
- package/dist/components/ui/variable-picker/index.cjs +39 -0
- package/dist/components/ui/variable-picker/index.d.ts +2 -0
- package/dist/components/ui/variable-picker/index.js +2 -0
- package/dist/components/ui/variable-picker/variable-picker.cjs +246 -0
- package/dist/components/ui/variable-picker/variable-picker.d.ts +42 -0
- package/dist/components/ui/variable-picker/variable-picker.js +209 -0
- package/dist/index.cjs +129 -122
- package/dist/index.d.ts +2 -0
- package/dist/index.js +2 -1
- package/dist/styles.css +72 -0
- package/package.json +1 -1
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
+
"use client";
|
|
2
3
|
var __webpack_require__ = {};
|
|
3
4
|
(()=>{
|
|
4
5
|
__webpack_require__.d = (exports1, definition)=>{
|
|
@@ -37,10 +38,11 @@ __webpack_require__.d(__webpack_exports__, {
|
|
|
37
38
|
AlertDialogAction: ()=>AlertDialogAction
|
|
38
39
|
});
|
|
39
40
|
const jsx_runtime_namespaceObject = require("react/jsx-runtime");
|
|
41
|
+
const react_alert_dialog_namespaceObject = require("@radix-ui/react-alert-dialog");
|
|
40
42
|
const external_react_namespaceObject = require("react");
|
|
41
43
|
const external_button_cjs_namespaceObject = require("./button.cjs");
|
|
44
|
+
const external_portal_container_cjs_namespaceObject = require("./portal-container.cjs");
|
|
42
45
|
const index_cjs_namespaceObject = require("../../lib/index.cjs");
|
|
43
|
-
const react_alert_dialog_namespaceObject = require("@radix-ui/react-alert-dialog");
|
|
44
46
|
const AlertDialog = react_alert_dialog_namespaceObject.Root;
|
|
45
47
|
const AlertDialogTrigger = react_alert_dialog_namespaceObject.Trigger;
|
|
46
48
|
const AlertDialogPortal = react_alert_dialog_namespaceObject.Portal;
|
|
@@ -50,7 +52,10 @@ const AlertDialogOverlay = /*#__PURE__*/ external_react_namespaceObject.forwardR
|
|
|
50
52
|
ref: ref
|
|
51
53
|
}));
|
|
52
54
|
AlertDialogOverlay.displayName = react_alert_dialog_namespaceObject.Overlay.displayName;
|
|
53
|
-
const AlertDialogContent = /*#__PURE__*/ external_react_namespaceObject.forwardRef(({ className, ...props }, ref)
|
|
55
|
+
const AlertDialogContent = /*#__PURE__*/ external_react_namespaceObject.forwardRef(({ className, container, ...props }, ref)=>{
|
|
56
|
+
const resolvedContainer = (0, external_portal_container_cjs_namespaceObject.useResolvedPortalContainer)(container);
|
|
57
|
+
return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(AlertDialogPortal, {
|
|
58
|
+
container: resolvedContainer,
|
|
54
59
|
children: [
|
|
55
60
|
/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(AlertDialogOverlay, {}),
|
|
56
61
|
/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_alert_dialog_namespaceObject.Content, {
|
|
@@ -59,7 +64,8 @@ const AlertDialogContent = /*#__PURE__*/ external_react_namespaceObject.forwardR
|
|
|
59
64
|
...props
|
|
60
65
|
})
|
|
61
66
|
]
|
|
62
|
-
})
|
|
67
|
+
});
|
|
68
|
+
});
|
|
63
69
|
AlertDialogContent.displayName = react_alert_dialog_namespaceObject.Content.displayName;
|
|
64
70
|
const AlertDialogHeader = ({ className, ...props })=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
|
|
65
71
|
className: (0, index_cjs_namespaceObject.cn)('flex flex-col space-y-2 text-center sm:text-left', className),
|
|
@@ -1,10 +1,13 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
1
|
import * as AlertDialogPrimitive from '@radix-ui/react-alert-dialog';
|
|
2
|
+
import * as React from 'react';
|
|
3
|
+
import { type PortalContainerOverride } from './portal-container';
|
|
3
4
|
declare const AlertDialog: React.FC<AlertDialogPrimitive.AlertDialogProps>;
|
|
4
5
|
declare const AlertDialogTrigger: React.ForwardRefExoticComponent<AlertDialogPrimitive.AlertDialogTriggerProps & React.RefAttributes<HTMLButtonElement>>;
|
|
5
6
|
declare const AlertDialogPortal: React.FC<AlertDialogPrimitive.AlertDialogPortalProps>;
|
|
6
7
|
declare const AlertDialogOverlay: React.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogOverlayProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
7
|
-
declare const AlertDialogContent: React.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogContentProps & React.RefAttributes<HTMLDivElement>, "ref"> &
|
|
8
|
+
declare const AlertDialogContent: React.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
|
|
9
|
+
container?: PortalContainerOverride;
|
|
10
|
+
} & React.RefAttributes<HTMLDivElement>>;
|
|
8
11
|
declare const AlertDialogHeader: {
|
|
9
12
|
({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
|
|
10
13
|
displayName: string;
|
|
@@ -1,8 +1,10 @@
|
|
|
1
|
+
"use client";
|
|
1
2
|
import { jsx, jsxs } from "react/jsx-runtime";
|
|
3
|
+
import { Action, Cancel, Content, Description, Overlay, Portal, Root, Title, Trigger } from "@radix-ui/react-alert-dialog";
|
|
2
4
|
import { forwardRef } from "react";
|
|
3
5
|
import { buttonVariants } from "./button.js";
|
|
6
|
+
import { useResolvedPortalContainer } from "./portal-container.js";
|
|
4
7
|
import { cn } from "../../lib/index.js";
|
|
5
|
-
import { Action, Cancel, Content, Description, Overlay, Portal, Root, Title, Trigger } from "@radix-ui/react-alert-dialog";
|
|
6
8
|
const AlertDialog = Root;
|
|
7
9
|
const AlertDialogTrigger = Trigger;
|
|
8
10
|
const AlertDialogPortal = Portal;
|
|
@@ -12,7 +14,10 @@ const AlertDialogOverlay = /*#__PURE__*/ forwardRef(({ className, ...props }, re
|
|
|
12
14
|
ref: ref
|
|
13
15
|
}));
|
|
14
16
|
AlertDialogOverlay.displayName = Overlay.displayName;
|
|
15
|
-
const AlertDialogContent = /*#__PURE__*/ forwardRef(({ className, ...props }, ref)
|
|
17
|
+
const AlertDialogContent = /*#__PURE__*/ forwardRef(({ className, container, ...props }, ref)=>{
|
|
18
|
+
const resolvedContainer = useResolvedPortalContainer(container);
|
|
19
|
+
return /*#__PURE__*/ jsxs(AlertDialogPortal, {
|
|
20
|
+
container: resolvedContainer,
|
|
16
21
|
children: [
|
|
17
22
|
/*#__PURE__*/ jsx(AlertDialogOverlay, {}),
|
|
18
23
|
/*#__PURE__*/ jsx(Content, {
|
|
@@ -21,7 +26,8 @@ const AlertDialogContent = /*#__PURE__*/ forwardRef(({ className, ...props }, re
|
|
|
21
26
|
...props
|
|
22
27
|
})
|
|
23
28
|
]
|
|
24
|
-
})
|
|
29
|
+
});
|
|
30
|
+
});
|
|
25
31
|
AlertDialogContent.displayName = Content.displayName;
|
|
26
32
|
const AlertDialogHeader = ({ className, ...props })=>/*#__PURE__*/ jsx("div", {
|
|
27
33
|
className: cn('flex flex-col space-y-2 text-center sm:text-left', className),
|
|
@@ -40,6 +40,7 @@ const jsx_runtime_namespaceObject = require("react/jsx-runtime");
|
|
|
40
40
|
const react_dialog_namespaceObject = require("@radix-ui/react-dialog");
|
|
41
41
|
const external_lucide_react_namespaceObject = require("lucide-react");
|
|
42
42
|
const external_react_namespaceObject = require("react");
|
|
43
|
+
const external_portal_container_cjs_namespaceObject = require("./portal-container.cjs");
|
|
43
44
|
const index_cjs_namespaceObject = require("../../lib/index.cjs");
|
|
44
45
|
function Dialog({ ...props }) {
|
|
45
46
|
return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_dialog_namespaceObject.Root, {
|
|
@@ -75,9 +76,11 @@ const dialog_DialogOverlay = /*#__PURE__*/ external_react_namespaceObject.forwar
|
|
|
75
76
|
...props
|
|
76
77
|
});
|
|
77
78
|
});
|
|
78
|
-
const dialog_DialogContent = /*#__PURE__*/ external_react_namespaceObject.forwardRef(function({ className, children, showCloseButton = true, ...props }, ref) {
|
|
79
|
+
const dialog_DialogContent = /*#__PURE__*/ external_react_namespaceObject.forwardRef(function({ className, children, showCloseButton = true, container, ...props }, ref) {
|
|
80
|
+
const resolvedContainer = (0, external_portal_container_cjs_namespaceObject.useResolvedPortalContainer)(container);
|
|
79
81
|
return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(DialogPortal, {
|
|
80
82
|
"data-slot": "dialog-portal",
|
|
83
|
+
container: resolvedContainer,
|
|
81
84
|
children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(dialog_DialogOverlay, {
|
|
82
85
|
children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(react_dialog_namespaceObject.Content, {
|
|
83
86
|
"data-slot": "dialog-content",
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import * as DialogPrimitive from '@radix-ui/react-dialog';
|
|
2
2
|
import * as React from 'react';
|
|
3
|
+
import { type PortalContainerOverride } from './portal-container';
|
|
3
4
|
declare function Dialog({ ...props }: React.ComponentProps<typeof DialogPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
|
|
4
5
|
declare const DialogTrigger: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogTriggerProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
|
|
5
6
|
declare function DialogPortal({ ...props }: React.ComponentProps<typeof DialogPrimitive.Portal>): import("react/jsx-runtime").JSX.Element;
|
|
@@ -7,6 +8,7 @@ declare const DialogClose: React.ForwardRefExoticComponent<Omit<DialogPrimitive.
|
|
|
7
8
|
declare const DialogOverlay: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogOverlayProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
8
9
|
declare const DialogContent: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
|
|
9
10
|
showCloseButton?: boolean;
|
|
11
|
+
container?: PortalContainerOverride;
|
|
10
12
|
} & React.RefAttributes<HTMLDivElement>>;
|
|
11
13
|
declare function DialogHeader({ className, ...props }: React.ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
|
|
12
14
|
declare function DialogFooter({ className, ...props }: React.ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
|
|
@@ -3,6 +3,7 @@ import { jsx, jsxs } from "react/jsx-runtime";
|
|
|
3
3
|
import { Close, Content, Description, Overlay, Portal, Root, Title, Trigger } from "@radix-ui/react-dialog";
|
|
4
4
|
import { XIcon } from "lucide-react";
|
|
5
5
|
import { forwardRef } from "react";
|
|
6
|
+
import { useResolvedPortalContainer } from "./portal-container.js";
|
|
6
7
|
import { cn } from "../../lib/index.js";
|
|
7
8
|
function Dialog({ ...props }) {
|
|
8
9
|
return /*#__PURE__*/ jsx(Root, {
|
|
@@ -38,9 +39,11 @@ const dialog_DialogOverlay = /*#__PURE__*/ forwardRef(function({ className, ...p
|
|
|
38
39
|
...props
|
|
39
40
|
});
|
|
40
41
|
});
|
|
41
|
-
const dialog_DialogContent = /*#__PURE__*/ forwardRef(function({ className, children, showCloseButton = true, ...props }, ref) {
|
|
42
|
+
const dialog_DialogContent = /*#__PURE__*/ forwardRef(function({ className, children, showCloseButton = true, container, ...props }, ref) {
|
|
43
|
+
const resolvedContainer = useResolvedPortalContainer(container);
|
|
42
44
|
return /*#__PURE__*/ jsx(DialogPortal, {
|
|
43
45
|
"data-slot": "dialog-portal",
|
|
46
|
+
container: resolvedContainer,
|
|
44
47
|
children: /*#__PURE__*/ jsx(dialog_DialogOverlay, {
|
|
45
48
|
children: /*#__PURE__*/ jsxs(Content, {
|
|
46
49
|
"data-slot": "dialog-content",
|
|
@@ -24,13 +24,13 @@ var __webpack_modules__ = {
|
|
|
24
24
|
"./button-group" (module) {
|
|
25
25
|
module.exports = require("./button-group.cjs");
|
|
26
26
|
},
|
|
27
|
-
"
|
|
27
|
+
"@/components/ui/button" (module) {
|
|
28
28
|
module.exports = require("./button.cjs");
|
|
29
29
|
},
|
|
30
|
-
"
|
|
30
|
+
"@/components/ui/calendar" (module) {
|
|
31
31
|
module.exports = require("./calendar.cjs");
|
|
32
32
|
},
|
|
33
|
-
"
|
|
33
|
+
"@/components/ui/card" (module) {
|
|
34
34
|
module.exports = require("./card.cjs");
|
|
35
35
|
},
|
|
36
36
|
"./checkbox" (module) {
|
|
@@ -42,7 +42,7 @@ var __webpack_modules__ = {
|
|
|
42
42
|
"./combobox" (module) {
|
|
43
43
|
module.exports = require("./combobox.cjs");
|
|
44
44
|
},
|
|
45
|
-
"
|
|
45
|
+
"./command" (module) {
|
|
46
46
|
module.exports = require("./command.cjs");
|
|
47
47
|
},
|
|
48
48
|
"./context-menu" (module) {
|
|
@@ -63,7 +63,7 @@ var __webpack_modules__ = {
|
|
|
63
63
|
"./dropdown-menu" (module) {
|
|
64
64
|
module.exports = require("./dropdown-menu.cjs");
|
|
65
65
|
},
|
|
66
|
-
"
|
|
66
|
+
"./editable-cell" (module) {
|
|
67
67
|
module.exports = require("./editable-cell.cjs");
|
|
68
68
|
},
|
|
69
69
|
"./empty-state" (module) {
|
|
@@ -78,10 +78,10 @@ var __webpack_modules__ = {
|
|
|
78
78
|
"./input-group" (module) {
|
|
79
79
|
module.exports = require("./input-group.cjs");
|
|
80
80
|
},
|
|
81
|
-
"
|
|
81
|
+
"./input" (module) {
|
|
82
82
|
module.exports = require("./input.cjs");
|
|
83
83
|
},
|
|
84
|
-
"
|
|
84
|
+
"./label" (module) {
|
|
85
85
|
module.exports = require("./label.cjs");
|
|
86
86
|
},
|
|
87
87
|
"./layout" (module) {
|
|
@@ -150,13 +150,13 @@ var __webpack_modules__ = {
|
|
|
150
150
|
"./tabs" (module) {
|
|
151
151
|
module.exports = require("./tabs.cjs");
|
|
152
152
|
},
|
|
153
|
-
"
|
|
153
|
+
"./textarea" (module) {
|
|
154
154
|
module.exports = require("./textarea.cjs");
|
|
155
155
|
},
|
|
156
156
|
"./toggle-group" (module) {
|
|
157
157
|
module.exports = require("./toggle-group.cjs");
|
|
158
158
|
},
|
|
159
|
-
"
|
|
159
|
+
"./toggle" (module) {
|
|
160
160
|
module.exports = require("./toggle.cjs");
|
|
161
161
|
},
|
|
162
162
|
"./tooltip" (module) {
|
|
@@ -261,7 +261,7 @@ var __webpack_exports__ = {};
|
|
|
261
261
|
"default"
|
|
262
262
|
].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_breadcrumb__rspack_import_6[__rspack_import_key];
|
|
263
263
|
__webpack_require__.d(__webpack_exports__, __rspack_reexport);
|
|
264
|
-
var _button__rspack_import_7 = __webpack_require__("
|
|
264
|
+
var _button__rspack_import_7 = __webpack_require__("@/components/ui/button");
|
|
265
265
|
var __rspack_reexport = {};
|
|
266
266
|
for(const __rspack_import_key in _button__rspack_import_7)if ([
|
|
267
267
|
"TreeView",
|
|
@@ -275,14 +275,14 @@ var __webpack_exports__ = {};
|
|
|
275
275
|
"default"
|
|
276
276
|
].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_button_group__rspack_import_8[__rspack_import_key];
|
|
277
277
|
__webpack_require__.d(__webpack_exports__, __rspack_reexport);
|
|
278
|
-
var _calendar__rspack_import_9 = __webpack_require__("
|
|
278
|
+
var _calendar__rspack_import_9 = __webpack_require__("@/components/ui/calendar");
|
|
279
279
|
var __rspack_reexport = {};
|
|
280
280
|
for(const __rspack_import_key in _calendar__rspack_import_9)if ([
|
|
281
281
|
"TreeView",
|
|
282
282
|
"default"
|
|
283
283
|
].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_calendar__rspack_import_9[__rspack_import_key];
|
|
284
284
|
__webpack_require__.d(__webpack_exports__, __rspack_reexport);
|
|
285
|
-
var _card__rspack_import_10 = __webpack_require__("
|
|
285
|
+
var _card__rspack_import_10 = __webpack_require__("@/components/ui/card");
|
|
286
286
|
var __rspack_reexport = {};
|
|
287
287
|
for(const __rspack_import_key in _card__rspack_import_10)if ([
|
|
288
288
|
"TreeView",
|
|
@@ -310,7 +310,7 @@ var __webpack_exports__ = {};
|
|
|
310
310
|
"default"
|
|
311
311
|
].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_combobox__rspack_import_13[__rspack_import_key];
|
|
312
312
|
__webpack_require__.d(__webpack_exports__, __rspack_reexport);
|
|
313
|
-
var _command__rspack_import_14 = __webpack_require__("
|
|
313
|
+
var _command__rspack_import_14 = __webpack_require__("./command");
|
|
314
314
|
var __rspack_reexport = {};
|
|
315
315
|
for(const __rspack_import_key in _command__rspack_import_14)if ([
|
|
316
316
|
"TreeView",
|
|
@@ -359,7 +359,7 @@ var __webpack_exports__ = {};
|
|
|
359
359
|
"default"
|
|
360
360
|
].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_dropdown_menu__rspack_import_20[__rspack_import_key];
|
|
361
361
|
__webpack_require__.d(__webpack_exports__, __rspack_reexport);
|
|
362
|
-
var _editable_cell__rspack_import_21 = __webpack_require__("
|
|
362
|
+
var _editable_cell__rspack_import_21 = __webpack_require__("./editable-cell");
|
|
363
363
|
var __rspack_reexport = {};
|
|
364
364
|
for(const __rspack_import_key in _editable_cell__rspack_import_21)if ([
|
|
365
365
|
"TreeView",
|
|
@@ -387,7 +387,7 @@ var __webpack_exports__ = {};
|
|
|
387
387
|
"default"
|
|
388
388
|
].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_hover_card__rspack_import_24[__rspack_import_key];
|
|
389
389
|
__webpack_require__.d(__webpack_exports__, __rspack_reexport);
|
|
390
|
-
var _input__rspack_import_25 = __webpack_require__("
|
|
390
|
+
var _input__rspack_import_25 = __webpack_require__("./input");
|
|
391
391
|
var __rspack_reexport = {};
|
|
392
392
|
for(const __rspack_import_key in _input__rspack_import_25)if ([
|
|
393
393
|
"TreeView",
|
|
@@ -401,7 +401,7 @@ var __webpack_exports__ = {};
|
|
|
401
401
|
"default"
|
|
402
402
|
].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_input_group__rspack_import_26[__rspack_import_key];
|
|
403
403
|
__webpack_require__.d(__webpack_exports__, __rspack_reexport);
|
|
404
|
-
var _label__rspack_import_27 = __webpack_require__("
|
|
404
|
+
var _label__rspack_import_27 = __webpack_require__("./label");
|
|
405
405
|
var __rspack_reexport = {};
|
|
406
406
|
for(const __rspack_import_key in _label__rspack_import_27)if ([
|
|
407
407
|
"TreeView",
|
|
@@ -562,14 +562,14 @@ var __webpack_exports__ = {};
|
|
|
562
562
|
"default"
|
|
563
563
|
].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_tabs__rspack_import_49[__rspack_import_key];
|
|
564
564
|
__webpack_require__.d(__webpack_exports__, __rspack_reexport);
|
|
565
|
-
var _textarea__rspack_import_50 = __webpack_require__("
|
|
565
|
+
var _textarea__rspack_import_50 = __webpack_require__("./textarea");
|
|
566
566
|
var __rspack_reexport = {};
|
|
567
567
|
for(const __rspack_import_key in _textarea__rspack_import_50)if ([
|
|
568
568
|
"TreeView",
|
|
569
569
|
"default"
|
|
570
570
|
].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_textarea__rspack_import_50[__rspack_import_key];
|
|
571
571
|
__webpack_require__.d(__webpack_exports__, __rspack_reexport);
|
|
572
|
-
var _toggle__rspack_import_51 = __webpack_require__("
|
|
572
|
+
var _toggle__rspack_import_51 = __webpack_require__("./toggle");
|
|
573
573
|
var __rspack_reexport = {};
|
|
574
574
|
for(const __rspack_import_key in _toggle__rspack_import_51)if ([
|
|
575
575
|
"TreeView",
|
|
@@ -36,15 +36,16 @@ const external_popover_cjs_namespaceObject = require("../../popover.cjs");
|
|
|
36
36
|
const external_switch_cjs_namespaceObject = require("../../switch.cjs");
|
|
37
37
|
const external_textarea_cjs_namespaceObject = require("../../textarea.cjs");
|
|
38
38
|
const external_tooltip_cjs_namespaceObject = require("../../tooltip.cjs");
|
|
39
|
-
const index_cjs_namespaceObject = require("
|
|
39
|
+
const index_cjs_namespaceObject = require("../../variable-picker/index.cjs");
|
|
40
|
+
const external_lib_index_cjs_namespaceObject = require("../../../../lib/index.cjs");
|
|
40
41
|
const external_types_cjs_namespaceObject = require("../types.cjs");
|
|
41
42
|
function FieldHeader({ label, fieldId, fieldLabel, required, fieldType, onFieldTypeChange, onRequiredChange, controlsVisibility, compact, showFieldActions, value, onValueChange, variables, onGenerateWithAi, headerActions }) {
|
|
42
43
|
const promptId = (0, external_react_namespaceObject.useId)();
|
|
43
44
|
const [aiPrompt, setAiPrompt] = (0, external_react_namespaceObject.useState)('');
|
|
44
45
|
const typeMeta = external_types_cjs_namespaceObject.FIELD_TYPE_META[fieldType];
|
|
45
|
-
const collapsedTextClass = (0,
|
|
46
|
-
const collapsedPaddingClass = (0,
|
|
47
|
-
const compactOnlyClass = (0,
|
|
46
|
+
const collapsedTextClass = (0, external_lib_index_cjs_namespaceObject.cn)('@max-[259px]:hidden', compact && '!hidden');
|
|
47
|
+
const collapsedPaddingClass = (0, external_lib_index_cjs_namespaceObject.cn)('@max-[259px]:px-1.5', compact && '!px-1.5');
|
|
48
|
+
const compactOnlyClass = (0, external_lib_index_cjs_namespaceObject.cn)('hidden @max-[259px]:block', compact && '!block');
|
|
48
49
|
return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
|
|
49
50
|
className: "flex items-center gap-1",
|
|
50
51
|
children: [
|
|
@@ -65,7 +66,7 @@ function FieldHeader({ label, fieldId, fieldLabel, required, fieldType, onFieldT
|
|
|
65
66
|
className: "ml-auto flex items-center gap-0.5",
|
|
66
67
|
children: [
|
|
67
68
|
/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
|
|
68
|
-
className: (0,
|
|
69
|
+
className: (0, external_lib_index_cjs_namespaceObject.cn)('flex items-center gap-0.5', 'hover' === controlsVisibility && 'opacity-0 transition-opacity group-hover:opacity-100 group-focus-within:opacity-100 has-[[aria-expanded=true]]:opacity-100'),
|
|
69
70
|
children: [
|
|
70
71
|
onFieldTypeChange && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(external_dropdown_menu_cjs_namespaceObject.DropdownMenu, {
|
|
71
72
|
children: [
|
|
@@ -78,7 +79,7 @@ function FieldHeader({ label, fieldId, fieldLabel, required, fieldType, onFieldT
|
|
|
78
79
|
children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("button", {
|
|
79
80
|
type: "button",
|
|
80
81
|
"aria-label": "Field type",
|
|
81
|
-
className: (0,
|
|
82
|
+
className: (0, external_lib_index_cjs_namespaceObject.cn)('flex h-7 items-center gap-1 rounded-lg px-2 text-[11px] text-foreground-subtle transition hover:bg-surface-overlay hover:text-foreground', collapsedPaddingClass),
|
|
82
83
|
children: [
|
|
83
84
|
/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(typeMeta.icon, {
|
|
84
85
|
size: 12
|
|
@@ -113,7 +114,7 @@ function FieldHeader({ label, fieldId, fieldLabel, required, fieldType, onFieldT
|
|
|
113
114
|
className: isActive ? 'text-brand' : 'text-foreground-muted'
|
|
114
115
|
}),
|
|
115
116
|
/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
|
|
116
|
-
className: (0,
|
|
117
|
+
className: (0, external_lib_index_cjs_namespaceObject.cn)(isActive && 'font-medium text-brand'),
|
|
117
118
|
children: meta.label
|
|
118
119
|
})
|
|
119
120
|
]
|
|
@@ -263,49 +264,45 @@ function FieldHeader({ label, fieldId, fieldLabel, required, fieldType, onFieldT
|
|
|
263
264
|
})
|
|
264
265
|
]
|
|
265
266
|
}),
|
|
266
|
-
/*#__PURE__*/ (0, jsx_runtime_namespaceObject.
|
|
267
|
-
|
|
268
|
-
|
|
269
|
-
|
|
270
|
-
|
|
271
|
-
|
|
272
|
-
|
|
273
|
-
|
|
274
|
-
|
|
275
|
-
|
|
276
|
-
|
|
277
|
-
|
|
278
|
-
|
|
279
|
-
|
|
280
|
-
|
|
281
|
-
|
|
282
|
-
|
|
283
|
-
|
|
284
|
-
|
|
285
|
-
|
|
286
|
-
|
|
287
|
-
|
|
288
|
-
|
|
289
|
-
|
|
290
|
-
|
|
291
|
-
|
|
292
|
-
|
|
293
|
-
|
|
294
|
-
|
|
295
|
-
|
|
296
|
-
|
|
297
|
-
|
|
298
|
-
|
|
299
|
-
|
|
300
|
-
|
|
301
|
-
|
|
302
|
-
|
|
303
|
-
|
|
304
|
-
|
|
305
|
-
children: variable.label
|
|
306
|
-
}, variable.value))
|
|
307
|
-
})
|
|
308
|
-
]
|
|
267
|
+
/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(index_cjs_namespaceObject.VariablePicker, {
|
|
268
|
+
disabled: 0 === variables.length || !onValueChange,
|
|
269
|
+
items: [
|
|
270
|
+
{
|
|
271
|
+
id: 'vars',
|
|
272
|
+
label: '$vars',
|
|
273
|
+
type: 'object',
|
|
274
|
+
children: variables.map((variable)=>({
|
|
275
|
+
id: variable.value,
|
|
276
|
+
label: variable.label,
|
|
277
|
+
value: variable.value,
|
|
278
|
+
type: 'string'
|
|
279
|
+
}))
|
|
280
|
+
}
|
|
281
|
+
],
|
|
282
|
+
onSelect: (variable)=>{
|
|
283
|
+
if (!variable.value) return;
|
|
284
|
+
onValueChange?.(value ? `${value} ${variable.value}` : variable.value);
|
|
285
|
+
},
|
|
286
|
+
children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("button", {
|
|
287
|
+
type: "button",
|
|
288
|
+
"aria-label": "Insert variable",
|
|
289
|
+
title: "Insert variable",
|
|
290
|
+
disabled: 0 === variables.length || !onValueChange,
|
|
291
|
+
className: (0, external_lib_index_cjs_namespaceObject.cn)('flex h-7 items-center gap-1 rounded-lg px-2 text-[11px] text-foreground-subtle transition hover:bg-surface-overlay hover:text-foreground disabled:pointer-events-none disabled:opacity-50', collapsedPaddingClass),
|
|
292
|
+
children: [
|
|
293
|
+
/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.Braces, {
|
|
294
|
+
size: 12
|
|
295
|
+
}),
|
|
296
|
+
/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
|
|
297
|
+
className: collapsedTextClass,
|
|
298
|
+
children: "Insert"
|
|
299
|
+
}),
|
|
300
|
+
/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.ChevronDown, {
|
|
301
|
+
size: 9,
|
|
302
|
+
className: collapsedTextClass
|
|
303
|
+
})
|
|
304
|
+
]
|
|
305
|
+
})
|
|
309
306
|
})
|
|
310
307
|
]
|
|
311
308
|
})
|
|
@@ -8,6 +8,7 @@ import { Popover, PopoverContent, PopoverTrigger } from "../../popover.js";
|
|
|
8
8
|
import { Switch } from "../../switch.js";
|
|
9
9
|
import { Textarea } from "../../textarea.js";
|
|
10
10
|
import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from "../../tooltip.js";
|
|
11
|
+
import { VariablePicker } from "../../variable-picker/index.js";
|
|
11
12
|
import { cn } from "../../../../lib/index.js";
|
|
12
13
|
import { FIELD_TYPE_META, FIELD_TYPE_ORDER } from "../types.js";
|
|
13
14
|
function FieldHeader({ label, fieldId, fieldLabel, required, fieldType, onFieldTypeChange, onRequiredChange, controlsVisibility, compact, showFieldActions, value, onValueChange, variables, onGenerateWithAi, headerActions }) {
|
|
@@ -235,49 +236,45 @@ function FieldHeader({ label, fieldId, fieldLabel, required, fieldType, onFieldT
|
|
|
235
236
|
})
|
|
236
237
|
]
|
|
237
238
|
}),
|
|
238
|
-
/*#__PURE__*/
|
|
239
|
-
|
|
240
|
-
|
|
241
|
-
|
|
242
|
-
|
|
243
|
-
|
|
244
|
-
|
|
245
|
-
|
|
246
|
-
|
|
247
|
-
|
|
248
|
-
|
|
249
|
-
|
|
250
|
-
|
|
251
|
-
|
|
252
|
-
|
|
253
|
-
|
|
254
|
-
|
|
255
|
-
|
|
256
|
-
|
|
257
|
-
|
|
258
|
-
|
|
259
|
-
|
|
260
|
-
|
|
261
|
-
|
|
262
|
-
|
|
263
|
-
|
|
264
|
-
|
|
265
|
-
|
|
266
|
-
|
|
267
|
-
|
|
268
|
-
|
|
269
|
-
|
|
270
|
-
|
|
271
|
-
|
|
272
|
-
|
|
273
|
-
|
|
274
|
-
|
|
275
|
-
|
|
276
|
-
|
|
277
|
-
children: variable.label
|
|
278
|
-
}, variable.value))
|
|
279
|
-
})
|
|
280
|
-
]
|
|
239
|
+
/*#__PURE__*/ jsx(VariablePicker, {
|
|
240
|
+
disabled: 0 === variables.length || !onValueChange,
|
|
241
|
+
items: [
|
|
242
|
+
{
|
|
243
|
+
id: 'vars',
|
|
244
|
+
label: '$vars',
|
|
245
|
+
type: 'object',
|
|
246
|
+
children: variables.map((variable)=>({
|
|
247
|
+
id: variable.value,
|
|
248
|
+
label: variable.label,
|
|
249
|
+
value: variable.value,
|
|
250
|
+
type: 'string'
|
|
251
|
+
}))
|
|
252
|
+
}
|
|
253
|
+
],
|
|
254
|
+
onSelect: (variable)=>{
|
|
255
|
+
if (!variable.value) return;
|
|
256
|
+
onValueChange?.(value ? `${value} ${variable.value}` : variable.value);
|
|
257
|
+
},
|
|
258
|
+
children: /*#__PURE__*/ jsxs("button", {
|
|
259
|
+
type: "button",
|
|
260
|
+
"aria-label": "Insert variable",
|
|
261
|
+
title: "Insert variable",
|
|
262
|
+
disabled: 0 === variables.length || !onValueChange,
|
|
263
|
+
className: cn('flex h-7 items-center gap-1 rounded-lg px-2 text-[11px] text-foreground-subtle transition hover:bg-surface-overlay hover:text-foreground disabled:pointer-events-none disabled:opacity-50', collapsedPaddingClass),
|
|
264
|
+
children: [
|
|
265
|
+
/*#__PURE__*/ jsx(Braces, {
|
|
266
|
+
size: 12
|
|
267
|
+
}),
|
|
268
|
+
/*#__PURE__*/ jsx("span", {
|
|
269
|
+
className: collapsedTextClass,
|
|
270
|
+
children: "Insert"
|
|
271
|
+
}),
|
|
272
|
+
/*#__PURE__*/ jsx(ChevronDown, {
|
|
273
|
+
size: 9,
|
|
274
|
+
className: collapsedTextClass
|
|
275
|
+
})
|
|
276
|
+
]
|
|
277
|
+
})
|
|
281
278
|
})
|
|
282
279
|
]
|
|
283
280
|
})
|
|
@@ -41,6 +41,7 @@ const react_dialog_namespaceObject = require("@radix-ui/react-dialog");
|
|
|
41
41
|
const external_class_variance_authority_namespaceObject = require("class-variance-authority");
|
|
42
42
|
const external_lucide_react_namespaceObject = require("lucide-react");
|
|
43
43
|
const external_react_namespaceObject = require("react");
|
|
44
|
+
const external_portal_container_cjs_namespaceObject = require("./portal-container.cjs");
|
|
44
45
|
const index_cjs_namespaceObject = require("../../lib/index.cjs");
|
|
45
46
|
const Sheet = react_dialog_namespaceObject.Root;
|
|
46
47
|
const SheetTrigger = react_dialog_namespaceObject.Trigger;
|
|
@@ -65,7 +66,10 @@ const sheetVariants = (0, external_class_variance_authority_namespaceObject.cva)
|
|
|
65
66
|
side: 'right'
|
|
66
67
|
}
|
|
67
68
|
});
|
|
68
|
-
const SheetContent = /*#__PURE__*/ external_react_namespaceObject.forwardRef(({ side = 'right', className, children, ...props }, ref)
|
|
69
|
+
const SheetContent = /*#__PURE__*/ external_react_namespaceObject.forwardRef(({ side = 'right', className, children, container, ...props }, ref)=>{
|
|
70
|
+
const resolvedContainer = (0, external_portal_container_cjs_namespaceObject.useResolvedPortalContainer)(container);
|
|
71
|
+
return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(SheetPortal, {
|
|
72
|
+
container: resolvedContainer,
|
|
69
73
|
children: [
|
|
70
74
|
/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(SheetOverlay, {}),
|
|
71
75
|
/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(react_dialog_namespaceObject.Content, {
|
|
@@ -91,7 +95,8 @@ const SheetContent = /*#__PURE__*/ external_react_namespaceObject.forwardRef(({
|
|
|
91
95
|
]
|
|
92
96
|
})
|
|
93
97
|
]
|
|
94
|
-
})
|
|
98
|
+
});
|
|
99
|
+
});
|
|
95
100
|
SheetContent.displayName = react_dialog_namespaceObject.Content.displayName;
|
|
96
101
|
const SheetHeader = ({ className, ...props })=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
|
|
97
102
|
className: (0, index_cjs_namespaceObject.cn)('flex flex-col space-y-2 text-center sm:text-left', className),
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import * as SheetPrimitive from '@radix-ui/react-dialog';
|
|
2
2
|
import { type VariantProps } from 'class-variance-authority';
|
|
3
3
|
import * as React from 'react';
|
|
4
|
+
import { type PortalContainerOverride } from './portal-container';
|
|
4
5
|
declare const Sheet: React.FC<SheetPrimitive.DialogProps>;
|
|
5
6
|
declare const SheetTrigger: React.ForwardRefExoticComponent<SheetPrimitive.DialogTriggerProps & React.RefAttributes<HTMLButtonElement>>;
|
|
6
7
|
declare const SheetClose: React.ForwardRefExoticComponent<SheetPrimitive.DialogCloseProps & React.RefAttributes<HTMLButtonElement>>;
|
|
@@ -10,6 +11,7 @@ declare const sheetVariants: (props?: ({
|
|
|
10
11
|
side?: "left" | "right" | "bottom" | "top" | null | undefined;
|
|
11
12
|
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
12
13
|
interface SheetContentProps extends React.ComponentPropsWithoutRef<typeof SheetPrimitive.Content>, VariantProps<typeof sheetVariants> {
|
|
14
|
+
container?: PortalContainerOverride;
|
|
13
15
|
}
|
|
14
16
|
declare const SheetContent: React.ForwardRefExoticComponent<SheetContentProps & React.RefAttributes<HTMLDivElement>>;
|
|
15
17
|
declare const SheetHeader: {
|
|
@@ -4,6 +4,7 @@ import { Close, Content, Description, Overlay, Portal, Root, Title, Trigger } fr
|
|
|
4
4
|
import { cva } from "class-variance-authority";
|
|
5
5
|
import { X } from "lucide-react";
|
|
6
6
|
import { forwardRef } from "react";
|
|
7
|
+
import { useResolvedPortalContainer } from "./portal-container.js";
|
|
7
8
|
import { cn } from "../../lib/index.js";
|
|
8
9
|
const Sheet = Root;
|
|
9
10
|
const SheetTrigger = Trigger;
|
|
@@ -28,7 +29,10 @@ const sheetVariants = cva('fixed z-50 gap-4 bg-background p-6 shadow-lg transiti
|
|
|
28
29
|
side: 'right'
|
|
29
30
|
}
|
|
30
31
|
});
|
|
31
|
-
const SheetContent = /*#__PURE__*/ forwardRef(({ side = 'right', className, children, ...props }, ref)
|
|
32
|
+
const SheetContent = /*#__PURE__*/ forwardRef(({ side = 'right', className, children, container, ...props }, ref)=>{
|
|
33
|
+
const resolvedContainer = useResolvedPortalContainer(container);
|
|
34
|
+
return /*#__PURE__*/ jsxs(SheetPortal, {
|
|
35
|
+
container: resolvedContainer,
|
|
32
36
|
children: [
|
|
33
37
|
/*#__PURE__*/ jsx(SheetOverlay, {}),
|
|
34
38
|
/*#__PURE__*/ jsxs(Content, {
|
|
@@ -54,7 +58,8 @@ const SheetContent = /*#__PURE__*/ forwardRef(({ side = 'right', className, chil
|
|
|
54
58
|
]
|
|
55
59
|
})
|
|
56
60
|
]
|
|
57
|
-
})
|
|
61
|
+
});
|
|
62
|
+
});
|
|
58
63
|
SheetContent.displayName = Content.displayName;
|
|
59
64
|
const SheetHeader = ({ className, ...props })=>/*#__PURE__*/ jsx("div", {
|
|
60
65
|
className: cn('flex flex-col space-y-2 text-center sm:text-left', className),
|