@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 +14 -0
- package/dist/cjs/ui/registered-menu/RegisteredTypeAheadMenu.compiled.css +2 -0
- package/dist/cjs/ui/registered-menu/RegisteredTypeAheadMenu.js +5 -5
- package/dist/es2019/ui/registered-menu/RegisteredTypeAheadMenu.compiled.css +2 -0
- package/dist/es2019/ui/registered-menu/RegisteredTypeAheadMenu.js +5 -5
- package/dist/esm/ui/registered-menu/RegisteredTypeAheadMenu.compiled.css +2 -0
- package/dist/esm/ui/registered-menu/RegisteredTypeAheadMenu.js +5 -5
- package/dist/types/ui/registered-menu/RegisteredTypeAheadMenu.d.ts +4 -0
- package/package.json +3 -3
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(
|
|
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
|
-
|
|
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(
|
|
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
|
-
|
|
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(
|
|
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
|
-
|
|
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, {
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@atlaskit/editor-plugin-type-ahead",
|
|
3
|
-
"version": "24.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": "^
|
|
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.
|
|
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"
|