@atlaskit/editor-plugin-type-ahead 24.0.0 → 24.0.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/CHANGELOG.md CHANGED
@@ -1,5 +1,19 @@
1
1
  # @atlaskit/editor-plugin-type-ahead
2
2
 
3
+ ## 24.0.2
4
+
5
+ ### Patch Changes
6
+
7
+ - Updated dependencies
8
+
9
+ ## 24.0.1
10
+
11
+ ### Patch Changes
12
+
13
+ - [`5418de25e5bdb`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/5418de25e5bdb) -
14
+ Restore pointer interaction for registered slash command typeahead menus behind
15
+ platform_editor_slash_command.
16
+
3
17
  ## 24.0.0
4
18
 
5
19
  ### Patch Changes
@@ -1,3 +1,4 @@
1
+ ._19itglyw{border:none}
1
2
  ._2rko1mok{border-radius:var(--ds-radius-large,8px)}._16qs130s{box-shadow:var(--ds-shadow-overlay,0 8px 9pt #1e1f2126,0 0 1px #1e1f214f)}
2
3
  ._18m915vq{overflow-y:hidden}
3
4
  ._1bsbnklw{width:20pc}
@@ -5,4 +6,5 @@
5
6
  ._1reo15vq{overflow-x:hidden}
6
7
  ._85i512x7{padding-block-end:var(--ds-space-075,6px)}
7
8
  ._bfhk1bhr{background-color:var(--ds-surface-overlay,#fff)}
9
+ ._r06hglyw{-webkit-appearance:none;appearance:none}
8
10
  ._vchhusvi{box-sizing:border-box}
@@ -21,7 +21,6 @@ var _ui = require("@atlaskit/editor-common/ui");
21
21
  var _constants = require("@atlaskit/editor-shared-styles/constants");
22
22
  var _createSurfaceContext = require("@atlaskit/editor-ui-control-model/create-surface-context");
23
23
  var _isExperimentEnabled = require("@atlaskit/platform-feature-experiments/is-experiment-enabled");
24
- var _compiled = require("@atlaskit/primitives/compiled");
25
24
  var _InputQuery = require("../InputQuery");
26
25
  var _getTypeAheadGlobalViewMoreId = require("./getTypeAheadGlobalViewMoreId");
27
26
  var _getTypeAheadItemId = require("./getTypeAheadItemId");
@@ -29,7 +28,7 @@ var _TypeAheadMenuRenderer = require("./TypeAheadMenuRenderer");
29
28
  var _TypeAheadProvider = require("./TypeAheadProvider");
30
29
  function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
31
30
  var styles = {
32
- menu: "_2rko1mok _1reo15vq _18m915vq _bfhk1bhr _vchhusvi _16qs130s _1q51u2gc _85i512x7 _1bsbnklw"
31
+ menu: "_19itglyw _2rko1mok _1reo15vq _18m915vq _bfhk1bhr _r06hglyw _vchhusvi _16qs130s _1q51u2gc _85i512x7 _1bsbnklw"
33
32
  };
34
33
  var DEFAULT_MENU_MAX_HEIGHT = 480;
35
34
  var MENU_VERTICAL_PADDING = 14;
@@ -188,11 +187,12 @@ var RegisteredTypeAheadMenu = exports.RegisteredTypeAheadMenu = function Registe
188
187
  scrollableElement: popupsScrollableElement,
189
188
  target: anchorElement,
190
189
  zIndex: _constants.akEditorFloatingDialogZIndex
191
- }, /*#__PURE__*/_react.default.createElement(_compiled.Box, {
190
+ }, /*#__PURE__*/_react.default.createElement("div", {
192
191
  ref: menuRef,
192
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Parent overlays use this class to restore pointer interaction.
193
+ className: (0, _runtime.ax)([styles.menu, "fabric-editor-typeahead"]),
193
194
  "data-registered-type-ahead-menu": "",
194
- testId: "registered-type-ahead-menu",
195
- xcss: styles.menu
195
+ "data-testid": "registered-type-ahead-menu"
196
196
  }, /*#__PURE__*/_react.default.createElement(_TypeAheadProvider.TypeAheadProvider, {
197
197
  value: typeAheadContextValue
198
198
  }, /*#__PURE__*/_react.default.createElement(SurfaceProvider, null, /*#__PURE__*/_react.default.createElement(_TypeAheadMenuRenderer.TypeAheadMenuRenderer, {
@@ -1,3 +1,4 @@
1
+ ._19itglyw{border:none}
1
2
  ._2rko1mok{border-radius:var(--ds-radius-large,8px)}._16qs130s{box-shadow:var(--ds-shadow-overlay,0 8px 9pt #1e1f2126,0 0 1px #1e1f214f)}
2
3
  ._18m915vq{overflow-y:hidden}
3
4
  ._1bsbnklw{width:20pc}
@@ -5,4 +6,5 @@
5
6
  ._1reo15vq{overflow-x:hidden}
6
7
  ._85i512x7{padding-block-end:var(--ds-space-075,6px)}
7
8
  ._bfhk1bhr{background-color:var(--ds-surface-overlay,#fff)}
9
+ ._r06hglyw{-webkit-appearance:none;appearance:none}
8
10
  ._vchhusvi{box-sizing:border-box}
@@ -11,14 +11,13 @@ import { Popup } from '@atlaskit/editor-common/ui';
11
11
  import { akEditorFloatingDialogZIndex } from '@atlaskit/editor-shared-styles/constants';
12
12
  import { createSurfaceContext } from '@atlaskit/editor-ui-control-model/create-surface-context';
13
13
  import { isExperimentEnabled } from '@atlaskit/platform-feature-experiments/is-experiment-enabled';
14
- import { Box } from '@atlaskit/primitives/compiled';
15
14
  import { InputQuery } from '../InputQuery';
16
15
  import { getTypeAheadGlobalViewMoreId } from './getTypeAheadGlobalViewMoreId';
17
16
  import { getTypeAheadItemId } from './getTypeAheadItemId';
18
17
  import { TypeAheadMenuRenderer } from './TypeAheadMenuRenderer';
19
18
  import { TypeAheadProvider } from './TypeAheadProvider';
20
19
  const styles = {
21
- menu: "_2rko1mok _1reo15vq _18m915vq _bfhk1bhr _vchhusvi _16qs130s _1q51u2gc _85i512x7 _1bsbnklw"
20
+ menu: "_19itglyw _2rko1mok _1reo15vq _18m915vq _bfhk1bhr _r06hglyw _vchhusvi _16qs130s _1q51u2gc _85i512x7 _1bsbnklw"
22
21
  };
23
22
  const DEFAULT_MENU_MAX_HEIGHT = 480;
24
23
  const MENU_VERTICAL_PADDING = 14;
@@ -156,11 +155,12 @@ export const RegisteredTypeAheadMenu = ({
156
155
  scrollableElement: popupsScrollableElement,
157
156
  target: anchorElement,
158
157
  zIndex: akEditorFloatingDialogZIndex
159
- }, /*#__PURE__*/React.createElement(Box, {
158
+ }, /*#__PURE__*/React.createElement("div", {
160
159
  ref: menuRef,
160
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Parent overlays use this class to restore pointer interaction.
161
+ className: ax([styles.menu, "fabric-editor-typeahead"]),
161
162
  "data-registered-type-ahead-menu": "",
162
- testId: "registered-type-ahead-menu",
163
- xcss: styles.menu
163
+ "data-testid": "registered-type-ahead-menu"
164
164
  }, /*#__PURE__*/React.createElement(TypeAheadProvider, {
165
165
  value: typeAheadContextValue
166
166
  }, /*#__PURE__*/React.createElement(SurfaceProvider, null, /*#__PURE__*/React.createElement(TypeAheadMenuRenderer, {
@@ -1,3 +1,4 @@
1
+ ._19itglyw{border:none}
1
2
  ._2rko1mok{border-radius:var(--ds-radius-large,8px)}._16qs130s{box-shadow:var(--ds-shadow-overlay,0 8px 9pt #1e1f2126,0 0 1px #1e1f214f)}
2
3
  ._18m915vq{overflow-y:hidden}
3
4
  ._1bsbnklw{width:20pc}
@@ -5,4 +6,5 @@
5
6
  ._1reo15vq{overflow-x:hidden}
6
7
  ._85i512x7{padding-block-end:var(--ds-space-075,6px)}
7
8
  ._bfhk1bhr{background-color:var(--ds-surface-overlay,#fff)}
9
+ ._r06hglyw{-webkit-appearance:none;appearance:none}
8
10
  ._vchhusvi{box-sizing:border-box}
@@ -13,14 +13,13 @@ import { Popup } from '@atlaskit/editor-common/ui';
13
13
  import { akEditorFloatingDialogZIndex } from '@atlaskit/editor-shared-styles/constants';
14
14
  import { createSurfaceContext } from '@atlaskit/editor-ui-control-model/create-surface-context';
15
15
  import { isExperimentEnabled } from '@atlaskit/platform-feature-experiments/is-experiment-enabled';
16
- import { Box } from '@atlaskit/primitives/compiled';
17
16
  import { InputQuery } from '../InputQuery';
18
17
  import { getTypeAheadGlobalViewMoreId } from './getTypeAheadGlobalViewMoreId';
19
18
  import { getTypeAheadItemId } from './getTypeAheadItemId';
20
19
  import { TypeAheadMenuRenderer } from './TypeAheadMenuRenderer';
21
20
  import { TypeAheadProvider } from './TypeAheadProvider';
22
21
  var styles = {
23
- menu: "_2rko1mok _1reo15vq _18m915vq _bfhk1bhr _vchhusvi _16qs130s _1q51u2gc _85i512x7 _1bsbnklw"
22
+ menu: "_19itglyw _2rko1mok _1reo15vq _18m915vq _bfhk1bhr _r06hglyw _vchhusvi _16qs130s _1q51u2gc _85i512x7 _1bsbnklw"
24
23
  };
25
24
  var DEFAULT_MENU_MAX_HEIGHT = 480;
26
25
  var MENU_VERTICAL_PADDING = 14;
@@ -179,11 +178,12 @@ export var RegisteredTypeAheadMenu = function RegisteredTypeAheadMenu(_ref) {
179
178
  scrollableElement: popupsScrollableElement,
180
179
  target: anchorElement,
181
180
  zIndex: akEditorFloatingDialogZIndex
182
- }, /*#__PURE__*/React.createElement(Box, {
181
+ }, /*#__PURE__*/React.createElement("div", {
183
182
  ref: menuRef,
183
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Parent overlays use this class to restore pointer interaction.
184
+ className: ax([styles.menu, "fabric-editor-typeahead"]),
184
185
  "data-registered-type-ahead-menu": "",
185
- testId: "registered-type-ahead-menu",
186
- xcss: styles.menu
186
+ "data-testid": "registered-type-ahead-menu"
187
187
  }, /*#__PURE__*/React.createElement(TypeAheadProvider, {
188
188
  value: typeAheadContextValue
189
189
  }, /*#__PURE__*/React.createElement(SurfaceProvider, null, /*#__PURE__*/React.createElement(TypeAheadMenuRenderer, {
@@ -1,3 +1,7 @@
1
+ /**
2
+ * @jsxRuntime classic
3
+ * @jsx jsx
4
+ */
1
5
  import React from 'react';
2
6
  import type { ExtractInjectionAPI, TypeAheadHandler } from '@atlaskit/editor-common/types';
3
7
  import type { EditorView } from '@atlaskit/editor-prosemirror/view';
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/editor-plugin-type-ahead",
3
- "version": "24.0.0",
3
+ "version": "24.0.2",
4
4
  "description": "Type-ahead plugin for @atlaskit/editor-core",
5
5
  "author": "Atlassian Pty Ltd",
6
6
  "license": "Apache-2.0",
@@ -42,7 +42,7 @@
42
42
  "@atlaskit/primitives": "^22.5.0",
43
43
  "@atlaskit/prosemirror-history": "^1.3.0",
44
44
  "@atlaskit/prosemirror-input-rules": "^4.1.0",
45
- "@atlaskit/tmp-editor-statsig": "^219.0.0",
45
+ "@atlaskit/tmp-editor-statsig": "^220.0.0",
46
46
  "@atlaskit/tokens": "^20.1.0",
47
47
  "@atlaskit/visually-hidden": "^4.4.0",
48
48
  "@babel/runtime": "^7.0.0",
@@ -54,7 +54,7 @@
54
54
  "w3c-keyname": "^2.1.8"
55
55
  },
56
56
  "peerDependencies": {
57
- "@atlaskit/editor-common": "^127.0.0",
57
+ "@atlaskit/editor-common": "^127.2.0",
58
58
  "react": "^18.2.0 || ^19.2.0",
59
59
  "react-dom": "^18.2.0 || ^19.2.0",
60
60
  "react-intl": "^5.25.1 || ^6.0.0 || ^7.0.0"