@atlaskit/editor-common 78.11.3 → 78.11.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 (229) hide show
  1. package/.eslintrc.js +8 -0
  2. package/CHANGELOG.md +15 -0
  3. package/afm-cc/tsconfig.json +3 -0
  4. package/dist/cjs/__tests_external__/page-objects/Editor.js +1 -1
  5. package/dist/cjs/__tests_external__/page-objects/EditorSmartLink.js +1 -1
  6. package/dist/cjs/__tests_external__/page-objects/Renderer.js +1 -1
  7. package/dist/cjs/analytics/types/enums.js +1 -0
  8. package/dist/cjs/analytics/types/table-events.js +1 -0
  9. package/dist/cjs/annotation/index.js +1 -1
  10. package/dist/cjs/card/MediaAndEmbedsToolbar/index.js +2 -2
  11. package/dist/cjs/card/index.js +2 -2
  12. package/dist/cjs/clipboard/index.js +2 -2
  13. package/dist/cjs/collab/index.js +6 -3
  14. package/dist/cjs/element-browser/ElementBrowser.js +3 -3
  15. package/dist/cjs/element-browser/components/CategoryList.js +2 -2
  16. package/dist/cjs/element-browser/components/ElementBrowserLoader.js +2 -2
  17. package/dist/cjs/element-browser/components/ElementList/ElementList.js +92 -15
  18. package/dist/cjs/element-browser/components/ElementList/EmptyState.js +6 -5
  19. package/dist/cjs/element-browser/components/ElementSearch.js +5 -6
  20. package/dist/cjs/element-browser/components/StatelessElementBrowser.js +2 -2
  21. package/dist/cjs/element-browser/hooks/use-container-width.js +2 -2
  22. package/dist/cjs/extensibility/Extension/Extension/index.js +7 -3
  23. package/dist/cjs/extensibility/Extension/Extension/styles.js +36 -7
  24. package/dist/cjs/extensibility/Extension/InlineExtension/index.js +3 -10
  25. package/dist/cjs/extensibility/Extension/Lozenge.js +1 -1
  26. package/dist/cjs/extensibility/Extension/styles.js +1 -1
  27. package/dist/cjs/extensibility/Extension.js +3 -3
  28. package/dist/cjs/extensibility/ExtensionComponent.js +3 -4
  29. package/dist/cjs/extensibility/ExtensionNodeWrapper.js +2 -19
  30. package/dist/cjs/extensibility/MultiBodiedExtension/index.js +11 -5
  31. package/dist/cjs/extensibility/extensionNodeView.js +2 -3
  32. package/dist/cjs/extensibility/index.js +2 -2
  33. package/dist/cjs/icons/index.js +2 -2
  34. package/dist/cjs/keymaps/index.js +2 -2
  35. package/dist/cjs/link/LinkPicker/EditorLinkPicker/index.js +2 -2
  36. package/dist/cjs/link/LinkPicker/HyperlinkAddToolbar/HyperlinkAddToolbar.js +4 -4
  37. package/dist/cjs/link/LinkSearch/LinkSearchList.js +15 -7
  38. package/dist/cjs/link/LinkSearch/LinkSearchListItem.js +4 -4
  39. package/dist/cjs/link/LinkSearch/ToolbarComponents.js +17 -6
  40. package/dist/cjs/link/LinkSearch/index.js +1 -2
  41. package/dist/cjs/link/LinkSearch/withActivityProvider.js +1 -1
  42. package/dist/cjs/link/index.js +2 -2
  43. package/dist/cjs/monitoring/error.js +3 -3
  44. package/dist/cjs/preset/editor-commands.js +1 -1
  45. package/dist/cjs/provider-factory/with-providers.js +1 -1
  46. package/dist/cjs/quick-insert/assets/index.js +2 -2
  47. package/dist/cjs/react-node-view/getInlineNodeViewProducer.js +1 -0
  48. package/dist/cjs/resizer/Resizer.js +8 -11
  49. package/dist/cjs/safe-plugin/index.js +1 -1
  50. package/dist/cjs/selection/gap-cursor/selection.js +1 -1
  51. package/dist/cjs/selection/gap-cursor/styles.js +1 -1
  52. package/dist/cjs/selection-based-node-view/SelectionBasedNodeView.js +1 -1
  53. package/dist/cjs/styles/shared/embedCard.js +19 -5
  54. package/dist/cjs/styles/shared/grid.js +28 -4
  55. package/dist/cjs/styles/shared/indentation.js +1 -0
  56. package/dist/cjs/styles/shared/panel.js +1 -1
  57. package/dist/cjs/styles/shared/resizer.js +3 -3
  58. package/dist/cjs/styles/shared/shadow.js +32 -3
  59. package/dist/cjs/ui/Announcer/announcer.js +4 -2
  60. package/dist/cjs/ui/BaseTheme/index.js +2 -2
  61. package/dist/cjs/ui/Caption/index.js +1 -1
  62. package/dist/cjs/ui/ContextPanel/context.js +1 -1
  63. package/dist/cjs/ui/DropList/index.js +2 -2
  64. package/dist/cjs/ui/Emoji/index.js +3 -3
  65. package/dist/cjs/ui/ErrorBoundary/index.js +1 -1
  66. package/dist/cjs/ui/Expand/index.js +3 -3
  67. package/dist/cjs/ui/IntlErrorBoundary/index.js +1 -1
  68. package/dist/cjs/ui/IntlProviderIfMissingWrapper/index.js +2 -2
  69. package/dist/cjs/ui/Layer/index.js +3 -4
  70. package/dist/cjs/ui/Mention/index.js +3 -3
  71. package/dist/cjs/ui/Mention/mention-with-profilecard.js +2 -2
  72. package/dist/cjs/ui/Mention/mention-with-providers.js +3 -3
  73. package/dist/cjs/ui/MultiBodiedExtension/index.js +14 -4
  74. package/dist/cjs/ui/OverflowShadow/index.js +1 -1
  75. package/dist/cjs/ui/PanelTextInput/index.js +1 -1
  76. package/dist/cjs/ui/Popup/index.js +1 -1
  77. package/dist/cjs/ui/PortalProvider/index.js +1 -1
  78. package/dist/cjs/ui/ResizerLegacy/index.js +1 -1
  79. package/dist/cjs/ui/UnsupportedBlock/index.js +3 -3
  80. package/dist/cjs/ui/UnsupportedInline/index.js +18 -5
  81. package/dist/cjs/ui/WidthProvider/index.js +2 -2
  82. package/dist/cjs/ui/WithCreateAnalyticsEvent/index.js +1 -1
  83. package/dist/cjs/ui/index.js +2 -2
  84. package/dist/cjs/ui/with-outer-listeners.js +3 -3
  85. package/dist/cjs/ui-color/ColorPalette/Color/index.js +3 -3
  86. package/dist/cjs/ui-color/ColorPalette/Color/styles.js +21 -5
  87. package/dist/cjs/ui-menu/ArrowKeyNavigationProvider/ColorPaletteArrowKeyNavigationProvider/index.js +2 -2
  88. package/dist/cjs/ui-menu/ArrowKeyNavigationProvider/MenuArrowKeyNavigationProvider/index.js +2 -2
  89. package/dist/cjs/ui-menu/ColorPickerButton/index.js +35 -7
  90. package/dist/cjs/ui-menu/Dropdown/index.js +3 -3
  91. package/dist/cjs/ui-menu/DropdownContainer/index.js +2 -2
  92. package/dist/cjs/ui-menu/DropdownMenu/index.js +3 -4
  93. package/dist/cjs/ui-menu/ToolbarArrowKeyNavigationProvider/index.js +2 -2
  94. package/dist/cjs/ui-menu/ToolbarButton/index.js +2 -2
  95. package/dist/cjs/ui-menu/index.js +2 -2
  96. package/dist/cjs/ui-react/with-react-editor-view-outer-listeners.js +3 -3
  97. package/dist/cjs/utils/imageLoader.js +3 -3
  98. package/dist/cjs/with-plugin-state/index.js +1 -1
  99. package/dist/es2019/analytics/types/enums.js +1 -0
  100. package/dist/es2019/analytics/types/table-events.js +1 -0
  101. package/dist/es2019/card/MediaAndEmbedsToolbar/index.js +1 -0
  102. package/dist/es2019/collab/index.js +6 -1
  103. package/dist/es2019/element-browser/components/ElementList/ElementList.js +83 -94
  104. package/dist/es2019/element-browser/components/ElementList/EmptyState.js +6 -5
  105. package/dist/es2019/element-browser/components/ElementSearch.js +3 -4
  106. package/dist/es2019/extensibility/Extension/Extension/index.js +5 -1
  107. package/dist/es2019/extensibility/Extension/Extension/styles.js +34 -36
  108. package/dist/es2019/extensibility/Extension/InlineExtension/index.js +3 -7
  109. package/dist/es2019/extensibility/Extension/styles.js +1 -1
  110. package/dist/es2019/extensibility/ExtensionComponent.js +0 -1
  111. package/dist/es2019/extensibility/ExtensionNodeWrapper.js +2 -20
  112. package/dist/es2019/extensibility/MultiBodiedExtension/index.js +10 -4
  113. package/dist/es2019/extensibility/extensionNodeView.js +1 -2
  114. package/dist/es2019/extensions/types/field-definitions.js +1 -0
  115. package/dist/es2019/link/LinkPicker/HyperlinkAddToolbar/HyperlinkAddToolbar.js +1 -1
  116. package/dist/es2019/link/LinkSearch/LinkSearchList.js +14 -14
  117. package/dist/es2019/link/LinkSearch/LinkSearchListItem.js +2 -1
  118. package/dist/es2019/link/LinkSearch/ToolbarComponents.js +17 -18
  119. package/dist/es2019/link/LinkSearch/index.js +0 -1
  120. package/dist/es2019/monitoring/error.js +1 -1
  121. package/dist/es2019/react-node-view/getInlineNodeViewProducer.js +1 -0
  122. package/dist/es2019/resizer/Resizer.js +2 -3
  123. package/dist/es2019/selection/gap-cursor/styles.js +2 -2
  124. package/dist/es2019/styles/shared/embedCard.js +17 -21
  125. package/dist/es2019/styles/shared/grid.js +27 -31
  126. package/dist/es2019/styles/shared/indentation.js +2 -0
  127. package/dist/es2019/styles/shared/panel.js +1 -1
  128. package/dist/es2019/styles/shared/resizer.js +6 -3
  129. package/dist/es2019/styles/shared/shadow.js +36 -65
  130. package/dist/es2019/ui/Announcer/announcer.js +2 -0
  131. package/dist/es2019/ui/ContextPanel/context.js +1 -0
  132. package/dist/es2019/ui/DropList/index.js +1 -1
  133. package/dist/es2019/ui/Expand/index.js +3 -4
  134. package/dist/es2019/ui/Layer/index.js +0 -1
  135. package/dist/es2019/ui/MultiBodiedExtension/index.js +13 -4
  136. package/dist/es2019/ui/UnsupportedBlock/index.js +2 -2
  137. package/dist/es2019/ui/UnsupportedInline/index.js +15 -15
  138. package/dist/es2019/ui-color/ColorPalette/Color/styles.js +20 -24
  139. package/dist/es2019/ui-menu/ColorPickerButton/index.js +34 -35
  140. package/dist/es2019/ui-menu/DropdownMenu/index.js +0 -1
  141. package/dist/es2019/utils/dom.js +1 -0
  142. package/dist/es2019/with-plugin-state/index.js +1 -0
  143. package/dist/esm/__tests_external__/page-objects/Editor.js +1 -1
  144. package/dist/esm/__tests_external__/page-objects/EditorSmartLink.js +1 -1
  145. package/dist/esm/__tests_external__/page-objects/Renderer.js +1 -1
  146. package/dist/esm/analytics/types/enums.js +1 -0
  147. package/dist/esm/analytics/types/table-events.js +1 -0
  148. package/dist/esm/annotation/index.js +1 -1
  149. package/dist/esm/card/MediaAndEmbedsToolbar/index.js +1 -0
  150. package/dist/esm/collab/index.js +6 -1
  151. package/dist/esm/element-browser/ElementBrowser.js +1 -1
  152. package/dist/esm/element-browser/components/ElementList/ElementList.js +90 -13
  153. package/dist/esm/element-browser/components/ElementList/EmptyState.js +6 -5
  154. package/dist/esm/element-browser/components/ElementSearch.js +3 -4
  155. package/dist/esm/extensibility/Extension/Extension/index.js +5 -1
  156. package/dist/esm/extensibility/Extension/Extension/styles.js +37 -7
  157. package/dist/esm/extensibility/Extension/InlineExtension/index.js +3 -7
  158. package/dist/esm/extensibility/Extension/Lozenge.js +1 -1
  159. package/dist/esm/extensibility/Extension/styles.js +1 -1
  160. package/dist/esm/extensibility/Extension.js +1 -1
  161. package/dist/esm/extensibility/ExtensionComponent.js +1 -2
  162. package/dist/esm/extensibility/ExtensionNodeWrapper.js +2 -18
  163. package/dist/esm/extensibility/MultiBodiedExtension/index.js +10 -4
  164. package/dist/esm/extensibility/extensionNodeView.js +2 -3
  165. package/dist/esm/extensions/types/field-definitions.js +1 -0
  166. package/dist/esm/link/LinkPicker/HyperlinkAddToolbar/HyperlinkAddToolbar.js +2 -2
  167. package/dist/esm/link/LinkSearch/LinkSearchList.js +15 -6
  168. package/dist/esm/link/LinkSearch/LinkSearchListItem.js +3 -2
  169. package/dist/esm/link/LinkSearch/ToolbarComponents.js +17 -5
  170. package/dist/esm/link/LinkSearch/index.js +1 -2
  171. package/dist/esm/link/LinkSearch/withActivityProvider.js +1 -1
  172. package/dist/esm/monitoring/error.js +1 -1
  173. package/dist/esm/preset/editor-commands.js +1 -1
  174. package/dist/esm/provider-factory/with-providers.js +1 -1
  175. package/dist/esm/react-node-view/getInlineNodeViewProducer.js +1 -0
  176. package/dist/esm/resizer/Resizer.js +2 -5
  177. package/dist/esm/safe-plugin/index.js +1 -1
  178. package/dist/esm/selection/gap-cursor/selection.js +1 -1
  179. package/dist/esm/selection/gap-cursor/styles.js +1 -1
  180. package/dist/esm/selection-based-node-view/SelectionBasedNodeView.js +1 -1
  181. package/dist/esm/styles/shared/embedCard.js +19 -4
  182. package/dist/esm/styles/shared/grid.js +28 -3
  183. package/dist/esm/styles/shared/indentation.js +2 -0
  184. package/dist/esm/styles/shared/panel.js +1 -1
  185. package/dist/esm/styles/shared/resizer.js +2 -2
  186. package/dist/esm/styles/shared/shadow.js +32 -3
  187. package/dist/esm/ui/Announcer/announcer.js +2 -0
  188. package/dist/esm/ui/Caption/index.js +1 -1
  189. package/dist/esm/ui/ContextPanel/context.js +2 -1
  190. package/dist/esm/ui/DropList/index.js +2 -2
  191. package/dist/esm/ui/Emoji/index.js +1 -1
  192. package/dist/esm/ui/ErrorBoundary/index.js +1 -1
  193. package/dist/esm/ui/Expand/index.js +2 -2
  194. package/dist/esm/ui/IntlErrorBoundary/index.js +1 -1
  195. package/dist/esm/ui/Layer/index.js +1 -2
  196. package/dist/esm/ui/Mention/index.js +1 -1
  197. package/dist/esm/ui/Mention/mention-with-providers.js +1 -1
  198. package/dist/esm/ui/MultiBodiedExtension/index.js +13 -4
  199. package/dist/esm/ui/OverflowShadow/index.js +1 -1
  200. package/dist/esm/ui/PanelTextInput/index.js +1 -1
  201. package/dist/esm/ui/Popup/index.js +1 -1
  202. package/dist/esm/ui/PortalProvider/index.js +1 -1
  203. package/dist/esm/ui/ResizerLegacy/index.js +1 -1
  204. package/dist/esm/ui/UnsupportedBlock/index.js +1 -1
  205. package/dist/esm/ui/UnsupportedInline/index.js +15 -3
  206. package/dist/esm/ui/WithCreateAnalyticsEvent/index.js +1 -1
  207. package/dist/esm/ui/with-outer-listeners.js +1 -1
  208. package/dist/esm/ui-color/ColorPalette/Color/index.js +1 -1
  209. package/dist/esm/ui-color/ColorPalette/Color/styles.js +21 -5
  210. package/dist/esm/ui-menu/ColorPickerButton/index.js +34 -7
  211. package/dist/esm/ui-menu/Dropdown/index.js +1 -1
  212. package/dist/esm/ui-menu/DropdownMenu/index.js +1 -2
  213. package/dist/esm/ui-react/with-react-editor-view-outer-listeners.js +1 -1
  214. package/dist/esm/utils/dom.js +1 -0
  215. package/dist/esm/utils/imageLoader.js +1 -1
  216. package/dist/esm/with-plugin-state/index.js +1 -1
  217. package/dist/types/analytics/types/enums.d.ts +2 -1
  218. package/dist/types/analytics/types/table-events.d.ts +10 -1
  219. package/dist/types/extensibility/ExtensionNodeWrapper.d.ts +1 -5
  220. package/dist/types/styles/shared/resizer.d.ts +1 -0
  221. package/dist/types/ui/MultiBodiedExtension/index.d.ts +1 -0
  222. package/dist/types/ui/UnsupportedInline/index.d.ts +3 -3
  223. package/dist/types-ts4.5/analytics/types/enums.d.ts +2 -1
  224. package/dist/types-ts4.5/analytics/types/table-events.d.ts +10 -1
  225. package/dist/types-ts4.5/extensibility/ExtensionNodeWrapper.d.ts +1 -5
  226. package/dist/types-ts4.5/styles/shared/resizer.d.ts +1 -0
  227. package/dist/types-ts4.5/ui/MultiBodiedExtension/index.d.ts +1 -0
  228. package/dist/types-ts4.5/ui/UnsupportedInline/index.d.ts +3 -3
  229. package/package.json +2 -1
@@ -13,8 +13,8 @@ var _react2 = require("@emotion/react");
13
13
  var _types = require("../ArrowKeyNavigationProvider/types");
14
14
  var _Dropdown = _interopRequireDefault(require("../Dropdown"));
15
15
  var _ToolbarArrowKeyNavigationProvider = require("../ToolbarArrowKeyNavigationProvider");
16
- 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
- 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; }
16
+ function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
17
+ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
18
18
  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; }
19
19
  function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; } /** @jsx jsx */
20
20
  var DropdownContainer = exports.DropdownContainer = /*#__PURE__*/_react.default.memo(function DropdownContainer(props) {
@@ -36,12 +36,12 @@ var _types = require("../ArrowKeyNavigationProvider/types");
36
36
  var _excluded = ["children"];
37
37
  var _templateObject, _templateObject2, _templateObject3, _templateObject4;
38
38
  /** @jsx jsx */
39
- function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
40
- 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
+ function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
40
+ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
41
41
  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; }
42
42
  function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
43
43
  function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
44
- function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
44
+ function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
45
45
  var wrapper = (0, _react2.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n /* tooltip in ToolbarButton is display:block */\n & > div > div {\n display: flex;\n }\n"])));
46
46
  var focusedMenuItemStyle = (0, _react2.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n box-shadow: inset 0px 0px 0px 2px ", ";\n outline: none;\n"])), "var(--ds-border-focused, ".concat(_colors.B100, ")"));
47
47
  var buttonStyles = function buttonStyles(isActive, submenuActive) {
@@ -54,7 +54,6 @@ var buttonStyles = function buttonStyles(isActive, submenuActive) {
54
54
  return (0, _react2.css)(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["\n > span:hover[aria-disabled='false'] {\n color: ", ";\n background-color: ", ";\n }\n ", "\n > span[aria-disabled='true'] {\n color: ", ";\n }\n :focus > span[aria-disabled='false'] {\n ", ";\n }\n :focus-visible,\n :focus-visible > span[aria-disabled='false'] {\n outline: none;\n }\n "])), "var(--ds-text, ".concat(_colors.N900, ")"), "var(--ds-background-neutral-subtle-hovered, rgb(244, 245, 247))", !submenuActive && "\n > span:active[aria-disabled='false'] {\n background-color: ".concat("var(--ds-background-neutral-subtle-pressed, rgb(179, 212, 255))", ";\n }"), "var(--ds-text-disabled, ".concat(_colors.N70, ")"), focusedMenuItemStyle); // The default focus-visible style is removed to ensure consistency across browsers
55
55
  }
56
56
  };
57
-
58
57
  var DropListWithOutsideListeners = (0, _uiReact.withReactEditorViewOuterListeners)(_DropList.default);
59
58
 
60
59
  /**
@@ -14,8 +14,8 @@ var _ui = require("../../ui");
14
14
  var _templateObject;
15
15
  /** @jsx jsx */
16
16
  /* eslint-disable no-console */
17
- 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); }
18
- function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
17
+ function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
18
+ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
19
19
  /*
20
20
  ** The context is used to handle the keydown events of submenus.
21
21
  ** Because the keyboard navigation is explicitly managed for main toolbar items
@@ -18,8 +18,8 @@ var _templateObject; // This file is copied to `packages/editor/editor-plugin-ai
18
18
  // If you make any change here, copy it to above file as well
19
19
  // and notify about the change in #team-fc-editor-ai-dev channel.
20
20
  /** @jsx jsx */
21
- function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
22
- function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
21
+ function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
22
+ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
23
23
  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; }
24
24
  function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
25
25
  var TOOLBAR_BUTTON = exports.TOOLBAR_BUTTON = _analytics.TOOLBAR_ACTION_SUBJECT_ID;
@@ -92,5 +92,5 @@ var _ColorPaletteArrowKeyNavigationProvider = require("./ArrowKeyNavigationProvi
92
92
  var _Dropdown = _interopRequireDefault(require("./Dropdown"));
93
93
  var _ColorPickerButton = _interopRequireDefault(require("./ColorPickerButton"));
94
94
  var _DropdownContainer = require("./DropdownContainer");
95
- 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); }
96
- 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; }
95
+ function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
96
+ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
@@ -19,10 +19,10 @@ var _react = _interopRequireWildcard(require("react"));
19
19
  var _reactDom = _interopRequireDefault(require("react-dom"));
20
20
  var _ReactEditorViewContext = _interopRequireDefault(require("./ReactEditorViewContext"));
21
21
  var _excluded = ["handleClickOutside", "handleEnterKeydown", "handleEscapeKeydown", "closeOnTab"];
22
- 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); }
23
- 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; }
22
+ function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
23
+ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
24
24
  function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
25
- function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
25
+ function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
26
26
  // This needs exporting to be used alongisde `withReactEditorViewOuterListeners`
27
27
  var WithOutsideClick = /*#__PURE__*/function (_PureComponent) {
28
28
  (0, _inherits2.default)(WithOutsideClick, _PureComponent);
@@ -15,10 +15,10 @@ var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime
15
15
  var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
16
16
  var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
17
17
  var _react = _interopRequireWildcard(require("react"));
18
- function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
19
- 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
+ function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
19
+ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
20
20
  function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
21
- function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
21
+ function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
22
22
  var withImageLoader = exports.withImageLoader = function withImageLoader(Wrapped) {
23
23
  return /*#__PURE__*/function (_Component) {
24
24
  (0, _inherits2.default)(WithImageLoader, _Component);
@@ -20,7 +20,7 @@ var _utils = require("../utils");
20
20
  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; }
21
21
  function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
22
22
  function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
23
- function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
23
+ function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
24
24
  var DEFAULT_SAMPLING_RATE = 100;
25
25
  var DEFAULT_SLOW_THRESHOLD = 4;
26
26
 
@@ -164,6 +164,7 @@ export let INPUT_METHOD = /*#__PURE__*/function (INPUT_METHOD) {
164
164
  INPUT_METHOD["TYPEAHEAD"] = "typeAhead";
165
165
  INPUT_METHOD["DATASOURCE"] = "datasource_config";
166
166
  INPUT_METHOD["TABLE_CONTEXT_MENU"] = "tableContextMenu";
167
+ INPUT_METHOD["MOUSE"] = "mouse";
167
168
  return INPUT_METHOD;
168
169
  }({});
169
170
  export let TRIGGER_METHOD = /*#__PURE__*/function (TRIGGER_METHOD) {
@@ -23,6 +23,7 @@ export let TABLE_ACTION = /*#__PURE__*/function (TABLE_ACTION) {
23
23
  TABLE_ACTION["FIXED"] = "fixed";
24
24
  TABLE_ACTION["RESIZED"] = "resized";
25
25
  TABLE_ACTION["RESIZE_PERF_SAMPLING"] = "resizePerfSampling";
26
+ TABLE_ACTION["COLUMN_RESIZED"] = "columnResized";
26
27
  TABLE_ACTION["OVERFLOW_CHANGED"] = "overflowChanged";
27
28
  TABLE_ACTION["INITIAL_OVERFLOW_CAPTURED"] = "initialOverflowCaptured";
28
29
  TABLE_ACTION["MOVED_ROW"] = "movedRow";
@@ -16,6 +16,7 @@ import { alignAttributes, isInLayoutColumn, nonWrappedLayouts } from '../../util
16
16
 
17
17
  // Workaround as we don't want to import this package into `editor-common`
18
18
  // We'll get type errors if this gets out of sync with `editor-plugin-width`.
19
+
19
20
  export const alignmentIcons = [{
20
21
  id: 'editor.media.alignLeft',
21
22
  value: 'align-start',
@@ -5,8 +5,10 @@ import * as themeColors from '@atlaskit/theme/colors';
5
5
 
6
6
  // Format of the payload returned by the callback function passed to the collab provider
7
7
  // that gets called when syncing with the back-end service fails.
8
+
8
9
  // Format of the document and its metadata returned from the collab provider
9
10
  // after editing and for draft sync
11
+
10
12
  // Provider Errors
11
13
  // Emitted errors
12
14
  export let PROVIDER_ERROR_CODE = /*#__PURE__*/function (PROVIDER_ERROR_CODE) {
@@ -141,6 +143,9 @@ const telepointerColorStyle = (color, index) => `
141
143
  }
142
144
  `;
143
145
  export const TELEPOINTER_DIM_CLASS = 'telepointer-dim';
146
+
147
+ // Disable top: -14px since it is necessary to align to cursor
148
+ // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage/preview
144
149
  export const telepointerStyle = css`
145
150
  .ProseMirror .telepointer {
146
151
  position: relative;
@@ -160,7 +165,7 @@ export const telepointerStyle = css`
160
165
  font-size: ${relativeFontSizeToBase16(9)};
161
166
  padding: ${"var(--ds-space-025, 2px)"};
162
167
  color: ${"var(--ds-text-inverse, white)"};
163
- left: -1px;
168
+ left: 0px;
164
169
  border-radius: 2px 2px 2px 0;
165
170
  line-height: initial;
166
171
  }
@@ -22,23 +22,21 @@ import EmptyState from './EmptyState';
22
22
  import { getColumnCount, getScrollbarWidth } from './utils';
23
23
  export const ICON_HEIGHT = 40;
24
24
  export const ICON_WIDTH = 40;
25
- export const itemIcon = css`
26
- width: ${ICON_WIDTH}px;
27
- height: ${ICON_HEIGHT}px;
28
- overflow: hidden;
29
- border: 1px solid ${"var(--ds-border, rgba(223, 225, 229, 0.5))"}; /* N60 at 50% */
30
- border-radius: ${borderRadius()}px;
31
- box-sizing: border-box;
32
-
33
- display: flex;
34
- justify-content: center;
35
- align-items: center;
36
-
37
- div {
38
- width: ${ICON_WIDTH}px;
39
- height: ${ICON_HEIGHT}px;
25
+ export const itemIcon = css({
26
+ width: `${ICON_WIDTH}px`,
27
+ height: `${ICON_HEIGHT}px`,
28
+ overflow: 'hidden',
29
+ border: `1px solid ${"var(--ds-border, rgba(223, 225, 229, 0.5))"}`,
30
+ borderRadius: `${borderRadius()}px`,
31
+ boxSizing: 'border-box',
32
+ display: 'flex',
33
+ justifyContent: 'center',
34
+ alignItems: 'center',
35
+ div: {
36
+ width: `${ICON_WIDTH}px`,
37
+ height: `${ICON_HEIGHT}px`
40
38
  }
41
- `;
39
+ });
42
40
  function ElementList({
43
41
  items,
44
42
  mode,
@@ -230,95 +228,86 @@ const ItemContent = /*#__PURE__*/memo(({
230
228
  }, keyshortcut))), description && jsx("p", {
231
229
  css: itemDescription
232
230
  }, description))));
233
- const elementItemsWrapper = css`
234
- flex: 1;
235
- flex-flow: row wrap;
236
- align-items: flex-start;
237
- justify-content: flex-start;
238
- overflow: hidden;
239
- padding: ${ELEMENT_LIST_PADDING}px; // For Focus outline
240
-
241
- .ReactVirtualized__Collection {
242
- border-radius: 3px; // Standard border-radius across other components like Search or Item.
243
- outline: none;
244
-
245
- :focus {
246
- box-shadow: 0 0 0 ${ELEMENT_LIST_PADDING}px
247
- ${`var(--ds-border-focused, ${B100})`};
231
+ const elementItemsWrapper = css({
232
+ flex: 1,
233
+ flexFlow: 'row wrap',
234
+ alignItems: 'flex-start',
235
+ justifyContent: 'flex-start',
236
+ overflow: 'hidden',
237
+ padding: "var(--ds-space-025, 2px)",
238
+ '.ReactVirtualized__Collection': {
239
+ borderRadius: '3px',
240
+ outline: 'none',
241
+ ':focus': {
242
+ boxShadow: `0 0 0 ${ELEMENT_LIST_PADDING}px ${`var(--ds-border-focused, ${B100})`}`
248
243
  }
249
- }
250
- .ReactVirtualized__Collection__innerScrollContainer {
251
- div[class='element-item-wrapper']:last-child {
252
- padding-bottom: ${"var(--ds-space-050, 4px)"};
244
+ },
245
+ '.ReactVirtualized__Collection__innerScrollContainer': {
246
+ "div[class='element-item-wrapper']:last-child": {
247
+ paddingBottom: "var(--ds-space-050, 4px)"
253
248
  }
254
249
  }
255
- `;
256
- const elementItemWrapper = css`
257
- div {
258
- button {
259
- height: 75px;
260
- align-items: flex-start;
261
- padding: ${"var(--ds-space-150, 12px)"} ${"var(--ds-space-150, 12px)"} 11px;
250
+ });
251
+ const elementItemWrapper = css({
252
+ div: {
253
+ button: {
254
+ height: '75px',
255
+ alignItems: 'flex-start',
256
+ padding: "var(--ds-space-150, 12px)"
262
257
  }
263
258
  }
264
- `;
265
- const itemBody = css`
266
- display: flex;
267
- flex-direction: row;
268
- flex-wrap: nowrap;
269
- justify-content: space-between;
270
- line-height: 1.4;
271
- width: 100%;
272
-
273
- margin-top: ${"var(--ds-space-negative-025, -2px)"}; // Fixes the Item Icon and text's alignment issue
274
- `;
259
+ });
260
+ const itemBody = css({
261
+ display: 'flex',
262
+ flexDirection: 'row',
263
+ flexWrap: 'nowrap',
264
+ justifyContent: 'space-between',
265
+ lineHeight: 1.4,
266
+ width: '100%',
267
+ marginTop: "var(--ds-space-negative-025, -2px)"
268
+ });
275
269
 
276
270
  /*
277
271
  * -webkit-line-clamp is also supported by firefox 🎉
278
272
  * https://developer.mozilla.org/en-US/docs/Mozilla/Firefox/Releases/68#CSS
279
273
  */
280
- const multilineStyle = css`
281
- display: -webkit-box;
282
- -webkit-line-clamp: 2;
283
- -webkit-box-orient: vertical;
284
- `;
285
- const itemDescription = css`
286
- ${multilineStyle};
287
-
288
- overflow: hidden;
289
- font-size: ${relativeFontSizeToBase16(11.67)};
290
- color: ${`var(--ds-text-subtle, ${N200})`};
291
- margin-top: ${"var(--ds-space-025, 2px)"};
292
- `;
293
- const itemText = css`
294
- width: inherit;
295
- white-space: initial;
296
- `;
297
- const itemTitleWrapper = css`
298
- display: flex;
299
- justify-content: space-between; // Title and keyboardshortcut are rendered in the same block
300
- `;
301
- const itemTitle = css`
302
- width: 100%;
303
- overflow: hidden;
304
-
305
- white-space: nowrap;
306
- text-overflow: ellipsis;
307
- `;
308
- const itemAfter = css`
309
- flex: 0 0 auto;
310
-
311
- // Prevents item from being cut off due to negative margin
312
- padding-top: ${"var(--ds-space-025, 2px)"};
313
- margin-bottom: ${"var(--ds-space-negative-025, -2px)"};
314
- `;
315
- const itemIconStyle = css`
316
- img {
317
- height: 40px;
318
- width: 40px;
319
- object-fit: cover;
274
+ const multilineStyle = css({
275
+ display: '-webkit-box',
276
+ WebkitLineClamp: 2,
277
+ WebkitBoxOrient: 'vertical'
278
+ });
279
+ const itemDescription = css(multilineStyle, {
280
+ overflow: 'hidden',
281
+ fontSize: relativeFontSizeToBase16(11.67),
282
+ color: `var(--ds-text-subtle, ${N200})`,
283
+ marginTop: "var(--ds-space-025, 2px)"
284
+ });
285
+ const itemText = css({
286
+ width: 'inherit',
287
+ whiteSpace: 'initial'
288
+ });
289
+ const itemTitleWrapper = css({
290
+ display: 'flex',
291
+ justifyContent: 'space-between'
292
+ });
293
+ const itemTitle = css({
294
+ width: '100%',
295
+ overflow: 'hidden',
296
+ whiteSpace: 'nowrap',
297
+ textOverflow: 'ellipsis'
298
+ });
299
+ const itemAfter = css({
300
+ flex: '0 0 auto',
301
+ paddingTop: "var(--ds-space-025, 2px)",
302
+ marginBottom: "var(--ds-space-negative-025, -2px)"
303
+ });
304
+ const itemIconStyle = css({
305
+ img: {
306
+ height: '40px',
307
+ width: '40px',
308
+ objectFit: 'cover'
320
309
  }
321
- `;
310
+ });
322
311
  const MemoizedElementListWithAnalytics = /*#__PURE__*/memo(withAnalyticsContext({
323
312
  component: 'ElementList'
324
313
  })(ElementList));
@@ -2,6 +2,7 @@
2
2
  import { css, jsx } from '@emotion/react';
3
3
  import { FormattedMessage } from 'react-intl-next';
4
4
  import Button from '@atlaskit/button';
5
+ import { Box, xcss } from '@atlaskit/primitives';
5
6
  import NotFoundIllustration from './NotFoundIllustration';
6
7
  export default function EmptyState({
7
8
  onExternalLinkClick
@@ -21,8 +22,8 @@ export default function EmptyState({
21
22
  id: "fabric.editor.elementbrowser.search.empty-state.sub-heading",
22
23
  defaultMessage: "Try searching with a different term or discover new apps for Atlassian products.",
23
24
  description: "Empty state sub-heading"
24
- })), jsx("div", {
25
- css: externalLinkWrapper
25
+ })), jsx(Box, {
26
+ xcss: externalLinkWrapper
26
27
  }, jsx(Button, {
27
28
  appearance: "primary",
28
29
  target: "_blank",
@@ -40,7 +41,7 @@ const emptyStateHeading = css({
40
41
  color: "var(--ds-text, rgb(23, 43, 77))",
41
42
  fontWeight: 500,
42
43
  letterSpacing: '-0.008em',
43
- marginTop: '28px'
44
+ marginTop: "var(--ds-space-300, 24px)"
44
45
  });
45
46
  const emptyStateSubHeading = css({
46
47
  marginTop: "var(--ds-space-200, 16px)",
@@ -54,6 +55,6 @@ const emptyStateWrapper = css({
54
55
  alignItems: 'center',
55
56
  width: '100%'
56
57
  });
57
- const externalLinkWrapper = css({
58
- marginTop: '14px'
58
+ const externalLinkWrapper = xcss({
59
+ marginTop: "var(--ds-space-150, 12px)"
59
60
  });
@@ -114,8 +114,8 @@ function ElementSearch({
114
114
  }, assistiveMessage));
115
115
  }
116
116
  const styledShortcut = css(shortcutStyle, {
117
- padding: `${GRID_SIZE / 2}px ${GRID_SIZE}px`,
118
- width: `${GRID_SIZE * 6}px`
117
+ padding: `${"var(--ds-space-050, 4px)"} ${"var(--ds-space-100, 8px)"}`,
118
+ width: "var(--ds-space-600, 48px)"
119
119
  });
120
120
  const wrapper = css({
121
121
  '& > [data-ds--text-field--container]': {
@@ -124,9 +124,8 @@ const wrapper = css({
124
124
  flex: '1 1 100%',
125
125
  overflow: 'visible',
126
126
  '& > [data-ds--text-field--input]': {
127
- marginBottom: '3px',
128
127
  fontSize: relativeFontSizeToBase16(14),
129
- padding: `${GRID_SIZE}px ${"var(--ds-space-075, 6px)"} ${GRID_SIZE}px 0`
128
+ padding: `${"var(--ds-space-100, 8px)"} ${"var(--ds-space-075, 6px)"} ${"var(--ds-space-100, 8px)"} 0`
130
129
  }
131
130
  }
132
131
  });
@@ -55,6 +55,9 @@ function ExtensionWithPluginState(props) {
55
55
  'with-children': hasChildren,
56
56
  'without-frame': removeBorder
57
57
  });
58
+ const contentClassNames = classnames({
59
+ 'remove-padding': showMacroInteractionDesignUpdates
60
+ });
58
61
  let customContainerStyles = {
59
62
  width: '100%'
60
63
  };
@@ -102,7 +105,8 @@ function ExtensionWithPluginState(props) {
102
105
  node: node,
103
106
  showMacroInteractionDesignUpdates: showMacroInteractionDesignUpdates
104
107
  }), children), hasBody && jsx("div", {
105
- css: newContentStyles
108
+ css: newContentStyles,
109
+ className: contentClassNames
106
110
  }, jsx("div", {
107
111
  css: content,
108
112
  ref: handleContentDOMRef,
@@ -1,42 +1,40 @@
1
1
  import { css } from '@emotion/react';
2
2
  import { N30 } from '@atlaskit/theme/colors';
3
- import { padding, wrapperDefault } from '../styles';
3
+ import { wrapperDefault } from '../styles';
4
4
  export const widerLayoutClassName = 'wider-layout';
5
- export const wrapperStyle = css`
6
- ${wrapperDefault}
7
-
8
- &.without-frame {
9
- background: transparent;
5
+ export const wrapperStyle = css(wrapperDefault, {
6
+ '&.without-frame': {
7
+ background: 'transparent'
8
+ },
9
+ cursor: 'pointer',
10
+ width: '100%',
11
+ '.extension-overflow-wrapper:not(.with-body)': {
12
+ overflowX: 'auto'
10
13
  }
11
- cursor: pointer;
12
- width: 100%;
13
-
14
- .extension-overflow-wrapper:not(.with-body) {
15
- overflow-x: auto;
14
+ });
15
+ export const header = css({
16
+ padding: `${"var(--ds-space-050, 4px)"} ${"var(--ds-space-050, 4px)"} 0px`,
17
+ verticalAlign: 'middle',
18
+ '&.with-children:not(.without-frame)': {
19
+ padding: `${"var(--ds-space-050, 4px)"} ${"var(--ds-space-100, 8px)"} ${"var(--ds-space-100, 8px)"}`
20
+ },
21
+ '&.without-frame': {
22
+ padding: 0
16
23
  }
17
- `;
18
- export const header = css`
19
- padding: ${padding / 2}px ${padding / 2}px 0px;
20
- vertical-align: middle;
21
-
22
- &.with-children:not(.without-frame) {
23
- padding: ${"var(--ds-space-050, 4px)"} ${"var(--ds-space-100, 8px)"}
24
- ${"var(--ds-space-100, 8px)"};
24
+ });
25
+ export const content = css({
26
+ padding: "var(--ds-space-100, 8px)",
27
+ background: "var(--ds-surface, white)",
28
+ border: `1px solid ${`var(--ds-border, ${N30})`}`,
29
+ borderRadius: "var(--ds-border-radius, 3px)",
30
+ cursor: 'initial',
31
+ width: '100%'
32
+ });
33
+ export const contentWrapper = css({
34
+ padding: `0 ${"var(--ds-space-100, 8px)"} ${"var(--ds-space-100, 8px)"}`,
35
+ display: 'flex',
36
+ justifyContent: 'center',
37
+ '&.remove-padding': {
38
+ padding: 0
25
39
  }
26
- &.without-frame {
27
- padding: 0;
28
- }
29
- `;
30
- export const content = css`
31
- padding: ${padding}px;
32
- background: ${"var(--ds-surface, white)"};
33
- border: 1px solid ${`var(--ds-border, ${N30})`};
34
- border-radius: ${"var(--ds-border-radius, 3px)"};
35
- cursor: initial;
36
- width: 100%;
37
- `;
38
- export const contentWrapper = css`
39
- padding: 0 ${padding}px ${padding}px;
40
- display: flex;
41
- justify-content: center;
42
- `;
40
+ });
@@ -1,5 +1,5 @@
1
1
  /** @jsx jsx */
2
- import React, { Fragment } from 'react';
2
+ import React from 'react';
3
3
  import { jsx } from '@emotion/react';
4
4
  import { akEditorGutterPadding } from '@atlaskit/editor-shared-styles';
5
5
  import { getBooleanFF } from '@atlaskit/platform-feature-flags';
@@ -23,11 +23,7 @@ const InlineExtension = props => {
23
23
  const className = hasChildren ? 'with-overlay with-children' : 'with-overlay';
24
24
  const rendererContainerWidth = widthState ? widthState.width - akEditorGutterPadding * 2 : 0;
25
25
  const extendedInlineExtension = getBooleanFF('platform.editor.inline_extension.extended_lcqdn') || false;
26
- const inlineExtensionInternal = jsx(Fragment, null, showMacroInteractionDesignUpdates && jsx(ExtensionLozenge, {
27
- node: node,
28
- isNodeSelected: isNodeSelected,
29
- showMacroInteractionDesignUpdates: showMacroInteractionDesignUpdates
30
- }), jsx("div", {
26
+ const inlineExtensionInternal = jsx("div", {
31
27
  css: [wrapperStyle, extendedInlineExtension && inlineWrapperStyels],
32
28
  className: `extension-container inline ${className}`
33
29
  }, jsx("div", {
@@ -37,7 +33,7 @@ const InlineExtension = props => {
37
33
  node: node,
38
34
  isNodeSelected: isNodeSelected,
39
35
  showMacroInteractionDesignUpdates: showMacroInteractionDesignUpdates
40
- })));
36
+ }));
41
37
  if (extendedInlineExtension) {
42
38
  return jsx(WidthContext.Provider, {
43
39
  value: createWidthContext(rendererContainerWidth)