fix(editor): UX Improvements to RBAC feature set (#9683)

packages/design-system/src/components/N8nMenuItem/MenuItem.vue

@@ -97,7 +97,7 @@ import N8nIcon from '../N8nIcon';
 import ConditionalRouterLink from '../ConditionalRouterLink';
 import type { IMenuItem } from '../../types';
 import { doesMenuItemMatchCurrentRoute } from './routerUtil';
-import { getInitials } from './labelUtil';
+import { getInitials } from '../../utils/labelUtil';
 
 interface MenuItemProps {
 	item: IMenuItem;

packages/design-system/src/components/N8nMenuItem/__tests__/labelUtil.spec.ts

@@ -1,29 +0,0 @@
-import { getInitials } from '../labelUtil';
-
-describe('labelUtil.getInitials', () => {
-	it.each([
-		['', ''],
-
-		// simple words
-		['Hello', 'He'],
-		['Hello World', 'HW'],
-		['H', 'H'],
-
-		// multiple spaces
-		['Double  Space', 'DS'],
-		['        ', ''],
-
-		// simple emoji
-		['👋 Hello', '👋H'],
-		['👋Hello', '👋H'],
-		['Hello 👋', 'H👋'],
-		['Hello👋', 'He'],
-
-		// combined emojis
-		['1️⃣ 1️⃣', '1️⃣1️⃣'],
-		['1️⃣', '1️⃣'],
-		['👩‍⚕️D 👩‍⚕️D', '👩‍⚕️👩‍⚕️'],
-	])('turns "%s" into "%s"', (input, output) => {
-		expect(getInitials(input)).toBe(output);
-	});
-});

packages/design-system/src/components/N8nMenuItem/labelUtil.ts

@@ -1,25 +0,0 @@
-export const getInitials = (label: string): string => {
-	const words = label
-		.split(' ')
-		.filter((word) => word !== '')
-		.map((word) => [...new Intl.Segmenter().segment(word)]);
-
-	if (words.length === 0) {
-		return '';
-	} else if (words.length === 1) {
-		// first two segments of the first word
-		return (
-			words
-				.at(0)
-				?.slice(0, 2)
-				.map((grapheme) => grapheme.segment)
-				.join('') ?? ''
-		);
-	} else {
-		// first segment ok the first two words
-		return words
-			.slice(0, 2)
-			.map((word) => word.at(0)?.segment ?? '')
-			.join('');
-	}
-};