@atlaskit/editor-core 189.4.17 → 189.4.18
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 +28 -0
- package/dist/cjs/composable-editor/editor-internal.js +11 -11
- package/dist/cjs/composable-editor/editor.js +7 -8
- package/dist/cjs/composable-editor/hooks/useEditorMeasuresConstructor.js +0 -2
- package/dist/cjs/composable-editor/hooks/useMeasureEditorMountTime.js +0 -2
- package/dist/cjs/editor.js +3 -4
- package/dist/cjs/plugins/alignment/ui/ToolbarAlignment/index.js +10 -11
- package/dist/cjs/plugins/avatar-group/ui/AvatarGroupPluginWrapper.js +2 -3
- package/dist/cjs/plugins/before-primaryToolbar/ui/BeforePrimaryToolbarWrapper.js +1 -2
- package/dist/cjs/plugins/breakout/ui/LayoutButton.js +5 -6
- package/dist/cjs/plugins/collab-edit/ui/avatars.js +2 -5
- package/dist/cjs/plugins/collab-edit/ui/colored-avatar-item.js +1 -4
- package/dist/cjs/plugins/collab-edit/ui/invite-to-edit.js +4 -7
- package/dist/cjs/plugins/extension/ui/Extension/Extension/index.js +11 -13
- package/dist/cjs/plugins/extension/ui/Extension/InlineExtension/index.js +4 -5
- package/dist/cjs/plugins/extension/ui/Extension/Lozenge.js +8 -9
- package/dist/cjs/plugins/extension/ui/Extension/MultiBodiedExtension/index.js +4 -4
- package/dist/cjs/plugins/extension/ui/SaveIndicator/SaveIndicator.js +6 -7
- package/dist/cjs/plugins/find-replace/ui/Find.js +13 -14
- package/dist/cjs/plugins/find-replace/ui/FindReplace.js +5 -6
- package/dist/cjs/plugins/find-replace/ui/FindReplaceToolbarButton.js +7 -8
- package/dist/cjs/plugins/find-replace/ui/Replace.js +5 -6
- package/dist/cjs/plugins/find-replace/ui/styles.js +0 -1
- package/dist/cjs/plugins/jira-issue/nodeviews/jira-issue.js +4 -5
- package/dist/cjs/plugins/undo-redo/ui/ToolbarUndoRedo/index.js +8 -11
- package/dist/cjs/ui/Addon/ClickAreaBlock/index.js +1 -2
- package/dist/cjs/ui/Addon/ClickAreaInline/index.js +1 -2
- package/dist/cjs/ui/Addon/ClickAreaMobile/index.js +1 -2
- package/dist/cjs/ui/Addon/Dropdown/index.js +2 -3
- package/dist/cjs/ui/Addon/DropdownItem/index.js +2 -5
- package/dist/cjs/ui/Alignment/index.js +6 -7
- package/dist/cjs/ui/Appearance/Chromeless.js +6 -7
- package/dist/cjs/ui/Appearance/Comment/Comment.js +16 -17
- package/dist/cjs/ui/Appearance/Comment/Toolbar.js +4 -5
- package/dist/cjs/ui/Appearance/FullPage/FullPage.js +3 -6
- package/dist/cjs/ui/Appearance/FullPage/FullPageContentArea.js +10 -12
- package/dist/cjs/ui/Appearance/FullPage/FullPageToolbar.js +13 -15
- package/dist/cjs/ui/AppearanceComponents/Mobile.js +5 -6
- package/dist/cjs/ui/ChromeCollapsed/index.js +2 -3
- package/dist/cjs/ui/ConfigPanel/ErrorMessage/ErrorImage.js +15 -16
- package/dist/cjs/ui/ConfigPanel/Fields/Boolean.js +11 -12
- package/dist/cjs/ui/ConfigPanel/Fields/CheckboxGroup.js +6 -7
- package/dist/cjs/ui/ConfigPanel/Fields/ColorPicker.js +8 -8
- package/dist/cjs/ui/ConfigPanel/Fields/DateRange.js +17 -18
- package/dist/cjs/ui/ConfigPanel/Fields/Expand.js +8 -9
- package/dist/cjs/ui/ConfigPanel/Fields/Fieldset.js +9 -10
- package/dist/cjs/ui/ConfigPanel/Fields/SelectItem.js +5 -6
- package/dist/cjs/ui/ConfigPanel/Fields/TabGroup.js +6 -7
- package/dist/cjs/ui/ConfigPanel/Header.js +13 -14
- package/dist/cjs/ui/ConfigPanel/LoadingState.js +2 -3
- package/dist/cjs/ui/ConfigPanel/NestedForms/RemovableField.js +4 -5
- package/dist/cjs/ui/ContentStyles/index.js +1 -2
- package/dist/cjs/ui/ContextPanel/index.js +10 -11
- package/dist/cjs/ui/PluginSlot/index.js +3 -4
- package/dist/cjs/ui/Toolbar/ToolbarInner.js +1 -2
- package/dist/cjs/ui/Toolbar/ToolbarWithSizeDetector.js +4 -5
- package/dist/cjs/ui/ToolbarFeedback/index.js +15 -16
- package/dist/cjs/ui/WithFlash/index.js +1 -2
- package/dist/cjs/version-wrapper.js +1 -1
- package/dist/es2019/composable-editor/editor-internal.js +11 -12
- package/dist/es2019/composable-editor/editor.js +6 -8
- package/dist/es2019/composable-editor/hooks/useEditorMeasuresConstructor.js +0 -2
- package/dist/es2019/composable-editor/hooks/useMeasureEditorMountTime.js +0 -1
- package/dist/es2019/editor.js +2 -4
- package/dist/es2019/plugins/alignment/ui/ToolbarAlignment/index.js +9 -11
- package/dist/es2019/plugins/avatar-group/ui/AvatarGroupPluginWrapper.js +3 -4
- package/dist/es2019/plugins/before-primaryToolbar/ui/BeforePrimaryToolbarWrapper.js +2 -3
- package/dist/es2019/plugins/breakout/ui/LayoutButton.js +6 -7
- package/dist/es2019/plugins/collab-edit/ui/avatars.js +2 -4
- package/dist/es2019/plugins/collab-edit/ui/colored-avatar-item.js +1 -3
- package/dist/es2019/plugins/collab-edit/ui/invite-to-edit.js +4 -6
- package/dist/es2019/plugins/extension/ui/Extension/Extension/index.js +11 -14
- package/dist/es2019/plugins/extension/ui/Extension/InlineExtension/index.js +3 -5
- package/dist/es2019/plugins/extension/ui/Extension/Lozenge.js +5 -7
- package/dist/es2019/plugins/extension/ui/Extension/MultiBodiedExtension/index.js +4 -6
- package/dist/es2019/plugins/extension/ui/SaveIndicator/SaveIndicator.js +7 -8
- package/dist/es2019/plugins/find-replace/ui/Find.js +12 -14
- package/dist/es2019/plugins/find-replace/ui/FindReplace.js +4 -6
- package/dist/es2019/plugins/find-replace/ui/FindReplaceToolbarButton.js +8 -9
- package/dist/es2019/plugins/find-replace/ui/Replace.js +4 -6
- package/dist/es2019/plugins/find-replace/ui/styles.js +0 -1
- package/dist/es2019/plugins/jira-issue/nodeviews/jira-issue.js +5 -6
- package/dist/es2019/plugins/undo-redo/ui/ToolbarUndoRedo/index.js +8 -10
- package/dist/es2019/ui/Addon/ClickAreaBlock/index.js +2 -3
- package/dist/es2019/ui/Addon/ClickAreaInline/index.js +2 -3
- package/dist/es2019/ui/Addon/ClickAreaMobile/index.js +2 -3
- package/dist/es2019/ui/Addon/Dropdown/index.js +1 -3
- package/dist/es2019/ui/Addon/DropdownItem/index.js +2 -4
- package/dist/es2019/ui/Alignment/index.js +3 -5
- package/dist/es2019/ui/Appearance/Chromeless.js +7 -8
- package/dist/es2019/ui/Appearance/Comment/Comment.js +17 -18
- package/dist/es2019/ui/Appearance/Comment/Toolbar.js +5 -7
- package/dist/es2019/ui/Appearance/FullPage/FullPage.js +3 -5
- package/dist/es2019/ui/Appearance/FullPage/FullPageContentArea.js +11 -12
- package/dist/es2019/ui/Appearance/FullPage/FullPageToolbar.js +13 -15
- package/dist/es2019/ui/AppearanceComponents/Mobile.js +6 -7
- package/dist/es2019/ui/ChromeCollapsed/index.js +1 -3
- package/dist/es2019/ui/ConfigPanel/ErrorMessage/ErrorImage.js +17 -17
- package/dist/es2019/ui/ConfigPanel/Fields/Boolean.js +12 -13
- package/dist/es2019/ui/ConfigPanel/Fields/CheckboxGroup.js +7 -8
- package/dist/es2019/ui/ConfigPanel/Fields/ColorPicker.js +8 -9
- package/dist/es2019/ui/ConfigPanel/Fields/DateRange.js +18 -19
- package/dist/es2019/ui/ConfigPanel/Fields/Expand.js +9 -10
- package/dist/es2019/ui/ConfigPanel/Fields/Fieldset.js +10 -11
- package/dist/es2019/ui/ConfigPanel/Fields/SelectItem.js +6 -7
- package/dist/es2019/ui/ConfigPanel/Fields/TabGroup.js +7 -8
- package/dist/es2019/ui/ConfigPanel/Header.js +14 -15
- package/dist/es2019/ui/ConfigPanel/LoadingState.js +3 -4
- package/dist/es2019/ui/ConfigPanel/NestedForms/RemovableField.js +5 -6
- package/dist/es2019/ui/ContentStyles/index.js +2 -3
- package/dist/es2019/ui/ContextPanel/index.js +11 -12
- package/dist/es2019/ui/PluginSlot/index.js +4 -5
- package/dist/es2019/ui/Toolbar/ToolbarInner.js +2 -3
- package/dist/es2019/ui/Toolbar/ToolbarWithSizeDetector.js +5 -6
- package/dist/es2019/ui/ToolbarFeedback/index.js +12 -14
- package/dist/es2019/ui/WithFlash/index.js +2 -3
- package/dist/es2019/version-wrapper.js +1 -1
- package/dist/esm/composable-editor/editor-internal.js +11 -12
- package/dist/esm/composable-editor/editor.js +6 -8
- package/dist/esm/composable-editor/hooks/useEditorMeasuresConstructor.js +0 -2
- package/dist/esm/composable-editor/hooks/useMeasureEditorMountTime.js +0 -1
- package/dist/esm/editor.js +2 -4
- package/dist/esm/plugins/alignment/ui/ToolbarAlignment/index.js +9 -11
- package/dist/esm/plugins/avatar-group/ui/AvatarGroupPluginWrapper.js +3 -4
- package/dist/esm/plugins/before-primaryToolbar/ui/BeforePrimaryToolbarWrapper.js +2 -3
- package/dist/esm/plugins/breakout/ui/LayoutButton.js +6 -7
- package/dist/esm/plugins/collab-edit/ui/avatars.js +2 -4
- package/dist/esm/plugins/collab-edit/ui/colored-avatar-item.js +1 -3
- package/dist/esm/plugins/collab-edit/ui/invite-to-edit.js +4 -6
- package/dist/esm/plugins/extension/ui/Extension/Extension/index.js +11 -14
- package/dist/esm/plugins/extension/ui/Extension/InlineExtension/index.js +3 -5
- package/dist/esm/plugins/extension/ui/Extension/Lozenge.js +5 -7
- package/dist/esm/plugins/extension/ui/Extension/MultiBodiedExtension/index.js +4 -6
- package/dist/esm/plugins/extension/ui/SaveIndicator/SaveIndicator.js +7 -8
- package/dist/esm/plugins/find-replace/ui/Find.js +12 -14
- package/dist/esm/plugins/find-replace/ui/FindReplace.js +4 -6
- package/dist/esm/plugins/find-replace/ui/FindReplaceToolbarButton.js +8 -9
- package/dist/esm/plugins/find-replace/ui/Replace.js +4 -6
- package/dist/esm/plugins/find-replace/ui/styles.js +0 -1
- package/dist/esm/plugins/jira-issue/nodeviews/jira-issue.js +5 -6
- package/dist/esm/plugins/undo-redo/ui/ToolbarUndoRedo/index.js +8 -10
- package/dist/esm/ui/Addon/ClickAreaBlock/index.js +2 -3
- package/dist/esm/ui/Addon/ClickAreaInline/index.js +2 -3
- package/dist/esm/ui/Addon/ClickAreaMobile/index.js +2 -3
- package/dist/esm/ui/Addon/Dropdown/index.js +1 -3
- package/dist/esm/ui/Addon/DropdownItem/index.js +2 -4
- package/dist/esm/ui/Alignment/index.js +3 -5
- package/dist/esm/ui/Appearance/Chromeless.js +7 -8
- package/dist/esm/ui/Appearance/Comment/Comment.js +17 -18
- package/dist/esm/ui/Appearance/Comment/Toolbar.js +5 -7
- package/dist/esm/ui/Appearance/FullPage/FullPage.js +3 -5
- package/dist/esm/ui/Appearance/FullPage/FullPageContentArea.js +11 -12
- package/dist/esm/ui/Appearance/FullPage/FullPageToolbar.js +13 -15
- package/dist/esm/ui/AppearanceComponents/Mobile.js +6 -7
- package/dist/esm/ui/ChromeCollapsed/index.js +1 -3
- package/dist/esm/ui/ConfigPanel/ErrorMessage/ErrorImage.js +17 -17
- package/dist/esm/ui/ConfigPanel/Fields/Boolean.js +12 -13
- package/dist/esm/ui/ConfigPanel/Fields/CheckboxGroup.js +7 -8
- package/dist/esm/ui/ConfigPanel/Fields/ColorPicker.js +8 -9
- package/dist/esm/ui/ConfigPanel/Fields/DateRange.js +18 -19
- package/dist/esm/ui/ConfigPanel/Fields/Expand.js +9 -10
- package/dist/esm/ui/ConfigPanel/Fields/Fieldset.js +10 -11
- package/dist/esm/ui/ConfigPanel/Fields/SelectItem.js +6 -7
- package/dist/esm/ui/ConfigPanel/Fields/TabGroup.js +7 -8
- package/dist/esm/ui/ConfigPanel/Header.js +14 -15
- package/dist/esm/ui/ConfigPanel/LoadingState.js +3 -4
- package/dist/esm/ui/ConfigPanel/NestedForms/RemovableField.js +5 -6
- package/dist/esm/ui/ContentStyles/index.js +2 -3
- package/dist/esm/ui/ContextPanel/index.js +11 -12
- package/dist/esm/ui/PluginSlot/index.js +4 -5
- package/dist/esm/ui/Toolbar/ToolbarInner.js +2 -3
- package/dist/esm/ui/Toolbar/ToolbarWithSizeDetector.js +5 -6
- package/dist/esm/ui/ToolbarFeedback/index.js +12 -14
- package/dist/esm/ui/WithFlash/index.js +2 -3
- package/dist/esm/version-wrapper.js +1 -1
- package/package.json +8 -4
|
@@ -1,9 +1,8 @@
|
|
|
1
1
|
import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
|
|
2
2
|
import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
|
|
3
3
|
var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
|
|
4
|
-
/** @jsx jsx */
|
|
5
4
|
import React, { useState } from 'react';
|
|
6
|
-
import { css
|
|
5
|
+
import { css } from '@emotion/react';
|
|
7
6
|
import { injectIntl } from 'react-intl-next';
|
|
8
7
|
import { N40 } from '@atlaskit/theme/colors';
|
|
9
8
|
import ChevronDownIcon from '@atlaskit/icon/glyph/chevron-down';
|
|
@@ -27,26 +26,26 @@ function Expand(_ref) {
|
|
|
27
26
|
_useState2 = _slicedToArray(_useState, 2),
|
|
28
27
|
expanded = _useState2[0],
|
|
29
28
|
setExpanded = _useState2[1];
|
|
30
|
-
return
|
|
29
|
+
return /*#__PURE__*/React.createElement("div", {
|
|
31
30
|
"data-testid": "expand-config-field",
|
|
32
31
|
css: expandContainer
|
|
33
|
-
},
|
|
32
|
+
}, /*#__PURE__*/React.createElement("div", {
|
|
34
33
|
css: expandControl
|
|
35
|
-
},
|
|
34
|
+
}, /*#__PURE__*/React.createElement("div", {
|
|
36
35
|
css: labelContainer
|
|
37
|
-
}, field.label),
|
|
36
|
+
}, field.label), /*#__PURE__*/React.createElement("div", {
|
|
38
37
|
css: chevronContainer
|
|
39
|
-
},
|
|
38
|
+
}, /*#__PURE__*/React.createElement(Button, {
|
|
40
39
|
onClick: function onClick() {
|
|
41
40
|
setExpanded(!expanded);
|
|
42
41
|
},
|
|
43
42
|
testId: "form-expand-toggle",
|
|
44
|
-
iconBefore: expanded ?
|
|
43
|
+
iconBefore: expanded ? /*#__PURE__*/React.createElement(ChevronDownIcon, {
|
|
45
44
|
label: intl.formatMessage(messages.collapse)
|
|
46
|
-
}) :
|
|
45
|
+
}) : /*#__PURE__*/React.createElement(ChevronRightIcon, {
|
|
47
46
|
label: intl.formatMessage(messages.expand)
|
|
48
47
|
})
|
|
49
|
-
}))),
|
|
48
|
+
}))), /*#__PURE__*/React.createElement("div", {
|
|
50
49
|
"data-testid": "expand-content-container",
|
|
51
50
|
css: expandContentContainer(!expanded)
|
|
52
51
|
}, children));
|
|
@@ -13,9 +13,8 @@ function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbol
|
|
|
13
13
|
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) { _defineProperty(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; }
|
|
14
14
|
function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
|
|
15
15
|
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; } }
|
|
16
|
-
/** @jsx jsx */
|
|
17
16
|
import React, { Fragment } from 'react';
|
|
18
|
-
import { css
|
|
17
|
+
import { css } from '@emotion/react';
|
|
19
18
|
import { injectIntl } from 'react-intl-next';
|
|
20
19
|
import SectionMessage from '@atlaskit/section-message';
|
|
21
20
|
import Button from '@atlaskit/button/custom-theme-button';
|
|
@@ -174,7 +173,7 @@ var FieldsetField = /*#__PURE__*/function (_React$Component) {
|
|
|
174
173
|
if (selectOptions.length === 0) {
|
|
175
174
|
return null;
|
|
176
175
|
}
|
|
177
|
-
return
|
|
176
|
+
return /*#__PURE__*/React.createElement(React.Fragment, null, isAdding ? /*#__PURE__*/React.createElement(Select, {
|
|
178
177
|
testId: "field-picker",
|
|
179
178
|
defaultMenuIsOpen: true,
|
|
180
179
|
autoFocus: true,
|
|
@@ -185,10 +184,10 @@ var FieldsetField = /*#__PURE__*/function (_React$Component) {
|
|
|
185
184
|
_this.onSelectItem(option);
|
|
186
185
|
}
|
|
187
186
|
}
|
|
188
|
-
}) :
|
|
187
|
+
}) : /*#__PURE__*/React.createElement(Button, {
|
|
189
188
|
testId: "add-more",
|
|
190
189
|
appearance: "subtle",
|
|
191
|
-
iconBefore:
|
|
190
|
+
iconBefore: /*#__PURE__*/React.createElement(AddCircleIcon, {
|
|
192
191
|
size: "small",
|
|
193
192
|
label: intl.formatMessage(messages.addField)
|
|
194
193
|
}),
|
|
@@ -225,9 +224,9 @@ var FieldsetField = /*#__PURE__*/function (_React$Component) {
|
|
|
225
224
|
currentParameters = _this$state3.currentParameters,
|
|
226
225
|
visibleFields = _this$state3.visibleFields;
|
|
227
226
|
var children = this.renderActions();
|
|
228
|
-
return
|
|
227
|
+
return /*#__PURE__*/React.createElement(Fragment, null, error && /*#__PURE__*/React.createElement(FieldsetError, {
|
|
229
228
|
message: error
|
|
230
|
-
}),
|
|
229
|
+
}), /*#__PURE__*/React.createElement("div", null, options.showTitle && /*#__PURE__*/React.createElement("h5", null, label), /*#__PURE__*/React.createElement(FormComponent, {
|
|
231
230
|
fields: selectedFields,
|
|
232
231
|
parentName: name,
|
|
233
232
|
extensionManifest: extensionManifest,
|
|
@@ -236,7 +235,7 @@ var FieldsetField = /*#__PURE__*/function (_React$Component) {
|
|
|
236
235
|
onClickRemove: this.onClickRemove,
|
|
237
236
|
onFieldChange: onFieldChange,
|
|
238
237
|
firstVisibleFieldName: firstVisibleFieldName
|
|
239
|
-
}), children &&
|
|
238
|
+
}), children && /*#__PURE__*/React.createElement("div", {
|
|
240
239
|
css: actionsWrapper,
|
|
241
240
|
"data-testId": "fieldset-actions"
|
|
242
241
|
}, children)));
|
|
@@ -246,11 +245,11 @@ var FieldsetField = /*#__PURE__*/function (_React$Component) {
|
|
|
246
245
|
}(React.Component);
|
|
247
246
|
function FieldsetError(_ref) {
|
|
248
247
|
var message = _ref.message;
|
|
249
|
-
return
|
|
248
|
+
return /*#__PURE__*/React.createElement("div", {
|
|
250
249
|
css: sectionMessageWrapper
|
|
251
|
-
},
|
|
250
|
+
}, /*#__PURE__*/React.createElement(SectionMessage, {
|
|
252
251
|
appearance: "error"
|
|
253
|
-
},
|
|
252
|
+
}, /*#__PURE__*/React.createElement("p", null, message)));
|
|
254
253
|
}
|
|
255
254
|
var sectionMessageWrapper = css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n margin-bottom: 24px;\n"])));
|
|
256
255
|
export default injectIntl(FieldsetField);
|
|
@@ -1,7 +1,6 @@
|
|
|
1
1
|
import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
|
|
2
2
|
var _templateObject, _templateObject2, _templateObject3;
|
|
3
|
-
|
|
4
|
-
import { css, jsx } from '@emotion/react';
|
|
3
|
+
import { css } from '@emotion/react';
|
|
5
4
|
import Avatar from '@atlaskit/avatar';
|
|
6
5
|
var itemWrapper = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n display: flex;\n align-items: center;\n\n small {\n margin: 0;\n display: block;\n color: currentColor;\n }\n"])));
|
|
7
6
|
var iconWrapper = css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n line-height: 1;\n"])));
|
|
@@ -17,17 +16,17 @@ export var formatOptionLabel = function formatOptionLabel(_ref, _ref2) {
|
|
|
17
16
|
icon = _ref.icon,
|
|
18
17
|
description = _ref.description;
|
|
19
18
|
var context = _ref2.context;
|
|
20
|
-
return
|
|
19
|
+
return /*#__PURE__*/React.createElement("div", {
|
|
21
20
|
css: itemWrapper
|
|
22
|
-
},
|
|
21
|
+
}, /*#__PURE__*/React.createElement("span", {
|
|
23
22
|
css: [iconWrapper, context === 'menu' && iconWrapperMenu]
|
|
24
|
-
}, typeof icon === 'string' ?
|
|
23
|
+
}, typeof icon === 'string' ? /*#__PURE__*/React.createElement(Avatar, {
|
|
25
24
|
src: icon,
|
|
26
25
|
size: getIconSize(context, description),
|
|
27
26
|
appearance: "square"
|
|
28
|
-
}) : icon),
|
|
27
|
+
}) : icon), /*#__PURE__*/React.createElement("div", {
|
|
29
28
|
style: {
|
|
30
29
|
paddingLeft: icon ? "var(--ds-space-100, 8px)" : 0
|
|
31
30
|
}
|
|
32
|
-
},
|
|
31
|
+
}, /*#__PURE__*/React.createElement("p", null, label, description && context !== 'value' && /*#__PURE__*/React.createElement("small", null, description))));
|
|
33
32
|
};
|
|
@@ -1,9 +1,8 @@
|
|
|
1
1
|
import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
|
|
2
2
|
import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
|
|
3
3
|
var _templateObject, _templateObject2;
|
|
4
|
-
/** @jsx jsx */
|
|
5
4
|
import React, { useState } from 'react';
|
|
6
|
-
import { css
|
|
5
|
+
import { css } from '@emotion/react';
|
|
7
6
|
import { injectIntl } from 'react-intl-next';
|
|
8
7
|
import Tabs, { Tab, TabList, TabPanel } from '@atlaskit/tabs';
|
|
9
8
|
var tabWrapper = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n // increase specificity to make sure the tab style is overridden\n &&& [role='tabpanel'][tabindex] {\n padding: 0;\n }\n\n &&& [role='tablist']::before {\n left: 0;\n right: 0;\n }\n"])));
|
|
@@ -25,22 +24,22 @@ var TabGroupImpl = function TabGroupImpl(props) {
|
|
|
25
24
|
var onChange = React.useCallback(function (index) {
|
|
26
25
|
setActiveTab(index);
|
|
27
26
|
}, [setActiveTab]);
|
|
28
|
-
return
|
|
27
|
+
return /*#__PURE__*/React.createElement("div", {
|
|
29
28
|
css: tabWrapper
|
|
30
|
-
},
|
|
29
|
+
}, /*#__PURE__*/React.createElement(Tabs, {
|
|
31
30
|
id: "configPanelTabs-".concat(field.name),
|
|
32
31
|
onChange: onChange,
|
|
33
32
|
selected: activeTab
|
|
34
|
-
},
|
|
33
|
+
}, /*#__PURE__*/React.createElement(TabList, null, fields.map(function (_ref) {
|
|
35
34
|
var name = _ref.name,
|
|
36
35
|
label = _ref.label;
|
|
37
|
-
return
|
|
36
|
+
return /*#__PURE__*/React.createElement(Tab, {
|
|
38
37
|
key: "tab-".concat(name)
|
|
39
38
|
}, label);
|
|
40
39
|
})), fields.map(function (field) {
|
|
41
|
-
return
|
|
40
|
+
return /*#__PURE__*/React.createElement(TabPanel, {
|
|
42
41
|
key: "panel-".concat(field.name)
|
|
43
|
-
},
|
|
42
|
+
}, /*#__PURE__*/React.createElement("div", {
|
|
44
43
|
css: panelWrapper
|
|
45
44
|
}, renderPanel(field)));
|
|
46
45
|
})));
|
|
@@ -1,8 +1,7 @@
|
|
|
1
1
|
import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
|
|
2
2
|
var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7;
|
|
3
|
-
/** @jsx jsx */
|
|
4
3
|
import { Fragment } from 'react';
|
|
5
|
-
import { css
|
|
4
|
+
import { css } from '@emotion/react';
|
|
6
5
|
import { injectIntl } from 'react-intl-next';
|
|
7
6
|
import Loadable from 'react-loadable';
|
|
8
7
|
import Button from '@atlaskit/button/custom-theme-button';
|
|
@@ -36,35 +35,35 @@ var Header = function Header(_ref) {
|
|
|
36
35
|
return null;
|
|
37
36
|
}
|
|
38
37
|
});
|
|
39
|
-
return
|
|
38
|
+
return /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement("div", {
|
|
40
39
|
css: item
|
|
41
|
-
},
|
|
40
|
+
}, /*#__PURE__*/React.createElement("div", {
|
|
42
41
|
css: itemIcon
|
|
43
|
-
},
|
|
42
|
+
}, /*#__PURE__*/React.createElement(ResolvedIcon, {
|
|
44
43
|
label: title
|
|
45
|
-
})),
|
|
44
|
+
})), /*#__PURE__*/React.createElement("div", {
|
|
46
45
|
css: itemBody
|
|
47
|
-
}, summary ?
|
|
46
|
+
}, summary ? /*#__PURE__*/React.createElement("div", {
|
|
48
47
|
css: itemText
|
|
49
|
-
},
|
|
48
|
+
}, /*#__PURE__*/React.createElement("div", {
|
|
50
49
|
className: "item-title",
|
|
51
50
|
id: "context-panel-title"
|
|
52
|
-
}, title),
|
|
51
|
+
}, title), /*#__PURE__*/React.createElement("div", {
|
|
53
52
|
className: "item-summary"
|
|
54
|
-
}, summary)) :
|
|
53
|
+
}, summary)) : /*#__PURE__*/React.createElement("div", {
|
|
55
54
|
css: centeredItemTitle,
|
|
56
55
|
id: "context-panel-title"
|
|
57
|
-
}, title)),
|
|
56
|
+
}, title)), /*#__PURE__*/React.createElement("div", {
|
|
58
57
|
css: closeButtonWrapper
|
|
59
|
-
},
|
|
58
|
+
}, /*#__PURE__*/React.createElement(Button, {
|
|
60
59
|
appearance: "subtle",
|
|
61
|
-
iconBefore:
|
|
60
|
+
iconBefore: /*#__PURE__*/React.createElement(CrossIcon, {
|
|
62
61
|
label: intl.formatMessage(messages.close)
|
|
63
62
|
}),
|
|
64
63
|
onClick: onClose
|
|
65
|
-
}))), (description || documentationUrl) &&
|
|
64
|
+
}))), (description || documentationUrl) && /*#__PURE__*/React.createElement("p", {
|
|
66
65
|
css: descriptionStyle
|
|
67
|
-
}, description &&
|
|
66
|
+
}, description && /*#__PURE__*/React.createElement(Fragment, null, description.replace(/([^.])$/, '$1.'), " "), documentationUrl && /*#__PURE__*/React.createElement("a", {
|
|
68
67
|
target: "_blank",
|
|
69
68
|
rel: "noopener noreferrer",
|
|
70
69
|
href: documentationUrl
|
|
@@ -1,14 +1,13 @@
|
|
|
1
1
|
import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
|
|
2
2
|
var _templateObject;
|
|
3
|
-
|
|
4
|
-
import { css, jsx } from '@emotion/react';
|
|
3
|
+
import { css } from '@emotion/react';
|
|
5
4
|
import Spinner from '@atlaskit/spinner';
|
|
6
5
|
var spinnerWrapper = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n display: flex;\n justify-content: center;\n margin-top: ", ";\n"])), "var(--ds-space-800, 64px)");
|
|
7
6
|
var LoadingState = function LoadingState() {
|
|
8
|
-
return
|
|
7
|
+
return /*#__PURE__*/React.createElement("div", {
|
|
9
8
|
css: spinnerWrapper,
|
|
10
9
|
"data-testid": "ConfigPanelLoading"
|
|
11
|
-
},
|
|
10
|
+
}, /*#__PURE__*/React.createElement(Spinner, {
|
|
12
11
|
size: "small"
|
|
13
12
|
}));
|
|
14
13
|
};
|
|
@@ -1,8 +1,7 @@
|
|
|
1
1
|
import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
|
|
2
2
|
var _templateObject, _templateObject2, _templateObject3;
|
|
3
|
-
/** @jsx jsx */
|
|
4
3
|
import React from 'react';
|
|
5
|
-
import { css
|
|
4
|
+
import { css } from '@emotion/react';
|
|
6
5
|
import { injectIntl } from 'react-intl-next';
|
|
7
6
|
import CrossCircleIcon from '@atlaskit/icon/glyph/cross-circle';
|
|
8
7
|
import Tooltip from '@atlaskit/tooltip';
|
|
@@ -23,17 +22,17 @@ var RemovableField = function RemovableField(_ref) {
|
|
|
23
22
|
return onClickRemove && onClickRemove(name);
|
|
24
23
|
}, [name, onClickRemove]);
|
|
25
24
|
var hasMarginBottom = ((_children$props$field = children.props.field) === null || _children$props$field === void 0 ? void 0 : _children$props$field.type) !== 'expand';
|
|
26
|
-
return
|
|
25
|
+
return /*#__PURE__*/React.createElement("div", {
|
|
27
26
|
css: [removableFieldWrapper, hasMarginBottom && wrapperWithMarginBottom],
|
|
28
27
|
className: className
|
|
29
|
-
}, children, canRemoveField &&
|
|
28
|
+
}, children, canRemoveField && /*#__PURE__*/React.createElement("div", {
|
|
30
29
|
css: removeButtonWrapper,
|
|
31
30
|
"data-testid": "remove-field-".concat(name),
|
|
32
31
|
onClick: onClickCallback
|
|
33
|
-
},
|
|
32
|
+
}, /*#__PURE__*/React.createElement(Tooltip, {
|
|
34
33
|
content: intl.formatMessage(messages.removeField),
|
|
35
34
|
position: "left"
|
|
36
|
-
},
|
|
35
|
+
}, /*#__PURE__*/React.createElement(CrossCircleIcon, {
|
|
37
36
|
size: "small",
|
|
38
37
|
label: intl.formatMessage(messages.removeField)
|
|
39
38
|
}))));
|
|
@@ -1,8 +1,7 @@
|
|
|
1
1
|
import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
|
|
2
2
|
var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7;
|
|
3
|
-
/** @jsx jsx */
|
|
4
3
|
import React, { useMemo } from 'react';
|
|
5
|
-
import {
|
|
4
|
+
import { css, useTheme } from '@emotion/react';
|
|
6
5
|
import { whitespaceSharedStyles, paragraphSharedStyles, listsSharedStyles, indentationSharedStyles, blockMarksSharedStyles, shadowSharedStyle, dateSharedStyle, tasksAndDecisionsStyles, annotationSharedStyles, smartCardSharedStyles, textColorStyles, resizerStyles, gridStyles, smartCardStyles, embedCardStyles, codeBlockInListSafariFix, unsupportedStyles } from '@atlaskit/editor-common/styles';
|
|
7
6
|
import { akEditorSelectedBorderSize, akEditorDeleteBorder, akEditorDeleteBackgroundWithOpacity, akEditorSelectedNodeClassName, blockNodesVerticalMargin, editorFontSize, getSelectionStyles, SelectionStyle, akEditorLineHeight, akEditorSelectedBorderColor } from '@atlaskit/editor-shared-styles';
|
|
8
7
|
import { MentionSharedCssClassName } from '@atlaskit/editor-common/mention';
|
|
@@ -53,7 +52,7 @@ export var createEditorContentStyle = function createEditorContentStyle(styles)
|
|
|
53
52
|
featureFlags: featureFlags
|
|
54
53
|
});
|
|
55
54
|
}, [theme, featureFlags]);
|
|
56
|
-
return
|
|
55
|
+
return /*#__PURE__*/React.createElement("div", {
|
|
57
56
|
className: className,
|
|
58
57
|
ref: ref,
|
|
59
58
|
css: [memoizedStyle, styles]
|
|
@@ -14,9 +14,8 @@ function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbol
|
|
|
14
14
|
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) { _defineProperty(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; }
|
|
15
15
|
function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
|
|
16
16
|
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; } }
|
|
17
|
-
/** @jsx jsx */
|
|
18
17
|
import React, { useContext } from 'react';
|
|
19
|
-
import { css
|
|
18
|
+
import { css } from '@emotion/react';
|
|
20
19
|
import Transition from 'react-transition-group/Transition';
|
|
21
20
|
import { N30 } from '@atlaskit/theme/colors';
|
|
22
21
|
import { akEditorSwoopCubicBezier, akEditorDefaultLayoutWidth, akEditorWideLayoutWidth, akEditorBreakoutPadding, akEditorContextPanelWidth, ATLASSIAN_NAVIGATION_HEIGHT } from '@atlaskit/editor-shared-styles';
|
|
@@ -87,7 +86,7 @@ export var SwappableContentArea = /*#__PURE__*/function (_React$PureComponent) {
|
|
|
87
86
|
if (!currentPluginContent) {
|
|
88
87
|
return;
|
|
89
88
|
}
|
|
90
|
-
return
|
|
89
|
+
return /*#__PURE__*/React.createElement(Transition, {
|
|
91
90
|
timeout: _this.state.mounted ? ANIM_SPEED_MS : 0,
|
|
92
91
|
in: !!pluginContent,
|
|
93
92
|
mountOnEnter: true,
|
|
@@ -102,7 +101,7 @@ export var SwappableContentArea = /*#__PURE__*/function (_React$PureComponent) {
|
|
|
102
101
|
if (!children) {
|
|
103
102
|
return;
|
|
104
103
|
}
|
|
105
|
-
return
|
|
104
|
+
return /*#__PURE__*/React.createElement(Transition, {
|
|
106
105
|
timeout: _this.state.mounted ? ANIM_SPEED_MS : 0,
|
|
107
106
|
in: isVisible,
|
|
108
107
|
mountOnEnter: true,
|
|
@@ -137,7 +136,7 @@ export var SwappableContentArea = /*#__PURE__*/function (_React$PureComponent) {
|
|
|
137
136
|
var width = akEditorContextPanelWidth;
|
|
138
137
|
var userVisible = !!this.props.visible;
|
|
139
138
|
var visible = userVisible || !!this.state.currentPluginContent;
|
|
140
|
-
return
|
|
139
|
+
return /*#__PURE__*/React.createElement(ContextPanelConsumer, null, function (_ref) {
|
|
141
140
|
var broadcastWidth = _ref.broadcastWidth,
|
|
142
141
|
broadcastPosition = _ref.broadcastPosition,
|
|
143
142
|
positionedOverEditor = _ref.positionedOverEditor;
|
|
@@ -145,7 +144,7 @@ export var SwappableContentArea = /*#__PURE__*/function (_React$PureComponent) {
|
|
|
145
144
|
var newPosition = editorWidth ? shouldPanelBePositionedOverEditor(editorWidth, width, editorView) : false;
|
|
146
145
|
broadcastWidth(contextPanelWidth);
|
|
147
146
|
(newPosition && visible) !== positionedOverEditor && broadcastPosition(newPosition && visible);
|
|
148
|
-
return
|
|
147
|
+
return /*#__PURE__*/React.createElement("div", {
|
|
149
148
|
css: [panel, !visible && panelHidden,
|
|
150
149
|
/**
|
|
151
150
|
* Only use absolute position for panel when screen size is wide enough
|
|
@@ -155,7 +154,7 @@ export var SwappableContentArea = /*#__PURE__*/function (_React$PureComponent) {
|
|
|
155
154
|
"data-testid": "context-panel-panel",
|
|
156
155
|
"aria-labelledby": "context-panel-title",
|
|
157
156
|
role: "dialog"
|
|
158
|
-
},
|
|
157
|
+
}, /*#__PURE__*/React.createElement("div", {
|
|
159
158
|
"data-testid": "context-panel-content",
|
|
160
159
|
css: [content, !visible && panelHidden]
|
|
161
160
|
}, _this2.showPluginContent() || _this2.showProvidedContent(userVisible)));
|
|
@@ -203,11 +202,11 @@ function ContextPanelWithActions(_ref2) {
|
|
|
203
202
|
var _useContext = useContext(WidthContext),
|
|
204
203
|
width = _useContext.width;
|
|
205
204
|
if (!eventDispatcher) {
|
|
206
|
-
return
|
|
205
|
+
return /*#__PURE__*/React.createElement(SwappableContentArea, _extends({
|
|
207
206
|
editorView: editorView
|
|
208
207
|
}, props));
|
|
209
208
|
}
|
|
210
|
-
return
|
|
209
|
+
return /*#__PURE__*/React.createElement(WithPluginState, {
|
|
211
210
|
eventDispatcher: eventDispatcher,
|
|
212
211
|
plugins: {
|
|
213
212
|
contextPanel: contextPanelPluginKey,
|
|
@@ -221,7 +220,7 @@ function ContextPanelWithActions(_ref2) {
|
|
|
221
220
|
containerWidth: width,
|
|
222
221
|
contentBreakoutModes: editorView ? getChildBreakoutModes(editorView.state.doc, editorView.state.schema) : []
|
|
223
222
|
});
|
|
224
|
-
return
|
|
223
|
+
return /*#__PURE__*/React.createElement(SwappableContentArea, _extends({}, props, {
|
|
225
224
|
editorView: editorView,
|
|
226
225
|
pluginContent: firstContent,
|
|
227
226
|
editorWidth: editorWidth
|
|
@@ -230,9 +229,9 @@ function ContextPanelWithActions(_ref2) {
|
|
|
230
229
|
});
|
|
231
230
|
}
|
|
232
231
|
export default function ContextPanel(props) {
|
|
233
|
-
return
|
|
232
|
+
return /*#__PURE__*/React.createElement(WithEditorActions, {
|
|
234
233
|
render: function render(actions) {
|
|
235
|
-
return
|
|
234
|
+
return /*#__PURE__*/React.createElement(ContextPanelWithActions, _extends({
|
|
236
235
|
actions: actions
|
|
237
236
|
}, props));
|
|
238
237
|
}
|
|
@@ -9,9 +9,8 @@ import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral
|
|
|
9
9
|
var _templateObject;
|
|
10
10
|
function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
|
|
11
11
|
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; } }
|
|
12
|
-
/** @jsx jsx */
|
|
13
12
|
import React from 'react';
|
|
14
|
-
import { css
|
|
13
|
+
import { css } from '@emotion/react';
|
|
15
14
|
import { ACTION_SUBJECT } from '@atlaskit/editor-common/analytics';
|
|
16
15
|
import { whichTransitionEvent } from '../../utils';
|
|
17
16
|
import { ErrorBoundary } from '../ErrorBoundary';
|
|
@@ -107,14 +106,14 @@ var PluginSlot = /*#__PURE__*/function (_React$Component) {
|
|
|
107
106
|
if (!items && !pluginHooks || !editorView) {
|
|
108
107
|
return null;
|
|
109
108
|
}
|
|
110
|
-
return
|
|
109
|
+
return /*#__PURE__*/React.createElement(ErrorBoundary, {
|
|
111
110
|
component: ACTION_SUBJECT.PLUGIN_SLOT,
|
|
112
111
|
fallbackComponent: null
|
|
113
|
-
},
|
|
112
|
+
}, /*#__PURE__*/React.createElement(MountPluginHooks, {
|
|
114
113
|
editorView: editorView,
|
|
115
114
|
pluginHooks: pluginHooks,
|
|
116
115
|
containerElement: containerElement
|
|
117
|
-
}),
|
|
116
|
+
}), /*#__PURE__*/React.createElement("div", {
|
|
118
117
|
css: pluginsComponentsWrapper
|
|
119
118
|
}, items === null || items === void 0 ? void 0 : items.map(function (component, key) {
|
|
120
119
|
var props = {
|
|
@@ -7,9 +7,8 @@ import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral
|
|
|
7
7
|
var _templateObject;
|
|
8
8
|
function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
|
|
9
9
|
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; } }
|
|
10
|
-
/** @jsx jsx */
|
|
11
10
|
import React from 'react';
|
|
12
|
-
import { css
|
|
11
|
+
import { css } from '@emotion/react';
|
|
13
12
|
import { akEditorMobileMaxWidth } from '@atlaskit/editor-shared-styles';
|
|
14
13
|
var toolbarComponentsWrapper = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n display: flex;\n\n @media (max-width: ", "px) {\n justify-content: space-between;\n }\n"])), akEditorMobileMaxWidth);
|
|
15
14
|
export var ToolbarInner = /*#__PURE__*/function (_React$Component) {
|
|
@@ -45,7 +44,7 @@ export var ToolbarInner = /*#__PURE__*/function (_React$Component) {
|
|
|
45
44
|
if (!items || !items.length) {
|
|
46
45
|
return null;
|
|
47
46
|
}
|
|
48
|
-
return
|
|
47
|
+
return /*#__PURE__*/React.createElement("div", {
|
|
49
48
|
css: toolbarComponentsWrapper
|
|
50
49
|
}, items.map(function (component, key) {
|
|
51
50
|
var props = {
|
|
@@ -2,9 +2,8 @@ import _extends from "@babel/runtime/helpers/extends";
|
|
|
2
2
|
import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
|
|
3
3
|
import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
|
|
4
4
|
var _templateObject;
|
|
5
|
-
/** @jsx jsx */
|
|
6
5
|
import React, { useMemo } from 'react';
|
|
7
|
-
import { css
|
|
6
|
+
import { css } from '@emotion/react';
|
|
8
7
|
import { WidthObserver } from '@atlaskit/width-detector';
|
|
9
8
|
import { akEditorMobileMaxWidth } from '@atlaskit/editor-shared-styles';
|
|
10
9
|
import { useElementWidth } from './hooks';
|
|
@@ -29,13 +28,13 @@ export var ToolbarWithSizeDetector = function ToolbarWithSizeDetector(props) {
|
|
|
29
28
|
var minWidth = "min-width: ".concat(props.hasMinWidth ? toolbarMinWidth : '254', "px");
|
|
30
29
|
return [toolbar, minWidth];
|
|
31
30
|
}, [props.appearance, props.hasMinWidth, props.twoLineEditorToolbar]);
|
|
32
|
-
return
|
|
31
|
+
return /*#__PURE__*/React.createElement("div", {
|
|
33
32
|
css: toolbarStyle
|
|
34
|
-
},
|
|
33
|
+
}, /*#__PURE__*/React.createElement(WidthObserver, {
|
|
35
34
|
setWidth: setWidth
|
|
36
|
-
}), props.editorView && toolbarSize ?
|
|
35
|
+
}), props.editorView && toolbarSize ? /*#__PURE__*/React.createElement(Toolbar, _extends({}, props, {
|
|
37
36
|
toolbarSize: toolbarSize
|
|
38
|
-
})) :
|
|
37
|
+
})) : /*#__PURE__*/React.createElement("div", {
|
|
39
38
|
ref: ref
|
|
40
39
|
}));
|
|
41
40
|
};
|
|
@@ -12,8 +12,6 @@ function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbol
|
|
|
12
12
|
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) { _defineProperty(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; }
|
|
13
13
|
function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
|
|
14
14
|
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; } }
|
|
15
|
-
/** @jsx jsx */
|
|
16
|
-
import { jsx } from '@emotion/react';
|
|
17
15
|
import ReactDOM from 'react-dom';
|
|
18
16
|
import { PureComponent } from 'react';
|
|
19
17
|
import PropTypes from 'prop-types';
|
|
@@ -152,20 +150,20 @@ var ToolbarFeedbackInternal = /*#__PURE__*/function (_PureComponent) {
|
|
|
152
150
|
popupsMountPoint = _this$props.popupsMountPoint,
|
|
153
151
|
popupsBoundariesElement = _this$props.popupsBoundariesElement,
|
|
154
152
|
popupsScrollableElement = _this$props.popupsScrollableElement;
|
|
155
|
-
var iconBefore = this.state.jiraIssueCollectorScriptLoading ?
|
|
153
|
+
var iconBefore = this.state.jiraIssueCollectorScriptLoading ? /*#__PURE__*/React.createElement(Spinner, null) : undefined;
|
|
156
154
|
|
|
157
155
|
// JIRA issue collector script is using jQuery internally
|
|
158
|
-
return this.hasJquery() ?
|
|
156
|
+
return this.hasJquery() ? /*#__PURE__*/React.createElement("div", {
|
|
159
157
|
css: wrapper
|
|
160
|
-
},
|
|
158
|
+
}, /*#__PURE__*/React.createElement(ToolbarButton, {
|
|
161
159
|
ref: this.handleRef,
|
|
162
160
|
iconBefore: iconBefore,
|
|
163
161
|
onClick: this.collectFeedback,
|
|
164
162
|
selected: false,
|
|
165
163
|
spacing: "compact"
|
|
166
|
-
},
|
|
164
|
+
}, /*#__PURE__*/React.createElement("span", {
|
|
167
165
|
css: buttonContent
|
|
168
|
-
}, "Feedback")), this.state.showOptOutOption &&
|
|
166
|
+
}, "Feedback")), this.state.showOptOutOption && /*#__PURE__*/React.createElement(PopupWithOutsideListeners, {
|
|
169
167
|
target: this.state.target,
|
|
170
168
|
mountTo: popupsMountPoint,
|
|
171
169
|
boundariesElement: popupsBoundariesElement,
|
|
@@ -174,19 +172,19 @@ var ToolbarFeedbackInternal = /*#__PURE__*/function (_PureComponent) {
|
|
|
174
172
|
fitWidth: POPUP_WIDTH,
|
|
175
173
|
handleClickOutside: this.toggleShowOptOutOption,
|
|
176
174
|
handleEscapeKeydown: this.toggleShowOptOutOption
|
|
177
|
-
},
|
|
175
|
+
}, /*#__PURE__*/React.createElement("div", {
|
|
178
176
|
css: confirmationPopup
|
|
179
|
-
},
|
|
177
|
+
}, /*#__PURE__*/React.createElement("div", {
|
|
180
178
|
css: confirmationHeader
|
|
181
|
-
},
|
|
179
|
+
}, /*#__PURE__*/React.createElement("img", {
|
|
182
180
|
css: confirmationImg,
|
|
183
181
|
src: EDITOR_IMAGE_URL
|
|
184
|
-
})),
|
|
182
|
+
})), /*#__PURE__*/React.createElement("div", {
|
|
185
183
|
css: confirmationText
|
|
186
|
-
},
|
|
184
|
+
}, /*#__PURE__*/React.createElement("div", null, "We are rolling out a new editing experience across Atlassian products. Help us improve by providing feedback."), /*#__PURE__*/React.createElement("div", null, "You can opt-out for now by turning off the \"Atlassian Editor\" feature on the Labs page in Bitbucket settings."), /*#__PURE__*/React.createElement(ButtonGroup, null, /*#__PURE__*/React.createElement(Button, {
|
|
187
185
|
appearance: "primary",
|
|
188
186
|
onClick: this.openFeedbackPopup
|
|
189
|
-
}, "Give feedback"),
|
|
187
|
+
}, "Give feedback"), /*#__PURE__*/React.createElement(Button, {
|
|
190
188
|
appearance: "default",
|
|
191
189
|
onClick: this.openLearnMorePage
|
|
192
190
|
}, "Learn more")))))) : null;
|
|
@@ -199,7 +197,7 @@ _defineProperty(ToolbarFeedbackInternal, "contextTypes", {
|
|
|
199
197
|
});
|
|
200
198
|
export default function ToolbarFeedback(props) {
|
|
201
199
|
var api = usePresetContext();
|
|
202
|
-
return
|
|
200
|
+
return /*#__PURE__*/React.createElement(ToolbarFeedbackInternal, _extends({
|
|
203
201
|
api: api
|
|
204
202
|
}, props));
|
|
205
203
|
}
|
|
@@ -9,9 +9,8 @@ import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral
|
|
|
9
9
|
var _templateObject, _templateObject2, _templateObject3, _templateObject4;
|
|
10
10
|
function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
|
|
11
11
|
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; } }
|
|
12
|
-
/** @jsx jsx */
|
|
13
12
|
import React from 'react';
|
|
14
|
-
import { css,
|
|
13
|
+
import { css, keyframes } from '@emotion/react';
|
|
15
14
|
import { R100 } from '@atlaskit/theme/colors';
|
|
16
15
|
var pulseBackground = keyframes(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n 50% {\n background-color: ", ";\n }\n"])), "var(--ds-blanket-danger, ".concat(R100, ")"));
|
|
17
16
|
var pulseBackgroundReverse = keyframes(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n 0% {\n background-color: ", ";\n }\n 50% {\n background-color: auto;\n }\n 100% {\n background-color: ", ";\n }\n"])), "var(--ds-blanket-danger, ".concat(R100, ")"), "var(--ds-blanket-danger, ".concat(R100, ")"));
|
|
@@ -37,7 +36,7 @@ var WithFlash = /*#__PURE__*/function (_React$Component) {
|
|
|
37
36
|
animate = _this$props.animate,
|
|
38
37
|
children = _this$props.children;
|
|
39
38
|
this.toggle = animate && !this.toggle;
|
|
40
|
-
return
|
|
39
|
+
return /*#__PURE__*/React.createElement("div", {
|
|
41
40
|
css: animate ? flashWrapperAnimated : flashWrapper,
|
|
42
41
|
className: this.toggle ? '-flash' : ''
|
|
43
42
|
}, children);
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
export var name = "@atlaskit/editor-core";
|
|
2
|
-
export var version = "189.4.
|
|
2
|
+
export var version = "189.4.18";
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@atlaskit/editor-core",
|
|
3
|
-
"version": "189.4.
|
|
3
|
+
"version": "189.4.18",
|
|
4
4
|
"description": "A package contains Atlassian editor core functionality",
|
|
5
5
|
"publishConfig": {
|
|
6
6
|
"registry": "https://registry.npmjs.org/"
|
|
@@ -88,7 +88,7 @@
|
|
|
88
88
|
"@atlaskit/editor-plugin-indentation": "^0.2.0",
|
|
89
89
|
"@atlaskit/editor-plugin-insert-block": "^0.2.0",
|
|
90
90
|
"@atlaskit/editor-plugin-layout": "^0.1.0",
|
|
91
|
-
"@atlaskit/editor-plugin-list": "^1.
|
|
91
|
+
"@atlaskit/editor-plugin-list": "^1.4.0",
|
|
92
92
|
"@atlaskit/editor-plugin-max-content-size": "^0.1.0",
|
|
93
93
|
"@atlaskit/editor-plugin-media": "^0.4.0",
|
|
94
94
|
"@atlaskit/editor-plugin-mentions": "^0.1.0",
|
|
@@ -191,10 +191,10 @@
|
|
|
191
191
|
"@atlaskit/webdriver-runner": "*",
|
|
192
192
|
"@atlassian/adf-schema-json": "^1.0.7",
|
|
193
193
|
"@atlassian/atlassian-frontend-prettier-config-1.0.1": "npm:@atlassian/atlassian-frontend-prettier-config@1.0.1",
|
|
194
|
-
"@atlassian/editor-extension-link-create": "^0.
|
|
194
|
+
"@atlassian/editor-extension-link-create": "^1.0.0",
|
|
195
195
|
"@atlassian/feature-flags-test-utils": "^0.1.1",
|
|
196
196
|
"@atlassian/link-picker-plugins": "^24.0.0",
|
|
197
|
-
"@atlassian/search-provider": "2.4.
|
|
197
|
+
"@atlassian/search-provider": "2.4.9",
|
|
198
198
|
"@atlassian/ufo": "^0.2.0",
|
|
199
199
|
"@emotion/jest": "^11.8.0",
|
|
200
200
|
"@storybook/addon-knobs": "^5.3.18",
|
|
@@ -345,6 +345,10 @@
|
|
|
345
345
|
"platform.editor.table.analytics-plugin-moved-event": {
|
|
346
346
|
"type": "boolean",
|
|
347
347
|
"referenceOnly": "true"
|
|
348
|
+
},
|
|
349
|
+
"platform.editor.ordered-list-auto-join-improvements_mrlv5": {
|
|
350
|
+
"type": "boolean",
|
|
351
|
+
"referenceOnly": "true"
|
|
348
352
|
}
|
|
349
353
|
}
|
|
350
354
|
}
|