@atlaskit/editor-common 84.1.0 → 84.3.0

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

@@ -4,21 +4,17 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.textColorPaletteWithTokenBorders = exports.textColorPaletteTokenBorders = exports.textColorPalette = exports.mapPaletteColor = void 0;
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+exports.textColorPaletteTokenBorders = exports.textColorPalette = exports.mapPaletteColor = void 0;
 var _adfSchema = require("@atlaskit/adf-schema");
-var _common = require("./common");
 var _getColorMessage = _interopRequireDefault(require("./getColorMessage"));
 var _paletteMessages = _interopRequireDefault(require("./paletteMessages"));
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var mapPaletteColor = exports.mapPaletteColor = function mapPaletteColor(label, color) {
   var key = label.toLowerCase().replace(' ', '-');
   var message = (0, _getColorMessage.default)(_paletteMessages.default, key);
   return {
     value: color,
     label: label,
-    border: _common.DEFAULT_BORDER_COLOR,
+    border: "var(--ds-border, #091E4224)",
     message: message
   };
 };
@@ -28,9 +24,4 @@ var textColorPalette = exports.textColorPalette = [];
 var textColorPaletteTokenBorders = exports.textColorPaletteTokenBorders = [];
 _adfSchema.colorPalette.forEach(function (label, color) {
   textColorPalette.push(mapPaletteColor(label, color));
-});
-var textColorPaletteWithTokenBorders = exports.textColorPaletteWithTokenBorders = textColorPalette.map(function (paletteColor) {
-  return _objectSpread(_objectSpread({}, paletteColor), {}, {
-    border: "var(--ds-border, #091E4224)"
-  });
 });

package/dist/cjs/ui-color/index.js

@@ -100,12 +100,6 @@ Object.defineProperty(exports, "highlightColorPalette", {
     return _highlightColorPalette.highlightColorPalette;
   }
 });
-Object.defineProperty(exports, "highlightColorPaletteWithTokenBorders", {
-  enumerable: true,
-  get: function get() {
-    return _highlightColorPalette.highlightColorPaletteWithTokenBorders;
-  }
-});
 Object.defineProperty(exports, "lightModeStatusColorPalette", {
   enumerable: true,
   get: function get() {
@@ -130,12 +124,6 @@ Object.defineProperty(exports, "textColorPalette", {
     return _textColorPalette.textColorPalette;
   }
 });
-Object.defineProperty(exports, "textColorPaletteWithTokenBorders", {
-  enumerable: true,
-  get: function get() {
-    return _textColorPalette.textColorPaletteWithTokenBorders;
-  }
-});
 Object.defineProperty(exports, "textPaletteTooltipMessages", {
   enumerable: true,
   get: function get() {

package/dist/cjs/utils/annotation/index.js

@@ -19,29 +19,21 @@ var canApplyAnnotationOnRange = exports.canApplyAnnotationOnRange = function can
   if (isNaN(from + to) || to - from <= 0 || to < 0 || from < 0) {
     return false;
   }
-  var inlineCard = schema.nodes.inlineCard;
   var foundInvalid = false;
   doc.nodesBetween(rangeSelection.from, rangeSelection.to, function (node, _pos, parent) {
     // Special exception for hardBreak nodes
     if (schema.nodes.hardBreak === node.type) {
       return false;
     }
+
     // For block elements or text nodes, we want to check
     // if annotations are allowed inside this tree
     // or if we're leaf and not text
-
-    if ((0, _platformFeatureFlags.getBooleanFF)('platform.editor.allow-inline-comments-for-inline-nodes')) {
-      if ((0, _platformFeatureFlags.getBooleanFF)('platform.editor.allow-inline-comments-for-inline-nodes-round-2_ctuxz')) {
-        var isAllowedInlineNode = ['emoji', 'status', 'date', 'mention', 'inlineCard'].includes(node.type.name);
-        if (node.isInline && !node.isText && !isAllowedInlineNode || node.isLeaf && !node.isText && !isAllowedInlineNode || node.isText && !(parent !== null && parent !== void 0 && parent.type.allowsMarkType(schema.marks.annotation))) {
-          foundInvalid = true;
-          return false;
-        }
-      } else {
-        if (node.isInline && !node.isText && node.type !== inlineCard || node.isLeaf && !node.isText && node.type !== inlineCard || node.isText && !(parent !== null && parent !== void 0 && parent.type.allowsMarkType(schema.marks.annotation))) {
-          foundInvalid = true;
-          return false;
-        }
+    if ((0, _platformFeatureFlags.fg)('editor_inline_comments_on_inline_nodes')) {
+      var isAllowedInlineNode = ['emoji', 'status', 'date', 'mention', 'inlineCard'].includes(node.type.name);
+      if (node.isInline && !node.isText && !isAllowedInlineNode || node.isLeaf && !node.isText && !isAllowedInlineNode || node.isText && !(parent !== null && parent !== void 0 && parent.type.allowsMarkType(schema.marks.annotation))) {
+        foundInvalid = true;
+        return false;
       }
     } else {
       if (node.isInline && !node.isText || node.isLeaf && !node.isText || node.isText && !(parent !== null && parent !== void 0 && parent.type.allowsMarkType(schema.marks.annotation))) {
@@ -111,7 +103,7 @@ function containsAnyAnnotations(slice, state) {
 function getRangeInlineNodeNames(_ref) {
   var doc = _ref.doc,
     pos = _ref.pos;
-  if (!(0, _platformFeatureFlags.getBooleanFF)('platform.editor.allow-inline-comments-for-inline-nodes-round-2_ctuxz')) {
+  if (!(0, _platformFeatureFlags.fg)('editor_inline_comments_on_inline_nodes')) {
     return undefined;
   }
   var nodeNames = new Set();
@@ -129,13 +121,13 @@ function getRangeInlineNodeNames(_ref) {
 /**
  * This function returns a list of node types that are wrapped by an annotation mark.
  *
- * The `undefined` will be returned if `platform.editor.allow-inline-comments-for-inline-nodes-round-2_ctuxz` is off.
+ * The `undefined` will be returned if `editor_inline_comments_on_inline_nodes` is off.
  *
  * @todo: Do not forget to remove `undefined` when the
- *        `platform.editor.allow-inline-comments-for-inline-nodes-round-2_ctuxz` is removed.
+ *        `editor_inline_comments_on_inline_nodes` is removed.
  */
 function getAnnotationInlineNodeTypes(state, annotationId) {
-  if (!(0, _platformFeatureFlags.getBooleanFF)('platform.editor.allow-inline-comments-for-inline-nodes-round-2_ctuxz')) {
+  if (!(0, _platformFeatureFlags.fg)('editor_inline_comments_on_inline_nodes')) {
     return undefined;
   }
   var mark = state.schema.marks.annotation.create({

package/dist/cjs/utils/index.js

@@ -1152,7 +1152,7 @@ var _table = require("./table");
 var _compareNodes = require("./compareNodes");
 var _compose = require("./compose");
 var _isTextInput = require("./is-text-input");
-var _whitespace = require("./whitespace");
+var _whitespace = require("../whitespace");
 var _shouldForceTracking = require("./should-force-tracking");
 var _getModeFromTheme = require("./getModeFromTheme");
 var _getPerformanceOptions = require("./get-performance-options");
@@ -1181,6 +1181,10 @@ var _insertNodeIntoOrderedList = require("./insert-node-into-ordered-list");
 var _wrapSelectionIn = require("./wrap-selection-in");
 var _calculateToolbarPosition = require("./calculate-toolbar-position");
 var _nodesByLocalIds = require("./nodes-by-localIds");
+/**
+ * @deprecated - [ED-23844] moving to own entry point @atlaskit/editor-common/whitespace
+ */
+
 // prosemirror-history does not export its plugin key
 var pmHistoryPluginKey = exports.pmHistoryPluginKey = 'history$';
 function shallowEqual() {

package/dist/cjs/utils/scroll-gutter.js

@@ -5,5 +5,8 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.GUTTER_SIZE_MOBILE_IN_PX = exports.GUTTER_SIZE_IN_PX = exports.GUTTER_SELECTOR = void 0;
 var GUTTER_SIZE_IN_PX = exports.GUTTER_SIZE_IN_PX = 120; // Default gutter size
+/**
+ * @deprecated - [ED-23844] only used in Editor Core
+ */
 var GUTTER_SIZE_MOBILE_IN_PX = exports.GUTTER_SIZE_MOBILE_IN_PX = 36; // Gutter size for Mobile
 var GUTTER_SELECTOR = exports.GUTTER_SELECTOR = '#editor-scroll-gutter';

package/dist/cjs/utils/validator.js

@@ -255,7 +255,7 @@ var getValidNode = exports.getValidNode = function getValidNode(originalNode) {
             return _objectSpread({
               type: type,
               attrs: attrs
-            }, (0, _platformFeatureFlags.getBooleanFF)('platform.editor.allow-inline-comments-for-inline-nodes-round-2_ctuxz') ? {
+            }, (0, _platformFeatureFlags.fg)('editor_inline_comments_on_inline_nodes') ? {
               marks: marks
             } : {});
           }
@@ -267,7 +267,7 @@ var getValidNode = exports.getValidNode = function getValidNode(originalNode) {
             return _objectSpread({
               type: type,
               attrs: attrs
-            }, (0, _platformFeatureFlags.getBooleanFF)('platform.editor.allow-inline-comments-for-inline-nodes-round-2_ctuxz') ? {
+            }, (0, _platformFeatureFlags.fg)('editor_inline_comments_on_inline_nodes') ? {
               marks: marks
             } : {});
           }
@@ -279,7 +279,7 @@ var getValidNode = exports.getValidNode = function getValidNode(originalNode) {
             return _objectSpread({
               type: type,
               attrs: attrs
-            }, (0, _platformFeatureFlags.getBooleanFF)('platform.editor.allow-inline-comments-for-inline-nodes-round-2_ctuxz') ? {
+            }, (0, _platformFeatureFlags.fg)('editor_inline_comments_on_inline_nodes') ? {
               marks: marks
             } : {});
           }
@@ -302,7 +302,7 @@ var getValidNode = exports.getValidNode = function getValidNode(originalNode) {
             return _objectSpread({
               type: type,
               attrs: attrs
-            }, (0, _platformFeatureFlags.getBooleanFF)('platform.editor.allow-inline-comments-for-inline-nodes') ? {
+            }, (0, _platformFeatureFlags.fg)('editor_inline_comments_on_inline_nodes') ? {
               marks: marks
             } : {});
           }
@@ -509,7 +509,7 @@ var getValidNode = exports.getValidNode = function getValidNode(originalNode) {
                 text: mentionText,
                 accessLevel: ''
               }
-            }, (0, _platformFeatureFlags.getBooleanFF)('platform.editor.allow-inline-comments-for-inline-nodes-round-2_ctuxz') ? {
+            }, (0, _platformFeatureFlags.fg)('editor_inline_comments_on_inline_nodes') ? {
               marks: marks
             } : {});
             if (mentionAccess) {

package/dist/cjs/whitespace/index.js

@@ -0,0 +1,18 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "ZERO_WIDTH_JOINER", {
+  enumerable: true,
+  get: function get() {
+    return _whitespace.ZERO_WIDTH_JOINER;
+  }
+});
+Object.defineProperty(exports, "ZERO_WIDTH_SPACE", {
+  enumerable: true,
+  get: function get() {
+    return _whitespace.ZERO_WIDTH_SPACE;
+  }
+});
+var _whitespace = require("./whitespace");

package/dist/es2019/extensibility/ExtensionNodeWrapper.js

@@ -4,7 +4,7 @@ import React from 'react';
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css, jsx } from '@emotion/react';
 import classnames from 'classnames';
-import { ZERO_WIDTH_SPACE } from '../utils';
+import { ZERO_WIDTH_SPACE } from '../whitespace';
 const styles = css({
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
   '&.inline-extension': {

package/dist/es2019/link/ConfigureLinkOverlay/Dropdown.js

@@ -0,0 +1,45 @@
+import _extends from "@babel/runtime/helpers/extends";
+/** @jsx jsx */
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
+import { jsx } from '@emotion/react';
+import { useIntl } from 'react-intl-next';
+import DropdownMenu, { DropdownItem, DropdownItemGroup } from '@atlaskit/dropdown-menu';
+import ChevronDownIcon from '@atlaskit/icon/glyph/chevron-down';
+import PreferencesIcon from '@atlaskit/icon/glyph/preferences';
+import ShortcutIcon from '@atlaskit/icon/glyph/shortcut';
+import { cardMessages as messages } from '../../messages';
+import { StyledButton } from './StyledButton';
+const Dropdown = ({
+  testId
+}) => {
+  const {
+    formatMessage
+  } = useIntl();
+  const configureLinkLabel = formatMessage(messages.inlineConfigureLink);
+  const goToLinkLabel = formatMessage(messages.inlineGoToLink);
+  return jsx(DropdownMenu, {
+    trigger: ({
+      triggerRef,
+      ...props
+    }) => jsx(StyledButton, _extends({
+      innerRef: triggerRef
+    }, props, {
+      iconBefore: jsx(ChevronDownIcon, {
+        label: configureLinkLabel,
+        size: 'small'
+      })
+    })),
+    testId: `${testId}-dropdown`
+  }, jsx(DropdownItemGroup, null, jsx(DropdownItem, {
+    elemBefore: jsx(ShortcutIcon, {
+      label: goToLinkLabel,
+      size: 'medium'
+    })
+  }, goToLinkLabel), jsx(DropdownItem, {
+    elemBefore: jsx(PreferencesIcon, {
+      label: configureLinkLabel,
+      size: 'medium'
+    })
+  }, configureLinkLabel)));
+};
+export default Dropdown;

package/dist/es2019/link/ConfigureLinkOverlay/StyledButton.js

@@ -0,0 +1,30 @@
+import _extends from "@babel/runtime/helpers/extends";
+/** @jsx jsx */
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
+import { css, jsx } from '@emotion/react';
+import Button from '@atlaskit/button';
+import { N30A, N40A, N60A, N700 } from '@atlaskit/theme/colors';
+const buttonStyles = css({
+  display: 'flex',
+  background: `var(--ds-background-neutral, ${N30A})`,
+  color: `var(--ds-icon, ${N700})`,
+  '&:hover': {
+    background: `var(--ds-background-neutral-hovered, ${N40A})`
+  },
+  '&:active': {
+    background: `var(--ds-background-neutral-pressed, ${N60A})`
+  },
+  width: '1.375rem',
+  height: '1.25rem'
+});
+export const StyledButton = ({
+  innerRef,
+  ...props
+}) => {
+  return jsx(Button, _extends({}, props, {
+    ref: innerRef
+    // eslint-disable-next-line @atlaskit/design-system/no-unsafe-style-overrides
+    ,
+    css: buttonStyles
+  }));
+};

package/dist/es2019/link/ConfigureLinkOverlay/{OverlayButton.js → index.js}

@@ -1,29 +1,17 @@
 /** @jsx jsx */
-import { useCallback } from 'react';
+import { useCallback, useLayoutEffect, useState } from 'react';
 
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css, jsx } from '@emotion/react';
 import { useIntl } from 'react-intl-next';
-import Button from '@atlaskit/button';
 import { NodeSelection, TextSelection } from '@atlaskit/editor-prosemirror/state';
 import PreferencesIcon from '@atlaskit/icon/glyph/preferences';
-import { N0, N30A, N40A, N60A, N700 } from '@atlaskit/theme/colors';
+import { N0 } from '@atlaskit/theme/colors';
 import { layers } from '@atlaskit/theme/constants';
 import Tooltip from '@atlaskit/tooltip';
 import { cardMessages } from '../../messages';
-const buttonStyles = css({
-  display: 'flex',
-  background: `var(--ds-background-neutral, ${N30A})`,
-  color: `var(--ds-icon, ${N700})`,
-  '&:hover': {
-    background: `var(--ds-background-neutral-hovered, ${N40A})`
-  },
-  '&:active': {
-    background: `var(--ds-background-neutral-pressed, ${N60A})`
-  },
-  width: '1.375rem',
-  height: '1.25rem'
-});
+import Dropdown from './Dropdown';
+import { StyledButton } from './StyledButton';
 const buttonWrapperStyles = css({
   position: 'absolute',
   zIndex: layers.card(),
@@ -33,6 +21,7 @@ const buttonWrapperStyles = css({
   background: `var(--ds-surface-raised, ${N0})`,
   borderRadius: "var(--ds-border-radius, 3px)"
 });
+const showDropdownThresholdPx = 50;
 export const OverlayButton = ({
   editorView,
   testId = 'link-configure-overlay-button',
@@ -42,6 +31,23 @@ export const OverlayButton = ({
   const {
     formatMessage
   } = useIntl();
+  const configureLinkLabel = formatMessage(cardMessages.inlineConfigureLink);
+  const [showDropdown, setShowDropdown] = useState(false);
+  useLayoutEffect(() => {
+    var _domNode;
+    let domNode = editorView.nodeDOM(targetElementPos);
+    if (((_domNode = domNode) === null || _domNode === void 0 ? void 0 : _domNode.nodeType) === Node.TEXT_NODE) {
+      domNode = domNode.parentElement;
+    }
+    if (domNode instanceof HTMLElement) {
+      const {
+        width
+      } = domNode.getBoundingClientRect();
+      if (width < showDropdownThresholdPx) {
+        setShowDropdown(true);
+      }
+    }
+  }, [editorView, targetElementPos]);
   const docNode = editorView.state.doc.nodeAt(targetElementPos);
   const nodeEnd = targetElementPos + ((_docNode$nodeSize = docNode === null || docNode === void 0 ? void 0 : docNode.nodeSize) !== null && _docNode$nodeSize !== void 0 ? _docNode$nodeSize : 0);
   const isText = docNode === null || docNode === void 0 ? void 0 : docNode.isText;
@@ -62,18 +68,16 @@ export const OverlayButton = ({
   if (!targetElementPos || isSelected) {
     return null;
   }
-  const configureLinkLabel = formatMessage(cardMessages.inlineConfigureLink);
   return jsx("span", {
-    css: buttonWrapperStyles
-  }, jsx(Tooltip, {
+    css: buttonWrapperStyles,
+    "data-testid": testId
+  }, showDropdown ? jsx(Dropdown, {
+    testId: testId
+  }) : jsx(Tooltip, {
     content: configureLinkLabel,
     hideTooltipOnClick: true,
     testId: `${testId}-tooltip`
-  }, jsx(Button, {
-    testId: testId
-    // eslint-disable-next-line @atlaskit/design-system/no-unsafe-style-overrides
-    ,
-    css: buttonStyles,
+  }, jsx(StyledButton, {
     onClick: handleClick,
     iconBefore: jsx(PreferencesIcon, {
       label: configureLinkLabel,

package/dist/es2019/link/index.js

@@ -10,4 +10,4 @@ export { default as HyperlinkLinkAddToolbar, HyperlinkLinkAddToolbarWithIntl, RE
 export { sha1 } from './LinkPicker/HyperlinkAddToolbar/utils';
 export { isLinkAtPos, isTextAtPos, getLinkPreferencesURLFromENV } from './utils';
 export { stagingLinkPreferencesUrl, productionLinkPreferencesUrl } from './constants';
-export { OverlayButton } from './ConfigureLinkOverlay/OverlayButton';
+export { OverlayButton } from './ConfigureLinkOverlay';

package/dist/es2019/mark/commands.js

@@ -2,7 +2,7 @@ import { TextSelection } from '@atlaskit/editor-prosemirror/state';
 // eslint-disable-next-line no-duplicate-imports
 
 import { CellSelection } from '@atlaskit/editor-tables/cell-selection';
-import { getBooleanFF } from '@atlaskit/platform-feature-flags';
+import { fg } from '@atlaskit/platform-feature-flags';
 const SMART_TO_ASCII = {
   '…': '...',
   '→': '->',
@@ -150,24 +150,17 @@ export const applyMarkOnRange = (from, to, removeMark, mark, tr) => {
   const {
     code
   } = schema.marks;
-  const {
-    inlineCard
-  } = schema.nodes;
   if (mark.type === code) {
-    getBooleanFF('platform.editor.simplify-inline-cards-in-code-blocks_jw6t1') ? transformNonTextNodesToText(from, to, tr) : transformSmartCharsMentionsAndEmojis(from, to, tr);
+    fg('platform.editor.simplify-inline-cards-in-code-blocks_jw6t1') ? transformNonTextNodesToText(from, to, tr) : transformSmartCharsMentionsAndEmojis(from, to, tr);
   }
   tr.doc.nodesBetween(tr.mapping.map(from), tr.mapping.map(to), (node, pos) => {
-    if (getBooleanFF('platform.editor.allow-inline-comments-for-inline-nodes-round-2_ctuxz')) {
+    if (fg('editor_inline_comments_on_inline_nodes')) {
       if (!node.isText) {
         const isAllowedInlineNode = ['emoji', 'status', 'date', 'mention', 'inlineCard'].includes(node.type.name);
         if (!isAllowedInlineNode) {
           return true;
         }
       }
-    } else if (getBooleanFF('platform.editor.allow-inline-comments-for-inline-nodes')) {
-      if (!node.isText && node.type !== inlineCard) {
-        return true;
-      }
     } else {
       if (!node.isText) {
         return true;

package/dist/es2019/messages/annotation.js

@@ -5,7 +5,7 @@ export const annotationMessages = defineMessages({
     defaultMessage: 'Comment',
     description: 'Create/add an inline comment based on the users selection'
   },
-  // TODO: Remove this message when the platform.editor.allow-inline-comments-for-inline-nodes-round-2_ctuxz FF is removed
+  // TODO: Remove this message when the editor_inline_comments_on_inline_nodes FF is removed
   createCommentInvalid: {
     id: 'fabric.editor.createCommentInvalid',
     defaultMessage: 'You can only comment on text and headings',

package/dist/es2019/monitoring/error.js

@@ -1,7 +1,7 @@
 import { isFedRamp } from './environment';
 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 = "84.1.0";
+const packageVersion = "84.3.0";
 const sanitiseSentryEvents = (data, _hint) => {
   // Remove URL as it has UGC
   // TODO: Sanitise the URL instead of just removing it

package/dist/es2019/react-node-view/getInlineNodeViewProducer.js

@@ -6,7 +6,8 @@ import React from 'react';
 import { jsx } from '@emotion/react';
 import { ACTION_SUBJECT, ACTION_SUBJECT_ID } from '../analytics';
 import { ErrorBoundary } from '../ui/ErrorBoundary';
-import { analyticsEventKey, browser, getPerformanceOptions, startMeasureReactNodeViewRendered, stopMeasureReactNodeViewRendered, ZERO_WIDTH_SPACE } from '../utils';
+import { analyticsEventKey, browser, getPerformanceOptions, startMeasureReactNodeViewRendered, stopMeasureReactNodeViewRendered } from '../utils';
+import { ZERO_WIDTH_SPACE } from '../whitespace';
 import { generateUniqueNodeKey } from './generateUniqueNodeKey';
 export const inlineNodeViewClassname = 'inlineNodeView';
 function createNodeView({

package/dist/es2019/resizer/Resizer.js

@@ -2,7 +2,6 @@ import _extends from "@babel/runtime/helpers/extends";
 import React, { forwardRef, useCallback, useImperativeHandle, useMemo, useRef, useState } from 'react';
 import classnames from 'classnames';
 import { Resizable } from 're-resizable';
-import { getBooleanFF } from '@atlaskit/platform-feature-flags';
 import Tooltip from '@atlaskit/tooltip';
 import { handleWrapperClass, resizerDangerClassName, resizerExtendedZone, resizerHandleClassName, resizerHandleThumbClassName, resizerHandleTrackClassName, resizerHandleZIndex, resizerHoverZoneClassName, resizerItemClassName } from '../styles/shared/resizer';
 const SUPPORTED_HANDLES = ['left', 'right'];
@@ -125,33 +124,15 @@ const ResizerNext = (props, ref) => {
           [position]: thumb
         };
       }
-      if (getBooleanFF('platform.editor.resizer.prevent-contenteditable')) {
-        const thumbWithTrack =
-        /*#__PURE__*/
-        //It's important to have {thumb} element before the div, the thumb element is the one that gets focus and only the 1st element recives aria-descibedby attribute which is important for screen reader users
-        React.createElement(React.Fragment, null, thumb, /*#__PURE__*/React.createElement("div", {
-          // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
-          className: classnames(resizerHandleTrackClassName, handleHighlight),
-          "data-testid": `resizer-handle-${position}-track`
-        }));
-        if (!!handleTooltipContent) {
-          return {
-            ...result,
-            [position]:
-            /*#__PURE__*/
-            // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
-            React.createElement("div", {
-              contentEditable: false,
-              style: inheritedCSS
-            }, /*#__PURE__*/React.createElement(Tooltip, {
-              content: handleTooltipContent,
-              hideTooltipOnClick: true,
-              position: "mouse",
-              mousePosition: "auto-start",
-              testId: `resizer-handle-${position}-tooltip`
-            }, thumbWithTrack))
-          };
-        }
+      const thumbWithTrack =
+      /*#__PURE__*/
+      //It's important to have {thumb} element before the div, the thumb element is the one that gets focus and only the 1st element recives aria-descibedby attribute which is important for screen reader users
+      React.createElement(React.Fragment, null, thumb, /*#__PURE__*/React.createElement("div", {
+        // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
+        className: classnames(resizerHandleTrackClassName, handleHighlight),
+        "data-testid": `resizer-handle-${position}-track`
+      }));
+      if (!!handleTooltipContent) {
         return {
           ...result,
           [position]:
@@ -160,34 +141,25 @@ const ResizerNext = (props, ref) => {
           React.createElement("div", {
             contentEditable: false,
             style: inheritedCSS
-          }, thumbWithTrack)
-        };
-      } else {
-        const thumbWithTrack =
-        /*#__PURE__*/
-        //It's important to have {thumb} element before the div, the thumb element is the one that gets focus and only the 1st element recives aria-descibedby attribute which is important for screen reader users
-        React.createElement(React.Fragment, null, thumb, /*#__PURE__*/React.createElement("div", {
-          // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
-          className: classnames(resizerHandleTrackClassName, handleHighlight),
-          "data-testid": `resizer-handle-${position}-track`
-        }));
-        if (!!handleTooltipContent) {
-          return {
-            ...result,
-            [position]: /*#__PURE__*/React.createElement(Tooltip, {
-              content: handleTooltipContent,
-              hideTooltipOnClick: true,
-              position: "mouse",
-              mousePosition: "auto-start",
-              testId: `resizer-handle-${position}-tooltip`
-            }, thumbWithTrack)
-          };
-        }
-        return {
-          ...result,
-          [position]: thumbWithTrack
+          }, /*#__PURE__*/React.createElement(Tooltip, {
+            content: handleTooltipContent,
+            hideTooltipOnClick: true,
+            position: "mouse",
+            mousePosition: "auto-start",
+            testId: `resizer-handle-${position}-tooltip`
+          }, thumbWithTrack))
         };
       }
+      return {
+        ...result,
+        [position]:
+        /*#__PURE__*/
+        // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
+        React.createElement("div", {
+          contentEditable: false,
+          style: inheritedCSS
+        }, thumbWithTrack)
+      };
     }, {});
   }, [handleHighlight, handleTooltipContent]);
 

package/dist/es2019/styles/shared/annotation.js

@@ -1,6 +1,6 @@
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css } from '@emotion/react';
-import { getBooleanFF } from '@atlaskit/platform-feature-flags';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { N60A, Y300, Y75 } from '@atlaskit/theme/colors';
 export const annotationPrefix = 'ak-editor-annotation';
 export const AnnotationSharedClassNames = {
@@ -17,7 +17,7 @@ export const BlockAnnotationSharedClassNames = {
 const Yellow100 = 'rgb(255, 247, 214)';
 const Y200a = 'rgba(255, 196, 0, 0.82)';
 export const AnnotationSharedCSSByState = () => {
-  if (getBooleanFF('platform.editor.allow-inline-comments-for-inline-nodes-round-2_ctuxz')) {
+  if (fg('editor_inline_comments_on_inline_nodes')) {
     // NOTE: These styles are shared between renderer and editor. Sometimes they
     // need different selectors and other times they apply the same attributes
     // in a different way. For example in renderer the focus styles are an
@@ -47,38 +47,6 @@ export const AnnotationSharedCSSByState = () => {
         borderBottomColor: `var(--ds-border-accent-yellow, ${Y200a})`
       })
     };
-  } else if (getBooleanFF('platform.editor.allow-inline-comments-for-inline-nodes')) {
-    return {
-      focus: css({
-        background: `var(--ds-background-accent-yellow-subtler, ${Y75})`,
-        borderBottom: `2px solid ${`var(--ds-border-accent-yellow, ${Y300})`}`,
-        boxShadow: `var(--ds-shadow-overlay, ${`1px 2px 3px ${N60A}, -1px 2px 3px ${N60A}`})`,
-        cursor: 'pointer',
-        // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
-        '&:has(.card)': {
-          fontSize: '1.5rem',
-          lineHeight: '1.2rem',
-          // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
-          '& > *': {
-            fontSize: '16px'
-          }
-        }
-      }),
-      blur: css({
-        background: `var(--ds-background-accent-yellow-subtlest, ${Yellow100})`,
-        borderBottom: `2px solid ${`var(--ds-border-accent-yellow, ${Y200a})`}`,
-        cursor: 'pointer',
-        // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
-        '&:has(.card)': {
-          fontSize: '1.5rem',
-          lineHeight: '1.2rem',
-          // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
-          '& > *': {
-            fontSize: '16px'
-          }
-        }
-      })
-    };
   } else {
     return {
       focus: css({
@@ -98,7 +66,7 @@ export const AnnotationSharedCSSByState = () => {
     };
   }
 };
-export const annotationSharedStyles = () => getBooleanFF('platform.editor.allow-inline-comments-for-inline-nodes-round-2_ctuxz') ?
+export const annotationSharedStyles = () => fg('editor_inline_comments_on_inline_nodes') ?
 // eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression -- `AnnotationSharedCSSByState()` is not safe in object syntax
 css`
 				.ProseMirror {