@flowgram.ai/form-materials 0.2.25 → 0.2.27

package/dist/esm/index.js

@@ -943,6 +943,7 @@ var ConstantInputWrapper = styled2.div`
 
 // src/components/json-schema-editor/hooks.tsx
 import { useEffect, useMemo as useMemo3, useRef, useState } from "react";
+import { omit } from "lodash";
 var _id = 0;
 function genId() {
   return _id++;
@@ -1015,7 +1016,7 @@ function usePropertiesEdit(value, onChange) {
         if (!_property.name) {
           continue;
         }
-        nextProperties[_property.name] = _property;
+        nextProperties[_property.name] = omit(_property, ["key", "name", "isPropertyRequired"]);
         if (_property.isPropertyRequired) {
           nextRequired.push(_property.name);
         }
@@ -2092,7 +2093,8 @@ function PromptEditor(props) {
     activeLinePlaceholder,
     style,
     hasError,
-    children
+    children,
+    disableMarkdownHighlight
   } = props || {};
   const editorRef = useRef3(null);
   useEffect4(() => {
@@ -2117,7 +2119,7 @@ function PromptEditor(props) {
         onChange({ type: "template", content: e.value });
       }
     }
-  ), activeLinePlaceholder && /* @__PURE__ */ React15.createElement(ActiveLinePlaceholder, null, activeLinePlaceholder), /* @__PURE__ */ React15.createElement(markdown_default, null), /* @__PURE__ */ React15.createElement(language_support_default, null), /* @__PURE__ */ React15.createElement(jinja_default, null), children));
+  ), activeLinePlaceholder && /* @__PURE__ */ React15.createElement(ActiveLinePlaceholder, null, activeLinePlaceholder), !disableMarkdownHighlight && /* @__PURE__ */ React15.createElement(markdown_default, null), /* @__PURE__ */ React15.createElement(language_support_default, null), /* @__PURE__ */ React15.createElement(jinja_default, null), children));
 }
 
 // src/components/prompt-editor-with-variables/index.tsx
@@ -3144,7 +3146,7 @@ var provideBatchOutputsEffect = createEffectFromVariableProvider2({
 });
 
 // src/effects/auto-rename-ref/index.ts
-import { isArray, isObject as isObject2 } from "lodash";
+import { isArray, isObject as isObject2, uniq } from "lodash";
 import {
   DataEvent,
   VariableFieldKeyRenameService
@@ -3165,9 +3167,30 @@ var autoRenameRefEffect = [
           after.key
         ];
         traverseRef(name, form.getValueIn(name), (_drilldownName, _v) => {
-          if (isRefMatch(_v, beforeKeyPath)) {
-            _v.content = [...afterKeyPath, ...(_v.content || [])?.slice(beforeKeyPath.length)];
-            form.setValueIn(_drilldownName, _v);
+          if (_v.type === "ref") {
+            if (isKeyPathMatch(_v.content, beforeKeyPath)) {
+              _v.content = [...afterKeyPath, ...(_v.content || [])?.slice(beforeKeyPath.length)];
+              form.setValueIn(_drilldownName, _v);
+            }
+          } else if (_v.type === "template") {
+            const templateKeyPaths = getTemplateKeyPaths(_v);
+            let hasMatch = false;
+            templateKeyPaths.forEach((_keyPath) => {
+              if (isKeyPathMatch(_keyPath, beforeKeyPath)) {
+                hasMatch = true;
+                const nextKeyPath = [
+                  ...afterKeyPath,
+                  ...(_keyPath || [])?.slice(beforeKeyPath.length)
+                ];
+                _v.content = _v.content?.replace(
+                  `{{${_keyPath.join(".")}}`,
+                  `{{${nextKeyPath.join(".")}}`
+                );
+              }
+            });
+            if (hasMatch) {
+              form.setValueIn(_drilldownName, { ..._v });
+            }
           }
         });
       });
@@ -3177,18 +3200,31 @@ var autoRenameRefEffect = [
     }
   }
 ];
-function isRefMatch(value, targetKeyPath) {
-  return targetKeyPath.every((_key, index) => _key === value.content?.[index]);
+function isKeyPathMatch(keyPath = [], targetKeyPath) {
+  return targetKeyPath.every((_key, index) => _key === keyPath[index]);
+}
+function getTemplateKeyPaths(value) {
+  const keyPathReg = /{{(.*?)}}/g;
+  return uniq(value.content?.match(keyPathReg) || []).map(
+    (_keyPath) => _keyPath.slice(2, -2).split(".")
+  );
 }
 function isRef(value) {
   return value?.type === "ref" && Array.isArray(value?.content) && typeof value?.content[0] === "string";
 }
+function isTemplate(value) {
+  return value?.type === "template" && typeof value?.content === "string";
+}
 function traverseRef(name, value, cb) {
   if (isObject2(value)) {
     if (isRef(value)) {
       cb(name, value);
       return;
     }
+    if (isTemplate(value)) {
+      cb(name, value);
+      return;
+    }
     Object.entries(value).forEach(([_key, _value]) => {
       traverseRef(`${name}.${_key}`, _value, cb);
     });