@atlaskit/editor-plugin-quick-insert 6.0.0 → 6.0.1

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @atlaskit/editor-plugin-quick-insert
 
+## 6.0.1
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 6.0.0
 
 ### Patch Changes

package/dist/cjs/ui/ModalElementBrowser/ModalElementBrowser.js

@@ -7,7 +7,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = exports.MODAL_WRAPPER_PADDING = void 0;
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-var _react = _interopRequireWildcard(require("react"));
+var _react = require("react");
 var _react2 = require("@emotion/react");
 var _reactIntlNext = require("react-intl-next");
 var _button = _interopRequireDefault(require("@atlaskit/button"));
@@ -15,7 +15,6 @@ var _elementBrowser = require("@atlaskit/editor-common/element-browser");
 var _quickInsert = require("@atlaskit/editor-common/quick-insert");
 var _questionCircle = _interopRequireDefault(require("@atlaskit/icon/core/migration/question-circle"));
 var _modalDialog = _interopRequireWildcard(require("@atlaskit/modal-dialog"));
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _colors = require("@atlaskit/theme/colors");
 var _categories = require("./categories");
 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); }
@@ -58,7 +57,6 @@ var ModalElementBrowser = function ModalElementBrowser(props) {
     setSelectedItem = _useState2[1];
   var helpUrl = props.helpUrl,
     intl = props.intl,
-    onClose = props.onClose,
     onInsertItemFn = props.onInsertItem;
   var onSelectItem = (0, _react.useCallback)(function (item) {
     setSelectedItem(item);
@@ -77,14 +75,6 @@ var ModalElementBrowser = function ModalElementBrowser(props) {
       beforeElement: helpUrl ? HelpLink(helpUrl, intl.formatMessage(_quickInsert.messages.help)) : undefined
     });
   }, [onInsertItem, selectedItem, helpUrl, intl]);
-
-  // remove when cleaning up platform_editor_modal_element_browser_a11y
-  // Since Modal uses stackIndex it's shouldCloseOnEscapePress prop doesn't work.
-  var onKeyDown = (0, _react.useCallback)(function (e) {
-    if (e.key === 'Escape') {
-      onClose();
-    }
-  }, [onClose]);
   var RenderBody = (0, _react.useCallback)(function () {
     return (0, _react2.jsx)("div", {
       css: wrapperStyles
@@ -99,7 +89,7 @@ var ModalElementBrowser = function ModalElementBrowser(props) {
       emptyStateHandler: props.emptyStateHandler
     }));
   }, [props.intl, props.getItems, onSelectItem, onInsertItem, props.emptyStateHandler]);
-  return (0, _platformFeatureFlags.fg)('platform_editor_modal_element_browser_a11y') ? (0, _react2.jsx)("div", {
+  return (0, _react2.jsx)("div", {
     "data-editor-popup": true
   }, (0, _react2.jsx)(_modalDialog.ModalTransition, null, props.isOpen && (0, _react2.jsx)(_modalDialog.default, {
     testId: "element-browser-modal-dialog",
@@ -110,35 +100,9 @@ var ModalElementBrowser = function ModalElementBrowser(props) {
     height: "664px",
     width: "x-large",
     shouldReturnFocus: props.shouldReturnFocus
-  }, (0, _react2.jsx)(RenderBody, null), (0, _react2.jsx)(RenderFooter, null)))) :
-  // eslint-disable-next-line jsx-a11y/no-static-element-interactions, @atlassian/a11y/interactive-element-not-keyboard-focusable
-  (0, _react2.jsx)("div", {
-    "data-editor-popup": true,
-    onClick: onModalClick,
-    onKeyDown: onKeyDown
-  }, (0, _react2.jsx)(_modalDialog.ModalTransition, null, props.isOpen && (0, _react2.jsx)(_modalDialog.default, {
-    testId: "element-browser-modal-dialog",
-    stackIndex: 0,
-    key: "element-browser-modal",
-    onClose: props.onClose,
-    onCloseComplete: props.onCloseComplete,
-    height: "664px",
-    width: "x-large",
-    autoFocus: false,
-    shouldReturnFocus: props.shouldReturnFocus
-    // defaults to true and doesn't work along with stackIndex=1.
-    // packages/design-system/modal-dialog/src/components/Content.tsx Line 287
-    ,
-    shouldCloseOnEscapePress: false
   }, (0, _react2.jsx)(RenderBody, null), (0, _react2.jsx)(RenderFooter, null))));
 };
 ModalElementBrowser.displayName = 'ModalElementBrowser';
-
-// remove when cleaning up platform_editor_modal_element_browser_a11y
-// Prevent ModalElementBrowser click propagation through to the editor.
-var onModalClick = function onModalClick(e) {
-  return e.stopPropagation();
-};
 var Footer = function Footer(_ref) {
   var onInsert = _ref.onInsert,
     beforeElement = _ref.beforeElement;

package/dist/es2019/ui/ModalElementBrowser/ModalElementBrowser.js

@@ -2,7 +2,7 @@
  * @jsxRuntime classic
  * @jsx jsx
  */
-import React, { useCallback, useState } from 'react';
+import { useCallback, useState } from 'react';
 
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css, jsx } from '@emotion/react';
@@ -12,7 +12,6 @@ import { ElementBrowser } from '@atlaskit/editor-common/element-browser';
 import { messages } from '@atlaskit/editor-common/quick-insert';
 import QuestionCircleIcon from '@atlaskit/icon/core/migration/question-circle';
 import Modal, { ModalTransition, useModal } from '@atlaskit/modal-dialog';
-import { fg } from '@atlaskit/platform-feature-flags';
 import { N0 } from '@atlaskit/theme/colors';
 import { getCategories } from './categories';
 export const MODAL_WRAPPER_PADDING = 16;
@@ -45,7 +44,6 @@ const ModalElementBrowser = props => {
   const {
     helpUrl,
     intl,
-    onClose,
     onInsertItem: onInsertItemFn
   } = props;
   const onSelectItem = useCallback(item => {
@@ -61,14 +59,6 @@ const ModalElementBrowser = props => {
     onInsert: () => onInsertItem(selectedItem),
     beforeElement: helpUrl ? HelpLink(helpUrl, intl.formatMessage(messages.help)) : undefined
   }), [onInsertItem, selectedItem, helpUrl, intl]);
-
-  // remove when cleaning up platform_editor_modal_element_browser_a11y
-  // Since Modal uses stackIndex it's shouldCloseOnEscapePress prop doesn't work.
-  const onKeyDown = useCallback(e => {
-    if (e.key === 'Escape') {
-      onClose();
-    }
-  }, [onClose]);
   const RenderBody = useCallback(() => jsx("div", {
     css: wrapperStyles
   }, jsx(ElementBrowser, {
@@ -81,7 +71,7 @@ const ModalElementBrowser = props => {
     onInsertItem: onInsertItem,
     emptyStateHandler: props.emptyStateHandler
   })), [props.intl, props.getItems, onSelectItem, onInsertItem, props.emptyStateHandler]);
-  return fg('platform_editor_modal_element_browser_a11y') ? jsx("div", {
+  return jsx("div", {
     "data-editor-popup": true
   }, jsx(ModalTransition, null, props.isOpen && jsx(Modal, {
     testId: "element-browser-modal-dialog",
@@ -92,33 +82,9 @@ const ModalElementBrowser = props => {
     height: "664px",
     width: "x-large",
     shouldReturnFocus: props.shouldReturnFocus
-  }, jsx(RenderBody, null), jsx(RenderFooter, null)))) :
-  // eslint-disable-next-line jsx-a11y/no-static-element-interactions, @atlassian/a11y/interactive-element-not-keyboard-focusable
-  jsx("div", {
-    "data-editor-popup": true,
-    onClick: onModalClick,
-    onKeyDown: onKeyDown
-  }, jsx(ModalTransition, null, props.isOpen && jsx(Modal, {
-    testId: "element-browser-modal-dialog",
-    stackIndex: 0,
-    key: "element-browser-modal",
-    onClose: props.onClose,
-    onCloseComplete: props.onCloseComplete,
-    height: "664px",
-    width: "x-large",
-    autoFocus: false,
-    shouldReturnFocus: props.shouldReturnFocus
-    // defaults to true and doesn't work along with stackIndex=1.
-    // packages/design-system/modal-dialog/src/components/Content.tsx Line 287
-    ,
-    shouldCloseOnEscapePress: false
   }, jsx(RenderBody, null), jsx(RenderFooter, null))));
 };
 ModalElementBrowser.displayName = 'ModalElementBrowser';
-
-// remove when cleaning up platform_editor_modal_element_browser_a11y
-// Prevent ModalElementBrowser click propagation through to the editor.
-const onModalClick = e => e.stopPropagation();
 const Footer = ({
   onInsert,
   beforeElement

package/dist/esm/ui/ModalElementBrowser/ModalElementBrowser.js

@@ -3,7 +3,7 @@ import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
  * @jsxRuntime classic
  * @jsx jsx
  */
-import React, { useCallback, useState } from 'react';
+import { useCallback, useState } from 'react';
 
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css, jsx } from '@emotion/react';
@@ -13,7 +13,6 @@ import { ElementBrowser } from '@atlaskit/editor-common/element-browser';
 import { messages } from '@atlaskit/editor-common/quick-insert';
 import QuestionCircleIcon from '@atlaskit/icon/core/migration/question-circle';
 import Modal, { ModalTransition, useModal } from '@atlaskit/modal-dialog';
-import { fg } from '@atlaskit/platform-feature-flags';
 import { N0 } from '@atlaskit/theme/colors';
 import { getCategories } from './categories';
 export var MODAL_WRAPPER_PADDING = 16;
@@ -48,7 +47,6 @@ var ModalElementBrowser = function ModalElementBrowser(props) {
     setSelectedItem = _useState2[1];
   var helpUrl = props.helpUrl,
     intl = props.intl,
-    onClose = props.onClose,
     onInsertItemFn = props.onInsertItem;
   var onSelectItem = useCallback(function (item) {
     setSelectedItem(item);
@@ -67,14 +65,6 @@ var ModalElementBrowser = function ModalElementBrowser(props) {
       beforeElement: helpUrl ? HelpLink(helpUrl, intl.formatMessage(messages.help)) : undefined
     });
   }, [onInsertItem, selectedItem, helpUrl, intl]);
-
-  // remove when cleaning up platform_editor_modal_element_browser_a11y
-  // Since Modal uses stackIndex it's shouldCloseOnEscapePress prop doesn't work.
-  var onKeyDown = useCallback(function (e) {
-    if (e.key === 'Escape') {
-      onClose();
-    }
-  }, [onClose]);
   var RenderBody = useCallback(function () {
     return jsx("div", {
       css: wrapperStyles
@@ -89,7 +79,7 @@ var ModalElementBrowser = function ModalElementBrowser(props) {
       emptyStateHandler: props.emptyStateHandler
     }));
   }, [props.intl, props.getItems, onSelectItem, onInsertItem, props.emptyStateHandler]);
-  return fg('platform_editor_modal_element_browser_a11y') ? jsx("div", {
+  return jsx("div", {
     "data-editor-popup": true
   }, jsx(ModalTransition, null, props.isOpen && jsx(Modal, {
     testId: "element-browser-modal-dialog",
@@ -100,35 +90,9 @@ var ModalElementBrowser = function ModalElementBrowser(props) {
     height: "664px",
     width: "x-large",
     shouldReturnFocus: props.shouldReturnFocus
-  }, jsx(RenderBody, null), jsx(RenderFooter, null)))) :
-  // eslint-disable-next-line jsx-a11y/no-static-element-interactions, @atlassian/a11y/interactive-element-not-keyboard-focusable
-  jsx("div", {
-    "data-editor-popup": true,
-    onClick: onModalClick,
-    onKeyDown: onKeyDown
-  }, jsx(ModalTransition, null, props.isOpen && jsx(Modal, {
-    testId: "element-browser-modal-dialog",
-    stackIndex: 0,
-    key: "element-browser-modal",
-    onClose: props.onClose,
-    onCloseComplete: props.onCloseComplete,
-    height: "664px",
-    width: "x-large",
-    autoFocus: false,
-    shouldReturnFocus: props.shouldReturnFocus
-    // defaults to true and doesn't work along with stackIndex=1.
-    // packages/design-system/modal-dialog/src/components/Content.tsx Line 287
-    ,
-    shouldCloseOnEscapePress: false
   }, jsx(RenderBody, null), jsx(RenderFooter, null))));
 };
 ModalElementBrowser.displayName = 'ModalElementBrowser';
-
-// remove when cleaning up platform_editor_modal_element_browser_a11y
-// Prevent ModalElementBrowser click propagation through to the editor.
-var onModalClick = function onModalClick(e) {
-  return e.stopPropagation();
-};
 var Footer = function Footer(_ref) {
   var onInsert = _ref.onInsert,
     beforeElement = _ref.beforeElement;

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

@@ -1,8 +1,3 @@
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-import React from 'react';
 import type { WrappedComponentProps } from 'react-intl-next';
 import type { QuickInsertItem } from '@atlaskit/editor-common/provider-factory';
 import type { EmptyStateHandler } from '@atlaskit/editor-common/types';
@@ -17,7 +12,7 @@ export interface Props {
     onInsertItem: (item: QuickInsertItem) => void;
     shouldReturnFocus?: boolean;
 }
-declare const _default: React.FC<import("react-intl-next").WithIntlProps<Props & WrappedComponentProps>> & {
-    WrappedComponent: React.ComponentType<Props & WrappedComponentProps>;
+declare const _default: import("react").FC<import("react-intl-next").WithIntlProps<Props & WrappedComponentProps>> & {
+    WrappedComponent: import("react").ComponentType<Props & WrappedComponentProps>;
 };
 export default _default;

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

@@ -1,8 +1,3 @@
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-import React from 'react';
 import type { WrappedComponentProps } from 'react-intl-next';
 import type { QuickInsertItem } from '@atlaskit/editor-common/provider-factory';
 import type { EmptyStateHandler } from '@atlaskit/editor-common/types';
@@ -17,7 +12,7 @@ export interface Props {
     onInsertItem: (item: QuickInsertItem) => void;
     shouldReturnFocus?: boolean;
 }
-declare const _default: React.FC<import("react-intl-next").WithIntlProps<Props & WrappedComponentProps>> & {
-    WrappedComponent: React.ComponentType<Props & WrappedComponentProps>;
+declare const _default: import("react").FC<import("react-intl-next").WithIntlProps<Props & WrappedComponentProps>> & {
+    WrappedComponent: import("react").ComponentType<Props & WrappedComponentProps>;
 };
 export default _default;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-plugin-quick-insert",
-	"version": "6.0.0",
+	"version": "6.0.1",
 	"description": "Quick insert plugin for @atlaskit/editor-core",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",
@@ -32,19 +32,19 @@
 		"@atlaskit/button": "^23.4.0",
 		"@atlaskit/editor-plugin-connectivity": "^6.0.0",
 		"@atlaskit/editor-plugin-metrics": "^7.0.0",
-		"@atlaskit/editor-plugin-type-ahead": "^6.0.0",
+		"@atlaskit/editor-plugin-type-ahead": "^6.1.0",
 		"@atlaskit/editor-prosemirror": "7.0.0",
 		"@atlaskit/icon": "^28.3.0",
 		"@atlaskit/modal-dialog": "^14.4.0",
 		"@atlaskit/platform-feature-flags": "^1.1.0",
 		"@atlaskit/theme": "^21.0.0",
-		"@atlaskit/tmp-editor-statsig": "^12.31.0",
-		"@atlaskit/tokens": "^6.3.0",
+		"@atlaskit/tmp-editor-statsig": "^13.0.0",
+		"@atlaskit/tokens": "^6.4.0",
 		"@babel/runtime": "^7.0.0",
 		"@emotion/react": "^11.7.1"
 	},
 	"peerDependencies": {
-		"@atlaskit/editor-common": "^110.0.0",
+		"@atlaskit/editor-common": "^110.4.0",
 		"react": "^18.2.0",
 		"react-dom": "^18.2.0",
 		"react-intl-next": "npm:react-intl@^5.18.1"
@@ -103,9 +103,6 @@
 		},
 		"platform_editor_controls_fix_view_more_in_comment": {
 			"type": "boolean"
-		},
-		"platform_editor_modal_element_browser_a11y": {
-			"type": "boolean"
 		}
 	}
 }