@atlaskit/editor-plugin-synced-block 11.0.0 → 11.0.1

package/AGENTS.md

@@ -39,7 +39,7 @@ src/
 │   └── bodiedSyncedBlock.tsx   # NodeView for source (bodiedSyncBlock) — nested editor with content
 ├── pm-plugins/
 │   ├── main.ts                 # Core state machine: lifecycle, creation, deletion, cache,
-│   │                             status decoration apply path (gated by editor_synced_block_perf)
+│   │                             status decoration apply path
 │   ├── menu-and-toolbar-experiences.ts # Experience tracking for menu/toolbar interactions
 │   └── utils/
 │       ├── track-sync-blocks.ts                    # Tracks mutations, updates shared state
@@ -61,7 +61,7 @@ src/
 │   ├── DeleteConfirmationModal.tsx # Deletion confirmation dialog
 │   ├── SyncBlockRefresher.tsx    # Periodic data refresh from backend
 │   ├── SyncBlockLabel.tsx        # Source/reference label chrome
-│   ├── BodiedSyncBlockWrapper.tsx / SyncBlockRendererWrapper.tsx # Node-view wrappers
+│   ├── SyncBlockRendererWrapper.tsx # Node-view wrapper
 │   ├── SyncBlockSSRReactContextsProvider.tsx # Supplies React contexts during SSR
 │   └── Flag.tsx                  # Error/info flags (offline, copy notifications)
 └── types/
@@ -80,7 +80,7 @@ from outside the plugin lifecycle:
 
 ### Lazy Init & Perf (EDITOR-6928 / EDITOR-6930)
 
-Behind the `editor_synced_block_perf` experiment, `main.ts`:
+`main.ts`:
 
 - Skips creating synced-block plugin state and node-views for documents with no synced blocks
   (`hasSyncedBlocks(doc)`).

package/CHANGELOG.md

@@ -1,5 +1,18 @@
 # @atlaskit/editor-plugin-synced-block
 
+## 11.0.1
+
+### Patch Changes
+
+- [`72f7cec91a1d4`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/72f7cec91a1d4) -
+  Remove the `editor_synced_block_perf` experiment. The lazy node-view init and cached
+  status-decoration apply path are now always on, and the legacy full-document `descendants()`
+  decoration walk has been removed.
+- [`72f7cec91a1d4`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/72f7cec91a1d4) -
+  Remove the `platform_synced_block_use_new_source_nodeview` experiment. The new source node view is
+  now always used and the superseded implementation has been deleted.
+- Updated dependencies
+
 ## 11.0.0
 
 ### Patch Changes

package/dist/cjs/nodeviews/bodiedSyncedBlock.js

@@ -4,187 +4,19 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.bodiedSyncBlockNodeViewOld = exports.bodiedSyncBlockNodeView = exports.BodiedSyncBlock = void 0;
+exports.bodiedSyncBlockNodeView = exports.BodiedSyncBlock = void 0;
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
-var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
-var _get2 = _interopRequireDefault(require("@babel/runtime/helpers/get"));
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
 var _react = _interopRequireDefault(require("react"));
 var _analytics = require("@atlaskit/editor-common/analytics");
 var _coreUtils = require("@atlaskit/editor-common/core-utils");
 var _errorBoundary = require("@atlaskit/editor-common/error-boundary");
-var _reactNodeView = _interopRequireDefault(require("@atlaskit/editor-common/react-node-view"));
 var _syncBlock = require("@atlaskit/editor-common/sync-block");
 var _editorPluginConnectivity = require("@atlaskit/editor-plugin-connectivity");
 var _model = require("@atlaskit/editor-prosemirror/model");
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
-var _BodiedSyncBlockWrapper = require("../ui/BodiedSyncBlockWrapper");
 var _SyncBlockLabel = require("../ui/SyncBlockLabel");
 var _isEmptySourceSyncBlock = require("./isEmptySourceSyncBlock");
-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)); }
-function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
-function _superPropGet(t, o, e, r) { var p = (0, _get2.default)((0, _getPrototypeOf2.default)(1 & r ? t.prototype : t), o, e); return 2 & r && "function" == typeof p ? function (t) { return p.apply(e, t); } : p; }
-var toDOMOld = function toDOMOld() {
-  return ['div', {
-    class: _syncBlock.BodiedSyncBlockSharedCssClassName.content,
-    contenteditable: true
-  }, 0];
-};
-var BodiedSyncBlockOld = /*#__PURE__*/function (_ReactNodeView) {
-  function BodiedSyncBlockOld(props) {
-    var _this;
-    (0, _classCallCheck2.default)(this, BodiedSyncBlockOld);
-    _this = _callSuper(this, BodiedSyncBlockOld, [props.node, props.view, props.getPos, props.portalProviderAPI, props.eventDispatcher, props]);
-    _this.api = props.api;
-    _this.syncBlockStore = props.syncBlockStore;
-    _this.handleConnectivityModeChange();
-    _this.handleViewModeChange();
-    return _this;
-  }
-  (0, _inherits2.default)(BodiedSyncBlockOld, _ReactNodeView);
-  return (0, _createClass2.default)(BodiedSyncBlockOld, [{
-    key: "updateContentEditable",
-    value: function updateContentEditable(_ref) {
-      var _this$api, _this$api2;
-      var contentDOM = _ref.contentDOM,
-        nextConnectivityMode = _ref.nextConnectivityMode,
-        nextViewMode = _ref.nextViewMode;
-      var connectivityMode = nextConnectivityMode !== null && nextConnectivityMode !== void 0 ? nextConnectivityMode : (_this$api = this.api) === null || _this$api === void 0 || (_this$api = _this$api.connectivity) === null || _this$api === void 0 || (_this$api = _this$api.sharedState) === null || _this$api === void 0 || (_this$api = _this$api.currentState()) === null || _this$api === void 0 ? void 0 : _this$api.mode;
-      var viewMode = nextViewMode !== null && nextViewMode !== void 0 ? nextViewMode : (_this$api2 = this.api) === null || _this$api2 === void 0 || (_this$api2 = _this$api2.editorViewMode) === null || _this$api2 === void 0 || (_this$api2 = _this$api2.sharedState) === null || _this$api2 === void 0 || (_this$api2 = _this$api2.currentState()) === null || _this$api2 === void 0 ? void 0 : _this$api2.mode;
-      var isOnline = !(0, _editorPluginConnectivity.isOfflineMode)(connectivityMode);
-      var isEditMode = viewMode !== 'view';
-      var shouldBeEditable = isOnline && isEditMode;
-      contentDOM === null || contentDOM === void 0 || contentDOM.setAttribute('contenteditable', shouldBeEditable ? 'true' : 'false');
-    }
-  }, {
-    key: "handleConnectivityModeChange",
-    value: function handleConnectivityModeChange() {
-      var _this$api3,
-        _this2 = this;
-      if ((_this$api3 = this.api) !== null && _this$api3 !== void 0 && _this$api3.connectivity) {
-        this.cleanupConnectivityModeListener = this.api.connectivity.sharedState.onChange(function (_ref2) {
-          var nextSharedState = _ref2.nextSharedState;
-          _this2.updateContentEditable({
-            contentDOM: _this2.contentDOM,
-            nextConnectivityMode: nextSharedState.mode
-          });
-        });
-      }
-    }
-  }, {
-    key: "handleViewModeChange",
-    value: function handleViewModeChange() {
-      var _this$api4,
-        _this3 = this;
-      if ((_this$api4 = this.api) !== null && _this$api4 !== void 0 && _this$api4.editorViewMode) {
-        this.cleanupViewModeListener = this.api.editorViewMode.sharedState.onChange(function (_ref3) {
-          var nextSharedState = _ref3.nextSharedState;
-          _this3.updateContentEditable({
-            contentDOM: _this3.contentDOM,
-            nextViewMode: nextSharedState === null || nextSharedState === void 0 ? void 0 : nextSharedState.mode
-          });
-        });
-      }
-    }
-  }, {
-    key: "createDomRef",
-    value: function createDomRef() {
-      // eslint-disable-next-line @atlaskit/platform/no-direct-document-usage -- NodeView DOM must be created against active runtime document
-      var domRef = document.createElement('div');
-      domRef.classList.add(_syncBlock.BodiedSyncBlockSharedCssClassName.prefix);
-      domRef.classList.toggle(_syncBlock.BodiedSyncBlockSharedCssClassName.empty, (0, _isEmptySourceSyncBlock.isEmptySourceSyncBlock)(this.node));
-      return domRef;
-    }
-
-    /**
-     * Keeps the empty marker class in sync so the source placeholder can be shown purely from
-     * document state. See `isEmptySourceSyncBlock` for why the DOM is not used to decide this.
-     */
-  }, {
-    key: "update",
-    value: function update(node, decorations) {
-      var updated = _superPropGet(BodiedSyncBlockOld, "update", this, 3)([node, decorations]);
-      if (updated) {
-        // `ReactNodeView`'s `dom` getter throws rather than returning nullish once the view is
-        // destroyed, so optional chaining here would be misleading. `super.update()` only
-        // returns true while the view is still mounted, so the ref is guaranteed.
-        this.dom.classList.toggle(_syncBlock.BodiedSyncBlockSharedCssClassName.empty, (0, _isEmptySourceSyncBlock.isEmptySourceSyncBlock)(this.node));
-      }
-      return updated;
-    }
-  }, {
-    key: "render",
-    value: function render(_props, forwardRef) {
-      var _this$api$syncedBlock, _this$api5, _this$api6;
-      // Use passed syncBlockStore for SSR where sharedState.currentState() is delayed
-      var syncBlockStore = (_this$api$syncedBlock = (_this$api5 = this.api) === null || _this$api5 === void 0 || (_this$api5 = _this$api5.syncedBlock.sharedState) === null || _this$api5 === void 0 || (_this$api5 = _this$api5.currentState()) === null || _this$api5 === void 0 ? void 0 : _this$api5.syncBlockStore) !== null && _this$api$syncedBlock !== void 0 ? _this$api$syncedBlock : this.syncBlockStore;
-      if (!syncBlockStore) {
-        return null;
-      }
-      return /*#__PURE__*/_react.default.createElement(_errorBoundary.ErrorBoundary, {
-        component: _analytics.ACTION_SUBJECT.SYNCED_BLOCK,
-        dispatchAnalyticsEvent: (_this$api6 = this.api) === null || _this$api6 === void 0 || (_this$api6 = _this$api6.analytics) === null || _this$api6 === void 0 ? void 0 : _this$api6.actions.fireAnalyticsEvent,
-        fallbackComponent: null
-      }, /*#__PURE__*/_react.default.createElement(_BodiedSyncBlockWrapper.BodiedSyncBlockWrapper, {
-        ref: forwardRef,
-        syncBlockStore: syncBlockStore,
-        node: this.node
-      }));
-    }
-  }, {
-    key: "getContentDOM",
-    value: function getContentDOM() {
-      // eslint-disable-next-line @atlaskit/platform/no-direct-document-usage -- NodeView serialization must target active runtime document
-      var _DOMSerializer$render = _model.DOMSerializer.renderSpec(document, toDOMOld()),
-        dom = _DOMSerializer$render.dom,
-        contentDOM = _DOMSerializer$render.contentDOM;
-      // In SSR, the first check won't work, so fallback to nodeType check
-      if (dom instanceof HTMLElement || dom.nodeType === 1) {
-        this.updateContentEditable({
-          contentDOM: contentDOM
-        });
-        // eslint-disable-next-line @atlaskit/editor/no-as-casting
-        return {
-          dom: dom,
-          contentDOM: contentDOM
-        };
-      }
-      return undefined;
-    }
-  }, {
-    key: "destroy",
-    value: function destroy() {
-      if (this.cleanupConnectivityModeListener) {
-        this.cleanupConnectivityModeListener();
-      }
-      if (this.cleanupViewModeListener) {
-        this.cleanupViewModeListener();
-      }
-    }
-  }]);
-}(_reactNodeView.default);
-var bodiedSyncBlockNodeViewOld = exports.bodiedSyncBlockNodeViewOld = function bodiedSyncBlockNodeViewOld(_ref4) {
-  var pluginOptions = _ref4.pluginOptions,
-    pmPluginFactoryParams = _ref4.pmPluginFactoryParams,
-    api = _ref4.api,
-    syncBlockStore = _ref4.syncBlockStore;
-  return function (node, view, getPos) {
-    var portalProviderAPI = pmPluginFactoryParams.portalProviderAPI,
-      eventDispatcher = pmPluginFactoryParams.eventDispatcher;
-    return new BodiedSyncBlockOld({
-      api: api,
-      pluginOptions: pluginOptions,
-      node: node,
-      view: view,
-      getPos: getPos,
-      portalProviderAPI: portalProviderAPI,
-      eventDispatcher: eventDispatcher,
-      syncBlockStore: syncBlockStore
-    }).init();
-  };
-};
 var toDOM = function toDOM(node) {
   return ['div', {
     class: "".concat(_syncBlock.BodiedSyncBlockSharedCssClassName.prefix, " bodiedSyncBlockView-content-wrap"),
@@ -197,7 +29,7 @@ var toDOM = function toDOM(node) {
 };
 var BodiedSyncBlock = exports.BodiedSyncBlock = /*#__PURE__*/function () {
   function BodiedSyncBlock(node, view, getPos, api, nodeViewPortalProviderAPI) {
-    var _this4 = this;
+    var _this = this;
     (0, _classCallCheck2.default)(this, BodiedSyncBlock);
     this.node = node;
     this.view = view;
@@ -205,9 +37,9 @@ var BodiedSyncBlock = exports.BodiedSyncBlock = /*#__PURE__*/function () {
     this.api = api;
     this.nodeViewPortalProviderAPI = nodeViewPortalProviderAPI;
     // eslint-disable-next-line @atlaskit/platform/no-direct-document-usage -- NodeView serialization must target active runtime document
-    var _DOMSerializer$render2 = _model.DOMSerializer.renderSpec(document, toDOM(this.node)),
-      dom = _DOMSerializer$render2.dom,
-      contentDOM = _DOMSerializer$render2.contentDOM;
+    var _DOMSerializer$render = _model.DOMSerializer.renderSpec(document, toDOM(this.node)),
+      dom = _DOMSerializer$render.dom,
+      contentDOM = _DOMSerializer$render.contentDOM;
     // eslint-disable-next-line @atlaskit/editor/no-as-casting
     this.dom = dom;
     // eslint-disable-next-line @atlaskit/editor/no-as-casting
@@ -231,11 +63,11 @@ var BodiedSyncBlock = exports.BodiedSyncBlock = /*#__PURE__*/function () {
     }
     this.labelKey = crypto.randomUUID();
     this.nodeViewPortalProviderAPI.render(function () {
-      var _this4$api;
+      var _this$api;
       return /*#__PURE__*/_react.default.createElement(_errorBoundary.ErrorBoundary, {
         component: _analytics.ACTION_SUBJECT.SYNCED_BLOCK,
         componentId: _analytics.ACTION_SUBJECT_ID.SYNCED_BLOCK_LABEL,
-        dispatchAnalyticsEvent: (_this4$api = _this4.api) === null || _this4$api === void 0 || (_this4$api = _this4$api.analytics) === null || _this4$api === void 0 ? void 0 : _this4$api.actions.fireAnalyticsEvent,
+        dispatchAnalyticsEvent: (_this$api = _this.api) === null || _this$api === void 0 || (_this$api = _this$api.analytics) === null || _this$api === void 0 ? void 0 : _this$api.actions.fireAnalyticsEvent,
         fallbackComponent: null
       }, /*#__PURE__*/_react.default.createElement(_SyncBlockLabel.SyncBlockLabel, {
         isSource: true,
@@ -252,12 +84,12 @@ var BodiedSyncBlock = exports.BodiedSyncBlock = /*#__PURE__*/function () {
   }
   return (0, _createClass2.default)(BodiedSyncBlock, [{
     key: "updateContentEditable",
-    value: function updateContentEditable(_ref5) {
-      var _this$api7, _this$api8;
-      var nextConnectivityMode = _ref5.nextConnectivityMode,
-        nextViewMode = _ref5.nextViewMode;
-      var connectivityMode = nextConnectivityMode !== null && nextConnectivityMode !== void 0 ? nextConnectivityMode : (_this$api7 = this.api) === null || _this$api7 === void 0 || (_this$api7 = _this$api7.connectivity) === null || _this$api7 === void 0 || (_this$api7 = _this$api7.sharedState) === null || _this$api7 === void 0 || (_this$api7 = _this$api7.currentState()) === null || _this$api7 === void 0 ? void 0 : _this$api7.mode;
-      var viewMode = nextViewMode !== null && nextViewMode !== void 0 ? nextViewMode : (_this$api8 = this.api) === null || _this$api8 === void 0 || (_this$api8 = _this$api8.editorViewMode) === null || _this$api8 === void 0 || (_this$api8 = _this$api8.sharedState) === null || _this$api8 === void 0 || (_this$api8 = _this$api8.currentState()) === null || _this$api8 === void 0 ? void 0 : _this$api8.mode;
+    value: function updateContentEditable(_ref) {
+      var _this$api2, _this$api3;
+      var nextConnectivityMode = _ref.nextConnectivityMode,
+        nextViewMode = _ref.nextViewMode;
+      var connectivityMode = nextConnectivityMode !== null && nextConnectivityMode !== void 0 ? nextConnectivityMode : (_this$api2 = this.api) === null || _this$api2 === void 0 || (_this$api2 = _this$api2.connectivity) === null || _this$api2 === void 0 || (_this$api2 = _this$api2.sharedState) === null || _this$api2 === void 0 || (_this$api2 = _this$api2.currentState()) === null || _this$api2 === void 0 ? void 0 : _this$api2.mode;
+      var viewMode = nextViewMode !== null && nextViewMode !== void 0 ? nextViewMode : (_this$api3 = this.api) === null || _this$api3 === void 0 || (_this$api3 = _this$api3.editorViewMode) === null || _this$api3 === void 0 || (_this$api3 = _this$api3.sharedState) === null || _this$api3 === void 0 || (_this$api3 = _this$api3.currentState()) === null || _this$api3 === void 0 ? void 0 : _this$api3.mode;
       var isOnline = !(0, _editorPluginConnectivity.isOfflineMode)(connectivityMode);
       var isEditMode = viewMode !== 'view';
       var shouldBeEditable = isOnline && isEditMode;
@@ -266,12 +98,12 @@ var BodiedSyncBlock = exports.BodiedSyncBlock = /*#__PURE__*/function () {
   }, {
     key: "handleConnectivityModeChange",
     value: function handleConnectivityModeChange() {
-      var _this$api9,
-        _this5 = this;
-      if ((_this$api9 = this.api) !== null && _this$api9 !== void 0 && _this$api9.connectivity) {
-        this.cleanupConnectivityModeListener = this.api.connectivity.sharedState.onChange(function (_ref6) {
-          var nextSharedState = _ref6.nextSharedState;
-          _this5.updateContentEditable({
+      var _this$api4,
+        _this2 = this;
+      if ((_this$api4 = this.api) !== null && _this$api4 !== void 0 && _this$api4.connectivity) {
+        this.cleanupConnectivityModeListener = this.api.connectivity.sharedState.onChange(function (_ref2) {
+          var nextSharedState = _ref2.nextSharedState;
+          _this2.updateContentEditable({
             nextConnectivityMode: nextSharedState.mode
           });
         });
@@ -280,12 +112,12 @@ var BodiedSyncBlock = exports.BodiedSyncBlock = /*#__PURE__*/function () {
   }, {
     key: "handleViewModeChange",
     value: function handleViewModeChange() {
-      var _this$api0,
-        _this6 = this;
-      if ((_this$api0 = this.api) !== null && _this$api0 !== void 0 && _this$api0.editorViewMode) {
-        this.cleanupViewModeListener = this.api.editorViewMode.sharedState.onChange(function (_ref7) {
-          var nextSharedState = _ref7.nextSharedState;
-          _this6.updateContentEditable({
+      var _this$api5,
+        _this3 = this;
+      if ((_this$api5 = this.api) !== null && _this$api5 !== void 0 && _this$api5.editorViewMode) {
+        this.cleanupViewModeListener = this.api.editorViewMode.sharedState.onChange(function (_ref3) {
+          var nextSharedState = _ref3.nextSharedState;
+          _this3.updateContentEditable({
             nextViewMode: nextSharedState === null || nextSharedState === void 0 ? void 0 : nextSharedState.mode
           });
         });

package/dist/cjs/nodeviews/syncedBlock.js

@@ -19,7 +19,6 @@ var _reactNodeView = _interopRequireDefault(require("@atlaskit/editor-common/rea
 var _syncBlock = require("@atlaskit/editor-common/sync-block");
 var _state = require("@atlaskit/editor-prosemirror/state");
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
-var _expValEqualsNoExposure = require("@atlaskit/tmp-editor-statsig/exp-val-equals-no-exposure");
 var _editorCommands = require("../editor-commands");
 var _SyncBlockRendererWrapper = require("../ui/SyncBlockRendererWrapper");
 var _SyncBlockSSRReactContextsProvider = require("../ui/SyncBlockSSRReactContextsProvider");
@@ -194,12 +193,7 @@ var SyncBlock = exports.SyncBlock = /*#__PURE__*/function (_ReactNodeView) {
   }, {
     key: "render",
     value: function render(_ref) {
-      var _this$options,
-        _this$api$syncedBlock2,
-        _this$api2,
-        _this$api3,
-        _this2 = this,
-        _this$options2;
+      var _this$options, _this$api$syncedBlock2, _this$api2, _this$api3, _this$options2;
       var getPos = _ref.getPos;
       if (!((_this$options = this.options) !== null && _this$options !== void 0 && _this$options.syncedBlockRenderer)) {
         return null;
@@ -215,10 +209,6 @@ var SyncBlock = exports.SyncBlock = /*#__PURE__*/function (_ReactNodeView) {
         return null;
       }
 
-      // Use expValEqualsNoExposure — the exposure is already fired once at plugin
-      // creation time in syncedBlockPlugin.tsx and main.ts createPlugin().
-      var isPerfEnabled = (0, _expValEqualsNoExposure.expValEqualsNoExposure)('editor_synced_block_perf', 'isEnabled', true);
-
       // get document node from data provider
       return /*#__PURE__*/_react.default.createElement(_SyncBlockSSRReactContextsProvider.SyncBlockSSRReactContextsProvider, {
         intl: this.intl
@@ -226,20 +216,9 @@ var SyncBlock = exports.SyncBlock = /*#__PURE__*/function (_ReactNodeView) {
         component: _analytics.ACTION_SUBJECT.SYNCED_BLOCK,
         dispatchAnalyticsEvent: (_this$api3 = this.api) === null || _this$api3 === void 0 || (_this$api3 = _this$api3.analytics) === null || _this$api3 === void 0 ? void 0 : _this$api3.actions.fireAnalyticsEvent,
         fallbackComponent: null
-      }, /*#__PURE__*/_react.default.createElement(_syncBlock.SyncBlockActionsProvider
-      // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
-      , {
-        removeSyncBlock: isPerfEnabled ? this.removeSyncBlockStable : function () {
-          var pos = getPos();
-          if (pos !== undefined) {
-            (0, _editorCommands.removeSyncedBlockAtPos)(_this2.api, pos);
-          }
-        }
-        // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
-        ,
-        fetchSyncBlockSourceInfo: isPerfEnabled ? this.fetchSyncBlockSourceInfoStable : function (sourceAri) {
-          return syncBlockStore.referenceManager.fetchSyncBlockSourceInfoBySourceAri(sourceAri);
-        }
+      }, /*#__PURE__*/_react.default.createElement(_syncBlock.SyncBlockActionsProvider, {
+        removeSyncBlock: this.removeSyncBlockStable,
+        fetchSyncBlockSourceInfo: this.fetchSyncBlockSourceInfoStable
       }, /*#__PURE__*/_react.default.createElement(_SyncBlockRendererWrapper.SyncBlockRendererWrapper, {
         localId: localId,
         resourceId: resourceId,