@czi-sds/components 19.0.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 +88 -121
- package/dist/index.cjs.js +353 -298
- package/dist/index.esm.d.ts +88 -121
- package/dist/index.esm.js +353 -299
- package/dist/tsconfig.tsbuildinfo +1 -1
- package/dist/variables.scss +1 -1
- package/package.json +10 -10
package/dist/index.cjs.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 {
|
|
@@ -170,6 +169,7 @@ interface Borders {
|
|
|
170
169
|
warning: Border;
|
|
171
170
|
}
|
|
172
171
|
declare const defaultTheme: Theme;
|
|
172
|
+
declare function focusVisibleA11yStyle(): string;
|
|
173
173
|
// (thuang): Somehow this namespace needs to be globally unique to prevent
|
|
174
174
|
// namespace collisions.
|
|
175
175
|
// Might be related to using `rollup-plugin-ts`, which does code splitting?
|
|
@@ -214,12 +214,11 @@ interface AccordionExtraProps extends CommonThemeProps {
|
|
|
214
214
|
togglePosition?: "right" | "left";
|
|
215
215
|
id: string;
|
|
216
216
|
}
|
|
217
|
-
type AccordionProps =
|
|
217
|
+
type AccordionProps = RawAccordionProps & AccordionExtraProps;
|
|
218
218
|
/**
|
|
219
219
|
* @see https://mui.com/material-ui/react-accordion/
|
|
220
220
|
*/
|
|
221
|
-
declare const Accordion: React.ForwardRefExoticComponent<
|
|
222
|
-
type AlertProps = Omit<RawAlertProps, "nonce" | "rev" | "rel" | "autoFocus" | "content">;
|
|
221
|
+
declare const Accordion: React.ForwardRefExoticComponent<Omit<AccordionProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
223
222
|
/**
|
|
224
223
|
* @see https://mui.com/material-ui/react-alert/
|
|
225
224
|
*/
|
|
@@ -239,8 +238,10 @@ interface IconNameToSizes {
|
|
|
239
238
|
chevronRight: "xs" | "s" | "l" | "xl";
|
|
240
239
|
chevronUp: "xs" | "s" | "l" | "xl";
|
|
241
240
|
circlesOverlap: "xs" | "s" | "l" | "xl";
|
|
241
|
+
code: "l" | "xl";
|
|
242
242
|
compass: "l" | "xl";
|
|
243
243
|
copy: "xs" | "s" | "l" | "xl";
|
|
244
|
+
cube: "l" | "xl";
|
|
244
245
|
dna: "l" | "xl";
|
|
245
246
|
document: "xs" | "s";
|
|
246
247
|
dotsHorizontal: "xs" | "s" | "l" | "xl";
|
|
@@ -349,11 +350,11 @@ interface AccessibleInputSearchProps {
|
|
|
349
350
|
handleSubmit?: (value: string) => void;
|
|
350
351
|
onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
|
|
351
352
|
}
|
|
352
|
-
type InputSearchProps =
|
|
353
|
+
type InputSearchProps = RawTextFieldSearchProps & AccessibleInputSearchProps & InputSearchExtraProps;
|
|
353
354
|
/**
|
|
354
355
|
* @see https://mui.com/material-ui/react-text-field/
|
|
355
356
|
*/
|
|
356
|
-
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>>;
|
|
357
358
|
/*
|
|
358
359
|
The final goal is to create a typescript interface which only accepts the
|
|
359
360
|
icons with "xs" or "s" size. At first we create a new TypeScript interface
|
|
@@ -382,11 +383,11 @@ interface MenuItemExtraProps<IconName extends keyof IconNameToSmallSizes> {
|
|
|
382
383
|
sdsIconProps?: Partial<IconProps<IconName>>;
|
|
383
384
|
sdsStyle?: "determinate" | "indeterminate";
|
|
384
385
|
}
|
|
385
|
-
type MenuItemProps<IconName extends keyof IconNameToSmallSizes> = MenuItemExtraProps<IconName> &
|
|
386
|
+
type MenuItemProps<IconName extends keyof IconNameToSmallSizes> = MenuItemExtraProps<IconName> & RawMenuItemProps;
|
|
386
387
|
/**
|
|
387
388
|
* @see https://mui.com/material-ui/react-menu/
|
|
388
389
|
*/
|
|
389
|
-
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>>;
|
|
390
391
|
interface StyleProps extends CommonThemeProps {
|
|
391
392
|
count?: number;
|
|
392
393
|
icon?: ReactElement;
|
|
@@ -434,26 +435,19 @@ interface StyleProps$0 extends CommonThemeProps {
|
|
|
434
435
|
title?: string;
|
|
435
436
|
width?: number;
|
|
436
437
|
}
|
|
437
|
-
declare const StyledPopper: import("@emotion/styled").StyledComponent<Omit<import("@mui/base").PopperProps
|
|
438
|
-
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;
|
|
439
440
|
components?: {
|
|
440
|
-
Root?: import("react").ElementType<any> | undefined;
|
|
441
|
+
Root?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
|
|
441
442
|
} | undefined;
|
|
442
443
|
componentsProps?: {
|
|
443
444
|
root?: import("@mui/base").SlotComponentProps<"div", import("@mui/base").PopperRootSlotPropsOverrides, import("@mui/base").PopperOwnProps> | undefined;
|
|
444
445
|
} | undefined;
|
|
445
446
|
sx?: import("@mui/material").SxProps<import("@mui/material").Theme> | undefined;
|
|
446
447
|
} & import("react").RefAttributes<HTMLDivElement> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & StyleProps$0, {}, {}>;
|
|
447
|
-
declare const StyledPaper$0: import("@emotion/styled").StyledComponent<{
|
|
448
|
-
children?: import("react").ReactNode;
|
|
449
|
-
classes?: Partial<import("@mui/material").PaperClasses> | undefined;
|
|
450
|
-
elevation?: number | undefined;
|
|
451
|
-
square?: boolean | undefined;
|
|
452
|
-
sx?: import("@mui/material").SxProps<import("@mui/material").Theme> | undefined;
|
|
453
|
-
variant?: import("@mui/types").OverridableStringUnion<"elevation" | "outlined", import("@mui/material").PaperPropsVariantOverrides> | undefined;
|
|
454
|
-
} & 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"> & {
|
|
455
449
|
ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
|
|
456
|
-
},
|
|
450
|
+
}, "className" | "style" | "classes" | "children" | "sx" | "variant" | "elevation" | "square"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
|
|
457
451
|
interface ExtraAutocompleteMultiColumnProps<T, Multiple extends boolean | undefined, DisableClearable extends boolean | undefined, FreeSolo extends boolean | undefined> extends StyleProps$0 {
|
|
458
452
|
keepSearchOnSelect?: boolean;
|
|
459
453
|
renderInput?: (params: AutocompleteRenderInputParams) => React.ReactNode;
|
|
@@ -514,11 +508,11 @@ interface ButtonIconInternalProps<IconName extends keyof IconNameToSizes> {
|
|
|
514
508
|
sdsIcon: IconName;
|
|
515
509
|
sdsIconProps?: Partial<IconProps<IconName>>;
|
|
516
510
|
}
|
|
517
|
-
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>;
|
|
518
512
|
/**
|
|
519
513
|
* @see https://mui.com/material-ui/react-button/#icon-buttons
|
|
520
514
|
*/
|
|
521
|
-
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>>;
|
|
522
516
|
interface BannerExtraProps<ButtonIconSize extends keyof ButtonIconSizeToTypes> extends CommonThemeProps {
|
|
523
517
|
sdsType: ButtonIconSizeToTypes[ButtonIconSize];
|
|
524
518
|
}
|
|
@@ -537,30 +531,26 @@ interface SdsProps {
|
|
|
537
531
|
}
|
|
538
532
|
// (thuang): Support `component` prop
|
|
539
533
|
// https://stackoverflow.com/a/66123108
|
|
540
|
-
type ButtonProps<C extends React.ElementType = "button"> =
|
|
534
|
+
type ButtonProps<C extends React.ElementType = "button"> = RawButtonProps<C, {
|
|
541
535
|
component?: C;
|
|
542
|
-
}
|
|
536
|
+
}> & SdsProps;
|
|
543
537
|
/**
|
|
544
538
|
* @see https://mui.com/material-ui/react-button/
|
|
545
539
|
*/
|
|
546
|
-
declare const Button: React.ForwardRefExoticComponent<
|
|
547
|
-
component?: React.ElementType<any> | undefined;
|
|
548
|
-
}>, "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>>;
|
|
549
541
|
interface SdsProps$0 {
|
|
550
542
|
icon?: JSX.Element;
|
|
551
543
|
isRounded?: boolean;
|
|
552
544
|
sdsStyle?: "rounded" | "square";
|
|
553
545
|
sdsType?: "primary" | "secondary";
|
|
554
546
|
}
|
|
555
|
-
type ButtonDropdownProps<C extends React.ElementType = "button"> =
|
|
547
|
+
type ButtonDropdownProps<C extends React.ElementType = "button"> = RawButtonProps<C, {
|
|
556
548
|
component?: C;
|
|
557
|
-
}
|
|
549
|
+
}> & SdsProps$0;
|
|
558
550
|
/**
|
|
559
551
|
* @see https://mui.com/material-ui/react-button/
|
|
560
552
|
*/
|
|
561
|
-
declare const ButtonDropdown: React.ForwardRefExoticComponent<
|
|
562
|
-
component?: React.ElementType<any> | undefined;
|
|
563
|
-
}>, "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>>;
|
|
564
554
|
declare const SDS_STAGE_OPEN = "open";
|
|
565
555
|
declare const SDS_STAGE_CLOSED = "closed";
|
|
566
556
|
interface CalloutProps {
|
|
@@ -571,7 +561,7 @@ interface CalloutProps {
|
|
|
571
561
|
intent: "info" | "error" | "success" | "warning";
|
|
572
562
|
sdsStage?: typeof SDS_STAGE_CLOSED | typeof SDS_STAGE_OPEN;
|
|
573
563
|
}
|
|
574
|
-
type ExposedCalloutProps =
|
|
564
|
+
type ExposedCalloutProps = AlertProps & CalloutProps;
|
|
575
565
|
/**
|
|
576
566
|
* @see https://mui.com/material-ui/react-alert/
|
|
577
567
|
*/
|
|
@@ -586,7 +576,7 @@ interface TooltipExtraProps extends CommonThemeProps {
|
|
|
586
576
|
subtitle?: string;
|
|
587
577
|
width?: "default" | "wide";
|
|
588
578
|
}
|
|
589
|
-
type TooltipProps = TooltipExtraProps &
|
|
579
|
+
type TooltipProps = TooltipExtraProps & RawTooltipProps;
|
|
590
580
|
/**
|
|
591
581
|
* @see https://mui.com/material-ui/react-tooltip/
|
|
592
582
|
*
|
|
@@ -594,7 +584,7 @@ type TooltipProps = TooltipExtraProps & Omit<RawTooltipProps, "nonce" | "rev" |
|
|
|
594
584
|
* wrap the children in a `<span>` tag.
|
|
595
585
|
* https://mui.com/components/tooltips/#disabled-elements
|
|
596
586
|
*/
|
|
597
|
-
declare const Tooltip: import("react").ForwardRefExoticComponent<
|
|
587
|
+
declare const Tooltip: import("react").ForwardRefExoticComponent<Omit<TooltipProps, "ref"> & import("react").RefAttributes<unknown>>;
|
|
598
588
|
interface CellBasicExtraProps extends CommonThemeProps {
|
|
599
589
|
horizontalAlign?: "left" | "center" | "right";
|
|
600
590
|
verticalAlign?: "top" | "center" | "bottom";
|
|
@@ -604,7 +594,7 @@ interface CellBasicExtraProps extends CommonThemeProps {
|
|
|
604
594
|
secondaryTextWrapLineCount?: number;
|
|
605
595
|
tertiaryTextWrapLineCount?: number;
|
|
606
596
|
}
|
|
607
|
-
interface CellBasicContentProps extends Omit<React.HTMLProps<HTMLTableCellElement>, "as"
|
|
597
|
+
interface CellBasicContentProps extends Omit<React.HTMLProps<HTMLTableCellElement>, "as"> {
|
|
608
598
|
primaryText: string;
|
|
609
599
|
primaryTextWrapLineCount?: number;
|
|
610
600
|
secondaryText?: string;
|
|
@@ -620,16 +610,16 @@ interface CellBasicRawProps {
|
|
|
620
610
|
tooltipProps?: Partial<TooltipProps>;
|
|
621
611
|
}
|
|
622
612
|
type CellBasicProps = CellBasicRawProps & CellBasicExtraProps & CellBasicContentProps;
|
|
623
|
-
declare const CellBasic: React.ForwardRefExoticComponent<
|
|
613
|
+
declare const CellBasic: React.ForwardRefExoticComponent<Omit<CellBasicProps, "ref"> & React.RefAttributes<HTMLTableCellElement>>;
|
|
624
614
|
interface CellComponentExtraProps extends CommonThemeProps {
|
|
625
615
|
horizontalAlign?: "left" | "center" | "right";
|
|
626
616
|
verticalAlign?: "top" | "center" | "bottom";
|
|
627
617
|
}
|
|
628
|
-
interface CellComponentContentProps extends Omit<React.HTMLProps<HTMLTableCellElement>, "as"
|
|
618
|
+
interface CellComponentContentProps extends Omit<React.HTMLProps<HTMLTableCellElement>, "as"> {
|
|
629
619
|
children?: ReactNode;
|
|
630
620
|
}
|
|
631
621
|
type CellComponentProps = CellComponentContentProps & CellComponentExtraProps;
|
|
632
|
-
declare const CellComponent: React.ForwardRefExoticComponent<
|
|
622
|
+
declare const CellComponent: React.ForwardRefExoticComponent<Omit<CellComponentProps, "ref"> & React.RefAttributes<unknown>>;
|
|
633
623
|
interface CellHeaderExtraProps extends CommonThemeProps {
|
|
634
624
|
active?: boolean;
|
|
635
625
|
horizontalAlign?: "left" | "center" | "right";
|
|
@@ -642,20 +632,20 @@ interface CellHeaderContentProps {
|
|
|
642
632
|
horizontalAlign?: "left" | "center" | "right";
|
|
643
633
|
children: React.ReactNode;
|
|
644
634
|
}
|
|
645
|
-
interface CellHeaderRawProps extends Omit<React.HTMLProps<HTMLTableCellElement>, "as"
|
|
635
|
+
interface CellHeaderRawProps extends Omit<React.HTMLProps<HTMLTableCellElement>, "as"> {
|
|
646
636
|
tooltipText?: string;
|
|
647
637
|
tooltipSubtitle?: string;
|
|
648
638
|
shouldShowTooltipOnHover?: boolean;
|
|
649
639
|
tooltipProps?: Partial<TooltipProps>;
|
|
650
640
|
}
|
|
651
641
|
type CellHeaderProps = CellHeaderRawProps & CellHeaderExtraProps & CellHeaderContentProps;
|
|
652
|
-
declare const CellHeader: React.ForwardRefExoticComponent<
|
|
642
|
+
declare const CellHeader: React.ForwardRefExoticComponent<Omit<CellHeaderProps, "ref"> & React.RefAttributes<HTMLTableCellElement>>;
|
|
653
643
|
interface ChipExtraProps extends CommonThemeProps {
|
|
654
644
|
size?: "small" | "medium";
|
|
655
645
|
status?: "success" | "error" | "warning" | "info" | "pending" | "beta";
|
|
656
646
|
isRounded?: boolean;
|
|
657
647
|
}
|
|
658
|
-
type ChipProps = ChipExtraProps &
|
|
648
|
+
type ChipProps = ChipExtraProps & RawChipProps;
|
|
659
649
|
/**
|
|
660
650
|
* @see https://mui.com/material-ui/react-chip/
|
|
661
651
|
*/
|
|
@@ -667,27 +657,21 @@ interface StyleProps$1 extends CommonThemeProps {
|
|
|
667
657
|
title?: string;
|
|
668
658
|
isMultiColumn?: boolean;
|
|
669
659
|
}
|
|
670
|
-
declare const StyledPopper$1: import("@emotion/styled").StyledComponent<Omit<import("@mui/base").PopperProps
|
|
671
|
-
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;
|
|
672
662
|
components?: {
|
|
673
|
-
Root?: import("react").ElementType<any> | undefined;
|
|
663
|
+
Root?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
|
|
674
664
|
} | undefined;
|
|
675
665
|
componentsProps?: {
|
|
676
666
|
root?: import("@mui/base").SlotComponentProps<"div", import("@mui/base").PopperRootSlotPropsOverrides, import("@mui/base").PopperOwnProps> | undefined;
|
|
677
667
|
} | undefined;
|
|
678
668
|
sx?: import("@mui/material").SxProps<import("@mui/material").Theme> | undefined;
|
|
679
669
|
} & import("react").RefAttributes<HTMLDivElement> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
|
|
680
|
-
declare const StyledPaper$1: import("@emotion/styled").StyledComponent<{
|
|
681
|
-
children?: import("react").ReactNode;
|
|
682
|
-
classes?: Partial<import("@mui/material").PaperClasses> | undefined;
|
|
683
|
-
elevation?: number | undefined;
|
|
684
|
-
square?: boolean | undefined;
|
|
685
|
-
sx?: import("@mui/material").SxProps<import("@mui/material").Theme> | undefined;
|
|
686
|
-
variant?: import("@mui/types").OverridableStringUnion<"elevation" | "outlined", import("@mui/material").PaperPropsVariantOverrides> | undefined;
|
|
687
|
-
} & 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"> & {
|
|
688
671
|
ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
|
|
689
|
-
},
|
|
672
|
+
}, "className" | "style" | "classes" | "children" | "sx" | "variant" | "elevation" | "square"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & StyleProps$1, {}, {}>;
|
|
690
673
|
/**
|
|
674
|
+
* @deprecated
|
|
691
675
|
* (masoudmanson): We've replaced DefaultDropdownMenuOption with DefaultAutocompleteOption
|
|
692
676
|
* as the preferred choice. However, for backward compatibility, we've exported this line to
|
|
693
677
|
* prevent potential TypeScript type issues for product teams using previous versions.
|
|
@@ -713,7 +697,7 @@ interface ExtraDropdownMenuProps extends StyleProps$1 {
|
|
|
713
697
|
ClickAwayListenerProps?: Partial<MUIClickAwayListenerProps>;
|
|
714
698
|
width?: number;
|
|
715
699
|
}
|
|
716
|
-
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">;
|
|
717
701
|
type DropdownMenuProps<T, Multiple extends boolean | undefined, DisableClearable extends boolean | undefined, FreeSolo extends boolean | undefined> = CustomAutocompleteProps$1<T, Multiple, DisableClearable, FreeSolo> & ExtraDropdownMenuProps;
|
|
718
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;
|
|
719
703
|
interface InputDropdownProps extends CommonThemeProps {
|
|
@@ -756,11 +740,11 @@ interface ComplexFilterProps<T extends DefaultAutocompleteOption, Multiple exten
|
|
|
756
740
|
}
|
|
757
741
|
// eslint-disable-next-line sonarjs/cognitive-complexity
|
|
758
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;
|
|
759
|
-
type DialogPaperProps =
|
|
743
|
+
type DialogPaperProps = PaperProps;
|
|
760
744
|
/**
|
|
761
745
|
* @see https://mui.com/material-ui/react-paper/
|
|
762
746
|
*/
|
|
763
|
-
declare const DialogPaper: import("react").ForwardRefExoticComponent<
|
|
747
|
+
declare const DialogPaper: import("react").ForwardRefExoticComponent<Omit<DialogPaperProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
|
|
764
748
|
type SdsSize = "xs" | "s" | "m" | "l";
|
|
765
749
|
declare const DialogContext: import("react").Context<{
|
|
766
750
|
sdsSize: SdsSize;
|
|
@@ -772,49 +756,29 @@ interface DialogExtraProps {
|
|
|
772
756
|
PaperComponent?: ComponentType<DialogPaperProps>;
|
|
773
757
|
DialogComponent?: ComponentType<RawDialogProps>;
|
|
774
758
|
}
|
|
775
|
-
type DialogProps =
|
|
759
|
+
type DialogProps = RawDialogProps & DialogExtraProps;
|
|
776
760
|
/**
|
|
777
761
|
* @see https://mui.com/material-ui/react-dialog/
|
|
778
762
|
*/
|
|
779
|
-
declare const Dialog: React.ForwardRefExoticComponent<
|
|
763
|
+
declare const Dialog: React.ForwardRefExoticComponent<Omit<DialogProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
780
764
|
interface DialogActionsExtraProps extends CommonThemeProps {
|
|
781
765
|
buttonPosition?: "left" | "right";
|
|
782
766
|
}
|
|
783
|
-
type DialogActionsProps = DialogActionsExtraProps &
|
|
767
|
+
type DialogActionsProps = DialogActionsExtraProps & RawDialogActionsProps;
|
|
784
768
|
/**
|
|
785
769
|
* @see https://mui.com/material-ui/react-dialog/
|
|
786
770
|
*/
|
|
787
|
-
declare const DialogActions: import("react").ForwardRefExoticComponent<
|
|
788
|
-
type DialogContentProps =
|
|
789
|
-
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>>;
|
|
790
774
|
type DialogTitleExtraProps = CommonThemeProps;
|
|
791
|
-
declare const Title: import("@emotion/styled").StyledComponent<import("@mui/
|
|
792
|
-
align?: "inherit" | "right" | "left" | "center" | "justify" | undefined;
|
|
793
|
-
children?: import("react").ReactNode;
|
|
794
|
-
classes?: Partial<import("@mui/material").TypographyClasses> | undefined;
|
|
795
|
-
gutterBottom?: boolean | undefined;
|
|
796
|
-
noWrap?: boolean | undefined;
|
|
797
|
-
paragraph?: boolean | undefined;
|
|
798
|
-
sx?: import("@mui/material").SxProps<import("@mui/material").Theme> | undefined;
|
|
799
|
-
variant?: import("@mui/types").OverridableStringUnion<"inherit" | import("@mui/material").TypographyVariant, import("@mui/material").TypographyPropsVariantOverrides> | undefined;
|
|
800
|
-
variantMapping?: Partial<Record<import("@mui/types").OverridableStringUnion<"inherit" | import("@mui/material").TypographyVariant, import("@mui/material").TypographyPropsVariantOverrides>, string>> | undefined;
|
|
801
|
-
} & 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"> & {
|
|
802
776
|
ref?: ((instance: HTMLSpanElement | null) => void) | import("react").RefObject<HTMLSpanElement> | null | undefined;
|
|
803
|
-
},
|
|
804
|
-
declare const Subtitle$0: import("@emotion/styled").StyledComponent<import("@mui/
|
|
805
|
-
align?: "inherit" | "right" | "left" | "center" | "justify" | undefined;
|
|
806
|
-
children?: import("react").ReactNode;
|
|
807
|
-
classes?: Partial<import("@mui/material").TypographyClasses> | undefined;
|
|
808
|
-
gutterBottom?: boolean | undefined;
|
|
809
|
-
noWrap?: boolean | undefined;
|
|
810
|
-
paragraph?: boolean | undefined;
|
|
811
|
-
sx?: import("@mui/material").SxProps<import("@mui/material").Theme> | undefined;
|
|
812
|
-
variant?: import("@mui/types").OverridableStringUnion<"inherit" | import("@mui/material").TypographyVariant, import("@mui/material").TypographyPropsVariantOverrides> | undefined;
|
|
813
|
-
variantMapping?: Partial<Record<import("@mui/types").OverridableStringUnion<"inherit" | import("@mui/material").TypographyVariant, import("@mui/material").TypographyPropsVariantOverrides>, string>> | undefined;
|
|
814
|
-
} & 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"> & {
|
|
815
779
|
ref?: ((instance: HTMLSpanElement | null) => void) | import("react").RefObject<HTMLSpanElement> | null | undefined;
|
|
816
|
-
},
|
|
817
|
-
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 {
|
|
818
782
|
title?: string;
|
|
819
783
|
subtitle?: string;
|
|
820
784
|
onClose?: () => void;
|
|
@@ -822,7 +786,7 @@ interface DialogTitleProps extends DialogTitleExtraProps, Omit<RawDialogTitlePro
|
|
|
822
786
|
/**
|
|
823
787
|
* @see https://mui.com/material-ui/react-dialog/
|
|
824
788
|
*/
|
|
825
|
-
declare const DialogTitle: import("react").ForwardRefExoticComponent<
|
|
789
|
+
declare const DialogTitle: import("react").ForwardRefExoticComponent<Omit<DialogTitleProps, "ref"> & import("react").RefAttributes<HTMLHeadingElement>>;
|
|
826
790
|
type SdsDropdownMenuProps = DropdownMenuProps;
|
|
827
791
|
type InputDropdownPropsType$0 = InputDropdownProps$0;
|
|
828
792
|
interface ExtraDropdownProps<T, Multiple extends boolean | undefined, DisableClearable extends boolean | undefined, FreeSolo extends boolean | undefined> {
|
|
@@ -841,14 +805,14 @@ interface ExtraDropdownProps<T, Multiple extends boolean | undefined, DisableCle
|
|
|
841
805
|
InputDropdownComponent?: typeof InputDropdown;
|
|
842
806
|
isTriggerChangeOnOptionClick?: boolean;
|
|
843
807
|
}
|
|
844
|
-
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">;
|
|
845
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>;
|
|
846
810
|
// eslint-disable-next-line sonarjs/cognitive-complexity
|
|
847
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;
|
|
848
812
|
interface CheckboxExtraProps extends CommonThemeProps {
|
|
849
813
|
caption?: string;
|
|
850
814
|
}
|
|
851
|
-
interface CheckboxContentProps extends Omit<MUICheckboxProps, "color" | "defaultChecked" | "indeterminate"
|
|
815
|
+
interface CheckboxContentProps extends Omit<MUICheckboxProps, "color" | "defaultChecked" | "indeterminate"> {
|
|
852
816
|
checkboxProps?: Partial<MUICheckboxProps>;
|
|
853
817
|
label?: string;
|
|
854
818
|
stage?: "checked" | "unchecked" | "indeterminate";
|
|
@@ -861,7 +825,7 @@ declare const InputCheckbox: (props: CheckboxProps) => JSX.Element;
|
|
|
861
825
|
interface RadioExtraProps extends CommonThemeProps {
|
|
862
826
|
caption?: string;
|
|
863
827
|
}
|
|
864
|
-
interface RadioContentProps extends Omit<MUIRadioProps, "color" | "defaultChecked"
|
|
828
|
+
interface RadioContentProps extends Omit<MUIRadioProps, "color" | "defaultChecked"> {
|
|
865
829
|
label?: string;
|
|
866
830
|
radioProps?: Partial<MUIRadioProps>;
|
|
867
831
|
stage?: "checked" | "unchecked";
|
|
@@ -878,7 +842,7 @@ type InputSliderProps = InputSliderExtraProps;
|
|
|
878
842
|
/**
|
|
879
843
|
* @see https://mui.com/material-ui/react-slider/
|
|
880
844
|
*/
|
|
881
|
-
declare const InputSlider: import("react").ForwardRefExoticComponent<
|
|
845
|
+
declare const InputSlider: import("react").ForwardRefExoticComponent<Omit<InputSliderExtraProps, "ref"> & import("react").RefAttributes<HTMLSpanElement>>;
|
|
882
846
|
interface InputTextExtraProps extends CommonThemeProps {
|
|
883
847
|
disabled?: boolean;
|
|
884
848
|
intent?: "default" | "error" | "warning";
|
|
@@ -891,11 +855,11 @@ interface AccessibleInputTextProps {
|
|
|
891
855
|
placeholder?: string;
|
|
892
856
|
id: string;
|
|
893
857
|
}
|
|
894
|
-
type InputTextProps =
|
|
858
|
+
type InputTextProps = RawTextFieldProps & InputTextExtraProps & AccessibleInputTextProps;
|
|
895
859
|
/**
|
|
896
860
|
* @see https://mui.com/material-ui/react-text-field/
|
|
897
861
|
*/
|
|
898
|
-
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>>;
|
|
899
863
|
interface InputToggleExtraProps extends Omit<SwitchProps, "nonce" | "rev" | "rel" | "autoFocus" | "content">, CommonThemeProps {
|
|
900
864
|
offLabel?: string;
|
|
901
865
|
onChange?(e: React.ChangeEvent): void;
|
|
@@ -904,7 +868,7 @@ interface InputToggleExtraProps extends Omit<SwitchProps, "nonce" | "rev" | "rel
|
|
|
904
868
|
/**
|
|
905
869
|
* @see https://mui.com/material-ui/react-switch/
|
|
906
870
|
*/
|
|
907
|
-
declare const InputToggle: (props: InputToggleExtraProps) => JSX.Element;
|
|
871
|
+
declare const InputToggle: (props: InputToggleExtraProps) => import("react/jsx-runtime").JSX.Element;
|
|
908
872
|
type StyleProps$2 = CommonThemeProps;
|
|
909
873
|
// (thuang): Support `component` prop
|
|
910
874
|
// https://stackoverflow.com/a/66123108
|
|
@@ -914,17 +878,17 @@ type LinkProps<C extends React.ElementType = "a"> = RawLinkProps<C, {
|
|
|
914
878
|
sdsStyle?: "default" | "dashed";
|
|
915
879
|
};
|
|
916
880
|
type RawLinkProps$0 = LinkProps;
|
|
917
|
-
type LinkProps$0<C extends React.ElementType = "a"> =
|
|
881
|
+
type LinkProps$0<C extends React.ElementType = "a"> = RawLinkProps$0<C>;
|
|
918
882
|
/**
|
|
919
883
|
* @see https://mui.com/material-ui/react-link/
|
|
920
884
|
*/
|
|
921
|
-
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>>;
|
|
922
886
|
interface ListExtraProps extends CommonThemeProps {
|
|
923
887
|
component?: unknown;
|
|
924
888
|
marginBottom?: "xxxs" | "xxs" | "xs" | "s" | "m" | "l";
|
|
925
889
|
ordered?: boolean;
|
|
926
890
|
}
|
|
927
|
-
type ListProps = ListExtraProps &
|
|
891
|
+
type ListProps = ListExtraProps & RawListProps;
|
|
928
892
|
/**
|
|
929
893
|
* @see https://mui.com/material-ui/react-list/
|
|
930
894
|
*/
|
|
@@ -935,12 +899,12 @@ interface ListItemExtraProps extends CommonThemeProps {
|
|
|
935
899
|
ordered?: boolean;
|
|
936
900
|
}
|
|
937
901
|
declare const ListItemLabel: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
|
|
938
|
-
type ListItemProps =
|
|
902
|
+
type ListItemProps = RawListItemProps & ListItemExtraProps;
|
|
939
903
|
/**
|
|
940
904
|
* @see https://mui.com/material-ui/react-list/
|
|
941
905
|
*/
|
|
942
906
|
declare const ListItem: (props: ListItemProps) => JSX.Element;
|
|
943
|
-
type ListSubheaderProps =
|
|
907
|
+
type ListSubheaderProps = RawListSubheaderProps;
|
|
944
908
|
/**
|
|
945
909
|
* @see https://mui.com/material-ui/react-list/
|
|
946
910
|
*/
|
|
@@ -949,9 +913,11 @@ interface LoadingIndicatorProps extends CommonThemeProps {
|
|
|
949
913
|
sdsStyle: "minimal" | "tag";
|
|
950
914
|
}
|
|
951
915
|
type RawLoadingIndicatorProps = LoadingIndicatorProps;
|
|
952
|
-
type LoadingIndicatorProps$0 =
|
|
953
|
-
|
|
954
|
-
|
|
916
|
+
type LoadingIndicatorProps$0 = RawLoadingIndicatorProps & {
|
|
917
|
+
"aria-label"?: string;
|
|
918
|
+
};
|
|
919
|
+
declare const LoadingIndicator: ({ "aria-label": ariaLabel, sdsStyle }: LoadingIndicatorProps$0) => JSX.Element;
|
|
920
|
+
type MenuProps = RawMenuProps;
|
|
955
921
|
/**
|
|
956
922
|
* @see https://mui.com/material-ui/react-menu/
|
|
957
923
|
*/
|
|
@@ -968,7 +934,7 @@ interface MenuSelectExtraProps extends StyleProps$3 {
|
|
|
968
934
|
renderInput?: (params: AutocompleteRenderInputParams) => React.ReactNode;
|
|
969
935
|
InputBaseProps?: Partial<InputSearchProps>;
|
|
970
936
|
}
|
|
971
|
-
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">;
|
|
972
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;
|
|
973
939
|
/**
|
|
974
940
|
* @see https://mui.com/material-ui/react-autocomplete/
|
|
@@ -986,7 +952,7 @@ interface NavigationJumpToProps extends NavigationJumpToExtraProps {
|
|
|
986
952
|
offsetTop?: number;
|
|
987
953
|
onChange?: (value: number) => void;
|
|
988
954
|
}
|
|
989
|
-
declare const NavigationJumpTo: React.ForwardRefExoticComponent<
|
|
955
|
+
declare const NavigationJumpTo: React.ForwardRefExoticComponent<Omit<NavigationJumpToProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
990
956
|
interface NotificationProps {
|
|
991
957
|
autoDismiss?: boolean | number;
|
|
992
958
|
buttonOnClick?: (event: React.SyntheticEvent) => void;
|
|
@@ -996,7 +962,7 @@ interface NotificationProps {
|
|
|
996
962
|
extraContent?: boolean;
|
|
997
963
|
intent: "info" | "error" | "success" | "warning";
|
|
998
964
|
}
|
|
999
|
-
type ExposedNotificationProps =
|
|
965
|
+
type ExposedNotificationProps = AlertProps & NotificationProps;
|
|
1000
966
|
/**
|
|
1001
967
|
* @see https://mui.com/material-ui/react-alert/
|
|
1002
968
|
*/
|
|
@@ -1025,7 +991,7 @@ interface SingleButtonDefinition {
|
|
|
1025
991
|
iconName: string;
|
|
1026
992
|
tooltipText: string;
|
|
1027
993
|
}
|
|
1028
|
-
interface SegmentedControlExtraProps extends Omit<ToggleButtonGroupProps, "color"
|
|
994
|
+
interface SegmentedControlExtraProps extends Omit<ToggleButtonGroupProps, "color"> {
|
|
1029
995
|
buttonDefinition: SingleButtonDefinition[];
|
|
1030
996
|
color?: "primary" | "secondary" | "standard" | "success" | "error" | "info" | "warning" | undefined;
|
|
1031
997
|
}
|
|
@@ -1033,7 +999,7 @@ interface SegmentedControlExtraProps extends Omit<ToggleButtonGroupProps, "color
|
|
|
1033
999
|
* @see https://mui.com/material-ui/react-toggle-button/
|
|
1034
1000
|
*/
|
|
1035
1001
|
type SegmentedControlProps = SegmentedControlExtraProps & ToggleButtonGroupProps;
|
|
1036
|
-
declare const SegmentedControl: (props: SegmentedControlProps) => JSX.Element;
|
|
1002
|
+
declare const SegmentedControl: (props: SegmentedControlProps) => import("react/jsx-runtime").JSX.Element;
|
|
1037
1003
|
interface SdsTableProps {
|
|
1038
1004
|
children: React.ReactNode;
|
|
1039
1005
|
}
|
|
@@ -1058,19 +1024,19 @@ interface RowRawProps {
|
|
|
1058
1024
|
tooltipProps?: Partial<TooltipProps>;
|
|
1059
1025
|
}
|
|
1060
1026
|
type TableRowProps = RowRawProps & RowExtraProps;
|
|
1061
|
-
declare const TableRow: React.ForwardRefExoticComponent<
|
|
1027
|
+
declare const TableRow: React.ForwardRefExoticComponent<Omit<TableRowProps, "ref"> & React.RefAttributes<HTMLTableRowElement>>;
|
|
1062
1028
|
type TabsProps$0 = Omit<RawTabsProps, "nonce" | "rev" | "rel" | "autoFocus" | "content"> & {
|
|
1063
1029
|
underlined?: boolean;
|
|
1064
1030
|
sdsSize?: "small" | "large";
|
|
1065
1031
|
};
|
|
1066
|
-
declare const Tabs: React.ForwardRefExoticComponent<
|
|
1067
|
-
interface TabProps$0 extends
|
|
1032
|
+
declare const Tabs: React.ForwardRefExoticComponent<Omit<TabsProps$0, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
1033
|
+
interface TabProps$0 extends RawTabProps {
|
|
1068
1034
|
count?: ReactNode;
|
|
1069
1035
|
}
|
|
1070
1036
|
/**
|
|
1071
1037
|
* @see https://mui.com/material-ui/react-tabs/
|
|
1072
1038
|
*/
|
|
1073
|
-
declare const Tab: React.ForwardRefExoticComponent<
|
|
1039
|
+
declare const Tab: React.ForwardRefExoticComponent<Omit<TabProps$0, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
1074
1040
|
type SdsTagColorType = "primary" | "info" | "success" | "warning" | "error" | "gray" | "beta" | [
|
|
1075
1041
|
string,
|
|
1076
1042
|
string
|
|
@@ -1086,7 +1052,7 @@ interface ExtraTagProps extends CommonThemeProps {
|
|
|
1086
1052
|
tagColor?: SdsTagColorType;
|
|
1087
1053
|
icon?: JSX.Element;
|
|
1088
1054
|
}
|
|
1089
|
-
interface SdsTagProps extends Omit<ChipProps$0, "color"
|
|
1055
|
+
interface SdsTagProps extends Omit<ChipProps$0, "color"> {
|
|
1090
1056
|
label: string;
|
|
1091
1057
|
color?: SdsTagColorType;
|
|
1092
1058
|
}
|
|
@@ -1099,8 +1065,9 @@ type TagProps = SdsTagProps & ExtraTagProps;
|
|
|
1099
1065
|
* [string, string, string] - applies custom colors for [font, background, icon]
|
|
1100
1066
|
*/
|
|
1101
1067
|
declare const Tag: (props: TagProps) => JSX.Element;
|
|
1102
|
-
interface SdsTagFilterProps extends Omit<ChipProps$0, "color" | "variant"
|
|
1068
|
+
interface SdsTagFilterProps extends Omit<ChipProps$0, "color" | "variant"> {
|
|
1103
1069
|
label: string;
|
|
1070
|
+
// eslint-disable-next-line @typescript-eslint/no-explicit-any
|
|
1104
1071
|
onDelete: React.EventHandler<any>;
|
|
1105
1072
|
}
|
|
1106
1073
|
type TagFilterProps = SdsTagFilterProps;
|
|
@@ -1112,7 +1079,7 @@ interface TooltipCondensedExtraProps extends CommonThemeProps {
|
|
|
1112
1079
|
indicator?: boolean;
|
|
1113
1080
|
indicatorColor?: string;
|
|
1114
1081
|
}
|
|
1115
|
-
type TooltipCondensedProps =
|
|
1082
|
+
type TooltipCondensedProps = TooltipProps & TooltipCondensedExtraProps;
|
|
1116
1083
|
/**
|
|
1117
1084
|
* @see https://mui.com/material-ui/react-tooltip/
|
|
1118
1085
|
*
|
|
@@ -1120,7 +1087,7 @@ type TooltipCondensedProps = Omit<TooltipProps, "nonce" | "rev" | "rel" | "autoF
|
|
|
1120
1087
|
* wrap the children in a `<span>` tag.
|
|
1121
1088
|
* https://mui.com/components/tooltips/#disabled-elements
|
|
1122
1089
|
*/
|
|
1123
|
-
declare const TooltipCondensed: import("react").ForwardRefExoticComponent<
|
|
1090
|
+
declare const TooltipCondensed: import("react").ForwardRefExoticComponent<Omit<TooltipCondensedProps, "ref"> & import("react").RefAttributes<unknown>>;
|
|
1124
1091
|
interface TooltipTableExtraProps extends CommonThemeProps {
|
|
1125
1092
|
data?: Array<{
|
|
1126
1093
|
label?: string;
|
|
@@ -1138,5 +1105,5 @@ type TooltipTableContentProps = TooltipTableExtraProps;
|
|
|
1138
1105
|
* @see https://mui.com/material-ui/react-table/
|
|
1139
1106
|
*/
|
|
1140
1107
|
declare const TooltipTableContent: (props: TooltipTableContentProps) => JSX.Element;
|
|
1141
|
-
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 };
|
|
1142
1109
|
export type { AutocompleteBaseProps, AutocompleteMultiColumnProps, AutocompleteOptionBasic, AutocompleteOptionComponent, DefaultAutocompleteOption, ButtonIconProps, ButtonIconSizeToTypes, ChipProps, IconNameToSizes, InputToggleExtraProps as InputToggleProps, TabsProps$0 as TabsProps, SdsTagColorType, TooltipProps, TooltipTableContentProps };
|