1 // Copyright (C) The Arvados Authors. All rights reserved.
3 // SPDX-License-Identifier: AGPL-3.0
5 import React from 'react';
6 import { LINK_PANEL_ID } from 'store/link-panel/link-panel-actions';
7 import { DataExplorer } from 'views-components/data-explorer/data-explorer';
8 import { SortDirection } from 'components/data-table/data-column';
9 import { DataColumns } from 'components/data-table/data-table';
10 import { ResourcesState } from 'store/resources/resources';
11 import { ShareMeIcon } from 'components/icon/icon';
12 import { createTree } from 'models/tree';
14 ResourceLinkUuid, ResourceLinkHead, ResourceLinkTail,
15 ResourceLinkClass, ResourceLinkName }
16 from 'views-components/data-explorer/renderers';
17 import { StyleRulesCallback, WithStyles, withStyles } from '@material-ui/core';
18 import { ArvadosTheme } from 'common/custom-theme';
20 type CssRules = "root";
22 const styles: StyleRulesCallback<CssRules> = (theme: ArvadosTheme) => ({
28 export enum LinkPanelColumnNames {
30 LINK_CLASS = "Link Class",
36 export const linkPanelColumns: DataColumns<string> = [
38 name: LinkPanelColumnNames.NAME,
41 sortDirection: SortDirection.NONE,
42 filters: createTree(),
43 render: uuid => <ResourceLinkName uuid={uuid} />
46 name: LinkPanelColumnNames.LINK_CLASS,
49 filters: createTree(),
50 render: uuid => <ResourceLinkClass uuid={uuid} />
53 name: LinkPanelColumnNames.TAIL,
56 filters: createTree(),
57 render: uuid => <ResourceLinkTail uuid={uuid} />
60 name: LinkPanelColumnNames.HEAD,
63 filters: createTree(),
64 render: uuid => <ResourceLinkHead uuid={uuid} />
67 name: LinkPanelColumnNames.UUID,
70 filters: createTree(),
71 render: uuid => <ResourceLinkUuid uuid={uuid} />
75 export interface LinkPanelRootDataProps {
76 resources: ResourcesState;
79 export interface LinkPanelRootActionProps {
80 onItemClick: (item: string) => void;
81 onContextMenu: (event: React.MouseEvent<HTMLElement>, item: string) => void;
82 onItemDoubleClick: (item: string) => void;
85 export type LinkPanelRootProps = LinkPanelRootDataProps & LinkPanelRootActionProps & WithStyles<CssRules>;
87 export const LinkPanelRoot = withStyles(styles)((props: LinkPanelRootProps) => {
88 return <div className={props.classes.root}><DataExplorer
90 onRowClick={props.onItemClick}
91 onRowDoubleClick={props.onItemDoubleClick}
92 onContextMenu={props.onContextMenu}
93 contextMenuColumn={true}
96 defaultViewIcon={ShareMeIcon}
97 defaultViewMessages={['Your link list is empty.']} />