goblin-desktop 2.0.21 → 2.0.24

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 (143) hide show
  1. package/.editorconfig +9 -9
  2. package/.eslintrc.js +28 -28
  3. package/.zou-flow +3 -3
  4. package/README.md +108 -108
  5. package/builders/builders.js +3 -3
  6. package/builders/wizard.js +457 -457
  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/lib/service.js +137 -137
  12. package/package.json +36 -36
  13. package/password-wizard.js +13 -13
  14. package/quest-run-wizard.js +13 -13
  15. package/taskbar.js +13 -13
  16. package/widgets/audio/sfx.js +177 -177
  17. package/widgets/board/view.js +37 -37
  18. package/widgets/board/widget.js +65 -65
  19. package/widgets/contexts/logic-handlers.js +36 -36
  20. package/widgets/contexts/service.js +40 -40
  21. package/widgets/contexts/view.js +22 -22
  22. package/widgets/contexts/widget.js +147 -147
  23. package/widgets/datagrid/datagrid-entity.js +82 -82
  24. package/widgets/datagrid/datagrid-headers.js +272 -272
  25. package/widgets/datagrid/styles.js +13 -13
  26. package/widgets/datagrid/widget.js +192 -192
  27. package/widgets/datagrid-cell/styles.js +52 -52
  28. package/widgets/datagrid-cell/widget.js +41 -41
  29. package/widgets/datagrid-item/styles.js +15 -15
  30. package/widgets/datagrid-item/widget.js +74 -74
  31. package/widgets/default/view.js +95 -91
  32. package/widgets/desktop/compensator.js +9 -9
  33. package/widgets/desktop/logic-handlers.js +237 -237
  34. package/widgets/desktop/reducer.js +35 -35
  35. package/widgets/desktop/service.js +828 -828
  36. package/widgets/desktop/styles.js +28 -28
  37. package/widgets/desktop/widget.js +175 -175
  38. package/widgets/desktop-clock/styles.js +69 -69
  39. package/widgets/desktop-clock/widget.js +387 -387
  40. package/widgets/desktop-clock-clock/styles.js +56 -56
  41. package/widgets/desktop-clock-clock/widget.js +96 -96
  42. package/widgets/desktop-clock-menu/styles.js +129 -129
  43. package/widgets/desktop-clock-menu/widget.js +63 -63
  44. package/widgets/desktop-connection-status/reducer.js +15 -15
  45. package/widgets/desktop-connection-status/styles.js +44 -44
  46. package/widgets/desktop-connection-status/widget.js +129 -129
  47. package/widgets/desktop-content/widget.js +68 -68
  48. package/widgets/desktop-footer/reducer.js +31 -31
  49. package/widgets/desktop-footer/styles.js +36 -36
  50. package/widgets/desktop-footer/widget.js +52 -52
  51. package/widgets/desktop-monitors/styles.js +155 -155
  52. package/widgets/desktop-monitors/widget.js +272 -272
  53. package/widgets/desktop-notebook/styles.js +155 -155
  54. package/widgets/desktop-notebook/widget.js +252 -252
  55. package/widgets/desktop-notifications/styles.js +147 -147
  56. package/widgets/desktop-notifications/widget.js +231 -231
  57. package/widgets/desktop-scale/reducer.js +15 -15
  58. package/widgets/desktop-scale/styles.js +48 -48
  59. package/widgets/desktop-scale/widget.js +172 -172
  60. package/widgets/desktop-state-monitor/styles.js +72 -72
  61. package/widgets/desktop-state-monitor/widget.js +123 -123
  62. package/widgets/desktop-taskbar/widget.js +57 -57
  63. package/widgets/desktop-themes-menu/widget.js +121 -121
  64. package/widgets/desktop-topbar/widget.js +201 -201
  65. package/widgets/desktop-window/service.js +56 -56
  66. package/widgets/desktop-window/styles.js +22 -22
  67. package/widgets/desktop-window/widget.js +70 -70
  68. package/widgets/detail/compensator.js +17 -17
  69. package/widgets/detail/view.js +40 -40
  70. package/widgets/detail/widget.js +125 -125
  71. package/widgets/editor/widget.js +84 -80
  72. package/widgets/entity-alerts/styles.js +77 -77
  73. package/widgets/entity-alerts/widget.js +328 -328
  74. package/widgets/entity-list/styles.js +66 -66
  75. package/widgets/entity-list/view.js +36 -36
  76. package/widgets/entity-list/widget.js +209 -209
  77. package/widgets/entity-list-item/widget.js +68 -68
  78. package/widgets/entity-row/styles.js +105 -105
  79. package/widgets/entity-row/widget.js +524 -524
  80. package/widgets/entity-row-button/styles.js +46 -46
  81. package/widgets/entity-row-button/widget.js +57 -57
  82. package/widgets/entity-view/reducer.js +20 -20
  83. package/widgets/entity-view/styles.js +90 -90
  84. package/widgets/entity-view/widget.js +516 -516
  85. package/widgets/facet-checkbox/styles.js +17 -17
  86. package/widgets/facet-checkbox/widget.js +43 -43
  87. package/widgets/facet-filter/widget.js +94 -94
  88. package/widgets/facet-filter-add/styles.js +30 -30
  89. package/widgets/facet-filter-add/widget.js +105 -105
  90. package/widgets/facet-filter-button/styles.js +74 -74
  91. package/widgets/facet-filter-button/widget.js +214 -214
  92. package/widgets/facet-filter-list-dialog/styles.js +59 -59
  93. package/widgets/facet-filter-list-dialog/widget.js +253 -253
  94. package/widgets/facet-filter-list-dialog-footer/styles.js +22 -22
  95. package/widgets/facet-filter-list-dialog-footer/widget.js +105 -105
  96. package/widgets/facet-filter-range-dialog/styles.js +82 -82
  97. package/widgets/facet-filter-range-dialog/widget.js +399 -399
  98. package/widgets/facet-filter-range-dialog-footer/styles.js +22 -22
  99. package/widgets/facet-filter-range-dialog-footer/widget.js +182 -182
  100. package/widgets/gamepad/widget.js +75 -75
  101. package/widgets/helpers/facet-helpers.js +105 -105
  102. package/widgets/hinter/reducer.js +35 -35
  103. package/widgets/hinter/styles.js +79 -79
  104. package/widgets/hinter/view.js +31 -31
  105. package/widgets/hinter/widget.js +291 -291
  106. package/widgets/junction/styles.js +22 -22
  107. package/widgets/junction/widget.js +50 -50
  108. package/widgets/main-tab-menu/styles.js +17 -17
  109. package/widgets/main-tab-menu/widget.js +136 -136
  110. package/widgets/map/view.js +49 -49
  111. package/widgets/map/widget.js +65 -65
  112. package/widgets/monitor/reducer.js +15 -15
  113. package/widgets/monitor/widget.js +66 -66
  114. package/widgets/navigating-layer/widget.js +25 -25
  115. package/widgets/notifications-button/widget.js +44 -44
  116. package/widgets/password-wizard/service.js +53 -53
  117. package/widgets/password-wizard/ui.js +66 -66
  118. package/widgets/plugin/reducer.js +19 -19
  119. package/widgets/plugin/styles.js +294 -294
  120. package/widgets/plugin/widget.js +637 -636
  121. package/widgets/quest-run-wizard/service.js +49 -49
  122. package/widgets/quest-run-wizard/ui.js +25 -25
  123. package/widgets/search/styles.js +80 -80
  124. package/widgets/search/widget.js +285 -285
  125. package/widgets/simple/view.js +29 -29
  126. package/widgets/status-filters/widget.js +121 -121
  127. package/widgets/tab/styles.js +16 -16
  128. package/widgets/tab/widget.js +89 -89
  129. package/widgets/tab-content/widget.js +35 -35
  130. package/widgets/tabs/widget.js +48 -48
  131. package/widgets/taskbar/service.js +99 -99
  132. package/widgets/taskbar/view.js +24 -24
  133. package/widgets/taskbar/widget.js +167 -167
  134. package/widgets/widget-doc-caller/reducer.js +15 -15
  135. package/widgets/widget-doc-caller/styles.js +20 -20
  136. package/widgets/widget-doc-caller/widget.js +55 -55
  137. package/widgets/wizard/widget.js +299 -299
  138. package/widgets/wizard-buttons/widget.js +111 -107
  139. package/widgets/workitem/styles.js +281 -281
  140. package/widgets/workitem/view.js +62 -62
  141. package/widgets/workitem/widget.js +971 -971
  142. package/widgets/workitem-dialog/widget.js +86 -86
  143. package/widgets/workitem-fields/widget.js +63 -63
@@ -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,22 +1,22 @@
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 wireContexts = 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
- const WiredContexts = wireContexts(`contexts@${desktopId}`);
18
- return <WiredContexts />;
19
- }
20
- }
21
-
22
- 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 wireContexts = 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
+ const WiredContexts = wireContexts(`contexts@${desktopId}`);
18
+ return <WiredContexts />;
19
+ }
20
+ }
21
+
22
+ 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;