chore: update findable-ui (#2478) (#2537)

Co-authored-by: Fran McDade <[email protected]>

components/HCABioNetworks/Network/Atlas/components/Datasets/components/MainColumn/mainColumn.tsx

@@ -1,6 +1,5 @@
 import { FluidPaper } from "@databiosphere/findable-ui/lib/components/common/Paper/paper.styles";
 import { BackPageContentSingleColumn } from "@databiosphere/findable-ui/lib/components/Layout/components/BackPage/backPageView.styles";
-import React from "react";
 import { AtlasDatasetsDescription } from "../../../../../../../../content";
 import { useAtlas } from "../../../../../../../../contexts/atlasContext";
 import { useConfig } from "../../../../../../../../hooks/useConfig";

components/HCABioNetworks/Network/Atlas/components/Overview/components/MainColumn/mainColumn.tsx

@@ -14,7 +14,6 @@ import {
 } from "@databiosphere/findable-ui/lib/theme/common/typography";
 import { Typography } from "@mui/material";
 import { useAtlas, useAtlasContent } from "contexts/atlasContext";
-import React from "react";
 import { getIntegratedAtlasesTableColumns } from "../../../../../../../../viewModelBuilders/viewModelBuilders";
 import { Table, Toolbar } from "../../../../../../../common/Table/table.styles";
 import { SectionText } from "../../../../../../components/Section/section.styles";

components/HCABioNetworks/Network/Atlas/components/Overview/components/SideColumn/sideColumn.tsx

@@ -1,6 +1,6 @@
 import { Sections } from "@databiosphere/findable-ui/lib/components/common/Sections/sections";
 import { useAtlas } from "contexts/atlasContext";
-import React, { Fragment } from "react";
+import { Fragment } from "react";
 import { Coordinators } from "../../../../../../../common/Section/components/Coordinators/coordinators";
 import { HCABiologicalNetwork } from "../../../../../../../common/Section/components/HCABiologicalNetwork/HCABiologicalNetwork";
 import { Publications } from "../../../../../../../common/Section/components/Publications/publications";

components/HCABioNetworks/Network/Atlas/components/common/DataReleasePolicy/dataReleasePolicy.tsx

@@ -1,6 +1,5 @@
 import { GridPaperSection } from "@databiosphere/findable-ui/lib/components/common/Section/section.styles";
 import { Link } from "@databiosphere/findable-ui/lib/components/Links/components/Link/link";
-import React from "react";
 
 const DATA_RELEASE_POLICY_URL =
   "https://www.humancellatlas.org/data-release-policy";

components/HCABioNetworks/Network/Atlas/components/common/Hero/hero.tsx

@@ -1,7 +1,7 @@
 import { BackPageHero } from "@databiosphere/findable-ui/lib/components/Layout/components/BackPage/components/BackPageHero/backPageHero";
 import { NETWORKS_ROUTE } from "constants/routes";
 import { useAtlas } from "contexts/atlasContext";
-import React, { useMemo } from "react";
+import { useMemo } from "react";
 
 export const Hero = (): JSX.Element => {
   const { atlas, network } = useAtlas();

components/HCABioNetworks/Network/Atlas/components/common/Tabs/tabs.tsx

@@ -8,7 +8,6 @@ import {
 } from "constants/routes";
 import { useAtlas } from "contexts/atlasContext";
 import { useRouter } from "next/router";
-import React from "react";
 
 const TABS = [
   {

components/HCABioNetworks/Network/components/Datasets/components/MainColumn/mainColumn.tsx

@@ -1,6 +1,5 @@
 import { FluidPaper } from "@databiosphere/findable-ui/lib/components/common/Paper/paper.styles";
 import { BackPageContentSingleColumn } from "@databiosphere/findable-ui/lib/components/Layout/components/BackPage/backPageView.styles";
-import React from "react";
 import { DatasetsDescription } from "../../../../../../../content";
 import { useNetwork } from "../../../../../../../contexts/networkContext";
 import { useConfig } from "../../../../../../../hooks/useConfig";

components/HCABioNetworks/Network/components/Overview/components/MainColumn/components/NetworkAtlasesEmpty/networkAtlasesEmpty.styles.ts

@@ -18,13 +18,4 @@ export const SectionContent = styled(DXSectionContent)`
   .MuiTypography-root {
     text-align: center;
   }
-
-  .MuiLink-root {
-    color: inherit;
-    text-decoration: underline;
-
-    &:hover {
-      text-decoration: none;
-    }
-  }
 `;

components/HCABioNetworks/Network/components/Overview/components/MainColumn/components/NetworkAtlasesEmpty/networkAtlasesEmpty.tsx

@@ -7,7 +7,6 @@ import {
 import { Link } from "@databiosphere/findable-ui/lib/components/Links/components/Link/link";
 import { TEXT_BODY_400_2_LINES } from "@databiosphere/findable-ui/lib/theme/common/typography";
 import { Typography } from "@mui/material";
-import React from "react";
 import { Network } from "../../../../../../../../../@types/network";
 import { NETWORKS_ROUTE } from "../../../../../../../../../constants/routes";
 import { getBioNetworkName } from "../../../../../../../../../viewModelBuilders/viewModelBuilders";

components/HCABioNetworks/Network/components/Overview/components/MainColumn/mainColumn.tsx

@@ -9,7 +9,6 @@ import {
 } from "@databiosphere/findable-ui/lib/components/common/Section/section.styles";
 import { TEXT_BODY_LARGE_500 } from "@databiosphere/findable-ui/lib/theme/common/typography";
 import { Typography } from "@mui/material";
-import React from "react";
 import {
   useNetwork,
   useNetworkContent,

components/HCABioNetworks/Network/components/Overview/components/SideColumn/components/Summary/components/KeyElType/keyElType.tsx

@@ -1,6 +1,6 @@
 import { TEXT_BODY_400 } from "@databiosphere/findable-ui/lib/theme/common/typography";
 import { Typography } from "@mui/material";
-import React, { ReactNode } from "react";
+import { ReactNode } from "react";
 
 export interface KeyElTypeProps {
   children: ReactNode;

components/HCABioNetworks/Network/components/Overview/components/SideColumn/components/Summary/components/KeyValuesElType/keyValuesElType.tsx

@@ -1,5 +1,5 @@
 import { Grid } from "@databiosphere/findable-ui/lib/components/common/Grid/grid";
-import React, { ReactNode } from "react";
+import { ReactNode } from "react";
 
 export interface KeyValuesElTypeProps {
   children: ReactNode;

components/HCABioNetworks/Network/components/Overview/components/SideColumn/components/Summary/components/ValueElType/valueElType.tsx

@@ -1,6 +1,6 @@
 import { TEXT_HEADING_SMALL } from "@databiosphere/findable-ui/lib/theme/common/typography";
 import { Typography } from "@mui/material";
-import React, { ReactNode } from "react";
+import { ReactNode } from "react";
 
 export interface ValueElTypeProps {
   children: ReactNode;

components/HCABioNetworks/Network/components/Overview/components/SideColumn/sideColumn.tsx

@@ -1,6 +1,5 @@
 import { KeyValuePairs } from "@databiosphere/findable-ui/lib/components/common/KeyValuePairs/keyValuePairs";
 import { Sections } from "@databiosphere/findable-ui/lib/components/common/Sections/sections";
-import React from "react";
 import { useNetwork } from "../../../../../../../contexts/networkContext";
 import { getNetworkSummaryKeyValuePairs } from "../../../../../../../viewModelBuilders/viewModelBuilders";
 import { Coordinators } from "../../../../../../common/Section/components/Coordinators/coordinators";

components/HCABioNetworks/Network/components/Publications/components/MainColumn/components/Outline/outline.tsx

@@ -1,6 +1,6 @@
 import { useLayoutState } from "@databiosphere/findable-ui/lib/hooks/useLayoutState";
 import { useRouter } from "next/router";
-import React, { SyntheticEvent, useState } from "react";
+import { SyntheticEvent, useState } from "react";
 import { Tab, Tabs, TabTitle } from "./outline.styles";
 
 enum TAB_VALUE {

components/HCABioNetworks/Network/components/Publications/components/MainColumn/components/Publication/publication.tsx

@@ -3,7 +3,6 @@ import { CardActionArea } from "@databiosphere/findable-ui/lib/components/common
 import { CardTitle } from "@databiosphere/findable-ui/lib/components/common/Card/components/CardTitle/cardTitle";
 import { Markdown } from "@databiosphere/findable-ui/lib/components/common/Markdown/markdown";
 import { FluidPaper } from "@databiosphere/findable-ui/lib/components/common/Paper/paper.styles";
-import React from "react";
 import { BICCNPublication } from "../../../../../../../../../@types/network";
 import { PublicationDetail } from "../PublicationDetail/publicationDetail";
 import {

components/HCABioNetworks/Network/components/Publications/components/MainColumn/components/PublicationDetail/publicationDetail.styles.ts

@@ -4,9 +4,4 @@ export const Links = styled.div`
   display: flex;
   flex-direction: column;
   gap: 8px;
-
-  .MuiLink-root {
-    color: inherit;
-    text-decoration: underline;
-  }
 `;

components/HCABioNetworks/Network/components/Publications/components/MainColumn/components/PublicationDetail/publicationDetail.tsx

@@ -3,7 +3,6 @@ import {
   LinkProps,
 } from "@databiosphere/findable-ui/lib/components/Links/components/Link/link";
 import { Chip, Tooltip } from "@mui/material";
-import React from "react";
 import { Links } from "./publicationDetail.styles";
 
 export interface PublicationDetailProps {
@@ -29,7 +28,7 @@ export const PublicationDetail = ({
             title={
               <Links>
                 {links.map((link, i) => (
-                  <Link key={i} {...link} />
+                  <Link key={i} color="inherit" {...link} />
                 ))}
               </Links>
             }

components/HCABioNetworks/Network/components/Publications/components/MainColumn/mainColumn.tsx

@@ -1,5 +1,5 @@
 import { FluidPaper } from "@databiosphere/findable-ui/lib/components/common/Paper/paper.styles";
-import React, { Fragment } from "react";
+import { Fragment } from "react";
 import { BICCNPublication } from "../../../../../../../@types/network";
 import {
   useNetwork,

components/HCABioNetworks/Network/components/common/Hero/hero.tsx

@@ -1,5 +1,5 @@
 import { BackPageHero } from "@databiosphere/findable-ui/lib/components/Layout/components/BackPage/components/BackPageHero/backPageHero";
-import React, { useMemo } from "react";
+import { useMemo } from "react";
 import { NETWORKS_ROUTE } from "../../../../../../constants/routes";
 import { useNetwork } from "../../../../../../contexts/networkContext";
 import { HeroTitle } from "../../../../../common/Hero/components/Title/components/HeroTitle/heroTitle";

components/HCABioNetworks/Network/components/common/Tabs/tabs.tsx

@@ -1,11 +1,10 @@
 import { StaticImage } from "@databiosphere/findable-ui/lib/components/common/StaticImage/staticImage";
 import {
-  Tab,
   Tabs as DXTabs,
+  Tab,
   TabValue,
 } from "@databiosphere/findable-ui/lib/components/common/Tabs/tabs";
 import { useRouter } from "next/router";
-import React from "react";
 import { Network } from "../../../../../../@types/network";
 import {
   NETWORKS_PATTERN,

components/HCABioNetworks/components/Index/components/MainColumn/mainColumn.tsx

@@ -1,6 +1,5 @@
 import { FluidPaper } from "@databiosphere/findable-ui/lib/components/common/Paper/paper.styles";
 import { BackPageContentSingleColumn } from "@databiosphere/findable-ui/lib/components/Layout/components/BackPage/backPageView.styles";
-import React from "react";
 import { useNetworkList } from "../../../../../../hooks/useNetworkList";
 import { getBioNetworksTableColumns } from "../../../../../../viewModelBuilders/viewModelBuilders";
 import { DetailViewTable } from "./mainColumn.styles";

components/Home/components/SectionStayUpToDate/sectionStayUpToDate.tsx

@@ -6,8 +6,8 @@ import {
 import { SectionHead } from "../Section/section.styles";
 import {
   CTAs,
-  SectionContent,
   SectionStayUpToDate as Section,
+  SectionContent,
 } from "./sectionStayUpToDate.styles";
 
 export const SectionStayUpToDate = (): JSX.Element => {

components/Layout/components/Content/content.styles.ts

@@ -61,17 +61,23 @@ const image = (props: ThemeProps) => css`
 const muiAlert = (props: ThemeProps) => css`
   .MuiAlert-root {
     margin: 24px 0;
-
-    &.MuiAlert-standardWarning {
-      margin: 16px 0;
-    }
+    padding: 24px;
 
     &:last-child {
       margin-bottom: 0;
     }
 
+    .MuiAlert-icon {
+      padding: 4px 0;
+    }
+
     .MuiAlert-message {
       ${textBodyLarge4002Lines(props)};
+      gap: 16px;
+
+      .MuiAlertTitle-root {
+        ${textHeadingSmall(props)};
+      }
 
       ol > li,
       ul > li {
@@ -86,14 +92,6 @@ const muiAlert = (props: ThemeProps) => css`
         }
       }
     }
-
-    .MuiAlert-message:first-of-type {
-      gap: 16px;
-
-      .MuiAlertTitle-root {
-        ${textHeadingSmall(props)};
-      }
-    }
   }
 `;
 

components/common/Button/components/ButtonOutline/buttonOutline.tsx

@@ -1,6 +1,5 @@
 import { ButtonProps as DXButtonProps } from "@databiosphere/findable-ui/lib/components/common/Button/button";
 import { ButtonOutline as DXButtonOutline } from "@databiosphere/findable-ui/lib/components/common/Button/components/ButtonOutline/buttonOutline";
-import React from "react";
 
 export const ButtonOutline = ({ ...props }: DXButtonProps): JSX.Element => {
   return <DXButtonOutline {...props} />;

components/common/Button/components/ButtonPrimary/buttonPrimary.tsx

@@ -1,5 +1,4 @@
 import { Button } from "@databiosphere/findable-ui/lib/components/common/Button/button";
-import React from "react";
 
 export const ButtonPrimary = ({
   ...props /* Spread props to allow for Button specific prop overrides. */

components/common/CustomIcon/components/BiotechIcon/biotechIcon.tsx

@@ -1,6 +1,5 @@
 import { CustomSVGIconProps } from "@databiosphere/findable-ui/lib/components/common/CustomIcon/common/entities";
 import { SvgIcon } from "@mui/material";
-import React from "react";
 
 /**
  * Custom add icon.

components/common/Hero/components/Title/components/HeroTitle/heroTitle.tsx

@@ -1,7 +1,6 @@
 import { StaticImage } from "@databiosphere/findable-ui/lib/components/common/StaticImage/staticImage";
 import { TEXT_HEADING_LARGE } from "@databiosphere/findable-ui/lib/theme/common/typography";
 import { Typography } from "@mui/material";
-import React from "react";
 import { NetworkKey } from "../../../../../../../@types/network";
 import { NETWORK_ICONS } from "../../../../../../../constants/networks";
 import { Title } from "./heroTitle.styles";

components/common/NTagCell/components/PinnedNTagCell/pinnedNTagCell.tsx

@@ -2,7 +2,6 @@ import {
   MetadataValue,
   NTagCell,
 } from "@databiosphere/findable-ui/lib/components/Index/components/NTagCell/nTagCell";
-import React from "react";
 import { PinnedNTagCell as Cell } from "./pinnedNTagCell.styles";
 
 export type MetadataValueTuple = [MetadataValue[], MetadataValue[]];

components/common/Section/components/Coordinators/coordinators.tsx

@@ -2,7 +2,6 @@ import { SectionTitle } from "@databiosphere/findable-ui/lib/components/common/S
 import { Link } from "@databiosphere/findable-ui/lib/components/Links/components/Link/link";
 import { TEXT_BODY_500 } from "@databiosphere/findable-ui/lib/theme/common/typography";
 import { Typography } from "@mui/material";
-import React from "react";
 import { Coordinator } from "../../../../../@types/network";
 import { SectionContent } from "../../section.styles";
 import { Section } from "./coordinators.styles";

components/common/Section/components/HCABiologicalNetwork/HCABiologicalNetwork.tsx

@@ -1,6 +1,5 @@
 import { SectionTitle } from "@databiosphere/findable-ui/lib/components/common/Section/components/SectionTitle/sectionTitle";
 import { GridPaperSection } from "@databiosphere/findable-ui/lib/components/common/Section/section.styles";
-import React from "react";
 import { Network } from "../../../../../@types/network";
 import { NETWORK_ICONS } from "../../../../../constants/networks";
 import { NETWORKS_ROUTE } from "../../../../../constants/routes";

components/common/Section/components/Publications/publications.tsx

@@ -1,7 +1,6 @@
 import { SectionTitle } from "@databiosphere/findable-ui/lib/components/common/Section/components/SectionTitle/sectionTitle";
 import { GridPaperSection } from "@databiosphere/findable-ui/lib/components/common/Section/section.styles";
 import { Link } from "@databiosphere/findable-ui/lib/components/Links/components/Link/link";
-import React from "react";
 import { Publication } from "../../../../../@types/network";
 import { SectionContent } from "../../section.styles";
 

components/common/Section/components/References/references.tsx

@@ -3,7 +3,6 @@ import {
   Link,
   LinkProps,
 } from "@databiosphere/findable-ui/lib/components/Links/components/Link/link";
-import React from "react";
 import { SectionContent } from "../../section.styles";
 import { Section } from "./references.styles";
 

components/common/Table/components/Actions/components/Dialog/components/DialogContent/components/DialogContentSection/dialogContentSection.tsx

@@ -4,7 +4,7 @@ import {
   TEXT_BODY_LARGE_500,
 } from "@databiosphere/findable-ui/lib/theme/common/typography";
 import { Typography } from "@mui/material";
-import React, { ReactNode } from "react";
+import { ReactNode } from "react";
 
 export interface DialogContentSectionProps {
   children: ReactNode;

components/common/Table/components/Cell/components/CXGDownloadCell/components/CXGDownloadDialog/cxgDownloadDialog.tsx

@@ -1,4 +1,3 @@
-import React from "react";
 import { DatasetAsset } from "../../../../../../../../../@types/network";
 import {
   Dialog,

components/common/Table/components/Cell/components/CXGDownloadCell/components/CXGDownloadDialogForm/components/CXGDownloadCaption/cxgDownloadCaption.tsx

@@ -1,5 +1,5 @@
 import { Link } from "@databiosphere/findable-ui/lib/components/Links/components/Link/link";
-import React, { Fragment } from "react";
+import { Fragment } from "react";
 import { Caption } from "./cxgDownloadCaption.styles";
 
 interface CXGDownloadCaptionProps {

components/common/Table/components/Cell/components/CXGDownloadCell/components/CXGDownloadDialogForm/components/CXGDownloadFileSize/cxgDownloadFileSize.tsx

@@ -1,5 +1,5 @@
 import { formatFileSize } from "@databiosphere/findable-ui/lib/utils/formatFileSize";
-import React, { Fragment } from "react";
+import { Fragment } from "react";
 import { DatasetAsset } from "../../../../../../../../../../../@types/network";
 import { FileSize } from "./cxgDownloadFileSize.styles";
 

components/common/Table/components/Cell/components/CXGDownloadCell/components/CXGDownloadDialogForm/components/CXGDownloadRadio/cxgDownloadRadio.tsx

@@ -4,7 +4,6 @@ import {
   TEXT_BODY_LARGE_500,
 } from "@databiosphere/findable-ui/lib/theme/common/typography";
 import { Typography } from "@mui/material";
-import React from "react";
 import {
   CXG_DATASET_FILE_TYPE,
   DatasetAsset,

components/common/Table/components/Cell/components/CXGDownloadCell/components/CXGDownloadDialogForm/cxgDownloadDialogForm.tsx

@@ -1,6 +1,6 @@
 import { ButtonPrimary } from "@databiosphere/findable-ui/lib/components/common/Button/components/ButtonPrimary/buttonPrimary";
 import { ButtonSecondary } from "@databiosphere/findable-ui/lib/components/common/Button/components/ButtonSecondary/buttonSecondary";
-import React, { useState } from "react";
+import { useState } from "react";
 import {
   CXG_DATASET_FILE_TYPE,
   DatasetAsset,

components/common/Typography/components/Heading/heading.tsx

@@ -1,7 +1,6 @@
 import { AnchorLink } from "@databiosphere/findable-ui/lib/components/common/AnchorLink/anchorLink";
 import { TEXT_HEADING_LARGE } from "@databiosphere/findable-ui/lib/theme/common/typography";
 import { Typography } from "@mui/material";
-import React from "react";
 import { slugifyHeading } from "../../../../../plugins/common/utils";
 
 export interface HeadingProps {

constants/analysisPortals.ts

@@ -1,4 +1,4 @@
-import { AnalysisPortal, ANALYSIS_PORTAL } from "../@types/network";
+import { ANALYSIS_PORTAL, AnalysisPortal } from "../@types/network";
 
 /**
  * Cell By Gene analysis portal.

docs/common/utils.ts

@@ -5,8 +5,8 @@ import matter from "gray-matter";
 import { GetStaticPathsResult } from "next/types";
 import pathTool, * as path from "path";
 import {
-  NavigationNode,
   NAVIGATION_KEY,
+  NavigationNode,
   SlugByFilePaths,
 } from "../../site-config/data-portal/dev/navigation/entities";
 import { navigation as navigationConfig } from "../../site-config/data-portal/dev/navigation/navigation";