@fluentui-react-native/experimental-avatar 0.17.22 → 0.17.23

package/CHANGELOG.json

@@ -2,7 +2,28 @@
   "name": "@fluentui-react-native/experimental-avatar",
   "entries": [
     {
-      "date": "Sat, 18 Mar 2023 17:18:20 GMT",
+      "date": "Tue, 21 Mar 2023 21:51:13 GMT",
+      "tag": "@fluentui-react-native/experimental-avatar_v0.17.23",
+      "version": "0.17.23",
+      "comments": {
+        "patch": [
+          {
+            "author": "krsiler@microsoft.com",
+            "package": "@fluentui-react-native/experimental-avatar",
+            "commit": "e706a7afbd63d528878eadd179d5a91210ed62f6",
+            "comment": "Trigger manual bump (no changes)"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui-react-native/experimental-avatar",
+            "comment": "Bump @fluentui-react-native/framework to v0.9.8",
+            "commit": "e706a7afbd63d528878eadd179d5a91210ed62f6"
+          }
+        ]
+      }
+    },
+    {
+      "date": "Sat, 18 Mar 2023 17:22:31 GMT",
       "tag": "@fluentui-react-native/experimental-avatar_v0.17.22",
       "version": "0.17.22",
       "comments": {

package/CHANGELOG.md

@@ -1,12 +1,21 @@
 # Change Log - @fluentui-react-native/experimental-avatar
 
-This log was last generated on Sat, 18 Mar 2023 17:18:20 GMT and should not be manually modified.
+This log was last generated on Tue, 21 Mar 2023 21:51:13 GMT and should not be manually modified.
 
 <!-- Start content -->
 
+## 0.17.23
+
+Tue, 21 Mar 2023 21:51:13 GMT
+
+### Patches
+
+- Trigger manual bump (no changes) (krsiler@microsoft.com)
+- Bump @fluentui-react-native/framework to v0.9.8
+
 ## 0.17.22
 
-Sat, 18 Mar 2023 17:18:20 GMT
+Sat, 18 Mar 2023 17:22:31 GMT
 
 ### Patches
 

package/lib/NativeAvatar.d.ts

@@ -0,0 +1,72 @@
+/** @jsx withSlots */
+import type { ImageURISource, ViewProps, ColorValue } from 'react-native';
+export declare const Sizes: readonly ["size16", "size20", "size24", "size32", "size40", "size56", "size72"];
+export type Size = (typeof Sizes)[number];
+export type AvatarStyle = 'default' | 'accent' | 'group' | 'outlined' | 'outlinedPrimary' | 'overflow';
+export type Presence = 'none' | 'available' | 'away' | 'blocked' | 'doNotDisturb' | 'offline' | 'unknown';
+export type NativeAvatarTokens = {
+    /**
+     * Supported Avatar sizes
+     */
+    size?: Size;
+    /**
+     * Supported Avatar styles
+     */
+    avatarStyle?: AvatarStyle;
+};
+export type NativeAvatarProps = NativeAvatarTokens & {
+    /**
+     * The image to be displayed
+     */
+    imageSource?: ImageURISource;
+    /**
+     * The primary text to create initials with (e.g. a name)
+     */
+    primaryText?: string;
+    /**
+     * The secondary text to create initials with if primary text is not provided (e.g. an email address)
+     */
+    secondaryText?: string;
+    /**
+     * A custom color for the ring around the Avatar
+     */
+    ringColor?: ColorValue;
+    /**
+     * A custom color for the avatar initials when no image is shown
+     */
+    foregroundColor?: ColorValue;
+    /**
+     * A custom color for the avatar background when no image is shown
+     */
+    backgroundColor?: ColorValue;
+    /**
+     * The avatar view's presence state.
+     */
+    presence?: Presence;
+    /**
+     * A boolean inidicating whether the ring is visible
+     */
+    isRingVisible?: boolean;
+    /**
+     * A boolean indicating whether the Inner Ring Gap is transparent
+     */
+    isTransparent?: boolean;
+    /**
+     * A boolean indicating out of office status
+     */
+    isOutOfOffice?: boolean;
+    /**
+     * A boolean indicating whether the gap between the avatar and ring is visible.
+     */
+    hasRingInnerGap?: boolean;
+    /**
+     * An image to be shown as the backdrop of the ring, rather then a solid color.
+     * Takes precendence over `ringColor`
+     */
+    customBorderImageSource?: ImageURISource;
+};
+export type NativeAvatarViewProps = ViewProps & NativeAvatarProps;
+export declare const NativeAvatar: import("@fluentui-react-native/framework").ComposableComponent<NativeAvatarProps, {
+    root: NativeAvatarViewProps;
+}, NativeAvatarTokens, object>;
+//# sourceMappingURL=NativeAvatar.d.ts.map

package/lib/NativeAvatar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"NativeAvatar.d.ts","sourceRoot":"","sources":["../src/NativeAvatar.tsx"],"names":[],"mappings":"AAAA,qBAAqB;AACrB,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAW1E,eAAO,MAAM,KAAK,iFAAkF,CAAC;AACrG,MAAM,MAAM,IAAI,GAAG,CAAC,OAAO,KAAK,CAAC,CAAC,MAAM,CAAC,CAAC;AAE1C,MAAM,MAAM,WAAW,GAAG,SAAS,GAAG,QAAQ,GAAG,OAAO,GAAG,UAAU,GAAG,iBAAiB,GAAG,UAAU,CAAC;AAEvG,MAAM,MAAM,QAAQ,GAAG,MAAM,GAAG,WAAW,GAAG,MAAM,GAAG,SAAS,GAAG,cAAc,GAAG,SAAS,GAAG,SAAS,CAAC;AAQ1G,MAAM,MAAM,kBAAkB,GAAG;IAC/B;;OAEG;IACH,IAAI,CAAC,EAAE,IAAI,CAAC;IAEZ;;OAEG;IACH,WAAW,CAAC,EAAE,WAAW,CAAC;CAC3B,CAAC;AAEF,MAAM,MAAM,iBAAiB,GAAG,kBAAkB,GAAG;IACnD;;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,MAAM,MAAM,qBAAqB,GAAG,SAAS,GAAG,iBAAiB,CAAC;AAOlE,eAAO,MAAM,YAAY;UAJJ,qBAAqB;8BAgCxC,CAAC"}

package/lib/NativeAvatar.js

@@ -0,0 +1,45 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+import { NativeModules } from 'react-native';
+import { ensureNativeComponent } from '@fluentui-react-native/component-cache';
+import { compose, buildProps, mergeProps, withSlots } from '@fluentui-react-native/framework';
+var avatarName = 'NativeAvatar';
+var NativeAvatarView = ensureNativeComponent('FRNAvatarView');
+export var Sizes = ['size16', 'size20', 'size24', 'size32', 'size40', 'size56', 'size72'];
+var ExportedNativeConstants = NativeModules.FRNAvatarViewManager;
+var tokensThatAreAlsoProps = ['size', 'avatarStyle'];
+export var NativeAvatar = compose({
+    displayName: avatarName,
+    tokens: [
+        {
+            size: 'size24',
+            avatarStyle: 'default',
+        },
+        avatarName,
+    ],
+    tokensThatAreAlsoProps: tokensThatAreAlsoProps,
+    slots: { root: NativeAvatarView },
+    slotProps: {
+        root: buildProps(function (tokens) { return ({
+            size: tokens.size,
+            style: {
+                height: ExportedNativeConstants.sizes[tokens.size],
+                width: ExportedNativeConstants.sizes[tokens.size],
+            },
+        }); }, ['size']),
+    },
+    useRender: function (props, useSlots) {
+        var Root = useSlots(props).root;
+        return function (rest) { return withSlots(Root, __assign({}, mergeProps(props, rest))); };
+    },
+});
+//# sourceMappingURL=NativeAvatar.js.map

package/lib/NativeAvatar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NativeAvatar.js","sourceRoot":"","sources":["../src/NativeAvatar.tsx"],"names":[],"mappings":";;;;;;;;;;;AAEA,OAAO,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAE7C,OAAO,EAAE,qBAAqB,EAAE,MAAM,wCAAwC,CAAC;AAE/E,OAAO,EAAE,OAAO,EAAE,UAAU,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,kCAAkC,CAAC;AAE9F,IAAM,UAAU,GAAG,cAAc,CAAC;AAElC,IAAM,gBAAgB,GAAG,qBAAqB,CAAC,eAAe,CAAC,CAAC;AAEhE,MAAM,CAAC,IAAM,KAAK,GAAG,CAAC,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,CAAU,CAAC;AAWrG,IAAM,uBAAuB,GAAsB,aAAa,CAAC,oBAAoB,CAAC;AA6EtF,IAAM,sBAAsB,GAAiC,CAAC,MAAM,EAAE,aAAa,CAAC,CAAC;AASrF,MAAM,CAAC,IAAM,YAAY,GAAG,OAAO,CAAa;IAC9C,WAAW,EAAE,UAAU;IACvB,MAAM,EAAE;QACN;YACE,IAAI,EAAE,QAAQ;YACd,WAAW,EAAE,SAAS;SACvB;QACD,UAAU;KACX;IACD,sBAAsB,wBAAA;IACtB,KAAK,EAAE,EAAE,IAAI,EAAE,gBAAgB,EAAE;IACjC,SAAS,EAAE;QACT,IAAI,EAAE,UAAU,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,SAAS,EAAE,UAAC,KAAwB,EAAE,QAA8B;QAClE,IAAM,IAAI,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC,IAAI,CAAC;QAElC,OAAO,UAAC,IAAuB,IAAK,OAAA,UAAC,IAAI,eAAK,UAAU,CAAC,KAAK,EAAE,IAAI,CAAC,EAAI,EAArC,CAAqC,CAAC;IAC5E,CAAC;CACF,CAAC,CAAC"}

package/lib/index.d.ts

@@ -0,0 +1,3 @@
+export { NativeAvatar, Sizes } from './NativeAvatar';
+export type { AvatarStyle, NativeAvatarProps, NativeAvatarTokens, NativeAvatarViewProps, Presence, Size } from './NativeAvatar';
+//# sourceMappingURL=index.d.ts.map

package/lib/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAC;AACrD,YAAY,EAAE,WAAW,EAAE,iBAAiB,EAAE,kBAAkB,EAAE,qBAAqB,EAAE,QAAQ,EAAE,IAAI,EAAE,MAAM,gBAAgB,CAAC"}

package/lib/index.js

@@ -0,0 +1,2 @@
+export { NativeAvatar, Sizes } from './NativeAvatar';
+//# sourceMappingURL=index.js.map

package/lib/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fluentui-react-native/experimental-avatar",
-  "version": "0.17.22",
+  "version": "0.17.23",
   "description": "A cross-platform Avatar component using the Fluent Design System. Currently only implemented on iOS",
   "license": "MIT",
   "author": "Microsoft <fluentuinativeowners@microsoft.com>",
@@ -26,7 +26,7 @@
   },
   "dependencies": {
     "@fluentui-react-native/component-cache": "^1.4.4",
-    "@fluentui-react-native/framework": "0.9.7"
+    "@fluentui-react-native/framework": "0.9.8"
   },
   "devDependencies": {
     "@fluentui-react-native/eslint-config-rules": "^0.1.1",