@czi-sds/components 21.1.0 → 21.3.0

package/dist/index.esm.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { AccordionDetailsProps, PaletteMode, PopperProps, AutocompleteInputChangeReason, AutocompleteRenderInputParams, PaperProps, SliderProps, SwitchProps, TabsProps, ToggleButtonGroupProps } from "@mui/material";
+import { AccordionDetailsProps, PaletteMode, PopperProps, AutocompleteInputChangeReason, AutocompleteRenderInputParams, PaperProps, SliderProps, SwitchProps, TabsProps, DrawerProps, ToggleButtonGroupProps } from "@mui/material";
 import { AccordionProps as RawAccordionProps } from "@mui/material";
 import { AccordionSummaryProps as RawAccordionSummaryProps } from "@mui/material";
 import { AutocompleteChangeDetails as AutocompleteChangeDetails$0 } from "@mui/material";
@@ -305,6 +305,8 @@ interface Border {
     open?: string;
     focused?: string;
     selected?: string;
+    thick?: string;
+    extraThick?: string;
 }
 interface Borders {
     accent: Border;
@@ -569,9 +571,10 @@ type IconProps<IconName extends keyof IconNameToSizes> = IconExtraProps<IconName
  * @see https://mui.com/material-ui/icons/#icons
  */
 declare const Icon: import("react").ForwardRefExoticComponent<IconExtraProps<keyof IconNameToSizes> & SdsIconWithColor$0 & import("react").RefAttributes<HTMLDivElement | null>>;
+type IntentType = "negative" | "notice" | "positive";
 interface InputSearchExtraProps extends CommonThemeProps {
     disabled?: boolean;
-    intent?: "default" | "negative" | "notice";
+    intent?: IntentType | "default";
     sdsStyle?: "rounded" | "square";
     value?: string;
 }
@@ -689,7 +692,7 @@ declare const StyledPopper: import("@emotion/styled").StyledComponent<Omit<impor
 } & StyleProps$0, {}, {}>;
 declare const StyledPaper$0: import("@emotion/styled").StyledComponent<import("@mui/material").PaperOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
     ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
-}, "className" | "style" | "classes" | "children" | "sx" | "variant" | "elevation" | "square"> & {
+}, "className" | "style" | "classes" | "children" | "sx" | "elevation" | "variant" | "square"> & {
     theme?: import("@emotion/react").Theme | undefined;
 } & StyleProps$0, {}, {}>;
 interface ExtraAutocompleteMultiColumnProps<T, Multiple extends boolean | undefined, DisableClearable extends boolean | undefined, FreeSolo extends boolean | undefined> extends StyleProps$0 {
@@ -977,7 +980,7 @@ declare const StyledPopper$1: import("@emotion/styled").StyledComponent<Omit<imp
 } & CommonThemeProps, {}, {}>;
 declare const StyledPaper$1: import("@emotion/styled").StyledComponent<import("@mui/material").PaperOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
     ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
-}, "className" | "style" | "classes" | "children" | "sx" | "variant" | "elevation" | "square"> & {
+}, "className" | "style" | "classes" | "children" | "sx" | "elevation" | "variant" | "square"> & {
     theme?: import("@emotion/react").Theme | undefined;
 } & StyleProps$1, {}, {}>;
 /**
@@ -997,6 +1000,7 @@ interface ExtraDropdownMenuProps extends StyleProps$1 {
     InputBaseProps?: Partial<InputSearchProps>;
     PopperBaseProps?: Partial<PopperProps>;
     title?: string;
+    headerComponentSlot?: JSX.Element;
     label?: string;
     anchorEl: HTMLElement | null;
     PopperComponent?: React.JSXElementConstructor<PopperProps>;
@@ -1011,10 +1015,11 @@ type CustomAutocompleteProps$1<T, Multiple extends boolean | undefined, DisableC
 type DropdownMenuProps<T, Multiple extends boolean | undefined, DisableClearable extends boolean | undefined, FreeSolo extends boolean | undefined> = CustomAutocompleteProps$1<T, Multiple, DisableClearable, FreeSolo> & ExtraDropdownMenuProps;
 declare const DropdownMenu: <T extends DefaultAutocompleteOption, Multiple extends boolean | undefined, DisableClearable extends boolean | undefined, FreeSolo extends boolean | undefined>(props: DropdownMenuProps<T, Multiple, DisableClearable, FreeSolo>) => JSX.Element;
 declare const doNotForwardProps: string[];
+type IntentType$0 = "negative" | "notice" | "positive";
 interface InputDropdownProps extends CommonThemeProps, Omit<ButtonProps$0, (typeof doNotForwardProps)[number]> {
     children?: ReactNode;
     disabled?: boolean;
-    intent?: "default" | "negative" | "notice";
+    intent?: "default" | IntentType$0;
     label: ReactNode;
     onClick: (event: React.MouseEvent<HTMLElement>) => void;
     state?: "default" | "open";
@@ -1136,7 +1141,7 @@ type DropdownProps<T, Multiple extends boolean | undefined, DisableClearable ext
 // eslint-disable-next-line sonarjs/cognitive-complexity
 declare const Dropdown: <T extends DefaultAutocompleteOption, Multiple extends boolean | undefined, DisableClearable extends boolean | undefined, FreeSolo extends boolean | undefined>(props: DropdownProps<T, Multiple, DisableClearable, FreeSolo>) => JSX.Element;
 interface CheckboxExtraProps extends CommonThemeProps {
-    intent?: "default" | "negative" | "notice";
+    intent?: "default" | "negative" | "notice" | "positive";
     disabled?: boolean;
 }
 interface CheckboxContentProps extends Omit<MUICheckboxProps, "color" | "defaultChecked" | "indeterminate"> {
@@ -1152,7 +1157,7 @@ type CheckboxProps = CheckboxContentProps & CheckboxExtraProps;
  */
 declare const InputCheckbox: (props: CheckboxProps) => JSX.Element;
 interface RadioExtraProps extends CommonThemeProps {
-    intent?: "default" | "negative" | "notice";
+    intent?: "default" | "negative" | "notice" | "positive";
     disabled?: boolean;
 }
 interface RadioContentProps extends Omit<MUIRadioProps, "color" | "defaultChecked"> {
@@ -1175,9 +1180,10 @@ type InputSliderProps = InputSliderExtraProps;
  * @see https://mui.com/material-ui/react-slider/
  */
 declare const InputSlider: import("react").ForwardRefExoticComponent<Omit<InputSliderExtraProps, "ref"> & import("react").RefAttributes<HTMLSpanElement>>;
+type IntentType$1 = "negative" | "notice" | "positive";
 interface InputTextExtraProps extends CommonThemeProps {
     disabled?: boolean;
-    intent?: "default" | "negative" | "notice";
+    intent?: "default" | IntentType$1;
     sdsType?: "textField" | "textArea";
     hideLabel?: boolean;
 }
@@ -1331,6 +1337,31 @@ interface PaginationInternalProps {
 }
 type PaginationProps = PaginationExtraProps & PaginationInternalProps;
 declare const Pagination: import("react").ForwardRefExoticComponent<PaginationExtraProps & PaginationInternalProps & import("react").RefAttributes<HTMLUListElement>>;
+interface PanelHeaderCloseProps {
+    onClick?: React.MouseEventHandler<HTMLDivElement>;
+    CloseButtonComponent?: React.ReactNode;
+}
+interface BasicPanelProps extends Omit<DrawerProps, "variant"> {
+    sdsType?: "basic"; // Discriminator
+    position?: "left" | "right";
+    width?: number | string;
+}
+interface OverlayPanelProps extends Omit<DrawerProps, "variant"> {
+    sdsType?: "overlay"; // Discriminator
+    position?: "left" | "right" | "bottom";
+    width?: number | string;
+    HeaderComponent?: React.ReactNode;
+    closeButtonOnClick?: PanelHeaderCloseProps["onClick"];
+    CloseButtonComponent?: PanelHeaderCloseProps["CloseButtonComponent"];
+}
+// Discriminated Union
+type PanelProps = BasicPanelProps | OverlayPanelProps;
+declare const PANEL_BASIC_MIN_WIDTH_PX = 240;
+declare const PANEL_OVERLAY_MIN_WIDTH_PX = 320;
+/**
+ * @see https://mui.com/material-ui/react-drawer/
+ */
+declare const Panel: React.ForwardRefExoticComponent<(Omit<BasicPanelProps, "ref"> | Omit<OverlayPanelProps, "ref">) & React.RefAttributes<HTMLDivElement>>;
 // 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 {
@@ -1461,5 +1492,5 @@ type TooltipTableContentProps = TooltipTableExtraProps;
  * @see https://mui.com/material-ui/react-table/
  */
 declare const TooltipTableContent: (props: TooltipTableContentProps) => JSX.Element;
-export { AccordionDetails, AccordionHeader, AccordionProps, Accordion, Alert, AutocompleteSingleColumnOption, AutocompleteMultiColumnOption, SDSAutocompleteOptions, AutocompleteMultiColumnValue, AutocompleteSingleColumnValue, SDSAutocompleteValue, AutocompleteSingleColumnOnChange, AutocompleteMultiColumnOnChange, SDSAutocompleteOnChange, AutocompleteProps, StyledPopper as AutocompleteMultiColumnStyledPopper, StyledPaper$0 as AutocompleteSingleColumnStyledPaper, Autocomplete$0 as Autocomplete, BannerProps, Banner, ButtonProps, Button, ButtonDropdownProps, ButtonDropdown, ButtonIconInternalProps, ButtonIconProps, ButtonIcon, CalloutIntentType, CalloutProps, ExposedCalloutProps, Callout, CalloutTitle, CellBasicRawProps, CellBasicProps, CellBasic, CellComponentProps, CellComponent, CellHeaderDirection, CellHeaderProps, CellHeader, Chip, InputDropdown as ComplexFilterInputDropdown, InputDropdown as DropdownInputDropdown, InputDropdown, StyledPopper$1 as ComplexFilterPopper, StyledPopper$1 as DropdownPopper, ComplexFilterProps, ComplexFilter, DialogContext, DialogProps, Dialog, DialogActionsProps, DialogActions, DialogContentProps, _default, _default as DialogContent, DialogPaperProps, DialogPaper, Subtitle$0 as DialogTitleSubtitle, Title as DialogTitleTitle, Overline as DialogTitleOverline, DialogTitleProps, DialogTitle, StyledPaper$1 as DropdownPaper, ExtraDropdownProps, DropdownProps, Dropdown, DefaultDropdownMenuOption, MINIMUM_DROPDOWN_MENU_POPPER_WIDTH, DropdownMenuProps, DropdownMenu, SdsIconWithColor$0 as SdsIconWithColor, IconProps, Icon, CheckboxProps, InputCheckbox, InputDropdownProps$0 as InputDropdownProps, RadioContentProps, RadioProps, InputRadio, AccessibleInputSearchProps, InputSearchProps, InputSearch, InputSliderProps, InputSlider, InputTextProps, InputText, InputToggle, LinkProps$0 as LinkProps, Link, ListProps, List, ListItemLabel, ListItemProps, ListItem, ListSubheaderProps, ListSubheader, LoadingIndicatorProps$0 as LoadingIndicatorProps, LoadingIndicator, MenuProps, Menu, IconNameToSmallSizes, MenuItemExtraProps, MenuItemProps, MenuItem, DefaultMenuSelectOption, MenuSelectProps, MenuSelect, NavigationJumpToProps, NavigationJumpTo, NotificationIntentType, NotificationProps, ExposedNotificationProps, Notification, PaginationInternalProps, PaginationProps, Pagination, 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, Typography, FontWeights, Corners, Spaces, Spacings, Color, Colors, IconSize, IconSizes, Border, Borders, Theme$0 as Theme, defaultTheme, SDSLightAppTheme, SDSDarkAppTheme, SDSChooseTheme, defaultAppTheme, makeThemeOptions, focusVisibleA11yStyle, fontBody, fontBodyL, fontBodyM, fontBodyS, fontBodyXs, fontBodyXxs, fontBodyXxxs, fontBodySemiboldL, fontBodySemiboldM, fontBodySemiboldS, fontBodySemiboldXs, fontBodySemiboldXxs, fontBodySemiboldXxxs, fontCaps, fontCapsXxs, fontCapsXxxs, fontCapsXxxxs, fontHeader, fontHeaderXxl, fontHeaderXl, fontHeaderL, fontHeaderM, fontHeaderS, fontHeaderXs, fontHeaderXxs, fontHeaderXxxs, fontCode, fontCodeXs, fontCodeS, fontCodeSemiboldXs, fontCodeSemiboldS, fontTabular, fontTabularXs, fontTabularS, fontTabularSemiboldXs, fontTabularSemiboldS, CommonThemeProps, getSpaces, getSpacings, getTypography, getMode, getPalette, getColors, getSemanticColors, getShadows, getCorners, getFontWeights, getIconSizes, getBorders };
+export { AccordionDetails, AccordionHeader, AccordionProps, Accordion, Alert, AutocompleteSingleColumnOption, AutocompleteMultiColumnOption, SDSAutocompleteOptions, AutocompleteMultiColumnValue, AutocompleteSingleColumnValue, SDSAutocompleteValue, AutocompleteSingleColumnOnChange, AutocompleteMultiColumnOnChange, SDSAutocompleteOnChange, AutocompleteProps, StyledPopper as AutocompleteMultiColumnStyledPopper, StyledPaper$0 as AutocompleteSingleColumnStyledPaper, Autocomplete$0 as Autocomplete, BannerProps, Banner, ButtonProps, Button, ButtonDropdownProps, ButtonDropdown, ButtonIconInternalProps, ButtonIconProps, ButtonIcon, CalloutIntentType, CalloutProps, ExposedCalloutProps, Callout, CalloutTitle, CellBasicRawProps, CellBasicProps, CellBasic, CellComponentProps, CellComponent, CellHeaderDirection, CellHeaderProps, CellHeader, Chip, InputDropdown as ComplexFilterInputDropdown, InputDropdown as DropdownInputDropdown, InputDropdown, StyledPopper$1 as ComplexFilterPopper, StyledPopper$1 as DropdownPopper, ComplexFilterProps, ComplexFilter, DialogContext, DialogProps, Dialog, DialogActionsProps, DialogActions, DialogContentProps, _default, _default as DialogContent, DialogPaperProps, DialogPaper, Subtitle$0 as DialogTitleSubtitle, Title as DialogTitleTitle, Overline as DialogTitleOverline, DialogTitleProps, DialogTitle, StyledPaper$1 as DropdownPaper, ExtraDropdownProps, DropdownProps, Dropdown, DefaultDropdownMenuOption, MINIMUM_DROPDOWN_MENU_POPPER_WIDTH, DropdownMenuProps, DropdownMenu, SdsIconWithColor$0 as SdsIconWithColor, IconProps, Icon, CheckboxProps, InputCheckbox, InputDropdownProps$0 as InputDropdownProps, RadioContentProps, RadioProps, InputRadio, AccessibleInputSearchProps, InputSearchProps, InputSearch, InputSliderProps, InputSlider, InputTextProps, InputText, InputToggle, LinkProps$0 as LinkProps, Link, ListProps, List, ListItemLabel, ListItemProps, ListItem, ListSubheaderProps, ListSubheader, LoadingIndicatorProps$0 as LoadingIndicatorProps, LoadingIndicator, MenuProps, Menu, IconNameToSmallSizes, MenuItemExtraProps, MenuItemProps, MenuItem, DefaultMenuSelectOption, MenuSelectProps, MenuSelect, NavigationJumpToProps, NavigationJumpTo, NotificationIntentType, NotificationProps, ExposedNotificationProps, Notification, PaginationInternalProps, PaginationProps, Pagination, BasicPanelProps, OverlayPanelProps, PanelProps, PANEL_BASIC_MIN_WIDTH_PX, PANEL_OVERLAY_MIN_WIDTH_PX, 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, Typography, FontWeights, Corners, Spaces, Spacings, Color, Colors, IconSize, IconSizes, Border, Borders, Theme$0 as Theme, defaultTheme, SDSLightAppTheme, SDSDarkAppTheme, SDSChooseTheme, defaultAppTheme, makeThemeOptions, focusVisibleA11yStyle, fontBody, fontBodyL, fontBodyM, fontBodyS, fontBodyXs, fontBodyXxs, fontBodyXxxs, fontBodySemiboldL, fontBodySemiboldM, fontBodySemiboldS, fontBodySemiboldXs, fontBodySemiboldXxs, fontBodySemiboldXxxs, fontCaps, fontCapsXxs, fontCapsXxxs, fontCapsXxxxs, fontHeader, fontHeaderXxl, fontHeaderXl, fontHeaderL, fontHeaderM, fontHeaderS, fontHeaderXs, fontHeaderXxs, fontHeaderXxxs, fontCode, fontCodeXs, fontCodeS, fontCodeSemiboldXs, fontCodeSemiboldS, fontTabular, fontTabularXs, fontTabularS, fontTabularSemiboldXs, fontTabularSemiboldS, CommonThemeProps, getSpaces, getSpacings, getTypography, getMode, getPalette, getColors, getSemanticColors, getShadows, getCorners, getFontWeights, getIconSizes, getBorders };
 export type { AutocompleteBaseProps, AutocompleteMultiColumnProps, AutocompleteOptionBasic, AutocompleteOptionComponent, DefaultAutocompleteOption, ChipProps, IconNameToSizes, InputToggleExtraProps as InputToggleProps, TabsProps$0 as TabsProps, SdsTagColorType, TooltipProps, TooltipTableContentProps };