@atlaskit/editor-common 116.26.1 → 116.26.3
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 +17 -0
- package/dist/cjs/monitoring/error.js +1 -1
- package/dist/cjs/toolbar/shouldShowPrimaryToolbar.js +6 -10
- package/dist/cjs/toolbar/shouldShowSelectionToolbar.js +6 -10
- package/dist/cjs/ui/DropList/index.js +1 -1
- package/dist/cjs/ui-color/ColorPalette/getHighlightColorInNonActiveTheme.js +35 -0
- package/dist/cjs/ui-color/ColorPalette/getTextColorInNonActiveTheme.js +26 -0
- package/dist/cjs/ui-color/ColorPalette/utils.js +1 -0
- package/dist/cjs/ui-color/index.js +14 -0
- package/dist/es2019/monitoring/error.js +1 -1
- package/dist/es2019/toolbar/shouldShowPrimaryToolbar.js +6 -10
- package/dist/es2019/toolbar/shouldShowSelectionToolbar.js +6 -10
- package/dist/es2019/ui/DropList/index.js +1 -1
- package/dist/es2019/ui-color/ColorPalette/getHighlightColorInNonActiveTheme.js +31 -0
- package/dist/es2019/ui-color/ColorPalette/getTextColorInNonActiveTheme.js +21 -0
- package/dist/es2019/ui-color/ColorPalette/utils.js +1 -0
- package/dist/es2019/ui-color/index.js +2 -0
- package/dist/esm/monitoring/error.js +1 -1
- package/dist/esm/toolbar/shouldShowPrimaryToolbar.js +6 -10
- package/dist/esm/toolbar/shouldShowSelectionToolbar.js +6 -10
- package/dist/esm/ui/DropList/index.js +1 -1
- package/dist/esm/ui-color/ColorPalette/getHighlightColorInNonActiveTheme.js +30 -0
- package/dist/esm/ui-color/ColorPalette/getTextColorInNonActiveTheme.js +21 -0
- package/dist/esm/ui-color/ColorPalette/utils.js +1 -0
- package/dist/esm/ui-color/index.js +2 -0
- package/dist/types/ui-color/ColorPalette/getHighlightColorInNonActiveTheme.d.ts +22 -0
- package/dist/types/ui-color/ColorPalette/getTextColorInNonActiveTheme.d.ts +12 -0
- package/dist/types/ui-color/index.d.ts +2 -0
- package/package.json +3 -6
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,22 @@
|
|
|
1
1
|
# @atlaskit/editor-common
|
|
2
2
|
|
|
3
|
+
## 116.26.3
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- [`3b5a6eca9da9d`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/3b5a6eca9da9d) -
|
|
8
|
+
Clean up feature gate `platform_editor_toolbar_aifc_placement_overridden`
|
|
9
|
+
- Updated dependencies
|
|
10
|
+
|
|
11
|
+
## 116.26.2
|
|
12
|
+
|
|
13
|
+
### Patch Changes
|
|
14
|
+
|
|
15
|
+
- [`4821d5874a821`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/4821d5874a821) -
|
|
16
|
+
EDITOR-7869: Show worst accessibility status when selection spans multiple text or highlight
|
|
17
|
+
colors
|
|
18
|
+
- Updated dependencies
|
|
19
|
+
|
|
3
20
|
## 116.26.1
|
|
4
21
|
|
|
5
22
|
### Patch Changes
|
|
@@ -28,7 +28,7 @@ var NETWORK_FAILURE_REGEX = /^network failure/i;
|
|
|
28
28
|
var RESIZE_OBSERVER_LOOP_REGEX = /ResizeObserver loop completed with undelivered notifications/;
|
|
29
29
|
var SENTRY_DSN = 'https://0b10c8e02fb44d8796c047b102c9bee8@o55978.ingest.sentry.io/4505129224110080';
|
|
30
30
|
var packageName = 'editor-common'; // Sentry doesn't accept '/' in its releases https://docs.sentry.io/platforms/javascript/configuration/releases/
|
|
31
|
-
var packageVersion = "116.26.
|
|
31
|
+
var packageVersion = "116.26.2";
|
|
32
32
|
var sanitiseSentryEvents = function sanitiseSentryEvents(data, _hint) {
|
|
33
33
|
// Remove URL as it has UGC
|
|
34
34
|
// Ignored via go/ees007
|
|
@@ -4,7 +4,6 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.shouldShowPrimaryToolbar = void 0;
|
|
7
|
-
var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
|
|
8
7
|
/**
|
|
9
8
|
* Determines whether the primary (top) toolbar should be shown based on contextual formatting mode
|
|
10
9
|
* and toolbar docking position preference.
|
|
@@ -14,14 +13,11 @@ var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
|
|
|
14
13
|
* @returns true if the primary toolbar should be displayed, false otherwise
|
|
15
14
|
*/
|
|
16
15
|
var shouldShowPrimaryToolbar = exports.shouldShowPrimaryToolbar = function shouldShowPrimaryToolbar(contextualFormattingEnabled, toolbarDockingPosition) {
|
|
17
|
-
if (
|
|
18
|
-
|
|
19
|
-
return toolbarDockingPosition !== 'none';
|
|
20
|
-
}
|
|
21
|
-
if (contextualFormattingEnabled === 'always-pinned') {
|
|
22
|
-
return true;
|
|
23
|
-
}
|
|
24
|
-
return false;
|
|
16
|
+
if (contextualFormattingEnabled === 'controlled') {
|
|
17
|
+
return toolbarDockingPosition !== 'none';
|
|
25
18
|
}
|
|
26
|
-
|
|
19
|
+
if (contextualFormattingEnabled === 'always-pinned') {
|
|
20
|
+
return true;
|
|
21
|
+
}
|
|
22
|
+
return false;
|
|
27
23
|
};
|
|
@@ -4,7 +4,6 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.shouldShowSelectionToolbar = void 0;
|
|
7
|
-
var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
|
|
8
7
|
/**
|
|
9
8
|
* Determines whether the selection (inline) toolbar should be shown based on contextual formatting mode
|
|
10
9
|
* and toolbar docking position preference.
|
|
@@ -14,14 +13,11 @@ var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
|
|
|
14
13
|
* @returns true if the selection toolbar should be displayed, false otherwise
|
|
15
14
|
*/
|
|
16
15
|
var shouldShowSelectionToolbar = exports.shouldShowSelectionToolbar = function shouldShowSelectionToolbar(contextualFormattingEnabled, toolbarDockingPosition) {
|
|
17
|
-
if (
|
|
18
|
-
|
|
19
|
-
return toolbarDockingPosition === 'top';
|
|
20
|
-
}
|
|
21
|
-
if (contextualFormattingEnabled === 'always-inline') {
|
|
22
|
-
return true;
|
|
23
|
-
}
|
|
24
|
-
return false;
|
|
16
|
+
if (contextualFormattingEnabled === 'controlled') {
|
|
17
|
+
return toolbarDockingPosition === 'top';
|
|
25
18
|
}
|
|
26
|
-
|
|
19
|
+
if (contextualFormattingEnabled === 'always-inline') {
|
|
20
|
+
return true;
|
|
21
|
+
}
|
|
22
|
+
return false;
|
|
27
23
|
};
|
|
@@ -24,7 +24,7 @@ function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.
|
|
|
24
24
|
* @jsx jsx
|
|
25
25
|
*/ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
|
|
26
26
|
var packageName = "@atlaskit/editor-common";
|
|
27
|
-
var packageVersion = "116.26.
|
|
27
|
+
var packageVersion = "116.26.2";
|
|
28
28
|
var halfFocusRing = 1;
|
|
29
29
|
var dropOffset = '0, 8';
|
|
30
30
|
var fadeIn = (0, _react2.keyframes)({
|
|
@@ -0,0 +1,35 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.getHighlightColorInNonActiveTheme = void 0;
|
|
7
|
+
var _textBackgroundColor = require("@atlaskit/editor-palette/text-background-color");
|
|
8
|
+
var _utils = require("./utils");
|
|
9
|
+
/**
|
|
10
|
+
* Resolves a highlight (background) color to its equivalent value in the
|
|
11
|
+
* non-active theme.
|
|
12
|
+
*
|
|
13
|
+
* Shared between the highlight plugin state (`getActiveColorInNonActiveTheme`)
|
|
14
|
+
* and the color-accessibility selection walker.
|
|
15
|
+
*
|
|
16
|
+
* @param color - The raw highlight color mark (hex/token) or null for no
|
|
17
|
+
* highlight.
|
|
18
|
+
* @param options - Default background color and optional transparent sentinel.
|
|
19
|
+
* @param options.defaultBackgroundColor - Fallback value returned when the color
|
|
20
|
+
* cannot be resolved to a raw token (used for the default surface background).
|
|
21
|
+
* @param options.transparentColor - Optional sentinel representing an explicit
|
|
22
|
+
* transparent highlight. When provided, a color equal to this value is treated
|
|
23
|
+
* the same as no highlight (mapped to the surface elevation). The single-value
|
|
24
|
+
* plugin state never carries this sentinel, but the selection walker reads raw
|
|
25
|
+
* node marks that can, so callers walking the document should pass it.
|
|
26
|
+
*/
|
|
27
|
+
var getHighlightColorInNonActiveTheme = exports.getHighlightColorInNonActiveTheme = function getHighlightColorInNonActiveTheme(color, _ref) {
|
|
28
|
+
var defaultBackgroundColor = _ref.defaultBackgroundColor,
|
|
29
|
+
transparentColor = _ref.transparentColor;
|
|
30
|
+
if (!color || transparentColor !== undefined && color === transparentColor) {
|
|
31
|
+
return (0, _utils.getTokenCSSVariableValueForNonActiveTheme)("var(--ds-surface, #FFFFFF)", defaultBackgroundColor);
|
|
32
|
+
}
|
|
33
|
+
var colorValue = (0, _textBackgroundColor.hexToEditorTextBackgroundPaletteColor)(color) || color;
|
|
34
|
+
return (0, _utils.getTokenCSSVariableValueForNonActiveTheme)(colorValue, color);
|
|
35
|
+
};
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.getTextColorInNonActiveTheme = void 0;
|
|
7
|
+
var _text = require("@atlaskit/editor-palette/text");
|
|
8
|
+
var _utils = require("./utils");
|
|
9
|
+
/**
|
|
10
|
+
* Resolves a text (foreground) color to its equivalent value in the non-active
|
|
11
|
+
* theme (i.e. dark when the editor is in light mode and vice versa).
|
|
12
|
+
*
|
|
13
|
+
* Shared between the text-color plugin state (`getColorInNonActiveTheme`) and the
|
|
14
|
+
* color-accessibility selection walker so both evaluate colors identically.
|
|
15
|
+
*
|
|
16
|
+
* @param color - The raw text color mark (hex/token) or null for the default.
|
|
17
|
+
* @param defaultColor - The plugin's default text color, used when `color` is
|
|
18
|
+
* absent or explicitly the default.
|
|
19
|
+
*/
|
|
20
|
+
var getTextColorInNonActiveTheme = exports.getTextColorInNonActiveTheme = function getTextColorInNonActiveTheme(color, defaultColor) {
|
|
21
|
+
if (!color || color === defaultColor) {
|
|
22
|
+
return (0, _utils.getTokenCSSVariableValueForNonActiveTheme)("var(--ds-text, #292A2E)", defaultColor);
|
|
23
|
+
}
|
|
24
|
+
var colorValue = (0, _text.hexToEditorTextPaletteColor)(color) || color;
|
|
25
|
+
return (0, _utils.getTokenCSSVariableValueForNonActiveTheme)(colorValue, color);
|
|
26
|
+
};
|
|
@@ -110,4 +110,5 @@ var getTokenCSSVariableValueForNonActiveTheme = exports.getTokenCSSVariableValue
|
|
|
110
110
|
}
|
|
111
111
|
return (cssVariableParts === null || cssVariableParts === void 0 ? void 0 : cssVariableParts.fallback) || fallback;
|
|
112
112
|
};
|
|
113
|
+
|
|
113
114
|
// eslint-disable-next-line @atlaskit/editor/no-re-export
|
|
@@ -82,6 +82,12 @@ Object.defineProperty(exports, "getColorsPerRowFromPalette", {
|
|
|
82
82
|
return _utils.getColorsPerRowFromPalette;
|
|
83
83
|
}
|
|
84
84
|
});
|
|
85
|
+
Object.defineProperty(exports, "getHighlightColorInNonActiveTheme", {
|
|
86
|
+
enumerable: true,
|
|
87
|
+
get: function get() {
|
|
88
|
+
return _getHighlightColorInNonActiveTheme.getHighlightColorInNonActiveTheme;
|
|
89
|
+
}
|
|
90
|
+
});
|
|
85
91
|
Object.defineProperty(exports, "getSelectedRowAndColumn", {
|
|
86
92
|
enumerable: true,
|
|
87
93
|
get: function get() {
|
|
@@ -94,6 +100,12 @@ Object.defineProperty(exports, "getSelectedRowAndColumnFromPalette", {
|
|
|
94
100
|
return _utils.getSelectedRowAndColumnFromPalette;
|
|
95
101
|
}
|
|
96
102
|
});
|
|
103
|
+
Object.defineProperty(exports, "getTextColorInNonActiveTheme", {
|
|
104
|
+
enumerable: true,
|
|
105
|
+
get: function get() {
|
|
106
|
+
return _getTextColorInNonActiveTheme.getTextColorInNonActiveTheme;
|
|
107
|
+
}
|
|
108
|
+
});
|
|
97
109
|
Object.defineProperty(exports, "getTokenCSSVariableValue", {
|
|
98
110
|
enumerable: true,
|
|
99
111
|
get: function get() {
|
|
@@ -154,6 +166,8 @@ var _SelectedTextColorProvider = require("./ColorPalette/SelectedTextColorProvid
|
|
|
154
166
|
var _useSelectedTextColor = require("./ColorPalette/useSelectedTextColor");
|
|
155
167
|
var _getSelectedRowAndColumn = require("./ColorPalette/getSelectedRowAndColumn");
|
|
156
168
|
var _utils = require("./ColorPalette/utils");
|
|
169
|
+
var _getHighlightColorInNonActiveTheme = require("./ColorPalette/getHighlightColorInNonActiveTheme");
|
|
170
|
+
var _getTextColorInNonActiveTheme = require("./ColorPalette/getTextColorInNonActiveTheme");
|
|
157
171
|
var _cellBackgroundColorPalette = _interopRequireDefault(require("./ColorPalette/Palettes/cellBackgroundColorPalette"));
|
|
158
172
|
var _paletteMessages = _interopRequireDefault(require("./ColorPalette/Palettes/paletteMessages"));
|
|
159
173
|
var _panelBackgroundPalette = require("./ColorPalette/Palettes/panelBackgroundPalette");
|
|
@@ -14,7 +14,7 @@ const NETWORK_FAILURE_REGEX = /^network failure/i;
|
|
|
14
14
|
const RESIZE_OBSERVER_LOOP_REGEX = /ResizeObserver loop completed with undelivered notifications/;
|
|
15
15
|
const SENTRY_DSN = 'https://0b10c8e02fb44d8796c047b102c9bee8@o55978.ingest.sentry.io/4505129224110080';
|
|
16
16
|
const packageName = 'editor-common'; // Sentry doesn't accept '/' in its releases https://docs.sentry.io/platforms/javascript/configuration/releases/
|
|
17
|
-
const packageVersion = "116.26.
|
|
17
|
+
const packageVersion = "116.26.2";
|
|
18
18
|
const sanitiseSentryEvents = (data, _hint) => {
|
|
19
19
|
// Remove URL as it has UGC
|
|
20
20
|
// Ignored via go/ees007
|
|
@@ -1,4 +1,3 @@
|
|
|
1
|
-
import { fg } from '@atlaskit/platform-feature-flags';
|
|
2
1
|
/**
|
|
3
2
|
* Determines whether the primary (top) toolbar should be shown based on contextual formatting mode
|
|
4
3
|
* and toolbar docking position preference.
|
|
@@ -8,14 +7,11 @@ import { fg } from '@atlaskit/platform-feature-flags';
|
|
|
8
7
|
* @returns true if the primary toolbar should be displayed, false otherwise
|
|
9
8
|
*/
|
|
10
9
|
export const shouldShowPrimaryToolbar = (contextualFormattingEnabled, toolbarDockingPosition) => {
|
|
11
|
-
if (
|
|
12
|
-
|
|
13
|
-
return toolbarDockingPosition !== 'none';
|
|
14
|
-
}
|
|
15
|
-
if (contextualFormattingEnabled === 'always-pinned') {
|
|
16
|
-
return true;
|
|
17
|
-
}
|
|
18
|
-
return false;
|
|
10
|
+
if (contextualFormattingEnabled === 'controlled') {
|
|
11
|
+
return toolbarDockingPosition !== 'none';
|
|
19
12
|
}
|
|
20
|
-
|
|
13
|
+
if (contextualFormattingEnabled === 'always-pinned') {
|
|
14
|
+
return true;
|
|
15
|
+
}
|
|
16
|
+
return false;
|
|
21
17
|
};
|
|
@@ -1,4 +1,3 @@
|
|
|
1
|
-
import { fg } from '@atlaskit/platform-feature-flags';
|
|
2
1
|
/**
|
|
3
2
|
* Determines whether the selection (inline) toolbar should be shown based on contextual formatting mode
|
|
4
3
|
* and toolbar docking position preference.
|
|
@@ -8,14 +7,11 @@ import { fg } from '@atlaskit/platform-feature-flags';
|
|
|
8
7
|
* @returns true if the selection toolbar should be displayed, false otherwise
|
|
9
8
|
*/
|
|
10
9
|
export const shouldShowSelectionToolbar = (contextualFormattingEnabled, toolbarDockingPosition) => {
|
|
11
|
-
if (
|
|
12
|
-
|
|
13
|
-
return toolbarDockingPosition === 'top';
|
|
14
|
-
}
|
|
15
|
-
if (contextualFormattingEnabled === 'always-inline') {
|
|
16
|
-
return true;
|
|
17
|
-
}
|
|
18
|
-
return false;
|
|
10
|
+
if (contextualFormattingEnabled === 'controlled') {
|
|
11
|
+
return toolbarDockingPosition === 'top';
|
|
19
12
|
}
|
|
20
|
-
|
|
13
|
+
if (contextualFormattingEnabled === 'always-inline') {
|
|
14
|
+
return true;
|
|
15
|
+
}
|
|
16
|
+
return false;
|
|
21
17
|
};
|
|
@@ -14,7 +14,7 @@ import withAnalyticsEvents from '@atlaskit/analytics-next/withAnalyticsEvents';
|
|
|
14
14
|
import { fg } from '@atlaskit/platform-feature-flags';
|
|
15
15
|
import Layer from '../Layer';
|
|
16
16
|
const packageName = "@atlaskit/editor-common";
|
|
17
|
-
const packageVersion = "116.26.
|
|
17
|
+
const packageVersion = "116.26.2";
|
|
18
18
|
const halfFocusRing = 1;
|
|
19
19
|
const dropOffset = '0, 8';
|
|
20
20
|
const fadeIn = keyframes({
|
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
import { hexToEditorTextBackgroundPaletteColor } from '@atlaskit/editor-palette/text-background-color';
|
|
2
|
+
import { getTokenCSSVariableValueForNonActiveTheme } from './utils';
|
|
3
|
+
|
|
4
|
+
/**
|
|
5
|
+
* Resolves a highlight (background) color to its equivalent value in the
|
|
6
|
+
* non-active theme.
|
|
7
|
+
*
|
|
8
|
+
* Shared between the highlight plugin state (`getActiveColorInNonActiveTheme`)
|
|
9
|
+
* and the color-accessibility selection walker.
|
|
10
|
+
*
|
|
11
|
+
* @param color - The raw highlight color mark (hex/token) or null for no
|
|
12
|
+
* highlight.
|
|
13
|
+
* @param options - Default background color and optional transparent sentinel.
|
|
14
|
+
* @param options.defaultBackgroundColor - Fallback value returned when the color
|
|
15
|
+
* cannot be resolved to a raw token (used for the default surface background).
|
|
16
|
+
* @param options.transparentColor - Optional sentinel representing an explicit
|
|
17
|
+
* transparent highlight. When provided, a color equal to this value is treated
|
|
18
|
+
* the same as no highlight (mapped to the surface elevation). The single-value
|
|
19
|
+
* plugin state never carries this sentinel, but the selection walker reads raw
|
|
20
|
+
* node marks that can, so callers walking the document should pass it.
|
|
21
|
+
*/
|
|
22
|
+
export const getHighlightColorInNonActiveTheme = (color, {
|
|
23
|
+
defaultBackgroundColor,
|
|
24
|
+
transparentColor
|
|
25
|
+
}) => {
|
|
26
|
+
if (!color || transparentColor !== undefined && color === transparentColor) {
|
|
27
|
+
return getTokenCSSVariableValueForNonActiveTheme("var(--ds-surface, #FFFFFF)", defaultBackgroundColor);
|
|
28
|
+
}
|
|
29
|
+
const colorValue = hexToEditorTextBackgroundPaletteColor(color) || color;
|
|
30
|
+
return getTokenCSSVariableValueForNonActiveTheme(colorValue, color);
|
|
31
|
+
};
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
import { hexToEditorTextPaletteColor } from '@atlaskit/editor-palette/text';
|
|
2
|
+
import { getTokenCSSVariableValueForNonActiveTheme } from './utils';
|
|
3
|
+
|
|
4
|
+
/**
|
|
5
|
+
* Resolves a text (foreground) color to its equivalent value in the non-active
|
|
6
|
+
* theme (i.e. dark when the editor is in light mode and vice versa).
|
|
7
|
+
*
|
|
8
|
+
* Shared between the text-color plugin state (`getColorInNonActiveTheme`) and the
|
|
9
|
+
* color-accessibility selection walker so both evaluate colors identically.
|
|
10
|
+
*
|
|
11
|
+
* @param color - The raw text color mark (hex/token) or null for the default.
|
|
12
|
+
* @param defaultColor - The plugin's default text color, used when `color` is
|
|
13
|
+
* absent or explicitly the default.
|
|
14
|
+
*/
|
|
15
|
+
export const getTextColorInNonActiveTheme = (color, defaultColor) => {
|
|
16
|
+
if (!color || color === defaultColor) {
|
|
17
|
+
return getTokenCSSVariableValueForNonActiveTheme("var(--ds-text, #292A2E)", defaultColor);
|
|
18
|
+
}
|
|
19
|
+
const colorValue = hexToEditorTextPaletteColor(color) || color;
|
|
20
|
+
return getTokenCSSVariableValueForNonActiveTheme(colorValue, color);
|
|
21
|
+
};
|
|
@@ -78,5 +78,6 @@ export const getTokenCSSVariableValueForNonActiveTheme = (variableExpression, fa
|
|
|
78
78
|
}
|
|
79
79
|
return (cssVariableParts === null || cssVariableParts === void 0 ? void 0 : cssVariableParts.fallback) || fallback;
|
|
80
80
|
};
|
|
81
|
+
|
|
81
82
|
// eslint-disable-next-line @atlaskit/editor/no-re-export
|
|
82
83
|
export { getSelectedRowAndColumn } from './getSelectedRowAndColumn';
|
|
@@ -7,6 +7,8 @@ export { SelectedTextColorProvider } from './ColorPalette/SelectedTextColorProvi
|
|
|
7
7
|
export { useSelectedTextColor } from './ColorPalette/useSelectedTextColor';
|
|
8
8
|
export { getSelectedRowAndColumn } from './ColorPalette/getSelectedRowAndColumn';
|
|
9
9
|
export { DEFAULT_COLOR_PICKER_COLUMNS, getColorsPerRowFromPalette, getSelectedRowAndColumnFromPalette, getTokenCSSVariableValue, getTokenCSSVariableValueForNonActiveTheme } from './ColorPalette/utils';
|
|
10
|
+
export { getHighlightColorInNonActiveTheme } from './ColorPalette/getHighlightColorInNonActiveTheme';
|
|
11
|
+
export { getTextColorInNonActiveTheme } from './ColorPalette/getTextColorInNonActiveTheme';
|
|
10
12
|
export { default as cellBackgroundColorPalette } from './ColorPalette/Palettes/cellBackgroundColorPalette';
|
|
11
13
|
export { default as colorPaletteMessages } from './ColorPalette/Palettes/paletteMessages';
|
|
12
14
|
export { panelBackgroundPalette } from './ColorPalette/Palettes/panelBackgroundPalette';
|
|
@@ -20,7 +20,7 @@ var NETWORK_FAILURE_REGEX = /^network failure/i;
|
|
|
20
20
|
var RESIZE_OBSERVER_LOOP_REGEX = /ResizeObserver loop completed with undelivered notifications/;
|
|
21
21
|
var SENTRY_DSN = 'https://0b10c8e02fb44d8796c047b102c9bee8@o55978.ingest.sentry.io/4505129224110080';
|
|
22
22
|
var packageName = 'editor-common'; // Sentry doesn't accept '/' in its releases https://docs.sentry.io/platforms/javascript/configuration/releases/
|
|
23
|
-
var packageVersion = "116.26.
|
|
23
|
+
var packageVersion = "116.26.2";
|
|
24
24
|
var sanitiseSentryEvents = function sanitiseSentryEvents(data, _hint) {
|
|
25
25
|
// Remove URL as it has UGC
|
|
26
26
|
// Ignored via go/ees007
|
|
@@ -1,4 +1,3 @@
|
|
|
1
|
-
import { fg } from '@atlaskit/platform-feature-flags';
|
|
2
1
|
/**
|
|
3
2
|
* Determines whether the primary (top) toolbar should be shown based on contextual formatting mode
|
|
4
3
|
* and toolbar docking position preference.
|
|
@@ -8,14 +7,11 @@ import { fg } from '@atlaskit/platform-feature-flags';
|
|
|
8
7
|
* @returns true if the primary toolbar should be displayed, false otherwise
|
|
9
8
|
*/
|
|
10
9
|
export var shouldShowPrimaryToolbar = function shouldShowPrimaryToolbar(contextualFormattingEnabled, toolbarDockingPosition) {
|
|
11
|
-
if (
|
|
12
|
-
|
|
13
|
-
return toolbarDockingPosition !== 'none';
|
|
14
|
-
}
|
|
15
|
-
if (contextualFormattingEnabled === 'always-pinned') {
|
|
16
|
-
return true;
|
|
17
|
-
}
|
|
18
|
-
return false;
|
|
10
|
+
if (contextualFormattingEnabled === 'controlled') {
|
|
11
|
+
return toolbarDockingPosition !== 'none';
|
|
19
12
|
}
|
|
20
|
-
|
|
13
|
+
if (contextualFormattingEnabled === 'always-pinned') {
|
|
14
|
+
return true;
|
|
15
|
+
}
|
|
16
|
+
return false;
|
|
21
17
|
};
|
|
@@ -1,4 +1,3 @@
|
|
|
1
|
-
import { fg } from '@atlaskit/platform-feature-flags';
|
|
2
1
|
/**
|
|
3
2
|
* Determines whether the selection (inline) toolbar should be shown based on contextual formatting mode
|
|
4
3
|
* and toolbar docking position preference.
|
|
@@ -8,14 +7,11 @@ import { fg } from '@atlaskit/platform-feature-flags';
|
|
|
8
7
|
* @returns true if the selection toolbar should be displayed, false otherwise
|
|
9
8
|
*/
|
|
10
9
|
export var shouldShowSelectionToolbar = function shouldShowSelectionToolbar(contextualFormattingEnabled, toolbarDockingPosition) {
|
|
11
|
-
if (
|
|
12
|
-
|
|
13
|
-
return toolbarDockingPosition === 'top';
|
|
14
|
-
}
|
|
15
|
-
if (contextualFormattingEnabled === 'always-inline') {
|
|
16
|
-
return true;
|
|
17
|
-
}
|
|
18
|
-
return false;
|
|
10
|
+
if (contextualFormattingEnabled === 'controlled') {
|
|
11
|
+
return toolbarDockingPosition === 'top';
|
|
19
12
|
}
|
|
20
|
-
|
|
13
|
+
if (contextualFormattingEnabled === 'always-inline') {
|
|
14
|
+
return true;
|
|
15
|
+
}
|
|
16
|
+
return false;
|
|
21
17
|
};
|
|
@@ -21,7 +21,7 @@ import withAnalyticsEvents from '@atlaskit/analytics-next/withAnalyticsEvents';
|
|
|
21
21
|
import { fg } from '@atlaskit/platform-feature-flags';
|
|
22
22
|
import Layer from '../Layer';
|
|
23
23
|
var packageName = "@atlaskit/editor-common";
|
|
24
|
-
var packageVersion = "116.26.
|
|
24
|
+
var packageVersion = "116.26.2";
|
|
25
25
|
var halfFocusRing = 1;
|
|
26
26
|
var dropOffset = '0, 8';
|
|
27
27
|
var fadeIn = keyframes({
|
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
import { hexToEditorTextBackgroundPaletteColor } from '@atlaskit/editor-palette/text-background-color';
|
|
2
|
+
import { getTokenCSSVariableValueForNonActiveTheme } from './utils';
|
|
3
|
+
|
|
4
|
+
/**
|
|
5
|
+
* Resolves a highlight (background) color to its equivalent value in the
|
|
6
|
+
* non-active theme.
|
|
7
|
+
*
|
|
8
|
+
* Shared between the highlight plugin state (`getActiveColorInNonActiveTheme`)
|
|
9
|
+
* and the color-accessibility selection walker.
|
|
10
|
+
*
|
|
11
|
+
* @param color - The raw highlight color mark (hex/token) or null for no
|
|
12
|
+
* highlight.
|
|
13
|
+
* @param options - Default background color and optional transparent sentinel.
|
|
14
|
+
* @param options.defaultBackgroundColor - Fallback value returned when the color
|
|
15
|
+
* cannot be resolved to a raw token (used for the default surface background).
|
|
16
|
+
* @param options.transparentColor - Optional sentinel representing an explicit
|
|
17
|
+
* transparent highlight. When provided, a color equal to this value is treated
|
|
18
|
+
* the same as no highlight (mapped to the surface elevation). The single-value
|
|
19
|
+
* plugin state never carries this sentinel, but the selection walker reads raw
|
|
20
|
+
* node marks that can, so callers walking the document should pass it.
|
|
21
|
+
*/
|
|
22
|
+
export var getHighlightColorInNonActiveTheme = function getHighlightColorInNonActiveTheme(color, _ref) {
|
|
23
|
+
var defaultBackgroundColor = _ref.defaultBackgroundColor,
|
|
24
|
+
transparentColor = _ref.transparentColor;
|
|
25
|
+
if (!color || transparentColor !== undefined && color === transparentColor) {
|
|
26
|
+
return getTokenCSSVariableValueForNonActiveTheme("var(--ds-surface, #FFFFFF)", defaultBackgroundColor);
|
|
27
|
+
}
|
|
28
|
+
var colorValue = hexToEditorTextBackgroundPaletteColor(color) || color;
|
|
29
|
+
return getTokenCSSVariableValueForNonActiveTheme(colorValue, color);
|
|
30
|
+
};
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
import { hexToEditorTextPaletteColor } from '@atlaskit/editor-palette/text';
|
|
2
|
+
import { getTokenCSSVariableValueForNonActiveTheme } from './utils';
|
|
3
|
+
|
|
4
|
+
/**
|
|
5
|
+
* Resolves a text (foreground) color to its equivalent value in the non-active
|
|
6
|
+
* theme (i.e. dark when the editor is in light mode and vice versa).
|
|
7
|
+
*
|
|
8
|
+
* Shared between the text-color plugin state (`getColorInNonActiveTheme`) and the
|
|
9
|
+
* color-accessibility selection walker so both evaluate colors identically.
|
|
10
|
+
*
|
|
11
|
+
* @param color - The raw text color mark (hex/token) or null for the default.
|
|
12
|
+
* @param defaultColor - The plugin's default text color, used when `color` is
|
|
13
|
+
* absent or explicitly the default.
|
|
14
|
+
*/
|
|
15
|
+
export var getTextColorInNonActiveTheme = function getTextColorInNonActiveTheme(color, defaultColor) {
|
|
16
|
+
if (!color || color === defaultColor) {
|
|
17
|
+
return getTokenCSSVariableValueForNonActiveTheme("var(--ds-text, #292A2E)", defaultColor);
|
|
18
|
+
}
|
|
19
|
+
var colorValue = hexToEditorTextPaletteColor(color) || color;
|
|
20
|
+
return getTokenCSSVariableValueForNonActiveTheme(colorValue, color);
|
|
21
|
+
};
|
|
@@ -94,5 +94,6 @@ export var getTokenCSSVariableValueForNonActiveTheme = function getTokenCSSVaria
|
|
|
94
94
|
}
|
|
95
95
|
return (cssVariableParts === null || cssVariableParts === void 0 ? void 0 : cssVariableParts.fallback) || fallback;
|
|
96
96
|
};
|
|
97
|
+
|
|
97
98
|
// eslint-disable-next-line @atlaskit/editor/no-re-export
|
|
98
99
|
export { getSelectedRowAndColumn } from './getSelectedRowAndColumn';
|
|
@@ -7,6 +7,8 @@ export { SelectedTextColorProvider } from './ColorPalette/SelectedTextColorProvi
|
|
|
7
7
|
export { useSelectedTextColor } from './ColorPalette/useSelectedTextColor';
|
|
8
8
|
export { getSelectedRowAndColumn } from './ColorPalette/getSelectedRowAndColumn';
|
|
9
9
|
export { DEFAULT_COLOR_PICKER_COLUMNS, getColorsPerRowFromPalette, getSelectedRowAndColumnFromPalette, getTokenCSSVariableValue, getTokenCSSVariableValueForNonActiveTheme } from './ColorPalette/utils';
|
|
10
|
+
export { getHighlightColorInNonActiveTheme } from './ColorPalette/getHighlightColorInNonActiveTheme';
|
|
11
|
+
export { getTextColorInNonActiveTheme } from './ColorPalette/getTextColorInNonActiveTheme';
|
|
10
12
|
export { default as cellBackgroundColorPalette } from './ColorPalette/Palettes/cellBackgroundColorPalette';
|
|
11
13
|
export { default as colorPaletteMessages } from './ColorPalette/Palettes/paletteMessages';
|
|
12
14
|
export { panelBackgroundPalette } from './ColorPalette/Palettes/panelBackgroundPalette';
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Resolves a highlight (background) color to its equivalent value in the
|
|
3
|
+
* non-active theme.
|
|
4
|
+
*
|
|
5
|
+
* Shared between the highlight plugin state (`getActiveColorInNonActiveTheme`)
|
|
6
|
+
* and the color-accessibility selection walker.
|
|
7
|
+
*
|
|
8
|
+
* @param color - The raw highlight color mark (hex/token) or null for no
|
|
9
|
+
* highlight.
|
|
10
|
+
* @param options - Default background color and optional transparent sentinel.
|
|
11
|
+
* @param options.defaultBackgroundColor - Fallback value returned when the color
|
|
12
|
+
* cannot be resolved to a raw token (used for the default surface background).
|
|
13
|
+
* @param options.transparentColor - Optional sentinel representing an explicit
|
|
14
|
+
* transparent highlight. When provided, a color equal to this value is treated
|
|
15
|
+
* the same as no highlight (mapped to the surface elevation). The single-value
|
|
16
|
+
* plugin state never carries this sentinel, but the selection walker reads raw
|
|
17
|
+
* node marks that can, so callers walking the document should pass it.
|
|
18
|
+
*/
|
|
19
|
+
export declare const getHighlightColorInNonActiveTheme: (color: string | null, { defaultBackgroundColor, transparentColor, }: {
|
|
20
|
+
defaultBackgroundColor: string;
|
|
21
|
+
transparentColor?: string;
|
|
22
|
+
}) => string;
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Resolves a text (foreground) color to its equivalent value in the non-active
|
|
3
|
+
* theme (i.e. dark when the editor is in light mode and vice versa).
|
|
4
|
+
*
|
|
5
|
+
* Shared between the text-color plugin state (`getColorInNonActiveTheme`) and the
|
|
6
|
+
* color-accessibility selection walker so both evaluate colors identically.
|
|
7
|
+
*
|
|
8
|
+
* @param color - The raw text color mark (hex/token) or null for the default.
|
|
9
|
+
* @param defaultColor - The plugin's default text color, used when `color` is
|
|
10
|
+
* absent or explicitly the default.
|
|
11
|
+
*/
|
|
12
|
+
export declare const getTextColorInNonActiveTheme: (color: string | null, defaultColor: string) => string;
|
|
@@ -4,6 +4,8 @@ export { SelectedTextColorProvider } from './ColorPalette/SelectedTextColorProvi
|
|
|
4
4
|
export { useSelectedTextColor } from './ColorPalette/useSelectedTextColor';
|
|
5
5
|
export { getSelectedRowAndColumn } from './ColorPalette/getSelectedRowAndColumn';
|
|
6
6
|
export { DEFAULT_COLOR_PICKER_COLUMNS, getColorsPerRowFromPalette, getSelectedRowAndColumnFromPalette, getTokenCSSVariableValue, getTokenCSSVariableValueForNonActiveTheme, } from './ColorPalette/utils';
|
|
7
|
+
export { getHighlightColorInNonActiveTheme } from './ColorPalette/getHighlightColorInNonActiveTheme';
|
|
8
|
+
export { getTextColorInNonActiveTheme } from './ColorPalette/getTextColorInNonActiveTheme';
|
|
7
9
|
export { default as cellBackgroundColorPalette } from './ColorPalette/Palettes/cellBackgroundColorPalette';
|
|
8
10
|
export { default as colorPaletteMessages } from './ColorPalette/Palettes/paletteMessages';
|
|
9
11
|
export { panelBackgroundPalette } from './ColorPalette/Palettes/panelBackgroundPalette';
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@atlaskit/editor-common",
|
|
3
|
-
"version": "116.26.
|
|
3
|
+
"version": "116.26.3",
|
|
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/"
|
|
@@ -34,7 +34,7 @@
|
|
|
34
34
|
"@atlaskit/afm-i18n-platform-editor-editor-common": "2.168.0",
|
|
35
35
|
"@atlaskit/analytics-listeners": "^11.1.0",
|
|
36
36
|
"@atlaskit/analytics-namespaced-context": "^8.1.0",
|
|
37
|
-
"@atlaskit/analytics-next": "^12.
|
|
37
|
+
"@atlaskit/analytics-next": "^12.3.0",
|
|
38
38
|
"@atlaskit/atlassian-context": "^1.0.0",
|
|
39
39
|
"@atlaskit/browser-apis": "^1.1.0",
|
|
40
40
|
"@atlaskit/button": "^24.3.0",
|
|
@@ -80,7 +80,7 @@
|
|
|
80
80
|
"@atlaskit/task-decision": "^21.4.0",
|
|
81
81
|
"@atlaskit/teams-app-config": "^2.1.0",
|
|
82
82
|
"@atlaskit/textfield": "^9.1.0",
|
|
83
|
-
"@atlaskit/tmp-editor-statsig": "^124.
|
|
83
|
+
"@atlaskit/tmp-editor-statsig": "^124.2.0",
|
|
84
84
|
"@atlaskit/tokens": "^15.6.0",
|
|
85
85
|
"@atlaskit/tooltip": "^23.1.0",
|
|
86
86
|
"@atlaskit/width-detector": "^6.2.0",
|
|
@@ -228,9 +228,6 @@
|
|
|
228
228
|
"platform_editor_native_anchor_patch_3": {
|
|
229
229
|
"type": "boolean"
|
|
230
230
|
},
|
|
231
|
-
"platform_editor_toolbar_aifc_placement_overridden": {
|
|
232
|
-
"type": "boolean"
|
|
233
|
-
},
|
|
234
231
|
"platform_editor_block_menu_v2_patch_4": {
|
|
235
232
|
"type": "boolean"
|
|
236
233
|
},
|