@atlaskit/smart-card 26.42.11 → 26.43.0

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

@@ -6,12 +6,14 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.EmbedCardUnresolvedView = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _react = require("@emotion/react");
 var _customThemeButton = _interopRequireDefault(require("@atlaskit/button/custom-theme-button"));
 var _constants = require("@atlaskit/theme/constants");
 var _reactIntlNext = require("react-intl-next");
 var _messages = require("../../../messages");
 var _utils = require("../../common/utils");
 /* eslint-disable @atlaskit/design-system/ensure-design-token-usage */
+/** @jsx jsx */
 
 /**
  * @deprecated {@link https://product-fabric.atlassian.net/browse/EDM-7977 Internal documentation for deprecation (no external access)}\
@@ -26,7 +28,7 @@ var EmbedCardUnresolvedView = exports.EmbedCardUnresolvedView = function EmbedCa
     onClick = _ref.onClick,
     testId = _ref.testId,
     children = _ref.children;
-  return /*#__PURE__*/React.createElement("div", {
+  return (0, _react.jsx)("div", {
     css: {
       display: 'flex',
       flexDirection: 'column',
@@ -36,14 +38,14 @@ var EmbedCardUnresolvedView = exports.EmbedCardUnresolvedView = function EmbedCa
       paddingBottom: (0, _utils.gs)(6)
     },
     "data-testid": "".concat(testId, "-unresolved-container")
-  }, /*#__PURE__*/React.createElement("img", {
+  }, (0, _react.jsx)("img", {
     src: image,
     css: {
       height: (0, _utils.gs)(14),
       marginBottom: (0, _utils.gs)(4)
     },
     "data-testid": "".concat(testId, "-unresolved-image")
-  }), /*#__PURE__*/React.createElement("span", {
+  }), (0, _react.jsx)("span", {
     css: {
       fontSize: (0, _utils.gs)(2.5),
       marginBottom: (0, _utils.gs)(1.5),
@@ -51,11 +53,11 @@ var EmbedCardUnresolvedView = exports.EmbedCardUnresolvedView = function EmbedCa
       textAlign: 'center'
     },
     "data-testid": "".concat(testId, "-unresolved-title")
-  }, /*#__PURE__*/React.createElement(_reactIntlNext.FormattedMessage, (0, _extends2.default)({}, _messages.messages[title], {
+  }, (0, _react.jsx)(_reactIntlNext.FormattedMessage, (0, _extends2.default)({}, _messages.messages[title], {
     values: {
       context: context
     }
-  }))), /*#__PURE__*/React.createElement("span", {
+  }))), (0, _react.jsx)("span", {
     css: {
       fontSize: (0, _constants.fontSize)(),
       marginBottom: (0, _utils.gs)(2.5),
@@ -64,15 +66,15 @@ var EmbedCardUnresolvedView = exports.EmbedCardUnresolvedView = function EmbedCa
       lineHeight: (0, _utils.gs)(3)
     },
     "data-testid": "".concat(testId, "-unresolved-description")
-  }, children !== null && children !== void 0 ? children : /*#__PURE__*/React.createElement(_reactIntlNext.FormattedMessage, (0, _extends2.default)({}, _messages.messages[description], {
+  }, children !== null && children !== void 0 ? children : (0, _react.jsx)(_reactIntlNext.FormattedMessage, (0, _extends2.default)({}, _messages.messages[description], {
     values: {
       context: context
     }
-  }))), button && /*#__PURE__*/React.createElement(_customThemeButton.default, {
+  }))), button && (0, _react.jsx)(_customThemeButton.default, {
     testId: "button-".concat(button.testId || testId),
     appearance: button.appearance,
     onClick: onClick
-  }, /*#__PURE__*/React.createElement(_reactIntlNext.FormattedMessage, (0, _extends2.default)({}, _messages.messages[button.text], {
+  }, (0, _react.jsx)(_reactIntlNext.FormattedMessage, (0, _extends2.default)({}, _messages.messages[button.text], {
     values: {
       context: context
     }

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

@@ -7,12 +7,15 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _link = _interopRequireDefault(require("@atlaskit/icon/glyph/link"));
-var _react = _interopRequireWildcard(require("react"));
+var _react = require("@emotion/react");
+var _react2 = _interopRequireWildcard(require("react"));
 var _ExpandedFrame = require("../../components/ExpandedFrame");
 var _ImageIcon = require("../../components/ImageIcon");
 var _styled = require("./styled");
 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; }
+/** @jsx jsx */
+
 var UnresolvedView = function UnresolvedView(_ref) {
   var button = _ref.button,
     description = _ref.description,
@@ -25,20 +28,20 @@ var UnresolvedView = function UnresolvedView(_ref) {
     text = _ref.text,
     title = _ref.title,
     url = _ref.url;
-  var icon = (0, _react.useMemo)(function () {
-    if ( /*#__PURE__*/_react.default.isValidElement(iconUrlOrElement)) {
+  var icon = (0, _react2.useMemo)(function () {
+    if ( /*#__PURE__*/_react2.default.isValidElement(iconUrlOrElement)) {
       return iconUrlOrElement;
     }
-    return /*#__PURE__*/_react.default.createElement(_ImageIcon.ImageIcon, {
+    return (0, _react.jsx)(_ImageIcon.ImageIcon, {
       src: typeof iconUrlOrElement === 'string' ? iconUrlOrElement : undefined,
-      default: /*#__PURE__*/_react.default.createElement(_link.default, {
+      default: (0, _react.jsx)(_link.default, {
         label: "icon",
         size: "small",
         testId: "embed-card-fallback-icon"
       })
     });
   }, [iconUrlOrElement]);
-  return /*#__PURE__*/_react.default.createElement(_ExpandedFrame.ExpandedFrame, {
+  return (0, _react.jsx)(_ExpandedFrame.ExpandedFrame, {
     allowScrollBar: true,
     frameStyle: "show",
     href: url,
@@ -48,19 +51,19 @@ var UnresolvedView = function UnresolvedView(_ref) {
     onClick: onClick,
     testId: testId,
     text: text
-  }, /*#__PURE__*/_react.default.createElement("div", {
+  }, (0, _react.jsx)("div", {
     css: _styled.containerStyles,
     "data-testid": "".concat(testId, "-unresolved-container")
-  }, /*#__PURE__*/_react.default.createElement("div", {
+  }, (0, _react.jsx)("div", {
     css: _styled.contentStyles
-  }, /*#__PURE__*/_react.default.createElement("img", {
+  }, (0, _react.jsx)("img", {
     css: _styled.imageStyles,
     "data-testid": "".concat(testId, "-unresolved-image"),
     src: image
-  }), /*#__PURE__*/_react.default.createElement("h2", {
+  }), (0, _react.jsx)("h2", {
     css: _styled.titleStyles,
     "data-testid": "".concat(testId, "-unresolved-title")
-  }, title), /*#__PURE__*/_react.default.createElement("span", {
+  }, title), (0, _react.jsx)("span", {
     css: _styled.descriptionStyles,
     "data-testid": "".concat(testId, "-unresolved-description")
   }, description), button)));

package/dist/cjs/view/EmbedModal/components/embed-content/index.js

@@ -11,6 +11,7 @@ var _react = require("@emotion/react");
 var _utils = require("../../../../utils");
 var _IFrame = require("../../../EmbedCard/components/IFrame");
 var _templateObject;
+/** @jsx jsx */
 var iframeCss = (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  width: 100%;\n  height: calc(100vh - 208px);\n"])));
 var EmbedContent = function EmbedContent(_ref) {
   var isTrusted = _ref.isTrusted,
@@ -26,6 +27,6 @@ var EmbedContent = function EmbedContent(_ref) {
     src: src,
     'data-testid': "".concat(testId, "-embed")
   };
-  return /*#__PURE__*/React.createElement(_IFrame.IFrame, props);
+  return (0, _react.jsx)(_IFrame.IFrame, props);
 };
 var _default = exports.default = EmbedContent;

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

@@ -6,7 +6,8 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _react = _interopRequireWildcard(require("react"));
+var _react = require("@emotion/react");
+var _react2 = _interopRequireWildcard(require("react"));
 var _reactIntlNext = require("react-intl-next");
 var _modalDialog = require("@atlaskit/modal-dialog");
 var _cross = _interopRequireDefault(require("@atlaskit/icon/glyph/cross"));
@@ -21,6 +22,8 @@ var _linkInfoButton = _interopRequireDefault(require("./link-info-button"));
 var _styled = require("./styled");
 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; }
+/** @jsx jsx */
+
 var LinkInfo = function LinkInfo(_ref) {
   var icon = _ref.icon,
     providerName = _ref.providerName,
@@ -32,11 +35,11 @@ var LinkInfo = function LinkInfo(_ref) {
     title = _ref.title;
   var _useModal = (0, _modalDialog.useModal)(),
     onClose = _useModal.onClose;
-  var downloadButton = (0, _react.useMemo)(function () {
+  var downloadButton = (0, _react2.useMemo)(function () {
     if (onDownloadButtonClick) {
-      return /*#__PURE__*/_react.default.createElement(_linkInfoButton.default, {
-        content: /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, _messages.messages.download),
-        icon: /*#__PURE__*/_react.default.createElement(_download.default, {
+      return (0, _react.jsx)(_linkInfoButton.default, {
+        content: (0, _react.jsx)(_reactIntlNext.FormattedMessage, _messages.messages.download),
+        icon: (0, _react.jsx)(_download.default, {
           label: _messages.messages.download.defaultMessage
         }),
         onClick: onDownloadButtonClick,
@@ -44,12 +47,12 @@ var LinkInfo = function LinkInfo(_ref) {
       });
     }
   }, [onDownloadButtonClick, testId]);
-  var urlButton = (0, _react.useMemo)(function () {
+  var urlButton = (0, _react2.useMemo)(function () {
     if (onViewButtonClick) {
-      var content = providerName ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, _messages.messages.viewIn), " ", providerName) : /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, _messages.messages.viewOriginal);
-      return /*#__PURE__*/_react.default.createElement(_linkInfoButton.default, {
+      var content = providerName ? (0, _react.jsx)(_react2.default.Fragment, null, (0, _react.jsx)(_reactIntlNext.FormattedMessage, _messages.messages.viewIn), " ", providerName) : (0, _react.jsx)(_reactIntlNext.FormattedMessage, _messages.messages.viewOriginal);
+      return (0, _react.jsx)(_linkInfoButton.default, {
         content: content,
-        icon: /*#__PURE__*/_react.default.createElement(_shortcut.default, {
+        icon: (0, _react.jsx)(_shortcut.default, {
           label: _messages.messages.viewOriginal.defaultMessage
         }),
         onClick: onViewButtonClick,
@@ -57,39 +60,39 @@ var LinkInfo = function LinkInfo(_ref) {
       });
     }
   }, [onViewButtonClick, providerName, testId]);
-  var sizeButton = (0, _react.useMemo)(function () {
+  var sizeButton = (0, _react2.useMemo)(function () {
     var isFullScreen = size === _constants.MAX_MODAL_SIZE;
     var message = isFullScreen ? _messages.messages.preview_min_size : _messages.messages.preview_max_size;
-    var icon = isFullScreen ? /*#__PURE__*/_react.default.createElement(_vidFullScreenOff.default, {
+    var icon = isFullScreen ? (0, _react.jsx)(_vidFullScreenOff.default, {
       label: message.defaultMessage
-    }) : /*#__PURE__*/_react.default.createElement(_vidFullScreenOn.default, {
+    }) : (0, _react.jsx)(_vidFullScreenOn.default, {
       label: message.defaultMessage
     });
-    return /*#__PURE__*/_react.default.createElement("span", {
+    return (0, _react.jsx)("span", {
       className: "smart-link-resize-button"
-    }, /*#__PURE__*/_react.default.createElement(_linkInfoButton.default, {
-      content: /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, message),
+    }, (0, _react.jsx)(_linkInfoButton.default, {
+      content: (0, _react.jsx)(_reactIntlNext.FormattedMessage, message),
       icon: icon,
       onClick: onResizeButtonClick,
       testId: "".concat(testId, "-resize")
     }));
   }, [onResizeButtonClick, size, testId]);
-  return /*#__PURE__*/_react.default.createElement("div", {
+  return (0, _react.jsx)("div", {
     css: _styled.containerStyles
-  }, icon && /*#__PURE__*/_react.default.createElement("div", {
+  }, icon && (0, _react.jsx)("div", {
     css: _styled.iconCss,
     "data-testid": "".concat(testId, "-icon")
-  }, /*#__PURE__*/_react.default.createElement(_Icon.Icon, icon)), /*#__PURE__*/_react.default.createElement("div", {
+  }, (0, _react.jsx)(_Icon.Icon, icon)), (0, _react.jsx)("div", {
     css: _styled.titleCss
-  }, /*#__PURE__*/_react.default.createElement("h3", {
+  }, (0, _react.jsx)("h3", {
     "data-testid": "".concat(testId, "-title")
-  }, title), /*#__PURE__*/_react.default.createElement("span", {
+  }, title), (0, _react.jsx)("span", {
     tabIndex: 0
-  })), /*#__PURE__*/_react.default.createElement("div", {
+  })), (0, _react.jsx)("div", {
     css: _styled.actionCss
-  }, downloadButton, urlButton, sizeButton, /*#__PURE__*/_react.default.createElement(_linkInfoButton.default, {
-    content: /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, _messages.messages.preview_close),
-    icon: /*#__PURE__*/_react.default.createElement(_cross.default, {
+  }, downloadButton, urlButton, sizeButton, (0, _react.jsx)(_linkInfoButton.default, {
+    content: (0, _react.jsx)(_reactIntlNext.FormattedMessage, _messages.messages.preview_close),
+    icon: (0, _react.jsx)(_cross.default, {
       label: _messages.messages.preview_close.defaultMessage
     }),
     onClick: onClose,

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

@@ -16,6 +16,7 @@ var _tooltip = _interopRequireDefault(require("@atlaskit/tooltip"));
 var _constants = require("../../../../../../constants");
 var _utils = require("../../../utils");
 var _templateObject, _templateObject2;
+/** @jsx jsx */
 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 getButtonStyle = function getButtonStyle(size, iconOnly) {
@@ -49,14 +50,14 @@ var ActionButton = function ActionButton(_ref) {
       handler();
     };
   }, []);
-  return /*#__PURE__*/_react.default.createElement("div", {
+  return (0, _react2.jsx)("div", {
     css: [getButtonStyle(size, iconOnly), overrideCss],
     "data-testid": "".concat(testId, "-button-wrapper")
-  }, /*#__PURE__*/_react.default.createElement(_tooltip.default, {
+  }, (0, _react2.jsx)(_tooltip.default, {
     content: tooltipMessage,
     hideTooltipOnClick: true,
     testId: "".concat(testId, "-tooltip")
-  }, (0, _platformFeatureFlags.getBooleanFF)('platform.linking-platform.smart-card.follow-button') ? /*#__PURE__*/_react.default.createElement(_button.LoadingButton, {
+  }, (0, _platformFeatureFlags.getBooleanFF)('platform.linking-platform.smart-card.follow-button') ? (0, _react2.jsx)(_button.LoadingButton, {
     appearance: appearance,
     iconAfter: iconAfter,
     iconBefore: iconBefore,
@@ -65,7 +66,7 @@ var ActionButton = function ActionButton(_ref) {
     onClick: onButtonClick(onClick),
     spacing: _utils.sizeToButtonSpacing[size],
     testId: testId
-  }, content) : /*#__PURE__*/_react.default.createElement(_customThemeButton.default, {
+  }, content) : (0, _react2.jsx)(_customThemeButton.default, {
     appearance: appearance,
     iconAfter: iconAfter,
     iconBefore: iconBefore,

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

@@ -11,6 +11,7 @@ var _react2 = require("@emotion/react");
 var _constants = require("../../../../../../constants");
 var _utils = require("../../../utils");
 var _templateObject;
+/** @jsx jsx */
 var getIconWidth = function getIconWidth(size) {
   switch (size) {
     case _constants.SmartLinkSize.XLarge:
@@ -30,7 +31,7 @@ var ActionIcon = function ActionIcon(_ref) {
     testId = _ref.testId,
     icon = _ref.icon,
     isDisabled = _ref.isDisabled;
-  return /*#__PURE__*/_react.default.createElement("span", {
+  return (0, _react2.jsx)("span", {
     css: getIconStyles(size, isDisabled),
     "data-testid": "".concat(testId, "-icon")
   }, icon);

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

@@ -6,10 +6,13 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
+var _react2 = require("@emotion/react");
 var _constants = require("../../../../../constants");
 var _actionButton = _interopRequireDefault(require("./action-button"));
 var _actionDropdownItem = _interopRequireDefault(require("./action-dropdown-item"));
 var _actionIcon = _interopRequireDefault(require("./action-icon"));
+/** @jsx jsx */
+
 /**
  * A base action that can be triggered with an on click.
  * @internal
@@ -39,7 +42,7 @@ var Action = function Action(_ref) {
   if (!onClick) {
     return null;
   }
-  var actionIcon = icon && /*#__PURE__*/_react.default.createElement(_actionIcon.default, {
+  var actionIcon = icon && (0, _react2.jsx)(_actionIcon.default, {
     isDisabled: isDisabled,
     icon: icon,
     size: size,
@@ -48,7 +51,7 @@ var Action = function Action(_ref) {
   var iconBefore = icon && iconPosition === 'before' ? actionIcon : undefined;
   var iconAfter = icon && iconPosition === 'after' ? actionIcon : undefined;
   if (asDropDownItem) {
-    return /*#__PURE__*/_react.default.createElement(_actionDropdownItem.default, {
+    return (0, _react2.jsx)(_actionDropdownItem.default, {
       content: content,
       iconAfter: iconAfter,
       iconBefore: iconBefore,
@@ -57,7 +60,7 @@ var Action = function Action(_ref) {
       testId: testId
     });
   } else {
-    return /*#__PURE__*/_react.default.createElement(_actionButton.default, {
+    return (0, _react2.jsx)(_actionButton.default, {
       appearance: appearance,
       content: content,
       iconAfter: iconAfter,

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

@@ -9,10 +9,12 @@ exports.default = void 0;
 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 = _interopRequireWildcard(require("react"));
+var _react = require("@emotion/react");
+var _react2 = _interopRequireWildcard(require("react"));
 var Actions = _interopRequireWildcard(require("../../../actions"));
 var _utils = require("../../utils");
 var _excluded = ["name", "hideContent", "hideIcon", "onClick", "isDisabled"];
+/** @jsx jsx */
 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; }
 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; }
@@ -29,7 +31,7 @@ var ActionGroupItem = function ActionGroupItem(_ref) {
     onClick = item.onClick,
     isDisabled = item.isDisabled,
     props = (0, _objectWithoutProperties2.default)(item, _excluded);
-  var handleOnClick = (0, _react.useCallback)(function () {
+  var handleOnClick = (0, _react2.useCallback)(function () {
     if (onActionItemClick) {
       onActionItemClick();
     }
@@ -48,7 +50,7 @@ var ActionGroupItem = function ActionGroupItem(_ref) {
   if (hideIcon) {
     actionProps.icon = undefined;
   }
-  var action = /*#__PURE__*/_react.default.createElement(Action, (0, _extends2.default)({
+  var action = (0, _react.jsx)(Action, (0, _extends2.default)({
     url: "",
     asDropDownItem: asDropDownItems,
     size: size,

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

@@ -25,6 +25,7 @@ var _actionGroupItem = _interopRequireDefault(require("./action-group-item"));
 var _utils2 = require("../utils");
 var _excluded = ["triggerRef"];
 var _templateObject;
+/** @jsx jsx */
 var styles = (0, _react2.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  display: inline-flex;\n  line-height: 1rem;\n  > div {\n    align-items: center;\n    button:focus-visible {\n      // AK button removes the default browser outline on focus and apply\n      // box-shadow styling to create the outline appearance.\n      // Due to our container elements (Container/Block/ElementGroup) has\n      // overflow hidden to prevent the metadata element from leaking outside\n      // of its container, the box-shadow doesn't show properly.\n      // Invert the AK box-shadow styling.\n      outline-offset: -2px;\n    }\n  }\n"])));
 var renderActionItems = function renderActionItems() {
   var items = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
@@ -33,7 +34,7 @@ var renderActionItems = function renderActionItems() {
   var asDropDownItems = arguments.length > 3 ? arguments[3] : undefined;
   var onActionItemClick = arguments.length > 4 ? arguments[4] : undefined;
   return items.map(function (item, idx) {
-    return /*#__PURE__*/React.createElement(_actionGroupItem.default, {
+    return (0, _react2.jsx)(_actionGroupItem.default, {
       item: item,
       key: idx,
       size: size,
@@ -91,22 +92,22 @@ var ActionGroup = function ActionGroup(_ref) {
     var actionItems = isMoreThenTwoItems ? renderableActionItems.slice(visibleButtonsNum - 1) : [];
     if (actionItems.length > 0) {
       var spacing = _utils.sizeToButtonSpacing[size];
-      var moreIcon = /*#__PURE__*/React.createElement(_more.default, {
+      var moreIcon = (0, _react2.jsx)(_more.default, {
         label: "more"
       });
-      var formatMessage = /*#__PURE__*/React.createElement(_reactIntlNext.FormattedMessage, _messages.messages.more_actions);
-      return /*#__PURE__*/React.createElement(_dropdownMenu.default, {
+      var formatMessage = (0, _react2.jsx)(_reactIntlNext.FormattedMessage, _messages.messages.more_actions);
+      return (0, _react2.jsx)(_dropdownMenu.default, {
         isOpen: isOpen,
         onOpenChange: onOpenChange,
         trigger: function trigger(_ref2) {
           var triggerRef = _ref2.triggerRef,
             props = (0, _objectWithoutProperties2.default)(_ref2, _excluded);
-          return /*#__PURE__*/React.createElement(_tooltip.default, {
+          return (0, _react2.jsx)(_tooltip.default, {
             content: formatMessage,
             hideTooltipOnClick: true,
             testId: "action-group-more-button-tooltip",
             tag: "span"
-          }, /*#__PURE__*/React.createElement(_standardButton.default, (0, _extends2.default)({}, props, {
+          }, (0, _react2.jsx)(_standardButton.default, (0, _extends2.default)({}, props, {
             spacing: spacing,
             testId: "action-group-more-button",
             iconBefore: moreIcon,
@@ -119,10 +120,10 @@ var ActionGroup = function ActionGroup(_ref) {
     }
     return null;
   }, [appearance, isMoreThenTwoItems, isOpen, onActionItemClick, onOpenChange, renderableActionItems, size, ui === null || ui === void 0 ? void 0 : ui.zIndex, visibleButtonsNum]);
-  return renderableActionItems.length > 0 ? /*#__PURE__*/React.createElement("div", {
+  return renderableActionItems.length > 0 ? (0, _react2.jsx)("div", {
     css: styles,
     className: "actions-button-group",
     "data-action-open": isOpen
-  }, /*#__PURE__*/React.createElement(_buttonGroup.default, null, actionButtons, moreActionDropdown)) : null;
+  }, (0, _react2.jsx)(_buttonGroup.default, null, actionButtons, moreActionDropdown)) : null;
 };
 var _default = exports.default = ActionGroup;

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

@@ -12,6 +12,7 @@ var _react2 = require("@emotion/react");
 var _constants = require("../../../../../constants");
 var _utils = require("../utils");
 var _templateObject;
+/** @jsx jsx */
 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 getBlockStyles = function getBlockStyles(direction, size) {
@@ -40,7 +41,7 @@ var Block = function Block(_ref) {
   (0, _react.useEffect)(function () {
     onRender && onRender();
   }, [onRender]);
-  return /*#__PURE__*/_react.default.createElement("div", {
+  return (0, _react2.jsx)("div", {
     css: [getBlockStyles(direction, size), overrideCss],
     "data-smart-block": true,
     "data-testid": testId,

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

@@ -12,6 +12,7 @@ var _constants = require("../../../../../constants");
 var _utils = require("../utils");
 var _utils2 = require("../../utils");
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6;
+/** @jsx jsx */
 var getAlignmentStyles = function getAlignmentStyles(align) {
   switch (align) {
     case _constants.SmartLinkAlignment.Right:
@@ -58,7 +59,7 @@ var ElementGroup = function ElementGroup(_ref) {
     width = _ref$width === void 0 ? _constants.SmartLinkWidth.FitToContent : _ref$width,
     _ref$position = _ref.position,
     position = _ref$position === void 0 ? _constants.SmartLinkPosition.Center : _ref$position;
-  return /*#__PURE__*/_react.default.createElement("div", {
+  return (0, _react2.jsx)("div", {
     css: [getElementGroupStyles(direction, size, align, width, position), overrideCss],
     "data-smart-element-group": true,
     "data-testid": testId

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

@@ -8,9 +8,11 @@ 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 _constants = require("../../../../../constants");
 var _resolved = _interopRequireDefault(require("./resolved"));
 var _excluded = ["status", "testId", "overrideUrl"];
+/** @jsx jsx */
 /**
  * Represents a PreviewBlock, which typically contains media or other large format content.
  * @public
@@ -24,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 /*#__PURE__*/_react.default.createElement(_resolved.default, (0, _extends2.default)({}, blockProps, {
+  return (0, _react2.jsx)(_resolved.default, (0, _extends2.default)({}, blockProps, {
     testId: testId,
     overrideUrl: overrideUrl
   }));

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

@@ -17,6 +17,7 @@ var _block = _interopRequireDefault(require("../../block"));
 var _elements = require("../../../elements");
 var _excluded = ["ignoreContainerPadding", "onError", "overrideCss", "placement", "testId", "overrideUrl"];
 var _templateObject, _templateObject2, _templateObject3;
+/** @jsx jsx */
 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; }
 /**
@@ -77,10 +78,10 @@ var PreviewBlockResolvedView = function PreviewBlockResolvedView(_ref) {
       onError();
     }
   }, [onError]);
-  return /*#__PURE__*/_react.default.createElement(_block.default, (0, _extends2.default)({}, blockProps, {
+  return (0, _react2.jsx)(_block.default, (0, _extends2.default)({}, blockProps, {
     overrideCss: styles,
     testId: "".concat(testId, "-resolved-view")
-  }), /*#__PURE__*/_react.default.createElement(_elements.Preview, {
+  }), (0, _react2.jsx)(_elements.Preview, {
     onError: handleOnError,
     onLoad: handleOnLoad,
     overrideUrl: overrideUrl

package/dist/cjs/view/FlexibleCard/components/blocks/related-urls-block/resolved/related-url-list/index.js

@@ -1,4 +1,3 @@
-/* index.tsx generated by @compiled/babel-plugin v0.26.1 */
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
@@ -7,7 +6,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _runtime = require("@compiled/react/runtime");
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _react = _interopRequireWildcard(require("react"));

package/dist/cjs/view/FlexibleCard/components/blocks/related-urls-block/resolved/related-url-list/resolved-result-stack/index.js

@@ -1,4 +1,3 @@
-/* index.tsx generated by @compiled/babel-plugin v0.26.1 */
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
@@ -7,7 +6,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _runtime = require("@compiled/react/runtime");
 var _react = _interopRequireWildcard(require("react"));
 var _primitives = require("@atlaskit/primitives");
 var _analyticsNext = require("@atlaskit/analytics-next");

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

@@ -19,6 +19,7 @@ var _elementGroup = _interopRequireDefault(require("../../element-group"));
 var _token = require("../../../../../../utils/token");
 var _excluded = ["actionGroup", "retry", "position", "testId", "title", "hideIcon"];
 var _templateObject, _templateObject2;
+/** @jsx jsx */
 var actionStyles = (0, _react2.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  cursor: pointer;\n  :hover {\n    color: ", ";\n    text-decoration: underline;\n  }\n"])), _token.tokens.errorMessageHover);
 var getMessageStyles = function getMessageStyles(size, hasAction) {
   var sizeStyles = (0, _utils.getLinkSizeStyles)(size);
@@ -47,20 +48,20 @@ 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 /*#__PURE__*/_react.default.createElement(_block.default, (0, _extends2.default)({}, blockProps, {
+  return (0, _react2.jsx)(_block.default, (0, _extends2.default)({}, blockProps, {
     testId: "".concat(testId, "-errored-view")
-  }), !hideIcon && /*#__PURE__*/_react.default.createElement(_elements.LinkIcon, {
+  }), !hideIcon && (0, _react2.jsx)(_elements.LinkIcon, {
     position: position
-  }), title, descriptor && /*#__PURE__*/_react.default.createElement(_elementGroup.default, {
+  }), title, descriptor && (0, _react2.jsx)(_elementGroup.default, {
     direction: _constants.SmartLinkDirection.Horizontal,
     align: _constants.SmartLinkAlignment.Right
-  }, /*#__PURE__*/_react.default.createElement("span", {
+  }, (0, _react2.jsx)("span", {
     className: hasAction ? 'has-action' : '',
     css: getMessageStyles(size, hasAction),
     onClick: onClick,
     "data-testid": "".concat(testId, "-errored-view-message"),
     tabIndex: hasAction ? 0 : -1
-  }, /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, (0, _extends2.default)({}, descriptor, {
+  }, (0, _react2.jsx)(_reactIntlNext.FormattedMessage, (0, _extends2.default)({}, descriptor, {
     values: values
   })))), actionGroup);
 };

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

@@ -8,11 +8,13 @@ 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 _block = _interopRequireDefault(require("../../block"));
 var _constants = require("../../../../../../constants");
 var _loadingSkeleton = _interopRequireDefault(require("../../../common/loading-skeleton"));
 var _utils = require("../../../utils");
 var _excluded = ["actionGroup", "testId", "title", "hideIcon"];
+/** @jsx jsx */
 /**
  * This represents a TitleBlock for a Smart Link that is currently waiting
  * for a request to finish.
@@ -29,12 +31,12 @@ 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 /*#__PURE__*/_react.default.createElement(_block.default, (0, _extends2.default)({}, blockProps, {
+  return (0, _react2.jsx)(_block.default, (0, _extends2.default)({}, blockProps, {
     testId: "".concat(testId, "-resolving-view")
-  }), !hideIcon && /*#__PURE__*/_react.default.createElement("span", {
+  }), !hideIcon && (0, _react2.jsx)("span", {
     css: iconStyles,
     "data-testid": "".concat(testId, "-icon")
-  }, /*#__PURE__*/_react.default.createElement(_loadingSkeleton.default, {
+  }, (0, _react2.jsx)(_loadingSkeleton.default, {
     testId: "".concat(testId, "-icon-loading")
   })), title, actionGroup);
 };