@atlaskit/editor-common 76.24.3 → 76.24.5

package/dist/esm/element-browser/components/ElementSearch.js

@@ -1,8 +1,7 @@
 import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
-/** @jsx jsx */
 import React, { memo } from 'react';
-import { css, jsx } from '@emotion/react';
+import { css } from '@emotion/react';
 import { injectIntl } from 'react-intl-next';
 import { withAnalyticsContext } from '@atlaskit/analytics-next';
 import { relativeFontSizeToBase16 } from '@atlaskit/editor-shared-styles';
@@ -28,27 +27,27 @@ function ElementSearch(_ref) {
   };
   var onFocus = function onFocus(e) {};
   var onBlur = function onBlur(e) {};
-  return jsx("div", {
+  return /*#__PURE__*/React.createElement("div", {
     css: [wrapper, mode === Modes.inline && wrapperInline]
-  }, jsx(Textfield, {
+  }, /*#__PURE__*/React.createElement(Textfield, {
     ref: ref,
     onChange: onChange,
     onClick: onClick,
     onFocus: onFocus,
     onKeyDown: onKeyDown,
     onBlur: onBlur,
-    elemBeforeInput: jsx("div", {
+    elemBeforeInput: /*#__PURE__*/React.createElement("div", {
       css: elementBeforeInput,
       "data-testid": "element_search__element_before_input"
-    }, jsx(SearchIcon, {
+    }, /*#__PURE__*/React.createElement(SearchIcon, {
       size: "medium",
       label: "Advanced search",
       primaryColor: "inherit"
     })),
-    elemAfterInput: jsx("div", {
+    elemAfterInput: /*#__PURE__*/React.createElement("div", {
       css: elementAfterInput,
       "data-testid": "element_search__element_after_input"
-    }, jsx("div", {
+    }, /*#__PURE__*/React.createElement("div", {
       css: styledShortcut
     }, "\u23CE ", formatMessage(elementAfterInputMessage))),
     placeholder: formatMessage(placeHolderMessage),

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

@@ -2,9 +2,8 @@ import _extends from "@babel/runtime/helpers/extends";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15;
-/** @jsx jsx */
 import React, { memo, useCallback, useEffect, useState } from 'react';
-import { css, jsx } from '@emotion/react';
+import { css } from '@emotion/react';
 import { FormattedMessage } from 'react-intl-next';
 import { withAnalyticsContext, withAnalyticsEvents } from '@atlaskit/analytics-next';
 import { ACTION, ACTION_SUBJECT, EVENT_TYPE, fireAnalyticsEvent } from '../../analytics';
@@ -98,10 +97,10 @@ function StatelessElementBrowser(props) {
       onSelectItem(selectedItem);
     }
   }, [onSelectItem, selectedItem]);
-  return jsx("div", {
+  return /*#__PURE__*/React.createElement("div", {
     css: wrapper,
     "data-testid": "element-browser"
-  }, jsx(ContainerWidthMonitor, null), containerWidth < DEVICE_BREAKPOINT_NUMBERS.medium ? jsx(MobileBrowser, _extends({}, props, {
+  }, /*#__PURE__*/React.createElement(ContainerWidthMonitor, null), containerWidth < DEVICE_BREAKPOINT_NUMBERS.medium ? /*#__PURE__*/React.createElement(MobileBrowser, _extends({}, props, {
     selectedItemIndex: selectedItemIndex,
     focusedItemIndex: focusedItemIndex,
     setFocusedItemIndex: setFocusedItemIndex,
@@ -112,7 +111,7 @@ function StatelessElementBrowser(props) {
     onKeyDown: onKeyDown,
     viewMoreItem: viewMoreItem,
     focusOnViewMore: focusOnViewMore
-  })) : jsx(DesktopBrowser, _extends({}, props, {
+  })) : /*#__PURE__*/React.createElement(DesktopBrowser, _extends({}, props, {
     selectedItemIndex: selectedItemIndex,
     focusedItemIndex: focusedItemIndex,
     setFocusedItemIndex: setFocusedItemIndex,
@@ -146,29 +145,29 @@ function MobileBrowser(_ref) {
     createAnalyticsEvent = _ref.createAnalyticsEvent,
     emptyStateHandler = _ref.emptyStateHandler,
     viewMoreItem = _ref.viewMoreItem;
-  return jsx("div", {
+  return /*#__PURE__*/React.createElement("div", {
     css: mobileElementBrowserContainer,
     onKeyDown: onKeyDown,
     "data-testid": "mobile__element-browser"
-  }, jsx("div", {
+  }, /*#__PURE__*/React.createElement("div", {
     css: showCategories ? [mobileSideBar, mobileSideBarShowCategories] : mobileSideBar
-  }, showSearch && jsx(ElementSearch, {
+  }, showSearch && /*#__PURE__*/React.createElement(ElementSearch, {
     onSearch: onSearch,
     onKeyDown: onKeyPress,
     mode: mode,
     focus: focusOnSearch,
     onClick: setFocusOnSearch,
     searchTerm: searchTerm
-  }), showCategories && jsx("nav", {
+  }), showCategories && /*#__PURE__*/React.createElement("nav", {
     css: mobileCategoryListWrapper,
     tabIndex: -1
-  }, jsx(CategoryList, {
+  }, /*#__PURE__*/React.createElement(CategoryList, {
     categories: categories,
     onSelectCategory: onSelectCategory,
     selectedCategory: selectedCategory
-  }))), jsx("div", {
+  }))), /*#__PURE__*/React.createElement("div", {
     css: mobileMainContent
-  }, jsx(ElementList, {
+  }, /*#__PURE__*/React.createElement(ElementList, {
     items: items,
     mode: mode,
     onInsertItem: onInsertItem,
@@ -180,7 +179,7 @@ function MobileBrowser(_ref) {
     emptyStateHandler: emptyStateHandler,
     selectedCategory: selectedCategory,
     searchTerm: searchTerm
-  })), viewMoreItem && jsx(ViewMore, {
+  })), viewMoreItem && /*#__PURE__*/React.createElement(ViewMore, {
     item: viewMoreItem,
     focus: focusOnViewMore
   }));
@@ -206,39 +205,39 @@ function DesktopBrowser(_ref2) {
     searchTerm = _ref2.searchTerm,
     createAnalyticsEvent = _ref2.createAnalyticsEvent,
     emptyStateHandler = _ref2.emptyStateHandler;
-  return jsx("div", {
+  return /*#__PURE__*/React.createElement("div", {
     css: elementBrowserContainer,
     "data-testid": "desktop__element-browser"
-  }, showCategories && jsx("div", {
+  }, showCategories && /*#__PURE__*/React.createElement("div", {
     css: showCategories ? sideBarShowCategories : sideBar
-  }, jsx("h2", {
+  }, /*#__PURE__*/React.createElement("h2", {
     css: sidebarHeading,
     "data-testid": "sidebar-heading"
-  }, jsx(FormattedMessage, {
+  }, /*#__PURE__*/React.createElement(FormattedMessage, {
     id: "fabric.editor.elementbrowser.sidebar.heading",
     defaultMessage: "Browse",
     description: "Sidebar heading"
-  })), jsx("nav", {
+  })), /*#__PURE__*/React.createElement("nav", {
     css: categoryListWrapper
-  }, jsx(CategoryList, {
+  }, /*#__PURE__*/React.createElement(CategoryList, {
     categories: categories,
     onSelectCategory: onSelectCategory,
     selectedCategory: selectedCategory,
     createAnalyticsEvent: createAnalyticsEvent
-  }))), jsx("div", {
+  }))), /*#__PURE__*/React.createElement("div", {
     css: mainContent,
     onKeyDown: onKeyDown,
     "data-testid": "main-content"
-  }, showSearch && jsx("div", {
+  }, showSearch && /*#__PURE__*/React.createElement("div", {
     css: searchContainer
-  }, jsx(ElementSearch, {
+  }, /*#__PURE__*/React.createElement(ElementSearch, {
     onSearch: onSearch,
     onKeyDown: onKeyPress,
     mode: mode,
     focus: focusOnSearch,
     onClick: setFocusOnSearch,
     searchTerm: searchTerm
-  })), jsx(ElementList, {
+  })), /*#__PURE__*/React.createElement(ElementList, {
     items: items,
     mode: mode,
     onInsertItem: onInsertItem,

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

@@ -1,9 +1,8 @@
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
 var _templateObject;
-/** @jsx jsx */
 import React, { memo, useEffect, useRef, useState } from 'react';
-import { css, jsx } from '@emotion/react';
+import { css } from '@emotion/react';
 import { WidthObserver } from '@atlaskit/width-detector';
 
 /**
@@ -46,11 +45,11 @@ export default function useContainerWidth() {
     }
   }, [ref]);
   var ContainerWidthMonitor = /*#__PURE__*/memo(function () {
-    return jsx("div", {
+    return /*#__PURE__*/React.createElement("div", {
       css: widthObserverWrapper,
       ref: ref,
       tabIndex: -1
-    }, jsx(WidthObserver, {
+    }, /*#__PURE__*/React.createElement(WidthObserver, {
       setWidth: setContainerWidth
     }));
   });

package/dist/esm/keymaps/index.js

@@ -1,9 +1,8 @@
 import _typeof from "@babel/runtime/helpers/typeof";
 import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
 var _templateObject;
-/** @jsx jsx */
 import React, { Fragment } from 'react';
-import { css, jsx } from '@emotion/react';
+import { css } from '@emotion/react';
 import { base, keyName } from 'w3c-keyname';
 import { N400 } from '@atlaskit/theme/colors';
 import { editorCommandToPMCommand } from '../preset/editor-commands';
@@ -113,7 +112,7 @@ export var ToolTipContent = /*#__PURE__*/React.memo(function (_ref) {
     shortcutOverride = _ref.shortcutOverride,
     keymap = _ref.keymap;
   var shortcut = shortcutOverride || keymap && formatShortcut(keymap);
-  return shortcut || description ? jsx(Fragment, null, description, shortcut && description && "\xA0", shortcut && jsx("span", {
+  return shortcut || description ? /*#__PURE__*/React.createElement(Fragment, null, description, shortcut && description && "\xA0", shortcut && /*#__PURE__*/React.createElement("span", {
     css: tooltipShortcutStyle
   }, shortcut)) : null;
 });

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

@@ -13,10 +13,8 @@ var _templateObject, _templateObject2, _templateObject3, _templateObject4, _temp
 import _regeneratorRuntime from "@babel/runtime/regenerator";
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(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; } }
-/** @jsx jsx */
-
 import React, { PureComponent } from 'react';
-import { css, jsx } from '@emotion/react';
+import { css } from '@emotion/react';
 import debounce from 'lodash/debounce';
 import { flushSync } from 'react-dom';
 import { defineMessages, injectIntl } from 'react-intl-next';
@@ -84,7 +82,7 @@ export var messages = defineMessages({
     description: 'Visible label for text input in hyperlink floating control'
   }
 });
-var defaultIcon = jsx(Page16Icon, {
+var defaultIcon = /*#__PURE__*/React.createElement(Page16Icon, {
   label: 'page'
 });
 var mapActivityProviderResultToLinkSearchItemData = function mapActivityProviderResultToLinkSearchItemData(_ref) {
@@ -815,27 +813,27 @@ export var HyperlinkLinkAddToolbar = /*#__PURE__*/function (_PureComponent) {
       // 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 = browser.safari && this.getScreenReaderText();
-      return jsx("div", {
+      return /*#__PURE__*/React.createElement("div", {
         "aria-label": "Hyperlink Edit",
         className: "recent-list"
-      }, jsx("div", {
+      }, /*#__PURE__*/React.createElement("div", {
         css: [container, !!activityProvider && containerWithProvider, containerPadding],
         ref: this.wrapperRef
-      }, jsx("label", {
+      }, /*#__PURE__*/React.createElement("label", {
         htmlFor: linkSearchInputId,
         css: inputLabel
-      }, formatMessage(messages.linkVisibleLabel)), jsx("div", {
+      }, formatMessage(messages.linkVisibleLabel)), /*#__PURE__*/React.createElement("div", {
         css: [inputWrapper, inputWrapperPosition]
-      }, screenReaderText && jsx(Announcer, {
+      }, screenReaderText && /*#__PURE__*/React.createElement(Announcer, {
         ariaLive: "assertive",
         text: screenReaderText,
         ariaRelevant: "additions",
         delay: 250
-      }), jsx("div", {
+      }), /*#__PURE__*/React.createElement("div", {
         css: visuallyHiddenStyles,
         "aria-hidden": "true",
         id: screenReaderDescriptionId
-      }, formatMessage(messages.searchLinkAriaDescription)), jsx(PanelTextInput, {
+      }, formatMessage(messages.searchLinkAriaDescription)), /*#__PURE__*/React.createElement(PanelTextInput, {
         role: "combobox",
         ariaExpanded: true,
         ariaActiveDescendant: ariaActiveDescendant,
@@ -855,23 +853,23 @@ export var HyperlinkLinkAddToolbar = /*#__PURE__*/function (_PureComponent) {
         defaultValue: displayUrl,
         onKeyDown: this.handleKeyDown,
         inputId: linkSearchInputId
-      }), displayUrl && jsx("div", {
+      }), displayUrl && /*#__PURE__*/React.createElement("div", {
         css: clearTextWrapper
-      }, jsx(Tooltip, {
+      }, /*#__PURE__*/React.createElement(Tooltip, {
         content: formatClearLinkText
-      }, jsx("button", {
+      }, /*#__PURE__*/React.createElement("button", {
         type: "button",
         css: clearText,
         onClick: this.handleClearText,
         tabIndex: 0
-      }, jsx(CrossCircleIcon, {
+      }, /*#__PURE__*/React.createElement(CrossCircleIcon, {
         label: formatClearLinkText
-      }))))), jsx("label", {
+      }))))), /*#__PURE__*/React.createElement("label", {
         htmlFor: displayTextInputId,
         css: [inputLabel, textLabelMargin]
-      }, formatMessage(messages.textVisibleLabel)), jsx("div", {
+      }, formatMessage(messages.textVisibleLabel)), /*#__PURE__*/React.createElement("div", {
         css: [inputWrapper, inputWrapperPosition]
-      }, jsx(PanelTextInput, {
+      }, /*#__PURE__*/React.createElement(PanelTextInput, {
         ref: function ref(ele) {
           return _this3.displayTextInputContainer = ele;
         },
@@ -882,25 +880,25 @@ export var HyperlinkLinkAddToolbar = /*#__PURE__*/function (_PureComponent) {
         onSubmit: this.handleSubmit,
         onKeyDown: this.handleKeyDown,
         inputId: displayTextInputId
-      }), displayText && jsx("div", {
+      }), displayText && /*#__PURE__*/React.createElement("div", {
         css: clearTextWrapper
-      }, jsx(Tooltip, {
+      }, /*#__PURE__*/React.createElement(Tooltip, {
         content: formatMessage(messages.clearText)
-      }, jsx("button", {
+      }, /*#__PURE__*/React.createElement("button", {
         type: "button",
         css: clearText,
         onClick: this.handleClearDisplayText,
         onKeyDown: this.handleClearTextKeyDown
-      }, jsx(CrossCircleIcon, {
+      }, /*#__PURE__*/React.createElement(CrossCircleIcon, {
         label: formatMessage(messages.clearText)
-      }))))), jsx("div", {
+      }))))), /*#__PURE__*/React.createElement("div", {
         css: visuallyHiddenStyles,
         "aria-live": "polite",
         "aria-atomic": "true",
         id: "fabric.editor.hyperlink.suggested.results"
       }, displayUrl && formatMessage(messages.searchLinkResults, {
         count: items.length
-      })), jsx(LinkSearchList, {
+      })), /*#__PURE__*/React.createElement(LinkSearchList, {
         ariaControls: "fabric.editor.hyperlink.suggested.results",
         id: linkSearchListId,
         role: "listbox",

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

@@ -7,9 +7,8 @@ import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral
 var _templateObject, _templateObject2, _templateObject3;
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(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; } }
-/** @jsx jsx */
 import { PureComponent } from 'react';
-import { css, jsx } from '@emotion/react';
+import { css } from '@emotion/react';
 import Spinner from '@atlaskit/spinner';
 import { N30 } from '@atlaskit/theme/colors';
 import LinkSearchListItem from './LinkSearchListItem';
@@ -40,13 +39,13 @@ var LinkSearchList = /*#__PURE__*/function (_PureComponent) {
       var itemsContent;
       var loadingContent;
       if (items && items.length > 0) {
-        itemsContent = jsx("ul", {
+        itemsContent = /*#__PURE__*/React.createElement("ul", {
           css: linkSearchList,
           id: id,
           role: role,
           "aria-controls": ariaControls
         }, items.map(function (item, index) {
-          return jsx(LinkSearchListItem, {
+          return /*#__PURE__*/React.createElement(LinkSearchListItem, {
             id: "link-search-list-item-".concat(index),
             role: role && 'option',
             item: item,
@@ -60,14 +59,14 @@ var LinkSearchList = /*#__PURE__*/function (_PureComponent) {
         }));
       }
       if (isLoading) {
-        loadingContent = jsx("div", {
+        loadingContent = /*#__PURE__*/React.createElement("div", {
           "data-testid": "".concat(id, "-loading"),
           css: spinnerContainer
-        }, jsx(Spinner, {
+        }, /*#__PURE__*/React.createElement(Spinner, {
           size: "medium"
         }));
       }
-      return jsx("div", {
+      return /*#__PURE__*/React.createElement("div", {
         css: listContainer
       }, itemsContent, loadingContent);
     }

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

@@ -9,9 +9,8 @@ import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6;
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(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; } }
-/** @jsx jsx */
 import React, { Fragment } from 'react';
-import { css, jsx } from '@emotion/react';
+import { css } from '@emotion/react';
 // AFP-2532 TODO: Fix automatic suppressions below
 // eslint-disable-next-line @atlassian/tangerine/import/entry-points
 import { injectIntl } from 'react-intl-next';
@@ -72,14 +71,14 @@ var LinkSearchListItem = /*#__PURE__*/function (_React$PureComponent) {
         iconUrl = _this$props5$item.iconUrl,
         intl = _this$props5.intl;
       if (icon) {
-        return jsx("span", {
+        return /*#__PURE__*/React.createElement("span", {
           css: iconStyle
         }, icon);
       }
       if (iconUrl) {
-        return jsx("span", {
+        return /*#__PURE__*/React.createElement("span", {
           css: iconStyle
-        }, jsx("img", {
+        }, /*#__PURE__*/React.createElement("img", {
           src: iconUrl,
           alt: getCorrectAltByIconUrl(iconUrl, intl)
         }));
@@ -93,7 +92,7 @@ var LinkSearchListItem = /*#__PURE__*/function (_React$PureComponent) {
         item = _this$props6.item,
         intl = _this$props6.intl;
       var date = transformTimeStamp(intl, item.lastViewedDate, item.lastUpdatedDate);
-      return date && jsx(Fragment, null, "\xA0 \u2022", jsx("span", {
+      return date && /*#__PURE__*/React.createElement(Fragment, null, "\xA0 \u2022", /*#__PURE__*/React.createElement("span", {
         className: "link-search-timestamp",
         "data-test-id": "link-search-timestamp"
       }, "\xA0 ", date.pageAction, " ", date.dateString, " ", date.timeSince || ''));
@@ -106,7 +105,7 @@ var LinkSearchListItem = /*#__PURE__*/function (_React$PureComponent) {
         selected = _this$props7.selected,
         id = _this$props7.id,
         role = _this$props7.role;
-      return jsx("li", {
+      return /*#__PURE__*/React.createElement("li", {
         css: [container, selected && containerSelected],
         role: role,
         id: id,
@@ -116,11 +115,11 @@ var LinkSearchListItem = /*#__PURE__*/function (_React$PureComponent) {
         onMouseEnter: this.handleMouseEnter,
         onMouseLeave: this.handleMouseLeave,
         onClick: this.handleSelect
-      }, this.renderIcon(), jsx("span", {
+      }, this.renderIcon(), /*#__PURE__*/React.createElement("span", {
         css: nameWrapper
-      }, jsx("div", {
+      }, /*#__PURE__*/React.createElement("div", {
         css: nameStyle
-      }, item.name), jsx("div", {
+      }, item.name), /*#__PURE__*/React.createElement("div", {
         "data-testid": "link-search-list-item-container",
         css: containerName
       }, item.container, this.renderTimeStamp())));

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

@@ -1,12 +1,10 @@
-/** @jsx jsx */
-
-import { css, jsx } from '@emotion/react';
+import { css } from '@emotion/react';
 var wrapperStyle = css({
   display: 'inline-block'
 });
 export var InlineImageWrapper = function InlineImageWrapper(_ref) {
   var children = _ref.children;
-  return jsx("div", {
+  return /*#__PURE__*/React.createElement("div", {
     css: wrapperStyle
   }, children);
 };

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

@@ -1,6 +1,4 @@
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-/** @jsx jsx */
-
 import { useEffect, useState } from 'react';
 export var MediaInlineImageCard = function MediaInlineImageCard(_ref) {
   var mediaClient = _ref.mediaClient,

package/dist/esm/monitoring/error.js

@@ -6,7 +6,7 @@ function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbol
 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) { _defineProperty(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 SENTRY_DSN = 'https://0b10c8e02fb44d8796c047b102c9bee8@o55978.ingest.sentry.io/4505129224110080';
 var packageName = 'editor-common'; // Sentry doesn't accept '/' in its releases https://docs.sentry.io/platforms/javascript/configuration/releases/
-var packageVersion = "76.24.3";
+var packageVersion = "76.24.5";
 var sanitiseSentryEvents = function sanitiseSentryEvents(data, _hint) {
   // Remove URL as it has UGC
   // TODO: Sanitise the URL instead of just removing it

package/dist/esm/react-node-view/getInlineNodeViewProducer.js

@@ -1,7 +1,5 @@
 import _extends from "@babel/runtime/helpers/extends";
-/** @jsx jsx */
 import React from 'react';
-import { jsx } from '@emotion/react';
 import { ACTION_SUBJECT, ACTION_SUBJECT_ID } from '../analytics';
 import { ErrorBoundary } from '../ui/ErrorBoundary';
 import { analyticsEventKey, getPerformanceOptions, startMeasureReactNodeViewRendered, stopMeasureReactNodeViewRendered, ZERO_WIDTH_SPACE } from '../utils';
@@ -157,21 +155,21 @@ function getPortalChildren(_ref2) {
     //  refactor. A test suite to catch any instances of this is ideal however
     //  the refactor required is currently out of scope for https://product-fabric.atlassian.net/browse/ED-14176
 
-    return jsx(ErrorBoundary, {
+    return /*#__PURE__*/React.createElement(ErrorBoundary, {
       component: ACTION_SUBJECT.REACT_NODE_VIEW,
       componentId: (_currentNode$type$nam = currentNode === null || currentNode === void 0 || (_currentNode$type = currentNode.type) === null || _currentNode$type === void 0 ? void 0 : _currentNode$type.name) !== null && _currentNode$type$nam !== void 0 ? _currentNode$type$nam : ACTION_SUBJECT_ID.UNKNOWN_NODE,
       dispatchAnalyticsEvent: dispatchAnalyticsEvent
-    }, jsx("span", {
+    }, /*#__PURE__*/React.createElement("span", {
       className: "zeroWidthSpaceContainer"
-    }, jsx("span", {
+    }, /*#__PURE__*/React.createElement("span", {
       className: "".concat(inlineNodeViewClassname, "AddZeroWidthSpace")
-    }), ZERO_WIDTH_SPACE), jsx(Component, _extends({
+    }), ZERO_WIDTH_SPACE), /*#__PURE__*/React.createElement(Component, _extends({
       view: nodeViewParams.view
       // TODO:  ED-13910 - Remove the boolean to fix the prosemirror view type
       ,
       getPos: nodeViewParams.getPos,
       node: currentNode
-    }, extraComponentProps)), jsx("span", {
+    }, extraComponentProps)), /*#__PURE__*/React.createElement("span", {
       className: "".concat(inlineNodeViewClassname, "AddZeroWidthSpace")
     }));
   };

package/dist/esm/ui/Caption/index.js

@@ -8,9 +8,8 @@ import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral
 var _templateObject, _templateObject2;
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(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; } }
-/** @jsx jsx */
 import React from 'react';
-import { css, jsx } from '@emotion/react';
+import { css } from '@emotion/react';
 import { injectIntl } from 'react-intl-next';
 import { N200, N400 } from '@atlaskit/theme/colors';
 import { messages } from './messages';
@@ -33,12 +32,12 @@ export var CaptionComponent = /*#__PURE__*/function (_React$Component) {
         dataAttributes = _this$props.dataAttributes,
         formatMessage = _this$props.intl.formatMessage;
       var showPlaceholder = !selected && !hasContent;
-      return jsx("div", _extends({
+      return /*#__PURE__*/React.createElement("div", _extends({
         "data-media-caption": true,
         "data-testid": "media-caption"
       }, dataAttributes, {
         css: captionWrapperStyle
-      }), showPlaceholder ? jsx("p", {
+      }), showPlaceholder ? /*#__PURE__*/React.createElement("p", {
         css: placeholderStyle
       }, formatMessage(messages.placeholder)) : null, children);
     }

package/dist/esm/ui/DropList/index.js

@@ -9,17 +9,15 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
 var _templateObject, _templateObject2, _templateObject3;
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(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; } }
-/** @jsx jsx */
-
 import { Component } from 'react';
-import { css, jsx } from '@emotion/react';
+import { css } from '@emotion/react';
 import { createAndFireEvent, withAnalyticsContext, withAnalyticsEvents } from '@atlaskit/analytics-next';
 import { DN50, DN600, N0, N50A, N60A, N900 } from '@atlaskit/theme/colors';
 import { themed } from '@atlaskit/theme/components';
 import { borderRadius } from '@atlaskit/theme/constants';
 import Layer from '../Layer';
 var packageName = "@atlaskit/editor-common";
-var packageVersion = "76.24.3";
+var packageVersion = "76.24.5";
 var halfFocusRing = 1;
 var dropOffset = '0, 8';
 var DropList = /*#__PURE__*/function (_Component) {
@@ -127,7 +125,7 @@ var DropList = /*#__PURE__*/function (_Component) {
         onPositioned = _this$props.onPositioned,
         testId = _this$props.testId,
         id = _this$props.id;
-      var layerContent = isOpen ? jsx("div", {
+      var layerContent = isOpen ? /*#__PURE__*/React.createElement("div", {
         css: function css(theme) {
           return _this2.menuWrapper({
             theme: theme
@@ -139,14 +137,14 @@ var DropList = /*#__PURE__*/function (_Component) {
         id: id,
         role: "presentation"
       }, children) : null;
-      return jsx("div", {
+      return /*#__PURE__*/React.createElement("div", {
         css: this.wrapperStyles
-      }, jsx(Layer, {
+      }, /*#__PURE__*/React.createElement(Layer, {
         content: layerContent,
         offset: dropOffset,
         position: position,
         onPositioned: onPositioned
-      }, jsx("div", {
+      }, /*#__PURE__*/React.createElement("div", {
         css: this.triggerStyles,
         ref: this.handleTriggerRef
       }, trigger)));

package/dist/esm/ui/Expand/index.js

@@ -3,10 +3,8 @@ import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProper
 import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
 var _excluded = ["children"];
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7;
-/** @jsx jsx */
-
 import React, { forwardRef } from 'react';
-import { css, jsx } from '@emotion/react';
+import { css } from '@emotion/react';
 import { defineMessages } from 'react-intl-next';
 import { akEditorLineHeight, akEditorSwoopCubicBezier, akLayoutGutterOffset, relativeFontSizeToBase16 } from '@atlaskit/editor-shared-styles';
 import { B300, DN50, DN600, N200, N200A, N300A, N30A, N40A, N50A, N90 } from '@atlaskit/theme/colors';
@@ -50,7 +48,7 @@ var EXPAND_EXPANDED_BORDER_COLOR = themed({
 export var ExpandIconWrapper = function ExpandIconWrapper(_ref) {
   var children = _ref.children,
     expanded = _ref.expanded;
-  return jsx("div", {
+  return /*#__PURE__*/React.createElement("div", {
     css: function css(props) {
       return expanded ? [expandIconWrapperStyle(props), expandIconWrapperExpandedStyle] : expandIconWrapperStyle(props);
     }
@@ -67,7 +65,7 @@ export var expandLayoutWrapperStyle = css(_templateObject3 || (_templateObject3
 export var ExpandLayoutWrapperWithRef = /*#__PURE__*/forwardRef(function (props, ref) {
   var children = props.children,
     rest = _objectWithoutProperties(props, _excluded);
-  return jsx("div", _extends({
+  return /*#__PURE__*/React.createElement("div", _extends({
     css: expandLayoutWrapperStyle
   }, rest, {
     ref: ref

package/dist/esm/ui/FloatingToolbar/Separator.js

@@ -1,11 +1,10 @@
 import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
 var _templateObject;
-/** @jsx jsx */
-import { css, jsx } from '@emotion/react';
+import { css } from '@emotion/react';
 import { N30 } from '@atlaskit/theme/colors';
 var separator = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  background: ", ";\n  width: 1px;\n  height: 20px;\n  margin: 0 ", ";\n  align-self: center;\n"])), "var(--ds-border, ".concat(N30, ")"), "var(--ds-space-050, 4px)");
 export default (function () {
-  return jsx("div", {
+  return /*#__PURE__*/React.createElement("div", {
     css: separator,
     className: "separator"
   });