fix blueprint upgrade

chanzuckerberg · Jan 16, 2024 · 1206eff · 1206eff
1 parent d8f7f5c
commit 1206eff
Show file tree

Hide file tree

Showing 7 changed files with 13 additions and 14 deletions.
diff --git a/...omponents/Collection/components/CollectionDatasetsGrid/components/Row/DatsetRow/index.tsx b/...omponents/Collection/components/CollectionDatasetsGrid/components/Row/DatsetRow/index.tsx
@@ -236,7 +236,6 @@ const DatasetRow: FC<Props> = ({
           />
           {hasCXGFile(dataset) && (
             <Tooltip
-              boundary="viewport"
               content={OVER_MAX_CELL_COUNT_TOOLTIP}
               disabled={!isOverMaxCellCount}
               intent={Intent.DANGER}

diff --git a/frontend/src/components/CreateCollectionModal/index.tsx b/frontend/src/components/CreateCollectionModal/index.tsx
@@ -1,4 +1,4 @@
-import { Dialog, IButtonProps } from "@blueprintjs/core";
+import { Dialog } from "@blueprintjs/core";
 import loadable from "@loadable/component";
 import * as React from "react";
 import { FC, useState } from "react";
@@ -11,6 +11,7 @@ import { useUserInfo } from "src/common/queries/auth";
 import { removeParams } from "src/common/utils/removeParams";
 import { StyledButton } from "./style";
 import { useRouter } from "next/router";
+import { ButtonProps } from "@czi-sds/components";
 
 const AsyncContent = loadable(
   () =>
@@ -24,7 +25,7 @@ const AsyncCTA = loadable(
     /*webpackChunkName: 'CreateCollectionModalCTA' */ import("./components/CTA")
 );
 
-const CreateCollectionButton = (props: Partial<IButtonProps>) => (
+const CreateCollectionButton = (props: Partial<ButtonProps>) => (
   <StyledButton sdsStyle="square" sdsType="primary" {...props}>
     Create Collection
   </StyledButton>

diff --git a/frontend/src/components/Datasets/components/Grid/components/DatasetActionsCell/index.tsx b/frontend/src/components/Datasets/components/Grid/components/DatasetActionsCell/index.tsx
@@ -34,7 +34,6 @@ export default function DatasetsActionsCell({
         name={name}
       />
       <Tooltip
-        boundary="viewport"
         content={OVER_MAX_CELL_COUNT_TOOLTIP}
         disabled={!isOverMaxCellCount}
         intent={Intent.DANGER}

diff --git a/frontend/src/components/common/Form/TextArea/index.tsx b/frontend/src/components/common/Form/TextArea/index.tsx
@@ -1,6 +1,6 @@
 import {
   Intent,
-  ITextAreaProps,
+  TextAreaProps,
   TextArea as RawTextArea,
 } from "@blueprintjs/core";
 import { IconNames } from "@blueprintjs/icons";
@@ -17,7 +17,7 @@ const ErrorIcon = () => {
   return <StyledDangerIcon icon={IconNames.ISSUE} intent={Intent.DANGER} />;
 };
 
-interface Props extends ITextAreaProps {
+interface Props extends TextAreaProps {
   isValid?: boolean;
   syncValidation?: Array<(value: string) => boolean>;
   handleChange?: ({ isValid, value, name }: Value) => void;

diff --git a/frontend/src/components/common/Grid/components/NTag/index.tsx b/frontend/src/components/common/Grid/components/NTag/index.tsx
@@ -16,7 +16,6 @@ export default function NTag({ label, values }: Props): JSX.Element {
     .map((begin) => values.slice(begin, begin + CHUNK_SIZE));
   return (
     <Popover
-      boundary="viewport"
       content={
         <ContentWrapper>
           {chunkedValues.map((chunk, index) => (

diff --git a/frontend/src/components/common/MoreDropdown/index.tsx b/frontend/src/components/common/MoreDropdown/index.tsx
@@ -1,14 +1,15 @@
-import { IButtonProps, IPopoverProps, Popover } from "@blueprintjs/core";
+import { PopoverProps, Popover } from "@blueprintjs/core";
+import { ButtonIconProps } from "@czi-sds/components";
 import { MoreButton } from "src/components/common/MoreDropdown/style";
 
 interface Props {
-  popoverProps?: IPopoverProps;
-  buttonProps?: IButtonProps;
+  popoverProps?: PopoverProps;
+  buttonProps?: Partial<ButtonIconProps<"dotsHorizontal", "small">>;
 }
 
 const MoreDropdown = ({
   popoverProps = {},
-  buttonProps = {},
+  buttonProps = {} as Props["buttonProps"],
 }: Props): JSX.Element => {
   return (
     <Popover {...popoverProps}>

diff --git a/...Collection/components/CollectionActions/components/MoreDropdown/components/Menu/index.tsx b/...Collection/components/CollectionActions/components/MoreDropdown/components/Menu/index.tsx
@@ -1,5 +1,5 @@
 import {
-  IMenuItemProps,
+  MenuItemProps,
   Intent,
   Menu as RawMenu,
   MenuItem,
@@ -14,7 +14,7 @@ import { DeleteCollectionFn } from "src/views/Collection/components/CollectionAc
 const DeleteButton = ({
   isRevision,
   ...props
-}: Partial<IMenuItemProps> & { isRevision: boolean }) => {
+}: Partial<MenuItemProps> & { isRevision: boolean }) => {
   return (
     <MenuItem
       {...props}
@@ -29,7 +29,7 @@ const DeleteButton = ({
   );
 };
 
-const EditButton = (props: Partial<IMenuItemProps>) => {
+const EditButton = (props: Partial<MenuItemProps>) => {
   return (
     <MenuItem
       {...props}