@czi-sds/components 19.1.0 → 19.3.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 +119 -132
- package/dist/index.cjs.js +1087 -863
- package/dist/index.esm.d.ts +119 -132
- package/dist/index.esm.js +1088 -864
- 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 {
|
|
@@ -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
|
*/
|
|
@@ -234,11 +232,13 @@ interface IconNameToSizes {
|
|
|
234
232
|
check: "xs" | "s";
|
|
235
233
|
checkCircle: "xs" | "s" | "l" | "xl";
|
|
236
234
|
chevronDown: "xs" | "s" | "l" | "xl";
|
|
235
|
+
chevronDown2: "xs" | "s";
|
|
237
236
|
chevronLeft2: "xs" | "s";
|
|
238
237
|
chevronLeft: "xs" | "s" | "l" | "xl";
|
|
239
238
|
chevronRight2: "xs" | "s";
|
|
240
239
|
chevronRight: "xs" | "s" | "l" | "xl";
|
|
241
240
|
chevronUp: "xs" | "s" | "l" | "xl";
|
|
241
|
+
chevronUp2: "xs" | "s";
|
|
242
242
|
circlesOverlap: "xs" | "s" | "l" | "xl";
|
|
243
243
|
code: "l" | "xl";
|
|
244
244
|
compass: "l" | "xl";
|
|
@@ -249,6 +249,7 @@ interface IconNameToSizes {
|
|
|
249
249
|
dotsHorizontal: "xs" | "s" | "l" | "xl";
|
|
250
250
|
download: "xs" | "s" | "l" | "xl";
|
|
251
251
|
edit: "xs" | "s" | "l" | "xl";
|
|
252
|
+
envelope: "xs" | "s";
|
|
252
253
|
exclamationMarkCircle: "xs" | "s" | "l" | "xl";
|
|
253
254
|
exclamationMarkSpeechBubble: "l" | "xl";
|
|
254
255
|
eyeClosed: "xs" | "s";
|
|
@@ -267,6 +268,7 @@ interface IconNameToSizes {
|
|
|
267
268
|
grid: "l" | "xl";
|
|
268
269
|
gridPrivate: "l" | "xl";
|
|
269
270
|
gridPublic: "l" | "xl";
|
|
271
|
+
gridThreeDots: "l" | "xl";
|
|
270
272
|
house: "xs" | "s";
|
|
271
273
|
infoCircle: "xs" | "s" | "l" | "xl";
|
|
272
274
|
infoSpeechBubble: "l" | "xl";
|
|
@@ -294,7 +296,9 @@ interface IconNameToSizes {
|
|
|
294
296
|
puzzlePiece: "xs" | "s";
|
|
295
297
|
questionMark: "l" | "xl";
|
|
296
298
|
quote: "l" | "xl";
|
|
299
|
+
read: "l" | "xl";
|
|
297
300
|
refresh: "xs" | "s" | "l" | "xl";
|
|
301
|
+
rocket: "l" | "xl";
|
|
298
302
|
save: "l" | "xl";
|
|
299
303
|
search: "xs" | "s" | "l" | "xl";
|
|
300
304
|
searchLinesHorizontal: "xs" | "s" | "l" | "xl";
|
|
@@ -316,9 +320,11 @@ interface IconNameToSizes {
|
|
|
316
320
|
triangleLeft: "xs" | "s";
|
|
317
321
|
triangleRight: "xs" | "s";
|
|
318
322
|
triangleUp: "xs" | "s";
|
|
323
|
+
updated: "l" | "xl";
|
|
319
324
|
upload: "l" | "xl";
|
|
320
325
|
virus: "l" | "xl";
|
|
321
326
|
virusCircleS: "l" | "xl";
|
|
327
|
+
widget: "l" | "xl";
|
|
322
328
|
xMark: "xs" | "s" | "l" | "xl";
|
|
323
329
|
xMarkCircle: "xs" | "s";
|
|
324
330
|
}
|
|
@@ -352,11 +358,11 @@ interface AccessibleInputSearchProps {
|
|
|
352
358
|
handleSubmit?: (value: string) => void;
|
|
353
359
|
onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
|
|
354
360
|
}
|
|
355
|
-
type InputSearchProps =
|
|
361
|
+
type InputSearchProps = RawTextFieldSearchProps & AccessibleInputSearchProps & InputSearchExtraProps;
|
|
356
362
|
/**
|
|
357
363
|
* @see https://mui.com/material-ui/react-text-field/
|
|
358
364
|
*/
|
|
359
|
-
declare const InputSearch: React.ForwardRefExoticComponent<
|
|
365
|
+
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
366
|
/*
|
|
361
367
|
The final goal is to create a typescript interface which only accepts the
|
|
362
368
|
icons with "xs" or "s" size. At first we create a new TypeScript interface
|
|
@@ -381,15 +387,21 @@ type IconNameToSmallSizes = {
|
|
|
381
387
|
interface MenuItemExtraProps<IconName extends keyof IconNameToSmallSizes> {
|
|
382
388
|
column?: React.ReactNode;
|
|
383
389
|
isMultiSelect?: boolean;
|
|
384
|
-
|
|
390
|
+
icon?: IconName | React.ReactElement<CustomSVGProps>;
|
|
391
|
+
/**
|
|
392
|
+
* @deprecated Use `icon` instead.
|
|
393
|
+
* (masoudmanson): This prop is deprecated and will be removed in the next major version.
|
|
394
|
+
* Please replace instances of `sdsIcon` with `icon`.
|
|
395
|
+
*/
|
|
396
|
+
sdsIcon?: IconName | React.ReactElement<CustomSVGProps>;
|
|
385
397
|
sdsIconProps?: Partial<IconProps<IconName>>;
|
|
386
398
|
sdsStyle?: "determinate" | "indeterminate";
|
|
387
399
|
}
|
|
388
|
-
type MenuItemProps<IconName extends keyof IconNameToSmallSizes> = MenuItemExtraProps<IconName> &
|
|
400
|
+
type MenuItemProps<IconName extends keyof IconNameToSmallSizes> = MenuItemExtraProps<IconName> & RawMenuItemProps;
|
|
389
401
|
/**
|
|
390
402
|
* @see https://mui.com/material-ui/react-menu/
|
|
391
403
|
*/
|
|
392
|
-
declare const MenuItem: React.ForwardRefExoticComponent<
|
|
404
|
+
declare const MenuItem: React.ForwardRefExoticComponent<Omit<MenuItemProps<"link" | "search" | "table" | "filter" | "download" | "bacteria" | "barChartHorizontal3" | "barChartVertical3" | "barChartVertical4" | "check" | "checkCircle" | "chevronDown" | "chevronDown2" | "chevronLeft2" | "chevronLeft" | "chevronRight2" | "chevronRight" | "chevronUp" | "chevronUp2" | "circlesOverlap" | "copy" | "document" | "dotsHorizontal" | "edit" | "envelope" | "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
405
|
interface StyleProps extends CommonThemeProps {
|
|
394
406
|
count?: number;
|
|
395
407
|
icon?: ReactElement;
|
|
@@ -405,7 +417,7 @@ interface AutocompleteOptionGeneral {
|
|
|
405
417
|
interface AutocompleteOptionBasic extends AutocompleteOptionGeneral {
|
|
406
418
|
count?: number; // An optional count associated with the option.
|
|
407
419
|
details?: string; // An optional string for additional details.
|
|
408
|
-
|
|
420
|
+
icon?: keyof IconNameToSmallSizes | React.ReactElement<CustomSVGProps>; // An optional icon key.
|
|
409
421
|
sdsIconProps?: Partial<IconProps<keyof IconNameToSmallSizes>>; // Optional properties for the associated icon.
|
|
410
422
|
}
|
|
411
423
|
// (masoudmanson): Represents an autocomplete option that includes a custom React component.
|
|
@@ -437,26 +449,19 @@ interface StyleProps$0 extends CommonThemeProps {
|
|
|
437
449
|
title?: string;
|
|
438
450
|
width?: number;
|
|
439
451
|
}
|
|
440
|
-
declare const StyledPopper: import("@emotion/styled").StyledComponent<Omit<import("@mui/base").PopperProps
|
|
441
|
-
component?: import("react").ElementType<any> | undefined;
|
|
452
|
+
declare const StyledPopper: import("@emotion/styled").StyledComponent<Omit<import("@mui/base").PopperProps, "direction"> & {
|
|
453
|
+
component?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
|
|
442
454
|
components?: {
|
|
443
|
-
Root?: import("react").ElementType<any> | undefined;
|
|
455
|
+
Root?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
|
|
444
456
|
} | undefined;
|
|
445
457
|
componentsProps?: {
|
|
446
458
|
root?: import("@mui/base").SlotComponentProps<"div", import("@mui/base").PopperRootSlotPropsOverrides, import("@mui/base").PopperOwnProps> | undefined;
|
|
447
459
|
} | undefined;
|
|
448
460
|
sx?: import("@mui/material").SxProps<import("@mui/material").Theme> | undefined;
|
|
449
461
|
} & 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>> & {
|
|
462
|
+
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
463
|
ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
|
|
459
|
-
},
|
|
464
|
+
}, "className" | "style" | "classes" | "children" | "sx" | "variant" | "elevation" | "square"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
|
|
460
465
|
interface ExtraAutocompleteMultiColumnProps<T, Multiple extends boolean | undefined, DisableClearable extends boolean | undefined, FreeSolo extends boolean | undefined> extends StyleProps$0 {
|
|
461
466
|
keepSearchOnSelect?: boolean;
|
|
462
467
|
renderInput?: (params: AutocompleteRenderInputParams) => React.ReactNode;
|
|
@@ -514,19 +519,27 @@ interface ButtonIconExtraProps<ButtonIconSize extends keyof ButtonIconSizeToType
|
|
|
514
519
|
sdsType?: ButtonIconSizeToTypes[ButtonIconSize];
|
|
515
520
|
}
|
|
516
521
|
interface ButtonIconInternalProps<IconName extends keyof IconNameToSizes> {
|
|
517
|
-
|
|
522
|
+
icon: IconName | React.ReactElement<CustomSVGProps>;
|
|
523
|
+
/**
|
|
524
|
+
* @deprecated
|
|
525
|
+
* (masoudmanson): This prop is deprecated and will be removed in the next major version.
|
|
526
|
+
* Please use `icon` instead.
|
|
527
|
+
*/
|
|
528
|
+
sdsIcon?: IconName | React.ReactElement<CustomSVGProps>;
|
|
518
529
|
sdsIconProps?: Partial<IconProps<IconName>>;
|
|
519
530
|
}
|
|
520
|
-
type ButtonIconProps<IconName extends keyof IconNameToSizes, ButtonIconSize extends keyof ButtonIconSizeToTypes> = ButtonIconExtraProps<ButtonIconSize> &
|
|
531
|
+
type ButtonIconProps<IconName extends keyof IconNameToSizes, ButtonIconSize extends keyof ButtonIconSizeToTypes> = ButtonIconExtraProps<ButtonIconSize> & RawButtonIconProps & ButtonIconInternalProps<IconName>;
|
|
521
532
|
/**
|
|
522
533
|
* @see https://mui.com/material-ui/react-button/#icon-buttons
|
|
523
534
|
*/
|
|
524
|
-
declare const ButtonIcon: import("react").ForwardRefExoticComponent<
|
|
535
|
+
declare const ButtonIcon: import("react").ForwardRefExoticComponent<Omit<ButtonIconProps<keyof IconNameToSizes, keyof ButtonIconSizeToTypes>, "ref"> & import("react").RefAttributes<HTMLButtonElement | null>>;
|
|
525
536
|
interface BannerExtraProps<ButtonIconSize extends keyof ButtonIconSizeToTypes> extends CommonThemeProps {
|
|
526
537
|
sdsType: ButtonIconSizeToTypes[ButtonIconSize];
|
|
527
538
|
}
|
|
528
539
|
interface BannerProps<ButtonIconSize extends keyof ButtonIconSizeToTypes> extends BannerExtraProps<ButtonIconSize> {
|
|
529
540
|
children: React.ReactNode;
|
|
541
|
+
icon?: keyof IconNameToSizes | React.ReactElement<CustomSVGProps>;
|
|
542
|
+
sdsIconProps?: Partial<IconProps<keyof IconNameToSizes>>;
|
|
530
543
|
dismissed?: boolean;
|
|
531
544
|
dismissible?: boolean;
|
|
532
545
|
onClose?: (e: React.MouseEvent) => void;
|
|
@@ -540,46 +553,45 @@ interface SdsProps {
|
|
|
540
553
|
}
|
|
541
554
|
// (thuang): Support `component` prop
|
|
542
555
|
// https://stackoverflow.com/a/66123108
|
|
543
|
-
type ButtonProps<C extends React.ElementType = "button"> =
|
|
556
|
+
type ButtonProps<C extends React.ElementType = "button"> = RawButtonProps<C, {
|
|
544
557
|
component?: C;
|
|
545
|
-
}
|
|
558
|
+
}> & SdsProps;
|
|
546
559
|
/**
|
|
547
560
|
* @see https://mui.com/material-ui/react-button/
|
|
548
561
|
*/
|
|
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>>;
|
|
562
|
+
declare const Button: React.ForwardRefExoticComponent<Omit<ButtonProps<React.ElementType<any, keyof React.JSX.IntrinsicElements>>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
|
|
552
563
|
interface SdsProps$0 {
|
|
553
564
|
icon?: JSX.Element;
|
|
554
|
-
isRounded?: boolean;
|
|
555
565
|
sdsStyle?: "rounded" | "square";
|
|
556
566
|
sdsType?: "primary" | "secondary";
|
|
557
567
|
}
|
|
558
|
-
type ButtonDropdownProps<C extends React.ElementType = "button"> =
|
|
568
|
+
type ButtonDropdownProps<C extends React.ElementType = "button"> = RawButtonProps<C, {
|
|
559
569
|
component?: C;
|
|
560
|
-
}
|
|
570
|
+
}> & SdsProps$0;
|
|
561
571
|
/**
|
|
562
572
|
* @see https://mui.com/material-ui/react-button/
|
|
563
573
|
*/
|
|
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>>;
|
|
574
|
+
declare const ButtonDropdown: React.ForwardRefExoticComponent<Omit<ButtonDropdownProps<React.ElementType<any, keyof React.JSX.IntrinsicElements>>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
|
|
567
575
|
declare const SDS_STAGE_OPEN = "open";
|
|
568
576
|
declare const SDS_STAGE_CLOSED = "closed";
|
|
569
577
|
interface CalloutProps {
|
|
570
578
|
autoDismiss?: boolean | number;
|
|
571
579
|
dismissed?: boolean;
|
|
572
580
|
expandable?: boolean;
|
|
573
|
-
icon?: React.
|
|
581
|
+
icon?: keyof IconNameToSizes | React.ReactElement<CustomSVGProps>;
|
|
582
|
+
sdsIconProps?: Partial<IconProps<keyof IconNameToSizes>>;
|
|
574
583
|
intent: "info" | "error" | "success" | "warning";
|
|
575
584
|
sdsStage?: typeof SDS_STAGE_CLOSED | typeof SDS_STAGE_OPEN;
|
|
576
585
|
}
|
|
577
|
-
type ExposedCalloutProps =
|
|
586
|
+
type ExposedCalloutProps = AlertProps & CalloutProps;
|
|
578
587
|
/**
|
|
579
588
|
* @see https://mui.com/material-ui/react-alert/
|
|
580
589
|
*/
|
|
581
|
-
declare const Callout: ({ autoDismiss, children, dismissed, expandable, onClose, icon, intent, sdsStage, ...rest }: ExposedCalloutProps) => JSX.Element;
|
|
582
|
-
declare const CalloutTitle:
|
|
590
|
+
declare const Callout: ({ autoDismiss, children, dismissed, expandable, onClose, icon, sdsIconProps, intent, sdsStage, ...rest }: ExposedCalloutProps) => JSX.Element;
|
|
591
|
+
declare const CalloutTitle: {
|
|
592
|
+
({ children }: AlertTitleProps): JSX.Element;
|
|
593
|
+
displayName: string;
|
|
594
|
+
};
|
|
583
595
|
interface TooltipExtraProps extends CommonThemeProps {
|
|
584
596
|
// TODO(185930): remove custom `followCursor` prop when we upgrade to MUIv5
|
|
585
597
|
arrowOffset?: number;
|
|
@@ -589,7 +601,7 @@ interface TooltipExtraProps extends CommonThemeProps {
|
|
|
589
601
|
subtitle?: string;
|
|
590
602
|
width?: "default" | "wide";
|
|
591
603
|
}
|
|
592
|
-
type TooltipProps = TooltipExtraProps &
|
|
604
|
+
type TooltipProps = TooltipExtraProps & RawTooltipProps;
|
|
593
605
|
/**
|
|
594
606
|
* @see https://mui.com/material-ui/react-tooltip/
|
|
595
607
|
*
|
|
@@ -597,7 +609,7 @@ type TooltipProps = TooltipExtraProps & Omit<RawTooltipProps, "nonce" | "rev" |
|
|
|
597
609
|
* wrap the children in a `<span>` tag.
|
|
598
610
|
* https://mui.com/components/tooltips/#disabled-elements
|
|
599
611
|
*/
|
|
600
|
-
declare const Tooltip: import("react").ForwardRefExoticComponent<
|
|
612
|
+
declare const Tooltip: import("react").ForwardRefExoticComponent<Omit<TooltipProps, "ref"> & import("react").RefAttributes<unknown>>;
|
|
601
613
|
interface CellBasicExtraProps extends CommonThemeProps {
|
|
602
614
|
horizontalAlign?: "left" | "center" | "right";
|
|
603
615
|
verticalAlign?: "top" | "center" | "bottom";
|
|
@@ -607,7 +619,7 @@ interface CellBasicExtraProps extends CommonThemeProps {
|
|
|
607
619
|
secondaryTextWrapLineCount?: number;
|
|
608
620
|
tertiaryTextWrapLineCount?: number;
|
|
609
621
|
}
|
|
610
|
-
interface CellBasicContentProps extends Omit<React.HTMLProps<HTMLTableCellElement>, "as"
|
|
622
|
+
interface CellBasicContentProps extends Omit<React.HTMLProps<HTMLTableCellElement>, "as"> {
|
|
611
623
|
primaryText: string;
|
|
612
624
|
primaryTextWrapLineCount?: number;
|
|
613
625
|
secondaryText?: string;
|
|
@@ -615,7 +627,7 @@ interface CellBasicContentProps extends Omit<React.HTMLProps<HTMLTableCellElemen
|
|
|
615
627
|
tertiaryText?: string;
|
|
616
628
|
tertiaryTextWrapLineCount?: number;
|
|
617
629
|
shouldTextWrap?: boolean;
|
|
618
|
-
icon?:
|
|
630
|
+
icon?: React.ReactElement<CustomSVGProps>;
|
|
619
631
|
iconVerticalAlign?: "top" | "center" | "bottom";
|
|
620
632
|
}
|
|
621
633
|
interface CellBasicRawProps {
|
|
@@ -623,16 +635,16 @@ interface CellBasicRawProps {
|
|
|
623
635
|
tooltipProps?: Partial<TooltipProps>;
|
|
624
636
|
}
|
|
625
637
|
type CellBasicProps = CellBasicRawProps & CellBasicExtraProps & CellBasicContentProps;
|
|
626
|
-
declare const CellBasic: React.ForwardRefExoticComponent<
|
|
638
|
+
declare const CellBasic: React.ForwardRefExoticComponent<Omit<CellBasicProps, "ref"> & React.RefAttributes<HTMLTableCellElement>>;
|
|
627
639
|
interface CellComponentExtraProps extends CommonThemeProps {
|
|
628
640
|
horizontalAlign?: "left" | "center" | "right";
|
|
629
641
|
verticalAlign?: "top" | "center" | "bottom";
|
|
630
642
|
}
|
|
631
|
-
interface CellComponentContentProps extends Omit<React.HTMLProps<HTMLTableCellElement>, "as"
|
|
643
|
+
interface CellComponentContentProps extends Omit<React.HTMLProps<HTMLTableCellElement>, "as"> {
|
|
632
644
|
children?: ReactNode;
|
|
633
645
|
}
|
|
634
646
|
type CellComponentProps = CellComponentContentProps & CellComponentExtraProps;
|
|
635
|
-
declare const CellComponent: React.ForwardRefExoticComponent<
|
|
647
|
+
declare const CellComponent: React.ForwardRefExoticComponent<Omit<CellComponentProps, "ref"> & React.RefAttributes<unknown>>;
|
|
636
648
|
interface CellHeaderExtraProps extends CommonThemeProps {
|
|
637
649
|
active?: boolean;
|
|
638
650
|
horizontalAlign?: "left" | "center" | "right";
|
|
@@ -645,20 +657,20 @@ interface CellHeaderContentProps {
|
|
|
645
657
|
horizontalAlign?: "left" | "center" | "right";
|
|
646
658
|
children: React.ReactNode;
|
|
647
659
|
}
|
|
648
|
-
interface CellHeaderRawProps extends Omit<React.HTMLProps<HTMLTableCellElement>, "as"
|
|
660
|
+
interface CellHeaderRawProps extends Omit<React.HTMLProps<HTMLTableCellElement>, "as"> {
|
|
649
661
|
tooltipText?: string;
|
|
650
662
|
tooltipSubtitle?: string;
|
|
651
663
|
shouldShowTooltipOnHover?: boolean;
|
|
652
664
|
tooltipProps?: Partial<TooltipProps>;
|
|
653
665
|
}
|
|
654
666
|
type CellHeaderProps = CellHeaderRawProps & CellHeaderExtraProps & CellHeaderContentProps;
|
|
655
|
-
declare const CellHeader: React.ForwardRefExoticComponent<
|
|
667
|
+
declare const CellHeader: React.ForwardRefExoticComponent<Omit<CellHeaderProps, "ref"> & React.RefAttributes<HTMLTableCellElement>>;
|
|
656
668
|
interface ChipExtraProps extends CommonThemeProps {
|
|
657
669
|
size?: "small" | "medium";
|
|
658
670
|
status?: "success" | "error" | "warning" | "info" | "pending" | "beta";
|
|
659
671
|
isRounded?: boolean;
|
|
660
672
|
}
|
|
661
|
-
type ChipProps = ChipExtraProps &
|
|
673
|
+
type ChipProps = ChipExtraProps & RawChipProps;
|
|
662
674
|
/**
|
|
663
675
|
* @see https://mui.com/material-ui/react-chip/
|
|
664
676
|
*/
|
|
@@ -670,26 +682,19 @@ interface StyleProps$1 extends CommonThemeProps {
|
|
|
670
682
|
title?: string;
|
|
671
683
|
isMultiColumn?: boolean;
|
|
672
684
|
}
|
|
673
|
-
declare const StyledPopper$1: import("@emotion/styled").StyledComponent<Omit<import("@mui/base").PopperProps
|
|
674
|
-
component?: import("react").ElementType<any> | undefined;
|
|
685
|
+
declare const StyledPopper$1: import("@emotion/styled").StyledComponent<Omit<import("@mui/base").PopperProps, "direction"> & {
|
|
686
|
+
component?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
|
|
675
687
|
components?: {
|
|
676
|
-
Root?: import("react").ElementType<any> | undefined;
|
|
688
|
+
Root?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
|
|
677
689
|
} | undefined;
|
|
678
690
|
componentsProps?: {
|
|
679
691
|
root?: import("@mui/base").SlotComponentProps<"div", import("@mui/base").PopperRootSlotPropsOverrides, import("@mui/base").PopperOwnProps> | undefined;
|
|
680
692
|
} | undefined;
|
|
681
693
|
sx?: import("@mui/material").SxProps<import("@mui/material").Theme> | undefined;
|
|
682
694
|
} & 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>> & {
|
|
695
|
+
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
696
|
ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
|
|
692
|
-
},
|
|
697
|
+
}, "className" | "style" | "classes" | "children" | "sx" | "variant" | "elevation" | "square"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & StyleProps$1, {}, {}>;
|
|
693
698
|
/**
|
|
694
699
|
* @deprecated
|
|
695
700
|
* (masoudmanson): We've replaced DefaultDropdownMenuOption with DefaultAutocompleteOption
|
|
@@ -717,7 +722,7 @@ interface ExtraDropdownMenuProps extends StyleProps$1 {
|
|
|
717
722
|
ClickAwayListenerProps?: Partial<MUIClickAwayListenerProps>;
|
|
718
723
|
width?: number;
|
|
719
724
|
}
|
|
720
|
-
type CustomAutocompleteProps$1<T, Multiple extends boolean | undefined, DisableClearable extends boolean | undefined, FreeSolo extends boolean | undefined> = Omit<AutocompleteProps<T, Multiple, DisableClearable, FreeSolo>, "renderInput"
|
|
725
|
+
type CustomAutocompleteProps$1<T, Multiple extends boolean | undefined, DisableClearable extends boolean | undefined, FreeSolo extends boolean | undefined> = Omit<AutocompleteProps<T, Multiple, DisableClearable, FreeSolo>, "renderInput">;
|
|
721
726
|
type DropdownMenuProps<T, Multiple extends boolean | undefined, DisableClearable extends boolean | undefined, FreeSolo extends boolean | undefined> = CustomAutocompleteProps$1<T, Multiple, DisableClearable, FreeSolo> & ExtraDropdownMenuProps;
|
|
722
727
|
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
728
|
interface InputDropdownProps extends CommonThemeProps {
|
|
@@ -756,15 +761,14 @@ interface ComplexFilterProps<T extends DefaultAutocompleteOption, Multiple exten
|
|
|
756
761
|
className?: string;
|
|
757
762
|
PopperComponent?: typeof StyledPopper$1;
|
|
758
763
|
InputDropdownComponent?: typeof InputDropdown;
|
|
759
|
-
isTriggerChangeOnOptionClick?: boolean;
|
|
760
764
|
}
|
|
761
765
|
// eslint-disable-next-line sonarjs/cognitive-complexity
|
|
762
766
|
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 =
|
|
767
|
+
type DialogPaperProps = PaperProps;
|
|
764
768
|
/**
|
|
765
769
|
* @see https://mui.com/material-ui/react-paper/
|
|
766
770
|
*/
|
|
767
|
-
declare const DialogPaper: import("react").ForwardRefExoticComponent<
|
|
771
|
+
declare const DialogPaper: import("react").ForwardRefExoticComponent<Omit<DialogPaperProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
|
|
768
772
|
type SdsSize = "xs" | "s" | "m" | "l";
|
|
769
773
|
declare const DialogContext: import("react").Context<{
|
|
770
774
|
sdsSize: SdsSize;
|
|
@@ -776,49 +780,29 @@ interface DialogExtraProps {
|
|
|
776
780
|
PaperComponent?: ComponentType<DialogPaperProps>;
|
|
777
781
|
DialogComponent?: ComponentType<RawDialogProps>;
|
|
778
782
|
}
|
|
779
|
-
type DialogProps =
|
|
783
|
+
type DialogProps = RawDialogProps & DialogExtraProps;
|
|
780
784
|
/**
|
|
781
785
|
* @see https://mui.com/material-ui/react-dialog/
|
|
782
786
|
*/
|
|
783
|
-
declare const Dialog: React.ForwardRefExoticComponent<
|
|
787
|
+
declare const Dialog: React.ForwardRefExoticComponent<Omit<DialogProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
784
788
|
interface DialogActionsExtraProps extends CommonThemeProps {
|
|
785
789
|
buttonPosition?: "left" | "right";
|
|
786
790
|
}
|
|
787
|
-
type DialogActionsProps = DialogActionsExtraProps &
|
|
791
|
+
type DialogActionsProps = DialogActionsExtraProps & RawDialogActionsProps;
|
|
788
792
|
/**
|
|
789
793
|
* @see https://mui.com/material-ui/react-dialog/
|
|
790
794
|
*/
|
|
791
|
-
declare const DialogActions: import("react").ForwardRefExoticComponent<
|
|
792
|
-
type DialogContentProps =
|
|
793
|
-
declare const _default: import("react").ForwardRefExoticComponent<
|
|
795
|
+
declare const DialogActions: import("react").ForwardRefExoticComponent<Omit<DialogActionsProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
|
|
796
|
+
type DialogContentProps = RawDialogContentProps;
|
|
797
|
+
declare const _default: import("react").ForwardRefExoticComponent<Omit<RawDialogContentProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
|
|
794
798
|
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>> & {
|
|
799
|
+
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
800
|
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>> & {
|
|
801
|
+
}, "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, {}, {}>;
|
|
802
|
+
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
803
|
ref?: ((instance: HTMLSpanElement | null) => void) | import("react").RefObject<HTMLSpanElement> | null | undefined;
|
|
820
|
-
},
|
|
821
|
-
interface DialogTitleProps extends DialogTitleExtraProps,
|
|
804
|
+
}, "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, {}, {}>;
|
|
805
|
+
interface DialogTitleProps extends DialogTitleExtraProps, RawDialogTitleProps {
|
|
822
806
|
title?: string;
|
|
823
807
|
subtitle?: string;
|
|
824
808
|
onClose?: () => void;
|
|
@@ -826,7 +810,7 @@ interface DialogTitleProps extends DialogTitleExtraProps, Omit<RawDialogTitlePro
|
|
|
826
810
|
/**
|
|
827
811
|
* @see https://mui.com/material-ui/react-dialog/
|
|
828
812
|
*/
|
|
829
|
-
declare const DialogTitle: import("react").ForwardRefExoticComponent<
|
|
813
|
+
declare const DialogTitle: import("react").ForwardRefExoticComponent<Omit<DialogTitleProps, "ref"> & import("react").RefAttributes<HTMLHeadingElement>>;
|
|
830
814
|
type SdsDropdownMenuProps = DropdownMenuProps;
|
|
831
815
|
type InputDropdownPropsType$0 = InputDropdownProps$0;
|
|
832
816
|
interface ExtraDropdownProps<T, Multiple extends boolean | undefined, DisableClearable extends boolean | undefined, FreeSolo extends boolean | undefined> {
|
|
@@ -845,14 +829,14 @@ interface ExtraDropdownProps<T, Multiple extends boolean | undefined, DisableCle
|
|
|
845
829
|
InputDropdownComponent?: typeof InputDropdown;
|
|
846
830
|
isTriggerChangeOnOptionClick?: boolean;
|
|
847
831
|
}
|
|
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"
|
|
832
|
+
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
833
|
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
834
|
// eslint-disable-next-line sonarjs/cognitive-complexity
|
|
851
835
|
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
836
|
interface CheckboxExtraProps extends CommonThemeProps {
|
|
853
837
|
caption?: string;
|
|
854
838
|
}
|
|
855
|
-
interface CheckboxContentProps extends Omit<MUICheckboxProps, "color" | "defaultChecked" | "indeterminate"
|
|
839
|
+
interface CheckboxContentProps extends Omit<MUICheckboxProps, "color" | "defaultChecked" | "indeterminate"> {
|
|
856
840
|
checkboxProps?: Partial<MUICheckboxProps>;
|
|
857
841
|
label?: string;
|
|
858
842
|
stage?: "checked" | "unchecked" | "indeterminate";
|
|
@@ -865,7 +849,7 @@ declare const InputCheckbox: (props: CheckboxProps) => JSX.Element;
|
|
|
865
849
|
interface RadioExtraProps extends CommonThemeProps {
|
|
866
850
|
caption?: string;
|
|
867
851
|
}
|
|
868
|
-
interface RadioContentProps extends Omit<MUIRadioProps, "color" | "defaultChecked"
|
|
852
|
+
interface RadioContentProps extends Omit<MUIRadioProps, "color" | "defaultChecked"> {
|
|
869
853
|
label?: string;
|
|
870
854
|
radioProps?: Partial<MUIRadioProps>;
|
|
871
855
|
stage?: "checked" | "unchecked";
|
|
@@ -882,7 +866,7 @@ type InputSliderProps = InputSliderExtraProps;
|
|
|
882
866
|
/**
|
|
883
867
|
* @see https://mui.com/material-ui/react-slider/
|
|
884
868
|
*/
|
|
885
|
-
declare const InputSlider: import("react").ForwardRefExoticComponent<
|
|
869
|
+
declare const InputSlider: import("react").ForwardRefExoticComponent<Omit<InputSliderExtraProps, "ref"> & import("react").RefAttributes<HTMLSpanElement>>;
|
|
886
870
|
interface InputTextExtraProps extends CommonThemeProps {
|
|
887
871
|
disabled?: boolean;
|
|
888
872
|
intent?: "default" | "error" | "warning";
|
|
@@ -895,12 +879,12 @@ interface AccessibleInputTextProps {
|
|
|
895
879
|
placeholder?: string;
|
|
896
880
|
id: string;
|
|
897
881
|
}
|
|
898
|
-
type InputTextProps =
|
|
882
|
+
type InputTextProps = RawTextFieldProps & InputTextExtraProps & AccessibleInputTextProps;
|
|
899
883
|
/**
|
|
900
884
|
* @see https://mui.com/material-ui/react-text-field/
|
|
901
885
|
*/
|
|
902
|
-
declare const InputText: import("react").ForwardRefExoticComponent<
|
|
903
|
-
interface InputToggleExtraProps extends
|
|
886
|
+
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>>;
|
|
887
|
+
interface InputToggleExtraProps extends SwitchProps, CommonThemeProps {
|
|
904
888
|
offLabel?: string;
|
|
905
889
|
onChange?(e: React.ChangeEvent): void;
|
|
906
890
|
onLabel?: string;
|
|
@@ -908,7 +892,7 @@ interface InputToggleExtraProps extends Omit<SwitchProps, "nonce" | "rev" | "rel
|
|
|
908
892
|
/**
|
|
909
893
|
* @see https://mui.com/material-ui/react-switch/
|
|
910
894
|
*/
|
|
911
|
-
declare const InputToggle: (props: InputToggleExtraProps) => JSX.Element;
|
|
895
|
+
declare const InputToggle: (props: InputToggleExtraProps) => import("react/jsx-runtime").JSX.Element;
|
|
912
896
|
type StyleProps$2 = CommonThemeProps;
|
|
913
897
|
// (thuang): Support `component` prop
|
|
914
898
|
// https://stackoverflow.com/a/66123108
|
|
@@ -918,17 +902,17 @@ type LinkProps<C extends React.ElementType = "a"> = RawLinkProps<C, {
|
|
|
918
902
|
sdsStyle?: "default" | "dashed";
|
|
919
903
|
};
|
|
920
904
|
type RawLinkProps$0 = LinkProps;
|
|
921
|
-
type LinkProps$0<C extends React.ElementType = "a"> =
|
|
905
|
+
type LinkProps$0<C extends React.ElementType = "a"> = RawLinkProps$0<C>;
|
|
922
906
|
/**
|
|
923
907
|
* @see https://mui.com/material-ui/react-link/
|
|
924
908
|
*/
|
|
925
|
-
declare const Link: React.ForwardRefExoticComponent<
|
|
909
|
+
declare const Link: React.ForwardRefExoticComponent<Omit<LinkProps$0<React.ElementType<any, keyof React.JSX.IntrinsicElements>>, "ref"> & React.RefAttributes<HTMLAnchorElement>>;
|
|
926
910
|
interface ListExtraProps extends CommonThemeProps {
|
|
927
911
|
component?: unknown;
|
|
928
912
|
marginBottom?: "xxxs" | "xxs" | "xs" | "s" | "m" | "l";
|
|
929
913
|
ordered?: boolean;
|
|
930
914
|
}
|
|
931
|
-
type ListProps = ListExtraProps &
|
|
915
|
+
type ListProps = ListExtraProps & RawListProps;
|
|
932
916
|
/**
|
|
933
917
|
* @see https://mui.com/material-ui/react-list/
|
|
934
918
|
*/
|
|
@@ -939,12 +923,12 @@ interface ListItemExtraProps extends CommonThemeProps {
|
|
|
939
923
|
ordered?: boolean;
|
|
940
924
|
}
|
|
941
925
|
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 =
|
|
926
|
+
type ListItemProps = RawListItemProps & ListItemExtraProps;
|
|
943
927
|
/**
|
|
944
928
|
* @see https://mui.com/material-ui/react-list/
|
|
945
929
|
*/
|
|
946
930
|
declare const ListItem: (props: ListItemProps) => JSX.Element;
|
|
947
|
-
type ListSubheaderProps =
|
|
931
|
+
type ListSubheaderProps = RawListSubheaderProps;
|
|
948
932
|
/**
|
|
949
933
|
* @see https://mui.com/material-ui/react-list/
|
|
950
934
|
*/
|
|
@@ -953,11 +937,11 @@ interface LoadingIndicatorProps extends CommonThemeProps {
|
|
|
953
937
|
sdsStyle: "minimal" | "tag";
|
|
954
938
|
}
|
|
955
939
|
type RawLoadingIndicatorProps = LoadingIndicatorProps;
|
|
956
|
-
type LoadingIndicatorProps$0 =
|
|
940
|
+
type LoadingIndicatorProps$0 = RawLoadingIndicatorProps & {
|
|
957
941
|
"aria-label"?: string;
|
|
958
942
|
};
|
|
959
943
|
declare const LoadingIndicator: ({ "aria-label": ariaLabel, sdsStyle }: LoadingIndicatorProps$0) => JSX.Element;
|
|
960
|
-
type MenuProps =
|
|
944
|
+
type MenuProps = RawMenuProps;
|
|
961
945
|
/**
|
|
962
946
|
* @see https://mui.com/material-ui/react-menu/
|
|
963
947
|
*/
|
|
@@ -974,7 +958,7 @@ interface MenuSelectExtraProps extends StyleProps$3 {
|
|
|
974
958
|
renderInput?: (params: AutocompleteRenderInputParams) => React.ReactNode;
|
|
975
959
|
InputBaseProps?: Partial<InputSearchProps>;
|
|
976
960
|
}
|
|
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"
|
|
961
|
+
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
962
|
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
963
|
/**
|
|
980
964
|
* @see https://mui.com/material-ui/react-autocomplete/
|
|
@@ -992,7 +976,7 @@ interface NavigationJumpToProps extends NavigationJumpToExtraProps {
|
|
|
992
976
|
offsetTop?: number;
|
|
993
977
|
onChange?: (value: number) => void;
|
|
994
978
|
}
|
|
995
|
-
declare const NavigationJumpTo: React.ForwardRefExoticComponent<
|
|
979
|
+
declare const NavigationJumpTo: React.ForwardRefExoticComponent<Omit<NavigationJumpToProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
996
980
|
interface NotificationProps {
|
|
997
981
|
autoDismiss?: boolean | number;
|
|
998
982
|
buttonOnClick?: (event: React.SyntheticEvent) => void;
|
|
@@ -1001,12 +985,14 @@ interface NotificationProps {
|
|
|
1001
985
|
slideDirection: "left" | "right";
|
|
1002
986
|
extraContent?: boolean;
|
|
1003
987
|
intent: "info" | "error" | "success" | "warning";
|
|
988
|
+
icon?: keyof IconNameToSizes | React.ReactElement<CustomSVGProps>;
|
|
989
|
+
sdsIconProps?: Partial<IconProps<keyof IconNameToSizes>>;
|
|
1004
990
|
}
|
|
1005
|
-
type ExposedNotificationProps =
|
|
991
|
+
type ExposedNotificationProps = AlertProps & NotificationProps;
|
|
1006
992
|
/**
|
|
1007
993
|
* @see https://mui.com/material-ui/react-alert/
|
|
1008
994
|
*/
|
|
1009
|
-
declare const Notification: ({ autoDismiss, children, dismissed, slideDirection, intent, onClose, buttonOnClick, buttonText, ...rest }: ExposedNotificationProps) => JSX.Element;
|
|
995
|
+
declare const Notification: ({ autoDismiss, children, dismissed, slideDirection, intent, onClose, buttonOnClick, buttonText, icon, sdsIconProps, ...rest }: ExposedNotificationProps) => JSX.Element;
|
|
1010
996
|
interface PaginationExtraProps extends CommonThemeProps {
|
|
1011
997
|
sdsStyle?: "round" | "square";
|
|
1012
998
|
disabled?: boolean;
|
|
@@ -1028,10 +1014,10 @@ declare const Pagination: import("react").ForwardRefExoticComponent<PaginationEx
|
|
|
1028
1014
|
// one prop is array of objects: with icon name and tooltip text. They need to make
|
|
1029
1015
|
// first item in array first button, etc
|
|
1030
1016
|
interface SingleButtonDefinition {
|
|
1031
|
-
|
|
1017
|
+
icon: keyof IconNameToSizes | React.ReactElement<CustomSVGProps>;
|
|
1032
1018
|
tooltipText: string;
|
|
1033
1019
|
}
|
|
1034
|
-
interface SegmentedControlExtraProps extends Omit<ToggleButtonGroupProps, "color"
|
|
1020
|
+
interface SegmentedControlExtraProps extends Omit<ToggleButtonGroupProps, "color"> {
|
|
1035
1021
|
buttonDefinition: SingleButtonDefinition[];
|
|
1036
1022
|
color?: "primary" | "secondary" | "standard" | "success" | "error" | "info" | "warning" | undefined;
|
|
1037
1023
|
}
|
|
@@ -1039,7 +1025,7 @@ interface SegmentedControlExtraProps extends Omit<ToggleButtonGroupProps, "color
|
|
|
1039
1025
|
* @see https://mui.com/material-ui/react-toggle-button/
|
|
1040
1026
|
*/
|
|
1041
1027
|
type SegmentedControlProps = SegmentedControlExtraProps & ToggleButtonGroupProps;
|
|
1042
|
-
declare const SegmentedControl: (props: SegmentedControlProps) => JSX.Element;
|
|
1028
|
+
declare const SegmentedControl: (props: SegmentedControlProps) => import("react/jsx-runtime").JSX.Element;
|
|
1043
1029
|
interface SdsTableProps {
|
|
1044
1030
|
children: React.ReactNode;
|
|
1045
1031
|
}
|
|
@@ -1064,19 +1050,19 @@ interface RowRawProps {
|
|
|
1064
1050
|
tooltipProps?: Partial<TooltipProps>;
|
|
1065
1051
|
}
|
|
1066
1052
|
type TableRowProps = RowRawProps & RowExtraProps;
|
|
1067
|
-
declare const TableRow: React.ForwardRefExoticComponent<
|
|
1053
|
+
declare const TableRow: React.ForwardRefExoticComponent<Omit<TableRowProps, "ref"> & React.RefAttributes<HTMLTableRowElement>>;
|
|
1068
1054
|
type TabsProps$0 = Omit<RawTabsProps, "nonce" | "rev" | "rel" | "autoFocus" | "content"> & {
|
|
1069
1055
|
underlined?: boolean;
|
|
1070
1056
|
sdsSize?: "small" | "large";
|
|
1071
1057
|
};
|
|
1072
|
-
declare const Tabs: React.ForwardRefExoticComponent<
|
|
1073
|
-
interface TabProps$0 extends
|
|
1058
|
+
declare const Tabs: React.ForwardRefExoticComponent<Omit<TabsProps$0, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
1059
|
+
interface TabProps$0 extends RawTabProps {
|
|
1074
1060
|
count?: ReactNode;
|
|
1075
1061
|
}
|
|
1076
1062
|
/**
|
|
1077
1063
|
* @see https://mui.com/material-ui/react-tabs/
|
|
1078
1064
|
*/
|
|
1079
|
-
declare const Tab: React.ForwardRefExoticComponent<
|
|
1065
|
+
declare const Tab: React.ForwardRefExoticComponent<Omit<TabProps$0, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
1080
1066
|
type SdsTagColorType = "primary" | "info" | "success" | "warning" | "error" | "gray" | "beta" | [
|
|
1081
1067
|
string,
|
|
1082
1068
|
string
|
|
@@ -1092,7 +1078,7 @@ interface ExtraTagProps extends CommonThemeProps {
|
|
|
1092
1078
|
tagColor?: SdsTagColorType;
|
|
1093
1079
|
icon?: JSX.Element;
|
|
1094
1080
|
}
|
|
1095
|
-
interface SdsTagProps extends Omit<ChipProps$0, "color"
|
|
1081
|
+
interface SdsTagProps extends Omit<ChipProps$0, "color"> {
|
|
1096
1082
|
label: string;
|
|
1097
1083
|
color?: SdsTagColorType;
|
|
1098
1084
|
}
|
|
@@ -1105,8 +1091,9 @@ type TagProps = SdsTagProps & ExtraTagProps;
|
|
|
1105
1091
|
* [string, string, string] - applies custom colors for [font, background, icon]
|
|
1106
1092
|
*/
|
|
1107
1093
|
declare const Tag: (props: TagProps) => JSX.Element;
|
|
1108
|
-
interface SdsTagFilterProps extends Omit<ChipProps$0, "color" | "variant"
|
|
1094
|
+
interface SdsTagFilterProps extends Omit<ChipProps$0, "color" | "variant"> {
|
|
1109
1095
|
label: string;
|
|
1096
|
+
// eslint-disable-next-line @typescript-eslint/no-explicit-any
|
|
1110
1097
|
onDelete: React.EventHandler<any>;
|
|
1111
1098
|
}
|
|
1112
1099
|
type TagFilterProps = SdsTagFilterProps;
|
|
@@ -1118,7 +1105,7 @@ interface TooltipCondensedExtraProps extends CommonThemeProps {
|
|
|
1118
1105
|
indicator?: boolean;
|
|
1119
1106
|
indicatorColor?: string;
|
|
1120
1107
|
}
|
|
1121
|
-
type TooltipCondensedProps =
|
|
1108
|
+
type TooltipCondensedProps = TooltipProps & TooltipCondensedExtraProps;
|
|
1122
1109
|
/**
|
|
1123
1110
|
* @see https://mui.com/material-ui/react-tooltip/
|
|
1124
1111
|
*
|
|
@@ -1126,7 +1113,7 @@ type TooltipCondensedProps = Omit<TooltipProps, "nonce" | "rev" | "rel" | "autoF
|
|
|
1126
1113
|
* wrap the children in a `<span>` tag.
|
|
1127
1114
|
* https://mui.com/components/tooltips/#disabled-elements
|
|
1128
1115
|
*/
|
|
1129
|
-
declare const TooltipCondensed: import("react").ForwardRefExoticComponent<
|
|
1116
|
+
declare const TooltipCondensed: import("react").ForwardRefExoticComponent<Omit<TooltipCondensedProps, "ref"> & import("react").RefAttributes<unknown>>;
|
|
1130
1117
|
interface TooltipTableExtraProps extends CommonThemeProps {
|
|
1131
1118
|
data?: Array<{
|
|
1132
1119
|
label?: string;
|
|
@@ -1144,5 +1131,5 @@ type TooltipTableContentProps = TooltipTableExtraProps;
|
|
|
1144
1131
|
* @see https://mui.com/material-ui/react-table/
|
|
1145
1132
|
*/
|
|
1146
1133
|
declare const TooltipTableContent: (props: TooltipTableContentProps) => JSX.Element;
|
|
1147
|
-
export { AccordionDetails, AccordionHeader, AccordionProps, Accordion,
|
|
1134
|
+
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, SingleButtonDefinition, SegmentedControlProps, SegmentedControl, SdsTableProps, TableProps, Table, TableHeaderProps, TableHeader, TableRowProps, TableRow, Tabs, TabProps$0 as TabProps, Tab, SdsTagProps, TagProps, Tag, SdsTagFilterProps, TagFilterProps, TagFilter, Tooltip, TooltipCondensedProps, TooltipCondensed, TooltipTableContent, TooltipTableContent as TooltipTable, 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
1135
|
export type { AutocompleteBaseProps, AutocompleteMultiColumnProps, AutocompleteOptionBasic, AutocompleteOptionComponent, DefaultAutocompleteOption, ButtonIconProps, ButtonIconSizeToTypes, ChipProps, IconNameToSizes, InputToggleExtraProps as InputToggleProps, TabsProps$0 as TabsProps, SdsTagColorType, TooltipProps, TooltipTableContentProps };
|