@json-layout/vocabulary 0.13.0 → 0.14.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@json-layout/vocabulary",
-  "version": "0.13.0",
+  "version": "0.14.0",
   "description": "Main JSON Layout vocabulary as JSON schemas and Typescript types. Also contains some small utility functions to validate and normalize annotations.",
   "type": "module",
   "exports": {

package/src/normalize.js

@@ -462,7 +462,7 @@ function lighterValidationErrors (errors) {
   return errors.map(e => e.message ?? e.keyword)
 }
 
-const defaultOptionsKeys = ['readOnly', 'summary', 'titleDepth', 'density', 'removeAdditional', 'validateOn', 'initialValidation', 'defaultOn', 'readOnlyPropertiesMode', 'debounceInputMs']
+const defaultOptionsKeys = ['readOnly', 'summary', 'titleDepth', 'density', 'removeAdditional', 'validateOn', 'updateOne', 'debounceInputMs', 'initialValidation', 'defaultOn', 'readOnlyPropertiesMode']
 
 /**
  * @param {SchemaFragment} schemaFragment

package/src/normalized-layout/index.js

@@ -70,7 +70,7 @@ export function isSectionLayout (layout) {
 export const compositeCompNames = ['section', 'tabs', 'vertical-tabs', 'expansion-panels', 'stepper']
 
 // these components can received keybord inputs and emit blur events
-// they will be debounced and validateOn=blur is applicable
+// they will be debounced when validateOn=blur is applicable and data binding will be updated on blur
 export const editableCompNames = ['text-field', 'number-field', 'textarea', 'markdown']
 
 /** @type {(layout: CompObject) => layout is CompositeCompObject} */

package/src/normalized-layout/schema.js

@@ -1071,6 +1071,19 @@ export default {
               ],
               "default": "input"
             },
+            "updateOn": {
+              "type": "string",
+              "enum": [
+                "input",
+                "blur"
+              ],
+              "default": "input"
+            },
+            "debounceInputMs": {
+              "type": "integer",
+              "minimum": 0,
+              "default": 300
+            },
             "initialValidation": {
               "type": "string",
               "enum": [
@@ -1101,11 +1114,6 @@ export default {
                 "show"
               ],
               "default": "show"
-            },
-            "debounceInputMs": {
-              "type": "integer",
-              "minimum": 0,
-              "default": 300
             }
           }
         }

package/src/normalized-layout/schema.json

@@ -507,6 +507,16 @@
               "enum": ["input", "blur", "submit"],
               "default": "input"
             },
+            "updateOn": {
+              "type": "string",
+              "enum": ["input", "blur"],
+              "default": "input"
+            },
+            "debounceInputMs": {
+              "type": "integer",
+              "minimum": 0,
+              "default": 300
+            },
             "initialValidation": {
               "type": "string",
               "enum": ["never", "always", "withData"],
@@ -522,11 +532,6 @@
               "type": "string",
               "enum": ["remove", "hide", "show"],
               "default": "show"
-            },
-            "debounceInputMs": {
-              "type": "integer",
-              "minimum": 0,
-              "default": 300
             }
           }
         }

package/src/normalized-layout/types.ts

@@ -56,11 +56,12 @@ export type StateNodeOptionsBase = StateNodeOptionsBaseLib & {
    */
   removeAdditional?: boolean | ("unknown" | "error" | "none");
   validateOn?: "input" | "blur" | "submit";
+  updateOn?: "input" | "blur";
+  debounceInputMs?: number;
   initialValidation?: "never" | "always" | "withData";
   defaultOn?: "missing" | "empty" | "never";
   autofocus?: boolean;
   readOnlyPropertiesMode?: "remove" | "hide" | "show";
-  debounceInputMs?: number;
   [k: string]: unknown;
 };
 export type Cols = number;