@atlaskit/editor-common 112.7.3 → 112.7.5

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 (202) hide show
  1. package/CHANGELOG.md +16 -0
  2. package/afm-cc/tsconfig.json +0 -3
  3. package/afm-jira/tsconfig.json +0 -3
  4. package/afm-products/tsconfig.json +0 -3
  5. package/dist/cjs/analytics/types/enums.js +1 -0
  6. package/dist/cjs/card/ui/assets/card.js +3 -1
  7. package/dist/cjs/card/ui/assets/embed.js +3 -1
  8. package/dist/cjs/card/ui/assets/inline.js +3 -1
  9. package/dist/cjs/card/ui/assets/url.js +3 -1
  10. package/dist/cjs/element-browser/components/CategoryList.js +1 -1
  11. package/dist/cjs/element-browser/components/ElementList/ElementList.js +3 -3
  12. package/dist/cjs/element-browser/components/ElementList/EmptyState.js +1 -1
  13. package/dist/cjs/element-browser/components/ElementSearch.js +1 -1
  14. package/dist/cjs/element-browser/components/StatelessElementBrowser.js +2 -2
  15. package/dist/cjs/extensibility/Extension/Extension/index.js +9 -3
  16. package/dist/cjs/extensibility/Extension/Extension/styles.js +2 -2
  17. package/dist/cjs/extensibility/Extension/InlineExtension/styles.js +1 -1
  18. package/dist/cjs/extensibility/Extension/LegacyContentHeader/index.js +1 -1
  19. package/dist/cjs/extensibility/Extension/Lozenge/ExtensionLabel.js +1 -0
  20. package/dist/cjs/extensibility/Extension.js +3 -1
  21. package/dist/cjs/extensibility/MultiBodiedExtension/styles.js +1 -1
  22. package/dist/cjs/extensions/UnknownMacroPlaceholder.compiled.css +3 -3
  23. package/dist/cjs/extensions/UnknownMacroPlaceholder.js +4 -3
  24. package/dist/cjs/keymaps/index.js +1 -0
  25. package/dist/cjs/link/ConfigureLinkOverlay/Dropdown.js +4 -1
  26. package/dist/cjs/link/LinkPicker/HyperlinkAddToolbar/HyperlinkAddToolbar.js +20 -11
  27. package/dist/cjs/link/LinkPicker/HyperlinkAddToolbar/index.js +6 -2
  28. package/dist/cjs/link/LinkSearch/LinkSearchList.js +6 -2
  29. package/dist/cjs/link/LinkSearch/withActivityProvider.js +5 -3
  30. package/dist/cjs/mark/commands.js +5 -3
  31. package/dist/cjs/media-inline/inline-image-card.js +3 -1
  32. package/dist/cjs/media-inline/media-inline-image-card.js +6 -2
  33. package/dist/cjs/media-single/CommentBadge.js +6 -4
  34. package/dist/cjs/media-single/CommentBadgeNext.js +3 -1
  35. package/dist/cjs/media-single/MediaBadges.js +3 -1
  36. package/dist/cjs/monitoring/error.js +1 -1
  37. package/dist/cjs/node-width/index.js +3 -9
  38. package/dist/cjs/paste/md-plugins/linkify-md-plugin.js +2 -2
  39. package/dist/cjs/quick-insert/assets/datasource-assets-objects.js +3 -3
  40. package/dist/cjs/quick-insert/assets/five-column-layout.js +1 -1
  41. package/dist/cjs/quick-insert/assets/four-column-layout.js +1 -1
  42. package/dist/cjs/quick-insert/assets/one-column-layout.js +1 -1
  43. package/dist/cjs/quick-insert/assets/three-column-layout.js +1 -1
  44. package/dist/cjs/quick-insert/assets/two-column-layout.js +1 -1
  45. package/dist/cjs/resizer/BreakoutResizer.js +3 -1
  46. package/dist/cjs/resizer/Resizer.js +6 -2
  47. package/dist/cjs/styles/shared/blockquote.js +1 -1
  48. package/dist/cjs/styles/shared/table.js +3 -3
  49. package/dist/cjs/table/SortingIcon.js +3 -3
  50. package/dist/cjs/toolbar/context.js +1 -0
  51. package/dist/cjs/ui/AssistiveText/AssistiveText.js +4 -0
  52. package/dist/cjs/ui/ContextPanel/context.js +3 -1
  53. package/dist/cjs/ui/DropList/index.js +1 -1
  54. package/dist/cjs/ui/FloatingToolbar/Button.js +4 -2
  55. package/dist/cjs/ui/HoverLinkOverlay/index.js +3 -1
  56. package/dist/cjs/ui/Mention/index.js +3 -1
  57. package/dist/cjs/ui/MultiBodiedExtension/index.js +1 -1
  58. package/dist/cjs/ui/ResizerLegacy/index.js +3 -1
  59. package/dist/cjs/ui/TableSelector/index.js +6 -5
  60. package/dist/cjs/ui/TableSelector/table-selector.js +9 -10
  61. package/dist/cjs/ui-color/ColorPalette/Palettes/borderColorPalette.js +1 -0
  62. package/dist/cjs/ui-color/ColorPalette/Palettes/cellBackgroundColorPalette.js +1 -0
  63. package/dist/cjs/ui-color/ColorPalette/Palettes/highlightColorPalette.js +3 -3
  64. package/dist/cjs/ui-color/ColorPalette/Palettes/panelBackgroundPalette.js +1 -2
  65. package/dist/cjs/ui-color/ColorPalette/Palettes/textColorPalette.js +1 -1
  66. package/dist/cjs/ui-menu/ArrowKeyNavigationProvider/MenuArrowKeyNavigationProvider/index.js +4 -0
  67. package/dist/cjs/ui-menu/ColorPickerButton/index.js +12 -4
  68. package/dist/cjs/ui-menu/DropdownMenu/index.js +21 -10
  69. package/dist/cjs/ui-menu/ToolbarButton/styles.js +1 -1
  70. package/dist/es2019/analytics/types/enums.js +1 -0
  71. package/dist/es2019/card/ui/assets/card.js +3 -1
  72. package/dist/es2019/card/ui/assets/embed.js +3 -1
  73. package/dist/es2019/card/ui/assets/inline.js +3 -1
  74. package/dist/es2019/card/ui/assets/url.js +3 -1
  75. package/dist/es2019/element-browser/components/CategoryList.js +2 -2
  76. package/dist/es2019/element-browser/components/ElementList/ElementList.js +3 -3
  77. package/dist/es2019/element-browser/components/ElementList/EmptyState.js +1 -1
  78. package/dist/es2019/element-browser/components/ElementSearch.js +1 -1
  79. package/dist/es2019/element-browser/components/StatelessElementBrowser.js +2 -2
  80. package/dist/es2019/extensibility/Extension/Extension/index.js +9 -3
  81. package/dist/es2019/extensibility/Extension/Extension/styles.js +2 -2
  82. package/dist/es2019/extensibility/Extension/InlineExtension/styles.js +1 -1
  83. package/dist/es2019/extensibility/Extension/LegacyContentHeader/index.js +1 -1
  84. package/dist/es2019/extensibility/Extension/Lozenge/ExtensionLabel.js +1 -0
  85. package/dist/es2019/extensibility/Extension.js +3 -1
  86. package/dist/es2019/extensibility/MultiBodiedExtension/styles.js +1 -1
  87. package/dist/es2019/extensions/UnknownMacroPlaceholder.compiled.css +3 -3
  88. package/dist/es2019/extensions/UnknownMacroPlaceholder.js +3 -2
  89. package/dist/es2019/keymaps/index.js +1 -0
  90. package/dist/es2019/link/ConfigureLinkOverlay/Dropdown.js +4 -1
  91. package/dist/es2019/link/LinkPicker/HyperlinkAddToolbar/HyperlinkAddToolbar.js +20 -11
  92. package/dist/es2019/link/LinkPicker/HyperlinkAddToolbar/index.js +6 -2
  93. package/dist/es2019/link/LinkSearch/LinkSearchList.js +6 -2
  94. package/dist/es2019/link/LinkSearch/withActivityProvider.js +4 -2
  95. package/dist/es2019/mark/commands.js +5 -3
  96. package/dist/es2019/media-inline/inline-image-card.js +3 -1
  97. package/dist/es2019/media-inline/media-inline-image-card.js +6 -2
  98. package/dist/es2019/media-single/CommentBadge.js +6 -4
  99. package/dist/es2019/media-single/CommentBadgeNext.js +3 -1
  100. package/dist/es2019/media-single/MediaBadges.js +3 -1
  101. package/dist/es2019/monitoring/error.js +1 -1
  102. package/dist/es2019/node-width/index.js +4 -10
  103. package/dist/es2019/paste/md-plugins/linkify-md-plugin.js +2 -2
  104. package/dist/es2019/quick-insert/assets/datasource-assets-objects.js +3 -3
  105. package/dist/es2019/quick-insert/assets/five-column-layout.js +1 -1
  106. package/dist/es2019/quick-insert/assets/four-column-layout.js +1 -1
  107. package/dist/es2019/quick-insert/assets/one-column-layout.js +1 -1
  108. package/dist/es2019/quick-insert/assets/three-column-layout.js +1 -1
  109. package/dist/es2019/quick-insert/assets/two-column-layout.js +1 -1
  110. package/dist/es2019/resizer/BreakoutResizer.js +3 -1
  111. package/dist/es2019/resizer/Resizer.js +6 -2
  112. package/dist/es2019/styles/shared/blockquote.js +2 -2
  113. package/dist/es2019/styles/shared/table.js +13 -14
  114. package/dist/es2019/table/SortingIcon.js +4 -4
  115. package/dist/es2019/toolbar/context.js +1 -0
  116. package/dist/es2019/ui/AssistiveText/AssistiveText.js +4 -0
  117. package/dist/es2019/ui/ContextPanel/context.js +3 -1
  118. package/dist/es2019/ui/DropList/index.js +1 -1
  119. package/dist/es2019/ui/FloatingToolbar/Button.js +4 -2
  120. package/dist/es2019/ui/HoverLinkOverlay/index.js +3 -1
  121. package/dist/es2019/ui/Mention/index.js +3 -1
  122. package/dist/es2019/ui/MultiBodiedExtension/index.js +1 -1
  123. package/dist/es2019/ui/ResizerLegacy/index.js +3 -1
  124. package/dist/es2019/ui/TableSelector/index.js +6 -5
  125. package/dist/es2019/ui/TableSelector/table-selector.js +9 -10
  126. package/dist/es2019/ui-color/ColorPalette/Palettes/borderColorPalette.js +1 -0
  127. package/dist/es2019/ui-color/ColorPalette/Palettes/cellBackgroundColorPalette.js +1 -0
  128. package/dist/es2019/ui-color/ColorPalette/Palettes/highlightColorPalette.js +3 -3
  129. package/dist/es2019/ui-color/ColorPalette/Palettes/panelBackgroundPalette.js +1 -2
  130. package/dist/es2019/ui-color/ColorPalette/Palettes/textColorPalette.js +1 -1
  131. package/dist/es2019/ui-menu/ArrowKeyNavigationProvider/MenuArrowKeyNavigationProvider/index.js +4 -0
  132. package/dist/es2019/ui-menu/ColorPickerButton/index.js +12 -4
  133. package/dist/es2019/ui-menu/DropdownMenu/index.js +25 -14
  134. package/dist/es2019/ui-menu/ToolbarButton/styles.js +1 -1
  135. package/dist/esm/analytics/types/enums.js +1 -0
  136. package/dist/esm/card/ui/assets/card.js +3 -1
  137. package/dist/esm/card/ui/assets/embed.js +3 -1
  138. package/dist/esm/card/ui/assets/inline.js +3 -1
  139. package/dist/esm/card/ui/assets/url.js +3 -1
  140. package/dist/esm/element-browser/components/CategoryList.js +2 -2
  141. package/dist/esm/element-browser/components/ElementList/ElementList.js +3 -3
  142. package/dist/esm/element-browser/components/ElementList/EmptyState.js +1 -1
  143. package/dist/esm/element-browser/components/ElementSearch.js +1 -1
  144. package/dist/esm/element-browser/components/StatelessElementBrowser.js +2 -2
  145. package/dist/esm/extensibility/Extension/Extension/index.js +9 -3
  146. package/dist/esm/extensibility/Extension/Extension/styles.js +2 -2
  147. package/dist/esm/extensibility/Extension/InlineExtension/styles.js +1 -1
  148. package/dist/esm/extensibility/Extension/LegacyContentHeader/index.js +1 -1
  149. package/dist/esm/extensibility/Extension/Lozenge/ExtensionLabel.js +1 -0
  150. package/dist/esm/extensibility/Extension.js +3 -1
  151. package/dist/esm/extensibility/MultiBodiedExtension/styles.js +1 -1
  152. package/dist/esm/extensions/UnknownMacroPlaceholder.compiled.css +3 -3
  153. package/dist/esm/extensions/UnknownMacroPlaceholder.js +4 -3
  154. package/dist/esm/keymaps/index.js +1 -0
  155. package/dist/esm/link/ConfigureLinkOverlay/Dropdown.js +4 -1
  156. package/dist/esm/link/LinkPicker/HyperlinkAddToolbar/HyperlinkAddToolbar.js +20 -11
  157. package/dist/esm/link/LinkPicker/HyperlinkAddToolbar/index.js +6 -2
  158. package/dist/esm/link/LinkSearch/LinkSearchList.js +6 -2
  159. package/dist/esm/link/LinkSearch/withActivityProvider.js +4 -2
  160. package/dist/esm/mark/commands.js +5 -3
  161. package/dist/esm/media-inline/inline-image-card.js +3 -1
  162. package/dist/esm/media-inline/media-inline-image-card.js +6 -2
  163. package/dist/esm/media-single/CommentBadge.js +6 -4
  164. package/dist/esm/media-single/CommentBadgeNext.js +3 -1
  165. package/dist/esm/media-single/MediaBadges.js +3 -1
  166. package/dist/esm/monitoring/error.js +1 -1
  167. package/dist/esm/node-width/index.js +4 -10
  168. package/dist/esm/paste/md-plugins/linkify-md-plugin.js +2 -2
  169. package/dist/esm/quick-insert/assets/datasource-assets-objects.js +3 -3
  170. package/dist/esm/quick-insert/assets/five-column-layout.js +1 -1
  171. package/dist/esm/quick-insert/assets/four-column-layout.js +1 -1
  172. package/dist/esm/quick-insert/assets/one-column-layout.js +1 -1
  173. package/dist/esm/quick-insert/assets/three-column-layout.js +1 -1
  174. package/dist/esm/quick-insert/assets/two-column-layout.js +1 -1
  175. package/dist/esm/resizer/BreakoutResizer.js +3 -1
  176. package/dist/esm/resizer/Resizer.js +6 -2
  177. package/dist/esm/styles/shared/blockquote.js +2 -2
  178. package/dist/esm/styles/shared/table.js +4 -4
  179. package/dist/esm/table/SortingIcon.js +3 -3
  180. package/dist/esm/toolbar/context.js +1 -0
  181. package/dist/esm/ui/AssistiveText/AssistiveText.js +4 -0
  182. package/dist/esm/ui/ContextPanel/context.js +3 -1
  183. package/dist/esm/ui/DropList/index.js +1 -1
  184. package/dist/esm/ui/FloatingToolbar/Button.js +4 -2
  185. package/dist/esm/ui/HoverLinkOverlay/index.js +3 -1
  186. package/dist/esm/ui/Mention/index.js +3 -1
  187. package/dist/esm/ui/MultiBodiedExtension/index.js +1 -1
  188. package/dist/esm/ui/ResizerLegacy/index.js +3 -1
  189. package/dist/esm/ui/TableSelector/index.js +6 -5
  190. package/dist/esm/ui/TableSelector/table-selector.js +9 -10
  191. package/dist/esm/ui-color/ColorPalette/Palettes/borderColorPalette.js +1 -0
  192. package/dist/esm/ui-color/ColorPalette/Palettes/cellBackgroundColorPalette.js +1 -0
  193. package/dist/esm/ui-color/ColorPalette/Palettes/highlightColorPalette.js +3 -3
  194. package/dist/esm/ui-color/ColorPalette/Palettes/panelBackgroundPalette.js +1 -2
  195. package/dist/esm/ui-color/ColorPalette/Palettes/textColorPalette.js +1 -1
  196. package/dist/esm/ui-menu/ArrowKeyNavigationProvider/MenuArrowKeyNavigationProvider/index.js +4 -0
  197. package/dist/esm/ui-menu/ColorPickerButton/index.js +12 -4
  198. package/dist/esm/ui-menu/DropdownMenu/index.js +21 -10
  199. package/dist/esm/ui-menu/ToolbarButton/styles.js +1 -1
  200. package/dist/types/analytics/types/enums.d.ts +2 -1
  201. package/dist/types-ts4.5/analytics/types/enums.d.ts +2 -1
  202. package/package.json +4 -5
@@ -7,7 +7,6 @@ import { useContext, useEffect, useMemo, useRef } from 'react';
7
7
  import { css, jsx } from '@emotion/react';
8
8
  import { injectIntl } from 'react-intl-next';
9
9
  import { Stack } from '@atlaskit/primitives/compiled';
10
- import { B100 } from '@atlaskit/theme/colors';
11
10
  import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
12
11
  import { toolbarInsertBlockMessages as messages } from '../../messages';
13
12
  import { OutsideClickTargetRefContext } from '../../ui-react';
@@ -15,22 +14,22 @@ export var TABLE_SELECTOR_BUTTON_GAP = 2;
15
14
  export var TABLE_SELECTOR_BUTTON_SIZE = 17;
16
15
  var MULTIPLICATION_SYMBOL = '×';
17
16
  var selectedButtonStyles = css({
18
- backgroundColor: "var(--ds-background-accent-blue-subtlest, #579DFF)",
19
- border: "var(--ds-border-width, 1px)".concat(" solid ", "var(--ds-background-accent-blue-subtle, #579DFF)")
17
+ backgroundColor: "var(--ds-background-accent-blue-subtlest, #E9F2FE)",
18
+ border: "var(--ds-border-width, 1px)".concat(" solid ", "var(--ds-background-accent-blue-subtle, #669DF1)")
20
19
  });
21
20
  var buttonStyles = css({
22
21
  height: "".concat(TABLE_SELECTOR_BUTTON_SIZE, "px"),
23
22
  width: "".concat(TABLE_SELECTOR_BUTTON_SIZE, "px"),
24
- border: "var(--ds-border-width, 1px)".concat(" solid ", "var(--ds-border, #091e4224)"),
25
- backgroundColor: "var(--ds-background-input, #ffffff)",
23
+ border: "var(--ds-border-width, 1px)".concat(" solid ", "var(--ds-border, #0B120E24)"),
24
+ backgroundColor: "var(--ds-background-input, #FFFFFF)",
26
25
  // eslint-disable-next-line @atlaskit/design-system/no-unsafe-design-token-usage
27
26
  borderRadius: "var(--ds-radius-small, 3px)",
28
27
  cursor: 'pointer',
29
28
  display: 'block',
30
29
  '&:focus': {
31
30
  outline: 'none',
32
- border: "var(--ds-border-width, 1px)".concat(" solid ", "var(--ds-border-focused, ".concat(B100, ")")),
33
- boxShadow: "0 0 0 0.5px ".concat("var(--ds-border-focused, ".concat(B100, ")"))
31
+ border: "var(--ds-border-width, 1px)".concat(" solid ", "var(--ds-border-focused, #4688EC)"),
32
+ boxShadow: "0 0 0 0.5px ".concat("var(--ds-border-focused, #4688EC)")
34
33
  }
35
34
  });
36
35
  var selectionSizeTextStyles = css({
@@ -38,8 +37,8 @@ var selectionSizeTextStyles = css({
38
37
  lineHeight: '14px',
39
38
  display: 'flex',
40
39
  justifyContent: 'center',
41
- marginTop: "var(--ds-space-075, 5px)",
42
- padding: "var(--ds-space-075, 10px)"
40
+ marginTop: "var(--ds-space-075, 6px)",
41
+ padding: "var(--ds-space-075, 6px)"
43
42
  });
44
43
  var TableSelectorButton = function TableSelectorButton(_ref) {
45
44
  var row = _ref.row,
@@ -98,7 +97,7 @@ var gridWrapperStyles = function gridWrapperStyles(_ref2) {
98
97
  gridTemplateColumns: "repeat(".concat(maxCols, ", 1fr)"),
99
98
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
100
99
  gridTemplateRows: "repeat(".concat(maxRows, ", 1fr)"),
101
- gap: "".concat("var(--ds-space-025, ".concat("".concat(TABLE_SELECTOR_BUTTON_GAP, "px"), ")"))
100
+ gap: "var(--ds-space-025, 2px)"
102
101
  });
103
102
  };
104
103
  var TableSelectorPopup = function TableSelectorPopup(_ref3) {
@@ -4,6 +4,7 @@ import getColorMessage from './getColorMessage';
4
4
  import paletteMessages from './paletteMessages';
5
5
  var borderColorPalette = [];
6
6
  colorPalette.forEach(function (label, color) {
7
+ // eslint-disable-next-line @atlassian/perf-linting/no-expensive-split-replace -- Ignored via go/ees017 (to be fixed)
7
8
  var key = label.toLowerCase().replace(' ', '-');
8
9
  var message = getColorMessage(paletteMessages, key);
9
10
  borderColorPalette.push({
@@ -3,6 +3,7 @@ import getColorMessage from './getColorMessage';
3
3
  import paletteMessages from './paletteMessages';
4
4
  var cellBackgroundColorPalette = [];
5
5
  tableBackgroundColorPalette.forEach(function (label, color) {
6
+ // eslint-disable-next-line @atlassian/perf-linting/no-expensive-split-replace -- Ignored via go/ees017 (to be fixed)
6
7
  var key = label.toLowerCase().replace(' ', '-');
7
8
  var message = getColorMessage(paletteMessages, key);
8
9
  cellBackgroundColorPalette.push({
@@ -39,9 +39,9 @@ var DiagonalLineGlyph = function DiagonalLineGlyph(props) {
39
39
  export var EditorDiagonalLineIcon = function EditorDiagonalLineIcon() {
40
40
  var _useThemeObserver = useThemeObserver(),
41
41
  colorMode = _useThemeObserver.colorMode;
42
- var primaryColor = colorMode === 'dark' ? "var(--ds-background-accent-gray-bolder, #626F86)" : "var(--ds-background-accent-gray-subtle, #8590A2)";
42
+ var primaryColor = colorMode === 'dark' ? "var(--ds-background-accent-gray-bolder, #6B6E76)" : "var(--ds-background-accent-gray-subtle, #8C8F97)";
43
43
  return (
44
- // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop
44
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop, @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
45
45
  jsx(DiagonalLineGlyph, {
46
46
  "aria-label": "",
47
47
  style: {
@@ -54,7 +54,7 @@ export var highlightColorPalette = [{
54
54
  value: REMOVE_HIGHLIGHT_COLOR,
55
55
  label: 'No color',
56
56
  // Mostly informative, only used for analytics
57
- border: "var(--ds-border, #091E4224)",
57
+ border: "var(--ds-border, #0B120E24)",
58
58
  message: getColorMessage(paletteMessages, 'no-color'),
59
59
  decorator: jsx(EditorDiagonalLineIcon, null)
60
60
  }];
@@ -1,7 +1,6 @@
1
1
  import _defineProperty from "@babel/runtime/helpers/defineProperty";
2
2
  function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
3
3
  function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
4
- import { DEFAULT_BORDER_COLOR } from './common';
5
4
  export var panelBackgroundPalette = [{
6
5
  label: 'White',
7
6
  value: '#FFFFFF'
@@ -67,6 +66,6 @@ export var panelBackgroundPalette = [{
67
66
  value: '#998DD9'
68
67
  }].map(function (color) {
69
68
  return _objectSpread(_objectSpread({}, color), {}, {
70
- border: "var(--ds-border, ".concat(DEFAULT_BORDER_COLOR, ")")
69
+ border: "var(--ds-border, #0B120E24)"
71
70
  });
72
71
  });
@@ -7,7 +7,7 @@ export var mapPaletteColor = function mapPaletteColor(label, color) {
7
7
  return {
8
8
  value: color,
9
9
  label: label,
10
- border: "var(--ds-border, #091E4224)",
10
+ border: "var(--ds-border, #0B120E24)",
11
11
  message: message
12
12
  };
13
13
  };
@@ -58,9 +58,13 @@ export var MenuArrowKeyNavigationProvider = function MenuArrowKeyNavigationProvi
58
58
  var currentIndex = currentSelectedItemIndex;
59
59
  var list = getFocusableElements(wrapperRef === null || wrapperRef === void 0 ? void 0 : wrapperRef.current);
60
60
  var currentElement = list[currentIndex];
61
+
62
+ // eslint-disable-next-line @atlassian/perf-linting/no-chain-state-updates -- Ignored via go/ees017 (to be fixed)
61
63
  if (currentElement && currentElement.getAttribute('aria-disabled') === 'true') {
62
64
  var _list$focusIndex;
65
+ // eslint-disable-next-line @atlassian/perf-linting/no-chain-state-updates -- Ignored via go/ees017 (to be fixed)
63
66
  var focusIndex = incrementIndex(list);
67
+ // eslint-disable-next-line @atlassian/perf-linting/no-chain-state-updates -- Ignored via go/ees017 (to be fixed)
64
68
  (_list$focusIndex = list[focusIndex]) === null || _list$focusIndex === void 0 || _list$focusIndex.focus();
65
69
  }
66
70
  }, [currentSelectedItemIndex, onSelection, incrementIndex, decrementIndex]);
@@ -148,7 +148,9 @@ var ColorPickerButton = function ColorPickerButton(props) {
148
148
  return jsx(Popup, {
149
149
  target: buttonRef.current,
150
150
  fitHeight: 350,
151
- fitWidth: 350,
151
+ fitWidth: 350
152
+ // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
153
+ ,
152
154
  offset: [0, 10],
153
155
  alignX: props.alignX,
154
156
  mountTo: props.setDisableParentScroll ? props.mountPoint : undefined,
@@ -167,7 +169,9 @@ var ColorPickerButton = function ColorPickerButton(props) {
167
169
  type: ArrowKeyNavigationType.COLOR,
168
170
  selectedRowIndex: selectedRowIndex,
169
171
  selectedColumnIndex: selectedColumnIndex,
170
- closeOnTab: true,
172
+ closeOnTab: true
173
+ // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
174
+ ,
171
175
  handleClose: function handleClose() {
172
176
  return setIsPopupOpen(false);
173
177
  },
@@ -179,7 +183,9 @@ var ColorPickerButton = function ColorPickerButton(props) {
179
183
  selectedColor: selectedColor,
180
184
  onClick: onColorSelected,
181
185
  handleClickOutside: togglePopup,
182
- handleEscapeKeydown: handleEsc,
186
+ handleEscapeKeydown: handleEsc
187
+ // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
188
+ ,
183
189
  paletteOptions: {
184
190
  palette: props.colorPalette,
185
191
  hexToPaletteColor: props.hexToPaletteColor,
@@ -227,7 +233,9 @@ var ColorPickerButton = function ColorPickerButton(props) {
227
233
  "aria-label": title,
228
234
  "aria-expanded": props.isAriaExpanded ? isPopupOpen : undefined,
229
235
  spacing: editorExperiment('platform_editor_controls', 'variant1') ? 'default' : 'compact',
230
- onClick: togglePopup,
236
+ onClick: togglePopup
237
+ // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
238
+ ,
231
239
  onKeyDown: function onKeyDown(event) {
232
240
  if (event.key === 'Enter' || event.key === ' ') {
233
241
  event.preventDefault();
@@ -27,7 +27,6 @@ import React, { PureComponent, useContext } from 'react';
27
27
  import { css, jsx } from '@emotion/react';
28
28
  import { akEditorFloatingPanelZIndex } from '@atlaskit/editor-shared-styles';
29
29
  import { CustomItem, MenuGroup, Section } from '@atlaskit/menu';
30
- import { fg } from '@atlaskit/platform-feature-flags';
31
30
  import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
32
31
  import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
33
32
  import Tooltip from '@atlaskit/tooltip';
@@ -56,17 +55,17 @@ var buttonStyles = function buttonStyles(isActive, submenuActive) {
56
55
  * Hack for item to imitate old dropdown-menu selected styles
57
56
  */
58
57
  // eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression -- needs manual remediation
59
- return css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n\t\t\t\tposition: relative;\n\t\t\t\t&::before {\n\t\t\t\t\tdisplay: block;\n\t\t\t\t\theight: 100%;\n\t\t\t\t\twidth: 2px;\n\t\t\t\t\tposition: absolute;\n\t\t\t\t\tleft: 0;\n\t\t\t\t\ttop: 0;\n\t\t\t\t\tbackground: ", ";\n\t\t\t\t\tcontent: '';\n\t\t\t\t}\n\t\t\t\t> span,\n\t\t\t\t> span:hover,\n\t\t\t\t> span:active {\n\t\t\t\t\tbackground: ", ";\n\t\t\t\t\tcolor: ", ";\n\t\t\t\t}\n\t\t\t\t:focus > span[aria-disabled='false'] {\n\t\t\t\t\t", ";\n\t\t\t\t}\n\t\t\t\t:focus-visible,\n\t\t\t\t:focus-visible > span[aria-disabled='false'] {\n\t\t\t\t\toutline: none;\n\t\t\t\t}\n\t\t\t"])), "var(--ds-border-selected, transparent)", "var(--ds-background-selected, ".concat(fg('platform_editor_updated_dropdown_colors') ? '#E9F2FE' : '#6c798f', ")"), "var(--ds-text-selected, ".concat(fg('platform_editor_updated_dropdown_colors') ? '#1868DB' : '#0C66E4', ")"), focusedMenuItemStyle);
58
+ return css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n\t\t\t\tposition: relative;\n\t\t\t\t&::before {\n\t\t\t\t\tdisplay: block;\n\t\t\t\t\theight: 100%;\n\t\t\t\t\twidth: 2px;\n\t\t\t\t\tposition: absolute;\n\t\t\t\t\tleft: 0;\n\t\t\t\t\ttop: 0;\n\t\t\t\t\tbackground: ", ";\n\t\t\t\t\tcontent: '';\n\t\t\t\t}\n\t\t\t\t> span,\n\t\t\t\t> span:hover,\n\t\t\t\t> span:active {\n\t\t\t\t\tbackground: ", ";\n\t\t\t\t\tcolor: ", ";\n\t\t\t\t}\n\t\t\t\t:focus > span[aria-disabled='false'] {\n\t\t\t\t\t", ";\n\t\t\t\t}\n\t\t\t\t:focus-visible,\n\t\t\t\t:focus-visible > span[aria-disabled='false'] {\n\t\t\t\t\toutline: none;\n\t\t\t\t}\n\t\t\t"])), "var(--ds-border-selected, #1868DB)", "var(--ds-background-selected, #E9F2FE)", "var(--ds-text-selected, #1868DB)", focusedMenuItemStyle);
60
59
  }
61
60
 
62
61
  /**
63
62
  * Hack for item to imitate old dropdown-menu selected styles
64
63
  */
65
64
  // eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression -- needs manual remediation
66
- return css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n\t\t\t> span,\n\t\t\t> span:hover,\n\t\t\t> span:active {\n\t\t\t\tbackground: ", ";\n\t\t\t\tcolor: ", ";\n\t\t\t}\n\t\t\t:focus > span[aria-disabled='false'] {\n\t\t\t\t", ";\n\t\t\t}\n\t\t\t:focus-visible,\n\t\t\t:focus-visible > span[aria-disabled='false'] {\n\t\t\t\toutline: none;\n\t\t\t}\n\t\t"])), "var(--ds-background-selected, ".concat(fg('platform_editor_updated_dropdown_colors') ? '#E9F2FE' : '#6c798f', ")"), "var(--ds-text-selected, ".concat(fg('platform_editor_updated_dropdown_colors') ? '#1868DB' : '#0C66E4', ")"), focusedMenuItemStyle);
65
+ return css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n\t\t\t> span,\n\t\t\t> span:hover,\n\t\t\t> span:active {\n\t\t\t\tbackground: ", ";\n\t\t\t\tcolor: ", ";\n\t\t\t}\n\t\t\t:focus > span[aria-disabled='false'] {\n\t\t\t\t", ";\n\t\t\t}\n\t\t\t:focus-visible,\n\t\t\t:focus-visible > span[aria-disabled='false'] {\n\t\t\t\toutline: none;\n\t\t\t}\n\t\t"])), "var(--ds-background-selected, #E9F2FE)", "var(--ds-text-selected, #1868DB)", focusedMenuItemStyle);
67
66
  } else {
68
67
  // eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression -- needs manual remediation
69
- return css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n\t\t\t> span:hover[aria-disabled='false'] {\n\t\t\t\tcolor: ", ";\n\t\t\t\tbackground-color: ", ";\n\t\t\t}\n\t\t\t", "\n\t\t\t> span[aria-disabled='true'] {\n\t\t\t\tcolor: ", ";\n\t\t\t}\n\t\t\t:focus > span[aria-disabled='false'] {\n\t\t\t\t", ";\n\t\t\t}\n\t\t\t:focus-visible,\n\t\t\t:focus-visible > span[aria-disabled='false'] {\n\t\t\t\toutline: none;\n\t\t\t}\n\t\t"])), "var(--ds-text, #292A2E)", "var(--ds-background-neutral-subtle-hovered, rgb(244, 245, 247))", !submenuActive && "\n\t\t\t\t\t> span:active[aria-disabled='false'] {\n\t\t\t\t\t\tbackground-color: ".concat("var(--ds-background-neutral-subtle-pressed, rgb(179, 212, 255))", ";\n\t\t\t\t\t}"), "var(--ds-text-disabled, #080F214A)", focusedMenuItemStyle); // The default focus-visible style is removed to ensure consistency across browsers
68
+ return css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n\t\t\t> span:hover[aria-disabled='false'] {\n\t\t\t\tcolor: ", ";\n\t\t\t\tbackground-color: ", ";\n\t\t\t}\n\t\t\t", "\n\t\t\t> span[aria-disabled='true'] {\n\t\t\t\tcolor: ", ";\n\t\t\t}\n\t\t\t:focus > span[aria-disabled='false'] {\n\t\t\t\t", ";\n\t\t\t}\n\t\t\t:focus-visible,\n\t\t\t:focus-visible > span[aria-disabled='false'] {\n\t\t\t\toutline: none;\n\t\t\t}\n\t\t"])), "var(--ds-text, #292A2E)", "var(--ds-background-neutral-subtle-hovered, #0515240F)", !submenuActive && "\n\t\t\t\t\t> span:active[aria-disabled='false'] {\n\t\t\t\t\t\tbackground-color: ".concat("var(--ds-background-neutral-subtle-pressed, #0B120E24)", ";\n\t\t\t\t\t}"), "var(--ds-text-disabled, #080F214A)", focusedMenuItemStyle); // The default focus-visible style is removed to ensure consistency across browsers
70
69
  }
71
70
  };
72
71
  var DropListWithOutsideClickTargetRef = function DropListWithOutsideClickTargetRef(props) {
@@ -191,7 +190,9 @@ var DropdownMenuWrapper = /*#__PURE__*/function (_PureComponent) {
191
190
  position: popupPlacement.join(' '),
192
191
  shouldFitContainer: true,
193
192
  handleClickOutside: this.handleClose,
194
- handleEscapeKeydown: handleEscapeKeydown || this.handleCloseAndFocus,
193
+ handleEscapeKeydown: handleEscapeKeydown || this.handleCloseAndFocus
194
+ // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
195
+ ,
195
196
  handleEnterKeydown: function handleEnterKeydown(e) {
196
197
  if (!allowEnterDefaultBehavior) {
197
198
  e.preventDefault();
@@ -329,7 +330,9 @@ export function DropdownMenuItem(_ref) {
329
330
  role: shouldUseDefaultRole ? 'button' : expValEquals('platform_editor_august_a11y', 'isEnabled', true) ? undefined : 'menuitem',
330
331
  iconBefore: item.elemBefore,
331
332
  iconAfter: item.elemAfter,
332
- isDisabled: item.isDisabled,
333
+ isDisabled: item.isDisabled
334
+ // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
335
+ ,
333
336
  onClick: function onClick() {
334
337
  return onItemActivated && onItemActivated({
335
338
  item: item
@@ -337,16 +340,22 @@ export function DropdownMenuItem(_ref) {
337
340
  },
338
341
  "aria-label": ariaLabel,
339
342
  "aria-pressed": shouldUseDefaultRole ? item.isActive : undefined,
340
- "aria-keyshortcuts": item['aria-keyshortcuts'],
343
+ "aria-keyshortcuts": item['aria-keyshortcuts']
344
+ // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
345
+ ,
341
346
  onMouseDown: function onMouseDown(e) {
342
347
  e.preventDefault();
343
348
  },
344
- component: DropdownMenuItemCustomComponent,
349
+ component: DropdownMenuItemCustomComponent
350
+ // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
351
+ ,
345
352
  onMouseEnter: function onMouseEnter() {
346
353
  return _onMouseEnter && _onMouseEnter({
347
354
  item: item
348
355
  });
349
- },
356
+ }
357
+ // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
358
+ ,
350
359
  onMouseLeave: function onMouseLeave() {
351
360
  return _onMouseLeave && _onMouseLeave({
352
361
  item: item
@@ -373,7 +382,9 @@ function (_ref2) {
373
382
 
374
383
  // This context is to handle the tab, Arrow Right/Left key events for dropdown.
375
384
  // Default context has the void callbacks for above key events
376
- return jsx(DropdownMenuWrapper, _extends({
385
+ return jsx(DropdownMenuWrapper
386
+ // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
387
+ , _extends({
377
388
  arrowKeyNavigationProviderOptions: _objectSpread(_objectSpread({}, props.arrowKeyNavigationProviderOptions), {}, {
378
389
  keyDownHandlerContext: keyDownHandlerContext
379
390
  })
@@ -12,7 +12,7 @@ var _default_1 = /*#__PURE__*/React.forwardRef(function (props, ref) {
12
12
  // Ignored via go/ees007
13
13
  // eslint-disable-next-line @atlaskit/editor/enforce-todo-comment-format
14
14
  // TODO: (from codemod) Buttons with "component", "css" or "style" prop can't be automatically migrated with codemods. Please migrate it manually.
15
- // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
15
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop, @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
16
16
  style: {
17
17
  alignItems: 'center'
18
18
  }
@@ -359,7 +359,8 @@ export declare enum ACTION_SUBJECT {
359
359
  BLOCK_MENU = "blockMenu",
360
360
  BLOCK_MENU_ITEM = "blockMenuItem",
361
361
  PASTE_ACTIONS_MENU = "pasteActionsMenu",
362
- SYNCED_BLOCK = "syncedBlock"
362
+ SYNCED_BLOCK = "syncedBlock",
363
+ NATIVE_EMBED = "nativeEmbed"
363
364
  }
364
365
  export declare enum ACTION_SUBJECT_ID {
365
366
  ACTION = "action",
@@ -359,7 +359,8 @@ export declare enum ACTION_SUBJECT {
359
359
  BLOCK_MENU = "blockMenu",
360
360
  BLOCK_MENU_ITEM = "blockMenuItem",
361
361
  PASTE_ACTIONS_MENU = "pasteActionsMenu",
362
- SYNCED_BLOCK = "syncedBlock"
362
+ SYNCED_BLOCK = "syncedBlock",
363
+ NATIVE_EMBED = "nativeEmbed"
363
364
  }
364
365
  export declare enum ACTION_SUBJECT_ID {
365
366
  ACTION = "action",
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/editor-common",
3
- "version": "112.7.3",
3
+ "version": "112.7.5",
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/"
@@ -56,14 +56,14 @@
56
56
  "@atlaskit/link": "^3.3.0",
57
57
  "@atlaskit/link-datasource": "^4.34.0",
58
58
  "@atlaskit/link-picker": "^4.2.0",
59
- "@atlaskit/media-card": "^79.15.0",
59
+ "@atlaskit/media-card": "^79.16.0",
60
60
  "@atlaskit/media-client": "^36.0.0",
61
61
  "@atlaskit/media-client-react": "^5.0.0",
62
62
  "@atlaskit/media-common": "^13.0.0",
63
63
  "@atlaskit/media-file-preview": "^0.16.0",
64
64
  "@atlaskit/media-picker": "^70.1.0",
65
65
  "@atlaskit/media-ui": "^28.7.0",
66
- "@atlaskit/media-viewer": "^52.8.0",
66
+ "@atlaskit/media-viewer": "^52.9.0",
67
67
  "@atlaskit/mention": "^24.6.0",
68
68
  "@atlaskit/menu": "^8.4.0",
69
69
  "@atlaskit/onboarding": "^14.5.0",
@@ -81,8 +81,7 @@
81
81
  "@atlaskit/status": "^3.1.0",
82
82
  "@atlaskit/task-decision": "^19.3.0",
83
83
  "@atlaskit/textfield": "^8.2.0",
84
- "@atlaskit/theme": "^22.0.0",
85
- "@atlaskit/tmp-editor-statsig": "^43.0.0",
84
+ "@atlaskit/tmp-editor-statsig": "^44.0.0",
86
85
  "@atlaskit/tokens": "^11.1.0",
87
86
  "@atlaskit/tooltip": "^21.0.0",
88
87
  "@atlaskit/width-detector": "^5.0.0",