@gisce/react-ooui 0.19.0 → 0.20.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (6) hide show
  1. package/dist/index.js +2 -2
  2. package/dist/widgets/containers/Notebook.js +2 -2
  3. package/dist/widgets/containers/Notebook.js.map +1 -1
  4. package/package.json +2 -2
  5. package/src/stories/containers/Notebook.stories.tsx +53 -0
  6. package/src/widgets/containers/Notebook.tsx +2 -2
package/dist/widgets/containers/Notebook.js CHANGED
@@ -9,8 +9,8 @@ var TabPane = antd_1.Tabs.TabPane;
9
9
  var index_1 = require("@/index");
10
10
  function Notebook(props) {
11
11
  var ooui = props.ooui, responsiveBehaviour = props.responsiveBehaviour;
12
- var tabs = [].concat.apply([], ooui.container.rows);
13
- return (react_1.default.createElement(antd_1.Tabs, { defaultActiveKey: "1" }, tabs
12
+ var tabs = ooui.pages;
13
+ return (react_1.default.createElement(antd_1.Tabs, { defaultActiveKey: "1", tabPosition: ooui.tabPosition }, tabs
14
14
  .filter(function (page) { return !page.invisible; })
15
15
  .map(function (page) {
16
16
  return (react_1.default.createElement(TabPane, { tab: page.label, key: page.label },
package/dist/widgets/containers/Notebook.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Notebook.js","sourceRoot":"","sources":["../../../src/widgets/containers/Notebook.tsx"],"names":[],"mappings":";;;;;AAAA,gDAA0B;AAC1B,6BAA4B;AACpB,IAAA,OAAO,GAAK,WAAI,QAAT,CAAU;AAGzB,iCAAgC;AAOhC,SAAS,QAAQ,CAAC,KAAY;IACpB,IAAA,IAAI,GAA0B,KAAK,KAA/B,EAAE,mBAAmB,GAAK,KAAK,oBAAV,CAAW;IAC5C,IAAM,IAAI,GAAG,EAAE,CAAC,MAAM,CAAC,KAAK,CAAC,EAAE,EAAE,IAAK,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC;IACvD,OAAO,CACL,8BAAC,WAAI,IAAC,gBAAgB,EAAC,GAAG,IACvB,IAAI;SACF,MAAM,CAAC,UAAC,IAAS,IAAK,OAAA,CAAC,IAAI,CAAC,SAAS,EAAf,CAAe,CAAC;SACtC,GAAG,CAAC,UAAC,IAAS;QACb,OAAO,CACL,8BAAC,OAAO,IAAC,GAAG,EAAE,IAAI,CAAC,KAAK,EAAE,GAAG,EAAE,IAAI,CAAC,KAAK;YACvC,8BAAC,aAAK,IACJ,IAAI,EAAE,IAAiB,EACvB,SAAS,EAAE,KAAK,EAChB,mBAAmB,EAAE,mBAAmB,GACxC,CACM,CACX,CAAC;IACJ,CAAC,CAAC,CACC,CACR,CAAC;AACJ,CAAC;AAED,kBAAe,QAAQ,CAAC"}
1
+ {"version":3,"file":"Notebook.js","sourceRoot":"","sources":["../../../src/widgets/containers/Notebook.tsx"],"names":[],"mappings":";;;;;AAAA,gDAA0B;AAC1B,6BAA4B;AACpB,IAAA,OAAO,GAAK,WAAI,QAAT,CAAU;AAGzB,iCAAgC;AAOhC,SAAS,QAAQ,CAAC,KAAY;IACpB,IAAA,IAAI,GAA0B,KAAK,KAA/B,EAAE,mBAAmB,GAAK,KAAK,oBAAV,CAAW;IAC5C,IAAM,IAAI,GAAG,IAAI,CAAC,KAAK,CAAC;IACxB,OAAO,CACL,8BAAC,WAAI,IAAC,gBAAgB,EAAC,GAAG,EAAC,WAAW,EAAE,IAAI,CAAC,WAAW,IACrD,IAAI;SACF,MAAM,CAAC,UAAC,IAAS,IAAK,OAAA,CAAC,IAAI,CAAC,SAAS,EAAf,CAAe,CAAC;SACtC,GAAG,CAAC,UAAC,IAAS;QACb,OAAO,CACL,8BAAC,OAAO,IAAC,GAAG,EAAE,IAAI,CAAC,KAAK,EAAE,GAAG,EAAE,IAAI,CAAC,KAAK;YACvC,8BAAC,aAAK,IACJ,IAAI,EAAE,IAAiB,EACvB,SAAS,EAAE,KAAK,EAChB,mBAAmB,EAAE,mBAAmB,GACxC,CACM,CACX,CAAC;IACJ,CAAC,CAAC,CACC,CACR,CAAC;AACJ,CAAC;AAED,kBAAe,QAAQ,CAAC"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@gisce/react-ooui",
3
- "version": "0.19.0",
3
+ "version": "0.20.0",
4
4
  "main": "dist/index.js",
5
5
  "files": [
6
6
  "dist",
@@ -24,7 +24,7 @@
24
24
  },
25
25
  "dependencies": {
26
26
  "@ant-design/charts": "^1.3.6",
27
- "@gisce/ooui": "^0.14.0",
27
+ "@gisce/ooui": "^0.16.1",
28
28
  "@gisce/react-formiga-table": "^0.5.0",
29
29
  "@monaco-editor/react": "^4.4.5",
30
30
  "fiber-diagram": "github:gisce/fiber-diagram",
package/src/stories/containers/Notebook.stories.tsx CHANGED
@@ -88,3 +88,56 @@ export const Test = (): React.ReactElement => {
88
88
  </LocaleProvider>
89
89
  );
90
90
  };
91
+
92
+ export const BottomPosition = (): React.ReactElement => {
93
+
94
+ const arch = `<form>
95
+ <notebook name="notebook" tabpos="bottom">
96
+ <page string="General">
97
+ <field name="name" />
98
+ </page>
99
+ <page string="Secondary">
100
+ <field name="surname" />
101
+ </page>
102
+ </notebook>
103
+ </form>`;
104
+
105
+ const formOoui = new FormOoui(fields);
106
+ formOoui.parse(arch);
107
+ const notebookOoui = formOoui.findById("notebook") as NotebookOoui;
108
+
109
+ return (
110
+ <LocaleProvider lang="en_US">
111
+ <Form>
112
+ <Notebook ooui={notebookOoui} />
113
+ </Form>
114
+ </LocaleProvider>
115
+ );
116
+ };
117
+
118
+
119
+ export const LeftPosition = (): React.ReactElement => {
120
+
121
+ const arch = `<form>
122
+ <notebook name="notebook" tabpos="left">
123
+ <page string="General">
124
+ <field name="name" />
125
+ </page>
126
+ <page string="Secondary">
127
+ <field name="surname" />
128
+ </page>
129
+ </notebook>
130
+ </form>`;
131
+
132
+ const formOoui = new FormOoui(fields);
133
+ formOoui.parse(arch);
134
+ const notebookOoui = formOoui.findById("notebook") as NotebookOoui;
135
+
136
+ return (
137
+ <LocaleProvider lang="en_US">
138
+ <Form>
139
+ <Notebook ooui={notebookOoui} />
140
+ </Form>
141
+ </LocaleProvider>
142
+ );
143
+ };
package/src/widgets/containers/Notebook.tsx CHANGED
@@ -12,9 +12,9 @@ type Props = {
12
12
 
13
13
  function Notebook(props: Props): React.ReactElement {
14
14
  const { ooui, responsiveBehaviour } = props;
15
- const tabs = [].concat.apply([], ooui!.container.rows);
15
+ const tabs = ooui.pages;
16
16
  return (
17
- <Tabs defaultActiveKey="1">
17
+ <Tabs defaultActiveKey="1" tabPosition={ooui.tabPosition}>
18
18
  {tabs
19
19
  .filter((page: any) => !page.invisible)
20
20
  .map((page: any) => {