feat(field): add a new property autorefresh

src/Field.ts

@@ -125,8 +125,26 @@ class Field extends Widget {
     return this._fieldType;
   }
 
+  _autoRefresh?: number = undefined;
+  get autoRefresh(): number | undefined {
+    return this._autoRefresh;
+  }
+
+  set autoRefresh(value: number | undefined) {
+    this._autoRefresh = value;
+  }
+
+  get readOnly(): boolean | undefined {
+    if (this.autoRefresh) {
+      return true;
+    } else {
+      return super.readOnly;
+    }
+  }
+
   constructor(props: any) {
     super(props);
+    console.log("Field props", props);
 
     // Activated by default
     this._activated = true;
@@ -180,6 +198,11 @@ class Field extends Widget {
       if (props.help_inline) {
         this.tooltipInline = isTrue(props.help_inline);
       }
+      if (props.autorefresh) {
+        this.autoRefresh = isNaN(+props.autorefresh)
+          ? undefined
+          : +props.autorefresh;
+      }
     }
   }
 

src/Widget.ts

@@ -1,4 +1,5 @@
 import { replaceEntities } from "./helpers/attributeParser";
+import { parseBoolAttribute } from "./helpers/nodeParser";
 
 abstract class Widget {
   /**
@@ -124,19 +125,7 @@ abstract class Widget {
         this._colspan = +props.colspan;
       }
       if (props.readonly !== undefined) {
-        if (
-          props.readonly === "1" ||
-          props.readonly === 1 ||
-          props.readonly === true
-        ) {
-          this._readOnly = true;
-        } else if (
-          props.readonly === "0" ||
-          props.readonly === 0 ||
-          props.readonly === false
-        ) {
-          this._readOnly = false;
-        }
+        this._readOnly = parseBoolAttribute(props.readonly);
       }
       if (props.invisible) {
         if (

src/spec/Field.spec.ts

@@ -0,0 +1,37 @@
+import { describe, it, expect } from "vitest";
+import Field from "../Field";
+
+describe("Field", () => {
+  describe("with the autoRefresh property", () => {
+    it("should work with integer", () => {
+      const props = {
+        autorefresh: 10,
+      };
+      const field = new Field(props);
+      expect(field.autoRefresh).toBe(10);
+    });
+    it("should work with text", () => {
+      const props = {
+        autorefresh: "10",
+      };
+      const field = new Field(props);
+      expect(field.autoRefresh).toBe(10);
+    });
+    describe("if autorefresh is not a valid number", () => {
+      it("should return undefined", () => {
+        const props = {
+          autorefresh: "abc",
+        };
+        const field = new Field(props);
+        expect(field.autoRefresh).toBe(undefined);
+      });
+    });
+    it("should return true for readOnly if autoRefresh is set", () => {
+      const props = {
+        autorefresh: 10,
+      };
+      const field = new Field(props);
+      expect(field.readOnly).toBe(true);
+    });
+  });
+});