@atlaskit/editor-common 76.25.1 → 76.25.3

package/dist/cjs/element-browser/components/StatelessElementBrowser.js

@@ -22,6 +22,7 @@ var _CategoryList = _interopRequireDefault(require("./CategoryList"));
 var _ElementList = _interopRequireDefault(require("./ElementList/ElementList"));
 var _ElementSearch = _interopRequireDefault(require("./ElementSearch"));
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15;
+/** @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 wrapper = (0, _react2.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  width: 100%;\n  max-height: inherit;\n  overflow: hidden;\n"])));
@@ -107,10 +108,10 @@ function StatelessElementBrowser(props) {
       onSelectItem(selectedItem);
     }
   }, [onSelectItem, selectedItem]);
-  return /*#__PURE__*/_react.default.createElement("div", {
+  return (0, _react2.jsx)("div", {
     css: wrapper,
     "data-testid": "element-browser"
-  }, /*#__PURE__*/_react.default.createElement(ContainerWidthMonitor, null), containerWidth < _constants.DEVICE_BREAKPOINT_NUMBERS.medium ? /*#__PURE__*/_react.default.createElement(MobileBrowser, (0, _extends2.default)({}, props, {
+  }, (0, _react2.jsx)(ContainerWidthMonitor, null), containerWidth < _constants.DEVICE_BREAKPOINT_NUMBERS.medium ? (0, _react2.jsx)(MobileBrowser, (0, _extends2.default)({}, props, {
     selectedItemIndex: selectedItemIndex,
     focusedItemIndex: focusedItemIndex,
     setFocusedItemIndex: setFocusedItemIndex,
@@ -121,7 +122,7 @@ function StatelessElementBrowser(props) {
     onKeyDown: onKeyDown,
     viewMoreItem: viewMoreItem,
     focusOnViewMore: focusOnViewMore
-  })) : /*#__PURE__*/_react.default.createElement(DesktopBrowser, (0, _extends2.default)({}, props, {
+  })) : (0, _react2.jsx)(DesktopBrowser, (0, _extends2.default)({}, props, {
     selectedItemIndex: selectedItemIndex,
     focusedItemIndex: focusedItemIndex,
     setFocusedItemIndex: setFocusedItemIndex,
@@ -155,29 +156,29 @@ function MobileBrowser(_ref) {
     createAnalyticsEvent = _ref.createAnalyticsEvent,
     emptyStateHandler = _ref.emptyStateHandler,
     viewMoreItem = _ref.viewMoreItem;
-  return /*#__PURE__*/_react.default.createElement("div", {
+  return (0, _react2.jsx)("div", {
     css: mobileElementBrowserContainer,
     onKeyDown: onKeyDown,
     "data-testid": "mobile__element-browser"
-  }, /*#__PURE__*/_react.default.createElement("div", {
+  }, (0, _react2.jsx)("div", {
     css: showCategories ? [mobileSideBar, mobileSideBarShowCategories] : mobileSideBar
-  }, showSearch && /*#__PURE__*/_react.default.createElement(_ElementSearch.default, {
+  }, showSearch && (0, _react2.jsx)(_ElementSearch.default, {
     onSearch: onSearch,
     onKeyDown: onKeyPress,
     mode: mode,
     focus: focusOnSearch,
     onClick: setFocusOnSearch,
     searchTerm: searchTerm
-  }), showCategories && /*#__PURE__*/_react.default.createElement("nav", {
+  }), showCategories && (0, _react2.jsx)("nav", {
     css: mobileCategoryListWrapper,
     tabIndex: -1
-  }, /*#__PURE__*/_react.default.createElement(_CategoryList.default, {
+  }, (0, _react2.jsx)(_CategoryList.default, {
     categories: categories,
     onSelectCategory: onSelectCategory,
     selectedCategory: selectedCategory
-  }))), /*#__PURE__*/_react.default.createElement("div", {
+  }))), (0, _react2.jsx)("div", {
     css: mobileMainContent
-  }, /*#__PURE__*/_react.default.createElement(_ElementList.default, {
+  }, (0, _react2.jsx)(_ElementList.default, {
     items: items,
     mode: mode,
     onInsertItem: onInsertItem,
@@ -189,7 +190,7 @@ function MobileBrowser(_ref) {
     emptyStateHandler: emptyStateHandler,
     selectedCategory: selectedCategory,
     searchTerm: searchTerm
-  })), viewMoreItem && /*#__PURE__*/_react.default.createElement(_ViewMore.ViewMore, {
+  })), viewMoreItem && (0, _react2.jsx)(_ViewMore.ViewMore, {
     item: viewMoreItem,
     focus: focusOnViewMore
   }));
@@ -215,39 +216,39 @@ function DesktopBrowser(_ref2) {
     searchTerm = _ref2.searchTerm,
     createAnalyticsEvent = _ref2.createAnalyticsEvent,
     emptyStateHandler = _ref2.emptyStateHandler;
-  return /*#__PURE__*/_react.default.createElement("div", {
+  return (0, _react2.jsx)("div", {
     css: elementBrowserContainer,
     "data-testid": "desktop__element-browser"
-  }, showCategories && /*#__PURE__*/_react.default.createElement("div", {
+  }, showCategories && (0, _react2.jsx)("div", {
     css: showCategories ? sideBarShowCategories : sideBar
-  }, /*#__PURE__*/_react.default.createElement("h2", {
+  }, (0, _react2.jsx)("h2", {
     css: sidebarHeading,
     "data-testid": "sidebar-heading"
-  }, /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, {
+  }, (0, _react2.jsx)(_reactIntlNext.FormattedMessage, {
     id: "fabric.editor.elementbrowser.sidebar.heading",
     defaultMessage: "Browse",
     description: "Sidebar heading"
-  })), /*#__PURE__*/_react.default.createElement("nav", {
+  })), (0, _react2.jsx)("nav", {
     css: categoryListWrapper
-  }, /*#__PURE__*/_react.default.createElement(_CategoryList.default, {
+  }, (0, _react2.jsx)(_CategoryList.default, {
     categories: categories,
     onSelectCategory: onSelectCategory,
     selectedCategory: selectedCategory,
     createAnalyticsEvent: createAnalyticsEvent
-  }))), /*#__PURE__*/_react.default.createElement("div", {
+  }))), (0, _react2.jsx)("div", {
     css: mainContent,
     onKeyDown: onKeyDown,
     "data-testid": "main-content"
-  }, showSearch && /*#__PURE__*/_react.default.createElement("div", {
+  }, showSearch && (0, _react2.jsx)("div", {
     css: searchContainer
-  }, /*#__PURE__*/_react.default.createElement(_ElementSearch.default, {
+  }, (0, _react2.jsx)(_ElementSearch.default, {
     onSearch: onSearch,
     onKeyDown: onKeyPress,
     mode: mode,
     focus: focusOnSearch,
     onClick: setFocusOnSearch,
     searchTerm: searchTerm
-  })), /*#__PURE__*/_react.default.createElement(_ElementList.default, {
+  })), (0, _react2.jsx)(_ElementList.default, {
     items: items,
     mode: mode,
     onInsertItem: onInsertItem,

package/dist/cjs/element-browser/hooks/use-container-width.js

@@ -12,6 +12,7 @@ var _react = _interopRequireWildcard(require("react"));
 var _react2 = require("@emotion/react");
 var _widthDetector = require("@atlaskit/width-detector");
 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; }
 /**
@@ -54,11 +55,11 @@ function useContainerWidth() {
     }
   }, [ref]);
   var ContainerWidthMonitor = /*#__PURE__*/(0, _react.memo)(function () {
-    return /*#__PURE__*/_react.default.createElement("div", {
+    return (0, _react2.jsx)("div", {
       css: widthObserverWrapper,
       ref: ref,
       tabIndex: -1
-    }, /*#__PURE__*/_react.default.createElement(_widthDetector.WidthObserver, {
+    }, (0, _react2.jsx)(_widthDetector.WidthObserver, {
       setWidth: setContainerWidth
     }));
   });

package/dist/cjs/keymaps/index.js

@@ -112,6 +112,7 @@ var _utils = require("../utils");
 var _consts = require("./consts");
 var _keymap = require("./keymap");
 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 || _typeof3(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 addAltText = exports.addAltText = makeKeyMapWithCommon('Add Alt Text', 'Mod-Alt-y');
@@ -219,7 +220,7 @@ var ToolTipContent = exports.ToolTipContent = /*#__PURE__*/_react.default.memo(f
     shortcutOverride = _ref.shortcutOverride,
     keymap = _ref.keymap;
   var shortcut = shortcutOverride || keymap && formatShortcut(keymap);
-  return shortcut || description ? /*#__PURE__*/_react.default.createElement(_react.Fragment, null, description, shortcut && description && "\xA0", shortcut && /*#__PURE__*/_react.default.createElement("span", {
+  return shortcut || description ? (0, _react2.jsx)(_react.Fragment, null, description, shortcut && description && "\xA0", shortcut && (0, _react2.jsx)("span", {
     css: tooltipShortcutStyle
   }, shortcut)) : null;
 });

package/dist/cjs/link/LinkPicker/HyperlinkAddToolbar/HyperlinkAddToolbar.js

@@ -38,6 +38,7 @@ var _ToolbarComponents = require("../../LinkSearch/ToolbarComponents");
 var _transformTimeStamp = require("../../LinkSearch/transformTimeStamp");
 var _utils2 = require("./utils");
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7;
+/** @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 _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
@@ -91,7 +92,7 @@ var messages = exports.messages = (0, _reactIntlNext.defineMessages)({
     description: 'Visible label for text input in hyperlink floating control'
   }
 });
-var defaultIcon = /*#__PURE__*/_react.default.createElement(_.default, {
+var defaultIcon = (0, _react2.jsx)(_.default, {
   label: 'page'
 });
 var mapActivityProviderResultToLinkSearchItemData = function mapActivityProviderResultToLinkSearchItemData(_ref) {
@@ -822,27 +823,27 @@ var HyperlinkLinkAddToolbar = exports.HyperlinkLinkAddToolbar = /*#__PURE__*/fun
       // as the Aria design pattern for combobox does not work in this case
       // for details: https://a11y-internal.atlassian.net/browse/AK-740
       var screenReaderText = _utils.browser.safari && this.getScreenReaderText();
-      return /*#__PURE__*/_react.default.createElement("div", {
+      return (0, _react2.jsx)("div", {
         "aria-label": "Hyperlink Edit",
         className: "recent-list"
-      }, /*#__PURE__*/_react.default.createElement("div", {
+      }, (0, _react2.jsx)("div", {
         css: [_ToolbarComponents.container, !!activityProvider && _ToolbarComponents.containerWithProvider, containerPadding],
         ref: this.wrapperRef
-      }, /*#__PURE__*/_react.default.createElement("label", {
+      }, (0, _react2.jsx)("label", {
         htmlFor: linkSearchInputId,
         css: inputLabel
-      }, formatMessage(messages.linkVisibleLabel)), /*#__PURE__*/_react.default.createElement("div", {
+      }, formatMessage(messages.linkVisibleLabel)), (0, _react2.jsx)("div", {
         css: [_ToolbarComponents.inputWrapper, inputWrapperPosition]
-      }, screenReaderText && /*#__PURE__*/_react.default.createElement(_ui.Announcer, {
+      }, screenReaderText && (0, _react2.jsx)(_ui.Announcer, {
         ariaLive: "assertive",
         text: screenReaderText,
         ariaRelevant: "additions",
         delay: 250
-      }), /*#__PURE__*/_react.default.createElement("div", {
+      }), (0, _react2.jsx)("div", {
         css: visuallyHiddenStyles,
         "aria-hidden": "true",
         id: screenReaderDescriptionId
-      }, formatMessage(messages.searchLinkAriaDescription)), /*#__PURE__*/_react.default.createElement(_ui.PanelTextInput, {
+      }, formatMessage(messages.searchLinkAriaDescription)), (0, _react2.jsx)(_ui.PanelTextInput, {
         role: "combobox",
         ariaExpanded: true,
         ariaActiveDescendant: ariaActiveDescendant,
@@ -862,23 +863,23 @@ var HyperlinkLinkAddToolbar = exports.HyperlinkLinkAddToolbar = /*#__PURE__*/fun
         defaultValue: displayUrl,
         onKeyDown: this.handleKeyDown,
         inputId: linkSearchInputId
-      }), displayUrl && /*#__PURE__*/_react.default.createElement("div", {
+      }), displayUrl && (0, _react2.jsx)("div", {
         css: clearTextWrapper
-      }, /*#__PURE__*/_react.default.createElement(_tooltip.default, {
+      }, (0, _react2.jsx)(_tooltip.default, {
         content: formatClearLinkText
-      }, /*#__PURE__*/_react.default.createElement("button", {
+      }, (0, _react2.jsx)("button", {
         type: "button",
         css: clearText,
         onClick: this.handleClearText,
         tabIndex: 0
-      }, /*#__PURE__*/_react.default.createElement(_crossCircle.default, {
+      }, (0, _react2.jsx)(_crossCircle.default, {
         label: formatClearLinkText
-      }))))), /*#__PURE__*/_react.default.createElement("label", {
+      }))))), (0, _react2.jsx)("label", {
         htmlFor: displayTextInputId,
         css: [inputLabel, textLabelMargin]
-      }, formatMessage(messages.textVisibleLabel)), /*#__PURE__*/_react.default.createElement("div", {
+      }, formatMessage(messages.textVisibleLabel)), (0, _react2.jsx)("div", {
         css: [_ToolbarComponents.inputWrapper, inputWrapperPosition]
-      }, /*#__PURE__*/_react.default.createElement(_ui.PanelTextInput, {
+      }, (0, _react2.jsx)(_ui.PanelTextInput, {
         ref: function ref(ele) {
           return _this3.displayTextInputContainer = ele;
         },
@@ -889,25 +890,25 @@ var HyperlinkLinkAddToolbar = exports.HyperlinkLinkAddToolbar = /*#__PURE__*/fun
         onSubmit: this.handleSubmit,
         onKeyDown: this.handleKeyDown,
         inputId: displayTextInputId
-      }), displayText && /*#__PURE__*/_react.default.createElement("div", {
+      }), displayText && (0, _react2.jsx)("div", {
         css: clearTextWrapper
-      }, /*#__PURE__*/_react.default.createElement(_tooltip.default, {
+      }, (0, _react2.jsx)(_tooltip.default, {
         content: formatMessage(messages.clearText)
-      }, /*#__PURE__*/_react.default.createElement("button", {
+      }, (0, _react2.jsx)("button", {
         type: "button",
         css: clearText,
         onClick: this.handleClearDisplayText,
         onKeyDown: this.handleClearTextKeyDown
-      }, /*#__PURE__*/_react.default.createElement(_crossCircle.default, {
+      }, (0, _react2.jsx)(_crossCircle.default, {
         label: formatMessage(messages.clearText)
-      }))))), /*#__PURE__*/_react.default.createElement("div", {
+      }))))), (0, _react2.jsx)("div", {
         css: visuallyHiddenStyles,
         "aria-live": "polite",
         "aria-atomic": "true",
         id: "fabric.editor.hyperlink.suggested.results"
       }, displayUrl && formatMessage(messages.searchLinkResults, {
         count: items.length
-      })), /*#__PURE__*/_react.default.createElement(_LinkSearchList.default, {
+      })), (0, _react2.jsx)(_LinkSearchList.default, {
         ariaControls: "fabric.editor.hyperlink.suggested.results",
         id: linkSearchListId,
         role: "listbox",

package/dist/cjs/link/LinkSearch/LinkSearchList.js

@@ -17,6 +17,7 @@ var _spinner = _interopRequireDefault(require("@atlaskit/spinner"));
 var _colors = require("@atlaskit/theme/colors");
 var _LinkSearchListItem = _interopRequireDefault(require("./LinkSearchListItem"));
 var _templateObject, _templateObject2, _templateObject3;
+/** @jsx jsx */
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
 var listContainer = (0, _react2.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  padding-top: 0;\n  margin-top: ", ";\n  border-top: 1px solid ", ";\n"])), "var(--ds-space-150, 12px)", "var(--ds-border, ".concat(_colors.N30, ")"));
@@ -46,13 +47,13 @@ var LinkSearchList = exports.default = /*#__PURE__*/function (_PureComponent) {
       var itemsContent;
       var loadingContent;
       if (items && items.length > 0) {
-        itemsContent = /*#__PURE__*/React.createElement("ul", {
+        itemsContent = (0, _react2.jsx)("ul", {
           css: linkSearchList,
           id: id,
           role: role,
           "aria-controls": ariaControls
         }, items.map(function (item, index) {
-          return /*#__PURE__*/React.createElement(_LinkSearchListItem.default, {
+          return (0, _react2.jsx)(_LinkSearchListItem.default, {
             id: "link-search-list-item-".concat(index),
             role: role && 'option',
             item: item,
@@ -66,14 +67,14 @@ var LinkSearchList = exports.default = /*#__PURE__*/function (_PureComponent) {
         }));
       }
       if (isLoading) {
-        loadingContent = /*#__PURE__*/React.createElement("div", {
+        loadingContent = (0, _react2.jsx)("div", {
           "data-testid": "".concat(id, "-loading"),
           css: spinnerContainer
-        }, /*#__PURE__*/React.createElement(_spinner.default, {
+        }, (0, _react2.jsx)(_spinner.default, {
           size: "medium"
         }));
       }
-      return /*#__PURE__*/React.createElement("div", {
+      return (0, _react2.jsx)("div", {
         css: listContainer
       }, itemsContent, loadingContent);
     }

package/dist/cjs/link/LinkSearch/LinkSearchListItem.js

@@ -22,7 +22,9 @@ var _colors = require("@atlaskit/theme/colors");
 var _constants = require("@atlaskit/theme/constants");
 var _listItemAlts = require("./listItemAlts");
 var _transformTimeStamp = require("./transformTimeStamp");
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6; // AFP-2532 TODO: Fix automatic suppressions below
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6;
+/** @jsx jsx */
+// AFP-2532 TODO: Fix automatic suppressions below
 // eslint-disable-next-line @atlassian/tangerine/import/entry-points
 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; }
@@ -80,14 +82,14 @@ var LinkSearchListItem = /*#__PURE__*/function (_React$PureComponent) {
         iconUrl = _this$props5$item.iconUrl,
         intl = _this$props5.intl;
       if (icon) {
-        return /*#__PURE__*/_react.default.createElement("span", {
+        return (0, _react2.jsx)("span", {
           css: iconStyle
         }, icon);
       }
       if (iconUrl) {
-        return /*#__PURE__*/_react.default.createElement("span", {
+        return (0, _react2.jsx)("span", {
           css: iconStyle
-        }, /*#__PURE__*/_react.default.createElement("img", {
+        }, (0, _react2.jsx)("img", {
           src: iconUrl,
           alt: (0, _listItemAlts.getCorrectAltByIconUrl)(iconUrl, intl)
         }));
@@ -101,7 +103,7 @@ var LinkSearchListItem = /*#__PURE__*/function (_React$PureComponent) {
         item = _this$props6.item,
         intl = _this$props6.intl;
       var date = (0, _transformTimeStamp.transformTimeStamp)(intl, item.lastViewedDate, item.lastUpdatedDate);
-      return date && /*#__PURE__*/_react.default.createElement(_react.Fragment, null, "\xA0 \u2022", /*#__PURE__*/_react.default.createElement("span", {
+      return date && (0, _react2.jsx)(_react.Fragment, null, "\xA0 \u2022", (0, _react2.jsx)("span", {
         className: "link-search-timestamp",
         "data-test-id": "link-search-timestamp"
       }, "\xA0 ", date.pageAction, " ", date.dateString, " ", date.timeSince || ''));
@@ -114,7 +116,7 @@ var LinkSearchListItem = /*#__PURE__*/function (_React$PureComponent) {
         selected = _this$props7.selected,
         id = _this$props7.id,
         role = _this$props7.role;
-      return /*#__PURE__*/_react.default.createElement("li", {
+      return (0, _react2.jsx)("li", {
         css: [container, selected && containerSelected],
         role: role,
         id: id,
@@ -124,11 +126,11 @@ var LinkSearchListItem = /*#__PURE__*/function (_React$PureComponent) {
         onMouseEnter: this.handleMouseEnter,
         onMouseLeave: this.handleMouseLeave,
         onClick: this.handleSelect
-      }, this.renderIcon(), /*#__PURE__*/_react.default.createElement("span", {
+      }, this.renderIcon(), (0, _react2.jsx)("span", {
         css: nameWrapper
-      }, /*#__PURE__*/_react.default.createElement("div", {
+      }, (0, _react2.jsx)("div", {
         css: nameStyle
-      }, item.name), /*#__PURE__*/_react.default.createElement("div", {
+      }, item.name), (0, _react2.jsx)("div", {
         "data-testid": "link-search-list-item-container",
         css: containerName
       }, item.container, this.renderTimeStamp())));

package/dist/cjs/media-inline/constants.js

@@ -0,0 +1,8 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.DEFAULT_IMAGE_WIDTH = exports.DEFAULT_IMAGE_HEIGHT = void 0;
+var DEFAULT_IMAGE_WIDTH = exports.DEFAULT_IMAGE_WIDTH = 250;
+var DEFAULT_IMAGE_HEIGHT = exports.DEFAULT_IMAGE_HEIGHT = 200;

package/dist/cjs/media-inline/index.js

@@ -3,6 +3,18 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+Object.defineProperty(exports, "DEFAULT_IMAGE_HEIGHT", {
+  enumerable: true,
+  get: function get() {
+    return _constants.DEFAULT_IMAGE_HEIGHT;
+  }
+});
+Object.defineProperty(exports, "DEFAULT_IMAGE_WIDTH", {
+  enumerable: true,
+  get: function get() {
+    return _constants.DEFAULT_IMAGE_WIDTH;
+  }
+});
 Object.defineProperty(exports, "InlineImageWrapper", {
   enumerable: true,
   get: function get() {
@@ -23,4 +35,5 @@ Object.defineProperty(exports, "shouldShowInlineImage", {
 });
 var _mediaInlineImageCard = require("./media-inline-image-card");
 var _utils = require("./utils");
-var _inlineImageWrapper = require("./inline-image-wrapper");
+var _inlineImageWrapper = require("./inline-image-wrapper");
+var _constants = require("./constants");

package/dist/cjs/media-inline/inline-image-wrapper.js

@@ -6,6 +6,8 @@ Object.defineProperty(exports, "__esModule", {
 exports.InlineImageWrapper = void 0;
 var _react = require("@emotion/react");
 var _colors = require("@atlaskit/theme/colors");
+/** @jsx jsx */
+
 var wrapperStyle = (0, _react.css)({
   display: 'inline-block',
   verticalAlign: 'text-bottom',
@@ -20,7 +22,7 @@ var selectedStyle = (0, _react.css)({
 var InlineImageWrapper = exports.InlineImageWrapper = function InlineImageWrapper(_ref) {
   var children = _ref.children,
     isSelected = _ref.isSelected;
-  return /*#__PURE__*/React.createElement("span", {
+  return (0, _react.jsx)("span", {
     css: [wrapperStyle, isSelected && selectedStyle]
   }, children);
 };

package/dist/cjs/media-inline/media-inline-image-card.js

@@ -7,16 +7,22 @@ Object.defineProperty(exports, "__esModule", {
 exports.MediaInlineImageCardInternal = exports.MediaInlineImageCard = void 0;
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _react = require("react");
+var _react2 = require("@emotion/react");
 var _reactIntlNext = require("react-intl-next");
+var _mediaCard = require("@atlaskit/media-card");
 var _mediaInlineCard = require("../messages/media-inline-card");
 var _inlineImageWrapper = require("./inline-image-wrapper");
 var _errorView = require("./views/error-view");
 var _loadingView = require("./views/loading-view");
+/** @jsx jsx */
+
 var MediaInlineImageCardInternal = exports.MediaInlineImageCardInternal = function MediaInlineImageCardInternal(_ref) {
   var mediaClient = _ref.mediaClient,
     identifier = _ref.identifier,
     isSelected = _ref.isSelected,
-    intl = _ref.intl;
+    intl = _ref.intl,
+    alt = _ref.alt,
+    isLazy = _ref.isLazy;
   var _useState = (0, _react.useState)(),
     _useState2 = (0, _slicedToArray2.default)(_useState, 2),
     fileState = _useState2[0],
@@ -49,37 +55,40 @@ var MediaInlineImageCardInternal = exports.MediaInlineImageCardInternal = functi
     if (subscribeError) {
       var isUploading = (fileState === null || fileState === void 0 ? void 0 : fileState.status) === 'uploading';
       var errorMessage = isUploading ? _mediaInlineCard.messages.failedToUpload : _mediaInlineCard.messages.unableToLoadContent;
-      return /*#__PURE__*/React.createElement(_errorView.InlineImageCardErrorView, {
+      return (0, _react2.jsx)(_errorView.InlineImageCardErrorView, {
         message: formatMessage(errorMessage)
       });
     }
     if ((fileState === null || fileState === void 0 ? void 0 : fileState.status) === 'error') {
-      return /*#__PURE__*/React.createElement(_errorView.InlineImageCardErrorView, {
+      return (0, _react2.jsx)(_errorView.InlineImageCardErrorView, {
         message: formatMessage(_mediaInlineCard.messages.unableToLoadContent)
       });
     }
     if ((fileState === null || fileState === void 0 ? void 0 : fileState.status) === 'failed-processing') {
-      return /*#__PURE__*/React.createElement(_errorView.InlineImageCardErrorView, {
+      return (0, _react2.jsx)(_errorView.InlineImageCardErrorView, {
         message: formatMessage(_mediaInlineCard.messages.unableToLoadContent)
       });
     }
     // Empty file handling
     if (fileState && !fileState.name) {
-      return /*#__PURE__*/React.createElement(_errorView.InlineImageCardErrorView, {
+      return (0, _react2.jsx)(_errorView.InlineImageCardErrorView, {
         message: formatMessage(_mediaInlineCard.messages.unableToLoadContent)
       });
     }
     if (!fileState) {
-      return /*#__PURE__*/React.createElement(_loadingView.InlineImageCardLoadingView, null);
+      return (0, _react2.jsx)(_loadingView.InlineImageCardLoadingView, null);
     }
-
-    // TODO
-    // use Card from `@atlaskit/media-card` with an inline block wrapper
-    // with:
-    // selection state and `mediaOptions.allowLazyLoading`
-    throw new Error("not yet implemented: MediaInlineImageCard loading view");
+    return (0, _react2.jsx)(_mediaCard.Card, {
+      mediaClientConfig: mediaClient.mediaClientConfig,
+      isLazy: isLazy,
+      identifier: identifier,
+      selectable: true,
+      disableOverlay: true,
+      selected: isSelected,
+      alt: alt
+    });
   };
-  return /*#__PURE__*/React.createElement(_inlineImageWrapper.InlineImageWrapper, {
+  return (0, _react2.jsx)(_inlineImageWrapper.InlineImageWrapper, {
     isSelected: isSelected
   }, content());
 };

package/dist/cjs/media-inline/types.js

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

package/dist/cjs/media-inline/views/error-view.js

@@ -5,12 +5,15 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.InlineImageCardErrorView = void 0;
+var _react = require("@emotion/react");
 var _warning = _interopRequireDefault(require("@atlaskit/icon/glyph/warning"));
 var _colors = require("@atlaskit/theme/colors");
 var _tooltip = _interopRequireDefault(require("@atlaskit/tooltip"));
 var _constants = require("./constants");
 var _frame = require("./frame");
 var _iconWrapper = require("./icon-wrapper");
+/** @jsx jsx */
+
 var InlineImageCardErrorView = exports.InlineImageCardErrorView = function InlineImageCardErrorView(_ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'media-inline-image-card-error-view' : _ref$testId,
@@ -18,14 +21,14 @@ var InlineImageCardErrorView = exports.InlineImageCardErrorView = function Inlin
     icon = _ref.icon,
     _ref$height = _ref.height,
     height = _ref$height === void 0 ? _constants.ICON_SIZE_THRESOLD : _ref$height;
-  return /*#__PURE__*/React.createElement(_frame.Frame, {
+  return (0, _react.jsx)(_frame.Frame, {
     testId: testId
-  }, /*#__PURE__*/React.createElement(_tooltip.default, {
+  }, (0, _react.jsx)(_tooltip.default, {
     content: message,
     position: "top",
     tag: "span",
     hideTooltipOnClick: true
-  }, /*#__PURE__*/React.createElement(_iconWrapper.IconWrapper, null, icon || /*#__PURE__*/React.createElement(_warning.default, {
+  }, (0, _react.jsx)(_iconWrapper.IconWrapper, null, icon || (0, _react.jsx)(_warning.default, {
     label: "error",
     size: height > _constants.ICON_SIZE_THRESOLD ? 'medium' : 'small',
     primaryColor: "var(--ds-icon-danger, ".concat(_colors.R300, ")")

package/dist/cjs/media-inline/views/frame.js

@@ -4,11 +4,14 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.Frame = void 0;
+var _react = require("@emotion/react");
 var _wrapper = require("./wrapper");
+/** @jsx jsx */
+
 var Frame = exports.Frame = function Frame(_ref) {
   var children = _ref.children,
     testId = _ref.testId;
-  return /*#__PURE__*/React.createElement("span", {
+  return (0, _react.jsx)("span", {
     css: _wrapper.wrapperStyle,
     "data-testid": testId
   }, children);

package/dist/cjs/media-inline/views/icon-wrapper.js

@@ -5,6 +5,8 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.IconWrapper = void 0;
 var _react = require("@emotion/react");
+/** @jsx jsx */
+
 var wrapperStyle = (0, _react.css)({
   display: 'flex',
   'span > svg': {
@@ -13,7 +15,7 @@ var wrapperStyle = (0, _react.css)({
 });
 var IconWrapper = exports.IconWrapper = function IconWrapper(_ref) {
   var children = _ref.children;
-  return /*#__PURE__*/React.createElement("span", {
+  return (0, _react.jsx)("span", {
     css: wrapperStyle,
     "data-testid": "media-inline-image-card-icon"
   }, children);

package/dist/cjs/media-inline/views/loading-view.js

@@ -5,17 +5,20 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.InlineImageCardLoadingView = void 0;
+var _react = require("@emotion/react");
 var _spinner = _interopRequireDefault(require("@atlaskit/spinner"));
 var _constants = require("./constants");
 var _frame = require("./frame");
+/** @jsx jsx */
+
 var InlineImageCardLoadingView = exports.InlineImageCardLoadingView = function InlineImageCardLoadingView(_ref) {
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'media-inline-image-card-loading-view' : _ref$testId,
     _ref$height = _ref.height,
     height = _ref$height === void 0 ? _constants.ICON_SIZE_THRESOLD : _ref$height;
-  return /*#__PURE__*/React.createElement(_frame.Frame, {
+  return (0, _react.jsx)(_frame.Frame, {
     testId: testId
-  }, /*#__PURE__*/React.createElement(_spinner.default, {
+  }, (0, _react.jsx)(_spinner.default, {
     size: height > _constants.ICON_SIZE_THRESOLD ? 'medium' : 'small'
   }));
 };