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

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 (5) hide show
  1. package/CHANGELOG.md +10 -0
  2. package/dist/cjs/ui/TypeAheadListItem.js +9 -4
  3. package/dist/es2019/ui/TypeAheadListItem.js +9 -4
  4. package/dist/esm/ui/TypeAheadListItem.js +9 -4
  5. package/package.json +1 -4
package/CHANGELOG.md CHANGED
@@ -1,5 +1,15 @@
1
1
  # @atlaskit/editor-plugin-type-ahead
2
2
 
3
+ ## 6.5.14
4
+
5
+ ### Patch Changes
6
+
7
+ - [`7e8c949e9c8c0`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/7e8c949e9c8c0) -
8
+ [ux] Add new lozenge next to create synced block in toolbar and typeahead, and text updates
9
+ - [`4b5b1f0b43c2f`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/4b5b1f0b43c2f) -
10
+ Tidy fg platform_editor_a11y_fix_aria_description
11
+ - Updated dependencies
12
+
3
13
  ## 6.5.13
4
14
 
5
15
  ### Patch Changes
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/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/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.14",
4
4
  "description": "Type-ahead plugin for @atlaskit/editor-core",
5
5
  "author": "Atlassian Pty Ltd",
6
6
  "license": "Apache-2.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
  }