feat: Table and Column Lineage Lists

[danwom]

Summary of Changes

Added support for configurable table and column level lineage. Table lineage appears as upstream and downstream tabs in the table details page. Column lineage appears as a small list when columns details are expanded.

Tests

Tests are WIP. Will be added to this PR soon.

Documentation

CheckList

Make sure you have checked all steps below to ensure a timely review.

• PR title addresses the issue accurately and concisely. Example: "Updates the version of Flask to v1.0.2"
  • In case you are adding a dependency, check if the license complies with the ASF 3rd Party License Policy.
• PR includes a summary of changes, including screenshots of any UI changes.
• PR adds unit tests, updates existing unit tests, OR documents why no test additions or modifications are needed.
• In case of new functionality, my PR adds documentation that describes how to use it.
  • All the public python functions and the classes in the PR contain docstrings that explain what it does
• PR passes all tests documented in the developer guide

[Golodhros]

You might combine these two in one?

Suggested change

	const columnLineage = (<GetColumnLineageResponse>action).payload.lineage;
	const { columnName } = (<GetColumnLineageResponse>action).payload;
	const { columnName, columnLineage: lineage } = (<GetColumnLineageResponse>action).payload;

[danwom]

Haven't used this before. Thanks

[Golodhros]

Nit: I would order it differntly:

Suggested change

	import { connect } from 'react-redux';
	import { GlobalState } from 'ducks/rootReducer';
	import * as React from 'react';
	import { emptyLineage } from 'ducks/tableMetadata/reducer';
	import { getColumnLineageLink } from 'config/config-utils';
	import './styles.scss';
	import { Lineage, TableMetadata } from 'interfaces/TableMetadata';
	import * as React from 'react';
	import { connect } from 'react-redux';
	import { GlobalState } from 'ducks/rootReducer';
	import { emptyLineage } from 'ducks/tableMetadata/reducer';
	import { getColumnLineageLink } from 'config/config-utils';
	import { Lineage, TableMetadata } from 'interfaces/TableMetadata';
	import './styles.scss';

[danwom]

One of the artifacts of using "alt+enter" to import a dep is that it seems to place it somewhat randomly. Will clean up.

[Golodhros]

Why 5? Could we make this number a constant with a name that explains itself?

[danwom]

You're right, I forgot to put this into a constant.

[Golodhros]

Same comments as above.
This might signal a common component? Something like

[Golodhros]

We would use @extend %text-title-w2; in the styles file instead

[Golodhros]

Maybe @extend %text-body-w3;

[Golodhros]

We are moving out of these icons too, I guess RightIcon is the way to go now

[danwom]

Didn't notice those before. Btw how do we style a ? Here we only want to show this arrow when hovered, but the component doesn't have a className on the root element like className="right-icon"

[Golodhros]

Looking good overall!

I usually prefer to see the tests at the same time, but this will do!

[danwom]

@Golodhros @verdan Feel free to take another look when you have time.

[Golodhros]

Let's use $font-size-large instead

[Golodhros]

LGTM

Thanks!!

Requested changes have been addressed

[allisonsuarez]

👍

[feng-tao]

@danwom cool cool cool!

[danwom]

cool cool cool

🤣

[dorianj]

Nice!