@atlaskit/renderer 93.0.0 → 93.0.3

package/CHANGELOG.md

@@ -1,5 +1,61 @@
 # @atlaskit/renderer
 
+## 93.0.3
+
+### Patch Changes
+
+- [`dd0d549d232`](https://bitbucket.org/atlassian/atlassian-frontend/commits/dd0d549d232) - [ux] ED-14943 Fix dark theme colors for annotations (inline comments) in renderer
+- Updated dependencies
+
+## 93.0.2
+
+### Patch Changes
+
+- [`cb2392f6d33`](https://bitbucket.org/atlassian/atlassian-frontend/commits/cb2392f6d33) - Upgrade to TypeScript 4.2.4
+- Updated dependencies
+
+## 93.0.1
+
+### Patch Changes
+
+- [`0c64f6136e6`](https://bitbucket.org/atlassian/atlassian-frontend/commits/0c64f6136e6) - ED-14268 migrate editor-core to use emotion
+- [`b29ce16dad8`](https://bitbucket.org/atlassian/atlassian-frontend/commits/b29ce16dad8) - [ED-14606] Move bitbucket schema, confluence schema, jira schema, and default schema from @atlaskit/adf-schema to their own entry points. These new entry points are as follows
+
+  @atlaskit/adf-schema/schema-bitbucket for:
+
+  - bitbucketSchema
+
+  @atlaskit/adf-schema/schema-confluence for:
+
+  - confluenceSchema
+  - confluenceSchemaWithMediaSingle
+
+  @atlaskit/adf-schema/schema-jira for:
+
+  - default as createJIRASchema
+  - isSchemaWithLists
+  - isSchemaWithMentions
+  - isSchemaWithEmojis
+  - isSchemaWithLinks
+  - isSchemaWithAdvancedTextFormattingMarks
+  - isSchemaWithCodeBlock
+  - isSchemaWithBlockQuotes
+  - isSchemaWithMedia
+  - isSchemaWithSubSupMark
+  - isSchemaWithTextColor
+  - isSchemaWithTables
+
+  @atlaskit/adf-schema/schema-default for:
+
+  - defaultSchema
+  - getSchemaBasedOnStage
+  - defaultSchemaConfig
+
+  This change also includes codemods in @atlaskit/adf-schema to update these entry points. It also introduces a new util function "changeImportEntryPoint" to @atlaskit/codemod-utils to handle this scenario.
+
+- [`3ef794dc11f`](https://bitbucket.org/atlassian/atlassian-frontend/commits/3ef794dc11f) - Removed emoji and media packages dependencies from renderer initial load.
+- Updated dependencies
+
 ## 93.0.0
 
 ### Major Changes

package/actions/package.json

@@ -3,5 +3,6 @@
   "main": "../dist/cjs/actions.js",
   "module": "../dist/esm/actions.js",
   "module:es2019": "../dist/es2019/actions.js",
+  "sideEffects": false,
   "types": "../dist/types/actions.d.ts"
 }

package/consts/package.json

@@ -3,5 +3,6 @@
   "main": "../dist/cjs/consts.js",
   "module": "../dist/esm/consts.js",
   "module:es2019": "../dist/es2019/consts.js",
+  "sideEffects": false,
   "types": "../dist/types/consts.d.ts"
 }

package/dist/cjs/i18n/en.js

@@ -0,0 +1,28 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+/**
+ * NOTE:
+ *
+ * This file is automatically generated by Traduki 2.0.
+ * DO NOT CHANGE IT BY HAND or your changes will be lost.
+ */
+//
+var _default = {
+  'fabric.editor.codeBlockCopyButton.copiedToClipboard': 'Copied!',
+  'fabric.editor.codeBlockCopyButton.copyToClipboard': 'Copy',
+  'fabric.editor.headingLink.ascOrderLabel': 'Sort column Z to A',
+  'fabric.editor.headingLink.ascSortingLabel': 'ascending',
+  'fabric.editor.headingLink.copied': 'Copied!',
+  'fabric.editor.headingLink.copyAnchorLink': 'Copy link to heading',
+  'fabric.editor.headingLink.copyAriaLabel': 'Copy',
+  'fabric.editor.headingLink.descOrderLabel': "⚠️ You can't sort a table with merged cell",
+  'fabric.editor.headingLink.failedToCopy': 'Copy failed',
+  'fabric.editor.headingLink.noOrderLabel': 'Sort column A to Z',
+  'fabric.editor.headingLink.noneSortingLabel': 'descending'
+};
+exports.default = _default;

package/dist/cjs/i18n/en_GB.js

@@ -0,0 +1,28 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+/**
+ * NOTE:
+ *
+ * This file is automatically generated by Traduki 2.0.
+ * DO NOT CHANGE IT BY HAND or your changes will be lost.
+ */
+//English (United Kingdom)
+var _default = {
+  'fabric.editor.codeBlockCopyButton.copiedToClipboard': 'Copied!',
+  'fabric.editor.codeBlockCopyButton.copyToClipboard': 'Copy',
+  'fabric.editor.headingLink.ascOrderLabel': 'Sort column Z to A',
+  'fabric.editor.headingLink.ascSortingLabel': 'ascending',
+  'fabric.editor.headingLink.copied': 'Copied!',
+  'fabric.editor.headingLink.copyAnchorLink': 'Copy link to heading',
+  'fabric.editor.headingLink.copyAriaLabel': 'Copy',
+  'fabric.editor.headingLink.descOrderLabel': "⚠️ You can't sort a table with merged cell",
+  'fabric.editor.headingLink.failedToCopy': 'Copy failed',
+  'fabric.editor.headingLink.noOrderLabel': 'Sort column A to Z',
+  'fabric.editor.headingLink.noneSortingLabel': 'descending'
+};
+exports.default = _default;

package/dist/cjs/i18n/pl.js

@@ -15,8 +15,14 @@ exports.default = void 0;
 var _default = {
   'fabric.editor.codeBlockCopyButton.copiedToClipboard': 'Skopiowano!',
   'fabric.editor.codeBlockCopyButton.copyToClipboard': 'Kopiuj',
+  'fabric.editor.headingLink.ascOrderLabel': 'Sortuj kolumnę od Z do A',
+  'fabric.editor.headingLink.ascSortingLabel': 'rosnąco',
   'fabric.editor.headingLink.copied': 'Skopiowano!',
   'fabric.editor.headingLink.copyAnchorLink': 'Skopiuj łącze do nagłówka',
-  'fabric.editor.headingLink.failedToCopy': 'Kopiowanie nie powiodło się'
+  'fabric.editor.headingLink.copyAriaLabel': 'Kopiuj',
+  'fabric.editor.headingLink.descOrderLabel': '⚠️ Nie można sortować tabeli ze scaloną komórką',
+  'fabric.editor.headingLink.failedToCopy': 'Kopiowanie nie powiodło się',
+  'fabric.editor.headingLink.noOrderLabel': 'Sortuj kolumnę od A do Z',
+  'fabric.editor.headingLink.noneSortingLabel': 'malejąco'
 };
 exports.default = _default;

package/dist/cjs/i18n/pt_BR.js

@@ -20,7 +20,7 @@ var _default = {
   'fabric.editor.headingLink.copied': 'Copiado!',
   'fabric.editor.headingLink.copyAnchorLink': 'Copiar link para cabeçalho',
   'fabric.editor.headingLink.copyAriaLabel': 'Copiar',
-  'fabric.editor.headingLink.descOrderLabel': '⚠ Você não pode ordenar uma tabela com células mescladas',
+  'fabric.editor.headingLink.descOrderLabel': '⚠️ Você não pode ordenar uma tabela com células mescladas',
   'fabric.editor.headingLink.failedToCopy': 'Falha na cópia',
   'fabric.editor.headingLink.noOrderLabel': 'Ordenar coluna de A a Z',
   'fabric.editor.headingLink.noneSortingLabel': 'descendente'

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

@@ -19,7 +19,7 @@ var _hint = _interopRequireDefault(require("@atlaskit/icon/glyph/editor/hint"));
 
 var _adfSchema = require("@atlaskit/adf-schema");
 
-var _styles = require("@atlaskit/editor-common/styles");
+var _panel = require("@atlaskit/editor-common/panel");
 
 var _emoji = _interopRequireDefault(require("@atlaskit/icon/glyph/editor/emoji"));
 
@@ -32,15 +32,21 @@ var _icons = require("@atlaskit/editor-common/icons");
 var _templateObject, _templateObject2;
 
 var PanelStyled = function PanelStyled(props) {
-  var styles = function styles(themeProps) {
-    return (0, _react2.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)([""])));
+  var styles = function styles(theme) {
+    return (0, _react2.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n    &.", " {\n      ", "\n    }\n  "])), _panel.PanelSharedCssClassName.prefix, (0, _panel.panelSharedStylesWithoutPrefix)({
+      theme: theme
+    }));
   };
 
   if (props['data-panel-type'] === _adfSchema.PanelType.CUSTOM && props.backgroundColor) {
-    styles = function styles(themeProps) {
-      return (0, _react2.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n      &[data-panel-type=", "] {\n        background-color: ", ";\n        ", ";\n      }\n    "])), _adfSchema.PanelType.CUSTOM, props.backgroundColor, (0, _theme.themed)({
-        dark: _styles.getPanelBackgroundDarkModeColors
-      })(themeProps));
+    styles = function styles(theme) {
+      return (0, _react2.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n      &.", " {\n        ", "\n      }\n\n      &[data-panel-type=", "] {\n        background-color: ", ";\n        ", ";\n      }\n    "])), _panel.PanelSharedCssClassName.prefix, (0, _panel.panelSharedStylesWithoutPrefix)({
+        theme: theme
+      }), _adfSchema.PanelType.CUSTOM, props.backgroundColor, (0, _theme.themed)({
+        dark: _panel.getPanelBackgroundDarkModeColors
+      })({
+        theme: theme
+      }));
     };
   }
 
@@ -98,13 +104,13 @@ var Panel = function Panel(props) {
 
     if (icon) {
       return (0, _react2.jsx)("div", {
-        className: _styles.PanelSharedCssClassName.icon
+        className: _panel.PanelSharedCssClassName.icon
       }, icon);
     }
   };
 
   return (0, _react2.jsx)(PanelStyled, {
-    className: _styles.PanelSharedCssClassName.prefix,
+    className: _panel.PanelSharedCssClassName.prefix,
     "data-panel-type": panelType,
     "data-panel-color": panelColor,
     "data-panel-icon": panelIcon,
@@ -112,7 +118,7 @@ var Panel = function Panel(props) {
     "data-panel-icon-text": panelIconText,
     backgroundColor: panelColor
   }, renderIcon(), (0, _react2.jsx)("div", {
-    className: _styles.PanelSharedCssClassName.content
+    className: _panel.PanelSharedCssClassName.content
   }, children));
 };
 

package/dist/cjs/render-document.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.renderDocument = void 0;
 
-var _adfSchema = require("@atlaskit/adf-schema");
+var _schemaDefault = require("@atlaskit/adf-schema/schema-default");
 
 var _validator = require("@atlaskit/editor-common/validator");
 
@@ -33,7 +33,7 @@ var withStopwatch = function withStopwatch(cb) {
 };
 
 var renderDocument = function renderDocument(doc, serializer) {
-  var schema = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : _adfSchema.defaultSchema;
+  var schema = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : _schemaDefault.defaultSchema;
   var adfStage = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : 'final';
   var useSpecBasedValidator = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : false;
   var rendererId = arguments.length > 5 && arguments[5] !== undefined ? arguments[5] : 'noid';

package/dist/cjs/text/index.js

@@ -11,7 +11,7 @@ var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/cl
 
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
 
-var _adfSchema = require("@atlaskit/adf-schema");
+var _schemaDefault = require("@atlaskit/adf-schema/schema-default");
 
 var _nodes = require("./nodes");
 
@@ -36,7 +36,7 @@ var TextSerializer = /*#__PURE__*/function () {
   }], [{
     key: "fromSchema",
     value: function fromSchema() {
-      var schema = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : _adfSchema.defaultSchema;
+      var schema = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : _schemaDefault.defaultSchema;
       return new TextSerializer(schema);
     }
   }]);

package/dist/cjs/ui/Renderer/click-to-edit.js

@@ -5,9 +5,9 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.isInteractiveElement = isInteractiveElement;
 
-var _mediaCard = require("@atlaskit/media-card");
+var _classnames = require("@atlaskit/media-card/classnames");
 
-var _classnames = require("@atlaskit/media-viewer/classnames");
+var _classnames2 = require("@atlaskit/media-viewer/classnames");
 
 /**
  * Check if an element is interactive (or otherwise if clicking on it shouldn't transition the
@@ -19,11 +19,11 @@ function isInteractiveElement(element) {
     return true;
   }
 
-  if (element.classList.contains(_classnames.mediaViewerPopupClass)) {
+  if (element.classList.contains(_classnames2.mediaViewerPopupClass)) {
     return true;
   }
 
-  if (element.classList.contains(_mediaCard.fileCardImageViewSelector)) {
+  if (element.classList.contains(_classnames.fileCardImageViewSelector)) {
     return true;
   }
 

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

@@ -29,7 +29,7 @@ var _react = _interopRequireWildcard(require("react"));
 
 var _react2 = require("@emotion/react");
 
-var _adfSchema = require("@atlaskit/adf-schema");
+var _schemaDefault = require("@atlaskit/adf-schema/schema-default");
 
 var _adfUtils = require("@atlaskit/adf-utils");
 
@@ -141,7 +141,7 @@ var Renderer = /*#__PURE__*/function (_PureComponent) {
         return schema;
       }
 
-      return (0, _adfSchema.getSchemaBasedOnStage)(adfStage);
+      return (0, _schemaDefault.getSchemaBasedOnStage)(adfStage);
     });
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "onMouseDownEditView", function () {
       // When the user is deselecting text on the screen by clicking, if they are clicking outside

package/dist/cjs/ui/Renderer/style.js

@@ -124,10 +124,10 @@ var rendererStyles = function rendererStyles(wrapperProps) {
     var themeProps = {
       theme: theme
     };
-    return (0, _react.css)(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteral2.default)(["\n    font-size: ", "px;\n    line-height: 1.5rem;\n    color: ", ";\n\n    .", "::after {\n      // we add a clearfix after ak-renderer-document in order to\n      // contain internal floats (such as media images that are \"wrap-left\")\n      // to just the renderer (and not spill outside of it)\n      content: '';\n      visibility: hidden;\n      display: block;\n      height: 0;\n      clear: both;\n    }\n\n    ", "\n    ", "\n\n    & h1 {\n      ", "\n    }\n\n    & h2 {\n      ", "\n    }\n\n    & h3 {\n      ", "\n    }\n\n    & h4 {\n      ", "\n    }\n\n    & h5 {\n      ", "\n    }\n\n    & h6 {\n      ", "\n    }\n\n    & span.akActionMark {\n      color: ", ";\n      text-decoration: none;\n\n      &:hover {\n        color: ", ";\n        text-decoration: underline;\n      }\n    }\n\n    & span.akActionMark {\n      cursor: pointer;\n    }\n\n    & span[data-placeholder] {\n      color: ", ";\n    }\n\n    ", ";\n    ", ";\n    ", ";\n    ", ";\n    ", ";\n    ", ";\n    ", ";\n    ", ";\n    ", ";\n    ", ";\n    ", ";\n    ", ";\n    ", ";\n    ", ";\n    ", "\n\n    & .UnknownBlock {\n      font-family: ", ";\n      font-size: ", ";\n      font-weight: 400;\n      white-space: pre-wrap;\n      word-wrap: break-word;\n    }\n\n    & span.date-node {\n      background: ", ";\n      border-radius: ", "px;\n      color: ", ";\n      padding: 2px 4px;\n      margin: 0 1px;\n      transition: background 0.3s;\n    }\n\n    & span.date-node-highlighted {\n      background: ", ";\n      color: ", ";\n    }\n\n    & .renderer-image {\n      max-width: 100%;\n      display: block;\n      margin: ", "px 0;\n    }\n\n    .", ".rich-media-wrapped\n      + .", ":not(.rich-media-wrapped) {\n      clear: both;\n    }\n\n    & .code-block,\n    & blockquote,\n    & hr,\n    & > div > div:not(.rich-media-wrapped),\n    .", ".rich-media-wrapped\n      + .rich-media-wrapped\n      + *:not(.rich-media-wrapped),\n    .", ".rich-media-wrapped + div:not(.rich-media-wrapped),\n    .", ".image-align-start,\n      .", ".image-center,\n      .", ".image-align-end {\n      clear: both;\n    }\n\n    & .rich-media-wrapped {\n      & + h1,\n      & + h2,\n      & + h3,\n      & + h4,\n      & + h5,\n      & + h6 {\n        margin-top: 8px;\n      }\n    }\n\n    ", "\n    /* plugin styles */\n    ", " &\n    div[class^='image-wrap-'] + div[class^='image-wrap-'] {\n      margin-left: 0;\n      margin-right: 0;\n    }\n\n    /* Breakout for tables and extensions */\n    .", " > {\n      * .", " {\n        width: 100% !important;\n        left: 0 !important;\n      }\n\n      * .", " {\n        overflow-x: auto;\n      }\n\n      & .", ":first-child {\n        margin-top: 0;\n      }\n    }\n\n    .", " {\n      .", " {\n        margin-top: ", ";\n      }\n\n      .", " {\n        margin-left: 50%;\n        transform: translateX(-50%);\n      }\n\n      .", " {\n        overflow-x: auto;\n      }\n    }\n\n    ", "\n\n    .", " .", " {\n      z-index: 0;\n      transition: all 0.1s linear;\n      display: flex; /* needed to avoid position: fixed jumpiness in Chrome */\n\n      /** Shadow overrides */\n      &.", "::after,\n        &.", "::before {\n        top: ", "px;\n        height: calc(100% - ", "px);\n        z-index: ", ";\n      }\n\n      /**\n     * A hack for making all the <th /> heights equal in case some have shorter\n     * content than others.\n     *\n     * This is done to make sort buttons fill entire <th />.\n     */\n      table {\n        height: 1px; /* will be ignored */\n        ", ";\n        margin-left: 0;\n        margin-right: 0;\n      }\n\n      table tr:first-child {\n        height: 100%;\n\n        td,\n        th {\n          position: relative;\n        }\n      }\n\n      table[data-number-column='true'] {\n        .", " {\n          background-color: ", ";\n          border-right: 1px solid\n            ", ";\n          width: ", "px;\n          text-align: center;\n          color: ", ";\n          font-size: ", ";\n        }\n\n        .fixed .", " {\n          border-right: 0px none;\n        }\n      }\n    }\n\n    tr[data-header-row].fixed {\n      position: fixed !important;\n      display: flex;\n      overflow: hidden;\n      z-index: ", ";\n\n      border-right: 1px solid\n        ", ";\n      border-bottom: 1px solid\n        ", ";\n\n      /* this is to compensate for the table border */\n      transform: translateX(-1px);\n    }\n\n    .sticky > th {\n      z-index: ", ";\n      position: sticky !important;\n      top: 0;\n    }\n\n    /* Make the number column header sticky */\n    .sticky > td {\n      position: sticky !important;\n      top: 0;\n    }\n\n    /* add border for position: sticky\n     and work around background-clip: padding-box\n     bug for FF causing box-shadow bug in Chrome */\n    .sticky th,\n    .sticky td {\n      box-shadow: 0px 1px\n          ", ",\n        0px -0.5px ", ",\n        inset -1px 0px ", ",\n        0px -1px ", ";\n    }\n\n    /* this will remove jumpiness caused in Chrome for sticky headers */\n    .fixed + tr {\n      min-height: 0px;\n    }\n\n    /*\n   * We wrap CodeBlock in a grid to prevent it from overflowing the container of the renderer.\n   * See ED-4159.\n   */\n    & .code-block {\n      max-width: 100%;\n      /* -ms- properties are necessary until MS supports the latest version of the grid spec */\n      /* stylelint-disable value-no-vendor-prefix, declaration-block-no-duplicate-properties */\n      display: -ms-grid;\n      display: grid;\n      -ms-grid-columns: auto 1fr;\n      /* stylelint-enable */\n\n      grid-template-columns: minmax(0, 1fr);\n      position: relative;\n      border-radius: ", "px;\n\n      /*\n     * The overall renderer has word-wrap: break; which causes issues with\n     * code block line numbers in Safari / iOS.\n     */\n      word-wrap: normal;\n\n      & > span {\n        /* stylelint-disable value-no-vendor-prefix */\n        -ms-grid-row: 1;\n        -ms-grid-column: 2;\n        /* stylelint-enable */\n        grid-column: 1;\n      }\n    }\n\n    & .MediaGroup,\n    & .code-block {\n      margin-top: ", ";\n\n      &:first-child {\n        margin-top: 0;\n      }\n\n      &:hover button.copy-to-clipboard,\n      .copy-to-clipboard:focus {\n        opacity: 1;\n        position: absolute;\n        height: 32px;\n        width: 32px;\n        right: 6px;\n        top: 4px;\n        padding: 2px;\n      }\n    }\n\n    ", ";\n    & [data-layout-section] {\n      margin-top: ", "px;\n      & > div + div {\n        margin-left: ", "px;\n      }\n\n      @media screen and (max-width: ", "px) {\n        & > div + div {\n          margin-left: 0;\n        }\n      }\n    }\n  "])), (0, _editorSharedStyles.editorFontSize)(themeProps), (0, _components.themed)({
+    return (0, _react.css)(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteral2.default)(["\n    font-size: ", "px;\n    line-height: 1.5rem;\n    color: ", ";\n\n    .", "::after {\n      // we add a clearfix after ak-renderer-document in order to\n      // contain internal floats (such as media images that are \"wrap-left\")\n      // to just the renderer (and not spill outside of it)\n      content: '';\n      visibility: hidden;\n      display: block;\n      height: 0;\n      clear: both;\n    }\n\n    ", "\n    ", "\n\n    & h1 {\n      ", "\n    }\n\n    & h2 {\n      ", "\n    }\n\n    & h3 {\n      ", "\n    }\n\n    & h4 {\n      ", "\n    }\n\n    & h5 {\n      ", "\n    }\n\n    & h6 {\n      ", "\n    }\n\n    & span.akActionMark {\n      color: ", ";\n      text-decoration: none;\n\n      &:hover {\n        color: ", ";\n        text-decoration: underline;\n      }\n    }\n\n    & span.akActionMark {\n      cursor: pointer;\n    }\n\n    & span[data-placeholder] {\n      color: ", ";\n    }\n\n    ", ";\n    ", ";\n    ", ";\n    ", ";\n    ", ";\n    ", ";\n    ", ";\n    ", ";\n    ", ";\n    ", ";\n    ", ";\n    ", ";\n    ", ";\n    ", "\n\n    & .UnknownBlock {\n      font-family: ", ";\n      font-size: ", ";\n      font-weight: 400;\n      white-space: pre-wrap;\n      word-wrap: break-word;\n    }\n\n    & span.date-node {\n      background: ", ";\n      border-radius: ", "px;\n      color: ", ";\n      padding: 2px 4px;\n      margin: 0 1px;\n      transition: background 0.3s;\n    }\n\n    & span.date-node-highlighted {\n      background: ", ";\n      color: ", ";\n    }\n\n    & .renderer-image {\n      max-width: 100%;\n      display: block;\n      margin: ", "px 0;\n    }\n\n    .", ".rich-media-wrapped\n      + .", ":not(.rich-media-wrapped) {\n      clear: both;\n    }\n\n    & .code-block,\n    & blockquote,\n    & hr,\n    & > div > div:not(.rich-media-wrapped),\n    .", ".rich-media-wrapped\n      + .rich-media-wrapped\n      + *:not(.rich-media-wrapped),\n    .", ".rich-media-wrapped + div:not(.rich-media-wrapped),\n    .", ".image-align-start,\n      .", ".image-center,\n      .", ".image-align-end {\n      clear: both;\n    }\n\n    & .rich-media-wrapped {\n      & + h1,\n      & + h2,\n      & + h3,\n      & + h4,\n      & + h5,\n      & + h6 {\n        margin-top: 8px;\n      }\n    }\n\n    ", "\n    /* plugin styles */\n    ", " &\n    div[class^='image-wrap-'] + div[class^='image-wrap-'] {\n      margin-left: 0;\n      margin-right: 0;\n    }\n\n    /* Breakout for tables and extensions */\n    .", " > {\n      * .", " {\n        width: 100% !important;\n        left: 0 !important;\n      }\n\n      * .", " {\n        overflow-x: auto;\n      }\n\n      & .", ":first-child {\n        margin-top: 0;\n      }\n    }\n\n    .", " {\n      .", " {\n        margin-top: ", ";\n      }\n\n      .", " {\n        margin-left: 50%;\n        transform: translateX(-50%);\n      }\n\n      .", " {\n        overflow-x: auto;\n      }\n    }\n\n    ", "\n\n    .", " .", " {\n      z-index: 0;\n      transition: all 0.1s linear;\n      display: flex; /* needed to avoid position: fixed jumpiness in Chrome */\n\n      /** Shadow overrides */\n      &.", "::after,\n        &.", "::before {\n        top: ", "px;\n        height: calc(100% - ", "px);\n        z-index: ", ";\n      }\n\n      /**\n     * A hack for making all the <th /> heights equal in case some have shorter\n     * content than others.\n     *\n     * This is done to make sort buttons fill entire <th />.\n     */\n      table {\n        height: 1px; /* will be ignored */\n        ", ";\n        margin-left: 0;\n        margin-right: 0;\n      }\n\n      table tr:first-child {\n        height: 100%;\n\n        td,\n        th {\n          position: relative;\n        }\n      }\n\n      table[data-number-column='true'] {\n        .", " {\n          background-color: ", ";\n          border-right: 1px solid\n            ", ";\n          width: ", "px;\n          text-align: center;\n          color: ", ";\n          font-size: ", ";\n        }\n\n        .fixed .", " {\n          border-right: 0px none;\n        }\n      }\n    }\n\n    tr[data-header-row].fixed {\n      position: fixed !important;\n      display: flex;\n      overflow: hidden;\n      z-index: ", ";\n\n      border-right: 1px solid\n        ", ";\n      border-bottom: 1px solid\n        ", ";\n\n      /* this is to compensate for the table border */\n      transform: translateX(-1px);\n    }\n\n    .sticky > th {\n      z-index: ", ";\n      position: sticky !important;\n      top: 0;\n    }\n\n    /* Make the number column header sticky */\n    .sticky > td {\n      position: sticky !important;\n      top: 0;\n    }\n\n    /* add border for position: sticky\n     and work around background-clip: padding-box\n     bug for FF causing box-shadow bug in Chrome */\n    .sticky th,\n    .sticky td {\n      box-shadow: 0px 1px\n          ", ",\n        0px -0.5px ", ",\n        inset -1px 0px ", ",\n        0px -1px ", ";\n    }\n\n    /* this will remove jumpiness caused in Chrome for sticky headers */\n    .fixed + tr {\n      min-height: 0px;\n    }\n\n    /*\n   * We wrap CodeBlock in a grid to prevent it from overflowing the container of the renderer.\n   * See ED-4159.\n   */\n    & .code-block {\n      max-width: 100%;\n      /* -ms- properties are necessary until MS supports the latest version of the grid spec */\n      /* stylelint-disable value-no-vendor-prefix, declaration-block-no-duplicate-properties */\n      display: -ms-grid;\n      display: grid;\n      -ms-grid-columns: auto 1fr;\n      /* stylelint-enable */\n\n      grid-template-columns: minmax(0, 1fr);\n      position: relative;\n      border-radius: ", "px;\n\n      /*\n     * The overall renderer has word-wrap: break; which causes issues with\n     * code block line numbers in Safari / iOS.\n     */\n      word-wrap: normal;\n\n      & > span {\n        /* stylelint-disable value-no-vendor-prefix */\n        -ms-grid-row: 1;\n        -ms-grid-column: 2;\n        /* stylelint-enable */\n        grid-column: 1;\n      }\n    }\n\n    & .MediaGroup,\n    & .code-block {\n      margin-top: ", ";\n\n      &:first-child {\n        margin-top: 0;\n      }\n\n      &:hover button.copy-to-clipboard,\n      .copy-to-clipboard:focus {\n        opacity: 1;\n        position: absolute;\n        height: 32px;\n        width: 32px;\n        right: 6px;\n        top: 4px;\n        padding: 2px;\n      }\n    }\n\n    ", ";\n    & [data-layout-section] {\n      margin-top: ", "px;\n      & > div + div {\n        margin-left: ", "px;\n      }\n\n      @media screen and (max-width: ", "px) {\n        & > div + div {\n          margin-left: 0;\n        }\n      }\n    }\n  "])), (0, _editorSharedStyles.editorFontSize)(themeProps), (0, _components.themed)({
       light: colors.N800,
       dark: '#B8C7E0'
-    })(themeProps), _consts.RendererCssClassName.DOCUMENT, fullPageStyles(wrapperProps, themeProps), fullWidthStyles(wrapperProps), headingAnchorStyle('h1'), headingAnchorStyle('h2'), headingAnchorStyle('h3'), headingAnchorStyle('h4'), headingAnchorStyle('h5'), headingAnchorStyle('h6'), colors.B400, colors.B300, colors.placeholderText(themeProps), _styles.whitespaceSharedStyles, _styles.blockquoteSharedStyles, (0, _styles.headingsSharedStyles)(themeProps), (0, _styles.panelSharedStyles)(themeProps), (0, _styles.ruleSharedStyles)(themeProps), _styles.paragraphSharedStyles, _styles.listsSharedStyles, _styles.indentationSharedStyles, _styles.blockMarksSharedStyles, (0, _styles.codeMarkSharedStyles)(themeProps), _styles.shadowSharedStyle, _styles.dateSharedStyle, _styles.textColorStyles, _styles.tasksAndDecisionsStyles, _styles.smartCardSharedStyles, (0, _constants.fontFamily)(), (0, _editorSharedStyles.relativeFontSizeToBase16)((0, _constants.fontSize)()), (0, _components.themed)({
+    })(themeProps), _consts.RendererCssClassName.DOCUMENT, fullPageStyles(wrapperProps, themeProps), fullWidthStyles(wrapperProps), headingAnchorStyle('h1'), headingAnchorStyle('h2'), headingAnchorStyle('h3'), headingAnchorStyle('h4'), headingAnchorStyle('h5'), headingAnchorStyle('h6'), colors.B400, colors.B300, colors.placeholderText(themeProps), _styles.whitespaceSharedStyles, _styles.blockquoteSharedStyles, (0, _styles.headingsSharedStyles)(themeProps), (0, _styles.ruleSharedStyles)(themeProps), _styles.paragraphSharedStyles, _styles.listsSharedStyles, _styles.indentationSharedStyles, _styles.blockMarksSharedStyles, (0, _styles.codeMarkSharedStyles)(themeProps), _styles.shadowSharedStyle, _styles.dateSharedStyle, _styles.textColorStyles, _styles.tasksAndDecisionsStyles, _styles.smartCardSharedStyles, (0, _constants.fontFamily)(), (0, _editorSharedStyles.relativeFontSizeToBase16)((0, _constants.fontSize)()), (0, _components.themed)({
       light: colors.N30A,
       dark: colors.DN70
     })(themeProps), (0, _constants.borderRadius)(), (0, _components.themed)({

package/dist/cjs/ui/annotations/element/mark.js

@@ -36,7 +36,11 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (O
 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; }
 
 var markStyles = function markStyles(props) {
-  return (0, _react2.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  color: inherit;\n  background-color: unset;\n  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n\n  &[data-mark-annotation-state='", "'] {\n    ", ";\n\n    &:focus,\n    &[data-has-focus='true'] {\n      ", ";\n    }\n  }\n"])), _adfSchema.AnnotationMarkStates.ACTIVE, (0, _styles.AnnotationSharedCSSByState)(props).blur, (0, _styles.AnnotationSharedCSSByState)(props).focus);
+  return (0, _react2.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  color: inherit;\n  background-color: unset;\n  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n\n  &[data-mark-annotation-state='", "'] {\n    ", ";\n\n    &:focus,\n    &[data-has-focus='true'] {\n      ", ";\n    }\n  }\n"])), _adfSchema.AnnotationMarkStates.ACTIVE, (0, _styles.AnnotationSharedCSSByState)({
+    theme: props
+  }).blur, (0, _styles.AnnotationSharedCSSByState)({
+    theme: props
+  }).focus);
 };
 
 var MarkComponent = function MarkComponent(_ref) {

package/dist/cjs/utils.js

@@ -14,7 +14,7 @@ var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/creat
 
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
 
-var _adfSchema = require("@atlaskit/adf-schema");
+var _schemaDefault = require("@atlaskit/adf-schema/schema-default");
 
 var _editorJsonTransformer = require("@atlaskit/editor-json-transformer");
 
@@ -26,7 +26,7 @@ function createEncoder(parser, encoder) {
 
 var ADFEncoder = /*#__PURE__*/(0, _createClass2.default)(function ADFEncoder(createTransformerWithSchema) {
   (0, _classCallCheck2.default)(this, ADFEncoder);
-  var transformer = createTransformerWithSchema(_adfSchema.defaultSchema);
+  var transformer = createTransformerWithSchema(_schemaDefault.defaultSchema);
   this.encode = createEncoder(transformer, new _editorJsonTransformer.JSONTransformer());
 });
 exports.ADFEncoder = ADFEncoder;

package/dist/cjs/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/renderer",
-	"version": "93.0.0",
+	"version": "93.0.3",
 	"sideEffects": false
 }

package/dist/es2019/i18n/en.js

@@ -0,0 +1,20 @@
+/**
+ * NOTE:
+ *
+ * This file is automatically generated by Traduki 2.0.
+ * DO NOT CHANGE IT BY HAND or your changes will be lost.
+ */
+//
+export default {
+  'fabric.editor.codeBlockCopyButton.copiedToClipboard': 'Copied!',
+  'fabric.editor.codeBlockCopyButton.copyToClipboard': 'Copy',
+  'fabric.editor.headingLink.ascOrderLabel': 'Sort column Z to A',
+  'fabric.editor.headingLink.ascSortingLabel': 'ascending',
+  'fabric.editor.headingLink.copied': 'Copied!',
+  'fabric.editor.headingLink.copyAnchorLink': 'Copy link to heading',
+  'fabric.editor.headingLink.copyAriaLabel': 'Copy',
+  'fabric.editor.headingLink.descOrderLabel': "⚠️ You can't sort a table with merged cell",
+  'fabric.editor.headingLink.failedToCopy': 'Copy failed',
+  'fabric.editor.headingLink.noOrderLabel': 'Sort column A to Z',
+  'fabric.editor.headingLink.noneSortingLabel': 'descending'
+};

package/dist/es2019/i18n/en_GB.js

@@ -0,0 +1,20 @@
+/**
+ * NOTE:
+ *
+ * This file is automatically generated by Traduki 2.0.
+ * DO NOT CHANGE IT BY HAND or your changes will be lost.
+ */
+//English (United Kingdom)
+export default {
+  'fabric.editor.codeBlockCopyButton.copiedToClipboard': 'Copied!',
+  'fabric.editor.codeBlockCopyButton.copyToClipboard': 'Copy',
+  'fabric.editor.headingLink.ascOrderLabel': 'Sort column Z to A',
+  'fabric.editor.headingLink.ascSortingLabel': 'ascending',
+  'fabric.editor.headingLink.copied': 'Copied!',
+  'fabric.editor.headingLink.copyAnchorLink': 'Copy link to heading',
+  'fabric.editor.headingLink.copyAriaLabel': 'Copy',
+  'fabric.editor.headingLink.descOrderLabel': "⚠️ You can't sort a table with merged cell",
+  'fabric.editor.headingLink.failedToCopy': 'Copy failed',
+  'fabric.editor.headingLink.noOrderLabel': 'Sort column A to Z',
+  'fabric.editor.headingLink.noneSortingLabel': 'descending'
+};

package/dist/es2019/i18n/pl.js

@@ -8,7 +8,13 @@
 export default {
   'fabric.editor.codeBlockCopyButton.copiedToClipboard': 'Skopiowano!',
   'fabric.editor.codeBlockCopyButton.copyToClipboard': 'Kopiuj',
+  'fabric.editor.headingLink.ascOrderLabel': 'Sortuj kolumnę od Z do A',
+  'fabric.editor.headingLink.ascSortingLabel': 'rosnąco',
   'fabric.editor.headingLink.copied': 'Skopiowano!',
   'fabric.editor.headingLink.copyAnchorLink': 'Skopiuj łącze do nagłówka',
-  'fabric.editor.headingLink.failedToCopy': 'Kopiowanie nie powiodło się'
+  'fabric.editor.headingLink.copyAriaLabel': 'Kopiuj',
+  'fabric.editor.headingLink.descOrderLabel': '⚠️ Nie można sortować tabeli ze scaloną komórką',
+  'fabric.editor.headingLink.failedToCopy': 'Kopiowanie nie powiodło się',
+  'fabric.editor.headingLink.noOrderLabel': 'Sortuj kolumnę od A do Z',
+  'fabric.editor.headingLink.noneSortingLabel': 'malejąco'
 };

package/dist/es2019/i18n/pt_BR.js

@@ -13,7 +13,7 @@ export default {
   'fabric.editor.headingLink.copied': 'Copiado!',
   'fabric.editor.headingLink.copyAnchorLink': 'Copiar link para cabeçalho',
   'fabric.editor.headingLink.copyAriaLabel': 'Copiar',
-  'fabric.editor.headingLink.descOrderLabel': '⚠ Você não pode ordenar uma tabela com células mescladas',
+  'fabric.editor.headingLink.descOrderLabel': '⚠️ Você não pode ordenar uma tabela com células mescladas',
   'fabric.editor.headingLink.failedToCopy': 'Falha na cópia',
   'fabric.editor.headingLink.noOrderLabel': 'Ordenar coluna de A a Z',
   'fabric.editor.headingLink.noneSortingLabel': 'descendente'

package/dist/es2019/react/nodes/panel.js

@@ -5,25 +5,38 @@ import React from 'react';
 import { css, jsx } from '@emotion/react';
 import TipIcon from '@atlaskit/icon/glyph/editor/hint';
 import { PanelType } from '@atlaskit/adf-schema';
-import { PanelSharedCssClassName } from '@atlaskit/editor-common/styles';
+import { getPanelBackgroundDarkModeColors, panelSharedStylesWithoutPrefix, PanelSharedCssClassName } from '@atlaskit/editor-common/panel';
 import EmojiIcon from '@atlaskit/icon/glyph/editor/emoji';
 import EmojiItem from './emoji'; // AFP-2532 TODO: Fix automatic suppressions below
 // eslint-disable-next-line @atlassian/tangerine/import/entry-points
 
 import { themed } from '@atlaskit/theme';
-import { getPanelBackgroundDarkModeColors } from '@atlaskit/editor-common/styles';
 import { PanelInfoIcon, PanelSuccessIcon, PanelNoteIcon, PanelWarningIcon, PanelErrorIcon } from '@atlaskit/editor-common/icons';
 
 const PanelStyled = props => {
-  let styles = themeProps => css``;
+  let styles = theme => css`
+    &.${PanelSharedCssClassName.prefix} {
+      ${panelSharedStylesWithoutPrefix({
+    theme
+  })}
+    }
+  `;
 
   if (props['data-panel-type'] === PanelType.CUSTOM && props.backgroundColor) {
-    styles = themeProps => css`
+    styles = theme => css`
+      &.${PanelSharedCssClassName.prefix} {
+        ${panelSharedStylesWithoutPrefix({
+      theme
+    })}
+      }
+
       &[data-panel-type=${PanelType.CUSTOM}] {
         background-color: ${props.backgroundColor};
         ${themed({
       dark: getPanelBackgroundDarkModeColors
-    })(themeProps)};
+    })({
+      theme
+    })};
       }
     `;
   }

package/dist/es2019/render-document.js

@@ -1,4 +1,4 @@
-import { defaultSchema } from '@atlaskit/adf-schema';
+import { defaultSchema } from '@atlaskit/adf-schema/schema-default';
 import { getValidDocument } from '@atlaskit/editor-common/validator';
 import { validateADFEntity, findAndTrackUnsupportedContentNodes } from '@atlaskit/editor-common/utils';
 import { ACTION, ACTION_SUBJECT, EVENT_TYPE } from './analytics/enums';

package/dist/es2019/text/index.js

@@ -1,4 +1,4 @@
-import { defaultSchema } from '@atlaskit/adf-schema';
+import { defaultSchema } from '@atlaskit/adf-schema/schema-default';
 import { reduce } from './nodes';
 export default class TextSerializer {
   constructor(schema) {

package/dist/es2019/ui/Renderer/click-to-edit.js

@@ -1,4 +1,4 @@
-import { fileCardImageViewSelector } from '@atlaskit/media-card';
+import { fileCardImageViewSelector } from '@atlaskit/media-card/classnames';
 import { mediaViewerPopupClass } from '@atlaskit/media-viewer/classnames';
 /**
  * Check if an element is interactive (or otherwise if clicking on it shouldn't transition the

package/dist/es2019/ui/Renderer/index.js

@@ -5,7 +5,7 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import React, { Fragment, useContext, useLayoutEffect, useRef } from 'react';
 import { jsx } from '@emotion/react';
 import { PureComponent } from 'react';
-import { getSchemaBasedOnStage } from '@atlaskit/adf-schema';
+import { getSchemaBasedOnStage } from '@atlaskit/adf-schema/schema-default';
 import { reduce } from '@atlaskit/adf-utils';
 import { ProviderFactory } from '@atlaskit/editor-common/provider-factory';
 import { UnsupportedBlock, BaseTheme, WidthProvider, WithCreateAnalyticsEvent, IntlErrorBoundary } from '@atlaskit/editor-common/ui';

package/dist/es2019/ui/Renderer/style.js

@@ -3,7 +3,7 @@ import { themed } from '@atlaskit/theme/components';
 import { gridSize, fontFamily, fontSize, borderRadius } from '@atlaskit/theme/constants';
 import * as colors from '@atlaskit/theme/colors';
 import { headingSizes as headingSizesImport } from '@atlaskit/theme/typography';
-import { tableSharedStyle, columnLayoutSharedStyle, blockquoteSharedStyles, headingsSharedStyles, panelSharedStyles, ruleSharedStyles, whitespaceSharedStyles, paragraphSharedStyles, listsSharedStyles, indentationSharedStyles, blockMarksSharedStyles, mediaSingleSharedStyle, TableSharedCssClassName, tableMarginTop, codeMarkSharedStyles, shadowSharedStyle, dateSharedStyle, richMediaClassName, tasksAndDecisionsStyles, smartCardSharedStyles, tableCellPadding, textColorStyles } from '@atlaskit/editor-common/styles';
+import { tableSharedStyle, columnLayoutSharedStyle, blockquoteSharedStyles, headingsSharedStyles, ruleSharedStyles, whitespaceSharedStyles, paragraphSharedStyles, listsSharedStyles, indentationSharedStyles, blockMarksSharedStyles, mediaSingleSharedStyle, TableSharedCssClassName, tableMarginTop, codeMarkSharedStyles, shadowSharedStyle, dateSharedStyle, richMediaClassName, tasksAndDecisionsStyles, smartCardSharedStyles, tableCellPadding, textColorStyles } from '@atlaskit/editor-common/styles';
 import { shadowClassNames } from '@atlaskit/editor-common/ui';
 import { editorFontSize, blockNodesVerticalMargin, akEditorTableToolbar, akEditorTableToolbarDark, akEditorTableBorder, akEditorTableBorderDark, akEditorTableNumberColumnWidth, gridMediumMaxWidth, akEditorFullWidthLayoutWidth, akEditorStickyHeaderZIndex, relativeFontSizeToBase16 } from '@atlaskit/editor-shared-styles';
 import { RendererCssClassName } from '../../consts';
@@ -351,7 +351,6 @@ export const rendererStyles = wrapperProps => theme => {
     ${whitespaceSharedStyles};
     ${blockquoteSharedStyles};
     ${headingsSharedStyles(themeProps)};
-    ${panelSharedStyles(themeProps)};
     ${ruleSharedStyles(themeProps)};
     ${paragraphSharedStyles};
     ${listsSharedStyles};

package/dist/es2019/ui/annotations/element/mark.js

@@ -12,11 +12,15 @@ const markStyles = props => css`
   -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
 
   &[data-mark-annotation-state='${AnnotationMarkStates.ACTIVE}'] {
-    ${AnnotationSharedCSSByState(props).blur};
+    ${AnnotationSharedCSSByState({
+  theme: props
+}).blur};
 
     &:focus,
     &[data-has-focus='true'] {
-      ${AnnotationSharedCSSByState(props).focus};
+      ${AnnotationSharedCSSByState({
+  theme: props
+}).focus};
     }
   }
 `;

package/dist/es2019/utils.js

@@ -1,4 +1,4 @@
-import { defaultSchema } from '@atlaskit/adf-schema';
+import { defaultSchema } from '@atlaskit/adf-schema/schema-default';
 import { JSONTransformer } from '@atlaskit/editor-json-transformer';
 
 function createEncoder(parser, encoder) {

package/dist/es2019/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/renderer",
-	"version": "93.0.0",
+	"version": "93.0.3",
 	"sideEffects": false
 }

package/dist/esm/i18n/en.js

@@ -0,0 +1,20 @@
+/**
+ * NOTE:
+ *
+ * This file is automatically generated by Traduki 2.0.
+ * DO NOT CHANGE IT BY HAND or your changes will be lost.
+ */
+//
+export default {
+  'fabric.editor.codeBlockCopyButton.copiedToClipboard': 'Copied!',
+  'fabric.editor.codeBlockCopyButton.copyToClipboard': 'Copy',
+  'fabric.editor.headingLink.ascOrderLabel': 'Sort column Z to A',
+  'fabric.editor.headingLink.ascSortingLabel': 'ascending',
+  'fabric.editor.headingLink.copied': 'Copied!',
+  'fabric.editor.headingLink.copyAnchorLink': 'Copy link to heading',
+  'fabric.editor.headingLink.copyAriaLabel': 'Copy',
+  'fabric.editor.headingLink.descOrderLabel': "⚠️ You can't sort a table with merged cell",
+  'fabric.editor.headingLink.failedToCopy': 'Copy failed',
+  'fabric.editor.headingLink.noOrderLabel': 'Sort column A to Z',
+  'fabric.editor.headingLink.noneSortingLabel': 'descending'
+};