@atlaskit/editor-plugin-extension 0.7.2 → 0.7.3
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 +7 -0
- package/dist/cjs/toolbar.js +8 -40
- package/dist/cjs/ui/ConfigPanel/ConfigPanel.js +2 -3
- package/dist/cjs/ui/ConfigPanel/ErrorMessage/index.js +2 -8
- package/dist/cjs/ui/ConfigPanel/FieldMessages.js +4 -4
- package/dist/cjs/ui/ConfigPanel/Fields/CustomSelect.js +1 -2
- package/dist/cjs/ui/ConfigPanel/Fields/DateRange.js +3 -3
- package/dist/cjs/ui/ConfigPanel/Fields/Expand.js +3 -3
- package/dist/cjs/ui/ConfigPanel/Fields/Fieldset.js +4 -4
- package/dist/cjs/ui/ConfigPanel/FormErrorBoundary.js +3 -3
- package/dist/cjs/ui/ConfigPanel/Header.js +4 -4
- package/dist/cjs/ui/ConfigPanel/NestedForms/RemovableField.js +3 -3
- package/dist/cjs/ui/SaveIndicator/SaveIndicator.js +2 -2
- package/dist/es2019/toolbar.js +1 -33
- package/dist/es2019/ui/ConfigPanel/ConfigPanel.js +1 -2
- package/dist/es2019/ui/ConfigPanel/ErrorMessage/index.js +2 -8
- package/dist/es2019/ui/ConfigPanel/FieldMessages.js +1 -1
- package/dist/es2019/ui/ConfigPanel/Fields/CustomSelect.js +1 -2
- package/dist/es2019/ui/ConfigPanel/Fields/DateRange.js +1 -1
- package/dist/es2019/ui/ConfigPanel/Fields/Expand.js +1 -1
- package/dist/es2019/ui/ConfigPanel/Fields/Fieldset.js +1 -1
- package/dist/es2019/ui/ConfigPanel/FormErrorBoundary.js +1 -1
- package/dist/es2019/ui/ConfigPanel/Header.js +1 -1
- package/dist/es2019/ui/ConfigPanel/NestedForms/RemovableField.js +1 -1
- package/dist/es2019/ui/SaveIndicator/SaveIndicator.js +1 -1
- package/dist/esm/toolbar.js +1 -33
- package/dist/esm/ui/ConfigPanel/ConfigPanel.js +1 -2
- package/dist/esm/ui/ConfigPanel/ErrorMessage/index.js +2 -8
- package/dist/esm/ui/ConfigPanel/FieldMessages.js +1 -1
- package/dist/esm/ui/ConfigPanel/Fields/CustomSelect.js +1 -2
- package/dist/esm/ui/ConfigPanel/Fields/DateRange.js +1 -1
- package/dist/esm/ui/ConfigPanel/Fields/Expand.js +1 -1
- package/dist/esm/ui/ConfigPanel/Fields/Fieldset.js +1 -1
- package/dist/esm/ui/ConfigPanel/FormErrorBoundary.js +1 -1
- package/dist/esm/ui/ConfigPanel/Header.js +1 -1
- package/dist/esm/ui/ConfigPanel/NestedForms/RemovableField.js +1 -1
- package/dist/esm/ui/SaveIndicator/SaveIndicator.js +1 -1
- package/dist/types/toolbar.d.ts +0 -32
- package/dist/types-ts4.5/toolbar.d.ts +0 -32
- package/example-utils/config-panel/example-manifest-all-fields.ts +2 -3
- package/example-utils/config-panel/example-manifest-individual-fields.ts +2 -3
- package/package.json +4 -4
- package/dist/cjs/ui/ConfigPanel/messages.js +0 -99
- package/dist/cjs/ui/SaveIndicator/messages.js +0 -14
- package/dist/es2019/ui/ConfigPanel/messages.js +0 -93
- package/dist/es2019/ui/SaveIndicator/messages.js +0 -8
- package/dist/esm/ui/ConfigPanel/messages.js +0 -93
- package/dist/esm/ui/SaveIndicator/messages.js +0 -8
- package/dist/types/ui/ConfigPanel/messages.d.ts +0 -92
- package/dist/types/ui/SaveIndicator/messages.d.ts +0 -7
- package/dist/types-ts4.5/ui/ConfigPanel/messages.d.ts +0 -92
- package/dist/types-ts4.5/ui/SaveIndicator/messages.d.ts +0 -7
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,12 @@
|
|
|
1
1
|
# @atlaskit/editor-plugin-extension
|
|
2
2
|
|
|
3
|
+
## 0.7.3
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- [#71136](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/71136) [`c803fea1e6a4`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/c803fea1e6a4) - Move all plugin translations to editor-common
|
|
8
|
+
- Updated dependencies
|
|
9
|
+
|
|
3
10
|
## 0.7.2
|
|
4
11
|
|
|
5
12
|
### Patch Changes
|
package/dist/cjs/toolbar.js
CHANGED
|
@@ -4,9 +4,9 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
|
|
|
4
4
|
Object.defineProperty(exports, "__esModule", {
|
|
5
5
|
value: true
|
|
6
6
|
});
|
|
7
|
-
exports.
|
|
7
|
+
exports.getToolbarConfig = void 0;
|
|
8
8
|
var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
|
|
9
|
-
var
|
|
9
|
+
var _extensions = require("@atlaskit/editor-common/extensions");
|
|
10
10
|
var _messages = _interopRequireDefault(require("@atlaskit/editor-common/messages"));
|
|
11
11
|
var _utils = require("@atlaskit/editor-common/utils");
|
|
12
12
|
var _utils2 = require("@atlaskit/editor-prosemirror/utils");
|
|
@@ -20,38 +20,6 @@ var _commands = require("./commands");
|
|
|
20
20
|
var _pluginKey = require("./pm-plugins/macro/plugin-key");
|
|
21
21
|
var _main = require("./pm-plugins/main");
|
|
22
22
|
var _utils3 = require("./utils");
|
|
23
|
-
var messages = exports.messages = (0, _reactIntlNext.defineMessages)({
|
|
24
|
-
edit: {
|
|
25
|
-
id: 'fabric.editor.edit',
|
|
26
|
-
defaultMessage: 'Edit',
|
|
27
|
-
description: 'Edit the properties for this extension.'
|
|
28
|
-
},
|
|
29
|
-
deleteElementTitle: {
|
|
30
|
-
id: 'fabric.editor.extension.deleteElementTitle',
|
|
31
|
-
defaultMessage: 'Delete element',
|
|
32
|
-
description: 'Title text for confirm modal when deleting an extension linked to a data consumer.'
|
|
33
|
-
},
|
|
34
|
-
unnamedSource: {
|
|
35
|
-
id: 'fabric.editor.extension.sourceNoTitledName',
|
|
36
|
-
defaultMessage: 'this element',
|
|
37
|
-
description: 'The current element without preset name been selected'
|
|
38
|
-
},
|
|
39
|
-
confirmDeleteLinkedModalOKButton: {
|
|
40
|
-
id: 'fabric.editor.extension.confirmDeleteLinkedModalOKButton',
|
|
41
|
-
defaultMessage: 'Delete',
|
|
42
|
-
description: 'Action button label for confirm modal when deleting an extension linked to a data consumer.'
|
|
43
|
-
},
|
|
44
|
-
confirmDeleteLinkedModalMessage: {
|
|
45
|
-
id: 'fabric.editor.extension.confirmDeleteLinkedModalMessage',
|
|
46
|
-
defaultMessage: 'Deleting {nodeName} will break anything connected to it.',
|
|
47
|
-
description: 'Message for confirm modal when deleting a extension linked to an data consumer.'
|
|
48
|
-
},
|
|
49
|
-
confirmModalCheckboxLabel: {
|
|
50
|
-
id: 'fabric.editor.floatingToolbar.confirmModalCheckboxLabel',
|
|
51
|
-
defaultMessage: 'Also delete connected elements',
|
|
52
|
-
description: 'checkbox label text'
|
|
53
|
-
}
|
|
54
|
-
});
|
|
55
23
|
var isLayoutSupported = function isLayoutSupported(state, selectedExtNode) {
|
|
56
24
|
var _state$schema$nodes = state.schema.nodes,
|
|
57
25
|
bodiedExtension = _state$schema$nodes.bodiedExtension,
|
|
@@ -114,7 +82,7 @@ var editButton = function editButton(formatMessage, extensionState, applyChangeT
|
|
|
114
82
|
(0, _actions.editExtension)(macroState && macroState.macroProvider, applyChangeToContextPanel, editorAnalyticsAPI, updateExtension)(state, dispatch, view);
|
|
115
83
|
return true;
|
|
116
84
|
},
|
|
117
|
-
title: formatMessage(messages.edit),
|
|
85
|
+
title: formatMessage(_extensions.messages.edit),
|
|
118
86
|
tabIndex: null,
|
|
119
87
|
focusEditoronEnter: true
|
|
120
88
|
}];
|
|
@@ -138,18 +106,18 @@ var getToolbarConfig = exports.getToolbarConfig = function getToolbarConfig(_ref
|
|
|
138
106
|
var confirmDialog;
|
|
139
107
|
if ((0, _utils.isReferencedSource)(state, extensionObj === null || extensionObj === void 0 ? void 0 : extensionObj.node)) {
|
|
140
108
|
confirmDialog = function confirmDialog() {
|
|
141
|
-
var localSourceName = formatMessage(messages.unnamedSource);
|
|
109
|
+
var localSourceName = formatMessage(_extensions.messages.unnamedSource);
|
|
142
110
|
return {
|
|
143
|
-
title: formatMessage(messages.deleteElementTitle),
|
|
144
|
-
okButtonLabel: formatMessage(messages.confirmDeleteLinkedModalOKButton),
|
|
145
|
-
message: formatMessage(messages.confirmDeleteLinkedModalMessage, {
|
|
111
|
+
title: formatMessage(_extensions.messages.deleteElementTitle),
|
|
112
|
+
okButtonLabel: formatMessage(_extensions.messages.confirmDeleteLinkedModalOKButton),
|
|
113
|
+
message: formatMessage(_extensions.messages.confirmDeleteLinkedModalMessage, {
|
|
146
114
|
nodeName: (0, _utils.getNodeName)(state, extensionObj === null || extensionObj === void 0 ? void 0 : extensionObj.node) || localSourceName
|
|
147
115
|
}),
|
|
148
116
|
isReferentialityDialog: true,
|
|
149
117
|
getChildrenInfo: function getChildrenInfo() {
|
|
150
118
|
return (0, _utils.getChildrenInfo)(state, extensionObj === null || extensionObj === void 0 ? void 0 : extensionObj.node);
|
|
151
119
|
},
|
|
152
|
-
checkboxLabel: formatMessage(messages.confirmModalCheckboxLabel),
|
|
120
|
+
checkboxLabel: formatMessage(_extensions.messages.confirmModalCheckboxLabel),
|
|
153
121
|
onConfirm: function onConfirm() {
|
|
154
122
|
var isChecked = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
|
|
155
123
|
return clickWithCheckboxHandler(isChecked, extensionObj === null || extensionObj === void 0 ? void 0 : extensionObj.node);
|
|
@@ -34,7 +34,6 @@ var _FormContent = _interopRequireDefault(require("./FormContent"));
|
|
|
34
34
|
var _FormErrorBoundary = require("./FormErrorBoundary");
|
|
35
35
|
var _Header = _interopRequireDefault(require("./Header"));
|
|
36
36
|
var _LoadingState = _interopRequireDefault(require("./LoadingState"));
|
|
37
|
-
var _messages = require("./messages");
|
|
38
37
|
var _transformers = require("./transformers");
|
|
39
38
|
var _utils = require("./utils");
|
|
40
39
|
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
@@ -91,11 +90,11 @@ function ConfigForm(_ref) {
|
|
|
91
90
|
}, /*#__PURE__*/_react.default.createElement(_buttonGroup.default, null, /*#__PURE__*/_react.default.createElement(_customThemeButton.default, {
|
|
92
91
|
type: "submit",
|
|
93
92
|
appearance: "primary"
|
|
94
|
-
}, intl.formatMessage(
|
|
93
|
+
}, intl.formatMessage(_extensions.configPanelMessages.submit)), /*#__PURE__*/_react.default.createElement(_customThemeButton.default, {
|
|
95
94
|
appearance: "default",
|
|
96
95
|
isDisabled: submitting,
|
|
97
96
|
onClick: onCancel
|
|
98
|
-
}, intl.formatMessage(
|
|
97
|
+
}, intl.formatMessage(_extensions.configPanelMessages.cancel))))));
|
|
99
98
|
}
|
|
100
99
|
var ConfigFormIntl = (0, _reactIntlNext.injectIntl)(ConfigForm);
|
|
101
100
|
var WithOnFieldChange = function WithOnFieldChange(_ref2) {
|
|
@@ -7,20 +7,14 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
7
7
|
exports.default = void 0;
|
|
8
8
|
var _react = _interopRequireDefault(require("react"));
|
|
9
9
|
var _reactIntlNext = require("react-intl-next");
|
|
10
|
+
var _extensions = require("@atlaskit/editor-common/extensions");
|
|
10
11
|
var _emptyState = _interopRequireDefault(require("@atlaskit/empty-state"));
|
|
11
12
|
var _ErrorImage = _interopRequireDefault(require("./ErrorImage"));
|
|
12
|
-
var messages = (0, _reactIntlNext.defineMessages)({
|
|
13
|
-
configFailedToLoad: {
|
|
14
|
-
id: 'fabric.editor.configFailedToLoad',
|
|
15
|
-
defaultMessage: 'Failed to load',
|
|
16
|
-
description: 'Displayed when the config panel fails to load fields'
|
|
17
|
-
}
|
|
18
|
-
});
|
|
19
13
|
var ConfigPanelErrorMessage = function ConfigPanelErrorMessage(_ref) {
|
|
20
14
|
var errorMessage = _ref.errorMessage,
|
|
21
15
|
intl = _ref.intl;
|
|
22
16
|
return /*#__PURE__*/_react.default.createElement(_emptyState.default, {
|
|
23
|
-
header: intl.formatMessage(
|
|
17
|
+
header: intl.formatMessage(_extensions.configPanelMessages.configFailedToLoad),
|
|
24
18
|
description: errorMessage,
|
|
25
19
|
renderImage: function renderImage() {
|
|
26
20
|
return /*#__PURE__*/_react.default.createElement(_ErrorImage.default, null);
|
|
@@ -7,8 +7,8 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
7
7
|
exports.default = void 0;
|
|
8
8
|
var _react = _interopRequireWildcard(require("react"));
|
|
9
9
|
var _reactIntlNext = require("react-intl-next");
|
|
10
|
+
var _extensions = require("@atlaskit/editor-common/extensions");
|
|
10
11
|
var _form = require("@atlaskit/form");
|
|
11
|
-
var _messages = require("./messages");
|
|
12
12
|
var _types = require("./types");
|
|
13
13
|
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
14
14
|
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
@@ -89,15 +89,15 @@ var FieldMessages = function FieldMessages(_ref2) {
|
|
|
89
89
|
case _types.ValidationError.Required:
|
|
90
90
|
return /*#__PURE__*/_react.default.createElement(_form.ErrorMessage, {
|
|
91
91
|
testId: "config-panel-error-message"
|
|
92
|
-
}, intl.formatMessage(
|
|
92
|
+
}, intl.formatMessage(_extensions.configPanelMessages.required));
|
|
93
93
|
case _types.ValidationError.Invalid:
|
|
94
94
|
return /*#__PURE__*/_react.default.createElement(_form.ErrorMessage, {
|
|
95
95
|
testId: "config-panel-error-message"
|
|
96
|
-
}, intl.formatMessage(
|
|
96
|
+
}, intl.formatMessage(_extensions.configPanelMessages.invalid));
|
|
97
97
|
case _types.FieldTypeError.isMultipleAndRadio:
|
|
98
98
|
return /*#__PURE__*/_react.default.createElement(_form.ErrorMessage, {
|
|
99
99
|
testId: "config-panel-error-message"
|
|
100
|
-
}, intl.formatMessage(
|
|
100
|
+
}, intl.formatMessage(_extensions.configPanelMessages.isMultipleAndRadio));
|
|
101
101
|
default:
|
|
102
102
|
return null;
|
|
103
103
|
}
|
|
@@ -16,7 +16,6 @@ var _extensions = require("@atlaskit/editor-common/extensions");
|
|
|
16
16
|
var _form = require("@atlaskit/form");
|
|
17
17
|
var _select = require("@atlaskit/select");
|
|
18
18
|
var _FieldMessages = _interopRequireDefault(require("../FieldMessages"));
|
|
19
|
-
var _messages = require("../messages");
|
|
20
19
|
var _utils = require("../utils");
|
|
21
20
|
var _SelectItem = require("./SelectItem");
|
|
22
21
|
var _UnhandledType = _interopRequireDefault(require("./UnhandledType"));
|
|
@@ -139,7 +138,7 @@ function CustomSelect(_ref2) {
|
|
|
139
138
|
if (!value) {
|
|
140
139
|
return null;
|
|
141
140
|
}
|
|
142
|
-
var message = intl.formatMessage(
|
|
141
|
+
var message = intl.formatMessage(_extensions.configPanelMessages.createOption);
|
|
143
142
|
return "".concat(message, " \"").concat(value, "\"");
|
|
144
143
|
}
|
|
145
144
|
var isCreatable = options.isCreatable,
|
|
@@ -13,11 +13,11 @@ var _react = require("react");
|
|
|
13
13
|
var _react2 = require("@emotion/react");
|
|
14
14
|
var _reactIntlNext = require("react-intl-next");
|
|
15
15
|
var _datetimePicker = require("@atlaskit/datetime-picker");
|
|
16
|
+
var _extensions = require("@atlaskit/editor-common/extensions");
|
|
16
17
|
var _form = require("@atlaskit/form");
|
|
17
18
|
var _radio = require("@atlaskit/radio");
|
|
18
19
|
var _textfield = _interopRequireDefault(require("@atlaskit/textfield"));
|
|
19
20
|
var _FieldMessages = _interopRequireDefault(require("../FieldMessages"));
|
|
20
|
-
var _messages = require("../messages");
|
|
21
21
|
var _utils = require("../utils");
|
|
22
22
|
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
23
23
|
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; } /** @jsx jsx */
|
|
@@ -49,7 +49,7 @@ var DateField = function DateField(_ref) {
|
|
|
49
49
|
key: fieldName
|
|
50
50
|
}, (0, _react2.jsx)(_form.Field, {
|
|
51
51
|
name: "".concat(scope, ".").concat(fieldName),
|
|
52
|
-
label: intl.formatMessage(
|
|
52
|
+
label: intl.formatMessage(_extensions.configPanelMessages[fieldName]),
|
|
53
53
|
defaultValue: getFromDefaultValue(parentField, fieldName),
|
|
54
54
|
isRequired: isRequired,
|
|
55
55
|
validate: function validate(value) {
|
|
@@ -78,7 +78,7 @@ var DateRange = function DateRange(_ref3) {
|
|
|
78
78
|
intl = _ref3.intl;
|
|
79
79
|
var items = (0, _react.useMemo)(function () {
|
|
80
80
|
return [].concat((0, _toConsumableArray2.default)(field.items || []), [{
|
|
81
|
-
label: intl.formatMessage(
|
|
81
|
+
label: intl.formatMessage(_extensions.configPanelMessages.custom),
|
|
82
82
|
value: 'custom'
|
|
83
83
|
}]).map(function (option) {
|
|
84
84
|
return _objectSpread(_objectSpread({}, option), {}, {
|
|
@@ -11,10 +11,10 @@ var _react = _interopRequireWildcard(require("react"));
|
|
|
11
11
|
var _react2 = require("@emotion/react");
|
|
12
12
|
var _reactIntlNext = require("react-intl-next");
|
|
13
13
|
var _button = _interopRequireDefault(require("@atlaskit/button"));
|
|
14
|
+
var _extensions = require("@atlaskit/editor-common/extensions");
|
|
14
15
|
var _chevronDown = _interopRequireDefault(require("@atlaskit/icon/glyph/chevron-down"));
|
|
15
16
|
var _chevronRight = _interopRequireDefault(require("@atlaskit/icon/glyph/chevron-right"));
|
|
16
17
|
var _colors = require("@atlaskit/theme/colors");
|
|
17
|
-
var _messages = require("../messages");
|
|
18
18
|
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
19
19
|
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
20
20
|
/** @jsx jsx */
|
|
@@ -76,9 +76,9 @@ function Expand(_ref) {
|
|
|
76
76
|
},
|
|
77
77
|
testId: "form-expand-toggle",
|
|
78
78
|
iconBefore: expanded ? (0, _react2.jsx)(_chevronDown.default, {
|
|
79
|
-
label: intl.formatMessage(
|
|
79
|
+
label: intl.formatMessage(_extensions.configPanelMessages.collapse)
|
|
80
80
|
}) : (0, _react2.jsx)(_chevronRight.default, {
|
|
81
|
-
label: intl.formatMessage(
|
|
81
|
+
label: intl.formatMessage(_extensions.configPanelMessages.expand)
|
|
82
82
|
})
|
|
83
83
|
}))), (0, _react2.jsx)("div", {
|
|
84
84
|
"data-testid": "expand-content-container",
|
|
@@ -19,11 +19,11 @@ var _react = _interopRequireWildcard(require("react"));
|
|
|
19
19
|
var _react2 = require("@emotion/react");
|
|
20
20
|
var _reactIntlNext = require("react-intl-next");
|
|
21
21
|
var _customThemeButton = _interopRequireDefault(require("@atlaskit/button/custom-theme-button"));
|
|
22
|
+
var _extensions = require("@atlaskit/editor-common/extensions");
|
|
22
23
|
var _addCircle = _interopRequireDefault(require("@atlaskit/icon/glyph/add-circle"));
|
|
23
24
|
var _sectionMessage = _interopRequireDefault(require("@atlaskit/section-message"));
|
|
24
25
|
var _select = _interopRequireDefault(require("@atlaskit/select"));
|
|
25
26
|
var _colors = require("@atlaskit/theme/colors");
|
|
26
|
-
var _messages = require("../messages");
|
|
27
27
|
var _utils = require("../utils");
|
|
28
28
|
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
29
29
|
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
@@ -190,7 +190,7 @@ var FieldsetField = /*#__PURE__*/function (_React$Component) {
|
|
|
190
190
|
testId: "field-picker",
|
|
191
191
|
defaultMenuIsOpen: true,
|
|
192
192
|
autoFocus: true,
|
|
193
|
-
placeholder: intl.formatMessage(
|
|
193
|
+
placeholder: intl.formatMessage(_extensions.configPanelMessages.addField),
|
|
194
194
|
options: selectOptions,
|
|
195
195
|
onChange: function onChange(option) {
|
|
196
196
|
if (option) {
|
|
@@ -202,12 +202,12 @@ var FieldsetField = /*#__PURE__*/function (_React$Component) {
|
|
|
202
202
|
appearance: "subtle",
|
|
203
203
|
iconBefore: (0, _react2.jsx)(_addCircle.default, {
|
|
204
204
|
size: "small",
|
|
205
|
-
label: intl.formatMessage(
|
|
205
|
+
label: intl.formatMessage(_extensions.configPanelMessages.addField)
|
|
206
206
|
}),
|
|
207
207
|
onClick: function onClick() {
|
|
208
208
|
return _this.setIsAdding(true);
|
|
209
209
|
}
|
|
210
|
-
}, intl.formatMessage(
|
|
210
|
+
}, intl.formatMessage(_extensions.configPanelMessages.addField)));
|
|
211
211
|
});
|
|
212
212
|
var initialFields = getInitialFields(props.parameters, props.field.fields, props.field.options.isDynamic);
|
|
213
213
|
_this.state = {
|
|
@@ -18,8 +18,8 @@ var _react = _interopRequireDefault(require("react"));
|
|
|
18
18
|
var _reactIntlNext = require("react-intl-next");
|
|
19
19
|
var _analyticsNext = require("@atlaskit/analytics-next");
|
|
20
20
|
var _analytics = require("@atlaskit/editor-common/analytics");
|
|
21
|
+
var _extensions = require("@atlaskit/editor-common/extensions");
|
|
21
22
|
var _sectionMessage = _interopRequireDefault(require("@atlaskit/section-message"));
|
|
22
|
-
var _messages = require("./messages");
|
|
23
23
|
function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
|
|
24
24
|
function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
|
|
25
25
|
// eslint-disable-next-line @repo/internal/react/no-class-components
|
|
@@ -128,9 +128,9 @@ var FormErrorBoundaryInner = /*#__PURE__*/function (_React$Component) {
|
|
|
128
128
|
return this.props.children;
|
|
129
129
|
}
|
|
130
130
|
return /*#__PURE__*/_react.default.createElement(_sectionMessage.default, {
|
|
131
|
-
title: intl.formatMessage(
|
|
131
|
+
title: intl.formatMessage(_extensions.configPanelMessages.errorBoundaryTitle),
|
|
132
132
|
appearance: "error"
|
|
133
|
-
}, /*#__PURE__*/_react.default.createElement("p", null, /*#__PURE__*/_react.default.createElement("i", null, error.message)), /*#__PURE__*/_react.default.createElement("p", null, intl.formatMessage(
|
|
133
|
+
}, /*#__PURE__*/_react.default.createElement("p", null, /*#__PURE__*/_react.default.createElement("i", null, error.message)), /*#__PURE__*/_react.default.createElement("p", null, intl.formatMessage(_extensions.configPanelMessages.errorBoundaryNote)));
|
|
134
134
|
}
|
|
135
135
|
}]);
|
|
136
136
|
return FormErrorBoundaryInner;
|
|
@@ -10,11 +10,11 @@ var _react2 = require("@emotion/react");
|
|
|
10
10
|
var _reactIntlNext = require("react-intl-next");
|
|
11
11
|
var _reactLoadable = _interopRequireDefault(require("react-loadable"));
|
|
12
12
|
var _customThemeButton = _interopRequireDefault(require("@atlaskit/button/custom-theme-button"));
|
|
13
|
+
var _extensions = require("@atlaskit/editor-common/extensions");
|
|
13
14
|
var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
|
|
14
15
|
var _cross = _interopRequireDefault(require("@atlaskit/icon/glyph/cross"));
|
|
15
16
|
var _colors = require("@atlaskit/theme/colors");
|
|
16
17
|
var _constants = require("@atlaskit/theme/constants");
|
|
17
|
-
var _messages = require("./messages");
|
|
18
18
|
/** @jsx jsx */
|
|
19
19
|
|
|
20
20
|
var iconWidth = 40;
|
|
@@ -119,7 +119,7 @@ var Header = function Header(_ref) {
|
|
|
119
119
|
}, (0, _react2.jsx)(_customThemeButton.default, {
|
|
120
120
|
appearance: "subtle",
|
|
121
121
|
iconBefore: (0, _react2.jsx)(_cross.default, {
|
|
122
|
-
label: intl.formatMessage(
|
|
122
|
+
label: intl.formatMessage(_extensions.configPanelMessages.close)
|
|
123
123
|
}),
|
|
124
124
|
onClick: onClose
|
|
125
125
|
}))), (description || documentationUrl) && (0, _react2.jsx)("p", {
|
|
@@ -129,10 +129,10 @@ var Header = function Header(_ref) {
|
|
|
129
129
|
css: helpLinkStyles
|
|
130
130
|
}, (0, _react2.jsx)(HelpLink, {
|
|
131
131
|
documentationUrl: documentationUrl,
|
|
132
|
-
label: intl.formatMessage(
|
|
132
|
+
label: intl.formatMessage(_extensions.configPanelMessages.help)
|
|
133
133
|
})) : (0, _react2.jsx)(HelpLink, {
|
|
134
134
|
documentationUrl: documentationUrl,
|
|
135
|
-
label: intl.formatMessage(
|
|
135
|
+
label: intl.formatMessage(_extensions.configPanelMessages.documentation)
|
|
136
136
|
}))));
|
|
137
137
|
};
|
|
138
138
|
var HelpLink = function HelpLink(_ref2) {
|
|
@@ -8,10 +8,10 @@ exports.default = void 0;
|
|
|
8
8
|
var _react = _interopRequireDefault(require("react"));
|
|
9
9
|
var _react2 = require("@emotion/react");
|
|
10
10
|
var _reactIntlNext = require("react-intl-next");
|
|
11
|
+
var _extensions = require("@atlaskit/editor-common/extensions");
|
|
11
12
|
var _crossCircle = _interopRequireDefault(require("@atlaskit/icon/glyph/cross-circle"));
|
|
12
13
|
var _colors = require("@atlaskit/theme/colors");
|
|
13
14
|
var _tooltip = _interopRequireDefault(require("@atlaskit/tooltip"));
|
|
14
|
-
var _messages = require("../messages");
|
|
15
15
|
/** @jsx jsx */
|
|
16
16
|
|
|
17
17
|
var removableFieldWrapperStyles = (0, _react2.css)({
|
|
@@ -51,11 +51,11 @@ var RemovableField = function RemovableField(_ref) {
|
|
|
51
51
|
"data-testid": "remove-field-".concat(name),
|
|
52
52
|
onClick: onClickCallback
|
|
53
53
|
}, (0, _react2.jsx)(_tooltip.default, {
|
|
54
|
-
content: intl.formatMessage(
|
|
54
|
+
content: intl.formatMessage(_extensions.configPanelMessages.removeField),
|
|
55
55
|
position: "left"
|
|
56
56
|
}, (0, _react2.jsx)(_crossCircle.default, {
|
|
57
57
|
size: "small",
|
|
58
|
-
label: intl.formatMessage(
|
|
58
|
+
label: intl.formatMessage(_extensions.configPanelMessages.removeField)
|
|
59
59
|
}))));
|
|
60
60
|
};
|
|
61
61
|
var _default = exports.default = (0, _reactIntlNext.injectIntl)(RemovableField);
|
|
@@ -9,9 +9,9 @@ var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/sli
|
|
|
9
9
|
var _react = require("react");
|
|
10
10
|
var _react2 = require("@emotion/react");
|
|
11
11
|
var _reactIntlNext = require("react-intl-next");
|
|
12
|
+
var _extensions = require("@atlaskit/editor-common/extensions");
|
|
12
13
|
var _checkCircle = _interopRequireDefault(require("@atlaskit/icon/glyph/check-circle"));
|
|
13
14
|
var _colors = require("@atlaskit/theme/colors");
|
|
14
|
-
var _messages = require("./messages");
|
|
15
15
|
/** @jsx jsx */
|
|
16
16
|
|
|
17
17
|
var noop = function noop() {};
|
|
@@ -75,5 +75,5 @@ var SaveIndicator = exports.SaveIndicator = function SaveIndicator(_ref) {
|
|
|
75
75
|
size: "small"
|
|
76
76
|
}), (0, _react2.jsx)("span", {
|
|
77
77
|
css: saveIndicatorTextStyles
|
|
78
|
-
}, (0, _react2.jsx)(_reactIntlNext.FormattedMessage,
|
|
78
|
+
}, (0, _react2.jsx)(_reactIntlNext.FormattedMessage, _extensions.messages.saveIndicator)))));
|
|
79
79
|
};
|
package/dist/es2019/toolbar.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { messages } from '@atlaskit/editor-common/extensions';
|
|
2
2
|
import commonMessages from '@atlaskit/editor-common/messages';
|
|
3
3
|
import { getChildrenInfo, getNodeName, isReferencedSource } from '@atlaskit/editor-common/utils';
|
|
4
4
|
import { findParentNodeOfType, hasParentNodeOfType } from '@atlaskit/editor-prosemirror/utils';
|
|
@@ -12,38 +12,6 @@ import { removeDescendantNodes, removeExtension, updateExtensionLayout } from '.
|
|
|
12
12
|
import { pluginKey as macroPluginKey } from './pm-plugins/macro/plugin-key';
|
|
13
13
|
import { getPluginState } from './pm-plugins/main';
|
|
14
14
|
import { getSelectedExtension } from './utils';
|
|
15
|
-
export const messages = defineMessages({
|
|
16
|
-
edit: {
|
|
17
|
-
id: 'fabric.editor.edit',
|
|
18
|
-
defaultMessage: 'Edit',
|
|
19
|
-
description: 'Edit the properties for this extension.'
|
|
20
|
-
},
|
|
21
|
-
deleteElementTitle: {
|
|
22
|
-
id: 'fabric.editor.extension.deleteElementTitle',
|
|
23
|
-
defaultMessage: 'Delete element',
|
|
24
|
-
description: 'Title text for confirm modal when deleting an extension linked to a data consumer.'
|
|
25
|
-
},
|
|
26
|
-
unnamedSource: {
|
|
27
|
-
id: 'fabric.editor.extension.sourceNoTitledName',
|
|
28
|
-
defaultMessage: 'this element',
|
|
29
|
-
description: 'The current element without preset name been selected'
|
|
30
|
-
},
|
|
31
|
-
confirmDeleteLinkedModalOKButton: {
|
|
32
|
-
id: 'fabric.editor.extension.confirmDeleteLinkedModalOKButton',
|
|
33
|
-
defaultMessage: 'Delete',
|
|
34
|
-
description: 'Action button label for confirm modal when deleting an extension linked to a data consumer.'
|
|
35
|
-
},
|
|
36
|
-
confirmDeleteLinkedModalMessage: {
|
|
37
|
-
id: 'fabric.editor.extension.confirmDeleteLinkedModalMessage',
|
|
38
|
-
defaultMessage: 'Deleting {nodeName} will break anything connected to it.',
|
|
39
|
-
description: 'Message for confirm modal when deleting a extension linked to an data consumer.'
|
|
40
|
-
},
|
|
41
|
-
confirmModalCheckboxLabel: {
|
|
42
|
-
id: 'fabric.editor.floatingToolbar.confirmModalCheckboxLabel',
|
|
43
|
-
defaultMessage: 'Also delete connected elements',
|
|
44
|
-
description: 'checkbox label text'
|
|
45
|
-
}
|
|
46
|
-
});
|
|
47
15
|
const isLayoutSupported = (state, selectedExtNode) => {
|
|
48
16
|
const {
|
|
49
17
|
schema: {
|
|
@@ -9,7 +9,7 @@ import { withAnalyticsContext, withAnalyticsEvents } from '@atlaskit/analytics-n
|
|
|
9
9
|
import ButtonGroup from '@atlaskit/button/button-group';
|
|
10
10
|
import Button from '@atlaskit/button/custom-theme-button';
|
|
11
11
|
import { ACTION, ACTION_SUBJECT, EVENT_TYPE, fireAnalyticsEvent } from '@atlaskit/editor-common/analytics';
|
|
12
|
-
import { isTabGroup } from '@atlaskit/editor-common/extensions';
|
|
12
|
+
import { isTabGroup, configPanelMessages as messages } from '@atlaskit/editor-common/extensions';
|
|
13
13
|
import { useSharedPluginState } from '@atlaskit/editor-common/hooks';
|
|
14
14
|
import Form, { FormFooter } from '@atlaskit/form';
|
|
15
15
|
import { ALLOWED_LOGGED_MACRO_PARAMS } from './constants';
|
|
@@ -18,7 +18,6 @@ import FormContent from './FormContent';
|
|
|
18
18
|
import { FormErrorBoundary } from './FormErrorBoundary';
|
|
19
19
|
import Header from './Header';
|
|
20
20
|
import LoadingState from './LoadingState';
|
|
21
|
-
import { messages } from './messages';
|
|
22
21
|
import { deserialize, findDuplicateFields, serialize } from './transformers';
|
|
23
22
|
import { getLoggedParameters } from './utils';
|
|
24
23
|
function ConfigForm({
|
|
@@ -1,14 +1,8 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import {
|
|
2
|
+
import { injectIntl } from 'react-intl-next';
|
|
3
|
+
import { configPanelMessages as messages } from '@atlaskit/editor-common/extensions';
|
|
3
4
|
import EmptyState from '@atlaskit/empty-state';
|
|
4
5
|
import ErrorImage from './ErrorImage';
|
|
5
|
-
const messages = defineMessages({
|
|
6
|
-
configFailedToLoad: {
|
|
7
|
-
id: 'fabric.editor.configFailedToLoad',
|
|
8
|
-
defaultMessage: 'Failed to load',
|
|
9
|
-
description: 'Displayed when the config panel fails to load fields'
|
|
10
|
-
}
|
|
11
|
-
});
|
|
12
6
|
const ConfigPanelErrorMessage = ({
|
|
13
7
|
errorMessage,
|
|
14
8
|
intl
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import React, { Fragment, useMemo } from 'react';
|
|
2
2
|
import { injectIntl } from 'react-intl-next';
|
|
3
|
+
import { configPanelMessages as messages } from '@atlaskit/editor-common/extensions';
|
|
3
4
|
import { ErrorMessage, HelperMessage } from '@atlaskit/form';
|
|
4
|
-
import { messages } from './messages';
|
|
5
5
|
import { FieldTypeError, ValidationError } from './types';
|
|
6
6
|
|
|
7
7
|
// sidestep XSS issues
|
|
@@ -1,11 +1,10 @@
|
|
|
1
1
|
import _extends from "@babel/runtime/helpers/extends";
|
|
2
2
|
import React, { useEffect, useState } from 'react';
|
|
3
3
|
import { injectIntl } from 'react-intl-next';
|
|
4
|
-
import { getCustomFieldResolver } from '@atlaskit/editor-common/extensions';
|
|
4
|
+
import { getCustomFieldResolver, configPanelMessages as messages } from '@atlaskit/editor-common/extensions';
|
|
5
5
|
import { Field } from '@atlaskit/form';
|
|
6
6
|
import { AsyncCreatableSelect } from '@atlaskit/select';
|
|
7
7
|
import FieldMessages from '../FieldMessages';
|
|
8
|
-
import { messages } from '../messages';
|
|
9
8
|
import { validate } from '../utils';
|
|
10
9
|
import { formatOptionLabel } from './SelectItem';
|
|
11
10
|
import UnhandledType from './UnhandledType';
|
|
@@ -4,11 +4,11 @@ import { Fragment, useEffect, useMemo, useState } from 'react';
|
|
|
4
4
|
import { css, jsx } from '@emotion/react';
|
|
5
5
|
import { injectIntl } from 'react-intl-next';
|
|
6
6
|
import { DatePicker } from '@atlaskit/datetime-picker';
|
|
7
|
+
import { configPanelMessages as messages } from '@atlaskit/editor-common/extensions';
|
|
7
8
|
import { Field } from '@atlaskit/form';
|
|
8
9
|
import { RadioGroup } from '@atlaskit/radio';
|
|
9
10
|
import TextField from '@atlaskit/textfield';
|
|
10
11
|
import FieldMessages from '../FieldMessages';
|
|
11
|
-
import { messages } from '../messages';
|
|
12
12
|
import { validate, validateRequired } from '../utils';
|
|
13
13
|
const horizontalFieldsStyles = css({
|
|
14
14
|
display: 'flex',
|
|
@@ -3,10 +3,10 @@ import React, { useState } from 'react';
|
|
|
3
3
|
import { css, jsx } from '@emotion/react';
|
|
4
4
|
import { injectIntl } from 'react-intl-next';
|
|
5
5
|
import Button from '@atlaskit/button';
|
|
6
|
+
import { configPanelMessages as messages } from '@atlaskit/editor-common/extensions';
|
|
6
7
|
import ChevronDownIcon from '@atlaskit/icon/glyph/chevron-down';
|
|
7
8
|
import ChevronRightIcon from '@atlaskit/icon/glyph/chevron-right';
|
|
8
9
|
import { N40 } from '@atlaskit/theme/colors';
|
|
9
|
-
import { messages } from '../messages';
|
|
10
10
|
const expandContainerStyles = css({
|
|
11
11
|
borderBottom: `1px solid ${`var(--ds-border, ${N40})`}`
|
|
12
12
|
});
|
|
@@ -4,11 +4,11 @@ import React, { Fragment } from 'react';
|
|
|
4
4
|
import { css, jsx } from '@emotion/react';
|
|
5
5
|
import { injectIntl } from 'react-intl-next';
|
|
6
6
|
import Button from '@atlaskit/button/custom-theme-button';
|
|
7
|
+
import { configPanelMessages as messages } from '@atlaskit/editor-common/extensions';
|
|
7
8
|
import AddCircleIcon from '@atlaskit/icon/glyph/add-circle';
|
|
8
9
|
import SectionMessage from '@atlaskit/section-message';
|
|
9
10
|
import Select from '@atlaskit/select';
|
|
10
11
|
import { N40A } from '@atlaskit/theme/colors';
|
|
11
|
-
import { messages } from '../messages';
|
|
12
12
|
import { getNameFromDuplicateField, isDuplicateField } from '../utils';
|
|
13
13
|
const actionsWrapperStyles = css({
|
|
14
14
|
borderTop: `1px solid ${`var(--ds-border, ${N40A})`}`,
|
|
@@ -3,8 +3,8 @@ import React from 'react';
|
|
|
3
3
|
import { injectIntl } from 'react-intl-next';
|
|
4
4
|
import { withAnalyticsContext, withAnalyticsEvents } from '@atlaskit/analytics-next';
|
|
5
5
|
import { ACTION, ACTION_SUBJECT, editorAnalyticsChannel, EVENT_TYPE } from '@atlaskit/editor-common/analytics';
|
|
6
|
+
import { configPanelMessages as messages } from '@atlaskit/editor-common/extensions';
|
|
6
7
|
import SectionMessage from '@atlaskit/section-message';
|
|
7
|
-
import { messages } from './messages';
|
|
8
8
|
// eslint-disable-next-line @repo/internal/react/no-class-components
|
|
9
9
|
class FormErrorBoundaryInner extends React.Component {
|
|
10
10
|
constructor(...args) {
|
|
@@ -4,11 +4,11 @@ import { css, jsx } from '@emotion/react';
|
|
|
4
4
|
import { injectIntl } from 'react-intl-next';
|
|
5
5
|
import Loadable from 'react-loadable';
|
|
6
6
|
import Button from '@atlaskit/button/custom-theme-button';
|
|
7
|
+
import { configPanelMessages as messages } from '@atlaskit/editor-common/extensions';
|
|
7
8
|
import { relativeFontSizeToBase16 } from '@atlaskit/editor-shared-styles';
|
|
8
9
|
import CrossIcon from '@atlaskit/icon/glyph/cross';
|
|
9
10
|
import { N200 } from '@atlaskit/theme/colors';
|
|
10
11
|
import { borderRadius } from '@atlaskit/theme/constants';
|
|
11
|
-
import { messages } from './messages';
|
|
12
12
|
const iconWidth = 40;
|
|
13
13
|
const buttonWidth = 40;
|
|
14
14
|
const margin = 16;
|
|
@@ -2,10 +2,10 @@
|
|
|
2
2
|
import React from 'react';
|
|
3
3
|
import { css, jsx } from '@emotion/react';
|
|
4
4
|
import { injectIntl } from 'react-intl-next';
|
|
5
|
+
import { configPanelMessages as messages } from '@atlaskit/editor-common/extensions';
|
|
5
6
|
import CrossCircleIcon from '@atlaskit/icon/glyph/cross-circle';
|
|
6
7
|
import { N80, R300 } from '@atlaskit/theme/colors';
|
|
7
8
|
import Tooltip from '@atlaskit/tooltip';
|
|
8
|
-
import { messages } from '../messages';
|
|
9
9
|
const removableFieldWrapperStyles = css({
|
|
10
10
|
position: 'relative',
|
|
11
11
|
marginBottom: 0
|
|
@@ -3,9 +3,9 @@
|
|
|
3
3
|
import { Fragment, useCallback, useEffect, useRef, useState } from 'react';
|
|
4
4
|
import { css, jsx } from '@emotion/react';
|
|
5
5
|
import { FormattedMessage } from 'react-intl-next';
|
|
6
|
+
import { messages } from '@atlaskit/editor-common/extensions';
|
|
6
7
|
import CheckCircleIcon from '@atlaskit/icon/glyph/check-circle';
|
|
7
8
|
import { G300, N0 } from '@atlaskit/theme/colors';
|
|
8
|
-
import { messages } from './messages';
|
|
9
9
|
const noop = () => {};
|
|
10
10
|
const saveIndicatorWrapperStyles = css({
|
|
11
11
|
display: 'flex',
|