td-stylekit 28.5.1 → 28.5.2
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/CHANGELOG.md +7 -0
- package/dist/es/ActionBar/ActionBar.d.ts +1 -1
- package/dist/es/ActionBar/components/ActionMenu.d.ts +1 -1
- package/dist/es/ActionBar/components/Prefix.d.ts +1 -1
- package/dist/es/ActionBar/types.d.ts +5 -5
- package/dist/es/Badge/Badge.d.ts +1 -1
- package/dist/es/BarChart/BarChart.d.ts +3 -3
- package/dist/es/Box/Box.d.ts +1 -1
- package/dist/es/Button/Button.d.ts +1 -1
- package/dist/es/Canvas/Canvas.d.ts +2 -2
- package/dist/es/Canvas/elements.d.ts +1 -1
- package/dist/es/ChartPrimitives/ChartLegend.d.ts +1 -1
- package/dist/es/ChartPrimitives/Container.d.ts +1 -1
- package/dist/es/ChartPrimitives/Tooltip.d.ts +3 -3
- package/dist/es/ChartPrimitives/utils.d.ts +2 -2
- package/dist/es/Checkbox/Checkbox.d.ts +1 -1
- package/dist/es/CheckboxField/CheckboxField.d.ts +1 -1
- package/dist/es/CollapsibleToggle/CollapsibleToggle.d.ts +1 -1
- package/dist/es/ColorPicker/ColorPicker.d.ts +1 -1
- package/dist/es/ColorPicker/types.d.ts +1 -1
- package/dist/es/Column/Column.d.ts +2 -2
- package/dist/es/ComparisonChart/ComparisonChart.d.ts +3 -3
- package/dist/es/ComponentGroup/ComponentGroup.d.ts +1 -1
- package/dist/es/DataGrid/DataGrid.d.ts +8 -8
- package/dist/es/DataGrid/components/BasicColumn.d.ts +2 -2
- package/dist/es/DataGrid/components/CollapsibleCell.d.ts +3 -3
- package/dist/es/DataGrid/components/ColumnHeader.d.ts +2 -2
- package/dist/es/DataGrid/components/ColumnHeaderActions.d.ts +2 -2
- package/dist/es/DataGrid/components/FocusableRow.d.ts +1 -1
- package/dist/es/DataGrid/components/ScrollableTable.d.ts +2 -2
- package/dist/es/DataGrid/constants.d.ts +1 -1
- package/dist/es/DataGrid/elements.d.ts +6 -6
- package/dist/es/DataGrid/types.d.ts +3 -3
- package/dist/es/DateControl/DateControl.d.ts +1 -1
- package/dist/es/DateField/DateField.d.ts +2 -2
- package/dist/es/DatePicker/DatePicker.d.ts +1 -1
- package/dist/es/DatePicker/utils.d.ts +1 -1
- package/dist/es/DetailPanel/DetailPanel.d.ts +2 -2
- package/dist/es/DetailPanel/elements.d.ts +1 -1
- package/dist/es/DistributionChart/DistributionChart.d.ts +1 -1
- package/dist/es/Drawer/Drawer.d.ts +2 -2
- package/dist/es/Drawer/elements.d.ts +1 -1
- package/dist/es/DropdownButton/DropdownButton.d.ts +2 -2
- package/dist/es/DropdownButton/DropdownButtonElements.d.ts +1 -1
- package/dist/es/FileInput/FileInput.d.ts +1 -1
- package/dist/es/FormControl/FormControl.d.ts +7 -7
- package/dist/es/FormControl/FormControl.js +14 -5
- package/dist/es/FormControl/components/CheckboxGroup.d.ts +1 -1
- package/dist/es/FormControl/components/RadioGroup.d.ts +1 -1
- package/dist/es/FormField/FormField.d.ts +6 -6
- package/dist/es/FormFieldAddon/FormFieldAddon.d.ts +5 -5
- package/dist/es/FormFieldAddon/types.d.ts +1 -1
- package/dist/es/FormLabel/FormLabel.d.ts +1 -1
- package/dist/es/FormModal/FormModal.d.ts +2 -2
- package/dist/es/Google/Google.d.ts +1 -1
- package/dist/es/Grid/Grid.d.ts +1 -1
- package/dist/es/Grid/GridItem.d.ts +1 -1
- package/dist/es/GrowthRateChart/GrowthRateChart.d.ts +1 -1
- package/dist/es/Heading/Heading.d.ts +1 -1
- package/dist/es/Highlighter/Highlighter.d.ts +1 -1
- package/dist/es/Histogram/Histogram.d.ts +3 -3
- package/dist/es/Icon/Icon.d.ts +1 -1
- package/dist/es/Icon/staticTypes.d.ts +1 -1
- package/dist/es/IconBar/IconBar.d.ts +1 -1
- package/dist/es/IconBar/IconBar.js +4 -3
- package/dist/es/IconBar/IconItem.d.ts +2 -2
- package/dist/es/IconBar/LogoItem.d.ts +1 -1
- package/dist/es/IconBar/LogoItem.js +1 -0
- package/dist/es/IconBar/types.d.ts +1 -1
- package/dist/es/IconBar/variants.d.ts +5 -5
- package/dist/es/InfiniteList/InfiniteList.d.ts +1 -1
- package/dist/es/Input/Input.d.ts +8 -8
- package/dist/es/Link/Link.d.ts +1 -1
- package/dist/es/Loader/Loader.d.ts +1 -1
- package/dist/es/Loader/LoaderDiamond.d.ts +1 -1
- package/dist/es/Logo/types.d.ts +2 -2
- package/dist/es/Menu/Menu.d.ts +3 -3
- package/dist/es/Menu/MenuElements.d.ts +1 -1
- package/dist/es/MiddleTruncatedText/MiddleTruncatedText.d.ts +1 -1
- package/dist/es/Modal/Modal.d.ts +2 -2
- package/dist/es/Modal/components/Body.d.ts +1 -1
- package/dist/es/Modal/components/Flyout.d.ts +1 -1
- package/dist/es/Modal/components/Footer.d.ts +2 -2
- package/dist/es/Modal/components/FooterConfirmation.d.ts +1 -1
- package/dist/es/Modal/components/MenuBody.d.ts +4 -4
- package/dist/es/Modal/components/ModalMessage.d.ts +1 -1
- package/dist/es/Modal/components/ModalOverlay.d.ts +1 -1
- package/dist/es/Modal/context.d.ts +1 -1
- package/dist/es/Modal/types.d.ts +1 -1
- package/dist/es/MultiSelect/MultiSelect.d.ts +3 -3
- package/dist/es/MultiSelect/elements.d.ts +1 -1
- package/dist/es/NavigationBar/LogoItem.d.ts +1 -1
- package/dist/es/NavigationBar/NavigationBar.d.ts +2 -2
- package/dist/es/NavigationBar/NavigationItem.d.ts +2 -2
- package/dist/es/NavigationPopover/NavigationPopover.d.ts +1 -1
- package/dist/es/Overlay/Overlay.d.ts +1 -1
- package/dist/es/Overlay/OverlayHeader.d.ts +1 -1
- package/dist/es/Paragraph/Paragraph.d.ts +1 -1
- package/dist/es/PieChart/PieChart.d.ts +2 -2
- package/dist/es/Popover/Popover.d.ts +2 -2
- package/dist/es/PositiveNegativeBarChart/PositiveNegativeBarChart.d.ts +2 -2
- package/dist/es/Radio/Radio.d.ts +1 -1
- package/dist/es/RatioPieChart/RatioPieChart.d.ts +1 -1
- package/dist/es/RightTruncatedText/RightTruncatedText.d.ts +1 -1
- package/dist/es/Row/Row.d.ts +1 -1
- package/dist/es/SecondaryNavigation/SecondaryNavigation.d.ts +1 -1
- package/dist/es/SecondaryNavigation/elements/Item.d.ts +1 -1
- package/dist/es/SecondaryNavigation/elements/Section.d.ts +1 -1
- package/dist/es/Section/Section.d.ts +2 -2
- package/dist/es/Select/Select.d.ts +3 -3
- package/dist/es/Select/components/CreatableSelect.d.ts +1 -1
- package/dist/es/Select/components/MenuList.d.ts +1 -1
- package/dist/es/Select/components/MenuPortal.d.ts +1 -1
- package/dist/es/Select/components/OptionTypes.d.ts +5 -5
- package/dist/es/Select/types.d.ts +4 -4
- package/dist/es/Select/utils.d.ts +2 -2
- package/dist/es/Select/variantProps.d.ts +2 -2
- package/dist/es/Shuttle/Shuttle.d.ts +4 -4
- package/dist/es/SimpleModal/SimpleModal.d.ts +1 -1
- package/dist/es/Slider/Slider.d.ts +1 -1
- package/dist/es/StatCard/StatCard.d.ts +1 -1
- package/dist/es/Tabs/Tabs.d.ts +2 -2
- package/dist/es/Tagger/Tagger.d.ts +1 -1
- package/dist/es/Tagger/components/PopupSelector.d.ts +7 -7
- package/dist/es/Tagger/types.d.ts +4 -4
- package/dist/es/Tagger/variantProps.d.ts +2 -2
- package/dist/es/Text/Text.d.ts +1 -1
- package/dist/es/ThemeProvider/accessibility.d.ts +1 -1
- package/dist/es/ThemeProvider/types.d.ts +7 -7
- package/dist/es/ThemeProvider/v4/Color.d.ts +1 -1
- package/dist/es/ThemeProvider/v4/Input.d.ts +1 -1
- package/dist/es/TimeControl/TimeControl.d.ts +1 -1
- package/dist/es/TimeField/TimeField.d.ts +1 -1
- package/dist/es/TimePicker/TimePicker.d.ts +1 -1
- package/dist/es/TimePicker/components/PeriodSelector.d.ts +1 -1
- package/dist/es/TimePicker/components/Spinner.d.ts +1 -1
- package/dist/es/TimePicker/utils.d.ts +3 -3
- package/dist/es/Toast/Toast.d.ts +1 -1
- package/dist/es/Toast/Toast.js +9 -2
- package/dist/es/Toggle/Toggle.d.ts +2 -2
- package/dist/es/Toggle/Toggle.js +5 -3
- package/dist/es/TooltipPopover/TooltipPopover.d.ts +4 -4
- package/dist/es/TooltipPopover/useWaitForDOMRef.d.ts +2 -2
- package/dist/es/Tree/NodeContent.d.ts +1 -1
- package/dist/es/Tree/NodeContextMenu.d.ts +2 -2
- package/dist/es/Tree/Tree.d.ts +1 -1
- package/dist/es/UserAvatar/UserAvatar.d.ts +1 -1
- package/dist/es/UserAvatar/UserAvatar.js +5 -3
- package/dist/es/View/View.d.ts +1 -1
- package/dist/es/VisuallyHidden/VisuallyHidden.d.ts +1 -1
- package/dist/es/VolumeChart/VolumeChart.d.ts +1 -1
- package/dist/es/mixins/border.d.ts +2 -2
- package/dist/es/mixins/color.d.ts +1 -1
- package/dist/es/mixins/spacing.d.ts +1 -1
- package/dist/es/types/index.d.ts +1 -1
- package/dist/es/utils/CloseWrapper.d.ts +1 -1
- package/dist/es/utils/css.d.ts +1 -1
- package/package.json +2 -2
package/dist/es/Modal/Modal.d.ts
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { Body, Footer, FooterConfirmation, ModalMessage, Flyout } from './components';
|
|
2
2
|
import type { DialogOverlayProps } from '@reach/dialog';
|
|
3
3
|
import React, { Component } from 'react';
|
|
4
|
-
export
|
|
4
|
+
export type ModalProps = {
|
|
5
5
|
backdrop?: boolean;
|
|
6
6
|
children: React.ReactNode;
|
|
7
7
|
dialogIdentifier?: string;
|
|
@@ -14,7 +14,7 @@ export declare type ModalProps = {
|
|
|
14
14
|
size: string;
|
|
15
15
|
flyout?: React.ReactNode;
|
|
16
16
|
} & DialogOverlayProps;
|
|
17
|
-
|
|
17
|
+
type ModalState = {
|
|
18
18
|
pageInstrumentation: string;
|
|
19
19
|
};
|
|
20
20
|
export declare class Modal extends Component<ModalProps, ModalState> {
|
|
@@ -3,7 +3,7 @@ export declare const Container: import("@emotion/styled").StyledComponent<{
|
|
|
3
3
|
theme?: import("@emotion/react").Theme | undefined;
|
|
4
4
|
as?: import("react").ElementType<any> | undefined;
|
|
5
5
|
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
6
|
-
|
|
6
|
+
type ModalFlyoutProps = {
|
|
7
7
|
children: ReactNode;
|
|
8
8
|
};
|
|
9
9
|
export default function ModalFlyout({ children }: ModalFlyoutProps): import("@emotion/react/jsx-runtime").JSX.Element;
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import { UnstyledButton } from '../../Button';
|
|
3
3
|
import type { UnstyledButtonProps } from '../../Button';
|
|
4
|
-
export
|
|
5
|
-
export
|
|
4
|
+
export type FooterButtonProps = Omit<UnstyledButtonProps, 'children' | 'component'>;
|
|
5
|
+
export type FooterProps = {
|
|
6
6
|
cancelLabel?: string;
|
|
7
7
|
cancelProps?: FooterButtonProps;
|
|
8
8
|
'data-instrumentation'?: string;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import type { FooterProps } from './Footer';
|
|
2
|
-
|
|
2
|
+
type FooterConfirmationProps = FooterProps & {
|
|
3
3
|
label?: string;
|
|
4
4
|
};
|
|
5
5
|
export default function FooterConfirmation({ label, ...props }: FooterConfirmationProps): import("@emotion/react/jsx-runtime").JSX.Element;
|
|
@@ -24,7 +24,7 @@ export declare const ErrorIcon: import("@emotion/styled").StyledComponent<((Reac
|
|
|
24
24
|
noWrap?: boolean | undefined;
|
|
25
25
|
isComponentLabel?: boolean | undefined;
|
|
26
26
|
}, {}, {}>;
|
|
27
|
-
|
|
27
|
+
type NavItemProps = {
|
|
28
28
|
active?: boolean;
|
|
29
29
|
children: React.ReactNode;
|
|
30
30
|
error?: boolean;
|
|
@@ -34,7 +34,7 @@ declare type NavItemProps = {
|
|
|
34
34
|
isComponentLabel?: boolean;
|
|
35
35
|
};
|
|
36
36
|
export declare function NavItem(props: NavItemProps): import("@emotion/react/jsx-runtime").JSX.Element;
|
|
37
|
-
|
|
37
|
+
type MenuBodyProps = {
|
|
38
38
|
/** A set of MenuBody.Page components */
|
|
39
39
|
children: React.ReactNode;
|
|
40
40
|
/** A function that will receive the ref of the ModalBody */
|
|
@@ -62,7 +62,7 @@ declare type MenuBodyProps = {
|
|
|
62
62
|
/** Removes line wrapping from long menu labels, truncating them instead. Passing a component to a label (as opposed to a string) will override this prop. */
|
|
63
63
|
noWrap?: boolean;
|
|
64
64
|
};
|
|
65
|
-
|
|
65
|
+
type MenuBodyPageProps = {
|
|
66
66
|
children: React.ReactNode;
|
|
67
67
|
disabled?: boolean;
|
|
68
68
|
id?: string;
|
|
@@ -71,7 +71,7 @@ declare type MenuBodyPageProps = {
|
|
|
71
71
|
icon?: React.ReactNode;
|
|
72
72
|
};
|
|
73
73
|
declare const Page: ({ children }: MenuBodyPageProps) => import("@emotion/react/jsx-runtime").JSX.Element;
|
|
74
|
-
|
|
74
|
+
type MenuBodySubComponents = {
|
|
75
75
|
NavItem: typeof NavItem;
|
|
76
76
|
Page: typeof Page;
|
|
77
77
|
};
|
|
@@ -61,7 +61,7 @@ export declare const MODAL_MESSAGE_TYPE_MAP: {
|
|
|
61
61
|
icon: import("@emotion/react/jsx-runtime").JSX.Element;
|
|
62
62
|
};
|
|
63
63
|
};
|
|
64
|
-
export
|
|
64
|
+
export type ModalMessageProps = {
|
|
65
65
|
/** Provide a link with more information about this message. */
|
|
66
66
|
href?: string;
|
|
67
67
|
icon?: React.ReactNode;
|
|
@@ -3,7 +3,7 @@ import type { DialogOverlayProps } from '@reach/dialog';
|
|
|
3
3
|
/**
|
|
4
4
|
** This component wraps Reach DialogOverlay and adds css classes and our hotkeys
|
|
5
5
|
*/
|
|
6
|
-
|
|
6
|
+
type ModalOverlayProps = {
|
|
7
7
|
className?: string;
|
|
8
8
|
dismissOnOverlayClick?: boolean;
|
|
9
9
|
flex?: boolean;
|
package/dist/es/Modal/types.d.ts
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import type { CSSProperties } from 'react';
|
|
3
3
|
import type { Theme } from '../ThemeProvider';
|
|
4
|
-
export
|
|
4
|
+
export type MultiSelectProps = {
|
|
5
5
|
options: Array<{
|
|
6
6
|
name: string;
|
|
7
7
|
value: string;
|
|
@@ -32,13 +32,13 @@ export declare type MultiSelectProps = {
|
|
|
32
32
|
theme?: Theme;
|
|
33
33
|
ref?: React.RefObject<MultiSelect>;
|
|
34
34
|
};
|
|
35
|
-
|
|
35
|
+
type MultiSelectState = {
|
|
36
36
|
selected: Array<number>;
|
|
37
37
|
lastSelected?: string | number | null;
|
|
38
38
|
focusedIndex?: number;
|
|
39
39
|
pose: string;
|
|
40
40
|
};
|
|
41
|
-
|
|
41
|
+
type SelectProps = {
|
|
42
42
|
contiguous: boolean;
|
|
43
43
|
index: number;
|
|
44
44
|
};
|
|
@@ -29,7 +29,7 @@ export declare const ClearButton: import("@emotion/styled").StyledComponent<any,
|
|
|
29
29
|
export declare const SearchInputStyled: import("@emotion/styled").StyledComponent<any, {}, {
|
|
30
30
|
ref?: import("react").Ref<Input<"number" | ("textarea" | "text" | "url" | "email" | "datetime-local" | "password")>> | undefined;
|
|
31
31
|
}>;
|
|
32
|
-
|
|
32
|
+
type SearchInputProps = {
|
|
33
33
|
onChange: (arg0: {
|
|
34
34
|
name: string;
|
|
35
35
|
value?: string;
|
|
@@ -6,12 +6,12 @@ declare const Separator: React.FunctionComponent<{}>;
|
|
|
6
6
|
declare const NavigationPill: import("@emotion/styled").StyledComponent<BoxProps & {
|
|
7
7
|
theme?: import("@emotion/react").Theme | undefined;
|
|
8
8
|
}, {}, {}>;
|
|
9
|
-
export
|
|
9
|
+
export type NavigationBarSubComponents = {
|
|
10
10
|
Separator: typeof Separator;
|
|
11
11
|
NavigationItem: typeof NavigationItem;
|
|
12
12
|
NavigationPill: typeof NavigationPill;
|
|
13
13
|
};
|
|
14
|
-
export
|
|
14
|
+
export type NavigationBarProps = BoxProps & Partial<Border & Spacing> & {
|
|
15
15
|
children: React.ReactNode;
|
|
16
16
|
showLogo?: boolean;
|
|
17
17
|
logoAction?: () => void;
|
|
@@ -3,7 +3,7 @@ import type { Interpolation, Theme } from '@emotion/react';
|
|
|
3
3
|
/**
|
|
4
4
|
* Component to be used as children of NavigationBar
|
|
5
5
|
*/
|
|
6
|
-
|
|
6
|
+
type NavigationItemProps = {
|
|
7
7
|
children: ReactElement<any> | ReactElement<any>[];
|
|
8
8
|
disableTooltip?: boolean;
|
|
9
9
|
'data-instrumentation'?: string;
|
|
@@ -26,7 +26,7 @@ declare const NavigationItem: {
|
|
|
26
26
|
theme?: Theme | undefined;
|
|
27
27
|
} & import("../Link").LinkProps & import("react").ClassAttributes<HTMLAnchorElement> & import("react").AnchorHTMLAttributes<HTMLAnchorElement> & NavigationLinkProps, {}, {}>;
|
|
28
28
|
};
|
|
29
|
-
|
|
29
|
+
type NavigationLinkProps = {
|
|
30
30
|
active?: boolean;
|
|
31
31
|
disabled?: boolean;
|
|
32
32
|
'data-instrumentation'?: string;
|
|
@@ -16,7 +16,7 @@ declare const NavigationPopoverHeader: import("@emotion/styled").StyledComponent
|
|
|
16
16
|
theme?: import("@emotion/react").Theme | undefined;
|
|
17
17
|
as?: import("react").ElementType<any> | undefined;
|
|
18
18
|
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
19
|
-
export
|
|
19
|
+
export type NavigationPopoverType = React.FC<PopoverProps> & {
|
|
20
20
|
Item: typeof NavigationPopoverItem;
|
|
21
21
|
Body: typeof NavigationPopoverBody;
|
|
22
22
|
Header: typeof NavigationPopoverHeader;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import type { OverlayHeaderProps } from './OverlayHeader';
|
|
3
|
-
export
|
|
3
|
+
export type OverlayProps = OverlayHeaderProps & {
|
|
4
4
|
/** node for the overlay body */
|
|
5
5
|
children: React.ReactNode;
|
|
6
6
|
/** css classname */
|
|
@@ -24,7 +24,7 @@ export declare const CloseButton: import("@emotion/styled").StyledComponent<Part
|
|
|
24
24
|
} & {
|
|
25
25
|
theme?: import("@emotion/react").Theme | undefined;
|
|
26
26
|
}, {}, {}>;
|
|
27
|
-
export
|
|
27
|
+
export type OverlayHeaderProps = {
|
|
28
28
|
closeCss?: Interpolation<any>;
|
|
29
29
|
headerCss?: Interpolation<any>;
|
|
30
30
|
onHide: () => void;
|
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
import type { ReactElement } from 'react';
|
|
2
2
|
import { chartUtils, ChartColors } from '../ChartPrimitives';
|
|
3
|
-
export
|
|
3
|
+
export type PieChartData = {
|
|
4
4
|
grey?: boolean;
|
|
5
5
|
percent?: string;
|
|
6
6
|
index?: number;
|
|
7
7
|
} & chartUtils.Datum;
|
|
8
|
-
export
|
|
8
|
+
export type PieChartProps = {
|
|
9
9
|
width?: number;
|
|
10
10
|
height?: number;
|
|
11
11
|
data: PieChartData[];
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import type { CSSProperties } from 'react';
|
|
3
3
|
import type { PLACEMENT } from '../TooltipPopover';
|
|
4
|
-
|
|
4
|
+
type ArrowStylesProps = {
|
|
5
5
|
backgroundColor?: string;
|
|
6
6
|
borderColor?: string;
|
|
7
7
|
style?: {
|
|
@@ -14,7 +14,7 @@ declare type ArrowStylesProps = {
|
|
|
14
14
|
top?: boolean;
|
|
15
15
|
tooltipPopover?: boolean;
|
|
16
16
|
};
|
|
17
|
-
export
|
|
17
|
+
export type PopoverProps = {
|
|
18
18
|
arrowOffsetLeft?: string | number;
|
|
19
19
|
arrowOffsetTop?: string | number;
|
|
20
20
|
arrowHidden?: boolean;
|
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
import { VictoryLegendProps } from 'victory';
|
|
2
2
|
import { chartUtils } from '../ChartPrimitives';
|
|
3
|
-
export
|
|
3
|
+
export type PositiveNegativeDatum = {
|
|
4
4
|
x: string | number;
|
|
5
5
|
y: number;
|
|
6
6
|
grey?: boolean;
|
|
7
7
|
href?: string;
|
|
8
8
|
};
|
|
9
|
-
export
|
|
9
|
+
export type PositiveNegativeBarChartProps = {
|
|
10
10
|
/** Target width of the chart */
|
|
11
11
|
width: number;
|
|
12
12
|
/** Target height of the chart */
|
package/dist/es/Radio/Radio.d.ts
CHANGED
package/dist/es/Row/Row.d.ts
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import type { BoxProps } from '../Box';
|
|
3
|
-
export
|
|
3
|
+
export type RowProps = Omit<BoxProps, 'direction' | 'full'>;
|
|
4
4
|
/** A small wrapper around Box, for Row definition */
|
|
5
5
|
/** @deprecated use Box instead: https://treasure-data.atlassian.net/wiki/spaces/EN/pages/1333825188/How+To+Use+Stylekit */
|
|
6
6
|
declare const Row: React.FunctionComponent<RowProps>;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import type { Interpolation, Theme } from '@emotion/react';
|
|
3
|
-
export
|
|
3
|
+
export type SectionProps = {
|
|
4
4
|
children: React.ReactNode;
|
|
5
5
|
initiallyOpen: boolean;
|
|
6
6
|
'data-instrumentation'?: string;
|
|
@@ -11,7 +11,7 @@ export declare type SectionProps = {
|
|
|
11
11
|
id?: string;
|
|
12
12
|
css?: Interpolation<Theme>;
|
|
13
13
|
};
|
|
14
|
-
|
|
14
|
+
type SectionState = {
|
|
15
15
|
isOpen: boolean;
|
|
16
16
|
};
|
|
17
17
|
declare class Section extends React.Component<SectionProps, SectionState> {
|
|
@@ -5,12 +5,12 @@ import type { ThemeProp } from '../ThemeProvider';
|
|
|
5
5
|
import type { OptionRendererProps, Options, OptionType, OptionValue } from './components';
|
|
6
6
|
import type { CreatableReactSelectProps } from './components/CreatableSelect';
|
|
7
7
|
import type { SelectComponentStyles } from './types';
|
|
8
|
-
export
|
|
8
|
+
export type StructuredOption = {
|
|
9
9
|
name?: string | null;
|
|
10
10
|
value?: any;
|
|
11
11
|
label?: string;
|
|
12
12
|
};
|
|
13
|
-
export
|
|
13
|
+
export type SelectComponentProps = {
|
|
14
14
|
/** Provide a custom dropdown arrow */
|
|
15
15
|
arrowIcon?: IndicatorComponentType<any>;
|
|
16
16
|
/** Close the select menu when the user selects an option. If multi is true, then this defaults to false. */
|
|
@@ -95,7 +95,7 @@ export declare type SelectComponentProps = {
|
|
|
95
95
|
/** Custom width passed through */
|
|
96
96
|
width?: string;
|
|
97
97
|
} & Omit<SelectProps, 'theme'>;
|
|
98
|
-
|
|
98
|
+
type SelectComponentPropsOrCreatable = SelectComponentProps | (SelectComponentProps & CreatableReactSelectProps);
|
|
99
99
|
/**
|
|
100
100
|
* Render a select component. Extra props are passed through to react-select.
|
|
101
101
|
* See more options here: https://react-select.com/props
|
|
@@ -3,7 +3,7 @@ import type { ListRowProps } from 'react-virtualized';
|
|
|
3
3
|
import type { Theme } from '../../ThemeProvider';
|
|
4
4
|
import type { OptionType } from './OptionTypes';
|
|
5
5
|
import type { MenuListComponentProps } from 'react-select';
|
|
6
|
-
export
|
|
6
|
+
export type MenuListProps = {
|
|
7
7
|
theme: Theme;
|
|
8
8
|
maxHeight?: number;
|
|
9
9
|
rowHeight?: number;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import type { OptionProps as OptionComponentProps } from 'react-select';
|
|
3
|
-
export
|
|
4
|
-
export
|
|
3
|
+
export type OptionValue = string | number | boolean;
|
|
4
|
+
export type OptionType = {
|
|
5
5
|
name?: string | null;
|
|
6
6
|
value: OptionValue;
|
|
7
7
|
label?: string;
|
|
@@ -9,8 +9,8 @@ export declare type OptionType = {
|
|
|
9
9
|
type?: string;
|
|
10
10
|
__isNew__?: boolean;
|
|
11
11
|
};
|
|
12
|
-
export
|
|
13
|
-
export
|
|
12
|
+
export type Options = Array<OptionType | OptionValue>;
|
|
13
|
+
export type OptionRendererProps = {
|
|
14
14
|
icon?: React.ReactNode;
|
|
15
15
|
index?: number;
|
|
16
16
|
innerProps?: {
|
|
@@ -24,7 +24,7 @@ export declare type OptionRendererProps = {
|
|
|
24
24
|
options?: Options;
|
|
25
25
|
className?: string;
|
|
26
26
|
};
|
|
27
|
-
export
|
|
27
|
+
export type OptionProps = OptionComponentProps<any> & {
|
|
28
28
|
value?: number | string | Array<any>;
|
|
29
29
|
getIconForOption?: (props: OptionRendererProps) => React.ReactNode;
|
|
30
30
|
optionRenderer?: (props: OptionRendererProps) => React.ReactNode;
|
|
@@ -1,18 +1,18 @@
|
|
|
1
1
|
import type { Theme } from '../ThemeProvider';
|
|
2
|
-
|
|
2
|
+
type CSSStyles = {
|
|
3
3
|
[key: string]: string | number;
|
|
4
4
|
};
|
|
5
|
-
|
|
5
|
+
type CSSPseudoClasses = Partial<{
|
|
6
6
|
'&:hover': CSSStyles;
|
|
7
7
|
'&:focus': CSSStyles;
|
|
8
8
|
'&:active': CSSStyles;
|
|
9
9
|
}>;
|
|
10
|
-
|
|
10
|
+
type ComponentStyle = ((style: any, options: {
|
|
11
11
|
[key: string]: any;
|
|
12
12
|
} & {
|
|
13
13
|
theme: Theme;
|
|
14
14
|
}) => CSSStyles | CSSPseudoClasses) | CSSStyles | CSSPseudoClasses;
|
|
15
|
-
export
|
|
15
|
+
export type SelectComponentStyles = {
|
|
16
16
|
[key: string]: ComponentStyle;
|
|
17
17
|
} & {
|
|
18
18
|
clearIndicator?: ComponentStyle;
|
|
@@ -2,11 +2,11 @@ import type { StylesConfig } from 'react-select';
|
|
|
2
2
|
import type { Theme } from '../ThemeProvider';
|
|
3
3
|
import type { Options, OptionValue } from './components';
|
|
4
4
|
import type { SelectComponentStyles } from './types';
|
|
5
|
-
|
|
5
|
+
type TextWidthStyles = {
|
|
6
6
|
fontFamily: string;
|
|
7
7
|
};
|
|
8
8
|
export declare function getLongestOptionLength(options: Options, styles: TextWidthStyles, originalWidth?: number | string): string | number | undefined;
|
|
9
|
-
|
|
9
|
+
type GetCustomStylesProps = {
|
|
10
10
|
dataGrid?: boolean;
|
|
11
11
|
guessMenuWidth?: boolean;
|
|
12
12
|
invalid?: boolean;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import type { SelectComponentStyles } from './types';
|
|
3
3
|
import type { OptionRendererProps } from './components/OptionTypes';
|
|
4
|
-
|
|
4
|
+
type Variant = 'primary' | 'secondary' | {
|
|
5
5
|
color: string;
|
|
6
6
|
closedBottomBorder: string;
|
|
7
7
|
outlineColor: string;
|
|
@@ -24,7 +24,7 @@ declare type Variant = 'primary' | 'secondary' | {
|
|
|
24
24
|
* 2. Remove margin from ListContainer
|
|
25
25
|
* 3. Change popover options to prevent flipping
|
|
26
26
|
*/
|
|
27
|
-
|
|
27
|
+
type TetheredMenuPortalProps = {
|
|
28
28
|
children: React.ReactNode;
|
|
29
29
|
controlElement?: HTMLElement;
|
|
30
30
|
appendTo: React.ReactNode;
|
|
@@ -3,12 +3,12 @@ import { MultiSelect as BaseMultiSelect } from '../MultiSelect';
|
|
|
3
3
|
import type { MultiSelectProps } from '../MultiSelect';
|
|
4
4
|
export declare const ADD_BUTTON_ID = "_SHUTTLE_ADD_BUTTON";
|
|
5
5
|
export declare const REMOVE_BUTTON_ID = "_SHUTTLE_REMOVE_BUTTON";
|
|
6
|
-
export
|
|
6
|
+
export type Option = {
|
|
7
7
|
name: string;
|
|
8
8
|
value: string;
|
|
9
9
|
};
|
|
10
|
-
export
|
|
11
|
-
export
|
|
10
|
+
export type Options = Array<Option>;
|
|
11
|
+
export type ShuttleProps = Omit<MultiSelectProps, 'rowRenderer' | 'initiallySelected' | 'onEnterKey' | 'filter' | 'onFilterChange' | 'inputName' | 'inputPlaceholder' | 'selectedLabel' | 'totalLabel'> & {
|
|
12
12
|
id: string;
|
|
13
13
|
'data-instrumentation'?: string;
|
|
14
14
|
selected: Array<any>;
|
|
@@ -26,7 +26,7 @@ export declare type ShuttleProps = Omit<MultiSelectProps, 'rowRenderer' | 'initi
|
|
|
26
26
|
rightTotalLabel?: string;
|
|
27
27
|
ref?: React.RefObject<Shuttle>;
|
|
28
28
|
};
|
|
29
|
-
|
|
29
|
+
type ShuttleState = {
|
|
30
30
|
leftSearchText: string;
|
|
31
31
|
rightSearchText: string;
|
|
32
32
|
leftFilteredOptions: Options;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import type { ModalProps, HeaderProps, FooterProps, FooterButtonProps } from '../Modal';
|
|
3
|
-
|
|
3
|
+
type SimpleModalProps = Omit<ModalProps, 'size' | 'flex'> & Omit<HeaderProps, 'id'> & Omit<FooterProps, 'confirmDelete' | 'confirmLabel' | 'primaryButton' | 'secondaryActionButton' | 'secondaryActionLabel' | 'secondaryActionProps'> & {
|
|
4
4
|
cancelLabel?: string;
|
|
5
5
|
cancelProps?: FooterButtonProps;
|
|
6
6
|
children?: React.ReactNode;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { RangeProps } from 'rc-slider';
|
|
2
2
|
import 'rc-slider/assets/index.css';
|
|
3
3
|
import type { CSSProperties, ReactElement } from 'react';
|
|
4
|
-
export
|
|
4
|
+
export type SliderProps = {
|
|
5
5
|
/** The position of each slider handle along the rail. */
|
|
6
6
|
values: number[];
|
|
7
7
|
/** An object where the key represents the position on the slider, and the value is the label to display. */
|
package/dist/es/Tabs/Tabs.d.ts
CHANGED
|
@@ -2,8 +2,8 @@
|
|
|
2
2
|
import { TabList } from '@reach/tabs';
|
|
3
3
|
import type { TabsProps as ReachTabsProps } from '@reach/tabs';
|
|
4
4
|
import { StyledTab, StyledTabPanel, StyledTabPanels } from './elements';
|
|
5
|
-
export
|
|
6
|
-
export
|
|
5
|
+
export type TabsProps = ReachTabsProps;
|
|
6
|
+
export type TabsSubComponents = {
|
|
7
7
|
TabList: typeof TabList;
|
|
8
8
|
Tab: typeof StyledTab;
|
|
9
9
|
TabPanels: typeof StyledTabPanels;
|
|
@@ -3,7 +3,7 @@ import * as Elements from './TaggerElements';
|
|
|
3
3
|
import PopupSelector from './components/PopupSelector';
|
|
4
4
|
import type { Value, PopupSelectorProps } from './components/PopupSelector';
|
|
5
5
|
import type { TagRendererArguments, TaggerProps } from './types';
|
|
6
|
-
|
|
6
|
+
type TaggerState = {
|
|
7
7
|
isOpen: boolean;
|
|
8
8
|
};
|
|
9
9
|
declare class Tagger extends PureComponent<TaggerProps, TaggerState> {
|
|
@@ -1,21 +1,21 @@
|
|
|
1
1
|
import React, { PureComponent } from 'react';
|
|
2
2
|
import TooltipPopover from '../../TooltipPopover';
|
|
3
3
|
import * as Elements from './PopupSelectorElements';
|
|
4
|
-
export
|
|
5
|
-
export
|
|
4
|
+
export type Value = string | number;
|
|
5
|
+
export type Option = {
|
|
6
6
|
label: string;
|
|
7
7
|
value: Value;
|
|
8
8
|
};
|
|
9
|
-
export
|
|
9
|
+
export type OptionFormatterArguments = {
|
|
10
10
|
focused: boolean;
|
|
11
11
|
option: Option;
|
|
12
12
|
searchString: string;
|
|
13
13
|
};
|
|
14
|
-
export
|
|
14
|
+
export type RenderContainerProps = {
|
|
15
15
|
children: React.ReactNode;
|
|
16
16
|
triggerWidth: number;
|
|
17
17
|
};
|
|
18
|
-
export
|
|
18
|
+
export type TriggerRendererArguments = {
|
|
19
19
|
error?: Array<string>;
|
|
20
20
|
getRef?: React.RefObject<any>;
|
|
21
21
|
isOpen?: boolean;
|
|
@@ -24,7 +24,7 @@ export declare type TriggerRendererArguments = {
|
|
|
24
24
|
tags: React.ReactNode;
|
|
25
25
|
tooltip: React.ReactNode;
|
|
26
26
|
};
|
|
27
|
-
export
|
|
27
|
+
export type PopupSelectorProps = {
|
|
28
28
|
creatable?: boolean;
|
|
29
29
|
error?: Array<string>;
|
|
30
30
|
onSelect: (value: Value[]) => void;
|
|
@@ -53,7 +53,7 @@ export declare type PopupSelectorProps = {
|
|
|
53
53
|
triggerTooltip?: React.ReactNode;
|
|
54
54
|
value: Value[];
|
|
55
55
|
};
|
|
56
|
-
|
|
56
|
+
type PopupSelectorState = {
|
|
57
57
|
imeComposing: boolean;
|
|
58
58
|
searchString: string;
|
|
59
59
|
selectedIndex: number;
|