@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.
@@ -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
- stepVariant: "tabs",
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,GACZ,EAAE,sBAAsB,2CAgGxB"}
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
- stepVariant: "tabs",
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;IAEvB,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,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"}