@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.
- package/CHANGELOG.json +40 -1
- package/CHANGELOG.md +14 -2
- package/lib/PersonaCoin.d.ts +3 -0
- package/lib/PersonaCoin.d.ts.map +1 -0
- package/lib/PersonaCoin.helpers.d.ts +22 -0
- package/lib/PersonaCoin.helpers.d.ts.map +1 -0
- package/lib/PersonaCoin.helpers.js +132 -0
- package/lib/PersonaCoin.helpers.js.map +1 -0
- package/lib/PersonaCoin.js +121 -0
- package/lib/PersonaCoin.js.map +1 -0
- package/lib/PersonaCoin.settings.d.ts +4 -0
- package/lib/PersonaCoin.settings.d.ts.map +1 -0
- package/lib/PersonaCoin.settings.js +15 -0
- package/lib/PersonaCoin.settings.js.map +1 -0
- package/lib/PersonaCoin.tokens.icon.d.ts +5 -0
- package/lib/PersonaCoin.tokens.icon.d.ts.map +1 -0
- package/lib/PersonaCoin.tokens.icon.js +23 -0
- package/lib/PersonaCoin.tokens.icon.js.map +1 -0
- package/lib/PersonaCoin.tokens.initials.d.ts +5 -0
- package/lib/PersonaCoin.tokens.initials.d.ts.map +1 -0
- package/lib/PersonaCoin.tokens.initials.js +13 -0
- package/lib/PersonaCoin.tokens.initials.js.map +1 -0
- package/lib/PersonaCoin.tokens.initialsBackground.d.ts +5 -0
- package/lib/PersonaCoin.tokens.initialsBackground.d.ts.map +1 -0
- package/lib/PersonaCoin.tokens.initialsBackground.js +28 -0
- package/lib/PersonaCoin.tokens.initialsBackground.js.map +1 -0
- package/lib/PersonaCoin.tokens.photo.d.ts +5 -0
- package/lib/PersonaCoin.tokens.photo.d.ts.map +1 -0
- package/lib/PersonaCoin.tokens.photo.js +17 -0
- package/lib/PersonaCoin.tokens.photo.js.map +1 -0
- package/lib/PersonaCoin.tokens.ring.d.ts +6 -0
- package/lib/PersonaCoin.tokens.ring.d.ts.map +1 -0
- package/lib/PersonaCoin.tokens.ring.js +52 -0
- package/lib/PersonaCoin.tokens.ring.js.map +1 -0
- package/lib/PersonaCoin.tokens.root.d.ts +5 -0
- package/lib/PersonaCoin.tokens.root.d.ts.map +1 -0
- package/lib/PersonaCoin.tokens.root.js +22 -0
- package/lib/PersonaCoin.tokens.root.js.map +1 -0
- package/lib/PersonaCoin.types.d.ts +75 -0
- package/lib/PersonaCoin.types.d.ts.map +1 -0
- package/lib/PersonaCoin.types.js +2 -0
- package/lib/PersonaCoin.types.js.map +1 -0
- package/lib/index.d.ts +5 -0
- package/lib/index.d.ts.map +1 -0
- package/lib/index.js +4 -0
- package/lib/index.js.map +1 -0
- 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": "
|
|
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
|
|
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:
|
|
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":";;;;;;;;;;;;;;;;;;;;;;AAAA,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;IAExC,IAAA,QAAQ,GAAyE,KAAK,SAA9E,EAAE,gBAAgB,GAAuD,KAAK,iBAA5D,EAAE,QAAQ,GAA6C,KAAK,SAAlD,EAAE,QAAQ,GAAmC,KAAK,SAAxC,EAAE,aAAa,GAAoB,KAAK,cAAzB,EAAE,IAAI,GAAc,KAAK,KAAnB,EAAK,IAAI,UAAK,KAAK,EAAxF,iFAAgF,CAAF,CAAW;IAE/F,IAAM,kBAAkB,GACtB,QAAQ,KAAK,SAAS;QACpB,CAAC,CAAC,SAAS;QACX,CAAC,CAAC;YACE,GAAG,EAAE,QAAQ;SACd,CAAC;IAER,IAAM,UAAU,GAAG,QAAQ,KAAK,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,qBAAqB,CAAC,QAAQ,EAAE,aAAa,IAAI,KAAK,CAAC,CAAC;IAChH,IAAM,QAAQ,GAAG,CAAC,CAAC,IAAI,CAAC;IACxB,IAAM,eAAe,GAAG,CAAC,CAAC,CAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,WAAW,CAAA,CAAC;IAE5C,OAAO;QACL,SAAS,EAAE,aAAa,CAAgC,UAAU,CAAC,KAAK,CAAC,EAAE;YACzE,IAAI,eAAO,IAAI,CAAE;YACjB,QAAQ,EAAE;gBACR,QAAQ,EAAE,QAAQ;aACnB;YACD,KAAK,EAAE;gBACL,kBAAkB,EAAE,gBAAgB;aACrC;SACF,CAAC;QACF,KAAK,EAAE;YACL,UAAU,YAAA;YACV,kBAAkB,oBAAA;YAClB,QAAQ,UAAA;YACR,eAAe,iBAAA;SAChB;KACF,CAAC;AACJ,CAAC;AAED,IAAM,MAAM,GAAG,UAAC,KAAoC,EAAE,UAAkC;IACtF,IAAI,CAAC,UAAU,CAAC,KAAK,EAAE;QACrB,OAAO,IAAI,CAAC;KACb;IAEK,IAAA,KAAgE,UAAU,CAAC,KAAK,EAA9E,kBAAkB,wBAAA,EAAE,UAAU,gBAAA,EAAE,QAAQ,cAAA,EAAE,eAAe,qBAAqB,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,IAAM,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"}
|
|
@@ -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 @@
|
|
|
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
package/lib/index.js.map
ADDED
|
@@ -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.
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
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",
|