@fluentui/react-avatar 9.0.0-alpha.83 → 9.0.0-alpha.84
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.
- package/CHANGELOG.json +67 -8
- package/CHANGELOG.md +24 -9
- package/lib/Avatar.js.map +1 -1
- package/lib/common/isConformant.js.map +1 -1
- package/lib/components/Avatar/Avatar.js.map +1 -1
- package/lib/components/Avatar/Avatar.types.js.map +1 -1
- package/lib/components/Avatar/index.js.map +1 -1
- package/lib/components/Avatar/renderAvatar.js.map +1 -1
- package/lib/components/Avatar/useAvatar.js +1 -0
- package/lib/components/Avatar/useAvatar.js.map +1 -1
- package/lib/components/Avatar/useAvatarStyles.js.map +1 -1
- package/lib/index.js.map +1 -1
- package/lib/utils/getInitials.js.map +1 -1
- package/lib/utils/index.js.map +1 -1
- package/lib-commonjs/Avatar.js.map +1 -1
- package/lib-commonjs/common/isConformant.js.map +1 -1
- package/lib-commonjs/components/Avatar/Avatar.js.map +1 -1
- package/lib-commonjs/components/Avatar/Avatar.types.js.map +1 -1
- package/lib-commonjs/components/Avatar/index.js.map +1 -1
- package/lib-commonjs/components/Avatar/renderAvatar.js.map +1 -1
- package/lib-commonjs/components/Avatar/useAvatar.js +1 -0
- package/lib-commonjs/components/Avatar/useAvatar.js.map +1 -1
- package/lib-commonjs/components/Avatar/useAvatarStyles.js.map +1 -1
- package/lib-commonjs/index.js.map +1 -1
- package/lib-commonjs/utils/getInitials.js.map +1 -1
- package/lib-commonjs/utils/index.js.map +1 -1
- package/package.json +8 -8
- package/lib-amd/Avatar.d.ts +0 -1
- package/lib-amd/Avatar.js +0 -6
- package/lib-amd/Avatar.js.map +0 -1
- package/lib-amd/common/isConformant.d.ts +0 -4
- package/lib-amd/common/isConformant.js +0 -16
- package/lib-amd/common/isConformant.js.map +0 -1
- package/lib-amd/components/Avatar/Avatar.d.ts +0 -15
- package/lib-amd/components/Avatar/Avatar.js +0 -12
- package/lib-amd/components/Avatar/Avatar.js.map +0 -1
- package/lib-amd/components/Avatar/Avatar.types.d.ts +0 -109
- package/lib-amd/components/Avatar/Avatar.types.js +0 -5
- package/lib-amd/components/Avatar/Avatar.types.js.map +0 -1
- package/lib-amd/components/Avatar/index.d.ts +0 -5
- package/lib-amd/components/Avatar/index.js +0 -10
- package/lib-amd/components/Avatar/index.js.map +0 -1
- package/lib-amd/components/Avatar/renderAvatar.d.ts +0 -2
- package/lib-amd/components/Avatar/renderAvatar.js +0 -15
- package/lib-amd/components/Avatar/renderAvatar.js.map +0 -1
- package/lib-amd/components/Avatar/useAvatar.d.ts +0 -7
- package/lib-amd/components/Avatar/useAvatar.js +0 -141
- package/lib-amd/components/Avatar/useAvatar.js.map +0 -1
- package/lib-amd/components/Avatar/useAvatarStyles.d.ts +0 -2
- package/lib-amd/components/Avatar/useAvatarStyles.js +0 -416
- package/lib-amd/components/Avatar/useAvatarStyles.js.map +0 -1
- package/lib-amd/index.d.ts +0 -1
- package/lib-amd/index.js +0 -6
- package/lib-amd/index.js.map +0 -1
- package/lib-amd/utils/getInitials.d.ts +0 -9
- package/lib-amd/utils/getInitials.js +0 -79
- package/lib-amd/utils/getInitials.js.map +0 -1
- package/lib-amd/utils/index.d.ts +0 -1
- package/lib-amd/utils/index.js +0 -7
- package/lib-amd/utils/index.js.map +0 -1
|
@@ -1,416 +0,0 @@
|
|
|
1
|
-
define(["require", "exports", "tslib", "@fluentui/react-make-styles"], function (require, exports, tslib_1, react_make_styles_1) {
|
|
2
|
-
"use strict";
|
|
3
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
4
|
-
exports.useAvatarStyles = void 0;
|
|
5
|
-
//
|
|
6
|
-
// TODO: All animation constants should go to theme or globals?
|
|
7
|
-
// https://github.com/microsoft/fluentui/issues/16372#issuecomment-778240665
|
|
8
|
-
var animationDuration = {
|
|
9
|
-
duration50: '50ms',
|
|
10
|
-
duration100: '100ms',
|
|
11
|
-
duration150: '150ms',
|
|
12
|
-
duration200: '200ms',
|
|
13
|
-
duration300: '300ms',
|
|
14
|
-
duration400: '400ms',
|
|
15
|
-
duration500: '500ms',
|
|
16
|
-
};
|
|
17
|
-
var animationTiming = {
|
|
18
|
-
ultraFast: animationDuration.duration50,
|
|
19
|
-
faster: animationDuration.duration100,
|
|
20
|
-
fast: animationDuration.duration150,
|
|
21
|
-
normal: animationDuration.duration200,
|
|
22
|
-
slow: animationDuration.duration300,
|
|
23
|
-
slower: animationDuration.duration400,
|
|
24
|
-
ultraSlow: animationDuration.duration500,
|
|
25
|
-
};
|
|
26
|
-
var animationLines = {
|
|
27
|
-
decelerateMax: 'cubic-bezier(0.00,0.00,0.00,1.00)',
|
|
28
|
-
decelerateMid: 'cubic-bezier(0.10,0.90,0.20,1.00)',
|
|
29
|
-
decelerateMin: 'cubic-bezier(0.33,0.00,0.10,1.00)',
|
|
30
|
-
accelerateMax: 'cubic-bezier(1.00,0.00,1.00,1.00)',
|
|
31
|
-
accelerateMid: 'cubic-bezier(0.90,0.10,1.00,0.20)',
|
|
32
|
-
accelerateMin: 'cubic-bezier(0.80,0.00,0.78,1.00)',
|
|
33
|
-
maxEasyEase: 'cubic-bezier(0.80,0.00,0.20,1.00)',
|
|
34
|
-
easyEase: 'cubic-bezier(0.33,0.00,0.67,1.00)',
|
|
35
|
-
linear: 'linear',
|
|
36
|
-
};
|
|
37
|
-
var animations = {
|
|
38
|
-
fastOutSlowInMax: animationLines.decelerateMax,
|
|
39
|
-
fastOutSlowInMid: animationLines.decelerateMid,
|
|
40
|
-
fastOutSlowInMin: animationLines.decelerateMin,
|
|
41
|
-
slowOutFastInMax: animationLines.accelerateMax,
|
|
42
|
-
slowOutFastInMid: animationLines.accelerateMid,
|
|
43
|
-
slowOutFastInMin: animationLines.accelerateMin,
|
|
44
|
-
fastEase: animationLines.maxEasyEase,
|
|
45
|
-
normalEase: animationLines.easyEase,
|
|
46
|
-
nullEasing: animationLines.linear,
|
|
47
|
-
};
|
|
48
|
-
var useStyles = react_make_styles_1.makeStyles({
|
|
49
|
-
root: function (theme) { return ({
|
|
50
|
-
display: 'inline-block',
|
|
51
|
-
flexShrink: 0,
|
|
52
|
-
position: 'relative',
|
|
53
|
-
verticalAlign: 'middle',
|
|
54
|
-
borderRadius: theme.global.borderRadius.circular,
|
|
55
|
-
fontFamily: theme.global.type.fontFamilies.base,
|
|
56
|
-
fontWeight: theme.global.type.fontWeights.semibold,
|
|
57
|
-
boxShadow: "0 0 0 " + theme.global.strokeWidth.thin + " " + theme.alias.color.neutral.transparentStroke + " inset",
|
|
58
|
-
}); },
|
|
59
|
-
textCaption2: function (theme) { return ({
|
|
60
|
-
fontSize: theme.global.type.fontSizes.base[100],
|
|
61
|
-
fontWeight: theme.global.type.fontWeights.regular,
|
|
62
|
-
}); },
|
|
63
|
-
textCaption1Strong: function (theme) { return ({ fontSize: theme.global.type.fontSizes.base[200] }); },
|
|
64
|
-
textBody1Strong: function (theme) { return ({ fontSize: theme.global.type.fontSizes.base[300] }); },
|
|
65
|
-
textSubtitle2: function (theme) { return ({ fontSize: theme.global.type.fontSizes.base[400] }); },
|
|
66
|
-
textSubtitle1: function (theme) { return ({ fontSize: theme.global.type.fontSizes.base[500] }); },
|
|
67
|
-
textTitle: function (theme) { return ({ fontSize: theme.global.type.fontSizes.base[600] }); },
|
|
68
|
-
squareSmall: function (theme) { return ({ borderRadius: theme.global.borderRadius.small }); },
|
|
69
|
-
squareMedium: function (theme) { return ({ borderRadius: theme.global.borderRadius.medium }); },
|
|
70
|
-
squareLarge: function (theme) { return ({ borderRadius: theme.global.borderRadius.large }); },
|
|
71
|
-
squareXLarge: function (theme) { return ({ borderRadius: theme.global.borderRadius.xLarge }); },
|
|
72
|
-
activeOrInactive: {
|
|
73
|
-
transform: 'perspective(1px)',
|
|
74
|
-
transition: "transform " + animationTiming.ultraSlow + " " + animations.fastEase + ", " +
|
|
75
|
-
("opacity " + animationTiming.faster + " " + animations.nullEasing),
|
|
76
|
-
':before': {
|
|
77
|
-
content: '""',
|
|
78
|
-
position: 'absolute',
|
|
79
|
-
top: 0,
|
|
80
|
-
left: 0,
|
|
81
|
-
bottom: 0,
|
|
82
|
-
right: 0,
|
|
83
|
-
borderRadius: 'inherit',
|
|
84
|
-
transition: "margin " + animationTiming.ultraSlow + " " + animations.fastEase + ", " +
|
|
85
|
-
("opacity " + animationTiming.slower + " " + animations.nullEasing),
|
|
86
|
-
},
|
|
87
|
-
},
|
|
88
|
-
ring: function (theme) { return ({
|
|
89
|
-
':before': {
|
|
90
|
-
borderColor: theme.alias.color.neutral.brandBackgroundStatic,
|
|
91
|
-
borderStyle: 'solid',
|
|
92
|
-
},
|
|
93
|
-
}); },
|
|
94
|
-
ringThick: function (theme) { return ({
|
|
95
|
-
':before': {
|
|
96
|
-
margin: "calc(-2 * " + theme.global.strokeWidth.thick + ")",
|
|
97
|
-
borderWidth: theme.global.strokeWidth.thick,
|
|
98
|
-
},
|
|
99
|
-
}); },
|
|
100
|
-
ringThicker: function (theme) { return ({
|
|
101
|
-
':before': {
|
|
102
|
-
margin: "calc(-2 * " + theme.global.strokeWidth.thicker + ")",
|
|
103
|
-
borderWidth: theme.global.strokeWidth.thicker,
|
|
104
|
-
},
|
|
105
|
-
}); },
|
|
106
|
-
ringThickest: function (theme) { return ({
|
|
107
|
-
':before': {
|
|
108
|
-
margin: "calc(-2 * " + theme.global.strokeWidth.thickest + ")",
|
|
109
|
-
borderWidth: theme.global.strokeWidth.thickest,
|
|
110
|
-
},
|
|
111
|
-
}); },
|
|
112
|
-
shadow4: function (theme) { return ({ ':before': { boxShadow: theme.alias.shadow.shadow4 } }); },
|
|
113
|
-
shadow8: function (theme) { return ({ ':before': { boxShadow: theme.alias.shadow.shadow8 } }); },
|
|
114
|
-
shadow16: function (theme) { return ({ ':before': { boxShadow: theme.alias.shadow.shadow16 } }); },
|
|
115
|
-
shadow28: function (theme) { return ({ ':before': { boxShadow: theme.alias.shadow.shadow28 } }); },
|
|
116
|
-
// TODO: use proper tokens instead of "rgba(0,120,212,0.3)"
|
|
117
|
-
glow4: function (theme) { return ({ ':before': { boxShadow: theme.alias.shadow.shadow4 + ", 0 0 4px 2px rgba(0,120,212,0.3)" } }); },
|
|
118
|
-
glow8: function (theme) { return ({ ':before': { boxShadow: theme.alias.shadow.shadow8 + ", 0 0 8px 2px rgba(0,120,212,0.3)" } }); },
|
|
119
|
-
glow16: function (theme) { return ({ ':before': { boxShadow: theme.alias.shadow.shadow16 + ", 0 0 8px 2px rgba(0,120,212,0.3)" } }); },
|
|
120
|
-
glow28: function (theme) { return ({ ':before': { boxShadow: theme.alias.shadow.shadow28 + ", 0 0 28px 4px rgba(0,120,212,0.3)" } }); },
|
|
121
|
-
inactive: {
|
|
122
|
-
opacity: '0.8',
|
|
123
|
-
transform: 'scale(0.875)',
|
|
124
|
-
transition: "transform " + animationTiming.ultraSlow + " " + animations.fastOutSlowInMin + ", " +
|
|
125
|
-
("opacity " + animationTiming.faster + " " + animations.nullEasing),
|
|
126
|
-
':before': {
|
|
127
|
-
margin: 0,
|
|
128
|
-
opacity: 0,
|
|
129
|
-
transition: "margin " + animationTiming.ultraSlow + " " + animations.fastOutSlowInMin + ", " +
|
|
130
|
-
("opacity " + animationTiming.slower + " " + animations.nullEasing),
|
|
131
|
-
},
|
|
132
|
-
},
|
|
133
|
-
badge: function (theme) { return ({
|
|
134
|
-
position: 'absolute',
|
|
135
|
-
bottom: 0,
|
|
136
|
-
right: 0,
|
|
137
|
-
boxShadow: "0 0 0 " + theme.global.strokeWidth.thin + " " + theme.alias.color.neutral.neutralBackground1,
|
|
138
|
-
}); },
|
|
139
|
-
badgeLarge: function (theme) { return ({
|
|
140
|
-
boxShadow: "0 0 0 " + theme.global.strokeWidth.thick + " " + theme.alias.color.neutral.neutralBackground1,
|
|
141
|
-
}); },
|
|
142
|
-
image: {
|
|
143
|
-
position: 'absolute',
|
|
144
|
-
top: 0,
|
|
145
|
-
left: 0,
|
|
146
|
-
width: '100%',
|
|
147
|
-
height: '100%',
|
|
148
|
-
borderRadius: 'inherit',
|
|
149
|
-
objectFit: 'cover',
|
|
150
|
-
verticalAlign: 'top',
|
|
151
|
-
},
|
|
152
|
-
iconLabel: {
|
|
153
|
-
position: 'absolute',
|
|
154
|
-
top: 0,
|
|
155
|
-
left: 0,
|
|
156
|
-
width: '100%',
|
|
157
|
-
height: '100%',
|
|
158
|
-
lineHeight: 1,
|
|
159
|
-
display: 'flex',
|
|
160
|
-
alignItems: 'center',
|
|
161
|
-
justifyContent: 'center',
|
|
162
|
-
verticalAlign: 'center',
|
|
163
|
-
textAlign: 'center',
|
|
164
|
-
borderRadius: 'inherit',
|
|
165
|
-
},
|
|
166
|
-
});
|
|
167
|
-
var useSizeStyles = react_make_styles_1.makeStyles({
|
|
168
|
-
20: { width: '20px', height: '20px' },
|
|
169
|
-
24: { width: '24px', height: '24px' },
|
|
170
|
-
28: { width: '28px', height: '28px' },
|
|
171
|
-
32: { width: '32px', height: '32px' },
|
|
172
|
-
36: { width: '36px', height: '36px' },
|
|
173
|
-
40: { width: '40px', height: '40px' },
|
|
174
|
-
48: { width: '48px', height: '48px' },
|
|
175
|
-
56: { width: '56px', height: '56px' },
|
|
176
|
-
64: { width: '64px', height: '64px' },
|
|
177
|
-
72: { width: '72px', height: '72px' },
|
|
178
|
-
96: { width: '96px', height: '96px' },
|
|
179
|
-
120: { width: '120px', height: '120px' },
|
|
180
|
-
128: { width: '128px', height: '128px' },
|
|
181
|
-
});
|
|
182
|
-
var useColorStyles = react_make_styles_1.makeStyles({
|
|
183
|
-
neutral: function (theme) { return ({
|
|
184
|
-
color: theme.alias.color.neutral.neutralForeground3,
|
|
185
|
-
background: theme.alias.color.neutral.neutralBackground6,
|
|
186
|
-
}); },
|
|
187
|
-
brand: function (theme) { return ({
|
|
188
|
-
color: theme.alias.color.neutral.neutralForegroundInverted,
|
|
189
|
-
background: theme.alias.color.neutral.brandBackgroundStatic,
|
|
190
|
-
}); },
|
|
191
|
-
darkRed: function (theme) { return ({
|
|
192
|
-
color: theme.alias.color.darkRed.foreground2,
|
|
193
|
-
background: theme.alias.color.darkRed.background2,
|
|
194
|
-
}); },
|
|
195
|
-
cranberry: function (theme) { return ({
|
|
196
|
-
color: theme.alias.color.cranberry.foreground2,
|
|
197
|
-
background: theme.alias.color.cranberry.background2,
|
|
198
|
-
}); },
|
|
199
|
-
red: function (theme) { return ({
|
|
200
|
-
color: theme.alias.color.red.foreground2,
|
|
201
|
-
background: theme.alias.color.red.background2,
|
|
202
|
-
}); },
|
|
203
|
-
pumpkin: function (theme) { return ({
|
|
204
|
-
color: theme.alias.color.pumpkin.foreground2,
|
|
205
|
-
background: theme.alias.color.pumpkin.background2,
|
|
206
|
-
}); },
|
|
207
|
-
peach: function (theme) { return ({
|
|
208
|
-
color: theme.alias.color.peach.foreground2,
|
|
209
|
-
background: theme.alias.color.peach.background2,
|
|
210
|
-
}); },
|
|
211
|
-
marigold: function (theme) { return ({
|
|
212
|
-
color: theme.alias.color.marigold.foreground2,
|
|
213
|
-
background: theme.alias.color.marigold.background2,
|
|
214
|
-
}); },
|
|
215
|
-
gold: function (theme) { return ({
|
|
216
|
-
color: theme.alias.color.gold.foreground2,
|
|
217
|
-
background: theme.alias.color.gold.background2,
|
|
218
|
-
}); },
|
|
219
|
-
brass: function (theme) { return ({
|
|
220
|
-
color: theme.alias.color.brass.foreground2,
|
|
221
|
-
background: theme.alias.color.brass.background2,
|
|
222
|
-
}); },
|
|
223
|
-
brown: function (theme) { return ({
|
|
224
|
-
color: theme.alias.color.brown.foreground2,
|
|
225
|
-
background: theme.alias.color.brown.background2,
|
|
226
|
-
}); },
|
|
227
|
-
forest: function (theme) { return ({
|
|
228
|
-
color: theme.alias.color.forest.foreground2,
|
|
229
|
-
background: theme.alias.color.forest.background2,
|
|
230
|
-
}); },
|
|
231
|
-
seafoam: function (theme) { return ({
|
|
232
|
-
color: theme.alias.color.seafoam.foreground2,
|
|
233
|
-
background: theme.alias.color.seafoam.background2,
|
|
234
|
-
}); },
|
|
235
|
-
darkGreen: function (theme) { return ({
|
|
236
|
-
color: theme.alias.color.darkGreen.foreground2,
|
|
237
|
-
background: theme.alias.color.darkGreen.background2,
|
|
238
|
-
}); },
|
|
239
|
-
lightTeal: function (theme) { return ({
|
|
240
|
-
color: theme.alias.color.lightTeal.foreground2,
|
|
241
|
-
background: theme.alias.color.lightTeal.background2,
|
|
242
|
-
}); },
|
|
243
|
-
teal: function (theme) { return ({
|
|
244
|
-
color: theme.alias.color.teal.foreground2,
|
|
245
|
-
background: theme.alias.color.teal.background2,
|
|
246
|
-
}); },
|
|
247
|
-
steel: function (theme) { return ({
|
|
248
|
-
color: theme.alias.color.steel.foreground2,
|
|
249
|
-
background: theme.alias.color.steel.background2,
|
|
250
|
-
}); },
|
|
251
|
-
blue: function (theme) { return ({
|
|
252
|
-
color: theme.alias.color.blue.foreground2,
|
|
253
|
-
background: theme.alias.color.blue.background2,
|
|
254
|
-
}); },
|
|
255
|
-
royalBlue: function (theme) { return ({
|
|
256
|
-
color: theme.alias.color.royalBlue.foreground2,
|
|
257
|
-
background: theme.alias.color.royalBlue.background2,
|
|
258
|
-
}); },
|
|
259
|
-
cornflower: function (theme) { return ({
|
|
260
|
-
color: theme.alias.color.cornflower.foreground2,
|
|
261
|
-
background: theme.alias.color.cornflower.background2,
|
|
262
|
-
}); },
|
|
263
|
-
navy: function (theme) { return ({
|
|
264
|
-
color: theme.alias.color.navy.foreground2,
|
|
265
|
-
background: theme.alias.color.navy.background2,
|
|
266
|
-
}); },
|
|
267
|
-
lavender: function (theme) { return ({
|
|
268
|
-
color: theme.alias.color.lavender.foreground2,
|
|
269
|
-
background: theme.alias.color.lavender.background2,
|
|
270
|
-
}); },
|
|
271
|
-
purple: function (theme) { return ({
|
|
272
|
-
color: theme.alias.color.purple.foreground2,
|
|
273
|
-
background: theme.alias.color.purple.background2,
|
|
274
|
-
}); },
|
|
275
|
-
grape: function (theme) { return ({
|
|
276
|
-
color: theme.alias.color.grape.foreground2,
|
|
277
|
-
background: theme.alias.color.grape.background2,
|
|
278
|
-
}); },
|
|
279
|
-
lilac: function (theme) { return ({
|
|
280
|
-
color: theme.alias.color.lilac.foreground2,
|
|
281
|
-
background: theme.alias.color.lilac.background2,
|
|
282
|
-
}); },
|
|
283
|
-
pink: function (theme) { return ({
|
|
284
|
-
color: theme.alias.color.pink.foreground2,
|
|
285
|
-
background: theme.alias.color.pink.background2,
|
|
286
|
-
}); },
|
|
287
|
-
magenta: function (theme) { return ({
|
|
288
|
-
color: theme.alias.color.magenta.foreground2,
|
|
289
|
-
background: theme.alias.color.magenta.background2,
|
|
290
|
-
}); },
|
|
291
|
-
plum: function (theme) { return ({
|
|
292
|
-
color: theme.alias.color.plum.foreground2,
|
|
293
|
-
background: theme.alias.color.plum.background2,
|
|
294
|
-
}); },
|
|
295
|
-
beige: function (theme) { return ({
|
|
296
|
-
color: theme.alias.color.beige.foreground2,
|
|
297
|
-
background: theme.alias.color.beige.background2,
|
|
298
|
-
}); },
|
|
299
|
-
mink: function (theme) { return ({
|
|
300
|
-
color: theme.alias.color.mink.foreground2,
|
|
301
|
-
background: theme.alias.color.mink.background2,
|
|
302
|
-
}); },
|
|
303
|
-
platinum: function (theme) { return ({
|
|
304
|
-
color: theme.alias.color.platinum.foreground2,
|
|
305
|
-
background: theme.alias.color.platinum.background2,
|
|
306
|
-
}); },
|
|
307
|
-
anchor: function (theme) { return ({
|
|
308
|
-
color: theme.alias.color.anchor.foreground2,
|
|
309
|
-
background: theme.alias.color.anchor.background2,
|
|
310
|
-
}); },
|
|
311
|
-
});
|
|
312
|
-
var useAvatarStyles = function (state) {
|
|
313
|
-
var size = state.size, square = state.square, active = state.active, activeDisplay = state.activeDisplay;
|
|
314
|
-
// 'colorful' should have been replaced with a color name by useAvatar, but if not default to darkRed
|
|
315
|
-
var color = state.color === 'colorful' ? 'darkRed' : state.color;
|
|
316
|
-
var styles = useStyles();
|
|
317
|
-
var sizeStyles = useSizeStyles();
|
|
318
|
-
var colorStyles = useColorStyles();
|
|
319
|
-
var rootClasses = [styles.root, sizeStyles[size], colorStyles[color]];
|
|
320
|
-
if (size <= 24) {
|
|
321
|
-
rootClasses.push(styles.textCaption2);
|
|
322
|
-
}
|
|
323
|
-
else if (size <= 28) {
|
|
324
|
-
rootClasses.push(styles.textCaption1Strong);
|
|
325
|
-
}
|
|
326
|
-
else if (size <= 40) {
|
|
327
|
-
rootClasses.push(styles.textBody1Strong);
|
|
328
|
-
}
|
|
329
|
-
else if (size <= 56) {
|
|
330
|
-
rootClasses.push(styles.textSubtitle2);
|
|
331
|
-
}
|
|
332
|
-
else if (size <= 96) {
|
|
333
|
-
rootClasses.push(styles.textSubtitle1);
|
|
334
|
-
}
|
|
335
|
-
else {
|
|
336
|
-
rootClasses.push(styles.textTitle);
|
|
337
|
-
}
|
|
338
|
-
if (square) {
|
|
339
|
-
if (size <= 24) {
|
|
340
|
-
rootClasses.push(styles.squareSmall);
|
|
341
|
-
}
|
|
342
|
-
else if (size <= 48) {
|
|
343
|
-
rootClasses.push(styles.squareMedium);
|
|
344
|
-
}
|
|
345
|
-
else if (size <= 72) {
|
|
346
|
-
rootClasses.push(styles.squareLarge);
|
|
347
|
-
}
|
|
348
|
-
else {
|
|
349
|
-
rootClasses.push(styles.squareXLarge);
|
|
350
|
-
}
|
|
351
|
-
}
|
|
352
|
-
if (active === 'active' || active === 'inactive') {
|
|
353
|
-
rootClasses.push(styles.activeOrInactive);
|
|
354
|
-
if (activeDisplay.includes('ring')) {
|
|
355
|
-
rootClasses.push(styles.ring);
|
|
356
|
-
if (size <= 48) {
|
|
357
|
-
rootClasses.push(styles.ringThick);
|
|
358
|
-
}
|
|
359
|
-
else if (size <= 64) {
|
|
360
|
-
rootClasses.push(styles.ringThicker);
|
|
361
|
-
}
|
|
362
|
-
else {
|
|
363
|
-
rootClasses.push(styles.ringThickest);
|
|
364
|
-
}
|
|
365
|
-
}
|
|
366
|
-
if (activeDisplay.includes('shadow')) {
|
|
367
|
-
if (size <= 28) {
|
|
368
|
-
rootClasses.push(styles.shadow4);
|
|
369
|
-
}
|
|
370
|
-
else if (size <= 48) {
|
|
371
|
-
rootClasses.push(styles.shadow8);
|
|
372
|
-
}
|
|
373
|
-
else if (size <= 64) {
|
|
374
|
-
rootClasses.push(styles.shadow16);
|
|
375
|
-
}
|
|
376
|
-
else {
|
|
377
|
-
rootClasses.push(styles.shadow28);
|
|
378
|
-
}
|
|
379
|
-
}
|
|
380
|
-
if (activeDisplay.includes('glow')) {
|
|
381
|
-
if (size <= 28) {
|
|
382
|
-
rootClasses.push(styles.glow4);
|
|
383
|
-
}
|
|
384
|
-
else if (size <= 48) {
|
|
385
|
-
rootClasses.push(styles.glow8);
|
|
386
|
-
}
|
|
387
|
-
else if (size <= 64) {
|
|
388
|
-
rootClasses.push(styles.glow16);
|
|
389
|
-
}
|
|
390
|
-
else {
|
|
391
|
-
rootClasses.push(styles.glow28);
|
|
392
|
-
}
|
|
393
|
-
}
|
|
394
|
-
// Note: The inactive style overrides some of the activeDisplay styles and must be applied after them
|
|
395
|
-
if (active === 'inactive') {
|
|
396
|
-
rootClasses.push(styles.inactive);
|
|
397
|
-
}
|
|
398
|
-
}
|
|
399
|
-
state.className = react_make_styles_1.mergeClasses.apply(void 0, tslib_1.__spreadArrays(rootClasses, [state.className]));
|
|
400
|
-
if (state.badge) {
|
|
401
|
-
state.badge.className = react_make_styles_1.mergeClasses(styles.badge, size >= 64 && styles.badgeLarge, state.badge.className);
|
|
402
|
-
}
|
|
403
|
-
if (state.image) {
|
|
404
|
-
state.image.className = react_make_styles_1.mergeClasses(styles.image, state.image.className);
|
|
405
|
-
}
|
|
406
|
-
if (state.label) {
|
|
407
|
-
state.label.className = react_make_styles_1.mergeClasses(styles.iconLabel, state.label.className);
|
|
408
|
-
}
|
|
409
|
-
if (state.icon) {
|
|
410
|
-
state.icon.className = react_make_styles_1.mergeClasses(styles.iconLabel, state.icon.className);
|
|
411
|
-
}
|
|
412
|
-
return state;
|
|
413
|
-
};
|
|
414
|
-
exports.useAvatarStyles = useAvatarStyles;
|
|
415
|
-
});
|
|
416
|
-
//# sourceMappingURL=useAvatarStyles.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"useAvatarStyles.js","sourceRoot":"../src/","sources":["components/Avatar/useAvatarStyles.ts"],"names":[],"mappings":"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","sourcesContent":["import { mergeClasses, makeStyles } from '@fluentui/react-make-styles';\nimport type { AvatarState } from './Avatar.types';\n\n//\n// TODO: All animation constants should go to theme or globals?\n// https://github.com/microsoft/fluentui/issues/16372#issuecomment-778240665\n\nconst animationDuration = {\n duration50: '50ms',\n duration100: '100ms',\n duration150: '150ms',\n duration200: '200ms',\n duration300: '300ms',\n duration400: '400ms',\n duration500: '500ms',\n};\n\nconst animationTiming = {\n ultraFast: animationDuration.duration50,\n faster: animationDuration.duration100,\n fast: animationDuration.duration150,\n normal: animationDuration.duration200,\n slow: animationDuration.duration300,\n slower: animationDuration.duration400,\n ultraSlow: animationDuration.duration500,\n};\n\nconst animationLines = {\n decelerateMax: 'cubic-bezier(0.00,0.00,0.00,1.00)',\n decelerateMid: 'cubic-bezier(0.10,0.90,0.20,1.00)',\n decelerateMin: 'cubic-bezier(0.33,0.00,0.10,1.00)',\n accelerateMax: 'cubic-bezier(1.00,0.00,1.00,1.00)',\n accelerateMid: 'cubic-bezier(0.90,0.10,1.00,0.20)',\n accelerateMin: 'cubic-bezier(0.80,0.00,0.78,1.00)',\n maxEasyEase: 'cubic-bezier(0.80,0.00,0.20,1.00)',\n easyEase: 'cubic-bezier(0.33,0.00,0.67,1.00)',\n linear: 'linear',\n};\n\nconst animations = {\n fastOutSlowInMax: animationLines.decelerateMax,\n fastOutSlowInMid: animationLines.decelerateMid,\n fastOutSlowInMin: animationLines.decelerateMin,\n slowOutFastInMax: animationLines.accelerateMax,\n slowOutFastInMid: animationLines.accelerateMid,\n slowOutFastInMin: animationLines.accelerateMin,\n fastEase: animationLines.maxEasyEase,\n normalEase: animationLines.easyEase,\n nullEasing: animationLines.linear,\n};\n\nconst useStyles = makeStyles({\n root: theme => ({\n display: 'inline-block',\n flexShrink: 0,\n position: 'relative',\n verticalAlign: 'middle',\n borderRadius: theme.global.borderRadius.circular,\n fontFamily: theme.global.type.fontFamilies.base,\n fontWeight: theme.global.type.fontWeights.semibold,\n boxShadow: `0 0 0 ${theme.global.strokeWidth.thin} ${theme.alias.color.neutral.transparentStroke} inset`,\n }),\n\n textCaption2: theme => ({\n fontSize: theme.global.type.fontSizes.base[100],\n fontWeight: theme.global.type.fontWeights.regular,\n }),\n textCaption1Strong: theme => ({ fontSize: theme.global.type.fontSizes.base[200] }),\n textBody1Strong: theme => ({ fontSize: theme.global.type.fontSizes.base[300] }),\n textSubtitle2: theme => ({ fontSize: theme.global.type.fontSizes.base[400] }),\n textSubtitle1: theme => ({ fontSize: theme.global.type.fontSizes.base[500] }),\n textTitle: theme => ({ fontSize: theme.global.type.fontSizes.base[600] }),\n\n squareSmall: theme => ({ borderRadius: theme.global.borderRadius.small }),\n squareMedium: theme => ({ borderRadius: theme.global.borderRadius.medium }),\n squareLarge: theme => ({ borderRadius: theme.global.borderRadius.large }),\n squareXLarge: theme => ({ borderRadius: theme.global.borderRadius.xLarge }),\n\n activeOrInactive: {\n transform: 'perspective(1px)', // Work-around for text pixel snapping at the end of the animation\n transition:\n `transform ${animationTiming.ultraSlow} ${animations.fastEase}, ` +\n `opacity ${animationTiming.faster} ${animations.nullEasing}`,\n\n ':before': {\n content: '\"\"',\n position: 'absolute',\n top: 0,\n left: 0,\n bottom: 0,\n right: 0,\n\n borderRadius: 'inherit',\n transition:\n `margin ${animationTiming.ultraSlow} ${animations.fastEase}, ` +\n `opacity ${animationTiming.slower} ${animations.nullEasing}`,\n },\n },\n\n ring: theme => ({\n ':before': {\n borderColor: theme.alias.color.neutral.brandBackgroundStatic,\n borderStyle: 'solid',\n },\n }),\n ringThick: theme => ({\n ':before': {\n margin: `calc(-2 * ${theme.global.strokeWidth.thick})`,\n borderWidth: theme.global.strokeWidth.thick,\n },\n }),\n ringThicker: theme => ({\n ':before': {\n margin: `calc(-2 * ${theme.global.strokeWidth.thicker})`,\n borderWidth: theme.global.strokeWidth.thicker,\n },\n }),\n ringThickest: theme => ({\n ':before': {\n margin: `calc(-2 * ${theme.global.strokeWidth.thickest})`,\n borderWidth: theme.global.strokeWidth.thickest,\n },\n }),\n\n shadow4: theme => ({ ':before': { boxShadow: theme.alias.shadow.shadow4 } }),\n shadow8: theme => ({ ':before': { boxShadow: theme.alias.shadow.shadow8 } }),\n shadow16: theme => ({ ':before': { boxShadow: theme.alias.shadow.shadow16 } }),\n shadow28: theme => ({ ':before': { boxShadow: theme.alias.shadow.shadow28 } }),\n\n // TODO: use proper tokens instead of \"rgba(0,120,212,0.3)\"\n glow4: theme => ({ ':before': { boxShadow: `${theme.alias.shadow.shadow4}, 0 0 4px 2px rgba(0,120,212,0.3)` } }),\n glow8: theme => ({ ':before': { boxShadow: `${theme.alias.shadow.shadow8}, 0 0 8px 2px rgba(0,120,212,0.3)` } }),\n glow16: theme => ({ ':before': { boxShadow: `${theme.alias.shadow.shadow16}, 0 0 8px 2px rgba(0,120,212,0.3)` } }),\n glow28: theme => ({ ':before': { boxShadow: `${theme.alias.shadow.shadow28}, 0 0 28px 4px rgba(0,120,212,0.3)` } }),\n\n inactive: {\n opacity: '0.8',\n transform: 'scale(0.875)',\n transition:\n `transform ${animationTiming.ultraSlow} ${animations.fastOutSlowInMin}, ` +\n `opacity ${animationTiming.faster} ${animations.nullEasing}`,\n\n ':before': {\n margin: 0,\n opacity: 0,\n transition:\n `margin ${animationTiming.ultraSlow} ${animations.fastOutSlowInMin}, ` +\n `opacity ${animationTiming.slower} ${animations.nullEasing}`,\n },\n },\n\n badge: theme => ({\n position: 'absolute',\n bottom: 0,\n right: 0,\n boxShadow: `0 0 0 ${theme.global.strokeWidth.thin} ${theme.alias.color.neutral.neutralBackground1}`,\n }),\n badgeLarge: theme => ({\n boxShadow: `0 0 0 ${theme.global.strokeWidth.thick} ${theme.alias.color.neutral.neutralBackground1}`,\n }),\n\n image: {\n position: 'absolute',\n top: 0,\n left: 0,\n width: '100%',\n height: '100%',\n\n borderRadius: 'inherit',\n objectFit: 'cover',\n verticalAlign: 'top',\n },\n\n iconLabel: {\n position: 'absolute',\n top: 0,\n left: 0,\n width: '100%',\n height: '100%',\n lineHeight: 1,\n\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'center',\n verticalAlign: 'center',\n textAlign: 'center',\n borderRadius: 'inherit',\n },\n});\n\nconst useSizeStyles = makeStyles({\n 20: { width: '20px', height: '20px' },\n 24: { width: '24px', height: '24px' },\n 28: { width: '28px', height: '28px' },\n 32: { width: '32px', height: '32px' },\n 36: { width: '36px', height: '36px' },\n 40: { width: '40px', height: '40px' },\n 48: { width: '48px', height: '48px' },\n 56: { width: '56px', height: '56px' },\n 64: { width: '64px', height: '64px' },\n 72: { width: '72px', height: '72px' },\n 96: { width: '96px', height: '96px' },\n 120: { width: '120px', height: '120px' },\n 128: { width: '128px', height: '128px' },\n});\n\nconst useColorStyles = makeStyles({\n neutral: theme => ({\n color: theme.alias.color.neutral.neutralForeground3,\n background: theme.alias.color.neutral.neutralBackground6,\n }),\n brand: theme => ({\n color: theme.alias.color.neutral.neutralForegroundInverted,\n background: theme.alias.color.neutral.brandBackgroundStatic,\n }),\n darkRed: theme => ({\n color: theme.alias.color.darkRed.foreground2,\n background: theme.alias.color.darkRed.background2,\n }),\n cranberry: theme => ({\n color: theme.alias.color.cranberry.foreground2,\n background: theme.alias.color.cranberry.background2,\n }),\n red: theme => ({\n color: theme.alias.color.red.foreground2,\n background: theme.alias.color.red.background2,\n }),\n pumpkin: theme => ({\n color: theme.alias.color.pumpkin.foreground2,\n background: theme.alias.color.pumpkin.background2,\n }),\n peach: theme => ({\n color: theme.alias.color.peach.foreground2,\n background: theme.alias.color.peach.background2,\n }),\n marigold: theme => ({\n color: theme.alias.color.marigold.foreground2,\n background: theme.alias.color.marigold.background2,\n }),\n gold: theme => ({\n color: theme.alias.color.gold.foreground2,\n background: theme.alias.color.gold.background2,\n }),\n brass: theme => ({\n color: theme.alias.color.brass.foreground2,\n background: theme.alias.color.brass.background2,\n }),\n brown: theme => ({\n color: theme.alias.color.brown.foreground2,\n background: theme.alias.color.brown.background2,\n }),\n forest: theme => ({\n color: theme.alias.color.forest.foreground2,\n background: theme.alias.color.forest.background2,\n }),\n seafoam: theme => ({\n color: theme.alias.color.seafoam.foreground2,\n background: theme.alias.color.seafoam.background2,\n }),\n darkGreen: theme => ({\n color: theme.alias.color.darkGreen.foreground2,\n background: theme.alias.color.darkGreen.background2,\n }),\n lightTeal: theme => ({\n color: theme.alias.color.lightTeal.foreground2,\n background: theme.alias.color.lightTeal.background2,\n }),\n teal: theme => ({\n color: theme.alias.color.teal.foreground2,\n background: theme.alias.color.teal.background2,\n }),\n steel: theme => ({\n color: theme.alias.color.steel.foreground2,\n background: theme.alias.color.steel.background2,\n }),\n blue: theme => ({\n color: theme.alias.color.blue.foreground2,\n background: theme.alias.color.blue.background2,\n }),\n royalBlue: theme => ({\n color: theme.alias.color.royalBlue.foreground2,\n background: theme.alias.color.royalBlue.background2,\n }),\n cornflower: theme => ({\n color: theme.alias.color.cornflower.foreground2,\n background: theme.alias.color.cornflower.background2,\n }),\n navy: theme => ({\n color: theme.alias.color.navy.foreground2,\n background: theme.alias.color.navy.background2,\n }),\n lavender: theme => ({\n color: theme.alias.color.lavender.foreground2,\n background: theme.alias.color.lavender.background2,\n }),\n purple: theme => ({\n color: theme.alias.color.purple.foreground2,\n background: theme.alias.color.purple.background2,\n }),\n grape: theme => ({\n color: theme.alias.color.grape.foreground2,\n background: theme.alias.color.grape.background2,\n }),\n lilac: theme => ({\n color: theme.alias.color.lilac.foreground2,\n background: theme.alias.color.lilac.background2,\n }),\n pink: theme => ({\n color: theme.alias.color.pink.foreground2,\n background: theme.alias.color.pink.background2,\n }),\n magenta: theme => ({\n color: theme.alias.color.magenta.foreground2,\n background: theme.alias.color.magenta.background2,\n }),\n plum: theme => ({\n color: theme.alias.color.plum.foreground2,\n background: theme.alias.color.plum.background2,\n }),\n beige: theme => ({\n color: theme.alias.color.beige.foreground2,\n background: theme.alias.color.beige.background2,\n }),\n mink: theme => ({\n color: theme.alias.color.mink.foreground2,\n background: theme.alias.color.mink.background2,\n }),\n platinum: theme => ({\n color: theme.alias.color.platinum.foreground2,\n background: theme.alias.color.platinum.background2,\n }),\n anchor: theme => ({\n color: theme.alias.color.anchor.foreground2,\n background: theme.alias.color.anchor.background2,\n }),\n});\n\nexport const useAvatarStyles = (state: AvatarState): AvatarState => {\n const { size, square, active, activeDisplay } = state;\n // 'colorful' should have been replaced with a color name by useAvatar, but if not default to darkRed\n const color = state.color === 'colorful' ? 'darkRed' : state.color;\n\n const styles = useStyles();\n const sizeStyles = useSizeStyles();\n const colorStyles = useColorStyles();\n\n const rootClasses = [styles.root, sizeStyles[size], colorStyles[color]];\n\n if (size <= 24) {\n rootClasses.push(styles.textCaption2);\n } else if (size <= 28) {\n rootClasses.push(styles.textCaption1Strong);\n } else if (size <= 40) {\n rootClasses.push(styles.textBody1Strong);\n } else if (size <= 56) {\n rootClasses.push(styles.textSubtitle2);\n } else if (size <= 96) {\n rootClasses.push(styles.textSubtitle1);\n } else {\n rootClasses.push(styles.textTitle);\n }\n\n if (square) {\n if (size <= 24) {\n rootClasses.push(styles.squareSmall);\n } else if (size <= 48) {\n rootClasses.push(styles.squareMedium);\n } else if (size <= 72) {\n rootClasses.push(styles.squareLarge);\n } else {\n rootClasses.push(styles.squareXLarge);\n }\n }\n\n if (active === 'active' || active === 'inactive') {\n rootClasses.push(styles.activeOrInactive);\n\n if (activeDisplay.includes('ring')) {\n rootClasses.push(styles.ring);\n\n if (size <= 48) {\n rootClasses.push(styles.ringThick);\n } else if (size <= 64) {\n rootClasses.push(styles.ringThicker);\n } else {\n rootClasses.push(styles.ringThickest);\n }\n }\n\n if (activeDisplay.includes('shadow')) {\n if (size <= 28) {\n rootClasses.push(styles.shadow4);\n } else if (size <= 48) {\n rootClasses.push(styles.shadow8);\n } else if (size <= 64) {\n rootClasses.push(styles.shadow16);\n } else {\n rootClasses.push(styles.shadow28);\n }\n }\n\n if (activeDisplay.includes('glow')) {\n if (size <= 28) {\n rootClasses.push(styles.glow4);\n } else if (size <= 48) {\n rootClasses.push(styles.glow8);\n } else if (size <= 64) {\n rootClasses.push(styles.glow16);\n } else {\n rootClasses.push(styles.glow28);\n }\n }\n\n // Note: The inactive style overrides some of the activeDisplay styles and must be applied after them\n if (active === 'inactive') {\n rootClasses.push(styles.inactive);\n }\n }\n\n state.className = mergeClasses(...rootClasses, state.className);\n\n if (state.badge) {\n state.badge.className = mergeClasses(styles.badge, size >= 64 && styles.badgeLarge, state.badge.className);\n }\n\n if (state.image) {\n state.image.className = mergeClasses(styles.image, state.image.className);\n }\n\n if (state.label) {\n state.label.className = mergeClasses(styles.iconLabel, state.label.className);\n }\n\n if (state.icon) {\n state.icon.className = mergeClasses(styles.iconLabel, state.icon.className);\n }\n\n return state;\n};\n"]}
|
package/lib-amd/index.d.ts
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export * from './Avatar';
|
package/lib-amd/index.js
DELETED
package/lib-amd/index.js.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"../src/","sources":["index.ts"],"names":[],"mappings":";;;IAAA,wCAAyB","sourcesContent":["export * from './Avatar';\n"]}
|
|
@@ -1,9 +0,0 @@
|
|
|
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
|
-
* @public
|
|
8
|
-
*/
|
|
9
|
-
export declare function getInitials(displayName: string | undefined | null, isRtl: boolean, allowPhoneInitials?: boolean): string;
|
|
@@ -1,79 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Regular expressions matching characters to ignore when calculating the initials.
|
|
3
|
-
*/
|
|
4
|
-
define(["require", "exports"], function (require, exports) {
|
|
5
|
-
"use strict";
|
|
6
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
7
|
-
exports.getInitials = void 0;
|
|
8
|
-
/**
|
|
9
|
-
* Regular expression matching characters within various types of enclosures, including the enclosures themselves
|
|
10
|
-
* so for example, (xyz) [xyz] {xyz} all would be ignored
|
|
11
|
-
*/
|
|
12
|
-
var UNWANTED_ENCLOSURES_REGEX = /[\(\[\{][^\)\]\}]*[\)\]\}]/g;
|
|
13
|
-
/**
|
|
14
|
-
* Regular expression matching special ASCII characters except space, plus some unicode special characters.
|
|
15
|
-
* Applies after unwanted enclosures have been removed
|
|
16
|
-
*/
|
|
17
|
-
var UNWANTED_CHARS_REGEX = /[\0-\u001F\!-/:-@\[-`\{-\u00BF\u0250-\u036F\uD800-\uFFFF]/g;
|
|
18
|
-
/**
|
|
19
|
-
* Regular expression matching phone numbers. Applied after chars matching UNWANTED_CHARS_REGEX have been removed
|
|
20
|
-
* and number has been trimmed for whitespaces
|
|
21
|
-
*/
|
|
22
|
-
var PHONENUMBER_REGEX = /^\d+[\d\s]*(:?ext|x|)\s*\d+$/i;
|
|
23
|
-
/** Regular expression matching one or more spaces. */
|
|
24
|
-
var MULTIPLE_WHITESPACES_REGEX = /\s+/g;
|
|
25
|
-
/**
|
|
26
|
-
* Regular expression matching languages for which we currently don't support initials.
|
|
27
|
-
* Arabic: Arabic, Arabic Supplement, Arabic Extended-A.
|
|
28
|
-
* Korean: Hangul Jamo, Hangul Compatibility Jamo, Hangul Jamo Extended-A, Hangul Syllables, Hangul Jamo Extended-B.
|
|
29
|
-
* Japanese: Hiragana, Katakana.
|
|
30
|
-
* CJK: CJK Unified Ideographs Extension A, CJK Unified Ideographs, CJK Compatibility Ideographs,
|
|
31
|
-
* CJK Unified Ideographs Extension B
|
|
32
|
-
*/
|
|
33
|
-
// eslint-disable-next-line @fluentui/max-len
|
|
34
|
-
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]/;
|
|
35
|
-
function getInitialsLatin(displayName, isRtl) {
|
|
36
|
-
var initials = '';
|
|
37
|
-
var splits = displayName.split(' ');
|
|
38
|
-
if (splits.length === 2) {
|
|
39
|
-
initials += splits[0].charAt(0).toUpperCase();
|
|
40
|
-
initials += splits[1].charAt(0).toUpperCase();
|
|
41
|
-
}
|
|
42
|
-
else if (splits.length === 3) {
|
|
43
|
-
initials += splits[0].charAt(0).toUpperCase();
|
|
44
|
-
initials += splits[2].charAt(0).toUpperCase();
|
|
45
|
-
}
|
|
46
|
-
else if (splits.length !== 0) {
|
|
47
|
-
initials += splits[0].charAt(0).toUpperCase();
|
|
48
|
-
}
|
|
49
|
-
if (isRtl && initials.length > 1) {
|
|
50
|
-
return initials.charAt(1) + initials.charAt(0);
|
|
51
|
-
}
|
|
52
|
-
return initials;
|
|
53
|
-
}
|
|
54
|
-
function cleanupDisplayName(displayName) {
|
|
55
|
-
displayName = displayName.replace(UNWANTED_ENCLOSURES_REGEX, '');
|
|
56
|
-
displayName = displayName.replace(UNWANTED_CHARS_REGEX, '');
|
|
57
|
-
displayName = displayName.replace(MULTIPLE_WHITESPACES_REGEX, ' ');
|
|
58
|
-
displayName = displayName.trim();
|
|
59
|
-
return displayName;
|
|
60
|
-
}
|
|
61
|
-
/**
|
|
62
|
-
* Get (up to 2 characters) initials based on display name of the persona.
|
|
63
|
-
*
|
|
64
|
-
* @public
|
|
65
|
-
*/
|
|
66
|
-
function getInitials(displayName, isRtl, allowPhoneInitials) {
|
|
67
|
-
if (!displayName) {
|
|
68
|
-
return '';
|
|
69
|
-
}
|
|
70
|
-
displayName = cleanupDisplayName(displayName);
|
|
71
|
-
// For names containing CJK characters, and phone numbers, we don't display initials
|
|
72
|
-
if (UNSUPPORTED_TEXT_REGEX.test(displayName) || (!allowPhoneInitials && PHONENUMBER_REGEX.test(displayName))) {
|
|
73
|
-
return '';
|
|
74
|
-
}
|
|
75
|
-
return getInitialsLatin(displayName, isRtl);
|
|
76
|
-
}
|
|
77
|
-
exports.getInitials = getInitials;
|
|
78
|
-
});
|
|
79
|
-
//# sourceMappingURL=getInitials.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"getInitials.js","sourceRoot":"../src/","sources":["utils/getInitials.ts"],"names":[],"mappings":"AAAA;;GAEG;;;;;IAEH;;;OAGG;IACH,IAAM,yBAAyB,GAAW,6BAA6B,CAAC;IAExE;;;OAGG;IACH,IAAM,oBAAoB,GAAW,4DAA4D,CAAC;IAElG;;;OAGG;IACH,IAAM,iBAAiB,GAAW,+BAA+B,CAAC;IAElE,sDAAsD;IACtD,IAAM,0BAA0B,GAAW,MAAM,CAAC;IAElD;;;;;;;OAOG;IACH,6CAA6C;IAC7C,IAAM,sBAAsB,GAAW,4MAA4M,CAAC;IAEpP,SAAS,gBAAgB,CAAC,WAAmB,EAAE,KAAc;QAC3D,IAAI,QAAQ,GAAG,EAAE,CAAC;QAElB,IAAM,MAAM,GAAa,WAAW,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;QAEhD,IAAI,MAAM,CAAC,MAAM,KAAK,CAAC,EAAE;YACvB,QAAQ,IAAI,MAAM,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,WAAW,EAAE,CAAC;YAC9C,QAAQ,IAAI,MAAM,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,WAAW,EAAE,CAAC;SAC/C;aAAM,IAAI,MAAM,CAAC,MAAM,KAAK,CAAC,EAAE;YAC9B,QAAQ,IAAI,MAAM,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,WAAW,EAAE,CAAC;YAC9C,QAAQ,IAAI,MAAM,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,WAAW,EAAE,CAAC;SAC/C;aAAM,IAAI,MAAM,CAAC,MAAM,KAAK,CAAC,EAAE;YAC9B,QAAQ,IAAI,MAAM,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,WAAW,EAAE,CAAC;SAC/C;QAED,IAAI,KAAK,IAAI,QAAQ,CAAC,MAAM,GAAG,CAAC,EAAE;YAChC,OAAO,QAAQ,CAAC,MAAM,CAAC,CAAC,CAAC,GAAG,QAAQ,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC;SAChD;QAED,OAAO,QAAQ,CAAC;IAClB,CAAC;IAED,SAAS,kBAAkB,CAAC,WAAmB;QAC7C,WAAW,GAAG,WAAW,CAAC,OAAO,CAAC,yBAAyB,EAAE,EAAE,CAAC,CAAC;QACjE,WAAW,GAAG,WAAW,CAAC,OAAO,CAAC,oBAAoB,EAAE,EAAE,CAAC,CAAC;QAC5D,WAAW,GAAG,WAAW,CAAC,OAAO,CAAC,0BAA0B,EAAE,GAAG,CAAC,CAAC;QACnE,WAAW,GAAG,WAAW,CAAC,IAAI,EAAE,CAAC;QAEjC,OAAO,WAAW,CAAC;IACrB,CAAC;IAED;;;;OAIG;IACH,SAAgB,WAAW,CACzB,WAAsC,EACtC,KAAc,EACd,kBAA4B;QAE5B,IAAI,CAAC,WAAW,EAAE;YAChB,OAAO,EAAE,CAAC;SACX;QAED,WAAW,GAAG,kBAAkB,CAAC,WAAW,CAAC,CAAC;QAE9C,oFAAoF;QACpF,IAAI,sBAAsB,CAAC,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC,kBAAkB,IAAI,iBAAiB,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC,EAAE;YAC5G,OAAO,EAAE,CAAC;SACX;QAED,OAAO,gBAAgB,CAAC,WAAW,EAAE,KAAK,CAAC,CAAC;IAC9C,CAAC;IAjBD,kCAiBC","sourcesContent":["/**\n * Regular expressions matching characters to ignore when calculating the initials.\n */\n\n/**\n * Regular expression matching characters within various types of enclosures, including the enclosures themselves\n * so for example, (xyz) [xyz] {xyz} all would be ignored\n */\nconst UNWANTED_ENCLOSURES_REGEX: RegExp = /[\\(\\[\\{][^\\)\\]\\}]*[\\)\\]\\}]/g;\n\n/**\n * Regular expression matching special ASCII characters except space, plus some unicode special characters.\n * Applies after unwanted enclosures have been removed\n */\nconst UNWANTED_CHARS_REGEX: RegExp = /[\\0-\\u001F\\!-/:-@\\[-`\\{-\\u00BF\\u0250-\\u036F\\uD800-\\uFFFF]/g;\n\n/**\n * Regular expression matching phone numbers. Applied after chars matching UNWANTED_CHARS_REGEX have been removed\n * and number has been trimmed for whitespaces\n */\nconst PHONENUMBER_REGEX: RegExp = /^\\d+[\\d\\s]*(:?ext|x|)\\s*\\d+$/i;\n\n/** Regular expression matching one or more spaces. */\nconst MULTIPLE_WHITESPACES_REGEX: RegExp = /\\s+/g;\n\n/**\n * Regular expression matching languages for which we currently don't support initials.\n * Arabic: Arabic, Arabic Supplement, Arabic Extended-A.\n * Korean: Hangul Jamo, Hangul Compatibility Jamo, Hangul Jamo Extended-A, Hangul Syllables, Hangul Jamo Extended-B.\n * Japanese: Hiragana, Katakana.\n * CJK: CJK Unified Ideographs Extension A, CJK Unified Ideographs, CJK Compatibility Ideographs,\n * CJK Unified Ideographs Extension B\n */\n// eslint-disable-next-line @fluentui/max-len\nconst UNSUPPORTED_TEXT_REGEX: 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][\\uDC00-\\uDED6]/;\n\nfunction getInitialsLatin(displayName: string, isRtl: boolean): string {\n let initials = '';\n\n const splits: string[] = displayName.split(' ');\n\n if (splits.length === 2) {\n initials += splits[0].charAt(0).toUpperCase();\n initials += splits[1].charAt(0).toUpperCase();\n } else if (splits.length === 3) {\n initials += splits[0].charAt(0).toUpperCase();\n initials += splits[2].charAt(0).toUpperCase();\n } else if (splits.length !== 0) {\n initials += splits[0].charAt(0).toUpperCase();\n }\n\n if (isRtl && initials.length > 1) {\n return initials.charAt(1) + initials.charAt(0);\n }\n\n return initials;\n}\n\nfunction cleanupDisplayName(displayName: string): string {\n displayName = displayName.replace(UNWANTED_ENCLOSURES_REGEX, '');\n displayName = displayName.replace(UNWANTED_CHARS_REGEX, '');\n displayName = displayName.replace(MULTIPLE_WHITESPACES_REGEX, ' ');\n displayName = displayName.trim();\n\n return displayName;\n}\n\n/**\n * Get (up to 2 characters) initials based on display name of the persona.\n *\n * @public\n */\nexport function getInitials(\n displayName: string | undefined | null,\n isRtl: boolean,\n allowPhoneInitials?: boolean,\n): string {\n if (!displayName) {\n return '';\n }\n\n displayName = cleanupDisplayName(displayName);\n\n // For names containing CJK characters, and phone numbers, we don't display initials\n if (UNSUPPORTED_TEXT_REGEX.test(displayName) || (!allowPhoneInitials && PHONENUMBER_REGEX.test(displayName))) {\n return '';\n }\n\n return getInitialsLatin(displayName, isRtl);\n}\n"]}
|
package/lib-amd/utils/index.d.ts
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export { getInitials } from './getInitials';
|
package/lib-amd/utils/index.js
DELETED
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
define(["require", "exports", "./getInitials"], function (require, exports, getInitials_1) {
|
|
2
|
-
"use strict";
|
|
3
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
4
|
-
exports.getInitials = void 0;
|
|
5
|
-
Object.defineProperty(exports, "getInitials", { enumerable: true, get: function () { return getInitials_1.getInitials; } });
|
|
6
|
-
});
|
|
7
|
-
//# sourceMappingURL=index.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"../src/","sources":["utils/index.ts"],"names":[],"mappings":";;;;IAAS,0GAAA,WAAW,OAAA","sourcesContent":["export { getInitials } from './getInitials';\n"]}
|