@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 +19 -0
- package/afm-cc/tsconfig.json +3 -0
- package/dist/cjs/index.js +1 -8
- package/dist/cjs/useSyncedBlockNodeComponent.js +25 -3
- package/dist/es2019/index.js +1 -2
- package/dist/es2019/useSyncedBlockNodeComponent.js +23 -3
- package/dist/esm/index.js +1 -2
- package/dist/esm/useSyncedBlockNodeComponent.js +25 -3
- package/dist/types/index.d.ts +1 -2
- package/dist/types/useSyncedBlockNodeComponent.d.ts +14 -2
- package/dist/types-ts4.5/index.d.ts +1 -2
- package/dist/types-ts4.5/useSyncedBlockNodeComponent.d.ts +14 -2
- package/package.json +12 -6
- package/dist/cjs/getSyncedBlockNodeComponent.js +0 -41
- package/dist/es2019/getSyncedBlockNodeComponent.js +0 -31
- package/dist/esm/getSyncedBlockNodeComponent.js +0 -34
- package/dist/types/getSyncedBlockNodeComponent.d.ts +0 -15
- package/dist/types-ts4.5/getSyncedBlockNodeComponent.d.ts +0 -15
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
|
package/afm-cc/tsconfig.json
CHANGED
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
|
|
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
|
-
//
|
|
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]);
|
package/dist/es2019/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,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
|
-
//
|
|
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
|
-
//
|
|
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]);
|
package/dist/types/index.d.ts
CHANGED
|
@@ -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 {
|
|
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
|
|
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 {
|
|
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
|
|
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
|
|
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.
|
|
37
|
-
"@atlaskit/icon-lab": "^5.
|
|
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.
|
|
41
|
+
"@atlaskit/renderer": "^125.2.0",
|
|
41
42
|
"@atlaskit/spinner": "^19.0.0",
|
|
42
43
|
"@atlaskit/tokens": "^9.1.0",
|
|
43
|
-
"@atlaskit/tooltip": "^20.
|
|
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.
|
|
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;
|