@atlaskit/editor-common 116.44.0 → 116.44.1

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @atlaskit/editor-common
 
+## 116.44.1
+
+### Patch Changes
+
+- [`2a61b9a5413d6`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/2a61b9a5413d6) -
+  Fix TOC extension not rendering when confluence_connect_macro_preset_height gate is enabled: SSR
+  DOM reuse takes precedence over preset height
+- [`6edfa185c35c3`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/6edfa185c35c3) -
+  Add internationalized tooltip messages for the light and dark lime, magenta, and orange text
+  colors.
+- Updated dependencies
+
 ## 116.44.0
 
 ### Minor Changes

package/dist/cjs/extensibility/extensionNodeView.js

@@ -134,15 +134,16 @@ var ExtensionNode = exports.ExtensionNode = /*#__PURE__*/function (_ReactNodeVie
   }, {
     key: "createDomRef",
     value: function createDomRef() {
-      if (!(0, _platformFeatureFlags.fg)('confluence_connect_macro_preset_height')) {
-        // SSR DOM reuse — see {@link consumedHydrationIdentitiesByEditor}.
-        if (!(0, _coreUtils.isSSR)() && isSSRHydrationEligible(this.node) && this.isInInitialHydrationWindow() && (0, _expValEquals.expValEquals)('platform_editor_hydration_skip_react_portal', 'isEnabled', true)) {
-          var ssrElement = this.findSSRElement();
-          if (ssrElement) {
-            this.didReuseSsrDom = true;
-            return ssrElement;
-          }
+      // SSR DOM reuse takes precedence over preset height — when eligible, adopt the
+      // server-rendered element directly so React hydration is deferred until update().
+      if (!(0, _coreUtils.isSSR)() && isSSRHydrationEligible(this.node) && this.isInInitialHydrationWindow() && (0, _expValEquals.expValEquals)('platform_editor_hydration_skip_react_portal', 'isEnabled', true)) {
+        var ssrElement = this.findSSRElement();
+        if (ssrElement) {
+          this.didReuseSsrDom = true;
+          return ssrElement;
         }
+      }
+      if (!(0, _platformFeatureFlags.fg)('confluence_connect_macro_preset_height')) {
         return _superPropGet(ExtensionNode, "createDomRef", this, 3)([]);
       }
       if (!this.node.isInline) {

package/dist/cjs/monitoring/error.js

@@ -28,7 +28,7 @@ var NETWORK_FAILURE_REGEX = /^network failure/i;
 var RESIZE_OBSERVER_LOOP_REGEX = /ResizeObserver loop completed with undelivered notifications/;
 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 = "116.43.0";
+var packageVersion = "116.44.0";
 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 = "116.43.0";
+var packageVersion = "116.44.0";
 var halfFocusRing = 1;
 var dropOffset = '0, 8';
 var fadeIn = (0, _react2.keyframes)({

package/dist/cjs/ui-color/ColorPalette/Palettes/paletteMessages.js

@@ -26,16 +26,31 @@ var _default_1 = (0, _reactIntl.defineMessages)({
     defaultMessage: 'Light green',
     description: 'Tooltip label for the light green color swatch displayed in the editor toolbar color palette when users select text or highlight colors.'
   },
+  'light-lime': {
+    id: 'fabric.theme.light-lime',
+    defaultMessage: 'Light lime',
+    description: 'Tooltip label for the light lime color swatch displayed in the editor toolbar color palette when users select text or highlight colors.'
+  },
   'light-yellow': {
     id: 'fabric.theme.light-yellow',
     defaultMessage: 'Light yellow',
     description: 'Tooltip label for the light yellow color swatch displayed in the editor toolbar color palette when users select text or highlight colors.'
   },
+  'light-orange': {
+    id: 'fabric.theme.light-orange',
+    defaultMessage: 'Light orange',
+    description: 'Tooltip label for the light orange color swatch displayed in the editor toolbar color palette when users select text or highlight colors.'
+  },
   'light-red': {
     id: 'fabric.theme.light-red',
     defaultMessage: 'Light red',
     description: 'Tooltip label for the light red color swatch displayed in the editor toolbar color palette when users select text or highlight colors.'
   },
+  'light-magenta': {
+    id: 'fabric.theme.light-magenta',
+    defaultMessage: 'Light magenta',
+    description: 'Tooltip label for the light magenta color swatch displayed in the editor toolbar color palette when users select text or highlight colors.'
+  },
   'light-purple': {
     id: 'fabric.theme.light-purple',
     defaultMessage: 'Light purple',
@@ -101,16 +116,31 @@ var _default_1 = (0, _reactIntl.defineMessages)({
     defaultMessage: 'Dark green',
     description: 'Tooltip label for the dark green color swatch displayed in the editor toolbar color palette when users select text or highlight colors.'
   },
+  'dark-lime': {
+    id: 'fabric.theme.dark-lime',
+    defaultMessage: 'Dark lime',
+    description: 'Tooltip label for the dark lime color swatch displayed in the editor toolbar color palette when users select text or highlight colors.'
+  },
   'dark-yellow': {
     id: 'fabric.theme.dark-yellow',
     defaultMessage: 'Dark yellow',
     description: 'Tooltip label for the dark yellow color swatch displayed in the editor toolbar color palette when users select text or highlight colors.'
   },
+  'dark-orange': {
+    id: 'fabric.theme.dark-orange',
+    defaultMessage: 'Dark orange',
+    description: 'Tooltip label for the dark orange color swatch displayed in the editor toolbar color palette when users select text or highlight colors.'
+  },
   'dark-red': {
     id: 'fabric.theme.dark-red',
     defaultMessage: 'Dark red',
     description: 'Tooltip label for the dark red color swatch displayed in the editor toolbar color palette when users select text or highlight colors.'
   },
+  'dark-magenta': {
+    id: 'fabric.theme.dark-magenta',
+    defaultMessage: 'Dark magenta',
+    description: 'Tooltip label for the dark magenta color swatch displayed in the editor toolbar color palette when users select text or highlight colors.'
+  },
   'dark-purple': {
     id: 'fabric.theme.dark-purple',
     defaultMessage: 'Dark purple',

package/dist/es2019/extensibility/extensionNodeView.js

@@ -103,15 +103,16 @@ export class ExtensionNode extends ReactNodeView {
 
   // Reserve height by setting a minimum height for the extension node view element
   createDomRef() {
-    if (!fg('confluence_connect_macro_preset_height')) {
-      // SSR DOM reuse — see {@link consumedHydrationIdentitiesByEditor}.
-      if (!isSSR() && isSSRHydrationEligible(this.node) && this.isInInitialHydrationWindow() && expValEquals('platform_editor_hydration_skip_react_portal', 'isEnabled', true)) {
-        const ssrElement = this.findSSRElement();
-        if (ssrElement) {
-          this.didReuseSsrDom = true;
-          return ssrElement;
-        }
+    // SSR DOM reuse takes precedence over preset height — when eligible, adopt the
+    // server-rendered element directly so React hydration is deferred until update().
+    if (!isSSR() && isSSRHydrationEligible(this.node) && this.isInInitialHydrationWindow() && expValEquals('platform_editor_hydration_skip_react_portal', 'isEnabled', true)) {
+      const ssrElement = this.findSSRElement();
+      if (ssrElement) {
+        this.didReuseSsrDom = true;
+        return ssrElement;
       }
+    }
+    if (!fg('confluence_connect_macro_preset_height')) {
       return super.createDomRef();
     }
     if (!this.node.isInline) {

package/dist/es2019/monitoring/error.js

@@ -14,7 +14,7 @@ const NETWORK_FAILURE_REGEX = /^network failure/i;
 const RESIZE_OBSERVER_LOOP_REGEX = /ResizeObserver loop completed with undelivered notifications/;
 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 = "116.43.0";
+const packageVersion = "116.44.0";
 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 = "116.43.0";
+const packageVersion = "116.44.0";
 const halfFocusRing = 1;
 const dropOffset = '0, 8';
 const fadeIn = keyframes({

package/dist/es2019/ui-color/ColorPalette/Palettes/paletteMessages.js

@@ -20,16 +20,31 @@ const _default_1 = defineMessages({
     defaultMessage: 'Light green',
     description: 'Tooltip label for the light green color swatch displayed in the editor toolbar color palette when users select text or highlight colors.'
   },
+  'light-lime': {
+    id: 'fabric.theme.light-lime',
+    defaultMessage: 'Light lime',
+    description: 'Tooltip label for the light lime color swatch displayed in the editor toolbar color palette when users select text or highlight colors.'
+  },
   'light-yellow': {
     id: 'fabric.theme.light-yellow',
     defaultMessage: 'Light yellow',
     description: 'Tooltip label for the light yellow color swatch displayed in the editor toolbar color palette when users select text or highlight colors.'
   },
+  'light-orange': {
+    id: 'fabric.theme.light-orange',
+    defaultMessage: 'Light orange',
+    description: 'Tooltip label for the light orange color swatch displayed in the editor toolbar color palette when users select text or highlight colors.'
+  },
   'light-red': {
     id: 'fabric.theme.light-red',
     defaultMessage: 'Light red',
     description: 'Tooltip label for the light red color swatch displayed in the editor toolbar color palette when users select text or highlight colors.'
   },
+  'light-magenta': {
+    id: 'fabric.theme.light-magenta',
+    defaultMessage: 'Light magenta',
+    description: 'Tooltip label for the light magenta color swatch displayed in the editor toolbar color palette when users select text or highlight colors.'
+  },
   'light-purple': {
     id: 'fabric.theme.light-purple',
     defaultMessage: 'Light purple',
@@ -95,16 +110,31 @@ const _default_1 = defineMessages({
     defaultMessage: 'Dark green',
     description: 'Tooltip label for the dark green color swatch displayed in the editor toolbar color palette when users select text or highlight colors.'
   },
+  'dark-lime': {
+    id: 'fabric.theme.dark-lime',
+    defaultMessage: 'Dark lime',
+    description: 'Tooltip label for the dark lime color swatch displayed in the editor toolbar color palette when users select text or highlight colors.'
+  },
   'dark-yellow': {
     id: 'fabric.theme.dark-yellow',
     defaultMessage: 'Dark yellow',
     description: 'Tooltip label for the dark yellow color swatch displayed in the editor toolbar color palette when users select text or highlight colors.'
   },
+  'dark-orange': {
+    id: 'fabric.theme.dark-orange',
+    defaultMessage: 'Dark orange',
+    description: 'Tooltip label for the dark orange color swatch displayed in the editor toolbar color palette when users select text or highlight colors.'
+  },
   'dark-red': {
     id: 'fabric.theme.dark-red',
     defaultMessage: 'Dark red',
     description: 'Tooltip label for the dark red color swatch displayed in the editor toolbar color palette when users select text or highlight colors.'
   },
+  'dark-magenta': {
+    id: 'fabric.theme.dark-magenta',
+    defaultMessage: 'Dark magenta',
+    description: 'Tooltip label for the dark magenta color swatch displayed in the editor toolbar color palette when users select text or highlight colors.'
+  },
   'dark-purple': {
     id: 'fabric.theme.dark-purple',
     defaultMessage: 'Dark purple',

package/dist/esm/extensibility/extensionNodeView.js

@@ -126,15 +126,16 @@ export var ExtensionNode = /*#__PURE__*/function (_ReactNodeView) {
   }, {
     key: "createDomRef",
     value: function createDomRef() {
-      if (!fg('confluence_connect_macro_preset_height')) {
-        // SSR DOM reuse — see {@link consumedHydrationIdentitiesByEditor}.
-        if (!isSSR() && isSSRHydrationEligible(this.node) && this.isInInitialHydrationWindow() && expValEquals('platform_editor_hydration_skip_react_portal', 'isEnabled', true)) {
-          var ssrElement = this.findSSRElement();
-          if (ssrElement) {
-            this.didReuseSsrDom = true;
-            return ssrElement;
-          }
+      // SSR DOM reuse takes precedence over preset height — when eligible, adopt the
+      // server-rendered element directly so React hydration is deferred until update().
+      if (!isSSR() && isSSRHydrationEligible(this.node) && this.isInInitialHydrationWindow() && expValEquals('platform_editor_hydration_skip_react_portal', 'isEnabled', true)) {
+        var ssrElement = this.findSSRElement();
+        if (ssrElement) {
+          this.didReuseSsrDom = true;
+          return ssrElement;
         }
+      }
+      if (!fg('confluence_connect_macro_preset_height')) {
         return _superPropGet(ExtensionNode, "createDomRef", this, 3)([]);
       }
       if (!this.node.isInline) {

package/dist/esm/monitoring/error.js

@@ -20,7 +20,7 @@ var NETWORK_FAILURE_REGEX = /^network failure/i;
 var RESIZE_OBSERVER_LOOP_REGEX = /ResizeObserver loop completed with undelivered notifications/;
 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 = "116.43.0";
+var packageVersion = "116.44.0";
 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 = "116.43.0";
+var packageVersion = "116.44.0";
 var halfFocusRing = 1;
 var dropOffset = '0, 8';
 var fadeIn = keyframes({

package/dist/esm/ui-color/ColorPalette/Palettes/paletteMessages.js

@@ -20,16 +20,31 @@ var _default_1 = defineMessages({
     defaultMessage: 'Light green',
     description: 'Tooltip label for the light green color swatch displayed in the editor toolbar color palette when users select text or highlight colors.'
   },
+  'light-lime': {
+    id: 'fabric.theme.light-lime',
+    defaultMessage: 'Light lime',
+    description: 'Tooltip label for the light lime color swatch displayed in the editor toolbar color palette when users select text or highlight colors.'
+  },
   'light-yellow': {
     id: 'fabric.theme.light-yellow',
     defaultMessage: 'Light yellow',
     description: 'Tooltip label for the light yellow color swatch displayed in the editor toolbar color palette when users select text or highlight colors.'
   },
+  'light-orange': {
+    id: 'fabric.theme.light-orange',
+    defaultMessage: 'Light orange',
+    description: 'Tooltip label for the light orange color swatch displayed in the editor toolbar color palette when users select text or highlight colors.'
+  },
   'light-red': {
     id: 'fabric.theme.light-red',
     defaultMessage: 'Light red',
     description: 'Tooltip label for the light red color swatch displayed in the editor toolbar color palette when users select text or highlight colors.'
   },
+  'light-magenta': {
+    id: 'fabric.theme.light-magenta',
+    defaultMessage: 'Light magenta',
+    description: 'Tooltip label for the light magenta color swatch displayed in the editor toolbar color palette when users select text or highlight colors.'
+  },
   'light-purple': {
     id: 'fabric.theme.light-purple',
     defaultMessage: 'Light purple',
@@ -95,16 +110,31 @@ var _default_1 = defineMessages({
     defaultMessage: 'Dark green',
     description: 'Tooltip label for the dark green color swatch displayed in the editor toolbar color palette when users select text or highlight colors.'
   },
+  'dark-lime': {
+    id: 'fabric.theme.dark-lime',
+    defaultMessage: 'Dark lime',
+    description: 'Tooltip label for the dark lime color swatch displayed in the editor toolbar color palette when users select text or highlight colors.'
+  },
   'dark-yellow': {
     id: 'fabric.theme.dark-yellow',
     defaultMessage: 'Dark yellow',
     description: 'Tooltip label for the dark yellow color swatch displayed in the editor toolbar color palette when users select text or highlight colors.'
   },
+  'dark-orange': {
+    id: 'fabric.theme.dark-orange',
+    defaultMessage: 'Dark orange',
+    description: 'Tooltip label for the dark orange color swatch displayed in the editor toolbar color palette when users select text or highlight colors.'
+  },
   'dark-red': {
     id: 'fabric.theme.dark-red',
     defaultMessage: 'Dark red',
     description: 'Tooltip label for the dark red color swatch displayed in the editor toolbar color palette when users select text or highlight colors.'
   },
+  'dark-magenta': {
+    id: 'fabric.theme.dark-magenta',
+    defaultMessage: 'Dark magenta',
+    description: 'Tooltip label for the dark magenta color swatch displayed in the editor toolbar color palette when users select text or highlight colors.'
+  },
   'dark-purple': {
     id: 'fabric.theme.dark-purple',
     defaultMessage: 'Dark purple',

package/dist/types/ui-color/ColorPalette/Palettes/paletteMessages.d.ts

@@ -1,138 +1,168 @@
 declare const _default_1: {
-    white: {
-        id: string;
+    blue: {
         defaultMessage: string;
         description: string;
-    };
-    'light-blue': {
         id: string;
+    };
+    'bold-gray': {
         defaultMessage: string;
         description: string;
-    };
-    'light-teal': {
         id: string;
+    };
+    'dark-blue': {
         defaultMessage: string;
         description: string;
-    };
-    'light-green': {
         id: string;
+    };
+    'dark-green': {
         defaultMessage: string;
         description: string;
-    };
-    'light-yellow': {
         id: string;
+    };
+    'dark-lime': {
         defaultMessage: string;
         description: string;
-    };
-    'light-red': {
         id: string;
+    };
+    'dark-magenta': {
         defaultMessage: string;
         description: string;
-    };
-    'light-purple': {
         id: string;
+    };
+    'dark-orange': {
         defaultMessage: string;
         description: string;
-    };
-    'light-gray': {
         id: string;
+    };
+    'dark-purple': {
         defaultMessage: string;
         description: string;
+        id: string;
     };
-    blue: {
+    'dark-red': {
+        defaultMessage: string;
+        description: string;
         id: string;
+    };
+    'dark-teal': {
         defaultMessage: string;
         description: string;
+        id: string;
     };
-    teal: {
+    'dark-yellow': {
+        defaultMessage: string;
+        description: string;
         id: string;
+    };
+    gray: {
         defaultMessage: string;
         description: string;
+        id: string;
     };
     green: {
-        id: string;
         defaultMessage: string;
         description: string;
-    };
-    yellow: {
         id: string;
+    };
+    'light-blue': {
         defaultMessage: string;
         description: string;
-    };
-    red: {
         id: string;
+    };
+    'light-gray': {
         defaultMessage: string;
         description: string;
-    };
-    orange: {
         id: string;
+    };
+    'light-green': {
         defaultMessage: string;
         description: string;
-    };
-    purple: {
         id: string;
+    };
+    'light-lime': {
         defaultMessage: string;
         description: string;
-    };
-    gray: {
         id: string;
+    };
+    'light-magenta': {
         defaultMessage: string;
         description: string;
-    };
-    'dark-blue': {
         id: string;
+    };
+    'light-orange': {
         defaultMessage: string;
         description: string;
-    };
-    'dark-teal': {
         id: string;
+    };
+    'light-purple': {
         defaultMessage: string;
         description: string;
-    };
-    'dark-green': {
         id: string;
+    };
+    'light-red': {
         defaultMessage: string;
         description: string;
-    };
-    'dark-yellow': {
         id: string;
+    };
+    'light-teal': {
         defaultMessage: string;
         description: string;
-    };
-    'dark-red': {
         id: string;
+    };
+    'light-yellow': {
         defaultMessage: string;
         description: string;
-    };
-    'dark-purple': {
         id: string;
+    };
+    lime: {
         defaultMessage: string;
         description: string;
-    };
-    'subtle-gray': {
         id: string;
+    };
+    magenta: {
         defaultMessage: string;
         description: string;
+        id: string;
     };
-    'bold-gray': {
+    'no-color': {
+        defaultMessage: string;
+        description: string;
         id: string;
+    };
+    orange: {
         defaultMessage: string;
         description: string;
+        id: string;
     };
-    'no-color': {
+    purple: {
+        defaultMessage: string;
+        description: string;
         id: string;
+    };
+    red: {
         defaultMessage: string;
         description: string;
+        id: string;
     };
-    lime: {
+    'subtle-gray': {
+        defaultMessage: string;
+        description: string;
         id: string;
+    };
+    teal: {
         defaultMessage: string;
         description: string;
+        id: string;
     };
-    magenta: {
+    white: {
+        defaultMessage: string;
+        description: string;
         id: string;
+    };
+    yellow: {
         defaultMessage: string;
         description: string;
+        id: string;
     };
 };
 export default _default_1;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-common",
-	"version": "116.44.0",
+	"version": "116.44.1",
 	"description": "A package that contains common classes and components for editor and renderer",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -52,8 +52,8 @@
 		"@atlaskit/emoji": "^71.15.0",
 		"@atlaskit/icon": "^37.2.0",
 		"@atlaskit/link": "^4.3.0",
-		"@atlaskit/link-datasource": "^6.3.0",
-		"@atlaskit/link-picker": "^6.3.0",
+		"@atlaskit/link-datasource": "^6.4.0",
+		"@atlaskit/link-picker": "^6.4.0",
 		"@atlaskit/media-card": "^81.4.0",
 		"@atlaskit/media-client": "^37.2.0",
 		"@atlaskit/media-client-react": "^6.1.0",
@@ -74,13 +74,13 @@
 		"@atlaskit/react-compiler-gating": "^0.2.0",
 		"@atlaskit/react-ufo": "^7.3.0",
 		"@atlaskit/section-message": "^9.2.0",
-		"@atlaskit/smart-card": "^45.13.0",
-		"@atlaskit/smart-user-picker": "^11.2.0",
+		"@atlaskit/smart-card": "^45.15.0",
+		"@atlaskit/smart-user-picker": "^11.3.0",
 		"@atlaskit/spinner": "^20.1.0",
 		"@atlaskit/task-decision": "^21.8.0",
 		"@atlaskit/teams-app-config": "^2.1.0",
 		"@atlaskit/textfield": "^9.1.0",
-		"@atlaskit/tmp-editor-statsig": "^135.2.0",
+		"@atlaskit/tmp-editor-statsig": "^135.6.0",
 		"@atlaskit/tokens": "^16.3.0",
 		"@atlaskit/tooltip": "^23.2.0",
 		"@atlaskit/width-detector": "^6.2.0",