@atlaskit/editor-plugin-insert-block 7.0.6 → 7.0.8

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

@@ -1,4 +1,3 @@
-import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
 import React from 'react';
 import { INSERT_BLOCK_SECTION, TASK_LIST_GROUP, MEDIA_GROUP, INSERT_BLOCK_SECTION_RANK, TASK_LIST_BUTTON, TASK_LIST_GROUP_RANK, MEDIA_BUTTON, MENTION_GROUP, MEDIA_GROUP_RANK, MENTION_BUTTON, MENTION_GROUP_RANK, EMOJI_GROUP, EMOJI_BUTTON, EMOJI_GROUP_RANK, LAYOUT_GROUP, LAYOUT_BUTTON, LAYOUT_GROUP_RANK, TABLE_GROUP_RANK, TABLE_BUTTON, TABLE_GROUP, TABLE_SIZE_PICKER, INSERT_GROUP, INSERT_BUTTON, INSERT_GROUP_RANK, CODE_BLOCK_GROUP, CODE_BLOCK_BUTTON, CODE_BLOCK_GROUP_RANK } from '@atlaskit/editor-common/toolbar';
 import { Show, ToolbarButtonGroup } from '@atlaskit/editor-toolbar';
@@ -14,270 +13,22 @@ import { MentionButton } from './toolbar-components/MentionButton';
 import { TableButton } from './toolbar-components/TableButton';
 import { TableSizePicker } from './toolbar-components/TableSizePicker';
 import { TaskListButton } from './toolbar-components/TaskListButton';
-export var getToolbarComponents = function getToolbarComponents(_ref) {
-  var api = _ref.api,
-    tableSelectorSupported = _ref.tableSelectorSupported,
-    toolbarShowPlusInsertOnly = _ref.toolbarShowPlusInsertOnly,
-    showElementBrowserLink = _ref.showElementBrowserLink,
-    onInsertBlockType = _ref.onInsertBlockType,
-    nativeStatusSupported = _ref.nativeStatusSupported,
-    horizontalRuleEnabled = _ref.horizontalRuleEnabled,
-    expandEnabled = _ref.expandEnabled,
-    insertMenuItems = _ref.insertMenuItems;
-  return _toConsumableArray(toolbarShowPlusInsertOnly ? [{
-    type: INSERT_GROUP.type,
-    key: INSERT_GROUP.key,
-    parents: [{
-      type: INSERT_BLOCK_SECTION.type,
-      key: INSERT_BLOCK_SECTION.key,
-      rank: INSERT_BLOCK_SECTION_RANK[INSERT_GROUP.key]
-    }]
-  }, {
-    type: INSERT_BUTTON.type,
-    key: INSERT_BUTTON.key,
-    parents: [{
-      type: INSERT_GROUP.type,
-      key: INSERT_GROUP.key,
-      rank: INSERT_GROUP_RANK[INSERT_BUTTON.key]
-    }],
-    component: function component() {
-      return /*#__PURE__*/React.createElement(InsertButton, {
-        api: api,
-        showElementBrowserLink: showElementBrowserLink,
-        tableSelectorSupported: tableSelectorSupported,
-        onInsertBlockType: onInsertBlockType,
-        nativeStatusSupported: nativeStatusSupported,
-        horizontalRuleEnabled: horizontalRuleEnabled,
-        expandEnabled: expandEnabled,
-        insertMenuItems: insertMenuItems
-      });
-    }
-  }] : [{
-    type: TASK_LIST_GROUP.type,
-    key: TASK_LIST_GROUP.key,
-    parents: [{
-      type: INSERT_BLOCK_SECTION.type,
-      key: INSERT_BLOCK_SECTION.key,
-      rank: INSERT_BLOCK_SECTION_RANK[TASK_LIST_GROUP.key]
-    }],
-    component: expValEquals('platform_editor_toolbar_aifc_responsive', 'isEnabled', true) ? function (_ref2) {
-      var children = _ref2.children;
-      return /*#__PURE__*/React.createElement(Show, {
-        above: "lg"
-      }, /*#__PURE__*/React.createElement(ToolbarButtonGroup, null, children));
-    } : undefined
-  }, {
-    type: TASK_LIST_BUTTON.type,
-    key: TASK_LIST_BUTTON.key,
-    parents: [{
-      type: TASK_LIST_GROUP.type,
-      key: TASK_LIST_GROUP.key,
-      rank: TASK_LIST_GROUP_RANK[TASK_LIST_BUTTON.key]
-    }],
-    component: function component() {
-      return /*#__PURE__*/React.createElement(TaskListButton, {
-        api: api
-      });
-    }
-  }, {
-    type: MEDIA_GROUP.type,
-    key: MEDIA_GROUP.key,
-    parents: [{
-      type: INSERT_BLOCK_SECTION.type,
-      key: INSERT_BLOCK_SECTION.key,
-      rank: INSERT_BLOCK_SECTION_RANK[MEDIA_GROUP.key]
-    }],
-    component: expValEquals('platform_editor_toolbar_aifc_responsive', 'isEnabled', true) ? function (_ref3) {
-      var children = _ref3.children;
-      return /*#__PURE__*/React.createElement(Show, {
-        above: "lg"
-      }, /*#__PURE__*/React.createElement(ToolbarButtonGroup, null, children));
-    } : undefined
-  }, {
-    type: MEDIA_BUTTON.type,
-    key: MEDIA_BUTTON.key,
-    parents: [{
-      type: MEDIA_GROUP.type,
-      key: MEDIA_GROUP.key,
-      rank: MEDIA_GROUP_RANK[MEDIA_BUTTON.key]
-    }],
-    component: function component() {
-      return !!(api !== null && api !== void 0 && api.imageUpload) ? /*#__PURE__*/React.createElement(ImageButton, {
-        api: api
-      }) : /*#__PURE__*/React.createElement(MediaButton, {
-        api: api
-      });
-    }
-  }, {
-    type: MENTION_GROUP.type,
-    key: MENTION_GROUP.key,
-    parents: [{
-      type: INSERT_BLOCK_SECTION.type,
-      key: INSERT_BLOCK_SECTION.key,
-      rank: INSERT_BLOCK_SECTION_RANK[MENTION_GROUP.key]
-    }],
-    component: expValEquals('platform_editor_toolbar_aifc_responsive', 'isEnabled', true) ? function (_ref4) {
-      var children = _ref4.children;
-      return /*#__PURE__*/React.createElement(Show, {
-        above: "lg"
-      }, /*#__PURE__*/React.createElement(ToolbarButtonGroup, null, children));
-    } : undefined
-  }, {
-    type: MENTION_BUTTON.type,
-    key: MENTION_BUTTON.key,
-    parents: [{
-      type: MENTION_GROUP.type,
-      key: MENTION_GROUP.key,
-      rank: MENTION_GROUP_RANK[MENTION_BUTTON.key]
-    }],
-    component: function component() {
-      return /*#__PURE__*/React.createElement(MentionButton, {
-        api: api
-      });
-    }
-  }, {
-    type: EMOJI_GROUP.type,
-    key: EMOJI_GROUP.key,
-    parents: [{
-      type: INSERT_BLOCK_SECTION.type,
-      key: INSERT_BLOCK_SECTION.key,
-      rank: INSERT_BLOCK_SECTION_RANK[EMOJI_GROUP.key]
-    }],
-    component: expValEquals('platform_editor_toolbar_aifc_responsive', 'isEnabled', true) ? function (_ref5) {
-      var children = _ref5.children;
-      return /*#__PURE__*/React.createElement(Show, {
-        above: "lg"
-      }, /*#__PURE__*/React.createElement(ToolbarButtonGroup, null, children));
-    } : undefined
-  }, {
-    type: EMOJI_BUTTON.type,
-    key: EMOJI_BUTTON.key,
-    parents: [{
-      type: EMOJI_GROUP.type,
-      key: EMOJI_GROUP.key,
-      rank: EMOJI_GROUP_RANK[EMOJI_BUTTON.key]
-    }],
-    component: function component() {
-      return /*#__PURE__*/React.createElement(EmojiButton, {
-        api: api
-      });
-    }
-  }, {
-    type: LAYOUT_GROUP.type,
-    key: LAYOUT_GROUP.key,
-    parents: [{
-      type: INSERT_BLOCK_SECTION.type,
-      key: INSERT_BLOCK_SECTION.key,
-      rank: INSERT_BLOCK_SECTION_RANK[LAYOUT_GROUP.key]
-    }],
-    component: expValEquals('platform_editor_toolbar_aifc_responsive', 'isEnabled', true) ? function (_ref6) {
-      var children = _ref6.children;
-      return /*#__PURE__*/React.createElement(Show, {
-        above: "lg"
-      }, /*#__PURE__*/React.createElement(ToolbarButtonGroup, null, children));
-    } : undefined
-  }, {
-    type: LAYOUT_BUTTON.type,
-    key: LAYOUT_BUTTON.key,
-    parents: [{
-      type: LAYOUT_GROUP.type,
-      key: LAYOUT_GROUP.key,
-      rank: LAYOUT_GROUP_RANK[LAYOUT_BUTTON.key]
-    }],
-    component: function component() {
-      return /*#__PURE__*/React.createElement(LayoutButton, {
-        api: api
-      });
-    }
-  }, {
-    type: TABLE_GROUP.type,
-    key: TABLE_GROUP.key,
-    parents: [{
-      type: INSERT_BLOCK_SECTION.type,
-      key: INSERT_BLOCK_SECTION.key,
-      rank: INSERT_BLOCK_SECTION_RANK[TABLE_GROUP.key]
-    }],
-    component: expValEquals('platform_editor_toolbar_aifc_responsive', 'isEnabled', true) ? function (_ref7) {
-      var children = _ref7.children;
-      return /*#__PURE__*/React.createElement(Show, {
-        above: "md"
-      }, /*#__PURE__*/React.createElement(ToolbarButtonGroup, null, children));
-    } : undefined
-  }, {
-    type: TABLE_BUTTON.type,
-    key: TABLE_BUTTON.key,
-    parents: [{
-      type: TABLE_GROUP.type,
-      key: TABLE_GROUP.key,
-      rank: TABLE_GROUP_RANK[TABLE_BUTTON.key]
-    }],
-    component: function component() {
-      return /*#__PURE__*/React.createElement(TableButton, {
-        api: api
-      });
-    }
-  }, {
-    type: TABLE_SIZE_PICKER.type,
-    key: TABLE_SIZE_PICKER.key,
-    parents: [{
-      type: TABLE_GROUP.type,
-      key: TABLE_GROUP.key,
-      rank: TABLE_GROUP_RANK[TABLE_SIZE_PICKER.key]
-    }],
-    component: function component() {
-      return /*#__PURE__*/React.createElement(TableSizePicker, {
-        api: api,
-        tableSelectorSupported: tableSelectorSupported
-      });
-    }
-  }, {
-    type: INSERT_GROUP.type,
-    key: INSERT_GROUP.key,
-    parents: [{
-      type: INSERT_BLOCK_SECTION.type,
-      key: INSERT_BLOCK_SECTION.key,
-      rank: INSERT_BLOCK_SECTION_RANK[INSERT_GROUP.key]
-    }]
-  }, {
-    type: INSERT_BUTTON.type,
-    key: INSERT_BUTTON.key,
-    parents: [{
-      type: INSERT_GROUP.type,
-      key: INSERT_GROUP.key,
-      rank: INSERT_GROUP_RANK[INSERT_BUTTON.key]
-    }],
-    component: function component() {
-      return /*#__PURE__*/React.createElement(InsertButton, {
-        api: api,
-        showElementBrowserLink: showElementBrowserLink,
-        tableSelectorSupported: tableSelectorSupported,
-        onInsertBlockType: onInsertBlockType,
-        nativeStatusSupported: nativeStatusSupported,
-        horizontalRuleEnabled: horizontalRuleEnabled,
-        expandEnabled: expandEnabled,
-        insertMenuItems: insertMenuItems,
-        numberOfButtons: 7 // TODO: ED-28759 - Default to 7 buttons - Remove this once we have a proper way to do toolbar responsiveness
-      });
-    }
-  }]);
-};
-
 /**
  * Updated toolbar components function that uses the new configuration resolver.
  * This function replaces the hardcoded approach with a config-driven one.
  */
-export var getToolbarComponentsUpdated = function getToolbarComponentsUpdated(_ref8) {
+export var getToolbarComponents = function getToolbarComponents(_ref) {
   var _config$taskList, _config$media, _config$codeBlock, _config$mention, _config$emoji, _config$layout, _config$table, _config$insert;
-  var api = _ref8.api,
-    options = _ref8.options,
-    onInsertBlockType = _ref8.onInsertBlockType;
+  var api = _ref.api,
+    options = _ref.options,
+    onInsertBlockType = _ref.onInsertBlockType;
   var config = resolveToolbarConfig(options);
   var components = [];
 
   // Helper function to create responsive wrapper component
   var createResponsiveComponent = function createResponsiveComponent() {
-    return expValEquals('platform_editor_toolbar_aifc_responsive', 'isEnabled', true) ? function (_ref9) {
-      var children = _ref9.children;
+    return expValEquals('platform_editor_toolbar_aifc_responsive', 'isEnabled', true) ? function (_ref2) {
+      var children = _ref2.children;
       return /*#__PURE__*/React.createElement(Show, {
         above: "lg"
       }, /*#__PURE__*/React.createElement(ToolbarButtonGroup, null, children));
@@ -534,19 +285,4 @@ export var getToolbarComponentsUpdated = function getToolbarComponentsUpdated(_r
     });
   }
   return components;
-};
-
-/**
- * Main export that switches between old and new implementations based on experiment.
- * This allows for gradual rollout of the new config-driven approach.
- */
-export var getToolbarComponentsWithConfig = function getToolbarComponentsWithConfig(props) {
-  if (expValEquals('platform_editor_toolbar_aifc_responsiveness_update', 'isEnabled', true) && 'options' in props) {
-    // Use new config-driven approach
-    return getToolbarComponentsUpdated(props);
-  }
-
-  // Use legacy approach
-  var legacyProps = props;
-  return getToolbarComponents(legacyProps);
 };

package/dist/types/ui/toolbar-components.d.ts

@@ -1,33 +1,15 @@
 import type { Command, ExtractInjectionAPI } from '@atlaskit/editor-common/types';
-import type { MenuItem } from '@atlaskit/editor-common/ui-menu';
 import type { RegisterComponent } from '@atlaskit/editor-toolbar-model';
 import type { InsertBlockPlugin } from '../insertBlockPluginType';
 import type { InsertBlockPluginOptions } from '../types';
 type GetToolbarComponentsProps = {
-    api?: ExtractInjectionAPI<InsertBlockPlugin>;
-    expandEnabled?: boolean;
-    horizontalRuleEnabled?: boolean;
-    insertMenuItems?: MenuItem[];
-    nativeStatusSupported?: boolean;
-    onInsertBlockType?: (name: string) => Command;
-    showElementBrowserLink?: boolean;
-    tableSelectorSupported?: boolean;
-    toolbarShowPlusInsertOnly?: boolean;
-};
-type GetToolbarComponentsUpdatedProps = {
     api?: ExtractInjectionAPI<InsertBlockPlugin>;
     onInsertBlockType?: (name: string) => Command;
     options: InsertBlockPluginOptions;
 };
-export declare const getToolbarComponents: ({ api, tableSelectorSupported, toolbarShowPlusInsertOnly, showElementBrowserLink, onInsertBlockType, nativeStatusSupported, horizontalRuleEnabled, expandEnabled, insertMenuItems, }: GetToolbarComponentsProps) => RegisterComponent[];
 /**
  * Updated toolbar components function that uses the new configuration resolver.
  * This function replaces the hardcoded approach with a config-driven one.
  */
-export declare const getToolbarComponentsUpdated: ({ api, options, onInsertBlockType, }: GetToolbarComponentsUpdatedProps) => RegisterComponent[];
-/**
- * Main export that switches between old and new implementations based on experiment.
- * This allows for gradual rollout of the new config-driven approach.
- */
-export declare const getToolbarComponentsWithConfig: (props: GetToolbarComponentsProps | GetToolbarComponentsUpdatedProps) => RegisterComponent[];
+export declare const getToolbarComponents: ({ api, options, onInsertBlockType, }: GetToolbarComponentsProps) => RegisterComponent[];
 export {};

package/dist/types-ts4.5/ui/toolbar-components.d.ts

@@ -1,33 +1,15 @@
 import type { Command, ExtractInjectionAPI } from '@atlaskit/editor-common/types';
-import type { MenuItem } from '@atlaskit/editor-common/ui-menu';
 import type { RegisterComponent } from '@atlaskit/editor-toolbar-model';
 import type { InsertBlockPlugin } from '../insertBlockPluginType';
 import type { InsertBlockPluginOptions } from '../types';
 type GetToolbarComponentsProps = {
-    api?: ExtractInjectionAPI<InsertBlockPlugin>;
-    expandEnabled?: boolean;
-    horizontalRuleEnabled?: boolean;
-    insertMenuItems?: MenuItem[];
-    nativeStatusSupported?: boolean;
-    onInsertBlockType?: (name: string) => Command;
-    showElementBrowserLink?: boolean;
-    tableSelectorSupported?: boolean;
-    toolbarShowPlusInsertOnly?: boolean;
-};
-type GetToolbarComponentsUpdatedProps = {
     api?: ExtractInjectionAPI<InsertBlockPlugin>;
     onInsertBlockType?: (name: string) => Command;
     options: InsertBlockPluginOptions;
 };
-export declare const getToolbarComponents: ({ api, tableSelectorSupported, toolbarShowPlusInsertOnly, showElementBrowserLink, onInsertBlockType, nativeStatusSupported, horizontalRuleEnabled, expandEnabled, insertMenuItems, }: GetToolbarComponentsProps) => RegisterComponent[];
 /**
  * Updated toolbar components function that uses the new configuration resolver.
  * This function replaces the hardcoded approach with a config-driven one.
  */
-export declare const getToolbarComponentsUpdated: ({ api, options, onInsertBlockType, }: GetToolbarComponentsUpdatedProps) => RegisterComponent[];
-/**
- * Main export that switches between old and new implementations based on experiment.
- * This allows for gradual rollout of the new config-driven approach.
- */
-export declare const getToolbarComponentsWithConfig: (props: GetToolbarComponentsProps | GetToolbarComponentsUpdatedProps) => RegisterComponent[];
+export declare const getToolbarComponents: ({ api, options, onInsertBlockType, }: GetToolbarComponentsProps) => RegisterComponent[];
 export {};

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-plugin-insert-block",
-	"version": "7.0.6",
+	"version": "7.0.8",
 	"description": "Insert block plugin for @atlaskit/editor-core",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",
@@ -58,7 +58,7 @@
 		"@atlaskit/editor-plugin-type-ahead": "^6.2.0",
 		"@atlaskit/editor-prosemirror": "7.0.0",
 		"@atlaskit/editor-shared-styles": "^3.6.0",
-		"@atlaskit/editor-toolbar": "^0.13.0",
+		"@atlaskit/editor-toolbar": "^0.14.0",
 		"@atlaskit/editor-toolbar-model": "^0.2.0",
 		"@atlaskit/emoji": "^69.5.0",
 		"@atlaskit/heading": "^5.2.0",
@@ -67,7 +67,7 @@
 		"@atlaskit/platform-feature-flags": "^1.1.0",
 		"@atlaskit/primitives": "^14.15.0",
 		"@atlaskit/theme": "^21.0.0",
-		"@atlaskit/tmp-editor-statsig": "^13.2.0",
+		"@atlaskit/tmp-editor-statsig": "^13.4.0",
 		"@atlaskit/tokens": "^6.4.0",
 		"@atlaskit/tooltip": "^20.5.0",
 		"@babel/runtime": "^7.0.0",
@@ -78,7 +78,7 @@
 		"react-virtualized": "^9.8.0"
 	},
 	"peerDependencies": {
-		"@atlaskit/editor-common": "^110.4.0",
+		"@atlaskit/editor-common": "^110.7.0",
 		"react": "^18.2.0",
 		"react-dom": "^18.2.0",
 		"react-intl-next": "npm:react-intl@^5.18.1"
@@ -133,9 +133,6 @@
 		"platform_editor_ease_of_use_metrics": {
 			"type": "boolean"
 		},
-		"platform_editor_refactor_view_more_fix": {
-			"type": "boolean"
-		},
 		"platform_editor_add_media_from_url_rollout": {
 			"type": "boolean"
 		},