@atlaskit/editor-plugin-type-ahead 11.1.3 → 11.1.4

package/CHANGELOG.md

@@ -1,5 +1,15 @@
 # @atlaskit/editor-plugin-type-ahead
 
+## 11.1.4
+
+### Patch Changes
+
+- [`2b3602c6e9f97`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/2b3602c6e9f97) -
+  Clean up feature flag 'platform_safari_cursor_typeahead_fix'
+- [`458baedee68e8`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/458baedee68e8) -
+  [ux] Set Border radius px to 8px to align with figma designs
+- Updated dependencies
+
 ## 11.1.3
 
 ### Patch Changes

package/dist/cjs/ui/MoreOptions.js

@@ -9,7 +9,6 @@ var _react = _interopRequireWildcard(require("react"));
 var _react2 = require("@emotion/react");
 var _browser = require("@atlaskit/editor-common/browser");
 var _menu = require("@atlaskit/menu");
-var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
 /**
  * @jsxRuntime classic
@@ -39,7 +38,7 @@ var MoreOptions = exports.MoreOptions = function MoreOptions(_ref) {
   var isSafari = (0, _browser.getBrowserInfo)().safari;
   (0, _react.useEffect)(function () {
     if (isFocused && ref.current) {
-      var skipFocusOnSafariHover = isSafari && (lastInputMethodRef === null || lastInputMethodRef === void 0 ? void 0 : lastInputMethodRef.current) === 'mouse' && (0, _expValEquals.expValEquals)('platform_safari_cursor_typeahead_fix', 'isEnabled', true);
+      var skipFocusOnSafariHover = isSafari && (lastInputMethodRef === null || lastInputMethodRef === void 0 ? void 0 : lastInputMethodRef.current) === 'mouse';
       if (!skipFocusOnSafariHover) {
         ref.current.focus();
       }
@@ -75,7 +74,7 @@ var MoreOptions = exports.MoreOptions = function MoreOptions(_ref) {
     ref: ref
     /* eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed) */,
     onMouseDown: function onMouseDown(e) {
-      if (isSafari && (0, _expValEquals.expValEquals)('platform_safari_cursor_typeahead_fix', 'isEnabled', true)) {
+      if (isSafari) {
         e.preventDefault();
       }
     },

package/dist/cjs/ui/TypeAheadListItem.js

@@ -18,7 +18,6 @@ var _editorPluginConnectivity = require("@atlaskit/editor-plugin-connectivity");
 var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
 var _shortcut = require("@atlaskit/editor-shared-styles/shortcut");
 var _menu = require("@atlaskit/menu");
-var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
 var _experiments = require("@atlaskit/tmp-editor-statsig/experiments");
 var _visuallyHidden = _interopRequireDefault(require("@atlaskit/visually-hidden"));
 var _templateObject, _templateObject2, _templateObject3, _templateObject4;
@@ -226,7 +225,7 @@ var TypeAheadListItem = exports.TypeAheadListItem = /*#__PURE__*/_react.default.
   }, [isSelected, itemIsDisabled]);
   (0, _react.useLayoutEffect)(function () {
     if (shouldUpdateFocus) {
-      var skipFocusOnSafariHover = isSafari && (lastInputMethodRef === null || lastInputMethodRef === void 0 ? void 0 : lastInputMethodRef.current) === 'mouse' && (0, _expValEquals.expValEquals)('platform_safari_cursor_typeahead_fix', 'isEnabled', true);
+      var skipFocusOnSafariHover = isSafari && (lastInputMethodRef === null || lastInputMethodRef === void 0 ? void 0 : lastInputMethodRef.current) === 'mouse';
       if (!skipFocusOnSafariHover) {
         var _customItemRef$curren;
         customItemRef === null || customItemRef === void 0 || (_customItemRef$curren = customItemRef.current) === null || _customItemRef$curren === void 0 || _customItemRef$curren.focus();
@@ -235,7 +234,7 @@ var TypeAheadListItem = exports.TypeAheadListItem = /*#__PURE__*/_react.default.
   }, [customItemRef, shouldUpdateFocus, lastInputMethodRef, isSafari]);
   (0, _react.useLayoutEffect)(function () {
     if (shouldUpdateFocus) {
-      var skipFocusOnSafariHover = isSafari && (lastInputMethodRef === null || lastInputMethodRef === void 0 ? void 0 : lastInputMethodRef.current) === 'mouse' && (0, _expValEquals.expValEquals)('platform_safari_cursor_typeahead_fix', 'isEnabled', true);
+      var skipFocusOnSafariHover = isSafari && (lastInputMethodRef === null || lastInputMethodRef === void 0 ? void 0 : lastInputMethodRef.current) === 'mouse';
       if (!skipFocusOnSafariHover) {
         var _buttonItemRef$curren;
         buttonItemRef === null || buttonItemRef === void 0 || (_buttonItemRef$curren = buttonItemRef.current) === null || _buttonItemRef$curren === void 0 || _buttonItemRef$curren.focus();

package/dist/cjs/ui/TypeAheadPopup.js

@@ -16,6 +16,7 @@ var _typeAhead = require("@atlaskit/editor-common/type-ahead");
 var _ui = require("@atlaskit/editor-common/ui");
 var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
 var _featureGateJsClient = _interopRequireDefault(require("@atlaskit/feature-gate-js-client"));
+var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
 var _experiments = require("@atlaskit/tmp-editor-statsig/experiments");
 var _analytics2 = require("../pm-plugins/analytics");
 var _constants = require("../pm-plugins/constants");
@@ -52,6 +53,9 @@ var typeAheadWrapperWithViewMoreOverride = (0, _react2.css)({
   display: 'flex',
   flexDirection: 'column'
 });
+var typeAheadContentOverrideBorder = (0, _react2.css)({
+  borderRadius: "var(--ds-radius-large, 8px)"
+});
 var Highlight = function Highlight(_ref) {
   var state = _ref.state,
     triggerHandler = _ref.triggerHandler;
@@ -337,7 +341,7 @@ var TypeAheadPopup = exports.TypeAheadPopup = /*#__PURE__*/_react.default.memo(f
       }
     }
   }, (0, _react2.jsx)("div", {
-    css: [typeAheadContent, moreElementsInQuickInsertViewEnabled && typeAheadContentOverride, showMoreOptionsButton && typeAheadWrapperWithViewMoreOverride]
+    css: [typeAheadContent, moreElementsInQuickInsertViewEnabled && typeAheadContentOverride, showMoreOptionsButton && typeAheadWrapperWithViewMoreOverride, (0, _expValEquals.expValEquals)('cc-markdown-mode', 'isEnabled', true) && typeAheadContentOverrideBorder]
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
     ,
     className: _constants.TYPE_AHEAD_POPUP_CONTENT_CLASS,

package/dist/es2019/ui/MoreOptions.js

@@ -8,7 +8,6 @@ import React, { useEffect, useRef } from 'react';
 import { css, jsx } from '@emotion/react';
 import { getBrowserInfo } from '@atlaskit/editor-common/browser';
 import { ButtonItem, Section } from '@atlaskit/menu';
-import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 const buttonStyles = css({
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
   '& > button:hover': {
@@ -31,7 +30,7 @@ export const MoreOptions = ({
   const isSafari = getBrowserInfo().safari;
   useEffect(() => {
     if (isFocused && ref.current) {
-      const skipFocusOnSafariHover = isSafari && (lastInputMethodRef === null || lastInputMethodRef === void 0 ? void 0 : lastInputMethodRef.current) === 'mouse' && expValEquals('platform_safari_cursor_typeahead_fix', 'isEnabled', true);
+      const skipFocusOnSafariHover = isSafari && (lastInputMethodRef === null || lastInputMethodRef === void 0 ? void 0 : lastInputMethodRef.current) === 'mouse';
       if (!skipFocusOnSafariHover) {
         ref.current.focus();
       }
@@ -69,7 +68,7 @@ export const MoreOptions = ({
     ref: ref
     /* eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed) */,
     onMouseDown: e => {
-      if (isSafari && expValEquals('platform_safari_cursor_typeahead_fix', 'isEnabled', true)) {
+      if (isSafari) {
         e.preventDefault();
       }
     },

package/dist/es2019/ui/TypeAheadListItem.js

@@ -15,7 +15,6 @@ 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';
-import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
 import VisuallyHidden from '@atlaskit/visually-hidden';
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
@@ -239,7 +238,7 @@ export const TypeAheadListItem = /*#__PURE__*/React.memo(({
   }, [isSelected, itemIsDisabled]);
   useLayoutEffect(() => {
     if (shouldUpdateFocus) {
-      const skipFocusOnSafariHover = isSafari && (lastInputMethodRef === null || lastInputMethodRef === void 0 ? void 0 : lastInputMethodRef.current) === 'mouse' && expValEquals('platform_safari_cursor_typeahead_fix', 'isEnabled', true);
+      const skipFocusOnSafariHover = isSafari && (lastInputMethodRef === null || lastInputMethodRef === void 0 ? void 0 : lastInputMethodRef.current) === 'mouse';
       if (!skipFocusOnSafariHover) {
         var _customItemRef$curren;
         customItemRef === null || customItemRef === void 0 ? void 0 : (_customItemRef$curren = customItemRef.current) === null || _customItemRef$curren === void 0 ? void 0 : _customItemRef$curren.focus();
@@ -248,7 +247,7 @@ export const TypeAheadListItem = /*#__PURE__*/React.memo(({
   }, [customItemRef, shouldUpdateFocus, lastInputMethodRef, isSafari]);
   useLayoutEffect(() => {
     if (shouldUpdateFocus) {
-      const skipFocusOnSafariHover = isSafari && (lastInputMethodRef === null || lastInputMethodRef === void 0 ? void 0 : lastInputMethodRef.current) === 'mouse' && expValEquals('platform_safari_cursor_typeahead_fix', 'isEnabled', true);
+      const skipFocusOnSafariHover = isSafari && (lastInputMethodRef === null || lastInputMethodRef === void 0 ? void 0 : lastInputMethodRef.current) === 'mouse';
       if (!skipFocusOnSafariHover) {
         var _buttonItemRef$curren;
         buttonItemRef === null || buttonItemRef === void 0 ? void 0 : (_buttonItemRef$curren = buttonItemRef.current) === null || _buttonItemRef$curren === void 0 ? void 0 : _buttonItemRef$curren.focus();

package/dist/es2019/ui/TypeAheadPopup.js

@@ -13,6 +13,7 @@ import { TypeAheadAvailableNodes } from '@atlaskit/editor-common/type-ahead';
 import { findOverflowScrollParent, Popup } from '@atlaskit/editor-common/ui';
 import { akEditorFloatingDialogZIndex } from '@atlaskit/editor-shared-styles';
 import FeatureGates from '@atlaskit/feature-gate-js-client';
+import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
 import { fireTypeAheadClosedAnalyticsEvent } from '../pm-plugins/analytics';
 import { CloseSelectionOptions, TYPE_AHEAD_DECORATION_DATA_ATTRIBUTE, TYPE_AHEAD_POPUP_CONTENT_CLASS } from '../pm-plugins/constants';
@@ -41,6 +42,9 @@ const typeAheadWrapperWithViewMoreOverride = css({
   display: 'flex',
   flexDirection: 'column'
 });
+const typeAheadContentOverrideBorder = css({
+  borderRadius: "var(--ds-radius-large, 8px)"
+});
 const Highlight = ({
   state,
   triggerHandler
@@ -332,7 +336,7 @@ export const TypeAheadPopup = /*#__PURE__*/React.memo(props => {
       }
     }
   }, jsx("div", {
-    css: [typeAheadContent, moreElementsInQuickInsertViewEnabled && typeAheadContentOverride, showMoreOptionsButton && typeAheadWrapperWithViewMoreOverride]
+    css: [typeAheadContent, moreElementsInQuickInsertViewEnabled && typeAheadContentOverride, showMoreOptionsButton && typeAheadWrapperWithViewMoreOverride, expValEquals('cc-markdown-mode', 'isEnabled', true) && typeAheadContentOverrideBorder]
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
     ,
     className: TYPE_AHEAD_POPUP_CONTENT_CLASS,

package/dist/esm/ui/MoreOptions.js

@@ -8,7 +8,6 @@ import React, { useEffect, useRef } from 'react';
 import { css, jsx } from '@emotion/react';
 import { getBrowserInfo } from '@atlaskit/editor-common/browser';
 import { ButtonItem, Section } from '@atlaskit/menu';
-import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 var buttonStyles = css({
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
   '& > button:hover': {
@@ -30,7 +29,7 @@ export var MoreOptions = function MoreOptions(_ref) {
   var isSafari = getBrowserInfo().safari;
   useEffect(function () {
     if (isFocused && ref.current) {
-      var skipFocusOnSafariHover = isSafari && (lastInputMethodRef === null || lastInputMethodRef === void 0 ? void 0 : lastInputMethodRef.current) === 'mouse' && expValEquals('platform_safari_cursor_typeahead_fix', 'isEnabled', true);
+      var skipFocusOnSafariHover = isSafari && (lastInputMethodRef === null || lastInputMethodRef === void 0 ? void 0 : lastInputMethodRef.current) === 'mouse';
       if (!skipFocusOnSafariHover) {
         ref.current.focus();
       }
@@ -66,7 +65,7 @@ export var MoreOptions = function MoreOptions(_ref) {
     ref: ref
     /* eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed) */,
     onMouseDown: function onMouseDown(e) {
-      if (isSafari && expValEquals('platform_safari_cursor_typeahead_fix', 'isEnabled', true)) {
+      if (isSafari) {
         e.preventDefault();
       }
     },

package/dist/esm/ui/TypeAheadListItem.js

@@ -17,7 +17,6 @@ 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';
-import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
 import VisuallyHidden from '@atlaskit/visually-hidden';
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
@@ -218,7 +217,7 @@ export var TypeAheadListItem = /*#__PURE__*/React.memo(function (_ref) {
   }, [isSelected, itemIsDisabled]);
   useLayoutEffect(function () {
     if (shouldUpdateFocus) {
-      var skipFocusOnSafariHover = isSafari && (lastInputMethodRef === null || lastInputMethodRef === void 0 ? void 0 : lastInputMethodRef.current) === 'mouse' && expValEquals('platform_safari_cursor_typeahead_fix', 'isEnabled', true);
+      var skipFocusOnSafariHover = isSafari && (lastInputMethodRef === null || lastInputMethodRef === void 0 ? void 0 : lastInputMethodRef.current) === 'mouse';
       if (!skipFocusOnSafariHover) {
         var _customItemRef$curren;
         customItemRef === null || customItemRef === void 0 || (_customItemRef$curren = customItemRef.current) === null || _customItemRef$curren === void 0 || _customItemRef$curren.focus();
@@ -227,7 +226,7 @@ export var TypeAheadListItem = /*#__PURE__*/React.memo(function (_ref) {
   }, [customItemRef, shouldUpdateFocus, lastInputMethodRef, isSafari]);
   useLayoutEffect(function () {
     if (shouldUpdateFocus) {
-      var skipFocusOnSafariHover = isSafari && (lastInputMethodRef === null || lastInputMethodRef === void 0 ? void 0 : lastInputMethodRef.current) === 'mouse' && expValEquals('platform_safari_cursor_typeahead_fix', 'isEnabled', true);
+      var skipFocusOnSafariHover = isSafari && (lastInputMethodRef === null || lastInputMethodRef === void 0 ? void 0 : lastInputMethodRef.current) === 'mouse';
       if (!skipFocusOnSafariHover) {
         var _buttonItemRef$curren;
         buttonItemRef === null || buttonItemRef === void 0 || (_buttonItemRef$curren = buttonItemRef.current) === null || _buttonItemRef$curren === void 0 || _buttonItemRef$curren.focus();

package/dist/esm/ui/TypeAheadPopup.js

@@ -14,6 +14,7 @@ import { TypeAheadAvailableNodes } from '@atlaskit/editor-common/type-ahead';
 import { findOverflowScrollParent, Popup } from '@atlaskit/editor-common/ui';
 import { akEditorFloatingDialogZIndex } from '@atlaskit/editor-shared-styles';
 import FeatureGates from '@atlaskit/feature-gate-js-client';
+import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
 import { fireTypeAheadClosedAnalyticsEvent } from '../pm-plugins/analytics';
 import { CloseSelectionOptions, TYPE_AHEAD_DECORATION_DATA_ATTRIBUTE, TYPE_AHEAD_POPUP_CONTENT_CLASS } from '../pm-plugins/constants';
@@ -42,6 +43,9 @@ var typeAheadWrapperWithViewMoreOverride = css({
   display: 'flex',
   flexDirection: 'column'
 });
+var typeAheadContentOverrideBorder = css({
+  borderRadius: "var(--ds-radius-large, 8px)"
+});
 var Highlight = function Highlight(_ref) {
   var state = _ref.state,
     triggerHandler = _ref.triggerHandler;
@@ -327,7 +331,7 @@ export var TypeAheadPopup = /*#__PURE__*/React.memo(function (props) {
       }
     }
   }, jsx("div", {
-    css: [typeAheadContent, moreElementsInQuickInsertViewEnabled && typeAheadContentOverride, showMoreOptionsButton && typeAheadWrapperWithViewMoreOverride]
+    css: [typeAheadContent, moreElementsInQuickInsertViewEnabled && typeAheadContentOverride, showMoreOptionsButton && typeAheadWrapperWithViewMoreOverride, expValEquals('cc-markdown-mode', 'isEnabled', true) && typeAheadContentOverrideBorder]
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
     ,
     className: TYPE_AHEAD_POPUP_CONTENT_CLASS,

package/dist/types/ui/TypeAheadPopup.d.ts

@@ -24,11 +24,11 @@ type TypeAheadPopupProps = {
     errorInfo: TypeAheadErrorInfo;
     isEmptyQuery: boolean;
     items: Array<TypeAheadItem>;
-    sections?: Array<TypeAheadResolvedSection>;
     onItemInsert: (mode: SelectItemMode, index: number) => void;
     popupsBoundariesElement?: HTMLElement;
     popupsMountPoint?: HTMLElement;
     popupsScrollableElement?: HTMLElement;
+    sections?: Array<TypeAheadResolvedSection>;
     selectedIndex: number;
     setSelectedItem: OnSelectItem;
     showMoreOptionsButton?: boolean;

package/dist/types-ts4.5/ui/TypeAheadPopup.d.ts

@@ -24,11 +24,11 @@ type TypeAheadPopupProps = {
     errorInfo: TypeAheadErrorInfo;
     isEmptyQuery: boolean;
     items: Array<TypeAheadItem>;
-    sections?: Array<TypeAheadResolvedSection>;
     onItemInsert: (mode: SelectItemMode, index: number) => void;
     popupsBoundariesElement?: HTMLElement;
     popupsMountPoint?: HTMLElement;
     popupsScrollableElement?: HTMLElement;
+    sections?: Array<TypeAheadResolvedSection>;
     selectedIndex: number;
     setSelectedItem: OnSelectItem;
     showMoreOptionsButton?: boolean;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-plugin-type-ahead",
-	"version": "11.1.3",
+	"version": "11.1.4",
 	"description": "Type-ahead plugin for @atlaskit/editor-core",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",
@@ -44,7 +44,7 @@
 		"@atlaskit/primitives": "^19.0.0",
 		"@atlaskit/prosemirror-history": "^0.2.0",
 		"@atlaskit/prosemirror-input-rules": "^3.7.0",
-		"@atlaskit/tmp-editor-statsig": "^91.0.0",
+		"@atlaskit/tmp-editor-statsig": "^92.0.0",
 		"@atlaskit/tokens": "^13.3.0",
 		"@atlaskit/visually-hidden": "^3.1.0",
 		"@babel/runtime": "^7.0.0",