@czi-sds/components 22.5.0 → 22.5.2

package/dist/index.cjs.d.ts

@@ -575,6 +575,7 @@ interface IconNameToSizes {
     FlaskPrivate: "l" | "xl";
     FlaskPublic: "l" | "xl";
     Gear: "xs" | "s";
+    Github: "xs" | "s";
     Globe: "xs" | "s";
     GlobeBasic: "l" | "xl";
     Grid: "l" | "xl";
@@ -617,6 +618,7 @@ interface IconNameToSizes {
     RotateRight: "xs" | "s";
     Save: "l" | "xl";
     Scale: "xs" | "s";
+    ScatterPlot: "xs" | "s";
     Search: "xs" | "s" | "l" | "xl";
     SearchLinesHorizontal3: "xs" | "s" | "l" | "xl";
     Send: "l" | "xl";
@@ -721,7 +723,7 @@ type MenuItemProps<IconName extends keyof IconNameToSmallSizes> = MenuItemExtraP
 /**
  * @see https://mui.com/material-ui/react-menu/
  */
-declare const MenuItem: React.ForwardRefExoticComponent<Omit<MenuItemProps<"Bacteria" | "BarChartHorizontal3" | "BarChartVertical3" | "BarChartVertical4" | "Book" | "Check" | "CheckCircle" | "ChevronDown" | "ChevronDown2" | "ChevronLeft2" | "ChevronLeft" | "ChevronRight2" | "ChevronRight" | "ChevronUp" | "ChevronUp2" | "CirclesOverlap2" | "Code" | "Copy" | "Cube" | "Document" | "DotsHorizontal" | "Download" | "Edit" | "Envelope" | "ExclamationMarkCircle" | "EyeClosed" | "EyeOpen" | "Filter" | "FlagCheck" | "FlagOutline" | "FlagQuestionMark" | "FlagXMark" | "Gear" | "Globe" | "House" | "InfoCircle" | "LifeRing" | "LightBulb" | "LinesDashed3Solid1" | "LinesHorizontal3" | "Link" | "List" | "Loading" | "Lock" | "LockCircle" | "Minus" | "Open" | "People" | "Percentage" | "Person" | "Pin" | "PinLocation" | "Plus" | "PlusCircle" | "PuzzlePiece" | "Refresh" | "RotateLeft" | "RotateRight" | "Scale" | "Search" | "SearchLinesHorizontal3" | "Starburst" | "Table" | "ThumbsDown" | "ThumbsUp" | "TrashCan" | "TreeHorizontal" | "TreeVertical" | "TriangleDown" | "TriangleLeft" | "TriangleRight" | "TriangleUp" | "XMark" | "XMarkCircle">, "ref"> & React.RefAttributes<HTMLLIElement | null>>;
+declare const MenuItem: React.ForwardRefExoticComponent<Omit<MenuItemProps<"Bacteria" | "BarChartHorizontal3" | "BarChartVertical3" | "BarChartVertical4" | "Book" | "Check" | "CheckCircle" | "ChevronDown" | "ChevronDown2" | "ChevronLeft2" | "ChevronLeft" | "ChevronRight2" | "ChevronRight" | "ChevronUp" | "ChevronUp2" | "CirclesOverlap2" | "Code" | "Copy" | "Cube" | "Document" | "DotsHorizontal" | "Download" | "Edit" | "Envelope" | "ExclamationMarkCircle" | "EyeClosed" | "EyeOpen" | "Filter" | "FlagCheck" | "FlagOutline" | "FlagQuestionMark" | "FlagXMark" | "Gear" | "Github" | "Globe" | "House" | "InfoCircle" | "LifeRing" | "LightBulb" | "LinesDashed3Solid1" | "LinesHorizontal3" | "Link" | "List" | "Loading" | "Lock" | "LockCircle" | "Minus" | "Open" | "People" | "Percentage" | "Person" | "Pin" | "PinLocation" | "Plus" | "PlusCircle" | "PuzzlePiece" | "Refresh" | "RotateLeft" | "RotateRight" | "Scale" | "ScatterPlot" | "Search" | "SearchLinesHorizontal3" | "Starburst" | "Table" | "ThumbsDown" | "ThumbsUp" | "TrashCan" | "TreeHorizontal" | "TreeVertical" | "TriangleDown" | "TriangleLeft" | "TriangleRight" | "TriangleUp" | "XMark" | "XMarkCircle">, "ref"> & React.RefAttributes<HTMLLIElement | null>>;
 interface StyleProps extends CommonThemeProps {
     count?: number;
     icon?: ReactElement;
@@ -979,7 +981,7 @@ interface TooltipExtraProps extends CommonThemeProps {
     // @deprecated Use `hasInvertedStyle` instead
     sdsStyle?: "dark" | "light";
     hasInvertedStyle?: boolean;
-    subtitle?: string;
+    subtitle?: React.ReactNode;
     width?: "default" | "wide";
 }
 type TooltipProps = TooltipExtraProps & RawTooltipProps;
@@ -999,6 +1001,7 @@ interface CellBasicExtraProps extends CommonThemeProps {
     primaryTextWrapLineCount?: number;
     secondaryTextWrapLineCount?: number;
     tertiaryTextWrapLineCount?: number;
+    tabularNums?: boolean;
 }
 interface CellBasicContentProps extends Omit<React.HTMLProps<HTMLTableCellElement>, "as"> {
     primaryText: string;
@@ -1013,6 +1016,7 @@ interface CellBasicContentProps extends Omit<React.HTMLProps<HTMLTableCellElemen
     primaryTextComponentSlotRight?: React.ReactNode;
     primaryTextComponentSlotBottom?: React.ReactNode;
     horizontalAlign?: "left" | "right";
+    tabularNums?: boolean;
 }
 interface CellBasicRawProps {
     shouldShowTooltipOnHover?: boolean;
@@ -1034,6 +1038,7 @@ interface CellHeaderExtraProps extends CommonThemeProps {
     hideSortIcon?: boolean;
     horizontalAlign?: "left" | "center" | "right";
     hover?: boolean;
+    shouldTruncate?: boolean;
 }
 type CellHeaderDirection = "asc" | "desc";
 interface CellHeaderContentProps {
@@ -1043,6 +1048,7 @@ interface CellHeaderContentProps {
     horizontalAlign?: "left" | "center" | "right";
     children: React.ReactNode;
     hover?: boolean;
+    shouldTruncate?: boolean;
 }
 interface CellHeaderRawProps extends Omit<React.HTMLProps<HTMLTableCellElement>, "as"> {
     tooltipText?: string;
@@ -1107,7 +1113,7 @@ interface ExtraDropdownMenuProps extends StyleProps$1 {
     children?: JSX.Element | null;
     onClickAway?: (event: MouseEvent | TouchEvent) => void;
     ClickAwayListenerProps?: Partial<MUIClickAwayListenerProps>;
-    width?: number;
+    width?: number | CSSProperties["width"];
 }
 type CustomAutocompleteProps$1<T, Multiple extends boolean | undefined, DisableClearable extends boolean | undefined, FreeSolo extends boolean | undefined> = Omit<AutocompleteProps<T, Multiple, DisableClearable, FreeSolo>, "renderInput">;
 type DropdownMenuProps<T, Multiple extends boolean | undefined, DisableClearable extends boolean | undefined, FreeSolo extends boolean | undefined> = CustomAutocompleteProps$1<T, Multiple, DisableClearable, FreeSolo> & ExtraDropdownMenuProps;
@@ -1782,6 +1788,7 @@ interface TooltipTableExtraProps extends CommonThemeProps {
     }>;
     contentAlert?: string | JSX.Element;
     itemAlign?: "left" | "right";
+    showSectionHeader?: boolean;
 }
 type TooltipTableContentProps = TooltipTableExtraProps;
 /**