@atlaskit/renderer 136.2.4 → 136.2.6

package/CHANGELOG.md

@@ -1,5 +1,23 @@
 # @atlaskit/renderer
 
+## 136.2.6
+
+### Patch Changes
+
+- [`656801b9e097c`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/656801b9e097c) -
+  VOLTC-331 - Migrate updated package usage in platform/editor: rewrite barrel imports of
+  voltCompliant provider packages to deep/subpath imports (consumer-side debarrel). No public API
+  changes.
+- Updated dependencies
+
+## 136.2.5
+
+### Patch Changes
+
+- [`4067622b56b33`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/4067622b56b33) -
+  Clean up experiment `platform_editor_flex_based_centering`
+- Updated dependencies
+
 ## 136.2.4
 
 ### Patch Changes

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

@@ -6,11 +6,11 @@ Object.defineProperty(exports, "__esModule", {
 exports.getRendererRangeAncestorNodeNames = getRendererRangeAncestorNodeNames;
 exports.getRendererRangeInlineNodeNames = getRendererRangeInlineNodeNames;
 var _utils = require("@atlaskit/editor-common/utils");
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
+var _fg = require("@atlaskit/platform-feature-flags/fg");
 function getRendererRangeInlineNodeNames(_ref) {
   var actions = _ref.actions,
     pos = _ref.pos;
-  if (!(0, _platformFeatureFlags.fg)('editor_inline_comments_on_inline_nodes')) {
+  if (!(0, _fg.fg)('editor_inline_comments_on_inline_nodes')) {
     return undefined;
   }
   var doc = actions.doc;
@@ -26,7 +26,7 @@ function getRendererRangeInlineNodeNames(_ref) {
 function getRendererRangeAncestorNodeNames(_ref2) {
   var actions = _ref2.actions,
     pos = _ref2.pos;
-  if (!(0, _platformFeatureFlags.fg)('cc_comments_log_draft_annotation_ancestor_nodes')) {
+  if (!(0, _fg.fg)('cc_comments_log_draft_annotation_ancestor_nodes')) {
     return undefined;
   }
   var doc = actions.doc;

package/dist/cjs/actions/index.js

@@ -15,7 +15,7 @@ var _editorJsonTransformer = require("@atlaskit/editor-json-transformer");
 var _state = require("@atlaskit/editor-prosemirror/state");
 var _analytics = require("@atlaskit/editor-common/analytics");
 var _transform = require("@atlaskit/editor-prosemirror/transform");
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
+var _fg = require("@atlaskit/platform-feature-flags/fg");
 var _steps = require("../steps");
 var _getRendererRangeInlineNodeNames = require("./get-renderer-range-inline-node-names");
 var _matchesUtils = require("./matches-utils");
@@ -176,7 +176,7 @@ var RendererActions = exports.default = /*#__PURE__*/function () {
       if (!range) {
         return false;
       }
-      if ((0, _platformFeatureFlags.fg)('editor_inline_comments_on_inline_nodes')) {
+      if ((0, _fg.fg)('editor_inline_comments_on_inline_nodes')) {
         if (this.isRendererWithinRange(range)) {
           return false;
         }

package/dist/cjs/react/index.js

@@ -21,7 +21,7 @@ var _links = require("./utils/links");
 var _utils = require("@atlaskit/editor-common/utils");
 var _validator = require("@atlaskit/editor-common/validator");
 var _utils2 = require("@atlaskit/editor-prosemirror/utils");
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
+var _fg = require("@atlaskit/platform-feature-flags/fg");
 var _utils3 = require("../utils");
 var _marks = require("./marks");
 var _code = require("./marks/code");
@@ -281,7 +281,7 @@ var ReactSerializer = exports.default = /*#__PURE__*/function () {
         case 'expand':
           return this.getExpandProps(node, path);
         case 'nestedExpand':
-          if ((0, _platformFeatureFlags.fg)('hot-121622_lazy_load_expand_content')) {
+          if ((0, _fg.fg)('hot-121622_lazy_load_expand_content')) {
             return this.getExpandProps(node, path);
           }
           return this.getProps(node, path);
@@ -447,9 +447,7 @@ var ReactSerializer = exports.default = /*#__PURE__*/function () {
       var isInsideOfBlockNode = (0, _rendererNode.insideBlockNode)(path, node.type.schema);
       var isInsideMultiBodiedExtension = (0, _rendererNode.insideMultiBodiedExtension)(path, node.type.schema);
       var isInsideOfTable = (0, _rendererNode.insideTable)(path, node.type.schema);
-      var isStickySafeCenteringEnabled = (0, _expValEquals.expValEquals)('platform_editor_flex_based_centering', 'isEnabled', true);
-      var isInsideBreakoutExpand = !isStickySafeCenteringEnabled && (0, _expValEquals.expValEquals)('platform_editor_table_sticky_header_improvements', 'cohort', 'test_with_overflow') && (0, _rendererNode.insideBreakoutExpand)(path);
-      var stickyHeaders = isStickySafeCenteringEnabled ? !isInsideOfTable ? this.stickyHeaders : undefined : !isInsideOfTable && !(0, _rendererNode.insideBreakoutLayout)(path) && !isInsideBreakoutExpand ? this.stickyHeaders : undefined;
+      var stickyHeaders = !isInsideOfTable ? this.stickyHeaders : undefined;
       return _objectSpread(_objectSpread({}, this.getProps(node)), {}, {
         allowColumnSorting: this.allowColumnSorting,
         columnWidths: (0, _utils.getColumnWidths)(node),
@@ -461,7 +459,7 @@ var ReactSerializer = exports.default = /*#__PURE__*/function () {
         allowTableAlignment: this.allowTableAlignment,
         allowTableResizing: this.allowTableResizing,
         // eslint-disable-next-line @atlaskit/platform/valid-gate-name
-        isPresentational: (0, _platformFeatureFlags.fg)('platform_renderer_isPresentational') ? this.isPresentational : false,
+        isPresentational: (0, _fg.fg)('platform_renderer_isPresentational') ? this.isPresentational : false,
         disableTableOverflowShadow: this.disableTableOverflowShadow,
         allowFixedColumnWidthOption: this.allowFixedColumnWidthOption
       });
@@ -564,7 +562,7 @@ var ReactSerializer = exports.default = /*#__PURE__*/function () {
     value: function getEmojiProps(node) {
       var path = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
       return _objectSpread(_objectSpread({}, this.getProps(node, path)), {}, {
-        emojiProviderLookupOrder: (0, _platformFeatureFlags.fg)('platform_bitbucket_fix_shortname_and_ordering') ? this.emojiProviderLookupOrder : undefined,
+        emojiProviderLookupOrder: (0, _fg.fg)('platform_bitbucket_fix_shortname_and_ordering') ? this.emojiProviderLookupOrder : undefined,
         resourceConfig: this.emojiResourceConfig
       });
     }
@@ -727,7 +725,7 @@ var ReactSerializer = exports.default = /*#__PURE__*/function () {
       var _this7 = this;
       var _path = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
       var loadBodyContent = false;
-      if ((0, _platformFeatureFlags.fg)('hot-121622_lazy_load_expand_content')) {
+      if ((0, _fg.fg)('hot-121622_lazy_load_expand_content')) {
         var annotations = (0, _utils2.findChildrenByMark)(node, node.type.schema.marks.annotation, true);
         // Force rendering children if there are inline comments to support comments navigation
         // which relies on the HTML node to be present.

package/dist/cjs/react/marks/breakout.js

@@ -17,14 +17,6 @@ var _consts = require("../../consts");
  */
 /* eslint-disable @typescript-eslint/consistent-type-imports, @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766; jsx required at runtime for @jsxRuntime classic */
 
-// Legacy centering (breaks position: sticky in nested content).
-var legacyWrapperStyles = (0, _react.css)({
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
-  margin: "".concat(_editorSharedStyles.blockNodesVerticalMargin, " 0"),
-  // eslint-disable-next-line @atlaskit/design-system/use-tokens-space
-  marginLeft: '50%',
-  transform: 'translateX(-50%)'
-});
 var flexWrapperStyles = (0, _react.css)({
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
   margin: "".concat(_editorSharedStyles.blockNodesVerticalMargin, " 0")
@@ -63,32 +55,15 @@ function Breakout(props) {
   var _props$width;
   var breakoutWidth = (_props$width = props.width) !== null && _props$width !== void 0 ? _props$width : null;
   var width = getWidth(breakoutWidth, props.mode);
-  var useStickySafeCentering = (0, _expValEquals.expValEquals)('platform_editor_flex_based_centering', 'isEnabled', true);
-  if (useStickySafeCentering) {
-    return (0, _react.jsx)("div", {
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop
-      className: _consts.RendererCssClassName.STICKY_SAFE_BREAKOUT_WRAPPER + ' ' + _consts.RendererCssClassName.FLEX_CENTER_WRAPPER,
-      css: flexWrapperStyles
-    }, (0, _react.jsx)("div", (0, _extends2.default)({
-      css: innerWrapperStyles
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop
-      ,
-      className: "".concat(_consts.RendererCssClassName.STICKY_SAFE_BREAKOUT_INNER, " fabric-editor-breakout-mark fabric-editor-block-mark"),
-      "data-mode": props.mode
-      // Ignored via go/ees005
-      // eslint-disable-next-line react/jsx-props-no-spreading
-    }, (0, _experiments.editorExperiment)('advanced_layouts', true) && {
-      'data-has-width': !!props.width,
-      'data-width': props.width
-    }, {
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
-      style: {
-        width: width
-      }
-    }), props.children));
-  }
-  return (0, _react.jsx)("div", (0, _extends2.default)({
-    css: legacyWrapperStyles,
+  return (0, _react.jsx)("div", {
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop
+    className: _consts.RendererCssClassName.STICKY_SAFE_BREAKOUT_WRAPPER + ' ' + _consts.RendererCssClassName.FLEX_CENTER_WRAPPER,
+    css: flexWrapperStyles
+  }, (0, _react.jsx)("div", (0, _extends2.default)({
+    css: innerWrapperStyles
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop
+    ,
+    className: "".concat(_consts.RendererCssClassName.STICKY_SAFE_BREAKOUT_INNER, " fabric-editor-breakout-mark fabric-editor-block-mark"),
     "data-mode": props.mode
     // Ignored via go/ees005
     // eslint-disable-next-line react/jsx-props-no-spreading
@@ -100,8 +75,5 @@ function Breakout(props) {
     style: {
       width: width
     }
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
-    ,
-    className: "fabric-editor-breakout-mark fabric-editor-block-mark"
-  }), props.children);
+  }), props.children));
 }

package/dist/cjs/react/marks/code.js

@@ -9,14 +9,14 @@ exports.isCodeMark = exports.default = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _react = _interopRequireDefault(require("react"));
 var _reactIntl = require("react-intl");
-var _inline = _interopRequireDefault(require("@atlaskit/code/inline"));
+var _code = _interopRequireDefault(require("@atlaskit/code/code"));
 var _messages = require("@atlaskit/editor-common/messages");
 var isCodeMark = exports.isCodeMark = function isCodeMark(mark) {
   return mark && mark.type && mark.type.name === 'code';
 };
 function CodeWithIntl(props) {
   var codeBidiWarningLabel = props.intl.formatMessage(_messages.codeBidiWarningMessages.label);
-  return /*#__PURE__*/_react.default.createElement(_inline.default
+  return /*#__PURE__*/_react.default.createElement(_code.default
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
   , (0, _extends2.default)({
     className: "code",

package/dist/cjs/react/marks/link.js

@@ -8,16 +8,16 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = Link;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _react = _interopRequireWildcard(require("react"));
-var _platformFeatureFlagsReact = require("@atlaskit/platform-feature-flags-react");
+var _componentWithCondition = require("@atlaskit/platform-feature-flags-react/component-with-condition");
 var _utils = require("../../utils");
 var _events = require("../../analytics/events");
 var _analytics = require("@atlaskit/editor-common/analytics");
 var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
-var _analyticsNext = require("@atlaskit/analytics-next");
+var _AnalyticsContext = _interopRequireDefault(require("@atlaskit/analytics-next/AnalyticsContext"));
 var _linkCompiled = require("./link-compiled");
 var _linkEmotion = require("./link-emotion");
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
-var LinkUrlMigration = (0, _platformFeatureFlagsReact.componentWithCondition)(function () {
+var LinkUrlMigration = (0, _componentWithCondition.componentWithCondition)(function () {
   return (0, _expValEquals.expValEquals)('platform_editor_renderer_static_css', 'isEnabled', true);
 }, _linkCompiled.LinkUrlCompiled, _linkEmotion.LinkUrlEmotion);
 /**
@@ -60,7 +60,7 @@ function Link(props) {
     // Below is added for the future implementation of Linking Platform namespaced analytic context
     location: 'renderer'
   };
-  return /*#__PURE__*/_react.default.createElement(_analyticsNext.AnalyticsContext, {
+  return /*#__PURE__*/_react.default.createElement(_AnalyticsContext.default, {
     data: analyticsData
   }, /*#__PURE__*/_react.default.createElement(LinkUrlMigration
   // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)

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

@@ -9,7 +9,7 @@ var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/cl
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _styles = require("@atlaskit/editor-common/styles");
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
+var _fg = require("@atlaskit/platform-feature-flags/fg");
 var TableStickyScrollbar = exports.TableStickyScrollbar = /*#__PURE__*/function () {
   function TableStickyScrollbar(wrapper) {
     var _this = this;
@@ -51,7 +51,7 @@ var TableStickyScrollbar = exports.TableStickyScrollbar = /*#__PURE__*/function
       var scrollbarContainers = (_this$wrapper$parentE = this.wrapper.parentElement) === null || _this$wrapper$parentE === void 0 ? void 0 : _this$wrapper$parentE.querySelectorAll(".".concat(_styles.TableSharedCssClassName.TABLE_STICKY_SCROLLBAR_CONTAINER));
 
       // eslint-disable-next-line @atlaskit/editor/no-as-casting, @atlaskit/platform/valid-gate-name
-      this.stickyScrollbarContainerElement = (0, _platformFeatureFlags.fg)('platform_editor_querySelector_fix_table_renderer') ? scrollbarContainers === null || scrollbarContainers === void 0 ? void 0 : scrollbarContainers.item(scrollbarContainers.length - 1) : (_this$wrapper$parentE2 = this.wrapper.parentElement) === null || _this$wrapper$parentE2 === void 0 ? void 0 : _this$wrapper$parentE2.querySelector(".".concat(_styles.TableSharedCssClassName.TABLE_STICKY_SCROLLBAR_CONTAINER));
+      this.stickyScrollbarContainerElement = (0, _fg.fg)('platform_editor_querySelector_fix_table_renderer') ? scrollbarContainers === null || scrollbarContainers === void 0 ? void 0 : scrollbarContainers.item(scrollbarContainers.length - 1) : (_this$wrapper$parentE2 = this.wrapper.parentElement) === null || _this$wrapper$parentE2 === void 0 ? void 0 : _this$wrapper$parentE2.querySelector(".".concat(_styles.TableSharedCssClassName.TABLE_STICKY_SCROLLBAR_CONTAINER));
       if (this.stickyScrollbarContainerElement) {
         // Ignored via go/ees005
         // eslint-disable-next-line @repo/internal/dom-events/no-unsafe-event-listeners
@@ -93,7 +93,7 @@ var TableStickyScrollbar = exports.TableStickyScrollbar = /*#__PURE__*/function
       var bottomSentinels = (_this$wrapper = this.wrapper) === null || _this$wrapper === void 0 || (_this$wrapper = _this$wrapper.parentElement) === null || _this$wrapper === void 0 ? void 0 : _this$wrapper.getElementsByClassName(_styles.TableSharedCssClassName.TABLE_STICKY_SCROLLBAR_SENTINEL_BOTTOM);
 
       // eslint-disable-next-line @atlaskit/platform/valid-gate-name
-      this.sentinels.bottom = (0, _platformFeatureFlags.fg)('platform_editor_querySelector_fix_table_renderer') ? // eslint-disable-next-line @atlaskit/editor/no-as-casting
+      this.sentinels.bottom = (0, _fg.fg)('platform_editor_querySelector_fix_table_renderer') ? // eslint-disable-next-line @atlaskit/editor/no-as-casting
       bottomSentinels === null || bottomSentinels === void 0 ? void 0 : bottomSentinels.item(bottomSentinels.length - 1) : // eslint-disable-next-line @atlaskit/editor/no-as-casting
       (_this$wrapper2 = this.wrapper) === null || _this$wrapper2 === void 0 || (_this$wrapper2 = _this$wrapper2.parentElement) === null || _this$wrapper2 === void 0 || (_this$wrapper2 = _this$wrapper2.getElementsByClassName(_styles.TableSharedCssClassName.TABLE_STICKY_SCROLLBAR_SENTINEL_BOTTOM)) === null || _this$wrapper2 === void 0 ? void 0 : _this$wrapper2.item(0);
 

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

@@ -14,11 +14,10 @@ var _editorSmartLinkDraggable = require("@atlaskit/editor-smart-link-draggable")
 var _getCardClickHandler = require("../utils/getCardClickHandler");
 var _utils = require("../../utils");
 var _inlineCard = _interopRequireDefault(require("./inlineCard"));
-var _analyticsNext = require("@atlaskit/analytics-next");
+var _AnalyticsContext = _interopRequireDefault(require("@atlaskit/analytics-next/AnalyticsContext"));
 var _linkDatasource = require("@atlaskit/link-datasource");
 var _ssr = require("@atlaskit/smart-card/ssr");
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
-var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
+var _fg = require("@atlaskit/platform-feature-flags/fg");
 var _utils2 = require("@atlaskit/editor-common/utils");
 var _PortalContext = require("../../ui/Renderer/PortalContext");
 var _consts = require("../../consts");
@@ -40,22 +39,12 @@ var datasourceContainerStyleWithMarginTop = (0, _react.css)({
   marginBottom: "var(--ds-space-150, 12px)"
 });
 
-// No vertical margin when inside center wrapper (wrapper has margin so it participates in collapse). Styles from datasourceContainerStyleLegacy
+// No vertical margin when inside center wrapper (wrapper has margin so it participates in collapse).
 var datasourceContainerStyleNoVerticalMargin = (0, _react.css)({
   borderRadius: "var(--ds-radius-large, 8px)",
   border: "var(--ds-border-width, 1px)".concat(" solid ", "var(--ds-border, #0B120E24)"),
   overflow: 'hidden'
 });
-var datasourceContainerStyleLegacy = (0, _react.css)({
-  borderRadius: "var(--ds-radius-large, 8px)",
-  border: "var(--ds-border-width, 1px)".concat(" solid ", "var(--ds-border, #0B120E24)"),
-  overflow: 'hidden',
-  // eslint-disable-next-line @atlaskit/design-system/use-tokens-space
-  marginLeft: '50%',
-  marginBottom: "var(--ds-space-150, 12px)",
-  transform: 'translateX(-50%)',
-  marginTop: "var(--ds-space-150, 12px)"
-});
 function BlockCard(props) {
   var url = props.url,
     data = props.data,
@@ -72,7 +61,7 @@ function BlockCard(props) {
   var onClick = (0, _getCardClickHandler.getCardClickHandler)(eventHandlers, url);
   // SmartCardEventClickHandler — (e, url?) => void — for CardErrorBoundary.
   // When the gate is off, fall back to the old behaviour (pass the same onClick as Card).
-  var onConsumerClick = (0, _platformFeatureFlags.fg)('platform_smartlink_xpc_url_wrapping') ? (0, _utils.getEventHandler)(eventHandlers, 'smartCard') : onClick;
+  var onConsumerClick = (0, _fg.fg)('platform_smartlink_xpc_url_wrapping') ? (0, _utils.getEventHandler)(eventHandlers, 'smartCard') : onClick;
   var platform = 'web';
   var cardProps = {
     url: url,
@@ -128,7 +117,7 @@ function BlockCard(props) {
       });
       var datasource = props.datasource,
         layout = props.layout;
-      return (0, _react.jsx)(_analyticsNext.AnalyticsContext, {
+      return (0, _react.jsx)(_AnalyticsContext.default, {
         data: analyticsData
       }, (0, _react.jsx)(_fallback.CardErrorBoundary, (0, _extends2.default)({
         unsupportedComponent: _ui.UnsupportedInline,
@@ -140,10 +129,9 @@ function BlockCard(props) {
         onClick: onConsumerClick
       }), (0, _react.jsx)(_ui.WidthConsumer, null, function (_ref5) {
         var width = _ref5.width;
-        var useStickySafeCentering = (0, _expValEquals.expValEquals)('platform_editor_flex_based_centering', 'isEnabled', true);
-        var useCenterWrapper = !isNodeNested && useStickySafeCentering;
+        var useCenterWrapper = !isNodeNested;
         var datasourceDiv = (0, _react.jsx)("div", {
-          css: useCenterWrapper ? datasourceContainerStyleNoVerticalMargin : useStickySafeCentering ? datasourceContainerStyleWithMarginTop : datasourceContainerStyleLegacy,
+          css: useCenterWrapper ? datasourceContainerStyleNoVerticalMargin : datasourceContainerStyleWithMarginTop,
           "data-testid": "renderer-datasource-table",
           "data-local-id": localId,
           style: {
@@ -180,7 +168,7 @@ function BlockCard(props) {
   // NOTE: This is a temporary solution to allow for the gradual rollout of SSR smart links for jira and keep it
   // fully rolled out for confluence since both gates target different products keep only one gate to control the behavior
   // isnt correct.
-  (0, _platformFeatureFlags.fg)('platform_ssr_smartlink_cards') || (0, _platformFeatureFlags.fg)('jfp-magma-ssr-iv-editor-links'))) {
+  (0, _fg.fg)('platform_ssr_smartlink_cards') || (0, _fg.fg)('jfp-magma-ssr-iv-editor-links'))) {
     cardComponent = (0, _react.jsx)(_ssr.CardSSR, (0, _extends2.default)({
       appearance: "block",
       platform: platform
@@ -205,7 +193,7 @@ function BlockCard(props) {
     url: url || '',
     appearance: _editorSmartLinkDraggable.SMART_LINK_APPEARANCE.BLOCK,
     source: _editorSmartLinkDraggable.SMART_LINK_DRAG_TYPES.RENDERER
-  }, (0, _react.jsx)(_analyticsNext.AnalyticsContext, {
+  }, (0, _react.jsx)(_AnalyticsContext.default, {
     data: analyticsData
   }, (0, _react.jsx)("div", {
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766

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

@@ -8,7 +8,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _react = _interopRequireWildcard(require("react"));
-var _analyticsNext = require("@atlaskit/analytics-next");
+var _useAnalyticsEvents2 = require("@atlaskit/analytics-next/useAnalyticsEvents");
 var _extension = require("./extension");
 var _ErrorBoundary = require("../../ui/Renderer/ErrorBoundary");
 var _ExtensionRenderer = _interopRequireDefault(require("../../ui/ExtensionRenderer"));
@@ -30,7 +30,7 @@ var BodiedExtension = function BodiedExtension(props) {
     localId = props.localId,
     shouldDisplayExtensionAsInline = props.shouldDisplayExtensionAsInline,
     fireAnalyticsEvent = props.fireAnalyticsEvent;
-  var _useAnalyticsEvents = (0, _analyticsNext.useAnalyticsEvents)(),
+  var _useAnalyticsEvents = (0, _useAnalyticsEvents2.useAnalyticsEvents)(),
     createAnalyticsEvent = _useAnalyticsEvents.createAnalyticsEvent;
   var removeOverflow = _react.default.Children.toArray(children)
   // Ignored via go/ees005

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

@@ -10,7 +10,7 @@ var _react = require("react");
 var _react2 = require("@emotion/react");
 var _reactIntl = require("react-intl");
 var _styles = require("@atlaskit/editor-common/styles");
-var _code = require("@atlaskit/code");
+var _codeBlock = _interopRequireDefault(require("@atlaskit/code/code-block"));
 var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
 var _codeBlockContainer = _interopRequireDefault(require("./components/codeBlockContainer"));
 /**
@@ -53,7 +53,7 @@ function CodeBlock(props) {
     setWrapLongLines: setWrapLongLines,
     text: text,
     wrapLongLines: wrapLongLines
-  }, (0, _react2.jsx)(_code.CodeBlock, {
+  }, (0, _react2.jsx)(_codeBlock.default, {
     testId: "renderer-code-block",
     language: language,
     text: text,

package/dist/cjs/react/nodes/codeBlock/components/codeBlockCopyButton.js

@@ -6,10 +6,10 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-var _customThemeButton = _interopRequireDefault(require("@atlaskit/button/custom-theme-button"));
+var _customThemeButton = _interopRequireDefault(require("@atlaskit/button/custom-theme-button/custom-theme-button"));
 var _messages = require("@atlaskit/editor-common/messages");
 var _copy = _interopRequireDefault(require("@atlaskit/icon/core/copy"));
-var _tooltip = _interopRequireDefault(require("@atlaskit/tooltip"));
+var _Tooltip = _interopRequireDefault(require("@atlaskit/tooltip/Tooltip"));
 var _react = require("@emotion/react");
 var _react2 = require("react");
 var _reactIntl = require("react-intl");
@@ -40,7 +40,7 @@ var CopyButton = function CopyButton(_ref) {
   };
   return (0, _react.jsx)(_analyticsContext.default.Consumer, null, function (_ref2) {
     var fireAnalyticsEvent = _ref2.fireAnalyticsEvent;
-    return (0, _react.jsx)("span", null, (0, _react.jsx)(_tooltip.default, {
+    return (0, _react.jsx)("span", null, (0, _react.jsx)(_Tooltip.default, {
       content: tooltip,
       hideTooltipOnClick: false,
       position: "top"

package/dist/cjs/react/nodes/codeBlock/components/codeBlockDownloadButton.js

@@ -8,8 +8,8 @@ exports.default = void 0;
 var _reactIntl = require("react-intl");
 var _download = _interopRequireDefault(require("@atlaskit/icon/core/download"));
 var _react = require("@emotion/react");
-var _new = require("@atlaskit/button/new");
-var _tooltip = _interopRequireDefault(require("@atlaskit/tooltip"));
+var _button = _interopRequireDefault(require("@atlaskit/button/icon/button"));
+var _Tooltip = _interopRequireDefault(require("@atlaskit/tooltip/Tooltip"));
 var _messages = require("@atlaskit/editor-common/messages");
 var _analyticsContext = _interopRequireDefault(require("../../../../analytics/analyticsContext"));
 var _enums = require("../../../../analytics/enums");
@@ -126,11 +126,11 @@ var DownloadButton = function DownloadButton(_ref) {
   var tooltip = intl.formatMessage(_messages.codeBlockButtonMessages.downloadCodeBlock);
   return (0, _react.jsx)(_analyticsContext.default.Consumer, null, function (_ref2) {
     var fireAnalyticsEvent = _ref2.fireAnalyticsEvent;
-    return (0, _react.jsx)("span", null, (0, _react.jsx)(_tooltip.default, {
+    return (0, _react.jsx)("span", null, (0, _react.jsx)(_Tooltip.default, {
       content: tooltip,
       hideTooltipOnClick: false,
       position: "top"
-    }, (0, _react.jsx)("div", null, (0, _react.jsx)(_new.IconButton, {
+    }, (0, _react.jsx)("div", null, (0, _react.jsx)(_button.default, {
       appearance: "subtle",
       label: tooltip,
       icon: _download.default

package/dist/cjs/react/nodes/codeBlock/components/codeBlockWrapButton.js

@@ -8,9 +8,9 @@ exports.default = void 0;
 var _react = require("@emotion/react");
 var _reactIntl = require("react-intl");
 var _textWrap = _interopRequireDefault(require("@atlaskit/icon/core/text-wrap"));
-var _customThemeButton = _interopRequireDefault(require("@atlaskit/button/custom-theme-button"));
+var _customThemeButton = _interopRequireDefault(require("@atlaskit/button/custom-theme-button/custom-theme-button"));
 var _messages = require("@atlaskit/editor-common/messages");
-var _tooltip = _interopRequireDefault(require("@atlaskit/tooltip"));
+var _Tooltip = _interopRequireDefault(require("@atlaskit/tooltip/Tooltip"));
 var _analyticsContext = _interopRequireDefault(require("../../../../analytics/analyticsContext"));
 var _enums = require("../../../../analytics/enums");
 /**
@@ -26,7 +26,7 @@ var CodeBlockWrapButton = function CodeBlockWrapButton(_ref) {
   var wrapMessage = intl.formatMessage(wrapLongLines ? _messages.codeBlockButtonMessages.unwrapCode : _messages.codeBlockButtonMessages.wrapCode);
   return (0, _react.jsx)(_analyticsContext.default.Consumer, null, function (_ref2) {
     var fireAnalyticsEvent = _ref2.fireAnalyticsEvent;
-    return (0, _react.jsx)("span", null, (0, _react.jsx)(_tooltip.default, {
+    return (0, _react.jsx)("span", null, (0, _react.jsx)(_Tooltip.default, {
       content: wrapMessage,
       hideTooltipOnClick: false,
       position: "top"

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

@@ -14,9 +14,8 @@ var _ssr = require("@atlaskit/smart-card/ssr");
 var _linkProvider = require("@atlaskit/link-provider");
 var _ui = require("@atlaskit/editor-common/ui");
 var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
-var _platformFeatureFlagsReact = require("@atlaskit/platform-feature-flags-react");
-var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
+var _fg = require("@atlaskit/platform-feature-flags/fg");
+var _componentWithCondition = require("@atlaskit/platform-feature-flags-react/component-with-condition");
 var _experiments = require("@atlaskit/tmp-editor-statsig/experiments");
 var _fallback = require("./fallback");
 var _editorSmartLinkDraggable = require("@atlaskit/editor-smart-link-draggable");
@@ -24,7 +23,7 @@ var _consts = require("../../consts");
 var _style = require("../../ui/Renderer/style");
 var _getCardClickHandler = require("../utils/getCardClickHandler");
 var _utils = require("../../utils");
-var _analyticsNext = require("@atlaskit/analytics-next");
+var _AnalyticsContext = _interopRequireDefault(require("@atlaskit/analytics-next/AnalyticsContext"));
 var _PortalContext = require("../../ui/Renderer/PortalContext");
 var _blockCard = _interopRequireDefault(require("./blockCard"));
 /**
@@ -52,14 +51,6 @@ var embedCardCenterWrapperStyles = (0, _react.css)({
   // eslint-disable-next-line @atlaskit/design-system/use-tokens-space -- Matches editor-common MediaSingle calcMargin
   margin: '24px 0'
 });
-
-// Legacy centering when platform_editor_flex_based_centering is off.
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-var uIMediaSingleLayoutStylesLegacy = (0, _react.css)({
-  // eslint-disable-next-line @atlaskit/design-system/use-tokens-space
-  marginLeft: '50%',
-  transform: 'translateX(-50%)'
-});
 function EmbedCardInternal(props) {
   var _smartLinks$frameStyl;
   var url = props.url,
@@ -78,7 +69,7 @@ function EmbedCardInternal(props) {
   var onClick = (0, _getCardClickHandler.getCardClickHandler)(eventHandlers, url);
   // SmartCardEventClickHandler — (e, url?) => void — for CardErrorBoundary.
   // When the gate is off, fall back to the old behaviour (pass the same onClick as Card).
-  var onConsumerClick = (0, _platformFeatureFlags.fg)('platform_smartlink_xpc_url_wrapping') ? (0, _utils.getEventHandler)(eventHandlers, 'smartCard') : onClick;
+  var onConsumerClick = (0, _fg.fg)('platform_smartlink_xpc_url_wrapping') ? (0, _utils.getEventHandler)(eventHandlers, 'smartCard') : onClick;
   var _ref = smartLinks || {},
     actionOptions = _ref.actionOptions;
   var platform = 'web';
@@ -144,7 +135,7 @@ function EmbedCardInternal(props) {
     // Below is added for the future implementation of Linking Platform namespaced analytic context
     location: 'renderer'
   };
-  return (0, _react.jsx)(_analyticsNext.AnalyticsContext, {
+  return (0, _react.jsx)(_AnalyticsContext.default, {
     data: analyticsData
   }, (0, _react.jsx)(_ui.WidthConsumer, null, function (_ref3) {
     var documentWidth = _ref3.width;
@@ -164,8 +155,6 @@ function EmbedCardInternal(props) {
       }
     }
     var lineLength = isFullWidth ? Math.min(_editorSharedStyles.akEditorFullWidthLayoutWidth, containerWidth - padding) : nonFullWidthSize;
-    var useStickySafeCentering = (0, _expValEquals.expValEquals)('platform_editor_flex_based_centering', 'isEnabled', true);
-    var uiMediaSingleStyles = layout === 'full-width' || layout === 'wide' ? useStickySafeCentering ? undefined : uIMediaSingleLayoutStylesLegacy : '';
     var onError = function onError(_ref4) {
       var err = _ref4.err;
       if (err) {
@@ -173,7 +162,7 @@ function EmbedCardInternal(props) {
       }
     };
     var cardComponent;
-    if (smartLinks !== null && smartLinks !== void 0 && smartLinks.ssr && url && ((0, _platformFeatureFlags.fg)('platform_ssr_smartlink_embeds') || (0, _platformFeatureFlags.fg)('jfp-magma-ssr-iv-editor-links'))) {
+    if (smartLinks !== null && smartLinks !== void 0 && smartLinks.ssr && url && ((0, _fg.fg)('platform_ssr_smartlink_embeds') || (0, _fg.fg)('jfp-magma-ssr-iv-editor-links'))) {
       var _smartLinks$frameStyl2;
       var ssrCardProps = {
         url: url,
@@ -221,9 +210,8 @@ function EmbedCardInternal(props) {
         embedIframeRef: embedIframeRef,
         onHeightUpdate: setLiveHeight
       }, function () {
-        var useCenterWrapper = (layout === 'full-width' || layout === 'wide') && (0, _expValEquals.expValEquals)('platform_editor_flex_based_centering', 'isEnabled', true);
+        var useCenterWrapper = layout === 'full-width' || layout === 'wide';
         var mediaSingle = (0, _react.jsx)(_ui.MediaSingle, {
-          css: uiMediaSingleStyles,
           layout: layout,
           width: originalWidth,
           containerWidth: containerWidth,
@@ -297,7 +285,7 @@ var EmbedOrBlockCardInternal = exports.EmbedOrBlockCardInternal = function Embed
     onSetLinkTarget: onSetLinkTarget
   });
 };
-var EmbedCardWithCondition = (0, _platformFeatureFlagsReact.componentWithCondition)(function () {
+var EmbedCardWithCondition = (0, _componentWithCondition.componentWithCondition)(function () {
   return (0, _experiments.editorExperiment)('platform_editor_preview_panel_responsiveness', true, {
     exposure: true
   });

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

@@ -13,7 +13,7 @@ var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _react = require("@emotion/react");
 var _emoji = require("@atlaskit/editor-common/emoji");
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
+var _fg = require("@atlaskit/platform-feature-flags/fg");
 var _element = require("@atlaskit/emoji/element");
 var _react2 = require("react");
 var _providerFactory = require("@atlaskit/editor-common/provider-factory");
@@ -62,7 +62,7 @@ var EmojiNode = /*#__PURE__*/function (_PureComponent) {
         // Character (U+FFFD) instead of the shortName text. Standard emojis
         // continue to fall back to their Unicode text representation.
         var fallbackText = fallback || shortName;
-        var useReplacementChar = (0, _platformFeatureFlags.fg)('platform_editor_custom_emoji_unicode_fallback') && !isSingleEmoji(fallbackText);
+        var useReplacementChar = (0, _fg.fg)('platform_editor_custom_emoji_unicode_fallback') && !isSingleEmoji(fallbackText);
         var renderedFallbackText = useReplacementChar ? "\uFFFD" : fallbackText;
         var accessibleLabel = "".concat(_emoji.messages.emojiNodeLabel.defaultMessage, " ").concat(shortName);
         return (0, _react.jsx)("span", {
@@ -140,7 +140,7 @@ var EmojiItemComponent = exports.EmojiItemComponent = function EmojiItemComponen
     emojiProviderLookupOrder = props.emojiProviderLookupOrder,
     resourceConfig = props.resourceConfig;
   var inlineAnnotationProps = (0, _useInlineAnnotationProps.useInlineAnnotationProps)(props);
-  if ((0, _platformFeatureFlags.fg)('editor_inline_comments_on_inline_nodes')) {
+  if ((0, _fg.fg)('editor_inline_comments_on_inline_nodes')) {
     return (
       // Ignored via go/ees005
       // eslint-disable-next-line react/jsx-props-no-spreading

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

@@ -17,7 +17,7 @@ var _consts = require("../../consts");
 var _isExperimentEnabled = require("@atlaskit/platform-feature-experiments/is-experiment-enabled");
 var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
 var _breakout = require("../utils/breakout");
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
+var _fg = require("@atlaskit/platform-feature-flags/fg");
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
 /**
  * @jsxRuntime classic
@@ -134,9 +134,9 @@ var renderExtension = exports.renderExtension = function renderExtension(content
       // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop
       ,
       className: "".concat(_consts.RendererCssClassName.EXTENSION_INNER_WRAPPER, " ").concat(overflowContainerClass),
-      css: [!(isInsideOfTable && (0, _isExperimentEnabled.isExperimentEnabled)('platform_editor_table_fit_to_content_patch_1')) && !isInsideOfInlineExtension && (0, _platformFeatureFlags.fg)('platform_fix_macro_renders_in_layouts') && containerStyle]
+      css: [!(isInsideOfTable && (0, _isExperimentEnabled.isExperimentEnabled)('platform_editor_table_fit_to_content_patch_1')) && !isInsideOfInlineExtension && (0, _fg.fg)('platform_fix_macro_renders_in_layouts') && containerStyle]
     }, asInlineAnalytics, content));
-    return centerAlignClass && (0, _expValEquals.expValEquals)('platform_editor_flex_based_centering', 'isEnabled', true) ? (0, _react.jsx)("div", {
+    return centerAlignClass ? (0, _react.jsx)("div", {
       // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop
       className: _consts.RendererCssClassName.STICKY_SAFE_CENTER_WRAPPER + ' ' + _consts.RendererCssClassName.FLEX_CENTER_WRAPPER
     }, extensionDiv) : extensionDiv;
@@ -164,9 +164,9 @@ var renderExtension = exports.renderExtension = function renderExtension(content
       // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop
       ,
       className: "".concat(_consts.RendererCssClassName.EXTENSION_INNER_WRAPPER, " ").concat(overflowContainerClass),
-      css: [!(isInsideOfTable && (0, _isExperimentEnabled.isExperimentEnabled)('platform_editor_table_fit_to_content_patch_1')) && !isInsideOfInlineExtension && (0, _platformFeatureFlags.fg)('platform_fix_macro_renders_in_layouts') && containerStyle]
+      css: [!(isInsideOfTable && (0, _isExperimentEnabled.isExperimentEnabled)('platform_editor_table_fit_to_content_patch_1')) && !isInsideOfInlineExtension && (0, _fg.fg)('platform_fix_macro_renders_in_layouts') && containerStyle]
     }, asInlineAnalytics, content));
-    return centerAlignClass && (0, _expValEquals.expValEquals)('platform_editor_flex_based_centering', 'isEnabled', true) ? (0, _react.jsx)("div", {
+    return centerAlignClass ? (0, _react.jsx)("div", {
       // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop
       className: _consts.RendererCssClassName.STICKY_SAFE_CENTER_WRAPPER + ' ' + _consts.RendererCssClassName.FLEX_CENTER_WRAPPER
     }, extensionDiv) : extensionDiv;