@atlaskit/editor-plugin-block-menu 6.0.21 → 6.0.22

package/CHANGELOG.md

@@ -1,5 +1,13 @@
 # @atlaskit/editor-plugin-block-menu
 
+## 6.0.22
+
+### Patch Changes
+
+- [`33f11753a7104`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/33f11753a7104) -
+  [ux] Added i18n for sections' titles in the Turn into menu.
+- Updated dependencies
+
 ## 6.0.21
 
 ### Patch Changes

package/afm-jira/tsconfig.json

@@ -1,5 +1,5 @@
 {
-	"extends": "../../../../tsconfig.entry-points.jira.json",
+	"extends": "../../../../tsconfig.local-consumption.json",
 	"compilerOptions": {
 		"target": "es5",
 		"outDir": "../../../../../jira/tsDist/@atlaskit__editor-plugin-block-menu/app",

package/dist/cjs/ui/MenuSection.js

@@ -0,0 +1,21 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.MenuSection = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _reactIntlNext = require("react-intl-next");
+var _editorToolbar = require("@atlaskit/editor-toolbar");
+var MenuSection = exports.MenuSection = function MenuSection(_ref) {
+  var children = _ref.children,
+    title = _ref.title,
+    hasSeparator = _ref.hasSeparator;
+  var _useIntl = (0, _reactIntlNext.useIntl)(),
+    formatMessage = _useIntl.formatMessage;
+  return /*#__PURE__*/_react.default.createElement(_editorToolbar.ToolbarDropdownItemSection, {
+    title: formatMessage(title),
+    hasSeparator: hasSeparator
+  }, children);
+};

package/dist/cjs/ui/block-menu-components.js

@@ -8,6 +8,7 @@ exports.getBlockMenuComponents = void 0;
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
 var _react = _interopRequireDefault(require("react"));
 var _blockMenu = require("@atlaskit/editor-common/block-menu");
+var _messages = require("@atlaskit/editor-common/messages");
 var _editorToolbar = require("@atlaskit/editor-toolbar");
 var _utils = require("./block-menu-renderer/utils");
 var _copyLink = require("./copy-link");
@@ -16,6 +17,7 @@ var _deleteButton = require("./delete-button");
 var _deleteSection = require("./delete-section");
 var _formatMenuNested = require("./format-menu-nested");
 var _formatMenuSection = require("./format-menu-section");
+var _MenuSection = require("./MenuSection");
 var _moveDown = require("./move-down");
 var _moveUp = require("./move-up");
 var _suggestedItemsMenuSection = require("./suggested-items-menu-section");
@@ -139,8 +141,8 @@ var getTurnIntoMenuComponents = function getTurnIntoMenuComponents(api) {
           children: null
         },
         children = _ref3.children;
-      return /*#__PURE__*/_react.default.createElement(_editorToolbar.ToolbarDropdownItemSection, {
-        title: "Create"
+      return /*#__PURE__*/_react.default.createElement(_MenuSection.MenuSection, {
+        title: _messages.blockMenuMessages.create
       }, children);
     }
   }, {
@@ -156,8 +158,8 @@ var getTurnIntoMenuComponents = function getTurnIntoMenuComponents(api) {
           children: null
         },
         children = _ref4.children;
-      return /*#__PURE__*/_react.default.createElement(_editorToolbar.ToolbarDropdownItemSection, {
-        title: "Structure"
+      return /*#__PURE__*/_react.default.createElement(_MenuSection.MenuSection, {
+        title: _messages.blockMenuMessages.structure
       }, children);
     }
   }, {
@@ -173,8 +175,8 @@ var getTurnIntoMenuComponents = function getTurnIntoMenuComponents(api) {
           children: null
         },
         children = _ref5.children;
-      return /*#__PURE__*/_react.default.createElement(_editorToolbar.ToolbarDropdownItemSection, {
-        title: "Headings",
+      return /*#__PURE__*/_react.default.createElement(_MenuSection.MenuSection, {
+        title: _messages.blockMenuMessages.headings,
         hasSeparator: true
       }, children);
     }

package/dist/cjs/ui/suggested-items-menu-section.js

@@ -6,16 +6,20 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.SuggestedItemsMenuSection = void 0;
 var _react = _interopRequireDefault(require("react"));
+var _reactIntlNext = require("react-intl-next");
+var _messages = require("@atlaskit/editor-common/messages");
 var _editorToolbar = require("@atlaskit/editor-toolbar");
 var _useSuggestedItems = require("./hooks/useSuggestedItems");
 var SuggestedItemsMenuSection = exports.SuggestedItemsMenuSection = /*#__PURE__*/_react.default.memo(function (_ref) {
   var api = _ref.api,
     children = _ref.children;
   var suggestedItems = (0, _useSuggestedItems.useSuggestedItems)(api);
+  var _useIntl = (0, _reactIntlNext.useIntl)(),
+    formatMessage = _useIntl.formatMessage;
   if (suggestedItems.length === 0) {
     return null;
   }
   return /*#__PURE__*/_react.default.createElement(_editorToolbar.ToolbarDropdownItemSection, {
-    title: "Suggested"
+    title: formatMessage(_messages.blockMenuMessages.suggested)
   }, children);
 });

package/dist/es2019/ui/MenuSection.js

@@ -0,0 +1,16 @@
+import React from 'react';
+import { useIntl } from 'react-intl-next';
+import { ToolbarDropdownItemSection } from '@atlaskit/editor-toolbar';
+export const MenuSection = ({
+  children,
+  title,
+  hasSeparator
+}) => {
+  const {
+    formatMessage
+  } = useIntl();
+  return /*#__PURE__*/React.createElement(ToolbarDropdownItemSection, {
+    title: formatMessage(title),
+    hasSeparator: hasSeparator
+  }, children);
+};

package/dist/es2019/ui/block-menu-components.js

@@ -1,5 +1,6 @@
 import React from 'react';
 import { BLOCK_ACTIONS_COPY_LINK_TO_BLOCK_MENU_ITEM, BLOCK_ACTIONS_MENU_SECTION, BLOCK_ACTIONS_MENU_SECTION_RANK, DELETE_MENU_SECTION, DELETE_MENU_SECTION_RANK, DELETE_MENU_ITEM, POSITION_MENU_SECTION, POSITION_MENU_SECTION_RANK, POSITION_MOVE_DOWN_MENU_ITEM, POSITION_MOVE_UP_MENU_ITEM, TRANSFORM_MENU_ITEM, TRANSFORM_MENU_ITEM_RANK, TRANSFORM_MENU_SECTION, TRANSFORM_MENU_SECTION_RANK, TRANSFORM_CREATE_MENU_SECTION, TRANSFORM_SUGGESTED_MENU_SECTION, TRANSFORM_STRUCTURE_MENU_SECTION, TRANSFORM_HEADINGS_MENU_SECTION, MAIN_BLOCK_MENU_SECTION_RANK, TRANSFORM_SUGGESTED_MENU_SECTION_RANK, TRANSFORM_SUGGESTED_MENU_ITEM } from '@atlaskit/editor-common/block-menu';
+import { blockMenuMessages } from '@atlaskit/editor-common/messages';
 import { ToolbarDropdownItemSection } from '@atlaskit/editor-toolbar';
 import { buildChildrenMap, getChildrenMapKey, willComponentRender } from './block-menu-renderer/utils';
 import { CopyLinkDropdownItem } from './copy-link';
@@ -8,6 +9,7 @@ import { DeleteDropdownItem } from './delete-button';
 import { DeleteSection } from './delete-section';
 import { FormatMenuComponent } from './format-menu-nested';
 import { FormatMenuSection } from './format-menu-section';
+import { MenuSection } from './MenuSection';
 import { MoveDownDropdownItem } from './move-down';
 import { MoveUpDropdownItem } from './move-up';
 import { SuggestedItemsMenuSection } from './suggested-items-menu-section';
@@ -121,8 +123,8 @@ const getTurnIntoMenuComponents = api => {
     } = {
       children: null
     }) => {
-      return /*#__PURE__*/React.createElement(ToolbarDropdownItemSection, {
-        title: "Create"
+      return /*#__PURE__*/React.createElement(MenuSection, {
+        title: blockMenuMessages.create
       }, children);
     }
   }, {
@@ -138,8 +140,8 @@ const getTurnIntoMenuComponents = api => {
     } = {
       children: null
     }) => {
-      return /*#__PURE__*/React.createElement(ToolbarDropdownItemSection, {
-        title: "Structure"
+      return /*#__PURE__*/React.createElement(MenuSection, {
+        title: blockMenuMessages.structure
       }, children);
     }
   }, {
@@ -155,8 +157,8 @@ const getTurnIntoMenuComponents = api => {
     } = {
       children: null
     }) => {
-      return /*#__PURE__*/React.createElement(ToolbarDropdownItemSection, {
-        title: "Headings",
+      return /*#__PURE__*/React.createElement(MenuSection, {
+        title: blockMenuMessages.headings,
         hasSeparator: true
       }, children);
     }

package/dist/es2019/ui/suggested-items-menu-section.js

@@ -1,4 +1,6 @@
 import React from 'react';
+import { useIntl } from 'react-intl-next';
+import { blockMenuMessages } from '@atlaskit/editor-common/messages';
 import { ToolbarDropdownItemSection } from '@atlaskit/editor-toolbar';
 import { useSuggestedItems } from './hooks/useSuggestedItems';
 export const SuggestedItemsMenuSection = /*#__PURE__*/React.memo(({
@@ -6,10 +8,13 @@ export const SuggestedItemsMenuSection = /*#__PURE__*/React.memo(({
   children
 }) => {
   const suggestedItems = useSuggestedItems(api);
+  const {
+    formatMessage
+  } = useIntl();
   if (suggestedItems.length === 0) {
     return null;
   }
   return /*#__PURE__*/React.createElement(ToolbarDropdownItemSection, {
-    title: "Suggested"
+    title: formatMessage(blockMenuMessages.suggested)
   }, children);
 });

package/dist/esm/ui/MenuSection.js

@@ -0,0 +1,14 @@
+import React from 'react';
+import { useIntl } from 'react-intl-next';
+import { ToolbarDropdownItemSection } from '@atlaskit/editor-toolbar';
+export var MenuSection = function MenuSection(_ref) {
+  var children = _ref.children,
+    title = _ref.title,
+    hasSeparator = _ref.hasSeparator;
+  var _useIntl = useIntl(),
+    formatMessage = _useIntl.formatMessage;
+  return /*#__PURE__*/React.createElement(ToolbarDropdownItemSection, {
+    title: formatMessage(title),
+    hasSeparator: hasSeparator
+  }, children);
+};

package/dist/esm/ui/block-menu-components.js

@@ -1,6 +1,7 @@
 import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
 import React from 'react';
 import { BLOCK_ACTIONS_COPY_LINK_TO_BLOCK_MENU_ITEM, BLOCK_ACTIONS_MENU_SECTION, BLOCK_ACTIONS_MENU_SECTION_RANK, DELETE_MENU_SECTION, DELETE_MENU_SECTION_RANK, DELETE_MENU_ITEM, POSITION_MENU_SECTION, POSITION_MENU_SECTION_RANK, POSITION_MOVE_DOWN_MENU_ITEM, POSITION_MOVE_UP_MENU_ITEM, TRANSFORM_MENU_ITEM, TRANSFORM_MENU_ITEM_RANK, TRANSFORM_MENU_SECTION, TRANSFORM_MENU_SECTION_RANK, TRANSFORM_CREATE_MENU_SECTION, TRANSFORM_SUGGESTED_MENU_SECTION, TRANSFORM_STRUCTURE_MENU_SECTION, TRANSFORM_HEADINGS_MENU_SECTION, MAIN_BLOCK_MENU_SECTION_RANK, TRANSFORM_SUGGESTED_MENU_SECTION_RANK, TRANSFORM_SUGGESTED_MENU_ITEM } from '@atlaskit/editor-common/block-menu';
+import { blockMenuMessages } from '@atlaskit/editor-common/messages';
 import { ToolbarDropdownItemSection } from '@atlaskit/editor-toolbar';
 import { buildChildrenMap, getChildrenMapKey, willComponentRender } from './block-menu-renderer/utils';
 import { CopyLinkDropdownItem } from './copy-link';
@@ -9,6 +10,7 @@ import { DeleteDropdownItem } from './delete-button';
 import { DeleteSection } from './delete-section';
 import { FormatMenuComponent } from './format-menu-nested';
 import { FormatMenuSection } from './format-menu-section';
+import { MenuSection } from './MenuSection';
 import { MoveDownDropdownItem } from './move-down';
 import { MoveUpDropdownItem } from './move-up';
 import { SuggestedItemsMenuSection } from './suggested-items-menu-section';
@@ -132,8 +134,8 @@ var getTurnIntoMenuComponents = function getTurnIntoMenuComponents(api) {
           children: null
         },
         children = _ref3.children;
-      return /*#__PURE__*/React.createElement(ToolbarDropdownItemSection, {
-        title: "Create"
+      return /*#__PURE__*/React.createElement(MenuSection, {
+        title: blockMenuMessages.create
       }, children);
     }
   }, {
@@ -149,8 +151,8 @@ var getTurnIntoMenuComponents = function getTurnIntoMenuComponents(api) {
           children: null
         },
         children = _ref4.children;
-      return /*#__PURE__*/React.createElement(ToolbarDropdownItemSection, {
-        title: "Structure"
+      return /*#__PURE__*/React.createElement(MenuSection, {
+        title: blockMenuMessages.structure
       }, children);
     }
   }, {
@@ -166,8 +168,8 @@ var getTurnIntoMenuComponents = function getTurnIntoMenuComponents(api) {
           children: null
         },
         children = _ref5.children;
-      return /*#__PURE__*/React.createElement(ToolbarDropdownItemSection, {
-        title: "Headings",
+      return /*#__PURE__*/React.createElement(MenuSection, {
+        title: blockMenuMessages.headings,
         hasSeparator: true
       }, children);
     }

package/dist/esm/ui/suggested-items-menu-section.js

@@ -1,14 +1,18 @@
 import React from 'react';
+import { useIntl } from 'react-intl-next';
+import { blockMenuMessages } from '@atlaskit/editor-common/messages';
 import { ToolbarDropdownItemSection } from '@atlaskit/editor-toolbar';
 import { useSuggestedItems } from './hooks/useSuggestedItems';
 export var SuggestedItemsMenuSection = /*#__PURE__*/React.memo(function (_ref) {
   var api = _ref.api,
     children = _ref.children;
   var suggestedItems = useSuggestedItems(api);
+  var _useIntl = useIntl(),
+    formatMessage = _useIntl.formatMessage;
   if (suggestedItems.length === 0) {
     return null;
   }
   return /*#__PURE__*/React.createElement(ToolbarDropdownItemSection, {
-    title: "Suggested"
+    title: formatMessage(blockMenuMessages.suggested)
   }, children);
 });

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

@@ -0,0 +1,9 @@
+import React from 'react';
+import { type MessageDescriptor } from 'react-intl-next';
+type MenuSectionProps = {
+    children?: React.ReactNode;
+    hasSeparator?: boolean;
+    title: MessageDescriptor;
+};
+export declare const MenuSection: ({ children, title, hasSeparator, }: MenuSectionProps) => React.JSX.Element;
+export {};

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

@@ -0,0 +1,9 @@
+import React from 'react';
+import { type MessageDescriptor } from 'react-intl-next';
+type MenuSectionProps = {
+    children?: React.ReactNode;
+    hasSeparator?: boolean;
+    title: MessageDescriptor;
+};
+export declare const MenuSection: ({ children, title, hasSeparator, }: MenuSectionProps) => React.JSX.Element;
+export {};

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-plugin-block-menu",
-	"version": "6.0.21",
+	"version": "6.0.22",
 	"description": "BlockMenu plugin for @atlaskit/editor-core",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",
@@ -46,7 +46,7 @@
 		"@atlaskit/platform-feature-flags-react": "^0.4.0",
 		"@atlaskit/primitives": "^17.1.0",
 		"@atlaskit/prosemirror-history": "^0.2.0",
-		"@atlaskit/tmp-editor-statsig": "^16.27.0",
+		"@atlaskit/tmp-editor-statsig": "^16.28.0",
 		"@atlaskit/tokens": "^10.1.0",
 		"@babel/runtime": "^7.0.0"
 	},