@atlaskit/smart-card 26.3.5 → 26.3.7

package/dist/es2019/view/FlexibleCard/components/elements/link/index.js

@@ -5,7 +5,7 @@ import Tooltip from '@atlaskit/tooltip';
 import { SmartLinkInternalTheme, SmartLinkSize, SmartLinkTheme } from '../../../../../constants';
 import { getLinkLineHeight, getLinkSizeStyles, getTruncateStyles, hasWhiteSpace } from '../../utils';
 import { tokens } from '../../../../../utils/token';
-import useMouseDownEvent from '../../../../../state/analytics/useMouseDownEvent';
+import { useMouseDownEvent } from '../../../../../state/analytics/useLinkClicked';
 const DEFAULT_MAX_LINES = 2;
 const MAXIMUM_MAX_LINES = 2;
 const MINIMUM_MAX_LINES = 1;

package/dist/es2019/view/InlineCard/Frame/index.js

@@ -1,7 +1,7 @@
 import React, { useCallback } from 'react';
 import { useGlobalTheme } from '@atlaskit/theme/components';
 import { WrapperAnchor, WrapperSpan } from './styled';
-import useMouseDownEvent from '../../../state/analytics/useMouseDownEvent';
+import { useMouseDownEvent } from '../../../state/analytics/useLinkClicked';
 export const Frame = props => {
   const {
     isSelected,

package/dist/es2019/view/LinkUrl/index.js

@@ -1,22 +1,22 @@
 import _extends from "@babel/runtime/helpers/extends";
 import React from 'react';
+import { withAnalyticsContext } from '@atlaskit/analytics-next';
+import { name as packageName, version as packageVersion } from '../../version.json';
+import { withLinkClickedEvent } from '../../utils/analytics/click';
+import { LinkAnalyticsContext } from '../../utils/analytics/LinkAnalyticsContext';
 import { useLinkWarningModal } from './LinkWarningModal/hooks/use-link-warning-modal';
 import LinkWarningModal from './LinkWarningModal';
-import { useAnalyticsEvents, withAnalyticsContext } from '@atlaskit/analytics-next';
-import { name as packageName, version as packageVersion } from '../../version.json';
-import { fireLinkClickedEvent } from '../../utils/analytics/click';
-import useMouseDownEvent from '../../state/analytics/useMouseDownEvent';
 const PACKAGE_DATA = {
   packageName,
   packageVersion,
   componentName: 'linkUrl'
 };
+const Link = withLinkClickedEvent('a');
 const LinkUrl = ({
   href,
   children,
   checkSafety = true,
   onClick,
-  onMouseDown,
   testId = 'link-with-safety',
   ...props
 }) => {
@@ -24,22 +24,16 @@ const LinkUrl = ({
     checkLinkSafety,
     ...linkWarningModalProps
   } = useLinkWarningModal();
-  const {
-    createAnalyticsEvent
-  } = useAnalyticsEvents();
-  const handleMouseDown = useMouseDownEvent();
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("a", _extends({
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(LinkAnalyticsContext, {
+    url: href,
+    display: "url"
+  }, /*#__PURE__*/React.createElement(Link, _extends({
     "data-testid": testId,
     href: href,
     onClick: e => {
       checkSafety && checkLinkSafety(e, href);
       onClick && onClick(e);
-      fireLinkClickedEvent(createAnalyticsEvent)(e);
-    },
-    onMouseDown: e => {
-      onMouseDown && onMouseDown(e);
-      handleMouseDown(e); // add analytics
     }
-  }, props), children), checkSafety && /*#__PURE__*/React.createElement(LinkWarningModal, linkWarningModalProps));
+  }, props), children)), checkSafety && /*#__PURE__*/React.createElement(LinkWarningModal, linkWarningModalProps));
 };
 export default withAnalyticsContext(PACKAGE_DATA)(LinkUrl);

package/dist/esm/state/analytics/useLinkClicked.js

@@ -0,0 +1,29 @@
+import { useCallback } from 'react';
+import { useAnalyticsEvents } from '@atlaskit/analytics-next';
+import { fireLinkClickedEvent } from '../../utils/analytics/click';
+export var ClickButton = /*#__PURE__*/function (ClickButton) {
+  ClickButton[ClickButton["Left"] = 0] = "Left";
+  ClickButton[ClickButton["Middle"] = 1] = "Middle";
+  ClickButton[ClickButton["Right"] = 2] = "Right";
+  return ClickButton;
+}({});
+export var useLinkClicked = function useLinkClicked(handler, predicate) {
+  var _useAnalyticsEvents = useAnalyticsEvents(),
+    createAnalyticsEvent = _useAnalyticsEvents.createAnalyticsEvent;
+  return useCallback(function () {
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+    var event = args[0];
+    handler === null || handler === void 0 ? void 0 : handler.apply(null, args);
+    if (!predicate || predicate !== null && predicate !== void 0 && predicate(event)) {
+      fireLinkClickedEvent(createAnalyticsEvent)(event);
+    }
+  }, [handler, predicate, createAnalyticsEvent]);
+};
+var isNotLeftClick = function isNotLeftClick(event) {
+  return event.button !== 0;
+};
+export var useMouseDownEvent = function useMouseDownEvent(onMouseDown) {
+  return useLinkClicked(onMouseDown, isNotLeftClick);
+};

package/dist/esm/utils/analytics/LinkAnalyticsContext.js

@@ -0,0 +1,28 @@
+import React from 'react';
+import { AnalyticsContext } from '@atlaskit/analytics-next';
+import { getUrlAttributes } from '@atlaskit/link-analytics/resolved-attributes';
+/**
+ * Provides an analytics context to supply attributes to events based on a URL
+ */
+export var LinkAnalyticsContext = function LinkAnalyticsContext(_ref) {
+  var _ref$url = _ref.url,
+    url = _ref$url === void 0 ? '' : _ref$url,
+    display = _ref.display,
+    id = _ref.id,
+    children = _ref.children,
+    source = _ref.source;
+  var _getUrlAttributes = getUrlAttributes(url),
+    urlHash = _getUrlAttributes.urlHash;
+  var displayCategory = display === 'url' ? 'link' : undefined;
+  return /*#__PURE__*/React.createElement(AnalyticsContext, {
+    data: {
+      source: source,
+      attributes: {
+        displayCategory: displayCategory,
+        urlHash: urlHash,
+        display: display,
+        id: id
+      }
+    }
+  }, children);
+};

package/dist/esm/utils/analytics/SmartLinkAnalyticsContext.js

@@ -1,38 +1,31 @@
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-import React, { useMemo } from 'react';
+import _extends from "@babel/runtime/helpers/extends";
+import React from 'react';
 import { AnalyticsContext } from '@atlaskit/analytics-next';
-import { getResolvedAttributes, getUrlAttributes } from '@atlaskit/link-analytics/resolved-attributes';
+import { getResolvedAttributes } from '@atlaskit/link-analytics/resolved-attributes';
 import { isFlexibleUiCard } from '../flexible';
 import { CardDisplay } from '../../constants';
 import { useSmartCardState as useSmartLinkState } from '../../state/store';
-export var SmartLinkAnalyticsContext = function SmartLinkAnalyticsContext(_ref) {
-  var children = _ref.children,
-    url = _ref.url,
-    appearance = _ref.appearance,
-    id = _ref.id,
-    source = _ref.source;
+import { LinkAnalyticsContext } from './LinkAnalyticsContext';
+/**
+ * Provides an analytics context to supply attributes to events based on a URL
+ * and the link state in the store
+ */
+export var SmartLinkAnalyticsContext = function SmartLinkAnalyticsContext(props) {
+  var children = props.children,
+    appearance = props.appearance,
+    url = props.url;
   var _useSmartLinkState = useSmartLinkState(url),
     details = _useSmartLinkState.details,
     status = _useSmartLinkState.status;
-  var resolvedAttributes = getResolvedAttributes({
+  var attributes = getResolvedAttributes({
     url: url
   }, details, status);
-  var _getUrlAttributes = getUrlAttributes(url),
-    urlHash = _getUrlAttributes.urlHash;
-  var isFlexibleUi = useMemo(function () {
-    return isFlexibleUiCard(children);
-  }, [children]);
-  var display = isFlexibleUi ? CardDisplay.Flexible : appearance;
-  return /*#__PURE__*/React.createElement(AnalyticsContext, {
+  var display = isFlexibleUiCard(children) ? CardDisplay.Flexible : appearance;
+  return /*#__PURE__*/React.createElement(LinkAnalyticsContext, _extends({}, props, {
+    display: display
+  }), /*#__PURE__*/React.createElement(AnalyticsContext, {
     data: {
-      source: source,
-      attributes: _objectSpread(_objectSpread({}, resolvedAttributes), {}, {
-        urlHash: urlHash,
-        display: display,
-        id: id
-      })
+      attributes: attributes
     }
-  }, children);
+  }, children));
 };

package/dist/esm/utils/analytics/click.js

@@ -1,8 +1,10 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+import React from 'react';
 import { browser } from '@atlaskit/linking-common/user-agent';
 import { ANALYTICS_CHANNEL } from './analytics';
+import { useLinkClicked, useMouseDownEvent } from '../../state/analytics/useLinkClicked';
 export var buttonMap = new Map([[undefined, 'none'], [0, 'left'], [1, 'middle'], [2, 'right']]);
 export var getKeys = function getKeys(e) {
   return ['alt', 'ctrl', 'meta', 'shift'].filter(function (key) {
@@ -112,4 +114,22 @@ export var fireLinkClickedEvent = function fireLinkClickedEvent(createAnalyticsE
       })).fire(ANALYTICS_CHANNEL);
     }
   };
-};
+};
+var getDisplayName = function getDisplayName(WrappedComponent) {
+  if (typeof WrappedComponent === 'string') {
+    return WrappedComponent;
+  }
+  return WrappedComponent.displayName || WrappedComponent.name || 'Component';
+};
+export function withLinkClickedEvent(WrappedComponent) {
+  var Component = function Component(props) {
+    var onClick = useLinkClicked(props.onClick);
+    var onMouseDown = useMouseDownEvent(props.onMouseDown);
+    return /*#__PURE__*/React.createElement(WrappedComponent, _objectSpread(_objectSpread({}, props), {}, {
+      onClick: onClick,
+      onMouseDown: onMouseDown
+    }));
+  };
+  Component.displayName = "withLinkClickedEvent(".concat(getDisplayName(WrappedComponent), ")");
+  return Component;
+}

package/dist/esm/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/smart-card",
-	"version": "26.3.5",
+	"version": "26.3.7",
 	"sideEffects": false
 }

package/dist/esm/view/BlockCard/components/ContentHeader.js

@@ -1,6 +1,6 @@
 /** @jsx jsx */
 import { jsx } from '@emotion/react';
-import useMouseDownEvent from '../../../state/analytics/useMouseDownEvent';
+import { useMouseDownEvent } from '../../../state/analytics/useLinkClicked';
 export var blockCardContentHeaderClassName = 'block-card-content-header';
 export var ContentHeader = function ContentHeader(_ref) {
   var onClick = _ref.onClick,

package/dist/esm/view/EmbedCard/components/ExpandedFrame.js

@@ -1,7 +1,7 @@
 import React, { useMemo } from 'react';
 import { className, LinkWrapper, Wrapper, Header, IconWrapper, TextWrapper, Content } from './styled';
 import { handleClickCommon } from '../../BlockCard/utils/handlers';
-import useMouseDownEvent from '../../../state/analytics/useMouseDownEvent';
+import { useMouseDownEvent } from '../../../state/analytics/useLinkClicked';
 export var ExpandedFrame = function ExpandedFrame(_ref) {
   var _ref$isPlaceholder = _ref.isPlaceholder,
     isPlaceholder = _ref$isPlaceholder === void 0 ? false : _ref$isPlaceholder,

package/dist/esm/view/EmbedModal/components/link-info/link-info-button/index.js

@@ -1,7 +1,7 @@
 import React from 'react';
 import Tooltip from '@atlaskit/tooltip';
 import Button from '@atlaskit/button/custom-theme-button';
-import useMouseDownEvent from '../../../../../state/analytics/useMouseDownEvent';
+import { useMouseDownEvent } from '../../../../../state/analytics/useLinkClicked';
 var LinkInfoButton = function LinkInfoButton(_ref) {
   var content = _ref.content,
     href = _ref.href,

package/dist/esm/view/FlexibleCard/components/blocks/title-block/index.js

@@ -6,7 +6,7 @@ var _excluded = ["actions", "anchorTarget", "hideTitleTooltip", "maxLines", "onA
 var _templateObject, _templateObject2;
 import React, { useCallback, useState } from 'react';
 import { css } from '@emotion/react';
-import useMouseDownEvent from '../../../../../state/analytics/useMouseDownEvent';
+import { useMouseDownEvent } from '../../../../../state/analytics/useLinkClicked';
 import { SmartLinkStatus } from '../../../../../constants';
 import TitleBlockResolvedView from './resolved';
 import TitleBlockErroredView from './errored';

package/dist/esm/view/FlexibleCard/components/container/layered-link/index.js

@@ -3,7 +3,7 @@ var _templateObject;
 /** @jsx jsx */
 import React from 'react';
 import { jsx, css } from '@emotion/react';
-import useMouseDownEvent from '../../../../../state/analytics/useMouseDownEvent';
+import { useMouseDownEvent } from '../../../../../state/analytics/useLinkClicked';
 var styles = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  // Stretch the invisible link over the whole of the post.\n  // Hide the link\u2019s text.\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  overflow: hidden;\n  text-indent: 100%;\n  white-space: nowrap;\n\n  // Needs a heightened specificity to trump other anchor.\n  // Stack it under all other links in the post text.\n  a&.layered-link {\n    position: absolute;\n    z-index: 0;\n  }\n\n  // When hovering over the layered link, any hidden action buttons inside\n  // the Container should become visible.\n  // As actions resides inside blocks and layered link is expected to be\n  // on the same level of blocks. That makes the blocks, e.g. TitleBlock,\n  // its sibling. Using general sibling combinator here to apply styling to\n  // all the siblings of layered link.\n  // The general sibling combinator (~) separates two selectors and matches all\n  // iterations of the second element, that are following the first element\n  // (though not necessarily immediately), and are children of the same parent\n  // element.\n  &:hover ~ * {\n    .actions-button-group {\n      opacity: 1;\n    }\n  }\n"])));
 
 /**

package/dist/esm/view/FlexibleCard/components/elements/link/index.js

@@ -7,7 +7,7 @@ import Tooltip from '@atlaskit/tooltip';
 import { SmartLinkInternalTheme, SmartLinkSize, SmartLinkTheme } from '../../../../../constants';
 import { getLinkLineHeight, getLinkSizeStyles, getTruncateStyles, hasWhiteSpace } from '../../utils';
 import { tokens } from '../../../../../utils/token';
-import useMouseDownEvent from '../../../../../state/analytics/useMouseDownEvent';
+import { useMouseDownEvent } from '../../../../../state/analytics/useLinkClicked';
 var DEFAULT_MAX_LINES = 2;
 var MAXIMUM_MAX_LINES = 2;
 var MINIMUM_MAX_LINES = 1;

package/dist/esm/view/InlineCard/Frame/index.js

@@ -1,7 +1,7 @@
 import React, { useCallback } from 'react';
 import { useGlobalTheme } from '@atlaskit/theme/components';
 import { WrapperAnchor, WrapperSpan } from './styled';
-import useMouseDownEvent from '../../../state/analytics/useMouseDownEvent';
+import { useMouseDownEvent } from '../../../state/analytics/useLinkClicked';
 export var Frame = function Frame(props) {
   var isSelected = props.isSelected,
     children = props.children,

package/dist/esm/view/LinkUrl/index.js

@@ -1,47 +1,42 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["href", "children", "checkSafety", "onClick", "onMouseDown", "testId"],
+var _excluded = ["href", "children", "checkSafety", "onClick", "testId"],
   _excluded2 = ["checkLinkSafety"];
 import React from 'react';
+import { withAnalyticsContext } from '@atlaskit/analytics-next';
+import { name as packageName, version as packageVersion } from '../../version.json';
+import { withLinkClickedEvent } from '../../utils/analytics/click';
+import { LinkAnalyticsContext } from '../../utils/analytics/LinkAnalyticsContext';
 import { useLinkWarningModal } from './LinkWarningModal/hooks/use-link-warning-modal';
 import LinkWarningModal from './LinkWarningModal';
-import { useAnalyticsEvents, withAnalyticsContext } from '@atlaskit/analytics-next';
-import { name as packageName, version as packageVersion } from '../../version.json';
-import { fireLinkClickedEvent } from '../../utils/analytics/click';
-import useMouseDownEvent from '../../state/analytics/useMouseDownEvent';
 var PACKAGE_DATA = {
   packageName: packageName,
   packageVersion: packageVersion,
   componentName: 'linkUrl'
 };
+var Link = withLinkClickedEvent('a');
 var LinkUrl = function LinkUrl(_ref) {
   var href = _ref.href,
     children = _ref.children,
     _ref$checkSafety = _ref.checkSafety,
     checkSafety = _ref$checkSafety === void 0 ? true : _ref$checkSafety,
     _onClick = _ref.onClick,
-    _onMouseDown = _ref.onMouseDown,
     _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'link-with-safety' : _ref$testId,
     props = _objectWithoutProperties(_ref, _excluded);
   var _useLinkWarningModal = useLinkWarningModal(),
     checkLinkSafety = _useLinkWarningModal.checkLinkSafety,
     linkWarningModalProps = _objectWithoutProperties(_useLinkWarningModal, _excluded2);
-  var _useAnalyticsEvents = useAnalyticsEvents(),
-    createAnalyticsEvent = _useAnalyticsEvents.createAnalyticsEvent;
-  var handleMouseDown = useMouseDownEvent();
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("a", _extends({
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(LinkAnalyticsContext, {
+    url: href,
+    display: "url"
+  }, /*#__PURE__*/React.createElement(Link, _extends({
     "data-testid": testId,
     href: href,
     onClick: function onClick(e) {
       checkSafety && checkLinkSafety(e, href);
       _onClick && _onClick(e);
-      fireLinkClickedEvent(createAnalyticsEvent)(e);
-    },
-    onMouseDown: function onMouseDown(e) {
-      _onMouseDown && _onMouseDown(e);
-      handleMouseDown(e); // add analytics
     }
-  }, props), children), checkSafety && /*#__PURE__*/React.createElement(LinkWarningModal, linkWarningModalProps));
+  }, props), children)), checkSafety && /*#__PURE__*/React.createElement(LinkWarningModal, linkWarningModalProps));
 };
 export default withAnalyticsContext(PACKAGE_DATA)(LinkUrl);

package/dist/types/state/analytics/useLinkClicked.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+export declare enum ClickButton {
+    Left = 0,
+    Middle = 1,
+    Right = 2
+}
+export declare const useLinkClicked: <T extends import("react").MouseEventHandler<Element>>(handler?: T | undefined, predicate?: ((event: React.MouseEvent) => boolean) | undefined) => (...args: Parameters<T>) => void;
+export declare const useMouseDownEvent: <T extends import("react").MouseEventHandler<Element>>(onMouseDown?: T | undefined) => (...args: Parameters<T>) => void;

package/dist/types/utils/analytics/LinkAnalyticsContext.d.ts

@@ -0,0 +1,17 @@
+import React from 'react';
+type LinkAnalyticsContextProps = {
+    url?: string;
+    /**
+     * The display mode of the link
+     * @example 'url'
+     */
+    display?: string | undefined;
+    id?: string | undefined;
+    source?: string;
+    children?: React.ReactNode;
+};
+/**
+ * Provides an analytics context to supply attributes to events based on a URL
+ */
+export declare const LinkAnalyticsContext: ({ url, display, id, children, source, }: LinkAnalyticsContextProps) => JSX.Element;
+export {};

package/dist/types/utils/analytics/SmartLinkAnalyticsContext.d.ts

@@ -1,10 +1,15 @@
-import { FC } from 'react';
+import React from 'react';
 import { CardInnerAppearance } from '../../view/Card/types';
 type SmartLinkAnalyticsContextProps = {
     url: string;
     appearance: CardInnerAppearance;
-    id: string | undefined;
+    id?: string | undefined;
     source?: string;
+    children?: React.ReactNode;
 };
-export declare const SmartLinkAnalyticsContext: FC<SmartLinkAnalyticsContextProps>;
+/**
+ * Provides an analytics context to supply attributes to events based on a URL
+ * and the link state in the store
+ */
+export declare const SmartLinkAnalyticsContext: (props: SmartLinkAnalyticsContextProps) => JSX.Element;
 export {};

package/dist/types/utils/analytics/click.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import { AnalyticsEventPayload, UIAnalyticsEvent } from '@atlaskit/analytics-next';
 import { GasPayload } from '@atlaskit/analytics-gas-types';
 import { ClickOutcome, ClickType, UiLinkClickedEventProps } from './types';
@@ -13,4 +13,14 @@ type DeepPartial<T> = T extends object ? {
 export declare const fireLinkClickedEvent: (createAnalyticsEvent: (payload: AnalyticsEventPayload) => UIAnalyticsEvent) => (event: React.MouseEvent, overrides?: DeepPartial<Omit<GasPayload, 'attributes'> & {
     attributes: UiLinkClickedEventProps;
 }>) => void;
+export declare function withLinkClickedEvent<Component extends React.ElementType<{
+    onClick?: React.MouseEventHandler<HTMLAnchorElement>;
+    onMouseDown?: React.MouseEventHandler<HTMLAnchorElement>;
+}>>(WrappedComponent: Component): {
+    (props: React.ComponentProps<Component>): React.ReactElement<{
+        onClick?: React.MouseEventHandler<HTMLAnchorElement> | undefined;
+        onMouseDown?: React.MouseEventHandler<HTMLAnchorElement> | undefined;
+    }, string | React.JSXElementConstructor<any>>;
+    displayName: string;
+};
 export {};

package/dist/types-ts4.5/state/analytics/useLinkClicked.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+export declare enum ClickButton {
+    Left = 0,
+    Middle = 1,
+    Right = 2
+}
+export declare const useLinkClicked: <T extends import("react").MouseEventHandler<Element>>(handler?: T | undefined, predicate?: ((event: React.MouseEvent) => boolean) | undefined) => (...args: Parameters<T>) => void;
+export declare const useMouseDownEvent: <T extends import("react").MouseEventHandler<Element>>(onMouseDown?: T | undefined) => (...args: Parameters<T>) => void;

package/dist/types-ts4.5/utils/analytics/LinkAnalyticsContext.d.ts

@@ -0,0 +1,17 @@
+import React from 'react';
+type LinkAnalyticsContextProps = {
+    url?: string;
+    /**
+     * The display mode of the link
+     * @example 'url'
+     */
+    display?: string | undefined;
+    id?: string | undefined;
+    source?: string;
+    children?: React.ReactNode;
+};
+/**
+ * Provides an analytics context to supply attributes to events based on a URL
+ */
+export declare const LinkAnalyticsContext: ({ url, display, id, children, source, }: LinkAnalyticsContextProps) => JSX.Element;
+export {};

package/dist/types-ts4.5/utils/analytics/SmartLinkAnalyticsContext.d.ts

@@ -1,10 +1,15 @@
-import { FC } from 'react';
+import React from 'react';
 import { CardInnerAppearance } from '../../view/Card/types';
 type SmartLinkAnalyticsContextProps = {
     url: string;
     appearance: CardInnerAppearance;
-    id: string | undefined;
+    id?: string | undefined;
     source?: string;
+    children?: React.ReactNode;
 };
-export declare const SmartLinkAnalyticsContext: FC<SmartLinkAnalyticsContextProps>;
+/**
+ * Provides an analytics context to supply attributes to events based on a URL
+ * and the link state in the store
+ */
+export declare const SmartLinkAnalyticsContext: (props: SmartLinkAnalyticsContextProps) => JSX.Element;
 export {};

package/dist/types-ts4.5/utils/analytics/click.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import { AnalyticsEventPayload, UIAnalyticsEvent } from '@atlaskit/analytics-next';
 import { GasPayload } from '@atlaskit/analytics-gas-types';
 import { ClickOutcome, ClickType, UiLinkClickedEventProps } from './types';
@@ -13,4 +13,14 @@ type DeepPartial<T> = T extends object ? {
 export declare const fireLinkClickedEvent: (createAnalyticsEvent: (payload: AnalyticsEventPayload) => UIAnalyticsEvent) => (event: React.MouseEvent, overrides?: DeepPartial<Omit<GasPayload, 'attributes'> & {
     attributes: UiLinkClickedEventProps;
 }>) => void;
+export declare function withLinkClickedEvent<Component extends React.ElementType<{
+    onClick?: React.MouseEventHandler<HTMLAnchorElement>;
+    onMouseDown?: React.MouseEventHandler<HTMLAnchorElement>;
+}>>(WrappedComponent: Component): {
+    (props: React.ComponentProps<Component>): React.ReactElement<{
+        onClick?: React.MouseEventHandler<HTMLAnchorElement> | undefined;
+        onMouseDown?: React.MouseEventHandler<HTMLAnchorElement> | undefined;
+    }, string | React.JSXElementConstructor<any>>;
+    displayName: string;
+};
 export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/smart-card",
-  "version": "26.3.5",
+  "version": "26.3.7",
   "description": "Smart card component",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -47,7 +47,7 @@
     "@atlaskit/linking-types": "^3.0.0",
     "@atlaskit/logo": "^13.14.0",
     "@atlaskit/lozenge": "^11.4.0",
-    "@atlaskit/media-common": "^4.1.0",
+    "@atlaskit/media-common": "^5.0.0",
     "@atlaskit/modal-dialog": "^12.5.0",
     "@atlaskit/outbound-auth-flow-client": "^3.4.0",
     "@atlaskit/platform-feature-flags": "^0.2.1",
@@ -93,11 +93,11 @@
     "@atlaskit/radio": "^5.6.0",
     "@atlaskit/range": "^7.1.0",
     "@atlaskit/section-message": "^6.4.0",
-    "@atlaskit/select": "^16.3.0",
+    "@atlaskit/select": "^16.4.0",
     "@atlaskit/table-tree": "^9.4.0",
     "@atlaskit/tabs": "^13.4.0",
-    "@atlaskit/textarea": "^4.6.0",
-    "@atlaskit/textfield": "^5.4.0",
+    "@atlaskit/textarea": "^4.7.0",
+    "@atlaskit/textfield": "^5.5.0",
     "@atlaskit/toggle": "^12.6.0",
     "@atlaskit/visual-regression": "*",
     "@atlassian/atlassian-frontend-prettier-config-1.0.1": "npm:@atlassian/atlassian-frontend-prettier-config@1.0.1",

package/dist/cjs/state/analytics/useMouseDownEvent.js

@@ -1,24 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = require("react");
-var _analyticsNext = require("@atlaskit/analytics-next");
-var _click = require("../../utils/analytics/click");
-var useMouseDownEvent = function useMouseDownEvent(onMouseDown) {
-  var _useAnalyticsEvents = (0, _analyticsNext.useAnalyticsEvents)(),
-    createAnalyticsEvent = _useAnalyticsEvents.createAnalyticsEvent;
-  return (0, _react.useCallback)(function (event) {
-    onMouseDown === null || onMouseDown === void 0 ? void 0 : onMouseDown(event);
-
-    // ignore left clicks
-    // these would be handled by `onClick` handler instead
-    if (event.button !== 0) {
-      (0, _click.fireLinkClickedEvent)(createAnalyticsEvent)(event);
-    }
-  }, [onMouseDown, createAnalyticsEvent]);
-};
-var _default = useMouseDownEvent;
-exports.default = _default;

package/dist/es2019/state/analytics/useMouseDownEvent.js

@@ -1,18 +0,0 @@
-import { useCallback } from 'react';
-import { useAnalyticsEvents } from '@atlaskit/analytics-next';
-import { fireLinkClickedEvent } from '../../utils/analytics/click';
-const useMouseDownEvent = onMouseDown => {
-  const {
-    createAnalyticsEvent
-  } = useAnalyticsEvents();
-  return useCallback(event => {
-    onMouseDown === null || onMouseDown === void 0 ? void 0 : onMouseDown(event);
-
-    // ignore left clicks
-    // these would be handled by `onClick` handler instead
-    if (event.button !== 0) {
-      fireLinkClickedEvent(createAnalyticsEvent)(event);
-    }
-  }, [onMouseDown, createAnalyticsEvent]);
-};
-export default useMouseDownEvent;

package/dist/esm/state/analytics/useMouseDownEvent.js

@@ -1,17 +0,0 @@
-import { useCallback } from 'react';
-import { useAnalyticsEvents } from '@atlaskit/analytics-next';
-import { fireLinkClickedEvent } from '../../utils/analytics/click';
-var useMouseDownEvent = function useMouseDownEvent(onMouseDown) {
-  var _useAnalyticsEvents = useAnalyticsEvents(),
-    createAnalyticsEvent = _useAnalyticsEvents.createAnalyticsEvent;
-  return useCallback(function (event) {
-    onMouseDown === null || onMouseDown === void 0 ? void 0 : onMouseDown(event);
-
-    // ignore left clicks
-    // these would be handled by `onClick` handler instead
-    if (event.button !== 0) {
-      fireLinkClickedEvent(createAnalyticsEvent)(event);
-    }
-  }, [onMouseDown, createAnalyticsEvent]);
-};
-export default useMouseDownEvent;

package/dist/types/state/analytics/useMouseDownEvent.d.ts

@@ -1,3 +0,0 @@
-/// <reference types="react" />
-declare const useMouseDownEvent: <T extends import("react").MouseEventHandler<Element>>(onMouseDown?: T | undefined) => (event: Parameters<T>[0]) => void;
-export default useMouseDownEvent;

package/dist/types-ts4.5/state/analytics/useMouseDownEvent.d.ts

@@ -1,3 +0,0 @@
-/// <reference types="react" />
-declare const useMouseDownEvent: <T extends import("react").MouseEventHandler<Element>>(onMouseDown?: T | undefined) => (event: Parameters<T>[0]) => void;
-export default useMouseDownEvent;