@bpmn-io/properties-panel 3.34.0 → 3.35.0

package/dist/index.esm.js

@@ -552,8 +552,6 @@ function useEvent(event, callback, eventBus) {
   }, [callback, event, eventBus]);
 }
 
-const KEY_LENGTH = 6;
-
 /**
  * Create a persistent key factory for plain objects without id.
  *
@@ -578,7 +576,7 @@ function useKeyFactory(dependencies = []) {
   const getKey = el => {
     let key = map.get(el);
     if (!key) {
-      key = Math.random().toString().slice(-KEY_LENGTH);
+      key = Math.random().toString().slice(-6);
       map.set(el, key);
     }
     return key;
@@ -2342,6 +2340,7 @@ function FeelTextfield(props) {
   const [localValue, setLocalValue] = useState(value);
   const editorRef = useShowEntryEvent(id);
   const containerRef = useRef();
+  const isTogglingFromPasteRef = useRef(false);
   const onInput = useCallback(newValue => {
     // we don't commit empty FEEL expressions,
     // but instead serialize them as <undefined>
@@ -2384,9 +2383,6 @@ function FeelTextfield(props) {
     if (feelActive) {
       newValue = '=' + newValue;
     }
-    if (newValue === localValue) {
-      return;
-    }
     setLocalValue(newValue);
     if (useDebounce) {
       handleInput(newValue);
@@ -2399,6 +2395,11 @@ function FeelTextfield(props) {
     }
   };
   const handleOnBlur = e => {
+    // Ignore blur when toggling from paste to avoid interference
+    if (isTogglingFromPasteRef.current) {
+      isTogglingFromPasteRef.current = false;
+      return;
+    }
     handleInput.cancel?.();
     if (e.target.type === 'checkbox') {
       onInput(e.target.checked);
@@ -2497,6 +2498,10 @@ function FeelTextfield(props) {
         const trimmedValue = textData.trim();
         setLocalValue(trimmedValue);
         handleInput(trimmedValue);
+        if (!feelActive && isString(trimmedValue) && trimmedValue.startsWith('=')) {
+          isTogglingFromPasteRef.current = true;
+          setFocus(trimmedValue.length - 1);
+        }
         event.preventDefault();
       }
     };