@bpmn-io/form-js-playground 1.7.0-alpha.0 → 1.7.0

package/dist/form-playground.umd.js

@@ -54369,6 +54369,10 @@
     const {
       formId
     } = F$1(FormContext);
+
+    // track whether we should trigger initial validation on certain actions, e.g. field blur
+    // disabled straight away, if viewerCommands are not available
+    const [initialValidationTrigger, setInitialValidationTrigger] = l$1(!!viewerCommands);
     const FormFieldComponent = formFields.get(field.type);
     if (!FormFieldComponent) {
       throw new Error(`cannot render field <${field.type}>`);
@@ -54382,26 +54386,47 @@
 
     // add precedence: global readonly > form field disabled
     const disabled = !properties.readOnly && (properties.disabled || field.disabled || false);
+
+    // ensures the initial validation behavior can be re-triggered upon form reset
+    y(() => {
+      if (!viewerCommands) {
+        return;
+      }
+      const resetValidation = () => {
+        setInitialValidationTrigger(true);
+      };
+      eventBus.on('import.done', resetValidation);
+      eventBus.on('reset', resetValidation);
+      return () => {
+        eventBus.off('import.done', resetValidation);
+        eventBus.off('reset', resetValidation);
+      };
+    }, [eventBus, viewerCommands]);
+    y(() => {
+      if (initialValidationTrigger && initialValue) {
+        setInitialValidationTrigger(false);
+        viewerCommands.updateFieldValidation(field, initialValue, indexes);
+      }
+    }, [viewerCommands, field, initialValue, initialValidationTrigger, indexes]);
     const onBlur = A$1(() => {
-      if (viewerCommands) {
+      if (initialValidationTrigger) {
+        setInitialValidationTrigger(false);
         viewerCommands.updateFieldValidation(field, value, indexes);
       }
       eventBus.fire('formField.blur', {
         formField: field
       });
-    }, [eventBus, viewerCommands, field, value, indexes]);
+    }, [eventBus, field, indexes, value, viewerCommands, initialValidationTrigger]);
     const onFocus = A$1(() => {
       eventBus.fire('formField.focus', {
         formField: field
       });
     }, [eventBus, field]);
-    y(() => {
-      if (viewerCommands && initialValue) {
-        viewerCommands.updateFieldValidation(field, initialValue, indexes);
-      }
-    }, [viewerCommands, field, initialValue, indexes]);
     const hidden = useCondition(field.conditional && field.conditional.hide || null);
     const onChangeIndexed = A$1(update => {
+      // any data change will trigger validation
+      setInitialValidationTrigger(false);
+
       // add indexes of the keyed field to the update, if any
       onChange(FormFieldComponent.config.keyed ? {
         ...update,
@@ -57734,7 +57759,7 @@
       required
     } = validate;
     const textareaRef = s$1();
-    const [onInputChange, flushOnChange] = useFlushDebounce(({
+    const [onChange, flushOnChange] = useFlushDebounce(({
       target
     }) => {
       props.onChange({
@@ -57749,6 +57774,12 @@
     const onInputFocus = () => {
       onFocus && onFocus();
     };
+    const onInputChange = event => {
+      onChange({
+        target: event.target
+      });
+      autoSizeTextarea(textareaRef.current);
+    };
     h$1(() => {
       autoSizeTextarea(textareaRef.current);
     }, [value]);
@@ -60981,10 +61012,10 @@
       }
     }
     clear() {
-      // clear form services
+      // clear diagram services (e.g. EventBus)
       this._emit('diagram.clear');
 
-      // clear diagram services (e.g. EventBus)
+      // clear form services
       this._emit('form.clear');
     }
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bpmn-io/form-js-playground",
-  "version": "1.7.0-alpha.0",
+  "version": "1.7.0",
   "description": "A form-js playground",
   "files": [
     "dist"
@@ -44,8 +44,8 @@
     "url": "https://github.com/bpmn-io"
   },
   "dependencies": {
-    "@bpmn-io/form-js-editor": "^1.7.0-alpha.0",
-    "@bpmn-io/form-js-viewer": "^1.7.0-alpha.0",
+    "@bpmn-io/form-js-editor": "^1.7.0",
+    "@bpmn-io/form-js-viewer": "^1.7.0",
     "@codemirror/autocomplete": "^6.12.0",
     "@codemirror/commands": "^6.1.2",
     "@codemirror/lang-json": "^6.0.1",
@@ -70,5 +70,5 @@
     "rollup-plugin-css-only": "^4.0.0",
     "style-loader": "^3.3.0"
   },
-  "gitHead": "bd5c0a61044cb4378925784a826bf5b711a5c82b"
+  "gitHead": "8e289cb810b1fe7bea10b625263a67d9502d47bc"
 }