@atlaskit/editor-plugin-type-ahead 31.0.3 → 31.0.4
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,27 @@
|
|
|
1
1
|
# @atlaskit/editor-plugin-type-ahead
|
|
2
2
|
|
|
3
|
+
## 31.0.4
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- [`69008f6bdcb98`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/69008f6bdcb98) -
|
|
8
|
+
Adjust all mention picker rows and emoji results to use 6px vertical padding, 8px between rows,
|
|
9
|
+
and 2px between primary and secondary text behind platform_editor_mentions_email_search.
|
|
10
|
+
|
|
11
|
+
Center the avatar and text within the 50px selection row and reserve the 8px gap outside the
|
|
12
|
+
selection and focus backgrounds.
|
|
13
|
+
|
|
14
|
+
Share the presentational picker row between mentions and emoji through
|
|
15
|
+
`@atlaskit/user-picker/picker-item-content`.
|
|
16
|
+
|
|
17
|
+
Apply the same gated preview spacing to the emoji picker footer, and use 12px horizontal padding
|
|
18
|
+
and avatar-to-text spacing for both mentions and emoji.
|
|
19
|
+
|
|
20
|
+
Consolidate byline formatting within the email-search layout, keeping the original byline
|
|
21
|
+
components in the legacy path and subtext presentation internal to each layout.
|
|
22
|
+
|
|
23
|
+
- Updated dependencies
|
|
24
|
+
|
|
3
25
|
## 31.0.3
|
|
4
26
|
|
|
5
27
|
### Patch Changes
|
|
@@ -21,6 +21,7 @@ var _main = require("@atlaskit/editor-shared-styles/shortcut/main");
|
|
|
21
21
|
var _buttonItem = _interopRequireDefault(require("@atlaskit/menu/button-item"));
|
|
22
22
|
var _isExperimentEnabled = require("@atlaskit/platform-feature-experiments/is-experiment-enabled");
|
|
23
23
|
var _fg = require("@atlaskit/platform-feature-flags/fg");
|
|
24
|
+
var _box = require("@atlaskit/primitives/compiled/box");
|
|
24
25
|
var _visuallyHidden = _interopRequireDefault(require("@atlaskit/visually-hidden/visually-hidden"));
|
|
25
26
|
var _SkillTagLabel = require("./SkillTagLabel");
|
|
26
27
|
var _templateObject, _templateObject2, _templateObject3, _templateObject4;
|
|
@@ -249,7 +250,7 @@ var TypeAheadListItem = exports.TypeAheadListItem = /*#__PURE__*/_react.default.
|
|
|
249
250
|
}
|
|
250
251
|
}, [buttonItemRef, shouldUpdateFocus, lastInputMethodRef, isSafari]);
|
|
251
252
|
if (customRenderItem) {
|
|
252
|
-
|
|
253
|
+
var customItem = (0, _react2.jsx)(CustomItemComponentWrapper, {
|
|
253
254
|
itemIsDisabled: itemIsDisabled,
|
|
254
255
|
customRenderItem: customRenderItem,
|
|
255
256
|
isSelected: isSelected,
|
|
@@ -259,6 +260,9 @@ var TypeAheadListItem = exports.TypeAheadListItem = /*#__PURE__*/_react.default.
|
|
|
259
260
|
insertSelectedItem: insertSelectedItem,
|
|
260
261
|
itemIndex: itemIndex
|
|
261
262
|
});
|
|
263
|
+
return (0, _isExperimentEnabled.isExperimentEnabled)('platform_editor_mentions_email_search') && (item.mention || item.emoji) ? (0, _react2.jsx)(_box.Box, {
|
|
264
|
+
paddingBlockEnd: "space.100"
|
|
265
|
+
}, customItem) : customItem;
|
|
262
266
|
}
|
|
263
267
|
return (
|
|
264
268
|
// eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
|
|
@@ -18,6 +18,7 @@ import { shortcutStyle } from '@atlaskit/editor-shared-styles/shortcut/main';
|
|
|
18
18
|
import ButtonItem from '@atlaskit/menu/button-item';
|
|
19
19
|
import { isExperimentEnabled } from '@atlaskit/platform-feature-experiments/is-experiment-enabled';
|
|
20
20
|
import { fg } from '@atlaskit/platform-feature-flags/fg';
|
|
21
|
+
import { Box } from '@atlaskit/primitives/compiled/box';
|
|
21
22
|
import VisuallyHidden from '@atlaskit/visually-hidden/visually-hidden';
|
|
22
23
|
import { parseSkillTagTitle, SkillTagLabel } from './SkillTagLabel';
|
|
23
24
|
|
|
@@ -261,7 +262,7 @@ export const TypeAheadListItem = /*#__PURE__*/React.memo(({
|
|
|
261
262
|
}
|
|
262
263
|
}, [buttonItemRef, shouldUpdateFocus, lastInputMethodRef, isSafari]);
|
|
263
264
|
if (customRenderItem) {
|
|
264
|
-
|
|
265
|
+
const customItem = jsx(CustomItemComponentWrapper, {
|
|
265
266
|
itemIsDisabled: itemIsDisabled,
|
|
266
267
|
customRenderItem: customRenderItem,
|
|
267
268
|
isSelected: isSelected,
|
|
@@ -271,6 +272,9 @@ export const TypeAheadListItem = /*#__PURE__*/React.memo(({
|
|
|
271
272
|
insertSelectedItem: insertSelectedItem,
|
|
272
273
|
itemIndex: itemIndex
|
|
273
274
|
});
|
|
275
|
+
return isExperimentEnabled('platform_editor_mentions_email_search') && (item.mention || item.emoji) ? jsx(Box, {
|
|
276
|
+
paddingBlockEnd: "space.100"
|
|
277
|
+
}, customItem) : customItem;
|
|
274
278
|
}
|
|
275
279
|
return (
|
|
276
280
|
// eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
|
|
@@ -20,6 +20,7 @@ import { shortcutStyle } from '@atlaskit/editor-shared-styles/shortcut/main';
|
|
|
20
20
|
import ButtonItem from '@atlaskit/menu/button-item';
|
|
21
21
|
import { isExperimentEnabled } from '@atlaskit/platform-feature-experiments/is-experiment-enabled';
|
|
22
22
|
import { fg } from '@atlaskit/platform-feature-flags/fg';
|
|
23
|
+
import { Box } from '@atlaskit/primitives/compiled/box';
|
|
23
24
|
import VisuallyHidden from '@atlaskit/visually-hidden/visually-hidden';
|
|
24
25
|
import { parseSkillTagTitle, SkillTagLabel } from './SkillTagLabel';
|
|
25
26
|
|
|
@@ -242,7 +243,7 @@ export var TypeAheadListItem = /*#__PURE__*/React.memo(function (_ref) {
|
|
|
242
243
|
}
|
|
243
244
|
}, [buttonItemRef, shouldUpdateFocus, lastInputMethodRef, isSafari]);
|
|
244
245
|
if (customRenderItem) {
|
|
245
|
-
|
|
246
|
+
var customItem = jsx(CustomItemComponentWrapper, {
|
|
246
247
|
itemIsDisabled: itemIsDisabled,
|
|
247
248
|
customRenderItem: customRenderItem,
|
|
248
249
|
isSelected: isSelected,
|
|
@@ -252,6 +253,9 @@ export var TypeAheadListItem = /*#__PURE__*/React.memo(function (_ref) {
|
|
|
252
253
|
insertSelectedItem: insertSelectedItem,
|
|
253
254
|
itemIndex: itemIndex
|
|
254
255
|
});
|
|
256
|
+
return isExperimentEnabled('platform_editor_mentions_email_search') && (item.mention || item.emoji) ? jsx(Box, {
|
|
257
|
+
paddingBlockEnd: "space.100"
|
|
258
|
+
}, customItem) : customItem;
|
|
255
259
|
}
|
|
256
260
|
return (
|
|
257
261
|
// eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@atlaskit/editor-plugin-type-ahead",
|
|
3
|
-
"version": "31.0.
|
|
3
|
+
"version": "31.0.4",
|
|
4
4
|
"description": "Type-ahead plugin for @atlaskit/editor-core",
|
|
5
5
|
"author": "Atlassian Pty Ltd",
|
|
6
6
|
"license": "Apache-2.0",
|
|
@@ -33,14 +33,14 @@
|
|
|
33
33
|
"@atlaskit/editor-ui-control-model": "^3.0.0",
|
|
34
34
|
"@atlaskit/heading": "^8.0.0",
|
|
35
35
|
"@atlaskit/insm": "^3.0.0",
|
|
36
|
-
"@atlaskit/mention": "^30.
|
|
36
|
+
"@atlaskit/mention": "^30.7.0",
|
|
37
37
|
"@atlaskit/menu": "^11.0.0",
|
|
38
38
|
"@atlaskit/platform-feature-experiments": "^0.3.0",
|
|
39
39
|
"@atlaskit/platform-feature-flags": "^2.2.0",
|
|
40
40
|
"@atlaskit/primitives": "^22.6.0",
|
|
41
41
|
"@atlaskit/prosemirror-history": "^1.3.0",
|
|
42
42
|
"@atlaskit/prosemirror-input-rules": "^4.1.0",
|
|
43
|
-
"@atlaskit/tmp-editor-statsig": "^248.
|
|
43
|
+
"@atlaskit/tmp-editor-statsig": "^248.1.0",
|
|
44
44
|
"@atlaskit/tokens": "^20.8.0",
|
|
45
45
|
"@atlaskit/visually-hidden": "^4.4.0",
|
|
46
46
|
"@babel/runtime": "^7.0.0",
|