@atlaskit/smart-card 43.11.3 → 43.12.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.
Files changed (33) hide show
  1. package/CHANGELOG.md +8 -0
  2. package/analytics.spec.yaml +7 -1
  3. package/dist/cjs/view/CardWithUrl/component.js +327 -3
  4. package/dist/cjs/view/EmbedCard/components/ExpandedFrame.js +93 -2
  5. package/dist/cjs/view/EmbedCard/components/Frame.js +121 -3
  6. package/dist/cjs/view/EmbedCard/components/IframeDwellTracker.js +25 -4
  7. package/dist/cjs/view/EmbedCard/index.js +204 -1
  8. package/dist/cjs/view/EmbedCard/views/ResolvedView.js +95 -2
  9. package/dist/es2019/view/CardWithUrl/component.js +324 -2
  10. package/dist/es2019/view/EmbedCard/components/ExpandedFrame.js +87 -2
  11. package/dist/es2019/view/EmbedCard/components/Frame.js +112 -2
  12. package/dist/es2019/view/EmbedCard/components/IframeDwellTracker.js +25 -4
  13. package/dist/es2019/view/EmbedCard/index.js +208 -0
  14. package/dist/es2019/view/EmbedCard/views/ResolvedView.js +91 -3
  15. package/dist/esm/view/CardWithUrl/component.js +326 -2
  16. package/dist/esm/view/EmbedCard/components/ExpandedFrame.js +95 -2
  17. package/dist/esm/view/EmbedCard/components/Frame.js +122 -2
  18. package/dist/esm/view/EmbedCard/components/IframeDwellTracker.js +25 -4
  19. package/dist/esm/view/EmbedCard/index.js +203 -0
  20. package/dist/esm/view/EmbedCard/views/ResolvedView.js +97 -3
  21. package/dist/types/common/analytics/generated/analytics.types.d.ts +1 -0
  22. package/dist/types/view/EmbedCard/components/ExpandedFrame.d.ts +8 -1
  23. package/dist/types/view/EmbedCard/components/Frame.d.ts +6 -0
  24. package/dist/types/view/EmbedCard/index.d.ts +4 -0
  25. package/dist/types/view/EmbedCard/types.d.ts +4 -0
  26. package/dist/types/view/EmbedCard/views/ResolvedView.d.ts +6 -1
  27. package/dist/types-ts4.5/common/analytics/generated/analytics.types.d.ts +1 -0
  28. package/dist/types-ts4.5/view/EmbedCard/components/ExpandedFrame.d.ts +8 -1
  29. package/dist/types-ts4.5/view/EmbedCard/components/Frame.d.ts +6 -0
  30. package/dist/types-ts4.5/view/EmbedCard/index.d.ts +4 -0
  31. package/dist/types-ts4.5/view/EmbedCard/types.d.ts +4 -0
  32. package/dist/types-ts4.5/view/EmbedCard/views/ResolvedView.d.ts +6 -1
  33. package/package.json +5 -1
@@ -28,6 +28,10 @@ export interface EmbedCardResolvedViewProps {
28
28
  onIframeDwell?: (dwellTime: number, dwellPercentVisible: number) => void;
29
29
  /** Optional callback for when user navigates into an iframe - for analytics **/
30
30
  onIframeFocus?: () => void;
31
+ /** Optional callback for when user hovers over an iframe - for analytics **/
32
+ onIframeMouseEnter?: () => void;
33
+ /** Optional callback for when user stops hovering over an iframe - for analytics **/
34
+ onIframeMouseLeave?: () => void;
31
35
  /** The src to be used for the `iframe` */
32
36
  preview?: {
33
37
  aspectRatio?: number;
@@ -40,4 +44,5 @@ export interface EmbedCardResolvedViewProps {
40
44
  /** Type of the object */
41
45
  type?: string[];
42
46
  }
43
- export declare const EmbedCardResolvedView: React.ForwardRefExoticComponent<EmbedCardResolvedViewProps & React.RefAttributes<HTMLIFrameElement>>;
47
+ declare const EmbedCardResolvedViewWithFG: React.FC<Omit<EmbedCardResolvedViewProps & React.RefAttributes<HTMLIFrameElement>, "ref"> & React.RefAttributes<HTMLIFrameElement>>;
48
+ export { EmbedCardResolvedViewWithFG as EmbedCardResolvedView };
@@ -108,6 +108,7 @@ export type SmartLinkIframeFocusedAttributesType = {
108
108
  id: string;
109
109
  display: 'inline' | 'block' | 'embed' | 'embedPreview' | 'flexible' | 'hoverCardPreview' | 'url';
110
110
  definitionId: string | null;
111
+ interactionType?: 'mouseenter' | 'mouseleave' | 'focus';
111
112
  };
112
113
  export type ApplicationAccountConnectedAttributesType = {
113
114
  definitionId: string | null;
@@ -41,4 +41,11 @@ export interface ExpandedFrameProps {
41
41
  testId?: string;
42
42
  text?: React.ReactNode;
43
43
  }
44
- export declare const ExpandedFrame: ({ isPlaceholder, children, onClick, icon, text, isSelected, frameStyle, href, minWidth, maxWidth, testId, inheritDimensions, allowScrollBar, setOverflow, CompetitorPrompt, }: ExpandedFrameProps) => JSX.Element;
44
+ export interface ExpandedFrameUpdatedProps extends ExpandedFrameProps {
45
+ /** Callback for when mouse enters the content wrapper - for dwell tracking */
46
+ onContentMouseEnter?: () => void;
47
+ /** Callback for when mouse leaves the content wrapper - for dwell tracking */
48
+ onContentMouseLeave?: () => void;
49
+ }
50
+ declare const ExpandedFrameWithFG: import("react").FC<ExpandedFrameUpdatedProps & ExpandedFrameProps>;
51
+ export { ExpandedFrameWithFG as ExpandedFrame };
@@ -12,4 +12,10 @@ export interface FrameProps {
12
12
  title?: string;
13
13
  url?: string;
14
14
  }
15
+ export interface FrameUpdatedProps extends FrameProps {
16
+ isMouseOver?: boolean;
17
+ onIframeMouseEnter?: () => void;
18
+ onIframeMouseLeave?: () => void;
19
+ }
15
20
  export declare const Frame: React.ForwardRefExoticComponent<FrameProps & React.RefAttributes<HTMLIFrameElement>>;
21
+ export declare const FrameUpdated: React.ForwardRefExoticComponent<FrameUpdatedProps & React.RefAttributes<HTMLIFrameElement>>;
@@ -1,3 +1,7 @@
1
1
  import React from 'react';
2
2
  import { type EmbedCardProps } from './types';
3
3
  export declare const EmbedCard: React.ForwardRefExoticComponent<EmbedCardProps & React.RefAttributes<HTMLIFrameElement>>;
4
+ export declare const EmbedCardUpdated: React.ForwardRefExoticComponent<EmbedCardProps & {
5
+ onIframeMouseEnter?: () => void;
6
+ onIframeMouseLeave?: () => void;
7
+ } & React.RefAttributes<HTMLIFrameElement>>;
@@ -30,6 +30,10 @@ export type EmbedCardProps = {
30
30
  testId?: string;
31
31
  url: string;
32
32
  };
33
+ export type EmbedCardUpdatedProps = EmbedCardProps & {
34
+ onIframeMouseEnter?: () => void;
35
+ onIframeMouseLeave?: () => void;
36
+ };
33
37
  export interface WithShowControlMethodProp {
34
38
  showControls?: () => void;
35
39
  }
@@ -28,6 +28,10 @@ export interface EmbedCardResolvedViewProps {
28
28
  onIframeDwell?: (dwellTime: number, dwellPercentVisible: number) => void;
29
29
  /** Optional callback for when user navigates into an iframe - for analytics **/
30
30
  onIframeFocus?: () => void;
31
+ /** Optional callback for when user hovers over an iframe - for analytics **/
32
+ onIframeMouseEnter?: () => void;
33
+ /** Optional callback for when user stops hovering over an iframe - for analytics **/
34
+ onIframeMouseLeave?: () => void;
31
35
  /** The src to be used for the `iframe` */
32
36
  preview?: {
33
37
  aspectRatio?: number;
@@ -40,4 +44,5 @@ export interface EmbedCardResolvedViewProps {
40
44
  /** Type of the object */
41
45
  type?: string[];
42
46
  }
43
- export declare const EmbedCardResolvedView: React.ForwardRefExoticComponent<EmbedCardResolvedViewProps & React.RefAttributes<HTMLIFrameElement>>;
47
+ declare const EmbedCardResolvedViewWithFG: React.FC<Omit<EmbedCardResolvedViewProps & React.RefAttributes<HTMLIFrameElement>, "ref"> & React.RefAttributes<HTMLIFrameElement>>;
48
+ export { EmbedCardResolvedViewWithFG as EmbedCardResolvedView };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/smart-card",
3
- "version": "43.11.3",
3
+ "version": "43.12.0",
4
4
  "description": "Smart card component",
5
5
  "publishConfig": {
6
6
  "registry": "https://registry.npmjs.org/"
@@ -62,6 +62,7 @@
62
62
  "@atlaskit/modal-dialog": "^14.7.0",
63
63
  "@atlaskit/outbound-auth-flow-client": "^3.4.0",
64
64
  "@atlaskit/platform-feature-flags": "^1.1.0",
65
+ "@atlaskit/platform-feature-flags-react": "^0.4.0",
65
66
  "@atlaskit/popup": "^4.6.0",
66
67
  "@atlaskit/primitives": "^16.4.0",
67
68
  "@atlaskit/section-message": "^8.9.0",
@@ -205,6 +206,9 @@
205
206
  "platform_editor_inline_card_selected_state_fix": {
206
207
  "type": "boolean"
207
208
  },
209
+ "rovo_chat_embed_card_dwell_and_hover_metrics": {
210
+ "type": "boolean"
211
+ },
208
212
  "platform_smartlink_3pclick_analytics": {
209
213
  "type": "boolean"
210
214
  },