@ssa-ui-kit/core 2.31.0 → 2.32.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/DatePicker/styles.d.ts +0 -1
- package/dist/components/DateRangePicker/components/DatesListWrapper.d.ts +0 -1
- package/dist/components/DateRangePicker/styles.d.ts +0 -2
- package/dist/components/Filters/FilterBlockWrapper.d.ts +0 -1
- package/dist/components/JsonSchemaForm/constants.d.ts +1 -0
- package/dist/components/JsonSchemaForm/index.d.ts +2 -0
- package/dist/components/JsonSchemaForm/types.d.ts +6 -0
- package/dist/components/PersonInfo/PersonInfoAvatar.d.ts +1 -8
- package/dist/components/PersonInfo/PersonInfoCounter.d.ts +3 -0
- package/dist/components/PersonInfo/PersonInfoValue.d.ts +1 -8
- package/dist/components/PersonInfo/helpers.d.ts +11 -0
- package/dist/components/PersonInfo/styles.d.ts +29 -14
- package/dist/components/PersonInfo/types.d.ts +31 -1
- package/dist/components/Tooltip/types.d.ts +1 -0
- package/dist/components/Typeahead/styles.d.ts +0 -1
- package/dist/components/UserProfile/styles.d.ts +0 -2
- package/dist/components/Wrapper/Wrapper.d.ts +0 -1
- package/dist/index.js +224 -99
- package/dist/index.js.map +1 -1
- package/package.json +3 -3
|
@@ -2,7 +2,6 @@ export declare const DaysViewCell: import("@emotion/styled").StyledComponent<{
|
|
|
2
2
|
theme?: import("@emotion/react").Theme;
|
|
3
3
|
as?: React.ElementType;
|
|
4
4
|
} & {
|
|
5
|
-
avatarSize?: number;
|
|
6
5
|
direction?: string;
|
|
7
6
|
alignItems?: string;
|
|
8
7
|
fade?: boolean;
|
|
@@ -38,7 +37,6 @@ export declare const TriggerWrapper: import("@emotion/styled").StyledComponent<{
|
|
|
38
37
|
theme?: import("@emotion/react").Theme;
|
|
39
38
|
as?: React.ElementType;
|
|
40
39
|
} & {
|
|
41
|
-
avatarSize?: number;
|
|
42
40
|
direction?: string;
|
|
43
41
|
alignItems?: string;
|
|
44
42
|
fade?: boolean;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare const DEFAULT_AVATAR_SIZE = 24;
|
|
@@ -11,3 +11,5 @@ declare const Form: import("@emotion/styled").StyledComponent<FormProps<unknown,
|
|
|
11
11
|
theme?: import("@emotion/react").Theme;
|
|
12
12
|
}, {}, {}>;
|
|
13
13
|
export { Form, Templates, Theme, Widgets, Fields, generateTemplates, generateWidgets, generateFields, };
|
|
14
|
+
export * from './constants';
|
|
15
|
+
export type * from './types';
|
|
@@ -1,10 +1,3 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import {
|
|
3
|
-
interface PersonInfoAvatarProps {
|
|
4
|
-
avatar: string;
|
|
5
|
-
value?: string;
|
|
6
|
-
counter?: string | number;
|
|
7
|
-
styles?: PersonInfoStyles;
|
|
8
|
-
}
|
|
2
|
+
import { PersonInfoAvatarProps } from './types';
|
|
9
3
|
export declare const PersonInfoAvatar: React.FC<PersonInfoAvatarProps>;
|
|
10
|
-
export {};
|
|
@@ -1,10 +1,3 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import {
|
|
3
|
-
interface PersonInfoValueProps {
|
|
4
|
-
value: string;
|
|
5
|
-
counter?: string | number;
|
|
6
|
-
css?: Interpolation<Theme>;
|
|
7
|
-
counterCss?: Interpolation<Theme>;
|
|
8
|
-
}
|
|
2
|
+
import { PersonInfoValueProps } from './types';
|
|
9
3
|
export declare const PersonInfoValue: React.FC<PersonInfoValueProps>;
|
|
10
|
-
export {};
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
export declare const getLinkAttributes: (link?: string, openLinkInNewTab?: boolean) => {
|
|
2
|
+
as: "a";
|
|
3
|
+
href: string | undefined;
|
|
4
|
+
target: string | undefined;
|
|
5
|
+
rel: string | undefined;
|
|
6
|
+
} | {
|
|
7
|
+
as?: undefined;
|
|
8
|
+
href?: undefined;
|
|
9
|
+
target?: undefined;
|
|
10
|
+
rel?: undefined;
|
|
11
|
+
};
|
|
@@ -1,56 +1,71 @@
|
|
|
1
|
+
import { Interpolation, Theme } from '@emotion/react';
|
|
1
2
|
import { CommonProps } from '../../types/emotion';
|
|
2
3
|
export declare const PersonInfoBase: import("@emotion/styled").StyledComponent<{
|
|
3
|
-
theme?:
|
|
4
|
+
theme?: Theme;
|
|
4
5
|
as?: React.ElementType;
|
|
5
6
|
} & CommonProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
6
7
|
export declare const PersonInfoHeader: import("@emotion/styled").StyledComponent<{
|
|
7
|
-
theme?:
|
|
8
|
+
theme?: Theme;
|
|
8
9
|
as?: React.ElementType;
|
|
9
10
|
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
10
11
|
export declare const IconWrapper: import("@emotion/styled").StyledComponent<{
|
|
11
|
-
theme?:
|
|
12
|
+
theme?: Theme;
|
|
12
13
|
as?: React.ElementType;
|
|
13
14
|
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
14
15
|
export declare const TitleWrapper: import("@emotion/styled").StyledComponent<{
|
|
15
|
-
theme?:
|
|
16
|
+
theme?: Theme;
|
|
16
17
|
as?: React.ElementType;
|
|
17
18
|
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
18
19
|
export declare const Title: import("@emotion/styled").StyledComponent<{
|
|
19
|
-
theme?:
|
|
20
|
+
theme?: Theme;
|
|
21
|
+
as?: React.ElementType;
|
|
22
|
+
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
23
|
+
export declare const Row: import("@emotion/styled").StyledComponent<{
|
|
24
|
+
theme?: Theme;
|
|
20
25
|
as?: React.ElementType;
|
|
21
26
|
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
22
27
|
export declare const TextBase: import("@emotion/styled").StyledComponent<{
|
|
23
|
-
theme?:
|
|
28
|
+
theme?: Theme;
|
|
24
29
|
as?: React.ElementType;
|
|
25
30
|
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
26
31
|
export declare const ValueWithCounter: import("@emotion/styled").StyledComponent<{
|
|
27
|
-
theme?:
|
|
32
|
+
theme?: Theme;
|
|
28
33
|
as?: React.ElementType;
|
|
29
34
|
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
30
35
|
export declare const Counter: import("@emotion/styled").StyledComponent<{
|
|
31
|
-
theme?:
|
|
36
|
+
theme?: Theme;
|
|
32
37
|
as?: React.ElementType;
|
|
33
38
|
} & import("react").ClassAttributes<HTMLSpanElement> & import("react").HTMLAttributes<HTMLSpanElement> & {
|
|
34
|
-
theme?:
|
|
39
|
+
theme?: Theme;
|
|
35
40
|
}, {}, {}>;
|
|
41
|
+
export declare const CounterTooltipContent: import("@emotion/styled").StyledComponent<{
|
|
42
|
+
theme?: Theme;
|
|
43
|
+
as?: React.ElementType;
|
|
44
|
+
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
45
|
+
export declare const CounterTooltipList: import("@emotion/styled").StyledComponent<{
|
|
46
|
+
theme?: Theme;
|
|
47
|
+
as?: React.ElementType;
|
|
48
|
+
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
36
49
|
export declare const AttributesList: import("@emotion/styled").StyledComponent<{
|
|
37
|
-
theme?:
|
|
50
|
+
theme?: Theme;
|
|
38
51
|
as?: React.ElementType;
|
|
39
52
|
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
40
53
|
export declare const AvatarWrapper: import("@emotion/styled").StyledComponent<{
|
|
41
|
-
theme?:
|
|
54
|
+
theme?: Theme;
|
|
42
55
|
as?: React.ElementType;
|
|
43
56
|
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
44
57
|
export declare const BadgeWrapper: import("@emotion/styled").StyledComponent<{
|
|
45
|
-
theme?:
|
|
58
|
+
theme?: Theme;
|
|
46
59
|
as?: React.ElementType;
|
|
47
60
|
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
48
61
|
export declare const StyledBadge: import("@emotion/styled").StyledComponent<Omit<Omit<import("react").HTMLProps<HTMLDivElement>, "size"> & import("../Badge/types").BadgeProps, "ref"> & import("react").RefAttributes<HTMLDivElement> & {
|
|
49
|
-
theme?:
|
|
62
|
+
theme?: Theme;
|
|
50
63
|
}, {}, {}>;
|
|
51
64
|
export declare const CustomBadge: import("@emotion/styled").StyledComponent<{
|
|
52
|
-
theme?:
|
|
65
|
+
theme?: Theme;
|
|
53
66
|
as?: React.ElementType;
|
|
54
67
|
} & {
|
|
55
68
|
colorName: keyof MainColors;
|
|
56
69
|
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
70
|
+
export declare const personInfoValueLinkStyles: Interpolation<Theme>;
|
|
71
|
+
export declare const avatarWrapperLinkStyles: Interpolation<Theme>;
|
|
@@ -2,17 +2,47 @@ import { ReactNode } from 'react';
|
|
|
2
2
|
import { Interpolation, Theme } from '@emotion/react';
|
|
3
3
|
import { CommonProps } from '../../types/emotion';
|
|
4
4
|
import { IconProps } from '../Icon/types';
|
|
5
|
+
import { getLinkAttributes } from './helpers';
|
|
5
6
|
type PersonInfoStyleKeys = 'title' | 'avatarName' | 'counter' | 'attributes' | 'badge' | 'badgeItem' | 'value' | 'description';
|
|
6
7
|
export type PersonInfoStyles = Partial<Record<PersonInfoStyleKeys, Interpolation<Theme>>>;
|
|
8
|
+
export interface PersonInfoCounterTooltipUser {
|
|
9
|
+
id: string | number;
|
|
10
|
+
name: string;
|
|
11
|
+
avatar: string;
|
|
12
|
+
link?: string;
|
|
13
|
+
openLinkInNewTab?: boolean;
|
|
14
|
+
}
|
|
15
|
+
export interface PersonInfoCounterTooltip {
|
|
16
|
+
users: PersonInfoCounterTooltipUser[];
|
|
17
|
+
}
|
|
18
|
+
export type PersonInfoLinkAttributes = ReturnType<typeof getLinkAttributes>;
|
|
19
|
+
export interface PersonInfoValueProps {
|
|
20
|
+
value: string;
|
|
21
|
+
css?: Interpolation<Theme>;
|
|
22
|
+
linkAttributes?: PersonInfoLinkAttributes;
|
|
23
|
+
}
|
|
7
24
|
export interface PersonInfoProps extends CommonProps {
|
|
8
25
|
title: string;
|
|
9
26
|
icon?: IconProps['name'] | ReactNode;
|
|
10
27
|
value?: string;
|
|
11
28
|
badges?: ReactNode | (string | ReactNode)[];
|
|
12
29
|
avatar?: string;
|
|
13
|
-
|
|
30
|
+
counterTooltip?: PersonInfoCounterTooltip;
|
|
14
31
|
attributes?: (string | ReactNode)[];
|
|
15
32
|
description?: string;
|
|
16
33
|
styles?: PersonInfoStyles;
|
|
34
|
+
link?: string;
|
|
35
|
+
openLinkInNewTab?: boolean;
|
|
36
|
+
}
|
|
37
|
+
export interface PersonInfoAvatarProps {
|
|
38
|
+
avatar?: string;
|
|
39
|
+
value?: string;
|
|
40
|
+
styles?: PersonInfoStyles;
|
|
41
|
+
link?: string;
|
|
42
|
+
openLinkInNewTab?: boolean;
|
|
43
|
+
}
|
|
44
|
+
export interface PersonInfoCounterProps {
|
|
45
|
+
counterTooltip?: PersonInfoCounterTooltip;
|
|
46
|
+
css?: PersonInfoStyles['counter'];
|
|
17
47
|
}
|
|
18
48
|
export {};
|
|
@@ -8,7 +8,6 @@ export declare const AdditionalInfoWrapper: import("@emotion/styled").StyledComp
|
|
|
8
8
|
theme?: Theme;
|
|
9
9
|
as?: React.ElementType;
|
|
10
10
|
} & {
|
|
11
|
-
avatarSize?: number;
|
|
12
11
|
direction?: string;
|
|
13
12
|
alignItems?: string;
|
|
14
13
|
fade?: boolean;
|
|
@@ -21,7 +20,6 @@ export declare const CustomContentWrapper: import("@emotion/styled").StyledCompo
|
|
|
21
20
|
theme?: Theme;
|
|
22
21
|
as?: React.ElementType;
|
|
23
22
|
} & {
|
|
24
|
-
avatarSize?: number;
|
|
25
23
|
direction?: string;
|
|
26
24
|
alignItems?: string;
|
|
27
25
|
fade?: boolean;
|