@fluentui-react-native/experimental-avatar 0.14.24 → 0.14.25

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 (40) hide show
  1. package/CHANGELOG.json +16 -1
  2. package/CHANGELOG.md +10 -2
  3. package/lib/JSAvatar.d.ts.map +1 -1
  4. package/lib/JSAvatar.js +7 -6
  5. package/lib/JSAvatar.js.map +1 -1
  6. package/lib/JSAvatar.styling.d.ts.map +1 -1
  7. package/lib/JSAvatar.styling.js +3 -3
  8. package/lib/JSAvatar.styling.js.map +1 -1
  9. package/lib/JSAvatar.types.d.ts +48 -2
  10. package/lib/JSAvatar.types.d.ts.map +1 -1
  11. package/lib/JSAvatar.types.js +2 -1
  12. package/lib/JSAvatar.types.js.map +1 -1
  13. package/lib/JSAvatarTokens.d.ts.map +1 -1
  14. package/lib/JSAvatarTokens.js +14 -12
  15. package/lib/JSAvatarTokens.js.map +1 -1
  16. package/lib/useAvatar.d.ts.map +1 -1
  17. package/lib/useAvatar.js +3 -1
  18. package/lib/useAvatar.js.map +1 -1
  19. package/lib-commonjs/JSAvatar.d.ts.map +1 -1
  20. package/lib-commonjs/JSAvatar.js +7 -6
  21. package/lib-commonjs/JSAvatar.js.map +1 -1
  22. package/lib-commonjs/JSAvatar.styling.d.ts.map +1 -1
  23. package/lib-commonjs/JSAvatar.styling.js +2 -2
  24. package/lib-commonjs/JSAvatar.styling.js.map +1 -1
  25. package/lib-commonjs/JSAvatar.types.d.ts +48 -2
  26. package/lib-commonjs/JSAvatar.types.d.ts.map +1 -1
  27. package/lib-commonjs/JSAvatar.types.js +3 -2
  28. package/lib-commonjs/JSAvatar.types.js.map +1 -1
  29. package/lib-commonjs/JSAvatarTokens.d.ts.map +1 -1
  30. package/lib-commonjs/JSAvatarTokens.js +14 -12
  31. package/lib-commonjs/JSAvatarTokens.js.map +1 -1
  32. package/lib-commonjs/useAvatar.d.ts.map +1 -1
  33. package/lib-commonjs/useAvatar.js +3 -1
  34. package/lib-commonjs/useAvatar.js.map +1 -1
  35. package/package.json +1 -1
  36. package/src/JSAvatar.styling.ts +3 -3
  37. package/src/JSAvatar.tsx +7 -6
  38. package/src/JSAvatar.types.ts +55 -2
  39. package/src/JSAvatarTokens.ts +14 -12
  40. package/src/useAvatar.ts +3 -1
package/CHANGELOG.json CHANGED
@@ -2,7 +2,22 @@
2
2
  "name": "@fluentui-react-native/experimental-avatar",
3
3
  "entries": [
4
4
  {
5
- "date": "Thu, 05 May 2022 19:07:59 GMT",
5
+ "date": "Tue, 10 May 2022 17:20:09 GMT",
6
+ "tag": "@fluentui-react-native/experimental-avatar_v0.14.25",
7
+ "version": "0.14.25",
8
+ "comments": {
9
+ "patch": [
10
+ {
11
+ "author": "v.kozova13@gmail.com",
12
+ "package": "@fluentui-react-native/experimental-avatar",
13
+ "commit": "0f5452155b6b43062ca60262cf256fbd67538c1f",
14
+ "comment": "Changed badge appearance according to the spec, changed sizes to align with Web"
15
+ }
16
+ ]
17
+ }
18
+ },
19
+ {
20
+ "date": "Thu, 05 May 2022 19:08:12 GMT",
6
21
  "tag": "@fluentui-react-native/experimental-avatar_v0.14.24",
7
22
  "version": "0.14.24",
8
23
  "comments": {
package/CHANGELOG.md CHANGED
@@ -1,12 +1,20 @@
1
1
  # Change Log - @fluentui-react-native/experimental-avatar
2
2
 
3
- This log was last generated on Thu, 05 May 2022 19:07:59 GMT and should not be manually modified.
3
+ This log was last generated on Tue, 10 May 2022 17:20:09 GMT and should not be manually modified.
4
4
 
5
5
  <!-- Start content -->
6
6
 
7
+ ## 0.14.25
8
+
9
+ Tue, 10 May 2022 17:20:09 GMT
10
+
11
+ ### Patches
12
+
13
+ - Changed badge appearance according to the spec, changed sizes to align with Web (v.kozova13@gmail.com)
14
+
7
15
  ## 0.14.24
8
16
 
9
- Thu, 05 May 2022 19:07:59 GMT
17
+ Thu, 05 May 2022 19:08:12 GMT
10
18
 
11
19
  ### Patches
12
20
 
package/lib/JSAvatar.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"JSAvatar.d.ts","sourceRoot":"","sources":["../src/JSAvatar.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,aAAa,EAA8B,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAQ5F;;;;;;;GAOG;AACH,eAAO,MAAM,YAAY,UAAW,MAAM,SAAS,aAAa,aAAa,aAAa,KAAG,OAY5F,CAAC;AAEF,eAAO,MAAM,QAAQ,8KAqCnB,CAAC"}
1
+ {"version":3,"file":"JSAvatar.d.ts","sourceRoot":"","sources":["../src/JSAvatar.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,aAAa,EAA8B,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAQ5F;;;;;;;GAOG;AACH,eAAO,MAAM,YAAY,UAAW,MAAM,SAAS,aAAa,aAAa,aAAa,KAAG,OAa5F,CAAC;AAEF,eAAO,MAAM,QAAQ,8KAqCnB,CAAC"}
package/lib/JSAvatar.js CHANGED
@@ -38,14 +38,15 @@ import { createIconProps } from '@fluentui-react-native/interactive-hooks';
38
38
  * @returns Whether the styles that are assigned to the layer should be applied to the avatar
39
39
  */
40
40
  export var avatarLookup = function (layer, state, userProps) {
41
+ var avatarSize = "size".concat(userProps.size || 24);
41
42
  return (state[layer] ||
42
43
  userProps[layer] ||
43
44
  layer === userProps['shape'] ||
44
45
  (!userProps['shape'] && layer === 'circular') ||
45
46
  layer === userProps['avatarColor'] ||
46
- (!userProps['avatarColor'] && layer === 'brand') ||
47
- layer === userProps['size'] ||
48
- (!userProps['size'] && layer === 'size56') ||
47
+ (!userProps['avatarColor'] && layer === 'neutral') ||
48
+ layer === avatarSize ||
49
+ (!userProps['size'] && layer === 'size24') ||
49
50
  (userProps.active === 'inactive' && layer === 'inactive'));
50
51
  };
51
52
  export var JSAvatar = compose(__assign(__assign({ displayName: JSAvatarName }, stylingSettings), { slots: {
@@ -59,15 +60,15 @@ export var JSAvatar = compose(__assign(__assign({ displayName: JSAvatarName }, s
59
60
  }, useRender: function (userProps, useSlots) {
60
61
  var avatar = useAvatar(userProps);
61
62
  var iconProps = createIconProps(userProps.icon);
62
- var Slots = useSlots(userProps, function (layer) { return avatarLookup(layer, avatar.state, userProps); });
63
+ var Slots = useSlots(avatar.props, function (layer) { return avatarLookup(layer, avatar.state, avatar.props); });
63
64
  return function (final) {
64
65
  var _a = mergeProps(avatar.props, final), activeAppearance = _a.activeAppearance, icon = _a.icon, initials = _a.initials, image = _a.image, badge = _a.badge, mergedProps = __rest(_a, ["activeAppearance", "icon", "initials", "image", "badge"]);
65
- var _b = avatar.state, showRing = _b.showRing, transparentRing = _b.transparentRing;
66
+ var _b = avatar.state, showRing = _b.showRing, transparentRing = _b.transparentRing, showBadge = _b.showBadge;
66
67
  var svgIconsEnabled = ['ios', 'macos', 'win32', 'android'].includes(Platform.OS);
67
68
  return (withSlots(Slots.root, __assign({}, mergedProps),
68
69
  image.source ? (withSlots(Slots.image, __assign({}, image))) : (withSlots(Slots.initialsBackground, null, initials ? withSlots(Slots.initials, null, initials) : userProps.icon && withSlots(Slots.icon, __assign({}, iconProps)))),
69
70
  showRing && !transparentRing && withSlots(Slots.ring, null),
70
- svgIconsEnabled && badge.status && withSlots(Slots.badge, __assign({}, badge))));
71
+ svgIconsEnabled && showBadge && withSlots(Slots.badge, __assign({}, badge))));
71
72
  };
72
73
  } }));
73
74
  //# sourceMappingURL=JSAvatar.js.map
package/lib/JSAvatar.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"JSAvatar.js","sourceRoot":"","sources":["../src/JSAvatar.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"JSAvatar.js","sourceRoot":"","sources":["../src/JSAvatar.tsx"],"names":[],"mappings":"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"}
package/lib/JSAvatar.styling.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"JSAvatar.styling.d.ts","sourceRoot":"","sources":["../src/JSAvatar.styling.ts"],"names":[],"mappings":"AAAA,OAAO,EAAgB,cAAc,EAAE,eAAe,EAAE,aAAa,EAA6B,MAAM,kBAAkB,CAAC;AAC3H,OAAO,EAAS,iBAAiB,EAAc,MAAM,kCAAkC,CAAC;AAYxF,eAAO,MAAM,YAAY,EAAE,CAAC,MAAM,cAAc,CAAC,EAAwE,CAAC;AAE1H,eAAO,MAAM,eAAe,EAAE,iBAAiB,CAAC,aAAa,EAAE,eAAe,EAAE,cAAc,CAyG7F,CAAC"}
1
+ {"version":3,"file":"JSAvatar.styling.d.ts","sourceRoot":"","sources":["../src/JSAvatar.styling.ts"],"names":[],"mappings":"AAAA,OAAO,EAAgB,cAAc,EAAE,eAAe,EAAE,aAAa,EAAsC,MAAM,kBAAkB,CAAC;AACpI,OAAO,EAAS,iBAAiB,EAAc,MAAM,kCAAkC,CAAC;AAYxF,eAAO,MAAM,YAAY,EAAE,CAAC,MAAM,cAAc,CAAC,EAAiF,CAAC;AAEnI,eAAO,MAAM,eAAe,EAAE,iBAAiB,CAAC,aAAa,EAAE,eAAe,EAAE,cAAc,CAyG7F,CAAC"}
package/lib/JSAvatar.styling.js CHANGED
@@ -18,7 +18,7 @@ var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
18
18
  }
19
19
  return to.concat(ar || Array.prototype.slice.call(from));
20
20
  };
21
- import { JSAvatarName, AvatarColors, AvatarSizes } from './JSAvatar.types';
21
+ import { JSAvatarName, AvatarColors, AvatarSizesForTokens } from './JSAvatar.types';
22
22
  import { buildProps } from '@fluentui-react-native/framework';
23
23
  import { defaultJSAvatarTokens } from './JSAvatarTokens';
24
24
  import { getRingConfig } from './JSAvatar.helpers';
@@ -28,7 +28,7 @@ var nameMap = {
28
28
  center: 'center',
29
29
  end: 'flex-end',
30
30
  };
31
- export var avatarStates = __spreadArray(__spreadArray(__spreadArray([], AvatarColors, true), AvatarSizes, true), ['circular', 'square', 'inactive'], false);
31
+ export var avatarStates = __spreadArray(__spreadArray(__spreadArray([], AvatarColors, true), AvatarSizesForTokens, true), ['circular', 'square', 'inactive'], false);
32
32
  export var stylingSettings = {
33
33
  tokens: [defaultJSAvatarTokens, JSAvatarName],
34
34
  states: avatarStates,
@@ -91,7 +91,7 @@ export var stylingSettings = {
91
91
  size: tokens.badgeSize,
92
92
  shape: 'circular',
93
93
  };
94
- }, ['size']),
94
+ }, ['badgeSize']),
95
95
  },
96
96
  };
97
97
  //# sourceMappingURL=JSAvatar.styling.js.map
package/lib/JSAvatar.styling.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"JSAvatar.styling.js","sourceRoot":"","sources":["../src/JSAvatar.styling.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA,OAAO,EAAE,YAAY,EAAkD,YAAY,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAC3H,OAAO,EAA4B,UAAU,EAAE,MAAM,kCAAkC,CAAC;AACxF,OAAO,EAAE,qBAAqB,EAAE,MAAM,kBAAkB,CAAC;AAEzD,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AACnD,OAAO,EAAE,YAAY,EAAE,MAAM,+BAA+B,CAAC;AAE7D,IAAM,OAAO,GAA8B;IACzC,KAAK,EAAE,YAAY;IACnB,MAAM,EAAE,QAAQ;IAChB,GAAG,EAAE,UAAU;CAChB,CAAC;AAEF,MAAM,CAAC,IAAM,YAAY,iDAAiC,YAAY,SAAK,WAAW,UAAE,UAAU,EAAE,QAAQ,EAAE,UAAU,SAAC,CAAC;AAE1H,MAAM,CAAC,IAAM,eAAe,GAAsE;IAChG,MAAM,EAAE,CAAC,qBAAqB,EAAE,YAAY,CAAC;IAC7C,MAAM,EAAE,YAAY;IACpB,SAAS,EAAE;QACT,IAAI,EAAE,UAAU,CACd,UAAC,MAAsB;YACb,IAAA,uBAAuB,GAA0D,MAAM,wBAAhE,EAAE,qBAAqB,GAAmC,MAAM,sBAAzC,EAAE,KAAK,GAA4B,MAAM,MAAlC,EAAE,MAAM,GAAoB,MAAM,OAA1B,EAAE,aAAa,GAAK,MAAM,cAAX,CAAY;YAChG,OAAO;gBACL,KAAK,EAAE;oBACL,aAAa,EAAE,KAAK;oBACpB,KAAK,EAAE,KAAK;oBACZ,MAAM,EAAE,MAAM;oBACd,cAAc,EAAE,OAAO,CAAC,uBAAuB,IAAI,KAAK,CAAgC;oBACxF,UAAU,EAAE,OAAO,CAAC,qBAAqB,IAAI,KAAK,CAA4B;oBAC9E,uBAAuB,yBAAA;oBACvB,qBAAqB,uBAAA;oBACrB,OAAO,EAAE,aAAa;iBACvB;aACF,CAAC;QACJ,CAAC,EACD,CAAC,yBAAyB,EAAE,uBAAuB,EAAE,eAAe,EAAE,QAAQ,EAAE,OAAO,CAAC,CACzF;QACD,QAAQ,EAAE,UAAU,CAClB,UAAC,MAAsB;YACrB,OAAO;gBACL,KAAK,EAAE;oBACL,QAAQ,EAAE,MAAM,CAAC,YAAY;oBAC7B,KAAK,EAAE,MAAM,CAAC,KAAK;iBACpB;aACF,CAAC;QACJ,CAAC,EACD,CAAC,cAAc,EAAE,OAAO,CAAC,CAC1B;QACD,kBAAkB,EAAE,UAAU,CAC5B,UAAC,MAAsB,EAAE,KAAY;YAC3B,IAAA,eAAe,GAAK,MAAM,gBAAX,CAAY;YAEnC,OAAO;gBACL,KAAK,wBACA,YAAY,CAAC,IAAI,CAAC,MAAM,EAAE,KAAK,CAAC,KACnC,KAAK,EAAE,MAAM,CAAC,KAAK,EACnB,MAAM,EAAE,MAAM,CAAC,MAAM,EACrB,QAAQ,EAAE,CAAC,EACX,SAAS,EAAE,SAAS,EACpB,cAAc,EAAE,QAAQ,EACxB,UAAU,EAAE,QAAQ,EACpB,eAAe,EAAE,eAAe,GACjC;aACF,CAAC;QACJ,CAAC,iBACA,iBAAiB,EAAE,OAAO,EAAE,QAAQ,GAAK,YAAY,CAAC,IAAI,QAC5D;QACD,KAAK,EAAE,UAAU,CACf,UAAC,MAAsB;YACrB,OAAO;gBACL,KAAK,EAAE;oBACL,YAAY,EAAE,MAAM,CAAC,YAAY;oBACjC,KAAK,EAAE,MAAM,CAAC,KAAK;oBACnB,MAAM,EAAE,MAAM,CAAC,MAAM;iBACtB;aACF,CAAC;QACJ,CAAC,EACD,CAAC,cAAc,EAAE,OAAO,EAAE,QAAQ,CAAC,CACpC;QACD,IAAI,EAAE,UAAU,CACd,UAAC,MAAsB;YACrB,OAAO;gBACL,KAAK,EAAE;oBACL,QAAQ,EAAE,UAAU;oBACpB,KAAK,EAAE,MAAM,CAAC,QAAQ;oBACtB,MAAM,EAAE,MAAM,CAAC,QAAQ;iBACxB;aACF,CAAC;QACJ,CAAC,EACD,CAAC,UAAU,CAAC,CACb;QACD,IAAI,EAAE,UAAU,CACd,UAAC,MAAsB,EAAE,KAAY;YACnC,IAAM,UAAU,GAAG,aAAa,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;YAC/C,OAAO;gBACL,KAAK,aACH,WAAW,EAAE,OAAO,EACpB,WAAW,EAAE,MAAM,CAAC,SAAS,EAC7B,WAAW,EAAE,UAAU,CAAC,MAAM,EAC9B,KAAK,EAAE,UAAU,CAAC,IAAI,EACtB,MAAM,EAAE,UAAU,CAAC,IAAI,EACvB,QAAQ,EAAE,UAAU,EACpB,GAAG,EAAE,CAAC,UAAU,CAAC,MAAM,GAAG,CAAC,EAC3B,IAAI,EAAE,CAAC,UAAU,CAAC,MAAM,GAAG,CAAC,IACzB,YAAY,CAAC,IAAI,CAAC,MAAM,EAAE,KAAK,CAAC,CACpC;aACF,CAAC;QACJ,CAAC,iBACA,OAAO,EAAE,QAAQ,EAAE,WAAW,GAAK,YAAY,CAAC,IAAI,QACtD;QACD,KAAK,EAAE,UAAU,CACf,UAAC,MAAsB;YACrB,OAAO;gBACL,IAAI,EAAE,MAAM,CAAC,SAAS;gBACtB,KAAK,EAAE,UAAU;aAClB,CAAC;QACJ,CAAC,EACD,CAAC,MAAM,CAAC,CACT;KACF;CACF,CAAC"}
1
+ {"version":3,"file":"JSAvatar.styling.js","sourceRoot":"","sources":["../src/JSAvatar.styling.ts"],"names":[],"mappings":"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"}
package/lib/JSAvatar.types.d.ts CHANGED
@@ -4,7 +4,8 @@ import { IBackgroundColorTokens, IForegroundColorTokens, IBorderTokens } from '@
4
4
  import { BadgeProps, PresenceBadgeProps, BadgeSize } from '@fluentui-react-native/badge';
5
5
  import { IconProps, IconSourcesType } from '@fluentui-react-native/icon';
6
6
  export declare const JSAvatarName = "Avatar";
7
- export declare const AvatarSizes: readonly ["size20", "size24", "size28", "size32", "size36", "size40", "size48", "size56", "size64", "size72", "size96", "size120"];
7
+ export declare const AvatarSizesForTokens: readonly ["size20", "size24", "size28", "size32", "size36", "size40", "size48", "size56", "size64", "size72", "size96", "size120"];
8
+ export declare const AvatarSizes: readonly [20, 24, 28, 32, 36, 40, 48, 56, 64, 72, 96, 120];
8
9
  /**
9
10
  * Sets color of the avatar when there is no picture. Uses fluent color names
10
11
  */
@@ -35,13 +36,30 @@ export interface AvatarConfigurableProps {
35
36
  * @defaultvalue neutral
36
37
  */
37
38
  avatarColor?: AvatarColor;
38
- size?: AvatarSize;
39
39
  ring?: RingConfig;
40
40
  }
41
41
  export interface JSAvatarProps extends IViewProps, AvatarConfigurableProps {
42
+ /**
43
+ * Optional activity indicator
44
+ * * active: the avatar will be decorated according to activeAppearance
45
+ * * inactive: the avatar will be reduced in size and partially transparent
46
+ * * unset: normal display
47
+ *
48
+ * @defaultvalue unset
49
+ */
42
50
  active?: AvatarActive;
51
+ /**
52
+ * The appearance when `active="active"`
53
+ *
54
+ * @defaultvalue ring
55
+ */
43
56
  activeAppearance?: AvatarActiveAppearance;
44
57
  badge?: PresenceBadgeProps;
58
+ /**
59
+ * Icon to be displayed when the avatar doesn't have an image or initials.
60
+ *
61
+ * @defaultvalue `PersonRegular` (the default icon's size depends on the Avatar's size)
62
+ */
45
63
  icon?: IconSourcesType;
46
64
  /**
47
65
  * Specify a string to be used instead of the name, to determine which color to use when color="colorful".
@@ -49,8 +67,35 @@ export interface JSAvatarProps extends IViewProps, AvatarConfigurableProps {
49
67
  */
50
68
  idForColor?: string | undefined;
51
69
  image?: ImageProps;
70
+ /**
71
+ * (optional) Custom initials.
72
+ *
73
+ * It is usually not necessary to specify custom initials; by default they will be derived from the `name` prop,
74
+ * using the `getInitials` function.
75
+ *
76
+ * The initials are displayed when there is no image (including while the image is loading).
77
+ */
52
78
  initials?: string;
79
+ /**
80
+ * The name of the person or entity represented by this Avatar. This should always be provided if it is available.
81
+ *
82
+ * The name will be used to determine the initials displayed when there is no icon, as well as provided to
83
+ * accessibility tools.
84
+ */
53
85
  name?: string;
86
+ /**
87
+ * Size of the avatar in pixels.
88
+ *
89
+ * Size is restricted to a limited set of supported values recommended for most uses (see `AvatarSizeValue`) and
90
+ * based on design guidelines for the Avatar control.
91
+ *
92
+ * @defaultvalue 24
93
+ */
94
+ size?: AvatarSize;
95
+ /**
96
+ * The avatar can have a circular or square shape.
97
+ * @defaultvalue circular
98
+ */
54
99
  shape?: AvatarShape;
55
100
  src?: string;
56
101
  }
@@ -124,6 +169,7 @@ export interface AvatarSlotProps {
124
169
  export interface JSAvatarState {
125
170
  showRing: boolean;
126
171
  transparentRing: boolean;
172
+ showBadge: boolean;
127
173
  }
128
174
  export interface AvatarInfo {
129
175
  props: JSAvatarProps;
package/lib/JSAvatar.types.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"JSAvatar.types.d.ts","sourceRoot":"","sources":["../src/JSAvatar.types.ts"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"JSAvatar.types.d.ts","sourceRoot":"","sources":["../src/JSAvatar.types.ts"],"names":[],"mappings":"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"}
package/lib/JSAvatar.types.js CHANGED
@@ -1,5 +1,5 @@
1
1
  export var JSAvatarName = 'Avatar';
2
- export var AvatarSizes = [
2
+ export var AvatarSizesForTokens = [
3
3
  'size20',
4
4
  'size24',
5
5
  'size28',
@@ -13,6 +13,7 @@ export var AvatarSizes = [
13
13
  'size96',
14
14
  'size120',
15
15
  ];
16
+ export var AvatarSizes = [20, 24, 28, 32, 36, 40, 48, 56, 64, 72, 96, 120];
16
17
  /**
17
18
  * Sets color of the avatar when there is no picture. Uses fluent color names
18
19
  */
package/lib/JSAvatar.types.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"JSAvatar.types.js","sourceRoot":"","sources":["../src/JSAvatar.types.ts"],"names":[],"mappings":"AAMA,MAAM,CAAC,IAAM,YAAY,GAAG,QAAQ,CAAC;AACrC,MAAM,CAAC,IAAM,WAAW,GAAG;IACzB,QAAQ;IACR,QAAQ;IACR,QAAQ;IACR,QAAQ;IACR,QAAQ;IACR,QAAQ;IACR,QAAQ;IACR,QAAQ;IACR,QAAQ;IACR,QAAQ;IACR,QAAQ;IACR,SAAS;CACD,CAAC;AAEX;;GAEG;AACH,MAAM,CAAC,IAAM,YAAY,GAAG;IAC1B,SAAS;IACT,WAAW;IACX,KAAK;IACL,SAAS;IACT,OAAO;IACP,UAAU;IACV,MAAM;IACN,OAAO;IACP,OAAO;IACP,QAAQ;IACR,SAAS;IACT,WAAW;IACX,WAAW;IACX,MAAM;IACN,OAAO;IACP,MAAM;IACN,WAAW;IACX,YAAY;IACZ,MAAM;IACN,UAAU;IACV,QAAQ;IACR,OAAO;IACP,OAAO;IACP,MAAM;IACN,SAAS;IACT,MAAM;IACN,OAAO;IACP,MAAM;IACN,UAAU;IACV,QAAQ;CACA,CAAC"}
1
+ {"version":3,"file":"JSAvatar.types.js","sourceRoot":"","sources":["../src/JSAvatar.types.ts"],"names":[],"mappings":"AAMA,MAAM,CAAC,IAAM,YAAY,GAAG,QAAQ,CAAC;AACrC,MAAM,CAAC,IAAM,oBAAoB,GAAG;IAClC,QAAQ;IACR,QAAQ;IACR,QAAQ;IACR,QAAQ;IACR,QAAQ;IACR,QAAQ;IACR,QAAQ;IACR,QAAQ;IACR,QAAQ;IACR,QAAQ;IACR,QAAQ;IACR,SAAS;CACD,CAAC;AAEX,MAAM,CAAC,IAAM,WAAW,GAAG,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,GAAG,CAAU,CAAC;AAEtF;;GAEG;AACH,MAAM,CAAC,IAAM,YAAY,GAAG;IAC1B,SAAS;IACT,WAAW;IACX,KAAK;IACL,SAAS;IACT,OAAO;IACP,UAAU;IACV,MAAM;IACN,OAAO;IACP,OAAO;IACP,QAAQ;IACR,SAAS;IACT,WAAW;IACX,WAAW;IACX,MAAM;IACN,OAAO;IACP,MAAM;IACN,WAAW;IACX,YAAY;IACZ,MAAM;IACN,UAAU;IACV,QAAQ;IACR,OAAO;IACP,OAAO;IACP,MAAM;IACN,SAAS;IACT,MAAM;IACN,OAAO;IACP,MAAM;IACN,UAAU;IACV,QAAQ;CACA,CAAC"}
package/lib/JSAvatarTokens.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"JSAvatarTokens.d.ts","sourceRoot":"","sources":["../src/JSAvatarTokens.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,CAwMjD,CAAC"}
1
+ {"version":3,"file":"JSAvatarTokens.d.ts","sourceRoot":"","sources":["../src/JSAvatarTokens.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,CA0MjD,CAAC"}
package/lib/JSAvatarTokens.js CHANGED
@@ -6,6 +6,8 @@ export var defaultJSAvatarTokens = function (t) {
6
6
  color: globalTokens.color.white,
7
7
  backgroundColor: globalTokens.color.cornflower.primary,
8
8
  avatarOpacity: 1,
9
+ width: 24,
10
+ height: 24,
9
11
  circular: {
10
12
  borderRadius: globalTokens.corner.radius.circle,
11
13
  },
@@ -19,84 +21,84 @@ export var defaultJSAvatarTokens = function (t) {
19
21
  width: 20,
20
22
  height: 20,
21
23
  badgeSize: 'smallest',
22
- iconSize: 10,
24
+ iconSize: 16,
23
25
  initialsSize: 16,
24
26
  },
25
27
  size24: {
26
28
  width: 24,
27
29
  height: 24,
28
30
  badgeSize: 'smallest',
29
- iconSize: 10,
31
+ iconSize: 16,
30
32
  initialsSize: 16,
31
33
  },
32
34
  size28: {
33
35
  width: 28,
34
36
  height: 28,
35
37
  badgeSize: 'smaller',
36
- iconSize: 16,
38
+ iconSize: 20,
37
39
  initialsSize: 20,
38
40
  },
39
41
  size32: {
40
42
  width: 32,
41
43
  height: 32,
42
44
  badgeSize: 'smaller',
43
- iconSize: 16,
45
+ iconSize: 20,
44
46
  initialsSize: 20,
45
47
  },
46
48
  size36: {
47
49
  width: 36,
48
50
  height: 36,
49
51
  badgeSize: 'smaller',
50
- iconSize: 16,
52
+ iconSize: 20,
51
53
  initialsSize: 20,
52
54
  },
53
55
  size40: {
54
56
  width: 40,
55
57
  height: 40,
56
58
  badgeSize: 'small',
57
- iconSize: 16,
59
+ iconSize: 20,
58
60
  initialsSize: 20,
59
61
  },
60
62
  size48: {
61
63
  width: 48,
62
64
  height: 48,
63
65
  badgeSize: 'small',
64
- iconSize: 20,
66
+ iconSize: 24,
65
67
  initialsSize: 24,
66
68
  },
67
69
  size56: {
68
70
  width: 56,
69
71
  height: 56,
70
72
  badgeSize: 'medium',
71
- iconSize: 24,
73
+ iconSize: 28,
72
74
  initialsSize: 28,
73
75
  },
74
76
  size64: {
75
77
  width: 64,
76
78
  height: 64,
77
79
  badgeSize: 'large',
78
- iconSize: 28,
80
+ iconSize: 32,
79
81
  initialsSize: 32,
80
82
  },
81
83
  size72: {
82
84
  width: 72,
83
85
  height: 72,
84
86
  badgeSize: 'large',
85
- iconSize: 28,
87
+ iconSize: 32,
86
88
  initialsSize: 32,
87
89
  },
88
90
  size96: {
89
91
  width: 96,
90
92
  height: 96,
91
93
  badgeSize: 'largest',
92
- iconSize: 40,
94
+ iconSize: 48,
93
95
  initialsSize: 48,
94
96
  },
95
97
  size120: {
96
98
  width: 120,
97
99
  height: 120,
98
100
  badgeSize: 'largest',
99
- iconSize: 40,
101
+ iconSize: 48,
100
102
  initialsSize: 48,
101
103
  },
102
104
  neutral: {
package/lib/JSAvatarTokens.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"JSAvatarTokens.js","sourceRoot":"","sources":["../src/JSAvatarTokens.ts"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"JSAvatarTokens.js","sourceRoot":"","sources":["../src/JSAvatarTokens.ts"],"names":[],"mappings":"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"}
package/lib/useAvatar.d.ts.map CHANGED
@@ -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,UAkChD,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;AAG5E;;;;;;GAMG;AACH,eAAO,MAAM,SAAS,UAAW,aAAa,KAAG,UAoChD,CAAC"}
package/lib/useAvatar.js CHANGED
@@ -28,9 +28,10 @@ var __rest = (this && this.__rest) || function (s, e) {
28
28
  * @returns configured props and state for FURN Avatar
29
29
  */
30
30
  export var useAvatar = function (props) {
31
- var active = props.active, accessibilityLabel = props.accessibilityLabel, activeAppearance = props.activeAppearance, badge = props.badge, src = props.src, ring = props.ring, shape = props.shape, rest = __rest(props, ["active", "accessibilityLabel", "activeAppearance", "badge", "src", "ring", "shape"]);
31
+ 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"]);
32
32
  var showRing = active === 'active' && activeAppearance === 'ring';
33
33
  var transparentRing = !!(ring === null || ring === void 0 ? void 0 : ring.transparent);
34
+ var showBadge = (!active || active === 'unset') && !!badge && !!badge.status;
34
35
  var imageProps = {
35
36
  accessibilityLabel: accessibilityLabel,
36
37
  source: src ? { uri: src } : undefined,
@@ -39,6 +40,7 @@ export var useAvatar = function (props) {
39
40
  var state = {
40
41
  showRing: showRing,
41
42
  transparentRing: transparentRing,
43
+ showBadge: showBadge,
42
44
  };
43
45
  return {
44
46
  props: __assign(__assign({ shape: shape || 'circular' }, rest), { active: active, activeAppearance: activeAppearance, image: imageProps, badge: badgeProps }),
package/lib/useAvatar.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"useAvatar.js","sourceRoot":"","sources":["../src/useAvatar.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAGA;;;;;;GAMG;AACH,MAAM,CAAC,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,GAAG,GAA2B,KAAK,IAAhC,EAAE,IAAI,GAAqB,KAAK,KAA1B,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;IAE5C,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;KAChB,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"}
1
+ {"version":3,"file":"useAvatar.js","sourceRoot":"","sources":["../src/useAvatar.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAGA;;;;;;GAMG;AACH,MAAM,CAAC,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"}
package/lib-commonjs/JSAvatar.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"JSAvatar.d.ts","sourceRoot":"","sources":["../src/JSAvatar.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,aAAa,EAA8B,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAQ5F;;;;;;;GAOG;AACH,eAAO,MAAM,YAAY,UAAW,MAAM,SAAS,aAAa,aAAa,aAAa,KAAG,OAY5F,CAAC;AAEF,eAAO,MAAM,QAAQ,8KAqCnB,CAAC"}
1
+ {"version":3,"file":"JSAvatar.d.ts","sourceRoot":"","sources":["../src/JSAvatar.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,aAAa,EAA8B,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAQ5F;;;;;;;GAOG;AACH,eAAO,MAAM,YAAY,UAAW,MAAM,SAAS,aAAa,aAAa,aAAa,KAAG,OAa5F,CAAC;AAEF,eAAO,MAAM,QAAQ,8KAqCnB,CAAC"}
package/lib-commonjs/JSAvatar.js CHANGED
@@ -41,14 +41,15 @@ var interactive_hooks_1 = require("@fluentui-react-native/interactive-hooks");
41
41
  * @returns Whether the styles that are assigned to the layer should be applied to the avatar
42
42
  */
43
43
  var avatarLookup = function (layer, state, userProps) {
44
+ var avatarSize = "size".concat(userProps.size || 24);
44
45
  return (state[layer] ||
45
46
  userProps[layer] ||
46
47
  layer === userProps['shape'] ||
47
48
  (!userProps['shape'] && layer === 'circular') ||
48
49
  layer === userProps['avatarColor'] ||
49
- (!userProps['avatarColor'] && layer === 'brand') ||
50
- layer === userProps['size'] ||
51
- (!userProps['size'] && layer === 'size56') ||
50
+ (!userProps['avatarColor'] && layer === 'neutral') ||
51
+ layer === avatarSize ||
52
+ (!userProps['size'] && layer === 'size24') ||
52
53
  (userProps.active === 'inactive' && layer === 'inactive'));
53
54
  };
54
55
  exports.avatarLookup = avatarLookup;
@@ -63,15 +64,15 @@ exports.JSAvatar = (0, framework_1.compose)(__assign(__assign({ displayName: JSA
63
64
  }, useRender: function (userProps, useSlots) {
64
65
  var avatar = (0, useAvatar_1.useAvatar)(userProps);
65
66
  var iconProps = (0, interactive_hooks_1.createIconProps)(userProps.icon);
66
- var Slots = useSlots(userProps, function (layer) { return (0, exports.avatarLookup)(layer, avatar.state, userProps); });
67
+ var Slots = useSlots(avatar.props, function (layer) { return (0, exports.avatarLookup)(layer, avatar.state, avatar.props); });
67
68
  return function (final) {
68
69
  var _a = (0, framework_1.mergeProps)(avatar.props, final), activeAppearance = _a.activeAppearance, icon = _a.icon, initials = _a.initials, image = _a.image, badge = _a.badge, mergedProps = __rest(_a, ["activeAppearance", "icon", "initials", "image", "badge"]);
69
- var _b = avatar.state, showRing = _b.showRing, transparentRing = _b.transparentRing;
70
+ var _b = avatar.state, showRing = _b.showRing, transparentRing = _b.transparentRing, showBadge = _b.showBadge;
70
71
  var svgIconsEnabled = ['ios', 'macos', 'win32', 'android'].includes(react_native_1.Platform.OS);
71
72
  return ((0, framework_1.withSlots)(Slots.root, __assign({}, mergedProps),
72
73
  image.source ? ((0, framework_1.withSlots)(Slots.image, __assign({}, image))) : ((0, framework_1.withSlots)(Slots.initialsBackground, null, initials ? (0, framework_1.withSlots)(Slots.initials, null, initials) : userProps.icon && (0, framework_1.withSlots)(Slots.icon, __assign({}, iconProps)))),
73
74
  showRing && !transparentRing && (0, framework_1.withSlots)(Slots.ring, null),
74
- svgIconsEnabled && badge.status && (0, framework_1.withSlots)(Slots.badge, __assign({}, badge))));
75
+ svgIconsEnabled && showBadge && (0, framework_1.withSlots)(Slots.badge, __assign({}, badge))));
75
76
  };
76
77
  } }));
77
78
  //# sourceMappingURL=JSAvatar.js.map
package/lib-commonjs/JSAvatar.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"JSAvatar.js","sourceRoot":"","sources":["../src/JSAvatar.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"JSAvatar.js","sourceRoot":"","sources":["../src/JSAvatar.tsx"],"names":[],"mappings":"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"}
package/lib-commonjs/JSAvatar.styling.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"JSAvatar.styling.d.ts","sourceRoot":"","sources":["../src/JSAvatar.styling.ts"],"names":[],"mappings":"AAAA,OAAO,EAAgB,cAAc,EAAE,eAAe,EAAE,aAAa,EAA6B,MAAM,kBAAkB,CAAC;AAC3H,OAAO,EAAS,iBAAiB,EAAc,MAAM,kCAAkC,CAAC;AAYxF,eAAO,MAAM,YAAY,EAAE,CAAC,MAAM,cAAc,CAAC,EAAwE,CAAC;AAE1H,eAAO,MAAM,eAAe,EAAE,iBAAiB,CAAC,aAAa,EAAE,eAAe,EAAE,cAAc,CAyG7F,CAAC"}
1
+ {"version":3,"file":"JSAvatar.styling.d.ts","sourceRoot":"","sources":["../src/JSAvatar.styling.ts"],"names":[],"mappings":"AAAA,OAAO,EAAgB,cAAc,EAAE,eAAe,EAAE,aAAa,EAAsC,MAAM,kBAAkB,CAAC;AACpI,OAAO,EAAS,iBAAiB,EAAc,MAAM,kCAAkC,CAAC;AAYxF,eAAO,MAAM,YAAY,EAAE,CAAC,MAAM,cAAc,CAAC,EAAiF,CAAC;AAEnI,eAAO,MAAM,eAAe,EAAE,iBAAiB,CAAC,aAAa,EAAE,eAAe,EAAE,cAAc,CAyG7F,CAAC"}
package/lib-commonjs/JSAvatar.styling.js CHANGED
@@ -31,7 +31,7 @@ var nameMap = {
31
31
  center: 'center',
32
32
  end: 'flex-end',
33
33
  };
34
- exports.avatarStates = __spreadArray(__spreadArray(__spreadArray([], JSAvatar_types_1.AvatarColors, true), JSAvatar_types_1.AvatarSizes, true), ['circular', 'square', 'inactive'], false);
34
+ exports.avatarStates = __spreadArray(__spreadArray(__spreadArray([], JSAvatar_types_1.AvatarColors, true), JSAvatar_types_1.AvatarSizesForTokens, true), ['circular', 'square', 'inactive'], false);
35
35
  exports.stylingSettings = {
36
36
  tokens: [JSAvatarTokens_1.defaultJSAvatarTokens, JSAvatar_types_1.JSAvatarName],
37
37
  states: exports.avatarStates,
@@ -94,7 +94,7 @@ exports.stylingSettings = {
94
94
  size: tokens.badgeSize,
95
95
  shape: 'circular',
96
96
  };
97
- }, ['size']),
97
+ }, ['badgeSize']),
98
98
  },
99
99
  };
100
100
  //# sourceMappingURL=JSAvatar.styling.js.map
package/lib-commonjs/JSAvatar.styling.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"JSAvatar.styling.js","sourceRoot":"","sources":["../src/JSAvatar.styling.ts"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"JSAvatar.styling.js","sourceRoot":"","sources":["../src/JSAvatar.styling.ts"],"names":[],"mappings":"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"}
package/lib-commonjs/JSAvatar.types.d.ts CHANGED
@@ -4,7 +4,8 @@ import { IBackgroundColorTokens, IForegroundColorTokens, IBorderTokens } from '@
4
4
  import { BadgeProps, PresenceBadgeProps, BadgeSize } from '@fluentui-react-native/badge';
5
5
  import { IconProps, IconSourcesType } from '@fluentui-react-native/icon';
6
6
  export declare const JSAvatarName = "Avatar";
7
- export declare const AvatarSizes: readonly ["size20", "size24", "size28", "size32", "size36", "size40", "size48", "size56", "size64", "size72", "size96", "size120"];
7
+ export declare const AvatarSizesForTokens: readonly ["size20", "size24", "size28", "size32", "size36", "size40", "size48", "size56", "size64", "size72", "size96", "size120"];
8
+ export declare const AvatarSizes: readonly [20, 24, 28, 32, 36, 40, 48, 56, 64, 72, 96, 120];
8
9
  /**
9
10
  * Sets color of the avatar when there is no picture. Uses fluent color names
10
11
  */
@@ -35,13 +36,30 @@ export interface AvatarConfigurableProps {
35
36
  * @defaultvalue neutral
36
37
  */
37
38
  avatarColor?: AvatarColor;
38
- size?: AvatarSize;
39
39
  ring?: RingConfig;
40
40
  }
41
41
  export interface JSAvatarProps extends IViewProps, AvatarConfigurableProps {
42
+ /**
43
+ * Optional activity indicator
44
+ * * active: the avatar will be decorated according to activeAppearance
45
+ * * inactive: the avatar will be reduced in size and partially transparent
46
+ * * unset: normal display
47
+ *
48
+ * @defaultvalue unset
49
+ */
42
50
  active?: AvatarActive;
51
+ /**
52
+ * The appearance when `active="active"`
53
+ *
54
+ * @defaultvalue ring
55
+ */
43
56
  activeAppearance?: AvatarActiveAppearance;
44
57
  badge?: PresenceBadgeProps;
58
+ /**
59
+ * Icon to be displayed when the avatar doesn't have an image or initials.
60
+ *
61
+ * @defaultvalue `PersonRegular` (the default icon's size depends on the Avatar's size)
62
+ */
45
63
  icon?: IconSourcesType;
46
64
  /**
47
65
  * Specify a string to be used instead of the name, to determine which color to use when color="colorful".
@@ -49,8 +67,35 @@ export interface JSAvatarProps extends IViewProps, AvatarConfigurableProps {
49
67
  */
50
68
  idForColor?: string | undefined;
51
69
  image?: ImageProps;
70
+ /**
71
+ * (optional) Custom initials.
72
+ *
73
+ * It is usually not necessary to specify custom initials; by default they will be derived from the `name` prop,
74
+ * using the `getInitials` function.
75
+ *
76
+ * The initials are displayed when there is no image (including while the image is loading).
77
+ */
52
78
  initials?: string;
79
+ /**
80
+ * The name of the person or entity represented by this Avatar. This should always be provided if it is available.
81
+ *
82
+ * The name will be used to determine the initials displayed when there is no icon, as well as provided to
83
+ * accessibility tools.
84
+ */
53
85
  name?: string;
86
+ /**
87
+ * Size of the avatar in pixels.
88
+ *
89
+ * Size is restricted to a limited set of supported values recommended for most uses (see `AvatarSizeValue`) and
90
+ * based on design guidelines for the Avatar control.
91
+ *
92
+ * @defaultvalue 24
93
+ */
94
+ size?: AvatarSize;
95
+ /**
96
+ * The avatar can have a circular or square shape.
97
+ * @defaultvalue circular
98
+ */
54
99
  shape?: AvatarShape;
55
100
  src?: string;
56
101
  }
@@ -124,6 +169,7 @@ export interface AvatarSlotProps {
124
169
  export interface JSAvatarState {
125
170
  showRing: boolean;
126
171
  transparentRing: boolean;
172
+ showBadge: boolean;
127
173
  }
128
174
  export interface AvatarInfo {
129
175
  props: JSAvatarProps;
package/lib-commonjs/JSAvatar.types.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"JSAvatar.types.d.ts","sourceRoot":"","sources":["../src/JSAvatar.types.ts"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"JSAvatar.types.d.ts","sourceRoot":"","sources":["../src/JSAvatar.types.ts"],"names":[],"mappings":"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"}
package/lib-commonjs/JSAvatar.types.js CHANGED
@@ -1,8 +1,8 @@
1
1
  "use strict";
2
2
  Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.AvatarColors = exports.AvatarSizes = exports.JSAvatarName = void 0;
3
+ exports.AvatarColors = exports.AvatarSizes = exports.AvatarSizesForTokens = exports.JSAvatarName = void 0;
4
4
  exports.JSAvatarName = 'Avatar';
5
- exports.AvatarSizes = [
5
+ exports.AvatarSizesForTokens = [
6
6
  'size20',
7
7
  'size24',
8
8
  'size28',
@@ -16,6 +16,7 @@ exports.AvatarSizes = [
16
16
  'size96',
17
17
  'size120',
18
18
  ];
19
+ exports.AvatarSizes = [20, 24, 28, 32, 36, 40, 48, 56, 64, 72, 96, 120];
19
20
  /**
20
21
  * Sets color of the avatar when there is no picture. Uses fluent color names
21
22
  */
package/lib-commonjs/JSAvatar.types.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"JSAvatar.types.js","sourceRoot":"","sources":["../src/JSAvatar.types.ts"],"names":[],"mappings":";;;AAMa,QAAA,YAAY,GAAG,QAAQ,CAAC;AACxB,QAAA,WAAW,GAAG;IACzB,QAAQ;IACR,QAAQ;IACR,QAAQ;IACR,QAAQ;IACR,QAAQ;IACR,QAAQ;IACR,QAAQ;IACR,QAAQ;IACR,QAAQ;IACR,QAAQ;IACR,QAAQ;IACR,SAAS;CACD,CAAC;AAEX;;GAEG;AACU,QAAA,YAAY,GAAG;IAC1B,SAAS;IACT,WAAW;IACX,KAAK;IACL,SAAS;IACT,OAAO;IACP,UAAU;IACV,MAAM;IACN,OAAO;IACP,OAAO;IACP,QAAQ;IACR,SAAS;IACT,WAAW;IACX,WAAW;IACX,MAAM;IACN,OAAO;IACP,MAAM;IACN,WAAW;IACX,YAAY;IACZ,MAAM;IACN,UAAU;IACV,QAAQ;IACR,OAAO;IACP,OAAO;IACP,MAAM;IACN,SAAS;IACT,MAAM;IACN,OAAO;IACP,MAAM;IACN,UAAU;IACV,QAAQ;CACA,CAAC"}
1
+ {"version":3,"file":"JSAvatar.types.js","sourceRoot":"","sources":["../src/JSAvatar.types.ts"],"names":[],"mappings":";;;AAMa,QAAA,YAAY,GAAG,QAAQ,CAAC;AACxB,QAAA,oBAAoB,GAAG;IAClC,QAAQ;IACR,QAAQ;IACR,QAAQ;IACR,QAAQ;IACR,QAAQ;IACR,QAAQ;IACR,QAAQ;IACR,QAAQ;IACR,QAAQ;IACR,QAAQ;IACR,QAAQ;IACR,SAAS;CACD,CAAC;AAEE,QAAA,WAAW,GAAG,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,GAAG,CAAU,CAAC;AAEtF;;GAEG;AACU,QAAA,YAAY,GAAG;IAC1B,SAAS;IACT,WAAW;IACX,KAAK;IACL,SAAS;IACT,OAAO;IACP,UAAU;IACV,MAAM;IACN,OAAO;IACP,OAAO;IACP,QAAQ;IACR,SAAS;IACT,WAAW;IACX,WAAW;IACX,MAAM;IACN,OAAO;IACP,MAAM;IACN,WAAW;IACX,YAAY;IACZ,MAAM;IACN,UAAU;IACV,QAAQ;IACR,OAAO;IACP,OAAO;IACP,MAAM;IACN,SAAS;IACT,MAAM;IACN,OAAO;IACP,MAAM;IACN,UAAU;IACV,QAAQ;CACA,CAAC"}
package/lib-commonjs/JSAvatarTokens.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"JSAvatarTokens.d.ts","sourceRoot":"","sources":["../src/JSAvatarTokens.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,CAwMjD,CAAC"}
1
+ {"version":3,"file":"JSAvatarTokens.d.ts","sourceRoot":"","sources":["../src/JSAvatarTokens.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,CA0MjD,CAAC"}
package/lib-commonjs/JSAvatarTokens.js CHANGED
@@ -9,6 +9,8 @@ var defaultJSAvatarTokens = function (t) {
9
9
  color: theme_tokens_1.globalTokens.color.white,
10
10
  backgroundColor: theme_tokens_1.globalTokens.color.cornflower.primary,
11
11
  avatarOpacity: 1,
12
+ width: 24,
13
+ height: 24,
12
14
  circular: {
13
15
  borderRadius: theme_tokens_1.globalTokens.corner.radius.circle,
14
16
  },
@@ -22,84 +24,84 @@ var defaultJSAvatarTokens = function (t) {
22
24
  width: 20,
23
25
  height: 20,
24
26
  badgeSize: 'smallest',
25
- iconSize: 10,
27
+ iconSize: 16,
26
28
  initialsSize: 16,
27
29
  },
28
30
  size24: {
29
31
  width: 24,
30
32
  height: 24,
31
33
  badgeSize: 'smallest',
32
- iconSize: 10,
34
+ iconSize: 16,
33
35
  initialsSize: 16,
34
36
  },
35
37
  size28: {
36
38
  width: 28,
37
39
  height: 28,
38
40
  badgeSize: 'smaller',
39
- iconSize: 16,
41
+ iconSize: 20,
40
42
  initialsSize: 20,
41
43
  },
42
44
  size32: {
43
45
  width: 32,
44
46
  height: 32,
45
47
  badgeSize: 'smaller',
46
- iconSize: 16,
48
+ iconSize: 20,
47
49
  initialsSize: 20,
48
50
  },
49
51
  size36: {
50
52
  width: 36,
51
53
  height: 36,
52
54
  badgeSize: 'smaller',
53
- iconSize: 16,
55
+ iconSize: 20,
54
56
  initialsSize: 20,
55
57
  },
56
58
  size40: {
57
59
  width: 40,
58
60
  height: 40,
59
61
  badgeSize: 'small',
60
- iconSize: 16,
62
+ iconSize: 20,
61
63
  initialsSize: 20,
62
64
  },
63
65
  size48: {
64
66
  width: 48,
65
67
  height: 48,
66
68
  badgeSize: 'small',
67
- iconSize: 20,
69
+ iconSize: 24,
68
70
  initialsSize: 24,
69
71
  },
70
72
  size56: {
71
73
  width: 56,
72
74
  height: 56,
73
75
  badgeSize: 'medium',
74
- iconSize: 24,
76
+ iconSize: 28,
75
77
  initialsSize: 28,
76
78
  },
77
79
  size64: {
78
80
  width: 64,
79
81
  height: 64,
80
82
  badgeSize: 'large',
81
- iconSize: 28,
83
+ iconSize: 32,
82
84
  initialsSize: 32,
83
85
  },
84
86
  size72: {
85
87
  width: 72,
86
88
  height: 72,
87
89
  badgeSize: 'large',
88
- iconSize: 28,
90
+ iconSize: 32,
89
91
  initialsSize: 32,
90
92
  },
91
93
  size96: {
92
94
  width: 96,
93
95
  height: 96,
94
96
  badgeSize: 'largest',
95
- iconSize: 40,
97
+ iconSize: 48,
96
98
  initialsSize: 48,
97
99
  },
98
100
  size120: {
99
101
  width: 120,
100
102
  height: 120,
101
103
  badgeSize: 'largest',
102
- iconSize: 40,
104
+ iconSize: 48,
103
105
  initialsSize: 48,
104
106
  },
105
107
  neutral: {
package/lib-commonjs/JSAvatarTokens.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"JSAvatarTokens.js","sourceRoot":"","sources":["../src/JSAvatarTokens.ts"],"names":[],"mappings":";;;AAGA,oEAAmE;AAE5D,IAAM,qBAAqB,GAAyC,UAAC,CAAQ;IAClF,OAAA,CAAC;QACC,uBAAuB,EAAE,KAAK;QAC9B,qBAAqB,EAAE,KAAK;QAC5B,KAAK,EAAE,2BAAY,CAAC,KAAK,CAAC,KAAK;QAC/B,eAAe,EAAE,2BAAY,CAAC,KAAK,CAAC,UAAU,CAAC,OAAO;QACtD,aAAa,EAAE,CAAC;QAChB,QAAQ,EAAE;YACR,YAAY,EAAE,2BAAY,CAAC,MAAM,CAAC,MAAM,CAAC,MAAM;SAChD;QACD,MAAM,EAAE;YACN,YAAY,EAAE,2BAAY,CAAC,MAAM,CAAC,MAAM,CAAC,MAAM;SAChD;QACD,QAAQ,EAAE;YACR,aAAa,EAAE,GAAG;SACnB;QACD,MAAM,EAAE;YACN,KAAK,EAAE,EAAE;YACT,MAAM,EAAE,EAAE;YACV,SAAS,EAAE,UAAU;YACrB,QAAQ,EAAE,EAAE;YACZ,YAAY,EAAE,EAAE;SACjB;QACD,MAAM,EAAE;YACN,KAAK,EAAE,EAAE;YACT,MAAM,EAAE,EAAE;YACV,SAAS,EAAE,UAAU;YACrB,QAAQ,EAAE,EAAE;YACZ,YAAY,EAAE,EAAE;SACjB;QACD,MAAM,EAAE;YACN,KAAK,EAAE,EAAE;YACT,MAAM,EAAE,EAAE;YACV,SAAS,EAAE,SAAS;YACpB,QAAQ,EAAE,EAAE;YACZ,YAAY,EAAE,EAAE;SACjB;QACD,MAAM,EAAE;YACN,KAAK,EAAE,EAAE;YACT,MAAM,EAAE,EAAE;YACV,SAAS,EAAE,SAAS;YACpB,QAAQ,EAAE,EAAE;YACZ,YAAY,EAAE,EAAE;SACjB;QACD,MAAM,EAAE;YACN,KAAK,EAAE,EAAE;YACT,MAAM,EAAE,EAAE;YACV,SAAS,EAAE,SAAS;YACpB,QAAQ,EAAE,EAAE;YACZ,YAAY,EAAE,EAAE;SACjB;QACD,MAAM,EAAE;YACN,KAAK,EAAE,EAAE;YACT,MAAM,EAAE,EAAE;YACV,SAAS,EAAE,OAAO;YAClB,QAAQ,EAAE,EAAE;YACZ,YAAY,EAAE,EAAE;SACjB;QACD,MAAM,EAAE;YACN,KAAK,EAAE,EAAE;YACT,MAAM,EAAE,EAAE;YACV,SAAS,EAAE,OAAO;YAClB,QAAQ,EAAE,EAAE;YACZ,YAAY,EAAE,EAAE;SACjB;QACD,MAAM,EAAE;YACN,KAAK,EAAE,EAAE;YACT,MAAM,EAAE,EAAE;YACV,SAAS,EAAE,QAAQ;YACnB,QAAQ,EAAE,EAAE;YACZ,YAAY,EAAE,EAAE;SACjB;QACD,MAAM,EAAE;YACN,KAAK,EAAE,EAAE;YACT,MAAM,EAAE,EAAE;YACV,SAAS,EAAE,OAAO;YAClB,QAAQ,EAAE,EAAE;YACZ,YAAY,EAAE,EAAE;SACjB;QACD,MAAM,EAAE;YACN,KAAK,EAAE,EAAE;YACT,MAAM,EAAE,EAAE;YACV,SAAS,EAAE,OAAO;YAClB,QAAQ,EAAE,EAAE;YACZ,YAAY,EAAE,EAAE;SACjB;QACD,MAAM,EAAE;YACN,KAAK,EAAE,EAAE;YACT,MAAM,EAAE,EAAE;YACV,SAAS,EAAE,SAAS;YACpB,QAAQ,EAAE,EAAE;YACZ,YAAY,EAAE,EAAE;SACjB;QACD,OAAO,EAAE;YACP,KAAK,EAAE,GAAG;YACV,MAAM,EAAE,GAAG;YACX,SAAS,EAAE,SAAS;YACpB,QAAQ,EAAE,EAAE;YACZ,YAAY,EAAE,EAAE;SACjB;QACD,OAAO,EAAE;YACP,eAAe,EAAE,CAAC,CAAC,MAAM,CAAC,kBAAkB;YAC5C,KAAK,EAAE,CAAC,CAAC,MAAM,CAAC,kBAAkB;YAClC,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,aAAa;SAClC;QACD,KAAK,EAAE;YACL,eAAe,EAAE,CAAC,CAAC,MAAM,CAAC,qBAAqB;YAC/C,KAAK,EAAE,CAAC,CAAC,MAAM,CAAC,wBAAwB;YACxC,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,aAAa;SAClC;QACD,OAAO,EAAE;YACP,eAAe,EAAE,2BAAY,CAAC,KAAK,CAAC,OAAO,CAAC,OAAO;SACpD;QACD,SAAS,EAAE;YACT,eAAe,EAAE,2BAAY,CAAC,KAAK,CAAC,SAAS,CAAC,OAAO;SACtD;QACD,GAAG,EAAE;YACH,eAAe,EAAE,2BAAY,CAAC,KAAK,CAAC,GAAG,CAAC,OAAO;SAChD;QACD,OAAO,EAAE;YACP,eAAe,EAAE,2BAAY,CAAC,KAAK,CAAC,OAAO,CAAC,OAAO;SACpD;QACD,KAAK,EAAE;YACL,eAAe,EAAE,2BAAY,CAAC,KAAK,CAAC,KAAK,CAAC,OAAO;SAClD;QACD,QAAQ,EAAE;YACR,eAAe,EAAE,2BAAY,CAAC,KAAK,CAAC,QAAQ,CAAC,OAAO;SACrD;QACD,IAAI,EAAE;YACJ,eAAe,EAAE,2BAAY,CAAC,KAAK,CAAC,IAAI,CAAC,OAAO;SACjD;QACD,KAAK,EAAE;YACL,eAAe,EAAE,2BAAY,CAAC,KAAK,CAAC,KAAK,CAAC,OAAO;SAClD;QACD,KAAK,EAAE;YACL,eAAe,EAAE,2BAAY,CAAC,KAAK,CAAC,KAAK,CAAC,OAAO;SAClD;QACD,MAAM,EAAE;YACN,eAAe,EAAE,2BAAY,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO;SACnD;QACD,OAAO,EAAE;YACP,eAAe,EAAE,2BAAY,CAAC,KAAK,CAAC,OAAO,CAAC,OAAO;SACpD;QACD,SAAS,EAAE;YACT,eAAe,EAAE,2BAAY,CAAC,KAAK,CAAC,SAAS,CAAC,OAAO;SACtD;QACD,SAAS,EAAE;YACT,eAAe,EAAE,2BAAY,CAAC,KAAK,CAAC,SAAS,CAAC,OAAO;SACtD;QACD,IAAI,EAAE;YACJ,eAAe,EAAE,2BAAY,CAAC,KAAK,CAAC,IAAI,CAAC,OAAO;SACjD;QACD,KAAK,EAAE;YACL,eAAe,EAAE,2BAAY,CAAC,KAAK,CAAC,KAAK,CAAC,OAAO;SAClD;QACD,IAAI,EAAE;YACJ,eAAe,EAAE,2BAAY,CAAC,KAAK,CAAC,IAAI,CAAC,OAAO;SACjD;QACD,SAAS,EAAE;YACT,eAAe,EAAE,2BAAY,CAAC,KAAK,CAAC,SAAS,CAAC,OAAO;SACtD;QACD,UAAU,EAAE;YACV,eAAe,EAAE,2BAAY,CAAC,KAAK,CAAC,UAAU,CAAC,OAAO;SACvD;QACD,IAAI,EAAE;YACJ,eAAe,EAAE,2BAAY,CAAC,KAAK,CAAC,IAAI,CAAC,OAAO;SACjD;QACD,QAAQ,EAAE;YACR,eAAe,EAAE,2BAAY,CAAC,KAAK,CAAC,QAAQ,CAAC,OAAO;SACrD;QACD,MAAM,EAAE;YACN,eAAe,EAAE,2BAAY,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO;SACnD;QACD,KAAK,EAAE;YACL,eAAe,EAAE,2BAAY,CAAC,KAAK,CAAC,KAAK,CAAC,OAAO;SAClD;QACD,KAAK,EAAE;YACL,eAAe,EAAE,2BAAY,CAAC,KAAK,CAAC,KAAK,CAAC,OAAO;SAClD;QACD,IAAI,EAAE;YACJ,eAAe,EAAE,2BAAY,CAAC,KAAK,CAAC,IAAI,CAAC,OAAO;SACjD;QACD,OAAO,EAAE;YACP,eAAe,EAAE,2BAAY,CAAC,KAAK,CAAC,OAAO,CAAC,OAAO;SACpD;QACD,IAAI,EAAE;YACJ,eAAe,EAAE,2BAAY,CAAC,KAAK,CAAC,IAAI,CAAC,OAAO;SACjD;QACD,KAAK,EAAE;YACL,eAAe,EAAE,2BAAY,CAAC,KAAK,CAAC,KAAK,CAAC,OAAO;SAClD;QACD,IAAI,EAAE;YACJ,eAAe,EAAE,2BAAY,CAAC,KAAK,CAAC,IAAI,CAAC,OAAO;SACjD;QACD,QAAQ,EAAE;YACR,eAAe,EAAE,2BAAY,CAAC,KAAK,CAAC,QAAQ,CAAC,OAAO;SACrD;QACD,MAAM,EAAE;YACN,eAAe,EAAE,2BAAY,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO;SACnD;KACiB,CAAA;AAvMpB,CAuMoB,CAAC;AAxMV,QAAA,qBAAqB,yBAwMX"}
1
+ {"version":3,"file":"JSAvatarTokens.js","sourceRoot":"","sources":["../src/JSAvatarTokens.ts"],"names":[],"mappings":"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"}
package/lib-commonjs/useAvatar.d.ts.map CHANGED
@@ -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,UAkChD,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;AAG5E;;;;;;GAMG;AACH,eAAO,MAAM,SAAS,UAAW,aAAa,KAAG,UAoChD,CAAC"}
package/lib-commonjs/useAvatar.js CHANGED
@@ -31,9 +31,10 @@ exports.useAvatar = void 0;
31
31
  * @returns configured props and state for FURN Avatar
32
32
  */
33
33
  var useAvatar = function (props) {
34
- var active = props.active, accessibilityLabel = props.accessibilityLabel, activeAppearance = props.activeAppearance, badge = props.badge, src = props.src, ring = props.ring, shape = props.shape, rest = __rest(props, ["active", "accessibilityLabel", "activeAppearance", "badge", "src", "ring", "shape"]);
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
35
  var showRing = active === 'active' && activeAppearance === 'ring';
36
36
  var transparentRing = !!(ring === null || ring === void 0 ? void 0 : ring.transparent);
37
+ var showBadge = (!active || active === 'unset') && !!badge && !!badge.status;
37
38
  var imageProps = {
38
39
  accessibilityLabel: accessibilityLabel,
39
40
  source: src ? { uri: src } : undefined,
@@ -42,6 +43,7 @@ var useAvatar = function (props) {
42
43
  var state = {
43
44
  showRing: showRing,
44
45
  transparentRing: transparentRing,
46
+ showBadge: showBadge,
45
47
  };
46
48
  return {
47
49
  props: __assign(__assign({ shape: shape || 'circular' }, rest), { active: active, activeAppearance: activeAppearance, image: imageProps, badge: badgeProps }),
package/lib-commonjs/useAvatar.js.map CHANGED
@@ -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,GAAG,GAA2B,KAAK,IAAhC,EAAE,IAAI,GAAqB,KAAK,KAA1B,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;IAE5C,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;KAChB,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;AAlCW,QAAA,SAAS,aAkCpB"}
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"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@fluentui-react-native/experimental-avatar",
3
- "version": "0.14.24",
3
+ "version": "0.14.25",
4
4
  "description": "A cross-platform Avatar component using the Fluent Design System. Currently only implemented on iOS",
5
5
  "license": "MIT",
6
6
  "author": "Microsoft <fluentuinativeowners@microsoft.com>",
package/src/JSAvatar.styling.ts CHANGED
@@ -1,4 +1,4 @@
1
- import { JSAvatarName, JSAvatarTokens, AvatarSlotProps, JSAvatarProps, AvatarColors, AvatarSizes } from './JSAvatar.types';
1
+ import { JSAvatarName, JSAvatarTokens, AvatarSlotProps, JSAvatarProps, AvatarColors, AvatarSizesForTokens } from './JSAvatar.types';
2
2
  import { Theme, UseStylingOptions, buildProps } from '@fluentui-react-native/framework';
3
3
  import { defaultJSAvatarTokens } from './JSAvatarTokens';
4
4
  import { ViewStyle } from 'react-native';
@@ -11,7 +11,7 @@ const nameMap: { [key: string]: string } = {
11
11
  end: 'flex-end',
12
12
  };
13
13
 
14
- export const avatarStates: (keyof JSAvatarTokens)[] = [...AvatarColors, ...AvatarSizes, 'circular', 'square', 'inactive'];
14
+ export const avatarStates: (keyof JSAvatarTokens)[] = [...AvatarColors, ...AvatarSizesForTokens, 'circular', 'square', 'inactive'];
15
15
 
16
16
  export const stylingSettings: UseStylingOptions<JSAvatarProps, AvatarSlotProps, JSAvatarTokens> = {
17
17
  tokens: [defaultJSAvatarTokens, JSAvatarName],
@@ -115,7 +115,7 @@ export const stylingSettings: UseStylingOptions<JSAvatarProps, AvatarSlotProps,
115
115
  shape: 'circular',
116
116
  };
117
117
  },
118
- ['size'],
118
+ ['badgeSize'],
119
119
  ),
120
120
  },
121
121
  };
package/src/JSAvatar.tsx CHANGED
@@ -17,15 +17,16 @@ import { createIconProps } from '@fluentui-react-native/interactive-hooks';
17
17
  * @returns Whether the styles that are assigned to the layer should be applied to the avatar
18
18
  */
19
19
  export const avatarLookup = (layer: string, state: JSAvatarState, userProps: JSAvatarProps): boolean => {
20
+ const avatarSize = `size${userProps.size || 24}`;
20
21
  return (
21
22
  state[layer] ||
22
23
  userProps[layer] ||
23
24
  layer === userProps['shape'] ||
24
25
  (!userProps['shape'] && layer === 'circular') ||
25
26
  layer === userProps['avatarColor'] ||
26
- (!userProps['avatarColor'] && layer === 'brand') ||
27
- layer === userProps['size'] ||
28
- (!userProps['size'] && layer === 'size56') ||
27
+ (!userProps['avatarColor'] && layer === 'neutral') ||
28
+ layer === avatarSize ||
29
+ (!userProps['size'] && layer === 'size24') ||
29
30
  (userProps.active === 'inactive' && layer === 'inactive')
30
31
  );
31
32
  };
@@ -45,11 +46,11 @@ export const JSAvatar = compose<JSAvatarType>({
45
46
  useRender: (userProps: JSAvatarProps, useSlots: UseSlots<JSAvatarType>) => {
46
47
  const avatar = useAvatar(userProps);
47
48
  const iconProps = createIconProps(userProps.icon);
48
- const Slots = useSlots(userProps, (layer) => avatarLookup(layer, avatar.state, userProps));
49
+ const Slots = useSlots(avatar.props, (layer) => avatarLookup(layer, avatar.state, avatar.props));
49
50
 
50
51
  return (final: JSAvatarProps) => {
51
52
  const { activeAppearance, icon, initials, image, badge, ...mergedProps } = mergeProps(avatar.props, final);
52
- const { showRing, transparentRing } = avatar.state;
53
+ const { showRing, transparentRing, showBadge } = avatar.state;
53
54
  const svgIconsEnabled = ['ios', 'macos', 'win32', 'android'].includes(Platform.OS as string);
54
55
 
55
56
  return (
@@ -62,7 +63,7 @@ export const JSAvatar = compose<JSAvatarType>({
62
63
  </Slots.initialsBackground>
63
64
  )}
64
65
  {showRing && !transparentRing && <Slots.ring />}
65
- {svgIconsEnabled && badge.status && <Slots.badge {...badge} />}
66
+ {svgIconsEnabled && showBadge && <Slots.badge {...badge} />}
66
67
  </Slots.root>
67
68
  );
68
69
  };
package/src/JSAvatar.types.ts CHANGED
@@ -5,7 +5,7 @@ import { BadgeProps, PresenceBadgeProps, BadgeSize } from '@fluentui-react-nativ
5
5
  import { IconProps, IconSourcesType } from '@fluentui-react-native/icon';
6
6
 
7
7
  export const JSAvatarName = 'Avatar';
8
- export const AvatarSizes = [
8
+ export const AvatarSizesForTokens = [
9
9
  'size20',
10
10
  'size24',
11
11
  'size28',
@@ -20,6 +20,8 @@ export const AvatarSizes = [
20
20
  'size120',
21
21
  ] as const;
22
22
 
23
+ export const AvatarSizes = [20, 24, 28, 32, 36, 40, 48, 56, 64, 72, 96, 120] as const;
24
+
23
25
  /**
24
26
  * Sets color of the avatar when there is no picture. Uses fluent color names
25
27
  */
@@ -84,14 +86,33 @@ export interface AvatarConfigurableProps {
84
86
  * @defaultvalue neutral
85
87
  */
86
88
  avatarColor?: AvatarColor;
87
- size?: AvatarSize;
88
89
  ring?: RingConfig;
89
90
  }
90
91
 
91
92
  export interface JSAvatarProps extends IViewProps, AvatarConfigurableProps {
93
+ /**
94
+ * Optional activity indicator
95
+ * * active: the avatar will be decorated according to activeAppearance
96
+ * * inactive: the avatar will be reduced in size and partially transparent
97
+ * * unset: normal display
98
+ *
99
+ * @defaultvalue unset
100
+ */
92
101
  active?: AvatarActive;
102
+
103
+ /**
104
+ * The appearance when `active="active"`
105
+ *
106
+ * @defaultvalue ring
107
+ */
93
108
  activeAppearance?: AvatarActiveAppearance;
94
109
  badge?: PresenceBadgeProps;
110
+
111
+ /**
112
+ * Icon to be displayed when the avatar doesn't have an image or initials.
113
+ *
114
+ * @defaultvalue `PersonRegular` (the default icon's size depends on the Avatar's size)
115
+ */
95
116
  icon?: IconSourcesType;
96
117
 
97
118
  /**
@@ -101,8 +122,39 @@ export interface JSAvatarProps extends IViewProps, AvatarConfigurableProps {
101
122
  idForColor?: string | undefined;
102
123
 
103
124
  image?: ImageProps;
125
+
126
+ /**
127
+ * (optional) Custom initials.
128
+ *
129
+ * It is usually not necessary to specify custom initials; by default they will be derived from the `name` prop,
130
+ * using the `getInitials` function.
131
+ *
132
+ * The initials are displayed when there is no image (including while the image is loading).
133
+ */
104
134
  initials?: string;
135
+
136
+ /**
137
+ * The name of the person or entity represented by this Avatar. This should always be provided if it is available.
138
+ *
139
+ * The name will be used to determine the initials displayed when there is no icon, as well as provided to
140
+ * accessibility tools.
141
+ */
105
142
  name?: string;
143
+
144
+ /**
145
+ * Size of the avatar in pixels.
146
+ *
147
+ * Size is restricted to a limited set of supported values recommended for most uses (see `AvatarSizeValue`) and
148
+ * based on design guidelines for the Avatar control.
149
+ *
150
+ * @defaultvalue 24
151
+ */
152
+ size?: AvatarSize;
153
+
154
+ /**
155
+ * The avatar can have a circular or square shape.
156
+ * @defaultvalue circular
157
+ */
106
158
  shape?: AvatarShape;
107
159
  src?: string;
108
160
  }
@@ -179,6 +231,7 @@ export interface AvatarSlotProps {
179
231
  export interface JSAvatarState {
180
232
  showRing: boolean;
181
233
  transparentRing: boolean;
234
+ showBadge: boolean;
182
235
  }
183
236
 
184
237
  export interface AvatarInfo {
package/src/JSAvatarTokens.ts CHANGED
@@ -10,6 +10,8 @@ export const defaultJSAvatarTokens: TokenSettings<JSAvatarTokens, Theme> = (t: T
10
10
  color: globalTokens.color.white,
11
11
  backgroundColor: globalTokens.color.cornflower.primary,
12
12
  avatarOpacity: 1,
13
+ width: 24,
14
+ height: 24,
13
15
  circular: {
14
16
  borderRadius: globalTokens.corner.radius.circle,
15
17
  },
@@ -23,84 +25,84 @@ export const defaultJSAvatarTokens: TokenSettings<JSAvatarTokens, Theme> = (t: T
23
25
  width: 20,
24
26
  height: 20,
25
27
  badgeSize: 'smallest',
26
- iconSize: 10,
28
+ iconSize: 16,
27
29
  initialsSize: 16,
28
30
  },
29
31
  size24: {
30
32
  width: 24,
31
33
  height: 24,
32
34
  badgeSize: 'smallest',
33
- iconSize: 10,
35
+ iconSize: 16,
34
36
  initialsSize: 16,
35
37
  },
36
38
  size28: {
37
39
  width: 28,
38
40
  height: 28,
39
41
  badgeSize: 'smaller',
40
- iconSize: 16,
42
+ iconSize: 20,
41
43
  initialsSize: 20,
42
44
  },
43
45
  size32: {
44
46
  width: 32,
45
47
  height: 32,
46
48
  badgeSize: 'smaller',
47
- iconSize: 16,
49
+ iconSize: 20,
48
50
  initialsSize: 20,
49
51
  },
50
52
  size36: {
51
53
  width: 36,
52
54
  height: 36,
53
55
  badgeSize: 'smaller',
54
- iconSize: 16,
56
+ iconSize: 20,
55
57
  initialsSize: 20,
56
58
  },
57
59
  size40: {
58
60
  width: 40,
59
61
  height: 40,
60
62
  badgeSize: 'small',
61
- iconSize: 16,
63
+ iconSize: 20,
62
64
  initialsSize: 20,
63
65
  },
64
66
  size48: {
65
67
  width: 48,
66
68
  height: 48,
67
69
  badgeSize: 'small',
68
- iconSize: 20,
70
+ iconSize: 24,
69
71
  initialsSize: 24,
70
72
  },
71
73
  size56: {
72
74
  width: 56,
73
75
  height: 56,
74
76
  badgeSize: 'medium',
75
- iconSize: 24,
77
+ iconSize: 28,
76
78
  initialsSize: 28,
77
79
  },
78
80
  size64: {
79
81
  width: 64,
80
82
  height: 64,
81
83
  badgeSize: 'large',
82
- iconSize: 28,
84
+ iconSize: 32,
83
85
  initialsSize: 32,
84
86
  },
85
87
  size72: {
86
88
  width: 72,
87
89
  height: 72,
88
90
  badgeSize: 'large',
89
- iconSize: 28,
91
+ iconSize: 32,
90
92
  initialsSize: 32,
91
93
  },
92
94
  size96: {
93
95
  width: 96,
94
96
  height: 96,
95
97
  badgeSize: 'largest',
96
- iconSize: 40,
98
+ iconSize: 48,
97
99
  initialsSize: 48,
98
100
  },
99
101
  size120: {
100
102
  width: 120,
101
103
  height: 120,
102
104
  badgeSize: 'largest',
103
- iconSize: 40,
105
+ iconSize: 48,
104
106
  initialsSize: 48,
105
107
  },
106
108
  neutral: {
package/src/useAvatar.ts CHANGED
@@ -9,10 +9,11 @@ import { PresenceBadgeProps } from '@fluentui-react-native/badge';
9
9
  * @returns configured props and state for FURN Avatar
10
10
  */
11
11
  export const useAvatar = (props: JSAvatarProps): AvatarInfo => {
12
- const { active, accessibilityLabel, activeAppearance, badge, src, ring, shape, ...rest } = props;
12
+ const { active, accessibilityLabel, activeAppearance, badge, ring, src, shape, ...rest } = props;
13
13
 
14
14
  const showRing = active === 'active' && activeAppearance === 'ring';
15
15
  const transparentRing = !!ring?.transparent;
16
+ const showBadge = (!active || active === 'unset') && !!badge && !!badge.status;
16
17
 
17
18
  const imageProps: ImageProps = {
18
19
  accessibilityLabel,
@@ -27,6 +28,7 @@ export const useAvatar = (props: JSAvatarProps): AvatarInfo => {
27
28
  const state: JSAvatarState = {
28
29
  showRing,
29
30
  transparentRing,
31
+ showBadge,
30
32
  };
31
33
 
32
34
  return {