@atlaskit/editor-plugin-type-ahead 6.5.13 → 6.5.15

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.
Files changed (8) hide show
  1. package/CHANGELOG.md +18 -0
  2. package/dist/cjs/ui/InputQuery.js +6 -10
  3. package/dist/cjs/ui/TypeAheadListItem.js +9 -4
  4. package/dist/es2019/ui/InputQuery.js +6 -10
  5. package/dist/es2019/ui/TypeAheadListItem.js +9 -4
  6. package/dist/esm/ui/InputQuery.js +6 -10
  7. package/dist/esm/ui/TypeAheadListItem.js +9 -4
  8. package/package.json +2 -5
package/CHANGELOG.md CHANGED
@@ -1,5 +1,23 @@
1
1
  # @atlaskit/editor-plugin-type-ahead
2
2
 
3
+ ## 6.5.15
4
+
5
+ ### Patch Changes
6
+
7
+ - [`c25e49b317dd8`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/c25e49b317dd8) -
8
+ [ED-29492] clean up references to platform_editor_paste_rich_text_bugfix
9
+ - Updated dependencies
10
+
11
+ ## 6.5.14
12
+
13
+ ### Patch Changes
14
+
15
+ - [`7e8c949e9c8c0`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/7e8c949e9c8c0) -
16
+ [ux] Add new lozenge next to create synced block in toolbar and typeahead, and text updates
17
+ - [`4b5b1f0b43c2f`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/4b5b1f0b43c2f) -
18
+ Tidy fg platform_editor_a11y_fix_aria_description
19
+ - Updated dependencies
20
+
3
21
  ## 6.5.13
4
22
 
5
23
  ### Patch Changes
package/dist/cjs/ui/InputQuery.js CHANGED
@@ -408,11 +408,9 @@ var InputQuery = exports.InputQuery = /*#__PURE__*/_react.default.memo(function
408
408
  // Ignored via go/ees005
409
409
  // eslint-disable-next-line @repo/internal/dom-events/no-unsafe-event-listeners
410
410
  element.addEventListener('beforeinput', beforeinput);
411
- if ((0, _expValEquals.expValEquals)('platform_editor_paste_rich_text_bugfix', 'isEnabled', true)) {
412
- // Ignored via go/ees005
413
- // eslint-disable-next-line @repo/internal/dom-events/no-unsafe-event-listeners
414
- element.addEventListener('paste', onPaste);
415
- }
411
+ // Ignored via go/ees005
412
+ // eslint-disable-next-line @repo/internal/dom-events/no-unsafe-event-listeners
413
+ element.addEventListener('paste', onPaste);
416
414
  return function () {
417
415
  // Ignored via go/ees005
418
416
  // eslint-disable-next-line @repo/internal/dom-events/no-unsafe-event-listeners
@@ -426,11 +424,9 @@ var InputQuery = exports.InputQuery = /*#__PURE__*/_react.default.memo(function
426
424
  // Ignored via go/ees005
427
425
  // eslint-disable-next-line @repo/internal/dom-events/no-unsafe-event-listeners
428
426
  element.removeEventListener('beforeinput', beforeinput);
429
- if ((0, _expValEquals.expValEquals)('platform_editor_paste_rich_text_bugfix', 'isEnabled', true)) {
430
- // Ignored via go/ees005
431
- // eslint-disable-next-line @repo/internal/dom-events/no-unsafe-event-listeners
432
- element.removeEventListener('paste', onPaste);
433
- }
427
+ // Ignored via go/ees005
428
+ // eslint-disable-next-line @repo/internal/dom-events/no-unsafe-event-listeners
429
+ element.removeEventListener('paste', onPaste);
434
430
  if (browser.safari) {
435
431
  // Ignored via go/ees005
436
432
  // eslint-disable-next-line @repo/internal/dom-events/no-unsafe-event-listeners
package/dist/cjs/ui/TypeAheadListItem.js CHANGED
@@ -115,6 +115,11 @@ var selectedStyle = (0, _react2.css)(_templateObject4 || (_templateObject4 = (0,
115
115
  var disabledStyle = (0, _react2.css)({
116
116
  color: "var(--ds-text-disabled, #080F214A)"
117
117
  });
118
+ var titleWithLozengeStyle = (0, _react2.css)({
119
+ display: 'flex',
120
+ alignItems: 'center',
121
+ gap: "var(--ds-space-050, 4px)"
122
+ });
118
123
  var FallbackIcon = /*#__PURE__*/_react.default.memo(function (_ref) {
119
124
  var label = _ref.label;
120
125
  return (0, _react2.jsx)(_quickInsert.IconFallback, null);
@@ -249,7 +254,7 @@ var TypeAheadListItem = exports.TypeAheadListItem = /*#__PURE__*/_react.default.
249
254
  // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
250
255
  (0, _react2.jsx)("span", {
251
256
  css: listItemClasses
252
- }, (descriptionText || shortcutText) && (0, _platformFeatureFlags.fg)('platform_editor_a11y_fix_aria_description') && (0, _react2.jsx)(_visuallyHidden.default, {
257
+ }, (descriptionText || shortcutText) && (0, _react2.jsx)(_visuallyHidden.default, {
253
258
  id: descriptionId
254
259
  }, descriptionText, " ", shortcutText), (0, _react2.jsx)(_menu.ButtonItem, {
255
260
  onClick: insertSelectedItem,
@@ -257,7 +262,7 @@ var TypeAheadListItem = exports.TypeAheadListItem = /*#__PURE__*/_react.default.
257
262
  isSelected: isSelected,
258
263
  "aria-selected": isSelected,
259
264
  "aria-label": title,
260
- "aria-describedby": (descriptionText || shortcutText) && (0, _platformFeatureFlags.fg)('platform_editor_a11y_fix_aria_description') ? descriptionId : undefined,
265
+ "aria-describedby": descriptionText || shortcutText ? descriptionId : undefined,
261
266
  "aria-setsize": itemsLength,
262
267
  "aria-posinset": (0, _expValEquals.expValEquals)('platform_editor_fix_a11y_aria_posinset_0', 'isEnabled', true) ? itemIndex + 1 : itemIndex,
263
268
  role: "option",
@@ -273,8 +278,8 @@ var TypeAheadListItem = exports.TypeAheadListItem = /*#__PURE__*/_react.default.
273
278
  }, (0, _react2.jsx)("div", {
274
279
  css: itemBody
275
280
  }, (0, _react2.jsx)("div", {
276
- css: [itemTitle, moreElementsInQuickInsertViewEnabled && itemTitleOverride, itemIsDisabled && disabledStyle]
277
- }, item.title), (0, _react2.jsx)("div", {
281
+ css: [itemTitle, moreElementsInQuickInsertViewEnabled && itemTitleOverride, itemIsDisabled && disabledStyle, item.lozenge && (0, _expValEquals.expValEquals)('platform_synced_block', 'isEnabled', true) && titleWithLozengeStyle]
282
+ }, item.title, (0, _expValEquals.expValEquals)('platform_synced_block', 'isEnabled', true) && item.lozenge), (0, _react2.jsx)("div", {
278
283
  css: itemAfter
279
284
  }, item.keyshortcut && (0, _react2.jsx)("div", {
280
285
  css: _shortcut.shortcutStyle
package/dist/es2019/ui/InputQuery.js CHANGED
@@ -401,11 +401,9 @@ export const InputQuery = /*#__PURE__*/React.memo(({
401
401
  // Ignored via go/ees005
402
402
  // eslint-disable-next-line @repo/internal/dom-events/no-unsafe-event-listeners
403
403
  element.addEventListener('beforeinput', beforeinput);
404
- if (expValEquals('platform_editor_paste_rich_text_bugfix', 'isEnabled', true)) {
405
- // Ignored via go/ees005
406
- // eslint-disable-next-line @repo/internal/dom-events/no-unsafe-event-listeners
407
- element.addEventListener('paste', onPaste);
408
- }
404
+ // Ignored via go/ees005
405
+ // eslint-disable-next-line @repo/internal/dom-events/no-unsafe-event-listeners
406
+ element.addEventListener('paste', onPaste);
409
407
  return () => {
410
408
  // Ignored via go/ees005
411
409
  // eslint-disable-next-line @repo/internal/dom-events/no-unsafe-event-listeners
@@ -419,11 +417,9 @@ export const InputQuery = /*#__PURE__*/React.memo(({
419
417
  // Ignored via go/ees005
420
418
  // eslint-disable-next-line @repo/internal/dom-events/no-unsafe-event-listeners
421
419
  element.removeEventListener('beforeinput', beforeinput);
422
- if (expValEquals('platform_editor_paste_rich_text_bugfix', 'isEnabled', true)) {
423
- // Ignored via go/ees005
424
- // eslint-disable-next-line @repo/internal/dom-events/no-unsafe-event-listeners
425
- element.removeEventListener('paste', onPaste);
426
- }
420
+ // Ignored via go/ees005
421
+ // eslint-disable-next-line @repo/internal/dom-events/no-unsafe-event-listeners
422
+ element.removeEventListener('paste', onPaste);
427
423
  if (browser.safari) {
428
424
  // Ignored via go/ees005
429
425
  // eslint-disable-next-line @repo/internal/dom-events/no-unsafe-event-listeners
package/dist/es2019/ui/TypeAheadListItem.js CHANGED
@@ -122,6 +122,11 @@ const selectedStyle = css`
122
122
  const disabledStyle = css({
123
123
  color: "var(--ds-text-disabled, #080F214A)"
124
124
  });
125
+ const titleWithLozengeStyle = css({
126
+ display: 'flex',
127
+ alignItems: 'center',
128
+ gap: `${"var(--ds-space-050, 4px)"}`
129
+ });
125
130
  const FallbackIcon = /*#__PURE__*/React.memo(({
126
131
  label
127
132
  }) => {
@@ -263,7 +268,7 @@ export const TypeAheadListItem = /*#__PURE__*/React.memo(({
263
268
  // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
264
269
  jsx("span", {
265
270
  css: listItemClasses
266
- }, (descriptionText || shortcutText) && fg('platform_editor_a11y_fix_aria_description') && jsx(VisuallyHidden, {
271
+ }, (descriptionText || shortcutText) && jsx(VisuallyHidden, {
267
272
  id: descriptionId
268
273
  }, descriptionText, " ", shortcutText), jsx(ButtonItem, {
269
274
  onClick: insertSelectedItem,
@@ -271,7 +276,7 @@ export const TypeAheadListItem = /*#__PURE__*/React.memo(({
271
276
  isSelected: isSelected,
272
277
  "aria-selected": isSelected,
273
278
  "aria-label": title,
274
- "aria-describedby": (descriptionText || shortcutText) && fg('platform_editor_a11y_fix_aria_description') ? descriptionId : undefined,
279
+ "aria-describedby": descriptionText || shortcutText ? descriptionId : undefined,
275
280
  "aria-setsize": itemsLength,
276
281
  "aria-posinset": expValEquals('platform_editor_fix_a11y_aria_posinset_0', 'isEnabled', true) ? itemIndex + 1 : itemIndex,
277
282
  role: "option",
@@ -287,8 +292,8 @@ export const TypeAheadListItem = /*#__PURE__*/React.memo(({
287
292
  }, jsx("div", {
288
293
  css: itemBody
289
294
  }, jsx("div", {
290
- css: [itemTitle, moreElementsInQuickInsertViewEnabled && itemTitleOverride, itemIsDisabled && disabledStyle]
291
- }, item.title), jsx("div", {
295
+ css: [itemTitle, moreElementsInQuickInsertViewEnabled && itemTitleOverride, itemIsDisabled && disabledStyle, item.lozenge && expValEquals('platform_synced_block', 'isEnabled', true) && titleWithLozengeStyle]
296
+ }, item.title, expValEquals('platform_synced_block', 'isEnabled', true) && item.lozenge), jsx("div", {
292
297
  css: itemAfter
293
298
  }, item.keyshortcut && jsx("div", {
294
299
  css: shortcutStyle
package/dist/esm/ui/InputQuery.js CHANGED
@@ -398,11 +398,9 @@ export var InputQuery = /*#__PURE__*/React.memo(function (_ref) {
398
398
  // Ignored via go/ees005
399
399
  // eslint-disable-next-line @repo/internal/dom-events/no-unsafe-event-listeners
400
400
  element.addEventListener('beforeinput', beforeinput);
401
- if (expValEquals('platform_editor_paste_rich_text_bugfix', 'isEnabled', true)) {
402
- // Ignored via go/ees005
403
- // eslint-disable-next-line @repo/internal/dom-events/no-unsafe-event-listeners
404
- element.addEventListener('paste', onPaste);
405
- }
401
+ // Ignored via go/ees005
402
+ // eslint-disable-next-line @repo/internal/dom-events/no-unsafe-event-listeners
403
+ element.addEventListener('paste', onPaste);
406
404
  return function () {
407
405
  // Ignored via go/ees005
408
406
  // eslint-disable-next-line @repo/internal/dom-events/no-unsafe-event-listeners
@@ -416,11 +414,9 @@ export var InputQuery = /*#__PURE__*/React.memo(function (_ref) {
416
414
  // Ignored via go/ees005
417
415
  // eslint-disable-next-line @repo/internal/dom-events/no-unsafe-event-listeners
418
416
  element.removeEventListener('beforeinput', beforeinput);
419
- if (expValEquals('platform_editor_paste_rich_text_bugfix', 'isEnabled', true)) {
420
- // Ignored via go/ees005
421
- // eslint-disable-next-line @repo/internal/dom-events/no-unsafe-event-listeners
422
- element.removeEventListener('paste', onPaste);
423
- }
417
+ // Ignored via go/ees005
418
+ // eslint-disable-next-line @repo/internal/dom-events/no-unsafe-event-listeners
419
+ element.removeEventListener('paste', onPaste);
424
420
  if (browser.safari) {
425
421
  // Ignored via go/ees005
426
422
  // eslint-disable-next-line @repo/internal/dom-events/no-unsafe-event-listeners
package/dist/esm/ui/TypeAheadListItem.js CHANGED
@@ -107,6 +107,11 @@ var selectedStyle = css(_templateObject4 || (_templateObject4 = _taggedTemplateL
107
107
  var disabledStyle = css({
108
108
  color: "var(--ds-text-disabled, #080F214A)"
109
109
  });
110
+ var titleWithLozengeStyle = css({
111
+ display: 'flex',
112
+ alignItems: 'center',
113
+ gap: "var(--ds-space-050, 4px)"
114
+ });
110
115
  var FallbackIcon = /*#__PURE__*/React.memo(function (_ref) {
111
116
  var label = _ref.label;
112
117
  return jsx(IconFallback, null);
@@ -241,7 +246,7 @@ export var TypeAheadListItem = /*#__PURE__*/React.memo(function (_ref2) {
241
246
  // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
242
247
  jsx("span", {
243
248
  css: listItemClasses
244
- }, (descriptionText || shortcutText) && fg('platform_editor_a11y_fix_aria_description') && jsx(VisuallyHidden, {
249
+ }, (descriptionText || shortcutText) && jsx(VisuallyHidden, {
245
250
  id: descriptionId
246
251
  }, descriptionText, " ", shortcutText), jsx(ButtonItem, {
247
252
  onClick: insertSelectedItem,
@@ -249,7 +254,7 @@ export var TypeAheadListItem = /*#__PURE__*/React.memo(function (_ref2) {
249
254
  isSelected: isSelected,
250
255
  "aria-selected": isSelected,
251
256
  "aria-label": title,
252
- "aria-describedby": (descriptionText || shortcutText) && fg('platform_editor_a11y_fix_aria_description') ? descriptionId : undefined,
257
+ "aria-describedby": descriptionText || shortcutText ? descriptionId : undefined,
253
258
  "aria-setsize": itemsLength,
254
259
  "aria-posinset": expValEquals('platform_editor_fix_a11y_aria_posinset_0', 'isEnabled', true) ? itemIndex + 1 : itemIndex,
255
260
  role: "option",
@@ -265,8 +270,8 @@ export var TypeAheadListItem = /*#__PURE__*/React.memo(function (_ref2) {
265
270
  }, jsx("div", {
266
271
  css: itemBody
267
272
  }, jsx("div", {
268
- css: [itemTitle, moreElementsInQuickInsertViewEnabled && itemTitleOverride, itemIsDisabled && disabledStyle]
269
- }, item.title), jsx("div", {
273
+ css: [itemTitle, moreElementsInQuickInsertViewEnabled && itemTitleOverride, itemIsDisabled && disabledStyle, item.lozenge && expValEquals('platform_synced_block', 'isEnabled', true) && titleWithLozengeStyle]
274
+ }, item.title, expValEquals('platform_synced_block', 'isEnabled', true) && item.lozenge), jsx("div", {
270
275
  css: itemAfter
271
276
  }, item.keyshortcut && jsx("div", {
272
277
  css: shortcutStyle
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/editor-plugin-type-ahead",
3
- "version": "6.5.13",
3
+ "version": "6.5.15",
4
4
  "description": "Type-ahead plugin for @atlaskit/editor-core",
5
5
  "author": "Atlassian Pty Ltd",
6
6
  "license": "Apache-2.0",
@@ -46,7 +46,7 @@
46
46
  "@atlaskit/prosemirror-history": "^0.2.0",
47
47
  "@atlaskit/prosemirror-input-rules": "^3.6.0",
48
48
  "@atlaskit/theme": "^21.0.0",
49
- "@atlaskit/tmp-editor-statsig": "^13.35.0",
49
+ "@atlaskit/tmp-editor-statsig": "^13.37.0",
50
50
  "@atlaskit/tokens": "^8.0.0",
51
51
  "@atlaskit/visually-hidden": "^3.0.0",
52
52
  "@babel/runtime": "^7.0.0",
@@ -111,9 +111,6 @@
111
111
  "platform_editor_typeahead_description_text_colour": {
112
112
  "type": "boolean"
113
113
  },
114
- "platform_editor_a11y_fix_aria_description": {
115
- "type": "boolean"
116
- },
117
114
  "platform_editor_a11y_fix_typeahead_tabindex": {
118
115
  "type": "boolean"
119
116
  }