@fluentui/react-avatar 9.0.0-rc.1 → 9.0.0-rc.12

package/lib-commonjs/utils/getInitials.js

@@ -40,20 +40,22 @@ const MULTIPLE_WHITESPACES_REGEX = /\s+/g;
 
 const UNSUPPORTED_TEXT_REGEX = /[\u0600-\u06FF\u0750-\u077F\u08A0-\u08FF\u1100-\u11FF\u3130-\u318F\uA960-\uA97F\uAC00-\uD7AF\uD7B0-\uD7FF\u3040-\u309F\u30A0-\u30FF\u3400-\u4DBF\u4E00-\u9FFF\uF900-\uFAFF]|[\uD840-\uD869][\uDC00-\uDED6]/;
 
-function getInitialsLatin(displayName, isRtl) {
+function getInitialsLatin(displayName, isRtl, firstInitialOnly) {
   let initials = '';
   const splits = displayName.split(' ');
 
-  if (splits.length === 2) {
-    initials += splits[0].charAt(0).toUpperCase();
-    initials += splits[1].charAt(0).toUpperCase();
-  } else if (splits.length === 3) {
-    initials += splits[0].charAt(0).toUpperCase();
-    initials += splits[2].charAt(0).toUpperCase();
-  } else if (splits.length !== 0) {
+  if (splits.length !== 0) {
     initials += splits[0].charAt(0).toUpperCase();
   }
 
+  if (!firstInitialOnly) {
+    if (splits.length === 2) {
+      initials += splits[1].charAt(0).toUpperCase();
+    } else if (splits.length === 3) {
+      initials += splits[2].charAt(0).toUpperCase();
+    }
+  }
+
   if (isRtl && initials.length > 1) {
     return initials.charAt(1) + initials.charAt(0);
   }
@@ -73,25 +75,25 @@ function cleanupDisplayName(displayName) {
  *
  * @param displayName - The full name of the person or entity
  * @param isRtl - Whether the display is in RTL
- * @param allowPhoneInitials - Should initials be generated from phone numbers (default false)
+ * @param options - Extra options to control the behavior of getInitials
  *
  * @returns The 1 or 2 character initials based on the name. Or an empty string if no initials
  * could be derived from the name.
  */
 
 
-function getInitials(displayName, isRtl, allowPhoneInitials) {
+function getInitials(displayName, isRtl, options) {
   if (!displayName) {
     return '';
   }
 
   displayName = cleanupDisplayName(displayName); // For names containing CJK characters, and phone numbers, we don't display initials
 
-  if (UNSUPPORTED_TEXT_REGEX.test(displayName) || !allowPhoneInitials && PHONENUMBER_REGEX.test(displayName)) {
+  if (UNSUPPORTED_TEXT_REGEX.test(displayName) || !(options === null || options === void 0 ? void 0 : options.allowPhoneInitials) && PHONENUMBER_REGEX.test(displayName)) {
     return '';
   }
 
-  return getInitialsLatin(displayName, isRtl);
+  return getInitialsLatin(displayName, isRtl, options === null || options === void 0 ? void 0 : options.firstInitialOnly);
 }
 
 exports.getInitials = getInitials;

package/lib-commonjs/utils/getInitials.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/utils/getInitials.ts"],"names":[],"mappings":";AAAA;;AAEG;;;;;;AAEH;;;AAGG;;AACH,MAAM,yBAAyB,GAAW,6BAA1C;AAEA;;;AAGG;;AACH,MAAM,oBAAoB,GAAW,4DAArC;AAEA;;;AAGG;;AACH,MAAM,iBAAiB,GAAW,+BAAlC;AAEA;;AACA,MAAM,0BAA0B,GAAW,MAA3C;AAEA;;;;;;;AAOG;AACH;;AACA,MAAM,sBAAsB,GAAW,4MAAvC;;AAEA,SAAS,gBAAT,CAA0B,WAA1B,EAA+C,KAA/C,EAA6D;AAC3D,MAAI,QAAQ,GAAG,EAAf;AAEA,QAAM,MAAM,GAAa,WAAW,CAAC,KAAZ,CAAkB,GAAlB,CAAzB;;AAEA,MAAI,MAAM,CAAC,MAAP,KAAkB,CAAtB,EAAyB;AACvB,IAAA,QAAQ,IAAI,MAAM,CAAC,CAAD,CAAN,CAAU,MAAV,CAAiB,CAAjB,EAAoB,WAApB,EAAZ;AACA,IAAA,QAAQ,IAAI,MAAM,CAAC,CAAD,CAAN,CAAU,MAAV,CAAiB,CAAjB,EAAoB,WAApB,EAAZ;AACD,GAHD,MAGO,IAAI,MAAM,CAAC,MAAP,KAAkB,CAAtB,EAAyB;AAC9B,IAAA,QAAQ,IAAI,MAAM,CAAC,CAAD,CAAN,CAAU,MAAV,CAAiB,CAAjB,EAAoB,WAApB,EAAZ;AACA,IAAA,QAAQ,IAAI,MAAM,CAAC,CAAD,CAAN,CAAU,MAAV,CAAiB,CAAjB,EAAoB,WAApB,EAAZ;AACD,GAHM,MAGA,IAAI,MAAM,CAAC,MAAP,KAAkB,CAAtB,EAAyB;AAC9B,IAAA,QAAQ,IAAI,MAAM,CAAC,CAAD,CAAN,CAAU,MAAV,CAAiB,CAAjB,EAAoB,WAApB,EAAZ;AACD;;AAED,MAAI,KAAK,IAAI,QAAQ,CAAC,MAAT,GAAkB,CAA/B,EAAkC;AAChC,WAAO,QAAQ,CAAC,MAAT,CAAgB,CAAhB,IAAqB,QAAQ,CAAC,MAAT,CAAgB,CAAhB,CAA5B;AACD;;AAED,SAAO,QAAP;AACD;;AAED,SAAS,kBAAT,CAA4B,WAA5B,EAA+C;AAC7C,EAAA,WAAW,GAAG,WAAW,CAAC,OAAZ,CAAoB,yBAApB,EAA+C,EAA/C,CAAd;AACA,EAAA,WAAW,GAAG,WAAW,CAAC,OAAZ,CAAoB,oBAApB,EAA0C,EAA1C,CAAd;AACA,EAAA,WAAW,GAAG,WAAW,CAAC,OAAZ,CAAoB,0BAApB,EAAgD,GAAhD,CAAd;AACA,EAAA,WAAW,GAAG,WAAW,CAAC,IAAZ,EAAd;AAEA,SAAO,WAAP;AACD;AAED;;;;;;;;;AASG;;;AACH,SAAgB,WAAhB,CACE,WADF,EAEE,KAFF,EAGE,kBAHF,EAG8B;AAE5B,MAAI,CAAC,WAAL,EAAkB;AAChB,WAAO,EAAP;AACD;;AAED,EAAA,WAAW,GAAG,kBAAkB,CAAC,WAAD,CAAhC,CAN4B,CAQ5B;;AACA,MAAI,sBAAsB,CAAC,IAAvB,CAA4B,WAA5B,KAA6C,CAAC,kBAAD,IAAuB,iBAAiB,CAAC,IAAlB,CAAuB,WAAvB,CAAxE,EAA8G;AAC5G,WAAO,EAAP;AACD;;AAED,SAAO,gBAAgB,CAAC,WAAD,EAAc,KAAd,CAAvB;AACD;;AAjBD,OAAA,CAAA,WAAA,GAAA,WAAA","sourceRoot":""}
+{"version":3,"sources":["utils/getInitials.ts"],"names":[],"mappings":";AAAA;;AAEG;;;;;;AAEH;;;AAGG;;AACH,MAAM,yBAAyB,GAAW,6BAA1C;AAEA;;;AAGG;;AACH,MAAM,oBAAoB,GAAW,4DAArC;AAEA;;;AAGG;;AACH,MAAM,iBAAiB,GAAW,+BAAlC;AAEA;;AACA,MAAM,0BAA0B,GAAW,MAA3C;AAEA;;;;;;;AAOG;AACH;;AACA,MAAM,sBAAsB,GAAW,4MAAvC;;AAEA,SAAS,gBAAT,CAA0B,WAA1B,EAA+C,KAA/C,EAA+D,gBAA/D,EAAyF;AACvF,MAAI,QAAQ,GAAG,EAAf;AAEA,QAAM,MAAM,GAAa,WAAW,CAAC,KAAZ,CAAkB,GAAlB,CAAzB;;AACA,MAAI,MAAM,CAAC,MAAP,KAAkB,CAAtB,EAAyB;AACvB,IAAA,QAAQ,IAAI,MAAM,CAAC,CAAD,CAAN,CAAU,MAAV,CAAiB,CAAjB,EAAoB,WAApB,EAAZ;AACD;;AAED,MAAI,CAAC,gBAAL,EAAuB;AACrB,QAAI,MAAM,CAAC,MAAP,KAAkB,CAAtB,EAAyB;AACvB,MAAA,QAAQ,IAAI,MAAM,CAAC,CAAD,CAAN,CAAU,MAAV,CAAiB,CAAjB,EAAoB,WAApB,EAAZ;AACD,KAFD,MAEO,IAAI,MAAM,CAAC,MAAP,KAAkB,CAAtB,EAAyB;AAC9B,MAAA,QAAQ,IAAI,MAAM,CAAC,CAAD,CAAN,CAAU,MAAV,CAAiB,CAAjB,EAAoB,WAApB,EAAZ;AACD;AACF;;AAED,MAAI,KAAK,IAAI,QAAQ,CAAC,MAAT,GAAkB,CAA/B,EAAkC;AAChC,WAAO,QAAQ,CAAC,MAAT,CAAgB,CAAhB,IAAqB,QAAQ,CAAC,MAAT,CAAgB,CAAhB,CAA5B;AACD;;AAED,SAAO,QAAP;AACD;;AAED,SAAS,kBAAT,CAA4B,WAA5B,EAA+C;AAC7C,EAAA,WAAW,GAAG,WAAW,CAAC,OAAZ,CAAoB,yBAApB,EAA+C,EAA/C,CAAd;AACA,EAAA,WAAW,GAAG,WAAW,CAAC,OAAZ,CAAoB,oBAApB,EAA0C,EAA1C,CAAd;AACA,EAAA,WAAW,GAAG,WAAW,CAAC,OAAZ,CAAoB,0BAApB,EAAgD,GAAhD,CAAd;AACA,EAAA,WAAW,GAAG,WAAW,CAAC,IAAZ,EAAd;AAEA,SAAO,WAAP;AACD;AAED;;;;;;;;;AASG;;;AACH,SAAgB,WAAhB,CACE,WADF,EAEE,KAFF,EAGE,OAHF,EASG;AAED,MAAI,CAAC,WAAL,EAAkB;AAChB,WAAO,EAAP;AACD;;AAED,EAAA,WAAW,GAAG,kBAAkB,CAAC,WAAD,CAAhC,CANC,CAQD;;AACA,MACE,sBAAsB,CAAC,IAAvB,CAA4B,WAA5B,KACC,EAAC,OAAO,KAAA,IAAP,IAAA,OAAO,KAAA,KAAA,CAAP,GAAO,KAAA,CAAP,GAAA,OAAO,CAAE,kBAAV,KAAgC,iBAAiB,CAAC,IAAlB,CAAuB,WAAvB,CAFnC,EAGE;AACA,WAAO,EAAP;AACD;;AAED,SAAO,gBAAgB,CAAC,WAAD,EAAc,KAAd,EAAqB,OAAO,KAAA,IAAP,IAAA,OAAO,KAAA,KAAA,CAAP,GAAO,KAAA,CAAP,GAAA,OAAO,CAAE,gBAA9B,CAAvB;AACD;;AA1BD,OAAA,CAAA,WAAA,GAAA,WAAA","sourcesContent":["/**\n * Regular expressions matching characters to ignore when calculating the initials.\n */\n\n/**\n * Regular expression matching characters within various types of enclosures, including the enclosures themselves\n *  so for example, (xyz) [xyz] {xyz} all would be ignored\n */\nconst UNWANTED_ENCLOSURES_REGEX: RegExp = /[\\(\\[\\{][^\\)\\]\\}]*[\\)\\]\\}]/g;\n\n/**\n * Regular expression matching special ASCII characters except space, plus some unicode special characters.\n * Applies after unwanted enclosures have been removed\n */\nconst UNWANTED_CHARS_REGEX: RegExp = /[\\0-\\u001F\\!-/:-@\\[-`\\{-\\u00BF\\u0250-\\u036F\\uD800-\\uFFFF]/g;\n\n/**\n * Regular expression matching phone numbers. Applied after chars matching UNWANTED_CHARS_REGEX have been removed\n * and number has been trimmed for whitespaces\n */\nconst PHONENUMBER_REGEX: RegExp = /^\\d+[\\d\\s]*(:?ext|x|)\\s*\\d+$/i;\n\n/** Regular expression matching one or more spaces. */\nconst MULTIPLE_WHITESPACES_REGEX: RegExp = /\\s+/g;\n\n/**\n * Regular expression matching languages for which we currently don't support initials.\n * Arabic:   Arabic, Arabic Supplement, Arabic Extended-A.\n * Korean:   Hangul Jamo, Hangul Compatibility Jamo, Hangul Jamo Extended-A, Hangul Syllables, Hangul Jamo Extended-B.\n * Japanese: Hiragana, Katakana.\n * CJK:      CJK Unified Ideographs Extension A, CJK Unified Ideographs, CJK Compatibility Ideographs,\n *             CJK Unified Ideographs Extension B\n */\n// eslint-disable-next-line @fluentui/max-len\nconst UNSUPPORTED_TEXT_REGEX: RegExp = /[\\u0600-\\u06FF\\u0750-\\u077F\\u08A0-\\u08FF\\u1100-\\u11FF\\u3130-\\u318F\\uA960-\\uA97F\\uAC00-\\uD7AF\\uD7B0-\\uD7FF\\u3040-\\u309F\\u30A0-\\u30FF\\u3400-\\u4DBF\\u4E00-\\u9FFF\\uF900-\\uFAFF]|[\\uD840-\\uD869][\\uDC00-\\uDED6]/;\n\nfunction getInitialsLatin(displayName: string, isRtl: boolean, firstInitialOnly?: boolean): string {\n  let initials = '';\n\n  const splits: string[] = displayName.split(' ');\n  if (splits.length !== 0) {\n    initials += splits[0].charAt(0).toUpperCase();\n  }\n\n  if (!firstInitialOnly) {\n    if (splits.length === 2) {\n      initials += splits[1].charAt(0).toUpperCase();\n    } else if (splits.length === 3) {\n      initials += splits[2].charAt(0).toUpperCase();\n    }\n  }\n\n  if (isRtl && initials.length > 1) {\n    return initials.charAt(1) + initials.charAt(0);\n  }\n\n  return initials;\n}\n\nfunction cleanupDisplayName(displayName: string): string {\n  displayName = displayName.replace(UNWANTED_ENCLOSURES_REGEX, '');\n  displayName = displayName.replace(UNWANTED_CHARS_REGEX, '');\n  displayName = displayName.replace(MULTIPLE_WHITESPACES_REGEX, ' ');\n  displayName = displayName.trim();\n\n  return displayName;\n}\n\n/**\n * Get (up to 2 characters) initials based on display name of the persona.\n *\n * @param displayName - The full name of the person or entity\n * @param isRtl - Whether the display is in RTL\n * @param options - Extra options to control the behavior of getInitials\n *\n * @returns The 1 or 2 character initials based on the name. Or an empty string if no initials\n * could be derived from the name.\n */\nexport function getInitials(\n  displayName: string | undefined | null,\n  isRtl: boolean,\n  options?: {\n    /** Should initials be generated from phone numbers (default false) */\n    allowPhoneInitials?: boolean;\n\n    /** Returns only the first initial */\n    firstInitialOnly?: boolean;\n  },\n): string {\n  if (!displayName) {\n    return '';\n  }\n\n  displayName = cleanupDisplayName(displayName);\n\n  // For names containing CJK characters, and phone numbers, we don't display initials\n  if (\n    UNSUPPORTED_TEXT_REGEX.test(displayName) ||\n    (!options?.allowPhoneInitials && PHONENUMBER_REGEX.test(displayName))\n  ) {\n    return '';\n  }\n\n  return getInitialsLatin(displayName, isRtl, options?.firstInitialOnly);\n}\n"],"sourceRoot":"../src/"}

package/lib-commonjs/utils/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/utils/index.ts"],"names":[],"mappings":";;;;;;;AAAA,IAAA,aAAA,gBAAA,OAAA,CAAA,eAAA,CAAA;;AAAS,MAAA,CAAA,cAAA,CAAA,OAAA,EAAA,aAAA,EAAA;AAAA,EAAA,UAAA,EAAA,IAAA;AAAA,EAAA,GAAA,EAAA,YAAA;AAAA,WAAA,aAAA,CAAA,WAAA;AAAW;AAAX,CAAA","sourceRoot":""}
+{"version":3,"sources":["utils/index.ts"],"names":[],"mappings":";;;;;;;AAAA,IAAA,aAAA,gBAAA,OAAA,CAAA,eAAA,CAAA;;AAAS,MAAA,CAAA,cAAA,CAAA,OAAA,EAAA,aAAA,EAAA;AAAA,EAAA,UAAA,EAAA,IAAA;AAAA,EAAA,GAAA,EAAA,YAAA;AAAA,WAAA,aAAA,CAAA,WAAA;AAAW;AAAX,CAAA","sourcesContent":["export { getInitials } from './getInitials';\n"],"sourceRoot":"../src/"}

package/package.json

@@ -1,10 +1,10 @@
 {
   "name": "@fluentui/react-avatar",
-  "version": "9.0.0-rc.1",
+  "version": "9.0.0-rc.12",
   "description": "React components for building Microsoft web experiences.",
   "main": "lib-commonjs/index.js",
   "module": "lib/index.js",
-  "typings": "lib/index.d.ts",
+  "typings": "dist/index.d.ts",
   "sideEffects": false,
   "repository": {
     "type": "git",
@@ -21,33 +21,27 @@
     "start": "yarn storybook",
     "test": "jest --passWithNoTests",
     "docs": "api-extractor run --config=config/api-extractor.local.json --local",
-    "build:local": "tsc -p ./tsconfig.lib.json --module esnext --emitDeclarationOnly && node ../../scripts/typescript/normalize-import --output ./dist/packages/react-avatar/src && yarn docs",
-    "storybook": "node ../../scripts/storybook/runner",
+    "build:local": "tsc -p ./tsconfig.lib.json --module esnext --emitDeclarationOnly && node ../../../scripts/typescript/normalize-import --output ./dist/types/packages/react-components/react-avatar/src && yarn docs",
+    "storybook": "node ../../../scripts/storybook/runner",
     "type-check": "tsc -b tsconfig.json"
   },
   "devDependencies": {
     "@fluentui/eslint-plugin": "*",
     "@fluentui/react-conformance": "*",
-    "@fluentui/react-conformance-griffel": "9.0.0-beta.1",
+    "@fluentui/react-conformance-griffel": "9.0.0-beta.8",
     "@fluentui/scripts": "^1.0.0",
-    "@types/enzyme": "3.10.3",
-    "@types/enzyme-adapter-react-16": "1.0.3",
-    "@types/react": "16.9.42",
-    "@types/react-dom": "16.9.10",
-    "@types/react-test-renderer": "^16.0.0",
-    "enzyme": "~3.10.0",
-    "enzyme-adapter-react-16": "^1.15.0",
-    "es6-weak-map": "^2.0.2",
-    "react": "16.8.6",
-    "react-dom": "16.8.6",
-    "react-test-renderer": "^16.3.0"
+    "es6-weak-map": "^2.0.2"
   },
   "dependencies": {
-    "@fluentui/react-badge": "9.0.0-rc.1",
-    "@fluentui/react-icons": "^2.0.159-beta.10",
-    "@fluentui/react-theme": "9.0.0-rc.1",
-    "@fluentui/react-utilities": "9.0.0-rc.1",
-    "@griffel/react": "1.0.0",
+    "@fluentui/react-badge": "9.0.0-rc.12",
+    "@fluentui/react-button": "9.0.0-rc.13",
+    "@fluentui/react-icons": "^2.0.166-rc.3",
+    "@fluentui/react-popover": "9.0.0-rc.13",
+    "@fluentui/react-tooltip": "9.0.0-rc.13",
+    "@fluentui/react-theme": "9.0.0-rc.9",
+    "@fluentui/react-shared-contexts": "9.0.0-rc.10",
+    "@fluentui/react-utilities": "9.0.0-rc.10",
+    "@griffel/react": "1.1.0",
     "tslib": "^2.1.0"
   },
   "peerDependencies": {
@@ -62,5 +56,12 @@
       "minor",
       "patch"
     ]
+  },
+  "exports": {
+    ".": {
+      "types": "./lib/index.d.ts",
+      "import": "./lib/index.js",
+      "require": "./lib-commonjs/index.js"
+    }
   }
 }

package/dist/react-avatar.d.ts

@@ -1,142 +0,0 @@
-import type { ComponentProps } from '@fluentui/react-utilities';
-import type { ComponentState } from '@fluentui/react-utilities';
-import type { ForwardRefComponent } from '@fluentui/react-utilities';
-import { PresenceBadge } from '@fluentui/react-badge';
-import * as React_2 from 'react';
-import type { Slot } from '@fluentui/react-utilities';
-
-export declare const Avatar: ForwardRefComponent<AvatarProps>;
-
-export declare const avatarClassName = "fui-Avatar";
-
-declare type AvatarCommons = {
-    /**
-     * The name of the person or entity represented by this Avatar. This should always be provided if it is available.
-     *
-     * The name will be used to determine the initials displayed when there is no icon, as well as provided to
-     * accessibility tools.
-     */
-    name?: string;
-    /**
-     * Size of the avatar in pixels.
-     *
-     * Size is restricted to a limited set of supported values recommended for most uses (see `AvatarSizeValue`) and
-     * based on design guidelines for the Avatar control.
-     *
-     * If a non-supported size is neeeded, set `size` to the next-smaller supported size, and set `width` and `height`
-     * to override the rendered size.
-     *
-     * For example, to set the avatar to 45px in size:
-     * `<Avatar size={40} style={{ width: '45px', height: '45px' }} />`
-     *
-     * @defaultvalue 32
-     */
-    size: 20 | 24 | 28 | 32 | 36 | 40 | 48 | 56 | 64 | 72 | 96 | 120 | 128;
-    /**
-     * The avatar can have a circular or square shape.
-     * @defaultvalue circular
-     */
-    shape: 'circular' | 'square';
-    /**
-     * Optional activity indicator
-     * * active: the avatar will be decorated according to activeAppearance
-     * * inactive: the avatar will be reduced in size and partially transparent
-     * * unset: normal display
-     *
-     * @defaultvalue unset
-     */
-    active: 'active' | 'inactive' | 'unset';
-    /**
-     * The appearance when `active="active"`
-     *
-     * @defaultvalue ring
-     */
-    activeAppearance: 'ring' | 'shadow' | 'ring-shadow';
-    /**
-     * The color when displaying either an icon or initials.
-     * * neutral (default): gray
-     * * brand: color from the brand palette
-     * * colorful: picks a color from a set of pre-defined colors, based on a hash of the name (or idForColor if provided)
-     * * [AvatarNamedColor]: a specific color from the theme
-     *
-     * @defaultvalue neutral
-     */
-    color: 'neutral' | 'brand' | 'colorful' | AvatarNamedColor;
-    /**
-     * Specify a string to be used instead of the name, to determine which color to use when color="colorful".
-     * Use this when a name is not available, but there is another unique identifier that can be used instead.
-     */
-    idForColor: string | undefined;
-};
-
-/**
- * A specific named color for the Avatar
- */
-export declare type AvatarNamedColor = 'darkRed' | 'cranberry' | 'red' | 'pumpkin' | 'peach' | 'marigold' | 'gold' | 'brass' | 'brown' | 'forest' | 'seafoam' | 'darkGreen' | 'lightTeal' | 'teal' | 'steel' | 'blue' | 'royalBlue' | 'cornflower' | 'navy' | 'lavender' | 'purple' | 'grape' | 'lilac' | 'pink' | 'magenta' | 'plum' | 'beige' | 'mink' | 'platinum' | 'anchor';
-
-/**
- * Properties for Avatar
- */
-export declare type AvatarProps = Omit<ComponentProps<AvatarSlots>, 'color'> & Partial<AvatarCommons>;
-
-export declare type AvatarSlots = {
-    root: Slot<'span'>;
-    /**
-     * The Avatar's image.
-     *
-     * Usage e.g.: `image={{ src: '...' }}`
-     */
-    image?: Slot<'img'>;
-    /**
-     * (optional) Custom initials.
-     *
-     * It is usually not necessary to specify custom initials; by default they will be derived from the `name` prop,
-     * using the `getInitials` function.
-     *
-     * The initials are displayed when there is no image (including while the image is loading).
-     */
-    initials?: Slot<'span'>;
-    /**
-     * Icon to be displayed when the avatar doesn't have an image or initials.
-     *
-     * @defaultvalue `PersonRegular` (the default icon's size depends on the Avatar's size)
-     */
-    icon?: Slot<'span'>;
-    /**
-     * Badge to show the avatar's presence status.
-     */
-    badge?: Slot<typeof PresenceBadge>;
-};
-
-/**
- * State used in rendering Avatar
- */
-export declare type AvatarState = ComponentState<AvatarSlots> & AvatarCommons & {
-    /**
-     * The Avatar's color, with `'colorful'` resolved to a named color
-     */
-    color: Exclude<AvatarCommons['color'], 'colorful'>;
-};
-
-/**
- * Regular expressions matching characters to ignore when calculating the initials.
- */
-/**
- * Get (up to 2 characters) initials based on display name of the persona.
- *
- * @param displayName - The full name of the person or entity
- * @param isRtl - Whether the display is in RTL
- * @param allowPhoneInitials - Should initials be generated from phone numbers (default false)
- *
- * @returns The 1 or 2 character initials based on the name. Or an empty string if no initials
- * could be derived from the name.
- */
-export declare function getInitials(displayName: string | undefined | null, isRtl: boolean, allowPhoneInitials?: boolean): string;
-
-export declare const renderAvatar_unstable: (state: AvatarState) => JSX.Element;
-
-export declare const useAvatar_unstable: (props: AvatarProps, ref: React_2.Ref<HTMLElement>) => AvatarState;
-
-export declare const useAvatarStyles_unstable: (state: AvatarState) => AvatarState;
-
-export { }

package/lib/Avatar.d.ts

@@ -1 +0,0 @@
-export * from './components/Avatar/index';

package/lib/components/Avatar/Avatar.d.ts

@@ -1,3 +0,0 @@
-import type { AvatarProps } from './Avatar.types';
-import type { ForwardRefComponent } from '@fluentui/react-utilities';
-export declare const Avatar: ForwardRefComponent<AvatarProps>;

package/lib/components/Avatar/Avatar.types.d.ts

@@ -1,107 +0,0 @@
-import { PresenceBadge } from '@fluentui/react-badge';
-import type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';
-export declare type AvatarSlots = {
-    root: Slot<'span'>;
-    /**
-     * The Avatar's image.
-     *
-     * Usage e.g.: `image={{ src: '...' }}`
-     */
-    image?: Slot<'img'>;
-    /**
-     * (optional) Custom initials.
-     *
-     * It is usually not necessary to specify custom initials; by default they will be derived from the `name` prop,
-     * using the `getInitials` function.
-     *
-     * The initials are displayed when there is no image (including while the image is loading).
-     */
-    initials?: Slot<'span'>;
-    /**
-     * Icon to be displayed when the avatar doesn't have an image or initials.
-     *
-     * @defaultvalue `PersonRegular` (the default icon's size depends on the Avatar's size)
-     */
-    icon?: Slot<'span'>;
-    /**
-     * Badge to show the avatar's presence status.
-     */
-    badge?: Slot<typeof PresenceBadge>;
-};
-declare type AvatarCommons = {
-    /**
-     * The name of the person or entity represented by this Avatar. This should always be provided if it is available.
-     *
-     * The name will be used to determine the initials displayed when there is no icon, as well as provided to
-     * accessibility tools.
-     */
-    name?: string;
-    /**
-     * Size of the avatar in pixels.
-     *
-     * Size is restricted to a limited set of supported values recommended for most uses (see `AvatarSizeValue`) and
-     * based on design guidelines for the Avatar control.
-     *
-     * If a non-supported size is neeeded, set `size` to the next-smaller supported size, and set `width` and `height`
-     * to override the rendered size.
-     *
-     * For example, to set the avatar to 45px in size:
-     * `<Avatar size={40} style={{ width: '45px', height: '45px' }} />`
-     *
-     * @defaultvalue 32
-     */
-    size: 20 | 24 | 28 | 32 | 36 | 40 | 48 | 56 | 64 | 72 | 96 | 120 | 128;
-    /**
-     * The avatar can have a circular or square shape.
-     * @defaultvalue circular
-     */
-    shape: 'circular' | 'square';
-    /**
-     * Optional activity indicator
-     * * active: the avatar will be decorated according to activeAppearance
-     * * inactive: the avatar will be reduced in size and partially transparent
-     * * unset: normal display
-     *
-     * @defaultvalue unset
-     */
-    active: 'active' | 'inactive' | 'unset';
-    /**
-     * The appearance when `active="active"`
-     *
-     * @defaultvalue ring
-     */
-    activeAppearance: 'ring' | 'shadow' | 'ring-shadow';
-    /**
-     * The color when displaying either an icon or initials.
-     * * neutral (default): gray
-     * * brand: color from the brand palette
-     * * colorful: picks a color from a set of pre-defined colors, based on a hash of the name (or idForColor if provided)
-     * * [AvatarNamedColor]: a specific color from the theme
-     *
-     * @defaultvalue neutral
-     */
-    color: 'neutral' | 'brand' | 'colorful' | AvatarNamedColor;
-    /**
-     * Specify a string to be used instead of the name, to determine which color to use when color="colorful".
-     * Use this when a name is not available, but there is another unique identifier that can be used instead.
-     */
-    idForColor: string | undefined;
-};
-/**
- * A specific named color for the Avatar
- */
-export declare type AvatarNamedColor = 'darkRed' | 'cranberry' | 'red' | 'pumpkin' | 'peach' | 'marigold' | 'gold' | 'brass' | 'brown' | 'forest' | 'seafoam' | 'darkGreen' | 'lightTeal' | 'teal' | 'steel' | 'blue' | 'royalBlue' | 'cornflower' | 'navy' | 'lavender' | 'purple' | 'grape' | 'lilac' | 'pink' | 'magenta' | 'plum' | 'beige' | 'mink' | 'platinum' | 'anchor';
-/**
- * Properties for Avatar
- */
-export declare type AvatarProps = Omit<ComponentProps<AvatarSlots>, 'color'> & Partial<AvatarCommons>;
-/**
- * State used in rendering Avatar
- */
-export declare type AvatarState = ComponentState<AvatarSlots> & AvatarCommons & {
-    /**
-     * The Avatar's color, with `'colorful'` resolved to a named color
-     */
-    color: Exclude<AvatarCommons['color'], 'colorful'>;
-};
-export {};

package/lib/components/Avatar/index.d.ts

@@ -1,5 +0,0 @@
-export * from './Avatar.types';
-export * from './Avatar';
-export * from './renderAvatar';
-export * from './useAvatar';
-export * from './useAvatarStyles';

package/lib/components/Avatar/renderAvatar.d.ts

@@ -1,2 +0,0 @@
-import type { AvatarState } from './Avatar.types';
-export declare const renderAvatar_unstable: (state: AvatarState) => JSX.Element;

package/lib/components/Avatar/useAvatar.d.ts

@@ -1,3 +0,0 @@
-import * as React from 'react';
-import type { AvatarProps, AvatarState } from './Avatar.types';
-export declare const useAvatar_unstable: (props: AvatarProps, ref: React.Ref<HTMLElement>) => AvatarState;

package/lib/components/Avatar/useAvatarStyles.d.ts

@@ -1,3 +0,0 @@
-import type { AvatarState } from './Avatar.types';
-export declare const avatarClassName = "fui-Avatar";
-export declare const useAvatarStyles_unstable: (state: AvatarState) => AvatarState;

package/lib/index.d.ts

@@ -1,2 +0,0 @@
-export * from './Avatar';
-export * from './utils/index';

package/lib/utils/getInitials.d.ts

@@ -1,14 +0,0 @@
-/**
- * Regular expressions matching characters to ignore when calculating the initials.
- */
-/**
- * Get (up to 2 characters) initials based on display name of the persona.
- *
- * @param displayName - The full name of the person or entity
- * @param isRtl - Whether the display is in RTL
- * @param allowPhoneInitials - Should initials be generated from phone numbers (default false)
- *
- * @returns The 1 or 2 character initials based on the name. Or an empty string if no initials
- * could be derived from the name.
- */
-export declare function getInitials(displayName: string | undefined | null, isRtl: boolean, allowPhoneInitials?: boolean): string;

package/lib/utils/index.d.ts

@@ -1 +0,0 @@
-export { getInitials } from './getInitials';

package/lib-commonjs/Avatar.d.ts

@@ -1 +0,0 @@
-export * from './components/Avatar/index';

package/lib-commonjs/components/Avatar/Avatar.d.ts

@@ -1,3 +0,0 @@
-import type { AvatarProps } from './Avatar.types';
-import type { ForwardRefComponent } from '@fluentui/react-utilities';
-export declare const Avatar: ForwardRefComponent<AvatarProps>;

package/lib-commonjs/components/Avatar/Avatar.types.d.ts

@@ -1,107 +0,0 @@
-import { PresenceBadge } from '@fluentui/react-badge';
-import type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';
-export declare type AvatarSlots = {
-    root: Slot<'span'>;
-    /**
-     * The Avatar's image.
-     *
-     * Usage e.g.: `image={{ src: '...' }}`
-     */
-    image?: Slot<'img'>;
-    /**
-     * (optional) Custom initials.
-     *
-     * It is usually not necessary to specify custom initials; by default they will be derived from the `name` prop,
-     * using the `getInitials` function.
-     *
-     * The initials are displayed when there is no image (including while the image is loading).
-     */
-    initials?: Slot<'span'>;
-    /**
-     * Icon to be displayed when the avatar doesn't have an image or initials.
-     *
-     * @defaultvalue `PersonRegular` (the default icon's size depends on the Avatar's size)
-     */
-    icon?: Slot<'span'>;
-    /**
-     * Badge to show the avatar's presence status.
-     */
-    badge?: Slot<typeof PresenceBadge>;
-};
-declare type AvatarCommons = {
-    /**
-     * The name of the person or entity represented by this Avatar. This should always be provided if it is available.
-     *
-     * The name will be used to determine the initials displayed when there is no icon, as well as provided to
-     * accessibility tools.
-     */
-    name?: string;
-    /**
-     * Size of the avatar in pixels.
-     *
-     * Size is restricted to a limited set of supported values recommended for most uses (see `AvatarSizeValue`) and
-     * based on design guidelines for the Avatar control.
-     *
-     * If a non-supported size is neeeded, set `size` to the next-smaller supported size, and set `width` and `height`
-     * to override the rendered size.
-     *
-     * For example, to set the avatar to 45px in size:
-     * `<Avatar size={40} style={{ width: '45px', height: '45px' }} />`
-     *
-     * @defaultvalue 32
-     */
-    size: 20 | 24 | 28 | 32 | 36 | 40 | 48 | 56 | 64 | 72 | 96 | 120 | 128;
-    /**
-     * The avatar can have a circular or square shape.
-     * @defaultvalue circular
-     */
-    shape: 'circular' | 'square';
-    /**
-     * Optional activity indicator
-     * * active: the avatar will be decorated according to activeAppearance
-     * * inactive: the avatar will be reduced in size and partially transparent
-     * * unset: normal display
-     *
-     * @defaultvalue unset
-     */
-    active: 'active' | 'inactive' | 'unset';
-    /**
-     * The appearance when `active="active"`
-     *
-     * @defaultvalue ring
-     */
-    activeAppearance: 'ring' | 'shadow' | 'ring-shadow';
-    /**
-     * The color when displaying either an icon or initials.
-     * * neutral (default): gray
-     * * brand: color from the brand palette
-     * * colorful: picks a color from a set of pre-defined colors, based on a hash of the name (or idForColor if provided)
-     * * [AvatarNamedColor]: a specific color from the theme
-     *
-     * @defaultvalue neutral
-     */
-    color: 'neutral' | 'brand' | 'colorful' | AvatarNamedColor;
-    /**
-     * Specify a string to be used instead of the name, to determine which color to use when color="colorful".
-     * Use this when a name is not available, but there is another unique identifier that can be used instead.
-     */
-    idForColor: string | undefined;
-};
-/**
- * A specific named color for the Avatar
- */
-export declare type AvatarNamedColor = 'darkRed' | 'cranberry' | 'red' | 'pumpkin' | 'peach' | 'marigold' | 'gold' | 'brass' | 'brown' | 'forest' | 'seafoam' | 'darkGreen' | 'lightTeal' | 'teal' | 'steel' | 'blue' | 'royalBlue' | 'cornflower' | 'navy' | 'lavender' | 'purple' | 'grape' | 'lilac' | 'pink' | 'magenta' | 'plum' | 'beige' | 'mink' | 'platinum' | 'anchor';
-/**
- * Properties for Avatar
- */
-export declare type AvatarProps = Omit<ComponentProps<AvatarSlots>, 'color'> & Partial<AvatarCommons>;
-/**
- * State used in rendering Avatar
- */
-export declare type AvatarState = ComponentState<AvatarSlots> & AvatarCommons & {
-    /**
-     * The Avatar's color, with `'colorful'` resolved to a named color
-     */
-    color: Exclude<AvatarCommons['color'], 'colorful'>;
-};
-export {};

package/lib-commonjs/components/Avatar/index.d.ts

@@ -1,5 +0,0 @@
-export * from './Avatar.types';
-export * from './Avatar';
-export * from './renderAvatar';
-export * from './useAvatar';
-export * from './useAvatarStyles';

package/lib-commonjs/components/Avatar/renderAvatar.d.ts

@@ -1,2 +0,0 @@
-import type { AvatarState } from './Avatar.types';
-export declare const renderAvatar_unstable: (state: AvatarState) => JSX.Element;

package/lib-commonjs/components/Avatar/useAvatar.d.ts

@@ -1,3 +0,0 @@
-import * as React from 'react';
-import type { AvatarProps, AvatarState } from './Avatar.types';
-export declare const useAvatar_unstable: (props: AvatarProps, ref: React.Ref<HTMLElement>) => AvatarState;

package/lib-commonjs/components/Avatar/useAvatarStyles.d.ts

@@ -1,3 +0,0 @@
-import type { AvatarState } from './Avatar.types';
-export declare const avatarClassName = "fui-Avatar";
-export declare const useAvatarStyles_unstable: (state: AvatarState) => AvatarState;

package/lib-commonjs/index.d.ts

@@ -1,2 +0,0 @@
-export * from './Avatar';
-export * from './utils/index';

package/lib-commonjs/utils/getInitials.d.ts

@@ -1,14 +0,0 @@
-/**
- * Regular expressions matching characters to ignore when calculating the initials.
- */
-/**
- * Get (up to 2 characters) initials based on display name of the persona.
- *
- * @param displayName - The full name of the person or entity
- * @param isRtl - Whether the display is in RTL
- * @param allowPhoneInitials - Should initials be generated from phone numbers (default false)
- *
- * @returns The 1 or 2 character initials based on the name. Or an empty string if no initials
- * could be derived from the name.
- */
-export declare function getInitials(displayName: string | undefined | null, isRtl: boolean, allowPhoneInitials?: boolean): string;

package/lib-commonjs/utils/index.d.ts

@@ -1 +0,0 @@
-export { getInitials } from './getInitials';