@atlaskit/smart-card 26.9.2 → 26.9.5

package/dist/cjs/view/FlexibleCard/components/container/hover-card-control/index.js

@@ -0,0 +1,74 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _react = _interopRequireWildcard(require("react"));
+var _HoverCard = require("../../../../HoverCard");
+var _constants = require("../../../../../constants");
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+var FLEXIBLE_HOVER_CARD_CAN_OPEN_DELAY = 100;
+var HoverCardControl = function HoverCardControl(_ref) {
+  var children = _ref.children,
+    hideHoverCardPreviewButton = _ref.hideHoverCardPreviewButton,
+    isHoverPreview = _ref.isHoverPreview,
+    isAuthTooltip = _ref.isAuthTooltip,
+    showServerActions = _ref.showServerActions,
+    url = _ref.url;
+  var _useState = (0, _react.useState)(true),
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    canOpen = _useState2[0],
+    setCanOpen = _useState2[1];
+  var mouseStopTimer = (0, _react.useRef)();
+  (0, _react.useEffect)(function () {
+    return function () {
+      if (mouseStopTimer.current) {
+        clearTimeout(mouseStopTimer.current);
+      }
+    };
+  }, []);
+  var onMouseMove = (0, _react.useCallback)(function (e) {
+    var _e$target$closest;
+    if (mouseStopTimer.current) {
+      clearTimeout(mouseStopTimer.current);
+    }
+
+    // Never show hover card on action or when action dropdown opens.
+    // The code below can be simplified by using :is() and :has()
+    // but the pseudo-class isn't support by Firefox yet.
+    var action =
+    // Any action button group (title/footer block)
+    e.target.closest('.actions-button-group') || ( // When action dropdown list is opened on action button group or lozenge action
+    (_e$target$closest = e.target.closest('[data-smart-link-container]')) === null || _e$target$closest === void 0 ? void 0 : _e$target$closest.querySelector('[data-action-open="true"]'));
+    var canOpenOnElement = isAuthTooltip && !action ||
+    // EDM-7060: For hover preview, also hide hover card on all elements
+    // except title element (link title)
+    isHoverPreview && !action && !e.target.closest("[data-smart-element]:not([data-smart-element=\"".concat(_constants.ElementName.Title, "\"])"));
+    mouseStopTimer.current = setTimeout(function () {
+      if (canOpen !== canOpenOnElement) {
+        setCanOpen(Boolean(canOpenOnElement));
+      }
+    }, FLEXIBLE_HOVER_CARD_CAN_OPEN_DELAY);
+  }, [isAuthTooltip, isHoverPreview, canOpen]);
+  return /*#__PURE__*/_react.default.createElement(_HoverCard.HoverCard, {
+    allowEventPropagation: true,
+    canOpen: canOpen,
+    closeOnChildClick: true,
+    hidePreviewButton: hideHoverCardPreviewButton
+    // EDM-6709 extends the internal prop for showServerActions type to be
+    // an object. If we decide to use expose the type for hover preview
+    // remove the Boolean() conversion here.
+    ,
+    showServerActions: Boolean(showServerActions),
+    url: url
+  }, /*#__PURE__*/_react.default.createElement("span", {
+    onMouseMove: onMouseMove
+  }, children));
+};
+var _default = HoverCardControl;
+exports.default = _default;

package/dist/cjs/view/FlexibleCard/components/container/hover-card-control/types.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/dist/cjs/view/FlexibleCard/components/container/index.js

@@ -6,8 +6,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.getContainerStyles = exports.default = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
 var _react = _interopRequireWildcard(require("react"));
 var _react2 = require("@emotion/react");
@@ -16,7 +14,7 @@ var _flexible = require("../../../../utils/flexible");
 var _token = require("../../../../utils/token");
 var _flexibleUiContext = require("../../../../state/flexible-ui-context");
 var _layeredLink = _interopRequireDefault(require("./layered-link"));
-var _HoverCard = require("../../../HoverCard");
+var _hoverCardControl = _interopRequireDefault(require("./hover-card-control"));
 var _utils = require("../../../../state/flexible-ui-context/utils");
 var _templateObject, _templateObject2, _templateObject3, _templateObject4;
 /** @jsx jsx */
@@ -167,51 +165,23 @@ var Container = function Container(_ref3) {
     theme = _ref3$theme === void 0 ? _constants.SmartLinkTheme.Link : _ref3$theme;
   var context = (0, _react.useContext)(_flexibleUiContext.FlexibleUiContext);
   var childrenOptions = getChildrenOptions(children, context);
-  var _useState = (0, _react.useState)(true),
-    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-    hoverCardCanOpen = _useState2[0],
-    setHoverCardCanOpen = _useState2[1];
   var canShowHoverPreview = showHoverPreview && status === 'resolved';
   var canShowAuthTooltip = showAuthTooltip && status === 'unauthorized';
-  var onMouseOver = (0, _react.useCallback)(function (e) {
-    var _e$target$closest;
-    // Never show hover card on action or when action dropdown opens.
-    // The code below can be simplified by using :is() and :has()
-    // but the pseudo-class isn't support by Firefox yet.
-    var action =
-    // Any action button group (title/footer block)
-    e.target.closest('.actions-button-group') || ( // When action dropdown list is opened on action button group or lozenge action
-    (_e$target$closest = e.target.closest('[data-smart-link-container]')) === null || _e$target$closest === void 0 ? void 0 : _e$target$closest.querySelector('[data-action-open="true"]'));
-    var canOpen = canShowAuthTooltip && !action ||
-    // EDM-7060: For hover preview, also hide hover card on all elements
-    // except title element (link title)
-    canShowHoverPreview && !action && !e.target.closest("[data-smart-element]:not([data-smart-element=\"".concat(_constants.ElementName.Title, "\"])"));
-    if (hoverCardCanOpen !== canOpen) {
-      setHoverCardCanOpen(canOpen);
-    }
-  }, [canShowAuthTooltip, canShowHoverPreview, hoverCardCanOpen]);
-  var containerContent = (0, _react2.jsx)("div", (0, _extends2.default)({
+  var container = (0, _react2.jsx)("div", {
     css: getContainerStyles(size, hideBackground, hideElevation, hidePadding, clickableContainer, childrenOptions),
     "data-smart-link-container": true,
     "data-testid": testId
-  }, canShowHoverPreview || canShowAuthTooltip ? {
-    onMouseOver: onMouseOver
-  } : undefined), clickableContainer ? getLayeredLink(testId, context, children, onClick) : null, renderChildren(children, size, theme, status, retry, onClick));
+  }, clickableContainer ? getLayeredLink(testId, context, children, onClick) : null, renderChildren(children, size, theme, status, retry, onClick));
   if (context !== null && context !== void 0 && context.url && (canShowHoverPreview || canShowAuthTooltip)) {
-    return (0, _react2.jsx)(_HoverCard.HoverCard, {
-      url: context === null || context === void 0 ? void 0 : context.url,
-      allowEventPropagation: true,
-      canOpen: hoverCardCanOpen,
-      closeOnChildClick: true,
-      hidePreviewButton: hideHoverCardPreviewButton
-      // EDM-6709 extends the internal prop for showServerActions type to be
-      // an object. If we decide to use expose the type for hover preview
-      // remove the Boolean() conversion here.
-      ,
-      showServerActions: Boolean(showServerActions)
-    }, containerContent);
+    return (0, _react2.jsx)(_hoverCardControl.default, {
+      hideHoverCardPreviewButton: hideHoverCardPreviewButton,
+      isHoverPreview: canShowHoverPreview,
+      isAuthTooltip: canShowAuthTooltip,
+      showServerActions: showServerActions,
+      url: context.url
+    }, container);
   }
-  return containerContent;
+  return container;
 };
 var _default = Container;
 exports.default = _default;

package/dist/cjs/view/FlexibleCard/utils.js

@@ -12,7 +12,7 @@ var _messages = require("../../messages");
 var _flexible = _interopRequireDefault(require("../../extractors/flexible"));
 var _icon = require("../../extractors/flexible/icon");
 var _utils = require("../../utils");
-var _extractors = require("@atlaskit/linking-common/extractors");
+var _linkExtractors = require("@atlaskit/link-extractors");
 var _extractProviderIcon = _interopRequireDefault(require("../../extractors/flexible/icon/extract-provider-icon"));
 var getContextByStatus = function getContextByStatus(params) {
   var _ref = params !== null && params !== void 0 ? params : {},
@@ -66,7 +66,7 @@ var getForbiddenMessageKey = function getForbiddenMessageKey(meta) {
 var getRetryOptions = function getRetryOptions(url, status, response, onAuthorize) {
   var _response$meta, _access$action;
   var data = response && response.data || (0, _jsonld.getEmptyJsonLd)();
-  var provider = (0, _extractors.extractProvider)(data);
+  var provider = (0, _linkExtractors.extractProvider)(data);
   var context = provider === null || provider === void 0 ? void 0 : provider.text;
   var values = context ? {
     context: context

package/dist/cjs/view/HoverCard/components/views/unauthorised/index.js

@@ -12,7 +12,7 @@ var _reactIntlNext = require("react-intl-next");
 var _FlexibleCard = _interopRequireDefault(require("../../../../FlexibleCard"));
 var _messages = require("../../../../../messages");
 var _blocks = require("../../../../FlexibleCard/components/blocks");
-var _extractors = require("@atlaskit/linking-common/extractors");
+var _linkExtractors = require("@atlaskit/link-extractors");
 var _styled = require("./styled");
 var _UnauthorisedViewContent = _interopRequireDefault(require("../../../../common/UnauthorisedViewContent"));
 var _actionGroup = _interopRequireDefault(require("../../../../FlexibleCard/components/blocks/action-group"));
@@ -33,7 +33,7 @@ var HoverCardUnauthorisedView = function HoverCardUnauthorisedView(_ref) {
     url = _ref.url;
   var cardState = flexibleCardProps.cardState;
   var data = (_cardState$details = cardState.details) === null || _cardState$details === void 0 ? void 0 : _cardState$details.data;
-  var providerName = (_extractProvider = (0, _extractors.extractProvider)(data)) === null || _extractProvider === void 0 ? void 0 : _extractProvider.text;
+  var providerName = (_extractProvider = (0, _linkExtractors.extractProvider)(data)) === null || _extractProvider === void 0 ? void 0 : _extractProvider.text;
   var _useSmartCardActions = (0, _actions.useSmartCardActions)(id, url, analytics),
     authorize = _useSmartCardActions.authorize;
   var handleAuthorize = (0, _react.useCallback)(function () {

package/dist/cjs/view/HoverCard/utils.js

@@ -5,12 +5,12 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.getSimulatedMetadata = void 0;
 var _constants = require("../../constants");
-var _extractors = require("@atlaskit/linking-common/extractors");
+var _linkExtractors = require("@atlaskit/link-extractors");
 var _utils = require("../../extractors/flexible/utils");
 var getSimulatedMetadata = function getSimulatedMetadata() {
   var extensionKey = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
   var data = arguments.length > 1 ? arguments[1] : undefined;
-  var types = data ? (0, _extractors.extractType)(data) : undefined;
+  var types = data ? (0, _linkExtractors.extractType)(data) : undefined;
   switch (extensionKey) {
     case 'bitbucket-object-provider':
     case 'native-bitbucket-object-provider':

package/dist/cjs/view/InlineCard/index.js

@@ -46,7 +46,7 @@ var _ForbiddenView = require("./ForbiddenView");
 var _ResolvedView = require("./ResolvedView");
 var _ResolvingView = require("./ResolvingView");
 var _UnauthorisedView = require("./UnauthorisedView");
-var _extractors = require("@atlaskit/linking-common/extractors");
+var _linkExtractors = require("@atlaskit/link-extractors");
 var _linkProvider = require("@atlaskit/link-provider");
 var _helpers = require("../../state/helpers");
 var InlineCard = function InlineCard(_ref) {
@@ -109,7 +109,7 @@ var InlineCard = function InlineCard(_ref) {
           status: status
         });
       }
-      var provider = (0, _extractors.extractProvider)(cardDetails);
+      var provider = (0, _linkExtractors.extractProvider)(cardDetails);
       return /*#__PURE__*/_react.default.createElement(_UnauthorisedView.InlineCardUnauthorizedView, {
         icon: provider && provider.icon,
         context: provider && provider.text,
@@ -130,7 +130,7 @@ var InlineCard = function InlineCard(_ref) {
           status: status
         });
       }
-      var providerForbidden = (0, _extractors.extractProvider)(cardDetails);
+      var providerForbidden = (0, _linkExtractors.extractProvider)(cardDetails);
       var cardMetadata = (_details$meta = details === null || details === void 0 ? void 0 : details.meta) !== null && _details$meta !== void 0 ? _details$meta : (0, _jsonld.getForbiddenJsonLd)().meta;
       var requestAccessContext = (0, _context.extractRequestAccessContext)({
         jsonLd: cardMetadata,
@@ -154,7 +154,7 @@ var InlineCard = function InlineCard(_ref) {
           status: status
         });
       }
-      var providerNotFound = (0, _extractors.extractProvider)(cardDetails);
+      var providerNotFound = (0, _linkExtractors.extractProvider)(cardDetails);
       return /*#__PURE__*/_react.default.createElement(_ErroredView.InlineCardErroredView, {
         url: url,
         icon: providerNotFound && providerNotFound.icon,

package/dist/es2019/extractors/block/index.js

@@ -2,7 +2,7 @@ import { extractTitleTextColor, extractSummary } from '../common/primitives';
 import { extractLozenge } from '../common/lozenge';
 import { extractIcon } from '../common/icon';
 import { extractCommentCount, extractProgrammingLanguage, extractSubscriberCount, extractAttachmentCount } from '../common/detail';
-import { extractLink, extractTitle, extractProvider, extractMembers, extractPersonAssignedTo, extractPersonCreatedBy, extractPersonUpdatedBy, extractImage } from '@atlaskit/linking-common/extractors';
+import { extractLink, extractTitle, extractProvider, extractMembers, extractPersonAssignedTo, extractPersonCreatedBy, extractPersonUpdatedBy, extractImage } from '@atlaskit/link-extractors';
 import { extractByline } from '../common/byline/extractByline';
 import { extractTitlePrefix } from '../common/title-prefix/extractTitlePrefix';
 import { extractActions } from '../common/actions/extractActions';

package/dist/es2019/extractors/common/actions/extractPreviewAction.js

@@ -1,5 +1,5 @@
 import { extractDownloadUrl } from '../detail';
-import { extractPreview, extractProvider } from '@atlaskit/linking-common/extractors';
+import { extractPreview, extractProvider } from '@atlaskit/link-extractors';
 import { PreviewAction } from '../../../view/BlockCard';
 import { CardDisplay } from '../../../constants';
 import { extractIsSupportTheming } from '../../common/meta/extractIsSupportTheming';

package/dist/es2019/extractors/common/byline/extractByline.js

@@ -1,7 +1,7 @@
 import React from 'react';
 import { FormattedRelativeTime } from 'react-intl-next';
 import { selectUnit } from '@formatjs/intl-utils';
-import { extractDateCreated, extractDateUpdated, extractPersonCreatedBy, extractPersonUpdatedBy } from '@atlaskit/linking-common/extractors';
+import { extractDateCreated, extractDateUpdated, extractPersonCreatedBy, extractPersonUpdatedBy } from '@atlaskit/link-extractors';
 export const extractByline = jsonLd => {
   const updatedAt = extractDateUpdated(jsonLd);
   const createdAt = extractDateCreated(jsonLd);

package/dist/es2019/extractors/common/icon/extractIcon.js

@@ -6,7 +6,7 @@ import BranchIcon from '@atlaskit/icon-object/glyph/branch/16';
 import RepoIcon from '@atlaskit/icon-object/glyph/code/16';
 import TaskIcon from '@atlaskit/icon-object/glyph/task/16';
 import { extractorPriorityMap } from './priority';
-import { extractProvider, extractUrlFromIconJsonLd, extractTitle } from '@atlaskit/linking-common/extractors';
+import { extractProvider, extractUrlFromIconJsonLd, extractTitle } from '@atlaskit/link-extractors';
 import { extractFileFormat } from './extractFileFormat';
 import { extractIconFromDocument } from './extractIconFromDocument';
 import { extractIconFromTask } from './extractIconFromTask';

package/dist/es2019/extractors/common/lozenge/extractLozenge.js

@@ -1,7 +1,7 @@
 import { extractState } from './extractState';
 import { extractTag } from './extractTag';
 import { extractTaskStatus } from './extractTaskStatus';
-import { extractType } from '@atlaskit/linking-common/extractors';
+import { extractType } from '@atlaskit/link-extractors';
 import { extractTaskType } from './extractTaskType';
 const DOC_TYPES = ['schema:BlogPosting', 'schema:TextDigitalDocument', 'schema:DigitalDocument', 'schema:PresentationDigitalDocument', 'schema:SpreadsheetDigitalDocument'];
 export const extractLozenge = jsonLd => {

package/dist/es2019/extractors/common/lozenge/extractTaskType.js

@@ -1,4 +1,4 @@
-import { extractUrlFromIconJsonLd } from '@atlaskit/linking-common/extractors';
+import { extractUrlFromIconJsonLd } from '@atlaskit/link-extractors';
 export const extractTaskType = jsonLd => {
   // TODO: Remove once Jira migrate to the correct type.
   const taskType = jsonLd['atlassian:taskType'] || jsonLd.taskType;

package/dist/es2019/extractors/embed/index.js

@@ -1,4 +1,4 @@
-import { extractLink, extractTitle, extractProvider, extractPreview } from '@atlaskit/linking-common/extractors';
+import { extractLink, extractTitle, extractProvider, extractPreview } from '@atlaskit/link-extractors';
 import { extractIsTrusted } from '../common/meta/extractIsTrusted';
 import { extractIsSupportTheming } from '../common/meta/extractIsSupportTheming';
 const extractEmbedPreview = (jsonLd, platform, iframeUrlType) => {

package/dist/es2019/extractors/flexible/actions/extract-preview-action.js

@@ -1,6 +1,5 @@
 import { extractDownloadUrl } from '../../common/detail';
-import { extractPreview as extractPreviewData } from '@atlaskit/linking-common';
-import { extractLink, extractProvider, extractTitle } from '@atlaskit/linking-common/extractors';
+import { extractPreview as extractPreviewData, extractLink, extractProvider, extractTitle } from '@atlaskit/link-extractors';
 import { extractLinkIcon } from '../icon';
 import { extractIsSupportTheming } from '../../common/meta/extractIsSupportTheming';
 export const extractPreviewAction = response => {

package/dist/es2019/extractors/flexible/actions/extract-view-action.js

@@ -1,4 +1,4 @@
-import { extractLink } from '@atlaskit/linking-common/extractors';
+import { extractLink } from '@atlaskit/link-extractors';
 import { getActionsFromJsonLd } from '../../common/actions/extractActions';
 export const extractViewAction = data => {
   const viewActionExists = getActionsFromJsonLd(data).find(action => action['@type'] === 'ViewAction');

package/dist/es2019/extractors/flexible/collaboratorGroup/index.js

@@ -1,4 +1,4 @@
-import { extractMembers, extractPersonFromJsonLd } from '@atlaskit/linking-common/extractors';
+import { extractMembers, extractPersonFromJsonLd } from '@atlaskit/link-extractors';
 export const extractPersonsUpdatedBy = jsonLd => {
   if (jsonLd['@type'] === 'atlassian:Project') {
     const members = extractMembers(jsonLd);

package/dist/es2019/extractors/flexible/extract-preview.js

@@ -1,4 +1,4 @@
-import { extractImage } from '@atlaskit/linking-common/extractors';
+import { extractImage } from '@atlaskit/link-extractors';
 import { MediaType } from '../../constants';
 const extractPreview = data => {
   const url = extractImage(data);

package/dist/es2019/extractors/flexible/extract-priority.js

@@ -1,5 +1,5 @@
 import { IconType } from '../../constants';
-import { extractUrlFromIconJsonLd } from '@atlaskit/linking-common/extractors';
+import { extractUrlFromIconJsonLd } from '@atlaskit/link-extractors';
 const priorityMapper = {
   blocker: IconType.PriorityBlocker,
   critical: IconType.PriorityCritical,

package/dist/es2019/extractors/flexible/extract-state.js

@@ -1,7 +1,7 @@
 import { extractLozenge } from '../common/lozenge';
 import { getExtensionKey } from '../../state/helpers';
 import extractServerAction from './extract-server-action';
-import { extractLink } from '@atlaskit/linking-common/extractors';
+import { extractLink } from '@atlaskit/link-extractors';
 import { extractPreviewAction } from './actions/extract-preview-action';
 const toInvokeRequest = (extensionKey, resourceIdentifiers, actionType, details) => {
   if (!actionType) {

package/dist/es2019/extractors/flexible/icon/extract-jsonld-data-icon.js

@@ -5,7 +5,7 @@ import extractJiraTaskIcon from './extract-jira-task-icon';
 import extractProviderIcon from './extract-provider-icon';
 import extractUrlIcon from './extract-url-icon';
 import { extractTaskType } from '../../common/lozenge';
-import { extractTitle } from '@atlaskit/linking-common/extractors';
+import { extractTitle } from '@atlaskit/link-extractors';
 import { extractorPriorityMap as priorityMap } from '../../common/icon/priority';
 import { IconType } from '../../../constants';
 const extractTask = (data, label) => {

package/dist/es2019/extractors/flexible/icon/extract-provider-icon.js

@@ -1,7 +1,7 @@
 import { CONFLUENCE_GENERATOR_ID, JIRA_GENERATOR_ID } from '../../constants';
 import { IconType } from '../../../constants';
 import extractUrlIcon from './extract-url-icon';
-import { extractTitle } from '@atlaskit/linking-common/extractors';
+import { extractTitle } from '@atlaskit/link-extractors';
 const extractProviderIcon = data => {
   if (!data) {
     return undefined;

package/dist/es2019/extractors/flexible/icon/extract-url-icon.js

@@ -1,4 +1,4 @@
-import { extractUrlFromIconJsonLd } from '@atlaskit/linking-common/extractors';
+import { extractUrlFromIconJsonLd } from '@atlaskit/link-extractors';
 const extractUrlIcon = (icon, label) => {
   const url = icon && extractUrlFromIconJsonLd(icon);
   return url ? {

package/dist/es2019/extractors/flexible/index.js

@@ -2,7 +2,7 @@ import { extractSummary } from '../common/primitives';
 import { extractLinkIcon } from './icon';
 import { extractAttachmentCount, extractChecklistProgress, extractCommentCount, extractCreatedBy, extractModifiedBy, extractProgrammingLanguage, extractSubscriberCount, extractViewCount, extractReactCount, extractVoteCount, extractSourceBranch, extractTargetBranch, extractDueOn, extractLocation, extractOwnedBy } from './utils';
 import { extractPersonsUpdatedBy } from './collaboratorGroup';
-import { extractPersonCreatedBy, extractTitle, extractDateUpdated, extractDateCreated, extractLink } from '@atlaskit/linking-common/extractors';
+import { extractPersonCreatedBy, extractTitle, extractDateUpdated, extractDateCreated, extractLink } from '@atlaskit/link-extractors';
 import extractPriority from './extract-priority';
 import extractProviderIcon from './icon/extract-provider-icon';
 import extractPreview from './extract-preview';

package/dist/es2019/extractors/flexible/utils.js

@@ -1,4 +1,4 @@
-import { extractPersonOwnedBy, extractPersonCreatedBy, extractPersonUpdatedBy } from '@atlaskit/linking-common/extractors';
+import { extractPersonOwnedBy, extractPersonCreatedBy, extractPersonUpdatedBy } from '@atlaskit/link-extractors';
 const extractLinkName = link => {
   if (link && typeof link === 'object' && link['@type'] === 'Link') {
     return link.name;

package/dist/es2019/extractors/inline/index.js

@@ -2,7 +2,7 @@ import { extractTitleTextColor } from '../common/primitives';
 import { extractLozenge } from '../common/lozenge';
 import { extractIcon } from '../common/icon';
 import { extractTitlePrefix } from '../common/title-prefix';
-import { extractLink, extractTitle, extractProvider } from '@atlaskit/linking-common/extractors';
+import { extractLink, extractTitle, extractProvider } from '@atlaskit/link-extractors';
 import { CONFLUENCE_GENERATOR_ID, JIRA_GENERATOR_ID } from '../constants';
 export const extractInlineIcon = jsonLd => {
   const provider = extractProvider(jsonLd);

package/dist/es2019/version.json

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

package/dist/es2019/view/BlockCard/views/flexible/FlexibleForbiddenView.js

@@ -9,7 +9,7 @@ import BlockCardFooter from '../../components/flexible/footer';
 import { ForbiddenAction } from '../../actions/flexible/ForbiddenAction';
 import Text from '../../../FlexibleCard/components/elements/text';
 import { getForbiddenJsonLd } from '../../../../utils/jsonld';
-import { extractProvider } from '@atlaskit/linking-common/extractors';
+import { extractProvider } from '@atlaskit/link-extractors';
 import { extractRequestAccessContext } from '../../../../extractors/common/context';
 
 /**

package/dist/es2019/view/BlockCard/views/flexible/FlexibleUnauthorisedView.js

@@ -4,7 +4,7 @@ import { AuthorizeAction } from '../../actions/flexible/AuthorizeAction';
 import BlockCardFooter from '../../components/flexible/footer';
 import { CustomBlock, TitleBlock } from '../../../FlexibleCard/components/blocks';
 import { SmartLinkStatus } from '../../../../constants';
-import { extractProvider } from '@atlaskit/linking-common/extractors';
+import { extractProvider } from '@atlaskit/link-extractors';
 import UnauthorisedViewContent from '../../../common/UnauthorisedViewContent';
 import { css } from '@emotion/react';
 import { tokens } from '../../../../utils/token';

package/dist/es2019/view/CardWithUrl/component.js

@@ -35,7 +35,7 @@ function Component({
   ui,
   children,
   showHoverPreview,
-  showAuthTooltip: showAuthTooltipProp,
+  showAuthTooltip,
   analyticsEvents
 }) {
   const {
@@ -59,8 +59,6 @@ function Component({
   const subproduct = getSubproduct(state.details);
   const services = getServices(state.details);
   let isFlexibleUi = useMemo(() => isFlexibleUiCard(children), [children]);
-  const showAuthTooltipFeatureFlagValue = useFeatureFlag('showAuthTooltip');
-  const showAuthTooltip = showAuthTooltipFeatureFlagValue !== undefined ? showAuthTooltipFeatureFlagValue === 'experiment' : showAuthTooltipProp;
   const enableFlexibleBlockCardFlag = Boolean(useFeatureFlag('enableFlexibleBlockCard'));
   const showServerActions = showServerActionsProp && platform !== 'mobile';
 
@@ -178,7 +176,7 @@ function Component({
       renderers: renderers,
       ui: ui,
       showHoverPreview: showHoverPreview,
-      showAuthTooltip: showAuthTooltipProp,
+      showAuthTooltip: showAuthTooltip,
       showServerActions: showServerActions,
       url: url,
       testId: testId,

package/dist/es2019/view/FlexibleCard/components/container/hover-card-control/index.js

@@ -0,0 +1,60 @@
+import React, { useCallback, useEffect, useRef, useState } from 'react';
+import { HoverCard } from '../../../../HoverCard';
+import { ElementName } from '../../../../../constants';
+const FLEXIBLE_HOVER_CARD_CAN_OPEN_DELAY = 100;
+const HoverCardControl = ({
+  children,
+  hideHoverCardPreviewButton,
+  isHoverPreview,
+  isAuthTooltip,
+  showServerActions,
+  url
+}) => {
+  const [canOpen, setCanOpen] = useState(true);
+  const mouseStopTimer = useRef();
+  useEffect(() => {
+    return () => {
+      if (mouseStopTimer.current) {
+        clearTimeout(mouseStopTimer.current);
+      }
+    };
+  }, []);
+  const onMouseMove = useCallback(e => {
+    var _e$target$closest;
+    if (mouseStopTimer.current) {
+      clearTimeout(mouseStopTimer.current);
+    }
+
+    // Never show hover card on action or when action dropdown opens.
+    // The code below can be simplified by using :is() and :has()
+    // but the pseudo-class isn't support by Firefox yet.
+    const action =
+    // Any action button group (title/footer block)
+    e.target.closest('.actions-button-group') || ( // When action dropdown list is opened on action button group or lozenge action
+    (_e$target$closest = e.target.closest('[data-smart-link-container]')) === null || _e$target$closest === void 0 ? void 0 : _e$target$closest.querySelector('[data-action-open="true"]'));
+    const canOpenOnElement = isAuthTooltip && !action ||
+    // EDM-7060: For hover preview, also hide hover card on all elements
+    // except title element (link title)
+    isHoverPreview && !action && !e.target.closest(`[data-smart-element]:not([data-smart-element="${ElementName.Title}"])`);
+    mouseStopTimer.current = setTimeout(() => {
+      if (canOpen !== canOpenOnElement) {
+        setCanOpen(Boolean(canOpenOnElement));
+      }
+    }, FLEXIBLE_HOVER_CARD_CAN_OPEN_DELAY);
+  }, [isAuthTooltip, isHoverPreview, canOpen]);
+  return /*#__PURE__*/React.createElement(HoverCard, {
+    allowEventPropagation: true,
+    canOpen: canOpen,
+    closeOnChildClick: true,
+    hidePreviewButton: hideHoverCardPreviewButton
+    // EDM-6709 extends the internal prop for showServerActions type to be
+    // an object. If we decide to use expose the type for hover preview
+    // remove the Boolean() conversion here.
+    ,
+    showServerActions: Boolean(showServerActions),
+    url: url
+  }, /*#__PURE__*/React.createElement("span", {
+    onMouseMove: onMouseMove
+  }, children));
+};
+export default HoverCardControl;

package/dist/es2019/view/FlexibleCard/components/container/hover-card-control/types.js

@@ -0,0 +1 @@
+export {};

package/dist/es2019/view/FlexibleCard/components/container/index.js

@@ -1,13 +1,12 @@
-import _extends from "@babel/runtime/helpers/extends";
 /** @jsx jsx */
-import React, { useContext, useState, useCallback } from 'react';
+import React, { useContext } from 'react';
 import { css, jsx } from '@emotion/react';
-import { ElementName, MediaPlacement, SmartLinkSize, SmartLinkTheme } from '../../../../constants';
+import { MediaPlacement, SmartLinkSize, SmartLinkTheme } from '../../../../constants';
 import { isFlexibleUiBlock, isFlexibleUiPreviewBlock, isFlexibleUiTitleBlock } from '../../../../utils/flexible';
 import { tokens } from '../../../../utils/token';
 import { FlexibleUiContext } from '../../../../state/flexible-ui-context';
 import LayeredLink from './layered-link';
-import { HoverCard } from '../../../HoverCard';
+import HoverCardControl from './hover-card-control';
 import { isFlexUiPreviewPresent } from '../../../../state/flexible-ui-context/utils';
 const elevationStyles = css`
   border: 1px solid transparent;
@@ -187,47 +186,22 @@ const Container = ({
 }) => {
   const context = useContext(FlexibleUiContext);
   const childrenOptions = getChildrenOptions(children, context);
-  const [hoverCardCanOpen, setHoverCardCanOpen] = useState(true);
   const canShowHoverPreview = showHoverPreview && status === 'resolved';
   const canShowAuthTooltip = showAuthTooltip && status === 'unauthorized';
-  const onMouseOver = useCallback(e => {
-    var _e$target$closest;
-    // Never show hover card on action or when action dropdown opens.
-    // The code below can be simplified by using :is() and :has()
-    // but the pseudo-class isn't support by Firefox yet.
-    const action =
-    // Any action button group (title/footer block)
-    e.target.closest('.actions-button-group') || ( // When action dropdown list is opened on action button group or lozenge action
-    (_e$target$closest = e.target.closest('[data-smart-link-container]')) === null || _e$target$closest === void 0 ? void 0 : _e$target$closest.querySelector('[data-action-open="true"]'));
-    const canOpen = canShowAuthTooltip && !action ||
-    // EDM-7060: For hover preview, also hide hover card on all elements
-    // except title element (link title)
-    canShowHoverPreview && !action && !e.target.closest(`[data-smart-element]:not([data-smart-element="${ElementName.Title}"])`);
-    if (hoverCardCanOpen !== canOpen) {
-      setHoverCardCanOpen(canOpen);
-    }
-  }, [canShowAuthTooltip, canShowHoverPreview, hoverCardCanOpen]);
-  const containerContent = jsx("div", _extends({
+  const container = jsx("div", {
     css: getContainerStyles(size, hideBackground, hideElevation, hidePadding, clickableContainer, childrenOptions),
     "data-smart-link-container": true,
     "data-testid": testId
-  }, canShowHoverPreview || canShowAuthTooltip ? {
-    onMouseOver
-  } : undefined), clickableContainer ? getLayeredLink(testId, context, children, onClick) : null, renderChildren(children, size, theme, status, retry, onClick));
+  }, clickableContainer ? getLayeredLink(testId, context, children, onClick) : null, renderChildren(children, size, theme, status, retry, onClick));
   if (context !== null && context !== void 0 && context.url && (canShowHoverPreview || canShowAuthTooltip)) {
-    return jsx(HoverCard, {
-      url: context === null || context === void 0 ? void 0 : context.url,
-      allowEventPropagation: true,
-      canOpen: hoverCardCanOpen,
-      closeOnChildClick: true,
-      hidePreviewButton: hideHoverCardPreviewButton
-      // EDM-6709 extends the internal prop for showServerActions type to be
-      // an object. If we decide to use expose the type for hover preview
-      // remove the Boolean() conversion here.
-      ,
-      showServerActions: Boolean(showServerActions)
-    }, containerContent);
+    return jsx(HoverCardControl, {
+      hideHoverCardPreviewButton: hideHoverCardPreviewButton,
+      isHoverPreview: canShowHoverPreview,
+      isAuthTooltip: canShowAuthTooltip,
+      showServerActions: showServerActions,
+      url: context.url
+    }, container);
   }
-  return containerContent;
+  return container;
 };
 export default Container;