// Copyright (C) The Arvados Authors. All rights reserved. // // SPDX-License-Identifier: AGPL-3.0 import * as React from 'react'; import { reduxForm, reset, InjectedFormProps } from 'redux-form'; import { compose, Dispatch } from 'redux'; import { Paper, StyleRulesCallback, withStyles, WithStyles, Button, Grid, IconButton, CircularProgress } from '@material-ui/core'; import { SearchView } from '~/store/search-bar/search-bar-reducer'; import { SEARCH_BAR_ADVANCE_FORM_NAME, SearchBarAdvanceFormData } from '~/store/search-bar/search-bar-actions'; import { ArvadosTheme } from '~/common/custom-theme'; import { CloseIcon } from '~/components/icon/icon'; import { SearchBarTypeField, SearchBarClusterField, SearchBarProjectField, SearchBarTrashField, SearchBarDataFromField, SearchBarDataToField, SearchBarKeyField, SearchBarValueField, SearchBarSaveSearchField, SearchBarQuerySearchField } from '~/views-components/form-fields/search-bar-form-fields'; type CssRules = 'form' | 'container' | 'closeIcon' | 'label' | 'buttonWrapper' | 'button' | 'circularProgress'; const styles: StyleRulesCallback = (theme: ArvadosTheme) => ({ form: { }, container: { padding: theme.spacing.unit * 3, borderBottom: `1px solid ${theme.palette.grey["200"]}` }, closeIcon: { position: 'absolute', top: '12px', right: '12px' }, label: { color: theme.palette.grey["500"], fontSize: '0.8125rem', alignSelf: 'center' }, buttonWrapper: { paddingTop: '14px', position: 'relative', }, button: { boxShadow: 'none' }, circularProgress: { position: 'absolute', top: -9, bottom: 0, left: 0, right: 0, margin: 'auto' } }); interface SearchBarAdvancedViewDataProps { submitting: boolean; invalid: boolean; pristine: boolean; } interface SearchBarAdvancedViewActionProps { setView: (currentView: string) => void; } type SearchBarAdvancedViewProps = SearchBarAdvancedViewActionProps & SearchBarAdvancedViewDataProps & InjectedFormProps & WithStyles; export const SearchBarAdvancedView = compose( reduxForm({ form: SEARCH_BAR_ADVANCE_FORM_NAME, onSubmit: (data: SearchBarAdvanceFormData, dispatch: Dispatch) => { dispatch(reset(SEARCH_BAR_ADVANCE_FORM_NAME)); } }), withStyles(styles))( ({ classes, setView, handleSubmit, invalid, submitting, pristine }: SearchBarAdvancedViewProps) =>
Type Cluster Project setView(SearchView.BASIC)} className={classes.closeIcon}> Data modified Properties
{submitting && }
);