@atlaskit/editor-plugin-quick-insert 1.7.3 → 1.8.1

package/CHANGELOG.md

@@ -1,5 +1,20 @@
 # @atlaskit/editor-plugin-quick-insert
 
+## 1.8.1
+
+### Patch Changes
+
+- Updated dependencies
+
+## 1.8.0
+
+### Minor Changes
+
+- [#173737](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/173737)
+  [`965f739a481f5`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/965f739a481f5) -
+  [ux] Items are disabled in the plus menu while offline. This affects arrow navigation in the plus
+  menu and element browser
+
 ## 1.7.3
 
 ### Patch Changes

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

@@ -6,28 +6,36 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _react = _interopRequireWildcard(require("react"));
 var _hooks = require("@atlaskit/editor-common/hooks");
 var _commands = require("../../pm-plugins/commands");
 var _ModalElementBrowser = _interopRequireDefault(require("./ModalElementBrowser"));
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var Modal = function Modal(_ref) {
   var quickInsertState = _ref.quickInsertState,
+    isOffline = _ref.isOffline,
     editorView = _ref.editorView,
     helpUrl = _ref.helpUrl,
     insertItem = _ref.insertItem,
     getSuggestions = _ref.getSuggestions;
   var getItems = (0, _react.useCallback)(function (query, category) {
-    var _getSuggestions;
-    return (_getSuggestions = getSuggestions === null || getSuggestions === void 0 ? void 0 : getSuggestions({
+    var _getSuggestions$map, _getSuggestions;
+    return (_getSuggestions$map = getSuggestions === null || getSuggestions === void 0 || (_getSuggestions = getSuggestions({
       query: query,
       category: category
-    })) !== null && _getSuggestions !== void 0 ? _getSuggestions : [];
+    })) === null || _getSuggestions === void 0 ? void 0 : _getSuggestions.map(function (item) {
+      return isOffline && item.isDisabledOffline ? _objectSpread(_objectSpread({}, item), {}, {
+        isDisabled: true
+      }) : item;
+    })) !== null && _getSuggestions$map !== void 0 ? _getSuggestions$map : [];
   },
   // See: https://stash.atlassian.com/projects/ATLASSIAN/repos/atlassian-frontend-monorepo/pull-requests/157796/overview?commentId=8559952
   // eslint-disable-next-line react-hooks/exhaustive-deps
-  [getSuggestions, quickInsertState === null || quickInsertState === void 0 ? void 0 : quickInsertState.lazyDefaultItems, quickInsertState === null || quickInsertState === void 0 ? void 0 : quickInsertState.providedItems]);
+  [getSuggestions, quickInsertState === null || quickInsertState === void 0 ? void 0 : quickInsertState.lazyDefaultItems, quickInsertState === null || quickInsertState === void 0 ? void 0 : quickInsertState.providedItems, isOffline]);
   var focusInEditor = (0, _react.useCallback)(function () {
     if (!editorView.hasFocus()) {
       editorView.focus();
@@ -72,12 +80,14 @@ var _default = exports.default = function _default(_ref2) {
   var editorView = _ref2.editorView,
     helpUrl = _ref2.helpUrl,
     pluginInjectionAPI = _ref2.pluginInjectionAPI;
-  var _useSharedPluginState = (0, _hooks.useSharedPluginState)(pluginInjectionAPI, ['quickInsert']),
-    quickInsertState = _useSharedPluginState.quickInsertState;
+  var _useSharedPluginState = (0, _hooks.useSharedPluginState)(pluginInjectionAPI, ['quickInsert', 'connectivity']),
+    quickInsertState = _useSharedPluginState.quickInsertState,
+    connectivityState = _useSharedPluginState.connectivityState;
   return /*#__PURE__*/_react.default.createElement(Modal, {
     quickInsertState: quickInsertState !== null && quickInsertState !== void 0 ? quickInsertState : undefined,
     editorView: editorView,
     helpUrl: helpUrl,
+    isOffline: (connectivityState === null || connectivityState === void 0 ? void 0 : connectivityState.mode) === 'offline',
     insertItem: pluginInjectionAPI === null || pluginInjectionAPI === void 0 || (_pluginInjectionAPI$q = pluginInjectionAPI.quickInsert) === null || _pluginInjectionAPI$q === void 0 || (_pluginInjectionAPI$q = _pluginInjectionAPI$q.actions) === null || _pluginInjectionAPI$q === void 0 ? void 0 : _pluginInjectionAPI$q.insertItem,
     getSuggestions: pluginInjectionAPI === null || pluginInjectionAPI === void 0 || (_pluginInjectionAPI$q2 = pluginInjectionAPI.quickInsert) === null || _pluginInjectionAPI$q2 === void 0 || (_pluginInjectionAPI$q2 = _pluginInjectionAPI$q2.actions) === null || _pluginInjectionAPI$q2 === void 0 ? void 0 : _pluginInjectionAPI$q2.getSuggestions
   });

package/dist/es2019/index.js

@@ -1 +1,4 @@
+/* eslint-disable @atlaskit/editor/no-re-export */
+// Entry file in package.json
+
 export { quickInsertPlugin } from './quickInsertPlugin';

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

@@ -4,21 +4,27 @@ import { closeElementBrowserModal } from '../../pm-plugins/commands';
 import ModalElementBrowser from './ModalElementBrowser';
 const Modal = ({
   quickInsertState,
+  isOffline,
   editorView,
   helpUrl,
   insertItem,
   getSuggestions
 }) => {
   const getItems = useCallback((query, category) => {
-    var _getSuggestions;
-    return (_getSuggestions = getSuggestions === null || getSuggestions === void 0 ? void 0 : getSuggestions({
+    var _getSuggestions$map, _getSuggestions;
+    return (_getSuggestions$map = getSuggestions === null || getSuggestions === void 0 ? void 0 : (_getSuggestions = getSuggestions({
       query,
       category
-    })) !== null && _getSuggestions !== void 0 ? _getSuggestions : [];
+    })) === null || _getSuggestions === void 0 ? void 0 : _getSuggestions.map(item => {
+      return isOffline && item.isDisabledOffline ? {
+        ...item,
+        isDisabled: true
+      } : item;
+    })) !== null && _getSuggestions$map !== void 0 ? _getSuggestions$map : [];
   },
   // See: https://stash.atlassian.com/projects/ATLASSIAN/repos/atlassian-frontend-monorepo/pull-requests/157796/overview?commentId=8559952
   // eslint-disable-next-line react-hooks/exhaustive-deps
-  [getSuggestions, quickInsertState === null || quickInsertState === void 0 ? void 0 : quickInsertState.lazyDefaultItems, quickInsertState === null || quickInsertState === void 0 ? void 0 : quickInsertState.providedItems]);
+  [getSuggestions, quickInsertState === null || quickInsertState === void 0 ? void 0 : quickInsertState.lazyDefaultItems, quickInsertState === null || quickInsertState === void 0 ? void 0 : quickInsertState.providedItems, isOffline]);
   const focusInEditor = useCallback(() => {
     if (!editorView.hasFocus()) {
       editorView.focus();
@@ -65,12 +71,14 @@ export default (({
 }) => {
   var _pluginInjectionAPI$q, _pluginInjectionAPI$q2, _pluginInjectionAPI$q3, _pluginInjectionAPI$q4;
   const {
-    quickInsertState
-  } = useSharedPluginState(pluginInjectionAPI, ['quickInsert']);
+    quickInsertState,
+    connectivityState
+  } = useSharedPluginState(pluginInjectionAPI, ['quickInsert', 'connectivity']);
   return /*#__PURE__*/React.createElement(Modal, {
     quickInsertState: quickInsertState !== null && quickInsertState !== void 0 ? quickInsertState : undefined,
     editorView: editorView,
     helpUrl: helpUrl,
+    isOffline: (connectivityState === null || connectivityState === void 0 ? void 0 : connectivityState.mode) === 'offline',
     insertItem: pluginInjectionAPI === null || pluginInjectionAPI === void 0 ? void 0 : (_pluginInjectionAPI$q = pluginInjectionAPI.quickInsert) === null || _pluginInjectionAPI$q === void 0 ? void 0 : (_pluginInjectionAPI$q2 = _pluginInjectionAPI$q.actions) === null || _pluginInjectionAPI$q2 === void 0 ? void 0 : _pluginInjectionAPI$q2.insertItem,
     getSuggestions: pluginInjectionAPI === null || pluginInjectionAPI === void 0 ? void 0 : (_pluginInjectionAPI$q3 = pluginInjectionAPI.quickInsert) === null || _pluginInjectionAPI$q3 === void 0 ? void 0 : (_pluginInjectionAPI$q4 = _pluginInjectionAPI$q3.actions) === null || _pluginInjectionAPI$q4 === void 0 ? void 0 : _pluginInjectionAPI$q4.getSuggestions
   });

package/dist/esm/index.js

@@ -1 +1,4 @@
+/* eslint-disable @atlaskit/editor/no-re-export */
+// Entry file in package.json
+
 export { quickInsertPlugin } from './quickInsertPlugin';

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

@@ -1,23 +1,31 @@
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 import React, { useCallback } from 'react';
 import { useSharedPluginState } from '@atlaskit/editor-common/hooks';
 import { closeElementBrowserModal } from '../../pm-plugins/commands';
 import ModalElementBrowser from './ModalElementBrowser';
 var Modal = function Modal(_ref) {
   var quickInsertState = _ref.quickInsertState,
+    isOffline = _ref.isOffline,
     editorView = _ref.editorView,
     helpUrl = _ref.helpUrl,
     insertItem = _ref.insertItem,
     getSuggestions = _ref.getSuggestions;
   var getItems = useCallback(function (query, category) {
-    var _getSuggestions;
-    return (_getSuggestions = getSuggestions === null || getSuggestions === void 0 ? void 0 : getSuggestions({
+    var _getSuggestions$map, _getSuggestions;
+    return (_getSuggestions$map = getSuggestions === null || getSuggestions === void 0 || (_getSuggestions = getSuggestions({
       query: query,
       category: category
-    })) !== null && _getSuggestions !== void 0 ? _getSuggestions : [];
+    })) === null || _getSuggestions === void 0 ? void 0 : _getSuggestions.map(function (item) {
+      return isOffline && item.isDisabledOffline ? _objectSpread(_objectSpread({}, item), {}, {
+        isDisabled: true
+      }) : item;
+    })) !== null && _getSuggestions$map !== void 0 ? _getSuggestions$map : [];
   },
   // See: https://stash.atlassian.com/projects/ATLASSIAN/repos/atlassian-frontend-monorepo/pull-requests/157796/overview?commentId=8559952
   // eslint-disable-next-line react-hooks/exhaustive-deps
-  [getSuggestions, quickInsertState === null || quickInsertState === void 0 ? void 0 : quickInsertState.lazyDefaultItems, quickInsertState === null || quickInsertState === void 0 ? void 0 : quickInsertState.providedItems]);
+  [getSuggestions, quickInsertState === null || quickInsertState === void 0 ? void 0 : quickInsertState.lazyDefaultItems, quickInsertState === null || quickInsertState === void 0 ? void 0 : quickInsertState.providedItems, isOffline]);
   var focusInEditor = useCallback(function () {
     if (!editorView.hasFocus()) {
       editorView.focus();
@@ -62,12 +70,14 @@ export default (function (_ref2) {
   var editorView = _ref2.editorView,
     helpUrl = _ref2.helpUrl,
     pluginInjectionAPI = _ref2.pluginInjectionAPI;
-  var _useSharedPluginState = useSharedPluginState(pluginInjectionAPI, ['quickInsert']),
-    quickInsertState = _useSharedPluginState.quickInsertState;
+  var _useSharedPluginState = useSharedPluginState(pluginInjectionAPI, ['quickInsert', 'connectivity']),
+    quickInsertState = _useSharedPluginState.quickInsertState,
+    connectivityState = _useSharedPluginState.connectivityState;
   return /*#__PURE__*/React.createElement(Modal, {
     quickInsertState: quickInsertState !== null && quickInsertState !== void 0 ? quickInsertState : undefined,
     editorView: editorView,
     helpUrl: helpUrl,
+    isOffline: (connectivityState === null || connectivityState === void 0 ? void 0 : connectivityState.mode) === 'offline',
     insertItem: pluginInjectionAPI === null || pluginInjectionAPI === void 0 || (_pluginInjectionAPI$q = pluginInjectionAPI.quickInsert) === null || _pluginInjectionAPI$q === void 0 || (_pluginInjectionAPI$q = _pluginInjectionAPI$q.actions) === null || _pluginInjectionAPI$q === void 0 ? void 0 : _pluginInjectionAPI$q.insertItem,
     getSuggestions: pluginInjectionAPI === null || pluginInjectionAPI === void 0 || (_pluginInjectionAPI$q2 = pluginInjectionAPI.quickInsert) === null || _pluginInjectionAPI$q2 === void 0 || (_pluginInjectionAPI$q2 = _pluginInjectionAPI$q2.actions) === null || _pluginInjectionAPI$q2 === void 0 ? void 0 : _pluginInjectionAPI$q2.getSuggestions
   });

package/dist/types/quickInsertPlugin.d.ts

@@ -1,4 +1,2 @@
-import type { QuickInsertPluginOptions } from '@atlaskit/editor-common/types';
 import { type QuickInsertPlugin } from './quickInsertPluginType';
-export type { QuickInsertPluginOptions };
 export declare const quickInsertPlugin: QuickInsertPlugin;

package/dist/types/quickInsertPluginType.d.ts

@@ -1,13 +1,14 @@
 import type { INPUT_METHOD } from '@atlaskit/editor-common/analytics';
 import type { QuickInsertItem } from '@atlaskit/editor-common/provider-factory';
-import type { Command, QuickInsertSharedState as CommonQuickInsertSharedState, EditorCommand, NextEditorPlugin, QuickInsertHandler, QuickInsertPluginOptions, QuickInsertSearchOptions, TypeAheadHandler } from '@atlaskit/editor-common/types';
+import type { Command, QuickInsertSharedState as CommonQuickInsertSharedState, EditorCommand, NextEditorPlugin, OptionalPlugin, QuickInsertHandler, QuickInsertPluginOptions, QuickInsertSearchOptions, TypeAheadHandler } from '@atlaskit/editor-common/types';
+import { type ConnectivityPlugin } from '@atlaskit/editor-plugin-connectivity';
 import type { TypeAheadInputMethod, TypeAheadPlugin } from '@atlaskit/editor-plugin-type-ahead';
 export type QuickInsertSharedState = CommonQuickInsertSharedState & {
     typeAheadHandler: TypeAheadHandler;
 };
 export type QuickInsertPlugin = NextEditorPlugin<'quickInsert', {
     pluginConfiguration: QuickInsertPluginOptions | undefined;
-    dependencies: [TypeAheadPlugin];
+    dependencies: [TypeAheadPlugin, OptionalPlugin<ConnectivityPlugin>];
     sharedState: QuickInsertSharedState | null;
     actions: {
         openTypeAhead: (inputMethod: TypeAheadInputMethod) => boolean;

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

@@ -1,4 +1,2 @@
-import type { QuickInsertPluginOptions } from '@atlaskit/editor-common/types';
 import { type QuickInsertPlugin } from './quickInsertPluginType';
-export type { QuickInsertPluginOptions };
 export declare const quickInsertPlugin: QuickInsertPlugin;

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

@@ -1,6 +1,7 @@
 import type { INPUT_METHOD } from '@atlaskit/editor-common/analytics';
 import type { QuickInsertItem } from '@atlaskit/editor-common/provider-factory';
-import type { Command, QuickInsertSharedState as CommonQuickInsertSharedState, EditorCommand, NextEditorPlugin, QuickInsertHandler, QuickInsertPluginOptions, QuickInsertSearchOptions, TypeAheadHandler } from '@atlaskit/editor-common/types';
+import type { Command, QuickInsertSharedState as CommonQuickInsertSharedState, EditorCommand, NextEditorPlugin, OptionalPlugin, QuickInsertHandler, QuickInsertPluginOptions, QuickInsertSearchOptions, TypeAheadHandler } from '@atlaskit/editor-common/types';
+import { type ConnectivityPlugin } from '@atlaskit/editor-plugin-connectivity';
 import type { TypeAheadInputMethod, TypeAheadPlugin } from '@atlaskit/editor-plugin-type-ahead';
 export type QuickInsertSharedState = CommonQuickInsertSharedState & {
     typeAheadHandler: TypeAheadHandler;
@@ -8,7 +9,8 @@ export type QuickInsertSharedState = CommonQuickInsertSharedState & {
 export type QuickInsertPlugin = NextEditorPlugin<'quickInsert', {
     pluginConfiguration: QuickInsertPluginOptions | undefined;
     dependencies: [
-        TypeAheadPlugin
+        TypeAheadPlugin,
+        OptionalPlugin<ConnectivityPlugin>
     ];
     sharedState: QuickInsertSharedState | null;
     actions: {

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-plugin-quick-insert",
-	"version": "1.7.3",
+	"version": "1.8.1",
 	"description": "Quick insert plugin for @atlaskit/editor-core",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",
@@ -32,13 +32,14 @@
 	},
 	"dependencies": {
 		"@atlaskit/button": "^20.3.0",
-		"@atlaskit/editor-common": "^96.0.0",
+		"@atlaskit/editor-common": "^97.0.0",
+		"@atlaskit/editor-plugin-connectivity": "^1.1.0",
 		"@atlaskit/editor-plugin-type-ahead": "^1.11.0",
 		"@atlaskit/editor-prosemirror": "6.2.1",
-		"@atlaskit/icon": "^23.0.0",
+		"@atlaskit/icon": "^23.1.0",
 		"@atlaskit/modal-dialog": "^12.18.0",
 		"@atlaskit/theme": "^14.0.0",
-		"@atlaskit/tokens": "^2.4.0",
+		"@atlaskit/tokens": "^2.5.0",
 		"@babel/runtime": "^7.0.0",
 		"@emotion/react": "^11.7.1"
 	},