@czi-sds/components 19.1.0 → 19.2.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.cjs.d.ts +81 -120
- package/dist/index.cjs.js +199 -195
- package/dist/index.esm.d.ts +81 -120
- package/dist/index.esm.js +199 -195
- package/dist/tsconfig.tsbuildinfo +1 -1
- package/dist/variables.scss +1 -1
- package/package.json +10 -10
package/dist/index.esm.d.ts
CHANGED
|
@@ -33,17 +33,16 @@ import React from "react";
|
|
|
33
33
|
import { ReactElement, ReactNode, SyntheticEvent, ComponentType } from "react";
|
|
34
34
|
import { Theme, ThemeOptions, TypographyStyle, PaletteOptions } from "@mui/material/styles";
|
|
35
35
|
import { SerializedStyles } from "@emotion/react";
|
|
36
|
-
import { AlertProps
|
|
37
|
-
import { AlertProps as AlertProps$0 } from "@mui/lab";
|
|
36
|
+
import { AlertProps } from "@mui/lab";
|
|
38
37
|
import { AutocompleteChangeDetails, AutocompleteChangeReason, AutocompleteValue } from "@mui/base";
|
|
39
38
|
import { AlertTitleProps } from "@mui/material/AlertTitle";
|
|
40
39
|
import { AutocompleteValue as AutocompleteValue$1 } from "@mui/material/useAutocomplete";
|
|
41
|
-
declare const AccordionDetails: (props: AccordionDetailsProps) => JSX.Element;
|
|
40
|
+
declare const AccordionDetails: (props: AccordionDetailsProps) => import("react/jsx-runtime").JSX.Element;
|
|
42
41
|
interface SdsAccordionHeaderProps {
|
|
43
42
|
subtitle?: string;
|
|
44
43
|
}
|
|
45
44
|
type AccordionHeaderProps = RawAccordionSummaryProps & SdsAccordionHeaderProps;
|
|
46
|
-
declare const AccordionHeader: (props: AccordionHeaderProps) => JSX.Element;
|
|
45
|
+
declare const AccordionHeader: (props: AccordionHeaderProps) => import("react/jsx-runtime").JSX.Element;
|
|
47
46
|
declare const defaultAppTheme: AppTheme;
|
|
48
47
|
declare function makeThemeOptions(appTheme: AppTheme): SDSThemeOptions;
|
|
49
48
|
interface SDSTheme extends Theme {
|
|
@@ -215,12 +214,11 @@ interface AccordionExtraProps extends CommonThemeProps {
|
|
|
215
214
|
togglePosition?: "right" | "left";
|
|
216
215
|
id: string;
|
|
217
216
|
}
|
|
218
|
-
type AccordionProps =
|
|
217
|
+
type AccordionProps = RawAccordionProps & AccordionExtraProps;
|
|
219
218
|
/**
|
|
220
219
|
* @see https://mui.com/material-ui/react-accordion/
|
|
221
220
|
*/
|
|
222
|
-
declare const Accordion: React.ForwardRefExoticComponent<
|
|
223
|
-
type AlertProps = Omit<RawAlertProps, "nonce" | "rev" | "rel" | "autoFocus" | "content">;
|
|
221
|
+
declare const Accordion: React.ForwardRefExoticComponent<Omit<AccordionProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
224
222
|
/**
|
|
225
223
|
* @see https://mui.com/material-ui/react-alert/
|
|
226
224
|
*/
|
|
@@ -352,11 +350,11 @@ interface AccessibleInputSearchProps {
|
|
|
352
350
|
handleSubmit?: (value: string) => void;
|
|
353
351
|
onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
|
|
354
352
|
}
|
|
355
|
-
type InputSearchProps =
|
|
353
|
+
type InputSearchProps = RawTextFieldSearchProps & AccessibleInputSearchProps & InputSearchExtraProps;
|
|
356
354
|
/**
|
|
357
355
|
* @see https://mui.com/material-ui/react-text-field/
|
|
358
356
|
*/
|
|
359
|
-
declare const InputSearch: React.ForwardRefExoticComponent<
|
|
357
|
+
declare const InputSearch: React.ForwardRefExoticComponent<(Omit<import("@mui/material").StandardTextFieldProps & AccessibleInputSearchProps & InputSearchExtraProps, "ref"> | Omit<import("@mui/material").FilledTextFieldProps & AccessibleInputSearchProps & InputSearchExtraProps, "ref"> | Omit<import("@mui/material").OutlinedTextFieldProps & AccessibleInputSearchProps & InputSearchExtraProps, "ref">) & React.RefAttributes<HTMLDivElement>>;
|
|
360
358
|
/*
|
|
361
359
|
The final goal is to create a typescript interface which only accepts the
|
|
362
360
|
icons with "xs" or "s" size. At first we create a new TypeScript interface
|
|
@@ -385,11 +383,11 @@ interface MenuItemExtraProps<IconName extends keyof IconNameToSmallSizes> {
|
|
|
385
383
|
sdsIconProps?: Partial<IconProps<IconName>>;
|
|
386
384
|
sdsStyle?: "determinate" | "indeterminate";
|
|
387
385
|
}
|
|
388
|
-
type MenuItemProps<IconName extends keyof IconNameToSmallSizes> = MenuItemExtraProps<IconName> &
|
|
386
|
+
type MenuItemProps<IconName extends keyof IconNameToSmallSizes> = MenuItemExtraProps<IconName> & RawMenuItemProps;
|
|
389
387
|
/**
|
|
390
388
|
* @see https://mui.com/material-ui/react-menu/
|
|
391
389
|
*/
|
|
392
|
-
declare const MenuItem: React.ForwardRefExoticComponent<
|
|
390
|
+
declare const MenuItem: React.ForwardRefExoticComponent<Omit<MenuItemProps<"link" | "search" | "table" | "filter" | "download" | "bacteria" | "barChartHorizontal3" | "barChartVertical3" | "barChartVertical4" | "check" | "checkCircle" | "chevronDown" | "chevronLeft2" | "chevronLeft" | "chevronRight2" | "chevronRight" | "chevronUp" | "circlesOverlap" | "copy" | "document" | "dotsHorizontal" | "edit" | "exclamationMarkCircle" | "eyeClosed" | "eyeOpen" | "flagCheck" | "flagOutline" | "flagQuestionmark" | "flagXmark" | "gear" | "globe" | "house" | "infoCircle" | "lifeRing" | "lightBulb" | "linesDashed3Solid1" | "linesHorizontal" | "list" | "loading" | "lock" | "lockCircle" | "minus" | "open" | "people" | "percentage" | "person" | "pin" | "pinLocation" | "plus" | "plusCircle" | "puzzlePiece" | "refresh" | "searchLinesHorizontal" | "starburst" | "trashCan" | "treeHorizontal" | "treeVertical" | "triangleDown" | "triangleLeft" | "triangleRight" | "triangleUp" | "xMark" | "xMarkCircle">, "ref"> & React.RefAttributes<HTMLLIElement | null>>;
|
|
393
391
|
interface StyleProps extends CommonThemeProps {
|
|
394
392
|
count?: number;
|
|
395
393
|
icon?: ReactElement;
|
|
@@ -437,26 +435,19 @@ interface StyleProps$0 extends CommonThemeProps {
|
|
|
437
435
|
title?: string;
|
|
438
436
|
width?: number;
|
|
439
437
|
}
|
|
440
|
-
declare const StyledPopper: import("@emotion/styled").StyledComponent<Omit<import("@mui/base").PopperProps
|
|
441
|
-
component?: import("react").ElementType<any> | undefined;
|
|
438
|
+
declare const StyledPopper: import("@emotion/styled").StyledComponent<Omit<import("@mui/base").PopperProps, "direction"> & {
|
|
439
|
+
component?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
|
|
442
440
|
components?: {
|
|
443
|
-
Root?: import("react").ElementType<any> | undefined;
|
|
441
|
+
Root?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
|
|
444
442
|
} | undefined;
|
|
445
443
|
componentsProps?: {
|
|
446
444
|
root?: import("@mui/base").SlotComponentProps<"div", import("@mui/base").PopperRootSlotPropsOverrides, import("@mui/base").PopperOwnProps> | undefined;
|
|
447
445
|
} | undefined;
|
|
448
446
|
sx?: import("@mui/material").SxProps<import("@mui/material").Theme> | undefined;
|
|
449
447
|
} & import("react").RefAttributes<HTMLDivElement> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & StyleProps$0, {}, {}>;
|
|
450
|
-
declare const StyledPaper$0: import("@emotion/styled").StyledComponent<{
|
|
451
|
-
children?: import("react").ReactNode;
|
|
452
|
-
classes?: Partial<import("@mui/material").PaperClasses> | undefined;
|
|
453
|
-
elevation?: number | undefined;
|
|
454
|
-
square?: boolean | undefined;
|
|
455
|
-
sx?: import("@mui/material").SxProps<import("@mui/material").Theme> | undefined;
|
|
456
|
-
variant?: import("@mui/types").OverridableStringUnion<"elevation" | "outlined", import("@mui/material").PaperPropsVariantOverrides> | undefined;
|
|
457
|
-
} & import("@mui/material/OverridableComponent").CommonProps & Omit<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof import("react").HTMLAttributes<HTMLDivElement>> & {
|
|
448
|
+
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"> & {
|
|
458
449
|
ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
|
|
459
|
-
},
|
|
450
|
+
}, "className" | "style" | "classes" | "children" | "sx" | "variant" | "elevation" | "square"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
|
|
460
451
|
interface ExtraAutocompleteMultiColumnProps<T, Multiple extends boolean | undefined, DisableClearable extends boolean | undefined, FreeSolo extends boolean | undefined> extends StyleProps$0 {
|
|
461
452
|
keepSearchOnSelect?: boolean;
|
|
462
453
|
renderInput?: (params: AutocompleteRenderInputParams) => React.ReactNode;
|
|
@@ -517,11 +508,11 @@ interface ButtonIconInternalProps<IconName extends keyof IconNameToSizes> {
|
|
|
517
508
|
sdsIcon: IconName;
|
|
518
509
|
sdsIconProps?: Partial<IconProps<IconName>>;
|
|
519
510
|
}
|
|
520
|
-
type ButtonIconProps<IconName extends keyof IconNameToSizes, ButtonIconSize extends keyof ButtonIconSizeToTypes> = ButtonIconExtraProps<ButtonIconSize> &
|
|
511
|
+
type ButtonIconProps<IconName extends keyof IconNameToSizes, ButtonIconSize extends keyof ButtonIconSizeToTypes> = ButtonIconExtraProps<ButtonIconSize> & RawButtonIconProps & ButtonIconInternalProps<IconName>;
|
|
521
512
|
/**
|
|
522
513
|
* @see https://mui.com/material-ui/react-button/#icon-buttons
|
|
523
514
|
*/
|
|
524
|
-
declare const ButtonIcon: import("react").ForwardRefExoticComponent<
|
|
515
|
+
declare const ButtonIcon: import("react").ForwardRefExoticComponent<Omit<ButtonIconProps<keyof IconNameToSizes, keyof ButtonIconSizeToTypes>, "ref"> & import("react").RefAttributes<HTMLButtonElement | null>>;
|
|
525
516
|
interface BannerExtraProps<ButtonIconSize extends keyof ButtonIconSizeToTypes> extends CommonThemeProps {
|
|
526
517
|
sdsType: ButtonIconSizeToTypes[ButtonIconSize];
|
|
527
518
|
}
|
|
@@ -540,30 +531,26 @@ interface SdsProps {
|
|
|
540
531
|
}
|
|
541
532
|
// (thuang): Support `component` prop
|
|
542
533
|
// https://stackoverflow.com/a/66123108
|
|
543
|
-
type ButtonProps<C extends React.ElementType = "button"> =
|
|
534
|
+
type ButtonProps<C extends React.ElementType = "button"> = RawButtonProps<C, {
|
|
544
535
|
component?: C;
|
|
545
|
-
}
|
|
536
|
+
}> & SdsProps;
|
|
546
537
|
/**
|
|
547
538
|
* @see https://mui.com/material-ui/react-button/
|
|
548
539
|
*/
|
|
549
|
-
declare const Button: React.ForwardRefExoticComponent<
|
|
550
|
-
component?: React.ElementType<any> | undefined;
|
|
551
|
-
}>, "autoFocus" | "rel" | "content" | "nonce" | "rev"> & SdsProps, string | number | symbol> & React.RefAttributes<HTMLButtonElement>>;
|
|
540
|
+
declare const Button: React.ForwardRefExoticComponent<Omit<ButtonProps<React.ElementType<any, keyof React.JSX.IntrinsicElements>>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
|
|
552
541
|
interface SdsProps$0 {
|
|
553
542
|
icon?: JSX.Element;
|
|
554
543
|
isRounded?: boolean;
|
|
555
544
|
sdsStyle?: "rounded" | "square";
|
|
556
545
|
sdsType?: "primary" | "secondary";
|
|
557
546
|
}
|
|
558
|
-
type ButtonDropdownProps<C extends React.ElementType = "button"> =
|
|
547
|
+
type ButtonDropdownProps<C extends React.ElementType = "button"> = RawButtonProps<C, {
|
|
559
548
|
component?: C;
|
|
560
|
-
}
|
|
549
|
+
}> & SdsProps$0;
|
|
561
550
|
/**
|
|
562
551
|
* @see https://mui.com/material-ui/react-button/
|
|
563
552
|
*/
|
|
564
|
-
declare const ButtonDropdown: React.ForwardRefExoticComponent<
|
|
565
|
-
component?: React.ElementType<any> | undefined;
|
|
566
|
-
}>, "autoFocus" | "rel" | "content" | "nonce" | "rev"> & SdsProps$0, string | number | symbol> & React.RefAttributes<HTMLButtonElement>>;
|
|
553
|
+
declare const ButtonDropdown: React.ForwardRefExoticComponent<Omit<ButtonDropdownProps<React.ElementType<any, keyof React.JSX.IntrinsicElements>>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
|
|
567
554
|
declare const SDS_STAGE_OPEN = "open";
|
|
568
555
|
declare const SDS_STAGE_CLOSED = "closed";
|
|
569
556
|
interface CalloutProps {
|
|
@@ -574,7 +561,7 @@ interface CalloutProps {
|
|
|
574
561
|
intent: "info" | "error" | "success" | "warning";
|
|
575
562
|
sdsStage?: typeof SDS_STAGE_CLOSED | typeof SDS_STAGE_OPEN;
|
|
576
563
|
}
|
|
577
|
-
type ExposedCalloutProps =
|
|
564
|
+
type ExposedCalloutProps = AlertProps & CalloutProps;
|
|
578
565
|
/**
|
|
579
566
|
* @see https://mui.com/material-ui/react-alert/
|
|
580
567
|
*/
|
|
@@ -589,7 +576,7 @@ interface TooltipExtraProps extends CommonThemeProps {
|
|
|
589
576
|
subtitle?: string;
|
|
590
577
|
width?: "default" | "wide";
|
|
591
578
|
}
|
|
592
|
-
type TooltipProps = TooltipExtraProps &
|
|
579
|
+
type TooltipProps = TooltipExtraProps & RawTooltipProps;
|
|
593
580
|
/**
|
|
594
581
|
* @see https://mui.com/material-ui/react-tooltip/
|
|
595
582
|
*
|
|
@@ -597,7 +584,7 @@ type TooltipProps = TooltipExtraProps & Omit<RawTooltipProps, "nonce" | "rev" |
|
|
|
597
584
|
* wrap the children in a `<span>` tag.
|
|
598
585
|
* https://mui.com/components/tooltips/#disabled-elements
|
|
599
586
|
*/
|
|
600
|
-
declare const Tooltip: import("react").ForwardRefExoticComponent<
|
|
587
|
+
declare const Tooltip: import("react").ForwardRefExoticComponent<Omit<TooltipProps, "ref"> & import("react").RefAttributes<unknown>>;
|
|
601
588
|
interface CellBasicExtraProps extends CommonThemeProps {
|
|
602
589
|
horizontalAlign?: "left" | "center" | "right";
|
|
603
590
|
verticalAlign?: "top" | "center" | "bottom";
|
|
@@ -607,7 +594,7 @@ interface CellBasicExtraProps extends CommonThemeProps {
|
|
|
607
594
|
secondaryTextWrapLineCount?: number;
|
|
608
595
|
tertiaryTextWrapLineCount?: number;
|
|
609
596
|
}
|
|
610
|
-
interface CellBasicContentProps extends Omit<React.HTMLProps<HTMLTableCellElement>, "as"
|
|
597
|
+
interface CellBasicContentProps extends Omit<React.HTMLProps<HTMLTableCellElement>, "as"> {
|
|
611
598
|
primaryText: string;
|
|
612
599
|
primaryTextWrapLineCount?: number;
|
|
613
600
|
secondaryText?: string;
|
|
@@ -623,16 +610,16 @@ interface CellBasicRawProps {
|
|
|
623
610
|
tooltipProps?: Partial<TooltipProps>;
|
|
624
611
|
}
|
|
625
612
|
type CellBasicProps = CellBasicRawProps & CellBasicExtraProps & CellBasicContentProps;
|
|
626
|
-
declare const CellBasic: React.ForwardRefExoticComponent<
|
|
613
|
+
declare const CellBasic: React.ForwardRefExoticComponent<Omit<CellBasicProps, "ref"> & React.RefAttributes<HTMLTableCellElement>>;
|
|
627
614
|
interface CellComponentExtraProps extends CommonThemeProps {
|
|
628
615
|
horizontalAlign?: "left" | "center" | "right";
|
|
629
616
|
verticalAlign?: "top" | "center" | "bottom";
|
|
630
617
|
}
|
|
631
|
-
interface CellComponentContentProps extends Omit<React.HTMLProps<HTMLTableCellElement>, "as"
|
|
618
|
+
interface CellComponentContentProps extends Omit<React.HTMLProps<HTMLTableCellElement>, "as"> {
|
|
632
619
|
children?: ReactNode;
|
|
633
620
|
}
|
|
634
621
|
type CellComponentProps = CellComponentContentProps & CellComponentExtraProps;
|
|
635
|
-
declare const CellComponent: React.ForwardRefExoticComponent<
|
|
622
|
+
declare const CellComponent: React.ForwardRefExoticComponent<Omit<CellComponentProps, "ref"> & React.RefAttributes<unknown>>;
|
|
636
623
|
interface CellHeaderExtraProps extends CommonThemeProps {
|
|
637
624
|
active?: boolean;
|
|
638
625
|
horizontalAlign?: "left" | "center" | "right";
|
|
@@ -645,20 +632,20 @@ interface CellHeaderContentProps {
|
|
|
645
632
|
horizontalAlign?: "left" | "center" | "right";
|
|
646
633
|
children: React.ReactNode;
|
|
647
634
|
}
|
|
648
|
-
interface CellHeaderRawProps extends Omit<React.HTMLProps<HTMLTableCellElement>, "as"
|
|
635
|
+
interface CellHeaderRawProps extends Omit<React.HTMLProps<HTMLTableCellElement>, "as"> {
|
|
649
636
|
tooltipText?: string;
|
|
650
637
|
tooltipSubtitle?: string;
|
|
651
638
|
shouldShowTooltipOnHover?: boolean;
|
|
652
639
|
tooltipProps?: Partial<TooltipProps>;
|
|
653
640
|
}
|
|
654
641
|
type CellHeaderProps = CellHeaderRawProps & CellHeaderExtraProps & CellHeaderContentProps;
|
|
655
|
-
declare const CellHeader: React.ForwardRefExoticComponent<
|
|
642
|
+
declare const CellHeader: React.ForwardRefExoticComponent<Omit<CellHeaderProps, "ref"> & React.RefAttributes<HTMLTableCellElement>>;
|
|
656
643
|
interface ChipExtraProps extends CommonThemeProps {
|
|
657
644
|
size?: "small" | "medium";
|
|
658
645
|
status?: "success" | "error" | "warning" | "info" | "pending" | "beta";
|
|
659
646
|
isRounded?: boolean;
|
|
660
647
|
}
|
|
661
|
-
type ChipProps = ChipExtraProps &
|
|
648
|
+
type ChipProps = ChipExtraProps & RawChipProps;
|
|
662
649
|
/**
|
|
663
650
|
* @see https://mui.com/material-ui/react-chip/
|
|
664
651
|
*/
|
|
@@ -670,26 +657,19 @@ interface StyleProps$1 extends CommonThemeProps {
|
|
|
670
657
|
title?: string;
|
|
671
658
|
isMultiColumn?: boolean;
|
|
672
659
|
}
|
|
673
|
-
declare const StyledPopper$1: import("@emotion/styled").StyledComponent<Omit<import("@mui/base").PopperProps
|
|
674
|
-
component?: import("react").ElementType<any> | undefined;
|
|
660
|
+
declare const StyledPopper$1: import("@emotion/styled").StyledComponent<Omit<import("@mui/base").PopperProps, "direction"> & {
|
|
661
|
+
component?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
|
|
675
662
|
components?: {
|
|
676
|
-
Root?: import("react").ElementType<any> | undefined;
|
|
663
|
+
Root?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
|
|
677
664
|
} | undefined;
|
|
678
665
|
componentsProps?: {
|
|
679
666
|
root?: import("@mui/base").SlotComponentProps<"div", import("@mui/base").PopperRootSlotPropsOverrides, import("@mui/base").PopperOwnProps> | undefined;
|
|
680
667
|
} | undefined;
|
|
681
668
|
sx?: import("@mui/material").SxProps<import("@mui/material").Theme> | undefined;
|
|
682
669
|
} & import("react").RefAttributes<HTMLDivElement> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
|
|
683
|
-
declare const StyledPaper$1: import("@emotion/styled").StyledComponent<{
|
|
684
|
-
children?: import("react").ReactNode;
|
|
685
|
-
classes?: Partial<import("@mui/material").PaperClasses> | undefined;
|
|
686
|
-
elevation?: number | undefined;
|
|
687
|
-
square?: boolean | undefined;
|
|
688
|
-
sx?: import("@mui/material").SxProps<import("@mui/material").Theme> | undefined;
|
|
689
|
-
variant?: import("@mui/types").OverridableStringUnion<"elevation" | "outlined", import("@mui/material").PaperPropsVariantOverrides> | undefined;
|
|
690
|
-
} & import("@mui/material/OverridableComponent").CommonProps & Omit<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof import("react").HTMLAttributes<HTMLDivElement>> & {
|
|
670
|
+
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"> & {
|
|
691
671
|
ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
|
|
692
|
-
},
|
|
672
|
+
}, "className" | "style" | "classes" | "children" | "sx" | "variant" | "elevation" | "square"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & StyleProps$1, {}, {}>;
|
|
693
673
|
/**
|
|
694
674
|
* @deprecated
|
|
695
675
|
* (masoudmanson): We've replaced DefaultDropdownMenuOption with DefaultAutocompleteOption
|
|
@@ -717,7 +697,7 @@ interface ExtraDropdownMenuProps extends StyleProps$1 {
|
|
|
717
697
|
ClickAwayListenerProps?: Partial<MUIClickAwayListenerProps>;
|
|
718
698
|
width?: number;
|
|
719
699
|
}
|
|
720
|
-
type CustomAutocompleteProps$1<T, Multiple extends boolean | undefined, DisableClearable extends boolean | undefined, FreeSolo extends boolean | undefined> = Omit<AutocompleteProps<T, Multiple, DisableClearable, FreeSolo>, "renderInput"
|
|
700
|
+
type CustomAutocompleteProps$1<T, Multiple extends boolean | undefined, DisableClearable extends boolean | undefined, FreeSolo extends boolean | undefined> = Omit<AutocompleteProps<T, Multiple, DisableClearable, FreeSolo>, "renderInput">;
|
|
721
701
|
type DropdownMenuProps<T, Multiple extends boolean | undefined, DisableClearable extends boolean | undefined, FreeSolo extends boolean | undefined> = CustomAutocompleteProps$1<T, Multiple, DisableClearable, FreeSolo> & ExtraDropdownMenuProps;
|
|
722
702
|
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;
|
|
723
703
|
interface InputDropdownProps extends CommonThemeProps {
|
|
@@ -760,11 +740,11 @@ interface ComplexFilterProps<T extends DefaultAutocompleteOption, Multiple exten
|
|
|
760
740
|
}
|
|
761
741
|
// eslint-disable-next-line sonarjs/cognitive-complexity
|
|
762
742
|
declare const ComplexFilter: <T extends DefaultAutocompleteOption, Multiple extends boolean | undefined, DisableClearable extends boolean | undefined, FreeSolo extends boolean | undefined>({ options, label, multiple, search, onChange, DropdownMenuProps, InputDropdownProps, value: propValue, PopperComponent, InputDropdownComponent, ...rest }: ComplexFilterProps<T, Multiple, DisableClearable, FreeSolo>) => JSX.Element;
|
|
763
|
-
type DialogPaperProps =
|
|
743
|
+
type DialogPaperProps = PaperProps;
|
|
764
744
|
/**
|
|
765
745
|
* @see https://mui.com/material-ui/react-paper/
|
|
766
746
|
*/
|
|
767
|
-
declare const DialogPaper: import("react").ForwardRefExoticComponent<
|
|
747
|
+
declare const DialogPaper: import("react").ForwardRefExoticComponent<Omit<DialogPaperProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
|
|
768
748
|
type SdsSize = "xs" | "s" | "m" | "l";
|
|
769
749
|
declare const DialogContext: import("react").Context<{
|
|
770
750
|
sdsSize: SdsSize;
|
|
@@ -776,49 +756,29 @@ interface DialogExtraProps {
|
|
|
776
756
|
PaperComponent?: ComponentType<DialogPaperProps>;
|
|
777
757
|
DialogComponent?: ComponentType<RawDialogProps>;
|
|
778
758
|
}
|
|
779
|
-
type DialogProps =
|
|
759
|
+
type DialogProps = RawDialogProps & DialogExtraProps;
|
|
780
760
|
/**
|
|
781
761
|
* @see https://mui.com/material-ui/react-dialog/
|
|
782
762
|
*/
|
|
783
|
-
declare const Dialog: React.ForwardRefExoticComponent<
|
|
763
|
+
declare const Dialog: React.ForwardRefExoticComponent<Omit<DialogProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
784
764
|
interface DialogActionsExtraProps extends CommonThemeProps {
|
|
785
765
|
buttonPosition?: "left" | "right";
|
|
786
766
|
}
|
|
787
|
-
type DialogActionsProps = DialogActionsExtraProps &
|
|
767
|
+
type DialogActionsProps = DialogActionsExtraProps & RawDialogActionsProps;
|
|
788
768
|
/**
|
|
789
769
|
* @see https://mui.com/material-ui/react-dialog/
|
|
790
770
|
*/
|
|
791
|
-
declare const DialogActions: import("react").ForwardRefExoticComponent<
|
|
792
|
-
type DialogContentProps =
|
|
793
|
-
declare const _default: import("react").ForwardRefExoticComponent<
|
|
771
|
+
declare const DialogActions: import("react").ForwardRefExoticComponent<Omit<DialogActionsProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
|
|
772
|
+
type DialogContentProps = RawDialogContentProps;
|
|
773
|
+
declare const _default: import("react").ForwardRefExoticComponent<Omit<RawDialogContentProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
|
|
794
774
|
type DialogTitleExtraProps = CommonThemeProps;
|
|
795
|
-
declare const Title: import("@emotion/styled").StyledComponent<import("@mui/
|
|
796
|
-
align?: "inherit" | "right" | "left" | "center" | "justify" | undefined;
|
|
797
|
-
children?: import("react").ReactNode;
|
|
798
|
-
classes?: Partial<import("@mui/material").TypographyClasses> | undefined;
|
|
799
|
-
gutterBottom?: boolean | undefined;
|
|
800
|
-
noWrap?: boolean | undefined;
|
|
801
|
-
paragraph?: boolean | undefined;
|
|
802
|
-
sx?: import("@mui/material").SxProps<import("@mui/material").Theme> | undefined;
|
|
803
|
-
variant?: import("@mui/types").OverridableStringUnion<"inherit" | import("@mui/material").TypographyVariant, import("@mui/material").TypographyPropsVariantOverrides> | undefined;
|
|
804
|
-
variantMapping?: Partial<Record<import("@mui/types").OverridableStringUnion<"inherit" | import("@mui/material").TypographyVariant, import("@mui/material").TypographyPropsVariantOverrides>, string>> | undefined;
|
|
805
|
-
} & import("@mui/material/OverridableComponent").CommonProps & Omit<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "key" | keyof import("react").HTMLAttributes<HTMLSpanElement>> & {
|
|
775
|
+
declare const Title: import("@emotion/styled").StyledComponent<import("@mui/material").TypographyOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & {
|
|
806
776
|
ref?: ((instance: HTMLSpanElement | null) => void) | import("react").RefObject<HTMLSpanElement> | null | undefined;
|
|
807
|
-
},
|
|
808
|
-
declare const Subtitle$0: import("@emotion/styled").StyledComponent<import("@mui/
|
|
809
|
-
align?: "inherit" | "right" | "left" | "center" | "justify" | undefined;
|
|
810
|
-
children?: import("react").ReactNode;
|
|
811
|
-
classes?: Partial<import("@mui/material").TypographyClasses> | undefined;
|
|
812
|
-
gutterBottom?: boolean | undefined;
|
|
813
|
-
noWrap?: boolean | undefined;
|
|
814
|
-
paragraph?: boolean | undefined;
|
|
815
|
-
sx?: import("@mui/material").SxProps<import("@mui/material").Theme> | undefined;
|
|
816
|
-
variant?: import("@mui/types").OverridableStringUnion<"inherit" | import("@mui/material").TypographyVariant, import("@mui/material").TypographyPropsVariantOverrides> | undefined;
|
|
817
|
-
variantMapping?: Partial<Record<import("@mui/types").OverridableStringUnion<"inherit" | import("@mui/material").TypographyVariant, import("@mui/material").TypographyPropsVariantOverrides>, string>> | undefined;
|
|
818
|
-
} & import("@mui/material/OverridableComponent").CommonProps & Omit<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "key" | keyof import("react").HTMLAttributes<HTMLSpanElement>> & {
|
|
777
|
+
}, "fontFamily" | "fontSize" | "fontWeight" | "letterSpacing" | "lineHeight" | "textTransform" | "zIndex" | "typography" | "className" | "style" | "classes" | "children" | "sx" | "p" | "color" | "variant" | "border" | "borderTop" | "borderRight" | "borderBottom" | "borderLeft" | "borderColor" | "borderRadius" | "display" | "displayPrint" | "overflow" | "textOverflow" | "visibility" | "whiteSpace" | "flexBasis" | "flexDirection" | "flexWrap" | "justifyContent" | "alignItems" | "alignContent" | "order" | "flex" | "flexGrow" | "flexShrink" | "alignSelf" | "justifyItems" | "justifySelf" | "gap" | "columnGap" | "rowGap" | "gridColumn" | "gridRow" | "gridAutoFlow" | "gridAutoColumns" | "gridAutoRows" | "gridTemplateColumns" | "gridTemplateRows" | "gridTemplateAreas" | "gridArea" | "bgcolor" | "position" | "top" | "right" | "bottom" | "left" | "boxShadow" | "width" | "maxWidth" | "minWidth" | "height" | "maxHeight" | "minHeight" | "boxSizing" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "my" | "pt" | "pr" | "pb" | "pl" | "px" | "py" | "margin" | "marginTop" | "marginRight" | "marginBottom" | "marginLeft" | "marginX" | "marginY" | "marginInline" | "marginInlineStart" | "marginInlineEnd" | "marginBlock" | "marginBlockStart" | "marginBlockEnd" | "padding" | "paddingTop" | "paddingRight" | "paddingBottom" | "paddingLeft" | "paddingX" | "paddingY" | "paddingInline" | "paddingInlineStart" | "paddingInlineEnd" | "paddingBlock" | "paddingBlockStart" | "paddingBlockEnd" | "fontStyle" | "textAlign" | "align" | "gutterBottom" | "noWrap" | "paragraph" | "variantMapping"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & DialogTitleExtraProps, {}, {}>;
|
|
778
|
+
declare const Subtitle$0: import("@emotion/styled").StyledComponent<import("@mui/material").TypographyOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & {
|
|
819
779
|
ref?: ((instance: HTMLSpanElement | null) => void) | import("react").RefObject<HTMLSpanElement> | null | undefined;
|
|
820
|
-
},
|
|
821
|
-
interface DialogTitleProps extends DialogTitleExtraProps,
|
|
780
|
+
}, "fontFamily" | "fontSize" | "fontWeight" | "letterSpacing" | "lineHeight" | "textTransform" | "zIndex" | "typography" | "className" | "style" | "classes" | "children" | "sx" | "p" | "color" | "variant" | "border" | "borderTop" | "borderRight" | "borderBottom" | "borderLeft" | "borderColor" | "borderRadius" | "display" | "displayPrint" | "overflow" | "textOverflow" | "visibility" | "whiteSpace" | "flexBasis" | "flexDirection" | "flexWrap" | "justifyContent" | "alignItems" | "alignContent" | "order" | "flex" | "flexGrow" | "flexShrink" | "alignSelf" | "justifyItems" | "justifySelf" | "gap" | "columnGap" | "rowGap" | "gridColumn" | "gridRow" | "gridAutoFlow" | "gridAutoColumns" | "gridAutoRows" | "gridTemplateColumns" | "gridTemplateRows" | "gridTemplateAreas" | "gridArea" | "bgcolor" | "position" | "top" | "right" | "bottom" | "left" | "boxShadow" | "width" | "maxWidth" | "minWidth" | "height" | "maxHeight" | "minHeight" | "boxSizing" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "my" | "pt" | "pr" | "pb" | "pl" | "px" | "py" | "margin" | "marginTop" | "marginRight" | "marginBottom" | "marginLeft" | "marginX" | "marginY" | "marginInline" | "marginInlineStart" | "marginInlineEnd" | "marginBlock" | "marginBlockStart" | "marginBlockEnd" | "padding" | "paddingTop" | "paddingRight" | "paddingBottom" | "paddingLeft" | "paddingX" | "paddingY" | "paddingInline" | "paddingInlineStart" | "paddingInlineEnd" | "paddingBlock" | "paddingBlockStart" | "paddingBlockEnd" | "fontStyle" | "textAlign" | "align" | "gutterBottom" | "noWrap" | "paragraph" | "variantMapping"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & DialogTitleExtraProps, {}, {}>;
|
|
781
|
+
interface DialogTitleProps extends DialogTitleExtraProps, RawDialogTitleProps {
|
|
822
782
|
title?: string;
|
|
823
783
|
subtitle?: string;
|
|
824
784
|
onClose?: () => void;
|
|
@@ -826,7 +786,7 @@ interface DialogTitleProps extends DialogTitleExtraProps, Omit<RawDialogTitlePro
|
|
|
826
786
|
/**
|
|
827
787
|
* @see https://mui.com/material-ui/react-dialog/
|
|
828
788
|
*/
|
|
829
|
-
declare const DialogTitle: import("react").ForwardRefExoticComponent<
|
|
789
|
+
declare const DialogTitle: import("react").ForwardRefExoticComponent<Omit<DialogTitleProps, "ref"> & import("react").RefAttributes<HTMLHeadingElement>>;
|
|
830
790
|
type SdsDropdownMenuProps = DropdownMenuProps;
|
|
831
791
|
type InputDropdownPropsType$0 = InputDropdownProps$0;
|
|
832
792
|
interface ExtraDropdownProps<T, Multiple extends boolean | undefined, DisableClearable extends boolean | undefined, FreeSolo extends boolean | undefined> {
|
|
@@ -845,14 +805,14 @@ interface ExtraDropdownProps<T, Multiple extends boolean | undefined, DisableCle
|
|
|
845
805
|
InputDropdownComponent?: typeof InputDropdown;
|
|
846
806
|
isTriggerChangeOnOptionClick?: boolean;
|
|
847
807
|
}
|
|
848
|
-
type CustomAutocompleteProps$2<T, Multiple extends boolean | undefined, DisableClearable extends boolean | undefined, FreeSolo extends boolean | undefined> = Omit<AutocompleteProps$0<T, Multiple, DisableClearable, FreeSolo>, "renderInput"
|
|
808
|
+
type CustomAutocompleteProps$2<T, Multiple extends boolean | undefined, DisableClearable extends boolean | undefined, FreeSolo extends boolean | undefined> = Omit<AutocompleteProps$0<T, Multiple, DisableClearable, FreeSolo>, "renderInput">;
|
|
849
809
|
type DropdownProps<T, Multiple extends boolean | undefined, DisableClearable extends boolean | undefined, FreeSolo extends boolean | undefined> = CustomAutocompleteProps$2<T, Multiple, DisableClearable, FreeSolo> & ExtraDropdownProps<T, Multiple, DisableClearable, FreeSolo>;
|
|
850
810
|
// eslint-disable-next-line sonarjs/cognitive-complexity
|
|
851
811
|
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;
|
|
852
812
|
interface CheckboxExtraProps extends CommonThemeProps {
|
|
853
813
|
caption?: string;
|
|
854
814
|
}
|
|
855
|
-
interface CheckboxContentProps extends Omit<MUICheckboxProps, "color" | "defaultChecked" | "indeterminate"
|
|
815
|
+
interface CheckboxContentProps extends Omit<MUICheckboxProps, "color" | "defaultChecked" | "indeterminate"> {
|
|
856
816
|
checkboxProps?: Partial<MUICheckboxProps>;
|
|
857
817
|
label?: string;
|
|
858
818
|
stage?: "checked" | "unchecked" | "indeterminate";
|
|
@@ -865,7 +825,7 @@ declare const InputCheckbox: (props: CheckboxProps) => JSX.Element;
|
|
|
865
825
|
interface RadioExtraProps extends CommonThemeProps {
|
|
866
826
|
caption?: string;
|
|
867
827
|
}
|
|
868
|
-
interface RadioContentProps extends Omit<MUIRadioProps, "color" | "defaultChecked"
|
|
828
|
+
interface RadioContentProps extends Omit<MUIRadioProps, "color" | "defaultChecked"> {
|
|
869
829
|
label?: string;
|
|
870
830
|
radioProps?: Partial<MUIRadioProps>;
|
|
871
831
|
stage?: "checked" | "unchecked";
|
|
@@ -882,7 +842,7 @@ type InputSliderProps = InputSliderExtraProps;
|
|
|
882
842
|
/**
|
|
883
843
|
* @see https://mui.com/material-ui/react-slider/
|
|
884
844
|
*/
|
|
885
|
-
declare const InputSlider: import("react").ForwardRefExoticComponent<
|
|
845
|
+
declare const InputSlider: import("react").ForwardRefExoticComponent<Omit<InputSliderExtraProps, "ref"> & import("react").RefAttributes<HTMLSpanElement>>;
|
|
886
846
|
interface InputTextExtraProps extends CommonThemeProps {
|
|
887
847
|
disabled?: boolean;
|
|
888
848
|
intent?: "default" | "error" | "warning";
|
|
@@ -895,11 +855,11 @@ interface AccessibleInputTextProps {
|
|
|
895
855
|
placeholder?: string;
|
|
896
856
|
id: string;
|
|
897
857
|
}
|
|
898
|
-
type InputTextProps =
|
|
858
|
+
type InputTextProps = RawTextFieldProps & InputTextExtraProps & AccessibleInputTextProps;
|
|
899
859
|
/**
|
|
900
860
|
* @see https://mui.com/material-ui/react-text-field/
|
|
901
861
|
*/
|
|
902
|
-
declare const InputText: import("react").ForwardRefExoticComponent<
|
|
862
|
+
declare const InputText: import("react").ForwardRefExoticComponent<(Omit<import("@mui/material").StandardTextFieldProps & InputTextExtraProps & AccessibleInputTextProps, "ref"> | Omit<import("@mui/material").FilledTextFieldProps & InputTextExtraProps & AccessibleInputTextProps, "ref"> | Omit<import("@mui/material").OutlinedTextFieldProps & InputTextExtraProps & AccessibleInputTextProps, "ref">) & import("react").RefAttributes<HTMLInputElement>>;
|
|
903
863
|
interface InputToggleExtraProps extends Omit<SwitchProps, "nonce" | "rev" | "rel" | "autoFocus" | "content">, CommonThemeProps {
|
|
904
864
|
offLabel?: string;
|
|
905
865
|
onChange?(e: React.ChangeEvent): void;
|
|
@@ -908,7 +868,7 @@ interface InputToggleExtraProps extends Omit<SwitchProps, "nonce" | "rev" | "rel
|
|
|
908
868
|
/**
|
|
909
869
|
* @see https://mui.com/material-ui/react-switch/
|
|
910
870
|
*/
|
|
911
|
-
declare const InputToggle: (props: InputToggleExtraProps) => JSX.Element;
|
|
871
|
+
declare const InputToggle: (props: InputToggleExtraProps) => import("react/jsx-runtime").JSX.Element;
|
|
912
872
|
type StyleProps$2 = CommonThemeProps;
|
|
913
873
|
// (thuang): Support `component` prop
|
|
914
874
|
// https://stackoverflow.com/a/66123108
|
|
@@ -918,17 +878,17 @@ type LinkProps<C extends React.ElementType = "a"> = RawLinkProps<C, {
|
|
|
918
878
|
sdsStyle?: "default" | "dashed";
|
|
919
879
|
};
|
|
920
880
|
type RawLinkProps$0 = LinkProps;
|
|
921
|
-
type LinkProps$0<C extends React.ElementType = "a"> =
|
|
881
|
+
type LinkProps$0<C extends React.ElementType = "a"> = RawLinkProps$0<C>;
|
|
922
882
|
/**
|
|
923
883
|
* @see https://mui.com/material-ui/react-link/
|
|
924
884
|
*/
|
|
925
|
-
declare const Link: React.ForwardRefExoticComponent<
|
|
885
|
+
declare const Link: React.ForwardRefExoticComponent<Omit<LinkProps$0<React.ElementType<any, keyof React.JSX.IntrinsicElements>>, "ref"> & React.RefAttributes<HTMLAnchorElement>>;
|
|
926
886
|
interface ListExtraProps extends CommonThemeProps {
|
|
927
887
|
component?: unknown;
|
|
928
888
|
marginBottom?: "xxxs" | "xxs" | "xs" | "s" | "m" | "l";
|
|
929
889
|
ordered?: boolean;
|
|
930
890
|
}
|
|
931
|
-
type ListProps = ListExtraProps &
|
|
891
|
+
type ListProps = ListExtraProps & RawListProps;
|
|
932
892
|
/**
|
|
933
893
|
* @see https://mui.com/material-ui/react-list/
|
|
934
894
|
*/
|
|
@@ -939,12 +899,12 @@ interface ListItemExtraProps extends CommonThemeProps {
|
|
|
939
899
|
ordered?: boolean;
|
|
940
900
|
}
|
|
941
901
|
declare const ListItemLabel: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
|
|
942
|
-
type ListItemProps =
|
|
902
|
+
type ListItemProps = RawListItemProps & ListItemExtraProps;
|
|
943
903
|
/**
|
|
944
904
|
* @see https://mui.com/material-ui/react-list/
|
|
945
905
|
*/
|
|
946
906
|
declare const ListItem: (props: ListItemProps) => JSX.Element;
|
|
947
|
-
type ListSubheaderProps =
|
|
907
|
+
type ListSubheaderProps = RawListSubheaderProps;
|
|
948
908
|
/**
|
|
949
909
|
* @see https://mui.com/material-ui/react-list/
|
|
950
910
|
*/
|
|
@@ -953,11 +913,11 @@ interface LoadingIndicatorProps extends CommonThemeProps {
|
|
|
953
913
|
sdsStyle: "minimal" | "tag";
|
|
954
914
|
}
|
|
955
915
|
type RawLoadingIndicatorProps = LoadingIndicatorProps;
|
|
956
|
-
type LoadingIndicatorProps$0 =
|
|
916
|
+
type LoadingIndicatorProps$0 = RawLoadingIndicatorProps & {
|
|
957
917
|
"aria-label"?: string;
|
|
958
918
|
};
|
|
959
919
|
declare const LoadingIndicator: ({ "aria-label": ariaLabel, sdsStyle }: LoadingIndicatorProps$0) => JSX.Element;
|
|
960
|
-
type MenuProps =
|
|
920
|
+
type MenuProps = RawMenuProps;
|
|
961
921
|
/**
|
|
962
922
|
* @see https://mui.com/material-ui/react-menu/
|
|
963
923
|
*/
|
|
@@ -974,7 +934,7 @@ interface MenuSelectExtraProps extends StyleProps$3 {
|
|
|
974
934
|
renderInput?: (params: AutocompleteRenderInputParams) => React.ReactNode;
|
|
975
935
|
InputBaseProps?: Partial<InputSearchProps>;
|
|
976
936
|
}
|
|
977
|
-
type CustomAutocompleteProps$3<T, Multiple extends boolean | undefined = undefined, DisableClearable extends boolean | undefined = undefined, FreeSolo extends boolean | undefined = undefined> = Omit<AutocompleteProps$0<T, Multiple, DisableClearable, FreeSolo>, "renderInput"
|
|
937
|
+
type CustomAutocompleteProps$3<T, Multiple extends boolean | undefined = undefined, DisableClearable extends boolean | undefined = undefined, FreeSolo extends boolean | undefined = undefined> = Omit<AutocompleteProps$0<T, Multiple, DisableClearable, FreeSolo>, "renderInput">;
|
|
978
938
|
type MenuSelectProps<T, Multiple extends boolean | undefined = undefined, DisableClearable extends boolean | undefined = undefined, FreeSolo extends boolean | undefined = undefined> = CustomAutocompleteProps$3<T, Multiple, DisableClearable, FreeSolo> & MenuSelectExtraProps;
|
|
979
939
|
/**
|
|
980
940
|
* @see https://mui.com/material-ui/react-autocomplete/
|
|
@@ -992,7 +952,7 @@ interface NavigationJumpToProps extends NavigationJumpToExtraProps {
|
|
|
992
952
|
offsetTop?: number;
|
|
993
953
|
onChange?: (value: number) => void;
|
|
994
954
|
}
|
|
995
|
-
declare const NavigationJumpTo: React.ForwardRefExoticComponent<
|
|
955
|
+
declare const NavigationJumpTo: React.ForwardRefExoticComponent<Omit<NavigationJumpToProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
996
956
|
interface NotificationProps {
|
|
997
957
|
autoDismiss?: boolean | number;
|
|
998
958
|
buttonOnClick?: (event: React.SyntheticEvent) => void;
|
|
@@ -1002,7 +962,7 @@ interface NotificationProps {
|
|
|
1002
962
|
extraContent?: boolean;
|
|
1003
963
|
intent: "info" | "error" | "success" | "warning";
|
|
1004
964
|
}
|
|
1005
|
-
type ExposedNotificationProps =
|
|
965
|
+
type ExposedNotificationProps = AlertProps & NotificationProps;
|
|
1006
966
|
/**
|
|
1007
967
|
* @see https://mui.com/material-ui/react-alert/
|
|
1008
968
|
*/
|
|
@@ -1031,7 +991,7 @@ interface SingleButtonDefinition {
|
|
|
1031
991
|
iconName: string;
|
|
1032
992
|
tooltipText: string;
|
|
1033
993
|
}
|
|
1034
|
-
interface SegmentedControlExtraProps extends Omit<ToggleButtonGroupProps, "color"
|
|
994
|
+
interface SegmentedControlExtraProps extends Omit<ToggleButtonGroupProps, "color"> {
|
|
1035
995
|
buttonDefinition: SingleButtonDefinition[];
|
|
1036
996
|
color?: "primary" | "secondary" | "standard" | "success" | "error" | "info" | "warning" | undefined;
|
|
1037
997
|
}
|
|
@@ -1039,7 +999,7 @@ interface SegmentedControlExtraProps extends Omit<ToggleButtonGroupProps, "color
|
|
|
1039
999
|
* @see https://mui.com/material-ui/react-toggle-button/
|
|
1040
1000
|
*/
|
|
1041
1001
|
type SegmentedControlProps = SegmentedControlExtraProps & ToggleButtonGroupProps;
|
|
1042
|
-
declare const SegmentedControl: (props: SegmentedControlProps) => JSX.Element;
|
|
1002
|
+
declare const SegmentedControl: (props: SegmentedControlProps) => import("react/jsx-runtime").JSX.Element;
|
|
1043
1003
|
interface SdsTableProps {
|
|
1044
1004
|
children: React.ReactNode;
|
|
1045
1005
|
}
|
|
@@ -1064,19 +1024,19 @@ interface RowRawProps {
|
|
|
1064
1024
|
tooltipProps?: Partial<TooltipProps>;
|
|
1065
1025
|
}
|
|
1066
1026
|
type TableRowProps = RowRawProps & RowExtraProps;
|
|
1067
|
-
declare const TableRow: React.ForwardRefExoticComponent<
|
|
1027
|
+
declare const TableRow: React.ForwardRefExoticComponent<Omit<TableRowProps, "ref"> & React.RefAttributes<HTMLTableRowElement>>;
|
|
1068
1028
|
type TabsProps$0 = Omit<RawTabsProps, "nonce" | "rev" | "rel" | "autoFocus" | "content"> & {
|
|
1069
1029
|
underlined?: boolean;
|
|
1070
1030
|
sdsSize?: "small" | "large";
|
|
1071
1031
|
};
|
|
1072
|
-
declare const Tabs: React.ForwardRefExoticComponent<
|
|
1073
|
-
interface TabProps$0 extends
|
|
1032
|
+
declare const Tabs: React.ForwardRefExoticComponent<Omit<TabsProps$0, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
1033
|
+
interface TabProps$0 extends RawTabProps {
|
|
1074
1034
|
count?: ReactNode;
|
|
1075
1035
|
}
|
|
1076
1036
|
/**
|
|
1077
1037
|
* @see https://mui.com/material-ui/react-tabs/
|
|
1078
1038
|
*/
|
|
1079
|
-
declare const Tab: React.ForwardRefExoticComponent<
|
|
1039
|
+
declare const Tab: React.ForwardRefExoticComponent<Omit<TabProps$0, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
1080
1040
|
type SdsTagColorType = "primary" | "info" | "success" | "warning" | "error" | "gray" | "beta" | [
|
|
1081
1041
|
string,
|
|
1082
1042
|
string
|
|
@@ -1092,7 +1052,7 @@ interface ExtraTagProps extends CommonThemeProps {
|
|
|
1092
1052
|
tagColor?: SdsTagColorType;
|
|
1093
1053
|
icon?: JSX.Element;
|
|
1094
1054
|
}
|
|
1095
|
-
interface SdsTagProps extends Omit<ChipProps$0, "color"
|
|
1055
|
+
interface SdsTagProps extends Omit<ChipProps$0, "color"> {
|
|
1096
1056
|
label: string;
|
|
1097
1057
|
color?: SdsTagColorType;
|
|
1098
1058
|
}
|
|
@@ -1105,8 +1065,9 @@ type TagProps = SdsTagProps & ExtraTagProps;
|
|
|
1105
1065
|
* [string, string, string] - applies custom colors for [font, background, icon]
|
|
1106
1066
|
*/
|
|
1107
1067
|
declare const Tag: (props: TagProps) => JSX.Element;
|
|
1108
|
-
interface SdsTagFilterProps extends Omit<ChipProps$0, "color" | "variant"
|
|
1068
|
+
interface SdsTagFilterProps extends Omit<ChipProps$0, "color" | "variant"> {
|
|
1109
1069
|
label: string;
|
|
1070
|
+
// eslint-disable-next-line @typescript-eslint/no-explicit-any
|
|
1110
1071
|
onDelete: React.EventHandler<any>;
|
|
1111
1072
|
}
|
|
1112
1073
|
type TagFilterProps = SdsTagFilterProps;
|
|
@@ -1118,7 +1079,7 @@ interface TooltipCondensedExtraProps extends CommonThemeProps {
|
|
|
1118
1079
|
indicator?: boolean;
|
|
1119
1080
|
indicatorColor?: string;
|
|
1120
1081
|
}
|
|
1121
|
-
type TooltipCondensedProps =
|
|
1082
|
+
type TooltipCondensedProps = TooltipProps & TooltipCondensedExtraProps;
|
|
1122
1083
|
/**
|
|
1123
1084
|
* @see https://mui.com/material-ui/react-tooltip/
|
|
1124
1085
|
*
|
|
@@ -1126,7 +1087,7 @@ type TooltipCondensedProps = Omit<TooltipProps, "nonce" | "rev" | "rel" | "autoF
|
|
|
1126
1087
|
* wrap the children in a `<span>` tag.
|
|
1127
1088
|
* https://mui.com/components/tooltips/#disabled-elements
|
|
1128
1089
|
*/
|
|
1129
|
-
declare const TooltipCondensed: import("react").ForwardRefExoticComponent<
|
|
1090
|
+
declare const TooltipCondensed: import("react").ForwardRefExoticComponent<Omit<TooltipCondensedProps, "ref"> & import("react").RefAttributes<unknown>>;
|
|
1130
1091
|
interface TooltipTableExtraProps extends CommonThemeProps {
|
|
1131
1092
|
data?: Array<{
|
|
1132
1093
|
label?: string;
|
|
@@ -1144,5 +1105,5 @@ type TooltipTableContentProps = TooltipTableExtraProps;
|
|
|
1144
1105
|
* @see https://mui.com/material-ui/react-table/
|
|
1145
1106
|
*/
|
|
1146
1107
|
declare const TooltipTableContent: (props: TooltipTableContentProps) => JSX.Element;
|
|
1147
|
-
export { AccordionDetails, AccordionHeader, AccordionProps, Accordion,
|
|
1108
|
+
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, SdsProps, ButtonProps, Button, ButtonDropdownProps, ButtonDropdown, ButtonIconInternalProps, ButtonIcon, 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, 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, NotificationProps, ExposedNotificationProps, Notification, PaginationInternalProps, PaginationProps, Pagination, 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, defaultAppTheme, makeThemeOptions, SDSTheme, SDSThemeOptions, Shadows, Typography, FontWeights, Corners, Spaces, Spacings, Color, Colors, IconSizes, Border, Borders, defaultTheme, focusVisibleA11yStyle, fontBody, fontBodyL, fontBodyM, fontBodyS, fontBodyXs, fontBodyXxs, fontBodyXxxs, fontCaps, fontCapsXxs, fontCapsXxxs, fontCapsXxxxs, fontHeader, fontHeaderXxl, fontHeaderXl, fontHeaderL, fontHeaderM, fontHeaderS, fontHeaderXs, fontHeaderXxs, fontHeaderXxxs, CommonThemeProps, getSpaces, getSpacings, getTypography, getPalette, getColors, getShadows, getCorners, getFontWeights, getIconSizes, getBorders };
|
|
1148
1109
|
export type { AutocompleteBaseProps, AutocompleteMultiColumnProps, AutocompleteOptionBasic, AutocompleteOptionComponent, DefaultAutocompleteOption, ButtonIconProps, ButtonIconSizeToTypes, ChipProps, IconNameToSizes, InputToggleExtraProps as InputToggleProps, TabsProps$0 as TabsProps, SdsTagColorType, TooltipProps, TooltipTableContentProps };
|