datajunction-ui 0.0.1-rc.1 → 0.0.1-rc.11

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 (58) hide show
  1. package/.github/workflows/ci.yml +3 -3
  2. package/.prettierignore +3 -1
  3. package/package.json +16 -8
  4. package/src/app/__tests__/__snapshots__/index.test.tsx.snap +67 -25
  5. package/src/app/components/NamespaceHeader.jsx +4 -13
  6. package/src/app/components/QueryInfo.jsx +109 -0
  7. package/src/app/components/Tab.jsx +1 -8
  8. package/src/app/components/ToggleSwitch.jsx +17 -0
  9. package/src/app/components/__tests__/__snapshots__/NamespaceHeader.test.jsx.snap +2 -18
  10. package/src/app/components/djgraph/Collapse.jsx +46 -0
  11. package/src/app/components/djgraph/DJNode.jsx +56 -80
  12. package/src/app/components/djgraph/DJNodeColumns.jsx +68 -0
  13. package/src/app/components/djgraph/DJNodeDimensions.jsx +69 -0
  14. package/src/app/components/djgraph/__tests__/__snapshots__/DJNode.test.tsx.snap +82 -43
  15. package/src/app/icons/CollapsedIcon.jsx +15 -0
  16. package/src/app/icons/ExpandedIcon.jsx +15 -0
  17. package/src/app/icons/HorizontalHierarchyIcon.jsx +15 -0
  18. package/src/app/icons/InvalidIcon.jsx +14 -0
  19. package/src/app/icons/PythonIcon.jsx +52 -0
  20. package/src/app/icons/TableIcon.jsx +14 -0
  21. package/src/app/icons/ValidIcon.jsx +14 -0
  22. package/src/app/index.tsx +28 -15
  23. package/src/app/pages/NamespacePage/Explorer.jsx +57 -0
  24. package/src/app/pages/NamespacePage/Loadable.jsx +9 -7
  25. package/src/app/pages/NamespacePage/__tests__/__snapshots__/index.test.tsx.snap +39 -17
  26. package/src/app/pages/NamespacePage/index.jsx +90 -28
  27. package/src/app/pages/NodePage/ClientCodePopover.jsx +30 -0
  28. package/src/app/pages/NodePage/Loadable.jsx +9 -7
  29. package/src/app/pages/NodePage/NodeColumnTab.jsx +36 -20
  30. package/src/app/pages/NodePage/NodeGraphTab.jsx +83 -54
  31. package/src/app/pages/NodePage/NodeHistory.jsx +71 -0
  32. package/src/app/pages/NodePage/NodeInfoTab.jsx +132 -49
  33. package/src/app/pages/NodePage/NodeMaterializationTab.jsx +151 -0
  34. package/src/app/pages/NodePage/NodeSQLTab.jsx +100 -0
  35. package/src/app/pages/NodePage/NodeStatus.jsx +14 -20
  36. package/src/app/pages/NodePage/index.jsx +49 -13
  37. package/src/app/pages/Root/index.tsx +5 -0
  38. package/src/app/pages/SQLBuilderPage/Loadable.jsx +16 -0
  39. package/src/app/pages/SQLBuilderPage/index.jsx +344 -0
  40. package/src/app/providers/djclient.jsx +5 -0
  41. package/src/app/services/DJService.js +125 -1
  42. package/src/styles/dag.css +111 -5
  43. package/src/styles/index.css +343 -25
  44. package/tsconfig.json +1 -1
  45. package/webpack.config.js +22 -6
  46. package/.babelrc +0 -4
  47. package/.env.local +0 -4
  48. package/.env.production +0 -1
  49. package/.vscode/extensions.json +0 -7
  50. package/.vscode/launch.json +0 -15
  51. package/.vscode/settings.json +0 -25
  52. package/Dockerfile +0 -7
  53. package/dist/5fa71a03d45dc2e3d61447f3013a303d.png +0 -0
  54. package/dist/index.html +0 -26
  55. package/dist/main.js +0 -23303
  56. package/dist/vendor.js +0 -281
  57. package/src/app/pages/ListNamespacesPage/Loadable.jsx +0 -14
  58. package/src/app/pages/ListNamespacesPage/index.jsx +0 -52
package/src/app/pages/ListNamespacesPage/Loadable.jsx DELETED
@@ -1,14 +0,0 @@
1
- /**
2
- * Asynchronously loads the component for namespaces node-viewing page
3
- */
4
-
5
- import * as React from 'react';
6
- import { lazyLoad } from '../../../utils/loadable';
7
-
8
- export const ListNamespacesPage = lazyLoad(
9
- () => import('./index'),
10
- module => module.ListNamespacesPage,
11
- {
12
- fallback: <div></div>,
13
- },
14
- );
package/src/app/pages/ListNamespacesPage/index.jsx DELETED
@@ -1,52 +0,0 @@
1
- import * as React from 'react';
2
- import { useEffect, useState } from 'react';
3
- import { DataJunctionAPI } from '../../services/DJService';
4
- import NamespaceHeader from '../../components/NamespaceHeader';
5
-
6
- export function ListNamespacesPage() {
7
- const [state, setState] = useState({
8
- namespaces: [],
9
- });
10
-
11
- useEffect(() => {
12
- const fetchData = async () => {
13
- const namespaces = await DataJunctionAPI.namespaces();
14
- setState({
15
- namespaces: namespaces,
16
- });
17
- };
18
- fetchData().catch(console.error);
19
- }, []);
20
-
21
- const namespacesList = state.namespaces.map(node => (
22
- <tr>
23
- <td>
24
- <a href={'/namespaces/' + node.namespace}>{node.namespace}</a>
25
- </td>
26
- <td>5</td>
27
- </tr>
28
- ));
29
-
30
- // @ts-ignore
31
- return (
32
- <>
33
- <div className="mid">
34
- <NamespaceHeader namespace="" />
35
- <div className="card">
36
- <div className="card-header">
37
- <h2>Namespaces</h2>
38
- <div className="table-responsive">
39
- <table className="card-table table">
40
- <thead>
41
- <th>Namespace</th>
42
- <th>Node Count</th>
43
- </thead>
44
- {namespacesList}
45
- </table>
46
- </div>
47
- </div>
48
- </div>
49
- </div>
50
- </>
51
- );
52
- }