@atlaskit/editor-plugin-type-ahead 6.2.0 → 6.4.0

package/CHANGELOG.md

@@ -1,5 +1,24 @@
 # @atlaskit/editor-plugin-type-ahead
 
+## 6.4.0
+
+### Minor Changes
+
+- [`0ac75e0d28c72`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/0ac75e0d28c72) -
+  Migrate @atlaskit/editor-prosemirror/history to @atlaskit/prosemirror-history package
+
+### Patch Changes
+
+- Updated dependencies
+
+## 6.3.0
+
+### Minor Changes
+
+- [`2cfe444a49320`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/2cfe444a49320) -
+  [https://product-fabric.atlassian.net/browse/ED-29474](ED-29474) - bump react-virtualized version
+  to 9.22.6
+
 ## 6.2.0
 
 ### Minor Changes

package/dist/cjs/pm-plugins/commands/insert-type-ahead-item.js

@@ -8,8 +8,8 @@ exports.insertTypeAheadItem = void 0;
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
 var _steps = require("@atlaskit/adf-schema/steps");
 var _typeAhead = require("@atlaskit/editor-common/type-ahead");
-var _history = require("@atlaskit/editor-prosemirror/history");
 var _model = require("@atlaskit/editor-prosemirror/model");
+var _prosemirrorHistory = require("@atlaskit/prosemirror-history");
 var _actions = require("../actions");
 var _key = require("../key");
 var _statsModifier = require("../stats-modifier");
@@ -72,7 +72,7 @@ var createInsertCallback = function createInsertCallback(_ref2) {
       position: position,
       selectInlineNode: Boolean(opts.selectInlineNode)
     });
-    (0, _history.closeHistory)(tr);
+    (0, _prosemirrorHistory.closeHistory)(tr);
     if (wasInsertedBySpace) {
       return tr;
     }
@@ -95,7 +95,7 @@ var createDeleteRawTextCallback = function createDeleteRawTextCallback(_ref3) {
     insertItem = _ref3.insertItem;
   return function (newState) {
     var tr = newState.tr;
-    (0, _history.closeHistory)(tr);
+    (0, _prosemirrorHistory.closeHistory)(tr);
     if (!wasInsertedBySpace) {
       tr.delete(position.start, position.end);
       var config = {
@@ -167,7 +167,7 @@ var insertTypeAheadItem = exports.insertTypeAheadItem = function insertTypeAhead
       var insertCallbackProxy = new Proxy(insertCallback, proxyHandler);
       var nextTr = handler.selectItem(newEditorSate, item, insertCallbackProxy, meta);
       if (!wasInsertCallbackCalled && nextTr) {
-        (0, _history.closeHistory)(nextTr);
+        (0, _prosemirrorHistory.closeHistory)(nextTr);
 
         // In some cases we need to re-open the typeahead
         // e.g.: addign mentions from the quick insert
@@ -198,7 +198,7 @@ var insertTypeAheadItem = exports.insertTypeAheadItem = function insertTypeAhead
       })
     });
     tr.insertText(text);
-    (0, _history.closeHistory)(tr);
+    (0, _prosemirrorHistory.closeHistory)(tr);
     view.dispatch(tr);
     view.focus();
   };

package/dist/cjs/pm-plugins/decorations.js

@@ -9,10 +9,10 @@ var _react = _interopRequireDefault(require("react"));
 var _reactIntlNext = require("react-intl-next");
 var _uuid = _interopRequireDefault(require("uuid"));
 var _w3cKeyname = require("w3c-keyname");
-var _history = require("@atlaskit/editor-prosemirror/history");
 var _state = require("@atlaskit/editor-prosemirror/state");
 var _view = require("@atlaskit/editor-prosemirror/view");
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
+var _prosemirrorHistory = require("@atlaskit/prosemirror-history");
 var _colors = require("@atlaskit/theme/colors");
 var _WrapperTypeAhead = require("../ui/WrapperTypeAhead");
 var _closeTypeAhead = require("./commands/close-type-ahead");
@@ -70,7 +70,7 @@ var factoryDecorations = exports.factoryDecorations = function factoryDecoration
         var hasReopenQuery = typeof reopenQuery === 'string' && reopenQuery.trim().length > 0;
         var currentQuery = (0, _utils.getTypeAheadQuery)(editorView.state);
         if (hasReopenQuery || (currentQuery === null || currentQuery === void 0 ? void 0 : currentQuery.length) === 0) {
-          var command = inputType === 'historyUndo' ? _history.undo : _history.redo;
+          var command = inputType === 'historyUndo' ? _prosemirrorHistory.undo : _prosemirrorHistory.redo;
           var _tr = editorView.state.tr;
           var fakeDispatch = function fakeDispatch(customTr) {
             _tr = customTr;

package/dist/cjs/ui/ListRow.js

@@ -4,7 +4,7 @@ var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.ListRow = ListRow;
+exports.ListRow = void 0;
 var _react = _interopRequireWildcard(require("react"));
 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); }
 /**
@@ -20,9 +20,9 @@ function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r
  * @param root0.onMouseMove
  * @example
  */
-function ListRow(_ref) {
+// The `CellMeasurer` component from react-virtualized expects that his children is a `forwardRef` component.
+var ListRow = exports.ListRow = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
   var children = _ref.children,
-    registerChild = _ref.registerChild,
     measure = _ref.measure,
     index = _ref.index,
     style = _ref.style,
@@ -30,9 +30,6 @@ function ListRow(_ref) {
     isScrolling = _ref.isScrolling,
     onMouseMove = _ref.onMouseMove;
   var childElementRef = (0, _react.useRef)(null);
-  var setListElementRef = function setListElementRef(element) {
-    registerChild === null || registerChild === void 0 || registerChild(element !== null && element !== void 0 ? element : undefined);
-  };
   (0, _react.useEffect)(function () {
     // Do not measure if the row is not visible or is scrolling for performance reasons.
     if (!childElementRef.current || !isVisible || isScrolling) {
@@ -50,7 +47,7 @@ function ListRow(_ref) {
     /*#__PURE__*/
     // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop
     _react.default.createElement("div", {
-      ref: setListElementRef,
+      ref: ref,
       style: style,
       "data-index": index
     }, /*#__PURE__*/_react.default.createElement("div", {
@@ -59,4 +56,4 @@ function ListRow(_ref) {
       onMouseMove: onMouseMove
     }, children))
   );
-}
+});

package/dist/cjs/ui/TypeAheadList.js

@@ -297,10 +297,8 @@ var TypeAheadListComponent = /*#__PURE__*/_react.default.memo(function (_ref2) {
       columnIndex: 0,
       rowIndex: index
     }, function (_ref6) {
-      var measure = _ref6.measure,
-        registerChild = _ref6.registerChild;
+      var measure = _ref6.measure;
       return (0, _react2.jsx)(_ListRow.ListRow, {
-        registerChild: registerChild,
         measure: measure,
         index: index
         // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop

package/dist/cjs/ui/TypeAheadPopup.js

@@ -337,7 +337,7 @@ var TypeAheadPopup = exports.TypeAheadPopup = /*#__PURE__*/_react.default.memo(f
     }
   }, (0, _react2.jsx)("div", {
     css: [typeAheadContent, moreElementsInQuickInsertViewEnabled && typeAheadContentOverride, showMoreOptionsButton && typeAheadWrapperWithViewMoreOverride]
-    // eslint-disable-next-line jsx-a11y/no-noninteractive-tabindex, @atlassian/a11y/no-noninteractive-tabindex
+    // eslint-disable-next-line @atlassian/a11y/no-noninteractive-tabindex
     ,
     tabIndex: 0
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766

package/dist/cjs/ui/modern/TypeAheadPopup.js

@@ -311,7 +311,7 @@ var TypeAheadPopup = exports.TypeAheadPopup = /*#__PURE__*/_react.default.memo(f
     preventOverflow: true
   }, (0, _react2.jsx)("div", {
     css: [typeAheadContent]
-    // eslint-disable-next-line jsx-a11y/no-noninteractive-tabindex, @atlassian/a11y/no-noninteractive-tabindex
+    // eslint-disable-next-line @atlassian/a11y/no-noninteractive-tabindex
     ,
     tabIndex: 0
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766

package/dist/es2019/pm-plugins/commands/insert-type-ahead-item.js

@@ -1,7 +1,7 @@
 import { InsertTypeAheadStages, InsertTypeAheadStep } from '@atlaskit/adf-schema/steps';
 import { SelectItemMode } from '@atlaskit/editor-common/type-ahead';
-import { closeHistory } from '@atlaskit/editor-prosemirror/history';
 import { Fragment, Node as PMNode } from '@atlaskit/editor-prosemirror/model';
+import { closeHistory } from '@atlaskit/prosemirror-history';
 import { ACTIONS } from '../actions';
 import { pluginKey } from '../key';
 import { StatsModifier } from '../stats-modifier';

package/dist/es2019/pm-plugins/decorations.js

@@ -2,10 +2,10 @@ import React from 'react';
 import { IntlProvider } from 'react-intl-next';
 import uuid from 'uuid';
 import { keyName as keyNameNormalized } from 'w3c-keyname';
-import { redo, undo } from '@atlaskit/editor-prosemirror/history';
 import { TextSelection } from '@atlaskit/editor-prosemirror/state';
 import { Decoration, DecorationSet } from '@atlaskit/editor-prosemirror/view';
 import { fg } from '@atlaskit/platform-feature-flags';
+import { redo, undo } from '@atlaskit/prosemirror-history';
 import { B400 } from '@atlaskit/theme/colors';
 import { WrapperTypeAhead } from '../ui/WrapperTypeAhead';
 import { closeTypeAhead } from './commands/close-type-ahead';

package/dist/es2019/ui/ListRow.js

@@ -1,4 +1,4 @@
-import React, { useEffect, useRef } from 'react';
+import React, { useEffect, useRef, forwardRef } from 'react';
 /**
  *
  * @param root0
@@ -12,20 +12,17 @@ import React, { useEffect, useRef } from 'react';
  * @param root0.onMouseMove
  * @example
  */
-export function ListRow({
+// The `CellMeasurer` component from react-virtualized expects that his children is a `forwardRef` component.
+export const ListRow = /*#__PURE__*/forwardRef(({
   children,
-  registerChild,
   measure,
   index,
   style,
   isVisible,
   isScrolling,
   onMouseMove
-}) {
+}, ref) => {
   const childElementRef = useRef(null);
-  const setListElementRef = element => {
-    registerChild === null || registerChild === void 0 ? void 0 : registerChild(element !== null && element !== void 0 ? element : undefined);
-  };
   useEffect(() => {
     // Do not measure if the row is not visible or is scrolling for performance reasons.
     if (!childElementRef.current || !isVisible || isScrolling) {
@@ -39,7 +36,7 @@ export function ListRow({
     /*#__PURE__*/
     // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop
     React.createElement("div", {
-      ref: setListElementRef,
+      ref: ref,
       style: style,
       "data-index": index
     }, /*#__PURE__*/React.createElement("div", {
@@ -48,4 +45,4 @@ export function ListRow({
       onMouseMove: onMouseMove
     }, children))
   );
-}
+});

package/dist/es2019/ui/TypeAheadList.js

@@ -280,10 +280,8 @@ const TypeAheadListComponent = /*#__PURE__*/React.memo(({
       columnIndex: 0,
       rowIndex: index
     }, ({
-      measure,
-      registerChild
+      measure
     }) => jsx(ListRow, {
-      registerChild: registerChild,
       measure: measure,
       index: index
       // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop

package/dist/es2019/ui/TypeAheadPopup.js

@@ -333,7 +333,7 @@ export const TypeAheadPopup = /*#__PURE__*/React.memo(props => {
     }
   }, jsx("div", {
     css: [typeAheadContent, moreElementsInQuickInsertViewEnabled && typeAheadContentOverride, showMoreOptionsButton && typeAheadWrapperWithViewMoreOverride]
-    // eslint-disable-next-line jsx-a11y/no-noninteractive-tabindex, @atlassian/a11y/no-noninteractive-tabindex
+    // eslint-disable-next-line @atlassian/a11y/no-noninteractive-tabindex
     ,
     tabIndex: 0
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766

package/dist/es2019/ui/modern/TypeAheadPopup.js

@@ -305,7 +305,7 @@ export const TypeAheadPopup = /*#__PURE__*/React.memo(props => {
     preventOverflow: true
   }, jsx("div", {
     css: [typeAheadContent]
-    // eslint-disable-next-line jsx-a11y/no-noninteractive-tabindex, @atlassian/a11y/no-noninteractive-tabindex
+    // eslint-disable-next-line @atlassian/a11y/no-noninteractive-tabindex
     ,
     tabIndex: 0
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766

package/dist/esm/pm-plugins/commands/insert-type-ahead-item.js

@@ -1,8 +1,8 @@
 import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
 import { InsertTypeAheadStages, InsertTypeAheadStep } from '@atlaskit/adf-schema/steps';
 import { SelectItemMode } from '@atlaskit/editor-common/type-ahead';
-import { closeHistory } from '@atlaskit/editor-prosemirror/history';
 import { Fragment, Node as PMNode } from '@atlaskit/editor-prosemirror/model';
+import { closeHistory } from '@atlaskit/prosemirror-history';
 import { ACTIONS } from '../actions';
 import { pluginKey } from '../key';
 import { StatsModifier } from '../stats-modifier';

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

@@ -2,10 +2,10 @@ import React from 'react';
 import { IntlProvider } from 'react-intl-next';
 import uuid from 'uuid';
 import { keyName as keyNameNormalized } from 'w3c-keyname';
-import { redo, undo } from '@atlaskit/editor-prosemirror/history';
 import { TextSelection } from '@atlaskit/editor-prosemirror/state';
 import { Decoration, DecorationSet } from '@atlaskit/editor-prosemirror/view';
 import { fg } from '@atlaskit/platform-feature-flags';
+import { redo, undo } from '@atlaskit/prosemirror-history';
 import { B400 } from '@atlaskit/theme/colors';
 import { WrapperTypeAhead } from '../ui/WrapperTypeAhead';
 import { closeTypeAhead } from './commands/close-type-ahead';

package/dist/esm/ui/ListRow.js

@@ -1,4 +1,4 @@
-import React, { useEffect, useRef } from 'react';
+import React, { useEffect, useRef, forwardRef } from 'react';
 /**
  *
  * @param root0
@@ -12,9 +12,9 @@ import React, { useEffect, useRef } from 'react';
  * @param root0.onMouseMove
  * @example
  */
-export function ListRow(_ref) {
+// The `CellMeasurer` component from react-virtualized expects that his children is a `forwardRef` component.
+export var ListRow = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var children = _ref.children,
-    registerChild = _ref.registerChild,
     measure = _ref.measure,
     index = _ref.index,
     style = _ref.style,
@@ -22,9 +22,6 @@ export function ListRow(_ref) {
     isScrolling = _ref.isScrolling,
     onMouseMove = _ref.onMouseMove;
   var childElementRef = useRef(null);
-  var setListElementRef = function setListElementRef(element) {
-    registerChild === null || registerChild === void 0 || registerChild(element !== null && element !== void 0 ? element : undefined);
-  };
   useEffect(function () {
     // Do not measure if the row is not visible or is scrolling for performance reasons.
     if (!childElementRef.current || !isVisible || isScrolling) {
@@ -42,7 +39,7 @@ export function ListRow(_ref) {
     /*#__PURE__*/
     // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop
     React.createElement("div", {
-      ref: setListElementRef,
+      ref: ref,
       style: style,
       "data-index": index
     }, /*#__PURE__*/React.createElement("div", {
@@ -51,4 +48,4 @@ export function ListRow(_ref) {
       onMouseMove: onMouseMove
     }, children))
   );
-}
+});

package/dist/esm/ui/TypeAheadList.js

@@ -288,10 +288,8 @@ var TypeAheadListComponent = /*#__PURE__*/React.memo(function (_ref2) {
       columnIndex: 0,
       rowIndex: index
     }, function (_ref6) {
-      var measure = _ref6.measure,
-        registerChild = _ref6.registerChild;
+      var measure = _ref6.measure;
       return jsx(ListRow, {
-        registerChild: registerChild,
         measure: measure,
         index: index
         // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop

package/dist/esm/ui/TypeAheadPopup.js

@@ -327,7 +327,7 @@ export var TypeAheadPopup = /*#__PURE__*/React.memo(function (props) {
     }
   }, jsx("div", {
     css: [typeAheadContent, moreElementsInQuickInsertViewEnabled && typeAheadContentOverride, showMoreOptionsButton && typeAheadWrapperWithViewMoreOverride]
-    // eslint-disable-next-line jsx-a11y/no-noninteractive-tabindex, @atlassian/a11y/no-noninteractive-tabindex
+    // eslint-disable-next-line @atlassian/a11y/no-noninteractive-tabindex
     ,
     tabIndex: 0
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766

package/dist/esm/ui/modern/TypeAheadPopup.js

@@ -302,7 +302,7 @@ export var TypeAheadPopup = /*#__PURE__*/React.memo(function (props) {
     preventOverflow: true
   }, jsx("div", {
     css: [typeAheadContent]
-    // eslint-disable-next-line jsx-a11y/no-noninteractive-tabindex, @atlassian/a11y/no-noninteractive-tabindex
+    // eslint-disable-next-line @atlassian/a11y/no-noninteractive-tabindex
     ,
     tabIndex: 0
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766

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

@@ -1,11 +1,5 @@
 import React, { type ReactNode, type MouseEventHandler } from 'react';
 import { type ListRowProps } from 'react-virtualized';
-type Props = {
-    children: ReactNode;
-    measure: () => void;
-    onMouseMove: MouseEventHandler<HTMLDivElement>;
-    registerChild?: (element?: Element) => void;
-} & Pick<ListRowProps, 'index' | 'style' | 'isScrolling' | 'isVisible'>;
 /**
  *
  * @param root0
@@ -19,5 +13,8 @@ type Props = {
  * @param root0.onMouseMove
  * @example
  */
-export declare function ListRow({ children, registerChild, measure, index, style, isVisible, isScrolling, onMouseMove, }: Props): React.JSX.Element;
-export {};
+export declare const ListRow: React.ForwardRefExoticComponent<{
+    children: ReactNode;
+    measure: () => void;
+    onMouseMove: MouseEventHandler<HTMLDivElement>;
+} & Pick<ListRowProps, "index" | "style" | "isScrolling" | "isVisible"> & React.RefAttributes<HTMLDivElement>>;

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

@@ -1,11 +1,5 @@
 import React, { type ReactNode, type MouseEventHandler } from 'react';
 import { type ListRowProps } from 'react-virtualized';
-type Props = {
-    children: ReactNode;
-    measure: () => void;
-    onMouseMove: MouseEventHandler<HTMLDivElement>;
-    registerChild?: (element?: Element) => void;
-} & Pick<ListRowProps, 'index' | 'style' | 'isScrolling' | 'isVisible'>;
 /**
  *
  * @param root0
@@ -19,5 +13,8 @@ type Props = {
  * @param root0.onMouseMove
  * @example
  */
-export declare function ListRow({ children, registerChild, measure, index, style, isVisible, isScrolling, onMouseMove, }: Props): React.JSX.Element;
-export {};
+export declare const ListRow: React.ForwardRefExoticComponent<{
+    children: ReactNode;
+    measure: () => void;
+    onMouseMove: MouseEventHandler<HTMLDivElement>;
+} & Pick<ListRowProps, "index" | "style" | "isScrolling" | "isVisible"> & React.RefAttributes<HTMLDivElement>>;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-plugin-type-ahead",
-	"version": "6.2.0",
+	"version": "6.4.0",
 	"description": "Type-ahead plugin for @atlaskit/editor-core",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",
@@ -38,25 +38,26 @@
 		"@atlaskit/editor-prosemirror": "7.0.0",
 		"@atlaskit/editor-shared-styles": "^3.6.0",
 		"@atlaskit/heading": "^5.2.0",
-		"@atlaskit/icon": "^28.3.0",
+		"@atlaskit/icon": "^28.5.0",
 		"@atlaskit/insm": "^0.1.0",
 		"@atlaskit/menu": "^8.4.0",
 		"@atlaskit/platform-feature-flags": "^1.1.0",
 		"@atlaskit/primitives": "^14.15.0",
-		"@atlaskit/prosemirror-input-rules": "^3.4.0",
+		"@atlaskit/prosemirror-history": "^0.2.0",
+		"@atlaskit/prosemirror-input-rules": "^3.5.0",
 		"@atlaskit/theme": "^21.0.0",
-		"@atlaskit/tmp-editor-statsig": "^13.2.0",
+		"@atlaskit/tmp-editor-statsig": "^13.6.0",
 		"@atlaskit/tokens": "^6.4.0",
 		"@babel/runtime": "^7.0.0",
 		"@emotion/react": "^11.7.1",
 		"lodash": "^4.17.21",
 		"raf-schd": "^4.0.3",
-		"react-virtualized": "^9.8.0",
+		"react-virtualized": "^9.22.6",
 		"uuid": "^3.1.0",
 		"w3c-keyname": "^2.1.8"
 	},
 	"peerDependencies": {
-		"@atlaskit/editor-common": "^110.4.0",
+		"@atlaskit/editor-common": "^110.10.0",
 		"react": "^18.2.0",
 		"react-dom": "^18.2.0",
 		"react-intl-next": "npm:react-intl@^5.18.1"