@atlaskit/editor-core 153.1.4 → 154.0.0

package/dist/cjs/ui/DropdownMenu/index.js

@@ -35,7 +35,7 @@ var _item = _interopRequireWildcard(require("@atlaskit/item"));
 
 var _tooltip = _interopRequireDefault(require("@atlaskit/tooltip"));
 
-var _editorCommon = require("@atlaskit/editor-common");
+var _ui = require("@atlaskit/editor-common/ui");
 
 var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
 
@@ -121,7 +121,8 @@ var DropdownMenuWrapper = /*#__PURE__*/function (_PureComponent) {
       var _this$props = this.props,
           onItemActivated = _this$props.onItemActivated,
           _onMouseEnter = _this$props.onMouseEnter,
-          _onMouseLeave = _this$props.onMouseLeave; // onClick and value.name are the action indicators in the handlers
+          _onMouseLeave = _this$props.onMouseLeave,
+          shouldUseDefaultRole = _this$props.shouldUseDefaultRole; // onClick and value.name are the action indicators in the handlers
       // If neither are present, don't wrap in an Item.
 
       if (!item.onClick && !item.value && !item.value.name) {
@@ -134,7 +135,7 @@ var DropdownMenuWrapper = /*#__PURE__*/function (_PureComponent) {
         key: item.key || item.content,
         isSelected: item.isActive
       }, /*#__PURE__*/_react.default.createElement(_item.default, {
-        role: "menuitem",
+        role: shouldUseDefaultRole ? 'button' : 'menuitem',
         elemBefore: item.elemBefore,
         elemAfter: item.elemAfter,
         isDisabled: item.isDisabled,
@@ -154,7 +155,8 @@ var DropdownMenuWrapper = /*#__PURE__*/function (_PureComponent) {
           });
         },
         className: item.className,
-        "aria-label": String(item.content)
+        "aria-label": item.label || String(item.content),
+        "aria-pressed": shouldUseDefaultRole ? item.isActive : undefined
       }, /*#__PURE__*/_react.default.createElement(ItemContentWrapper, {
         hasElemBefore: !!item.elemBefore
       }, item.content)));
@@ -186,8 +188,9 @@ var DropdownMenuWrapper = /*#__PURE__*/function (_PureComponent) {
           fitHeight = _this$props2.fitHeight,
           fitWidth = _this$props2.fitWidth,
           isOpen = _this$props2.isOpen,
-          zIndex = _this$props2.zIndex;
-      return /*#__PURE__*/_react.default.createElement(_editorCommon.Popup, {
+          zIndex = _this$props2.zIndex,
+          shouldUseDefaultRole = _this$props2.shouldUseDefaultRole;
+      return /*#__PURE__*/_react.default.createElement(_ui.Popup, {
         target: isOpen ? target : undefined,
         mountTo: mountTo,
         boundariesElement: boundariesElement,
@@ -214,7 +217,7 @@ var DropdownMenuWrapper = /*#__PURE__*/function (_PureComponent) {
       }), items.map(function (group, index) {
         return /*#__PURE__*/_react.default.createElement(_item.ItemGroup, {
           key: index,
-          role: "menu"
+          role: shouldUseDefaultRole ? 'group' : 'menu'
         }, group.items.map(function (item) {
           return _this2.renderItem(item);
         }));

package/dist/cjs/ui/ElementBrowser/components/ElementList/ElementList.js

@@ -266,7 +266,7 @@ function ElementItem(_ref4) {
     innerRef: ref,
     onKeyPress: onKeyPress,
     "data-testid": "element-item-".concat(index),
-    tabIndex: -1,
+    tabIndex: 0,
     style: inlineMode ? null : itemStyleOverrides
   }, /*#__PURE__*/_react.default.createElement(ItemContent, {
     title: title,

package/dist/cjs/ui/FloatingToolbar/index.js

@@ -39,7 +39,7 @@ var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/ge
 
 var _react = _interopRequireWildcard(require("react"));
 
-var _editorCommon = require("@atlaskit/editor-common");
+var _ui = require("@atlaskit/editor-common/ui");
 
 var _styles = require("./styles");
 
@@ -86,7 +86,7 @@ var FloatingToolbar = /*#__PURE__*/function (_PureComponent) {
         return null;
       }
 
-      return /*#__PURE__*/_react.default.createElement(_editorCommon.Popup, {
+      return /*#__PURE__*/_react.default.createElement(_ui.Popup, {
         alignX: alignX,
         alignY: alignY,
         target: target,

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

@@ -68,15 +68,21 @@ var LinkSearchList = /*#__PURE__*/function (_PureComponent) {
           items = _this$props.items,
           selectedIndex = _this$props.selectedIndex,
           isLoading = _this$props.isLoading,
-          ariaControls = _this$props.ariaControls;
+          ariaControls = _this$props.ariaControls,
+          role = _this$props.role,
+          id = _this$props.id;
       var itemsContent;
       var loadingContent;
 
       if (items && items.length > 0) {
         itemsContent = /*#__PURE__*/_react.default.createElement(List, {
+          id: id,
+          role: role,
           "aria-controls": ariaControls
         }, items.map(function (item, index) {
           return /*#__PURE__*/_react.default.createElement(_LinkSearchListItem.default, {
+            id: "link-search-list-item-".concat(index),
+            role: role && 'option',
             item: item,
             selected: selectedIndex === index,
             onMouseMove: onMouseMove,

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

@@ -33,17 +33,11 @@ var _colors = require("@atlaskit/theme/colors");
 
 var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
 
-var _formatDistance = _interopRequireDefault(require("date-fns/formatDistance"));
-
-var _differenceInCalendarDays = _interopRequireDefault(require("date-fns/differenceInCalendarDays"));
-
-var _format = _interopRequireDefault(require("date-fns/format"));
-
 var _listItemAlts = require("./listItemAlts");
 
-var _reactIntlNext = require("react-intl-next");
+var _transformTimeStamp = require("./transformTimeStamp");
 
-var _messages = _interopRequireDefault(require("../../messages"));
+var _reactIntlNext = require("react-intl-next");
 
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
 
@@ -135,59 +129,30 @@ var LinkSearchListItem = /*#__PURE__*/function (_React$PureComponent) {
 
       return null;
     }
-  }, {
-    key: "renderWithSpaces",
-    value: function renderWithSpaces(pageAction, dateString) {
-      var timeSince = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : '';
-      return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, "\xA0 \u2022", /*#__PURE__*/_react.default.createElement("span", {
-        className: "link-search-timestamp",
-        "data-test-id": "link-search-timestamp"
-      }, "\xA0 ", pageAction, " ", dateString, " ", timeSince));
-    }
-  }, {
-    key: "renderAbsoluteOrRelativeDate",
-    value: function renderAbsoluteOrRelativeDate(timeStamp, pageAction) {
-      var intl = this.props.intl;
-      var pageActionText = '';
-
-      switch (pageAction) {
-        case 'updated':
-          pageActionText = intl.formatMessage(_messages.default.timeUpdated);
-          break;
-
-        case 'viewed':
-          pageActionText = intl.formatMessage(_messages.default.timeViewed);
-          break;
-      }
-
-      if ((0, _differenceInCalendarDays.default)(timeStamp, Date.now()) < -7) {
-        return this.renderWithSpaces(pageActionText, (0, _format.default)(timeStamp, 'MMMM dd, yyyy'));
-      }
-
-      return this.renderWithSpaces(pageActionText, (0, _formatDistance.default)(timeStamp, Date.now()), intl.formatMessage(_messages.default.timeAgo));
-    }
   }, {
     key: "renderTimeStamp",
     value: function renderTimeStamp() {
-      var _this$props$item = this.props.item,
-          lastUpdatedDate = _this$props$item.lastUpdatedDate,
-          lastViewedDate = _this$props$item.lastViewedDate;
-
-      if (lastViewedDate) {
-        return this.renderAbsoluteOrRelativeDate(lastViewedDate, 'viewed');
-      }
-
-      if (lastUpdatedDate) {
-        return this.renderAbsoluteOrRelativeDate(lastUpdatedDate, 'updated');
-      }
+      var _this$props6 = this.props,
+          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.default.Fragment, null, "\xA0 \u2022", /*#__PURE__*/_react.default.createElement("span", {
+        className: "link-search-timestamp",
+        "data-test-id": "link-search-timestamp"
+      }, "\xA0 ", date.pageAction, " ", date.dateString, " ", date.timeSince || ''));
     }
   }, {
     key: "render",
     value: function render() {
-      var _this$props6 = this.props,
-          item = _this$props6.item,
-          selected = _this$props6.selected;
+      var _this$props7 = this.props,
+          item = _this$props7.item,
+          selected = _this$props7.selected,
+          id = _this$props7.id,
+          role = _this$props7.role;
       return /*#__PURE__*/_react.default.createElement(Container, {
+        role: role,
+        id: id,
+        "aria-selected": selected,
         "data-testid": "link-search-list-item",
         selected: selected,
         onMouseMove: this.handleMouseMove,

package/dist/cjs/ui/LinkSearch/transformTimeStamp.js

@@ -0,0 +1,55 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.transformTimeStamp = void 0;
+
+var _formatDistance = _interopRequireDefault(require("date-fns/formatDistance"));
+
+var _differenceInCalendarDays = _interopRequireDefault(require("date-fns/differenceInCalendarDays"));
+
+var _format = _interopRequireDefault(require("date-fns/format"));
+
+var _messages = _interopRequireDefault(require("../../messages"));
+
+var renderAbsoluteOrRelativeDate = function renderAbsoluteOrRelativeDate(timeStamp, pageAction, intl) {
+  var pageActionText = '';
+
+  switch (pageAction) {
+    case 'updated':
+      pageActionText = intl.formatMessage(_messages.default.timeUpdated);
+      break;
+
+    case 'viewed':
+      pageActionText = intl.formatMessage(_messages.default.timeViewed);
+      break;
+  }
+
+  if ((0, _differenceInCalendarDays.default)(timeStamp, Date.now()) < -7) {
+    return {
+      pageAction: pageActionText,
+      dateString: (0, _format.default)(timeStamp, 'MMMM dd, yyyy')
+    };
+  }
+
+  return {
+    pageAction: pageActionText,
+    dateString: (0, _formatDistance.default)(timeStamp, Date.now()),
+    timeSince: intl.formatMessage(_messages.default.timeAgo)
+  };
+};
+
+var transformTimeStamp = function transformTimeStamp(intl, lastViewedDate, lastUpdatedDate) {
+  if (lastViewedDate) {
+    return renderAbsoluteOrRelativeDate(lastViewedDate, 'viewed', intl);
+  }
+
+  if (lastUpdatedDate) {
+    return renderAbsoluteOrRelativeDate(lastUpdatedDate, 'updated', intl);
+  }
+};
+
+exports.transformTimeStamp = transformTimeStamp;

package/dist/cjs/ui/LinkSearch/withActivityProvider.js

@@ -27,7 +27,7 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
 
 var _react = _interopRequireDefault(require("react"));
 
-var _editorCommon = require("@atlaskit/editor-common");
+var _providerFactory = require("@atlaskit/editor-common/provider-factory");
 
 var _excluded = ["providerFactory"];
 
@@ -67,7 +67,7 @@ function withActivityProvider(WrappedComponent) {
       key: "render",
       value: function render() {
         var providerFactory = this.props.providerFactory;
-        return /*#__PURE__*/_react.default.createElement(_editorCommon.WithProviders, {
+        return /*#__PURE__*/_react.default.createElement(_providerFactory.WithProviders, {
           providers: ['activityProvider'],
           providerFactory: providerFactory,
           renderNode: this.renderNode

package/dist/cjs/ui/PanelTextInput/index.js

@@ -29,7 +29,7 @@ var _react = _interopRequireWildcard(require("react"));
 
 var _styles = require("./styles");
 
-var _editorCommon = require("@atlaskit/editor-common");
+var _utils = require("@atlaskit/editor-common/utils");
 
 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); }
 
@@ -147,9 +147,19 @@ var PanelTextInput = /*#__PURE__*/function (_PureComponent) {
           maxLength = _this$props2.maxLength,
           testId = _this$props2.testId,
           ariaLabel = _this$props2.ariaLabel,
-          describedById = _this$props2.describedById;
+          describedById = _this$props2.describedById,
+          ariaActiveDescendant = _this$props2.ariaActiveDescendant,
+          ariaControls = _this$props2.ariaControls,
+          ariaExpanded = _this$props2.ariaExpanded,
+          ariaAutoComplete = _this$props2.ariaAutoComplete,
+          role = _this$props2.role;
       var value = this.state.value;
       return /*#__PURE__*/_react.default.createElement(_styles.Input, {
+        role: role,
+        "aria-autocomplete": ariaAutoComplete ? 'list' : undefined,
+        "aria-expanded": ariaExpanded,
+        "aria-controls": ariaControls,
+        "aria-activedescendant": ariaActiveDescendant,
         "aria-describedby": describedById,
         "data-testid": testId || '',
         type: "text",
@@ -179,14 +189,14 @@ var PanelTextInput = /*#__PURE__*/function (_PureComponent) {
     key: "isUndoEvent",
     value: function isUndoEvent(event) {
       return event.keyCode === KeyZCode && ( // cmd + z for mac
-      _editorCommon.browser.mac && event.metaKey && !event.shiftKey || // ctrl + z for non-mac
-      !_editorCommon.browser.mac && event.ctrlKey);
+      _utils.browser.mac && event.metaKey && !event.shiftKey || // ctrl + z for non-mac
+      !_utils.browser.mac && event.ctrlKey);
     }
   }, {
     key: "isRedoEvent",
     value: function isRedoEvent(event) {
       return (// ctrl + y for non-mac
-        !_editorCommon.browser.mac && event.ctrlKey && event.keyCode === KeyYCode || _editorCommon.browser.mac && event.metaKey && event.shiftKey && event.keyCode === KeyZCode || event.ctrlKey && event.shiftKey && event.keyCode === KeyZCode
+        !_utils.browser.mac && event.ctrlKey && event.keyCode === KeyYCode || _utils.browser.mac && event.metaKey && event.shiftKey && event.keyCode === KeyZCode || event.ctrlKey && event.shiftKey && event.keyCode === KeyZCode
       );
     }
   }]);

package/dist/cjs/ui/Resizer/index.js

@@ -31,7 +31,7 @@ var _grid = require("../../plugins/grid");
 
 var _utils = require("./utils");
 
-var _editorCommon = require("@atlaskit/editor-common");
+var _styles = require("@atlaskit/editor-common/styles");
 
 var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
 
@@ -213,7 +213,7 @@ var Resizer = /*#__PURE__*/function (_React$Component) {
         }
       });
 
-      var className = (0, _classnames.default)(_editorCommon.richMediaClassName, "image-".concat(layout), this.props.className, {
+      var className = (0, _classnames.default)(_styles.richMediaClassName, "image-".concat(layout), this.props.className, {
         'is-resizing': isResizing,
         'not-resized': !pctWidth,
         'richMedia-selected': selected,

package/dist/cjs/ui/Resizer/styled.js

@@ -9,12 +9,12 @@ exports.Wrapper = void 0;
 
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
 
-var _editorCommon = require("@atlaskit/editor-common");
+var _ui = require("@atlaskit/editor-common/ui");
 
 var _styledComponents = _interopRequireDefault(require("styled-components"));
 
 var _templateObject;
 
-var Wrapper = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  & > div {\n    ", ";\n    position: relative;\n    clear: both;\n\n    > div {\n      position: absolute;\n      height: 100%;\n      width: 100%;\n    }\n  }\n"])), _editorCommon.MediaSingleDimensionHelper);
+var Wrapper = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  & > div {\n    ", ";\n    position: relative;\n    clear: both;\n\n    > div {\n      position: absolute;\n      height: 100%;\n      width: 100%;\n    }\n  }\n"])), _ui.MediaSingleDimensionHelper);
 
 exports.Wrapper = Wrapper;

package/dist/cjs/ui/ToolbarButton/index.js

@@ -60,6 +60,10 @@ var ToolbarButton = /*#__PURE__*/_react.default.forwardRef(function (props, ref)
       _props$titlePosition = props.titlePosition,
       titlePosition = _props$titlePosition === void 0 ? 'top' : _props$titlePosition,
       item = props.item,
+      ariaLabel = props['aria-label'],
+      ariaHasPopup = props['aria-haspopup'],
+      ariaExpanded = props['aria-expanded'],
+      ariaPressed = props['aria-pressed'],
       onClick = props.onClick,
       onItemClick = props.onItemClick;
   var handleClick = (0, _react.useCallback)(function (event, analyticsEvent) {
@@ -86,18 +90,15 @@ var ToolbarButton = /*#__PURE__*/_react.default.forwardRef(function (props, ref)
       onItemClick(item);
     }
   }, [disabled, onClick, onItemClick, item, buttonId]);
-  var ariaLabel = props['aria-label'];
   var id = buttonId ? "editor-toolbar__".concat(buttonId) : undefined;
 
   var button = /*#__PURE__*/_react.default.createElement(_styles.default, {
     id: id,
     ref: ref,
     appearance: "subtle",
-    "aria-haspopup": true,
     testId: testId,
     className: className,
     href: href,
-    "aria-label": ariaLabel,
     iconAfter: iconAfter,
     iconBefore: iconBefore,
     isDisabled: disabled,
@@ -105,7 +106,11 @@ var ToolbarButton = /*#__PURE__*/_react.default.forwardRef(function (props, ref)
     onClick: handleClick,
     spacing: spacing || 'default',
     target: target,
-    shouldFitContainer: true
+    shouldFitContainer: true,
+    "aria-expanded": ariaExpanded,
+    "aria-haspopup": ariaHasPopup,
+    "aria-label": ariaLabel,
+    "aria-pressed": ariaPressed
   }, children);
 
   if (!title) {

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

@@ -35,7 +35,7 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 
 var _spinner = _interopRequireDefault(require("@atlaskit/spinner"));
 
-var _editorCommon = require("@atlaskit/editor-common");
+var _ui = require("@atlaskit/editor-common/ui");
 
 var _buttonGroup = _interopRequireDefault(require("@atlaskit/button/button-group"));
 
@@ -73,7 +73,7 @@ function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflec
 
 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 PopupWithOutsideListeners = (0, _withOuterListeners.default)(_editorCommon.Popup);
+var PopupWithOutsideListeners = (0, _withOuterListeners.default)(_ui.Popup);
 var POPUP_HEIGHT = 388;
 var POPUP_WIDTH = 280;
 var EDITOR_IMAGE_URL = 'https://confluence.atlassian.com/download/attachments/945114421/editorillustration@2x.png?api=v2';

package/dist/cjs/ui/WidthEmitter/index.js

@@ -13,7 +13,7 @@ var _react = _interopRequireDefault(require("react"));
 
 var _width = require("../../plugins/width");
 
-var _editorCommon = require("@atlaskit/editor-common");
+var _ui = require("@atlaskit/editor-common/ui");
 
 var _context = require("../ContextPanel/context");
 
@@ -76,7 +76,7 @@ var WidthEmitter = function WidthEmitter(_ref4) {
     return function () {};
   }, [editorView, contextPanelWidth, containerWidth]);
 
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_context.ContextPanelConsumer, null, contextPanelWidthCallback), /*#__PURE__*/_react.default.createElement(_editorCommon.WidthConsumer, null, containerWidthCallback));
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_context.ContextPanelConsumer, null, contextPanelWidthCallback), /*#__PURE__*/_react.default.createElement(_ui.WidthConsumer, null, containerWidthCallback));
 };
 
 var _default = WidthEmitter;

package/dist/cjs/ui/WithPluginState/index.js

@@ -25,7 +25,7 @@ var _react = _interopRequireDefault(require("react"));
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
 
-var _editorCommon = require("@atlaskit/editor-common");
+var _utils = require("@atlaskit/editor-common/utils");
 
 var _eventDispatcher = require("../../event-dispatcher");
 
@@ -114,10 +114,10 @@ var WithPluginState = /*#__PURE__*/function (_React$Component) {
       };
       _this.debounce = debounce(function () {
         var measure = "\uD83E\uDD89".concat(pluginName, "::WithPluginState");
-        performanceOptions.trackingEnabled && (0, _editorCommon.startMeasure)(measure);
+        performanceOptions.trackingEnabled && (0, _utils.startMeasure)(measure);
 
         _this.setState(_this.notAppliedState, function () {
-          performanceOptions.trackingEnabled && (0, _editorCommon.stopMeasure)(measure, function (duration) {
+          performanceOptions.trackingEnabled && (0, _utils.stopMeasure)(measure, function (duration) {
             // Each WithPluginState component will fire analytics event no more than once every `samplingLimit` times
             if (++_this.callsCount % performanceOptions.samplingRate === 0 && duration > performanceOptions.slowThreshold) {
               var editorView = _this.getEditorView();

package/dist/cjs/utils/announcer/announcer.js

@@ -0,0 +1,64 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+var _typeof = require("@babel/runtime/helpers/typeof");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+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; }
+
+// Note: Flag 'contentRendered' resolves bug with duplicates messages (NVDA + Firefox)
+// https://github.com/nvaccess/nvda/labels/bug%2Fdouble-speaking
+var timer;
+var Announcer = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
+  var _ref$ariaAtomic = _ref.ariaAtomic,
+      ariaAtomic = _ref$ariaAtomic === void 0 ? 'true' : _ref$ariaAtomic,
+      _ref$ariaLive = _ref.ariaLive,
+      ariaLive = _ref$ariaLive === void 0 ? 'polite' : _ref$ariaLive,
+      _ref$ariaRelevant = _ref.ariaRelevant,
+      ariaRelevant = _ref$ariaRelevant === void 0 ? 'all' : _ref$ariaRelevant,
+      _ref$role = _ref.role,
+      role = _ref$role === void 0 ? 'status' : _ref$role,
+      _ref$text = _ref.text,
+      text = _ref$text === void 0 ? '' : _ref$text,
+      _ref$delay = _ref.delay,
+      delay = _ref$delay === void 0 ? 0 : _ref$delay;
+
+  var _useState = (0, _react.useState)(false),
+      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+      contentRendered = _useState2[0],
+      setContentRendered = _useState2[1];
+
+  (0, _react.useEffect)(function () {
+    clearTimeout(timer);
+    setContentRendered(false);
+    timer = setTimeout(function () {
+      setContentRendered(true);
+    }, delay);
+    return function () {
+      return clearTimeout(timer);
+    };
+  }, [text, delay]);
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: "assistive",
+    ref: ref,
+    role: role,
+    "aria-atomic": ariaAtomic,
+    "aria-relevant": ariaRelevant,
+    "aria-live": ariaLive
+  }, contentRendered && /*#__PURE__*/_react.default.createElement("span", null, text));
+});
+
+var _default = /*#__PURE__*/(0, _react.memo)(Announcer);
+
+exports.default = _default;

package/dist/cjs/utils/document.js

@@ -30,7 +30,7 @@ var _adfUtils = require("@atlaskit/adf-utils");
 
 var _privacyFilter = require("../utils/filter/privacy-filter");
 
-var _editorCommon = require("@atlaskit/editor-common");
+var _utils = require("@atlaskit/editor-common/utils");
 
 var _nodeWidth = require("./node-width");
 
@@ -223,7 +223,7 @@ function processRawValue(schema, value, providerFactory, sanitizePrivateContent,
       });
     }
 
-    var entity = (0, _editorCommon.validateADFEntity)(schema, transformedAdf || node, dispatchAnalyticsEvent);
+    var entity = (0, _utils.validateADFEntity)(schema, transformedAdf || node, dispatchAnalyticsEvent);
     var newEntity = maySanitizePrivateContent(entity, providerFactory, sanitizePrivateContent);
 
     var parsedDoc = _prosemirrorModel.Node.fromJSON(schema, newEntity); // throws an error if the document is invalid
@@ -247,7 +247,7 @@ function processRawValue(schema, value, providerFactory, sanitizePrivateContent,
     }
 
     if (dispatchAnalyticsEvent) {
-      (0, _editorCommon.findAndTrackUnsupportedContentNodes)(parsedDoc, schema, dispatchAnalyticsEvent);
+      (0, _utils.findAndTrackUnsupportedContentNodes)(parsedDoc, schema, dispatchAnalyticsEvent);
     }
 
     return parsedDoc;

package/dist/cjs/utils/extensions.js

@@ -16,7 +16,9 @@ var _react = _interopRequireDefault(require("react"));
 
 var _reactLoadable = _interopRequireDefault(require("react-loadable"));
 
-var _editorCommon = require("@atlaskit/editor-common");
+var _extensions = require("@atlaskit/editor-common/extensions");
+
+var _providerHelpers = require("@atlaskit/editor-common/provider-helpers");
 
 var _enums = require("../plugins/analytics/types/enums");
 
@@ -61,7 +63,7 @@ function _extensionProviderToQuickInsertProvider() {
             extensions = _context.sent;
             return _context.abrupt("return", {
               getItems: function getItems() {
-                var quickInsertItems = (0, _editorCommon.getQuickInsertItemsFromModule)(extensions, function (item) {
+                var quickInsertItems = (0, _extensions.getQuickInsertItemsFromModule)(extensions, function (item) {
                   var Icon = (0, _reactLoadable.default)({
                     loader: item.icon,
                     loading: function loading() {
@@ -81,7 +83,7 @@ function _extensionProviderToQuickInsertProvider() {
                     categories: item.categories,
                     action: function action(insert) {
                       if (typeof item.node === 'function') {
-                        (0, _editorCommon.resolveImport)(item.node()).then(function (node) {
+                        (0, _extensions.resolveImport)(item.node()).then(function (node) {
                           sendExtensionQuickInsertAnalytics(item, createAnalyticsEvent);
 
                           if (node) {
@@ -122,7 +124,7 @@ function _combineQuickInsertProviders() {
       while (1) {
         switch (_context2.prev = _context2.next) {
           case 0:
-            _combineProviders = (0, _editorCommon.combineProviders)(quickInsertProviders), invokeList = _combineProviders.invokeList;
+            _combineProviders = (0, _providerHelpers.combineProviders)(quickInsertProviders), invokeList = _combineProviders.invokeList;
             return _context2.abrupt("return", {
               getItems: function getItems() {
                 return invokeList('getItems');

package/dist/cjs/utils/input-rules.js

@@ -21,7 +21,7 @@ var _prosemirrorInputRules = require("@atlaskit/prosemirror-input-rules");
 
 var _prosemirrorInputrules = require("prosemirror-inputrules");
 
-var _editorCommon = require("@atlaskit/editor-common");
+var _utils2 = require("@atlaskit/editor-common/utils");
 
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
@@ -335,9 +335,9 @@ function createUnpredictableInputRulePlugin(pluginName, rules) {
     var timerId = "input-rule:".concat(pluginName);
 
     plugin.props.handleTextInput = function (view, from, to, text) {
-      (0, _editorCommon.startMeasure)(timerId);
+      (0, _utils2.startMeasure)(timerId);
       var result = handleTextInput(view, from, to, text);
-      (0, _editorCommon.stopMeasure)(timerId, function () {});
+      (0, _utils2.stopMeasure)(timerId, function () {});
       return result;
     };
   }

package/dist/cjs/utils/node-width.js

@@ -7,7 +7,7 @@ exports.getParentNodeWidth = exports.getBreakoutMode = void 0;
 
 var _prosemirrorUtils = require("prosemirror-utils");
 
-var _editorCommon = require("@atlaskit/editor-common");
+var _utils = require("@atlaskit/editor-common/utils");
 
 var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
 
@@ -81,7 +81,7 @@ var getNestedParentNode = function getNestedParentNode(tablePos, state) {
 };
 
 var calcBreakoutNodeWidth = function calcBreakoutNodeWidth(layout, containerWidth, isFullWidthModeEnabled) {
-  return isFullWidthModeEnabled ? Math.min(containerWidth.lineLength, _editorSharedStyles.akEditorFullWidthLayoutWidth) : (0, _editorCommon.absoluteBreakoutWidth)(layout, containerWidth.width);
+  return isFullWidthModeEnabled ? Math.min(containerWidth.lineLength, _editorSharedStyles.akEditorFullWidthLayoutWidth) : (0, _utils.absoluteBreakoutWidth)(layout, containerWidth.width);
 };
 /**
  * Returns the breakout mode of a given node