@agilemotion/oui-react-js 1.8.3 → 1.8.5

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 (35) hide show
  1. package/dist/ApplicationManager.js +9 -0
  2. package/dist/DynamicJS.js +32 -8
  3. package/dist/RestService.js +1 -3
  4. package/dist/Utils.js +17 -8
  5. package/dist/components/Button.js +8 -1
  6. package/dist/components/Calendar.js +30 -23
  7. package/dist/components/DataGrid.js +44 -10
  8. package/dist/components/DocumentTemplateDesignerComponent.js +169 -0
  9. package/dist/components/DocumentTemplateDesignerComponent2.js +585 -0
  10. package/dist/components/Icon.js +10 -0
  11. package/dist/components/TableCellContent.js +35 -23
  12. package/dist/components/Toolbar.js +10 -1
  13. package/dist/components/form/BaseField.js +50 -27
  14. package/dist/components/form/Checkbox.js +3 -0
  15. package/dist/components/form/CurrencyField.js +109 -0
  16. package/dist/components/form/DatePicker.js +1 -0
  17. package/dist/components/form/FieldSet.js +18 -3
  18. package/dist/components/form/Form.js +14 -3
  19. package/dist/components/form/GridField.js +34 -25
  20. package/dist/components/form/LookupField.js +5 -4
  21. package/dist/components/form/RadioGroup.js +22 -9
  22. package/dist/components/form/SelectItem.js +9 -5
  23. package/dist/components/form/TransferList.js +2 -2
  24. package/dist/components/layout/CollapsiblePanel.css +9 -9
  25. package/dist/components/layout/View.css +68 -68
  26. package/dist/components/layout/ViewContainer.js +11 -2
  27. package/dist/components/layout/Window.js +2 -0
  28. package/dist/components/loader.css +36 -36
  29. package/dist/components/media/TrainingRoom.js +5 -0
  30. package/dist/components/media/Video.css +4 -4
  31. package/dist/components/signatures/ResponsiveTable.css +91 -91
  32. package/dist/components/signatures/widgets.css +126 -126
  33. package/dist/js/Validators.js +73 -2
  34. package/dist/view/Dashboard.js +13 -13
  35. package/package.json +10 -2
@@ -1,91 +1,91 @@
1
- .table thead th {
2
- }
3
-
4
- table.responsive-table {
5
- display: table;
6
- /* required for table-layout to be used (not normally necessary; included for completeness) */
7
- table-layout: fixed;
8
- /* this keeps your columns with fixed with exactly the right width */
9
- width: 100% !important;
10
- /* table must have width set for fixed layout to work as expected */
11
- height: 100%;
12
- }
13
-
14
- table.responsive-table thead {
15
- position: fixed;
16
- top: 50px;
17
- left: 0;
18
- right: 0;
19
- width: 100%;
20
- height: 50px;
21
- line-height: 3em;
22
- background: #eee;
23
- table-layout: fixed;
24
- display: table;
25
- }
26
-
27
- table.responsive-table th {
28
- background: #eee;
29
- }
30
-
31
- table.responsive-table td {
32
- line-height: 2em;
33
- }
34
-
35
- table.responsive-table tr > td,
36
- table.responsive-table th {
37
- text-align: left;
38
- }
39
-
40
- .table td, .table th {
41
- white-space: nowrap;
42
- overflow: hidden !important;
43
- text-overflow: ellipsis;
44
- min-width: 0 !important;
45
- border-bottom: 1px solid rgba(224, 224, 224, 1) !important;
46
- border-top: none !important;
47
- }
48
-
49
- .selectCell {
50
- white-space: normal !important;
51
- text-overflow: unset !important;
52
- }
53
-
54
- .selectCell span{
55
- padding: 0 !important;
56
- }
57
-
58
- .table td {
59
- padding: 6px 24px 6px 16px;
60
- border-top: none !important;
61
- display: table-cell;
62
- font-size: 0.875rem;
63
- text-align: left;
64
- font-family: "Roboto", "Helvetica", "Arial", sans-serif;
65
- font-weight: 400;
66
- line-height: 1.43;
67
- border-bottom: 1px solid rgba(224, 224, 224, 1);
68
- letter-spacing: 0.01071em;
69
- vertical-align: inherit
70
- }
71
-
72
- .table th {
73
- color: rgba(0, 0, 0, 0.54);
74
- font-size: 0.75rem;
75
- font-weight: 500;
76
- line-height: 1.3125rem;
77
- }
78
-
79
- .table {
80
- table-layout: fixed;
81
- }
82
-
83
- .table-scrollbar {
84
- position: relative;
85
- overflow: auto;
86
- }
87
-
88
- @media screen and (max-width: 40em) {
89
-
90
-
91
- }
1
+ .table thead th {
2
+ }
3
+
4
+ table.responsive-table {
5
+ display: table;
6
+ /* required for table-layout to be used (not normally necessary; included for completeness) */
7
+ table-layout: fixed;
8
+ /* this keeps your columns with fixed with exactly the right width */
9
+ width: 100% !important;
10
+ /* table must have width set for fixed layout to work as expected */
11
+ height: 100%;
12
+ }
13
+
14
+ table.responsive-table thead {
15
+ position: fixed;
16
+ top: 50px;
17
+ left: 0;
18
+ right: 0;
19
+ width: 100%;
20
+ height: 50px;
21
+ line-height: 3em;
22
+ background: #eee;
23
+ table-layout: fixed;
24
+ display: table;
25
+ }
26
+
27
+ table.responsive-table th {
28
+ background: #eee;
29
+ }
30
+
31
+ table.responsive-table td {
32
+ line-height: 2em;
33
+ }
34
+
35
+ table.responsive-table tr > td,
36
+ table.responsive-table th {
37
+ text-align: left;
38
+ }
39
+
40
+ .table td, .table th {
41
+ white-space: nowrap;
42
+ overflow: hidden !important;
43
+ text-overflow: ellipsis;
44
+ min-width: 0 !important;
45
+ border-bottom: 1px solid rgba(224, 224, 224, 1) !important;
46
+ border-top: none !important;
47
+ }
48
+
49
+ .selectCell {
50
+ white-space: normal !important;
51
+ text-overflow: unset !important;
52
+ }
53
+
54
+ .selectCell span{
55
+ padding: 0 !important;
56
+ }
57
+
58
+ .table td {
59
+ padding: 6px 24px 6px 16px;
60
+ border-top: none !important;
61
+ display: table-cell;
62
+ font-size: 0.875rem;
63
+ text-align: left;
64
+ font-family: "Roboto", "Helvetica", "Arial", sans-serif;
65
+ font-weight: 400;
66
+ line-height: 1.43;
67
+ border-bottom: 1px solid rgba(224, 224, 224, 1);
68
+ letter-spacing: 0.01071em;
69
+ vertical-align: inherit
70
+ }
71
+
72
+ .table th {
73
+ color: rgba(0, 0, 0, 0.54);
74
+ font-size: 0.75rem;
75
+ font-weight: 500;
76
+ line-height: 1.3125rem;
77
+ }
78
+
79
+ .table {
80
+ table-layout: fixed;
81
+ }
82
+
83
+ .table-scrollbar {
84
+ position: relative;
85
+ overflow: auto;
86
+ }
87
+
88
+ @media screen and (max-width: 40em) {
89
+
90
+
91
+ }
@@ -1,126 +1,126 @@
1
- @media all and (min-width: 480px) {
2
- .btn-primary {
3
- border-color: transparent;
4
- }
5
-
6
- #menubar-scroll::-webkit-scrollbar-track {
7
- -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
8
- background-color: #F5F5F5;
9
- }
10
-
11
- #menubar-scroll::-webkit-scrollbar {
12
- width: 6px !important;
13
- background-color: #F5F5F5;
14
- }
15
-
16
- #menubar-scroll::-webkit-scrollbar-thumb {
17
- background-color: #939393 !important;
18
- }
19
-
20
- .menu-table button {
21
- height: 96px;
22
- width: 100%;
23
- border-radius: 0 !important;
24
- text-decoration:none;
25
- }
26
-
27
- .menu-table .toolStripButtonSelected {
28
- text-decoration: none;
29
- }
30
-
31
- .menu-table .btn-primary:focus {
32
- box-shadow: none;
33
- text-decoration: none;
34
- }
35
- .footer {
36
- font-size: 14px;
37
- text-align: center;
38
- color: white;
39
- height: 10vh;
40
- padding-top: 8px;
41
- }
42
-
43
- .react-pdf__Page__canvas{
44
- width: 100% !important;
45
- }
46
-
47
- .header {
48
- background-clip:border-box;
49
- border-bottom: 1px solid #e1e1e1;
50
- }
51
-
52
- .header shadow {
53
- /**box-shadow: 0 0.15rem 1.75rem 0 rgba(40, 41, 55, 0.15) !important;**/
54
- }
55
-
56
- .header span {
57
- /**color: #fff;**/
58
- }
59
-
60
- .header .form-inline .form-control {
61
- border-top-right-radius: 0;
62
- border-bottom-right-radius: 0;
63
- position: relative;
64
- flex: 1 1 auto;
65
- width: 1%;
66
- margin-bottom: 0;
67
- display: inline-block;
68
- width: auto;
69
- vertical-align: middle;
70
- background-color: #f8f9fc !important;
71
- border: 0 !important;
72
- }
73
-
74
- .btn-primary, .btn, .btn-primary:hover, .btn:hover, .btn-primary:focus, .btn:focus {
75
- outline: none !important;
76
- outline-offset: unset !important;
77
- border-color: transparent !important;
78
- box-shadow: none !important;
79
- text-decoration: none;
80
- }
81
-
82
- .header .btn-primary {
83
- display: block;
84
- color: #fff;
85
- border-radius: 0px;
86
- /*box-shadow: 0px 4px 6px 2px rgba(0,0,0,0.2);*/
87
- //background-color: #114084;
88
- border-top: 1px solid rgba(255,255,255,0.5) !important;
89
- margin-top: -5px;
90
- text-decoration: none;
91
- }
92
-
93
- .header .btn {
94
- font-weight: 400;
95
- text-align: center;
96
- vertical-align: middle;
97
- -ms-user-select: none;
98
- user-select: none;
99
- border: 1px solid transparent;
100
- padding: 0.375rem 0.75rem;
101
- font-size: 1rem;
102
- line-height: 2;
103
- width: 100%;
104
- text-align:left;
105
- text-decoration:none;
106
- transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
107
- }
108
- .border {
109
- border: 0px solid #dee2e6 !important;
110
- }
111
-
112
- .header .dropdown-toggle::after {
113
- display: inline-block;
114
- margin-left: .255em;
115
- vertical-align: .255em;
116
- content: none !important;
117
- border-top: .3em solid;
118
- border-right: .3em solid transparent;
119
- border-bottom: 0;
120
- border-left: .3em solid transparent;
121
- }
122
-
123
- .search .card-body{
124
- height: 60vh !important;
125
- }
126
- }
1
+ @media all and (min-width: 480px) {
2
+ .btn-primary {
3
+ border-color: transparent;
4
+ }
5
+
6
+ #menubar-scroll::-webkit-scrollbar-track {
7
+ -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
8
+ background-color: #F5F5F5;
9
+ }
10
+
11
+ #menubar-scroll::-webkit-scrollbar {
12
+ width: 6px !important;
13
+ background-color: #F5F5F5;
14
+ }
15
+
16
+ #menubar-scroll::-webkit-scrollbar-thumb {
17
+ background-color: #939393 !important;
18
+ }
19
+
20
+ .menu-table button {
21
+ height: 96px;
22
+ width: 100%;
23
+ border-radius: 0 !important;
24
+ text-decoration:none;
25
+ }
26
+
27
+ .menu-table .toolStripButtonSelected {
28
+ text-decoration: none;
29
+ }
30
+
31
+ .menu-table .btn-primary:focus {
32
+ box-shadow: none;
33
+ text-decoration: none;
34
+ }
35
+ .footer {
36
+ font-size: 14px;
37
+ text-align: center;
38
+ color: white;
39
+ height: 10vh;
40
+ padding-top: 8px;
41
+ }
42
+
43
+ .react-pdf__Page__canvas{
44
+ width: 100% !important;
45
+ }
46
+
47
+ .header {
48
+ background-clip:border-box;
49
+ border-bottom: 1px solid #e1e1e1;
50
+ }
51
+
52
+ .header shadow {
53
+ /**box-shadow: 0 0.15rem 1.75rem 0 rgba(40, 41, 55, 0.15) !important;**/
54
+ }
55
+
56
+ .header span {
57
+ /**color: #fff;**/
58
+ }
59
+
60
+ .header .form-inline .form-control {
61
+ border-top-right-radius: 0;
62
+ border-bottom-right-radius: 0;
63
+ position: relative;
64
+ flex: 1 1 auto;
65
+ width: 1%;
66
+ margin-bottom: 0;
67
+ display: inline-block;
68
+ width: auto;
69
+ vertical-align: middle;
70
+ background-color: #f8f9fc !important;
71
+ border: 0 !important;
72
+ }
73
+
74
+ .btn-primary, .btn, .btn-primary:hover, .btn:hover, .btn-primary:focus, .btn:focus {
75
+ outline: none !important;
76
+ outline-offset: unset !important;
77
+ border-color: transparent !important;
78
+ box-shadow: none !important;
79
+ text-decoration: none;
80
+ }
81
+
82
+ .header .btn-primary {
83
+ display: block;
84
+ color: #fff;
85
+ border-radius: 0px;
86
+ /*box-shadow: 0px 4px 6px 2px rgba(0,0,0,0.2);*/
87
+ //background-color: #114084;
88
+ border-top: 1px solid rgba(255,255,255,0.5) !important;
89
+ margin-top: -5px;
90
+ text-decoration: none;
91
+ }
92
+
93
+ .header .btn {
94
+ font-weight: 400;
95
+ text-align: center;
96
+ vertical-align: middle;
97
+ -ms-user-select: none;
98
+ user-select: none;
99
+ border: 1px solid transparent;
100
+ padding: 0.375rem 0.75rem;
101
+ font-size: 1rem;
102
+ line-height: 2;
103
+ width: 100%;
104
+ text-align:left;
105
+ text-decoration:none;
106
+ transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
107
+ }
108
+ .border {
109
+ border: 0px solid #dee2e6 !important;
110
+ }
111
+
112
+ .header .dropdown-toggle::after {
113
+ display: inline-block;
114
+ margin-left: .255em;
115
+ vertical-align: .255em;
116
+ content: none !important;
117
+ border-top: .3em solid;
118
+ border-right: .3em solid transparent;
119
+ border-bottom: 0;
120
+ border-left: .3em solid transparent;
121
+ }
122
+
123
+ .search .card-body{
124
+ height: 60vh !important;
125
+ }
126
+ }
@@ -4,11 +4,82 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
  exports.default = void 0;
7
- var _Utils = _interopRequireDefault(require("../Utils"));
8
- function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
9
7
  class Validators {
10
8
  constructor(resolver) {
11
9
  this.resolver = resolver;
12
10
  }
11
+ validateNeedPrioritizationItems = items => {
12
+ if (!items) {
13
+ return {
14
+ valid: false,
15
+ messageType: 'ERROR',
16
+ message: 'Required data columns are missing'
17
+ };
18
+ }
19
+ for (const item of items) {
20
+ if (!item.procurementMethod) {
21
+ return {
22
+ valid: false,
23
+ messageType: 'ERROR',
24
+ message: ''
25
+ };
26
+ }
27
+ if (item.procurementMethod.type === 'CONTRACT' || item.procurementMethod.type === 'TRANSVERSAL_CONTRACT') {
28
+ if (item.procurementMethod.type === 'TRANSVERSAL_CONTRACT' && !item.contractOwner) {
29
+ return {
30
+ valid: false,
31
+ messageType: 'ERROR',
32
+ message: 'Required contract owner field is missing for : ' + item.commodity.name,
33
+ forceMarker: true
34
+ };
35
+ }
36
+ if (!item.contractNumber) {
37
+ return {
38
+ valid: false,
39
+ messageType: 'ERROR',
40
+ message: 'Required contract number field is missing for : ' + item.commodity.name,
41
+ forceMarker: true
42
+ };
43
+ }
44
+ if (!item.contractStartDate) {
45
+ return {
46
+ valid: false,
47
+ messageType: 'ERROR',
48
+ message: 'Required contract start date field is missing for : ' + item.commodity.name,
49
+ forceMarker: true
50
+ };
51
+ }
52
+ if (!item.contractEndDate) {
53
+ return {
54
+ valid: false,
55
+ messageType: 'ERROR',
56
+ message: 'Required contract end date field is missing for : ' + item.commodity.name,
57
+ forceMarker: true
58
+ };
59
+ }
60
+ if (!item.contractValue) {
61
+ return {
62
+ valid: false,
63
+ messageType: 'ERROR',
64
+ message: 'Required contract value field is missing for : ' + item.commodity.name,
65
+ forceMarker: true
66
+ };
67
+ }
68
+ }
69
+ if (item.procurementMethod.type === 'ENTITY') {
70
+ if (!item.entity) {
71
+ return {
72
+ valid: false,
73
+ messageType: 'ERROR',
74
+ message: 'Required entity field is missing for : ' + item.commodity.name,
75
+ forceMarker: true
76
+ };
77
+ }
78
+ }
79
+ }
80
+ return {
81
+ valid: true
82
+ };
83
+ };
13
84
  }
14
85
  exports.default = Validators;
@@ -48,15 +48,15 @@ const DashboardCard = props => {
48
48
  }
49
49
  };
50
50
 
51
- /*trackPromise(
52
- fetch(encodeURI(path), fetchConfig)
53
- .then(text)
54
- .then((data) => {
55
- setContent(data);
56
- })
57
- .catch((e) => {
58
- console.error(e);
59
- })
51
+ /*trackPromise(
52
+ fetch(encodeURI(path), fetchConfig)
53
+ .then(text)
54
+ .then((data) => {
55
+ setContent(data);
56
+ })
57
+ .catch((e) => {
58
+ console.error(e);
59
+ })
60
60
  );*/
61
61
  }
62
62
  }, [path]);
@@ -351,10 +351,10 @@ const Dashboard = /*#__PURE__*/_react.default.memo(/*#__PURE__*/_react.default.f
351
351
  });
352
352
  };
353
353
  _react.default.useEffect(() => {
354
- /*let rpcConfig = {
355
- "type": "rpc",
356
- "procedureName": "getWorkFlowSummary",
357
- "serviceId": "BPM.WorkFlow"
354
+ /*let rpcConfig = {
355
+ "type": "rpc",
356
+ "procedureName": "getWorkFlowSummary",
357
+ "serviceId": "BPM.WorkFlow"
358
358
  };*/
359
359
 
360
360
  let cardsPerRow = 2;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@agilemotion/oui-react-js",
3
- "version": "1.8.3",
3
+ "version": "1.8.5",
4
4
  "files": [
5
5
  "dist"
6
6
  ],
@@ -138,5 +138,13 @@
138
138
  "description": "export NODE_OPTIONS=--openssl-legacy-provider",
139
139
  "main": "gulpfile.js",
140
140
  "author": "",
141
- "license": "ISC"
141
+ "license": "ISC",
142
+ "repository": {
143
+ "type": "git",
144
+ "url": "git+https://gitlab.com/agilemotion/oui-react-js.git"
145
+ },
146
+ "bugs": {
147
+ "url": "https://gitlab.com/agilemotion/oui-react-js/issues"
148
+ },
149
+ "homepage": "https://gitlab.com/agilemotion/oui-react-js#readme"
142
150
  }