onRunsListCardClick(id, e)}
- onMouseOver={() => setHoveredElementId(id)}
- onMouseLeave={() => setHoveredElementId(null)}
- >
- {enableComparisonView && (
-
- )}
-
-
-
-
-
{humanReadableTime}
- {isSearchValueInNotes && (
-
${displayValue(notes)}`,
- }}
- />
- )}
-
- {bookmark ? (
-
- ) : (
-
- )}
-
- );
-};
-
-export const mapStateToProps = (state) => ({
- runsMetadata: state.runsMetadata,
-});
-
-export const mapDispatchToProps = (dispatch) => ({
- onToggleBookmark: (bookmark, runId) => {
- dispatch(toggleBookmark(bookmark, runId));
- },
-});
-
-export default connect(mapStateToProps, mapDispatchToProps)(RunsListCard);
diff --git a/src/components/experiment-tracking/runs-list-card/runs-list-card.scss b/src/components/experiment-tracking/runs-list-card/runs-list-card.scss
deleted file mode 100644
index 7c3d67cb61..0000000000
--- a/src/components/experiment-tracking/runs-list-card/runs-list-card.scss
+++ /dev/null
@@ -1,116 +0,0 @@
-@use '../../../styles/extends';
-@use '../../../styles/variables' as colors;
-
-.kui-theme--light {
- --color-run-list-highlight: #{colors.$blue-300};
- --color-run-list-bookmark: #{colors.$black-800};
-}
-
-.kui-theme--dark {
- --color-run-list-highlight: #{colors.$blue-300};
- --color-run-list-bookmark: #{colors.$white-600};
-}
-
-.runs-list-card {
- align-items: flex-start;
- background: var(--color-bg-3);
- border-bottom: 1px solid var(--color-run-list-divider);
- display: flex;
- padding: 1.6em 2.8em 2em 3em;
-
- &--active {
- background: var(--color-run-list-hover);
- box-shadow: -1px 0 0 inset colors.$blue-300;
- }
-
- &--disabled {
- opacity: 0.5;
- pointer-events: none;
- }
-}
-
-.runs-list-card--hovered {
- background: var(--color-run-list-hover);
- cursor: pointer;
-
- .runs-list-card__bookmark--stroke {
- opacity: 1;
- }
-}
-
-.runs-list-card__title {
- font-size: 1.6em;
- line-height: 1.5;
-
- b {
- color: var(--color-run-list-highlight);
- font-weight: normal;
- }
-}
-
-.runs-list-card__gitsha {
- color: var(--color-text-faded);
- font-size: 1.3em;
- margin: 4px 0 12px;
-
- b {
- color: var(--color-run-list-highlight);
- font-weight: normal;
- }
-}
-
-.runs-list-card__timestamp {
- font-size: 1.3em;
-}
-
-.runs-list-card__notes {
- font-size: 1.3em;
- padding-top: 24px;
-
- b {
- color: var(--color-run-list-highlight);
- font-weight: normal;
- }
-}
-
-.runs-list-card__checked {
- @extend %runs-list-card--default;
-
- &--comparing {
- fill: var(--color-base-20);
- }
-
- &--active {
- fill: colors.$blue-300;
- }
-
- &--selected-first {
- @extend %runs-list-card--selected-first;
- }
-
- &--selected-second {
- @extend %runs-list-card--selected-second;
- }
-
- &--selected-third {
- @extend %runs-list-card--selected-third;
- }
-}
-
-.runs-list-card__bookmark {
- fill: var(--color-run-list-bookmark);
- height: 24px;
- margin-left: auto;
- opacity: 1;
- transition: fill 300ms ease;
- width: 24px;
-
- &:hover {
- fill: var(--color-default-alt);
- }
-
- &--stroke {
- opacity: 0;
- transition: fill 300ms ease;
- }
-}
diff --git a/src/components/experiment-tracking/runs-list-card/runs-list-card.test.js b/src/components/experiment-tracking/runs-list-card/runs-list-card.test.js
deleted file mode 100644
index 7df68abf21..0000000000
--- a/src/components/experiment-tracking/runs-list-card/runs-list-card.test.js
+++ /dev/null
@@ -1,164 +0,0 @@
-import React from 'react';
-import configureMockStore from 'redux-mock-store';
-import RunsListCard from '.';
-import Adapter from '@cfaester/enzyme-adapter-react-18';
-import { configure, mount } from 'enzyme';
-import { HoverStateContext } from '../utils/hover-state-context';
-import { setup } from '../../../utils/state.mock';
-import { runs } from '../../experiment-wrapper/mock-data';
-
-configure({ adapter: new Adapter() });
-const mockStore = configureMockStore();
-
-const setHoveredElementId = jest.fn();
-
-// Setup
-
-const randomRunId = '2021-10-15T02:24:00.000Z';
-const randomRun = {
- id: randomRunId,
-};
-
-const selectedRunIds = [randomRunId];
-
-const savedRun = {
- id: '2021-09-08T10:55:36.810Z',
-};
-
-const nonActiveRun = {
- id: '2021-10-15T02:28:00.000Z',
-};
-
-const mockContextValue = {
- setHoveredElementId,
- hoveredElementId: ['2021-10-25T02:30:00.000Z'],
-};
-
-// Tests
-
-describe('RunsListCard', () => {
- it('renders without crashing', () => {
- const wrapper = setup.mount(
-
-
- );
-
- expect(wrapper.find('.runs-list-card').length).toBe(1);
- expect(wrapper.find('.runs-list-card__title').length).toBe(1);
- });
-
- it('renders with a bookmark icon', () => {
- const wrapper = setup.mount(
-
-
- );
-
- expect(wrapper.find('.runs-list-card__bookmark').length).toBe(2);
- });
-
- it('does not render with check icon for single view', () => {
- const wrapper = setup.mount(
-
-
- );
-
- expect(wrapper.find('.runs-list-card__checked').length).toBe(0);
- });
-
- it('renders with an unchecked check icon for comparison view', () => {
- const wrapper = setup.mount(
-
-
- );
-
- expect(wrapper.find('.runs-list-card__checked--comparing').length).toBe(1);
- });
-
- it('renders with an inactive bookmark icon', () => {
- const wrapper = setup.mount(
-
-
- );
-
- expect(wrapper.find('.runs-list-card__bookmark--stroke').length).toBe(2);
- });
-
- let store;
- beforeEach(() => {
- const initialState = {
- runsMetadata: { [runs[0].id]: runs[0], [runs[1].id]: runs[1] },
- };
-
- store = mockStore(initialState);
- });
-
- it('renders with an active bookmark icon', () => {
- const wrapper = mount(
-
-
- );
-
- expect(wrapper.find('.runs-list-card__bookmark--solid').length).toBe(2);
- });
-
- it('calls a function on click and adds an active class', () => {
- const setActive = jest.fn();
-
- const wrapper = setup.mount(
-
- setActive(randomRunId)}
- selectedRunIds={selectedRunIds}
- store={store}
- />
-
- );
- const onClick = jest.spyOn(React, 'useState');
-
- onClick.mockImplementation((active) => [active, setActive]);
- const div = wrapper.find('div').first();
- div.simulate('click');
-
- expect(setActive).toBeTruthy();
- expect(wrapper.find('.runs-list-card--active').length).toBe(1);
- });
-
- it('displays the notes in the runs card when notes matches search value', () => {
- const wrapper = setup.mount(
-
-
- );
-
- expect(wrapper.find('.runs-list-card__notes').length).toBe(1);
- });
-});
diff --git a/src/components/experiment-tracking/runs-list/index.js b/src/components/experiment-tracking/runs-list/index.js
deleted file mode 100644
index ce125c2aa0..0000000000
--- a/src/components/experiment-tracking/runs-list/index.js
+++ /dev/null
@@ -1,3 +0,0 @@
-import RunsList from './runs-list';
-
-export default RunsList;
diff --git a/src/components/experiment-tracking/runs-list/runs-list.js b/src/components/experiment-tracking/runs-list/runs-list.js
deleted file mode 100644
index 812582f8bb..0000000000
--- a/src/components/experiment-tracking/runs-list/runs-list.js
+++ /dev/null
@@ -1,130 +0,0 @@
-import React, { useState } from 'react';
-import { connect } from 'react-redux';
-import debounce from 'lodash/debounce';
-import { textMatchesSearch } from '../../../utils/search-utils';
-import SearchList from '../../search-list';
-import Switch from '../../ui/switch';
-import Accordion from '../accordion';
-import RunsListCard from '../runs-list-card';
-import { metricLimit } from '../../../config';
-
-import './runs-list.scss';
-
-/**
- * Return only the runs that match the search text
- * @param {Object} runData original set of runs
- * @param {String} searchValue Search term
- * @return {Object} Grouped nodes
- */
-const getFilteredRunList = (runData, searchValue, runsMetadata) => {
- // filter the runs that matches the runId
- const filteredRuns = runData?.filter(
- (run) =>
- textMatchesSearch(runsMetadata[run.id]?.title || run.id, searchValue) ||
- textMatchesSearch(runsMetadata[run.id]?.notes || '', searchValue) ||
- textMatchesSearch(run.gitSha, searchValue)
- );
-
- return filteredRuns;
-};
-
-const RunsList = ({
- disableRunSelection,
- enableComparisonView,
- isDisplayingMetrics,
- onRunSelection,
- onToggleComparisonView,
- runData,
- selectedRunIds,
- runsMetadata,
-}) => {
- const [searchValue, updateSearchValue] = useState('');
-
- const condensedRunsList = isDisplayingMetrics
- ? runData.slice(0, metricLimit)
- : runData;
- const filteredRunList = getFilteredRunList(
- condensedRunsList,
- searchValue,
- runsMetadata
- );
-
- const bookmarkedRuns = filteredRunList.filter(
- (run) => runsMetadata[run.id] && runsMetadata[run.id].bookmark === true
- );
- const unbookmarkedRuns = filteredRunList.filter(
- (run) => !runsMetadata[run.id] || !runsMetadata[run.id].bookmark
- );
-
- return (
- <>
-
-
-
-
-
- Compare runs (max. 3)
-
-
-
- {bookmarkedRuns.length > 0 ? (
-
-
- {bookmarkedRuns.map((data) => (
-
-
- ) : null}
- {unbookmarkedRuns.length > 0 ? (
-
-
- {unbookmarkedRuns.map((data) => (
-
-
- ) : null}
-
- );
-};
-
-export const mapStateToProps = (state) => ({
- runsMetadata: state.runsMetadata,
-});
-
-export default connect(mapStateToProps)(RunsList);
diff --git a/src/components/experiment-tracking/runs-list/runs-list.scss b/src/components/experiment-tracking/runs-list/runs-list.scss
deleted file mode 100644
index 9b0327e908..0000000000
--- a/src/components/experiment-tracking/runs-list/runs-list.scss
+++ /dev/null
@@ -1,48 +0,0 @@
-@use '../../../styles/variables' as variables;
-
-.kui-theme--light {
- --header-border-bottom: #{variables.$white-300};
-}
-
-.kui-theme--dark {
- --header-border-bottom: none;
-}
-
-.runs-list-top-wrapper {
- position: sticky;
- top: 0;
- z-index: variables.$zindex-sticky-elements;
-}
-
-.search-bar-wrapper {
- background: var(--color-bg-2);
- padding-top: 24px;
- position: sticky;
- top: 0;
- z-index: variables.$zindex-sticky-elements;
-}
-
-.runs-list__wrapper {
- width: 100%;
-}
-
-.runs-list__accordion-header {
- background-color: var(--color-bg-2);
- border-bottom: 1px solid var(--header-border-bottom);
- padding: 0.8em 3.5em 0.8em 3em;
-}
-
-.compare-switch-wrapper {
- align-items: baseline;
- background: var(--color-bg-2);
- display: flex;
- justify-content: space-between;
- padding: 3.5em 3.5em 1.2em 3em;
- position: sticky;
- top: 64px;
- z-index: variables.$zindex-sticky-elements;
-}
-
-.compare-switch-wrapper__text {
- font-size: 14px;
-}
diff --git a/src/components/experiment-tracking/runs-list/runs-list.test.js b/src/components/experiment-tracking/runs-list/runs-list.test.js
deleted file mode 100644
index e2ec977375..0000000000
--- a/src/components/experiment-tracking/runs-list/runs-list.test.js
+++ /dev/null
@@ -1,94 +0,0 @@
-import React from 'react';
-import configureMockStore from 'redux-mock-store';
-import RunsList from '.';
-import { ApolloProvider } from '@apollo/client';
-import { client } from '../../../apollo/config';
-import { setup } from '../../../utils/state.mock';
-import { HoverStateContext } from '../utils/hover-state-context';
-import { runs } from '../../experiment-wrapper/mock-data';
-
-const runDataList = [
- {
- id: new Date('October 15, 2021 03:24:00').toISOString(),
- },
- {
- id: new Date('October 15, 2021 03:26:00').toISOString(),
- },
- {
- id: new Date('October 15, 2021 03:29:00').toISOString(),
- },
- {
- id: new Date('October 15, 2021 03:32:00').toISOString(),
- },
-];
-
-const mockStore = configureMockStore();
-const setHoveredElementId = jest.fn();
-const mockContextValue = {
- setHoveredElementId,
- hoveredElementId: [new Date('October 15, 2021 03:35:00').toISOString()],
-};
-
-jest.mock('react-router-dom', () => ({
- ...jest.requireActual('react-router-dom'),
- useLocation: () => ({
- pathname: 'localhost:3000/',
- }),
-}));
-
-describe('RunsListCard', () => {
- let store;
- beforeEach(() => {
- const initialState = {
- runsMetadata: { [runs[0].id]: runs[0], [runs[1].id]: runs[1] },
- };
-
- store = mockStore(initialState);
- });
-
- it('renders without crashing', () => {
- const wrapper = setup.mount(
-
-
- );
-
- expect(wrapper.find('.runs-list__wrapper').length).toBe(1);
- });
-
- it('renders the search bar', () => {
- const wrapper = setup.mount(
-
-
- );
-
- expect(wrapper.find('.search-bar-wrapper').length).toBe(1);
- });
-
- it('displays the right search amount of cards for the search', () => {
- const stateSetter = jest.fn();
- jest
- .spyOn(React, 'useState')
- //Simulate that searchValue state value
- .mockImplementation((stateValue) => [(stateValue = 'run'), stateSetter]);
-
- const wrapper = setup.mount(
-
-
-
-
- );
-
- expect(wrapper.find('.runs-list-card').length).toBe(4);
- });
-});
diff --git a/src/components/experiment-tracking/select-dropdown/index.js b/src/components/experiment-tracking/select-dropdown/index.js
deleted file mode 100644
index 2671a69e50..0000000000
--- a/src/components/experiment-tracking/select-dropdown/index.js
+++ /dev/null
@@ -1,3 +0,0 @@
-import SelectDropdown from './select-dropdown';
-
-export default SelectDropdown;
diff --git a/src/components/experiment-tracking/select-dropdown/select-dropdown.js b/src/components/experiment-tracking/select-dropdown/select-dropdown.js
deleted file mode 100644
index d56822be57..0000000000
--- a/src/components/experiment-tracking/select-dropdown/select-dropdown.js
+++ /dev/null
@@ -1,87 +0,0 @@
-import React, { useState, useEffect, useCallback } from 'react';
-
-import Dropdown from '../../ui/dropdown';
-
-import './select-dropdown.scss';
-
-const CheckboxOption = ({ text, selectedValues, onChange }) => {
- return (
-
-
- {text}
-
-
- );
-};
-
-const SelectDropdown = ({
- dropdownValues,
- onChange,
- selectedDropdownValues,
-}) => {
- const [selected, setSelected] = useState(selectedDropdownValues);
- const [haveSelectedValues, setHaveSelectedValues] = useState(false);
-
- useEffect(() => {
- if (selectedDropdownValues) {
- setSelected(selectedDropdownValues);
- }
- }, [selectedDropdownValues]);
-
- const onSelectedHandler = useCallback(
- (value) => {
- setHaveSelectedValues(true);
-
- if (selected.includes(value)) {
- setSelected(selected.filter((each) => each !== value));
- } else {
- setSelected([...selected, value]);
- }
- },
- [selected]
- );
-
- return (
-
-
{
- setSelected(selectedDropdownValues);
- setHaveSelectedValues(false);
- }}
- showCancelApplyBtns
- onApplyAndClose={() => {
- onChange(selected);
- setHaveSelectedValues(false);
- }}
- onCancel={() => {
- setSelected(selectedDropdownValues);
- setHaveSelectedValues(false);
- }}
- haveSelectedValues={haveSelectedValues}
- defaultText={`Metrics ${selected ? selected.length : 0}/${
- dropdownValues ? dropdownValues.length : 0
- }`}
- dataTest={'experiments-metrics-select-dropdown'}
- >
- Metrics
- {dropdownValues &&
- dropdownValues.map((text, i) => (
-
-
- );
-};
-
-export default SelectDropdown;
diff --git a/src/components/experiment-tracking/select-dropdown/select-dropdown.scss b/src/components/experiment-tracking/select-dropdown/select-dropdown.scss
deleted file mode 100644
index 949ae8d4a2..0000000000
--- a/src/components/experiment-tracking/select-dropdown/select-dropdown.scss
+++ /dev/null
@@ -1,74 +0,0 @@
-@use '../../../styles/variables' as variables;
-
-.kui-theme--light {
- --select-dropdown-bg-hover: #{variables.$white-600};
- --select-dropdown-bg: #{variables.$grey-100};
-}
-
-.kui-theme--dark {
- --select-dropdown-bg-hover: #{variables.$slate-500};
- --select-dropdown-bg: #{variables.$slate-700};
-}
-
-.select-dropdown {
- // apply scroll
- section {
- height: 479px;
- overflow: hidden;
- }
-
- .dropdown__label {
- background: var(--select-dropdown-bg);
- }
-
- // overide the fix height and width option from the Dropdown component
- .dropdown__options {
- box-shadow: none;
- max-height: 479px;
- right: 0;
- width: 284px;
- }
-}
-
-.select-dropdown__title {
- font-size: 16px;
- font-weight: 600;
- margin: 28px 28px 32px 24px;
- opacity: 0.55;
-}
-
-.select-dropdown__checkbox {
- align-items: center;
- cursor: pointer;
- display: flex;
- height: 32px;
- justify-content: space-between;
- padding: 0 24px;
- position: relative;
-
- .select-dropdown__checkbox-text {
- font-size: 14px;
- line-height: 20px;
- max-width: 80%;
- overflow: hidden;
- text-overflow: ellipsis;
- white-space: nowrap;
- }
-}
-
-.select-dropdown__checkbox:hover {
- background: var(--select-dropdown-bg-hover);
-}
-
-input[type='checkbox'] {
- appearance: none;
- border: 2px solid #737373;
- cursor: pointer;
- height: 8px;
- width: 8px;
-}
-
-input[type='checkbox']:checked {
- background: variables.$blue-300;
- border-color: variables.$blue-300;
-}
diff --git a/src/components/experiment-tracking/select-dropdown/select-dropdown.test.js b/src/components/experiment-tracking/select-dropdown/select-dropdown.test.js
deleted file mode 100644
index 95033c9a51..0000000000
--- a/src/components/experiment-tracking/select-dropdown/select-dropdown.test.js
+++ /dev/null
@@ -1,52 +0,0 @@
-import React from 'react';
-import sinon from 'sinon';
-import { shallow, mount } from 'enzyme';
-import SelectDropdown from '.';
-
-const mockData = {
- dropdownValues: [1, 2, 3, 4, 5],
- onChange: sinon.spy(() => {}),
- selectedDropdownValues: [1, 2, 3],
-};
-
-describe('SelectDropdown', () => {
- it('renders without crashing', () => {
- const wrapper = shallow(
-
- );
-
- expect(wrapper.find('.select-dropdown').length).toBe(1);
- });
-
- it('renders the correct amount of checkbox', () => {
- const wrapper = mount(
-
- );
-
- expect(wrapper.find('.select-dropdown__checkbox').length).toBe(
- mockData.dropdownValues.length
- );
- });
-
- it('renders the correct text', () => {
- const wrapper = mount(
-
- );
-
- expect(wrapper.find('.dropdown__label').text()).toEqual(
- `Metrics ${mockData.selectedDropdownValues.length}/${mockData.dropdownValues.length}`
- );
- });
-});
diff --git a/src/components/experiment-tracking/time-series/index.js b/src/components/experiment-tracking/time-series/index.js
deleted file mode 100644
index 1e813850e0..0000000000
--- a/src/components/experiment-tracking/time-series/index.js
+++ /dev/null
@@ -1,3 +0,0 @@
-import TimeSeries from './time-series';
-
-export default TimeSeries;
diff --git a/src/components/experiment-tracking/time-series/time-series.js b/src/components/experiment-tracking/time-series/time-series.js
deleted file mode 100644
index cb0d044b13..0000000000
--- a/src/components/experiment-tracking/time-series/time-series.js
+++ /dev/null
@@ -1,391 +0,0 @@
-import React, { useContext, useEffect, useState } from 'react';
-import classnames from 'classnames';
-import { formatTimestamp } from '../../../utils/date-utils';
-import { usePrevious } from '../../../utils/hooks';
-import { HoverStateContext } from '../utils/hover-state-context';
-import {
- ExperimentTrackingTooltip,
- tooltipDefaultProps,
-} from '../tooltip/tooltip';
-import { getTooltipPosition } from '../tooltip/get-tooltip-position';
-import * as d3 from 'd3';
-
-import './time-series.scss';
-
-export const getSelectedOrderedData = (runData, selectedRuns) => {
- return runData
- .filter(([key, _]) => selectedRuns.includes(key))
- .sort((a, b) => {
- // We need to sort the selected data to match the order of selectedRuns.
- // If we didn't, the highlighted runs would switch colors unnecessarily.
- return selectedRuns.indexOf(a[0]) - selectedRuns.indexOf(b[0]);
- })
- .map(([key, value], i) => [new Date(formatTimestamp(key)), value]);
-};
-
-const chartBuffer = 0.02;
-const height = 150;
-const margin = { top: 20, right: 10, bottom: 80, left: 35 };
-const yScales = {};
-
-export const TimeSeries = ({
- chartWidth,
- metricsData,
- selectedRuns,
- sidebarVisible,
-}) => {
- const previouslySelectedRuns = usePrevious(selectedRuns);
- const [showTooltip, setShowTooltip] = useState(tooltipDefaultProps);
- const [rangeSelection, setRangeSelection] = useState(undefined);
-
- const { hoveredElementId, setHoveredElementId } =
- useContext(HoverStateContext);
-
- const defaultChartWidth = isNaN(chartWidth) ? 100 : chartWidth;
-
- const selectedMarkerRotate = [45, 0, 0];
- const selectedMarkerShape = [
- d3.symbolSquare,
- d3.symbolCircle,
- d3.symbolTriangle,
- ];
-
- const hoveredElementDate =
- hoveredElementId && new Date(formatTimestamp(hoveredElementId));
-
- const hoveredValues = hoveredElementId && metricsData.runs[hoveredElementId];
-
- const metricKeys = Object.keys(metricsData.metrics);
- const metricData = Object.entries(metricsData.metrics);
- const runKeys = Object.keys(metricsData.runs);
- const runData = Object.entries(metricsData.runs);
-
- const parsedData = runData.map(([key, value]) => [
- new Date(formatTimestamp(key)),
- value,
- ]);
- const parsedDates = parsedData.map(([key, _]) => key);
-
- const diffDays = parseInt(
- (d3.max(parsedDates) - d3.min(parsedDates)) / (1000 * 60 * 60 * 24),
- 10
- );
- const minDate = new Date(d3.min(parsedDates));
- minDate.setDate(minDate.getDate() - diffDays * chartBuffer);
- const maxDate = new Date(d3.max(parsedDates));
- maxDate.setDate(maxDate.getDate() + diffDays * chartBuffer);
-
- const selectedData = runData
- .filter(([key, _]) => selectedRuns.includes(key))
- .map(([key, value], i) => [new Date(formatTimestamp(key)), value]);
-
- metricData.map(
- ([_, value], i) =>
- (yScales[i] = d3
- .scaleLinear()
- .domain([
- Math.min(...value) - Math.min(...value) * chartBuffer,
- Math.max(...value) + Math.max(...value) * chartBuffer,
- ])
- .range([height, 0]))
- );
-
- const xScale = d3
- .scaleTime()
- .domain([minDate, maxDate])
- .range([0, defaultChartWidth]);
-
- if (rangeSelection) {
- xScale.domain(rangeSelection);
- }
-
- const handleMouseOverLine = (e, key) => {
- setHoveredElementId(key);
-
- if (e) {
- const parsedDate = new Date(formatTimestamp(key));
- const { x, y, direction } = getTooltipPosition(e, sidebarVisible);
-
- setShowTooltip({
- content: {
- label1: 'Run name',
- value1: key,
- label2: 'Date',
- value2: parsedDate.toLocaleDateString('default', {
- day: 'numeric',
- month: 'long',
- year: 'numeric',
- }),
- },
- direction,
- position: { x, y },
- visible: true,
- });
- }
- };
-
- const handleMouseOutLine = () => {
- setHoveredElementId(null);
- setShowTooltip(tooltipDefaultProps);
- };
-
- useEffect(() => {
- d3.selectAll(`line[id="${hoveredElementId}"]`).raise();
- }, [hoveredElementId]);
-
- if (previouslySelectedRuns !== selectedRuns) {
- if (rangeSelection) {
- setRangeSelection(undefined);
- }
- }
-
- return (
-
-
- {metricKeys.map((metricName, metricIndex) => {
- const metricValues = Object.values(metricsData.metrics)[metricIndex];
-
- const getXAxis = (ref) => {
- if (rangeSelection) {
- d3.select(ref)
- .transition()
- .duration(1000)
- .call(d3.axisBottom(xScale).tickSizeOuter(0));
- } else {
- d3.select(ref).call(d3.axisBottom(xScale).tickSizeOuter(0));
- }
- };
-
- const getYAxis = (ref) => {
- d3.select(ref).call(
- d3
- .axisLeft(yScales[metricIndex])
- .tickSizeOuter(0)
- .tickFormat((x) => `${x.toFixed(2)}`)
- );
- };
-
- const lineGenerator = d3.line().defined(function (d) {
- return d !== null;
- });
-
- const linePath = (data) => {
- let points = data.map((x, i) => {
- if (x !== null) {
- return [xScale(parsedDates[i]), yScales[metricIndex](x)];
- } else {
- return null;
- }
- });
-
- return lineGenerator(points);
- };
-
- const trendLinePath = (data) => {
- let points = data.map(([key, value]) => {
- if (value !== null) {
- return [xScale(key), yScales[metricIndex](value[metricIndex])];
- } else {
- return null;
- }
- });
- return d3.line()(points);
- };
-
- const brush = d3
- .brushX()
- .extent([
- [0, 0],
- [defaultChartWidth, height],
- ])
- .on('end', (e) => {
- if (e.selection) {
- const indexSelection = e.selection.map(xScale.invert);
- setRangeSelection(indexSelection);
- d3.selectAll('.time-series__brush').call(brush.move, null);
- }
- });
-
- d3.selectAll('.time-series__brush').call(brush);
-
- const resetXScale = () => setRangeSelection(undefined);
-
- return (
-
- {metricName}
-
-
-
-
-
-
-
-
-
-
-
-
-
- value
-
-
-
- {parsedData.map(([key, _], index) => (
- 1,
- })}
- id={runKeys[index]}
- key={key + index}
- x1={xScale(key)}
- y1={0}
- x2={xScale(key)}
- y2={height}
- onMouseOver={(e) =>
- handleMouseOverLine(e, runKeys[index])
- }
- onMouseLeave={handleMouseOutLine}
- />
- ))}
-
-
- {hoveredValues && (
-
- {hoveredValues.map((value, index) => {
- if (metricIndex === index) {
- return (
-
-
-
- {value?.toFixed(3)}
-
-
-
- );
- } else {
- return null;
- }
- })}
- ;
-
- )}
-
- 1,
- })}
- clipPath="url(#clip)"
- >
-
-
-
- {getSelectedOrderedData(runData, selectedRuns).map(
- ([key, value], index) => (
-
-
- {value[metricIndex]?.toFixed(3)}
-
-
- )
- )}
-
-
-
-
-
-
-
- );
- })}
-
- );
-};
diff --git a/src/components/experiment-tracking/time-series/time-series.scss b/src/components/experiment-tracking/time-series/time-series.scss
deleted file mode 100644
index cf8b0d8600..0000000000
--- a/src/components/experiment-tracking/time-series/time-series.scss
+++ /dev/null
@@ -1,131 +0,0 @@
-@use '../../../styles/variables' as colors;
-
-.time-series {
- flex: 1 1 auto;
- font-family: Inter, sans-serif;
- margin: 0 4em 0 0;
-
- > svg:last-of-type {
- margin-bottom: 5em;
- }
-}
-
-.time-series .text {
- font-size: 12px;
-}
-
-.time-series__metric-name {
- font-size: 1.4em;
- color: var(--color-metrics-plot-text-bold);
- line-height: 20px;
-}
-
-.time-series__axis-label {
- fill: var(--color-metrics-plot-axis-ends);
- font-size: 12px;
- transform: rotate(-90deg);
-}
-
-.time-series__metric-line {
- fill: none;
- stroke: var(--color-metrics-plot-time-series-metric-line);
-
- &--blend {
- stroke-opacity: 0.4;
- }
-}
-
-.time-series__run-line {
- cursor: pointer;
- stroke: var(--color-metrics-plot-time-series-run-line);
-
- &--hovered {
- stroke: var(--color-metrics-plot-time-series-run-line-hovered);
- }
-
- &--blend {
- stroke-opacity: 0.55;
- }
-
- &--selected-0 {
- stroke: colors.$purple-300;
- }
-
- &--selected-1 {
- stroke: colors.$yellow-300;
- }
-
- &--selected-2 {
- stroke: colors.$green-300;
- }
-}
-
-.time-series__marker {
- &--selected-0 {
- fill: transparent;
- stroke: colors.$purple-300;
- }
-
- &--selected-1 {
- fill: transparent;
- stroke: colors.$yellow-0;
- }
-
- &--selected-2 {
- fill: transparent;
- stroke: colors.$green-0;
- }
-}
-
-.time-series {
- .tick text {
- fill: var(--color-metrics-plot-axis-ends);
- font-size: 12px;
- }
-
- .tick line {
- stroke: var(--color-metrics-plot-time-series-axis);
- }
-}
-
-.time-series__metric-axis .tick,
-.time-series__metric-axis-dual .tick {
- opacity: 0;
-}
-
-.time-series__metric-axis {
- .tick:nth-last-child(2) {
- opacity: 1;
- }
-
- .tick:nth-child(3) {
- opacity: 1;
- }
-}
-
-.time-series__trend-line {
- stroke: var(--color-metrics-plot-time-series-dotted-line);
- stroke-dasharray: 4;
- fill: none;
-}
-
-.time-series__hovered-line {
- stroke: var(--color-metrics-plot-time-series-dotted-line);
- stroke-dasharray: 4;
-}
-
-.time-series__tick-line {
- stroke: var(--color-metrics-plot-time-series-run-line-hovered);
-}
-
-.time-series__tick-text {
- fill: var(--color-metrics-plot-axis-ends);
- font-size: 12px;
- text-anchor: end;
- transform: translate(-10px, -4px);
-}
-
-.time-series__brush .selection {
- fill: colors.$ocean-600;
- fill-opacity: 0.4;
-}
diff --git a/src/components/experiment-tracking/time-series/time-series.test.js b/src/components/experiment-tracking/time-series/time-series.test.js
deleted file mode 100644
index ad352e8190..0000000000
--- a/src/components/experiment-tracking/time-series/time-series.test.js
+++ /dev/null
@@ -1,210 +0,0 @@
-import React from 'react';
-import { mount } from 'enzyme';
-
-import { getSelectedOrderedData, TimeSeries } from './time-series';
-import { HoverStateContext } from '../utils/hover-state-context';
-import { formatTimestamp } from '../../../utils/date-utils';
-import { data, selectedRuns, oneSelectedRun } from '../mock-data';
-
-const metricsKeys = Object.keys(data.metrics);
-
-const runKeys = Object.keys(data.runs);
-const runData = Object.entries(data.runs);
-
-const hoveredElement = 0;
-
-describe('TimeSeries', () => {
- const mockContextValue = {
- hoveredElementId: runKeys[hoveredElement],
- setHoveredElementId: jest.fn(),
- };
-
- const wrapper = mount(
-
-
- );
-
- it('renders without crashing', () => {
- expect(wrapper.find('.time-series').length).toBe(1);
- });
-
- it('constructs an svg for each metric from the data', () => {
- const svg = wrapper.find('.time-series').find('svg');
- expect(svg.length).toBe(metricsKeys.length);
- });
-
- it('show tooltip onHover - runLine', () => {
- wrapper
- .find('.time-series__run-lines')
- .find('line')
- .at(hoveredElement)
- .simulate('mouseover');
-
- const tooltip = wrapper.find('.time-series').find('.tooltip');
- expect(tooltip.hasClass('tooltip--show')).toBe(true);
- });
-});
-
-describe('TimeSeries with multiple selected runs and hovered run', () => {
- const mockContextValue = {
- hoveredElementId: runKeys[hoveredElement],
- setHoveredElementId: jest.fn(),
- };
-
- const wrapper = mount(
-
-
- )
- .find('.time-series')
- .find('svg')
- .find('g');
-
- it('draw X, Y and dual axes for each metric chart', () => {
- const xAxis = wrapper.find('.time-series__runs-axis');
- expect(xAxis.length).toBe(metricsKeys.length);
-
- const yAxis = wrapper.find('.time-series__metric-axis');
- expect(yAxis.length).toBe(metricsKeys.length);
-
- const dualAxis = wrapper.find('.time-series__metric-axis-dual');
- expect(dualAxis.length).toBe(metricsKeys.length);
- });
-
- it('draw metricLine for each metric', () => {
- const metricLine = wrapper.find('.time-series__metric-line');
- expect(metricLine.length).toBe(metricsKeys.length);
- });
-
- it('draw runLines for each metric', () => {
- const runLines = wrapper
- .find('.time-series__run-lines')
- .find('.time-series__run-line');
- expect(runLines.length).toBe(runData.length * metricsKeys.length);
- });
-
- it('applies "time-series__run-line--hovered" class to the correct runLine on mouseover', () => {
- const runLine = wrapper
- .find('.time-series__run-lines')
- .find('line')
- .at(hoveredElement);
-
- runData.forEach((_, index) => {
- if (hoveredElement === index) {
- expect(
- runLine.at(index).hasClass('time-series__run-line--hovered')
- ).toBe(true);
- }
- });
- });
-
- it('selected group is returend in the correct order', () => {
- const selectedGroupLine = wrapper
- .find('.time-series__selected-group')
- .find('line');
-
- getSelectedOrderedData(runData, selectedRuns).forEach(([key, _], index) => {
- const parsedSelectedDate = new Date(formatTimestamp(selectedRuns[index]));
-
- if (parsedSelectedDate.getTime() === key.getTime()) {
- expect(
- selectedGroupLine
- .at(index)
- .hasClass(`time-series__run-line--selected-${index}`)
- ).toBe(true);
- }
- });
- });
-
- it('on double click reset to default zoom scale', () => {
- const setRangeSelection = jest.fn();
- const brushContainer = wrapper.find('.time-series__brush').at(0);
- const onDbClick = jest.spyOn(React, 'useState');
-
- onDbClick.mockImplementation((rangeSelection) => [
- rangeSelection,
- setRangeSelection,
- ]);
- brushContainer.simulate('dblclick');
-
- expect(setRangeSelection).toBeTruthy();
- expect(brushContainer.length).toBe(1);
- });
-});
-
-describe('TimeSeries with only one selected run and no hovered run', () => {
- const mockContextValue = {
- hoveredElementId: null,
- setHoveredElementId: jest.fn(),
- };
-
- const wrapper = mount(
-
-
- )
- .find('.time-series')
- .find('svg')
- .find('g');
-
- it('Class "time-series__run-line--blend" is not applied when there is only one selected run and no hovered element', () => {
- const runLine = wrapper.find('.time-series__run-lines').find('line');
-
- runData.forEach((_, index) => {
- expect(runLine.at(index).hasClass('time-series__run-line--blend')).toBe(
- false
- );
- });
- });
-
- it('Class "time-series__metric-line--blend" is not applied when there is only one selected run and no hovered element', () => {
- const metricLine = wrapper.find('.time-series__metric-line');
-
- metricsKeys.forEach((_, index) => {
- expect(
- metricLine.at(index).hasClass('time-series__metric-line--blend')
- ).toBe(false);
- });
- });
-});
-
-describe('TimeSeries with only one selected run and hovered run', () => {
- const mockContextValue = {
- hoveredElementId: runKeys[hoveredElement],
- setHoveredElementId: jest.fn(),
- };
-
- const wrapper = mount(
-
-
- )
- .find('.time-series')
- .find('svg')
- .find('g');
-
- it('Class "time-series__run-line--blend" is applied when there is only one selected run and hovered element', () => {
- const runLine = wrapper.find('.time-series__run-lines').find('line');
-
- runData.forEach((_, index) => {
- if (hoveredElement === index) {
- expect(runLine.at(index).hasClass('time-series__run-line--blend')).toBe(
- true
- );
- }
- });
- });
-
- it('Class "time-series__metric-line--blend" is applied when there is only one selected run and hovered element', () => {
- const metricLine = wrapper.find('.time-series__metric-line');
-
- metricsKeys.forEach((_, index) => {
- if (hoveredElement === index) {
- expect(
- metricLine.at(index).hasClass('time-series__metric-line--blend')
- ).toBe(true);
- }
- });
- });
-});
diff --git a/src/components/experiment-tracking/tooltip/get-tooltip-position.js b/src/components/experiment-tracking/tooltip/get-tooltip-position.js
deleted file mode 100644
index b8fd735815..0000000000
--- a/src/components/experiment-tracking/tooltip/get-tooltip-position.js
+++ /dev/null
@@ -1,24 +0,0 @@
-import { sidebarWidth } from '../../../config';
-
-const tooltipMaxWidth = 300;
-const tooltipLeftGap = 85;
-const tooltipRightGap = 70;
-const tooltipTopGap = 150;
-
-export const getTooltipPosition = (e, sidebarVisible) => {
- const xCoordsAdjustment = sidebarVisible ? 0 : sidebarWidth.pipelineUI;
- const y = e.clientY - tooltipTopGap;
- let x, direction;
-
- if (window.innerWidth - e.clientX > tooltipMaxWidth) {
- x = e.clientX - sidebarWidth.open - tooltipRightGap;
- direction = 'right';
- } else {
- x = e.clientX - sidebarWidth.open - sidebarWidth.open / 2 - tooltipLeftGap;
- direction = 'left';
- }
-
- x = x + xCoordsAdjustment;
-
- return { x, y, direction };
-};
diff --git a/src/components/experiment-tracking/tooltip/tooltip.js b/src/components/experiment-tracking/tooltip/tooltip.js
deleted file mode 100644
index 1dc314f7bc..0000000000
--- a/src/components/experiment-tracking/tooltip/tooltip.js
+++ /dev/null
@@ -1,35 +0,0 @@
-import React from 'react';
-import classnames from 'classnames';
-
-import './tooltip.scss';
-
-export const tooltipDefaultProps = {
- content: { label1: '', value1: '', label2: '', value2: '' },
- direction: 'right',
- position: { x: -500, y: -500 },
- visible: false,
-};
-
-export const ExperimentTrackingTooltip = ({
- content = tooltipDefaultProps.content,
- direction = tooltipDefaultProps.direction,
- position = tooltipDefaultProps.position,
- visible = tooltipDefaultProps.visible,
-}) => {
- return (
-
-
{`${content?.label1}:`}
- {content?.value1}
-
- {`${content?.label2}:`}
- {content?.value2}
-
- );
-};
diff --git a/src/components/experiment-tracking/tooltip/tooltip.scss b/src/components/experiment-tracking/tooltip/tooltip.scss
deleted file mode 100644
index 2224aa7637..0000000000
--- a/src/components/experiment-tracking/tooltip/tooltip.scss
+++ /dev/null
@@ -1,98 +0,0 @@
-@use '../../../styles/variables' as colors;
-
-@mixin fade-in($waitTime) {
- animation: wait #{$waitTime}, fade-in 500ms #{$waitTime};
-}
-
-@keyframes wait {
- 0% {
- opacity: 0;
- }
-
- 100% {
- opacity: 0;
- }
-}
-
-@keyframes fade-in {
- 0% {
- opacity: 0;
- }
-
- 100% {
- opacity: 1;
- }
-}
-
-$triangle-size: 10px;
-
-.tooltip {
- background: var(--color-bg-alt);
- display: flex;
- flex-direction: column;
- opacity: 0;
- padding: 10px 30px 10px 10px;
- position: absolute;
-}
-
-.tooltip--show {
- @include fade-in('700ms');
-
- animation-fill-mode: forwards;
-}
-
-.tooltip-arrow {
- display: inline-block;
- height: 0;
- left: 1px;
- margin-right: 1.6em;
- margin-top: -1.2em;
- position: absolute;
- top: 22px;
- white-space: nowrap;
- width: 0;
-}
-
-.tooltip-arrow--right {
- &::before {
- border-left: $triangle-size solid transparent;
- border-top: $triangle-size solid var(--color-bg-alt);
- content: '';
- height: 0;
- left: -$triangle-size + 0.5;
- position: absolute;
- top: calc(50% - #{$triangle-size});
- width: 0;
- }
-}
-
-.tooltip-arrow--left {
- &::before {
- border-right: $triangle-size solid transparent;
- border-top: $triangle-size solid var(--color-bg-alt);
- content: '';
- height: 0;
- position: absolute;
- right: -225.5px;
- top: calc(50% - #{$triangle-size});
- width: 0;
- }
-}
-
-.tooltip-label,
-.tooltip-value {
- font-size: 12px;
- font-weight: 400;
- margin: 0;
- overflow: hidden;
- overflow-wrap: break-word;
- width: 180px;
-}
-
-.tooltip-label {
- color: var(--color-metrics-plot-tooltip-label);
-}
-
-.tooltip-value {
- color: var(--color-metrics-plot-tooltip-value);
-}
diff --git a/src/components/experiment-tracking/utils/hover-state-context.js b/src/components/experiment-tracking/utils/hover-state-context.js
deleted file mode 100644
index dbf8a324da..0000000000
--- a/src/components/experiment-tracking/utils/hover-state-context.js
+++ /dev/null
@@ -1,22 +0,0 @@
-import React, { createContext, useState } from 'react';
-
-export const HoverStateContext = createContext(null);
-
-/**
- * Provides a way to manage state for hovered elements between
- * RunListCard and metrics plots components
- */
-export const HoverStateContextProvider = ({ children }) => {
- const [hoveredElementId, setHoveredElementId] = useState(null);
-
- return (
-
- {children}
-
- );
-};
diff --git a/src/components/experiment-warning/experiment-warning.js b/src/components/experiment-warning/experiment-warning.js
deleted file mode 100644
index 603b345853..0000000000
--- a/src/components/experiment-warning/experiment-warning.js
+++ /dev/null
@@ -1,12 +0,0 @@
-import React from 'react';
-
-import './experiment-warning.scss';
-
-const ExperimentWarning = ({ title, subTitle }) => (
-
-);
-
-export default ExperimentWarning;
diff --git a/src/components/experiment-warning/experiment-warning.scss b/src/components/experiment-warning/experiment-warning.scss
deleted file mode 100644
index 8729cf31ae..0000000000
--- a/src/components/experiment-warning/experiment-warning.scss
+++ /dev/null
@@ -1,24 +0,0 @@
-.experiment-warning__wrapper {
- align-items: center;
- display: flex;
- flex-direction: column;
- height: 70%;
- justify-content: center;
- width: 85%;
- font-size: 16px;
-}
-
-.experiment-warning__title {
- font-size: 2.5em;
- font-weight: 400;
- line-height: 1.75em;
- margin: 0;
- margin-bottom: 10px;
-}
-
-.experiment-warning__subtitle {
- font-size: 1em;
- font-weight: 400;
- line-height: 1.25em;
- margin: 0;
-}
diff --git a/src/components/experiment-warning/index.js b/src/components/experiment-warning/index.js
deleted file mode 100644
index af3e7a79e0..0000000000
--- a/src/components/experiment-warning/index.js
+++ /dev/null
@@ -1,3 +0,0 @@
-import ExperimentWarning from './experiment-warning';
-
-export default ExperimentWarning;
diff --git a/src/components/experiment-wrapper/experiment-wrapper.js b/src/components/experiment-wrapper/experiment-wrapper.js
deleted file mode 100644
index ce1195e7c1..0000000000
--- a/src/components/experiment-wrapper/experiment-wrapper.js
+++ /dev/null
@@ -1,450 +0,0 @@
-import React, { useEffect, useState, useCallback } from 'react';
-import { useLocation } from 'react-router-dom';
-import { Transition } from 'react-transition-group';
-import { useApolloQuery } from '../../apollo/utils';
-import { connect } from 'react-redux';
-import { GET_RUNS, GET_RUN_DATA } from '../../apollo/queries';
-import Button from '../ui/button';
-import Details from '../experiment-tracking/details';
-import Sidebar from '../sidebar';
-import { HoverStateContextProvider } from '../experiment-tracking/utils/hover-state-context';
-import { useGeneratePathnameForExperimentTracking } from '../../utils/hooks/use-generate-pathname';
-import {
- errorMessages,
- linkToFlowchartInitialVal,
- localStorageFlowchartLink,
- params,
- tabLabels,
- PACKAGE_KEDRO_DATASETS,
-} from '../../config';
-import { findMatchedPath } from '../../utils/match-path';
-import { fetchMetadata } from '../../utils';
-import { saveLocalStorage, loadLocalStorage } from '../../store/helpers';
-
-import './experiment-wrapper.scss';
-
-const MAX_NUMBER_COMPARISONS = 2; // 0-based, so three.
-
-const defaultStyle = {
- opacity: 0,
- transition: `opacity .5s ease-in-out`,
-};
-
-const transitionStyles = {
- entering: { opacity: 1 },
- entered: { opacity: 1 },
- exiting: { opacity: 0 },
- exited: { opacity: 0 },
-};
-
-const ExperimentWrapper = ({ theme, runsMetadata }) => {
- const [disableRunSelection, setDisableRunSelection] = useState(false);
- const [enableShowChanges, setEnableShowChanges] = useState(true);
- const [isSidebarVisible, setIsSidebarVisible] = useState(true);
- const [pinnedRun, setPinnedRun] = useState();
- const [selectedRunData, setSelectedRunData] = useState(null);
- const [showRunDetailsModal, setShowRunDetailsModal] = useState(false);
- const [showRunExportModal, setShowRunExportModal] = useState(false);
- const [showRunPlotsModal, setShowRunPlotsModal] = useState(false);
- const [newRunAdded, setNewRunAdded] = useState(false);
- const [isDisplayingMetrics, setIsDisplayingMetrics] = useState(false);
-
- const [enableComparisonView, setEnableComparisonView] = useState(false);
- const [selectedRunIds, setSelectedRunIds] = useState([]);
- const [activeTab, setActiveTab] = useState(tabLabels[0]);
- const [errorMessage, setErrorMessage] = useState({});
- const [invalidUrl, setInvalidUrl] = useState(false);
- const [usedNavigationBtn, setUsedNavigationBtn] = useState(false);
- const [isKedroDatasetsCompatible, setIsKedroDatasetsCompatible] =
- useState(false);
-
- const { pathname, search } = useLocation();
- const searchParams = new URLSearchParams(search);
-
- const {
- matchedExperimentTrackingMainPage,
- matchedSelectedView,
- matchedSelectedRuns,
- } = findMatchedPath(pathname, search);
-
- const { toExperimentTrackingPath, toSelectedRunsPath } =
- useGeneratePathnameForExperimentTracking();
-
- // Fetch all runs.
- const { data, loading } = useApolloQuery(GET_RUNS);
-
- // Fetch all data for selected runs.
- const {
- data: { runMetadata = [], plots = [], metrics = [], JSONData = [] } = [],
- error: runDataError,
- loading: isRunDataLoading,
- } = useApolloQuery(GET_RUN_DATA, {
- skip: selectedRunIds.length === 0,
- variables: { runIds: selectedRunIds, showDiff: true },
- });
-
- let runTrackingData = {};
-
- if (plots.length > 0) {
- runTrackingData['Plots'] = plots;
- } else {
- runTrackingData['Plots'] = [];
- }
-
- if (metrics.length > 0) {
- runTrackingData['Metrics'] = metrics;
- }
-
- if (JSONData.length > 0) {
- runTrackingData['JSON Data'] = JSONData;
- }
-
- const onRunSelection = (id) => {
- if (enableComparisonView) {
- if (selectedRunIds.includes(id)) {
- if (selectedRunIds.length === 1) {
- return;
- }
- const selectedIds = selectedRunIds.filter((run) => run !== id);
-
- setSelectedRunIds(selectedIds);
- toSelectedRunsPath(selectedIds, activeTab, enableComparisonView);
-
- setNewRunAdded(false);
- } else {
- setSelectedRunIds([...selectedRunIds, id]);
- setNewRunAdded(true);
- toSelectedRunsPath(
- [...selectedRunIds, id],
- activeTab,
- enableComparisonView
- );
- }
- } else {
- if (selectedRunIds.includes(id)) {
- return;
- } else {
- setSelectedRunIds([id]);
- toSelectedRunsPath([id], activeTab, enableComparisonView);
- }
- }
- };
-
- const onToggleComparisonView = () => {
- setEnableComparisonView(!enableComparisonView);
-
- if (selectedRunIds.length === 1) {
- toSelectedRunsPath(
- selectedRunIds.slice(0, 1),
- activeTab,
- !enableComparisonView
- );
- }
-
- if (enableComparisonView && selectedRunIds.length > 1) {
- setSelectedRunIds(selectedRunIds.slice(0, 1));
- toSelectedRunsPath(
- selectedRunIds.slice(0, 1),
- activeTab,
- !enableComparisonView
- );
- }
- };
-
- const onTabChangeHandler = (tab) => {
- setActiveTab(tab);
- toSelectedRunsPath(selectedRunIds, tab, enableComparisonView);
- };
-
- const redirectToSelectedRuns = () => {
- const runIds = searchParams.get(params.run).split(',');
- const allRunIds = data?.runsList.map((run) => run.id);
- const notFoundIds = runIds.find((id) => !allRunIds?.includes(id));
-
- if (notFoundIds) {
- setErrorMessage(errorMessages.runIds);
- setInvalidUrl(true);
- } else {
- const isComparison =
- runIds.length > 1
- ? true
- : searchParams.get(params.comparisonMode) === 'true';
-
- setSelectedRunIds(runIds);
- setEnableComparisonView(isComparison);
- if (tabLabels.includes(searchParams.get(params.view))) {
- setActiveTab(searchParams.get(params.view));
- }
- }
- };
-
- const redirectToSelectedView = () => {
- const latestRun = data.runsList.map((run) => run.id).slice(0, 1);
-
- setSelectedRunIds(latestRun);
- setEnableComparisonView(false);
- if (tabLabels.includes(searchParams.get(params.view))) {
- setActiveTab(searchParams.get(params.view));
- }
- };
-
- const handlePopState = useCallback(() => {
- setUsedNavigationBtn((usedNavigationBtn) => !usedNavigationBtn);
- }, []);
-
- useEffect(() => {
- async function checkPackageCompatibility() {
- try {
- const request = await fetchMetadata();
- const response = await request.json();
-
- if (request.ok) {
- const packageCompatibilityInfo = response.package_compatibilities;
- const kedroDatasetsPackage = packageCompatibilityInfo.find(
- (pckg) => pckg.package_name === PACKAGE_KEDRO_DATASETS
- );
- setIsKedroDatasetsCompatible(kedroDatasetsPackage.is_compatible);
- }
- } catch (error) {
- console.error('metadata fetch error: ', error);
- }
- }
-
- checkPackageCompatibility();
- }, []);
-
- useEffect(() => {
- const showGoBackBtnFromStorage = loadLocalStorage(
- localStorageFlowchartLink
- ).showGoBackBtn;
-
- if (showGoBackBtnFromStorage) {
- saveLocalStorage(localStorageFlowchartLink, linkToFlowchartInitialVal);
- }
-
- window.addEventListener('popstate', handlePopState);
-
- return () => {
- window.removeEventListener('popstate', handlePopState);
- };
- }, [handlePopState]);
-
- useEffect(() => {
- if (data) {
- /**
- * To display a generic error message when the URL is not matched any path at all
- */
- if (
- !matchedExperimentTrackingMainPage &&
- !matchedSelectedRuns &&
- !matchedSelectedView
- ) {
- setErrorMessage(errorMessages.experimentTracking);
- setInvalidUrl(true);
- }
-
- if (matchedSelectedRuns) {
- redirectToSelectedRuns();
- }
-
- /**
- * This is for when there's only view= is defined in the URL, without any run_ids
- * it should re-direct to the latest run
- */
- if (matchedSelectedView) {
- redirectToSelectedView();
- }
- }
-
- if (usedNavigationBtn) {
- setUsedNavigationBtn(false);
- }
-
- // eslint-disable-next-line react-hooks/exhaustive-deps
- }, [data, usedNavigationBtn]);
-
- useEffect(() => {
- if (selectedRunIds.length > MAX_NUMBER_COMPARISONS) {
- setDisableRunSelection(true);
- } else {
- setDisableRunSelection(false);
- }
- }, [selectedRunIds]);
-
- useEffect(() => {
- /**
- * If we return runs and aren't in comparison view, set a single selected
- * run data object for use in the ExperimentPrimaryToolbar component.
- */
-
- if (data?.runsList.length > 0 && !enableComparisonView) {
- const singleSelectedRunData = data.runsList.filter((run) => {
- return run.id === selectedRunIds[0];
- })[0];
-
- setSelectedRunData(singleSelectedRunData);
- }
- }, [data, enableComparisonView, selectedRunIds]);
-
- useEffect(() => {
- if (
- matchedExperimentTrackingMainPage &&
- data?.runsList.length > 0 &&
- selectedRunIds.length === 0
- ) {
- /**
- * If we return to default main page and don't yet have a selected run, set the first one
- * as the default, with precedence given to runs that are bookmarked.
- */
- const bookmarkedRuns = data.runsList.filter((run) => {
- return runsMetadata[run.id]?.bookmark === true;
- });
-
- if (bookmarkedRuns.length > 0) {
- setSelectedRunIds(bookmarkedRuns.map((run) => run.id).slice(0, 1));
- } else {
- setSelectedRunIds(data.runsList.map((run) => run.id).slice(0, 1));
- }
- }
- }, [data, selectedRunIds, matchedExperimentTrackingMainPage, runsMetadata]);
-
- useEffect(() => {
- if (
- typeof pinnedRun === 'undefined' ||
- !selectedRunIds.includes(pinnedRun)
- ) {
- // Assign the first selected run as the first pinned run.
- setPinnedRun(selectedRunIds[0]);
- }
- }, [selectedRunIds, pinnedRun]);
-
- if (loading) {
- return (
-
- );
- }
-
- if (invalidUrl) {
- return (
-
-
- Oops, this URL isn't valid
-
-
{`${errorMessage}.`}
-
{
- toExperimentTrackingPath();
- setInvalidUrl(false);
- }}
- >
- Reset view
-
-
- );
- } else {
- return (
- <>
-
- {data?.runsList.length > 0 ? (
- <>
- 0} timeout={300}>
- {(state) => (
-
- {selectedRunIds.length > 0 ? (
- 1
- }
- isKedroDatasetsCompatible={isKedroDatasetsCompatible}
- isRunDataLoading={isRunDataLoading}
- newRunAdded={newRunAdded}
- onRunSelection={onRunSelection}
- pinnedRun={pinnedRun}
- runDataError={runDataError}
- runMetadata={runMetadata}
- runTrackingData={runTrackingData}
- selectedRunIds={selectedRunIds}
- setActiveTab={onTabChangeHandler}
- setIsDisplayingMetrics={setIsDisplayingMetrics}
- setPinnedRun={setPinnedRun}
- setShowRunDetailsModal={setShowRunDetailsModal}
- setShowRunExportModal={setShowRunExportModal}
- setShowRunPlotsModal={setShowRunPlotsModal}
- showRunDetailsModal={showRunDetailsModal}
- showRunExportModal={showRunExportModal}
- showRunPlotsModal={showRunPlotsModal}
- sidebarVisible={isSidebarVisible}
- theme={theme}
- />
- ) : null}
-
- )}
-
-
- ) : (
-
- {(state) => (
-
-
- You don't have any experiments
-
-
- Kedro can help you manage your experiments. Learn more how
- you can enable experiment tracking in your projects from our
- docs.{' '}
-
-
- View docs
-
-
- )}
-
-
- );
- }
-};
-
-export const mapStateToProps = (state) => ({
- theme: state.theme,
- runsMetadata: state.runsMetadata,
-});
-
-export default connect(mapStateToProps)(ExperimentWrapper);
diff --git a/src/components/experiment-wrapper/experiment-wrapper.scss b/src/components/experiment-wrapper/experiment-wrapper.scss
deleted file mode 100644
index dcc7685a00..0000000000
--- a/src/components/experiment-wrapper/experiment-wrapper.scss
+++ /dev/null
@@ -1,35 +0,0 @@
-@use '../../styles/variables' as variables;
-
-.experiment-wrapper {
- align-items: center;
- display: flex;
- flex-direction: column;
- height: 100%;
- justify-content: center;
- margin-left: variables.$global-toolbar-width;
- opacity: 0;
-}
-
-.experiment-wrapper__header {
- font-size: 40px;
- font-weight: 300;
- letter-spacing: -0.3px;
- margin: 0 0 16px;
-}
-
-.experiment-wrapper__text {
- font-size: 16px;
- font-weight: normal;
- line-height: 1.25;
- margin: 0 0 40px;
- max-width: 520px;
- text-align: center;
-}
-
-.experiment-wrapper__error {
- align-items: center;
- display: flex;
- flex-direction: column;
- height: 100%;
- justify-content: center;
-}
diff --git a/src/components/experiment-wrapper/index.js b/src/components/experiment-wrapper/index.js
deleted file mode 100644
index b4af8d4162..0000000000
--- a/src/components/experiment-wrapper/index.js
+++ /dev/null
@@ -1,3 +0,0 @@
-import ExperimentWrapper from './experiment-wrapper';
-
-export default ExperimentWrapper;
diff --git a/src/components/experiment-wrapper/mock-data.js b/src/components/experiment-wrapper/mock-data.js
deleted file mode 100644
index 00cbb0b41a..0000000000
--- a/src/components/experiment-wrapper/mock-data.js
+++ /dev/null
@@ -1,100 +0,0 @@
-export const runs = [
- {
- author: 'Luke Skywalker',
- bookmark: true,
- id: '2021-09-08T10:55:36.810Z',
- gitSha: 'ad60192',
- gitBranch: 'feature/new-feature',
- runCommand: 'kedro run --pipeline my_pipeline',
- notes:
- 'But I must explain to you how all this mistaken idea of denouncing pleasure and praising pain was born and I will give you a complete account of the system, and expound the actual teachings of the great explorer of the truth, the master-builder of human happiness. No one rejects, dislikes, or avoids pleasure itself, because it is pleasure, but because those who do not know how to pursue pleasure rationally encounter consequences that are extremely painful.',
- title: 'My Favorite Sprint',
- },
- {
- author: 'Leia Organa',
- bookmark: false,
- id: '2021-09-07T11:36:24.560Z',
- gitSha: 'bt60142',
- gitBranch: 'feature/new-feature',
- runCommand: 'kedro run --pipeline my_pipeline',
- notes:
- 'On the other hand, we denounce with righteous indignation and dislike men who are so beguiled.',
- title: 'Another favorite sprint',
- },
- {
- author: 'Obi-wan Kenobi',
- bookmark: false,
- id: '2021-09-04T04:36:24.560Z',
- gitSha: 'tz24689',
- gitBranch: 'feature/new-feature',
- runCommand: 'kedro run --pipeline my_pipeline',
- notes:
- 'On the other hand, we denounce with righteous indignation and dislike men who are so beguiled and demoralized by the charms of pleasure of the moment',
- title: 'Slick test this one',
- },
-];
-
-export const trackingData = {
- json: [
- {
- datasetName: 'Data Analysis',
- data: {
- classWeight: [
- { runId: 'My Favorite Sprint', value: 23 },
- { runId: 'Another favorite sprint', value: 21 },
- { runId: 'Slick test this one', value: 21 },
- ],
- bootstrap: [
- { runId: 'My Favorite Sprint', value: 0.8 },
- { runId: 'Another favorite sprint', value: 0.5 },
- { runId: 'Slick test this one', value: 1 },
- ],
- },
- runIds: [
- 'My Favorite Sprint',
- 'Another favorite sprint',
- 'Slick test this one',
- ],
- },
- {
- datasetName: 'Shopper Spend Raw',
- data: {
- maxFeatures: [
- { runId: 'My Favorite Sprint', value: 'auto' },
- { runId: 'Another favorite sprint', value: 'min' },
- { runId: 'Slick test this one', value: 'max' },
- ],
- minSamplesLeaf: [
- { runId: 'My Favorite Sprint', value: 12564 },
- { runId: 'Another favorite sprint', value: 34524 },
- { runId: 'Slick test this one', value: 23987 },
- ],
- },
- runIds: [
- 'My Favorite Sprint',
- 'Another favorite sprint',
- 'Slick test this one',
- ],
- },
- {
- datasetName: 'Classical Analysis',
- data: {
- AU_SSID_NULLS: [
- { runId: 'My Favorite Sprint', value: 54.3 },
- { runId: 'Another favorite sprint', value: 55.1 },
- { runId: 'Slick test this one', value: 54.7 },
- ],
- AR_ARM_NULLS: [
- { runId: 'My Favorite Sprint', value: 123 },
- { runId: 'Another favorite sprint', value: 345 },
- { runId: 'Slick test this one', value: 456 },
- ],
- },
- runIds: [
- 'My Favorite Sprint',
- 'Another favorite sprint',
- 'Slick test this one',
- ],
- },
- ],
-};
diff --git a/src/components/feature-hints/feature-hints-content.js b/src/components/feature-hints/feature-hints-content.js
index 6015ebf52f..c077d1957b 100644
--- a/src/components/feature-hints/feature-hints-content.js
+++ b/src/components/feature-hints/feature-hints-content.js
@@ -25,16 +25,6 @@ export const featureHintsContent = [
image:
'data:image/jpeg;base64,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',
},
- {
- title: 'Experiment tracking',
- description:
- 'Experiment tracking is the process of saving all the metadata related to an experiment each time you run it. It enables you to compare different runs of a machine-learning model as part of the experimentation process.',
- learnMoreLink:
- 'https://docs.kedro.org/projects/kedro-viz/en/stable/experiment_tracking.html',
- elementId: '#experiment-tracking-nav-button',
- image:
- 'data:image/jpeg;base64,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',
- },
{
title: 'Filters and tags',
description:
diff --git a/src/components/flowchart-wrapper/flowchart-wrapper.js b/src/components/flowchart-wrapper/flowchart-wrapper.js
index f6f5bfc167..f09470a6a4 100644
--- a/src/components/flowchart-wrapper/flowchart-wrapper.js
+++ b/src/components/flowchart-wrapper/flowchart-wrapper.js
@@ -1,5 +1,5 @@
import React, { useState, useEffect, useCallback, useRef } from 'react';
-import { useHistory, useLocation } from 'react-router-dom';
+import { useLocation } from 'react-router-dom';
import { connect } from 'react-redux';
import classnames from 'classnames';
import { isLoading } from '../../selectors/loading';
@@ -24,13 +24,9 @@ import MetaData from '../metadata';
import MetadataModal from '../metadata-modal';
import ShareableUrlMetadata from '../shareable-url-modal/shareable-url-metadata';
import Sidebar from '../sidebar';
-import Button from '../ui/button';
-import CircleProgressBar from '../ui/circle-progress-bar';
import { loadLocalStorage, saveLocalStorage } from '../../store/helpers';
import {
errorMessages,
- linkToFlowchartInitialVal,
- localStorageFlowchartLink,
localStorageName,
localStorageBannerStatus,
params,
@@ -54,7 +50,6 @@ export const FlowChartWrapper = ({
displaySidebar,
graph,
loading,
- metadataVisible,
modularPipelinesTree,
nodes,
onToggleFocusMode,
@@ -72,7 +67,6 @@ export const FlowChartWrapper = ({
displayExportBtn,
displayBanner,
}) => {
- const history = useHistory();
const { pathname, search } = useLocation();
const searchParams = new URLSearchParams(search);
const { toSetQueryParam } = useGeneratePathname();
@@ -81,10 +75,6 @@ export const FlowChartWrapper = ({
const [isInvalidUrl, setIsInvalidUrl] = useState(false);
const [usedNavigationBtn, setUsedNavigationBtn] = useState(false);
- const [counter, setCounter] = useState(60);
- const [goBackToExperimentTracking, setGoBackToExperimentTracking] =
- useState(false);
-
const graphRef = useRef(null);
const {
@@ -232,10 +222,6 @@ export const FlowChartWrapper = ({
};
}, [handlePopState]);
- useEffect(() => {
- setGoBackToExperimentTracking(loadLocalStorage(localStorageFlowchartLink));
- }, []);
-
/**
* To handle redirecting to a different location via the URL (e.g. selectedNode,
* focusNode, etc.) we only need to call the matchPath actions when:
@@ -280,37 +266,6 @@ export const FlowChartWrapper = ({
// eslint-disable-next-line react-hooks/exhaustive-deps
}, [graph, usedNavigationBtn, isInvalidUrl]);
- const resetLinkingToFlowchartLocalStorage = useCallback(() => {
- saveLocalStorage(localStorageFlowchartLink, linkToFlowchartInitialVal);
-
- setGoBackToExperimentTracking(linkToFlowchartInitialVal);
- }, []);
-
- useEffect(() => {
- if (goBackToExperimentTracking?.showGoBackBtn) {
- const timer =
- counter > 0 && setInterval(() => setCounter(counter - 1), 1000);
-
- if (counter === 0) {
- resetLinkingToFlowchartLocalStorage();
- }
-
- return () => clearInterval(timer);
- }
- }, [
- counter,
- goBackToExperimentTracking?.showGoBackBtn,
- resetLinkingToFlowchartLocalStorage,
- ]);
-
- const onGoBackToExperimentTrackingHandler = () => {
- const url = goBackToExperimentTracking.fromURL;
-
- history.push(url);
-
- resetLinkingToFlowchartLocalStorage();
- };
-
const handleBannerClose = (bannerKey) => {
saveLocalStorage(localStorageBannerStatus, { [bannerKey]: false });
};
@@ -355,21 +310,6 @@ export const FlowChartWrapper = ({
-
-
- {counter}
- Return to Experiment Tracking
-
-
-
+
- {isRunningLocally() ? (
-
-
- ) : null}
{
-
-);
-
-export default ExperimentsIcon;
diff --git a/src/components/metadata/metadata.js b/src/components/metadata/metadata.js
index 5b0ed7080f..48eeecfc64 100644
--- a/src/components/metadata/metadata.js
+++ b/src/components/metadata/metadata.js
@@ -19,14 +19,10 @@ import {
import { toggleNodeClicked } from '../../actions/nodes';
import { toggleCode, togglePlotModal } from '../../actions';
import getShortType from '../../utils/short-type';
-import {
- useGeneratePathname,
- useGeneratePathnameForExperimentTracking,
-} from '../../utils/hooks/use-generate-pathname';
+import { useGeneratePathname } from '../../utils/hooks/use-generate-pathname';
import './styles/metadata.scss';
import MetaDataStats from './metadata-stats';
-import { isRunningLocally } from '../../utils';
/**
* Shows node meta data
@@ -43,8 +39,6 @@ const MetaData = ({
showDatasetPreviews,
}) => {
const { toSelectedPipeline } = useGeneratePathname();
- const { toExperimentTrackingPath, toMetricsViewPath } =
- useGeneratePathnameForExperimentTracking();
// Hide code panel when selected metadata changes
useEffect(() => onToggleCode(false), [metadata, onToggleCode]);
@@ -321,23 +315,6 @@ const MetaData = ({
)}
- {isRunningLocally()
- ? hasTrackingData && (
-
-
- Open in Experiment Tracking
-
-
- )
- : null}
{hasTablePreview && (
<>
diff --git a/src/components/metadata/metadata.test.js b/src/components/metadata/metadata.test.js
index 849d8cc3e4..5147b9918e 100644
--- a/src/components/metadata/metadata.test.js
+++ b/src/components/metadata/metadata.test.js
@@ -425,13 +425,6 @@ describe('MetaData', () => {
expect.stringContaining('3 items')
);
});
- it('shows the experiment link', () => {
- const wrapper = mount({
- nodeId: modelInputDatasetNodeId,
- mockMetadata: nodeMetricsData,
- });
- expect(wrapper.find('.pipeline-metadata__link').length).toBe(1);
- });
});
describe('JSON dataset nodes', () => {
@@ -445,13 +438,6 @@ describe('MetaData', () => {
expect.stringContaining('3 items')
);
});
- it('shows the experiment link', () => {
- const wrapper = mount({
- nodeId: modelInputDatasetNodeId,
- mockMetadata: nodeJSONData,
- });
- expect(wrapper.find('.pipeline-metadata__link').length).toBe(1);
- });
});
describe('Plot nodes', () => {
diff --git a/src/components/primary-toolbar/primary-toolbar.js b/src/components/primary-toolbar/primary-toolbar.js
index a286d7eeaa..b66af19f7d 100644
--- a/src/components/primary-toolbar/primary-toolbar.js
+++ b/src/components/primary-toolbar/primary-toolbar.js
@@ -6,7 +6,7 @@ import MenuIcon from '../icons/menu';
import './primary-toolbar.scss';
/**
- * Toolbar to house buttons that controls display options for the main panel (flowchart, experiment details, etc)
+ * Toolbar to house buttons that controls display options for the main panel (flowchart, etc)
* @param {JSX} children The content to be rendered within the toolbar
* @param {Function} onToggleSidebar Handle toggling of sidebar collapsable view
* @param {Boolean} visible Handle display of tooltip text in relation to collapsable view
diff --git a/src/components/shareable-url-modal/shareable-url-metadata.js b/src/components/shareable-url-modal/shareable-url-metadata.js
index 0397364941..21ae2d5ba4 100644
--- a/src/components/shareable-url-modal/shareable-url-metadata.js
+++ b/src/components/shareable-url-modal/shareable-url-metadata.js
@@ -1,5 +1,4 @@
import { useEffect, useState } from 'react';
-import { sanitizedPathname } from '../../utils';
const ShareableUrlMetadata = () => {
const [metadata, setMetadata] = useState(null);
@@ -7,15 +6,12 @@ const ShareableUrlMetadata = () => {
useEffect(() => {
async function fetchData() {
try {
- const request = await fetch(
- `${sanitizedPathname()}api/deploy-viz-metadata`,
- {
- headers: {
- 'Content-Type': 'application/json',
- Accept: 'application/json',
- },
- }
- );
+ const request = await fetch(`/api/deploy-viz-metadata`, {
+ headers: {
+ 'Content-Type': 'application/json',
+ Accept: 'application/json',
+ },
+ });
const response = await request.json();
if (request.ok) {
diff --git a/src/components/sidebar/sidebar.js b/src/components/sidebar/sidebar.js
index 73b6fbcc14..f38438c4b8 100644
--- a/src/components/sidebar/sidebar.js
+++ b/src/components/sidebar/sidebar.js
@@ -1,13 +1,11 @@
import React, { useState } from 'react';
import { connect } from 'react-redux';
import classnames from 'classnames';
-import ExperimentPrimaryToolbar from '../experiment-tracking/experiment-primary-toolbar';
import FlowchartPrimaryToolbar from '../flowchart-primary-toolbar';
import MiniMap from '../minimap';
import MiniMapToolbar from '../minimap-toolbar';
import NodesPanel from '../nodes-panel';
import PipelineList from '../pipeline-list';
-import RunsList from '../experiment-tracking/runs-list';
import './sidebar.scss';
@@ -15,90 +13,29 @@ import './sidebar.scss';
* Main app container. Handles showing/hiding the sidebar nav, and theme classes.
* @param {Boolean} props.visible Whether the sidebar is open/closed
*/
-export const Sidebar = ({
- disableRunSelection,
- displayGlobalNavigation,
- displaySidebar,
- enableComparisonView,
- enableShowChanges,
- isDisplayingMetrics = false,
- isExperimentView = false,
- onRunSelection,
- onToggleComparisonView,
- runMetadata,
- runsListData,
- runTrackingData,
- selectedRunData,
- selectedRunIds,
- setEnableShowChanges,
- setSidebarVisible,
- showRunDetailsModal,
- sidebarVisible,
- visible,
- setShowRunExportModal,
-}) => {
+export const Sidebar = ({ displayGlobalNavigation, visible }) => {
const [pipelineIsOpen, togglePipeline] = useState(false);
- if (isExperimentView) {
- return (
- <>
-
-
-
-
- 1)}
- showRunDetailsModal={showRunDetailsModal}
- sidebarVisible={sidebarVisible}
- setShowRunExportModal={setShowRunExportModal}
- />
-
+ return (
+ <>
+
+
-
- );
- } else {
- return (
- <>
-
-
- );
- }
+
+
+
+
+
+ );
};
const mapStateToProps = (state) => ({
diff --git a/src/components/sidebar/sidebar.scss b/src/components/sidebar/sidebar.scss
index 2575bcb166..8973075730 100644
--- a/src/components/sidebar/sidebar.scss
+++ b/src/components/sidebar/sidebar.scss
@@ -61,10 +61,6 @@
visibility: visible;
transition: visibility 0s;
}
-
- &--experiment-tracking {
- overflow-y: scroll;
- }
}
.pipeline-toolbar {
diff --git a/src/components/wrapper/wrapper.js b/src/components/wrapper/wrapper.js
index 37f289fe0f..f37d7927f5 100644
--- a/src/components/wrapper/wrapper.js
+++ b/src/components/wrapper/wrapper.js
@@ -2,7 +2,7 @@ import React, { useState, useEffect } from 'react';
import { connect } from 'react-redux';
import { BrowserRouter as Router, Switch, Route } from 'react-router-dom';
import classnames from 'classnames';
-import { isRunningLocally, sanitizedPathname } from '../../utils';
+import { isRunningLocally } from '../../utils';
import { useApolloQuery } from '../../apollo/utils';
import { client } from '../../apollo/config';
import { GraphQLProvider } from '../provider/provider';
@@ -11,7 +11,6 @@ import { GET_VERSIONS } from '../../apollo/queries';
import FeatureHints from '../feature-hints';
import GlobalToolbar from '../global-toolbar';
import FlowChartWrapper from '../flowchart-wrapper';
-import ExperimentWrapper from '../experiment-wrapper';
import SettingsModal from '../settings-modal';
import UpdateReminder from '../update-reminder';
import ShareableUrlModal from '../shareable-url-modal';
@@ -60,13 +59,10 @@ export const Wrapper = ({ displayGlobalNavigation, theme }) => {
/>
)}
-
+
-
-
) : (
diff --git a/src/config.js b/src/config.js
index 492eb466ec..aca85079bc 100644
--- a/src/config.js
+++ b/src/config.js
@@ -1,9 +1,6 @@
-import { sanitizedPathname } from './utils';
-
export const localStorageName = 'KedroViz';
export const localStorageFlowchartLink = 'KedroViz-link-to-flowchart';
export const localStorageMetricsSelect = 'KedroViz-metrics-chart-select';
-export const localStorageRunsMetadata = 'KedroViz-runs-metadata';
export const localStorageShareableUrl = 'KedroViz-shareable-url';
export const localStorageFeedbackSeen = 'KedroViz-feedback-seen';
export const localStorageBannerStatus = 'KedroViz-banners';
@@ -38,24 +35,6 @@ export const codeSidebarWidth = {
// The exact fixed height of a row as measured by getBoundingClientRect()
export const nodeListRowHeight = 32;
-// These colours variables come from styles/variables
-const slate600 = '#0e222d';
-const slate200 = '#21333e';
-
-const grey200 = '#d5d8da';
-const grey100 = '#eaebed';
-
-export const experimentTrackingLazyLoadingColours = {
- backgroundLightTheme: grey200,
- foregroundLightTheme: grey100,
- backgroundDarkTheme: slate600,
- foregroundDarkTheme: slate200,
-};
-
-export const metricLimit = 50;
-
-export const experimentTrackingLazyLoadingGap = 38;
-
export const chartMinWidthScale = 0.25;
// Determine the number of nodes and edges in pipeline to trigger size warning
@@ -131,20 +110,14 @@ export const params = {
};
const activePipeline = `${params.pipeline}=:pipelineId`;
-const pathname = sanitizedPathname();
export const routes = {
flowchart: {
- main: pathname,
- focusedNode: `${pathname}?${activePipeline}&${params.focused}=:id`,
- selectedNode: `${pathname}?${activePipeline}&${params.selected}=:id`,
- selectedName: `${pathname}?${activePipeline}&${params.selectedName}=:fullName`,
- selectedPipeline: `${pathname}?${activePipeline}`,
- },
- experimentTracking: {
- main: `${pathname}experiment-tracking`,
- selectedView: `${pathname}experiment-tracking?${params.view}=:view`,
- selectedRuns: `${pathname}experiment-tracking?${params.run}=:ids&${params.view}=:view&${params.comparisonMode}=:isComparison`,
+ main: '/',
+ focusedNode: `/?${activePipeline}&${params.focused}=:id`,
+ selectedNode: `/?${activePipeline}&${params.selected}=:id`,
+ selectedName: `/?${activePipeline}&${params.selectedName}=:fullName`,
+ selectedPipeline: `/?${activePipeline}`,
},
};
@@ -152,8 +125,6 @@ export const errorMessages = {
node: 'Please check the value of "selected_id"/"sid" or "selected_name"/"sn" in the URL',
modularPipeline: 'Please check the value of "focused_id"/"fid" in the URL',
pipeline: 'Please check the value of "pipeline_id"/"pid" in the URL',
- experimentTracking: `Please check the spelling of "run_ids" or "view" or "comparison" in the URL. It may be a typo 😇`,
- runIds: `Please check the value of "run_ids" in the URL. Perhaps you've deleted the entity 🙈 or it may be a typo 😇`,
};
export const datasetStatLabels = ['rows', 'columns', 'file_size'];
@@ -185,9 +156,6 @@ export const inputKeyToStateKeyMap = {
endpoint: 'hasEndpoint',
};
-export const RUN_TITLE = 'title';
-export const RUN_NOTES = 'notes';
-
export const PACKAGE_FSSPEC = 'fsspec';
export const PACKAGE_KEDRO_DATASETS = 'kedro-datasets';
diff --git a/src/reducers/index.js b/src/reducers/index.js
index 79af193f24..4af8356df6 100644
--- a/src/reducers/index.js
+++ b/src/reducers/index.js
@@ -1,5 +1,4 @@
import { combineReducers } from 'redux';
-import runsMetadata from './runs-metadata';
import flags from './flags';
import graph from './graph';
import layer from './layers';
@@ -84,7 +83,6 @@ const combinedReducer = combineReducers({
tag,
modularPipeline,
visible,
- runsMetadata,
showBanner: bannerReducer,
// These props don't have any actions associated with them
display: createReducer(null),
diff --git a/src/reducers/runs-metadata.js b/src/reducers/runs-metadata.js
deleted file mode 100644
index 2440779459..0000000000
--- a/src/reducers/runs-metadata.js
+++ /dev/null
@@ -1,39 +0,0 @@
-import {
- TOGGLE_BOOKMARK,
- UPDATE_RUN_TITLE,
- UPDATE_RUN_NOTES,
-} from '../actions';
-
-function runsMetadataReducer(runsMetadataState = {}, action) {
- switch (action.type) {
- case TOGGLE_BOOKMARK: {
- return Object.assign({}, runsMetadataState, {
- [action.runId]: {
- ...runsMetadataState[action.runId],
- bookmark: action.bookmark,
- },
- });
- }
- case UPDATE_RUN_TITLE: {
- return Object.assign({}, runsMetadataState, {
- [action.runId]: {
- ...runsMetadataState[action.runId],
- title: action.title,
- },
- });
- }
- case UPDATE_RUN_NOTES: {
- return Object.assign({}, runsMetadataState, {
- [action.runId]: {
- ...runsMetadataState[action.runId],
- notes: action.notes,
- },
- });
- }
-
- default:
- return runsMetadataState;
- }
-}
-
-export default runsMetadataReducer;
diff --git a/src/store/initial-state.js b/src/store/initial-state.js
index 60f2423310..1fa9eae3db 100644
--- a/src/store/initial-state.js
+++ b/src/store/initial-state.js
@@ -7,7 +7,6 @@ import {
settings,
sidebarWidth,
localStorageName,
- localStorageRunsMetadata,
params,
BANNER_KEYS,
} from '../config';
@@ -62,7 +61,6 @@ export const createInitialState = () => ({
reFocus: true,
},
zoom: {},
- runsMetadata: {},
});
export const parseUrlParameters = () => {
@@ -167,19 +165,14 @@ const applyUrlParametersToNonPipelineState = (state, urlParams) => {
*/
export const mergeLocalStorage = (state) => {
const localStorageState = loadLocalStorage(localStorageName);
- const localStorageRunsMetadataState = loadLocalStorage(
- localStorageRunsMetadata
- );
+
Object.keys(localStorageState).forEach((key) => {
if (!(key in state)) {
delete localStorageState[key];
}
});
- const allLocalStorageState = {
- ...localStorageState,
- ...{ runsMetadata: localStorageRunsMetadataState },
- };
- return deepmerge(state, allLocalStorageState);
+
+ return deepmerge(state, localStorageState);
};
/**
diff --git a/src/store/store.js b/src/store/store.js
index 8013c2f8e5..8a70c9e807 100644
--- a/src/store/store.js
+++ b/src/store/store.js
@@ -5,7 +5,7 @@ import reducer from '../reducers';
import { getGraphInput } from '../selectors/layout';
import { calculateGraph } from '../actions/graph';
import { saveLocalStorage, pruneFalseyKeys } from './helpers';
-import { localStorageName, localStorageRunsMetadata } from '../config';
+import { localStorageName } from '../config';
import createCallbackMiddleware from './middleware';
/**
@@ -62,9 +62,6 @@ const saveStateToLocalStorage = (state) => {
flags: state.flags,
expandAllPipelines: state.expandAllPipelines,
});
-
- // Store Run's metadata to localstorage
- saveLocalStorage(localStorageRunsMetadata, state.runsMetadata);
};
/**
diff --git a/src/utils/experiment-tracking-utils.js b/src/utils/experiment-tracking-utils.js
deleted file mode 100644
index 617cf11409..0000000000
--- a/src/utils/experiment-tracking-utils.js
+++ /dev/null
@@ -1,85 +0,0 @@
-/**
- * Take a value and return a meaningful value for display on experiment tracking tables
- * @param {value} value The value to be sanitized
- * @returns A sanitized value
- */
-export const sanitizeValue = (value) => {
- if (value === '' || value === null || value === undefined) {
- return '-';
- } else if (typeof value === 'object' || typeof value === 'boolean') {
- return JSON.stringify(value);
- }
-
- return value;
-};
-
-/**
- * Takes a set of run metadata and run tracking data to construct the array object for csv export
- * @param {Array} runMetadata The set of runMetadata
- * @param {Array} runTrackingData The set of runTrackingData
- * @returns An array formatted for CSV export
- */
-export const constructExportData = (runMetadata, runTrackingData) => {
- let csvData = [];
-
- if (runMetadata && runTrackingData) {
- // Obtain runMetadata
- const runTitle = runMetadata?.map((run) => sanitizeValue(run.title));
- const createdBy = runMetadata?.map((run) => sanitizeValue(run.author));
- const gitSha = runMetadata?.map((run) => sanitizeValue(run.gitSha));
- const gitBranch = runMetadata?.map((run) => sanitizeValue(run.gitBranch));
- const runCommand = runMetadata?.map((run) => sanitizeValue(run.runCommand));
- const notes = runMetadata?.map((run) => sanitizeValue(run.notes));
-
- csvData.push(
- ['Title', ...runTitle],
- ['Created By', ...createdBy],
- ['Git SHA', ...gitSha],
- ['Git Branch', ...gitBranch],
- ['Run Command', ...runCommand],
- ['Notes', ...notes]
- );
-
- // Create empty line between metadata fields and tracking data fields.
- csvData.push([]);
-
- buildCSVRows('Metrics');
- buildCSVRows('JSON Data');
-
- function buildCSVRows(section) {
- runTrackingData[section].forEach((trackingDataset) => {
- const { datasetName, data } = trackingDataset;
- const dataKeyNames = Object.keys(data).sort((a, b) => {
- return a.localeCompare(b);
- });
-
- csvData.push([datasetName]);
-
- dataKeyNames.forEach((key) => {
- let keyData = [key];
-
- data[key].forEach((dataField) => keyData.push(dataField.value));
- csvData.push(keyData);
- });
-
- csvData.push([]);
- });
- }
- }
-
- return csvData;
-};
-
-/**
- * Take a the runMetadata list to generate a meaningful file name for csv export
- * @param {Array} runMetadata The set of runMetadata to be exported
- * @returns A string to be used as the file name
- */
-export const generateCSVFileName = (runMetadata) => {
- let filename = 'rundata';
-
- runMetadata?.forEach((run) => (filename += `-${run.id}`));
- filename += '.csv';
-
- return filename;
-};
diff --git a/src/utils/hooks/use-generate-pathname.js b/src/utils/hooks/use-generate-pathname.js
index a70fd14ecf..06468154b5 100644
--- a/src/utils/hooks/use-generate-pathname.js
+++ b/src/utils/hooks/use-generate-pathname.js
@@ -1,9 +1,8 @@
import { useCallback } from 'react';
-import { useHistory, generatePath } from 'react-router-dom';
+import { useHistory } from 'react-router-dom';
import {
localStorageName,
params,
- routes,
defaultQueryParams,
NODE_TYPES,
} from '../../config';
@@ -134,39 +133,3 @@ export const useGeneratePathname = () => {
toUpdateUrlParamsOnFilter,
};
};
-
-export const useGeneratePathnameForExperimentTracking = () => {
- const history = useHistory();
-
- const toExperimentTrackingPath = useCallback(() => {
- const url = generatePath(routes.experimentTracking.main);
-
- history.push(url);
- }, [history]);
-
- const toMetricsViewPath = useCallback(() => {
- const url = generatePath(routes.experimentTracking.selectedView, {
- view: 'Metrics',
- });
- history.push(url);
- }, [history]);
-
- const toSelectedRunsPath = useCallback(
- (ids, view, isComparison) => {
- const url = generatePath(routes.experimentTracking.selectedRuns, {
- ids: ids.length === 1 ? ids[0] : ids.toString(),
- view,
- isComparison,
- });
-
- history.push(url);
- },
- [history]
- );
-
- return {
- toExperimentTrackingPath,
- toMetricsViewPath,
- toSelectedRunsPath,
- };
-};
diff --git a/src/utils/index.js b/src/utils/index.js
index 83804e0a6c..7da4d70706 100644
--- a/src/utils/index.js
+++ b/src/utils/index.js
@@ -206,22 +206,6 @@ export const isRunningLocally = () => {
return itemFound;
};
-/**
- * Sanitized pathname with experiment-tracking string and check if path containing trailing slash
- * @returns {string} Sanitized pathname
- */
-export const sanitizedPathname = () => {
- const { pathname } = window.location;
- const sanitizedPathname = replaceMatches(pathname, {
- 'experiment-tracking': '',
- });
- const pathnameWithTrailingSlash = sanitizedPathname.endsWith('/')
- ? sanitizedPathname
- : `${sanitizedPathname}/`; // the `pathname` will have a trailing slash if it didn't initially
-
- return pathnameWithTrailingSlash;
-};
-
/**
* Fetches viz metadata from the server.
* @returns {Promise
} A promise that resolves the fetched viz metadata.
diff --git a/src/utils/match-path.js b/src/utils/match-path.js
index 58a707437c..e1cc879314 100644
--- a/src/utils/match-path.js
+++ b/src/utils/match-path.js
@@ -23,29 +23,11 @@ export const findMatchedPath = (pathname, search) => {
const matchedSelectedNodeName = () => hasQueryParam(params.selectedName);
const matchedFocusedNode = () => hasQueryParam(params.focused);
- const matchedExperimentTrackingMainPage = matchPath(pathname + search, {
- exact: true,
- path: [routes.experimentTracking.main],
- });
-
- const matchedSelectedView = matchPath(pathname + search, {
- exact: true,
- path: [routes.experimentTracking.selectedView],
- });
-
- const matchedSelectedRuns = matchPath(pathname + search, {
- exact: true,
- path: [routes.experimentTracking.selectedRuns],
- });
-
return {
matchedFlowchartMainPage,
matchedSelectedPipeline,
matchedSelectedNodeId,
matchedSelectedNodeName,
matchedFocusedNode,
- matchedExperimentTrackingMainPage,
- matchedSelectedView,
- matchedSelectedRuns,
};
};
diff --git a/src/utils/object-utils.js b/src/utils/object-utils.js
index 8efdaab066..159cbe1610 100644
--- a/src/utils/object-utils.js
+++ b/src/utils/object-utils.js
@@ -1,29 +1,3 @@
-export const removeChildFromObject = (originalObj, itemsToRemove) => {
- let updatedObj = { ...originalObj };
- itemsToRemove.map((each) => {
- const { [each]: unused, ...rest } = updatedObj;
-
- return (updatedObj = { ...rest });
- });
-
- return updatedObj;
-};
-
-export const removeElementsFromObjectValues = (obj, itemsToRemove) => {
- let updatedObj = {};
-
- for (const [key, value] of Object.entries(obj)) {
- let newVal = [...value];
- newVal = newVal.filter(function (_, index) {
- return itemsToRemove.indexOf(index) === -1;
- });
-
- updatedObj[key] = newVal;
- }
-
- return updatedObj;
-};
-
// Returns the key of the given value in the object.
export const getKeyByValue = (object, value) => {
return Object.keys(object).find((key) => object[key] === value);
diff --git a/src/utils/object-utils.test.js b/src/utils/object-utils.test.js
index 00ad189980..dc55a4bb74 100644
--- a/src/utils/object-utils.test.js
+++ b/src/utils/object-utils.test.js
@@ -1,55 +1,4 @@
-import {
- removeChildFromObject,
- removeElementsFromObjectValues,
- getKeyByValue,
- getKeysByValue,
-} from './object-utils';
-import { data } from '../components/experiment-tracking/mock-data';
-
-const mockToBeRemovedValues = {
- 'Dataset1.Metrics1': 0,
- 'Dataset1.Metrics2': 1,
- 'Dataset1.Metrics3': 2,
-};
-
-test('return expected metrics which should not have the first 3 metrics keys "Dataset1.Metrics1", "Dataset1.Metrics2", and "Dataset1.Metrics3"', () => {
- const expected = {
- 'Dataset2.Metrics4': [4, 2.9, 7.7, 3.5, 2.4, 2.4, 3.4, 6.4, 1.4],
- 'Dataset2.Metrics5': [5, 6, 1, 2.1, 1.6, 5.6, 4.6, 2.6, 6.6],
- 'Dataset2.Metrics6': [4, 2.9, 7.7, 3.5, 2.4, 2.4, 3.4, 6.4, 1.4],
- 'Dataset1.Metrics7': [1, 3, 4.5, 2.4, 3.3, 5.3, 1.3, 6.5, 3.4],
- 'Dataset1.Metrics8': [3, 1.3, 6.6, 6.6, 5.6, 5.6, 2.6, 1.6, 4.6],
- 'Dataset2.Metrics9': [5, 6, 1, 2.1, 1.6, 5.6, 4.6, 2.6, 6.6],
- };
-
- const received = removeChildFromObject(
- data.metrics,
- Object.keys(mockToBeRemovedValues)
- );
-
- expect(received).toStrictEqual(expected);
-});
-
-test('return expected runs which should not have the first 3 values', () => {
- const expected = {
- '2022-09-05T12.27.04.496Z': [4, 5],
- '2022-10-05T12.22.35.825Z': [2.9, 6],
- '2022-12-24T21.05.59.296Z': [7.7, 1],
- '2022-08-24T21.04.31.605Z': [3.5, 2.1],
- '2022-08-24T21.03.25.671Z': [2.4, 1.6],
- '2022-07-22T13.49.08.764Z': [2.4, 5.6],
- '2022-07-21T12.54.06.759Z': [3.4, 4.6],
- '2022-07-20T15.39.58.437Z': [6.4, 2.6],
- '2022-06-22T13.13.06.258Z': [1.4, 6.6],
- };
-
- const received = removeElementsFromObjectValues(
- data.runs,
- Object.values(mockToBeRemovedValues)
- );
-
- expect(received).toStrictEqual(expected);
-});
+import { getKeyByValue, getKeysByValue } from './object-utils';
test('return the correct key for the value', () => {
const mockObject = {
-