@uipath/apollo-react 6.0.0 → 6.1.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 +20 -3
- 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 +20 -3
- package/dist/canvas/components/NodePropertyPanel/NodePropertyPanel.types.d.ts +3 -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 +2 -2
|
@@ -33,7 +33,7 @@ const external_react_namespaceObject = require("react");
|
|
|
33
33
|
const SURFACE_REMAP = {
|
|
34
34
|
'--surface-raised': 'var(--surface-overlay)'
|
|
35
35
|
};
|
|
36
|
-
function NodePropertyPanel({ panelTitle, onClose, nodeIcon, nodeLabel, nodeCategory, action, schema, plugins, onSubmit, disabled, resetKey, className, contentInset = '1.5rem', children, headerExtra }) {
|
|
36
|
+
function NodePropertyPanel({ panelTitle, onClose, nodeIcon, nodeLabel, nodeCategory, action, schema, plugins, onSubmit, disabled, resetKey, className, contentInset = '1.5rem', children, headerExtra, sectionVariant, activeStepId, onActiveStepChange }) {
|
|
37
37
|
const hasNodeHeader = !!(nodeLabel || nodeCategory || nodeIcon || action);
|
|
38
38
|
const formSchema = (0, external_react_namespaceObject.useMemo)(()=>schema && void 0 === schema.actions ? {
|
|
39
39
|
...schema,
|
|
@@ -118,7 +118,24 @@ function NodePropertyPanel({ panelTitle, onClose, nodeIcon, nodeLabel, nodeCateg
|
|
|
118
118
|
className: "min-h-0 flex-1 overflow-auto",
|
|
119
119
|
style: SURFACE_REMAP,
|
|
120
120
|
children: children
|
|
121
|
-
}) : formSchema ? /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
|
|
121
|
+
}) : formSchema ? formSchema.steps ? /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
|
|
122
|
+
className: "flex min-h-0 flex-1 flex-col",
|
|
123
|
+
children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
|
|
124
|
+
style: SURFACE_REMAP,
|
|
125
|
+
className: "flex min-h-0 flex-1 flex-col [&_label]:text-foreground-muted",
|
|
126
|
+
children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(apollo_wind_namespaceObject.MetadataForm, {
|
|
127
|
+
schema: formSchema,
|
|
128
|
+
plugins: plugins,
|
|
129
|
+
stepVariant: "tabs",
|
|
130
|
+
sectionVariant: sectionVariant,
|
|
131
|
+
activeStepId: activeStepId,
|
|
132
|
+
onActiveStepChange: onActiveStepChange,
|
|
133
|
+
onSubmit: onSubmit,
|
|
134
|
+
disabled: disabled,
|
|
135
|
+
className: "flex min-h-0 flex-1 flex-col"
|
|
136
|
+
}, resetKey)
|
|
137
|
+
})
|
|
138
|
+
}) : /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
|
|
122
139
|
className: "min-h-0 flex-1 overflow-auto",
|
|
123
140
|
children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
|
|
124
141
|
style: SURFACE_REMAP,
|
|
@@ -126,7 +143,7 @@ function NodePropertyPanel({ panelTitle, onClose, nodeIcon, nodeLabel, nodeCateg
|
|
|
126
143
|
children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(apollo_wind_namespaceObject.MetadataForm, {
|
|
127
144
|
schema: formSchema,
|
|
128
145
|
plugins: plugins,
|
|
129
|
-
|
|
146
|
+
sectionVariant: sectionVariant,
|
|
130
147
|
onSubmit: onSubmit,
|
|
131
148
|
disabled: disabled,
|
|
132
149
|
className: "flex flex-col gap-4 pb-6 pt-3 [padding-inline:var(--mf-content-inset)]"
|
|
@@ -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, }: NodePropertyPanelProps): import("react/jsx-runtime").JSX.Element;
|
|
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;
|
|
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;AAiCxE,wBAAgB,iBAAiB,CAAC,EAChC,UAAU,EACV,OAAO,EACP,QAAQ,EACR,SAAS,EACT,YAAY,EACZ,MAAM,EACN,MAAM,EACN,OAAO,EACP,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,SAAS,EACT,YAAuB,EACvB,QAAQ,EACR,WAAW,
|
|
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;AAiCxE,wBAAgB,iBAAiB,CAAC,EAChC,UAAU,EACV,OAAO,EACP,QAAQ,EACR,SAAS,EACT,YAAY,EACZ,MAAM,EACN,MAAM,EACN,OAAO,EACP,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,SAAS,EACT,YAAuB,EACvB,QAAQ,EACR,WAAW,EACX,cAAc,EACd,YAAY,EACZ,kBAAkB,GACnB,EAAE,sBAAsB,2CAyHxB"}
|
|
@@ -5,7 +5,7 @@ import { useMemo } from "react";
|
|
|
5
5
|
const SURFACE_REMAP = {
|
|
6
6
|
'--surface-raised': 'var(--surface-overlay)'
|
|
7
7
|
};
|
|
8
|
-
function NodePropertyPanel({ panelTitle, onClose, nodeIcon, nodeLabel, nodeCategory, action, schema, plugins, onSubmit, disabled, resetKey, className, contentInset = '1.5rem', children, headerExtra }) {
|
|
8
|
+
function NodePropertyPanel({ panelTitle, onClose, nodeIcon, nodeLabel, nodeCategory, action, schema, plugins, onSubmit, disabled, resetKey, className, contentInset = '1.5rem', children, headerExtra, sectionVariant, activeStepId, onActiveStepChange }) {
|
|
9
9
|
const hasNodeHeader = !!(nodeLabel || nodeCategory || nodeIcon || action);
|
|
10
10
|
const formSchema = useMemo(()=>schema && void 0 === schema.actions ? {
|
|
11
11
|
...schema,
|
|
@@ -90,7 +90,24 @@ function NodePropertyPanel({ panelTitle, onClose, nodeIcon, nodeLabel, nodeCateg
|
|
|
90
90
|
className: "min-h-0 flex-1 overflow-auto",
|
|
91
91
|
style: SURFACE_REMAP,
|
|
92
92
|
children: children
|
|
93
|
-
}) : formSchema ? /*#__PURE__*/ jsx("div", {
|
|
93
|
+
}) : formSchema ? formSchema.steps ? /*#__PURE__*/ jsx("div", {
|
|
94
|
+
className: "flex min-h-0 flex-1 flex-col",
|
|
95
|
+
children: /*#__PURE__*/ jsx("div", {
|
|
96
|
+
style: SURFACE_REMAP,
|
|
97
|
+
className: "flex min-h-0 flex-1 flex-col [&_label]:text-foreground-muted",
|
|
98
|
+
children: /*#__PURE__*/ jsx(MetadataForm, {
|
|
99
|
+
schema: formSchema,
|
|
100
|
+
plugins: plugins,
|
|
101
|
+
stepVariant: "tabs",
|
|
102
|
+
sectionVariant: sectionVariant,
|
|
103
|
+
activeStepId: activeStepId,
|
|
104
|
+
onActiveStepChange: onActiveStepChange,
|
|
105
|
+
onSubmit: onSubmit,
|
|
106
|
+
disabled: disabled,
|
|
107
|
+
className: "flex min-h-0 flex-1 flex-col"
|
|
108
|
+
}, resetKey)
|
|
109
|
+
})
|
|
110
|
+
}) : /*#__PURE__*/ jsx("div", {
|
|
94
111
|
className: "min-h-0 flex-1 overflow-auto",
|
|
95
112
|
children: /*#__PURE__*/ jsx("div", {
|
|
96
113
|
style: SURFACE_REMAP,
|
|
@@ -98,7 +115,7 @@ function NodePropertyPanel({ panelTitle, onClose, nodeIcon, nodeLabel, nodeCateg
|
|
|
98
115
|
children: /*#__PURE__*/ jsx(MetadataForm, {
|
|
99
116
|
schema: formSchema,
|
|
100
117
|
plugins: plugins,
|
|
101
|
-
|
|
118
|
+
sectionVariant: sectionVariant,
|
|
102
119
|
onSubmit: onSubmit,
|
|
103
120
|
disabled: disabled,
|
|
104
121
|
className: "flex flex-col gap-4 pb-6 pt-3 [padding-inline:var(--mf-content-inset)]"
|
|
@@ -9,6 +9,9 @@ export interface NodePropertyPanelProps {
|
|
|
9
9
|
action?: ReactNode;
|
|
10
10
|
schema?: FormSchema;
|
|
11
11
|
plugins?: FormPlugin[];
|
|
12
|
+
sectionVariant?: 'card' | 'plain';
|
|
13
|
+
activeStepId?: string;
|
|
14
|
+
onActiveStepChange?: (stepId: string) => void;
|
|
12
15
|
onSubmit?: (data: unknown) => void | Promise<void>;
|
|
13
16
|
disabled?: boolean;
|
|
14
17
|
resetKey?: 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;
|
|
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"}
|