@bpmn-io/form-js-viewer 1.6.2 → 1.6.3

package/dist/index.es.js

@@ -3058,40 +3058,6 @@ Image.config = {
   })
 };
 
-function useFlushDebounce(func, additionalDeps = []) {
-  const timeoutRef = useRef(null);
-  const lastArgsRef = useRef(null);
-  const config = useService('config', false);
-  const debounce = config && config.debounce;
-  const shouldDebounce = debounce !== false && debounce !== 0;
-  const delay = typeof debounce === 'number' ? debounce : 300;
-  const debounceFunc = useCallback((...args) => {
-    if (!shouldDebounce) {
-      func(...args);
-      return;
-    }
-    lastArgsRef.current = args;
-    if (timeoutRef.current) {
-      clearTimeout(timeoutRef.current);
-    }
-    timeoutRef.current = setTimeout(() => {
-      func(...lastArgsRef.current);
-      lastArgsRef.current = null;
-    }, delay);
-  }, [func, delay, shouldDebounce, ...additionalDeps]);
-  const flushFunc = useCallback(() => {
-    if (timeoutRef.current) {
-      clearTimeout(timeoutRef.current);
-      if (lastArgsRef.current !== null) {
-        func(...lastArgsRef.current);
-        lastArgsRef.current = null;
-      }
-      timeoutRef.current = null;
-    }
-  }, [func, ...additionalDeps]);
-  return [debounceFunc, flushFunc];
-}
-
 function TemplatedInputAdorner(props) {
   const {
     pre,
@@ -3182,7 +3148,8 @@ function Numberfield(props) {
     onFocus,
     field,
     value,
-    readonly
+    readonly,
+    onChange
   } = props;
   const {
     description,
@@ -3202,16 +3169,6 @@ function Numberfield(props) {
   } = validate;
   const inputRef = useRef();
   const [stringValueCache, setStringValueCache] = useState('');
-  const [onChangeDebounced, flushOnChange] = useFlushDebounce(params => {
-    props.onChange(params);
-  }, [props.onChange]);
-  const onInputBlur = () => {
-    flushOnChange && flushOnChange();
-    onBlur && onBlur();
-  };
-  const onInputFocus = () => {
-    onFocus && onFocus();
-  };
 
   // checks whether the value currently in the form data is practically different from the one in the input field cache
   // this allows us to guarantee the field always displays valid form data, but without auto-simplifying values like 1.000 to 1
@@ -3235,7 +3192,7 @@ function Numberfield(props) {
   const setValue = useCallback(stringValue => {
     if (isNullEquivalentValue(stringValue)) {
       setStringValueCache('');
-      onChangeDebounced({
+      onChange({
         field,
         value: null
       });
@@ -3250,18 +3207,18 @@ function Numberfield(props) {
     }
     if (isNaN(Number(stringValue))) {
       setStringValueCache('NaN');
-      onChangeDebounced({
+      onChange({
         field,
         value: 'NaN'
       });
       return;
     }
     setStringValueCache(stringValue);
-    onChangeDebounced({
+    onChange({
       field,
       value: serializeToString ? stringValue : Number(stringValue)
     });
-  }, [field, onChangeDebounced, serializeToString]);
+  }, [field, onChange, serializeToString]);
   const increment = () => {
     if (readonly) {
       return;
@@ -3345,8 +3302,8 @@ function Numberfield(props) {
           id: domId,
           onKeyDown: onKeyDown,
           onKeyPress: onKeyPress,
-          onBlur: onInputBlur,
-          onFocus: onInputFocus
+          onBlur: onBlur,
+          onFocus: onFocus
 
           // @ts-ignore
           ,
@@ -4356,6 +4313,40 @@ function DisabledLink({
   });
 }
 
+function useFlushDebounce(func, additionalDeps = []) {
+  const timeoutRef = useRef(null);
+  const lastArgsRef = useRef(null);
+  const config = useService('config', false);
+  const debounce = config && config.debounce;
+  const shouldDebounce = debounce !== false && debounce !== 0;
+  const delay = typeof debounce === 'number' ? debounce : 300;
+  const debounceFunc = useCallback((...args) => {
+    if (!shouldDebounce) {
+      func(...args);
+      return;
+    }
+    lastArgsRef.current = args;
+    if (timeoutRef.current) {
+      clearTimeout(timeoutRef.current);
+    }
+    timeoutRef.current = setTimeout(() => {
+      func(...lastArgsRef.current);
+      lastArgsRef.current = null;
+    }, delay);
+  }, [func, delay, shouldDebounce, ...additionalDeps]);
+  const flushFunc = useCallback(() => {
+    if (timeoutRef.current) {
+      clearTimeout(timeoutRef.current);
+      if (lastArgsRef.current !== null) {
+        func(...lastArgsRef.current);
+        lastArgsRef.current = null;
+      }
+      timeoutRef.current = null;
+    }
+  }, [func, ...additionalDeps]);
+  return [debounceFunc, flushFunc];
+}
+
 const type$2 = 'textfield';
 function Textfield(props) {
   const {