@atlaskit/editor-plugin-synced-block 26.0.0 → 26.0.1
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 +6 -0
- package/dist/cjs/pm-plugins/createReferenceSelectionView.js +1 -1
- package/dist/cjs/ui/CreateSyncedBlockDropdownItem.js +1 -1
- package/dist/cjs/ui/DeleteConfirmationModal.js +4 -3
- package/dist/cjs/ui/SyncBlockLabel.js +11 -10
- package/dist/cjs/ui/SyncedLocationDropdown.js +31 -26
- package/dist/cjs/ui/quick-insert.js +1 -1
- package/dist/es2019/pm-plugins/createReferenceSelectionView.js +1 -1
- package/dist/es2019/ui/CreateSyncedBlockDropdownItem.js +1 -1
- package/dist/es2019/ui/DeleteConfirmationModal.js +2 -1
- package/dist/es2019/ui/SyncBlockLabel.js +2 -1
- package/dist/es2019/ui/SyncedLocationDropdown.js +8 -3
- package/dist/es2019/ui/quick-insert.js +1 -1
- package/dist/esm/pm-plugins/createReferenceSelectionView.js +1 -1
- package/dist/esm/ui/CreateSyncedBlockDropdownItem.js +1 -1
- package/dist/esm/ui/DeleteConfirmationModal.js +2 -1
- package/dist/esm/ui/SyncBlockLabel.js +2 -1
- package/dist/esm/ui/SyncedLocationDropdown.js +8 -3
- package/dist/esm/ui/quick-insert.js +1 -1
- package/package.json +3 -3
package/CHANGELOG.md
CHANGED
|
@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
5
5
|
});
|
|
6
6
|
exports.createReferenceSelectionView = void 0;
|
|
7
7
|
var _bindEventListener = require("bind-event-listener");
|
|
8
|
-
var _syncBlock = require("@atlaskit/editor-common/sync-block");
|
|
8
|
+
var _syncBlock = require("@atlaskit/editor-common/styles/sync-block");
|
|
9
9
|
var _state = require("@atlaskit/editor-prosemirror/state");
|
|
10
10
|
var getSelectedReference = function getSelectedReference(view) {
|
|
11
11
|
var selection = view.dom.ownerDocument.getSelection();
|
|
@@ -15,7 +15,7 @@ var _syncBlock = require("@atlaskit/editor-common/messages/syncBlock");
|
|
|
15
15
|
var _useSharedPluginStateWithSelector = require("@atlaskit/editor-common/useSharedPluginStateWithSelector");
|
|
16
16
|
var _syncBlocksIcon = require("@atlaskit/editor-toolbar/sync-blocks-icon");
|
|
17
17
|
var _toolbarDropdownItem = require("@atlaskit/editor-toolbar/toolbar-dropdown-item");
|
|
18
|
-
var _lozenge = _interopRequireDefault(require("@atlaskit/lozenge/lozenge"));
|
|
18
|
+
var _lozenge = _interopRequireDefault(require("@atlaskit/lozenge/new/lozenge"));
|
|
19
19
|
var _fg = require("@atlaskit/platform-feature-flags/fg");
|
|
20
20
|
var _utils = require("../pm-plugins/utils/utils");
|
|
21
21
|
var _types = require("../types");
|
|
@@ -25,7 +25,8 @@ var _modalFooter = _interopRequireDefault(require("@atlaskit/modal-dialog/modal-
|
|
|
25
25
|
var _modalHeader = _interopRequireDefault(require("@atlaskit/modal-dialog/modal-header"));
|
|
26
26
|
var _modalTitle = _interopRequireDefault(require("@atlaskit/modal-dialog/modal-title"));
|
|
27
27
|
var _modalTransition = _interopRequireDefault(require("@atlaskit/modal-dialog/modal-transition"));
|
|
28
|
-
var
|
|
28
|
+
var _box = require("@atlaskit/primitives/compiled/box");
|
|
29
|
+
var _text = require("@atlaskit/primitives/compiled/text");
|
|
29
30
|
var _spinner = _interopRequireDefault(require("@atlaskit/spinner/spinner"));
|
|
30
31
|
var _main = require("../pm-plugins/main");
|
|
31
32
|
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 _t2 in e) "default" !== _t2 && {}.hasOwnProperty.call(e, _t2) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t2)) && (i.get || i.set) ? o(f, _t2, i) : f[_t2] = e[_t2]); return f; })(e, t); }
|
|
@@ -312,7 +313,7 @@ var DeleteConfirmationModal = exports.DeleteConfirmationModal = function DeleteC
|
|
|
312
313
|
onClose: handleClick(false),
|
|
313
314
|
testId: "sync-block-delete-confirmation",
|
|
314
315
|
height: 184
|
|
315
|
-
}, /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, referenceCount === undefined ? /*#__PURE__*/_react.default.createElement(
|
|
316
|
+
}, /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, referenceCount === undefined ? /*#__PURE__*/_react.default.createElement(_box.Box, {
|
|
316
317
|
xcss: styles.spinner
|
|
317
318
|
}, /*#__PURE__*/_react.default.createElement(_spinner.default, {
|
|
318
319
|
size: "large"
|
|
@@ -352,7 +353,7 @@ var ModalContent = function ModalContent(_ref0) {
|
|
|
352
353
|
appearance: "warning"
|
|
353
354
|
}, hasNoReferenceOrFailToFetch ? formatMessage(titleSingle) : formatMessage(titleMultiple, {
|
|
354
355
|
count: totalLocationCount
|
|
355
|
-
}))), /*#__PURE__*/_react.default.createElement(_modalBody.default, null, /*#__PURE__*/_react.default.createElement(
|
|
356
|
+
}))), /*#__PURE__*/_react.default.createElement(_modalBody.default, null, /*#__PURE__*/_react.default.createElement(_text.Text, null, hasNoReferenceOrFailToFetch ? formatMessage(descriptionSingle) : formatMessage(descriptionMultipleMessage, {
|
|
356
357
|
syncBlockCount: descriptionLocationCount
|
|
357
358
|
}))), /*#__PURE__*/_react.default.createElement(_modalFooter.default, null, /*#__PURE__*/_react.default.createElement(_button.default, {
|
|
358
359
|
appearance: "subtle",
|
|
@@ -15,7 +15,8 @@ var _reactIntl = require("react-intl");
|
|
|
15
15
|
var _syncBlock = require("@atlaskit/editor-common/messages/syncBlock");
|
|
16
16
|
var _syncBlock2 = require("@atlaskit/editor-common/styles/sync-block");
|
|
17
17
|
var _blockSynced = _interopRequireDefault(require("@atlaskit/icon-lab/core/block-synced"));
|
|
18
|
-
var
|
|
18
|
+
var _box = require("@atlaskit/primitives/compiled/box");
|
|
19
|
+
var _text = require("@atlaskit/primitives/compiled/text");
|
|
19
20
|
var _Tooltip = _interopRequireDefault(require("@atlaskit/tooltip/Tooltip"));
|
|
20
21
|
var _visuallyHidden = _interopRequireDefault(require("@atlaskit/visually-hidden/visually-hidden"));
|
|
21
22
|
var _time = require("./utils/time");
|
|
@@ -48,21 +49,21 @@ var SyncBlockLabelComponent = function SyncBlockLabelComponent(_ref) {
|
|
|
48
49
|
var tooltipContent = tooltipMessage;
|
|
49
50
|
if (contentUpdatedAt) {
|
|
50
51
|
var elapsedTime = (0, _time.formatElapsedTime)(contentUpdatedAt, intl);
|
|
51
|
-
tooltipContent = /*#__PURE__*/_react.default.createElement("div", null, title ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(
|
|
52
|
+
tooltipContent = /*#__PURE__*/_react.default.createElement("div", null, title ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_text.Text, {
|
|
52
53
|
size: "small",
|
|
53
54
|
color: "color.text.inverse",
|
|
54
55
|
weight: "bold"
|
|
55
|
-
}, formatMessage(_syncBlock.syncBlockMessages.referenceSyncBlockSyncedFrom)), /*#__PURE__*/_react.default.createElement(
|
|
56
|
+
}, formatMessage(_syncBlock.syncBlockMessages.referenceSyncBlockSyncedFrom)), /*#__PURE__*/_react.default.createElement(_text.Text, {
|
|
56
57
|
size: "small",
|
|
57
58
|
color: "color.text.inverse"
|
|
58
|
-
}, ' ', title)) : /*#__PURE__*/_react.default.createElement(
|
|
59
|
+
}, ' ', title)) : /*#__PURE__*/_react.default.createElement(_text.Text, {
|
|
59
60
|
size: "small",
|
|
60
61
|
color: "color.text.inverse"
|
|
61
|
-
}, tooltipMessage), /*#__PURE__*/_react.default.createElement("br", null), /*#__PURE__*/_react.default.createElement("br", null), /*#__PURE__*/_react.default.createElement(
|
|
62
|
+
}, tooltipMessage), /*#__PURE__*/_react.default.createElement("br", null), /*#__PURE__*/_react.default.createElement("br", null), /*#__PURE__*/_react.default.createElement(_text.Text, {
|
|
62
63
|
size: "small",
|
|
63
64
|
color: "color.text.inverse",
|
|
64
65
|
weight: "bold"
|
|
65
|
-
}, formatMessage(_syncBlock.syncBlockMessages.referenceSyncBlockLastEdited)), /*#__PURE__*/_react.default.createElement(
|
|
66
|
+
}, formatMessage(_syncBlock.syncBlockMessages.referenceSyncBlockLastEdited)), /*#__PURE__*/_react.default.createElement(_text.Text, {
|
|
66
67
|
size: "small",
|
|
67
68
|
color: "color.text.inverse"
|
|
68
69
|
}, ' ', elapsedTime));
|
|
@@ -75,22 +76,22 @@ var SyncBlockLabelComponent = function SyncBlockLabelComponent(_ref) {
|
|
|
75
76
|
// The parenthetical carries a leading space so the accessible name and copied text read as
|
|
76
77
|
// "… (unpublished)". Flex trims it visually, and the label's own gap provides the spacing.
|
|
77
78
|
var renderUnpublishedLabel = function renderUnpublishedLabel(label) {
|
|
78
|
-
return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(
|
|
79
|
+
return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_box.Box, {
|
|
79
80
|
as: "span",
|
|
80
81
|
xcss: styles.truncatedLabelText
|
|
81
|
-
}, label), /*#__PURE__*/_react.default.createElement(
|
|
82
|
+
}, label), /*#__PURE__*/_react.default.createElement(_box.Box, {
|
|
82
83
|
as: "span",
|
|
83
84
|
xcss: styles.unpublishedSuffix
|
|
84
85
|
}, " ".concat(unpublishedParenthetical)));
|
|
85
86
|
};
|
|
86
87
|
var renderPlainLabel = function renderPlainLabel(label) {
|
|
87
|
-
return unpublishedParenthetical ? renderUnpublishedLabel(label) : /*#__PURE__*/_react.default.createElement(
|
|
88
|
+
return unpublishedParenthetical ? renderUnpublishedLabel(label) : /*#__PURE__*/_react.default.createElement(_text.Text, {
|
|
88
89
|
size: "small",
|
|
89
90
|
color: "color.text.subtle"
|
|
90
91
|
}, label);
|
|
91
92
|
};
|
|
92
93
|
var renderTruncatingTitle = function renderTruncatingTitle(label) {
|
|
93
|
-
return unpublishedParenthetical ? renderUnpublishedLabel(label) : /*#__PURE__*/_react.default.createElement(
|
|
94
|
+
return unpublishedParenthetical ? renderUnpublishedLabel(label) : /*#__PURE__*/_react.default.createElement(_text.Text, {
|
|
94
95
|
maxLines: 1,
|
|
95
96
|
size: "small",
|
|
96
97
|
color: "color.text.subtle"
|
|
@@ -37,11 +37,16 @@ var _story = _interopRequireDefault(require("@atlaskit/icon/core/story"));
|
|
|
37
37
|
var _subtasks = _interopRequireDefault(require("@atlaskit/icon/core/subtasks"));
|
|
38
38
|
var _task = _interopRequireDefault(require("@atlaskit/icon/core/task"));
|
|
39
39
|
var _iconTile = _interopRequireDefault(require("@atlaskit/icon/icon-tile"));
|
|
40
|
-
var _logo = require("@atlaskit/logo");
|
|
41
40
|
var _atlassianIcon = require("@atlaskit/logo/atlassian-icon");
|
|
42
|
-
var
|
|
41
|
+
var _confluenceIcon = require("@atlaskit/logo/confluence-icon");
|
|
42
|
+
var _jiraIcon = require("@atlaskit/logo/jira-icon");
|
|
43
|
+
var _lozenge = _interopRequireDefault(require("@atlaskit/lozenge/new/lozenge"));
|
|
43
44
|
var _isExperimentEnabled = require("@atlaskit/platform-feature-experiments/is-experiment-enabled");
|
|
44
|
-
var
|
|
45
|
+
var _anchor = require("@atlaskit/primitives/compiled/anchor");
|
|
46
|
+
var _box = require("@atlaskit/primitives/compiled/box");
|
|
47
|
+
var _inline = require("@atlaskit/primitives/compiled/inline");
|
|
48
|
+
var _stack = require("@atlaskit/primitives/compiled/stack");
|
|
49
|
+
var _text = require("@atlaskit/primitives/compiled/text");
|
|
45
50
|
var _spinner = _interopRequireDefault(require("@atlaskit/spinner/spinner"));
|
|
46
51
|
var _Tooltip = _interopRequireDefault(require("@atlaskit/tooltip/Tooltip"));
|
|
47
52
|
var _types2 = require("../types");
|
|
@@ -90,14 +95,14 @@ var isRestrictedLocation = function isRestrictedLocation(reference) {
|
|
|
90
95
|
/** The user requests access on the location itself, so a restricted row only shows a lock. */
|
|
91
96
|
var NoAccessIndicator = function NoAccessIndicator(_ref) {
|
|
92
97
|
var formatMessage = _ref.formatMessage;
|
|
93
|
-
return (0, _isExperimentEnabled.isExperimentEnabled)('platform_editor_blocks_patch_11') ? /*#__PURE__*/React.createElement(
|
|
98
|
+
return (0, _isExperimentEnabled.isExperimentEnabled)('platform_editor_blocks_patch_11') ? /*#__PURE__*/React.createElement(_box.Box, {
|
|
94
99
|
as: "span",
|
|
95
100
|
xcss: styles.restrictedIcon
|
|
96
101
|
}, /*#__PURE__*/React.createElement(_lockLocked.default, {
|
|
97
102
|
label: "",
|
|
98
103
|
size: "small",
|
|
99
104
|
color: "var(--ds-icon-danger, #C9372C)"
|
|
100
|
-
})) : /*#__PURE__*/React.createElement(
|
|
105
|
+
})) : /*#__PURE__*/React.createElement(_box.Box, {
|
|
101
106
|
as: "span",
|
|
102
107
|
xcss: styles.requestAccess
|
|
103
108
|
}, formatMessage(_syncBlock.syncBlockMessages.syncedLocationDropdownRequestAccess));
|
|
@@ -128,13 +133,13 @@ var ItemTitle = function ItemTitle(_ref2) {
|
|
|
128
133
|
isSource = _ref2.isSource,
|
|
129
134
|
hasAccess = _ref2.hasAccess,
|
|
130
135
|
productType = _ref2.productType;
|
|
131
|
-
return /*#__PURE__*/React.createElement(
|
|
136
|
+
return /*#__PURE__*/React.createElement(_inline.Inline, null, /*#__PURE__*/React.createElement(_box.Box, {
|
|
132
137
|
as: "span",
|
|
133
138
|
xcss: styles.title
|
|
134
|
-
}, title), onSameDocument && /*#__PURE__*/React.createElement(
|
|
139
|
+
}, title), onSameDocument && /*#__PURE__*/React.createElement(_box.Box, {
|
|
135
140
|
as: "span",
|
|
136
141
|
xcss: styles.note
|
|
137
|
-
}, "\xA0-", ' ', formatMessage(productType === 'confluence-page' ? _syncBlock.syncBlockMessages.syncedLocationDropdownTitleNoteForConfluencePage : _syncBlock.syncBlockMessages.syncedLocationDropdownTitleNoteForJiraWorkItem)), isSource && /*#__PURE__*/React.createElement(
|
|
142
|
+
}, "\xA0-", ' ', formatMessage(productType === 'confluence-page' ? _syncBlock.syncBlockMessages.syncedLocationDropdownTitleNoteForConfluencePage : _syncBlock.syncBlockMessages.syncedLocationDropdownTitleNoteForJiraWorkItem)), isSource && /*#__PURE__*/React.createElement(_box.Box, {
|
|
138
143
|
as: "span",
|
|
139
144
|
xcss: styles.lozenge
|
|
140
145
|
}, /*#__PURE__*/React.createElement(_lozenge.default, null, formatMessage(_syncBlock.syncBlockMessages.syncedLocationDropdownSourceLozenge))), !hasAccess && /*#__PURE__*/React.createElement(NoAccessIndicator, {
|
|
@@ -142,8 +147,8 @@ var ItemTitle = function ItemTitle(_ref2) {
|
|
|
142
147
|
}));
|
|
143
148
|
};
|
|
144
149
|
var productIconMap = {
|
|
145
|
-
'confluence-page':
|
|
146
|
-
'jira-work-item':
|
|
150
|
+
'confluence-page': _confluenceIcon.ConfluenceIcon,
|
|
151
|
+
'jira-work-item': _jiraIcon.JiraIcon
|
|
147
152
|
};
|
|
148
153
|
var subTypeIconMap = {
|
|
149
154
|
live: _pageLiveDoc.default,
|
|
@@ -822,7 +827,7 @@ var SyncedLocationTriggerContent = function SyncedLocationTriggerContent(_ref13)
|
|
|
822
827
|
var syncedLocationCount = referenceCount === 0 ? 0 : referenceCount + 1;
|
|
823
828
|
switch (fetchStatus) {
|
|
824
829
|
case 'loading':
|
|
825
|
-
return /*#__PURE__*/React.createElement(
|
|
830
|
+
return /*#__PURE__*/React.createElement(_inline.Inline, {
|
|
826
831
|
alignBlock: "center",
|
|
827
832
|
space: "space.050"
|
|
828
833
|
}, triggerTitle, /*#__PURE__*/React.createElement(_spinner.default, {
|
|
@@ -896,7 +901,7 @@ var DropdownContentWithReferenceData = function DropdownContentWithReferenceData
|
|
|
896
901
|
}
|
|
897
902
|
}
|
|
898
903
|
};
|
|
899
|
-
return /*#__PURE__*/React.createElement(
|
|
904
|
+
return /*#__PURE__*/React.createElement(_box.Box, {
|
|
900
905
|
xcss: (0, _react2.cx)(styles.dropdownContent, locations.kind === 'field-aware' && styles.fieldAwareDropdownContent, fetchStatus === 'success' && locationCount === 0 && styles.activationDropdownContent, shouldApplyMinHeight(fetchStatus, locationCount) && styles.containerWithMinHeight)
|
|
901
906
|
}, content());
|
|
902
907
|
};
|
|
@@ -944,13 +949,13 @@ var FieldAwareItemTitle = function FieldAwareItemTitle(_ref16) {
|
|
|
944
949
|
note = _ref16$item.note,
|
|
945
950
|
reference = _ref16$item.reference,
|
|
946
951
|
formatMessage = _ref16.formatMessage;
|
|
947
|
-
var titleLine = /*#__PURE__*/React.createElement(
|
|
952
|
+
var titleLine = /*#__PURE__*/React.createElement(_inline.Inline, null, /*#__PURE__*/React.createElement(_box.Box, {
|
|
948
953
|
as: "span",
|
|
949
954
|
xcss: styles.title
|
|
950
|
-
}, baseTitle), note && /*#__PURE__*/React.createElement(
|
|
955
|
+
}, baseTitle), note && /*#__PURE__*/React.createElement(_box.Box, {
|
|
951
956
|
as: "span",
|
|
952
957
|
xcss: styles.note
|
|
953
|
-
}, "\xA0- ", note), reference.isSource && /*#__PURE__*/React.createElement(
|
|
958
|
+
}, "\xA0- ", note), reference.isSource && /*#__PURE__*/React.createElement(_box.Box, {
|
|
954
959
|
as: "span",
|
|
955
960
|
xcss: styles.lozenge
|
|
956
961
|
}, /*#__PURE__*/React.createElement(_lozenge.default, null, formatMessage(_syncBlock.syncBlockMessages.syncedLocationDropdownSourceLozenge))), !reference.hasAccess && /*#__PURE__*/React.createElement(NoAccessIndicator, {
|
|
@@ -961,10 +966,10 @@ var FieldAwareItemTitle = function FieldAwareItemTitle(_ref16) {
|
|
|
961
966
|
}
|
|
962
967
|
|
|
963
968
|
// AGG localises the field name, so it is shown as given rather than wrapped in a message.
|
|
964
|
-
return /*#__PURE__*/React.createElement(
|
|
969
|
+
return /*#__PURE__*/React.createElement(_stack.Stack, null, titleLine, /*#__PURE__*/React.createElement(_box.Box, {
|
|
965
970
|
as: "span",
|
|
966
971
|
xcss: styles.fieldSecondLine
|
|
967
|
-
}, /*#__PURE__*/React.createElement(
|
|
972
|
+
}, /*#__PURE__*/React.createElement(_text.Text, {
|
|
968
973
|
size: "small",
|
|
969
974
|
color: "color.text.subtlest"
|
|
970
975
|
}, fieldName)));
|
|
@@ -1008,41 +1013,41 @@ var FieldAwareLocationRows = function FieldAwareLocationRows(_ref17) {
|
|
|
1008
1013
|
};
|
|
1009
1014
|
var LoadingScreen = function LoadingScreen(_ref18) {
|
|
1010
1015
|
var formatMessage = _ref18.formatMessage;
|
|
1011
|
-
return /*#__PURE__*/React.createElement(
|
|
1016
|
+
return /*#__PURE__*/React.createElement(_box.Box, null, /*#__PURE__*/React.createElement(_spinner.default, {
|
|
1012
1017
|
label: formatMessage(_syncBlock.syncBlockMessages.syncedLocationDropdownLoading)
|
|
1013
1018
|
}));
|
|
1014
1019
|
};
|
|
1015
1020
|
var ErrorScreen = function ErrorScreen(_ref19) {
|
|
1016
1021
|
var formatMessage = _ref19.formatMessage;
|
|
1017
|
-
return /*#__PURE__*/React.createElement(
|
|
1022
|
+
return /*#__PURE__*/React.createElement(_box.Box, {
|
|
1018
1023
|
xcss: styles.errorContainer,
|
|
1019
1024
|
testId: "synced-locations-dropdown-content-error"
|
|
1020
|
-
}, /*#__PURE__*/React.createElement(
|
|
1025
|
+
}, /*#__PURE__*/React.createElement(_box.Box, {
|
|
1021
1026
|
xcss: styles.errorIcon
|
|
1022
1027
|
}, /*#__PURE__*/React.createElement(_statusError.default, {
|
|
1023
1028
|
color: "var(--ds-icon-danger, #C9372C)",
|
|
1024
1029
|
spacing: "spacious",
|
|
1025
1030
|
label: "",
|
|
1026
1031
|
size: "small"
|
|
1027
|
-
})), /*#__PURE__*/React.createElement(
|
|
1032
|
+
})), /*#__PURE__*/React.createElement(_text.Text, {
|
|
1028
1033
|
as: "p",
|
|
1029
1034
|
size: "medium"
|
|
1030
1035
|
}, formatMessage(_syncBlock.syncBlockMessages.syncedLocationDropdownError)));
|
|
1031
1036
|
};
|
|
1032
1037
|
var NoResultScreen = function NoResultScreen(_ref20) {
|
|
1033
1038
|
var formatMessage = _ref20.formatMessage;
|
|
1034
|
-
return /*#__PURE__*/React.createElement(
|
|
1039
|
+
return /*#__PURE__*/React.createElement(_box.Box, {
|
|
1035
1040
|
xcss: styles.activationNoResultsContainer,
|
|
1036
1041
|
testId: "synced-locations-dropdown-content-no-results"
|
|
1037
|
-
}, /*#__PURE__*/React.createElement(
|
|
1042
|
+
}, /*#__PURE__*/React.createElement(_stack.Stack, {
|
|
1038
1043
|
alignInline: "center",
|
|
1039
1044
|
xcss: styles.activationNoResultsContent,
|
|
1040
1045
|
space: "space.150"
|
|
1041
|
-
}, /*#__PURE__*/React.createElement(_SyncedLocationsEmptyStateIllustration.SyncedLocationsEmptyStateIllustration, null), /*#__PURE__*/React.createElement(
|
|
1046
|
+
}, /*#__PURE__*/React.createElement(_SyncedLocationsEmptyStateIllustration.SyncedLocationsEmptyStateIllustration, null), /*#__PURE__*/React.createElement(_text.Text, {
|
|
1042
1047
|
as: "p"
|
|
1043
|
-
}, formatMessage(_syncBlock.syncBlockMessages.syncedLocationDropdownActivationNoResults)), /*#__PURE__*/React.createElement(
|
|
1048
|
+
}, formatMessage(_syncBlock.syncBlockMessages.syncedLocationDropdownActivationNoResults)), /*#__PURE__*/React.createElement(_text.Text, {
|
|
1044
1049
|
as: "p"
|
|
1045
|
-
}, /*#__PURE__*/React.createElement(
|
|
1050
|
+
}, /*#__PURE__*/React.createElement(_anchor.Anchor, {
|
|
1046
1051
|
href: _constants.SYNCED_BLOCKS_DOCUMENTATION_URL,
|
|
1047
1052
|
target: "_blank",
|
|
1048
1053
|
rel: "noopener noreferrer",
|
|
@@ -13,7 +13,7 @@ var _runtime = require("@compiled/react/runtime");
|
|
|
13
13
|
var _enums = require("@atlaskit/editor-common/analytics/types/enums");
|
|
14
14
|
var _assets = require("@atlaskit/editor-common/assets");
|
|
15
15
|
var _blockType = require("@atlaskit/editor-common/messages/block-type");
|
|
16
|
-
var _lozenge = _interopRequireDefault(require("@atlaskit/lozenge/lozenge"));
|
|
16
|
+
var _lozenge = _interopRequireDefault(require("@atlaskit/lozenge/new/lozenge"));
|
|
17
17
|
var _fg = require("@atlaskit/platform-feature-flags/fg");
|
|
18
18
|
var _editorCommands = require("../editor-commands");
|
|
19
19
|
var _types = require("../types");
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { bind } from 'bind-event-listener';
|
|
2
|
-
import { SyncBlockSharedCssClassName } from '@atlaskit/editor-common/sync-block';
|
|
2
|
+
import { SyncBlockSharedCssClassName } from '@atlaskit/editor-common/styles/sync-block';
|
|
3
3
|
import { NodeSelection } from '@atlaskit/editor-prosemirror/state';
|
|
4
4
|
const getSelectedReference = view => {
|
|
5
5
|
const selection = view.dom.ownerDocument.getSelection();
|
|
@@ -7,7 +7,7 @@ import { syncBlockMessages } from '@atlaskit/editor-common/messages/syncBlock';
|
|
|
7
7
|
import { useSharedPluginStateWithSelector } from '@atlaskit/editor-common/useSharedPluginStateWithSelector';
|
|
8
8
|
import { SyncBlocksIcon } from '@atlaskit/editor-toolbar/sync-blocks-icon';
|
|
9
9
|
import { ToolbarDropdownItem } from '@atlaskit/editor-toolbar/toolbar-dropdown-item';
|
|
10
|
-
import Lozenge from '@atlaskit/lozenge/lozenge';
|
|
10
|
+
import Lozenge from '@atlaskit/lozenge/new/lozenge';
|
|
11
11
|
import { fg } from '@atlaskit/platform-feature-flags/fg';
|
|
12
12
|
import { canBeConvertedToSyncBlock } from '../pm-plugins/utils/utils';
|
|
13
13
|
import { SYNCED_BLOCK_BUTTON_TEST_ID } from '../types';
|
|
@@ -13,7 +13,8 @@ import ModalFooter from '@atlaskit/modal-dialog/modal-footer';
|
|
|
13
13
|
import ModalHeader from '@atlaskit/modal-dialog/modal-header';
|
|
14
14
|
import ModalTitle from '@atlaskit/modal-dialog/modal-title';
|
|
15
15
|
import ModalTransition from '@atlaskit/modal-dialog/modal-transition';
|
|
16
|
-
import {
|
|
16
|
+
import { Box } from '@atlaskit/primitives/compiled/box';
|
|
17
|
+
import { Text } from '@atlaskit/primitives/compiled/text';
|
|
17
18
|
import Spinner from '@atlaskit/spinner/spinner';
|
|
18
19
|
import { syncedBlockPluginKey } from '../pm-plugins/main';
|
|
19
20
|
|
|
@@ -6,7 +6,8 @@ import { useIntl } from 'react-intl';
|
|
|
6
6
|
import { syncBlockMessages as messages } from '@atlaskit/editor-common/messages/syncBlock';
|
|
7
7
|
import { SyncBlockLabelSharedCssClassName } from '@atlaskit/editor-common/styles/sync-block';
|
|
8
8
|
import BlockSyncedIcon from '@atlaskit/icon-lab/core/block-synced';
|
|
9
|
-
import { Box
|
|
9
|
+
import { Box } from '@atlaskit/primitives/compiled/box';
|
|
10
|
+
import { Text } from '@atlaskit/primitives/compiled/text';
|
|
10
11
|
import Tooltip from '@atlaskit/tooltip/Tooltip';
|
|
11
12
|
import VisuallyHidden from '@atlaskit/visually-hidden/visually-hidden';
|
|
12
13
|
import { formatElapsedTime } from './utils/time';
|
|
@@ -26,11 +26,16 @@ import StoryIcon from '@atlaskit/icon/core/story';
|
|
|
26
26
|
import SubtaskIcon from '@atlaskit/icon/core/subtasks';
|
|
27
27
|
import TaskIcon from '@atlaskit/icon/core/task';
|
|
28
28
|
import IconTile from '@atlaskit/icon/icon-tile';
|
|
29
|
-
import { ConfluenceIcon, JiraIcon } from '@atlaskit/logo';
|
|
30
29
|
import { AtlassianIcon } from '@atlaskit/logo/atlassian-icon';
|
|
31
|
-
import
|
|
30
|
+
import { ConfluenceIcon } from '@atlaskit/logo/confluence-icon';
|
|
31
|
+
import { JiraIcon } from '@atlaskit/logo/jira-icon';
|
|
32
|
+
import Lozenge from '@atlaskit/lozenge/new/lozenge';
|
|
32
33
|
import { isExperimentEnabled } from '@atlaskit/platform-feature-experiments/is-experiment-enabled';
|
|
33
|
-
import {
|
|
34
|
+
import { Anchor } from '@atlaskit/primitives/compiled/anchor';
|
|
35
|
+
import { Box } from '@atlaskit/primitives/compiled/box';
|
|
36
|
+
import { Inline } from '@atlaskit/primitives/compiled/inline';
|
|
37
|
+
import { Stack } from '@atlaskit/primitives/compiled/stack';
|
|
38
|
+
import { Text } from '@atlaskit/primitives/compiled/text';
|
|
34
39
|
import Spinner from '@atlaskit/spinner/spinner';
|
|
35
40
|
import Tooltip from '@atlaskit/tooltip/Tooltip';
|
|
36
41
|
import { SYNCED_BLOCK_BUTTON_TEST_ID } from '../types';
|
|
@@ -5,7 +5,7 @@ import { ax, ix } from "@compiled/react/runtime";
|
|
|
5
5
|
import { INPUT_METHOD } from '@atlaskit/editor-common/analytics/types/enums';
|
|
6
6
|
import { IconSyncBlock } from '@atlaskit/editor-common/assets';
|
|
7
7
|
import { messages as blockTypeMessages } from '@atlaskit/editor-common/messages/block-type';
|
|
8
|
-
import Lozenge from '@atlaskit/lozenge/lozenge';
|
|
8
|
+
import Lozenge from '@atlaskit/lozenge/new/lozenge';
|
|
9
9
|
import { fg } from '@atlaskit/platform-feature-flags/fg';
|
|
10
10
|
import { createSyncedBlock } from '../editor-commands';
|
|
11
11
|
import { SYNCED_BLOCK_BUTTON_TEST_ID } from '../types';
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { bind } from 'bind-event-listener';
|
|
2
|
-
import { SyncBlockSharedCssClassName } from '@atlaskit/editor-common/sync-block';
|
|
2
|
+
import { SyncBlockSharedCssClassName } from '@atlaskit/editor-common/styles/sync-block';
|
|
3
3
|
import { NodeSelection } from '@atlaskit/editor-prosemirror/state';
|
|
4
4
|
var getSelectedReference = function getSelectedReference(view) {
|
|
5
5
|
var selection = view.dom.ownerDocument.getSelection();
|
|
@@ -7,7 +7,7 @@ import { syncBlockMessages } from '@atlaskit/editor-common/messages/syncBlock';
|
|
|
7
7
|
import { useSharedPluginStateWithSelector } from '@atlaskit/editor-common/useSharedPluginStateWithSelector';
|
|
8
8
|
import { SyncBlocksIcon } from '@atlaskit/editor-toolbar/sync-blocks-icon';
|
|
9
9
|
import { ToolbarDropdownItem } from '@atlaskit/editor-toolbar/toolbar-dropdown-item';
|
|
10
|
-
import Lozenge from '@atlaskit/lozenge/lozenge';
|
|
10
|
+
import Lozenge from '@atlaskit/lozenge/new/lozenge';
|
|
11
11
|
import { fg } from '@atlaskit/platform-feature-flags/fg';
|
|
12
12
|
import { canBeConvertedToSyncBlock } from '../pm-plugins/utils/utils';
|
|
13
13
|
import { SYNCED_BLOCK_BUTTON_TEST_ID } from '../types';
|
|
@@ -19,7 +19,8 @@ import ModalFooter from '@atlaskit/modal-dialog/modal-footer';
|
|
|
19
19
|
import ModalHeader from '@atlaskit/modal-dialog/modal-header';
|
|
20
20
|
import ModalTitle from '@atlaskit/modal-dialog/modal-title';
|
|
21
21
|
import ModalTransition from '@atlaskit/modal-dialog/modal-transition';
|
|
22
|
-
import {
|
|
22
|
+
import { Box } from '@atlaskit/primitives/compiled/box';
|
|
23
|
+
import { Text } from '@atlaskit/primitives/compiled/text';
|
|
23
24
|
import Spinner from '@atlaskit/spinner/spinner';
|
|
24
25
|
import { syncedBlockPluginKey } from '../pm-plugins/main';
|
|
25
26
|
|
|
@@ -7,7 +7,8 @@ import { useIntl } from 'react-intl';
|
|
|
7
7
|
import { syncBlockMessages as messages } from '@atlaskit/editor-common/messages/syncBlock';
|
|
8
8
|
import { SyncBlockLabelSharedCssClassName } from '@atlaskit/editor-common/styles/sync-block';
|
|
9
9
|
import BlockSyncedIcon from '@atlaskit/icon-lab/core/block-synced';
|
|
10
|
-
import { Box
|
|
10
|
+
import { Box } from '@atlaskit/primitives/compiled/box';
|
|
11
|
+
import { Text } from '@atlaskit/primitives/compiled/text';
|
|
11
12
|
import Tooltip from '@atlaskit/tooltip/Tooltip';
|
|
12
13
|
import VisuallyHidden from '@atlaskit/visually-hidden/visually-hidden';
|
|
13
14
|
import { formatElapsedTime } from './utils/time';
|
|
@@ -35,11 +35,16 @@ import StoryIcon from '@atlaskit/icon/core/story';
|
|
|
35
35
|
import SubtaskIcon from '@atlaskit/icon/core/subtasks';
|
|
36
36
|
import TaskIcon from '@atlaskit/icon/core/task';
|
|
37
37
|
import IconTile from '@atlaskit/icon/icon-tile';
|
|
38
|
-
import { ConfluenceIcon, JiraIcon } from '@atlaskit/logo';
|
|
39
38
|
import { AtlassianIcon } from '@atlaskit/logo/atlassian-icon';
|
|
40
|
-
import
|
|
39
|
+
import { ConfluenceIcon } from '@atlaskit/logo/confluence-icon';
|
|
40
|
+
import { JiraIcon } from '@atlaskit/logo/jira-icon';
|
|
41
|
+
import Lozenge from '@atlaskit/lozenge/new/lozenge';
|
|
41
42
|
import { isExperimentEnabled } from '@atlaskit/platform-feature-experiments/is-experiment-enabled';
|
|
42
|
-
import {
|
|
43
|
+
import { Anchor } from '@atlaskit/primitives/compiled/anchor';
|
|
44
|
+
import { Box } from '@atlaskit/primitives/compiled/box';
|
|
45
|
+
import { Inline } from '@atlaskit/primitives/compiled/inline';
|
|
46
|
+
import { Stack } from '@atlaskit/primitives/compiled/stack';
|
|
47
|
+
import { Text } from '@atlaskit/primitives/compiled/text';
|
|
43
48
|
import Spinner from '@atlaskit/spinner/spinner';
|
|
44
49
|
import Tooltip from '@atlaskit/tooltip/Tooltip';
|
|
45
50
|
import { SYNCED_BLOCK_BUTTON_TEST_ID } from '../types';
|
|
@@ -5,7 +5,7 @@ import { ax, ix } from "@compiled/react/runtime";
|
|
|
5
5
|
import { INPUT_METHOD } from '@atlaskit/editor-common/analytics/types/enums';
|
|
6
6
|
import { IconSyncBlock } from '@atlaskit/editor-common/assets';
|
|
7
7
|
import { messages as blockTypeMessages } from '@atlaskit/editor-common/messages/block-type';
|
|
8
|
-
import Lozenge from '@atlaskit/lozenge/lozenge';
|
|
8
|
+
import Lozenge from '@atlaskit/lozenge/new/lozenge';
|
|
9
9
|
import { fg } from '@atlaskit/platform-feature-flags/fg';
|
|
10
10
|
import { createSyncedBlock } from '../editor-commands';
|
|
11
11
|
import { SYNCED_BLOCK_BUTTON_TEST_ID } from '../types';
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@atlaskit/editor-plugin-synced-block",
|
|
3
|
-
"version": "26.0.
|
|
3
|
+
"version": "26.0.1",
|
|
4
4
|
"description": "SyncedBlock plugin for @atlaskit/editor-core",
|
|
5
5
|
"author": "Atlassian Pty Ltd",
|
|
6
6
|
"license": "Apache-2.0",
|
|
@@ -22,7 +22,7 @@
|
|
|
22
22
|
"dependencies": {
|
|
23
23
|
"@atlaskit/adf-schema": "^57.7.0",
|
|
24
24
|
"@atlaskit/button": "25.4.8",
|
|
25
|
-
"@atlaskit/dropdown-menu": "21.0.
|
|
25
|
+
"@atlaskit/dropdown-menu": "21.0.2",
|
|
26
26
|
"@atlaskit/editor-json-transformer": "^10.0.0",
|
|
27
27
|
"@atlaskit/editor-plugin-analytics": "^28.0.0",
|
|
28
28
|
"@atlaskit/editor-plugin-block-controls": "^29.0.0",
|
|
@@ -48,7 +48,7 @@
|
|
|
48
48
|
"@atlaskit/icon-lab": "^7.11.0",
|
|
49
49
|
"@atlaskit/logo": "^23.3.0",
|
|
50
50
|
"@atlaskit/lozenge": "^17.0.0",
|
|
51
|
-
"@atlaskit/modal-dialog": "^17.
|
|
51
|
+
"@atlaskit/modal-dialog": "^17.1.0",
|
|
52
52
|
"@atlaskit/platform-feature-experiments": "^0.3.0",
|
|
53
53
|
"@atlaskit/platform-feature-flags": "^2.2.0",
|
|
54
54
|
"@atlaskit/primitives": "^22.6.0",
|