@atlaskit/smart-card 45.17.17 → 45.17.19

package/CHANGELOG.md

@@ -1,5 +1,19 @@
 # @atlaskit/smart-card
 
+## 45.17.19
+
+### Patch Changes
+
+- Updated dependencies
+
+## 45.17.18
+
+### Patch Changes
+
+- [`cdf5c70f1c4ca`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/cdf5c70f1c4ca) -
+  NAVX-5345 Cleaning up navx-4719-a11y-embed-modal-focus-states
+- Updated dependencies
+
 ## 45.17.17
 
 ### Patch Changes

package/dist/cjs/utils/analytics/analytics.js

@@ -11,7 +11,7 @@ var ANALYTICS_CHANNEL = exports.ANALYTICS_CHANNEL = 'media';
 var context = exports.context = {
   componentName: 'smart-cards',
   packageName: "@atlaskit/smart-card" || '',
-  packageVersion: "45.17.16" || ''
+  packageVersion: "45.17.18" || ''
 };
 var TrackQuickActionType = exports.TrackQuickActionType = /*#__PURE__*/function (TrackQuickActionType) {
   TrackQuickActionType["StatusUpdate"] = "StatusUpdate";

package/dist/cjs/utils/mocks.js

@@ -256,8 +256,7 @@ var fakeFactory = exports.fakeFactory = function fakeFactory(implementation, imp
     (0, _inherits2.default)(CustomClient, _CardClient);
     return (0, _createClass2.default)(CustomClient, [{
       key: "fetchData",
-      value: // @ts-ignore
-      function () {
+      value: function () {
         var _fetchData = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(url) {
           return _regenerator.default.wrap(function (_context) {
             while (1) switch (_context.prev = _context.next) {
@@ -276,7 +275,7 @@ var fakeFactory = exports.fakeFactory = function fakeFactory(implementation, imp
           return _fetchData.apply(this, arguments);
         }
         return fetchData;
-      }() // @ts-ignore
+      }()
     }, {
       key: "postData",
       value: function () {
@@ -298,7 +297,7 @@ var fakeFactory = exports.fakeFactory = function fakeFactory(implementation, imp
           return _postData.apply(this, arguments);
         }
         return postData;
-      }() // @ts-ignore
+      }()
     }, {
       key: "prefetchData",
       value: function () {
@@ -320,7 +319,7 @@ var fakeFactory = exports.fakeFactory = function fakeFactory(implementation, imp
           return _prefetchData.apply(this, arguments);
         }
         return prefetchData;
-      }() // @ts-ignore
+      }()
     }, {
       key: "fetchDataAris",
       value: function () {

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

@@ -9,7 +9,6 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 require("./index.compiled.css");
 var _runtime = require("@compiled/react/runtime");
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _react = _interopRequireWildcard(require("react"));
 var _reactIntl = require("react-intl");
 var _heading = _interopRequireDefault(require("@atlaskit/heading"));
@@ -18,7 +17,6 @@ var _fullscreenEnter = _interopRequireDefault(require("@atlaskit/icon/core/fulls
 var _fullscreenExit = _interopRequireDefault(require("@atlaskit/icon/core/fullscreen-exit"));
 var _linkExternal = _interopRequireDefault(require("@atlaskit/icon/core/link-external"));
 var _modalDialog = require("@atlaskit/modal-dialog");
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _tooltip = _interopRequireDefault(require("@atlaskit/tooltip"));
 var _messages = require("../../../../messages");
 var _Icon = require("../../../common/Icon");
@@ -51,7 +49,7 @@ var LinkInfo = function LinkInfo(_ref) {
   var _useIntl = (0, _reactIntl.useIntl)(),
     formatMessage = _useIntl.formatMessage;
   var downloadButton = (0, _react.useMemo)(function () {
-    return /*#__PURE__*/_react.default.createElement(_linkInfoButton.default, (0, _extends2.default)({
+    return /*#__PURE__*/_react.default.createElement(_linkInfoButton.default, {
       content: /*#__PURE__*/_react.default.createElement(_reactIntl.FormattedMessage, _messages.messages.download),
       icon: function icon() {
         return /*#__PURE__*/_react.default.createElement(_download.default, {
@@ -62,10 +60,9 @@ var LinkInfo = function LinkInfo(_ref) {
       },
       label: formatMessage(_messages.messages.download),
       onClick: onDownloadButtonClick,
-      testId: "".concat(testId, "-download")
-    }, (0, _platformFeatureFlags.fg)('navx-4719-a11y-embed-modal-focus-states') ? {
+      testId: "".concat(testId, "-download"),
       focusRef: focusRef
-    } : {}));
+    });
   }, [onDownloadButtonClick, testId, formatMessage, focusRef]);
   var urlButton = (0, _react.useMemo)(function () {
     if (onViewButtonClick) {
@@ -73,7 +70,7 @@ var LinkInfo = function LinkInfo(_ref) {
         providerName: providerName
       }) : formatMessage(_messages.messages.viewOriginal);
       var content = providerName ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_reactIntl.FormattedMessage, _messages.messages.viewIn), " ", providerName) : /*#__PURE__*/_react.default.createElement(_reactIntl.FormattedMessage, _messages.messages.viewOriginal);
-      return /*#__PURE__*/_react.default.createElement(_linkInfoButton.default, (0, _extends2.default)({
+      return /*#__PURE__*/_react.default.createElement(_linkInfoButton.default, {
         content: content,
         icon: function icon() {
           return /*#__PURE__*/_react.default.createElement(_linkExternal.default, {
@@ -85,10 +82,9 @@ var LinkInfo = function LinkInfo(_ref) {
         label: label,
         onClick: onViewButtonClick,
         testId: "".concat(testId, "-url"),
-        role: 'link'
-      }, (0, _platformFeatureFlags.fg)('navx-4719-a11y-embed-modal-focus-states') ? {
+        role: 'link',
         focusRef: !onDownloadButtonClick ? focusRef : undefined
-      } : {}));
+      });
     }
   }, [onViewButtonClick, providerName, testId, formatMessage, onDownloadButtonClick, focusRef]);
   var sizeButton = (0, _react.useMemo)(function () {

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

@@ -5,10 +5,8 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _react = _interopRequireDefault(require("react"));
 var _new = require("@atlaskit/button/new");
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _tooltip = _interopRequireDefault(require("@atlaskit/tooltip"));
 var _useLinkClicked = require("../../../../../state/analytics/useLinkClicked");
 var LinkInfoButton = function LinkInfoButton(_ref) {
@@ -25,16 +23,15 @@ var LinkInfoButton = function LinkInfoButton(_ref) {
     hideTooltipOnClick: true,
     tag: "span",
     testId: "".concat(testId, "-tooltip")
-  }, /*#__PURE__*/_react.default.createElement(_new.IconButton, (0, _extends2.default)({
+  }, /*#__PURE__*/_react.default.createElement(_new.IconButton, {
     appearance: "subtle",
     icon: icon,
     label: label,
     onClick: onClick,
     onMouseDown: onMouseDown,
     testId: "".concat(testId, "-button"),
-    role: role
-  }, (0, _platformFeatureFlags.fg)('navx-4719-a11y-embed-modal-focus-states') ? {
+    role: role,
     ref: focusRef
-  } : {})));
+  }));
 };
 var _default = exports.default = LinkInfoButton;

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

@@ -10,7 +10,6 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _react = _interopRequireWildcard(require("react"));
 var _modalDialog = _interopRequireWildcard(require("@atlaskit/modal-dialog"));
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _useThemeObserver = require("@atlaskit/tokens/use-theme-observer");
 var _constants = require("../../constants");
 var _useInvokeClientAction = _interopRequireDefault(require("../../state/hooks/use-invoke-client-action"));
@@ -129,7 +128,7 @@ var EmbedModal = function EmbedModal(_ref) {
   var focusRef = (0, _react.useRef)(null);
   var hasRestoredFocus = (0, _react.useRef)(false);
   (0, _react.useEffect)(function () {
-    if (!isOpen || !(0, _platformFeatureFlags.fg)('navx-4719-a11y-embed-modal-focus-states')) {
+    if (!isOpen) {
       hasRestoredFocus.current = false;
       return;
     }
@@ -162,7 +161,7 @@ var EmbedModal = function EmbedModal(_ref) {
     width: width,
     label: title,
     isBlanketHidden: isBlanketHidden
-  }, /*#__PURE__*/_react.default.createElement(_linkInfo.default, (0, _extends2.default)({
+  }, /*#__PURE__*/_react.default.createElement(_linkInfo.default, {
     icon: linkIcon && {
       icon: /*#__PURE__*/_react.default.createElement(_common.BaseIconElement, (0, _extends2.default)({}, linkIcon, {
         size: _constants.SmartLinkSize.Large
@@ -175,10 +174,9 @@ var EmbedModal = function EmbedModal(_ref) {
     onResizeButtonClick: handleOnResizeClick,
     size: width,
     title: title,
-    testId: testId
-  }, (0, _platformFeatureFlags.fg)('navx-4719-a11y-embed-modal-focus-states') ? {
+    testId: testId,
     focusRef: focusRef
-  } : {})), /*#__PURE__*/_react.default.createElement(_modalDialog.ModalBody, null, /*#__PURE__*/_react.default.createElement(_embedContent.default, {
+  }), /*#__PURE__*/_react.default.createElement(_modalDialog.ModalBody, null, /*#__PURE__*/_react.default.createElement(_embedContent.default, {
     isTrusted: isTrusted,
     name: iframeName,
     src: previewUrl,

package/dist/cjs/view/HoverCard/components/HoverCardComponent.js

@@ -279,9 +279,7 @@ var HoverCardComponent = exports.HoverCardComponent = function HoverCardComponen
     role: role,
     titleId: titleId,
     label: label,
-    shouldRenderToParent: shouldRenderToParent
-    // @ts-ignore: [PIT-1685] Fails in post-office due to backwards incompatibility issue with React 18
-    ,
+    shouldRenderToParent: shouldRenderToParent,
     popupComponent: popupComponent
   });
 };

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

@@ -19,7 +19,7 @@ var _excluded = ["href", "children", "checkSafety", "onClick", "testId", "isLink
   _excluded2 = ["isLinkSafe", "showSafetyWarningModal"];
 var PACKAGE_DATA = {
   packageName: "@atlaskit/smart-card",
-  packageVersion: "45.17.16",
+  packageVersion: "45.17.18",
   componentName: 'linkUrl'
 };
 var LinkUrl = function LinkUrl(_ref) {

package/dist/es2019/utils/analytics/analytics.js

@@ -2,7 +2,7 @@ export const ANALYTICS_CHANNEL = 'media';
 export const context = {
   componentName: 'smart-cards',
   packageName: "@atlaskit/smart-card" || '',
-  packageVersion: "45.17.16" || ''
+  packageVersion: "45.17.18" || ''
 };
 export let TrackQuickActionType = /*#__PURE__*/function (TrackQuickActionType) {
   TrackQuickActionType["StatusUpdate"] = "StatusUpdate";

package/dist/es2019/utils/mocks.js

@@ -234,19 +234,15 @@ export const mocks = {
 };
 export const fakeResponse = () => Promise.resolve(mocks.success);
 export const fakeFactory = (implementation, implementationPost, implementationPrefetch, implementationAri) => class CustomClient extends CardClient {
-  // @ts-ignore
   async fetchData(url) {
     return await implementation(url);
   }
-  // @ts-ignore
   async postData() {
     return await implementationPost();
   }
-  // @ts-ignore
   async prefetchData() {
     return await implementationPrefetch();
   }
-  // @ts-ignore
   async fetchDataAris(aris) {
     return await implementationAri(aris);
   }

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

@@ -1,5 +1,4 @@
 /* index.tsx generated by @compiled/babel-plugin v2.0.0 */
-import _extends from "@babel/runtime/helpers/extends";
 import "./index.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";
 import React, { useMemo } from 'react';
@@ -10,7 +9,6 @@ import VidFullScreenOnIcon from '@atlaskit/icon/core/fullscreen-enter';
 import FullscreenExitIcon from '@atlaskit/icon/core/fullscreen-exit';
 import ShortcutIcon from '@atlaskit/icon/core/link-external';
 import { CloseButton, useModal } from '@atlaskit/modal-dialog';
-import { fg } from '@atlaskit/platform-feature-flags';
 import Tooltip from '@atlaskit/tooltip';
 import { messages } from '../../../../messages';
 import { Icon } from '../../../common/Icon';
@@ -44,7 +42,7 @@ const LinkInfo = ({
   const {
     formatMessage
   } = useIntl();
-  const downloadButton = useMemo(() => /*#__PURE__*/React.createElement(LinkInfoButton, _extends({
+  const downloadButton = useMemo(() => /*#__PURE__*/React.createElement(LinkInfoButton, {
     content: /*#__PURE__*/React.createElement(FormattedMessage, messages.download),
     icon: () => /*#__PURE__*/React.createElement(DownloadIcon, {
       label: "",
@@ -53,17 +51,16 @@ const LinkInfo = ({
     }),
     label: formatMessage(messages.download),
     onClick: onDownloadButtonClick,
-    testId: `${testId}-download`
-  }, fg('navx-4719-a11y-embed-modal-focus-states') ? {
-    focusRef
-  } : {})), [onDownloadButtonClick, testId, formatMessage, focusRef]);
+    testId: `${testId}-download`,
+    focusRef: focusRef
+  }), [onDownloadButtonClick, testId, formatMessage, focusRef]);
   const urlButton = useMemo(() => {
     if (onViewButtonClick) {
       const label = providerName ? formatMessage(messages.viewInProvider, {
         providerName
       }) : formatMessage(messages.viewOriginal);
       const content = providerName ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(FormattedMessage, messages.viewIn), " ", providerName) : /*#__PURE__*/React.createElement(FormattedMessage, messages.viewOriginal);
-      return /*#__PURE__*/React.createElement(LinkInfoButton, _extends({
+      return /*#__PURE__*/React.createElement(LinkInfoButton, {
         content: content,
         icon: () => /*#__PURE__*/React.createElement(ShortcutIcon, {
           label: "",
@@ -73,10 +70,9 @@ const LinkInfo = ({
         label: label,
         onClick: onViewButtonClick,
         testId: `${testId}-url`,
-        role: 'link'
-      }, fg('navx-4719-a11y-embed-modal-focus-states') ? {
+        role: 'link',
         focusRef: !onDownloadButtonClick ? focusRef : undefined
-      } : {}));
+      });
     }
   }, [onViewButtonClick, providerName, testId, formatMessage, onDownloadButtonClick, focusRef]);
   const sizeButton = useMemo(() => {

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

@@ -1,7 +1,5 @@
-import _extends from "@babel/runtime/helpers/extends";
 import React from 'react';
 import { IconButton } from '@atlaskit/button/new';
-import { fg } from '@atlaskit/platform-feature-flags';
 import Tooltip from '@atlaskit/tooltip';
 import { useMouseDownEvent } from '../../../../../state/analytics/useLinkClicked';
 const LinkInfoButton = ({
@@ -19,16 +17,15 @@ const LinkInfoButton = ({
     hideTooltipOnClick: true,
     tag: "span",
     testId: `${testId}-tooltip`
-  }, /*#__PURE__*/React.createElement(IconButton, _extends({
+  }, /*#__PURE__*/React.createElement(IconButton, {
     appearance: "subtle",
     icon: icon,
     label: label,
     onClick: onClick,
     onMouseDown: onMouseDown,
     testId: `${testId}-button`,
-    role: role
-  }, fg('navx-4719-a11y-embed-modal-focus-states') ? {
+    role: role,
     ref: focusRef
-  } : {})));
+  }));
 };
 export default LinkInfoButton;

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

@@ -1,7 +1,6 @@
 import _extends from "@babel/runtime/helpers/extends";
 import React, { useCallback, useEffect, useRef, useState } from 'react';
 import ModalDialog, { ModalBody, ModalTransition } from '@atlaskit/modal-dialog';
-import { fg } from '@atlaskit/platform-feature-flags';
 import { useThemeObserver } from '@atlaskit/tokens/use-theme-observer';
 import { SmartLinkSize } from '../../constants';
 import useInvokeClientAction from '../../state/hooks/use-invoke-client-action';
@@ -105,7 +104,7 @@ const EmbedModal = ({
   const focusRef = useRef(null);
   const hasRestoredFocus = useRef(false);
   useEffect(() => {
-    if (!isOpen || !fg('navx-4719-a11y-embed-modal-focus-states')) {
+    if (!isOpen) {
       hasRestoredFocus.current = false;
       return;
     }
@@ -138,7 +137,7 @@ const EmbedModal = ({
     width: width,
     label: title,
     isBlanketHidden: isBlanketHidden
-  }, /*#__PURE__*/React.createElement(LinkInfo, _extends({
+  }, /*#__PURE__*/React.createElement(LinkInfo, {
     icon: linkIcon && {
       icon: /*#__PURE__*/React.createElement(BaseIconElement, _extends({}, linkIcon, {
         size: SmartLinkSize.Large
@@ -151,10 +150,9 @@ const EmbedModal = ({
     onResizeButtonClick: handleOnResizeClick,
     size: width,
     title: title,
-    testId: testId
-  }, fg('navx-4719-a11y-embed-modal-focus-states') ? {
-    focusRef
-  } : {})), /*#__PURE__*/React.createElement(ModalBody, null, /*#__PURE__*/React.createElement(EmbedContent, {
+    testId: testId,
+    focusRef: focusRef
+  }), /*#__PURE__*/React.createElement(ModalBody, null, /*#__PURE__*/React.createElement(EmbedContent, {
     isTrusted: isTrusted,
     name: iframeName,
     src: previewUrl,

package/dist/es2019/view/HoverCard/components/HoverCardComponent.js

@@ -255,9 +255,7 @@ export const HoverCardComponent = ({
     role: role,
     titleId: titleId,
     label: label,
-    shouldRenderToParent: shouldRenderToParent
-    // @ts-ignore: [PIT-1685] Fails in post-office due to backwards incompatibility issue with React 18
-    ,
+    shouldRenderToParent: shouldRenderToParent,
     popupComponent: popupComponent
   });
 };

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

@@ -9,7 +9,7 @@ import LinkWarningModal from './LinkWarningModal';
 import { useLinkWarningModal } from './LinkWarningModal/hooks/use-link-warning-modal';
 const PACKAGE_DATA = {
   packageName: "@atlaskit/smart-card",
-  packageVersion: "45.17.16",
+  packageVersion: "45.17.18",
   componentName: 'linkUrl'
 };
 const LinkUrl = ({

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

@@ -4,7 +4,7 @@ export var ANALYTICS_CHANNEL = 'media';
 export var context = {
   componentName: 'smart-cards',
   packageName: "@atlaskit/smart-card" || '',
-  packageVersion: "45.17.16" || ''
+  packageVersion: "45.17.18" || ''
 };
 export var TrackQuickActionType = /*#__PURE__*/function (TrackQuickActionType) {
   TrackQuickActionType["StatusUpdate"] = "StatusUpdate";

package/dist/esm/utils/mocks.js

@@ -249,8 +249,7 @@ export var fakeFactory = function fakeFactory(implementation, implementationPost
     _inherits(CustomClient, _CardClient);
     return _createClass(CustomClient, [{
       key: "fetchData",
-      value: // @ts-ignore
-      function () {
+      value: function () {
         var _fetchData = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(url) {
           return _regeneratorRuntime.wrap(function (_context) {
             while (1) switch (_context.prev = _context.next) {
@@ -269,7 +268,7 @@ export var fakeFactory = function fakeFactory(implementation, implementationPost
           return _fetchData.apply(this, arguments);
         }
         return fetchData;
-      }() // @ts-ignore
+      }()
     }, {
       key: "postData",
       value: function () {
@@ -291,7 +290,7 @@ export var fakeFactory = function fakeFactory(implementation, implementationPost
           return _postData.apply(this, arguments);
         }
         return postData;
-      }() // @ts-ignore
+      }()
     }, {
       key: "prefetchData",
       value: function () {
@@ -313,7 +312,7 @@ export var fakeFactory = function fakeFactory(implementation, implementationPost
           return _prefetchData.apply(this, arguments);
         }
         return prefetchData;
-      }() // @ts-ignore
+      }()
     }, {
       key: "fetchDataAris",
       value: function () {

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

@@ -1,5 +1,4 @@
 /* index.tsx generated by @compiled/babel-plugin v2.0.0 */
-import _extends from "@babel/runtime/helpers/extends";
 import "./index.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";
 import React, { useMemo } from 'react';
@@ -10,7 +9,6 @@ import VidFullScreenOnIcon from '@atlaskit/icon/core/fullscreen-enter';
 import FullscreenExitIcon from '@atlaskit/icon/core/fullscreen-exit';
 import ShortcutIcon from '@atlaskit/icon/core/link-external';
 import { CloseButton, useModal } from '@atlaskit/modal-dialog';
-import { fg } from '@atlaskit/platform-feature-flags';
 import Tooltip from '@atlaskit/tooltip';
 import { messages } from '../../../../messages';
 import { Icon } from '../../../common/Icon';
@@ -42,7 +40,7 @@ var LinkInfo = function LinkInfo(_ref) {
   var _useIntl = useIntl(),
     formatMessage = _useIntl.formatMessage;
   var downloadButton = useMemo(function () {
-    return /*#__PURE__*/React.createElement(LinkInfoButton, _extends({
+    return /*#__PURE__*/React.createElement(LinkInfoButton, {
       content: /*#__PURE__*/React.createElement(FormattedMessage, messages.download),
       icon: function icon() {
         return /*#__PURE__*/React.createElement(DownloadIcon, {
@@ -53,10 +51,9 @@ var LinkInfo = function LinkInfo(_ref) {
       },
       label: formatMessage(messages.download),
       onClick: onDownloadButtonClick,
-      testId: "".concat(testId, "-download")
-    }, fg('navx-4719-a11y-embed-modal-focus-states') ? {
+      testId: "".concat(testId, "-download"),
       focusRef: focusRef
-    } : {}));
+    });
   }, [onDownloadButtonClick, testId, formatMessage, focusRef]);
   var urlButton = useMemo(function () {
     if (onViewButtonClick) {
@@ -64,7 +61,7 @@ var LinkInfo = function LinkInfo(_ref) {
         providerName: providerName
       }) : formatMessage(messages.viewOriginal);
       var content = providerName ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(FormattedMessage, messages.viewIn), " ", providerName) : /*#__PURE__*/React.createElement(FormattedMessage, messages.viewOriginal);
-      return /*#__PURE__*/React.createElement(LinkInfoButton, _extends({
+      return /*#__PURE__*/React.createElement(LinkInfoButton, {
         content: content,
         icon: function icon() {
           return /*#__PURE__*/React.createElement(ShortcutIcon, {
@@ -76,10 +73,9 @@ var LinkInfo = function LinkInfo(_ref) {
         label: label,
         onClick: onViewButtonClick,
         testId: "".concat(testId, "-url"),
-        role: 'link'
-      }, fg('navx-4719-a11y-embed-modal-focus-states') ? {
+        role: 'link',
         focusRef: !onDownloadButtonClick ? focusRef : undefined
-      } : {}));
+      });
     }
   }, [onViewButtonClick, providerName, testId, formatMessage, onDownloadButtonClick, focusRef]);
   var sizeButton = useMemo(function () {

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

@@ -1,7 +1,5 @@
-import _extends from "@babel/runtime/helpers/extends";
 import React from 'react';
 import { IconButton } from '@atlaskit/button/new';
-import { fg } from '@atlaskit/platform-feature-flags';
 import Tooltip from '@atlaskit/tooltip';
 import { useMouseDownEvent } from '../../../../../state/analytics/useLinkClicked';
 var LinkInfoButton = function LinkInfoButton(_ref) {
@@ -18,16 +16,15 @@ var LinkInfoButton = function LinkInfoButton(_ref) {
     hideTooltipOnClick: true,
     tag: "span",
     testId: "".concat(testId, "-tooltip")
-  }, /*#__PURE__*/React.createElement(IconButton, _extends({
+  }, /*#__PURE__*/React.createElement(IconButton, {
     appearance: "subtle",
     icon: icon,
     label: label,
     onClick: onClick,
     onMouseDown: onMouseDown,
     testId: "".concat(testId, "-button"),
-    role: role
-  }, fg('navx-4719-a11y-embed-modal-focus-states') ? {
+    role: role,
     ref: focusRef
-  } : {})));
+  }));
 };
 export default LinkInfoButton;

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

@@ -2,7 +2,6 @@ import _extends from "@babel/runtime/helpers/extends";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import React, { useCallback, useEffect, useRef, useState } from 'react';
 import ModalDialog, { ModalBody, ModalTransition } from '@atlaskit/modal-dialog';
-import { fg } from '@atlaskit/platform-feature-flags';
 import { useThemeObserver } from '@atlaskit/tokens/use-theme-observer';
 import { SmartLinkSize } from '../../constants';
 import useInvokeClientAction from '../../state/hooks/use-invoke-client-action';
@@ -120,7 +119,7 @@ var EmbedModal = function EmbedModal(_ref) {
   var focusRef = useRef(null);
   var hasRestoredFocus = useRef(false);
   useEffect(function () {
-    if (!isOpen || !fg('navx-4719-a11y-embed-modal-focus-states')) {
+    if (!isOpen) {
       hasRestoredFocus.current = false;
       return;
     }
@@ -153,7 +152,7 @@ var EmbedModal = function EmbedModal(_ref) {
     width: width,
     label: title,
     isBlanketHidden: isBlanketHidden
-  }, /*#__PURE__*/React.createElement(LinkInfo, _extends({
+  }, /*#__PURE__*/React.createElement(LinkInfo, {
     icon: linkIcon && {
       icon: /*#__PURE__*/React.createElement(BaseIconElement, _extends({}, linkIcon, {
         size: SmartLinkSize.Large
@@ -166,10 +165,9 @@ var EmbedModal = function EmbedModal(_ref) {
     onResizeButtonClick: handleOnResizeClick,
     size: width,
     title: title,
-    testId: testId
-  }, fg('navx-4719-a11y-embed-modal-focus-states') ? {
+    testId: testId,
     focusRef: focusRef
-  } : {})), /*#__PURE__*/React.createElement(ModalBody, null, /*#__PURE__*/React.createElement(EmbedContent, {
+  }), /*#__PURE__*/React.createElement(ModalBody, null, /*#__PURE__*/React.createElement(EmbedContent, {
     isTrusted: isTrusted,
     name: iframeName,
     src: previewUrl,

package/dist/esm/view/HoverCard/components/HoverCardComponent.js

@@ -270,9 +270,7 @@ export var HoverCardComponent = function HoverCardComponent(_ref) {
     role: role,
     titleId: titleId,
     label: label,
-    shouldRenderToParent: shouldRenderToParent
-    // @ts-ignore: [PIT-1685] Fails in post-office due to backwards incompatibility issue with React 18
-    ,
+    shouldRenderToParent: shouldRenderToParent,
     popupComponent: popupComponent
   });
 };

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

@@ -12,7 +12,7 @@ import LinkWarningModal from './LinkWarningModal';
 import { useLinkWarningModal } from './LinkWarningModal/hooks/use-link-warning-modal';
 var PACKAGE_DATA = {
   packageName: "@atlaskit/smart-card",
-  packageVersion: "45.17.16",
+  packageVersion: "45.17.18",
   componentName: 'linkUrl'
 };
 var LinkUrl = function LinkUrl(_ref) {

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/smart-card",
-	"version": "45.17.17",
+	"version": "45.17.19",
 	"description": "Smart card component",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -35,7 +35,7 @@
 		"ak-postbuild": "ls -d dist/* | xargs -n 1 copyfiles -u 1 -V src/**/*.{svg,png}"
 	},
 	"dependencies": {
-		"@atlaskit/adf-utils": "^20.5.0",
+		"@atlaskit/adf-utils": "^20.6.0",
 		"@atlaskit/afm-i18n-platform-linking-platform-smart-card": "2.201.0",
 		"@atlaskit/analytics-cross-product": "^2.1.0",
 		"@atlaskit/analytics-gas-types": "^6.0.0",
@@ -67,7 +67,7 @@
 		"@atlaskit/linking-common": "^11.1.0",
 		"@atlaskit/linking-types": "^15.0.0",
 		"@atlaskit/logo": "^21.4.0",
-		"@atlaskit/lozenge": "^15.0.0",
+		"@atlaskit/lozenge": "^15.1.0",
 		"@atlaskit/menu": "^10.0.0",
 		"@atlaskit/modal-dialog": "^16.3.0",
 		"@atlaskit/motion": "^8.0.0",
@@ -78,8 +78,8 @@
 		"@atlaskit/popup": "^6.0.0",
 		"@atlaskit/primitives": "^22.2.0",
 		"@atlaskit/react-compiler-gating": "^0.2.0",
-		"@atlaskit/react-ufo": "^7.5.0",
-		"@atlaskit/rovo-triggers": "^10.9.0",
+		"@atlaskit/react-ufo": "^7.6.0",
+		"@atlaskit/rovo-triggers": "^10.13.0",
 		"@atlaskit/section-message": "^10.0.0",
 		"@atlaskit/select": "^22.6.0",
 		"@atlaskit/spinner": "^20.1.0",
@@ -88,7 +88,7 @@
 		"@atlaskit/textfield": "^10.0.0",
 		"@atlaskit/theme": "^28.0.0",
 		"@atlaskit/tile": "^4.0.0",
-		"@atlaskit/tmp-editor-statsig": "^147.0.0",
+		"@atlaskit/tmp-editor-statsig": "^148.0.0",
 		"@atlaskit/tokens": "^16.7.0",
 		"@atlaskit/tooltip": "^24.0.0",
 		"@atlaskit/ufo": "^1.0.0",
@@ -279,9 +279,6 @@
 		"dfo_issue_view_remote_data_srr_group": {
 			"type": "boolean"
 		},
-		"navx-4719-a11y-embed-modal-focus-states": {
-			"type": "boolean"
-		},
 		"navx-5343-sl-action-block-styling-fixes": {
 			"type": "boolean"
 		},

package/smart-card.docs.tsx

@@ -1,353 +0,0 @@
-/**
- * Testing structured MCP docs for review — ignore this file.
- * Contact #dst-structured-content in Slack with questions.
- */
-
-import path from 'path';
-
-import type { StructuredContentSource } from '@atlassian/structured-docs-types/types';
-
-import packageJson from './package.json';
-
-const packagePath = path.resolve(__dirname);
-
-const documentation: StructuredContentSource = {
-	components: [
-		{
-			name: 'Card',
-			description:
-				'Smart Links enhance URLs into interactive previews, offering a contextualized experience within Atlassian products. They come in inline, block, and embed formats, respecting content permissions and compliance settings.',
-			status: 'general-availability',
-			import: {
-				name: 'Card',
-				package: '@atlaskit/smart-card',
-				type: 'named',
-				packagePath,
-				packageJson,
-			},
-			usageGuidelines: [
-				'Use inline for links in body text; block when you need extra context or a card-style preview; embed when users should engage with the linked content in place.',
-			],
-			contentGuidelines: [],
-			accessibilityGuidelines: [
-				'Use descriptive link text for inline appearance; avoid generic "click here" or the raw URL when possible.',
-				'Ensure the card container is keyboard focusable and has a clear accessible name indicating it is a link or preview.',
-				'Ensure loading and error states are announced to screen readers (e.g. aria-live or status text).',
-			],
-			keywords: ['smart-card', 'card', 'smart link', 'inline', 'block', 'embed', 'link', 'preview'],
-			categories: ['linking', 'data-display'],
-			examples: [
-				{
-					name: 'Card (basic)',
-					description:
-						'Inline, block, and embed appearances shown side by side. Requires staging login to resolve links.',
-					source: path.resolve(packagePath, './examples/content/card.tsx'),
-				},
-				{
-					name: 'Card (appearance: block)',
-					description:
-						'Block appearance — card-style preview with detailed view of the linked material. In the editor this is referred to as the "Card".',
-					source: path.resolve(packagePath, './examples/content/block-card.tsx'),
-				},
-				{
-					name: 'Card (appearance: inline)',
-					description:
-						'Inline appearance — link in text like a hyperlink. Use showHoverPreview for hover preview on inline Smart Links.',
-					source: path.resolve(packagePath, './examples/content/inline-card.tsx'),
-				},
-				{
-					name: 'Card (appearance: embed)',
-					description:
-						'Embed appearance — linked content rendered in place. Requires a resolvable embed URL; not all links support embed.',
-					source: path.resolve(packagePath, './examples/content/embed-card.tsx'),
-				},
-			],
-		},
-		{
-			name: 'HoverCard',
-			description:
-				'Hover cards can be used as a standalone component to wrap any React component and display information about a supplied URL when the user hovers over the child. Different actions are shown depending on the resource type.',
-			status: 'general-availability',
-			import: {
-				name: 'HoverCard',
-				package: '@atlaskit/smart-card/hover-card',
-				type: 'named',
-				packagePath,
-				packageJson,
-			},
-			usageGuidelines: [
-				'Use when you need a Smart Link preview on hover over a custom trigger (e.g. text, icon). For hover preview on inline Smart Links in body text, use Card with showHoverPreview instead.',
-			],
-			contentGuidelines: [],
-			accessibilityGuidelines: [
-				'Provide a keyboard-accessible way to open the preview (e.g. focus or explicit trigger); do not rely on hover alone.',
-				'Ensure the trigger element has an accessible name and role (e.g. link or button).',
-				'Ensure the hover card content is announced when shown (e.g. aria-describedby or live region) and can be dismissed via keyboard.',
-			],
-			keywords: ['smart-card', 'hover card', 'hover', 'preview', 'smart link'],
-			categories: ['linking', 'data-display', 'interaction'],
-			examples: [
-				{
-					name: 'Hover card',
-					description:
-						'HoverCard wrapping a trigger element; shows Smart Link preview on hover. Requires staging login to resolve.',
-					source: path.resolve(packagePath, './examples/content/hover-card.tsx'),
-				},
-			],
-		},
-		{
-			name: 'LinkUrl',
-			description:
-				'LinkUrl is a plain hyperlink (<a>) with a built-in safety check. Use it when you want to warn users if the link description looks like one URL but the actual destination is different.',
-			status: 'general-availability',
-			import: {
-				name: 'LinkUrl',
-				package: '@atlaskit/smart-card/link-url',
-				type: 'default',
-				packagePath,
-				packageJson,
-			},
-			usageGuidelines: [
-				'Use when the link text might look like one URL but point elsewhere—e.g. user-generated or external links—so users get a warning before navigating.',
-			],
-			contentGuidelines: [],
-			accessibilityGuidelines: [
-				'Use descriptive link text that indicates the destination or action; avoid exposing only the URL when possible.',
-				'Ensure the safety-check warning (when link text and destination differ) is announced to screen readers.',
-			],
-			keywords: ['smart-card', 'link', 'url', 'safety', 'hyperlink'],
-			categories: ['linking', 'interaction'],
-			examples: [
-				{
-					name: 'Link URL',
-					description:
-						'Link safety: when link text looks like a URL but destination differs (warning) vs when text matches or is plain (no warning).',
-					source: path.resolve(packagePath, './examples/content/link-url.tsx'),
-				},
-			],
-		},
-		{
-			name: 'FlexibleCard',
-			description:
-				'Flexible Smart Links (FlexibleCard / Flexible UI) is a composable system of data elements inside UI blocks for building custom Smart Link views. It does not affect inline, block, or embed appearance.',
-			status: 'general-availability',
-			import: {
-				name: 'TitleBlock',
-				package: '@atlaskit/smart-card',
-				type: 'named',
-				packagePath,
-				packageJson,
-			},
-			usageGuidelines: [
-				'Use when you need a custom block-style Smart Link layout. Define the layout with blocks first (title, metadata, preview, footer), then add elements inside blocks for granular content.',
-			],
-			contentGuidelines: [],
-			accessibilityGuidelines: [
-				'Use a logical structure (e.g. heading hierarchy) so the card is navigable by assistive tech.',
-				'Ensure all interactive elements inside blocks (links, buttons, actions) are focusable and have accessible names.',
-			],
-			keywords: [
-				'smart-card',
-				'flexible',
-				'flexible card',
-				'flexible ui',
-				'blocks',
-				'elements',
-				'composable',
-			],
-			categories: ['linking', 'data-display'],
-			examples: [
-				{
-					name: 'Flexible UI card',
-					description:
-						'Custom block layout with TitleBlock, PreviewBlock, MetadataBlock, SnippetBlock, and FooterBlock composed inside Card.',
-					source: path.resolve(packagePath, './examples/content/flexible-ui-card.tsx'),
-				},
-			],
-		},
-		{
-			name: 'TitleBlock',
-			description:
-				'A block component for the Smart Link title row. Used inside FlexibleCard to show title, icon, and optional metadata and actions.',
-			status: 'general-availability',
-			import: {
-				name: 'TitleBlock',
-				package: '@atlaskit/smart-card',
-				type: 'named',
-				packagePath,
-				packageJson,
-			},
-			usageGuidelines: [
-				'Use for the main title row of a block Smart Link when you need title, icon, optional subtitle, metadata, or actions in one row.',
-			],
-			contentGuidelines: [],
-			accessibilityGuidelines: [
-				'Ensure the title is exposed as a heading or has an accessible name so it is announced as the primary label for the card.',
-				'If the title row icon conveys meaning, give it an accessible name (e.g. aria-label); otherwise mark as decorative.',
-			],
-			keywords: ['smart-card', 'title block', 'flexible', 'block'],
-			categories: ['linking', 'data-display'],
-			examples: [
-				{
-					name: 'Title block default',
-					description:
-						'TitleBlock with default props; title and icon come from the resolved link data.',
-					source: path.resolve(packagePath, './examples/content/title-block-default.tsx'),
-				},
-			],
-		},
-		{
-			name: 'MetadataBlock',
-			description:
-				'A block component that displays a row of metadata elements (e.g. created by, due date, state) in a Smart Link.',
-			status: 'general-availability',
-			import: {
-				name: 'MetadataBlock',
-				package: '@atlaskit/smart-card',
-				type: 'named',
-				packagePath,
-				packageJson,
-			},
-			usageGuidelines: [
-				'Use when you need a single row of metadata (e.g. created by, due date, state) in a block Smart Link.',
-			],
-			contentGuidelines: [],
-			accessibilityGuidelines: [
-				'Ensure metadata is available to screen readers (e.g. not conveyed only by color or icon).',
-				'Use a list or group with an accessible name if the metadata row has a specific purpose (e.g. "Contributors", "Dates").',
-			],
-			keywords: ['smart-card', 'metadata block', 'flexible', 'block', 'metadata'],
-			categories: ['linking', 'data-display'],
-			examples: [
-				{
-					name: 'Metadata block primary',
-					description:
-						'MetadataBlock with a primary row showing CollaboratorGroup and ModifiedOn elements.',
-					source: path.resolve(packagePath, './examples/content/metadata-block-primary.tsx'),
-				},
-			],
-		},
-		{
-			name: 'PreviewBlock',
-			description: 'A block component that displays a preview image or media for the Smart Link.',
-			status: 'general-availability',
-			import: {
-				name: 'PreviewBlock',
-				package: '@atlaskit/smart-card',
-				type: 'named',
-				packagePath,
-				packageJson,
-			},
-			usageGuidelines: [
-				'Use when the linked resource has a preview image or media and you want to surface it in the block card.',
-			],
-			contentGuidelines: [],
-			accessibilityGuidelines: [
-				'If the preview image conveys information, provide meaningful alt text; if purely decorative, use alt="" or aria-hidden.',
-				'Ensure no critical information is shown only in the preview; duplicate in text or metadata when needed.',
-			],
-			keywords: ['smart-card', 'preview block', 'flexible', 'block', 'preview', 'image'],
-			categories: ['linking', 'data-display'],
-			examples: [
-				{
-					name: 'Preview block default',
-					description: "PreviewBlock showing the resolved link's preview image when available.",
-					source: path.resolve(packagePath, './examples/content/preview-block-default.tsx'),
-				},
-			],
-		},
-		{
-			name: 'FooterBlock',
-			description:
-				'A block component for the Smart Link footer, typically showing actions (e.g. copy, open, follow).',
-			status: 'general-availability',
-			import: {
-				name: 'FooterBlock',
-				package: '@atlaskit/smart-card',
-				type: 'named',
-				packagePath,
-				packageJson,
-			},
-			usageGuidelines: [
-				'Use at the bottom of a FlexibleCard when you need actions such as copy link, open, or follow.',
-			],
-			contentGuidelines: [],
-			accessibilityGuidelines: [
-				'Give each action button or control an accessible name (e.g. "Copy link", "Open in new tab") so purpose is clear to screen readers.',
-				'Ensure actions are keyboard operable and appear in a logical tab order.',
-			],
-			keywords: ['smart-card', 'footer block', 'flexible', 'block', 'actions'],
-			categories: ['linking', 'data-display', 'interaction'],
-			examples: [
-				{
-					name: 'Footer block default',
-					description:
-						'FooterBlock with default actions (e.g. copy, open, follow) at the bottom of the card.',
-					source: path.resolve(packagePath, './examples/content/footer-block-default.tsx'),
-				},
-			],
-		},
-	],
-	hooks: [
-		{
-			name: 'useSmartLinkEvents',
-			description:
-				'Hook that returns a SmartLinkEvents object for dispatching analytics events for a given URL. Currently supports insertSmartLink.',
-			status: 'general-availability',
-			import: {
-				name: 'useSmartLinkEvents',
-				package: '@atlaskit/smart-card',
-				type: 'named',
-				packagePath,
-				packageJson,
-			},
-			usageGuidelines: [
-				'Use when you need to fire Smart Link analytics (e.g. insert events) from custom UI that is not the default Card.',
-			],
-			accessibilityGuidelines: [
-				'Use analytics events to understand usage; ensure event wiring does not change focus, interrupt screen readers, or alter semantics.',
-			],
-			keywords: ['smart-card', 'hooks', 'analytics', 'useSmartLinkEvents', 'events'],
-			categories: ['linking', 'analytics'],
-			examples: [
-				{
-					name: 'Analytics',
-					description:
-						'Card with AnalyticsListener capturing and displaying Smart Link analytics events (e.g. on click).',
-					source: path.resolve(packagePath, './examples/content/analytics.tsx'),
-				},
-			],
-		},
-		{
-			name: 'useSmartLinkActions',
-			description:
-				'Hook that extracts and returns actions for a given URL. Relies on Smart Link context; usages must be wrapped in SmartCardProvider or equivalent.',
-			status: 'general-availability',
-			import: {
-				name: 'useSmartLinkActions',
-				package: '@atlaskit/smart-card/hooks',
-				type: 'named',
-				packagePath,
-				packageJson,
-			},
-			usageGuidelines: [
-				'Use when building custom action UI (buttons, menus) that should expose Smart Link actions (e.g. Preview, Open) for a given URL.',
-			],
-			accessibilityGuidelines: [
-				'When rendering actions from this hook (e.g. buttons or menus), provide accessible labels (e.g. from action.text) and ensure keyboard support.',
-			],
-			keywords: ['smart-card', 'hooks', 'useSmartLinkActions', 'actions'],
-			categories: ['linking', 'interaction'],
-			examples: [
-				{
-					name: 'useSmartLinkActions',
-					description:
-						'useSmartLinkActions used to get actions for a URL and invoke one (e.g. Preview) from a custom button.',
-					source: path.resolve(packagePath, './examples/content/useSmartLinkActions.tsx'),
-				},
-			],
-		},
-	],
-};
-
-export default documentation;