td-stylekit 28.5.0 → 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 +14 -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/CHANGELOG.md
CHANGED
|
@@ -1,3 +1,17 @@
|
|
|
1
|
+
## [28.5.2](https://github.com/treasure-data/td-stylekit/compare/v28.5.1...v28.5.2) (2022-11-18)
|
|
2
|
+
|
|
3
|
+
|
|
4
|
+
### Bug Fixes
|
|
5
|
+
|
|
6
|
+
* **FormControl:** Apply correct label to Select ([#1379](https://github.com/treasure-data/td-stylekit/issues/1379)) ([ddcdd7f](https://github.com/treasure-data/td-stylekit/commit/ddcdd7f))
|
|
7
|
+
|
|
8
|
+
## [28.5.1](https://github.com/treasure-data/td-stylekit/compare/v28.5.0...v28.5.1) (2022-11-01)
|
|
9
|
+
|
|
10
|
+
|
|
11
|
+
### Bug Fixes
|
|
12
|
+
|
|
13
|
+
* **CON-10462:** Migrate DetailPanel tests ([#1356](https://github.com/treasure-data/td-stylekit/issues/1356)) ([64dd981](https://github.com/treasure-data/td-stylekit/commit/64dd981))
|
|
14
|
+
|
|
1
15
|
# [28.5.0](https://github.com/treasure-data/td-stylekit/compare/v28.4.0...v28.5.0) (2022-10-14)
|
|
2
16
|
|
|
3
17
|
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import type React from 'react';
|
|
2
2
|
import { IconButton, ActionMenu } from './components';
|
|
3
3
|
import type { ActionBarItemProps, ActionBarProps } from './types';
|
|
4
|
-
|
|
4
|
+
type IconButtonLinkProps = ActionBarItemProps & {
|
|
5
5
|
renderContainer?: (props: ActionBarItemProps & {
|
|
6
6
|
children: React.ReactNode;
|
|
7
7
|
}) => JSX.Element;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import type { ActionBarItemProps, ActionBarProps } from '../types';
|
|
3
|
-
|
|
3
|
+
type MenuProps = {
|
|
4
4
|
/** Actions to include in the menu. Only items with `label` and appropriate `visibility` are displayed. */
|
|
5
5
|
actions?: ActionBarItemProps[];
|
|
6
6
|
/** Instrumentation */
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import type { Theme } from '../ThemeProvider';
|
|
3
|
-
|
|
3
|
+
type ActionBarItemBaseProps = {
|
|
4
4
|
/**
|
|
5
5
|
* Tooltip for the button (when not disabled).
|
|
6
6
|
*/
|
|
@@ -35,7 +35,7 @@ declare type ActionBarItemBaseProps = {
|
|
|
35
35
|
*/
|
|
36
36
|
onClick?: (event: React.SyntheticEvent<HTMLElement>) => void;
|
|
37
37
|
};
|
|
38
|
-
|
|
38
|
+
type ActionBarItemIconProps = ActionBarItemBaseProps & {
|
|
39
39
|
/**
|
|
40
40
|
* Icon (from `Icon`) to display, it applies to both
|
|
41
41
|
* the toolbar and the menu.
|
|
@@ -49,7 +49,7 @@ declare type ActionBarItemIconProps = ActionBarItemBaseProps & {
|
|
|
49
49
|
*/
|
|
50
50
|
label?: React.ReactNode;
|
|
51
51
|
};
|
|
52
|
-
|
|
52
|
+
type ActionBarItemLabelProps = ActionBarItemBaseProps & {
|
|
53
53
|
/**
|
|
54
54
|
* Icon (from `Icon`) to display, it applies to both
|
|
55
55
|
* the toolbar and the menu. If not specified then
|
|
@@ -62,8 +62,8 @@ declare type ActionBarItemLabelProps = ActionBarItemBaseProps & {
|
|
|
62
62
|
*/
|
|
63
63
|
label?: React.ReactNode;
|
|
64
64
|
};
|
|
65
|
-
export
|
|
66
|
-
export
|
|
65
|
+
export type ActionBarItemProps = ActionBarItemIconProps | ActionBarItemLabelProps;
|
|
66
|
+
export type ActionBarProps = {
|
|
67
67
|
/**
|
|
68
68
|
* Text prefix, if it is a string then it's displayed as-is, if a number then
|
|
69
69
|
* it's used to format a string in the form `"N items"`.
|
package/dist/es/Badge/Badge.d.ts
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import { BADGE_TYPES } from './constants';
|
|
3
|
-
export
|
|
3
|
+
export type BadgeProps = {
|
|
4
4
|
/** Highlighting of the badge. Defaults to Default. Options are Primary, Neutral, Success, Warning and Error */
|
|
5
5
|
type?: BADGE_TYPES;
|
|
6
6
|
children?: React.ReactNode;
|
|
@@ -3,12 +3,12 @@ import { VictoryBarProps, VictoryChartProps } from 'victory';
|
|
|
3
3
|
import type { ChartTheme, TooltipProps } from '../ChartPrimitives';
|
|
4
4
|
import { chartUtils } from '../ChartPrimitives';
|
|
5
5
|
import type { Theme } from '../ThemeProvider';
|
|
6
|
-
|
|
6
|
+
type GridStyles = {
|
|
7
7
|
x: {};
|
|
8
8
|
y: {};
|
|
9
9
|
};
|
|
10
|
-
|
|
11
|
-
export
|
|
10
|
+
type Datum = chartUtils.Datum;
|
|
11
|
+
export type BarChartProps = {
|
|
12
12
|
/** Target width of the chart */
|
|
13
13
|
width: number;
|
|
14
14
|
/** Target height of the chart */
|
package/dist/es/Box/Box.d.ts
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import type { Border, Spacing } from '../mixins';
|
|
3
|
-
export
|
|
3
|
+
export type BoxProps = {
|
|
4
4
|
/** How to align the contents along the cross axis. */
|
|
5
5
|
align?: 'start' | 'center' | 'end' | 'baseline' | 'stretch';
|
|
6
6
|
/** How to align the contents when there is extra space in the cross axis. */
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import React, { Component, ReactNode, ComponentType, SyntheticEvent, KeyboardEvent } from 'react';
|
|
2
2
|
import type { Theme } from '../ThemeProvider';
|
|
3
|
-
export
|
|
3
|
+
export type UnstyledButtonProps = {
|
|
4
4
|
/** Focus the button when it's rendered */
|
|
5
5
|
autofocus?: boolean;
|
|
6
6
|
/** Unfocus the button when it's clicked */
|
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import CanvasHeader, { CanvasContent } from './elements';
|
|
3
|
-
export
|
|
3
|
+
export type CanvasProps = {
|
|
4
4
|
children?: React.ReactNode;
|
|
5
5
|
icon?: React.ReactNode;
|
|
6
6
|
title?: React.ReactNode;
|
|
7
7
|
};
|
|
8
|
-
export
|
|
8
|
+
export type CanvasSubComponents = {
|
|
9
9
|
Header: typeof CanvasHeader;
|
|
10
10
|
Content: typeof CanvasContent;
|
|
11
11
|
};
|
|
@@ -54,7 +54,7 @@ export declare const CanvasContent: import("@emotion/styled").StyledComponent<{
|
|
|
54
54
|
} & {
|
|
55
55
|
theme?: import("@emotion/react").Theme | undefined;
|
|
56
56
|
}, {}, {}>;
|
|
57
|
-
|
|
57
|
+
type CanvasHeaderProps = {
|
|
58
58
|
children?: React.ReactNode;
|
|
59
59
|
};
|
|
60
60
|
declare const CanvasHeader: React.FunctionComponent<CanvasHeaderProps>;
|
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
import { PureComponent } from 'react';
|
|
2
2
|
import { VictoryTooltipProps } from 'victory';
|
|
3
3
|
import type { ChartTheme, Datum } from './utils';
|
|
4
|
-
export
|
|
4
|
+
export type FontStyles = {
|
|
5
5
|
fontSize?: number;
|
|
6
6
|
fill?: string;
|
|
7
7
|
stroke?: string;
|
|
8
8
|
fontStyle?: string;
|
|
9
9
|
fontWeight?: string;
|
|
10
10
|
};
|
|
11
|
-
export
|
|
11
|
+
export type TooltipProps = {
|
|
12
12
|
chartTheme: ChartTheme;
|
|
13
13
|
chartHeight: number;
|
|
14
14
|
chartWidth: number;
|
|
@@ -23,7 +23,7 @@ export declare type TooltipProps = {
|
|
|
23
23
|
y?: number;
|
|
24
24
|
x?: number;
|
|
25
25
|
} & VictoryTooltipProps;
|
|
26
|
-
|
|
26
|
+
type TooltipState = {
|
|
27
27
|
labelWidth: number;
|
|
28
28
|
labelHeight: number;
|
|
29
29
|
};
|
|
@@ -11,7 +11,7 @@ export declare const Pine: string[];
|
|
|
11
11
|
export declare const Brick: string[];
|
|
12
12
|
export declare const Sand: string[];
|
|
13
13
|
export declare const DEFAULT_COLORS: string[];
|
|
14
|
-
export
|
|
14
|
+
export type Datum = {
|
|
15
15
|
x: any;
|
|
16
16
|
y: any;
|
|
17
17
|
childName?: any;
|
|
@@ -31,7 +31,7 @@ attributes?: {
|
|
|
31
31
|
} | {
|
|
32
32
|
[key: string]: any;
|
|
33
33
|
}[]): string;
|
|
34
|
-
export
|
|
34
|
+
export type ChartTheme = VictoryThemeDefinition & {
|
|
35
35
|
chart: VictoryThemeDefinition['chart'] & {
|
|
36
36
|
padding: number | {
|
|
37
37
|
bottom: number;
|
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import type { BoxProps } from '../Box';
|
|
3
|
-
export
|
|
3
|
+
export type ColumnProps = {
|
|
4
4
|
/** Size (in 1/12th percentages) of the column */
|
|
5
5
|
size?: number | string;
|
|
6
6
|
/** Size of the gutters */
|
|
7
7
|
gutter?: number | string;
|
|
8
8
|
};
|
|
9
|
-
|
|
9
|
+
type ColumnPropsExtended = ColumnProps & Omit<BoxProps, 'direction' | 'grow'>;
|
|
10
10
|
/** @deprecated use Box instead: https://treasure-data.atlassian.net/wiki/spaces/EN/pages/1333825188/How+To+Use+Stylekit */
|
|
11
11
|
declare const Column: React.FC<ColumnPropsExtended>;
|
|
12
12
|
export default Column;
|
|
@@ -2,8 +2,8 @@
|
|
|
2
2
|
import { VictoryChartProps } from 'victory';
|
|
3
3
|
import { chartUtils } from '../ChartPrimitives';
|
|
4
4
|
import type { Theme } from '../ThemeProvider';
|
|
5
|
-
|
|
6
|
-
|
|
5
|
+
type Datum = chartUtils.Datum;
|
|
6
|
+
type ComparisonChartProps = VictoryChartProps & {
|
|
7
7
|
animate?: boolean;
|
|
8
8
|
chartColors?: string[];
|
|
9
9
|
width: number;
|
|
@@ -19,7 +19,7 @@ declare type ComparisonChartProps = VictoryChartProps & {
|
|
|
19
19
|
tooltipTitle?: (d: Datum) => undefined | string;
|
|
20
20
|
tooltipLabel?: (d: Datum) => undefined | string;
|
|
21
21
|
};
|
|
22
|
-
export
|
|
22
|
+
export type Props = ComparisonChartProps & {
|
|
23
23
|
theme: Theme;
|
|
24
24
|
};
|
|
25
25
|
/**
|
|
@@ -8,20 +8,20 @@ import { CollapsibleCell } from './components';
|
|
|
8
8
|
import * as dataGridUtils from './utils';
|
|
9
9
|
import type { BasicColumnMappedProps, BasicColumnProps } from './components/BasicColumn';
|
|
10
10
|
import type { LocaleStrings } from './constants';
|
|
11
|
-
export
|
|
11
|
+
export type onFilterArguments = {
|
|
12
12
|
filters: {
|
|
13
13
|
[dataKey: string]: any;
|
|
14
14
|
};
|
|
15
15
|
sortBy?: string;
|
|
16
16
|
sortDirection?: SortDirectionType;
|
|
17
17
|
};
|
|
18
|
-
|
|
18
|
+
type activeContextMenuState = {
|
|
19
19
|
top: number;
|
|
20
20
|
left: number;
|
|
21
21
|
index: number;
|
|
22
22
|
rowData: any;
|
|
23
23
|
};
|
|
24
|
-
|
|
24
|
+
type contextMenuRendererArguments = {
|
|
25
25
|
top?: number;
|
|
26
26
|
left?: number;
|
|
27
27
|
index?: number;
|
|
@@ -29,9 +29,9 @@ declare type contextMenuRendererArguments = {
|
|
|
29
29
|
selectedRows: Array<number>;
|
|
30
30
|
onClose: () => void;
|
|
31
31
|
};
|
|
32
|
-
export
|
|
33
|
-
|
|
34
|
-
export
|
|
32
|
+
export type SelectableType = 'single' | 'multi';
|
|
33
|
+
type ColumnFunction = (args: BasicColumnMappedProps) => React.ReactNode;
|
|
34
|
+
export type DataGridProps = {
|
|
35
35
|
/** Functions that create react virtualized Columns. Default column is exposed as DataGrid.Column. */
|
|
36
36
|
children: ColumnFunction | (ColumnFunction | ColumnFunction[])[];
|
|
37
37
|
/** Instrumentation */
|
|
@@ -80,14 +80,14 @@ export declare type DataGridProps = {
|
|
|
80
80
|
/** allow events to propagate to a cell on row select */
|
|
81
81
|
allowRowEventPassthrough?: boolean;
|
|
82
82
|
} & Partial<TableProps>;
|
|
83
|
-
|
|
83
|
+
type DataGridState = {
|
|
84
84
|
activeContextMenu: activeContextMenuState | null;
|
|
85
85
|
disableKeyboardShortcuts: boolean;
|
|
86
86
|
focusedRow: number | null;
|
|
87
87
|
selecting: boolean;
|
|
88
88
|
lastSelectedRow: number | null;
|
|
89
89
|
};
|
|
90
|
-
|
|
90
|
+
type HandleFilterArguments = {
|
|
91
91
|
sortBy?: string;
|
|
92
92
|
sortDirection?: SortDirectionType;
|
|
93
93
|
filters?: any;
|
|
@@ -4,7 +4,7 @@ import type { filterRendererArguments, sortRendererArguments, InternalResizeHand
|
|
|
4
4
|
import type { LocaleStrings } from '../constants';
|
|
5
5
|
import type { Theme } from '@theme';
|
|
6
6
|
import type { Interpolation } from '@emotion/react';
|
|
7
|
-
export
|
|
7
|
+
export type BasicColumnProps = {
|
|
8
8
|
headerContainerStyles?: (theme: Theme) => Interpolation<Theme>;
|
|
9
9
|
colspan?: (rowData: any) => number;
|
|
10
10
|
dataKey: string;
|
|
@@ -14,7 +14,7 @@ export declare type BasicColumnProps = {
|
|
|
14
14
|
sortRenderer?: ((arg0: sortRendererArguments) => React.ReactNode) | false | null;
|
|
15
15
|
hideColumn?: boolean;
|
|
16
16
|
} & ColumnProps;
|
|
17
|
-
export
|
|
17
|
+
export type BasicColumnMappedProps = {
|
|
18
18
|
/** Locale */
|
|
19
19
|
locale?: string;
|
|
20
20
|
/** Locale strings to override default 'en' strings */
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
|
|
2
|
+
type CollapsibleIconProps = {
|
|
3
3
|
expanded?: boolean;
|
|
4
4
|
};
|
|
5
5
|
export declare const CollapsibleIcon: import("@emotion/styled").StyledComponent<((React.SVGProps<SVGSVGElement> | (React.SVGProps<SVGSVGElement> & {
|
|
@@ -7,8 +7,8 @@ export declare const CollapsibleIcon: import("@emotion/styled").StyledComponent<
|
|
|
7
7
|
})) & {
|
|
8
8
|
theme?: import("@emotion/react").Theme | undefined;
|
|
9
9
|
}) & CollapsibleIconProps, {}, {}>;
|
|
10
|
-
|
|
11
|
-
|
|
10
|
+
type SyntheticEvent = any;
|
|
11
|
+
type CollapsibleCellProps = {
|
|
12
12
|
children: React.ReactNode;
|
|
13
13
|
expandedRows: Array<number | string>;
|
|
14
14
|
handleExpandRows: (event: SyntheticEvent) => void;
|
|
@@ -4,7 +4,7 @@ import type { filterRendererArguments, sortRendererArguments, InternalResizeHand
|
|
|
4
4
|
import type { LocaleStrings } from '../constants';
|
|
5
5
|
import type { Theme } from '@theme';
|
|
6
6
|
import type { Interpolation } from '@emotion/react';
|
|
7
|
-
|
|
7
|
+
type ColumnHeaderProps = {
|
|
8
8
|
dataKey: string;
|
|
9
9
|
isFirst?: boolean;
|
|
10
10
|
isLast?: boolean;
|
|
@@ -32,7 +32,7 @@ declare type ColumnHeaderProps = {
|
|
|
32
32
|
localeStrings?: LocaleStrings;
|
|
33
33
|
headerContainerStyles?: (theme: Theme) => Interpolation<Theme>;
|
|
34
34
|
};
|
|
35
|
-
|
|
35
|
+
type ColumnHeaderState = {
|
|
36
36
|
hovered: boolean;
|
|
37
37
|
opened: boolean;
|
|
38
38
|
isFiltering: boolean;
|
|
@@ -2,7 +2,7 @@ import React, { Component } from 'react';
|
|
|
2
2
|
import { SortDirection } from 'react-virtualized';
|
|
3
3
|
import { LocaleStrings } from '../constants';
|
|
4
4
|
import type { filterRendererArguments, sortRendererArguments } from '../types';
|
|
5
|
-
export
|
|
5
|
+
export type ColumnHeaderActionsProps = {
|
|
6
6
|
dataKey?: string;
|
|
7
7
|
name: string;
|
|
8
8
|
onFilter: (arg0: {
|
|
@@ -26,7 +26,7 @@ export declare type ColumnHeaderActionsProps = {
|
|
|
26
26
|
/** Locale strings to override default 'en' strings */
|
|
27
27
|
localeStrings?: LocaleStrings;
|
|
28
28
|
};
|
|
29
|
-
export
|
|
29
|
+
export type ColumnHeaderActionsState = {
|
|
30
30
|
value: any;
|
|
31
31
|
operator: any;
|
|
32
32
|
};
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import React, { PureComponent } from 'react';
|
|
2
2
|
import type { TableProps } from 'react-virtualized';
|
|
3
3
|
import { ColumnProps, Grid } from 'react-virtualized';
|
|
4
|
-
export
|
|
4
|
+
export type ScrollableTableState = {
|
|
5
5
|
scrollbarWidth: number;
|
|
6
6
|
};
|
|
7
7
|
/**
|
|
@@ -57,7 +57,7 @@ declare class ScrollableTable extends PureComponent<TableProps, ScrollableTableS
|
|
|
57
57
|
column: any;
|
|
58
58
|
index: any;
|
|
59
59
|
}) => import("@emotion/react/jsx-runtime").JSX.Element;
|
|
60
|
-
createRow: ({ rowIndex, isScrolling, key, parent, style }: {
|
|
60
|
+
createRow: ({ rowIndex: index, isScrolling, key, parent, style }: {
|
|
61
61
|
rowIndex: any;
|
|
62
62
|
isScrolling: any;
|
|
63
63
|
key: any;
|
|
@@ -31,5 +31,5 @@ export declare const getDateFilterOperators: (localeStrings?: LocaleStrings) =>
|
|
|
31
31
|
label: string;
|
|
32
32
|
value: string;
|
|
33
33
|
}[];
|
|
34
|
-
export
|
|
34
|
+
export type LocaleStrings = Partial<typeof DefaultStrings>;
|
|
35
35
|
//# sourceMappingURL=constants.d.ts.map
|
|
@@ -17,7 +17,7 @@ export declare const ColumnHeaderActionsContainer: StyledComponent<{
|
|
|
17
17
|
theme?: import("@emotion/react").Theme | undefined;
|
|
18
18
|
as?: import("react").ElementType<any> | undefined;
|
|
19
19
|
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
20
|
-
|
|
20
|
+
type ColumnHeaderContainerProps = {
|
|
21
21
|
clickable?: boolean;
|
|
22
22
|
active?: boolean;
|
|
23
23
|
isFirst?: boolean;
|
|
@@ -35,7 +35,7 @@ export declare const ColumnHeaderIcon: StyledComponent<{
|
|
|
35
35
|
theme?: import("@emotion/react").Theme | undefined;
|
|
36
36
|
as?: import("react").ElementType<any> | undefined;
|
|
37
37
|
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
|
|
38
|
-
|
|
38
|
+
type CellProps = {
|
|
39
39
|
editable?: boolean;
|
|
40
40
|
indent?: boolean;
|
|
41
41
|
input?: boolean;
|
|
@@ -49,7 +49,7 @@ export declare const Cell: StyledComponent<{
|
|
|
49
49
|
theme?: import("@emotion/react").Theme | undefined;
|
|
50
50
|
as?: import("react").ElementType<any> | undefined;
|
|
51
51
|
} & CellProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
52
|
-
|
|
52
|
+
type RowProps = {
|
|
53
53
|
zebra?: boolean;
|
|
54
54
|
selected?: boolean;
|
|
55
55
|
selecting?: boolean;
|
|
@@ -73,7 +73,7 @@ export declare const FilterSeparator: StyledComponent<{
|
|
|
73
73
|
theme?: import("@emotion/react").Theme | undefined;
|
|
74
74
|
as?: import("react").ElementType<any> | undefined;
|
|
75
75
|
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
76
|
-
|
|
76
|
+
type SortButtonProps = {
|
|
77
77
|
active?: boolean;
|
|
78
78
|
icon?: React.ReactNode;
|
|
79
79
|
label: string;
|
|
@@ -85,7 +85,7 @@ export declare const SortButton: StyledComponent<{
|
|
|
85
85
|
} & {
|
|
86
86
|
theme?: import("@emotion/react").Theme | undefined;
|
|
87
87
|
} & SortButtonProps, {}, {}>;
|
|
88
|
-
|
|
88
|
+
type InlineInputProps = {
|
|
89
89
|
textAlign?: 'right' | 'left';
|
|
90
90
|
};
|
|
91
91
|
export declare const InlineInput: StyledComponent<{
|
|
@@ -129,7 +129,7 @@ export declare const SymbolDropdownIcon: StyledComponent<(import("react").SVGPro
|
|
|
129
129
|
} & {
|
|
130
130
|
theme?: import("@emotion/react").Theme | undefined;
|
|
131
131
|
}), {}, {}>;
|
|
132
|
-
|
|
132
|
+
type CellBodyProps = {
|
|
133
133
|
type: string;
|
|
134
134
|
rightAlign?: boolean;
|
|
135
135
|
};
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import type { LocaleStrings } from './constants';
|
|
3
3
|
import type { SortDirection } from 'react-virtualized';
|
|
4
|
-
export
|
|
4
|
+
export type filterRendererArguments = {
|
|
5
5
|
onChange: (arg0: {
|
|
6
6
|
value: any;
|
|
7
7
|
operator?: any;
|
|
@@ -14,7 +14,7 @@ export declare type filterRendererArguments = {
|
|
|
14
14
|
locale?: string;
|
|
15
15
|
localeStrings?: LocaleStrings;
|
|
16
16
|
};
|
|
17
|
-
export
|
|
17
|
+
export type sortRendererArguments = {
|
|
18
18
|
dataKey?: string;
|
|
19
19
|
sortBy?: string;
|
|
20
20
|
onSortAsc: () => void;
|
|
@@ -24,7 +24,7 @@ export declare type sortRendererArguments = {
|
|
|
24
24
|
sortDirection?: keyof typeof SortDirection;
|
|
25
25
|
localeStrings?: LocaleStrings;
|
|
26
26
|
};
|
|
27
|
-
export
|
|
27
|
+
export type InternalResizeHandler = (arg0: {
|
|
28
28
|
x: number;
|
|
29
29
|
}) => void;
|
|
30
30
|
//# sourceMappingURL=types.d.ts.map
|
|
@@ -9,7 +9,7 @@ export declare const CLOSE_KEYS: string[];
|
|
|
9
9
|
export declare const DATE_FORMATS: string[];
|
|
10
10
|
export declare const DATETIME_FORMAT: (timeFormat: string) => string[];
|
|
11
11
|
export declare const DISABLED_DAY_ERROR_MESSAGE = "That date is disabled";
|
|
12
|
-
export
|
|
12
|
+
export type DateControlProps = Omit<FormControlProps<'text'>, 'blockLabel' | 'label' | 'labelWidth' | 'onChange' | 'type' | 'value'> & Pick<DatePickerProps, 'variant' | 'disabledDays'> & {
|
|
13
13
|
blockLabel?: boolean;
|
|
14
14
|
clearable?: boolean;
|
|
15
15
|
/** Date format used for displaying dates; defaults to 'MMM DD, YYYY' */
|
|
@@ -6,7 +6,7 @@ export declare const FORMAT_DATE_ERROR_MESSAGE = "Format MM/DD/YYYY";
|
|
|
6
6
|
export declare const DATE_FORMAT = "YYYY-MM-DD HH:mm:ss";
|
|
7
7
|
export declare const FORMAT_ERROR_MESSAGE: string;
|
|
8
8
|
export declare const DISABLED_DAY_ERROR_MESSAGE = "That date is disabled";
|
|
9
|
-
export
|
|
9
|
+
export type DateFieldProps = Omit<FormFieldProps<'text'>, 'value' | 'onChange' | 'type'> & {
|
|
10
10
|
clearable?: boolean;
|
|
11
11
|
disabledDays?: (date: Date) => boolean;
|
|
12
12
|
/** Dates after today should be selectable; defaults to true */
|
|
@@ -37,7 +37,7 @@ export declare type DateFieldProps = Omit<FormFieldProps<'text'>, 'value' | 'onC
|
|
|
37
37
|
/** Locale */
|
|
38
38
|
locale?: string;
|
|
39
39
|
};
|
|
40
|
-
|
|
40
|
+
type DateFieldState = {
|
|
41
41
|
inputValue: string;
|
|
42
42
|
show: boolean;
|
|
43
43
|
};
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { PureComponent } from 'react';
|
|
2
2
|
import type { Theme } from '../ThemeProvider';
|
|
3
|
-
export
|
|
3
|
+
export type DatePickerProps = {
|
|
4
4
|
/** Optional custom CSS className to use */
|
|
5
5
|
className?: string;
|
|
6
6
|
/** Visual variant, defaults to `primary`. */
|
|
@@ -3,7 +3,7 @@ import 'moment/locale/ja';
|
|
|
3
3
|
import 'moment/locale/ko';
|
|
4
4
|
import 'moment/locale/es';
|
|
5
5
|
import 'moment/locale/de';
|
|
6
|
-
|
|
6
|
+
type Value = string | number | Date;
|
|
7
7
|
/** Strings and Dates are converted using this format (eg. 6/3/2015) */
|
|
8
8
|
export declare const MOMENT_JS_FORMAT = "l";
|
|
9
9
|
/** Does the specified String represent a Date in the supported format? */
|
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import { DetailPanelBody, DetailPanelHeader } from './elements';
|
|
3
3
|
import type { CollapsibleToggleProps } from '../CollapsibleToggle';
|
|
4
|
-
export
|
|
4
|
+
export type DetailPanelProps = {
|
|
5
5
|
children?: React.ReactNode;
|
|
6
6
|
hiddenToggleLabel?: CollapsibleToggleProps['hiddenLabel'];
|
|
7
7
|
isClosed?: boolean;
|
|
8
8
|
toggleOnClick?: CollapsibleToggleProps['onClick'];
|
|
9
9
|
};
|
|
10
|
-
export
|
|
10
|
+
export type DetailPanelSubComponents = {
|
|
11
11
|
Header: typeof DetailPanelHeader;
|
|
12
12
|
Body: typeof DetailPanelBody;
|
|
13
13
|
};
|
|
@@ -5,7 +5,7 @@ export declare const HeaderWrapper: import("@emotion/styled").StyledComponent<{
|
|
|
5
5
|
} & {
|
|
6
6
|
isClosed?: boolean | undefined;
|
|
7
7
|
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
8
|
-
|
|
8
|
+
type DetailPanelHeaderProps = {
|
|
9
9
|
title: string;
|
|
10
10
|
subtitle?: string;
|
|
11
11
|
icon?: React.ReactNode;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { ChartColors, Datum } from '../ChartPrimitives';
|
|
2
|
-
export
|
|
2
|
+
export type DistributionChartProps = {
|
|
3
3
|
/** The values, names, and colors of each bar in the series. Each `label` will be rendered on the x-axis. Color defaults to DEFAULT_COLORS. */
|
|
4
4
|
values: {
|
|
5
5
|
value: number;
|