camunda-bpmn-js 4.12.1 → 4.13.0

package/dist/camunda-cloud-modeler.development.js

@@ -108432,6 +108432,24 @@
     return T$2((...args) => callbackRef.current(...args), []);
   }
 
+  function useElementVisible(element) {
+    const [visible, setVisible] = h(!!element && !!element.clientHeight);
+    y(() => {
+      if (!element) return;
+      const resizeObserver = new ResizeObserver(([entry]) => {
+        requestAnimationFrame(() => {
+          const newVisible = !!entry.contentRect.height;
+          if (newVisible !== visible) {
+            setVisible(newVisible);
+          }
+        });
+      });
+      resizeObserver.observe(element);
+      return () => resizeObserver.disconnect();
+    }, [element, visible]);
+    return visible;
+  }
+
   function Group$1(props) {
     const {
       element,
@@ -111291,6 +111309,7 @@
     } = props;
     const [localValue, setLocalValue] = h(value);
     const ref = useShowEntryEvent(id);
+    const visible = useElementVisible(ref.current);
     const handleInputCallback = F$2(() => {
       return debounce(target => onInput(target.value.length ? target.value : undefined));
     }, [onInput, debounce]);
@@ -111302,6 +111321,9 @@
     y(() => {
       autoResize && resizeToContents(ref.current);
     }, []);
+    y(() => {
+      visible && autoResize && resizeToContents(ref.current);
+    }, [visible]);
     p$1(() => {
       if (value === localValue) {
         return;
@@ -119573,13 +119595,14 @@
     const getValue = header => {
       return header.value;
     };
-    return TextfieldEntry({
+    return TextAreaEntry({
       element: header,
       id: idPrefix + '-value',
       label: translate('Value'),
       getValue,
       setValue,
-      debounce
+      debounce,
+      autoResize: true
     });
   }