@atlaskit/renderer 93.0.0 → 93.0.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (42) hide show
  1. package/CHANGELOG.md +42 -0
  2. package/dist/cjs/i18n/en.js +28 -0
  3. package/dist/cjs/i18n/en_GB.js +28 -0
  4. package/dist/cjs/i18n/pl.js +7 -1
  5. package/dist/cjs/i18n/pt_BR.js +1 -1
  6. package/dist/cjs/react/nodes/panel.js +16 -10
  7. package/dist/cjs/render-document.js +2 -2
  8. package/dist/cjs/text/index.js +2 -2
  9. package/dist/cjs/ui/Renderer/click-to-edit.js +4 -4
  10. package/dist/cjs/ui/Renderer/index.js +2 -2
  11. package/dist/cjs/ui/Renderer/style.js +2 -2
  12. package/dist/cjs/utils.js +2 -2
  13. package/dist/cjs/version.json +1 -1
  14. package/dist/es2019/i18n/en.js +20 -0
  15. package/dist/es2019/i18n/en_GB.js +20 -0
  16. package/dist/es2019/i18n/pl.js +7 -1
  17. package/dist/es2019/i18n/pt_BR.js +1 -1
  18. package/dist/es2019/react/nodes/panel.js +18 -5
  19. package/dist/es2019/render-document.js +1 -1
  20. package/dist/es2019/text/index.js +1 -1
  21. package/dist/es2019/ui/Renderer/click-to-edit.js +1 -1
  22. package/dist/es2019/ui/Renderer/index.js +1 -1
  23. package/dist/es2019/ui/Renderer/style.js +1 -2
  24. package/dist/es2019/utils.js +1 -1
  25. package/dist/es2019/version.json +1 -1
  26. package/dist/esm/i18n/en.js +20 -0
  27. package/dist/esm/i18n/en_GB.js +20 -0
  28. package/dist/esm/i18n/pl.js +7 -1
  29. package/dist/esm/i18n/pt_BR.js +1 -1
  30. package/dist/esm/react/nodes/panel.js +12 -7
  31. package/dist/esm/render-document.js +1 -1
  32. package/dist/esm/text/index.js +1 -1
  33. package/dist/esm/ui/Renderer/click-to-edit.js +1 -1
  34. package/dist/esm/ui/Renderer/index.js +1 -1
  35. package/dist/esm/ui/Renderer/style.js +3 -3
  36. package/dist/esm/utils.js +1 -1
  37. package/dist/esm/version.json +1 -1
  38. package/dist/types/i18n/en.d.ts +20 -0
  39. package/dist/types/i18n/en_GB.d.ts +20 -0
  40. package/dist/types/i18n/pl.d.ts +6 -0
  41. package/dist/types/react/nodes/media.d.ts +1 -1
  42. package/package.json +11 -11
package/CHANGELOG.md CHANGED
@@ -1,5 +1,47 @@
1
1
  # @atlaskit/renderer
2
2
 
3
+ ## 93.0.1
4
+
5
+ ### Patch Changes
6
+
7
+ - [`0c64f6136e6`](https://bitbucket.org/atlassian/atlassian-frontend/commits/0c64f6136e6) - ED-14268 migrate editor-core to use emotion
8
+ - [`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
9
+
10
+ @atlaskit/adf-schema/schema-bitbucket for:
11
+
12
+ - bitbucketSchema
13
+
14
+ @atlaskit/adf-schema/schema-confluence for:
15
+
16
+ - confluenceSchema
17
+ - confluenceSchemaWithMediaSingle
18
+
19
+ @atlaskit/adf-schema/schema-jira for:
20
+
21
+ - default as createJIRASchema
22
+ - isSchemaWithLists
23
+ - isSchemaWithMentions
24
+ - isSchemaWithEmojis
25
+ - isSchemaWithLinks
26
+ - isSchemaWithAdvancedTextFormattingMarks
27
+ - isSchemaWithCodeBlock
28
+ - isSchemaWithBlockQuotes
29
+ - isSchemaWithMedia
30
+ - isSchemaWithSubSupMark
31
+ - isSchemaWithTextColor
32
+ - isSchemaWithTables
33
+
34
+ @atlaskit/adf-schema/schema-default for:
35
+
36
+ - defaultSchema
37
+ - getSchemaBasedOnStage
38
+ - defaultSchemaConfig
39
+
40
+ 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.
41
+
42
+ - [`3ef794dc11f`](https://bitbucket.org/atlassian/atlassian-frontend/commits/3ef794dc11f) - Removed emoji and media packages dependencies from renderer initial load.
43
+ - Updated dependencies
44
+
3
45
  ## 93.0.0
4
46
 
5
47
  ### Major Changes
@@ -0,0 +1,28 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.default = void 0;
7
+
8
+ /**
9
+ * NOTE:
10
+ *
11
+ * This file is automatically generated by Traduki 2.0.
12
+ * DO NOT CHANGE IT BY HAND or your changes will be lost.
13
+ */
14
+ //
15
+ var _default = {
16
+ 'fabric.editor.codeBlockCopyButton.copiedToClipboard': 'Copied!',
17
+ 'fabric.editor.codeBlockCopyButton.copyToClipboard': 'Copy',
18
+ 'fabric.editor.headingLink.ascOrderLabel': 'Sort column Z to A',
19
+ 'fabric.editor.headingLink.ascSortingLabel': 'ascending',
20
+ 'fabric.editor.headingLink.copied': 'Copied!',
21
+ 'fabric.editor.headingLink.copyAnchorLink': 'Copy link to heading',
22
+ 'fabric.editor.headingLink.copyAriaLabel': 'Copy',
23
+ 'fabric.editor.headingLink.descOrderLabel': "⚠️ You can't sort a table with merged cell",
24
+ 'fabric.editor.headingLink.failedToCopy': 'Copy failed',
25
+ 'fabric.editor.headingLink.noOrderLabel': 'Sort column A to Z',
26
+ 'fabric.editor.headingLink.noneSortingLabel': 'descending'
27
+ };
28
+ exports.default = _default;
@@ -0,0 +1,28 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.default = void 0;
7
+
8
+ /**
9
+ * NOTE:
10
+ *
11
+ * This file is automatically generated by Traduki 2.0.
12
+ * DO NOT CHANGE IT BY HAND or your changes will be lost.
13
+ */
14
+ //English (United Kingdom)
15
+ var _default = {
16
+ 'fabric.editor.codeBlockCopyButton.copiedToClipboard': 'Copied!',
17
+ 'fabric.editor.codeBlockCopyButton.copyToClipboard': 'Copy',
18
+ 'fabric.editor.headingLink.ascOrderLabel': 'Sort column Z to A',
19
+ 'fabric.editor.headingLink.ascSortingLabel': 'ascending',
20
+ 'fabric.editor.headingLink.copied': 'Copied!',
21
+ 'fabric.editor.headingLink.copyAnchorLink': 'Copy link to heading',
22
+ 'fabric.editor.headingLink.copyAriaLabel': 'Copy',
23
+ 'fabric.editor.headingLink.descOrderLabel': "⚠️ You can't sort a table with merged cell",
24
+ 'fabric.editor.headingLink.failedToCopy': 'Copy failed',
25
+ 'fabric.editor.headingLink.noOrderLabel': 'Sort column A to Z',
26
+ 'fabric.editor.headingLink.noneSortingLabel': 'descending'
27
+ };
28
+ exports.default = _default;
@@ -15,8 +15,14 @@ exports.default = void 0;
15
15
  var _default = {
16
16
  'fabric.editor.codeBlockCopyButton.copiedToClipboard': 'Skopiowano!',
17
17
  'fabric.editor.codeBlockCopyButton.copyToClipboard': 'Kopiuj',
18
+ 'fabric.editor.headingLink.ascOrderLabel': 'Sortuj kolumnę od Z do A',
19
+ 'fabric.editor.headingLink.ascSortingLabel': 'rosnąco',
18
20
  'fabric.editor.headingLink.copied': 'Skopiowano!',
19
21
  'fabric.editor.headingLink.copyAnchorLink': 'Skopiuj łącze do nagłówka',
20
- 'fabric.editor.headingLink.failedToCopy': 'Kopiowanie nie powiodło się'
22
+ 'fabric.editor.headingLink.copyAriaLabel': 'Kopiuj',
23
+ 'fabric.editor.headingLink.descOrderLabel': '⚠️ Nie można sortować tabeli ze scaloną komórką',
24
+ 'fabric.editor.headingLink.failedToCopy': 'Kopiowanie nie powiodło się',
25
+ 'fabric.editor.headingLink.noOrderLabel': 'Sortuj kolumnę od A do Z',
26
+ 'fabric.editor.headingLink.noneSortingLabel': 'malejąco'
21
27
  };
22
28
  exports.default = _default;
@@ -20,7 +20,7 @@ var _default = {
20
20
  'fabric.editor.headingLink.copied': 'Copiado!',
21
21
  'fabric.editor.headingLink.copyAnchorLink': 'Copiar link para cabeçalho',
22
22
  'fabric.editor.headingLink.copyAriaLabel': 'Copiar',
23
- 'fabric.editor.headingLink.descOrderLabel': ' Você não pode ordenar uma tabela com células mescladas',
23
+ 'fabric.editor.headingLink.descOrderLabel': '⚠️ Você não pode ordenar uma tabela com células mescladas',
24
24
  'fabric.editor.headingLink.failedToCopy': 'Falha na cópia',
25
25
  'fabric.editor.headingLink.noOrderLabel': 'Ordenar coluna de A a Z',
26
26
  'fabric.editor.headingLink.noneSortingLabel': 'descendente'
@@ -19,7 +19,7 @@ var _hint = _interopRequireDefault(require("@atlaskit/icon/glyph/editor/hint"));
19
19
 
20
20
  var _adfSchema = require("@atlaskit/adf-schema");
21
21
 
22
- var _styles = require("@atlaskit/editor-common/styles");
22
+ var _panel = require("@atlaskit/editor-common/panel");
23
23
 
24
24
  var _emoji = _interopRequireDefault(require("@atlaskit/icon/glyph/editor/emoji"));
25
25
 
@@ -32,15 +32,21 @@ var _icons = require("@atlaskit/editor-common/icons");
32
32
  var _templateObject, _templateObject2;
33
33
 
34
34
  var PanelStyled = function PanelStyled(props) {
35
- var styles = function styles(themeProps) {
36
- return (0, _react2.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)([""])));
35
+ var styles = function styles(theme) {
36
+ return (0, _react2.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n &.", " {\n ", "\n }\n "])), _panel.PanelSharedCssClassName.prefix, (0, _panel.panelSharedStylesWithoutPrefix)({
37
+ theme: theme
38
+ }));
37
39
  };
38
40
 
39
41
  if (props['data-panel-type'] === _adfSchema.PanelType.CUSTOM && props.backgroundColor) {
40
- styles = function styles(themeProps) {
41
- 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)({
42
- dark: _styles.getPanelBackgroundDarkModeColors
43
- })(themeProps));
42
+ styles = function styles(theme) {
43
+ 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)({
44
+ theme: theme
45
+ }), _adfSchema.PanelType.CUSTOM, props.backgroundColor, (0, _theme.themed)({
46
+ dark: _panel.getPanelBackgroundDarkModeColors
47
+ })({
48
+ theme: theme
49
+ }));
44
50
  };
45
51
  }
46
52
 
@@ -98,13 +104,13 @@ var Panel = function Panel(props) {
98
104
 
99
105
  if (icon) {
100
106
  return (0, _react2.jsx)("div", {
101
- className: _styles.PanelSharedCssClassName.icon
107
+ className: _panel.PanelSharedCssClassName.icon
102
108
  }, icon);
103
109
  }
104
110
  };
105
111
 
106
112
  return (0, _react2.jsx)(PanelStyled, {
107
- className: _styles.PanelSharedCssClassName.prefix,
113
+ className: _panel.PanelSharedCssClassName.prefix,
108
114
  "data-panel-type": panelType,
109
115
  "data-panel-color": panelColor,
110
116
  "data-panel-icon": panelIcon,
@@ -112,7 +118,7 @@ var Panel = function Panel(props) {
112
118
  "data-panel-icon-text": panelIconText,
113
119
  backgroundColor: panelColor
114
120
  }, renderIcon(), (0, _react2.jsx)("div", {
115
- className: _styles.PanelSharedCssClassName.content
121
+ className: _panel.PanelSharedCssClassName.content
116
122
  }, children));
117
123
  };
118
124
 
@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
5
5
  });
6
6
  exports.renderDocument = void 0;
7
7
 
8
- var _adfSchema = require("@atlaskit/adf-schema");
8
+ var _schemaDefault = require("@atlaskit/adf-schema/schema-default");
9
9
 
10
10
  var _validator = require("@atlaskit/editor-common/validator");
11
11
 
@@ -33,7 +33,7 @@ var withStopwatch = function withStopwatch(cb) {
33
33
  };
34
34
 
35
35
  var renderDocument = function renderDocument(doc, serializer) {
36
- var schema = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : _adfSchema.defaultSchema;
36
+ var schema = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : _schemaDefault.defaultSchema;
37
37
  var adfStage = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : 'final';
38
38
  var useSpecBasedValidator = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : false;
39
39
  var rendererId = arguments.length > 5 && arguments[5] !== undefined ? arguments[5] : 'noid';
@@ -11,7 +11,7 @@ var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/cl
11
11
 
12
12
  var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
13
13
 
14
- var _adfSchema = require("@atlaskit/adf-schema");
14
+ var _schemaDefault = require("@atlaskit/adf-schema/schema-default");
15
15
 
16
16
  var _nodes = require("./nodes");
17
17
 
@@ -36,7 +36,7 @@ var TextSerializer = /*#__PURE__*/function () {
36
36
  }], [{
37
37
  key: "fromSchema",
38
38
  value: function fromSchema() {
39
- var schema = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : _adfSchema.defaultSchema;
39
+ var schema = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : _schemaDefault.defaultSchema;
40
40
  return new TextSerializer(schema);
41
41
  }
42
42
  }]);
@@ -5,9 +5,9 @@ Object.defineProperty(exports, "__esModule", {
5
5
  });
6
6
  exports.isInteractiveElement = isInteractiveElement;
7
7
 
8
- var _mediaCard = require("@atlaskit/media-card");
8
+ var _classnames = require("@atlaskit/media-card/classnames");
9
9
 
10
- var _classnames = require("@atlaskit/media-viewer/classnames");
10
+ var _classnames2 = require("@atlaskit/media-viewer/classnames");
11
11
 
12
12
  /**
13
13
  * Check if an element is interactive (or otherwise if clicking on it shouldn't transition the
@@ -19,11 +19,11 @@ function isInteractiveElement(element) {
19
19
  return true;
20
20
  }
21
21
 
22
- if (element.classList.contains(_classnames.mediaViewerPopupClass)) {
22
+ if (element.classList.contains(_classnames2.mediaViewerPopupClass)) {
23
23
  return true;
24
24
  }
25
25
 
26
- if (element.classList.contains(_mediaCard.fileCardImageViewSelector)) {
26
+ if (element.classList.contains(_classnames.fileCardImageViewSelector)) {
27
27
  return true;
28
28
  }
29
29
 
@@ -29,7 +29,7 @@ var _react = _interopRequireWildcard(require("react"));
29
29
 
30
30
  var _react2 = require("@emotion/react");
31
31
 
32
- var _adfSchema = require("@atlaskit/adf-schema");
32
+ var _schemaDefault = require("@atlaskit/adf-schema/schema-default");
33
33
 
34
34
  var _adfUtils = require("@atlaskit/adf-utils");
35
35
 
@@ -141,7 +141,7 @@ var Renderer = /*#__PURE__*/function (_PureComponent) {
141
141
  return schema;
142
142
  }
143
143
 
144
- return (0, _adfSchema.getSchemaBasedOnStage)(adfStage);
144
+ return (0, _schemaDefault.getSchemaBasedOnStage)(adfStage);
145
145
  });
146
146
  (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "onMouseDownEditView", function () {
147
147
  // When the user is deselecting text on the screen by clicking, if they are clicking outside
@@ -124,10 +124,10 @@ var rendererStyles = function rendererStyles(wrapperProps) {
124
124
  var themeProps = {
125
125
  theme: theme
126
126
  };
127
- 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)({
127
+ 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)({
128
128
  light: colors.N800,
129
129
  dark: '#B8C7E0'
130
- })(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)({
130
+ })(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)({
131
131
  light: colors.N30A,
132
132
  dark: colors.DN70
133
133
  })(themeProps), (0, _constants.borderRadius)(), (0, _components.themed)({
package/dist/cjs/utils.js CHANGED
@@ -14,7 +14,7 @@ var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/creat
14
14
 
15
15
  var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
16
16
 
17
- var _adfSchema = require("@atlaskit/adf-schema");
17
+ var _schemaDefault = require("@atlaskit/adf-schema/schema-default");
18
18
 
19
19
  var _editorJsonTransformer = require("@atlaskit/editor-json-transformer");
20
20
 
@@ -26,7 +26,7 @@ function createEncoder(parser, encoder) {
26
26
 
27
27
  var ADFEncoder = /*#__PURE__*/(0, _createClass2.default)(function ADFEncoder(createTransformerWithSchema) {
28
28
  (0, _classCallCheck2.default)(this, ADFEncoder);
29
- var transformer = createTransformerWithSchema(_adfSchema.defaultSchema);
29
+ var transformer = createTransformerWithSchema(_schemaDefault.defaultSchema);
30
30
  this.encode = createEncoder(transformer, new _editorJsonTransformer.JSONTransformer());
31
31
  });
32
32
  exports.ADFEncoder = ADFEncoder;
@@ -1,5 +1,5 @@
1
1
  {
2
2
  "name": "@atlaskit/renderer",
3
- "version": "93.0.0",
3
+ "version": "93.0.1",
4
4
  "sideEffects": false
5
5
  }
@@ -0,0 +1,20 @@
1
+ /**
2
+ * NOTE:
3
+ *
4
+ * This file is automatically generated by Traduki 2.0.
5
+ * DO NOT CHANGE IT BY HAND or your changes will be lost.
6
+ */
7
+ //
8
+ export default {
9
+ 'fabric.editor.codeBlockCopyButton.copiedToClipboard': 'Copied!',
10
+ 'fabric.editor.codeBlockCopyButton.copyToClipboard': 'Copy',
11
+ 'fabric.editor.headingLink.ascOrderLabel': 'Sort column Z to A',
12
+ 'fabric.editor.headingLink.ascSortingLabel': 'ascending',
13
+ 'fabric.editor.headingLink.copied': 'Copied!',
14
+ 'fabric.editor.headingLink.copyAnchorLink': 'Copy link to heading',
15
+ 'fabric.editor.headingLink.copyAriaLabel': 'Copy',
16
+ 'fabric.editor.headingLink.descOrderLabel': "⚠️ You can't sort a table with merged cell",
17
+ 'fabric.editor.headingLink.failedToCopy': 'Copy failed',
18
+ 'fabric.editor.headingLink.noOrderLabel': 'Sort column A to Z',
19
+ 'fabric.editor.headingLink.noneSortingLabel': 'descending'
20
+ };
@@ -0,0 +1,20 @@
1
+ /**
2
+ * NOTE:
3
+ *
4
+ * This file is automatically generated by Traduki 2.0.
5
+ * DO NOT CHANGE IT BY HAND or your changes will be lost.
6
+ */
7
+ //English (United Kingdom)
8
+ export default {
9
+ 'fabric.editor.codeBlockCopyButton.copiedToClipboard': 'Copied!',
10
+ 'fabric.editor.codeBlockCopyButton.copyToClipboard': 'Copy',
11
+ 'fabric.editor.headingLink.ascOrderLabel': 'Sort column Z to A',
12
+ 'fabric.editor.headingLink.ascSortingLabel': 'ascending',
13
+ 'fabric.editor.headingLink.copied': 'Copied!',
14
+ 'fabric.editor.headingLink.copyAnchorLink': 'Copy link to heading',
15
+ 'fabric.editor.headingLink.copyAriaLabel': 'Copy',
16
+ 'fabric.editor.headingLink.descOrderLabel': "⚠️ You can't sort a table with merged cell",
17
+ 'fabric.editor.headingLink.failedToCopy': 'Copy failed',
18
+ 'fabric.editor.headingLink.noOrderLabel': 'Sort column A to Z',
19
+ 'fabric.editor.headingLink.noneSortingLabel': 'descending'
20
+ };
@@ -8,7 +8,13 @@
8
8
  export default {
9
9
  'fabric.editor.codeBlockCopyButton.copiedToClipboard': 'Skopiowano!',
10
10
  'fabric.editor.codeBlockCopyButton.copyToClipboard': 'Kopiuj',
11
+ 'fabric.editor.headingLink.ascOrderLabel': 'Sortuj kolumnę od Z do A',
12
+ 'fabric.editor.headingLink.ascSortingLabel': 'rosnąco',
11
13
  'fabric.editor.headingLink.copied': 'Skopiowano!',
12
14
  'fabric.editor.headingLink.copyAnchorLink': 'Skopiuj łącze do nagłówka',
13
- 'fabric.editor.headingLink.failedToCopy': 'Kopiowanie nie powiodło się'
15
+ 'fabric.editor.headingLink.copyAriaLabel': 'Kopiuj',
16
+ 'fabric.editor.headingLink.descOrderLabel': '⚠️ Nie można sortować tabeli ze scaloną komórką',
17
+ 'fabric.editor.headingLink.failedToCopy': 'Kopiowanie nie powiodło się',
18
+ 'fabric.editor.headingLink.noOrderLabel': 'Sortuj kolumnę od A do Z',
19
+ 'fabric.editor.headingLink.noneSortingLabel': 'malejąco'
14
20
  };
@@ -13,7 +13,7 @@ export default {
13
13
  'fabric.editor.headingLink.copied': 'Copiado!',
14
14
  'fabric.editor.headingLink.copyAnchorLink': 'Copiar link para cabeçalho',
15
15
  'fabric.editor.headingLink.copyAriaLabel': 'Copiar',
16
- 'fabric.editor.headingLink.descOrderLabel': ' Você não pode ordenar uma tabela com células mescladas',
16
+ 'fabric.editor.headingLink.descOrderLabel': '⚠️ Você não pode ordenar uma tabela com células mescladas',
17
17
  'fabric.editor.headingLink.failedToCopy': 'Falha na cópia',
18
18
  'fabric.editor.headingLink.noOrderLabel': 'Ordenar coluna de A a Z',
19
19
  'fabric.editor.headingLink.noneSortingLabel': 'descendente'
@@ -5,25 +5,38 @@ import React from 'react';
5
5
  import { css, jsx } from '@emotion/react';
6
6
  import TipIcon from '@atlaskit/icon/glyph/editor/hint';
7
7
  import { PanelType } from '@atlaskit/adf-schema';
8
- import { PanelSharedCssClassName } from '@atlaskit/editor-common/styles';
8
+ import { getPanelBackgroundDarkModeColors, panelSharedStylesWithoutPrefix, PanelSharedCssClassName } from '@atlaskit/editor-common/panel';
9
9
  import EmojiIcon from '@atlaskit/icon/glyph/editor/emoji';
10
10
  import EmojiItem from './emoji'; // AFP-2532 TODO: Fix automatic suppressions below
11
11
  // eslint-disable-next-line @atlassian/tangerine/import/entry-points
12
12
 
13
13
  import { themed } from '@atlaskit/theme';
14
- import { getPanelBackgroundDarkModeColors } from '@atlaskit/editor-common/styles';
15
14
  import { PanelInfoIcon, PanelSuccessIcon, PanelNoteIcon, PanelWarningIcon, PanelErrorIcon } from '@atlaskit/editor-common/icons';
16
15
 
17
16
  const PanelStyled = props => {
18
- let styles = themeProps => css``;
17
+ let styles = theme => css`
18
+ &.${PanelSharedCssClassName.prefix} {
19
+ ${panelSharedStylesWithoutPrefix({
20
+ theme
21
+ })}
22
+ }
23
+ `;
19
24
 
20
25
  if (props['data-panel-type'] === PanelType.CUSTOM && props.backgroundColor) {
21
- styles = themeProps => css`
26
+ styles = theme => css`
27
+ &.${PanelSharedCssClassName.prefix} {
28
+ ${panelSharedStylesWithoutPrefix({
29
+ theme
30
+ })}
31
+ }
32
+
22
33
  &[data-panel-type=${PanelType.CUSTOM}] {
23
34
  background-color: ${props.backgroundColor};
24
35
  ${themed({
25
36
  dark: getPanelBackgroundDarkModeColors
26
- })(themeProps)};
37
+ })({
38
+ theme
39
+ })};
27
40
  }
28
41
  `;
29
42
  }
@@ -1,4 +1,4 @@
1
- import { defaultSchema } from '@atlaskit/adf-schema';
1
+ import { defaultSchema } from '@atlaskit/adf-schema/schema-default';
2
2
  import { getValidDocument } from '@atlaskit/editor-common/validator';
3
3
  import { validateADFEntity, findAndTrackUnsupportedContentNodes } from '@atlaskit/editor-common/utils';
4
4
  import { ACTION, ACTION_SUBJECT, EVENT_TYPE } from './analytics/enums';
@@ -1,4 +1,4 @@
1
- import { defaultSchema } from '@atlaskit/adf-schema';
1
+ import { defaultSchema } from '@atlaskit/adf-schema/schema-default';
2
2
  import { reduce } from './nodes';
3
3
  export default class TextSerializer {
4
4
  constructor(schema) {
@@ -1,4 +1,4 @@
1
- import { fileCardImageViewSelector } from '@atlaskit/media-card';
1
+ import { fileCardImageViewSelector } from '@atlaskit/media-card/classnames';
2
2
  import { mediaViewerPopupClass } from '@atlaskit/media-viewer/classnames';
3
3
  /**
4
4
  * Check if an element is interactive (or otherwise if clicking on it shouldn't transition the
@@ -5,7 +5,7 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
5
5
  import React, { Fragment, useContext, useLayoutEffect, useRef } from 'react';
6
6
  import { jsx } from '@emotion/react';
7
7
  import { PureComponent } from 'react';
8
- import { getSchemaBasedOnStage } from '@atlaskit/adf-schema';
8
+ import { getSchemaBasedOnStage } from '@atlaskit/adf-schema/schema-default';
9
9
  import { reduce } from '@atlaskit/adf-utils';
10
10
  import { ProviderFactory } from '@atlaskit/editor-common/provider-factory';
11
11
  import { UnsupportedBlock, BaseTheme, WidthProvider, WithCreateAnalyticsEvent, IntlErrorBoundary } from '@atlaskit/editor-common/ui';
@@ -3,7 +3,7 @@ import { themed } from '@atlaskit/theme/components';
3
3
  import { gridSize, fontFamily, fontSize, borderRadius } from '@atlaskit/theme/constants';
4
4
  import * as colors from '@atlaskit/theme/colors';
5
5
  import { headingSizes as headingSizesImport } from '@atlaskit/theme/typography';
6
- 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';
6
+ 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';
7
7
  import { shadowClassNames } from '@atlaskit/editor-common/ui';
8
8
  import { editorFontSize, blockNodesVerticalMargin, akEditorTableToolbar, akEditorTableToolbarDark, akEditorTableBorder, akEditorTableBorderDark, akEditorTableNumberColumnWidth, gridMediumMaxWidth, akEditorFullWidthLayoutWidth, akEditorStickyHeaderZIndex, relativeFontSizeToBase16 } from '@atlaskit/editor-shared-styles';
9
9
  import { RendererCssClassName } from '../../consts';
@@ -351,7 +351,6 @@ export const rendererStyles = wrapperProps => theme => {
351
351
  ${whitespaceSharedStyles};
352
352
  ${blockquoteSharedStyles};
353
353
  ${headingsSharedStyles(themeProps)};
354
- ${panelSharedStyles(themeProps)};
355
354
  ${ruleSharedStyles(themeProps)};
356
355
  ${paragraphSharedStyles};
357
356
  ${listsSharedStyles};
@@ -1,4 +1,4 @@
1
- import { defaultSchema } from '@atlaskit/adf-schema';
1
+ import { defaultSchema } from '@atlaskit/adf-schema/schema-default';
2
2
  import { JSONTransformer } from '@atlaskit/editor-json-transformer';
3
3
 
4
4
  function createEncoder(parser, encoder) {
@@ -1,5 +1,5 @@
1
1
  {
2
2
  "name": "@atlaskit/renderer",
3
- "version": "93.0.0",
3
+ "version": "93.0.1",
4
4
  "sideEffects": false
5
5
  }
@@ -0,0 +1,20 @@
1
+ /**
2
+ * NOTE:
3
+ *
4
+ * This file is automatically generated by Traduki 2.0.
5
+ * DO NOT CHANGE IT BY HAND or your changes will be lost.
6
+ */
7
+ //
8
+ export default {
9
+ 'fabric.editor.codeBlockCopyButton.copiedToClipboard': 'Copied!',
10
+ 'fabric.editor.codeBlockCopyButton.copyToClipboard': 'Copy',
11
+ 'fabric.editor.headingLink.ascOrderLabel': 'Sort column Z to A',
12
+ 'fabric.editor.headingLink.ascSortingLabel': 'ascending',
13
+ 'fabric.editor.headingLink.copied': 'Copied!',
14
+ 'fabric.editor.headingLink.copyAnchorLink': 'Copy link to heading',
15
+ 'fabric.editor.headingLink.copyAriaLabel': 'Copy',
16
+ 'fabric.editor.headingLink.descOrderLabel': "⚠️ You can't sort a table with merged cell",
17
+ 'fabric.editor.headingLink.failedToCopy': 'Copy failed',
18
+ 'fabric.editor.headingLink.noOrderLabel': 'Sort column A to Z',
19
+ 'fabric.editor.headingLink.noneSortingLabel': 'descending'
20
+ };
@@ -0,0 +1,20 @@
1
+ /**
2
+ * NOTE:
3
+ *
4
+ * This file is automatically generated by Traduki 2.0.
5
+ * DO NOT CHANGE IT BY HAND or your changes will be lost.
6
+ */
7
+ //English (United Kingdom)
8
+ export default {
9
+ 'fabric.editor.codeBlockCopyButton.copiedToClipboard': 'Copied!',
10
+ 'fabric.editor.codeBlockCopyButton.copyToClipboard': 'Copy',
11
+ 'fabric.editor.headingLink.ascOrderLabel': 'Sort column Z to A',
12
+ 'fabric.editor.headingLink.ascSortingLabel': 'ascending',
13
+ 'fabric.editor.headingLink.copied': 'Copied!',
14
+ 'fabric.editor.headingLink.copyAnchorLink': 'Copy link to heading',
15
+ 'fabric.editor.headingLink.copyAriaLabel': 'Copy',
16
+ 'fabric.editor.headingLink.descOrderLabel': "⚠️ You can't sort a table with merged cell",
17
+ 'fabric.editor.headingLink.failedToCopy': 'Copy failed',
18
+ 'fabric.editor.headingLink.noOrderLabel': 'Sort column A to Z',
19
+ 'fabric.editor.headingLink.noneSortingLabel': 'descending'
20
+ };
@@ -8,7 +8,13 @@
8
8
  export default {
9
9
  'fabric.editor.codeBlockCopyButton.copiedToClipboard': 'Skopiowano!',
10
10
  'fabric.editor.codeBlockCopyButton.copyToClipboard': 'Kopiuj',
11
+ 'fabric.editor.headingLink.ascOrderLabel': 'Sortuj kolumnę od Z do A',
12
+ 'fabric.editor.headingLink.ascSortingLabel': 'rosnąco',
11
13
  'fabric.editor.headingLink.copied': 'Skopiowano!',
12
14
  'fabric.editor.headingLink.copyAnchorLink': 'Skopiuj łącze do nagłówka',
13
- 'fabric.editor.headingLink.failedToCopy': 'Kopiowanie nie powiodło się'
15
+ 'fabric.editor.headingLink.copyAriaLabel': 'Kopiuj',
16
+ 'fabric.editor.headingLink.descOrderLabel': '⚠️ Nie można sortować tabeli ze scaloną komórką',
17
+ 'fabric.editor.headingLink.failedToCopy': 'Kopiowanie nie powiodło się',
18
+ 'fabric.editor.headingLink.noOrderLabel': 'Sortuj kolumnę od A do Z',
19
+ 'fabric.editor.headingLink.noneSortingLabel': 'malejąco'
14
20
  };
@@ -13,7 +13,7 @@ export default {
13
13
  'fabric.editor.headingLink.copied': 'Copiado!',
14
14
  'fabric.editor.headingLink.copyAnchorLink': 'Copiar link para cabeçalho',
15
15
  'fabric.editor.headingLink.copyAriaLabel': 'Copiar',
16
- 'fabric.editor.headingLink.descOrderLabel': ' Você não pode ordenar uma tabela com células mescladas',
16
+ 'fabric.editor.headingLink.descOrderLabel': '⚠️ Você não pode ordenar uma tabela com células mescladas',
17
17
  'fabric.editor.headingLink.failedToCopy': 'Falha na cópia',
18
18
  'fabric.editor.headingLink.noOrderLabel': 'Ordenar coluna de A a Z',
19
19
  'fabric.editor.headingLink.noneSortingLabel': 'descendente'
@@ -8,25 +8,30 @@ import React from 'react';
8
8
  import { css, jsx } from '@emotion/react';
9
9
  import TipIcon from '@atlaskit/icon/glyph/editor/hint';
10
10
  import { PanelType } from '@atlaskit/adf-schema';
11
- import { PanelSharedCssClassName } from '@atlaskit/editor-common/styles';
11
+ import { getPanelBackgroundDarkModeColors, panelSharedStylesWithoutPrefix, PanelSharedCssClassName } from '@atlaskit/editor-common/panel';
12
12
  import EmojiIcon from '@atlaskit/icon/glyph/editor/emoji';
13
13
  import EmojiItem from './emoji'; // AFP-2532 TODO: Fix automatic suppressions below
14
14
  // eslint-disable-next-line @atlassian/tangerine/import/entry-points
15
15
 
16
16
  import { themed } from '@atlaskit/theme';
17
- import { getPanelBackgroundDarkModeColors } from '@atlaskit/editor-common/styles';
18
17
  import { PanelInfoIcon, PanelSuccessIcon, PanelNoteIcon, PanelWarningIcon, PanelErrorIcon } from '@atlaskit/editor-common/icons';
19
18
 
20
19
  var PanelStyled = function PanelStyled(props) {
21
- var styles = function styles(themeProps) {
22
- return css(_templateObject || (_templateObject = _taggedTemplateLiteral([""])));
20
+ var styles = function styles(theme) {
21
+ return css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n &.", " {\n ", "\n }\n "])), PanelSharedCssClassName.prefix, panelSharedStylesWithoutPrefix({
22
+ theme: theme
23
+ }));
23
24
  };
24
25
 
25
26
  if (props['data-panel-type'] === PanelType.CUSTOM && props.backgroundColor) {
26
- styles = function styles(themeProps) {
27
- return css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n &[data-panel-type=", "] {\n background-color: ", ";\n ", ";\n }\n "])), PanelType.CUSTOM, props.backgroundColor, themed({
27
+ styles = function styles(theme) {
28
+ return css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n &.", " {\n ", "\n }\n\n &[data-panel-type=", "] {\n background-color: ", ";\n ", ";\n }\n "])), PanelSharedCssClassName.prefix, panelSharedStylesWithoutPrefix({
29
+ theme: theme
30
+ }), PanelType.CUSTOM, props.backgroundColor, themed({
28
31
  dark: getPanelBackgroundDarkModeColors
29
- })(themeProps));
32
+ })({
33
+ theme: theme
34
+ }));
30
35
  };
31
36
  }
32
37
 
@@ -1,4 +1,4 @@
1
- import { defaultSchema } from '@atlaskit/adf-schema';
1
+ import { defaultSchema } from '@atlaskit/adf-schema/schema-default';
2
2
  import { getValidDocument } from '@atlaskit/editor-common/validator';
3
3
  import { validateADFEntity, findAndTrackUnsupportedContentNodes } from '@atlaskit/editor-common/utils';
4
4
  import { ACTION, ACTION_SUBJECT, EVENT_TYPE } from './analytics/enums';
@@ -1,6 +1,6 @@
1
1
  import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
2
2
  import _createClass from "@babel/runtime/helpers/createClass";
3
- import { defaultSchema } from '@atlaskit/adf-schema';
3
+ import { defaultSchema } from '@atlaskit/adf-schema/schema-default';
4
4
  import { reduce } from './nodes';
5
5
 
6
6
  var TextSerializer = /*#__PURE__*/function () {
@@ -1,4 +1,4 @@
1
- import { fileCardImageViewSelector } from '@atlaskit/media-card';
1
+ import { fileCardImageViewSelector } from '@atlaskit/media-card/classnames';
2
2
  import { mediaViewerPopupClass } from '@atlaskit/media-viewer/classnames';
3
3
  /**
4
4
  * Check if an element is interactive (or otherwise if clicking on it shouldn't transition the
@@ -19,7 +19,7 @@ function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Re
19
19
  import React, { Fragment, useContext, useLayoutEffect, useRef } from 'react';
20
20
  import { jsx } from '@emotion/react';
21
21
  import { PureComponent } from 'react';
22
- import { getSchemaBasedOnStage } from '@atlaskit/adf-schema';
22
+ import { getSchemaBasedOnStage } from '@atlaskit/adf-schema/schema-default';
23
23
  import { reduce } from '@atlaskit/adf-utils';
24
24
  import { ProviderFactory } from '@atlaskit/editor-common/provider-factory';
25
25
  import { UnsupportedBlock, BaseTheme, WidthProvider, WithCreateAnalyticsEvent, IntlErrorBoundary } from '@atlaskit/editor-common/ui';
@@ -7,7 +7,7 @@ import { themed } from '@atlaskit/theme/components';
7
7
  import { gridSize, fontFamily, fontSize, borderRadius } from '@atlaskit/theme/constants';
8
8
  import * as colors from '@atlaskit/theme/colors';
9
9
  import { headingSizes as headingSizesImport } from '@atlaskit/theme/typography';
10
- 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';
10
+ 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';
11
11
  import { shadowClassNames } from '@atlaskit/editor-common/ui';
12
12
  import { editorFontSize, blockNodesVerticalMargin, akEditorTableToolbar, akEditorTableToolbarDark, akEditorTableBorder, akEditorTableBorderDark, akEditorTableNumberColumnWidth, gridMediumMaxWidth, akEditorFullWidthLayoutWidth, akEditorStickyHeaderZIndex, relativeFontSizeToBase16 } from '@atlaskit/editor-shared-styles';
13
13
  import { RendererCssClassName } from '../../consts';
@@ -97,10 +97,10 @@ export var rendererStyles = function rendererStyles(wrapperProps) {
97
97
  var themeProps = {
98
98
  theme: theme
99
99
  };
100
- return css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\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 "])), editorFontSize(themeProps), themed({
100
+ return css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\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 "])), editorFontSize(themeProps), themed({
101
101
  light: colors.N800,
102
102
  dark: '#B8C7E0'
103
- })(themeProps), 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), whitespaceSharedStyles, blockquoteSharedStyles, headingsSharedStyles(themeProps), panelSharedStyles(themeProps), ruleSharedStyles(themeProps), paragraphSharedStyles, listsSharedStyles, indentationSharedStyles, blockMarksSharedStyles, codeMarkSharedStyles(themeProps), shadowSharedStyle, dateSharedStyle, textColorStyles, tasksAndDecisionsStyles, smartCardSharedStyles, fontFamily(), relativeFontSizeToBase16(fontSize()), themed({
103
+ })(themeProps), 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), whitespaceSharedStyles, blockquoteSharedStyles, headingsSharedStyles(themeProps), ruleSharedStyles(themeProps), paragraphSharedStyles, listsSharedStyles, indentationSharedStyles, blockMarksSharedStyles, codeMarkSharedStyles(themeProps), shadowSharedStyle, dateSharedStyle, textColorStyles, tasksAndDecisionsStyles, smartCardSharedStyles, fontFamily(), relativeFontSizeToBase16(fontSize()), themed({
104
104
  light: colors.N30A,
105
105
  dark: colors.DN70
106
106
  })(themeProps), borderRadius(), themed({
package/dist/esm/utils.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import _createClass from "@babel/runtime/helpers/createClass";
2
2
  import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
3
- import { defaultSchema } from '@atlaskit/adf-schema';
3
+ import { defaultSchema } from '@atlaskit/adf-schema/schema-default';
4
4
  import { JSONTransformer } from '@atlaskit/editor-json-transformer';
5
5
 
6
6
  function createEncoder(parser, encoder) {
@@ -1,5 +1,5 @@
1
1
  {
2
2
  "name": "@atlaskit/renderer",
3
- "version": "93.0.0",
3
+ "version": "93.0.1",
4
4
  "sideEffects": false
5
5
  }
@@ -0,0 +1,20 @@
1
+ declare const _default: {
2
+ 'fabric.editor.codeBlockCopyButton.copiedToClipboard': string;
3
+ 'fabric.editor.codeBlockCopyButton.copyToClipboard': string;
4
+ 'fabric.editor.headingLink.ascOrderLabel': string;
5
+ 'fabric.editor.headingLink.ascSortingLabel': string;
6
+ 'fabric.editor.headingLink.copied': string;
7
+ 'fabric.editor.headingLink.copyAnchorLink': string;
8
+ 'fabric.editor.headingLink.copyAriaLabel': string;
9
+ 'fabric.editor.headingLink.descOrderLabel': string;
10
+ 'fabric.editor.headingLink.failedToCopy': string;
11
+ 'fabric.editor.headingLink.noOrderLabel': string;
12
+ 'fabric.editor.headingLink.noneSortingLabel': string;
13
+ };
14
+ /**
15
+ * NOTE:
16
+ *
17
+ * This file is automatically generated by Traduki 2.0.
18
+ * DO NOT CHANGE IT BY HAND or your changes will be lost.
19
+ */
20
+ export default _default;
@@ -0,0 +1,20 @@
1
+ declare const _default: {
2
+ 'fabric.editor.codeBlockCopyButton.copiedToClipboard': string;
3
+ 'fabric.editor.codeBlockCopyButton.copyToClipboard': string;
4
+ 'fabric.editor.headingLink.ascOrderLabel': string;
5
+ 'fabric.editor.headingLink.ascSortingLabel': string;
6
+ 'fabric.editor.headingLink.copied': string;
7
+ 'fabric.editor.headingLink.copyAnchorLink': string;
8
+ 'fabric.editor.headingLink.copyAriaLabel': string;
9
+ 'fabric.editor.headingLink.descOrderLabel': string;
10
+ 'fabric.editor.headingLink.failedToCopy': string;
11
+ 'fabric.editor.headingLink.noOrderLabel': string;
12
+ 'fabric.editor.headingLink.noneSortingLabel': string;
13
+ };
14
+ /**
15
+ * NOTE:
16
+ *
17
+ * This file is automatically generated by Traduki 2.0.
18
+ * DO NOT CHANGE IT BY HAND or your changes will be lost.
19
+ */
20
+ export default _default;
@@ -1,9 +1,15 @@
1
1
  declare const _default: {
2
2
  'fabric.editor.codeBlockCopyButton.copiedToClipboard': string;
3
3
  'fabric.editor.codeBlockCopyButton.copyToClipboard': string;
4
+ 'fabric.editor.headingLink.ascOrderLabel': string;
5
+ 'fabric.editor.headingLink.ascSortingLabel': string;
4
6
  'fabric.editor.headingLink.copied': string;
5
7
  'fabric.editor.headingLink.copyAnchorLink': string;
8
+ 'fabric.editor.headingLink.copyAriaLabel': string;
9
+ 'fabric.editor.headingLink.descOrderLabel': string;
6
10
  'fabric.editor.headingLink.failedToCopy': string;
11
+ 'fabric.editor.headingLink.noOrderLabel': string;
12
+ 'fabric.editor.headingLink.noneSortingLabel': string;
7
13
  };
8
14
  /**
9
15
  * NOTE:
@@ -6,7 +6,7 @@ import type { EventHandlers } from '@atlaskit/editor-common/ui';
6
6
  import { ProviderFactory } from '@atlaskit/editor-common/provider-factory';
7
7
  import { MediaCardProps } from '../../ui/MediaCard';
8
8
  import { LinkDefinition } from '@atlaskit/adf-schema';
9
- import { MediaFeatureFlags } from '@atlaskit/media-common';
9
+ import type { MediaFeatureFlags } from '@atlaskit/media-common';
10
10
  import { AnalyticsEventPayload } from '../../analytics/events';
11
11
  export declare type MediaProps = MediaCardProps & {
12
12
  providers?: ProviderFactory;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/renderer",
3
- "version": "93.0.0",
3
+ "version": "93.0.1",
4
4
  "description": "Renderer component",
5
5
  "publishConfig": {
6
6
  "registry": "https://registry.npmjs.org/"
@@ -24,7 +24,7 @@
24
24
  }
25
25
  },
26
26
  "dependencies": {
27
- "@atlaskit/adf-schema": "^22.1.0",
27
+ "@atlaskit/adf-schema": "^23.0.0",
28
28
  "@atlaskit/adf-utils": "^16.0.0",
29
29
  "@atlaskit/analytics-listeners": "^8.2.0",
30
30
  "@atlaskit/analytics-namespaced-context": "^6.4.0",
@@ -35,13 +35,13 @@
35
35
  "@atlaskit/editor-json-transformer": "^8.7.0",
36
36
  "@atlaskit/editor-shared-styles": "^2.0.0",
37
37
  "@atlaskit/icon": "^21.10.0",
38
- "@atlaskit/media-card": "^73.4.0",
38
+ "@atlaskit/media-card": "^73.5.0",
39
39
  "@atlaskit/media-client": "^15.0.0",
40
- "@atlaskit/media-common": "^2.11.0",
40
+ "@atlaskit/media-common": "^2.12.0",
41
41
  "@atlaskit/media-filmstrip": "^43.0.0",
42
42
  "@atlaskit/media-viewer": "^46.2.0",
43
- "@atlaskit/status": "^1.0.0",
44
- "@atlaskit/task-decision": "^17.3.0",
43
+ "@atlaskit/status": "^1.1.0",
44
+ "@atlaskit/task-decision": "^17.4.0",
45
45
  "@atlaskit/theme": "^12.1.0",
46
46
  "@atlaskit/tooltip": "^17.5.0",
47
47
  "@babel/runtime": "^7.0.0",
@@ -57,7 +57,7 @@
57
57
  },
58
58
  "peerDependencies": {
59
59
  "@atlaskit/media-core": "^32.3.0",
60
- "@atlaskit/smart-card": "^18.0.0",
60
+ "@atlaskit/smart-card": "^18.0.13",
61
61
  "react": "^16.8.0",
62
62
  "react-dom": "^16.8.0"
63
63
  },
@@ -66,12 +66,12 @@
66
66
  "@atlaskit/avatar": "^20.5.0",
67
67
  "@atlaskit/css-reset": "^6.3.0",
68
68
  "@atlaskit/docs": "*",
69
- "@atlaskit/editor-core": "^163.0.0",
69
+ "@atlaskit/editor-core": "^164.0.0",
70
70
  "@atlaskit/editor-test-helpers": "^17.0.0",
71
71
  "@atlaskit/logo": "^13.5.0",
72
72
  "@atlaskit/media-core": "^32.3.0",
73
- "@atlaskit/media-integration-test-helpers": "^2.5.0",
74
- "@atlaskit/media-test-helpers": "^29.3.0",
73
+ "@atlaskit/media-integration-test-helpers": "^2.6.0",
74
+ "@atlaskit/media-test-helpers": "^29.4.0",
75
75
  "@atlaskit/mention": "^21.0.0",
76
76
  "@atlaskit/navigation-next": "^9.0.0",
77
77
  "@atlaskit/profilecard": "^16.4.0",
@@ -98,7 +98,7 @@
98
98
  "react-test-renderer": "^16.8.0",
99
99
  "rxjs": "^5.5.0",
100
100
  "sinon": "^2.2.0",
101
- "typescript": "3.9.6",
101
+ "typescript": "3.9.10",
102
102
  "worker-plugin": "^4.0.2"
103
103
  },
104
104
  "prettier": "@atlassian/atlassian-frontend-prettier-config-1.0.1"