@fluentui-react-native/experimental-avatar 0.14.15 → 0.14.16

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 (29) hide show
  1. package/CHANGELOG.json +22 -1
  2. package/CHANGELOG.md +11 -2
  3. package/lib/JSAvatar.d.ts.map +1 -1
  4. package/lib/JSAvatar.js +7 -8
  5. package/lib/JSAvatar.js.map +1 -1
  6. package/lib/JSAvatar.styling.d.ts.map +1 -1
  7. package/lib/JSAvatar.styling.js +5 -7
  8. package/lib/JSAvatar.styling.js.map +1 -1
  9. package/lib/JSAvatar.types.d.ts +8 -10
  10. package/lib/JSAvatar.types.d.ts.map +1 -1
  11. package/lib/useAvatar.d.ts.map +1 -1
  12. package/lib/useAvatar.js +7 -8
  13. package/lib/useAvatar.js.map +1 -1
  14. package/lib-commonjs/JSAvatar.d.ts.map +1 -1
  15. package/lib-commonjs/JSAvatar.js +7 -8
  16. package/lib-commonjs/JSAvatar.js.map +1 -1
  17. package/lib-commonjs/JSAvatar.styling.d.ts.map +1 -1
  18. package/lib-commonjs/JSAvatar.styling.js +5 -7
  19. package/lib-commonjs/JSAvatar.styling.js.map +1 -1
  20. package/lib-commonjs/JSAvatar.types.d.ts +8 -10
  21. package/lib-commonjs/JSAvatar.types.d.ts.map +1 -1
  22. package/lib-commonjs/useAvatar.d.ts.map +1 -1
  23. package/lib-commonjs/useAvatar.js +7 -8
  24. package/lib-commonjs/useAvatar.js.map +1 -1
  25. package/package.json +2 -2
  26. package/src/JSAvatar.styling.ts +7 -23
  27. package/src/JSAvatar.tsx +8 -9
  28. package/src/JSAvatar.types.ts +8 -11
  29. package/src/useAvatar.ts +15 -13
package/CHANGELOG.json CHANGED
@@ -2,7 +2,28 @@
2
2
  "name": "@fluentui-react-native/experimental-avatar",
3
3
  "entries": [
4
4
  {
5
- "date": "Thu, 21 Apr 2022 21:48:33 GMT",
5
+ "date": "Tue, 26 Apr 2022 20:44:47 GMT",
6
+ "tag": "@fluentui-react-native/experimental-avatar_v0.14.16",
7
+ "version": "0.14.16",
8
+ "comments": {
9
+ "patch": [
10
+ {
11
+ "author": "v.kozova13@gmail.com",
12
+ "package": "@fluentui-react-native/experimental-avatar",
13
+ "commit": "37bcceffcf2ca8af5d745815da4ba6a4da9ef72c",
14
+ "comment": "Changed props according to the spec"
15
+ },
16
+ {
17
+ "author": "beachball",
18
+ "package": "@fluentui-react-native/experimental-avatar",
19
+ "comment": "Bump @fluentui-react-native/badge to v0.0.29",
20
+ "commit": "37bcceffcf2ca8af5d745815da4ba6a4da9ef72c"
21
+ }
22
+ ]
23
+ }
24
+ },
25
+ {
26
+ "date": "Thu, 21 Apr 2022 21:50:03 GMT",
6
27
  "tag": "@fluentui-react-native/experimental-avatar_v0.14.15",
7
28
  "version": "0.14.15",
8
29
  "comments": {
package/CHANGELOG.md CHANGED
@@ -1,12 +1,21 @@
1
1
  # Change Log - @fluentui-react-native/experimental-avatar
2
2
 
3
- This log was last generated on Thu, 21 Apr 2022 21:48:33 GMT and should not be manually modified.
3
+ This log was last generated on Tue, 26 Apr 2022 20:44:47 GMT and should not be manually modified.
4
4
 
5
5
  <!-- Start content -->
6
6
 
7
+ ## 0.14.16
8
+
9
+ Tue, 26 Apr 2022 20:44:47 GMT
10
+
11
+ ### Patches
12
+
13
+ - Changed props according to the spec (v.kozova13@gmail.com)
14
+ - Bump @fluentui-react-native/badge to v0.0.29
15
+
7
16
  ## 0.14.15
8
17
 
9
- Thu, 21 Apr 2022 21:48:33 GMT
18
+ Thu, 21 Apr 2022 21:50:03 GMT
10
19
 
11
20
  ### Patches
12
21
 
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;AAM5F;;;;;;;GAOG;AACH,eAAO,MAAM,YAAY,UAAW,MAAM,SAAS,aAAa,aAAa,aAAa,KAAG,OAQ5F,CAAC;AAEF,eAAO,MAAM,QAAQ,8KAoCnB,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;AAM5F;;;;;;;GAOG;AACH,eAAO,MAAM,YAAY,UAAW,MAAM,SAAS,aAAa,aAAa,aAAa,KAAG,OAQ5F,CAAC;AAEF,eAAO,MAAM,QAAQ,8KAmCnB,CAAC"}
package/lib/JSAvatar.js CHANGED
@@ -44,24 +44,23 @@ export var avatarLookup = function (layer, state, userProps) {
44
44
  };
45
45
  export var JSAvatar = compose(__assign(__assign({ displayName: JSAvatarName }, stylingSettings), { slots: {
46
46
  root: View,
47
- photo: Image,
47
+ image: Image,
48
48
  initials: Text,
49
49
  initialsBackground: View,
50
50
  icon: Image,
51
51
  ring: View,
52
- glow: View,
52
+ badge: PresenceBadge,
53
53
  }, useRender: function (userProps, useSlots) {
54
54
  var avatar = useAvatar(userProps);
55
55
  var Slots = useSlots(userProps, function (layer) { return avatarLookup(layer, avatar.state, userProps); });
56
56
  return function (final) {
57
- var _a = mergeProps(avatar.props, final), children = _a.children, accessibilityLabel = _a.accessibilityLabel, presence = _a.presence, activeAppearance = _a.activeAppearance, isOutOfOffice = _a.isOutOfOffice, mergedProps = __rest(_a, ["children", "accessibilityLabel", "presence", "activeAppearance", "isOutOfOffice"]);
58
- var _b = avatar.state, personaPhotoSource = _b.personaPhotoSource, showRing = _b.showRing, transparentRing = _b.transparentRing;
57
+ var _a = mergeProps(avatar.props, final), activeAppearance = _a.activeAppearance, initials = _a.initials, image = _a.image, badge = _a.badge, mergedProps = __rest(_a, ["activeAppearance", "initials", "image", "badge"]);
58
+ var _b = avatar.state, showRing = _b.showRing, transparentRing = _b.transparentRing;
59
59
  return (withSlots(Slots.root, __assign({}, mergedProps),
60
- personaPhotoSource ? (withSlots(Slots.photo, { accessibilityLabel: accessibilityLabel, source: personaPhotoSource })) : (withSlots(Slots.initialsBackground, null,
61
- withSlots(Slots.initials, null, children))),
60
+ image.source ? (withSlots(Slots.image, __assign({}, image))) : (withSlots(Slots.initialsBackground, null,
61
+ withSlots(Slots.initials, null, initials))),
62
62
  showRing && !transparentRing && withSlots(Slots.ring, null),
63
- activeAppearance === 'glow' && withSlots(Slots.glow, null),
64
- withSlots(PresenceBadge, { size: "small", shape: "circular", presence: presence, isOutOfOffice: isOutOfOffice })));
63
+ withSlots(Slots.badge, __assign({}, badge))));
65
64
  };
66
65
  } }));
67
66
  //# 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":";;;;;;;;;;;;;;;;;;;;;;AAAA,qBAAqB;AACrB,OAAO,EAAE,KAAK,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AACjD,OAAO,EAA+B,YAAY,EAAiB,MAAM,kBAAkB,CAAC;AAC5F,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AACrD,OAAO,EAAE,OAAO,EAAY,UAAU,EAAE,SAAS,EAAE,MAAM,kCAAkC,CAAC;AAC5F,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,aAAa,EAAE,MAAM,8BAA8B,CAAC;AAE7D;;;;;;;GAOG;AACH,MAAM,CAAC,IAAM,YAAY,GAAG,UAAC,KAAa,EAAE,KAAoB,EAAE,SAAwB;IACxF,OAAO,CACL,KAAK,CAAC,KAAK,CAAC;QACZ,SAAS,CAAC,KAAK,CAAC;QAChB,KAAK,KAAK,SAAS,CAAC,OAAO,CAAC;QAC5B,CAAC,CAAC,SAAS,CAAC,OAAO,CAAC,IAAI,KAAK,KAAK,UAAU,CAAC;QAC7C,CAAC,SAAS,CAAC,MAAM,KAAK,UAAU,IAAI,KAAK,KAAK,UAAU,CAAC,CAC1D,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,IAAM,QAAQ,GAAG,OAAO,qBAC7B,WAAW,EAAE,YAAY,IACtB,eAAe,KAClB,KAAK,EAAE;QACL,IAAI,EAAE,IAAI;QACV,KAAK,EAAE,KAAK;QACZ,QAAQ,EAAE,IAAI;QACd,kBAAkB,EAAE,IAAI;QACxB,IAAI,EAAE,KAAK;QACX,IAAI,EAAE,IAAI;QACV,IAAI,EAAE,IAAI;KACX,EACD,SAAS,EAAE,UAAC,SAAwB,EAAE,QAAgC;QACpE,IAAM,MAAM,GAAG,SAAS,CAAC,SAAS,CAAC,CAAC;QACpC,IAAM,KAAK,GAAG,QAAQ,CAAC,SAAS,EAAE,UAAC,KAAK,IAAK,OAAA,YAAY,CAAC,KAAK,EAAE,MAAM,CAAC,KAAK,EAAE,SAAS,CAAC,EAA5C,CAA4C,CAAC,CAAC;QAE3F,OAAO,UAAC,KAAoB;YAC1B,IAAM,KAA8F,UAAU,CAAC,MAAM,CAAC,KAAK,EAAE,KAAK,CAAC,EAA3H,QAAQ,cAAA,EAAE,kBAAkB,wBAAA,EAAE,QAAQ,cAAA,EAAE,gBAAgB,sBAAA,EAAE,aAAa,mBAAA,EAAK,WAAW,cAAzF,mFAA2F,CAAkC,CAAC;YAC9H,IAAA,KAAoD,MAAM,CAAC,KAAK,EAA9D,kBAAkB,wBAAA,EAAE,QAAQ,cAAA,EAAE,eAAe,qBAAiB,CAAC;YAEvE,OAAO,CACL,UAAC,KAAK,CAAC,IAAI,eAAK,WAAW;gBACxB,kBAAkB,CAAC,CAAC,CAAC,CACpB,UAAC,KAAK,CAAC,KAAK,IAAC,kBAAkB,EAAE,kBAAkB,EAAE,MAAM,EAAE,kBAAkB,GAAI,CACpF,CAAC,CAAC,CAAC,CACF,UAAC,KAAK,CAAC,kBAAkB;oBACvB,UAAC,KAAK,CAAC,QAAQ,QAAE,QAAQ,CAAkB,CAClB,CAC5B;gBACA,QAAQ,IAAI,CAAC,eAAe,IAAI,UAAC,KAAK,CAAC,IAAI,OAAG;gBAC9C,gBAAgB,KAAK,MAAM,IAAI,UAAC,KAAK,CAAC,IAAI,OAAG;gBAC9C,UAAC,aAAa,IAAC,IAAI,EAAC,OAAO,EAAC,KAAK,EAAC,UAAU,EAAC,QAAQ,EAAE,QAAQ,EAAE,aAAa,EAAE,aAAa,GAAI,CACtF,CACd,CAAC;QACJ,CAAC,CAAC;IACJ,CAAC,IACD,CAAC"}
1
+ {"version":3,"file":"JSAvatar.js","sourceRoot":"","sources":["../src/JSAvatar.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,qBAAqB;AACrB,OAAO,EAAE,KAAK,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AACjD,OAAO,EAA+B,YAAY,EAAiB,MAAM,kBAAkB,CAAC;AAC5F,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AACrD,OAAO,EAAE,OAAO,EAAY,UAAU,EAAE,SAAS,EAAE,MAAM,kCAAkC,CAAC;AAC5F,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,aAAa,EAAE,MAAM,8BAA8B,CAAC;AAE7D;;;;;;;GAOG;AACH,MAAM,CAAC,IAAM,YAAY,GAAG,UAAC,KAAa,EAAE,KAAoB,EAAE,SAAwB;IACxF,OAAO,CACL,KAAK,CAAC,KAAK,CAAC;QACZ,SAAS,CAAC,KAAK,CAAC;QAChB,KAAK,KAAK,SAAS,CAAC,OAAO,CAAC;QAC5B,CAAC,CAAC,SAAS,CAAC,OAAO,CAAC,IAAI,KAAK,KAAK,UAAU,CAAC;QAC7C,CAAC,SAAS,CAAC,MAAM,KAAK,UAAU,IAAI,KAAK,KAAK,UAAU,CAAC,CAC1D,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,IAAM,QAAQ,GAAG,OAAO,qBAC7B,WAAW,EAAE,YAAY,IACtB,eAAe,KAClB,KAAK,EAAE;QACL,IAAI,EAAE,IAAI;QACV,KAAK,EAAE,KAAK;QACZ,QAAQ,EAAE,IAAI;QACd,kBAAkB,EAAE,IAAI;QACxB,IAAI,EAAE,KAAK;QACX,IAAI,EAAE,IAAI;QACV,KAAK,EAAE,aAAa;KACrB,EACD,SAAS,EAAE,UAAC,SAAwB,EAAE,QAAgC;QACpE,IAAM,MAAM,GAAG,SAAS,CAAC,SAAS,CAAC,CAAC;QACpC,IAAM,KAAK,GAAG,QAAQ,CAAC,SAAS,EAAE,UAAC,KAAK,IAAK,OAAA,YAAY,CAAC,KAAK,EAAE,MAAM,CAAC,KAAK,EAAE,SAAS,CAAC,EAA5C,CAA4C,CAAC,CAAC;QAE3F,OAAO,UAAC,KAAoB;YAC1B,IAAM,KAA+D,UAAU,CAAC,MAAM,CAAC,KAAK,EAAE,KAAK,CAAC,EAA5F,gBAAgB,sBAAA,EAAE,QAAQ,cAAA,EAAE,KAAK,WAAA,EAAE,KAAK,WAAA,EAAK,WAAW,cAA1D,kDAA4D,CAAkC,CAAC;YAC/F,IAAA,KAAgC,MAAM,CAAC,KAAK,EAA1C,QAAQ,cAAA,EAAE,eAAe,qBAAiB,CAAC;YAEnD,OAAO,CACL,UAAC,KAAK,CAAC,IAAI,eAAK,WAAW;gBACxB,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,CACd,UAAC,KAAK,CAAC,KAAK,eAAK,KAAK,EAAI,CAC3B,CAAC,CAAC,CAAC,CACF,UAAC,KAAK,CAAC,kBAAkB;oBACvB,UAAC,KAAK,CAAC,QAAQ,QAAE,QAAQ,CAAkB,CAClB,CAC5B;gBACA,QAAQ,IAAI,CAAC,eAAe,IAAI,UAAC,KAAK,CAAC,IAAI,OAAG;gBAC/C,UAAC,KAAK,CAAC,KAAK,eAAK,KAAK,EAAI,CACf,CACd,CAAC;QACJ,CAAC,CAAC;IACJ,CAAC,IACD,CAAC"}
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,EAAE,MAAM,kBAAkB,CAAC;AAChG,OAAO,EAAS,iBAAiB,EAAc,MAAM,kCAAkC,CAAC;AAYxF,eAAO,MAAM,YAAY,EAAE,CAAC,MAAM,cAAc,CAAC,EAAuC,CAAC;AAEzF,eAAO,MAAM,eAAe,EAAE,iBAAiB,CAAC,aAAa,EAAE,eAAe,EAAE,cAAc,CAwI7F,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,EAAE,MAAM,kBAAkB,CAAC;AAChG,OAAO,EAAS,iBAAiB,EAAc,MAAM,kCAAkC,CAAC;AAYxF,eAAO,MAAM,YAAY,EAAE,CAAC,MAAM,cAAc,CAAC,EAAuC,CAAC;AAEzF,eAAO,MAAM,eAAe,EAAE,iBAAiB,CAAC,aAAa,EAAE,eAAe,EAAE,cAAc,CAwH7F,CAAC"}
package/lib/JSAvatar.styling.js CHANGED
@@ -68,7 +68,7 @@ export var stylingSettings = {
68
68
  style: __assign(__assign({}, borderStyles.from(tokens, theme)), { width: physicalSize, height: physicalSize, flexGrow: 1, alignSelf: 'stretch', justifyContent: 'center', alignItems: 'center', backgroundColor: effectiveBackgroundColor }),
69
69
  };
70
70
  }, __spreadArray(['coinColorFluent', 'backgroundColor', 'physicalSize'], borderStyles.keys, true)),
71
- photo: buildProps(function (tokens) {
71
+ image: buildProps(function (tokens) {
72
72
  var physicalSize = calculateEffectiveSizes(tokens).physicalSize;
73
73
  return {
74
74
  style: {
@@ -103,14 +103,12 @@ export var stylingSettings = {
103
103
  style: __assign({ borderStyle: 'solid', borderColor: ringColor, borderWidth: ringConfig.stroke, width: ringConfig.size, height: ringConfig.size, position: 'absolute', top: -ringConfig.stroke * 2, left: -ringConfig.stroke * 2 }, borderStyles.from(tokens, theme)),
104
104
  };
105
105
  }, __spreadArray(['physicalSize', 'ring', 'physicalSize'], borderStyles.keys, true)),
106
- glow: buildProps(function (tokens, theme) {
107
- var physicalSize = calculateEffectiveSizes(tokens).physicalSize;
108
- var ringConfig = getRingConfig(physicalSize);
109
- var glowColor = tokens.ringColor;
106
+ badge: buildProps(function (_tokens) {
110
107
  return {
111
- style: __assign({ borderStyle: 'solid', borderColor: glowColor, borderWidth: ringConfig.stroke - ringConfig.innerStroke, width: ringConfig.size, height: ringConfig.size, position: 'absolute', top: -ringConfig.stroke * 2, left: -ringConfig.stroke * 2 }, borderStyles.from(tokens, theme)),
108
+ size: 'medium',
109
+ shape: 'circular',
112
110
  };
113
- }, __spreadArray(['physicalSize', 'ring'], borderStyles.keys, true)),
111
+ }, []),
114
112
  },
115
113
  };
116
114
  //# 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":"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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/JSAvatar.types.d.ts CHANGED
@@ -1,7 +1,7 @@
1
1
  import type { IViewProps } from '@fluentui-react-native/adapters';
2
- import { ImageProps, ViewProps, ImageURISource, TextProps, ColorValue } from 'react-native';
2
+ import { ImageProps, ViewProps, TextProps, ColorValue } from 'react-native';
3
3
  import { IBackgroundColorTokens, IForegroundColorTokens, IBorderTokens } from '@fluentui-react-native/tokens';
4
- import { Presence } from '@fluentui-react-native/badge';
4
+ import { BadgeProps, PresenceBadgeProps } from '@fluentui-react-native/badge';
5
5
  export declare const JSAvatarName = "Avatar";
6
6
  export declare const AvatarSizes: readonly ["size20", "size24", "size28", "size32", "size36", "size40", "size48", "size56", "size64", "size72", "size96", "size120"];
7
7
  export declare type AvatarSize = typeof AvatarSizes[number];
@@ -12,7 +12,6 @@ export declare type AvatarActiveAppearance = 'ring' | 'shadow' | 'glow' | 'ring-
12
12
  * Sets color of the avatar when there is no picture. Uses fluent color names
13
13
  */
14
14
  export declare type AvatarColor = 'cornflower' | 'blue' | 'royalBlue' | 'teal' | 'forest' | 'darkGreen' | 'berry' | 'hotPink' | 'grape' | 'purple' | 'pumpkin' | 'red' | 'burgundy' | 'orchid' | 'brass' | 'darkRed' | 'beige' | 'platinum' | 'steel' | 'brown';
15
- export declare type AvatarPresence = Presence;
16
15
  export interface RingConfig {
17
16
  accent?: boolean;
18
17
  transparent?: boolean;
@@ -29,21 +28,21 @@ export interface AvatarConfigurableProps {
29
28
  export interface JSAvatarProps extends IViewProps, AvatarConfigurableProps {
30
29
  active?: AvatarActive;
31
30
  activeAppearance?: AvatarActiveAppearance;
32
- imageUrl?: string;
33
- imageDescription?: string;
31
+ image?: ImageProps;
32
+ src?: string;
34
33
  initials?: string;
35
- presence?: AvatarPresence;
36
- isOutOfOffice?: boolean;
34
+ name?: string;
37
35
  shape?: AvatarShape;
36
+ badge?: PresenceBadgeProps;
38
37
  }
39
38
  export interface AvatarSlotProps {
40
39
  root: ViewProps;
41
- photo: ImageProps;
40
+ image: ImageProps;
42
41
  initials: TextProps;
43
42
  initialsBackground: ViewProps;
44
43
  icon: ImageProps;
45
44
  ring: ViewProps;
46
- glow: ViewProps;
45
+ badge: BadgeProps;
47
46
  }
48
47
  export declare type IconAlignment = 'start' | 'center' | 'end';
49
48
  export interface JSAvatarTokens extends IBackgroundColorTokens, IForegroundColorTokens, AvatarConfigurableProps, IBorderTokens {
@@ -62,7 +61,6 @@ export interface JSAvatarTokens extends IBackgroundColorTokens, IForegroundColor
62
61
  ringColor?: ColorValue;
63
62
  }
64
63
  export interface JSAvatarState {
65
- personaPhotoSource: ImageURISource | undefined;
66
64
  showRing: boolean;
67
65
  transparentRing: boolean;
68
66
  }
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/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;AAC5E;;;;;;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,UAkChD,CAAC"}
package/lib/useAvatar.js CHANGED
@@ -28,21 +28,20 @@ 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 imageUrl = props.imageUrl, imageDescription = props.imageDescription, initials = props.initials, isOutOfOffice = props.isOutOfOffice, presence = props.presence, ring = props.ring, shape = props.shape, active = props.active, activeAppearance = props.activeAppearance, rest = __rest(props, ["imageUrl", "imageDescription", "initials", "isOutOfOffice", "presence", "ring", "shape", "active", "activeAppearance"]);
32
- var personaPhotoSource = imageUrl === undefined
33
- ? undefined
34
- : {
35
- uri: imageUrl,
36
- };
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"]);
37
32
  var showRing = active === 'active' && activeAppearance === 'ring';
38
33
  var transparentRing = !!(ring === null || ring === void 0 ? void 0 : ring.transparent);
34
+ var imageProps = {
35
+ accessibilityLabel: accessibilityLabel,
36
+ source: src ? { uri: src } : undefined,
37
+ };
38
+ var badgeProps = __assign({ size: 'small' }, badge);
39
39
  var state = {
40
- personaPhotoSource: personaPhotoSource,
41
40
  showRing: showRing,
42
41
  transparentRing: transparentRing,
43
42
  };
44
43
  return {
45
- props: __assign(__assign({ isOutOfOffice: isOutOfOffice || false, presence: presence || 'available', children: initials, accessibilityLabel: imageDescription, shape: shape || 'circular' }, rest), { active: active, activeAppearance: activeAppearance }),
44
+ props: __assign(__assign({ shape: shape || 'circular' }, rest), { active: active, activeAppearance: activeAppearance, image: imageProps, badge: badgeProps }),
46
45
  state: __assign({}, state),
47
46
  };
48
47
  };
package/lib/useAvatar.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"useAvatar.js","sourceRoot":"","sources":["../src/useAvatar.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AACA;;;;;;GAMG;AACH,MAAM,CAAC,IAAM,SAAS,GAAG,UAAC,KAAoB;IACpC,IAAA,QAAQ,GAA0G,KAAK,SAA/G,EAAE,gBAAgB,GAAwF,KAAK,iBAA7F,EAAE,QAAQ,GAA8E,KAAK,SAAnF,EAAE,aAAa,GAA+D,KAAK,cAApE,EAAE,QAAQ,GAAqD,KAAK,SAA1D,EAAE,IAAI,GAA+C,KAAK,KAApD,EAAE,KAAK,GAAwC,KAAK,MAA7C,EAAE,MAAM,GAAgC,KAAK,OAArC,EAAE,gBAAgB,GAAc,KAAK,iBAAnB,EAAK,IAAI,UAAK,KAAK,EAAzH,wHAAiH,CAAF,CAAW;IAEhI,IAAM,kBAAkB,GACtB,QAAQ,KAAK,SAAS;QACpB,CAAC,CAAC,SAAS;QACX,CAAC,CAAC;YACE,GAAG,EAAE,QAAQ;SACd,CAAC;IAER,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,KAAK,GAAkB;QAC3B,kBAAkB,oBAAA;QAClB,QAAQ,UAAA;QACR,eAAe,iBAAA;KAChB,CAAC;IAEF,OAAO;QACL,KAAK,sBACH,aAAa,EAAE,aAAa,IAAI,KAAK,EACrC,QAAQ,EAAE,QAAQ,IAAI,WAAW,EACjC,QAAQ,EAAE,QAAQ,EAClB,kBAAkB,EAAE,gBAAgB,EACpC,KAAK,EAAE,KAAK,IAAI,UAAU,IACvB,IAAI,KACP,MAAM,QAAA,EACN,gBAAgB,kBAAA,GACjB;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,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"}
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;AAM5F;;;;;;;GAOG;AACH,eAAO,MAAM,YAAY,UAAW,MAAM,SAAS,aAAa,aAAa,aAAa,KAAG,OAQ5F,CAAC;AAEF,eAAO,MAAM,QAAQ,8KAoCnB,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;AAM5F;;;;;;;GAOG;AACH,eAAO,MAAM,YAAY,UAAW,MAAM,SAAS,aAAa,aAAa,aAAa,KAAG,OAQ5F,CAAC;AAEF,eAAO,MAAM,QAAQ,8KAmCnB,CAAC"}
package/lib-commonjs/JSAvatar.js CHANGED
@@ -48,24 +48,23 @@ var avatarLookup = function (layer, state, userProps) {
48
48
  exports.avatarLookup = avatarLookup;
49
49
  exports.JSAvatar = (0, framework_1.compose)(__assign(__assign({ displayName: JSAvatar_types_1.JSAvatarName }, JSAvatar_styling_1.stylingSettings), { slots: {
50
50
  root: react_native_1.View,
51
- photo: react_native_1.Image,
51
+ image: react_native_1.Image,
52
52
  initials: react_native_1.Text,
53
53
  initialsBackground: react_native_1.View,
54
54
  icon: react_native_1.Image,
55
55
  ring: react_native_1.View,
56
- glow: react_native_1.View,
56
+ badge: badge_1.PresenceBadge,
57
57
  }, useRender: function (userProps, useSlots) {
58
58
  var avatar = (0, useAvatar_1.useAvatar)(userProps);
59
59
  var Slots = useSlots(userProps, function (layer) { return (0, exports.avatarLookup)(layer, avatar.state, userProps); });
60
60
  return function (final) {
61
- var _a = (0, framework_1.mergeProps)(avatar.props, final), children = _a.children, accessibilityLabel = _a.accessibilityLabel, presence = _a.presence, activeAppearance = _a.activeAppearance, isOutOfOffice = _a.isOutOfOffice, mergedProps = __rest(_a, ["children", "accessibilityLabel", "presence", "activeAppearance", "isOutOfOffice"]);
62
- var _b = avatar.state, personaPhotoSource = _b.personaPhotoSource, showRing = _b.showRing, transparentRing = _b.transparentRing;
61
+ var _a = (0, framework_1.mergeProps)(avatar.props, final), activeAppearance = _a.activeAppearance, initials = _a.initials, image = _a.image, badge = _a.badge, mergedProps = __rest(_a, ["activeAppearance", "initials", "image", "badge"]);
62
+ var _b = avatar.state, showRing = _b.showRing, transparentRing = _b.transparentRing;
63
63
  return ((0, framework_1.withSlots)(Slots.root, __assign({}, mergedProps),
64
- personaPhotoSource ? ((0, framework_1.withSlots)(Slots.photo, { accessibilityLabel: accessibilityLabel, source: personaPhotoSource })) : ((0, framework_1.withSlots)(Slots.initialsBackground, null,
65
- (0, framework_1.withSlots)(Slots.initials, null, children))),
64
+ image.source ? ((0, framework_1.withSlots)(Slots.image, __assign({}, image))) : ((0, framework_1.withSlots)(Slots.initialsBackground, null,
65
+ (0, framework_1.withSlots)(Slots.initials, null, initials))),
66
66
  showRing && !transparentRing && (0, framework_1.withSlots)(Slots.ring, null),
67
- activeAppearance === 'glow' && (0, framework_1.withSlots)(Slots.glow, null),
68
- (0, framework_1.withSlots)(badge_1.PresenceBadge, { size: "small", shape: "circular", presence: presence, isOutOfOffice: isOutOfOffice })));
67
+ (0, framework_1.withSlots)(Slots.badge, __assign({}, badge))));
69
68
  };
70
69
  } }));
71
70
  //# 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":";;;;;;;;;;;;;;;;;;;;;;;;;AAAA,qBAAqB;AACrB,6CAAiD;AACjD,mDAA4F;AAC5F,uDAAqD;AACrD,8DAA4F;AAC5F,yCAAwC;AACxC,sDAA6D;AAE7D;;;;;;;GAOG;AACI,IAAM,YAAY,GAAG,UAAC,KAAa,EAAE,KAAoB,EAAE,SAAwB;IACxF,OAAO,CACL,KAAK,CAAC,KAAK,CAAC;QACZ,SAAS,CAAC,KAAK,CAAC;QAChB,KAAK,KAAK,SAAS,CAAC,OAAO,CAAC;QAC5B,CAAC,CAAC,SAAS,CAAC,OAAO,CAAC,IAAI,KAAK,KAAK,UAAU,CAAC;QAC7C,CAAC,SAAS,CAAC,MAAM,KAAK,UAAU,IAAI,KAAK,KAAK,UAAU,CAAC,CAC1D,CAAC;AACJ,CAAC,CAAC;AARW,QAAA,YAAY,gBAQvB;AAEW,QAAA,QAAQ,GAAG,IAAA,mBAAO,sBAC7B,WAAW,EAAE,6BAAY,IACtB,kCAAe,KAClB,KAAK,EAAE;QACL,IAAI,EAAE,mBAAI;QACV,KAAK,EAAE,oBAAK;QACZ,QAAQ,EAAE,mBAAI;QACd,kBAAkB,EAAE,mBAAI;QACxB,IAAI,EAAE,oBAAK;QACX,IAAI,EAAE,mBAAI;QACV,IAAI,EAAE,mBAAI;KACX,EACD,SAAS,EAAE,UAAC,SAAwB,EAAE,QAAgC;QACpE,IAAM,MAAM,GAAG,IAAA,qBAAS,EAAC,SAAS,CAAC,CAAC;QACpC,IAAM,KAAK,GAAG,QAAQ,CAAC,SAAS,EAAE,UAAC,KAAK,IAAK,OAAA,IAAA,oBAAY,EAAC,KAAK,EAAE,MAAM,CAAC,KAAK,EAAE,SAAS,CAAC,EAA5C,CAA4C,CAAC,CAAC;QAE3F,OAAO,UAAC,KAAoB;YAC1B,IAAM,KAA8F,IAAA,sBAAU,EAAC,MAAM,CAAC,KAAK,EAAE,KAAK,CAAC,EAA3H,QAAQ,cAAA,EAAE,kBAAkB,wBAAA,EAAE,QAAQ,cAAA,EAAE,gBAAgB,sBAAA,EAAE,aAAa,mBAAA,EAAK,WAAW,cAAzF,mFAA2F,CAAkC,CAAC;YAC9H,IAAA,KAAoD,MAAM,CAAC,KAAK,EAA9D,kBAAkB,wBAAA,EAAE,QAAQ,cAAA,EAAE,eAAe,qBAAiB,CAAC;YAEvE,OAAO,CACL,2BAAC,KAAK,CAAC,IAAI,eAAK,WAAW;gBACxB,kBAAkB,CAAC,CAAC,CAAC,CACpB,2BAAC,KAAK,CAAC,KAAK,IAAC,kBAAkB,EAAE,kBAAkB,EAAE,MAAM,EAAE,kBAAkB,GAAI,CACpF,CAAC,CAAC,CAAC,CACF,2BAAC,KAAK,CAAC,kBAAkB;oBACvB,2BAAC,KAAK,CAAC,QAAQ,QAAE,QAAQ,CAAkB,CAClB,CAC5B;gBACA,QAAQ,IAAI,CAAC,eAAe,IAAI,2BAAC,KAAK,CAAC,IAAI,OAAG;gBAC9C,gBAAgB,KAAK,MAAM,IAAI,2BAAC,KAAK,CAAC,IAAI,OAAG;gBAC9C,2BAAC,qBAAa,IAAC,IAAI,EAAC,OAAO,EAAC,KAAK,EAAC,UAAU,EAAC,QAAQ,EAAE,QAAQ,EAAE,aAAa,EAAE,aAAa,GAAI,CACtF,CACd,CAAC;QACJ,CAAC,CAAC;IACJ,CAAC,IACD,CAAC"}
1
+ {"version":3,"file":"JSAvatar.js","sourceRoot":"","sources":["../src/JSAvatar.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAAA,qBAAqB;AACrB,6CAAiD;AACjD,mDAA4F;AAC5F,uDAAqD;AACrD,8DAA4F;AAC5F,yCAAwC;AACxC,sDAA6D;AAE7D;;;;;;;GAOG;AACI,IAAM,YAAY,GAAG,UAAC,KAAa,EAAE,KAAoB,EAAE,SAAwB;IACxF,OAAO,CACL,KAAK,CAAC,KAAK,CAAC;QACZ,SAAS,CAAC,KAAK,CAAC;QAChB,KAAK,KAAK,SAAS,CAAC,OAAO,CAAC;QAC5B,CAAC,CAAC,SAAS,CAAC,OAAO,CAAC,IAAI,KAAK,KAAK,UAAU,CAAC;QAC7C,CAAC,SAAS,CAAC,MAAM,KAAK,UAAU,IAAI,KAAK,KAAK,UAAU,CAAC,CAC1D,CAAC;AACJ,CAAC,CAAC;AARW,QAAA,YAAY,gBAQvB;AAEW,QAAA,QAAQ,GAAG,IAAA,mBAAO,sBAC7B,WAAW,EAAE,6BAAY,IACtB,kCAAe,KAClB,KAAK,EAAE;QACL,IAAI,EAAE,mBAAI;QACV,KAAK,EAAE,oBAAK;QACZ,QAAQ,EAAE,mBAAI;QACd,kBAAkB,EAAE,mBAAI;QACxB,IAAI,EAAE,oBAAK;QACX,IAAI,EAAE,mBAAI;QACV,KAAK,EAAE,qBAAa;KACrB,EACD,SAAS,EAAE,UAAC,SAAwB,EAAE,QAAgC;QACpE,IAAM,MAAM,GAAG,IAAA,qBAAS,EAAC,SAAS,CAAC,CAAC;QACpC,IAAM,KAAK,GAAG,QAAQ,CAAC,SAAS,EAAE,UAAC,KAAK,IAAK,OAAA,IAAA,oBAAY,EAAC,KAAK,EAAE,MAAM,CAAC,KAAK,EAAE,SAAS,CAAC,EAA5C,CAA4C,CAAC,CAAC;QAE3F,OAAO,UAAC,KAAoB;YAC1B,IAAM,KAA+D,IAAA,sBAAU,EAAC,MAAM,CAAC,KAAK,EAAE,KAAK,CAAC,EAA5F,gBAAgB,sBAAA,EAAE,QAAQ,cAAA,EAAE,KAAK,WAAA,EAAE,KAAK,WAAA,EAAK,WAAW,cAA1D,kDAA4D,CAAkC,CAAC;YAC/F,IAAA,KAAgC,MAAM,CAAC,KAAK,EAA1C,QAAQ,cAAA,EAAE,eAAe,qBAAiB,CAAC;YAEnD,OAAO,CACL,2BAAC,KAAK,CAAC,IAAI,eAAK,WAAW;gBACxB,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,CACd,2BAAC,KAAK,CAAC,KAAK,eAAK,KAAK,EAAI,CAC3B,CAAC,CAAC,CAAC,CACF,2BAAC,KAAK,CAAC,kBAAkB;oBACvB,2BAAC,KAAK,CAAC,QAAQ,QAAE,QAAQ,CAAkB,CAClB,CAC5B;gBACA,QAAQ,IAAI,CAAC,eAAe,IAAI,2BAAC,KAAK,CAAC,IAAI,OAAG;gBAC/C,2BAAC,KAAK,CAAC,KAAK,eAAK,KAAK,EAAI,CACf,CACd,CAAC;QACJ,CAAC,CAAC;IACJ,CAAC,IACD,CAAC"}
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,EAAE,MAAM,kBAAkB,CAAC;AAChG,OAAO,EAAS,iBAAiB,EAAc,MAAM,kCAAkC,CAAC;AAYxF,eAAO,MAAM,YAAY,EAAE,CAAC,MAAM,cAAc,CAAC,EAAuC,CAAC;AAEzF,eAAO,MAAM,eAAe,EAAE,iBAAiB,CAAC,aAAa,EAAE,eAAe,EAAE,cAAc,CAwI7F,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,EAAE,MAAM,kBAAkB,CAAC;AAChG,OAAO,EAAS,iBAAiB,EAAc,MAAM,kCAAkC,CAAC;AAYxF,eAAO,MAAM,YAAY,EAAE,CAAC,MAAM,cAAc,CAAC,EAAuC,CAAC;AAEzF,eAAO,MAAM,eAAe,EAAE,iBAAiB,CAAC,aAAa,EAAE,eAAe,EAAE,cAAc,CAwH7F,CAAC"}
package/lib-commonjs/JSAvatar.styling.js CHANGED
@@ -71,7 +71,7 @@ exports.stylingSettings = {
71
71
  style: __assign(__assign({}, tokens_1.borderStyles.from(tokens, theme)), { width: physicalSize, height: physicalSize, flexGrow: 1, alignSelf: 'stretch', justifyContent: 'center', alignItems: 'center', backgroundColor: effectiveBackgroundColor }),
72
72
  };
73
73
  }, __spreadArray(['coinColorFluent', 'backgroundColor', 'physicalSize'], tokens_1.borderStyles.keys, true)),
74
- photo: (0, framework_1.buildProps)(function (tokens) {
74
+ image: (0, framework_1.buildProps)(function (tokens) {
75
75
  var physicalSize = (0, JSAvatar_helpers_1.calculateEffectiveSizes)(tokens).physicalSize;
76
76
  return {
77
77
  style: {
@@ -106,14 +106,12 @@ exports.stylingSettings = {
106
106
  style: __assign({ borderStyle: 'solid', borderColor: ringColor, borderWidth: ringConfig.stroke, width: ringConfig.size, height: ringConfig.size, position: 'absolute', top: -ringConfig.stroke * 2, left: -ringConfig.stroke * 2 }, tokens_1.borderStyles.from(tokens, theme)),
107
107
  };
108
108
  }, __spreadArray(['physicalSize', 'ring', 'physicalSize'], tokens_1.borderStyles.keys, true)),
109
- glow: (0, framework_1.buildProps)(function (tokens, theme) {
110
- var physicalSize = (0, JSAvatar_helpers_1.calculateEffectiveSizes)(tokens).physicalSize;
111
- var ringConfig = (0, JSAvatar_helpers_1.getRingConfig)(physicalSize);
112
- var glowColor = tokens.ringColor;
109
+ badge: (0, framework_1.buildProps)(function (_tokens) {
113
110
  return {
114
- style: __assign({ borderStyle: 'solid', borderColor: glowColor, borderWidth: ringConfig.stroke - ringConfig.innerStroke, width: ringConfig.size, height: ringConfig.size, position: 'absolute', top: -ringConfig.stroke * 2, left: -ringConfig.stroke * 2 }, tokens_1.borderStyles.from(tokens, theme)),
111
+ size: 'medium',
112
+ shape: 'circular',
115
113
  };
116
- }, __spreadArray(['physicalSize', 'ring'], tokens_1.borderStyles.keys, true)),
114
+ }, []),
117
115
  },
118
116
  };
119
117
  //# 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
@@ -1,7 +1,7 @@
1
1
  import type { IViewProps } from '@fluentui-react-native/adapters';
2
- import { ImageProps, ViewProps, ImageURISource, TextProps, ColorValue } from 'react-native';
2
+ import { ImageProps, ViewProps, TextProps, ColorValue } from 'react-native';
3
3
  import { IBackgroundColorTokens, IForegroundColorTokens, IBorderTokens } from '@fluentui-react-native/tokens';
4
- import { Presence } from '@fluentui-react-native/badge';
4
+ import { BadgeProps, PresenceBadgeProps } from '@fluentui-react-native/badge';
5
5
  export declare const JSAvatarName = "Avatar";
6
6
  export declare const AvatarSizes: readonly ["size20", "size24", "size28", "size32", "size36", "size40", "size48", "size56", "size64", "size72", "size96", "size120"];
7
7
  export declare type AvatarSize = typeof AvatarSizes[number];
@@ -12,7 +12,6 @@ export declare type AvatarActiveAppearance = 'ring' | 'shadow' | 'glow' | 'ring-
12
12
  * Sets color of the avatar when there is no picture. Uses fluent color names
13
13
  */
14
14
  export declare type AvatarColor = 'cornflower' | 'blue' | 'royalBlue' | 'teal' | 'forest' | 'darkGreen' | 'berry' | 'hotPink' | 'grape' | 'purple' | 'pumpkin' | 'red' | 'burgundy' | 'orchid' | 'brass' | 'darkRed' | 'beige' | 'platinum' | 'steel' | 'brown';
15
- export declare type AvatarPresence = Presence;
16
15
  export interface RingConfig {
17
16
  accent?: boolean;
18
17
  transparent?: boolean;
@@ -29,21 +28,21 @@ export interface AvatarConfigurableProps {
29
28
  export interface JSAvatarProps extends IViewProps, AvatarConfigurableProps {
30
29
  active?: AvatarActive;
31
30
  activeAppearance?: AvatarActiveAppearance;
32
- imageUrl?: string;
33
- imageDescription?: string;
31
+ image?: ImageProps;
32
+ src?: string;
34
33
  initials?: string;
35
- presence?: AvatarPresence;
36
- isOutOfOffice?: boolean;
34
+ name?: string;
37
35
  shape?: AvatarShape;
36
+ badge?: PresenceBadgeProps;
38
37
  }
39
38
  export interface AvatarSlotProps {
40
39
  root: ViewProps;
41
- photo: ImageProps;
40
+ image: ImageProps;
42
41
  initials: TextProps;
43
42
  initialsBackground: ViewProps;
44
43
  icon: ImageProps;
45
44
  ring: ViewProps;
46
- glow: ViewProps;
45
+ badge: BadgeProps;
47
46
  }
48
47
  export declare type IconAlignment = 'start' | 'center' | 'end';
49
48
  export interface JSAvatarTokens extends IBackgroundColorTokens, IForegroundColorTokens, AvatarConfigurableProps, IBorderTokens {
@@ -62,7 +61,6 @@ export interface JSAvatarTokens extends IBackgroundColorTokens, IForegroundColor
62
61
  ringColor?: ColorValue;
63
62
  }
64
63
  export interface JSAvatarState {
65
- personaPhotoSource: ImageURISource | undefined;
66
64
  showRing: boolean;
67
65
  transparentRing: boolean;
68
66
  }
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/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;AAC5E;;;;;;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,UAkChD,CAAC"}
package/lib-commonjs/useAvatar.js CHANGED
@@ -31,21 +31,20 @@ exports.useAvatar = void 0;
31
31
  * @returns configured props and state for FURN Avatar
32
32
  */
33
33
  var useAvatar = function (props) {
34
- var imageUrl = props.imageUrl, imageDescription = props.imageDescription, initials = props.initials, isOutOfOffice = props.isOutOfOffice, presence = props.presence, ring = props.ring, shape = props.shape, active = props.active, activeAppearance = props.activeAppearance, rest = __rest(props, ["imageUrl", "imageDescription", "initials", "isOutOfOffice", "presence", "ring", "shape", "active", "activeAppearance"]);
35
- var personaPhotoSource = imageUrl === undefined
36
- ? undefined
37
- : {
38
- uri: imageUrl,
39
- };
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"]);
40
35
  var showRing = active === 'active' && activeAppearance === 'ring';
41
36
  var transparentRing = !!(ring === null || ring === void 0 ? void 0 : ring.transparent);
37
+ var imageProps = {
38
+ accessibilityLabel: accessibilityLabel,
39
+ source: src ? { uri: src } : undefined,
40
+ };
41
+ var badgeProps = __assign({ size: 'small' }, badge);
42
42
  var state = {
43
- personaPhotoSource: personaPhotoSource,
44
43
  showRing: showRing,
45
44
  transparentRing: transparentRing,
46
45
  };
47
46
  return {
48
- props: __assign(__assign({ isOutOfOffice: isOutOfOffice || false, presence: presence || 'available', children: initials, accessibilityLabel: imageDescription, shape: shape || 'circular' }, rest), { active: active, activeAppearance: activeAppearance }),
47
+ props: __assign(__assign({ shape: shape || 'circular' }, rest), { active: active, activeAppearance: activeAppearance, image: imageProps, badge: badgeProps }),
49
48
  state: __assign({}, state),
50
49
  };
51
50
  };
package/lib-commonjs/useAvatar.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"useAvatar.js","sourceRoot":"","sources":["../src/useAvatar.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AACA;;;;;;GAMG;AACI,IAAM,SAAS,GAAG,UAAC,KAAoB;IACpC,IAAA,QAAQ,GAA0G,KAAK,SAA/G,EAAE,gBAAgB,GAAwF,KAAK,iBAA7F,EAAE,QAAQ,GAA8E,KAAK,SAAnF,EAAE,aAAa,GAA+D,KAAK,cAApE,EAAE,QAAQ,GAAqD,KAAK,SAA1D,EAAE,IAAI,GAA+C,KAAK,KAApD,EAAE,KAAK,GAAwC,KAAK,MAA7C,EAAE,MAAM,GAAgC,KAAK,OAArC,EAAE,gBAAgB,GAAc,KAAK,iBAAnB,EAAK,IAAI,UAAK,KAAK,EAAzH,wHAAiH,CAAF,CAAW;IAEhI,IAAM,kBAAkB,GACtB,QAAQ,KAAK,SAAS;QACpB,CAAC,CAAC,SAAS;QACX,CAAC,CAAC;YACE,GAAG,EAAE,QAAQ;SACd,CAAC;IAER,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,KAAK,GAAkB;QAC3B,kBAAkB,oBAAA;QAClB,QAAQ,UAAA;QACR,eAAe,iBAAA;KAChB,CAAC;IAEF,OAAO;QACL,KAAK,sBACH,aAAa,EAAE,aAAa,IAAI,KAAK,EACrC,QAAQ,EAAE,QAAQ,IAAI,WAAW,EACjC,QAAQ,EAAE,QAAQ,EAClB,kBAAkB,EAAE,gBAAgB,EACpC,KAAK,EAAE,KAAK,IAAI,UAAU,IACvB,IAAI,KACP,MAAM,QAAA,EACN,gBAAgB,kBAAA,GACjB;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,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"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@fluentui-react-native/experimental-avatar",
3
- "version": "0.14.15",
3
+ "version": "0.14.16",
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>",
@@ -26,7 +26,7 @@
26
26
  },
27
27
  "dependencies": {
28
28
  "@fluentui-react-native/adapters": "^0.8.5",
29
- "@fluentui-react-native/badge": "^0.0.28",
29
+ "@fluentui-react-native/badge": "^0.0.29",
30
30
  "@fluentui-react-native/component-cache": "^1.3.2",
31
31
  "@fluentui-react-native/framework": "0.7.23",
32
32
  "@fluentui-react-native/theme-tokens": "^0.16.1",
package/src/JSAvatar.styling.ts CHANGED
@@ -70,7 +70,7 @@ export const stylingSettings: UseStylingOptions<JSAvatarProps, AvatarSlotProps,
70
70
  },
71
71
  ['coinColorFluent', 'backgroundColor', 'physicalSize', ...borderStyles.keys],
72
72
  ),
73
- photo: buildProps(
73
+ image: buildProps(
74
74
  (tokens: JSAvatarTokens) => {
75
75
  const { physicalSize } = calculateEffectiveSizes(tokens);
76
76
 
@@ -126,27 +126,11 @@ export const stylingSettings: UseStylingOptions<JSAvatarProps, AvatarSlotProps,
126
126
  },
127
127
  ['physicalSize', 'ring', 'physicalSize', ...borderStyles.keys],
128
128
  ),
129
- glow: buildProps(
130
- (tokens: JSAvatarTokens, theme: Theme) => {
131
- const { physicalSize } = calculateEffectiveSizes(tokens);
132
- const ringConfig = getRingConfig(physicalSize);
133
-
134
- const glowColor = tokens.ringColor;
135
- return {
136
- style: {
137
- borderStyle: 'solid',
138
- borderColor: glowColor,
139
- borderWidth: ringConfig.stroke - ringConfig.innerStroke,
140
- width: ringConfig.size,
141
- height: ringConfig.size,
142
- position: 'absolute',
143
- top: -ringConfig.stroke * 2,
144
- left: -ringConfig.stroke * 2,
145
- ...borderStyles.from(tokens, theme),
146
- },
147
- };
148
- },
149
- ['physicalSize', 'ring', ...borderStyles.keys],
150
- ),
129
+ badge: buildProps((_tokens: JSAvatarTokens) => {
130
+ return {
131
+ size: 'medium',
132
+ shape: 'circular',
133
+ };
134
+ }, []),
151
135
  },
152
136
  };
package/src/JSAvatar.tsx CHANGED
@@ -29,33 +29,32 @@ export const JSAvatar = compose<JSAvatarType>({
29
29
  ...stylingSettings,
30
30
  slots: {
31
31
  root: View,
32
- photo: Image,
32
+ image: Image,
33
33
  initials: Text,
34
34
  initialsBackground: View,
35
35
  icon: Image,
36
36
  ring: View,
37
- glow: View,
37
+ badge: PresenceBadge,
38
38
  },
39
39
  useRender: (userProps: JSAvatarProps, useSlots: UseSlots<JSAvatarType>) => {
40
40
  const avatar = useAvatar(userProps);
41
41
  const Slots = useSlots(userProps, (layer) => avatarLookup(layer, avatar.state, userProps));
42
42
 
43
43
  return (final: JSAvatarProps) => {
44
- const { children, accessibilityLabel, presence, activeAppearance, isOutOfOffice, ...mergedProps } = mergeProps(avatar.props, final);
45
- const { personaPhotoSource, showRing, transparentRing } = avatar.state;
44
+ const { activeAppearance, initials, image, badge, ...mergedProps } = mergeProps(avatar.props, final);
45
+ const { showRing, transparentRing } = avatar.state;
46
46
 
47
47
  return (
48
48
  <Slots.root {...mergedProps}>
49
- {personaPhotoSource ? (
50
- <Slots.photo accessibilityLabel={accessibilityLabel} source={personaPhotoSource} />
49
+ {image.source ? (
50
+ <Slots.image {...image} />
51
51
  ) : (
52
52
  <Slots.initialsBackground>
53
- <Slots.initials>{children}</Slots.initials>
53
+ <Slots.initials>{initials}</Slots.initials>
54
54
  </Slots.initialsBackground>
55
55
  )}
56
56
  {showRing && !transparentRing && <Slots.ring />}
57
- {activeAppearance === 'glow' && <Slots.glow />}
58
- <PresenceBadge size="small" shape="circular" presence={presence} isOutOfOffice={isOutOfOffice} />
57
+ <Slots.badge {...badge} />
59
58
  </Slots.root>
60
59
  );
61
60
  };
package/src/JSAvatar.types.ts CHANGED
@@ -1,7 +1,7 @@
1
1
  import type { IViewProps } from '@fluentui-react-native/adapters';
2
- import { ImageProps, ViewProps, ImageURISource, TextProps, ColorValue } from 'react-native';
2
+ import { ImageProps, ViewProps, TextProps, ColorValue } from 'react-native';
3
3
  import { IBackgroundColorTokens, IForegroundColorTokens, IBorderTokens } from '@fluentui-react-native/tokens';
4
- import { Presence } from '@fluentui-react-native/badge';
4
+ import { BadgeProps, PresenceBadgeProps } from '@fluentui-react-native/badge';
5
5
 
6
6
  export const JSAvatarName = 'Avatar';
7
7
  export const AvatarSizes = [
@@ -48,8 +48,6 @@ export type AvatarColor =
48
48
  | 'platinum'
49
49
  | 'steel'
50
50
  | 'brown';
51
-
52
- export type AvatarPresence = Presence;
53
51
  export interface RingConfig {
54
52
  accent?: boolean;
55
53
  transparent?: boolean;
@@ -68,22 +66,22 @@ export interface AvatarConfigurableProps {
68
66
  export interface JSAvatarProps extends IViewProps, AvatarConfigurableProps {
69
67
  active?: AvatarActive;
70
68
  activeAppearance?: AvatarActiveAppearance;
71
- imageUrl?: string;
72
- imageDescription?: string;
69
+ image?: ImageProps;
70
+ src?: string;
73
71
  initials?: string;
74
- presence?: AvatarPresence;
75
- isOutOfOffice?: boolean;
72
+ name?: string;
76
73
  shape?: AvatarShape;
74
+ badge?: PresenceBadgeProps;
77
75
  }
78
76
 
79
77
  export interface AvatarSlotProps {
80
78
  root: ViewProps;
81
- photo: ImageProps;
79
+ image: ImageProps;
82
80
  initials: TextProps;
83
81
  initialsBackground: ViewProps;
84
82
  icon: ImageProps;
85
83
  ring: ViewProps;
86
- glow: ViewProps;
84
+ badge: BadgeProps;
87
85
  }
88
86
 
89
87
  export type IconAlignment = 'start' | 'center' | 'end';
@@ -105,7 +103,6 @@ export interface JSAvatarTokens extends IBackgroundColorTokens, IForegroundColor
105
103
  }
106
104
 
107
105
  export interface JSAvatarState {
108
- personaPhotoSource: ImageURISource | undefined;
109
106
  showRing: boolean;
110
107
  transparentRing: boolean;
111
108
  }
package/src/useAvatar.ts CHANGED
@@ -1,4 +1,6 @@
1
1
  import { JSAvatarProps, AvatarInfo, JSAvatarState } from './JSAvatar.types';
2
+ import { ImageProps, ImageSourcePropType } from 'react-native';
3
+ import { PresenceBadgeProps } from '@fluentui-react-native/badge';
2
4
  /**
3
5
  * Re-usable hook for FURN Avatar.
4
6
  * This hook configures Avatar props and state for FURN Avatar.
@@ -7,34 +9,34 @@ import { JSAvatarProps, AvatarInfo, JSAvatarState } from './JSAvatar.types';
7
9
  * @returns configured props and state for FURN Avatar
8
10
  */
9
11
  export const useAvatar = (props: JSAvatarProps): AvatarInfo => {
10
- const { imageUrl, imageDescription, initials, isOutOfOffice, presence, ring, shape, active, activeAppearance, ...rest } = props;
11
-
12
- const personaPhotoSource =
13
- imageUrl === undefined
14
- ? undefined
15
- : {
16
- uri: imageUrl,
17
- };
12
+ const { active, accessibilityLabel, activeAppearance, badge, src, ring, shape, ...rest } = props;
18
13
 
19
14
  const showRing = active === 'active' && activeAppearance === 'ring';
20
15
  const transparentRing = !!ring?.transparent;
21
16
 
17
+ const imageProps: ImageProps = {
18
+ accessibilityLabel,
19
+ source: src ? ({ uri: src } as ImageSourcePropType) : undefined,
20
+ };
21
+
22
+ const badgeProps: PresenceBadgeProps = {
23
+ size: 'small',
24
+ ...badge,
25
+ };
26
+
22
27
  const state: JSAvatarState = {
23
- personaPhotoSource,
24
28
  showRing,
25
29
  transparentRing,
26
30
  };
27
31
 
28
32
  return {
29
33
  props: {
30
- isOutOfOffice: isOutOfOffice || false,
31
- presence: presence || 'available',
32
- children: initials,
33
- accessibilityLabel: imageDescription,
34
34
  shape: shape || 'circular',
35
35
  ...rest,
36
36
  active,
37
37
  activeAppearance,
38
+ image: imageProps,
39
+ badge: badgeProps,
38
40
  },
39
41
  state: {
40
42
  ...state,