@atlaskit/editor-plugin-insert-block 8.2.1 → 8.2.2

package/CHANGELOG.md

@@ -1,5 +1,13 @@
 # @atlaskit/editor-plugin-insert-block
 
+## 8.2.2
+
+### Patch Changes
+
+- [`11bd6ea9cb0ba`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/11bd6ea9cb0ba) -
+  [ux] Clean up platform_editor_refactor_view_more
+- Updated dependencies
+
 ## 8.2.1
 
 ### Patch Changes

package/dist/cjs/ui/ElementBrowser/InsertMenu.js

@@ -155,8 +155,7 @@ var InsertMenu = function InsertMenu(_ref) {
     showElementBrowserLink = _ref.showElementBrowserLink,
     onInsert = _ref.onInsert,
     toggleVisiblity = _ref.toggleVisiblity,
-    pluginInjectionApi = _ref.pluginInjectionApi,
-    isFullPageAppearance = _ref.isFullPageAppearance;
+    pluginInjectionApi = _ref.pluginInjectionApi;
   var _useState = (0, _react.useState)(0),
     _useState2 = (0, _slicedToArray2.default)(_useState, 2),
     itemCount = _useState2[0],
@@ -213,9 +212,6 @@ var InsertMenu = function InsertMenu(_ref) {
     };
   }, [onInsert]);
   var quickInsertDropdownItems = dropdownItems.map(transform);
-
-  // Please clean up viewMoreItem when cleaning up platform_editor_refactor_view_more
-  var viewMoreItem = !(0, _platformFeatureFlags.fg)('platform_editor_refactor_view_more') && showElementBrowserLink ? quickInsertDropdownItems.pop() : undefined;
   var onInsertItem = (0, _react.useCallback)(function (item) {
     var _pluginInjectionApi$q;
     toggleVisiblity();
@@ -270,7 +266,7 @@ var InsertMenu = function InsertMenu(_ref) {
   return (
     // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage
     (0, _react2.jsx)("div", {
-      css: insertMenuWrapper(height, isFullPageAppearance)
+      css: insertMenuWrapper(height)
     }, (0, _react2.jsx)(ElementBrowserWrapper, {
       handleClickOutside: toggleVisiblity,
       handleEscapeKeydown: toggleVisiblity,
@@ -285,7 +281,6 @@ var InsertMenu = function InsertMenu(_ref) {
       // On page resize we want the InlineElementBrowser to show updated tools/overflow items
       ,
       key: quickInsertDropdownItems.length,
-      viewMoreItem: viewMoreItem,
       onViewMore: showElementBrowserLink ? onViewMore : undefined,
       cache: cache
     })))
@@ -307,7 +302,7 @@ var getSvgIconForItem = function getSvgIconForItem(_ref2) {
     label: ""
   }) : undefined;
 };
-var insertMenuWrapper = function insertMenuWrapper(height, isFullPageAppearance) {
+var insertMenuWrapper = function insertMenuWrapper(height) {
   return (0, _react2.css)({
     display: 'flex',
     flexDirection: 'column',

package/dist/cjs/ui/ToolbarInsertBlock/block-insert-menu.js

@@ -6,18 +6,11 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.BlockInsertMenu = void 0;
 var _react = _interopRequireDefault(require("react"));
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _blockInsertElementBrowser = require("./block-insert-element-browser");
 var _dropdownButton = require("./dropdown-button");
 var BlockInsertMenu = exports.BlockInsertMenu = function BlockInsertMenu(props) {
-  if ((0, _platformFeatureFlags.fg)('platform_editor_refactor_view_more')) {
-    if (props.items.length === 0 && !props.showElementBrowserLink) {
-      return null;
-    }
-  } else {
-    if (props.items.length === 0) {
-      return null;
-    }
+  if (props.items.length === 0 && !props.showElementBrowserLink) {
+    return null;
   }
   if (props.disabled) {
     return /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_dropdownButton.DropDownButton, {

package/dist/cjs/ui/ToolbarInsertBlock/create-items.js

@@ -49,7 +49,6 @@ var createInsertBlockItems = function createInsertBlockItems(config) {
     availableWrapperBlockTypes = config.availableWrapperBlockTypes,
     actionSupported = config.actionSupported,
     decisionSupported = config.decisionSupported,
-    showElementBrowserLink = config.showElementBrowserLink,
     linkSupported = config.linkSupported,
     linkDisabled = config.linkDisabled,
     emojiDisabled = config.emojiDisabled,
@@ -246,12 +245,6 @@ var createInsertBlockItems = function createInsertBlockItems(config) {
   if (insertMenuItems) {
     items.push.apply(items, (0, _toConsumableArray2.default)(insertMenuItems));
   }
-  if (showElementBrowserLink && !(0, _platformFeatureFlags.fg)('platform_editor_refactor_view_more')) {
-    items.push((0, _item.more)({
-      content: formatMessage(_messages.toolbarInsertBlockMessages.viewMore),
-      disabled: false
-    }));
-  }
   var numButtonsAdjusted = numberOfButtons;
   if ((0, _platformFeatureFlags.fg)('platform_editor_toolbar_responsive_fixes')) {
     if (items.slice(0, numButtonsAdjusted).some(function (item) {

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

@@ -434,11 +434,6 @@ var ToolbarInsertBlock = exports.ToolbarInsertBlock = /*#__PURE__*/function (_Re
       _this.toggleEmojiPicker();
       return true;
     });
-    (0, _defineProperty2.default)(_this, "openElementBrowser", function () {
-      var _pluginInjectionApi$c7, _pluginInjectionApi$q;
-      var pluginInjectionApi = _this.props.pluginInjectionApi;
-      pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$c7 = pluginInjectionApi.core) === null || _pluginInjectionApi$c7 === void 0 || _pluginInjectionApi$c7.actions.execute(pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$q = pluginInjectionApi.quickInsert) === null || _pluginInjectionApi$q === void 0 ? void 0 : _pluginInjectionApi$q.commands.openElementBrowserModal);
-    });
     (0, _defineProperty2.default)(_this, "onItemActivated", function (_ref4) {
       var item = _ref4.item,
         inputMethod = _ref4.inputMethod;
@@ -489,17 +484,6 @@ var ToolbarInsertBlock = exports.ToolbarInsertBlock = /*#__PURE__*/function (_Re
         case 'horizontalrule':
           _this.insertHorizontalRule(inputMethod);
           break;
-        case 'macro':
-          /**
-           * Remove 'macro' case when cleaning up platform_editor_refactor_view_more
-           * along with the 'more' function from platform/packages/editor/editor-plugin-insert-block/src/ui/ToolbarInsertBlock/item.tsx
-           * as it will no longer be needed for the View More button.
-           * This will also reduce confusion from the 'macro' naming.
-           */
-          if (!(0, _platformFeatureFlags.fg)('platform_editor_refactor_view_more')) {
-            _this.openElementBrowser();
-          }
-          break;
         case 'date':
           _this.createDate(inputMethod);
           break;
@@ -647,8 +631,8 @@ var ToolbarInsertBlock = exports.ToolbarInsertBlock = /*#__PURE__*/function (_Re
       // Popup will be unmounted to ensure that the new table has a selection with a blinking cursor.
       // So we can start typing right away.
       var onUnmount = function onUnmount() {
-        var _pluginInjectionApi$c8;
-        return pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$c8 = pluginInjectionApi.core) === null || _pluginInjectionApi$c8 === void 0 || (_pluginInjectionApi$c8 = _pluginInjectionApi$c8.actions) === null || _pluginInjectionApi$c8 === void 0 ? void 0 : _pluginInjectionApi$c8.focus();
+        var _pluginInjectionApi$c7;
+        return pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$c7 = pluginInjectionApi.core) === null || _pluginInjectionApi$c7 === void 0 || (_pluginInjectionApi$c7 = _pluginInjectionApi$c7.actions) === null || _pluginInjectionApi$c7 === void 0 ? void 0 : _pluginInjectionApi$c7.focus();
       };
       return (0, _react2.jsx)(_ui.TableSelectorPopup, {
         allowOutsideSelection: true,

package/dist/cjs/ui/ToolbarInsertBlock/item.js

@@ -4,7 +4,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.tableSelector = exports.table = exports.status = exports.placeholder = exports.panel = exports.more = exports.mention = exports.media = exports.link = exports.layout = exports.imageUpload = exports.horizontalrule = exports.expand = exports.emoji = exports.decision = exports.date = exports.codeblock = exports.blockquote = exports.action = void 0;
+exports.tableSelector = exports.table = exports.status = exports.placeholder = exports.panel = exports.mention = exports.media = exports.link = exports.layout = exports.imageUpload = exports.horizontalrule = exports.expand = exports.emoji = exports.decision = exports.date = exports.codeblock = exports.blockquote = exports.action = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _react2 = require("@emotion/react");
 var _memoizeOne = _interopRequireDefault(require("memoize-one"));
@@ -25,7 +25,6 @@ var _link = _interopRequireDefault(require("@atlaskit/icon/core/link"));
 var _mention = _interopRequireDefault(require("@atlaskit/icon/core/mention"));
 var _minus = _interopRequireDefault(require("@atlaskit/icon/core/minus"));
 var _quotationMark = _interopRequireDefault(require("@atlaskit/icon/core/quotation-mark"));
-var _showMoreHorizontal = _interopRequireDefault(require("@atlaskit/icon/core/show-more-horizontal"));
 var _statusInformation = _interopRequireDefault(require("@atlaskit/icon/core/status-information"));
 var _task = _interopRequireDefault(require("@atlaskit/icon/core/task"));
 var _shallowEquals = require("./shallow-equals");
@@ -278,26 +277,4 @@ var status = exports.status = mem(function (init) {
       });
     }
   });
-});
-
-/**
- * @private
- * @deprecated
- * Deprecated as view more is not an item in the element browser.
- * View more is implemented directly in the ViewMore component inside the StatelessElementBrowser when
- * platform_editor_refactor_view_more is used.
- */
-var more = exports.more = mem(function (init) {
-  return from({
-    content: init.content,
-    tooltipDescription: init.tooltipDescription,
-    disabled: init.disabled,
-    name: 'macro',
-    Icon: function Icon() {
-      return (0, _react2.jsx)(_showMoreHorizontal.default, {
-        label: "",
-        color: "currentColor"
-      });
-    }
-  });
 });

package/dist/cjs/ui/toolbar-components/InsertButton.js

@@ -99,7 +99,7 @@ var InsertButton = exports.InsertButton = function InsertButton(_ref) {
     toggleInsertMenuOpen(!insertMenuOpen);
   };
   var onItemActivated = function onItemActivated(_ref2) {
-    var _api$core, _api$hyperlink, _api$imageUpload, _api$mention, _api$taskDecision, _api$rule, _api$core5, _api$date, _api$placeholderText, _api$layout, _api$core6, _api$status, _api$expand;
+    var _api$core, _api$hyperlink, _api$imageUpload, _api$mention, _api$taskDecision, _api$rule, _api$core4, _api$date, _api$placeholderText, _api$layout, _api$core5, _api$status, _api$expand;
     var item = _ref2.item,
       inputMethod = _ref2.inputMethod;
     if (!editorView) {
@@ -169,14 +169,8 @@ var InsertButton = exports.InsertButton = function InsertButton(_ref) {
       case 'horizontalrule':
         api === null || api === void 0 || (_api$rule = api.rule) === null || _api$rule === void 0 || _api$rule.actions.insertHorizontalRule(inputMethod)(state, dispatch);
         break;
-      case 'macro':
-        if (!(0, _platformFeatureFlags.fg)('platform_editor_refactor_view_more')) {
-          var _api$core4, _api$quickInsert;
-          api === null || api === void 0 || (_api$core4 = api.core) === null || _api$core4 === void 0 || _api$core4.actions.execute(api === null || api === void 0 || (_api$quickInsert = api.quickInsert) === null || _api$quickInsert === void 0 ? void 0 : _api$quickInsert.commands.openElementBrowserModal);
-        }
-        break;
       case 'date':
-        api === null || api === void 0 || (_api$core5 = api.core) === null || _api$core5 === void 0 || _api$core5.actions.execute(api === null || api === void 0 || (_api$date = api.date) === null || _api$date === void 0 || (_api$date = _api$date.commands) === null || _api$date === void 0 ? void 0 : _api$date.insertDate({
+        api === null || api === void 0 || (_api$core4 = api.core) === null || _api$core4 === void 0 || _api$core4.actions.execute(api === null || api === void 0 || (_api$date = api.date) === null || _api$date === void 0 || (_api$date = _api$date.commands) === null || _api$date === void 0 ? void 0 : _api$date.insertDate({
           inputMethod: inputMethod
         }));
         break;
@@ -187,7 +181,7 @@ var InsertButton = exports.InsertButton = function InsertButton(_ref) {
         api === null || api === void 0 || (_api$layout = api.layout) === null || _api$layout === void 0 || _api$layout.actions.insertLayoutColumns(inputMethod)(state, dispatch);
         break;
       case 'status':
-        api === null || api === void 0 || (_api$core6 = api.core) === null || _api$core6 === void 0 || _api$core6.actions.execute(api === null || api === void 0 || (_api$status = api.status) === null || _api$status === void 0 || (_api$status = _api$status.commands) === null || _api$status === void 0 ? void 0 : _api$status.insertStatus(inputMethod));
+        api === null || api === void 0 || (_api$core5 = api.core) === null || _api$core5 === void 0 || _api$core5.actions.execute(api === null || api === void 0 || (_api$status = api.status) === null || _api$status === void 0 || (_api$status = _api$status.commands) === null || _api$status === void 0 ? void 0 : _api$status.insertStatus(inputMethod));
         break;
       case 'expand':
         api === null || api === void 0 || (_api$expand = api.expand) === null || _api$expand === void 0 || _api$expand.actions.insertExpand(state, dispatch);

package/dist/es2019/ui/ElementBrowser/InsertMenu.js

@@ -130,8 +130,7 @@ const InsertMenu = ({
   showElementBrowserLink,
   onInsert,
   toggleVisiblity,
-  pluginInjectionApi,
-  isFullPageAppearance
+  pluginInjectionApi
 }) => {
   var _pluginInjectionApi$q8, _pluginInjectionApi$q9, _pluginInjectionApi$q0;
   const [itemCount, setItemCount] = useState(0);
@@ -177,9 +176,6 @@ const InsertMenu = ({
     value: item.value
   }), [onInsert]);
   const quickInsertDropdownItems = dropdownItems.map(transform);
-
-  // Please clean up viewMoreItem when cleaning up platform_editor_refactor_view_more
-  const viewMoreItem = !fg('platform_editor_refactor_view_more') && showElementBrowserLink ? quickInsertDropdownItems.pop() : undefined;
   const onInsertItem = useCallback(item => {
     var _pluginInjectionApi$q;
     toggleVisiblity();
@@ -233,7 +229,7 @@ const InsertMenu = ({
   return (
     // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage
     jsx("div", {
-      css: insertMenuWrapper(height, isFullPageAppearance)
+      css: insertMenuWrapper(height)
     }, jsx(ElementBrowserWrapper, {
       handleClickOutside: toggleVisiblity,
       handleEscapeKeydown: toggleVisiblity,
@@ -248,7 +244,6 @@ const InsertMenu = ({
       // On page resize we want the InlineElementBrowser to show updated tools/overflow items
       ,
       key: quickInsertDropdownItems.length,
-      viewMoreItem: viewMoreItem,
       onViewMore: showElementBrowserLink ? onViewMore : undefined,
       cache: cache
     })))
@@ -271,7 +266,7 @@ const getSvgIconForItem = ({
     label: ""
   }) : undefined;
 };
-const insertMenuWrapper = (height, isFullPageAppearance) => {
+const insertMenuWrapper = height => {
   return css({
     display: 'flex',
     flexDirection: 'column',

package/dist/es2019/ui/ToolbarInsertBlock/block-insert-menu.js

@@ -1,16 +1,9 @@
 import React from 'react';
-import { fg } from '@atlaskit/platform-feature-flags';
 import { BlockInsertElementBrowser } from './block-insert-element-browser';
 import { DropDownButton } from './dropdown-button';
 export const BlockInsertMenu = props => {
-  if (fg('platform_editor_refactor_view_more')) {
-    if (props.items.length === 0 && !props.showElementBrowserLink) {
-      return null;
-    }
-  } else {
-    if (props.items.length === 0) {
-      return null;
-    }
+  if (props.items.length === 0 && !props.showElementBrowserLink) {
+    return null;
   }
   if (props.disabled) {
     return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(DropDownButton, {

package/dist/es2019/ui/ToolbarInsertBlock/create-items.js

@@ -5,7 +5,7 @@ import { ToolTipContent } from '@atlaskit/editor-common/keymaps';
 import { blockTypeMessages, toolbarInsertBlockMessages as messages } from '@atlaskit/editor-common/messages';
 import { fg } from '@atlaskit/platform-feature-flags';
 import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
-import { action, blockquote, codeblock, date, decision, emoji, expand, horizontalrule, imageUpload, layout, link, media, mention, more, panel, placeholder, status, table, tableSelector } from './item';
+import { action, blockquote, codeblock, date, decision, emoji, expand, horizontalrule, imageUpload, layout, link, media, mention, panel, placeholder, status, table, tableSelector } from './item';
 import { shallowEquals } from './shallow-equals';
 const buttonToItem = memoize(button => ({
   ...button,
@@ -35,7 +35,6 @@ const createInsertBlockItems = config => {
     availableWrapperBlockTypes,
     actionSupported,
     decisionSupported,
-    showElementBrowserLink,
     linkSupported,
     linkDisabled,
     emojiDisabled,
@@ -227,12 +226,6 @@ const createInsertBlockItems = config => {
   if (insertMenuItems) {
     items.push(...insertMenuItems);
   }
-  if (showElementBrowserLink && !fg('platform_editor_refactor_view_more')) {
-    items.push(more({
-      content: formatMessage(messages.viewMore),
-      disabled: false
-    }));
-  }
   let numButtonsAdjusted = numberOfButtons;
   if (fg('platform_editor_toolbar_responsive_fixes')) {
     if (items.slice(0, numButtonsAdjusted).some(item => item.value.name === 'table selector')) {

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

@@ -460,13 +460,6 @@ export class ToolbarInsertBlock extends React.PureComponent {
       this.toggleEmojiPicker();
       return true;
     });
-    _defineProperty(this, "openElementBrowser", () => {
-      var _pluginInjectionApi$c7, _pluginInjectionApi$q;
-      const {
-        pluginInjectionApi
-      } = this.props;
-      pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : (_pluginInjectionApi$c7 = pluginInjectionApi.core) === null || _pluginInjectionApi$c7 === void 0 ? void 0 : _pluginInjectionApi$c7.actions.execute(pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : (_pluginInjectionApi$q = pluginInjectionApi.quickInsert) === null || _pluginInjectionApi$q === void 0 ? void 0 : _pluginInjectionApi$q.commands.openElementBrowserModal);
-    });
     _defineProperty(this, "onItemActivated", ({
       item,
       inputMethod
@@ -521,17 +514,6 @@ export class ToolbarInsertBlock extends React.PureComponent {
         case 'horizontalrule':
           this.insertHorizontalRule(inputMethod);
           break;
-        case 'macro':
-          /**
-           * Remove 'macro' case when cleaning up platform_editor_refactor_view_more
-           * along with the 'more' function from platform/packages/editor/editor-plugin-insert-block/src/ui/ToolbarInsertBlock/item.tsx
-           * as it will no longer be needed for the View More button.
-           * This will also reduce confusion from the 'macro' naming.
-           */
-          if (!fg('platform_editor_refactor_view_more')) {
-            this.openElementBrowser();
-          }
-          break;
         case 'date':
           this.createDate(inputMethod);
           break;
@@ -716,8 +698,8 @@ export class ToolbarInsertBlock extends React.PureComponent {
     // Popup will be unmounted to ensure that the new table has a selection with a blinking cursor.
     // So we can start typing right away.
     const onUnmount = () => {
-      var _pluginInjectionApi$c8, _pluginInjectionApi$c9;
-      return pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : (_pluginInjectionApi$c8 = pluginInjectionApi.core) === null || _pluginInjectionApi$c8 === void 0 ? void 0 : (_pluginInjectionApi$c9 = _pluginInjectionApi$c8.actions) === null || _pluginInjectionApi$c9 === void 0 ? void 0 : _pluginInjectionApi$c9.focus();
+      var _pluginInjectionApi$c7, _pluginInjectionApi$c8;
+      return pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : (_pluginInjectionApi$c7 = pluginInjectionApi.core) === null || _pluginInjectionApi$c7 === void 0 ? void 0 : (_pluginInjectionApi$c8 = _pluginInjectionApi$c7.actions) === null || _pluginInjectionApi$c8 === void 0 ? void 0 : _pluginInjectionApi$c8.focus();
     };
     return jsx(TableSelectorPopup, {
       allowOutsideSelection: true,

package/dist/es2019/ui/ToolbarInsertBlock/item.js

@@ -24,7 +24,6 @@ import LinkIcon from '@atlaskit/icon/core/link';
 import MentionIcon from '@atlaskit/icon/core/mention';
 import HorizontalRuleIcon from '@atlaskit/icon/core/minus';
 import QuotationMarkIcon from '@atlaskit/icon/core/quotation-mark';
-import ShowMoreHorizontalIcon from '@atlaskit/icon/core/show-more-horizontal';
 import InformationIcon from '@atlaskit/icon/core/status-information';
 import TaskIcon from '@atlaskit/icon/core/task';
 import { shallowEquals } from './shallow-equals';
@@ -222,22 +221,4 @@ export const status = mem(init => from({
     color: "currentColor",
     spacing: "spacious"
   })
-}));
-
-/**
- * @private
- * @deprecated
- * Deprecated as view more is not an item in the element browser.
- * View more is implemented directly in the ViewMore component inside the StatelessElementBrowser when
- * platform_editor_refactor_view_more is used.
- */
-export const more = mem(init => from({
-  content: init.content,
-  tooltipDescription: init.tooltipDescription,
-  disabled: init.disabled,
-  name: 'macro',
-  Icon: () => jsx(ShowMoreHorizontalIcon, {
-    label: "",
-    color: "currentColor"
-  })
 }));

package/dist/es2019/ui/toolbar-components/InsertButton.js

@@ -91,7 +91,7 @@ export const InsertButton = ({
     item,
     inputMethod
   }) => {
-    var _api$core, _api$hyperlink, _api$imageUpload, _api$mention, _api$mention$actions, _api$taskDecision, _api$rule, _api$core5, _api$date, _api$date$commands, _api$placeholderText, _api$layout, _api$core6, _api$status, _api$status$commands, _api$expand;
+    var _api$core, _api$hyperlink, _api$imageUpload, _api$mention, _api$mention$actions, _api$taskDecision, _api$rule, _api$core4, _api$date, _api$date$commands, _api$placeholderText, _api$layout, _api$core5, _api$status, _api$status$commands, _api$expand;
     if (!editorView) {
       return;
     }
@@ -161,14 +161,8 @@ export const InsertButton = ({
       case 'horizontalrule':
         api === null || api === void 0 ? void 0 : (_api$rule = api.rule) === null || _api$rule === void 0 ? void 0 : _api$rule.actions.insertHorizontalRule(inputMethod)(state, dispatch);
         break;
-      case 'macro':
-        if (!fg('platform_editor_refactor_view_more')) {
-          var _api$core4, _api$quickInsert;
-          api === null || api === void 0 ? void 0 : (_api$core4 = api.core) === null || _api$core4 === void 0 ? void 0 : _api$core4.actions.execute(api === null || api === void 0 ? void 0 : (_api$quickInsert = api.quickInsert) === null || _api$quickInsert === void 0 ? void 0 : _api$quickInsert.commands.openElementBrowserModal);
-        }
-        break;
       case 'date':
-        api === null || api === void 0 ? void 0 : (_api$core5 = api.core) === null || _api$core5 === void 0 ? void 0 : _api$core5.actions.execute(api === null || api === void 0 ? void 0 : (_api$date = api.date) === null || _api$date === void 0 ? void 0 : (_api$date$commands = _api$date.commands) === null || _api$date$commands === void 0 ? void 0 : _api$date$commands.insertDate({
+        api === null || api === void 0 ? void 0 : (_api$core4 = api.core) === null || _api$core4 === void 0 ? void 0 : _api$core4.actions.execute(api === null || api === void 0 ? void 0 : (_api$date = api.date) === null || _api$date === void 0 ? void 0 : (_api$date$commands = _api$date.commands) === null || _api$date$commands === void 0 ? void 0 : _api$date$commands.insertDate({
           inputMethod
         }));
         break;
@@ -179,7 +173,7 @@ export const InsertButton = ({
         api === null || api === void 0 ? void 0 : (_api$layout = api.layout) === null || _api$layout === void 0 ? void 0 : _api$layout.actions.insertLayoutColumns(inputMethod)(state, dispatch);
         break;
       case 'status':
-        api === null || api === void 0 ? void 0 : (_api$core6 = api.core) === null || _api$core6 === void 0 ? void 0 : _api$core6.actions.execute(api === null || api === void 0 ? void 0 : (_api$status = api.status) === null || _api$status === void 0 ? void 0 : (_api$status$commands = _api$status.commands) === null || _api$status$commands === void 0 ? void 0 : _api$status$commands.insertStatus(inputMethod));
+        api === null || api === void 0 ? void 0 : (_api$core5 = api.core) === null || _api$core5 === void 0 ? void 0 : _api$core5.actions.execute(api === null || api === void 0 ? void 0 : (_api$status = api.status) === null || _api$status === void 0 ? void 0 : (_api$status$commands = _api$status.commands) === null || _api$status$commands === void 0 ? void 0 : _api$status$commands.insertStatus(inputMethod));
         break;
       case 'expand':
         api === null || api === void 0 ? void 0 : (_api$expand = api.expand) === null || _api$expand === void 0 ? void 0 : _api$expand.actions.insertExpand(state, dispatch);

package/dist/esm/ui/ElementBrowser/InsertMenu.js

@@ -152,8 +152,7 @@ var InsertMenu = function InsertMenu(_ref) {
     showElementBrowserLink = _ref.showElementBrowserLink,
     onInsert = _ref.onInsert,
     toggleVisiblity = _ref.toggleVisiblity,
-    pluginInjectionApi = _ref.pluginInjectionApi,
-    isFullPageAppearance = _ref.isFullPageAppearance;
+    pluginInjectionApi = _ref.pluginInjectionApi;
   var _useState = useState(0),
     _useState2 = _slicedToArray(_useState, 2),
     itemCount = _useState2[0],
@@ -210,9 +209,6 @@ var InsertMenu = function InsertMenu(_ref) {
     };
   }, [onInsert]);
   var quickInsertDropdownItems = dropdownItems.map(transform);
-
-  // Please clean up viewMoreItem when cleaning up platform_editor_refactor_view_more
-  var viewMoreItem = !fg('platform_editor_refactor_view_more') && showElementBrowserLink ? quickInsertDropdownItems.pop() : undefined;
   var onInsertItem = useCallback(function (item) {
     var _pluginInjectionApi$q;
     toggleVisiblity();
@@ -267,7 +263,7 @@ var InsertMenu = function InsertMenu(_ref) {
   return (
     // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage
     jsx("div", {
-      css: insertMenuWrapper(height, isFullPageAppearance)
+      css: insertMenuWrapper(height)
     }, jsx(ElementBrowserWrapper, {
       handleClickOutside: toggleVisiblity,
       handleEscapeKeydown: toggleVisiblity,
@@ -282,7 +278,6 @@ var InsertMenu = function InsertMenu(_ref) {
       // On page resize we want the InlineElementBrowser to show updated tools/overflow items
       ,
       key: quickInsertDropdownItems.length,
-      viewMoreItem: viewMoreItem,
       onViewMore: showElementBrowserLink ? onViewMore : undefined,
       cache: cache
     })))
@@ -304,7 +299,7 @@ var getSvgIconForItem = function getSvgIconForItem(_ref2) {
     label: ""
   }) : undefined;
 };
-var insertMenuWrapper = function insertMenuWrapper(height, isFullPageAppearance) {
+var insertMenuWrapper = function insertMenuWrapper(height) {
   return css({
     display: 'flex',
     flexDirection: 'column',

package/dist/esm/ui/ToolbarInsertBlock/block-insert-menu.js

@@ -1,16 +1,9 @@
 import React from 'react';
-import { fg } from '@atlaskit/platform-feature-flags';
 import { BlockInsertElementBrowser } from './block-insert-element-browser';
 import { DropDownButton } from './dropdown-button';
 export var BlockInsertMenu = function BlockInsertMenu(props) {
-  if (fg('platform_editor_refactor_view_more')) {
-    if (props.items.length === 0 && !props.showElementBrowserLink) {
-      return null;
-    }
-  } else {
-    if (props.items.length === 0) {
-      return null;
-    }
+  if (props.items.length === 0 && !props.showElementBrowserLink) {
+    return null;
   }
   if (props.disabled) {
     return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(DropDownButton, {

package/dist/esm/ui/ToolbarInsertBlock/create-items.js

@@ -9,7 +9,7 @@ import { ToolTipContent } from '@atlaskit/editor-common/keymaps';
 import { blockTypeMessages, toolbarInsertBlockMessages as messages } from '@atlaskit/editor-common/messages';
 import { fg } from '@atlaskit/platform-feature-flags';
 import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
-import { action, blockquote, codeblock, date, decision, emoji, expand, horizontalrule, imageUpload, layout, link, media, mention, more, panel, placeholder, status, table, tableSelector } from './item';
+import { action, blockquote, codeblock, date, decision, emoji, expand, horizontalrule, imageUpload, layout, link, media, mention, panel, placeholder, status, table, tableSelector } from './item';
 import { shallowEquals } from './shallow-equals';
 var buttonToItem = memoize(function (button) {
   return _objectSpread(_objectSpread({}, button), {}, {
@@ -42,7 +42,6 @@ var createInsertBlockItems = function createInsertBlockItems(config) {
     availableWrapperBlockTypes = config.availableWrapperBlockTypes,
     actionSupported = config.actionSupported,
     decisionSupported = config.decisionSupported,
-    showElementBrowserLink = config.showElementBrowserLink,
     linkSupported = config.linkSupported,
     linkDisabled = config.linkDisabled,
     emojiDisabled = config.emojiDisabled,
@@ -239,12 +238,6 @@ var createInsertBlockItems = function createInsertBlockItems(config) {
   if (insertMenuItems) {
     items.push.apply(items, _toConsumableArray(insertMenuItems));
   }
-  if (showElementBrowserLink && !fg('platform_editor_refactor_view_more')) {
-    items.push(more({
-      content: formatMessage(messages.viewMore),
-      disabled: false
-    }));
-  }
   var numButtonsAdjusted = numberOfButtons;
   if (fg('platform_editor_toolbar_responsive_fixes')) {
     if (items.slice(0, numButtonsAdjusted).some(function (item) {

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

@@ -428,11 +428,6 @@ export var ToolbarInsertBlock = /*#__PURE__*/function (_React$PureComponent) {
       _this.toggleEmojiPicker();
       return true;
     });
-    _defineProperty(_this, "openElementBrowser", function () {
-      var _pluginInjectionApi$c7, _pluginInjectionApi$q;
-      var pluginInjectionApi = _this.props.pluginInjectionApi;
-      pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$c7 = pluginInjectionApi.core) === null || _pluginInjectionApi$c7 === void 0 || _pluginInjectionApi$c7.actions.execute(pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$q = pluginInjectionApi.quickInsert) === null || _pluginInjectionApi$q === void 0 ? void 0 : _pluginInjectionApi$q.commands.openElementBrowserModal);
-    });
     _defineProperty(_this, "onItemActivated", function (_ref4) {
       var item = _ref4.item,
         inputMethod = _ref4.inputMethod;
@@ -483,17 +478,6 @@ export var ToolbarInsertBlock = /*#__PURE__*/function (_React$PureComponent) {
         case 'horizontalrule':
           _this.insertHorizontalRule(inputMethod);
           break;
-        case 'macro':
-          /**
-           * Remove 'macro' case when cleaning up platform_editor_refactor_view_more
-           * along with the 'more' function from platform/packages/editor/editor-plugin-insert-block/src/ui/ToolbarInsertBlock/item.tsx
-           * as it will no longer be needed for the View More button.
-           * This will also reduce confusion from the 'macro' naming.
-           */
-          if (!fg('platform_editor_refactor_view_more')) {
-            _this.openElementBrowser();
-          }
-          break;
         case 'date':
           _this.createDate(inputMethod);
           break;
@@ -641,8 +625,8 @@ export var ToolbarInsertBlock = /*#__PURE__*/function (_React$PureComponent) {
       // Popup will be unmounted to ensure that the new table has a selection with a blinking cursor.
       // So we can start typing right away.
       var onUnmount = function onUnmount() {
-        var _pluginInjectionApi$c8;
-        return pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$c8 = pluginInjectionApi.core) === null || _pluginInjectionApi$c8 === void 0 || (_pluginInjectionApi$c8 = _pluginInjectionApi$c8.actions) === null || _pluginInjectionApi$c8 === void 0 ? void 0 : _pluginInjectionApi$c8.focus();
+        var _pluginInjectionApi$c7;
+        return pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$c7 = pluginInjectionApi.core) === null || _pluginInjectionApi$c7 === void 0 || (_pluginInjectionApi$c7 = _pluginInjectionApi$c7.actions) === null || _pluginInjectionApi$c7 === void 0 ? void 0 : _pluginInjectionApi$c7.focus();
       };
       return jsx(TableSelectorPopup, {
         allowOutsideSelection: true,

package/dist/esm/ui/ToolbarInsertBlock/item.js

@@ -24,7 +24,6 @@ import LinkIcon from '@atlaskit/icon/core/link';
 import MentionIcon from '@atlaskit/icon/core/mention';
 import HorizontalRuleIcon from '@atlaskit/icon/core/minus';
 import QuotationMarkIcon from '@atlaskit/icon/core/quotation-mark';
-import ShowMoreHorizontalIcon from '@atlaskit/icon/core/show-more-horizontal';
 import InformationIcon from '@atlaskit/icon/core/status-information';
 import TaskIcon from '@atlaskit/icon/core/task';
 import { shallowEquals } from './shallow-equals';
@@ -270,26 +269,4 @@ export var status = mem(function (init) {
       });
     }
   });
-});
-
-/**
- * @private
- * @deprecated
- * Deprecated as view more is not an item in the element browser.
- * View more is implemented directly in the ViewMore component inside the StatelessElementBrowser when
- * platform_editor_refactor_view_more is used.
- */
-export var more = mem(function (init) {
-  return from({
-    content: init.content,
-    tooltipDescription: init.tooltipDescription,
-    disabled: init.disabled,
-    name: 'macro',
-    Icon: function Icon() {
-      return jsx(ShowMoreHorizontalIcon, {
-        label: "",
-        color: "currentColor"
-      });
-    }
-  });
 });

package/dist/esm/ui/toolbar-components/InsertButton.js

@@ -91,7 +91,7 @@ export var InsertButton = function InsertButton(_ref) {
     toggleInsertMenuOpen(!insertMenuOpen);
   };
   var onItemActivated = function onItemActivated(_ref2) {
-    var _api$core, _api$hyperlink, _api$imageUpload, _api$mention, _api$taskDecision, _api$rule, _api$core5, _api$date, _api$placeholderText, _api$layout, _api$core6, _api$status, _api$expand;
+    var _api$core, _api$hyperlink, _api$imageUpload, _api$mention, _api$taskDecision, _api$rule, _api$core4, _api$date, _api$placeholderText, _api$layout, _api$core5, _api$status, _api$expand;
     var item = _ref2.item,
       inputMethod = _ref2.inputMethod;
     if (!editorView) {
@@ -161,14 +161,8 @@ export var InsertButton = function InsertButton(_ref) {
       case 'horizontalrule':
         api === null || api === void 0 || (_api$rule = api.rule) === null || _api$rule === void 0 || _api$rule.actions.insertHorizontalRule(inputMethod)(state, dispatch);
         break;
-      case 'macro':
-        if (!fg('platform_editor_refactor_view_more')) {
-          var _api$core4, _api$quickInsert;
-          api === null || api === void 0 || (_api$core4 = api.core) === null || _api$core4 === void 0 || _api$core4.actions.execute(api === null || api === void 0 || (_api$quickInsert = api.quickInsert) === null || _api$quickInsert === void 0 ? void 0 : _api$quickInsert.commands.openElementBrowserModal);
-        }
-        break;
       case 'date':
-        api === null || api === void 0 || (_api$core5 = api.core) === null || _api$core5 === void 0 || _api$core5.actions.execute(api === null || api === void 0 || (_api$date = api.date) === null || _api$date === void 0 || (_api$date = _api$date.commands) === null || _api$date === void 0 ? void 0 : _api$date.insertDate({
+        api === null || api === void 0 || (_api$core4 = api.core) === null || _api$core4 === void 0 || _api$core4.actions.execute(api === null || api === void 0 || (_api$date = api.date) === null || _api$date === void 0 || (_api$date = _api$date.commands) === null || _api$date === void 0 ? void 0 : _api$date.insertDate({
           inputMethod: inputMethod
         }));
         break;
@@ -179,7 +173,7 @@ export var InsertButton = function InsertButton(_ref) {
         api === null || api === void 0 || (_api$layout = api.layout) === null || _api$layout === void 0 || _api$layout.actions.insertLayoutColumns(inputMethod)(state, dispatch);
         break;
       case 'status':
-        api === null || api === void 0 || (_api$core6 = api.core) === null || _api$core6 === void 0 || _api$core6.actions.execute(api === null || api === void 0 || (_api$status = api.status) === null || _api$status === void 0 || (_api$status = _api$status.commands) === null || _api$status === void 0 ? void 0 : _api$status.insertStatus(inputMethod));
+        api === null || api === void 0 || (_api$core5 = api.core) === null || _api$core5 === void 0 || _api$core5.actions.execute(api === null || api === void 0 || (_api$status = api.status) === null || _api$status === void 0 || (_api$status = _api$status.commands) === null || _api$status === void 0 ? void 0 : _api$status.insertStatus(inputMethod));
         break;
       case 'expand':
         api === null || api === void 0 || (_api$expand = api.expand) === null || _api$expand === void 0 || _api$expand.actions.insertExpand(state, dispatch);

package/dist/types/ui/ElementBrowser/InsertMenu.d.ts

@@ -10,5 +10,5 @@ export declare const DEFAULT_HEIGHT = 560;
    they should be unified through `pluginInjectionApi?.quickInsert?.actions.getSuggestions`
  */
 export declare const filterForPinWhiteboardsExperiment: (featuredItems: QuickInsertItem[], formatMessage: (msg: MessageDescriptor) => string) => QuickInsertItem[];
-declare const InsertMenu: ({ editorView, dropdownItems, showElementBrowserLink, onInsert, toggleVisiblity, pluginInjectionApi, isFullPageAppearance, }: InsertMenuProps) => jsx.JSX.Element;
+declare const InsertMenu: ({ editorView, dropdownItems, showElementBrowserLink, onInsert, toggleVisiblity, pluginInjectionApi, }: InsertMenuProps) => jsx.JSX.Element;
 export default InsertMenu;

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

@@ -53,7 +53,6 @@ export declare class ToolbarInsertBlock extends React.PureComponent<Props & Wrap
     private insertExpand;
     private insertBlockType;
     private handleSelectedEmoji;
-    private openElementBrowser;
     private onItemActivated;
     private insertToolbarMenuItem;
     private insertInsertMenuItem;

package/dist/types/ui/ToolbarInsertBlock/item.d.ts

@@ -36,11 +36,3 @@ export declare const expand: MemoizedFn<(init: CreateInit) => MenuItem>;
 export declare const date: MemoizedFn<(init: CreateInit) => MenuItem>;
 export declare const placeholder: MemoizedFn<(init: CreateInit) => MenuItem>;
 export declare const status: MemoizedFn<(init: CreateInit) => MenuItem>;
-/**
- * @private
- * @deprecated
- * Deprecated as view more is not an item in the element browser.
- * View more is implemented directly in the ViewMore component inside the StatelessElementBrowser when
- * platform_editor_refactor_view_more is used.
- */
-export declare const more: MemoizedFn<(init: CreateInit) => MenuItem>;

package/dist/types-ts4.5/ui/ElementBrowser/InsertMenu.d.ts

@@ -10,5 +10,5 @@ export declare const DEFAULT_HEIGHT = 560;
    they should be unified through `pluginInjectionApi?.quickInsert?.actions.getSuggestions`
  */
 export declare const filterForPinWhiteboardsExperiment: (featuredItems: QuickInsertItem[], formatMessage: (msg: MessageDescriptor) => string) => QuickInsertItem[];
-declare const InsertMenu: ({ editorView, dropdownItems, showElementBrowserLink, onInsert, toggleVisiblity, pluginInjectionApi, isFullPageAppearance, }: InsertMenuProps) => jsx.JSX.Element;
+declare const InsertMenu: ({ editorView, dropdownItems, showElementBrowserLink, onInsert, toggleVisiblity, pluginInjectionApi, }: InsertMenuProps) => jsx.JSX.Element;
 export default InsertMenu;

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

@@ -53,7 +53,6 @@ export declare class ToolbarInsertBlock extends React.PureComponent<Props & Wrap
     private insertExpand;
     private insertBlockType;
     private handleSelectedEmoji;
-    private openElementBrowser;
     private onItemActivated;
     private insertToolbarMenuItem;
     private insertInsertMenuItem;

package/dist/types-ts4.5/ui/ToolbarInsertBlock/item.d.ts

@@ -36,11 +36,3 @@ export declare const expand: MemoizedFn<(init: CreateInit) => MenuItem>;
 export declare const date: MemoizedFn<(init: CreateInit) => MenuItem>;
 export declare const placeholder: MemoizedFn<(init: CreateInit) => MenuItem>;
 export declare const status: MemoizedFn<(init: CreateInit) => MenuItem>;
-/**
- * @private
- * @deprecated
- * Deprecated as view more is not an item in the element browser.
- * View more is implemented directly in the ViewMore component inside the StatelessElementBrowser when
- * platform_editor_refactor_view_more is used.
- */
-export declare const more: MemoizedFn<(init: CreateInit) => MenuItem>;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-plugin-insert-block",
-	"version": "8.2.1",
+	"version": "8.2.2",
 	"description": "Insert block plugin for @atlaskit/editor-core",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",
@@ -51,7 +51,7 @@
 		"@atlaskit/editor-plugin-quick-insert": "^7.1.0",
 		"@atlaskit/editor-plugin-rule": "^7.0.0",
 		"@atlaskit/editor-plugin-status": "^8.1.0",
-		"@atlaskit/editor-plugin-table": "^16.1.0",
+		"@atlaskit/editor-plugin-table": "^16.2.0",
 		"@atlaskit/editor-plugin-tasks-and-decisions": "^10.1.0",
 		"@atlaskit/editor-plugin-toolbar": "^4.0.0",
 		"@atlaskit/editor-plugin-type-ahead": "^7.0.0",
@@ -64,7 +64,7 @@
 		"@atlaskit/icon-lab": "^5.14.0",
 		"@atlaskit/platform-feature-flags": "^1.1.0",
 		"@atlaskit/theme": "^21.0.0",
-		"@atlaskit/tmp-editor-statsig": "^16.14.0",
+		"@atlaskit/tmp-editor-statsig": "^16.15.0",
 		"@atlaskit/tokens": "^9.1.0",
 		"@babel/runtime": "^7.0.0",
 		"@emotion/react": "^11.7.1",
@@ -129,9 +129,6 @@
 		"platform_editor_ease_of_use_metrics": {
 			"type": "boolean"
 		},
-		"platform_editor_refactor_view_more": {
-			"type": "boolean"
-		},
 		"confluence-whiteboards-quick-insert-eligible": {
 			"type": "boolean"
 		},