@databiosphere/findable-ui 10.2.0 → 12.0.0

package/src/components/Layout/components/BackPage/components/BackPageHero/backPageHero.tsx

@@ -17,6 +17,7 @@ import { SubTitle } from "./components/SubTitle/subTitle";
  */
 
 export interface BackPageHeroProps {
+  actions?: ReactNode;
   breadcrumbs?: Breadcrumb[];
   callToAction?: CallToAction;
   children?: ReactNode;
@@ -25,13 +26,15 @@ export interface BackPageHeroProps {
 }
 
 export const BackPageHero = ({
+  actions,
   breadcrumbs,
   callToAction,
   children,
   subTitle,
   title,
 }: BackPageHeroProps): JSX.Element => {
-  const HeroHeadline = callToAction ? BackPageHeroHeadline : Fragment;
+  const HeroHeadline =
+    actions || callToAction ? BackPageHeroHeadline : Fragment;
   return (
     <>
       {(breadcrumbs || title) && (
@@ -41,6 +44,7 @@ export const BackPageHero = ({
             {title && <Title title={title} />}
             <SubTitle subTitle={subTitle} />
           </HeroHeader>
+          {actions}
           {callToAction && <CallToActionButton callToAction={callToAction} />}
         </HeroHeadline>
       )}

package/src/components/Layout/components/BackPage/components/BackPageHero/components/Actions/actions.styles.ts

@@ -0,0 +1,14 @@
+import styled from "@emotion/styled";
+import { mediaTabletUp } from "../../../../../../../../styles/common/mixins/breakpoints";
+
+export const BackPageHeroActions = styled.div`
+  align-items: center;
+  align-self: center;
+  display: flex;
+  gap: 16px;
+  justify-self: flex-start;
+
+  ${mediaTabletUp} {
+    justify-self: flex-end;
+  }
+`;

package/src/components/Layout/components/BackPage/components/BackPageHero/components/Actions/actions.tsx

@@ -0,0 +1,13 @@
+import React, { ReactNode } from "react";
+import { BackPageHeroActions } from "./actions.styles";
+
+export interface ActionsProps {
+  children: ReactNode;
+  className?: string;
+}
+
+export const Actions = ({ children, className }: ActionsProps): JSX.Element => {
+  return (
+    <BackPageHeroActions className={className}>{children}</BackPageHeroActions>
+  );
+};

package/src/components/Layout/components/Header/common/entities.ts

@@ -19,4 +19,5 @@ export enum SELECTED_MATCH {
 
 export interface SocialMedia {
   socials: Social[];
+  visible?: Partial<Record<BreakpointKey, boolean>>;
 }

package/src/components/Layout/components/Header/common/utils.ts

@@ -1,7 +1,13 @@
 import { Breakpoint } from "@mui/material";
+import { UseBreakpoint } from "../../../../../hooks/useBreakpoint";
 import { isClientSideNavigation } from "../../../../Links/common/utils";
 import { NavLinkItem } from "../components/Content/components/Navigation/navigation";
-import { Navigation, SelectedMatch, SELECTED_MATCH } from "./entities";
+import {
+  Navigation,
+  SELECTED_MATCH,
+  SelectedMatch,
+  SocialMedia,
+} from "./entities";
 
 /**
  * Adds to the set of selected patterns, for the navigation link, at the current breakpoint.
@@ -141,6 +147,22 @@ function isLinkVisible(
   return navLinkItem.visible[breakpoint] !== false;
 }
 
+/**
+ * Returns true if the social media is visible at the current breakpoint.
+ * @param bp - Breakpoint.
+ * @param socialMedia - Social media.
+ * @returns true.
+ */
+export function isSocialsVisible(
+  bp: Pick<UseBreakpoint, "breakpoint" | "lgUp">,
+  socialMedia?: SocialMedia
+): boolean {
+  if (!socialMedia) return false;
+  if (!bp.breakpoint) return false;
+  if (!socialMedia.visible) return bp.lgUp;
+  return socialMedia.visible[bp.breakpoint] !== false;
+}
+
 /**
  * Returns the navigation link with the selected matches, for the current breakpoint.
  * @param navLinkItem - Navigation link.

package/src/components/Layout/components/Header/components/Content/components/Actions/components/Authentication/components/AuthenticationMenu/authenticationMenu.tsx

@@ -2,8 +2,8 @@ import { MenuItem } from "@mui/material";
 import React, { MouseEvent, useState } from "react";
 import { UserProfile } from "../../../../../../../../../../../../hooks/useAuthentication/useFetchGoogleProfile";
 import {
-  AuthenticationMenu as Menu,
   Avatar,
+  AuthenticationMenu as Menu,
   UserIcon,
   UserNames,
   UserSummary,

package/src/components/Layout/components/Header/components/Content/components/Actions/components/Menu/menu.tsx

@@ -1,5 +1,5 @@
 import MenuRoundedIcon from "@mui/icons-material/MenuRounded";
-import { Dialog as MDialog, Fade, IconButton } from "@mui/material";
+import { Fade, IconButton, Dialog as MDialog } from "@mui/material";
 import React, { CSSProperties, forwardRef, Fragment, useEffect } from "react";
 import { getMenuNavigationLinks } from "../../../../../../common/utils";
 import { HeaderProps } from "../../../../../../header";

package/src/components/Layout/components/Header/components/Content/components/Navigation/components/NavigationMenu/navigationMenu.tsx

@@ -1,7 +1,7 @@
 import ArrowDropDownRoundedIcon from "@mui/icons-material/ArrowDropDownRounded";
 import {
-  ClickAwayListener as MClickAwayListener,
   Grow,
+  ClickAwayListener as MClickAwayListener,
   MenuList as MMenuList,
   Paper as MPaper,
   PopperProps as MPopperProps,
@@ -46,7 +46,7 @@ export const NavigationMenu = ({
   const MenuItem = isSubMenu ? StyledMenuItem : Fragment;
 
   useEffect(() => {
-    return () => {
+    return (): void => {
       if (isSubMenu || !open) return;
       onDisableScrollLock();
     };

package/src/components/Layout/components/Header/hooks/useHeaderVisibility.ts

@@ -1,4 +1,5 @@
 import { useBreakpoint } from "../../../../../hooks/useBreakpoint";
+import { isSocialsVisible } from "../common/utils";
 import { HeaderProps } from "../header";
 
 export interface UseHeaderVisibility {
@@ -53,7 +54,8 @@ export const useHeaderVisibility = (
   const isNavigationIn = smUp;
   const isMenuIn = hasMenu;
   const isSloganIn = hasSlogan && mdUp;
-  const isSocialsIn = hasSocials && lgUp;
+  const isSocialsIn =
+    hasSocials && isSocialsVisible({ breakpoint, lgUp }, socialMedia);
   // Determines navigation visibility.
   const isCenterNavigationIn = isNavigationIn && hasNavItemsC;
   const isLeftNavigationIn = isNavigationIn && hasNavItemsL;

package/src/components/Layout/components/Nav/components/NavBarHero/navBarHero.tsx

@@ -5,9 +5,9 @@ import {
   StaticImageProps,
 } from "../../../../../common/StaticImage/staticImage";
 import {
-  HeroLogo as Logo,
-  HeroText,
   NavBarHero as Hero,
+  HeroText,
+  HeroLogo as Logo,
 } from "./navBarHero.styles";
 
 export interface NavBarHeroProps {

package/src/components/Layout/components/Outline/outline.styles.ts

@@ -1,6 +1,6 @@
 import { css } from "@emotion/react";
 import styled from "@emotion/styled";
-import { Tab as MTab, TabProps, Tabs as MTabs } from "@mui/material";
+import { Tab as MTab, Tabs as MTabs, TabProps } from "@mui/material";
 import { smokeMain } from "../../../../styles/common/mixins/colors";
 import {
   textBody500,

package/src/components/Loading/loading.styles.ts

@@ -2,7 +2,7 @@ import { css } from "@emotion/react";
 import styled from "@emotion/styled";
 import { TABLET } from "../../theme/common/breakpoints";
 import { Paper, PAPER_PANEL_STYLE } from "../common/Paper/paper";
-import { LoadingPanelStyle, LOADING_PANEL_STYLE } from "./loading";
+import { LOADING_PANEL_STYLE, LoadingPanelStyle } from "./loading";
 
 interface Props {
   panelStyle: LoadingPanelStyle;

package/src/components/Loading/loading.tsx

@@ -1,7 +1,7 @@
 import { Fade, SvgIconProps, Typography } from "@mui/material";
 import React from "react";
 import { LoadingIcon } from "../common/CustomIcon/components/LoadingIcon/loadingIcon";
-import { PaperPanelStyle, PAPER_PANEL_STYLE } from "../common/Paper/paper";
+import { PAPER_PANEL_STYLE, PaperPanelStyle } from "../common/Paper/paper";
 import { LoadingPaper, LoadingPositioner } from "./loading.styles";
 
 /**

package/src/components/Project/components/SupplementaryLinks/supplementaryLinks.tsx

@@ -7,8 +7,8 @@ import { ANCHOR_TARGET } from "../../../Links/common/entities";
 import { Link } from "../../../Links/components/Link/link";
 import { SupplementaryLink } from "../../common/entities";
 import {
-  Marker,
   SupplementaryLink as EllipsisLink,
+  Marker,
   SupplementaryList,
 } from "./supplementaryLinks.styles";
 

package/src/components/Support/components/SupportRequest/components/SupportRequestForm/common/constants.ts

@@ -1,4 +1,4 @@
-import { FormOption, FormState, FORM_CONTROL_NAME } from "./entities";
+import { FORM_CONTROL_NAME, FormOption, FormState } from "./entities";
 
 // Validation constraints
 export const CONSTRAINTS = {

package/src/components/Support/components/SupportRequest/components/SupportRequestForm/common/utils.ts

@@ -1,4 +1,4 @@
-import { RequestValue, REQUEST_FIELD_ID, UploadResponse } from "./entities";
+import { REQUEST_FIELD_ID, RequestValue, UploadResponse } from "./entities";
 
 /**
  * Create support request.

package/src/components/Support/components/SupportRequest/components/SupportRequestForm/supportRequestForm.tsx

@@ -28,9 +28,9 @@ import {
   OPTIONS,
 } from "./common/constants";
 import {
-  FormState,
   FORM_CONTROL_LABEL,
   FORM_CONTROL_NAME,
+  FormState,
   RequestValue,
   ValidateResponse,
 } from "./common/entities";

package/src/components/Support/components/SupportRequest/components/SupportRequestSubmitted/supportRequestSubmitted.tsx

@@ -6,8 +6,8 @@ import {
 } from "../../../../../../theme/common/typography";
 import { EmailReadIcon } from "../../../../../common/CustomIcon/components/EmailReadIcon/emailReadIcon";
 import {
-  IconBadge,
   ICON_BADGE_COLOR,
+  IconBadge,
 } from "../../../../../common/IconBadge/iconBadge";
 import {
   Section,

package/src/components/Table/common/utils.ts

@@ -21,7 +21,8 @@ import {
   GridTrackMinMax,
   GridTrackSize,
 } from "../../../config/entities";
-import { ExploreMode, EXPLORE_MODE } from "../../../hooks/useExploreMode";
+import { EXPLORE_MODE, ExploreMode } from "../../../hooks/useExploreMode";
+import { ACCESSOR_KEYS } from "../../TableCreator/common/constants";
 import { CheckboxMenuListItem } from "../components/CheckboxMenu/checkboxMenu";
 
 /**
@@ -146,8 +147,8 @@ export function generateDownloadBlob<T extends RowData>(
   if (rows.length === 0) {
     return;
   }
-  const tableHeaders = getVisibleHeadersTableData(rows);
-  const tableData = getVisibleRowsTableData(rows);
+  const tableHeaders = getHeadersTableData(rows);
+  const tableData = getRowsTableData(rows);
   const tsv = formatDataToTSV([tableHeaders, ...tableData]);
   return new Blob([tsv], { type: "text/tab-separated-values" });
 }
@@ -338,28 +339,29 @@ export function getTableStatePagination(
 }
 
 /**
- * Returns the list of visible table headers.
+ * Returns the list of table headers, excluding "select" column.
  * @param rows - Table rows.
- * @returns list of visible headers.
+ * @returns list of headers.
  */
-function getVisibleHeadersTableData<T extends RowData>(
-  rows: Row<T>[]
-): TableData[] {
+function getHeadersTableData<T extends RowData>(rows: Row<T>[]): TableData[] {
+  console.log(rows[0].getAllCells());
   return rows[0]
-    .getVisibleCells()
+    .getAllCells()
+    .filter((cell) => cell.column.id !== ACCESSOR_KEYS.SELECT)
     .map((cell) => cell.column.columnDef.header as TableData);
 }
 
 /**
- * Returns the list of visible table data.
+ * Returns the list of table data, excluding "select" column.
  * @param rows - Table rows.
- * @returns list of visible data.
+ * @returns list of data.
  */
-function getVisibleRowsTableData<T extends RowData>(
-  rows: Row<T>[]
-): TableData[][] {
+function getRowsTableData<T extends RowData>(rows: Row<T>[]): TableData[][] {
   return rows.map((row) =>
-    row.getVisibleCells().map((cell) => cell.getValue() as TableData)
+    row
+      .getAllCells()
+      .filter((cell) => cell.column.id !== ACCESSOR_KEYS.SELECT)
+      .map((cell) => cell.getValue() as TableData)
   );
 }
 

package/src/components/Table/components/TableCell/components/NTagCell/components/NTag/components/Tooltip/tooltip.tsx

@@ -1,7 +1,7 @@
 import {
-  PopperProps,
   Tooltip as MTooltip,
   TooltipProps as MTooltipProps,
+  PopperProps,
 } from "@mui/material";
 import { detectOverflow } from "@popperjs/core";
 import { State } from "@popperjs/core/lib/types";

package/src/components/common/Accordion/accordion.tsx

@@ -1,8 +1,8 @@
 import {
-  Accordion as MAccordion,
   AccordionDetails,
-  AccordionProps as MAccordionProps,
   AccordionSummary,
+  Accordion as MAccordion,
+  AccordionProps as MAccordionProps,
   Typography,
 } from "@mui/material";
 import React, { ReactNode, useState } from "react";

package/src/components/common/Alert/alert.tsx

@@ -1,7 +1,7 @@
 import {
+  AlertTitle,
   Alert as MAlert,
   AlertProps as MAlertProps,
-  AlertTitle,
 } from "@mui/material";
 import React, { ReactNode } from "react";
 

package/src/components/common/Banner/components/CookieBanner/cookieBanner.tsx

@@ -1,4 +1,4 @@
-import { AlertProps as MAlertProps, ButtonProps } from "@mui/material";
+import { ButtonProps, AlertProps as MAlertProps } from "@mui/material";
 import React, { forwardRef, Fragment, ReactNode } from "react";
 import { FLAG } from "../../../../../hooks/useFeatureFlag/common/entities";
 import { setLocalStorage } from "../../../../../hooks/useLocalStorage/common/utils";

package/src/components/common/Banner/components/DismissibleBanner/dismissibleBanner.tsx

@@ -1,7 +1,7 @@
 import {
+  Fade,
   Alert as MAlert,
   AlertProps as MAlertProps,
-  Fade,
 } from "@mui/material";
 import React, { ElementType, ReactNode, useEffect, useState } from "react";
 

package/src/components/common/Breadcrumbs/breadcrumbs.tsx

@@ -1,7 +1,7 @@
 import ChevronRightRoundedIcon from "@mui/icons-material/ChevronRightRounded";
 import {
-  Breadcrumbs as MBreadcrumbs,
   Link as BreadcrumbLink,
+  Breadcrumbs as MBreadcrumbs,
   Typography,
 } from "@mui/material";
 import Link from "next/link";

package/src/components/common/Button/components/CallToActionButton/callToActionButton.tsx

@@ -1,3 +1,4 @@
+import { ButtonProps } from "@mui/material";
 import NLink from "next/link";
 import React, { ElementType } from "react";
 import {
@@ -15,6 +16,7 @@ export interface CallToAction {
 
 export interface CallToActionButtonProps {
   ButtonElType?: ElementType;
+  buttonProps?: Partial<ButtonProps>;
   callToAction: CallToAction;
   className?: string;
   disabled?: boolean;
@@ -22,6 +24,7 @@ export interface CallToActionButtonProps {
 
 export const CallToActionButton = ({
   ButtonElType: Button = ButtonPrimary,
+  buttonProps,
   callToAction,
   className,
   disabled = false,
@@ -36,6 +39,7 @@ export const CallToActionButton = ({
         href="passHref"
         rel={REL_ATTRIBUTE.NO_OPENER}
         target={target || ANCHOR_TARGET.SELF}
+        {...buttonProps}
       >
         {label}
       </Button>
@@ -47,6 +51,7 @@ export const CallToActionButton = ({
       href={url}
       rel={REL_ATTRIBUTE.NO_OPENER_NO_REFERRER}
       target={target || ANCHOR_TARGET.BLANK}
+      {...buttonProps}
     >
       {label}
     </Button>

package/src/components/common/Code/code.tsx

@@ -22,7 +22,7 @@ export const Code = ({ className, code }: CodeProps): JSX.Element => {
       const copiedTimeout = setTimeout(() => {
         setCopied(false);
       }, 2000);
-      return () => clearTimeout(copiedTimeout);
+      return (): void => clearTimeout(copiedTimeout);
     }
   }, [copied]);
 

package/src/components/common/CopyToClipboard/copyToClipboard.tsx

@@ -27,7 +27,7 @@ export const CopyToClipboard = ({
       const tooltipTimeout = setTimeout(() => {
         setShowTooltip(false);
       }, 2000);
-      return () => clearTimeout(tooltipTimeout);
+      return (): void => clearTimeout(tooltipTimeout);
     }
   }, [showTooltip]);
 

package/src/components/common/Dialog/components/DialogTitle/dialogTitle.tsx

@@ -1,5 +1,5 @@
 import CloseRoundedIcon from "@mui/icons-material/CloseRounded";
-import { DialogTitle as MDialogTitle, IconButton } from "@mui/material";
+import { IconButton, DialogTitle as MDialogTitle } from "@mui/material";
 import React, { ReactNode } from "react";
 
 export interface DialogTitleProps {

package/src/components/common/Form/components/Input/input.tsx

@@ -1,6 +1,6 @@
 import {
-  OutlinedInput,
   OutlinedInputProps as MOutlinedInputProps,
+  OutlinedInput,
   Typography,
 } from "@mui/material";
 import React from "react";

package/src/components/common/Form/components/Select/select.tsx

@@ -11,12 +11,12 @@ import { InputFormControl } from "./select.styles";
  * Basic form select component.
  */
 
-export interface SelectProps extends MSelectProps {
+export type SelectProps = MSelectProps & {
   children: ReactNode;
   className?: string;
   isFilled: boolean;
   label?: string;
-}
+};
 
 export const Select = ({
   children,

package/src/components/common/IconBadge/iconBadge.styles.ts

@@ -10,7 +10,7 @@ import {
   warningLightest,
   warningMain,
 } from "../../../styles/common/mixins/colors";
-import { IconBadgeColor, ICON_BADGE_COLOR } from "./iconBadge";
+import { ICON_BADGE_COLOR, IconBadgeColor } from "./iconBadge";
 
 interface Props {
   color: IconBadgeColor;

package/src/components/common/Markdown/markdown.tsx

@@ -1,13 +1,19 @@
 // TODO deprecate component if possible (see MDXMarkdown)
+import { Box as MBox, BoxProps as MBoxProps } from "@mui/material";
 import DOMPurify from "isomorphic-dompurify";
 import React from "react";
 
 export interface MarkdownProps {
   content: string;
+  sx?: MBoxProps["sx"];
 }
 
-export const Markdown = ({ content }: MarkdownProps): JSX.Element => {
+export const Markdown = ({ content, sx }: MarkdownProps): JSX.Element => {
   return (
-    <div dangerouslySetInnerHTML={{ __html: DOMPurify.sanitize(content) }} />
+    <MBox
+      component="div"
+      dangerouslySetInnerHTML={{ __html: DOMPurify.sanitize(content) }}
+      sx={{ minWidth: 0, wordBreak: "break-word", ...sx }}
+    />
   );
 };

package/src/components/common/Section/components/CollapsableSection/collapsableSection.tsx

@@ -54,7 +54,7 @@ export const CollapsableSection = ({
       const duration = setTimeout(() => {
         setTransitionDuration("auto");
       }, 100);
-      return () => {
+      return (): void => {
         clearTimeout(duration);
       };
     } else {

package/src/components/common/Stack/components/Divider/divider.styles.tsx

@@ -3,4 +3,4 @@ import { Box } from "@mui/material";
 
 export const Divider = styled(Box)`
   white-space: pre-wrap;
-`;
+` as typeof Box;

package/src/entity/api/service.ts

@@ -4,11 +4,11 @@
 // TODO move to Azul APIs section
 import {
   APIEndpoints,
+  AZUL_PARAM,
   AzulCatalogResponse,
   AzulEntitiesResponse,
   AzulListParams,
   AzulSummaryResponse,
-  AZUL_PARAM,
 } from "../../apis/azul/common/entities";
 import { transformFilters } from "../../apis/azul/common/filterTransformer";
 import { getConfig } from "../../config/config";

package/src/hooks/useCurrentBreakpoint.ts

@@ -1,8 +1,8 @@
 import { Breakpoint } from "@mui/material";
 import { useMemo } from "react";
 import {
-  BreakpointKey,
   BREAKPOINT_FN_NAME,
+  BreakpointKey,
   useBreakpointHelper,
 } from "./useBreakpointHelper";
 

package/src/hooks/useEntityList.ts

@@ -17,7 +17,7 @@ import { useAsync } from "./useAsync";
 import { useAuthentication } from "./useAuthentication/useAuthentication";
 import { useConfig } from "./useConfig";
 import { useEntityService } from "./useEntityService";
-import { ExploreMode, EXPLORE_MODE, useExploreMode } from "./useExploreMode";
+import { EXPLORE_MODE, ExploreMode, useExploreMode } from "./useExploreMode";
 import { useExploreState } from "./useExploreState";
 import { useURLFilterParams } from "./useURLFilterParams";
 

package/src/hooks/useEntityService.ts

@@ -1,7 +1,7 @@
 import { EntityConfig, EntityMapper } from "../config/entities";
 import { getEntityConfig } from "../config/utils";
 import { createEntityService } from "../entity/service/factory";
-import { EntityService, ENTITY_SERVICE_TYPE } from "../entity/service/model";
+import { ENTITY_SERVICE_TYPE, EntityService } from "../entity/service/model";
 import { useCatalog } from "./useCatalog";
 import { useConfig } from "./useConfig";
 import { EXPLORE_MODE } from "./useExploreMode";

package/src/hooks/useFileLocation.ts

@@ -1,35 +1,37 @@
-import { API_FILE_LOCATION_FETCH } from "../apis/azul/common/constants";
 import {
   useRequestFileLocation,
   UseRequestFileLocationResult,
 } from "./useRequestFileLocation";
 
+const NOT_PREPENDED_WITH_FETCH_REGEX = /^(\/(?!fetch))/;
+
 export interface UseFileLocation extends UseRequestFileLocationResult {
   fileUrl?: string;
 }
 
 export const useFileLocation = (fileUrl?: string): UseFileLocation => {
-  // Prepend "/fetch" to the path of the specified file URL, if not already included.
   const url = buildFetchFileUrl(fileUrl);
   const fileLocation = useRequestFileLocation(url);
-  const { data } = fileLocation;
-  const { location } = data || {};
-  return { ...fileLocation, fileUrl: location };
+  return { ...fileLocation, fileUrl: fileLocation.data?.location };
 };
 
 /**
  * Prepends "/fetch" to the path of the specified file URL, if not already included.
- * @param fileUrl - File url.
- * @returns file url with path prepended with "/fetch".
+ * @param url - URL.
+ * @returns file URL with path prepended with "/fetch".
  */
-function buildFetchFileUrl(fileUrl?: string): string | undefined {
-  if (!fileUrl) {
+export function buildFetchFileUrl(url?: string): string | undefined {
+  if (!url) {
     return;
   }
-  const url = new URL(fileUrl);
-  const path = url.pathname;
-  if (!path.includes(API_FILE_LOCATION_FETCH)) {
-    url.pathname = `${API_FILE_LOCATION_FETCH}${path}`;
+  try {
+    const urlObj = new URL(url);
+    urlObj.pathname = urlObj.pathname.replace(
+      NOT_PREPENDED_WITH_FETCH_REGEX,
+      "/fetch/"
+    );
+    return urlObj.href;
+  } catch (e) {
+    throw new Error(`Invalid file URL: ${url}`);
   }
-  return url.toString();
 }

package/src/hooks/useFileManifest/useRequestFileManifest.ts

@@ -31,7 +31,7 @@ export const useRequestFileManifest = (
       },
       type: FileManifestActionKind.FetchFileManifest,
     });
-    return () => {
+    return (): void => {
       fileManifestDispatch({
         payload: undefined,
         type: FileManifestActionKind.ClearFileManifest,

package/src/hooks/useRequestFileLocation.ts

@@ -140,7 +140,7 @@ export const useRequestFileLocation = (
 
   useEffect(() => {
     active.current = true;
-    return () => {
+    return (): void => {
       active.current = false;
     };
   }, []);

package/src/hooks/useResizeObserver.ts

@@ -42,7 +42,7 @@ export function useResizeObserver(
     const observer = observerRef.current;
     const observedEl = ref.current;
     observer.observe(observedEl);
-    return () => {
+    return (): void => {
       observer.unobserve(observedEl);
     };
   }, [onResize, ref]);