@atlaskit/editor-common 69.1.2 → 69.2.2

package/dist/esm/__tests_external__/cases/smart-links/test-cases/url/insert.js

@@ -0,0 +1,26 @@
+import { InProductTestCase } from '@atlaskit/in-product-testing';
+import { InlineCardPageObject } from '@atlaskit/smart-card/in-product';
+import { EditorPageObject } from '../../../../page-objects/Editor';
+import { EditorSmartLinkPageObject } from '../../../../page-objects/EditorSmartLink';
+export var switchToUrlTestCase = function switchToUrlTestCase(_ref) {
+  var ui = _ref.ui,
+      url = _ref.url;
+  return new InProductTestCase({
+    title: 'switching to a Blue Link works',
+    id: 'switch-to-url',
+    assertions: function assertions(cy) {
+      var editor = new EditorPageObject(cy);
+      var editorWithSmartLinks = new EditorSmartLinkPageObject(cy, editor);
+      var inlineCard = new InlineCardPageObject(cy);
+      editorWithSmartLinks.insertSmartLinkByTyping(url);
+      editorWithSmartLinks.switchAfterInsert('url');
+      inlineCard.assertHrefRendered(url);
+
+      if (ui !== null && ui !== void 0 && ui.publishButton) {
+        var renderer = editor.publish(ui);
+        renderer.expectContentReady();
+        inlineCard.assertHrefRendered(url);
+      }
+    }
+  });
+};

package/dist/esm/__tests_external__/cases/types.js

@@ -0,0 +1 @@
+export {};

package/dist/esm/__tests_external__/index.js

@@ -0,0 +1,4 @@
+export { EditorPageObject } from './page-objects/Editor';
+export { fundamentalsTestCollection } from './cases/fundamentals/collection';
+export { inlineSmartLinksTestCollection, blockSmartLinksTestCollection, embedSmartLinksTestCollection, blueLinksTestCollection } from './cases/smart-links';
+export { mediaTestCollection } from './cases/media/test-cases';

package/dist/esm/__tests_external__/page-objects/Editor.js

@@ -0,0 +1,56 @@
+import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
+import _createClass from "@babel/runtime/helpers/createClass";
+import _inherits from "@babel/runtime/helpers/inherits";
+import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
+import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
+
+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; } }
+
+import { InProductTestPageObject } from '@atlaskit/in-product-testing';
+import { RendererPageObject } from './Renderer';
+export var EditorPageObject = /*#__PURE__*/function (_InProductTestPageObj) {
+  _inherits(EditorPageObject, _InProductTestPageObj);
+
+  var _super = _createSuper(EditorPageObject);
+
+  function EditorPageObject() {
+    _classCallCheck(this, EditorPageObject);
+
+    return _super.apply(this, arguments);
+  }
+
+  _createClass(EditorPageObject, [{
+    key: "getEditorArea",
+    value: function getEditorArea() {
+      return this.cy.get('div.ProseMirror', {
+        timeout: 30000
+      });
+    }
+  }, {
+    key: "getTitleArea",
+    value: function getTitleArea() {
+      return this.cy.get('[data-test-id="editor-title"]');
+    }
+  }, {
+    key: "publish",
+    value: function publish(opts) {
+      if (opts !== null && opts !== void 0 && opts.publishButton) {
+        this.cy.get(opts.publishButton).click();
+        return new RendererPageObject(this.cy);
+      }
+
+      throw Error('No publish button selector supplied!');
+    }
+  }, {
+    key: "upload",
+    value: function upload(fixtures) {
+      return this.getEditorArea().attachFile(fixtures, {
+        subjectType: 'drag-n-drop'
+      });
+    }
+  }]);
+
+  return EditorPageObject;
+}(InProductTestPageObject);

package/dist/esm/__tests_external__/page-objects/EditorMedia.js

@@ -0,0 +1,83 @@
+import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
+import _createClass from "@babel/runtime/helpers/createClass";
+import _assertThisInitialized from "@babel/runtime/helpers/assertThisInitialized";
+import _inherits from "@babel/runtime/helpers/inherits";
+import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
+import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+
+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; } }
+
+import { InProductTestPageObject } from '@atlaskit/in-product-testing';
+import { MediaCardPageObject } from '@atlaskit/media-card/in-product';
+export var EditorMediaPageObject = /*#__PURE__*/function (_InProductTestPageObj) {
+  _inherits(EditorMediaPageObject, _InProductTestPageObj);
+
+  var _super = _createSuper(EditorMediaPageObject);
+
+  function EditorMediaPageObject(cy) {
+    var _this;
+
+    _classCallCheck(this, EditorMediaPageObject);
+
+    _this = _super.call(this, cy);
+
+    _defineProperty(_assertThisInitialized(_this), "testIds", {
+      altTextButton: 'alt-text-edit-button',
+      altTextInput: 'alt-text-input',
+      captionPlaceholder: 'caption-placeholder',
+      caption: 'media-caption'
+    });
+
+    _this.cy = cy;
+    return _this;
+  }
+
+  _createClass(EditorMediaPageObject, [{
+    key: "addAltTextToImage",
+    value: function addAltTextToImage(altText) {
+      var cardNumber = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 1;
+      var mediaCard = new MediaCardPageObject(this.cy);
+      mediaCard.findCardNth(cardNumber).click();
+      this.getAltTextButton().click();
+      this.getAltTextInput().type("".concat(altText, "{enter}"));
+    }
+  }, {
+    key: "addCaptionToImage",
+    value: function addCaptionToImage(captionText) {
+      var cardNumber = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 1;
+      var mediaCard = new MediaCardPageObject(this.cy);
+      mediaCard.findCardNth(cardNumber).click();
+      this.getCaptionInput().type("".concat(captionText, "{enter}"));
+    }
+  }, {
+    key: "assertCaptionText",
+    value: function assertCaptionText(captionText) {
+      return this.cy.get(this.toTestId(this.testIds.caption)).should('have.text', captionText);
+    }
+  }, {
+    key: "assertAltText",
+    value: function assertAltText(altText) {
+      return this.cy.get('.mediaView-content-wrap').should('have.attr', 'alt', altText);
+    }
+  }, {
+    key: "getAltTextButton",
+    value: function getAltTextButton() {
+      return this.cy.get(this.toTestId(this.testIds.altTextButton)).should('be.visible');
+    }
+  }, {
+    key: "getAltTextInput",
+    value: function getAltTextInput() {
+      return this.cy.get(this.toTestId(this.testIds.altTextInput)).should('be.visible');
+    }
+  }, {
+    key: "getCaptionInput",
+    value: function getCaptionInput() {
+      return this.cy.get(this.toTestId(this.testIds.captionPlaceholder)).should('be.visible');
+    }
+  }]);
+
+  return EditorMediaPageObject;
+}(InProductTestPageObject);

package/dist/esm/__tests_external__/page-objects/EditorSmartLink.js

@@ -0,0 +1,218 @@
+import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
+import _createClass from "@babel/runtime/helpers/createClass";
+import _assertThisInitialized from "@babel/runtime/helpers/assertThisInitialized";
+import _inherits from "@babel/runtime/helpers/inherits";
+import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
+import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+
+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; } }
+
+import { InProductTestPageObject } from '@atlaskit/in-product-testing';
+import { BlockCardPageObject, EmbedCardPageObject, InlineCardPageObject } from '@atlaskit/smart-card/in-product';
+export var EditorSmartLinkPageObject = /*#__PURE__*/function (_InProductTestPageObj) {
+  _inherits(EditorSmartLinkPageObject, _InProductTestPageObj);
+
+  var _super = _createSuper(EditorSmartLinkPageObject);
+
+  function EditorSmartLinkPageObject(cy, editor) {
+    var _this;
+
+    _classCallCheck(this, EditorSmartLinkPageObject);
+
+    _this = _super.call(this, cy);
+
+    _defineProperty(_assertThisInitialized(_this), "testIds", {
+      viewSwitcher: 'link-toolbar-appearance-button',
+      displayUrlOption: 'url-appearance',
+      displayInlineOption: 'inline-appearance',
+      displayCardOption: 'block-appearance',
+      displayEmbedOption: 'embed-appearance',
+      linkUrl: 'link-url',
+      linkLabel: 'link-label'
+    });
+
+    _defineProperty(_assertThisInitialized(_this), "ariaLabels", {
+      editLink: 'Edit link',
+      deleteLink: 'Remove',
+      unlinkLink: 'Unlink'
+    });
+
+    _this.cy = cy;
+    _this.editor = editor;
+    return _this;
+  }
+
+  _createClass(EditorSmartLinkPageObject, [{
+    key: "getViewSwitcher",
+    value: function getViewSwitcher() {
+      return this.cy.get(this.toTestId(this.testIds.viewSwitcher));
+    }
+  }, {
+    key: "openViewSwitcher",
+    value: function openViewSwitcher() {
+      return this.getViewSwitcher().click();
+    }
+  }, {
+    key: "getViewSwitcherOption",
+    value: function getViewSwitcherOption() {
+      var type = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'inline';
+
+      switch (type) {
+        case 'url':
+          {
+            return this.cy.get(this.toTestId(this.testIds.displayUrlOption));
+          }
+
+        case 'inline':
+          {
+            return this.cy.get(this.toTestId(this.testIds.displayInlineOption));
+          }
+
+        case 'block':
+          {
+            return this.cy.get(this.toTestId(this.testIds.displayCardOption));
+          }
+
+        case 'embed':
+          {
+            return this.cy.get(this.toTestId(this.testIds.displayEmbedOption));
+          }
+
+        default:
+          {
+            throw Error("Attempted to switch to `".concat(type, "`: unknown Smart Link view switcher option!"));
+          }
+      }
+    }
+  }, {
+    key: "selectViewSwitcherOption",
+    value: function selectViewSwitcherOption() {
+      var type = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'inline';
+      var viewSwitcherOption = this.getViewSwitcherOption(type);
+      return viewSwitcherOption.click();
+    }
+  }, {
+    key: "insertSmartLinkByTyping",
+    value: function insertSmartLinkByTyping(url) {
+      return this.editor.getEditorArea().focus().type("".concat(url, " {enter}"), {
+        delay: 0
+      });
+    }
+  }, {
+    key: "switchAfterInsert",
+    value: function switchAfterInsert() {
+      var type = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'inline';
+      // NOTE: inline inserted by default for all Smart Links.
+      var inlineCard = new InlineCardPageObject(this.cy);
+      inlineCard.click();
+      this.openViewSwitcher();
+      this.selectViewSwitcherOption(type);
+    }
+  }, {
+    key: "getSmartLink",
+    value: function getSmartLink() {
+      var type = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'inline';
+
+      switch (type) {
+        case 'inline':
+          {
+            return new InlineCardPageObject(this.cy);
+          }
+
+        case 'block':
+          {
+            return new BlockCardPageObject(this.cy);
+          }
+
+        case 'embed':
+          {
+            return new EmbedCardPageObject(this.cy);
+          }
+
+        case 'url':
+          {
+            return new InlineCardPageObject(this.cy);
+          }
+      }
+    }
+  }, {
+    key: "getEditLinkButton",
+    value: function getEditLinkButton() {
+      return this.cy.get(this.toAriaLabel(this.ariaLabels.editLink));
+    }
+  }, {
+    key: "openEditLinkMenu",
+    value: function openEditLinkMenu() {
+      var button = this.getEditLinkButton();
+      return button.click();
+    }
+  }, {
+    key: "changeLinkLabel",
+    value: function changeLinkLabel(title) {
+      var type = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'inline';
+      var smartLink = this.getSmartLink(type);
+      smartLink.click();
+      this.openEditLinkMenu();
+      this.typeIntoLabelField(title);
+    }
+  }, {
+    key: "changeLinkUrl",
+    value: function changeLinkUrl(url) {
+      var type = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'inline';
+      this.getSmartLink(type).click();
+      this.openEditLinkMenu();
+      this.typeIntoUrlField(url);
+    }
+  }, {
+    key: "typeIntoLabelField",
+    value: function typeIntoLabelField(title) {
+      var titleField = this.cy.get(this.toTestId(this.testIds.linkLabel)).focus();
+      titleField.clear();
+      titleField.type("".concat(title, "{enter}"), {
+        delay: 0
+      });
+    }
+  }, {
+    key: "typeIntoUrlField",
+    value: function typeIntoUrlField(url) {
+      var urlField = this.cy.get(this.toTestId(this.testIds.linkUrl)).focus();
+      urlField.clear();
+      urlField.type("".concat(url, "{enter}"), {
+        delay: 0
+      });
+    }
+  }, {
+    key: "deleteSmartLink",
+    value: function deleteSmartLink() {
+      var type = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'inline';
+      this.getSmartLink(type).click();
+      this.clickDeleteIcon();
+    }
+  }, {
+    key: "clickDeleteIcon",
+    value: function clickDeleteIcon() {
+      var ariaLabelSelector = this.toAriaLabel(this.ariaLabels.deleteLink);
+      var deleteButtonSelector = "button".concat(ariaLabelSelector);
+      return this.cy.get(deleteButtonSelector).click();
+    }
+  }, {
+    key: "unlink",
+    value: function unlink() {
+      var type = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'inline';
+      this.getSmartLink(type).click();
+      this.clickUnlinkIcon();
+    }
+  }, {
+    key: "clickUnlinkIcon",
+    value: function clickUnlinkIcon() {
+      var ariaLabelSelector = this.toAriaLabel(this.ariaLabels.unlinkLink);
+      var unlinkButtonSelector = "button".concat(ariaLabelSelector);
+      return this.cy.get(unlinkButtonSelector).click();
+    }
+  }]);
+
+  return EditorSmartLinkPageObject;
+}(InProductTestPageObject);

package/dist/esm/__tests_external__/page-objects/Renderer.js

@@ -0,0 +1,45 @@
+import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
+import _createClass from "@babel/runtime/helpers/createClass";
+import _inherits from "@babel/runtime/helpers/inherits";
+import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
+import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
+
+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; } }
+
+import { InProductTestPageObject } from '@atlaskit/in-product-testing';
+export var RendererPageObject = /*#__PURE__*/function (_InProductTestPageObj) {
+  _inherits(RendererPageObject, _InProductTestPageObj);
+
+  var _super = _createSuper(RendererPageObject);
+
+  function RendererPageObject() {
+    _classCallCheck(this, RendererPageObject);
+
+    return _super.apply(this, arguments);
+  }
+
+  _createClass(RendererPageObject, [{
+    key: "getContent",
+    value: function getContent() {
+      return this.cy.get('.ak-renderer-document');
+    }
+  }, {
+    key: "expectContentReady",
+    value: function expectContentReady() {
+      return this.cy.get('.ak-renderer-document').should('be.visible');
+    }
+  }, {
+    key: "expectMediaSingleRenders",
+    value: function expectMediaSingleRenders(numOfMedia) {
+      var _this = this;
+
+      return this.cy.get('.rich-media-item').should('have.length', numOfMedia).each(function (element) {
+        _this.cy.wrap(element).should('have.attr', 'data-layout', 'center').should('have.attr', 'data-node-type', 'mediaSingle').should('be.visible');
+      });
+    }
+  }]);
+
+  return RendererPageObject;
+}(InProductTestPageObject);

package/dist/esm/messages/codeBlockCopyButton.js

@@ -0,0 +1,13 @@
+import { defineMessages } from 'react-intl-next';
+export var codeBlockCopyButtonMessages = defineMessages({
+  copyCodeToClipboard: {
+    id: 'fabric.editor.codeBlockCopyButton.copyToClipboard',
+    defaultMessage: 'Copy as text',
+    description: 'Copy the content of the code block as text to your clipboard'
+  },
+  copiedCodeToClipboard: {
+    id: 'fabric.editor.codeBlockCopyButton.copiedToClipboard',
+    defaultMessage: 'Copied!',
+    description: 'Copied the content of the code block as text to clipboard'
+  }
+});

package/dist/esm/messages/index.js

@@ -1,3 +1,4 @@
 export { codeBidiWarningMessages } from './codeBidiWarning';
 export { linkMessages } from './link';
-export { unsupportedContentMessages } from './unsupportedContent';
+export { unsupportedContentMessages } from './unsupportedContent';
+export { codeBlockCopyButtonMessages } from './codeBlockCopyButton';

package/dist/esm/styles/shared/block-marks.js

@@ -3,4 +3,4 @@ import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral
 var _templateObject;
 
 import { css } from '@emotion/react';
-export var blockMarksSharedStyles = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  /**\n   * We need to remove margin-top from first item\n   * inside doc, tableCell, tableHeader, blockquote, etc.\n   */\n  *:not(.fabric-editor-block-mark) >,\n  /* For nested block marks */\n  *:not(.fabric-editor-block-mark) > div.fabric-editor-block-mark:first-of-type {\n    p,\n    h1,\n    h2,\n    h3,\n    h4,\n    h5,\n    h6,\n    .heading-wrapper {\n      :first-child:not(style),\n      style:first-child + * {\n        margin-top: 0;\n      }\n    }\n  }\n"])));
+export var blockMarksSharedStyles = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  /**\n   * We need to remove margin-top from first item\n   * inside doc, tableCell, tableHeader, blockquote, etc.\n   */\n  *:not(.fabric-editor-block-mark) >,\n  /* For nested block marks apart from those with indentation mark */\n  *:not(.fabric-editor-block-mark) > div.fabric-editor-block-mark:first-of-type:not(.fabric-editor-indentation-mark),\n  // If first document element has indentation mark remove margin-top\n  .ProseMirror .fabric-editor-indentation-mark:first-of-type:first-child {\n    p,\n    h1,\n    h2,\n    h3,\n    h4,\n    h5,\n    h6,\n    .heading-wrapper {\n      :first-child:not(style),\n      style:first-child + * {\n        margin-top: 0;\n      }\n    }\n  }\n"])));

package/dist/esm/styles/shared/code-block.js

@@ -10,12 +10,14 @@ import { borderRadius, fontSize, gridSize } from '@atlaskit/theme/constants';
 import { token } from '@atlaskit/tokens';
 export var CodeBlockSharedCssClassName = {
   CODEBLOCK_CONTAINER: 'code-block',
+  CODEBLOCK_START: 'code-block--start',
+  CODEBLOCK_END: 'code-block--end',
   CODEBLOCK_LINE_NUMBER_GUTTER: 'line-number-gutter',
   CODEBLOCK_CONTENT: 'code-content',
   DS_CODEBLOCK: '[data-ds--code--code-block]'
 };
 export var codeBlockSharedStyles = function codeBlockSharedStyles(props) {
-  return css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  .", " {\n    position: relative;\n    background-color: ", ";\n    border-radius: ", "px;\n    counter-reset: line;\n    display: flex;\n    overflow-x: auto;\n\n    background-image: ", ";\n\n    --ds--code--bg-color: transparent;\n\n    background-repeat: no-repeat;\n    background-attachment: local, scroll, scroll;\n    background-size: 8px 100%, 8px 100%, 8px 100%;\n    background-position: 100% 0, 100% 0, 0 0;\n    font-family: ", ";\n    margin: ", " 0 0 0;\n    min-width: ", "px;\n    cursor: pointer;\n\n    .", " {\n      flex-shrink: 0;\n      text-align: right;\n      background-color: ", ";\n      padding: ", "px;\n\n      span {\n        display: block;\n        line-height: 0;\n        font-size: 0;\n\n        ::before {\n          display: inline-block;\n          content: counter(line);\n          counter-increment: line;\n          color: ", ";\n          font-size: ", ";\n          line-height: 1.5rem;\n        }\n      }\n    }\n\n    .", " {\n      display: flex;\n      flex: 1;\n\n      code {\n        flex-grow: 1;\n        tab-size: 4;\n        cursor: text;\n        color: ", ";\n        border-radius: ", "px;\n        margin: ", "px;\n        white-space: pre;\n        font-size: ", ";\n        line-height: 1.5rem;\n      }\n    }\n  }\n"])), CodeBlockSharedCssClassName.CODEBLOCK_CONTAINER, themed({
+  return css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  .", " {\n    position: relative;\n    background-color: ", ";\n    border-radius: ", "px;\n    counter-reset: line;\n    display: flex;\n    overflow-x: auto;\n\n    background-image: ", ";\n\n    --ds--code--bg-color: transparent;\n\n    background-repeat: no-repeat;\n    background-attachment: local, scroll, scroll;\n    background-size: 8px 100%, 8px 100%, 8px 100%;\n    background-position: 100% 0, 100% 0, 0 0;\n    font-family: ", ";\n    margin: ", " 0 0 0;\n    min-width: ", "px;\n    cursor: pointer;\n\n    .", " {\n      position: absolute;\n      visibility: hidden;\n      height: 1.5rem;\n      top: 0px;\n      left: 0px;\n    }\n\n    .", " {\n      position: absolute;\n      visibility: hidden;\n      height: 1.5rem;\n      bottom: 0px;\n      right: 0px;\n    }\n\n    .", " {\n      flex-shrink: 0;\n      text-align: right;\n      background-color: ", ";\n      padding: ", "px;\n\n      span {\n        display: block;\n        line-height: 0;\n        font-size: 0;\n\n        ::before {\n          display: inline-block;\n          content: counter(line);\n          counter-increment: line;\n          color: ", ";\n          font-size: ", ";\n          line-height: 1.5rem;\n        }\n      }\n    }\n\n    .", " {\n      display: flex;\n      flex: 1;\n\n      code {\n        flex-grow: 1;\n        tab-size: 4;\n        cursor: text;\n        color: ", ";\n        border-radius: ", "px;\n        margin: ", "px;\n        white-space: pre;\n        font-size: ", ";\n        line-height: 1.5rem;\n      }\n    }\n  }\n"])), CodeBlockSharedCssClassName.CODEBLOCK_CONTAINER, themed({
     light: token('color.background.neutral', N20),
     dark: token('color.background.neutral', DN50)
   })(props), borderRadius(), overflowShadow({
@@ -26,7 +28,7 @@ export var codeBlockSharedStyles = function codeBlockSharedStyles(props) {
       dark: DN50
     })(props),
     width: '8px'
-  }), akEditorCodeFontFamily, blockNodesVerticalMargin, akEditorTableCellMinWidth, CodeBlockSharedCssClassName.CODEBLOCK_LINE_NUMBER_GUTTER, themed({
+  }), akEditorCodeFontFamily, blockNodesVerticalMargin, akEditorTableCellMinWidth, CodeBlockSharedCssClassName.CODEBLOCK_START, CodeBlockSharedCssClassName.CODEBLOCK_END, CodeBlockSharedCssClassName.CODEBLOCK_LINE_NUMBER_GUTTER, themed({
     light: token('color.background.neutral', N30),
     dark: token('color.background.neutral', DN20)
   })(props), gridSize(), themed({

package/dist/esm/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/editor-common",
-	"version": "69.1.2",
+	"version": "69.2.2",
 	"sideEffects": false
 }

package/dist/types/messages/codeBlockCopyButton.d.ts

@@ -0,0 +1,12 @@
+export declare const codeBlockCopyButtonMessages: {
+    copyCodeToClipboard: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    copiedCodeToClipboard: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+};

package/dist/types/messages/index.d.ts

@@ -1,3 +1,4 @@
 export { codeBidiWarningMessages } from './codeBidiWarning';
 export { linkMessages } from './link';
 export { unsupportedContentMessages } from './unsupportedContent';
+export { codeBlockCopyButtonMessages } from './codeBlockCopyButton';

package/dist/types/styles/shared/code-block.d.ts

@@ -1,6 +1,8 @@
 import { ThemeProps } from '@atlaskit/theme/types';
 export declare const CodeBlockSharedCssClassName: {
     CODEBLOCK_CONTAINER: string;
+    CODEBLOCK_START: string;
+    CODEBLOCK_END: string;
     CODEBLOCK_LINE_NUMBER_GUTTER: string;
     CODEBLOCK_CONTENT: string;
     DS_CODEBLOCK: string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/editor-common",
-  "version": "69.1.2",
+  "version": "69.2.2",
   "description": "A package that contains common classes and components for editor and renderer",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -44,26 +44,26 @@
   },
   "dependencies": {
     "@atlaskit/activity-provider": "^2.3.0",
-    "@atlaskit/adf-schema": "^23.3.0",
+    "@atlaskit/adf-schema": "^24.0.0",
     "@atlaskit/adf-utils": "^17.1.0",
     "@atlaskit/analytics-namespaced-context": "^6.5.0",
     "@atlaskit/analytics-next": "^8.2.0",
     "@atlaskit/code": "^14.3.0",
     "@atlaskit/codemod-utils": "^4.1.0",
-    "@atlaskit/editor-json-transformer": "^8.7.0",
+    "@atlaskit/editor-json-transformer": "^8.8.0",
     "@atlaskit/editor-shared-styles": "^2.1.0",
-    "@atlaskit/emoji": "^65.1.0",
+    "@atlaskit/emoji": "^65.2.0",
     "@atlaskit/icon": "^21.10.0",
     "@atlaskit/in-product-testing": "^0.1.0",
     "@atlaskit/media-card": "^74.1.0",
     "@atlaskit/media-client": "^17.1.0",
     "@atlaskit/media-picker": "^63.0.0",
     "@atlaskit/mention": "^21.0.0",
-    "@atlaskit/profilecard": "^16.12.0",
-    "@atlaskit/smart-card": "^22.0.0",
+    "@atlaskit/profilecard": "^17.0.0",
+    "@atlaskit/smart-card": "^22.1.0",
     "@atlaskit/smart-user-picker": "^6.0.0",
-    "@atlaskit/task-decision": "^17.4.0",
-    "@atlaskit/theme": "^12.1.0",
+    "@atlaskit/task-decision": "^17.5.0",
+    "@atlaskit/theme": "^12.2.0",
     "@atlaskit/tokens": "^0.10.0",
     "@atlaskit/tooltip": "^17.5.0",
     "@atlaskit/ufo": "^0.1.0",
@@ -92,18 +92,17 @@
     "react-intl-next": "npm:react-intl@^5.18.1"
   },
   "devDependencies": {
-    "@atlaskit/editor-json-transformer": "^8.7.0",
+    "@atlaskit/editor-json-transformer": "^8.8.0",
     "@atlaskit/editor-test-helpers": "^17.1.0",
     "@atlaskit/media-core": "^33.0.0",
     "@atlaskit/util-data-test": "^17.5.0",
     "@atlaskit/visual-regression": "*",
     "@atlaskit/webdriver-runner": "*",
     "@atlassian/atlassian-frontend-prettier-config-1.0.1": "npm:@atlassian/atlassian-frontend-prettier-config@1.0.1",
-    "@testing-library/react": "^8.0.1",
+    "@testing-library/react": "^12.1.5",
     "@types/raf-schd": "^4.0.1",
     "cypress-file-upload": "^5.0.2",
     "enzyme": "^3.10.0",
-    "local-cypress": "^1.2.1",
     "raf-stub": "^2.0.1",
     "react": "^16.8.0",
     "react-test-renderer": "^16.8.0",