@atlaskit/editor-common 115.15.4 → 115.16.1
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 +25 -0
- package/dist/cjs/link/LinkPicker/HyperlinkAddToolbar/index.js +1 -1
- package/dist/cjs/monitoring/error.js +1 -1
- package/dist/cjs/styles/shared/panel.js +1 -1
- package/dist/cjs/ui/DropList/index.js +1 -1
- package/dist/cjs/ui/Popup/index.js +1 -2
- package/dist/cjs/ui-color/ColorPalette/SelectedTextColorContext.js +9 -0
- package/dist/cjs/ui-color/ColorPalette/SelectedTextColorProvider.js +24 -0
- package/dist/cjs/ui-color/ColorPalette/useSelectedTextColor.js +11 -0
- package/dist/cjs/ui-color/index.js +14 -0
- package/dist/cjs/ui-menu/ColorPickerButton/index.js +1 -2
- package/dist/es2019/link/LinkPicker/HyperlinkAddToolbar/index.js +1 -1
- package/dist/es2019/monitoring/error.js +1 -1
- package/dist/es2019/styles/shared/panel.js +1 -1
- package/dist/es2019/ui/DropList/index.js +1 -1
- package/dist/es2019/ui/Popup/index.js +1 -2
- package/dist/es2019/ui-color/ColorPalette/SelectedTextColorContext.js +2 -0
- package/dist/es2019/ui-color/ColorPalette/SelectedTextColorProvider.js +15 -0
- package/dist/es2019/ui-color/ColorPalette/useSelectedTextColor.js +3 -0
- package/dist/es2019/ui-color/index.js +2 -0
- package/dist/es2019/ui-menu/ColorPickerButton/index.js +1 -2
- package/dist/esm/link/LinkPicker/HyperlinkAddToolbar/index.js +1 -1
- package/dist/esm/monitoring/error.js +1 -1
- package/dist/esm/styles/shared/panel.js +1 -1
- package/dist/esm/ui/DropList/index.js +1 -1
- package/dist/esm/ui/Popup/index.js +1 -2
- package/dist/esm/ui-color/ColorPalette/SelectedTextColorContext.js +2 -0
- package/dist/esm/ui-color/ColorPalette/SelectedTextColorProvider.js +16 -0
- package/dist/esm/ui-color/ColorPalette/useSelectedTextColor.js +5 -0
- package/dist/esm/ui-color/index.js +2 -0
- package/dist/esm/ui-menu/ColorPickerButton/index.js +1 -2
- package/dist/types/link/LinkPicker/HyperlinkAddToolbar/index.d.ts +2 -2
- package/dist/types/styles/shared/panel.d.ts +1 -1
- package/dist/types/ui-color/ColorPalette/SelectedTextColorContext.d.ts +6 -0
- package/dist/types/ui-color/ColorPalette/SelectedTextColorProvider.d.ts +7 -0
- package/dist/types/ui-color/ColorPalette/useSelectedTextColor.d.ts +2 -0
- package/dist/types/ui-color/index.d.ts +2 -0
- package/package.json +3 -6
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,30 @@
|
|
|
1
1
|
# @atlaskit/editor-common
|
|
2
2
|
|
|
3
|
+
## 115.16.1
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- [`027beb2f61316`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/027beb2f61316) -
|
|
8
|
+
Update smart link appearance, if and only if smart link is created from confluence editor quick
|
|
9
|
+
insert menu
|
|
10
|
+
- Updated dependencies
|
|
11
|
+
|
|
12
|
+
## 115.16.0
|
|
13
|
+
|
|
14
|
+
### Minor Changes
|
|
15
|
+
|
|
16
|
+
- [`3a59e88cfd890`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/3a59e88cfd890) -
|
|
17
|
+
[ux] [EDITOR-7589] update icon colors for highlight color palette and toolbar icon
|
|
18
|
+
|
|
19
|
+
### Patch Changes
|
|
20
|
+
|
|
21
|
+
- [`0f79b5238fada`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/0f79b5238fada) -
|
|
22
|
+
Cleaned up stale feature gate \_editor_a11y_aria_label_removal_popup (FFCLEANUP-90178). Removed
|
|
23
|
+
gate checks and always use the enabled path: nullish coalescing for popup ariaLabel, localized
|
|
24
|
+
labels for color picker and status picker popups. Replaced obsolete `[aria-label="Popup"]`
|
|
25
|
+
selectors with `[data-testid="popup-wrapper"]` in dependent tests and page-models. Guarded the
|
|
26
|
+
search-common ESLint test helper so it loads correctly outside Jest.
|
|
27
|
+
|
|
3
28
|
## 115.15.4
|
|
4
29
|
|
|
5
30
|
### Patch Changes
|
|
@@ -27,7 +27,7 @@ var onSubmitInterface = function onSubmitInterface(onSubmit) {
|
|
|
27
27
|
displayText = _ref.displayText,
|
|
28
28
|
rawUrl = _ref.rawUrl,
|
|
29
29
|
meta = _ref.meta;
|
|
30
|
-
onSubmit(url, title !== null && title !== void 0 ? title : rawUrl, displayText || undefined, meta.inputMethod === 'manual' ? _analytics.INPUT_METHOD.MANUAL : _analytics.INPUT_METHOD.TYPEAHEAD, analytic);
|
|
30
|
+
onSubmit(url, title !== null && title !== void 0 ? title : rawUrl, displayText || undefined, meta.inputMethod === 'manual' ? _analytics.INPUT_METHOD.MANUAL : _analytics.INPUT_METHOD.TYPEAHEAD, analytic, meta.appearance);
|
|
31
31
|
};
|
|
32
32
|
};
|
|
33
33
|
function HyperlinkAddToolbar(_ref2) {
|
|
@@ -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 = "115.
|
|
31
|
+
var packageVersion = "115.16.0";
|
|
32
32
|
var sanitiseSentryEvents = function sanitiseSentryEvents(data, _hint) {
|
|
33
33
|
// Remove URL as it has UGC
|
|
34
34
|
// Ignored via go/ees007
|
|
@@ -40,7 +40,7 @@ var PanelSharedSelectors = exports.PanelSharedSelectors = {
|
|
|
40
40
|
addYourOwnEmoji: "#add-custom-emoji",
|
|
41
41
|
emojiNameInCustomEmoji: "[aria-label=\"Enter a name for the new emoji\"]",
|
|
42
42
|
title: "#editor-title",
|
|
43
|
-
emojiPopup: "[
|
|
43
|
+
emojiPopup: "[data-testid=\"popup-wrapper\"]",
|
|
44
44
|
searchEmoji: "[aria-label=\"Emoji name\"]",
|
|
45
45
|
orangeWarningIcon: "[aria-label=\":warning:\"]",
|
|
46
46
|
yellowWarningIcon: "[aria-label=\":warning:\"] span:nth-child(1)",
|
|
@@ -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 = "115.
|
|
27
|
+
var packageVersion = "115.16.0";
|
|
28
28
|
var halfFocusRing = 1;
|
|
29
29
|
var dropOffset = '0, 8';
|
|
30
30
|
var fadeIn = (0, _react2.keyframes)({
|
|
@@ -17,7 +17,6 @@ var _focusTrap = _interopRequireDefault(require("focus-trap"));
|
|
|
17
17
|
var _rafSchd = _interopRequireDefault(require("raf-schd"));
|
|
18
18
|
var _reactDom = require("react-dom");
|
|
19
19
|
var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
|
|
20
|
-
var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
|
|
21
20
|
var _expValEqualsNoExposure = require("@atlaskit/tmp-editor-statsig/exp-val-equals-no-exposure");
|
|
22
21
|
var _experiments = require("@atlaskit/tmp-editor-statsig/experiments");
|
|
23
22
|
var _utils = require("./utils");
|
|
@@ -346,7 +345,7 @@ var Popup = exports.default = /*#__PURE__*/function (_React$Component) {
|
|
|
346
345
|
* We set aria-label to undefined if it's null, no more 'Popup' fallback.
|
|
347
346
|
* It is meaningless for screen readers and causes confusion.
|
|
348
347
|
*/
|
|
349
|
-
var ariaLabel = (
|
|
348
|
+
var ariaLabel = (_this$props$ariaLabel = this.props.ariaLabel) !== null && _this$props$ariaLabel !== void 0 ? _this$props$ariaLabel : undefined;
|
|
350
349
|
var getRole = function getRole() {
|
|
351
350
|
// Provide a valid role only when aria-label is present to satisfy a11y rules, as when aria-label is present, role is required
|
|
352
351
|
// use role = dialog as default role, as dialog role itself is not a parent role that requires specific children to function as some other ARIA roles(menu) do
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
+
Object.defineProperty(exports, "__esModule", {
|
|
5
|
+
value: true
|
|
6
|
+
});
|
|
7
|
+
exports.SelectedTextColorContext = void 0;
|
|
8
|
+
var _react = _interopRequireDefault(require("react"));
|
|
9
|
+
var SelectedTextColorContext = exports.SelectedTextColorContext = /*#__PURE__*/_react.default.createContext({});
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var _typeof = require("@babel/runtime/helpers/typeof");
|
|
4
|
+
Object.defineProperty(exports, "__esModule", {
|
|
5
|
+
value: true
|
|
6
|
+
});
|
|
7
|
+
exports.SelectedTextColorProvider = void 0;
|
|
8
|
+
var _react = _interopRequireWildcard(require("react"));
|
|
9
|
+
var _SelectedTextColorContext = require("./SelectedTextColorContext");
|
|
10
|
+
function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
|
|
11
|
+
var SelectedTextColorProvider = exports.SelectedTextColorProvider = function SelectedTextColorProvider(_ref) {
|
|
12
|
+
var children = _ref.children,
|
|
13
|
+
defaultColor = _ref.defaultColor,
|
|
14
|
+
textColor = _ref.textColor;
|
|
15
|
+
var value = (0, _react.useMemo)(function () {
|
|
16
|
+
return {
|
|
17
|
+
defaultColor: defaultColor,
|
|
18
|
+
textColor: textColor
|
|
19
|
+
};
|
|
20
|
+
}, [defaultColor, textColor]);
|
|
21
|
+
return /*#__PURE__*/_react.default.createElement(_SelectedTextColorContext.SelectedTextColorContext.Provider, {
|
|
22
|
+
value: value
|
|
23
|
+
}, children);
|
|
24
|
+
};
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.useSelectedTextColor = void 0;
|
|
7
|
+
var _react = require("react");
|
|
8
|
+
var _SelectedTextColorContext = require("./SelectedTextColorContext");
|
|
9
|
+
var useSelectedTextColor = exports.useSelectedTextColor = function useSelectedTextColor() {
|
|
10
|
+
return (0, _react.useContext)(_SelectedTextColorContext.SelectedTextColorContext);
|
|
11
|
+
};
|
|
@@ -34,6 +34,12 @@ Object.defineProperty(exports, "REMOVE_HIGHLIGHT_COLOR", {
|
|
|
34
34
|
return _highlightColorPalette.REMOVE_HIGHLIGHT_COLOR;
|
|
35
35
|
}
|
|
36
36
|
});
|
|
37
|
+
Object.defineProperty(exports, "SelectedTextColorProvider", {
|
|
38
|
+
enumerable: true,
|
|
39
|
+
get: function get() {
|
|
40
|
+
return _SelectedTextColorProvider.SelectedTextColorProvider;
|
|
41
|
+
}
|
|
42
|
+
});
|
|
37
43
|
Object.defineProperty(exports, "backgroundPaletteTooltipMessages", {
|
|
38
44
|
enumerable: true,
|
|
39
45
|
get: function get() {
|
|
@@ -112,8 +118,16 @@ Object.defineProperty(exports, "textPaletteTooltipMessages", {
|
|
|
112
118
|
return _paletteMessagesTokenModeNames.textPaletteTooltipMessages;
|
|
113
119
|
}
|
|
114
120
|
});
|
|
121
|
+
Object.defineProperty(exports, "useSelectedTextColor", {
|
|
122
|
+
enumerable: true,
|
|
123
|
+
get: function get() {
|
|
124
|
+
return _useSelectedTextColor.useSelectedTextColor;
|
|
125
|
+
}
|
|
126
|
+
});
|
|
115
127
|
var _ColorPalette = _interopRequireDefault(require("./ColorPalette"));
|
|
116
128
|
var _Color = _interopRequireDefault(require("./ColorPalette/Color"));
|
|
129
|
+
var _SelectedTextColorProvider = require("./ColorPalette/SelectedTextColorProvider");
|
|
130
|
+
var _useSelectedTextColor = require("./ColorPalette/useSelectedTextColor");
|
|
117
131
|
var _getSelectedRowAndColumn = require("./ColorPalette/getSelectedRowAndColumn");
|
|
118
132
|
var _utils = require("./ColorPalette/utils");
|
|
119
133
|
var _cellBackgroundColorPalette = _interopRequireDefault(require("./ColorPalette/Palettes/cellBackgroundColorPalette"));
|
|
@@ -14,7 +14,6 @@ var _withAnalyticsContext = _interopRequireDefault(require("@atlaskit/analytics-
|
|
|
14
14
|
var _withAnalyticsEvents = _interopRequireDefault(require("@atlaskit/analytics-next/withAnalyticsEvents"));
|
|
15
15
|
var _new = _interopRequireDefault(require("@atlaskit/button/new"));
|
|
16
16
|
var _chevronDown = _interopRequireDefault(require("@atlaskit/icon/core/chevron-down"));
|
|
17
|
-
var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
|
|
18
17
|
var _primitives = require("@atlaskit/primitives");
|
|
19
18
|
var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
|
|
20
19
|
var _experiments = require("@atlaskit/tmp-editor-statsig/experiments");
|
|
@@ -211,7 +210,7 @@ var ColorPickerButton = function ColorPickerButton(props) {
|
|
|
211
210
|
// we need an index of > 500 to display over it
|
|
212
211
|
,
|
|
213
212
|
zIndex: props.setDisableParentScroll ? 600 : undefined,
|
|
214
|
-
ariaLabel:
|
|
213
|
+
ariaLabel: formatMessage(_colorPickerButton.colorPickerButtonMessages.colorPickerMenuLabel),
|
|
215
214
|
onPositionCalculated: onPositionCalculated
|
|
216
215
|
}, (0, _react2.jsx)("div", {
|
|
217
216
|
css: colorPickerWrapper,
|
|
@@ -16,7 +16,7 @@ const onSubmitInterface = onSubmit => ({
|
|
|
16
16
|
rawUrl,
|
|
17
17
|
meta
|
|
18
18
|
}, analytic) => {
|
|
19
|
-
onSubmit(url, title !== null && title !== void 0 ? title : rawUrl, displayText || undefined, meta.inputMethod === 'manual' ? INPUT_METHOD.MANUAL : INPUT_METHOD.TYPEAHEAD, analytic);
|
|
19
|
+
onSubmit(url, title !== null && title !== void 0 ? title : rawUrl, displayText || undefined, meta.inputMethod === 'manual' ? INPUT_METHOD.MANUAL : INPUT_METHOD.TYPEAHEAD, analytic, meta.appearance);
|
|
20
20
|
};
|
|
21
21
|
export function HyperlinkAddToolbar({
|
|
22
22
|
linkPickerOptions: {
|
|
@@ -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 = "115.
|
|
17
|
+
const packageVersion = "115.16.0";
|
|
18
18
|
const sanitiseSentryEvents = (data, _hint) => {
|
|
19
19
|
// Remove URL as it has UGC
|
|
20
20
|
// Ignored via go/ees007
|
|
@@ -34,7 +34,7 @@ export const PanelSharedSelectors = {
|
|
|
34
34
|
addYourOwnEmoji: `#add-custom-emoji`,
|
|
35
35
|
emojiNameInCustomEmoji: `[aria-label="Enter a name for the new emoji"]`,
|
|
36
36
|
title: `#editor-title`,
|
|
37
|
-
emojiPopup: `[
|
|
37
|
+
emojiPopup: `[data-testid="popup-wrapper"]`,
|
|
38
38
|
searchEmoji: `[aria-label="Emoji name"]`,
|
|
39
39
|
orangeWarningIcon: `[aria-label=":warning:"]`,
|
|
40
40
|
yellowWarningIcon: `[aria-label=":warning:"] span:nth-child(1)`,
|
|
@@ -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 = "115.
|
|
17
|
+
const packageVersion = "115.16.0";
|
|
18
18
|
const halfFocusRing = 1;
|
|
19
19
|
const dropOffset = '0, 8';
|
|
20
20
|
const fadeIn = keyframes({
|
|
@@ -5,7 +5,6 @@ import createFocusTrap from 'focus-trap';
|
|
|
5
5
|
import rafSchedule from 'raf-schd';
|
|
6
6
|
import { createPortal, flushSync } from 'react-dom';
|
|
7
7
|
import { akEditorFloatingPanelZIndex } from '@atlaskit/editor-shared-styles';
|
|
8
|
-
import { fg } from '@atlaskit/platform-feature-flags';
|
|
9
8
|
import { expValEqualsNoExposure } from '@atlaskit/tmp-editor-statsig/exp-val-equals-no-exposure';
|
|
10
9
|
import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
|
|
11
10
|
import { calculatePlacement, calculatePosition, findOverflowScrollParent } from './utils';
|
|
@@ -310,7 +309,7 @@ export default class Popup extends React.Component {
|
|
|
310
309
|
* We set aria-label to undefined if it's null, no more 'Popup' fallback.
|
|
311
310
|
* It is meaningless for screen readers and causes confusion.
|
|
312
311
|
*/
|
|
313
|
-
const ariaLabel =
|
|
312
|
+
const ariaLabel = (_this$props$ariaLabel = this.props.ariaLabel) !== null && _this$props$ariaLabel !== void 0 ? _this$props$ariaLabel : undefined;
|
|
314
313
|
const getRole = () => {
|
|
315
314
|
// Provide a valid role only when aria-label is present to satisfy a11y rules, as when aria-label is present, role is required
|
|
316
315
|
// use role = dialog as default role, as dialog role itself is not a parent role that requires specific children to function as some other ARIA roles(menu) do
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import React, { useMemo } from 'react';
|
|
2
|
+
import { SelectedTextColorContext } from './SelectedTextColorContext';
|
|
3
|
+
export const SelectedTextColorProvider = ({
|
|
4
|
+
children,
|
|
5
|
+
defaultColor,
|
|
6
|
+
textColor
|
|
7
|
+
}) => {
|
|
8
|
+
const value = useMemo(() => ({
|
|
9
|
+
defaultColor,
|
|
10
|
+
textColor
|
|
11
|
+
}), [defaultColor, textColor]);
|
|
12
|
+
return /*#__PURE__*/React.createElement(SelectedTextColorContext.Provider, {
|
|
13
|
+
value: value
|
|
14
|
+
}, children);
|
|
15
|
+
};
|
|
@@ -3,6 +3,8 @@
|
|
|
3
3
|
|
|
4
4
|
export { default as ColorPalette } from './ColorPalette';
|
|
5
5
|
export { default as Color } from './ColorPalette/Color';
|
|
6
|
+
export { SelectedTextColorProvider } from './ColorPalette/SelectedTextColorProvider';
|
|
7
|
+
export { useSelectedTextColor } from './ColorPalette/useSelectedTextColor';
|
|
6
8
|
export { getSelectedRowAndColumn } from './ColorPalette/getSelectedRowAndColumn';
|
|
7
9
|
export { DEFAULT_COLOR_PICKER_COLUMNS, getColorsPerRowFromPalette, getSelectedRowAndColumnFromPalette } from './ColorPalette/utils';
|
|
8
10
|
export { default as cellBackgroundColorPalette } from './ColorPalette/Palettes/cellBackgroundColorPalette';
|
|
@@ -11,7 +11,6 @@ import withAnalyticsContext from '@atlaskit/analytics-next/withAnalyticsContext'
|
|
|
11
11
|
import withAnalyticsEvents from '@atlaskit/analytics-next/withAnalyticsEvents';
|
|
12
12
|
import Button from '@atlaskit/button/new';
|
|
13
13
|
import ChevronDownIcon from '@atlaskit/icon/core/chevron-down';
|
|
14
|
-
import { fg } from '@atlaskit/platform-feature-flags';
|
|
15
14
|
// eslint-disable-next-line @atlaskit/design-system/no-emotion-primitives -- to be migrated to @atlaskit/primitives/compiled – go/akcss
|
|
16
15
|
import { Box, xcss, Inline } from '@atlaskit/primitives';
|
|
17
16
|
import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
|
|
@@ -185,7 +184,7 @@ const ColorPickerButton = props => {
|
|
|
185
184
|
// we need an index of > 500 to display over it
|
|
186
185
|
,
|
|
187
186
|
zIndex: props.setDisableParentScroll ? 600 : undefined,
|
|
188
|
-
ariaLabel:
|
|
187
|
+
ariaLabel: formatMessage(colorPickerButtonMessages.colorPickerMenuLabel),
|
|
189
188
|
onPositionCalculated: onPositionCalculated
|
|
190
189
|
}, jsx("div", {
|
|
191
190
|
css: colorPickerWrapper,
|
|
@@ -18,7 +18,7 @@ var onSubmitInterface = function onSubmitInterface(onSubmit) {
|
|
|
18
18
|
displayText = _ref.displayText,
|
|
19
19
|
rawUrl = _ref.rawUrl,
|
|
20
20
|
meta = _ref.meta;
|
|
21
|
-
onSubmit(url, title !== null && title !== void 0 ? title : rawUrl, displayText || undefined, meta.inputMethod === 'manual' ? INPUT_METHOD.MANUAL : INPUT_METHOD.TYPEAHEAD, analytic);
|
|
21
|
+
onSubmit(url, title !== null && title !== void 0 ? title : rawUrl, displayText || undefined, meta.inputMethod === 'manual' ? INPUT_METHOD.MANUAL : INPUT_METHOD.TYPEAHEAD, analytic, meta.appearance);
|
|
22
22
|
};
|
|
23
23
|
};
|
|
24
24
|
export function HyperlinkAddToolbar(_ref2) {
|
|
@@ -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 = "115.
|
|
23
|
+
var packageVersion = "115.16.0";
|
|
24
24
|
var sanitiseSentryEvents = function sanitiseSentryEvents(data, _hint) {
|
|
25
25
|
// Remove URL as it has UGC
|
|
26
26
|
// Ignored via go/ees007
|
|
@@ -34,7 +34,7 @@ export var PanelSharedSelectors = {
|
|
|
34
34
|
addYourOwnEmoji: "#add-custom-emoji",
|
|
35
35
|
emojiNameInCustomEmoji: "[aria-label=\"Enter a name for the new emoji\"]",
|
|
36
36
|
title: "#editor-title",
|
|
37
|
-
emojiPopup: "[
|
|
37
|
+
emojiPopup: "[data-testid=\"popup-wrapper\"]",
|
|
38
38
|
searchEmoji: "[aria-label=\"Emoji name\"]",
|
|
39
39
|
orangeWarningIcon: "[aria-label=\":warning:\"]",
|
|
40
40
|
yellowWarningIcon: "[aria-label=\":warning:\"] span:nth-child(1)",
|
|
@@ -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 = "115.
|
|
24
|
+
var packageVersion = "115.16.0";
|
|
25
25
|
var halfFocusRing = 1;
|
|
26
26
|
var dropOffset = '0, 8';
|
|
27
27
|
var fadeIn = keyframes({
|
|
@@ -14,7 +14,6 @@ import createFocusTrap from 'focus-trap';
|
|
|
14
14
|
import rafSchedule from 'raf-schd';
|
|
15
15
|
import { createPortal, flushSync } from 'react-dom';
|
|
16
16
|
import { akEditorFloatingPanelZIndex } from '@atlaskit/editor-shared-styles';
|
|
17
|
-
import { fg } from '@atlaskit/platform-feature-flags';
|
|
18
17
|
import { expValEqualsNoExposure } from '@atlaskit/tmp-editor-statsig/exp-val-equals-no-exposure';
|
|
19
18
|
import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
|
|
20
19
|
import { calculatePlacement, calculatePosition as _calculatePosition, findOverflowScrollParent } from './utils';
|
|
@@ -339,7 +338,7 @@ var Popup = /*#__PURE__*/function (_React$Component) {
|
|
|
339
338
|
* We set aria-label to undefined if it's null, no more 'Popup' fallback.
|
|
340
339
|
* It is meaningless for screen readers and causes confusion.
|
|
341
340
|
*/
|
|
342
|
-
var ariaLabel =
|
|
341
|
+
var ariaLabel = (_this$props$ariaLabel = this.props.ariaLabel) !== null && _this$props$ariaLabel !== void 0 ? _this$props$ariaLabel : undefined;
|
|
343
342
|
var getRole = function getRole() {
|
|
344
343
|
// Provide a valid role only when aria-label is present to satisfy a11y rules, as when aria-label is present, role is required
|
|
345
344
|
// use role = dialog as default role, as dialog role itself is not a parent role that requires specific children to function as some other ARIA roles(menu) do
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import React, { useMemo } from 'react';
|
|
2
|
+
import { SelectedTextColorContext } from './SelectedTextColorContext';
|
|
3
|
+
export var SelectedTextColorProvider = function SelectedTextColorProvider(_ref) {
|
|
4
|
+
var children = _ref.children,
|
|
5
|
+
defaultColor = _ref.defaultColor,
|
|
6
|
+
textColor = _ref.textColor;
|
|
7
|
+
var value = useMemo(function () {
|
|
8
|
+
return {
|
|
9
|
+
defaultColor: defaultColor,
|
|
10
|
+
textColor: textColor
|
|
11
|
+
};
|
|
12
|
+
}, [defaultColor, textColor]);
|
|
13
|
+
return /*#__PURE__*/React.createElement(SelectedTextColorContext.Provider, {
|
|
14
|
+
value: value
|
|
15
|
+
}, children);
|
|
16
|
+
};
|
|
@@ -3,6 +3,8 @@
|
|
|
3
3
|
|
|
4
4
|
export { default as ColorPalette } from './ColorPalette';
|
|
5
5
|
export { default as Color } from './ColorPalette/Color';
|
|
6
|
+
export { SelectedTextColorProvider } from './ColorPalette/SelectedTextColorProvider';
|
|
7
|
+
export { useSelectedTextColor } from './ColorPalette/useSelectedTextColor';
|
|
6
8
|
export { getSelectedRowAndColumn } from './ColorPalette/getSelectedRowAndColumn';
|
|
7
9
|
export { DEFAULT_COLOR_PICKER_COLUMNS, getColorsPerRowFromPalette, getSelectedRowAndColumnFromPalette } from './ColorPalette/utils';
|
|
8
10
|
export { default as cellBackgroundColorPalette } from './ColorPalette/Palettes/cellBackgroundColorPalette';
|
|
@@ -12,7 +12,6 @@ import withAnalyticsContext from '@atlaskit/analytics-next/withAnalyticsContext'
|
|
|
12
12
|
import withAnalyticsEvents from '@atlaskit/analytics-next/withAnalyticsEvents';
|
|
13
13
|
import Button from '@atlaskit/button/new';
|
|
14
14
|
import ChevronDownIcon from '@atlaskit/icon/core/chevron-down';
|
|
15
|
-
import { fg } from '@atlaskit/platform-feature-flags';
|
|
16
15
|
// eslint-disable-next-line @atlaskit/design-system/no-emotion-primitives -- to be migrated to @atlaskit/primitives/compiled – go/akcss
|
|
17
16
|
import { Box, xcss, Inline } from '@atlaskit/primitives';
|
|
18
17
|
import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
|
|
@@ -201,7 +200,7 @@ var ColorPickerButton = function ColorPickerButton(props) {
|
|
|
201
200
|
// we need an index of > 500 to display over it
|
|
202
201
|
,
|
|
203
202
|
zIndex: props.setDisableParentScroll ? 600 : undefined,
|
|
204
|
-
ariaLabel:
|
|
203
|
+
ariaLabel: formatMessage(colorPickerButtonMessages.colorPickerMenuLabel),
|
|
205
204
|
onPositionCalculated: onPositionCalculated
|
|
206
205
|
}, jsx("div", {
|
|
207
206
|
css: colorPickerWrapper,
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import type { UIAnalyticsEvent } from '@atlaskit/analytics-next';
|
|
3
3
|
import type { EditorView } from '@atlaskit/editor-prosemirror/view';
|
|
4
|
-
import type { ProviderFactory } from '../../../provider-factory';
|
|
4
|
+
import type { CardAppearance, ProviderFactory } from '../../../provider-factory';
|
|
5
5
|
import type { Command, EditorAppearance, LinkInputType, LinkPickerOptions } from '../../../types';
|
|
6
6
|
import type { EditorLinkPickerProps } from '../EditorLinkPicker';
|
|
7
7
|
export interface HyperlinkAddToolbarProps extends Pick<EditorLinkPickerProps, 'onCancel' | 'invokeMethod' | 'onClose'> {
|
|
@@ -14,7 +14,7 @@ export interface HyperlinkAddToolbarProps extends Pick<EditorLinkPickerProps, 'o
|
|
|
14
14
|
lpLinkPicker: boolean;
|
|
15
15
|
onClickAwayCallback?: Command;
|
|
16
16
|
onEscapeCallback?: Command;
|
|
17
|
-
onSubmit: (href: string, title: string | undefined, displayText: string | undefined, inputMethod: LinkInputType, analytic?: UIAnalyticsEvent | null | undefined) => void;
|
|
17
|
+
onSubmit: (href: string, title: string | undefined, displayText: string | undefined, inputMethod: LinkInputType, analytic?: UIAnalyticsEvent | null | undefined, appearance?: CardAppearance) => void;
|
|
18
18
|
providerFactory: ProviderFactory;
|
|
19
19
|
recentSearchListSize?: number;
|
|
20
20
|
searchSessionId?: string;
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { type SelectedTextColorContextValue } from './SelectedTextColorContext';
|
|
3
|
+
type SelectedTextColorProviderProps = SelectedTextColorContextValue & {
|
|
4
|
+
children: React.ReactNode;
|
|
5
|
+
};
|
|
6
|
+
export declare const SelectedTextColorProvider: ({ children, defaultColor, textColor, }: SelectedTextColorProviderProps) => React.JSX.Element;
|
|
7
|
+
export {};
|
|
@@ -1,5 +1,7 @@
|
|
|
1
1
|
export { default as ColorPalette } from './ColorPalette';
|
|
2
2
|
export { default as Color } from './ColorPalette/Color';
|
|
3
|
+
export { SelectedTextColorProvider } from './ColorPalette/SelectedTextColorProvider';
|
|
4
|
+
export { useSelectedTextColor } from './ColorPalette/useSelectedTextColor';
|
|
3
5
|
export { getSelectedRowAndColumn } from './ColorPalette/getSelectedRowAndColumn';
|
|
4
6
|
export { DEFAULT_COLOR_PICKER_COLUMNS, getColorsPerRowFromPalette, getSelectedRowAndColumnFromPalette, } from './ColorPalette/utils';
|
|
5
7
|
export { default as cellBackgroundColorPalette } from './ColorPalette/Palettes/cellBackgroundColorPalette';
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@atlaskit/editor-common",
|
|
3
|
-
"version": "115.
|
|
3
|
+
"version": "115.16.1",
|
|
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/"
|
|
@@ -63,14 +63,14 @@
|
|
|
63
63
|
"@atlaskit/link-datasource": "^5.6.0",
|
|
64
64
|
"@atlaskit/link-picker": "^5.3.0",
|
|
65
65
|
"@atlaskit/media-card": "^80.8.0",
|
|
66
|
-
"@atlaskit/media-client": "^36.
|
|
66
|
+
"@atlaskit/media-client": "^36.4.0",
|
|
67
67
|
"@atlaskit/media-client-react": "^5.2.0",
|
|
68
68
|
"@atlaskit/media-common": "^13.3.0",
|
|
69
69
|
"@atlaskit/media-file-preview": "^0.18.0",
|
|
70
70
|
"@atlaskit/media-picker": "^71.4.0",
|
|
71
71
|
"@atlaskit/media-ui": "^29.3.0",
|
|
72
72
|
"@atlaskit/media-viewer": "^53.2.0",
|
|
73
|
-
"@atlaskit/mention": "^26.
|
|
73
|
+
"@atlaskit/mention": "^26.3.0",
|
|
74
74
|
"@atlaskit/menu": "^8.5.0",
|
|
75
75
|
"@atlaskit/object": "^1.0.0",
|
|
76
76
|
"@atlaskit/onboarding": "^14.6.0",
|
|
@@ -192,9 +192,6 @@
|
|
|
192
192
|
"platform_editor_nested_dnd_styles_changes": {
|
|
193
193
|
"type": "boolean"
|
|
194
194
|
},
|
|
195
|
-
"_editor_a11y_aria_label_removal_popup": {
|
|
196
|
-
"type": "boolean"
|
|
197
|
-
},
|
|
198
195
|
"platform_editor_bordered_panel_nested_in_table": {
|
|
199
196
|
"type": "boolean"
|
|
200
197
|
},
|