@atlaskit/renderer 136.2.5 → 136.2.7

package/dist/cjs/react/nodes/layoutColumn-emotion.js

@@ -9,7 +9,7 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
 var _react = _interopRequireDefault(require("react"));
 var _react2 = require("@emotion/react");
 var _ui = require("@atlaskit/editor-common/ui");
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
+var _fg = require("@atlaskit/platform-feature-flags/fg");
 var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
 /**
  * @jsxRuntime classic
@@ -70,7 +70,7 @@ var LayoutSectionEmotion = exports.LayoutSectionEmotion = function LayoutSection
     },
     css: [
     // Keep separate: Compiled crashes on ternary/object lookup here.
-    (isLayoutColumnValignRenderingEnabled || isLayoutColumnMenuEnabled) && props.valign === 'middle' && verticalAlignMiddleStyles, (isLayoutColumnValignRenderingEnabled || isLayoutColumnMenuEnabled) && props.valign === 'bottom' && verticalAlignBottomStyles, (0, _platformFeatureFlags.fg)('platform_editor_fix_media_in_renderer') && multipleWrappedImagesStyle]
+    (isLayoutColumnValignRenderingEnabled || isLayoutColumnMenuEnabled) && props.valign === 'middle' && verticalAlignMiddleStyles, (isLayoutColumnValignRenderingEnabled || isLayoutColumnMenuEnabled) && props.valign === 'bottom' && verticalAlignBottomStyles, (0, _fg.fg)('platform_editor_fix_media_in_renderer') && multipleWrappedImagesStyle]
   }, (0, _react2.jsx)(_ui.WidthProvider, null, (0, _react2.jsx)("div", {
     css: [clearNextSiblingMarginTopStyle, clearNextSiblingBlockMarkMarginTopStyle]
   }), props.children));

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

@@ -6,11 +6,11 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = LayoutSection;
 var _react = _interopRequireDefault(require("react"));
-var _platformFeatureFlagsReact = require("@atlaskit/platform-feature-flags-react");
+var _componentWithCondition = require("@atlaskit/platform-feature-flags-react/component-with-condition");
 var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
 var _layoutColumnCompiled = require("./layoutColumn-compiled");
 var _layoutColumnEmotion = require("./layoutColumn-emotion");
-var LayoutSectionMigration = (0, _platformFeatureFlagsReact.componentWithCondition)(function () {
+var LayoutSectionMigration = (0, _componentWithCondition.componentWithCondition)(function () {
   return (0, _expValEquals.expValEquals)('platform_editor_renderer_static_css', 'isEnabled', true);
 }, _layoutColumnCompiled.LayoutSectionCompiled, _layoutColumnEmotion.LayoutSectionEmotion);
 

package/dist/cjs/react/nodes/media/index.js

@@ -17,11 +17,11 @@ var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/sli
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _react = _interopRequireWildcard(require("react"));
 var _react2 = require("@emotion/react");
-var _analyticsNext = require("@atlaskit/analytics-next");
-var _analyticsNamespacedContext = require("@atlaskit/analytics-namespaced-context");
+var _AnalyticsContext = _interopRequireDefault(require("@atlaskit/analytics-next/AnalyticsContext"));
+var _MediaAnalyticsContext = require("@atlaskit/analytics-namespaced-context/MediaAnalyticsContext");
 var _providerFactory = require("@atlaskit/editor-common/provider-factory");
 var _ui = require("@atlaskit/editor-common/ui");
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
+var _fg = require("@atlaskit/platform-feature-flags/fg");
 var _MediaCard = require("../../../ui/MediaCard");
 var _adfSchema = require("@atlaskit/adf-schema");
 var _editorPalette = require("@atlaskit/editor-palette");
@@ -79,7 +79,7 @@ var MediaBorder = function MediaBorder(_ref) {
   // [FEATURE FLAG: platform_editor_media_border_radius_fix]
   // Fixes border radius to properly match image with 8px radius
   // To clean up: keep only flag-on behavior ('8px')
-  var borderRadius = (0, _platformFeatureFlags.fg)('platform_editor_media_border_radius_fix') ? "var(--ds-radius-large, 8px)" : "".concat(borderWidth, "px"); // OLD BEHAVIOR (to be removed when flag is cleaned up)
+  var borderRadius = (0, _fg.fg)('platform_editor_media_border_radius_fix') ? "var(--ds-radius-large, 8px)" : "".concat(borderWidth, "px"); // OLD BEHAVIOR (to be removed when flag is cleaned up)
 
   return (0, _react2.jsx)("div", {
     "data-mark-type": "border",
@@ -246,7 +246,7 @@ var Media = /*#__PURE__*/function (_PureComponent) {
     (0, _classCallCheck2.default)(this, Media);
     _this = _callSuper(this, Media, [props]);
     (0, _defineProperty2.default)(_this, "getDataConsumerMark", function () {
-      return (0, _platformFeatureFlags.fg)('cc-maui-add-mark-for-remix-generated-images') ? _this.props.marks.find(function (m) {
+      return (0, _fg.fg)('cc-maui-add-mark-for-remix-generated-images') ? _this.props.marks.find(function (m) {
         var _m$type;
         return m.type === 'dataConsumer' || ((_m$type = m.type) === null || _m$type === void 0 ? void 0 : _m$type.name) === 'dataConsumer';
       }) : undefined;
@@ -284,10 +284,10 @@ var Media = /*#__PURE__*/function (_PureComponent) {
         marks: annotationMarks
       }, (0, _react2.jsx)(MediaBorder, {
         mark: borderMark
-      }, (0, _react2.jsx)(_analyticsNext.AnalyticsContext
+      }, (0, _react2.jsx)(_AnalyticsContext.default
       // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
       , {
-        data: (0, _defineProperty2.default)({}, _analyticsNamespacedContext.MEDIA_CONTEXT, {
+        data: (0, _defineProperty2.default)({}, _MediaAnalyticsContext.MEDIA_CONTEXT, {
           border: !!borderMark,
           // Only defined for remix-generated media (i.e. media nodes with a dataConsumer mark).
           // Format: "remix:{type}:{subtype}" e.g. "remix:infographic:corporate-doodle"

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

@@ -16,7 +16,7 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
 var _react = _interopRequireWildcard(require("react"));
 var _mediaCard = require("@atlaskit/media-card");
 var _mediaFilmstrip = require("@atlaskit/media-filmstrip");
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
+var _fg = require("@atlaskit/platform-feature-flags/fg");
 var _vcMedia = require("@atlaskit/react-ufo/vc-media");
 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); }
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
@@ -101,7 +101,7 @@ var MediaGroup = exports.default = /*#__PURE__*/function (_PureComponent) {
       return /*#__PURE__*/_react.default.cloneElement(child, {
         // the media group component renders in crop mode in editor thus this enables consistency
         // also crop is much easier to make consistent across SSR and hydration
-        resizeMode: (0, _platformFeatureFlags.fg)('media-perf-uplift-mutation-fix') ? 'crop' : 'stretchy-fit',
+        resizeMode: (0, _fg.fg)('media-perf-uplift-mutation-fix') ? 'crop' : 'stretchy-fit',
         cardDimensions: _mediaCard.defaultImageCardDimensions,
         useInlinePlayer: false,
         featureFlags: this.props.featureFlags,

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

@@ -14,12 +14,13 @@ var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/sli
 var _mediaInline = require("@atlaskit/editor-common/media-inline");
 var _providerFactory = require("@atlaskit/editor-common/provider-factory");
 var _mediaCard = require("@atlaskit/media-card");
-var _mediaClientReact = require("@atlaskit/media-client-react");
-var _mediaUi = require("@atlaskit/media-ui");
+var _mediaClientProvider = require("@atlaskit/media-client-react/media-client-provider");
+var _getMediaClient = require("@atlaskit/media-client-react/get-media-client");
+var _LoadingView = require("@atlaskit/media-ui/LoadingView");
 var _react = _interopRequireWildcard(require("react"));
 var _reactIntl = require("react-intl");
 var _MediaCard = require("../../ui/MediaCard");
-var _analyticsNext = require("@atlaskit/analytics-next");
+var _useAnalyticsEvents2 = require("@atlaskit/analytics-next/useAnalyticsEvents");
 var _ErrorBoundary = require("../../ui/Renderer/ErrorBoundary");
 var _enums = require("../../analytics/enums");
 var _analytics = require("@atlaskit/editor-common/analytics");
@@ -41,7 +42,7 @@ var RenderMediaInline = function RenderMediaInline(_ref) {
     _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
     fileState = _useState4[0],
     setFileState = _useState4[1];
-  var mediaClient = (0, _react.useContext)(_mediaClientReact.MediaClientContext);
+  var mediaClient = (0, _react.useContext)(_mediaClientProvider.MediaClientContext);
   var contextIdentifierProvider = (0, _providerFactory.useProvider)('contextIdentifierProvider');
   (0, _react.useEffect)(function () {
     if (contextIdentifierProvider) {
@@ -110,7 +111,7 @@ var RenderMediaInline = function RenderMediaInline(_ref) {
    * prevents calling the media API before the provider is ready
    */
   if (!mediaClient) {
-    return /*#__PURE__*/_react.default.createElement(_mediaUi.MediaInlineCardLoadingView, {
+    return /*#__PURE__*/_react.default.createElement(_LoadingView.MediaInlineCardLoadingView, {
       message: "",
       isSelected: false
     });
@@ -171,8 +172,8 @@ var MediaInline = function MediaInline(props) {
     // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
     collectionName: collection
   };
-  var mediaClient = (0, _react.useContext)(_mediaClientReact.MediaClientContext);
-  var _useAnalyticsEvents = (0, _analyticsNext.useAnalyticsEvents)(),
+  var mediaClient = (0, _react.useContext)(_mediaClientProvider.MediaClientContext);
+  var _useAnalyticsEvents = (0, _useAnalyticsEvents2.useAnalyticsEvents)(),
     createAnalyticsEvent = _useAnalyticsEvents.createAnalyticsEvent;
   if (fileType === 'image') {
     var _borderMark$attrs$col, _borderMark$attrs$siz;
@@ -189,7 +190,7 @@ var MediaInline = function MediaInline(props) {
       componentId: _analytics.ACTION_SUBJECT_ID.MEDIA_INLINE_IMAGE,
       createAnalyticsEvent: createAnalyticsEvent
     }, /*#__PURE__*/_react.default.createElement(_mediaInline.MediaInlineImageCard, {
-      mediaClient: ssr !== null && ssr !== void 0 && ssr.config ? (0, _mediaClientReact.getMediaClient)(ssr.config) : mediaClient,
+      mediaClient: ssr !== null && ssr !== void 0 && ssr.config ? (0, _getMediaClient.getMediaClient)(ssr.config) : mediaClient,
       identifier: identifier,
       alt: alt,
       width: width,

package/dist/cjs/react/nodes/mediaSingle/index.js

@@ -12,7 +12,7 @@ var _react = _interopRequireWildcard(require("react"));
 var _react2 = require("@emotion/react");
 var _reactIntl = require("react-intl");
 var _ui = require("@atlaskit/editor-common/ui");
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
+var _fg = require("@atlaskit/platform-feature-flags/fg");
 var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
 var _coreUtils = require("@atlaskit/editor-common/core-utils");
 var _style = require("../../../ui/Renderer/style");
@@ -141,7 +141,7 @@ var MediaSingleWithChildren = function MediaSingleWithChildren(props) {
   var calcDimensions = (0, _react.useCallback)(function (mediaContainerWidth) {
     var containerWidth = getMediaContainerWidth(mediaContainerWidth, layout);
     var cardDimensions = {};
-    if ((0, _platformFeatureFlags.fg)('media-perf-uplift-mutation-fix')) {
+    if ((0, _fg.fg)('media-perf-uplift-mutation-fix')) {
       var maxWidth = widthAttr && typeof widthAttr === 'number' && widthType === 'pixel' ? widthAttr : containerWidth;
       cardDimensions = {
         width: "".concat(maxWidth, "px"),

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

@@ -7,7 +7,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _mention = require("@atlaskit/editor-common/mention");
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
+var _fg = require("@atlaskit/platform-feature-flags/fg");
 var _useInlineAnnotationProps = require("../../ui/annotations/element/useInlineAnnotationProps");
 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 _default_1 = /*#__PURE__*/(0, _react.memo)(function MentionItem(props) {
@@ -20,7 +20,7 @@ var _default_1 = /*#__PURE__*/(0, _react.memo)(function MentionItem(props) {
     localId = props.localId,
     userType = props.userType;
   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 (
       /*#__PURE__*/
       // Ignored via go/ees005

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

@@ -11,7 +11,7 @@ var _icons = require("@atlaskit/editor-common/icons");
 var _panel = require("@atlaskit/editor-common/panel");
 var _emoji = _interopRequireDefault(require("@atlaskit/icon/core/emoji"));
 var _lightbulb = _interopRequireDefault(require("@atlaskit/icon/core/lightbulb"));
-var _platformFeatureFlagsReact = require("@atlaskit/platform-feature-flags-react");
+var _componentWithCondition = require("@atlaskit/platform-feature-flags-react/component-with-condition");
 var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
 var _emoji2 = _interopRequireDefault(require("./emoji"));
 var _panelCompiled = require("./panel-compiled");
@@ -25,7 +25,7 @@ var panelIcons = {
   error: _icons.PanelErrorIcon,
   custom: _emoji.default
 };
-var PanelStyledMigration = (0, _platformFeatureFlagsReact.componentWithCondition)(function () {
+var PanelStyledMigration = (0, _componentWithCondition.componentWithCondition)(function () {
   return (0, _expValEquals.expValEquals)('platform_editor_renderer_static_css', 'isEnabled', true);
 }, _panelCompiled.PanelStyledCompiled, _panelEmotion.PanelStyledEmotion);
 var Panel = function Panel(props) {

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

@@ -9,8 +9,8 @@ exports.default = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _react = _interopRequireWildcard(require("react"));
 var _element = require("@atlaskit/status/element");
-var _analyticsNamespacedContext = require("@atlaskit/analytics-namespaced-context");
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
+var _FabricElementsAnalyticsContext = require("@atlaskit/analytics-namespaced-context/FabricElementsAnalyticsContext");
+var _fg = require("@atlaskit/platform-feature-flags/fg");
 var _useInlineAnnotationProps = require("../../ui/annotations/element/useInlineAnnotationProps");
 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 ANALYTICS_DATA = {
@@ -22,11 +22,11 @@ var _default_1 = /*#__PURE__*/(0, _react.memo)(function Status(props) {
     style = props.style,
     localId = props.localId;
   var inlineAnnotationProps = (0, _useInlineAnnotationProps.useInlineAnnotationProps)(props);
-  if ((0, _platformFeatureFlags.fg)('platform-dst-lozenge-tag-badge-visual-uplifts')) {
-    if ((0, _platformFeatureFlags.fg)('editor_inline_comments_on_inline_nodes')) {
+  if ((0, _fg.fg)('platform-dst-lozenge-tag-badge-visual-uplifts')) {
+    if ((0, _fg.fg)('editor_inline_comments_on_inline_nodes')) {
       return /*#__PURE__*/_react.default.createElement("span", (0, _extends2.default)({}, inlineAnnotationProps, {
         role: 'emphasis'
-      }), /*#__PURE__*/_react.default.createElement(_analyticsNamespacedContext.FabricElementsAnalyticsContext, {
+      }), /*#__PURE__*/_react.default.createElement(_FabricElementsAnalyticsContext.FabricElementsAnalyticsContext, {
         data: ANALYTICS_DATA
       }, /*#__PURE__*/_react.default.createElement(_element.Status, {
         text: style === 'mixedCase' ? text : text.toUpperCase(),
@@ -35,7 +35,7 @@ var _default_1 = /*#__PURE__*/(0, _react.memo)(function Status(props) {
         role: undefined
       })));
     }
-    return /*#__PURE__*/_react.default.createElement(_analyticsNamespacedContext.FabricElementsAnalyticsContext, {
+    return /*#__PURE__*/_react.default.createElement(_FabricElementsAnalyticsContext.FabricElementsAnalyticsContext, {
       data: ANALYTICS_DATA
     }, /*#__PURE__*/_react.default.createElement(_element.Status, {
       text: style === 'mixedCase' ? text : text.toUpperCase(),
@@ -44,10 +44,10 @@ var _default_1 = /*#__PURE__*/(0, _react.memo)(function Status(props) {
       role: undefined
     }));
   }
-  if ((0, _platformFeatureFlags.fg)('editor_inline_comments_on_inline_nodes')) {
+  if ((0, _fg.fg)('editor_inline_comments_on_inline_nodes')) {
     return /*#__PURE__*/_react.default.createElement("span", (0, _extends2.default)({}, inlineAnnotationProps, {
       role: 'emphasis'
-    }), /*#__PURE__*/_react.default.createElement(_analyticsNamespacedContext.FabricElementsAnalyticsContext
+    }), /*#__PURE__*/_react.default.createElement(_FabricElementsAnalyticsContext.FabricElementsAnalyticsContext
     // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
     , {
       data: {
@@ -61,7 +61,7 @@ var _default_1 = /*#__PURE__*/(0, _react.memo)(function Status(props) {
       isBold: true
     })));
   }
-  return /*#__PURE__*/_react.default.createElement(_analyticsNamespacedContext.FabricElementsAnalyticsContext
+  return /*#__PURE__*/_react.default.createElement(_FabricElementsAnalyticsContext.FabricElementsAnalyticsContext
   // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
   , {
     data: {

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

@@ -13,7 +13,7 @@ var _ui = require("@atlaskit/editor-common/ui");
 var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
 var _nodeWidth = require("@atlaskit/editor-common/node-width");
 var _rendererContext = require("../../../renderer-context");
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
+var _fg = require("@atlaskit/platform-feature-flags/fg");
 var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
 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); }
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
@@ -198,7 +198,7 @@ var renderScaleDownColgroup = function renderScaleDownColgroup(props) {
   var skipMinWidth = !!(isInsideOfTable && isInsideOfSyncBlock);
   if (!columnWidths || columnWidths.every(function (width) {
     return width === 0;
-  }) && (0, _platformFeatureFlags.fg)('platform_editor_numbered_column_in_include')) {
+  }) && (0, _fg.fg)('platform_editor_numbered_column_in_include')) {
     return [];
   }
   var tableColumnResized = isTableColumnResized(columnWidths);
@@ -217,7 +217,7 @@ var renderScaleDownColgroup = function renderScaleDownColgroup(props) {
 
   // Tables with numbered columns inside of extensions cannot use the renderWidth when it is 0. In this case, it should
   // explicitly use the width coming from the table node as the final table container width.
-  var tableContainerWidth = rendererAppearance === 'comment' && !(tableNode !== null && tableNode !== void 0 && tableNode.attrs.width) || isRendererNested && (!(0, _platformFeatureFlags.fg)('platform_fix_nested_num_column_scaling') || !isNumberColumnEnabled) ? renderWidth : (0, _nodeWidth.getTableContainerWidth)(tableNode);
+  var tableContainerWidth = rendererAppearance === 'comment' && !(tableNode !== null && tableNode !== void 0 && tableNode.attrs.width) || isRendererNested && (!(0, _fg.fg)('platform_fix_nested_num_column_scaling') || !isNumberColumnEnabled) ? renderWidth : (0, _nodeWidth.getTableContainerWidth)(tableNode);
   if (allowTableResizing && !isInsideOfBlockNode && !isInsideOfTable && !isinsideMultiBodiedExtension && !tableColumnResized) {
     // when no columns are resized, each column should have equal width, equals to tableWidth / noOfColumns
     var _tableWidth = (isNumberColumnEnabled ? tableContainerWidth - _editorSharedStyles.akEditorTableNumberColumnWidth : tableContainerWidth) - 1;
@@ -293,7 +293,7 @@ var renderScaleDownColgroup = function renderScaleDownColgroup(props) {
     scaleDownPercent = calcScalePercent({
       renderWidth: renderWidth,
       tableWidth: tableWidth,
-      maxScale: (0, _platformFeatureFlags.fg)('platform-ssr-table-resize') ? maxScalingPercent : shouldTable100ScaleDown ? 1 : maxScalingPercent,
+      maxScale: (0, _fg.fg)('platform-ssr-table-resize') ? maxScalingPercent : shouldTable100ScaleDown ? 1 : maxScalingPercent,
       isNumberColumnEnabled: isNumberColumnEnabled
     });
   }

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

@@ -10,7 +10,7 @@ var _react = _interopRequireDefault(require("react"));
 var _colgroup = require("./colgroup");
 var _nodeWidth = require("@atlaskit/editor-common/node-width");
 var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
+var _fg = require("@atlaskit/platform-feature-flags/fg");
 var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
 var _table = require("@atlaskit/editor-common/table");
 var _contentMode = require("./content-mode");
@@ -43,7 +43,7 @@ var Table = exports.Table = /*#__PURE__*/_react.default.memo(function (_ref) {
     // in the case we have css container stylings,
     // we don't need to calculate width here as this
     // is done via css
-    if (!(0, _platformFeatureFlags.fg)('platform-ssr-table-resize')) {
+    if (!(0, _fg.fg)('platform-ssr-table-resize')) {
       tableWidth = renderWidth;
     }
   }
@@ -51,7 +51,7 @@ var Table = exports.Table = /*#__PURE__*/_react.default.memo(function (_ref) {
   // for columns that are evenly distributed, do not return `colgroup` since existing table containerQuery
   // scales up the columns width. This ensures columns always have 42px.
   if (rendererAppearance === 'comment') {
-    if ((0, _platformFeatureFlags.fg)('platform-ssr-table-resize')) {
+    if ((0, _fg.fg)('platform-ssr-table-resize')) {
       tableColumnWidths = columnWidths && (0, _colgroup.colWidthSum)(columnWidths) ? columnWidths : undefined;
     }
   }
@@ -65,7 +65,7 @@ var Table = exports.Table = /*#__PURE__*/_react.default.memo(function (_ref) {
     }),
     isTableNested: isInsideOfBlockNode || isInsideOfNestedRenderer || isInsideOfTable
   }) && (0, _expValEquals.expValEquals)('platform_editor_table_fit_to_content_auto_convert', 'isEnabled', true);
-  return /*#__PURE__*/_react.default.createElement("table", (0, _extends2.default)({}, (0, _platformFeatureFlags.fg)('platform_renderer_isPresentational') && {
+  return /*#__PURE__*/_react.default.createElement("table", (0, _extends2.default)({}, (0, _fg.fg)('platform_renderer_isPresentational') && {
     role: isPresentational ? 'presentation' : undefined
   }, {
     "data-testid": "renderer-table",

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

@@ -18,7 +18,7 @@ var _reactIntl = require("react-intl");
 var _styles = require("@atlaskit/editor-common/styles");
 var _messages = require("@atlaskit/editor-common/messages");
 var _ui = require("@atlaskit/editor-common/ui");
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
+var _fg = require("@atlaskit/platform-feature-flags/fg");
 var _utils = require("@atlaskit/editor-common/utils");
 var _types = require("@atlaskit/editor-common/types");
 var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
@@ -728,7 +728,7 @@ var TableWithWidth = function TableWithWidth(props) {
   var _useRendererContext = (0, _rendererContext.useRendererContext)(),
     isTopLevelRenderer = _useRendererContext.isTopLevelRenderer;
   var isInsideOfNestedRenderer = isTopLevelRenderer === false && (0, _expValEquals.expValEquals)('platform_editor_table_nested_content_mode_fix', 'isEnabled', true);
-  if ((0, _platformFeatureFlags.fg)('platform-ssr-table-resize')) {
+  if ((0, _fg.fg)('platform-ssr-table-resize')) {
     var _props$columnWidths;
     var colWidthsSum =
     // eslint-disable-next-line @atlassian/perf-linting/no-expensive-computations-in-render -- Ignored via go/ees017 (to be fixed)

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

@@ -16,7 +16,7 @@ var _react = _interopRequireDefault(require("react"));
 var _styles = require("@atlaskit/editor-common/styles");
 var _nodeWidth = require("@atlaskit/editor-common/node-width");
 var _style = require("../../ui/Renderer/style");
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
+var _fg = require("@atlaskit/platform-feature-flags/fg");
 var _consts = require("../../consts");
 var _utils = require("@atlaskit/editor-common/utils");
 var _types = require("@atlaskit/editor-common/types");
@@ -440,7 +440,7 @@ var TableContainer = exports.TableContainer = /*#__PURE__*/function (_React$Comp
     key: "applyNestedRendererTableFix",
     value: function applyNestedRendererTableFix() {
       var _this$props$tableNode;
-      if (!this.containerRef || !(0, _platformFeatureFlags.fg)('platform_nested_table_style_override')) {
+      if (!this.containerRef || !(0, _fg.fg)('platform_nested_table_style_override')) {
         return;
       }
       if (!this.isInsideNestedRenderer() || this.isInsideTableContext()) {
@@ -456,7 +456,7 @@ var TableContainer = exports.TableContainer = /*#__PURE__*/function (_React$Comp
       // Non-resized tables instead take a default layout cap (e.g. 760px/1800px)
       // derived from the outer renderer's appearance.
       var isExplicitlyResized = Boolean((_this$props$tableNode = this.props.tableNode) === null || _this$props$tableNode === void 0 ? void 0 : _this$props$tableNode.attrs.width);
-      if (!isExplicitlyResized && (0, _platformFeatureFlags.fg)('platform_nested_table_style_override_2')) {
+      if (!isExplicitlyResized && (0, _fg.fg)('platform_nested_table_style_override_2')) {
         // PGXT-10421: For a NON-resized table inside a nested renderer (e.g. an
         // Excerpt macro body), the computed width is a default layout cap
         // (760px/1800px, or a `cqw` length for full-page appearances) taken from
@@ -780,13 +780,13 @@ var TableContainer = exports.TableContainer = /*#__PURE__*/function (_React$Comp
         allowFixedColumnWidthOption: allowFixedColumnWidthOption
       }, this.grabFirstRowRef(children))), isStickyScrollbarEnabled(this.props.rendererAppearance) && /*#__PURE__*/_react.default.createElement("div", {
         // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
-        className: "".concat(_styles.TableSharedCssClassName.TABLE_STICKY_SCROLLBAR_CONTAINER).concat((0, _platformFeatureFlags.fg)('confluence_frontend_table_scrollbar_ttvc_fix') ? '-view-page' : ''),
+        className: "".concat(_styles.TableSharedCssClassName.TABLE_STICKY_SCROLLBAR_CONTAINER).concat((0, _fg.fg)('confluence_frontend_table_scrollbar_ttvc_fix') ? '-view-page' : ''),
         ref: this.stickyScrollbarRef,
         "data-vc": "table-sticky-scrollbar-container",
-        style: (0, _platformFeatureFlags.fg)('confluence_frontend_table_scrollbar_ttvc_fix') ? _objectSpread(_objectSpread({}, stickyContainerBaseStyles), stickyContainerAdditionalStyles) : stickyContainerBaseStyles
+        style: (0, _fg.fg)('confluence_frontend_table_scrollbar_ttvc_fix') ? _objectSpread(_objectSpread({}, stickyContainerBaseStyles), stickyContainerAdditionalStyles) : stickyContainerBaseStyles
       }, /*#__PURE__*/_react.default.createElement("div", {
         style: {
-          width: (0, _platformFeatureFlags.fg)('confluence_frontend_table_scrollbar_ttvc_fix') ? '100%' : (_this$tableRef$curren = this.tableRef.current) === null || _this$tableRef$curren === void 0 ? void 0 : _this$tableRef$curren.clientWidth,
+          width: (0, _fg.fg)('confluence_frontend_table_scrollbar_ttvc_fix') ? '100%' : (_this$tableRef$curren = this.tableRef.current) === null || _this$tableRef$curren === void 0 ? void 0 : _this$tableRef$curren.clientWidth,
           // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
           height: '100%'
         }

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

@@ -16,7 +16,7 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
 var _react = _interopRequireWildcard(require("react"));
 var _providerFactory = require("@atlaskit/editor-common/provider-factory");
 var _taskItemWithProviders = _interopRequireDefault(require("./task-item-with-providers"));
-var _analyticsNamespacedContext = require("@atlaskit/analytics-namespaced-context");
+var _FabricElementsAnalyticsContext = require("@atlaskit/analytics-namespaced-context/FabricElementsAnalyticsContext");
 var _TaskItemsFormatContext = require("../../ui/TaskItemsFormatContext/TaskItemsFormatContext");
 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); }
 function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2.default)(o), (0, _possibleConstructorReturn2.default)(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2.default)(t).constructor) : o.apply(t, e)); }
@@ -45,7 +45,7 @@ var TaskItem = exports.default = /*#__PURE__*/function (_PureComponent) {
       if (rendererContext) {
         objectAri = rendererContext.objectAri || '';
       }
-      return /*#__PURE__*/_react.default.createElement(_analyticsNamespacedContext.FabricElementsAnalyticsContext
+      return /*#__PURE__*/_react.default.createElement(_FabricElementsAnalyticsContext.FabricElementsAnalyticsContext
       // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
       , {
         data: {

package/dist/cjs/react/utils/EditorMediaClientProvider.js

@@ -8,14 +8,15 @@ Object.defineProperty(exports, "__esModule", {
 exports.EditorMediaClientProvider = void 0;
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _react = _interopRequireWildcard(require("react"));
-var _mediaClientReact = require("@atlaskit/media-client-react");
+var _mediaClientProvider = require("@atlaskit/media-client-react/media-client-provider");
+var _getMediaClient = require("@atlaskit/media-client-react/get-media-client");
 var _providerFactory = require("@atlaskit/editor-common/provider-factory");
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
+var _fg = require("@atlaskit/platform-feature-flags/fg");
 var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
 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 getMediaClientConfigForRenderer = function getMediaClientConfigForRenderer(provider) {
   // eslint-disable-next-line @atlaskit/platform/no-preconditioning
-  return provider.viewAndUploadMediaClientConfig && (0, _platformFeatureFlags.fg)('platform_media_video_captions') && (0, _platformFeatureFlags.fg)('platform_editor_video_caption_commit') ? provider.viewAndUploadMediaClientConfig : provider.viewMediaClientConfig;
+  return provider.viewAndUploadMediaClientConfig && (0, _fg.fg)('platform_media_video_captions') && (0, _fg.fg)('platform_editor_video_caption_commit') ? provider.viewAndUploadMediaClientConfig : provider.viewMediaClientConfig;
 };
 var EditorMediaClientProvider = exports.EditorMediaClientProvider = function EditorMediaClientProvider(_ref) {
   var children = _ref.children,
@@ -44,13 +45,13 @@ var EditorMediaClientProvider = exports.EditorMediaClientProvider = function Edi
    * hasProvider() is synchronous and correct from render 1, closing that window.
    */
   var shouldSkipContext = (0, _expValEquals.expValEquals)('platform_editor_media_reliability_enhancements', 'isEnabled', true) ? Boolean((ssr === null || ssr === void 0 ? void 0 : ssr.config) || providerFactory.hasProvider('mediaProvider') || mediaProvider) : Boolean((ssr === null || ssr === void 0 ? void 0 : ssr.config) || mediaProvider);
-  var contextMediaClient = (0, _react.useContext)(_mediaClientReact.MediaClientContext);
+  var contextMediaClient = (0, _react.useContext)(_mediaClientProvider.MediaClientContext);
 
   // MediaClientProvider currently requires a mediaClientConfig
   // And inserting the MediaClientProvider will cause a re-render
   // We should use MediaClientProvider once it no longer requires a config
   var mediaClient = (0, _react.useMemo)(function () {
-    return mediaClientConfig ? (0, _mediaClientReact.getMediaClient)(mediaClientConfig) : undefined;
+    return mediaClientConfig ? (0, _getMediaClient.getMediaClient)(mediaClientConfig) : undefined;
   }, [mediaClientConfig]);
 
   // Consumers can override the mediaClient for renderer,
@@ -106,7 +107,7 @@ var EditorMediaClientProvider = exports.EditorMediaClientProvider = function Edi
       });
     }
   }, [mediaProvider, ssr === null || ssr === void 0 ? void 0 : ssr.config]);
-  return /*#__PURE__*/_react.default.createElement(_mediaClientReact.MediaClientContext.Provider, {
+  return /*#__PURE__*/_react.default.createElement(_mediaClientProvider.MediaClientContext.Provider, {
     value: shouldSkipContext ? mediaClient : contextMediaClient
   }, children);
 };

package/dist/cjs/react/utils/getCardClickHandler.js

@@ -4,11 +4,11 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.getCardClickHandler = void 0;
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
+var _fg = require("@atlaskit/platform-feature-flags/fg");
 var _utils = require("../../utils");
 var getCardClickHandler = exports.getCardClickHandler = function getCardClickHandler(eventHandlers, url) {
   var handler = (0, _utils.getEventHandler)(eventHandlers, 'smartCard');
-  if ((0, _platformFeatureFlags.fg)('platform_smartlink_xpc_url_wrapping')) {
+  if ((0, _fg.fg)('platform_smartlink_xpc_url_wrapping')) {
     return handler ? function (e, data) {
       var _ref, _data$destinationUrl;
       return handler(e, (_ref = (_data$destinationUrl = data === null || data === void 0 ? void 0 : data.destinationUrl) !== null && _data$destinationUrl !== void 0 ? _data$destinationUrl : data === null || data === void 0 ? void 0 : data.url) !== null && _ref !== void 0 ? _ref : url);

package/dist/cjs/render-document.js

@@ -12,7 +12,7 @@ var _analytics = require("@atlaskit/editor-common/analytics");
 var _utils = require("@atlaskit/editor-common/utils");
 var _validator = require("@atlaskit/editor-common/validator");
 var _isExperimentEnabled = require("@atlaskit/platform-feature-experiments/is-experiment-enabled");
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
+var _fg = require("@atlaskit/platform-feature-flags/fg");
 var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
 var _memoizeOne = _interopRequireDefault(require("memoize-one"));
 var _events = require("./analytics/events");
@@ -134,7 +134,7 @@ var _validation = function _validation(doc, schema, adfStage, useSpecBasedValida
       });
     }
   }
-  if (result && !(0, _expValEquals.expValEquals)('cc-maui-experiment', 'isEnabled', true) && !(0, _platformFeatureFlags.fg)('platform_native_embeds_rollout_non_maui_experience') && (0, _platformFeatureFlags.fg)('platform_editor_native_embeds_fallback_transform')) {
+  if (result && !(0, _expValEquals.expValEquals)('cc-maui-experiment', 'isEnabled', true) && !(0, _fg.fg)('platform_native_embeds_rollout_non_maui_experience') && (0, _fg.fg)('platform_editor_native_embeds_fallback_transform')) {
     var _nativeEmbedsFallback = (0, _transforms.nativeEmbedsFallbackTransform)(result, schema),
       _transformedAdf3 = _nativeEmbedsFallback.transformedAdf,
       hasValidTransform = _nativeEmbedsFallback.hasValidTransform;
@@ -277,7 +277,7 @@ var renderDocument = exports.renderDocument = function renderDocument(doc, seria
   var stat = {
     sanitizeTime: 0
   };
-  if ((0, _platformFeatureFlags.fg)('platform_editor_renderer_rm_usespecbasedvalidator')) {
+  if ((0, _fg.fg)('platform_editor_renderer_rm_usespecbasedvalidator')) {
     useSpecBasedValidator = true;
   }
   var _withStopwatch = withStopwatch(function () {

package/dist/cjs/steps/index.js

@@ -9,7 +9,7 @@ exports.getPosFromRange = getPosFromRange;
 exports.getStartPos = getStartPos;
 exports.isRendererRoot = isRendererRoot;
 exports.resolvePos = resolvePos;
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
+var _fg = require("@atlaskit/platform-feature-flags/fg");
 var _transform = require("@atlaskit/editor-prosemirror/transform");
 /* eslint-disable jsdoc/require-jsdoc -- internal step helpers */
 
@@ -100,7 +100,7 @@ function isNodeInlineTextMark(node) {
  */
 function hasInlineNodeDescendant(node) {
   if (isElementNode(node)) {
-    if ((0, _platformFeatureFlags.fg)('editor_inline_comments_on_inline_nodes')) {
+    if ((0, _fg.fg)('editor_inline_comments_on_inline_nodes')) {
       if (node.dataset.annotationInlineNode === 'true') {
         return true;
       }
@@ -126,7 +126,7 @@ function resolveNodePos(node) {
     if (prev && (isTextNode(prev) || isHighlightTextNode(prev))) {
       resolvedPos += (prev.textContent || '').length;
     } else if (prev) {
-      if ((0, _platformFeatureFlags.fg)('editor_inline_comments_on_inline_nodes')) {
+      if ((0, _fg.fg)('editor_inline_comments_on_inline_nodes')) {
         if (isNodeInlineTextMark(prev) && prev.textContent) {
           resolvedPos += prev.textContent.length;
         } else {
@@ -153,10 +153,10 @@ function resolvePos(node, offset) {
   if (!node) {
     return false;
   }
-  if ((0, _platformFeatureFlags.fg)('editor_inline_comments_on_inline_nodes')) {
+  if ((0, _fg.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.fg)('editor_inline_comments_on_inline_nodes') ? 'data-annotation-mark' : 'data-inline-card';
+    var potentialParent = (0, _fg.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;
@@ -202,7 +202,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.fg)('editor_inline_comments_on_inline_nodes')) {
+    if ((0, _fg.fg)('editor_inline_comments_on_inline_nodes')) {
       if (!(isNodeInlineTextMark(preParentPointer) || isHighlightTextNode(preParentPointer))) {
         current = current.parentElement;
         offset = 0;

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

@@ -5,8 +5,8 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _utils = require("../../utils");
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
+var _fg = require("@atlaskit/platform-feature-flags/fg");
 var status = function status(node, _schema) {
-  return node.attrs.text ? node.attrs.style === 'mixedCase' && (0, _platformFeatureFlags.fg)('platform-dst-lozenge-tag-badge-visual-uplifts') ? "[ ".concat(node.attrs.text, " ]") : "[ ".concat(node.attrs.text.toUpperCase(), " ]") : (0, _utils.getText)(node);
+  return node.attrs.text ? node.attrs.style === 'mixedCase' && (0, _fg.fg)('platform-dst-lozenge-tag-badge-visual-uplifts') ? "[ ".concat(node.attrs.text, " ]") : "[ ".concat(node.attrs.text.toUpperCase(), " ]") : (0, _utils.getText)(node);
 };
 var _default = exports.default = status;