@atlaskit/editor-synced-block-renderer 5.0.2 → 5.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/CHANGELOG.md CHANGED
@@ -1,5 +1,24 @@
1
1
  # @atlaskit/editor-synced-block-renderer
2
2
 
3
+ ## 5.1.0
4
+
5
+ ### Minor Changes
6
+
7
+ - [`fc67bbb84995b`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/fc67bbb84995b) -
8
+ The renderer version of synced blocks should also use the SSR preloaded data
9
+
10
+ ### Patch Changes
11
+
12
+ - Updated dependencies
13
+
14
+ ## 5.0.3
15
+
16
+ ### Patch Changes
17
+
18
+ - [`19ca45d2afec9`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/19ca45d2afec9) -
19
+ EDITOR-3596 Fix mentions and profile card in Synced Blocks in Jira Renderer
20
+ - Updated dependencies
21
+
3
22
  ## 5.0.2
4
23
 
5
24
  ### Patch Changes
@@ -47,6 +47,9 @@
47
47
  {
48
48
  "path": "../../../design-system/image/afm-cc/tsconfig.json"
49
49
  },
50
+ {
51
+ "path": "../../../platform/feature-flags/afm-cc/tsconfig.json"
52
+ },
50
53
  {
51
54
  "path": "../../../design-system/primitives/afm-cc/tsconfig.json"
52
55
  },
package/dist/cjs/index.js CHANGED
@@ -6,13 +6,7 @@ Object.defineProperty(exports, "__esModule", {
6
6
  Object.defineProperty(exports, "getSyncBlockNodesFromDoc", {
7
7
  enumerable: true,
8
8
  get: function get() {
9
- return _getSyncedBlockNodeComponent.getSyncBlockNodesFromDoc;
10
- }
11
- });
12
- Object.defineProperty(exports, "getSyncedBlockNodeComponent", {
13
- enumerable: true,
14
- get: function get() {
15
- return _getSyncedBlockNodeComponent.getSyncedBlockNodeComponent;
9
+ return _useSyncedBlockNodeComponent.getSyncBlockNodesFromDoc;
16
10
  }
17
11
  });
18
12
  Object.defineProperty(exports, "getSyncedBlockRenderer", {
@@ -28,5 +22,4 @@ Object.defineProperty(exports, "useMemoizedSyncedBlockNodeComponent", {
28
22
  }
29
23
  });
30
24
  var _useSyncedBlockNodeComponent = require("./useSyncedBlockNodeComponent");
31
- var _getSyncedBlockNodeComponent = require("./getSyncedBlockNodeComponent");
32
25
  var _getSyncedBlockRenderer = require("./getSyncedBlockRenderer");
@@ -4,19 +4,41 @@ var _typeof = require("@babel/runtime/helpers/typeof");
4
4
  Object.defineProperty(exports, "__esModule", {
5
5
  value: true
6
6
  });
7
- exports.useMemoizedSyncedBlockNodeComponent = void 0;
7
+ exports.useMemoizedSyncedBlockNodeComponent = exports.getSyncBlockNodesFromDoc = void 0;
8
8
  var _react = _interopRequireWildcard(require("react"));
9
9
  var _editorSyncedBlockProvider = require("@atlaskit/editor-synced-block-provider");
10
+ var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
10
11
  var _SyncedBlockNodeComponentRenderer = require("./ui/SyncedBlockNodeComponentRenderer");
11
12
  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); }
13
+ var getSyncBlockNodesFromDoc = exports.getSyncBlockNodesFromDoc = function getSyncBlockNodesFromDoc(doc) {
14
+ var content = doc.content;
15
+ var isEmpty = !content || !Array.isArray(content) || content.length === 0;
16
+ var syncBlockNodes = isEmpty ? [] : content.map(function (node) {
17
+ return (0, _editorSyncedBlockProvider.convertSyncBlockJSONNodeToSyncBlockNode)(node);
18
+ }).filter(function (node) {
19
+ return node !== undefined;
20
+ });
21
+ return syncBlockNodes;
22
+ };
12
23
  var useMemoizedSyncedBlockNodeComponent = exports.useMemoizedSyncedBlockNodeComponent = function useMemoizedSyncedBlockNodeComponent(_ref) {
13
24
  var syncBlockNodes = _ref.syncBlockNodes,
14
25
  syncBlockProvider = _ref.syncBlockProvider,
15
26
  syncBlockRendererOptions = _ref.syncBlockRendererOptions,
16
- fireAnalyticsEvent = _ref.fireAnalyticsEvent;
27
+ fireAnalyticsEvent = _ref.fireAnalyticsEvent,
28
+ getSSRData = _ref.getSSRData;
17
29
  var syncBlockStoreManager = (0, _editorSyncedBlockProvider.useMemoizedSyncBlockStoreManager)(syncBlockProvider, fireAnalyticsEvent);
18
30
 
19
- // Initial fetch sync block data
31
+ // Initialize SSR data if available
32
+ (0, _react.useEffect)(function () {
33
+ if (getSSRData && (0, _platformFeatureFlags.fg)('platform_synced_block_dogfooding')) {
34
+ var ssrData = getSSRData();
35
+ if (ssrData && syncBlockProvider.setSSRData) {
36
+ syncBlockProvider.setSSRData(ssrData);
37
+ }
38
+ }
39
+ }, [getSSRData, syncBlockProvider]);
40
+
41
+ // Initial fetch sync block data (will use SSR data as initial cache if available)
20
42
  (0, _react.useEffect)(function () {
21
43
  syncBlockStoreManager.referenceManager.fetchSyncBlocksData(syncBlockNodes);
22
44
  }, [syncBlockNodes, syncBlockStoreManager.referenceManager]);
@@ -1,4 +1,3 @@
1
1
  /* eslint-disable @atlaskit/editor/no-re-export */
2
- export { useMemoizedSyncedBlockNodeComponent } from './useSyncedBlockNodeComponent';
3
- export { getSyncedBlockNodeComponent, getSyncBlockNodesFromDoc } from './getSyncedBlockNodeComponent';
2
+ export { getSyncBlockNodesFromDoc, useMemoizedSyncedBlockNodeComponent } from './useSyncedBlockNodeComponent';
4
3
  export { getSyncedBlockRenderer } from './getSyncedBlockRenderer';
@@ -1,15 +1,35 @@
1
1
  import React, { useCallback, useEffect } from 'react';
2
- import { useMemoizedSyncBlockStoreManager } from '@atlaskit/editor-synced-block-provider';
2
+ import { convertSyncBlockJSONNodeToSyncBlockNode, useMemoizedSyncBlockStoreManager } from '@atlaskit/editor-synced-block-provider';
3
+ import { fg } from '@atlaskit/platform-feature-flags';
3
4
  import { SyncedBlockNodeComponentRenderer } from './ui/SyncedBlockNodeComponentRenderer';
5
+ export const getSyncBlockNodesFromDoc = doc => {
6
+ const {
7
+ content
8
+ } = doc;
9
+ const isEmpty = !content || !Array.isArray(content) || content.length === 0;
10
+ const syncBlockNodes = isEmpty ? [] : content.map(node => convertSyncBlockJSONNodeToSyncBlockNode(node)).filter(node => node !== undefined);
11
+ return syncBlockNodes;
12
+ };
4
13
  export const useMemoizedSyncedBlockNodeComponent = ({
5
14
  syncBlockNodes,
6
15
  syncBlockProvider,
7
16
  syncBlockRendererOptions,
8
- fireAnalyticsEvent
17
+ fireAnalyticsEvent,
18
+ getSSRData
9
19
  }) => {
10
20
  const syncBlockStoreManager = useMemoizedSyncBlockStoreManager(syncBlockProvider, fireAnalyticsEvent);
11
21
 
12
- // Initial fetch sync block data
22
+ // Initialize SSR data if available
23
+ useEffect(() => {
24
+ if (getSSRData && fg('platform_synced_block_dogfooding')) {
25
+ const ssrData = getSSRData();
26
+ if (ssrData && syncBlockProvider.setSSRData) {
27
+ syncBlockProvider.setSSRData(ssrData);
28
+ }
29
+ }
30
+ }, [getSSRData, syncBlockProvider]);
31
+
32
+ // Initial fetch sync block data (will use SSR data as initial cache if available)
13
33
  useEffect(() => {
14
34
  syncBlockStoreManager.referenceManager.fetchSyncBlocksData(syncBlockNodes);
15
35
  }, [syncBlockNodes, syncBlockStoreManager.referenceManager]);
package/dist/esm/index.js CHANGED
@@ -1,4 +1,3 @@
1
1
  /* eslint-disable @atlaskit/editor/no-re-export */
2
- export { useMemoizedSyncedBlockNodeComponent } from './useSyncedBlockNodeComponent';
3
- export { getSyncedBlockNodeComponent, getSyncBlockNodesFromDoc } from './getSyncedBlockNodeComponent';
2
+ export { getSyncBlockNodesFromDoc, useMemoizedSyncedBlockNodeComponent } from './useSyncedBlockNodeComponent';
4
3
  export { getSyncedBlockRenderer } from './getSyncedBlockRenderer';
@@ -1,14 +1,36 @@
1
1
  import React, { useCallback, useEffect } from 'react';
2
- import { useMemoizedSyncBlockStoreManager } from '@atlaskit/editor-synced-block-provider';
2
+ import { convertSyncBlockJSONNodeToSyncBlockNode, useMemoizedSyncBlockStoreManager } from '@atlaskit/editor-synced-block-provider';
3
+ import { fg } from '@atlaskit/platform-feature-flags';
3
4
  import { SyncedBlockNodeComponentRenderer } from './ui/SyncedBlockNodeComponentRenderer';
5
+ export var getSyncBlockNodesFromDoc = function getSyncBlockNodesFromDoc(doc) {
6
+ var content = doc.content;
7
+ var isEmpty = !content || !Array.isArray(content) || content.length === 0;
8
+ var syncBlockNodes = isEmpty ? [] : content.map(function (node) {
9
+ return convertSyncBlockJSONNodeToSyncBlockNode(node);
10
+ }).filter(function (node) {
11
+ return node !== undefined;
12
+ });
13
+ return syncBlockNodes;
14
+ };
4
15
  export var useMemoizedSyncedBlockNodeComponent = function useMemoizedSyncedBlockNodeComponent(_ref) {
5
16
  var syncBlockNodes = _ref.syncBlockNodes,
6
17
  syncBlockProvider = _ref.syncBlockProvider,
7
18
  syncBlockRendererOptions = _ref.syncBlockRendererOptions,
8
- fireAnalyticsEvent = _ref.fireAnalyticsEvent;
19
+ fireAnalyticsEvent = _ref.fireAnalyticsEvent,
20
+ getSSRData = _ref.getSSRData;
9
21
  var syncBlockStoreManager = useMemoizedSyncBlockStoreManager(syncBlockProvider, fireAnalyticsEvent);
10
22
 
11
- // Initial fetch sync block data
23
+ // Initialize SSR data if available
24
+ useEffect(function () {
25
+ if (getSSRData && fg('platform_synced_block_dogfooding')) {
26
+ var ssrData = getSSRData();
27
+ if (ssrData && syncBlockProvider.setSSRData) {
28
+ syncBlockProvider.setSSRData(ssrData);
29
+ }
30
+ }
31
+ }, [getSSRData, syncBlockProvider]);
32
+
33
+ // Initial fetch sync block data (will use SSR data as initial cache if available)
12
34
  useEffect(function () {
13
35
  syncBlockStoreManager.referenceManager.fetchSyncBlocksData(syncBlockNodes);
14
36
  }, [syncBlockNodes, syncBlockStoreManager.referenceManager]);
@@ -1,4 +1,3 @@
1
- export { useMemoizedSyncedBlockNodeComponent } from './useSyncedBlockNodeComponent';
2
- export { getSyncedBlockNodeComponent, getSyncBlockNodesFromDoc, } from './getSyncedBlockNodeComponent';
1
+ export { getSyncBlockNodesFromDoc, useMemoizedSyncedBlockNodeComponent, type GetSyncedBlockNodeComponentProps, } from './useSyncedBlockNodeComponent';
3
2
  export { getSyncedBlockRenderer } from './getSyncedBlockRenderer';
4
3
  export type { SyncedBlockNodeProps } from './ui/SyncedBlockNodeComponentRenderer';
@@ -1,4 +1,16 @@
1
1
  import React from 'react';
2
- import type { GetSyncedBlockNodeComponentProps } from './getSyncedBlockNodeComponent';
2
+ import type { DocNode } from '@atlaskit/adf-schema';
3
+ import type { SyncBlockEventPayload } from '@atlaskit/editor-common/analytics';
4
+ import { type SyncBlockInstance, type SyncBlockNode } from '@atlaskit/editor-synced-block-provider';
5
+ import type { SyncedBlockProvider } from '@atlaskit/editor-synced-block-provider';
6
+ import type { SyncedBlockRendererOptions } from './types';
3
7
  import { type SyncedBlockNodeProps } from './ui/SyncedBlockNodeComponentRenderer';
4
- export declare const useMemoizedSyncedBlockNodeComponent: ({ syncBlockNodes, syncBlockProvider, syncBlockRendererOptions, fireAnalyticsEvent, }: GetSyncedBlockNodeComponentProps) => ((props: SyncedBlockNodeProps) => React.JSX.Element);
8
+ export type GetSyncedBlockNodeComponentProps = {
9
+ fireAnalyticsEvent?: (payload: SyncBlockEventPayload) => void;
10
+ getSSRData?: () => Record<string, SyncBlockInstance> | undefined;
11
+ syncBlockNodes: SyncBlockNode[];
12
+ syncBlockProvider: SyncedBlockProvider;
13
+ syncBlockRendererOptions: SyncedBlockRendererOptions | undefined;
14
+ };
15
+ export declare const getSyncBlockNodesFromDoc: (doc: DocNode) => SyncBlockNode[];
16
+ export declare const useMemoizedSyncedBlockNodeComponent: ({ syncBlockNodes, syncBlockProvider, syncBlockRendererOptions, fireAnalyticsEvent, getSSRData, }: GetSyncedBlockNodeComponentProps) => ((props: SyncedBlockNodeProps) => React.JSX.Element);
@@ -1,4 +1,3 @@
1
- export { useMemoizedSyncedBlockNodeComponent } from './useSyncedBlockNodeComponent';
2
- export { getSyncedBlockNodeComponent, getSyncBlockNodesFromDoc, } from './getSyncedBlockNodeComponent';
1
+ export { getSyncBlockNodesFromDoc, useMemoizedSyncedBlockNodeComponent, type GetSyncedBlockNodeComponentProps, } from './useSyncedBlockNodeComponent';
3
2
  export { getSyncedBlockRenderer } from './getSyncedBlockRenderer';
4
3
  export type { SyncedBlockNodeProps } from './ui/SyncedBlockNodeComponentRenderer';
@@ -1,4 +1,16 @@
1
1
  import React from 'react';
2
- import type { GetSyncedBlockNodeComponentProps } from './getSyncedBlockNodeComponent';
2
+ import type { DocNode } from '@atlaskit/adf-schema';
3
+ import type { SyncBlockEventPayload } from '@atlaskit/editor-common/analytics';
4
+ import { type SyncBlockInstance, type SyncBlockNode } from '@atlaskit/editor-synced-block-provider';
5
+ import type { SyncedBlockProvider } from '@atlaskit/editor-synced-block-provider';
6
+ import type { SyncedBlockRendererOptions } from './types';
3
7
  import { type SyncedBlockNodeProps } from './ui/SyncedBlockNodeComponentRenderer';
4
- export declare const useMemoizedSyncedBlockNodeComponent: ({ syncBlockNodes, syncBlockProvider, syncBlockRendererOptions, fireAnalyticsEvent, }: GetSyncedBlockNodeComponentProps) => ((props: SyncedBlockNodeProps) => React.JSX.Element);
8
+ export type GetSyncedBlockNodeComponentProps = {
9
+ fireAnalyticsEvent?: (payload: SyncBlockEventPayload) => void;
10
+ getSSRData?: () => Record<string, SyncBlockInstance> | undefined;
11
+ syncBlockNodes: SyncBlockNode[];
12
+ syncBlockProvider: SyncedBlockProvider;
13
+ syncBlockRendererOptions: SyncedBlockRendererOptions | undefined;
14
+ };
15
+ export declare const getSyncBlockNodesFromDoc: (doc: DocNode) => SyncBlockNode[];
16
+ export declare const useMemoizedSyncedBlockNodeComponent: ({ syncBlockNodes, syncBlockProvider, syncBlockRendererOptions, fireAnalyticsEvent, getSSRData, }: GetSyncedBlockNodeComponentProps) => ((props: SyncedBlockNodeProps) => React.JSX.Element);
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/editor-synced-block-renderer",
3
- "version": "5.0.2",
3
+ "version": "5.1.0",
4
4
  "description": "SyncedBlockRenderer for @atlaskit/editor-plugin-synced-block",
5
5
  "author": "Atlassian Pty Ltd",
6
6
  "license": "Apache-2.0",
@@ -33,20 +33,21 @@
33
33
  "@atlaskit/editor-plugin-synced-block": "^5.1.0",
34
34
  "@atlaskit/editor-synced-block-provider": "^3.5.0",
35
35
  "@atlaskit/heading": "^5.2.0",
36
- "@atlaskit/icon": "^29.3.0",
37
- "@atlaskit/icon-lab": "^5.13.0",
36
+ "@atlaskit/icon": "^29.4.0",
37
+ "@atlaskit/icon-lab": "^5.14.0",
38
38
  "@atlaskit/image": "^3.0.0",
39
+ "@atlaskit/platform-feature-flags": "^1.1.0",
39
40
  "@atlaskit/primitives": "^17.0.0",
40
- "@atlaskit/renderer": "^125.1.0",
41
+ "@atlaskit/renderer": "^125.2.0",
41
42
  "@atlaskit/spinner": "^19.0.0",
42
43
  "@atlaskit/tokens": "^9.1.0",
43
- "@atlaskit/tooltip": "^20.11.0",
44
+ "@atlaskit/tooltip": "^20.12.0",
44
45
  "@babel/runtime": "^7.0.0",
45
46
  "react-relay": "npm:atl-react-relay@0.0.0-main-39e79f66",
46
47
  "relay-runtime": "npm:atl-relay-runtime@0.0.0-main-39e79f66"
47
48
  },
48
49
  "peerDependencies": {
49
- "@atlaskit/editor-common": "^111.4.0",
50
+ "@atlaskit/editor-common": "^111.7.0",
50
51
  "react": "^18.2.0",
51
52
  "react-intl-next": "npm:react-intl@^5.18.1"
52
53
  },
@@ -85,5 +86,10 @@
85
86
  "import-no-extraneous-disable-for-examples-and-docs"
86
87
  ]
87
88
  }
89
+ },
90
+ "platform-feature-flags": {
91
+ "platform_synced_block_dogfooding": {
92
+ "type": "boolean"
93
+ }
88
94
  }
89
95
  }
@@ -1,41 +0,0 @@
1
- "use strict";
2
-
3
- var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
- Object.defineProperty(exports, "__esModule", {
5
- value: true
6
- });
7
- exports.getSyncedBlockNodeComponent = exports.getSyncBlockNodesFromDoc = void 0;
8
- var _react = _interopRequireDefault(require("react"));
9
- var _editorSyncedBlockProvider = require("@atlaskit/editor-synced-block-provider");
10
- var _SyncedBlockNodeComponentRenderer = require("./ui/SyncedBlockNodeComponentRenderer");
11
- var getSyncBlockNodesFromDoc = exports.getSyncBlockNodesFromDoc = function getSyncBlockNodesFromDoc(doc) {
12
- var content = doc.content;
13
- var isEmpty = !content || !Array.isArray(content) || content.length === 0;
14
- var syncBlockNodes = isEmpty ? [] : content.map(function (node) {
15
- return (0, _editorSyncedBlockProvider.convertSyncBlockJSONNodeToSyncBlockNode)(node);
16
- }).filter(function (node) {
17
- return node !== undefined;
18
- });
19
- return syncBlockNodes;
20
- };
21
- var getSyncedBlockNodeComponent = exports.getSyncedBlockNodeComponent = function getSyncedBlockNodeComponent(_ref) {
22
- var syncBlockNodes = _ref.syncBlockNodes,
23
- syncBlockProvider = _ref.syncBlockProvider,
24
- syncBlockRendererOptions = _ref.syncBlockRendererOptions,
25
- fireAnalyticsEvent = _ref.fireAnalyticsEvent;
26
- var syncBlockStoreManager = (0, _editorSyncedBlockProvider.createAndInitializeSyncBlockStoreManager)({
27
- dataProvider: syncBlockProvider,
28
- fireAnalyticsEvent: fireAnalyticsEvent
29
- });
30
-
31
- // Initial fetch sync block data
32
- syncBlockStoreManager.referenceManager.fetchSyncBlocksData(syncBlockNodes);
33
- return function (props) {
34
- return /*#__PURE__*/_react.default.createElement(_SyncedBlockNodeComponentRenderer.SyncedBlockNodeComponentRenderer, {
35
- key: props.localId,
36
- nodeProps: props,
37
- syncBlockStoreManager: syncBlockStoreManager,
38
- rendererOptions: syncBlockRendererOptions
39
- });
40
- };
41
- };
@@ -1,31 +0,0 @@
1
- import React from 'react';
2
- import { convertSyncBlockJSONNodeToSyncBlockNode, createAndInitializeSyncBlockStoreManager } from '@atlaskit/editor-synced-block-provider';
3
- import { SyncedBlockNodeComponentRenderer } from './ui/SyncedBlockNodeComponentRenderer';
4
- export const getSyncBlockNodesFromDoc = doc => {
5
- const {
6
- content
7
- } = doc;
8
- const isEmpty = !content || !Array.isArray(content) || content.length === 0;
9
- const syncBlockNodes = isEmpty ? [] : content.map(node => convertSyncBlockJSONNodeToSyncBlockNode(node)).filter(node => node !== undefined);
10
- return syncBlockNodes;
11
- };
12
- export const getSyncedBlockNodeComponent = ({
13
- syncBlockNodes,
14
- syncBlockProvider,
15
- syncBlockRendererOptions,
16
- fireAnalyticsEvent
17
- }) => {
18
- const syncBlockStoreManager = createAndInitializeSyncBlockStoreManager({
19
- dataProvider: syncBlockProvider,
20
- fireAnalyticsEvent
21
- });
22
-
23
- // Initial fetch sync block data
24
- syncBlockStoreManager.referenceManager.fetchSyncBlocksData(syncBlockNodes);
25
- return props => /*#__PURE__*/React.createElement(SyncedBlockNodeComponentRenderer, {
26
- key: props.localId,
27
- nodeProps: props,
28
- syncBlockStoreManager: syncBlockStoreManager,
29
- rendererOptions: syncBlockRendererOptions
30
- });
31
- };
@@ -1,34 +0,0 @@
1
- import React from 'react';
2
- import { convertSyncBlockJSONNodeToSyncBlockNode, createAndInitializeSyncBlockStoreManager } from '@atlaskit/editor-synced-block-provider';
3
- import { SyncedBlockNodeComponentRenderer } from './ui/SyncedBlockNodeComponentRenderer';
4
- export var getSyncBlockNodesFromDoc = function getSyncBlockNodesFromDoc(doc) {
5
- var content = doc.content;
6
- var isEmpty = !content || !Array.isArray(content) || content.length === 0;
7
- var syncBlockNodes = isEmpty ? [] : content.map(function (node) {
8
- return convertSyncBlockJSONNodeToSyncBlockNode(node);
9
- }).filter(function (node) {
10
- return node !== undefined;
11
- });
12
- return syncBlockNodes;
13
- };
14
- export var getSyncedBlockNodeComponent = function getSyncedBlockNodeComponent(_ref) {
15
- var syncBlockNodes = _ref.syncBlockNodes,
16
- syncBlockProvider = _ref.syncBlockProvider,
17
- syncBlockRendererOptions = _ref.syncBlockRendererOptions,
18
- fireAnalyticsEvent = _ref.fireAnalyticsEvent;
19
- var syncBlockStoreManager = createAndInitializeSyncBlockStoreManager({
20
- dataProvider: syncBlockProvider,
21
- fireAnalyticsEvent: fireAnalyticsEvent
22
- });
23
-
24
- // Initial fetch sync block data
25
- syncBlockStoreManager.referenceManager.fetchSyncBlocksData(syncBlockNodes);
26
- return function (props) {
27
- return /*#__PURE__*/React.createElement(SyncedBlockNodeComponentRenderer, {
28
- key: props.localId,
29
- nodeProps: props,
30
- syncBlockStoreManager: syncBlockStoreManager,
31
- rendererOptions: syncBlockRendererOptions
32
- });
33
- };
34
- };
@@ -1,15 +0,0 @@
1
- import React from 'react';
2
- import type { DocNode } from '@atlaskit/adf-schema';
3
- import type { SyncBlockEventPayload } from '@atlaskit/editor-common/analytics';
4
- import { type SyncBlockNode } from '@atlaskit/editor-synced-block-provider';
5
- import type { SyncedBlockProvider } from '@atlaskit/editor-synced-block-provider';
6
- import type { SyncedBlockRendererOptions } from './types';
7
- import { type SyncedBlockNodeProps } from './ui/SyncedBlockNodeComponentRenderer';
8
- export type GetSyncedBlockNodeComponentProps = {
9
- fireAnalyticsEvent?: (payload: SyncBlockEventPayload) => void;
10
- syncBlockNodes: SyncBlockNode[];
11
- syncBlockProvider: SyncedBlockProvider;
12
- syncBlockRendererOptions: SyncedBlockRendererOptions | undefined;
13
- };
14
- export declare const getSyncBlockNodesFromDoc: (doc: DocNode) => SyncBlockNode[];
15
- export declare const getSyncedBlockNodeComponent: ({ syncBlockNodes, syncBlockProvider, syncBlockRendererOptions, fireAnalyticsEvent, }: GetSyncedBlockNodeComponentProps) => (props: SyncedBlockNodeProps) => React.JSX.Element;
@@ -1,15 +0,0 @@
1
- import React from 'react';
2
- import type { DocNode } from '@atlaskit/adf-schema';
3
- import type { SyncBlockEventPayload } from '@atlaskit/editor-common/analytics';
4
- import { type SyncBlockNode } from '@atlaskit/editor-synced-block-provider';
5
- import type { SyncedBlockProvider } from '@atlaskit/editor-synced-block-provider';
6
- import type { SyncedBlockRendererOptions } from './types';
7
- import { type SyncedBlockNodeProps } from './ui/SyncedBlockNodeComponentRenderer';
8
- export type GetSyncedBlockNodeComponentProps = {
9
- fireAnalyticsEvent?: (payload: SyncBlockEventPayload) => void;
10
- syncBlockNodes: SyncBlockNode[];
11
- syncBlockProvider: SyncedBlockProvider;
12
- syncBlockRendererOptions: SyncedBlockRendererOptions | undefined;
13
- };
14
- export declare const getSyncBlockNodesFromDoc: (doc: DocNode) => SyncBlockNode[];
15
- export declare const getSyncedBlockNodeComponent: ({ syncBlockNodes, syncBlockProvider, syncBlockRendererOptions, fireAnalyticsEvent, }: GetSyncedBlockNodeComponentProps) => (props: SyncedBlockNodeProps) => React.JSX.Element;