@flowgram.ai/form-materials 0.2.14 → 0.2.15

package/dist/esm/index.js

@@ -1244,7 +1244,7 @@ function JsonSchemaEditor(props) {
     value,
     onChangeProps
   );
-  return /* @__PURE__ */ React9.createElement(UIContainer, null, /* @__PURE__ */ React9.createElement(UIProperties, null, propertyList.map((_property, index) => /* @__PURE__ */ React9.createElement(
+  return /* @__PURE__ */ React9.createElement(UIContainer, { className: props.className }, /* @__PURE__ */ React9.createElement(UIProperties, null, propertyList.map((_property, index) => /* @__PURE__ */ React9.createElement(
     PropertyEdit,
     {
       key: _property.key,
@@ -1258,7 +1258,16 @@ function JsonSchemaEditor(props) {
         onRemoveProperty(_property.key);
       }
     }
-  ))), /* @__PURE__ */ React9.createElement(Button2, { size: "small", style: { marginTop: 10 }, icon: /* @__PURE__ */ React9.createElement(IconPlus, null), onClick: onAddProperty }, config?.addButtonText ?? "Add"));
+  ))), /* @__PURE__ */ React9.createElement(
+    Button2,
+    {
+      size: "small",
+      style: { marginTop: 10, marginLeft: 16 },
+      icon: /* @__PURE__ */ React9.createElement(IconPlus, null),
+      onClick: onAddProperty
+    },
+    config?.addButtonText ?? "Add"
+  ));
 }
 function PropertyEdit(props) {
   const {
@@ -1911,6 +1920,46 @@ function traverseRef(name, value, cb) {
   }
   return;
 }
+
+// src/effects/provide-json-schema-outputs/index.ts
+import {
+  ASTFactory as ASTFactory4,
+  createEffectFromVariableProvider as createEffectFromVariableProvider3,
+  getNodeForm as getNodeForm3
+} from "@flowgram.ai/editor";
+var provideJsonSchemaOutputs = createEffectFromVariableProvider3({
+  parse: (value, ctx) => [
+    ASTFactory4.createVariableDeclaration({
+      key: `${ctx.node.id}`,
+      meta: {
+        title: getNodeForm3(ctx.node)?.getValueIn("title") || ctx.node.id,
+        icon: ctx.node.getNodeRegistry().info?.icon
+      },
+      type: JsonSchemaUtils.schemaToAST(value)
+    })
+  ]
+});
+
+// src/effects/sync-variable-title/index.ts
+import {
+  DataEvent as DataEvent2,
+  FlowNodeVariableData
+} from "@flowgram.ai/editor";
+var syncVariableTitle = [
+  {
+    event: DataEvent2.onValueChange,
+    effect: ({ value, context }) => {
+      context.node.getData(FlowNodeVariableData).allScopes.forEach((_scope) => {
+        _scope.output.variables.forEach((_var) => {
+          _var.updateMeta({
+            title: value || context.node.id,
+            icon: context.node.getNodeRegistry().info?.icon
+          });
+        });
+      });
+    }
+  }
+];
 export {
   ArrayIcons,
   BatchVariableSelector,
@@ -1933,6 +1982,8 @@ export {
   isNewFlowRefValueSchema,
   parseTypeSelectValue,
   provideBatchInputEffect,
-  provideBatchOutputsEffect
+  provideBatchOutputsEffect,
+  provideJsonSchemaOutputs,
+  syncVariableTitle
 };
 //# sourceMappingURL=index.js.map