@fluentui-react-native/experimental-avatar 0.14.41 → 0.14.44

package/src/JSAvatarTokens.ts

@@ -5,8 +5,6 @@ import { globalTokens } from '@fluentui-react-native/theme-tokens';
 
 export const defaultJSAvatarTokens: TokenSettings<JSAvatarTokens, Theme> = (t: Theme) =>
   ({
-    horizontalIconAlignment: 'end',
-    verticalIconAlignment: 'end',
     color: t.colors.neutralForeground3,
     backgroundColor: t.colors.neutralBackground6,
     avatarOpacity: 1,

package/src/JSAvatarTokens.win32.ts

@@ -6,8 +6,6 @@ import { globalTokens } from '@fluentui-react-native/theme-tokens';
 export const defaultJSAvatarTokens: TokenSettings<JSAvatarTokens, Theme> = (t: Theme) =>
   ({
     badgeSize: 'smallest',
-    horizontalIconAlignment: 'end',
-    verticalIconAlignment: 'end',
     color: t.colors.neutralForeground3,
     backgroundColor: t.colors.neutralBackground6,
     avatarOpacity: 1,

package/src/__tests__/JSAvatar.test.jsx

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { JSAvatar } from '..';
-import { getInitials, validateAlphabeticalCharacters, removeTitlesFromName } from '../useAvatar';
+import { getInitials } from '../useAvatar';
 import * as renderer from 'react-test-renderer';
 
 const alphabeticalTestNames = [
@@ -18,7 +18,6 @@ const alphabeticalTestNames = [
   'Richard Feynman {Teams}',
 ];
 const alphabeticalInitials = ['M', 'AK', 'MB', 'AK', 'AK', 'WL', 'WL', 'AK', 'RF', 'R', 'RF', 'RF'];
-const otherTestNames = ['(206) 123-4567', '耿盈盈']; // will return this case after bug bash - '耿 James'
 const namesWithTitles = ['Mr Feynman', 'Dr Richard Feynman'];
 const initialsForNameWithTitles = ['F', 'RF'];
 
@@ -29,130 +28,102 @@ describe('Avatar rendering', () => {
   });
 });
 
-describe('validateAlphabeticalCharacters method', () => {
-  it('validates alphabetical characters', () => {
-    for (let i = 0; i < alphabeticalTestNames.length; i++) {
-      expect(validateAlphabeticalCharacters(alphabeticalTestNames[i])).toBeTruthy();
-    }
-    for (let i = 0; i < otherTestNames.length; i++) {
-      expect(validateAlphabeticalCharacters(otherTestNames[i])).toBeFalsy();
-    }
+describe('getInitials - names with titles', () => {
+  it('returns initials without title', () => {
+    expect(getInitials('Mr Faynman')).toBe('F');
   });
+  it('returns initials for names with multi-word titles', () => {
+    expect(getInitials('Consul General Richard Faynman')).toBe('RF');
+    expect(getInitials('Major General Victor')).toBe('V');
+  });
+});
 
-  it("doesn't validate undefined name", () => {
-    expect(validateAlphabeticalCharacters(undefined)).toBeFalsy();
+describe('getInitials method - language support', () => {
+  it('returns correct initials cyrillic language', () => {
+    const test = getInitials('Илон Маск');
+    expect(test).toBe('ИМ');
   });
-  it("doesn't validate an empty string", () => {
-    expect(validateAlphabeticalCharacters('')).toBeFalsy();
+  it('calculates correct initials for non-ASCII characters', () => {
+    const test = getInitials('Írissa Þórðardóttir');
+    expect(test).toBe('ÍÞ');
   });
-  it("doesn't validate null name", () => {
-    expect(validateAlphabeticalCharacters(null)).toBeFalsy();
+  it('returns correct initials for non-ASCII characters', () => {
+    const test = getInitials('Øyvind Åsen');
+    expect(test).toBe('ØÅ');
   });
 });
 
-describe('removeTitlesFromName method', () => {
-  it('removes titles from the name', () => {
-    const words = ['Mr', 'Faynman'];
-    expect(removeTitlesFromName(words)).toStrictEqual(['Faynman']);
-  });
-  // it('removes multiword titles from the name', () => {
-  //   const name = 'Consul General Richard Faynman';
-  //   expect(removeTitlesFromName(name)).toStrictEqual(['Richard Faynman']);
-  // });
-});
-
 describe('getInitials method', () => {
   it('returns correct initials', () => {
     const test = getInitials('-Test   str  with *spaces');
     expect(test).toBe('TS');
   });
-
   it('returns an empty string if name is undefined', () => {
     expect(getInitials(undefined)).toBe('');
   });
-
   it('return initials for alphabetical words', () => {
     for (let i = 0; i < alphabeticalTestNames.length; i++) {
       expect(getInitials(alphabeticalTestNames[i])).toBe(alphabeticalInitials[i]);
     }
   });
-
   it('return initials for words with titles', () => {
     for (let i = 0; i < namesWithTitles.length; i++) {
       expect(getInitials(namesWithTitles[i])).toBe(initialsForNameWithTitles[i]);
     }
   });
-
   it("returns initials when there's a coma", () => {
     expect(getInitials('Second, First')).toEqual('SF');
   });
-
   // Unit tests from Web
   it('handles null inputs', () => {
     expect(getInitials(null)).toEqual('');
     expect(getInitials(undefined)).toEqual('');
   });
-
-  // it('calculates an expected initials in LTR for non-ASCII characters', () => {
-  //   expect(getInitials('Írissa Þórðardóttir')).toEqual('ÍÞ');
-  //   expect(getInitials('Øyvind Åsen')).toEqual('ØÅ');
-  // });
-
   it('calculates an expected initials in LTR with a hypen', () => {
     expect(getInitials('David Zearing-Goff')).toEqual('DZ');
   });
-
-  // it('calculates an expected initials in LTR with numbers', () => {
-  //   expect(getInitials('4lex 5loo')).toEqual('45');
-  // });
+  it('calculates an expected initials in LTR with numbers', () => {
+    expect(getInitials('4lex 5loo')).toEqual('LL');
+  });
   it('calculates an expected initials in LTR with multiple parentheses, extra spaces, and unwanted characters', () => {
     const result = getInitials(' !@#$%^&*()=+ (Alpha) David   (The man) `~<>,./?[]{}|   Goff   (Gamma)    ');
     expect(result).toEqual('DG');
   });
-
   it('calculates an expected initials in LTR with multiple types of unwanted text', () => {
-    const result = getInitials(' !@#$%^&*()=+ (Alpha) David   (The man) `~<>,./?[]{}|   Goff   (Gamma)  [Beta]  ');
+    const result = getInitials(" !@#$%^&*()=+ (Alpha) /David   (The man) `~<>,./?[]{}|   'Goff   (Gamma)  [Beta]  ");
     expect(result).toEqual('DG');
   });
-
   it('calculates an expected initials for Arabic names', () => {
-    expect(getInitials('خسرو رحیمی')).toEqual('');
+    expect(getInitials('خسرو رحیمی')).toEqual('خ');
   });
-
   it('calculates an expected initials for Chinese names', () => {
-    expect(getInitials('桂英')).toEqual('');
-    expect(getInitials('佳')).toEqual('');
-    expect(getInitials('宋智洋')).toEqual('');
+    expect(getInitials('桂英')).toEqual('桂');
+    expect(getInitials('佳')).toEqual('佳');
+    expect(getInitials('宋智洋')).toEqual('宋');
   });
-
   it('calculates an expected initials for Korean names', () => {
-    expect(getInitials('강현')).toEqual('');
-    expect(getInitials('최종래')).toEqual('');
-    expect(getInitials('남궁 성종')).toEqual('');
+    expect(getInitials('강현')).toEqual('강');
+    expect(getInitials('최종래')).toEqual('최');
+    expect(getInitials('남궁 성종')).toEqual('남');
   });
-
   it('calculates an expected initials for Japanese names', () => {
-    expect(getInitials('松田')).toEqual('');
-    expect(getInitials('海野')).toEqual('');
-    expect(getInitials('かり')).toEqual('');
+    expect(getInitials('松田')).toEqual('松');
+    expect(getInitials('海野')).toEqual('海');
+    expect(getInitials('かり')).toEqual('か');
+  });
+  it('validates phone numbers', () => {
+    expect(getInitials('12345678')).toEqual('');
+    // expect(getInitials('+1 (555) 123-4567 ext.4567')).toEqual('');
+    expect(getInitials('+47 12 34 56 78 (X 5678)')).toEqual('');
+    expect(getInitials('47 12 34')).toEqual('');
+    expect(getInitials('47 12')).toEqual('');
+
+    expect(getInitials('James Ext 2')).toEqual('JE');
+    // expect(getInitials('1 Ext 2')).toEqual('');
+    // expect(getInitials('1x1')).toEqual('');
+    result = getInitials('1');
+    expect(result).toEqual('');
+    result = getInitials('A 2');
+    expect(result).toEqual('A');
   });
-
-  // it('validates phone numbers', () => {
-  // expect(getInitials('12345678')).toEqual('');
-  // expect(getInitials('+1 (555) 123-4567 ext.4567')).toEqual('');
-  // expect(getInitials('+47 12 34 56 78 (X 5678)')).toEqual('4');
-  // expect(getInitials('47 12 34')).toEqual('');
-  // expect(getInitials('47 12')).toEqual('');
-  // expect(getInitials('1 Ext 2')).toEqual('');
-  // result = getInitials('James Ext 2');
-  // expect(result).toEqual('JE');
-  // result = getInitials('1x1');
-  // expect(result).toEqual('');
-  // result = getInitials('1y1');
-  // expect(result).toEqual('');
-  // result = getInitials('1');
-  // expect(result).toEqual('');
-  // result = getInitials('A 2');
-  // expect(result).toEqual('A');
-  // });
 });

package/src/__tests__/__snapshots__/JSAvatar.test.jsx.snap

@@ -5,16 +5,15 @@ exports[`Avatar rendering renders Avatar 1`] = `
   accessibilityLabel=""
   accessibilityRole="image"
   accessible={true}
+  icon={null}
+  initials=""
   shape="circular"
   style={
     Object {
-      "alignItems": "flex-end",
-      "flexDirection": "row",
+      "alignItems": "center",
       "height": 24,
-      "horizontalIconAlignment": "end",
-      "justifyContent": "flex-end",
+      "justifyContent": "center",
       "opacity": 1,
-      "verticalIconAlignment": "end",
       "width": 24,
     }
   }
@@ -24,73 +23,71 @@ exports[`Avatar rendering renders Avatar 1`] = `
     style={
       Object {
         "alignItems": "center",
-        "alignSelf": "stretch",
         "backgroundColor": "#e6e6e6",
         "borderColor": "#ffffff",
         "borderRadius": 9999,
         "borderWidth": 0,
-        "flexGrow": 1,
         "height": 24,
         "justifyContent": "center",
+        "marginLeft": 2,
+        "marginTop": 2,
         "width": 24,
       }
     }
   >
-    <RNSVGSvgView
-      align="xMidYMid"
-      bbHeight={16}
-      bbWidth={14}
-      fill="none"
-      focusable={false}
-      height={16}
-      meetOrSlice={0}
-      minX={0}
-      minY={0}
+    <View
+      accessibilityRole="image"
+      accessible={false}
       style={
-        Array [
-          Object {
-            "backgroundColor": "transparent",
-            "borderWidth": 0,
-          },
-          Object {
-            "flex": 0,
-            "height": 16,
-            "width": 14,
-          },
-        ]
+        Object {
+          "fontSize": 16,
+          "height": 16,
+          "position": "absolute",
+          "width": 16,
+        }
       }
-      vbHeight={16}
-      vbWidth={14}
-      width={14}
-      xml="<svg width=\\"14\\" height=\\"16\\" viewBox=\\"0 0 14 16\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\">
-        <path d=\\"M7 0C4.79086 0 3 1.79086 3 4C3 6.20914 4.79086 8 7 8C9.20914 8 11 6.20914 11 4C11 1.79086 9.20914 0 7 0ZM4 4C4 2.34315 5.34315 1 7 1C8.65685 1 10 2.34315 10 4C10 5.65685 8.65685 7 7 7C5.34315 7 4 5.65685 4 4ZM2.00873 9C0.903151 9 0 9.88687 0 11C0 12.6912 0.83281 13.9663 2.13499 14.7966C3.41697 15.614 5.14526 16 7 16C8.85474 16 10.583 15.614 11.865 14.7966C13.1672 13.9663 14 12.6912 14 11C14 9.89557 13.1045 9.00001 12 9.00001L2.00873 9ZM1 11C1 10.4467 1.44786 10 2.00873 10L12 10C12.5522 10 13 10.4478 13 11C13 12.3088 12.3777 13.2837 11.3274 13.9534C10.2568 14.636 8.73511 15 7 15C5.26489 15 3.74318 14.636 2.67262 13.9534C1.62226 13.2837 1 12.3088 1 11Z\\" fill=\\"currentColor\\"/>
-      </svg>
-      "
-      xmlns="http://www.w3.org/2000/svg"
     >
-      <RNSVGGroup
-        fill={null}
-        propList={
+      <RNSVGSvgView
+        align="xMidYMid"
+        bbHeight="100%"
+        bbWidth="100%"
+        focusable={false}
+        meetOrSlice={0}
+        minX={0}
+        minY={0}
+        style={
           Array [
-            "fill",
+            Object {
+              "backgroundColor": "transparent",
+              "borderWidth": 0,
+            },
+            Object {
+              "flex": 0,
+              "height": "100%",
+              "width": "100%",
+            },
           ]
         }
+        vbHeight={16}
+        vbWidth={14}
       >
-        <RNSVGPath
-          d="M7 0C4.79086 0 3 1.79086 3 4C3 6.20914 4.79086 8 7 8C9.20914 8 11 6.20914 11 4C11 1.79086 9.20914 0 7 0ZM4 4C4 2.34315 5.34315 1 7 1C8.65685 1 10 2.34315 10 4C10 5.65685 8.65685 7 7 7C5.34315 7 4 5.65685 4 4ZM2.00873 9C0.903151 9 0 9.88687 0 11C0 12.6912 0.83281 13.9663 2.13499 14.7966C3.41697 15.614 5.14526 16 7 16C8.85474 16 10.583 15.614 11.865 14.7966C13.1672 13.9663 14 12.6912 14 11C14 9.89557 13.1045 9.00001 12 9.00001L2.00873 9ZM1 11C1 10.4467 1.44786 10 2.00873 10L12 10C12.5522 10 13 10.4478 13 11C13 12.3088 12.3777 13.2837 11.3274 13.9534C10.2568 14.636 8.73511 15 7 15C5.26489 15 3.74318 14.636 2.67262 13.9534C1.62226 13.2837 1 12.3088 1 11Z"
-          fill={
-            Array [
-              2,
-            ]
-          }
-          propList={
-            Array [
-              "fill",
-            ]
-          }
-        />
-      </RNSVGGroup>
-    </RNSVGSvgView>
+        <RNSVGGroup>
+          <RNSVGPath
+            d="M7 0C4.79086 0 3 1.79086 3 4C3 6.20914 4.79086 8 7 8C9.20914 8 11 6.20914 11 4C11 1.79086 9.20914 0 7 0ZM4 4C4 2.34315 5.34315 1 7 1C8.65685 1 10 2.34315 10 4C10 5.65685 8.65685 7 7 7C5.34315 7 4 5.65685 4 4ZM2.00873 9C0.903151 9 0 9.88687 0 11C0 12.6912 0.83281 13.9663 2.13499 14.7966C3.41697 15.614 5.14526 16 7 16C8.85474 16 10.583 15.614 11.865 14.7966C13.1672 13.9663 14 12.6912 14 11C14 9.89557 13.1045 9.00001 12 9.00001L2.00873 9ZM1 11C1 10.4467 1.44786 10 2.00873 10L12 10C12.5522 10 13 10.4478 13 11C13 12.3088 12.3777 13.2837 11.3274 13.9534C10.2568 14.636 8.73511 15 7 15C5.26489 15 3.74318 14.636 2.67262 13.9534C1.62226 13.2837 1 12.3088 1 11Z"
+            fill={
+              Array [
+                2,
+              ]
+            }
+            propList={
+              Array [
+                "fill",
+              ]
+            }
+          />
+        </RNSVGGroup>
+      </RNSVGSvgView>
+    </View>
   </View>
 </View>
 `;

package/src/useAvatar.ts

@@ -2,6 +2,7 @@ import { JSAvatarProps, AvatarInfo, JSAvatarState, AvatarColors } from './JSAvat
 import { PresenceBadgeProps } from '@fluentui-react-native/badge';
 import { titles } from './titles';
 import { getHashCodeWeb } from './getHashCode';
+import { createIconProps } from '@fluentui-react-native/interactive-hooks';
 /**
  * Re-usable hook for FURN Avatar.
  * This hook configures Avatar props and state for FURN Avatar.
@@ -20,13 +21,13 @@ export const useAvatar = (props: JSAvatarProps): AvatarInfo => {
     idForColor,
     initials,
     name,
-    ring,
     shape,
+    transparentRing,
+    icon,
     ...rest
   } = props;
 
   const showRing = active === 'active' && activeAppearance === 'ring';
-  const transparentRing = !!ring?.transparent;
   const showBadge = (!active || active === 'unset') && !!badge && !!badge.status;
   const accessibilityText = `${name || ''}${showBadge ? `, ${badge.status}` : ''}`;
 
@@ -37,7 +38,7 @@ export const useAvatar = (props: JSAvatarProps): AvatarInfo => {
 
   const state: JSAvatarState = {
     showRing,
-    transparentRing,
+    transparentRing: !!transparentRing,
     showBadge,
   };
 
@@ -45,6 +46,8 @@ export const useAvatar = (props: JSAvatarProps): AvatarInfo => {
   const avatarColorsIdx = getHashCodeWeb(idForColor ?? name ?? '') % AvatarColors.length;
   const _avatarColor = avatarColor === 'colorful' ? AvatarColors[avatarColorsIdx] : avatarColor;
 
+  const iconProps = createIconProps(icon);
+
   return {
     props: {
       accessible: true,
@@ -57,6 +60,7 @@ export const useAvatar = (props: JSAvatarProps): AvatarInfo => {
       activeAppearance,
       badge: badgeProps,
       initials: _initials,
+      icon: iconProps,
     },
     state: {
       ...state,
@@ -73,30 +77,42 @@ export const useAvatar = (props: JSAvatarProps): AvatarInfo => {
  * Words in braces, titles, special characters, parantheses and dashes should be ignored.
  */
 export const getInitials = (name: string): string => {
-  if (!name && !validateAlphabeticalCharacters(name)) {
+  if (!name) {
     return '';
   }
-  const nonWordRegExp = new RegExp('\\W+(?<!\\S-)', 'g');
-  const wordsInBracesRegExp = new RegExp('(\\(|\\[|\\{)\\w+(\\)|\\]|\\})', 'g');
-  let words = name.replace(wordsInBracesRegExp, ' ').replace(nonWordRegExp, ' ').trim().split(' ');
-  words = removeTitlesFromName(words);
+  const ARABIC_ASIAN_REGEXP = new RegExp(
+    '[\u0600-\u06FF\u0750-\u077F\u08A0-\u08FF\u1100-\u11FF\u3130-\u318F\uA960-\uA97F\uAC00-\uD7AF\uD7B0-\uD7FF\u3040-\u309F\u30A0-\u30FF\u3400-\u4DBF\u4E00-\u9FFF\uF900-\uFAFF\uD840-\uD869]',
+    'g',
+  );
+  const words = removeRedundantCharacters(name);
   const wordsLength = words.length;
   const lastWordIdx = wordsLength - 1;
-  const initials = `${words[0].charAt(0).toUpperCase()}${wordsLength > 1 ? words[lastWordIdx].charAt(0).toUpperCase() : ''}`;
+  const firstLetter = words[0].charAt(0).toUpperCase();
+  const lastLetter = wordsLength > 1 ? words[lastWordIdx].charAt(0).toUpperCase() : '';
+  const initials = `${firstLetter}${ARABIC_ASIAN_REGEXP.test(name) ? '' : lastLetter}`;
   return initials;
 };
 
 /**
- * A function which verifies whether a name contains non-alphabetical characters
+ * A function which takes a name and returns array of valid words
  *
  * @param name
- * @returns true if the name contains alphabetical characters. Returns false if there are
- * numeric values or the first character is non-alphabetical. In this case avatar should
- * fall back to icon.
+ * @returns array of words without phone numbers and special characters.
  */
-export const validateAlphabeticalCharacters = (name: string): boolean => {
-  const alphabeticalRegExp = new RegExp('[a-zA-Z]', 'g');
-  return name ? alphabeticalRegExp.test(name) : false;
+export const removeRedundantCharacters = (name: string): string[] => {
+  if (!name) {
+    return [];
+  }
+  const WORDS_IN_BRACES_REGEXP = new RegExp('[(\\[\\{][^\\)\\]\\}]*[\\)\\]\\}]', 'g');
+  const PHONE_NUMBER_REGEXP = new RegExp('(\\+|(\\d|\\s))', 'g');
+  const SPECIAL_CHARACTERS_REGEXP = new RegExp('[!"#\'$%&*+,-./:;>=<?@^_`|~¡¢£¤¥¦§¨©ª«¬®ˉ°±²¼½¾¿×÷]', 'g');
+  const words = name
+    .replace(WORDS_IN_BRACES_REGEXP, '')
+    .replace(PHONE_NUMBER_REGEXP, ' ')
+    .replace(SPECIAL_CHARACTERS_REGEXP, '')
+    .trim()
+    .split(' ');
+  return removeTitlesFromName(words);
 };
 
 /**

package/lib/JSAvatar.helpers.d.ts

@@ -1,7 +0,0 @@
-export declare type AvatarSizeConfig = {
-    iconSize: number;
-    iconStrokeWidth: number;
-    initialsSize: number;
-};
-export declare function getRingConfig(size: number): any;
-//# sourceMappingURL=JSAvatar.helpers.d.ts.map

package/lib/JSAvatar.helpers.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"JSAvatar.helpers.d.ts","sourceRoot":"","sources":["../src/JSAvatar.helpers.ts"],"names":[],"mappings":"AAQA,oBAAY,gBAAgB,GAAG;IAC7B,QAAQ,EAAE,MAAM,CAAC;IACjB,eAAe,EAAE,MAAM,CAAC;IACxB,YAAY,EAAE,MAAM,CAAC;CACtB,CAAC;AAEF,wBAAgB,aAAa,CAAC,IAAI,EAAE,MAAM,GAAG,GAAG,CAoB/C"}

package/lib/JSAvatar.helpers.js

@@ -1,28 +0,0 @@
-import { globalTokens } from '@fluentui-react-native/theme-tokens';
-var sizeAdjustment = {
-    small: 8,
-    medium: 12,
-    large: 16,
-};
-export function getRingConfig(size) {
-    if (size <= 48) {
-        return {
-            size: size + sizeAdjustment.small,
-            stroke: globalTokens.stroke.width.thick,
-            innerStroke: globalTokens.stroke.width.thick,
-        };
-    }
-    if (size <= 71) {
-        return {
-            size: size + sizeAdjustment.medium,
-            stroke: globalTokens.stroke.width.thicker,
-            innerStroke: globalTokens.stroke.width.thicker,
-        };
-    }
-    return {
-        size: size + sizeAdjustment.large,
-        stroke: globalTokens.stroke.width.thickest,
-        innerStroke: globalTokens.stroke.width.thickest,
-    };
-}
-//# sourceMappingURL=JSAvatar.helpers.js.map

package/lib/JSAvatar.helpers.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"JSAvatar.helpers.js","sourceRoot":"","sources":["../src/JSAvatar.helpers.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,qCAAqC,CAAC;AAEnE,IAAM,cAAc,GAAG;IACrB,KAAK,EAAE,CAAC;IACR,MAAM,EAAE,EAAE;IACV,KAAK,EAAE,EAAE;CACV,CAAC;AAQF,MAAM,UAAU,aAAa,CAAC,IAAY;IACxC,IAAI,IAAI,IAAI,EAAE,EAAE;QACd,OAAO;YACL,IAAI,EAAE,IAAI,GAAG,cAAc,CAAC,KAAK;YACjC,MAAM,EAAE,YAAY,CAAC,MAAM,CAAC,KAAK,CAAC,KAAK;YACvC,WAAW,EAAE,YAAY,CAAC,MAAM,CAAC,KAAK,CAAC,KAAK;SAC7C,CAAC;KACH;IACD,IAAI,IAAI,IAAI,EAAE,EAAE;QACd,OAAO;YACL,IAAI,EAAE,IAAI,GAAG,cAAc,CAAC,MAAM;YAClC,MAAM,EAAE,YAAY,CAAC,MAAM,CAAC,KAAK,CAAC,OAAO;YACzC,WAAW,EAAE,YAAY,CAAC,MAAM,CAAC,KAAK,CAAC,OAAO;SAC/C,CAAC;KACH;IACD,OAAO;QACL,IAAI,EAAE,IAAI,GAAG,cAAc,CAAC,KAAK;QACjC,MAAM,EAAE,YAAY,CAAC,MAAM,CAAC,KAAK,CAAC,QAAQ;QAC1C,WAAW,EAAE,YAAY,CAAC,MAAM,CAAC,KAAK,CAAC,QAAQ;KAChD,CAAC;AACJ,CAAC"}

package/lib/utils/getInitials.d.ts

@@ -1,15 +0,0 @@
-/**
- * Regular expressions matching characters to ignore when calculating the initials.
- */
-/**
- * Get (up to 2 characters) initials based on display name of the persona.
- *
- * @param displayName - The full name of the person or entity
- * @param isRtl - Whether the display is in RTL
- * @param allowPhoneInitials - Should initials be generated from phone numbers (default false)
- *
- * @returns The 1 or 2 character initials based on the name. Or an empty string if no initials
- * could be derived from the name.
- */
-export declare function getInitials(displayName: string | undefined | null, isRtl: boolean, allowPhoneInitials?: boolean): string;
-//# sourceMappingURL=getInitials.d.ts.map

package/lib/utils/getInitials.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"getInitials.d.ts","sourceRoot":"","sources":["../../src/utils/getInitials.ts"],"names":[],"mappings":"AAAA;;GAEG;AAkEH;;;;;;;;;GASG;AACH,wBAAgB,WAAW,CAAC,WAAW,EAAE,MAAM,GAAG,SAAS,GAAG,IAAI,EAAE,KAAK,EAAE,OAAO,EAAE,kBAAkB,CAAC,EAAE,OAAO,GAAG,MAAM,CAaxH"}

package/lib/utils/getInitials.js

@@ -1,78 +0,0 @@
-/**
- * Regular expressions matching characters to ignore when calculating the initials.
- */
-/**
- * Regular expression matching characters within various types of enclosures, including the enclosures themselves
- *  so for example, (xyz) [xyz] {xyz} all would be ignored
- */
-var UNWANTED_ENCLOSURES_REGEX = /[\(\[\{][^\)\]\}]*[\)\]\}]/g;
-/**
- * Regular expression matching special ASCII characters except space, plus some unicode special characters.
- * Applies after unwanted enclosures have been removed
- */
-var UNWANTED_CHARS_REGEX = /[\0-\u001F\!-/:-@\[-`\{-\u00BF\u0250-\u036F\uD800-\uFFFF]/g;
-/**
- * Regular expression matching phone numbers. Applied after chars matching UNWANTED_CHARS_REGEX have been removed
- * and number has been trimmed for whitespaces
- */
-var PHONENUMBER_REGEX = /^\d+[\d\s]*(:?ext|x|)\s*\d+$/i;
-/** Regular expression matching one or more spaces. */
-var MULTIPLE_WHITESPACES_REGEX = /\s+/g;
-/**
- * Regular expression matching languages for which we currently don't support initials.
- * Arabic:   Arabic, Arabic Supplement, Arabic Extended-A.
- * Korean:   Hangul Jamo, Hangul Compatibility Jamo, Hangul Jamo Extended-A, Hangul Syllables, Hangul Jamo Extended-B.
- * Japanese: Hiragana, Katakana.
- * CJK:      CJK Unified Ideographs Extension A, CJK Unified Ideographs, CJK Compatibility Ideographs,
- *             CJK Unified Ideographs Extension B
- */
-// eslint-disable-next-line @fluentui/max-len
-var UNSUPPORTED_TEXT_REGEX = /[\u0600-\u06FF\u0750-\u077F\u08A0-\u08FF\u1100-\u11FF\u3130-\u318F\uA960-\uA97F\uAC00-\uD7AF\uD7B0-\uD7FF\u3040-\u309F\u30A0-\u30FF\u3400-\u4DBF\u4E00-\u9FFF\uF900-\uFAFF]|[\uD840-\uD869][\uDC00-\uDED6]/;
-function getInitialsLatin(displayName, isRtl) {
-    var initials = '';
-    var splits = displayName.split(' ');
-    if (splits.length === 2) {
-        initials += splits[0].charAt(0).toUpperCase();
-        initials += splits[1].charAt(0).toUpperCase();
-    }
-    else if (splits.length === 3) {
-        initials += splits[0].charAt(0).toUpperCase();
-        initials += splits[2].charAt(0).toUpperCase();
-    }
-    else if (splits.length !== 0) {
-        initials += splits[0].charAt(0).toUpperCase();
-    }
-    if (isRtl && initials.length > 1) {
-        return initials.charAt(1) + initials.charAt(0);
-    }
-    return initials;
-}
-function cleanupDisplayName(displayName) {
-    displayName = displayName.replace(UNWANTED_ENCLOSURES_REGEX, '');
-    displayName = displayName.replace(UNWANTED_CHARS_REGEX, '');
-    displayName = displayName.replace(MULTIPLE_WHITESPACES_REGEX, ' ');
-    displayName = displayName.trim();
-    return displayName;
-}
-/**
- * Get (up to 2 characters) initials based on display name of the persona.
- *
- * @param displayName - The full name of the person or entity
- * @param isRtl - Whether the display is in RTL
- * @param allowPhoneInitials - Should initials be generated from phone numbers (default false)
- *
- * @returns The 1 or 2 character initials based on the name. Or an empty string if no initials
- * could be derived from the name.
- */
-export function getInitials(displayName, isRtl, allowPhoneInitials) {
-    if (!displayName) {
-        return '';
-    }
-    displayName = cleanupDisplayName(displayName);
-    // For names containing CJK characters, and phone numbers, we don't display initials
-    if (UNSUPPORTED_TEXT_REGEX.test(displayName) || (!allowPhoneInitials && PHONENUMBER_REGEX.test(displayName))) {
-        return '';
-    }
-    return getInitialsLatin(displayName, isRtl);
-}
-//# sourceMappingURL=getInitials.js.map

package/lib/utils/getInitials.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"getInitials.js","sourceRoot":"","sources":["../../src/utils/getInitials.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH;;;GAGG;AACH,IAAM,yBAAyB,GAAW,6BAA6B,CAAC;AAExE;;;GAGG;AACH,IAAM,oBAAoB,GAAW,4DAA4D,CAAC;AAElG;;;GAGG;AACH,IAAM,iBAAiB,GAAW,+BAA+B,CAAC;AAElE,sDAAsD;AACtD,IAAM,0BAA0B,GAAW,MAAM,CAAC;AAElD;;;;;;;GAOG;AACH,6CAA6C;AAC7C,IAAM,sBAAsB,GAC1B,4MAA4M,CAAC;AAE/M,SAAS,gBAAgB,CAAC,WAAmB,EAAE,KAAc;IAC3D,IAAI,QAAQ,GAAG,EAAE,CAAC;IAElB,IAAM,MAAM,GAAa,WAAW,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;IAEhD,IAAI,MAAM,CAAC,MAAM,KAAK,CAAC,EAAE;QACvB,QAAQ,IAAI,MAAM,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,WAAW,EAAE,CAAC;QAC9C,QAAQ,IAAI,MAAM,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,WAAW,EAAE,CAAC;KAC/C;SAAM,IAAI,MAAM,CAAC,MAAM,KAAK,CAAC,EAAE;QAC9B,QAAQ,IAAI,MAAM,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,WAAW,EAAE,CAAC;QAC9C,QAAQ,IAAI,MAAM,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,WAAW,EAAE,CAAC;KAC/C;SAAM,IAAI,MAAM,CAAC,MAAM,KAAK,CAAC,EAAE;QAC9B,QAAQ,IAAI,MAAM,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,WAAW,EAAE,CAAC;KAC/C;IAED,IAAI,KAAK,IAAI,QAAQ,CAAC,MAAM,GAAG,CAAC,EAAE;QAChC,OAAO,QAAQ,CAAC,MAAM,CAAC,CAAC,CAAC,GAAG,QAAQ,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC;KAChD;IAED,OAAO,QAAQ,CAAC;AAClB,CAAC;AAED,SAAS,kBAAkB,CAAC,WAAmB;IAC7C,WAAW,GAAG,WAAW,CAAC,OAAO,CAAC,yBAAyB,EAAE,EAAE,CAAC,CAAC;IACjE,WAAW,GAAG,WAAW,CAAC,OAAO,CAAC,oBAAoB,EAAE,EAAE,CAAC,CAAC;IAC5D,WAAW,GAAG,WAAW,CAAC,OAAO,CAAC,0BAA0B,EAAE,GAAG,CAAC,CAAC;IACnE,WAAW,GAAG,WAAW,CAAC,IAAI,EAAE,CAAC;IAEjC,OAAO,WAAW,CAAC;AACrB,CAAC;AAED;;;;;;;;;GASG;AACH,MAAM,UAAU,WAAW,CAAC,WAAsC,EAAE,KAAc,EAAE,kBAA4B;IAC9G,IAAI,CAAC,WAAW,EAAE;QAChB,OAAO,EAAE,CAAC;KACX;IAED,WAAW,GAAG,kBAAkB,CAAC,WAAW,CAAC,CAAC;IAE9C,oFAAoF;IACpF,IAAI,sBAAsB,CAAC,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC,kBAAkB,IAAI,iBAAiB,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC,EAAE;QAC5G,OAAO,EAAE,CAAC;KACX;IAED,OAAO,gBAAgB,CAAC,WAAW,EAAE,KAAK,CAAC,CAAC;AAC9C,CAAC"}

package/lib/utils/getInitials.test.d.ts

@@ -1,2 +0,0 @@
-export {};
-//# sourceMappingURL=getInitials.test.d.ts.map

package/lib/utils/getInitials.test.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"getInitials.test.d.ts","sourceRoot":"","sources":["../../src/utils/getInitials.test.ts"],"names":[],"mappings":""}