datajunction-ui 0.0.1-rc.2 → 0.0.1-rc.20

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 (135) hide show
  1. package/.env +1 -0
  2. package/.prettierignore +3 -1
  3. package/dj-logo.svg +10 -0
  4. package/package.json +43 -13
  5. package/public/favicon.ico +0 -0
  6. package/src/__tests__/reportWebVitals.test.jsx +44 -0
  7. package/src/app/__tests__/__snapshots__/index.test.tsx.snap +5 -39
  8. package/src/app/components/DeleteNode.jsx +79 -0
  9. package/src/app/components/ListGroupItem.jsx +8 -1
  10. package/src/app/components/NamespaceHeader.jsx +4 -13
  11. package/src/app/components/QueryInfo.jsx +77 -0
  12. package/src/app/components/Tab.jsx +3 -2
  13. package/src/app/components/ToggleSwitch.jsx +20 -0
  14. package/src/app/components/__tests__/QueryInfo.test.jsx +55 -0
  15. package/src/app/components/__tests__/Tab.test.jsx +27 -0
  16. package/src/app/components/__tests__/ToggleSwitch.test.jsx +43 -0
  17. package/src/app/components/__tests__/__snapshots__/ListGroupItem.test.tsx.snap +3 -0
  18. package/src/app/components/__tests__/__snapshots__/NamespaceHeader.test.jsx.snap +2 -18
  19. package/src/app/components/djgraph/Collapse.jsx +46 -0
  20. package/src/app/components/djgraph/DJNode.jsx +60 -82
  21. package/src/app/components/djgraph/DJNodeColumns.jsx +71 -0
  22. package/src/app/components/djgraph/DJNodeDimensions.jsx +75 -0
  23. package/src/app/components/djgraph/LayoutFlow.jsx +104 -0
  24. package/src/app/components/djgraph/__tests__/Collapse.test.jsx +51 -0
  25. package/src/app/components/djgraph/__tests__/DJNodeColumns.test.jsx +83 -0
  26. package/src/app/components/djgraph/__tests__/DJNodeDimensions.test.jsx +118 -0
  27. package/src/app/components/djgraph/__tests__/__snapshots__/DJNode.test.tsx.snap +84 -40
  28. package/src/app/constants.js +2 -0
  29. package/src/app/icons/AlertIcon.jsx +32 -0
  30. package/src/app/icons/CollapsedIcon.jsx +15 -0
  31. package/src/app/icons/DJLogo.jsx +36 -0
  32. package/src/app/icons/DeleteIcon.jsx +21 -0
  33. package/src/app/icons/EditIcon.jsx +18 -0
  34. package/src/app/icons/ExpandedIcon.jsx +15 -0
  35. package/src/app/icons/HorizontalHierarchyIcon.jsx +15 -0
  36. package/src/app/icons/InvalidIcon.jsx +14 -0
  37. package/src/app/icons/PythonIcon.jsx +52 -0
  38. package/src/app/icons/TableIcon.jsx +14 -0
  39. package/src/app/icons/ValidIcon.jsx +14 -0
  40. package/src/app/index.tsx +79 -26
  41. package/src/app/pages/AddEditNodePage/FormikSelect.jsx +46 -0
  42. package/src/app/pages/AddEditNodePage/FullNameField.jsx +37 -0
  43. package/src/app/pages/AddEditNodePage/Loadable.jsx +16 -0
  44. package/src/app/pages/AddEditNodePage/NodeQueryField.jsx +89 -0
  45. package/src/app/pages/AddEditNodePage/__tests__/AddEditNodePageFormFailed.test.jsx +77 -0
  46. package/src/app/pages/AddEditNodePage/__tests__/AddEditNodePageFormSuccess.test.jsx +93 -0
  47. package/src/app/pages/AddEditNodePage/__tests__/FormikSelect.test.jsx +75 -0
  48. package/src/app/pages/AddEditNodePage/__tests__/FullNameField.test.jsx +31 -0
  49. package/src/app/pages/AddEditNodePage/__tests__/NodeQueryField.test.jsx +30 -0
  50. package/src/app/pages/AddEditNodePage/__tests__/__snapshots__/AddEditNodePageFormFailed.test.jsx.snap +53 -0
  51. package/src/app/pages/AddEditNodePage/__tests__/__snapshots__/AddEditNodePageFormSuccess.test.jsx.snap +53 -0
  52. package/src/app/pages/AddEditNodePage/__tests__/__snapshots__/index.test.jsx.snap +3 -0
  53. package/src/app/pages/AddEditNodePage/__tests__/index.test.jsx +178 -0
  54. package/src/app/pages/AddEditNodePage/index.jsx +357 -0
  55. package/src/app/pages/LoginPage/__tests__/index.test.jsx +70 -0
  56. package/src/app/pages/LoginPage/assets/sign-in-with-github.png +0 -0
  57. package/src/app/pages/LoginPage/assets/sign-in-with-google.png +0 -0
  58. package/src/app/pages/LoginPage/index.jsx +90 -0
  59. package/src/app/pages/NamespacePage/Explorer.jsx +57 -0
  60. package/src/app/pages/NamespacePage/Loadable.jsx +9 -7
  61. package/src/app/pages/NamespacePage/__tests__/index.test.jsx +95 -0
  62. package/src/app/pages/NamespacePage/index.jsx +131 -31
  63. package/src/app/pages/NodePage/ClientCodePopover.jsx +32 -0
  64. package/src/app/pages/NodePage/EditColumnPopover.jsx +102 -0
  65. package/src/app/pages/NodePage/LinkDimensionPopover.jsx +135 -0
  66. package/src/app/pages/NodePage/Loadable.jsx +9 -7
  67. package/src/app/pages/NodePage/NodeColumnTab.jsx +106 -27
  68. package/src/app/pages/NodePage/NodeGraphTab.jsx +94 -148
  69. package/src/app/pages/NodePage/NodeHistory.jsx +212 -0
  70. package/src/app/pages/NodePage/NodeInfoTab.jsx +166 -51
  71. package/src/app/pages/NodePage/NodeLineageTab.jsx +84 -0
  72. package/src/app/pages/NodePage/NodeMaterializationTab.jsx +174 -0
  73. package/src/app/pages/NodePage/NodeSQLTab.jsx +82 -0
  74. package/src/app/pages/NodePage/NodeStatus.jsx +14 -20
  75. package/src/app/pages/NodePage/NodesWithDimension.jsx +42 -0
  76. package/src/app/pages/NodePage/__tests__/ClientCodePopover.test.jsx +49 -0
  77. package/src/app/pages/NodePage/__tests__/EditColumnPopover.test.jsx +148 -0
  78. package/src/app/pages/NodePage/__tests__/LinkDimensionPopover.test.jsx +165 -0
  79. package/src/app/pages/NodePage/__tests__/NodeGraphTab.test.jsx +591 -0
  80. package/src/app/pages/NodePage/__tests__/NodeLineageTab.test.jsx +57 -0
  81. package/src/app/pages/NodePage/__tests__/NodePage.test.jsx +725 -0
  82. package/src/app/pages/NodePage/__tests__/NodeWithDimension.test.jsx +175 -0
  83. package/src/app/pages/NodePage/__tests__/__snapshots__/NodePage.test.jsx.snap +402 -0
  84. package/src/app/pages/NodePage/index.jsx +151 -41
  85. package/src/app/pages/NotFoundPage/__tests__/index.test.jsx +16 -0
  86. package/src/app/pages/RegisterTablePage/Loadable.jsx +16 -0
  87. package/src/app/pages/RegisterTablePage/index.jsx +163 -0
  88. package/src/app/pages/Root/__tests__/index.test.jsx +77 -0
  89. package/src/app/pages/Root/index.tsx +32 -4
  90. package/src/app/pages/SQLBuilderPage/Loadable.jsx +16 -0
  91. package/src/app/pages/SQLBuilderPage/__tests__/index.test.jsx +173 -0
  92. package/src/app/pages/SQLBuilderPage/index.jsx +390 -0
  93. package/src/app/providers/djclient.jsx +5 -0
  94. package/src/app/services/DJService.js +388 -22
  95. package/src/app/services/__tests__/DJService.test.jsx +609 -0
  96. package/src/mocks/mockNodes.jsx +1397 -0
  97. package/src/setupTests.ts +31 -1
  98. package/src/styles/dag.css +111 -5
  99. package/src/styles/index.css +467 -31
  100. package/src/styles/login.css +67 -0
  101. package/src/styles/node-creation.scss +197 -0
  102. package/src/styles/styles.scss +44 -0
  103. package/src/styles/styles.scss.d.ts +9 -0
  104. package/src/utils/form.jsx +23 -0
  105. package/tsconfig.json +1 -5
  106. package/webpack.config.js +29 -6
  107. package/.babelrc +0 -4
  108. package/.env.local +0 -4
  109. package/.env.production +0 -1
  110. package/.github/pull_request_template.md +0 -11
  111. package/.github/workflows/ci.yml +0 -33
  112. package/.vscode/extensions.json +0 -7
  113. package/.vscode/launch.json +0 -15
  114. package/.vscode/settings.json +0 -25
  115. package/Dockerfile +0 -7
  116. package/dist/5fa71a03d45dc2e3d61447f3013a303d.png +0 -0
  117. package/dist/index.html +0 -1
  118. package/dist/main.js +0 -23303
  119. package/dist/static/main.05a86d446163fd5f17d3.js +0 -2
  120. package/dist/static/main.05a86d446163fd5f17d3.js.LICENSE.txt +0 -98
  121. package/dist/static/main.9e53bed734dae98e5b10.js +0 -2
  122. package/dist/static/main.9e53bed734dae98e5b10.js.LICENSE.txt +0 -98
  123. package/dist/static/main.js +0 -2
  124. package/dist/static/main.js.LICENSE.txt +0 -98
  125. package/dist/static/vendor.05a86d446163fd5f17d3.js +0 -2
  126. package/dist/static/vendor.05a86d446163fd5f17d3.js.LICENSE.txt +0 -29
  127. package/dist/static/vendor.9e53bed734dae98e5b10.js +0 -2
  128. package/dist/static/vendor.9e53bed734dae98e5b10.js.LICENSE.txt +0 -29
  129. package/dist/static/vendor.js +0 -2
  130. package/dist/static/vendor.js.LICENSE.txt +0 -29
  131. package/dist/vendor.js +0 -281
  132. package/src/app/pages/ListNamespacesPage/Loadable.jsx +0 -14
  133. package/src/app/pages/ListNamespacesPage/index.jsx +0 -52
  134. package/src/app/pages/NamespacePage/__tests__/__snapshots__/index.test.tsx.snap +0 -45
  135. package/src/app/pages/NamespacePage/__tests__/index.test.tsx +0 -14
package/src/setupTests.ts CHANGED
@@ -1,6 +1,36 @@
1
1
  // react-testing-library renders your components to document.body,
2
2
  // this adds jest-dom's custom assertions
3
- import '@testing-library/jest-dom/extend-expect';
3
+ import '@testing-library/jest-dom';
4
4
 
5
5
  import 'react-app-polyfill/ie11';
6
6
  import 'react-app-polyfill/stable';
7
+ import { JSDOM } from 'jsdom';
8
+ import { render as originalRender } from '@testing-library/react';
9
+
10
+ global.ResizeObserver = require('resize-observer-polyfill');
11
+ global.fetch = require('jest-fetch-mock');
12
+
13
+ const setDom = () => {
14
+ const dom = new JSDOM('<!doctype html><html><body></body></html>', {});
15
+
16
+ global.window = dom.window;
17
+ global.document = dom.window.document;
18
+ document.createRange = () => {
19
+ const range = new Range();
20
+ range.getBoundingClientRect = jest.fn();
21
+ range.getClientRects = () => {
22
+ return {
23
+ item: () => null,
24
+ length: 0,
25
+ [Symbol.iterator]: jest.fn(),
26
+ };
27
+ };
28
+
29
+ return range;
30
+ };
31
+ };
32
+
33
+ export const render = ui => {
34
+ setDom();
35
+ return originalRender(ui);
36
+ };
package/src/styles/dag.css CHANGED
@@ -46,7 +46,9 @@
46
46
  display: none;
47
47
  }
48
48
 
49
- .dj-node__header {
49
+ .dj-node__header,
50
+ .partition__header,
51
+ .table__header {
50
52
  font-weight: 400;
51
53
  text-transform: uppercase;
52
54
  font-family: 'jetbrains-mono', monospace;
@@ -61,28 +63,84 @@
61
63
  border-color: #c4cbd1;
62
64
  }
63
65
 
64
- .dj-node__body {
66
+ .dj-node__body,
67
+ .partition__body,
68
+ .table__body {
65
69
  background-color: rgb(254, 254, 254);
66
70
  padding: 0.5em 0.7em 0.9em 0.7em;
67
71
  font-family: 'nt-dapper', -apple-system, BlinkMacSystemFont, Segoe UI, Roboto,
68
72
  Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
69
73
  font-size: 1.7em;
74
+ border-radius: 0 0 8px 8px;
70
75
  }
71
76
 
72
- .dj-node__full {
77
+ .dj-node_highlight {
78
+ border: 10px solid #cccccc !important;
79
+ }
80
+
81
+ .react-flow__node {
82
+ z-index: -1 !important;
83
+ }
84
+
85
+ .react-flow__node-DJNode,
86
+ .dj-node__full,
87
+ .partition__full,
88
+ .table__full {
73
89
  display: flex;
74
90
  flex-direction: column;
75
- height: 100%;
76
91
  border-width: 1px;
77
92
  border-style: solid;
78
93
  border-image: initial;
79
94
  border-color: #b0b9c2;
80
95
  border-radius: 8px;
81
- overflow: hidden;
82
96
  box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 6px -1px,
83
97
  rgba(0, 0, 0, 0.06) 0px 2px 4px -1px;
84
98
  }
85
99
 
100
+ .partition__header,
101
+ .partition__body,
102
+ .partition__full,
103
+ .table__body,
104
+ .table__header {
105
+ font-size: 1em;
106
+ font-family: 'nt-dapper', -apple-system, BlinkMacSystemFont, Segoe UI, Roboto,
107
+ Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
108
+ }
109
+
110
+ .partition__full,
111
+ .table__full {
112
+ margin-bottom: 1rem;
113
+ border-color: #e0e0e0;
114
+ }
115
+
116
+ .partition__header,
117
+ .table__header {
118
+ background-color: #ccefff50;
119
+ color: #6daaa7;
120
+ text-transform: none;
121
+ border-bottom-style: none;
122
+ }
123
+
124
+ .partition_value {
125
+ background-color: #ccefff50;
126
+ color: #6daaa7;
127
+ border: 1px solid #6daaa750;
128
+ }
129
+
130
+ .table__header {
131
+ background-color: rgba(227, 255, 204, 0.31);
132
+ color: #0aa400;
133
+ }
134
+
135
+ .table__body {
136
+ padding: 16px;
137
+ }
138
+
139
+ .table__full {
140
+ /*border-radius: 0.2em;*/
141
+ /*border: none;*/
142
+ }
143
+
86
144
  .dj-node__metadata {
87
145
  padding: 1em;
88
146
  font-family: 'nt-dapper', -apple-system, BlinkMacSystemFont, Segoe UI, Roboto,
@@ -116,3 +174,51 @@
116
174
  font-family: 'jetbrains-mono', monospace;
117
175
  text-transform: lowercase;
118
176
  }
177
+
178
+ .react-flow__handle-left {
179
+ transform: translate(-180%, -50%);
180
+ }
181
+
182
+ .custom-node-subheader {
183
+ --bs-badge-padding-x: 0.4em;
184
+ --bs-badge-padding-y: 0.3em;
185
+ --bs-badge-font-size: 18px;
186
+ --bs-badge-font-weight: 400;
187
+ --bs-badge-color: #fff;
188
+ --bs-badge-border-radius: 0.375rem;
189
+ display: flex;
190
+ flex-direction: column;
191
+ flex-grow: 1;
192
+ padding: var(--bs-badge-padding-y) var(--bs-badge-padding-x);
193
+ margin: 0.55rem;
194
+ font-size: var(--bs-badge-font-size);
195
+ font-weight: var(--bs-badge-font-weight);
196
+ line-height: 1;
197
+ color: var(--bs-badge-color);
198
+ text-align: center;
199
+ white-space: nowrap;
200
+ vertical-align: baseline;
201
+ border-radius: var(--bs-badge-border-radius);
202
+ position: relative;
203
+ justify-content: flex-start;
204
+ }
205
+ .custom-node-port {
206
+ color: #636776;
207
+ font-size: 20px;
208
+ text-align: center;
209
+ }
210
+
211
+ .white_badge {
212
+ background-color: #ffffff !important;
213
+ display: inline-block;
214
+ margin: 0.3rem 0.3rem 0.3rem 0.3rem;
215
+ margin-top: 0.7rem;
216
+ color: #636776;
217
+ }
218
+
219
+ .dimension_attributes {
220
+ max-width: 500px;
221
+ display: inline-flex;
222
+ flex-wrap: wrap;
223
+ justify-content: center;
224
+ }