Merge UI fixes and metadata standardizer

pephub/routers/api/v1/project.py

@@ -55,6 +55,7 @@
     ConfigResponseModel,
 )
 from .helpers import verify_updated_project
+from attribute_standardizer.attr_standardizer_class import AttrStandardizer
 
 _LOGGER = logging.getLogger(__name__)
 
@@ -1138,3 +1139,33 @@ def delete_full_history(
             status_code=400,
             detail="Could not delete history. Server error.",
         )
+
+
+@project.get(
+    "/standardize",
+    summary="Standardize PEP metadata column headers",
+)
+async def get_standardized_cols(
+    namespace: str, project: str, tag: Optional[str] = DEFAULT_TAG, schema: str = ""
+):
+    """
+    Standardize PEP metadata column headers using BEDmess.
+
+    Args:
+    - pep (str): PEP string to be standardized
+    - schema (str): Schema for AttrStandardizer
+
+    Returns:
+    - dict: Standardized results
+    """
+
+    if schema == "":
+        return {}
+
+    path = namespace + "/" + project + ":" + tag
+    print(path)
+
+    model = AttrStandardizer(schema)
+
+    results = model.standardize(pep=path)
+    return {"results": results}

web/src/api/project.ts

@@ -85,6 +85,14 @@ export type RestoreProjectFromHistoryResponse = {
   registry: string;
 };
 
+export type StandardizeColsResponse = {
+  results: {
+    [key: string]: {
+      [key: string]: number;
+    };
+  };
+};
+
 export const getProject = (
   namespace: string,
   projectName: string,
@@ -404,3 +412,16 @@ export const restoreProjectFromHistory = (
   const url = `${API_BASE}/projects/${namespace}/${name}/history/${historyId}/restore?tag=${tag}`;
   return axios.post<RestoreProjectFromHistoryResponse>(url, {}, { headers: { Authorization: `Bearer ${jwt}` } });
 };
+
+export const getStandardizedCols = (
+  namespace: string,
+  name: string,
+  tag: string,
+  jwt: string | null,
+  schema: string,
+) => {
+  const url = `${API_BASE}/projects/${namespace}/${name}/standardize?schema=${schema}&tag=${tag}`;
+  return axios
+    .get<StandardizeColsResponse>(url, { headers: { Authorization: `Bearer ${jwt}` } })
+    .then((res) => res.data);
+};

web/src/components/forms/components/schemas-databio-dropdown.tsx

@@ -29,9 +29,15 @@ const SchemaDropdown: FC<Props> = ({ value, onChange, showDownload = true }) =>
           onChange(newValue?.value || '');
         }}
         placeholder={isLoading ? 'Fetching schemas...' : 'Assign a schema...'}
-        isClearable
+        // isClearable
         menuPlacement="top"
         className="w-100"
+        styles={{
+                control: (provided) => ({
+                  ...provided,
+                  borderRadius: '.33333em',
+                })
+              }}
       />
       {showDownload && (
         <a

web/src/components/modals/add-view-options.tsx

@@ -15,6 +15,7 @@ type Props = {
   show: boolean;
   onHide: () => void;
   filteredSamples: string[];
+  deleteView: (deletedView: string) => void;
 };
 
 type FormValues = {
@@ -30,7 +31,7 @@ type ViewOption = {
 };
 
 export const ViewOptionsModal = (props: Props) => {
-  const { show, onHide, filteredSamples } = props;
+  const { show, onHide, filteredSamples, deleteView } = props;
 
   const { namespace, projectName, tag } = useProjectPage();
 
@@ -67,6 +68,7 @@ export const ViewOptionsModal = (props: Props) => {
     }
     viewMutations.removeViewMutation.mutate(selectedViewDelete.value);
     setSelectedViewDelete(null);
+    deleteView(selectedViewDelete.value)
   };
 
   const onSubmit = () => {