@atlaskit/smart-card 27.9.0 → 27.9.2

package/CHANGELOG.md

@@ -1,5 +1,22 @@
 # @atlaskit/smart-card
 
+## 27.9.2
+
+### Patch Changes
+
+- [#118129](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/118129)
+  [`7f0398113bc08`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/7f0398113bc08) -
+  Remove React.FC types to align with @typescript-eslint/ban-types for React 18
+
+## 27.9.1
+
+### Patch Changes
+
+- [#117751](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/117751)
+  [`b3f950d2332ed`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/b3f950d2332ed) -
+  EDM-10151 Fix embed overflow when embed blur fix enabled
+- Updated dependencies
+
 ## 27.9.0
 
 ### Minor Changes

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

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

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

@@ -28,7 +28,9 @@ var ExpandedFrame = exports.ExpandedFrame = function ExpandedFrame(_ref) {
     testId = _ref$testId === void 0 ? 'expanded-frame' : _ref$testId,
     inheritDimensions = _ref.inheritDimensions,
     _ref$allowScrollBar = _ref.allowScrollBar,
-    allowScrollBar = _ref$allowScrollBar === void 0 ? false : _ref$allowScrollBar;
+    allowScrollBar = _ref$allowScrollBar === void 0 ? false : _ref$allowScrollBar,
+    _ref$setOverflow = _ref.setOverflow,
+    setOverflow = _ref$setOverflow === void 0 ? true : _ref$setOverflow;
   var isInteractive = function isInteractive() {
     return !isPlaceholder && (Boolean(href) || Boolean(onClick));
   };
@@ -36,7 +38,6 @@ var ExpandedFrame = exports.ExpandedFrame = function ExpandedFrame(_ref) {
     return (0, _handlers.handleClickCommon)(event, onClick);
   };
   var handleMouseDown = (0, _useLinkClicked.useMouseDownEvent)();
-  var isFixEmbedCardBlurEnabled = (0, _platformFeatureFlags.getBooleanFF)('platform.linking-platform.smart-card.fix-embed-card-blurring') ? true : false;
   var renderHeaderOld = function renderHeaderOld() {
     return (
       /*#__PURE__*/
@@ -80,7 +81,7 @@ var ExpandedFrame = exports.ExpandedFrame = function ExpandedFrame(_ref) {
     return /*#__PURE__*/_react.default.createElement(_styled.Content, {
       "data-testid": "embed-content-wrapper",
       allowScrollBar: allowScrollBar,
-      removeOverflow: isFixEmbedCardBlurEnabled,
+      removeOverflow: (0, _platformFeatureFlags.fg)('platform.linking-platform.smart-card.fix-embed-card-blurring') && !setOverflow,
       isInteractive: isInteractive(),
       frameStyle: frameStyle
       // This fixes an issue with input fields in cross domain iframes (ie. databases and jira fields from different domains)
@@ -106,7 +107,7 @@ var ExpandedFrame = exports.ExpandedFrame = function ExpandedFrame(_ref) {
       ,
       "data-is-selected": isSelected,
       inheritDimensions: inheritDimensions
-    }, (0, _platformFeatureFlags.getBooleanFF)('platform.linking-platform.smart-card.enable-embed-card-header-tooltip_g9saw') ? renderHeader() : renderHeaderOld(), renderContent());
+    }, (0, _platformFeatureFlags.fg)('platform.linking-platform.smart-card.enable-embed-card-header-tooltip_g9saw') ? renderHeader() : renderHeaderOld(), renderContent());
   } else {
     return /*#__PURE__*/_react.default.createElement(_styled.Wrapper
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
@@ -122,6 +123,6 @@ var ExpandedFrame = exports.ExpandedFrame = function ExpandedFrame(_ref) {
       "data-is-selected": isSelected,
       "data-wrapper-type": "default",
       "data-is-interactive": isInteractive()
-    }, (0, _platformFeatureFlags.getBooleanFF)('platform.linking-platform.smart-card.enable-embed-card-header-tooltip_g9saw') ? renderHeader() : renderHeaderOld(), renderContent());
+    }, (0, _platformFeatureFlags.fg)('platform.linking-platform.smart-card.enable-embed-card-header-tooltip_g9saw') ? renderHeader() : renderHeaderOld(), renderContent());
   }
 };

package/dist/cjs/view/EmbedCard/views/ResolvedView.js

@@ -63,7 +63,8 @@ var EmbedCardResolvedView = exports.EmbedCardResolvedView = /*#__PURE__*/_react2
     icon: icon,
     text: text,
     onClick: onClick,
-    inheritDimensions: inheritDimensions
+    inheritDimensions: inheritDimensions,
+    setOverflow: false
   }, (0, _react.jsx)(_Frame.Frame, {
     url: previewUrl,
     isTrusted: isTrusted,

package/dist/cjs/view/EmbedCard/views/unresolved-view/index.js

@@ -91,8 +91,11 @@ var UnresolvedView = function UnresolvedView(_ref) {
       "data-testid": imageTestId
     }, imageUrlOrElement);
   }, [imageUrlOrElement, testId]);
-  return (0, _react.jsx)(_ExpandedFrame.ExpandedFrame, {
-    allowScrollBar: true
+  return (0, _react.jsx)(_ExpandedFrame.ExpandedFrame
+  // Scroll bar must be shown for unresolved views to display the connect account button
+  , {
+    allowScrollBar: true,
+    setOverflow: true
     // EDM-9259: Fix embed frame showing on unresolved views when frameStyle is set to hide.
     // Set fallback to 'show' here to maintain the current behaviour when platform.editor.show-embed-card-frame-renderer is OFF.
     // Remove 'show' on platform.editor.show-embed-card-frame-renderer cleanup as frameStyle will be set to 'show' both in renderer and editor.

package/dist/cjs/view/FlexibleCard/components/actions/action/action-icon/index.js

@@ -1,16 +1,13 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _react2 = require("@emotion/react");
+var _react = require("@emotion/react");
 var _constants = require("../../../../../../constants");
 var _utils = require("../../../utils");
 /** @jsx jsx */
-
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 
 var getIconWidth = function getIconWidth(size) {
@@ -25,14 +22,14 @@ var getIconWidth = function getIconWidth(size) {
   }
 };
 var getIconStyles = function getIconStyles(isDisabled) {
-  return (0, _react2.css)({
+  return (0, _react.css)({
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
     color: isDisabled ? "var(--ds-text-disabled, #6B778C)" : "var(--ds-icon, #44546F)"
   });
 };
 var stackItemIconSizeStyles = (0, _utils.getIconSizeStyles)('20px');
 // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
-var stackItemIconStyles = (0, _react2.css)(stackItemIconSizeStyles, {
+var stackItemIconStyles = (0, _react.css)(stackItemIconSizeStyles, {
   display: 'inline-block',
   lineHeight: 0,
   padding: "var(--ds-space-025, 2px)",
@@ -47,7 +44,7 @@ var ActionIcon = function ActionIcon(_ref) {
     icon = _ref.icon,
     isDisabled = _ref.isDisabled,
     asStackItemIcon = _ref.asStackItemIcon;
-  return (0, _react2.jsx)("span", {
+  return (0, _react.jsx)("span", {
     css: [
     // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
     getIconStyles(isDisabled),

package/dist/cjs/view/FlexibleCard/components/actions/action/index.js

@@ -12,7 +12,6 @@ var _actionButton = _interopRequireDefault(require("./action-button"));
 var _actionDropdownItem = _interopRequireDefault(require("./action-dropdown-item"));
 var _actionIcon = _interopRequireDefault(require("./action-icon"));
 /** @jsx jsx */
-
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 
 /**

package/dist/cjs/view/FlexibleCard/components/actions/preview-action/index.js

@@ -28,8 +28,8 @@ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e;
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var getIconFF = function getIconFF() {
-  if ((0, _platformFeatureFlags.getBooleanFF)('platform.linking-platform.smart-card.hover-card-action-redesign')) {
-    if ((0, _platformFeatureFlags.getBooleanFF)('platform.linking-platform.smart-card.action-icon-redesign')) {
+  if ((0, _platformFeatureFlags.fg)('platform.linking-platform.smart-card.hover-card-action-redesign')) {
+    if ((0, _platformFeatureFlags.fg)('platform.linking-platform.smart-card.action-icon-redesign')) {
       return _actualSize.default;
     }
   }

package/dist/cjs/view/FlexibleCard/components/blocks/action-group/action-group-item/index.js

@@ -10,7 +10,7 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _react = require("@emotion/react");
-var _react2 = _interopRequireWildcard(require("react"));
+var _react2 = require("react");
 var Actions = _interopRequireWildcard(require("../../../actions"));
 var _excluded = ["name", "hideContent", "hideIcon", "onClick", "isDisabled"];
 /** @jsx jsx */

package/dist/cjs/view/FlexibleCard/components/blocks/ai-summary-block/ai-state-indicator/ai-state-done.js

@@ -65,7 +65,7 @@ var AIStateDone = function AIStateDone(_ref) {
     size: "small",
     testId: "".concat(testId, "-done-icon")
   });
-  var title = (0, _platformFeatureFlags.getBooleanFF)('platform.linking-platform.smart-card.hover-card-ai-summaries-release-stable') ? (0, _react2.jsx)(_primitives.Box, {
+  var title = (0, _platformFeatureFlags.fg)('platform.linking-platform.smart-card.hover-card-ai-summaries-release-stable') ? (0, _react2.jsx)(_primitives.Box, {
     testId: "".concat(testId, "-done-message")
   }, (0, _react2.jsx)(_reactIntlNext.FormattedMessage, _messages.messages.ai_summarized)) : (0, _react2.jsx)(_react.default.Fragment, null, (0, _react2.jsx)(_primitives.Box, {
     testId: "".concat(testId, "-done-message")

package/dist/cjs/view/FlexibleCard/components/blocks/ai-summary-block/ai-state-indicator/index.js

@@ -6,7 +6,6 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _react = require("@emotion/react");
-var _react2 = _interopRequireDefault(require("react"));
 var _aiStateLoading = _interopRequireDefault(require("./ai-state-loading"));
 var _aiStateDone = _interopRequireDefault(require("./ai-state-done"));
 var _aiStateError = _interopRequireDefault(require("./ai-state-error"));

package/dist/cjs/view/FlexibleCard/components/blocks/preview-block/index.js

@@ -7,8 +7,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-var _react = _interopRequireDefault(require("react"));
-var _react2 = require("@emotion/react");
+var _react = require("@emotion/react");
 var _constants = require("../../../../../constants");
 var _resolved = _interopRequireDefault(require("./resolved"));
 var _excluded = ["status", "testId", "overrideUrl"];
@@ -27,7 +26,7 @@ var PreviewBlock = function PreviewBlock(_ref) {
     testId = _ref$testId === void 0 ? 'smart-block-preview' : _ref$testId,
     overrideUrl = _ref.overrideUrl,
     blockProps = (0, _objectWithoutProperties2.default)(_ref, _excluded);
-  return (0, _react2.jsx)(_resolved.default, (0, _extends2.default)({}, blockProps, {
+  return (0, _react.jsx)(_resolved.default, (0, _extends2.default)({}, blockProps, {
     testId: testId,
     overrideUrl: overrideUrl
   }));

package/dist/cjs/view/FlexibleCard/components/blocks/preview-block/resolved/index.js

@@ -1,7 +1,6 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -10,7 +9,7 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
-var _react = _interopRequireWildcard(require("react"));
+var _react = require("react");
 var _react2 = require("@emotion/react");
 var _constants = require("../../../../../../constants");
 var _block = _interopRequireDefault(require("../../block"));
@@ -19,8 +18,6 @@ var _excluded = ["ignoreContainerPadding", "onError", "overrideCss", "placement"
 var _templateObject;
 /** @jsx jsx */
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 /**
  * Due to its placement on the left/right and ignoreContainerPadding prop
  * rely on its parent container styling, css variables are declared in

package/dist/cjs/view/FlexibleCard/components/blocks/snippet-block/index.js

@@ -20,7 +20,7 @@ var MINIMUM_MAX_LINES = 1;
 /**
  * Represents a SnippetBlock, which is used to display longer form text content, like descriptions.
  * @public
- * @param {SnippetBlock} SnippetBlock
+ * @param {SnippetBlockProps} SnippetBlockProps
  * @see Block
  */
 var SnippetBlock = function SnippetBlock(_ref) {

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

@@ -7,9 +7,8 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-var _react = _interopRequireDefault(require("react"));
 var _reactIntlNext = require("react-intl-next");
-var _react2 = require("@emotion/react");
+var _react = require("@emotion/react");
 var _elements = require("../../../elements");
 var _block = _interopRequireDefault(require("../../block"));
 var _constants = require("../../../../../../constants");
@@ -18,7 +17,7 @@ var _elementGroup = _interopRequireDefault(require("../../element-group"));
 var _excluded = ["actionGroup", "retry", "position", "testId", "title", "icon", "hideIcon"];
 /** @jsx jsx */
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-var actionStyles = (0, _react2.css)({
+var actionStyles = (0, _react.css)({
   cursor: 'pointer',
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
   ':hover': {
@@ -28,7 +27,7 @@ var actionStyles = (0, _react2.css)({
 });
 var getMessageStyles = function getMessageStyles(size, hasAction) {
   var sizeStyles = (0, _utils.getLinkSizeStyles)(size);
-  return (0, _react2.css)({
+  return (0, _react.css)({
     flex: '1 1 auto',
     justifyContent: 'flex-end'
   },
@@ -69,15 +68,15 @@ var TitleBlockErroredView = function TitleBlockErroredView(_ref) {
   var _blockProps$size = blockProps.size,
     size = _blockProps$size === void 0 ? _constants.SmartLinkSize.Medium : _blockProps$size;
   var hasAction = onClick !== undefined;
-  return (0, _react2.jsx)(_block.default, (0, _extends2.default)({}, blockProps, {
+  return (0, _react.jsx)(_block.default, (0, _extends2.default)({}, blockProps, {
     testId: "".concat(testId, "-errored-view")
-  }), !hideIcon && (0, _react2.jsx)(_elements.LinkIcon, {
+  }), !hideIcon && (0, _react.jsx)(_elements.LinkIcon, {
     overrideIcon: icon,
     position: position
-  }), title, descriptor && (0, _react2.jsx)(_elementGroup.default, {
+  }), title, descriptor && (0, _react.jsx)(_elementGroup.default, {
     direction: _constants.SmartLinkDirection.Horizontal,
     align: _constants.SmartLinkAlignment.Right
-  }, (0, _react2.jsx)("span", {
+  }, (0, _react.jsx)("span", {
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
     className: hasAction ? 'has-action' : ''
     // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
@@ -86,7 +85,7 @@ var TitleBlockErroredView = function TitleBlockErroredView(_ref) {
     onClick: onClick,
     "data-testid": "".concat(testId, "-errored-view-message"),
     tabIndex: hasAction ? 0 : -1
-  }, (0, _react2.jsx)(_reactIntlNext.FormattedMessage, (0, _extends2.default)({}, descriptor, {
+  }, (0, _react.jsx)(_reactIntlNext.FormattedMessage, (0, _extends2.default)({}, descriptor, {
     values: values
   })))), actionGroup);
 };

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

@@ -7,8 +7,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-var _react = _interopRequireDefault(require("react"));
-var _react2 = require("@emotion/react");
+var _react = require("@emotion/react");
 var _block = _interopRequireDefault(require("../../block"));
 var _constants = require("../../../../../../constants");
 var _loadingSkeleton = _interopRequireDefault(require("../../../common/loading-skeleton"));
@@ -32,14 +31,14 @@ var TitleBlockResolvingView = function TitleBlockResolvingView(_ref) {
     size = _blockProps$size === void 0 ? _constants.SmartLinkSize.Medium : _blockProps$size;
   var iconWidth = (0, _utils.getIconWidth)(size);
   var iconStyles = (0, _utils.getIconSizeStyles)(iconWidth);
-  return (0, _react2.jsx)(_block.default, (0, _extends2.default)({}, blockProps, {
+  return (0, _react.jsx)(_block.default, (0, _extends2.default)({}, blockProps, {
     testId: "".concat(testId, "-resolving-view")
   }), !hideIcon &&
   // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
-  (0, _react2.jsx)("span", {
+  (0, _react.jsx)("span", {
     css: iconStyles,
     "data-testid": "".concat(testId, "-icon")
-  }, (0, _react2.jsx)(_loadingSkeleton.default, {
+  }, (0, _react.jsx)(_loadingSkeleton.default, {
     testId: "".concat(testId, "-icon-loading")
   })), title, actionGroup);
 };

package/dist/cjs/view/FlexibleCard/components/common/image-icon/index.js

@@ -5,8 +5,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _react2 = require("@emotion/react");
+var _react = require("@emotion/react");
 var _reactRenderImage = _interopRequireDefault(require("react-render-image"));
 var _loadingSkeleton = _interopRequireDefault(require("../loading-skeleton"));
 /** @jsx jsx */
@@ -19,12 +18,12 @@ var ImageIcon = function ImageIcon(_ref) {
     url = _ref.url,
     onError = _ref.onError,
     onLoad = _ref.onLoad;
-  return (0, _react2.jsx)(_reactRenderImage.default, {
+  return (0, _react.jsx)(_reactRenderImage.default, {
     src: url,
-    loading: (0, _react2.jsx)(_loadingSkeleton.default, {
+    loading: (0, _react.jsx)(_loadingSkeleton.default, {
       testId: "".concat(testId, "-loading")
     }),
-    loaded: (0, _react2.jsx)("img", {
+    loaded: (0, _react.jsx)("img", {
       src: url,
       "data-testid": "".concat(testId, "-image")
     }),

package/dist/cjs/view/FlexibleCard/components/common/loading-skeleton/index.js

@@ -1,12 +1,10 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _react2 = require("@emotion/react");
+var _react = require("@emotion/react");
 /** @jsx jsx */
 
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
@@ -15,7 +13,7 @@ var LoadingSkeleton = function LoadingSkeleton(_ref) {
   var testId = _ref.testId,
     width = _ref.width,
     height = _ref.height;
-  var animationNameStyles = (0, _react2.keyframes)({
+  var animationNameStyles = (0, _react.keyframes)({
     '0%': {
       backgroundPosition: '50% 0'
     },
@@ -23,7 +21,7 @@ var LoadingSkeleton = function LoadingSkeleton(_ref) {
       backgroundPosition: '-50% 0'
     }
   });
-  var styles = (0, _react2.css)({
+  var styles = (0, _react.css)({
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
     width: "".concat(width, "rem"),
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
@@ -43,7 +41,7 @@ var LoadingSkeleton = function LoadingSkeleton(_ref) {
   });
 
   // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage -- needs dynamic css
-  return (0, _react2.jsx)("span", {
+  return (0, _react.jsx)("span", {
     css: styles,
     "data-testid": testId
   });

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

@@ -1,18 +1,15 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _react2 = require("@emotion/react");
+var _react = require("@emotion/react");
 var _useLinkClicked = require("../../../../../state/analytics/useLinkClicked");
 /** @jsx jsx */
-
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 
-var styles = (0, _react2.css)({
+var styles = (0, _react.css)({
   // Stretch the invisible link over the whole of the post.
   // Hide the link’s text.
   top: 0,
@@ -60,7 +57,7 @@ var LayeredLink = function LayeredLink(_ref) {
     text = _ref.text,
     url = _ref.url;
   var onMouseDown = (0, _useLinkClicked.useMouseDownEvent)();
-  return (0, _react2.jsx)("a", {
+  return (0, _react.jsx)("a", {
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
     className: "layered-link",
     css: styles,

package/dist/cjs/view/FlexibleCard/components/elements/atlaskit-badge/index.js

@@ -5,14 +5,13 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
 var _badge = _interopRequireDefault(require("@atlaskit/badge"));
-var _react2 = require("@emotion/react");
+var _react = require("@emotion/react");
 /** @jsx jsx */
 
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 
-var badgeStyles = (0, _react2.css)({
+var badgeStyles = (0, _react.css)({
   alignItems: 'center',
   display: 'inline-flex'
 });
@@ -32,13 +31,13 @@ var AtlaskitBadge = function AtlaskitBadge(_ref) {
   if (!value) {
     return null;
   }
-  return (0, _react2.jsx)("span", {
+  return (0, _react.jsx)("span", {
     // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
     css: [badgeStyles, overrideCss],
     "data-fit-to-content": true,
     "data-smart-element": name,
     "data-smart-element-atlaskit-badge": true,
     "data-testid": testId
-  }, (0, _react2.jsx)(_badge.default, null, value));
+  }, (0, _react.jsx)(_badge.default, null, value));
 };
 var _default = exports.default = AtlaskitBadge;

package/dist/cjs/view/FlexibleCard/components/elements/avatar-group/index.js

@@ -1,14 +1,13 @@
 "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 _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
-var _react = _interopRequireWildcard(require("react"));
+var _react = require("react");
 var _react2 = require("@emotion/react");
 var _avatarGroup = _interopRequireDefault(require("@atlaskit/avatar-group"));
 var _constants = require("../../../../../constants");
@@ -18,8 +17,6 @@ var _utils = require("../../utils");
 var _templateObject;
 /** @jsx jsx */
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var MAX_COUNT = 4;

package/dist/cjs/view/FlexibleCard/components/elements/date-time/index.js

@@ -6,9 +6,8 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _react = _interopRequireDefault(require("react"));
 var _reactIntlNext = require("react-intl-next");
-var _react2 = require("@emotion/react");
+var _react = require("@emotion/react");
 var _utils = require("../../utils");
 var _intlUtils = require("@formatjs/intl-utils");
 var _messages = require("../../../../../messages");
@@ -16,7 +15,7 @@ var _messages = require("../../../../../messages");
 
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 
-var styles = (0, _react2.css)({
+var styles = (0, _react.css)({
   color: "var(--ds-text-subtlest, #626F86)",
   fontSize: '0.75rem',
   lineHeight: '1rem'
@@ -79,14 +78,14 @@ var DateTime = function DateTime(_ref) {
       numeric: 'auto'
     });
   }
-  return (0, _react2.jsx)("span", {
+  return (0, _react.jsx)("span", {
     // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
     css: [styles, overrideCss],
     "data-separator": true,
     "data-smart-element": name,
     "data-smart-element-date-time": true,
     "data-testid": testId
-  }, text ? "".concat(text, " ").concat(context) : (0, _react2.jsx)(_reactIntlNext.FormattedMessage, (0, _extends2.default)({}, typeToDescriptorMap[type][typeVariant], {
+  }, text ? "".concat(text, " ").concat(context) : (0, _react.jsx)(_reactIntlNext.FormattedMessage, (0, _extends2.default)({}, typeToDescriptorMap[type][typeVariant], {
     values: {
       context: context
     }

package/dist/cjs/view/FlexibleCard/components/elements/lozenge/index.js

@@ -5,16 +5,14 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _react2 = require("@emotion/react");
+var _react = require("@emotion/react");
 var _lozenge = _interopRequireDefault(require("@atlaskit/lozenge"));
 var _lozengeAction = _interopRequireDefault(require("./lozenge-action"));
 var _flexibleUiContext = require("../../../../../state/flexible-ui-context");
 /** @jsx jsx */
-
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 
-var styles = (0, _react2.css)({
+var styles = (0, _react.css)({
   display: 'inline-flex',
   lineHeight: 'inherit'
 });
@@ -39,20 +37,20 @@ var Lozenge = function Lozenge(_ref) {
   if (!text) {
     return null;
   }
-  var lozenge = action ? (0, _react2.jsx)(_lozengeAction.default, {
+  var lozenge = action ? (0, _react.jsx)(_lozengeAction.default, {
     action: action,
     appearance: appearance,
     testId: testId,
     text: text,
     zIndex: ui === null || ui === void 0 ? void 0 : ui.zIndex
-  }) : (0, _react2.jsx)(_lozenge.default, {
+  }) : (0, _react.jsx)(_lozenge.default, {
     appearance: appearance
     // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
     ,
     style: style,
     testId: "".concat(testId, "-lozenge")
   }, text);
-  return (0, _react2.jsx)("span", {
+  return (0, _react.jsx)("span", {
     // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
     css: [styles, overrideCss],
     "data-fit-to-content": true,

package/dist/cjs/view/FlexibleCard/components/elements/media/index.js

@@ -5,11 +5,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _react2 = require("@emotion/react");
+var _react = require("@emotion/react");
 var _imageIcon = _interopRequireDefault(require("../../common/image-icon"));
 /** @jsx jsx */
-
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 
 /**
@@ -22,7 +20,7 @@ var _imageIcon = _interopRequireDefault(require("../../common/image-icon"));
  * [object-position] Center alignment of the selected replaced element's
  * contents within the element's box.
  */
-var styles = (0, _react2.css)({
+var styles = (0, _react.css)({
   aspectRatio: '16 / 9',
   display: 'flex',
   width: '100%',
@@ -72,13 +70,13 @@ var Media = function Media(_ref) {
   if (!type || !url) {
     return null;
   }
-  return (0, _react2.jsx)("div", {
+  return (0, _react.jsx)("div", {
     // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
     css: [styles, overrideCss],
     "data-smart-element": name,
     "data-smart-element-media": type,
     "data-testid": testId
-  }, (0, _react2.jsx)(_imageIcon.default, {
+  }, (0, _react.jsx)(_imageIcon.default, {
     testId: "".concat(testId, "-image"),
     url: url,
     onError: onError,