@uipath/apollo-react 6.4.0 → 6.5.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/canvas/components/NodePropertyPanel/NodePropertyPanel.cjs +8 -11
- package/dist/canvas/components/NodePropertyPanel/NodePropertyPanel.d.ts +1 -1
- package/dist/canvas/components/NodePropertyPanel/NodePropertyPanel.d.ts.map +1 -1
- package/dist/canvas/components/NodePropertyPanel/NodePropertyPanel.js +8 -11
- package/dist/canvas/components/NodePropertyPanel/NodePropertyPanel.types.d.ts +1 -0
- package/dist/canvas/components/NodePropertyPanel/NodePropertyPanel.types.d.ts.map +1 -1
- package/dist/canvas/styles/tailwind.canvas.css +1 -1
- package/package.json +1 -1
|
@@ -30,10 +30,8 @@ const jsx_runtime_namespaceObject = require("react/jsx-runtime");
|
|
|
30
30
|
const apollo_wind_namespaceObject = require("@uipath/apollo-wind");
|
|
31
31
|
const external_lucide_react_namespaceObject = require("lucide-react");
|
|
32
32
|
const external_react_namespaceObject = require("react");
|
|
33
|
-
const SURFACE_REMAP =
|
|
34
|
-
|
|
35
|
-
};
|
|
36
|
-
function NodePropertyPanel({ panelTitle, onClose, nodeIcon, nodeLabel, nodeCategory, action, schema, plugins, onSubmit, disabled, resetKey, className, contentInset = '1.5rem', children, headerExtra, sectionVariant, activeStepId, onActiveStepChange }) {
|
|
33
|
+
const SURFACE_REMAP = 'future:[--surface-raised:var(--surface-overlay)]';
|
|
34
|
+
function NodePropertyPanel({ panelTitle, onClose, nodeIcon, nodeLabel, nodeCategory, action, schema, plugins, onSubmit, disabled, autoComplete, resetKey, className, contentInset = '1.5rem', children, headerExtra, sectionVariant, activeStepId, onActiveStepChange }) {
|
|
37
35
|
const hasNodeHeader = !!(nodeLabel || nodeCategory || nodeIcon || action);
|
|
38
36
|
const formSchema = (0, external_react_namespaceObject.useMemo)(()=>schema && void 0 === schema.actions ? {
|
|
39
37
|
...schema,
|
|
@@ -42,7 +40,7 @@ function NodePropertyPanel({ panelTitle, onClose, nodeIcon, nodeLabel, nodeCateg
|
|
|
42
40
|
schema
|
|
43
41
|
]);
|
|
44
42
|
return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
|
|
45
|
-
className: (0, apollo_wind_namespaceObject.cn)('flex min-h-0 flex-col bg-surface-raised', className),
|
|
43
|
+
className: (0, apollo_wind_namespaceObject.cn)('flex min-h-0 flex-col bg-surface future:bg-surface-raised', className),
|
|
46
44
|
style: {
|
|
47
45
|
'--mf-content-inset': contentInset
|
|
48
46
|
},
|
|
@@ -115,14 +113,12 @@ function NodePropertyPanel({ panelTitle, onClose, nodeIcon, nodeLabel, nodeCateg
|
|
|
115
113
|
]
|
|
116
114
|
}),
|
|
117
115
|
children ? /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
|
|
118
|
-
className:
|
|
119
|
-
style: SURFACE_REMAP,
|
|
116
|
+
className: (0, apollo_wind_namespaceObject.cn)('min-h-0 flex-1 overflow-auto', SURFACE_REMAP),
|
|
120
117
|
children: children
|
|
121
118
|
}) : formSchema ? formSchema.steps ? /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
|
|
122
119
|
className: "flex min-h-0 flex-1 flex-col",
|
|
123
120
|
children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
|
|
124
|
-
|
|
125
|
-
className: "flex min-h-0 flex-1 flex-col [&_label]:text-foreground-muted",
|
|
121
|
+
className: (0, apollo_wind_namespaceObject.cn)('flex min-h-0 flex-1 flex-col [&_label]:text-foreground-muted', SURFACE_REMAP),
|
|
126
122
|
children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(apollo_wind_namespaceObject.MetadataForm, {
|
|
127
123
|
schema: formSchema,
|
|
128
124
|
plugins: plugins,
|
|
@@ -132,20 +128,21 @@ function NodePropertyPanel({ panelTitle, onClose, nodeIcon, nodeLabel, nodeCateg
|
|
|
132
128
|
onActiveStepChange: onActiveStepChange,
|
|
133
129
|
onSubmit: onSubmit,
|
|
134
130
|
disabled: disabled,
|
|
131
|
+
autoComplete: autoComplete,
|
|
135
132
|
className: "flex min-h-0 flex-1 flex-col"
|
|
136
133
|
}, resetKey)
|
|
137
134
|
})
|
|
138
135
|
}) : /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
|
|
139
136
|
className: "min-h-0 flex-1 overflow-auto",
|
|
140
137
|
children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
|
|
141
|
-
|
|
142
|
-
className: "[&_label]:text-foreground-muted",
|
|
138
|
+
className: (0, apollo_wind_namespaceObject.cn)('[&_label]:text-foreground-muted', SURFACE_REMAP),
|
|
143
139
|
children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(apollo_wind_namespaceObject.MetadataForm, {
|
|
144
140
|
schema: formSchema,
|
|
145
141
|
plugins: plugins,
|
|
146
142
|
sectionVariant: sectionVariant,
|
|
147
143
|
onSubmit: onSubmit,
|
|
148
144
|
disabled: disabled,
|
|
145
|
+
autoComplete: autoComplete,
|
|
149
146
|
className: "flex flex-col gap-4 pb-6 pt-3 [padding-inline:var(--mf-content-inset)]"
|
|
150
147
|
}, resetKey)
|
|
151
148
|
})
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import type { NodePropertyPanelProps } from './NodePropertyPanel.types';
|
|
2
|
-
export declare function NodePropertyPanel({ panelTitle, onClose, nodeIcon, nodeLabel, nodeCategory, action, schema, plugins, onSubmit, disabled, resetKey, className, contentInset, children, headerExtra, sectionVariant, activeStepId, onActiveStepChange, }: NodePropertyPanelProps): import("react/jsx-runtime").JSX.Element;
|
|
2
|
+
export declare function NodePropertyPanel({ panelTitle, onClose, nodeIcon, nodeLabel, nodeCategory, action, schema, plugins, onSubmit, disabled, autoComplete, resetKey, className, contentInset, children, headerExtra, sectionVariant, activeStepId, onActiveStepChange, }: NodePropertyPanelProps): import("react/jsx-runtime").JSX.Element;
|
|
3
3
|
//# sourceMappingURL=NodePropertyPanel.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NodePropertyPanel.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/NodePropertyPanel/NodePropertyPanel.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,2BAA2B,CAAC;
|
|
1
|
+
{"version":3,"file":"NodePropertyPanel.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/NodePropertyPanel/NodePropertyPanel.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,2BAA2B,CAAC;AAmCxE,wBAAgB,iBAAiB,CAAC,EAChC,UAAU,EACV,OAAO,EACP,QAAQ,EACR,SAAS,EACT,YAAY,EACZ,MAAM,EACN,MAAM,EACN,OAAO,EACP,QAAQ,EACR,QAAQ,EACR,YAAY,EACZ,QAAQ,EACR,SAAS,EACT,YAAuB,EACvB,QAAQ,EACR,WAAW,EACX,cAAc,EACd,YAAY,EACZ,kBAAkB,GACnB,EAAE,sBAAsB,2CA2HxB"}
|
|
@@ -2,10 +2,8 @@ import { jsx, jsxs } from "react/jsx-runtime";
|
|
|
2
2
|
import { MetadataForm, cn } from "@uipath/apollo-wind";
|
|
3
3
|
import { GripVertical, X } from "lucide-react";
|
|
4
4
|
import { useMemo } from "react";
|
|
5
|
-
const SURFACE_REMAP =
|
|
6
|
-
|
|
7
|
-
};
|
|
8
|
-
function NodePropertyPanel({ panelTitle, onClose, nodeIcon, nodeLabel, nodeCategory, action, schema, plugins, onSubmit, disabled, resetKey, className, contentInset = '1.5rem', children, headerExtra, sectionVariant, activeStepId, onActiveStepChange }) {
|
|
5
|
+
const SURFACE_REMAP = 'future:[--surface-raised:var(--surface-overlay)]';
|
|
6
|
+
function NodePropertyPanel({ panelTitle, onClose, nodeIcon, nodeLabel, nodeCategory, action, schema, plugins, onSubmit, disabled, autoComplete, resetKey, className, contentInset = '1.5rem', children, headerExtra, sectionVariant, activeStepId, onActiveStepChange }) {
|
|
9
7
|
const hasNodeHeader = !!(nodeLabel || nodeCategory || nodeIcon || action);
|
|
10
8
|
const formSchema = useMemo(()=>schema && void 0 === schema.actions ? {
|
|
11
9
|
...schema,
|
|
@@ -14,7 +12,7 @@ function NodePropertyPanel({ panelTitle, onClose, nodeIcon, nodeLabel, nodeCateg
|
|
|
14
12
|
schema
|
|
15
13
|
]);
|
|
16
14
|
return /*#__PURE__*/ jsxs("div", {
|
|
17
|
-
className: cn('flex min-h-0 flex-col bg-surface-raised', className),
|
|
15
|
+
className: cn('flex min-h-0 flex-col bg-surface future:bg-surface-raised', className),
|
|
18
16
|
style: {
|
|
19
17
|
'--mf-content-inset': contentInset
|
|
20
18
|
},
|
|
@@ -87,14 +85,12 @@ function NodePropertyPanel({ panelTitle, onClose, nodeIcon, nodeLabel, nodeCateg
|
|
|
87
85
|
]
|
|
88
86
|
}),
|
|
89
87
|
children ? /*#__PURE__*/ jsx("div", {
|
|
90
|
-
className:
|
|
91
|
-
style: SURFACE_REMAP,
|
|
88
|
+
className: cn('min-h-0 flex-1 overflow-auto', SURFACE_REMAP),
|
|
92
89
|
children: children
|
|
93
90
|
}) : formSchema ? formSchema.steps ? /*#__PURE__*/ jsx("div", {
|
|
94
91
|
className: "flex min-h-0 flex-1 flex-col",
|
|
95
92
|
children: /*#__PURE__*/ jsx("div", {
|
|
96
|
-
|
|
97
|
-
className: "flex min-h-0 flex-1 flex-col [&_label]:text-foreground-muted",
|
|
93
|
+
className: cn('flex min-h-0 flex-1 flex-col [&_label]:text-foreground-muted', SURFACE_REMAP),
|
|
98
94
|
children: /*#__PURE__*/ jsx(MetadataForm, {
|
|
99
95
|
schema: formSchema,
|
|
100
96
|
plugins: plugins,
|
|
@@ -104,20 +100,21 @@ function NodePropertyPanel({ panelTitle, onClose, nodeIcon, nodeLabel, nodeCateg
|
|
|
104
100
|
onActiveStepChange: onActiveStepChange,
|
|
105
101
|
onSubmit: onSubmit,
|
|
106
102
|
disabled: disabled,
|
|
103
|
+
autoComplete: autoComplete,
|
|
107
104
|
className: "flex min-h-0 flex-1 flex-col"
|
|
108
105
|
}, resetKey)
|
|
109
106
|
})
|
|
110
107
|
}) : /*#__PURE__*/ jsx("div", {
|
|
111
108
|
className: "min-h-0 flex-1 overflow-auto",
|
|
112
109
|
children: /*#__PURE__*/ jsx("div", {
|
|
113
|
-
|
|
114
|
-
className: "[&_label]:text-foreground-muted",
|
|
110
|
+
className: cn('[&_label]:text-foreground-muted', SURFACE_REMAP),
|
|
115
111
|
children: /*#__PURE__*/ jsx(MetadataForm, {
|
|
116
112
|
schema: formSchema,
|
|
117
113
|
plugins: plugins,
|
|
118
114
|
sectionVariant: sectionVariant,
|
|
119
115
|
onSubmit: onSubmit,
|
|
120
116
|
disabled: disabled,
|
|
117
|
+
autoComplete: autoComplete,
|
|
121
118
|
className: "flex flex-col gap-4 pb-6 pt-3 [padding-inline:var(--mf-content-inset)]"
|
|
122
119
|
}, resetKey)
|
|
123
120
|
})
|
|
@@ -14,6 +14,7 @@ export interface NodePropertyPanelProps {
|
|
|
14
14
|
onActiveStepChange?: (stepId: string) => void;
|
|
15
15
|
onSubmit?: (data: unknown) => void | Promise<void>;
|
|
16
16
|
disabled?: boolean;
|
|
17
|
+
autoComplete?: 'off' | 'on';
|
|
17
18
|
resetKey?: string;
|
|
18
19
|
className?: string;
|
|
19
20
|
contentInset?: string;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NodePropertyPanel.types.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/NodePropertyPanel/NodePropertyPanel.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AAClE,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,MAAM,WAAW,sBAAsB;IAKrC,UAAU,CAAC,EAAE,MAAM,CAAC;IAEpB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IAErB,QAAQ,CAAC,EAAE,SAAS,CAAC;IAErB,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,YAAY,CAAC,EAAE,MAAM,CAAC;IAEtB,MAAM,CAAC,EAAE,SAAS,CAAC;IAMnB,MAAM,CAAC,EAAE,UAAU,CAAC;IAMpB,OAAO,CAAC,EAAE,UAAU,EAAE,CAAC;IAOvB,cAAc,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IAMlC,YAAY,CAAC,EAAE,MAAM,CAAC;IAKtB,kBAAkB,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IAE9C,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IAEnD,QAAQ,CAAC,EAAE,OAAO,CAAC;IAMnB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IAMnB,YAAY,CAAC,EAAE,MAAM,CAAC;IAKtB,WAAW,CAAC,EAAE,SAAS,CAAC;IAQxB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB"}
|
|
1
|
+
{"version":3,"file":"NodePropertyPanel.types.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/NodePropertyPanel/NodePropertyPanel.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AAClE,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,MAAM,WAAW,sBAAsB;IAKrC,UAAU,CAAC,EAAE,MAAM,CAAC;IAEpB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IAErB,QAAQ,CAAC,EAAE,SAAS,CAAC;IAErB,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,YAAY,CAAC,EAAE,MAAM,CAAC;IAEtB,MAAM,CAAC,EAAE,SAAS,CAAC;IAMnB,MAAM,CAAC,EAAE,UAAU,CAAC;IAMpB,OAAO,CAAC,EAAE,UAAU,EAAE,CAAC;IAOvB,cAAc,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IAMlC,YAAY,CAAC,EAAE,MAAM,CAAC;IAKtB,kBAAkB,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IAE9C,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IAEnD,QAAQ,CAAC,EAAE,OAAO,CAAC;IAMnB,YAAY,CAAC,EAAE,KAAK,GAAG,IAAI,CAAC;IAM5B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IAMnB,YAAY,CAAC,EAAE,MAAM,CAAC;IAKtB,WAAW,CAAC,EAAE,SAAS,CAAC;IAQxB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB"}
|