+export const COLUMNS: DataColumns<ProjectPanelItem, ProjectPanelFilter> = [
+ {
+ name: ColumnNames.NAME,
+ selected: true,
+ sortDirection: SortDirection.Asc,
+ render: RENDER_NAME,
+ width: "450px"
+ },
+ {
+ name: "Status",
+ selected: true,
+ filters: [
+ {
+ name: ContainerRequestState.Committed,
+ selected: true,
+ type: ContainerRequestState.Committed
+ },
+ {
+ name: ContainerRequestState.Final,
+ selected: true,
+ type: ContainerRequestState.Final
+ },
+ {
+ name: ContainerRequestState.Uncommitted,
+ selected: true,
+ type: ContainerRequestState.Uncommitted
+ }
+ ],
+ render: RENDER_STATUS,
+ width: "75px"
+ },
+ {
+ name: ColumnNames.TYPE,
+ selected: true,
+ filters: [
+ {
+ name: RESOURCE_LABEL(ResourceKind.Collection),
+ selected: true,
+ type: ResourceKind.Collection
+ },
+ {
+ name: RESOURCE_LABEL(ResourceKind.Process),
+ selected: true,
+ type: ResourceKind.Process
+ },
+ {
+ name: RESOURCE_LABEL(ResourceKind.Project),
+ selected: true,
+ type: ResourceKind.Project
+ }
+ ],
+ render: item => RENDER_TYPE(item.kind),
+ width: "125px"
+ },
+ {
+ name: ColumnNames.OWNER,
+ selected: true,
+ render: item => RENDER_OWNER(item.owner),
+ width: "200px"
+ },
+ {
+ name: ColumnNames.FILE_SIZE,
+ selected: true,
+ render: item => RENDER_FILE_SIZE(item.fileSize),
+ width: "50px"
+ },
+ {
+ name: ColumnNames.LAST_MODIFIED,
+ selected: true,
+ sortDirection: SortDirection.None,
+ render: item => RENDER_DATE(item.lastModified),
+ width: "150px"
+ }
+];
+
+export default withStyles(styles)(
+ connect((state: RootState) => ({ currentItemId: state.projects.currentItemId }))(ProjectPanel));