@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.
- package/CHANGELOG.md +16 -0
- package/afm-cc/tsconfig.json +0 -3
- package/afm-jira/tsconfig.json +0 -3
- package/afm-products/tsconfig.json +0 -3
- package/dist/cjs/analytics/types/enums.js +1 -0
- package/dist/cjs/card/ui/assets/card.js +3 -1
- package/dist/cjs/card/ui/assets/embed.js +3 -1
- package/dist/cjs/card/ui/assets/inline.js +3 -1
- package/dist/cjs/card/ui/assets/url.js +3 -1
- package/dist/cjs/element-browser/components/CategoryList.js +1 -1
- package/dist/cjs/element-browser/components/ElementList/ElementList.js +3 -3
- package/dist/cjs/element-browser/components/ElementList/EmptyState.js +1 -1
- package/dist/cjs/element-browser/components/ElementSearch.js +1 -1
- package/dist/cjs/element-browser/components/StatelessElementBrowser.js +2 -2
- package/dist/cjs/extensibility/Extension/Extension/index.js +9 -3
- package/dist/cjs/extensibility/Extension/Extension/styles.js +2 -2
- package/dist/cjs/extensibility/Extension/InlineExtension/styles.js +1 -1
- package/dist/cjs/extensibility/Extension/LegacyContentHeader/index.js +1 -1
- package/dist/cjs/extensibility/Extension/Lozenge/ExtensionLabel.js +1 -0
- package/dist/cjs/extensibility/Extension.js +3 -1
- package/dist/cjs/extensibility/MultiBodiedExtension/styles.js +1 -1
- package/dist/cjs/extensions/UnknownMacroPlaceholder.compiled.css +3 -3
- package/dist/cjs/extensions/UnknownMacroPlaceholder.js +4 -3
- package/dist/cjs/keymaps/index.js +1 -0
- package/dist/cjs/link/ConfigureLinkOverlay/Dropdown.js +4 -1
- package/dist/cjs/link/LinkPicker/HyperlinkAddToolbar/HyperlinkAddToolbar.js +20 -11
- package/dist/cjs/link/LinkPicker/HyperlinkAddToolbar/index.js +6 -2
- package/dist/cjs/link/LinkSearch/LinkSearchList.js +6 -2
- package/dist/cjs/link/LinkSearch/withActivityProvider.js +5 -3
- package/dist/cjs/mark/commands.js +5 -3
- package/dist/cjs/media-inline/inline-image-card.js +3 -1
- package/dist/cjs/media-inline/media-inline-image-card.js +6 -2
- package/dist/cjs/media-single/CommentBadge.js +6 -4
- package/dist/cjs/media-single/CommentBadgeNext.js +3 -1
- package/dist/cjs/media-single/MediaBadges.js +3 -1
- package/dist/cjs/monitoring/error.js +1 -1
- package/dist/cjs/node-width/index.js +3 -9
- package/dist/cjs/paste/md-plugins/linkify-md-plugin.js +2 -2
- package/dist/cjs/quick-insert/assets/datasource-assets-objects.js +3 -3
- package/dist/cjs/quick-insert/assets/five-column-layout.js +1 -1
- package/dist/cjs/quick-insert/assets/four-column-layout.js +1 -1
- package/dist/cjs/quick-insert/assets/one-column-layout.js +1 -1
- package/dist/cjs/quick-insert/assets/three-column-layout.js +1 -1
- package/dist/cjs/quick-insert/assets/two-column-layout.js +1 -1
- package/dist/cjs/resizer/BreakoutResizer.js +3 -1
- package/dist/cjs/resizer/Resizer.js +6 -2
- package/dist/cjs/styles/shared/blockquote.js +1 -1
- package/dist/cjs/styles/shared/table.js +3 -3
- package/dist/cjs/table/SortingIcon.js +3 -3
- package/dist/cjs/toolbar/context.js +1 -0
- package/dist/cjs/ui/AssistiveText/AssistiveText.js +4 -0
- package/dist/cjs/ui/ContextPanel/context.js +3 -1
- package/dist/cjs/ui/DropList/index.js +1 -1
- package/dist/cjs/ui/FloatingToolbar/Button.js +4 -2
- package/dist/cjs/ui/HoverLinkOverlay/index.js +3 -1
- package/dist/cjs/ui/Mention/index.js +3 -1
- package/dist/cjs/ui/MultiBodiedExtension/index.js +1 -1
- package/dist/cjs/ui/ResizerLegacy/index.js +3 -1
- package/dist/cjs/ui/TableSelector/index.js +6 -5
- package/dist/cjs/ui/TableSelector/table-selector.js +9 -10
- package/dist/cjs/ui-color/ColorPalette/Palettes/borderColorPalette.js +1 -0
- package/dist/cjs/ui-color/ColorPalette/Palettes/cellBackgroundColorPalette.js +1 -0
- package/dist/cjs/ui-color/ColorPalette/Palettes/highlightColorPalette.js +3 -3
- package/dist/cjs/ui-color/ColorPalette/Palettes/panelBackgroundPalette.js +1 -2
- package/dist/cjs/ui-color/ColorPalette/Palettes/textColorPalette.js +1 -1
- package/dist/cjs/ui-menu/ArrowKeyNavigationProvider/MenuArrowKeyNavigationProvider/index.js +4 -0
- package/dist/cjs/ui-menu/ColorPickerButton/index.js +12 -4
- package/dist/cjs/ui-menu/DropdownMenu/index.js +21 -10
- package/dist/cjs/ui-menu/ToolbarButton/styles.js +1 -1
- package/dist/es2019/analytics/types/enums.js +1 -0
- package/dist/es2019/card/ui/assets/card.js +3 -1
- package/dist/es2019/card/ui/assets/embed.js +3 -1
- package/dist/es2019/card/ui/assets/inline.js +3 -1
- package/dist/es2019/card/ui/assets/url.js +3 -1
- package/dist/es2019/element-browser/components/CategoryList.js +2 -2
- package/dist/es2019/element-browser/components/ElementList/ElementList.js +3 -3
- package/dist/es2019/element-browser/components/ElementList/EmptyState.js +1 -1
- package/dist/es2019/element-browser/components/ElementSearch.js +1 -1
- package/dist/es2019/element-browser/components/StatelessElementBrowser.js +2 -2
- package/dist/es2019/extensibility/Extension/Extension/index.js +9 -3
- package/dist/es2019/extensibility/Extension/Extension/styles.js +2 -2
- package/dist/es2019/extensibility/Extension/InlineExtension/styles.js +1 -1
- package/dist/es2019/extensibility/Extension/LegacyContentHeader/index.js +1 -1
- package/dist/es2019/extensibility/Extension/Lozenge/ExtensionLabel.js +1 -0
- package/dist/es2019/extensibility/Extension.js +3 -1
- package/dist/es2019/extensibility/MultiBodiedExtension/styles.js +1 -1
- package/dist/es2019/extensions/UnknownMacroPlaceholder.compiled.css +3 -3
- package/dist/es2019/extensions/UnknownMacroPlaceholder.js +3 -2
- package/dist/es2019/keymaps/index.js +1 -0
- package/dist/es2019/link/ConfigureLinkOverlay/Dropdown.js +4 -1
- package/dist/es2019/link/LinkPicker/HyperlinkAddToolbar/HyperlinkAddToolbar.js +20 -11
- package/dist/es2019/link/LinkPicker/HyperlinkAddToolbar/index.js +6 -2
- package/dist/es2019/link/LinkSearch/LinkSearchList.js +6 -2
- package/dist/es2019/link/LinkSearch/withActivityProvider.js +4 -2
- package/dist/es2019/mark/commands.js +5 -3
- package/dist/es2019/media-inline/inline-image-card.js +3 -1
- package/dist/es2019/media-inline/media-inline-image-card.js +6 -2
- package/dist/es2019/media-single/CommentBadge.js +6 -4
- package/dist/es2019/media-single/CommentBadgeNext.js +3 -1
- package/dist/es2019/media-single/MediaBadges.js +3 -1
- package/dist/es2019/monitoring/error.js +1 -1
- package/dist/es2019/node-width/index.js +4 -10
- package/dist/es2019/paste/md-plugins/linkify-md-plugin.js +2 -2
- package/dist/es2019/quick-insert/assets/datasource-assets-objects.js +3 -3
- package/dist/es2019/quick-insert/assets/five-column-layout.js +1 -1
- package/dist/es2019/quick-insert/assets/four-column-layout.js +1 -1
- package/dist/es2019/quick-insert/assets/one-column-layout.js +1 -1
- package/dist/es2019/quick-insert/assets/three-column-layout.js +1 -1
- package/dist/es2019/quick-insert/assets/two-column-layout.js +1 -1
- package/dist/es2019/resizer/BreakoutResizer.js +3 -1
- package/dist/es2019/resizer/Resizer.js +6 -2
- package/dist/es2019/styles/shared/blockquote.js +2 -2
- package/dist/es2019/styles/shared/table.js +13 -14
- package/dist/es2019/table/SortingIcon.js +4 -4
- package/dist/es2019/toolbar/context.js +1 -0
- package/dist/es2019/ui/AssistiveText/AssistiveText.js +4 -0
- package/dist/es2019/ui/ContextPanel/context.js +3 -1
- package/dist/es2019/ui/DropList/index.js +1 -1
- package/dist/es2019/ui/FloatingToolbar/Button.js +4 -2
- package/dist/es2019/ui/HoverLinkOverlay/index.js +3 -1
- package/dist/es2019/ui/Mention/index.js +3 -1
- package/dist/es2019/ui/MultiBodiedExtension/index.js +1 -1
- package/dist/es2019/ui/ResizerLegacy/index.js +3 -1
- package/dist/es2019/ui/TableSelector/index.js +6 -5
- package/dist/es2019/ui/TableSelector/table-selector.js +9 -10
- package/dist/es2019/ui-color/ColorPalette/Palettes/borderColorPalette.js +1 -0
- package/dist/es2019/ui-color/ColorPalette/Palettes/cellBackgroundColorPalette.js +1 -0
- package/dist/es2019/ui-color/ColorPalette/Palettes/highlightColorPalette.js +3 -3
- package/dist/es2019/ui-color/ColorPalette/Palettes/panelBackgroundPalette.js +1 -2
- package/dist/es2019/ui-color/ColorPalette/Palettes/textColorPalette.js +1 -1
- package/dist/es2019/ui-menu/ArrowKeyNavigationProvider/MenuArrowKeyNavigationProvider/index.js +4 -0
- package/dist/es2019/ui-menu/ColorPickerButton/index.js +12 -4
- package/dist/es2019/ui-menu/DropdownMenu/index.js +25 -14
- package/dist/es2019/ui-menu/ToolbarButton/styles.js +1 -1
- package/dist/esm/analytics/types/enums.js +1 -0
- package/dist/esm/card/ui/assets/card.js +3 -1
- package/dist/esm/card/ui/assets/embed.js +3 -1
- package/dist/esm/card/ui/assets/inline.js +3 -1
- package/dist/esm/card/ui/assets/url.js +3 -1
- package/dist/esm/element-browser/components/CategoryList.js +2 -2
- package/dist/esm/element-browser/components/ElementList/ElementList.js +3 -3
- package/dist/esm/element-browser/components/ElementList/EmptyState.js +1 -1
- package/dist/esm/element-browser/components/ElementSearch.js +1 -1
- package/dist/esm/element-browser/components/StatelessElementBrowser.js +2 -2
- package/dist/esm/extensibility/Extension/Extension/index.js +9 -3
- package/dist/esm/extensibility/Extension/Extension/styles.js +2 -2
- package/dist/esm/extensibility/Extension/InlineExtension/styles.js +1 -1
- package/dist/esm/extensibility/Extension/LegacyContentHeader/index.js +1 -1
- package/dist/esm/extensibility/Extension/Lozenge/ExtensionLabel.js +1 -0
- package/dist/esm/extensibility/Extension.js +3 -1
- package/dist/esm/extensibility/MultiBodiedExtension/styles.js +1 -1
- package/dist/esm/extensions/UnknownMacroPlaceholder.compiled.css +3 -3
- package/dist/esm/extensions/UnknownMacroPlaceholder.js +4 -3
- package/dist/esm/keymaps/index.js +1 -0
- package/dist/esm/link/ConfigureLinkOverlay/Dropdown.js +4 -1
- package/dist/esm/link/LinkPicker/HyperlinkAddToolbar/HyperlinkAddToolbar.js +20 -11
- package/dist/esm/link/LinkPicker/HyperlinkAddToolbar/index.js +6 -2
- package/dist/esm/link/LinkSearch/LinkSearchList.js +6 -2
- package/dist/esm/link/LinkSearch/withActivityProvider.js +4 -2
- package/dist/esm/mark/commands.js +5 -3
- package/dist/esm/media-inline/inline-image-card.js +3 -1
- package/dist/esm/media-inline/media-inline-image-card.js +6 -2
- package/dist/esm/media-single/CommentBadge.js +6 -4
- package/dist/esm/media-single/CommentBadgeNext.js +3 -1
- package/dist/esm/media-single/MediaBadges.js +3 -1
- package/dist/esm/monitoring/error.js +1 -1
- package/dist/esm/node-width/index.js +4 -10
- package/dist/esm/paste/md-plugins/linkify-md-plugin.js +2 -2
- package/dist/esm/quick-insert/assets/datasource-assets-objects.js +3 -3
- package/dist/esm/quick-insert/assets/five-column-layout.js +1 -1
- package/dist/esm/quick-insert/assets/four-column-layout.js +1 -1
- package/dist/esm/quick-insert/assets/one-column-layout.js +1 -1
- package/dist/esm/quick-insert/assets/three-column-layout.js +1 -1
- package/dist/esm/quick-insert/assets/two-column-layout.js +1 -1
- package/dist/esm/resizer/BreakoutResizer.js +3 -1
- package/dist/esm/resizer/Resizer.js +6 -2
- package/dist/esm/styles/shared/blockquote.js +2 -2
- package/dist/esm/styles/shared/table.js +4 -4
- package/dist/esm/table/SortingIcon.js +3 -3
- package/dist/esm/toolbar/context.js +1 -0
- package/dist/esm/ui/AssistiveText/AssistiveText.js +4 -0
- package/dist/esm/ui/ContextPanel/context.js +3 -1
- package/dist/esm/ui/DropList/index.js +1 -1
- package/dist/esm/ui/FloatingToolbar/Button.js +4 -2
- package/dist/esm/ui/HoverLinkOverlay/index.js +3 -1
- package/dist/esm/ui/Mention/index.js +3 -1
- package/dist/esm/ui/MultiBodiedExtension/index.js +1 -1
- package/dist/esm/ui/ResizerLegacy/index.js +3 -1
- package/dist/esm/ui/TableSelector/index.js +6 -5
- package/dist/esm/ui/TableSelector/table-selector.js +9 -10
- package/dist/esm/ui-color/ColorPalette/Palettes/borderColorPalette.js +1 -0
- package/dist/esm/ui-color/ColorPalette/Palettes/cellBackgroundColorPalette.js +1 -0
- package/dist/esm/ui-color/ColorPalette/Palettes/highlightColorPalette.js +3 -3
- package/dist/esm/ui-color/ColorPalette/Palettes/panelBackgroundPalette.js +1 -2
- package/dist/esm/ui-color/ColorPalette/Palettes/textColorPalette.js +1 -1
- package/dist/esm/ui-menu/ArrowKeyNavigationProvider/MenuArrowKeyNavigationProvider/index.js +4 -0
- package/dist/esm/ui-menu/ColorPickerButton/index.js +12 -4
- package/dist/esm/ui-menu/DropdownMenu/index.js +21 -10
- package/dist/esm/ui-menu/ToolbarButton/styles.js +1 -1
- package/dist/types/analytics/types/enums.d.ts +2 -1
- package/dist/types-ts4.5/analytics/types/enums.d.ts +2 -1
- 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, #
|
|
19
|
-
border: "var(--ds-border-width, 1px)".concat(" solid ", "var(--ds-background-accent-blue-subtle, #
|
|
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, #
|
|
25
|
-
backgroundColor: "var(--ds-background-input, #
|
|
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,
|
|
33
|
-
boxShadow: "0 0 0 0.5px ".concat("var(--ds-border-focused,
|
|
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,
|
|
42
|
-
padding: "var(--ds-space-075,
|
|
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: "
|
|
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, #
|
|
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, #
|
|
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,
|
|
69
|
+
border: "var(--ds-border, #0B120E24)"
|
|
71
70
|
});
|
|
72
71
|
});
|
|
@@ -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,
|
|
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,
|
|
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,
|
|
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
|
|
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/
|
|
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
|
+
"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.
|
|
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.
|
|
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/
|
|
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",
|