@atlaskit/editor-plugin-selection-extension 11.0.0 → 11.0.2

package/CHANGELOG.md

@@ -1,5 +1,19 @@
 # @atlaskit/editor-plugin-selection-extension
 
+## 11.0.2
+
+### Patch Changes
+
+- [`a163b0b600d64`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/a163b0b600d64) -
+  [ux] Justify space between for dropdown item to always space lozange on right
+- Updated dependencies
+
+## 11.0.1
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 11.0.0
 
 ### Patch Changes

package/dist/cjs/ui/menu/SelectionExtensionDropdownItem.compiled.css

@@ -1,6 +1,7 @@
 ._172sewfl svg{overflow-y:visible}
 ._18m915vq{overflow-y:hidden}
 ._18u01b66{margin-left:var(--ds-space-050,4px)}
+._1bah1yb4{justify-content:space-between}
 ._1bto1l2s{text-overflow:ellipsis}
 ._1e0c1txw{display:flex}
 ._1o9zidpf{flex-shrink:0}

package/dist/cjs/ui/menu/SelectionExtensionDropdownItem.js

@@ -25,6 +25,7 @@ function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r
 var styles = {
   svgOverflow: "_1wrmewfl _172sewfl",
   contentWrapper: "_1e0c1txw _4cvr1h6o _1ul9idpf",
+  contentWrapperWithJustifyContent: "_1e0c1txw _4cvr1h6o _1bah1yb4 _1ul9idpf",
   label: "_1reo15vq _18m915vq _1bto1l2s _o5721q9c _1ul9idpf",
   lozenge: "_18u01b66 _1o9zidpf"
 };
@@ -128,7 +129,7 @@ var SelectionExtensionDropdownItem = exports.SelectionExtensionDropdownItem = fu
       testId: _blockMenu.EXTENSION_MENU_ITEM_TEST_ID
     }, /*#__PURE__*/_react.default.createElement(_compiled.Box, {
       as: "span",
-      xcss: styles.contentWrapper,
+      xcss: (0, _platformFeatureFlags.fg)('platform_editor_block_menu_v2_patch_5') ? styles.contentWrapperWithJustifyContent : styles.contentWrapper,
       onMouseOver: handleMouseEnter
     }, /*#__PURE__*/_react.default.createElement(_compiled.Box, {
       as: "span",

package/dist/cjs/ui/toolbar/SelectionExtensionDropdownMenu.js

@@ -53,4 +53,6 @@ var SelectionExtensionDropdownMenuComponent = /*#__PURE__*/_react.default.memo(f
     }
   }));
 });
+
+// eslint-disable-next-line @typescript-eslint/ban-types
 var SelectionExtensionDropdownMenu = exports.SelectionExtensionDropdownMenu = (0, _reactIntlNext.injectIntl)(SelectionExtensionDropdownMenuComponent);

package/dist/cjs/ui/toolbar/SelectionExtensionDropdownMenuButton.js

@@ -35,4 +35,6 @@ var SelectionExtensionDropdownMenuButtonComponent = function SelectionExtensionD
     spacing: "none"
   }));
 };
+
+// eslint-disable-next-line @typescript-eslint/ban-types
 var SelectionExtensionDropdownMenuButton = exports.SelectionExtensionDropdownMenuButton = (0, _reactIntlNext.injectIntl)(SelectionExtensionDropdownMenuButtonComponent);

package/dist/cjs/ui/toolbar/SelectionExtensionItems.js

@@ -71,4 +71,6 @@ var SelectionExtensionItemsComponent = exports.SelectionExtensionItemsComponent
     onItemActivated: handleOnItemActivated
   });
 };
+
+// eslint-disable-next-line @typescript-eslint/ban-types
 var SelectionExtensionItems = exports.SelectionExtensionItems = (0, _reactIntlNext.injectIntl)(SelectionExtensionItemsComponent);

package/dist/es2019/ui/menu/SelectionExtensionDropdownItem.compiled.css

@@ -1,6 +1,7 @@
 ._172sewfl svg{overflow-y:visible}
 ._18m915vq{overflow-y:hidden}
 ._18u01b66{margin-left:var(--ds-space-050,4px)}
+._1bah1yb4{justify-content:space-between}
 ._1bto1l2s{text-overflow:ellipsis}
 ._1e0c1txw{display:flex}
 ._1o9zidpf{flex-shrink:0}

package/dist/es2019/ui/menu/SelectionExtensionDropdownItem.js

@@ -15,6 +15,7 @@ import { useSelectionExtensionComponentContext } from '../SelectionExtensionComp
 const styles = {
   svgOverflow: "_1wrmewfl _172sewfl",
   contentWrapper: "_1e0c1txw _4cvr1h6o _1ul9idpf",
+  contentWrapperWithJustifyContent: "_1e0c1txw _4cvr1h6o _1bah1yb4 _1ul9idpf",
   label: "_1reo15vq _18m915vq _1bto1l2s _o5721q9c _1ul9idpf",
   lozenge: "_18u01b66 _1o9zidpf"
 };
@@ -119,7 +120,7 @@ export const SelectionExtensionDropdownItem = ({
       testId: EXTENSION_MENU_ITEM_TEST_ID
     }, /*#__PURE__*/React.createElement(Box, {
       as: "span",
-      xcss: styles.contentWrapper,
+      xcss: fg('platform_editor_block_menu_v2_patch_5') ? styles.contentWrapperWithJustifyContent : styles.contentWrapper,
       onMouseOver: handleMouseEnter
     }, /*#__PURE__*/React.createElement(Box, {
       as: "span",

package/dist/es2019/ui/toolbar/SelectionExtensionDropdownMenu.js

@@ -39,4 +39,6 @@ const SelectionExtensionDropdownMenuComponent = /*#__PURE__*/React.memo(({
     })
   }));
 });
+
+// eslint-disable-next-line @typescript-eslint/ban-types
 export const SelectionExtensionDropdownMenu = injectIntl(SelectionExtensionDropdownMenuComponent);

package/dist/es2019/ui/toolbar/SelectionExtensionDropdownMenuButton.js

@@ -29,4 +29,6 @@ const SelectionExtensionDropdownMenuButtonComponent = ({
     spacing: "none"
   }));
 };
+
+// eslint-disable-next-line @typescript-eslint/ban-types
 export const SelectionExtensionDropdownMenuButton = injectIntl(SelectionExtensionDropdownMenuButtonComponent);

package/dist/es2019/ui/toolbar/SelectionExtensionItems.js

@@ -57,4 +57,6 @@ export const SelectionExtensionItemsComponent = ({
     onItemActivated: handleOnItemActivated
   });
 };
+
+// eslint-disable-next-line @typescript-eslint/ban-types
 export const SelectionExtensionItems = injectIntl(SelectionExtensionItemsComponent);

package/dist/esm/ui/menu/SelectionExtensionDropdownItem.compiled.css

@@ -1,6 +1,7 @@
 ._172sewfl svg{overflow-y:visible}
 ._18m915vq{overflow-y:hidden}
 ._18u01b66{margin-left:var(--ds-space-050,4px)}
+._1bah1yb4{justify-content:space-between}
 ._1bto1l2s{text-overflow:ellipsis}
 ._1e0c1txw{display:flex}
 ._1o9zidpf{flex-shrink:0}

package/dist/esm/ui/menu/SelectionExtensionDropdownItem.js

@@ -16,6 +16,7 @@ import { useSelectionExtensionComponentContext } from '../SelectionExtensionComp
 var styles = {
   svgOverflow: "_1wrmewfl _172sewfl",
   contentWrapper: "_1e0c1txw _4cvr1h6o _1ul9idpf",
+  contentWrapperWithJustifyContent: "_1e0c1txw _4cvr1h6o _1bah1yb4 _1ul9idpf",
   label: "_1reo15vq _18m915vq _1bto1l2s _o5721q9c _1ul9idpf",
   lozenge: "_18u01b66 _1o9zidpf"
 };
@@ -119,7 +120,7 @@ export var SelectionExtensionDropdownItem = function SelectionExtensionDropdownI
       testId: EXTENSION_MENU_ITEM_TEST_ID
     }, /*#__PURE__*/React.createElement(Box, {
       as: "span",
-      xcss: styles.contentWrapper,
+      xcss: fg('platform_editor_block_menu_v2_patch_5') ? styles.contentWrapperWithJustifyContent : styles.contentWrapper,
       onMouseOver: handleMouseEnter
     }, /*#__PURE__*/React.createElement(Box, {
       as: "span",

package/dist/esm/ui/toolbar/SelectionExtensionDropdownMenu.js

@@ -44,4 +44,6 @@ var SelectionExtensionDropdownMenuComponent = /*#__PURE__*/React.memo(function (
     }
   }));
 });
+
+// eslint-disable-next-line @typescript-eslint/ban-types
 export var SelectionExtensionDropdownMenu = injectIntl(SelectionExtensionDropdownMenuComponent);

package/dist/esm/ui/toolbar/SelectionExtensionDropdownMenuButton.js

@@ -28,4 +28,6 @@ var SelectionExtensionDropdownMenuButtonComponent = function SelectionExtensionD
     spacing: "none"
   }));
 };
+
+// eslint-disable-next-line @typescript-eslint/ban-types
 export var SelectionExtensionDropdownMenuButton = injectIntl(SelectionExtensionDropdownMenuButtonComponent);

package/dist/esm/ui/toolbar/SelectionExtensionItems.js

@@ -65,4 +65,6 @@ export var SelectionExtensionItemsComponent = function SelectionExtensionItemsCo
     onItemActivated: handleOnItemActivated
   });
 };
+
+// eslint-disable-next-line @typescript-eslint/ban-types
 export var SelectionExtensionItems = injectIntl(SelectionExtensionItemsComponent);

package/dist/types/ui/SelectionExtensionComponentContext.d.ts

@@ -1,3 +1,4 @@
+import { type Provider } from 'react';
 import type { ExtractInjectionAPI } from '@atlaskit/editor-common/types';
 import type { EditorView } from '@atlaskit/editor-prosemirror/view';
 import type { SelectionExtensionPlugin } from '../selectionExtensionPluginType';
@@ -8,6 +9,6 @@ type SelectionExtensionComponentContextValue = {
     extensionSource: string;
     extensionLocation: 'inline-toolbar' | 'primary-toolbar' | 'block-menu';
 };
-export declare const SelectionExtensionComponentContextProvider: import("react").Provider<SelectionExtensionComponentContextValue | undefined>;
+export declare const SelectionExtensionComponentContextProvider: Provider<SelectionExtensionComponentContextValue | undefined>;
 export declare const useSelectionExtensionComponentContext: () => SelectionExtensionComponentContextValue;
 export {};

package/dist/types/ui/toolbar/SelectionExtensionDropdownMenu.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import type { WrappedComponentProps } from 'react-intl-next';
+import type { WithIntlProps, WrappedComponentProps } from 'react-intl-next';
 import type { EditorAnalyticsAPI } from '@atlaskit/editor-common/analytics';
 import { type MenuItem } from '@atlaskit/editor-common/ui-menu';
 import { type MenuItemsType } from '../../types';
@@ -11,7 +11,7 @@ export type SelectionExtensionDropdownMenuProps = {
         shouldCloseMenu?: boolean;
     }) => void;
 } & WrappedComponentProps;
-export declare const SelectionExtensionDropdownMenu: React.FC<import("react-intl-next").WithIntlProps<{
+export declare const SelectionExtensionDropdownMenu: React.FC<WithIntlProps<{
     editorAnalyticsAPI?: EditorAnalyticsAPI;
     items: MenuItemsType;
     onItemActivated?: (attrs: {

package/dist/types/ui/toolbar/SelectionExtensionDropdownMenuButton.d.ts

@@ -1,8 +1,8 @@
 import React from 'react';
-import type { WrappedComponentProps } from 'react-intl-next';
+import type { WithIntlProps, WrappedComponentProps } from 'react-intl-next';
 import { ToolbarButton } from '@atlaskit/editor-common/ui-menu';
 type SelectionExtensionDropdownMenuButtonProps = React.ComponentProps<typeof ToolbarButton> & WrappedComponentProps;
-export declare const SelectionExtensionDropdownMenuButton: React.FC<import("react-intl-next").WithIntlProps<SelectionExtensionDropdownMenuButtonProps>> & {
+export declare const SelectionExtensionDropdownMenuButton: React.FC<WithIntlProps<SelectionExtensionDropdownMenuButtonProps>> & {
     WrappedComponent: React.ComponentType<SelectionExtensionDropdownMenuButtonProps>;
 };
 export {};

package/dist/types/ui/toolbar/SelectionExtensionItems.d.ts

@@ -3,7 +3,7 @@
  * @jsx
  */
 import React from 'react';
-import type { WrappedComponentProps } from 'react-intl-next';
+import type { WithIntlProps, WrappedComponentProps } from 'react-intl-next';
 import { type EditorAnalyticsAPI } from '@atlaskit/editor-common/analytics';
 import { type ExtractInjectionAPI } from '@atlaskit/editor-common/types';
 import type { EditorView } from '@atlaskit/editor-prosemirror/view';
@@ -17,7 +17,7 @@ type SelectionExtensionItemsProps = {
     onExtensionClick: (extension: SelectionExtension) => void;
 } & WrappedComponentProps;
 export declare const SelectionExtensionItemsComponent: ({ extensions, onExtensionClick, editorAnalyticsAPI, }: SelectionExtensionItemsProps) => React.JSX.Element;
-export declare const SelectionExtensionItems: React.FC<import("react-intl-next").WithIntlProps<SelectionExtensionItemsProps>> & {
+export declare const SelectionExtensionItems: React.FC<WithIntlProps<SelectionExtensionItemsProps>> & {
     WrappedComponent: React.ComponentType<SelectionExtensionItemsProps>;
 };
 export {};

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

@@ -7,5 +7,5 @@ type RegisterExtensionProps = {
     extension: ExtensionConfiguration;
     index: number;
 };
-export declare const registerInlineToolbar: ({ api, extension, index }: RegisterExtensionProps) => RegisterComponent[];
+export declare const registerInlineToolbar: ({ api, extension, index, }: RegisterExtensionProps) => RegisterComponent[];
 export {};

package/dist/types-ts4.5/ui/SelectionExtensionComponentContext.d.ts

@@ -1,3 +1,4 @@
+import { type Provider } from 'react';
 import type { ExtractInjectionAPI } from '@atlaskit/editor-common/types';
 import type { EditorView } from '@atlaskit/editor-prosemirror/view';
 import type { SelectionExtensionPlugin } from '../selectionExtensionPluginType';
@@ -8,6 +9,6 @@ type SelectionExtensionComponentContextValue = {
     extensionSource: string;
     extensionLocation: 'inline-toolbar' | 'primary-toolbar' | 'block-menu';
 };
-export declare const SelectionExtensionComponentContextProvider: import("react").Provider<SelectionExtensionComponentContextValue | undefined>;
+export declare const SelectionExtensionComponentContextProvider: Provider<SelectionExtensionComponentContextValue | undefined>;
 export declare const useSelectionExtensionComponentContext: () => SelectionExtensionComponentContextValue;
 export {};

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

@@ -1,5 +1,5 @@
 import React from 'react';
-import type { WrappedComponentProps } from 'react-intl-next';
+import type { WithIntlProps, WrappedComponentProps } from 'react-intl-next';
 import type { EditorAnalyticsAPI } from '@atlaskit/editor-common/analytics';
 import { type MenuItem } from '@atlaskit/editor-common/ui-menu';
 import { type MenuItemsType } from '../../types';
@@ -11,7 +11,7 @@ export type SelectionExtensionDropdownMenuProps = {
         shouldCloseMenu?: boolean;
     }) => void;
 } & WrappedComponentProps;
-export declare const SelectionExtensionDropdownMenu: React.FC<import("react-intl-next").WithIntlProps<{
+export declare const SelectionExtensionDropdownMenu: React.FC<WithIntlProps<{
     editorAnalyticsAPI?: EditorAnalyticsAPI;
     items: MenuItemsType;
     onItemActivated?: (attrs: {

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

@@ -1,8 +1,8 @@
 import React from 'react';
-import type { WrappedComponentProps } from 'react-intl-next';
+import type { WithIntlProps, WrappedComponentProps } from 'react-intl-next';
 import { ToolbarButton } from '@atlaskit/editor-common/ui-menu';
 type SelectionExtensionDropdownMenuButtonProps = React.ComponentProps<typeof ToolbarButton> & WrappedComponentProps;
-export declare const SelectionExtensionDropdownMenuButton: React.FC<import("react-intl-next").WithIntlProps<SelectionExtensionDropdownMenuButtonProps>> & {
+export declare const SelectionExtensionDropdownMenuButton: React.FC<WithIntlProps<SelectionExtensionDropdownMenuButtonProps>> & {
     WrappedComponent: React.ComponentType<SelectionExtensionDropdownMenuButtonProps>;
 };
 export {};

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

@@ -3,7 +3,7 @@
  * @jsx
  */
 import React from 'react';
-import type { WrappedComponentProps } from 'react-intl-next';
+import type { WithIntlProps, WrappedComponentProps } from 'react-intl-next';
 import { type EditorAnalyticsAPI } from '@atlaskit/editor-common/analytics';
 import { type ExtractInjectionAPI } from '@atlaskit/editor-common/types';
 import type { EditorView } from '@atlaskit/editor-prosemirror/view';
@@ -17,7 +17,7 @@ type SelectionExtensionItemsProps = {
     onExtensionClick: (extension: SelectionExtension) => void;
 } & WrappedComponentProps;
 export declare const SelectionExtensionItemsComponent: ({ extensions, onExtensionClick, editorAnalyticsAPI, }: SelectionExtensionItemsProps) => React.JSX.Element;
-export declare const SelectionExtensionItems: React.FC<import("react-intl-next").WithIntlProps<SelectionExtensionItemsProps>> & {
+export declare const SelectionExtensionItems: React.FC<WithIntlProps<SelectionExtensionItemsProps>> & {
     WrappedComponent: React.ComponentType<SelectionExtensionItemsProps>;
 };
 export {};

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

@@ -7,5 +7,5 @@ type RegisterExtensionProps = {
     extension: ExtensionConfiguration;
     index: number;
 };
-export declare const registerInlineToolbar: ({ api, extension, index }: RegisterExtensionProps) => RegisterComponent[];
+export declare const registerInlineToolbar: ({ api, extension, index, }: RegisterExtensionProps) => RegisterComponent[];
 export {};

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-plugin-selection-extension",
-	"version": "11.0.0",
+	"version": "11.0.2",
 	"description": "editor-plugin-selection-extension plugin for @atlaskit/editor-core",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",
@@ -52,7 +52,7 @@
 		"@atlaskit/lozenge": "^13.5.0",
 		"@atlaskit/platform-feature-flags": "^1.1.0",
 		"@atlaskit/primitives": "^18.0.0",
-		"@atlaskit/tmp-editor-statsig": "^35.10.0",
+		"@atlaskit/tmp-editor-statsig": "^36.1.0",
 		"@atlaskit/tokens": "^11.1.0",
 		"@babel/runtime": "^7.0.0",
 		"lodash": "^4.17.21",
@@ -60,7 +60,7 @@
 		"uuid": "^3.1.0"
 	},
 	"peerDependencies": {
-		"@atlaskit/editor-common": "^112.0.0",
+		"@atlaskit/editor-common": "^112.1.0",
 		"react": "^18.2.0"
 	},
 	"devDependencies": {
@@ -122,6 +122,9 @@
 		"platform_editor_block_menu_v2_patch_3": {
 			"type": "boolean"
 		},
+		"platform_editor_block_menu_v2_patch_5": {
+			"type": "boolean"
+		},
 		"confluence_fronend_labels_categorization_migration": {
 			"type": "boolean"
 		}