@fluentui/react-avatar 9.4.4 → 9.4.5

package/lib-commonjs/components/Avatar/useAvatar.js

@@ -1,172 +1,200 @@
 "use strict";
-
 Object.defineProperty(exports, "__esModule", {
-  value: true
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    DEFAULT_STRINGS: ()=>DEFAULT_STRINGS,
+    useAvatar_unstable: ()=>useAvatar_unstable
 });
-exports.useAvatar_unstable = exports.DEFAULT_STRINGS = void 0;
-const React = /*#__PURE__*/require("react");
-const react_utilities_1 = /*#__PURE__*/require("@fluentui/react-utilities");
-const index_1 = /*#__PURE__*/require("../../utils/index");
-const react_icons_1 = /*#__PURE__*/require("@fluentui/react-icons");
-const react_badge_1 = /*#__PURE__*/require("@fluentui/react-badge");
-const react_shared_contexts_1 = /*#__PURE__*/require("@fluentui/react-shared-contexts");
-const AvatarContext_1 = /*#__PURE__*/require("../../contexts/AvatarContext");
-exports.DEFAULT_STRINGS = {
-  active: 'active',
-  inactive: 'inactive'
+const _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
+const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
+const _reactUtilities = require("@fluentui/react-utilities");
+const _index = require("../../utils/index");
+const _reactIcons = require("@fluentui/react-icons");
+const _reactBadge = require("@fluentui/react-badge");
+const _reactSharedContexts = require("@fluentui/react-shared-contexts");
+const _avatarContext = require("../../contexts/AvatarContext");
+const DEFAULT_STRINGS = {
+    active: 'active',
+    inactive: 'inactive'
 };
-const useAvatar_unstable = (props, ref) => {
-  var _a;
-  const {
-    dir
-  } = react_shared_contexts_1.useFluent_unstable();
-  const {
-    size: contextSize
-  } = AvatarContext_1.useAvatarContext();
-  const {
-    name,
-    size = contextSize !== null && contextSize !== void 0 ? contextSize : 32,
-    shape = 'circular',
-    active = 'unset',
-    activeAppearance = 'ring',
-    idForColor
-  } = props;
-  let {
-    color = 'neutral'
-  } = props;
-  // Resolve 'colorful' to a specific color name
-  if (color === 'colorful') {
-    color = avatarColors[getHashCode((_a = idForColor !== null && idForColor !== void 0 ? idForColor : name) !== null && _a !== void 0 ? _a : '') % avatarColors.length];
-  }
-  const baseId = react_utilities_1.useId('avatar-');
-  const root = react_utilities_1.getNativeElementProps('span', {
-    role: 'img',
-    id: baseId,
-    // aria-label and/or aria-labelledby are resolved below
-    ...props,
-    ref
-  }, /* excludedPropNames: */['name']);
-  const [imageHidden, setImageHidden] = React.useState(undefined);
-  const image = react_utilities_1.resolveShorthand(props.image, {
-    defaultProps: {
-      alt: '',
-      role: 'presentation',
-      'aria-hidden': true,
-      hidden: imageHidden
+const useAvatar_unstable = (props, ref)=>{
+    const { dir  } = (0, _reactSharedContexts.useFluent_unstable)();
+    const { size: contextSize  } = (0, _avatarContext.useAvatarContext)();
+    const { name , size =contextSize !== null && contextSize !== void 0 ? contextSize : 32 , shape ='circular' , active ='unset' , activeAppearance ='ring' , idForColor  } = props;
+    let { color ='neutral'  } = props;
+    // Resolve 'colorful' to a specific color name
+    if (color === 'colorful') {
+        var _ref;
+        color = avatarColors[getHashCode((_ref = idForColor !== null && idForColor !== void 0 ? idForColor : name) !== null && _ref !== void 0 ? _ref : '') % avatarColors.length];
     }
-  });
-  // Hide the image if it fails to load and restore it on a successful load
-  if (image) {
-    image.onError = react_utilities_1.mergeCallbacks(image.onError, () => setImageHidden(true));
-    image.onLoad = react_utilities_1.mergeCallbacks(image.onLoad, () => setImageHidden(undefined));
-  }
-  // Resolve the initials slot, defaulted to getInitials.
-  let initials = react_utilities_1.resolveShorthand(props.initials, {
-    required: true,
-    defaultProps: {
-      children: index_1.getInitials(name, dir === 'rtl', {
-        firstInitialOnly: size <= 16
-      }),
-      id: baseId + '__initials'
+    const baseId = (0, _reactUtilities.useId)('avatar-');
+    const root = (0, _reactUtilities.getNativeElementProps)('span', {
+        role: 'img',
+        id: baseId,
+        // aria-label and/or aria-labelledby are resolved below
+        ...props,
+        ref
+    }, /* excludedPropNames: */ [
+        'name'
+    ]);
+    const [imageHidden, setImageHidden] = _react.useState(undefined);
+    const image = (0, _reactUtilities.resolveShorthand)(props.image, {
+        defaultProps: {
+            alt: '',
+            role: 'presentation',
+            'aria-hidden': true,
+            hidden: imageHidden
+        }
+    });
+    // Hide the image if it fails to load and restore it on a successful load
+    if (image) {
+        image.onError = (0, _reactUtilities.mergeCallbacks)(image.onError, ()=>setImageHidden(true));
+        image.onLoad = (0, _reactUtilities.mergeCallbacks)(image.onLoad, ()=>setImageHidden(undefined));
     }
-  });
-  // Don't render the initials slot if it's empty
-  if (!(initials === null || initials === void 0 ? void 0 : initials.children)) {
-    initials = undefined;
-  }
-  // Render the icon slot *only if* there aren't any initials or image to display
-  let icon = undefined;
-  if (!initials && (!image || imageHidden)) {
-    icon = react_utilities_1.resolveShorthand(props.icon, {
-      required: true,
-      defaultProps: {
-        children: React.createElement(react_icons_1.PersonRegular, null),
-        'aria-hidden': true
-      }
+    // Resolve the initials slot, defaulted to getInitials.
+    let initials = (0, _reactUtilities.resolveShorthand)(props.initials, {
+        required: true,
+        defaultProps: {
+            children: (0, _index.getInitials)(name, dir === 'rtl', {
+                firstInitialOnly: size <= 16
+            }),
+            id: baseId + '__initials'
+        }
     });
-  }
-  const badge = react_utilities_1.resolveShorthand(props.badge, {
-    defaultProps: {
-      size: getBadgeSize(size),
-      id: baseId + '__badge'
+    // Don't render the initials slot if it's empty
+    if (!(initials === null || initials === void 0 ? void 0 : initials.children)) {
+        initials = undefined;
     }
-  });
-  let activeAriaLabelElement;
-  // Resolve aria-label and/or aria-labelledby if not provided by the user
-  if (!root['aria-label'] && !root['aria-labelledby']) {
-    if (name) {
-      root['aria-label'] = name;
-      // Include the badge in labelledby if it exists
-      if (badge) {
-        root['aria-labelledby'] = root.id + ' ' + badge.id;
-      }
-    } else if (initials) {
-      // root's aria-label should be the name, but fall back to being labelledby the initials if name is missing
-      root['aria-labelledby'] = initials.id + (badge ? ' ' + badge.id : '');
+    // Render the icon slot *only if* there aren't any initials or image to display
+    let icon = undefined;
+    if (!initials && (!image || imageHidden)) {
+        icon = (0, _reactUtilities.resolveShorthand)(props.icon, {
+            required: true,
+            defaultProps: {
+                children: /*#__PURE__*/ _react.createElement(_reactIcons.PersonRegular, null),
+                'aria-hidden': true
+            }
+        });
     }
-    // Add the active state to the aria label
-    if (active === 'active' || active === 'inactive') {
-      const activeText = exports.DEFAULT_STRINGS[active];
-      if (root['aria-labelledby']) {
-        // If using aria-labelledby, render a hidden span and append it to the labelledby
-        const activeId = baseId + '__active';
-        root['aria-labelledby'] += ' ' + activeId;
-        activeAriaLabelElement = React.createElement("span", {
-          hidden: true,
-          id: activeId
-        }, activeText);
-      } else if (root['aria-label']) {
-        // Otherwise, just append it to the aria-label
-        root['aria-label'] += ' ' + activeText;
-      }
+    const badge = (0, _reactUtilities.resolveShorthand)(props.badge, {
+        defaultProps: {
+            size: getBadgeSize(size),
+            id: baseId + '__badge'
+        }
+    });
+    let activeAriaLabelElement;
+    // Resolve aria-label and/or aria-labelledby if not provided by the user
+    if (!root['aria-label'] && !root['aria-labelledby']) {
+        if (name) {
+            root['aria-label'] = name;
+            // Include the badge in labelledby if it exists
+            if (badge) {
+                root['aria-labelledby'] = root.id + ' ' + badge.id;
+            }
+        } else if (initials) {
+            // root's aria-label should be the name, but fall back to being labelledby the initials if name is missing
+            root['aria-labelledby'] = initials.id + (badge ? ' ' + badge.id : '');
+        }
+        // Add the active state to the aria label
+        if (active === 'active' || active === 'inactive') {
+            const activeText = DEFAULT_STRINGS[active];
+            if (root['aria-labelledby']) {
+                // If using aria-labelledby, render a hidden span and append it to the labelledby
+                const activeId = baseId + '__active';
+                root['aria-labelledby'] += ' ' + activeId;
+                activeAriaLabelElement = /*#__PURE__*/ _react.createElement("span", {
+                    hidden: true,
+                    id: activeId
+                }, activeText);
+            } else if (root['aria-label']) {
+                // Otherwise, just append it to the aria-label
+                root['aria-label'] += ' ' + activeText;
+            }
+        }
     }
-  }
-  return {
-    size,
-    shape,
-    active,
-    activeAppearance,
-    activeAriaLabelElement,
-    color,
-    components: {
-      root: 'span',
-      initials: 'span',
-      icon: 'span',
-      image: 'img',
-      badge: react_badge_1.PresenceBadge
-    },
-    root,
-    initials,
-    icon,
-    image,
-    badge
-  };
+    return {
+        size,
+        shape,
+        active,
+        activeAppearance,
+        activeAriaLabelElement,
+        color,
+        components: {
+            root: 'span',
+            initials: 'span',
+            icon: 'span',
+            image: 'img',
+            badge: _reactBadge.PresenceBadge
+        },
+        root,
+        initials,
+        icon,
+        image,
+        badge
+    };
 };
-exports.useAvatar_unstable = useAvatar_unstable;
-const getBadgeSize = size => {
-  if (size >= 96) {
-    return 'extra-large';
-  } else if (size >= 64) {
-    return 'large';
-  } else if (size >= 56) {
-    return 'medium';
-  } else if (size >= 40) {
-    return 'small';
-  } else if (size >= 28) {
-    return 'extra-small';
-  } else {
-    return 'tiny';
-  }
+const getBadgeSize = (size)=>{
+    if (size >= 96) {
+        return 'extra-large';
+    } else if (size >= 64) {
+        return 'large';
+    } else if (size >= 56) {
+        return 'medium';
+    } else if (size >= 40) {
+        return 'small';
+    } else if (size >= 28) {
+        return 'extra-small';
+    } else {
+        return 'tiny';
+    }
 };
-const avatarColors = ['dark-red', 'cranberry', 'red', 'pumpkin', 'peach', 'marigold', 'gold', 'brass', 'brown', 'forest', 'seafoam', 'dark-green', 'light-teal', 'teal', 'steel', 'blue', 'royal-blue', 'cornflower', 'navy', 'lavender', 'purple', 'grape', 'lilac', 'pink', 'magenta', 'plum', 'beige', 'mink', 'platinum', 'anchor'];
-const getHashCode = str => {
-  let hashCode = 0;
-  for (let len = str.length - 1; len >= 0; len--) {
-    const ch = str.charCodeAt(len);
-    const shift = len % 8;
-    hashCode ^= (ch << shift) + (ch >> 8 - shift); // eslint-disable-line no-bitwise
-  }
+const avatarColors = [
+    'dark-red',
+    'cranberry',
+    'red',
+    'pumpkin',
+    'peach',
+    'marigold',
+    'gold',
+    'brass',
+    'brown',
+    'forest',
+    'seafoam',
+    'dark-green',
+    'light-teal',
+    'teal',
+    'steel',
+    'blue',
+    'royal-blue',
+    'cornflower',
+    'navy',
+    'lavender',
+    'purple',
+    'grape',
+    'lilac',
+    'pink',
+    'magenta',
+    'plum',
+    'beige',
+    'mink',
+    'platinum',
+    'anchor'
+];
+const getHashCode = (str)=>{
+    let hashCode = 0;
+    for(let len = str.length - 1; len >= 0; len--){
+        const ch = str.charCodeAt(len);
+        const shift = len % 8;
+        hashCode ^= (ch << shift) + (ch >> 8 - shift); // eslint-disable-line no-bitwise
+    }
+    return hashCode;
+}; //# sourceMappingURL=useAvatar.js.map
 
-  return hashCode;
-};
 //# sourceMappingURL=useAvatar.js.map

package/lib-commonjs/components/Avatar/useAvatar.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","require","react_utilities_1","index_1","react_icons_1","react_badge_1","react_shared_contexts_1","AvatarContext_1","exports","DEFAULT_STRINGS","active","inactive","useAvatar_unstable","props","ref","dir","useFluent_unstable","size","contextSize","useAvatarContext","name","shape","activeAppearance","idForColor","color","avatarColors","getHashCode","_a","length","baseId","useId","root","getNativeElementProps","role","id","imageHidden","setImageHidden","useState","undefined","image","resolveShorthand","defaultProps","alt","hidden","onError","mergeCallbacks","onLoad","initials","required","children","getInitials","firstInitialOnly","icon","createElement","PersonRegular","badge","getBadgeSize","activeAriaLabelElement","activeText","activeId","components","PresenceBadge","str","hashCode","len","ch","charCodeAt","shift"],"sources":["../src/packages/react-components/react-avatar/src/components/Avatar/useAvatar.tsx"],"sourcesContent":["import * as React from 'react';\nimport { getNativeElementProps, mergeCallbacks, resolveShorthand, useId } from '@fluentui/react-utilities';\nimport { getInitials } from '../../utils/index';\nimport type { AvatarNamedColor, AvatarProps, AvatarState } from './Avatar.types';\nimport { PersonRegular } from '@fluentui/react-icons';\nimport { PresenceBadge } from '@fluentui/react-badge';\nimport { useFluent_unstable as useFluent } from '@fluentui/react-shared-contexts';\nimport { useAvatarContext } from '../../contexts/AvatarContext';\n\nexport const DEFAULT_STRINGS = {\n  active: 'active',\n  inactive: 'inactive',\n};\n\nexport const useAvatar_unstable = (props: AvatarProps, ref: React.Ref<HTMLElement>): AvatarState => {\n  const { dir } = useFluent();\n  const { size: contextSize } = useAvatarContext();\n  const {\n    name,\n    size = contextSize ?? (32 as const),\n    shape = 'circular',\n    active = 'unset',\n    activeAppearance = 'ring',\n    idForColor,\n  } = props;\n  let { color = 'neutral' } = props;\n\n  // Resolve 'colorful' to a specific color name\n  if (color === 'colorful') {\n    color = avatarColors[getHashCode(idForColor ?? name ?? '') % avatarColors.length];\n  }\n\n  const baseId = useId('avatar-');\n\n  const root: AvatarState['root'] = getNativeElementProps(\n    'span',\n    {\n      role: 'img',\n      id: baseId,\n      // aria-label and/or aria-labelledby are resolved below\n      ...props,\n      ref,\n    },\n    /* excludedPropNames: */ ['name'],\n  );\n\n  const [imageHidden, setImageHidden] = React.useState<true | undefined>(undefined);\n  const image: AvatarState['image'] = resolveShorthand(props.image, {\n    defaultProps: {\n      alt: '',\n      role: 'presentation',\n      'aria-hidden': true,\n      hidden: imageHidden,\n    },\n  });\n\n  // Hide the image if it fails to load and restore it on a successful load\n  if (image) {\n    image.onError = mergeCallbacks(image.onError, () => setImageHidden(true));\n    image.onLoad = mergeCallbacks(image.onLoad, () => setImageHidden(undefined));\n  }\n\n  // Resolve the initials slot, defaulted to getInitials.\n  let initials: AvatarState['initials'] = resolveShorthand(props.initials, {\n    required: true,\n    defaultProps: {\n      children: getInitials(name, dir === 'rtl', { firstInitialOnly: size <= 16 }),\n      id: baseId + '__initials',\n    },\n  });\n\n  // Don't render the initials slot if it's empty\n  if (!initials?.children) {\n    initials = undefined;\n  }\n\n  // Render the icon slot *only if* there aren't any initials or image to display\n  let icon: AvatarState['icon'] = undefined;\n  if (!initials && (!image || imageHidden)) {\n    icon = resolveShorthand(props.icon, {\n      required: true,\n      defaultProps: {\n        children: <PersonRegular />,\n        'aria-hidden': true,\n      },\n    });\n  }\n\n  const badge: AvatarState['badge'] = resolveShorthand(props.badge, {\n    defaultProps: {\n      size: getBadgeSize(size),\n      id: baseId + '__badge',\n    },\n  });\n\n  let activeAriaLabelElement: AvatarState['activeAriaLabelElement'];\n\n  // Resolve aria-label and/or aria-labelledby if not provided by the user\n  if (!root['aria-label'] && !root['aria-labelledby']) {\n    if (name) {\n      root['aria-label'] = name;\n\n      // Include the badge in labelledby if it exists\n      if (badge) {\n        root['aria-labelledby'] = root.id + ' ' + badge.id;\n      }\n    } else if (initials) {\n      // root's aria-label should be the name, but fall back to being labelledby the initials if name is missing\n      root['aria-labelledby'] = initials.id + (badge ? ' ' + badge.id : '');\n    }\n\n    // Add the active state to the aria label\n    if (active === 'active' || active === 'inactive') {\n      const activeText = DEFAULT_STRINGS[active];\n      if (root['aria-labelledby']) {\n        // If using aria-labelledby, render a hidden span and append it to the labelledby\n        const activeId = baseId + '__active';\n        root['aria-labelledby'] += ' ' + activeId;\n        activeAriaLabelElement = (\n          <span hidden id={activeId}>\n            {activeText}\n          </span>\n        );\n      } else if (root['aria-label']) {\n        // Otherwise, just append it to the aria-label\n        root['aria-label'] += ' ' + activeText;\n      }\n    }\n  }\n\n  return {\n    size,\n    shape,\n    active,\n    activeAppearance,\n    activeAriaLabelElement,\n    color,\n\n    components: {\n      root: 'span',\n      initials: 'span',\n      icon: 'span',\n      image: 'img',\n      badge: PresenceBadge,\n    },\n\n    root,\n    initials,\n    icon,\n    image,\n    badge,\n  };\n};\n\nconst getBadgeSize = (size: AvatarState['size']) => {\n  if (size >= 96) {\n    return 'extra-large';\n  } else if (size >= 64) {\n    return 'large';\n  } else if (size >= 56) {\n    return 'medium';\n  } else if (size >= 40) {\n    return 'small';\n  } else if (size >= 28) {\n    return 'extra-small';\n  } else {\n    return 'tiny';\n  }\n};\n\nconst avatarColors: AvatarNamedColor[] = [\n  'dark-red',\n  'cranberry',\n  'red',\n  'pumpkin',\n  'peach',\n  'marigold',\n  'gold',\n  'brass',\n  'brown',\n  'forest',\n  'seafoam',\n  'dark-green',\n  'light-teal',\n  'teal',\n  'steel',\n  'blue',\n  'royal-blue',\n  'cornflower',\n  'navy',\n  'lavender',\n  'purple',\n  'grape',\n  'lilac',\n  'pink',\n  'magenta',\n  'plum',\n  'beige',\n  'mink',\n  'platinum',\n  'anchor',\n];\n\nconst getHashCode = (str: string): number => {\n  let hashCode = 0;\n  for (let len: number = str.length - 1; len >= 0; len--) {\n    const ch = str.charCodeAt(len);\n    const shift = len % 8;\n    hashCode ^= (ch << shift) + (ch >> (8 - shift)); // eslint-disable-line no-bitwise\n  }\n\n  return hashCode;\n};\n"],"mappings":"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"}
+{"version":3,"sources":["../../../lib/components/Avatar/useAvatar.js"],"sourcesContent":["import * as React from 'react';\nimport { getNativeElementProps, mergeCallbacks, resolveShorthand, useId } from '@fluentui/react-utilities';\nimport { getInitials } from '../../utils/index';\nimport { PersonRegular } from '@fluentui/react-icons';\nimport { PresenceBadge } from '@fluentui/react-badge';\nimport { useFluent_unstable as useFluent } from '@fluentui/react-shared-contexts';\nimport { useAvatarContext } from '../../contexts/AvatarContext';\nexport const DEFAULT_STRINGS = {\n  active: 'active',\n  inactive: 'inactive'\n};\nexport const useAvatar_unstable = (props, ref) => {\n  const {\n    dir\n  } = useFluent();\n  const {\n    size: contextSize\n  } = useAvatarContext();\n  const {\n    name,\n    size = contextSize !== null && contextSize !== void 0 ? contextSize : 32,\n    shape = 'circular',\n    active = 'unset',\n    activeAppearance = 'ring',\n    idForColor\n  } = props;\n  let {\n    color = 'neutral'\n  } = props;\n  // Resolve 'colorful' to a specific color name\n  if (color === 'colorful') {\n    var _ref;\n    color = avatarColors[getHashCode((_ref = idForColor !== null && idForColor !== void 0 ? idForColor : name) !== null && _ref !== void 0 ? _ref : '') % avatarColors.length];\n  }\n  const baseId = useId('avatar-');\n  const root = getNativeElementProps('span', {\n    role: 'img',\n    id: baseId,\n    // aria-label and/or aria-labelledby are resolved below\n    ...props,\n    ref\n  }, /* excludedPropNames: */['name']);\n  const [imageHidden, setImageHidden] = React.useState(undefined);\n  const image = resolveShorthand(props.image, {\n    defaultProps: {\n      alt: '',\n      role: 'presentation',\n      'aria-hidden': true,\n      hidden: imageHidden\n    }\n  });\n  // Hide the image if it fails to load and restore it on a successful load\n  if (image) {\n    image.onError = mergeCallbacks(image.onError, () => setImageHidden(true));\n    image.onLoad = mergeCallbacks(image.onLoad, () => setImageHidden(undefined));\n  }\n  // Resolve the initials slot, defaulted to getInitials.\n  let initials = resolveShorthand(props.initials, {\n    required: true,\n    defaultProps: {\n      children: getInitials(name, dir === 'rtl', {\n        firstInitialOnly: size <= 16\n      }),\n      id: baseId + '__initials'\n    }\n  });\n  // Don't render the initials slot if it's empty\n  if (!(initials === null || initials === void 0 ? void 0 : initials.children)) {\n    initials = undefined;\n  }\n  // Render the icon slot *only if* there aren't any initials or image to display\n  let icon = undefined;\n  if (!initials && (!image || imageHidden)) {\n    icon = resolveShorthand(props.icon, {\n      required: true,\n      defaultProps: {\n        children: /*#__PURE__*/React.createElement(PersonRegular, null),\n        'aria-hidden': true\n      }\n    });\n  }\n  const badge = resolveShorthand(props.badge, {\n    defaultProps: {\n      size: getBadgeSize(size),\n      id: baseId + '__badge'\n    }\n  });\n  let activeAriaLabelElement;\n  // Resolve aria-label and/or aria-labelledby if not provided by the user\n  if (!root['aria-label'] && !root['aria-labelledby']) {\n    if (name) {\n      root['aria-label'] = name;\n      // Include the badge in labelledby if it exists\n      if (badge) {\n        root['aria-labelledby'] = root.id + ' ' + badge.id;\n      }\n    } else if (initials) {\n      // root's aria-label should be the name, but fall back to being labelledby the initials if name is missing\n      root['aria-labelledby'] = initials.id + (badge ? ' ' + badge.id : '');\n    }\n    // Add the active state to the aria label\n    if (active === 'active' || active === 'inactive') {\n      const activeText = DEFAULT_STRINGS[active];\n      if (root['aria-labelledby']) {\n        // If using aria-labelledby, render a hidden span and append it to the labelledby\n        const activeId = baseId + '__active';\n        root['aria-labelledby'] += ' ' + activeId;\n        activeAriaLabelElement = /*#__PURE__*/React.createElement(\"span\", {\n          hidden: true,\n          id: activeId\n        }, activeText);\n      } else if (root['aria-label']) {\n        // Otherwise, just append it to the aria-label\n        root['aria-label'] += ' ' + activeText;\n      }\n    }\n  }\n  return {\n    size,\n    shape,\n    active,\n    activeAppearance,\n    activeAriaLabelElement,\n    color,\n    components: {\n      root: 'span',\n      initials: 'span',\n      icon: 'span',\n      image: 'img',\n      badge: PresenceBadge\n    },\n    root,\n    initials,\n    icon,\n    image,\n    badge\n  };\n};\nconst getBadgeSize = size => {\n  if (size >= 96) {\n    return 'extra-large';\n  } else if (size >= 64) {\n    return 'large';\n  } else if (size >= 56) {\n    return 'medium';\n  } else if (size >= 40) {\n    return 'small';\n  } else if (size >= 28) {\n    return 'extra-small';\n  } else {\n    return 'tiny';\n  }\n};\nconst avatarColors = ['dark-red', 'cranberry', 'red', 'pumpkin', 'peach', 'marigold', 'gold', 'brass', 'brown', 'forest', 'seafoam', 'dark-green', 'light-teal', 'teal', 'steel', 'blue', 'royal-blue', 'cornflower', 'navy', 'lavender', 'purple', 'grape', 'lilac', 'pink', 'magenta', 'plum', 'beige', 'mink', 'platinum', 'anchor'];\nconst getHashCode = str => {\n  let hashCode = 0;\n  for (let len = str.length - 1; len >= 0; len--) {\n    const ch = str.charCodeAt(len);\n    const shift = len % 8;\n    hashCode ^= (ch << shift) + (ch >> 8 - shift); // eslint-disable-line no-bitwise\n  }\n\n  return hashCode;\n};\n//# sourceMappingURL=useAvatar.js.map"],"names":["DEFAULT_STRINGS","useAvatar_unstable","active","inactive","props","ref","dir","useFluent","size","contextSize","useAvatarContext","name","shape","activeAppearance","idForColor","color","_ref","avatarColors","getHashCode","length","baseId","useId","root","getNativeElementProps","role","id","imageHidden","setImageHidden","React","useState","undefined","image","resolveShorthand","defaultProps","alt","hidden","onError","mergeCallbacks","onLoad","initials","required","children","getInitials","firstInitialOnly","icon","createElement","PersonRegular","badge","getBadgeSize","activeAriaLabelElement","activeText","activeId","components","PresenceBadge","str","hashCode","len","ch","charCodeAt","shift"],"mappings":"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"}