@atlaskit/editor-common 110.46.4 → 110.47.0

package/CHANGELOG.md

@@ -1,5 +1,24 @@
 # @atlaskit/editor-common
 
+## 110.47.0
+
+### Minor Changes
+
+- [`fdda2eb1f24ec`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/fdda2eb1f24ec) -
+  Removes remaining part of platform_editor_multi_body_extension_extensibility fg for fg cleanup
+
+## 110.46.5
+
+### Patch Changes
+
+- [`1efd039050d7b`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/1efd039050d7b) -
+  [ux] [ENGHEALTH-47470] internationalise literal strings behind fg platform_editor_dec_a11y_fixes
+- [`2b78b030e4e42`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/2b78b030e4e42) -
+  EDITOR-3952 Update style for task in destination synced block
+- [`073a50c69fb2e`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/073a50c69fb2e) -
+  [ux] [ENGHEALTH-47470] internationalise literal strings behind fg platform_editor_dec_a11y_fixes
+- Updated dependencies
+
 ## 110.46.4
 
 ### Patch Changes

package/dist/cjs/link/LinkPicker/HyperlinkAddToolbar/HyperlinkAddToolbar.js

@@ -101,6 +101,11 @@ var messages = exports.messages = (0, _reactIntlNext.defineMessages)({
     defaultMessage: 'Clear link',
     description: 'Clears link in the link toolbar'
   },
+  hyperlinkAriaLabel: {
+    id: 'fabric.editor.hyperlink.ariaLabel',
+    defaultMessage: 'Hyperlink Edit',
+    description: 'Aria label for the Hyperlink Add Toolbar'
+  },
   searchLinkAriaDescription: {
     id: 'fabric.editor.hyperlink.searchLinkAriaDescription',
     defaultMessage: 'Suggestions will appear below as you type into the field',
@@ -881,8 +886,7 @@ var HyperlinkLinkAddToolbar = exports.HyperlinkLinkAddToolbar = /*#__PURE__*/fun
       var screenReaderText = browser.safari && this.getScreenReaderText();
       var containerWidth = (0, _platformFeatureFlags.fg)('platform_editor_link_picker_width_fix') ? _ToolbarComponents.narrowContainerWidth : !!activityProvider && _ToolbarComponents.containerWithProvider;
       return (0, _react2.jsx)("div", {
-        // eslint-disable-next-line @atlassian/i18n/no-literal-string-in-jsx
-        "aria-label": "Hyperlink Edit"
+        "aria-label": (0, _platformFeatureFlags.fg)('platform_editor_dec_a11y_fixes') ? formatMessage(messages.hyperlinkAriaLabel) : 'Hyperlink Edit'
         // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
         ,
         className: "recent-list",

package/dist/cjs/messages/syncBlock.js

@@ -43,7 +43,7 @@ var syncBlockMessages = exports.syncBlockMessages = (0, _reactIntlNext.defineMes
   },
   permissionDeniedHeading: {
     id: 'fabric.editor.syncedBlockPermissionDeniedHeading',
-    defaultMessage: "Request access to view synced block",
+    defaultMessage: 'Request access to view synced block',
     description: 'Heading for error state where the user does not have permission to view the synced block'
   },
   permissionDeniedDescription: {
@@ -86,6 +86,11 @@ var syncBlockMessages = exports.syncBlockMessages = (0, _reactIntlNext.defineMes
     defaultMessage: 'Synced from: {title}',
     description: 'Tooltip that shows the source page title of the synced block'
   },
+  taskInDestinationSyncedBlockTooltip: {
+    id: 'fabric.editor.taskInDestinationSyncedBlockTooltip',
+    defaultMessage: 'This content is synced. Edit it at the source.',
+    description: 'Tooltip that shows when you hover over a task in the destination synced block'
+  },
   deleteConfirmationModalTitle: {
     id: 'fabric.editor.deleteConfirmationModalTitle',
     defaultMessage: "You're about to delete synced content",

package/dist/cjs/monitoring/error.js

@@ -19,7 +19,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 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); }
 var SENTRY_DSN = 'https://0b10c8e02fb44d8796c047b102c9bee8@o55978.ingest.sentry.io/4505129224110080';
 var packageName = 'editor-common'; // Sentry doesn't accept '/' in its releases https://docs.sentry.io/platforms/javascript/configuration/releases/
-var packageVersion = "0.0.0-development";
+var packageVersion = "110.46.5";
 var sanitiseSentryEvents = function sanitiseSentryEvents(data, _hint) {
   // Remove URL as it has UGC
   // Ignored via go/ees007

package/dist/cjs/ui/DropList/index.js

@@ -24,7 +24,7 @@ function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.
  * @jsx jsx
  */ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 var packageName = "@atlaskit/editor-common";
-var packageVersion = "0.0.0-development";
+var packageVersion = "110.46.5";
 var halfFocusRing = 1;
 var dropOffset = '0, 8';
 var fadeIn = (0, _react2.keyframes)({

package/dist/cjs/ui/TableSelector/table-selector.js

@@ -7,6 +7,7 @@ exports.default = exports.TABLE_SELECTOR_BUTTON_SIZE = exports.TABLE_SELECTOR_BU
 var _react = require("react");
 var _react2 = require("@emotion/react");
 var _reactIntlNext = require("react-intl-next");
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _compiled = require("@atlaskit/primitives/compiled");
 var _colors = require("@atlaskit/theme/colors");
 var _experiments = require("@atlaskit/tmp-editor-statsig/experiments");
@@ -21,6 +22,7 @@ var _uiReact = require("../../ui-react");
 
 var TABLE_SELECTOR_BUTTON_GAP = exports.TABLE_SELECTOR_BUTTON_GAP = 2;
 var TABLE_SELECTOR_BUTTON_SIZE = exports.TABLE_SELECTOR_BUTTON_SIZE = 17;
+var MULTIPLICATION_SYMBOL = '×';
 var selectedButtonStyles = (0, _react2.css)({
   backgroundColor: "var(--ds-background-accent-blue-subtlest, #579DFF)",
   border: "var(--ds-border-width, 1px)".concat(" solid ", "var(--ds-background-accent-blue-subtle, #579DFF)")
@@ -154,7 +156,10 @@ var TableSelectorPopup = function TableSelectorPopup(_ref3) {
       isFocused: isCurrentFocused,
       handleInitialButtonFocus: handleInitialButtonFocus
     });
-  })), (0, _react2.jsx)("span", {
+  })), (0, _platformFeatureFlags.fg)('platform_editor_dec_a11y_fixes') ? (0, _react2.jsx)("span", {
+    css: selectionSizeTextStyles,
+    "aria-hidden": true
+  }, "".concat(selectedCol, " ").concat(MULTIPLICATION_SYMBOL, " ").concat(selectedRow)) : (0, _react2.jsx)("span", {
     css: selectionSizeTextStyles,
     "aria-hidden": true
   }, "".concat(selectedCol, " x ").concat(selectedRow)));

package/dist/es2019/link/LinkPicker/HyperlinkAddToolbar/HyperlinkAddToolbar.js

@@ -86,6 +86,11 @@ export const messages = defineMessages({
     defaultMessage: 'Clear link',
     description: 'Clears link in the link toolbar'
   },
+  hyperlinkAriaLabel: {
+    id: 'fabric.editor.hyperlink.ariaLabel',
+    defaultMessage: 'Hyperlink Edit',
+    description: 'Aria label for the Hyperlink Add Toolbar'
+  },
   searchLinkAriaDescription: {
     id: 'fabric.editor.hyperlink.searchLinkAriaDescription',
     defaultMessage: 'Suggestions will appear below as you type into the field',
@@ -733,8 +738,7 @@ export class HyperlinkLinkAddToolbar extends PureComponent {
     const screenReaderText = browser.safari && this.getScreenReaderText();
     const containerWidth = fg('platform_editor_link_picker_width_fix') ? narrowContainerWidth : !!activityProvider && containerWithProvider;
     return jsx("div", {
-      // eslint-disable-next-line @atlassian/i18n/no-literal-string-in-jsx
-      "aria-label": "Hyperlink Edit"
+      "aria-label": fg('platform_editor_dec_a11y_fixes') ? formatMessage(messages.hyperlinkAriaLabel) : 'Hyperlink Edit'
       // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
       ,
       className: "recent-list",

package/dist/es2019/messages/syncBlock.js

@@ -37,7 +37,7 @@ export const syncBlockMessages = defineMessages({
   },
   permissionDeniedHeading: {
     id: 'fabric.editor.syncedBlockPermissionDeniedHeading',
-    defaultMessage: "Request access to view synced block",
+    defaultMessage: 'Request access to view synced block',
     description: 'Heading for error state where the user does not have permission to view the synced block'
   },
   permissionDeniedDescription: {
@@ -80,6 +80,11 @@ export const syncBlockMessages = defineMessages({
     defaultMessage: 'Synced from: {title}',
     description: 'Tooltip that shows the source page title of the synced block'
   },
+  taskInDestinationSyncedBlockTooltip: {
+    id: 'fabric.editor.taskInDestinationSyncedBlockTooltip',
+    defaultMessage: 'This content is synced. Edit it at the source.',
+    description: 'Tooltip that shows when you hover over a task in the destination synced block'
+  },
   deleteConfirmationModalTitle: {
     id: 'fabric.editor.deleteConfirmationModalTitle',
     defaultMessage: "You're about to delete synced content",

package/dist/es2019/monitoring/error.js

@@ -4,7 +4,7 @@ import { isFedRamp } from './environment';
 import { normaliseSentryBreadcrumbs, SERIALIZABLE_ATTRIBUTES } from './normalise-sentry-breadcrumbs';
 const SENTRY_DSN = 'https://0b10c8e02fb44d8796c047b102c9bee8@o55978.ingest.sentry.io/4505129224110080';
 const packageName = 'editor-common'; // Sentry doesn't accept '/' in its releases https://docs.sentry.io/platforms/javascript/configuration/releases/
-const packageVersion = "0.0.0-development";
+const packageVersion = "110.46.5";
 const sanitiseSentryEvents = (data, _hint) => {
   // Remove URL as it has UGC
   // Ignored via go/ees007

package/dist/es2019/ui/DropList/index.js

@@ -14,7 +14,7 @@ import withAnalyticsEvents from '@atlaskit/analytics-next/withAnalyticsEvents';
 import { fg } from '@atlaskit/platform-feature-flags';
 import Layer from '../Layer';
 const packageName = "@atlaskit/editor-common";
-const packageVersion = "0.0.0-development";
+const packageVersion = "110.46.5";
 const halfFocusRing = 1;
 const dropOffset = '0, 8';
 const fadeIn = keyframes({

package/dist/es2019/ui/TableSelector/table-selector.js

@@ -6,6 +6,7 @@ import { useContext, useEffect, useMemo, useRef } from 'react';
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css, jsx } from '@emotion/react';
 import { injectIntl } from 'react-intl-next';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { Stack } from '@atlaskit/primitives/compiled';
 import { B100 } from '@atlaskit/theme/colors';
 import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
@@ -13,6 +14,7 @@ import { toolbarInsertBlockMessages as messages } from '../../messages';
 import { OutsideClickTargetRefContext } from '../../ui-react';
 export const TABLE_SELECTOR_BUTTON_GAP = 2;
 export const TABLE_SELECTOR_BUTTON_SIZE = 17;
+const MULTIPLICATION_SYMBOL = '×';
 const selectedButtonStyles = css({
   backgroundColor: "var(--ds-background-accent-blue-subtlest, #579DFF)",
   border: `${"var(--ds-border-width, 1px)"} solid ${"var(--ds-background-accent-blue-subtle, #579DFF)"}`
@@ -146,7 +148,10 @@ const TableSelectorPopup = ({
       isFocused: isCurrentFocused,
       handleInitialButtonFocus: handleInitialButtonFocus
     });
-  })), jsx("span", {
+  })), fg('platform_editor_dec_a11y_fixes') ? jsx("span", {
+    css: selectionSizeTextStyles,
+    "aria-hidden": true
+  }, `${selectedCol} ${MULTIPLICATION_SYMBOL} ${selectedRow}`) : jsx("span", {
     css: selectionSizeTextStyles,
     "aria-hidden": true
   }, `${selectedCol} x ${selectedRow}`));

package/dist/esm/link/LinkPicker/HyperlinkAddToolbar/HyperlinkAddToolbar.js

@@ -97,6 +97,11 @@ export var messages = defineMessages({
     defaultMessage: 'Clear link',
     description: 'Clears link in the link toolbar'
   },
+  hyperlinkAriaLabel: {
+    id: 'fabric.editor.hyperlink.ariaLabel',
+    defaultMessage: 'Hyperlink Edit',
+    description: 'Aria label for the Hyperlink Add Toolbar'
+  },
   searchLinkAriaDescription: {
     id: 'fabric.editor.hyperlink.searchLinkAriaDescription',
     defaultMessage: 'Suggestions will appear below as you type into the field',
@@ -877,8 +882,7 @@ export var HyperlinkLinkAddToolbar = /*#__PURE__*/function (_PureComponent) {
       var screenReaderText = browser.safari && this.getScreenReaderText();
       var containerWidth = fg('platform_editor_link_picker_width_fix') ? narrowContainerWidth : !!activityProvider && containerWithProvider;
       return jsx("div", {
-        // eslint-disable-next-line @atlassian/i18n/no-literal-string-in-jsx
-        "aria-label": "Hyperlink Edit"
+        "aria-label": fg('platform_editor_dec_a11y_fixes') ? formatMessage(messages.hyperlinkAriaLabel) : 'Hyperlink Edit'
         // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
         ,
         className: "recent-list",

package/dist/esm/messages/syncBlock.js

@@ -37,7 +37,7 @@ export var syncBlockMessages = defineMessages({
   },
   permissionDeniedHeading: {
     id: 'fabric.editor.syncedBlockPermissionDeniedHeading',
-    defaultMessage: "Request access to view synced block",
+    defaultMessage: 'Request access to view synced block',
     description: 'Heading for error state where the user does not have permission to view the synced block'
   },
   permissionDeniedDescription: {
@@ -80,6 +80,11 @@ export var syncBlockMessages = defineMessages({
     defaultMessage: 'Synced from: {title}',
     description: 'Tooltip that shows the source page title of the synced block'
   },
+  taskInDestinationSyncedBlockTooltip: {
+    id: 'fabric.editor.taskInDestinationSyncedBlockTooltip',
+    defaultMessage: 'This content is synced. Edit it at the source.',
+    description: 'Tooltip that shows when you hover over a task in the destination synced block'
+  },
   deleteConfirmationModalTitle: {
     id: 'fabric.editor.deleteConfirmationModalTitle',
     defaultMessage: "You're about to delete synced content",

package/dist/esm/monitoring/error.js

@@ -10,7 +10,7 @@ import { isFedRamp } from './environment';
 import { normaliseSentryBreadcrumbs, SERIALIZABLE_ATTRIBUTES } from './normalise-sentry-breadcrumbs';
 var SENTRY_DSN = 'https://0b10c8e02fb44d8796c047b102c9bee8@o55978.ingest.sentry.io/4505129224110080';
 var packageName = 'editor-common'; // Sentry doesn't accept '/' in its releases https://docs.sentry.io/platforms/javascript/configuration/releases/
-var packageVersion = "0.0.0-development";
+var packageVersion = "110.46.5";
 var sanitiseSentryEvents = function sanitiseSentryEvents(data, _hint) {
   // Remove URL as it has UGC
   // Ignored via go/ees007

package/dist/esm/ui/DropList/index.js

@@ -21,7 +21,7 @@ import withAnalyticsEvents from '@atlaskit/analytics-next/withAnalyticsEvents';
 import { fg } from '@atlaskit/platform-feature-flags';
 import Layer from '../Layer';
 var packageName = "@atlaskit/editor-common";
-var packageVersion = "0.0.0-development";
+var packageVersion = "110.46.5";
 var halfFocusRing = 1;
 var dropOffset = '0, 8';
 var fadeIn = keyframes({

package/dist/esm/ui/TableSelector/table-selector.js

@@ -6,6 +6,7 @@ import { useContext, useEffect, useMemo, useRef } from 'react';
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css, jsx } from '@emotion/react';
 import { injectIntl } from 'react-intl-next';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { Stack } from '@atlaskit/primitives/compiled';
 import { B100 } from '@atlaskit/theme/colors';
 import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
@@ -13,6 +14,7 @@ import { toolbarInsertBlockMessages as messages } from '../../messages';
 import { OutsideClickTargetRefContext } from '../../ui-react';
 export var TABLE_SELECTOR_BUTTON_GAP = 2;
 export var TABLE_SELECTOR_BUTTON_SIZE = 17;
+var MULTIPLICATION_SYMBOL = '×';
 var selectedButtonStyles = css({
   backgroundColor: "var(--ds-background-accent-blue-subtlest, #579DFF)",
   border: "var(--ds-border-width, 1px)".concat(" solid ", "var(--ds-background-accent-blue-subtle, #579DFF)")
@@ -146,7 +148,10 @@ var TableSelectorPopup = function TableSelectorPopup(_ref3) {
       isFocused: isCurrentFocused,
       handleInitialButtonFocus: handleInitialButtonFocus
     });
-  })), jsx("span", {
+  })), fg('platform_editor_dec_a11y_fixes') ? jsx("span", {
+    css: selectionSizeTextStyles,
+    "aria-hidden": true
+  }, "".concat(selectedCol, " ").concat(MULTIPLICATION_SYMBOL, " ").concat(selectedRow)) : jsx("span", {
     css: selectionSizeTextStyles,
     "aria-hidden": true
   }, "".concat(selectedCol, " x ").concat(selectedRow)));

package/dist/types/link/LinkPicker/HyperlinkAddToolbar/HyperlinkAddToolbar.d.ts

@@ -29,6 +29,11 @@ export declare const messages: {
         defaultMessage: string;
         description: string;
     };
+    hyperlinkAriaLabel: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
     searchLinkAriaDescription: {
         id: string;
         defaultMessage: string;

package/dist/types/messages/syncBlock.d.ts

@@ -79,6 +79,11 @@ export declare const syncBlockMessages: {
         defaultMessage: string;
         description: string;
     };
+    taskInDestinationSyncedBlockTooltip: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
     deleteConfirmationModalTitle: {
         id: string;
         defaultMessage: string;

package/dist/types-ts4.5/link/LinkPicker/HyperlinkAddToolbar/HyperlinkAddToolbar.d.ts

@@ -29,6 +29,11 @@ export declare const messages: {
         defaultMessage: string;
         description: string;
     };
+    hyperlinkAriaLabel: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
     searchLinkAriaDescription: {
         id: string;
         defaultMessage: string;

package/dist/types-ts4.5/messages/syncBlock.d.ts

@@ -79,6 +79,11 @@ export declare const syncBlockMessages: {
         defaultMessage: string;
         description: string;
     };
+    taskInDestinationSyncedBlockTooltip: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
     deleteConfirmationModalTitle: {
         id: string;
         defaultMessage: string;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-common",
-	"version": "110.46.4",
+	"version": "110.47.0",
 	"description": "A package that contains common classes and components for editor and renderer",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -70,7 +70,7 @@
 		"@atlaskit/platform-feature-flags-react": "^0.4.0",
 		"@atlaskit/popper": "^7.1.0",
 		"@atlaskit/primitives": "^17.0.0",
-		"@atlaskit/profilecard": "^24.26.0",
+		"@atlaskit/profilecard": "^24.27.0",
 		"@atlaskit/prosemirror-history": "^0.2.0",
 		"@atlaskit/react-ufo": "^4.16.0",
 		"@atlaskit/section-message": "^8.11.0",
@@ -180,9 +180,6 @@
 		"platform-visual-refresh-icons": {
 			"type": "boolean"
 		},
-		"platform_editor_multi_body_extension_extensibility": {
-			"type": "boolean"
-		},
 		"media-perf-uplift-mutation-fix": {
 			"type": "boolean"
 		},