@atlaskit/editor-common 76.24.3 → 76.24.5
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 +14 -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/dist/types/extensions/types/field-definitions.d.ts +2 -2
- package/dist/types-ts4.5/extensions/types/field-definitions.d.ts +2 -2
- package/package.json +3 -3
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,19 @@
|
|
|
1
1
|
# @atlaskit/editor-common
|
|
2
2
|
|
|
3
|
+
## 76.24.5
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- [#58316](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/58316) [`eb496c9a3474`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/eb496c9a3474) - Bug fixes for configuraton panel boolean & enum fields
|
|
8
|
+
- [#58763](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/58763) [`0fdbd64522bf`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/0fdbd64522bf) - update ADF schema
|
|
9
|
+
- Updated dependencies
|
|
10
|
+
|
|
11
|
+
## 76.24.4
|
|
12
|
+
|
|
13
|
+
### Patch Changes
|
|
14
|
+
|
|
15
|
+
- [#58075](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/58075) [`236ea45c6d27`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/236ea45c6d27) - Fix with outer listerens event handlers ordering to work with React 18
|
|
16
|
+
|
|
3
17
|
## 76.24.3
|
|
4
18
|
|
|
5
19
|
### Patch Changes
|
|
@@ -13,7 +13,6 @@ var _button = require("@atlaskit/button");
|
|
|
13
13
|
var _ui = require("../ui");
|
|
14
14
|
var _excluded = ["disabled"];
|
|
15
15
|
var _templateObject, _templateObject2, _templateObject3, _templateObject4;
|
|
16
|
-
/** @jsx jsx */
|
|
17
16
|
/**
|
|
18
17
|
* Applying `pointer-events: none;` when disabled allows the Tooltip to be displayed
|
|
19
18
|
*/
|
|
@@ -22,7 +21,7 @@ var buttonStyleNoneEvent = (0, _react2.css)(_templateObject2 || (_templateObject
|
|
|
22
21
|
var DisallowedWrapper = function DisallowedWrapper(_ref) {
|
|
23
22
|
var disabled = _ref.disabled,
|
|
24
23
|
props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
|
|
25
|
-
return
|
|
24
|
+
return /*#__PURE__*/_react.default.createElement("div", props);
|
|
26
25
|
};
|
|
27
26
|
|
|
28
27
|
/**
|
|
@@ -33,7 +32,7 @@ var defaultWrapperStyle = (0, _react2.css)(_templateObject3 || (_templateObject3
|
|
|
33
32
|
var disallowedWrapperStyle = (0, _react2.css)(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["\n cursor: not-allowed;\n"])));
|
|
34
33
|
var LinkToolbarButtonGroup = exports.LinkToolbarButtonGroup = function LinkToolbarButtonGroup(_ref2) {
|
|
35
34
|
var options = _ref2.options;
|
|
36
|
-
return
|
|
35
|
+
return /*#__PURE__*/_react.default.createElement(_button.ButtonGroup, null, options.map(function (_ref3) {
|
|
37
36
|
var onClick = _ref3.onClick,
|
|
38
37
|
selected = _ref3.selected,
|
|
39
38
|
disabled = _ref3.disabled,
|
|
@@ -41,14 +40,14 @@ var LinkToolbarButtonGroup = exports.LinkToolbarButtonGroup = function LinkToolb
|
|
|
41
40
|
tooltipContent = _ref3.tooltipContent,
|
|
42
41
|
title = _ref3.title,
|
|
43
42
|
Icon = _ref3.icon;
|
|
44
|
-
return
|
|
43
|
+
return /*#__PURE__*/_react.default.createElement(DisallowedWrapper, {
|
|
45
44
|
css: disabled ? disallowedWrapperStyle : defaultWrapperStyle,
|
|
46
45
|
key: testId,
|
|
47
46
|
disabled: disabled
|
|
48
|
-
},
|
|
47
|
+
}, /*#__PURE__*/_react.default.createElement(_ui.FloatingToolbarButton, {
|
|
49
48
|
css: disabled ? buttonStyleNoneEvent : buttonStyle,
|
|
50
49
|
title: title,
|
|
51
|
-
icon:
|
|
50
|
+
icon: /*#__PURE__*/_react.default.createElement(Icon, {
|
|
52
51
|
size: "medium",
|
|
53
52
|
label: title
|
|
54
53
|
}),
|
|
@@ -10,7 +10,6 @@ var _react = require("react");
|
|
|
10
10
|
var _react2 = require("@emotion/react");
|
|
11
11
|
var _menu = require("@atlaskit/menu");
|
|
12
12
|
var _templateObject, _templateObject2;
|
|
13
|
-
/** @jsx jsx */
|
|
14
13
|
var itemBefore = (0, _react2.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n width: 40px;\n height: 40px;\n box-sizing: border-box;\n display: flex;\n justify-content: center;\n align-items: center;\n margin-right: ", ";\n"])), "var(--ds-space-050, 4px)");
|
|
15
14
|
var ViewMore = exports.ViewMore = function ViewMore(_ref) {
|
|
16
15
|
var item = _ref.item,
|
|
@@ -21,11 +20,11 @@ var ViewMore = exports.ViewMore = function ViewMore(_ref) {
|
|
|
21
20
|
ref.current.focus();
|
|
22
21
|
}
|
|
23
22
|
}, [focus]);
|
|
24
|
-
return
|
|
23
|
+
return /*#__PURE__*/React.createElement(_menu.Section, {
|
|
25
24
|
hasSeparator: true
|
|
26
|
-
},
|
|
25
|
+
}, /*#__PURE__*/React.createElement(_menu.ButtonItem, {
|
|
27
26
|
onClick: item.action,
|
|
28
|
-
iconBefore:
|
|
27
|
+
iconBefore: /*#__PURE__*/React.createElement("div", {
|
|
29
28
|
css: itemBefore
|
|
30
29
|
}, item.icon()),
|
|
31
30
|
"aria-describedby": item.title,
|
|
@@ -22,7 +22,6 @@ var _useFocus = _interopRequireDefault(require("../hooks/use-focus"));
|
|
|
22
22
|
var _templateObject;
|
|
23
23
|
var _excluded = ["categories"],
|
|
24
24
|
_excluded2 = ["buttonStyles"];
|
|
25
|
-
/** @jsx jsx */
|
|
26
25
|
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); }
|
|
27
26
|
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; }
|
|
28
27
|
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
@@ -35,8 +34,8 @@ function CategoryList(_ref) {
|
|
|
35
34
|
_React$useState2 = (0, _slicedToArray2.default)(_React$useState, 2),
|
|
36
35
|
focusedCategoryIndex = _React$useState2[0],
|
|
37
36
|
setFocusedCategoryIndex = _React$useState2[1];
|
|
38
|
-
return
|
|
39
|
-
return
|
|
37
|
+
return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, categories.map(function (category, index) {
|
|
38
|
+
return /*#__PURE__*/_react.default.createElement(CategoryListItem, (0, _extends2.default)({
|
|
40
39
|
key: category.title,
|
|
41
40
|
index: index,
|
|
42
41
|
category: category,
|
|
@@ -95,9 +94,9 @@ function CategoryListItem(_ref2) {
|
|
|
95
94
|
})
|
|
96
95
|
}, rest);
|
|
97
96
|
}, [category.name, selectedCategory]);
|
|
98
|
-
return
|
|
97
|
+
return /*#__PURE__*/_react.default.createElement("div", {
|
|
99
98
|
css: buttonWrapper
|
|
100
|
-
},
|
|
99
|
+
}, /*#__PURE__*/_react.default.createElement(_customThemeButton.default, {
|
|
101
100
|
appearance: "subtle",
|
|
102
101
|
isSelected: selectedCategory === category.name,
|
|
103
102
|
onClick: onClick,
|
|
@@ -12,7 +12,6 @@ var _react2 = require("@emotion/react");
|
|
|
12
12
|
var _reactLoadable = _interopRequireDefault(require("react-loadable"));
|
|
13
13
|
var _spinner = _interopRequireDefault(require("@atlaskit/spinner"));
|
|
14
14
|
var _templateObject;
|
|
15
|
-
/** @jsx jsx */
|
|
16
15
|
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); }
|
|
17
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; }
|
|
18
17
|
var spinnerContainer = (0, _react2.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n align-items: center;\n justify-content: center;\n height: 100%;\n width: 100%;\n"])));
|
|
@@ -25,9 +24,9 @@ var ElementBrowserLoader = (0, _reactLoadable.default)({
|
|
|
25
24
|
});
|
|
26
25
|
},
|
|
27
26
|
loading: function loading() {
|
|
28
|
-
return
|
|
27
|
+
return /*#__PURE__*/_react.default.createElement("div", {
|
|
29
28
|
css: spinnerContainer
|
|
30
|
-
},
|
|
29
|
+
}, /*#__PURE__*/_react.default.createElement(_spinner.default, {
|
|
31
30
|
size: "medium"
|
|
32
31
|
}));
|
|
33
32
|
}
|
|
@@ -33,7 +33,6 @@ var _EmptyState = _interopRequireDefault(require("./EmptyState"));
|
|
|
33
33
|
var _utils = require("./utils");
|
|
34
34
|
var _excluded = ["items", "mode", "selectedItemIndex", "focusedItemIndex", "setColumnCount", "createAnalyticsEvent", "emptyStateHandler", "selectedCategory", "searchTerm"];
|
|
35
35
|
var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11;
|
|
36
|
-
/** @jsx jsx */
|
|
37
36
|
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); }
|
|
38
37
|
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; }
|
|
39
38
|
var ICON_HEIGHT = exports.ICON_HEIGHT = 40;
|
|
@@ -88,12 +87,12 @@ function ElementList(_ref) {
|
|
|
88
87
|
if (items[index] == null) {
|
|
89
88
|
return;
|
|
90
89
|
}
|
|
91
|
-
return
|
|
90
|
+
return /*#__PURE__*/_react.default.createElement("div", {
|
|
92
91
|
style: style,
|
|
93
92
|
key: key,
|
|
94
93
|
className: "element-item-wrapper",
|
|
95
94
|
css: elementItemWrapper
|
|
96
|
-
},
|
|
95
|
+
}, /*#__PURE__*/_react.default.createElement(MemoizedElementItem, (0, _extends2.default)({
|
|
97
96
|
inlineMode: !fullMode,
|
|
98
97
|
index: index,
|
|
99
98
|
item: items[index],
|
|
@@ -102,20 +101,20 @@ function ElementList(_ref) {
|
|
|
102
101
|
}, props)));
|
|
103
102
|
};
|
|
104
103
|
}, [items, fullMode, selectedItemIndex, focusedItemIndex, props]);
|
|
105
|
-
return
|
|
104
|
+
return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement(ContainerWidthMonitor, null), !items.length ? emptyStateHandler ? emptyStateHandler({
|
|
106
105
|
mode: mode,
|
|
107
106
|
selectedCategory: selectedCategory,
|
|
108
107
|
searchTerm: searchTerm
|
|
109
|
-
}) :
|
|
108
|
+
}) : /*#__PURE__*/_react.default.createElement(_EmptyState.default, {
|
|
110
109
|
onExternalLinkClick: onExternalLinkClick
|
|
111
|
-
}) :
|
|
110
|
+
}) : /*#__PURE__*/_react.default.createElement("div", {
|
|
112
111
|
css: elementItemsWrapper,
|
|
113
112
|
"data-testid": "element-items"
|
|
114
|
-
},
|
|
113
|
+
}, /*#__PURE__*/_react.default.createElement(_react.Fragment, null, containerWidth > 0 && /*#__PURE__*/_react.default.createElement(_AutoSizer.AutoSizer, {
|
|
115
114
|
disableWidth: true
|
|
116
115
|
}, function (_ref3) {
|
|
117
116
|
var height = _ref3.height;
|
|
118
|
-
return
|
|
117
|
+
return /*#__PURE__*/_react.default.createElement(_Collection.Collection, {
|
|
119
118
|
cellCount: items.length,
|
|
120
119
|
cellRenderer: cellRenderer,
|
|
121
120
|
cellSizeAndPositionGetter: (0, _cellSizeAndPositionGetter.default)(containerWidth - _constants2.ELEMENT_LIST_PADDING * 2, scrollbarWidth),
|
|
@@ -175,12 +174,12 @@ function ElementItem(_ref4) {
|
|
|
175
174
|
title = item.title,
|
|
176
175
|
description = item.description,
|
|
177
176
|
keyshortcut = item.keyshortcut;
|
|
178
|
-
return
|
|
177
|
+
return /*#__PURE__*/_react.default.createElement(_tooltip.default, {
|
|
179
178
|
content: description,
|
|
180
179
|
testId: "element-item-tooltip-".concat(index)
|
|
181
|
-
},
|
|
180
|
+
}, /*#__PURE__*/_react.default.createElement(_menu.ButtonItem, {
|
|
182
181
|
onClick: onClick,
|
|
183
|
-
iconBefore:
|
|
182
|
+
iconBefore: /*#__PURE__*/_react.default.createElement(ElementBefore, {
|
|
184
183
|
icon: icon,
|
|
185
184
|
title: title
|
|
186
185
|
}),
|
|
@@ -188,7 +187,7 @@ function ElementItem(_ref4) {
|
|
|
188
187
|
"aria-describedby": title,
|
|
189
188
|
ref: ref,
|
|
190
189
|
testId: "element-item-".concat(index)
|
|
191
|
-
},
|
|
190
|
+
}, /*#__PURE__*/_react.default.createElement(ItemContent, {
|
|
192
191
|
style: inlineMode ? null : itemStyleOverrides,
|
|
193
192
|
tabIndex: 0,
|
|
194
193
|
title: title,
|
|
@@ -206,28 +205,28 @@ var itemStyleOverrides = {
|
|
|
206
205
|
var ElementBefore = /*#__PURE__*/(0, _react.memo)(function (_ref5) {
|
|
207
206
|
var icon = _ref5.icon,
|
|
208
207
|
title = _ref5.title;
|
|
209
|
-
return
|
|
208
|
+
return /*#__PURE__*/_react.default.createElement("div", {
|
|
210
209
|
css: [itemIcon, itemIconStyle]
|
|
211
|
-
}, icon ? icon() :
|
|
210
|
+
}, icon ? icon() : /*#__PURE__*/_react.default.createElement(_quickInsert.IconFallback, null));
|
|
212
211
|
});
|
|
213
212
|
var ItemContent = /*#__PURE__*/(0, _react.memo)(function (_ref6) {
|
|
214
213
|
var title = _ref6.title,
|
|
215
214
|
description = _ref6.description,
|
|
216
215
|
keyshortcut = _ref6.keyshortcut;
|
|
217
|
-
return
|
|
216
|
+
return /*#__PURE__*/_react.default.createElement("div", {
|
|
218
217
|
css: itemBody,
|
|
219
218
|
className: "item-body"
|
|
220
|
-
},
|
|
219
|
+
}, /*#__PURE__*/_react.default.createElement("div", {
|
|
221
220
|
css: itemText
|
|
222
|
-
},
|
|
221
|
+
}, /*#__PURE__*/_react.default.createElement("div", {
|
|
223
222
|
css: itemTitleWrapper
|
|
224
|
-
},
|
|
223
|
+
}, /*#__PURE__*/_react.default.createElement("p", {
|
|
225
224
|
css: itemTitle
|
|
226
|
-
}, title),
|
|
225
|
+
}, title), /*#__PURE__*/_react.default.createElement("div", {
|
|
227
226
|
css: itemAfter
|
|
228
|
-
}, keyshortcut &&
|
|
227
|
+
}, keyshortcut && /*#__PURE__*/_react.default.createElement("div", {
|
|
229
228
|
css: _shortcut.shortcutStyle
|
|
230
|
-
}, keyshortcut))), description &&
|
|
229
|
+
}, keyshortcut))), description && /*#__PURE__*/_react.default.createElement("p", {
|
|
231
230
|
css: itemDescription
|
|
232
231
|
}, description)));
|
|
233
232
|
});
|
|
@@ -11,31 +11,30 @@ var _reactIntlNext = require("react-intl-next");
|
|
|
11
11
|
var _button = _interopRequireDefault(require("@atlaskit/button"));
|
|
12
12
|
var _NotFoundIllustration = _interopRequireDefault(require("./NotFoundIllustration"));
|
|
13
13
|
var _templateObject, _templateObject2, _templateObject3, _templateObject4;
|
|
14
|
-
/** @jsx jsx */
|
|
15
14
|
function EmptyState(_ref) {
|
|
16
15
|
var onExternalLinkClick = _ref.onExternalLinkClick;
|
|
17
|
-
return
|
|
16
|
+
return /*#__PURE__*/React.createElement("div", {
|
|
18
17
|
css: emptyStateWrapper
|
|
19
|
-
},
|
|
18
|
+
}, /*#__PURE__*/React.createElement(_NotFoundIllustration.default, null), /*#__PURE__*/React.createElement("div", {
|
|
20
19
|
css: emptyStateHeading
|
|
21
|
-
},
|
|
20
|
+
}, /*#__PURE__*/React.createElement(_reactIntlNext.FormattedMessage, {
|
|
22
21
|
id: "fabric.editor.elementbrowser.search.empty-state.heading",
|
|
23
22
|
defaultMessage: "Nothing matches your search",
|
|
24
23
|
description: "Empty state heading"
|
|
25
|
-
})),
|
|
24
|
+
})), /*#__PURE__*/React.createElement("div", {
|
|
26
25
|
css: emptyStateSubHeading
|
|
27
|
-
},
|
|
26
|
+
}, /*#__PURE__*/React.createElement("p", null, /*#__PURE__*/React.createElement(_reactIntlNext.FormattedMessage, {
|
|
28
27
|
id: "fabric.editor.elementbrowser.search.empty-state.sub-heading",
|
|
29
28
|
defaultMessage: "Try searching with a different term or discover new apps for Atlassian products.",
|
|
30
29
|
description: "Empty state sub-heading"
|
|
31
|
-
})),
|
|
30
|
+
})), /*#__PURE__*/React.createElement("div", {
|
|
32
31
|
css: externalLinkWrapper
|
|
33
|
-
},
|
|
32
|
+
}, /*#__PURE__*/React.createElement(_button.default, {
|
|
34
33
|
appearance: "primary",
|
|
35
34
|
target: "_blank",
|
|
36
35
|
href: "https://marketplace.atlassian.com/search?category=Macros&hosting=cloud&product=confluence",
|
|
37
36
|
onClick: onExternalLinkClick
|
|
38
|
-
},
|
|
37
|
+
}, /*#__PURE__*/React.createElement(_reactIntlNext.FormattedMessage, {
|
|
39
38
|
id: "fabric.editor.elementbrowser.search.empty-state.sub-heading.link",
|
|
40
39
|
defaultMessage: "Explore Atlassian Marketplace",
|
|
41
40
|
description: "Empty state sub-heading external link"
|
|
@@ -8,61 +8,60 @@ exports.default = NotFoundIllustration;
|
|
|
8
8
|
var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
|
|
9
9
|
var _react = require("@emotion/react");
|
|
10
10
|
var _templateObject;
|
|
11
|
-
/** @jsx jsx */
|
|
12
11
|
var imageContainer = (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n width: 120px;\n height: 111px;\n margin-top: ", ";\n"])), "var(--ds-space-600, 48px)");
|
|
13
12
|
|
|
14
13
|
/* eslint-disable @atlaskit/design-system/ensure-design-token-usage */
|
|
15
14
|
function NotFoundIllustration() {
|
|
16
|
-
return
|
|
15
|
+
return /*#__PURE__*/React.createElement("div", {
|
|
17
16
|
css: imageContainer
|
|
18
|
-
},
|
|
17
|
+
}, /*#__PURE__*/React.createElement("svg", {
|
|
19
18
|
width: "120",
|
|
20
19
|
height: "111",
|
|
21
20
|
fill: "none",
|
|
22
21
|
xmlns: "http://www.w3.org/2000/svg"
|
|
23
|
-
},
|
|
22
|
+
}, /*#__PURE__*/React.createElement("g", {
|
|
24
23
|
clipPath: "url(#clip0)"
|
|
25
|
-
},
|
|
24
|
+
}, /*#__PURE__*/React.createElement("path", {
|
|
26
25
|
fill: "#fff",
|
|
27
26
|
fillOpacity: ".01",
|
|
28
27
|
d: "M0 0h120v110.365H0z"
|
|
29
|
-
}),
|
|
28
|
+
}), /*#__PURE__*/React.createElement("path", {
|
|
30
29
|
opacity: ".3",
|
|
31
30
|
d: "M60.985 110.336c-.539.017-1.078.029-1.616.035a1.359 1.359 0 01-1.367-1.36 1.361 1.361 0 011.314-1.372h.041a50.876 50.876 0 0010.276-1.105 1.367 1.367 0 01.568 2.674 54.422 54.422 0 01-9.216 1.128zM52 109.877c-.075 0-.156 0-.237-.012a52.688 52.688 0 01-10.583-2.61 1.368 1.368 0 01.92-2.575c3.245 1.169 6.616 2 10.034 2.471.747.104 1.268.79 1.164 1.54A1.36 1.36 0 0152 109.877zM77.088 107.162a1.364 1.364 0 01-1.326-.895 1.366 1.366 0 01.805-1.755 50.423 50.423 0 009.274-4.575 1.358 1.358 0 011.877.43c.4.64.208 1.482-.429 1.884a53.25 53.25 0 01-9.772 4.824 1.26 1.26 0 01-.429.087zM34.9 104.32a1.359 1.359 0 01-.683-.157 53.29 53.29 0 01-9.042-6.092 1.369 1.369 0 01-.18-1.924 1.357 1.357 0 011.918-.18 50.483 50.483 0 008.578 5.778c.667.354.916 1.18.562 1.848a1.337 1.337 0 01-1.152.727zM20.732 93.23a1.372 1.372 0 01-1.06-.448 53.223 53.223 0 01-6.436-8.818 1.37 1.37 0 01.487-1.872 1.36 1.36 0 011.865.489 50.724 50.724 0 006.105 8.364 1.366 1.366 0 01-.098 1.93c-.25.226-.556.343-.863.354zM104.093 84.196a1.367 1.367 0 01-1.228-2.046 50.41 50.41 0 004.183-9.48 1.358 1.358 0 011.714-.878 1.365 1.365 0 01.875 1.72 53.17 53.17 0 01-4.414 9.993 1.34 1.34 0 01-1.13.691zM11.18 77.965a1.365 1.365 0 01-1.31-.854 52.827 52.827 0 01-3.029-10.498 1.362 1.362 0 112.682-.483 50.732 50.732 0 002.873 9.958 1.363 1.363 0 01-1.216 1.877zM110.17 67.218a1.362 1.362 0 01-1.39-1.593c.579-3.395.805-6.876.683-10.347l-.006-.116a1.36 1.36 0 011.315-1.412 1.359 1.359 0 011.408 1.32l.006.115a54.054 54.054 0 01-.724 10.905 1.36 1.36 0 01-1.292 1.128zM7.426 60.3c-.753.03-1.384-.534-1.407-1.29v-.058a53.82 53.82 0 01.712-10.846 1.368 1.368 0 011.57-1.122c.741.128 1.24.83 1.118 1.575a51.307 51.307 0 00-.678 10.288c.029.762-.562 1.425-1.315 1.453zM110.06 49.076a1.363 1.363 0 01-1.385-1.122 50.567 50.567 0 00-2.884-9.95c-.284-.698.052-1.5.747-1.785a1.365 1.365 0 011.778.75 53.085 53.085 0 013.041 10.497 1.37 1.37 0 01-1.094 1.593l-.203.017zM9.888 42.462a1.452 1.452 0 01-.47-.065 1.365 1.365 0 01-.874-1.72 53.157 53.157 0 014.402-9.998 1.362 1.362 0 011.86-.511c.655.372.88 1.209.51 1.866a50.68 50.68 0 00-4.177 9.486 1.37 1.37 0 01-1.251.941zM103.815 32.179a1.355 1.355 0 01-1.222-.674 50.958 50.958 0 00-6.117-8.359 1.366 1.366 0 01.099-1.93 1.355 1.355 0 011.923.099 53.449 53.449 0 016.447 8.806 1.37 1.37 0 01-.487 1.872 1.432 1.432 0 01-.643.186zM18.31 26.529a1.372 1.372 0 01-1.124-2.209 53.551 53.551 0 017.537-7.888 1.363 1.363 0 011.923.157 1.375 1.375 0 01-.156 1.93 51.072 51.072 0 00-7.154 7.487 1.343 1.343 0 01-1.025.523zM92.172 18.444a1.352 1.352 0 01-.915-.314 50.861 50.861 0 00-8.59-5.772 1.368 1.368 0 01-.568-1.849 1.364 1.364 0 011.842-.57 53.153 53.153 0 019.048 6.08c.58.483.66 1.343.18 1.925a1.366 1.366 0 01-.997.5zM31.64 14.433a1.368 1.368 0 01-.776-2.523 53.107 53.107 0 019.771-4.836 1.359 1.359 0 011.75.808c.26.71-.099 1.494-.805 1.755a50.203 50.203 0 00-9.269 4.587c-.208.133-.44.203-.672.209zM76.555 9.51a1.257 1.257 0 01-.504-.082A50.06 50.06 0 0066.013 6.97a1.364 1.364 0 01-1.165-1.54 1.364 1.364 0 011.535-1.168 52.623 52.623 0 0110.584 2.592 1.369 1.369 0 01-.412 2.657zM48.287 7.65a1.367 1.367 0 01-.33-2.703 54.261 54.261 0 0110.827-1.18 1.367 1.367 0 011.372 1.36 1.367 1.367 0 01-1.314 1.377H58.8A50.85 50.85 0 0048.525 7.62c-.081.018-.162.024-.238.03z",
|
|
32
31
|
fill: "#B3BAC5"
|
|
33
|
-
}),
|
|
32
|
+
}), /*#__PURE__*/React.createElement("path", {
|
|
34
33
|
opacity: ".3",
|
|
35
34
|
d: "M110.523 19.873a.304.304 0 01-.226-.325l.035-.262c.029-.168.064-.348.11-.534a4.423 4.423 0 01.95-1.796c.458-.53 1.118-.971 1.97-1.314l1.436-.587c.858-.343 1.385-.913 1.593-1.697a2.48 2.48 0 00.07-.878 1.998 1.998 0 00-.273-.849c-.156-.261-.37-.5-.654-.709a3.07 3.07 0 00-1.049-.477c-.451-.116-.851-.133-1.21-.052a2.56 2.56 0 00-.956.43c-.278.204-.51.465-.695.78-.191.313-.33.65-.423.999-.029.104-.052.21-.07.302a.459.459 0 01-.59.355l-2.219-.68a.464.464 0 01-.33-.483c.006-.07.017-.14.029-.21.035-.197.075-.383.121-.569.174-.668.47-1.29.887-1.866a5.14 5.14 0 011.546-1.412c.614-.366 1.31-.605 2.097-.72.788-.117 1.645-.047 2.578.197.967.256 1.778.622 2.433 1.098.66.477 1.176 1.012 1.552 1.599.377.593.614 1.22.707 1.889.093.668.058 1.32-.11 1.953-.261 1-.712 1.796-1.344 2.389a6.773 6.773 0 01-2.288 1.39l-1.211.458c-.341.11-.851.338-1.274.803-.041.046-.214.238-.388.534-.128.221-.22.436-.284.622a.303.303 0 01-.365.192l-2.155-.57zm-1.772 3.412c.145-.552.457-.97.944-1.26a1.942 1.942 0 011.552-.222c.551.146.968.465 1.257.96.29.493.359 1.017.215 1.569a1.966 1.966 0 01-.956 1.25 2.005 2.005 0 01-1.558.203 1.957 1.957 0 01-1.246-.942 1.98 1.98 0 01-.208-1.558zM10.722 12.393a.301.301 0 01-.203-.338l.053-.261c.04-.169.086-.343.15-.523a4.334 4.334 0 011.072-1.727c.492-.5 1.176-.889 2.056-1.18l1.472-.488c.874-.285 1.442-.814 1.703-1.587.092-.279.139-.57.127-.872a2.052 2.052 0 00-.214-.866 2.285 2.285 0 00-.609-.75c-.266-.226-.608-.406-1.013-.546-.44-.151-.846-.192-1.205-.134a2.518 2.518 0 00-1.726 1.099 3.583 3.583 0 00-.585 1.267.461.461 0 01-.615.314L9.02 4.976a.467.467 0 01-.295-.506c.011-.07.029-.14.046-.21a5.65 5.65 0 01.162-.557A5.505 5.505 0 019.946 1.9 5.246 5.246 0 0111.579.593a5.545 5.545 0 012.138-.576c.793-.058 1.645.064 2.554.372.945.32 1.732.739 2.358 1.262.626.523 1.106 1.087 1.442 1.703.336.616.533 1.255.58 1.93a4.97 4.97 0 01-.244 1.941c-.33.982-.828 1.744-1.506 2.29a6.844 6.844 0 01-2.375 1.233l-1.24.372a2.94 2.94 0 00-1.326.715c-.046.046-.232.226-.423.505-.145.215-.249.419-.324.599a.3.3 0 01-.377.168l-2.114-.714zm-1.998 3.284a2 2 0 011.025-1.198 1.957 1.957 0 011.564-.116c.539.18.933.529 1.188 1.04.254.512.29 1.041.11 1.582-.18.54-.528.935-1.037 1.18a2.019 2.019 0 01-1.57.098 1.96 1.96 0 01-1.182-1.029 1.99 1.99 0 01-.098-1.557zM7.177 104.849a.298.298 0 01-.37-.134c-.041-.076-.082-.157-.122-.238a8.207 8.207 0 01-.215-.5 4.405 4.405 0 01-.249-2.017c.076-.698.36-1.436.863-2.215l.84-1.308c.504-.773.614-1.546.33-2.307a2.6 2.6 0 00-.446-.762 2.019 2.019 0 00-.706-.54 2.421 2.421 0 00-.944-.204 3.05 3.05 0 00-1.13.215c-.434.163-.776.378-1.025.657-.25.273-.423.576-.533.901-.11.326-.15.674-.128 1.04.024.367.099.721.226 1.064.04.105.076.198.116.285a.466.466 0 01-.278.634l-2.201.72a.455.455 0 01-.545-.209c-.034-.064-.063-.128-.098-.192a5.595 5.595 0 01-.568-2.575 5.09 5.09 0 01.458-2.046c.29-.65.724-1.25 1.303-1.796.58-.546 1.32-.988 2.225-1.32.938-.348 1.807-.517 2.618-.505.81.012 1.54.151 2.19.413a4.62 4.62 0 011.656 1.139c.458.494.8 1.046 1.025 1.662.36.971.446 1.884.267 2.732-.18.85-.539 1.669-1.078 2.46l-.73 1.075c-.214.29-.503.767-.585 1.389-.005.064-.04.319-.011.657.023.255.07.482.127.668a.309.309 0 01-.19.372l-2.092.785zm.504 3.813a2.026 2.026 0 01.052-1.581 1.958 1.958 0 011.147-1.076 1.986 1.986 0 011.576.064c.521.239.88.628 1.077 1.163a1.947 1.947 0 01-.07 1.569 2.028 2.028 0 01-1.158 1.064 1.977 1.977 0 01-1.564-.052 1.96 1.96 0 01-1.06-1.151z",
|
|
36
35
|
fill: "#C1C7D0"
|
|
37
|
-
}),
|
|
36
|
+
}), /*#__PURE__*/React.createElement("path", {
|
|
38
37
|
d: "M86.519 77.651l-4.142-4.028-5.578 5.784 4.141 4.028a7.812 7.812 0 012.15 3.772 7.858 7.858 0 002.148 3.773l16.816 16.333a6.405 6.405 0 009.077-.145 6.46 6.46 0 00-.144-9.108L94.171 81.726a7.786 7.786 0 00-3.83-2.034 7.9 7.9 0 01-3.822-2.04z",
|
|
39
38
|
fill: "#CFD4DB"
|
|
40
|
-
}),
|
|
39
|
+
}), /*#__PURE__*/React.createElement("path", {
|
|
41
40
|
d: "M90.18 79.64a7.756 7.756 0 01-3.656-1.995l-1.262-1.226a4 4 0 00-5.671.093 4.032 4.032 0 00.092 5.69l1.263 1.227a7.853 7.853 0 012.103 3.598 33.606 33.606 0 003.858-3.435 33.629 33.629 0 003.273-3.953z",
|
|
42
41
|
fill: "#B3BAC5"
|
|
43
|
-
}),
|
|
42
|
+
}), /*#__PURE__*/React.createElement("path", {
|
|
44
43
|
d: "M59.056 90.677c-8.961.146-17.442-3.22-23.877-9.474-13.295-12.91-13.636-34.266-.77-47.606C40.64 27.14 49.01 23.501 57.966 23.35c8.961-.145 17.441 3.22 23.877 9.475 6.441 6.255 10.062 14.654 10.212 23.64.145 8.992-3.209 17.502-9.442 23.96-6.227 6.47-14.597 10.108-23.558 10.253zM58.1 31.388c-6.824.11-13.19 2.883-17.94 7.801-9.795 10.155-9.534 26.413.585 36.242 4.9 4.76 11.36 7.324 18.183 7.213 6.824-.11 13.19-2.883 17.94-7.8 4.744-4.918 7.299-11.399 7.189-18.246-.11-6.847-2.873-13.236-7.774-18.002-4.906-4.755-11.36-7.318-18.183-7.208z",
|
|
45
44
|
fill: "url(#paint0_linear)"
|
|
46
|
-
}),
|
|
45
|
+
}), /*#__PURE__*/React.createElement("path", {
|
|
47
46
|
d: "M68.886 49.535l-3.093-3.051a1.158 1.158 0 00-1.64.017l-5.67 5.796-5.776-5.691a1.158 1.158 0 00-1.64.017l-3.04 3.104c-.446.46-.44 1.192.017 1.645l5.775 5.69-5.67 5.796c-.447.46-.44 1.192.017 1.645l3.093 3.052a1.158 1.158 0 001.64-.018l5.67-5.795 5.775 5.69a1.158 1.158 0 001.64-.017l3.04-3.104c.447-.459.441-1.191-.017-1.645l-5.775-5.69 5.671-5.795c.446-.46.44-1.198-.017-1.645z",
|
|
48
47
|
fill: "#C1C7D0"
|
|
49
|
-
})),
|
|
48
|
+
})), /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("linearGradient", {
|
|
50
49
|
id: "paint0_linear",
|
|
51
50
|
x1: "34.792",
|
|
52
51
|
y1: "80.822",
|
|
53
52
|
x2: "82.401",
|
|
54
53
|
y2: "33.377",
|
|
55
54
|
gradientUnits: "userSpaceOnUse"
|
|
56
|
-
},
|
|
55
|
+
}, /*#__PURE__*/React.createElement("stop", {
|
|
57
56
|
offset: ".557",
|
|
58
57
|
stopColor: "#C1C7D0"
|
|
59
|
-
}),
|
|
58
|
+
}), /*#__PURE__*/React.createElement("stop", {
|
|
60
59
|
offset: ".966",
|
|
61
60
|
stopColor: "#E9EBEF",
|
|
62
61
|
stopOpacity: ".5"
|
|
63
|
-
})),
|
|
62
|
+
})), /*#__PURE__*/React.createElement("clipPath", {
|
|
64
63
|
id: "clip0"
|
|
65
|
-
},
|
|
64
|
+
}, /*#__PURE__*/React.createElement("path", {
|
|
66
65
|
fill: "#fff",
|
|
67
66
|
d: "M0 0h120v110.365H0z"
|
|
68
67
|
})))));
|
|
@@ -20,7 +20,6 @@ var _constants = require("../constants");
|
|
|
20
20
|
var _useFocus = _interopRequireDefault(require("../hooks/use-focus"));
|
|
21
21
|
var _types = require("../types");
|
|
22
22
|
var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
|
|
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
|
function ElementSearch(_ref) {
|
|
@@ -38,27 +37,27 @@ function ElementSearch(_ref) {
|
|
|
38
37
|
};
|
|
39
38
|
var onFocus = function onFocus(e) {};
|
|
40
39
|
var onBlur = function onBlur(e) {};
|
|
41
|
-
return
|
|
40
|
+
return /*#__PURE__*/_react.default.createElement("div", {
|
|
42
41
|
css: [wrapper, mode === _types.Modes.inline && wrapperInline]
|
|
43
|
-
},
|
|
42
|
+
}, /*#__PURE__*/_react.default.createElement(_textfield.default, {
|
|
44
43
|
ref: ref,
|
|
45
44
|
onChange: onChange,
|
|
46
45
|
onClick: onClick,
|
|
47
46
|
onFocus: onFocus,
|
|
48
47
|
onKeyDown: onKeyDown,
|
|
49
48
|
onBlur: onBlur,
|
|
50
|
-
elemBeforeInput:
|
|
49
|
+
elemBeforeInput: /*#__PURE__*/_react.default.createElement("div", {
|
|
51
50
|
css: elementBeforeInput,
|
|
52
51
|
"data-testid": "element_search__element_before_input"
|
|
53
|
-
},
|
|
52
|
+
}, /*#__PURE__*/_react.default.createElement(_search.default, {
|
|
54
53
|
size: "medium",
|
|
55
54
|
label: "Advanced search",
|
|
56
55
|
primaryColor: "inherit"
|
|
57
56
|
})),
|
|
58
|
-
elemAfterInput:
|
|
57
|
+
elemAfterInput: /*#__PURE__*/_react.default.createElement("div", {
|
|
59
58
|
css: elementAfterInput,
|
|
60
59
|
"data-testid": "element_search__element_after_input"
|
|
61
|
-
},
|
|
60
|
+
}, /*#__PURE__*/_react.default.createElement("div", {
|
|
62
61
|
css: styledShortcut
|
|
63
62
|
}, "\u23CE ", formatMessage(elementAfterInputMessage))),
|
|
64
63
|
placeholder: formatMessage(placeHolderMessage),
|
|
@@ -22,7 +22,6 @@ var _CategoryList = _interopRequireDefault(require("./CategoryList"));
|
|
|
22
22
|
var _ElementList = _interopRequireDefault(require("./ElementList/ElementList"));
|
|
23
23
|
var _ElementSearch = _interopRequireDefault(require("./ElementSearch"));
|
|
24
24
|
var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15;
|
|
25
|
-
/** @jsx jsx */
|
|
26
25
|
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); }
|
|
27
26
|
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; }
|
|
28
27
|
var wrapper = (0, _react2.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n width: 100%;\n max-height: inherit;\n overflow: hidden;\n"])));
|
|
@@ -108,10 +107,10 @@ function StatelessElementBrowser(props) {
|
|
|
108
107
|
onSelectItem(selectedItem);
|
|
109
108
|
}
|
|
110
109
|
}, [onSelectItem, selectedItem]);
|
|
111
|
-
return
|
|
110
|
+
return /*#__PURE__*/_react.default.createElement("div", {
|
|
112
111
|
css: wrapper,
|
|
113
112
|
"data-testid": "element-browser"
|
|
114
|
-
},
|
|
113
|
+
}, /*#__PURE__*/_react.default.createElement(ContainerWidthMonitor, null), containerWidth < _constants.DEVICE_BREAKPOINT_NUMBERS.medium ? /*#__PURE__*/_react.default.createElement(MobileBrowser, (0, _extends2.default)({}, props, {
|
|
115
114
|
selectedItemIndex: selectedItemIndex,
|
|
116
115
|
focusedItemIndex: focusedItemIndex,
|
|
117
116
|
setFocusedItemIndex: setFocusedItemIndex,
|
|
@@ -122,7 +121,7 @@ function StatelessElementBrowser(props) {
|
|
|
122
121
|
onKeyDown: onKeyDown,
|
|
123
122
|
viewMoreItem: viewMoreItem,
|
|
124
123
|
focusOnViewMore: focusOnViewMore
|
|
125
|
-
})) :
|
|
124
|
+
})) : /*#__PURE__*/_react.default.createElement(DesktopBrowser, (0, _extends2.default)({}, props, {
|
|
126
125
|
selectedItemIndex: selectedItemIndex,
|
|
127
126
|
focusedItemIndex: focusedItemIndex,
|
|
128
127
|
setFocusedItemIndex: setFocusedItemIndex,
|
|
@@ -156,29 +155,29 @@ function MobileBrowser(_ref) {
|
|
|
156
155
|
createAnalyticsEvent = _ref.createAnalyticsEvent,
|
|
157
156
|
emptyStateHandler = _ref.emptyStateHandler,
|
|
158
157
|
viewMoreItem = _ref.viewMoreItem;
|
|
159
|
-
return
|
|
158
|
+
return /*#__PURE__*/_react.default.createElement("div", {
|
|
160
159
|
css: mobileElementBrowserContainer,
|
|
161
160
|
onKeyDown: onKeyDown,
|
|
162
161
|
"data-testid": "mobile__element-browser"
|
|
163
|
-
},
|
|
162
|
+
}, /*#__PURE__*/_react.default.createElement("div", {
|
|
164
163
|
css: showCategories ? [mobileSideBar, mobileSideBarShowCategories] : mobileSideBar
|
|
165
|
-
}, showSearch &&
|
|
164
|
+
}, showSearch && /*#__PURE__*/_react.default.createElement(_ElementSearch.default, {
|
|
166
165
|
onSearch: onSearch,
|
|
167
166
|
onKeyDown: onKeyPress,
|
|
168
167
|
mode: mode,
|
|
169
168
|
focus: focusOnSearch,
|
|
170
169
|
onClick: setFocusOnSearch,
|
|
171
170
|
searchTerm: searchTerm
|
|
172
|
-
}), showCategories &&
|
|
171
|
+
}), showCategories && /*#__PURE__*/_react.default.createElement("nav", {
|
|
173
172
|
css: mobileCategoryListWrapper,
|
|
174
173
|
tabIndex: -1
|
|
175
|
-
},
|
|
174
|
+
}, /*#__PURE__*/_react.default.createElement(_CategoryList.default, {
|
|
176
175
|
categories: categories,
|
|
177
176
|
onSelectCategory: onSelectCategory,
|
|
178
177
|
selectedCategory: selectedCategory
|
|
179
|
-
}))),
|
|
178
|
+
}))), /*#__PURE__*/_react.default.createElement("div", {
|
|
180
179
|
css: mobileMainContent
|
|
181
|
-
},
|
|
180
|
+
}, /*#__PURE__*/_react.default.createElement(_ElementList.default, {
|
|
182
181
|
items: items,
|
|
183
182
|
mode: mode,
|
|
184
183
|
onInsertItem: onInsertItem,
|
|
@@ -190,7 +189,7 @@ function MobileBrowser(_ref) {
|
|
|
190
189
|
emptyStateHandler: emptyStateHandler,
|
|
191
190
|
selectedCategory: selectedCategory,
|
|
192
191
|
searchTerm: searchTerm
|
|
193
|
-
})), viewMoreItem &&
|
|
192
|
+
})), viewMoreItem && /*#__PURE__*/_react.default.createElement(_ViewMore.ViewMore, {
|
|
194
193
|
item: viewMoreItem,
|
|
195
194
|
focus: focusOnViewMore
|
|
196
195
|
}));
|
|
@@ -216,39 +215,39 @@ function DesktopBrowser(_ref2) {
|
|
|
216
215
|
searchTerm = _ref2.searchTerm,
|
|
217
216
|
createAnalyticsEvent = _ref2.createAnalyticsEvent,
|
|
218
217
|
emptyStateHandler = _ref2.emptyStateHandler;
|
|
219
|
-
return
|
|
218
|
+
return /*#__PURE__*/_react.default.createElement("div", {
|
|
220
219
|
css: elementBrowserContainer,
|
|
221
220
|
"data-testid": "desktop__element-browser"
|
|
222
|
-
}, showCategories &&
|
|
221
|
+
}, showCategories && /*#__PURE__*/_react.default.createElement("div", {
|
|
223
222
|
css: showCategories ? sideBarShowCategories : sideBar
|
|
224
|
-
},
|
|
223
|
+
}, /*#__PURE__*/_react.default.createElement("h2", {
|
|
225
224
|
css: sidebarHeading,
|
|
226
225
|
"data-testid": "sidebar-heading"
|
|
227
|
-
},
|
|
226
|
+
}, /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, {
|
|
228
227
|
id: "fabric.editor.elementbrowser.sidebar.heading",
|
|
229
228
|
defaultMessage: "Browse",
|
|
230
229
|
description: "Sidebar heading"
|
|
231
|
-
})),
|
|
230
|
+
})), /*#__PURE__*/_react.default.createElement("nav", {
|
|
232
231
|
css: categoryListWrapper
|
|
233
|
-
},
|
|
232
|
+
}, /*#__PURE__*/_react.default.createElement(_CategoryList.default, {
|
|
234
233
|
categories: categories,
|
|
235
234
|
onSelectCategory: onSelectCategory,
|
|
236
235
|
selectedCategory: selectedCategory,
|
|
237
236
|
createAnalyticsEvent: createAnalyticsEvent
|
|
238
|
-
}))),
|
|
237
|
+
}))), /*#__PURE__*/_react.default.createElement("div", {
|
|
239
238
|
css: mainContent,
|
|
240
239
|
onKeyDown: onKeyDown,
|
|
241
240
|
"data-testid": "main-content"
|
|
242
|
-
}, showSearch &&
|
|
241
|
+
}, showSearch && /*#__PURE__*/_react.default.createElement("div", {
|
|
243
242
|
css: searchContainer
|
|
244
|
-
},
|
|
243
|
+
}, /*#__PURE__*/_react.default.createElement(_ElementSearch.default, {
|
|
245
244
|
onSearch: onSearch,
|
|
246
245
|
onKeyDown: onKeyPress,
|
|
247
246
|
mode: mode,
|
|
248
247
|
focus: focusOnSearch,
|
|
249
248
|
onClick: setFocusOnSearch,
|
|
250
249
|
searchTerm: searchTerm
|
|
251
|
-
})),
|
|
250
|
+
})), /*#__PURE__*/_react.default.createElement(_ElementList.default, {
|
|
252
251
|
items: items,
|
|
253
252
|
mode: mode,
|
|
254
253
|
onInsertItem: onInsertItem,
|
|
@@ -12,7 +12,6 @@ var _react = _interopRequireWildcard(require("react"));
|
|
|
12
12
|
var _react2 = require("@emotion/react");
|
|
13
13
|
var _widthDetector = require("@atlaskit/width-detector");
|
|
14
14
|
var _templateObject;
|
|
15
|
-
/** @jsx jsx */
|
|
16
15
|
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); }
|
|
17
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; }
|
|
18
17
|
/**
|
|
@@ -55,11 +54,11 @@ function useContainerWidth() {
|
|
|
55
54
|
}
|
|
56
55
|
}, [ref]);
|
|
57
56
|
var ContainerWidthMonitor = /*#__PURE__*/(0, _react.memo)(function () {
|
|
58
|
-
return
|
|
57
|
+
return /*#__PURE__*/_react.default.createElement("div", {
|
|
59
58
|
css: widthObserverWrapper,
|
|
60
59
|
ref: ref,
|
|
61
60
|
tabIndex: -1
|
|
62
|
-
},
|
|
61
|
+
}, /*#__PURE__*/_react.default.createElement(_widthDetector.WidthObserver, {
|
|
63
62
|
setWidth: setContainerWidth
|
|
64
63
|
}));
|
|
65
64
|
});
|
|
@@ -112,7 +112,6 @@ var _utils = require("../utils");
|
|
|
112
112
|
var _consts = require("./consts");
|
|
113
113
|
var _keymap = require("./keymap");
|
|
114
114
|
var _templateObject;
|
|
115
|
-
/** @jsx jsx */
|
|
116
115
|
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); }
|
|
117
116
|
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof3(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; }
|
|
118
117
|
var addAltText = exports.addAltText = makeKeyMapWithCommon('Add Alt Text', 'Mod-Alt-y');
|
|
@@ -220,7 +219,7 @@ var ToolTipContent = exports.ToolTipContent = /*#__PURE__*/_react.default.memo(f
|
|
|
220
219
|
shortcutOverride = _ref.shortcutOverride,
|
|
221
220
|
keymap = _ref.keymap;
|
|
222
221
|
var shortcut = shortcutOverride || keymap && formatShortcut(keymap);
|
|
223
|
-
return shortcut || description ?
|
|
222
|
+
return shortcut || description ? /*#__PURE__*/_react.default.createElement(_react.Fragment, null, description, shortcut && description && "\xA0", shortcut && /*#__PURE__*/_react.default.createElement("span", {
|
|
224
223
|
css: tooltipShortcutStyle
|
|
225
224
|
}, shortcut)) : null;
|
|
226
225
|
});
|