@atlaskit/editor-plugin-list 5.1.8 → 5.1.9

package/CHANGELOG.md

@@ -1,5 +1,13 @@
 # @atlaskit/editor-plugin-list
 
+## 5.1.9
+
+### Patch Changes
+
+- [`1ab3eb4c56ebb`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/1ab3eb4c56ebb) -
+  [ux] ED-28581: Registered components for block type and list plugins
+- Updated dependencies
+
 ## 5.1.8
 
 ### Patch Changes

package/dist/cjs/listPlugin.js

@@ -13,6 +13,7 @@ var _keymaps = require("@atlaskit/editor-common/keymaps");
 var _messages = require("@atlaskit/editor-common/messages");
 var _quickInsert = require("@atlaskit/editor-common/quick-insert");
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
+var _expValEqualsNoExposure = require("@atlaskit/tmp-editor-statsig/exp-val-equals-no-exposure");
 var _experiments = require("@atlaskit/tmp-editor-statsig/experiments");
 var _commands = require("./pm-plugins/commands");
 var _indentList = require("./pm-plugins/commands/indent-list");
@@ -22,6 +23,7 @@ var _keymap = _interopRequireDefault(require("./pm-plugins/keymap"));
 var _main = require("./pm-plugins/main");
 var _find = require("./pm-plugins/utils/find");
 var _selection = require("./pm-plugins/utils/selection");
+var _ui = require("./ui");
 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; } // Ignored via go/ees005
 // eslint-disable-next-line import/no-named-as-default
@@ -40,6 +42,10 @@ var listPlugin = exports.listPlugin = function listPlugin(_ref) {
     api = _ref.api;
   var featureFlags = (api === null || api === void 0 || (_api$featureFlags = api.featureFlags) === null || _api$featureFlags === void 0 ? void 0 : _api$featureFlags.sharedState.currentState()) || {};
   var editorAnalyticsAPI = api === null || api === void 0 || (_api$analytics = api.analytics) === null || _api$analytics === void 0 ? void 0 : _api$analytics.actions;
+  if ((0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_block_menu', 'isEnabled', true)) {
+    var _api$blockMenu;
+    api === null || api === void 0 || (_api$blockMenu = api.blockMenu) === null || _api$blockMenu === void 0 || _api$blockMenu.actions.registerBlockMenuComponents((0, _ui.getListComponents)());
+  }
   return {
     name: 'list',
     actions: {

package/dist/cjs/ui/BulletedListMenuItem.js

@@ -0,0 +1,21 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.BulletedListMenuItem = 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 _listBulleted = _interopRequireDefault(require("@atlaskit/icon/core/list-bulleted"));
+var BulletedListMenuItem = exports.BulletedListMenuItem = function BulletedListMenuItem() {
+  var _useIntl = (0, _reactIntlNext.useIntl)(),
+    formatMessage = _useIntl.formatMessage;
+  return /*#__PURE__*/_react.default.createElement(_editorToolbar.ToolbarDropdownItem, {
+    elemBefore: /*#__PURE__*/_react.default.createElement(_listBulleted.default, {
+      label: formatMessage(_messages.listMessages.bulletedList)
+    })
+  }, formatMessage(_messages.listMessages.bulletedList));
+};

package/dist/cjs/ui/NumberedListMenuItem.js

@@ -0,0 +1,21 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.NumberedListMenuItem = 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 _listNumbered = _interopRequireDefault(require("@atlaskit/icon/core/list-numbered"));
+var NumberedListMenuItem = exports.NumberedListMenuItem = function NumberedListMenuItem() {
+  var _useIntl = (0, _reactIntlNext.useIntl)(),
+    formatMessage = _useIntl.formatMessage;
+  return /*#__PURE__*/_react.default.createElement(_editorToolbar.ToolbarDropdownItem, {
+    elemBefore: /*#__PURE__*/_react.default.createElement(_listNumbered.default, {
+      label: formatMessage(_messages.listMessages.orderedList)
+    })
+  }, formatMessage(_messages.listMessages.orderedList));
+};

package/dist/cjs/ui/index.js

@@ -0,0 +1,36 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getListComponents = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _blockMenu = require("@atlaskit/editor-common/block-menu");
+var _BulletedListMenuItem = require("./BulletedListMenuItem");
+var _NumberedListMenuItem = require("./NumberedListMenuItem");
+var getListComponents = exports.getListComponents = function getListComponents() {
+  return [{
+    type: 'block-menu-item',
+    key: _blockMenu.FORMAT_BULLETED_LIST_MENU_ITEM.key,
+    parent: {
+      type: 'block-menu-section',
+      key: 'nested-menu-format-section-primary',
+      rank: _blockMenu.FORMAT_NESTED_MENU_RANK[_blockMenu.FORMAT_BULLETED_LIST_MENU_ITEM.key]
+    },
+    component: function component() {
+      return /*#__PURE__*/_react.default.createElement(_BulletedListMenuItem.BulletedListMenuItem, null);
+    }
+  }, {
+    type: 'block-menu-item',
+    key: _blockMenu.FORMAT_NUMBERED_LIST_MENU_ITEM.key,
+    parent: {
+      type: 'block-menu-section',
+      key: 'nested-menu-format-section-primary',
+      rank: _blockMenu.FORMAT_NESTED_MENU_RANK[_blockMenu.FORMAT_NUMBERED_LIST_MENU_ITEM.key]
+    },
+    component: function component() {
+      return /*#__PURE__*/_react.default.createElement(_NumberedListMenuItem.NumberedListMenuItem, null);
+    }
+  }];
+};

package/dist/es2019/listPlugin.js

@@ -5,6 +5,7 @@ import { toggleBulletList, toggleOrderedList, tooltip } from '@atlaskit/editor-c
 import { listMessages as messages } from '@atlaskit/editor-common/messages';
 import { IconList, IconListNumber } from '@atlaskit/editor-common/quick-insert';
 import { fg } from '@atlaskit/platform-feature-flags';
+import { expValEqualsNoExposure } from '@atlaskit/tmp-editor-statsig/exp-val-equals-no-exposure';
 import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
 import { toggleBulletList as toggleBulletListCommand, toggleOrderedList as toggleOrderedListCommand } from './pm-plugins/commands';
 import { indentList } from './pm-plugins/commands/indent-list';
@@ -16,6 +17,7 @@ import keymapPlugin from './pm-plugins/keymap';
 import { createPlugin, pluginKey as listPluginKey } from './pm-plugins/main';
 import { findRootParentListNode } from './pm-plugins/utils/find';
 import { isInsideListItem } from './pm-plugins/utils/selection';
+import { getListComponents } from './ui';
 
 /*
   Toolbar buttons to bullet and ordered list can be found in
@@ -33,6 +35,10 @@ export const listPlugin = ({
   var _api$featureFlags, _api$analytics;
   const featureFlags = (api === null || api === void 0 ? void 0 : (_api$featureFlags = api.featureFlags) === null || _api$featureFlags === void 0 ? void 0 : _api$featureFlags.sharedState.currentState()) || {};
   const editorAnalyticsAPI = api === null || api === void 0 ? void 0 : (_api$analytics = api.analytics) === null || _api$analytics === void 0 ? void 0 : _api$analytics.actions;
+  if (expValEqualsNoExposure('platform_editor_block_menu', 'isEnabled', true)) {
+    var _api$blockMenu;
+    api === null || api === void 0 ? void 0 : (_api$blockMenu = api.blockMenu) === null || _api$blockMenu === void 0 ? void 0 : _api$blockMenu.actions.registerBlockMenuComponents(getListComponents());
+  }
   return {
     name: 'list',
     actions: {

package/dist/es2019/ui/BulletedListMenuItem.js

@@ -0,0 +1,15 @@
+import React from 'react';
+import { useIntl } from 'react-intl-next';
+import { listMessages } from '@atlaskit/editor-common/messages';
+import { ToolbarDropdownItem } from '@atlaskit/editor-toolbar';
+import ListBulletedIcon from '@atlaskit/icon/core/list-bulleted';
+export const BulletedListMenuItem = () => {
+  const {
+    formatMessage
+  } = useIntl();
+  return /*#__PURE__*/React.createElement(ToolbarDropdownItem, {
+    elemBefore: /*#__PURE__*/React.createElement(ListBulletedIcon, {
+      label: formatMessage(listMessages.bulletedList)
+    })
+  }, formatMessage(listMessages.bulletedList));
+};

package/dist/es2019/ui/NumberedListMenuItem.js

@@ -0,0 +1,15 @@
+import React from 'react';
+import { useIntl } from 'react-intl-next';
+import { listMessages } from '@atlaskit/editor-common/messages';
+import { ToolbarDropdownItem } from '@atlaskit/editor-toolbar';
+import ListNumberedIcon from '@atlaskit/icon/core/list-numbered';
+export const NumberedListMenuItem = () => {
+  const {
+    formatMessage
+  } = useIntl();
+  return /*#__PURE__*/React.createElement(ToolbarDropdownItem, {
+    elemBefore: /*#__PURE__*/React.createElement(ListNumberedIcon, {
+      label: formatMessage(listMessages.orderedList)
+    })
+  }, formatMessage(listMessages.orderedList));
+};

package/dist/es2019/ui/index.js

@@ -0,0 +1,25 @@
+import React from 'react';
+import { FORMAT_BULLETED_LIST_MENU_ITEM, FORMAT_NESTED_MENU_RANK, FORMAT_NUMBERED_LIST_MENU_ITEM } from '@atlaskit/editor-common/block-menu';
+import { BulletedListMenuItem } from './BulletedListMenuItem';
+import { NumberedListMenuItem } from './NumberedListMenuItem';
+export const getListComponents = () => {
+  return [{
+    type: 'block-menu-item',
+    key: FORMAT_BULLETED_LIST_MENU_ITEM.key,
+    parent: {
+      type: 'block-menu-section',
+      key: 'nested-menu-format-section-primary',
+      rank: FORMAT_NESTED_MENU_RANK[FORMAT_BULLETED_LIST_MENU_ITEM.key]
+    },
+    component: () => /*#__PURE__*/React.createElement(BulletedListMenuItem, null)
+  }, {
+    type: 'block-menu-item',
+    key: FORMAT_NUMBERED_LIST_MENU_ITEM.key,
+    parent: {
+      type: 'block-menu-section',
+      key: 'nested-menu-format-section-primary',
+      rank: FORMAT_NESTED_MENU_RANK[FORMAT_NUMBERED_LIST_MENU_ITEM.key]
+    },
+    component: () => /*#__PURE__*/React.createElement(NumberedListMenuItem, null)
+  }];
+};

package/dist/esm/listPlugin.js

@@ -8,6 +8,7 @@ import { toggleBulletList, toggleOrderedList, tooltip } from '@atlaskit/editor-c
 import { listMessages as messages } from '@atlaskit/editor-common/messages';
 import { IconList, IconListNumber } from '@atlaskit/editor-common/quick-insert';
 import { fg } from '@atlaskit/platform-feature-flags';
+import { expValEqualsNoExposure } from '@atlaskit/tmp-editor-statsig/exp-val-equals-no-exposure';
 import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
 import { toggleBulletList as toggleBulletListCommand, toggleOrderedList as toggleOrderedListCommand } from './pm-plugins/commands';
 import { indentList } from './pm-plugins/commands/indent-list';
@@ -19,6 +20,7 @@ import keymapPlugin from './pm-plugins/keymap';
 import { createPlugin, pluginKey as listPluginKey } from './pm-plugins/main';
 import { findRootParentListNode } from './pm-plugins/utils/find';
 import { isInsideListItem } from './pm-plugins/utils/selection';
+import { getListComponents } from './ui';
 
 /*
   Toolbar buttons to bullet and ordered list can be found in
@@ -35,6 +37,10 @@ export var listPlugin = function listPlugin(_ref) {
     api = _ref.api;
   var featureFlags = (api === null || api === void 0 || (_api$featureFlags = api.featureFlags) === null || _api$featureFlags === void 0 ? void 0 : _api$featureFlags.sharedState.currentState()) || {};
   var editorAnalyticsAPI = api === null || api === void 0 || (_api$analytics = api.analytics) === null || _api$analytics === void 0 ? void 0 : _api$analytics.actions;
+  if (expValEqualsNoExposure('platform_editor_block_menu', 'isEnabled', true)) {
+    var _api$blockMenu;
+    api === null || api === void 0 || (_api$blockMenu = api.blockMenu) === null || _api$blockMenu === void 0 || _api$blockMenu.actions.registerBlockMenuComponents(getListComponents());
+  }
   return {
     name: 'list',
     actions: {

package/dist/esm/ui/BulletedListMenuItem.js

@@ -0,0 +1,14 @@
+import React from 'react';
+import { useIntl } from 'react-intl-next';
+import { listMessages } from '@atlaskit/editor-common/messages';
+import { ToolbarDropdownItem } from '@atlaskit/editor-toolbar';
+import ListBulletedIcon from '@atlaskit/icon/core/list-bulleted';
+export var BulletedListMenuItem = function BulletedListMenuItem() {
+  var _useIntl = useIntl(),
+    formatMessage = _useIntl.formatMessage;
+  return /*#__PURE__*/React.createElement(ToolbarDropdownItem, {
+    elemBefore: /*#__PURE__*/React.createElement(ListBulletedIcon, {
+      label: formatMessage(listMessages.bulletedList)
+    })
+  }, formatMessage(listMessages.bulletedList));
+};

package/dist/esm/ui/NumberedListMenuItem.js

@@ -0,0 +1,14 @@
+import React from 'react';
+import { useIntl } from 'react-intl-next';
+import { listMessages } from '@atlaskit/editor-common/messages';
+import { ToolbarDropdownItem } from '@atlaskit/editor-toolbar';
+import ListNumberedIcon from '@atlaskit/icon/core/list-numbered';
+export var NumberedListMenuItem = function NumberedListMenuItem() {
+  var _useIntl = useIntl(),
+    formatMessage = _useIntl.formatMessage;
+  return /*#__PURE__*/React.createElement(ToolbarDropdownItem, {
+    elemBefore: /*#__PURE__*/React.createElement(ListNumberedIcon, {
+      label: formatMessage(listMessages.orderedList)
+    })
+  }, formatMessage(listMessages.orderedList));
+};

package/dist/esm/ui/index.js

@@ -0,0 +1,29 @@
+import React from 'react';
+import { FORMAT_BULLETED_LIST_MENU_ITEM, FORMAT_NESTED_MENU_RANK, FORMAT_NUMBERED_LIST_MENU_ITEM } from '@atlaskit/editor-common/block-menu';
+import { BulletedListMenuItem } from './BulletedListMenuItem';
+import { NumberedListMenuItem } from './NumberedListMenuItem';
+export var getListComponents = function getListComponents() {
+  return [{
+    type: 'block-menu-item',
+    key: FORMAT_BULLETED_LIST_MENU_ITEM.key,
+    parent: {
+      type: 'block-menu-section',
+      key: 'nested-menu-format-section-primary',
+      rank: FORMAT_NESTED_MENU_RANK[FORMAT_BULLETED_LIST_MENU_ITEM.key]
+    },
+    component: function component() {
+      return /*#__PURE__*/React.createElement(BulletedListMenuItem, null);
+    }
+  }, {
+    type: 'block-menu-item',
+    key: FORMAT_NUMBERED_LIST_MENU_ITEM.key,
+    parent: {
+      type: 'block-menu-section',
+      key: 'nested-menu-format-section-primary',
+      rank: FORMAT_NESTED_MENU_RANK[FORMAT_NUMBERED_LIST_MENU_ITEM.key]
+    },
+    component: function component() {
+      return /*#__PURE__*/React.createElement(NumberedListMenuItem, null);
+    }
+  }];
+};

package/dist/types/listPluginType.d.ts

@@ -1,10 +1,12 @@
 import type { NextEditorPlugin, OptionalPlugin } from '@atlaskit/editor-common/types';
 import type { AnalyticsPlugin } from '@atlaskit/editor-plugin-analytics';
+import type { BlockMenuPlugin } from '@atlaskit/editor-plugin-block-menu';
 import type { FeatureFlagsPlugin } from '@atlaskit/editor-plugin-feature-flags';
 import type { FindRootParentListNode, IndentList, IsInsideListItem, ListState, OutdentList, ToggleBulletList, ToggleOrderedList } from './types';
 export type ListPluginDependencies = [
     OptionalPlugin<FeatureFlagsPlugin>,
-    OptionalPlugin<AnalyticsPlugin>
+    OptionalPlugin<AnalyticsPlugin>,
+    OptionalPlugin<BlockMenuPlugin>
 ];
 export type ListPluginActions = {
     findRootParentListNode: FindRootParentListNode;

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

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const BulletedListMenuItem: () => React.JSX.Element;

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

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const NumberedListMenuItem: () => React.JSX.Element;

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

@@ -0,0 +1,2 @@
+import type { RegisterBlockMenuComponent } from '@atlaskit/editor-plugin-block-menu';
+export declare const getListComponents: () => RegisterBlockMenuComponent[];

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

@@ -1,10 +1,12 @@
 import type { NextEditorPlugin, OptionalPlugin } from '@atlaskit/editor-common/types';
 import type { AnalyticsPlugin } from '@atlaskit/editor-plugin-analytics';
+import type { BlockMenuPlugin } from '@atlaskit/editor-plugin-block-menu';
 import type { FeatureFlagsPlugin } from '@atlaskit/editor-plugin-feature-flags';
 import type { FindRootParentListNode, IndentList, IsInsideListItem, ListState, OutdentList, ToggleBulletList, ToggleOrderedList } from './types';
 export type ListPluginDependencies = [
     OptionalPlugin<FeatureFlagsPlugin>,
-    OptionalPlugin<AnalyticsPlugin>
+    OptionalPlugin<AnalyticsPlugin>,
+    OptionalPlugin<BlockMenuPlugin>
 ];
 export type ListPluginActions = {
     findRootParentListNode: FindRootParentListNode;

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

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const BulletedListMenuItem: () => React.JSX.Element;

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

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const NumberedListMenuItem: () => React.JSX.Element;

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

@@ -0,0 +1,2 @@
+import type { RegisterBlockMenuComponent } from '@atlaskit/editor-plugin-block-menu';
+export declare const getListComponents: () => RegisterBlockMenuComponent[];

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-plugin-list",
-	"version": "5.1.8",
+	"version": "5.1.9",
 	"description": "List plugin for @atlaskit/editor-core",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",
@@ -29,8 +29,11 @@
 	"dependencies": {
 		"@atlaskit/adf-schema": "^50.2.3",
 		"@atlaskit/editor-plugin-analytics": "^3.0.0",
+		"@atlaskit/editor-plugin-block-menu": "^0.0.16",
 		"@atlaskit/editor-plugin-feature-flags": "^2.0.0",
 		"@atlaskit/editor-prosemirror": "7.0.0",
+		"@atlaskit/editor-toolbar": "^0.5.0",
+		"@atlaskit/icon": "^28.1.0",
 		"@atlaskit/platform-feature-flags": "^1.1.0",
 		"@atlaskit/prosemirror-input-rules": "^3.4.0",
 		"@atlaskit/tmp-editor-statsig": "^11.9.0",