@atlaskit/editor-plugin-insert-block 7.0.27 → 7.0.29

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

@@ -256,26 +256,12 @@ export var getToolbarComponents = function getToolbarComponents(_ref) {
 
   // Insert Group
   if ((_config$insert = config.insert) !== null && _config$insert !== void 0 && _config$insert.enabled) {
-    components.push({
-      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]
-      }]
-    });
-    components.push({
-      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() {
+    var createInsertButtonComponent = function createInsertButtonComponent(breakpoint) {
+      return function () {
         return /*#__PURE__*/React.createElement(InsertButton, {
           api: api,
+          breakpoint: breakpoint,
+          toolbarConfig: config,
           showElementBrowserLink: options.showElementBrowserLink,
           tableSelectorSupported: options.tableSelectorSupported,
           onInsertBlockType: onInsertBlockType,
@@ -283,10 +269,170 @@ export var getToolbarComponents = function getToolbarComponents(_ref) {
           horizontalRuleEnabled: options.horizontalRuleEnabled,
           expandEnabled: options.allowExpand,
           insertMenuItems: options.insertMenuItems,
-          numberOfButtons: 7 // TODO: ED-28759 - Default to 7 buttons - Remove this once we have a proper way to do toolbar responsiveness
+          numberOfButtons: 0
         });
-      }
-    });
+      };
+    };
+    if (fg('platform_editor_toolbar_aifc_ga_blockers')) {
+      components.push({
+        type: INSERT_GROUP.type,
+        key: "".concat(INSERT_GROUP.key, "-none"),
+        parents: [{
+          type: INSERT_BLOCK_SECTION.type,
+          key: INSERT_BLOCK_SECTION.key,
+          rank: INSERT_BLOCK_SECTION_RANK[INSERT_GROUP.key]
+        }],
+        component: function component(_ref3) {
+          var children = _ref3.children;
+          return /*#__PURE__*/React.createElement(Show, {
+            below: "sm"
+          }, /*#__PURE__*/React.createElement(ToolbarButtonGroup, null, children));
+        }
+      });
+      components.push({
+        type: INSERT_BUTTON.type,
+        key: INSERT_BUTTON.key,
+        parents: [{
+          type: INSERT_GROUP.type,
+          key: "".concat(INSERT_GROUP.key, "-none"),
+          rank: INSERT_GROUP_RANK[INSERT_BUTTON.key]
+        }],
+        component: createInsertButtonComponent(null)
+      });
+      components.push({
+        type: INSERT_GROUP.type,
+        key: "".concat(INSERT_GROUP.key, "-sm"),
+        parents: [{
+          type: INSERT_BLOCK_SECTION.type,
+          key: INSERT_BLOCK_SECTION.key,
+          rank: INSERT_BLOCK_SECTION_RANK[INSERT_GROUP.key]
+        }],
+        component: function component(_ref4) {
+          var children = _ref4.children;
+          return /*#__PURE__*/React.createElement(Show, {
+            only: "sm"
+          }, /*#__PURE__*/React.createElement(ToolbarButtonGroup, null, children));
+        }
+      });
+      components.push({
+        type: INSERT_BUTTON.type,
+        key: INSERT_BUTTON.key,
+        parents: [{
+          type: INSERT_GROUP.type,
+          key: "".concat(INSERT_GROUP.key, "-sm"),
+          rank: INSERT_GROUP_RANK[INSERT_BUTTON.key]
+        }],
+        component: createInsertButtonComponent('sm')
+      });
+      components.push({
+        type: INSERT_GROUP.type,
+        key: "".concat(INSERT_GROUP.key, "-md"),
+        parents: [{
+          type: INSERT_BLOCK_SECTION.type,
+          key: INSERT_BLOCK_SECTION.key,
+          rank: INSERT_BLOCK_SECTION_RANK[INSERT_GROUP.key]
+        }],
+        component: function component(_ref5) {
+          var children = _ref5.children;
+          return /*#__PURE__*/React.createElement(Show, {
+            only: "md"
+          }, /*#__PURE__*/React.createElement(ToolbarButtonGroup, null, children));
+        }
+      });
+      components.push({
+        type: INSERT_BUTTON.type,
+        key: INSERT_BUTTON.key,
+        parents: [{
+          type: INSERT_GROUP.type,
+          key: "".concat(INSERT_GROUP.key, "-md"),
+          rank: INSERT_GROUP_RANK[INSERT_BUTTON.key]
+        }],
+        component: createInsertButtonComponent('md')
+      });
+      components.push({
+        type: INSERT_GROUP.type,
+        key: "".concat(INSERT_GROUP.key, "-lg"),
+        parents: [{
+          type: INSERT_BLOCK_SECTION.type,
+          key: INSERT_BLOCK_SECTION.key,
+          rank: INSERT_BLOCK_SECTION_RANK[INSERT_GROUP.key]
+        }],
+        component: function component(_ref6) {
+          var children = _ref6.children;
+          return /*#__PURE__*/React.createElement(Show, {
+            only: "lg"
+          }, /*#__PURE__*/React.createElement(ToolbarButtonGroup, null, children));
+        }
+      });
+      components.push({
+        type: INSERT_BUTTON.type,
+        key: INSERT_BUTTON.key,
+        parents: [{
+          type: INSERT_GROUP.type,
+          key: "".concat(INSERT_GROUP.key, "-lg"),
+          rank: INSERT_GROUP_RANK[INSERT_BUTTON.key]
+        }],
+        component: createInsertButtonComponent('lg')
+      });
+      components.push({
+        type: INSERT_GROUP.type,
+        key: "".concat(INSERT_GROUP.key, "-xl"),
+        parents: [{
+          type: INSERT_BLOCK_SECTION.type,
+          key: INSERT_BLOCK_SECTION.key,
+          rank: INSERT_BLOCK_SECTION_RANK[INSERT_GROUP.key]
+        }],
+        component: function component(_ref7) {
+          var children = _ref7.children;
+          return /*#__PURE__*/React.createElement(Show, {
+            only: "xl"
+          }, /*#__PURE__*/React.createElement(ToolbarButtonGroup, null, children));
+        }
+      });
+      components.push({
+        type: INSERT_BUTTON.type,
+        key: INSERT_BUTTON.key,
+        parents: [{
+          type: INSERT_GROUP.type,
+          key: "".concat(INSERT_GROUP.key, "-xl"),
+          rank: INSERT_GROUP_RANK[INSERT_BUTTON.key]
+        }],
+        component: createInsertButtonComponent('xl')
+      });
+    } else {
+      components.push({
+        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]
+        }]
+      });
+      components.push({
+        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,
+            toolbarConfig: config,
+            showElementBrowserLink: options.showElementBrowserLink,
+            tableSelectorSupported: options.tableSelectorSupported,
+            onInsertBlockType: onInsertBlockType,
+            nativeStatusSupported: options.nativeStatusSupported,
+            horizontalRuleEnabled: options.horizontalRuleEnabled,
+            expandEnabled: options.allowExpand,
+            insertMenuItems: options.insertMenuItems,
+            numberOfButtons: 7 // TODO: ED-28759 - Default to 7 buttons - Remove this once we have a proper way to do toolbar responsiveness
+          });
+        }
+      });
+    }
   }
   return components;
 };

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

@@ -1,9 +1,12 @@
 import React from 'react';
 import type { ExtractInjectionAPI, Command } from '@atlaskit/editor-common/types';
 import type { MenuItem } from '@atlaskit/editor-common/ui-menu';
+import type { Breakpoint } from '@atlaskit/editor-toolbar';
 import type { InsertBlockPlugin } from '../../insertBlockPluginType';
+import type { ToolbarInsertBlockButtonsConfig } from '../../types';
 type InsertButtonProps = {
     api?: ExtractInjectionAPI<InsertBlockPlugin>;
+    breakpoint?: Breakpoint | null;
     expandEnabled?: boolean;
     horizontalRuleEnabled?: boolean;
     insertMenuItems?: MenuItem[];
@@ -13,6 +16,7 @@ type InsertButtonProps = {
     onInsertBlockType?: (name: string) => Command;
     showElementBrowserLink?: boolean;
     tableSelectorSupported?: boolean;
+    toolbarConfig?: ToolbarInsertBlockButtonsConfig;
 };
-export declare const InsertButton: ({ api, showElementBrowserLink, isFullPageAppearance, tableSelectorSupported, nativeStatusSupported, horizontalRuleEnabled, expandEnabled, insertMenuItems, numberOfButtons, onInsertBlockType, }: InsertButtonProps) => React.JSX.Element | null;
+export declare const InsertButton: ({ api, breakpoint, showElementBrowserLink, isFullPageAppearance, tableSelectorSupported, nativeStatusSupported, horizontalRuleEnabled, expandEnabled, insertMenuItems, numberOfButtons, onInsertBlockType, toolbarConfig, }: InsertButtonProps) => React.JSX.Element | null;
 export {};

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

@@ -3,5 +3,5 @@ import type { BaseToolbarButtonProps } from './shared/types';
 interface TableSizePickerProps extends BaseToolbarButtonProps {
     tableSelectorSupported?: boolean;
 }
-export declare const TableSizePicker: ({ api, tableSelectorSupported }: TableSizePickerProps) => React.JSX.Element | null;
+export declare const TableSizePicker: ({ api, tableSelectorSupported, }: TableSizePickerProps) => React.JSX.Element | null;
 export {};

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

@@ -0,0 +1,5 @@
+import type { Breakpoint } from '@atlaskit/editor-toolbar';
+import type { ToolbarInsertBlockButtonsConfig } from '../../../types';
+import type { BlockMenuItem } from '../../ToolbarInsertBlock/create-items';
+export declare const LINK_BUTTON_KEY = "link";
+export declare function filterDropdownItemsByBreakpoint(items: BlockMenuItem[], currentBreakpoint: Breakpoint | null, toolbarConfig: ToolbarInsertBlockButtonsConfig): BlockMenuItem[];

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

@@ -1,11 +1,14 @@
 import type { ExtractInjectionAPI } from '@atlaskit/editor-common/types';
 import type { MenuItem } from '@atlaskit/editor-common/ui-menu';
-import type { EditorView } from '@atlaskit/editor-prosemirror/dist/types/view';
+import type { EditorView } from '@atlaskit/editor-prosemirror/view';
+import type { Breakpoint } from '@atlaskit/editor-toolbar';
 import type { EmojiProvider } from '@atlaskit/emoji';
 import type { InsertBlockPlugin } from '../../../insertBlockPluginType';
+import type { ToolbarInsertBlockButtonsConfig } from '../../../types';
 import type { BlockMenuItem } from '../../ToolbarInsertBlock/create-items';
 interface UseInsertButtonStateProps {
     api?: ExtractInjectionAPI<InsertBlockPlugin>;
+    breakpoint?: Breakpoint | null;
     editorView?: EditorView;
     expandEnabled?: boolean;
     horizontalRuleEnabled?: boolean;
@@ -14,11 +17,12 @@ interface UseInsertButtonStateProps {
     numberOfButtons?: number;
     showElementBrowserLink?: boolean;
     tableSelectorSupported?: boolean;
+    toolbarConfig?: ToolbarInsertBlockButtonsConfig;
 }
 export interface InsertButtonState {
     dropdownItems: BlockMenuItem[];
     emojiProvider?: EmojiProvider;
     isTypeAheadAllowed?: boolean;
 }
-export declare const useInsertButtonState: ({ api, editorView, horizontalRuleEnabled, insertMenuItems, nativeStatusSupported, numberOfButtons, tableSelectorSupported, expandEnabled, showElementBrowserLink, }: UseInsertButtonStateProps) => InsertButtonState;
+export declare const useInsertButtonState: ({ api, breakpoint, editorView, horizontalRuleEnabled, insertMenuItems, nativeStatusSupported, numberOfButtons, tableSelectorSupported, expandEnabled, showElementBrowserLink, toolbarConfig, }: UseInsertButtonStateProps) => InsertButtonState;
 export {};

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

@@ -1,9 +1,12 @@
 import React from 'react';
 import type { ExtractInjectionAPI, Command } from '@atlaskit/editor-common/types';
 import type { MenuItem } from '@atlaskit/editor-common/ui-menu';
+import type { Breakpoint } from '@atlaskit/editor-toolbar';
 import type { InsertBlockPlugin } from '../../insertBlockPluginType';
+import type { ToolbarInsertBlockButtonsConfig } from '../../types';
 type InsertButtonProps = {
     api?: ExtractInjectionAPI<InsertBlockPlugin>;
+    breakpoint?: Breakpoint | null;
     expandEnabled?: boolean;
     horizontalRuleEnabled?: boolean;
     insertMenuItems?: MenuItem[];
@@ -13,6 +16,7 @@ type InsertButtonProps = {
     onInsertBlockType?: (name: string) => Command;
     showElementBrowserLink?: boolean;
     tableSelectorSupported?: boolean;
+    toolbarConfig?: ToolbarInsertBlockButtonsConfig;
 };
-export declare const InsertButton: ({ api, showElementBrowserLink, isFullPageAppearance, tableSelectorSupported, nativeStatusSupported, horizontalRuleEnabled, expandEnabled, insertMenuItems, numberOfButtons, onInsertBlockType, }: InsertButtonProps) => React.JSX.Element | null;
+export declare const InsertButton: ({ api, breakpoint, showElementBrowserLink, isFullPageAppearance, tableSelectorSupported, nativeStatusSupported, horizontalRuleEnabled, expandEnabled, insertMenuItems, numberOfButtons, onInsertBlockType, toolbarConfig, }: InsertButtonProps) => React.JSX.Element | null;
 export {};

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

@@ -3,5 +3,5 @@ import type { BaseToolbarButtonProps } from './shared/types';
 interface TableSizePickerProps extends BaseToolbarButtonProps {
     tableSelectorSupported?: boolean;
 }
-export declare const TableSizePicker: ({ api, tableSelectorSupported }: TableSizePickerProps) => React.JSX.Element | null;
+export declare const TableSizePicker: ({ api, tableSelectorSupported, }: TableSizePickerProps) => React.JSX.Element | null;
 export {};

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

@@ -0,0 +1,5 @@
+import type { Breakpoint } from '@atlaskit/editor-toolbar';
+import type { ToolbarInsertBlockButtonsConfig } from '../../../types';
+import type { BlockMenuItem } from '../../ToolbarInsertBlock/create-items';
+export declare const LINK_BUTTON_KEY = "link";
+export declare function filterDropdownItemsByBreakpoint(items: BlockMenuItem[], currentBreakpoint: Breakpoint | null, toolbarConfig: ToolbarInsertBlockButtonsConfig): BlockMenuItem[];

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

@@ -1,11 +1,14 @@
 import type { ExtractInjectionAPI } from '@atlaskit/editor-common/types';
 import type { MenuItem } from '@atlaskit/editor-common/ui-menu';
-import type { EditorView } from '@atlaskit/editor-prosemirror/dist/types/view';
+import type { EditorView } from '@atlaskit/editor-prosemirror/view';
+import type { Breakpoint } from '@atlaskit/editor-toolbar';
 import type { EmojiProvider } from '@atlaskit/emoji';
 import type { InsertBlockPlugin } from '../../../insertBlockPluginType';
+import type { ToolbarInsertBlockButtonsConfig } from '../../../types';
 import type { BlockMenuItem } from '../../ToolbarInsertBlock/create-items';
 interface UseInsertButtonStateProps {
     api?: ExtractInjectionAPI<InsertBlockPlugin>;
+    breakpoint?: Breakpoint | null;
     editorView?: EditorView;
     expandEnabled?: boolean;
     horizontalRuleEnabled?: boolean;
@@ -14,11 +17,12 @@ interface UseInsertButtonStateProps {
     numberOfButtons?: number;
     showElementBrowserLink?: boolean;
     tableSelectorSupported?: boolean;
+    toolbarConfig?: ToolbarInsertBlockButtonsConfig;
 }
 export interface InsertButtonState {
     dropdownItems: BlockMenuItem[];
     emojiProvider?: EmojiProvider;
     isTypeAheadAllowed?: boolean;
 }
-export declare const useInsertButtonState: ({ api, editorView, horizontalRuleEnabled, insertMenuItems, nativeStatusSupported, numberOfButtons, tableSelectorSupported, expandEnabled, showElementBrowserLink, }: UseInsertButtonStateProps) => InsertButtonState;
+export declare const useInsertButtonState: ({ api, breakpoint, editorView, horizontalRuleEnabled, insertMenuItems, nativeStatusSupported, numberOfButtons, tableSelectorSupported, expandEnabled, showElementBrowserLink, toolbarConfig, }: UseInsertButtonStateProps) => InsertButtonState;
 export {};

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-plugin-insert-block",
-	"version": "7.0.27",
+	"version": "7.0.29",
 	"description": "Insert block plugin for @atlaskit/editor-core",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",
@@ -41,7 +41,7 @@
 		"@atlaskit/editor-plugin-hyperlink": "^8.1.0",
 		"@atlaskit/editor-plugin-image-upload": "^6.0.0",
 		"@atlaskit/editor-plugin-layout": "^6.2.0",
-		"@atlaskit/editor-plugin-media": "^8.4.0",
+		"@atlaskit/editor-plugin-media": "^8.5.0",
 		"@atlaskit/editor-plugin-media-insert": "^14.0.0",
 		"@atlaskit/editor-plugin-mentions": "^8.2.0",
 		"@atlaskit/editor-plugin-metrics": "^7.1.0",
@@ -51,21 +51,21 @@
 		"@atlaskit/editor-plugin-quick-insert": "^6.1.0",
 		"@atlaskit/editor-plugin-rule": "^6.1.0",
 		"@atlaskit/editor-plugin-status": "^7.1.0",
-		"@atlaskit/editor-plugin-table": "^15.4.0",
+		"@atlaskit/editor-plugin-table": "^15.5.0",
 		"@atlaskit/editor-plugin-tasks-and-decisions": "^9.1.0",
 		"@atlaskit/editor-plugin-toolbar": "^3.4.0",
 		"@atlaskit/editor-plugin-type-ahead": "^6.5.0",
-		"@atlaskit/editor-prosemirror": "7.0.0",
+		"@atlaskit/editor-prosemirror": "^7.2.0",
 		"@atlaskit/editor-shared-styles": "^3.10.0",
 		"@atlaskit/editor-toolbar": "^0.18.0",
 		"@atlaskit/editor-toolbar-model": "^0.2.0",
 		"@atlaskit/emoji": "^69.9.0",
-		"@atlaskit/icon": "^29.0.0",
+		"@atlaskit/icon": "^29.1.0",
 		"@atlaskit/icon-lab": "^5.12.0",
 		"@atlaskit/platform-feature-flags": "^1.1.0",
 		"@atlaskit/theme": "^21.0.0",
-		"@atlaskit/tmp-editor-statsig": "^15.0.0",
-		"@atlaskit/tokens": "^8.4.0",
+		"@atlaskit/tmp-editor-statsig": "^15.12.0",
+		"@atlaskit/tokens": "^8.5.0",
 		"@babel/runtime": "^7.0.0",
 		"@emotion/react": "^11.7.1",
 		"bind-event-listener": "^3.0.0",
@@ -74,13 +74,13 @@
 		"react-virtualized": "^9.22.6"
 	},
 	"peerDependencies": {
-		"@atlaskit/editor-common": "^110.40.0",
+		"@atlaskit/editor-common": "^110.44.0",
 		"react": "^18.2.0",
 		"react-dom": "^18.2.0",
 		"react-intl-next": "npm:react-intl@^5.18.1"
 	},
 	"devDependencies": {
-		"@testing-library/react": "^13.4.0",
+		"@testing-library/react": "^16.3.0",
 		"@types/react-virtualized": "^9.18.12"
 	},
 	"techstack": {
@@ -120,6 +120,9 @@
 		}
 	},
 	"platform-feature-flags": {
+		"platform_editor_toolbar_aifc_ga_blockers": {
+			"type": "boolean"
+		},
 		"platform_editor_toolbar_responsive_fixes": {
 			"type": "boolean"
 		},