@gobolt/genesis 0.3.27 → 0.4.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/README.md +1 -1
- package/dist/bundle.css +41 -41
- package/dist/components/Avatar/styles.d.ts +12 -1
- package/dist/components/Badge/styles.d.ts +10 -1
- package/dist/components/Breadcrumb/styles.d.ts +23 -2
- package/dist/components/Button/icon-button-styles.d.ts +12 -1
- package/dist/components/Button/styles.d.ts +16 -1
- package/dist/components/Card/styles.d.ts +10 -1
- package/dist/components/Checkbox/styles.d.ts +6 -1
- package/dist/components/ErrorBoundaryFallback/styles.d.ts +1 -1
- package/dist/components/Input/styles.d.ts +17 -1
- package/dist/components/Insights/BarChart/BarChart.d.ts +1 -0
- package/dist/components/Insights/BarChart/styles.d.ts +9 -2
- package/dist/components/Insights/DonutChart/styles.d.ts +9 -2
- package/dist/components/Insights/LineChart/styles.d.ts +9 -2
- package/dist/components/Insights/common-settings.d.ts +75 -0
- package/dist/components/Layout/Content/styles.d.ts +7 -1
- package/dist/components/Message/styles.d.ts +9 -3
- package/dist/components/Notification/NotificationBadge/styles.d.ts +3 -3
- package/dist/components/Notification/styles.d.ts +16 -5
- package/dist/components/Popover/styles.d.ts +13 -1
- package/dist/components/Progress/Progress.d.ts +2 -1
- package/dist/components/Progress/styles.d.ts +13 -1
- package/dist/components/Radio/Radio.d.ts +4 -1
- package/dist/components/Row/RowActions/styles.d.ts +1 -1
- package/dist/components/Row/RowLabelValue/styles.d.ts +12 -2
- package/dist/components/Row/styles.d.ts +9 -1
- package/dist/components/SegmentedControls/styles.d.ts +9 -1
- package/dist/components/Switch/styles.d.ts +7 -1
- package/dist/components/Table/Table.d.ts +12 -2
- package/dist/components/Table/TableControls/PrimaryTableControlsRow.d.ts +3 -1
- package/dist/components/Table/styles.d.ts +15 -1
- package/dist/components/Table/useTable.d.ts +4 -0
- package/dist/components/TableWithControls/useTableWithControls.d.ts +3 -1
- package/dist/components/Tabs/styles.d.ts +11 -1
- package/dist/components/Tile/styles.d.ts +7 -1
- package/dist/components/Toast/styles.d.ts +9 -3
- package/dist/components/Tooltip/Tooltip.d.ts +6 -1
- package/dist/components/Tooltip/styles.d.ts +14 -1
- package/dist/components/Typography/styles.d.ts +21 -3
- package/dist/index.cjs +3371 -2874
- package/dist/index.js +3371 -2874
- package/dist/styles/global-styles.d.ts +1 -1
- package/dist/styles/theme/genesis-theme.d.ts +1 -79
- package/dist/utils/styled.d.ts +1 -0
- package/dist/utils/user-util.d.ts +2 -0
- package/package.json +27 -32
- package/dist/styles/design-tokens/variables.d.ts +0 -706
|
@@ -1,6 +1,17 @@
|
|
|
1
|
+
import { GenesisTheme } from '../../styles/theme/genesis-theme.types';
|
|
2
|
+
interface StyledAvatarProperties {
|
|
3
|
+
theme?: GenesisTheme;
|
|
4
|
+
type?: "primary" | "secondary";
|
|
5
|
+
state?: "active" | "disabled";
|
|
6
|
+
}
|
|
1
7
|
export declare const getGenesisClass: ({ colors, borderRadius, sizing }: {
|
|
2
8
|
colors: any;
|
|
3
9
|
borderRadius: any;
|
|
4
10
|
sizing: any;
|
|
5
11
|
}, type?: string, state?: string) => string;
|
|
6
|
-
export declare const Avatar:
|
|
12
|
+
export declare const Avatar: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<Omit<import('antd').AvatarProps & import('react').RefAttributes<HTMLSpanElement>, "ref"> & {
|
|
13
|
+
ref?: ((instance: HTMLSpanElement | null) => void | import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import('react').RefObject<HTMLSpanElement> | null | undefined;
|
|
14
|
+
}, StyledAvatarProperties>> & string & Omit<import('react').ForwardRefExoticComponent<import('antd').AvatarProps & import('react').RefAttributes<HTMLSpanElement>> & {
|
|
15
|
+
Group: import('react').FC<import('antd/es/avatar/AvatarGroup').AvatarGroupProps>;
|
|
16
|
+
}, keyof import('react').Component<any, {}, any>>;
|
|
17
|
+
export {};
|
|
@@ -1,4 +1,13 @@
|
|
|
1
1
|
import { GenesisTheme } from '../../styles/theme/genesis-theme.types';
|
|
2
2
|
import { State } from './Badge';
|
|
3
|
+
interface StyledBadgeProperties {
|
|
4
|
+
theme?: GenesisTheme;
|
|
5
|
+
state?: State;
|
|
6
|
+
label?: string;
|
|
7
|
+
disabled?: boolean;
|
|
8
|
+
$backgroundColor?: string;
|
|
9
|
+
$hasHover?: boolean;
|
|
10
|
+
}
|
|
3
11
|
export declare const getGenesisClass: (theme: GenesisTheme, state: State, label?: string, disabled?: boolean, $backgroundColor?: string, $hasHover?: boolean) => string;
|
|
4
|
-
export declare const Badge:
|
|
12
|
+
export declare const Badge: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, StyledBadgeProperties>> & string;
|
|
13
|
+
export {};
|
|
@@ -1,5 +1,26 @@
|
|
|
1
1
|
import { GenesisTheme } from '../../styles/theme/genesis-theme.types';
|
|
2
|
+
interface StyledBreadcrumbProperties {
|
|
3
|
+
theme?: GenesisTheme;
|
|
4
|
+
$isDisabled?: boolean;
|
|
5
|
+
}
|
|
6
|
+
interface StyledBreadcrumbComponentProperties extends StyledBreadcrumbProperties {
|
|
7
|
+
type?: string;
|
|
8
|
+
state?: string;
|
|
9
|
+
breakpoint?: string;
|
|
10
|
+
role?: string;
|
|
11
|
+
}
|
|
2
12
|
export declare const getGenesisClass: ({ colors, typography }: GenesisTheme, breakpoint?: string) => string;
|
|
3
|
-
export declare const BreadcrumbWrapper:
|
|
4
|
-
export declare const Breadcrumb:
|
|
13
|
+
export declare const BreadcrumbWrapper: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, StyledBreadcrumbProperties>> & string;
|
|
14
|
+
export declare const Breadcrumb: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('antd').BreadcrumbProps<import('antd/es/_util/type').AnyObject>, StyledBreadcrumbComponentProperties>> & string & Omit<{
|
|
15
|
+
<T extends import('antd/es/_util/type').AnyObject = import('antd/es/_util/type').AnyObject>(props: import('antd').BreadcrumbProps<T>): React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;
|
|
16
|
+
Item: React.FC<import('antd').BreadcrumbItemProps> & {
|
|
17
|
+
__ANT_BREADCRUMB_ITEM: boolean;
|
|
18
|
+
};
|
|
19
|
+
Separator: React.FC<{
|
|
20
|
+
children?: React.ReactNode | undefined;
|
|
21
|
+
}> & {
|
|
22
|
+
__ANT_BREADCRUMB_SEPARATOR: boolean;
|
|
23
|
+
};
|
|
24
|
+
displayName: string;
|
|
25
|
+
}, keyof import('react').Component<any, {}, any>>;
|
|
5
26
|
export default Breadcrumb;
|
|
@@ -1 +1,12 @@
|
|
|
1
|
-
|
|
1
|
+
import { GenesisTheme } from '../../styles/theme/genesis-theme.types';
|
|
2
|
+
interface StyledIconButtonProperties {
|
|
3
|
+
theme?: GenesisTheme;
|
|
4
|
+
$themeType?: "primary" | "secondary" | "tertiary" | "destructive" | "utility" | "icon";
|
|
5
|
+
$state?: "active" | "hover" | "pressed" | "focus" | "disabled" | "selected";
|
|
6
|
+
children?: React.ReactNode;
|
|
7
|
+
$isIconButton?: boolean;
|
|
8
|
+
$isSelected?: boolean;
|
|
9
|
+
size?: "small" | "normal" | "large";
|
|
10
|
+
}
|
|
11
|
+
export declare const Button: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, StyledIconButtonProperties>> & string;
|
|
12
|
+
export {};
|
|
@@ -1 +1,16 @@
|
|
|
1
|
-
|
|
1
|
+
import { ButtonProps as AntButtonProperties } from 'antd/es/button';
|
|
2
|
+
import { GenesisTheme } from '../../styles/theme/genesis-theme.types';
|
|
3
|
+
interface StyledButtonProperties extends Omit<AntButtonProperties, "type" | "size"> {
|
|
4
|
+
theme?: GenesisTheme;
|
|
5
|
+
$themeType?: "primary" | "secondary" | "tertiary" | "destructive" | "utility" | "icon";
|
|
6
|
+
$state?: "active" | "hover" | "pressed" | "focus" | "disabled" | "selected";
|
|
7
|
+
children?: React.ReactNode;
|
|
8
|
+
$isIconButton?: boolean;
|
|
9
|
+
size?: "small" | "normal" | "large";
|
|
10
|
+
}
|
|
11
|
+
export declare const Button: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<Omit<AntButtonProperties & import('react').RefAttributes<HTMLAnchorElement | HTMLButtonElement>, "ref"> & {
|
|
12
|
+
ref?: ((instance: HTMLAnchorElement | HTMLButtonElement | null) => void | import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import('react').RefObject<HTMLAnchorElement | HTMLButtonElement> | null | undefined;
|
|
13
|
+
}, StyledButtonProperties>> & string & Omit<import('react').ForwardRefExoticComponent<AntButtonProperties & import('react').RefAttributes<HTMLAnchorElement | HTMLButtonElement>> & {
|
|
14
|
+
Group: import('react').FC<import('antd/es/button').ButtonGroupProps>;
|
|
15
|
+
}, keyof import('react').Component<any, {}, any>>;
|
|
16
|
+
export {};
|
|
@@ -1,6 +1,15 @@
|
|
|
1
|
+
import { GenesisTheme } from '../../styles/theme/genesis-theme.types';
|
|
2
|
+
interface StyledCardProperties {
|
|
3
|
+
theme?: GenesisTheme;
|
|
4
|
+
type?: "primary" | "secondary";
|
|
5
|
+
state?: "active" | "disabled";
|
|
6
|
+
}
|
|
1
7
|
export declare const getGenesisClass: ({ colors, borderRadius, sizing }: {
|
|
2
8
|
colors: any;
|
|
3
9
|
borderRadius: any;
|
|
4
10
|
sizing: any;
|
|
5
11
|
}, type?: string, state?: string) => string;
|
|
6
|
-
export declare const Card:
|
|
12
|
+
export declare const Card: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<Omit<import('antd').CardProps & import('react').RefAttributes<HTMLDivElement>, "ref"> & {
|
|
13
|
+
ref?: ((instance: HTMLDivElement | null) => void | import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import('react').RefObject<HTMLDivElement> | null | undefined;
|
|
14
|
+
}, StyledCardProperties>> & string & Omit<import('antd/es/card').CardInterface, keyof import('react').Component<any, {}, any>>;
|
|
15
|
+
export {};
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import { CheckboxProps as CheckboxProperties } from './Checkbox';
|
|
1
2
|
import { GenesisTheme } from '../../styles/theme/genesis-theme.types';
|
|
2
3
|
declare module "styled-components" {
|
|
3
4
|
interface DefaultTheme extends GenesisTheme {
|
|
@@ -7,4 +8,8 @@ export declare const getGenesisClass: ({ colors, borderRadius }: {
|
|
|
7
8
|
colors: any;
|
|
8
9
|
borderRadius: any;
|
|
9
10
|
}, type?: string, state?: string) => string;
|
|
10
|
-
export declare const StyledCheckbox:
|
|
11
|
+
export declare const StyledCheckbox: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<Omit<import('antd').CheckboxProps & import('react').RefAttributes<import('rc-checkbox').CheckboxRef>, "ref"> & {
|
|
12
|
+
ref?: ((instance: import('rc-checkbox').CheckboxRef | null) => void | import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import('react').RefObject<import('rc-checkbox').CheckboxRef> | null | undefined;
|
|
13
|
+
}, CheckboxProperties>> & string & Omit<import('react').ForwardRefExoticComponent<import('antd').CheckboxProps & import('react').RefAttributes<import('rc-checkbox').CheckboxRef>> & {
|
|
14
|
+
Group: <T = any>(props: import('antd/es/checkbox').CheckboxGroupProps<T> & React.RefAttributes<HTMLDivElement>) => React.ReactElement;
|
|
15
|
+
}, keyof import('react').Component<any, {}, any>>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export declare const StyledErrorBoundaryFallback: any
|
|
1
|
+
export declare const StyledErrorBoundaryFallback: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('antd').ResultProps, never>> & string & Omit<import('antd/es/result').ResultType, keyof import('react').Component<any, {}, any>>;
|
|
@@ -1 +1,17 @@
|
|
|
1
|
-
|
|
1
|
+
import { InputProps as AntInputProperties, InputRef } from 'antd';
|
|
2
|
+
import { STATE } from '../../constants';
|
|
3
|
+
interface InputStyledProperties extends Omit<AntInputProperties, "size"> {
|
|
4
|
+
state?: keyof typeof STATE;
|
|
5
|
+
size?: "normal" | "small" | "large";
|
|
6
|
+
value?: string;
|
|
7
|
+
}
|
|
8
|
+
export declare const Input: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<Omit<AntInputProperties & import('react').RefAttributes<InputRef>, "ref"> & {
|
|
9
|
+
ref?: ((instance: InputRef | null) => void | import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import('react').RefObject<InputRef> | null | undefined;
|
|
10
|
+
}, InputStyledProperties>> & string & Omit<import('react').ForwardRefExoticComponent<AntInputProperties & import('react').RefAttributes<InputRef>> & {
|
|
11
|
+
Group: import('react').FC<import('antd/es/input').GroupProps>;
|
|
12
|
+
Search: import('react').ForwardRefExoticComponent<import('antd/es/input').SearchProps & import('react').RefAttributes<InputRef>>;
|
|
13
|
+
TextArea: import('react').ForwardRefExoticComponent<import('antd/es/input').TextAreaProps & import('react').RefAttributes<import('antd/es/input/TextArea').TextAreaRef>>;
|
|
14
|
+
Password: import('react').ForwardRefExoticComponent<import('antd/es/input').PasswordProps & import('react').RefAttributes<InputRef>>;
|
|
15
|
+
OTP: import('react').ForwardRefExoticComponent<import('antd/es/input/OTP').OTPProps & import('react').RefAttributes<import('antd/es/input/OTP').OTPRef>>;
|
|
16
|
+
}, keyof import('react').Component<any, {}, any>>;
|
|
17
|
+
export {};
|
|
@@ -1,2 +1,9 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
1
|
+
import { GenesisTheme } from '../../../styles/theme/genesis-theme.types';
|
|
2
|
+
interface ContainerProps {
|
|
3
|
+
theme?: GenesisTheme;
|
|
4
|
+
$height?: number;
|
|
5
|
+
$width?: number;
|
|
6
|
+
}
|
|
7
|
+
export declare const Container: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, ContainerProps>> & string;
|
|
8
|
+
export declare const ChartContainer: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
9
|
+
export {};
|
|
@@ -1,2 +1,9 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
1
|
+
import { GenesisTheme } from '../../../styles/theme/genesis-theme.types';
|
|
2
|
+
interface ContainerProps {
|
|
3
|
+
theme?: GenesisTheme;
|
|
4
|
+
$height?: number;
|
|
5
|
+
$width?: number;
|
|
6
|
+
}
|
|
7
|
+
export declare const Container: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, ContainerProps>> & string;
|
|
8
|
+
export declare const ChartContainer: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
9
|
+
export {};
|
|
@@ -1,2 +1,9 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
1
|
+
import { GenesisTheme } from '../../../styles/theme/genesis-theme.types';
|
|
2
|
+
interface ContainerProps {
|
|
3
|
+
theme?: GenesisTheme;
|
|
4
|
+
$height?: number;
|
|
5
|
+
$width?: number;
|
|
6
|
+
}
|
|
7
|
+
export declare const Container: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, ContainerProps>> & string;
|
|
8
|
+
export declare const ChartContainer: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
9
|
+
export {};
|
|
@@ -0,0 +1,75 @@
|
|
|
1
|
+
export declare const CHART_HEIGHTS: {
|
|
2
|
+
readonly MIN_HEIGHT: 160;
|
|
3
|
+
readonly DESIGN_EXAMPLE_HEIGHT: 160;
|
|
4
|
+
readonly DEFAULT_HEIGHT: 160;
|
|
5
|
+
readonly DONUT_DEFAULT_HEIGHT: 300;
|
|
6
|
+
};
|
|
7
|
+
export declare const CHART_WIDTHS: {
|
|
8
|
+
readonly DEFAULT_WIDTH: 260;
|
|
9
|
+
readonly LINE_CHART_DEFAULT_WIDTH: 280;
|
|
10
|
+
};
|
|
11
|
+
export declare const CHART_MARGINS: {
|
|
12
|
+
readonly LINE_CHART: {
|
|
13
|
+
readonly top: 15;
|
|
14
|
+
readonly right: 30;
|
|
15
|
+
readonly bottom: 30;
|
|
16
|
+
readonly left: 8;
|
|
17
|
+
};
|
|
18
|
+
readonly BAR_CHART: {
|
|
19
|
+
readonly top: 15;
|
|
20
|
+
readonly right: 30;
|
|
21
|
+
readonly bottom: 30;
|
|
22
|
+
readonly left: 8;
|
|
23
|
+
};
|
|
24
|
+
readonly DONUT_CHART: {
|
|
25
|
+
readonly top: 20;
|
|
26
|
+
readonly right: 20;
|
|
27
|
+
readonly bottom: 20;
|
|
28
|
+
readonly left: 20;
|
|
29
|
+
};
|
|
30
|
+
};
|
|
31
|
+
export declare const CHART_HEIGHT_CALCULATIONS: {
|
|
32
|
+
readonly LINE_CHART: 5;
|
|
33
|
+
readonly BAR_CHART: 5;
|
|
34
|
+
readonly DONUT_CHART: 0;
|
|
35
|
+
};
|
|
36
|
+
export declare const CHART_GRID_LINES: {
|
|
37
|
+
readonly LINE_CHART: readonly [0, 33, 65, 100];
|
|
38
|
+
readonly BAR_CHART: readonly [0, 15, 35, 50];
|
|
39
|
+
};
|
|
40
|
+
export declare const CHART_Y_AXIS_LABELS: {
|
|
41
|
+
readonly LINE_CHART: readonly [100, 65, 33, 0];
|
|
42
|
+
readonly BAR_CHART: readonly [50, 35, 15, 0];
|
|
43
|
+
};
|
|
44
|
+
export declare const CHART_CONTAINER_PADDING: {
|
|
45
|
+
readonly CONTAINER: "Size2";
|
|
46
|
+
readonly CHART_CONTAINER: "Size2";
|
|
47
|
+
};
|
|
48
|
+
export declare const CHART_TRANSITION_DURATION = 0.15;
|
|
49
|
+
export declare const CHART_TOOLTIP_LINE_LENGTH_REDUCTION = 0;
|
|
50
|
+
export declare const x_axis_style: {
|
|
51
|
+
label: {
|
|
52
|
+
font_family: string;
|
|
53
|
+
font_size: string;
|
|
54
|
+
font_style: string;
|
|
55
|
+
font_weight: string;
|
|
56
|
+
line_height: string;
|
|
57
|
+
};
|
|
58
|
+
};
|
|
59
|
+
export declare const y_axis_style: {
|
|
60
|
+
label: {
|
|
61
|
+
font_family: string;
|
|
62
|
+
font_size: string;
|
|
63
|
+
font_style: string;
|
|
64
|
+
font_weight: string;
|
|
65
|
+
line_height: string;
|
|
66
|
+
letter_spacing: string;
|
|
67
|
+
text_transform: string;
|
|
68
|
+
};
|
|
69
|
+
};
|
|
70
|
+
export declare const VEHICLE_INSIGHTS_CONFIG: {
|
|
71
|
+
readonly BAR_COLOR: "#9a9a9a";
|
|
72
|
+
readonly BAR_WIDTH: 4;
|
|
73
|
+
readonly BAR_SPACING: 40;
|
|
74
|
+
readonly GRID_LINE_POSITIONS: readonly [5, 10, 73, 108];
|
|
75
|
+
};
|
|
@@ -1,4 +1,10 @@
|
|
|
1
|
+
import { GenesisTheme } from '../../../styles/theme/genesis-theme.types';
|
|
2
|
+
interface StyledContentProperties {
|
|
3
|
+
theme?: GenesisTheme;
|
|
4
|
+
$isColumn?: boolean;
|
|
5
|
+
}
|
|
1
6
|
export declare const getGenesisClass: ({ sizing }: {
|
|
2
7
|
sizing: any;
|
|
3
8
|
}, $isColumn: any) => string;
|
|
4
|
-
export declare const Content:
|
|
9
|
+
export declare const Content: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, StyledContentProperties>> & string;
|
|
10
|
+
export {};
|
|
@@ -1,3 +1,9 @@
|
|
|
1
|
-
export declare const MessageRow:
|
|
2
|
-
|
|
3
|
-
|
|
1
|
+
export declare const MessageRow: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
|
|
2
|
+
state: string;
|
|
3
|
+
size: string;
|
|
4
|
+
}>> & string;
|
|
5
|
+
export declare const MessageContent: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
|
|
6
|
+
size?: string;
|
|
7
|
+
action?: unknown;
|
|
8
|
+
}>> & string;
|
|
9
|
+
export declare const ActionButton: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, never>> & string;
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
export declare const BadgeState:
|
|
2
|
-
export declare const Badge:
|
|
3
|
-
export declare const BadgeWrapper:
|
|
1
|
+
export declare const BadgeState: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
2
|
+
export declare const Badge: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
3
|
+
export declare const BadgeWrapper: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
@@ -1,5 +1,16 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
1
|
+
type NotificationRowProperties = {
|
|
2
|
+
state: string;
|
|
3
|
+
size: string;
|
|
4
|
+
$isUnread: boolean;
|
|
5
|
+
};
|
|
6
|
+
export declare const NotificationRow: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, NotificationRowProperties>> & string;
|
|
7
|
+
export declare const NotificationContent: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
|
|
8
|
+
size: string;
|
|
9
|
+
}>> & string;
|
|
10
|
+
export declare const NotificationUnread: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
|
|
11
|
+
state: string;
|
|
12
|
+
size: string;
|
|
13
|
+
}>> & string;
|
|
14
|
+
export declare const NotificationActionButton: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, never>> & string;
|
|
15
|
+
export declare const ChevronButton: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, never>> & string;
|
|
16
|
+
export {};
|
|
@@ -1,2 +1,14 @@
|
|
|
1
|
+
import { GenesisTheme } from '../../styles/theme/genesis-theme.types';
|
|
2
|
+
interface StyledPopoverProperties {
|
|
3
|
+
theme?: GenesisTheme;
|
|
4
|
+
align?: "left" | "right" | "top" | "bottom";
|
|
5
|
+
placement?: "top" | "topleft" | "topright";
|
|
6
|
+
title?: string;
|
|
7
|
+
}
|
|
1
8
|
export declare const getGenesisClass: (theme: any) => string;
|
|
2
|
-
export declare const Popover:
|
|
9
|
+
export declare const Popover: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<Omit<import('antd').PopconfirmProps & import('react').RefAttributes<import('antd/es/tooltip').TooltipRef>, "ref"> & {
|
|
10
|
+
ref?: ((instance: import('antd/es/tooltip').TooltipRef | null) => void | import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import('react').RefObject<import('antd/es/tooltip').TooltipRef> | null | undefined;
|
|
11
|
+
}, StyledPopoverProperties>> & string & Omit<import('react').ForwardRefExoticComponent<import('antd').PopconfirmProps & import('react').RefAttributes<import('antd/es/tooltip').TooltipRef>> & {
|
|
12
|
+
_InternalPanelDoNotUseOrYouWillBeFired: import('react').FC<import('antd/es/popconfirm/PurePanel').PurePanelProps>;
|
|
13
|
+
}, keyof import('react').Component<any, {}, any>>;
|
|
14
|
+
export {};
|
|
@@ -13,6 +13,7 @@ export interface ProgressProps {
|
|
|
13
13
|
width?: number;
|
|
14
14
|
height?: number;
|
|
15
15
|
isTextBeforeBar?: boolean;
|
|
16
|
+
isProgressCombined?: boolean;
|
|
16
17
|
}
|
|
17
|
-
declare const Progress: ({ firstBarData, secondBarData, width, height, isTextBeforeBar, }: ProgressProps) => import("react/jsx-runtime").JSX.Element;
|
|
18
|
+
declare const Progress: ({ firstBarData, secondBarData, width, height, isTextBeforeBar, isProgressCombined, }: ProgressProps) => import("react/jsx-runtime").JSX.Element;
|
|
18
19
|
export default Progress;
|
|
@@ -1,4 +1,16 @@
|
|
|
1
|
+
import { ProgressProps } from 'antd';
|
|
2
|
+
import { GenesisTheme } from '../../styles/theme/genesis-theme.types';
|
|
3
|
+
import { Percent } from './Progress';
|
|
4
|
+
interface StyledProgressProperties extends ProgressProps {
|
|
5
|
+
theme?: GenesisTheme;
|
|
6
|
+
percent?: number;
|
|
7
|
+
success?: Percent | null;
|
|
8
|
+
state?: "success" | "error" | "info";
|
|
9
|
+
}
|
|
1
10
|
export declare const getGenesisClass: ({ colors }: {
|
|
2
11
|
colors: any;
|
|
3
12
|
}, state?: string) => string;
|
|
4
|
-
export declare const Progress:
|
|
13
|
+
export declare const Progress: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<Omit<ProgressProps & import('react').RefAttributes<HTMLDivElement>, "ref"> & {
|
|
14
|
+
ref?: ((instance: HTMLDivElement | null) => void | import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import('react').RefObject<HTMLDivElement> | null | undefined;
|
|
15
|
+
}, StyledProgressProperties>> & string & Omit<import('react').ForwardRefExoticComponent<ProgressProps & import('react').RefAttributes<HTMLDivElement>>, keyof import('react').Component<any, {}, any>>;
|
|
16
|
+
export {};
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import { default as React } from 'react';
|
|
1
2
|
export interface RadioProps {
|
|
2
3
|
id: string;
|
|
3
4
|
label?: string;
|
|
@@ -5,6 +6,8 @@ export interface RadioProps {
|
|
|
5
6
|
onChange: (id: string) => void;
|
|
6
7
|
isDisabled?: boolean;
|
|
7
8
|
}
|
|
8
|
-
export declare const RadioWrapper:
|
|
9
|
+
export declare const RadioWrapper: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
|
|
10
|
+
$isDisabled: boolean;
|
|
11
|
+
}>> & string;
|
|
9
12
|
declare const Radio: ({ id, label, selectedId, onChange, isDisabled }: RadioProps) => import("react/jsx-runtime").JSX.Element;
|
|
10
13
|
export default Radio;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export declare const ActionsContainer:
|
|
1
|
+
export declare const ActionsContainer: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
@@ -1,5 +1,15 @@
|
|
|
1
|
+
interface StyledRowLabelValueProperties {
|
|
2
|
+
$isFullWidth?: boolean;
|
|
3
|
+
}
|
|
1
4
|
export declare const getGenesisRowLabelValueClass: ({ components }: {
|
|
2
5
|
components: any;
|
|
3
6
|
}, $isFullWidth?: boolean) => string;
|
|
4
|
-
export declare const RowLabelValue:
|
|
5
|
-
export declare const Skeleton:
|
|
7
|
+
export declare const RowLabelValue: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, StyledRowLabelValueProperties>> & string;
|
|
8
|
+
export declare const Skeleton: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('antd').SkeletonProps, never>> & string & Omit<import('react').FC<import('antd').SkeletonProps> & {
|
|
9
|
+
Button: import('react').FC<import('antd/es/skeleton/Button').SkeletonButtonProps>;
|
|
10
|
+
Avatar: import('react').FC<import('antd/es/skeleton/Avatar').AvatarProps>;
|
|
11
|
+
Input: import('react').FC<import('antd/es/skeleton/Input').SkeletonInputProps>;
|
|
12
|
+
Image: import('react').FC<import('antd/es/skeleton/Image').SkeletonImageProps>;
|
|
13
|
+
Node: import('react').FC<import('antd/es/skeleton/Node').SkeletonNodeProps>;
|
|
14
|
+
}, keyof import('react').Component<any, {}, any>>;
|
|
15
|
+
export {};
|
|
@@ -1,6 +1,14 @@
|
|
|
1
|
+
import { GenesisTheme } from '../../styles/theme/genesis-theme.types';
|
|
2
|
+
interface StyledColumnProperties {
|
|
3
|
+
theme?: GenesisTheme;
|
|
4
|
+
$hasBorder?: boolean;
|
|
5
|
+
$isFullWidth?: boolean;
|
|
6
|
+
actions?: unknown;
|
|
7
|
+
}
|
|
1
8
|
export declare const getGenesisColumnClass: ({ colors, borderRadius, sizing }: {
|
|
2
9
|
colors: any;
|
|
3
10
|
borderRadius: any;
|
|
4
11
|
sizing: any;
|
|
5
12
|
}, $hasBorder?: boolean, $isFullWidth?: boolean, actions?: null) => string;
|
|
6
|
-
export declare const Column:
|
|
13
|
+
export declare const Column: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, StyledColumnProperties>> & string;
|
|
14
|
+
export {};
|
|
@@ -1,3 +1,11 @@
|
|
|
1
1
|
import { GenesisTheme } from '../../styles/theme/genesis-theme.types';
|
|
2
|
+
interface StyledSegmentedControlsProperties {
|
|
3
|
+
theme?: GenesisTheme;
|
|
4
|
+
type?: "primary" | "secondary";
|
|
5
|
+
state?: "active" | "disabled";
|
|
6
|
+
}
|
|
2
7
|
export declare const getGenesisClass: ({ colors, borderRadius, sizing, typography }: GenesisTheme, type?: string, state?: string) => string;
|
|
3
|
-
export declare const SegmentedControls:
|
|
8
|
+
export declare const SegmentedControls: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<Omit<import('antd').SegmentedProps<unknown> & import('react').RefAttributes<HTMLDivElement>, "ref"> & {
|
|
9
|
+
ref?: ((instance: HTMLDivElement | null) => void | import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import('react').RefObject<HTMLDivElement> | null | undefined;
|
|
10
|
+
}, StyledSegmentedControlsProperties>> & string & Omit<(<ValueType>(props: import('antd').SegmentedProps<ValueType> & React.RefAttributes<HTMLDivElement>) => ReturnType<import('react').ForwardRefExoticComponent<Omit<import('antd').SegmentedProps<import('rc-segmented').SegmentedValue>, "ref"> & import('react').RefAttributes<HTMLDivElement>>>) & Pick<import('react').FC<{}>, "displayName">, keyof import('react').Component<any, {}, any>>;
|
|
11
|
+
export {};
|
|
@@ -1,2 +1,8 @@
|
|
|
1
|
-
|
|
1
|
+
import { GenesisTheme } from '../../styles/theme/genesis-theme.types';
|
|
2
|
+
interface StyledSwitchProperties extends React.HTMLAttributes<HTMLButtonElement> {
|
|
3
|
+
theme?: GenesisTheme;
|
|
4
|
+
}
|
|
5
|
+
export declare const Switch: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<Omit<import('antd').SwitchProps & import('react').RefAttributes<HTMLButtonElement>, "ref"> & {
|
|
6
|
+
ref?: ((instance: HTMLButtonElement | null) => void | import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import('react').RefObject<HTMLButtonElement> | null | undefined;
|
|
7
|
+
}, StyledSwitchProperties>> & string & Omit<import('react').ForwardRefExoticComponent<import('antd').SwitchProps & import('react').RefAttributes<HTMLButtonElement>>, keyof import('react').Component<any, {}, any>>;
|
|
2
8
|
export default Switch;
|
|
@@ -1,9 +1,18 @@
|
|
|
1
1
|
import { ColumnType, TablePaginationConfig } from 'antd/es/table';
|
|
2
2
|
import { PaginationStyle } from './TableControls/CustomPagination';
|
|
3
|
-
import { ActionEvent } from '../../types';
|
|
3
|
+
import { ActionEvent } from '../../types/events';
|
|
4
4
|
import * as React from "react";
|
|
5
5
|
export type Change = (actionEvent: ActionEvent) => void;
|
|
6
6
|
export type SelectionType = "checkbox" | "radio";
|
|
7
|
+
export interface MaterializedViewConfig<T = any> {
|
|
8
|
+
enabled: boolean;
|
|
9
|
+
height?: number | string;
|
|
10
|
+
onLoadMore?: (offset: number, limit: number) => Promise<T[]> | T[];
|
|
11
|
+
loadMoreThreshold?: number;
|
|
12
|
+
initialLoadSize?: number;
|
|
13
|
+
hasMore?: boolean;
|
|
14
|
+
loading?: boolean;
|
|
15
|
+
}
|
|
7
16
|
export interface TableProps<T extends Record<string, any>> {
|
|
8
17
|
dataSource: T[];
|
|
9
18
|
columns: ColumnType<T>[];
|
|
@@ -33,6 +42,7 @@ export interface TableProps<T extends Record<string, any>> {
|
|
|
33
42
|
};
|
|
34
43
|
[key: string]: any;
|
|
35
44
|
isMainContentCell?: boolean;
|
|
45
|
+
materializedView?: MaterializedViewConfig<T>;
|
|
36
46
|
}
|
|
37
47
|
export type TablePaginationType = {
|
|
38
48
|
pageSize?: number;
|
|
@@ -46,5 +56,5 @@ export type SorterResult<T> = {
|
|
|
46
56
|
field?: keyof T | string | React.Key | readonly React.Key[];
|
|
47
57
|
columnKey?: React.Key;
|
|
48
58
|
};
|
|
49
|
-
declare function Table<T extends Record<string, any>>({ columns, dataSource, rowKey, size, onChange, rowSelection, pagination, isMainContentCell, ...rest }: TableProps<T>): import("react/jsx-runtime").JSX.Element;
|
|
59
|
+
declare function Table<T extends Record<string, any>>({ columns, dataSource, rowKey, size, onChange, rowSelection, pagination, isMainContentCell, materializedView, ...rest }: TableProps<T>): import("react/jsx-runtime").JSX.Element;
|
|
50
60
|
export default Table;
|
|
@@ -13,6 +13,8 @@ export interface PrimaryTableControlsRowProps {
|
|
|
13
13
|
onChange?: (event: ActionEvent<TableEventPayload>) => void;
|
|
14
14
|
searchValue?: string;
|
|
15
15
|
selectedSortOption?: string;
|
|
16
|
+
hasFilter?: boolean;
|
|
17
|
+
hasSettings?: boolean;
|
|
16
18
|
}
|
|
17
|
-
declare const PrimaryTableControlsRow: ({ sortOptions, searchByPlaceholder, searchField, isSortedAscending, searchValue, selectedSortOption, onChange, }: PrimaryTableControlsRowProps) => import("react/jsx-runtime").JSX.Element;
|
|
19
|
+
declare const PrimaryTableControlsRow: ({ sortOptions, searchByPlaceholder, searchField, isSortedAscending, searchValue, selectedSortOption, onChange, hasFilter, hasSettings, }: PrimaryTableControlsRowProps) => import("react/jsx-runtime").JSX.Element;
|
|
18
20
|
export default PrimaryTableControlsRow;
|
|
@@ -11,4 +11,18 @@ export declare const getGenesisClass: ({ colors, borderRadius, sizing, typograph
|
|
|
11
11
|
typography: any;
|
|
12
12
|
components: any;
|
|
13
13
|
}, $isMainContentCell: any) => string;
|
|
14
|
-
export declare const Table:
|
|
14
|
+
export declare const Table: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<Omit<TableProps<unknown> & {
|
|
15
|
+
children?: import('react').ReactNode | undefined;
|
|
16
|
+
} & import('react').RefAttributes<import('rc-table').Reference>, "ref"> & {
|
|
17
|
+
ref?: ((instance: import('rc-table').Reference | null) => void | import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import('react').RefObject<import('rc-table').Reference> | null | undefined;
|
|
18
|
+
}, StyledTableProps<any>>> & string & Omit<import('antd/es/table/interface').RefTable & {
|
|
19
|
+
displayName?: string;
|
|
20
|
+
SELECTION_COLUMN: typeof import('antd/es/table/hooks/useSelection').SELECTION_COLUMN;
|
|
21
|
+
EXPAND_COLUMN: typeof import('rc-table').EXPAND_COLUMN;
|
|
22
|
+
SELECTION_ALL: typeof import('antd/es/table/hooks/useSelection').SELECTION_ALL;
|
|
23
|
+
SELECTION_INVERT: typeof import('antd/es/table/hooks/useSelection').SELECTION_INVERT;
|
|
24
|
+
SELECTION_NONE: typeof import('antd/es/table/hooks/useSelection').SELECTION_NONE;
|
|
25
|
+
Column: <RecordType extends import('antd/es/_util/type').AnyObject>(_: import('antd').TableColumnProps<RecordType>) => null;
|
|
26
|
+
ColumnGroup: <RecordType extends import('antd/es/_util/type').AnyObject>(_: import('antd/es/table/ColumnGroup').ColumnGroupProps<RecordType>) => null;
|
|
27
|
+
Summary: typeof import('rc-table').Summary;
|
|
28
|
+
}, keyof import('react').Component<any, {}, any>>;
|
|
@@ -8,6 +8,8 @@ export type UseTableConfig = {
|
|
|
8
8
|
selectionType?: SelectionType;
|
|
9
9
|
simulateDelay?: number;
|
|
10
10
|
disableRowSelection?: (record: any) => unknown;
|
|
11
|
+
hasSettings?: boolean;
|
|
12
|
+
hasFilter?: boolean;
|
|
11
13
|
disableAutoFetch?: boolean;
|
|
12
14
|
dataSource?: any[];
|
|
13
15
|
};
|
|
@@ -19,6 +21,8 @@ export declare const useTable: <T extends Record<string, any>>(useTableConfig: a
|
|
|
19
21
|
getCheckboxProps: (record: any) => unknown;
|
|
20
22
|
};
|
|
21
23
|
selectedRows: T[];
|
|
24
|
+
hasSettings: boolean;
|
|
25
|
+
hasFilter: boolean;
|
|
22
26
|
updateDataSource: (newDataSource: T[]) => void;
|
|
23
27
|
dataSource: T[];
|
|
24
28
|
columns: ColumnsType<T>;
|
|
@@ -3,6 +3,8 @@ import { ActionEvent, TableEventPayload } from '../../types/events';
|
|
|
3
3
|
export declare const useTableWithControls: (tableConfig: UseTableConfig) => {
|
|
4
4
|
onChange: (actionEvent: ActionEvent<TableEventPayload>) => void;
|
|
5
5
|
primaryTableRowData: {
|
|
6
|
+
hasSettings: boolean | undefined;
|
|
7
|
+
hasFilter: boolean | undefined;
|
|
6
8
|
sortOptions: {
|
|
7
9
|
value: string;
|
|
8
10
|
label: import("react/jsx-runtime").JSX.Element;
|
|
@@ -26,4 +28,4 @@ export declare const useTableWithControls: (tableConfig: UseTableConfig) => {
|
|
|
26
28
|
getCheckboxProps: (record: any) => unknown;
|
|
27
29
|
};
|
|
28
30
|
updateDataSource: (newDataSource: Record<string, any>[]) => void;
|
|
29
|
-
};
|
|
31
|
+
} | null;
|
|
@@ -1,3 +1,13 @@
|
|
|
1
1
|
import { GenesisTheme } from '../../styles/theme/genesis-theme.types';
|
|
2
|
+
interface StyledTabsProperties {
|
|
3
|
+
theme?: GenesisTheme;
|
|
4
|
+
state: "active" | "hovered" | "focussed" | "disabled";
|
|
5
|
+
type: "card";
|
|
6
|
+
}
|
|
2
7
|
export declare const getGenesisClass: ({ colors, borderRadius, sizing }: GenesisTheme, type?: string, state?: string) => string;
|
|
3
|
-
export declare const Tabs:
|
|
8
|
+
export declare const Tabs: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<Omit<import('antd').TabsProps & import('react').RefAttributes<import('antd/es/tabs').TabsRef>, "ref"> & {
|
|
9
|
+
ref?: ((instance: import('antd/es/tabs').TabsRef | null) => void | import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import('react').RefObject<import('antd/es/tabs').TabsRef> | null | undefined;
|
|
10
|
+
}, StyledTabsProperties>> & string & Omit<import('react').ForwardRefExoticComponent<import('antd').TabsProps & import('react').RefAttributes<import('antd/es/tabs').TabsRef>> & {
|
|
11
|
+
TabPane: import('react').FC<import('antd').TabPaneProps>;
|
|
12
|
+
}, keyof import('react').Component<any, {}, any>>;
|
|
13
|
+
export {};
|
|
@@ -1,4 +1,10 @@
|
|
|
1
|
+
import { GenesisTheme } from '../../styles/theme/genesis-theme.types';
|
|
2
|
+
interface StyledTileProperties {
|
|
3
|
+
theme?: GenesisTheme;
|
|
4
|
+
$isHorizontal?: boolean;
|
|
5
|
+
}
|
|
1
6
|
export declare const getGenesisClass: ({ sizing }: {
|
|
2
7
|
sizing: any;
|
|
3
8
|
}, $isHorizontal?: boolean) => string;
|
|
4
|
-
export declare const Tile:
|
|
9
|
+
export declare const Tile: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, StyledTileProperties>> & string;
|
|
10
|
+
export {};
|