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

package/dist/form-playground.umd.js

@@ -55675,39 +55675,6 @@
       ...options
     })
   };
-  function useFlushDebounce(func, additionalDeps = []) {
-    const timeoutRef = s$1(null);
-    const lastArgsRef = s$1(null);
-    const config = useService$2('config', false);
-    const debounce = config && config.debounce;
-    const shouldDebounce = debounce !== false && debounce !== 0;
-    const delay = typeof debounce === 'number' ? debounce : 300;
-    const debounceFunc = A$1((...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 = A$1(() => {
-      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,
@@ -55820,7 +55787,8 @@
       onFocus,
       field,
       value,
-      readonly
+      readonly,
+      onChange
     } = props;
     const {
       description,
@@ -55840,16 +55808,6 @@
     } = validate;
     const inputRef = s$1();
     const [stringValueCache, setStringValueCache] = l$2('');
-    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
@@ -55873,7 +55831,7 @@
     const setValue = A$1(stringValue => {
       if (isNullEquivalentValue(stringValue)) {
         setStringValueCache('');
-        onChangeDebounced({
+        onChange({
           field,
           value: null
         });
@@ -55888,18 +55846,18 @@
       }
       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;
@@ -55983,8 +55941,8 @@
             id: domId,
             onKeyDown: onKeyDown,
             onKeyPress: onKeyPress,
-            onBlur: onInputBlur,
-            onFocus: onInputFocus
+            onBlur: onBlur,
+            onFocus: onFocus
 
             // @ts-ignore
             ,
@@ -56995,6 +56953,39 @@
       children: children
     });
   }
+  function useFlushDebounce(func, additionalDeps = []) {
+    const timeoutRef = s$1(null);
+    const lastArgsRef = s$1(null);
+    const config = useService$2('config', false);
+    const debounce = config && config.debounce;
+    const shouldDebounce = debounce !== false && debounce !== 0;
+    const delay = typeof debounce === 'number' ? debounce : 300;
+    const debounceFunc = A$1((...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 = A$1(() => {
+      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$1(props) {
     const {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bpmn-io/form-js-playground",
-  "version": "1.6.2",
+  "version": "1.6.3",
   "description": "A form-js playground",
   "files": [
     "dist"
@@ -44,8 +44,8 @@
     "url": "https://github.com/bpmn-io"
   },
   "dependencies": {
-    "@bpmn-io/form-js-editor": "^1.6.2",
-    "@bpmn-io/form-js-viewer": "^1.6.2",
+    "@bpmn-io/form-js-editor": "^1.6.3",
+    "@bpmn-io/form-js-viewer": "^1.6.3",
     "@codemirror/autocomplete": "^6.3.4",
     "@codemirror/commands": "^6.1.2",
     "@codemirror/lang-json": "^6.0.0",
@@ -70,5 +70,5 @@
     "rollup-plugin-css-only": "^4.0.0",
     "style-loader": "^3.3.0"
   },
-  "gitHead": "c5673979a48cf9c87b99157c8697e973e029636f"
+  "gitHead": "d3c930ad19aa6a68179e47b1a24fd8353e962ebf"
 }