@atlaskit/editor-plugin-status 2.5.10 → 2.6.1

package/CHANGELOG.md

@@ -1,5 +1,25 @@
 # @atlaskit/editor-plugin-status
 
+## 2.6.1
+
+### Patch Changes
+
+- [#171440](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/171440)
+  [`835f7bbff3122`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/835f7bbff3122) -
+  ED-25816: refactors plugins to meet folder standards
+
+## 2.6.0
+
+### Minor Changes
+
+- [#174097](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/174097)
+  [`b691b87e73dc2`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/b691b87e73dc2) -
+  [ux] ED-25902-add-floating-toolbar-in-view-mode
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 2.5.10
 
 ### Patch Changes

package/dist/cjs/index.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "statusPlugin", {
   enumerable: true,
   get: function get() {
-    return _plugin.statusPlugin;
+    return _statusPlugin.statusPlugin;
   }
 });
-var _plugin = require("./plugin");
+var _statusPlugin = require("./statusPlugin");

package/dist/cjs/{actions.js → pm-plugins/actions.js}

@@ -14,7 +14,7 @@ var _model = require("@atlaskit/editor-prosemirror/model");
 var _state = require("@atlaskit/editor-prosemirror/state");
 var _utils2 = require("@atlaskit/editor-prosemirror/utils");
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
-var _pluginKey = require("./pm-plugins/plugin-key");
+var _pluginKey = require("./plugin-key");
 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 DEFAULT_STATUS = exports.DEFAULT_STATUS = {

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

@@ -8,9 +8,9 @@ exports.keymapPlugin = keymapPlugin;
 var _keymaps = require("@atlaskit/editor-common/keymaps");
 var _keymap = require("@atlaskit/editor-prosemirror/keymap");
 var _state = require("@atlaskit/editor-prosemirror/state");
-var _actions = require("../actions");
-var _utils = require("../utils");
+var _actions = require("./actions");
 var _pluginKey = require("./plugin-key");
+var _utils = require("./utils");
 function keymapPlugin() {
   var list = {};
   (0, _keymaps.bindKeymapWithCommand)(_keymaps.enter.common, consumeKeyEvent, list);

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

@@ -23,8 +23,8 @@ var _safePlugin = require("@atlaskit/editor-common/safe-plugin");
 var _utils = require("@atlaskit/editor-common/utils");
 var _state = require("@atlaskit/editor-prosemirror/state");
 var _status = require("../nodeviews/status");
-var _utils2 = require("../utils");
 var _pluginKey = require("./plugin-key");
+var _utils2 = require("./utils");
 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 createPlugin = function createPlugin(pmPluginFactoryParams, options) {

package/dist/cjs/statusPlugin.js

@@ -0,0 +1,145 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.statusPlugin = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _adfSchema = require("@atlaskit/adf-schema");
+var _analytics = require("@atlaskit/editor-common/analytics");
+var _keymaps = require("@atlaskit/editor-common/keymaps");
+var _messages = require("@atlaskit/editor-common/messages");
+var _quickInsert = require("@atlaskit/editor-common/quick-insert");
+var _utils = require("@atlaskit/editor-common/utils");
+var _comment = _interopRequireDefault(require("@atlaskit/icon/core/comment"));
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
+var _actions = require("./pm-plugins/actions");
+var _keymap = require("./pm-plugins/keymap");
+var _plugin = _interopRequireDefault(require("./pm-plugins/plugin"));
+var _pluginKey = require("./pm-plugins/plugin-key");
+var _ContentComponent = require("./ui/ContentComponent");
+var statusPlugin = exports.statusPlugin = function statusPlugin(_ref) {
+  var _api$analytics, _api$analytics2;
+  var options = _ref.config,
+    api = _ref.api;
+  return {
+    name: 'status',
+    nodes: function nodes() {
+      return [{
+        name: 'status',
+        node: _adfSchema.status
+      }];
+    },
+    pmPlugins: function pmPlugins() {
+      return [{
+        name: 'status',
+        plugin: function plugin(pmPluginFactoryParams) {
+          return (0, _plugin.default)(pmPluginFactoryParams, options);
+        }
+      }, {
+        name: 'statusKeymap',
+        plugin: _keymap.keymapPlugin
+      }];
+    },
+    actions: {
+      commitStatusPicker: _actions.commitStatusPicker,
+      updateStatus: (0, _actions.updateStatusWithAnalytics)(api === null || api === void 0 || (_api$analytics = api.analytics) === null || _api$analytics === void 0 ? void 0 : _api$analytics.actions)
+    },
+    commands: {
+      removeStatus: _actions.removeStatus,
+      insertStatus: (0, _actions.insertStatus)(api === null || api === void 0 || (_api$analytics2 = api.analytics) === null || _api$analytics2 === void 0 ? void 0 : _api$analytics2.actions)
+    },
+    getSharedState: function getSharedState(state) {
+      if (!state) {
+        return undefined;
+      }
+      var pluginState = _pluginKey.pluginKey.getState(state);
+      return pluginState ? {
+        isNew: pluginState.isNew,
+        showStatusPickerAt: pluginState.showStatusPickerAt,
+        focusStatusInput: pluginState.focusStatusInput
+      } : undefined;
+    },
+    pluginsOptions: {
+      quickInsert: function quickInsert(_ref2) {
+        var formatMessage = _ref2.formatMessage;
+        if ((options === null || options === void 0 ? void 0 : options.menuDisabled) === true) {
+          return [];
+        }
+        return [{
+          id: 'status',
+          title: formatMessage(_messages.toolbarInsertBlockMessages.status),
+          description: formatMessage(_messages.toolbarInsertBlockMessages.statusDescription),
+          priority: 700,
+          keywords: ['lozenge'],
+          icon: function icon() {
+            return /*#__PURE__*/_react.default.createElement(_quickInsert.IconStatus, null);
+          },
+          action: function action(_insert, state) {
+            var _insertStatus, _api$analytics3;
+            return (_insertStatus = (0, _actions.insertStatus)(api === null || api === void 0 || (_api$analytics3 = api.analytics) === null || _api$analytics3 === void 0 ? void 0 : _api$analytics3.actions)(_analytics.INPUT_METHOD.QUICK_INSERT)({
+              tr: state.tr
+            })) !== null && _insertStatus !== void 0 ? _insertStatus : state.tr;
+          }
+        }];
+      },
+      floatingToolbar: function floatingToolbar(state, intl) {
+        var _api$editorViewMode;
+        var isViewMode = (api === null || api === void 0 || (_api$editorViewMode = api.editorViewMode) === null || _api$editorViewMode === void 0 || (_api$editorViewMode = _api$editorViewMode.sharedState.currentState()) === null || _api$editorViewMode === void 0 ? void 0 : _api$editorViewMode.mode) === 'view';
+        if (!(0, _platformFeatureFlags.fg)('platform_inline_node_as_valid_annotation_selection') || !isViewMode) {
+          return undefined;
+        }
+        return {
+          title: 'Status floating toolbar',
+          nodeType: state.schema.nodes.status,
+          onPositionCalculated: (0, _utils.calculateToolbarPositionAboveSelection)('Status floating toolbar'),
+          items: function items(node) {
+            var _api$annotation;
+            var annotationState = api === null || api === void 0 || (_api$annotation = api.annotation) === null || _api$annotation === void 0 ? void 0 : _api$annotation.sharedState.currentState();
+            var hasActiveMark = node.marks.some(function (mark) {
+              return mark.type.name === 'annotation' && (annotationState === null || annotationState === void 0 ? void 0 : annotationState.annotations[mark.attrs.id]) === false;
+            });
+            var showAnnotation = annotationState && isViewMode && annotationState.isVisible && !annotationState.bookmark && !annotationState.mouseData.isSelecting && !hasActiveMark;
+            var onCommentClick = function onCommentClick(stateFromClickEvent, dispatch) {
+              if (!(api !== null && api !== void 0 && api.annotation)) {
+                return true;
+              }
+              var command = api.annotation.actions.setInlineCommentDraftState(true, _analytics.INPUT_METHOD.TOOLBAR);
+              return command(stateFromClickEvent, dispatch);
+            };
+            var createCommentMessage = intl.formatMessage(_messages.annotationMessages.createComment);
+            var commentItems = showAnnotation ? [{
+              type: 'button',
+              title: createCommentMessage,
+              onClick: onCommentClick,
+              showTitle: true,
+              tooltipContent: /*#__PURE__*/_react.default.createElement(_keymaps.ToolTipContent, {
+                description: createCommentMessage,
+                keymap: _keymaps.addInlineComment
+              }),
+              icon: _comment.default,
+              supportsViewMode: true
+            }] : [];
+            return [].concat(commentItems);
+          }
+        };
+      }
+    },
+    contentComponent: function contentComponent(_ref3) {
+      var editorView = _ref3.editorView,
+        popupsMountPoint = _ref3.popupsMountPoint,
+        popupsBoundariesElement = _ref3.popupsBoundariesElement,
+        popupsScrollableElement = _ref3.popupsScrollableElement;
+      var domAtPos = editorView.domAtPos.bind(editorView);
+      return /*#__PURE__*/_react.default.createElement(_ContentComponent.ContentComponent, {
+        domAtPos: domAtPos,
+        api: api,
+        editorView: editorView,
+        popupsMountPoint: popupsMountPoint,
+        popupsBoundariesElement: popupsBoundariesElement,
+        popupsScrollableElement: popupsScrollableElement
+      });
+    }
+  };
+};

package/dist/cjs/types/index.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/dist/cjs/ui/ContentComponent.js

@@ -9,7 +9,7 @@ exports.ContentComponent = ContentComponent;
 var _react = _interopRequireWildcard(require("react"));
 var _hooks = require("@atlaskit/editor-common/hooks");
 var _utils = require("@atlaskit/editor-prosemirror/utils");
-var _actions = require("../actions");
+var _actions = require("../pm-plugins/actions");
 var _statusPicker = _interopRequireDefault(require("./statusPicker"));
 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; }

package/dist/cjs/ui/statusPicker.js

@@ -22,8 +22,8 @@ var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _picker = require("@atlaskit/status/picker");
 var _colors = require("@atlaskit/theme/colors");
 var _constants = require("@atlaskit/theme/constants");
-var _actions = require("../actions");
-var _analytics = require("../analytics");
+var _actions = require("../pm-plugins/actions");
+var _analytics = require("./analytics");
 function _createSuper(t) { var r = _isNativeReflectConstruct(); return function () { var e, o = (0, _getPrototypeOf2.default)(t); if (r) { var s = (0, _getPrototypeOf2.default)(this).constructor; e = Reflect.construct(o, arguments, s); } else e = o.apply(this, arguments); return (0, _possibleConstructorReturn2.default)(this, e); }; }
 function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); } /**
  * @jsxRuntime classic

package/dist/es2019/index.js

@@ -1 +1 @@
-export { statusPlugin } from './plugin';
+export { statusPlugin } from './statusPlugin';

package/dist/es2019/{actions.js → pm-plugins/actions.js}

@@ -6,7 +6,7 @@ import { Fragment } from '@atlaskit/editor-prosemirror/model';
 import { NodeSelection, Selection } from '@atlaskit/editor-prosemirror/state';
 import { canInsert } from '@atlaskit/editor-prosemirror/utils';
 import { fg } from '@atlaskit/platform-feature-flags';
-import { pluginKey } from './pm-plugins/plugin-key';
+import { pluginKey } from './plugin-key';
 export const DEFAULT_STATUS = {
   text: '',
   color: 'neutral'

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

@@ -1,9 +1,9 @@
 import { bindKeymapWithCommand, enter, tab } from '@atlaskit/editor-common/keymaps';
 import { keymap } from '@atlaskit/editor-prosemirror/keymap';
 import { NodeSelection } from '@atlaskit/editor-prosemirror/state';
-import { setFocusOnStatusInput } from '../actions';
-import { mayGetStatusAtSelection } from '../utils';
+import { setFocusOnStatusInput } from './actions';
 import { pluginKey } from './plugin-key';
+import { mayGetStatusAtSelection } from './utils';
 export function keymapPlugin() {
   const list = {};
   bindKeymapWithCommand(enter.common, consumeKeyEvent, list);

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

@@ -3,8 +3,8 @@ import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
 import { pmHistoryPluginKey } from '@atlaskit/editor-common/utils';
 import { NodeSelection, TextSelection } from '@atlaskit/editor-prosemirror/state';
 import { StatusNodeView } from '../nodeviews/status';
-import { isEmptyStatus, mayGetStatusAtSelection } from '../utils';
 import { pluginKey } from './plugin-key';
+import { isEmptyStatus, mayGetStatusAtSelection } from './utils';
 export { pluginKey, pluginKeyName } from './plugin-key';
 const createPlugin = (pmPluginFactoryParams, options) => new SafePlugin({
   state: {

package/dist/es2019/statusPlugin.js

@@ -0,0 +1,135 @@
+import React from 'react';
+import { status } from '@atlaskit/adf-schema';
+import { INPUT_METHOD } from '@atlaskit/editor-common/analytics';
+import { addInlineComment, ToolTipContent } from '@atlaskit/editor-common/keymaps';
+import { annotationMessages, toolbarInsertBlockMessages as messages } from '@atlaskit/editor-common/messages';
+import { IconStatus } from '@atlaskit/editor-common/quick-insert';
+import { calculateToolbarPositionAboveSelection } from '@atlaskit/editor-common/utils';
+import CommentIcon from '@atlaskit/icon/core/comment';
+import { fg } from '@atlaskit/platform-feature-flags';
+import { commitStatusPicker, insertStatus, removeStatus, updateStatusWithAnalytics } from './pm-plugins/actions';
+import { keymapPlugin } from './pm-plugins/keymap';
+import createStatusPlugin from './pm-plugins/plugin';
+import { pluginKey } from './pm-plugins/plugin-key';
+import { ContentComponent } from './ui/ContentComponent';
+export const statusPlugin = ({
+  config: options,
+  api
+}) => {
+  var _api$analytics, _api$analytics2;
+  return {
+    name: 'status',
+    nodes() {
+      return [{
+        name: 'status',
+        node: status
+      }];
+    },
+    pmPlugins() {
+      return [{
+        name: 'status',
+        plugin: pmPluginFactoryParams => createStatusPlugin(pmPluginFactoryParams, options)
+      }, {
+        name: 'statusKeymap',
+        plugin: keymapPlugin
+      }];
+    },
+    actions: {
+      commitStatusPicker,
+      updateStatus: updateStatusWithAnalytics(api === null || api === void 0 ? void 0 : (_api$analytics = api.analytics) === null || _api$analytics === void 0 ? void 0 : _api$analytics.actions)
+    },
+    commands: {
+      removeStatus,
+      insertStatus: insertStatus(api === null || api === void 0 ? void 0 : (_api$analytics2 = api.analytics) === null || _api$analytics2 === void 0 ? void 0 : _api$analytics2.actions)
+    },
+    getSharedState(state) {
+      if (!state) {
+        return undefined;
+      }
+      const pluginState = pluginKey.getState(state);
+      return pluginState ? {
+        isNew: pluginState.isNew,
+        showStatusPickerAt: pluginState.showStatusPickerAt,
+        focusStatusInput: pluginState.focusStatusInput
+      } : undefined;
+    },
+    pluginsOptions: {
+      quickInsert: ({
+        formatMessage
+      }) => {
+        if ((options === null || options === void 0 ? void 0 : options.menuDisabled) === true) {
+          return [];
+        }
+        return [{
+          id: 'status',
+          title: formatMessage(messages.status),
+          description: formatMessage(messages.statusDescription),
+          priority: 700,
+          keywords: ['lozenge'],
+          icon: () => /*#__PURE__*/React.createElement(IconStatus, null),
+          action(_insert, state) {
+            var _insertStatus, _api$analytics3;
+            return (_insertStatus = insertStatus(api === null || api === void 0 ? void 0 : (_api$analytics3 = api.analytics) === null || _api$analytics3 === void 0 ? void 0 : _api$analytics3.actions)(INPUT_METHOD.QUICK_INSERT)({
+              tr: state.tr
+            })) !== null && _insertStatus !== void 0 ? _insertStatus : state.tr;
+          }
+        }];
+      },
+      floatingToolbar(state, intl) {
+        var _api$editorViewMode, _api$editorViewMode$s;
+        const isViewMode = (api === null || api === void 0 ? void 0 : (_api$editorViewMode = api.editorViewMode) === null || _api$editorViewMode === void 0 ? void 0 : (_api$editorViewMode$s = _api$editorViewMode.sharedState.currentState()) === null || _api$editorViewMode$s === void 0 ? void 0 : _api$editorViewMode$s.mode) === 'view';
+        if (!fg('platform_inline_node_as_valid_annotation_selection') || !isViewMode) {
+          return undefined;
+        }
+        return {
+          title: 'Status floating toolbar',
+          nodeType: state.schema.nodes.status,
+          onPositionCalculated: calculateToolbarPositionAboveSelection('Status floating toolbar'),
+          items: node => {
+            var _api$annotation;
+            const annotationState = api === null || api === void 0 ? void 0 : (_api$annotation = api.annotation) === null || _api$annotation === void 0 ? void 0 : _api$annotation.sharedState.currentState();
+            const hasActiveMark = node.marks.some(mark => mark.type.name === 'annotation' && (annotationState === null || annotationState === void 0 ? void 0 : annotationState.annotations[mark.attrs.id]) === false);
+            const showAnnotation = annotationState && isViewMode && annotationState.isVisible && !annotationState.bookmark && !annotationState.mouseData.isSelecting && !hasActiveMark;
+            const onCommentClick = (stateFromClickEvent, dispatch) => {
+              if (!(api !== null && api !== void 0 && api.annotation)) {
+                return true;
+              }
+              const command = api.annotation.actions.setInlineCommentDraftState(true, INPUT_METHOD.TOOLBAR);
+              return command(stateFromClickEvent, dispatch);
+            };
+            const createCommentMessage = intl.formatMessage(annotationMessages.createComment);
+            const commentItems = showAnnotation ? [{
+              type: 'button',
+              title: createCommentMessage,
+              onClick: onCommentClick,
+              showTitle: true,
+              tooltipContent: /*#__PURE__*/React.createElement(ToolTipContent, {
+                description: createCommentMessage,
+                keymap: addInlineComment
+              }),
+              icon: CommentIcon,
+              supportsViewMode: true
+            }] : [];
+            return [...commentItems];
+          }
+        };
+      }
+    },
+    contentComponent({
+      editorView,
+      popupsMountPoint,
+      popupsBoundariesElement,
+      popupsScrollableElement
+    }) {
+      const domAtPos = editorView.domAtPos.bind(editorView);
+      return /*#__PURE__*/React.createElement(ContentComponent, {
+        domAtPos: domAtPos,
+        api: api,
+        editorView: editorView,
+        popupsMountPoint: popupsMountPoint,
+        popupsBoundariesElement: popupsBoundariesElement,
+        popupsScrollableElement: popupsScrollableElement
+      });
+    }
+  };
+};

package/dist/es2019/ui/ContentComponent.js

@@ -1,7 +1,7 @@
 import React, { useCallback, useMemo } from 'react';
 import { useSharedPluginState } from '@atlaskit/editor-common/hooks';
 import { findDomRefAtPos } from '@atlaskit/editor-prosemirror/utils';
-import { commitStatusPicker, updateStatus } from '../actions';
+import { commitStatusPicker, updateStatus } from '../pm-plugins/actions';
 import StatusPicker from './statusPicker';
 export function ContentComponent({
   api,

package/dist/es2019/ui/statusPicker.js

@@ -16,8 +16,8 @@ import { fg } from '@atlaskit/platform-feature-flags';
 import { StatusPicker as AkStatusPicker } from '@atlaskit/status/picker';
 import { N0 } from '@atlaskit/theme/colors';
 import { borderRadius } from '@atlaskit/theme/constants';
-import { DEFAULT_STATUS } from '../actions';
-import { analyticsState, createStatusAnalyticsAndFire } from '../analytics';
+import { DEFAULT_STATUS } from '../pm-plugins/actions';
+import { analyticsState, createStatusAnalyticsAndFire } from './analytics';
 const PopupWithListeners = withOuterListeners(Popup);
 export let InputMethod = /*#__PURE__*/function (InputMethod) {
   InputMethod["blur"] = "blur";

package/dist/esm/index.js

@@ -1 +1 @@
-export { statusPlugin } from './plugin';
+export { statusPlugin } from './statusPlugin';

package/dist/esm/{actions.js → pm-plugins/actions.js}

@@ -9,7 +9,7 @@ import { Fragment } from '@atlaskit/editor-prosemirror/model';
 import { NodeSelection, Selection } from '@atlaskit/editor-prosemirror/state';
 import { canInsert } from '@atlaskit/editor-prosemirror/utils';
 import { fg } from '@atlaskit/platform-feature-flags';
-import { pluginKey } from './pm-plugins/plugin-key';
+import { pluginKey } from './plugin-key';
 export var DEFAULT_STATUS = {
   text: '',
   color: 'neutral'

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

@@ -1,9 +1,9 @@
 import { bindKeymapWithCommand, enter, tab } from '@atlaskit/editor-common/keymaps';
 import { keymap } from '@atlaskit/editor-prosemirror/keymap';
 import { NodeSelection } from '@atlaskit/editor-prosemirror/state';
-import { setFocusOnStatusInput } from '../actions';
-import { mayGetStatusAtSelection } from '../utils';
+import { setFocusOnStatusInput } from './actions';
 import { pluginKey } from './plugin-key';
+import { mayGetStatusAtSelection } from './utils';
 export function keymapPlugin() {
   var list = {};
   bindKeymapWithCommand(enter.common, consumeKeyEvent, list);

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

@@ -6,8 +6,8 @@ import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
 import { pmHistoryPluginKey } from '@atlaskit/editor-common/utils';
 import { NodeSelection, TextSelection } from '@atlaskit/editor-prosemirror/state';
 import { StatusNodeView } from '../nodeviews/status';
-import { isEmptyStatus, mayGetStatusAtSelection } from '../utils';
 import { pluginKey } from './plugin-key';
+import { isEmptyStatus, mayGetStatusAtSelection } from './utils';
 export { pluginKey, pluginKeyName } from './plugin-key';
 var createPlugin = function createPlugin(pmPluginFactoryParams, options) {
   return new SafePlugin({

package/dist/esm/statusPlugin.js

@@ -0,0 +1,138 @@
+import React from 'react';
+import { status } from '@atlaskit/adf-schema';
+import { INPUT_METHOD } from '@atlaskit/editor-common/analytics';
+import { addInlineComment, ToolTipContent } from '@atlaskit/editor-common/keymaps';
+import { annotationMessages, toolbarInsertBlockMessages as messages } from '@atlaskit/editor-common/messages';
+import { IconStatus } from '@atlaskit/editor-common/quick-insert';
+import { calculateToolbarPositionAboveSelection } from '@atlaskit/editor-common/utils';
+import CommentIcon from '@atlaskit/icon/core/comment';
+import { fg } from '@atlaskit/platform-feature-flags';
+import { commitStatusPicker, insertStatus, removeStatus, updateStatusWithAnalytics } from './pm-plugins/actions';
+import { keymapPlugin } from './pm-plugins/keymap';
+import createStatusPlugin from './pm-plugins/plugin';
+import { pluginKey } from './pm-plugins/plugin-key';
+import { ContentComponent } from './ui/ContentComponent';
+export var statusPlugin = function statusPlugin(_ref) {
+  var _api$analytics, _api$analytics2;
+  var options = _ref.config,
+    api = _ref.api;
+  return {
+    name: 'status',
+    nodes: function nodes() {
+      return [{
+        name: 'status',
+        node: status
+      }];
+    },
+    pmPlugins: function pmPlugins() {
+      return [{
+        name: 'status',
+        plugin: function plugin(pmPluginFactoryParams) {
+          return createStatusPlugin(pmPluginFactoryParams, options);
+        }
+      }, {
+        name: 'statusKeymap',
+        plugin: keymapPlugin
+      }];
+    },
+    actions: {
+      commitStatusPicker: commitStatusPicker,
+      updateStatus: updateStatusWithAnalytics(api === null || api === void 0 || (_api$analytics = api.analytics) === null || _api$analytics === void 0 ? void 0 : _api$analytics.actions)
+    },
+    commands: {
+      removeStatus: removeStatus,
+      insertStatus: insertStatus(api === null || api === void 0 || (_api$analytics2 = api.analytics) === null || _api$analytics2 === void 0 ? void 0 : _api$analytics2.actions)
+    },
+    getSharedState: function getSharedState(state) {
+      if (!state) {
+        return undefined;
+      }
+      var pluginState = pluginKey.getState(state);
+      return pluginState ? {
+        isNew: pluginState.isNew,
+        showStatusPickerAt: pluginState.showStatusPickerAt,
+        focusStatusInput: pluginState.focusStatusInput
+      } : undefined;
+    },
+    pluginsOptions: {
+      quickInsert: function quickInsert(_ref2) {
+        var formatMessage = _ref2.formatMessage;
+        if ((options === null || options === void 0 ? void 0 : options.menuDisabled) === true) {
+          return [];
+        }
+        return [{
+          id: 'status',
+          title: formatMessage(messages.status),
+          description: formatMessage(messages.statusDescription),
+          priority: 700,
+          keywords: ['lozenge'],
+          icon: function icon() {
+            return /*#__PURE__*/React.createElement(IconStatus, null);
+          },
+          action: function action(_insert, state) {
+            var _insertStatus, _api$analytics3;
+            return (_insertStatus = insertStatus(api === null || api === void 0 || (_api$analytics3 = api.analytics) === null || _api$analytics3 === void 0 ? void 0 : _api$analytics3.actions)(INPUT_METHOD.QUICK_INSERT)({
+              tr: state.tr
+            })) !== null && _insertStatus !== void 0 ? _insertStatus : state.tr;
+          }
+        }];
+      },
+      floatingToolbar: function floatingToolbar(state, intl) {
+        var _api$editorViewMode;
+        var isViewMode = (api === null || api === void 0 || (_api$editorViewMode = api.editorViewMode) === null || _api$editorViewMode === void 0 || (_api$editorViewMode = _api$editorViewMode.sharedState.currentState()) === null || _api$editorViewMode === void 0 ? void 0 : _api$editorViewMode.mode) === 'view';
+        if (!fg('platform_inline_node_as_valid_annotation_selection') || !isViewMode) {
+          return undefined;
+        }
+        return {
+          title: 'Status floating toolbar',
+          nodeType: state.schema.nodes.status,
+          onPositionCalculated: calculateToolbarPositionAboveSelection('Status floating toolbar'),
+          items: function items(node) {
+            var _api$annotation;
+            var annotationState = api === null || api === void 0 || (_api$annotation = api.annotation) === null || _api$annotation === void 0 ? void 0 : _api$annotation.sharedState.currentState();
+            var hasActiveMark = node.marks.some(function (mark) {
+              return mark.type.name === 'annotation' && (annotationState === null || annotationState === void 0 ? void 0 : annotationState.annotations[mark.attrs.id]) === false;
+            });
+            var showAnnotation = annotationState && isViewMode && annotationState.isVisible && !annotationState.bookmark && !annotationState.mouseData.isSelecting && !hasActiveMark;
+            var onCommentClick = function onCommentClick(stateFromClickEvent, dispatch) {
+              if (!(api !== null && api !== void 0 && api.annotation)) {
+                return true;
+              }
+              var command = api.annotation.actions.setInlineCommentDraftState(true, INPUT_METHOD.TOOLBAR);
+              return command(stateFromClickEvent, dispatch);
+            };
+            var createCommentMessage = intl.formatMessage(annotationMessages.createComment);
+            var commentItems = showAnnotation ? [{
+              type: 'button',
+              title: createCommentMessage,
+              onClick: onCommentClick,
+              showTitle: true,
+              tooltipContent: /*#__PURE__*/React.createElement(ToolTipContent, {
+                description: createCommentMessage,
+                keymap: addInlineComment
+              }),
+              icon: CommentIcon,
+              supportsViewMode: true
+            }] : [];
+            return [].concat(commentItems);
+          }
+        };
+      }
+    },
+    contentComponent: function contentComponent(_ref3) {
+      var editorView = _ref3.editorView,
+        popupsMountPoint = _ref3.popupsMountPoint,
+        popupsBoundariesElement = _ref3.popupsBoundariesElement,
+        popupsScrollableElement = _ref3.popupsScrollableElement;
+      var domAtPos = editorView.domAtPos.bind(editorView);
+      return /*#__PURE__*/React.createElement(ContentComponent, {
+        domAtPos: domAtPos,
+        api: api,
+        editorView: editorView,
+        popupsMountPoint: popupsMountPoint,
+        popupsBoundariesElement: popupsBoundariesElement,
+        popupsScrollableElement: popupsScrollableElement
+      });
+    }
+  };
+};

package/dist/esm/statusPluginType.js

@@ -0,0 +1 @@
+export {};

package/dist/esm/types/index.js

@@ -0,0 +1 @@
+export {};

package/dist/esm/ui/ContentComponent.js

@@ -1,7 +1,7 @@
 import React, { useCallback, useMemo } from 'react';
 import { useSharedPluginState } from '@atlaskit/editor-common/hooks';
 import { findDomRefAtPos } from '@atlaskit/editor-prosemirror/utils';
-import { commitStatusPicker, updateStatus } from '../actions';
+import { commitStatusPicker, updateStatus } from '../pm-plugins/actions';
 import StatusPicker from './statusPicker';
 export function ContentComponent(_ref) {
   var api = _ref.api,