@atlaskit/smart-card 26.42.9 → 26.42.11

package/dist/cjs/view/FlexibleCard/components/elements/lozenge/lozenge-action/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,14 +9,11 @@ var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"))
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-var _react = require("@emotion/react");
-var _react2 = require("react");
-var _dropdownMenu = _interopRequireWildcard(require("@atlaskit/dropdown-menu"));
-var _lozengeActionItem = _interopRequireDefault(require("./lozenge-action-item"));
+var _react = require("react");
+var _dropdownMenu = _interopRequireDefault(require("@atlaskit/dropdown-menu"));
 var _lozengeActionTrigger = _interopRequireDefault(require("./lozenge-action-trigger"));
 var _lozengeActionError = _interopRequireDefault(require("./lozenge-action-error"));
 var _errorBoundary = _interopRequireDefault(require("./error-boundary"));
-var _styled = require("./styled");
 var _useInvoke = _interopRequireDefault(require("../../../../../../state/hooks/use-invoke"));
 var _extractLozengeActionItems = _interopRequireDefault(require("../../../../../../extractors/action/extract-lozenge-action-items"));
 var _createStatusUpdateRequest = _interopRequireDefault(require("../../../../../../utils/actions/create-status-update-request"));
@@ -27,10 +23,7 @@ var _utils = require("../../../../../../state/hooks/use-invoke/utils");
 var _flexibleUiContext = require("../../../../../../state/flexible-ui-context");
 var _analytics = require("../../../../../../utils/analytics/analytics");
 var _lozengeActionAnalytics = require("./lozenge-action-analytics");
-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 _lozengeActionItemsGroup = _interopRequireDefault(require("./lozenge-action-items-group"));
 var validateItems = function validateItems() {
   var items = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
   var text = arguments.length > 1 ? arguments[1] : undefined;
@@ -46,30 +39,30 @@ var LozengeAction = function LozengeAction(_ref) {
     testId = _ref$testId === void 0 ? 'smart-element-lozenge-action' : _ref$testId,
     text = _ref.text,
     zIndex = _ref.zIndex;
-  var _useState = (0, _react2.useState)({
+  var _useState = (0, _react.useState)({
       appearance: appearance,
       text: text
     }),
     _useState2 = (0, _slicedToArray2.default)(_useState, 2),
     selected = _useState2[0],
     setSelected = _useState2[1];
-  var _useState3 = (0, _react2.useState)(false),
+  var _useState3 = (0, _react.useState)(false),
     _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
     isLoaded = _useState4[0],
     setIsLoaded = _useState4[1];
-  var _useState5 = (0, _react2.useState)(false),
+  var _useState5 = (0, _react.useState)(false),
     _useState6 = (0, _slicedToArray2.default)(_useState5, 2),
     isLoading = _useState6[0],
     setIsLoading = _useState6[1];
-  var _useState7 = (0, _react2.useState)(false),
+  var _useState7 = (0, _react.useState)(false),
     _useState8 = (0, _slicedToArray2.default)(_useState7, 2),
     isOpen = _useState8[0],
     setIsOpen = _useState8[1];
-  var _useState9 = (0, _react2.useState)(),
+  var _useState9 = (0, _react.useState)(),
     _useState10 = (0, _slicedToArray2.default)(_useState9, 2),
     items = _useState10[0],
     setItems = _useState10[1];
-  var _useState11 = (0, _react2.useState)(),
+  var _useState11 = (0, _react.useState)(),
     _useState12 = (0, _slicedToArray2.default)(_useState11, 2),
     errorMessage = _useState12[0],
     setErrorMessage = _useState12[1];
@@ -77,7 +70,7 @@ var LozengeAction = function LozengeAction(_ref) {
   //TODO EDM-6583 Replace usage of useFlexibleUiAnalyticsContext with linking platform analytics context from find team.
   var analytics = (0, _flexibleUiContext.useFlexibleUiAnalyticsContext)();
   var invoke = (0, _useInvoke.default)();
-  (0, _react2.useEffect)(function () {
+  (0, _react.useEffect)(function () {
     setSelected({
       text: text,
       appearance: appearance
@@ -87,7 +80,7 @@ var LozengeAction = function LozengeAction(_ref) {
     url = _ref2.url,
     linkId = _ref2.id,
     previewData = _ref2.previewData;
-  var handleOpenChange = (0, _react2.useCallback)( /*#__PURE__*/function () {
+  var handleOpenChange = (0, _react.useCallback)( /*#__PURE__*/function () {
     var _ref3 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(args) {
       var responseItems, validItems;
       return _regenerator.default.wrap(function _callee$(_context) {
@@ -146,8 +139,8 @@ var LozengeAction = function LozengeAction(_ref) {
       return _ref3.apply(this, arguments);
     };
   }(), [action.read, analytics, invoke, isLoaded, text]);
-  var trigger = (0, _react2.useCallback)(function (props) {
-    return (0, _react.jsx)(_lozengeActionTrigger.default, (0, _extends2.default)({}, props, {
+  var trigger = (0, _react.useCallback)(function (props) {
+    return /*#__PURE__*/React.createElement(_lozengeActionTrigger.default, (0, _extends2.default)({}, props, {
       appearance: selected.appearance,
       isOpen: isOpen,
       showFeatureDiscovery: action === null || action === void 0 ? void 0 : action.showFeatureDiscovery,
@@ -155,7 +148,7 @@ var LozengeAction = function LozengeAction(_ref) {
       text: selected.text
     }));
   }, [selected.appearance, selected.text, isOpen, action === null || action === void 0 ? void 0 : action.showFeatureDiscovery, testId]);
-  var handleItemClick = (0, _react2.useCallback)( /*#__PURE__*/function () {
+  var handleItemClick = (0, _react.useCallback)( /*#__PURE__*/function () {
     var _ref4 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee2(id, text, appearance) {
       var updateAction, request;
       return _regenerator.default.wrap(function _callee2$(_context2) {
@@ -214,9 +207,9 @@ var LozengeAction = function LozengeAction(_ref) {
       return _ref4.apply(this, arguments);
     };
   }(), [action === null || action === void 0 ? void 0 : action.update, analytics, invoke, linkId, reload, url]);
-  var dropdownItemGroup = (0, _react2.useMemo)(function () {
+  var dropdownItemGroup = (0, _react.useMemo)(function () {
     if (errorMessage) {
-      return (0, _react.jsx)(_lozengeActionError.default, {
+      return /*#__PURE__*/React.createElement(_lozengeActionError.default, {
         errorMessage: errorMessage,
         testId: testId,
         url: url,
@@ -224,19 +217,14 @@ var LozengeAction = function LozengeAction(_ref) {
       });
     }
     if (items && items.length > 0) {
-      return (0, _react.jsx)("span", {
-        css: _styled.dropdownItemGroupStyles,
-        "data-testid": "".concat(testId, "-item-group")
-      }, (0, _react.jsx)(_dropdownMenu.DropdownItemGroup, null, items.map(function (item, idx) {
-        return (0, _react.jsx)(_lozengeActionItem.default, (0, _extends2.default)({}, item, {
-          key: idx,
-          onClick: handleItemClick,
-          testId: "".concat(testId, "-item-").concat(idx)
-        }));
-      })));
+      return /*#__PURE__*/React.createElement(_lozengeActionItemsGroup.default, {
+        testId: testId,
+        items: items,
+        onClick: handleItemClick
+      });
     }
   }, [errorMessage, handleItemClick, items, previewData, testId, url]);
-  return (0, _react.jsx)(_dropdownMenu.default, {
+  return /*#__PURE__*/React.createElement(_dropdownMenu.default, {
     isLoading: isLoading,
     isOpen: isOpen,
     onOpenChange: handleOpenChange,

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

@@ -6,8 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _react = require("@emotion/react");
-var _react2 = require("react");
+var _react = require("react");
 var _reactIntlNext = require("react-intl-next");
 var _dropdownMenu = require("@atlaskit/dropdown-menu");
 var _colors = require("@atlaskit/theme/colors");
@@ -18,7 +17,7 @@ var _messages = require("../../../../../../../messages");
 var _flexibleUiContext = require("../../../../../../../state/flexible-ui-context");
 var _useResolve = _interopRequireDefault(require("../../../../../../../state/hooks/use-resolve"));
 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; } /** @jsx jsx */
+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_LINE_NUMBER = 8;
 var LozengeActionError = function LozengeActionError(_ref) {
   var errorMessage = _ref.errorMessage,
@@ -30,12 +29,12 @@ var LozengeActionError = function LozengeActionError(_ref) {
   var reload = (0, _useResolve.default)();
   var analytics = (0, _flexibleUiContext.useFlexibleUiAnalyticsContext)();
   var isPreviewAvailable = previewData && previewData.src !== undefined;
-  var handlePreviewClose = (0, _react2.useCallback)(function () {
+  var handlePreviewClose = (0, _react.useCallback)(function () {
     if (url) {
       reload(url, true);
     }
   }, [reload, url]);
-  var handlePreviewOpen = (0, _react2.useCallback)(function () {
+  var handlePreviewOpen = (0, _react.useCallback)(function () {
     if (isPreviewAvailable) {
       analytics === null || analytics === void 0 || analytics.ui.smartLinkLozengeActionErrorOpenPreviewClickedEvent();
       return (0, _utils.openEmbedModalWithFlexibleUiIcon)(_objectSpread(_objectSpread({}, previewData), {}, {
@@ -44,30 +43,30 @@ var LozengeActionError = function LozengeActionError(_ref) {
       }));
     }
   }, [analytics, handlePreviewClose, isPreviewAvailable, previewData]);
-  var content = (0, _react2.useMemo)(function () {
-    return (0, _react.jsx)(_react2.Fragment, null, (0, _react.jsx)("div", {
+  var content = (0, _react.useMemo)(function () {
+    return /*#__PURE__*/React.createElement(_react.Fragment, null, /*#__PURE__*/React.createElement("div", {
       css: _styled.contentStyles
-    }, (0, _react.jsx)(_error.default, {
+    }, /*#__PURE__*/React.createElement(_error.default, {
       testId: "".concat(testId, "-icon"),
       size: "medium",
       primaryColor: "var(--ds-icon-danger, ".concat(_colors.R500, ")"),
       secondaryColor: "var(--ds-background-danger, ".concat(_colors.R50, ")"),
       label: 'error'
-    }), (0, _react.jsx)("span", {
+    }), /*#__PURE__*/React.createElement("span", {
       css: (0, _styled.textStyles)(maxLineNumber),
       "data-testid": "".concat(testId, "-error-message")
-    }, typeof errorMessage === 'string' ? errorMessage : (0, _utils.getFormattedMessage)(errorMessage))), isPreviewAvailable ? (0, _react.jsx)("div", {
+    }, typeof errorMessage === 'string' ? errorMessage : (0, _utils.getFormattedMessage)(errorMessage))), isPreviewAvailable ? /*#__PURE__*/React.createElement("div", {
       css: _styled.linkStyles
-    }, (0, _react.jsx)("a", {
+    }, /*#__PURE__*/React.createElement("a", {
       target: "_blank",
       "data-testid": "".concat(testId, "-open-embed"),
       onClick: handlePreviewOpen
-    }, (0, _react.jsx)(_reactIntlNext.FormattedMessage, _messages.messages.open_issue_in_jira))) : null);
+    }, /*#__PURE__*/React.createElement(_reactIntlNext.FormattedMessage, _messages.messages.open_issue_in_jira))) : null);
   }, [errorMessage, handlePreviewOpen, isPreviewAvailable, maxLineNumber, testId]);
-  return (0, _react.jsx)("span", {
+  return /*#__PURE__*/React.createElement("span", {
     css: _styled.dropdownItemGroupStyles,
     "data-testid": "".concat(testId, "-error-item-group")
-  }, (0, _react.jsx)(_dropdownMenu.DropdownItemGroup, null, (0, _react.jsx)(_dropdownMenu.DropdownItem, {
+  }, /*#__PURE__*/React.createElement(_dropdownMenu.DropdownItemGroup, null, /*#__PURE__*/React.createElement(_dropdownMenu.DropdownItem, {
     testId: "".concat(testId, "-error")
   }, content)));
 };

package/dist/cjs/view/FlexibleCard/components/elements/lozenge/lozenge-action/lozenge-action-items-group/index.js

@@ -0,0 +1,31 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _lozengeActionItem = _interopRequireDefault(require("../lozenge-action-item"));
+var _styled = require("../styled");
+var _dropdownMenu = require("@atlaskit/dropdown-menu");
+var LozengeActionItemsGroup = function LozengeActionItemsGroup(_ref) {
+  var items = _ref.items,
+    testId = _ref.testId,
+    onClick = _ref.onClick;
+  return (
+    /*#__PURE__*/
+    // eslint-disable-next-line @atlaskit/design-system/prefer-primitives
+    React.createElement("span", {
+      css: _styled.dropdownItemGroupStyles,
+      "data-testid": "".concat(testId, "-item-group")
+    }, /*#__PURE__*/React.createElement(_dropdownMenu.DropdownItemGroup, null, items.map(function (item, idx) {
+      return /*#__PURE__*/React.createElement(_lozengeActionItem.default, (0, _extends2.default)({}, item, {
+        key: idx,
+        onClick: onClick,
+        testId: "".concat(testId, "-item-").concat(idx)
+      }));
+    })))
+  );
+};
+var _default = exports.default = LozengeActionItemsGroup;

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

@@ -8,14 +8,12 @@ exports.default = void 0;
 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 _react = require("@emotion/react");
-var _react2 = require("react");
+var _react = require("react");
 var _lozenge = _interopRequireDefault(require("@atlaskit/lozenge"));
 var _chevronDown = _interopRequireDefault(require("@atlaskit/icon/glyph/chevron-down"));
 var _styled = require("../styled");
 var _featureDiscovery = _interopRequireDefault(require("../feature-discovery"));
 var _excluded = ["appearance", "isOpen", "showFeatureDiscovery", "testId", "text", "triggerRef"];
-/** @jsx jsx */
 var LozengeActionTrigger = function LozengeActionTrigger(_ref) {
   var appearance = _ref.appearance,
     isOpen = _ref.isOpen,
@@ -24,28 +22,28 @@ var LozengeActionTrigger = function LozengeActionTrigger(_ref) {
     text = _ref.text,
     triggerRef = _ref.triggerRef,
     props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
-  var _useState = (0, _react2.useState)(false),
+  var _useState = (0, _react.useState)(false),
     _useState2 = (0, _slicedToArray2.default)(_useState, 2),
     isBold = _useState2[0],
     setIsBold = _useState2[1];
-  var onMouseEnter = (0, _react2.useCallback)(function () {
+  var onMouseEnter = (0, _react.useCallback)(function () {
     return setIsBold(true);
   }, []);
-  var onMouseLeave = (0, _react2.useCallback)(function () {
+  var onMouseLeave = (0, _react.useCallback)(function () {
     return setIsBold(false);
   }, []);
-  var lozenge = (0, _react2.useMemo)(function () {
-    return (0, _react.jsx)(_lozenge.default, {
+  var lozenge = (0, _react.useMemo)(function () {
+    return /*#__PURE__*/React.createElement(_lozenge.default, {
       appearance: appearance,
       isBold: isBold
-    }, (0, _react.jsx)("span", {
+    }, /*#__PURE__*/React.createElement("span", {
       css: _styled.triggerLozengeStyles
-    }, (0, _react.jsx)("span", null, text), (0, _react.jsx)(_chevronDown.default, {
+    }, /*#__PURE__*/React.createElement("span", null, text), /*#__PURE__*/React.createElement(_chevronDown.default, {
       label: "options",
       size: "medium"
     })));
   }, [appearance, isBold, text]);
-  return (0, _react.jsx)("button", (0, _extends2.default)({
+  return /*#__PURE__*/React.createElement("button", (0, _extends2.default)({
     type: "button"
   }, props, {
     css: _styled.triggerButtonStyles,
@@ -54,7 +52,7 @@ var LozengeActionTrigger = function LozengeActionTrigger(_ref) {
     onMouseEnter: onMouseEnter,
     onMouseLeave: onMouseLeave,
     ref: triggerRef
-  }), showFeatureDiscovery ? (0, _react.jsx)(_featureDiscovery.default, {
+  }), showFeatureDiscovery ? /*#__PURE__*/React.createElement(_featureDiscovery.default, {
     appearance: appearance,
     testId: testId
   }, lozenge) : lozenge);

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

@@ -10,7 +10,6 @@ var _react = _interopRequireDefault(require("react"));
 var _react2 = require("@emotion/react");
 var _imageIcon = _interopRequireDefault(require("../../common/image-icon"));
 var _templateObject;
-/** @jsx jsx */
 /**
  * Media: Image
  * [aspect-ratio: 16 / 9] The context box is fixed to aspect ratio of 16:9.
@@ -41,12 +40,12 @@ var Media = function Media(_ref) {
   if (!type || !url) {
     return null;
   }
-  return (0, _react2.jsx)("div", {
+  return /*#__PURE__*/_react.default.createElement("div", {
     css: [styles, overrideCss],
     "data-smart-element": name,
     "data-smart-element-media": type,
     "data-testid": testId
-  }, (0, _react2.jsx)(_imageIcon.default, {
+  }, /*#__PURE__*/_react.default.createElement(_imageIcon.default, {
     testId: "".concat(testId, "-image"),
     url: url,
     onError: onError,

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

@@ -9,12 +9,10 @@ exports.default = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _react = _interopRequireWildcard(require("react"));
-var _react2 = require("@emotion/react");
 var _flexibleUiContext = require("../../../../../state/flexible-ui-context");
 var _constants = require("../../../../../constants");
 var _media = _interopRequireDefault(require("../media"));
 var _excluded = ["overrideUrl"];
-/** @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 Preview = function Preview(props) {
@@ -29,6 +27,6 @@ var Preview = function Preview(props) {
   if (!data) {
     return null;
   }
-  return (0, _react2.jsx)(_media.default, (0, _extends2.default)({}, rest, data));
+  return /*#__PURE__*/_react.default.createElement(_media.default, (0, _extends2.default)({}, rest, data));
 };
 var _default = exports.default = Preview;

package/dist/cjs/view/FlexibleCard/components/elements/snippet-element/index.js

@@ -15,7 +15,6 @@ var _flexibleUiContext = require("../../../../../state/flexible-ui-context");
 var _text = _interopRequireDefault(require("../text"));
 var _excluded = ["content", "maxLines", "overrideCss"];
 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 SNIPPET_DEFAULT_MAX_LINES = 3;
@@ -30,7 +29,7 @@ var SnippetElement = function SnippetElement() {
     overrideCss = _ref.overrideCss,
     props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
   var context = (0, _react2.useContext)(_flexibleUiContext.FlexibleUiContext);
-  return (0, _react.jsx)(_text.default, (0, _extends2.default)({
+  return /*#__PURE__*/_react2.default.createElement(_text.default, (0, _extends2.default)({
     content: overrideContent !== null && overrideContent !== void 0 ? overrideContent : context === null || context === void 0 ? void 0 : context.snippet,
     maxLines: maxLines,
     overrideCss: getSnippetStyles(overrideCss)

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

@@ -11,7 +11,6 @@ var _react2 = require("@emotion/react");
 var _utils = require("../../utils");
 var _token = require("../../../../../utils/token");
 var _templateObject;
-/** @jsx jsx */
 var getStyles = function getStyles(maxLines) {
   return (0, _react2.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  color: ", ";\n  font-size: 0.75rem;\n  line-height: 1rem;\n  white-space: normal;\n  ", "\n"])), _token.tokens.text, (0, _utils.getTruncateStyles)(maxLines));
 };
@@ -34,7 +33,7 @@ var Text = function Text(_ref) {
   if (!message && !content) {
     return null;
   }
-  return (0, _react2.jsx)("span", {
+  return /*#__PURE__*/_react.default.createElement("span", {
     css: [getStyles(maxLines), overrideCss],
     "data-separator": true,
     "data-smart-element": name,

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

@@ -9,13 +9,11 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _react = _interopRequireDefault(require("react"));
 var _styled = require("../styled");
-var _react2 = require("@emotion/react");
 var _excluded = ["children"];
-/** @jsx jsx */
 var CustomPopupContainer = /*#__PURE__*/_react.default.forwardRef(function (_ref, ref) {
   var children = _ref.children,
     props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
-  return (0, _react2.jsx)("div", (0, _extends2.default)({
+  return /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({
     css: _styled.popupContainerStyles
   }, props, {
     ref: ref

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

@@ -9,8 +9,7 @@ exports.HoverCardComponent = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _popup = _interopRequireDefault(require("@atlaskit/popup"));
-var _react = require("@emotion/react");
-var _react2 = _interopRequireWildcard(require("react"));
+var _react = _interopRequireWildcard(require("react"));
 var _useSmartLinkActions = require("../../../state/hooks-external/useSmartLinkActions");
 var _renderers = require("../../../state/renderers");
 var _store = require("../../../state/store");
@@ -24,8 +23,6 @@ var _analytics = require("../../../state/analytics");
 var _linkProvider = require("@atlaskit/link-provider");
 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 HOVER_CARD_SOURCE = 'smartLinkPreviewHoverCard';
 var FADE_IN_DELAY = 500;
 var FADE_OUT_DELAY = 300;
@@ -50,23 +47,23 @@ var HoverCardComponent = exports.HoverCardComponent = function HoverCardComponen
     zIndex = _ref$zIndex === void 0 ? _styled.HOVER_CARD_Z_INDEX : _ref$zIndex,
     _ref$noFadeDelay = _ref.noFadeDelay,
     noFadeDelay = _ref$noFadeDelay === void 0 ? false : _ref$noFadeDelay;
-  var _React$useState = _react2.default.useState(false),
+  var _React$useState = _react.default.useState(false),
     _React$useState2 = (0, _slicedToArray2.default)(_React$useState, 2),
     isOpen = _React$useState2[0],
     setIsOpen = _React$useState2[1];
-  var fadeOutTimeoutId = (0, _react2.useRef)();
-  var fadeInTimeoutId = (0, _react2.useRef)();
-  var resolveTimeOutId = (0, _react2.useRef)();
-  var mousePos = (0, _react2.useRef)();
-  var popupOffset = (0, _react2.useRef)();
-  var parentSpan = (0, _react2.useRef)(null);
+  var fadeOutTimeoutId = (0, _react.useRef)();
+  var fadeInTimeoutId = (0, _react.useRef)();
+  var resolveTimeOutId = (0, _react.useRef)();
+  var mousePos = (0, _react.useRef)();
+  var popupOffset = (0, _react.useRef)();
+  var parentSpan = (0, _react.useRef)(null);
   var renderers = (0, _renderers.useSmartLinkRenderers)();
   var linkState = (0, _store.useSmartCardState)(url);
   var analytics = (0, _analytics.useSmartLinkAnalytics)(url, undefined, id);
   var _useSmartCardActions = (0, _actions.useSmartCardActions)(id, url, analytics),
     loadMetadata = _useSmartCardActions.loadMetadata;
   var enableHoverCardResolutionTracking = (0, _linkProvider.useFeatureFlag)('enableHoverCardResolutionTracking');
-  var setMousePosition = (0, _react2.useCallback)(function (event) {
+  var setMousePosition = (0, _react.useCallback)(function (event) {
     if (isOpen && canOpen) {
       return;
     }
@@ -83,10 +80,10 @@ var HoverCardComponent = exports.HoverCardComponent = function HoverCardComponen
       popupOffset.current = [mousePos.current.x - left + _styled.CARD_GAP_PX, mousePos.current.y - bottom + _styled.CARD_GAP_PX];
     }
   }, [canOpen, isOpen]);
-  var hideCard = (0, _react2.useCallback)(function () {
+  var hideCard = (0, _react.useCallback)(function () {
     setIsOpen(false);
   }, []);
-  var initHideCard = (0, _react2.useCallback)(function () {
+  var initHideCard = (0, _react.useCallback)(function () {
     if (fadeInTimeoutId.current) {
       clearTimeout(fadeInTimeoutId.current);
       // because fadeInTimeoutId.current is set by mouseOver which triggers multiple times in a hover,
@@ -110,7 +107,7 @@ var HoverCardComponent = exports.HoverCardComponent = function HoverCardComponen
 
   // clearing out the timeouts in order to avoid memory leaks
   // in case the component unmounts before they execute
-  (0, _react2.useEffect)(function () {
+  (0, _react.useEffect)(function () {
     return function () {
       if (fadeOutTimeoutId.current) {
         clearTimeout(fadeOutTimeoutId.current);
@@ -132,7 +129,7 @@ var HoverCardComponent = exports.HoverCardComponent = function HoverCardComponen
 
   // we want to initiate resolve a bit earlier for standalone cards
   // to minimize the loading state
-  var initResolve = (0, _react2.useCallback)(function () {
+  var initResolve = (0, _react.useCallback)(function () {
     // this check covers both non-SSR (status) & SSR case (metadataStatus)
     var isLinkUnresolved = linkState.status === 'pending' || !linkState.metadataStatus;
     if (!resolveTimeOutId.current && isLinkUnresolved) {
@@ -144,7 +141,7 @@ var HoverCardComponent = exports.HoverCardComponent = function HoverCardComponen
       }, RESOLVE_DELAY);
     }
   }, [analytics.track, enableHoverCardResolutionTracking, linkState.metadataStatus, linkState.status, loadMetadata]);
-  var initShowCard = (0, _react2.useCallback)(function (event) {
+  var initShowCard = (0, _react.useCallback)(function (event) {
     // clearing out fadeOutTimeoutId in case it's already counting down to hide the card
     if (fadeOutTimeoutId.current) {
       clearTimeout(fadeOutTimeoutId.current);
@@ -172,19 +169,19 @@ var HoverCardComponent = exports.HoverCardComponent = function HoverCardComponen
     analyticsHandler: analyticsHandler,
     origin: HOVER_CARD_SOURCE
   });
-  var filteredActions = (0, _react2.useMemo)(function () {
+  var filteredActions = (0, _react.useMemo)(function () {
     return hidePreviewButton ? linkActions.filter(function (action) {
       return action.id !== 'preview-content';
     }) : linkActions;
   }, [hidePreviewButton, linkActions]);
-  var onActionClick = (0, _react2.useCallback)(function (actionId) {
+  var onActionClick = (0, _react.useCallback)(function (actionId) {
     if (actionId === 'preview-content') {
       hideCard();
     }
   }, [hideCard]);
 
   // Stop hover preview content to propagate event to parent.
-  var handleChildClick = (0, _react2.useCallback)(function (e, closeOnClick) {
+  var handleChildClick = (0, _react.useCallback)(function (e, closeOnClick) {
     if (!allowEventPropagation) {
       e.stopPropagation();
     }
@@ -192,13 +189,13 @@ var HoverCardComponent = exports.HoverCardComponent = function HoverCardComponen
       hideCard();
     }
   }, [allowEventPropagation, hideCard]);
-  var onContextMenuClick = (0, _react2.useCallback)(function (e) {
+  var onContextMenuClick = (0, _react.useCallback)(function (e) {
     return handleChildClick(e, true);
   }, [handleChildClick]);
-  var onChildClick = (0, _react2.useCallback)(function (e) {
+  var onChildClick = (0, _react.useCallback)(function (e) {
     return handleChildClick(e, closeOnChildClick);
   }, [closeOnChildClick, handleChildClick]);
-  var content = (0, _react2.useCallback)(function (_ref2) {
+  var content = (0, _react.useCallback)(function (_ref2) {
     var update = _ref2.update;
     var hoverCardContentProps = {
       onMouseEnter: initShowCard,
@@ -212,17 +209,17 @@ var HoverCardComponent = exports.HoverCardComponent = function HoverCardComponen
       url: url,
       id: id
     };
-    return (0, _react.jsx)(_SmartLinkAnalyticsContext.SmartLinkAnalyticsContext, {
+    return /*#__PURE__*/_react.default.createElement(_SmartLinkAnalyticsContext.SmartLinkAnalyticsContext, {
       url: url,
       display: _constants.CardDisplay.HoverCardPreview,
       id: id,
       source: HOVER_CARD_SOURCE
-    }, (0, _react.jsx)(_HoverCardContent.default, hoverCardContentProps));
+    }, /*#__PURE__*/_react.default.createElement(_HoverCardContent.default, hoverCardContentProps));
   }, [initShowCard, initHideCard, filteredActions, linkState, onActionClick, renderers, showServerActions, url, id]);
-  var trigger = (0, _react2.useCallback)(function (triggerProps) {
-    return (0, _react.jsx)("span", {
+  var trigger = (0, _react.useCallback)(function (triggerProps) {
+    return /*#__PURE__*/_react.default.createElement("span", {
       ref: parentSpan
-    }, (0, _react.jsx)("span", (0, _extends2.default)({}, triggerProps, {
+    }, /*#__PURE__*/_react.default.createElement("span", (0, _extends2.default)({}, triggerProps, {
       onMouseOver: initShowCard,
       onMouseLeave: initHideCard,
       onMouseMove: setMousePosition,
@@ -231,7 +228,7 @@ var HoverCardComponent = exports.HoverCardComponent = function HoverCardComponen
       "data-testid": "hover-card-trigger-wrapper"
     }), children));
   }, [children, initHideCard, initShowCard, onChildClick, onContextMenuClick, setMousePosition]);
-  return (0, _react.jsx)(_popup.default, {
+  return /*#__PURE__*/_react.default.createElement(_popup.default, {
     testId: "hover-card",
     isOpen: isOpen && canOpen,
     onClose: hideCard,