@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 && itemIconSize]
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 jsx-a11y/aria-props
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 && itemIconSize]
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 jsx-a11y/aria-props
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 && itemIconSize]
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 jsx-a11y/aria-props
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.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.14.0",
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.24.0",
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.8.0",
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
  }