@fluentui-react-native/experimental-avatar 0.14.45 → 0.15.2

package/src/__tests__/JSAvatar.test.jsx

@@ -1,96 +0,0 @@
-import * as React from 'react';
-import { JSAvatar } from '..';
-import { getInitials } from '../useAvatar';
-import * as renderer from 'react-test-renderer';
-
-const emptyData = [
-  [undefined, ''],
-  [null, ''],
-  ['', ''],
-];
-const testData = [
-  ['Marie', 'M'],
-  ['Aadi KaPoor', 'AK'],
-  ['Marie Beaudouin', 'MB'],
-  ['Aadi Meni KaPoor', 'AK'],
-  ['Will Little (Teams)', 'WL'],
-  ['Will Little-Tanaka', 'WL'],
-  ['-Aadi Kapoor', 'AK'],
-  ['Richard 23 Feynman', 'RF'],
-  ['* Richard *', 'R'],
-  ['Richard Feynman [Teams],', 'RF'],
-  ['Richard Feynman {Teams}', 'RF'],
-  ['-Test   str  with *spaces', 'TS'],
-  ['Second, First', 'SF'],
-];
-const namesWithTitles = [
-  ['Mr Feynman', 'F'],
-  ['Dr Richard Feynman', 'RF'],
-  ['Aadi Meni Ka Jr', 'AK'],
-  ['Consul General Richard Faynman', 'RF'],
-  ['Major General Victor', 'V'],
-];
-
-const languageTestData = [
-  ['خسرو رحیمی', 'خ'], // Arabic
-  ['桂英', '桂'], // Chinese
-  ['佳', '佳'],
-  ['宋智洋', '宋'],
-  ['강현', '강'], // Korean
-  ['최종래', '최'],
-  ['남궁 성종', '남'],
-  ['松田', '松'], // Japanese
-  ['海野', '海'],
-  ['かり', 'か'],
-  ['Илон Маск', 'ИМ'], // Cyrillic
-  ['Írissa Þórðardóttir', 'ÍÞ'], // non-ASCII characters
-  ['Øyvind Åsen', 'ØÅ'],
-  ['ثابت بن قره', 'ث'], // Thābit ibn Qurra - result in PCX - ثابت
-  ['שירה לוי', 'של'], // Hebrew - Shira Levi
-];
-
-const phoneNumbersAndDigits = [
-  ['12345678', ''],
-  ['+47 12 34 56 78 (X 5678)', ''],
-  ['47 12 34', ''],
-  ['47 12', ''],
-  ['James Ext 2', 'JE'],
-  ['1', ''],
-  ['A2', 'A'],
-];
-
-const edgeCaseData = [
-  ['4lex 5loo', 'LL'],
-  [' !@#$%^&*()=+ (Alpha) David   (The man) `~<>,./?[]{}|   Goff   (Gamma)    ', 'DG'],
-  ['+1 (555) 123-4567 ext.4567', 'E'],
-  ['1 Ext 2', 'E'],
-  ['1x1', 'X'],
-];
-
-describe('Avatar rendering', () => {
-  it('renders Avatar', () => {
-    const tree = renderer.create(<JSAvatar />).toJSON();
-    expect(tree).toMatchSnapshot();
-  });
-});
-
-describe('getInitials method', () => {
-  it.each(emptyData)("returns an empty string for '%s'", (text, expected) => {
-    expect(getInitials(text)).toBe(expected);
-  });
-  it.each(testData)("render correct initials for input '%s'", (text, expected) => {
-    expect(getInitials(text)).toBe(expected);
-  });
-  it.each(namesWithTitles)("render initials for names with titles: '%s'", (text, expected) => {
-    expect(getInitials(text)).toBe(expected);
-  });
-  it.each(languageTestData)("render initials for different languages: '%s'", (text, expected) => {
-    expect(getInitials(text)).toBe(expected);
-  });
-  it.each(phoneNumbersAndDigits)("returns an empty string for phone numbers: '%s'", (text, expected) => {
-    expect(getInitials(text)).toBe(expected);
-  });
-  it.each(edgeCaseData)("render initials for edge cases: '%s'", (text, expected) => {
-    expect(getInitials(text)).toBe(expected);
-  });
-});

package/src/getHashCode.ts

@@ -1,16 +0,0 @@
-/**
- * A function which returns hash code for the avatar color. Web implementation
- *
- * @param str is idForColor or name
- * @returns hash code of the color
- */
-export const getHashCodeWeb = (str: string): number => {
-  let hashCode = 0;
-  for (let len: number = str.length - 1; len >= 0; len--) {
-    const ch = str.charCodeAt(len);
-    const shift = len % 8;
-    hashCode ^= (ch << shift) + (ch >> (8 - shift)); // eslint-disable-line no-bitwise
-  }
-
-  return hashCode;
-};

package/src/titles.ts

@@ -1,108 +0,0 @@
-export const titles = new Set<string>([
-  'Mr',
-  'Mrs',
-  'Miss',
-  'Ms',
-  'Dr',
-  'Admiral',
-  'Air Comm',
-  'Ambassador',
-  'Baron',
-  'Baroness',
-  'Brig & Mrs',
-  'Brig Gen',
-  'Brigadier',
-  'Brother',
-  'Canon',
-  'Capt',
-  'Chief',
-  'Cllr',
-  'Col',
-  'Commander',
-  'Commander & Mrs',
-  'Consul',
-  'Consul General',
-  'Count',
-  'Countess',
-  'Countess of',
-  'Cpl',
-  'Dame',
-  'Deputy',
-  'Dr & Mrs',
-  'Drs',
-  'Duchess',
-  'Duke',
-  'Earl',
-  'Father',
-  'General',
-  'Gräfin',
-  'HE',
-  'HMA',
-  'Her Grace',
-  'His Excellency',
-  'Jr',
-  'Judge',
-  'Justice',
-  'Lady',
-  'Lic',
-  'Llc',
-  'Lord',
-  'Lord & Lady',
-  'Lt',
-  'Lt Col',
-  'Lt Cpl',
-  'M',
-  'Madam',
-  'Madame',
-  'Major',
-  'Major General',
-  'Marchioness',
-  'Marquis',
-  'Minister',
-  'Mme',
-  'Mr & Dr',
-  'Mr & Mrs',
-  'Mr & Ms',
-  'Prince',
-  'Princess',
-  'Professor',
-  'Prof',
-  'Prof & Dr',
-  'Prof & Mrs',
-  'Prof & Rev',
-  'Prof Dame',
-  'Prof Dr',
-  'Pvt',
-  'Rabbi',
-  'Rear Admiral',
-  'Rev',
-  'Rev & Mrs',
-  'Rev Canon',
-  'Rev Dr',
-  'Senator',
-  'Sgt',
-  'Sheriff',
-  'Sir',
-  'Sir & Lady',
-  'Sister',
-  'Sr',
-  'Sqr. Leader',
-  'The Earl of',
-  'The Hon',
-  'The Hon Dr',
-  'The Hon Lady',
-  'The Hon Lord',
-  'The Hon Mrs',
-  'The Hon Sir',
-  'The Honourable',
-  'The Rt Hon',
-  'The Rt Hon Dr',
-  'The Rt Hon Lord',
-  'The Rt Hon Sir',
-  'The Rt Hon Visc',
-  'Viscount',
-  'van',
-  'I',
-  'II',
-  'III',
-]);

package/src/useAvatar.ts

@@ -1,126 +0,0 @@
-import { JSAvatarProps, AvatarInfo, JSAvatarState, AvatarColors } from './JSAvatar.types';
-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.
- *
- * @param props user props sent to FURN Avatar
- * @returns configured props and state for FURN Avatar
- */
-export const useAvatar = (props: JSAvatarProps): AvatarInfo => {
-  const {
-    avatarColor,
-    active,
-    accessibilityLabel,
-    accessibilityRole,
-    activeAppearance,
-    badge,
-    idForColor,
-    initials,
-    name,
-    shape,
-    transparentRing,
-    icon,
-    ...rest
-  } = props;
-
-  const showRing = active === 'active' && activeAppearance === 'ring';
-  const showBadge = (!active || active === 'unset') && !!badge && !!badge.status;
-  const accessibilityText = `${name || ''}${showBadge ? `, ${badge.status}` : ''}`;
-
-  const badgeProps: PresenceBadgeProps = {
-    size: 'small',
-    ...badge,
-  };
-
-  const state: JSAvatarState = {
-    showRing,
-    transparentRing: !!transparentRing,
-    showBadge,
-  };
-
-  const _initials = initials || getInitials(name);
-  const avatarColorsIdx = getHashCodeWeb(idForColor ?? name ?? '') % AvatarColors.length;
-  const _avatarColor = avatarColor === 'colorful' ? AvatarColors[avatarColorsIdx] : avatarColor;
-
-  const iconProps = createIconProps(icon);
-
-  return {
-    props: {
-      accessible: true,
-      accessibilityLabel: accessibilityLabel || accessibilityText,
-      accessibilityRole: accessibilityRole ?? 'image',
-      avatarColor: _avatarColor,
-      shape: shape || 'circular',
-      ...rest,
-      active,
-      activeAppearance,
-      badge: badgeProps,
-      initials: _initials,
-      icon: iconProps,
-    },
-    state: {
-      ...state,
-    },
-  };
-};
-
-/**
- * A function which takes a name and returns initials
- *
- * @param name
- * @returns initials. First letter of the word if only one word was provided.
- * First letters of the first and last words if more words were provided.
- * Words in braces, titles, special characters, parantheses and dashes should be ignored.
- */
-export const getInitials = (name: string): string => {
-  if (!name) {
-    return '';
-  }
-  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 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 takes a name and returns array of valid words
- *
- * @param name
- * @returns array of words without phone numbers and special characters.
- */
-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);
-};
-
-/**
- * A function which verifies whether words array contains title
- *
- * @param words array of words in name
- * @returns array of words without titles
- */
-export const removeTitlesFromName = (words: string[]): string[] => {
-  return words.filter((word) => !titles.has(word));
-};