@gisce/ooui 0.9.1 → 0.12.0

package/dist/Label.d.ts

@@ -1,4 +1,6 @@
 import Field from "./Field";
+declare type LabelType = "secondary" | "success" | "warning" | "danger" | "default";
+declare type LabelSize = "h1" | "h2" | "h3" | "h4" | "h5" | "text";
 declare class Label extends Field {
     /**
      * Label text
@@ -12,6 +14,18 @@ declare class Label extends Field {
     _align: string;
     get align(): string;
     set align(value: string);
+    /**
+     * Label type
+     */
+    _labelType: LabelType;
+    get labelType(): LabelType;
+    set labelType(value: LabelType);
+    /**
+     * Label size
+     */
+    _labelSize: LabelSize;
+    get labelSize(): LabelSize;
+    set labelSize(value: LabelSize);
     /**
      * Id of the field that this label goes with. Null if it's an independent label
      */

package/dist/Label.js

@@ -35,6 +35,14 @@ var Label = /** @class */ (function (_super) {
          * Align text
          */
         _this._align = "left";
+        /**
+         * Label type
+         */
+        _this._labelType = "default";
+        /**
+         * Label size
+         */
+        _this._labelSize = "text";
         /**
          * Id of the field that this label goes with. Null if it's an independent label
          */
@@ -42,6 +50,14 @@ var Label = /** @class */ (function (_super) {
         if (props === null || props === void 0 ? void 0 : props.fieldForLabel) {
             _this._fieldForLabel = props.fieldForLabel;
         }
+        if (props.widget_props) {
+            if (_this.parsedWidgetProps.label_type) {
+                _this.labelType = _this.parsedWidgetProps.label_type;
+            }
+            if (_this.parsedWidgetProps.label_size) {
+                _this.labelSize = _this.parsedWidgetProps.label_size;
+            }
+        }
         return _this;
     }
     Object.defineProperty(Label.prototype, "text", {
@@ -64,6 +80,26 @@ var Label = /** @class */ (function (_super) {
         enumerable: false,
         configurable: true
     });
+    Object.defineProperty(Label.prototype, "labelType", {
+        get: function () {
+            return this._labelType;
+        },
+        set: function (value) {
+            this._labelType = value;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(Label.prototype, "labelSize", {
+        get: function () {
+            return this._labelSize;
+        },
+        set: function (value) {
+            this._labelSize = value;
+        },
+        enumerable: false,
+        configurable: true
+    });
     Object.defineProperty(Label.prototype, "fieldForLabel", {
         get: function () {
             return this._fieldForLabel;

package/dist/Label.js.map

@@ -1 +1 @@
-{"version":3,"file":"Label.js","sourceRoot":"","sources":["../src/Label.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,SAAS,CAAC;AAE5B;IAAoB,yBAAK;IAkCvB,eAAY,KAAW;QAAvB,YACE,wCAAW,KAAK,KAAE,OAAO,EAAE,IAAI,IAAG,SAKnC;QAvCD;;WAEG;QACH,WAAK,GAAW,EAAE,CAAC;QAQnB;;WAEG;QACH,YAAM,GAAW,MAAM,CAAC;QAQxB;;WAEG;QACH,oBAAc,GAAkB,IAAI,CAAC;QAWnC,IAAI,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,aAAa,EAAE;YACxB,KAAI,CAAC,cAAc,GAAG,KAAK,CAAC,aAAa,CAAC;SAC3C;;IACH,CAAC;IAnCD,sBAAI,uBAAI;aAAR;YACE,OAAO,IAAI,CAAC,KAAK,CAAC;QACpB,CAAC;aACD,UAAS,KAAa;YACpB,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC;QACrB,CAAC;;;OAHA;IASD,sBAAI,wBAAK;aAAT;YACE,OAAO,IAAI,CAAC,MAAM,CAAC;QACrB,CAAC;aACD,UAAU,KAAa;YACrB,IAAI,CAAC,MAAM,GAAG,KAAK,CAAC;QACtB,CAAC;;;OAHA;IASD,sBAAI,gCAAa;aAAjB;YACE,OAAO,IAAI,CAAC,cAAc,CAAC;QAC7B,CAAC;aACD,UAAkB,KAAoB;YACpC,IAAI,CAAC,cAAc,GAAG,KAAK,CAAC;QAC9B,CAAC;;;OAHA;IAYH,YAAC;AAAD,CAAC,AAzCD,CAAoB,KAAK,GAyCxB;AAED,eAAe,KAAK,CAAC"}
+{"version":3,"file":"Label.js","sourceRoot":"","sources":["../src/Label.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,SAAS,CAAC;AAM5B;IAAoB,yBAAK;IAyDvB,eAAY,KAAW;QAAvB,YACE,wCAAW,KAAK,KAAE,OAAO,EAAE,IAAI,IAAG,SAanC;QAtED;;WAEG;QACH,WAAK,GAAW,EAAE,CAAC;QAQnB;;WAEG;QACH,YAAM,GAAW,MAAM,CAAC;QAQxB;;WAEG;QACH,gBAAU,GAAc,SAAS,CAAC;QAQlC;;WAEG;QACF,gBAAU,GAAc,MAAM,CAAC;QAShC;;WAEG;QACH,oBAAc,GAAkB,IAAI,CAAC;QAWnC,IAAI,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,aAAa,EAAE;YACxB,KAAI,CAAC,cAAc,GAAG,KAAK,CAAC,aAAa,CAAC;SAC3C;QACD,IAAI,KAAK,CAAC,YAAY,EAAE;YACtB,IAAI,KAAI,CAAC,iBAAiB,CAAC,UAAU,EAAE;gBACrC,KAAI,CAAC,SAAS,GAAG,KAAI,CAAC,iBAAiB,CAAC,UAAU,CAAC;aACpD;YACD,IAAI,KAAI,CAAC,iBAAiB,CAAC,UAAU,EAAE;gBACrC,KAAI,CAAC,SAAS,GAAG,KAAI,CAAC,iBAAiB,CAAC,UAAU,CAAC;aACpD;SACF;;IACH,CAAC;IAlED,sBAAI,uBAAI;aAAR;YACE,OAAO,IAAI,CAAC,KAAK,CAAC;QACpB,CAAC;aACD,UAAS,KAAa;YACpB,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC;QACrB,CAAC;;;OAHA;IASD,sBAAI,wBAAK;aAAT;YACE,OAAO,IAAI,CAAC,MAAM,CAAC;QACrB,CAAC;aACD,UAAU,KAAa;YACrB,IAAI,CAAC,MAAM,GAAG,KAAK,CAAC;QACtB,CAAC;;;OAHA;IASD,sBAAI,4BAAS;aAAb;YACE,OAAO,IAAI,CAAC,UAAU,CAAC;QACzB,CAAC;aACD,UAAc,KAAgB;YAC5B,IAAI,CAAC,UAAU,GAAG,KAAK,CAAC;QAC1B,CAAC;;;OAHA;IASA,sBAAI,4BAAS;aAAb;YACE,OAAO,IAAI,CAAC,UAAU,CAAC;QACzB,CAAC;aACD,UAAc,KAAgB;YAC5B,IAAI,CAAC,UAAU,GAAG,KAAK,CAAC;QAC1B,CAAC;;;OAHA;IAUF,sBAAI,gCAAa;aAAjB;YACE,OAAO,IAAI,CAAC,cAAc,CAAC;QAC7B,CAAC;aACD,UAAkB,KAAoB;YACpC,IAAI,CAAC,cAAc,GAAG,KAAK,CAAC;QAC9B,CAAC;;;OAHA;IAoBH,YAAC;AAAD,CAAC,AAxED,CAAoB,KAAK,GAwExB;AAED,eAAe,KAAK,CAAC"}

package/dist/MultiCheckbox.d.ts

@@ -0,0 +1,35 @@
+import Field from "./Field";
+/**
+ * A Tags widget
+ */
+declare class MultiCheckbox extends Field {
+    /**
+     * Field size
+     */
+    _size: number;
+    get size(): number;
+    set size(value: number);
+    /**
+     * Relation
+     */
+    _relation: string;
+    get relation(): string;
+    set relation(value: string);
+    /**
+     * Inv_field
+     */
+    _inv_field: string | undefined;
+    get inv_field(): string | undefined;
+    set inv_field(value: string | undefined);
+    /**
+     * field to define the value to show
+     */
+    _field: string;
+    get field(): string;
+    set field(value: string);
+    _columns: number;
+    get columns(): number;
+    set columns(value: number);
+    constructor(props: any);
+}
+export default MultiCheckbox;

package/dist/MultiCheckbox.js

@@ -0,0 +1,107 @@
+var __extends = (this && this.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+import Field from "./Field";
+/**
+ * A Tags widget
+ */
+var MultiCheckbox = /** @class */ (function (_super) {
+    __extends(MultiCheckbox, _super);
+    function MultiCheckbox(props) {
+        var _this = _super.call(this, props) || this;
+        /**
+         * Field size
+         */
+        _this._size = 150;
+        /**
+         * Relation
+         */
+        _this._relation = "";
+        /**
+         * field to define the value to show
+         */
+        _this._field = "name";
+        _this._columns = 4;
+        if (props) {
+            if (props.size) {
+                _this._size = props.size;
+            }
+            if (props.relation) {
+                _this._relation = props.relation;
+            }
+            if (props.inv_field) {
+                _this._inv_field = props.inv_field;
+            }
+            if (_this.parsedWidgetProps.hasOwnProperty('field')) {
+                _this._field = _this.parsedWidgetProps.field;
+            }
+            if (_this.parsedWidgetProps.columns) {
+                _this._columns = _this.parsedWidgetProps.columns;
+            }
+        }
+        return _this;
+    }
+    Object.defineProperty(MultiCheckbox.prototype, "size", {
+        get: function () {
+            return this._size;
+        },
+        set: function (value) {
+            this._size = value;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(MultiCheckbox.prototype, "relation", {
+        get: function () {
+            return this._relation;
+        },
+        set: function (value) {
+            this._relation = value;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(MultiCheckbox.prototype, "inv_field", {
+        get: function () {
+            return this._inv_field;
+        },
+        set: function (value) {
+            this._inv_field = value;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(MultiCheckbox.prototype, "field", {
+        get: function () {
+            return this._field;
+        },
+        set: function (value) {
+            this._field = value;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(MultiCheckbox.prototype, "columns", {
+        get: function () {
+            return this._columns;
+        },
+        set: function (value) {
+            this._columns = value;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    return MultiCheckbox;
+}(Field));
+export default MultiCheckbox;
+//# sourceMappingURL=MultiCheckbox.js.map

package/dist/MultiCheckbox.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MultiCheckbox.js","sourceRoot":"","sources":["../src/MultiCheckbox.ts"],"names":[],"mappings":";;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,SAAS,CAAC;AAE5B;;GAEG;AACH;IAA4B,iCAAK;IAsD/B,uBAAY,KAAU;QAAtB,YACE,kBAAM,KAAK,CAAC,SAqBb;QA3ED;;WAEG;QACH,WAAK,GAAW,GAAG,CAAC;QAQpB;;WAEG;QACH,eAAS,GAAW,EAAE,CAAC;QAoBvB;;WAEG;QACH,YAAM,GAAW,MAAM,CAAC;QAQxB,cAAQ,GAAW,CAAC,CAAC;QAWnB,IAAI,KAAK,EAAE;YACT,IAAI,KAAK,CAAC,IAAI,EAAE;gBACd,KAAI,CAAC,KAAK,GAAG,KAAK,CAAC,IAAI,CAAC;aACzB;YAED,IAAI,KAAK,CAAC,QAAQ,EAAE;gBAClB,KAAI,CAAC,SAAS,GAAG,KAAK,CAAC,QAAQ,CAAC;aACjC;YAED,IAAI,KAAK,CAAC,SAAS,EAAE;gBACnB,KAAI,CAAC,UAAU,GAAG,KAAK,CAAC,SAAS,CAAC;aACnC;YACD,IAAI,KAAI,CAAC,iBAAiB,CAAC,cAAc,CAAC,OAAO,CAAC,EAAE;gBAClD,KAAI,CAAC,MAAM,GAAG,KAAI,CAAC,iBAAiB,CAAC,KAAK,CAAA;aAC3C;YACD,IAAI,KAAI,CAAC,iBAAiB,CAAC,OAAO,EAAE;gBAClC,KAAI,CAAC,QAAQ,GAAG,KAAI,CAAC,iBAAiB,CAAC,OAAO,CAAC;aAChD;SACF;;IACH,CAAC;IAvED,sBAAI,+BAAI;aAAR;YACE,OAAO,IAAI,CAAC,KAAK,CAAC;QACpB,CAAC;aACD,UAAS,KAAa;YACpB,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC;QACrB,CAAC;;;OAHA;IASD,sBAAI,mCAAQ;aAAZ;YACE,OAAO,IAAI,CAAC,SAAS,CAAC;QACxB,CAAC;aACD,UAAa,KAAa;YACxB,IAAI,CAAC,SAAS,GAAG,KAAK,CAAC;QACzB,CAAC;;;OAHA;IASD,sBAAI,oCAAS;aAAb;YACE,OAAO,IAAI,CAAC,UAAU,CAAC;QACzB,CAAC;aACD,UAAc,KAAyB;YACrC,IAAI,CAAC,UAAU,GAAG,KAAK,CAAC;QAC1B,CAAC;;;OAHA;IAUD,sBAAI,gCAAK;aAAT;YACE,OAAO,IAAI,CAAC,MAAM,CAAC;QACrB,CAAC;aACD,UAAU,KAAa;YACrB,IAAI,CAAC,MAAM,GAAG,KAAK,CAAC;QACtB,CAAC;;;OAHA;IAMD,sBAAI,kCAAO;aAAX;YACE,OAAO,IAAI,CAAC,QAAQ,CAAC;QACvB,CAAC;aACD,UAAY,KAAa;YACvB,IAAI,CAAC,QAAQ,GAAG,KAAK,CAAC;QACxB,CAAC;;;OAHA;IA4BH,oBAAC;AAAD,CAAC,AA7ED,CAA4B,KAAK,GA6EhC;AAED,eAAe,aAAa,CAAC"}

package/dist/Radio.d.ts

@@ -0,0 +1,15 @@
+import Selection from "./Selection";
+declare type directionType = "horizontal" | "vertical";
+/**
+ * Selection field for key-value lists
+ */
+declare class Radio extends Selection {
+    /**
+    * Define the direction
+    */
+    _direction: directionType;
+    get direction(): directionType;
+    set direction(value: directionType);
+    constructor(props: any);
+}
+export default Radio;

package/dist/Radio.js

@@ -0,0 +1,46 @@
+var __extends = (this && this.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+import Selection from "./Selection";
+/**
+ * Selection field for key-value lists
+ */
+var Radio = /** @class */ (function (_super) {
+    __extends(Radio, _super);
+    function Radio(props) {
+        var _this = _super.call(this, props) || this;
+        /**
+        * Define the direction
+        */
+        _this._direction = "horizontal";
+        if (props) {
+            if (_this.parsedWidgetProps.hasOwnProperty('direction')) {
+                _this._direction = _this.parsedWidgetProps.direction;
+            }
+        }
+        return _this;
+    }
+    Object.defineProperty(Radio.prototype, "direction", {
+        get: function () {
+            return this._direction;
+        },
+        set: function (value) {
+            this._direction = value;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    return Radio;
+}(Selection));
+export default Radio;
+//# sourceMappingURL=Radio.js.map

package/dist/Radio.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Radio.js","sourceRoot":"","sources":["../src/Radio.ts"],"names":[],"mappings":";;;;;;;;;;;;;AAAA,OAAO,SAAS,MAAM,aAAa,CAAC;AAIpC;;GAEG;AACH;IAAoB,yBAAS;IAa3B,eAAY,KAAU;QAAtB,YACE,kBAAM,KAAK,CAAC,SAOb;QAnBD;;UAEE;QACF,gBAAU,GAAkB,YAAY,CAAC;QAWvC,IAAI,KAAK,EAAE;YACT,IAAI,KAAI,CAAC,iBAAiB,CAAC,cAAc,CAAC,WAAW,CAAC,EAAE;gBACtD,KAAI,CAAC,UAAU,GAAG,KAAI,CAAC,iBAAiB,CAAC,SAAS,CAAA;aACnD;SACF;;IACH,CAAC;IAfD,sBAAI,4BAAS;aAAb;YACE,OAAO,IAAI,CAAC,UAAU,CAAC;QACzB,CAAC;aACD,UAAc,KAAoB;YAChC,IAAI,CAAC,UAAU,GAAG,KAAK,CAAC;QAC1B,CAAC;;;OAHA;IAeH,YAAC;AAAD,CAAC,AAvBD,CAAoB,SAAS,GAuB5B;AAED,eAAe,KAAK,CAAC"}

package/dist/Steps.d.ts

@@ -0,0 +1,17 @@
+import Field from "./Field";
+/**
+ * A many2one relationship field
+ */
+declare class Steps extends Field {
+    /**
+     * Relation
+     */
+    _relation: string;
+    get relation(): string;
+    set relation(value: string);
+    _errorField: string | null;
+    get errorField(): string | null;
+    set errorField(value: string | null);
+    constructor(props: any);
+}
+export default Steps;

package/dist/Steps.js

@@ -0,0 +1,60 @@
+var __extends = (this && this.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+import Field from "./Field";
+/**
+ * A many2one relationship field
+ */
+var Steps = /** @class */ (function (_super) {
+    __extends(Steps, _super);
+    function Steps(props) {
+        var _this = _super.call(this, props) || this;
+        /**
+         * Relation
+         */
+        _this._relation = "";
+        _this._errorField = null;
+        if (props) {
+            if (props.relation) {
+                _this._relation = props.relation;
+            }
+            if (_this.parsedWidgetProps.hasOwnProperty('error_field')) {
+                _this._errorField = _this.parsedWidgetProps.error_field;
+            }
+        }
+        return _this;
+    }
+    Object.defineProperty(Steps.prototype, "relation", {
+        get: function () {
+            return this._relation;
+        },
+        set: function (value) {
+            this._relation = value;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(Steps.prototype, "errorField", {
+        get: function () {
+            return this._errorField;
+        },
+        set: function (value) {
+            this._errorField = value;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    return Steps;
+}(Field));
+export default Steps;
+//# sourceMappingURL=Steps.js.map

package/dist/Steps.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Steps.js","sourceRoot":"","sources":["../src/Steps.ts"],"names":[],"mappings":";;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,SAAS,CAAC;AAE5B;;GAEG;AACH;IAAoB,yBAAK;IAqBvB,eAAY,KAAU;QAAtB,YACE,kBAAM,KAAK,CAAC,SAYb;QAhCD;;WAEG;QACH,eAAS,GAAW,EAAE,CAAC;QAQvB,iBAAW,GAAkB,IAAI,CAAC;QAWhC,IAAI,KAAK,EAAE;YAET,IAAI,KAAK,CAAC,QAAQ,EAAE;gBAClB,KAAI,CAAC,SAAS,GAAG,KAAK,CAAC,QAAQ,CAAC;aACjC;YAED,IAAI,KAAI,CAAC,iBAAiB,CAAC,cAAc,CAAC,aAAa,CAAC,EAAE;gBACxD,KAAI,CAAC,WAAW,GAAG,KAAI,CAAC,iBAAiB,CAAC,WAAW,CAAC;aACvD;SACF;;IACH,CAAC;IA5BD,sBAAI,2BAAQ;aAAZ;YACE,OAAO,IAAI,CAAC,SAAS,CAAC;QACxB,CAAC;aACD,UAAa,KAAa;YACxB,IAAI,CAAC,SAAS,GAAG,KAAK,CAAC;QACzB,CAAC;;;OAHA;IAMD,sBAAI,6BAAU;aAAd;YACE,OAAO,IAAI,CAAC,WAAW,CAAC;QAC1B,CAAC;aACD,UAAe,KAAoB;YACjC,IAAI,CAAC,WAAW,GAAG,KAAK,CAAC;QAC3B,CAAC;;;OAHA;IAmBH,YAAC;AAAD,CAAC,AAnCD,CAAoB,KAAK,GAmCxB;AAED,eAAe,KAAK,CAAC"}

package/dist/Switch.d.ts

@@ -0,0 +1,7 @@
+import Boolean from "./Boolean";
+/**
+ * Switch
+ */
+declare class Switch extends Boolean {
+}
+export default Switch;

package/dist/Switch.js

@@ -0,0 +1,26 @@
+var __extends = (this && this.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+import Boolean from "./Boolean";
+/**
+ * Switch
+ */
+var Switch = /** @class */ (function (_super) {
+    __extends(Switch, _super);
+    function Switch() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    return Switch;
+}(Boolean));
+export default Switch;
+//# sourceMappingURL=Switch.js.map

package/dist/Switch.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Switch.js","sourceRoot":"","sources":["../src/Switch.ts"],"names":[],"mappings":";;;;;;;;;;;;;AAAA,OAAO,OAAO,MAAM,WAAW,CAAC;AAEhC;;GAEG;AACH;IAAqB,0BAAO;IAA5B;;IAA8B,CAAC;IAAD,aAAC;AAAD,CAAC,AAA/B,CAAqB,OAAO,GAAG;AAE/B,eAAe,MAAM,CAAC"}

package/dist/Tags.d.ts

@@ -1,32 +1,7 @@
-import Field from "./Field";
+import MultiCheckbox from "./MultiCheckbox";
 /**
  * A Tags widget
  */
-declare class Tags extends Field {
-    /**
-     * Field size
-     */
-    _size: number;
-    get size(): number;
-    set size(value: number);
-    /**
-     * Relation
-     */
-    _relation: string;
-    get relation(): string;
-    set relation(value: string);
-    /**
-     * Inv_field
-     */
-    _inv_field: string | undefined;
-    get inv_field(): string | undefined;
-    set inv_field(value: string | undefined);
-    /**
-     * field to define the value to show
-     */
-    _field: string;
-    get field(): string;
-    set field(value: string);
-    constructor(props: any);
+declare class Tags extends MultiCheckbox {
 }
 export default Tags;

package/dist/Tags.js

@@ -11,83 +11,16 @@ var __extends = (this && this.__extends) || (function () {
         d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
     };
 })();
-import Field from "./Field";
+import MultiCheckbox from "./MultiCheckbox";
 /**
  * A Tags widget
  */
 var Tags = /** @class */ (function (_super) {
     __extends(Tags, _super);
-    function Tags(props) {
-        var _this = _super.call(this, props) || this;
-        /**
-         * Field size
-         */
-        _this._size = 150;
-        /**
-         * Relation
-         */
-        _this._relation = "";
-        /**
-         * field to define the value to show
-         */
-        _this._field = "name";
-        if (props) {
-            if (props.size) {
-                _this._size = props.size;
-            }
-            if (props.relation) {
-                _this._relation = props.relation;
-            }
-            if (props.inv_field) {
-                _this._inv_field = props.inv_field;
-            }
-            if (_this.parsedWidgetProps.hasOwnProperty('field')) {
-                _this._field = _this.parsedWidgetProps.field;
-            }
-        }
-        return _this;
+    function Tags() {
+        return _super !== null && _super.apply(this, arguments) || this;
     }
-    Object.defineProperty(Tags.prototype, "size", {
-        get: function () {
-            return this._size;
-        },
-        set: function (value) {
-            this._size = value;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(Tags.prototype, "relation", {
-        get: function () {
-            return this._relation;
-        },
-        set: function (value) {
-            this._relation = value;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(Tags.prototype, "inv_field", {
-        get: function () {
-            return this._inv_field;
-        },
-        set: function (value) {
-            this._inv_field = value;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(Tags.prototype, "field", {
-        get: function () {
-            return this._field;
-        },
-        set: function (value) {
-            this._field = value;
-        },
-        enumerable: false,
-        configurable: true
-    });
     return Tags;
-}(Field));
+}(MultiCheckbox));
 export default Tags;
 //# sourceMappingURL=Tags.js.map

package/dist/Tags.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tags.js","sourceRoot":"","sources":["../src/Tags.ts"],"names":[],"mappings":";;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,SAAS,CAAC;AAE5B;;GAEG;AACH;IAAmB,wBAAK;IA8CtB,cAAY,KAAU;QAAtB,YACE,kBAAM,KAAK,CAAC,SAkBb;QAhED;;WAEG;QACH,WAAK,GAAW,GAAG,CAAC;QAQpB;;WAEG;QACH,eAAS,GAAW,EAAE,CAAC;QAoBvB;;WAEG;QACH,YAAM,GAAW,MAAM,CAAC;QAWtB,IAAI,KAAK,EAAE;YACT,IAAI,KAAK,CAAC,IAAI,EAAE;gBACd,KAAI,CAAC,KAAK,GAAG,KAAK,CAAC,IAAI,CAAC;aACzB;YAED,IAAI,KAAK,CAAC,QAAQ,EAAE;gBAClB,KAAI,CAAC,SAAS,GAAG,KAAK,CAAC,QAAQ,CAAC;aACjC;YAED,IAAI,KAAK,CAAC,SAAS,EAAE;gBACnB,KAAI,CAAC,UAAU,GAAG,KAAK,CAAC,SAAS,CAAC;aACnC;YACD,IAAI,KAAI,CAAC,iBAAiB,CAAC,cAAc,CAAC,OAAO,CAAC,EAAE;gBAClD,KAAI,CAAC,MAAM,GAAG,KAAI,CAAC,iBAAiB,CAAC,KAAK,CAAA;aAC3C;SACF;;IACH,CAAC;IA5DD,sBAAI,sBAAI;aAAR;YACE,OAAO,IAAI,CAAC,KAAK,CAAC;QACpB,CAAC;aACD,UAAS,KAAa;YACpB,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC;QACrB,CAAC;;;OAHA;IASD,sBAAI,0BAAQ;aAAZ;YACE,OAAO,IAAI,CAAC,SAAS,CAAC;QACxB,CAAC;aACD,UAAa,KAAa;YACxB,IAAI,CAAC,SAAS,GAAG,KAAK,CAAC;QACzB,CAAC;;;OAHA;IASD,sBAAI,2BAAS;aAAb;YACE,OAAO,IAAI,CAAC,UAAU,CAAC;QACzB,CAAC;aACD,UAAc,KAAyB;YACrC,IAAI,CAAC,UAAU,GAAG,KAAK,CAAC;QAC1B,CAAC;;;OAHA;IAUD,sBAAI,uBAAK;aAAT;YACE,OAAO,IAAI,CAAC,MAAM,CAAC;QACrB,CAAC;aACD,UAAU,KAAa;YACrB,IAAI,CAAC,MAAM,GAAG,KAAK,CAAC;QACtB,CAAC;;;OAHA;IAyBH,WAAC;AAAD,CAAC,AAlED,CAAmB,KAAK,GAkEvB;AAED,eAAe,IAAI,CAAC"}
+{"version":3,"file":"Tags.js","sourceRoot":"","sources":["../src/Tags.ts"],"names":[],"mappings":";;;;;;;;;;;;;AAAA,OAAO,aAAa,MAAM,iBAAiB,CAAC;AAE5C;;GAEG;AACH;IAAmB,wBAAa;IAAhC;;IAAkC,CAAC;IAAD,WAAC;AAAD,CAAC,AAAnC,CAAmB,aAAa,GAAG;AAEnC,eAAe,IAAI,CAAC"}

package/dist/WidgetFactory.js

@@ -37,6 +37,10 @@ import FiberGrid from "./FiberGrid";
 import Timeline from "./Timeline";
 import Indicator from "./Indicator";
 import Tags from "./Tags";
+import Radio from "./Radio";
+import MultiCheckbox from "./MultiCheckbox";
+import Switch from "./Switch";
+import Steps from "./Steps";
 var WidgetFactory = /** @class */ (function () {
     function WidgetFactory() {
     }
@@ -130,6 +134,18 @@ var WidgetFactory = /** @class */ (function () {
             case "tags":
                 this._widgetClass = Tags;
                 break;
+            case "radio":
+                this._widgetClass = Radio;
+                break;
+            case "multicheckbox":
+                this._widgetClass = MultiCheckbox;
+                break;
+            case "switch":
+                this._widgetClass = Switch;
+                break;
+            case "steps":
+                this._widgetClass = Steps;
+                break;
             default:
                 break;
         }

package/dist/WidgetFactory.js.map

@@ -1 +1 @@
-{"version":3,"file":"WidgetFactory.js","sourceRoot":"","sources":["../src/WidgetFactory.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"WidgetFactory.js","sourceRoot":"","sources":["../src/WidgetFactory.ts"],"names":[],"mappings":"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"}

package/dist/index.d.ts

@@ -3,6 +3,7 @@ import Tree from "./Tree";
 import Char from "./Char";
 import Container from "./Container";
 import ContainerWidget from "./ContainerWidget";
+import NewLine from "./NewLine";
 import Selection from "./Selection";
 import Many2one from "./Many2one";
 import Field from "./Field";
@@ -34,7 +35,11 @@ import Indicator from "./Indicator";
 import Dashboard from "./Dashboard";
 import DashboardItem from "./DashboardItem";
 import Tags from "./Tags";
+import MultiCheckbox from "./MultiCheckbox";
+import Radio from "./Radio";
+import Switch from "./Switch";
+import Steps from "./Steps";
 import { Graph, GraphAxis, GraphIndicator, GraphIndicatorField, GraphChart, GraphType, parseGraph, Operator, GraphYAxis, GraphXAxis } from "./Graph";
 import * as graphProcessor from "./Graph/processor/graphProcessor";
 import * as graphFieldUtils from "./Graph/processor/fieldUtils";
-export { Char, Selection, Many2one, Field, Widget, Form, Tree, Boolean, One2many, Integer, Float, FloatTime, Date, DateTime, Many2many, SearchFilter, Container, ContainerWidget, Text, ProgressBar, Notebook, Group, Page, Label, Separator, Button, Reference, Binary, Image, parseContext, transformDomainForChildWidget, Timeline, Indicator, Dashboard, DashboardItem, Graph, GraphAxis, GraphYAxis, GraphXAxis, GraphIndicator, GraphChart, GraphType, parseGraph, Operator, GraphIndicatorField, graphProcessor, graphFieldUtils, Tags, };
+export { Char, Selection, Many2one, Field, Widget, Form, Tree, NewLine, Boolean, One2many, Integer, Float, FloatTime, Date, DateTime, Many2many, SearchFilter, Container, ContainerWidget, Text, ProgressBar, Notebook, Group, Page, Label, Separator, Button, Reference, Binary, Image, parseContext, transformDomainForChildWidget, Timeline, Indicator, Dashboard, DashboardItem, Graph, GraphAxis, GraphYAxis, GraphXAxis, GraphIndicator, GraphChart, GraphType, parseGraph, Operator, GraphIndicatorField, graphProcessor, graphFieldUtils, Tags, MultiCheckbox, Radio, Switch, Steps, };

package/dist/index.js

@@ -3,6 +3,7 @@ import Tree from "./Tree";
 import Char from "./Char";
 import Container from "./Container";
 import ContainerWidget from "./ContainerWidget";
+import NewLine from "./NewLine";
 import Selection from "./Selection";
 import Many2one from "./Many2one";
 import Field from "./Field";
@@ -34,8 +35,12 @@ import Indicator from "./Indicator";
 import Dashboard from "./Dashboard";
 import DashboardItem from "./DashboardItem";
 import Tags from "./Tags";
+import MultiCheckbox from "./MultiCheckbox";
+import Radio from "./Radio";
+import Switch from "./Switch";
+import Steps from "./Steps";
 import { Graph, GraphAxis, GraphIndicator, GraphIndicatorField, GraphChart, parseGraph, GraphYAxis, GraphXAxis, } from "./Graph";
 import * as graphProcessor from "./Graph/processor/graphProcessor";
 import * as graphFieldUtils from "./Graph/processor/fieldUtils";
-export { Char, Selection, Many2one, Field, Widget, Form, Tree, Boolean, One2many, Integer, Float, FloatTime, Date, DateTime, Many2many, SearchFilter, Container, ContainerWidget, Text, ProgressBar, Notebook, Group, Page, Label, Separator, Button, Reference, Binary, Image, parseContext, transformDomainForChildWidget, Timeline, Indicator, Dashboard, DashboardItem, Graph, GraphAxis, GraphYAxis, GraphXAxis, GraphIndicator, GraphChart, parseGraph, GraphIndicatorField, graphProcessor, graphFieldUtils, Tags, };
+export { Char, Selection, Many2one, Field, Widget, Form, Tree, NewLine, Boolean, One2many, Integer, Float, FloatTime, Date, DateTime, Many2many, SearchFilter, Container, ContainerWidget, Text, ProgressBar, Notebook, Group, Page, Label, Separator, Button, Reference, Binary, Image, parseContext, transformDomainForChildWidget, Timeline, Indicator, Dashboard, DashboardItem, Graph, GraphAxis, GraphYAxis, GraphXAxis, GraphIndicator, GraphChart, parseGraph, GraphIndicatorField, graphProcessor, graphFieldUtils, Tags, MultiCheckbox, Radio, Switch, Steps, };
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,IAAI,MAAM,QAAQ,CAAC;AAC1B,OAAO,IAAI,MAAM,QAAQ,CAAC;AAC1B,OAAO,IAAI,MAAM,QAAQ,CAAC;AAC1B,OAAO,SAAS,MAAM,aAAa,CAAC;AACpC,OAAO,eAAe,MAAM,mBAAmB,CAAC;AAChD,OAAO,SAAS,MAAM,aAAa,CAAC;AACpC,OAAO,QAAQ,MAAM,YAAY,CAAC;AAClC,OAAO,KAAK,MAAM,SAAS,CAAC;AAC5B,OAAO,MAAM,MAAM,UAAU,CAAC;AAC9B,OAAO,OAAO,MAAM,WAAW,CAAC;AAChC,OAAO,OAAO,MAAM,WAAW,CAAC;AAChC,OAAO,KAAK,MAAM,SAAS,CAAC;AAC5B,OAAO,SAAS,MAAM,aAAa,CAAC;AACpC,OAAO,WAAW,MAAM,eAAe,CAAC;AACxC,OAAO,IAAI,MAAM,QAAQ,CAAC;AAC1B,OAAO,QAAQ,MAAM,YAAY,CAAC;AAClC,OAAO,SAAS,MAAM,aAAa,CAAC;AACpC,OAAO,QAAQ,MAAM,YAAY,CAAC;AAClC,OAAO,YAAY,MAAM,gBAAgB,CAAC;AAC1C,OAAO,IAAI,MAAM,QAAQ,CAAC;AAC1B,OAAO,KAAK,MAAM,SAAS,CAAC;AAC5B,OAAO,QAAQ,MAAM,YAAY,CAAC;AAClC,OAAO,KAAK,MAAM,SAAS,CAAC;AAC5B,OAAO,IAAI,MAAM,QAAQ,CAAC;AAC1B,OAAO,SAAS,MAAM,aAAa,CAAC;AACpC,OAAO,MAAM,MAAM,UAAU,CAAC;AAC9B,OAAO,SAAS,MAAM,aAAa,CAAC;AACpC,OAAO,MAAM,MAAM,UAAU,CAAC;AAC9B,OAAO,KAAK,MAAM,SAAS,CAAC;AAC5B,OAAO,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC;AACvD,OAAO,EAAE,6BAA6B,EAAE,MAAM,wBAAwB,CAAC;AACvE,OAAO,QAAQ,MAAM,YAAY,CAAC;AAClC,OAAO,SAAS,MAAM,aAAa,CAAC;AACpC,OAAO,SAAS,MAAM,aAAa,CAAC;AACpC,OAAO,aAAa,MAAM,iBAAiB,CAAC;AAC5C,OAAO,IAAI,MAAM,QAAQ,CAAC;AAC1B,OAAO,EACL,KAAK,EACL,SAAS,EACT,cAAc,EACd,mBAAmB,EACnB,UAAU,EAEV,UAAU,EAEV,UAAU,EACV,UAAU,GACX,MAAM,SAAS,CAAC;AAEjB,OAAO,KAAK,cAAc,MAAM,kCAAkC,CAAC;AACnE,OAAO,KAAK,eAAe,MAAM,8BAA8B,CAAC;AAEhE,OAAO,EACL,IAAI,EACJ,SAAS,EACT,QAAQ,EACR,KAAK,EACL,MAAM,EACN,IAAI,EACJ,IAAI,EACJ,OAAO,EACP,QAAQ,EACR,OAAO,EACP,KAAK,EACL,SAAS,EACT,IAAI,EACJ,QAAQ,EACR,SAAS,EACT,YAAY,EACZ,SAAS,EACT,eAAe,EACf,IAAI,EACJ,WAAW,EACX,QAAQ,EACR,KAAK,EACL,IAAI,EACJ,KAAK,EACL,SAAS,EACT,MAAM,EACN,SAAS,EACT,MAAM,EACN,KAAK,EACL,YAAY,EACZ,6BAA6B,EAC7B,QAAQ,EACR,SAAS,EACT,SAAS,EACT,aAAa,EACb,KAAK,EACL,SAAS,EACT,UAAU,EACV,UAAU,EACV,cAAc,EACd,UAAU,EAEV,UAAU,EAEV,mBAAmB,EACnB,cAAc,EACd,eAAe,EACf,IAAI,GACL,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gisce/ooui",
-  "version": "0.9.1",
+  "version": "0.12.0",
   "dependencies": {
     "moment": "^2.29.3"
   },

package/src/Label.ts

@@ -1,5 +1,9 @@
 import Field from "./Field";
 
+
+type LabelType = "secondary" | "success" | "warning" | "danger" | "default";
+type LabelSize = "h1" | "h2" | "h3" | "h4" | "h5" | "text";
+
 class Label extends Field {
   /**
    * Label text
@@ -23,6 +27,29 @@ class Label extends Field {
     this._align = value;
   }
 
+  /**
+   * Label type
+   */
+  _labelType: LabelType = "default";
+  get labelType(): LabelType {
+    return this._labelType;
+  }
+  set labelType(value: LabelType) {
+    this._labelType = value;
+  }
+
+  /**
+   * Label size
+   */
+   _labelSize: LabelSize = "text";
+   get labelSize(): LabelSize {
+     return this._labelSize;
+   }
+   set labelSize(value: LabelSize) {
+     this._labelSize = value;
+   }
+
+
   /**
    * Id of the field that this label goes with. Null if it's an independent label
    */
@@ -40,6 +67,14 @@ class Label extends Field {
     if (props?.fieldForLabel) {
       this._fieldForLabel = props.fieldForLabel;
     }
+    if (props.widget_props) {
+      if (this.parsedWidgetProps.label_type) {
+        this.labelType = this.parsedWidgetProps.label_type;
+      }
+      if (this.parsedWidgetProps.label_size) {
+        this.labelSize = this.parsedWidgetProps.label_size;
+      }
+    }
   }
 }
 

package/src/MultiCheckbox.ts

@@ -0,0 +1,85 @@
+import Field from "./Field";
+
+/**
+ * A Tags widget
+ */
+class MultiCheckbox extends Field {
+  /**
+   * Field size
+   */
+  _size: number = 150;
+  get size(): number {
+    return this._size;
+  }
+  set size(value: number) {
+    this._size = value;
+  }
+
+  /**
+   * Relation
+   */
+  _relation: string = "";
+  get relation(): string {
+    return this._relation;
+  }
+  set relation(value: string) {
+    this._relation = value;
+  }
+
+  /**
+   * Inv_field
+   */
+  _inv_field: string | undefined;
+  get inv_field(): string | undefined {
+    return this._inv_field;
+  }
+  set inv_field(value: string | undefined) {
+    this._inv_field = value;
+  }
+
+
+  /**
+   * field to define the value to show
+   */
+  _field: string = "name";
+  get field(): string {
+    return this._field;
+  }
+  set field(value: string) {
+    this._field = value;
+  }
+
+  _columns: number = 4;
+  get columns(): number {
+    return this._columns;
+  }
+  set columns(value: number) {
+    this._columns = value;
+  }
+
+  constructor(props: any) {
+    super(props);
+
+    if (props) {
+      if (props.size) {
+        this._size = props.size;
+      }
+
+      if (props.relation) {
+        this._relation = props.relation;
+      }
+
+      if (props.inv_field) {
+        this._inv_field = props.inv_field;
+      }
+      if (this.parsedWidgetProps.hasOwnProperty('field')) {
+        this._field = this.parsedWidgetProps.field
+      }
+      if (this.parsedWidgetProps.columns) {
+        this._columns = this.parsedWidgetProps.columns;
+      }
+    }
+  }
+}
+
+export default MultiCheckbox;

package/src/Radio.ts

@@ -0,0 +1,33 @@
+import Selection from "./Selection";
+
+type directionType = "horizontal" | "vertical";
+
+/**
+ * Selection field for key-value lists
+ */
+class Radio extends Selection {
+
+  /**
+  * Define the direction
+  */
+  _direction: directionType = "horizontal";
+  get direction(): directionType {
+    return this._direction;
+  }
+  set direction(value: directionType) {
+    this._direction = value;
+  }
+
+  constructor(props: any) {
+    super(props);
+
+    if (props) {
+      if (this.parsedWidgetProps.hasOwnProperty('direction')) {
+        this._direction = this.parsedWidgetProps.direction
+      }
+    }
+  }
+
+}
+
+export default Radio;

package/src/Steps.ts

@@ -0,0 +1,43 @@
+import Field from "./Field";
+
+/**
+ * A many2one relationship field
+ */
+class Steps extends Field {
+
+  /**
+   * Relation
+   */
+  _relation: string = "";
+  get relation(): string {
+    return this._relation;
+  }
+  set relation(value: string) {
+    this._relation = value;
+  }
+
+  _errorField: string | null = null;
+  get errorField(): string | null {
+    return this._errorField;
+  }
+  set errorField(value: string | null) {
+    this._errorField = value;
+  }
+
+  constructor(props: any) {
+    super(props);
+
+    if (props) {
+      
+      if (props.relation) {
+        this._relation = props.relation;
+      }
+
+      if (this.parsedWidgetProps.hasOwnProperty('error_field')) {
+        this._errorField = this.parsedWidgetProps.error_field;
+      }
+    }
+  }
+}
+
+export default Steps;

package/src/Switch.ts

@@ -0,0 +1,8 @@
+import Boolean from "./Boolean";
+
+/**
+ * Switch
+ */
+class Switch extends Boolean {}
+
+export default Switch;

package/src/Tags.ts

@@ -1,74 +1,8 @@
-import Field from "./Field";
+import MultiCheckbox from "./MultiCheckbox";
 
 /**
  * A Tags widget
  */
-class Tags extends Field {
-  /**
-   * Field size
-   */
-  _size: number = 150;
-  get size(): number {
-    return this._size;
-  }
-  set size(value: number) {
-    this._size = value;
-  }
-
-  /**
-   * Relation
-   */
-  _relation: string = "";
-  get relation(): string {
-    return this._relation;
-  }
-  set relation(value: string) {
-    this._relation = value;
-  }
-
-  /**
-   * Inv_field
-   */
-  _inv_field: string | undefined;
-  get inv_field(): string | undefined {
-    return this._inv_field;
-  }
-  set inv_field(value: string | undefined) {
-    this._inv_field = value;
-  }
-
-
-  /**
-   * field to define the value to show
-   */
-  _field: string = "name";
-  get field(): string {
-    return this._field;
-  }
-  set field(value: string) {
-    this._field = value;
-  }
-
-  constructor(props: any) {
-    super(props);
-
-    if (props) {
-      if (props.size) {
-        this._size = props.size;
-      }
-
-      if (props.relation) {
-        this._relation = props.relation;
-      }
-
-      if (props.inv_field) {
-        this._inv_field = props.inv_field;
-      }
-      if (this.parsedWidgetProps.hasOwnProperty('field')) {
-        this._field = this.parsedWidgetProps.field
-      }
-    }
-  }
-}
+class Tags extends MultiCheckbox {}
 
 export default Tags;

package/src/WidgetFactory.ts

@@ -26,6 +26,10 @@ import FiberGrid from "./FiberGrid";
 import Timeline from "./Timeline";
 import Indicator from "./Indicator";
 import Tags from "./Tags";
+import Radio from "./Radio";
+import MultiCheckbox from "./MultiCheckbox";
+import Switch from "./Switch";
+import Steps from "./Steps";
 
 class WidgetFactory {
   /**
@@ -123,6 +127,18 @@ class WidgetFactory {
       case "tags":
         this._widgetClass = Tags;
         break;
+      case "radio":
+        this._widgetClass = Radio;
+        break;
+      case "multicheckbox":
+        this._widgetClass = MultiCheckbox;
+        break;
+      case "switch":
+        this._widgetClass = Switch;
+        break;
+      case "steps":
+        this._widgetClass = Steps;
+        break;
 
       default:
         break;

package/src/index.ts

@@ -3,6 +3,7 @@ import Tree from "./Tree";
 import Char from "./Char";
 import Container from "./Container";
 import ContainerWidget from "./ContainerWidget";
+import NewLine from "./NewLine";
 import Selection from "./Selection";
 import Many2one from "./Many2one";
 import Field from "./Field";
@@ -34,6 +35,11 @@ import Indicator from "./Indicator";
 import Dashboard from "./Dashboard";
 import DashboardItem from "./DashboardItem";
 import Tags from "./Tags";
+import MultiCheckbox from "./MultiCheckbox";
+import Radio from "./Radio";
+import Switch from "./Switch";
+import Steps from "./Steps";
+
 import {
   Graph,
   GraphAxis,
@@ -58,6 +64,7 @@ export {
   Widget,
   Form,
   Tree,
+  NewLine,
   Boolean,
   One2many,
   Integer,
@@ -99,4 +106,8 @@ export {
   graphProcessor,
   graphFieldUtils,
   Tags,
+  MultiCheckbox,
+  Radio,
+  Switch,
+  Steps,
 };

package/src/spec/Label.spec.ts

@@ -43,4 +43,51 @@ describe("A Label", () => {
     const widget = widgetFactory.createWidget("label", props);
     expect(widget.fieldForLabel).toBe("field");
   });
+
+  describe("Label types", () => {
+    it("should have default type by default", () => {
+      const widgetFactory = new WidgetFactory();
+      const props = {
+        name: "field_label",
+        string: "Default",
+      };
+      const widget = widgetFactory.createWidget("label", props);
+      expect(widget.labelType).toBe("default");
+    });
+    it("should parse label_type from widget props", () => {
+      const widgetFactory = new WidgetFactory();
+      const props = {
+        name: "field_label",
+        string: "Default",
+        widget_props: "{'label_type': 'warning'}"
+      };
+      const widget = widgetFactory.createWidget("label", props);
+      expect(widget.labelType).toBe("warning");
+    });
+  });
+
+  describe("Label size", () => {
+    it("should have default size to text", () => {
+      const widgetFactory = new WidgetFactory();
+      const props = {
+        name: "field_label",
+        string: "Default",
+        widget_props: "{}"
+      };
+      const widget = widgetFactory.createWidget("label", props);
+      expect(widget.labelSize).toBe("text");
+    });
+    it("should have allow size to h1...h5", () => {
+      const widgetFactory = new WidgetFactory();
+      ['h1', 'h2', 'h3', 'h4', 'h5'].map((level) => {
+        const props = {
+          name: "field_label",
+          string: "Default",
+          widget_props: `{'label_size': '${level}'}`
+        };
+        const widget = widgetFactory.createWidget("label", props);
+        expect(widget.labelSize).toBe(level);
+      })
+    });
+  });
 });

package/src/spec/MultiCheckbox.spec.ts

@@ -0,0 +1,58 @@
+import WidgetFactory from "../WidgetFactory";
+
+describe("A MultiCheckbox widget", () => {
+  it("should have an id corresponding to field name", () => {
+    const widgetFactory = new WidgetFactory();
+    const props = {
+      name: "one2many1",
+    };
+
+    const widget = widgetFactory.createWidget("multicheckbox", props);
+
+    expect(widget.id).toBe("one2many1");
+  });
+
+  describe("Parsing widget props", () => {
+    it("should properly set field", () => {
+      const widgetFactory = new WidgetFactory();
+      const props = {
+        name: "one2many1",
+        widget_props: "{'field': 'foo'}",
+      };
+      const widget = widgetFactory.createWidget("multicheckbox", props);
+
+      expect(widget.field).toBe("foo");
+    });
+
+    it("should have default field to 'name'", () => {
+      const widgetFactory = new WidgetFactory();
+      const props = {
+        name: "one2many1",
+      };
+      const widget = widgetFactory.createWidget("multicheckbox", props);
+
+      expect(widget.field).toBe("name");
+    });
+
+    it("should have the number of columns default 4", () => {
+      const widgetFactory = new WidgetFactory();
+      const props = {
+        name: "one2many1",
+      };
+      const widget = widgetFactory.createWidget("multicheckbox", props);
+
+      expect(widget.columns).toBe(4);
+    });
+
+    it("should parse the number of columns", () => {
+      const widgetFactory = new WidgetFactory();
+      const props = {
+        name: "one2many1",
+        widget_props: "{'columns': 6}"
+      };
+      const widget = widgetFactory.createWidget("multicheckbox", props);
+
+      expect(widget.columns).toBe(6);
+    });
+  });
+});

package/src/spec/Radio.spec.ts

@@ -0,0 +1,27 @@
+import WidgetFactory from "../WidgetFactory";
+
+describe("A Radio widget", () => {
+
+  it("should have default direction to 'horizontal'", () => {
+    const widgetFactory = new WidgetFactory();
+    const props = {
+      name: "level",
+    };
+    const widget = widgetFactory.createWidget("radio", props);
+
+    expect(widget.direction).toBe("horizontal");
+  });
+ 
+  it("should properly set field", () => {
+    const widgetFactory = new WidgetFactory();
+    const props = {
+      name: "level",
+      widget_props: "{'direction': 'vertical'}",
+    };
+    const widget = widgetFactory.createWidget("radio", props);
+
+    expect(widget.direction).toBe("vertical");
+  });
+
+
+});

package/src/spec/Steps.spec.ts

@@ -0,0 +1,35 @@
+import WidgetFactory from "../WidgetFactory";
+
+describe("A Steps widget", () => {
+  it("should have an id corresponding to field name", () => {
+    const widgetFactory = new WidgetFactory();
+    const props = {
+      name: "state",
+    };
+
+    const widget = widgetFactory.createWidget("steps", props);
+    expect(widget.id).toBe("state");
+  });
+
+  it("should have default errorField to undefined", () => {
+    const widgetFactory = new WidgetFactory();
+    const props = {
+      name: "state",
+    };
+    const widget = widgetFactory.createWidget("steps", props);
+
+    expect(widget.errorField).toBe(null);
+  });
+
+  it("should properly set field", () => {
+    const widgetFactory = new WidgetFactory();
+    const props = {
+      name: "state",
+      widget_props: "{'error_field': 'error'}",
+    };
+    const widget = widgetFactory.createWidget("steps", props);
+
+    expect(widget.errorField).toBe("error");
+  });
+
+});

package/src/spec/WidgetFactory.spec.ts

@@ -1,8 +1,5 @@
-import Char from "../Char";
-import Button from "../Button";
-import NewLine from "../NewLine";
-import Tags from "../Tags";
 import WidgetFactory from "../WidgetFactory";
+import { Char, Button, NewLine, Tags, MultiCheckbox, Radio, Switch, Steps } from "..";
 
 
 describe('A WidgetFactory', () => {
@@ -46,4 +43,36 @@ describe('A WidgetFactory', () => {
         expect(widget).toBeInstanceOf(Tags);
         expect(widget.type).toBe("tags");
     });
+
+    it('should be able to retrieve MultiCheckbox type', () => {
+        const widgetFactory = new WidgetFactory();
+        const props = {};
+        const widget = widgetFactory.createWidget("multicheckbox", props);
+        expect(widget).toBeInstanceOf(MultiCheckbox);
+        expect(widget.type).toBe("multicheckbox");
+    });
+
+    it('should be able to retrieve Radio type', () => {
+        const widgetFactory = new WidgetFactory();
+        const props = {};
+        const widget = widgetFactory.createWidget("radio", props);
+        expect(widget).toBeInstanceOf(Radio);
+        expect(widget.type).toBe("radio");
+    });
+
+    it('should be able to retrieve Switch type', () => {
+        const widgetFactory = new WidgetFactory();
+        const props = {};
+        const widget = widgetFactory.createWidget("switch", props);
+        expect(widget).toBeInstanceOf(Switch);
+        expect(widget.type).toBe("switch");
+    });
+
+    it('should be able to retrieve Steps type', () => {
+        const widgetFactory = new WidgetFactory();
+        const props = {};
+        const widget = widgetFactory.createWidget("steps", props);
+        expect(widget).toBeInstanceOf(Steps);
+        expect(widget.type).toBe("steps");
+    });
 });