@truedat/dd 8.11.6 → 8.11.9

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 (43) hide show
  1. package/package.json +4 -3
  2. package/src/components/Graphs.js +30 -4
  3. package/src/components/LineageContextMenu.js +185 -58
  4. package/src/components/LineageDownloadButton.js +16 -6
  5. package/src/components/LineageEventsPanel.js +80 -27
  6. package/src/components/LineageEventsTable.js +7 -3
  7. package/src/components/LineageGraph.js +5166 -306
  8. package/src/components/LineageGraphToolbar.js +896 -0
  9. package/src/components/LineageInspectorPanel.js +748 -0
  10. package/src/components/LineageResourceNode.js +501 -0
  11. package/src/components/LineageRoutes.js +1 -2
  12. package/src/components/LineageSelectionPanel.js +28 -12
  13. package/src/components/StructureGraph.js +8 -1
  14. package/src/components/StructureGraphView.js +14 -0
  15. package/src/components/StructureImpact.js +2 -22
  16. package/src/components/StructureLineage.js +2 -19
  17. package/src/components/StructuresUploadEventsTable.js +0 -3
  18. package/src/components/__tests__/LineageContextMenu.spec.js +42 -0
  19. package/src/components/__tests__/LineageGraph.spec.js +896 -0
  20. package/src/components/__tests__/LineageGraphLayout.spec.js +639 -0
  21. package/src/components/__tests__/LineageGraphToolbar.spec.js +366 -0
  22. package/src/components/__tests__/LineageHierarchy.spec.js +116 -0
  23. package/src/components/__tests__/LineageInspectorPanel.spec.js +364 -0
  24. package/src/components/__tests__/LineageResourceNode.spec.js +338 -0
  25. package/src/components/__tests__/LineageRoutes.spec.js +27 -9
  26. package/src/components/__tests__/__snapshots__/LineageDownloadButton.spec.js.snap +23 -3
  27. package/src/components/__tests__/__snapshots__/LineageForm.spec.js.snap +23 -3
  28. package/src/components/__tests__/lineageEventHelpers.spec.js +60 -0
  29. package/src/components/lineageEventHelpers.js +53 -17
  30. package/src/reducers/__tests__/lineageEvents.spec.js +164 -0
  31. package/src/reducers/__tests__/lineageQuery.spec.js +11 -0
  32. package/src/reducers/lineageEvents.js +68 -2
  33. package/src/reducers/lineageQuery.js +2 -6
  34. package/src/styles/LineageGraph.less +4094 -0
  35. package/src/styles/LineageGraphColors.less +105 -0
  36. package/src/styles/LineageGraphCore.less +20 -0
  37. package/src/styles/LineageResourceNode.less +711 -0
  38. package/src/utils/__tests__/lineageGraphIndex.spec.js +52 -0
  39. package/src/utils/__tests__/lineageLayout.spec.js +252 -0
  40. package/src/utils/__tests__/lineageTopology.spec.js +256 -0
  41. package/src/utils/lineageGraphIndex.js +296 -0
  42. package/src/utils/lineageLayout.js +1050 -0
  43. package/src/styles/lineageGraph.less +0 -1236
package/src/styles/LineageGraphColors.less ADDED
@@ -0,0 +1,105 @@
1
+ .lineage-system-color(@accent; @strong; @border; @bg; @shadow) {
2
+ --td-lineage-node-accent: @accent;
3
+ --td-lineage-node-border: @border;
4
+ --td-lineage-group-accent: @accent;
5
+ --td-lineage-group-accent-strong: @strong;
6
+ --td-lineage-group-bg: @bg;
7
+ --td-lineage-group-border: @border;
8
+ --td-lineage-group-shadow: @shadow;
9
+ }
10
+
11
+ .td-lineage-system-color--unknown {
12
+ .lineage-system-color(#334155; #1f2937; #64748b; rgba(241, 245, 249, 0.78); rgba(15, 23, 42, 0.18));
13
+ }
14
+
15
+ .td-lineage-system-color--0 {
16
+ .lineage-system-color(#1f6feb; #1d4ed8; #16263a; rgba(31, 111, 235, 0.7); rgba(31, 111, 235, 0.18));
17
+ }
18
+
19
+ .td-lineage-system-color--1 {
20
+ .lineage-system-color(#168657; #15803d; #bbf7d0; rgba(22, 134, 87, 0.7); rgba(22, 134, 87, 0.18));
21
+ }
22
+
23
+ .td-lineage-system-color--2 {
24
+ .lineage-system-color(#b45309; #9a3412; #fed7aa; rgba(180, 83, 9, 0.7); rgba(180, 83, 9, 0.18));
25
+ }
26
+
27
+ .td-lineage-system-color--3 {
28
+ .lineage-system-color(#6d5bd0; #5b46be; #ddd6fe; rgba(109, 91, 208, 0.7); rgba(109, 91, 208, 0.18));
29
+ }
30
+
31
+ .td-lineage-system-color--4 {
32
+ .lineage-system-color(#0f8f8c; #0f766e; #99f6e4; rgba(15, 143, 140, 0.7); rgba(15, 143, 140, 0.18));
33
+ }
34
+
35
+ .td-lineage-system-color--5 {
36
+ .lineage-system-color(#be123c; #9f1239; #fecdd3; rgba(190, 18, 60, 0.7); rgba(190, 18, 60, 0.18));
37
+ }
38
+
39
+ .td-lineage-system-color--6 {
40
+ .lineage-system-color(#7c3aed; #6d28d9; #ddd6fe; rgba(124, 58, 237, 0.7); rgba(124, 58, 237, 0.18));
41
+ }
42
+
43
+ .td-lineage-system-color--7 {
44
+ .lineage-system-color(#0369a1; #075985; #bae6fd; rgba(3, 105, 161, 0.7); rgba(3, 105, 161, 0.18));
45
+ }
46
+
47
+ .td-lineage-system-color--8 {
48
+ .lineage-system-color(#047857; #065f46; #a7f3d0; rgba(4, 120, 87, 0.7); rgba(4, 120, 87, 0.18));
49
+ }
50
+
51
+ .td-lineage-system-color--9 {
52
+ .lineage-system-color(#c2410c; #9a3412; #fed7aa; rgba(194, 65, 12, 0.7); rgba(194, 65, 12, 0.18));
53
+ }
54
+
55
+ .td-lineage-system-color--10 {
56
+ .lineage-system-color(#4f46e5; #4338ca; #c7d2fe; rgba(79, 70, 229, 0.7); rgba(79, 70, 229, 0.18));
57
+ }
58
+
59
+ .td-lineage-system-color--11 {
60
+ .lineage-system-color(#0e7490; #155e75; #a5f3fc; rgba(14, 116, 144, 0.7); rgba(14, 116, 144, 0.18));
61
+ }
62
+
63
+ .lineage-entity-color(@accent) {
64
+ --td-lineage-entity-accent: @accent;
65
+ --td-lineage-node-accent: @accent;
66
+ --td-lineage-node-border: @accent;
67
+ --td-lineage-group-accent: @accent;
68
+ --td-lineage-group-border: @accent;
69
+ }
70
+
71
+ .td-lineage-entity-color--column {
72
+ .lineage-entity-color(#7c3aed);
73
+ }
74
+
75
+ .td-lineage-entity-color--database {
76
+ .lineage-entity-color(#0369a1);
77
+ }
78
+
79
+ .td-lineage-entity-color--field {
80
+ .lineage-entity-color(#7c3aed);
81
+ }
82
+
83
+ .td-lineage-entity-color--process {
84
+ .lineage-entity-color(#b45309);
85
+ }
86
+
87
+ .td-lineage-entity-color--report {
88
+ .lineage-entity-color(#be123c);
89
+ }
90
+
91
+ .td-lineage-entity-color--schema {
92
+ .lineage-entity-color(#0f766e);
93
+ }
94
+
95
+ .td-lineage-entity-color--system {
96
+ .lineage-entity-color(#334155);
97
+ }
98
+
99
+ .td-lineage-entity-color--table {
100
+ .lineage-entity-color(#3a6d8a);
101
+ }
102
+
103
+ .td-lineage-entity-color--view {
104
+ .lineage-entity-color(#6d28d9);
105
+ }
package/src/styles/LineageGraphCore.less ADDED
@@ -0,0 +1,20 @@
1
+ .lineage-graph__basic-details {
2
+ position: absolute;
3
+ top: 12px;
4
+ right: 12px;
5
+ z-index: 450;
6
+ max-width: min(320px, calc(100% - 24px));
7
+ max-height: calc(100% - 24px);
8
+ overflow: auto;
9
+ padding: 12px;
10
+ border: 1px solid #d7dde6;
11
+ background: #fff;
12
+
13
+ pre {
14
+ white-space: pre-wrap;
15
+ overflow-wrap: anywhere;
16
+ }
17
+ button {
18
+ cursor: pointer;
19
+ }
20
+ }