@atlaskit/editor-plugin-help-dialog 0.3.8 → 0.3.9

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @atlaskit/editor-plugin-help-dialog
 
+## 0.3.9
+
+### Patch Changes
+
+- [#68572](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/68572) [`15d407fe5143`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/15d407fe5143) - Upgrading @atlaskit/editor-prosemirror dependency
+
 ## 0.3.8
 
 ### Patch Changes

package/dist/cjs/ui/index.js

@@ -25,79 +25,6 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 /** @jsx jsx */
 
-var messages = (0, _reactIntlNext.defineMessages)({
-  editorHelp: {
-    id: 'fabric.editor.editorHelp',
-    defaultMessage: 'Editor help',
-    description: 'Title of editor help dialog.'
-  },
-  helpDialogTips: {
-    id: 'fabric.editor.helpDialogTips',
-    defaultMessage: 'Press {keyMap} to quickly open this dialog at any time',
-    description: 'Hint about how to open a dialog quickly using a shortcut.'
-  },
-  keyboardShortcuts: {
-    id: 'fabric.editor.keyboardShortcuts',
-    defaultMessage: 'Keyboard shortcuts',
-    description: ''
-  },
-  markdown: {
-    id: 'fabric.editor.markdown',
-    defaultMessage: 'Markdown',
-    description: 'It is a name of popular markup language.'
-  },
-  pastePlainText: {
-    id: 'fabric.editor.pastePlainText',
-    defaultMessage: 'Paste plain text',
-    description: ''
-  },
-  CheckUncheckActionItem: {
-    id: 'fabric.editor.checkUncheckActionItem',
-    defaultMessage: 'Toggle action item',
-    description: 'For Check/Uncheck Action item use shortcut'
-  },
-  altText: {
-    id: 'fabric.editor.altText',
-    defaultMessage: 'Alt text',
-    description: 'Alternative text for image.'
-  },
-  selectTableRow: {
-    id: 'fabric.editor.selectTableRow',
-    defaultMessage: 'Select table row',
-    description: 'Hint for selecting a table row using a shortcut'
-  },
-  selectTableColumn: {
-    id: 'fabric.editor.selectTableColumn',
-    defaultMessage: 'Select table column',
-    description: 'Hint for selecting a table column using a shortcut'
-  },
-  increaseSize: {
-    id: 'fabric.editor.increaseSize',
-    defaultMessage: 'Increase size',
-    description: 'The text is shown as an shortcut description in help dialog modal, when the user uses the described shortcut, he is able to increase the width of the selected element. Optimal characters less than 21.'
-  },
-  decreaseSize: {
-    id: 'fabric.editor.decreaseSize',
-    defaultMessage: 'Decrease size',
-    description: 'The text is shown as an shortcut description in help dialog modal, when the user uses the described shortcut, he is able to decrease the width of the selected element. Optimal characters less than 21.'
-  },
-  focusTableResizeHandle: {
-    id: 'fabric.editor.focusTableResizeHandle',
-    defaultMessage: 'Focus table resize handle',
-    description: 'Focus table resize handle'
-  },
-  closeHelpDialog: {
-    id: 'fabric.editor.closeHelpDialog',
-    defaultMessage: 'Close help dialog',
-    description: ''
-  },
-  // TODO: Move it inside quick insert plugin
-  quickInsert: {
-    id: 'fabric.editor.quickInsert',
-    defaultMessage: 'Quick insert',
-    description: 'Name of a feature, which let you insert items quickly.'
-  }
-});
 var navigationKeymaps = function navigationKeymaps(_ref) {
   var formatMessage = _ref.formatMessage;
   return [{
@@ -400,7 +327,7 @@ var otherFormatting = function otherFormatting(_ref3) {
       return _keymaps.redo;
     }
   }, {
-    name: formatMessage(messages.pastePlainText),
+    name: formatMessage(_messages.helpDialogMessages.pastePlainText),
     type: 'paste',
     keymap: function keymap() {
       return _keymaps.pastePlainText;
@@ -412,13 +339,13 @@ var otherFormatting = function otherFormatting(_ref3) {
       return _keymaps.addInlineComment;
     }
   }, {
-    name: formatMessage(messages.CheckUncheckActionItem),
+    name: formatMessage(_messages.helpDialogMessages.CheckUncheckActionItem),
     type: 'checkbox',
     keymap: function keymap() {
       return _keymaps.toggleTaskItemCheckbox;
     }
   }].concat((0, _toConsumableArray2.default)((0, _platformFeatureFlags.getBooleanFF)('platform.editor.a11y.table-selection_9uv33') ? [{
-    name: formatMessage(messages.selectTableRow),
+    name: formatMessage(_messages.helpDialogMessages.selectTableRow),
     type: 'table',
     autoFormatting: function autoFormatting() {
       return (0, _react2.jsx)("span", {
@@ -442,7 +369,7 @@ var otherFormatting = function otherFormatting(_ref3) {
       }, "\u2192")));
     }
   }, {
-    name: formatMessage(messages.selectTableColumn),
+    name: formatMessage(_messages.helpDialogMessages.selectTableColumn),
     type: 'table',
     autoFormatting: function autoFormatting() {
       return (0, _react2.jsx)("span", {
@@ -470,13 +397,13 @@ var otherFormatting = function otherFormatting(_ref3) {
 var resizeInformationFormatting = function resizeInformationFormatting(_ref4) {
   var formatMessage = _ref4.formatMessage;
   return [{
-    name: formatMessage(messages.increaseSize),
+    name: formatMessage(_messages.helpDialogMessages.increaseSize),
     type: 'media',
     keymap: function keymap() {
       return _keymaps.increaseMediaSize;
     }
   }, {
-    name: formatMessage(messages.decreaseSize),
+    name: formatMessage(_messages.helpDialogMessages.decreaseSize),
     type: 'media',
     keymap: function keymap() {
       return _keymaps.decreaseMediaSize;
@@ -486,7 +413,7 @@ var resizeInformationFormatting = function resizeInformationFormatting(_ref4) {
 var focusTableResizeHandleFormatting = function focusTableResizeHandleFormatting(_ref5) {
   var formatMessage = _ref5.formatMessage;
   return [{
-    name: formatMessage(messages.focusTableResizeHandle),
+    name: formatMessage(_messages.helpDialogMessages.focusTableResizeHandle),
     type: 'navigation',
     keymap: function keymap() {
       return _keymaps.focusTableResizer;
@@ -499,13 +426,13 @@ var imageAutoFormat = {
   autoFormatting: function autoFormatting() {
     return (0, _react2.jsx)("span", null, (0, _react2.jsx)("span", {
       css: _styles.codeLg
-    }, "![", (0, _react2.jsx)(_reactIntlNext.FormattedMessage, messages.altText), "](http://www.image.com)"));
+    }, "![", (0, _react2.jsx)(_reactIntlNext.FormattedMessage, _messages.helpDialogMessages.altText), "](http://www.image.com)"));
   }
 };
 var quickInsertAutoFormat = function quickInsertAutoFormat(_ref6) {
   var formatMessage = _ref6.formatMessage;
   return {
-    name: formatMessage(messages.quickInsert),
+    name: formatMessage(_messages.helpDialogMessages.quickInsert),
     type: 'quickInsert',
     autoFormatting: function autoFormatting() {
       return (0, _react2.jsx)("span", null, (0, _react2.jsx)("span", {
@@ -572,14 +499,14 @@ var ModalHeader = (0, _reactIntlNext.injectIntl)(function (_ref7) {
     css: _styles.header
   }, (0, _react2.jsx)("h1", {
     css: _styles.dialogHeader
-  }, (0, _react2.jsx)(_reactIntlNext.FormattedMessage, messages.editorHelp)), (0, _react2.jsx)("div", null, (0, _react2.jsx)(_uiMenu.ToolbarButton
+  }, (0, _react2.jsx)(_reactIntlNext.FormattedMessage, _messages.helpDialogMessages.editorHelp)), (0, _react2.jsx)("div", null, (0, _react2.jsx)(_uiMenu.ToolbarButton
   // @ts-ignore
   , {
     onClick: onClose,
-    title: formatMessage(messages.closeHelpDialog),
+    title: formatMessage(_messages.helpDialogMessages.closeHelpDialog),
     spacing: "compact",
     iconBefore: (0, _react2.jsx)(_cross.default, {
-      label: formatMessage(messages.closeHelpDialog),
+      label: formatMessage(_messages.helpDialogMessages.closeHelpDialog),
       size: "medium"
     })
   })));
@@ -587,7 +514,7 @@ var ModalHeader = (0, _reactIntlNext.injectIntl)(function (_ref7) {
 var ModalFooter = function ModalFooter() {
   return (0, _react2.jsx)("div", {
     css: _styles.footer
-  }, (0, _react2.jsx)(_reactIntlNext.FormattedMessage, (0, _extends2.default)({}, messages.helpDialogTips, {
+  }, (0, _react2.jsx)(_reactIntlNext.FormattedMessage, (0, _extends2.default)({}, _messages.helpDialogMessages.helpDialogTips, {
     values: {
       keyMap: getComponentFromKeymap(_keymaps.openHelp)
     }
@@ -631,7 +558,7 @@ var HelpDialog = function HelpDialog(_ref8) {
     css: _styles.column
   }, (0, _react2.jsx)("h2", {
     css: _styles.title
-  }, (0, _react2.jsx)(_reactIntlNext.FormattedMessage, messages.keyboardShortcuts)), (0, _react2.jsx)("ul", null, formatting.filter(function (form) {
+  }, (0, _react2.jsx)(_reactIntlNext.FormattedMessage, _messages.helpDialogMessages.keyboardShortcuts)), (0, _react2.jsx)("ul", null, formatting.filter(function (form) {
     var keymap = form.keymap && form.keymap();
     return keymap && keymap[_utils.browser.mac ? 'mac' : 'windows'];
   }).map(function (form) {
@@ -654,7 +581,7 @@ var HelpDialog = function HelpDialog(_ref8) {
     css: _styles.column
   }, (0, _react2.jsx)("h2", {
     css: _styles.title
-  }, (0, _react2.jsx)(_reactIntlNext.FormattedMessage, messages.markdown)), (0, _react2.jsx)("ul", null, formatting.filter(function (form) {
+  }, (0, _react2.jsx)(_reactIntlNext.FormattedMessage, _messages.helpDialogMessages.markdown)), (0, _react2.jsx)("ul", null, formatting.filter(function (form) {
     return shortcutNamesWithoutKeymap.indexOf(form.type) === -1;
   }).map(function (form) {
     return form.autoFormatting && (0, _react2.jsx)("li", {

package/dist/es2019/ui/index.js

@@ -2,10 +2,10 @@ import _extends from "@babel/runtime/helpers/extends";
 /** @jsx jsx */
 import { useCallback, useEffect } from 'react';
 import { jsx } from '@emotion/react';
-import { defineMessages, FormattedMessage, injectIntl } from 'react-intl-next';
+import { FormattedMessage, injectIntl } from 'react-intl-next';
 import { useSharedPluginState } from '@atlaskit/editor-common/hooks';
 import { addInlineComment, addLink, alignLeft, clearFormatting, decreaseMediaSize, focusTableResizer, increaseMediaSize, insertRule, navToEditorToolbar, navToFloatingToolbar, openHelp, pastePlainText, redo, setNormalText, toggleBlockQuote, toggleBold, toggleBulletList, toggleCode, toggleHeading1, toggleHeading2, toggleHeading3, toggleHeading4, toggleHeading5, toggleHeading6, toggleItalic, toggleOrderedList, toggleStrikethrough, toggleSubscript, toggleSuperscript, toggleTaskItemCheckbox, toggleUnderline, undo } from '@atlaskit/editor-common/keymaps';
-import { alignmentMessages, annotationMessages, blockTypeMessages, listMessages, toolbarInsertBlockMessages, toolbarMessages, undoRedoMessages } from '@atlaskit/editor-common/messages';
+import { alignmentMessages, annotationMessages, blockTypeMessages, listMessages, helpDialogMessages as messages, toolbarInsertBlockMessages, toolbarMessages, undoRedoMessages } from '@atlaskit/editor-common/messages';
 import { ToolbarButton } from '@atlaskit/editor-common/ui-menu';
 import { browser } from '@atlaskit/editor-common/utils';
 import CrossIcon from '@atlaskit/icon/glyph/cross';
@@ -13,79 +13,6 @@ import AkModalDialog, { ModalTransition, useModal } from '@atlaskit/modal-dialog
 import { getBooleanFF } from '@atlaskit/platform-feature-flags';
 import { closeHelpCommand } from '../commands';
 import { codeLg, codeMd, codeSm, column, componentFromKeymapWrapperStyles, content, contentWrapper, dialogHeader, footer, header, line, row, shortcutsArray, title } from './styles';
-const messages = defineMessages({
-  editorHelp: {
-    id: 'fabric.editor.editorHelp',
-    defaultMessage: 'Editor help',
-    description: 'Title of editor help dialog.'
-  },
-  helpDialogTips: {
-    id: 'fabric.editor.helpDialogTips',
-    defaultMessage: 'Press {keyMap} to quickly open this dialog at any time',
-    description: 'Hint about how to open a dialog quickly using a shortcut.'
-  },
-  keyboardShortcuts: {
-    id: 'fabric.editor.keyboardShortcuts',
-    defaultMessage: 'Keyboard shortcuts',
-    description: ''
-  },
-  markdown: {
-    id: 'fabric.editor.markdown',
-    defaultMessage: 'Markdown',
-    description: 'It is a name of popular markup language.'
-  },
-  pastePlainText: {
-    id: 'fabric.editor.pastePlainText',
-    defaultMessage: 'Paste plain text',
-    description: ''
-  },
-  CheckUncheckActionItem: {
-    id: 'fabric.editor.checkUncheckActionItem',
-    defaultMessage: 'Toggle action item',
-    description: 'For Check/Uncheck Action item use shortcut'
-  },
-  altText: {
-    id: 'fabric.editor.altText',
-    defaultMessage: 'Alt text',
-    description: 'Alternative text for image.'
-  },
-  selectTableRow: {
-    id: 'fabric.editor.selectTableRow',
-    defaultMessage: 'Select table row',
-    description: 'Hint for selecting a table row using a shortcut'
-  },
-  selectTableColumn: {
-    id: 'fabric.editor.selectTableColumn',
-    defaultMessage: 'Select table column',
-    description: 'Hint for selecting a table column using a shortcut'
-  },
-  increaseSize: {
-    id: 'fabric.editor.increaseSize',
-    defaultMessage: 'Increase size',
-    description: 'The text is shown as an shortcut description in help dialog modal, when the user uses the described shortcut, he is able to increase the width of the selected element. Optimal characters less than 21.'
-  },
-  decreaseSize: {
-    id: 'fabric.editor.decreaseSize',
-    defaultMessage: 'Decrease size',
-    description: 'The text is shown as an shortcut description in help dialog modal, when the user uses the described shortcut, he is able to decrease the width of the selected element. Optimal characters less than 21.'
-  },
-  focusTableResizeHandle: {
-    id: 'fabric.editor.focusTableResizeHandle',
-    defaultMessage: 'Focus table resize handle',
-    description: 'Focus table resize handle'
-  },
-  closeHelpDialog: {
-    id: 'fabric.editor.closeHelpDialog',
-    defaultMessage: 'Close help dialog',
-    description: ''
-  },
-  // TODO: Move it inside quick insert plugin
-  quickInsert: {
-    id: 'fabric.editor.quickInsert',
-    defaultMessage: 'Quick insert',
-    description: 'Name of a feature, which let you insert items quickly.'
-  }
-});
 const navigationKeymaps = ({
   formatMessage
 }) => [{

package/dist/esm/ui/index.js

@@ -3,10 +3,10 @@ import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
 /** @jsx jsx */
 import { useCallback, useEffect } from 'react';
 import { jsx } from '@emotion/react';
-import { defineMessages, FormattedMessage, injectIntl } from 'react-intl-next';
+import { FormattedMessage, injectIntl } from 'react-intl-next';
 import { useSharedPluginState } from '@atlaskit/editor-common/hooks';
 import { addInlineComment, addLink, alignLeft, clearFormatting, decreaseMediaSize, focusTableResizer, increaseMediaSize, insertRule, navToEditorToolbar, navToFloatingToolbar, openHelp, pastePlainText, redo, setNormalText, toggleBlockQuote, toggleBold, toggleBulletList, toggleCode, toggleHeading1, toggleHeading2, toggleHeading3, toggleHeading4, toggleHeading5, toggleHeading6, toggleItalic, toggleOrderedList, toggleStrikethrough, toggleSubscript, toggleSuperscript, toggleTaskItemCheckbox, toggleUnderline, undo } from '@atlaskit/editor-common/keymaps';
-import { alignmentMessages, annotationMessages, blockTypeMessages, listMessages, toolbarInsertBlockMessages, toolbarMessages, undoRedoMessages } from '@atlaskit/editor-common/messages';
+import { alignmentMessages, annotationMessages, blockTypeMessages, listMessages, helpDialogMessages as messages, toolbarInsertBlockMessages, toolbarMessages, undoRedoMessages } from '@atlaskit/editor-common/messages';
 import { ToolbarButton } from '@atlaskit/editor-common/ui-menu';
 import { browser } from '@atlaskit/editor-common/utils';
 import CrossIcon from '@atlaskit/icon/glyph/cross';
@@ -14,79 +14,6 @@ import AkModalDialog, { ModalTransition, useModal } from '@atlaskit/modal-dialog
 import { getBooleanFF } from '@atlaskit/platform-feature-flags';
 import { closeHelpCommand } from '../commands';
 import { codeLg, codeMd, codeSm, column, componentFromKeymapWrapperStyles, content, contentWrapper, dialogHeader, footer, header, line, row, shortcutsArray, title } from './styles';
-var messages = defineMessages({
-  editorHelp: {
-    id: 'fabric.editor.editorHelp',
-    defaultMessage: 'Editor help',
-    description: 'Title of editor help dialog.'
-  },
-  helpDialogTips: {
-    id: 'fabric.editor.helpDialogTips',
-    defaultMessage: 'Press {keyMap} to quickly open this dialog at any time',
-    description: 'Hint about how to open a dialog quickly using a shortcut.'
-  },
-  keyboardShortcuts: {
-    id: 'fabric.editor.keyboardShortcuts',
-    defaultMessage: 'Keyboard shortcuts',
-    description: ''
-  },
-  markdown: {
-    id: 'fabric.editor.markdown',
-    defaultMessage: 'Markdown',
-    description: 'It is a name of popular markup language.'
-  },
-  pastePlainText: {
-    id: 'fabric.editor.pastePlainText',
-    defaultMessage: 'Paste plain text',
-    description: ''
-  },
-  CheckUncheckActionItem: {
-    id: 'fabric.editor.checkUncheckActionItem',
-    defaultMessage: 'Toggle action item',
-    description: 'For Check/Uncheck Action item use shortcut'
-  },
-  altText: {
-    id: 'fabric.editor.altText',
-    defaultMessage: 'Alt text',
-    description: 'Alternative text for image.'
-  },
-  selectTableRow: {
-    id: 'fabric.editor.selectTableRow',
-    defaultMessage: 'Select table row',
-    description: 'Hint for selecting a table row using a shortcut'
-  },
-  selectTableColumn: {
-    id: 'fabric.editor.selectTableColumn',
-    defaultMessage: 'Select table column',
-    description: 'Hint for selecting a table column using a shortcut'
-  },
-  increaseSize: {
-    id: 'fabric.editor.increaseSize',
-    defaultMessage: 'Increase size',
-    description: 'The text is shown as an shortcut description in help dialog modal, when the user uses the described shortcut, he is able to increase the width of the selected element. Optimal characters less than 21.'
-  },
-  decreaseSize: {
-    id: 'fabric.editor.decreaseSize',
-    defaultMessage: 'Decrease size',
-    description: 'The text is shown as an shortcut description in help dialog modal, when the user uses the described shortcut, he is able to decrease the width of the selected element. Optimal characters less than 21.'
-  },
-  focusTableResizeHandle: {
-    id: 'fabric.editor.focusTableResizeHandle',
-    defaultMessage: 'Focus table resize handle',
-    description: 'Focus table resize handle'
-  },
-  closeHelpDialog: {
-    id: 'fabric.editor.closeHelpDialog',
-    defaultMessage: 'Close help dialog',
-    description: ''
-  },
-  // TODO: Move it inside quick insert plugin
-  quickInsert: {
-    id: 'fabric.editor.quickInsert',
-    defaultMessage: 'Quick insert',
-    description: 'Name of a feature, which let you insert items quickly.'
-  }
-});
 var navigationKeymaps = function navigationKeymaps(_ref) {
   var formatMessage = _ref.formatMessage;
   return [{

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/editor-plugin-help-dialog",
-  "version": "0.3.8",
+  "version": "0.3.9",
   "description": "Help Dialog plugin for @atlaskit/editor-core",
   "author": "Atlassian Pty Ltd",
   "license": "Apache-2.0",
@@ -32,10 +32,10 @@
     ".": "./src/index.ts"
   },
   "dependencies": {
-    "@atlaskit/editor-common": "^77.1.0",
+    "@atlaskit/editor-common": "^77.3.0",
     "@atlaskit/editor-plugin-analytics": "^0.4.0",
     "@atlaskit/editor-plugin-quick-insert": "^0.2.0",
-    "@atlaskit/editor-prosemirror": "1.1.0",
+    "@atlaskit/editor-prosemirror": "3.0.0",
     "@atlaskit/editor-shared-styles": "^2.9.0",
     "@atlaskit/icon": "^22.0.0",
     "@atlaskit/modal-dialog": "^12.10.0",