@atlaskit/editor-common 115.15.4 → 115.16.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (34) hide show
  1. package/CHANGELOG.md +16 -0
  2. package/dist/cjs/monitoring/error.js +1 -1
  3. package/dist/cjs/styles/shared/panel.js +1 -1
  4. package/dist/cjs/ui/DropList/index.js +1 -1
  5. package/dist/cjs/ui/Popup/index.js +1 -2
  6. package/dist/cjs/ui-color/ColorPalette/SelectedTextColorContext.js +9 -0
  7. package/dist/cjs/ui-color/ColorPalette/SelectedTextColorProvider.js +24 -0
  8. package/dist/cjs/ui-color/ColorPalette/useSelectedTextColor.js +11 -0
  9. package/dist/cjs/ui-color/index.js +14 -0
  10. package/dist/cjs/ui-menu/ColorPickerButton/index.js +1 -2
  11. package/dist/es2019/monitoring/error.js +1 -1
  12. package/dist/es2019/styles/shared/panel.js +1 -1
  13. package/dist/es2019/ui/DropList/index.js +1 -1
  14. package/dist/es2019/ui/Popup/index.js +1 -2
  15. package/dist/es2019/ui-color/ColorPalette/SelectedTextColorContext.js +2 -0
  16. package/dist/es2019/ui-color/ColorPalette/SelectedTextColorProvider.js +15 -0
  17. package/dist/es2019/ui-color/ColorPalette/useSelectedTextColor.js +3 -0
  18. package/dist/es2019/ui-color/index.js +2 -0
  19. package/dist/es2019/ui-menu/ColorPickerButton/index.js +1 -2
  20. package/dist/esm/monitoring/error.js +1 -1
  21. package/dist/esm/styles/shared/panel.js +1 -1
  22. package/dist/esm/ui/DropList/index.js +1 -1
  23. package/dist/esm/ui/Popup/index.js +1 -2
  24. package/dist/esm/ui-color/ColorPalette/SelectedTextColorContext.js +2 -0
  25. package/dist/esm/ui-color/ColorPalette/SelectedTextColorProvider.js +16 -0
  26. package/dist/esm/ui-color/ColorPalette/useSelectedTextColor.js +5 -0
  27. package/dist/esm/ui-color/index.js +2 -0
  28. package/dist/esm/ui-menu/ColorPickerButton/index.js +1 -2
  29. package/dist/types/styles/shared/panel.d.ts +1 -1
  30. package/dist/types/ui-color/ColorPalette/SelectedTextColorContext.d.ts +6 -0
  31. package/dist/types/ui-color/ColorPalette/SelectedTextColorProvider.d.ts +7 -0
  32. package/dist/types/ui-color/ColorPalette/useSelectedTextColor.d.ts +2 -0
  33. package/dist/types/ui-color/index.d.ts +2 -0
  34. package/package.json +1 -4
package/CHANGELOG.md CHANGED
@@ -1,5 +1,21 @@
1
1
  # @atlaskit/editor-common
2
2
 
3
+ ## 115.16.0
4
+
5
+ ### Minor Changes
6
+
7
+ - [`3a59e88cfd890`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/3a59e88cfd890) -
8
+ [ux] [EDITOR-7589] update icon colors for highlight color palette and toolbar icon
9
+
10
+ ### Patch Changes
11
+
12
+ - [`0f79b5238fada`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/0f79b5238fada) -
13
+ Cleaned up stale feature gate \_editor_a11y_aria_label_removal_popup (FFCLEANUP-90178). Removed
14
+ gate checks and always use the enabled path: nullish coalescing for popup ariaLabel, localized
15
+ labels for color picker and status picker popups. Replaced obsolete `[aria-label="Popup"]`
16
+ selectors with `[data-testid="popup-wrapper"]` in dependent tests and page-models. Guarded the
17
+ search-common ESLint test helper so it loads correctly outside Jest.
18
+
3
19
  ## 115.15.4
4
20
 
5
21
  ### 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 = "115.15.3";
31
+ var packageVersion = "115.15.4";
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: "[aria-label=\"Popup\"]",
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.15.3";
27
+ var packageVersion = "115.15.4";
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 = (0, _platformFeatureFlags.fg)('_editor_a11y_aria_label_removal_popup') ? (_this$props$ariaLabel = this.props.ariaLabel) !== null && _this$props$ariaLabel !== void 0 ? _this$props$ariaLabel : undefined : this.props.ariaLabel === null ? undefined : this.props.ariaLabel || 'Popup';
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: (0, _platformFeatureFlags.fg)('_editor_a11y_aria_label_removal_popup') ? formatMessage(_colorPickerButton.colorPickerButtonMessages.colorPickerMenuLabel) : 'Color picker popup',
213
+ ariaLabel: formatMessage(_colorPickerButton.colorPickerButtonMessages.colorPickerMenuLabel),
215
214
  onPositionCalculated: onPositionCalculated
216
215
  }, (0, _react2.jsx)("div", {
217
216
  css: colorPickerWrapper,
@@ -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.15.3";
17
+ const packageVersion = "115.15.4";
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: `[aria-label="Popup"]`,
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.15.3";
17
+ const packageVersion = "115.15.4";
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 = fg('_editor_a11y_aria_label_removal_popup') ? (_this$props$ariaLabel = this.props.ariaLabel) !== null && _this$props$ariaLabel !== void 0 ? _this$props$ariaLabel : undefined : this.props.ariaLabel === null ? undefined : this.props.ariaLabel || 'Popup';
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,2 @@
1
+ import React from 'react';
2
+ export const SelectedTextColorContext = /*#__PURE__*/React.createContext({});
@@ -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
+ };
@@ -0,0 +1,3 @@
1
+ import { useContext } from 'react';
2
+ import { SelectedTextColorContext } from './SelectedTextColorContext';
3
+ export const useSelectedTextColor = () => useContext(SelectedTextColorContext);
@@ -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: fg('_editor_a11y_aria_label_removal_popup') ? formatMessage(colorPickerButtonMessages.colorPickerMenuLabel) : 'Color picker popup',
187
+ ariaLabel: formatMessage(colorPickerButtonMessages.colorPickerMenuLabel),
189
188
  onPositionCalculated: onPositionCalculated
190
189
  }, jsx("div", {
191
190
  css: colorPickerWrapper,
@@ -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.15.3";
23
+ var packageVersion = "115.15.4";
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: "[aria-label=\"Popup\"]",
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.15.3";
24
+ var packageVersion = "115.15.4";
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 = fg('_editor_a11y_aria_label_removal_popup') ? (_this$props$ariaLabel = this.props.ariaLabel) !== null && _this$props$ariaLabel !== void 0 ? _this$props$ariaLabel : undefined : this.props.ariaLabel === null ? undefined : this.props.ariaLabel || 'Popup';
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,2 @@
1
+ import React from 'react';
2
+ export var SelectedTextColorContext = /*#__PURE__*/React.createContext({});
@@ -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
+ };
@@ -0,0 +1,5 @@
1
+ import { useContext } from 'react';
2
+ import { SelectedTextColorContext } from './SelectedTextColorContext';
3
+ export var useSelectedTextColor = function useSelectedTextColor() {
4
+ return useContext(SelectedTextColorContext);
5
+ };
@@ -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: fg('_editor_a11y_aria_label_removal_popup') ? formatMessage(colorPickerButtonMessages.colorPickerMenuLabel) : 'Color picker popup',
203
+ ariaLabel: formatMessage(colorPickerButtonMessages.colorPickerMenuLabel),
205
204
  onPositionCalculated: onPositionCalculated
206
205
  }, jsx("div", {
207
206
  css: colorPickerWrapper,
@@ -1,9 +1,9 @@
1
1
  import { PanelType } from '@atlaskit/adf-schema';
2
2
  export declare const PanelSharedCssClassName: {
3
- prefix: string;
4
3
  content: string;
5
4
  icon: string;
6
5
  noIcon: string;
6
+ prefix: string;
7
7
  };
8
8
  export declare const PanelSharedSelectors: {
9
9
  infoPanel: string;
@@ -0,0 +1,6 @@
1
+ import React from 'react';
2
+ export type SelectedTextColorContextValue = {
3
+ defaultColor?: string | null;
4
+ textColor?: string | null;
5
+ };
6
+ export declare const SelectedTextColorContext: React.Context<SelectedTextColorContextValue>;
@@ -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 {};
@@ -0,0 +1,2 @@
1
+ import { type SelectedTextColorContextValue } from './SelectedTextColorContext';
2
+ export declare const useSelectedTextColor: () => SelectedTextColorContextValue;
@@ -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.15.4",
3
+ "version": "115.16.0",
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/"
@@ -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
  },