@gisce/ooui 0.15.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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gisce/ooui",
-  "version": "0.15.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/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)
+    })
+  });
+});