@atlaskit/renderer 83.0.0 → 84.0.0

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 (102) hide show
  1. package/CHANGELOG.md +46 -0
  2. package/dist/cjs/actions/matches-utils.js +1 -1
  3. package/dist/cjs/analytics/enums.js +1 -1
  4. package/dist/cjs/analytics/events.js +1 -1
  5. package/dist/cjs/i18n/index.js +26 -26
  6. package/dist/cjs/index.js +8 -8
  7. package/dist/cjs/messages.js +4 -4
  8. package/dist/cjs/react/marks/annotation.js +1 -1
  9. package/dist/cjs/react/marks/breakout.js +1 -1
  10. package/dist/cjs/react/marks/code.js +3 -3
  11. package/dist/cjs/react/marks/index.js +24 -24
  12. package/dist/cjs/react/nodes/codeBlock.js +2 -2
  13. package/dist/cjs/react/nodes/codeBlockCopyButton.js +2 -2
  14. package/dist/cjs/react/nodes/copy-text-provider.js +1 -1
  15. package/dist/cjs/react/nodes/date.js +2 -2
  16. package/dist/cjs/react/nodes/doc.js +1 -1
  17. package/dist/cjs/react/nodes/extension.js +1 -1
  18. package/dist/cjs/react/nodes/heading-anchor.js +2 -2
  19. package/dist/cjs/react/nodes/index.js +31 -22
  20. package/dist/cjs/react/nodes/mediaSingle/index.js +3 -3
  21. package/dist/cjs/react/nodes/table/colgroup.js +1 -1
  22. package/dist/cjs/react/nodes/table/sticky.js +1 -1
  23. package/dist/cjs/react/nodes/tableCell.js +1 -1
  24. package/dist/cjs/react/renderer-node.js +1 -1
  25. package/dist/cjs/react/utils/links.js +1 -1
  26. package/dist/cjs/renderer-context.js +1 -1
  27. package/dist/cjs/steps/index.js +2 -2
  28. package/dist/cjs/text/nodes/index.js +1 -1
  29. package/dist/cjs/ui/Expand.js +2 -2
  30. package/dist/cjs/ui/MediaCard.js +1 -1
  31. package/dist/cjs/ui/Renderer/breakout-ssr.js +1 -1
  32. package/dist/cjs/ui/Renderer/index.js +7 -7
  33. package/dist/cjs/ui/Renderer/style.js +1 -1
  34. package/dist/cjs/ui/RendererActionsContext/index.js +1 -1
  35. package/dist/cjs/ui/SortingIcon.js +1 -1
  36. package/dist/cjs/ui/active-header-id-provider.js +1 -1
  37. package/dist/cjs/ui/annotations/context.js +1 -1
  38. package/dist/cjs/ui/annotations/draft/component.js +1 -1
  39. package/dist/cjs/ui/annotations/draft/index.js +4 -4
  40. package/dist/cjs/ui/annotations/draft/text.js +1 -1
  41. package/dist/cjs/ui/annotations/hooks/index.js +8 -8
  42. package/dist/cjs/ui/annotations/hooks/use-events.js +1 -1
  43. package/dist/cjs/ui/annotations/index.js +5 -5
  44. package/dist/cjs/utils.js +2 -1
  45. package/dist/cjs/version.json +1 -1
  46. package/dist/es2019/messages.js +1 -1
  47. package/dist/es2019/react/marks/code.js +1 -1
  48. package/dist/es2019/react/nodes/codeBlock.js +1 -1
  49. package/dist/es2019/react/nodes/codeBlockCopyButton.js +1 -1
  50. package/dist/es2019/react/nodes/date.js +1 -1
  51. package/dist/es2019/react/nodes/heading-anchor.js +1 -1
  52. package/dist/es2019/react/nodes/mediaSingle/index.js +1 -1
  53. package/dist/es2019/ui/Expand.js +1 -1
  54. package/dist/es2019/ui/Renderer/index.js +6 -6
  55. package/dist/es2019/version.json +1 -1
  56. package/dist/esm/messages.js +1 -1
  57. package/dist/esm/react/marks/code.js +1 -1
  58. package/dist/esm/react/nodes/codeBlock.js +1 -1
  59. package/dist/esm/react/nodes/codeBlockCopyButton.js +1 -1
  60. package/dist/esm/react/nodes/date.js +1 -1
  61. package/dist/esm/react/nodes/heading-anchor.js +1 -1
  62. package/dist/esm/react/nodes/mediaSingle/index.js +1 -1
  63. package/dist/esm/ui/Expand.js +1 -1
  64. package/dist/esm/ui/Renderer/index.js +6 -6
  65. package/dist/esm/version.json +1 -1
  66. package/dist/types/react/index.d.ts +1 -0
  67. package/dist/types/react/marks/alignment.d.ts +1 -0
  68. package/dist/types/react/marks/annotation.d.ts +1 -0
  69. package/dist/types/react/marks/code.d.ts +6 -6
  70. package/dist/types/react/marks/data-consumer.d.ts +1 -0
  71. package/dist/types/react/marks/em.d.ts +1 -0
  72. package/dist/types/react/marks/fragment.d.ts +1 -0
  73. package/dist/types/react/marks/indentation.d.ts +1 -0
  74. package/dist/types/react/marks/link.d.ts +1 -0
  75. package/dist/types/react/marks/strike.d.ts +1 -0
  76. package/dist/types/react/marks/strong.d.ts +1 -0
  77. package/dist/types/react/marks/subsup.d.ts +1 -0
  78. package/dist/types/react/marks/textColor.d.ts +1 -0
  79. package/dist/types/react/marks/underline.d.ts +1 -0
  80. package/dist/types/react/marks/unsupportedMark.d.ts +1 -0
  81. package/dist/types/react/marks/unsupportedNodeAttribute.d.ts +1 -0
  82. package/dist/types/react/nodes/blockCard.d.ts +1 -0
  83. package/dist/types/react/nodes/caption.d.ts +1 -0
  84. package/dist/types/react/nodes/codeBlock.d.ts +11 -3
  85. package/dist/types/react/nodes/codeBlockCopyButton.d.ts +3 -3
  86. package/dist/types/react/nodes/date.d.ts +3 -3
  87. package/dist/types/react/nodes/decisionItem.d.ts +1 -0
  88. package/dist/types/react/nodes/doc.d.ts +1 -0
  89. package/dist/types/react/nodes/embedCard.d.ts +1 -0
  90. package/dist/types/react/nodes/heading-anchor.d.ts +4 -4
  91. package/dist/types/react/nodes/heading.d.ts +1 -0
  92. package/dist/types/react/nodes/index.d.ts +8 -8
  93. package/dist/types/react/nodes/mediaSingle/index.d.ts +3 -3
  94. package/dist/types/react/nodes/paragraph.d.ts +1 -0
  95. package/dist/types/react/nodes/placeholder.d.ts +1 -0
  96. package/dist/types/react/nodes/rule.d.ts +1 -0
  97. package/dist/types/react/nodes/table/colgroup.d.ts +1 -0
  98. package/dist/types/react/nodes/text-wrapper.d.ts +1 -0
  99. package/dist/types/ui/Expand.d.ts +3 -3
  100. package/dist/types/ui/Renderer/breakout-ssr.d.ts +1 -0
  101. package/dist/types/ui/SortingIcon.d.ts +1 -0
  102. package/package.json +12 -11
@@ -3,8 +3,8 @@
3
3
  Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
- exports.isNestedHeaderLinksEnabled = isNestedHeaderLinksEnabled;
7
6
  exports.getActiveHeadingId = getActiveHeadingId;
7
+ exports.isNestedHeaderLinksEnabled = isNestedHeaderLinksEnabled;
8
8
 
9
9
  function isNestedHeaderLinksEnabled(allowHeadingAnchorLinks) {
10
10
  // If it's a boolean or undefined, then we don't support nesting.
@@ -5,7 +5,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
5
5
  Object.defineProperty(exports, "__esModule", {
6
6
  value: true
7
7
  });
8
- exports.RendererContextProvider = exports.useRendererContext = void 0;
8
+ exports.useRendererContext = exports.RendererContextProvider = void 0;
9
9
 
10
10
  var _react = _interopRequireDefault(require("react"));
11
11
 
@@ -3,9 +3,9 @@
3
3
  Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
- exports.resolvePos = resolvePos;
7
- exports.getPosFromRange = getPosFromRange;
8
6
  exports.createAnnotationStep = createAnnotationStep;
7
+ exports.getPosFromRange = getPosFromRange;
8
+ exports.resolvePos = resolvePos;
9
9
 
10
10
  var _prosemirrorTransform = require("prosemirror-transform");
11
11
 
@@ -5,7 +5,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
5
5
  Object.defineProperty(exports, "__esModule", {
6
6
  value: true
7
7
  });
8
- exports.nodeToReducerMapping = exports.reduce = void 0;
8
+ exports.reduce = exports.nodeToReducerMapping = void 0;
9
9
 
10
10
  var _blockquote = _interopRequireDefault(require("./blockquote"));
11
11
 
@@ -33,7 +33,7 @@ var _events = require("../analytics/events");
33
33
 
34
34
  var _enums = require("../analytics/enums");
35
35
 
36
- var _reactIntl = require("react-intl");
36
+ var _reactIntlNext = require("react-intl-next");
37
37
 
38
38
  var _activeHeaderIdProvider = require("./active-header-id-provider");
39
39
 
@@ -157,6 +157,6 @@ function Expand(_ref) {
157
157
  }, /*#__PURE__*/_react.default.createElement(_editorCommon.WidthProvider, null, /*#__PURE__*/_react.default.createElement(_editorCommon.ClearNextSiblingMarginTop, null), children))));
158
158
  }
159
159
 
160
- var _default = (0, _reactIntl.injectIntl)(Expand);
160
+ var _default = (0, _reactIntlNext.injectIntl)(Expand);
161
161
 
162
162
  exports.default = _default;
@@ -7,7 +7,7 @@ var _typeof = require("@babel/runtime/helpers/typeof");
7
7
  Object.defineProperty(exports, "__esModule", {
8
8
  value: true
9
9
  });
10
- exports.MediaCard = exports.getClipboardAttrs = exports.CardWrapper = exports.MediaCardInternal = exports.getListOfIdentifiersFromDoc = void 0;
10
+ exports.getListOfIdentifiersFromDoc = exports.getClipboardAttrs = exports.MediaCardInternal = exports.MediaCard = exports.CardWrapper = void 0;
11
11
 
12
12
  var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
13
13
 
@@ -6,8 +6,8 @@ Object.defineProperty(exports, "__esModule", {
6
6
  value: true
7
7
  });
8
8
  exports.BreakoutSSRInlineScript = BreakoutSSRInlineScript;
9
- exports.createBreakoutInlineScript = createBreakoutInlineScript;
10
9
  exports.calcLineLength = exports.breakoutInlineScriptContext = void 0;
10
+ exports.createBreakoutInlineScript = createBreakoutInlineScript;
11
11
 
12
12
  var _react = _interopRequireDefault(require("react"));
13
13
 
@@ -7,8 +7,9 @@ var _typeof = require("@babel/runtime/helpers/typeof");
7
7
  Object.defineProperty(exports, "__esModule", {
8
8
  value: true
9
9
  });
10
+ exports.Renderer = exports.NORMAL_SEVERITY_THRESHOLD = exports.DEGRADED_SEVERITY_THRESHOLD = void 0;
10
11
  exports.RendererWrapper = RendererWrapper;
11
- exports.default = exports.Renderer = exports.DEGRADED_SEVERITY_THRESHOLD = exports.NORMAL_SEVERITY_THRESHOLD = void 0;
12
+ exports.default = void 0;
12
13
 
13
14
  var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
14
15
 
@@ -28,8 +29,6 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
28
29
 
29
30
  var _react = _interopRequireWildcard(require("react"));
30
31
 
31
- var _reactIntl = require("react-intl");
32
-
33
32
  var _adfSchema = require("@atlaskit/adf-schema");
34
33
 
35
34
  var _adfUtils = require("@atlaskit/adf-utils");
@@ -346,7 +345,7 @@ var Renderer = /*#__PURE__*/function (_PureComponent) {
346
345
  value: this.featureFlags(this.props.featureFlags)
347
346
  }, /*#__PURE__*/_react.default.createElement(_copyTextProvider.CopyTextProvider, null, /*#__PURE__*/_react.default.createElement(_activeHeaderIdProvider.ActiveHeaderIdProvider, {
348
347
  value: (0, _links.getActiveHeadingId)(allowHeadingAnchorLinks)
349
- }, /*#__PURE__*/_react.default.createElement(_reactIntl.IntlProvider, null, /*#__PURE__*/_react.default.createElement(_analyticsContext.default.Provider, {
348
+ }, /*#__PURE__*/_react.default.createElement(_editorCommon.LegacyToNextIntlProvider, null, /*#__PURE__*/_react.default.createElement(_editorCommon.IntlLegacyFallbackProvider, null, /*#__PURE__*/_react.default.createElement(_analyticsContext.default.Provider, {
350
349
  value: {
351
350
  fireAnalyticsEvent: function fireAnalyticsEvent(event) {
352
351
  return _this3.fireAnalyticsEvent(event);
@@ -369,7 +368,7 @@ var Renderer = /*#__PURE__*/function (_PureComponent) {
369
368
  doc: pmDoc,
370
369
  schema: schema,
371
370
  onAnalyticsEvent: this.fireAnalyticsEvent
372
- }, result))))))));
371
+ }, result)))))))));
373
372
 
374
373
  return truncated ? /*#__PURE__*/_react.default.createElement(_truncatedWrapper.TruncatedWrapper, {
375
374
  height: maxHeight,
@@ -423,14 +422,15 @@ var RendererWithAnalytics = /*#__PURE__*/_react.default.memo(function (props) {
423
422
  }
424
423
  }, /*#__PURE__*/_react.default.createElement(_editorCommon.WithCreateAnalyticsEvent, {
425
424
  render: function render(createAnalyticsEvent) {
425
+ // `IntlNextErrorBoundary` only captures Internationalisation errors, leaving others for `ErrorBoundary`.
426
426
  return /*#__PURE__*/_react.default.createElement(_ErrorBoundary.ErrorBoundary, {
427
427
  component: _enums.ACTION_SUBJECT.RENDERER,
428
428
  rethrowError: true,
429
429
  fallbackComponent: null,
430
430
  createAnalyticsEvent: createAnalyticsEvent
431
- }, /*#__PURE__*/_react.default.createElement(Renderer, (0, _extends2.default)({}, props, {
431
+ }, /*#__PURE__*/_react.default.createElement(_editorCommon.IntlNextErrorBoundary, null, /*#__PURE__*/_react.default.createElement(Renderer, (0, _extends2.default)({}, props, {
432
432
  createAnalyticsEvent: createAnalyticsEvent
433
- })));
433
+ }))));
434
434
  }
435
435
  }));
436
436
  });
@@ -7,7 +7,7 @@ var _typeof = require("@babel/runtime/helpers/typeof");
7
7
  Object.defineProperty(exports, "__esModule", {
8
8
  value: true
9
9
  });
10
- exports.Wrapper = exports.headingSizes = exports.FullPagePadding = void 0;
10
+ exports.headingSizes = exports.Wrapper = exports.FullPagePadding = void 0;
11
11
 
12
12
  var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
13
13
 
@@ -8,7 +8,7 @@ Object.defineProperty(exports, "__esModule", {
8
8
  value: true
9
9
  });
10
10
  exports.RendererActionsContext = RendererActionsContext;
11
- exports.RendererActionsContextConsumer = exports.RendererContext = void 0;
11
+ exports.RendererContext = exports.RendererActionsContextConsumer = void 0;
12
12
 
13
13
  var _react = _interopRequireWildcard(require("react"));
14
14
 
@@ -5,7 +5,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
5
5
  Object.defineProperty(exports, "__esModule", {
6
6
  value: true
7
7
  });
8
- exports.default = exports.StatusClassNames = exports.TableSortIconDataUrl = void 0;
8
+ exports.default = exports.TableSortIconDataUrl = exports.StatusClassNames = void 0;
9
9
 
10
10
  var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
11
11
 
@@ -7,7 +7,7 @@ var _typeof = require("@babel/runtime/helpers/typeof");
7
7
  Object.defineProperty(exports, "__esModule", {
8
8
  value: true
9
9
  });
10
- exports.ActiveHeaderIdConsumer = exports.ActiveHeaderIdProvider = void 0;
10
+ exports.ActiveHeaderIdProvider = exports.ActiveHeaderIdConsumer = void 0;
11
11
 
12
12
  var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
13
13
 
@@ -7,7 +7,7 @@ var _typeof = require("@babel/runtime/helpers/typeof");
7
7
  Object.defineProperty(exports, "__esModule", {
8
8
  value: true
9
9
  });
10
- exports.AnnotationsDraftContextWrapper = exports.InlineCommentsStateContext = exports.ProvidersContext = exports.AnnotationsDraftContext = void 0;
10
+ exports.ProvidersContext = exports.InlineCommentsStateContext = exports.AnnotationsDraftContextWrapper = exports.AnnotationsDraftContext = void 0;
11
11
 
12
12
  var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
13
13
 
@@ -5,7 +5,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
5
5
  Object.defineProperty(exports, "__esModule", {
6
6
  value: true
7
7
  });
8
- exports.TextWithAnnotationDraft = exports.applyAnnotationOnText = exports.getAnnotationIndex = exports.AnnotationDraft = void 0;
8
+ exports.getAnnotationIndex = exports.applyAnnotationOnText = exports.TextWithAnnotationDraft = exports.AnnotationDraft = void 0;
9
9
 
10
10
  var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
11
11
 
@@ -3,16 +3,16 @@
3
3
  Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
- Object.defineProperty(exports, "updateWindowSelectionAroundDraft", {
6
+ Object.defineProperty(exports, "TextWithAnnotationDraft", {
7
7
  enumerable: true,
8
8
  get: function get() {
9
- return _dom.updateWindowSelectionAroundDraft;
9
+ return _component.TextWithAnnotationDraft;
10
10
  }
11
11
  });
12
- Object.defineProperty(exports, "TextWithAnnotationDraft", {
12
+ Object.defineProperty(exports, "updateWindowSelectionAroundDraft", {
13
13
  enumerable: true,
14
14
  get: function get() {
15
- return _component.TextWithAnnotationDraft;
15
+ return _dom.updateWindowSelectionAroundDraft;
16
16
  }
17
17
  });
18
18
 
@@ -3,7 +3,7 @@
3
3
  Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
- exports.calcTextSplitOffset = exports.splitText = void 0;
6
+ exports.splitText = exports.calcTextSplitOffset = void 0;
7
7
 
8
8
  var splitText = function splitText(text, _ref) {
9
9
  var startOffset = _ref.startOffset,
@@ -3,22 +3,16 @@
3
3
  Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
- Object.defineProperty(exports, "useHasFocusEvent", {
7
- enumerable: true,
8
- get: function get() {
9
- return _useEvents.useHasFocusEvent;
10
- }
11
- });
12
6
  Object.defineProperty(exports, "useAnnotationClickEvent", {
13
7
  enumerable: true,
14
8
  get: function get() {
15
9
  return _useEvents.useAnnotationClickEvent;
16
10
  }
17
11
  });
18
- Object.defineProperty(exports, "useInlineCommentsFilter", {
12
+ Object.defineProperty(exports, "useHasFocusEvent", {
19
13
  enumerable: true,
20
14
  get: function get() {
21
- return _useInlineCommentsFilter.useInlineCommentsFilter;
15
+ return _useEvents.useHasFocusEvent;
22
16
  }
23
17
  });
24
18
  Object.defineProperty(exports, "useInlineCommentSubscriberContext", {
@@ -27,6 +21,12 @@ Object.defineProperty(exports, "useInlineCommentSubscriberContext", {
27
21
  return _useInlineCommentSubscriber.useInlineCommentSubscriberContext;
28
22
  }
29
23
  });
24
+ Object.defineProperty(exports, "useInlineCommentsFilter", {
25
+ enumerable: true,
26
+ get: function get() {
27
+ return _useInlineCommentsFilter.useInlineCommentsFilter;
28
+ }
29
+ });
30
30
 
31
31
  var _useEvents = require("./use-events");
32
32
 
@@ -5,7 +5,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
5
5
  Object.defineProperty(exports, "__esModule", {
6
6
  value: true
7
7
  });
8
- exports.useAnnotationClickEvent = exports.useHasFocusEvent = exports.useAnnotationStateByTypeEvent = void 0;
8
+ exports.useHasFocusEvent = exports.useAnnotationStateByTypeEvent = exports.useAnnotationClickEvent = void 0;
9
9
 
10
10
  var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
11
11
 
@@ -5,19 +5,19 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
5
5
  Object.defineProperty(exports, "__esModule", {
6
6
  value: true
7
7
  });
8
- Object.defineProperty(exports, "TextWithAnnotationDraft", {
8
+ Object.defineProperty(exports, "AnnotationMark", {
9
9
  enumerable: true,
10
10
  get: function get() {
11
- return _draft.TextWithAnnotationDraft;
11
+ return _element.MarkElement;
12
12
  }
13
13
  });
14
- Object.defineProperty(exports, "AnnotationMark", {
14
+ exports.AnnotationsWrapper = void 0;
15
+ Object.defineProperty(exports, "TextWithAnnotationDraft", {
15
16
  enumerable: true,
16
17
  get: function get() {
17
- return _element.MarkElement;
18
+ return _draft.TextWithAnnotationDraft;
18
19
  }
19
20
  });
20
- exports.AnnotationsWrapper = void 0;
21
21
 
22
22
  var _react = _interopRequireDefault(require("react"));
23
23
 
package/dist/cjs/utils.js CHANGED
@@ -5,9 +5,10 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
5
5
  Object.defineProperty(exports, "__esModule", {
6
6
  value: true
7
7
  });
8
+ exports.ADFEncoder = void 0;
8
9
  exports.findHorizontalOverflowScrollParent = findHorizontalOverflowScrollParent;
9
10
  exports.findInTree = findInTree;
10
- exports.getPlatform = exports.getEventHandler = exports.getText = exports.ADFEncoder = void 0;
11
+ exports.getText = exports.getPlatform = exports.getEventHandler = void 0;
11
12
 
12
13
  var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
13
14
 
@@ -1,5 +1,5 @@
1
1
  {
2
2
  "name": "@atlaskit/renderer",
3
- "version": "83.0.0",
3
+ "version": "84.0.0",
4
4
  "sideEffects": false
5
5
  }
@@ -1,4 +1,4 @@
1
- import { defineMessages } from 'react-intl';
1
+ import { defineMessages } from 'react-intl-next';
2
2
  export const headingAnchorLinkMessages = defineMessages({
3
3
  copyHeadingLinkToClipboard: {
4
4
  id: 'fabric.editor.headingLink.copyAnchorLink',
@@ -1,6 +1,6 @@
1
1
  import _extends from "@babel/runtime/helpers/extends";
2
2
  import React from 'react';
3
- import { injectIntl } from 'react-intl';
3
+ import { injectIntl } from 'react-intl-next';
4
4
  import AkCode from '@atlaskit/code/inline';
5
5
  import { codeBidiWarningMessages } from '@atlaskit/editor-common/messages';
6
6
  import { useFeatureFlags } from '../../use-feature-flags';
@@ -1,5 +1,5 @@
1
1
  import React from 'react';
2
- import { injectIntl } from 'react-intl';
2
+ import { injectIntl } from 'react-intl-next';
3
3
  import styled from 'styled-components';
4
4
  import { CodeBlock as AkCodeBlock } from '@atlaskit/code';
5
5
  import { overflowShadow, relativeFontSizeToBase16 } from '@atlaskit/editor-shared-styles';
@@ -1,5 +1,5 @@
1
1
  import React, { useState } from 'react';
2
- import { injectIntl } from 'react-intl';
2
+ import { injectIntl } from 'react-intl-next';
3
3
  import styled from 'styled-components';
4
4
  import Tooltip from '@atlaskit/tooltip';
5
5
  import Button from '@atlaskit/button/custom-theme-button';
@@ -1,7 +1,7 @@
1
1
  import React from 'react';
2
2
  import { PureComponent } from 'react';
3
3
  import { isPastDate, timestampToString, timestampToTaskContext, DateSharedCssClassName } from '@atlaskit/editor-common';
4
- import { injectIntl } from 'react-intl';
4
+ import { injectIntl } from 'react-intl-next';
5
5
 
6
6
  class Date extends PureComponent {
7
7
  render() {
@@ -5,7 +5,7 @@ import styled from 'styled-components';
5
5
  import { N200, N500, B400 } from '@atlaskit/theme/colors';
6
6
  import LinkIcon from '@atlaskit/icon/glyph/link';
7
7
  import Tooltip from '@atlaskit/tooltip';
8
- import { injectIntl } from 'react-intl';
8
+ import { injectIntl } from 'react-intl-next';
9
9
  import { headingAnchorLinkMessages } from '../../messages';
10
10
  export const HeadingAnchorWrapperClassName = 'heading-anchor-wrapper';
11
11
  const CopyAnchorWrapperWithRef = /*#__PURE__*/React.forwardRef((props, ref) => {
@@ -2,7 +2,7 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
2
2
  import { mapBreakpointToLayoutMaxWidth, WidthConsumer } from '@atlaskit/editor-common';
3
3
  import { akEditorFullWidthLayoutWidth, getAkEditorFullPageMaxWidth, akEditorDefaultLayoutWidth } from '@atlaskit/editor-shared-styles';
4
4
  import { Component, default as React } from 'react';
5
- import { injectIntl } from 'react-intl';
5
+ import { injectIntl } from 'react-intl-next';
6
6
  import { FullPagePadding } from '../../../ui/Renderer/style';
7
7
  import { ExtendedUIMediaSingle } from './styles';
8
8
  import { getMediaFeatureFlag } from '@atlaskit/media-common';
@@ -8,7 +8,7 @@ import { expandMessages, sharedExpandStyles, WidthProvider, ExpandIconWrapper, E
8
8
  import { akEditorLineHeight, relativeFontSizeToBase16 } from '@atlaskit/editor-shared-styles';
9
9
  import { PLATFORM, MODE } from '../analytics/events';
10
10
  import { ACTION, ACTION_SUBJECT, EVENT_TYPE } from '../analytics/enums';
11
- import { injectIntl } from 'react-intl';
11
+ import { injectIntl } from 'react-intl-next';
12
12
  import { ActiveHeaderIdConsumer } from './active-header-id-provider';
13
13
  import _uniqueId from 'lodash/uniqueId';
14
14
  const Title = styled.span`
@@ -2,10 +2,9 @@ import _extends from "@babel/runtime/helpers/extends";
2
2
  import _defineProperty from "@babel/runtime/helpers/defineProperty";
3
3
  import React, { useContext, useLayoutEffect, useRef } from 'react';
4
4
  import { PureComponent } from 'react';
5
- import { IntlProvider } from 'react-intl';
6
5
  import { getSchemaBasedOnStage } from '@atlaskit/adf-schema';
7
6
  import { reduce } from '@atlaskit/adf-utils';
8
- import { UnsupportedBlock, ProviderFactory, BaseTheme, WidthProvider, getAnalyticsAppearance, getAnalyticsEventSeverity, WithCreateAnalyticsEvent, getResponseEndTime, startMeasure, stopMeasure, shouldForceTracking } from '@atlaskit/editor-common';
7
+ import { UnsupportedBlock, ProviderFactory, BaseTheme, WidthProvider, getAnalyticsAppearance, getAnalyticsEventSeverity, WithCreateAnalyticsEvent, getResponseEndTime, startMeasure, stopMeasure, shouldForceTracking, IntlNextErrorBoundary, LegacyToNextIntlProvider, IntlLegacyFallbackProvider } from '@atlaskit/editor-common';
9
8
  import { normalizeFeatureFlags } from '@atlaskit/editor-common/normalize-feature-flags';
10
9
  import { akEditorFullPageDefaultFontSize } from '@atlaskit/editor-shared-styles';
11
10
  import { IframeWidthObserverFallbackWrapper, IframeWrapperConsumer } from '@atlaskit/width-detector';
@@ -270,7 +269,7 @@ export class Renderer extends PureComponent {
270
269
  value: this.featureFlags(this.props.featureFlags)
271
270
  }, /*#__PURE__*/React.createElement(CopyTextProvider, null, /*#__PURE__*/React.createElement(ActiveHeaderIdProvider, {
272
271
  value: getActiveHeadingId(allowHeadingAnchorLinks)
273
- }, /*#__PURE__*/React.createElement(IntlProvider, null, /*#__PURE__*/React.createElement(AnalyticsContext.Provider, {
272
+ }, /*#__PURE__*/React.createElement(LegacyToNextIntlProvider, null, /*#__PURE__*/React.createElement(IntlLegacyFallbackProvider, null, /*#__PURE__*/React.createElement(AnalyticsContext.Provider, {
274
273
  value: {
275
274
  fireAnalyticsEvent: event => this.fireAnalyticsEvent(event)
276
275
  }
@@ -291,7 +290,7 @@ export class Renderer extends PureComponent {
291
290
  doc: pmDoc,
292
291
  schema: schema,
293
292
  onAnalyticsEvent: this.fireAnalyticsEvent
294
- }, result))))))));
293
+ }, result)))))))));
295
294
  return truncated ? /*#__PURE__*/React.createElement(TruncatedWrapper, {
296
295
  height: maxHeight,
297
296
  fadeHeight: fadeOutHeight
@@ -340,14 +339,15 @@ const RendererWithAnalytics = /*#__PURE__*/React.memo(props => /*#__PURE__*/Reac
340
339
  }
341
340
  }, /*#__PURE__*/React.createElement(WithCreateAnalyticsEvent, {
342
341
  render: createAnalyticsEvent => {
342
+ // `IntlNextErrorBoundary` only captures Internationalisation errors, leaving others for `ErrorBoundary`.
343
343
  return /*#__PURE__*/React.createElement(ErrorBoundary, {
344
344
  component: ACTION_SUBJECT.RENDERER,
345
345
  rethrowError: true,
346
346
  fallbackComponent: null,
347
347
  createAnalyticsEvent: createAnalyticsEvent
348
- }, /*#__PURE__*/React.createElement(Renderer, _extends({}, props, {
348
+ }, /*#__PURE__*/React.createElement(IntlNextErrorBoundary, null, /*#__PURE__*/React.createElement(Renderer, _extends({}, props, {
349
349
  createAnalyticsEvent: createAnalyticsEvent
350
- })));
350
+ }))));
351
351
  }
352
352
  })));
353
353
  const RendererWithIframeFallbackWrapper = /*#__PURE__*/React.memo(props => {
@@ -1,5 +1,5 @@
1
1
  {
2
2
  "name": "@atlaskit/renderer",
3
- "version": "83.0.0",
3
+ "version": "84.0.0",
4
4
  "sideEffects": false
5
5
  }
@@ -1,4 +1,4 @@
1
- import { defineMessages } from 'react-intl';
1
+ import { defineMessages } from 'react-intl-next';
2
2
  export var headingAnchorLinkMessages = defineMessages({
3
3
  copyHeadingLinkToClipboard: {
4
4
  id: 'fabric.editor.headingLink.copyAnchorLink',
@@ -1,6 +1,6 @@
1
1
  import _extends from "@babel/runtime/helpers/extends";
2
2
  import React from 'react';
3
- import { injectIntl } from 'react-intl';
3
+ import { injectIntl } from 'react-intl-next';
4
4
  import AkCode from '@atlaskit/code/inline';
5
5
  import { codeBidiWarningMessages } from '@atlaskit/editor-common/messages';
6
6
  import { useFeatureFlags } from '../../use-feature-flags';
@@ -3,7 +3,7 @@ import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral
3
3
  var _templateObject;
4
4
 
5
5
  import React from 'react';
6
- import { injectIntl } from 'react-intl';
6
+ import { injectIntl } from 'react-intl-next';
7
7
  import styled from 'styled-components';
8
8
  import { CodeBlock as AkCodeBlock } from '@atlaskit/code';
9
9
  import { overflowShadow, relativeFontSizeToBase16 } from '@atlaskit/editor-shared-styles';
@@ -4,7 +4,7 @@ import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral
4
4
  var _templateObject;
5
5
 
6
6
  import React, { useState } from 'react';
7
- import { injectIntl } from 'react-intl';
7
+ import { injectIntl } from 'react-intl-next';
8
8
  import styled from 'styled-components';
9
9
  import Tooltip from '@atlaskit/tooltip';
10
10
  import Button from '@atlaskit/button/custom-theme-button';
@@ -11,7 +11,7 @@ function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Re
11
11
  import React from 'react';
12
12
  import { PureComponent } from 'react';
13
13
  import { isPastDate, timestampToString, timestampToTaskContext, DateSharedCssClassName } from '@atlaskit/editor-common';
14
- import { injectIntl } from 'react-intl';
14
+ import { injectIntl } from 'react-intl-next';
15
15
 
16
16
  var Date = /*#__PURE__*/function (_PureComponent) {
17
17
  _inherits(Date, _PureComponent);
@@ -22,7 +22,7 @@ import styled from 'styled-components';
22
22
  import { N200, N500, B400 } from '@atlaskit/theme/colors';
23
23
  import LinkIcon from '@atlaskit/icon/glyph/link';
24
24
  import Tooltip from '@atlaskit/tooltip';
25
- import { injectIntl } from 'react-intl';
25
+ import { injectIntl } from 'react-intl-next';
26
26
  import { headingAnchorLinkMessages } from '../../messages';
27
27
  export var HeadingAnchorWrapperClassName = 'heading-anchor-wrapper';
28
28
  var CopyAnchorWrapperWithRef = /*#__PURE__*/React.forwardRef(function (props, ref) {
@@ -14,7 +14,7 @@ function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Re
14
14
  import { mapBreakpointToLayoutMaxWidth, WidthConsumer } from '@atlaskit/editor-common';
15
15
  import { akEditorFullWidthLayoutWidth, getAkEditorFullPageMaxWidth, akEditorDefaultLayoutWidth } from '@atlaskit/editor-shared-styles';
16
16
  import { Component, default as React } from 'react';
17
- import { injectIntl } from 'react-intl';
17
+ import { injectIntl } from 'react-intl-next';
18
18
  import { FullPagePadding } from '../../../ui/Renderer/style';
19
19
  import { ExtendedUIMediaSingle } from './styles';
20
20
  import { getMediaFeatureFlag } from '@atlaskit/media-common';
@@ -13,7 +13,7 @@ import { expandMessages, sharedExpandStyles, WidthProvider, ExpandIconWrapper, E
13
13
  import { akEditorLineHeight, relativeFontSizeToBase16 } from '@atlaskit/editor-shared-styles';
14
14
  import { PLATFORM, MODE } from '../analytics/events';
15
15
  import { ACTION, ACTION_SUBJECT, EVENT_TYPE } from '../analytics/enums';
16
- import { injectIntl } from 'react-intl';
16
+ import { injectIntl } from 'react-intl-next';
17
17
  import { ActiveHeaderIdConsumer } from './active-header-id-provider';
18
18
  import _uniqueId from 'lodash/uniqueId';
19
19
  var Title = styled.span(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n outline: none;\n border: none;\n font-size: ", ";\n line-height: ", ";\n font-weight: normal;\n display: flex;\n flex: 1;\n margin: 0;\n padding: 0 0 0 ", "px;\n text-align: left;\n"])), relativeFontSizeToBase16(fontSize()), akEditorLineHeight, gridSize() / 2);
@@ -17,10 +17,9 @@ function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Re
17
17
 
18
18
  import React, { useContext, useLayoutEffect, useRef } from 'react';
19
19
  import { PureComponent } from 'react';
20
- import { IntlProvider } from 'react-intl';
21
20
  import { getSchemaBasedOnStage } from '@atlaskit/adf-schema';
22
21
  import { reduce } from '@atlaskit/adf-utils';
23
- import { UnsupportedBlock, ProviderFactory, BaseTheme, WidthProvider, getAnalyticsAppearance, getAnalyticsEventSeverity, WithCreateAnalyticsEvent, getResponseEndTime, startMeasure, stopMeasure, shouldForceTracking } from '@atlaskit/editor-common';
22
+ import { UnsupportedBlock, ProviderFactory, BaseTheme, WidthProvider, getAnalyticsAppearance, getAnalyticsEventSeverity, WithCreateAnalyticsEvent, getResponseEndTime, startMeasure, stopMeasure, shouldForceTracking, IntlNextErrorBoundary, LegacyToNextIntlProvider, IntlLegacyFallbackProvider } from '@atlaskit/editor-common';
24
23
  import { normalizeFeatureFlags } from '@atlaskit/editor-common/normalize-feature-flags';
25
24
  import { akEditorFullPageDefaultFontSize } from '@atlaskit/editor-shared-styles';
26
25
  import { IframeWidthObserverFallbackWrapper, IframeWrapperConsumer } from '@atlaskit/width-detector';
@@ -297,7 +296,7 @@ export var Renderer = /*#__PURE__*/function (_PureComponent) {
297
296
  value: this.featureFlags(this.props.featureFlags)
298
297
  }, /*#__PURE__*/React.createElement(CopyTextProvider, null, /*#__PURE__*/React.createElement(ActiveHeaderIdProvider, {
299
298
  value: getActiveHeadingId(allowHeadingAnchorLinks)
300
- }, /*#__PURE__*/React.createElement(IntlProvider, null, /*#__PURE__*/React.createElement(AnalyticsContext.Provider, {
299
+ }, /*#__PURE__*/React.createElement(LegacyToNextIntlProvider, null, /*#__PURE__*/React.createElement(IntlLegacyFallbackProvider, null, /*#__PURE__*/React.createElement(AnalyticsContext.Provider, {
301
300
  value: {
302
301
  fireAnalyticsEvent: function fireAnalyticsEvent(event) {
303
302
  return _this3.fireAnalyticsEvent(event);
@@ -320,7 +319,7 @@ export var Renderer = /*#__PURE__*/function (_PureComponent) {
320
319
  doc: pmDoc,
321
320
  schema: schema,
322
321
  onAnalyticsEvent: this.fireAnalyticsEvent
323
- }, result))))))));
322
+ }, result)))))))));
324
323
  return truncated ? /*#__PURE__*/React.createElement(TruncatedWrapper, {
325
324
  height: maxHeight,
326
325
  fadeHeight: fadeOutHeight
@@ -371,14 +370,15 @@ var RendererWithAnalytics = /*#__PURE__*/React.memo(function (props) {
371
370
  }
372
371
  }, /*#__PURE__*/React.createElement(WithCreateAnalyticsEvent, {
373
372
  render: function render(createAnalyticsEvent) {
373
+ // `IntlNextErrorBoundary` only captures Internationalisation errors, leaving others for `ErrorBoundary`.
374
374
  return /*#__PURE__*/React.createElement(ErrorBoundary, {
375
375
  component: ACTION_SUBJECT.RENDERER,
376
376
  rethrowError: true,
377
377
  fallbackComponent: null,
378
378
  createAnalyticsEvent: createAnalyticsEvent
379
- }, /*#__PURE__*/React.createElement(Renderer, _extends({}, props, {
379
+ }, /*#__PURE__*/React.createElement(IntlNextErrorBoundary, null, /*#__PURE__*/React.createElement(Renderer, _extends({}, props, {
380
380
  createAnalyticsEvent: createAnalyticsEvent
381
- })));
381
+ }))));
382
382
  }
383
383
  }));
384
384
  });
@@ -1,5 +1,5 @@
1
1
  {
2
2
  "name": "@atlaskit/renderer",
3
- "version": "83.0.0",
3
+ "version": "84.0.0",
4
4
  "sideEffects": false
5
5
  }
@@ -1,3 +1,4 @@
1
+ /// <reference types="react" />
1
2
  import { Fragment, Mark, Node } from 'prosemirror-model';
2
3
  import { Serializer } from '../';
3
4
  import { RendererAppearance, StickyHeaderConfig, HeadingAnchorLinksProps } from '../ui/Renderer/types';
@@ -1,3 +1,4 @@
1
+ /// <reference types="react" />
1
2
  import { AlignmentAttributes } from '@atlaskit/adf-schema';
2
3
  import { MarkProps } from '../types';
3
4
  export default function Alignment(props: MarkProps<AlignmentAttributes>): JSX.Element;
@@ -1,3 +1,4 @@
1
+ /// <reference types="react" />
1
2
  import { MarkProps, AnnotationMarkMeta } from '../types';
2
3
  import { Mark } from 'prosemirror-model';
3
4
  export declare const isAnnotationMark: (mark: Mark) => boolean;