@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.
Files changed (118) hide show
  1. package/CHANGELOG.md +14 -0
  2. package/dist/cjs/card/LinkToolbarButtonGroup.js +5 -6
  3. package/dist/cjs/element-browser/ViewMore.js +3 -4
  4. package/dist/cjs/element-browser/components/CategoryList.js +4 -5
  5. package/dist/cjs/element-browser/components/ElementBrowserLoader.js +2 -3
  6. package/dist/cjs/element-browser/components/ElementList/ElementList.js +20 -21
  7. package/dist/cjs/element-browser/components/ElementList/EmptyState.js +8 -9
  8. package/dist/cjs/element-browser/components/ElementList/NotFoundIllustration.js +15 -16
  9. package/dist/cjs/element-browser/components/ElementSearch.js +6 -7
  10. package/dist/cjs/element-browser/components/StatelessElementBrowser.js +21 -22
  11. package/dist/cjs/element-browser/hooks/use-container-width.js +2 -3
  12. package/dist/cjs/keymaps/index.js +1 -2
  13. package/dist/cjs/link/LinkPicker/HyperlinkAddToolbar/HyperlinkAddToolbar.js +21 -22
  14. package/dist/cjs/link/LinkSearch/LinkSearchList.js +5 -6
  15. package/dist/cjs/link/LinkSearch/LinkSearchListItem.js +9 -11
  16. package/dist/cjs/media-inline/inline-image-wrapper.js +1 -3
  17. package/dist/cjs/media-inline/media-inline-image-card.js +0 -2
  18. package/dist/cjs/monitoring/error.js +1 -1
  19. package/dist/cjs/react-node-view/getInlineNodeViewProducer.js +5 -8
  20. package/dist/cjs/ui/Caption/index.js +2 -3
  21. package/dist/cjs/ui/DropList/index.js +6 -6
  22. package/dist/cjs/ui/Expand/index.js +3 -5
  23. package/dist/cjs/ui/FloatingToolbar/Separator.js +1 -2
  24. package/dist/cjs/ui/FloatingToolbar/SmallerEditIcon.js +2 -3
  25. package/dist/cjs/ui/MediaSingle/index.js +2 -5
  26. package/dist/cjs/ui/MediaSingle/styled.js +2 -3
  27. package/dist/cjs/ui/Messages/index.js +7 -8
  28. package/dist/cjs/ui/PanelTextInput/index.js +2 -3
  29. package/dist/cjs/ui/UnsupportedBlock/index.js +4 -5
  30. package/dist/cjs/ui/UnsupportedInline/index.js +4 -5
  31. package/dist/cjs/ui/WidthProvider/index.js +4 -4
  32. package/dist/cjs/ui-color/ColorPalette/Color/index.js +5 -6
  33. package/dist/cjs/ui-color/ColorPalette/index.js +3 -6
  34. package/dist/cjs/ui-menu/ColorPickerButton/index.js +9 -10
  35. package/dist/cjs/ui-menu/DropdownContainer/index.js +3 -3
  36. package/dist/cjs/ui-menu/DropdownMenu/index.js +18 -19
  37. package/dist/cjs/ui-menu/ToolbarArrowKeyNavigationProvider/index.js +2 -3
  38. package/dist/cjs/ui-menu/ToolbarButton/index.js +3 -4
  39. package/dist/cjs/ui-react/with-react-editor-view-outer-listeners.js +11 -1
  40. package/dist/es2019/card/LinkToolbarButtonGroup.js +6 -7
  41. package/dist/es2019/element-browser/ViewMore.js +4 -5
  42. package/dist/es2019/element-browser/components/CategoryList.js +4 -6
  43. package/dist/es2019/element-browser/components/ElementBrowserLoader.js +3 -4
  44. package/dist/es2019/element-browser/components/ElementList/ElementList.js +21 -22
  45. package/dist/es2019/element-browser/components/ElementList/EmptyState.js +9 -10
  46. package/dist/es2019/element-browser/components/ElementList/NotFoundIllustration.js +16 -17
  47. package/dist/es2019/element-browser/components/ElementSearch.js +7 -8
  48. package/dist/es2019/element-browser/components/StatelessElementBrowser.js +22 -23
  49. package/dist/es2019/element-browser/hooks/use-container-width.js +3 -4
  50. package/dist/es2019/keymaps/index.js +2 -3
  51. package/dist/es2019/link/LinkPicker/HyperlinkAddToolbar/HyperlinkAddToolbar.js +22 -24
  52. package/dist/es2019/link/LinkSearch/LinkSearchList.js +6 -7
  53. package/dist/es2019/link/LinkSearch/LinkSearchListItem.js +9 -10
  54. package/dist/es2019/media-inline/inline-image-wrapper.js +2 -4
  55. package/dist/es2019/media-inline/media-inline-image-card.js +0 -2
  56. package/dist/es2019/monitoring/error.js +1 -1
  57. package/dist/es2019/react-node-view/getInlineNodeViewProducer.js +5 -7
  58. package/dist/es2019/ui/Caption/index.js +3 -4
  59. package/dist/es2019/ui/DropList/index.js +6 -8
  60. package/dist/es2019/ui/Expand/index.js +3 -5
  61. package/dist/es2019/ui/FloatingToolbar/Separator.js +2 -3
  62. package/dist/es2019/ui/FloatingToolbar/SmallerEditIcon.js +3 -4
  63. package/dist/es2019/ui/MediaSingle/index.js +2 -4
  64. package/dist/es2019/ui/MediaSingle/styled.js +3 -5
  65. package/dist/es2019/ui/Messages/index.js +8 -10
  66. package/dist/es2019/ui/PanelTextInput/index.js +1 -4
  67. package/dist/es2019/ui/UnsupportedBlock/index.js +5 -6
  68. package/dist/es2019/ui/UnsupportedInline/index.js +5 -6
  69. package/dist/es2019/ui/WidthProvider/index.js +4 -5
  70. package/dist/es2019/ui-color/ColorPalette/Color/index.js +4 -6
  71. package/dist/es2019/ui-color/ColorPalette/index.js +2 -4
  72. package/dist/es2019/ui-menu/ColorPickerButton/index.js +10 -11
  73. package/dist/es2019/ui-menu/DropdownContainer/index.js +2 -3
  74. package/dist/es2019/ui-menu/DropdownMenu/index.js +19 -21
  75. package/dist/es2019/ui-menu/ToolbarArrowKeyNavigationProvider/index.js +3 -4
  76. package/dist/es2019/ui-menu/ToolbarButton/index.js +5 -5
  77. package/dist/es2019/ui-react/with-react-editor-view-outer-listeners.js +8 -2
  78. package/dist/esm/card/LinkToolbarButtonGroup.js +6 -7
  79. package/dist/esm/element-browser/ViewMore.js +4 -5
  80. package/dist/esm/element-browser/components/CategoryList.js +5 -7
  81. package/dist/esm/element-browser/components/ElementBrowserLoader.js +3 -4
  82. package/dist/esm/element-browser/components/ElementList/ElementList.js +21 -22
  83. package/dist/esm/element-browser/components/ElementList/EmptyState.js +9 -10
  84. package/dist/esm/element-browser/components/ElementList/NotFoundIllustration.js +16 -17
  85. package/dist/esm/element-browser/components/ElementSearch.js +7 -8
  86. package/dist/esm/element-browser/components/StatelessElementBrowser.js +22 -23
  87. package/dist/esm/element-browser/hooks/use-container-width.js +3 -4
  88. package/dist/esm/keymaps/index.js +2 -3
  89. package/dist/esm/link/LinkPicker/HyperlinkAddToolbar/HyperlinkAddToolbar.js +22 -24
  90. package/dist/esm/link/LinkSearch/LinkSearchList.js +6 -7
  91. package/dist/esm/link/LinkSearch/LinkSearchListItem.js +9 -10
  92. package/dist/esm/media-inline/inline-image-wrapper.js +2 -4
  93. package/dist/esm/media-inline/media-inline-image-card.js +0 -2
  94. package/dist/esm/monitoring/error.js +1 -1
  95. package/dist/esm/react-node-view/getInlineNodeViewProducer.js +5 -7
  96. package/dist/esm/ui/Caption/index.js +3 -4
  97. package/dist/esm/ui/DropList/index.js +6 -8
  98. package/dist/esm/ui/Expand/index.js +3 -5
  99. package/dist/esm/ui/FloatingToolbar/Separator.js +2 -3
  100. package/dist/esm/ui/FloatingToolbar/SmallerEditIcon.js +3 -4
  101. package/dist/esm/ui/MediaSingle/index.js +2 -4
  102. package/dist/esm/ui/MediaSingle/styled.js +3 -5
  103. package/dist/esm/ui/Messages/index.js +8 -10
  104. package/dist/esm/ui/PanelTextInput/index.js +1 -4
  105. package/dist/esm/ui/UnsupportedBlock/index.js +5 -6
  106. package/dist/esm/ui/UnsupportedInline/index.js +5 -6
  107. package/dist/esm/ui/WidthProvider/index.js +4 -5
  108. package/dist/esm/ui-color/ColorPalette/Color/index.js +4 -6
  109. package/dist/esm/ui-color/ColorPalette/index.js +3 -5
  110. package/dist/esm/ui-menu/ColorPickerButton/index.js +10 -11
  111. package/dist/esm/ui-menu/DropdownContainer/index.js +2 -3
  112. package/dist/esm/ui-menu/DropdownMenu/index.js +19 -21
  113. package/dist/esm/ui-menu/ToolbarArrowKeyNavigationProvider/index.js +3 -4
  114. package/dist/esm/ui-menu/ToolbarButton/index.js +5 -5
  115. package/dist/esm/ui-react/with-react-editor-view-outer-listeners.js +12 -2
  116. package/dist/types/extensions/types/field-definitions.d.ts +2 -2
  117. package/dist/types-ts4.5/extensions/types/field-definitions.d.ts +2 -2
  118. 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 (0, _react2.jsx)("div", props);
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 (0, _react2.jsx)(_button.ButtonGroup, null, options.map(function (_ref3) {
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 (0, _react2.jsx)(DisallowedWrapper, {
43
+ return /*#__PURE__*/_react.default.createElement(DisallowedWrapper, {
45
44
  css: disabled ? disallowedWrapperStyle : defaultWrapperStyle,
46
45
  key: testId,
47
46
  disabled: disabled
48
- }, (0, _react2.jsx)(_ui.FloatingToolbarButton, {
47
+ }, /*#__PURE__*/_react.default.createElement(_ui.FloatingToolbarButton, {
49
48
  css: disabled ? buttonStyleNoneEvent : buttonStyle,
50
49
  title: title,
51
- icon: (0, _react2.jsx)(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 (0, _react2.jsx)(_menu.Section, {
23
+ return /*#__PURE__*/React.createElement(_menu.Section, {
25
24
  hasSeparator: true
26
- }, (0, _react2.jsx)(_menu.ButtonItem, {
25
+ }, /*#__PURE__*/React.createElement(_menu.ButtonItem, {
27
26
  onClick: item.action,
28
- iconBefore: (0, _react2.jsx)("div", {
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 (0, _react2.jsx)(_react.Fragment, null, categories.map(function (category, index) {
39
- return (0, _react2.jsx)(CategoryListItem, (0, _extends2.default)({
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 (0, _react2.jsx)("div", {
97
+ return /*#__PURE__*/_react.default.createElement("div", {
99
98
  css: buttonWrapper
100
- }, (0, _react2.jsx)(_customThemeButton.default, {
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 (0, _react2.jsx)("div", {
27
+ return /*#__PURE__*/_react.default.createElement("div", {
29
28
  css: spinnerContainer
30
- }, (0, _react2.jsx)(_spinner.default, {
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 (0, _react2.jsx)("div", {
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
- }, (0, _react2.jsx)(MemoizedElementItem, (0, _extends2.default)({
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 (0, _react2.jsx)(_react.Fragment, null, (0, _react2.jsx)(ContainerWidthMonitor, null), !items.length ? emptyStateHandler ? emptyStateHandler({
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
- }) : (0, _react2.jsx)(_EmptyState.default, {
108
+ }) : /*#__PURE__*/_react.default.createElement(_EmptyState.default, {
110
109
  onExternalLinkClick: onExternalLinkClick
111
- }) : (0, _react2.jsx)("div", {
110
+ }) : /*#__PURE__*/_react.default.createElement("div", {
112
111
  css: elementItemsWrapper,
113
112
  "data-testid": "element-items"
114
- }, (0, _react2.jsx)(_react.Fragment, null, containerWidth > 0 && (0, _react2.jsx)(_AutoSizer.AutoSizer, {
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 (0, _react2.jsx)(_Collection.Collection, {
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 (0, _react2.jsx)(_tooltip.default, {
177
+ return /*#__PURE__*/_react.default.createElement(_tooltip.default, {
179
178
  content: description,
180
179
  testId: "element-item-tooltip-".concat(index)
181
- }, (0, _react2.jsx)(_menu.ButtonItem, {
180
+ }, /*#__PURE__*/_react.default.createElement(_menu.ButtonItem, {
182
181
  onClick: onClick,
183
- iconBefore: (0, _react2.jsx)(ElementBefore, {
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
- }, (0, _react2.jsx)(ItemContent, {
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 (0, _react2.jsx)("div", {
208
+ return /*#__PURE__*/_react.default.createElement("div", {
210
209
  css: [itemIcon, itemIconStyle]
211
- }, icon ? icon() : (0, _react2.jsx)(_quickInsert.IconFallback, null));
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 (0, _react2.jsx)("div", {
216
+ return /*#__PURE__*/_react.default.createElement("div", {
218
217
  css: itemBody,
219
218
  className: "item-body"
220
- }, (0, _react2.jsx)("div", {
219
+ }, /*#__PURE__*/_react.default.createElement("div", {
221
220
  css: itemText
222
- }, (0, _react2.jsx)("div", {
221
+ }, /*#__PURE__*/_react.default.createElement("div", {
223
222
  css: itemTitleWrapper
224
- }, (0, _react2.jsx)("p", {
223
+ }, /*#__PURE__*/_react.default.createElement("p", {
225
224
  css: itemTitle
226
- }, title), (0, _react2.jsx)("div", {
225
+ }, title), /*#__PURE__*/_react.default.createElement("div", {
227
226
  css: itemAfter
228
- }, keyshortcut && (0, _react2.jsx)("div", {
227
+ }, keyshortcut && /*#__PURE__*/_react.default.createElement("div", {
229
228
  css: _shortcut.shortcutStyle
230
- }, keyshortcut))), description && (0, _react2.jsx)("p", {
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 (0, _react.jsx)("div", {
16
+ return /*#__PURE__*/React.createElement("div", {
18
17
  css: emptyStateWrapper
19
- }, (0, _react.jsx)(_NotFoundIllustration.default, null), (0, _react.jsx)("div", {
18
+ }, /*#__PURE__*/React.createElement(_NotFoundIllustration.default, null), /*#__PURE__*/React.createElement("div", {
20
19
  css: emptyStateHeading
21
- }, (0, _react.jsx)(_reactIntlNext.FormattedMessage, {
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
- })), (0, _react.jsx)("div", {
24
+ })), /*#__PURE__*/React.createElement("div", {
26
25
  css: emptyStateSubHeading
27
- }, (0, _react.jsx)("p", null, (0, _react.jsx)(_reactIntlNext.FormattedMessage, {
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
- })), (0, _react.jsx)("div", {
30
+ })), /*#__PURE__*/React.createElement("div", {
32
31
  css: externalLinkWrapper
33
- }, (0, _react.jsx)(_button.default, {
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
- }, (0, _react.jsx)(_reactIntlNext.FormattedMessage, {
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 (0, _react.jsx)("div", {
15
+ return /*#__PURE__*/React.createElement("div", {
17
16
  css: imageContainer
18
- }, (0, _react.jsx)("svg", {
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
- }, (0, _react.jsx)("g", {
22
+ }, /*#__PURE__*/React.createElement("g", {
24
23
  clipPath: "url(#clip0)"
25
- }, (0, _react.jsx)("path", {
24
+ }, /*#__PURE__*/React.createElement("path", {
26
25
  fill: "#fff",
27
26
  fillOpacity: ".01",
28
27
  d: "M0 0h120v110.365H0z"
29
- }), (0, _react.jsx)("path", {
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
- }), (0, _react.jsx)("path", {
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
- }), (0, _react.jsx)("path", {
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
- }), (0, _react.jsx)("path", {
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
- }), (0, _react.jsx)("path", {
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
- }), (0, _react.jsx)("path", {
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
- })), (0, _react.jsx)("defs", null, (0, _react.jsx)("linearGradient", {
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
- }, (0, _react.jsx)("stop", {
55
+ }, /*#__PURE__*/React.createElement("stop", {
57
56
  offset: ".557",
58
57
  stopColor: "#C1C7D0"
59
- }), (0, _react.jsx)("stop", {
58
+ }), /*#__PURE__*/React.createElement("stop", {
60
59
  offset: ".966",
61
60
  stopColor: "#E9EBEF",
62
61
  stopOpacity: ".5"
63
- })), (0, _react.jsx)("clipPath", {
62
+ })), /*#__PURE__*/React.createElement("clipPath", {
64
63
  id: "clip0"
65
- }, (0, _react.jsx)("path", {
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 (0, _react2.jsx)("div", {
40
+ return /*#__PURE__*/_react.default.createElement("div", {
42
41
  css: [wrapper, mode === _types.Modes.inline && wrapperInline]
43
- }, (0, _react2.jsx)(_textfield.default, {
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: (0, _react2.jsx)("div", {
49
+ elemBeforeInput: /*#__PURE__*/_react.default.createElement("div", {
51
50
  css: elementBeforeInput,
52
51
  "data-testid": "element_search__element_before_input"
53
- }, (0, _react2.jsx)(_search.default, {
52
+ }, /*#__PURE__*/_react.default.createElement(_search.default, {
54
53
  size: "medium",
55
54
  label: "Advanced search",
56
55
  primaryColor: "inherit"
57
56
  })),
58
- elemAfterInput: (0, _react2.jsx)("div", {
57
+ elemAfterInput: /*#__PURE__*/_react.default.createElement("div", {
59
58
  css: elementAfterInput,
60
59
  "data-testid": "element_search__element_after_input"
61
- }, (0, _react2.jsx)("div", {
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 (0, _react2.jsx)("div", {
110
+ return /*#__PURE__*/_react.default.createElement("div", {
112
111
  css: wrapper,
113
112
  "data-testid": "element-browser"
114
- }, (0, _react2.jsx)(ContainerWidthMonitor, null), containerWidth < _constants.DEVICE_BREAKPOINT_NUMBERS.medium ? (0, _react2.jsx)(MobileBrowser, (0, _extends2.default)({}, props, {
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
- })) : (0, _react2.jsx)(DesktopBrowser, (0, _extends2.default)({}, props, {
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 (0, _react2.jsx)("div", {
158
+ return /*#__PURE__*/_react.default.createElement("div", {
160
159
  css: mobileElementBrowserContainer,
161
160
  onKeyDown: onKeyDown,
162
161
  "data-testid": "mobile__element-browser"
163
- }, (0, _react2.jsx)("div", {
162
+ }, /*#__PURE__*/_react.default.createElement("div", {
164
163
  css: showCategories ? [mobileSideBar, mobileSideBarShowCategories] : mobileSideBar
165
- }, showSearch && (0, _react2.jsx)(_ElementSearch.default, {
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 && (0, _react2.jsx)("nav", {
171
+ }), showCategories && /*#__PURE__*/_react.default.createElement("nav", {
173
172
  css: mobileCategoryListWrapper,
174
173
  tabIndex: -1
175
- }, (0, _react2.jsx)(_CategoryList.default, {
174
+ }, /*#__PURE__*/_react.default.createElement(_CategoryList.default, {
176
175
  categories: categories,
177
176
  onSelectCategory: onSelectCategory,
178
177
  selectedCategory: selectedCategory
179
- }))), (0, _react2.jsx)("div", {
178
+ }))), /*#__PURE__*/_react.default.createElement("div", {
180
179
  css: mobileMainContent
181
- }, (0, _react2.jsx)(_ElementList.default, {
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 && (0, _react2.jsx)(_ViewMore.ViewMore, {
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 (0, _react2.jsx)("div", {
218
+ return /*#__PURE__*/_react.default.createElement("div", {
220
219
  css: elementBrowserContainer,
221
220
  "data-testid": "desktop__element-browser"
222
- }, showCategories && (0, _react2.jsx)("div", {
221
+ }, showCategories && /*#__PURE__*/_react.default.createElement("div", {
223
222
  css: showCategories ? sideBarShowCategories : sideBar
224
- }, (0, _react2.jsx)("h2", {
223
+ }, /*#__PURE__*/_react.default.createElement("h2", {
225
224
  css: sidebarHeading,
226
225
  "data-testid": "sidebar-heading"
227
- }, (0, _react2.jsx)(_reactIntlNext.FormattedMessage, {
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
- })), (0, _react2.jsx)("nav", {
230
+ })), /*#__PURE__*/_react.default.createElement("nav", {
232
231
  css: categoryListWrapper
233
- }, (0, _react2.jsx)(_CategoryList.default, {
232
+ }, /*#__PURE__*/_react.default.createElement(_CategoryList.default, {
234
233
  categories: categories,
235
234
  onSelectCategory: onSelectCategory,
236
235
  selectedCategory: selectedCategory,
237
236
  createAnalyticsEvent: createAnalyticsEvent
238
- }))), (0, _react2.jsx)("div", {
237
+ }))), /*#__PURE__*/_react.default.createElement("div", {
239
238
  css: mainContent,
240
239
  onKeyDown: onKeyDown,
241
240
  "data-testid": "main-content"
242
- }, showSearch && (0, _react2.jsx)("div", {
241
+ }, showSearch && /*#__PURE__*/_react.default.createElement("div", {
243
242
  css: searchContainer
244
- }, (0, _react2.jsx)(_ElementSearch.default, {
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
- })), (0, _react2.jsx)(_ElementList.default, {
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 (0, _react2.jsx)("div", {
57
+ return /*#__PURE__*/_react.default.createElement("div", {
59
58
  css: widthObserverWrapper,
60
59
  ref: ref,
61
60
  tabIndex: -1
62
- }, (0, _react2.jsx)(_widthDetector.WidthObserver, {
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 ? (0, _react2.jsx)(_react.Fragment, null, description, shortcut && description && "\xA0", shortcut && (0, _react2.jsx)("span", {
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
  });