@atlaskit/editor-plugin-type-ahead 5.2.2 → 5.2.3
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,13 @@
|
|
|
1
1
|
# @atlaskit/editor-plugin-type-ahead
|
|
2
2
|
|
|
3
|
+
## 5.2.3
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- [`70e281e840914`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/70e281e840914) -
|
|
8
|
+
[EDITOR-1714] Rovo logo typeahead is too big and not sized, fixed bug
|
|
9
|
+
- Updated dependencies
|
|
10
|
+
|
|
3
11
|
## 5.2.2
|
|
4
12
|
|
|
5
13
|
### Patch Changes
|
|
@@ -16,6 +16,7 @@ var _typeAhead = require("@atlaskit/editor-common/type-ahead");
|
|
|
16
16
|
var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
|
|
17
17
|
var _shortcut = require("@atlaskit/editor-shared-styles/shortcut");
|
|
18
18
|
var _menu = require("@atlaskit/menu");
|
|
19
|
+
var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
|
|
19
20
|
var _colors = require("@atlaskit/theme/colors");
|
|
20
21
|
var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
|
|
21
22
|
var _templateObject, _templateObject2, _templateObject3, _templateObject4;
|
|
@@ -59,6 +60,16 @@ var itemIconSize = (0, _react2.css)({
|
|
|
59
60
|
height: "var(--ds-space-400, 32px)"
|
|
60
61
|
}
|
|
61
62
|
});
|
|
63
|
+
var itemIconSizeUpdated = (0, _react2.css)({
|
|
64
|
+
width: "var(--ds-space-400, 32px)",
|
|
65
|
+
height: "var(--ds-space-400, 32px)",
|
|
66
|
+
// AI icons may contain div as container of the icon
|
|
67
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
68
|
+
div: {
|
|
69
|
+
width: "var(--ds-space-400, 32px)",
|
|
70
|
+
height: "var(--ds-space-400, 32px)"
|
|
71
|
+
}
|
|
72
|
+
});
|
|
62
73
|
|
|
63
74
|
// eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression, @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
|
|
64
75
|
var itemBody = (0, _react2.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n\tdisplay: flex;\n\tflex-direction: row;\n\tflex-wrap: nowrap;\n\tjustify-content: space-between;\n"])));
|
|
@@ -203,7 +214,7 @@ var TypeAheadListItem = exports.TypeAheadListItem = /*#__PURE__*/_react.default.
|
|
|
203
214
|
customRenderItem = item.render;
|
|
204
215
|
var elementIcon = (0, _react.useMemo)(function () {
|
|
205
216
|
return (0, _react2.jsx)("div", {
|
|
206
|
-
css: [itemIcon, moreElementsInQuickInsertViewEnabled
|
|
217
|
+
css: [itemIcon, moreElementsInQuickInsertViewEnabled ? (0, _platformFeatureFlags.fg)('platform_editor_ai_rovo_rebrand') ? itemIconSizeUpdated : itemIconSize : null]
|
|
207
218
|
}, icon ? icon() : (0, _react2.jsx)(FallbackIcon, {
|
|
208
219
|
label: title
|
|
209
220
|
}));
|
|
@@ -256,7 +267,7 @@ var TypeAheadListItem = exports.TypeAheadListItem = /*#__PURE__*/_react.default.
|
|
|
256
267
|
"aria-label": title
|
|
257
268
|
// TODO: ED-26959 - aria-description is in draft for ARIA 1.3.
|
|
258
269
|
// For now replace it with aria-describedby.
|
|
259
|
-
// eslint-disable-next-line
|
|
270
|
+
// eslint-disable-next-line @atlassian/a11y/aria-props -- TODO: Avoid using "aria-description" as aria attribute. See https://go/a11y-aria-props for more details.
|
|
260
271
|
,
|
|
261
272
|
"aria-description": "".concat(descriptionText, " ").concat(shortcutText),
|
|
262
273
|
"aria-setsize": itemsLength,
|
|
@@ -13,6 +13,7 @@ import { SelectItemMode, typeAheadListMessages } from '@atlaskit/editor-common/t
|
|
|
13
13
|
import { relativeFontSizeToBase16 } from '@atlaskit/editor-shared-styles';
|
|
14
14
|
import { shortcutStyle } from '@atlaskit/editor-shared-styles/shortcut';
|
|
15
15
|
import { ButtonItem } from '@atlaskit/menu';
|
|
16
|
+
import { fg } from '@atlaskit/platform-feature-flags';
|
|
16
17
|
import { B400, N200, N30, N800 } from '@atlaskit/theme/colors';
|
|
17
18
|
import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
|
|
18
19
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
|
|
@@ -49,6 +50,16 @@ const itemIconSize = css({
|
|
|
49
50
|
height: "var(--ds-space-400, 32px)"
|
|
50
51
|
}
|
|
51
52
|
});
|
|
53
|
+
const itemIconSizeUpdated = css({
|
|
54
|
+
width: "var(--ds-space-400, 32px)",
|
|
55
|
+
height: "var(--ds-space-400, 32px)",
|
|
56
|
+
// AI icons may contain div as container of the icon
|
|
57
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
58
|
+
div: {
|
|
59
|
+
width: "var(--ds-space-400, 32px)",
|
|
60
|
+
height: "var(--ds-space-400, 32px)"
|
|
61
|
+
}
|
|
62
|
+
});
|
|
52
63
|
|
|
53
64
|
// eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression, @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
|
|
54
65
|
const itemBody = css`
|
|
@@ -217,7 +228,7 @@ export const TypeAheadListItem = /*#__PURE__*/React.memo(({
|
|
|
217
228
|
} = item;
|
|
218
229
|
const elementIcon = useMemo(() => {
|
|
219
230
|
return jsx("div", {
|
|
220
|
-
css: [itemIcon, moreElementsInQuickInsertViewEnabled
|
|
231
|
+
css: [itemIcon, moreElementsInQuickInsertViewEnabled ? fg('platform_editor_ai_rovo_rebrand') ? itemIconSizeUpdated : itemIconSize : null]
|
|
221
232
|
}, icon ? icon() : jsx(FallbackIcon, {
|
|
222
233
|
label: title
|
|
223
234
|
}));
|
|
@@ -270,7 +281,7 @@ export const TypeAheadListItem = /*#__PURE__*/React.memo(({
|
|
|
270
281
|
"aria-label": title
|
|
271
282
|
// TODO: ED-26959 - aria-description is in draft for ARIA 1.3.
|
|
272
283
|
// For now replace it with aria-describedby.
|
|
273
|
-
// eslint-disable-next-line
|
|
284
|
+
// eslint-disable-next-line @atlassian/a11y/aria-props -- TODO: Avoid using "aria-description" as aria attribute. See https://go/a11y-aria-props for more details.
|
|
274
285
|
,
|
|
275
286
|
"aria-description": `${descriptionText} ${shortcutText}`,
|
|
276
287
|
"aria-setsize": itemsLength,
|
|
@@ -15,6 +15,7 @@ import { SelectItemMode, typeAheadListMessages } from '@atlaskit/editor-common/t
|
|
|
15
15
|
import { relativeFontSizeToBase16 } from '@atlaskit/editor-shared-styles';
|
|
16
16
|
import { shortcutStyle } from '@atlaskit/editor-shared-styles/shortcut';
|
|
17
17
|
import { ButtonItem } from '@atlaskit/menu';
|
|
18
|
+
import { fg } from '@atlaskit/platform-feature-flags';
|
|
18
19
|
import { B400, N200, N30, N800 } from '@atlaskit/theme/colors';
|
|
19
20
|
import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
|
|
20
21
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
|
|
@@ -51,6 +52,16 @@ var itemIconSize = css({
|
|
|
51
52
|
height: "var(--ds-space-400, 32px)"
|
|
52
53
|
}
|
|
53
54
|
});
|
|
55
|
+
var itemIconSizeUpdated = css({
|
|
56
|
+
width: "var(--ds-space-400, 32px)",
|
|
57
|
+
height: "var(--ds-space-400, 32px)",
|
|
58
|
+
// AI icons may contain div as container of the icon
|
|
59
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
60
|
+
div: {
|
|
61
|
+
width: "var(--ds-space-400, 32px)",
|
|
62
|
+
height: "var(--ds-space-400, 32px)"
|
|
63
|
+
}
|
|
64
|
+
});
|
|
54
65
|
|
|
55
66
|
// eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression, @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
|
|
56
67
|
var itemBody = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n\tdisplay: flex;\n\tflex-direction: row;\n\tflex-wrap: nowrap;\n\tjustify-content: space-between;\n"])));
|
|
@@ -195,7 +206,7 @@ export var TypeAheadListItem = /*#__PURE__*/React.memo(function (_ref2) {
|
|
|
195
206
|
customRenderItem = item.render;
|
|
196
207
|
var elementIcon = useMemo(function () {
|
|
197
208
|
return jsx("div", {
|
|
198
|
-
css: [itemIcon, moreElementsInQuickInsertViewEnabled
|
|
209
|
+
css: [itemIcon, moreElementsInQuickInsertViewEnabled ? fg('platform_editor_ai_rovo_rebrand') ? itemIconSizeUpdated : itemIconSize : null]
|
|
199
210
|
}, icon ? icon() : jsx(FallbackIcon, {
|
|
200
211
|
label: title
|
|
201
212
|
}));
|
|
@@ -248,7 +259,7 @@ export var TypeAheadListItem = /*#__PURE__*/React.memo(function (_ref2) {
|
|
|
248
259
|
"aria-label": title
|
|
249
260
|
// TODO: ED-26959 - aria-description is in draft for ARIA 1.3.
|
|
250
261
|
// For now replace it with aria-describedby.
|
|
251
|
-
// eslint-disable-next-line
|
|
262
|
+
// eslint-disable-next-line @atlassian/a11y/aria-props -- TODO: Avoid using "aria-description" as aria attribute. See https://go/a11y-aria-props for more details.
|
|
252
263
|
,
|
|
253
264
|
"aria-description": "".concat(descriptionText, " ").concat(shortcutText),
|
|
254
265
|
"aria-setsize": itemsLength,
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@atlaskit/editor-plugin-type-ahead",
|
|
3
|
-
"version": "5.2.
|
|
3
|
+
"version": "5.2.3",
|
|
4
4
|
"description": "Type-ahead plugin for @atlaskit/editor-core",
|
|
5
5
|
"author": "Atlassian Pty Ltd",
|
|
6
6
|
"license": "Apache-2.0",
|
|
@@ -42,10 +42,10 @@
|
|
|
42
42
|
"@atlaskit/insm": "^0.1.0",
|
|
43
43
|
"@atlaskit/menu": "^8.4.0",
|
|
44
44
|
"@atlaskit/platform-feature-flags": "^1.1.0",
|
|
45
|
-
"@atlaskit/primitives": "^14.
|
|
45
|
+
"@atlaskit/primitives": "^14.15.0",
|
|
46
46
|
"@atlaskit/prosemirror-input-rules": "^3.4.0",
|
|
47
47
|
"@atlaskit/theme": "^21.0.0",
|
|
48
|
-
"@atlaskit/tmp-editor-statsig": "^12.
|
|
48
|
+
"@atlaskit/tmp-editor-statsig": "^12.26.0",
|
|
49
49
|
"@atlaskit/tokens": "^6.3.0",
|
|
50
50
|
"@babel/runtime": "^7.0.0",
|
|
51
51
|
"@emotion/react": "^11.7.1",
|
|
@@ -56,7 +56,7 @@
|
|
|
56
56
|
"w3c-keyname": "^2.1.8"
|
|
57
57
|
},
|
|
58
58
|
"peerDependencies": {
|
|
59
|
-
"@atlaskit/editor-common": "^109.
|
|
59
|
+
"@atlaskit/editor-common": "^109.11.0",
|
|
60
60
|
"react": "^18.2.0",
|
|
61
61
|
"react-dom": "^18.2.0",
|
|
62
62
|
"react-intl-next": "npm:react-intl@^5.18.1"
|
|
@@ -108,6 +108,9 @@
|
|
|
108
108
|
},
|
|
109
109
|
"platform_editor_refactor_view_more": {
|
|
110
110
|
"type": "boolean"
|
|
111
|
+
},
|
|
112
|
+
"platform_editor_ai_rovo_rebrand": {
|
|
113
|
+
"type": "boolean"
|
|
111
114
|
}
|
|
112
115
|
}
|
|
113
116
|
}
|