@fluentui-react-native/persona-coin 0.12.29 → 0.12.30

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 (47) hide show
  1. package/CHANGELOG.json +40 -1
  2. package/CHANGELOG.md +14 -2
  3. package/lib/PersonaCoin.d.ts +3 -0
  4. package/lib/PersonaCoin.d.ts.map +1 -0
  5. package/lib/PersonaCoin.helpers.d.ts +22 -0
  6. package/lib/PersonaCoin.helpers.d.ts.map +1 -0
  7. package/lib/PersonaCoin.helpers.js +132 -0
  8. package/lib/PersonaCoin.helpers.js.map +1 -0
  9. package/lib/PersonaCoin.js +121 -0
  10. package/lib/PersonaCoin.js.map +1 -0
  11. package/lib/PersonaCoin.settings.d.ts +4 -0
  12. package/lib/PersonaCoin.settings.d.ts.map +1 -0
  13. package/lib/PersonaCoin.settings.js +15 -0
  14. package/lib/PersonaCoin.settings.js.map +1 -0
  15. package/lib/PersonaCoin.tokens.icon.d.ts +5 -0
  16. package/lib/PersonaCoin.tokens.icon.d.ts.map +1 -0
  17. package/lib/PersonaCoin.tokens.icon.js +23 -0
  18. package/lib/PersonaCoin.tokens.icon.js.map +1 -0
  19. package/lib/PersonaCoin.tokens.initials.d.ts +5 -0
  20. package/lib/PersonaCoin.tokens.initials.d.ts.map +1 -0
  21. package/lib/PersonaCoin.tokens.initials.js +13 -0
  22. package/lib/PersonaCoin.tokens.initials.js.map +1 -0
  23. package/lib/PersonaCoin.tokens.initialsBackground.d.ts +5 -0
  24. package/lib/PersonaCoin.tokens.initialsBackground.d.ts.map +1 -0
  25. package/lib/PersonaCoin.tokens.initialsBackground.js +28 -0
  26. package/lib/PersonaCoin.tokens.initialsBackground.js.map +1 -0
  27. package/lib/PersonaCoin.tokens.photo.d.ts +5 -0
  28. package/lib/PersonaCoin.tokens.photo.d.ts.map +1 -0
  29. package/lib/PersonaCoin.tokens.photo.js +17 -0
  30. package/lib/PersonaCoin.tokens.photo.js.map +1 -0
  31. package/lib/PersonaCoin.tokens.ring.d.ts +6 -0
  32. package/lib/PersonaCoin.tokens.ring.d.ts.map +1 -0
  33. package/lib/PersonaCoin.tokens.ring.js +52 -0
  34. package/lib/PersonaCoin.tokens.ring.js.map +1 -0
  35. package/lib/PersonaCoin.tokens.root.d.ts +5 -0
  36. package/lib/PersonaCoin.tokens.root.d.ts.map +1 -0
  37. package/lib/PersonaCoin.tokens.root.js +22 -0
  38. package/lib/PersonaCoin.tokens.root.js.map +1 -0
  39. package/lib/PersonaCoin.types.d.ts +75 -0
  40. package/lib/PersonaCoin.types.d.ts.map +1 -0
  41. package/lib/PersonaCoin.types.js +2 -0
  42. package/lib/PersonaCoin.types.js.map +1 -0
  43. package/lib/index.d.ts +5 -0
  44. package/lib/index.d.ts.map +1 -0
  45. package/lib/index.js +4 -0
  46. package/lib/index.js.map +1 -0
  47. package/package.json +5 -5
package/CHANGELOG.json CHANGED
@@ -2,7 +2,46 @@
2
2
  "name": "@fluentui-react-native/persona-coin",
3
3
  "entries": [
4
4
  {
5
- "date": "Sat, 18 Mar 2023 17:18:20 GMT",
5
+ "date": "Tue, 21 Mar 2023 21:51:15 GMT",
6
+ "tag": "@fluentui-react-native/persona-coin_v0.12.30",
7
+ "version": "0.12.30",
8
+ "comments": {
9
+ "patch": [
10
+ {
11
+ "author": "krsiler@microsoft.com",
12
+ "package": "@fluentui-react-native/persona-coin",
13
+ "commit": "e706a7afbd63d528878eadd179d5a91210ed62f6",
14
+ "comment": "Trigger manual bump (no changes)"
15
+ },
16
+ {
17
+ "author": "beachball",
18
+ "package": "@fluentui-react-native/persona-coin",
19
+ "comment": "Bump @uifabricshared/foundation-compose to v1.13.8",
20
+ "commit": "e706a7afbd63d528878eadd179d5a91210ed62f6"
21
+ },
22
+ {
23
+ "author": "beachball",
24
+ "package": "@fluentui-react-native/persona-coin",
25
+ "comment": "Bump @fluentui-react-native/framework to v0.9.8",
26
+ "commit": "e706a7afbd63d528878eadd179d5a91210ed62f6"
27
+ },
28
+ {
29
+ "author": "beachball",
30
+ "package": "@fluentui-react-native/persona-coin",
31
+ "comment": "Bump @fluentui-react-native/tokens to v0.20.14",
32
+ "commit": "e706a7afbd63d528878eadd179d5a91210ed62f6"
33
+ },
34
+ {
35
+ "author": "beachball",
36
+ "package": "@fluentui-react-native/persona-coin",
37
+ "comment": "Bump @uifabricshared/foundation-tokens to v0.12.31",
38
+ "commit": "e706a7afbd63d528878eadd179d5a91210ed62f6"
39
+ }
40
+ ]
41
+ }
42
+ },
43
+ {
44
+ "date": "Sat, 18 Mar 2023 17:22:31 GMT",
6
45
  "tag": "@fluentui-react-native/persona-coin_v0.12.29",
7
46
  "version": "0.12.29",
8
47
  "comments": {
package/CHANGELOG.md CHANGED
@@ -1,12 +1,24 @@
1
1
  # Change Log - @fluentui-react-native/persona-coin
2
2
 
3
- This log was last generated on Sat, 18 Mar 2023 17:18:20 GMT and should not be manually modified.
3
+ This log was last generated on Tue, 21 Mar 2023 21:51:15 GMT and should not be manually modified.
4
4
 
5
5
  <!-- Start content -->
6
6
 
7
+ ## 0.12.30
8
+
9
+ Tue, 21 Mar 2023 21:51:15 GMT
10
+
11
+ ### Patches
12
+
13
+ - Trigger manual bump (no changes) (krsiler@microsoft.com)
14
+ - Bump @uifabricshared/foundation-compose to v1.13.8
15
+ - Bump @fluentui-react-native/framework to v0.9.8
16
+ - Bump @fluentui-react-native/tokens to v0.20.14
17
+ - Bump @uifabricshared/foundation-tokens to v0.12.31
18
+
7
19
  ## 0.12.29
8
20
 
9
- Sat, 18 Mar 2023 17:18:20 GMT
21
+ Sat, 18 Mar 2023 17:22:31 GMT
10
22
 
11
23
  ### Patches
12
24
 
@@ -0,0 +1,3 @@
1
+ import type { IPersonaCoinProps, IPersonaCoinSlotProps, IPersonaCoinState } from './PersonaCoin.types';
2
+ export declare const PersonaCoin: import("@uifabricshared/foundation-compose").IComposeReturnType<IPersonaCoinProps, IPersonaCoinSlotProps, import("./PersonaCoin.types").IPersonaCoinTokens, IPersonaCoinState, object>;
3
+ //# sourceMappingURL=PersonaCoin.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"PersonaCoin.d.ts","sourceRoot":"","sources":["../src/PersonaCoin.tsx"],"names":[],"mappings":"AAoBA,OAAO,KAAK,EACV,iBAAiB,EAEjB,qBAAqB,EAErB,iBAAiB,EAClB,MAAM,qBAAqB,CAAC;AA6D7B,eAAO,MAAM,WAAW,wLAyCtB,CAAC"}
@@ -0,0 +1,22 @@
1
+ import type { ImageURISource } from 'react-native';
2
+ import type { PersonaSize, PersonaCoinColor, PersonaCoinFluentColor, PersonaPresence, IPersonaCoinTokens, RingThickness } from './PersonaCoin.types';
3
+ export declare function getPresenceIconSource(presence: PersonaPresence, isOutOfOffice: boolean): ImageURISource;
4
+ export type PersonaSizeConfig = {
5
+ physicalSize: number;
6
+ iconSize: number;
7
+ iconStrokeWidth: number;
8
+ initialsSize: number;
9
+ };
10
+ export declare function getSizeConfig(size: PersonaSize): PersonaSizeConfig;
11
+ /**
12
+ * Converts the PersonaCoinColor into a hex color value
13
+ * @deprecated Use convertCoinColorFluent instead.
14
+ */
15
+ export declare function convertCoinColor(coinColor: PersonaCoinColor): string;
16
+ /**
17
+ * Converts the PersonaCoinFluentColor into a hex color value
18
+ */
19
+ export declare function convertCoinColorFluent(coinColor: PersonaCoinFluentColor): string;
20
+ export declare function calculateEffectiveSizes(tokens: IPersonaCoinTokens): PersonaSizeConfig;
21
+ export declare function getRingThickness(thickness: RingThickness): number;
22
+ //# sourceMappingURL=PersonaCoin.helpers.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"PersonaCoin.helpers.d.ts","sourceRoot":"","sources":["../src/PersonaCoin.helpers.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAInD,OAAO,KAAK,EACV,WAAW,EACX,gBAAgB,EAChB,sBAAsB,EACtB,eAAe,EACf,kBAAkB,EAClB,aAAa,EACd,MAAM,qBAAqB,CAAC;AA2B7B,wBAAgB,qBAAqB,CAAC,QAAQ,EAAE,eAAe,EAAE,aAAa,EAAE,OAAO,GAAG,cAAc,CAEvG;AAED,MAAM,MAAM,iBAAiB,GAAG;IAC9B,YAAY,EAAE,MAAM,CAAC;IACrB,QAAQ,EAAE,MAAM,CAAC;IACjB,eAAe,EAAE,MAAM,CAAC;IACxB,YAAY,EAAE,MAAM,CAAC;CACtB,CAAC;AAcF,wBAAgB,aAAa,CAAC,IAAI,EAAE,WAAW,GAAG,iBAAiB,CAElE;AAyBD;;;GAGG;AACH,wBAAgB,gBAAgB,CAAC,SAAS,EAAE,gBAAgB,GAAG,MAAM,CAEpE;AAyBD;;GAEG;AACH,wBAAgB,sBAAsB,CAAC,SAAS,EAAE,sBAAsB,GAAG,MAAM,CAEhF;AAED,wBAAgB,uBAAuB,CAAC,MAAM,EAAE,kBAAkB,GAAG,iBAAiB,CAoBrF;AAED,wBAAgB,gBAAgB,CAAC,SAAS,EAAE,aAAa,GAAG,MAAM,CAiBjE"}
@@ -0,0 +1,132 @@
1
+ import { globalTokens } from '@fluentui-react-native/theme-tokens';
2
+ var presenceIconCache = {
3
+ none: { uri: '' },
4
+ offline: {
5
+ uri: 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAMAAADXqc3KAAAANlBMVEUAAACoxM+oxM+oxM+oxM+oxM+oxM+oxM+oxM////+oxM/W5OmzzNX5+/z3+vvu9Pbt8/Xj7PAAKKEtAAAACXRSTlMA6bWcZQpiXgXWfJCWAAAAeElEQVQoz52RSQ7EIAwEx0AWymT7/2dHYpgoPvQldeySsGl/XjOVZGCpTDFfjIEtj3jN0Pzc99Mb5PUWGbwOHPI/n+GqNxfMY67h9YFjvw0KrQYapYuER+GkLowjigPrArYoNpBCPiWHy3XlB1UlqkRZuziUPO1bvszLC8V87ko/AAAAAElFTkSuQmCC',
6
+ },
7
+ online: {
8
+ uri: 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAMAAADXqc3KAAAAWlBMVEUAAABusAVusAVusAVusAVusAVusAVusAVusAVusAVusAVusAVusAVusAVusAVusAVusAVusAVusAX////N4bi61517tivn8d3e7NL3+vTE3Kux0o6nzH6GvEWFZ26xAAAAEnRSTlMA8eNrEQj6syHTeXrKshzZ19JHa6QpAAAApUlEQVQoz4WS6w7CIAyFBwwGbE5th87b+7+mCDXcIp4/NN9J2tJ2+KdRTFyx0yTGAkvLgMRmmbg2kMnoL185FOIr5Vmg0hKzWWhkQz+sNdinN1Eg9wyP8MYh5xvewjt5gxcct9iYN1SIXvsj46C8EWvfEZ0jTsYxRJcrYuLAqTg5xKm4AHL2xEH8/GBvJIM819xIWkc9dt1ZFEnO+WrbY1CcjqGnN0xiGcyuKFtcAAAAAElFTkSuQmCC',
9
+ },
10
+ away: {
11
+ uri: 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAMAAADXqc3KAAAAP1BMVEUAAAD6yRT6yRT6yRT6yRT6yRT6yRT6yRT6yRT6yRT6yRT6yRT////6zCP95pH95Yv++OL84Hn822T72FT71EUen9LHAAAAC3RSTlMA6rVlCuWgmGJeBd4LCPMAAAB8SURBVCjPnZFLDoAgDERtQUUH/97/rCYNJUITTXjLeYu2064Z75gAYufLfOqR6KdXPI94Mc5ZDCgYNA8piHGBENJcqgV5EQ61gBPBVrAIsoJEwArUYi0EIbFlQ+VwHGpY11XOGDdZVw/MXPstB2olFeGnRFv796Psa1t5ANwFDZEW8B8sAAAAAElFTkSuQmCC',
12
+ },
13
+ dnd: {
14
+ uri: 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAMAAADXqc3KAAAAQlBMVEUAAADpABvpABvpABvpABvpABvpABvpABvpABvpABvpABvpABvpABvpABvpABvpABvpABvpABv////wfYT86errJjiR9OLxAAAAEXRSTlMA4/CzeQj602seEhEk89jKakfnNfsAAACKSURBVCjPhZFbDoQgDEWBQkHBR2d0/1udEppR0cbzeU9SSq95I69gcZphzZc4eEeC8+HIh0gn4vDPLV2wYsJCHUub5umGr/no7sKNLBI9kFjAkwAWbaX9K+xtMRZIle0jbFRBFpMmZmWU8ri+rv5B/SQmxD6PUknpz16MUJSi9GqZnMAiWkjZvPADxcoYalVfnOMAAAAASUVORK5CYII=',
15
+ },
16
+ blocked: {
17
+ uri: 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAMAAADXqc3KAAAAe1BMVEUAAADpABvpABvpABvpABvpABvpABvpABvpABvpABvpABvpABvpABvpABvpABvpABvpABv////pABv83uHqCiTsJz7rGjP7zNHvRVj/+vv+8vP6x83sIzv2mqXsKD/7zNL5v8b3oqz2maTuP1P82Nz819vtKUDrGjLrGTK2dyGvAAAAEXRSTlMA8dSzeQj64mseEhHkJMpq5T3coEAAAADSSURBVCjPhdHZFoIgFAVQGQRLGzhQiaLNw/9/YZRk4IvncZ+17uJys7mUGyYFoWxTJpxzghDC878vKFBftLX6UgN0MXqF/qRCTg5VaPI1ro36Re+MWQ/TOPrEXw7840uCNvb9oQVZ+qJAnbpSNQpfMHQTVx2YLyT0xJWG9IWAnbiyEL4gaCKPCopb7P9RDOeJqzNYeG7i3+eGBVMPC2Yczpn9cfTmAT58IoV5Rn4FDSdZbY1rxzk9qpXHofkcqtO2uXfhUHOn9SkLJoWQrCizmbwBa5IbuX8ugpIAAAAASUVORK5CYII=',
18
+ },
19
+ busy: {
20
+ uri: 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAMAAADXqc3KAAAANlBMVEUAAADpABvpABvpABvpABvpABvpABvpABvpABvpABvpABvpABvpABvpABvpABvpABvpABvpABvsgIdoAAAAEXRSTlMA8eLUEQj6s2sheXrlyrJqHBqb3nMAAAB/SURBVCjPhZFRDsQgCEQFEdS223L/yy7JummtGN/nvASUCSvoFGSIclIXpwragC3deYn6IJZ/fqF24NXmHPri+E2rOlCDQTAKIBNZHbKJjyfEBHoCTbAn2ATMRPRHzZfPn+t/cH4SIw3rY2p17H2+l0VRRtr8ag3KgswomcKCL1NmGBp9lqsZAAAAAElFTkSuQmCC',
21
+ },
22
+ };
23
+ // TODO: Need icons for the OOF statues
24
+ var presenceOOFIconCache = presenceIconCache;
25
+ export function getPresenceIconSource(presence, isOutOfOffice) {
26
+ return isOutOfOffice ? presenceOOFIconCache[presence] : presenceIconCache[presence];
27
+ }
28
+ var sizeTable = {
29
+ size8: { physicalSize: 8, iconSize: 0, iconStrokeWidth: 0, initialsSize: 4 },
30
+ size24: { physicalSize: 24, iconSize: 8, iconStrokeWidth: 2, initialsSize: 10 },
31
+ size32: { physicalSize: 32, iconSize: 8, iconStrokeWidth: 2, initialsSize: 12 },
32
+ size40: { physicalSize: 40, iconSize: 12, iconStrokeWidth: 2, initialsSize: 14 },
33
+ size48: { physicalSize: 48, iconSize: 12, iconStrokeWidth: 2, initialsSize: 16 },
34
+ size56: { physicalSize: 56, iconSize: 16, iconStrokeWidth: 3, initialsSize: 18 },
35
+ size72: { physicalSize: 72, iconSize: 20, iconStrokeWidth: 3, initialsSize: 20 },
36
+ size100: { physicalSize: 100, iconSize: 28, iconStrokeWidth: 4, initialsSize: 36 },
37
+ size120: { physicalSize: 120, iconSize: 32, iconStrokeWidth: 4, initialsSize: 40 },
38
+ };
39
+ export function getSizeConfig(size) {
40
+ return sizeTable[size];
41
+ }
42
+ var colorTable = {
43
+ lightBlue: globalTokens.color.cornflower.primary,
44
+ blue: globalTokens.color.blue.primary,
45
+ darkBlue: globalTokens.color.royalBlue.primary,
46
+ teal: globalTokens.color.teal.primary,
47
+ green: globalTokens.color.forest.primary,
48
+ darkGreen: globalTokens.color.darkGreen.primary,
49
+ lightPink: globalTokens.color.berry.primary,
50
+ pink: globalTokens.color.hotPink.primary,
51
+ magenta: globalTokens.color.grape.primary,
52
+ purple: globalTokens.color.purple.primary,
53
+ orange: globalTokens.color.pumpkin.primary,
54
+ lightRed: globalTokens.color.red.primary,
55
+ darkRed: globalTokens.color.burgundy.primary,
56
+ violet: globalTokens.color.orchid.primary,
57
+ gold: globalTokens.color.brass.primary,
58
+ burgundy: globalTokens.color.darkRed.primary,
59
+ warmGray: globalTokens.color.beige.primary,
60
+ cyan: globalTokens.color.steel.primary,
61
+ rust: globalTokens.color.brown.primary,
62
+ coolGray: globalTokens.color.platinum.primary,
63
+ };
64
+ /**
65
+ * Converts the PersonaCoinColor into a hex color value
66
+ * @deprecated Use convertCoinColorFluent instead.
67
+ */
68
+ export function convertCoinColor(coinColor) {
69
+ return colorTable[coinColor];
70
+ }
71
+ var colorTableFluent = {
72
+ cornflower: globalTokens.color.cornflower.primary,
73
+ blue: globalTokens.color.blue.primary,
74
+ royalBlue: globalTokens.color.royalBlue.primary,
75
+ teal: globalTokens.color.teal.primary,
76
+ forest: globalTokens.color.forest.primary,
77
+ darkGreen: globalTokens.color.darkGreen.primary,
78
+ berry: globalTokens.color.berry.primary,
79
+ hotPink: globalTokens.color.hotPink.primary,
80
+ grape: globalTokens.color.grape.primary,
81
+ purple: globalTokens.color.purple.primary,
82
+ pumpkin: globalTokens.color.pumpkin.primary,
83
+ red: globalTokens.color.red.primary,
84
+ burgundy: globalTokens.color.burgundy.primary,
85
+ orchid: globalTokens.color.orchid.primary,
86
+ brass: globalTokens.color.brass.primary,
87
+ darkRed: globalTokens.color.darkRed.primary,
88
+ beige: globalTokens.color.beige.primary,
89
+ platinum: globalTokens.color.platinum.primary,
90
+ steel: globalTokens.color.steel.primary,
91
+ brown: globalTokens.color.brown.primary,
92
+ };
93
+ /**
94
+ * Converts the PersonaCoinFluentColor into a hex color value
95
+ */
96
+ export function convertCoinColorFluent(coinColor) {
97
+ return colorTableFluent[coinColor];
98
+ }
99
+ export function calculateEffectiveSizes(tokens) {
100
+ var size = tokens.size, coinSize = tokens.coinSize, iconSize = tokens.iconSize, iconStrokeWidth = tokens.iconStrokeWidth, initialsSize = tokens.initialsSize;
101
+ if (size) {
102
+ return sizeTable[size];
103
+ }
104
+ else {
105
+ var _a = sizeTable['size40'], defaultPhysicalSize = _a.physicalSize, defaultIconSize = _a.iconSize, defaultIconStrokeWidth = _a.iconStrokeWidth, defaultInitialsSize = _a.initialsSize;
106
+ return {
107
+ physicalSize: coinSize || defaultPhysicalSize,
108
+ iconSize: iconSize || defaultIconSize,
109
+ iconStrokeWidth: iconStrokeWidth || defaultIconStrokeWidth,
110
+ initialsSize: initialsSize || defaultInitialsSize,
111
+ };
112
+ }
113
+ }
114
+ export function getRingThickness(thickness) {
115
+ switch (thickness) {
116
+ case 'xSmall':
117
+ return 1;
118
+ case 'small':
119
+ return 1;
120
+ case 'medium':
121
+ return 2;
122
+ case 'large':
123
+ return 2;
124
+ case 'xlarge':
125
+ return 2;
126
+ case 'xxlarge':
127
+ return 4;
128
+ default:
129
+ return thickness < 0 ? 4 : thickness;
130
+ }
131
+ }
132
+ //# sourceMappingURL=PersonaCoin.helpers.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"PersonaCoin.helpers.js","sourceRoot":"","sources":["../src/PersonaCoin.helpers.ts"],"names":[],"mappings":"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"}
@@ -0,0 +1,121 @@
1
+ var __assign = (this && this.__assign) || function () {
2
+ __assign = Object.assign || function(t) {
3
+ for (var s, i = 1, n = arguments.length; i < n; i++) {
4
+ s = arguments[i];
5
+ for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
6
+ t[p] = s[p];
7
+ }
8
+ return t;
9
+ };
10
+ return __assign.apply(this, arguments);
11
+ };
12
+ var __rest = (this && this.__rest) || function (s, e) {
13
+ var t = {};
14
+ for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
15
+ t[p] = s[p];
16
+ if (s != null && typeof Object.getOwnPropertySymbols === "function")
17
+ for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
18
+ if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
19
+ t[p[i]] = s[p[i]];
20
+ }
21
+ return t;
22
+ };
23
+ /** @jsx withSlots */
24
+ import { Image, View, Text } from 'react-native';
25
+ import { filterViewProps, filterImageProps } from '@fluentui-react-native/adapters';
26
+ import { foregroundColorTokens } from '@fluentui-react-native/tokens';
27
+ import { withSlots } from '@uifabricshared/foundation-composable';
28
+ import { compose } from '@uifabricshared/foundation-compose';
29
+ import { mergeSettings } from '@uifabricshared/foundation-settings';
30
+ import { getPresenceIconSource } from './PersonaCoin.helpers';
31
+ import { settings } from './PersonaCoin.settings';
32
+ import { buildIconStyles } from './PersonaCoin.tokens.icon';
33
+ import { buildInitialsStyles } from './PersonaCoin.tokens.initials';
34
+ import { buildInitialsBackgroundStyles } from './PersonaCoin.tokens.initialsBackground';
35
+ import { buildPhotoStyles } from './PersonaCoin.tokens.photo';
36
+ import { buildGlowStyles, buildRingStyles } from './PersonaCoin.tokens.ring';
37
+ import { buildRootStyles } from './PersonaCoin.tokens.root';
38
+ import { personaCoinName } from './PersonaCoin.types';
39
+ function usePrepareForProps(props, useStyling) {
40
+ var imageUrl = props.imageUrl, imageDescription = props.imageDescription, initials = props.initials, presence = props.presence, isOutOfOffice = props.isOutOfOffice, ring = props.ring, rest = __rest(props, ["imageUrl", "imageDescription", "initials", "presence", "isOutOfOffice", "ring"]);
41
+ var personaPhotoSource = imageUrl === undefined
42
+ ? undefined
43
+ : {
44
+ uri: imageUrl,
45
+ };
46
+ var iconSource = presence === undefined ? undefined : getPresenceIconSource(presence, isOutOfOffice || false);
47
+ var showRing = !!ring;
48
+ var transparentRing = !!(ring === null || ring === void 0 ? void 0 : ring.transparent);
49
+ return {
50
+ slotProps: mergeSettings(useStyling(props), {
51
+ root: __assign({}, rest),
52
+ initials: {
53
+ children: initials,
54
+ },
55
+ photo: {
56
+ accessibilityLabel: imageDescription,
57
+ },
58
+ }),
59
+ state: {
60
+ iconSource: iconSource,
61
+ personaPhotoSource: personaPhotoSource,
62
+ showRing: showRing,
63
+ transparentRing: transparentRing,
64
+ },
65
+ };
66
+ }
67
+ var render = function (Slots, renderData) {
68
+ if (!renderData.state) {
69
+ return null;
70
+ }
71
+ var _a = renderData.state, personaPhotoSource = _a.personaPhotoSource, iconSource = _a.iconSource, showRing = _a.showRing, transparentRing = _a.transparentRing;
72
+ return (withSlots(Slots.root, null,
73
+ personaPhotoSource ? (withSlots(Slots.photo, { source: personaPhotoSource })) : (withSlots(Slots.initialsBackground, null,
74
+ withSlots(Slots.initials, null))),
75
+ showRing && !transparentRing && withSlots(Slots.ring, null),
76
+ showRing && withSlots(Slots.glow, null),
77
+ !!iconSource && !!iconSource.uri && withSlots(Slots.icon, { source: iconSource })));
78
+ };
79
+ export var PersonaCoin = compose({
80
+ displayName: personaCoinName,
81
+ usePrepareProps: usePrepareForProps,
82
+ settings: settings,
83
+ slots: {
84
+ root: {
85
+ slotType: View,
86
+ filter: filterViewProps,
87
+ },
88
+ photo: {
89
+ slotType: Image,
90
+ filter: filterImageProps,
91
+ },
92
+ initials: Text,
93
+ initialsBackground: {
94
+ slotType: View,
95
+ filter: filterViewProps,
96
+ },
97
+ icon: {
98
+ slotType: Image,
99
+ filter: filterImageProps,
100
+ },
101
+ ring: {
102
+ slotType: View,
103
+ filter: filterViewProps,
104
+ },
105
+ glow: {
106
+ slotType: View,
107
+ filter: filterViewProps,
108
+ },
109
+ },
110
+ render: render,
111
+ styles: {
112
+ root: [buildRootStyles],
113
+ initials: [foregroundColorTokens, buildInitialsStyles],
114
+ initialsBackground: [buildInitialsBackgroundStyles],
115
+ photo: [buildPhotoStyles],
116
+ icon: [buildIconStyles],
117
+ ring: [buildRingStyles],
118
+ glow: [buildGlowStyles],
119
+ },
120
+ });
121
+ //# sourceMappingURL=PersonaCoin.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"PersonaCoin.js","sourceRoot":"","sources":["../src/PersonaCoin.tsx"],"names":[],"mappings":"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"}
@@ -0,0 +1,4 @@
1
+ import type { IComposeSettings } from '@uifabricshared/foundation-compose';
2
+ import type { IPersonaCoinType } from './PersonaCoin.types';
3
+ export declare const settings: IComposeSettings<IPersonaCoinType>;
4
+ //# sourceMappingURL=PersonaCoin.settings.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"PersonaCoin.settings.d.ts","sourceRoot":"","sources":["../src/PersonaCoin.settings.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,oCAAoC,CAAC;AAG3E,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAG5D,eAAO,MAAM,QAAQ,EAAE,gBAAgB,CAAC,gBAAgB,CAWvD,CAAC"}
@@ -0,0 +1,15 @@
1
+ import { convertCoinColorFluent } from './PersonaCoin.helpers';
2
+ import { personaCoinName } from './PersonaCoin.types';
3
+ export var settings = [
4
+ {
5
+ tokens: {
6
+ horizontalIconAlignment: 'end',
7
+ verticalIconAlignment: 'end',
8
+ color: 'white',
9
+ iconStrokeColor: 'white',
10
+ backgroundColor: convertCoinColorFluent('cornflower'),
11
+ },
12
+ },
13
+ personaCoinName,
14
+ ];
15
+ //# sourceMappingURL=PersonaCoin.settings.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"PersonaCoin.settings.js","sourceRoot":"","sources":["../src/PersonaCoin.settings.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,sBAAsB,EAAE,MAAM,uBAAuB,CAAC;AAE/D,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AAEtD,MAAM,CAAC,IAAM,QAAQ,GAAuC;IAC1D;QACE,MAAM,EAAE;YACN,uBAAuB,EAAE,KAAK;YAC9B,qBAAqB,EAAE,KAAK;YAC5B,KAAK,EAAE,OAAO;YACd,eAAe,EAAE,OAAO;YACxB,eAAe,EAAE,sBAAsB,CAAC,YAAY,CAAC;SACtD;KACF;IACD,eAAe;CAChB,CAAC"}
@@ -0,0 +1,5 @@
1
+ import type { ImageProps } from 'react-native';
2
+ import type { Theme } from '@fluentui-react-native/framework';
3
+ import type { IPersonaCoinTokens } from './PersonaCoin.types';
4
+ export declare const buildIconStyles: import("@fluentui-react-native/tokens").StyleFactoryFunction<ImageProps, IPersonaCoinTokens, Theme>;
5
+ //# sourceMappingURL=PersonaCoin.tokens.icon.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"PersonaCoin.tokens.icon.d.ts","sourceRoot":"","sources":["../src/PersonaCoin.tokens.icon.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAE/C,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,kCAAkC,CAAC;AAI9D,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,qBAAqB,CAAC;AAwB9D,eAAO,MAAM,eAAe,qGAAwF,CAAC"}
@@ -0,0 +1,23 @@
1
+ import { styleFunction } from '@uifabricshared/foundation-tokens';
2
+ import { calculateEffectiveSizes } from './PersonaCoin.helpers';
3
+ var _iconKeyProps = ['iconSize', 'size', 'coinSize'];
4
+ function _buildIconStyles(tokenProps, theme) {
5
+ var _a = calculateEffectiveSizes(tokenProps), iconSize = _a.iconSize, iconStrokeWidth = _a.iconStrokeWidth;
6
+ var iconSizeAdjusted = iconSize + iconStrokeWidth * 2;
7
+ var iconStrokeColor = tokenProps.iconStrokeColor || theme.colors.background;
8
+ return {
9
+ source: {},
10
+ style: {
11
+ position: 'absolute',
12
+ width: iconSizeAdjusted,
13
+ height: iconSizeAdjusted,
14
+ bottom: -iconStrokeWidth,
15
+ end: -iconStrokeWidth,
16
+ borderRadius: iconSizeAdjusted / 2,
17
+ borderWidth: iconStrokeWidth,
18
+ borderColor: iconStrokeColor,
19
+ },
20
+ };
21
+ }
22
+ export var buildIconStyles = styleFunction(_buildIconStyles, _iconKeyProps);
23
+ //# sourceMappingURL=PersonaCoin.tokens.icon.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"PersonaCoin.tokens.icon.js","sourceRoot":"","sources":["../src/PersonaCoin.tokens.icon.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,aAAa,EAAE,MAAM,mCAAmC,CAAC;AAElE,OAAO,EAAE,uBAAuB,EAAE,MAAM,uBAAuB,CAAC;AAGhE,IAAM,aAAa,GAAiC,CAAC,UAAU,EAAE,MAAM,EAAE,UAAU,CAAC,CAAC;AAErF,SAAS,gBAAgB,CAAC,UAA8B,EAAE,KAAY;IAC9D,IAAA,KAAgC,uBAAuB,CAAC,UAAU,CAAC,EAAjE,QAAQ,cAAA,EAAE,eAAe,qBAAwC,CAAC;IAC1E,IAAM,gBAAgB,GAAG,QAAQ,GAAG,eAAe,GAAG,CAAC,CAAC;IACxD,IAAM,eAAe,GAAG,UAAU,CAAC,eAAe,IAAI,KAAK,CAAC,MAAM,CAAC,UAAU,CAAC;IAE9E,OAAO;QACL,MAAM,EAAE,EAAE;QACV,KAAK,EAAE;YACL,QAAQ,EAAE,UAAU;YACpB,KAAK,EAAE,gBAAgB;YACvB,MAAM,EAAE,gBAAgB;YACxB,MAAM,EAAE,CAAC,eAAe;YACxB,GAAG,EAAE,CAAC,eAAe;YACrB,YAAY,EAAE,gBAAgB,GAAG,CAAC;YAClC,WAAW,EAAE,eAAe;YAC5B,WAAW,EAAE,eAAe;SAC7B;KACF,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,IAAM,eAAe,GAAG,aAAa,CAAwC,gBAAgB,EAAE,aAAa,CAAC,CAAC"}
@@ -0,0 +1,5 @@
1
+ import type { TextProps } from 'react-native';
2
+ import type { Theme } from '@fluentui-react-native/framework';
3
+ import type { IPersonaCoinTokens } from './PersonaCoin.types';
4
+ export declare const buildInitialsStyles: import("@fluentui-react-native/tokens").StyleFactoryFunction<TextProps, IPersonaCoinTokens, Theme>;
5
+ //# sourceMappingURL=PersonaCoin.tokens.initials.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"PersonaCoin.tokens.initials.d.ts","sourceRoot":"","sources":["../src/PersonaCoin.tokens.initials.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAE9C,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,kCAAkC,CAAC;AAI9D,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,qBAAqB,CAAC;AAc9D,eAAO,MAAM,mBAAmB,oGAA+F,CAAC"}
@@ -0,0 +1,13 @@
1
+ import { styleFunction } from '@uifabricshared/foundation-tokens';
2
+ import { calculateEffectiveSizes } from './PersonaCoin.helpers';
3
+ var _initialsKeyProps = ['coinSize', 'initialsSize', 'size'];
4
+ function _buildInitialsStyles(tokenProps /*, theme: ITheme */) {
5
+ var initialsSize = calculateEffectiveSizes(tokenProps).initialsSize;
6
+ return {
7
+ style: {
8
+ fontSize: initialsSize,
9
+ },
10
+ };
11
+ }
12
+ export var buildInitialsStyles = styleFunction(_buildInitialsStyles, _initialsKeyProps);
13
+ //# sourceMappingURL=PersonaCoin.tokens.initials.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"PersonaCoin.tokens.initials.js","sourceRoot":"","sources":["../src/PersonaCoin.tokens.initials.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,aAAa,EAAE,MAAM,mCAAmC,CAAC;AAElE,OAAO,EAAE,uBAAuB,EAAE,MAAM,uBAAuB,CAAC;AAGhE,IAAM,iBAAiB,GAAiC,CAAC,UAAU,EAAE,cAAc,EAAE,MAAM,CAAC,CAAC;AAE7F,SAAS,oBAAoB,CAAC,UAA8B,CAAC,oBAAoB;IACvE,IAAA,YAAY,GAAK,uBAAuB,CAAC,UAAU,CAAC,aAAxC,CAAyC;IAE7D,OAAO;QACL,KAAK,EAAE;YACL,QAAQ,EAAE,YAAY;SACvB;KACF,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,IAAM,mBAAmB,GAAG,aAAa,CAAuC,oBAAoB,EAAE,iBAAiB,CAAC,CAAC"}
@@ -0,0 +1,5 @@
1
+ import type { ViewProps } from 'react-native';
2
+ import type { Theme } from '@fluentui-react-native/framework';
3
+ import type { IPersonaCoinTokens } from './PersonaCoin.types';
4
+ export declare const buildInitialsBackgroundStyles: import("@fluentui-react-native/tokens").StyleFactoryFunction<ViewProps, IPersonaCoinTokens, Theme>;
5
+ //# sourceMappingURL=PersonaCoin.tokens.initialsBackground.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"PersonaCoin.tokens.initialsBackground.d.ts","sourceRoot":"","sources":["../src/PersonaCoin.tokens.initialsBackground.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAE9C,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,kCAAkC,CAAC;AAI9D,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,qBAAqB,CAAC;AA6B9D,eAAO,MAAM,6BAA6B,oGAGzC,CAAC"}
@@ -0,0 +1,28 @@
1
+ import { styleFunction } from '@uifabricshared/foundation-tokens';
2
+ import { convertCoinColor, convertCoinColorFluent, calculateEffectiveSizes } from './PersonaCoin.helpers';
3
+ var _initialsBackgroundKeyProps = ['coinSize', 'size', 'coinColor', 'coinColorFluent', 'backgroundColor'];
4
+ function _buildInitialsBackgroundStyles(tokenProps /*, theme: ITheme*/) {
5
+ var physicalSize = calculateEffectiveSizes(tokenProps).physicalSize;
6
+ var backgroundColor = tokenProps.backgroundColor, coinColor = tokenProps.coinColor, coinColorFluent = tokenProps.coinColorFluent;
7
+ var effectiveBackgroundColor = backgroundColor;
8
+ if (coinColorFluent) {
9
+ effectiveBackgroundColor = convertCoinColorFluent(coinColorFluent);
10
+ }
11
+ else if (coinColor) {
12
+ effectiveBackgroundColor = convertCoinColor(coinColor);
13
+ }
14
+ return {
15
+ style: {
16
+ borderRadius: physicalSize / 2,
17
+ width: physicalSize,
18
+ height: physicalSize,
19
+ flexGrow: 1,
20
+ alignSelf: 'stretch',
21
+ justifyContent: 'center',
22
+ alignItems: 'center',
23
+ backgroundColor: effectiveBackgroundColor,
24
+ },
25
+ };
26
+ }
27
+ export var buildInitialsBackgroundStyles = styleFunction(_buildInitialsBackgroundStyles, _initialsBackgroundKeyProps);
28
+ //# sourceMappingURL=PersonaCoin.tokens.initialsBackground.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"PersonaCoin.tokens.initialsBackground.js","sourceRoot":"","sources":["../src/PersonaCoin.tokens.initialsBackground.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,aAAa,EAAE,MAAM,mCAAmC,CAAC;AAElE,OAAO,EAAE,gBAAgB,EAAE,sBAAsB,EAAE,uBAAuB,EAAE,MAAM,uBAAuB,CAAC;AAG1G,IAAM,2BAA2B,GAAiC,CAAC,UAAU,EAAE,MAAM,EAAE,WAAW,EAAE,iBAAiB,EAAE,iBAAiB,CAAC,CAAC;AAE1I,SAAS,8BAA8B,CAAC,UAA8B,CAAC,mBAAmB;IAChF,IAAA,YAAY,GAAK,uBAAuB,CAAC,UAAU,CAAC,aAAxC,CAAyC;IAErD,IAAA,eAAe,GAAiC,UAAU,gBAA3C,EAAE,SAAS,GAAsB,UAAU,UAAhC,EAAE,eAAe,GAAK,UAAU,gBAAf,CAAgB;IACnE,IAAI,wBAAwB,GAAG,eAAe,CAAC;IAC/C,IAAI,eAAe,EAAE;QACnB,wBAAwB,GAAG,sBAAsB,CAAC,eAAe,CAAC,CAAC;KACpE;SAAM,IAAI,SAAS,EAAE;QACpB,wBAAwB,GAAG,gBAAgB,CAAC,SAAS,CAAC,CAAC;KACxD;IAED,OAAO;QACL,KAAK,EAAE;YACL,YAAY,EAAE,YAAY,GAAG,CAAC;YAC9B,KAAK,EAAE,YAAY;YACnB,MAAM,EAAE,YAAY;YACpB,QAAQ,EAAE,CAAC;YACX,SAAS,EAAE,SAAS;YACpB,cAAc,EAAE,QAAQ;YACxB,UAAU,EAAE,QAAQ;YACpB,eAAe,EAAE,wBAAwB;SAC1C;KACF,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,IAAM,6BAA6B,GAAG,aAAa,CACxD,8BAA8B,EAC9B,2BAA2B,CAC5B,CAAC"}
@@ -0,0 +1,5 @@
1
+ import type { ImageProps } from 'react-native';
2
+ import type { Theme } from '@fluentui-react-native/framework';
3
+ import type { IPersonaCoinTokens } from './PersonaCoin.types';
4
+ export declare const buildPhotoStyles: import("@fluentui-react-native/tokens").StyleFactoryFunction<ImageProps, IPersonaCoinTokens, Theme>;
5
+ //# sourceMappingURL=PersonaCoin.tokens.photo.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"PersonaCoin.tokens.photo.d.ts","sourceRoot":"","sources":["../src/PersonaCoin.tokens.photo.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAE/C,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,kCAAkC,CAAC;AAI9D,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,qBAAqB,CAAC;AAkB9D,eAAO,MAAM,gBAAgB,qGAA0F,CAAC"}
@@ -0,0 +1,17 @@
1
+ import { styleFunction } from '@uifabricshared/foundation-tokens';
2
+ import { calculateEffectiveSizes } from './PersonaCoin.helpers';
3
+ var _photoKeyProps = ['coinSize', 'size'];
4
+ function _buildPhotoStyles(tokenProps /*, theme: ITheme */) {
5
+ var physicalSize = calculateEffectiveSizes(tokenProps).physicalSize;
6
+ return {
7
+ source: {},
8
+ style: {
9
+ borderRadius: physicalSize / 2,
10
+ width: physicalSize,
11
+ height: physicalSize,
12
+ },
13
+ resizeMode: 'cover',
14
+ };
15
+ }
16
+ export var buildPhotoStyles = styleFunction(_buildPhotoStyles, _photoKeyProps);
17
+ //# sourceMappingURL=PersonaCoin.tokens.photo.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"PersonaCoin.tokens.photo.js","sourceRoot":"","sources":["../src/PersonaCoin.tokens.photo.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,aAAa,EAAE,MAAM,mCAAmC,CAAC;AAElE,OAAO,EAAE,uBAAuB,EAAE,MAAM,uBAAuB,CAAC;AAGhE,IAAM,cAAc,GAAiC,CAAC,UAAU,EAAE,MAAM,CAAC,CAAC;AAE1E,SAAS,iBAAiB,CAAC,UAA8B,CAAC,oBAAoB;IACpE,IAAA,YAAY,GAAK,uBAAuB,CAAC,UAAU,CAAC,aAAxC,CAAyC;IAE7D,OAAO;QACL,MAAM,EAAE,EAAE;QACV,KAAK,EAAE;YACL,YAAY,EAAE,YAAY,GAAG,CAAC;YAC9B,KAAK,EAAE,YAAY;YACnB,MAAM,EAAE,YAAY;SACrB;QACD,UAAU,EAAE,OAAO;KACpB,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,IAAM,gBAAgB,GAAG,aAAa,CAAwC,iBAAiB,EAAE,cAAc,CAAC,CAAC"}
@@ -0,0 +1,6 @@
1
+ import type { ViewProps } from 'react-native';
2
+ import type { Theme } from '@fluentui-react-native/framework';
3
+ import type { IPersonaCoinTokens } from './PersonaCoin.types';
4
+ export declare const buildRingStyles: import("@fluentui-react-native/tokens").StyleFactoryFunction<ViewProps, IPersonaCoinTokens, Theme>;
5
+ export declare const buildGlowStyles: import("@fluentui-react-native/tokens").StyleFactoryFunction<ViewProps, IPersonaCoinTokens, Theme>;
6
+ //# sourceMappingURL=PersonaCoin.tokens.ring.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"PersonaCoin.tokens.ring.d.ts","sourceRoot":"","sources":["../src/PersonaCoin.tokens.ring.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAE9C,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,kCAAkC,CAAC;AAI9D,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,qBAAqB,CAAC;AA0D9D,eAAO,MAAM,eAAe,oGAAoF,CAAC;AACjH,eAAO,MAAM,eAAe,oGAAoF,CAAC"}
@@ -0,0 +1,52 @@
1
+ import { styleFunction } from '@uifabricshared/foundation-tokens';
2
+ import { getRingThickness, calculateEffectiveSizes } from './PersonaCoin.helpers';
3
+ var _ringProps = ['coinSize', 'size', 'ring'];
4
+ function _buildRingStyles(tokenProps, theme) {
5
+ var physicalSize = calculateEffectiveSizes(tokenProps).physicalSize;
6
+ var ring = tokenProps.ring;
7
+ if (!ring)
8
+ return {};
9
+ var innerGap = ring.innerGap != undefined ? getRingThickness(ring.innerGap) : getRingThickness(ring.ringThickness || 'xxlarge');
10
+ var effectiveRingThickness = 2 * getRingThickness(ring.ringThickness || 'xxlarge') + innerGap;
11
+ var effectiveSize = physicalSize + 2 * effectiveRingThickness;
12
+ var ringColor = ring.ringBackgroundColor || theme.colors.personaActivityRing;
13
+ return {
14
+ style: {
15
+ borderStyle: 'solid',
16
+ borderColor: ringColor,
17
+ borderWidth: effectiveRingThickness,
18
+ borderRadius: effectiveSize / 2,
19
+ width: effectiveSize,
20
+ height: effectiveSize,
21
+ position: 'absolute',
22
+ top: -effectiveRingThickness,
23
+ left: -effectiveRingThickness,
24
+ },
25
+ };
26
+ }
27
+ function _buildGlowStyles(tokenProps, theme) {
28
+ var physicalSize = calculateEffectiveSizes(tokenProps).physicalSize;
29
+ var ring = tokenProps.ring;
30
+ if (!ring)
31
+ return {};
32
+ var innerGap = ring.innerGap != undefined ? getRingThickness(ring.innerGap) : getRingThickness(ring.ringThickness || 'xxlarge');
33
+ var effectiveRingThickness = getRingThickness(ring.ringThickness || 'xxlarge') + innerGap;
34
+ var effectiveSize = physicalSize + 2 * effectiveRingThickness;
35
+ var glowColor = ring.accent ? theme.colors.accentButtonBackground : ring.ringColor || theme.colors.personaActivityGlow;
36
+ return {
37
+ style: {
38
+ borderStyle: 'solid',
39
+ borderColor: glowColor,
40
+ borderWidth: effectiveRingThickness - innerGap,
41
+ borderRadius: effectiveSize / 2,
42
+ width: effectiveSize,
43
+ height: effectiveSize,
44
+ position: 'absolute',
45
+ top: -effectiveRingThickness,
46
+ left: -effectiveRingThickness,
47
+ },
48
+ };
49
+ }
50
+ export var buildRingStyles = styleFunction(_buildRingStyles, _ringProps);
51
+ export var buildGlowStyles = styleFunction(_buildGlowStyles, _ringProps);
52
+ //# sourceMappingURL=PersonaCoin.tokens.ring.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"PersonaCoin.tokens.ring.js","sourceRoot":"","sources":["../src/PersonaCoin.tokens.ring.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,aAAa,EAAE,MAAM,mCAAmC,CAAC;AAElE,OAAO,EAAE,gBAAgB,EAAE,uBAAuB,EAAE,MAAM,uBAAuB,CAAC;AAGlF,IAAM,UAAU,GAAiC,CAAC,UAAU,EAAE,MAAM,EAAE,MAAM,CAAC,CAAC;AAE9E,SAAS,gBAAgB,CAAC,UAA8B,EAAE,KAAY;IAC5D,IAAA,YAAY,GAAK,uBAAuB,CAAC,UAAU,CAAC,aAAxC,CAAyC;IACrD,IAAA,IAAI,GAAK,UAAU,KAAf,CAAgB;IAE5B,IAAI,CAAC,IAAI;QAAE,OAAO,EAAE,CAAC;IAErB,IAAM,QAAQ,GAAG,IAAI,CAAC,QAAQ,IAAI,SAAS,CAAC,CAAC,CAAC,gBAAgB,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,gBAAgB,CAAC,IAAI,CAAC,aAAa,IAAI,SAAS,CAAC,CAAC;IAElI,IAAM,sBAAsB,GAAG,CAAC,GAAG,gBAAgB,CAAC,IAAI,CAAC,aAAa,IAAI,SAAS,CAAC,GAAG,QAAQ,CAAC;IAChG,IAAM,aAAa,GAAG,YAAY,GAAG,CAAC,GAAG,sBAAsB,CAAC;IAChE,IAAM,SAAS,GAAG,IAAI,CAAC,mBAAmB,IAAI,KAAK,CAAC,MAAM,CAAC,mBAAmB,CAAC;IAE/E,OAAO;QACL,KAAK,EAAE;YACL,WAAW,EAAE,OAAO;YACpB,WAAW,EAAE,SAAS;YACtB,WAAW,EAAE,sBAAsB;YACnC,YAAY,EAAE,aAAa,GAAG,CAAC;YAC/B,KAAK,EAAE,aAAa;YACpB,MAAM,EAAE,aAAa;YACrB,QAAQ,EAAE,UAAU;YACpB,GAAG,EAAE,CAAC,sBAAsB;YAC5B,IAAI,EAAE,CAAC,sBAAsB;SAC9B;KACF,CAAC;AACJ,CAAC;AAED,SAAS,gBAAgB,CAAC,UAA8B,EAAE,KAAY;IAC5D,IAAA,YAAY,GAAK,uBAAuB,CAAC,UAAU,CAAC,aAAxC,CAAyC;IACrD,IAAA,IAAI,GAAK,UAAU,KAAf,CAAgB;IAE5B,IAAI,CAAC,IAAI;QAAE,OAAO,EAAE,CAAC;IAErB,IAAM,QAAQ,GAAG,IAAI,CAAC,QAAQ,IAAI,SAAS,CAAC,CAAC,CAAC,gBAAgB,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,gBAAgB,CAAC,IAAI,CAAC,aAAa,IAAI,SAAS,CAAC,CAAC;IAElI,IAAM,sBAAsB,GAAG,gBAAgB,CAAC,IAAI,CAAC,aAAa,IAAI,SAAS,CAAC,GAAG,QAAQ,CAAC;IAC5F,IAAM,aAAa,GAAG,YAAY,GAAG,CAAC,GAAG,sBAAsB,CAAC;IAChE,IAAM,SAAS,GAAG,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,sBAAsB,CAAC,CAAC,CAAC,IAAI,CAAC,SAAS,IAAI,KAAK,CAAC,MAAM,CAAC,mBAAmB,CAAC;IAEzH,OAAO;QACL,KAAK,EAAE;YACL,WAAW,EAAE,OAAO;YACpB,WAAW,EAAE,SAAS;YACtB,WAAW,EAAE,sBAAsB,GAAG,QAAQ;YAC9C,YAAY,EAAE,aAAa,GAAG,CAAC;YAC/B,KAAK,EAAE,aAAa;YACpB,MAAM,EAAE,aAAa;YACrB,QAAQ,EAAE,UAAU;YACpB,GAAG,EAAE,CAAC,sBAAsB;YAC5B,IAAI,EAAE,CAAC,sBAAsB;SAC9B;KACF,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,IAAM,eAAe,GAAG,aAAa,CAAuC,gBAAgB,EAAE,UAAU,CAAC,CAAC;AACjH,MAAM,CAAC,IAAM,eAAe,GAAG,aAAa,CAAuC,gBAAgB,EAAE,UAAU,CAAC,CAAC"}
@@ -0,0 +1,5 @@
1
+ import type { IViewProps } from '@fluentui-react-native/adapters';
2
+ import type { Theme } from '@fluentui-react-native/framework';
3
+ import type { IPersonaCoinTokens } from './PersonaCoin.types';
4
+ export declare const buildRootStyles: import("@fluentui-react-native/tokens").StyleFactoryFunction<IViewProps, IPersonaCoinTokens, Theme>;
5
+ //# sourceMappingURL=PersonaCoin.tokens.root.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"PersonaCoin.tokens.root.d.ts","sourceRoot":"","sources":["../src/PersonaCoin.tokens.root.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,iCAAiC,CAAC;AAClE,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,kCAAkC,CAAC;AAI9D,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,qBAAqB,CAAC;AA0B9D,eAAO,MAAM,eAAe,qGAAwF,CAAC"}
@@ -0,0 +1,22 @@
1
+ import { styleFunction } from '@uifabricshared/foundation-tokens';
2
+ import { calculateEffectiveSizes } from './PersonaCoin.helpers';
3
+ var nameMap = {
4
+ start: 'flex-start',
5
+ center: 'center',
6
+ end: 'flex-end',
7
+ };
8
+ var _rootKeyProps = ['coinSize', 'size', 'horizontalIconAlignment', 'verticalIconAlignment'];
9
+ function _buildRootStyles(tokenProps /*, theme: ITheme */) {
10
+ var rootStyle = {
11
+ flexDirection: 'row',
12
+ };
13
+ var physicalSize = calculateEffectiveSizes(tokenProps).physicalSize;
14
+ rootStyle.width = physicalSize;
15
+ rootStyle.height = physicalSize;
16
+ var horizontalIconAlignment = tokenProps.horizontalIconAlignment, verticalIconAlignment = tokenProps.verticalIconAlignment;
17
+ rootStyle.justifyContent = nameMap[horizontalIconAlignment || 'end'];
18
+ rootStyle.alignItems = nameMap[verticalIconAlignment || 'end'];
19
+ return { style: rootStyle };
20
+ }
21
+ export var buildRootStyles = styleFunction(_buildRootStyles, _rootKeyProps);
22
+ //# sourceMappingURL=PersonaCoin.tokens.root.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"PersonaCoin.tokens.root.js","sourceRoot":"","sources":["../src/PersonaCoin.tokens.root.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,aAAa,EAAE,MAAM,mCAAmC,CAAC;AAElE,OAAO,EAAE,uBAAuB,EAAE,MAAM,uBAAuB,CAAC;AAGhE,IAAM,OAAO,GAA8B;IACzC,KAAK,EAAE,YAAY;IACnB,MAAM,EAAE,QAAQ;IAChB,GAAG,EAAE,UAAU;CAChB,CAAC;AAEF,IAAM,aAAa,GAAiC,CAAC,UAAU,EAAE,MAAM,EAAE,yBAAyB,EAAE,uBAAuB,CAAC,CAAC;AAE7H,SAAS,gBAAgB,CAAC,UAA8B,CAAC,oBAAoB;IAC3E,IAAM,SAAS,GAAc;QAC3B,aAAa,EAAE,KAAK;KACrB,CAAC;IAEM,IAAA,YAAY,GAAK,uBAAuB,CAAC,UAAU,CAAC,aAAxC,CAAyC;IAC7D,SAAS,CAAC,KAAK,GAAG,YAAY,CAAC;IAC/B,SAAS,CAAC,MAAM,GAAG,YAAY,CAAC;IAExB,IAAA,uBAAuB,GAA4B,UAAU,wBAAtC,EAAE,qBAAqB,GAAK,UAAU,sBAAf,CAAgB;IACtE,SAAS,CAAC,cAAc,GAAG,OAAO,CAAC,uBAAuB,IAAI,KAAK,CAAgC,CAAC;IACpG,SAAS,CAAC,UAAU,GAAG,OAAO,CAAC,qBAAqB,IAAI,KAAK,CAA4B,CAAC;IAE1F,OAAO,EAAE,KAAK,EAAE,SAAS,EAAE,CAAC;AAC9B,CAAC;AAED,MAAM,CAAC,IAAM,eAAe,GAAG,aAAa,CAAwC,gBAAgB,EAAE,aAAa,CAAC,CAAC"}
@@ -0,0 +1,75 @@
1
+ import type { ImageProps, ViewProps, ImageURISource, TextProps, ColorValue } from 'react-native';
2
+ import type { IViewProps } from '@fluentui-react-native/adapters';
3
+ import type { IBackgroundColorTokens, IForegroundColorTokens } from '@fluentui-react-native/tokens';
4
+ import type { IRenderData } from '@uifabricshared/foundation-composable';
5
+ export declare const personaCoinName = "RNFPersonaCoin";
6
+ export type PersonaSize = 'size8' | 'size24' | 'size32' | 'size40' | 'size48' | 'size56' | 'size72' | 'size100' | 'size120';
7
+ /**
8
+ * Sets color of the coin when there is no picture
9
+ * @deprecated Use PersonaCoinFluentColor instead.
10
+ */
11
+ export type PersonaCoinColor = 'lightBlue' | 'blue' | 'darkBlue' | 'teal' | 'green' | 'darkGreen' | 'lightPink' | 'pink' | 'magenta' | 'purple' | 'orange' | 'darkRed' | 'violet' | 'lightRed' | 'gold' | 'burgundy' | 'warmGray' | 'coolGray' | 'cyan' | 'rust';
12
+ /**
13
+ * Sets color of the coin when there is no picture. Uses fluent color names
14
+ */
15
+ export type PersonaCoinFluentColor = 'cornflower' | 'blue' | 'royalBlue' | 'teal' | 'forest' | 'darkGreen' | 'berry' | 'hotPink' | 'grape' | 'purple' | 'pumpkin' | 'red' | 'burgundy' | 'orchid' | 'brass' | 'darkRed' | 'beige' | 'platinum' | 'steel' | 'brown';
16
+ export type PersonaPresence = 'none' | 'offline' | 'online' | 'away' | 'dnd' | 'blocked' | 'busy';
17
+ export type RingThickness = number | 'xSmall' | 'small' | 'medium' | 'large' | 'xlarge' | 'xxlarge';
18
+ export interface RingConfig {
19
+ accent?: boolean;
20
+ transparent?: boolean;
21
+ ringColor?: ColorValue;
22
+ ringBackgroundColor?: ColorValue;
23
+ ringThickness?: RingThickness;
24
+ innerGap?: RingThickness;
25
+ }
26
+ export interface IPersonaConfigurableProps {
27
+ size?: PersonaSize;
28
+ /**
29
+ * Sets color of the coin when there is no picture
30
+ * @deprecated Use coinColorFluent instead
31
+ */
32
+ coinColor?: PersonaCoinColor;
33
+ ring?: RingConfig;
34
+ coinColorFluent?: PersonaCoinFluentColor;
35
+ }
36
+ export interface IPersonaCoinProps extends IViewProps, IPersonaConfigurableProps {
37
+ imageUrl?: string;
38
+ imageDescription?: string;
39
+ initials?: string;
40
+ presence?: PersonaPresence;
41
+ isOutOfOffice?: boolean;
42
+ }
43
+ export interface IPersonaCoinSlotProps {
44
+ root: ViewProps;
45
+ photo: ImageProps;
46
+ initials: TextProps;
47
+ initialsBackground: ViewProps;
48
+ icon: ImageProps;
49
+ ring: ViewProps;
50
+ glow: ViewProps;
51
+ }
52
+ export type IconAlignment = 'start' | 'center' | 'end';
53
+ export interface IPersonaCoinTokens extends IBackgroundColorTokens, IForegroundColorTokens, IPersonaConfigurableProps {
54
+ coinSize?: number;
55
+ iconSize?: number;
56
+ iconStrokeWidth?: number;
57
+ iconStrokeColor?: string;
58
+ initialsSize?: number;
59
+ horizontalIconAlignment?: IconAlignment;
60
+ verticalIconAlignment?: IconAlignment;
61
+ }
62
+ export interface IPersonaCoinState {
63
+ personaPhotoSource: ImageURISource | undefined;
64
+ iconSource: ImageURISource | undefined;
65
+ showRing: boolean;
66
+ transparentRing: boolean;
67
+ }
68
+ export interface IPersonaCoinType {
69
+ props: IPersonaCoinProps;
70
+ slotProps: IPersonaCoinSlotProps;
71
+ tokens: IPersonaCoinTokens;
72
+ state: IPersonaCoinState;
73
+ }
74
+ export type IPersonaCoinRenderData = IRenderData<IPersonaCoinSlotProps, IPersonaCoinState>;
75
+ //# sourceMappingURL=PersonaCoin.types.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"PersonaCoin.types.d.ts","sourceRoot":"","sources":["../src/PersonaCoin.types.ts"],"names":[],"mappings":"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"}
@@ -0,0 +1,2 @@
1
+ export var personaCoinName = 'RNFPersonaCoin';
2
+ //# sourceMappingURL=PersonaCoin.types.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"PersonaCoin.types.js","sourceRoot":"","sources":["../src/PersonaCoin.types.ts"],"names":[],"mappings":"AAMA,MAAM,CAAC,IAAM,eAAe,GAAG,gBAAgB,CAAC"}
package/lib/index.d.ts ADDED
@@ -0,0 +1,5 @@
1
+ export { PersonaCoin } from './PersonaCoin';
2
+ export { personaCoinName } from './PersonaCoin.types';
3
+ export type { IPersonaCoinProps, IPersonaCoinRenderData, IPersonaCoinSlotProps, IPersonaCoinState, IPersonaCoinTokens, IPersonaCoinType, IPersonaConfigurableProps, IconAlignment, PersonaCoinColor, PersonaCoinFluentColor, PersonaPresence, PersonaSize, RingConfig, RingThickness, } from './PersonaCoin.types';
4
+ export { buildRootStyles } from './PersonaCoin.tokens.root';
5
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AACtD,YAAY,EACV,iBAAiB,EACjB,sBAAsB,EACtB,qBAAqB,EACrB,iBAAiB,EACjB,kBAAkB,EAClB,gBAAgB,EAChB,yBAAyB,EACzB,aAAa,EACb,gBAAgB,EAChB,sBAAsB,EACtB,eAAe,EACf,WAAW,EACX,UAAU,EACV,aAAa,GACd,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EAAE,eAAe,EAAE,MAAM,2BAA2B,CAAC"}
package/lib/index.js ADDED
@@ -0,0 +1,4 @@
1
+ export { PersonaCoin } from './PersonaCoin';
2
+ export { personaCoinName } from './PersonaCoin.types';
3
+ export { buildRootStyles } from './PersonaCoin.tokens.root';
4
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AAiBtD,OAAO,EAAE,eAAe,EAAE,MAAM,2BAA2B,CAAC"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@fluentui-react-native/persona-coin",
3
- "version": "0.12.29",
3
+ "version": "0.12.30",
4
4
  "description": "A cross-platform PersonaCoin component using the Fluent Design System",
5
5
  "main": "lib-commonjs/index.js",
6
6
  "module": "lib/index.js",
@@ -22,14 +22,14 @@
22
22
  "directory": "packages/components/PersonaCoin"
23
23
  },
24
24
  "dependencies": {
25
- "@uifabricshared/foundation-compose": "^1.13.7",
25
+ "@uifabricshared/foundation-compose": "^1.13.8",
26
26
  "@fluentui-react-native/adapters": ">=0.10.2 <1.0.0",
27
- "@fluentui-react-native/framework": ">=0.9.7 <1.0.0",
27
+ "@fluentui-react-native/framework": ">=0.9.8 <1.0.0",
28
28
  "@fluentui-react-native/theme-tokens": ">=0.24.5 <1.0.0",
29
- "@fluentui-react-native/tokens": ">=0.20.13 <1.0.0",
29
+ "@fluentui-react-native/tokens": ">=0.20.14 <1.0.0",
30
30
  "@uifabricshared/foundation-composable": ">=0.11.3 <1.0.0",
31
31
  "@uifabricshared/foundation-settings": ">=0.12.3 <1.0.0",
32
- "@uifabricshared/foundation-tokens": ">=0.12.30 <1.0.0"
32
+ "@uifabricshared/foundation-tokens": ">=0.12.31 <1.0.0"
33
33
  },
34
34
  "devDependencies": {
35
35
  "@fluentui-react-native/eslint-config-rules": "^0.1.1",