style: format prettier with object wrapping set to collapse

Author: OliverDudgeon

.prettierrc

@@ -7,5 +7,6 @@
   "bracketSpacing": true,
   "bracketSameLine": false,
   "useTabs": false,
-  "tabWidth": 2
+  "tabWidth": 2,
+  "objectWrap": "collapse"
 }

pnpm-lock.yaml

@@ -48,12 +48,7 @@ export interface BaseCardProps {
    * String values to be displayed in the header section of the card. Only title is required.
    * Missing values are not displayed.
    */
-  header?: {
-    title: string;
-    subtitle?: string;
-    avatar?: string;
-    color?: string;
-  };
+  header?: { title: string; subtitle?: string; avatar?: string; color?: string };
 }
 
 /**
@@ -85,10 +80,7 @@ export const BaseCard = ({
               {header.avatar?.[0].toUpperCase()}
             </Avatar>
           }
-          slotProps={{
-            subheader: { variant: "subtitle1" },
-            title: { variant: "body1" },
-          }}
+          slotProps={{ subheader: { variant: "subtitle1" }, title: { variant: "body1" } }}
           subheader={header.subtitle}
           title={header.title}
         />

src/components/BaseCard.tsx

@@ -19,10 +19,7 @@ export interface CreateDatasetStorageSubscriptionProps {
   unit: UnitAllDetail;
 }
 
-const initialValues = {
-  allowance: 1000,
-  name: "Dataset Storage",
-};
+const initialValues = { allowance: 1000, name: "Dataset Storage" };
 
 export const CreateDatasetStorageSubscription = ({
   unit,
@@ -34,10 +31,12 @@ export const CreateDatasetStorageSubscription = ({
   return (
     <Formik
       initialValues={initialValues}
-      validationSchema={yup.object().shape({
-        name: yup.string().trim().required("A name is required"),
-        allowance: yup.number().min(1).integer().required("An allowance is required"),
-      })}
+      validationSchema={yup
+        .object()
+        .shape({
+          name: yup.string().trim().required("A name is required"),
+          allowance: yup.number().min(1).integer().required("An allowance is required"),
+        })}
       onSubmit={async ({ allowance, name }) => {
         try {
           await createProduct({

src/components/CreateDatasetStorageSubscription.tsx

@@ -126,9 +126,7 @@ const fuzzyFilter: FilterFn<any> = (row, columnId, value, addMeta) => {
   const itemRank = rankItem(row.getValue(columnId), value);
 
   // Store the itemRank info
-  addMeta({
-    itemRank,
-  });
+  addMeta({ itemRank });
 
   // Return if the item should be filtered in/out
   return itemRank.passed;
@@ -224,16 +222,8 @@ export const DataTable = <Data extends Record<string, any>>(props: DataTableProp
     getRowId,
     data: tableData,
     columns: paddedColumns,
-    filterFns: {
-      fuzzy: fuzzyFilter,
-    },
-    state: {
-      sorting,
-      globalFilter,
-      columnFilters,
-      expanded,
-      rowSelection,
-    },
+    filterFns: { fuzzy: fuzzyFilter },
+    state: { sorting, globalFilter, columnFilters, expanded, rowSelection },
     initialState: {
       rowSelection: initialSelection
         ? Object.fromEntries(initialSelection.map((id) => [id, true]))

src/components/DataTable/DataTable.tsx

@@ -26,10 +26,7 @@ export const AllFilesList = ({
   const [breadcrumbs, setBreadcrumbs] = useState<string[]>([]);
   const subPath = "/" + breadcrumbs.join("/");
 
-  const { data, isLoading } = useGetFiles({
-    project_id: projectId,
-    path: subPath,
-  });
+  const { data, isLoading } = useGetFiles({ project_id: projectId, path: subPath });
 
   const files =
     data?.files.filter((file) => !file.mime_type || mimeTypes?.includes(file.mime_type)) ?? [];

src/components/FileSelector/AllFilesList.tsx

@@ -8,7 +8,5 @@ export const HorizontalList = styled(List)({
   display: "flex",
   flexDirection: "row",
   flexWrap: "wrap",
-  "& > li": {
-    width: "auto",
-  },
+  "& > li": { width: "auto" },
 });

src/components/HorizontalList.tsx

@@ -30,19 +30,11 @@ interface DepictMoleculePropsBase {
 }
 
 export type DepictVariants =
-  | {
-      variant: "molFile";
-      molFile: string;
-    }
-  | {
-      variant: "smiles";
-      smiles: string;
-    };
+  | { variant: "molFile"; molFile: string }
+  | { variant: "smiles"; smiles: string };
 
 export type DepictMoleculeProps = DepictMoleculePropsBase &
-  DepictVariants & {
-    depictParams: DepictParameters;
-  };
+  DepictVariants & { depictParams: DepictParameters };
 
 type ImageProps = Omit<ComponentProps<"img">, "src">;
 

src/components/MolCard/DepictMolecule.tsx

@@ -27,11 +27,7 @@ export const FilePlainTextViewerListItem = ({
       passHref
       href={{
         pathname: "/project/file",
-        query: {
-          project: router.query.project,
-          file: fileName,
-          path,
-        },
+        query: { project: router.query.project, file: fileName, path },
       }}
     >
       <ListItemButton

src/components/ViewFilePopover/FilePlainTextViewerListItem.tsx

@@ -25,11 +25,7 @@ export const SDFViewerListItem = ({ fileName, path, onClick }: SDFViewerListItem
       passHref
       href={{
         pathname: "/viewer/sdf",
-        query: {
-          project: router.query.project,
-          file: fileName,
-          path,
-        },
+        query: { project: router.query.project, file: fileName, path },
       }}
     >
       <ListItemButton