@atlaskit/editor-plugin-type-ahead 2.5.0 → 2.5.2

package/CHANGELOG.md

@@ -1,5 +1,23 @@
 # @atlaskit/editor-plugin-type-ahead
 
+## 2.5.2
+
+### Patch Changes
+
+- [#142191](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/142191)
+  [`8a39e59bec14f`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/8a39e59bec14f) -
+  A11Y-9980: Update view more button aria label to be more descriptive.
+- Updated dependencies
+
+## 2.5.1
+
+### Patch Changes
+
+- [#142352](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/142352)
+  [`05903fde6d94d`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/05903fde6d94d) -
+  Internal change to use Compiled variant of `@atlaskit/primitives`.
+- Updated dependencies
+
 ## 2.5.0
 
 ### Minor Changes

package/dist/cjs/ui/InputQuery.js

@@ -448,10 +448,10 @@ var InputQuery = exports.InputQuery = /*#__PURE__*/_react.default.memo(function
   var intl = (0, _reactIntlNext.useIntl)();
 
   /**
-      When we migrated to emotion from styled component, we started getting this error.
-      jsx-a11y/interactive-supports-focus
-      Task added in https://product-fabric.atlassian.net/wiki/spaces/E/pages/3182068181/Potential+improvements#Moderate-changes.
-     */
+   When we migrated to emotion from styled component, we started getting this error.
+   jsx-a11y/interactive-supports-focus
+   Task added in https://product-fabric.atlassian.net/wiki/spaces/E/pages/3182068181/Potential+improvements#Moderate-changes.
+  */
   return (0, _react2.jsx)(_react.Fragment, null, triggerQueryPrefix, (0, _react2.jsx)("span", {
     css: [querySpanStyles, isSearchPlaceholderEnabled && queryWithoutPlaceholderStyles, showPlaceholder && placeholderStyles],
     contentEditable: true,

package/dist/cjs/ui/TypeAheadList.js

@@ -18,7 +18,7 @@ var _typeAhead = require("@atlaskit/editor-common/type-ahead");
 var _ui = require("@atlaskit/editor-common/ui");
 var _menu = require("@atlaskit/menu");
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
-var _primitives = require("@atlaskit/primitives");
+var _compiled = require("@atlaskit/primitives/compiled");
 var _updateSelectedIndex = require("../pm-plugins/commands/update-selected-index");
 var _constants = require("../pm-plugins/constants");
 var _utils = require("../pm-plugins/utils");
@@ -340,17 +340,17 @@ var TypeAheadListComponent = /*#__PURE__*/_react.default.memo(function (_ref2) {
     return null;
   }
   var menuGroupId = ((_decorationElement$qu2 = decorationElement.querySelector("[role='combobox']")) === null || _decorationElement$qu2 === void 0 ? void 0 : _decorationElement$qu2.getAttribute('aria-controls')) || _constants.TYPE_AHEAD_DECORATION_ELEMENT_ID;
-  var EmptyResultView = (0, _react2.jsx)(_primitives.Box, {
+  var EmptyResultView = (0, _react2.jsx)(_compiled.Box, {
     paddingBlock: "space.150",
     paddingInline: "space.250"
-  }, (0, _react2.jsx)(_primitives.Text, {
+  }, (0, _react2.jsx)(_compiled.Text, {
     align: "center",
     as: "p"
-  }, intl.formatMessage(_typeAhead.typeAheadListMessages.emptySearchResults)), (0, _react2.jsx)(_primitives.Text, {
+  }, intl.formatMessage(_typeAhead.typeAheadListMessages.emptySearchResults)), (0, _react2.jsx)(_compiled.Text, {
     align: "center",
     as: "p"
   }, intl.formatMessage(_typeAhead.typeAheadListMessages.emptySearchResultsSuggestion, {
-    buttonName: (0, _react2.jsx)(_primitives.Text, {
+    buttonName: (0, _react2.jsx)(_compiled.Text, {
       weight: "medium"
     }, intl.formatMessage(_messages.toolbarInsertBlockMessages.viewMore))
   })));

package/dist/cjs/ui/ViewMore.js

@@ -11,6 +11,7 @@ var _reactIntlNext = require("react-intl-next");
 var _messages = require("@atlaskit/editor-common/messages");
 var _showMoreHorizontalEditorMore = _interopRequireDefault(require("@atlaskit/icon/core/migration/show-more-horizontal--editor-more"));
 var _menu = require("@atlaskit/menu");
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _colors = require("@atlaskit/theme/colors");
 /**
  * @jsxRuntime classic
@@ -78,7 +79,8 @@ var ViewMore = exports.ViewMore = function ViewMore(_ref) {
     iconBefore: (0, _react2.jsx)(_showMoreHorizontalEditorMore.default, {
       label: ""
     }),
-    "aria-describedby": formatMessage(_messages.toolbarInsertBlockMessages.viewMore),
+    "aria-describedby": (0, _platformFeatureFlags.fg)('platform_editor_refactor_view_more') ? undefined : formatMessage(_messages.toolbarInsertBlockMessages.viewMore),
+    "aria-label": (0, _platformFeatureFlags.fg)('platform_editor_refactor_view_more') ? formatMessage(_messages.toolbarInsertBlockMessages.viewMoreAriaLabel) : undefined,
     "data-testid": "quick-insert-view-more-elements-item"
   }, formatMessage(_messages.toolbarInsertBlockMessages.viewMore))));
 };

package/dist/es2019/ui/InputQuery.js

@@ -440,10 +440,10 @@ export const InputQuery = /*#__PURE__*/React.memo(({
   const intl = useIntl();
 
   /**
-      When we migrated to emotion from styled component, we started getting this error.
-      jsx-a11y/interactive-supports-focus
-      Task added in https://product-fabric.atlassian.net/wiki/spaces/E/pages/3182068181/Potential+improvements#Moderate-changes.
-     */
+   When we migrated to emotion from styled component, we started getting this error.
+   jsx-a11y/interactive-supports-focus
+   Task added in https://product-fabric.atlassian.net/wiki/spaces/E/pages/3182068181/Potential+improvements#Moderate-changes.
+  */
   return jsx(Fragment, null, triggerQueryPrefix, jsx("span", {
     css: [querySpanStyles, isSearchPlaceholderEnabled && queryWithoutPlaceholderStyles, showPlaceholder && placeholderStyles],
     contentEditable: true,

package/dist/es2019/ui/TypeAheadList.js

@@ -16,7 +16,7 @@ import { SelectItemMode, typeAheadListMessages } from '@atlaskit/editor-common/t
 import { AssistiveText } from '@atlaskit/editor-common/ui';
 import { MenuGroup } from '@atlaskit/menu';
 import { fg } from '@atlaskit/platform-feature-flags';
-import { Text, Box } from '@atlaskit/primitives';
+import { Text, Box } from '@atlaskit/primitives/compiled';
 import { updateSelectedIndex } from '../pm-plugins/commands/update-selected-index';
 import { TYPE_AHEAD_DECORATION_ELEMENT_ID } from '../pm-plugins/constants';
 import { getTypeAheadListAriaLabels, moveSelectedIndex } from '../pm-plugins/utils';

package/dist/es2019/ui/ViewMore.js

@@ -10,6 +10,7 @@ import { useIntl } from 'react-intl-next';
 import { toolbarInsertBlockMessages as messages } from '@atlaskit/editor-common/messages';
 import ShowMoreHorizontalIcon from '@atlaskit/icon/core/migration/show-more-horizontal--editor-more';
 import { ButtonItem, Section } from '@atlaskit/menu';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { N30 } from '@atlaskit/theme/colors';
 const buttonStyles = css({
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
@@ -74,7 +75,8 @@ export const ViewMore = ({
     iconBefore: jsx(ShowMoreHorizontalIcon, {
       label: ""
     }),
-    "aria-describedby": formatMessage(messages.viewMore),
+    "aria-describedby": fg('platform_editor_refactor_view_more') ? undefined : formatMessage(messages.viewMore),
+    "aria-label": fg('platform_editor_refactor_view_more') ? formatMessage(messages.viewMoreAriaLabel) : undefined,
     "data-testid": "quick-insert-view-more-elements-item"
   }, formatMessage(messages.viewMore))));
 };

package/dist/esm/ui/InputQuery.js

@@ -437,10 +437,10 @@ export var InputQuery = /*#__PURE__*/React.memo(function (_ref) {
   var intl = useIntl();
 
   /**
-      When we migrated to emotion from styled component, we started getting this error.
-      jsx-a11y/interactive-supports-focus
-      Task added in https://product-fabric.atlassian.net/wiki/spaces/E/pages/3182068181/Potential+improvements#Moderate-changes.
-     */
+   When we migrated to emotion from styled component, we started getting this error.
+   jsx-a11y/interactive-supports-focus
+   Task added in https://product-fabric.atlassian.net/wiki/spaces/E/pages/3182068181/Potential+improvements#Moderate-changes.
+  */
   return jsx(Fragment, null, triggerQueryPrefix, jsx("span", {
     css: [querySpanStyles, isSearchPlaceholderEnabled && queryWithoutPlaceholderStyles, showPlaceholder && placeholderStyles],
     contentEditable: true,

package/dist/esm/ui/TypeAheadList.js

@@ -17,7 +17,7 @@ import { SelectItemMode, typeAheadListMessages } from '@atlaskit/editor-common/t
 import { AssistiveText } from '@atlaskit/editor-common/ui';
 import { MenuGroup } from '@atlaskit/menu';
 import { fg } from '@atlaskit/platform-feature-flags';
-import { Text, Box } from '@atlaskit/primitives';
+import { Text, Box } from '@atlaskit/primitives/compiled';
 import { updateSelectedIndex } from '../pm-plugins/commands/update-selected-index';
 import { TYPE_AHEAD_DECORATION_ELEMENT_ID } from '../pm-plugins/constants';
 import { getTypeAheadListAriaLabels, moveSelectedIndex } from '../pm-plugins/utils';

package/dist/esm/ui/ViewMore.js

@@ -10,6 +10,7 @@ import { useIntl } from 'react-intl-next';
 import { toolbarInsertBlockMessages as messages } from '@atlaskit/editor-common/messages';
 import ShowMoreHorizontalIcon from '@atlaskit/icon/core/migration/show-more-horizontal--editor-more';
 import { ButtonItem, Section } from '@atlaskit/menu';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { N30 } from '@atlaskit/theme/colors';
 var buttonStyles = css({
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
@@ -70,7 +71,8 @@ export var ViewMore = function ViewMore(_ref) {
     iconBefore: jsx(ShowMoreHorizontalIcon, {
       label: ""
     }),
-    "aria-describedby": formatMessage(messages.viewMore),
+    "aria-describedby": fg('platform_editor_refactor_view_more') ? undefined : formatMessage(messages.viewMore),
+    "aria-label": fg('platform_editor_refactor_view_more') ? formatMessage(messages.viewMoreAriaLabel) : undefined,
     "data-testid": "quick-insert-view-more-elements-item"
   }, formatMessage(messages.viewMore))));
 };

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-plugin-type-ahead",
-	"version": "2.5.0",
+	"version": "2.5.2",
 	"description": "Type-ahead plugin for @atlaskit/editor-core",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",
@@ -34,7 +34,7 @@
 	},
 	"dependencies": {
 		"@atlaskit/adf-schema": "^47.6.0",
-		"@atlaskit/editor-common": "^103.9.0",
+		"@atlaskit/editor-common": "^103.17.0",
 		"@atlaskit/editor-element-browser": "^0.1.0",
 		"@atlaskit/editor-plugin-analytics": "^2.2.0",
 		"@atlaskit/editor-plugin-connectivity": "^2.0.0",
@@ -49,7 +49,7 @@
 		"@atlaskit/primitives": "^14.4.0",
 		"@atlaskit/prosemirror-input-rules": "^3.3.0",
 		"@atlaskit/theme": "^18.0.0",
-		"@atlaskit/tmp-editor-statsig": "^4.11.0",
+		"@atlaskit/tmp-editor-statsig": "^4.14.0",
 		"@atlaskit/tokens": "^4.8.0",
 		"@babel/runtime": "^7.0.0",
 		"@emotion/react": "^11.7.1",
@@ -65,9 +65,9 @@
 		"react-intl-next": "npm:react-intl@^5.18.1"
 	},
 	"devDependencies": {
-		"@af/visual-regression": "^1.3.0",
-		"@atlaskit/ssr": "^0.4.0",
-		"@atlaskit/visual-regression": "^0.10.0",
+		"@af/visual-regression": "workspace:^",
+		"@atlaskit/ssr": "workspace:^",
+		"@atlaskit/visual-regression": "workspace:^",
 		"@testing-library/react": "^13.4.0",
 		"@types/react-virtualized": "^9.18.12",
 		"typescript": "~5.4.2",
@@ -116,6 +116,9 @@
 		},
 		"platform_editor_ease_of_use_metrics": {
 			"type": "boolean"
+		},
+		"platform_editor_refactor_view_more": {
+			"type": "boolean"
 		}
 	}
 }