@atlaskit/editor-synced-block-renderer 5.8.1 → 5.8.3

package/CHANGELOG.md

@@ -1,5 +1,21 @@
 # @atlaskit/editor-synced-block-renderer
 
+## 5.8.3
+
+### Patch Changes
+
+- [`53c9f85806f98`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/53c9f85806f98) -
+  EDITOR-5275 Store synced blocks data in session storage for look up during page transitions
+- Updated dependencies
+
+## 5.8.2
+
+### Patch Changes
+
+- [`fa62876ed1943`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/fa62876ed1943) -
+  EDITOR-5134 Clean up platform_synced_block_patch_1
+- Updated dependencies
+
 ## 5.8.1
 
 ### Patch Changes

package/dist/cjs/ui/AKRendererWrapper.js

@@ -12,7 +12,6 @@ var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/h
 var _react = _interopRequireWildcard(require("react"));
 var _reactIntlNext = require("react-intl-next");
 var _messages = require("@atlaskit/editor-common/messages");
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _renderer = require("@atlaskit/renderer");
 var _actions = require("@atlaskit/renderer/actions");
 var _rendererContext = require("@atlaskit/renderer/renderer-context");
@@ -109,7 +108,7 @@ var AKRendererWrapper = exports.AKRendererWrapper = /*#__PURE__*/(0, _react.memo
       }
     };
   }, []);
-  return /*#__PURE__*/_react.default.createElement(_actions.RendererActionsContext, null, /*#__PURE__*/_react.default.createElement(ValidationContextWrapper, null, (0, _platformFeatureFlags.fg)('platform_synced_block_patch_1') ? /*#__PURE__*/_react.default.createElement(_rendererContext.RendererContextProvider, {
+  return /*#__PURE__*/_react.default.createElement(_actions.RendererActionsContext, null, /*#__PURE__*/_react.default.createElement(ValidationContextWrapper, null, /*#__PURE__*/_react.default.createElement(_rendererContext.RendererContextProvider, {
     value: {
       nestedRendererType: 'syncedBlock'
     }
@@ -134,33 +133,9 @@ var AKRendererWrapper = exports.AKRendererWrapper = /*#__PURE__*/(0, _react.memo
     allowUgcScrubber: allowUgcScrubber,
     allowWrapCodeBlock: allowWrapCodeBlock,
     emojiResourceConfig: emojiResourceConfig,
-    eventHandlers: (0, _platformFeatureFlags.fg)('platform_synced_block_patch_1') ? eventHandlers : undefined,
+    eventHandlers: eventHandlers,
     media: media,
     smartLinks: smartLinks,
     stickyHeaders: stickyHeaders
-  }))) : /*#__PURE__*/_react.default.createElement("div", {
-    "data-testid": "sync-block-renderer-wrapper"
-  }, /*#__PURE__*/_react.default.createElement(_renderer.ReactRenderer, {
-    appearance: appearance,
-    adfStage: "stage0",
-    document: doc,
-    disableHeadingIDs: true,
-    dataProviders: dataProviders,
-    nodeComponents: nodeComponents,
-    allowAltTextOnImages: allowAltTextOnImages,
-    allowAnnotations: allowAnnotations,
-    allowColumnSorting: allowColumnSorting,
-    allowCopyToClipboard: allowCopyToClipboard,
-    allowCustomPanels: allowCustomPanels,
-    allowHeadingAnchorLinks: allowHeadingAnchorLinks,
-    allowPlaceholderText: allowPlaceholderText,
-    allowRendererContainerStyles: allowRendererContainerStyles,
-    allowSelectAllTrap: allowSelectAllTrap,
-    allowUgcScrubber: allowUgcScrubber,
-    allowWrapCodeBlock: allowWrapCodeBlock,
-    emojiResourceConfig: emojiResourceConfig,
-    media: media,
-    smartLinks: smartLinks,
-    stickyHeaders: stickyHeaders
-  }))));
+  })))));
 });

package/dist/cjs/useSyncedBlockNodeComponent.js

@@ -27,21 +27,10 @@ var useMemoizedSyncedBlockNodeComponent = exports.useMemoizedSyncedBlockNodeComp
     syncBlockProvider = _ref.syncBlockProvider,
     syncBlockRendererOptions = _ref.syncBlockRendererOptions,
     fireAnalyticsEvent = _ref.fireAnalyticsEvent,
-    getSSRData = _ref.getSSRData,
     getPrefetchedData = _ref.getPrefetchedData;
   var syncBlockStoreManager = (0, _editorSyncedBlockProvider.useMemoizedSyncBlockStoreManager)(syncBlockProvider, fireAnalyticsEvent);
 
-  // Initialize SSR data if available
-  (0, _react.useEffect)(function () {
-    if (getSSRData) {
-      var ssrData = getSSRData();
-      if (ssrData && syncBlockProvider.setSSRData) {
-        syncBlockProvider.setSSRData(ssrData);
-      }
-    }
-  }, [getSSRData, syncBlockProvider]);
-
-  // Process prefetched data next, if available
+  // Process prefetched data early, if available
   (0, _react.useEffect)(function () {
     var prefetchedData;
     if (getPrefetchedData) {

package/dist/es2019/ui/AKRendererWrapper.js

@@ -2,7 +2,6 @@ import _extends from "@babel/runtime/helpers/extends";
 import React, { memo, useMemo } from 'react';
 import { useIntl } from 'react-intl-next';
 import { syncBlockMessages as messages } from '@atlaskit/editor-common/messages';
-import { fg } from '@atlaskit/platform-feature-flags';
 import { ReactRenderer, ValidationContextProvider, defaultNodeComponents } from '@atlaskit/renderer';
 import { RendererActionsContext } from '@atlaskit/renderer/actions';
 import { RendererContextProvider } from '@atlaskit/renderer/renderer-context';
@@ -101,7 +100,7 @@ export const AKRendererWrapper = /*#__PURE__*/memo(({
       }
     };
   }, []);
-  return /*#__PURE__*/React.createElement(RendererActionsContext, null, /*#__PURE__*/React.createElement(ValidationContextWrapper, null, fg('platform_synced_block_patch_1') ? /*#__PURE__*/React.createElement(RendererContextProvider, {
+  return /*#__PURE__*/React.createElement(RendererActionsContext, null, /*#__PURE__*/React.createElement(ValidationContextWrapper, null, /*#__PURE__*/React.createElement(RendererContextProvider, {
     value: {
       nestedRendererType: 'syncedBlock'
     }
@@ -126,33 +125,9 @@ export const AKRendererWrapper = /*#__PURE__*/memo(({
     allowUgcScrubber: allowUgcScrubber,
     allowWrapCodeBlock: allowWrapCodeBlock,
     emojiResourceConfig: emojiResourceConfig,
-    eventHandlers: fg('platform_synced_block_patch_1') ? eventHandlers : undefined,
+    eventHandlers: eventHandlers,
     media: media,
     smartLinks: smartLinks,
     stickyHeaders: stickyHeaders
-  }))) : /*#__PURE__*/React.createElement("div", {
-    "data-testid": "sync-block-renderer-wrapper"
-  }, /*#__PURE__*/React.createElement(ReactRenderer, {
-    appearance: appearance,
-    adfStage: "stage0",
-    document: doc,
-    disableHeadingIDs: true,
-    dataProviders: dataProviders,
-    nodeComponents: nodeComponents,
-    allowAltTextOnImages: allowAltTextOnImages,
-    allowAnnotations: allowAnnotations,
-    allowColumnSorting: allowColumnSorting,
-    allowCopyToClipboard: allowCopyToClipboard,
-    allowCustomPanels: allowCustomPanels,
-    allowHeadingAnchorLinks: allowHeadingAnchorLinks,
-    allowPlaceholderText: allowPlaceholderText,
-    allowRendererContainerStyles: allowRendererContainerStyles,
-    allowSelectAllTrap: allowSelectAllTrap,
-    allowUgcScrubber: allowUgcScrubber,
-    allowWrapCodeBlock: allowWrapCodeBlock,
-    emojiResourceConfig: emojiResourceConfig,
-    media: media,
-    smartLinks: smartLinks,
-    stickyHeaders: stickyHeaders
-  }))));
+  })))));
 });

package/dist/es2019/useSyncedBlockNodeComponent.js

@@ -17,22 +17,11 @@ export const useMemoizedSyncedBlockNodeComponent = ({
   syncBlockProvider,
   syncBlockRendererOptions,
   fireAnalyticsEvent,
-  getSSRData,
   getPrefetchedData
 }) => {
   const syncBlockStoreManager = useMemoizedSyncBlockStoreManager(syncBlockProvider, fireAnalyticsEvent);
 
-  // Initialize SSR data if available
-  useEffect(() => {
-    if (getSSRData) {
-      const ssrData = getSSRData();
-      if (ssrData && syncBlockProvider.setSSRData) {
-        syncBlockProvider.setSSRData(ssrData);
-      }
-    }
-  }, [getSSRData, syncBlockProvider]);
-
-  // Process prefetched data next, if available
+  // Process prefetched data early, if available
   useEffect(() => {
     let prefetchedData;
     if (getPrefetchedData) {

package/dist/esm/ui/AKRendererWrapper.js

@@ -7,7 +7,6 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 import React, { memo, useMemo } from 'react';
 import { useIntl } from 'react-intl-next';
 import { syncBlockMessages as messages } from '@atlaskit/editor-common/messages';
-import { fg } from '@atlaskit/platform-feature-flags';
 import { ReactRenderer, ValidationContextProvider, defaultNodeComponents } from '@atlaskit/renderer';
 import { RendererActionsContext } from '@atlaskit/renderer/actions';
 import { RendererContextProvider } from '@atlaskit/renderer/renderer-context';
@@ -100,7 +99,7 @@ export var AKRendererWrapper = /*#__PURE__*/memo(function (_ref3) {
       }
     };
   }, []);
-  return /*#__PURE__*/React.createElement(RendererActionsContext, null, /*#__PURE__*/React.createElement(ValidationContextWrapper, null, fg('platform_synced_block_patch_1') ? /*#__PURE__*/React.createElement(RendererContextProvider, {
+  return /*#__PURE__*/React.createElement(RendererActionsContext, null, /*#__PURE__*/React.createElement(ValidationContextWrapper, null, /*#__PURE__*/React.createElement(RendererContextProvider, {
     value: {
       nestedRendererType: 'syncedBlock'
     }
@@ -125,33 +124,9 @@ export var AKRendererWrapper = /*#__PURE__*/memo(function (_ref3) {
     allowUgcScrubber: allowUgcScrubber,
     allowWrapCodeBlock: allowWrapCodeBlock,
     emojiResourceConfig: emojiResourceConfig,
-    eventHandlers: fg('platform_synced_block_patch_1') ? eventHandlers : undefined,
+    eventHandlers: eventHandlers,
     media: media,
     smartLinks: smartLinks,
     stickyHeaders: stickyHeaders
-  }))) : /*#__PURE__*/React.createElement("div", {
-    "data-testid": "sync-block-renderer-wrapper"
-  }, /*#__PURE__*/React.createElement(ReactRenderer, {
-    appearance: appearance,
-    adfStage: "stage0",
-    document: doc,
-    disableHeadingIDs: true,
-    dataProviders: dataProviders,
-    nodeComponents: nodeComponents,
-    allowAltTextOnImages: allowAltTextOnImages,
-    allowAnnotations: allowAnnotations,
-    allowColumnSorting: allowColumnSorting,
-    allowCopyToClipboard: allowCopyToClipboard,
-    allowCustomPanels: allowCustomPanels,
-    allowHeadingAnchorLinks: allowHeadingAnchorLinks,
-    allowPlaceholderText: allowPlaceholderText,
-    allowRendererContainerStyles: allowRendererContainerStyles,
-    allowSelectAllTrap: allowSelectAllTrap,
-    allowUgcScrubber: allowUgcScrubber,
-    allowWrapCodeBlock: allowWrapCodeBlock,
-    emojiResourceConfig: emojiResourceConfig,
-    media: media,
-    smartLinks: smartLinks,
-    stickyHeaders: stickyHeaders
-  }))));
+  })))));
 });

package/dist/esm/useSyncedBlockNodeComponent.js

@@ -19,21 +19,10 @@ export var useMemoizedSyncedBlockNodeComponent = function useMemoizedSyncedBlock
     syncBlockProvider = _ref.syncBlockProvider,
     syncBlockRendererOptions = _ref.syncBlockRendererOptions,
     fireAnalyticsEvent = _ref.fireAnalyticsEvent,
-    getSSRData = _ref.getSSRData,
     getPrefetchedData = _ref.getPrefetchedData;
   var syncBlockStoreManager = useMemoizedSyncBlockStoreManager(syncBlockProvider, fireAnalyticsEvent);
 
-  // Initialize SSR data if available
-  useEffect(function () {
-    if (getSSRData) {
-      var ssrData = getSSRData();
-      if (ssrData && syncBlockProvider.setSSRData) {
-        syncBlockProvider.setSSRData(ssrData);
-      }
-    }
-  }, [getSSRData, syncBlockProvider]);
-
-  // Process prefetched data next, if available
+  // Process prefetched data early, if available
   useEffect(function () {
     var prefetchedData;
     if (getPrefetchedData) {

package/dist/types/useSyncedBlockNodeComponent.d.ts

@@ -1,16 +1,15 @@
 import React from 'react';
 import type { DocNode } from '@atlaskit/adf-schema';
 import { type AnalyticsEventPayload } from '@atlaskit/editor-common/analytics';
-import { type SyncBlockInstance, type SyncBlockNode, type SyncedBlockProvider, type SyncBlockPrefetchData } from '@atlaskit/editor-synced-block-provider';
+import { type SyncBlockNode, type SyncedBlockProvider, type SyncBlockPrefetchData } from '@atlaskit/editor-synced-block-provider';
 import type { SyncedBlockRendererOptions } from './types';
 import { type SyncedBlockNodeProps } from './ui/SyncedBlockNodeComponentRenderer';
 export type GetSyncedBlockNodeComponentProps = {
     fireAnalyticsEvent?: (payload: AnalyticsEventPayload) => void;
     getPrefetchedData?: () => SyncBlockPrefetchData | undefined;
-    getSSRData?: () => Record<string, SyncBlockInstance> | undefined;
     syncBlockNodes: SyncBlockNode[];
     syncBlockProvider: SyncedBlockProvider;
     syncBlockRendererOptions: SyncedBlockRendererOptions | undefined;
 };
 export declare const getSyncBlockNodesFromDoc: (doc: DocNode) => SyncBlockNode[];
-export declare const useMemoizedSyncedBlockNodeComponent: ({ syncBlockNodes, syncBlockProvider, syncBlockRendererOptions, fireAnalyticsEvent, getSSRData, getPrefetchedData, }: GetSyncedBlockNodeComponentProps) => ((props: SyncedBlockNodeProps) => React.JSX.Element);
+export declare const useMemoizedSyncedBlockNodeComponent: ({ syncBlockNodes, syncBlockProvider, syncBlockRendererOptions, fireAnalyticsEvent, getPrefetchedData, }: GetSyncedBlockNodeComponentProps) => ((props: SyncedBlockNodeProps) => React.JSX.Element);

package/dist/types-ts4.5/useSyncedBlockNodeComponent.d.ts

@@ -1,16 +1,15 @@
 import React from 'react';
 import type { DocNode } from '@atlaskit/adf-schema';
 import { type AnalyticsEventPayload } from '@atlaskit/editor-common/analytics';
-import { type SyncBlockInstance, type SyncBlockNode, type SyncedBlockProvider, type SyncBlockPrefetchData } from '@atlaskit/editor-synced-block-provider';
+import { type SyncBlockNode, type SyncedBlockProvider, type SyncBlockPrefetchData } from '@atlaskit/editor-synced-block-provider';
 import type { SyncedBlockRendererOptions } from './types';
 import { type SyncedBlockNodeProps } from './ui/SyncedBlockNodeComponentRenderer';
 export type GetSyncedBlockNodeComponentProps = {
     fireAnalyticsEvent?: (payload: AnalyticsEventPayload) => void;
     getPrefetchedData?: () => SyncBlockPrefetchData | undefined;
-    getSSRData?: () => Record<string, SyncBlockInstance> | undefined;
     syncBlockNodes: SyncBlockNode[];
     syncBlockProvider: SyncedBlockProvider;
     syncBlockRendererOptions: SyncedBlockRendererOptions | undefined;
 };
 export declare const getSyncBlockNodesFromDoc: (doc: DocNode) => SyncBlockNode[];
-export declare const useMemoizedSyncedBlockNodeComponent: ({ syncBlockNodes, syncBlockProvider, syncBlockRendererOptions, fireAnalyticsEvent, getSSRData, getPrefetchedData, }: GetSyncedBlockNodeComponentProps) => ((props: SyncedBlockNodeProps) => React.JSX.Element);
+export declare const useMemoizedSyncedBlockNodeComponent: ({ syncBlockNodes, syncBlockProvider, syncBlockRendererOptions, fireAnalyticsEvent, getPrefetchedData, }: GetSyncedBlockNodeComponentProps) => ((props: SyncedBlockNodeProps) => React.JSX.Element);

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-synced-block-renderer",
-	"version": "5.8.1",
+	"version": "5.8.3",
 	"description": "SyncedBlockRenderer for @atlaskit/editor-plugin-synced-block",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",
@@ -31,7 +31,7 @@
 		"@atlaskit/button": "^23.9.0",
 		"@atlaskit/css": "^0.19.0",
 		"@atlaskit/editor-plugin-synced-block": "^5.3.0",
-		"@atlaskit/editor-synced-block-provider": "^3.28.0",
+		"@atlaskit/editor-synced-block-provider": "^3.29.0",
 		"@atlaskit/heading": "^5.3.0",
 		"@atlaskit/icon": "^31.0.0",
 		"@atlaskit/icon-lab": "^5.16.0",
@@ -48,7 +48,7 @@
 		"relay-runtime": "npm:atl-relay-runtime@0.0.0-main-39e79f66"
 	},
 	"peerDependencies": {
-		"@atlaskit/editor-common": "^111.12.0",
+		"@atlaskit/editor-common": "^111.14.0",
 		"react": "^18.2.0",
 		"react-intl-next": "npm:react-intl@^5.18.1"
 	},
@@ -87,10 +87,5 @@
 				"import-no-extraneous-disable-for-examples-and-docs"
 			]
 		}
-	},
-	"platform-feature-flags": {
-		"platform_synced_block_patch_1": {
-			"type": "boolean"
-		}
 	}
 }