@gisce/ooui 0.14.0 → 0.16.0

package/dist/Notebook.d.ts

@@ -1,8 +1,15 @@
 import ContainerWidget from "./ContainerWidget";
+import Page from "./Page";
+export declare type TabPosition = "top" | "bottom" | "left" | "right";
 declare class Notebook extends ContainerWidget {
     static _defaultColspan: number;
     static get defaultColspan(): number;
     static set defaultColspan(value: number);
+    _tabPosition: TabPosition;
+    get tabPosition(): TabPosition;
+    set tabPosition(value: TabPosition);
+    _pages: Page[];
+    get pages(): Page[];
     constructor(props: any);
 }
 export default Notebook;

package/dist/Notebook.js

@@ -16,11 +16,16 @@ var Notebook = /** @class */ (function (_super) {
     __extends(Notebook, _super);
     function Notebook(props) {
         var _this = _super.call(this, props) || this;
+        _this._tabPosition = "top";
+        _this._pages = [];
         _this.colspan = Notebook._defaultColspan;
         if (props) {
             if (props.colspan) {
                 _this.colspan = props.colspan;
             }
+            if (props.tabpos) {
+                _this._tabPosition = props.tabpos;
+            }
         }
         return _this;
     }
@@ -34,6 +39,23 @@ var Notebook = /** @class */ (function (_super) {
         enumerable: false,
         configurable: true
     });
+    Object.defineProperty(Notebook.prototype, "tabPosition", {
+        get: function () {
+            return this._tabPosition;
+        },
+        set: function (value) {
+            this._tabPosition = value;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(Notebook.prototype, "pages", {
+        get: function () {
+            return this._container.rows.map(function (r) { return r[0]; });
+        },
+        enumerable: false,
+        configurable: true
+    });
     Notebook._defaultColspan = 3;
     return Notebook;
 }(ContainerWidget));

package/dist/Notebook.js.map

@@ -1 +1 @@
-{"version":3,"file":"Notebook.js","sourceRoot":"","sources":["../src/Notebook.ts"],"names":[],"mappings":";;;;;;;;;;;;;AAAA,OAAO,eAAe,MAAM,mBAAmB,CAAC;AAEhD;IAAuB,4BAAe;IASpC,kBAAY,KAAU;QAAtB,YACE,kBAAM,KAAK,CAAC,SAQb;QAPC,KAAI,CAAC,OAAO,GAAG,QAAQ,CAAC,eAAe,CAAC;QAExC,IAAI,KAAK,EAAE;YACT,IAAI,KAAK,CAAC,OAAO,EAAE;gBACjB,KAAI,CAAC,OAAO,GAAG,KAAK,CAAC,OAAO,CAAC;aAC9B;SACF;;IACH,CAAC;IAhBD,sBAAW,0BAAc;aAAzB;YACE,OAAO,QAAQ,CAAC,eAAe,CAAC;QAClC,CAAC;aACD,UAA0B,KAAa;YACrC,QAAQ,CAAC,eAAe,GAAG,KAAK,CAAC;QACnC,CAAC;;;OAHA;IAHM,wBAAe,GAAW,CAAC,CAAC;IAkBrC,eAAC;CAAA,AAnBD,CAAuB,eAAe,GAmBrC;AAED,eAAe,QAAQ,CAAC"}
+{"version":3,"file":"Notebook.js","sourceRoot":"","sources":["../src/Notebook.ts"],"names":[],"mappings":";;;;;;;;;;;;;AAAA,OAAO,eAAe,MAAM,mBAAmB,CAAC;AAKhD;IAAuB,4BAAe;IAsBpC,kBAAY,KAAU;QAAtB,YACE,kBAAM,KAAK,CAAC,SAWb;QAzBD,kBAAY,GAAgB,KAAK,CAAC;QAQlC,YAAM,GAAW,EAAE,CAAC;QAOlB,KAAI,CAAC,OAAO,GAAG,QAAQ,CAAC,eAAe,CAAC;QAExC,IAAI,KAAK,EAAE;YACT,IAAI,KAAK,CAAC,OAAO,EAAE;gBACjB,KAAI,CAAC,OAAO,GAAG,KAAK,CAAC,OAAO,CAAC;aAC9B;YACD,IAAI,KAAK,CAAC,MAAM,EAAE;gBAChB,KAAI,CAAC,YAAY,GAAG,KAAK,CAAC,MAAM,CAAC;aAClC;SACF;;IACH,CAAC;IAhCD,sBAAW,0BAAc;aAAzB;YACE,OAAO,QAAQ,CAAC,eAAe,CAAC;QAClC,CAAC;aACD,UAA0B,KAAa;YACrC,QAAQ,CAAC,eAAe,GAAG,KAAK,CAAC;QACnC,CAAC;;;OAHA;IAMD,sBAAI,iCAAW;aAAf;YACE,OAAO,IAAI,CAAC,YAAY,CAAC;QAC3B,CAAC;aACD,UAAgB,KAAkB;YAChC,IAAI,CAAC,YAAY,GAAG,KAAK,CAAC;QAC5B,CAAC;;;OAHA;IAMD,sBAAI,2BAAK;aAAT;YACE,OAAO,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,GAAG,CAAC,UAAA,CAAC,IAAI,OAAA,CAAC,CAAC,CAAC,CAAC,EAAJ,CAAI,CAAW,CAAC;QACvD,CAAC;;;OAAA;IAnBM,wBAAe,GAAW,CAAC,CAAC;IAkCrC,eAAC;CAAA,AAnCD,CAAuB,eAAe,GAmCrC;AAED,eAAe,QAAQ,CAAC"}

package/dist/Tree.d.ts

@@ -19,6 +19,11 @@ declare class Tree {
      */
     _colors: string | null;
     get colors(): string | null;
+    /**
+     * Editable value
+     */
+    _editable: "top" | " bottom" | null;
+    get editable(): "top" | " bottom" | null;
     constructor(fields: Object);
     parse(xml: string): void;
     parseNode(node: Element): void;

package/dist/Tree.js

@@ -12,6 +12,10 @@ var Tree = /** @class */ (function () {
          * Color expression value
          */
         this._colors = null;
+        /**
+         * Editable value
+         */
+        this._editable = null;
         this._fields = fields;
     }
     Object.defineProperty(Tree.prototype, "fields", {
@@ -49,12 +53,20 @@ var Tree = /** @class */ (function () {
         enumerable: false,
         configurable: true
     });
+    Object.defineProperty(Tree.prototype, "editable", {
+        get: function () {
+            return this._editable;
+        },
+        enumerable: false,
+        configurable: true
+    });
     Tree.prototype.parse = function (xml) {
         var parser = new DOMParser();
         var view = parser.parseFromString(xml, "text/xml");
         this.parseNode(view.documentElement);
         this._string = view.documentElement.getAttribute("string");
         this._colors = view.documentElement.getAttribute("colors");
+        this._editable = view.documentElement.getAttribute("editable");
     };
     Tree.prototype.parseNode = function (node) {
         var _this = this;

package/dist/Tree.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tree.js","sourceRoot":"","sources":["../src/Tree.ts"],"names":[],"mappings":"AAAA,OAAO,aAAa,MAAM,iBAAiB,CAAC;AAE5C,OAAO,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAElD;IAmCE,cAAY,MAAc;QA1B1B,aAAQ,GAAe,EAAE,CAAC;QAK1B,YAAO,GAAkB,IAAI,CAAC;QAK9B;;WAEG;QACH,UAAK,GAAW,MAAM,CAAC;QAKvB;;WAEG;QACH,YAAO,GAAkB,IAAI,CAAC;QAM5B,IAAI,CAAC,OAAO,GAAG,MAAM,CAAC;IACxB,CAAC;IAhCD,sBAAI,wBAAM;aAAV;YACE,OAAO,IAAI,CAAC,OAAO,CAAC;QACtB,CAAC;;;OAAA;IAGD,sBAAI,yBAAO;aAAX;YACE,OAAO,IAAI,CAAC,QAAQ,CAAC;QACvB,CAAC;;;OAAA;IAGD,sBAAI,wBAAM;aAAV;YACE,OAAO,IAAI,CAAC,OAAO,CAAC;QACtB,CAAC;;;OAAA;IAMD,sBAAI,sBAAI;aAAR;YACE,OAAO,IAAI,CAAC,KAAK,CAAC;QACpB,CAAC;;;OAAA;IAMD,sBAAI,wBAAM;aAAV;YACE,OAAO,IAAI,CAAC,OAAO,CAAC;QACtB,CAAC;;;OAAA;IAMD,oBAAK,GAAL,UAAM,GAAW;QACf,IAAM,MAAM,GAAG,IAAI,SAAS,EAAE,CAAC;QAC/B,IAAM,IAAI,GAAa,MAAM,CAAC,eAAe,CAAC,GAAG,EAAE,UAAU,CAAC,CAAC;QAC/D,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,eAAe,CAAC,CAAC;QACrC,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC,eAAe,CAAC,YAAY,CAAC,QAAQ,CAAC,CAAC;QAC3D,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC,eAAe,CAAC,YAAY,CAAC,QAAQ,CAAC,CAAC;IAC7D,CAAC;IAED,wBAAS,GAAT,UAAU,IAAa;QAAvB,iBA0BC;QAzBC,IAAM,aAAa,GAAG,IAAI,aAAa,EAAE,CAAC;QAE1C,IAAM,WAAW,GAAG,UAAU,CAAC,IAAI,CAAC,UAAU,EAAE,IAAI,CAAC,OAAO,CAAC,CAAC;QAE9D,WAAW,CAAC,OAAO,CAAC,UAAC,UAAU;;YACrB,IAAA,GAAG,GAAoB,UAAU,IAA9B,EAAE,aAAa,GAAK,UAAU,cAAf,CAAgB;YAC1C,IAAI,SAAS,GACX,aAAa,CAAC,SAAS,WAAI,KAAI,CAAC,OAAO,CAAC,aAAa,CAAC,IAAI,CAAC,0CAAE,SAAS,CAAA,CAAC;YAEzE,IACE,SAAS,KAAK,CAAC;gBACf,SAAS,KAAK,GAAG;gBACjB,SAAS,KAAK,IAAI;gBAClB,SAAS,KAAK,MAAM,EACpB;gBACA,SAAS,GAAG,IAAI,CAAC;aAClB;iBAAM;gBACL,SAAS,GAAG,KAAK,CAAC;aACnB;YAED,IAAI,CAAC,SAAS,EAAE;gBACd,IAAM,MAAM,GAAG,aAAa,CAAC,YAAY,CAAC,GAAG,EAAE,aAAa,CAAC,CAAC;gBAC9D,KAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;aAC5B;QACH,CAAC,CAAC,CAAC;IACL,CAAC;IAED;;;OAGG;IACH,uBAAQ,GAAR,UAAS,EAAU;QACjB,OAAO,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,UAAC,IAAI;YAC7B,IAAI,IAAI,CAAC,QAAQ,EAAE;gBACjB,OAAO,IAAI,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC;aAC1B;QACH,CAAC,CAAC,CAAC;IACL,CAAC;IACH,WAAC;AAAD,CAAC,AAtFD,IAsFC;AAED,eAAe,IAAI,CAAC"}
+{"version":3,"file":"Tree.js","sourceRoot":"","sources":["../src/Tree.ts"],"names":[],"mappings":"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"}

package/package.json

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

package/src/Notebook.ts

@@ -1,4 +1,7 @@
 import ContainerWidget from "./ContainerWidget";
+import Page from "./Page";
+
+export type TabPosition = "top" | "bottom" | "left" | "right";
 
 class Notebook extends ContainerWidget {
   static _defaultColspan: number = 3;
@@ -9,6 +12,19 @@ class Notebook extends ContainerWidget {
     Notebook._defaultColspan = value;
   }
 
+  _tabPosition: TabPosition = "top";
+  get tabPosition(): TabPosition {
+    return this._tabPosition;
+  }
+  set tabPosition(value: TabPosition) {
+    this._tabPosition = value;
+  }
+
+  _pages: Page[] = [];
+  get pages(): Page[] {
+    return this._container.rows.map(r => r[0]) as Page[];
+  }
+
   constructor(props: any) {
     super(props);
     this.colspan = Notebook._defaultColspan;
@@ -17,6 +33,9 @@ class Notebook extends ContainerWidget {
       if (props.colspan) {
         this.colspan = props.colspan;
       }
+      if (props.tabpos) {
+        this._tabPosition = props.tabpos;
+      }
     }
   }
 }

package/src/Tree.ts

@@ -2,6 +2,8 @@ import WidgetFactory from "./WidgetFactory";
 import Widget from "./Widget";
 import { parseNodes } from "./helpers/nodeParser";
 
+type EditableTreeOptions = "top" | " bottom" | null;
+
 class Tree {
   /**
    * Object containing fields specification of the form.
@@ -37,6 +39,14 @@ class Tree {
     return this._colors;
   }
 
+  /**
+   * Editable value
+   */
+  _editable: "top" | " bottom" | null = null;
+  get editable(): "top" | " bottom" | null {
+    return this._editable;
+  }
+
   constructor(fields: Object) {
     this._fields = fields;
   }
@@ -47,6 +57,9 @@ class Tree {
     this.parseNode(view.documentElement);
     this._string = view.documentElement.getAttribute("string");
     this._colors = view.documentElement.getAttribute("colors");
+    this._editable = view.documentElement.getAttribute(
+      "editable"
+    ) as EditableTreeOptions;
   }
 
   parseNode(node: Element) {

package/src/spec/Form.spec.ts

@@ -250,6 +250,10 @@ describe("A Form", () => {
             <page string="Page1" col="8">
                 <field colspan="16" name="char1" />
             </page>
+            <page string="Page2">
+            </page>
+            <page string="Page3">
+            </page>
         </notebook>
     </form>`;
     const form = new Form(fields);
@@ -259,6 +263,7 @@ describe("A Form", () => {
     expect(notebook).toBeInstanceOf(Notebook);
     const page = notebook.container.rows[0][0] as Page;
     expect(page).toBeInstanceOf(Page);
+    expect(notebook.pages).toHaveLength(3);
     const labelField = page.container.rows[0][0];
     expect(labelField).toBeInstanceOf(Label);
     const charField = page.container.rows[0][1];

package/src/spec/Notebook.spec.ts

@@ -0,0 +1,25 @@
+import WidgetFactory from "../WidgetFactory";
+
+describe("A Notebook", () => {
+  it("should have tabs position default to top", () => {
+    const widgetFactory = new WidgetFactory();
+    const props = {
+      string: "Page 1",
+    };
+
+    const widget = widgetFactory.createWidget("notebook", props);
+    expect(widget.tabPosition).toBe("top")
+  });
+  it("should allow position to bottom, left, right", () => {
+    const widgetFactory = new WidgetFactory();
+    ["bottom", "left", "rigth"].map(pos => {
+      const props = {
+        string: "Page 1",
+        tabpos: pos
+      };
+  
+      const widget = widgetFactory.createWidget("notebook", props);
+      expect(widget.tabPosition).toBe(pos)
+    })
+  });
+});

package/src/spec/Tree.spec.ts

@@ -210,5 +210,41 @@ describe("A Tree", () => {
     expect(nameWidget).toBeUndefined();
     expect(surnamesWidget).toBeUndefined();
     expect(cityWidget!.id).toBe("city");
+    expect(tree.editable).toBeNull();
+  });
+
+  it("Must parse an editable tree", () => {
+    const tree = new Tree({
+      name: {
+        required: true,
+        select: true,
+        size: 128,
+        string: "Name",
+        type: "char",
+        views: {},
+      },
+      surnames: {
+        required: true,
+        select: true,
+        size: 128,
+        string: "Surnames",
+        type: "char",
+        views: {},
+        invisible: true,
+      },
+      city: {
+        required: true,
+        select: true,
+        size: 128,
+        string: "City",
+        type: "char",
+        views: {},
+      },
+    });
+    tree.parse(
+      `<tree string="Partners" editable="top" colors="red:type=='updated'"><field name="name" sum="Name" invisible="1" /><field name="surnames" sum="Surnames" /><field name="city" sum="City" /></tree>`
+    );
+
+    expect(tree.editable).toBe("top");
   });
 });