datajunction-ui 0.0.1-rc.24 → 0.0.1-rc.25

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 (36) hide show
  1. package/.env +1 -0
  2. package/package.json +3 -2
  3. package/src/app/components/Tab.jsx +0 -1
  4. package/src/app/constants.js +2 -2
  5. package/src/app/icons/LoadingIcon.jsx +14 -0
  6. package/src/app/index.tsx +11 -1
  7. package/src/app/pages/AddEditNodePage/__tests__/AddEditNodePageFormFailed.test.jsx +28 -2
  8. package/src/app/pages/AddEditNodePage/__tests__/AddEditNodePageFormSuccess.test.jsx +44 -9
  9. package/src/app/pages/AddEditNodePage/__tests__/__snapshots__/AddEditNodePageFormFailed.test.jsx.snap +1 -0
  10. package/src/app/pages/AddEditNodePage/__tests__/__snapshots__/AddEditNodePageFormSuccess.test.jsx.snap +0 -50
  11. package/src/app/pages/AddEditNodePage/__tests__/index.test.jsx +2 -0
  12. package/src/app/pages/AddEditNodePage/index.jsx +60 -6
  13. package/src/app/pages/AddEditTagPage/Loadable.jsx +16 -0
  14. package/src/app/pages/AddEditTagPage/__tests__/AddEditTagPage.test.jsx +107 -0
  15. package/src/app/pages/AddEditTagPage/index.jsx +132 -0
  16. package/src/app/pages/LoginPage/LoginForm.jsx +116 -0
  17. package/src/app/pages/LoginPage/SignupForm.jsx +144 -0
  18. package/src/app/pages/LoginPage/__tests__/index.test.jsx +34 -2
  19. package/src/app/pages/LoginPage/index.jsx +9 -82
  20. package/src/app/pages/NamespacePage/index.jsx +5 -0
  21. package/src/app/pages/NodePage/EditColumnPopover.jsx +1 -1
  22. package/src/app/pages/NodePage/NodeColumnTab.jsx +11 -0
  23. package/src/app/pages/NodePage/NodeInfoTab.jsx +5 -1
  24. package/src/app/pages/NodePage/__tests__/NodePage.test.jsx +6 -3
  25. package/src/app/pages/RegisterTablePage/__tests__/__snapshots__/RegisterTablePage.test.jsx.snap +1 -0
  26. package/src/app/pages/Root/index.tsx +1 -1
  27. package/src/app/pages/TagPage/Loadable.jsx +16 -0
  28. package/src/app/pages/TagPage/__tests__/TagPage.test.jsx +70 -0
  29. package/src/app/pages/TagPage/index.jsx +79 -0
  30. package/src/app/services/DJService.js +79 -1
  31. package/src/app/services/__tests__/DJService.test.jsx +84 -1
  32. package/src/mocks/mockNodes.jsx +88 -44
  33. package/src/styles/index.css +19 -0
  34. package/src/styles/loading.css +35 -0
  35. package/src/styles/login.css +17 -3
  36. package/src/utils/form.jsx +2 -2
package/src/styles/index.css CHANGED
@@ -451,6 +451,12 @@ tbody th {
451
451
  background-color: #dbafff !important;
452
452
  color: #580076;
453
453
  }
454
+
455
+ .entity__tag {
456
+ font-family: 'Jost';
457
+ background-color: #afd4ff !important;
458
+ color: #002176;
459
+ }
454
460
  .react-flow__node .node_type__cube {
455
461
  background-color: #c2180750 !important;
456
462
  color: #c2180750;
@@ -710,9 +716,11 @@ pre {
710
716
  }
711
717
  .menu-title a {
712
718
  color: #7e8299;
719
+ cursor: pointer;
713
720
  }
714
721
  .menu-title a:hover {
715
722
  color: #3f4254;
723
+ cursor: pointer;
716
724
  }
717
725
 
718
726
  .node__header,
@@ -993,3 +1001,14 @@ pre {
993
1001
  .deleteNode {
994
1002
  display: inline-block;
995
1003
  }
1004
+
1005
+ .tag_value {
1006
+ color: #5c3b8f;
1007
+ background-color: #5c3b8f25;
1008
+ margin: 0.25rem;
1009
+ font-size: 100%;
1010
+ }
1011
+
1012
+ .tag_value:hover {
1013
+ background-color: #5c3b8f50;
1014
+ }
package/src/styles/loading.css ADDED
@@ -0,0 +1,35 @@
1
+ .lds-ring {
2
+ display: inline-block;
3
+ position: relative;
4
+ width: 25px;
5
+ height: 25px;
6
+ }
7
+ .lds-ring div {
8
+ box-sizing: border-box;
9
+ display: block;
10
+ position: absolute;
11
+ width: 25px;
12
+ height: 25px;
13
+ border: 8px solid #fff;
14
+ border-radius: 50%;
15
+ animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
16
+ border-color: #fff transparent transparent transparent;
17
+ }
18
+ .lds-ring div:nth-child(1) {
19
+ animation-delay: -0.45s;
20
+ }
21
+ .lds-ring div:nth-child(2) {
22
+ animation-delay: -0.3s;
23
+ }
24
+ .lds-ring div:nth-child(3) {
25
+ animation-delay: -0.15s;
26
+ }
27
+ @keyframes lds-ring {
28
+ 0% {
29
+ transform: rotate(0deg);
30
+ }
31
+ 100% {
32
+ transform: rotate(360deg);
33
+ }
34
+ }
35
+
package/src/styles/login.css CHANGED
@@ -3,18 +3,24 @@
3
3
  border: 2px solid #000000;
4
4
  background: linear-gradient(120deg, #ffed7c, #fef7c8);
5
5
  width: 40vw;
6
- height: 30rem;
6
+ height: 45rem;
7
7
  box-sizing: border-box;
8
8
  padding: 2rem;
9
9
  display: grid;
10
10
  grid-template-columns: 1fr;
11
- gap: 1rem;
12
11
  margin: auto;
13
12
  position: absolute;
14
13
  top: 0;
15
14
  bottom: 0;
16
15
  left: 0;
17
16
  right: 0;
17
+ cursor: pointer;
18
+ grid-row-gap: 0;
19
+ }
20
+
21
+ .login form div {
22
+ display: block;
23
+ text-align: center;
18
24
  }
19
25
 
20
26
  .login form button {
@@ -49,7 +55,7 @@
49
55
 
50
56
  .login button[type='submit'] {
51
57
  width: 10vw;
52
- background-color: #01b268;
58
+ background-color: #5D2E85;
53
59
  border: 2px solid #000000;
54
60
  color: white;
55
61
  padding: 14px 20px;
@@ -65,3 +71,11 @@
65
71
  .login .logo-title img {
66
72
  padding: 0.5rem;
67
73
  }
74
+
75
+ .signup form {
76
+ height: 50rem;
77
+ }
78
+
79
+ .form-error {
80
+ color: red;
81
+ }
package/src/utils/form.jsx CHANGED
@@ -4,12 +4,12 @@ import * as React from 'react';
4
4
 
5
5
  export const displayMessageAfterSubmit = status => {
6
6
  return status?.success !== undefined ? (
7
- <div className="message success">
7
+ <div className="message success" data-testid="success">
8
8
  <ValidIcon />
9
9
  {status?.success}
10
10
  </div>
11
11
  ) : status?.failure !== undefined ? (
12
- <div className="message alert">
12
+ <div className="message alert" data-testid="failure">
13
13
  <AlertIcon />
14
14
  {status?.failure}
15
15
  </div>