@atlaskit/editor-plugin-text-formatting 5.2.2 → 5.3.1

package/dist/esm/ui/Toolbar/components/UnderlineButtonGroup.js

@@ -0,0 +1,56 @@
+import React from 'react';
+import { UNDERLINE_BUTTON_GROUP, UNDERLINE_BUTTON, TEXT_SECTION_PRIMARY_TOOLBAR, TEXT_FORMAT_GROUP_RANK, useEditorToolbar } from '@atlaskit/editor-common/toolbar';
+import { Show, ToolbarButtonGroup } from '@atlaskit/editor-toolbar';
+import { FormatOptions } from '../types';
+import { FormatButton } from './Component';
+import { formatOptions } from './utils';
+var UnderlineButtonGroup = function UnderlineButtonGroup(_ref) {
+  var children = _ref.children;
+  var _useEditorToolbar = useEditorToolbar(),
+    editorAppearance = _useEditorToolbar.editorAppearance;
+  if (editorAppearance === 'full-page') {
+    return /*#__PURE__*/React.createElement(Show, {
+      above: "xl"
+    }, /*#__PURE__*/React.createElement(ToolbarButtonGroup, null, children));
+  }
+};
+export var underlineButtonGroup = function underlineButtonGroup(api) {
+  return [{
+    type: UNDERLINE_BUTTON_GROUP.type,
+    key: UNDERLINE_BUTTON_GROUP.key,
+    parents: [{
+      type: TEXT_SECTION_PRIMARY_TOOLBAR.type,
+      key: TEXT_SECTION_PRIMARY_TOOLBAR.key,
+      rank: TEXT_FORMAT_GROUP_RANK[UNDERLINE_BUTTON_GROUP.key]
+    }],
+    component: function component(_ref2) {
+      var children = _ref2.children;
+      return /*#__PURE__*/React.createElement(UnderlineButtonGroup, null, children);
+    }
+  }, {
+    type: UNDERLINE_BUTTON.type,
+    key: UNDERLINE_BUTTON.key,
+    parents: [{
+      type: UNDERLINE_BUTTON_GROUP.type,
+      key: UNDERLINE_BUTTON_GROUP.key,
+      rank: 100
+    }],
+    component: function component(_ref3) {
+      var parents = _ref3.parents;
+      var _formatOptions$underl = formatOptions().underline,
+        icon = _formatOptions$underl.icon,
+        command = _formatOptions$underl.command,
+        shortcut = _formatOptions$underl.shortcut,
+        title = _formatOptions$underl.title;
+      return /*#__PURE__*/React.createElement(FormatButton, {
+        api: api,
+        parents: parents,
+        icon: icon,
+        title: title,
+        shortcut: shortcut,
+        optionType: FormatOptions.underline,
+        toggleMarkWithAnalyticsCallback: command
+      });
+    }
+  }];
+};

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

@@ -1,48 +1,18 @@
 import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
-import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import React from 'react';
 import { CLEAR_FORMARTTING_MENU_SECTION, CLEAR_FORMATTING_MENU_ITEM, TEXT_FORMATTING_GROUP, TEXT_FORMATTING_HERO_BUTTON, TEXT_FORMATTING_MENU, TEXT_FORMATTING_MENU_SECTION, TEXT_SECTION, TEXT_SECTION_RANK, TEXT_FORMAT_GROUP_RANK, TEXT_FORMAT_MENU_RANK, CLEAR_FORMARTTING_MENU_SECTION_RANK, TEXT_COLLAPSED_MENU_RANK, TEXT_COLLAPSED_MENU } from '@atlaskit/editor-common/toolbar';
 import { ToolbarDropdownItemSection } from '@atlaskit/editor-toolbar';
 import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
-import { FormatMenuItem, FormatButton, ClearFormatMenuItem, MoreFormattingMenu, MenuSection } from './Toolbar/components/Component';
+import { boldButtonGroup } from './Toolbar/components/BoldButtonGroup';
+import { FormatButton, ClearFormatMenuItem, MoreFormattingMenu, MenuSection } from './Toolbar/components/Component';
+import { textFormattingGroupForInlineToolbar } from './Toolbar/components/TextFormattingGroupForInlineToolbar';
+import { textFormattingGroupForPrimaryToolbar } from './Toolbar/components/TextFormattingGroups';
+import { textFormattingMenuGroup } from './Toolbar/components/TextFormattingMenuGroup';
+import { underlineButtonGroup } from './Toolbar/components/UnderlineButtonGroup';
 import { formatOptions } from './Toolbar/components/utils';
 import { FormatOptions } from './Toolbar/types';
-var getFormatMenuItems = function getFormatMenuItems(api) {
-  return Object.entries(formatOptions()).map(function (_ref) {
-    var _ref2 = _slicedToArray(_ref, 2),
-      optionType = _ref2[0],
-      _ref2$ = _ref2[1],
-      icon = _ref2$.icon,
-      shortcut = _ref2$.shortcut,
-      title = _ref2$.title,
-      command = _ref2$.command,
-      rank = _ref2$.rank,
-      key = _ref2$.key;
-    return {
-      type: 'menu-item',
-      key: key,
-      parents: [{
-        type: TEXT_FORMATTING_MENU_SECTION.type,
-        key: TEXT_FORMATTING_MENU_SECTION.key,
-        rank: rank
-      }],
-      component: function component(_ref3) {
-        var parents = _ref3.parents;
-        return /*#__PURE__*/React.createElement(FormatMenuItem, {
-          api: api,
-          parents: parents,
-          icon: icon,
-          shortcut: shortcut,
-          title: title,
-          optionType: optionType,
-          toggleMarkWithAnalyticsCallback: command
-        });
-      }
-    };
-  });
-};
 export var getToolbarComponents = function getToolbarComponents(api) {
-  return [{
+  return expValEquals('platform_editor_toolbar_aifc_responsiveness_update', 'isEnabled', true) ? getToolbarComponentsResponsivenessUpdate(api) : [{
     type: TEXT_FORMATTING_GROUP.type,
     key: TEXT_FORMATTING_GROUP.key,
     parents: [{
@@ -58,8 +28,8 @@ export var getToolbarComponents = function getToolbarComponents(api) {
       key: TEXT_FORMATTING_GROUP.key,
       rank: TEXT_FORMAT_GROUP_RANK[TEXT_FORMATTING_HERO_BUTTON.key]
     }],
-    component: function component(_ref4) {
-      var parents = _ref4.parents;
+    component: function component(_ref) {
+      var parents = _ref.parents;
       var _formatOptions$strong = formatOptions().strong,
         icon = _formatOptions$strong.icon,
         command = _formatOptions$strong.command,
@@ -83,8 +53,8 @@ export var getToolbarComponents = function getToolbarComponents(api) {
       key: TEXT_FORMATTING_GROUP.key,
       rank: TEXT_FORMAT_GROUP_RANK[TEXT_FORMATTING_MENU.key]
     }],
-    component: function component(_ref5) {
-      var children = _ref5.children;
+    component: function component(_ref2) {
+      var children = _ref2.children;
       return /*#__PURE__*/React.createElement(MoreFormattingMenu, null, children);
     }
   }, {
@@ -100,7 +70,7 @@ export var getToolbarComponents = function getToolbarComponents(api) {
       rank: TEXT_COLLAPSED_MENU_RANK[TEXT_FORMATTING_MENU_SECTION.key]
     }] : [])),
     component: expValEquals('platform_editor_toolbar_aifc_responsive', 'isEnabled', true) ? MenuSection : undefined
-  }].concat(_toConsumableArray(getFormatMenuItems(api)), [{
+  }, {
     type: CLEAR_FORMARTTING_MENU_SECTION.type,
     key: CLEAR_FORMARTTING_MENU_SECTION.key,
     parents: [{
@@ -112,8 +82,8 @@ export var getToolbarComponents = function getToolbarComponents(api) {
       key: TEXT_COLLAPSED_MENU.key,
       rank: TEXT_COLLAPSED_MENU_RANK[CLEAR_FORMARTTING_MENU_SECTION.key]
     }] : [])),
-    component: function component(_ref6) {
-      var children = _ref6.children;
+    component: function component(_ref3) {
+      var children = _ref3.children;
       return /*#__PURE__*/React.createElement(ToolbarDropdownItemSection, {
         hasSeparator: true
       }, children);
@@ -126,12 +96,15 @@ export var getToolbarComponents = function getToolbarComponents(api) {
       key: CLEAR_FORMARTTING_MENU_SECTION.key,
       rank: CLEAR_FORMARTTING_MENU_SECTION_RANK[CLEAR_FORMATTING_MENU_ITEM.key]
     }],
-    component: function component(_ref7) {
-      var parents = _ref7.parents;
+    component: function component(_ref4) {
+      var parents = _ref4.parents;
       return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(ClearFormatMenuItem, {
         parents: parents,
         api: api
       }));
     }
-  }]);
+  }];
+};
+export var getToolbarComponentsResponsivenessUpdate = function getToolbarComponentsResponsivenessUpdate(api) {
+  return [].concat(_toConsumableArray(textFormattingGroupForPrimaryToolbar(api)), _toConsumableArray(textFormattingGroupForInlineToolbar(api)), _toConsumableArray(boldButtonGroup(api)), _toConsumableArray(underlineButtonGroup(api)), _toConsumableArray(textFormattingMenuGroup(api)));
 };

package/dist/types/ui/Toolbar/components/BoldButtonGroup.d.ts

@@ -0,0 +1,4 @@
+import { type ExtractInjectionAPI } from '@atlaskit/editor-common/types';
+import { type RegisterComponent } from '@atlaskit/editor-toolbar-model';
+import { type TextFormattingPlugin } from '../../../textFormattingPluginType';
+export declare const boldButtonGroup: (api?: ExtractInjectionAPI<TextFormattingPlugin>) => RegisterComponent[];

package/dist/types/ui/Toolbar/components/TextFormattingGroupForInlineToolbar.d.ts

@@ -0,0 +1,4 @@
+import { type ExtractInjectionAPI } from '@atlaskit/editor-common/types';
+import { type RegisterComponent } from '@atlaskit/editor-toolbar-model';
+import { type TextFormattingPlugin } from '../../../textFormattingPluginType';
+export declare const textFormattingGroupForInlineToolbar: (api?: ExtractInjectionAPI<TextFormattingPlugin>) => RegisterComponent[];

package/dist/types/ui/Toolbar/components/TextFormattingGroups.d.ts

@@ -0,0 +1,4 @@
+import { type ExtractInjectionAPI } from '@atlaskit/editor-common/types';
+import { type RegisterComponent } from '@atlaskit/editor-toolbar-model';
+import { type TextFormattingPlugin } from '../../../textFormattingPluginType';
+export declare const textFormattingGroupForPrimaryToolbar: (api?: ExtractInjectionAPI<TextFormattingPlugin>) => RegisterComponent[];

package/dist/types/ui/Toolbar/components/TextFormattingMenuGroup.d.ts

@@ -0,0 +1,4 @@
+import { type ExtractInjectionAPI } from '@atlaskit/editor-common/types';
+import { type RegisterComponent } from '@atlaskit/editor-toolbar-model';
+import { type TextFormattingPlugin } from '../../../textFormattingPluginType';
+export declare const textFormattingMenuGroup: (api?: ExtractInjectionAPI<TextFormattingPlugin>) => RegisterComponent[];

package/dist/types/ui/Toolbar/components/UnderlineButtonGroup.d.ts

@@ -0,0 +1,4 @@
+import { type ExtractInjectionAPI } from '@atlaskit/editor-common/types';
+import { type RegisterComponent } from '@atlaskit/editor-toolbar-model';
+import { type TextFormattingPlugin } from '../../../textFormattingPluginType';
+export declare const underlineButtonGroup: (api?: ExtractInjectionAPI<TextFormattingPlugin>) => RegisterComponent[];

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

@@ -2,3 +2,4 @@ import { type ExtractInjectionAPI } from '@atlaskit/editor-common/types';
 import { type RegisterComponent } from '@atlaskit/editor-toolbar-model';
 import { type TextFormattingPlugin } from '../textFormattingPluginType';
 export declare const getToolbarComponents: (api?: ExtractInjectionAPI<TextFormattingPlugin>) => RegisterComponent[];
+export declare const getToolbarComponentsResponsivenessUpdate: (api?: ExtractInjectionAPI<TextFormattingPlugin>) => RegisterComponent[];

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

@@ -0,0 +1,4 @@
+import { type ExtractInjectionAPI } from '@atlaskit/editor-common/types';
+import { type RegisterComponent } from '@atlaskit/editor-toolbar-model';
+import { type TextFormattingPlugin } from '../../../textFormattingPluginType';
+export declare const boldButtonGroup: (api?: ExtractInjectionAPI<TextFormattingPlugin>) => RegisterComponent[];

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

@@ -0,0 +1,4 @@
+import { type ExtractInjectionAPI } from '@atlaskit/editor-common/types';
+import { type RegisterComponent } from '@atlaskit/editor-toolbar-model';
+import { type TextFormattingPlugin } from '../../../textFormattingPluginType';
+export declare const textFormattingGroupForInlineToolbar: (api?: ExtractInjectionAPI<TextFormattingPlugin>) => RegisterComponent[];

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

@@ -0,0 +1,4 @@
+import { type ExtractInjectionAPI } from '@atlaskit/editor-common/types';
+import { type RegisterComponent } from '@atlaskit/editor-toolbar-model';
+import { type TextFormattingPlugin } from '../../../textFormattingPluginType';
+export declare const textFormattingGroupForPrimaryToolbar: (api?: ExtractInjectionAPI<TextFormattingPlugin>) => RegisterComponent[];

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

@@ -0,0 +1,4 @@
+import { type ExtractInjectionAPI } from '@atlaskit/editor-common/types';
+import { type RegisterComponent } from '@atlaskit/editor-toolbar-model';
+import { type TextFormattingPlugin } from '../../../textFormattingPluginType';
+export declare const textFormattingMenuGroup: (api?: ExtractInjectionAPI<TextFormattingPlugin>) => RegisterComponent[];

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

@@ -0,0 +1,4 @@
+import { type ExtractInjectionAPI } from '@atlaskit/editor-common/types';
+import { type RegisterComponent } from '@atlaskit/editor-toolbar-model';
+import { type TextFormattingPlugin } from '../../../textFormattingPluginType';
+export declare const underlineButtonGroup: (api?: ExtractInjectionAPI<TextFormattingPlugin>) => RegisterComponent[];

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

@@ -2,3 +2,4 @@ import { type ExtractInjectionAPI } from '@atlaskit/editor-common/types';
 import { type RegisterComponent } from '@atlaskit/editor-toolbar-model';
 import { type TextFormattingPlugin } from '../textFormattingPluginType';
 export declare const getToolbarComponents: (api?: ExtractInjectionAPI<TextFormattingPlugin>) => RegisterComponent[];
+export declare const getToolbarComponentsResponsivenessUpdate: (api?: ExtractInjectionAPI<TextFormattingPlugin>) => RegisterComponent[];

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-plugin-text-formatting",
-	"version": "5.2.2",
+	"version": "5.3.1",
 	"description": "Text-formatting plugin for @atlaskit/editor-core",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",
@@ -29,9 +29,9 @@
 	],
 	"atlaskit:src": "src/index.ts",
 	"dependencies": {
-		"@atlaskit/adf-schema": "^51.1.2",
-		"@atlaskit/editor-plugin-analytics": "^5.2.0",
-		"@atlaskit/editor-plugin-base": "^6.2.0",
+		"@atlaskit/adf-schema": "^51.2.0",
+		"@atlaskit/editor-plugin-analytics": "^5.3.0",
+		"@atlaskit/editor-plugin-base": "^6.3.0",
 		"@atlaskit/editor-plugin-primary-toolbar": "^6.0.0",
 		"@atlaskit/editor-plugin-selection-toolbar": "^6.1.0",
 		"@atlaskit/editor-plugin-toolbar": "^2.1.0",
@@ -40,17 +40,17 @@
 		"@atlaskit/editor-tables": "^2.9.0",
 		"@atlaskit/editor-toolbar": "^0.9.0",
 		"@atlaskit/editor-toolbar-model": "^0.2.0",
-		"@atlaskit/icon": "^28.2.0",
+		"@atlaskit/icon": "^28.3.0",
 		"@atlaskit/platform-feature-flags": "^1.1.0",
 		"@atlaskit/prosemirror-input-rules": "^3.4.0",
-		"@atlaskit/tmp-editor-statsig": "^12.25.0",
+		"@atlaskit/tmp-editor-statsig": "^12.31.0",
 		"@atlaskit/tokens": "^6.3.0",
 		"@babel/runtime": "^7.0.0",
 		"@emotion/react": "^11.7.1",
 		"react-intl-next": "npm:react-intl@^5.18.1"
 	},
 	"peerDependencies": {
-		"@atlaskit/editor-common": "^109.10.0",
+		"@atlaskit/editor-common": "^109.16.0",
 		"react": "^18.2.0"
 	},
 	"devDependencies": {