@fluentui-react-native/persona-coin 0.15.3 → 0.15.5
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.json +42 -1
- package/CHANGELOG.md +10 -2
- package/eslint.config.js +3 -0
- package/lib/PersonaCoin.helpers.js +7 -7
- package/lib/PersonaCoin.helpers.js.map +1 -1
- package/lib/PersonaCoin.js +13 -35
- package/lib/PersonaCoin.js.map +1 -1
- package/lib/PersonaCoin.settings.js +1 -1
- package/lib/PersonaCoin.settings.js.map +1 -1
- package/lib/PersonaCoin.tokens.icon.js +5 -5
- package/lib/PersonaCoin.tokens.icon.js.map +1 -1
- package/lib/PersonaCoin.tokens.initials.js +3 -3
- package/lib/PersonaCoin.tokens.initials.js.map +1 -1
- package/lib/PersonaCoin.tokens.initialsBackground.js +5 -5
- package/lib/PersonaCoin.tokens.initialsBackground.js.map +1 -1
- package/lib/PersonaCoin.tokens.photo.js +3 -3
- package/lib/PersonaCoin.tokens.photo.js.map +1 -1
- package/lib/PersonaCoin.tokens.ring.js +15 -15
- package/lib/PersonaCoin.tokens.ring.js.map +1 -1
- package/lib/PersonaCoin.tokens.root.js +6 -6
- package/lib/PersonaCoin.tokens.root.js.map +1 -1
- package/lib/PersonaCoin.types.js +1 -1
- package/lib/PersonaCoin.types.js.map +1 -1
- package/lib-commonjs/PersonaCoin.helpers.js +8 -8
- package/lib-commonjs/PersonaCoin.helpers.js.map +1 -1
- package/lib-commonjs/PersonaCoin.js +27 -49
- package/lib-commonjs/PersonaCoin.js.map +1 -1
- package/lib-commonjs/PersonaCoin.settings.js +2 -2
- package/lib-commonjs/PersonaCoin.settings.js.map +1 -1
- package/lib-commonjs/PersonaCoin.tokens.icon.js +6 -6
- package/lib-commonjs/PersonaCoin.tokens.icon.js.map +1 -1
- package/lib-commonjs/PersonaCoin.tokens.initials.js +4 -4
- package/lib-commonjs/PersonaCoin.tokens.initials.js.map +1 -1
- package/lib-commonjs/PersonaCoin.tokens.initialsBackground.js +6 -6
- package/lib-commonjs/PersonaCoin.tokens.initialsBackground.js.map +1 -1
- package/lib-commonjs/PersonaCoin.tokens.photo.js +4 -4
- package/lib-commonjs/PersonaCoin.tokens.photo.js.map +1 -1
- package/lib-commonjs/PersonaCoin.tokens.ring.js +15 -15
- package/lib-commonjs/PersonaCoin.tokens.ring.js.map +1 -1
- package/lib-commonjs/PersonaCoin.tokens.root.js +7 -7
- package/lib-commonjs/PersonaCoin.tokens.root.js.map +1 -1
- package/package.json +22 -10
- package/.eslintrc.js +0 -3
package/CHANGELOG.json
CHANGED
|
@@ -2,7 +2,48 @@
|
|
|
2
2
|
"name": "@fluentui-react-native/persona-coin",
|
|
3
3
|
"entries": [
|
|
4
4
|
{
|
|
5
|
-
"date": "
|
|
5
|
+
"date": "Fri, 11 Jul 2025 19:50:48 GMT",
|
|
6
|
+
"version": "0.15.5",
|
|
7
|
+
"tag": "@fluentui-react-native/persona-coin_v0.15.5",
|
|
8
|
+
"comments": {
|
|
9
|
+
"none": [
|
|
10
|
+
{
|
|
11
|
+
"author": "4123478+tido64@users.noreply.github.com",
|
|
12
|
+
"package": "@fluentui-react-native/persona-coin",
|
|
13
|
+
"commit": "79bb06f6bbfd0a36f9d2ef371f4857be9660f027",
|
|
14
|
+
"comment": "Fixed `align-deps` warnings"
|
|
15
|
+
},
|
|
16
|
+
{
|
|
17
|
+
"author": "ruaraki@microsoft.com",
|
|
18
|
+
"package": "@fluentui-react-native/persona-coin",
|
|
19
|
+
"commit": "a245202877ef7f2be9ab5f0e1356b2270957e693",
|
|
20
|
+
"comment": "Run bump-versions"
|
|
21
|
+
},
|
|
22
|
+
{
|
|
23
|
+
"author": "jasonmo@microsoft.com",
|
|
24
|
+
"package": "@fluentui-react-native/persona-coin",
|
|
25
|
+
"commit": "54087dca787180bbf34630470cd0d06e88366b30",
|
|
26
|
+
"comment": "update eslint to 9.x and use new flat config format with security rules"
|
|
27
|
+
},
|
|
28
|
+
{
|
|
29
|
+
"author": "sanajmi@microsoft.com",
|
|
30
|
+
"package": "@fluentui-react-native/persona-coin",
|
|
31
|
+
"commit": "405ca368dc3f2963bfc252a1952b1e14ff503499",
|
|
32
|
+
"comment": "fix: run `beachball sync` to sync package versions with NPM"
|
|
33
|
+
}
|
|
34
|
+
],
|
|
35
|
+
"patch": [
|
|
36
|
+
{
|
|
37
|
+
"author": "jasonmo@microsoft.com",
|
|
38
|
+
"package": "@fluentui-react-native/persona-coin",
|
|
39
|
+
"commit": "479b93cea460a26df70c55b5d3335927ed374713",
|
|
40
|
+
"comment": "update builds to use node16 settings and modern export maps"
|
|
41
|
+
}
|
|
42
|
+
]
|
|
43
|
+
}
|
|
44
|
+
},
|
|
45
|
+
{
|
|
46
|
+
"date": "Thu, 10 Jul 2025 19:20:19 GMT",
|
|
6
47
|
"version": "0.15.3",
|
|
7
48
|
"tag": "@fluentui-react-native/persona-coin_v0.15.3",
|
|
8
49
|
"comments": {
|
package/CHANGELOG.md
CHANGED
|
@@ -1,12 +1,20 @@
|
|
|
1
1
|
# Change Log - @fluentui-react-native/persona-coin
|
|
2
2
|
|
|
3
|
-
<!-- This log was last generated on
|
|
3
|
+
<!-- This log was last generated on Fri, 11 Jul 2025 19:50:48 GMT and should not be manually modified. -->
|
|
4
4
|
|
|
5
5
|
<!-- Start content -->
|
|
6
6
|
|
|
7
|
+
## 0.15.5
|
|
8
|
+
|
|
9
|
+
Fri, 11 Jul 2025 19:50:48 GMT
|
|
10
|
+
|
|
11
|
+
### Patches
|
|
12
|
+
|
|
13
|
+
- update builds to use node16 settings and modern export maps (jasonmo@microsoft.com)
|
|
14
|
+
|
|
7
15
|
## 0.15.3
|
|
8
16
|
|
|
9
|
-
Thu,
|
|
17
|
+
Thu, 10 Jul 2025 19:20:19 GMT
|
|
10
18
|
|
|
11
19
|
### Patches
|
|
12
20
|
|
package/eslint.config.js
ADDED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { globalTokens } from '@fluentui-react-native/theme-tokens';
|
|
2
|
-
|
|
2
|
+
const presenceIconCache = {
|
|
3
3
|
none: { uri: '' },
|
|
4
4
|
offline: {
|
|
5
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',
|
|
@@ -21,11 +21,11 @@ var presenceIconCache = {
|
|
|
21
21
|
},
|
|
22
22
|
};
|
|
23
23
|
// TODO: Need icons for the OOF statues
|
|
24
|
-
|
|
24
|
+
const presenceOOFIconCache = presenceIconCache;
|
|
25
25
|
export function getPresenceIconSource(presence, isOutOfOffice) {
|
|
26
26
|
return isOutOfOffice ? presenceOOFIconCache[presence] : presenceIconCache[presence];
|
|
27
27
|
}
|
|
28
|
-
|
|
28
|
+
const sizeTable = {
|
|
29
29
|
size8: { physicalSize: 8, iconSize: 0, iconStrokeWidth: 0, initialsSize: 4 },
|
|
30
30
|
size24: { physicalSize: 24, iconSize: 8, iconStrokeWidth: 2, initialsSize: 10 },
|
|
31
31
|
size32: { physicalSize: 32, iconSize: 8, iconStrokeWidth: 2, initialsSize: 12 },
|
|
@@ -39,7 +39,7 @@ var sizeTable = {
|
|
|
39
39
|
export function getSizeConfig(size) {
|
|
40
40
|
return sizeTable[size];
|
|
41
41
|
}
|
|
42
|
-
|
|
42
|
+
const colorTable = {
|
|
43
43
|
lightBlue: globalTokens.color.cornflower.primary,
|
|
44
44
|
blue: globalTokens.color.blue.primary,
|
|
45
45
|
darkBlue: globalTokens.color.royalBlue.primary,
|
|
@@ -68,7 +68,7 @@ var colorTable = {
|
|
|
68
68
|
export function convertCoinColor(coinColor) {
|
|
69
69
|
return colorTable[coinColor];
|
|
70
70
|
}
|
|
71
|
-
|
|
71
|
+
const colorTableFluent = {
|
|
72
72
|
cornflower: globalTokens.color.cornflower.primary,
|
|
73
73
|
blue: globalTokens.color.blue.primary,
|
|
74
74
|
royalBlue: globalTokens.color.royalBlue.primary,
|
|
@@ -97,12 +97,12 @@ export function convertCoinColorFluent(coinColor) {
|
|
|
97
97
|
return colorTableFluent[coinColor];
|
|
98
98
|
}
|
|
99
99
|
export function calculateEffectiveSizes(tokens) {
|
|
100
|
-
|
|
100
|
+
const { size, coinSize, iconSize, iconStrokeWidth, initialsSize } = tokens;
|
|
101
101
|
if (size) {
|
|
102
102
|
return sizeTable[size];
|
|
103
103
|
}
|
|
104
104
|
else {
|
|
105
|
-
|
|
105
|
+
const { physicalSize: defaultPhysicalSize, iconSize: defaultIconSize, iconStrokeWidth: defaultIconStrokeWidth, initialsSize: defaultInitialsSize, } = sizeTable['size40'];
|
|
106
106
|
return {
|
|
107
107
|
physicalSize: coinSize || defaultPhysicalSize,
|
|
108
108
|
iconSize: iconSize || defaultIconSize,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PersonaCoin.helpers.js","sourceRoot":"","sources":["../src/PersonaCoin.helpers.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,YAAY,EAAE,MAAM,qCAAqC,CAAC;AAWnE,
|
|
1
|
+
{"version":3,"file":"PersonaCoin.helpers.js","sourceRoot":"","sources":["../src/PersonaCoin.helpers.ts"],"names":[],"mappings":"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"}
|
package/lib/PersonaCoin.js
CHANGED
|
@@ -1,25 +1,3 @@
|
|
|
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
1
|
/** @jsxRuntime classic */
|
|
24
2
|
/** @jsx withSlots */
|
|
25
3
|
import { Image, View, Text } from 'react-native';
|
|
@@ -38,18 +16,18 @@ import { buildGlowStyles, buildRingStyles } from './PersonaCoin.tokens.ring';
|
|
|
38
16
|
import { buildRootStyles } from './PersonaCoin.tokens.root';
|
|
39
17
|
import { personaCoinName } from './PersonaCoin.types';
|
|
40
18
|
function usePrepareForProps(props, useStyling) {
|
|
41
|
-
|
|
42
|
-
|
|
19
|
+
const { imageUrl, imageDescription, initials, presence, isOutOfOffice, ring, ...rest } = props;
|
|
20
|
+
const personaPhotoSource = imageUrl === undefined
|
|
43
21
|
? undefined
|
|
44
22
|
: {
|
|
45
23
|
uri: imageUrl,
|
|
46
24
|
};
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
25
|
+
const iconSource = presence === undefined ? undefined : getPresenceIconSource(presence, isOutOfOffice || false);
|
|
26
|
+
const showRing = !!ring;
|
|
27
|
+
const transparentRing = !!ring?.transparent;
|
|
50
28
|
return {
|
|
51
29
|
slotProps: mergeSettings(useStyling(props), {
|
|
52
|
-
root:
|
|
30
|
+
root: { ...rest },
|
|
53
31
|
initials: {
|
|
54
32
|
children: initials,
|
|
55
33
|
},
|
|
@@ -58,18 +36,18 @@ function usePrepareForProps(props, useStyling) {
|
|
|
58
36
|
},
|
|
59
37
|
}),
|
|
60
38
|
state: {
|
|
61
|
-
iconSource
|
|
62
|
-
personaPhotoSource
|
|
63
|
-
showRing
|
|
64
|
-
transparentRing
|
|
39
|
+
iconSource,
|
|
40
|
+
personaPhotoSource,
|
|
41
|
+
showRing,
|
|
42
|
+
transparentRing,
|
|
65
43
|
},
|
|
66
44
|
};
|
|
67
45
|
}
|
|
68
|
-
|
|
46
|
+
const render = (Slots, renderData) => {
|
|
69
47
|
if (!renderData.state) {
|
|
70
48
|
return null;
|
|
71
49
|
}
|
|
72
|
-
|
|
50
|
+
const { personaPhotoSource, iconSource, showRing, transparentRing } = renderData.state;
|
|
73
51
|
return (withSlots(Slots.root, null,
|
|
74
52
|
personaPhotoSource ? (withSlots(Slots.photo, { source: personaPhotoSource })) : (withSlots(Slots.initialsBackground, null,
|
|
75
53
|
withSlots(Slots.initials, null))),
|
|
@@ -77,7 +55,7 @@ var render = function (Slots, renderData) {
|
|
|
77
55
|
showRing && withSlots(Slots.glow, null),
|
|
78
56
|
!!iconSource && !!iconSource.uri && withSlots(Slots.icon, { source: iconSource })));
|
|
79
57
|
};
|
|
80
|
-
export
|
|
58
|
+
export const PersonaCoin = compose({
|
|
81
59
|
displayName: personaCoinName,
|
|
82
60
|
usePrepareProps: usePrepareForProps,
|
|
83
61
|
settings: settings,
|
package/lib/PersonaCoin.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PersonaCoin.js","sourceRoot":"","sources":["../src/PersonaCoin.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"PersonaCoin.js","sourceRoot":"","sources":["../src/PersonaCoin.tsx"],"names":[],"mappings":"AAAA,0BAA0B;AAC1B,qBAAqB;AACrB,OAAO,EAAE,KAAK,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAEjD,OAAO,EAAE,eAAe,EAAE,gBAAgB,EAAE,MAAM,iCAAiC,CAAC;AACpF,OAAO,EAAE,qBAAqB,EAAE,MAAM,+BAA+B,CAAC;AAEtE,OAAO,EAAE,SAAS,EAAE,MAAM,uCAAuC,CAAC;AAClE,OAAO,EAAE,OAAO,EAAE,MAAM,oCAAoC,CAAC;AAE7D,OAAO,EAAE,aAAa,EAAE,MAAM,qCAAqC,CAAC;AAEpE,OAAO,EAAE,qBAAqB,EAAE,MAAM,uBAAuB,CAAC;AAC9D,OAAO,EAAE,QAAQ,EAAE,MAAM,wBAAwB,CAAC;AAClD,OAAO,EAAE,eAAe,EAAE,MAAM,2BAA2B,CAAC;AAC5D,OAAO,EAAE,mBAAmB,EAAE,MAAM,+BAA+B,CAAC;AACpE,OAAO,EAAE,6BAA6B,EAAE,MAAM,yCAAyC,CAAC;AACxF,OAAO,EAAE,gBAAgB,EAAE,MAAM,4BAA4B,CAAC;AAC9D,OAAO,EAAE,eAAe,EAAE,eAAe,EAAE,MAAM,2BAA2B,CAAC;AAC7E,OAAO,EAAE,eAAe,EAAE,MAAM,2BAA2B,CAAC;AAC5D,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AAStD,SAAS,kBAAkB,CACzB,KAAwB,EACxB,UAAgD;IAEhD,MAAM,EAAE,QAAQ,EAAE,gBAAgB,EAAE,QAAQ,EAAE,QAAQ,EAAE,aAAa,EAAE,IAAI,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK,CAAC;IAE/F,MAAM,kBAAkB,GACtB,QAAQ,KAAK,SAAS;QACpB,CAAC,CAAC,SAAS;QACX,CAAC,CAAC;YACE,GAAG,EAAE,QAAQ;SACd,CAAC;IAER,MAAM,UAAU,GAAG,QAAQ,KAAK,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,qBAAqB,CAAC,QAAQ,EAAE,aAAa,IAAI,KAAK,CAAC,CAAC;IAChH,MAAM,QAAQ,GAAG,CAAC,CAAC,IAAI,CAAC;IACxB,MAAM,eAAe,GAAG,CAAC,CAAC,IAAI,EAAE,WAAW,CAAC;IAE5C,OAAO;QACL,SAAS,EAAE,aAAa,CAAgC,UAAU,CAAC,KAAK,CAAC,EAAE;YACzE,IAAI,EAAE,EAAE,GAAG,IAAI,EAAE;YACjB,QAAQ,EAAE;gBACR,QAAQ,EAAE,QAAQ;aACnB;YACD,KAAK,EAAE;gBACL,kBAAkB,EAAE,gBAAgB;aACrC;SACF,CAAC;QACF,KAAK,EAAE;YACL,UAAU;YACV,kBAAkB;YAClB,QAAQ;YACR,eAAe;SAChB;KACF,CAAC;AACJ,CAAC;AAED,MAAM,MAAM,GAAG,CAAC,KAAoC,EAAE,UAAkC,EAAsB,EAAE;IAC9G,IAAI,CAAC,UAAU,CAAC,KAAK,EAAE;QACrB,OAAO,IAAI,CAAC;KACb;IAED,MAAM,EAAE,kBAAkB,EAAE,UAAU,EAAE,QAAQ,EAAE,eAAe,EAAE,GAAG,UAAU,CAAC,KAAK,CAAC;IAEvF,OAAO,CACL,UAAC,KAAK,CAAC,IAAI;QACR,kBAAkB,CAAC,CAAC,CAAC,CACpB,UAAC,KAAK,CAAC,KAAK,IAAC,MAAM,EAAE,kBAAkB,GAAI,CAC5C,CAAC,CAAC,CAAC,CACF,UAAC,KAAK,CAAC,kBAAkB;YACvB,UAAC,KAAK,CAAC,QAAQ,OAAG,CACO,CAC5B;QACA,QAAQ,IAAI,CAAC,eAAe,IAAI,UAAC,KAAK,CAAC,IAAI,OAAG;QAC9C,QAAQ,IAAI,UAAC,KAAK,CAAC,IAAI,OAAG;QAC1B,CAAC,CAAC,UAAU,IAAI,CAAC,CAAC,UAAU,CAAC,GAAG,IAAI,UAAC,KAAK,CAAC,IAAI,IAAC,MAAM,EAAE,UAAU,GAAI,CAC5D,CACd,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,WAAW,GAAG,OAAO,CAAmB;IACnD,WAAW,EAAE,eAAe;IAC5B,eAAe,EAAE,kBAAkB;IACnC,QAAQ,EAAE,QAAQ;IAClB,KAAK,EAAE;QACL,IAAI,EAAE;YACJ,QAAQ,EAAE,IAAI;YACd,MAAM,EAAE,eAAe;SACxB;QACD,KAAK,EAAE;YACL,QAAQ,EAAE,KAAK;YACf,MAAM,EAAE,gBAAgB;SACzB;QACD,QAAQ,EAAE,IAAI;QACd,kBAAkB,EAAE;YAClB,QAAQ,EAAE,IAAI;YACd,MAAM,EAAE,eAAe;SACxB;QACD,IAAI,EAAE;YACJ,QAAQ,EAAE,KAAK;YACf,MAAM,EAAE,gBAAgB;SACzB;QACD,IAAI,EAAE;YACJ,QAAQ,EAAE,IAAI;YACd,MAAM,EAAE,eAAe;SACxB;QACD,IAAI,EAAE;YACJ,QAAQ,EAAE,IAAI;YACd,MAAM,EAAE,eAAe;SACxB;KACF;IACD,MAAM,EAAE,MAAM;IACd,MAAM,EAAE;QACN,IAAI,EAAE,CAAC,eAAe,CAAC;QACvB,QAAQ,EAAE,CAAC,qBAAqB,EAAE,mBAAmB,CAAC;QACtD,kBAAkB,EAAE,CAAC,6BAA6B,CAAC;QACnD,KAAK,EAAE,CAAC,gBAAgB,CAAC;QACzB,IAAI,EAAE,CAAC,eAAe,CAAC;QACvB,IAAI,EAAE,CAAC,eAAe,CAAC;QACvB,IAAI,EAAE,CAAC,eAAe,CAAC;KACxB;CACF,CAAC,CAAC"}
|
|
@@ -1 +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,
|
|
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,MAAM,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"}
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
import { styleFunction } from '@uifabricshared/foundation-tokens';
|
|
2
2
|
import { calculateEffectiveSizes } from './PersonaCoin.helpers';
|
|
3
|
-
|
|
3
|
+
const _iconKeyProps = ['iconSize', 'size', 'coinSize'];
|
|
4
4
|
function _buildIconStyles(tokenProps, theme) {
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
5
|
+
const { iconSize, iconStrokeWidth } = calculateEffectiveSizes(tokenProps);
|
|
6
|
+
const iconSizeAdjusted = iconSize + iconStrokeWidth * 2;
|
|
7
|
+
const iconStrokeColor = tokenProps.iconStrokeColor || theme.colors.background;
|
|
8
8
|
return {
|
|
9
9
|
source: {},
|
|
10
10
|
style: {
|
|
@@ -19,5 +19,5 @@ function _buildIconStyles(tokenProps, theme) {
|
|
|
19
19
|
},
|
|
20
20
|
};
|
|
21
21
|
}
|
|
22
|
-
export
|
|
22
|
+
export const buildIconStyles = styleFunction(_buildIconStyles, _iconKeyProps);
|
|
23
23
|
//# sourceMappingURL=PersonaCoin.tokens.icon.js.map
|
|
@@ -1 +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,
|
|
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,MAAM,aAAa,GAAiC,CAAC,UAAU,EAAE,MAAM,EAAE,UAAU,CAAC,CAAC;AAErF,SAAS,gBAAgB,CAAC,UAA8B,EAAE,KAAY;IACpE,MAAM,EAAE,QAAQ,EAAE,eAAe,EAAE,GAAG,uBAAuB,CAAC,UAAU,CAAC,CAAC;IAC1E,MAAM,gBAAgB,GAAG,QAAQ,GAAG,eAAe,GAAG,CAAC,CAAC;IACxD,MAAM,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,MAAM,eAAe,GAAG,aAAa,CAAwC,gBAAgB,EAAE,aAAa,CAAC,CAAC"}
|
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
import { styleFunction } from '@uifabricshared/foundation-tokens';
|
|
2
2
|
import { calculateEffectiveSizes } from './PersonaCoin.helpers';
|
|
3
|
-
|
|
3
|
+
const _initialsKeyProps = ['coinSize', 'initialsSize', 'size'];
|
|
4
4
|
function _buildInitialsStyles(tokenProps /*, theme: ITheme */) {
|
|
5
|
-
|
|
5
|
+
const { initialsSize } = calculateEffectiveSizes(tokenProps);
|
|
6
6
|
return {
|
|
7
7
|
style: {
|
|
8
8
|
fontSize: initialsSize,
|
|
9
9
|
},
|
|
10
10
|
};
|
|
11
11
|
}
|
|
12
|
-
export
|
|
12
|
+
export const buildInitialsStyles = styleFunction(_buildInitialsStyles, _initialsKeyProps);
|
|
13
13
|
//# sourceMappingURL=PersonaCoin.tokens.initials.js.map
|
|
@@ -1 +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,
|
|
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,MAAM,iBAAiB,GAAiC,CAAC,UAAU,EAAE,cAAc,EAAE,MAAM,CAAC,CAAC;AAE7F,SAAS,oBAAoB,CAAC,UAA8B,CAAC,oBAAoB;IAC/E,MAAM,EAAE,YAAY,EAAE,GAAG,uBAAuB,CAAC,UAAU,CAAC,CAAC;IAE7D,OAAO;QACL,KAAK,EAAE;YACL,QAAQ,EAAE,YAAY;SACvB;KACF,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,MAAM,mBAAmB,GAAG,aAAa,CAAuC,oBAAoB,EAAE,iBAAiB,CAAC,CAAC"}
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
import { styleFunction } from '@uifabricshared/foundation-tokens';
|
|
2
2
|
import { convertCoinColor, convertCoinColorFluent, calculateEffectiveSizes } from './PersonaCoin.helpers';
|
|
3
|
-
|
|
3
|
+
const _initialsBackgroundKeyProps = ['coinSize', 'size', 'coinColor', 'coinColorFluent', 'backgroundColor'];
|
|
4
4
|
function _buildInitialsBackgroundStyles(tokenProps /*, theme: ITheme*/) {
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
5
|
+
const { physicalSize } = calculateEffectiveSizes(tokenProps);
|
|
6
|
+
const { backgroundColor, coinColor, coinColorFluent } = tokenProps;
|
|
7
|
+
let effectiveBackgroundColor = backgroundColor;
|
|
8
8
|
if (coinColorFluent) {
|
|
9
9
|
effectiveBackgroundColor = convertCoinColorFluent(coinColorFluent);
|
|
10
10
|
}
|
|
@@ -24,5 +24,5 @@ function _buildInitialsBackgroundStyles(tokenProps /*, theme: ITheme*/) {
|
|
|
24
24
|
},
|
|
25
25
|
};
|
|
26
26
|
}
|
|
27
|
-
export
|
|
27
|
+
export const buildInitialsBackgroundStyles = styleFunction(_buildInitialsBackgroundStyles, _initialsBackgroundKeyProps);
|
|
28
28
|
//# sourceMappingURL=PersonaCoin.tokens.initialsBackground.js.map
|
|
@@ -1 +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,
|
|
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,MAAM,2BAA2B,GAAiC,CAAC,UAAU,EAAE,MAAM,EAAE,WAAW,EAAE,iBAAiB,EAAE,iBAAiB,CAAC,CAAC;AAE1I,SAAS,8BAA8B,CAAC,UAA8B,CAAC,mBAAmB;IACxF,MAAM,EAAE,YAAY,EAAE,GAAG,uBAAuB,CAAC,UAAU,CAAC,CAAC;IAE7D,MAAM,EAAE,eAAe,EAAE,SAAS,EAAE,eAAe,EAAE,GAAG,UAAU,CAAC;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,MAAM,6BAA6B,GAAG,aAAa,CACxD,8BAA8B,EAC9B,2BAA2B,CAC5B,CAAC"}
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import { styleFunction } from '@uifabricshared/foundation-tokens';
|
|
2
2
|
import { calculateEffectiveSizes } from './PersonaCoin.helpers';
|
|
3
|
-
|
|
3
|
+
const _photoKeyProps = ['coinSize', 'size'];
|
|
4
4
|
function _buildPhotoStyles(tokenProps /*, theme: ITheme */) {
|
|
5
|
-
|
|
5
|
+
const { physicalSize } = calculateEffectiveSizes(tokenProps);
|
|
6
6
|
return {
|
|
7
7
|
source: {},
|
|
8
8
|
style: {
|
|
@@ -13,5 +13,5 @@ function _buildPhotoStyles(tokenProps /*, theme: ITheme */) {
|
|
|
13
13
|
resizeMode: 'cover',
|
|
14
14
|
};
|
|
15
15
|
}
|
|
16
|
-
export
|
|
16
|
+
export const buildPhotoStyles = styleFunction(_buildPhotoStyles, _photoKeyProps);
|
|
17
17
|
//# sourceMappingURL=PersonaCoin.tokens.photo.js.map
|
|
@@ -1 +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,
|
|
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,MAAM,cAAc,GAAiC,CAAC,UAAU,EAAE,MAAM,CAAC,CAAC;AAE1E,SAAS,iBAAiB,CAAC,UAA8B,CAAC,oBAAoB;IAC5E,MAAM,EAAE,YAAY,EAAE,GAAG,uBAAuB,CAAC,UAAU,CAAC,CAAC;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,MAAM,gBAAgB,GAAG,aAAa,CAAwC,iBAAiB,EAAE,cAAc,CAAC,CAAC"}
|
|
@@ -1,15 +1,15 @@
|
|
|
1
1
|
import { styleFunction } from '@uifabricshared/foundation-tokens';
|
|
2
2
|
import { getRingThickness, calculateEffectiveSizes } from './PersonaCoin.helpers';
|
|
3
|
-
|
|
3
|
+
const _ringProps = ['coinSize', 'size', 'ring'];
|
|
4
4
|
function _buildRingStyles(tokenProps, theme) {
|
|
5
|
-
|
|
6
|
-
|
|
5
|
+
const { physicalSize } = calculateEffectiveSizes(tokenProps);
|
|
6
|
+
const { ring } = tokenProps;
|
|
7
7
|
if (!ring)
|
|
8
8
|
return {};
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
9
|
+
const innerGap = ring.innerGap != undefined ? getRingThickness(ring.innerGap) : getRingThickness(ring.ringThickness || 'xxlarge');
|
|
10
|
+
const effectiveRingThickness = 2 * getRingThickness(ring.ringThickness || 'xxlarge') + innerGap;
|
|
11
|
+
const effectiveSize = physicalSize + 2 * effectiveRingThickness;
|
|
12
|
+
const ringColor = ring.ringBackgroundColor || theme.colors.personaActivityRing;
|
|
13
13
|
return {
|
|
14
14
|
style: {
|
|
15
15
|
borderStyle: 'solid',
|
|
@@ -25,14 +25,14 @@ function _buildRingStyles(tokenProps, theme) {
|
|
|
25
25
|
};
|
|
26
26
|
}
|
|
27
27
|
function _buildGlowStyles(tokenProps, theme) {
|
|
28
|
-
|
|
29
|
-
|
|
28
|
+
const { physicalSize } = calculateEffectiveSizes(tokenProps);
|
|
29
|
+
const { ring } = tokenProps;
|
|
30
30
|
if (!ring)
|
|
31
31
|
return {};
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
32
|
+
const innerGap = ring.innerGap != undefined ? getRingThickness(ring.innerGap) : getRingThickness(ring.ringThickness || 'xxlarge');
|
|
33
|
+
const effectiveRingThickness = getRingThickness(ring.ringThickness || 'xxlarge') + innerGap;
|
|
34
|
+
const effectiveSize = physicalSize + 2 * effectiveRingThickness;
|
|
35
|
+
const glowColor = ring.accent ? theme.colors.accentButtonBackground : ring.ringColor || theme.colors.personaActivityGlow;
|
|
36
36
|
return {
|
|
37
37
|
style: {
|
|
38
38
|
borderStyle: 'solid',
|
|
@@ -47,6 +47,6 @@ function _buildGlowStyles(tokenProps, theme) {
|
|
|
47
47
|
},
|
|
48
48
|
};
|
|
49
49
|
}
|
|
50
|
-
export
|
|
51
|
-
export
|
|
50
|
+
export const buildRingStyles = styleFunction(_buildRingStyles, _ringProps);
|
|
51
|
+
export const buildGlowStyles = styleFunction(_buildGlowStyles, _ringProps);
|
|
52
52
|
//# sourceMappingURL=PersonaCoin.tokens.ring.js.map
|
|
@@ -1 +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,
|
|
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,MAAM,UAAU,GAAiC,CAAC,UAAU,EAAE,MAAM,EAAE,MAAM,CAAC,CAAC;AAE9E,SAAS,gBAAgB,CAAC,UAA8B,EAAE,KAAY;IACpE,MAAM,EAAE,YAAY,EAAE,GAAG,uBAAuB,CAAC,UAAU,CAAC,CAAC;IAC7D,MAAM,EAAE,IAAI,EAAE,GAAG,UAAU,CAAC;IAE5B,IAAI,CAAC,IAAI;QAAE,OAAO,EAAE,CAAC;IAErB,MAAM,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,MAAM,sBAAsB,GAAG,CAAC,GAAG,gBAAgB,CAAC,IAAI,CAAC,aAAa,IAAI,SAAS,CAAC,GAAG,QAAQ,CAAC;IAChG,MAAM,aAAa,GAAG,YAAY,GAAG,CAAC,GAAG,sBAAsB,CAAC;IAChE,MAAM,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;IACpE,MAAM,EAAE,YAAY,EAAE,GAAG,uBAAuB,CAAC,UAAU,CAAC,CAAC;IAC7D,MAAM,EAAE,IAAI,EAAE,GAAG,UAAU,CAAC;IAE5B,IAAI,CAAC,IAAI;QAAE,OAAO,EAAE,CAAC;IAErB,MAAM,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,MAAM,sBAAsB,GAAG,gBAAgB,CAAC,IAAI,CAAC,aAAa,IAAI,SAAS,CAAC,GAAG,QAAQ,CAAC;IAC5F,MAAM,aAAa,GAAG,YAAY,GAAG,CAAC,GAAG,sBAAsB,CAAC;IAChE,MAAM,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,MAAM,eAAe,GAAG,aAAa,CAAuC,gBAAgB,EAAE,UAAU,CAAC,CAAC;AACjH,MAAM,CAAC,MAAM,eAAe,GAAG,aAAa,CAAuC,gBAAgB,EAAE,UAAU,CAAC,CAAC"}
|
|
@@ -1,22 +1,22 @@
|
|
|
1
1
|
import { styleFunction } from '@uifabricshared/foundation-tokens';
|
|
2
2
|
import { calculateEffectiveSizes } from './PersonaCoin.helpers';
|
|
3
|
-
|
|
3
|
+
const nameMap = {
|
|
4
4
|
start: 'flex-start',
|
|
5
5
|
center: 'center',
|
|
6
6
|
end: 'flex-end',
|
|
7
7
|
};
|
|
8
|
-
|
|
8
|
+
const _rootKeyProps = ['coinSize', 'size', 'horizontalIconAlignment', 'verticalIconAlignment'];
|
|
9
9
|
function _buildRootStyles(tokenProps /*, theme: ITheme */) {
|
|
10
|
-
|
|
10
|
+
const rootStyle = {
|
|
11
11
|
flexDirection: 'row',
|
|
12
12
|
};
|
|
13
|
-
|
|
13
|
+
const { physicalSize } = calculateEffectiveSizes(tokenProps);
|
|
14
14
|
rootStyle.width = physicalSize;
|
|
15
15
|
rootStyle.height = physicalSize;
|
|
16
|
-
|
|
16
|
+
const { horizontalIconAlignment, verticalIconAlignment } = tokenProps;
|
|
17
17
|
rootStyle.justifyContent = nameMap[horizontalIconAlignment || 'end'];
|
|
18
18
|
rootStyle.alignItems = nameMap[verticalIconAlignment || 'end'];
|
|
19
19
|
return { style: rootStyle };
|
|
20
20
|
}
|
|
21
|
-
export
|
|
21
|
+
export const buildRootStyles = styleFunction(_buildRootStyles, _rootKeyProps);
|
|
22
22
|
//# sourceMappingURL=PersonaCoin.tokens.root.js.map
|
|
@@ -1 +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,
|
|
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,MAAM,OAAO,GAA8B;IACzC,KAAK,EAAE,YAAY;IACnB,MAAM,EAAE,QAAQ;IAChB,GAAG,EAAE,UAAU;CAChB,CAAC;AAEF,MAAM,aAAa,GAAiC,CAAC,UAAU,EAAE,MAAM,EAAE,yBAAyB,EAAE,uBAAuB,CAAC,CAAC;AAE7H,SAAS,gBAAgB,CAAC,UAA8B,CAAC,oBAAoB;IAC3E,MAAM,SAAS,GAAc;QAC3B,aAAa,EAAE,KAAK;KACrB,CAAC;IAEF,MAAM,EAAE,YAAY,EAAE,GAAG,uBAAuB,CAAC,UAAU,CAAC,CAAC;IAC7D,SAAS,CAAC,KAAK,GAAG,YAAY,CAAC;IAC/B,SAAS,CAAC,MAAM,GAAG,YAAY,CAAC;IAEhC,MAAM,EAAE,uBAAuB,EAAE,qBAAqB,EAAE,GAAG,UAAU,CAAC;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,MAAM,eAAe,GAAG,aAAa,CAAwC,gBAAgB,EAAE,aAAa,CAAC,CAAC"}
|
package/lib/PersonaCoin.types.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export
|
|
1
|
+
export const personaCoinName = 'RNFPersonaCoin';
|
|
2
2
|
//# sourceMappingURL=PersonaCoin.types.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PersonaCoin.types.js","sourceRoot":"","sources":["../src/PersonaCoin.types.ts"],"names":[],"mappings":"AAMA,MAAM,CAAC,
|
|
1
|
+
{"version":3,"file":"PersonaCoin.types.js","sourceRoot":"","sources":["../src/PersonaCoin.types.ts"],"names":[],"mappings":"AAMA,MAAM,CAAC,MAAM,eAAe,GAAG,gBAAgB,CAAC"}
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
3
|
exports.getRingThickness = exports.calculateEffectiveSizes = exports.convertCoinColorFluent = exports.convertCoinColor = exports.getSizeConfig = exports.getPresenceIconSource = void 0;
|
|
4
|
-
|
|
5
|
-
|
|
4
|
+
const theme_tokens_1 = require("@fluentui-react-native/theme-tokens");
|
|
5
|
+
const presenceIconCache = {
|
|
6
6
|
none: { uri: '' },
|
|
7
7
|
offline: {
|
|
8
8
|
uri: 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAMAAADXqc3KAAAANlBMVEUAAACoxM+oxM+oxM+oxM+oxM+oxM+oxM+oxM////+oxM/W5OmzzNX5+/z3+vvu9Pbt8/Xj7PAAKKEtAAAACXRSTlMA6bWcZQpiXgXWfJCWAAAAeElEQVQoz52RSQ7EIAwEx0AWymT7/2dHYpgoPvQldeySsGl/XjOVZGCpTDFfjIEtj3jN0Pzc99Mb5PUWGbwOHPI/n+GqNxfMY67h9YFjvw0KrQYapYuER+GkLowjigPrArYoNpBCPiWHy3XlB1UlqkRZuziUPO1bvszLC8V87ko/AAAAAElFTkSuQmCC',
|
|
@@ -24,12 +24,12 @@ var presenceIconCache = {
|
|
|
24
24
|
},
|
|
25
25
|
};
|
|
26
26
|
// TODO: Need icons for the OOF statues
|
|
27
|
-
|
|
27
|
+
const presenceOOFIconCache = presenceIconCache;
|
|
28
28
|
function getPresenceIconSource(presence, isOutOfOffice) {
|
|
29
29
|
return isOutOfOffice ? presenceOOFIconCache[presence] : presenceIconCache[presence];
|
|
30
30
|
}
|
|
31
31
|
exports.getPresenceIconSource = getPresenceIconSource;
|
|
32
|
-
|
|
32
|
+
const sizeTable = {
|
|
33
33
|
size8: { physicalSize: 8, iconSize: 0, iconStrokeWidth: 0, initialsSize: 4 },
|
|
34
34
|
size24: { physicalSize: 24, iconSize: 8, iconStrokeWidth: 2, initialsSize: 10 },
|
|
35
35
|
size32: { physicalSize: 32, iconSize: 8, iconStrokeWidth: 2, initialsSize: 12 },
|
|
@@ -44,7 +44,7 @@ function getSizeConfig(size) {
|
|
|
44
44
|
return sizeTable[size];
|
|
45
45
|
}
|
|
46
46
|
exports.getSizeConfig = getSizeConfig;
|
|
47
|
-
|
|
47
|
+
const colorTable = {
|
|
48
48
|
lightBlue: theme_tokens_1.globalTokens.color.cornflower.primary,
|
|
49
49
|
blue: theme_tokens_1.globalTokens.color.blue.primary,
|
|
50
50
|
darkBlue: theme_tokens_1.globalTokens.color.royalBlue.primary,
|
|
@@ -74,7 +74,7 @@ function convertCoinColor(coinColor) {
|
|
|
74
74
|
return colorTable[coinColor];
|
|
75
75
|
}
|
|
76
76
|
exports.convertCoinColor = convertCoinColor;
|
|
77
|
-
|
|
77
|
+
const colorTableFluent = {
|
|
78
78
|
cornflower: theme_tokens_1.globalTokens.color.cornflower.primary,
|
|
79
79
|
blue: theme_tokens_1.globalTokens.color.blue.primary,
|
|
80
80
|
royalBlue: theme_tokens_1.globalTokens.color.royalBlue.primary,
|
|
@@ -104,12 +104,12 @@ function convertCoinColorFluent(coinColor) {
|
|
|
104
104
|
}
|
|
105
105
|
exports.convertCoinColorFluent = convertCoinColorFluent;
|
|
106
106
|
function calculateEffectiveSizes(tokens) {
|
|
107
|
-
|
|
107
|
+
const { size, coinSize, iconSize, iconStrokeWidth, initialsSize } = tokens;
|
|
108
108
|
if (size) {
|
|
109
109
|
return sizeTable[size];
|
|
110
110
|
}
|
|
111
111
|
else {
|
|
112
|
-
|
|
112
|
+
const { physicalSize: defaultPhysicalSize, iconSize: defaultIconSize, iconStrokeWidth: defaultIconStrokeWidth, initialsSize: defaultInitialsSize, } = sizeTable['size40'];
|
|
113
113
|
return {
|
|
114
114
|
physicalSize: coinSize || defaultPhysicalSize,
|
|
115
115
|
iconSize: iconSize || defaultIconSize,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PersonaCoin.helpers.js","sourceRoot":"","sources":["../src/PersonaCoin.helpers.ts"],"names":[],"mappings":";;;AAEA,
|
|
1
|
+
{"version":3,"file":"PersonaCoin.helpers.js","sourceRoot":"","sources":["../src/PersonaCoin.helpers.ts"],"names":[],"mappings":"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"}
|
|
@@ -1,58 +1,36 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
-
var __assign = (this && this.__assign) || function () {
|
|
3
|
-
__assign = Object.assign || function(t) {
|
|
4
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
5
|
-
s = arguments[i];
|
|
6
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
7
|
-
t[p] = s[p];
|
|
8
|
-
}
|
|
9
|
-
return t;
|
|
10
|
-
};
|
|
11
|
-
return __assign.apply(this, arguments);
|
|
12
|
-
};
|
|
13
|
-
var __rest = (this && this.__rest) || function (s, e) {
|
|
14
|
-
var t = {};
|
|
15
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
16
|
-
t[p] = s[p];
|
|
17
|
-
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
18
|
-
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
19
|
-
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
20
|
-
t[p[i]] = s[p[i]];
|
|
21
|
-
}
|
|
22
|
-
return t;
|
|
23
|
-
};
|
|
24
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
25
3
|
exports.PersonaCoin = void 0;
|
|
26
4
|
/** @jsxRuntime classic */
|
|
27
5
|
/** @jsx withSlots */
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
6
|
+
const react_native_1 = require("react-native");
|
|
7
|
+
const adapters_1 = require("@fluentui-react-native/adapters");
|
|
8
|
+
const tokens_1 = require("@fluentui-react-native/tokens");
|
|
9
|
+
const foundation_composable_1 = require("@uifabricshared/foundation-composable");
|
|
10
|
+
const foundation_compose_1 = require("@uifabricshared/foundation-compose");
|
|
11
|
+
const foundation_settings_1 = require("@uifabricshared/foundation-settings");
|
|
12
|
+
const PersonaCoin_helpers_1 = require("./PersonaCoin.helpers");
|
|
13
|
+
const PersonaCoin_settings_1 = require("./PersonaCoin.settings");
|
|
14
|
+
const PersonaCoin_tokens_icon_1 = require("./PersonaCoin.tokens.icon");
|
|
15
|
+
const PersonaCoin_tokens_initials_1 = require("./PersonaCoin.tokens.initials");
|
|
16
|
+
const PersonaCoin_tokens_initialsBackground_1 = require("./PersonaCoin.tokens.initialsBackground");
|
|
17
|
+
const PersonaCoin_tokens_photo_1 = require("./PersonaCoin.tokens.photo");
|
|
18
|
+
const PersonaCoin_tokens_ring_1 = require("./PersonaCoin.tokens.ring");
|
|
19
|
+
const PersonaCoin_tokens_root_1 = require("./PersonaCoin.tokens.root");
|
|
20
|
+
const PersonaCoin_types_1 = require("./PersonaCoin.types");
|
|
43
21
|
function usePrepareForProps(props, useStyling) {
|
|
44
|
-
|
|
45
|
-
|
|
22
|
+
const { imageUrl, imageDescription, initials, presence, isOutOfOffice, ring, ...rest } = props;
|
|
23
|
+
const personaPhotoSource = imageUrl === undefined
|
|
46
24
|
? undefined
|
|
47
25
|
: {
|
|
48
26
|
uri: imageUrl,
|
|
49
27
|
};
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
28
|
+
const iconSource = presence === undefined ? undefined : (0, PersonaCoin_helpers_1.getPresenceIconSource)(presence, isOutOfOffice || false);
|
|
29
|
+
const showRing = !!ring;
|
|
30
|
+
const transparentRing = !!ring?.transparent;
|
|
53
31
|
return {
|
|
54
32
|
slotProps: (0, foundation_settings_1.mergeSettings)(useStyling(props), {
|
|
55
|
-
root:
|
|
33
|
+
root: { ...rest },
|
|
56
34
|
initials: {
|
|
57
35
|
children: initials,
|
|
58
36
|
},
|
|
@@ -61,18 +39,18 @@ function usePrepareForProps(props, useStyling) {
|
|
|
61
39
|
},
|
|
62
40
|
}),
|
|
63
41
|
state: {
|
|
64
|
-
iconSource
|
|
65
|
-
personaPhotoSource
|
|
66
|
-
showRing
|
|
67
|
-
transparentRing
|
|
42
|
+
iconSource,
|
|
43
|
+
personaPhotoSource,
|
|
44
|
+
showRing,
|
|
45
|
+
transparentRing,
|
|
68
46
|
},
|
|
69
47
|
};
|
|
70
48
|
}
|
|
71
|
-
|
|
49
|
+
const render = (Slots, renderData) => {
|
|
72
50
|
if (!renderData.state) {
|
|
73
51
|
return null;
|
|
74
52
|
}
|
|
75
|
-
|
|
53
|
+
const { personaPhotoSource, iconSource, showRing, transparentRing } = renderData.state;
|
|
76
54
|
return ((0, foundation_composable_1.withSlots)(Slots.root, null,
|
|
77
55
|
personaPhotoSource ? ((0, foundation_composable_1.withSlots)(Slots.photo, { source: personaPhotoSource })) : ((0, foundation_composable_1.withSlots)(Slots.initialsBackground, null,
|
|
78
56
|
(0, foundation_composable_1.withSlots)(Slots.initials, null))),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PersonaCoin.js","sourceRoot":"","sources":["../src/PersonaCoin.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"PersonaCoin.js","sourceRoot":"","sources":["../src/PersonaCoin.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
3
|
exports.settings = void 0;
|
|
4
|
-
|
|
5
|
-
|
|
4
|
+
const PersonaCoin_helpers_1 = require("./PersonaCoin.helpers");
|
|
5
|
+
const PersonaCoin_types_1 = require("./PersonaCoin.types");
|
|
6
6
|
exports.settings = [
|
|
7
7
|
{
|
|
8
8
|
tokens: {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PersonaCoin.settings.js","sourceRoot":"","sources":["../src/PersonaCoin.settings.ts"],"names":[],"mappings":";;;AAEA
|
|
1
|
+
{"version":3,"file":"PersonaCoin.settings.js","sourceRoot":"","sources":["../src/PersonaCoin.settings.ts"],"names":[],"mappings":";;;AAEA,+DAA+D;AAE/D,2DAAsD;AAEzC,QAAA,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,IAAA,4CAAsB,EAAC,YAAY,CAAC;SACtD;KACF;IACD,mCAAe;CAChB,CAAC"}
|
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
3
|
exports.buildIconStyles = void 0;
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
4
|
+
const foundation_tokens_1 = require("@uifabricshared/foundation-tokens");
|
|
5
|
+
const PersonaCoin_helpers_1 = require("./PersonaCoin.helpers");
|
|
6
|
+
const _iconKeyProps = ['iconSize', 'size', 'coinSize'];
|
|
7
7
|
function _buildIconStyles(tokenProps, theme) {
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
8
|
+
const { iconSize, iconStrokeWidth } = (0, PersonaCoin_helpers_1.calculateEffectiveSizes)(tokenProps);
|
|
9
|
+
const iconSizeAdjusted = iconSize + iconStrokeWidth * 2;
|
|
10
|
+
const iconStrokeColor = tokenProps.iconStrokeColor || theme.colors.background;
|
|
11
11
|
return {
|
|
12
12
|
source: {},
|
|
13
13
|
style: {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PersonaCoin.tokens.icon.js","sourceRoot":"","sources":["../src/PersonaCoin.tokens.icon.ts"],"names":[],"mappings":";;;AAGA,
|
|
1
|
+
{"version":3,"file":"PersonaCoin.tokens.icon.js","sourceRoot":"","sources":["../src/PersonaCoin.tokens.icon.ts"],"names":[],"mappings":";;;AAGA,yEAAkE;AAElE,+DAAgE;AAGhE,MAAM,aAAa,GAAiC,CAAC,UAAU,EAAE,MAAM,EAAE,UAAU,CAAC,CAAC;AAErF,SAAS,gBAAgB,CAAC,UAA8B,EAAE,KAAY;IACpE,MAAM,EAAE,QAAQ,EAAE,eAAe,EAAE,GAAG,IAAA,6CAAuB,EAAC,UAAU,CAAC,CAAC;IAC1E,MAAM,gBAAgB,GAAG,QAAQ,GAAG,eAAe,GAAG,CAAC,CAAC;IACxD,MAAM,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;AAEY,QAAA,eAAe,GAAG,IAAA,iCAAa,EAAwC,gBAAgB,EAAE,aAAa,CAAC,CAAC"}
|
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
3
|
exports.buildInitialsStyles = void 0;
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
4
|
+
const foundation_tokens_1 = require("@uifabricshared/foundation-tokens");
|
|
5
|
+
const PersonaCoin_helpers_1 = require("./PersonaCoin.helpers");
|
|
6
|
+
const _initialsKeyProps = ['coinSize', 'initialsSize', 'size'];
|
|
7
7
|
function _buildInitialsStyles(tokenProps /*, theme: ITheme */) {
|
|
8
|
-
|
|
8
|
+
const { initialsSize } = (0, PersonaCoin_helpers_1.calculateEffectiveSizes)(tokenProps);
|
|
9
9
|
return {
|
|
10
10
|
style: {
|
|
11
11
|
fontSize: initialsSize,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PersonaCoin.tokens.initials.js","sourceRoot":"","sources":["../src/PersonaCoin.tokens.initials.ts"],"names":[],"mappings":";;;AAGA,
|
|
1
|
+
{"version":3,"file":"PersonaCoin.tokens.initials.js","sourceRoot":"","sources":["../src/PersonaCoin.tokens.initials.ts"],"names":[],"mappings":";;;AAGA,yEAAkE;AAElE,+DAAgE;AAGhE,MAAM,iBAAiB,GAAiC,CAAC,UAAU,EAAE,cAAc,EAAE,MAAM,CAAC,CAAC;AAE7F,SAAS,oBAAoB,CAAC,UAA8B,CAAC,oBAAoB;IAC/E,MAAM,EAAE,YAAY,EAAE,GAAG,IAAA,6CAAuB,EAAC,UAAU,CAAC,CAAC;IAE7D,OAAO;QACL,KAAK,EAAE;YACL,QAAQ,EAAE,YAAY;SACvB;KACF,CAAC;AACJ,CAAC;AAEY,QAAA,mBAAmB,GAAG,IAAA,iCAAa,EAAuC,oBAAoB,EAAE,iBAAiB,CAAC,CAAC"}
|
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
3
|
exports.buildInitialsBackgroundStyles = void 0;
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
4
|
+
const foundation_tokens_1 = require("@uifabricshared/foundation-tokens");
|
|
5
|
+
const PersonaCoin_helpers_1 = require("./PersonaCoin.helpers");
|
|
6
|
+
const _initialsBackgroundKeyProps = ['coinSize', 'size', 'coinColor', 'coinColorFluent', 'backgroundColor'];
|
|
7
7
|
function _buildInitialsBackgroundStyles(tokenProps /*, theme: ITheme*/) {
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
8
|
+
const { physicalSize } = (0, PersonaCoin_helpers_1.calculateEffectiveSizes)(tokenProps);
|
|
9
|
+
const { backgroundColor, coinColor, coinColorFluent } = tokenProps;
|
|
10
|
+
let effectiveBackgroundColor = backgroundColor;
|
|
11
11
|
if (coinColorFluent) {
|
|
12
12
|
effectiveBackgroundColor = (0, PersonaCoin_helpers_1.convertCoinColorFluent)(coinColorFluent);
|
|
13
13
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PersonaCoin.tokens.initialsBackground.js","sourceRoot":"","sources":["../src/PersonaCoin.tokens.initialsBackground.ts"],"names":[],"mappings":";;;AAGA,
|
|
1
|
+
{"version":3,"file":"PersonaCoin.tokens.initialsBackground.js","sourceRoot":"","sources":["../src/PersonaCoin.tokens.initialsBackground.ts"],"names":[],"mappings":";;;AAGA,yEAAkE;AAElE,+DAA0G;AAG1G,MAAM,2BAA2B,GAAiC,CAAC,UAAU,EAAE,MAAM,EAAE,WAAW,EAAE,iBAAiB,EAAE,iBAAiB,CAAC,CAAC;AAE1I,SAAS,8BAA8B,CAAC,UAA8B,CAAC,mBAAmB;IACxF,MAAM,EAAE,YAAY,EAAE,GAAG,IAAA,6CAAuB,EAAC,UAAU,CAAC,CAAC;IAE7D,MAAM,EAAE,eAAe,EAAE,SAAS,EAAE,eAAe,EAAE,GAAG,UAAU,CAAC;IACnE,IAAI,wBAAwB,GAAG,eAAe,CAAC;IAC/C,IAAI,eAAe,EAAE;QACnB,wBAAwB,GAAG,IAAA,4CAAsB,EAAC,eAAe,CAAC,CAAC;KACpE;SAAM,IAAI,SAAS,EAAE;QACpB,wBAAwB,GAAG,IAAA,sCAAgB,EAAC,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;AAEY,QAAA,6BAA6B,GAAG,IAAA,iCAAa,EACxD,8BAA8B,EAC9B,2BAA2B,CAC5B,CAAC"}
|
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
3
|
exports.buildPhotoStyles = void 0;
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
4
|
+
const foundation_tokens_1 = require("@uifabricshared/foundation-tokens");
|
|
5
|
+
const PersonaCoin_helpers_1 = require("./PersonaCoin.helpers");
|
|
6
|
+
const _photoKeyProps = ['coinSize', 'size'];
|
|
7
7
|
function _buildPhotoStyles(tokenProps /*, theme: ITheme */) {
|
|
8
|
-
|
|
8
|
+
const { physicalSize } = (0, PersonaCoin_helpers_1.calculateEffectiveSizes)(tokenProps);
|
|
9
9
|
return {
|
|
10
10
|
source: {},
|
|
11
11
|
style: {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PersonaCoin.tokens.photo.js","sourceRoot":"","sources":["../src/PersonaCoin.tokens.photo.ts"],"names":[],"mappings":";;;AAGA,
|
|
1
|
+
{"version":3,"file":"PersonaCoin.tokens.photo.js","sourceRoot":"","sources":["../src/PersonaCoin.tokens.photo.ts"],"names":[],"mappings":";;;AAGA,yEAAkE;AAElE,+DAAgE;AAGhE,MAAM,cAAc,GAAiC,CAAC,UAAU,EAAE,MAAM,CAAC,CAAC;AAE1E,SAAS,iBAAiB,CAAC,UAA8B,CAAC,oBAAoB;IAC5E,MAAM,EAAE,YAAY,EAAE,GAAG,IAAA,6CAAuB,EAAC,UAAU,CAAC,CAAC;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;AAEY,QAAA,gBAAgB,GAAG,IAAA,iCAAa,EAAwC,iBAAiB,EAAE,cAAc,CAAC,CAAC"}
|
|
@@ -1,18 +1,18 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
3
|
exports.buildGlowStyles = exports.buildRingStyles = void 0;
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
4
|
+
const foundation_tokens_1 = require("@uifabricshared/foundation-tokens");
|
|
5
|
+
const PersonaCoin_helpers_1 = require("./PersonaCoin.helpers");
|
|
6
|
+
const _ringProps = ['coinSize', 'size', 'ring'];
|
|
7
7
|
function _buildRingStyles(tokenProps, theme) {
|
|
8
|
-
|
|
9
|
-
|
|
8
|
+
const { physicalSize } = (0, PersonaCoin_helpers_1.calculateEffectiveSizes)(tokenProps);
|
|
9
|
+
const { ring } = tokenProps;
|
|
10
10
|
if (!ring)
|
|
11
11
|
return {};
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
12
|
+
const innerGap = ring.innerGap != undefined ? (0, PersonaCoin_helpers_1.getRingThickness)(ring.innerGap) : (0, PersonaCoin_helpers_1.getRingThickness)(ring.ringThickness || 'xxlarge');
|
|
13
|
+
const effectiveRingThickness = 2 * (0, PersonaCoin_helpers_1.getRingThickness)(ring.ringThickness || 'xxlarge') + innerGap;
|
|
14
|
+
const effectiveSize = physicalSize + 2 * effectiveRingThickness;
|
|
15
|
+
const ringColor = ring.ringBackgroundColor || theme.colors.personaActivityRing;
|
|
16
16
|
return {
|
|
17
17
|
style: {
|
|
18
18
|
borderStyle: 'solid',
|
|
@@ -28,14 +28,14 @@ function _buildRingStyles(tokenProps, theme) {
|
|
|
28
28
|
};
|
|
29
29
|
}
|
|
30
30
|
function _buildGlowStyles(tokenProps, theme) {
|
|
31
|
-
|
|
32
|
-
|
|
31
|
+
const { physicalSize } = (0, PersonaCoin_helpers_1.calculateEffectiveSizes)(tokenProps);
|
|
32
|
+
const { ring } = tokenProps;
|
|
33
33
|
if (!ring)
|
|
34
34
|
return {};
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
35
|
+
const innerGap = ring.innerGap != undefined ? (0, PersonaCoin_helpers_1.getRingThickness)(ring.innerGap) : (0, PersonaCoin_helpers_1.getRingThickness)(ring.ringThickness || 'xxlarge');
|
|
36
|
+
const effectiveRingThickness = (0, PersonaCoin_helpers_1.getRingThickness)(ring.ringThickness || 'xxlarge') + innerGap;
|
|
37
|
+
const effectiveSize = physicalSize + 2 * effectiveRingThickness;
|
|
38
|
+
const glowColor = ring.accent ? theme.colors.accentButtonBackground : ring.ringColor || theme.colors.personaActivityGlow;
|
|
39
39
|
return {
|
|
40
40
|
style: {
|
|
41
41
|
borderStyle: 'solid',
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PersonaCoin.tokens.ring.js","sourceRoot":"","sources":["../src/PersonaCoin.tokens.ring.ts"],"names":[],"mappings":";;;AAGA,
|
|
1
|
+
{"version":3,"file":"PersonaCoin.tokens.ring.js","sourceRoot":"","sources":["../src/PersonaCoin.tokens.ring.ts"],"names":[],"mappings":";;;AAGA,yEAAkE;AAElE,+DAAkF;AAGlF,MAAM,UAAU,GAAiC,CAAC,UAAU,EAAE,MAAM,EAAE,MAAM,CAAC,CAAC;AAE9E,SAAS,gBAAgB,CAAC,UAA8B,EAAE,KAAY;IACpE,MAAM,EAAE,YAAY,EAAE,GAAG,IAAA,6CAAuB,EAAC,UAAU,CAAC,CAAC;IAC7D,MAAM,EAAE,IAAI,EAAE,GAAG,UAAU,CAAC;IAE5B,IAAI,CAAC,IAAI;QAAE,OAAO,EAAE,CAAC;IAErB,MAAM,QAAQ,GAAG,IAAI,CAAC,QAAQ,IAAI,SAAS,CAAC,CAAC,CAAC,IAAA,sCAAgB,EAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,IAAA,sCAAgB,EAAC,IAAI,CAAC,aAAa,IAAI,SAAS,CAAC,CAAC;IAElI,MAAM,sBAAsB,GAAG,CAAC,GAAG,IAAA,sCAAgB,EAAC,IAAI,CAAC,aAAa,IAAI,SAAS,CAAC,GAAG,QAAQ,CAAC;IAChG,MAAM,aAAa,GAAG,YAAY,GAAG,CAAC,GAAG,sBAAsB,CAAC;IAChE,MAAM,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;IACpE,MAAM,EAAE,YAAY,EAAE,GAAG,IAAA,6CAAuB,EAAC,UAAU,CAAC,CAAC;IAC7D,MAAM,EAAE,IAAI,EAAE,GAAG,UAAU,CAAC;IAE5B,IAAI,CAAC,IAAI;QAAE,OAAO,EAAE,CAAC;IAErB,MAAM,QAAQ,GAAG,IAAI,CAAC,QAAQ,IAAI,SAAS,CAAC,CAAC,CAAC,IAAA,sCAAgB,EAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,IAAA,sCAAgB,EAAC,IAAI,CAAC,aAAa,IAAI,SAAS,CAAC,CAAC;IAElI,MAAM,sBAAsB,GAAG,IAAA,sCAAgB,EAAC,IAAI,CAAC,aAAa,IAAI,SAAS,CAAC,GAAG,QAAQ,CAAC;IAC5F,MAAM,aAAa,GAAG,YAAY,GAAG,CAAC,GAAG,sBAAsB,CAAC;IAChE,MAAM,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;AAEY,QAAA,eAAe,GAAG,IAAA,iCAAa,EAAuC,gBAAgB,EAAE,UAAU,CAAC,CAAC;AACpG,QAAA,eAAe,GAAG,IAAA,iCAAa,EAAuC,gBAAgB,EAAE,UAAU,CAAC,CAAC"}
|
|
@@ -1,22 +1,22 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
3
|
exports.buildRootStyles = void 0;
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
4
|
+
const foundation_tokens_1 = require("@uifabricshared/foundation-tokens");
|
|
5
|
+
const PersonaCoin_helpers_1 = require("./PersonaCoin.helpers");
|
|
6
|
+
const nameMap = {
|
|
7
7
|
start: 'flex-start',
|
|
8
8
|
center: 'center',
|
|
9
9
|
end: 'flex-end',
|
|
10
10
|
};
|
|
11
|
-
|
|
11
|
+
const _rootKeyProps = ['coinSize', 'size', 'horizontalIconAlignment', 'verticalIconAlignment'];
|
|
12
12
|
function _buildRootStyles(tokenProps /*, theme: ITheme */) {
|
|
13
|
-
|
|
13
|
+
const rootStyle = {
|
|
14
14
|
flexDirection: 'row',
|
|
15
15
|
};
|
|
16
|
-
|
|
16
|
+
const { physicalSize } = (0, PersonaCoin_helpers_1.calculateEffectiveSizes)(tokenProps);
|
|
17
17
|
rootStyle.width = physicalSize;
|
|
18
18
|
rootStyle.height = physicalSize;
|
|
19
|
-
|
|
19
|
+
const { horizontalIconAlignment, verticalIconAlignment } = tokenProps;
|
|
20
20
|
rootStyle.justifyContent = nameMap[horizontalIconAlignment || 'end'];
|
|
21
21
|
rootStyle.alignItems = nameMap[verticalIconAlignment || 'end'];
|
|
22
22
|
return { style: rootStyle };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PersonaCoin.tokens.root.js","sourceRoot":"","sources":["../src/PersonaCoin.tokens.root.ts"],"names":[],"mappings":";;;AAIA,
|
|
1
|
+
{"version":3,"file":"PersonaCoin.tokens.root.js","sourceRoot":"","sources":["../src/PersonaCoin.tokens.root.ts"],"names":[],"mappings":";;;AAIA,yEAAkE;AAElE,+DAAgE;AAGhE,MAAM,OAAO,GAA8B;IACzC,KAAK,EAAE,YAAY;IACnB,MAAM,EAAE,QAAQ;IAChB,GAAG,EAAE,UAAU;CAChB,CAAC;AAEF,MAAM,aAAa,GAAiC,CAAC,UAAU,EAAE,MAAM,EAAE,yBAAyB,EAAE,uBAAuB,CAAC,CAAC;AAE7H,SAAS,gBAAgB,CAAC,UAA8B,CAAC,oBAAoB;IAC3E,MAAM,SAAS,GAAc;QAC3B,aAAa,EAAE,KAAK;KACrB,CAAC;IAEF,MAAM,EAAE,YAAY,EAAE,GAAG,IAAA,6CAAuB,EAAC,UAAU,CAAC,CAAC;IAC7D,SAAS,CAAC,KAAK,GAAG,YAAY,CAAC;IAC/B,SAAS,CAAC,MAAM,GAAG,YAAY,CAAC;IAEhC,MAAM,EAAE,uBAAuB,EAAE,qBAAqB,EAAE,GAAG,UAAU,CAAC;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;AAEY,QAAA,eAAe,GAAG,IAAA,iCAAa,EAAwC,gBAAgB,EAAE,aAAa,CAAC,CAAC"}
|
package/package.json
CHANGED
|
@@ -1,9 +1,16 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@fluentui-react-native/persona-coin",
|
|
3
|
-
"version": "0.15.
|
|
3
|
+
"version": "0.15.5",
|
|
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",
|
|
7
|
+
"exports": {
|
|
8
|
+
".": {
|
|
9
|
+
"import": "./lib/index.js",
|
|
10
|
+
"require": "./lib-commonjs/index.js",
|
|
11
|
+
"types": "./lib/index.d.ts"
|
|
12
|
+
}
|
|
13
|
+
},
|
|
7
14
|
"typings": "lib/index.d.ts",
|
|
8
15
|
"scripts": {
|
|
9
16
|
"build": "fluentui-scripts build",
|
|
@@ -22,14 +29,14 @@
|
|
|
22
29
|
"directory": "packages/components/PersonaCoin"
|
|
23
30
|
},
|
|
24
31
|
"dependencies": {
|
|
25
|
-
"@fluentui-react-native/adapters": "0.13.
|
|
26
|
-
"@fluentui-react-native/framework": "0.14.
|
|
27
|
-
"@fluentui-react-native/theme-tokens": "0.27.
|
|
28
|
-
"@fluentui-react-native/tokens": "0.23.
|
|
29
|
-
"@uifabricshared/foundation-composable": "0.13.
|
|
30
|
-
"@uifabricshared/foundation-compose": "1.15.
|
|
31
|
-
"@uifabricshared/foundation-settings": "0.15.
|
|
32
|
-
"@uifabricshared/foundation-tokens": "0.15.
|
|
32
|
+
"@fluentui-react-native/adapters": "0.13.3",
|
|
33
|
+
"@fluentui-react-native/framework": "0.14.5",
|
|
34
|
+
"@fluentui-react-native/theme-tokens": "0.27.4",
|
|
35
|
+
"@fluentui-react-native/tokens": "0.23.4",
|
|
36
|
+
"@uifabricshared/foundation-composable": "0.13.4",
|
|
37
|
+
"@uifabricshared/foundation-compose": "1.15.5",
|
|
38
|
+
"@uifabricshared/foundation-settings": "0.15.4",
|
|
39
|
+
"@uifabricshared/foundation-tokens": "0.15.5"
|
|
33
40
|
},
|
|
34
41
|
"devDependencies": {
|
|
35
42
|
"@babel/core": "^7.20.0",
|
|
@@ -40,7 +47,9 @@
|
|
|
40
47
|
"@react-native/metro-config": "^0.74.0",
|
|
41
48
|
"@types/react": "~18.2.0",
|
|
42
49
|
"react": "18.2.0",
|
|
43
|
-
"react-native": "^0.74.0"
|
|
50
|
+
"react-native": "^0.74.0",
|
|
51
|
+
"react-native-macos": "^0.74.0",
|
|
52
|
+
"react-native-windows": "^0.74.0"
|
|
44
53
|
},
|
|
45
54
|
"peerDependencies": {
|
|
46
55
|
"@office-iss/react-native-win32": "^0.74.0",
|
|
@@ -66,9 +75,12 @@
|
|
|
66
75
|
]
|
|
67
76
|
},
|
|
68
77
|
"capabilities": [
|
|
78
|
+
"babel-preset-react-native",
|
|
69
79
|
"core",
|
|
70
80
|
"core-android",
|
|
71
81
|
"core-ios",
|
|
82
|
+
"core-macos",
|
|
83
|
+
"core-windows",
|
|
72
84
|
"react"
|
|
73
85
|
]
|
|
74
86
|
}
|
package/.eslintrc.js
DELETED