@atlaskit/editor-plugin-selection-extension 7.1.3 → 7.2.0

package/CHANGELOG.md

@@ -1,5 +1,16 @@
 # @atlaskit/editor-plugin-selection-extension
 
+## 7.2.0
+
+### Minor Changes
+
+- [`ed556ceff1790`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/ed556ceff1790) -
+  Update selectionExtension config to accept lozenge in menu button
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 7.1.3
 
 ### Patch Changes

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

@@ -8,6 +8,9 @@ exports.MenuItem = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _toolbar = require("@atlaskit/editor-common/toolbar");
 var _editorToolbar = require("@atlaskit/editor-toolbar");
+var _lozenge = _interopRequireDefault(require("@atlaskit/lozenge"));
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
+var _compiled = require("@atlaskit/primitives/compiled");
 var _main = require("../../pm-plugins/main");
 var _utils = require("../../pm-plugins/utils");
 var _types = require("../../types");
@@ -53,6 +56,11 @@ var MenuItem = exports.MenuItem = function MenuItem(_ref) {
       }),
       onClick: onClickHandle(extension),
       isDisabled: extension.isDisabled
-    }, extension.label);
+    }, extension.label, extension.lozenge && (0, _platformFeatureFlags.fg)('platform_editor_selection_extension_lozenge') && /*#__PURE__*/_react.default.createElement(_compiled.Box, {
+      as: "span",
+      paddingInline: "space.100"
+    }, /*#__PURE__*/_react.default.createElement(_lozenge.default, {
+      appearance: 'new'
+    }, extension.lozenge.label)));
   }));
 };

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

@@ -1,6 +1,9 @@
 import React from 'react';
 import { useEditorToolbar } from '@atlaskit/editor-common/toolbar';
 import { ToolbarDropdownItem } from '@atlaskit/editor-toolbar';
+import Lozenge from '@atlaskit/lozenge';
+import { fg } from '@atlaskit/platform-feature-flags';
+import { Box } from '@atlaskit/primitives/compiled';
 import { selectionExtensionPluginKey } from '../../pm-plugins/main';
 import { getSelectionAdfInfoNew, getSelectionTextInfo } from '../../pm-plugins/utils';
 import { SelectionExtensionActionTypes } from '../../types';
@@ -48,6 +51,11 @@ export const MenuItem = ({
       }),
       onClick: onClickHandle(extension),
       isDisabled: extension.isDisabled
-    }, extension.label);
+    }, extension.label, extension.lozenge && fg('platform_editor_selection_extension_lozenge') && /*#__PURE__*/React.createElement(Box, {
+      as: "span",
+      paddingInline: "space.100"
+    }, /*#__PURE__*/React.createElement(Lozenge, {
+      appearance: 'new'
+    }, extension.lozenge.label)));
   }));
 };

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

@@ -1,6 +1,9 @@
 import React from 'react';
 import { useEditorToolbar } from '@atlaskit/editor-common/toolbar';
 import { ToolbarDropdownItem } from '@atlaskit/editor-toolbar';
+import Lozenge from '@atlaskit/lozenge';
+import { fg } from '@atlaskit/platform-feature-flags';
+import { Box } from '@atlaskit/primitives/compiled';
 import { selectionExtensionPluginKey } from '../../pm-plugins/main';
 import { getSelectionAdfInfoNew, getSelectionTextInfo } from '../../pm-plugins/utils';
 import { SelectionExtensionActionTypes } from '../../types';
@@ -46,6 +49,11 @@ export var MenuItem = function MenuItem(_ref) {
       }),
       onClick: onClickHandle(extension),
       isDisabled: extension.isDisabled
-    }, extension.label);
+    }, extension.label, extension.lozenge && fg('platform_editor_selection_extension_lozenge') && /*#__PURE__*/React.createElement(Box, {
+      as: "span",
+      paddingInline: "space.100"
+    }, /*#__PURE__*/React.createElement(Lozenge, {
+      appearance: 'new'
+    }, extension.lozenge.label)));
   }));
 };

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

@@ -155,6 +155,12 @@ export type ExtensionMenuItemConfiguration = {
     }>>;
     isDisabled?: boolean;
     label: string;
+    /**
+     * Optional lozenge to display next to the label in the menu
+     */
+    lozenge?: {
+        label: string;
+    };
     onClick?: () => void;
     /**
      * Optional menu-section to declare grouping - only used for menu items

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

@@ -155,6 +155,12 @@ export type ExtensionMenuItemConfiguration = {
     }>>;
     isDisabled?: boolean;
     label: string;
+    /**
+     * Optional lozenge to display next to the label in the menu
+     */
+    lozenge?: {
+        label: string;
+    };
     onClick?: () => void;
     /**
      * Optional menu-section to declare grouping - only used for menu items

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-plugin-selection-extension",
-	"version": "7.1.3",
+	"version": "7.2.0",
 	"description": "editor-plugin-selection-extension plugin for @atlaskit/editor-core",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",
@@ -47,9 +47,11 @@
 		"@atlaskit/editor-tables": "^2.9.0",
 		"@atlaskit/editor-toolbar": "^0.18.0",
 		"@atlaskit/icon": "^29.0.0",
+		"@atlaskit/lozenge": "^13.1.0",
 		"@atlaskit/platform-feature-flags": "^1.1.0",
 		"@atlaskit/platform-feature-flags-react": "^0.4.0",
-		"@atlaskit/tmp-editor-statsig": "^14.5.0",
+		"@atlaskit/primitives": "^16.4.0",
+		"@atlaskit/tmp-editor-statsig": "^14.6.0",
 		"@babel/runtime": "^7.0.0",
 		"lodash": "^4.17.21",
 		"react-intl-next": "npm:react-intl@^5.18.1",
@@ -106,6 +108,9 @@
 		"platform_editor_use_preferences_plugin": {
 			"type": "boolean"
 		},
+		"platform_editor_selection_extension_lozenge": {
+			"type": "boolean"
+		},
 		"platform_editor_selection_extension_improvement": {
 			"type": "boolean"
 		}