@revenexx/studio-integrations 3.8.1 → 3.8.2

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @revenexx/studio-integrations
 
+## 3.8.2
+
+### Patch Changes
+
+- b641ccf: A setting that holds a group of values, and whose node lets it take a value mapped from an earlier step, now has the same switch beside it as a number or a choice. The switch turns it into the box with the `{ }` list, and where the setting says what it wants and exactly one earlier output fits, that output is offered in a click. Send Email's Attachments can so be filled with the file a step before built, without typing the expression into JSON. A value already mapped into such a setting opens as the mapping; switching back empties it into its rows. A list of several mapped values stays JSON.
+
 ## 3.8.1
 
 ### Patch Changes

package/dist/module.json

@@ -1,7 +1,7 @@
 {
   "name": "@revenexx/studio-integrations",
   "configKey": "studioIntegrations",
-  "version": "3.8.1",
+  "version": "3.8.2",
   "builder": {
     "@nuxt/module-builder": "1.0.3",
     "unbuild": "unknown"

package/dist/runtime/components/Integrations/NodeConfigField.vue

@@ -199,16 +199,28 @@ function acceptsSftp(field) {
 }
 const EXPR_TOKEN = "${{";
 const TYPED_KINDS = ["number", "boolean", "select", "multiselect"];
+const MAPPABLE_KINDS = [...TYPED_KINDS, "object"];
 const valueIsExpression = computed(() => typeof value.value === "string" && value.value.includes(EXPR_TOKEN));
 const canToggleExpression = computed(
-  () => (!!props.field.dynamic || TYPED_KINDS.includes(props.field.type)) && (!!props.field.expressionAllowed || valueIsExpression.value)
+  () => (!!props.field.dynamic || MAPPABLE_KINDS.includes(props.field.type)) && (!!props.field.expressionAllowed || valueIsExpression.value) && !holdsLiteralGroup.value
 );
+const holdsLiteralGroup = computed(() => {
+  if (props.field.type !== "object") return false;
+  const v = value.value;
+  if (Array.isArray(v)) return v.length > 0;
+  return !!v && typeof v === "object" && Object.keys(v).length > 0;
+});
 const exprMode = ref(false);
+watch(canToggleExpression, (can) => {
+  if (!can) exprMode.value = false;
+});
 const showExpression = computed(() => canToggleExpression.value && (exprMode.value || valueIsExpression.value));
 function toggleExpression() {
   if (showExpression.value) {
-    if (valueIsExpression.value) write(void 0);
+    const cleared = valueIsExpression.value || props.field.type === "object" && typeof value.value === "string";
+    if (cleared) write(void 0);
     exprMode.value = false;
+    if (isObjectField.value && (cleared || flatCapable.value)) objectMode.value = "form";
   } else {
     exprMode.value = true;
   }
@@ -269,7 +281,7 @@ const isQueryField = computed(
   () => props.field.type === "array" && props.field.items?.type !== "object" && /(^|__)queries$/.test(props.field.key)
 );
 const isJsonField = computed(
-  () => isObjectField.value && objectMode.value === "json" || props.field.type === "array" && props.field.items?.type !== "object" && !isQueryField.value
+  () => isObjectField.value && objectMode.value === "json" && !showExpression.value || props.field.type === "array" && props.field.items?.type !== "object" && !isQueryField.value
 );
 const jsonError = ref(null);
 const jsonDraft = ref("");
@@ -402,7 +414,9 @@ function setArrayItemField(index, fieldKey, v) {
     </div>
     <!-- object / plain-array fields: JSON editor (expressions stay usable
          inside string values). Wins over expressionAllowed — an object value
-         in a text input would render as [object Object]. -->
+         in a text input would render as [object Object] — except for an object
+         switched to, or saved as, a mapped value, which is the expression box
+         below (PO-608). -->
     <!-- queries parameter: filter builder -->
     <!-- vpn-route — public internet, or a route of one of the tenant's VPN
          connections, of the kind the node asks for (specs/credential-network.md
@@ -437,7 +451,7 @@ function setArrayItemField(index, fieldKey, v) {
     </template>
 
     <!-- object field in key/value mode -->
-    <div v-else-if="isObjectField && objectMode === 'form'" class="space-y-1.5">
+    <div v-else-if="isObjectField && objectMode === 'form' && !showExpression" class="space-y-1.5">
       <div v-for="(row, idx) in kvRows" :key="idx" class="flex items-center gap-1.5">
         <!-- A repeating row has no room for visible labels, so each control
              names itself and says which row of which field it belongs to. -->

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@revenexx/studio-integrations",
-  "version": "3.8.1",
+  "version": "3.8.2",
   "type": "module",
   "description": "Integration Studio (core: workflows, node editor, runs, schedules, credentials, secrets, audit) as a standalone, publishable Nuxt module.",
   "repository": {