@atlaskit/editor-plugin-track-changes 5.0.8 → 5.0.9
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 +10 -0
- package/dist/cjs/trackChangesPlugin.js +2 -2
- package/dist/cjs/ui/TrackChangesToolbarButton.js +2 -2
- package/dist/es2019/trackChangesPlugin.js +2 -2
- package/dist/es2019/ui/TrackChangesToolbarButton.js +2 -2
- package/dist/esm/trackChangesPlugin.js +2 -2
- package/dist/esm/ui/TrackChangesToolbarButton.js +2 -2
- package/package.json +2 -2
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,15 @@
|
|
|
1
1
|
# @atlaskit/editor-plugin-track-changes
|
|
2
2
|
|
|
3
|
+
## 5.0.9
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- [`ef001bf65d48f`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/ef001bf65d48f) -
|
|
8
|
+
Remove usage of `platform_editor_toolbar_aifc` inside editor packages - instead rely on checking
|
|
9
|
+
for new toolbar plugin option, make `enableNewToolbarExperience` mandatory for consumers to opt in
|
|
10
|
+
to new toolbar experience
|
|
11
|
+
- Updated dependencies
|
|
12
|
+
|
|
3
13
|
## 5.0.8
|
|
4
14
|
|
|
5
15
|
### Patch Changes
|
|
@@ -6,7 +6,6 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
6
6
|
});
|
|
7
7
|
exports.trackChangesPlugin = void 0;
|
|
8
8
|
var _react = _interopRequireDefault(require("react"));
|
|
9
|
-
var _experiments = require("@atlaskit/tmp-editor-statsig/experiments");
|
|
10
9
|
var _main = require("./pm-plugins/main");
|
|
11
10
|
var _types = require("./pm-plugins/types");
|
|
12
11
|
var _toolbarComponents = require("./ui/toolbar-components");
|
|
@@ -14,13 +13,14 @@ var _TrackChangesToolbarButton = require("./ui/TrackChangesToolbarButton");
|
|
|
14
13
|
var trackChangesPlugin = exports.trackChangesPlugin = function trackChangesPlugin(_ref) {
|
|
15
14
|
var api = _ref.api,
|
|
16
15
|
options = _ref.config;
|
|
16
|
+
var isToolbarAIFCEnabled = Boolean(api === null || api === void 0 ? void 0 : api.toolbar);
|
|
17
17
|
var primaryToolbarComponent = function primaryToolbarComponent() {
|
|
18
18
|
return /*#__PURE__*/_react.default.createElement(_TrackChangesToolbarButton.TrackChangesToolbarButton, {
|
|
19
19
|
api: api
|
|
20
20
|
});
|
|
21
21
|
};
|
|
22
22
|
if ((options === null || options === void 0 ? void 0 : options.showOnToolbar) === true) {
|
|
23
|
-
if (
|
|
23
|
+
if (isToolbarAIFCEnabled) {
|
|
24
24
|
var _api$toolbar;
|
|
25
25
|
api === null || api === void 0 || (_api$toolbar = api.toolbar) === null || _api$toolbar === void 0 || _api$toolbar.actions.registerComponents((0, _toolbarComponents.getToolbarComponents)(api));
|
|
26
26
|
} else {
|
|
@@ -11,9 +11,9 @@ var _new = require("@atlaskit/button/new");
|
|
|
11
11
|
var _hooks = require("@atlaskit/editor-common/hooks");
|
|
12
12
|
var _messages = require("@atlaskit/editor-common/messages");
|
|
13
13
|
var _editorToolbar = require("@atlaskit/editor-toolbar");
|
|
14
|
-
var _experiments = require("@atlaskit/tmp-editor-statsig/experiments");
|
|
15
14
|
var TrackChangesToolbarButton = exports.TrackChangesToolbarButton = function TrackChangesToolbarButton(_ref) {
|
|
16
15
|
var api = _ref.api;
|
|
16
|
+
var isToolbarAIFCEnabled = Boolean(api === null || api === void 0 ? void 0 : api.toolbar);
|
|
17
17
|
var _useSharedPluginState = (0, _hooks.useSharedPluginStateWithSelector)(api, ['trackChanges'], function (states) {
|
|
18
18
|
var _states$trackChangesS, _states$trackChangesS2;
|
|
19
19
|
return {
|
|
@@ -36,7 +36,7 @@ var TrackChangesToolbarButton = exports.TrackChangesToolbarButton = function Tra
|
|
|
36
36
|
}, [api, isDisplayingChanges]);
|
|
37
37
|
return /*#__PURE__*/_react.default.createElement(_editorToolbar.ToolbarTooltip, {
|
|
38
38
|
content: formatMessage(_messages.trackChangesMessages.toolbarIconLabel)
|
|
39
|
-
},
|
|
39
|
+
}, isToolbarAIFCEnabled ? /*#__PURE__*/_react.default.createElement(_editorToolbar.ToolbarButton, {
|
|
40
40
|
iconBefore: /*#__PURE__*/_react.default.createElement(_editorToolbar.HistoryIcon, {
|
|
41
41
|
label: formatMessage(_messages.trackChangesMessages.toolbarIconLabel),
|
|
42
42
|
size: "small"
|
|
@@ -1,5 +1,4 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
|
|
3
2
|
import { createTrackChangesPlugin, trackChangesPluginKey } from './pm-plugins/main';
|
|
4
3
|
import { TOGGLE_TRACK_CHANGES_ACTION as ACTION } from './pm-plugins/types';
|
|
5
4
|
import { getToolbarComponents } from './ui/toolbar-components';
|
|
@@ -8,13 +7,14 @@ export const trackChangesPlugin = ({
|
|
|
8
7
|
api,
|
|
9
8
|
config: options
|
|
10
9
|
}) => {
|
|
10
|
+
const isToolbarAIFCEnabled = Boolean(api === null || api === void 0 ? void 0 : api.toolbar);
|
|
11
11
|
const primaryToolbarComponent = () => {
|
|
12
12
|
return /*#__PURE__*/React.createElement(TrackChangesToolbarButton, {
|
|
13
13
|
api: api
|
|
14
14
|
});
|
|
15
15
|
};
|
|
16
16
|
if ((options === null || options === void 0 ? void 0 : options.showOnToolbar) === true) {
|
|
17
|
-
if (
|
|
17
|
+
if (isToolbarAIFCEnabled) {
|
|
18
18
|
var _api$toolbar;
|
|
19
19
|
api === null || api === void 0 ? void 0 : (_api$toolbar = api.toolbar) === null || _api$toolbar === void 0 ? void 0 : _api$toolbar.actions.registerComponents(getToolbarComponents(api));
|
|
20
20
|
} else {
|
|
@@ -4,10 +4,10 @@ import { IconButton } from '@atlaskit/button/new';
|
|
|
4
4
|
import { useSharedPluginStateWithSelector } from '@atlaskit/editor-common/hooks';
|
|
5
5
|
import { trackChangesMessages } from '@atlaskit/editor-common/messages';
|
|
6
6
|
import { ToolbarButton, ToolbarTooltip, HistoryIcon } from '@atlaskit/editor-toolbar';
|
|
7
|
-
import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
|
|
8
7
|
export const TrackChangesToolbarButton = ({
|
|
9
8
|
api
|
|
10
9
|
}) => {
|
|
10
|
+
const isToolbarAIFCEnabled = Boolean(api === null || api === void 0 ? void 0 : api.toolbar);
|
|
11
11
|
const {
|
|
12
12
|
isDisplayingChanges,
|
|
13
13
|
isShowDiffAvailable
|
|
@@ -32,7 +32,7 @@ export const TrackChangesToolbarButton = ({
|
|
|
32
32
|
}, [api, isDisplayingChanges]);
|
|
33
33
|
return /*#__PURE__*/React.createElement(ToolbarTooltip, {
|
|
34
34
|
content: formatMessage(trackChangesMessages.toolbarIconLabel)
|
|
35
|
-
},
|
|
35
|
+
}, isToolbarAIFCEnabled ? /*#__PURE__*/React.createElement(ToolbarButton, {
|
|
36
36
|
iconBefore: /*#__PURE__*/React.createElement(HistoryIcon, {
|
|
37
37
|
label: formatMessage(trackChangesMessages.toolbarIconLabel),
|
|
38
38
|
size: "small"
|
|
@@ -1,5 +1,4 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
|
|
3
2
|
import { createTrackChangesPlugin, trackChangesPluginKey } from './pm-plugins/main';
|
|
4
3
|
import { TOGGLE_TRACK_CHANGES_ACTION as ACTION } from './pm-plugins/types';
|
|
5
4
|
import { getToolbarComponents } from './ui/toolbar-components';
|
|
@@ -7,13 +6,14 @@ import { TrackChangesToolbarButton } from './ui/TrackChangesToolbarButton';
|
|
|
7
6
|
export var trackChangesPlugin = function trackChangesPlugin(_ref) {
|
|
8
7
|
var api = _ref.api,
|
|
9
8
|
options = _ref.config;
|
|
9
|
+
var isToolbarAIFCEnabled = Boolean(api === null || api === void 0 ? void 0 : api.toolbar);
|
|
10
10
|
var primaryToolbarComponent = function primaryToolbarComponent() {
|
|
11
11
|
return /*#__PURE__*/React.createElement(TrackChangesToolbarButton, {
|
|
12
12
|
api: api
|
|
13
13
|
});
|
|
14
14
|
};
|
|
15
15
|
if ((options === null || options === void 0 ? void 0 : options.showOnToolbar) === true) {
|
|
16
|
-
if (
|
|
16
|
+
if (isToolbarAIFCEnabled) {
|
|
17
17
|
var _api$toolbar;
|
|
18
18
|
api === null || api === void 0 || (_api$toolbar = api.toolbar) === null || _api$toolbar === void 0 || _api$toolbar.actions.registerComponents(getToolbarComponents(api));
|
|
19
19
|
} else {
|
|
@@ -4,9 +4,9 @@ import { IconButton } from '@atlaskit/button/new';
|
|
|
4
4
|
import { useSharedPluginStateWithSelector } from '@atlaskit/editor-common/hooks';
|
|
5
5
|
import { trackChangesMessages } from '@atlaskit/editor-common/messages';
|
|
6
6
|
import { ToolbarButton, ToolbarTooltip, HistoryIcon } from '@atlaskit/editor-toolbar';
|
|
7
|
-
import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
|
|
8
7
|
export var TrackChangesToolbarButton = function TrackChangesToolbarButton(_ref) {
|
|
9
8
|
var api = _ref.api;
|
|
9
|
+
var isToolbarAIFCEnabled = Boolean(api === null || api === void 0 ? void 0 : api.toolbar);
|
|
10
10
|
var _useSharedPluginState = useSharedPluginStateWithSelector(api, ['trackChanges'], function (states) {
|
|
11
11
|
var _states$trackChangesS, _states$trackChangesS2;
|
|
12
12
|
return {
|
|
@@ -29,7 +29,7 @@ export var TrackChangesToolbarButton = function TrackChangesToolbarButton(_ref)
|
|
|
29
29
|
}, [api, isDisplayingChanges]);
|
|
30
30
|
return /*#__PURE__*/React.createElement(ToolbarTooltip, {
|
|
31
31
|
content: formatMessage(trackChangesMessages.toolbarIconLabel)
|
|
32
|
-
},
|
|
32
|
+
}, isToolbarAIFCEnabled ? /*#__PURE__*/React.createElement(ToolbarButton, {
|
|
33
33
|
iconBefore: /*#__PURE__*/React.createElement(HistoryIcon, {
|
|
34
34
|
label: formatMessage(trackChangesMessages.toolbarIconLabel),
|
|
35
35
|
size: "small"
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@atlaskit/editor-plugin-track-changes",
|
|
3
|
-
"version": "5.0.
|
|
3
|
+
"version": "5.0.9",
|
|
4
4
|
"description": "ShowDiff plugin for @atlaskit/editor-core",
|
|
5
5
|
"author": "Atlassian Pty Ltd",
|
|
6
6
|
"license": "Apache-2.0",
|
|
@@ -37,7 +37,7 @@
|
|
|
37
37
|
"@atlaskit/editor-toolbar": "^0.15.0",
|
|
38
38
|
"@atlaskit/editor-toolbar-model": "^0.2.0",
|
|
39
39
|
"@atlaskit/icon-lab": "^5.10.0",
|
|
40
|
-
"@atlaskit/tmp-editor-statsig": "^13.
|
|
40
|
+
"@atlaskit/tmp-editor-statsig": "^13.10.0",
|
|
41
41
|
"@babel/runtime": "^7.0.0",
|
|
42
42
|
"react-intl-next": "npm:react-intl@^5.18.1"
|
|
43
43
|
},
|