@flowgram.ai/form-materials 0.2.13 → 0.2.15

package/dist/index.d.mts

@@ -91,6 +91,7 @@ declare function JsonSchemaEditor(props: {
     value?: IJsonSchema;
     onChange?: (value: IJsonSchema) => void;
     config?: ConfigType;
+    className?: string;
 }): React$1.JSX.Element;
 
 declare function BatchVariableSelector(props: VariableSelectorProps): React$1.JSX.Element;
@@ -173,6 +174,10 @@ declare const provideBatchOutputsEffect: EffectOptions[];
  */
 declare const autoRenameRefEffect: EffectOptions[];
 
+declare const provideJsonSchemaOutputs: EffectOptions[];
+
+declare const syncVariableTitle: EffectOptions[];
+
 interface LegacyFlowRefValueSchema {
     type: 'ref';
     content: string;
@@ -282,4 +287,4 @@ declare namespace JsonSchemaUtils {
     function isASTMatchSchema(typeAST: BaseType, schema: IJsonSchema | IJsonSchema[]): boolean;
 }
 
-export { ArrayIcons, BatchVariableSelector, ConditionRow, type ConditionRowValueType, ConstantInput, DynamicValueInput, type IBasicJsonSchema, type IFlowConstantRefValue, type IFlowConstantValue, type IFlowExpressionValue, type IFlowRefValue, type IFlowTemplateValue, type IFlowValue, type IJsonSchema, type JsonSchemaBasicType, JsonSchemaEditor, JsonSchemaUtils, TypeSelector, VariableSelector, type VariableSelectorProps, VariableTypeIcons, autoRenameRefEffect, formatLegacyRefOnInit, formatLegacyRefOnSubmit, formatLegacyRefToNewRef, formatNewRefToLegacyRef, getSchemaIcon, getTypeSelectValue, isLegacyFlowRefValueSchema, isNewFlowRefValueSchema, parseTypeSelectValue, provideBatchInputEffect, provideBatchOutputsEffect };
+export { ArrayIcons, BatchVariableSelector, ConditionRow, type ConditionRowValueType, ConstantInput, DynamicValueInput, type IBasicJsonSchema, type IFlowConstantRefValue, type IFlowConstantValue, type IFlowExpressionValue, type IFlowRefValue, type IFlowTemplateValue, type IFlowValue, type IJsonSchema, type JsonSchemaBasicType, JsonSchemaEditor, JsonSchemaUtils, TypeSelector, VariableSelector, type VariableSelectorProps, VariableTypeIcons, autoRenameRefEffect, formatLegacyRefOnInit, formatLegacyRefOnSubmit, formatLegacyRefToNewRef, formatNewRefToLegacyRef, getSchemaIcon, getTypeSelectValue, isLegacyFlowRefValueSchema, isNewFlowRefValueSchema, parseTypeSelectValue, provideBatchInputEffect, provideBatchOutputsEffect, provideJsonSchemaOutputs, syncVariableTitle };

package/dist/index.d.ts

@@ -91,6 +91,7 @@ declare function JsonSchemaEditor(props: {
     value?: IJsonSchema;
     onChange?: (value: IJsonSchema) => void;
     config?: ConfigType;
+    className?: string;
 }): React$1.JSX.Element;
 
 declare function BatchVariableSelector(props: VariableSelectorProps): React$1.JSX.Element;
@@ -173,6 +174,10 @@ declare const provideBatchOutputsEffect: EffectOptions[];
  */
 declare const autoRenameRefEffect: EffectOptions[];
 
+declare const provideJsonSchemaOutputs: EffectOptions[];
+
+declare const syncVariableTitle: EffectOptions[];
+
 interface LegacyFlowRefValueSchema {
     type: 'ref';
     content: string;
@@ -282,4 +287,4 @@ declare namespace JsonSchemaUtils {
     function isASTMatchSchema(typeAST: BaseType, schema: IJsonSchema | IJsonSchema[]): boolean;
 }
 
-export { ArrayIcons, BatchVariableSelector, ConditionRow, type ConditionRowValueType, ConstantInput, DynamicValueInput, type IBasicJsonSchema, type IFlowConstantRefValue, type IFlowConstantValue, type IFlowExpressionValue, type IFlowRefValue, type IFlowTemplateValue, type IFlowValue, type IJsonSchema, type JsonSchemaBasicType, JsonSchemaEditor, JsonSchemaUtils, TypeSelector, VariableSelector, type VariableSelectorProps, VariableTypeIcons, autoRenameRefEffect, formatLegacyRefOnInit, formatLegacyRefOnSubmit, formatLegacyRefToNewRef, formatNewRefToLegacyRef, getSchemaIcon, getTypeSelectValue, isLegacyFlowRefValueSchema, isNewFlowRefValueSchema, parseTypeSelectValue, provideBatchInputEffect, provideBatchOutputsEffect };
+export { ArrayIcons, BatchVariableSelector, ConditionRow, type ConditionRowValueType, ConstantInput, DynamicValueInput, type IBasicJsonSchema, type IFlowConstantRefValue, type IFlowConstantValue, type IFlowExpressionValue, type IFlowRefValue, type IFlowTemplateValue, type IFlowValue, type IJsonSchema, type JsonSchemaBasicType, JsonSchemaEditor, JsonSchemaUtils, TypeSelector, VariableSelector, type VariableSelectorProps, VariableTypeIcons, autoRenameRefEffect, formatLegacyRefOnInit, formatLegacyRefOnSubmit, formatLegacyRefToNewRef, formatNewRefToLegacyRef, getSchemaIcon, getTypeSelectValue, isLegacyFlowRefValueSchema, isNewFlowRefValueSchema, parseTypeSelectValue, provideBatchInputEffect, provideBatchOutputsEffect, provideJsonSchemaOutputs, syncVariableTitle };

package/dist/index.js

@@ -51,7 +51,9 @@ __export(src_exports, {
   isNewFlowRefValueSchema: () => isNewFlowRefValueSchema,
   parseTypeSelectValue: () => parseTypeSelectValue,
   provideBatchInputEffect: () => provideBatchInputEffect,
-  provideBatchOutputsEffect: () => provideBatchOutputsEffect
+  provideBatchOutputsEffect: () => provideBatchOutputsEffect,
+  provideJsonSchemaOutputs: () => provideJsonSchemaOutputs,
+  syncVariableTitle: () => syncVariableTitle
 });
 module.exports = __toCommonJS(src_exports);
 
@@ -600,9 +602,6 @@ function useVariableTree(params) {
     let children;
     if (import_editor2.ASTMatch.isObject(type)) {
       children = (type.properties || []).map((_property) => renderVariable(_property, [...parentFields, variable])).filter(Boolean);
-      if (!children?.length) {
-        return null;
-      }
     }
     const keyPath = [...parentFields.map((_field) => _field.key), variable.key];
     const key = keyPath.join(".");
@@ -1297,7 +1296,7 @@ function JsonSchemaEditor(props) {
     value,
     onChangeProps
   );
-  return /* @__PURE__ */ import_react10.default.createElement(UIContainer, null, /* @__PURE__ */ import_react10.default.createElement(UIProperties, null, propertyList.map((_property, index) => /* @__PURE__ */ import_react10.default.createElement(
+  return /* @__PURE__ */ import_react10.default.createElement(UIContainer, { className: props.className }, /* @__PURE__ */ import_react10.default.createElement(UIProperties, null, propertyList.map((_property, index) => /* @__PURE__ */ import_react10.default.createElement(
     PropertyEdit,
     {
       key: _property.key,
@@ -1311,7 +1310,16 @@ function JsonSchemaEditor(props) {
         onRemoveProperty(_property.key);
       }
     }
-  ))), /* @__PURE__ */ import_react10.default.createElement(import_semi_ui6.Button, { size: "small", style: { marginTop: 10 }, icon: /* @__PURE__ */ import_react10.default.createElement(import_semi_icons5.IconPlus, null), onClick: onAddProperty }, config?.addButtonText ?? "Add"));
+  ))), /* @__PURE__ */ import_react10.default.createElement(
+    import_semi_ui6.Button,
+    {
+      size: "small",
+      style: { marginTop: 10, marginLeft: 16 },
+      icon: /* @__PURE__ */ import_react10.default.createElement(import_semi_icons5.IconPlus, null),
+      onClick: onAddProperty
+    },
+    config?.addButtonText ?? "Add"
+  ));
 }
 function PropertyEdit(props) {
   const {
@@ -1953,6 +1961,39 @@ function traverseRef(name, value, cb) {
   }
   return;
 }
+
+// src/effects/provide-json-schema-outputs/index.ts
+var import_editor8 = require("@flowgram.ai/editor");
+var provideJsonSchemaOutputs = (0, import_editor8.createEffectFromVariableProvider)({
+  parse: (value, ctx) => [
+    import_editor8.ASTFactory.createVariableDeclaration({
+      key: `${ctx.node.id}`,
+      meta: {
+        title: (0, import_editor8.getNodeForm)(ctx.node)?.getValueIn("title") || ctx.node.id,
+        icon: ctx.node.getNodeRegistry().info?.icon
+      },
+      type: JsonSchemaUtils.schemaToAST(value)
+    })
+  ]
+});
+
+// src/effects/sync-variable-title/index.ts
+var import_editor9 = require("@flowgram.ai/editor");
+var syncVariableTitle = [
+  {
+    event: import_editor9.DataEvent.onValueChange,
+    effect: ({ value, context }) => {
+      context.node.getData(import_editor9.FlowNodeVariableData).allScopes.forEach((_scope) => {
+        _scope.output.variables.forEach((_var) => {
+          _var.updateMeta({
+            title: value || context.node.id,
+            icon: context.node.getNodeRegistry().info?.icon
+          });
+        });
+      });
+    }
+  }
+];
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   ArrayIcons,
@@ -1976,6 +2017,8 @@ function traverseRef(name, value, cb) {
   isNewFlowRefValueSchema,
   parseTypeSelectValue,
   provideBatchInputEffect,
-  provideBatchOutputsEffect
+  provideBatchOutputsEffect,
+  provideJsonSchemaOutputs,
+  syncVariableTitle
 });
 //# sourceMappingURL=index.js.map