@agilemotion/oui-react-js 1.8.51 → 1.8.53

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.
@@ -1,9 +1,9 @@
1
- .coll-panel-container {
2
- font-family: sans-serif;
3
- text-align: center;
4
- }
5
-
6
- .coll-panel-btn:focus {
7
- outline: 0;
8
- box-shadow: none;
9
- }
1
+ .coll-panel-container {
2
+ font-family: sans-serif;
3
+ text-align: center;
4
+ }
5
+
6
+ .coll-panel-btn:focus {
7
+ outline: 0;
8
+ box-shadow: none;
9
+ }
@@ -1,8 +1,8 @@
1
- .parent-layout {
2
- overflow: hidden;
3
- block-size: 100dvh;
4
- display: flex;
5
- flex-direction: column;
6
- height: auto !important;
7
- padding: 16px !important;
8
- }
1
+ .parent-layout {
2
+ overflow: hidden;
3
+ block-size: 100dvh;
4
+ display: flex;
5
+ flex-direction: column;
6
+ height: auto !important;
7
+ padding: 16px !important;
8
+ }
@@ -357,7 +357,7 @@ const Layout = props => {
357
357
  border: 'none',
358
358
  minWidth: '128px',
359
359
  width: 'auto',
360
- height: '100%',
360
+ height: _Utils.default.getComponentAttribute(component, 'className', '') === 'scrolling-body' ? null : '100%',
361
361
  margin: 0,
362
362
  padding: 0
363
363
  }, component);
@@ -8,7 +8,7 @@
8
8
  }
9
9
 
10
10
  .alert {
11
- padding: 12px 4px !important;
11
+ padding: 12px 16px !important;
12
12
  }
13
13
 
14
14
  .alert p {
@@ -40,11 +40,11 @@
40
40
  }
41
41
 
42
42
  .view .scrolling-body {
43
- block-size: calc(100dvh - var(--header-h) - var(--view-header-h, var(--view-header-min)) - 64px) !important;
43
+ block-size: calc(100dvh - var(--header-h) - var(--view-header-h, var(--view-header-min)) - 64px);
44
44
  overflow-y: auto;
45
45
  overflow-x: hidden;
46
46
  min-block-size: 0;
47
- padding: 0 0 16px 0 !important;
47
+ padding: 0 0 16px 0;
48
48
  }
49
49
 
50
50
  .window-unpinned .view {
@@ -1,36 +1,36 @@
1
- .loaderModal {
2
- display: block; /* Hidden by default */
3
- position: fixed; /* Stay in place */
4
- z-index: 3000; /* Sit on top */
5
- left: 0;
6
- top: 0;
7
- width: 100vw; /* Full width */
8
- height: 100vh; /* Full height */
9
- overflow: hidden; /* Enable scroll if needed */
10
- background-color: rgb(0,0,0); /* Fallback color */
11
- background-color: rgba(0,0,0,0.1); /* Black w/ opacity */
12
- }
13
-
14
- /* Modal Content/Box */
15
- .modal-content {
16
- background-color: transparent;
17
- margin: 30% auto; /* 15% from the top and centered */
18
- padding: 20px;
19
- border: 1px solid #888;
20
- width: 10%; /* Could be more or less, depending on screen size */
21
- }
22
-
23
- /* The Close Button */
24
- .close {
25
- color: #aaa;
26
- float: right;
27
- font-size: 28px;
28
- font-weight: bold;
29
- }
30
-
31
- .close:hover,
32
- .close:focus {
33
- color: black;
34
- text-decoration: none;
35
- cursor: pointer;
36
- }
1
+ .loaderModal {
2
+ display: block; /* Hidden by default */
3
+ position: fixed; /* Stay in place */
4
+ z-index: 3000; /* Sit on top */
5
+ left: 0;
6
+ top: 0;
7
+ width: 100vw; /* Full width */
8
+ height: 100vh; /* Full height */
9
+ overflow: hidden; /* Enable scroll if needed */
10
+ background-color: rgb(0,0,0); /* Fallback color */
11
+ background-color: rgba(0,0,0,0.1); /* Black w/ opacity */
12
+ }
13
+
14
+ /* Modal Content/Box */
15
+ .modal-content {
16
+ background-color: transparent;
17
+ margin: 30% auto; /* 15% from the top and centered */
18
+ padding: 20px;
19
+ border: 1px solid #888;
20
+ width: 10%; /* Could be more or less, depending on screen size */
21
+ }
22
+
23
+ /* The Close Button */
24
+ .close {
25
+ color: #aaa;
26
+ float: right;
27
+ font-size: 28px;
28
+ font-weight: bold;
29
+ }
30
+
31
+ .close:hover,
32
+ .close:focus {
33
+ color: black;
34
+ text-decoration: none;
35
+ cursor: pointer;
36
+ }
@@ -1,4 +1,4 @@
1
- .user-video {
2
- min-width: 280px;
3
- height: 280px;
4
- }
1
+ .user-video {
2
+ min-width: 280px;
3
+ height: 280px;
4
+ }
@@ -496,7 +496,7 @@ const ChatRoom = props => {
496
496
  _SocketManager.default.emitEvent(_VCEventType.VCEventType.DELETE_CHAT_MESSAGE, {
497
497
  messageId: message.id,
498
498
  participantsToSignalIds,
499
- profile: _ApplicationManager.default.getUserDetails().profile,
499
+ profile: _ApplicationManager.default.getActiveTenant() || _ApplicationManager.default.getUserDetails().profile,
500
500
  userId: _ApplicationManager.default.getUserDetails().username,
501
501
  username: _ApplicationManager.default.getUserDetails().username
502
502
  }).then(data => {
@@ -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
- min-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
+ min-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
+ }
package/dist/js/Media.js CHANGED
@@ -59,6 +59,8 @@ class Media {
59
59
  reject(new Error('No user profile'));
60
60
  } else {
61
61
  try {
62
+ // TODO : Remove hardcoding and replace with active tenants when implemented
63
+ let profile = _ApplicationManager.default.getActiveTenant() || _ApplicationManager.default.getUserDetails().profile;
62
64
  _SocketManager.default.emitEvent(_SocketRequest.default.JOIN_MEETING, {
63
65
  meetingId: calendarEvent.id,
64
66
  userFullName: userFullName,
@@ -66,7 +68,7 @@ class Media {
66
68
  avatarId: sessionStorage.getItem('userAvataId'),
67
69
  isHost: _ApplicationManager.default.getUserDetails().username === calendarEvent.host.username,
68
70
  settings: settings,
69
- profile: _ApplicationManager.default.getUserDetails().profile
71
+ profile: profile
70
72
  }).then(response => {
71
73
  result.status = response.status;
72
74
  if (response.status === 'SUCCESS') {
@@ -35,13 +35,12 @@ class ProcurementMeetings {
35
35
  }
36
36
  });
37
37
  };
38
- startMeeting = meeting => {
39
- return this.emitSocketEvent("startMeeting", {
38
+ startMeeting = (viewId, meeting) => {
39
+ return this.emitSocketEvent(viewId, "startMeeting", {
40
40
  procurementNumber: meeting.procurementNumber
41
41
  }, meeting);
42
42
  };
43
43
  endMeeting = meeting => {
44
- console.log("\n\n\n\n\nENDING SESSION : ", meeting);
45
44
  let api = _ApplicationManager.default.resolveComponentApi("conclusionLayout");
46
45
  api.visible = true;
47
46
  api = _ApplicationManager.default.resolveComponentApi("toolbar");
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@agilemotion/oui-react-js",
3
- "version": "1.8.51",
3
+ "version": "1.8.53",
4
4
  "description": "AgileMotion React UI Component Library - A comprehensive collection of dashboard components, forms, media controls, and more",
5
5
  "license": "ISC",
6
6
  "author": "",
@@ -175,4 +175,4 @@
175
175
  "eslint-plugin-flowtype": "3.13.0",
176
176
  "typescript": "3.8.3"
177
177
  }
178
- }
178
+ }