@czi-sds/components 23.3.4 → 23.4.0

package/dist/index.esm.d.ts

@@ -43,6 +43,7 @@ import { AutocompleteChangeDetails, AutocompleteChangeReason, AutocompleteCloseR
 import { AlertTitleProps } from "@mui/material/AlertTitle";
 import { AutocompleteValue as AutocompleteValue$1 } from "@mui/material/useAutocomplete";
 import { AutocompleteCloseReason as AutocompleteCloseReason$1 } from "@mui/material/useAutocomplete";
+import { ColumnDef, RowData } from "@tanstack/react-table";
 interface SdsAccordionDetailsProps {
     id?: string;
 }
@@ -1328,8 +1329,12 @@ interface CellBasicExtraProps extends CommonThemeProps {
     secondaryTextWrapLineCount?: number;
     tertiaryTextWrapLineCount?: number;
     tabularNums?: boolean;
+    shouldShowUnderlineOnHover?: boolean;
+    isRowHovered?: boolean;
+    component?: React.ElementType;
+    extraRightPadding?: number;
 }
-interface CellBasicContentProps extends Omit<React.HTMLProps<HTMLTableCellElement>, "as"> {
+interface CellBasicContentProps extends Omit<React.HTMLProps<HTMLDivElement>, "as"> {
     primaryText: string;
     primaryTextWrapLineCount?: number;
     secondaryText?: string;
@@ -1343,22 +1348,27 @@ interface CellBasicContentProps extends Omit<React.HTMLProps<HTMLTableCellElemen
     primaryTextComponentSlotBottom?: React.ReactNode;
     horizontalAlign?: "left" | "right";
     tabularNums?: boolean;
+    as?: React.ElementType;
+    link?: string;
+    linkProps?: React.AnchorHTMLAttributes<HTMLAnchorElement>;
+    linkComponent?: React.ElementType;
 }
 interface CellBasicRawProps {
     shouldShowTooltipOnHover?: boolean;
     tooltipProps?: Partial<TooltipProps>;
 }
 type CellBasicProps = CellBasicRawProps & CellBasicExtraProps & CellBasicContentProps;
-declare const CellBasic: React.ForwardRefExoticComponent<Omit<CellBasicProps, "ref"> & React.RefAttributes<HTMLTableCellElement>>;
+declare const CellBasic: React.ForwardRefExoticComponent<Omit<CellBasicProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
 interface CellComponentExtraProps extends CommonThemeProps {
     horizontalAlign?: "left" | "center" | "right";
     verticalAlign?: "top" | "center" | "bottom";
 }
-interface CellComponentContentProps extends Omit<React.HTMLProps<HTMLTableCellElement>, "as"> {
+interface CellComponentContentProps extends Omit<React.HTMLProps<HTMLDivElement>, "as"> {
     children?: ReactNode;
+    as?: React.ElementType;
 }
 type CellComponentProps = CellComponentContentProps & CellComponentExtraProps;
-declare const CellComponent: React.ForwardRefExoticComponent<Omit<CellComponentProps, "ref"> & React.RefAttributes<unknown>>;
+declare const CellComponent: React.ForwardRefExoticComponent<Omit<CellComponentProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
 interface CellHeaderExtraProps extends CommonThemeProps {
     active?: boolean;
     hideSortIcon?: boolean;
@@ -1376,7 +1386,8 @@ interface CellHeaderContentProps {
     hover?: boolean;
     shouldTruncate?: boolean;
 }
-interface CellHeaderRawProps extends Omit<React.HTMLProps<HTMLTableCellElement>, "as"> {
+interface CellHeaderRawProps extends Omit<React.HTMLProps<HTMLDivElement>, "as"> {
+    as?: React.ElementType;
     tooltipText?: string;
     tooltipSubtitle?: string;
     shouldShowTooltipOnHover?: boolean;
@@ -1720,6 +1731,7 @@ interface HeroProps {
 declare const Hero: React.ForwardRefExoticComponent<HeroProps & React.RefAttributes<HTMLElement>>;
 interface CheckboxExtraProps extends CommonThemeProps {
     intent?: "default" | "negative" | "notice" | "positive";
+    label?: React.ReactNode;
     disabled?: boolean;
 }
 interface CheckboxContentProps extends Omit<MUICheckboxProps, "color" | "defaultChecked" | "indeterminate"> {
@@ -2240,6 +2252,58 @@ type PanelProps = BasicPanelProps | OverlayPanelProps;
  * @see https://mui.com/material-ui/react-drawer/
  */
 declare const Panel: React.ForwardRefExoticComponent<(Omit<BasicPanelProps, "ref"> | Omit<OverlayPanelProps, "ref">) & React.RefAttributes<HTMLDivElement>>;
+interface RowExtraProps extends CommonThemeProps, Omit<React.HTMLProps<HTMLTableRowElement>, "as" | "rev"> {
+    rowHeight?: number;
+    useDivider?: boolean;
+    selected?: boolean;
+    disabled?: boolean;
+    hover?: boolean;
+}
+interface RowRawProps {
+    children: React.ReactNode;
+    tooltipText?: string;
+    tooltipSubtitle?: string;
+    shouldShowTooltipOnHover?: boolean;
+    tooltipProps?: Partial<TooltipProps>;
+}
+type TableRowProps = RowRawProps & RowExtraProps;
+declare const TableRow: React.ForwardRefExoticComponent<Omit<TableRowProps, "ref"> & React.RefAttributes<HTMLTableRowElement>>;
+// Declaration merging to add pinning to ColumnDef.meta
+declare module "@tanstack/react-table" {
+    // eslint-disable-next-line @typescript-eslint/no-unused-vars
+    interface ColumnMeta<TData extends RowData, TValue> {
+        pinning?: "left" | "right";
+        verticalAlign?: "top" | "middle" | "bottom";
+        isGrow?: boolean;
+        widthPercentage?: number;
+        headerCellProps?: Partial<CellHeaderProps>;
+    }
+}
+interface PreComposedTableProps<TData> {
+    data: TData[];
+    columns: ColumnDef<TData>[];
+    border?: boolean;
+    enableSorting?: boolean;
+    enableRowSelection?: boolean;
+    shouldPinSelectRowToLeft?: boolean;
+    enablePagination?: boolean;
+    enableColumnFiltering?: boolean;
+    enableGlobalFiltering?: boolean;
+    paginationConfig?: Partial<PaginationProps> & {
+        placement?: "left" | "center" | "right";
+    };
+    className?: string;
+    style?: CSSProperties;
+    tableWidth?: string;
+    tableRowProps?: Partial<TableRowProps>;
+    onRowSelect?: (selectedRows: TData[]) => void;
+    sdsStyle?: "lined" | "striped";
+}
+// Create context for row hover state
+declare const RowHoverContext: React.Context<{
+    isRowHovered: boolean;
+}>;
+declare const PreComposedTable: <TData extends unknown>({ data, columns, border, enableSorting, enableRowSelection, shouldPinSelectRowToLeft, enablePagination, enableColumnFiltering, enableGlobalFiltering, paginationConfig, className, style, tableWidth, onRowSelect, tableRowProps, sdsStyle }: PreComposedTableProps<TData>) => import("react/jsx-runtime").JSX.Element;
 // one prop is array of objects: with icon name and tooltip text. They need to make
 // first item in array first button, etc
 interface SingleButtonDefinition {
@@ -2264,22 +2328,6 @@ interface TableHeaderProps {
     children: React.ReactNode;
 }
 declare const TableHeader: React.ForwardRefExoticComponent<TableHeaderProps & React.RefAttributes<HTMLTableSectionElement | null>>;
-interface RowExtraProps extends CommonThemeProps, Omit<React.HTMLProps<HTMLTableRowElement>, "as" | "rev"> {
-    rowHeight?: number;
-    useDivider?: boolean;
-    selected?: boolean;
-    disabled?: boolean;
-    hover?: boolean;
-}
-interface RowRawProps {
-    children: React.ReactNode;
-    tooltipText?: string;
-    tooltipSubtitle?: string;
-    shouldShowTooltipOnHover?: boolean;
-    tooltipProps?: Partial<TooltipProps>;
-}
-type TableRowProps = RowRawProps & RowExtraProps;
-declare const TableRow: React.ForwardRefExoticComponent<Omit<TableRowProps, "ref"> & React.RefAttributes<HTMLTableRowElement>>;
 type TabsProps$0 = RawTabsProps & {
     underlined?: boolean;
     sdsSize?: "small" | "large";
@@ -2376,5 +2424,5 @@ interface DiscreteColorGeneratorOptions {
  * @returns Array of color strings in hex format
  */
 declare const generateDiscreteColors: (count: number, options?: DiscreteColorGeneratorOptions) => string[];
-export { AccordionDetails, AccordionHeader, AccordionProps, Accordion, Alert, AutocompleteSingleColumnOption, AutocompleteMultiColumnOption, SDSAutocompleteOptions, AutocompleteMultiColumnValue, AutocompleteSingleColumnValue, SDSAutocompleteValue, AutocompleteSingleColumnOnChange, AutocompleteMultiColumnOnChange, SDSAutocompleteOnChange, AutocompleteProps$0 as AutocompleteProps, StyledPopper as AutocompleteMultiColumnStyledPopper, StyledPaper$0 as AutocompleteSingleColumnStyledPaper, Autocomplete$0 as Autocomplete, BannerIntentType, BannerProps, Banner, Button, ButtonDropdown, isIconOnlyButton, ButtonGroup, ButtonIconInternalProps, ButtonIconProps, ButtonIcon, ButtonToggle, ButtonLegacyType, ButtonLegacyTypeMap, ButtonLegacySize, SdsIconButtonLegacyProps, SdsMinimalButtonLegacyProps, SdsButtonLegacyProps, SdsLegacyProps, ButtonLegacyProps, ButtonLegacy, ButtonDropdownLegacyProps, ButtonDropdownLegacy, ButtonToggleLegacyProps, ButtonToggleLegacy, CalloutIntentType, CalloutSdsStyleType, CalloutProps, ExposedCalloutProps, Callout, CalloutTitle, CellBasicRawProps, CellBasicProps, CellBasic, CellComponentProps, CellComponent, CellHeaderDirection, CellHeaderProps, CellHeader, Chip, DropdownInputDropdown as ComplexFilterInputDropdown, DropdownPopper as ComplexFilterPopper, ComplexFilterProps, ComplexFilter, ContentCardActions, StyledContentCardBody as ContentCardBody, CardMedia as ContentCardMedia, StyledTitleText as ContentCardTitle, StyledSubtitleText as ContentCardSubtitle, StyledMetadataText as ContentCardMetadata, StyledOverlineText as ContentCardOverline, ContentCard, DialogExtraProps, DialogProps, Dialog, DialogActionsProps, DialogActions, DialogContentProps, _default, _default as DialogContent, DialogPaperProps, DialogPaper, Subtitle as DialogTitleSubtitle, Title as DialogTitleTitle, Overline as DialogTitleOverline, DialogTitleProps, DialogTitle, InputDropdown as DropdownInputDropdown, InputDropdown, StyledPaper$1 as DropdownPaper, StyledPopper$1 as DropdownPopper, ExtraDropdownProps, DropdownProps, Dropdown, DefaultDropdownMenuOption, MINIMUM_DROPDOWN_MENU_POPPER_WIDTH, DropdownMenuProps, DropdownMenu, Hero, SdsIconWithColor$0 as SdsIconWithColor, IconProps, Icon, CheckboxProps, InputCheckbox, InputDropdownProps$0 as InputDropdownProps, RadioContentProps, RadioProps, InputRadio, AccessibleInputSearchProps, InputSearchProps, InputSearch, InputSliderProps, InputSlider, InputTextProps, InputText, InputToggle, IntentMessage, Legend, LinkProps, Link, ListProps, List, ListItemLabel, ListItemProps, ListItem, ListSubheaderProps, ListSubheader, LoadingIndicatorProps$0 as LoadingIndicatorProps, LoadingIndicator, MenuProps, Menu, IconNameToSmallSizes, MenuItemExtraProps, MenuItemProps, MenuItem, DefaultMenuSelectOption, MenuSelectProps, MenuSelect, NavigationFooterNavItem, FooterImage, NavigationFooterProps, NavItemProps, FooterLinkProps, NavigationFooter, NavigationHeader, NavigationJumpToProps, NavigationJumpTo, NotificationIntentType, NotificationProps, ExposedNotificationProps, Notification, PaginationInternalProps, PaginationProps, Pagination, Panel, SingleButtonDefinition, SegmentedControlProps, SegmentedControl, SdsTableProps, TableProps, Table, TableHeaderProps, TableHeader, TableRowProps, TableRow, Tabs, TabProps$0 as TabProps, Tab, SdsTagProps, TagProps, Tag, SdsTagFilterProps, TagFilterProps, TagFilter, Tooltip, TooltipCondensedProps, TooltipCondensed, TooltipTableContent, TooltipTableContent as TooltipTable, AccentColor, BaseColor, IntentColor, SDSPalette, SDSTheme, SDSThemeOptions, AppTheme, Shadows, TypographyStyles, Typography, FontWeights, Corners, Spaces, Spacings, Color, Colors, IconSize, IconSizes, Border, Borders, Theme$0 as Theme, defaultTheme, SDSDarkThemeColors, SDSLightThemeColors, makeSdsSemanticAppTheme, SDSLightAppTheme, SDSDarkAppTheme, SDSChooseTheme, defaultAppTheme, SDSPaletteLight, SDSPaletteDark, makeThemeOptions, focusVisibleA11yStyle, fontBody, fontBodyL, fontBodyM, fontBodyS, fontBodyXs, fontBodyXxs, fontBodyXxxs, fontBodyXxxxs, fontBodyMediumL, fontBodyMediumM, fontBodyMediumS, fontBodyMediumXs, fontBodyMediumXxs, fontBodyMediumXxxs, fontBodyMediumXxxxs, fontBodySemiboldL, fontBodySemiboldM, fontBodySemiboldS, fontBodySemiboldXs, fontBodySemiboldXxs, fontBodySemiboldXxxs, fontBodySemiboldXxxxs, fontCaps, fontCapsXxs, fontCapsXxxs, fontCapsXxxxs, fontHeader, fontHeaderXxl, fontHeaderXl, fontHeaderL, fontHeaderM, fontHeaderS, fontHeaderXs, fontHeaderXxs, fontHeaderXxxs, fontCode, fontCodeXs, fontCodeS, fontCodeMediumXs, fontCodeMediumS, fontCodeSemiboldXs, fontCodeSemiboldS, fontTabular, fontTabularXxxxs, fontTabularXxxs, fontTabularXxs, fontTabularXs, fontTabularS, fontTabularMediumXxxxs, fontTabularMediumXxxs, fontTabularMediumXxs, fontTabularMediumXs, fontTabularMediumS, fontTabularSemiboldXxxxs, fontTabularSemiboldXxxs, fontTabularSemiboldXxs, fontTabularSemiboldXs, fontTabularSemiboldS, fontTitle, fontTitleBoldS, fontTitleBoldM, fontTitleBoldL, fontLink, fontLinkL, fontLinkM, fontLinkS, fontLinkXs, fontLinkXxs, fontLinkXxxs, fontLinkXxxxs, fontLinkMediumL, fontLinkMediumM, fontLinkMediumS, fontLinkMediumXs, fontLinkMediumXxs, fontLinkMediumXxxs, fontLinkMediumXxxxs, fontLinkSemiboldL, fontLinkSemiboldM, fontLinkSemiboldS, fontLinkSemiboldXs, fontLinkSemiboldXxs, fontLinkSemiboldXxxs, fontLinkSemiboldXxxxs, CommonThemeProps, getSpaces, getSpacings, getTypography, getMode, getPalette, getColors, getSemanticColors, getShadows, getCorners, getFontWeights, getIconSizes, getBorders, getBreakpoints, DiscreteColorGeneratorOptions, generateDiscreteColors };
+export { AccordionDetails, AccordionHeader, AccordionProps, Accordion, Alert, AutocompleteSingleColumnOption, AutocompleteMultiColumnOption, SDSAutocompleteOptions, AutocompleteMultiColumnValue, AutocompleteSingleColumnValue, SDSAutocompleteValue, AutocompleteSingleColumnOnChange, AutocompleteMultiColumnOnChange, SDSAutocompleteOnChange, AutocompleteProps$0 as AutocompleteProps, StyledPopper as AutocompleteMultiColumnStyledPopper, StyledPaper$0 as AutocompleteSingleColumnStyledPaper, Autocomplete$0 as Autocomplete, BannerIntentType, BannerProps, Banner, Button, ButtonDropdown, isIconOnlyButton, ButtonGroup, ButtonIconInternalProps, ButtonIconProps, ButtonIcon, ButtonToggle, ButtonLegacyType, ButtonLegacyTypeMap, ButtonLegacySize, SdsIconButtonLegacyProps, SdsMinimalButtonLegacyProps, SdsButtonLegacyProps, SdsLegacyProps, ButtonLegacyProps, ButtonLegacy, ButtonDropdownLegacyProps, ButtonDropdownLegacy, ButtonToggleLegacyProps, ButtonToggleLegacy, CalloutIntentType, CalloutSdsStyleType, CalloutProps, ExposedCalloutProps, Callout, CalloutTitle, CellBasicRawProps, CellBasicProps, CellBasic, CellComponentProps, CellComponent, CellHeaderDirection, CellHeaderProps, CellHeader, Chip, DropdownInputDropdown as ComplexFilterInputDropdown, DropdownPopper as ComplexFilterPopper, ComplexFilterProps, ComplexFilter, ContentCardActions, StyledContentCardBody as ContentCardBody, CardMedia as ContentCardMedia, StyledTitleText as ContentCardTitle, StyledSubtitleText as ContentCardSubtitle, StyledMetadataText as ContentCardMetadata, StyledOverlineText as ContentCardOverline, ContentCard, DialogExtraProps, DialogProps, Dialog, DialogActionsProps, DialogActions, DialogContentProps, _default, _default as DialogContent, DialogPaperProps, DialogPaper, Subtitle as DialogTitleSubtitle, Title as DialogTitleTitle, Overline as DialogTitleOverline, DialogTitleProps, DialogTitle, InputDropdown as DropdownInputDropdown, InputDropdown, StyledPaper$1 as DropdownPaper, StyledPopper$1 as DropdownPopper, ExtraDropdownProps, DropdownProps, Dropdown, DefaultDropdownMenuOption, MINIMUM_DROPDOWN_MENU_POPPER_WIDTH, DropdownMenuProps, DropdownMenu, Hero, SdsIconWithColor$0 as SdsIconWithColor, IconProps, Icon, CheckboxContentProps, CheckboxProps, InputCheckbox, InputDropdownProps$0 as InputDropdownProps, RadioContentProps, RadioProps, InputRadio, AccessibleInputSearchProps, InputSearchProps, InputSearch, InputSliderProps, InputSlider, InputTextProps, InputText, InputToggle, IntentMessage, Legend, LinkProps, Link, ListProps, List, ListItemLabel, ListItemProps, ListItem, ListSubheaderProps, ListSubheader, LoadingIndicatorProps$0 as LoadingIndicatorProps, LoadingIndicator, MenuProps, Menu, IconNameToSmallSizes, MenuItemExtraProps, MenuItemProps, MenuItem, DefaultMenuSelectOption, MenuSelectProps, MenuSelect, NavigationFooterNavItem, FooterImage, NavigationFooterProps, NavItemProps, FooterLinkProps, NavigationFooter, NavigationHeader, NavigationJumpToProps, NavigationJumpTo, NotificationIntentType, NotificationProps, ExposedNotificationProps, Notification, PaginationInternalProps, PaginationProps, Pagination, Panel, PreComposedTableProps, RowHoverContext, PreComposedTable, SingleButtonDefinition, SegmentedControlProps, SegmentedControl, SdsTableProps, TableProps, Table, TableHeaderProps, TableHeader, TableRowProps, TableRow, Tabs, TabProps$0 as TabProps, Tab, SdsTagProps, TagProps, Tag, SdsTagFilterProps, TagFilterProps, TagFilter, Tooltip, TooltipCondensedProps, TooltipCondensed, TooltipTableContent, TooltipTableContent as TooltipTable, AccentColor, BaseColor, IntentColor, SDSPalette, SDSTheme, SDSThemeOptions, AppTheme, Shadows, TypographyStyles, Typography, FontWeights, Corners, Spaces, Spacings, Color, Colors, IconSize, IconSizes, Border, Borders, Theme$0 as Theme, defaultTheme, SDSDarkThemeColors, SDSLightThemeColors, makeSdsSemanticAppTheme, SDSLightAppTheme, SDSDarkAppTheme, SDSChooseTheme, defaultAppTheme, SDSPaletteLight, SDSPaletteDark, makeThemeOptions, focusVisibleA11yStyle, fontBody, fontBodyL, fontBodyM, fontBodyS, fontBodyXs, fontBodyXxs, fontBodyXxxs, fontBodyXxxxs, fontBodyMediumL, fontBodyMediumM, fontBodyMediumS, fontBodyMediumXs, fontBodyMediumXxs, fontBodyMediumXxxs, fontBodyMediumXxxxs, fontBodySemiboldL, fontBodySemiboldM, fontBodySemiboldS, fontBodySemiboldXs, fontBodySemiboldXxs, fontBodySemiboldXxxs, fontBodySemiboldXxxxs, fontCaps, fontCapsXxs, fontCapsXxxs, fontCapsXxxxs, fontHeader, fontHeaderXxl, fontHeaderXl, fontHeaderL, fontHeaderM, fontHeaderS, fontHeaderXs, fontHeaderXxs, fontHeaderXxxs, fontCode, fontCodeXs, fontCodeS, fontCodeMediumXs, fontCodeMediumS, fontCodeSemiboldXs, fontCodeSemiboldS, fontTabular, fontTabularXxxxs, fontTabularXxxs, fontTabularXxs, fontTabularXs, fontTabularS, fontTabularMediumXxxxs, fontTabularMediumXxxs, fontTabularMediumXxs, fontTabularMediumXs, fontTabularMediumS, fontTabularSemiboldXxxxs, fontTabularSemiboldXxxs, fontTabularSemiboldXxs, fontTabularSemiboldXs, fontTabularSemiboldS, fontTitle, fontTitleBoldS, fontTitleBoldM, fontTitleBoldL, fontLink, fontLinkL, fontLinkM, fontLinkS, fontLinkXs, fontLinkXxs, fontLinkXxxs, fontLinkXxxxs, fontLinkMediumL, fontLinkMediumM, fontLinkMediumS, fontLinkMediumXs, fontLinkMediumXxs, fontLinkMediumXxxs, fontLinkMediumXxxxs, fontLinkSemiboldL, fontLinkSemiboldM, fontLinkSemiboldS, fontLinkSemiboldXs, fontLinkSemiboldXxs, fontLinkSemiboldXxxs, fontLinkSemiboldXxxxs, CommonThemeProps, getSpaces, getSpacings, getTypography, getMode, getPalette, getColors, getSemanticColors, getShadows, getCorners, getFontWeights, getIconSizes, getBorders, getBreakpoints, DiscreteColorGeneratorOptions, generateDiscreteColors };
 export type { AutocompleteBaseProps, AutocompleteMultiColumnProps, AutocompleteOptionBasic, AutocompleteOptionComponent, DefaultAutocompleteOption, ButtonProps, ButtonDropdownProps, ButtonGroupProps, ButtonToggleProps, ChipProps, ContentCardProps, CardMediaProps as ContentCardMediaProps, ContentCardActionsProps, ContentCardTitleProps, HeroProps, IconNameToSizes, InputToggleExtraProps as InputToggleProps, IntentMessageItem, IntentMessageProps, LegendProps, LegendItemData, NavigationHeaderProps, IconButtonProps, NavigationHeaderPrimaryNavItem, NavigationHeaderPrimaryNavProps, NavigationHeaderSecondaryNavItem, NavigationHeaderSecondaryNavProps, PanelProps, BasicPanelProps, OverlayPanelProps, TabsProps$0 as TabsProps, SdsTagColorType, TooltipProps, TooltipTableContentProps };