goblin-desktop 4.2.0 → 4.2.2

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 (144) hide show
  1. package/.editorconfig +9 -9
  2. package/.zou-flow +2 -2
  3. package/LICENSE +21 -21
  4. package/README.md +108 -108
  5. package/builders/builders.js +3 -3
  6. package/builders/wizard.js +462 -462
  7. package/contexts.js +13 -13
  8. package/desktop-manager.js +10 -10
  9. package/desktop-window.js +13 -13
  10. package/desktop.js +13 -13
  11. package/eslint.config.js +65 -65
  12. package/lib/service.js +137 -137
  13. package/package.json +48 -48
  14. package/password-wizard.js +24 -24
  15. package/quest-run-wizard.js +24 -24
  16. package/taskbar.js +13 -13
  17. package/widgets/audio/sfx.js +177 -177
  18. package/widgets/board/view.js +37 -37
  19. package/widgets/board/widget.js +65 -65
  20. package/widgets/contexts/logic-handlers.js +36 -36
  21. package/widgets/contexts/service.js +40 -40
  22. package/widgets/contexts/view.js +21 -21
  23. package/widgets/contexts/widget.js +147 -147
  24. package/widgets/datagrid/datagrid-entity.js +82 -82
  25. package/widgets/datagrid/datagrid-headers.js +274 -274
  26. package/widgets/datagrid/styles.js +13 -13
  27. package/widgets/datagrid/widget.js +192 -192
  28. package/widgets/datagrid-cell/styles.js +52 -52
  29. package/widgets/datagrid-cell/widget.js +41 -41
  30. package/widgets/datagrid-item/styles.js +15 -15
  31. package/widgets/datagrid-item/widget.js +74 -74
  32. package/widgets/default/view.js +160 -160
  33. package/widgets/desktop/compensator.js +9 -9
  34. package/widgets/desktop/logic-handlers.js +243 -243
  35. package/widgets/desktop/reducer.js +35 -35
  36. package/widgets/desktop/service.js +858 -858
  37. package/widgets/desktop/styles.js +28 -28
  38. package/widgets/desktop/widget.js +191 -191
  39. package/widgets/desktop-clock/styles.js +69 -69
  40. package/widgets/desktop-clock/widget.js +387 -387
  41. package/widgets/desktop-clock-clock/styles.js +56 -56
  42. package/widgets/desktop-clock-clock/widget.js +96 -96
  43. package/widgets/desktop-clock-menu/styles.js +129 -129
  44. package/widgets/desktop-clock-menu/widget.js +63 -63
  45. package/widgets/desktop-connection-status/reducer.js +15 -15
  46. package/widgets/desktop-connection-status/styles.js +44 -44
  47. package/widgets/desktop-connection-status/widget.js +134 -134
  48. package/widgets/desktop-content/widget.js +68 -68
  49. package/widgets/desktop-footer/reducer.js +31 -31
  50. package/widgets/desktop-footer/styles.js +36 -36
  51. package/widgets/desktop-footer/widget.js +52 -52
  52. package/widgets/desktop-monitors/styles.js +155 -155
  53. package/widgets/desktop-monitors/widget.js +272 -272
  54. package/widgets/desktop-notebook/styles.js +155 -155
  55. package/widgets/desktop-notebook/widget.js +252 -252
  56. package/widgets/desktop-notifications/styles.js +147 -147
  57. package/widgets/desktop-notifications/widget.js +231 -231
  58. package/widgets/desktop-scale/reducer.js +15 -15
  59. package/widgets/desktop-scale/styles.js +49 -49
  60. package/widgets/desktop-scale/widget.js +173 -172
  61. package/widgets/desktop-state-monitor/styles.js +72 -72
  62. package/widgets/desktop-state-monitor/widget.js +123 -123
  63. package/widgets/desktop-taskbar/widget.js +57 -57
  64. package/widgets/desktop-themes-menu/widget.js +121 -121
  65. package/widgets/desktop-topbar/widget.js +201 -201
  66. package/widgets/desktop-window/service.js +56 -56
  67. package/widgets/desktop-window/styles.js +22 -22
  68. package/widgets/desktop-window/widget.js +70 -70
  69. package/widgets/detail/compensator.js +17 -17
  70. package/widgets/detail/view.js +40 -40
  71. package/widgets/detail/widget.js +119 -119
  72. package/widgets/editor/widget.js +82 -82
  73. package/widgets/entity-alerts/styles.js +77 -77
  74. package/widgets/entity-alerts/widget.js +328 -328
  75. package/widgets/entity-list/styles.js +66 -66
  76. package/widgets/entity-list/view.js +36 -36
  77. package/widgets/entity-list/widget.js +209 -209
  78. package/widgets/entity-list-item/widget.js +68 -68
  79. package/widgets/entity-row/styles.js +105 -105
  80. package/widgets/entity-row/widget.js +524 -524
  81. package/widgets/entity-row-button/styles.js +46 -46
  82. package/widgets/entity-row-button/widget.js +57 -57
  83. package/widgets/entity-view/reducer.js +20 -20
  84. package/widgets/entity-view/styles.js +90 -90
  85. package/widgets/entity-view/widget.js +601 -601
  86. package/widgets/facet-checkbox/styles.js +17 -17
  87. package/widgets/facet-checkbox/widget.js +43 -43
  88. package/widgets/facet-filter/widget.js +94 -94
  89. package/widgets/facet-filter-add/styles.js +30 -30
  90. package/widgets/facet-filter-add/widget.js +105 -105
  91. package/widgets/facet-filter-button/styles.js +74 -74
  92. package/widgets/facet-filter-button/widget.js +214 -214
  93. package/widgets/facet-filter-list-dialog/styles.js +59 -59
  94. package/widgets/facet-filter-list-dialog/widget.js +273 -273
  95. package/widgets/facet-filter-list-dialog-footer/styles.js +22 -22
  96. package/widgets/facet-filter-list-dialog-footer/widget.js +105 -105
  97. package/widgets/facet-filter-range-dialog/styles.js +82 -82
  98. package/widgets/facet-filter-range-dialog/widget.js +399 -399
  99. package/widgets/facet-filter-range-dialog-footer/styles.js +22 -22
  100. package/widgets/facet-filter-range-dialog-footer/widget.js +182 -182
  101. package/widgets/gamepad/widget.js +75 -75
  102. package/widgets/helpers/facet-helpers.js +105 -105
  103. package/widgets/hinter/reducer.js +35 -35
  104. package/widgets/hinter/styles.js +79 -79
  105. package/widgets/hinter/view.js +32 -32
  106. package/widgets/hinter/widget.js +289 -291
  107. package/widgets/junction/styles.js +22 -22
  108. package/widgets/junction/widget.js +50 -50
  109. package/widgets/main-tab-menu/styles.js +17 -17
  110. package/widgets/main-tab-menu/widget.js +130 -130
  111. package/widgets/map/view.js +49 -49
  112. package/widgets/map/widget.js +64 -64
  113. package/widgets/monitor/reducer.js +15 -15
  114. package/widgets/monitor/widget.js +60 -60
  115. package/widgets/navigating-layer/widget.js +25 -25
  116. package/widgets/notifications-button/widget.js +44 -44
  117. package/widgets/password-wizard/service.js +53 -53
  118. package/widgets/password-wizard/ui.js +66 -66
  119. package/widgets/plugin/reducer.js +19 -19
  120. package/widgets/plugin/styles.js +294 -294
  121. package/widgets/plugin/widget.js +622 -622
  122. package/widgets/quest-run-wizard/service.js +49 -49
  123. package/widgets/quest-run-wizard/ui.js +25 -25
  124. package/widgets/search/styles.js +80 -80
  125. package/widgets/search/widget.js +283 -285
  126. package/widgets/simple/view.js +28 -28
  127. package/widgets/status-filters/widget.js +121 -121
  128. package/widgets/tab/styles.js +16 -16
  129. package/widgets/tab/widget.js +89 -89
  130. package/widgets/tab-content/widget.js +35 -35
  131. package/widgets/tabs/widget.js +48 -48
  132. package/widgets/taskbar/service.js +99 -99
  133. package/widgets/taskbar/view.js +27 -27
  134. package/widgets/taskbar/widget.js +167 -167
  135. package/widgets/widget-doc-caller/reducer.js +15 -15
  136. package/widgets/widget-doc-caller/styles.js +20 -20
  137. package/widgets/widget-doc-caller/widget.js +55 -55
  138. package/widgets/wizard/widget.js +298 -298
  139. package/widgets/wizard-buttons/widget.js +111 -111
  140. package/widgets/workitem/styles.js +286 -286
  141. package/widgets/workitem/view.js +62 -62
  142. package/widgets/workitem/widget.js +988 -988
  143. package/widgets/workitem-dialog/widget.js +86 -86
  144. package/widgets/workitem-fields/widget.js +64 -64
@@ -1,36 +1,36 @@
1
- //T:2019-02-27
2
- module.exports = {
3
- 'create': (state, action) => {
4
- const id = action.get('id');
5
- const desktopId = action.get('desktopId');
6
- return state.set('', {
7
- id: id,
8
- contexts: {},
9
- desktopId,
10
- current: null,
11
- });
12
- },
13
- 'add': (state, action) => {
14
- const name = action.get('name');
15
- const contextId = action.get('contextId');
16
- const scope = action.get('scope');
17
- const current = state.get('current');
18
- if (!current) {
19
- return state
20
- .set('current', contextId)
21
- .set(`contexts.${contextId}`, {contextId, name, scope});
22
- }
23
- return state.set(`contexts.${contextId}`, {contextId, name, scope});
24
- },
25
- 'remove': (state, action) => {
26
- const widgetId = action.get('widgetId');
27
- return state.del(`contexts.${widgetId}`);
28
- },
29
- 'set-current': (state, action) => {
30
- const contextId = action.get('contextId');
31
- return state.set('current', contextId);
32
- },
33
- 'delete': (state) => {
34
- return state.set('', {});
35
- },
36
- };
1
+ //T:2019-02-27
2
+ module.exports = {
3
+ 'create': (state, action) => {
4
+ const id = action.get('id');
5
+ const desktopId = action.get('desktopId');
6
+ return state.set('', {
7
+ id: id,
8
+ contexts: {},
9
+ desktopId,
10
+ current: null,
11
+ });
12
+ },
13
+ 'add': (state, action) => {
14
+ const name = action.get('name');
15
+ const contextId = action.get('contextId');
16
+ const scope = action.get('scope');
17
+ const current = state.get('current');
18
+ if (!current) {
19
+ return state
20
+ .set('current', contextId)
21
+ .set(`contexts.${contextId}`, {contextId, name, scope});
22
+ }
23
+ return state.set(`contexts.${contextId}`, {contextId, name, scope});
24
+ },
25
+ 'remove': (state, action) => {
26
+ const widgetId = action.get('widgetId');
27
+ return state.del(`contexts.${widgetId}`);
28
+ },
29
+ 'set-current': (state, action) => {
30
+ const contextId = action.get('contextId');
31
+ return state.set('current', contextId);
32
+ },
33
+ 'delete': (state) => {
34
+ return state.set('', {});
35
+ },
36
+ };
@@ -1,40 +1,40 @@
1
- 'use strict';
2
- //T:2019-02-27
3
-
4
- const Goblin = require('xcraft-core-goblin');
5
- const goblinName = 'contexts';
6
-
7
- // Define initial logic values
8
- const logicState = {};
9
-
10
- // Define logic handlers according rc.json
11
- const logicHandlers = require('./logic-handlers.js');
12
-
13
- // Register quest's according rc.json
14
-
15
- Goblin.registerQuest(goblinName, 'create', function (quest, id, desktopId) {
16
- quest.goblin.setX('desktopId', desktopId);
17
- quest.do({id, desktopId});
18
- return quest.goblin.id;
19
- });
20
-
21
- Goblin.registerQuest(goblinName, 'delete', function (quest) {
22
- quest.log.info('deleting contexts...');
23
- });
24
-
25
- Goblin.registerQuest(goblinName, 'add', function (
26
- quest,
27
- contextId,
28
- name,
29
- scope
30
- ) {
31
- quest.do({contextId, name, scope});
32
- });
33
-
34
- Goblin.registerQuest(goblinName, 'remove', function (quest, widgetId) {
35
- //TODO: look for widgetId
36
- quest.do({widgetId});
37
- });
38
-
39
- // Create a Goblin with initial state and handlers
40
- module.exports = Goblin.configure(goblinName, logicState, logicHandlers);
1
+ 'use strict';
2
+ //T:2019-02-27
3
+
4
+ const Goblin = require('xcraft-core-goblin');
5
+ const goblinName = 'contexts';
6
+
7
+ // Define initial logic values
8
+ const logicState = {};
9
+
10
+ // Define logic handlers according rc.json
11
+ const logicHandlers = require('./logic-handlers.js');
12
+
13
+ // Register quest's according rc.json
14
+
15
+ Goblin.registerQuest(goblinName, 'create', function (quest, id, desktopId) {
16
+ quest.goblin.setX('desktopId', desktopId);
17
+ quest.do({id, desktopId});
18
+ return quest.goblin.id;
19
+ });
20
+
21
+ Goblin.registerQuest(goblinName, 'delete', function (quest) {
22
+ quest.log.info('deleting contexts...');
23
+ });
24
+
25
+ Goblin.registerQuest(goblinName, 'add', function (
26
+ quest,
27
+ contextId,
28
+ name,
29
+ scope
30
+ ) {
31
+ quest.do({contextId, name, scope});
32
+ });
33
+
34
+ Goblin.registerQuest(goblinName, 'remove', function (quest, widgetId) {
35
+ //TODO: look for widgetId
36
+ quest.do({widgetId});
37
+ });
38
+
39
+ // Create a Goblin with initial state and handlers
40
+ module.exports = Goblin.configure(goblinName, logicState, logicHandlers);
@@ -1,21 +1,21 @@
1
- //T:2019-02-27
2
- import React from 'react';
3
- import Widget from 'goblin-laboratory/widgets/widget';
4
- import Contexts from 'goblin-desktop/widgets/contexts/widget';
5
- const WiredContexts = Widget.Wired(Contexts);
6
-
7
- class ContextsView extends Widget {
8
- constructor() {
9
- super(...arguments);
10
- }
11
-
12
- render() {
13
- const {isDisplayed, desktopId} = this.props;
14
- if (!isDisplayed) {
15
- return null;
16
- }
17
- return <WiredContexts id={`contexts@${desktopId}`} />;
18
- }
19
- }
20
-
21
- export default ContextsView;
1
+ //T:2019-02-27
2
+ import React from 'react';
3
+ import Widget from 'goblin-laboratory/widgets/widget';
4
+ import Contexts from 'goblin-desktop/widgets/contexts/widget';
5
+ const WiredContexts = Widget.Wired(Contexts);
6
+
7
+ class ContextsView extends Widget {
8
+ constructor() {
9
+ super(...arguments);
10
+ }
11
+
12
+ render() {
13
+ const {isDisplayed, desktopId} = this.props;
14
+ if (!isDisplayed) {
15
+ return null;
16
+ }
17
+ return <WiredContexts id={`contexts@${desktopId}`} />;
18
+ }
19
+ }
20
+
21
+ export default ContextsView;
@@ -1,147 +1,147 @@
1
- //T:2019-02-27
2
- import React from 'react';
3
- import Button from 'goblin-gadgets/widgets/button/widget';
4
- import Widget from 'goblin-laboratory/widgets/widget';
5
- import Container from 'goblin-gadgets/widgets/container/widget';
6
- import SFX from '../audio/sfx.js';
7
- class ContextButtonNC extends Widget {
8
- constructor() {
9
- super(...arguments);
10
- this.handleClick = this.handleClick.bind(this);
11
- }
12
-
13
- handleClick() {
14
- this.props.goToContext(this.props.context.get('contextId'));
15
- SFX.bop.play();
16
- }
17
-
18
- render() {
19
- let isValidScope = true;
20
- const scope = this.props.context.get('scope');
21
- if (scope) {
22
- switch (scope) {
23
- case 'prototype':
24
- if (!this.props.prototypeMode) {
25
- isValidScope = false;
26
- }
27
- break;
28
- case 'dev':
29
- isValidScope = false;
30
- if (
31
- this.props.prototypeMode &&
32
- process &&
33
- process.env &&
34
- process.env.NODE_ENV === 'development'
35
- ) {
36
- isValidScope = true;
37
- }
38
- break;
39
- default:
40
- break;
41
- }
42
- }
43
- if (!isValidScope) {
44
- return null;
45
- }
46
- return (
47
- <Button
48
- key={this.props.context.get('contextId')}
49
- text={this.props.context.get('name')}
50
- kind="main-tab"
51
- onClick={this.handleClick}
52
- active={this.props.active}
53
- tooltip={this.props.tooltip}
54
- badgeColor="dark"
55
- badgeSize={1.1}
56
- badgePosition="over"
57
- badgeValue={this.props.openTabs}
58
- badgePush={false}
59
- badgeShape="circle"
60
- />
61
- );
62
- }
63
- }
64
-
65
- const ContextButton = Widget.connect((state, props) => {
66
- const userSession = Widget.getUserSession(state);
67
- const prototypeMode = userSession.get('prototypeMode');
68
- const byContext = state.get(`backend.${props.desktopId}.workitemsByContext`);
69
- let openTabs = 0;
70
- if (byContext) {
71
- const list = byContext.get(props.contextId);
72
- if (list) {
73
- openTabs = list.size;
74
- }
75
- }
76
- return {openTabs, prototypeMode};
77
- })(ContextButtonNC);
78
-
79
- class Contexts extends Widget {
80
- constructor() {
81
- super(...arguments);
82
- this.goToContext = this.goToContext.bind(this);
83
- }
84
-
85
- static get wiring() {
86
- return {
87
- id: 'id',
88
- desktopId: 'desktopId',
89
- contexts: 'contexts',
90
- };
91
- }
92
-
93
- navToContext(contextId) {
94
- if (this.props.current === contextId) {
95
- return;
96
- }
97
- this.cmd('desktop.navToContext', {
98
- id: this.props.desktopId,
99
- contextId,
100
- });
101
- }
102
-
103
- goToContext(contextId) {
104
- this.navToContext(contextId);
105
- }
106
-
107
- renderContext(context) {
108
- const contextId = context.get('contextId');
109
- return (
110
- <ContextButton
111
- key={contextId}
112
- desktopId={this.props.desktopId}
113
- context={context}
114
- contextId={contextId}
115
- goToContext={this.goToContext}
116
- active={this.props.current === contextId}
117
- tooltip={context.get('name')}
118
- />
119
- );
120
- }
121
-
122
- renderContexts() {
123
- if (!this.props.contexts) {
124
- return null;
125
- }
126
- return this.props.contexts
127
- .valueSeq()
128
- .map((context) => this.renderContext(context))
129
- .toArray();
130
- }
131
-
132
- render() {
133
- if (!this.props.id) {
134
- return null;
135
- }
136
-
137
- return <Container kind="main-tab">{this.renderContexts()}</Container>;
138
- }
139
- }
140
- /******************************************************************************/
141
-
142
- export default Widget.Wired(
143
- Widget.connect((state, props) => {
144
- const current = state.get(`backend.${props.desktopId}.current.workcontext`);
145
- return {current};
146
- })(Contexts)
147
- );
1
+ //T:2019-02-27
2
+ import React from 'react';
3
+ import Button from 'goblin-gadgets/widgets/button/widget';
4
+ import Widget from 'goblin-laboratory/widgets/widget';
5
+ import Container from 'goblin-gadgets/widgets/container/widget';
6
+ import SFX from '../audio/sfx.js';
7
+ class ContextButtonNC extends Widget {
8
+ constructor() {
9
+ super(...arguments);
10
+ this.handleClick = this.handleClick.bind(this);
11
+ }
12
+
13
+ handleClick() {
14
+ this.props.goToContext(this.props.context.get('contextId'));
15
+ SFX.bop.play();
16
+ }
17
+
18
+ render() {
19
+ let isValidScope = true;
20
+ const scope = this.props.context.get('scope');
21
+ if (scope) {
22
+ switch (scope) {
23
+ case 'prototype':
24
+ if (!this.props.prototypeMode) {
25
+ isValidScope = false;
26
+ }
27
+ break;
28
+ case 'dev':
29
+ isValidScope = false;
30
+ if (
31
+ this.props.prototypeMode &&
32
+ process &&
33
+ process.env &&
34
+ process.env.NODE_ENV === 'development'
35
+ ) {
36
+ isValidScope = true;
37
+ }
38
+ break;
39
+ default:
40
+ break;
41
+ }
42
+ }
43
+ if (!isValidScope) {
44
+ return null;
45
+ }
46
+ return (
47
+ <Button
48
+ key={this.props.context.get('contextId')}
49
+ text={this.props.context.get('name')}
50
+ kind="main-tab"
51
+ onClick={this.handleClick}
52
+ active={this.props.active}
53
+ tooltip={this.props.tooltip}
54
+ badgeColor="dark"
55
+ badgeSize={1.1}
56
+ badgePosition="over"
57
+ badgeValue={this.props.openTabs}
58
+ badgePush={false}
59
+ badgeShape="circle"
60
+ />
61
+ );
62
+ }
63
+ }
64
+
65
+ const ContextButton = Widget.connect((state, props) => {
66
+ const userSession = Widget.getUserSession(state);
67
+ const prototypeMode = userSession.get('prototypeMode');
68
+ const byContext = state.get(`backend.${props.desktopId}.workitemsByContext`);
69
+ let openTabs = 0;
70
+ if (byContext) {
71
+ const list = byContext.get(props.contextId);
72
+ if (list) {
73
+ openTabs = list.size;
74
+ }
75
+ }
76
+ return {openTabs, prototypeMode};
77
+ })(ContextButtonNC);
78
+
79
+ class Contexts extends Widget {
80
+ constructor() {
81
+ super(...arguments);
82
+ this.goToContext = this.goToContext.bind(this);
83
+ }
84
+
85
+ static get wiring() {
86
+ return {
87
+ id: 'id',
88
+ desktopId: 'desktopId',
89
+ contexts: 'contexts',
90
+ };
91
+ }
92
+
93
+ navToContext(contextId) {
94
+ if (this.props.current === contextId) {
95
+ return;
96
+ }
97
+ this.cmd('desktop.navToContext', {
98
+ id: this.props.desktopId,
99
+ contextId,
100
+ });
101
+ }
102
+
103
+ goToContext(contextId) {
104
+ this.navToContext(contextId);
105
+ }
106
+
107
+ renderContext(context) {
108
+ const contextId = context.get('contextId');
109
+ return (
110
+ <ContextButton
111
+ key={contextId}
112
+ desktopId={this.props.desktopId}
113
+ context={context}
114
+ contextId={contextId}
115
+ goToContext={this.goToContext}
116
+ active={this.props.current === contextId}
117
+ tooltip={context.get('name')}
118
+ />
119
+ );
120
+ }
121
+
122
+ renderContexts() {
123
+ if (!this.props.contexts) {
124
+ return null;
125
+ }
126
+ return this.props.contexts
127
+ .valueSeq()
128
+ .map((context) => this.renderContext(context))
129
+ .toArray();
130
+ }
131
+
132
+ render() {
133
+ if (!this.props.id) {
134
+ return null;
135
+ }
136
+
137
+ return <Container kind="main-tab">{this.renderContexts()}</Container>;
138
+ }
139
+ }
140
+ /******************************************************************************/
141
+
142
+ export default Widget.Wired(
143
+ Widget.connect((state, props) => {
144
+ const current = state.get(`backend.${props.desktopId}.current.workcontext`);
145
+ return {current};
146
+ })(Contexts)
147
+ );
@@ -1,82 +1,82 @@
1
- //T:2019-02-27
2
-
3
- import React from 'react';
4
- import Form from 'goblin-laboratory/widgets/form';
5
- import Container from 'goblin-gadgets/widgets/container/widget';
6
- import DatagridCell from '../datagrid-cell/widget';
7
-
8
- class DatagridEntity extends Form {
9
- constructor() {
10
- super(...arguments);
11
-
12
- this.renderCell = this.renderCell.bind(this);
13
- this.renderCellUI = this.renderCellUI.bind(this);
14
- this.doAsEntity = this.doAsEntity.bind(this);
15
- this.doAsDatagrid = this.doAsDatagrid.bind(this);
16
- }
17
-
18
- static get wiring() {
19
- return {
20
- id: 'id',
21
- };
22
- }
23
-
24
- doAsEntity(quest, args) {
25
- this.doFor(this.props.id, quest, args);
26
- }
27
-
28
- doAsDatagrid(quest, args) {
29
- this.doFor(this.props.datagridId, quest, args);
30
- }
31
-
32
- renderCellUI(column, index) {
33
- const CellUI = this.WithState(this.props.entityUI.rowCell, 'id')('.id');
34
- return (
35
- <CellUI
36
- key={`${this.props.id}_${index}`}
37
- id={this.props.id}
38
- index={this.props.index}
39
- column={column}
40
- theme={this.context.theme}
41
- datagridId={this.props.datagridId}
42
- onDrillDown={this.props.onDrillDown}
43
- doAsEntity={this.doAsEntity}
44
- doAsDatagrid={this.doAsDatagrid}
45
- contextId={this.context.contextId}
46
- />
47
- );
48
- }
49
-
50
- renderCell(index) {
51
- if (this.props.entityUI && this.props.entityUI.rowCell) {
52
- return (
53
- <DatagridCell
54
- key={`${this.props.id}_${index}`}
55
- id={this.props.datagridId}
56
- index={index}
57
- cellUI={this.renderCellUI}
58
- />
59
- );
60
- }
61
- }
62
-
63
- render() {
64
- if (!this.props.id) {
65
- return null;
66
- }
67
-
68
- const Form = this.Form;
69
-
70
- return (
71
- <Form {...this.formConfig} className={this.props.className}>
72
- <Container kind="row" maxHeight={`${this.props.height}px`}>
73
- {Array.apply(null, {length: this.props.columnsNo}).map((_, i) => {
74
- return this.renderCell(i);
75
- })}
76
- </Container>
77
- </Form>
78
- );
79
- }
80
- }
81
-
82
- export default DatagridEntity;
1
+ //T:2019-02-27
2
+
3
+ import React from 'react';
4
+ import Form from 'goblin-laboratory/widgets/form';
5
+ import Container from 'goblin-gadgets/widgets/container/widget';
6
+ import DatagridCell from '../datagrid-cell/widget';
7
+
8
+ class DatagridEntity extends Form {
9
+ constructor() {
10
+ super(...arguments);
11
+
12
+ this.renderCell = this.renderCell.bind(this);
13
+ this.renderCellUI = this.renderCellUI.bind(this);
14
+ this.doAsEntity = this.doAsEntity.bind(this);
15
+ this.doAsDatagrid = this.doAsDatagrid.bind(this);
16
+ }
17
+
18
+ static get wiring() {
19
+ return {
20
+ id: 'id',
21
+ };
22
+ }
23
+
24
+ doAsEntity(quest, args) {
25
+ this.doFor(this.props.id, quest, args);
26
+ }
27
+
28
+ doAsDatagrid(quest, args) {
29
+ this.doFor(this.props.datagridId, quest, args);
30
+ }
31
+
32
+ renderCellUI(column, index) {
33
+ const CellUI = this.WithState(this.props.entityUI.rowCell, 'id')('.id');
34
+ return (
35
+ <CellUI
36
+ key={`${this.props.id}_${index}`}
37
+ id={this.props.id}
38
+ index={this.props.index}
39
+ column={column}
40
+ theme={this.context.theme}
41
+ datagridId={this.props.datagridId}
42
+ onDrillDown={this.props.onDrillDown}
43
+ doAsEntity={this.doAsEntity}
44
+ doAsDatagrid={this.doAsDatagrid}
45
+ contextId={this.context.contextId}
46
+ />
47
+ );
48
+ }
49
+
50
+ renderCell(index) {
51
+ if (this.props.entityUI && this.props.entityUI.rowCell) {
52
+ return (
53
+ <DatagridCell
54
+ key={`${this.props.id}_${index}`}
55
+ id={this.props.datagridId}
56
+ index={index}
57
+ cellUI={this.renderCellUI}
58
+ />
59
+ );
60
+ }
61
+ }
62
+
63
+ render() {
64
+ if (!this.props.id) {
65
+ return null;
66
+ }
67
+
68
+ const Form = this.Form;
69
+
70
+ return (
71
+ <Form {...this.formConfig} className={this.props.className}>
72
+ <Container kind="row" maxHeight={`${this.props.height}px`}>
73
+ {Array.apply(null, {length: this.props.columnsNo}).map((_, i) => {
74
+ return this.renderCell(i);
75
+ })}
76
+ </Container>
77
+ </Form>
78
+ );
79
+ }
80
+ }
81
+
82
+ export default DatagridEntity;