@atlaskit/smart-card 23.10.2 → 23.11.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/CHANGELOG.md +12 -0
- package/dist/cjs/extractors/common/lozenge/extractLozengeText.js +21 -0
- package/dist/cjs/state/actions/index.js +29 -4
- package/dist/cjs/state/analytics/useSmartLinkAnalytics.js +12 -3
- package/dist/cjs/utils/analytics/analytics.js +122 -104
- package/dist/cjs/version.json +1 -1
- package/dist/es2019/extractors/common/lozenge/extractLozengeText.js +11 -0
- package/dist/es2019/state/actions/index.js +25 -3
- package/dist/es2019/state/analytics/useSmartLinkAnalytics.js +8 -0
- package/dist/es2019/utils/analytics/analytics.js +12 -0
- package/dist/es2019/version.json +1 -1
- package/dist/esm/extractors/common/lozenge/extractLozengeText.js +11 -0
- package/dist/esm/state/actions/index.js +28 -4
- package/dist/esm/state/analytics/useSmartLinkAnalytics.js +11 -3
- package/dist/esm/utils/analytics/analytics.js +117 -103
- package/dist/esm/version.json +1 -1
- package/dist/types/extractors/common/lozenge/extractLozengeText.d.ts +2 -0
- package/dist/types/state/analytics/useSmartLinkAnalytics.d.ts +7 -1
- package/dist/types/state/flexible-ui-context/index.d.ts +6 -0
- package/dist/types/state/hooks/useSmartLink.d.ts +3 -0
- package/dist/types/utils/analytics/analytics.d.ts +4 -1
- package/dist/types/utils/mocks.d.ts +3 -0
- package/dist/types/utils/types.d.ts +2 -2
- package/dist/types/view/EmbedCard/components/styled.d.ts +64 -16
- package/dist/types/view/InlineCard/Frame/styled.d.ts +8 -2
- package/dist/types/view/InlineCard/Icon.d.ts +12 -3
- package/dist/types/view/InlineCard/IconAndTitleLayout/styled.d.ts +36 -9
- package/dist/types/view/InlineCard/ResolvingView/styled.d.ts +6 -11
- package/dist/types/view/InlineCard/styled.d.ts +16 -8
- package/package.json +6 -6
- package/report.api.md +7 -0
- package/tmp/api-report-tmp.d.ts +5 -2
|
@@ -1,13 +1,40 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
export declare const IconObjectOverrides = "\n & > span {\n height: 16px;\n width: 14px;\n position: absolute;\n top: 0;\n left: 0;\n line-height: 14px;\n & > svg {\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n }\n }\n";
|
|
3
3
|
export declare const IconOverrides = "\n & > * > span {\n height: 16px;\n width: 14px;\n position: absolute;\n top: 0;\n left: 0;\n & > svg {\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n }\n }\n";
|
|
4
|
-
export declare const IconWrapper: import("@emotion/styled
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
export declare const
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
4
|
+
export declare const IconWrapper: import("@emotion/styled").StyledComponent<{
|
|
5
|
+
theme?: import("@emotion/react").Theme | undefined;
|
|
6
|
+
as?: import("react").ElementType<any> | undefined;
|
|
7
|
+
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
|
|
8
|
+
export declare const EmojiWrapper: import("@emotion/styled").StyledComponent<{
|
|
9
|
+
theme?: import("@emotion/react").Theme | undefined;
|
|
10
|
+
as?: import("react").ElementType<any> | undefined;
|
|
11
|
+
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
|
|
12
|
+
export declare const IconTitleWrapper: import("@emotion/styled").StyledComponent<{
|
|
13
|
+
theme?: import("@emotion/react").Theme | undefined;
|
|
14
|
+
as?: import("react").ElementType<any> | undefined;
|
|
15
|
+
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
|
|
16
|
+
export declare const LozengeWrapper: import("@emotion/styled").StyledComponent<{
|
|
17
|
+
theme?: import("@emotion/react").Theme | undefined;
|
|
18
|
+
as?: import("react").ElementType<any> | undefined;
|
|
19
|
+
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
|
|
20
|
+
export declare const LozengeBlockWrapper: import("@emotion/styled").StyledComponent<{
|
|
21
|
+
theme?: import("@emotion/react").Theme | undefined;
|
|
22
|
+
as?: import("react").ElementType<any> | undefined;
|
|
23
|
+
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
|
|
24
|
+
export declare const RightIconPositionWrapper: import("@emotion/styled").StyledComponent<{
|
|
25
|
+
theme?: import("@emotion/react").Theme | undefined;
|
|
26
|
+
as?: import("react").ElementType<any> | undefined;
|
|
27
|
+
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
|
|
28
|
+
export declare const IconPositionWrapper: import("@emotion/styled").StyledComponent<{
|
|
29
|
+
theme?: import("@emotion/react").Theme | undefined;
|
|
30
|
+
as?: import("react").ElementType<any> | undefined;
|
|
31
|
+
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
|
|
32
|
+
export declare const IconEmptyWrapper: import("@emotion/styled").StyledComponent<{
|
|
33
|
+
theme?: import("@emotion/react").Theme | undefined;
|
|
34
|
+
as?: import("react").ElementType<any> | undefined;
|
|
35
|
+
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
|
|
12
36
|
export declare const TitleWrapperClassName = "smart-link-title-wrapper";
|
|
13
|
-
export declare const TitleWrapper: import("@emotion/styled
|
|
37
|
+
export declare const TitleWrapper: import("@emotion/styled").StyledComponent<{
|
|
38
|
+
theme?: import("@emotion/react").Theme | undefined;
|
|
39
|
+
as?: import("react").ElementType<any> | undefined;
|
|
40
|
+
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
|
|
@@ -1,14 +1,9 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
export declare const SpinnerWrapper: import("@emotion/styled
|
|
3
|
-
theme?:
|
|
4
|
-
|
|
2
|
+
export declare const SpinnerWrapper: import("@emotion/styled").StyledComponent<{
|
|
3
|
+
theme?: import("@emotion/react").Theme | undefined;
|
|
4
|
+
as?: import("react").ElementType<any> | undefined;
|
|
5
|
+
} & import("react").ClassAttributes<HTMLSpanElement> & import("react").HTMLAttributes<HTMLSpanElement> & {
|
|
5
6
|
children?: import("react").ReactNode;
|
|
6
|
-
}, "key" | keyof import("react").HTMLAttributes<HTMLSpanElement> | "theme"> & {
|
|
7
|
-
ref?: ((instance: HTMLSpanElement | null) => void) | import("react").RefObject<HTMLSpanElement> | null | undefined;
|
|
8
|
-
}, Pick<Pick<import("react").ClassAttributes<HTMLSpanElement> & import("react").HTMLAttributes<HTMLSpanElement> & Pick<Pick<import("react").ClassAttributes<HTMLSpanElement> & import("react").HTMLAttributes<HTMLSpanElement>, keyof import("react").HTMLAttributes<HTMLSpanElement>>, keyof import("react").HTMLAttributes<HTMLSpanElement>> & {
|
|
9
|
-
theme?: object | undefined;
|
|
10
7
|
} & {
|
|
11
|
-
|
|
12
|
-
},
|
|
13
|
-
ref?: ((instance: HTMLSpanElement | null) => void) | import("react").RefObject<HTMLSpanElement> | null | undefined;
|
|
14
|
-
}, keyof import("react").HTMLAttributes<HTMLSpanElement> | "theme">, object>;
|
|
8
|
+
theme?: import("@emotion/react").Theme | undefined;
|
|
9
|
+
}, {}, {}>;
|
|
@@ -1,9 +1,17 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
export declare const IconStyledButton: import("@emotion/styled
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
}>;
|
|
6
|
-
export declare const
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
}>;
|
|
2
|
+
export declare const IconStyledButton: import("@emotion/styled").StyledComponent<{
|
|
3
|
+
theme?: import("@emotion/react").Theme | undefined;
|
|
4
|
+
as?: import("react").ElementType<any> | undefined;
|
|
5
|
+
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
|
|
6
|
+
export declare const NoLinkAppearance: import("@emotion/styled").StyledComponent<{
|
|
7
|
+
theme?: import("@emotion/react").Theme | undefined;
|
|
8
|
+
as?: import("react").ElementType<any> | undefined;
|
|
9
|
+
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
|
|
10
|
+
export declare const LowercaseAppearance: import("@emotion/styled").StyledComponent<{
|
|
11
|
+
theme?: import("@emotion/react").Theme | undefined;
|
|
12
|
+
as?: import("react").ElementType<any> | undefined;
|
|
13
|
+
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
|
|
14
|
+
export declare const LinkAppearance: import("@emotion/styled").StyledComponent<{
|
|
15
|
+
theme?: import("@emotion/react").Theme | undefined;
|
|
16
|
+
as?: import("react").ElementType<any> | undefined;
|
|
17
|
+
}, import("react").DetailedHTMLProps<import("react").AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, {}>;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@atlaskit/smart-card",
|
|
3
|
-
"version": "23.
|
|
3
|
+
"version": "23.11.0",
|
|
4
4
|
"description": "Smart card component",
|
|
5
5
|
"publishConfig": {
|
|
6
6
|
"registry": "https://registry.npmjs.org/"
|
|
@@ -25,7 +25,7 @@
|
|
|
25
25
|
"@atlaskit/analytics-gas-types": "^5.0.0",
|
|
26
26
|
"@atlaskit/analytics-next": "^8.2.0",
|
|
27
27
|
"@atlaskit/avatar": "^21.1.0",
|
|
28
|
-
"@atlaskit/avatar-group": "^9.
|
|
28
|
+
"@atlaskit/avatar-group": "^9.2.0",
|
|
29
29
|
"@atlaskit/button": "^16.5.0",
|
|
30
30
|
"@atlaskit/dropdown-menu": "^11.5.0",
|
|
31
31
|
"@atlaskit/icon": "^21.11.0",
|
|
@@ -36,7 +36,7 @@
|
|
|
36
36
|
"@atlaskit/linking-common": "^1.16.0",
|
|
37
37
|
"@atlaskit/logo": "^13.10.0",
|
|
38
38
|
"@atlaskit/lozenge": "^11.3.0",
|
|
39
|
-
"@atlaskit/media-common": "^2.
|
|
39
|
+
"@atlaskit/media-common": "^2.18.0",
|
|
40
40
|
"@atlaskit/modal-dialog": "^12.4.0",
|
|
41
41
|
"@atlaskit/outbound-auth-flow-client": "^3.3.0",
|
|
42
42
|
"@atlaskit/popup": "^1.5.0",
|
|
@@ -47,7 +47,7 @@
|
|
|
47
47
|
"@atlaskit/ufo": "^0.1.0",
|
|
48
48
|
"@babel/runtime": "^7.0.0",
|
|
49
49
|
"@emotion/react": "^11.7.1",
|
|
50
|
-
"@emotion/styled": "^
|
|
50
|
+
"@emotion/styled": "^11.0.0",
|
|
51
51
|
"@formatjs/intl-utils": "^3.8.4",
|
|
52
52
|
"facepaint": "^1.2.1",
|
|
53
53
|
"json-ld-types": "3.2.0",
|
|
@@ -74,12 +74,12 @@
|
|
|
74
74
|
"@atlaskit/inline-message": "^11.4.0",
|
|
75
75
|
"@atlaskit/lozenge": "^11.3.0",
|
|
76
76
|
"@atlaskit/media-integration-test-helpers": "^2.6.0",
|
|
77
|
-
"@atlaskit/media-test-helpers": "^30.
|
|
77
|
+
"@atlaskit/media-test-helpers": "^30.1.0",
|
|
78
78
|
"@atlaskit/page": "^12.2.0",
|
|
79
79
|
"@atlaskit/radio": "^5.4.0",
|
|
80
80
|
"@atlaskit/range": "^7.0.0",
|
|
81
81
|
"@atlaskit/section-message": "^6.3.0",
|
|
82
|
-
"@atlaskit/select": "^16.
|
|
82
|
+
"@atlaskit/select": "^16.1.0",
|
|
83
83
|
"@atlaskit/table-tree": "^9.2.0",
|
|
84
84
|
"@atlaskit/tabs": "^13.3.0",
|
|
85
85
|
"@atlaskit/textarea": "^4.5.0",
|
package/report.api.md
CHANGED
|
@@ -100,6 +100,7 @@ export type AnalyticsAction =
|
|
|
100
100
|
| 'renderWithStatus'
|
|
101
101
|
| 'resolved'
|
|
102
102
|
| 'unresolved'
|
|
103
|
+
| 'updated'
|
|
103
104
|
| 'viewed';
|
|
104
105
|
|
|
105
106
|
// @public (undocumented)
|
|
@@ -109,6 +110,7 @@ export type AnalyticsActionSubject =
|
|
|
109
110
|
| 'consentModal'
|
|
110
111
|
| 'embedPreviewModal'
|
|
111
112
|
| 'hoverCard'
|
|
113
|
+
| 'link'
|
|
112
114
|
| 'modal'
|
|
113
115
|
| 'smartLink'
|
|
114
116
|
| 'smartLinkAction';
|
|
@@ -1123,6 +1125,11 @@ export const useSmartLinkAnalytics: (
|
|
|
1123
1125
|
extensionKey,
|
|
1124
1126
|
location,
|
|
1125
1127
|
}: TrackAppAccountConnectedProps) => void;
|
|
1128
|
+
linkUpdated: (
|
|
1129
|
+
props: CommonEventProps & {
|
|
1130
|
+
[key: string]: any;
|
|
1131
|
+
},
|
|
1132
|
+
) => void;
|
|
1126
1133
|
};
|
|
1127
1134
|
screen: {
|
|
1128
1135
|
authPopupEvent: ({
|
package/tmp/api-report-tmp.d.ts
CHANGED
|
@@ -70,10 +70,10 @@ type ActionProps = {
|
|
|
70
70
|
};
|
|
71
71
|
|
|
72
72
|
// @public (undocumented)
|
|
73
|
-
export type AnalyticsAction = 'authStarted' | 'chunkLoadFailed' | 'clicked' | 'closed' | 'connectFailed' | 'connectSucceeded' | 'connected' | 'created' | 'dismissed' | 'inserted' | 'renderFailed' | 'renderSuccess' | 'renderWithStatus' | 'resolved' | 'unresolved' | 'viewed';
|
|
73
|
+
export type AnalyticsAction = 'authStarted' | 'chunkLoadFailed' | 'clicked' | 'closed' | 'connectFailed' | 'connectSucceeded' | 'connected' | 'created' | 'dismissed' | 'inserted' | 'renderFailed' | 'renderSuccess' | 'renderWithStatus' | 'resolved' | 'unresolved' | 'updated' | 'viewed';
|
|
74
74
|
|
|
75
75
|
// @public (undocumented)
|
|
76
|
-
export type AnalyticsActionSubject = 'applicationAccount' | 'button' | 'consentModal' | 'embedPreviewModal' | 'hoverCard' | 'modal' | 'smartLink' | 'smartLinkAction';
|
|
76
|
+
export type AnalyticsActionSubject = 'applicationAccount' | 'button' | 'consentModal' | 'embedPreviewModal' | 'hoverCard' | 'link' | 'modal' | 'smartLink' | 'smartLinkAction';
|
|
77
77
|
|
|
78
78
|
// @public (undocumented)
|
|
79
79
|
type AnalyticsFacade = ReturnType<typeof useSmartLinkAnalytics>;
|
|
@@ -820,6 +820,9 @@ export const useSmartLinkAnalytics: (url: string, dispatchAnalytics: AnalyticsHa
|
|
|
820
820
|
track: {
|
|
821
821
|
appAccountConnected: ({ extensionKey, definitionId, resourceType, destinationProduct, destinationSubproduct, location, }: TrackAppAccountConnectedProps) => void;
|
|
822
822
|
appAccountAuthStarted: ({ extensionKey, location, }: TrackAppAccountConnectedProps) => void;
|
|
823
|
+
linkUpdated: (props: CommonEventProps & {
|
|
824
|
+
[key: string]: any;
|
|
825
|
+
}) => void;
|
|
823
826
|
};
|
|
824
827
|
screen: {
|
|
825
828
|
authPopupEvent: ({ extensionKey, definitionId, resourceType, destinationProduct, destinationSubproduct, location, }: ScreenAuthPopupEventProps) => void;
|