@oneuptime/common 10.2.21 → 10.2.22
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/UI/Components/Workflow/ArgumentsForm.tsx +3 -9
- package/UI/Components/Workflow/ComponentPortViewer.tsx +8 -4
- package/UI/Components/Workflow/ComponentReturnValueViewer.tsx +8 -4
- package/UI/Components/Workflow/ComponentSettingsModal.tsx +48 -32
- package/build/dist/UI/Components/Workflow/ArgumentsForm.js +3 -5
- package/build/dist/UI/Components/Workflow/ArgumentsForm.js.map +1 -1
- package/build/dist/UI/Components/Workflow/ComponentPortViewer.js +4 -4
- package/build/dist/UI/Components/Workflow/ComponentPortViewer.js.map +1 -1
- package/build/dist/UI/Components/Workflow/ComponentReturnValueViewer.js +4 -4
- package/build/dist/UI/Components/Workflow/ComponentReturnValueViewer.js.map +1 -1
- package/build/dist/UI/Components/Workflow/ComponentSettingsModal.js +25 -13
- package/build/dist/UI/Components/Workflow/ComponentSettingsModal.js.map +1 -1
- package/package.json +1 -1
|
@@ -143,17 +143,11 @@ const ArgumentsForm: FunctionComponent<ComponentProps> = (
|
|
|
143
143
|
}, [component]);
|
|
144
144
|
|
|
145
145
|
return (
|
|
146
|
-
<div
|
|
147
|
-
<div
|
|
148
|
-
<h2 className="text-base font-medium text-gray-500">Arguments</h2>
|
|
149
|
-
<p className="text-sm font-medium text-gray-400 mb-5">
|
|
150
|
-
Arguments for this component
|
|
151
|
-
</p>
|
|
146
|
+
<div>
|
|
147
|
+
<div>
|
|
152
148
|
{component.metadata.arguments &&
|
|
153
149
|
component.metadata.arguments.length === 0 && (
|
|
154
|
-
<ErrorMessage
|
|
155
|
-
message={"This component does not take any arguments."}
|
|
156
|
-
/>
|
|
150
|
+
<ErrorMessage message={"This step does not need any settings."} />
|
|
157
151
|
)}
|
|
158
152
|
{/*
|
|
159
153
|
If any argument is a WorkflowSelect and we're still fetching the
|
|
@@ -11,11 +11,15 @@ const ComponentPortViewer: FunctionComponent<ComponentProps> = (
|
|
|
11
11
|
props: ComponentProps,
|
|
12
12
|
): ReactElement => {
|
|
13
13
|
return (
|
|
14
|
-
<div
|
|
15
|
-
|
|
16
|
-
|
|
14
|
+
<div>
|
|
15
|
+
{props.name && (
|
|
16
|
+
<h2 className="text-sm font-semibold text-gray-600">{props.name}</h2>
|
|
17
|
+
)}
|
|
18
|
+
{props.description && (
|
|
19
|
+
<p className="text-xs text-gray-400 mb-2">{props.description}</p>
|
|
20
|
+
)}
|
|
17
21
|
{props.ports && props.ports.length === 0 && (
|
|
18
|
-
<p className="text-xs text-gray-400 italic">No
|
|
22
|
+
<p className="text-xs text-gray-400 italic">No connections.</p>
|
|
19
23
|
)}
|
|
20
24
|
<div>
|
|
21
25
|
{props.ports &&
|
|
@@ -11,12 +11,16 @@ const ComponentReturnValueViewer: FunctionComponent<ComponentProps> = (
|
|
|
11
11
|
props: ComponentProps,
|
|
12
12
|
): ReactElement => {
|
|
13
13
|
return (
|
|
14
|
-
<div
|
|
15
|
-
|
|
16
|
-
|
|
14
|
+
<div>
|
|
15
|
+
{props.name && (
|
|
16
|
+
<h2 className="text-sm font-semibold text-gray-600">{props.name}</h2>
|
|
17
|
+
)}
|
|
18
|
+
{props.description && (
|
|
19
|
+
<p className="text-xs text-gray-400 mb-2">{props.description}</p>
|
|
20
|
+
)}
|
|
17
21
|
{props.returnValues && props.returnValues.length === 0 && (
|
|
18
22
|
<p className="text-xs text-gray-400 italic">
|
|
19
|
-
This
|
|
23
|
+
This step does not return any data.
|
|
20
24
|
</p>
|
|
21
25
|
)}
|
|
22
26
|
<div>
|
|
@@ -68,8 +68,8 @@ const ComponentSettingsModal: FunctionComponent<ComponentProps> = (
|
|
|
68
68
|
const [showDeleteConfirmation, setShowDeleteConfirmation] =
|
|
69
69
|
useState<boolean>(false);
|
|
70
70
|
|
|
71
|
-
const
|
|
72
|
-
<SectionCard icon={IconProp.Settings} title="
|
|
71
|
+
const settingsSection: ReactElement = (
|
|
72
|
+
<SectionCard icon={IconProp.Settings} title="Settings">
|
|
73
73
|
<ArgumentsForm
|
|
74
74
|
graphComponents={props.graphComponents}
|
|
75
75
|
workflowId={props.workflowId}
|
|
@@ -87,11 +87,8 @@ const ComponentSettingsModal: FunctionComponent<ComponentProps> = (
|
|
|
87
87
|
</SectionCard>
|
|
88
88
|
);
|
|
89
89
|
|
|
90
|
-
const
|
|
91
|
-
<SectionCard
|
|
92
|
-
icon={IconProp.Label}
|
|
93
|
-
title={`${component.metadata.componentType} ID`}
|
|
94
|
-
>
|
|
90
|
+
const idSection: ReactElement = (
|
|
91
|
+
<SectionCard icon={IconProp.Label} title="ID">
|
|
95
92
|
<BasicForm
|
|
96
93
|
hideSubmitButton={true}
|
|
97
94
|
initialValues={{ id: component?.id }}
|
|
@@ -107,7 +104,7 @@ const ComponentSettingsModal: FunctionComponent<ComponentProps> = (
|
|
|
107
104
|
fields={[
|
|
108
105
|
{
|
|
109
106
|
title: "Identifier",
|
|
110
|
-
description: `Used to reference this ${component.metadata.componentType.toLowerCase()} from other
|
|
107
|
+
description: `Used to reference this ${component.metadata.componentType.toLowerCase()} from other steps.`,
|
|
111
108
|
field: { id: true },
|
|
112
109
|
required: true,
|
|
113
110
|
fieldType: FormFieldSchemaType.Text,
|
|
@@ -128,32 +125,50 @@ const ComponentSettingsModal: FunctionComponent<ComponentProps> = (
|
|
|
128
125
|
</SectionCard>
|
|
129
126
|
) : null;
|
|
130
127
|
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
|
|
141
|
-
|
|
142
|
-
|
|
143
|
-
|
|
144
|
-
|
|
128
|
+
/*
|
|
129
|
+
* Each connection/output card is only rendered if there's something to
|
|
130
|
+
* show — keeps the sidebar lean for triggers (no inputs) and components
|
|
131
|
+
* that don't return any data.
|
|
132
|
+
*/
|
|
133
|
+
const hasInputs: boolean =
|
|
134
|
+
Array.isArray(component.metadata.inPorts) &&
|
|
135
|
+
component.metadata.inPorts.length > 0;
|
|
136
|
+
const hasOutputs: boolean =
|
|
137
|
+
Array.isArray(component.metadata.outPorts) &&
|
|
138
|
+
component.metadata.outPorts.length > 0;
|
|
139
|
+
const hasReturns: boolean =
|
|
140
|
+
Array.isArray(component.metadata.returnValues) &&
|
|
141
|
+
component.metadata.returnValues.length > 0;
|
|
142
|
+
|
|
143
|
+
const inputsSection: ReactElement | null = hasInputs ? (
|
|
144
|
+
<SectionCard icon={IconProp.ArrowCircleDown} title="Inputs">
|
|
145
|
+
<ComponentPortViewer
|
|
146
|
+
name=""
|
|
147
|
+
description="Where this step is reached from."
|
|
148
|
+
ports={component.metadata.inPorts}
|
|
149
|
+
/>
|
|
145
150
|
</SectionCard>
|
|
146
|
-
);
|
|
151
|
+
) : null;
|
|
147
152
|
|
|
148
|
-
const
|
|
149
|
-
<SectionCard icon={IconProp.ArrowCircleRight} title="
|
|
153
|
+
const outputsSection: ReactElement | null = hasOutputs ? (
|
|
154
|
+
<SectionCard icon={IconProp.ArrowCircleRight} title="Outputs">
|
|
155
|
+
<ComponentPortViewer
|
|
156
|
+
name=""
|
|
157
|
+
description="What runs after this step."
|
|
158
|
+
ports={component.metadata.outPorts}
|
|
159
|
+
/>
|
|
160
|
+
</SectionCard>
|
|
161
|
+
) : null;
|
|
162
|
+
|
|
163
|
+
const returnsSection: ReactElement | null = hasReturns ? (
|
|
164
|
+
<SectionCard icon={IconProp.Database} title="Returns">
|
|
150
165
|
<ComponentReturnValueViewer
|
|
151
|
-
name="
|
|
152
|
-
description="
|
|
166
|
+
name=""
|
|
167
|
+
description="Data this step makes available downstream."
|
|
153
168
|
returnValues={component.metadata.returnValues}
|
|
154
169
|
/>
|
|
155
170
|
</SectionCard>
|
|
156
|
-
);
|
|
171
|
+
) : null;
|
|
157
172
|
|
|
158
173
|
const hasErrors: boolean = Object.values(hasFormValidationErrors).some(
|
|
159
174
|
(v: boolean) => {
|
|
@@ -207,12 +222,13 @@ const ComponentSettingsModal: FunctionComponent<ComponentProps> = (
|
|
|
207
222
|
* column below md.
|
|
208
223
|
*/}
|
|
209
224
|
<div className="grid grid-cols-1 md:grid-cols-3 gap-4">
|
|
210
|
-
<div className="md:col-span-2 space-y-4">{
|
|
225
|
+
<div className="md:col-span-2 space-y-4">{settingsSection}</div>
|
|
211
226
|
<div className="md:col-span-1 space-y-4">
|
|
212
|
-
{
|
|
227
|
+
{idSection}
|
|
213
228
|
{documentationSection}
|
|
214
|
-
{
|
|
215
|
-
{
|
|
229
|
+
{inputsSection}
|
|
230
|
+
{outputsSection}
|
|
231
|
+
{returnsSection}
|
|
216
232
|
</div>
|
|
217
233
|
</div>
|
|
218
234
|
</>
|
|
@@ -96,12 +96,10 @@ const ArgumentsForm = (props) => {
|
|
|
96
96
|
useEffect(() => {
|
|
97
97
|
props.onFormChange(component);
|
|
98
98
|
}, [component]);
|
|
99
|
-
return (React.createElement("div",
|
|
100
|
-
React.createElement("div",
|
|
101
|
-
React.createElement("h2", { className: "text-base font-medium text-gray-500" }, "Arguments"),
|
|
102
|
-
React.createElement("p", { className: "text-sm font-medium text-gray-400 mb-5" }, "Arguments for this component"),
|
|
99
|
+
return (React.createElement("div", null,
|
|
100
|
+
React.createElement("div", null,
|
|
103
101
|
component.metadata.arguments &&
|
|
104
|
-
component.metadata.arguments.length === 0 && (React.createElement(ErrorMessage, { message: "This
|
|
102
|
+
component.metadata.arguments.length === 0 && (React.createElement(ErrorMessage, { message: "This step does not need any settings." })),
|
|
105
103
|
hasWorkflowSelectArg && isLoadingWorkflows && React.createElement(ComponentLoader, null),
|
|
106
104
|
component.metadata.arguments &&
|
|
107
105
|
component.metadata.arguments.length > 0 &&
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ArgumentsForm.js","sourceRoot":"","sources":["../../../../../UI/Components/Workflow/ArgumentsForm.tsx"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"ArgumentsForm.js","sourceRoot":"","sources":["../../../../../UI/Components/Workflow/ArgumentsForm.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import React from "react";
|
|
2
2
|
const ComponentPortViewer = (props) => {
|
|
3
|
-
return (React.createElement("div",
|
|
4
|
-
React.createElement("h2", { className: "text-sm font-semibold text-gray-600" }, props.name),
|
|
5
|
-
React.createElement("p", { className: "text-xs text-gray-400 mb-2" }, props.description),
|
|
6
|
-
props.ports && props.ports.length === 0 && (React.createElement("p", { className: "text-xs text-gray-400 italic" }, "No
|
|
3
|
+
return (React.createElement("div", null,
|
|
4
|
+
props.name && (React.createElement("h2", { className: "text-sm font-semibold text-gray-600" }, props.name)),
|
|
5
|
+
props.description && (React.createElement("p", { className: "text-xs text-gray-400 mb-2" }, props.description)),
|
|
6
|
+
props.ports && props.ports.length === 0 && (React.createElement("p", { className: "text-xs text-gray-400 italic" }, "No connections.")),
|
|
7
7
|
React.createElement("div", null, props.ports &&
|
|
8
8
|
props.ports.length > 0 &&
|
|
9
9
|
props.ports.map((port, i) => {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ComponentPortViewer.js","sourceRoot":"","sources":["../../../../../UI/Components/Workflow/ComponentPortViewer.tsx"],"names":[],"mappings":"AACA,OAAO,KAA0C,MAAM,OAAO,CAAC;AAQ/D,MAAM,mBAAmB,GAAsC,CAC7D,KAAqB,EACP,EAAE;IAChB,OAAO,CACL,
|
|
1
|
+
{"version":3,"file":"ComponentPortViewer.js","sourceRoot":"","sources":["../../../../../UI/Components/Workflow/ComponentPortViewer.tsx"],"names":[],"mappings":"AACA,OAAO,KAA0C,MAAM,OAAO,CAAC;AAQ/D,MAAM,mBAAmB,GAAsC,CAC7D,KAAqB,EACP,EAAE;IAChB,OAAO,CACL;QACG,KAAK,CAAC,IAAI,IAAI,CACb,4BAAI,SAAS,EAAC,qCAAqC,IAAE,KAAK,CAAC,IAAI,CAAM,CACtE;QACA,KAAK,CAAC,WAAW,IAAI,CACpB,2BAAG,SAAS,EAAC,4BAA4B,IAAE,KAAK,CAAC,WAAW,CAAK,CAClE;QACA,KAAK,CAAC,KAAK,IAAI,KAAK,CAAC,KAAK,CAAC,MAAM,KAAK,CAAC,IAAI,CAC1C,2BAAG,SAAS,EAAC,8BAA8B,sBAAoB,CAChE;QACD,iCACG,KAAK,CAAC,KAAK;YACV,KAAK,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC;YACtB,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,IAAU,EAAE,CAAS,EAAE,EAAE;gBACxC,OAAO,CACL,6BACE,GAAG,EAAE,CAAC,EACN,KAAK,EAAE;wBACL,OAAO,EAAE,MAAM;wBACf,UAAU,EAAE,QAAQ;wBACpB,GAAG,EAAE,UAAU;wBACf,OAAO,EAAE,gBAAgB;wBACzB,YAAY,EAAE,KAAK;wBACnB,eAAe,EAAE,SAAS;wBAC1B,MAAM,EAAE,mBAAmB;wBAC3B,YAAY,EAAE,UAAU;qBACzB;oBAED,6BACE,KAAK,EAAE;4BACL,KAAK,EAAE,KAAK;4BACZ,MAAM,EAAE,KAAK;4BACb,YAAY,EAAE,KAAK;4BACnB,eAAe,EAAE,SAAS;4BAC1B,UAAU,EAAE,CAAC;yBACd,GACD;oBACF,6BAAK,KAAK,EAAE,EAAE,QAAQ,EAAE,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE;wBAClC,2BACE,KAAK,EAAE;gCACL,QAAQ,EAAE,WAAW;gCACrB,UAAU,EAAE,GAAG;gCACf,KAAK,EAAE,SAAS;gCAChB,MAAM,EAAE,CAAC;gCACT,UAAU,EAAE,SAAS;6BACtB;4BAEA,IAAI,CAAC,KAAK;4BACX,8BACE,KAAK,EAAE;oCACL,KAAK,EAAE,SAAS;oCAChB,UAAU,EAAE,GAAG;oCACf,QAAQ,EAAE,WAAW;oCACrB,UAAU,EAAE,UAAU;oCACtB,UAAU,EACR,2DAA2D;iCAC9D,IAEA,IAAI,CAAC,EAAE,CACH,CACL;wBACH,IAAI,CAAC,WAAW,IAAI,CACnB,2BACE,KAAK,EAAE;gCACL,QAAQ,EAAE,SAAS;gCACnB,KAAK,EAAE,SAAS;gCAChB,MAAM,EAAE,CAAC;gCACT,UAAU,EAAE,MAAM;6BACnB,IAEA,IAAI,CAAC,WAAW,CACf,CACL,CACG,CACF,CACP,CAAC;YACJ,CAAC,CAAC,CACA,CACF,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,mBAAmB,CAAC"}
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import React from "react";
|
|
2
2
|
const ComponentReturnValueViewer = (props) => {
|
|
3
|
-
return (React.createElement("div",
|
|
4
|
-
React.createElement("h2", { className: "text-sm font-semibold text-gray-600" }, props.name),
|
|
5
|
-
React.createElement("p", { className: "text-xs text-gray-400 mb-2" }, props.description),
|
|
6
|
-
props.returnValues && props.returnValues.length === 0 && (React.createElement("p", { className: "text-xs text-gray-400 italic" }, "This
|
|
3
|
+
return (React.createElement("div", null,
|
|
4
|
+
props.name && (React.createElement("h2", { className: "text-sm font-semibold text-gray-600" }, props.name)),
|
|
5
|
+
props.description && (React.createElement("p", { className: "text-xs text-gray-400 mb-2" }, props.description)),
|
|
6
|
+
props.returnValues && props.returnValues.length === 0 && (React.createElement("p", { className: "text-xs text-gray-400 italic" }, "This step does not return any data.")),
|
|
7
7
|
React.createElement("div", null, props.returnValues &&
|
|
8
8
|
props.returnValues.length > 0 &&
|
|
9
9
|
props.returnValues.map((returnValue, i) => {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ComponentReturnValueViewer.js","sourceRoot":"","sources":["../../../../../UI/Components/Workflow/ComponentReturnValueViewer.tsx"],"names":[],"mappings":"AACA,OAAO,KAA0C,MAAM,OAAO,CAAC;AAQ/D,MAAM,0BAA0B,GAAsC,CACpE,KAAqB,EACP,EAAE;IAChB,OAAO,CACL,
|
|
1
|
+
{"version":3,"file":"ComponentReturnValueViewer.js","sourceRoot":"","sources":["../../../../../UI/Components/Workflow/ComponentReturnValueViewer.tsx"],"names":[],"mappings":"AACA,OAAO,KAA0C,MAAM,OAAO,CAAC;AAQ/D,MAAM,0BAA0B,GAAsC,CACpE,KAAqB,EACP,EAAE;IAChB,OAAO,CACL;QACG,KAAK,CAAC,IAAI,IAAI,CACb,4BAAI,SAAS,EAAC,qCAAqC,IAAE,KAAK,CAAC,IAAI,CAAM,CACtE;QACA,KAAK,CAAC,WAAW,IAAI,CACpB,2BAAG,SAAS,EAAC,4BAA4B,IAAE,KAAK,CAAC,WAAW,CAAK,CAClE;QACA,KAAK,CAAC,YAAY,IAAI,KAAK,CAAC,YAAY,CAAC,MAAM,KAAK,CAAC,IAAI,CACxD,2BAAG,SAAS,EAAC,8BAA8B,0CAEvC,CACL;QACD,iCACG,KAAK,CAAC,YAAY;YACjB,KAAK,CAAC,YAAY,CAAC,MAAM,GAAG,CAAC;YAC7B,KAAK,CAAC,YAAY,CAAC,GAAG,CAAC,CAAC,WAAwB,EAAE,CAAS,EAAE,EAAE;gBAC7D,OAAO,CACL,6BACE,GAAG,EAAE,CAAC,EACN,KAAK,EAAE;wBACL,OAAO,EAAE,MAAM;wBACf,UAAU,EAAE,QAAQ;wBACpB,cAAc,EAAE,eAAe;wBAC/B,GAAG,EAAE,UAAU;wBACf,OAAO,EAAE,gBAAgB;wBACzB,YAAY,EAAE,KAAK;wBACnB,eAAe,EAAE,SAAS;wBAC1B,MAAM,EAAE,mBAAmB;wBAC3B,YAAY,EAAE,UAAU;qBACzB;oBAED,6BAAK,KAAK,EAAE,EAAE,QAAQ,EAAE,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE;wBAClC,2BACE,KAAK,EAAE;gCACL,QAAQ,EAAE,WAAW;gCACrB,UAAU,EAAE,GAAG;gCACf,KAAK,EAAE,SAAS;gCAChB,MAAM,EAAE,CAAC;gCACT,UAAU,EAAE,SAAS;6BACtB;4BAEA,WAAW,CAAC,IAAI;4BACjB,8BACE,KAAK,EAAE;oCACL,KAAK,EAAE,SAAS;oCAChB,UAAU,EAAE,GAAG;oCACf,QAAQ,EAAE,WAAW;oCACrB,UAAU,EAAE,UAAU;oCACtB,UAAU,EACR,2DAA2D;iCAC9D,IAEA,WAAW,CAAC,EAAE,CACV,CACL;wBACH,WAAW,CAAC,WAAW,IAAI,CAC1B,2BACE,KAAK,EAAE;gCACL,QAAQ,EAAE,SAAS;gCACnB,KAAK,EAAE,SAAS;gCAChB,MAAM,EAAE,CAAC;gCACT,UAAU,EAAE,MAAM;6BACnB,IAEA,WAAW,CAAC,WAAW,CACtB,CACL,CACG;oBACN,8BACE,KAAK,EAAE;4BACL,QAAQ,EAAE,WAAW;4BACrB,UAAU,EAAE,GAAG;4BACf,KAAK,EAAE,SAAS;4BAChB,eAAe,EAAE,SAAS;4BAC1B,OAAO,EAAE,iBAAiB;4BAC1B,YAAY,EAAE,OAAO;4BACrB,UAAU,EAAE,QAAQ;4BACpB,MAAM,EAAE,mBAAmB;yBAC5B,IAEA,WAAW,CAAC,IAAI,CACZ,CACH,CACP,CAAC;YACJ,CAAC,CAAC,CACA,CACF,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,0BAA0B,CAAC"}
|
|
@@ -29,13 +29,13 @@ const ComponentSettingsModal = (props) => {
|
|
|
29
29
|
const [component, setComponent] = useState(props.component);
|
|
30
30
|
const [hasFormValidationErrors, setHasFormValidationErrors] = useState({});
|
|
31
31
|
const [showDeleteConfirmation, setShowDeleteConfirmation] = useState(false);
|
|
32
|
-
const
|
|
32
|
+
const settingsSection = (React.createElement(SectionCard, { icon: IconProp.Settings, title: "Settings" },
|
|
33
33
|
React.createElement(ArgumentsForm, { graphComponents: props.graphComponents, workflowId: props.workflowId, component: component, onFormChange: (c) => {
|
|
34
34
|
setComponent(Object.assign({}, c));
|
|
35
35
|
}, onHasFormValidationErrors: (value) => {
|
|
36
36
|
setHasFormValidationErrors(Object.assign(Object.assign({}, hasFormValidationErrors), value));
|
|
37
37
|
} })));
|
|
38
|
-
const
|
|
38
|
+
const idSection = (React.createElement(SectionCard, { icon: IconProp.Label, title: "ID" },
|
|
39
39
|
React.createElement(BasicForm, { hideSubmitButton: true, initialValues: { id: component === null || component === void 0 ? void 0 : component.id }, onChange: (values) => {
|
|
40
40
|
setComponent(Object.assign(Object.assign({}, component), values));
|
|
41
41
|
}, onFormValidationErrorChanged: (hasError) => {
|
|
@@ -43,7 +43,7 @@ const ComponentSettingsModal = (props) => {
|
|
|
43
43
|
}, fields: [
|
|
44
44
|
{
|
|
45
45
|
title: "Identifier",
|
|
46
|
-
description: `Used to reference this ${component.metadata.componentType.toLowerCase()} from other
|
|
46
|
+
description: `Used to reference this ${component.metadata.componentType.toLowerCase()} from other steps.`,
|
|
47
47
|
field: { id: true },
|
|
48
48
|
required: true,
|
|
49
49
|
fieldType: FormFieldSchemaType.Text,
|
|
@@ -52,12 +52,23 @@ const ComponentSettingsModal = (props) => {
|
|
|
52
52
|
const documentationSection = component.metadata
|
|
53
53
|
.documentationLink ? (React.createElement(SectionCard, { icon: IconProp.Book, title: "Documentation", tone: "info" },
|
|
54
54
|
React.createElement(DocumentationViewer, { documentationLink: component.metadata.documentationLink, workflowId: props.workflowId, webhookSecretKey: props.webhookSecretKey }))) : null;
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
55
|
+
/*
|
|
56
|
+
* Each connection/output card is only rendered if there's something to
|
|
57
|
+
* show — keeps the sidebar lean for triggers (no inputs) and components
|
|
58
|
+
* that don't return any data.
|
|
59
|
+
*/
|
|
60
|
+
const hasInputs = Array.isArray(component.metadata.inPorts) &&
|
|
61
|
+
component.metadata.inPorts.length > 0;
|
|
62
|
+
const hasOutputs = Array.isArray(component.metadata.outPorts) &&
|
|
63
|
+
component.metadata.outPorts.length > 0;
|
|
64
|
+
const hasReturns = Array.isArray(component.metadata.returnValues) &&
|
|
65
|
+
component.metadata.returnValues.length > 0;
|
|
66
|
+
const inputsSection = hasInputs ? (React.createElement(SectionCard, { icon: IconProp.ArrowCircleDown, title: "Inputs" },
|
|
67
|
+
React.createElement(ComponentPortViewer, { name: "", description: "Where this step is reached from.", ports: component.metadata.inPorts }))) : null;
|
|
68
|
+
const outputsSection = hasOutputs ? (React.createElement(SectionCard, { icon: IconProp.ArrowCircleRight, title: "Outputs" },
|
|
69
|
+
React.createElement(ComponentPortViewer, { name: "", description: "What runs after this step.", ports: component.metadata.outPorts }))) : null;
|
|
70
|
+
const returnsSection = hasReturns ? (React.createElement(SectionCard, { icon: IconProp.Database, title: "Returns" },
|
|
71
|
+
React.createElement(ComponentReturnValueViewer, { name: "", description: "Data this step makes available downstream.", returnValues: component.metadata.returnValues }))) : null;
|
|
61
72
|
const hasErrors = Object.values(hasFormValidationErrors).some((v) => {
|
|
62
73
|
return v;
|
|
63
74
|
});
|
|
@@ -75,12 +86,13 @@ const ComponentSettingsModal = (props) => {
|
|
|
75
86
|
props.onClose();
|
|
76
87
|
}, submitButtonType: ButtonStyleType.DANGER })),
|
|
77
88
|
React.createElement("div", { className: "grid grid-cols-1 md:grid-cols-3 gap-4" },
|
|
78
|
-
React.createElement("div", { className: "md:col-span-2 space-y-4" },
|
|
89
|
+
React.createElement("div", { className: "md:col-span-2 space-y-4" }, settingsSection),
|
|
79
90
|
React.createElement("div", { className: "md:col-span-1 space-y-4" },
|
|
80
|
-
|
|
91
|
+
idSection,
|
|
81
92
|
documentationSection,
|
|
82
|
-
|
|
83
|
-
|
|
93
|
+
inputsSection,
|
|
94
|
+
outputsSection,
|
|
95
|
+
returnsSection)))));
|
|
84
96
|
};
|
|
85
97
|
export default ComponentSettingsModal;
|
|
86
98
|
//# sourceMappingURL=ComponentSettingsModal.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ComponentSettingsModal.js","sourceRoot":"","sources":["../../../../../UI/Components/Workflow/ComponentSettingsModal.tsx"],"names":[],"mappings":"AAAA,OAAO,MAAM,EAAE,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAC;AAC3D,OAAO,SAAS,MAAM,oBAAoB,CAAC;AAC3C,OAAO,mBAAmB,MAAM,oCAAoC,CAAC;AAErE,OAAO,YAAY,MAAM,uBAAuB,CAAC;AACjD,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AACnD,OAAO,aAAa,MAAM,iBAAiB,CAAC;AAC5C,OAAO,mBAAmB,MAAM,uBAAuB,CAAC;AACxD,OAAO,0BAA0B,MAAM,8BAA8B,CAAC;AACtE,OAAO,mBAAmB,MAAM,uBAAuB,CAAC;AAExD,OAAO,QAAQ,MAAM,8BAA8B,CAAC;AAIpD,OAAO,KAAK,EAAE,EAAmC,QAAQ,EAAE,MAAM,OAAO,CAAC;AACzE,OAAO,IAAI,MAAM,cAAc,CAAC;AAqBhC,MAAM,WAAW,GAAwC,CACvD,KAAuB,EACT,EAAE;IAChB,MAAM,MAAM,GAAY,KAAK,CAAC,IAAI,KAAK,MAAM,CAAC;IAC9C,MAAM,cAAc,GAAW,MAAM;QACnC,CAAC,CAAC,qDAAqD;QACvD,CAAC,CAAC,gDAAgD,CAAC;IACrD,MAAM,SAAS,GAAW,MAAM,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,eAAe,CAAC;IACrE,MAAM,UAAU,GAAW,MAAM;QAC/B,CAAC,CAAC,kEAAkE;QACpE,CAAC,CAAC,kEAAkE,CAAC;IAEvE,OAAO,CACL,6BAAK,SAAS,EAAE,cAAc;QAC5B,6BAAK,SAAS,EAAC,gCAAgC;YAC7C,oBAAC,IAAI,IAAC,IAAI,EAAE,KAAK,CAAC,IAAI,EAAE,SAAS,EAAE,eAAe,SAAS,EAAE,GAAI;YACjE,8BAAM,SAAS,EAAE,UAAU,IAAG,KAAK,CAAC,KAAK,CAAQ,CAC7C;QACL,KAAK,CAAC,QAAQ,CACX,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,sBAAsB,GAAsC,CAChE,KAAqB,EACP,EAAE;IAChB,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAe,KAAK,CAAC,SAAS,CAAC,CAAC;IAC1E,MAAM,CAAC,uBAAuB,EAAE,0BAA0B,CAAC,GAAG,QAAQ,CAEpE,EAAE,CAAC,CAAC;IACN,MAAM,CAAC,sBAAsB,EAAE,yBAAyB,CAAC,GACvD,QAAQ,CAAU,KAAK,CAAC,CAAC;IAE3B,MAAM,
|
|
1
|
+
{"version":3,"file":"ComponentSettingsModal.js","sourceRoot":"","sources":["../../../../../UI/Components/Workflow/ComponentSettingsModal.tsx"],"names":[],"mappings":"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"}
|