@atlaskit/editor-core 189.5.1 → 189.5.6

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

@@ -14,8 +14,9 @@ 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; }
 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, { useContext } from 'react';
-import { css } from '@emotion/react';
+import { css, jsx } from '@emotion/react';
 import Transition from 'react-transition-group/Transition';
 import { N30 } from '@atlaskit/theme/colors';
 import { akEditorSwoopCubicBezier, akEditorDefaultLayoutWidth, akEditorWideLayoutWidth, akEditorBreakoutPadding, akEditorContextPanelWidth, ATLASSIAN_NAVIGATION_HEIGHT } from '@atlaskit/editor-shared-styles';
@@ -86,7 +87,7 @@ export var SwappableContentArea = /*#__PURE__*/function (_React$PureComponent) {
       if (!currentPluginContent) {
         return;
       }
-      return /*#__PURE__*/React.createElement(Transition, {
+      return jsx(Transition, {
         timeout: _this.state.mounted ? ANIM_SPEED_MS : 0,
         in: !!pluginContent,
         mountOnEnter: true,
@@ -101,7 +102,7 @@ export var SwappableContentArea = /*#__PURE__*/function (_React$PureComponent) {
       if (!children) {
         return;
       }
-      return /*#__PURE__*/React.createElement(Transition, {
+      return jsx(Transition, {
         timeout: _this.state.mounted ? ANIM_SPEED_MS : 0,
         in: isVisible,
         mountOnEnter: true,
@@ -136,7 +137,7 @@ export var SwappableContentArea = /*#__PURE__*/function (_React$PureComponent) {
       var width = akEditorContextPanelWidth;
       var userVisible = !!this.props.visible;
       var visible = userVisible || !!this.state.currentPluginContent;
-      return /*#__PURE__*/React.createElement(ContextPanelConsumer, null, function (_ref) {
+      return jsx(ContextPanelConsumer, null, function (_ref) {
         var broadcastWidth = _ref.broadcastWidth,
           broadcastPosition = _ref.broadcastPosition,
           positionedOverEditor = _ref.positionedOverEditor;
@@ -144,7 +145,7 @@ export var SwappableContentArea = /*#__PURE__*/function (_React$PureComponent) {
         var newPosition = editorWidth ? shouldPanelBePositionedOverEditor(editorWidth, width, editorView) : false;
         broadcastWidth(contextPanelWidth);
         (newPosition && visible) !== positionedOverEditor && broadcastPosition(newPosition && visible);
-        return /*#__PURE__*/React.createElement("div", {
+        return jsx("div", {
           css: [panel, !visible && panelHidden,
           /**
            * Only use absolute position for panel when screen size is wide enough
@@ -154,7 +155,7 @@ export var SwappableContentArea = /*#__PURE__*/function (_React$PureComponent) {
           "data-testid": "context-panel-panel",
           "aria-labelledby": "context-panel-title",
           role: "dialog"
-        }, /*#__PURE__*/React.createElement("div", {
+        }, jsx("div", {
           "data-testid": "context-panel-content",
           css: [content, !visible && panelHidden]
         }, _this2.showPluginContent() || _this2.showProvidedContent(userVisible)));
@@ -202,11 +203,11 @@ function ContextPanelWithActions(_ref2) {
   var _useContext = useContext(WidthContext),
     width = _useContext.width;
   if (!eventDispatcher) {
-    return /*#__PURE__*/React.createElement(SwappableContentArea, _extends({
+    return jsx(SwappableContentArea, _extends({
       editorView: editorView
     }, props));
   }
-  return /*#__PURE__*/React.createElement(WithPluginState, {
+  return jsx(WithPluginState, {
     eventDispatcher: eventDispatcher,
     plugins: {
       contextPanel: contextPanelPluginKey,
@@ -220,7 +221,7 @@ function ContextPanelWithActions(_ref2) {
         containerWidth: width,
         contentBreakoutModes: editorView ? getChildBreakoutModes(editorView.state.doc, editorView.state.schema) : []
       });
-      return /*#__PURE__*/React.createElement(SwappableContentArea, _extends({}, props, {
+      return jsx(SwappableContentArea, _extends({}, props, {
         editorView: editorView,
         pluginContent: firstContent,
         editorWidth: editorWidth
@@ -229,9 +230,9 @@ function ContextPanelWithActions(_ref2) {
   });
 }
 export default function ContextPanel(props) {
-  return /*#__PURE__*/React.createElement(WithEditorActions, {
+  return jsx(WithEditorActions, {
     render: function render(actions) {
-      return /*#__PURE__*/React.createElement(ContextPanelWithActions, _extends({
+      return jsx(ContextPanelWithActions, _extends({
         actions: actions
       }, props));
     }

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

@@ -9,8 +9,9 @@ import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral
 var _templateObject;
 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 } from '@emotion/react';
+import { css, jsx } from '@emotion/react';
 import { ACTION_SUBJECT } from '@atlaskit/editor-common/analytics';
 import { whichTransitionEvent } from '../../utils';
 import { ErrorBoundary } from '../ErrorBoundary';
@@ -106,14 +107,14 @@ var PluginSlot = /*#__PURE__*/function (_React$Component) {
       if (!items && !pluginHooks || !editorView) {
         return null;
       }
-      return /*#__PURE__*/React.createElement(ErrorBoundary, {
+      return jsx(ErrorBoundary, {
         component: ACTION_SUBJECT.PLUGIN_SLOT,
         fallbackComponent: null
-      }, /*#__PURE__*/React.createElement(MountPluginHooks, {
+      }, jsx(MountPluginHooks, {
         editorView: editorView,
         pluginHooks: pluginHooks,
         containerElement: containerElement
-      }), /*#__PURE__*/React.createElement("div", {
+      }), jsx("div", {
         css: pluginsComponentsWrapper
       }, items === null || items === void 0 ? void 0 : items.map(function (component, key) {
         var props = {

package/dist/esm/ui/Toolbar/ToolbarInner.js

@@ -7,8 +7,9 @@ import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral
 var _templateObject;
 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 } from '@emotion/react';
+import { css, jsx } from '@emotion/react';
 import { akEditorMobileMaxWidth } from '@atlaskit/editor-shared-styles';
 var toolbarComponentsWrapper = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: flex;\n\n  @media (max-width: ", "px) {\n    justify-content: space-between;\n  }\n"])), akEditorMobileMaxWidth);
 export var ToolbarInner = /*#__PURE__*/function (_React$Component) {
@@ -44,7 +45,7 @@ export var ToolbarInner = /*#__PURE__*/function (_React$Component) {
       if (!items || !items.length) {
         return null;
       }
-      return /*#__PURE__*/React.createElement("div", {
+      return jsx("div", {
         css: toolbarComponentsWrapper
       }, items.map(function (component, key) {
         var props = {

package/dist/esm/ui/Toolbar/ToolbarWithSizeDetector.js

@@ -2,8 +2,9 @@ import _extends from "@babel/runtime/helpers/extends";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
 var _templateObject;
+/** @jsx jsx */
 import React, { useMemo } from 'react';
-import { css } from '@emotion/react';
+import { css, jsx } from '@emotion/react';
 import { WidthObserver } from '@atlaskit/width-detector';
 import { akEditorMobileMaxWidth } from '@atlaskit/editor-shared-styles';
 import { useElementWidth } from './hooks';
@@ -28,13 +29,13 @@ export var ToolbarWithSizeDetector = function ToolbarWithSizeDetector(props) {
     var minWidth = "min-width: ".concat(props.hasMinWidth ? toolbarMinWidth : '254', "px");
     return [toolbar, minWidth];
   }, [props.appearance, props.hasMinWidth, props.twoLineEditorToolbar]);
-  return /*#__PURE__*/React.createElement("div", {
+  return jsx("div", {
     css: toolbarStyle
-  }, /*#__PURE__*/React.createElement(WidthObserver, {
+  }, jsx(WidthObserver, {
     setWidth: setWidth
-  }), props.editorView && toolbarSize ? /*#__PURE__*/React.createElement(Toolbar, _extends({}, props, {
+  }), props.editorView && toolbarSize ? jsx(Toolbar, _extends({}, props, {
     toolbarSize: toolbarSize
-  })) : /*#__PURE__*/React.createElement("div", {
+  })) : jsx("div", {
     ref: ref
   }));
 };

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

@@ -12,6 +12,8 @@ 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; }
 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 { jsx } from '@emotion/react';
 import ReactDOM from 'react-dom';
 import { PureComponent } from 'react';
 import PropTypes from 'prop-types';
@@ -150,20 +152,20 @@ var ToolbarFeedbackInternal = /*#__PURE__*/function (_PureComponent) {
         popupsMountPoint = _this$props.popupsMountPoint,
         popupsBoundariesElement = _this$props.popupsBoundariesElement,
         popupsScrollableElement = _this$props.popupsScrollableElement;
-      var iconBefore = this.state.jiraIssueCollectorScriptLoading ? /*#__PURE__*/React.createElement(Spinner, null) : undefined;
+      var iconBefore = this.state.jiraIssueCollectorScriptLoading ? jsx(Spinner, null) : undefined;
 
       // JIRA issue collector script is using jQuery internally
-      return this.hasJquery() ? /*#__PURE__*/React.createElement("div", {
+      return this.hasJquery() ? jsx("div", {
         css: wrapper
-      }, /*#__PURE__*/React.createElement(ToolbarButton, {
+      }, jsx(ToolbarButton, {
         ref: this.handleRef,
         iconBefore: iconBefore,
         onClick: this.collectFeedback,
         selected: false,
         spacing: "compact"
-      }, /*#__PURE__*/React.createElement("span", {
+      }, jsx("span", {
         css: buttonContent
-      }, "Feedback")), this.state.showOptOutOption && /*#__PURE__*/React.createElement(PopupWithOutsideListeners, {
+      }, "Feedback")), this.state.showOptOutOption && jsx(PopupWithOutsideListeners, {
         target: this.state.target,
         mountTo: popupsMountPoint,
         boundariesElement: popupsBoundariesElement,
@@ -172,19 +174,19 @@ var ToolbarFeedbackInternal = /*#__PURE__*/function (_PureComponent) {
         fitWidth: POPUP_WIDTH,
         handleClickOutside: this.toggleShowOptOutOption,
         handleEscapeKeydown: this.toggleShowOptOutOption
-      }, /*#__PURE__*/React.createElement("div", {
+      }, jsx("div", {
         css: confirmationPopup
-      }, /*#__PURE__*/React.createElement("div", {
+      }, jsx("div", {
         css: confirmationHeader
-      }, /*#__PURE__*/React.createElement("img", {
+      }, jsx("img", {
         css: confirmationImg,
         src: EDITOR_IMAGE_URL
-      })), /*#__PURE__*/React.createElement("div", {
+      })), jsx("div", {
         css: confirmationText
-      }, /*#__PURE__*/React.createElement("div", null, "We are rolling out a new editing experience across Atlassian products. Help us improve by providing feedback."), /*#__PURE__*/React.createElement("div", null, "You can opt-out for now by turning off the \"Atlassian Editor\" feature on the Labs page in Bitbucket settings."), /*#__PURE__*/React.createElement(ButtonGroup, null, /*#__PURE__*/React.createElement(Button, {
+      }, jsx("div", null, "We are rolling out a new editing experience across Atlassian products. Help us improve by providing feedback."), jsx("div", null, "You can opt-out for now by turning off the \"Atlassian Editor\" feature on the Labs page in Bitbucket settings."), jsx(ButtonGroup, null, jsx(Button, {
         appearance: "primary",
         onClick: this.openFeedbackPopup
-      }, "Give feedback"), /*#__PURE__*/React.createElement(Button, {
+      }, "Give feedback"), jsx(Button, {
         appearance: "default",
         onClick: this.openLearnMorePage
       }, "Learn more")))))) : null;
@@ -197,7 +199,7 @@ _defineProperty(ToolbarFeedbackInternal, "contextTypes", {
 });
 export default function ToolbarFeedback(props) {
   var api = usePresetContext();
-  return /*#__PURE__*/React.createElement(ToolbarFeedbackInternal, _extends({
+  return jsx(ToolbarFeedbackInternal, _extends({
     api: api
   }, props));
 }

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

@@ -9,8 +9,9 @@ import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral
 var _templateObject, _templateObject2, _templateObject3, _templateObject4;
 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, keyframes } from '@emotion/react';
+import { css, jsx, keyframes } from '@emotion/react';
 import { R100 } from '@atlaskit/theme/colors';
 var pulseBackground = keyframes(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  50% {\n    background-color: ", ";\n  }\n"])), "var(--ds-blanket-danger, ".concat(R100, ")"));
 var pulseBackgroundReverse = keyframes(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  0% {\n    background-color: ", ";\n  }\n  50% {\n    background-color: auto;\n  }\n  100% {\n    background-color: ", ";\n  }\n"])), "var(--ds-blanket-danger, ".concat(R100, ")"), "var(--ds-blanket-danger, ".concat(R100, ")"));
@@ -36,7 +37,7 @@ var WithFlash = /*#__PURE__*/function (_React$Component) {
         animate = _this$props.animate,
         children = _this$props.children;
       this.toggle = animate && !this.toggle;
-      return /*#__PURE__*/React.createElement("div", {
+      return jsx("div", {
         css: animate ? flashWrapperAnimated : flashWrapper,
         className: this.toggle ? '-flash' : ''
       }, children);

package/dist/esm/version-wrapper.js

@@ -1,2 +1,2 @@
 export var name = "@atlaskit/editor-core";
-export var version = "189.5.1";
+export var version = "189.5.6";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/editor-core",
-  "version": "189.5.1",
+  "version": "189.5.6",
   "description": "A package contains Atlassian editor core functionality",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -47,7 +47,7 @@
     "@atlaskit/analytics-next-stable-react-context": "1.0.1",
     "@atlaskit/avatar": "^21.4.0",
     "@atlaskit/avatar-group": "^9.4.0",
-    "@atlaskit/button": "^16.17.0",
+    "@atlaskit/button": "^16.18.0",
     "@atlaskit/checkbox": "^13.0.0",
     "@atlaskit/date": "^0.10.0",
     "@atlaskit/datetime-picker": "^13.0.0",
@@ -91,7 +91,7 @@
     "@atlaskit/editor-plugin-list": "^1.4.0",
     "@atlaskit/editor-plugin-loom": "^0.1.0",
     "@atlaskit/editor-plugin-max-content-size": "^0.1.0",
-    "@atlaskit/editor-plugin-media": "^0.4.0",
+    "@atlaskit/editor-plugin-media": "^0.6.0",
     "@atlaskit/editor-plugin-mentions": "^0.1.0",
     "@atlaskit/editor-plugin-panel": "^0.1.0",
     "@atlaskit/editor-plugin-paste": "^0.1.0",
@@ -171,7 +171,7 @@
     "@af/visual-regression": "*",
     "@atlaskit/analytics-listeners": "^8.7.0",
     "@atlaskit/code": "^15.1.0",
-    "@atlaskit/collab-provider": "9.18.2",
+    "@atlaskit/collab-provider": "9.18.4",
     "@atlaskit/dropdown-menu": "^12.1.0",
     "@atlaskit/editor-extension-dropbox": "^0.4.0",
     "@atlaskit/editor-palette": "1.5.2",
@@ -185,7 +185,7 @@
     "@atlaskit/media-test-helpers": "^33.0.0",
     "@atlaskit/menu": "^2.1.0",
     "@atlaskit/modal-dialog": "^12.10.0",
-    "@atlaskit/renderer": "^108.17.0",
+    "@atlaskit/renderer": "^108.20.0",
     "@atlaskit/synchrony-test-helpers": "^2.3.0",
     "@atlaskit/util-data-test": "^17.8.0",
     "@atlaskit/visual-regression": "*",
@@ -353,6 +353,14 @@
     },
     "platform.editor.loom-integration": {
       "type": "boolean"
+    },
+    "platform.editor.a11y-media_er96o": {
+      "type": "boolean",
+      "referenceOnly": "true"
+    },
+    "platform.editor.a11y-media-resizing_b5v0o": {
+      "type": "boolean",
+      "referenceOnly": "true"
     }
   }
 }