@atlaskit/renderer 84.1.1 → 85.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 (170) hide show
  1. package/CHANGELOG.md +18 -0
  2. package/dist/cjs/actions/index.js +3 -3
  3. package/dist/cjs/analytics/unsupported-content.js +3 -3
  4. package/dist/cjs/react/index.js +13 -9
  5. package/dist/cjs/react/marks/annotation.js +2 -2
  6. package/dist/cjs/react/marks/breakout.js +5 -3
  7. package/dist/cjs/react/nodes/blockCard.js +2 -2
  8. package/dist/cjs/react/nodes/caption.js +2 -2
  9. package/dist/cjs/react/nodes/date.js +6 -4
  10. package/dist/cjs/react/nodes/embedCard.js +5 -5
  11. package/dist/cjs/react/nodes/emoji.js +2 -2
  12. package/dist/cjs/react/nodes/extension.js +6 -4
  13. package/dist/cjs/react/nodes/heading-anchor.js +3 -1
  14. package/dist/cjs/react/nodes/index.js +80 -55
  15. package/dist/cjs/react/nodes/inlineCard.js +2 -2
  16. package/dist/cjs/react/nodes/layoutColumn.js +2 -2
  17. package/dist/cjs/react/nodes/media.js +5 -3
  18. package/dist/cjs/react/nodes/mediaGroup.js +2 -2
  19. package/dist/cjs/react/nodes/mediaInline.js +2 -2
  20. package/dist/cjs/react/nodes/mediaSingle/index.js +3 -3
  21. package/dist/cjs/react/nodes/mediaSingle/styles.js +2 -2
  22. package/dist/cjs/react/nodes/mention.js +2 -2
  23. package/dist/cjs/react/nodes/panel.js +18 -20
  24. package/dist/cjs/react/nodes/table/colgroup.js +2 -2
  25. package/dist/cjs/react/nodes/table/sticky.js +4 -4
  26. package/dist/cjs/react/nodes/table.js +19 -13
  27. package/dist/cjs/react/nodes/tableCell.js +15 -13
  28. package/dist/cjs/react/nodes/tableRow.js +6 -4
  29. package/dist/cjs/react/nodes/task-item-with-providers.js +3 -1
  30. package/dist/cjs/react/nodes/taskItem.js +3 -3
  31. package/dist/cjs/render-document.js +3 -3
  32. package/dist/cjs/text/nodes/date.js +3 -3
  33. package/dist/cjs/ui/Expand.js +9 -9
  34. package/dist/cjs/ui/ExtensionRenderer.js +8 -4
  35. package/dist/cjs/ui/MediaCard.js +4 -4
  36. package/dist/cjs/ui/Renderer/breakout-ssr.js +3 -3
  37. package/dist/cjs/ui/Renderer/index.js +22 -18
  38. package/dist/cjs/ui/SortingIcon.js +8 -8
  39. package/dist/cjs/ui/annotations/draft/component.js +2 -2
  40. package/dist/cjs/ui/annotations/element/index.js +2 -2
  41. package/dist/cjs/ui/annotations/element/mark.js +4 -4
  42. package/dist/cjs/ui/annotations/hooks/use-events.js +11 -11
  43. package/dist/cjs/ui/annotations/hooks/use-load-annotations.js +4 -4
  44. package/dist/cjs/utils.js +4 -3
  45. package/dist/cjs/version.json +1 -1
  46. package/dist/es2019/actions/index.js +1 -1
  47. package/dist/es2019/analytics/unsupported-content.js +1 -1
  48. package/dist/es2019/react/index.js +2 -1
  49. package/dist/es2019/react/marks/breakout.js +2 -1
  50. package/dist/es2019/react/nodes/blockCard.js +1 -1
  51. package/dist/es2019/react/nodes/caption.js +1 -1
  52. package/dist/es2019/react/nodes/date.js +2 -1
  53. package/dist/es2019/react/nodes/embedCard.js +1 -1
  54. package/dist/es2019/react/nodes/emoji.js +1 -1
  55. package/dist/es2019/react/nodes/extension.js +2 -1
  56. package/dist/es2019/react/nodes/index.js +32 -7
  57. package/dist/es2019/react/nodes/inlineCard.js +1 -1
  58. package/dist/es2019/react/nodes/layoutColumn.js +1 -1
  59. package/dist/es2019/react/nodes/media.js +2 -1
  60. package/dist/es2019/react/nodes/mediaInline.js +1 -1
  61. package/dist/es2019/react/nodes/mediaSingle/index.js +1 -1
  62. package/dist/es2019/react/nodes/mediaSingle/styles.js +1 -1
  63. package/dist/es2019/react/nodes/mention.js +1 -1
  64. package/dist/es2019/react/nodes/panel.js +14 -12
  65. package/dist/es2019/react/nodes/table/colgroup.js +1 -1
  66. package/dist/es2019/react/nodes/table/sticky.js +1 -1
  67. package/dist/es2019/react/nodes/table.js +4 -1
  68. package/dist/es2019/react/nodes/tableCell.js +2 -1
  69. package/dist/es2019/react/nodes/tableRow.js +2 -1
  70. package/dist/es2019/react/nodes/taskItem.js +1 -1
  71. package/dist/es2019/render-document.js +1 -1
  72. package/dist/es2019/text/nodes/date.js +1 -1
  73. package/dist/es2019/ui/Expand.js +1 -1
  74. package/dist/es2019/ui/ExtensionRenderer.js +3 -1
  75. package/dist/es2019/ui/MediaCard.js +1 -1
  76. package/dist/es2019/ui/Renderer/breakout-ssr.js +1 -1
  77. package/dist/es2019/ui/Renderer/index.js +3 -1
  78. package/dist/es2019/ui/SortingIcon.js +2 -2
  79. package/dist/es2019/ui/annotations/draft/component.js +1 -1
  80. package/dist/es2019/ui/annotations/element/index.js +1 -1
  81. package/dist/es2019/ui/annotations/element/mark.js +1 -1
  82. package/dist/es2019/ui/annotations/hooks/use-events.js +1 -1
  83. package/dist/es2019/ui/annotations/hooks/use-load-annotations.js +1 -1
  84. package/dist/es2019/version.json +1 -1
  85. package/dist/esm/actions/index.js +1 -1
  86. package/dist/esm/analytics/unsupported-content.js +1 -1
  87. package/dist/esm/react/index.js +6 -4
  88. package/dist/esm/react/marks/annotation.js +2 -2
  89. package/dist/esm/react/marks/breakout.js +2 -1
  90. package/dist/esm/react/nodes/blockCard.js +1 -1
  91. package/dist/esm/react/nodes/caption.js +1 -1
  92. package/dist/esm/react/nodes/date.js +2 -1
  93. package/dist/esm/react/nodes/embedCard.js +1 -1
  94. package/dist/esm/react/nodes/emoji.js +1 -1
  95. package/dist/esm/react/nodes/extension.js +2 -1
  96. package/dist/esm/react/nodes/heading-anchor.js +3 -1
  97. package/dist/esm/react/nodes/index.js +62 -7
  98. package/dist/esm/react/nodes/inlineCard.js +1 -1
  99. package/dist/esm/react/nodes/layoutColumn.js +1 -1
  100. package/dist/esm/react/nodes/media.js +2 -1
  101. package/dist/esm/react/nodes/mediaGroup.js +2 -2
  102. package/dist/esm/react/nodes/mediaInline.js +1 -1
  103. package/dist/esm/react/nodes/mediaSingle/index.js +1 -1
  104. package/dist/esm/react/nodes/mediaSingle/styles.js +1 -1
  105. package/dist/esm/react/nodes/mention.js +1 -1
  106. package/dist/esm/react/nodes/panel.js +14 -12
  107. package/dist/esm/react/nodes/table/colgroup.js +1 -1
  108. package/dist/esm/react/nodes/table/sticky.js +1 -1
  109. package/dist/esm/react/nodes/table.js +4 -1
  110. package/dist/esm/react/nodes/tableCell.js +2 -1
  111. package/dist/esm/react/nodes/tableRow.js +2 -1
  112. package/dist/esm/react/nodes/task-item-with-providers.js +2 -1
  113. package/dist/esm/react/nodes/taskItem.js +1 -1
  114. package/dist/esm/render-document.js +1 -1
  115. package/dist/esm/text/nodes/date.js +1 -1
  116. package/dist/esm/ui/Expand.js +1 -1
  117. package/dist/esm/ui/ExtensionRenderer.js +3 -1
  118. package/dist/esm/ui/MediaCard.js +3 -3
  119. package/dist/esm/ui/Renderer/breakout-ssr.js +1 -1
  120. package/dist/esm/ui/Renderer/index.js +5 -3
  121. package/dist/esm/ui/SortingIcon.js +2 -2
  122. package/dist/esm/ui/annotations/draft/component.js +1 -1
  123. package/dist/esm/ui/annotations/element/index.js +1 -1
  124. package/dist/esm/ui/annotations/element/mark.js +3 -3
  125. package/dist/esm/ui/annotations/hooks/use-events.js +3 -3
  126. package/dist/esm/ui/annotations/hooks/use-load-annotations.js +3 -3
  127. package/dist/esm/utils.js +3 -2
  128. package/dist/esm/version.json +1 -1
  129. package/dist/types/actions/index.d.ts +1 -1
  130. package/dist/types/analytics/events.d.ts +3 -1
  131. package/dist/types/analytics/unsupported-content.d.ts +1 -1
  132. package/dist/types/react/index.d.ts +3 -1
  133. package/dist/types/react/nodes/blockCard.d.ts +1 -1
  134. package/dist/types/react/nodes/bodiedExtension.d.ts +2 -1
  135. package/dist/types/react/nodes/codeBlock.d.ts +3 -3
  136. package/dist/types/react/nodes/embedCard.d.ts +1 -1
  137. package/dist/types/react/nodes/emoji.d.ts +1 -1
  138. package/dist/types/react/nodes/extension.d.ts +14 -13
  139. package/dist/types/react/nodes/index.d.ts +39 -15
  140. package/dist/types/react/nodes/inlineCard.d.ts +21 -21
  141. package/dist/types/react/nodes/inlineExtension.d.ts +2 -1
  142. package/dist/types/react/nodes/media.d.ts +2 -2
  143. package/dist/types/react/nodes/mediaGroup.d.ts +1 -1
  144. package/dist/types/react/nodes/mediaInline.d.ts +1 -1
  145. package/dist/types/react/nodes/mediaSingle/index.d.ts +1 -1
  146. package/dist/types/react/nodes/mediaSingle/styles.d.ts +1 -1
  147. package/dist/types/react/nodes/mention.d.ts +2 -1
  148. package/dist/types/react/nodes/panel.d.ts +3 -1
  149. package/dist/types/react/nodes/table/sticky.d.ts +1 -1
  150. package/dist/types/react/nodes/table.d.ts +22 -21
  151. package/dist/types/react/nodes/tableCell.d.ts +1 -1
  152. package/dist/types/react/nodes/tableRow.d.ts +1 -1
  153. package/dist/types/react/nodes/task-item-with-providers.d.ts +1 -1
  154. package/dist/types/react/nodes/taskItem.d.ts +1 -1
  155. package/dist/types/react/types.d.ts +3 -1
  156. package/dist/types/react/utils/getCardClickHandler.d.ts +1 -1
  157. package/dist/types/render-document.d.ts +1 -1
  158. package/dist/types/ui/ExtensionRenderer.d.ts +3 -1
  159. package/dist/types/ui/MediaCard.d.ts +3 -2
  160. package/dist/types/ui/SortingIcon.d.ts +1 -1
  161. package/dist/types/ui/annotations/context.d.ts +1 -1
  162. package/dist/types/ui/annotations/element/mark.d.ts +1 -1
  163. package/dist/types/ui/annotations/hooks/use-events.d.ts +2 -1
  164. package/dist/types/ui/annotations/hooks/use-inline-comment-subscriber.d.ts +1 -1
  165. package/dist/types/ui/annotations/selection/mounter.d.ts +1 -1
  166. package/dist/types/ui/annotations/selection/range-validator.d.ts +1 -1
  167. package/dist/types/ui/annotations/types.d.ts +1 -1
  168. package/dist/types/ui/renderer-props.d.ts +6 -1
  169. package/dist/types/utils.d.ts +3 -1
  170. package/package.json +13 -14
@@ -1,7 +1,7 @@
1
1
  import _extends from "@babel/runtime/helpers/extends";
2
2
  import React, { useMemo, useContext, useState, useRef } from 'react';
3
3
  import { Card, Context as CardContext, EmbedResizeMessageListener } from '@atlaskit/smart-card';
4
- import { WidthConsumer, mapBreakpointToLayoutMaxWidth, UnsupportedBlock, MediaSingle as UIMediaSingle } from '@atlaskit/editor-common';
4
+ import { WidthConsumer, mapBreakpointToLayoutMaxWidth, UnsupportedBlock, MediaSingle as UIMediaSingle } from '@atlaskit/editor-common/ui';
5
5
  import { akEditorDefaultLayoutWidth, akEditorFullWidthLayoutWidth, DEFAULT_EMBED_CARD_HEIGHT, DEFAULT_EMBED_CARD_WIDTH, getAkEditorFullPageMaxWidth } from '@atlaskit/editor-shared-styles';
6
6
  import { getPlatform } from '../../utils';
7
7
  import { CardErrorBoundary } from './fallback';
@@ -1,6 +1,6 @@
1
1
  import React from 'react';
2
2
  import { PureComponent } from 'react';
3
- import { Emoji } from '@atlaskit/editor-common';
3
+ import { Emoji } from '@atlaskit/editor-common/emoji';
4
4
  export default class EmojiItem extends PureComponent {
5
5
  render() {
6
6
  const {
@@ -1,7 +1,8 @@
1
1
  import _extends from "@babel/runtime/helpers/extends";
2
2
  import React from 'react';
3
3
  import ExtensionRenderer from '../../ui/ExtensionRenderer';
4
- import { calcBreakoutWidth, overflowShadow, WidthConsumer } from '@atlaskit/editor-common';
4
+ import { overflowShadow, WidthConsumer } from '@atlaskit/editor-common/ui';
5
+ import { calcBreakoutWidth } from '@atlaskit/editor-common/utils';
5
6
  import { RendererCssClassName } from '../../consts';
6
7
  export const renderExtension = (content, layout, options = {}, removeOverflow) => {
7
8
  const overflowContainerClass = !removeOverflow ? RendererCssClassName.EXTENSION_OVERFLOW_CONTAINER : ''; // by default, we assume the extension is at top level, (direct child of doc node)
@@ -1,7 +1,7 @@
1
+ import Loadable from 'react-loadable';
1
2
  import Blockquote from './blockquote';
2
3
  import BodiedExtension from './bodiedExtension';
3
4
  import BulletList from './bulletList';
4
- import DecisionList from './decisionList';
5
5
  import Doc, { DocWithSelectAllTrap } from './doc';
6
6
  import Extension from './extension';
7
7
  import HardBreak from './hardBreak';
@@ -10,33 +10,40 @@ import InlineExtension from './inlineExtension';
10
10
  import LayoutSection from './layoutSection';
11
11
  import LayoutColumn from './layoutColumn';
12
12
  import ListItem from './listItem';
13
- import MediaSingle from './mediaSingle';
14
13
  import Caption from './caption';
15
14
  import OrderedList from './orderedList';
16
- import Panel from './panel';
17
15
  import Paragraph from './paragraph';
18
16
  import Placeholder from './placeholder';
19
17
  import Rule from './rule';
20
- import TaskList from './taskList';
21
18
  import Table from './table';
22
19
  import { TableCell, TableHeader } from './tableCell';
23
20
  import TableRow from './tableRow';
24
21
  import UnknownBlock from './unknownBlock';
25
- import Loadable from 'react-loadable';
26
- import EmbedCard from './embedCard';
27
- import { UnsupportedBlock, UnsupportedInline } from '@atlaskit/editor-common';
22
+ import { UnsupportedBlock, UnsupportedInline } from '@atlaskit/editor-common/ui';
28
23
  const CodeBlock = Loadable({
29
24
  loader: () => import(
30
25
  /* webpackChunkName: "@atlaskit-internal_renderer-node_CodeBlock" */
31
26
  './codeBlock').then(mod => mod.default),
32
27
  loading: () => null
33
28
  });
29
+ const TaskList = Loadable({
30
+ loader: () => import(
31
+ /* webpackChunkName: "@atlaskit-internal_renderer-node_TaskList" */
32
+ './taskList').then(mod => mod.default),
33
+ loading: () => null
34
+ });
34
35
  const TaskItem = Loadable({
35
36
  loader: () => import(
36
37
  /* webpackChunkName: "@atlaskit-internal_renderer-node_TaskItem" */
37
38
  './taskItem').then(mod => mod.default),
38
39
  loading: () => null
39
40
  });
41
+ const DecisionList = Loadable({
42
+ loader: () => import(
43
+ /* webpackChunkName: "@atlaskit-internal_renderer-node_DecisionList" */
44
+ './decisionList').then(mod => mod.default),
45
+ loading: () => null
46
+ });
40
47
  const DecisionItem = Loadable({
41
48
  loader: () => import(
42
49
  /* webpackChunkName: "@atlaskit-internal_renderer-node_DecisionItem" */
@@ -61,6 +68,18 @@ const Emoji = Loadable({
61
68
  './emoji').then(mod => mod.default),
62
69
  loading: () => null
63
70
  });
71
+ const Panel = Loadable({
72
+ loader: () => import(
73
+ /* webpackChunkName: "@atlaskit-internal_renderer-node_Panel" */
74
+ './panel').then(mod => mod.default),
75
+ loading: () => null
76
+ });
77
+ const EmbedCard = Loadable({
78
+ loader: () => import(
79
+ /* webpackChunkName: "@atlaskit-internal_renderer-node_EmbedCard" */
80
+ './embedCard').then(mod => mod.default),
81
+ loading: () => null
82
+ });
64
83
  const InlineCard = Loadable({
65
84
  loader: () => import(
66
85
  /* webpackChunkName: "@atlaskit-internal_renderer-node_InlineCard" */
@@ -91,6 +110,12 @@ const MediaInline = Loadable({
91
110
  './mediaInline').then(mod => mod.default),
92
111
  loading: () => null
93
112
  });
113
+ const MediaSingle = Loadable({
114
+ loader: () => import(
115
+ /* webpackChunkName: "@atlaskit-internal_renderer-node_MediaSingle" */
116
+ './mediaSingle').then(mod => mod.default),
117
+ loading: () => null
118
+ });
94
119
  const Mention = Loadable({
95
120
  loader: () => import(
96
121
  /* webpackChunkName: "@atlaskit-internal_renderer-node_Mention" */
@@ -1,7 +1,7 @@
1
1
  import _extends from "@babel/runtime/helpers/extends";
2
2
  import React from 'react';
3
3
  import { Card } from '@atlaskit/smart-card';
4
- import { UnsupportedInline } from '@atlaskit/editor-common';
4
+ import { UnsupportedInline } from '@atlaskit/editor-common/ui';
5
5
  import { CardErrorBoundary } from './fallback';
6
6
  import { withSmartCardStorage } from '../../ui/SmartCardStorage';
7
7
  import { getCardClickHandler } from '../utils/getCardClickHandler';
@@ -1,5 +1,5 @@
1
1
  import React from 'react';
2
- import { WidthProvider, ClearNextSiblingMarginTop } from '@atlaskit/editor-common';
2
+ import { WidthProvider, ClearNextSiblingMarginTop } from '@atlaskit/editor-common/ui';
3
3
  export default function LayoutSection(props) {
4
4
  return /*#__PURE__*/React.createElement("div", {
5
5
  "data-layout-column": true,
@@ -2,7 +2,8 @@ import _extends from "@babel/runtime/helpers/extends";
2
2
  import _defineProperty from "@babel/runtime/helpers/defineProperty";
3
3
  import React from 'react';
4
4
  import { PureComponent } from 'react';
5
- import { WithProviders, MediaLink } from '@atlaskit/editor-common';
5
+ import { WithProviders } from '@atlaskit/editor-common/provider-factory';
6
+ import { MediaLink } from '@atlaskit/editor-common/ui';
6
7
  import { MediaCard } from '../../ui/MediaCard';
7
8
  import { getEventHandler } from '../../utils';
8
9
  import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, EVENT_TYPE } from '../../analytics/enums';
@@ -1,6 +1,6 @@
1
1
  import React, { useEffect, useState } from 'react';
2
2
  import { MediaInlineCard } from '@atlaskit/media-card';
3
- import { WithProviders } from '@atlaskit/editor-common';
3
+ import { WithProviders } from '@atlaskit/editor-common/provider-factory';
4
4
  export const RenderMediaInline = props => {
5
5
  const {
6
6
  mediaProvider
@@ -1,5 +1,5 @@
1
1
  import _defineProperty from "@babel/runtime/helpers/defineProperty";
2
- import { mapBreakpointToLayoutMaxWidth, WidthConsumer } from '@atlaskit/editor-common';
2
+ import { mapBreakpointToLayoutMaxWidth, WidthConsumer } from '@atlaskit/editor-common/ui';
3
3
  import { akEditorFullWidthLayoutWidth, getAkEditorFullPageMaxWidth, akEditorDefaultLayoutWidth } from '@atlaskit/editor-shared-styles';
4
4
  import { Component, default as React } from 'react';
5
5
  import { injectIntl } from 'react-intl-next';
@@ -1,5 +1,5 @@
1
1
  import styled from 'styled-components';
2
- import { MediaSingle as UIMediaSingle } from '@atlaskit/editor-common';
2
+ import { MediaSingle as UIMediaSingle } from '@atlaskit/editor-common/ui';
3
3
  export const ExtendedUIMediaSingle = styled(UIMediaSingle)`
4
4
  ${({
5
5
  layout
@@ -1,6 +1,6 @@
1
1
  import React from 'react';
2
2
  import { PureComponent } from 'react';
3
- import { Mention } from '@atlaskit/editor-common';
3
+ import { Mention } from '@atlaskit/editor-common/mention';
4
4
  export default class MentionItem extends PureComponent {
5
5
  render() {
6
6
  const {
@@ -1,19 +1,15 @@
1
1
  import React from 'react';
2
2
  import styled from 'styled-components';
3
- import InfoIcon from '@atlaskit/icon/glyph/editor/info';
4
3
  import TipIcon from '@atlaskit/icon/glyph/editor/hint';
5
- import SuccessIcon from '@atlaskit/icon/glyph/editor/success';
6
- import ErrorIcon from '@atlaskit/icon/glyph/editor/error';
7
- import NoteIcon from '@atlaskit/icon/glyph/editor/note';
8
- import WarningIcon from '@atlaskit/icon/glyph/warning';
9
4
  import { PanelType } from '@atlaskit/adf-schema';
10
- import { PanelSharedCssClassName } from '@atlaskit/editor-common';
5
+ import { PanelSharedCssClassName } from '@atlaskit/editor-common/styles';
11
6
  import EmojiIcon from '@atlaskit/icon/glyph/editor/emoji';
12
7
  import EmojiItem from './emoji'; // AFP-2532 TODO: Fix automatic suppressions below
13
8
  // eslint-disable-next-line @atlassian/tangerine/import/entry-points
14
9
 
15
10
  import { themed } from '@atlaskit/theme';
16
- import { getPanelBackgroundDarkModeColors } from '@atlaskit/editor-common';
11
+ import { getPanelBackgroundDarkModeColors } from '@atlaskit/editor-common/styles';
12
+ import { PanelInfoIcon, PanelSuccessIcon, PanelNoteIcon, PanelWarningIcon, PanelErrorIcon } from '@atlaskit/editor-common/icons';
17
13
  const PanelStyled = styled.div`
18
14
  ${props => {
19
15
  if (props['data-panel-type'] !== PanelType.CUSTOM || !props.backgroundColor) {
@@ -32,12 +28,12 @@ const PanelStyled = styled.div`
32
28
  }}
33
29
  `;
34
30
  const panelIcons = {
35
- info: InfoIcon,
36
- success: SuccessIcon,
37
- note: NoteIcon,
31
+ info: PanelInfoIcon,
32
+ success: PanelSuccessIcon,
33
+ note: PanelNoteIcon,
38
34
  tip: TipIcon,
39
- warning: WarningIcon,
40
- error: ErrorIcon,
35
+ warning: PanelWarningIcon,
36
+ error: PanelErrorIcon,
41
37
  custom: EmojiIcon
42
38
  };
43
39
 
@@ -47,6 +43,8 @@ const Panel = props => {
47
43
  panelType: type,
48
44
  panelColor,
49
45
  panelIcon,
46
+ panelIconId,
47
+ panelIconText,
50
48
  providers,
51
49
  children
52
50
  } = props; // only allow custom panel type if flag is set
@@ -58,6 +56,8 @@ const Panel = props => {
58
56
  if (panelType === PanelType.CUSTOM) {
59
57
  if (panelIcon && providers) {
60
58
  return /*#__PURE__*/React.createElement(EmojiItem, {
59
+ id: panelIconId,
60
+ text: panelIconText,
61
61
  shortName: panelIcon,
62
62
  providers: providers
63
63
  });
@@ -87,6 +87,8 @@ const Panel = props => {
87
87
  "data-panel-type": panelType,
88
88
  "data-panel-color": panelColor,
89
89
  "data-panel-icon": panelIcon,
90
+ "data-panel-icon-id": panelIconId,
91
+ "data-panel-icon-text": panelIconText,
90
92
  backgroundColor: panelColor
91
93
  }, renderIcon(), /*#__PURE__*/React.createElement("div", {
92
94
  className: PanelSharedCssClassName.content
@@ -1,5 +1,5 @@
1
1
  import React from 'react';
2
- import { tableCellBorderWidth, tableCellMinWidth } from '@atlaskit/editor-common';
2
+ import { tableCellBorderWidth, tableCellMinWidth } from '@atlaskit/editor-common/styles';
3
3
  import { akEditorTableNumberColumnWidth, akEditorWideLayoutWidth, akEditorFullWidthLayoutWidth, akEditorTableLegacyCellMinWidth } from '@atlaskit/editor-shared-styles';
4
4
  import { calcLineLength } from '../../../ui/Renderer/breakout-ssr';
5
5
  // we allow scaling down column widths by no more than 15%
@@ -1,6 +1,6 @@
1
1
  import React from 'react';
2
2
  import styled from 'styled-components';
3
- import { TableSharedCssClassName } from '@atlaskit/editor-common';
3
+ import { TableSharedCssClassName } from '@atlaskit/editor-common/styles';
4
4
  import { akEditorStickyHeaderZIndex } from '@atlaskit/editor-shared-styles';
5
5
  import * as colors from '@atlaskit/theme/colors';
6
6
  const {
@@ -2,7 +2,10 @@ import _extends from "@babel/runtime/helpers/extends";
2
2
  import _defineProperty from "@babel/runtime/helpers/defineProperty";
3
3
  import React from 'react';
4
4
  import styled from 'styled-components';
5
- import { calcTableWidth, WidthConsumer, TableSharedCssClassName, overflowShadow, createCompareNodes, SortOrder, convertProsemirrorTableNodeToArrayOfRows, hasMergedCell, compose, tableMarginTop } from '@atlaskit/editor-common';
5
+ import { calcTableWidth, TableSharedCssClassName, tableMarginTop } from '@atlaskit/editor-common/styles';
6
+ import { WidthConsumer, overflowShadow } from '@atlaskit/editor-common/ui';
7
+ import { createCompareNodes, convertProsemirrorTableNodeToArrayOfRows, hasMergedCell, compose } from '@atlaskit/editor-common/utils';
8
+ import { SortOrder } from '@atlaskit/editor-common/types';
6
9
  import { FullPagePadding } from '../../ui/Renderer/style';
7
10
  import { TableHeader } from './tableCell';
8
11
  import { withSmartCardStorage } from '../../ui/SmartCardStorage';
@@ -2,7 +2,8 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
2
2
  import _extends from "@babel/runtime/helpers/extends";
3
3
  import React from 'react';
4
4
  import { tableBackgroundColorPalette } from '@atlaskit/adf-schema';
5
- import { compose, SortOrder } from '@atlaskit/editor-common';
5
+ import { compose } from '@atlaskit/editor-common/utils';
6
+ import { SortOrder } from '@atlaskit/editor-common/types';
6
7
  import SortingIcon from '../../ui/SortingIcon';
7
8
  import { MODE, PLATFORM } from '../../analytics/events';
8
9
  import { ACTION, ACTION_SUBJECT, EVENT_TYPE } from '../../analytics/enums';
@@ -1,6 +1,7 @@
1
1
  import _defineProperty from "@babel/runtime/helpers/defineProperty";
2
2
  import React from 'react';
3
- import { SortOrder, compose } from '@atlaskit/editor-common';
3
+ import { compose } from '@atlaskit/editor-common/utils';
4
+ import { SortOrder } from '@atlaskit/editor-common/types';
4
5
  import { RendererCssClassName } from '../../consts';
5
6
  export default class TableRow extends React.Component {
6
7
  constructor(...args) {
@@ -1,7 +1,7 @@
1
1
  import _defineProperty from "@babel/runtime/helpers/defineProperty";
2
2
  import React from 'react';
3
3
  import { PureComponent } from 'react';
4
- import { ProviderFactory, WithProviders } from '@atlaskit/editor-common';
4
+ import { ProviderFactory, WithProviders } from '@atlaskit/editor-common/provider-factory';
5
5
  import TaskItemWithProviders from './task-item-with-providers';
6
6
  import { FabricElementsAnalyticsContext } from '@atlaskit/analytics-namespaced-context';
7
7
  export default class TaskItem extends PureComponent {
@@ -1,6 +1,6 @@
1
1
  import { defaultSchema } from '@atlaskit/adf-schema';
2
2
  import { getValidDocument } from '@atlaskit/editor-common/validator';
3
- import { validateADFEntity, findAndTrackUnsupportedContentNodes } from '@atlaskit/editor-common';
3
+ import { validateADFEntity, findAndTrackUnsupportedContentNodes } from '@atlaskit/editor-common/utils';
4
4
  import { ACTION, ACTION_SUBJECT, EVENT_TYPE } from './analytics/enums';
5
5
  import { PLATFORM } from './analytics/events';
6
6
  import { trackUnsupportedContentLevels } from './analytics/unsupported-content';
@@ -1,4 +1,4 @@
1
- import { timestampToIsoFormat } from '@atlaskit/editor-common';
1
+ import { timestampToIsoFormat } from '@atlaskit/editor-common/utils';
2
2
  import { getText } from '../../utils';
3
3
 
4
4
  const date = (node, schema) => {
@@ -4,7 +4,7 @@ import styled from 'styled-components';
4
4
  import { gridSize, fontSize } from '@atlaskit/theme/constants';
5
5
  import ChevronRightIcon from '@atlaskit/icon/glyph/chevron-right';
6
6
  import Tooltip from '@atlaskit/tooltip';
7
- import { expandMessages, sharedExpandStyles, WidthProvider, ExpandIconWrapper, ExpandLayoutWrapper, ClearNextSiblingMarginTop } from '@atlaskit/editor-common';
7
+ import { expandMessages, sharedExpandStyles, WidthProvider, ExpandIconWrapper, ExpandLayoutWrapper, ClearNextSiblingMarginTop } from '@atlaskit/editor-common/ui';
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';
@@ -1,7 +1,9 @@
1
1
  import _defineProperty from "@babel/runtime/helpers/defineProperty";
2
2
  import React from 'react';
3
3
  import memoizeOne from 'memoize-one';
4
- import { getExtensionRenderer, WithProviders, getNodeRenderer } from '@atlaskit/editor-common';
4
+ import { getNodeRenderer } from '@atlaskit/editor-common/extensions';
5
+ import { WithProviders } from '@atlaskit/editor-common/provider-factory';
6
+ import { getExtensionRenderer } from '@atlaskit/editor-common/utils';
5
7
  export default class ExtensionRenderer extends React.Component {
6
8
  constructor(...args) {
7
9
  super(...args);
@@ -4,7 +4,7 @@ import { Component } from 'react';
4
4
  import { filter } from '@atlaskit/adf-utils';
5
5
  import { Card, CardLoading, CardError } from '@atlaskit/media-card';
6
6
  import { getMediaClient } from '@atlaskit/media-client';
7
- import { withImageLoader } from '@atlaskit/editor-common';
7
+ import { withImageLoader } from '@atlaskit/editor-common/utils';
8
8
  import styled from 'styled-components';
9
9
  const mediaIdentifierMap = new Map();
10
10
  export const getListOfIdentifiersFromDoc = doc => {
@@ -1,5 +1,5 @@
1
1
  import React from 'react';
2
- import { breakoutConsts } from '@atlaskit/editor-common';
2
+ import { breakoutConsts } from '@atlaskit/editor-common/utils';
3
3
  /**
4
4
  * Inline Script that updates breakout node width on client side,
5
5
  * before main JavaScript bundle is ready.
@@ -4,7 +4,9 @@ import React, { useContext, useLayoutEffect, useRef } from 'react';
4
4
  import { PureComponent } from 'react';
5
5
  import { getSchemaBasedOnStage } from '@atlaskit/adf-schema';
6
6
  import { reduce } from '@atlaskit/adf-utils';
7
- import { UnsupportedBlock, ProviderFactory, BaseTheme, WidthProvider, getAnalyticsAppearance, getAnalyticsEventSeverity, WithCreateAnalyticsEvent, getResponseEndTime, startMeasure, stopMeasure, shouldForceTracking, IntlNextErrorBoundary, LegacyToNextIntlProvider, IntlLegacyFallbackProvider } from '@atlaskit/editor-common';
7
+ import { ProviderFactory } from '@atlaskit/editor-common/provider-factory';
8
+ import { UnsupportedBlock, BaseTheme, WidthProvider, WithCreateAnalyticsEvent, LegacyToNextIntlProvider, IntlLegacyFallbackProvider, IntlNextErrorBoundary } from '@atlaskit/editor-common/ui';
9
+ import { getAnalyticsAppearance, getAnalyticsEventSeverity, getResponseEndTime, startMeasure, stopMeasure, shouldForceTracking } from '@atlaskit/editor-common/utils';
8
10
  import { normalizeFeatureFlags } from '@atlaskit/editor-common/normalize-feature-flags';
9
11
  import { akEditorFullPageDefaultFontSize } from '@atlaskit/editor-shared-styles';
10
12
  import { IframeWidthObserverFallbackWrapper, IframeWrapperConsumer } from '@atlaskit/width-detector';
@@ -1,9 +1,9 @@
1
1
  import React from 'react';
2
2
  import styled from 'styled-components';
3
- import { SortOrder } from '@atlaskit/editor-common';
4
3
  import Tooltip from '@atlaskit/tooltip';
5
4
  import { gridSize } from '@atlaskit/theme/constants';
6
- import { N20, N30 } from '@atlaskit/theme/colors'; // We use data url here because of this issue:
5
+ import { N20, N30 } from '@atlaskit/theme/colors';
6
+ import { SortOrder } from '@atlaskit/editor-common/types'; // We use data url here because of this issue:
7
7
  // https://product-fabric.atlassian.net/browse/ED-8001
8
8
  // Remove this workaround if Firefox has fixed: https://bugzilla.mozilla.org/show_bug.cgi?id=1664350
9
9
 
@@ -6,7 +6,7 @@ import { splitText, calcTextSplitOffset } from './text';
6
6
  import { calcInsertDraftPositionOnText } from './position';
7
7
  import { dataAttributes } from './dom';
8
8
  import styled from 'styled-components';
9
- import { AnnotationSharedCSSByState } from '@atlaskit/editor-common';
9
+ import { AnnotationSharedCSSByState } from '@atlaskit/editor-common/styles';
10
10
  const DraftAnnotation = styled.mark`
11
11
  color: inherit;
12
12
  background-color: unset;
@@ -3,7 +3,7 @@ import { AnnotationMarkStates } from '@atlaskit/adf-schema';
3
3
  import { MarkComponent } from './mark';
4
4
  import { useInlineCommentSubscriberContext, useHasFocusEvent, useInlineCommentsFilter } from '../hooks';
5
5
  import { InlineCommentsStateContext } from '../context';
6
- import { AnnotationUpdateEvent } from '@atlaskit/editor-common';
6
+ import { AnnotationUpdateEvent } from '@atlaskit/editor-common/types';
7
7
 
8
8
  const MarkElement = ({
9
9
  annotationParentIds,
@@ -1,6 +1,6 @@
1
1
  import _extends from "@babel/runtime/helpers/extends";
2
2
  import React, { useMemo, useCallback } from 'react';
3
- import { AnnotationSharedCSSByState } from '@atlaskit/editor-common';
3
+ import { AnnotationSharedCSSByState } from '@atlaskit/editor-common/styles';
4
4
  import { AnnotationMarkStates } from '@atlaskit/adf-schema';
5
5
  import styled from 'styled-components';
6
6
  const MarkStyled = styled.mark`
@@ -1,5 +1,5 @@
1
1
  import { useLayoutEffect, useState } from 'react';
2
- import { AnnotationUpdateEvent } from '@atlaskit/editor-common';
2
+ import { AnnotationUpdateEvent } from '@atlaskit/editor-common/types';
3
3
  import { AnnotationTypes } from '@atlaskit/adf-schema';
4
4
  import { ACTION, ACTION_SUBJECT, EVENT_TYPE, ACTION_SUBJECT_ID } from '../../../analytics/enums';
5
5
  import { FabricChannel } from '@atlaskit/analytics-listeners';
@@ -1,5 +1,5 @@
1
1
  import { useContext, useEffect } from 'react';
2
- import { AnnotationUpdateEvent } from '@atlaskit/editor-common';
2
+ import { AnnotationUpdateEvent } from '@atlaskit/editor-common/types';
3
3
  import { ProvidersContext } from '../context';
4
4
  import { RendererContext as ActionsContext } from '../../RendererActionsContext';
5
5
  export const useLoadAnnotations = ({
@@ -1,5 +1,5 @@
1
1
  {
2
2
  "name": "@atlaskit/renderer",
3
- "version": "84.1.1",
3
+ "version": "85.0.0",
4
4
  "sideEffects": false
5
5
  }
@@ -3,7 +3,7 @@ import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
3
3
  import _createClass from "@babel/runtime/helpers/createClass";
4
4
  import _defineProperty from "@babel/runtime/helpers/defineProperty";
5
5
  import { JSONTransformer } from '@atlaskit/editor-json-transformer';
6
- import { canApplyAnnotationOnRange, getAnnotationIdsFromRange } from '@atlaskit/editor-common';
6
+ import { canApplyAnnotationOnRange, getAnnotationIdsFromRange } from '@atlaskit/editor-common/utils';
7
7
  import { AnnotationTypes } from '@atlaskit/adf-schema';
8
8
  import { RemoveMarkStep } from 'prosemirror-transform';
9
9
  import { createAnnotationStep, getPosFromRange } from '../steps';
@@ -1,4 +1,4 @@
1
- import { getUnsupportedContentLevelData, getAnalyticsAppearance } from '@atlaskit/editor-common';
1
+ import { getUnsupportedContentLevelData, getAnalyticsAppearance } from '@atlaskit/editor-common/utils';
2
2
  import { ACTION, ACTION_SUBJECT, EVENT_TYPE } from './enums';
3
3
  import { PLATFORM } from './events';
4
4
  var rendersMap = {};
@@ -4,10 +4,11 @@ import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
4
4
  import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
5
5
  import _createClass from "@babel/runtime/helpers/createClass";
6
6
  import _defineProperty from "@babel/runtime/helpers/defineProperty";
7
+ var _excluded = ["key"];
7
8
 
8
- function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
9
+ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
9
10
 
10
- function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
11
+ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
11
12
 
12
13
  import React from 'react';
13
14
  import { MarkType } from 'prosemirror-model';
@@ -15,7 +16,8 @@ import { isNestedHeaderLinksEnabled } from './utils/links';
15
16
  import { Doc, DocWithSelectAllTrap, mergeTextNodes, isTextWrapper, isTextNode, toReact } from './nodes';
16
17
  import TextWrapperComponent from './nodes/text-wrapper';
17
18
  import { toReact as markToReact, isAnnotationMark } from './marks';
18
- import { getMarksByOrder, isSameMark, calcTableColumnWidths } from '@atlaskit/editor-common';
19
+ import { getMarksByOrder, isSameMark } from '@atlaskit/editor-common/validator';
20
+ import { calcTableColumnWidths } from '@atlaskit/editor-common/utils';
19
21
  import { getText } from '../utils';
20
22
  import { findChildrenByType } from 'prosemirror-utils';
21
23
  import { insideBreakoutLayout } from './renderer-node';
@@ -141,7 +143,7 @@ var ReactSerializer = /*#__PURE__*/function () {
141
143
 
142
144
  var _mark$attrs = mark.attrs,
143
145
  key = _mark$attrs.key,
144
- otherAttrs = _objectWithoutProperties(_mark$attrs, ["key"]);
146
+ otherAttrs = _objectWithoutProperties(_mark$attrs, _excluded);
145
147
 
146
148
  var extraProps = {
147
149
  isInline: node === null || node === void 0 ? void 0 : node.isInline
@@ -1,9 +1,9 @@
1
1
  import _extends from "@babel/runtime/helpers/extends";
2
2
  import _defineProperty from "@babel/runtime/helpers/defineProperty";
3
3
 
4
- function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
4
+ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
5
5
 
6
- function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
6
+ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
7
7
 
8
8
  import React from 'react';
9
9
  import { buildAnnotationMarkDataAttributes } from '@atlaskit/adf-schema';
@@ -4,7 +4,8 @@ var _templateObject;
4
4
 
5
5
  import React from 'react';
6
6
  import styled from 'styled-components';
7
- import { calcBreakoutWidth, WidthConsumer } from '@atlaskit/editor-common';
7
+ import { WidthConsumer } from '@atlaskit/editor-common/ui';
8
+ import { calcBreakoutWidth } from '@atlaskit/editor-common/utils';
8
9
  import { blockNodesVerticalMargin } from '@atlaskit/editor-shared-styles';
9
10
  export var Wrapper = styled.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n margin: ", " 0;\n margin-left: 50%;\n transform: translateX(-50%);\n"])), blockNodesVerticalMargin);
10
11
  export default function Breakout(props) {
@@ -1,7 +1,7 @@
1
1
  import _extends from "@babel/runtime/helpers/extends";
2
2
  import React, { useMemo } from 'react';
3
3
  import { Card } from '@atlaskit/smart-card';
4
- import { UnsupportedBlock } from '@atlaskit/editor-common';
4
+ import { UnsupportedBlock } from '@atlaskit/editor-common/ui';
5
5
  import { getPlatform } from '../../utils';
6
6
  import { CardErrorBoundary } from './fallback';
7
7
  import { getCardClickHandler } from '../utils/getCardClickHandler';
@@ -1,5 +1,5 @@
1
1
  import React from 'react';
2
- import { Caption } from '@atlaskit/editor-common';
2
+ import { Caption } from '@atlaskit/editor-common/ui';
3
3
 
4
4
  var RenderCaption = function RenderCaption(_ref) {
5
5
  var children = _ref.children,
@@ -10,7 +10,8 @@ function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Re
10
10
 
11
11
  import React from 'react';
12
12
  import { PureComponent } from 'react';
13
- import { isPastDate, timestampToString, timestampToTaskContext, DateSharedCssClassName } from '@atlaskit/editor-common';
13
+ import { DateSharedCssClassName } from '@atlaskit/editor-common/styles';
14
+ import { isPastDate, timestampToString, timestampToTaskContext } from '@atlaskit/editor-common/utils';
14
15
  import { injectIntl } from 'react-intl-next';
15
16
 
16
17
  var Date = /*#__PURE__*/function (_PureComponent) {
@@ -6,7 +6,7 @@ var _templateObject, _templateObject2;
6
6
 
7
7
  import React, { useMemo, useContext, useState, useRef } from 'react';
8
8
  import { Card, Context as CardContext, EmbedResizeMessageListener } from '@atlaskit/smart-card';
9
- import { WidthConsumer, mapBreakpointToLayoutMaxWidth, UnsupportedBlock, MediaSingle as UIMediaSingle } from '@atlaskit/editor-common';
9
+ import { WidthConsumer, mapBreakpointToLayoutMaxWidth, UnsupportedBlock, MediaSingle as UIMediaSingle } from '@atlaskit/editor-common/ui';
10
10
  import { akEditorDefaultLayoutWidth, akEditorFullWidthLayoutWidth, DEFAULT_EMBED_CARD_HEIGHT, DEFAULT_EMBED_CARD_WIDTH, getAkEditorFullPageMaxWidth } from '@atlaskit/editor-shared-styles';
11
11
  import { getPlatform } from '../../utils';
12
12
  import { CardErrorBoundary } from './fallback';
@@ -10,7 +10,7 @@ function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Re
10
10
 
11
11
  import React from 'react';
12
12
  import { PureComponent } from 'react';
13
- import { Emoji } from '@atlaskit/editor-common';
13
+ import { Emoji } from '@atlaskit/editor-common/emoji';
14
14
 
15
15
  var EmojiItem = /*#__PURE__*/function (_PureComponent) {
16
16
  _inherits(EmojiItem, _PureComponent);
@@ -1,7 +1,8 @@
1
1
  import _extends from "@babel/runtime/helpers/extends";
2
2
  import React from 'react';
3
3
  import ExtensionRenderer from '../../ui/ExtensionRenderer';
4
- import { calcBreakoutWidth, overflowShadow, WidthConsumer } from '@atlaskit/editor-common';
4
+ import { overflowShadow, WidthConsumer } from '@atlaskit/editor-common/ui';
5
+ import { calcBreakoutWidth } from '@atlaskit/editor-common/utils';
5
6
  import { RendererCssClassName } from '../../consts';
6
7
  export var renderExtension = function renderExtension(content, layout) {
7
8
  var options = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
@@ -13,6 +13,8 @@ import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProper
13
13
 
14
14
  var _templateObject;
15
15
 
16
+ var _excluded = ["children"];
17
+
16
18
  function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
17
19
 
18
20
  function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
@@ -27,7 +29,7 @@ import { headingAnchorLinkMessages } from '../../messages';
27
29
  export var HeadingAnchorWrapperClassName = 'heading-anchor-wrapper';
28
30
  var CopyAnchorWrapperWithRef = /*#__PURE__*/React.forwardRef(function (props, ref) {
29
31
  var children = props.children,
30
- rest = _objectWithoutProperties(props, ["children"]);
32
+ rest = _objectWithoutProperties(props, _excluded);
31
33
 
32
34
  return /*#__PURE__*/React.createElement("span", _extends({}, rest, {
33
35
  className: HeadingAnchorWrapperClassName,