@atlaskit/editor-synced-block-renderer 3.1.6 → 3.2.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 +16 -0
- package/dist/cjs/getSyncedBlockRenderer.js +1 -3
- package/dist/cjs/ui/AKRendererWrapper.js +1 -2
- package/dist/cjs/ui/SyncedBlockNodeComponentRenderer.js +9 -7
- package/dist/cjs/ui/SyncedBlockRenderer.js +4 -18
- package/dist/es2019/getSyncedBlockRenderer.js +0 -2
- package/dist/es2019/ui/AKRendererWrapper.js +1 -2
- package/dist/es2019/ui/SyncedBlockNodeComponentRenderer.js +9 -7
- package/dist/es2019/ui/SyncedBlockRenderer.js +4 -18
- package/dist/esm/getSyncedBlockRenderer.js +1 -3
- package/dist/esm/ui/AKRendererWrapper.js +1 -2
- package/dist/esm/ui/SyncedBlockNodeComponentRenderer.js +9 -7
- package/dist/esm/ui/SyncedBlockRenderer.js +4 -18
- package/dist/types/getSyncedBlockNodeComponent.d.ts +1 -0
- package/dist/types/getSyncedBlockRenderer.d.ts +1 -3
- package/dist/types/ui/SyncedBlockRenderer.d.ts +1 -4
- package/dist/types-ts4.5/getSyncedBlockNodeComponent.d.ts +1 -0
- package/dist/types-ts4.5/getSyncedBlockRenderer.d.ts +1 -3
- package/dist/types-ts4.5/ui/SyncedBlockRenderer.d.ts +1 -4
- package/package.json +4 -4
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,21 @@
|
|
|
1
1
|
# @atlaskit/editor-synced-block-renderer
|
|
2
2
|
|
|
3
|
+
## 3.2.0
|
|
4
|
+
|
|
5
|
+
### Minor Changes
|
|
6
|
+
|
|
7
|
+
- [`9efdcfd413c6d`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/9efdcfd413c6d) -
|
|
8
|
+
[ux] Stop sticky table headers within synced blocks
|
|
9
|
+
|
|
10
|
+
### Patch Changes
|
|
11
|
+
|
|
12
|
+
- [`df3d682372ee2`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/df3d682372ee2) -
|
|
13
|
+
EDITOR-2379 add data-sync-block attribute to reference sync block wrapper
|
|
14
|
+
- [`e3aafa008fcf4`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/e3aafa008fcf4) -
|
|
15
|
+
EDITOR-2771 Pass parent Editor/Renderer data providers through SyncBlockDataProvider to the nested
|
|
16
|
+
renderer
|
|
17
|
+
- Updated dependencies
|
|
18
|
+
|
|
3
19
|
## 3.1.6
|
|
4
20
|
|
|
5
21
|
### Patch Changes
|
|
@@ -9,13 +9,11 @@ var _react = _interopRequireDefault(require("react"));
|
|
|
9
9
|
var _SyncedBlockRenderer = require("./ui/SyncedBlockRenderer");
|
|
10
10
|
// For rendering reference synced block nodes in Editor
|
|
11
11
|
var getSyncedBlockRenderer = exports.getSyncedBlockRenderer = function getSyncedBlockRenderer(_ref) {
|
|
12
|
-
var
|
|
13
|
-
syncBlockRendererOptions = _ref.syncBlockRendererOptions;
|
|
12
|
+
var syncBlockRendererOptions = _ref.syncBlockRendererOptions;
|
|
14
13
|
return function (_ref2) {
|
|
15
14
|
var useFetchSyncBlockData = _ref2.useFetchSyncBlockData;
|
|
16
15
|
return /*#__PURE__*/_react.default.createElement(_SyncedBlockRenderer.SyncedBlockRenderer, {
|
|
17
16
|
syncBlockRendererOptions: syncBlockRendererOptions,
|
|
18
|
-
syncBlockRendererDataProviders: syncBlockRendererDataProviders,
|
|
19
17
|
useFetchSyncBlockData: useFetchSyncBlockData
|
|
20
18
|
});
|
|
21
19
|
};
|
|
@@ -44,8 +44,7 @@ var defaultOptions = {
|
|
|
44
44
|
mediaInline: true
|
|
45
45
|
}
|
|
46
46
|
},
|
|
47
|
-
smartLinks: undefined
|
|
48
|
-
stickyHeaders: true
|
|
47
|
+
smartLinks: undefined
|
|
49
48
|
};
|
|
50
49
|
var AKRendererWrapper = exports.AKRendererWrapper = /*#__PURE__*/(0, _react.memo)(function (_ref2) {
|
|
51
50
|
var doc = _ref2.doc,
|
|
@@ -15,15 +15,15 @@ var SyncedBlockNodeComponentRenderer = exports.SyncedBlockNodeComponentRenderer
|
|
|
15
15
|
syncBlockStoreManager = _ref.syncBlockStoreManager,
|
|
16
16
|
rendererOptions = _ref.rendererOptions;
|
|
17
17
|
var resourceId = nodeProps.resourceId,
|
|
18
|
-
localId = nodeProps.localId
|
|
19
|
-
providers = nodeProps.providers;
|
|
18
|
+
localId = nodeProps.localId;
|
|
20
19
|
var _useFetchSyncBlockDat = (0, _editorSyncedBlockProvider.useFetchSyncBlockData)(syncBlockStoreManager, resourceId, localId),
|
|
21
20
|
syncBlockInstance = _useFetchSyncBlockDat.syncBlockInstance,
|
|
22
|
-
isLoading = _useFetchSyncBlockDat.isLoading
|
|
21
|
+
isLoading = _useFetchSyncBlockDat.isLoading,
|
|
22
|
+
providerFactory = _useFetchSyncBlockDat.providerFactory;
|
|
23
23
|
if (isLoading && !syncBlockInstance) {
|
|
24
24
|
return /*#__PURE__*/_react.default.createElement(_SyncedBlockLoadingState.SyncedBlockLoadingState, null);
|
|
25
25
|
}
|
|
26
|
-
if (syncBlockInstance !== null && syncBlockInstance !== void 0 && syncBlockInstance.error || !(syncBlockInstance !== null && syncBlockInstance !== void 0 && syncBlockInstance.data)) {
|
|
26
|
+
if (!resourceId || syncBlockInstance !== null && syncBlockInstance !== void 0 && syncBlockInstance.error || !(syncBlockInstance !== null && syncBlockInstance !== void 0 && syncBlockInstance.data)) {
|
|
27
27
|
var _syncBlockInstance$er;
|
|
28
28
|
return /*#__PURE__*/_react.default.createElement(_SyncedBlockErrorComponent.SyncedBlockErrorComponent, {
|
|
29
29
|
error: (_syncBlockInstance$er = syncBlockInstance === null || syncBlockInstance === void 0 ? void 0 : syncBlockInstance.error) !== null && _syncBlockInstance$er !== void 0 ? _syncBlockInstance$er : _editorSyncedBlockProvider.SyncBlockError.Errored,
|
|
@@ -35,9 +35,11 @@ var SyncedBlockNodeComponentRenderer = exports.SyncedBlockNodeComponentRenderer
|
|
|
35
35
|
version: 1,
|
|
36
36
|
type: 'doc'
|
|
37
37
|
};
|
|
38
|
-
return /*#__PURE__*/_react.default.createElement(
|
|
38
|
+
return /*#__PURE__*/_react.default.createElement("div", {
|
|
39
|
+
"data-sync-block-renderer": true
|
|
40
|
+
}, /*#__PURE__*/_react.default.createElement(_AKRendererWrapper.AKRendererWrapper, {
|
|
39
41
|
doc: syncBlockDoc,
|
|
40
|
-
dataProviders:
|
|
42
|
+
dataProviders: providerFactory,
|
|
41
43
|
options: rendererOptions
|
|
42
|
-
});
|
|
44
|
+
}));
|
|
43
45
|
};
|
|
@@ -4,33 +4,19 @@ var _typeof = require("@babel/runtime/helpers/typeof");
|
|
|
4
4
|
Object.defineProperty(exports, "__esModule", {
|
|
5
5
|
value: true
|
|
6
6
|
});
|
|
7
|
-
exports.
|
|
7
|
+
exports.SyncedBlockRenderer = void 0;
|
|
8
8
|
var _react = _interopRequireWildcard(require("react"));
|
|
9
|
-
var _providerFactory = require("@atlaskit/editor-common/provider-factory");
|
|
10
9
|
var _editorSyncedBlockProvider = require("@atlaskit/editor-synced-block-provider");
|
|
11
10
|
var _AKRendererWrapper = require("./AKRendererWrapper");
|
|
12
11
|
var _SyncedBlockErrorComponent = require("./SyncedBlockErrorComponent");
|
|
13
12
|
var _SyncedBlockLoadingState = require("./SyncedBlockLoadingState");
|
|
14
13
|
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); }
|
|
15
|
-
var convertSyncBlockRendererDataProvidersToProviderFactory = exports.convertSyncBlockRendererDataProvidersToProviderFactory = function convertSyncBlockRendererDataProvidersToProviderFactory(dataProviders) {
|
|
16
|
-
return _providerFactory.ProviderFactory.create({
|
|
17
|
-
cardProvider: dataProviders === null || dataProviders === void 0 ? void 0 : dataProviders.cardProvider,
|
|
18
|
-
emojiProvider: dataProviders === null || dataProviders === void 0 ? void 0 : dataProviders.emojiProvider,
|
|
19
|
-
mediaProvider: dataProviders === null || dataProviders === void 0 ? void 0 : dataProviders.mediaProvider,
|
|
20
|
-
mentionProvider: dataProviders === null || dataProviders === void 0 ? void 0 : dataProviders.mentionProvider,
|
|
21
|
-
profilecardProvider: dataProviders === null || dataProviders === void 0 ? void 0 : dataProviders.profilecardProvider,
|
|
22
|
-
taskDecisionProvider: dataProviders === null || dataProviders === void 0 ? void 0 : dataProviders.taskDecisionProvider
|
|
23
|
-
});
|
|
24
|
-
};
|
|
25
14
|
var SyncedBlockRendererComponent = function SyncedBlockRendererComponent(_ref) {
|
|
26
15
|
var useFetchSyncBlockData = _ref.useFetchSyncBlockData,
|
|
27
|
-
syncBlockRendererDataProviders = _ref.syncBlockRendererDataProviders,
|
|
28
16
|
syncBlockRendererOptions = _ref.syncBlockRendererOptions;
|
|
29
17
|
var _useFetchSyncBlockDat = useFetchSyncBlockData(),
|
|
30
|
-
syncBlockInstance = _useFetchSyncBlockDat.syncBlockInstance
|
|
31
|
-
|
|
32
|
-
return convertSyncBlockRendererDataProvidersToProviderFactory(syncBlockRendererDataProviders);
|
|
33
|
-
}, [syncBlockRendererDataProviders]);
|
|
18
|
+
syncBlockInstance = _useFetchSyncBlockDat.syncBlockInstance,
|
|
19
|
+
providerFactory = _useFetchSyncBlockDat.providerFactory;
|
|
34
20
|
if (!syncBlockInstance) {
|
|
35
21
|
return /*#__PURE__*/_react.default.createElement(_SyncedBlockLoadingState.SyncedBlockLoadingState, null);
|
|
36
22
|
}
|
|
@@ -48,7 +34,7 @@ var SyncedBlockRendererComponent = function SyncedBlockRendererComponent(_ref) {
|
|
|
48
34
|
};
|
|
49
35
|
return /*#__PURE__*/_react.default.createElement(_AKRendererWrapper.AKRendererWrapper, {
|
|
50
36
|
doc: syncBlockDoc,
|
|
51
|
-
dataProviders:
|
|
37
|
+
dataProviders: providerFactory,
|
|
52
38
|
options: syncBlockRendererOptions
|
|
53
39
|
});
|
|
54
40
|
};
|
|
@@ -2,14 +2,12 @@ import React from 'react';
|
|
|
2
2
|
import { SyncedBlockRenderer } from './ui/SyncedBlockRenderer';
|
|
3
3
|
// For rendering reference synced block nodes in Editor
|
|
4
4
|
export const getSyncedBlockRenderer = ({
|
|
5
|
-
syncBlockRendererDataProviders,
|
|
6
5
|
syncBlockRendererOptions
|
|
7
6
|
}) => ({
|
|
8
7
|
useFetchSyncBlockData
|
|
9
8
|
}) => {
|
|
10
9
|
return /*#__PURE__*/React.createElement(SyncedBlockRenderer, {
|
|
11
10
|
syncBlockRendererOptions: syncBlockRendererOptions,
|
|
12
|
-
syncBlockRendererDataProviders: syncBlockRendererDataProviders,
|
|
13
11
|
useFetchSyncBlockData: useFetchSyncBlockData
|
|
14
12
|
});
|
|
15
13
|
};
|
|
@@ -10,17 +10,17 @@ export const SyncedBlockNodeComponentRenderer = ({
|
|
|
10
10
|
}) => {
|
|
11
11
|
const {
|
|
12
12
|
resourceId,
|
|
13
|
-
localId
|
|
14
|
-
providers
|
|
13
|
+
localId
|
|
15
14
|
} = nodeProps;
|
|
16
15
|
const {
|
|
17
16
|
syncBlockInstance,
|
|
18
|
-
isLoading
|
|
17
|
+
isLoading,
|
|
18
|
+
providerFactory
|
|
19
19
|
} = useFetchSyncBlockData(syncBlockStoreManager, resourceId, localId);
|
|
20
20
|
if (isLoading && !syncBlockInstance) {
|
|
21
21
|
return /*#__PURE__*/React.createElement(SyncedBlockLoadingState, null);
|
|
22
22
|
}
|
|
23
|
-
if (syncBlockInstance !== null && syncBlockInstance !== void 0 && syncBlockInstance.error || !(syncBlockInstance !== null && syncBlockInstance !== void 0 && syncBlockInstance.data)) {
|
|
23
|
+
if (!resourceId || syncBlockInstance !== null && syncBlockInstance !== void 0 && syncBlockInstance.error || !(syncBlockInstance !== null && syncBlockInstance !== void 0 && syncBlockInstance.data)) {
|
|
24
24
|
var _syncBlockInstance$er;
|
|
25
25
|
return /*#__PURE__*/React.createElement(SyncedBlockErrorComponent, {
|
|
26
26
|
error: (_syncBlockInstance$er = syncBlockInstance === null || syncBlockInstance === void 0 ? void 0 : syncBlockInstance.error) !== null && _syncBlockInstance$er !== void 0 ? _syncBlockInstance$er : SyncBlockError.Errored,
|
|
@@ -32,9 +32,11 @@ export const SyncedBlockNodeComponentRenderer = ({
|
|
|
32
32
|
version: 1,
|
|
33
33
|
type: 'doc'
|
|
34
34
|
};
|
|
35
|
-
return /*#__PURE__*/React.createElement(
|
|
35
|
+
return /*#__PURE__*/React.createElement("div", {
|
|
36
|
+
"data-sync-block-renderer": true
|
|
37
|
+
}, /*#__PURE__*/React.createElement(AKRendererWrapper, {
|
|
36
38
|
doc: syncBlockDoc,
|
|
37
|
-
dataProviders:
|
|
39
|
+
dataProviders: providerFactory,
|
|
38
40
|
options: rendererOptions
|
|
39
|
-
});
|
|
41
|
+
}));
|
|
40
42
|
};
|
|
@@ -1,30 +1,16 @@
|
|
|
1
|
-
import React, { memo
|
|
2
|
-
import { ProviderFactory } from '@atlaskit/editor-common/provider-factory';
|
|
1
|
+
import React, { memo } from 'react';
|
|
3
2
|
import { SyncBlockError } from '@atlaskit/editor-synced-block-provider';
|
|
4
3
|
import { AKRendererWrapper } from './AKRendererWrapper';
|
|
5
4
|
import { SyncedBlockErrorComponent } from './SyncedBlockErrorComponent';
|
|
6
5
|
import { SyncedBlockLoadingState } from './SyncedBlockLoadingState';
|
|
7
|
-
export const convertSyncBlockRendererDataProvidersToProviderFactory = dataProviders => {
|
|
8
|
-
return ProviderFactory.create({
|
|
9
|
-
cardProvider: dataProviders === null || dataProviders === void 0 ? void 0 : dataProviders.cardProvider,
|
|
10
|
-
emojiProvider: dataProviders === null || dataProviders === void 0 ? void 0 : dataProviders.emojiProvider,
|
|
11
|
-
mediaProvider: dataProviders === null || dataProviders === void 0 ? void 0 : dataProviders.mediaProvider,
|
|
12
|
-
mentionProvider: dataProviders === null || dataProviders === void 0 ? void 0 : dataProviders.mentionProvider,
|
|
13
|
-
profilecardProvider: dataProviders === null || dataProviders === void 0 ? void 0 : dataProviders.profilecardProvider,
|
|
14
|
-
taskDecisionProvider: dataProviders === null || dataProviders === void 0 ? void 0 : dataProviders.taskDecisionProvider
|
|
15
|
-
});
|
|
16
|
-
};
|
|
17
6
|
const SyncedBlockRendererComponent = ({
|
|
18
7
|
useFetchSyncBlockData,
|
|
19
|
-
syncBlockRendererDataProviders,
|
|
20
8
|
syncBlockRendererOptions
|
|
21
9
|
}) => {
|
|
22
10
|
const {
|
|
23
|
-
syncBlockInstance
|
|
11
|
+
syncBlockInstance,
|
|
12
|
+
providerFactory
|
|
24
13
|
} = useFetchSyncBlockData();
|
|
25
|
-
const dataProviders = useMemo(() => {
|
|
26
|
-
return convertSyncBlockRendererDataProvidersToProviderFactory(syncBlockRendererDataProviders);
|
|
27
|
-
}, [syncBlockRendererDataProviders]);
|
|
28
14
|
if (!syncBlockInstance) {
|
|
29
15
|
return /*#__PURE__*/React.createElement(SyncedBlockLoadingState, null);
|
|
30
16
|
}
|
|
@@ -42,7 +28,7 @@ const SyncedBlockRendererComponent = ({
|
|
|
42
28
|
};
|
|
43
29
|
return /*#__PURE__*/React.createElement(AKRendererWrapper, {
|
|
44
30
|
doc: syncBlockDoc,
|
|
45
|
-
dataProviders:
|
|
31
|
+
dataProviders: providerFactory,
|
|
46
32
|
options: syncBlockRendererOptions
|
|
47
33
|
});
|
|
48
34
|
};
|
|
@@ -2,13 +2,11 @@ import React from 'react';
|
|
|
2
2
|
import { SyncedBlockRenderer } from './ui/SyncedBlockRenderer';
|
|
3
3
|
// For rendering reference synced block nodes in Editor
|
|
4
4
|
export var getSyncedBlockRenderer = function getSyncedBlockRenderer(_ref) {
|
|
5
|
-
var
|
|
6
|
-
syncBlockRendererOptions = _ref.syncBlockRendererOptions;
|
|
5
|
+
var syncBlockRendererOptions = _ref.syncBlockRendererOptions;
|
|
7
6
|
return function (_ref2) {
|
|
8
7
|
var useFetchSyncBlockData = _ref2.useFetchSyncBlockData;
|
|
9
8
|
return /*#__PURE__*/React.createElement(SyncedBlockRenderer, {
|
|
10
9
|
syncBlockRendererOptions: syncBlockRendererOptions,
|
|
11
|
-
syncBlockRendererDataProviders: syncBlockRendererDataProviders,
|
|
12
10
|
useFetchSyncBlockData: useFetchSyncBlockData
|
|
13
11
|
});
|
|
14
12
|
};
|
|
@@ -8,15 +8,15 @@ export var SyncedBlockNodeComponentRenderer = function SyncedBlockNodeComponentR
|
|
|
8
8
|
syncBlockStoreManager = _ref.syncBlockStoreManager,
|
|
9
9
|
rendererOptions = _ref.rendererOptions;
|
|
10
10
|
var resourceId = nodeProps.resourceId,
|
|
11
|
-
localId = nodeProps.localId
|
|
12
|
-
providers = nodeProps.providers;
|
|
11
|
+
localId = nodeProps.localId;
|
|
13
12
|
var _useFetchSyncBlockDat = useFetchSyncBlockData(syncBlockStoreManager, resourceId, localId),
|
|
14
13
|
syncBlockInstance = _useFetchSyncBlockDat.syncBlockInstance,
|
|
15
|
-
isLoading = _useFetchSyncBlockDat.isLoading
|
|
14
|
+
isLoading = _useFetchSyncBlockDat.isLoading,
|
|
15
|
+
providerFactory = _useFetchSyncBlockDat.providerFactory;
|
|
16
16
|
if (isLoading && !syncBlockInstance) {
|
|
17
17
|
return /*#__PURE__*/React.createElement(SyncedBlockLoadingState, null);
|
|
18
18
|
}
|
|
19
|
-
if (syncBlockInstance !== null && syncBlockInstance !== void 0 && syncBlockInstance.error || !(syncBlockInstance !== null && syncBlockInstance !== void 0 && syncBlockInstance.data)) {
|
|
19
|
+
if (!resourceId || syncBlockInstance !== null && syncBlockInstance !== void 0 && syncBlockInstance.error || !(syncBlockInstance !== null && syncBlockInstance !== void 0 && syncBlockInstance.data)) {
|
|
20
20
|
var _syncBlockInstance$er;
|
|
21
21
|
return /*#__PURE__*/React.createElement(SyncedBlockErrorComponent, {
|
|
22
22
|
error: (_syncBlockInstance$er = syncBlockInstance === null || syncBlockInstance === void 0 ? void 0 : syncBlockInstance.error) !== null && _syncBlockInstance$er !== void 0 ? _syncBlockInstance$er : SyncBlockError.Errored,
|
|
@@ -28,9 +28,11 @@ export var SyncedBlockNodeComponentRenderer = function SyncedBlockNodeComponentR
|
|
|
28
28
|
version: 1,
|
|
29
29
|
type: 'doc'
|
|
30
30
|
};
|
|
31
|
-
return /*#__PURE__*/React.createElement(
|
|
31
|
+
return /*#__PURE__*/React.createElement("div", {
|
|
32
|
+
"data-sync-block-renderer": true
|
|
33
|
+
}, /*#__PURE__*/React.createElement(AKRendererWrapper, {
|
|
32
34
|
doc: syncBlockDoc,
|
|
33
|
-
dataProviders:
|
|
35
|
+
dataProviders: providerFactory,
|
|
34
36
|
options: rendererOptions
|
|
35
|
-
});
|
|
37
|
+
}));
|
|
36
38
|
};
|
|
@@ -1,28 +1,14 @@
|
|
|
1
|
-
import React, { memo
|
|
2
|
-
import { ProviderFactory } from '@atlaskit/editor-common/provider-factory';
|
|
1
|
+
import React, { memo } from 'react';
|
|
3
2
|
import { SyncBlockError } from '@atlaskit/editor-synced-block-provider';
|
|
4
3
|
import { AKRendererWrapper } from './AKRendererWrapper';
|
|
5
4
|
import { SyncedBlockErrorComponent } from './SyncedBlockErrorComponent';
|
|
6
5
|
import { SyncedBlockLoadingState } from './SyncedBlockLoadingState';
|
|
7
|
-
export var convertSyncBlockRendererDataProvidersToProviderFactory = function convertSyncBlockRendererDataProvidersToProviderFactory(dataProviders) {
|
|
8
|
-
return ProviderFactory.create({
|
|
9
|
-
cardProvider: dataProviders === null || dataProviders === void 0 ? void 0 : dataProviders.cardProvider,
|
|
10
|
-
emojiProvider: dataProviders === null || dataProviders === void 0 ? void 0 : dataProviders.emojiProvider,
|
|
11
|
-
mediaProvider: dataProviders === null || dataProviders === void 0 ? void 0 : dataProviders.mediaProvider,
|
|
12
|
-
mentionProvider: dataProviders === null || dataProviders === void 0 ? void 0 : dataProviders.mentionProvider,
|
|
13
|
-
profilecardProvider: dataProviders === null || dataProviders === void 0 ? void 0 : dataProviders.profilecardProvider,
|
|
14
|
-
taskDecisionProvider: dataProviders === null || dataProviders === void 0 ? void 0 : dataProviders.taskDecisionProvider
|
|
15
|
-
});
|
|
16
|
-
};
|
|
17
6
|
var SyncedBlockRendererComponent = function SyncedBlockRendererComponent(_ref) {
|
|
18
7
|
var useFetchSyncBlockData = _ref.useFetchSyncBlockData,
|
|
19
|
-
syncBlockRendererDataProviders = _ref.syncBlockRendererDataProviders,
|
|
20
8
|
syncBlockRendererOptions = _ref.syncBlockRendererOptions;
|
|
21
9
|
var _useFetchSyncBlockDat = useFetchSyncBlockData(),
|
|
22
|
-
syncBlockInstance = _useFetchSyncBlockDat.syncBlockInstance
|
|
23
|
-
|
|
24
|
-
return convertSyncBlockRendererDataProvidersToProviderFactory(syncBlockRendererDataProviders);
|
|
25
|
-
}, [syncBlockRendererDataProviders]);
|
|
10
|
+
syncBlockInstance = _useFetchSyncBlockDat.syncBlockInstance,
|
|
11
|
+
providerFactory = _useFetchSyncBlockDat.providerFactory;
|
|
26
12
|
if (!syncBlockInstance) {
|
|
27
13
|
return /*#__PURE__*/React.createElement(SyncedBlockLoadingState, null);
|
|
28
14
|
}
|
|
@@ -40,7 +26,7 @@ var SyncedBlockRendererComponent = function SyncedBlockRendererComponent(_ref) {
|
|
|
40
26
|
};
|
|
41
27
|
return /*#__PURE__*/React.createElement(AKRendererWrapper, {
|
|
42
28
|
doc: syncBlockDoc,
|
|
43
|
-
dataProviders:
|
|
29
|
+
dataProviders: providerFactory,
|
|
44
30
|
options: syncBlockRendererOptions
|
|
45
31
|
});
|
|
46
32
|
};
|
|
@@ -1,10 +1,8 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import type { SyncedBlockRendererDataProviders } from '@atlaskit/editor-common/provider-factory';
|
|
3
2
|
import type { SyncedBlockRendererProps } from '@atlaskit/editor-plugin-synced-block';
|
|
4
3
|
import type { SyncedBlockRendererOptions } from './types';
|
|
5
4
|
type GetSyncedBlockRendererProps = {
|
|
6
|
-
syncBlockRendererDataProviders: SyncedBlockRendererDataProviders;
|
|
7
5
|
syncBlockRendererOptions: SyncedBlockRendererOptions | undefined;
|
|
8
6
|
};
|
|
9
|
-
export declare const getSyncedBlockRenderer: ({
|
|
7
|
+
export declare const getSyncedBlockRenderer: ({ syncBlockRendererOptions }: GetSyncedBlockRendererProps) => ({ useFetchSyncBlockData }: SyncedBlockRendererProps) => React.JSX.Element;
|
|
10
8
|
export {};
|
|
@@ -1,11 +1,8 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import { ProviderFactory, type SyncedBlockRendererDataProviders } from '@atlaskit/editor-common/provider-factory';
|
|
3
2
|
import { type UseFetchSyncBlockDataResult } from '@atlaskit/editor-synced-block-provider';
|
|
4
3
|
import type { SyncedBlockRendererOptions } from '../types';
|
|
5
4
|
export type SyncedBlockRendererProps = {
|
|
6
|
-
syncBlockRendererDataProviders: SyncedBlockRendererDataProviders;
|
|
7
5
|
syncBlockRendererOptions: SyncedBlockRendererOptions | undefined;
|
|
8
6
|
useFetchSyncBlockData: () => UseFetchSyncBlockDataResult;
|
|
9
7
|
};
|
|
10
|
-
export declare const
|
|
11
|
-
export declare const SyncedBlockRenderer: React.MemoExoticComponent<({ useFetchSyncBlockData, syncBlockRendererDataProviders, syncBlockRendererOptions, }: SyncedBlockRendererProps) => React.JSX.Element>;
|
|
8
|
+
export declare const SyncedBlockRenderer: React.MemoExoticComponent<({ useFetchSyncBlockData, syncBlockRendererOptions, }: SyncedBlockRendererProps) => React.JSX.Element>;
|
|
@@ -1,10 +1,8 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import type { SyncedBlockRendererDataProviders } from '@atlaskit/editor-common/provider-factory';
|
|
3
2
|
import type { SyncedBlockRendererProps } from '@atlaskit/editor-plugin-synced-block';
|
|
4
3
|
import type { SyncedBlockRendererOptions } from './types';
|
|
5
4
|
type GetSyncedBlockRendererProps = {
|
|
6
|
-
syncBlockRendererDataProviders: SyncedBlockRendererDataProviders;
|
|
7
5
|
syncBlockRendererOptions: SyncedBlockRendererOptions | undefined;
|
|
8
6
|
};
|
|
9
|
-
export declare const getSyncedBlockRenderer: ({
|
|
7
|
+
export declare const getSyncedBlockRenderer: ({ syncBlockRendererOptions }: GetSyncedBlockRendererProps) => ({ useFetchSyncBlockData }: SyncedBlockRendererProps) => React.JSX.Element;
|
|
10
8
|
export {};
|
|
@@ -1,11 +1,8 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import { ProviderFactory, type SyncedBlockRendererDataProviders } from '@atlaskit/editor-common/provider-factory';
|
|
3
2
|
import { type UseFetchSyncBlockDataResult } from '@atlaskit/editor-synced-block-provider';
|
|
4
3
|
import type { SyncedBlockRendererOptions } from '../types';
|
|
5
4
|
export type SyncedBlockRendererProps = {
|
|
6
|
-
syncBlockRendererDataProviders: SyncedBlockRendererDataProviders;
|
|
7
5
|
syncBlockRendererOptions: SyncedBlockRendererOptions | undefined;
|
|
8
6
|
useFetchSyncBlockData: () => UseFetchSyncBlockDataResult;
|
|
9
7
|
};
|
|
10
|
-
export declare const
|
|
11
|
-
export declare const SyncedBlockRenderer: React.MemoExoticComponent<({ useFetchSyncBlockData, syncBlockRendererDataProviders, syncBlockRendererOptions, }: SyncedBlockRendererProps) => React.JSX.Element>;
|
|
8
|
+
export declare const SyncedBlockRenderer: React.MemoExoticComponent<({ useFetchSyncBlockData, syncBlockRendererOptions, }: SyncedBlockRendererProps) => React.JSX.Element>;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@atlaskit/editor-synced-block-renderer",
|
|
3
|
-
"version": "3.
|
|
3
|
+
"version": "3.2.0",
|
|
4
4
|
"description": "SyncedBlockRenderer for @atlaskit/editor-plugin-synced-block",
|
|
5
5
|
"author": "Atlassian Pty Ltd",
|
|
6
6
|
"license": "Apache-2.0",
|
|
@@ -32,19 +32,19 @@
|
|
|
32
32
|
"@atlaskit/css": "^0.15.0",
|
|
33
33
|
"@atlaskit/editor-plugin-synced-block": "^4.2.0",
|
|
34
34
|
"@atlaskit/editor-prosemirror": "7.0.0",
|
|
35
|
-
"@atlaskit/editor-synced-block-provider": "^2.
|
|
35
|
+
"@atlaskit/editor-synced-block-provider": "^2.9.0",
|
|
36
36
|
"@atlaskit/heading": "^5.2.0",
|
|
37
37
|
"@atlaskit/icon": "^29.0.0",
|
|
38
38
|
"@atlaskit/image": "^3.0.0",
|
|
39
39
|
"@atlaskit/primitives": "^16.1.0",
|
|
40
|
-
"@atlaskit/renderer": "^124.
|
|
40
|
+
"@atlaskit/renderer": "^124.13.0",
|
|
41
41
|
"@atlaskit/tokens": "^8.0.0",
|
|
42
42
|
"@babel/runtime": "^7.0.0",
|
|
43
43
|
"react-relay": "npm:atl-react-relay@0.0.0-main-6ff96079",
|
|
44
44
|
"relay-runtime": "npm:atl-relay-compiler@0.0.0-main-6ff96079"
|
|
45
45
|
},
|
|
46
46
|
"peerDependencies": {
|
|
47
|
-
"@atlaskit/editor-common": "^110.
|
|
47
|
+
"@atlaskit/editor-common": "^110.30.0",
|
|
48
48
|
"react": "^18.2.0",
|
|
49
49
|
"react-intl-next": "npm:react-intl@^5.18.1"
|
|
50
50
|
},
|