@atlaskit/editor-common 81.1.0 → 81.1.2

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 (127) hide show
  1. package/CHANGELOG.md +23 -0
  2. package/dist/cjs/element-browser/components/ElementList/ElementList.js +26 -18
  3. package/dist/cjs/element-browser/components/ElementSearch.js +6 -2
  4. package/dist/cjs/extensibility/Extension/Extension/index.js +15 -5
  5. package/dist/cjs/extensibility/Extension/InlineExtension/index.js +3 -1
  6. package/dist/cjs/extensibility/Extension/Lozenge/ExtensionLabel.js +4 -1
  7. package/dist/cjs/extensibility/ExtensionNodeWrapper.js +7 -4
  8. package/dist/cjs/extensibility/MultiBodiedExtension/index.js +22 -10
  9. package/dist/cjs/link/LinkPicker/HyperlinkAddToolbar/HyperlinkAddToolbar.js +3 -1
  10. package/dist/cjs/link/LinkSearch/LinkSearchListItem.js +1 -0
  11. package/dist/cjs/media-inline/inline-image-wrapper.js +4 -1
  12. package/dist/cjs/media-single/CommentBadge.js +5 -0
  13. package/dist/cjs/mention.js +8 -1
  14. package/dist/cjs/messages/card.js +5 -0
  15. package/dist/cjs/monitoring/error.js +1 -1
  16. package/dist/cjs/quick-insert/assets/date.js +1 -0
  17. package/dist/cjs/react-node-view/getInlineNodeViewProducer.js +6 -2
  18. package/dist/cjs/resizer/Resizer.js +14 -3
  19. package/dist/cjs/styles/shared/background-color.js +13 -8
  20. package/dist/cjs/table/SortingIcon.js +6 -2
  21. package/dist/cjs/ui/Announcer/announcer.js +1 -0
  22. package/dist/cjs/ui/DropList/index.js +1 -1
  23. package/dist/cjs/ui/FloatingToolbar/Button.js +3 -1
  24. package/dist/cjs/ui/FloatingToolbar/Separator.js +2 -0
  25. package/dist/cjs/ui/Layer/index.js +4 -0
  26. package/dist/cjs/ui/MediaSingle/index.js +3 -1
  27. package/dist/cjs/ui/MediaSingle/styled.js +3 -0
  28. package/dist/cjs/ui/Popup/index.js +1 -0
  29. package/dist/cjs/ui/ResizerLegacy/index.js +3 -1
  30. package/dist/cjs/ui/UnsupportedBlock/index.js +18 -15
  31. package/dist/cjs/ui/WidthProvider/index.js +12 -9
  32. package/dist/cjs/ui-color/ColorPalette/Color/index.js +3 -1
  33. package/dist/cjs/ui-color/ColorPalette/index.js +3 -1
  34. package/dist/cjs/ui-menu/ArrowKeyNavigationProvider/ColorPaletteArrowKeyNavigationProvider/index.js +8 -4
  35. package/dist/cjs/ui-menu/ArrowKeyNavigationProvider/MenuArrowKeyNavigationProvider/index.js +1 -0
  36. package/dist/cjs/ui-menu/DropdownMenu/index.js +1 -0
  37. package/dist/cjs/ui-menu/ToolbarArrowKeyNavigationProvider/index.js +3 -1
  38. package/dist/cjs/ui-menu/ToolbarButton/index.js +3 -1
  39. package/dist/cjs/ui-menu/ToolbarButton/styles.js +1 -0
  40. package/dist/cjs/utils/validator.js +1 -1
  41. package/dist/es2019/element-browser/components/ElementList/ElementList.js +10 -3
  42. package/dist/es2019/element-browser/components/ElementSearch.js +6 -2
  43. package/dist/es2019/extensibility/Extension/Extension/index.js +15 -5
  44. package/dist/es2019/extensibility/Extension/InlineExtension/index.js +3 -1
  45. package/dist/es2019/extensibility/Extension/Lozenge/ExtensionLabel.js +4 -1
  46. package/dist/es2019/extensibility/ExtensionNodeWrapper.js +7 -4
  47. package/dist/es2019/extensibility/MultiBodiedExtension/index.js +22 -10
  48. package/dist/es2019/link/LinkPicker/HyperlinkAddToolbar/HyperlinkAddToolbar.js +3 -1
  49. package/dist/es2019/link/LinkSearch/LinkSearchListItem.js +1 -0
  50. package/dist/es2019/media-inline/inline-image-wrapper.js +4 -1
  51. package/dist/es2019/media-single/CommentBadge.js +5 -0
  52. package/dist/es2019/mention.js +2 -1
  53. package/dist/es2019/messages/card.js +5 -0
  54. package/dist/es2019/monitoring/error.js +1 -1
  55. package/dist/es2019/quick-insert/assets/date.js +1 -0
  56. package/dist/es2019/react-node-view/getInlineNodeViewProducer.js +6 -2
  57. package/dist/es2019/resizer/Resizer.js +14 -3
  58. package/dist/es2019/styles/shared/background-color.js +4 -1
  59. package/dist/es2019/table/SortingIcon.js +6 -2
  60. package/dist/es2019/ui/Announcer/announcer.js +1 -0
  61. package/dist/es2019/ui/DropList/index.js +1 -1
  62. package/dist/es2019/ui/FloatingToolbar/Button.js +3 -1
  63. package/dist/es2019/ui/FloatingToolbar/Separator.js +2 -0
  64. package/dist/es2019/ui/Layer/index.js +5 -0
  65. package/dist/es2019/ui/MediaSingle/index.js +3 -1
  66. package/dist/es2019/ui/MediaSingle/styled.js +3 -0
  67. package/dist/es2019/ui/Popup/index.js +3 -0
  68. package/dist/es2019/ui/ResizerLegacy/index.js +3 -1
  69. package/dist/es2019/ui/UnsupportedBlock/index.js +18 -15
  70. package/dist/es2019/ui/WidthProvider/index.js +12 -9
  71. package/dist/es2019/ui-color/ColorPalette/Color/index.js +3 -1
  72. package/dist/es2019/ui-color/ColorPalette/index.js +3 -1
  73. package/dist/es2019/ui-menu/ArrowKeyNavigationProvider/ColorPaletteArrowKeyNavigationProvider/index.js +8 -4
  74. package/dist/es2019/ui-menu/ArrowKeyNavigationProvider/MenuArrowKeyNavigationProvider/index.js +1 -0
  75. package/dist/es2019/ui-menu/DropdownMenu/index.js +1 -0
  76. package/dist/es2019/ui-menu/ToolbarArrowKeyNavigationProvider/index.js +3 -1
  77. package/dist/es2019/ui-menu/ToolbarButton/index.js +3 -1
  78. package/dist/es2019/ui-menu/ToolbarButton/styles.js +1 -0
  79. package/dist/es2019/utils/validator.js +1 -1
  80. package/dist/esm/element-browser/components/ElementList/ElementList.js +26 -18
  81. package/dist/esm/element-browser/components/ElementSearch.js +6 -2
  82. package/dist/esm/extensibility/Extension/Extension/index.js +15 -5
  83. package/dist/esm/extensibility/Extension/InlineExtension/index.js +3 -1
  84. package/dist/esm/extensibility/Extension/Lozenge/ExtensionLabel.js +4 -1
  85. package/dist/esm/extensibility/ExtensionNodeWrapper.js +7 -4
  86. package/dist/esm/extensibility/MultiBodiedExtension/index.js +22 -10
  87. package/dist/esm/link/LinkPicker/HyperlinkAddToolbar/HyperlinkAddToolbar.js +3 -1
  88. package/dist/esm/link/LinkSearch/LinkSearchListItem.js +1 -0
  89. package/dist/esm/media-inline/inline-image-wrapper.js +4 -1
  90. package/dist/esm/media-single/CommentBadge.js +5 -0
  91. package/dist/esm/mention.js +2 -1
  92. package/dist/esm/messages/card.js +5 -0
  93. package/dist/esm/monitoring/error.js +1 -1
  94. package/dist/esm/quick-insert/assets/date.js +1 -0
  95. package/dist/esm/react-node-view/getInlineNodeViewProducer.js +6 -2
  96. package/dist/esm/resizer/Resizer.js +14 -3
  97. package/dist/esm/styles/shared/background-color.js +13 -8
  98. package/dist/esm/table/SortingIcon.js +6 -2
  99. package/dist/esm/ui/Announcer/announcer.js +1 -0
  100. package/dist/esm/ui/DropList/index.js +1 -1
  101. package/dist/esm/ui/FloatingToolbar/Button.js +3 -1
  102. package/dist/esm/ui/FloatingToolbar/Separator.js +2 -0
  103. package/dist/esm/ui/Layer/index.js +4 -0
  104. package/dist/esm/ui/MediaSingle/index.js +3 -1
  105. package/dist/esm/ui/MediaSingle/styled.js +3 -0
  106. package/dist/esm/ui/Popup/index.js +1 -0
  107. package/dist/esm/ui/ResizerLegacy/index.js +3 -1
  108. package/dist/esm/ui/UnsupportedBlock/index.js +18 -15
  109. package/dist/esm/ui/WidthProvider/index.js +12 -9
  110. package/dist/esm/ui-color/ColorPalette/Color/index.js +3 -1
  111. package/dist/esm/ui-color/ColorPalette/index.js +3 -1
  112. package/dist/esm/ui-menu/ArrowKeyNavigationProvider/ColorPaletteArrowKeyNavigationProvider/index.js +8 -4
  113. package/dist/esm/ui-menu/ArrowKeyNavigationProvider/MenuArrowKeyNavigationProvider/index.js +1 -0
  114. package/dist/esm/ui-menu/DropdownMenu/index.js +1 -0
  115. package/dist/esm/ui-menu/ToolbarArrowKeyNavigationProvider/index.js +3 -1
  116. package/dist/esm/ui-menu/ToolbarButton/index.js +3 -1
  117. package/dist/esm/ui-menu/ToolbarButton/styles.js +1 -0
  118. package/dist/esm/utils/validator.js +1 -1
  119. package/dist/types/analytics/index.d.ts +1 -1
  120. package/dist/types/mention.d.ts +1 -0
  121. package/dist/types/messages/card.d.ts +5 -0
  122. package/dist/types/styles/shared/background-color.d.ts +1 -1
  123. package/dist/types-ts4.5/analytics/index.d.ts +1 -1
  124. package/dist/types-ts4.5/mention.d.ts +1 -0
  125. package/dist/types-ts4.5/messages/card.d.ts +5 -0
  126. package/dist/types-ts4.5/styles/shared/background-color.d.ts +1 -1
  127. package/package.json +4 -4
@@ -117,6 +117,7 @@ var ResizerNext = function ResizerNext(props, ref) {
117
117
  var handleComponent = useMemo(function () {
118
118
  return SUPPORTED_HANDLES.reduce(function (result, position) {
119
119
  var thumb = /*#__PURE__*/React.createElement("button", {
120
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
120
121
  className: resizerHandleThumbClassName,
121
122
  "data-testid": "resizer-handle-".concat(position, "-thumb"),
122
123
  contentEditable: false,
@@ -132,11 +133,15 @@ var ResizerNext = function ResizerNext(props, ref) {
132
133
  /*#__PURE__*/
133
134
  //It's important to have {thumb} element before the div, the thumb element is the one that gets focus and only the 1st element recives aria-descibedby attribute which is important for screen reader users
134
135
  React.createElement(React.Fragment, null, thumb, /*#__PURE__*/React.createElement("div", {
136
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
135
137
  className: classnames(resizerHandleTrackClassName, handleHighlight),
136
138
  "data-testid": "resizer-handle-".concat(position, "-track")
137
139
  }));
138
140
  if (!!handleTooltipContent) {
139
- return _objectSpread(_objectSpread({}, result), {}, _defineProperty({}, position, /*#__PURE__*/React.createElement("div", {
141
+ return _objectSpread(_objectSpread({}, result), {}, _defineProperty({}, position,
142
+ /*#__PURE__*/
143
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
144
+ React.createElement("div", {
140
145
  contentEditable: false,
141
146
  style: inheritedCSS
142
147
  }, /*#__PURE__*/React.createElement(Tooltip, {
@@ -147,7 +152,10 @@ var ResizerNext = function ResizerNext(props, ref) {
147
152
  testId: "resizer-handle-".concat(position, "-tooltip")
148
153
  }, thumbWithTrack))));
149
154
  }
150
- return _objectSpread(_objectSpread({}, result), {}, _defineProperty({}, position, /*#__PURE__*/React.createElement("div", {
155
+ return _objectSpread(_objectSpread({}, result), {}, _defineProperty({}, position,
156
+ /*#__PURE__*/
157
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
158
+ React.createElement("div", {
151
159
  contentEditable: false,
152
160
  style: inheritedCSS
153
161
  }, thumbWithTrack)));
@@ -156,6 +164,7 @@ var ResizerNext = function ResizerNext(props, ref) {
156
164
  /*#__PURE__*/
157
165
  //It's important to have {thumb} element before the div, the thumb element is the one that gets focus and only the 1st element recives aria-descibedby attribute which is important for screen reader users
158
166
  React.createElement(React.Fragment, null, thumb, /*#__PURE__*/React.createElement("div", {
167
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
159
168
  className: classnames(resizerHandleTrackClassName, handleHighlight),
160
169
  "data-testid": "resizer-handle-".concat(position, "-track")
161
170
  }));
@@ -187,7 +196,9 @@ var ResizerNext = function ResizerNext(props, ref) {
187
196
  width: width,
188
197
  // just content itself (no paddings)
189
198
  height: 'auto'
190
- },
199
+ }
200
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
201
+ ,
191
202
  className: resizerClassName,
192
203
  handleClasses: handles,
193
204
  handleWrapperClass: handleWrapperClass,
@@ -1,9 +1,14 @@
1
1
  import { css } from '@emotion/react';
2
- export var backgroundColorStyles = css({
3
- '.fabric-background-color-mark': {
4
- backgroundColor: 'var(--custom-palette-color, inherit)'
5
- },
6
- 'a .fabric-background-color-mark': {
7
- backgroundColor: 'unset'
8
- }
9
- });
2
+ export var backgroundColorStyles = function backgroundColorStyles(colorMode) {
3
+ return css({
4
+ '.fabric-background-color-mark': {
5
+ backgroundColor: 'var(--custom-palette-color, inherit)'
6
+ },
7
+ 'a .fabric-background-color-mark': {
8
+ backgroundColor: 'unset'
9
+ },
10
+ '.fabric-background-color-mark .ak-editor-annotation, .fabric-background-color-mark [data-mark-type="annotation"]': {
11
+ mixBlendMode: colorMode === 'dark' ? 'color-dodge' : 'multiply'
12
+ }
13
+ });
14
+ };
@@ -121,7 +121,9 @@ var SortingIcon = function SortingIcon(_ref) {
121
121
  content: content,
122
122
  position: "top"
123
123
  }, jsx("div", {
124
- css: buttonStyles,
124
+ css: buttonStyles
125
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
126
+ ,
125
127
  className: buttonClassName,
126
128
  role: "button",
127
129
  tabIndex: isSortingAllowed ? 0 : -1,
@@ -130,7 +132,9 @@ var SortingIcon = function SortingIcon(_ref) {
130
132
  onClick: handleClick,
131
133
  onKeyDown: handleKeyDown
132
134
  }, jsx("div", {
133
- css: iconWrapperStyles,
135
+ css: iconWrapperStyles
136
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
137
+ ,
134
138
  className: getIconClassName(isSortingAllowed, sortOrdered)
135
139
  }, jsx("div", {
136
140
  css: iconStyles
@@ -43,6 +43,7 @@ var Announcer = /*#__PURE__*/forwardRef(function (_ref, ref) {
43
43
  };
44
44
  }, [text, delay]);
45
45
  return /*#__PURE__*/React.createElement("div", {
46
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
46
47
  className: "assistive",
47
48
  ref: ref,
48
49
  role: role,
@@ -15,7 +15,7 @@ import { createAndFireEvent, withAnalyticsContext, withAnalyticsEvents } from '@
15
15
  import { N0, N50A, N60A, N900 } from '@atlaskit/theme/colors';
16
16
  import Layer from '../Layer';
17
17
  var packageName = "@atlaskit/editor-common";
18
- var packageVersion = "81.1.0";
18
+ var packageVersion = "81.1.2";
19
19
  var halfFocusRing = 1;
20
20
  var dropOffset = '0, 8';
21
21
  var DropList = /*#__PURE__*/function (_Component) {
@@ -50,7 +50,9 @@ export default (function (_ref) {
50
50
  }, /*#__PURE__*/React.createElement("div", {
51
51
  onMouseEnter: onMouseEnter,
52
52
  onMouseLeave: onMouseLeave
53
- }, /*#__PURE__*/React.createElement(Button, {
53
+ }, /*#__PURE__*/React.createElement(Button
54
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
55
+ , {
54
56
  className: className,
55
57
  theme: function theme(adgTheme, themeProps) {
56
58
  var _adgTheme = adgTheme(themeProps),
@@ -8,6 +8,8 @@ var separator = css({
8
8
  margin: "0 ".concat("var(--ds-space-050, 4px)"),
9
9
  alignSelf: 'center'
10
10
  });
11
+
12
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
11
13
  export default (function () {
12
14
  return jsx("div", {
13
15
  css: separator,
@@ -177,9 +177,13 @@ var Layer = /*#__PURE__*/function (_Component) {
177
177
  }, this.props.children), /*#__PURE__*/React.createElement("div", {
178
178
  ref: this.contentRef,
179
179
  style: _objectSpread({
180
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
180
181
  top: 0,
182
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
181
183
  left: 0,
184
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
182
185
  position: 'absolute',
186
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
183
187
  transform: transform,
184
188
  maxHeight: maxHeight ? maxHeight : 'auto'
185
189
  }, opacity)
@@ -95,7 +95,9 @@ export default function MediaSingle(_ref) {
95
95
  "data-layout": layout,
96
96
  "data-width": mediaSingleWidth,
97
97
  "data-width-type": (size === null || size === void 0 ? void 0 : size.widthType) || 'percentage',
98
- "data-node-type": nodeType,
98
+ "data-node-type": nodeType
99
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
100
+ ,
99
101
  className: classnames('rich-media-item mediaSingleView-content-wrap', "image-".concat(layout), className, {
100
102
  'is-loading': isLoading,
101
103
  'rich-media-wrapped': layout === 'wrap-left' || layout === 'wrap-right'
@@ -192,9 +192,12 @@ export var MediaBorderGapFiller = function MediaBorderGapFiller(_ref4) {
192
192
  var borderColor = _ref4.borderColor;
193
193
  return jsx("div", {
194
194
  style: {
195
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
195
196
  position: 'absolute',
197
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
196
198
  inset: '0px',
197
199
  border: "0.5px solid ".concat(borderColor),
200
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
198
201
  borderRadius: '1px'
199
202
  }
200
203
  });
@@ -285,6 +285,7 @@ var Popup = /*#__PURE__*/function (_React$Component) {
285
285
  return /*#__PURE__*/React.createElement("div", {
286
286
  ref: this.handleRef,
287
287
  style: _objectSpread(_objectSpread({
288
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
288
289
  position: 'absolute',
289
290
  zIndex: this.props.zIndex || akEditorFloatingPanelZIndex
290
291
  }, position), this.props.style),
@@ -191,7 +191,9 @@ var Resizer = /*#__PURE__*/function (_React$Component) {
191
191
  width: width,
192
192
  // just content itself (no paddings)
193
193
  height: 'auto'
194
- },
194
+ }
195
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
196
+ ,
195
197
  className: className,
196
198
  handleClasses: handles,
197
199
  handleStyles: updatedHandleStyles,
@@ -42,20 +42,23 @@ var UnsupportedBlockNode = function UnsupportedBlockNode(_ref) {
42
42
  var tooltipOnShowHandler = useCallback(function () {
43
43
  return dispatchAnalyticsEvent && trackUnsupportedContentTooltipDisplayedFor(dispatchAnalyticsEvent, ACTION_SUBJECT_ID.ON_UNSUPPORTED_BLOCK, originalNodeType);
44
44
  }, [dispatchAnalyticsEvent, originalNodeType]);
45
- return jsx("div", {
46
- css: blockNodeStyle,
47
- className: "unsupported"
48
- }, message, jsx(Tooltip, {
49
- content: tooltipContent,
50
- hideTooltipOnClick: false,
51
- position: "bottom",
52
- onShow: tooltipOnShowHandler,
53
- strategy: "absolute"
54
- }, jsx("span", {
55
- style: style
56
- }, jsx(QuestionsIcon, {
57
- label: "?",
58
- size: "small"
59
- }))));
45
+ return (
46
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
47
+ jsx("div", {
48
+ css: blockNodeStyle,
49
+ className: "unsupported"
50
+ }, message, jsx(Tooltip, {
51
+ content: tooltipContent,
52
+ hideTooltipOnClick: false,
53
+ position: "bottom",
54
+ onShow: tooltipOnShowHandler,
55
+ strategy: "absolute"
56
+ }, jsx("span", {
57
+ style: style
58
+ }, jsx(QuestionsIcon, {
59
+ label: "?",
60
+ size: "small"
61
+ }))))
62
+ );
60
63
  };
61
64
  export default injectIntl(UnsupportedBlockNode);
@@ -51,14 +51,17 @@ export var WidthProvider = function WidthProvider(_ref) {
51
51
  setWidth(nextWidth);
52
52
  });
53
53
  var skipWidthDetection = shouldCheckExistingValue && existingContextValue.width > 0;
54
- return jsx("div", {
55
- css: styles,
56
- className: className
57
- }, !skipWidthDetection && jsx(Fragment, null, jsx(WidthObserver, {
58
- setWidth: updateWidth,
59
- offscreen: true
60
- }), jsx(Provider, {
61
- value: providerValue
62
- }, children)), skipWidthDetection && children);
54
+ return (
55
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
56
+ jsx("div", {
57
+ css: styles,
58
+ className: className
59
+ }, !skipWidthDetection && jsx(Fragment, null, jsx(WidthObserver, {
60
+ setWidth: updateWidth,
61
+ offscreen: true
62
+ }), jsx(Provider, {
63
+ value: providerValue
64
+ }, children)), skipWidthDetection && children)
65
+ );
63
66
  };
64
67
  export { Consumer as WidthConsumer };
@@ -63,7 +63,9 @@ var Color = /*#__PURE__*/function (_PureComponent) {
63
63
  "aria-checked": isSelected,
64
64
  onClick: this.onClick,
65
65
  onMouseDown: this.onMouseDown,
66
- tabIndex: tabIndex,
66
+ tabIndex: tabIndex
67
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
68
+ ,
67
69
  className: "".concat(isSelected ? 'selected' : ''),
68
70
  style: {
69
71
  backgroundColor: colorStyle || 'transparent',
@@ -54,7 +54,9 @@ var ColorPalette = function ColorPalette(props) {
54
54
  }, [palette, cols]);
55
55
  return jsx(React.Fragment, null, colorsPerRow.map(function (row) {
56
56
  return jsx("div", {
57
- css: colorPaletteWrapper,
57
+ css: colorPaletteWrapper
58
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
59
+ ,
58
60
  className: className,
59
61
  key: "row-first-color-".concat(row[0].value),
60
62
  role: "radiogroup"
@@ -118,10 +118,14 @@ export var ColorPaletteArrowKeyNavigationProvider = function ColorPaletteArrowKe
118
118
  listenerTargetElement && listenerTargetElement.removeEventListener('keydown', handleKeyDown);
119
119
  };
120
120
  }, [currentSelectedColumnIndex, isOpenedByKeyboard, isPopupPositioned, wrapperRef, handleClose, closeOnTab, ignoreEscapeKey, listenerTargetElement]);
121
- return /*#__PURE__*/React.createElement("div", {
122
- className: "custom-key-handler-wrapper",
123
- ref: wrapperRef
124
- }, children);
121
+ return (
122
+ /*#__PURE__*/
123
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
124
+ React.createElement("div", {
125
+ className: "custom-key-handler-wrapper",
126
+ ref: wrapperRef
127
+ }, children)
128
+ );
125
129
  };
126
130
  function getColorSwatchesRows(rootNode) {
127
131
  if (!rootNode) {
@@ -183,6 +183,7 @@ export var MenuArrowKeyNavigationProvider = function MenuArrowKeyNavigationProvi
183
183
  };
184
184
  }, [currentSelectedItemIndex, wrapperRef, handleClose, disableArrowKeyNavigation, keyDownHandlerContext, closeOnTab, onSelection, incrementIndex, decrementIndex, listenerTargetElement]);
185
185
  return /*#__PURE__*/React.createElement("div", {
186
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
186
187
  className: "menu-key-handler-wrapper custom-key-handler-wrapper",
187
188
  ref: wrapperRef
188
189
  }, children);
@@ -243,6 +243,7 @@ var DropdownMenuItemCustomComponent = /*#__PURE__*/React.forwardRef(function (pr
243
243
  // The current implementation unfortunately is very brittle. Design System Team will
244
244
  // be prioritizing official support for accessible nested menus that we want you to move
245
245
  // to in the future.
246
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
246
247
  position: 'static'
247
248
  }
248
249
  }), children);
@@ -209,7 +209,9 @@ export var ToolbarArrowKeyNavigationProvider = function ToolbarArrowKeyNavigatio
209
209
  };
210
210
  }, [selectedItemIndex, wrapperRef, editorView, disableArrowKeyNavigation, handleEscape, childComponentSelector, incrementIndex, decrementIndex, isShortcutToFocusToolbar, editorAppearance, useStickyToolbar]);
211
211
  return jsx("div", {
212
- css: editorAppearance === 'comment' && centeredToolbarContainer,
212
+ css: editorAppearance === 'comment' && centeredToolbarContainer
213
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
214
+ ,
213
215
  className: "custom-key-handler-wrapper",
214
216
  ref: wrapperRef,
215
217
  role: "toolbar",
@@ -68,7 +68,9 @@ var ToolbarButton = /*#__PURE__*/React.forwardRef(function (props, ref) {
68
68
  id: id,
69
69
  ref: ref,
70
70
  appearance: "subtle",
71
- testId: testId,
71
+ testId: testId
72
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
73
+ ,
72
74
  className: className,
73
75
  href: href,
74
76
  iconAfter: iconAfter,
@@ -5,6 +5,7 @@ import _extends from "@babel/runtime/helpers/extends";
5
5
  import React from 'react';
6
6
  import Button from '@atlaskit/button/standard-button';
7
7
  export default /*#__PURE__*/React.forwardRef(function (props, ref) {
8
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
8
9
  return /*#__PURE__*/React.createElement(Button, _extends({
9
10
  ref: ref
10
11
  }, props, {
@@ -36,7 +36,7 @@ export var ADFStages = {
36
36
  * It's important that this order follows the marks rank defined here:
37
37
  * https://product-fabric.atlassian.net/wiki/spaces/ETEMP/pages/11174043/Atlassian+Document+Format+-+Internal+documentation#Rank
38
38
  */
39
- export var markOrder = ['fragment', 'link', 'em', 'strong', 'textColor', 'strike', 'subsup', 'underline', 'code', 'confluenceInlineComment', 'annotation', 'dataConsumer', 'backgroundColor'];
39
+ export var markOrder = ['fragment', 'link', 'em', 'strong', 'textColor', 'backgroundColor', 'strike', 'subsup', 'underline', 'code', 'confluenceInlineComment', 'annotation', 'dataConsumer'];
40
40
  export var isSubSupType = function isSubSupType(type) {
41
41
  return type === 'sub' || type === 'sup';
42
42
  };
@@ -1,4 +1,4 @@
1
- export { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, BROWSER_FREEZE_INTERACTION_TYPE, CONTENT_COMPONENT, DELETE_DIRECTION, EVENT_TYPE, FLOATING_CONTROLS_TITLE, FULL_WIDTH_MODE, GAP_CURSOR_POSITION, INDENT_DIRECTION, INDENT_TYPE, INPUT_METHOD, LAYOUT_TYPE, LINK_REPRESENTATION, LINK_RESOURCE, LINK_STATUS, LIST_TEXT_SCENARIOS, JOIN_SCENARIOS_WHEN_TYPING_TO_INSERT_LIST, OUTDENT_SCENARIOS, MODE, PLATFORMS, PUNC, PasteContents, PasteSources, PasteTypes, RESOLVE_METHOD, SELECTION_TYPE, SELECTION_POSITION, SMART_LINK_TYPE, SYMBOL, SmartLinkNodeContexts, TABLE_ACTION, TABLE_BREAKOUT, TABLE_OVERFLOW_CHANGE_TRIGGER, TABLE_STATUS, TARGET_SELECTION_SOURCE, TOOLBAR_ACTION_SUBJECT_ID, TRIGGER_METHOD, USER_CONTEXT, TABLE_DISPLAY_MODE, VIEW_METHOD } from './types';
1
+ export { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, BROWSER_FREEZE_INTERACTION_TYPE, CONTENT_COMPONENT, DELETE_DIRECTION, EVENT_TYPE, FLOATING_CONTROLS_TITLE, FULL_WIDTH_MODE, GAP_CURSOR_POSITION, INDENT_DIRECTION, INDENT_TYPE, INPUT_METHOD, LAYOUT_TYPE, LINK_REPRESENTATION, LINK_RESOURCE, LINK_STATUS, LIST_TEXT_SCENARIOS, JOIN_SCENARIOS_WHEN_TYPING_TO_INSERT_LIST, OUTDENT_SCENARIOS, MODE, PLATFORMS, PUNC, PasteContents, PasteSources, PasteTypes, RESOLVE_METHOD, SELECTION_TYPE, SELECTION_POSITION, SMART_LINK_TYPE, SYMBOL, SmartLinkNodeContexts, TABLE_ACTION, TABLE_BREAKOUT, TABLE_OVERFLOW_CHANGE_TRIGGER, TABLE_STATUS, TARGET_SELECTION_SOURCE, TOOLBAR_ACTION_SUBJECT_ID, TRIGGER_METHOD, USER_CONTEXT, TABLE_DISPLAY_MODE, VIEW_METHOD, } from './types';
2
2
  export type { AnalyticsDispatch, AnalyticsEventPayload, AnalyticsEventPayloadCallback, AnalyticsEventPayloadWithChannel, AnnotationAEP, AnnotationAEPAttributes, AnnotationActionType, AnnotationDraftAEPAttributes, AnnotationResolvedAEPAttributes, CaptionTrackAction, ColorPickerAEP, CommonListAnalyticsAttributes, RestartListsAttributesForListOutdented, CreateLinkInlineDialogActionType, CreateLinkInlineDialogEventPayload, DismissedCreateLinkInlineDialogAEP, DispatchAnalyticsEvent, EditLinkToolbarAEP, EnteredTextLinkSearchInputAEP, ErrorEventAttributes, ErrorEventPayload, ExperimentalEventPayload, ExtensionEventPayload, ExtensionType, FeatureExposureAEP, FormatEventPayload, GeneralEventPayload, HighlightedSearchResultsAEP, InputMethodInsertLink, InputMethodInsertMedia, InsertEventPayload, InsertSmartLinkAEP, ListEventPayload, MediaSwitchType, MediaAltTextActionType, MediaEventPayload, MediaLinkAEP, MediaResizeTrackAction, MediaInputResizeTrackAction, NodeCount, NodeEventPayload, OperationalAEP, PASTE_ACTION_SUBJECT_ID, PasteContent, PasteEventPayload, PasteSource, PasteType, PluginMethodReport, PluginPerformanceReportData, PluginsReport, QuickSearchPerfAEP, RecentActivitiesPerfAEP, SelectAllAEP, SelectCellAEP, SelectNodeAEP, SelectRangeAEP, SelectedSearchResultsAEP, SelectionEventPayload, SelectionJson, ShownPostQuerySearchResultsAEP, ShownPreQuerySearchResultsAEP, SimplifiedNode, SmartLinkNodeContext, SubstituteEventPayload, TableEventPayload, TextColorSelectedAEP, TextColorSelectedAttr, TextColorShowPaletteToggleAEP, TextColorShowPaletteToggleAttr, ToolbarEventPayload, TransactionEventPayload, TypeAheadPayload, UfoSessionCompletePayloadAEP, UnlinkToolbarAEP, ViewedCreateLinkInlineDialogAEP, FireAnalyticsCallback, FireAnalyticsEvent, FireAnalyticsEventPayload, InitialiseFragmentMarksAEP, ConnectedNodesAEP, DisconnectedSourceAEP, DisconnectedTargetAEP, GotConnectionsAEP, UpdatedFragmentMarkNameAEP, UpdatedSourceAEP, UpdatedTargetAEP, OverflowStateInfo, } from './types';
3
3
  export type { EditorAnalyticsAPI } from './api';
4
4
  export { editorAnalyticsChannel, fireAnalyticsEvent, } from './fire-analytics-event';
@@ -1,2 +1,3 @@
1
1
  export { default as Mention } from './ui/Mention';
2
2
  export { MentionSharedCssClassName } from './styles/shared/mention';
3
+ export { default as MentionWithProfileCard } from './ui/Mention/mention-with-profilecard';
@@ -119,6 +119,11 @@ export declare const messages: {
119
119
  defaultMessage: string;
120
120
  description: string;
121
121
  };
122
+ inlineConfigureLink: {
123
+ id: string;
124
+ defaultMessage: string;
125
+ description: string;
126
+ };
122
127
  datasourceConfluenceSearch: {
123
128
  id: string;
124
129
  defaultMessage: string;
@@ -1 +1 @@
1
- export declare const backgroundColorStyles: import("@emotion/react").SerializedStyles;
1
+ export declare const backgroundColorStyles: (colorMode?: 'light' | 'dark') => import("@emotion/react").SerializedStyles;
@@ -1,4 +1,4 @@
1
- export { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, BROWSER_FREEZE_INTERACTION_TYPE, CONTENT_COMPONENT, DELETE_DIRECTION, EVENT_TYPE, FLOATING_CONTROLS_TITLE, FULL_WIDTH_MODE, GAP_CURSOR_POSITION, INDENT_DIRECTION, INDENT_TYPE, INPUT_METHOD, LAYOUT_TYPE, LINK_REPRESENTATION, LINK_RESOURCE, LINK_STATUS, LIST_TEXT_SCENARIOS, JOIN_SCENARIOS_WHEN_TYPING_TO_INSERT_LIST, OUTDENT_SCENARIOS, MODE, PLATFORMS, PUNC, PasteContents, PasteSources, PasteTypes, RESOLVE_METHOD, SELECTION_TYPE, SELECTION_POSITION, SMART_LINK_TYPE, SYMBOL, SmartLinkNodeContexts, TABLE_ACTION, TABLE_BREAKOUT, TABLE_OVERFLOW_CHANGE_TRIGGER, TABLE_STATUS, TARGET_SELECTION_SOURCE, TOOLBAR_ACTION_SUBJECT_ID, TRIGGER_METHOD, USER_CONTEXT, TABLE_DISPLAY_MODE, VIEW_METHOD } from './types';
1
+ export { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, BROWSER_FREEZE_INTERACTION_TYPE, CONTENT_COMPONENT, DELETE_DIRECTION, EVENT_TYPE, FLOATING_CONTROLS_TITLE, FULL_WIDTH_MODE, GAP_CURSOR_POSITION, INDENT_DIRECTION, INDENT_TYPE, INPUT_METHOD, LAYOUT_TYPE, LINK_REPRESENTATION, LINK_RESOURCE, LINK_STATUS, LIST_TEXT_SCENARIOS, JOIN_SCENARIOS_WHEN_TYPING_TO_INSERT_LIST, OUTDENT_SCENARIOS, MODE, PLATFORMS, PUNC, PasteContents, PasteSources, PasteTypes, RESOLVE_METHOD, SELECTION_TYPE, SELECTION_POSITION, SMART_LINK_TYPE, SYMBOL, SmartLinkNodeContexts, TABLE_ACTION, TABLE_BREAKOUT, TABLE_OVERFLOW_CHANGE_TRIGGER, TABLE_STATUS, TARGET_SELECTION_SOURCE, TOOLBAR_ACTION_SUBJECT_ID, TRIGGER_METHOD, USER_CONTEXT, TABLE_DISPLAY_MODE, VIEW_METHOD, } from './types';
2
2
  export type { AnalyticsDispatch, AnalyticsEventPayload, AnalyticsEventPayloadCallback, AnalyticsEventPayloadWithChannel, AnnotationAEP, AnnotationAEPAttributes, AnnotationActionType, AnnotationDraftAEPAttributes, AnnotationResolvedAEPAttributes, CaptionTrackAction, ColorPickerAEP, CommonListAnalyticsAttributes, RestartListsAttributesForListOutdented, CreateLinkInlineDialogActionType, CreateLinkInlineDialogEventPayload, DismissedCreateLinkInlineDialogAEP, DispatchAnalyticsEvent, EditLinkToolbarAEP, EnteredTextLinkSearchInputAEP, ErrorEventAttributes, ErrorEventPayload, ExperimentalEventPayload, ExtensionEventPayload, ExtensionType, FeatureExposureAEP, FormatEventPayload, GeneralEventPayload, HighlightedSearchResultsAEP, InputMethodInsertLink, InputMethodInsertMedia, InsertEventPayload, InsertSmartLinkAEP, ListEventPayload, MediaSwitchType, MediaAltTextActionType, MediaEventPayload, MediaLinkAEP, MediaResizeTrackAction, MediaInputResizeTrackAction, NodeCount, NodeEventPayload, OperationalAEP, PASTE_ACTION_SUBJECT_ID, PasteContent, PasteEventPayload, PasteSource, PasteType, PluginMethodReport, PluginPerformanceReportData, PluginsReport, QuickSearchPerfAEP, RecentActivitiesPerfAEP, SelectAllAEP, SelectCellAEP, SelectNodeAEP, SelectRangeAEP, SelectedSearchResultsAEP, SelectionEventPayload, SelectionJson, ShownPostQuerySearchResultsAEP, ShownPreQuerySearchResultsAEP, SimplifiedNode, SmartLinkNodeContext, SubstituteEventPayload, TableEventPayload, TextColorSelectedAEP, TextColorSelectedAttr, TextColorShowPaletteToggleAEP, TextColorShowPaletteToggleAttr, ToolbarEventPayload, TransactionEventPayload, TypeAheadPayload, UfoSessionCompletePayloadAEP, UnlinkToolbarAEP, ViewedCreateLinkInlineDialogAEP, FireAnalyticsCallback, FireAnalyticsEvent, FireAnalyticsEventPayload, InitialiseFragmentMarksAEP, ConnectedNodesAEP, DisconnectedSourceAEP, DisconnectedTargetAEP, GotConnectionsAEP, UpdatedFragmentMarkNameAEP, UpdatedSourceAEP, UpdatedTargetAEP, OverflowStateInfo, } from './types';
3
3
  export type { EditorAnalyticsAPI } from './api';
4
4
  export { editorAnalyticsChannel, fireAnalyticsEvent, } from './fire-analytics-event';
@@ -1,2 +1,3 @@
1
1
  export { default as Mention } from './ui/Mention';
2
2
  export { MentionSharedCssClassName } from './styles/shared/mention';
3
+ export { default as MentionWithProfileCard } from './ui/Mention/mention-with-profilecard';
@@ -119,6 +119,11 @@ export declare const messages: {
119
119
  defaultMessage: string;
120
120
  description: string;
121
121
  };
122
+ inlineConfigureLink: {
123
+ id: string;
124
+ defaultMessage: string;
125
+ description: string;
126
+ };
122
127
  datasourceConfluenceSearch: {
123
128
  id: string;
124
129
  defaultMessage: string;
@@ -1 +1 @@
1
- export declare const backgroundColorStyles: import("@emotion/react").SerializedStyles;
1
+ export declare const backgroundColorStyles: (colorMode?: 'light' | 'dark') => import("@emotion/react").SerializedStyles;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/editor-common",
3
- "version": "81.1.0",
3
+ "version": "81.1.2",
4
4
  "description": "A package that contains common classes and components for editor and renderer",
5
5
  "publishConfig": {
6
6
  "registry": "https://registry.npmjs.org/"
@@ -117,20 +117,20 @@
117
117
  "@atlaskit/link-datasource": "^2.3.0",
118
118
  "@atlaskit/link-picker": "^1.36.0",
119
119
  "@atlaskit/media-card": "^77.11.0",
120
- "@atlaskit/media-client": "^27.0.0",
120
+ "@atlaskit/media-client": "^27.1.0",
121
121
  "@atlaskit/media-client-react": "^2.0.0",
122
122
  "@atlaskit/media-common": "^11.2.0",
123
123
  "@atlaskit/media-file-preview": "^0.5.0",
124
124
  "@atlaskit/media-picker": "^66.4.0",
125
125
  "@atlaskit/media-ui": "^25.10.0",
126
- "@atlaskit/media-viewer": "48.5.4",
126
+ "@atlaskit/media-viewer": "48.5.5",
127
127
  "@atlaskit/mention": "^23.0.0",
128
128
  "@atlaskit/menu": "^2.3.0",
129
129
  "@atlaskit/platform-feature-flags": "^0.2.0",
130
130
  "@atlaskit/primitives": "^6.3.0",
131
131
  "@atlaskit/profilecard": "^19.13.0",
132
132
  "@atlaskit/section-message": "^6.5.0",
133
- "@atlaskit/smart-card": "^27.0.0",
133
+ "@atlaskit/smart-card": "^27.2.0",
134
134
  "@atlaskit/smart-user-picker": "^6.9.0",
135
135
  "@atlaskit/spinner": "^16.1.0",
136
136
  "@atlaskit/task-decision": "^17.10.0",