@atlaskit/renderer 109.40.9 → 109.40.11

package/CHANGELOG.md

@@ -1,5 +1,23 @@
 # @atlaskit/renderer
 
+## 109.40.11
+
+### Patch Changes
+
+- [#118361](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/118361)
+  [`5dc690bcdd97a`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/5dc690bcdd97a) -
+  Table FF cleanup
+- Updated dependencies
+
+## 109.40.10
+
+### Patch Changes
+
+- [#113218](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/113218)
+  [`d1b428ec29d68`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/d1b428ec29d68) -
+  [ED-23765] migrate inline node commenting feature flags to statsig feature gate
+- Updated dependencies
+
 ## 109.40.9
 
 ### Patch Changes

package/dist/cjs/actions/get-renderer-range-inline-node-names.js

@@ -9,7 +9,7 @@ var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 function getRendererRangeInlineNodeNames(_ref) {
   var actions = _ref.actions,
     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 doc = actions.doc;

package/dist/cjs/actions/index.js

@@ -166,7 +166,7 @@ var RendererActions = exports.default = /*#__PURE__*/function () {
       if (!range) {
         return false;
       }
-      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')) {
         if (this.isRendererWithinRange(range)) {
           return false;
         }
@@ -335,7 +335,7 @@ var RendererActions = exports.default = /*#__PURE__*/function () {
     }
 
     // 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.
   }, {
     key: "getInlineNodeTypes",
     value: function getInlineNodeTypes(annotationId) {

package/dist/cjs/react/nodes/date.js

@@ -17,9 +17,7 @@ var _useInlineAnnotationProps = require("../../ui/annotations/element/useInlineA
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 var Date = /*#__PURE__*/(0, _react.memo)(function Date(props) {
-  var inlineAnnotationProps = (0, _useInlineAnnotationProps.useInlineAnnotationProps)(props, {
-    isInlineCard: false
-  });
+  var inlineAnnotationProps = (0, _useInlineAnnotationProps.useInlineAnnotationProps)(props);
   var timestamp = props.timestamp,
     parentIsIncompleteTask = props.parentIsIncompleteTask,
     intl = props.intl;

package/dist/cjs/react/nodes/emoji.js

@@ -19,10 +19,8 @@ function EmojiItem(props) {
     text = props.text,
     fitToHeight = props.fitToHeight,
     resourceConfig = props.resourceConfig;
-  var inlineAnnotationProps = (0, _useInlineAnnotationProps.useInlineAnnotationProps)(props, {
-    isInlineCard: false
-  });
-  if ((0, _platformFeatureFlags.getBooleanFF)('platform.editor.allow-inline-comments-for-inline-nodes-round-2_ctuxz')) {
+  var inlineAnnotationProps = (0, _useInlineAnnotationProps.useInlineAnnotationProps)(props);
+  if ((0, _platformFeatureFlags.fg)('editor_inline_comments_on_inline_nodes')) {
     return (0, _react.jsx)("span", inlineAnnotationProps, (0, _react.jsx)(_emoji.Emoji, {
       allowTextFallback: true,
       id: id,

package/dist/cjs/react/nodes/inlineCard.js

@@ -45,13 +45,11 @@ var InlineCard = function InlineCard(props) {
     // Below is added for the future implementation of Linking Platform namespaced analytic context
     location: 'renderer'
   };
-  var inlineAnnotationProps = (0, _useInlineAnnotationProps.useInlineAnnotationProps)(props, {
-    isInlineCard: true
-  });
+  var inlineAnnotationProps = (0, _useInlineAnnotationProps.useInlineAnnotationProps)(props);
   if (ssr && url) {
     if (
     // eslint-disable-next-line @atlaskit/platform/no-invalid-feature-flag-usage
-    (0, _platformFeatureFlags.getBooleanFF)('platform.editor.allow-inline-comments-for-inline-nodes')) {
+    (0, _platformFeatureFlags.fg)('editor_inline_comments_on_inline_nodes')) {
       return (0, _react.jsx)("span", (0, _extends2.default)({
         "data-inline-card": true,
         "data-card-data": data ? JSON.stringify(data) : undefined,

package/dist/cjs/react/nodes/mention.js

@@ -18,10 +18,8 @@ var _default = exports.default = /*#__PURE__*/(0, _react.memo)(function MentionI
     text = props.text,
     accessLevel = props.accessLevel,
     localId = props.localId;
-  var inlineAnnotationProps = (0, _useInlineAnnotationProps.useInlineAnnotationProps)(props, {
-    isInlineCard: false
-  });
-  if ((0, _platformFeatureFlags.getBooleanFF)('platform.editor.allow-inline-comments-for-inline-nodes-round-2_ctuxz')) {
+  var inlineAnnotationProps = (0, _useInlineAnnotationProps.useInlineAnnotationProps)(props);
+  if ((0, _platformFeatureFlags.fg)('editor_inline_comments_on_inline_nodes')) {
     return /*#__PURE__*/_react.default.createElement("span", inlineAnnotationProps, /*#__PURE__*/_react.default.createElement(_mention.Mention, {
       id: id,
       text: text,

package/dist/cjs/react/nodes/status.js

@@ -16,10 +16,8 @@ var _default = exports.default = /*#__PURE__*/(0, _react.memo)(function Status(p
   var text = props.text,
     color = props.color,
     localId = props.localId;
-  var inlineAnnotationProps = (0, _useInlineAnnotationProps.useInlineAnnotationProps)(props, {
-    isInlineCard: false
-  });
-  if ((0, _platformFeatureFlags.getBooleanFF)('platform.editor.allow-inline-comments-for-inline-nodes-round-2_ctuxz')) {
+  var inlineAnnotationProps = (0, _useInlineAnnotationProps.useInlineAnnotationProps)(props);
+  if ((0, _platformFeatureFlags.fg)('editor_inline_comments_on_inline_nodes')) {
     return /*#__PURE__*/_react.default.createElement("span", inlineAnnotationProps, /*#__PURE__*/_react.default.createElement(_analyticsNamespacedContext.FabricElementsAnalyticsContext, {
       data: {
         userContext: 'document'

package/dist/cjs/react/nodes/table.js

@@ -318,7 +318,7 @@ var TableContainer = exports.TableContainer = /*#__PURE__*/function (_React$Comp
       var tableWidth = calcDefaultLayoutWidthByAppearance(rendererAppearance, tableNode);
 
       // Logic for table alignment in renderer
-      var isTableAlignStart = (0, _platformFeatureFlags.getBooleanFF)('platform.editor.table.allow-table-alignment') && (0, _appearance.isFullWidthOrFullPageAppearance)(rendererAppearance) && tableNode && tableNode.attrs && tableNode.attrs.layout === 'align-start';
+      var isTableAlignStart = (0, _appearance.isFullWidthOrFullPageAppearance)(rendererAppearance) && tableNode && tableNode.attrs && tableNode.attrs.layout === 'align-start' && (0, _platformFeatureFlags.fg)('platform.editor.table.allow-table-alignment');
       var fullWidthLineLength = isRenderWidthValid ? Math.min(_editorSharedStyles.akEditorFullWidthLayoutWidth, renderWidth) : _editorSharedStyles.akEditorFullWidthLayoutWidth;
       var lineLength = (0, _appearance.isFullWidthAppearance)(rendererAppearance) ? fullWidthLineLength : lineLengthFixedWidth;
       var shouldCalculateLeftForAlignment = isTableAlignStart && ((0, _appearance.isFullPageAppearance)(rendererAppearance) && tableWidth <= lineLengthFixedWidth || (0, _appearance.isFullWidthAppearance)(rendererAppearance));
@@ -456,8 +456,7 @@ var TableWithWidth = function TableWithWidth(props) {
   return /*#__PURE__*/_react.default.createElement(_ui.WidthConsumer, null, function (_ref2) {
     var _props$columnWidths;
     var width = _ref2.width;
-    // we are adding full page padding before but now it cause difference between editor and renderer so we need to remove it, and 1px also for matching exact width.
-    var renderWidth = props.rendererAppearance === 'full-page' ? (0, _platformFeatureFlags.getBooleanFF)('platform.editor.table-width-diff-in-renderer_x5s3z') ? width + _style.FullPagePadding - 1 : width - _style.FullPagePadding * 2 : width;
+    var renderWidth = props.rendererAppearance === 'full-page' ? width - _style.FullPagePadding * 2 : width;
     var colWidthsSum = ((_props$columnWidths = props.columnWidths) === null || _props$columnWidths === void 0 ? void 0 : _props$columnWidths.reduce(function (total, val) {
       return total + val;
     }, 0)) || 0;

package/dist/cjs/steps/index.js

@@ -90,7 +90,7 @@ function isNodeInlineTextMark(node) {
  */
 function hasInlineNodeDescendant(node) {
   if (isElementNode(node)) {
-    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')) {
       if (node.dataset.annotationInlineNode === 'true') {
         return true;
       }
@@ -110,7 +110,7 @@ function resolveNodePos(node) {
     if (prev && (isTextNode(prev) || isHighlightTextNode(prev))) {
       resolvedPos += (prev.textContent || '').length;
     } else if (prev) {
-      if ((0, _platformFeatureFlags.getBooleanFF)('platform.editor.allow-inline-comments-for-inline-nodes')) {
+      if ((0, _platformFeatureFlags.fg)('editor_inline_comments_on_inline_nodes')) {
         if (isNodeInlineTextMark(prev) && prev.textContent) {
           resolvedPos += prev.textContent.length;
         } else {
@@ -137,10 +137,10 @@ function resolvePos(node, offset) {
   if (!node) {
     return false;
   }
-  if ((0, _platformFeatureFlags.getBooleanFF)('platform.editor.allow-inline-comments-for-inline-nodes')) {
+  if ((0, _platformFeatureFlags.fg)('editor_inline_comments_on_inline_nodes')) {
     var _node$parentElement;
     var startPosAncestor = (_node$parentElement = node.parentElement) === null || _node$parentElement === void 0 ? void 0 : _node$parentElement.closest('[data-renderer-start-pos');
-    var potentialParent = (0, _platformFeatureFlags.getBooleanFF)('platform.editor.allow-inline-comments-for-inline-nodes-round-2_ctuxz') ? 'data-annotation-mark' : 'data-inline-card';
+    var potentialParent = (0, _platformFeatureFlags.fg)('editor_inline_comments_on_inline_nodes') ? 'data-annotation-mark' : 'data-inline-card';
     if (startPosAncestor !== null && startPosAncestor !== void 0 && startPosAncestor.hasAttribute(potentialParent)) {
       if (findEnd) {
         return parseInt((startPosAncestor === null || startPosAncestor === void 0 ? void 0 : startPosAncestor.getAttribute('data-renderer-start-pos')) || '-1', 10) + 1;
@@ -168,7 +168,7 @@ function resolvePos(node, offset) {
     // If our range is inside an inline node
     // We need to move our pointers to parent element
     // since we don't want to count text inside inline nodes at all
-    if ((0, _platformFeatureFlags.getBooleanFF)('platform.editor.allow-inline-comments-for-inline-nodes')) {
+    if ((0, _platformFeatureFlags.fg)('editor_inline_comments_on_inline_nodes')) {
       if (!(isNodeInlineTextMark(preParentPointer) || isHighlightTextNode(preParentPointer))) {
         current = current.parentElement;
         offset = 0;

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

@@ -56,7 +56,7 @@ function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.
 var NORMAL_SEVERITY_THRESHOLD = exports.NORMAL_SEVERITY_THRESHOLD = 2000;
 var DEGRADED_SEVERITY_THRESHOLD = exports.DEGRADED_SEVERITY_THRESHOLD = 3000;
 var packageName = "@atlaskit/renderer";
-var packageVersion = "109.40.9";
+var packageVersion = "109.40.11";
 var defaultNodeComponents = exports.defaultNodeComponents = _nodes.nodeToReact;
 var Renderer = exports.Renderer = /*#__PURE__*/function (_PureComponent) {
   (0, _inherits2.default)(Renderer, _PureComponent);

package/dist/cjs/ui/Renderer/style.js

@@ -109,10 +109,7 @@ var getShadowOverrides = function getShadowOverrides() {
 };
 function getAnnotationStyles(_ref6) {
   var allowAnnotations = _ref6.allowAnnotations;
-  if (!(0, _platformFeatureFlags.fg)('platform.editor.allow-inline-comments-for-inline-nodes')) {
-    return '';
-  }
-  if ((0, _platformFeatureFlags.fg)('platform.editor.allow-inline-comments-for-inline-nodes-round-2_ctuxz')) {
+  if (!(0, _platformFeatureFlags.fg)('editor_inline_comments_on_inline_nodes')) {
     return '';
   }
   return (0, _react.css)({

package/dist/cjs/ui/annotations/element/mark.js

@@ -23,7 +23,7 @@ function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbol
 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; }
 // eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression -- `AnnotationSharedCSSByState` is not object-safe
 var markStyles = function markStyles() {
-  return (0, _react2.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n\tcolor: inherit;\n\tbackground-color: unset;\n\t-webkit-tap-highlight-color: transparent;\n\n\t&[data-mark-annotation-state='", "'] {\n\t\t", "\n\t\t", "\n\n\t\t&:focus,\n\t\t\t&[data-has-focus='true'] {\n\t\t\t", "\n\t\t}\n\t}\n"])), _adfSchema.AnnotationMarkStates.ACTIVE, (0, _platformFeatureFlags.getBooleanFF)('platform.editor.allow-inline-comments-for-inline-nodes-round-2_ctuxz') ? (0, _styles.AnnotationSharedCSSByState)().common : '', (0, _styles.AnnotationSharedCSSByState)().blur, (0, _styles.AnnotationSharedCSSByState)().focus);
+  return (0, _react2.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n\tcolor: inherit;\n\tbackground-color: unset;\n\t-webkit-tap-highlight-color: transparent;\n\n\t&[data-mark-annotation-state='", "'] {\n\t\t", "\n\t\t", "\n\n\t\t&:focus,\n\t\t\t&[data-has-focus='true'] {\n\t\t\t", "\n\t\t}\n\t}\n"])), _adfSchema.AnnotationMarkStates.ACTIVE, (0, _platformFeatureFlags.fg)('editor_inline_comments_on_inline_nodes') ? (0, _styles.AnnotationSharedCSSByState)().common : '', (0, _styles.AnnotationSharedCSSByState)().blur, (0, _styles.AnnotationSharedCSSByState)().focus);
 };
 var isMobile = function isMobile() {
   return /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent);
@@ -73,7 +73,7 @@ var MarkComponent = exports.MarkComponent = function MarkComponent(_ref) {
     if (event.defaultPrevented || state !== _adfSchema.AnnotationMarkStates.ACTIVE) {
       return;
     }
-    if ((0, _platformFeatureFlags.getBooleanFF)('platform.editor.allow-inline-comments-for-inline-nodes')) {
+    if ((0, _platformFeatureFlags.fg)('editor_inline_comments_on_inline_nodes')) {
       // We only want to interfere with click events if the click is on some ui inside the renderer document
       // This is to prevent the click events from portaled content (such as link previews and mention profiles)
       if (event.target instanceof HTMLElement && event.target.closest('.ak-renderer-document')) {
@@ -130,7 +130,7 @@ var MarkComponent = exports.MarkComponent = function MarkComponent(_ref) {
   };
   return (0, _react2.jsx)(useBlockLevel ? 'div' : 'mark', _objectSpread(_objectSpread(_objectSpread((0, _defineProperty2.default)({
     id: id
-  }, (0, _platformFeatureFlags.getBooleanFF)('platform.editor.allow-inline-comments-for-inline-nodes') ? 'onClickCapture' : 'onClick', onMarkClick), accessibility), overriddenData), !useBlockLevel && {
+  }, (0, _platformFeatureFlags.fg)('editor_inline_comments_on_inline_nodes') ? 'onClickCapture' : 'onClick', onMarkClick), accessibility), overriddenData), !useBlockLevel && {
     css: [markStyles, getAccessibilityStyles()]
   }), children);
 };

package/dist/cjs/ui/annotations/element/useInlineAnnotationProps.js

@@ -7,13 +7,9 @@ exports.useInlineAnnotationProps = useInlineAnnotationProps;
 var _react = require("react");
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _context = require("../context");
-function useInlineAnnotationProps(props, _ref) {
-  var isInlineCard = _ref.isInlineCard;
+function useInlineAnnotationProps(props) {
   var draftPosition = (0, _react.useContext)(_context.AnnotationsDraftContext);
-  if (!isInlineCard && !(0, _platformFeatureFlags.getBooleanFF)('platform.editor.allow-inline-comments-for-inline-nodes-round-2_ctuxz')) {
-    return {};
-  }
-  if (!(0, _platformFeatureFlags.getBooleanFF)('platform.editor.allow-inline-comments-for-inline-nodes')) {
+  if (!(0, _platformFeatureFlags.fg)('editor_inline_comments_on_inline_nodes')) {
     return {};
   }
   if (!props.dataAttributes) {

package/dist/cjs/ui/annotations/selection/mounter.js

@@ -39,7 +39,7 @@ var SelectionInlineCommentMounter = exports.SelectionInlineCommentMounter = /*#_
   var providers = (0, _react.useContext)(_context.ProvidersContext);
   var isCommentsOnMediaBugFixEnabled = !!(providers !== null && providers !== void 0 && providers.inlineComment.isCommentsOnMediaBugFixEnabled);
   var inlineNodeTypes = (0, _react.useMemo)(function () {
-    if (!(0, _platformFeatureFlags.fg)('platform.editor.allow-inline-comments-for-inline-nodes-round-2_ctuxz')) {
+    if (!(0, _platformFeatureFlags.fg)('editor_inline_comments_on_inline_nodes')) {
       return undefined;
     }
     if (actions.isValidAnnotationRange(range)) {

package/dist/es2019/actions/get-renderer-range-inline-node-names.js

@@ -1,10 +1,10 @@
 import { getRangeInlineNodeNames } from '@atlaskit/editor-common/utils';
-import { getBooleanFF } from '@atlaskit/platform-feature-flags';
+import { fg } from '@atlaskit/platform-feature-flags';
 export function getRendererRangeInlineNodeNames({
   actions,
   pos
 }) {
-  if (!getBooleanFF('platform.editor.allow-inline-comments-for-inline-nodes-round-2_ctuxz')) {
+  if (!fg('editor_inline_comments_on_inline_nodes')) {
     return undefined;
   }
   const {

package/dist/es2019/actions/index.js

@@ -7,7 +7,7 @@ import { createAnnotationStep, getPosFromRange } from '../steps';
 import { ACTION, ACTION_SUBJECT, EVENT_TYPE, ACTION_SUBJECT_ID } from '@atlaskit/editor-common/analytics';
 import { getIndexMatch } from './matches-utils';
 import { getRendererRangeInlineNodeNames } from './get-renderer-range-inline-node-names';
-import { getBooleanFF } from '@atlaskit/platform-feature-flags';
+import { fg } from '@atlaskit/platform-feature-flags';
 export default class RendererActions {
   // Any kind of refence is allowed
 
@@ -144,7 +144,7 @@ export default class RendererActions {
     if (!range) {
       return false;
     }
-    if (getBooleanFF('platform.editor.allow-inline-comments-for-inline-nodes-round-2_ctuxz')) {
+    if (fg('editor_inline_comments_on_inline_nodes')) {
       if (this.isRendererWithinRange(range)) {
         return false;
       }
@@ -315,7 +315,7 @@ export default class RendererActions {
   }
 
   // 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.
   getInlineNodeTypes(annotationId) {
     if (!this.doc || !this.schema) {
       return [];

package/dist/es2019/react/nodes/date.js

@@ -6,9 +6,7 @@ import { injectIntl } from 'react-intl-next';
 import { useTaskItemsFormatContext } from '../../ui/TaskItemsFormatContext';
 import { useInlineAnnotationProps } from '../../ui/annotations/element/useInlineAnnotationProps';
 const Date = /*#__PURE__*/memo(function Date(props) {
-  const inlineAnnotationProps = useInlineAnnotationProps(props, {
-    isInlineCard: false
-  });
+  const inlineAnnotationProps = useInlineAnnotationProps(props);
   const {
     timestamp,
     parentIsIncompleteTask,

package/dist/es2019/react/nodes/emoji.js

@@ -1,7 +1,7 @@
 /** @jsx jsx */
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { jsx } from '@emotion/react';
-import { getBooleanFF } from '@atlaskit/platform-feature-flags';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { memo } from 'react';
 import { Emoji } from '@atlaskit/editor-common/emoji';
 import { useInlineAnnotationProps } from '../../ui/annotations/element/useInlineAnnotationProps';
@@ -14,10 +14,8 @@ function EmojiItem(props) {
     fitToHeight,
     resourceConfig
   } = props;
-  const inlineAnnotationProps = useInlineAnnotationProps(props, {
-    isInlineCard: false
-  });
-  if (getBooleanFF('platform.editor.allow-inline-comments-for-inline-nodes-round-2_ctuxz')) {
+  const inlineAnnotationProps = useInlineAnnotationProps(props);
+  if (fg('editor_inline_comments_on_inline_nodes')) {
     return jsx("span", inlineAnnotationProps, jsx(Emoji, {
       allowTextFallback: true,
       id: id,

package/dist/es2019/react/nodes/inlineCard.js

@@ -5,7 +5,7 @@ import { jsx } from '@emotion/react';
 import { Card } from '@atlaskit/smart-card';
 import { CardSSR } from '@atlaskit/smart-card/ssr';
 import { UnsupportedInline } from '@atlaskit/editor-common/ui';
-import { getBooleanFF } from '@atlaskit/platform-feature-flags';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { CardErrorBoundary } from './fallback';
 import { withSmartCardStorage } from '../../ui/SmartCardStorage';
 import { getCardClickHandler } from '../utils/getCardClickHandler';
@@ -40,13 +40,11 @@ const InlineCard = props => {
     // Below is added for the future implementation of Linking Platform namespaced analytic context
     location: 'renderer'
   };
-  const inlineAnnotationProps = useInlineAnnotationProps(props, {
-    isInlineCard: true
-  });
+  const inlineAnnotationProps = useInlineAnnotationProps(props);
   if (ssr && url) {
     if (
     // eslint-disable-next-line @atlaskit/platform/no-invalid-feature-flag-usage
-    getBooleanFF('platform.editor.allow-inline-comments-for-inline-nodes')) {
+    fg('editor_inline_comments_on_inline_nodes')) {
       return jsx("span", _extends({
         "data-inline-card": true,
         "data-card-data": data ? JSON.stringify(data) : undefined,

package/dist/es2019/react/nodes/mention.js

@@ -1,6 +1,6 @@
 import React, { memo } from 'react';
 import { Mention } from '@atlaskit/editor-common/mention';
-import { getBooleanFF } from '@atlaskit/platform-feature-flags';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { useInlineAnnotationProps } from '../../ui/annotations/element/useInlineAnnotationProps';
 export default /*#__PURE__*/memo(function MentionItem(props) {
   const {
@@ -11,10 +11,8 @@ export default /*#__PURE__*/memo(function MentionItem(props) {
     accessLevel,
     localId
   } = props;
-  const inlineAnnotationProps = useInlineAnnotationProps(props, {
-    isInlineCard: false
-  });
-  if (getBooleanFF('platform.editor.allow-inline-comments-for-inline-nodes-round-2_ctuxz')) {
+  const inlineAnnotationProps = useInlineAnnotationProps(props);
+  if (fg('editor_inline_comments_on_inline_nodes')) {
     return /*#__PURE__*/React.createElement("span", inlineAnnotationProps, /*#__PURE__*/React.createElement(Mention, {
       id: id,
       text: text,

package/dist/es2019/react/nodes/status.js

@@ -1,7 +1,7 @@
 import React, { memo } from 'react';
 import { Status as AkStatus } from '@atlaskit/status/element';
 import { FabricElementsAnalyticsContext } from '@atlaskit/analytics-namespaced-context';
-import { getBooleanFF } from '@atlaskit/platform-feature-flags';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { useInlineAnnotationProps } from '../../ui/annotations/element/useInlineAnnotationProps';
 export default /*#__PURE__*/memo(function Status(props) {
   const {
@@ -9,10 +9,8 @@ export default /*#__PURE__*/memo(function Status(props) {
     color,
     localId
   } = props;
-  const inlineAnnotationProps = useInlineAnnotationProps(props, {
-    isInlineCard: false
-  });
-  if (getBooleanFF('platform.editor.allow-inline-comments-for-inline-nodes-round-2_ctuxz')) {
+  const inlineAnnotationProps = useInlineAnnotationProps(props);
+  if (fg('editor_inline_comments_on_inline_nodes')) {
     return /*#__PURE__*/React.createElement("span", inlineAnnotationProps, /*#__PURE__*/React.createElement(FabricElementsAnalyticsContext, {
       data: {
         userContext: 'document'

package/dist/es2019/react/nodes/table.js

@@ -7,7 +7,7 @@ import { createCompareNodes, convertProsemirrorTableNodeToArrayOfRows, hasMerged
 import { SortOrder } from '@atlaskit/editor-common/types';
 import { akEditorDefaultLayoutWidth, akEditorFullWidthLayoutWidth } from '@atlaskit/editor-shared-styles';
 import { getTableContainerWidth } from '@atlaskit/editor-common/node-width';
-import { getBooleanFF } from '@atlaskit/platform-feature-flags';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { FullPagePadding } from '../../ui/Renderer/style';
 import { TableHeader } from './tableCell';
 import { withSmartCardStorage } from '../../ui/SmartCardStorage';
@@ -265,7 +265,7 @@ export class TableContainer extends React.Component {
     const tableWidth = calcDefaultLayoutWidthByAppearance(rendererAppearance, tableNode);
 
     // Logic for table alignment in renderer
-    const isTableAlignStart = getBooleanFF('platform.editor.table.allow-table-alignment') && isFullWidthOrFullPageAppearance(rendererAppearance) && tableNode && tableNode.attrs && tableNode.attrs.layout === 'align-start';
+    const isTableAlignStart = isFullWidthOrFullPageAppearance(rendererAppearance) && tableNode && tableNode.attrs && tableNode.attrs.layout === 'align-start' && fg('platform.editor.table.allow-table-alignment');
     const fullWidthLineLength = isRenderWidthValid ? Math.min(akEditorFullWidthLayoutWidth, renderWidth) : akEditorFullWidthLayoutWidth;
     const lineLength = isFullWidthAppearance(rendererAppearance) ? fullWidthLineLength : lineLengthFixedWidth;
     const shouldCalculateLeftForAlignment = isTableAlignStart && (isFullPageAppearance(rendererAppearance) && tableWidth <= lineLengthFixedWidth || isFullWidthAppearance(rendererAppearance));
@@ -397,8 +397,7 @@ const TableWithWidth = props => {
     width
   }) => {
     var _props$columnWidths;
-    // we are adding full page padding before but now it cause difference between editor and renderer so we need to remove it, and 1px also for matching exact width.
-    const renderWidth = props.rendererAppearance === 'full-page' ? getBooleanFF('platform.editor.table-width-diff-in-renderer_x5s3z') ? width + FullPagePadding - 1 : width - FullPagePadding * 2 : width;
+    const renderWidth = props.rendererAppearance === 'full-page' ? width - FullPagePadding * 2 : width;
     const colWidthsSum = ((_props$columnWidths = props.columnWidths) === null || _props$columnWidths === void 0 ? void 0 : _props$columnWidths.reduce((total, val) => total + val, 0)) || 0;
     if (colWidthsSum || isTableResizingEnabled(props.rendererAppearance)) {
       return /*#__PURE__*/React.createElement(TableWithShadows, _extends({

package/dist/es2019/steps/index.js

@@ -1,4 +1,4 @@
-import { getBooleanFF } from '@atlaskit/platform-feature-flags';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { AddMarkStep } from '@atlaskit/editor-prosemirror/transform';
 function getStartPos(element) {
   return parseInt(element.dataset.rendererStartPos || '-1', 10);
@@ -86,7 +86,7 @@ function isNodeInlineTextMark(node) {
  */
 function hasInlineNodeDescendant(node) {
   if (isElementNode(node)) {
-    if (getBooleanFF('platform.editor.allow-inline-comments-for-inline-nodes-round-2_ctuxz')) {
+    if (fg('editor_inline_comments_on_inline_nodes')) {
       if (node.dataset.annotationInlineNode === 'true') {
         return true;
       }
@@ -106,7 +106,7 @@ function resolveNodePos(node) {
     if (prev && (isTextNode(prev) || isHighlightTextNode(prev))) {
       resolvedPos += (prev.textContent || '').length;
     } else if (prev) {
-      if (getBooleanFF('platform.editor.allow-inline-comments-for-inline-nodes')) {
+      if (fg('editor_inline_comments_on_inline_nodes')) {
         if (isNodeInlineTextMark(prev) && prev.textContent) {
           resolvedPos += prev.textContent.length;
         } else {
@@ -132,10 +132,10 @@ export function resolvePos(node, offset, findEnd = false) {
   if (!node) {
     return false;
   }
-  if (getBooleanFF('platform.editor.allow-inline-comments-for-inline-nodes')) {
+  if (fg('editor_inline_comments_on_inline_nodes')) {
     var _node$parentElement;
     const startPosAncestor = (_node$parentElement = node.parentElement) === null || _node$parentElement === void 0 ? void 0 : _node$parentElement.closest('[data-renderer-start-pos');
-    const potentialParent = getBooleanFF('platform.editor.allow-inline-comments-for-inline-nodes-round-2_ctuxz') ? 'data-annotation-mark' : 'data-inline-card';
+    const potentialParent = fg('editor_inline_comments_on_inline_nodes') ? 'data-annotation-mark' : 'data-inline-card';
     if (startPosAncestor !== null && startPosAncestor !== void 0 && startPosAncestor.hasAttribute(potentialParent)) {
       if (findEnd) {
         return parseInt((startPosAncestor === null || startPosAncestor === void 0 ? void 0 : startPosAncestor.getAttribute('data-renderer-start-pos')) || '-1', 10) + 1;
@@ -163,7 +163,7 @@ export function resolvePos(node, offset, findEnd = false) {
     // If our range is inside an inline node
     // We need to move our pointers to parent element
     // since we don't want to count text inside inline nodes at all
-    if (getBooleanFF('platform.editor.allow-inline-comments-for-inline-nodes')) {
+    if (fg('editor_inline_comments_on_inline_nodes')) {
       if (!(isNodeInlineTextMark(preParentPointer) || isHighlightTextNode(preParentPointer))) {
         current = current.parentElement;
         offset = 0;

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

@@ -38,7 +38,7 @@ import { nodeToReact } from '../../react/nodes';
 export const NORMAL_SEVERITY_THRESHOLD = 2000;
 export const DEGRADED_SEVERITY_THRESHOLD = 3000;
 const packageName = "@atlaskit/renderer";
-const packageVersion = "109.40.9";
+const packageVersion = "109.40.11";
 export const defaultNodeComponents = nodeToReact;
 export class Renderer extends PureComponent {
   constructor(props) {

package/dist/es2019/ui/Renderer/style.js

@@ -368,10 +368,7 @@ const getShadowOverrides = () => {
 function getAnnotationStyles({
   allowAnnotations
 }) {
-  if (!fg('platform.editor.allow-inline-comments-for-inline-nodes')) {
-    return '';
-  }
-  if (fg('platform.editor.allow-inline-comments-for-inline-nodes-round-2_ctuxz')) {
+  if (!fg('editor_inline_comments_on_inline_nodes')) {
     return '';
   }
   return css({

package/dist/es2019/ui/annotations/element/mark.js

@@ -6,7 +6,7 @@ import { css, jsx } from '@emotion/react';
 import FeatureGates from '@atlaskit/feature-gate-js-client';
 import { AnnotationSharedCSSByState } from '@atlaskit/editor-common/styles';
 import { AnnotationMarkStates } from '@atlaskit/adf-schema';
-import { getBooleanFF } from '@atlaskit/platform-feature-flags';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { useIntl } from 'react-intl-next';
 import { inlineCommentMessages } from '../../../messages';
 
@@ -17,7 +17,7 @@ const markStyles = () => css`
 	-webkit-tap-highlight-color: transparent;
 
 	&[data-mark-annotation-state='${AnnotationMarkStates.ACTIVE}'] {
-		${getBooleanFF('platform.editor.allow-inline-comments-for-inline-nodes-round-2_ctuxz') ? AnnotationSharedCSSByState().common : ''}
+		${fg('editor_inline_comments_on_inline_nodes') ? AnnotationSharedCSSByState().common : ''}
 		${AnnotationSharedCSSByState().blur}
 
 		&:focus,
@@ -71,7 +71,7 @@ export const MarkComponent = ({
     if (event.defaultPrevented || state !== AnnotationMarkStates.ACTIVE) {
       return;
     }
-    if (getBooleanFF('platform.editor.allow-inline-comments-for-inline-nodes')) {
+    if (fg('editor_inline_comments_on_inline_nodes')) {
       // We only want to interfere with click events if the click is on some ui inside the renderer document
       // This is to prevent the click events from portaled content (such as link previews and mention profiles)
       if (event.target instanceof HTMLElement && event.target.closest('.ak-renderer-document')) {
@@ -130,7 +130,7 @@ export const MarkComponent = ({
   };
   return jsx(useBlockLevel ? 'div' : 'mark', {
     id,
-    [getBooleanFF('platform.editor.allow-inline-comments-for-inline-nodes') ? 'onClickCapture' : 'onClick']: onMarkClick,
+    [fg('editor_inline_comments_on_inline_nodes') ? 'onClickCapture' : 'onClick']: onMarkClick,
     ...accessibility,
     ...overriddenData,
     ...(!useBlockLevel && {

package/dist/es2019/ui/annotations/element/useInlineAnnotationProps.js

@@ -1,14 +1,9 @@
 import { useContext } from 'react';
-import { getBooleanFF } from '@atlaskit/platform-feature-flags';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { AnnotationsDraftContext } from '../context';
-export function useInlineAnnotationProps(props, {
-  isInlineCard
-}) {
+export function useInlineAnnotationProps(props) {
   const draftPosition = useContext(AnnotationsDraftContext);
-  if (!isInlineCard && !getBooleanFF('platform.editor.allow-inline-comments-for-inline-nodes-round-2_ctuxz')) {
-    return {};
-  }
-  if (!getBooleanFF('platform.editor.allow-inline-comments-for-inline-nodes')) {
+  if (!fg('editor_inline_comments_on_inline_nodes')) {
     return {};
   }
   if (!props.dataAttributes) {

package/dist/es2019/ui/annotations/selection/mounter.js

@@ -27,7 +27,7 @@ export const SelectionInlineCommentMounter = /*#__PURE__*/React.memo(props => {
   const providers = useContext(ProvidersContext);
   const isCommentsOnMediaBugFixEnabled = !!(providers !== null && providers !== void 0 && providers.inlineComment.isCommentsOnMediaBugFixEnabled);
   const inlineNodeTypes = useMemo(() => {
-    if (!fg('platform.editor.allow-inline-comments-for-inline-nodes-round-2_ctuxz')) {
+    if (!fg('editor_inline_comments_on_inline_nodes')) {
       return undefined;
     }
     if (actions.isValidAnnotationRange(range)) {

package/dist/esm/actions/get-renderer-range-inline-node-names.js

@@ -1,9 +1,9 @@
 import { getRangeInlineNodeNames } from '@atlaskit/editor-common/utils';
-import { getBooleanFF } from '@atlaskit/platform-feature-flags';
+import { fg } from '@atlaskit/platform-feature-flags';
 export function getRendererRangeInlineNodeNames(_ref) {
   var actions = _ref.actions,
     pos = _ref.pos;
-  if (!getBooleanFF('platform.editor.allow-inline-comments-for-inline-nodes-round-2_ctuxz')) {
+  if (!fg('editor_inline_comments_on_inline_nodes')) {
     return undefined;
   }
   var doc = actions.doc;

package/dist/esm/actions/index.js

@@ -12,7 +12,7 @@ import { createAnnotationStep, getPosFromRange } from '../steps';
 import { ACTION, ACTION_SUBJECT, EVENT_TYPE, ACTION_SUBJECT_ID } from '@atlaskit/editor-common/analytics';
 import { getIndexMatch } from './matches-utils';
 import { getRendererRangeInlineNodeNames } from './get-renderer-range-inline-node-names';
-import { getBooleanFF } from '@atlaskit/platform-feature-flags';
+import { fg } from '@atlaskit/platform-feature-flags';
 var RendererActions = /*#__PURE__*/function () {
   // Any kind of refence is allowed
 
@@ -159,7 +159,7 @@ var RendererActions = /*#__PURE__*/function () {
       if (!range) {
         return false;
       }
-      if (getBooleanFF('platform.editor.allow-inline-comments-for-inline-nodes-round-2_ctuxz')) {
+      if (fg('editor_inline_comments_on_inline_nodes')) {
         if (this.isRendererWithinRange(range)) {
           return false;
         }
@@ -328,7 +328,7 @@ var RendererActions = /*#__PURE__*/function () {
     }
 
     // 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.
   }, {
     key: "getInlineNodeTypes",
     value: function getInlineNodeTypes(annotationId) {

package/dist/esm/react/nodes/date.js

@@ -7,9 +7,7 @@ import { injectIntl } from 'react-intl-next';
 import { useTaskItemsFormatContext } from '../../ui/TaskItemsFormatContext';
 import { useInlineAnnotationProps } from '../../ui/annotations/element/useInlineAnnotationProps';
 var Date = /*#__PURE__*/memo(function Date(props) {
-  var inlineAnnotationProps = useInlineAnnotationProps(props, {
-    isInlineCard: false
-  });
+  var inlineAnnotationProps = useInlineAnnotationProps(props);
   var timestamp = props.timestamp,
     parentIsIncompleteTask = props.parentIsIncompleteTask,
     intl = props.intl;

package/dist/esm/react/nodes/emoji.js

@@ -1,7 +1,7 @@
 /** @jsx jsx */
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { jsx } from '@emotion/react';
-import { getBooleanFF } from '@atlaskit/platform-feature-flags';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { memo } from 'react';
 import { Emoji } from '@atlaskit/editor-common/emoji';
 import { useInlineAnnotationProps } from '../../ui/annotations/element/useInlineAnnotationProps';
@@ -12,10 +12,8 @@ function EmojiItem(props) {
     text = props.text,
     fitToHeight = props.fitToHeight,
     resourceConfig = props.resourceConfig;
-  var inlineAnnotationProps = useInlineAnnotationProps(props, {
-    isInlineCard: false
-  });
-  if (getBooleanFF('platform.editor.allow-inline-comments-for-inline-nodes-round-2_ctuxz')) {
+  var inlineAnnotationProps = useInlineAnnotationProps(props);
+  if (fg('editor_inline_comments_on_inline_nodes')) {
     return jsx("span", inlineAnnotationProps, jsx(Emoji, {
       allowTextFallback: true,
       id: id,

package/dist/esm/react/nodes/inlineCard.js

@@ -5,7 +5,7 @@ import { jsx } from '@emotion/react';
 import { Card } from '@atlaskit/smart-card';
 import { CardSSR } from '@atlaskit/smart-card/ssr';
 import { UnsupportedInline } from '@atlaskit/editor-common/ui';
-import { getBooleanFF } from '@atlaskit/platform-feature-flags';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { CardErrorBoundary } from './fallback';
 import { withSmartCardStorage } from '../../ui/SmartCardStorage';
 import { getCardClickHandler } from '../utils/getCardClickHandler';
@@ -37,13 +37,11 @@ var InlineCard = function InlineCard(props) {
     // Below is added for the future implementation of Linking Platform namespaced analytic context
     location: 'renderer'
   };
-  var inlineAnnotationProps = useInlineAnnotationProps(props, {
-    isInlineCard: true
-  });
+  var inlineAnnotationProps = useInlineAnnotationProps(props);
   if (ssr && url) {
     if (
     // eslint-disable-next-line @atlaskit/platform/no-invalid-feature-flag-usage
-    getBooleanFF('platform.editor.allow-inline-comments-for-inline-nodes')) {
+    fg('editor_inline_comments_on_inline_nodes')) {
       return jsx("span", _extends({
         "data-inline-card": true,
         "data-card-data": data ? JSON.stringify(data) : undefined,

package/dist/esm/react/nodes/mention.js

@@ -1,6 +1,6 @@
 import React, { memo } from 'react';
 import { Mention } from '@atlaskit/editor-common/mention';
-import { getBooleanFF } from '@atlaskit/platform-feature-flags';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { useInlineAnnotationProps } from '../../ui/annotations/element/useInlineAnnotationProps';
 export default /*#__PURE__*/memo(function MentionItem(props) {
   var eventHandlers = props.eventHandlers,
@@ -9,10 +9,8 @@ export default /*#__PURE__*/memo(function MentionItem(props) {
     text = props.text,
     accessLevel = props.accessLevel,
     localId = props.localId;
-  var inlineAnnotationProps = useInlineAnnotationProps(props, {
-    isInlineCard: false
-  });
-  if (getBooleanFF('platform.editor.allow-inline-comments-for-inline-nodes-round-2_ctuxz')) {
+  var inlineAnnotationProps = useInlineAnnotationProps(props);
+  if (fg('editor_inline_comments_on_inline_nodes')) {
     return /*#__PURE__*/React.createElement("span", inlineAnnotationProps, /*#__PURE__*/React.createElement(Mention, {
       id: id,
       text: text,

package/dist/esm/react/nodes/status.js

@@ -1,16 +1,14 @@
 import React, { memo } from 'react';
 import { Status as AkStatus } from '@atlaskit/status/element';
 import { FabricElementsAnalyticsContext } from '@atlaskit/analytics-namespaced-context';
-import { getBooleanFF } from '@atlaskit/platform-feature-flags';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { useInlineAnnotationProps } from '../../ui/annotations/element/useInlineAnnotationProps';
 export default /*#__PURE__*/memo(function Status(props) {
   var text = props.text,
     color = props.color,
     localId = props.localId;
-  var inlineAnnotationProps = useInlineAnnotationProps(props, {
-    isInlineCard: false
-  });
-  if (getBooleanFF('platform.editor.allow-inline-comments-for-inline-nodes-round-2_ctuxz')) {
+  var inlineAnnotationProps = useInlineAnnotationProps(props);
+  if (fg('editor_inline_comments_on_inline_nodes')) {
     return /*#__PURE__*/React.createElement("span", inlineAnnotationProps, /*#__PURE__*/React.createElement(FabricElementsAnalyticsContext, {
       data: {
         userContext: 'document'

package/dist/esm/react/nodes/table.js

@@ -18,7 +18,7 @@ import { createCompareNodes, convertProsemirrorTableNodeToArrayOfRows, hasMerged
 import { SortOrder } from '@atlaskit/editor-common/types';
 import { akEditorDefaultLayoutWidth, akEditorFullWidthLayoutWidth } from '@atlaskit/editor-shared-styles';
 import { getTableContainerWidth } from '@atlaskit/editor-common/node-width';
-import { getBooleanFF } from '@atlaskit/platform-feature-flags';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { FullPagePadding } from '../../ui/Renderer/style';
 import { TableHeader } from './tableCell';
 import { withSmartCardStorage } from '../../ui/SmartCardStorage';
@@ -311,7 +311,7 @@ export var TableContainer = /*#__PURE__*/function (_React$Component) {
       var tableWidth = calcDefaultLayoutWidthByAppearance(rendererAppearance, tableNode);
 
       // Logic for table alignment in renderer
-      var isTableAlignStart = getBooleanFF('platform.editor.table.allow-table-alignment') && isFullWidthOrFullPageAppearance(rendererAppearance) && tableNode && tableNode.attrs && tableNode.attrs.layout === 'align-start';
+      var isTableAlignStart = isFullWidthOrFullPageAppearance(rendererAppearance) && tableNode && tableNode.attrs && tableNode.attrs.layout === 'align-start' && fg('platform.editor.table.allow-table-alignment');
       var fullWidthLineLength = isRenderWidthValid ? Math.min(akEditorFullWidthLayoutWidth, renderWidth) : akEditorFullWidthLayoutWidth;
       var lineLength = isFullWidthAppearance(rendererAppearance) ? fullWidthLineLength : lineLengthFixedWidth;
       var shouldCalculateLeftForAlignment = isTableAlignStart && (isFullPageAppearance(rendererAppearance) && tableWidth <= lineLengthFixedWidth || isFullWidthAppearance(rendererAppearance));
@@ -449,8 +449,7 @@ var TableWithWidth = function TableWithWidth(props) {
   return /*#__PURE__*/React.createElement(WidthConsumer, null, function (_ref2) {
     var _props$columnWidths;
     var width = _ref2.width;
-    // we are adding full page padding before but now it cause difference between editor and renderer so we need to remove it, and 1px also for matching exact width.
-    var renderWidth = props.rendererAppearance === 'full-page' ? getBooleanFF('platform.editor.table-width-diff-in-renderer_x5s3z') ? width + FullPagePadding - 1 : width - FullPagePadding * 2 : width;
+    var renderWidth = props.rendererAppearance === 'full-page' ? width - FullPagePadding * 2 : width;
     var colWidthsSum = ((_props$columnWidths = props.columnWidths) === null || _props$columnWidths === void 0 ? void 0 : _props$columnWidths.reduce(function (total, val) {
       return total + val;
     }, 0)) || 0;

package/dist/esm/steps/index.js

@@ -1,4 +1,4 @@
-import { getBooleanFF } from '@atlaskit/platform-feature-flags';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { AddMarkStep } from '@atlaskit/editor-prosemirror/transform';
 function getStartPos(element) {
   return parseInt(element.dataset.rendererStartPos || '-1', 10);
@@ -82,7 +82,7 @@ function isNodeInlineTextMark(node) {
  */
 function hasInlineNodeDescendant(node) {
   if (isElementNode(node)) {
-    if (getBooleanFF('platform.editor.allow-inline-comments-for-inline-nodes-round-2_ctuxz')) {
+    if (fg('editor_inline_comments_on_inline_nodes')) {
       if (node.dataset.annotationInlineNode === 'true') {
         return true;
       }
@@ -102,7 +102,7 @@ function resolveNodePos(node) {
     if (prev && (isTextNode(prev) || isHighlightTextNode(prev))) {
       resolvedPos += (prev.textContent || '').length;
     } else if (prev) {
-      if (getBooleanFF('platform.editor.allow-inline-comments-for-inline-nodes')) {
+      if (fg('editor_inline_comments_on_inline_nodes')) {
         if (isNodeInlineTextMark(prev) && prev.textContent) {
           resolvedPos += prev.textContent.length;
         } else {
@@ -129,10 +129,10 @@ export function resolvePos(node, offset) {
   if (!node) {
     return false;
   }
-  if (getBooleanFF('platform.editor.allow-inline-comments-for-inline-nodes')) {
+  if (fg('editor_inline_comments_on_inline_nodes')) {
     var _node$parentElement;
     var startPosAncestor = (_node$parentElement = node.parentElement) === null || _node$parentElement === void 0 ? void 0 : _node$parentElement.closest('[data-renderer-start-pos');
-    var potentialParent = getBooleanFF('platform.editor.allow-inline-comments-for-inline-nodes-round-2_ctuxz') ? 'data-annotation-mark' : 'data-inline-card';
+    var potentialParent = fg('editor_inline_comments_on_inline_nodes') ? 'data-annotation-mark' : 'data-inline-card';
     if (startPosAncestor !== null && startPosAncestor !== void 0 && startPosAncestor.hasAttribute(potentialParent)) {
       if (findEnd) {
         return parseInt((startPosAncestor === null || startPosAncestor === void 0 ? void 0 : startPosAncestor.getAttribute('data-renderer-start-pos')) || '-1', 10) + 1;
@@ -160,7 +160,7 @@ export function resolvePos(node, offset) {
     // If our range is inside an inline node
     // We need to move our pointers to parent element
     // since we don't want to count text inside inline nodes at all
-    if (getBooleanFF('platform.editor.allow-inline-comments-for-inline-nodes')) {
+    if (fg('editor_inline_comments_on_inline_nodes')) {
       if (!(isNodeInlineTextMark(preParentPointer) || isHighlightTextNode(preParentPointer))) {
         current = current.parentElement;
         offset = 0;

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

@@ -48,7 +48,7 @@ import { nodeToReact } from '../../react/nodes';
 export var NORMAL_SEVERITY_THRESHOLD = 2000;
 export var DEGRADED_SEVERITY_THRESHOLD = 3000;
 var packageName = "@atlaskit/renderer";
-var packageVersion = "109.40.9";
+var packageVersion = "109.40.11";
 export var defaultNodeComponents = nodeToReact;
 export var Renderer = /*#__PURE__*/function (_PureComponent) {
   _inherits(Renderer, _PureComponent);

package/dist/esm/ui/Renderer/style.js

@@ -101,10 +101,7 @@ var getShadowOverrides = function getShadowOverrides() {
 };
 function getAnnotationStyles(_ref6) {
   var allowAnnotations = _ref6.allowAnnotations;
-  if (!fg('platform.editor.allow-inline-comments-for-inline-nodes')) {
-    return '';
-  }
-  if (fg('platform.editor.allow-inline-comments-for-inline-nodes-round-2_ctuxz')) {
+  if (!fg('editor_inline_comments_on_inline_nodes')) {
     return '';
   }
   return css({

package/dist/esm/ui/annotations/element/mark.js

@@ -12,13 +12,13 @@ import { css, jsx } from '@emotion/react';
 import FeatureGates from '@atlaskit/feature-gate-js-client';
 import { AnnotationSharedCSSByState } from '@atlaskit/editor-common/styles';
 import { AnnotationMarkStates } from '@atlaskit/adf-schema';
-import { getBooleanFF } from '@atlaskit/platform-feature-flags';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { useIntl } from 'react-intl-next';
 import { inlineCommentMessages } from '../../../messages';
 
 // eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression -- `AnnotationSharedCSSByState` is not object-safe
 var markStyles = function markStyles() {
-  return css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n\tcolor: inherit;\n\tbackground-color: unset;\n\t-webkit-tap-highlight-color: transparent;\n\n\t&[data-mark-annotation-state='", "'] {\n\t\t", "\n\t\t", "\n\n\t\t&:focus,\n\t\t\t&[data-has-focus='true'] {\n\t\t\t", "\n\t\t}\n\t}\n"])), AnnotationMarkStates.ACTIVE, getBooleanFF('platform.editor.allow-inline-comments-for-inline-nodes-round-2_ctuxz') ? AnnotationSharedCSSByState().common : '', AnnotationSharedCSSByState().blur, AnnotationSharedCSSByState().focus);
+  return css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n\tcolor: inherit;\n\tbackground-color: unset;\n\t-webkit-tap-highlight-color: transparent;\n\n\t&[data-mark-annotation-state='", "'] {\n\t\t", "\n\t\t", "\n\n\t\t&:focus,\n\t\t\t&[data-has-focus='true'] {\n\t\t\t", "\n\t\t}\n\t}\n"])), AnnotationMarkStates.ACTIVE, fg('editor_inline_comments_on_inline_nodes') ? AnnotationSharedCSSByState().common : '', AnnotationSharedCSSByState().blur, AnnotationSharedCSSByState().focus);
 };
 var isMobile = function isMobile() {
   return /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent);
@@ -68,7 +68,7 @@ export var MarkComponent = function MarkComponent(_ref) {
     if (event.defaultPrevented || state !== AnnotationMarkStates.ACTIVE) {
       return;
     }
-    if (getBooleanFF('platform.editor.allow-inline-comments-for-inline-nodes')) {
+    if (fg('editor_inline_comments_on_inline_nodes')) {
       // We only want to interfere with click events if the click is on some ui inside the renderer document
       // This is to prevent the click events from portaled content (such as link previews and mention profiles)
       if (event.target instanceof HTMLElement && event.target.closest('.ak-renderer-document')) {
@@ -125,7 +125,7 @@ export var MarkComponent = function MarkComponent(_ref) {
   };
   return jsx(useBlockLevel ? 'div' : 'mark', _objectSpread(_objectSpread(_objectSpread(_defineProperty({
     id: id
-  }, getBooleanFF('platform.editor.allow-inline-comments-for-inline-nodes') ? 'onClickCapture' : 'onClick', onMarkClick), accessibility), overriddenData), !useBlockLevel && {
+  }, fg('editor_inline_comments_on_inline_nodes') ? 'onClickCapture' : 'onClick', onMarkClick), accessibility), overriddenData), !useBlockLevel && {
     css: [markStyles, getAccessibilityStyles()]
   }), children);
 };

package/dist/esm/ui/annotations/element/useInlineAnnotationProps.js

@@ -1,13 +1,9 @@
 import { useContext } from 'react';
-import { getBooleanFF } from '@atlaskit/platform-feature-flags';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { AnnotationsDraftContext } from '../context';
-export function useInlineAnnotationProps(props, _ref) {
-  var isInlineCard = _ref.isInlineCard;
+export function useInlineAnnotationProps(props) {
   var draftPosition = useContext(AnnotationsDraftContext);
-  if (!isInlineCard && !getBooleanFF('platform.editor.allow-inline-comments-for-inline-nodes-round-2_ctuxz')) {
-    return {};
-  }
-  if (!getBooleanFF('platform.editor.allow-inline-comments-for-inline-nodes')) {
+  if (!fg('editor_inline_comments_on_inline_nodes')) {
     return {};
   }
   if (!props.dataAttributes) {

package/dist/esm/ui/annotations/selection/mounter.js

@@ -29,7 +29,7 @@ export var SelectionInlineCommentMounter = /*#__PURE__*/React.memo(function (pro
   var providers = useContext(ProvidersContext);
   var isCommentsOnMediaBugFixEnabled = !!(providers !== null && providers !== void 0 && providers.inlineComment.isCommentsOnMediaBugFixEnabled);
   var inlineNodeTypes = useMemo(function () {
-    if (!fg('platform.editor.allow-inline-comments-for-inline-nodes-round-2_ctuxz')) {
+    if (!fg('editor_inline_comments_on_inline_nodes')) {
       return undefined;
     }
     if (actions.isValidAnnotationRange(range)) {

package/dist/types/ui/annotations/element/useInlineAnnotationProps.d.ts

@@ -3,9 +3,7 @@ export type MarkDataAttributes = {
         'data-renderer-start-pos': number;
     };
 };
-export declare function useInlineAnnotationProps(props: MarkDataAttributes, { isInlineCard }: {
-    isInlineCard: boolean;
-}): {
+export declare function useInlineAnnotationProps(props: MarkDataAttributes): {
     'data-renderer-mark'?: undefined;
     'data-annotation-draft-mark'?: undefined;
     'data-annotation-inline-node'?: undefined;

package/dist/types-ts4.5/ui/annotations/element/useInlineAnnotationProps.d.ts

@@ -3,9 +3,7 @@ export type MarkDataAttributes = {
         'data-renderer-start-pos': number;
     };
 };
-export declare function useInlineAnnotationProps(props: MarkDataAttributes, { isInlineCard }: {
-    isInlineCard: boolean;
-}): {
+export declare function useInlineAnnotationProps(props: MarkDataAttributes): {
     'data-renderer-mark'?: undefined;
     'data-annotation-draft-mark'?: undefined;
     'data-annotation-inline-node'?: undefined;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/renderer",
-	"version": "109.40.9",
+	"version": "109.40.11",
 	"description": "Renderer component",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -29,16 +29,16 @@
 		"@atlaskit/analytics-listeners": "^8.10.0",
 		"@atlaskit/analytics-namespaced-context": "^6.10.0",
 		"@atlaskit/analytics-next": "^9.3.0",
-		"@atlaskit/button": "^18.1.0",
+		"@atlaskit/button": "^18.3.0",
 		"@atlaskit/code": "^15.4.0",
-		"@atlaskit/editor-common": "^84.0.0",
+		"@atlaskit/editor-common": "^84.3.0",
 		"@atlaskit/editor-json-transformer": "^8.15.0",
 		"@atlaskit/editor-palette": "1.6.0",
 		"@atlaskit/editor-prosemirror": "4.0.1",
 		"@atlaskit/editor-shared-styles": "^2.12.0",
 		"@atlaskit/emoji": "^67.6.0",
 		"@atlaskit/feature-gate-js-client": "^4.18.0",
-		"@atlaskit/icon": "^22.5.0",
+		"@atlaskit/icon": "^22.6.0",
 		"@atlaskit/link-datasource": "^2.5.0",
 		"@atlaskit/media-card": "^78.0.0",
 		"@atlaskit/media-client": "^27.3.0",
@@ -125,16 +125,10 @@
 		"platform.editor.inline_extension.extended_lcqdn": {
 			"type": "boolean"
 		},
-		"platform.editor.table-width-diff-in-renderer_x5s3z": {
-			"type": "boolean"
-		},
 		"platform_editor_tables_padding_increase": {
 			"type": "boolean"
 		},
-		"platform.editor.allow-inline-comments-for-inline-nodes": {
-			"type": "boolean"
-		},
-		"platform.editor.allow-inline-comments-for-inline-nodes-round-2_ctuxz": {
+		"editor_inline_comments_on_inline_nodes": {
 			"type": "boolean"
 		},
 		"platform.editor.renderer-error-boundary-for-dom-errors": {