@atlaskit/editor-common 76.24.3 → 76.24.4
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/card/LinkToolbarButtonGroup.js +5 -6
- package/dist/cjs/element-browser/ViewMore.js +3 -4
- package/dist/cjs/element-browser/components/CategoryList.js +4 -5
- package/dist/cjs/element-browser/components/ElementBrowserLoader.js +2 -3
- package/dist/cjs/element-browser/components/ElementList/ElementList.js +20 -21
- package/dist/cjs/element-browser/components/ElementList/EmptyState.js +8 -9
- package/dist/cjs/element-browser/components/ElementList/NotFoundIllustration.js +15 -16
- package/dist/cjs/element-browser/components/ElementSearch.js +6 -7
- package/dist/cjs/element-browser/components/StatelessElementBrowser.js +21 -22
- package/dist/cjs/element-browser/hooks/use-container-width.js +2 -3
- package/dist/cjs/keymaps/index.js +1 -2
- package/dist/cjs/link/LinkPicker/HyperlinkAddToolbar/HyperlinkAddToolbar.js +21 -22
- package/dist/cjs/link/LinkSearch/LinkSearchList.js +5 -6
- package/dist/cjs/link/LinkSearch/LinkSearchListItem.js +9 -11
- package/dist/cjs/media-inline/inline-image-wrapper.js +1 -3
- package/dist/cjs/media-inline/media-inline-image-card.js +0 -2
- package/dist/cjs/monitoring/error.js +1 -1
- package/dist/cjs/react-node-view/getInlineNodeViewProducer.js +5 -8
- package/dist/cjs/ui/Caption/index.js +2 -3
- package/dist/cjs/ui/DropList/index.js +6 -6
- package/dist/cjs/ui/Expand/index.js +3 -5
- package/dist/cjs/ui/FloatingToolbar/Separator.js +1 -2
- package/dist/cjs/ui/FloatingToolbar/SmallerEditIcon.js +2 -3
- package/dist/cjs/ui/MediaSingle/index.js +2 -5
- package/dist/cjs/ui/MediaSingle/styled.js +2 -3
- package/dist/cjs/ui/Messages/index.js +7 -8
- package/dist/cjs/ui/PanelTextInput/index.js +2 -3
- package/dist/cjs/ui/UnsupportedBlock/index.js +4 -5
- package/dist/cjs/ui/UnsupportedInline/index.js +4 -5
- package/dist/cjs/ui/WidthProvider/index.js +4 -4
- package/dist/cjs/ui-color/ColorPalette/Color/index.js +5 -6
- package/dist/cjs/ui-color/ColorPalette/index.js +3 -6
- package/dist/cjs/ui-menu/ColorPickerButton/index.js +9 -10
- package/dist/cjs/ui-menu/DropdownContainer/index.js +3 -3
- package/dist/cjs/ui-menu/DropdownMenu/index.js +18 -19
- package/dist/cjs/ui-menu/ToolbarArrowKeyNavigationProvider/index.js +2 -3
- package/dist/cjs/ui-menu/ToolbarButton/index.js +3 -4
- package/dist/cjs/ui-react/with-react-editor-view-outer-listeners.js +11 -1
- package/dist/es2019/card/LinkToolbarButtonGroup.js +6 -7
- package/dist/es2019/element-browser/ViewMore.js +4 -5
- package/dist/es2019/element-browser/components/CategoryList.js +4 -6
- package/dist/es2019/element-browser/components/ElementBrowserLoader.js +3 -4
- package/dist/es2019/element-browser/components/ElementList/ElementList.js +21 -22
- package/dist/es2019/element-browser/components/ElementList/EmptyState.js +9 -10
- package/dist/es2019/element-browser/components/ElementList/NotFoundIllustration.js +16 -17
- package/dist/es2019/element-browser/components/ElementSearch.js +7 -8
- package/dist/es2019/element-browser/components/StatelessElementBrowser.js +22 -23
- package/dist/es2019/element-browser/hooks/use-container-width.js +3 -4
- package/dist/es2019/keymaps/index.js +2 -3
- package/dist/es2019/link/LinkPicker/HyperlinkAddToolbar/HyperlinkAddToolbar.js +22 -24
- package/dist/es2019/link/LinkSearch/LinkSearchList.js +6 -7
- package/dist/es2019/link/LinkSearch/LinkSearchListItem.js +9 -10
- package/dist/es2019/media-inline/inline-image-wrapper.js +2 -4
- package/dist/es2019/media-inline/media-inline-image-card.js +0 -2
- package/dist/es2019/monitoring/error.js +1 -1
- package/dist/es2019/react-node-view/getInlineNodeViewProducer.js +5 -7
- package/dist/es2019/ui/Caption/index.js +3 -4
- package/dist/es2019/ui/DropList/index.js +6 -8
- package/dist/es2019/ui/Expand/index.js +3 -5
- package/dist/es2019/ui/FloatingToolbar/Separator.js +2 -3
- package/dist/es2019/ui/FloatingToolbar/SmallerEditIcon.js +3 -4
- package/dist/es2019/ui/MediaSingle/index.js +2 -4
- package/dist/es2019/ui/MediaSingle/styled.js +3 -5
- package/dist/es2019/ui/Messages/index.js +8 -10
- package/dist/es2019/ui/PanelTextInput/index.js +1 -4
- package/dist/es2019/ui/UnsupportedBlock/index.js +5 -6
- package/dist/es2019/ui/UnsupportedInline/index.js +5 -6
- package/dist/es2019/ui/WidthProvider/index.js +4 -5
- package/dist/es2019/ui-color/ColorPalette/Color/index.js +4 -6
- package/dist/es2019/ui-color/ColorPalette/index.js +2 -4
- package/dist/es2019/ui-menu/ColorPickerButton/index.js +10 -11
- package/dist/es2019/ui-menu/DropdownContainer/index.js +2 -3
- package/dist/es2019/ui-menu/DropdownMenu/index.js +19 -21
- package/dist/es2019/ui-menu/ToolbarArrowKeyNavigationProvider/index.js +3 -4
- package/dist/es2019/ui-menu/ToolbarButton/index.js +5 -5
- package/dist/es2019/ui-react/with-react-editor-view-outer-listeners.js +8 -2
- package/dist/esm/card/LinkToolbarButtonGroup.js +6 -7
- package/dist/esm/element-browser/ViewMore.js +4 -5
- package/dist/esm/element-browser/components/CategoryList.js +5 -7
- package/dist/esm/element-browser/components/ElementBrowserLoader.js +3 -4
- package/dist/esm/element-browser/components/ElementList/ElementList.js +21 -22
- package/dist/esm/element-browser/components/ElementList/EmptyState.js +9 -10
- package/dist/esm/element-browser/components/ElementList/NotFoundIllustration.js +16 -17
- package/dist/esm/element-browser/components/ElementSearch.js +7 -8
- package/dist/esm/element-browser/components/StatelessElementBrowser.js +22 -23
- package/dist/esm/element-browser/hooks/use-container-width.js +3 -4
- package/dist/esm/keymaps/index.js +2 -3
- package/dist/esm/link/LinkPicker/HyperlinkAddToolbar/HyperlinkAddToolbar.js +22 -24
- package/dist/esm/link/LinkSearch/LinkSearchList.js +6 -7
- package/dist/esm/link/LinkSearch/LinkSearchListItem.js +9 -10
- package/dist/esm/media-inline/inline-image-wrapper.js +2 -4
- package/dist/esm/media-inline/media-inline-image-card.js +0 -2
- package/dist/esm/monitoring/error.js +1 -1
- package/dist/esm/react-node-view/getInlineNodeViewProducer.js +5 -7
- package/dist/esm/ui/Caption/index.js +3 -4
- package/dist/esm/ui/DropList/index.js +6 -8
- package/dist/esm/ui/Expand/index.js +3 -5
- package/dist/esm/ui/FloatingToolbar/Separator.js +2 -3
- package/dist/esm/ui/FloatingToolbar/SmallerEditIcon.js +3 -4
- package/dist/esm/ui/MediaSingle/index.js +2 -4
- package/dist/esm/ui/MediaSingle/styled.js +3 -5
- package/dist/esm/ui/Messages/index.js +8 -10
- package/dist/esm/ui/PanelTextInput/index.js +1 -4
- package/dist/esm/ui/UnsupportedBlock/index.js +5 -6
- package/dist/esm/ui/UnsupportedInline/index.js +5 -6
- package/dist/esm/ui/WidthProvider/index.js +4 -5
- package/dist/esm/ui-color/ColorPalette/Color/index.js +4 -6
- package/dist/esm/ui-color/ColorPalette/index.js +3 -5
- package/dist/esm/ui-menu/ColorPickerButton/index.js +10 -11
- package/dist/esm/ui-menu/DropdownContainer/index.js +2 -3
- package/dist/esm/ui-menu/DropdownMenu/index.js +19 -21
- package/dist/esm/ui-menu/ToolbarArrowKeyNavigationProvider/index.js +3 -4
- package/dist/esm/ui-menu/ToolbarButton/index.js +5 -5
- package/dist/esm/ui-react/with-react-editor-view-outer-listeners.js +12 -2
- package/package.json +1 -1
|
@@ -38,7 +38,6 @@ var _ToolbarComponents = require("../../LinkSearch/ToolbarComponents");
|
|
|
38
38
|
var _transformTimeStamp = require("../../LinkSearch/transformTimeStamp");
|
|
39
39
|
var _utils2 = require("./utils");
|
|
40
40
|
var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7;
|
|
41
|
-
/** @jsx jsx */
|
|
42
41
|
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); }
|
|
43
42
|
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; }
|
|
44
43
|
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); }; }
|
|
@@ -92,7 +91,7 @@ var messages = exports.messages = (0, _reactIntlNext.defineMessages)({
|
|
|
92
91
|
description: 'Visible label for text input in hyperlink floating control'
|
|
93
92
|
}
|
|
94
93
|
});
|
|
95
|
-
var defaultIcon =
|
|
94
|
+
var defaultIcon = /*#__PURE__*/_react.default.createElement(_.default, {
|
|
96
95
|
label: 'page'
|
|
97
96
|
});
|
|
98
97
|
var mapActivityProviderResultToLinkSearchItemData = function mapActivityProviderResultToLinkSearchItemData(_ref) {
|
|
@@ -823,27 +822,27 @@ var HyperlinkLinkAddToolbar = exports.HyperlinkLinkAddToolbar = /*#__PURE__*/fun
|
|
|
823
822
|
// as the Aria design pattern for combobox does not work in this case
|
|
824
823
|
// for details: https://a11y-internal.atlassian.net/browse/AK-740
|
|
825
824
|
var screenReaderText = _utils.browser.safari && this.getScreenReaderText();
|
|
826
|
-
return
|
|
825
|
+
return /*#__PURE__*/_react.default.createElement("div", {
|
|
827
826
|
"aria-label": "Hyperlink Edit",
|
|
828
827
|
className: "recent-list"
|
|
829
|
-
},
|
|
828
|
+
}, /*#__PURE__*/_react.default.createElement("div", {
|
|
830
829
|
css: [_ToolbarComponents.container, !!activityProvider && _ToolbarComponents.containerWithProvider, containerPadding],
|
|
831
830
|
ref: this.wrapperRef
|
|
832
|
-
},
|
|
831
|
+
}, /*#__PURE__*/_react.default.createElement("label", {
|
|
833
832
|
htmlFor: linkSearchInputId,
|
|
834
833
|
css: inputLabel
|
|
835
|
-
}, formatMessage(messages.linkVisibleLabel)),
|
|
834
|
+
}, formatMessage(messages.linkVisibleLabel)), /*#__PURE__*/_react.default.createElement("div", {
|
|
836
835
|
css: [_ToolbarComponents.inputWrapper, inputWrapperPosition]
|
|
837
|
-
}, screenReaderText &&
|
|
836
|
+
}, screenReaderText && /*#__PURE__*/_react.default.createElement(_ui.Announcer, {
|
|
838
837
|
ariaLive: "assertive",
|
|
839
838
|
text: screenReaderText,
|
|
840
839
|
ariaRelevant: "additions",
|
|
841
840
|
delay: 250
|
|
842
|
-
}),
|
|
841
|
+
}), /*#__PURE__*/_react.default.createElement("div", {
|
|
843
842
|
css: visuallyHiddenStyles,
|
|
844
843
|
"aria-hidden": "true",
|
|
845
844
|
id: screenReaderDescriptionId
|
|
846
|
-
}, formatMessage(messages.searchLinkAriaDescription)),
|
|
845
|
+
}, formatMessage(messages.searchLinkAriaDescription)), /*#__PURE__*/_react.default.createElement(_ui.PanelTextInput, {
|
|
847
846
|
role: "combobox",
|
|
848
847
|
ariaExpanded: true,
|
|
849
848
|
ariaActiveDescendant: ariaActiveDescendant,
|
|
@@ -863,23 +862,23 @@ var HyperlinkLinkAddToolbar = exports.HyperlinkLinkAddToolbar = /*#__PURE__*/fun
|
|
|
863
862
|
defaultValue: displayUrl,
|
|
864
863
|
onKeyDown: this.handleKeyDown,
|
|
865
864
|
inputId: linkSearchInputId
|
|
866
|
-
}), displayUrl &&
|
|
865
|
+
}), displayUrl && /*#__PURE__*/_react.default.createElement("div", {
|
|
867
866
|
css: clearTextWrapper
|
|
868
|
-
},
|
|
867
|
+
}, /*#__PURE__*/_react.default.createElement(_tooltip.default, {
|
|
869
868
|
content: formatClearLinkText
|
|
870
|
-
},
|
|
869
|
+
}, /*#__PURE__*/_react.default.createElement("button", {
|
|
871
870
|
type: "button",
|
|
872
871
|
css: clearText,
|
|
873
872
|
onClick: this.handleClearText,
|
|
874
873
|
tabIndex: 0
|
|
875
|
-
},
|
|
874
|
+
}, /*#__PURE__*/_react.default.createElement(_crossCircle.default, {
|
|
876
875
|
label: formatClearLinkText
|
|
877
|
-
}))))),
|
|
876
|
+
}))))), /*#__PURE__*/_react.default.createElement("label", {
|
|
878
877
|
htmlFor: displayTextInputId,
|
|
879
878
|
css: [inputLabel, textLabelMargin]
|
|
880
|
-
}, formatMessage(messages.textVisibleLabel)),
|
|
879
|
+
}, formatMessage(messages.textVisibleLabel)), /*#__PURE__*/_react.default.createElement("div", {
|
|
881
880
|
css: [_ToolbarComponents.inputWrapper, inputWrapperPosition]
|
|
882
|
-
},
|
|
881
|
+
}, /*#__PURE__*/_react.default.createElement(_ui.PanelTextInput, {
|
|
883
882
|
ref: function ref(ele) {
|
|
884
883
|
return _this3.displayTextInputContainer = ele;
|
|
885
884
|
},
|
|
@@ -890,25 +889,25 @@ var HyperlinkLinkAddToolbar = exports.HyperlinkLinkAddToolbar = /*#__PURE__*/fun
|
|
|
890
889
|
onSubmit: this.handleSubmit,
|
|
891
890
|
onKeyDown: this.handleKeyDown,
|
|
892
891
|
inputId: displayTextInputId
|
|
893
|
-
}), displayText &&
|
|
892
|
+
}), displayText && /*#__PURE__*/_react.default.createElement("div", {
|
|
894
893
|
css: clearTextWrapper
|
|
895
|
-
},
|
|
894
|
+
}, /*#__PURE__*/_react.default.createElement(_tooltip.default, {
|
|
896
895
|
content: formatMessage(messages.clearText)
|
|
897
|
-
},
|
|
896
|
+
}, /*#__PURE__*/_react.default.createElement("button", {
|
|
898
897
|
type: "button",
|
|
899
898
|
css: clearText,
|
|
900
899
|
onClick: this.handleClearDisplayText,
|
|
901
900
|
onKeyDown: this.handleClearTextKeyDown
|
|
902
|
-
},
|
|
901
|
+
}, /*#__PURE__*/_react.default.createElement(_crossCircle.default, {
|
|
903
902
|
label: formatMessage(messages.clearText)
|
|
904
|
-
}))))),
|
|
903
|
+
}))))), /*#__PURE__*/_react.default.createElement("div", {
|
|
905
904
|
css: visuallyHiddenStyles,
|
|
906
905
|
"aria-live": "polite",
|
|
907
906
|
"aria-atomic": "true",
|
|
908
907
|
id: "fabric.editor.hyperlink.suggested.results"
|
|
909
908
|
}, displayUrl && formatMessage(messages.searchLinkResults, {
|
|
910
909
|
count: items.length
|
|
911
|
-
})),
|
|
910
|
+
})), /*#__PURE__*/_react.default.createElement(_LinkSearchList.default, {
|
|
912
911
|
ariaControls: "fabric.editor.hyperlink.suggested.results",
|
|
913
912
|
id: linkSearchListId,
|
|
914
913
|
role: "listbox",
|
|
@@ -17,7 +17,6 @@ var _spinner = _interopRequireDefault(require("@atlaskit/spinner"));
|
|
|
17
17
|
var _colors = require("@atlaskit/theme/colors");
|
|
18
18
|
var _LinkSearchListItem = _interopRequireDefault(require("./LinkSearchListItem"));
|
|
19
19
|
var _templateObject, _templateObject2, _templateObject3;
|
|
20
|
-
/** @jsx jsx */
|
|
21
20
|
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); }; }
|
|
22
21
|
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; } }
|
|
23
22
|
var listContainer = (0, _react2.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n padding-top: 0;\n margin-top: ", ";\n border-top: 1px solid ", ";\n"])), "var(--ds-space-150, 12px)", "var(--ds-border, ".concat(_colors.N30, ")"));
|
|
@@ -47,13 +46,13 @@ var LinkSearchList = exports.default = /*#__PURE__*/function (_PureComponent) {
|
|
|
47
46
|
var itemsContent;
|
|
48
47
|
var loadingContent;
|
|
49
48
|
if (items && items.length > 0) {
|
|
50
|
-
itemsContent =
|
|
49
|
+
itemsContent = /*#__PURE__*/React.createElement("ul", {
|
|
51
50
|
css: linkSearchList,
|
|
52
51
|
id: id,
|
|
53
52
|
role: role,
|
|
54
53
|
"aria-controls": ariaControls
|
|
55
54
|
}, items.map(function (item, index) {
|
|
56
|
-
return
|
|
55
|
+
return /*#__PURE__*/React.createElement(_LinkSearchListItem.default, {
|
|
57
56
|
id: "link-search-list-item-".concat(index),
|
|
58
57
|
role: role && 'option',
|
|
59
58
|
item: item,
|
|
@@ -67,14 +66,14 @@ var LinkSearchList = exports.default = /*#__PURE__*/function (_PureComponent) {
|
|
|
67
66
|
}));
|
|
68
67
|
}
|
|
69
68
|
if (isLoading) {
|
|
70
|
-
loadingContent =
|
|
69
|
+
loadingContent = /*#__PURE__*/React.createElement("div", {
|
|
71
70
|
"data-testid": "".concat(id, "-loading"),
|
|
72
71
|
css: spinnerContainer
|
|
73
|
-
},
|
|
72
|
+
}, /*#__PURE__*/React.createElement(_spinner.default, {
|
|
74
73
|
size: "medium"
|
|
75
74
|
}));
|
|
76
75
|
}
|
|
77
|
-
return
|
|
76
|
+
return /*#__PURE__*/React.createElement("div", {
|
|
78
77
|
css: listContainer
|
|
79
78
|
}, itemsContent, loadingContent);
|
|
80
79
|
}
|
|
@@ -22,9 +22,7 @@ var _colors = require("@atlaskit/theme/colors");
|
|
|
22
22
|
var _constants = require("@atlaskit/theme/constants");
|
|
23
23
|
var _listItemAlts = require("./listItemAlts");
|
|
24
24
|
var _transformTimeStamp = require("./transformTimeStamp");
|
|
25
|
-
var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6;
|
|
26
|
-
/** @jsx jsx */
|
|
27
|
-
// AFP-2532 TODO: Fix automatic suppressions below
|
|
25
|
+
var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6; // AFP-2532 TODO: Fix automatic suppressions below
|
|
28
26
|
// eslint-disable-next-line @atlassian/tangerine/import/entry-points
|
|
29
27
|
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); }
|
|
30
28
|
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; }
|
|
@@ -82,14 +80,14 @@ var LinkSearchListItem = /*#__PURE__*/function (_React$PureComponent) {
|
|
|
82
80
|
iconUrl = _this$props5$item.iconUrl,
|
|
83
81
|
intl = _this$props5.intl;
|
|
84
82
|
if (icon) {
|
|
85
|
-
return
|
|
83
|
+
return /*#__PURE__*/_react.default.createElement("span", {
|
|
86
84
|
css: iconStyle
|
|
87
85
|
}, icon);
|
|
88
86
|
}
|
|
89
87
|
if (iconUrl) {
|
|
90
|
-
return
|
|
88
|
+
return /*#__PURE__*/_react.default.createElement("span", {
|
|
91
89
|
css: iconStyle
|
|
92
|
-
},
|
|
90
|
+
}, /*#__PURE__*/_react.default.createElement("img", {
|
|
93
91
|
src: iconUrl,
|
|
94
92
|
alt: (0, _listItemAlts.getCorrectAltByIconUrl)(iconUrl, intl)
|
|
95
93
|
}));
|
|
@@ -103,7 +101,7 @@ var LinkSearchListItem = /*#__PURE__*/function (_React$PureComponent) {
|
|
|
103
101
|
item = _this$props6.item,
|
|
104
102
|
intl = _this$props6.intl;
|
|
105
103
|
var date = (0, _transformTimeStamp.transformTimeStamp)(intl, item.lastViewedDate, item.lastUpdatedDate);
|
|
106
|
-
return date &&
|
|
104
|
+
return date && /*#__PURE__*/_react.default.createElement(_react.Fragment, null, "\xA0 \u2022", /*#__PURE__*/_react.default.createElement("span", {
|
|
107
105
|
className: "link-search-timestamp",
|
|
108
106
|
"data-test-id": "link-search-timestamp"
|
|
109
107
|
}, "\xA0 ", date.pageAction, " ", date.dateString, " ", date.timeSince || ''));
|
|
@@ -116,7 +114,7 @@ var LinkSearchListItem = /*#__PURE__*/function (_React$PureComponent) {
|
|
|
116
114
|
selected = _this$props7.selected,
|
|
117
115
|
id = _this$props7.id,
|
|
118
116
|
role = _this$props7.role;
|
|
119
|
-
return
|
|
117
|
+
return /*#__PURE__*/_react.default.createElement("li", {
|
|
120
118
|
css: [container, selected && containerSelected],
|
|
121
119
|
role: role,
|
|
122
120
|
id: id,
|
|
@@ -126,11 +124,11 @@ var LinkSearchListItem = /*#__PURE__*/function (_React$PureComponent) {
|
|
|
126
124
|
onMouseEnter: this.handleMouseEnter,
|
|
127
125
|
onMouseLeave: this.handleMouseLeave,
|
|
128
126
|
onClick: this.handleSelect
|
|
129
|
-
}, this.renderIcon(),
|
|
127
|
+
}, this.renderIcon(), /*#__PURE__*/_react.default.createElement("span", {
|
|
130
128
|
css: nameWrapper
|
|
131
|
-
},
|
|
129
|
+
}, /*#__PURE__*/_react.default.createElement("div", {
|
|
132
130
|
css: nameStyle
|
|
133
|
-
}, item.name),
|
|
131
|
+
}, item.name), /*#__PURE__*/_react.default.createElement("div", {
|
|
134
132
|
"data-testid": "link-search-list-item-container",
|
|
135
133
|
css: containerName
|
|
136
134
|
}, item.container, this.renderTimeStamp())));
|
|
@@ -5,14 +5,12 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
5
5
|
});
|
|
6
6
|
exports.InlineImageWrapper = void 0;
|
|
7
7
|
var _react = require("@emotion/react");
|
|
8
|
-
/** @jsx jsx */
|
|
9
|
-
|
|
10
8
|
var wrapperStyle = (0, _react.css)({
|
|
11
9
|
display: 'inline-block'
|
|
12
10
|
});
|
|
13
11
|
var InlineImageWrapper = exports.InlineImageWrapper = function InlineImageWrapper(_ref) {
|
|
14
12
|
var children = _ref.children;
|
|
15
|
-
return
|
|
13
|
+
return /*#__PURE__*/React.createElement("div", {
|
|
16
14
|
css: wrapperStyle
|
|
17
15
|
}, children);
|
|
18
16
|
};
|
|
@@ -7,8 +7,6 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
7
7
|
exports.MediaInlineImageCard = void 0;
|
|
8
8
|
var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
|
|
9
9
|
var _react = require("react");
|
|
10
|
-
/** @jsx jsx */
|
|
11
|
-
|
|
12
10
|
var MediaInlineImageCard = exports.MediaInlineImageCard = function MediaInlineImageCard(_ref) {
|
|
13
11
|
var mediaClient = _ref.mediaClient,
|
|
14
12
|
identifier = _ref.identifier;
|
|
@@ -16,7 +16,7 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
|
|
|
16
16
|
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; }
|
|
17
17
|
var SENTRY_DSN = 'https://0b10c8e02fb44d8796c047b102c9bee8@o55978.ingest.sentry.io/4505129224110080';
|
|
18
18
|
var packageName = 'editor-common'; // Sentry doesn't accept '/' in its releases https://docs.sentry.io/platforms/javascript/configuration/releases/
|
|
19
|
-
var packageVersion = "76.24.
|
|
19
|
+
var packageVersion = "76.24.4";
|
|
20
20
|
var sanitiseSentryEvents = function sanitiseSentryEvents(data, _hint) {
|
|
21
21
|
// Remove URL as it has UGC
|
|
22
22
|
// TODO: Sanitise the URL instead of just removing it
|
|
@@ -8,12 +8,9 @@ exports.getInlineNodeViewProducer = getInlineNodeViewProducer;
|
|
|
8
8
|
exports.inlineNodeViewClassname = void 0;
|
|
9
9
|
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
|
10
10
|
var _react = _interopRequireDefault(require("react"));
|
|
11
|
-
var _react2 = require("@emotion/react");
|
|
12
11
|
var _analytics = require("../analytics");
|
|
13
12
|
var _ErrorBoundary = require("../ui/ErrorBoundary");
|
|
14
13
|
var _utils = require("../utils");
|
|
15
|
-
/** @jsx jsx */
|
|
16
|
-
|
|
17
14
|
var inlineNodeViewClassname = exports.inlineNodeViewClassname = 'inlineNodeView';
|
|
18
15
|
function createNodeView(_ref) {
|
|
19
16
|
var nodeViewParams = _ref.nodeViewParams,
|
|
@@ -166,21 +163,21 @@ function getPortalChildren(_ref2) {
|
|
|
166
163
|
// refactor. A test suite to catch any instances of this is ideal however
|
|
167
164
|
// the refactor required is currently out of scope for https://product-fabric.atlassian.net/browse/ED-14176
|
|
168
165
|
|
|
169
|
-
return
|
|
166
|
+
return /*#__PURE__*/_react.default.createElement(_ErrorBoundary.ErrorBoundary, {
|
|
170
167
|
component: _analytics.ACTION_SUBJECT.REACT_NODE_VIEW,
|
|
171
168
|
componentId: (_currentNode$type$nam = currentNode === null || currentNode === void 0 || (_currentNode$type = currentNode.type) === null || _currentNode$type === void 0 ? void 0 : _currentNode$type.name) !== null && _currentNode$type$nam !== void 0 ? _currentNode$type$nam : _analytics.ACTION_SUBJECT_ID.UNKNOWN_NODE,
|
|
172
169
|
dispatchAnalyticsEvent: dispatchAnalyticsEvent
|
|
173
|
-
},
|
|
170
|
+
}, /*#__PURE__*/_react.default.createElement("span", {
|
|
174
171
|
className: "zeroWidthSpaceContainer"
|
|
175
|
-
},
|
|
172
|
+
}, /*#__PURE__*/_react.default.createElement("span", {
|
|
176
173
|
className: "".concat(inlineNodeViewClassname, "AddZeroWidthSpace")
|
|
177
|
-
}), _utils.ZERO_WIDTH_SPACE),
|
|
174
|
+
}), _utils.ZERO_WIDTH_SPACE), /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({
|
|
178
175
|
view: nodeViewParams.view
|
|
179
176
|
// TODO: ED-13910 - Remove the boolean to fix the prosemirror view type
|
|
180
177
|
,
|
|
181
178
|
getPos: nodeViewParams.getPos,
|
|
182
179
|
node: currentNode
|
|
183
|
-
}, extraComponentProps)),
|
|
180
|
+
}, extraComponentProps)), /*#__PURE__*/_react.default.createElement("span", {
|
|
184
181
|
className: "".concat(inlineNodeViewClassname, "AddZeroWidthSpace")
|
|
185
182
|
}));
|
|
186
183
|
};
|
|
@@ -18,7 +18,6 @@ var _reactIntlNext = require("react-intl-next");
|
|
|
18
18
|
var _colors = require("@atlaskit/theme/colors");
|
|
19
19
|
var _messages = require("./messages");
|
|
20
20
|
var _templateObject, _templateObject2;
|
|
21
|
-
/** @jsx jsx */
|
|
22
21
|
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); }; }
|
|
23
22
|
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; } }
|
|
24
23
|
var captionWrapperStyle = (0, _react2.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n margin-top: 8px;\n text-align: center;\n position: relative;\n color: ", ";\n"])), "var(--ds-text-subtle, ".concat(_colors.N400, ")"));
|
|
@@ -40,12 +39,12 @@ var CaptionComponent = exports.CaptionComponent = /*#__PURE__*/function (_React$
|
|
|
40
39
|
dataAttributes = _this$props.dataAttributes,
|
|
41
40
|
formatMessage = _this$props.intl.formatMessage;
|
|
42
41
|
var showPlaceholder = !selected && !hasContent;
|
|
43
|
-
return
|
|
42
|
+
return /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({
|
|
44
43
|
"data-media-caption": true,
|
|
45
44
|
"data-testid": "media-caption"
|
|
46
45
|
}, dataAttributes, {
|
|
47
46
|
css: captionWrapperStyle
|
|
48
|
-
}), showPlaceholder ?
|
|
47
|
+
}), showPlaceholder ? /*#__PURE__*/_react.default.createElement("p", {
|
|
49
48
|
css: placeholderStyle
|
|
50
49
|
}, formatMessage(_messages.messages.placeholder)) : null, children);
|
|
51
50
|
}
|
|
@@ -22,9 +22,9 @@ var _constants = require("@atlaskit/theme/constants");
|
|
|
22
22
|
var _Layer = _interopRequireDefault(require("../Layer"));
|
|
23
23
|
var _templateObject, _templateObject2, _templateObject3;
|
|
24
24
|
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); }; }
|
|
25
|
-
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
|
+
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; } }
|
|
26
26
|
var packageName = "@atlaskit/editor-common";
|
|
27
|
-
var packageVersion = "76.24.
|
|
27
|
+
var packageVersion = "76.24.4";
|
|
28
28
|
var halfFocusRing = 1;
|
|
29
29
|
var dropOffset = '0, 8';
|
|
30
30
|
var DropList = /*#__PURE__*/function (_Component) {
|
|
@@ -132,7 +132,7 @@ var DropList = /*#__PURE__*/function (_Component) {
|
|
|
132
132
|
onPositioned = _this$props.onPositioned,
|
|
133
133
|
testId = _this$props.testId,
|
|
134
134
|
id = _this$props.id;
|
|
135
|
-
var layerContent = isOpen ?
|
|
135
|
+
var layerContent = isOpen ? /*#__PURE__*/React.createElement("div", {
|
|
136
136
|
css: function css(theme) {
|
|
137
137
|
return _this2.menuWrapper({
|
|
138
138
|
theme: theme
|
|
@@ -144,14 +144,14 @@ var DropList = /*#__PURE__*/function (_Component) {
|
|
|
144
144
|
id: id,
|
|
145
145
|
role: "presentation"
|
|
146
146
|
}, children) : null;
|
|
147
|
-
return
|
|
147
|
+
return /*#__PURE__*/React.createElement("div", {
|
|
148
148
|
css: this.wrapperStyles
|
|
149
|
-
},
|
|
149
|
+
}, /*#__PURE__*/React.createElement(_Layer.default, {
|
|
150
150
|
content: layerContent,
|
|
151
151
|
offset: dropOffset,
|
|
152
152
|
position: position,
|
|
153
153
|
onPositioned: onPositioned
|
|
154
|
-
},
|
|
154
|
+
}, /*#__PURE__*/React.createElement("div", {
|
|
155
155
|
css: this.triggerStyles,
|
|
156
156
|
ref: this.handleTriggerRef
|
|
157
157
|
}, trigger)));
|
|
@@ -17,9 +17,7 @@ var _colors = require("@atlaskit/theme/colors");
|
|
|
17
17
|
var _components = require("@atlaskit/theme/components");
|
|
18
18
|
var _constants = require("@atlaskit/theme/constants");
|
|
19
19
|
var _excluded = ["children"];
|
|
20
|
-
var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7;
|
|
21
|
-
/** @jsx jsx */
|
|
22
|
-
// eslint-disable-next-line @atlaskit/design-system/no-deprecated-imports
|
|
20
|
+
var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7; // eslint-disable-next-line @atlaskit/design-system/no-deprecated-imports
|
|
23
21
|
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); }
|
|
24
22
|
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; }
|
|
25
23
|
var messages = exports.messages = (0, _reactIntlNext.defineMessages)({
|
|
@@ -59,7 +57,7 @@ var EXPAND_EXPANDED_BORDER_COLOR = (0, _components.themed)({
|
|
|
59
57
|
var ExpandIconWrapper = exports.ExpandIconWrapper = function ExpandIconWrapper(_ref) {
|
|
60
58
|
var children = _ref.children,
|
|
61
59
|
expanded = _ref.expanded;
|
|
62
|
-
return
|
|
60
|
+
return /*#__PURE__*/_react.default.createElement("div", {
|
|
63
61
|
css: function css(props) {
|
|
64
62
|
return expanded ? [expandIconWrapperStyle(props), expandIconWrapperExpandedStyle] : expandIconWrapperStyle(props);
|
|
65
63
|
}
|
|
@@ -76,7 +74,7 @@ var expandLayoutWrapperStyle = exports.expandLayoutWrapperStyle = (0, _react2.cs
|
|
|
76
74
|
var ExpandLayoutWrapperWithRef = exports.ExpandLayoutWrapperWithRef = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
|
|
77
75
|
var children = props.children,
|
|
78
76
|
rest = (0, _objectWithoutProperties2.default)(props, _excluded);
|
|
79
|
-
return
|
|
77
|
+
return /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({
|
|
80
78
|
css: expandLayoutWrapperStyle
|
|
81
79
|
}, rest, {
|
|
82
80
|
ref: ref
|
|
@@ -9,10 +9,9 @@ var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/hel
|
|
|
9
9
|
var _react = require("@emotion/react");
|
|
10
10
|
var _colors = require("@atlaskit/theme/colors");
|
|
11
11
|
var _templateObject;
|
|
12
|
-
/** @jsx jsx */
|
|
13
12
|
var separator = (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n background: ", ";\n width: 1px;\n height: 20px;\n margin: 0 ", ";\n align-self: center;\n"])), "var(--ds-border, ".concat(_colors.N30, ")"), "var(--ds-space-050, 4px)");
|
|
14
13
|
var _default = exports.default = function _default() {
|
|
15
|
-
return
|
|
14
|
+
return /*#__PURE__*/React.createElement("div", {
|
|
16
15
|
css: separator,
|
|
17
16
|
className: "separator"
|
|
18
17
|
});
|
|
@@ -9,14 +9,13 @@ var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/hel
|
|
|
9
9
|
var _react = require("@emotion/react");
|
|
10
10
|
var _edit = _interopRequireDefault(require("@atlaskit/icon/glyph/edit"));
|
|
11
11
|
var _templateObject;
|
|
12
|
-
/** @jsx jsx */
|
|
13
12
|
var editIconStyles = (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n width: 20px;\n"])));
|
|
14
13
|
|
|
15
14
|
/* eslint-disable @atlaskit/design-system/consistent-css-prop-usage */
|
|
16
15
|
var SmallerEditIcon = exports.SmallerEditIcon = function SmallerEditIcon() {
|
|
17
|
-
return
|
|
16
|
+
return /*#__PURE__*/React.createElement("div", {
|
|
18
17
|
css: editIconStyles
|
|
19
|
-
},
|
|
18
|
+
}, /*#__PURE__*/React.createElement(_edit.default, {
|
|
20
19
|
label: "edit"
|
|
21
20
|
}));
|
|
22
21
|
};
|
|
@@ -7,15 +7,12 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
7
7
|
exports.default = MediaSingle;
|
|
8
8
|
var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
|
|
9
9
|
var _react = _interopRequireDefault(require("react"));
|
|
10
|
-
var _react2 = require("@emotion/react");
|
|
11
10
|
var _classnames = _interopRequireDefault(require("classnames"));
|
|
12
11
|
var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
|
|
13
12
|
var _constants = require("../../media-single/constants");
|
|
14
13
|
var _utils = require("../../media-single/utils");
|
|
15
14
|
var _richMediaUtils = require("../../utils/rich-media-utils");
|
|
16
15
|
var _styled = require("./styled");
|
|
17
|
-
/** @jsx jsx */
|
|
18
|
-
|
|
19
16
|
function MediaSingle(_ref) {
|
|
20
17
|
var layout = _ref.layout,
|
|
21
18
|
width = _ref.width,
|
|
@@ -85,7 +82,7 @@ function MediaSingle(_ref) {
|
|
|
85
82
|
var _children = (0, _slicedToArray2.default)(children, 2),
|
|
86
83
|
media = _children[0],
|
|
87
84
|
caption = _children[1];
|
|
88
|
-
return
|
|
85
|
+
return /*#__PURE__*/_react.default.createElement("div", {
|
|
89
86
|
ref: handleMediaSingleRef,
|
|
90
87
|
css: (0, _styled.MediaSingleDimensionHelper)({
|
|
91
88
|
width: width,
|
|
@@ -103,7 +100,7 @@ function MediaSingle(_ref) {
|
|
|
103
100
|
'is-loading': isLoading,
|
|
104
101
|
'rich-media-wrapped': layout === 'wrap-left' || layout === 'wrap-right'
|
|
105
102
|
})
|
|
106
|
-
},
|
|
103
|
+
}, /*#__PURE__*/_react.default.createElement(_styled.MediaWrapper, {
|
|
107
104
|
hasFallbackContainer: hasFallbackContainer,
|
|
108
105
|
height: mediaWrapperHeight,
|
|
109
106
|
paddingBottom: paddingBottom
|
|
@@ -17,7 +17,6 @@ var _utils = require("../../utils");
|
|
|
17
17
|
var _breakout = require("../../utils/breakout");
|
|
18
18
|
var _excluded = ["children"];
|
|
19
19
|
var _templateObject, _templateObject2, _templateObject3, _templateObject4;
|
|
20
|
-
/** @jsx jsx */
|
|
21
20
|
function float(layout) {
|
|
22
21
|
switch (layout) {
|
|
23
22
|
case 'wrap-right':
|
|
@@ -141,7 +140,7 @@ var mediaWrapperStyle = exports.mediaWrapperStyle = function mediaWrapperStyle(p
|
|
|
141
140
|
var MediaWrapper = exports.MediaWrapper = function MediaWrapper(_ref3) {
|
|
142
141
|
var children = _ref3.children,
|
|
143
142
|
rest = (0, _objectWithoutProperties2.default)(_ref3, _excluded);
|
|
144
|
-
return
|
|
143
|
+
return /*#__PURE__*/_react.default.createElement("div", {
|
|
145
144
|
css: mediaWrapperStyle(rest)
|
|
146
145
|
}, children);
|
|
147
146
|
};
|
|
@@ -156,7 +155,7 @@ MediaWrapper.displayName = 'WrapperMediaSingle';
|
|
|
156
155
|
|
|
157
156
|
var MediaBorderGapFiller = exports.MediaBorderGapFiller = function MediaBorderGapFiller(_ref4) {
|
|
158
157
|
var borderColor = _ref4.borderColor;
|
|
159
|
-
return
|
|
158
|
+
return /*#__PURE__*/_react.default.createElement("div", {
|
|
160
159
|
style: {
|
|
161
160
|
position: 'absolute',
|
|
162
161
|
inset: '0px',
|
|
@@ -12,7 +12,6 @@ var _error = _interopRequireDefault(require("@atlaskit/icon/glyph/error"));
|
|
|
12
12
|
var _colors = require("@atlaskit/theme/colors");
|
|
13
13
|
var _typography = require("@atlaskit/theme/typography");
|
|
14
14
|
var _templateObject, _templateObject2, _templateObject3, _templateObject4;
|
|
15
|
-
/** @jsx jsx */
|
|
16
15
|
var errorColor = (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n color: ", ";\n"])), "var(--ds-text-danger, ".concat(_colors.R400, ")"));
|
|
17
16
|
var validColor = (0, _react.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n color: ", ";\n"])), "var(--ds-text-success, ".concat(_colors.G400, ")"));
|
|
18
17
|
var messageStyle = function messageStyle(props) {
|
|
@@ -21,19 +20,19 @@ var messageStyle = function messageStyle(props) {
|
|
|
21
20
|
var iconWrapperStyle = (0, _react.css)(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n margin-right: ", ";\n"])), "var(--ds-space-050, 4px)");
|
|
22
21
|
var HelperMessage = exports.HelperMessage = function HelperMessage(_ref) {
|
|
23
22
|
var children = _ref.children;
|
|
24
|
-
return
|
|
23
|
+
return /*#__PURE__*/React.createElement("div", {
|
|
25
24
|
css: messageStyle
|
|
26
25
|
}, children);
|
|
27
26
|
};
|
|
28
27
|
var ErrorMessage = exports.ErrorMessage = function ErrorMessage(_ref2) {
|
|
29
28
|
var children = _ref2.children;
|
|
30
|
-
return
|
|
29
|
+
return /*#__PURE__*/React.createElement("div", {
|
|
31
30
|
css: function css(theme) {
|
|
32
31
|
return [messageStyle(theme), errorColor];
|
|
33
32
|
}
|
|
34
|
-
},
|
|
33
|
+
}, /*#__PURE__*/React.createElement("span", {
|
|
35
34
|
css: iconWrapperStyle
|
|
36
|
-
},
|
|
35
|
+
}, /*#__PURE__*/React.createElement(_error.default, {
|
|
37
36
|
size: "small",
|
|
38
37
|
label: "error",
|
|
39
38
|
"aria-label": "error"
|
|
@@ -41,13 +40,13 @@ var ErrorMessage = exports.ErrorMessage = function ErrorMessage(_ref2) {
|
|
|
41
40
|
};
|
|
42
41
|
var ValidMessage = exports.ValidMessage = function ValidMessage(_ref3) {
|
|
43
42
|
var children = _ref3.children;
|
|
44
|
-
return
|
|
43
|
+
return /*#__PURE__*/React.createElement("div", {
|
|
45
44
|
css: function css(theme) {
|
|
46
45
|
return [messageStyle(theme), validColor];
|
|
47
46
|
}
|
|
48
|
-
},
|
|
47
|
+
}, /*#__PURE__*/React.createElement("span", {
|
|
49
48
|
css: iconWrapperStyle
|
|
50
|
-
},
|
|
49
|
+
}, /*#__PURE__*/React.createElement(_success.default, {
|
|
51
50
|
size: "small",
|
|
52
51
|
label: "success"
|
|
53
52
|
})), children);
|
|
@@ -14,11 +14,10 @@ var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime
|
|
|
14
14
|
var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
|
|
15
15
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
16
16
|
var _react = require("react");
|
|
17
|
-
var _react2 = require("@emotion/react");
|
|
18
17
|
var _utils = require("../../utils");
|
|
19
18
|
var _styles = require("./styles");
|
|
20
19
|
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); }; }
|
|
21
|
-
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; } }
|
|
20
|
+
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; } }
|
|
22
21
|
var KeyZCode = 90;
|
|
23
22
|
var KeyYCode = 89;
|
|
24
23
|
var PanelTextInput = exports.default = /*#__PURE__*/function (_PureComponent) {
|
|
@@ -123,7 +122,7 @@ var PanelTextInput = exports.default = /*#__PURE__*/function (_PureComponent) {
|
|
|
123
122
|
role = _this$props2.role,
|
|
124
123
|
inputId = _this$props2.inputId;
|
|
125
124
|
var value = this.state.value;
|
|
126
|
-
return
|
|
125
|
+
return /*#__PURE__*/React.createElement("input", {
|
|
127
126
|
css: [_styles.panelTextInput, width !== undefined && (0, _styles.panelTextInputWithCustomWidth)(width)],
|
|
128
127
|
role: role,
|
|
129
128
|
"aria-autocomplete": ariaAutoComplete ? 'list' : undefined,
|
|
@@ -20,7 +20,6 @@ var _unsupportedContent = require("../../messages/unsupportedContent");
|
|
|
20
20
|
var _trackUnsupportedContent = require("../../utils/track-unsupported-content");
|
|
21
21
|
var _unsupportedContentHelper = require("../unsupported-content-helper");
|
|
22
22
|
var _templateObject;
|
|
23
|
-
/** @jsx jsx */
|
|
24
23
|
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); }
|
|
25
24
|
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; }
|
|
26
25
|
var blockNodeStyle = (0, _react2.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n background: ", ";\n border: 1px dashed ", ";\n border-radius: ", "px;\n box-sizing: border-box;\n cursor: default;\n display: flex;\n font-size: ", ";\n margin: 10px 0;\n min-height: 24px;\n padding: 10px;\n text-align: center;\n vertical-align: text-bottom;\n min-width: 120px;\n align-items: center;\n justify-content: center;\n"])), "var(--ds-background-disabled, ".concat(_colors.N30, ")"), "var(--ds-border-disabled, ".concat(_colors.N50, ")"), (0, _constants.borderRadius)(), (0, _editorSharedStyles.relativeFontSizeToBase16)((0, _constants.fontSize)()));
|
|
@@ -38,18 +37,18 @@ var UnsupportedBlockNode = function UnsupportedBlockNode(_ref) {
|
|
|
38
37
|
var tooltipOnShowHandler = (0, _react.useCallback)(function () {
|
|
39
38
|
return dispatchAnalyticsEvent && (0, _trackUnsupportedContent.trackUnsupportedContentTooltipDisplayedFor)(dispatchAnalyticsEvent, _analytics.ACTION_SUBJECT_ID.ON_UNSUPPORTED_BLOCK, originalNodeType);
|
|
40
39
|
}, [dispatchAnalyticsEvent, originalNodeType]);
|
|
41
|
-
return
|
|
40
|
+
return /*#__PURE__*/_react.default.createElement("div", {
|
|
42
41
|
css: blockNodeStyle,
|
|
43
42
|
className: "unsupported"
|
|
44
|
-
}, message,
|
|
43
|
+
}, message, /*#__PURE__*/_react.default.createElement(_tooltip.default, {
|
|
45
44
|
content: tooltipContent,
|
|
46
45
|
hideTooltipOnClick: false,
|
|
47
46
|
position: "bottom",
|
|
48
47
|
onShow: tooltipOnShowHandler,
|
|
49
48
|
strategy: "absolute"
|
|
50
|
-
},
|
|
49
|
+
}, /*#__PURE__*/_react.default.createElement("span", {
|
|
51
50
|
style: style
|
|
52
|
-
},
|
|
51
|
+
}, /*#__PURE__*/_react.default.createElement(_questionCircle.default, {
|
|
53
52
|
label: "?",
|
|
54
53
|
size: "small"
|
|
55
54
|
}))));
|