@atlaskit/renderer 84.0.0 → 86.0.0

package/dist/cjs/react/nodes/extension.js

@@ -13,7 +13,9 @@ var _react = _interopRequireDefault(require("react"));
 
 var _ExtensionRenderer = _interopRequireDefault(require("../../ui/ExtensionRenderer"));
 
-var _editorCommon = require("@atlaskit/editor-common");
+var _ui = require("@atlaskit/editor-common/ui");
+
+var _utils = require("@atlaskit/editor-common/utils");
 
 var _consts = require("../../consts");
 
@@ -27,13 +29,13 @@ var renderExtension = function renderExtension(content, layout) {
       isTopLevel = _ref$isTopLevel === void 0 ? true : _ref$isTopLevel;
 
   var centerAlignClass = isTopLevel && ['wide', 'full-width'].includes(layout) ? _consts.RendererCssClassName.EXTENSION_CENTER_ALIGN : '';
-  return /*#__PURE__*/_react.default.createElement(_editorCommon.WidthConsumer, null, function (_ref2) {
+  return /*#__PURE__*/_react.default.createElement(_ui.WidthConsumer, null, function (_ref2) {
     var width = _ref2.width;
     return /*#__PURE__*/_react.default.createElement("div", {
       ref: options.handleRef,
       className: "".concat(_consts.RendererCssClassName.EXTENSION, " ").concat(options.shadowClassNames, " ").concat(centerAlignClass),
       style: {
-        width: isTopLevel ? (0, _editorCommon.calcBreakoutWidth)(layout, width) : '100%'
+        width: isTopLevel ? (0, _utils.calcBreakoutWidth)(layout, width) : '100%'
       },
       "data-layout": layout
     }, /*#__PURE__*/_react.default.createElement("div", {
@@ -81,7 +83,7 @@ var Extension = function Extension(props) {
   });
 };
 
-var _default = (0, _editorCommon.overflowShadow)(Extension, {
+var _default = (0, _ui.overflowShadow)(Extension, {
   overflowSelector: ".".concat(_consts.RendererCssClassName.EXTENSION_OVERFLOW_CONTAINER)
 });
 

package/dist/cjs/react/nodes/heading-anchor.js

@@ -47,6 +47,8 @@ var _messages = require("../../messages");
 
 var _templateObject;
 
+var _excluded = ["children"];
+
 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; } }
@@ -56,7 +58,7 @@ exports.HeadingAnchorWrapperClassName = HeadingAnchorWrapperClassName;
 
 var CopyAnchorWrapperWithRef = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
   var children = props.children,
-      rest = (0, _objectWithoutProperties2.default)(props, ["children"]);
+      rest = (0, _objectWithoutProperties2.default)(props, _excluded);
   return /*#__PURE__*/_react.default.createElement("span", (0, _extends2.default)({}, rest, {
     className: HeadingAnchorWrapperClassName,
     ref: ref
@@ -88,10 +90,15 @@ var HeadingAnchor = /*#__PURE__*/function (_React$PureComponent) {
       var isClicked = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
 
       _this.setState({
+        // TODO: ED-14403 investigate why this does not translate
         tooltipMessage: _this.props.intl.formatMessage(message),
         isClicked: isClicked
       });
     });
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "getCopyAriaLabel", function () {
+      var copyAriaLabel = _messages.headingAnchorLinkMessages.copyAriaLabel;
+      return _this.props.intl.formatMessage(copyAriaLabel);
+    });
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "copyToClipboard", /*#__PURE__*/function () {
       var _ref = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(event) {
         var copiedHeadingLinkToClipboard, failedToCopyHeadingLink;
@@ -135,9 +142,10 @@ var HeadingAnchor = /*#__PURE__*/function (_React$PureComponent) {
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "renderAnchorButton", function () {
       return /*#__PURE__*/_react.default.createElement(CopyAnchorButton, {
         onMouseLeave: _this.resetMessage,
-        onClick: _this.copyToClipboard
+        onClick: _this.copyToClipboard,
+        "aria-label": _this.state.tooltipMessage
       }, /*#__PURE__*/_react.default.createElement(_link.default, {
-        label: "copy",
+        label: _this.getCopyAriaLabel(),
         size: _this.props.level > 3 ? 'small' : 'medium',
         primaryColor: _this.state.isClicked ? _colors.B400 : _colors.N200
       }));

package/dist/cjs/react/nodes/index.js

@@ -30,13 +30,7 @@ Object.defineProperty(exports, "Caption", {
     return _caption.default;
   }
 });
-exports.DecisionItem = exports.Date = exports.CodeBlock = void 0;
-Object.defineProperty(exports, "DecisionList", {
-  enumerable: true,
-  get: function get() {
-    return _decisionList.default;
-  }
-});
+exports.DecisionList = exports.DecisionItem = exports.Date = exports.CodeBlock = void 0;
 Object.defineProperty(exports, "Doc", {
   enumerable: true,
   get: function get() {
@@ -49,13 +43,7 @@ Object.defineProperty(exports, "DocWithSelectAllTrap", {
     return _doc.DocWithSelectAllTrap;
   }
 });
-Object.defineProperty(exports, "EmbedCard", {
-  enumerable: true,
-  get: function get() {
-    return _embedCard.default;
-  }
-});
-exports.Expand = exports.Emoji = void 0;
+exports.Expand = exports.Emoji = exports.EmbedCard = void 0;
 Object.defineProperty(exports, "Extension", {
   enumerable: true,
   get: function get() {
@@ -99,26 +87,14 @@ Object.defineProperty(exports, "ListItem", {
     return _listItem.default;
   }
 });
-exports.MediaInline = exports.MediaGroup = exports.Media = void 0;
-Object.defineProperty(exports, "MediaSingle", {
-  enumerable: true,
-  get: function get() {
-    return _mediaSingle.default;
-  }
-});
-exports.Mention = void 0;
+exports.Mention = exports.MediaSingle = exports.MediaInline = exports.MediaGroup = exports.Media = void 0;
 Object.defineProperty(exports, "OrderedList", {
   enumerable: true,
   get: function get() {
     return _orderedList.default;
   }
 });
-Object.defineProperty(exports, "Panel", {
-  enumerable: true,
-  get: function get() {
-    return _panel.default;
-  }
-});
+exports.Panel = void 0;
 Object.defineProperty(exports, "Paragraph", {
   enumerable: true,
   get: function get() {
@@ -156,13 +132,7 @@ Object.defineProperty(exports, "TableRow", {
     return _tableRow.default;
   }
 });
-exports.TaskItem = void 0;
-Object.defineProperty(exports, "TaskList", {
-  enumerable: true,
-  get: function get() {
-    return _taskList.default;
-  }
-});
+exports.TaskList = exports.TaskItem = void 0;
 Object.defineProperty(exports, "UnknownBlock", {
   enumerable: true,
   get: function get() {
@@ -175,14 +145,14 @@ exports.toReact = exports.nodeToReact = exports.mergeTextNodes = exports.isTextW
 
 var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
 
+var _reactLoadable = _interopRequireDefault(require("react-loadable"));
+
 var _blockquote = _interopRequireDefault(require("./blockquote"));
 
 var _bodiedExtension = _interopRequireDefault(require("./bodiedExtension"));
 
 var _bulletList = _interopRequireDefault(require("./bulletList"));
 
-var _decisionList = _interopRequireDefault(require("./decisionList"));
-
 var _doc = _interopRequireWildcard(require("./doc"));
 
 var _extension = _interopRequireDefault(require("./extension"));
@@ -199,22 +169,16 @@ var _layoutColumn = _interopRequireDefault(require("./layoutColumn"));
 
 var _listItem = _interopRequireDefault(require("./listItem"));
 
-var _mediaSingle = _interopRequireDefault(require("./mediaSingle"));
-
 var _caption = _interopRequireDefault(require("./caption"));
 
 var _orderedList = _interopRequireDefault(require("./orderedList"));
 
-var _panel = _interopRequireDefault(require("./panel"));
-
 var _paragraph = _interopRequireDefault(require("./paragraph"));
 
 var _placeholder = _interopRequireDefault(require("./placeholder"));
 
 var _rule = _interopRequireDefault(require("./rule"));
 
-var _taskList = _interopRequireDefault(require("./taskList"));
-
 var _table = _interopRequireDefault(require("./table"));
 
 var _tableCell = require("./tableCell");
@@ -223,11 +187,7 @@ var _tableRow = _interopRequireDefault(require("./tableRow"));
 
 var _unknownBlock = _interopRequireDefault(require("./unknownBlock"));
 
-var _reactLoadable = _interopRequireDefault(require("react-loadable"));
-
-var _embedCard = _interopRequireDefault(require("./embedCard"));
-
-var _editorCommon = require("@atlaskit/editor-common");
+var _ui = require("@atlaskit/editor-common/ui");
 
 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); }
 
@@ -246,6 +206,19 @@ var CodeBlock = (0, _reactLoadable.default)({
   }
 });
 exports.CodeBlock = CodeBlock;
+var TaskList = (0, _reactLoadable.default)({
+  loader: function loader() {
+    return Promise.resolve().then(function () {
+      return _interopRequireWildcard(require('./taskList'));
+    }).then(function (mod) {
+      return mod.default;
+    });
+  },
+  loading: function loading() {
+    return null;
+  }
+});
+exports.TaskList = TaskList;
 var TaskItem = (0, _reactLoadable.default)({
   loader: function loader() {
     return Promise.resolve().then(function () {
@@ -259,6 +232,19 @@ var TaskItem = (0, _reactLoadable.default)({
   }
 });
 exports.TaskItem = TaskItem;
+var DecisionList = (0, _reactLoadable.default)({
+  loader: function loader() {
+    return Promise.resolve().then(function () {
+      return _interopRequireWildcard(require('./decisionList'));
+    }).then(function (mod) {
+      return mod.default;
+    });
+  },
+  loading: function loading() {
+    return null;
+  }
+});
+exports.DecisionList = DecisionList;
 var DecisionItem = (0, _reactLoadable.default)({
   loader: function loader() {
     return Promise.resolve().then(function () {
@@ -311,6 +297,32 @@ var Emoji = (0, _reactLoadable.default)({
   }
 });
 exports.Emoji = Emoji;
+var Panel = (0, _reactLoadable.default)({
+  loader: function loader() {
+    return Promise.resolve().then(function () {
+      return _interopRequireWildcard(require('./panel'));
+    }).then(function (mod) {
+      return mod.default;
+    });
+  },
+  loading: function loading() {
+    return null;
+  }
+});
+exports.Panel = Panel;
+var EmbedCard = (0, _reactLoadable.default)({
+  loader: function loader() {
+    return Promise.resolve().then(function () {
+      return _interopRequireWildcard(require('./embedCard'));
+    }).then(function (mod) {
+      return mod.default;
+    });
+  },
+  loading: function loading() {
+    return null;
+  }
+});
+exports.EmbedCard = EmbedCard;
 var InlineCard = (0, _reactLoadable.default)({
   loader: function loader() {
     return Promise.resolve().then(function () {
@@ -376,6 +388,19 @@ var MediaInline = (0, _reactLoadable.default)({
   }
 });
 exports.MediaInline = MediaInline;
+var MediaSingle = (0, _reactLoadable.default)({
+  loader: function loader() {
+    return Promise.resolve().then(function () {
+      return _interopRequireWildcard(require('./mediaSingle'));
+    }).then(function (mod) {
+      return mod.default;
+    });
+  },
+  loading: function loading() {
+    return null;
+  }
+});
+exports.MediaSingle = MediaSingle;
 var Mention = (0, _reactLoadable.default)({
   loader: function loader() {
     return Promise.resolve().then(function () {
@@ -410,7 +435,7 @@ var nodeToReact = {
   codeBlock: CodeBlock,
   date: Date,
   decisionItem: DecisionItem,
-  decisionList: _decisionList.default,
+  decisionList: DecisionList,
   doc: _doc.default,
   emoji: Emoji,
   extension: _extension.default,
@@ -425,26 +450,26 @@ var nodeToReact = {
   media: Media,
   mediaGroup: MediaGroup,
   mediaInline: MediaInline,
-  mediaSingle: _mediaSingle.default,
+  mediaSingle: MediaSingle,
   mention: Mention,
   orderedList: _orderedList.default,
-  panel: _panel.default,
+  panel: Panel,
   paragraph: _paragraph.default,
   placeholder: _placeholder.default,
   rule: _rule.default,
   status: Status,
   taskItem: TaskItem,
-  taskList: _taskList.default,
+  taskList: TaskList,
   table: _table.default,
   tableCell: _tableCell.TableCell,
   tableHeader: _tableCell.TableHeader,
   tableRow: _tableRow.default,
   unknownBlock: _unknownBlock.default,
-  unsupportedBlock: _editorCommon.UnsupportedBlock,
-  unsupportedInline: _editorCommon.UnsupportedInline,
+  unsupportedBlock: _ui.UnsupportedBlock,
+  unsupportedInline: _ui.UnsupportedInline,
   expand: Expand,
   nestedExpand: Expand,
-  embedCard: _embedCard.default
+  embedCard: EmbedCard
 };
 exports.nodeToReact = nodeToReact;
 

package/dist/cjs/react/nodes/inlineCard.js

@@ -13,7 +13,9 @@ var _react = _interopRequireDefault(require("react"));
 
 var _smartCard = require("@atlaskit/smart-card");
 
-var _editorCommon = require("@atlaskit/editor-common");
+var _ssr = require("@atlaskit/smart-card/ssr");
+
+var _ui = require("@atlaskit/editor-common/ui");
 
 var _fallback = require("./fallback");
 
@@ -25,7 +27,8 @@ var InlineCard = function InlineCard(props) {
   var url = props.url,
       data = props.data,
       eventHandlers = props.eventHandlers,
-      portal = props.portal;
+      portal = props.portal,
+      smartLinks = props.smartLinks;
   var onClick = (0, _getCardClickHandler.getCardClickHandler)(eventHandlers, url);
   var cardProps = {
     url: url,
@@ -33,12 +36,20 @@ var InlineCard = function InlineCard(props) {
     onClick: onClick,
     container: portal
   };
+
+  if (smartLinks !== null && smartLinks !== void 0 && smartLinks.ssr && url) {
+    return /*#__PURE__*/_react.default.createElement(_ssr.CardSSR, {
+      appearance: "inline",
+      url: url
+    });
+  }
+
   return /*#__PURE__*/_react.default.createElement("span", {
     "data-inline-card": true,
     "data-card-data": data ? JSON.stringify(data) : undefined,
     "data-card-url": url
   }, /*#__PURE__*/_react.default.createElement(_fallback.CardErrorBoundary, (0, _extends2.default)({
-    unsupportedComponent: _editorCommon.UnsupportedInline
+    unsupportedComponent: _ui.UnsupportedInline
   }, cardProps), /*#__PURE__*/_react.default.createElement(_smartCard.Card, (0, _extends2.default)({
     appearance: "inline"
   }, cardProps, {

package/dist/cjs/react/nodes/layoutColumn.js

@@ -9,7 +9,7 @@ exports.default = LayoutSection;
 
 var _react = _interopRequireDefault(require("react"));
 
-var _editorCommon = require("@atlaskit/editor-common");
+var _ui = require("@atlaskit/editor-common/ui");
 
 function LayoutSection(props) {
   return /*#__PURE__*/_react.default.createElement("div", {
@@ -18,5 +18,5 @@ function LayoutSection(props) {
     style: {
       flexBasis: "".concat(props.width, "%")
     }
-  }, /*#__PURE__*/_react.default.createElement(_editorCommon.WidthProvider, null, /*#__PURE__*/_react.default.createElement(_editorCommon.ClearNextSiblingMarginTop, null), props.children));
+  }, /*#__PURE__*/_react.default.createElement(_ui.WidthProvider, null, /*#__PURE__*/_react.default.createElement(_ui.ClearNextSiblingMarginTop, null), props.children));
 }

package/dist/cjs/react/nodes/media.js

@@ -27,7 +27,9 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
 
 var _react = _interopRequireWildcard(require("react"));
 
-var _editorCommon = require("@atlaskit/editor-common");
+var _providerFactory = require("@atlaskit/editor-common/provider-factory");
+
+var _ui = require("@atlaskit/editor-common/ui");
 
 var _MediaCard = require("../../ui/MediaCard");
 
@@ -90,7 +92,7 @@ var Media = /*#__PURE__*/function (_PureComponent) {
         ssr: ssr
       }));
 
-      return linkHref ? /*#__PURE__*/_react.default.createElement(_editorCommon.MediaLink, {
+      return linkHref ? /*#__PURE__*/_react.default.createElement(_ui.MediaLink, {
         href: linkHref,
         rel: "noreferrer noopener",
         onClick: _this.handleMediaLinkClick,
@@ -139,7 +141,7 @@ var Media = /*#__PURE__*/function (_PureComponent) {
         return this.renderCard();
       }
 
-      return /*#__PURE__*/_react.default.createElement(_editorCommon.WithProviders, {
+      return /*#__PURE__*/_react.default.createElement(_providerFactory.WithProviders, {
         providers: ['mediaProvider', 'contextIdentifierProvider'],
         providerFactory: providers,
         renderNode: this.renderCard

package/dist/cjs/react/nodes/mediaGroup.js

@@ -33,9 +33,9 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 
 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 ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+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; }
 
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 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); }; }
 

package/dist/cjs/react/nodes/mediaInline.js

@@ -19,7 +19,7 @@ var _react = _interopRequireWildcard(require("react"));
 
 var _mediaCard = require("@atlaskit/media-card");
 
-var _editorCommon = require("@atlaskit/editor-common");
+var _providerFactory = require("@atlaskit/editor-common/provider-factory");
 
 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); }
 
@@ -87,7 +87,7 @@ var MediaInline = function MediaInline(props) {
     mediaItemType: 'file',
     collectionName: collection
   };
-  return /*#__PURE__*/_react.default.createElement("span", null, /*#__PURE__*/_react.default.createElement(_editorCommon.WithProviders, {
+  return /*#__PURE__*/_react.default.createElement("span", null, /*#__PURE__*/_react.default.createElement(_providerFactory.WithProviders, {
     providers: ['mediaProvider'],
     providerFactory: providers,
     renderNode: function renderNode(providers) {