@fluentui-react-native/experimental-avatar 0.14.26 → 0.14.29

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (88) hide show
  1. package/CHANGELOG.json +82 -1
  2. package/CHANGELOG.md +32 -2
  3. package/jest.config.js +2 -0
  4. package/lib/JSAvatar.d.ts.map +1 -1
  5. package/lib/JSAvatar.js +3 -1
  6. package/lib/JSAvatar.js.map +1 -1
  7. package/lib/JSAvatar.styling.d.ts.map +1 -1
  8. package/lib/JSAvatar.styling.js +18 -8
  9. package/lib/JSAvatar.styling.js.map +1 -1
  10. package/lib/JSAvatar.types.d.ts +3 -1
  11. package/lib/JSAvatar.types.d.ts.map +1 -1
  12. package/lib/JSAvatarTokens.d.ts.map +1 -1
  13. package/lib/JSAvatarTokens.js +73 -153
  14. package/lib/JSAvatarTokens.js.map +1 -1
  15. package/lib/JSAvatarTokens.win32.d.ts +5 -0
  16. package/lib/JSAvatarTokens.win32.d.ts.map +1 -0
  17. package/lib/JSAvatarTokens.win32.js +210 -0
  18. package/lib/JSAvatarTokens.win32.js.map +1 -0
  19. package/lib/titles.d.ts +2 -0
  20. package/lib/titles.d.ts.map +1 -0
  21. package/lib/titles.js +109 -0
  22. package/lib/titles.js.map +1 -0
  23. package/lib/useAvatar.d.ts +25 -0
  24. package/lib/useAvatar.d.ts.map +1 -1
  25. package/lib/useAvatar.js +47 -2
  26. package/lib/useAvatar.js.map +1 -1
  27. package/lib/utils/getInitials.d.ts +15 -0
  28. package/lib/utils/getInitials.d.ts.map +1 -0
  29. package/lib/utils/getInitials.js +78 -0
  30. package/lib/utils/getInitials.js.map +1 -0
  31. package/lib/utils/getInitials.test.d.ts +2 -0
  32. package/lib/utils/getInitials.test.d.ts.map +1 -0
  33. package/lib/utils/getInitials.test.js +116 -0
  34. package/lib/utils/getInitials.test.js.map +1 -0
  35. package/lib/utils/index.d.ts +2 -0
  36. package/lib/utils/index.d.ts.map +1 -0
  37. package/lib/utils/index.js +2 -0
  38. package/lib/utils/index.js.map +1 -0
  39. package/lib-commonjs/JSAvatar.d.ts.map +1 -1
  40. package/lib-commonjs/JSAvatar.js +3 -1
  41. package/lib-commonjs/JSAvatar.js.map +1 -1
  42. package/lib-commonjs/JSAvatar.styling.d.ts.map +1 -1
  43. package/lib-commonjs/JSAvatar.styling.js +18 -8
  44. package/lib-commonjs/JSAvatar.styling.js.map +1 -1
  45. package/lib-commonjs/JSAvatar.types.d.ts +3 -1
  46. package/lib-commonjs/JSAvatar.types.d.ts.map +1 -1
  47. package/lib-commonjs/JSAvatarTokens.d.ts.map +1 -1
  48. package/lib-commonjs/JSAvatarTokens.js +73 -153
  49. package/lib-commonjs/JSAvatarTokens.js.map +1 -1
  50. package/lib-commonjs/JSAvatarTokens.win32.d.ts +5 -0
  51. package/lib-commonjs/JSAvatarTokens.win32.d.ts.map +1 -0
  52. package/lib-commonjs/JSAvatarTokens.win32.js +214 -0
  53. package/lib-commonjs/JSAvatarTokens.win32.js.map +1 -0
  54. package/lib-commonjs/titles.d.ts +2 -0
  55. package/lib-commonjs/titles.d.ts.map +1 -0
  56. package/lib-commonjs/titles.js +112 -0
  57. package/lib-commonjs/titles.js.map +1 -0
  58. package/lib-commonjs/useAvatar.d.ts +25 -0
  59. package/lib-commonjs/useAvatar.d.ts.map +1 -1
  60. package/lib-commonjs/useAvatar.js +51 -3
  61. package/lib-commonjs/useAvatar.js.map +1 -1
  62. package/lib-commonjs/utils/getInitials.d.ts +15 -0
  63. package/lib-commonjs/utils/getInitials.d.ts.map +1 -0
  64. package/lib-commonjs/utils/getInitials.js +82 -0
  65. package/lib-commonjs/utils/getInitials.js.map +1 -0
  66. package/lib-commonjs/utils/getInitials.test.d.ts +2 -0
  67. package/lib-commonjs/utils/getInitials.test.d.ts.map +1 -0
  68. package/lib-commonjs/utils/getInitials.test.js +118 -0
  69. package/lib-commonjs/utils/getInitials.test.js.map +1 -0
  70. package/lib-commonjs/utils/index.d.ts +2 -0
  71. package/lib-commonjs/utils/index.d.ts.map +1 -0
  72. package/lib-commonjs/utils/index.js +6 -0
  73. package/lib-commonjs/utils/index.js.map +1 -0
  74. package/package.json +9 -8
  75. package/src/.eslintrc.js +3 -0
  76. package/src/JSAvatar.styling.ts +22 -6
  77. package/src/JSAvatar.tsx +12 -1
  78. package/src/JSAvatar.types.ts +3 -1
  79. package/src/JSAvatarTokens.ts +74 -153
  80. package/src/JSAvatarTokens.win32.ts +213 -0
  81. package/src/__tests__/JSAvatar.test.jsx +156 -0
  82. package/src/__tests__/__snapshots__/JSAvatar.test.jsx.snap +92 -0
  83. package/src/titles.ts +108 -0
  84. package/src/useAvatar.ts +51 -1
  85. package/src/utils/getInitials.test.ts +154 -0
  86. package/src/utils/getInitials.ts +92 -0
  87. package/src/utils/index.ts +1 -0
  88. package/tsconfig.json +2 -1
@@ -0,0 +1,5 @@
1
+ import { Theme } from '@fluentui-react-native/framework';
2
+ import { TokenSettings } from '@fluentui-react-native/use-styling';
3
+ import { JSAvatarTokens } from '.';
4
+ export declare const defaultJSAvatarTokens: TokenSettings<JSAvatarTokens, Theme>;
5
+ //# sourceMappingURL=JSAvatarTokens.win32.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"JSAvatarTokens.win32.d.ts","sourceRoot":"","sources":["../src/JSAvatarTokens.win32.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,kCAAkC,CAAC;AACzD,OAAO,EAAE,aAAa,EAAE,MAAM,oCAAoC,CAAC;AACnE,OAAO,EAAE,cAAc,EAAE,MAAM,GAAG,CAAC;AAGnC,eAAO,MAAM,qBAAqB,EAAE,aAAa,CAAC,cAAc,EAAE,KAAK,CA2KjD,CAAC"}
@@ -0,0 +1,214 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ exports.defaultJSAvatarTokens = void 0;
4
+ var theme_tokens_1 = require("@fluentui-react-native/theme-tokens");
5
+ var defaultJSAvatarTokens = function (t) {
6
+ return ({
7
+ horizontalIconAlignment: 'end',
8
+ verticalIconAlignment: 'end',
9
+ color: theme_tokens_1.globalTokens.color.white,
10
+ backgroundColor: theme_tokens_1.globalTokens.color.cornflower.primary,
11
+ avatarOpacity: 1,
12
+ fontFamily: t.typography.families.primary,
13
+ fontWeight: theme_tokens_1.globalTokens.font.weight.semibold,
14
+ fontSize: theme_tokens_1.globalTokens.font.size[200],
15
+ width: 24,
16
+ height: 24,
17
+ iconSize: 16,
18
+ iconColor: theme_tokens_1.globalTokens.color.white,
19
+ ringColor: t.colors.transparentStroke,
20
+ borderColor: theme_tokens_1.globalTokens.color.white,
21
+ borderWidth: t.name === 'HighContrast' ? 1 : 0,
22
+ circular: {
23
+ borderRadius: theme_tokens_1.globalTokens.corner.radius.circle,
24
+ },
25
+ square: {
26
+ borderRadius: theme_tokens_1.globalTokens.corner.radius.medium,
27
+ },
28
+ inactive: {
29
+ avatarOpacity: 0.8,
30
+ },
31
+ size20: {
32
+ width: 20,
33
+ height: 20,
34
+ badgeSize: 'smallest',
35
+ iconSize: 16,
36
+ fontSize: theme_tokens_1.globalTokens.font.size[100],
37
+ square: {
38
+ borderRadius: theme_tokens_1.globalTokens.corner.radius.small,
39
+ },
40
+ },
41
+ size24: {
42
+ width: 24,
43
+ height: 24,
44
+ badgeSize: 'smallest',
45
+ iconSize: 16,
46
+ fontSize: theme_tokens_1.globalTokens.font.size[100],
47
+ square: {
48
+ borderRadius: theme_tokens_1.globalTokens.corner.radius.small,
49
+ },
50
+ },
51
+ size28: {
52
+ width: 28,
53
+ height: 28,
54
+ badgeSize: 'smaller',
55
+ iconSize: 20,
56
+ fontWeight: theme_tokens_1.globalTokens.font.weight.semibold,
57
+ fontSize: theme_tokens_1.globalTokens.font.size[100],
58
+ },
59
+ size32: {
60
+ width: 32,
61
+ height: 32,
62
+ badgeSize: 'smaller',
63
+ iconSize: 20,
64
+ fontSize: theme_tokens_1.globalTokens.font.size[100],
65
+ },
66
+ size36: {
67
+ width: 36,
68
+ height: 36,
69
+ badgeSize: 'smaller',
70
+ iconSize: 20,
71
+ },
72
+ size40: {
73
+ width: 40,
74
+ height: 40,
75
+ badgeSize: 'small',
76
+ iconSize: 20,
77
+ },
78
+ size48: {
79
+ width: 48,
80
+ height: 48,
81
+ badgeSize: 'small',
82
+ iconSize: 24,
83
+ },
84
+ size56: {
85
+ width: 56,
86
+ height: 56,
87
+ badgeSize: 'medium',
88
+ iconSize: 28,
89
+ fontSize: theme_tokens_1.globalTokens.font.size[400],
90
+ square: {
91
+ borderRadius: theme_tokens_1.globalTokens.corner.radius.large,
92
+ },
93
+ },
94
+ size64: {
95
+ width: 64,
96
+ height: 64,
97
+ badgeSize: 'large',
98
+ iconSize: 32,
99
+ fontSize: theme_tokens_1.globalTokens.font.size[500],
100
+ square: {
101
+ borderRadius: theme_tokens_1.globalTokens.corner.radius.large,
102
+ },
103
+ },
104
+ size72: {
105
+ width: 72,
106
+ height: 72,
107
+ badgeSize: 'large',
108
+ iconSize: 32,
109
+ fontSize: theme_tokens_1.globalTokens.font.size[500],
110
+ square: {
111
+ borderRadius: theme_tokens_1.globalTokens.corner.radius.large,
112
+ },
113
+ },
114
+ size96: {
115
+ width: 96,
116
+ height: 96,
117
+ badgeSize: 'largest',
118
+ iconSize: 48,
119
+ fontWeight: theme_tokens_1.globalTokens.font.weight.regular,
120
+ fontSize: theme_tokens_1.globalTokens.font.size[700],
121
+ square: {
122
+ borderRadius: theme_tokens_1.globalTokens.corner.radius.extraLarge,
123
+ },
124
+ },
125
+ size120: {
126
+ width: 120,
127
+ height: 120,
128
+ badgeSize: 'largest',
129
+ iconSize: 48,
130
+ fontWeight: theme_tokens_1.globalTokens.font.weight.regular,
131
+ fontSize: theme_tokens_1.globalTokens.font.size[900],
132
+ square: {
133
+ borderRadius: theme_tokens_1.globalTokens.corner.radius.extraLarge,
134
+ },
135
+ },
136
+ neutral: {
137
+ backgroundColor: t.colors.neutralBackground6,
138
+ color: t.colors.neutralForeground3,
139
+ ringColor: t.colors.transparentStroke,
140
+ },
141
+ brand: {
142
+ backgroundColor: t.colors.brandBackgroundStatic,
143
+ color: t.colors.neutralForegroundOnBrand,
144
+ ringColor: t.colors.transparentStroke,
145
+ },
146
+ darkRed: getColorProps('darkRed', t),
147
+ cranberry: getColorProps('cranberry', t),
148
+ red: getColorProps('red', t),
149
+ pumpkin: getColorProps('pumpkin', t),
150
+ peach: getColorProps('peach', t),
151
+ marigold: getColorProps('marigold', t),
152
+ gold: getColorProps('gold', t),
153
+ brass: getColorProps('brass', t),
154
+ brown: getColorProps('brown', t),
155
+ forest: getColorProps('forest', t),
156
+ seafoam: getColorProps('seafoam', t),
157
+ darkGreen: getColorProps('darkGreen', t),
158
+ lightTeal: getColorProps('lightTeal', t),
159
+ teal: getColorProps('teal', t),
160
+ steel: getColorProps('steel', t),
161
+ blue: getColorProps('blue', t),
162
+ royalBlue: getColorProps('royalBlue', t),
163
+ cornflower: getColorProps('cornflower', t),
164
+ navy: getColorProps('navy', t),
165
+ lavender: getColorProps('lavender', t),
166
+ purple: getColorProps('purple', t),
167
+ grape: getColorProps('grape', t),
168
+ lilac: getColorProps('lilac', t),
169
+ pink: getColorProps('pink', t),
170
+ magenta: getColorProps('magenta', t),
171
+ plum: getColorProps('plum', t),
172
+ beige: getColorProps('beige', t),
173
+ mink: getColorProps('mink', t),
174
+ platinum: getColorProps('platinum', t),
175
+ anchor: getColorProps('anchor', t),
176
+ });
177
+ };
178
+ exports.defaultJSAvatarTokens = defaultJSAvatarTokens;
179
+ /**
180
+ * A function which returns object of props depending on color and theme.
181
+ * @param color
182
+ * @param theme
183
+ * @returns object of props - backgroundColor, color and ringColor
184
+ */
185
+ function getColorProps(color, theme) {
186
+ var themeAppearance = theme.name;
187
+ switch (themeAppearance) {
188
+ case 'White':
189
+ case 'Colorful':
190
+ default:
191
+ return {
192
+ backgroundColor: theme_tokens_1.globalTokens.color[color].tint40,
193
+ color: theme_tokens_1.globalTokens.color[color].shade30,
194
+ iconColor: theme_tokens_1.globalTokens.color[color].shade30,
195
+ ringColor: theme_tokens_1.globalTokens.color[color].primary,
196
+ };
197
+ case 'DarkGray':
198
+ case 'Black':
199
+ return {
200
+ backgroundColor: theme_tokens_1.globalTokens.color[color].shade30,
201
+ color: theme_tokens_1.globalTokens.color[color].tint40,
202
+ iconColor: theme_tokens_1.globalTokens.color[color].tint40,
203
+ ringColor: theme_tokens_1.globalTokens.color[color].tint30,
204
+ };
205
+ case 'HighContrast':
206
+ return {
207
+ backgroundColor: theme.colors.neutralBackground6,
208
+ color: theme.colors.neutralForeground3,
209
+ iconColor: theme.colors.neutralForeground3,
210
+ ringColor: theme.colors.transparentStroke,
211
+ };
212
+ }
213
+ }
214
+ //# sourceMappingURL=JSAvatarTokens.win32.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"JSAvatarTokens.win32.js","sourceRoot":"","sources":["../src/JSAvatarTokens.win32.ts"],"names":[],"mappings":"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"}
@@ -0,0 +1,2 @@
1
+ export declare const titles: Set<string>;
2
+ //# sourceMappingURL=titles.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"titles.d.ts","sourceRoot":"","sources":["../src/titles.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,MAAM,aA2GjB,CAAC"}
@@ -0,0 +1,112 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ exports.titles = void 0;
4
+ exports.titles = new Set([
5
+ 'Mr',
6
+ 'Mrs',
7
+ 'Miss',
8
+ 'Ms',
9
+ 'Dr',
10
+ 'Admiral',
11
+ 'Air Comm',
12
+ 'Ambassador',
13
+ 'Baron',
14
+ 'Baroness',
15
+ 'Brig & Mrs',
16
+ 'Brig Gen',
17
+ 'Brigadier',
18
+ 'Brother',
19
+ 'Canon',
20
+ 'Capt',
21
+ 'Chief',
22
+ 'Cllr',
23
+ 'Col',
24
+ 'Commander',
25
+ 'Commander & Mrs',
26
+ 'Consul',
27
+ 'Consul General',
28
+ 'Count',
29
+ 'Countess',
30
+ 'Countess of',
31
+ 'Cpl',
32
+ 'Dame',
33
+ 'Deputy',
34
+ 'Dr & Mrs',
35
+ 'Drs',
36
+ 'Duchess',
37
+ 'Duke',
38
+ 'Earl',
39
+ 'Father',
40
+ 'General',
41
+ 'Gräfin',
42
+ 'HE',
43
+ 'HMA',
44
+ 'Her Grace',
45
+ 'His Excellency',
46
+ 'Jr',
47
+ 'Judge',
48
+ 'Justice',
49
+ 'Lady',
50
+ 'Lic',
51
+ 'Llc',
52
+ 'Lord',
53
+ 'Lord & Lady',
54
+ 'Lt',
55
+ 'Lt Col',
56
+ 'Lt Cpl',
57
+ 'M',
58
+ 'Madam',
59
+ 'Madame',
60
+ 'Major',
61
+ 'Major General',
62
+ 'Marchioness',
63
+ 'Marquis',
64
+ 'Minister',
65
+ 'Mme',
66
+ 'Mr & Dr',
67
+ 'Mr & Mrs',
68
+ 'Mr & Ms',
69
+ 'Prince',
70
+ 'Princess',
71
+ 'Professor',
72
+ 'Prof',
73
+ 'Prof & Dr',
74
+ 'Prof & Mrs',
75
+ 'Prof & Rev',
76
+ 'Prof Dame',
77
+ 'Prof Dr',
78
+ 'Pvt',
79
+ 'Rabbi',
80
+ 'Rear Admiral',
81
+ 'Rev',
82
+ 'Rev & Mrs',
83
+ 'Rev Canon',
84
+ 'Rev Dr',
85
+ 'Senator',
86
+ 'Sgt',
87
+ 'Sheriff',
88
+ 'Sir',
89
+ 'Sir & Lady',
90
+ 'Sister',
91
+ 'Sr',
92
+ 'Sqr. Leader',
93
+ 'The Earl of',
94
+ 'The Hon',
95
+ 'The Hon Dr',
96
+ 'The Hon Lady',
97
+ 'The Hon Lord',
98
+ 'The Hon Mrs',
99
+ 'The Hon Sir',
100
+ 'The Honourable',
101
+ 'The Rt Hon',
102
+ 'The Rt Hon Dr',
103
+ 'The Rt Hon Lord',
104
+ 'The Rt Hon Sir',
105
+ 'The Rt Hon Visc',
106
+ 'Viscount',
107
+ 'van',
108
+ 'I',
109
+ 'II',
110
+ 'III',
111
+ ]);
112
+ //# sourceMappingURL=titles.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"titles.js","sourceRoot":"","sources":["../src/titles.ts"],"names":[],"mappings":";;;AAAa,QAAA,MAAM,GAAG,IAAI,GAAG,CAAS;IACpC,IAAI;IACJ,KAAK;IACL,MAAM;IACN,IAAI;IACJ,IAAI;IACJ,SAAS;IACT,UAAU;IACV,YAAY;IACZ,OAAO;IACP,UAAU;IACV,YAAY;IACZ,UAAU;IACV,WAAW;IACX,SAAS;IACT,OAAO;IACP,MAAM;IACN,OAAO;IACP,MAAM;IACN,KAAK;IACL,WAAW;IACX,iBAAiB;IACjB,QAAQ;IACR,gBAAgB;IAChB,OAAO;IACP,UAAU;IACV,aAAa;IACb,KAAK;IACL,MAAM;IACN,QAAQ;IACR,UAAU;IACV,KAAK;IACL,SAAS;IACT,MAAM;IACN,MAAM;IACN,QAAQ;IACR,SAAS;IACT,QAAQ;IACR,IAAI;IACJ,KAAK;IACL,WAAW;IACX,gBAAgB;IAChB,IAAI;IACJ,OAAO;IACP,SAAS;IACT,MAAM;IACN,KAAK;IACL,KAAK;IACL,MAAM;IACN,aAAa;IACb,IAAI;IACJ,QAAQ;IACR,QAAQ;IACR,GAAG;IACH,OAAO;IACP,QAAQ;IACR,OAAO;IACP,eAAe;IACf,aAAa;IACb,SAAS;IACT,UAAU;IACV,KAAK;IACL,SAAS;IACT,UAAU;IACV,SAAS;IACT,QAAQ;IACR,UAAU;IACV,WAAW;IACX,MAAM;IACN,WAAW;IACX,YAAY;IACZ,YAAY;IACZ,WAAW;IACX,SAAS;IACT,KAAK;IACL,OAAO;IACP,cAAc;IACd,KAAK;IACL,WAAW;IACX,WAAW;IACX,QAAQ;IACR,SAAS;IACT,KAAK;IACL,SAAS;IACT,KAAK;IACL,YAAY;IACZ,QAAQ;IACR,IAAI;IACJ,aAAa;IACb,aAAa;IACb,SAAS;IACT,YAAY;IACZ,cAAc;IACd,cAAc;IACd,aAAa;IACb,aAAa;IACb,gBAAgB;IAChB,YAAY;IACZ,eAAe;IACf,iBAAiB;IACjB,gBAAgB;IAChB,iBAAiB;IACjB,UAAU;IACV,KAAK;IACL,GAAG;IACH,IAAI;IACJ,KAAK;CACN,CAAC,CAAC"}
@@ -7,4 +7,29 @@ import { JSAvatarProps, AvatarInfo } from './JSAvatar.types';
7
7
  * @returns configured props and state for FURN Avatar
8
8
  */
9
9
  export declare const useAvatar: (props: JSAvatarProps) => AvatarInfo;
10
+ /**
11
+ * A function which takes a name and returns initials
12
+ *
13
+ * @param name
14
+ * @returns initials. First letter of the word if only one word was provided.
15
+ * First letters of the first and last words if more words were provided.
16
+ * Words in braces, titles, special characters, parantheses and dashes should be ignored.
17
+ */
18
+ export declare const getInitials: (name: string) => string;
19
+ /**
20
+ * A function which verifies whether a name contains non-alphabetical characters
21
+ *
22
+ * @param name
23
+ * @returns true if the name contains alphabetical characters. Returns false if there are
24
+ * numeric values or the first character is non-alphabetical. In this case avatar should
25
+ * fall back to icon.
26
+ */
27
+ export declare const validateAlphabeticalCharacters: (name: string) => boolean;
28
+ /**
29
+ * A function which verifies whether words array contains title
30
+ *
31
+ * @param words array of words in name
32
+ * @returns array of words without titles
33
+ */
34
+ export declare const removeTitlesFromName: (words: string[]) => string[];
10
35
  //# sourceMappingURL=useAvatar.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"useAvatar.d.ts","sourceRoot":"","sources":["../src/useAvatar.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,UAAU,EAAiB,MAAM,kBAAkB,CAAC;AAG5E;;;;;;GAMG;AACH,eAAO,MAAM,SAAS,UAAW,aAAa,KAAG,UAoChD,CAAC"}
1
+ {"version":3,"file":"useAvatar.d.ts","sourceRoot":"","sources":["../src/useAvatar.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,UAAU,EAAiB,MAAM,kBAAkB,CAAC;AAI5E;;;;;;GAMG;AACH,eAAO,MAAM,SAAS,UAAW,aAAa,KAAG,UAuChD,CAAC;AAEF;;;;;;;GAOG;AACH,eAAO,MAAM,WAAW,SAAU,MAAM,KAAG,MAa1C,CAAC;AAEF;;;;;;;GAOG;AACH,eAAO,MAAM,8BAA8B,SAAU,MAAM,KAAG,OAG7D,CAAC;AAEF;;;;;GAKG;AACH,eAAO,MAAM,oBAAoB,UAAW,MAAM,EAAE,KAAG,MAAM,EAE5D,CAAC"}
@@ -22,7 +22,8 @@ var __rest = (this && this.__rest) || function (s, e) {
22
22
  return t;
23
23
  };
24
24
  Object.defineProperty(exports, "__esModule", { value: true });
25
- exports.useAvatar = void 0;
25
+ exports.removeTitlesFromName = exports.validateAlphabeticalCharacters = exports.getInitials = exports.useAvatar = void 0;
26
+ var titles_1 = require("./titles");
26
27
  /**
27
28
  * Re-usable hook for FURN Avatar.
28
29
  * This hook configures Avatar props and state for FURN Avatar.
@@ -31,7 +32,7 @@ exports.useAvatar = void 0;
31
32
  * @returns configured props and state for FURN Avatar
32
33
  */
33
34
  var useAvatar = function (props) {
34
- var active = props.active, accessibilityLabel = props.accessibilityLabel, activeAppearance = props.activeAppearance, badge = props.badge, ring = props.ring, src = props.src, shape = props.shape, rest = __rest(props, ["active", "accessibilityLabel", "activeAppearance", "badge", "ring", "src", "shape"]);
35
+ var active = props.active, accessibilityLabel = props.accessibilityLabel, activeAppearance = props.activeAppearance, badge = props.badge, initials = props.initials, name = props.name, src = props.src, ring = props.ring, shape = props.shape, rest = __rest(props, ["active", "accessibilityLabel", "activeAppearance", "badge", "initials", "name", "src", "ring", "shape"]);
35
36
  var showRing = active === 'active' && activeAppearance === 'ring';
36
37
  var transparentRing = !!(ring === null || ring === void 0 ? void 0 : ring.transparent);
37
38
  var showBadge = (!active || active === 'unset') && !!badge && !!badge.status;
@@ -45,10 +46,57 @@ var useAvatar = function (props) {
45
46
  transparentRing: transparentRing,
46
47
  showBadge: showBadge,
47
48
  };
49
+ var _initials = initials || (0, exports.getInitials)(name);
48
50
  return {
49
- props: __assign(__assign({ shape: shape || 'circular' }, rest), { active: active, activeAppearance: activeAppearance, image: imageProps, badge: badgeProps }),
51
+ props: __assign(__assign({ shape: shape || 'circular' }, rest), { active: active, activeAppearance: activeAppearance, image: imageProps, badge: badgeProps, initials: _initials }),
50
52
  state: __assign({}, state),
51
53
  };
52
54
  };
53
55
  exports.useAvatar = useAvatar;
56
+ /**
57
+ * A function which takes a name and returns initials
58
+ *
59
+ * @param name
60
+ * @returns initials. First letter of the word if only one word was provided.
61
+ * First letters of the first and last words if more words were provided.
62
+ * Words in braces, titles, special characters, parantheses and dashes should be ignored.
63
+ */
64
+ var getInitials = function (name) {
65
+ if (!name && !(0, exports.validateAlphabeticalCharacters)(name)) {
66
+ return '';
67
+ }
68
+ // prettier-ignore
69
+ var nonWordRegExp = new RegExp('\\W+(?<!\\S-)', 'g');
70
+ var wordsInBracesRegExp = new RegExp('(\\(|\\[|\\{)\\w+(\\)|\\]|\\})', 'g');
71
+ var words = name.replace(wordsInBracesRegExp, ' ').replace(nonWordRegExp, ' ').trim().split(' ');
72
+ words = (0, exports.removeTitlesFromName)(words);
73
+ var wordsLength = words.length;
74
+ var lastWordIdx = wordsLength - 1;
75
+ var initials = "".concat(words[0].charAt(0).toUpperCase()).concat(wordsLength > 1 ? words[lastWordIdx].charAt(0).toUpperCase() : '');
76
+ return initials;
77
+ };
78
+ exports.getInitials = getInitials;
79
+ /**
80
+ * A function which verifies whether a name contains non-alphabetical characters
81
+ *
82
+ * @param name
83
+ * @returns true if the name contains alphabetical characters. Returns false if there are
84
+ * numeric values or the first character is non-alphabetical. In this case avatar should
85
+ * fall back to icon.
86
+ */
87
+ var validateAlphabeticalCharacters = function (name) {
88
+ var alphabeticalRegExp = new RegExp('[a-zA-Z]', 'g');
89
+ return name ? alphabeticalRegExp.test(name) : false;
90
+ };
91
+ exports.validateAlphabeticalCharacters = validateAlphabeticalCharacters;
92
+ /**
93
+ * A function which verifies whether words array contains title
94
+ *
95
+ * @param words array of words in name
96
+ * @returns array of words without titles
97
+ */
98
+ var removeTitlesFromName = function (words) {
99
+ return words.filter(function (word) { return !titles_1.titles.has(word); });
100
+ };
101
+ exports.removeTitlesFromName = removeTitlesFromName;
54
102
  //# sourceMappingURL=useAvatar.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"useAvatar.js","sourceRoot":"","sources":["../src/useAvatar.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAGA;;;;;;GAMG;AACI,IAAM,SAAS,GAAG,UAAC,KAAoB;IACpC,IAAA,MAAM,GAA6E,KAAK,OAAlF,EAAE,kBAAkB,GAAyD,KAAK,mBAA9D,EAAE,gBAAgB,GAAuC,KAAK,iBAA5C,EAAE,KAAK,GAAgC,KAAK,MAArC,EAAE,IAAI,GAA0B,KAAK,KAA/B,EAAE,GAAG,GAAqB,KAAK,IAA1B,EAAE,KAAK,GAAc,KAAK,MAAnB,EAAK,IAAI,UAAK,KAAK,EAA1F,qFAAkF,CAAF,CAAW;IAEjG,IAAM,QAAQ,GAAG,MAAM,KAAK,QAAQ,IAAI,gBAAgB,KAAK,MAAM,CAAC;IACpE,IAAM,eAAe,GAAG,CAAC,CAAC,CAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,WAAW,CAAA,CAAC;IAC5C,IAAM,SAAS,GAAG,CAAC,CAAC,MAAM,IAAI,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC,KAAK,IAAI,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC;IAE/E,IAAM,UAAU,GAAe;QAC7B,kBAAkB,oBAAA;QAClB,MAAM,EAAE,GAAG,CAAC,CAAC,CAAE,EAAE,GAAG,EAAE,GAAG,EAA0B,CAAC,CAAC,CAAC,SAAS;KAChE,CAAC;IAEF,IAAM,UAAU,cACd,IAAI,EAAE,OAAO,IACV,KAAK,CACT,CAAC;IAEF,IAAM,KAAK,GAAkB;QAC3B,QAAQ,UAAA;QACR,eAAe,iBAAA;QACf,SAAS,WAAA;KACV,CAAC;IAEF,OAAO;QACL,KAAK,sBACH,KAAK,EAAE,KAAK,IAAI,UAAU,IACvB,IAAI,KACP,MAAM,QAAA,EACN,gBAAgB,kBAAA,EAChB,KAAK,EAAE,UAAU,EACjB,KAAK,EAAE,UAAU,GAClB;QACD,KAAK,eACA,KAAK,CACT;KACF,CAAC;AACJ,CAAC,CAAC;AApCW,QAAA,SAAS,aAoCpB"}
1
+ {"version":3,"file":"useAvatar.js","sourceRoot":"","sources":["../src/useAvatar.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAGA,mCAAkC;AAClC;;;;;;GAMG;AACI,IAAM,SAAS,GAAG,UAAC,KAAoB;IACpC,IAAA,MAAM,GAA6F,KAAK,OAAlG,EAAE,kBAAkB,GAAyE,KAAK,mBAA9E,EAAE,gBAAgB,GAAuD,KAAK,iBAA5D,EAAE,KAAK,GAAgD,KAAK,MAArD,EAAE,QAAQ,GAAsC,KAAK,SAA3C,EAAE,IAAI,GAAgC,KAAK,KAArC,EAAE,GAAG,GAA2B,KAAK,IAAhC,EAAE,IAAI,GAAqB,KAAK,KAA1B,EAAE,KAAK,GAAc,KAAK,MAAnB,EAAK,IAAI,UAAK,KAAK,EAA1G,yGAAkG,CAAF,CAAW;IAEjH,IAAM,QAAQ,GAAG,MAAM,KAAK,QAAQ,IAAI,gBAAgB,KAAK,MAAM,CAAC;IACpE,IAAM,eAAe,GAAG,CAAC,CAAC,CAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,WAAW,CAAA,CAAC;IAC5C,IAAM,SAAS,GAAG,CAAC,CAAC,MAAM,IAAI,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC,KAAK,IAAI,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC;IAE/E,IAAM,UAAU,GAAe;QAC7B,kBAAkB,oBAAA;QAClB,MAAM,EAAE,GAAG,CAAC,CAAC,CAAE,EAAE,GAAG,EAAE,GAAG,EAA0B,CAAC,CAAC,CAAC,SAAS;KAChE,CAAC;IAEF,IAAM,UAAU,cACd,IAAI,EAAE,OAAO,IACV,KAAK,CACT,CAAC;IAEF,IAAM,KAAK,GAAkB;QAC3B,QAAQ,UAAA;QACR,eAAe,iBAAA;QACf,SAAS,WAAA;KACV,CAAC;IAEF,IAAM,SAAS,GAAG,QAAQ,IAAI,IAAA,mBAAW,EAAC,IAAI,CAAC,CAAC;IAEhD,OAAO;QACL,KAAK,sBACH,KAAK,EAAE,KAAK,IAAI,UAAU,IACvB,IAAI,KACP,MAAM,QAAA,EACN,gBAAgB,kBAAA,EAChB,KAAK,EAAE,UAAU,EACjB,KAAK,EAAE,UAAU,EACjB,QAAQ,EAAE,SAAS,GACpB;QACD,KAAK,eACA,KAAK,CACT;KACF,CAAC;AACJ,CAAC,CAAC;AAvCW,QAAA,SAAS,aAuCpB;AAEF;;;;;;;GAOG;AACI,IAAM,WAAW,GAAG,UAAC,IAAY;IACtC,IAAI,CAAC,IAAI,IAAI,CAAC,IAAA,sCAA8B,EAAC,IAAI,CAAC,EAAE;QAClD,OAAO,EAAE,CAAC;KACX;IACD,kBAAkB;IAClB,IAAM,aAAa,GAAG,IAAI,MAAM,CAAC,eAAe,EAAE,GAAG,CAAC,CAAC;IACvD,IAAM,mBAAmB,GAAG,IAAI,MAAM,CAAC,gCAAgC,EAAE,GAAG,CAAC,CAAC;IAC9E,IAAI,KAAK,GAAG,IAAI,CAAC,OAAO,CAAC,mBAAmB,EAAE,GAAG,CAAC,CAAC,OAAO,CAAC,aAAa,EAAE,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;IACjG,KAAK,GAAG,IAAA,4BAAoB,EAAC,KAAK,CAAC,CAAC;IACpC,IAAM,WAAW,GAAG,KAAK,CAAC,MAAM,CAAC;IACjC,IAAM,WAAW,GAAG,WAAW,GAAG,CAAC,CAAC;IACpC,IAAM,QAAQ,GAAG,UAAG,KAAK,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,WAAW,EAAE,SAAG,WAAW,GAAG,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,WAAW,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,WAAW,EAAE,CAAC,CAAC,CAAC,EAAE,CAAE,CAAC;IAC3H,OAAO,QAAQ,CAAC;AAClB,CAAC,CAAC;AAbW,QAAA,WAAW,eAatB;AAEF;;;;;;;GAOG;AACI,IAAM,8BAA8B,GAAG,UAAC,IAAY;IACzD,IAAM,kBAAkB,GAAG,IAAI,MAAM,CAAC,UAAU,EAAE,GAAG,CAAC,CAAC;IACvD,OAAO,IAAI,CAAC,CAAC,CAAC,kBAAkB,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC;AACtD,CAAC,CAAC;AAHW,QAAA,8BAA8B,kCAGzC;AAEF;;;;;GAKG;AACI,IAAM,oBAAoB,GAAG,UAAC,KAAe;IAClD,OAAO,KAAK,CAAC,MAAM,CAAC,UAAC,IAAI,IAAK,OAAA,CAAC,eAAM,CAAC,GAAG,CAAC,IAAI,CAAC,EAAjB,CAAiB,CAAC,CAAC;AACnD,CAAC,CAAC;AAFW,QAAA,oBAAoB,wBAE/B"}
@@ -0,0 +1,15 @@
1
+ /**
2
+ * Regular expressions matching characters to ignore when calculating the initials.
3
+ */
4
+ /**
5
+ * Get (up to 2 characters) initials based on display name of the persona.
6
+ *
7
+ * @param displayName - The full name of the person or entity
8
+ * @param isRtl - Whether the display is in RTL
9
+ * @param allowPhoneInitials - Should initials be generated from phone numbers (default false)
10
+ *
11
+ * @returns The 1 or 2 character initials based on the name. Or an empty string if no initials
12
+ * could be derived from the name.
13
+ */
14
+ export declare function getInitials(displayName: string | undefined | null, isRtl: boolean, allowPhoneInitials?: boolean): string;
15
+ //# sourceMappingURL=getInitials.d.ts.map
@@ -0,0 +1 @@
1
+ {"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"}
@@ -0,0 +1,82 @@
1
+ "use strict";
2
+ /**
3
+ * Regular expressions matching characters to ignore when calculating the initials.
4
+ */
5
+ Object.defineProperty(exports, "__esModule", { value: true });
6
+ exports.getInitials = void 0;
7
+ /**
8
+ * Regular expression matching characters within various types of enclosures, including the enclosures themselves
9
+ * so for example, (xyz) [xyz] {xyz} all would be ignored
10
+ */
11
+ var UNWANTED_ENCLOSURES_REGEX = /[\(\[\{][^\)\]\}]*[\)\]\}]/g;
12
+ /**
13
+ * Regular expression matching special ASCII characters except space, plus some unicode special characters.
14
+ * Applies after unwanted enclosures have been removed
15
+ */
16
+ var UNWANTED_CHARS_REGEX = /[\0-\u001F\!-/:-@\[-`\{-\u00BF\u0250-\u036F\uD800-\uFFFF]/g;
17
+ /**
18
+ * Regular expression matching phone numbers. Applied after chars matching UNWANTED_CHARS_REGEX have been removed
19
+ * and number has been trimmed for whitespaces
20
+ */
21
+ var PHONENUMBER_REGEX = /^\d+[\d\s]*(:?ext|x|)\s*\d+$/i;
22
+ /** Regular expression matching one or more spaces. */
23
+ var MULTIPLE_WHITESPACES_REGEX = /\s+/g;
24
+ /**
25
+ * Regular expression matching languages for which we currently don't support initials.
26
+ * Arabic: Arabic, Arabic Supplement, Arabic Extended-A.
27
+ * Korean: Hangul Jamo, Hangul Compatibility Jamo, Hangul Jamo Extended-A, Hangul Syllables, Hangul Jamo Extended-B.
28
+ * Japanese: Hiragana, Katakana.
29
+ * CJK: CJK Unified Ideographs Extension A, CJK Unified Ideographs, CJK Compatibility Ideographs,
30
+ * CJK Unified Ideographs Extension B
31
+ */
32
+ // eslint-disable-next-line @fluentui/max-len
33
+ 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]/;
34
+ function getInitialsLatin(displayName, isRtl) {
35
+ var initials = '';
36
+ var splits = displayName.split(' ');
37
+ if (splits.length === 2) {
38
+ initials += splits[0].charAt(0).toUpperCase();
39
+ initials += splits[1].charAt(0).toUpperCase();
40
+ }
41
+ else if (splits.length === 3) {
42
+ initials += splits[0].charAt(0).toUpperCase();
43
+ initials += splits[2].charAt(0).toUpperCase();
44
+ }
45
+ else if (splits.length !== 0) {
46
+ initials += splits[0].charAt(0).toUpperCase();
47
+ }
48
+ if (isRtl && initials.length > 1) {
49
+ return initials.charAt(1) + initials.charAt(0);
50
+ }
51
+ return initials;
52
+ }
53
+ function cleanupDisplayName(displayName) {
54
+ displayName = displayName.replace(UNWANTED_ENCLOSURES_REGEX, '');
55
+ displayName = displayName.replace(UNWANTED_CHARS_REGEX, '');
56
+ displayName = displayName.replace(MULTIPLE_WHITESPACES_REGEX, ' ');
57
+ displayName = displayName.trim();
58
+ return displayName;
59
+ }
60
+ /**
61
+ * Get (up to 2 characters) initials based on display name of the persona.
62
+ *
63
+ * @param displayName - The full name of the person or entity
64
+ * @param isRtl - Whether the display is in RTL
65
+ * @param allowPhoneInitials - Should initials be generated from phone numbers (default false)
66
+ *
67
+ * @returns The 1 or 2 character initials based on the name. Or an empty string if no initials
68
+ * could be derived from the name.
69
+ */
70
+ function getInitials(displayName, isRtl, allowPhoneInitials) {
71
+ if (!displayName) {
72
+ return '';
73
+ }
74
+ displayName = cleanupDisplayName(displayName);
75
+ // For names containing CJK characters, and phone numbers, we don't display initials
76
+ if (UNSUPPORTED_TEXT_REGEX.test(displayName) || (!allowPhoneInitials && PHONENUMBER_REGEX.test(displayName))) {
77
+ return '';
78
+ }
79
+ return getInitialsLatin(displayName, isRtl);
80
+ }
81
+ exports.getInitials = getInitials;
82
+ //# sourceMappingURL=getInitials.js.map
@@ -0,0 +1 @@
1
+ {"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,SAAgB,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;AAbD,kCAaC"}
@@ -0,0 +1,2 @@
1
+ export {};
2
+ //# sourceMappingURL=getInitials.test.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"getInitials.test.d.ts","sourceRoot":"","sources":["../../src/utils/getInitials.test.ts"],"names":[],"mappings":""}