@truedat/auth 8.14.2 → 8.14.4

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 (66) hide show
  1. package/package.json +4 -4
  2. package/src/messages/en.js +6 -5
  3. package/src/messages/es.js +8 -7
  4. package/src/styles/UserCard.less +582 -0
  5. package/src/styles/UserModals.less +826 -0
  6. package/src/styles/Users.less +280 -0
  7. package/src/users/components/AdminUserRoutes.js +7 -20
  8. package/src/users/components/EditUser.js +7 -34
  9. package/src/users/components/EditUserModal.js +150 -0
  10. package/src/users/components/NewUser.js +128 -17
  11. package/src/users/components/Password.js +11 -189
  12. package/src/users/components/UserAcls.js +56 -6
  13. package/src/users/components/UserActions.js +99 -34
  14. package/src/users/components/UserCard.js +168 -22
  15. package/src/users/components/UserCards.js +273 -35
  16. package/src/users/components/UserFormFields.js +206 -0
  17. package/src/users/components/UserGroupAclRow.js +8 -2
  18. package/src/users/components/UserGroupAcls.js +2 -2
  19. package/src/users/components/UserGroupLink.js +21 -0
  20. package/src/users/components/UserInfoModal.js +268 -0
  21. package/src/users/components/UserPasswordField.js +66 -0
  22. package/src/users/components/UserPasswordModal.js +210 -0
  23. package/src/users/components/UserRoutes.js +4 -13
  24. package/src/users/components/UserTabs.js +5 -2
  25. package/src/users/components/UserTypeSelector.js +109 -0
  26. package/src/users/components/UsersAndGroups.js +39 -5
  27. package/src/users/components/UsersTable.js +234 -0
  28. package/src/users/components/__tests__/EditUser.spec.js +84 -10
  29. package/src/users/components/__tests__/NewUser.spec.js +34 -4
  30. package/src/users/components/__tests__/Password.spec.js +53 -146
  31. package/src/users/components/__tests__/UserAcls.spec.js +23 -2
  32. package/src/users/components/__tests__/UserCard.spec.js +111 -5
  33. package/src/users/components/__tests__/UserCards.spec.js +194 -0
  34. package/src/users/components/__tests__/UserGroupAclRow.spec.js +19 -1
  35. package/src/users/components/__tests__/UserModals.spec.js +507 -0
  36. package/src/users/components/__tests__/UserRoutes.spec.js +8 -3
  37. package/src/users/components/__tests__/UserTypeSelector.spec.js +32 -0
  38. package/src/users/components/__tests__/UsersAndGroups.spec.js +17 -0
  39. package/src/users/components/__tests__/__snapshots__/UserCard.spec.js.snap +64 -37
  40. package/src/users/components/__tests__/__snapshots__/UserCards.spec.js.snap +424 -75
  41. package/src/users/components/__tests__/__snapshots__/UserGroupAclRow.spec.js.snap +7 -3
  42. package/src/users/components/__tests__/__snapshots__/UserRoutes.spec.js.snap +4 -13
  43. package/src/users/hooks/useSortedGroups.js +13 -0
  44. package/src/users/hooks/useUserModalOperation.js +55 -0
  45. package/src/users/reducers/__tests__/userRedirect.spec.js +14 -3
  46. package/src/users/reducers/index.js +1 -0
  47. package/src/users/reducers/userModalOperation.js +29 -0
  48. package/src/users/reducers/userRedirect.js +5 -4
  49. package/src/users/sagas/__tests__/updateUser.spec.js +19 -1
  50. package/src/users/sagas/createUser.js +12 -5
  51. package/src/users/sagas/deleteUser.js +12 -5
  52. package/src/users/sagas/updateUser.js +19 -8
  53. package/src/users/selectors/__tests__/filterUsers.spec.js +11 -0
  54. package/src/users/selectors/__tests__/getUserAcls.spec.js +1 -0
  55. package/src/users/selectors/__tests__/getUserGroupAcls.spec.js +2 -0
  56. package/src/users/selectors/filterUsers.js +9 -1
  57. package/src/users/selectors/getUserGroupAcls.js +1 -0
  58. package/src/users/components/User.js +0 -68
  59. package/src/users/components/UserPassword.js +0 -24
  60. package/src/users/components/__tests__/User.spec.js +0 -20
  61. package/src/users/components/__tests__/UserPassword.spec.js +0 -24
  62. package/src/users/components/__tests__/__snapshots__/EditUser.spec.js.snap +0 -281
  63. package/src/users/components/__tests__/__snapshots__/NewUser.spec.js.snap +0 -321
  64. package/src/users/components/__tests__/__snapshots__/Password.spec.js.snap +0 -128
  65. package/src/users/components/__tests__/__snapshots__/User.spec.js.snap +0 -129
  66. package/src/users/components/__tests__/__snapshots__/UserPassword.spec.js.snap +0 -124
package/src/users/components/__tests__/__snapshots__/UserCard.spec.js.snap CHANGED
@@ -1,62 +1,89 @@
1
1
  // Jest Snapshot v1, https://goo.gl/fbAQLP
2
2
 
3
- exports[`<UserCard /> matches the latest snapshot when showing UID 1`] = `
3
+ exports[`<UserCard /> matches the latest snapshot 1`] = `
4
4
  <div>
5
5
  <div
6
- class="ui card"
6
+ class="ui card td-card-base td-card--user"
7
7
  >
8
- <div
9
- class="content"
8
+ <a
9
+ aria-label="user.info.open"
10
+ class="content uc-card-link"
11
+ data-discover="true"
12
+ href="/users/1"
10
13
  >
11
- <a
12
- class="header"
13
- data-discover="true"
14
- href="/users/1"
14
+ <div
15
+ class="uc-summary"
16
+ >
17
+ <div
18
+ class="uc-avatar"
19
+ >
20
+ JB
21
+ </div>
22
+ <div
23
+ class="uc-name"
24
+ title="Joe Bloggs"
25
+ >
26
+ Joe Bloggs
27
+ </div>
28
+ </div>
29
+ <div
30
+ class="uc-meta-grid"
15
31
  >
16
32
  <i
17
33
  aria-hidden="true"
18
34
  class="user icon"
19
35
  />
20
- joe
21
- </a>
22
- <div
23
- class="description"
24
- >
25
- Joe Bloggs
26
- <br />
27
- joe@bloggs.net
36
+ <span
37
+ class="uc-username"
38
+ >
39
+ joe
40
+ </span>
41
+ <i
42
+ aria-hidden="true"
43
+ class="mail icon"
44
+ />
45
+ <span
46
+ class="uc-email"
47
+ >
48
+ joe@bloggs.net
49
+ </span>
28
50
  </div>
29
- </div>
30
- </div>
31
- </div>
32
- `;
33
-
34
- exports[`<UserCard /> matches the latest snapshot when showing full name 1`] = `
35
- <div>
36
- <div
37
- class="ui card"
38
- >
51
+ </a>
39
52
  <div
40
- class="content"
53
+ class="uc-actions"
41
54
  >
42
55
  <a
43
- class="header"
56
+ aria-label="users.actions.edit"
57
+ class="uc-action-btn"
44
58
  data-discover="true"
45
- href="/users/1"
59
+ href="/users/1/edit"
46
60
  >
47
61
  <i
48
62
  aria-hidden="true"
49
- class="user icon"
63
+ class="pencil alternate icon"
50
64
  />
51
- joe
65
+ <span
66
+ class="uc-action-label"
67
+ >
68
+ users.actions.edit
69
+ </span>
52
70
  </a>
53
- <div
54
- class="description"
71
+ <a
72
+ aria-label="user.actions.edit_password"
73
+ class="uc-action-btn uc-action-btn--key"
74
+ data-discover="true"
75
+ href="/users/1/password"
55
76
  >
56
- Joe Bloggs
57
- <br />
58
- joe@bloggs.net
59
- </div>
77
+ <i
78
+ aria-hidden="true"
79
+ class="key icon"
80
+ />
81
+ <span
82
+ class="uc-action-label"
83
+ >
84
+ user.actions.edit_password
85
+ </span>
86
+ </a>
60
87
  </div>
61
88
  </div>
62
89
  </div>
package/src/users/components/__tests__/__snapshots__/UserCards.spec.js.snap CHANGED
@@ -3,118 +3,467 @@
3
3
  exports[`<UserCards /> matches the latest snapshot 1`] = `
4
4
  <div>
5
5
  <div
6
- class="ui input"
7
- >
8
- <input
9
- placeholder="user.search.placeholder"
10
- type="text"
11
- value=""
12
- />
13
- </div>
14
- <a
15
- class="ui primary right floated button"
16
- data-discover="true"
17
- href="/users/new"
18
- role="button"
19
- >
20
- <i
21
- aria-hidden="true"
22
- class="add user icon"
23
- />
24
- users.actions.create
25
- </a>
26
- <h3
27
- class="ui dividing header"
28
- >
29
- user.type.admin
30
- </h3>
31
- <div
32
- class="ui cards"
6
+ class="users-toolbar"
33
7
  >
34
8
  <div
35
- class="ui card"
9
+ class="ui action left icon input"
10
+ >
11
+ <i
12
+ aria-hidden="true"
13
+ class="search icon"
14
+ />
15
+ <input
16
+ placeholder="user.search.placeholder"
17
+ type="text"
18
+ value=""
19
+ />
20
+ <div
21
+ aria-busy="false"
22
+ aria-expanded="false"
23
+ class="ui button floating labeled scrolling dropdown icon"
24
+ role="listbox"
25
+ tabindex="0"
26
+ >
27
+ <div
28
+ aria-atomic="true"
29
+ aria-live="polite"
30
+ class="divider text"
31
+ role="alert"
32
+ >
33
+ Filters
34
+ </div>
35
+ <i
36
+ aria-hidden="true"
37
+ class="filter icon"
38
+ />
39
+ <div
40
+ class="menu transition"
41
+ >
42
+ <div
43
+ class="item"
44
+ role="option"
45
+ >
46
+ <em>
47
+ (reset filters)
48
+ </em>
49
+ </div>
50
+ <div
51
+ class="item"
52
+ role="option"
53
+ >
54
+ <span
55
+ class="text"
56
+ >
57
+ groups
58
+ </span>
59
+ </div>
60
+ <div
61
+ class="item"
62
+ role="option"
63
+ >
64
+ <span
65
+ class="text"
66
+ >
67
+ type
68
+ </span>
69
+ </div>
70
+ </div>
71
+ </div>
72
+ </div>
73
+ <div
74
+ class="users-toolbar-actions"
36
75
  >
37
76
  <div
38
- class="content"
77
+ aria-label="users.view.label"
78
+ class="users-view-buttons"
79
+ role="group"
39
80
  >
40
- <a
41
- class="header"
42
- data-discover="true"
43
- href="/users/1"
81
+ <button
82
+ aria-pressed="true"
83
+ class="ui active toggle button"
84
+ type="button"
44
85
  >
45
86
  <i
46
87
  aria-hidden="true"
47
- class="user icon"
88
+ class="grid layout icon"
48
89
  />
49
- user
50
- </a>
51
- <div
52
- class="description"
90
+ users.view.cards
91
+ </button>
92
+ <button
93
+ aria-pressed="false"
94
+ class="ui toggle button"
95
+ type="button"
53
96
  >
54
- Pepito Pérez
55
- <br />
56
- email@email.com
57
- </div>
97
+ <i
98
+ aria-hidden="true"
99
+ class="list icon"
100
+ />
101
+ users.view.table
102
+ </button>
58
103
  </div>
104
+ <a
105
+ class="ui primary button"
106
+ data-discover="true"
107
+ href="/users/new"
108
+ role="button"
109
+ >
110
+ <i
111
+ aria-hidden="true"
112
+ class="add user icon"
113
+ />
114
+ users.actions.create
115
+ </a>
59
116
  </div>
60
117
  </div>
61
- <h3
62
- class="ui dividing header"
118
+ <div
119
+ class="selectedFilters users-filters"
120
+ />
121
+ <div
122
+ class="users-results"
123
+ role="status"
63
124
  >
64
- user.type.user
65
- </h3>
125
+ <div
126
+ class="ui label"
127
+ >
128
+ users.results
129
+ </div>
130
+ </div>
66
131
  <div
67
- class="ui cards"
132
+ class="accordion ui fluid styled users-role-accordion"
68
133
  >
69
134
  <div
70
- class="ui card"
135
+ class="active title users-role-title users-role-title--admin"
71
136
  >
72
- <div
73
- class="content"
137
+ <button
138
+ aria-controls="users-role-panel-admin"
139
+ aria-expanded="true"
140
+ class="users-role-toggle"
141
+ type="button"
74
142
  >
75
- <a
76
- class="header"
77
- data-discover="true"
78
- href="/users/2"
143
+ <span
144
+ class="users-role-title-content"
79
145
  >
80
146
  <i
81
147
  aria-hidden="true"
82
- class="user icon"
148
+ class="angle up icon users-role-chevron"
83
149
  />
84
- user2
85
- </a>
150
+ <h3
151
+ class="ui header users-role-title-header"
152
+ >
153
+ <div
154
+ class="content"
155
+ >
156
+ user.type.admin
157
+ </div>
158
+ </h3>
159
+ <div
160
+ class="ui circular label users-role-count"
161
+ >
162
+ 1
163
+ </div>
164
+ </span>
165
+ </button>
166
+ </div>
167
+ <div
168
+ class="content active users-role-content"
169
+ id="users-role-panel-admin"
170
+ >
171
+ <div
172
+ class="ui cards users-role-card-group"
173
+ >
86
174
  <div
87
- class="description"
175
+ class="ui card td-card-base td-card--user"
88
176
  >
89
- Miguel Muñoz
90
- <br />
91
- email2@email.com
177
+ <a
178
+ aria-label="user.info.open"
179
+ class="content uc-card-link"
180
+ data-discover="true"
181
+ href="/users/1"
182
+ >
183
+ <div
184
+ class="uc-summary"
185
+ >
186
+ <div
187
+ class="uc-avatar"
188
+ >
189
+ PP
190
+ </div>
191
+ <div
192
+ class="uc-name"
193
+ title="Pepito Pérez"
194
+ >
195
+ Pepito Pérez
196
+ </div>
197
+ </div>
198
+ <div
199
+ class="uc-meta-grid"
200
+ >
201
+ <i
202
+ aria-hidden="true"
203
+ class="user icon"
204
+ />
205
+ <span
206
+ class="uc-username"
207
+ >
208
+ user
209
+ </span>
210
+ <i
211
+ aria-hidden="true"
212
+ class="mail icon"
213
+ />
214
+ <span
215
+ class="uc-email"
216
+ >
217
+ email@email.com
218
+ </span>
219
+ </div>
220
+ </a>
221
+ <div
222
+ class="uc-actions"
223
+ >
224
+ <a
225
+ aria-label="users.actions.edit"
226
+ class="uc-action-btn"
227
+ data-discover="true"
228
+ href="/users/1/edit"
229
+ >
230
+ <i
231
+ aria-hidden="true"
232
+ class="pencil alternate icon"
233
+ />
234
+ <span
235
+ class="uc-action-label"
236
+ >
237
+ users.actions.edit
238
+ </span>
239
+ </a>
240
+ <a
241
+ aria-label="user.actions.edit_password"
242
+ class="uc-action-btn uc-action-btn--key"
243
+ data-discover="true"
244
+ href="/users/1/password"
245
+ >
246
+ <i
247
+ aria-hidden="true"
248
+ class="key icon"
249
+ />
250
+ <span
251
+ class="uc-action-label"
252
+ >
253
+ user.actions.edit_password
254
+ </span>
255
+ </a>
256
+ </div>
92
257
  </div>
93
258
  </div>
94
259
  </div>
95
260
  <div
96
- class="ui card"
261
+ class="active title users-role-title users-role-title--user"
97
262
  >
98
- <div
99
- class="content"
263
+ <button
264
+ aria-controls="users-role-panel-user"
265
+ aria-expanded="true"
266
+ class="users-role-toggle"
267
+ type="button"
100
268
  >
101
- <a
102
- class="header"
103
- data-discover="true"
104
- href="/users/3"
269
+ <span
270
+ class="users-role-title-content"
105
271
  >
106
272
  <i
107
273
  aria-hidden="true"
108
- class="user icon"
274
+ class="angle up icon users-role-chevron"
109
275
  />
110
- user3
111
- </a>
276
+ <h3
277
+ class="ui header users-role-title-header"
278
+ >
279
+ <div
280
+ class="content"
281
+ >
282
+ user.type.user
283
+ </div>
284
+ </h3>
285
+ <div
286
+ class="ui circular label users-role-count"
287
+ >
288
+ 2
289
+ </div>
290
+ </span>
291
+ </button>
292
+ </div>
293
+ <div
294
+ class="content active users-role-content"
295
+ id="users-role-panel-user"
296
+ >
297
+ <div
298
+ class="ui cards users-role-card-group"
299
+ >
300
+ <div
301
+ class="ui card td-card-base td-card--user"
302
+ >
303
+ <a
304
+ aria-label="user.info.open"
305
+ class="content uc-card-link"
306
+ data-discover="true"
307
+ href="/users/2"
308
+ >
309
+ <div
310
+ class="uc-summary"
311
+ >
312
+ <div
313
+ class="uc-avatar"
314
+ >
315
+ MM
316
+ </div>
317
+ <div
318
+ class="uc-name"
319
+ title="Miguel Muñoz"
320
+ >
321
+ Miguel Muñoz
322
+ </div>
323
+ </div>
324
+ <div
325
+ class="uc-meta-grid"
326
+ >
327
+ <i
328
+ aria-hidden="true"
329
+ class="user icon"
330
+ />
331
+ <span
332
+ class="uc-username"
333
+ >
334
+ user2
335
+ </span>
336
+ <i
337
+ aria-hidden="true"
338
+ class="mail icon"
339
+ />
340
+ <span
341
+ class="uc-email"
342
+ >
343
+ email2@email.com
344
+ </span>
345
+ </div>
346
+ </a>
347
+ <div
348
+ class="uc-actions"
349
+ >
350
+ <a
351
+ aria-label="users.actions.edit"
352
+ class="uc-action-btn"
353
+ data-discover="true"
354
+ href="/users/2/edit"
355
+ >
356
+ <i
357
+ aria-hidden="true"
358
+ class="pencil alternate icon"
359
+ />
360
+ <span
361
+ class="uc-action-label"
362
+ >
363
+ users.actions.edit
364
+ </span>
365
+ </a>
366
+ <a
367
+ aria-label="user.actions.edit_password"
368
+ class="uc-action-btn uc-action-btn--key"
369
+ data-discover="true"
370
+ href="/users/2/password"
371
+ >
372
+ <i
373
+ aria-hidden="true"
374
+ class="key icon"
375
+ />
376
+ <span
377
+ class="uc-action-label"
378
+ >
379
+ user.actions.edit_password
380
+ </span>
381
+ </a>
382
+ </div>
383
+ </div>
112
384
  <div
113
- class="description"
385
+ class="ui card td-card-base td-card--user"
114
386
  >
115
- Rosa Martin
116
- <br />
117
- email3@email.com
387
+ <a
388
+ aria-label="user.info.open"
389
+ class="content uc-card-link"
390
+ data-discover="true"
391
+ href="/users/3"
392
+ >
393
+ <div
394
+ class="uc-summary"
395
+ >
396
+ <div
397
+ class="uc-avatar"
398
+ >
399
+ RM
400
+ </div>
401
+ <div
402
+ class="uc-name"
403
+ title="Rosa Martin"
404
+ >
405
+ Rosa Martin
406
+ </div>
407
+ </div>
408
+ <div
409
+ class="uc-meta-grid"
410
+ >
411
+ <i
412
+ aria-hidden="true"
413
+ class="user icon"
414
+ />
415
+ <span
416
+ class="uc-username"
417
+ >
418
+ user3
419
+ </span>
420
+ <i
421
+ aria-hidden="true"
422
+ class="mail icon"
423
+ />
424
+ <span
425
+ class="uc-email"
426
+ >
427
+ email3@email.com
428
+ </span>
429
+ </div>
430
+ </a>
431
+ <div
432
+ class="uc-actions"
433
+ >
434
+ <a
435
+ aria-label="users.actions.edit"
436
+ class="uc-action-btn"
437
+ data-discover="true"
438
+ href="/users/3/edit"
439
+ >
440
+ <i
441
+ aria-hidden="true"
442
+ class="pencil alternate icon"
443
+ />
444
+ <span
445
+ class="uc-action-label"
446
+ >
447
+ users.actions.edit
448
+ </span>
449
+ </a>
450
+ <a
451
+ aria-label="user.actions.edit_password"
452
+ class="uc-action-btn uc-action-btn--key"
453
+ data-discover="true"
454
+ href="/users/3/password"
455
+ >
456
+ <i
457
+ aria-hidden="true"
458
+ class="key icon"
459
+ />
460
+ <span
461
+ class="uc-action-label"
462
+ >
463
+ user.actions.edit_password
464
+ </span>
465
+ </a>
466
+ </div>
118
467
  </div>
119
468
  </div>
120
469
  </div>
package/src/users/components/__tests__/__snapshots__/UserGroupAclRow.spec.js.snap CHANGED
@@ -10,14 +10,18 @@ exports[`<UserGroupAclRow /> matches the latest snapshot 1`] = `
10
10
  <td
11
11
  class=""
12
12
  >
13
- <span>
14
- resource1
13
+ <span
14
+ class="um-group-chip"
15
+ >
16
+ grupo1
15
17
  </span>
16
18
  </td>
17
19
  <td
18
20
  class=""
19
21
  >
20
- grupo1
22
+ <span>
23
+ resource1
24
+ </span>
21
25
  </td>
22
26
  <td
23
27
  class=""