@atlaskit/editor-plugin-type-ahead 17.1.3 → 17.1.4

package/CHANGELOG.md

@@ -1,5 +1,13 @@
 # @atlaskit/editor-plugin-type-ahead
 
+## 17.1.4
+
+### Patch Changes
+
+- [`4cc06eff6f3d1`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/4cc06eff6f3d1) -
+  [ux] Behind platform_editor_mention_search_order, allow mention item subscription when sectioning
+  is enabled and keep loading rows non-interactive
+
 ## 17.1.3
 
 ### Patch Changes

package/dist/cjs/pm-plugins/item-is-disabled.js

@@ -5,8 +5,9 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.itemIsDisabled = void 0;
 var _editorPluginConnectivity = require("@atlaskit/editor-plugin-connectivity");
+var _isExperimentEnabled = require("@atlaskit/platform-feature-experiments/is-experiment-enabled");
 var itemIsDisabled = exports.itemIsDisabled = function itemIsDisabled(item, api) {
   var _api$connectivity;
   var isOffline = (0, _editorPluginConnectivity.isOfflineMode)(api === null || api === void 0 || (_api$connectivity = api.connectivity) === null || _api$connectivity === void 0 || (_api$connectivity = _api$connectivity.sharedState.currentState()) === null || _api$connectivity === void 0 ? void 0 : _api$connectivity.mode);
-  return isOffline && (item === null || item === void 0 ? void 0 : item.isDisabledOffline) === true;
+  return (0, _isExperimentEnabled.isExperimentEnabled)('platform_editor_mention_search_order') && (item === null || item === void 0 ? void 0 : item.isNonInteractive) === true || isOffline && (item === null || item === void 0 ? void 0 : item.isDisabledOffline) === true;
 };

package/dist/cjs/ui/TypeAheadListItem.js

@@ -18,6 +18,7 @@ var _editorPluginConnectivity = require("@atlaskit/editor-plugin-connectivity");
 var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
 var _shortcut = require("@atlaskit/editor-shared-styles/shortcut");
 var _buttonItem = _interopRequireDefault(require("@atlaskit/menu/button-item"));
+var _isExperimentEnabled = require("@atlaskit/platform-feature-experiments/is-experiment-enabled");
 var _visuallyHidden = _interopRequireDefault(require("@atlaskit/visually-hidden/visually-hidden"));
 var _templateObject, _templateObject2, _templateObject3, _templateObject4;
 /**
@@ -182,7 +183,7 @@ var TypeAheadListItem = exports.TypeAheadListItem = /*#__PURE__*/_react.default.
     var _item$isDisabledOffli;
     return (0, _editorPluginConnectivity.isOfflineMode)(connectivityMode) && ((_item$isDisabledOffli = item === null || item === void 0 ? void 0 : item.isDisabledOffline) !== null && _item$isDisabledOffli !== void 0 ? _item$isDisabledOffli : false);
   };
-  var itemIsDisabled = isItemDisabled(item);
+  var itemIsDisabled = (0, _isExperimentEnabled.isExperimentEnabled)('platform_editor_mention_search_order') && (item === null || item === void 0 ? void 0 : item.isNonInteractive) === true || isItemDisabled(item);
   var isFirstEnabledIndex = (0, _editorPluginConnectivity.isOfflineMode)(connectivityMode) && itemIndex === firstOnlineSupportedIndex && selectedIndex === -1;
 
   /**
@@ -218,7 +219,7 @@ var TypeAheadListItem = exports.TypeAheadListItem = /*#__PURE__*/_react.default.
   }, [onItemClick, itemIndex, itemIsDisabled]);
   var customItemRef = _react.default.useRef(null);
   var buttonItemRef = _react.default.useRef(null);
-  var shouldUpdateFocus = selectedIndex === itemIndex && !isFirstEnabledIndex;
+  var shouldUpdateFocus = selectedIndex === itemIndex && !isFirstEnabledIndex && !((0, _isExperimentEnabled.isExperimentEnabled)('platform_editor_mention_search_order') && (item === null || item === void 0 ? void 0 : item.isNonInteractive) === true);
   var listItemClasses = (0, _react.useMemo)(function () {
     return [selectionFrame, isSelected && !itemIsDisabled && selectedStyle];
   }, [isSelected, itemIsDisabled]);

package/dist/es2019/pm-plugins/item-is-disabled.js

@@ -1,6 +1,7 @@
 import { isOfflineMode } from '@atlaskit/editor-plugin-connectivity';
+import { isExperimentEnabled } from '@atlaskit/platform-feature-experiments/is-experiment-enabled';
 export const itemIsDisabled = (item, api) => {
   var _api$connectivity, _api$connectivity$sha;
   const isOffline = isOfflineMode(api === null || api === void 0 ? void 0 : (_api$connectivity = api.connectivity) === null || _api$connectivity === void 0 ? void 0 : (_api$connectivity$sha = _api$connectivity.sharedState.currentState()) === null || _api$connectivity$sha === void 0 ? void 0 : _api$connectivity$sha.mode);
-  return isOffline && (item === null || item === void 0 ? void 0 : item.isDisabledOffline) === true;
+  return isExperimentEnabled('platform_editor_mention_search_order') && (item === null || item === void 0 ? void 0 : item.isNonInteractive) === true || isOffline && (item === null || item === void 0 ? void 0 : item.isDisabledOffline) === true;
 };

package/dist/es2019/ui/TypeAheadListItem.js

@@ -15,6 +15,7 @@ import { isOfflineMode } from '@atlaskit/editor-plugin-connectivity';
 import { relativeFontSizeToBase16 } from '@atlaskit/editor-shared-styles';
 import { shortcutStyle } from '@atlaskit/editor-shared-styles/shortcut';
 import ButtonItem from '@atlaskit/menu/button-item';
+import { isExperimentEnabled } from '@atlaskit/platform-feature-experiments/is-experiment-enabled';
 import VisuallyHidden from '@atlaskit/visually-hidden/visually-hidden';
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
 export const itemIcon = css({
@@ -193,7 +194,7 @@ export const TypeAheadListItem = /*#__PURE__*/React.memo(({
     var _item$isDisabledOffli;
     return isOfflineMode(connectivityMode) && ((_item$isDisabledOffli = item === null || item === void 0 ? void 0 : item.isDisabledOffline) !== null && _item$isDisabledOffli !== void 0 ? _item$isDisabledOffli : false);
   };
-  const itemIsDisabled = isItemDisabled(item);
+  const itemIsDisabled = isExperimentEnabled('platform_editor_mention_search_order') && (item === null || item === void 0 ? void 0 : item.isNonInteractive) === true || isItemDisabled(item);
   const isFirstEnabledIndex = isOfflineMode(connectivityMode) && itemIndex === firstOnlineSupportedIndex && selectedIndex === -1;
 
   /**
@@ -231,7 +232,7 @@ export const TypeAheadListItem = /*#__PURE__*/React.memo(({
   }, [onItemClick, itemIndex, itemIsDisabled]);
   const customItemRef = React.useRef(null);
   const buttonItemRef = React.useRef(null);
-  const shouldUpdateFocus = selectedIndex === itemIndex && !isFirstEnabledIndex;
+  const shouldUpdateFocus = selectedIndex === itemIndex && !isFirstEnabledIndex && !(isExperimentEnabled('platform_editor_mention_search_order') && (item === null || item === void 0 ? void 0 : item.isNonInteractive) === true);
   const listItemClasses = useMemo(() => {
     return [selectionFrame, isSelected && !itemIsDisabled && selectedStyle];
   }, [isSelected, itemIsDisabled]);

package/dist/esm/pm-plugins/item-is-disabled.js

@@ -1,6 +1,7 @@
 import { isOfflineMode } from '@atlaskit/editor-plugin-connectivity';
+import { isExperimentEnabled } from '@atlaskit/platform-feature-experiments/is-experiment-enabled';
 export var itemIsDisabled = function itemIsDisabled(item, api) {
   var _api$connectivity;
   var isOffline = isOfflineMode(api === null || api === void 0 || (_api$connectivity = api.connectivity) === null || _api$connectivity === void 0 || (_api$connectivity = _api$connectivity.sharedState.currentState()) === null || _api$connectivity === void 0 ? void 0 : _api$connectivity.mode);
-  return isOffline && (item === null || item === void 0 ? void 0 : item.isDisabledOffline) === true;
+  return isExperimentEnabled('platform_editor_mention_search_order') && (item === null || item === void 0 ? void 0 : item.isNonInteractive) === true || isOffline && (item === null || item === void 0 ? void 0 : item.isDisabledOffline) === true;
 };

package/dist/esm/ui/TypeAheadListItem.js

@@ -17,6 +17,7 @@ import { isOfflineMode } from '@atlaskit/editor-plugin-connectivity';
 import { relativeFontSizeToBase16 } from '@atlaskit/editor-shared-styles';
 import { shortcutStyle } from '@atlaskit/editor-shared-styles/shortcut';
 import ButtonItem from '@atlaskit/menu/button-item';
+import { isExperimentEnabled } from '@atlaskit/platform-feature-experiments/is-experiment-enabled';
 import VisuallyHidden from '@atlaskit/visually-hidden/visually-hidden';
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
 export var itemIcon = css({
@@ -174,7 +175,7 @@ export var TypeAheadListItem = /*#__PURE__*/React.memo(function (_ref) {
     var _item$isDisabledOffli;
     return isOfflineMode(connectivityMode) && ((_item$isDisabledOffli = item === null || item === void 0 ? void 0 : item.isDisabledOffline) !== null && _item$isDisabledOffli !== void 0 ? _item$isDisabledOffli : false);
   };
-  var itemIsDisabled = isItemDisabled(item);
+  var itemIsDisabled = isExperimentEnabled('platform_editor_mention_search_order') && (item === null || item === void 0 ? void 0 : item.isNonInteractive) === true || isItemDisabled(item);
   var isFirstEnabledIndex = isOfflineMode(connectivityMode) && itemIndex === firstOnlineSupportedIndex && selectedIndex === -1;
 
   /**
@@ -210,7 +211,7 @@ export var TypeAheadListItem = /*#__PURE__*/React.memo(function (_ref) {
   }, [onItemClick, itemIndex, itemIsDisabled]);
   var customItemRef = React.useRef(null);
   var buttonItemRef = React.useRef(null);
-  var shouldUpdateFocus = selectedIndex === itemIndex && !isFirstEnabledIndex;
+  var shouldUpdateFocus = selectedIndex === itemIndex && !isFirstEnabledIndex && !(isExperimentEnabled('platform_editor_mention_search_order') && (item === null || item === void 0 ? void 0 : item.isNonInteractive) === true);
   var listItemClasses = useMemo(function () {
     return [selectionFrame, isSelected && !itemIsDisabled && selectedStyle];
   }, [isSelected, itemIsDisabled]);

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-plugin-type-ahead",
-	"version": "17.1.3",
+	"version": "17.1.4",
 	"description": "Type-ahead plugin for @atlaskit/editor-core",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",
@@ -67,28 +67,6 @@
 		"react-intl": "^7.0.0",
 		"wait-for-expect": "^1.2.0"
 	},
-	"techstack": {
-		"@atlassian/frontend": {
-			"code-structure": [
-				"editor-plugin"
-			],
-			"import-structure": [
-				"atlassian-conventions"
-			],
-			"circular-dependencies": [
-				"file-level"
-			]
-		},
-		"@repo/internal": {
-			"deprecation": "no-deprecated-imports",
-			"design-tokens": [
-				"color"
-			],
-			"styling": [
-				"emotion"
-			]
-		}
-	},
 	"platform-feature-flags": {
 		"platform_editor_ease_of_use_metrics": {
 			"type": "boolean"