@fluentui-react-native/experimental-avatar 0.13.0 → 0.13.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (117) hide show
  1. package/CHANGELOG.json +106 -1
  2. package/CHANGELOG.md +39 -2
  3. package/lib/Avatar.d.ts +69 -2
  4. package/lib/Avatar.d.ts.map +1 -1
  5. package/lib/Avatar.js +32 -38
  6. package/lib/Avatar.js.map +1 -1
  7. package/lib/JSAvatar.d.ts +12 -0
  8. package/lib/JSAvatar.d.ts.map +1 -0
  9. package/lib/{Avatar.helpers.d.ts → JSAvatar.helpers.d.ts} +3 -3
  10. package/lib/JSAvatar.helpers.d.ts.map +1 -0
  11. package/lib/{Avatar.helpers.js → JSAvatar.helpers.js} +1 -1
  12. package/lib/JSAvatar.helpers.js.map +1 -0
  13. package/lib/JSAvatar.js +62 -0
  14. package/lib/JSAvatar.js.map +1 -0
  15. package/lib/JSAvatar.styling.d.ts +5 -0
  16. package/lib/JSAvatar.styling.d.ts.map +1 -0
  17. package/lib/{Avatar.styling.js → JSAvatar.styling.js} +35 -43
  18. package/lib/JSAvatar.styling.js.map +1 -0
  19. package/{lib-commonjs/Avatar.types.d.ts → lib/JSAvatar.types.d.ts} +20 -12
  20. package/lib/JSAvatar.types.d.ts.map +1 -0
  21. package/lib/JSAvatar.types.js +2 -0
  22. package/lib/JSAvatar.types.js.map +1 -0
  23. package/lib/JSAvatarTokens.d.ts +5 -0
  24. package/lib/JSAvatarTokens.d.ts.map +1 -0
  25. package/lib/JSAvatarTokens.js +18 -0
  26. package/lib/JSAvatarTokens.js.map +1 -0
  27. package/lib/index.d.ts +2 -1
  28. package/lib/index.d.ts.map +1 -1
  29. package/lib/index.js +2 -1
  30. package/lib/index.js.map +1 -1
  31. package/lib/useAvatar.d.ts +2 -2
  32. package/lib/useAvatar.d.ts.map +1 -1
  33. package/lib/useAvatar.js +3 -3
  34. package/lib/useAvatar.js.map +1 -1
  35. package/lib-commonjs/Avatar.d.ts +69 -2
  36. package/lib-commonjs/Avatar.d.ts.map +1 -1
  37. package/lib-commonjs/Avatar.js +31 -37
  38. package/lib-commonjs/Avatar.js.map +1 -1
  39. package/lib-commonjs/JSAvatar.d.ts +12 -0
  40. package/lib-commonjs/JSAvatar.d.ts.map +1 -0
  41. package/lib-commonjs/{Avatar.helpers.d.ts → JSAvatar.helpers.d.ts} +3 -3
  42. package/lib-commonjs/JSAvatar.helpers.d.ts.map +1 -0
  43. package/lib-commonjs/{Avatar.helpers.js → JSAvatar.helpers.js} +1 -1
  44. package/lib-commonjs/JSAvatar.helpers.js.map +1 -0
  45. package/lib-commonjs/JSAvatar.js +64 -0
  46. package/lib-commonjs/JSAvatar.js.map +1 -0
  47. package/lib-commonjs/JSAvatar.styling.d.ts +5 -0
  48. package/lib-commonjs/JSAvatar.styling.d.ts.map +1 -0
  49. package/lib-commonjs/JSAvatar.styling.js +125 -0
  50. package/lib-commonjs/JSAvatar.styling.js.map +1 -0
  51. package/{lib/Avatar.types.d.ts → lib-commonjs/JSAvatar.types.d.ts} +20 -12
  52. package/lib-commonjs/JSAvatar.types.d.ts.map +1 -0
  53. package/lib-commonjs/{Avatar.types.js → JSAvatar.types.js} +2 -2
  54. package/lib-commonjs/JSAvatar.types.js.map +1 -0
  55. package/lib-commonjs/JSAvatarTokens.d.ts +5 -0
  56. package/lib-commonjs/JSAvatarTokens.d.ts.map +1 -0
  57. package/lib-commonjs/JSAvatarTokens.js +20 -0
  58. package/lib-commonjs/JSAvatarTokens.js.map +1 -0
  59. package/lib-commonjs/index.d.ts +2 -1
  60. package/lib-commonjs/index.d.ts.map +1 -1
  61. package/lib-commonjs/index.js +2 -1
  62. package/lib-commonjs/index.js.map +1 -1
  63. package/lib-commonjs/useAvatar.d.ts +2 -2
  64. package/lib-commonjs/useAvatar.d.ts.map +1 -1
  65. package/lib-commonjs/useAvatar.js +4 -4
  66. package/lib-commonjs/useAvatar.js.map +1 -1
  67. package/package.json +5 -5
  68. package/src/Avatar.tsx +127 -37
  69. package/src/{Avatar.helpers.ts → JSAvatar.helpers.ts} +2 -2
  70. package/src/{Avatar.styling.ts → JSAvatar.styling.ts} +24 -20
  71. package/src/JSAvatar.tsx +56 -0
  72. package/src/{Avatar.types.ts → JSAvatar.types.ts} +20 -11
  73. package/src/{AvatarTokens.ts → JSAvatarTokens.ts} +11 -4
  74. package/src/index.ts +2 -1
  75. package/src/useAvatar.ts +6 -5
  76. package/lib/Avatar.helpers.d.ts.map +0 -1
  77. package/lib/Avatar.helpers.js.map +0 -1
  78. package/lib/Avatar.ios.d.ts +0 -70
  79. package/lib/Avatar.ios.d.ts.map +0 -1
  80. package/lib/Avatar.ios.js +0 -45
  81. package/lib/Avatar.ios.js.map +0 -1
  82. package/lib/Avatar.macos.d.ts +0 -70
  83. package/lib/Avatar.macos.d.ts.map +0 -1
  84. package/lib/Avatar.macos.js +0 -45
  85. package/lib/Avatar.macos.js.map +0 -1
  86. package/lib/Avatar.styling.d.ts +0 -4
  87. package/lib/Avatar.styling.d.ts.map +0 -1
  88. package/lib/Avatar.styling.js.map +0 -1
  89. package/lib/Avatar.types.d.ts.map +0 -1
  90. package/lib/Avatar.types.js +0 -2
  91. package/lib/Avatar.types.js.map +0 -1
  92. package/lib/AvatarTokens.d.ts +0 -5
  93. package/lib/AvatarTokens.d.ts.map +0 -1
  94. package/lib/AvatarTokens.js +0 -11
  95. package/lib/AvatarTokens.js.map +0 -1
  96. package/lib-commonjs/Avatar.helpers.d.ts.map +0 -1
  97. package/lib-commonjs/Avatar.helpers.js.map +0 -1
  98. package/lib-commonjs/Avatar.ios.d.ts +0 -70
  99. package/lib-commonjs/Avatar.ios.d.ts.map +0 -1
  100. package/lib-commonjs/Avatar.ios.js +0 -47
  101. package/lib-commonjs/Avatar.ios.js.map +0 -1
  102. package/lib-commonjs/Avatar.macos.d.ts +0 -70
  103. package/lib-commonjs/Avatar.macos.d.ts.map +0 -1
  104. package/lib-commonjs/Avatar.macos.js +0 -47
  105. package/lib-commonjs/Avatar.macos.js.map +0 -1
  106. package/lib-commonjs/Avatar.styling.d.ts +0 -4
  107. package/lib-commonjs/Avatar.styling.d.ts.map +0 -1
  108. package/lib-commonjs/Avatar.styling.js +0 -133
  109. package/lib-commonjs/Avatar.styling.js.map +0 -1
  110. package/lib-commonjs/Avatar.types.d.ts.map +0 -1
  111. package/lib-commonjs/Avatar.types.js.map +0 -1
  112. package/lib-commonjs/AvatarTokens.d.ts +0 -5
  113. package/lib-commonjs/AvatarTokens.d.ts.map +0 -1
  114. package/lib-commonjs/AvatarTokens.js +0 -13
  115. package/lib-commonjs/AvatarTokens.js.map +0 -1
  116. package/src/Avatar.ios.tsx +0 -134
  117. package/src/Avatar.macos.tsx +0 -134
@@ -1,11 +0,0 @@
1
- import { convertCoinColorFluent } from './Avatar.helpers';
2
- export var defaultAvatarTokens = function () {
3
- return ({
4
- horizontalIconAlignment: 'end',
5
- verticalIconAlignment: 'end',
6
- color: 'white',
7
- iconStrokeColor: 'white',
8
- backgroundColor: convertCoinColorFluent('cornflower'),
9
- });
10
- };
11
- //# sourceMappingURL=AvatarTokens.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"AvatarTokens.js","sourceRoot":"","sources":["../src/AvatarTokens.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,sBAAsB,EAAE,MAAM,kBAAkB,CAAC;AAE1D,MAAM,CAAC,IAAM,mBAAmB,GAAuC;IACrE,OAAA,CAAC;QACC,uBAAuB,EAAE,KAAK;QAC9B,qBAAqB,EAAE,KAAK;QAC5B,KAAK,EAAE,OAAO;QACd,eAAe,EAAE,OAAO;QACxB,eAAe,EAAE,sBAAsB,CAAC,YAAY,CAAC;KACrC,CAAA;AANlB,CAMkB,CAAC"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"Avatar.helpers.d.ts","sourceRoot":"","sources":["../src/Avatar.helpers.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,WAAW,EAAE,cAAc,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AACtG,OAAO,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AA4B9C,wBAAgB,qBAAqB,CAAC,QAAQ,EAAE,cAAc,EAAE,aAAa,EAAE,OAAO,GAAG,cAAc,CAEtG;AAED,oBAAY,gBAAgB,GAAG;IAC7B,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,UAAU,GAAG,gBAAgB,CAEhE;AAyBD;;GAEG;AACH,wBAAgB,sBAAsB,CAAC,SAAS,EAAE,WAAW,GAAG,MAAM,CAErE;AAED,wBAAgB,uBAAuB,CAAC,MAAM,EAAE,YAAY,GAAG,gBAAgB,CAoB9E;AAED,wBAAgB,gBAAgB,CAAC,SAAS,EAAE,aAAa,GAAG,MAAM,CAiBjE"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"Avatar.helpers.js","sourceRoot":"","sources":["../src/Avatar.helpers.ts"],"names":[],"mappings":"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"}
@@ -1,70 +0,0 @@
1
- import { ImageURISource, ViewProps, ColorValue } from 'react-native';
2
- export declare type Size = 'xSmall' | 'small' | 'medium' | 'large' | 'xLarge' | 'xxLarge';
3
- export declare type AvatarStyle = 'default' | 'accent' | 'group' | 'outlined' | 'outlinedPrimary' | 'overflow';
4
- export declare type Presence = 'none' | 'available' | 'away' | 'blocked' | 'doNotDisturb' | 'offline' | 'unknown';
5
- export declare type AvatarTokens = {
6
- /**
7
- * Supported Avatar sizes
8
- */
9
- size?: Size;
10
- /**
11
- * Supported Avatar styles
12
- */
13
- avatarStyle?: AvatarStyle;
14
- };
15
- export declare type AvatarProps = AvatarTokens & {
16
- /**
17
- * The image to be displayed
18
- */
19
- imageSource?: ImageURISource;
20
- /**
21
- * The primary text to create initials with (e.g. a name)
22
- */
23
- primaryText?: string;
24
- /**
25
- * The secondary text to create initials with if primary text is not provided (e.g. an email address)
26
- */
27
- secondaryText?: string;
28
- /**
29
- * A custom color for the ring around the Avatar
30
- */
31
- ringColor?: ColorValue;
32
- /**
33
- * A custom color for the avatar initials when no image is shown
34
- */
35
- foregroundColor?: ColorValue;
36
- /**
37
- * A custom color for the avatar background when no image is shown
38
- */
39
- backgroundColor?: ColorValue;
40
- /**
41
- * The avatar view's presence state.
42
- */
43
- presence?: Presence;
44
- /**
45
- * A boolean inidicating whether the ring is visible
46
- */
47
- isRingVisible?: boolean;
48
- /**
49
- * A boolean indicating whether the Inner Ring Gap is transparent
50
- */
51
- isTransparent?: boolean;
52
- /**
53
- * A boolean indicating out of office status
54
- */
55
- isOutOfOffice?: boolean;
56
- /**
57
- * A boolean indicating whether the gap between the avatar and ring is visible.
58
- */
59
- hasRingInnerGap?: boolean;
60
- /**
61
- * An image to be shown as the backdrop of the ring, rather then a solid color.
62
- * Takes precendence over `ringColor`
63
- */
64
- customBorderImageSource?: ImageURISource;
65
- };
66
- export declare type NativeAvatarViewProps = ViewProps & AvatarProps;
67
- export declare const Avatar: import("@fluentui-react-native/composition").ComposeFactoryComponent<AvatarProps, {
68
- root: NativeAvatarViewProps;
69
- }, AvatarTokens, import("@fluentui-react-native/framework").Theme, object>;
70
- //# sourceMappingURL=Avatar.ios.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Avatar.ios.d.ts","sourceRoot":"","sources":["../src/Avatar.ios.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,cAAc,EAAiB,SAAS,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAOpF,oBAAY,IAAI,GAAG,QAAQ,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,GAAG,QAAQ,GAAG,SAAS,CAAC;AAElF,oBAAY,WAAW,GAAG,SAAS,GAAG,QAAQ,GAAG,OAAO,GAAG,UAAU,GAAG,iBAAiB,GAAG,UAAU,CAAC;AAEvG,oBAAY,QAAQ,GAAG,MAAM,GAAG,WAAW,GAAG,MAAM,GAAG,SAAS,GAAG,cAAc,GAAG,SAAS,GAAG,SAAS,CAAC;AAQ1G,oBAAY,YAAY,GAAG;IACzB;;OAEG;IACH,IAAI,CAAC,EAAE,IAAI,CAAC;IAEZ;;OAEG;IACH,WAAW,CAAC,EAAE,WAAW,CAAC;CAC3B,CAAC;AAEF,oBAAY,WAAW,GAAG,YAAY,GAAG;IACvC;;OAEG;IACH,WAAW,CAAC,EAAE,cAAc,CAAC;IAE7B;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;IAEvB;;OAEG;IACH,SAAS,CAAC,EAAE,UAAU,CAAC;IAEvB;;OAEG;IACH,eAAe,CAAC,EAAE,UAAU,CAAC;IAE7B;;OAEG;IACH,eAAe,CAAC,EAAE,UAAU,CAAC;IAE7B;;OAEG;IACH,QAAQ,CAAC,EAAE,QAAQ,CAAC;IAEpB;;OAEG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IAExB;;OAEG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IAExB;;OAEG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IAExB;;OAEG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAE1B;;;OAGG;IACH,uBAAuB,CAAC,EAAE,cAAc,CAAC;CAC1C,CAAC;AAIF,oBAAY,qBAAqB,GAAG,SAAS,GAAG,WAAW,CAAC;AAO5D,eAAO,MAAM,MAAM;;0EA4BjB,CAAC"}
@@ -1,47 +0,0 @@
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
- Object.defineProperty(exports, "__esModule", { value: true });
14
- /** @jsx withSlots */
15
- var framework_1 = require("@fluentui-react-native/framework");
16
- var react_native_1 = require("react-native");
17
- var component_cache_1 = require("@fluentui-react-native/component-cache");
18
- var avatarName = 'Avatar';
19
- var NativeAvatarView = component_cache_1.ensureNativeComponent('FRNAvatarView');
20
- var ExportedNativeConstants = react_native_1.NativeModules.FRNAvatarViewManager;
21
- var tokensThatAreAlsoProps = ['size', 'avatarStyle'];
22
- exports.Avatar = framework_1.compose({
23
- displayName: avatarName,
24
- tokens: [
25
- {
26
- size: 'small',
27
- avatarStyle: 'default',
28
- },
29
- avatarName,
30
- ],
31
- tokensThatAreAlsoProps: tokensThatAreAlsoProps,
32
- slots: { root: NativeAvatarView },
33
- slotProps: {
34
- root: framework_1.buildProps(function (tokens) { return ({
35
- size: tokens.size,
36
- style: {
37
- height: ExportedNativeConstants.sizes[tokens.size],
38
- width: ExportedNativeConstants.sizes[tokens.size],
39
- },
40
- }); }, ['size']),
41
- },
42
- render: function (props, useSlots) {
43
- var Root = useSlots(props).root;
44
- return function (rest) { return framework_1.withSlots(Root, __assign({}, framework_1.mergeProps(props, rest))); };
45
- },
46
- });
47
- //# sourceMappingURL=Avatar.ios.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Avatar.ios.js","sourceRoot":"","sources":["../src/Avatar.ios.tsx"],"names":[],"mappings":";;;;;;;;;;;;;AAAA,qBAAqB;AACrB,8DAAwG;AACxG,6CAAoF;AACpF,0EAA+E;AAE/E,IAAM,UAAU,GAAG,QAAQ,CAAC;AAE5B,IAAM,gBAAgB,GAAG,uCAAqB,CAAC,eAAe,CAAC,CAAC;AAYhE,IAAM,uBAAuB,GAAsB,4BAAa,CAAC,oBAAoB,CAAC;AA6EtF,IAAM,sBAAsB,GAA2B,CAAC,MAAM,EAAE,aAAa,CAAC,CAAC;AASlE,QAAA,MAAM,GAAG,mBAAO,CAAa;IACxC,WAAW,EAAE,UAAU;IACvB,MAAM,EAAE;QACN;YACE,IAAI,EAAE,OAAO;YACb,WAAW,EAAE,SAAS;SACvB;QACD,UAAU;KACX;IACD,sBAAsB,wBAAA;IACtB,KAAK,EAAE,EAAE,IAAI,EAAE,gBAAgB,EAAE;IACjC,SAAS,EAAE;QACT,IAAI,EAAE,sBAAU,CACd,UAAC,MAAM,IAAK,OAAA,CAAC;YACX,IAAI,EAAE,MAAM,CAAC,IAAI;YACjB,KAAK,EAAE;gBACL,MAAM,EAAE,uBAAuB,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC;gBAClD,KAAK,EAAE,uBAAuB,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC;aAClD;SACF,CAAC,EANU,CAMV,EACF,CAAC,MAAM,CAAC,CACT;KACF;IACD,MAAM,EAAE,UAAC,KAAkB,EAAE,QAA8B;QACzD,IAAM,IAAI,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC,IAAI,CAAC;QAElC,OAAO,UAAC,IAAiB,IAAK,OAAA,sBAAC,IAAI,eAAK,sBAAU,CAAC,KAAK,EAAE,IAAI,CAAC,EAAI,EAArC,CAAqC,CAAC;IACtE,CAAC;CACF,CAAC,CAAC"}
@@ -1,70 +0,0 @@
1
- import { ImageURISource, ViewProps, ColorValue } from 'react-native';
2
- export declare type Size = 'xSmall' | 'small' | 'medium' | 'large' | 'xLarge' | 'xxLarge';
3
- export declare type AvatarStyle = 'default' | 'accent' | 'group' | 'outlined' | 'outlinedPrimary' | 'overflow';
4
- export declare type Presence = 'none' | 'available' | 'away' | 'blocked' | 'doNotDisturb' | 'offline' | 'unknown';
5
- export declare type AvatarTokens = {
6
- /**
7
- * Supported Avatar sizes
8
- */
9
- size?: Size;
10
- /**
11
- * Supported Avatar styles
12
- */
13
- avatarStyle?: AvatarStyle;
14
- };
15
- export declare type AvatarProps = AvatarTokens & {
16
- /**
17
- * The image to be displayed
18
- */
19
- imageSource?: ImageURISource;
20
- /**
21
- * The primary text to create initials with (e.g. a name)
22
- */
23
- primaryText?: string;
24
- /**
25
- * The secondary text to create initials with if primary text is not provided (e.g. an email address)
26
- */
27
- secondaryText?: string;
28
- /**
29
- * A custom color for the ring around the Avatar
30
- */
31
- ringColor?: ColorValue;
32
- /**
33
- * A custom color for the avatar initials when no image is shown
34
- */
35
- foregroundColor?: ColorValue;
36
- /**
37
- * A custom color for the avatar background when no image is shown
38
- */
39
- backgroundColor?: ColorValue;
40
- /**
41
- * The avatar view's presence state.
42
- */
43
- presence?: Presence;
44
- /**
45
- * A boolean inidicating whether the ring is visible
46
- */
47
- isRingVisible?: boolean;
48
- /**
49
- * A boolean indicating whether the Inner Ring Gap is transparent
50
- */
51
- isTransparent?: boolean;
52
- /**
53
- * A boolean indicating out of office status
54
- */
55
- isOutOfOffice?: boolean;
56
- /**
57
- * A boolean indicating whether the gap between the avatar and ring is visible.
58
- */
59
- hasRingInnerGap?: boolean;
60
- /**
61
- * An image to be shown as the backdrop of the ring, rather then a solid color.
62
- * Takes precendence over `ringColor`
63
- */
64
- customBorderImageSource?: ImageURISource;
65
- };
66
- export declare type NativeAvatarViewProps = ViewProps & AvatarProps;
67
- export declare const Avatar: import("@fluentui-react-native/composition").ComposeFactoryComponent<AvatarProps, {
68
- root: NativeAvatarViewProps;
69
- }, AvatarTokens, import("@fluentui-react-native/framework").Theme, object>;
70
- //# sourceMappingURL=Avatar.macos.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Avatar.macos.d.ts","sourceRoot":"","sources":["../src/Avatar.macos.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,cAAc,EAAiB,SAAS,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAOpF,oBAAY,IAAI,GAAG,QAAQ,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,GAAG,QAAQ,GAAG,SAAS,CAAC;AAElF,oBAAY,WAAW,GAAG,SAAS,GAAG,QAAQ,GAAG,OAAO,GAAG,UAAU,GAAG,iBAAiB,GAAG,UAAU,CAAC;AAEvG,oBAAY,QAAQ,GAAG,MAAM,GAAG,WAAW,GAAG,MAAM,GAAG,SAAS,GAAG,cAAc,GAAG,SAAS,GAAG,SAAS,CAAC;AAQ1G,oBAAY,YAAY,GAAG;IACzB;;OAEG;IACH,IAAI,CAAC,EAAE,IAAI,CAAC;IAEZ;;OAEG;IACH,WAAW,CAAC,EAAE,WAAW,CAAC;CAC3B,CAAC;AAEF,oBAAY,WAAW,GAAG,YAAY,GAAG;IACvC;;OAEG;IACH,WAAW,CAAC,EAAE,cAAc,CAAC;IAE7B;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;IAEvB;;OAEG;IACH,SAAS,CAAC,EAAE,UAAU,CAAC;IAEvB;;OAEG;IACH,eAAe,CAAC,EAAE,UAAU,CAAC;IAE7B;;OAEG;IACH,eAAe,CAAC,EAAE,UAAU,CAAC;IAE7B;;OAEG;IACH,QAAQ,CAAC,EAAE,QAAQ,CAAC;IAEpB;;OAEG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IAExB;;OAEG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IAExB;;OAEG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IAExB;;OAEG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAE1B;;;OAGG;IACH,uBAAuB,CAAC,EAAE,cAAc,CAAC;CAC1C,CAAC;AAIF,oBAAY,qBAAqB,GAAG,SAAS,GAAG,WAAW,CAAC;AAO5D,eAAO,MAAM,MAAM;;0EA4BjB,CAAC"}
@@ -1,47 +0,0 @@
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
- Object.defineProperty(exports, "__esModule", { value: true });
14
- /** @jsx withSlots */
15
- var framework_1 = require("@fluentui-react-native/framework");
16
- var react_native_1 = require("react-native");
17
- var component_cache_1 = require("@fluentui-react-native/component-cache");
18
- var avatarName = 'Avatar';
19
- var NativeAvatarView = component_cache_1.ensureNativeComponent('FRNAvatarView');
20
- var ExportedNativeConstants = react_native_1.NativeModules.FRNAvatarViewManager;
21
- var tokensThatAreAlsoProps = ['size', 'avatarStyle'];
22
- exports.Avatar = framework_1.compose({
23
- displayName: avatarName,
24
- tokens: [
25
- {
26
- size: 'small',
27
- avatarStyle: 'default',
28
- },
29
- avatarName,
30
- ],
31
- tokensThatAreAlsoProps: tokensThatAreAlsoProps,
32
- slots: { root: NativeAvatarView },
33
- slotProps: {
34
- root: framework_1.buildProps(function (tokens) { return ({
35
- size: tokens.size,
36
- style: {
37
- height: ExportedNativeConstants.sizes[tokens.size],
38
- width: ExportedNativeConstants.sizes[tokens.size],
39
- },
40
- }); }, ['size']),
41
- },
42
- render: function (props, useSlots) {
43
- var Root = useSlots(props).root;
44
- return function (rest) { return framework_1.withSlots(Root, __assign({}, framework_1.mergeProps(props, rest))); };
45
- },
46
- });
47
- //# sourceMappingURL=Avatar.macos.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Avatar.macos.js","sourceRoot":"","sources":["../src/Avatar.macos.tsx"],"names":[],"mappings":";;;;;;;;;;;;;AAAA,qBAAqB;AACrB,8DAAwG;AACxG,6CAAoF;AACpF,0EAA+E;AAE/E,IAAM,UAAU,GAAG,QAAQ,CAAC;AAE5B,IAAM,gBAAgB,GAAG,uCAAqB,CAAC,eAAe,CAAC,CAAC;AAYhE,IAAM,uBAAuB,GAAsB,4BAAa,CAAC,oBAAoB,CAAC;AA6EtF,IAAM,sBAAsB,GAA2B,CAAC,MAAM,EAAE,aAAa,CAAC,CAAC;AASlE,QAAA,MAAM,GAAG,mBAAO,CAAa;IACxC,WAAW,EAAE,UAAU;IACvB,MAAM,EAAE;QACN;YACE,IAAI,EAAE,OAAO;YACb,WAAW,EAAE,SAAS;SACvB;QACD,UAAU;KACX;IACD,sBAAsB,wBAAA;IACtB,KAAK,EAAE,EAAE,IAAI,EAAE,gBAAgB,EAAE;IACjC,SAAS,EAAE;QACT,IAAI,EAAE,sBAAU,CACd,UAAC,MAAM,IAAK,OAAA,CAAC;YACX,IAAI,EAAE,MAAM,CAAC,IAAI;YACjB,KAAK,EAAE;gBACL,MAAM,EAAE,uBAAuB,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC;gBAClD,KAAK,EAAE,uBAAuB,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC;aAClD;SACF,CAAC,EANU,CAMV,EACF,CAAC,MAAM,CAAC,CACT;KACF;IACD,MAAM,EAAE,UAAC,KAAkB,EAAE,QAA8B;QACzD,IAAM,IAAI,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC,IAAI,CAAC;QAElC,OAAO,UAAC,IAAiB,IAAK,OAAA,sBAAC,IAAI,eAAK,sBAAU,CAAC,KAAK,EAAE,IAAI,CAAC,EAAI,EAArC,CAAqC,CAAC;IACtE,CAAC;CACF,CAAC,CAAC"}
@@ -1,4 +0,0 @@
1
- import { AvatarTokens, AvatarSlotProps, AvatarProps } from './Avatar.types';
2
- import { UseStylingOptions } from '@fluentui-react-native/framework';
3
- export declare const stylingSettings: UseStylingOptions<AvatarProps, AvatarSlotProps, AvatarTokens>;
4
- //# sourceMappingURL=Avatar.styling.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Avatar.styling.d.ts","sourceRoot":"","sources":["../src/Avatar.styling.ts"],"names":[],"mappings":"AAAA,OAAO,EAAc,YAAY,EAAE,eAAe,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AACxF,OAAO,EAAS,iBAAiB,EAAc,MAAM,kCAAkC,CAAC;AAWxF,eAAO,MAAM,eAAe,EAAE,iBAAiB,CAAC,WAAW,EAAE,eAAe,EAAE,YAAY,CAkJzF,CAAC"}
@@ -1,133 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- var Avatar_types_1 = require("./Avatar.types");
4
- var framework_1 = require("@fluentui-react-native/framework");
5
- var AvatarTokens_1 = require("./AvatarTokens");
6
- var Avatar_helpers_1 = require("./Avatar.helpers");
7
- var nameMap = {
8
- start: 'flex-start',
9
- center: 'center',
10
- end: 'flex-end',
11
- };
12
- exports.stylingSettings = {
13
- tokens: [AvatarTokens_1.defaultAvatarTokens, Avatar_types_1.avatarName],
14
- slotProps: {
15
- root: framework_1.buildProps(function (tokens) {
16
- var physicalSize = Avatar_helpers_1.calculateEffectiveSizes(tokens).physicalSize;
17
- var horizontalIconAlignment = tokens.horizontalIconAlignment, verticalIconAlignment = tokens.verticalIconAlignment;
18
- return {
19
- style: {
20
- flexDirection: 'row',
21
- width: physicalSize,
22
- height: physicalSize,
23
- justifyContent: nameMap[horizontalIconAlignment || 'end'],
24
- alignItems: nameMap[verticalIconAlignment || 'end'],
25
- horizontalIconAlignment: horizontalIconAlignment,
26
- verticalIconAlignment: verticalIconAlignment,
27
- },
28
- };
29
- }, ['horizontalIconAlignment', 'verticalIconAlignment']),
30
- initials: framework_1.buildProps(function (tokens) {
31
- var initialsSize = Avatar_helpers_1.calculateEffectiveSizes(tokens).initialsSize;
32
- return {
33
- style: {
34
- fontSize: initialsSize,
35
- },
36
- };
37
- }, ['initialsSize']),
38
- initialsBackground: framework_1.buildProps(function (tokens) {
39
- var physicalSize = Avatar_helpers_1.calculateEffectiveSizes(tokens).physicalSize;
40
- var backgroundColor = tokens.backgroundColor, coinColorFluent = tokens.coinColorFluent;
41
- var effectiveBackgroundColor = backgroundColor;
42
- if (coinColorFluent) {
43
- effectiveBackgroundColor = Avatar_helpers_1.convertCoinColorFluent(coinColorFluent);
44
- }
45
- return {
46
- style: {
47
- borderRadius: physicalSize / 2,
48
- width: physicalSize,
49
- height: physicalSize,
50
- flexGrow: 1,
51
- alignSelf: 'stretch',
52
- justifyContent: 'center',
53
- alignItems: 'center',
54
- backgroundColor: effectiveBackgroundColor,
55
- },
56
- };
57
- }, ['coinColorFluent', 'backgroundColor', 'physicalSize']),
58
- photo: framework_1.buildProps(function (tokens) {
59
- var physicalSize = Avatar_helpers_1.calculateEffectiveSizes(tokens).physicalSize;
60
- return {
61
- style: {
62
- borderRadius: physicalSize / 2,
63
- width: physicalSize,
64
- height: physicalSize,
65
- },
66
- };
67
- }, ['physicalSize']),
68
- icon: framework_1.buildProps(function (tokens, theme) {
69
- var _a = Avatar_helpers_1.calculateEffectiveSizes(tokens), iconSize = _a.iconSize, iconStrokeWidth = _a.iconStrokeWidth;
70
- var iconSizeAdjusted = iconSize + iconStrokeWidth * 2;
71
- var iconStrokeColor = tokens.iconStrokeColor || theme.colors.background;
72
- return {
73
- style: {
74
- position: 'absolute',
75
- width: iconSizeAdjusted,
76
- height: iconSizeAdjusted,
77
- bottom: -iconStrokeWidth,
78
- end: -iconStrokeWidth,
79
- borderRadius: iconSizeAdjusted / 2,
80
- borderWidth: iconStrokeWidth,
81
- borderColor: iconStrokeColor,
82
- },
83
- };
84
- }, ['iconSize', 'iconStrokeWidth', 'iconStrokeColor']),
85
- ring: framework_1.buildProps(function (tokens, theme) {
86
- var physicalSize = Avatar_helpers_1.calculateEffectiveSizes(tokens).physicalSize;
87
- var ring = tokens.ring;
88
- if (!ring)
89
- return {};
90
- var innerGap = ring.innerGap != undefined ? Avatar_helpers_1.getRingThickness(ring.innerGap) : Avatar_helpers_1.getRingThickness(ring.ringThickness || 'xxlarge');
91
- var effectiveRingThickness = 2 * Avatar_helpers_1.getRingThickness(ring.ringThickness || 'xxlarge') + innerGap;
92
- var effectiveSize = physicalSize + 2 * effectiveRingThickness;
93
- var ringColor = ring.ringBackgroundColor || theme.colors.personaActivityRing;
94
- return {
95
- style: {
96
- borderStyle: 'solid',
97
- borderColor: ringColor,
98
- borderWidth: effectiveRingThickness,
99
- borderRadius: effectiveSize / 2,
100
- width: effectiveSize,
101
- height: effectiveSize,
102
- position: 'absolute',
103
- top: -effectiveRingThickness,
104
- left: -effectiveRingThickness,
105
- },
106
- };
107
- }, ['physicalSize', 'ring', 'physicalSize']),
108
- glow: framework_1.buildProps(function (tokens, theme) {
109
- var physicalSize = Avatar_helpers_1.calculateEffectiveSizes(tokens).physicalSize;
110
- var ring = tokens.ring;
111
- if (!ring)
112
- return {};
113
- var innerGap = ring.innerGap != undefined ? Avatar_helpers_1.getRingThickness(ring.innerGap) : Avatar_helpers_1.getRingThickness(ring.ringThickness || 'xxlarge');
114
- var effectiveRingThickness = Avatar_helpers_1.getRingThickness(ring.ringThickness || 'xxlarge') + innerGap;
115
- var effectiveSize = physicalSize + 2 * effectiveRingThickness;
116
- var glowColor = ring.accent ? theme.colors.accentButtonBackground : ring.ringColor || theme.colors.personaActivityGlow;
117
- return {
118
- style: {
119
- borderStyle: 'solid',
120
- borderColor: glowColor,
121
- borderWidth: effectiveRingThickness - innerGap,
122
- borderRadius: effectiveSize / 2,
123
- width: effectiveSize,
124
- height: effectiveSize,
125
- position: 'absolute',
126
- top: -effectiveRingThickness,
127
- left: -effectiveRingThickness,
128
- },
129
- };
130
- }, ['physicalSize', 'ring']),
131
- },
132
- };
133
- //# sourceMappingURL=Avatar.styling.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Avatar.styling.js","sourceRoot":"","sources":["../src/Avatar.styling.ts"],"names":[],"mappings":"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"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"Avatar.types.d.ts","sourceRoot":"","sources":["../src/Avatar.types.ts"],"names":[],"mappings":"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"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"Avatar.types.js","sourceRoot":"","sources":["../src/Avatar.types.ts"],"names":[],"mappings":";;AAIa,QAAA,UAAU,GAAG,QAAQ,CAAC"}
@@ -1,5 +0,0 @@
1
- import { Theme } from '@fluentui-react-native/framework';
2
- import { TokenSettings } from '@fluentui-react-native/use-styling';
3
- import { AvatarTokens } from '.';
4
- export declare const defaultAvatarTokens: TokenSettings<AvatarTokens, Theme>;
5
- //# sourceMappingURL=AvatarTokens.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"AvatarTokens.d.ts","sourceRoot":"","sources":["../src/AvatarTokens.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,kCAAkC,CAAC;AACzD,OAAO,EAAE,aAAa,EAAE,MAAM,oCAAoC,CAAC;AACnE,OAAO,EAAE,YAAY,EAAE,MAAM,GAAG,CAAC;AAGjC,eAAO,MAAM,mBAAmB,EAAE,aAAa,CAAC,YAAY,EAAE,KAAK,CAO/C,CAAC"}
@@ -1,13 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- var Avatar_helpers_1 = require("./Avatar.helpers");
4
- exports.defaultAvatarTokens = function () {
5
- return ({
6
- horizontalIconAlignment: 'end',
7
- verticalIconAlignment: 'end',
8
- color: 'white',
9
- iconStrokeColor: 'white',
10
- backgroundColor: Avatar_helpers_1.convertCoinColorFluent('cornflower'),
11
- });
12
- };
13
- //# sourceMappingURL=AvatarTokens.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"AvatarTokens.js","sourceRoot":"","sources":["../src/AvatarTokens.ts"],"names":[],"mappings":";;AAGA,mDAA0D;AAE7C,QAAA,mBAAmB,GAAuC;IACrE,OAAA,CAAC;QACC,uBAAuB,EAAE,KAAK;QAC9B,qBAAqB,EAAE,KAAK;QAC5B,KAAK,EAAE,OAAO;QACd,eAAe,EAAE,OAAO;QACxB,eAAe,EAAE,uCAAsB,CAAC,YAAY,CAAC;KACrC,CAAA;AANlB,CAMkB,CAAC"}
@@ -1,134 +0,0 @@
1
- /** @jsx withSlots */
2
- import { compose, UseSlots, buildProps, mergeProps, withSlots } from '@fluentui-react-native/framework';
3
- import { ImageURISource, NativeModules, ViewProps, ColorValue } from 'react-native';
4
- import { ensureNativeComponent } from '@fluentui-react-native/component-cache';
5
-
6
- const avatarName = 'Avatar';
7
-
8
- const NativeAvatarView = ensureNativeComponent('FRNAvatarView');
9
-
10
- export type Size = 'xSmall' | 'small' | 'medium' | 'large' | 'xLarge' | 'xxLarge';
11
-
12
- export type AvatarStyle = 'default' | 'accent' | 'group' | 'outlined' | 'outlinedPrimary' | 'overflow';
13
-
14
- export type Presence = 'none' | 'available' | 'away' | 'blocked' | 'doNotDisturb' | 'offline' | 'unknown';
15
-
16
- interface ExportedConstants {
17
- sizes: { [key in Size]: number };
18
- }
19
-
20
- const ExportedNativeConstants: ExportedConstants = NativeModules.FRNAvatarViewManager;
21
-
22
- export type AvatarTokens = {
23
- /**
24
- * Supported Avatar sizes
25
- */
26
- size?: Size;
27
-
28
- /**
29
- * Supported Avatar styles
30
- */
31
- avatarStyle?: AvatarStyle;
32
- };
33
-
34
- export type AvatarProps = AvatarTokens & {
35
- /**
36
- * The image to be displayed
37
- */
38
- imageSource?: ImageURISource;
39
-
40
- /**
41
- * The primary text to create initials with (e.g. a name)
42
- */
43
- primaryText?: string;
44
-
45
- /**
46
- * The secondary text to create initials with if primary text is not provided (e.g. an email address)
47
- */
48
- secondaryText?: string;
49
-
50
- /**
51
- * A custom color for the ring around the Avatar
52
- */
53
- ringColor?: ColorValue;
54
-
55
- /**
56
- * A custom color for the avatar initials when no image is shown
57
- */
58
- foregroundColor?: ColorValue;
59
-
60
- /**
61
- * A custom color for the avatar background when no image is shown
62
- */
63
- backgroundColor?: ColorValue;
64
-
65
- /**
66
- * The avatar view's presence state.
67
- */
68
- presence?: Presence;
69
-
70
- /**
71
- * A boolean inidicating whether the ring is visible
72
- */
73
- isRingVisible?: boolean;
74
-
75
- /**
76
- * A boolean indicating whether the Inner Ring Gap is transparent
77
- */
78
- isTransparent?: boolean;
79
-
80
- /**
81
- * A boolean indicating out of office status
82
- */
83
- isOutOfOffice?: boolean;
84
-
85
- /**
86
- * A boolean indicating whether the gap between the avatar and ring is visible.
87
- */
88
- hasRingInnerGap?: boolean;
89
-
90
- /**
91
- * An image to be shown as the backdrop of the ring, rather then a solid color.
92
- * Takes precendence over `ringColor`
93
- */
94
- customBorderImageSource?: ImageURISource;
95
- };
96
-
97
- const tokensThatAreAlsoProps: (keyof AvatarTokens)[] = ['size', 'avatarStyle'];
98
-
99
- export type NativeAvatarViewProps = ViewProps & AvatarProps;
100
- interface AvatarType {
101
- props: AvatarProps;
102
- slotProps: { root: NativeAvatarViewProps };
103
- tokens: AvatarTokens;
104
- }
105
-
106
- export const Avatar = compose<AvatarType>({
107
- displayName: avatarName,
108
- tokens: [
109
- {
110
- size: 'small',
111
- avatarStyle: 'default',
112
- },
113
- avatarName,
114
- ],
115
- tokensThatAreAlsoProps,
116
- slots: { root: NativeAvatarView },
117
- slotProps: {
118
- root: buildProps<NativeAvatarViewProps, AvatarTokens>(
119
- (tokens) => ({
120
- size: tokens.size,
121
- style: {
122
- height: ExportedNativeConstants.sizes[tokens.size],
123
- width: ExportedNativeConstants.sizes[tokens.size],
124
- },
125
- }),
126
- ['size'],
127
- ),
128
- },
129
- render: (props: AvatarProps, useSlots: UseSlots<AvatarType>) => {
130
- const Root = useSlots(props).root;
131
-
132
- return (rest: AvatarProps) => <Root {...mergeProps(props, rest)} />;
133
- },
134
- });