@fluentui-react-native/persona-coin 0.15.16 → 0.16.0
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.md +52 -0
- package/lib/PersonaCoin.d.ts +8 -2
- package/lib/PersonaCoin.d.ts.map +1 -1
- package/lib/PersonaCoin.helpers.d.ts +13 -6
- package/lib/PersonaCoin.helpers.js +106 -102
- package/lib/PersonaCoin.helpers.js.map +1 -1
- package/lib/PersonaCoin.js +81 -77
- package/lib/PersonaCoin.js.map +1 -1
- package/lib/PersonaCoin.settings.d.ts +1 -1
- package/lib/PersonaCoin.settings.js +10 -10
- package/lib/PersonaCoin.settings.js.map +1 -1
- package/lib/PersonaCoin.tokens.icon.d.ts +2 -2
- package/lib/PersonaCoin.tokens.icon.js +17 -17
- package/lib/PersonaCoin.tokens.icon.js.map +1 -1
- package/lib/PersonaCoin.tokens.initials.d.ts +6 -2
- package/lib/PersonaCoin.tokens.initials.js +7 -7
- package/lib/PersonaCoin.tokens.initials.js.map +1 -1
- package/lib/PersonaCoin.tokens.initialsBackground.d.ts +6 -2
- package/lib/PersonaCoin.tokens.initialsBackground.js +21 -22
- package/lib/PersonaCoin.tokens.initialsBackground.js.map +1 -1
- package/lib/PersonaCoin.tokens.photo.d.ts +2 -2
- package/lib/PersonaCoin.tokens.photo.js +11 -11
- package/lib/PersonaCoin.tokens.photo.js.map +1 -1
- package/lib/PersonaCoin.tokens.ring.d.ts +3 -3
- package/lib/PersonaCoin.tokens.ring.js +41 -43
- package/lib/PersonaCoin.tokens.ring.js.map +1 -1
- package/lib/PersonaCoin.tokens.root.d.ts +2 -2
- package/lib/PersonaCoin.tokens.root.js +14 -14
- package/lib/PersonaCoin.tokens.root.js.map +1 -1
- package/lib/PersonaCoin.types.d.ts +85 -45
- package/lib/PersonaCoin.types.js +1 -1
- package/lib/index.d.ts +17 -2
- package/lib/index.js +1 -1
- package/lib-commonjs/PersonaCoin.d.ts +8 -2
- package/lib-commonjs/PersonaCoin.d.ts.map +1 -1
- package/lib-commonjs/PersonaCoin.helpers.d.ts +13 -6
- package/lib-commonjs/PersonaCoin.helpers.js +115 -112
- package/lib-commonjs/PersonaCoin.helpers.js.map +1 -1
- package/lib-commonjs/PersonaCoin.js +98 -93
- package/lib-commonjs/PersonaCoin.js.map +1 -1
- package/lib-commonjs/PersonaCoin.settings.d.ts +1 -1
- package/lib-commonjs/PersonaCoin.settings.js +14 -14
- package/lib-commonjs/PersonaCoin.settings.js.map +1 -1
- package/lib-commonjs/PersonaCoin.tokens.icon.d.ts +2 -2
- package/lib-commonjs/PersonaCoin.tokens.icon.js +21 -21
- package/lib-commonjs/PersonaCoin.tokens.icon.js.map +1 -1
- package/lib-commonjs/PersonaCoin.tokens.initials.d.ts +6 -2
- package/lib-commonjs/PersonaCoin.tokens.initials.js +11 -11
- package/lib-commonjs/PersonaCoin.tokens.initials.js.map +1 -1
- package/lib-commonjs/PersonaCoin.tokens.initialsBackground.d.ts +6 -2
- package/lib-commonjs/PersonaCoin.tokens.initialsBackground.js +25 -26
- package/lib-commonjs/PersonaCoin.tokens.initialsBackground.js.map +1 -1
- package/lib-commonjs/PersonaCoin.tokens.photo.d.ts +2 -2
- package/lib-commonjs/PersonaCoin.tokens.photo.js +15 -15
- package/lib-commonjs/PersonaCoin.tokens.photo.js.map +1 -1
- package/lib-commonjs/PersonaCoin.tokens.ring.d.ts +3 -3
- package/lib-commonjs/PersonaCoin.tokens.ring.js +51 -47
- package/lib-commonjs/PersonaCoin.tokens.ring.js.map +1 -1
- package/lib-commonjs/PersonaCoin.tokens.root.d.ts +2 -2
- package/lib-commonjs/PersonaCoin.tokens.root.js +18 -18
- package/lib-commonjs/PersonaCoin.tokens.root.js.map +1 -1
- package/lib-commonjs/PersonaCoin.types.d.ts +85 -45
- package/lib-commonjs/PersonaCoin.types.js +3 -3
- package/lib-commonjs/index.d.ts +17 -2
- package/lib-commonjs/index.js +24 -9
- package/lib-commonjs/index.js.map +1 -1
- package/package.json +62 -64
- package/src/PersonaCoin.tsx +2 -4
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,48 @@
|
|
|
1
1
|
# Change Log - @fluentui-react-native/persona-coin
|
|
2
2
|
|
|
3
|
+
## 0.16.0
|
|
4
|
+
|
|
5
|
+
### Minor Changes
|
|
6
|
+
|
|
7
|
+
- d7adbdd: # Migration from Beachball to Changesets
|
|
8
|
+
|
|
9
|
+
This changeset represents the migration from Beachball to Changesets for version management and consolidates all changes from 440+ beachball change files that were in the `change/` directory.
|
|
10
|
+
|
|
11
|
+
All 75 affected packages receive a minor version bump to acknowledge the accumulated changes from the beachball era.
|
|
12
|
+
|
|
13
|
+
## What Changed
|
|
14
|
+
|
|
15
|
+
Going forward, all version management uses Changesets via `yarn changeset`. The following beachball infrastructure has been removed:
|
|
16
|
+
|
|
17
|
+
- ❌ 440+ beachball change files from `change/` directory
|
|
18
|
+
- ❌ `beachball` package dependency
|
|
19
|
+
- ❌ Beachball scripts from `package.json`
|
|
20
|
+
- ❌ `beachball.config.js` configuration file
|
|
21
|
+
- ❌ Beachball publish steps from Azure Pipelines
|
|
22
|
+
|
|
23
|
+
## New Workflow
|
|
24
|
+
|
|
25
|
+
✅ **Create changes**: Run `yarn changeset` to document changes
|
|
26
|
+
✅ **Version bump PRs**: Automatically created by GitHub Actions
|
|
27
|
+
✅ **Publishing**: Handled by Azure Pipelines using `changeset publish`
|
|
28
|
+
✅ **Validation**: CI validates changesets and blocks major version bumps
|
|
29
|
+
|
|
30
|
+
For details, see `CHANGESETS_SETUP.md` and `CONTRIBUTING.md`.
|
|
31
|
+
|
|
32
|
+
### Patch Changes
|
|
33
|
+
|
|
34
|
+
- d1d8c26: We were pinning @types/react and react-native-macos via resolutions. This fixes that which uncovered a bunch of type inconsistencies that needed to be addressed.
|
|
35
|
+
- Updated dependencies [d7adbdd]
|
|
36
|
+
- Updated dependencies [d1d8c26]
|
|
37
|
+
- @fluentui-react-native/adapters@0.14.0
|
|
38
|
+
- @fluentui-react-native/framework@0.15.0
|
|
39
|
+
- @fluentui-react-native/theme-tokens@0.28.0
|
|
40
|
+
- @fluentui-react-native/tokens@0.24.0
|
|
41
|
+
- @uifabricshared/foundation-composable@0.14.0
|
|
42
|
+
- @uifabricshared/foundation-compose@1.16.0
|
|
43
|
+
- @uifabricshared/foundation-settings@0.16.0
|
|
44
|
+
- @uifabricshared/foundation-tokens@0.16.0
|
|
45
|
+
|
|
3
46
|
<!-- This log was last generated on Tue, 05 Aug 2025 18:50:41 GMT and should not be manually modified. -->
|
|
4
47
|
|
|
5
48
|
<!-- Start content -->
|
|
@@ -1718,30 +1761,39 @@ Thu, 16 Apr 2020 23:57:38 GMT
|
|
|
1718
1761
|
- publish with correct main/module references (jasonmo@microsoft.com)
|
|
1719
1762
|
|
|
1720
1763
|
## 0.2.10
|
|
1764
|
+
|
|
1721
1765
|
Thu, 09 Apr 2020 18:39:15 GMT
|
|
1722
1766
|
|
|
1723
1767
|
### Patches
|
|
1724
1768
|
|
|
1725
1769
|
- merge conflicts (ppatboyd@outlook.com)
|
|
1770
|
+
|
|
1726
1771
|
## 0.2.8
|
|
1772
|
+
|
|
1727
1773
|
Fri, 03 Apr 2020 20:40:51 GMT
|
|
1728
1774
|
|
|
1729
1775
|
### Patches
|
|
1730
1776
|
|
|
1731
1777
|
- switch the bin name from just-script to fluent-scripts to disambiguate names (jasonmo@microsoft.com)
|
|
1778
|
+
|
|
1732
1779
|
## 0.2.7
|
|
1780
|
+
|
|
1733
1781
|
Tue, 31 Mar 2020 18:01:09 GMT
|
|
1734
1782
|
|
|
1735
1783
|
### Patches
|
|
1736
1784
|
|
|
1737
1785
|
- Merge branch 'sammy/checkboxV1' of https://github.com/samuelfreiberg/fluentui-react-native into sammy/checkboxV1 (safreibe@microsoft.com)
|
|
1786
|
+
|
|
1738
1787
|
## 0.2.6
|
|
1788
|
+
|
|
1739
1789
|
Mon, 30 Mar 2020 16:27:00 GMT
|
|
1740
1790
|
|
|
1741
1791
|
### Patches
|
|
1742
1792
|
|
|
1743
1793
|
- Update main attribute to specify TypeScript index file. (kinhln@microsoft.com)
|
|
1794
|
+
|
|
1744
1795
|
## 0.2.0
|
|
1796
|
+
|
|
1745
1797
|
Mon, 16 Mar 2020 23:03:24 GMT
|
|
1746
1798
|
|
|
1747
1799
|
### Minor changes
|
package/lib/PersonaCoin.d.ts
CHANGED
|
@@ -1,3 +1,9 @@
|
|
|
1
1
|
import type { IPersonaCoinProps, IPersonaCoinSlotProps, IPersonaCoinState } from './PersonaCoin.types';
|
|
2
|
-
export declare const PersonaCoin: import(
|
|
3
|
-
|
|
2
|
+
export declare const PersonaCoin: import('@uifabricshared/foundation-compose').IComposeReturnType<
|
|
3
|
+
IPersonaCoinProps,
|
|
4
|
+
IPersonaCoinSlotProps,
|
|
5
|
+
import('./PersonaCoin.types').IPersonaCoinTokens,
|
|
6
|
+
IPersonaCoinState,
|
|
7
|
+
object
|
|
8
|
+
>;
|
|
9
|
+
//# sourceMappingURL=PersonaCoin.d.ts.map
|
package/lib/PersonaCoin.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PersonaCoin.d.ts","sourceRoot":"","sources":["../src/PersonaCoin.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"PersonaCoin.d.ts","sourceRoot":"","sources":["../src/PersonaCoin.tsx"],"names":[],"mappings":"AAmBA,OAAO,KAAK,EACV,iBAAiB,EAEjB,qBAAqB,EAErB,iBAAiB,EAClB,MAAM,qBAAqB,CAAC;AA6D7B,eAAO,MAAM,WAAW,wLAyCtB,CAAC"}
|
|
@@ -1,11 +1,18 @@
|
|
|
1
1
|
import type { ImageURISource } from 'react-native';
|
|
2
|
-
import type {
|
|
2
|
+
import type {
|
|
3
|
+
PersonaSize,
|
|
4
|
+
PersonaCoinColor,
|
|
5
|
+
PersonaCoinFluentColor,
|
|
6
|
+
PersonaPresence,
|
|
7
|
+
IPersonaCoinTokens,
|
|
8
|
+
RingThickness,
|
|
9
|
+
} from './PersonaCoin.types';
|
|
3
10
|
export declare function getPresenceIconSource(presence: PersonaPresence, isOutOfOffice: boolean): ImageURISource;
|
|
4
11
|
export type PersonaSizeConfig = {
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
12
|
+
physicalSize: number;
|
|
13
|
+
iconSize: number;
|
|
14
|
+
iconStrokeWidth: number;
|
|
15
|
+
initialsSize: number;
|
|
9
16
|
};
|
|
10
17
|
export declare function getSizeConfig(size: PersonaSize): PersonaSizeConfig;
|
|
11
18
|
/**
|
|
@@ -19,4 +26,4 @@ export declare function convertCoinColor(coinColor: PersonaCoinColor): string;
|
|
|
19
26
|
export declare function convertCoinColorFluent(coinColor: PersonaCoinFluentColor): string;
|
|
20
27
|
export declare function calculateEffectiveSizes(tokens: IPersonaCoinTokens): PersonaSizeConfig;
|
|
21
28
|
export declare function getRingThickness(thickness: RingThickness): number;
|
|
22
|
-
//# sourceMappingURL=PersonaCoin.helpers.d.ts.map
|
|
29
|
+
//# sourceMappingURL=PersonaCoin.helpers.d.ts.map
|
|
@@ -1,132 +1,136 @@
|
|
|
1
1
|
import { globalTokens } from '@fluentui-react-native/theme-tokens';
|
|
2
2
|
const presenceIconCache = {
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
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
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
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
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
38
|
};
|
|
39
39
|
export function getSizeConfig(size) {
|
|
40
|
-
|
|
40
|
+
return sizeTable[size];
|
|
41
41
|
}
|
|
42
42
|
const colorTable = {
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
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
63
|
};
|
|
64
64
|
/**
|
|
65
65
|
* Converts the PersonaCoinColor into a hex color value
|
|
66
66
|
* @deprecated Use convertCoinColorFluent instead.
|
|
67
67
|
*/
|
|
68
68
|
export function convertCoinColor(coinColor) {
|
|
69
|
-
|
|
69
|
+
return colorTable[coinColor];
|
|
70
70
|
}
|
|
71
71
|
const colorTableFluent = {
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
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
92
|
};
|
|
93
93
|
/**
|
|
94
94
|
* Converts the PersonaCoinFluentColor into a hex color value
|
|
95
95
|
*/
|
|
96
96
|
export function convertCoinColorFluent(coinColor) {
|
|
97
|
-
|
|
97
|
+
return colorTableFluent[coinColor];
|
|
98
98
|
}
|
|
99
99
|
export function calculateEffectiveSizes(tokens) {
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
100
|
+
const { size, coinSize, iconSize, iconStrokeWidth, initialsSize } = tokens;
|
|
101
|
+
if (size) {
|
|
102
|
+
return sizeTable[size];
|
|
103
|
+
} else {
|
|
104
|
+
const {
|
|
105
|
+
physicalSize: defaultPhysicalSize,
|
|
106
|
+
iconSize: defaultIconSize,
|
|
107
|
+
iconStrokeWidth: defaultIconStrokeWidth,
|
|
108
|
+
initialsSize: defaultInitialsSize,
|
|
109
|
+
} = sizeTable['size40'];
|
|
110
|
+
return {
|
|
111
|
+
physicalSize: coinSize || defaultPhysicalSize,
|
|
112
|
+
iconSize: iconSize || defaultIconSize,
|
|
113
|
+
iconStrokeWidth: iconStrokeWidth || defaultIconStrokeWidth,
|
|
114
|
+
initialsSize: initialsSize || defaultInitialsSize,
|
|
115
|
+
};
|
|
116
|
+
}
|
|
113
117
|
}
|
|
114
118
|
export function getRingThickness(thickness) {
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
119
|
+
switch (thickness) {
|
|
120
|
+
case 'xSmall':
|
|
121
|
+
return 1;
|
|
122
|
+
case 'small':
|
|
123
|
+
return 1;
|
|
124
|
+
case 'medium':
|
|
125
|
+
return 2;
|
|
126
|
+
case 'large':
|
|
127
|
+
return 2;
|
|
128
|
+
case 'xlarge':
|
|
129
|
+
return 2;
|
|
130
|
+
case 'xxlarge':
|
|
131
|
+
return 4;
|
|
132
|
+
default:
|
|
133
|
+
return thickness < 0 ? 4 : thickness;
|
|
134
|
+
}
|
|
131
135
|
}
|
|
132
|
-
//# sourceMappingURL=PersonaCoin.helpers.js.map
|
|
136
|
+
//# sourceMappingURL=PersonaCoin.helpers.js.map
|
|
@@ -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,MAAM,iBAAiB,GAAiD;IACtE,IAAI,EAAE,EAAE,GAAG,EAAE,EAAE,EAAE;IACjB,OAAO,EAAE;QACP,GAAG,EAAE,wXAAwX;KAC9X;IACD,MAAM,EAAE;QACN,GAAG,EAAE,gfAAgf;KACtf;IACD,IAAI,EAAE;QACJ,GAAG,EAAE,4YAA4Y;KAClZ;IACD,GAAG,EAAE;QACH,GAAG,EAAE,4aAA4a;KAClb;IACD,OAAO,EAAE;QACP,GAAG,EAAE,wlBAAwlB;KAC9lB;IACD,IAAI,EAAE;QACJ,GAAG,EAAE,4YAA4Y;KAClZ;CACF,CAAC;AAEF,uCAAuC;AACvC,MAAM,oBAAoB,GAAG,iBAAiB,CAAC;AAE/C,MAAM,UAAU,qBAAqB,CAAC,QAAyB,EAAE,aAAsB;
|
|
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,9 +1,8 @@
|
|
|
1
|
-
|
|
2
|
-
/** @
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from '@fluentui-react-native/framework-base/jsx-runtime';
|
|
2
|
+
/** @jsxImportSource @fluentui-react-native/framework-base */
|
|
3
3
|
import { Image, View, Text } from 'react-native';
|
|
4
4
|
import { filterViewProps, filterImageProps } from '@fluentui-react-native/adapters';
|
|
5
5
|
import { foregroundColorTokens } from '@fluentui-react-native/tokens';
|
|
6
|
-
import { withSlots } from '@uifabricshared/foundation-composable';
|
|
7
6
|
import { compose } from '@uifabricshared/foundation-compose';
|
|
8
7
|
import { mergeSettings } from '@uifabricshared/foundation-settings';
|
|
9
8
|
import { getPresenceIconSource } from './PersonaCoin.helpers';
|
|
@@ -16,85 +15,90 @@ import { buildGlowStyles, buildRingStyles } from './PersonaCoin.tokens.ring';
|
|
|
16
15
|
import { buildRootStyles } from './PersonaCoin.tokens.root';
|
|
17
16
|
import { personaCoinName } from './PersonaCoin.types';
|
|
18
17
|
function usePrepareForProps(props, useStyling) {
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
18
|
+
const { imageUrl, imageDescription, initials, presence, isOutOfOffice, ring, ...rest } = props;
|
|
19
|
+
const personaPhotoSource =
|
|
20
|
+
imageUrl === undefined
|
|
21
|
+
? undefined
|
|
22
|
+
: {
|
|
23
|
+
uri: imageUrl,
|
|
24
24
|
};
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
25
|
+
const iconSource = presence === undefined ? undefined : getPresenceIconSource(presence, isOutOfOffice || false);
|
|
26
|
+
const showRing = !!ring;
|
|
27
|
+
const transparentRing = !!ring?.transparent;
|
|
28
|
+
return {
|
|
29
|
+
slotProps: mergeSettings(useStyling(props), {
|
|
30
|
+
root: { ...rest },
|
|
31
|
+
initials: {
|
|
32
|
+
children: initials,
|
|
33
|
+
},
|
|
34
|
+
photo: {
|
|
35
|
+
accessibilityLabel: imageDescription,
|
|
36
|
+
},
|
|
37
|
+
}),
|
|
38
|
+
state: {
|
|
39
|
+
iconSource,
|
|
40
|
+
personaPhotoSource,
|
|
41
|
+
showRing,
|
|
42
|
+
transparentRing,
|
|
43
|
+
},
|
|
44
|
+
};
|
|
45
45
|
}
|
|
46
46
|
const render = (Slots, renderData) => {
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
47
|
+
if (!renderData.state) {
|
|
48
|
+
return null;
|
|
49
|
+
}
|
|
50
|
+
const { personaPhotoSource, iconSource, showRing, transparentRing } = renderData.state;
|
|
51
|
+
return _jsxs(Slots.root, {
|
|
52
|
+
children: [
|
|
53
|
+
personaPhotoSource
|
|
54
|
+
? _jsx(Slots.photo, { source: personaPhotoSource })
|
|
55
|
+
: _jsx(Slots.initialsBackground, { children: _jsx(Slots.initials, {}) }),
|
|
56
|
+
showRing && !transparentRing && _jsx(Slots.ring, {}),
|
|
57
|
+
showRing && _jsx(Slots.glow, {}),
|
|
58
|
+
!!iconSource && !!iconSource.uri && _jsx(Slots.icon, { source: iconSource }),
|
|
59
|
+
],
|
|
60
|
+
});
|
|
57
61
|
};
|
|
58
62
|
export const PersonaCoin = compose({
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
},
|
|
84
|
-
glow: {
|
|
85
|
-
slotType: View,
|
|
86
|
-
filter: filterViewProps,
|
|
87
|
-
},
|
|
63
|
+
displayName: personaCoinName,
|
|
64
|
+
usePrepareProps: usePrepareForProps,
|
|
65
|
+
settings: settings,
|
|
66
|
+
slots: {
|
|
67
|
+
root: {
|
|
68
|
+
slotType: View,
|
|
69
|
+
filter: filterViewProps,
|
|
70
|
+
},
|
|
71
|
+
photo: {
|
|
72
|
+
slotType: Image,
|
|
73
|
+
filter: filterImageProps,
|
|
74
|
+
},
|
|
75
|
+
initials: Text,
|
|
76
|
+
initialsBackground: {
|
|
77
|
+
slotType: View,
|
|
78
|
+
filter: filterViewProps,
|
|
79
|
+
},
|
|
80
|
+
icon: {
|
|
81
|
+
slotType: Image,
|
|
82
|
+
filter: filterImageProps,
|
|
83
|
+
},
|
|
84
|
+
ring: {
|
|
85
|
+
slotType: View,
|
|
86
|
+
filter: filterViewProps,
|
|
88
87
|
},
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
initials: [foregroundColorTokens, buildInitialsStyles],
|
|
93
|
-
initialsBackground: [buildInitialsBackgroundStyles],
|
|
94
|
-
photo: [buildPhotoStyles],
|
|
95
|
-
icon: [buildIconStyles],
|
|
96
|
-
ring: [buildRingStyles],
|
|
97
|
-
glow: [buildGlowStyles],
|
|
88
|
+
glow: {
|
|
89
|
+
slotType: View,
|
|
90
|
+
filter: filterViewProps,
|
|
98
91
|
},
|
|
92
|
+
},
|
|
93
|
+
render: render,
|
|
94
|
+
styles: {
|
|
95
|
+
root: [buildRootStyles],
|
|
96
|
+
initials: [foregroundColorTokens, buildInitialsStyles],
|
|
97
|
+
initialsBackground: [buildInitialsBackgroundStyles],
|
|
98
|
+
photo: [buildPhotoStyles],
|
|
99
|
+
icon: [buildIconStyles],
|
|
100
|
+
ring: [buildRingStyles],
|
|
101
|
+
glow: [buildGlowStyles],
|
|
102
|
+
},
|
|
99
103
|
});
|
|
100
|
-
//# sourceMappingURL=PersonaCoin.js.map
|
|
104
|
+
//# sourceMappingURL=PersonaCoin.js.map
|
package/lib/PersonaCoin.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PersonaCoin.js","sourceRoot":"","sources":["../src/PersonaCoin.tsx"],"names":[],"mappings":"AAAA,
|
|
1
|
+
{"version":3,"file":"PersonaCoin.js","sourceRoot":"","sources":["../src/PersonaCoin.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import type { IComposeSettings } from '@uifabricshared/foundation-compose';
|
|
2
2
|
import type { IPersonaCoinType } from './PersonaCoin.types';
|
|
3
3
|
export declare const settings: IComposeSettings<IPersonaCoinType>;
|
|
4
|
-
//# sourceMappingURL=PersonaCoin.settings.d.ts.map
|
|
4
|
+
//# sourceMappingURL=PersonaCoin.settings.d.ts.map
|
|
@@ -1,15 +1,15 @@
|
|
|
1
1
|
import { convertCoinColorFluent } from './PersonaCoin.helpers';
|
|
2
2
|
import { personaCoinName } from './PersonaCoin.types';
|
|
3
3
|
export const settings = [
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
},
|
|
4
|
+
{
|
|
5
|
+
tokens: {
|
|
6
|
+
horizontalIconAlignment: 'end',
|
|
7
|
+
verticalIconAlignment: 'end',
|
|
8
|
+
color: 'white', // initials is always 'white', unless overriden by token
|
|
9
|
+
iconStrokeColor: 'white', // icon stroke color is always 'white', unless overriden by token
|
|
10
|
+
backgroundColor: convertCoinColorFluent('cornflower'),
|
|
12
11
|
},
|
|
13
|
-
|
|
12
|
+
},
|
|
13
|
+
personaCoinName,
|
|
14
14
|
];
|
|
15
|
-
//# sourceMappingURL=PersonaCoin.settings.js.map
|
|
15
|
+
//# sourceMappingURL=PersonaCoin.settings.js.map
|