@atlaskit/editor-plugin-type-ahead 2.2.4 → 2.3.1

package/dist/esm/pm-plugins/reducer.js

@@ -44,7 +44,8 @@ export var createReducer = function createReducer(_ref) {
       triggerHandler = _ref2.triggerHandler,
       inputMethod = _ref2.inputMethod,
       reopenQuery = _ref2.reopenQuery,
-      selectedIndex = _ref2.selectedIndex;
+      selectedIndex = _ref2.selectedIndex,
+      removePrefixTriggerOnCancel = _ref2.removePrefixTriggerOnCancel;
     removeDecorations(currentPluginState.decorationSet);
     var _createDecorations = createDecorations(tr, {
         triggerHandler: triggerHandler,
@@ -62,7 +63,8 @@ export var createReducer = function createReducer(_ref) {
       inputMethod: inputMethod,
       selectedIndex: typeof selectedIndex === 'number' ? selectedIndex : -1,
       items: [],
-      query: reopenQuery || ''
+      query: reopenQuery || '',
+      removePrefixTriggerOnCancel: removePrefixTriggerOnCancel
     });
   };
   var closeMenu = function closeMenu(currentPluginState) {
@@ -74,7 +76,8 @@ export var createReducer = function createReducer(_ref) {
       decorationSet: DecorationSet.empty,
       stats: null,
       triggerHandler: undefined,
-      items: []
+      items: [],
+      removePrefixTriggerOnCancel: undefined
     });
   };
   return function (tr, currentPluginState, typeAheadStepOverride) {
@@ -109,7 +112,8 @@ export var createReducer = function createReducer(_ref) {
         tr: tr,
         triggerHandler: params.triggerHandler,
         inputMethod: params.inputMethod,
-        reopenQuery: params.query
+        reopenQuery: params.query,
+        removePrefixTriggerOnCancel: params.removePrefixTriggerOnCancel
       });
     } else if (shouldCloseMenu) {
       return closeMenu(currentPluginState);

package/dist/esm/typeAheadPlugin.js

@@ -27,11 +27,13 @@ var createOpenAtTransaction = function createOpenAtTransaction(editorAnalyticsAP
     return function (tr) {
       var triggerHandler = props.triggerHandler,
         inputMethod = props.inputMethod,
-        query = props.query;
+        query = props.query,
+        removePrefixTriggerOnCancel = props.removePrefixTriggerOnCancel;
       openTypeAheadAtCursor({
         triggerHandler: triggerHandler,
         inputMethod: inputMethod,
-        query: query
+        query: query,
+        removePrefixTriggerOnCancel: removePrefixTriggerOnCancel
       })({
         tr: tr
       });

package/dist/esm/ui/InputQuery.js

@@ -11,11 +11,12 @@ import { useIntl } from 'react-intl-next';
 import { keyName as keyNameNormalized } from 'w3c-keyname';
 import { browser } from '@atlaskit/editor-common/browser';
 import { SelectItemMode, typeAheadListMessages } from '@atlaskit/editor-common/type-ahead';
+import { AssistiveText } from '@atlaskit/editor-common/ui';
 import { blockNodesVerticalMargin } from '@atlaskit/editor-shared-styles';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
 import { CloseSelectionOptions, TYPE_AHEAD_DECORATION_ELEMENT_ID, TYPE_AHEAD_POPUP_CONTENT_CLASS } from '../pm-plugins/constants';
 import { getPluginState } from '../pm-plugins/utils';
-import { AssistiveText } from './AssistiveText';
 var placeholderStyles = css({
   '&::after': {
     content: 'attr(data-place-holder)',
@@ -98,6 +99,7 @@ export var InputQuery = /*#__PURE__*/React.memo(function (_ref) {
     query = _useState2[0],
     setQuery = _useState2[1];
   var isEditorControlsEnabled = editorExperiment('platform_editor_insertion', 'variant1');
+  var isEditorControlsPatch2Enabled = editorExperiment('platform_editor_controls', 'variant1') && fg('platform_editor_controls_patch_2');
   var _useState3 = useState(isEditorControlsEnabled && triggerQueryPrefix === '/'),
     _useState4 = _slicedToArray(_useState3, 2),
     showPlaceholder = _useState4[0],
@@ -128,7 +130,8 @@ export var InputQuery = /*#__PURE__*/React.memo(function (_ref) {
     var text = cleanedInputContent();
     var stopDefault = false;
     var _ref2 = getPluginState(editorView.state) || {},
-      selectedIndex = _ref2.selectedIndex;
+      selectedIndex = _ref2.selectedIndex,
+      removePrefixTriggerOnCancel = _ref2.removePrefixTriggerOnCancel;
     setInFocus(true);
     switch (key) {
       case ' ':
@@ -137,7 +140,7 @@ export var InputQuery = /*#__PURE__*/React.memo(function (_ref) {
           cancel({
             forceFocusOnEditor: true,
             text: ' ',
-            addPrefixTrigger: true,
+            addPrefixTrigger: isEditorControlsPatch2Enabled ? !removePrefixTriggerOnCancel : true,
             setSelectionAt: CloseSelectionOptions.AFTER_TEXT_INSERTED
           });
           stopDefault = true;
@@ -150,7 +153,7 @@ export var InputQuery = /*#__PURE__*/React.memo(function (_ref) {
         cancel({
           text: text,
           forceFocusOnEditor: true,
-          addPrefixTrigger: true,
+          addPrefixTrigger: isEditorControlsPatch2Enabled ? !removePrefixTriggerOnCancel : true,
           setSelectionAt: CloseSelectionOptions.AFTER_TEXT_INSERTED
         });
         stopDefault = true;
@@ -222,7 +225,7 @@ export var InputQuery = /*#__PURE__*/React.memo(function (_ref) {
       event.preventDefault();
       return false;
     }
-  }, [onUndoRedo, onItemSelect, selectNextItem, selectPreviousItem, cancel, cleanedInputContent, editorView.state]);
+  }, [onUndoRedo, onItemSelect, selectNextItem, selectPreviousItem, cancel, cleanedInputContent, editorView.state, isEditorControlsPatch2Enabled]);
   var onClick = useCallback(function (event) {
     var _inputRef$current;
     event.stopPropagation();
@@ -236,6 +239,8 @@ export var InputQuery = /*#__PURE__*/React.memo(function (_ref) {
       return;
     }
     var element = ref.current;
+    var _ref3 = getPluginState(editorView.state) || {},
+      removePrefixTriggerOnCancel = _ref3.removePrefixTriggerOnCancel;
     var onFocusIn = function onFocusIn(event) {
       onQueryFocus();
     };
@@ -252,7 +257,7 @@ export var InputQuery = /*#__PURE__*/React.memo(function (_ref) {
         }
         cancel({
           forceFocusOnEditor: true,
-          addPrefixTrigger: true,
+          addPrefixTrigger: isEditorControlsPatch2Enabled ? !removePrefixTriggerOnCancel : true,
           text: cleanedInputContent(),
           setSelectionAt: isMovingRight ? CloseSelectionOptions.AFTER_TEXT_INSERTED : CloseSelectionOptions.BEFORE_TEXT_INSERTED
         });
@@ -282,7 +287,7 @@ export var InputQuery = /*#__PURE__*/React.memo(function (_ref) {
         return;
       }
       cancel({
-        addPrefixTrigger: true,
+        addPrefixTrigger: isEditorControlsPatch2Enabled ? !removePrefixTriggerOnCancel : true,
         text: cleanedInputContent(),
         setSelectionAt: CloseSelectionOptions.BEFORE_TEXT_INSERTED,
         forceFocusOnEditor: false
@@ -382,7 +387,7 @@ export var InputQuery = /*#__PURE__*/React.memo(function (_ref) {
         element.removeEventListener('input', onInput);
       }
     };
-  }, [triggerQueryPrefix, cleanedInputContent, onQueryFocus, cancel, checkKeyEvent, editorView.state]);
+  }, [triggerQueryPrefix, cleanedInputContent, onQueryFocus, cancel, checkKeyEvent, editorView.state, isEditorControlsPatch2Enabled]);
   useLayoutEffect(function () {
     var hasReopenQuery = typeof reopenQuery === 'string' && reopenQuery.trim().length > 0;
     if (ref.current && forceFocus) {

package/dist/esm/ui/TypeAheadList.js

@@ -13,13 +13,13 @@ import { CellMeasurer, CellMeasurerCache } from 'react-virtualized/dist/commonjs
 import { List } from 'react-virtualized/dist/commonjs/List';
 import { toolbarInsertBlockMessages as messages } from '@atlaskit/editor-common/messages';
 import { SelectItemMode, typeAheadListMessages } from '@atlaskit/editor-common/type-ahead';
+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 { 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';
-import { AssistiveText } from './AssistiveText';
 import { ListRow } from './ListRow';
 import { TypeAheadListItem } from './TypeAheadListItem';
 import { ViewMore } from './ViewMore';

package/dist/esm/ui/TypeAheadPopup.js

@@ -15,8 +15,10 @@ import { findOverflowScrollParent, Popup } from '@atlaskit/editor-common/ui';
 import { akEditorFloatingDialogZIndex } from '@atlaskit/editor-shared-styles';
 import { fg } from '@atlaskit/platform-feature-flags';
 import { N0, N50A, N60A } from '@atlaskit/theme/colors';
+import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
 import { closeTypeAhead } from '../pm-plugins/commands/close-type-ahead';
 import { CloseSelectionOptions, TYPE_AHEAD_DECORATION_DATA_ATTRIBUTE, TYPE_AHEAD_POPUP_CONTENT_CLASS } from '../pm-plugins/constants';
+import { getPluginState } from '../pm-plugins/utils';
 import { TypeAheadErrorFallback } from './TypeAheadErrorFallback';
 import { TypeAheadList } from './TypeAheadList';
 var DEFAULT_TYPEAHEAD_MENU_HEIGHT = 380;
@@ -69,6 +71,7 @@ export var TypeAheadPopup = /*#__PURE__*/React.memo(function (props) {
   var _useSharedPluginState = useSharedPluginState(api, ['featureFlags']),
     featureFlagsState = _useSharedPluginState.featureFlagsState;
   var moreElementsInQuickInsertViewEnabled = (featureFlagsState === null || featureFlagsState === void 0 ? void 0 : featureFlagsState.moreElementsInQuickInsertView) && triggerHandler.id === TypeAheadAvailableNodes.QUICK_INSERT;
+  var isEditorControlsPatch2Enabled = editorExperiment('platform_editor_controls', 'variant1') && fg('platform_editor_controls_patch_2');
   var defaultMenuHeight = useMemo(function () {
     return moreElementsInQuickInsertViewEnabled ? DEFAULT_TYPEAHEAD_MENU_HEIGHT_NEW : DEFAULT_TYPEAHEAD_MENU_HEIGHT;
   }, [moreElementsInQuickInsertViewEnabled]);
@@ -193,6 +196,8 @@ export var TypeAheadPopup = /*#__PURE__*/React.memo(function (props) {
     };
   }, [anchorElement, popupsScrollableElement, getFitHeightDebounced, getFitHeight]);
   useLayoutEffect(function () {
+    var _ref2 = getPluginState(editorView.state) || {},
+      removePrefixTriggerOnCancel = _ref2.removePrefixTriggerOnCancel;
     var focusOut = function focusOut(event) {
       var _window$getSelection;
       var relatedTarget = event.relatedTarget;
@@ -242,7 +247,7 @@ export var TypeAheadPopup = /*#__PURE__*/React.memo(function (props) {
         }
       }
       cancel({
-        addPrefixTrigger: true,
+        addPrefixTrigger: isEditorControlsPatch2Enabled ? !removePrefixTriggerOnCancel : true,
         setSelectionAt: CloseSelectionOptions.AFTER_TEXT_INSERTED,
         forceFocusOnEditor: false
       });
@@ -256,15 +261,17 @@ export var TypeAheadPopup = /*#__PURE__*/React.memo(function (props) {
       // eslint-disable-next-line @repo/internal/dom-events/no-unsafe-event-listeners
       element === null || element === void 0 || element.removeEventListener('focusout', focusOut);
     };
-  }, [ref, cancel]);
+  }, [ref, cancel, editorView.state, isEditorControlsPatch2Enabled]);
 
   // TODO: ED-17443 - When you press escape on typeahead panel, it should remove focus and close the panel
   // This is the expected keyboard behaviour advised by the Accessibility team
   useLayoutEffect(function () {
+    var _ref3 = getPluginState(editorView.state) || {},
+      removePrefixTriggerOnCancel = _ref3.removePrefixTriggerOnCancel;
     var escape = function escape(event) {
       if (event.key === 'Escape') {
         cancel({
-          addPrefixTrigger: true,
+          addPrefixTrigger: isEditorControlsPatch2Enabled ? !removePrefixTriggerOnCancel : true,
           setSelectionAt: CloseSelectionOptions.AFTER_TEXT_INSERTED,
           forceFocusOnEditor: true
         });
@@ -279,7 +286,7 @@ export var TypeAheadPopup = /*#__PURE__*/React.memo(function (props) {
       // eslint-disable-next-line @repo/internal/dom-events/no-unsafe-event-listeners
       element === null || element === void 0 || element.removeEventListener('keydown', escape);
     };
-  }, [ref, cancel]);
+  }, [ref, cancel, editorView.state, isEditorControlsPatch2Enabled]);
 
   // @ts-ignore
   var openElementBrowserModal = triggerHandler === null || triggerHandler === void 0 ? void 0 : triggerHandler.openElementBrowserModal;

package/dist/types/pm-plugins/commands/open-typeahead-at-cursor.d.ts

@@ -1,11 +1,5 @@
 import type { EditorCommand } from '@atlaskit/editor-common/types';
 import type { Transaction } from '@atlaskit/editor-prosemirror/state';
-import type { TypeAheadHandler, TypeAheadInputMethod } from '../../types';
-type Props = {
-    triggerHandler: TypeAheadHandler;
-    inputMethod: TypeAheadInputMethod;
-    query?: string;
-};
-export declare const openTypeAhead: (props: Props) => (tr: Transaction) => void;
-export declare const openTypeAheadAtCursor: ({ triggerHandler, inputMethod, query }: Props) => EditorCommand;
-export {};
+import type { OpenTypeAheadProps } from '../../types';
+export declare const openTypeAhead: (props: OpenTypeAheadProps) => (tr: Transaction) => void;
+export declare const openTypeAheadAtCursor: ({ triggerHandler, inputMethod, query, removePrefixTriggerOnCancel, }: OpenTypeAheadProps) => EditorCommand;

package/dist/types/typeAheadPluginType.d.ts

@@ -5,7 +5,7 @@ import type { ConnectivityPlugin } from '@atlaskit/editor-plugin-connectivity';
 import type { ContextPanelPlugin } from '@atlaskit/editor-plugin-context-panel';
 import type { FeatureFlagsPlugin } from '@atlaskit/editor-plugin-feature-flags';
 import type { EditorState, Transaction } from '@atlaskit/editor-prosemirror/state';
-import { type TypeAheadInputMethod, type TypeAheadPluginOptions, type TypeAheadPluginSharedState } from './types';
+import { type TypeAheadPluginOptions, type TypeAheadPluginSharedState, type OpenTypeAheadProps } from './types';
 type InsertTypeAheadItemProps = {
     triggerHandler: TypeAheadHandler;
     contentItem: TypeAheadItem;
@@ -13,11 +13,6 @@ type InsertTypeAheadItemProps = {
     sourceListItem: TypeAheadItem[];
     mode?: SelectItemMode;
 };
-type OpenTypeAheadProps = {
-    triggerHandler: TypeAheadHandler;
-    inputMethod: TypeAheadInputMethod;
-    query?: string;
-};
 type CloseTypeAheadProps = {
     insertCurrentQueryAsRawText: boolean;
     attachCommand?: Command;

package/dist/types/types/index.d.ts

@@ -35,6 +35,10 @@ export type TypeAheadPluginState = {
     selectedIndex: number;
     stats: TypeAheadStatsSerializable | null;
     inputMethod: TypeAheadInputMethod | null;
+    /**
+     * If true, removes the trigger character from query when typeahead is closed
+     */
+    removePrefixTriggerOnCancel?: boolean;
 };
 export type OnInsertSelectedItemProps = {
     mode: SelectItemMode;
@@ -87,3 +91,9 @@ export interface TypeAheadPluginSharedState {
     errorInfo: TypeAheadErrorInfo;
     selectedIndex: number;
 }
+export type OpenTypeAheadProps = {
+    triggerHandler: TypeAheadHandler;
+    inputMethod: TypeAheadInputMethod;
+    query?: string;
+    removePrefixTriggerOnCancel?: boolean;
+};

package/dist/types-ts4.5/pm-plugins/commands/open-typeahead-at-cursor.d.ts

@@ -1,11 +1,5 @@
 import type { EditorCommand } from '@atlaskit/editor-common/types';
 import type { Transaction } from '@atlaskit/editor-prosemirror/state';
-import type { TypeAheadHandler, TypeAheadInputMethod } from '../../types';
-type Props = {
-    triggerHandler: TypeAheadHandler;
-    inputMethod: TypeAheadInputMethod;
-    query?: string;
-};
-export declare const openTypeAhead: (props: Props) => (tr: Transaction) => void;
-export declare const openTypeAheadAtCursor: ({ triggerHandler, inputMethod, query }: Props) => EditorCommand;
-export {};
+import type { OpenTypeAheadProps } from '../../types';
+export declare const openTypeAhead: (props: OpenTypeAheadProps) => (tr: Transaction) => void;
+export declare const openTypeAheadAtCursor: ({ triggerHandler, inputMethod, query, removePrefixTriggerOnCancel, }: OpenTypeAheadProps) => EditorCommand;

package/dist/types-ts4.5/typeAheadPluginType.d.ts

@@ -5,7 +5,7 @@ import type { ConnectivityPlugin } from '@atlaskit/editor-plugin-connectivity';
 import type { ContextPanelPlugin } from '@atlaskit/editor-plugin-context-panel';
 import type { FeatureFlagsPlugin } from '@atlaskit/editor-plugin-feature-flags';
 import type { EditorState, Transaction } from '@atlaskit/editor-prosemirror/state';
-import { type TypeAheadInputMethod, type TypeAheadPluginOptions, type TypeAheadPluginSharedState } from './types';
+import { type TypeAheadPluginOptions, type TypeAheadPluginSharedState, type OpenTypeAheadProps } from './types';
 type InsertTypeAheadItemProps = {
     triggerHandler: TypeAheadHandler;
     contentItem: TypeAheadItem;
@@ -13,11 +13,6 @@ type InsertTypeAheadItemProps = {
     sourceListItem: TypeAheadItem[];
     mode?: SelectItemMode;
 };
-type OpenTypeAheadProps = {
-    triggerHandler: TypeAheadHandler;
-    inputMethod: TypeAheadInputMethod;
-    query?: string;
-};
 type CloseTypeAheadProps = {
     insertCurrentQueryAsRawText: boolean;
     attachCommand?: Command;

package/dist/types-ts4.5/types/index.d.ts

@@ -35,6 +35,10 @@ export type TypeAheadPluginState = {
     selectedIndex: number;
     stats: TypeAheadStatsSerializable | null;
     inputMethod: TypeAheadInputMethod | null;
+    /**
+     * If true, removes the trigger character from query when typeahead is closed
+     */
+    removePrefixTriggerOnCancel?: boolean;
 };
 export type OnInsertSelectedItemProps = {
     mode: SelectItemMode;
@@ -87,3 +91,9 @@ export interface TypeAheadPluginSharedState {
     errorInfo: TypeAheadErrorInfo;
     selectedIndex: number;
 }
+export type OpenTypeAheadProps = {
+    triggerHandler: TypeAheadHandler;
+    inputMethod: TypeAheadInputMethod;
+    query?: string;
+    removePrefixTriggerOnCancel?: boolean;
+};

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-plugin-type-ahead",
-	"version": "2.2.4",
+	"version": "2.3.1",
 	"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": "^102.14.0",
+		"@atlaskit/editor-common": "^102.18.0",
 		"@atlaskit/editor-element-browser": "^0.1.0",
 		"@atlaskit/editor-plugin-analytics": "^2.2.0",
 		"@atlaskit/editor-plugin-connectivity": "^2.0.0",
@@ -42,14 +42,14 @@
 		"@atlaskit/editor-prosemirror": "7.0.0",
 		"@atlaskit/editor-shared-styles": "^3.4.0",
 		"@atlaskit/heading": "^5.1.0",
-		"@atlaskit/icon": "^25.2.0",
+		"@atlaskit/icon": "^25.5.0",
 		"@atlaskit/menu": "^3.2.0",
 		"@atlaskit/platform-feature-flags": "^1.1.0",
-		"@atlaskit/primitives": "^14.2.0",
+		"@atlaskit/primitives": "^14.3.0",
 		"@atlaskit/prosemirror-input-rules": "^3.3.0",
 		"@atlaskit/theme": "^18.0.0",
-		"@atlaskit/tmp-editor-statsig": "^4.4.0",
-		"@atlaskit/tokens": "^4.5.0",
+		"@atlaskit/tmp-editor-statsig": "^4.6.0",
+		"@atlaskit/tokens": "^4.6.0",
 		"@babel/runtime": "^7.0.0",
 		"@emotion/react": "^11.7.1",
 		"lodash": "^4.17.21",
@@ -109,6 +109,9 @@
 		},
 		"platform_editor_controls_patch_1": {
 			"type": "boolean"
+		},
+		"platform_editor_controls_patch_2": {
+			"type": "boolean"
 		}
 	}
 }

package/dist/cjs/ui/AssistiveText.js

@@ -1,94 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.AssistiveText = void 0;
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-var _react = require("react");
-var _react2 = require("@emotion/react");
-var _debounce = _interopRequireDefault(require("lodash/debounce"));
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-
-var assitiveTextStyles = (0, _react2.css)({
-  border: 0,
-  clip: 'rect(0 0 0 0)',
-  height: '1px',
-  marginbottom: '-1px',
-  marginright: '-1px',
-  overflow: 'hidden',
-  padding: 0,
-  position: 'absolute',
-  whitespace: 'nowrap',
-  width: '1px'
-});
-var AssistiveText = exports.AssistiveText = function AssistiveText(_ref) {
-  var _ref$assistiveText = _ref.assistiveText,
-    assistiveText = _ref$assistiveText === void 0 ? '' : _ref$assistiveText,
-    _ref$isInFocus = _ref.isInFocus,
-    isInFocus = _ref$isInFocus === void 0 ? false : _ref$isInFocus,
-    _ref$id = _ref.id,
-    id = _ref$id === void 0 ? '' : _ref$id,
-    _ref$statusDebounceMi = _ref.statusDebounceMillis,
-    statusDebounceMillis = _ref$statusDebounceMi === void 0 ? 1400 : _ref$statusDebounceMi;
-  var _useState = (0, _react.useState)(false),
-    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-    bump = _useState2[0],
-    setBump = _useState2[1];
-  var _useState3 = (0, _react.useState)(false),
-    _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
-    debounced = _useState4[0],
-    setDebounced = _useState4[1];
-  var _useState5 = (0, _react.useState)(false),
-    _useState6 = (0, _slicedToArray2.default)(_useState5, 2),
-    silenced = _useState6[0],
-    setSilenced = _useState6[1];
-  var debounceStatusUpdate = (0, _react.useMemo)(function () {
-    return (0, _debounce.default)(function () {
-      var shouldSilence = !isInFocus;
-      setBump(function (prevBump) {
-        return !prevBump;
-      });
-      setDebounced(true);
-      setSilenced(shouldSilence);
-    });
-  }, [isInFocus]);
-  (0, _react.useEffect)(function () {
-    if (!debounced) {
-      debounceStatusUpdate();
-      return function () {
-        debounceStatusUpdate.cancel();
-      };
-    }
-  }, [assistiveText, isInFocus, debounced, debounceStatusUpdate]);
-  (0, _react.useEffect)(function () {
-    if (debounced) {
-      setBump(function (prevBump) {
-        return !prevBump;
-      });
-      setDebounced(true);
-      setSilenced(!isInFocus);
-    }
-  }, [assistiveText, isInFocus, debounced]);
-  return (0, _react2.jsx)("div", {
-    css: assitiveTextStyles
-  }, (0, _react2.jsx)("div", {
-    "data-testid": id + '__status--A',
-    id: id + '__status--A',
-    role: "status",
-    "aria-atomic": "true",
-    "aria-live": "polite"
-  }, !silenced && debounced && bump ? assistiveText : ''), (0, _react2.jsx)("div", {
-    "data-testid": id + '__status--B',
-    id: id + '__status--B',
-    role: "status",
-    "aria-atomic": "true",
-    "aria-live": "polite"
-  }, !silenced && debounced && !bump ? assistiveText : ''));
-};

package/dist/es2019/ui/AssistiveText.js

@@ -1,68 +0,0 @@
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-
-import { useEffect, useMemo, useState } from 'react';
-
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-import { css, jsx } from '@emotion/react';
-import debounce from 'lodash/debounce';
-const assitiveTextStyles = css({
-  border: 0,
-  clip: 'rect(0 0 0 0)',
-  height: '1px',
-  marginbottom: '-1px',
-  marginright: '-1px',
-  overflow: 'hidden',
-  padding: 0,
-  position: 'absolute',
-  whitespace: 'nowrap',
-  width: '1px'
-});
-export const AssistiveText = ({
-  assistiveText = '',
-  isInFocus = false,
-  id = '',
-  statusDebounceMillis = 1400
-}) => {
-  const [bump, setBump] = useState(false);
-  const [debounced, setDebounced] = useState(false);
-  const [silenced, setSilenced] = useState(false);
-  const debounceStatusUpdate = useMemo(() => debounce(() => {
-    const shouldSilence = !isInFocus;
-    setBump(prevBump => !prevBump);
-    setDebounced(true);
-    setSilenced(shouldSilence);
-  }), [isInFocus]);
-  useEffect(() => {
-    if (!debounced) {
-      debounceStatusUpdate();
-      return () => {
-        debounceStatusUpdate.cancel();
-      };
-    }
-  }, [assistiveText, isInFocus, debounced, debounceStatusUpdate]);
-  useEffect(() => {
-    if (debounced) {
-      setBump(prevBump => !prevBump);
-      setDebounced(true);
-      setSilenced(!isInFocus);
-    }
-  }, [assistiveText, isInFocus, debounced]);
-  return jsx("div", {
-    css: assitiveTextStyles
-  }, jsx("div", {
-    "data-testid": id + '__status--A',
-    id: id + '__status--A',
-    role: "status",
-    "aria-atomic": "true",
-    "aria-live": "polite"
-  }, !silenced && debounced && bump ? assistiveText : ''), jsx("div", {
-    "data-testid": id + '__status--B',
-    id: id + '__status--B',
-    role: "status",
-    "aria-atomic": "true",
-    "aria-live": "polite"
-  }, !silenced && debounced && !bump ? assistiveText : ''));
-};

package/dist/esm/ui/AssistiveText.js

@@ -1,87 +0,0 @@
-import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-
-import { useEffect, useMemo, useState } from 'react';
-
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-import { css, jsx } from '@emotion/react';
-import debounce from 'lodash/debounce';
-var assitiveTextStyles = css({
-  border: 0,
-  clip: 'rect(0 0 0 0)',
-  height: '1px',
-  marginbottom: '-1px',
-  marginright: '-1px',
-  overflow: 'hidden',
-  padding: 0,
-  position: 'absolute',
-  whitespace: 'nowrap',
-  width: '1px'
-});
-export var AssistiveText = function AssistiveText(_ref) {
-  var _ref$assistiveText = _ref.assistiveText,
-    assistiveText = _ref$assistiveText === void 0 ? '' : _ref$assistiveText,
-    _ref$isInFocus = _ref.isInFocus,
-    isInFocus = _ref$isInFocus === void 0 ? false : _ref$isInFocus,
-    _ref$id = _ref.id,
-    id = _ref$id === void 0 ? '' : _ref$id,
-    _ref$statusDebounceMi = _ref.statusDebounceMillis,
-    statusDebounceMillis = _ref$statusDebounceMi === void 0 ? 1400 : _ref$statusDebounceMi;
-  var _useState = useState(false),
-    _useState2 = _slicedToArray(_useState, 2),
-    bump = _useState2[0],
-    setBump = _useState2[1];
-  var _useState3 = useState(false),
-    _useState4 = _slicedToArray(_useState3, 2),
-    debounced = _useState4[0],
-    setDebounced = _useState4[1];
-  var _useState5 = useState(false),
-    _useState6 = _slicedToArray(_useState5, 2),
-    silenced = _useState6[0],
-    setSilenced = _useState6[1];
-  var debounceStatusUpdate = useMemo(function () {
-    return debounce(function () {
-      var shouldSilence = !isInFocus;
-      setBump(function (prevBump) {
-        return !prevBump;
-      });
-      setDebounced(true);
-      setSilenced(shouldSilence);
-    });
-  }, [isInFocus]);
-  useEffect(function () {
-    if (!debounced) {
-      debounceStatusUpdate();
-      return function () {
-        debounceStatusUpdate.cancel();
-      };
-    }
-  }, [assistiveText, isInFocus, debounced, debounceStatusUpdate]);
-  useEffect(function () {
-    if (debounced) {
-      setBump(function (prevBump) {
-        return !prevBump;
-      });
-      setDebounced(true);
-      setSilenced(!isInFocus);
-    }
-  }, [assistiveText, isInFocus, debounced]);
-  return jsx("div", {
-    css: assitiveTextStyles
-  }, jsx("div", {
-    "data-testid": id + '__status--A',
-    id: id + '__status--A',
-    role: "status",
-    "aria-atomic": "true",
-    "aria-live": "polite"
-  }, !silenced && debounced && bump ? assistiveText : ''), jsx("div", {
-    "data-testid": id + '__status--B',
-    id: id + '__status--B',
-    role: "status",
-    "aria-atomic": "true",
-    "aria-live": "polite"
-  }, !silenced && debounced && !bump ? assistiveText : ''));
-};

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

@@ -1,14 +0,0 @@
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-import { jsx } from '@emotion/react';
-type AssistiveTextProps = {
-    assistiveText: string;
-    isInFocus: boolean;
-    id: string;
-    statusDebounceMillis?: number;
-    debounce?: boolean;
-};
-export declare const AssistiveText: ({ assistiveText, isInFocus, id, statusDebounceMillis, }: AssistiveTextProps) => jsx.JSX.Element;
-export {};