@fluentui/react-avatar 9.4.4 → 9.4.6

package/lib-commonjs/components/AvatarGroupItem/AvatarGroupItem.js

@@ -1,26 +1,24 @@
 "use strict";
-
 Object.defineProperty(exports, "__esModule", {
-  value: true
+    value: true
+});
+Object.defineProperty(exports, "AvatarGroupItem", {
+    enumerable: true,
+    get: ()=>AvatarGroupItem
 });
-exports.AvatarGroupItem = void 0;
-const React = /*#__PURE__*/require("react");
-const renderAvatarGroupItem_1 = /*#__PURE__*/require("./renderAvatarGroupItem");
-const useAvatarGroupItem_1 = /*#__PURE__*/require("./useAvatarGroupItem");
-const react_shared_contexts_1 = /*#__PURE__*/require("@fluentui/react-shared-contexts");
-const useAvatarGroupItemStyles_1 = /*#__PURE__*/require("./useAvatarGroupItemStyles");
-/**
- * The AvatarGroupItem component represents a single person or entity.
- * AvatarGroupItem should only be used in an AvatarGroup component.
- */
-exports.AvatarGroupItem = /*#__PURE__*/React.forwardRef((props, ref) => {
-  const state = useAvatarGroupItem_1.useAvatarGroupItem_unstable(props, ref);
-  useAvatarGroupItemStyles_1.useAvatarGroupItemStyles_unstable(state);
-  const {
-    useAvatarGroupItemStyles_unstable: useCustomStyles
-  } = react_shared_contexts_1.useCustomStyleHooks_unstable();
-  useCustomStyles(state);
-  return renderAvatarGroupItem_1.renderAvatarGroupItem_unstable(state);
+const _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
+const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
+const _renderAvatarGroupItem = require("./renderAvatarGroupItem");
+const _useAvatarGroupItem = require("./useAvatarGroupItem");
+const _reactSharedContexts = require("@fluentui/react-shared-contexts");
+const _useAvatarGroupItemStyles = require("./useAvatarGroupItemStyles");
+const AvatarGroupItem = /*#__PURE__*/ _react.forwardRef((props, ref)=>{
+    const state = (0, _useAvatarGroupItem.useAvatarGroupItem_unstable)(props, ref);
+    (0, _useAvatarGroupItemStyles.useAvatarGroupItemStyles_unstable)(state);
+    const { useAvatarGroupItemStyles_unstable: useCustomStyles  } = (0, _reactSharedContexts.useCustomStyleHooks_unstable)();
+    useCustomStyles(state);
+    return (0, _renderAvatarGroupItem.renderAvatarGroupItem_unstable)(state);
 });
-exports.AvatarGroupItem.displayName = 'AvatarGroupItem';
+AvatarGroupItem.displayName = 'AvatarGroupItem'; //# sourceMappingURL=AvatarGroupItem.js.map
+
 //# sourceMappingURL=AvatarGroupItem.js.map

package/lib-commonjs/components/AvatarGroupItem/AvatarGroupItem.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","require","renderAvatarGroupItem_1","useAvatarGroupItem_1","react_shared_contexts_1","useAvatarGroupItemStyles_1","exports","AvatarGroupItem","forwardRef","props","ref","state","useAvatarGroupItem_unstable","useAvatarGroupItemStyles_unstable","useCustomStyles","useCustomStyleHooks_unstable","renderAvatarGroupItem_unstable","displayName"],"sources":["../src/packages/react-components/react-avatar/src/components/AvatarGroupItem/AvatarGroupItem.tsx"],"sourcesContent":["import * as React from 'react';\nimport { renderAvatarGroupItem_unstable } from './renderAvatarGroupItem';\nimport { useAvatarGroupItem_unstable } from './useAvatarGroupItem';\nimport { useCustomStyleHooks_unstable } from '@fluentui/react-shared-contexts';\nimport { useAvatarGroupItemStyles_unstable } from './useAvatarGroupItemStyles';\nimport type { AvatarGroupItemProps } from './AvatarGroupItem.types';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\n\n/**\n * The AvatarGroupItem component represents a single person or entity.\n * AvatarGroupItem should only be used in an AvatarGroup component.\n */\nexport const AvatarGroupItem: ForwardRefComponent<AvatarGroupItemProps> = React.forwardRef((props, ref) => {\n  const state = useAvatarGroupItem_unstable(props, ref);\n\n  useAvatarGroupItemStyles_unstable(state);\n\n  const { useAvatarGroupItemStyles_unstable: useCustomStyles } = useCustomStyleHooks_unstable();\n  useCustomStyles(state);\n\n  return renderAvatarGroupItem_unstable(state);\n});\n\nAvatarGroupItem.displayName = 'AvatarGroupItem';\n"],"mappings":";;;;;;AAAA,MAAAA,KAAA,gBAAAC,OAAA;AACA,MAAAC,uBAAA,gBAAAD,OAAA;AACA,MAAAE,oBAAA,gBAAAF,OAAA;AACA,MAAAG,uBAAA,gBAAAH,OAAA;AACA,MAAAI,0BAAA,gBAAAJ,OAAA;AAIA;;;;AAIaK,OAAA,CAAAC,eAAe,gBAA8CP,KAAK,CAACQ,UAAU,CAAC,CAACC,KAAK,EAAEC,GAAG,KAAI;EACxG,MAAMC,KAAK,GAAGR,oBAAA,CAAAS,2BAA2B,CAACH,KAAK,EAAEC,GAAG,CAAC;EAErDL,0BAAA,CAAAQ,iCAAiC,CAACF,KAAK,CAAC;EAExC,MAAM;IAAEE,iCAAiC,EAAEC;EAAe,CAAE,GAAGV,uBAAA,CAAAW,4BAA4B,EAAE;EAC7FD,eAAe,CAACH,KAAK,CAAC;EAEtB,OAAOT,uBAAA,CAAAc,8BAA8B,CAACL,KAAK,CAAC;AAC9C,CAAC,CAAC;AAEFL,OAAA,CAAAC,eAAe,CAACU,WAAW,GAAG,iBAAiB"}
+{"version":3,"sources":["../../../lib/components/AvatarGroupItem/AvatarGroupItem.js"],"sourcesContent":["import * as React from 'react';\nimport { renderAvatarGroupItem_unstable } from './renderAvatarGroupItem';\nimport { useAvatarGroupItem_unstable } from './useAvatarGroupItem';\nimport { useCustomStyleHooks_unstable } from '@fluentui/react-shared-contexts';\nimport { useAvatarGroupItemStyles_unstable } from './useAvatarGroupItemStyles';\n/**\n * The AvatarGroupItem component represents a single person or entity.\n * AvatarGroupItem should only be used in an AvatarGroup component.\n */\nexport const AvatarGroupItem = /*#__PURE__*/React.forwardRef((props, ref) => {\n  const state = useAvatarGroupItem_unstable(props, ref);\n  useAvatarGroupItemStyles_unstable(state);\n  const {\n    useAvatarGroupItemStyles_unstable: useCustomStyles\n  } = useCustomStyleHooks_unstable();\n  useCustomStyles(state);\n  return renderAvatarGroupItem_unstable(state);\n});\nAvatarGroupItem.displayName = 'AvatarGroupItem';\n//# sourceMappingURL=AvatarGroupItem.js.map"],"names":["AvatarGroupItem","React","forwardRef","props","ref","state","useAvatarGroupItem_unstable","useAvatarGroupItemStyles_unstable","useCustomStyles","useCustomStyleHooks_unstable","renderAvatarGroupItem_unstable","displayName"],"mappings":";;;;+BASaA;;aAAAA;;;6DATU;uCACwB;oCACH;qCACC;0CACK;AAK3C,MAAMA,kBAAkB,WAAW,GAAEC,OAAMC,UAAU,CAAC,CAACC,OAAOC,MAAQ;IAC3E,MAAMC,QAAQC,IAAAA,+CAA2B,EAACH,OAAOC;IACjDG,IAAAA,2DAAiC,EAACF;IAClC,MAAM,EACJE,mCAAmCC,gBAAe,EACnD,GAAGC,IAAAA,iDAA4B;IAChCD,gBAAgBH;IAChB,OAAOK,IAAAA,qDAA8B,EAACL;AACxC;AACAL,gBAAgBW,WAAW,GAAG,mBAC9B,2CAA2C"}

package/lib-commonjs/components/AvatarGroupItem/AvatarGroupItem.types.js

@@ -1,6 +1,7 @@
 "use strict";
-
 Object.defineProperty(exports, "__esModule", {
-  value: true
+    value: true
 });
+ //# sourceMappingURL=AvatarGroupItem.types.js.map
+
 //# sourceMappingURL=AvatarGroupItem.types.js.map

package/lib-commonjs/components/AvatarGroupItem/AvatarGroupItem.types.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["../src/packages/react-components/react-avatar/src/components/AvatarGroupItem/AvatarGroupItem.types.ts"],"sourcesContent":["import { AvatarGroupProps } from '../AvatarGroup/AvatarGroup.types';\nimport type { Avatar, AvatarSize } from '../../Avatar';\nimport type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';\n\nexport type AvatarGroupItemSlots = {\n  root: NonNullable<Slot<'div', 'li'>>;\n\n  /**\n   * Avatar that represents a person or entity.\n   */\n  avatar: NonNullable<Slot<typeof Avatar>>;\n\n  /**\n   * Label used for the name of the AvatarGroupItem when rendered as an overflow item.\n   * The content of the label, by default, is the `name` prop from the `avatar` slot.\n   */\n  overflowLabel: NonNullable<Slot<'span'>>;\n};\n\n/**\n * AvatarGroupItem Props\n */\nexport type AvatarGroupItemProps = Omit<ComponentProps<Partial<AvatarGroupItemSlots>, 'avatar'>, 'size' | 'shape'>;\n\n/**\n * State used in rendering AvatarGroupItem\n */\nexport type AvatarGroupItemState = ComponentState<AvatarGroupItemSlots> & {\n  /**\n   * Whether the Avatar is an overflow item.\n   *\n   * @default false\n   */\n  isOverflowItem?: boolean;\n\n  layout: AvatarGroupProps['layout'];\n  size: AvatarSize;\n};\n"],"mappings":""}
+{"version":3,"sources":["../../../lib/components/AvatarGroupItem/AvatarGroupItem.types.js"],"sourcesContent":["export {};\n//# sourceMappingURL=AvatarGroupItem.types.js.map"],"names":[],"mappings":";;;;CACA,iDAAiD"}

package/lib-commonjs/components/AvatarGroupItem/index.js

@@ -1,12 +1,13 @@
 "use strict";
-
 Object.defineProperty(exports, "__esModule", {
-  value: true
+    value: true
 });
-const tslib_1 = /*#__PURE__*/require("tslib");
-tslib_1.__exportStar(require("./AvatarGroupItem"), exports);
-tslib_1.__exportStar(require("./AvatarGroupItem.types"), exports);
-tslib_1.__exportStar(require("./renderAvatarGroupItem"), exports);
-tslib_1.__exportStar(require("./useAvatarGroupItem"), exports);
-tslib_1.__exportStar(require("./useAvatarGroupItemStyles"), exports);
+const _exportStar = require("@swc/helpers/lib/_export_star.js").default;
+_exportStar(require("./AvatarGroupItem"), exports);
+_exportStar(require("./AvatarGroupItem.types"), exports);
+_exportStar(require("./renderAvatarGroupItem"), exports);
+_exportStar(require("./useAvatarGroupItem"), exports);
+_exportStar(require("./useAvatarGroupItemStyles"), exports);
+ //# sourceMappingURL=index.js.map
+
 //# sourceMappingURL=index.js.map

package/lib-commonjs/components/AvatarGroupItem/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["tslib_1","__exportStar","require","exports"],"sources":["../src/packages/react-components/react-avatar/src/components/AvatarGroupItem/index.ts"],"sourcesContent":["export * from './AvatarGroupItem';\nexport * from './AvatarGroupItem.types';\nexport * from './renderAvatarGroupItem';\nexport * from './useAvatarGroupItem';\nexport * from './useAvatarGroupItemStyles';\n"],"mappings":";;;;;;AAAAA,OAAA,CAAAC,YAAA,CAAAC,OAAA,uBAAAC,OAAA;AACAH,OAAA,CAAAC,YAAA,CAAAC,OAAA,6BAAAC,OAAA;AACAH,OAAA,CAAAC,YAAA,CAAAC,OAAA,6BAAAC,OAAA;AACAH,OAAA,CAAAC,YAAA,CAAAC,OAAA,0BAAAC,OAAA;AACAH,OAAA,CAAAC,YAAA,CAAAC,OAAA,gCAAAC,OAAA"}
+{"version":3,"sources":["../../../lib/components/AvatarGroupItem/index.js"],"sourcesContent":["export * from './AvatarGroupItem';\nexport * from './AvatarGroupItem.types';\nexport * from './renderAvatarGroupItem';\nexport * from './useAvatarGroupItem';\nexport * from './useAvatarGroupItemStyles';\n//# sourceMappingURL=index.js.map"],"names":[],"mappings":";;;;;oBAAc;oBACA;oBACA;oBACA;oBACA;CACd,iCAAiC"}

package/lib-commonjs/components/AvatarGroupItem/renderAvatarGroupItem.js

@@ -1,26 +1,17 @@
 "use strict";
-
 Object.defineProperty(exports, "__esModule", {
-  value: true
+    value: true
+});
+Object.defineProperty(exports, "renderAvatarGroupItem_unstable", {
+    enumerable: true,
+    get: ()=>renderAvatarGroupItem_unstable
 });
-exports.renderAvatarGroupItem_unstable = void 0;
-const React = /*#__PURE__*/require("react");
-const react_utilities_1 = /*#__PURE__*/require("@fluentui/react-utilities");
-/**
- * Render the final JSX of AvatarGroupItem
- */
-const renderAvatarGroupItem_unstable = state => {
-  const {
-    slots,
-    slotProps
-  } = react_utilities_1.getSlots(state);
-  return React.createElement(slots.root, {
-    ...slotProps.root
-  }, React.createElement(slots.avatar, {
-    ...slotProps.avatar
-  }), state.isOverflowItem && React.createElement(slots.overflowLabel, {
-    ...slotProps.overflowLabel
-  }));
-};
-exports.renderAvatarGroupItem_unstable = renderAvatarGroupItem_unstable;
+const _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
+const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
+const _reactUtilities = require("@fluentui/react-utilities");
+const renderAvatarGroupItem_unstable = (state)=>{
+    const { slots , slotProps  } = (0, _reactUtilities.getSlots)(state);
+    return /*#__PURE__*/ _react.createElement(slots.root, slotProps.root, /*#__PURE__*/ _react.createElement(slots.avatar, slotProps.avatar), state.isOverflowItem && /*#__PURE__*/ _react.createElement(slots.overflowLabel, slotProps.overflowLabel));
+}; //# sourceMappingURL=renderAvatarGroupItem.js.map
+
 //# sourceMappingURL=renderAvatarGroupItem.js.map

package/lib-commonjs/components/AvatarGroupItem/renderAvatarGroupItem.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","require","react_utilities_1","renderAvatarGroupItem_unstable","state","slots","slotProps","getSlots","createElement","root","avatar","isOverflowItem","overflowLabel","exports"],"sources":["../src/packages/react-components/react-avatar/src/components/AvatarGroupItem/renderAvatarGroupItem.tsx"],"sourcesContent":["import * as React from 'react';\nimport { getSlots } from '@fluentui/react-utilities';\nimport type { AvatarGroupItemState, AvatarGroupItemSlots } from './AvatarGroupItem.types';\n\n/**\n * Render the final JSX of AvatarGroupItem\n */\nexport const renderAvatarGroupItem_unstable = (state: AvatarGroupItemState) => {\n  const { slots, slotProps } = getSlots<AvatarGroupItemSlots>(state);\n\n  return (\n    <slots.root {...slotProps.root}>\n      <slots.avatar {...slotProps.avatar} />\n      {state.isOverflowItem && <slots.overflowLabel {...slotProps.overflowLabel} />}\n    </slots.root>\n  );\n};\n"],"mappings":";;;;;;AAAA,MAAAA,KAAA,gBAAAC,OAAA;AACA,MAAAC,iBAAA,gBAAAD,OAAA;AAGA;;;AAGO,MAAME,8BAA8B,GAAIC,KAA2B,IAAI;EAC5E,MAAM;IAAEC,KAAK;IAAEC;EAAS,CAAE,GAAGJ,iBAAA,CAAAK,QAAQ,CAAuBH,KAAK,CAAC;EAElE,OACEJ,KAAA,CAAAQ,aAAA,CAACH,KAAK,CAACI,IAAI;IAAA,GAAKH,SAAS,CAACG;EAAI,GAC5BT,KAAA,CAAAQ,aAAA,CAACH,KAAK,CAACK,MAAM;IAAA,GAAKJ,SAAS,CAACI;EAAM,EAAI,EACrCN,KAAK,CAACO,cAAc,IAAIX,KAAA,CAAAQ,aAAA,CAACH,KAAK,CAACO,aAAa;IAAA,GAAKN,SAAS,CAACM;EAAa,EAAI,CAClE;AAEjB,CAAC;AATYC,OAAA,CAAAV,8BAA8B,GAAAA,8BAAA"}
+{"version":3,"sources":["../../../lib/components/AvatarGroupItem/renderAvatarGroupItem.js"],"sourcesContent":["import * as React from 'react';\nimport { getSlots } from '@fluentui/react-utilities';\n/**\n * Render the final JSX of AvatarGroupItem\n */\nexport const renderAvatarGroupItem_unstable = state => {\n  const {\n    slots,\n    slotProps\n  } = getSlots(state);\n  return /*#__PURE__*/React.createElement(slots.root, slotProps.root, /*#__PURE__*/React.createElement(slots.avatar, slotProps.avatar), state.isOverflowItem && /*#__PURE__*/React.createElement(slots.overflowLabel, slotProps.overflowLabel));\n};\n//# sourceMappingURL=renderAvatarGroupItem.js.map"],"names":["renderAvatarGroupItem_unstable","state","slots","slotProps","getSlots","React","createElement","root","avatar","isOverflowItem","overflowLabel"],"mappings":";;;;+BAKaA;;aAAAA;;;6DALU;gCACE;AAIlB,MAAMA,iCAAiCC,CAAAA,QAAS;IACrD,MAAM,EACJC,MAAK,EACLC,UAAS,EACV,GAAGC,IAAAA,wBAAQ,EAACH;IACb,OAAO,WAAW,GAAEI,OAAMC,aAAa,CAACJ,MAAMK,IAAI,EAAEJ,UAAUI,IAAI,EAAE,WAAW,GAAEF,OAAMC,aAAa,CAACJ,MAAMM,MAAM,EAAEL,UAAUK,MAAM,GAAGP,MAAMQ,cAAc,IAAI,WAAW,GAAEJ,OAAMC,aAAa,CAACJ,MAAMQ,aAAa,EAAEP,UAAUO,aAAa;AAC7O,GACA,iDAAiD"}

package/lib-commonjs/components/AvatarGroupItem/useAvatarGroupItem.js

@@ -1,73 +1,64 @@
 "use strict";
-
 Object.defineProperty(exports, "__esModule", {
-  value: true
+    value: true
+});
+Object.defineProperty(exports, "useAvatarGroupItem_unstable", {
+    enumerable: true,
+    get: ()=>useAvatarGroupItem_unstable
 });
-exports.useAvatarGroupItem_unstable = void 0;
-const Avatar_1 = /*#__PURE__*/require("../Avatar/Avatar");
-const AvatarGroupContext_1 = /*#__PURE__*/require("../../contexts/AvatarGroupContext");
-const useAvatarGroup_1 = /*#__PURE__*/require("../AvatarGroup/useAvatarGroup");
-const react_utilities_1 = /*#__PURE__*/require("@fluentui/react-utilities");
-const react_context_selector_1 = /*#__PURE__*/require("@fluentui/react-context-selector");
-/**
- * Create the state required to render AvatarGroupItem.
- *
- * The returned state can be modified with hooks such as useAvatarGroupItemStyles_unstable,
- * before being passed to renderAvatarGroupItem_unstable.
- *
- * @param props - props from this instance of AvatarGroupItem
- * @param ref - reference to root HTMLElement of AvatarGroupItem
- */
-const useAvatarGroupItem_unstable = (props, ref) => {
-  const groupIsOverflow = AvatarGroupContext_1.useAvatarGroupContext_unstable(ctx => ctx.isOverflow);
-  const groupSize = AvatarGroupContext_1.useAvatarGroupContext_unstable(ctx => ctx.size);
-  const layout = AvatarGroupContext_1.useAvatarGroupContext_unstable(ctx => ctx.layout);
-  // Since the primary slot is not an intrinsic element, getPartitionedNativeProps cannot be used here.
-  const {
-    style,
-    className,
-    ...avatarSlotProps
-  } = props;
-  const size = groupSize !== null && groupSize !== void 0 ? groupSize : useAvatarGroup_1.defaultAvatarGroupSize;
-  const hasAvatarGroupContext = react_context_selector_1.useHasParentContext(AvatarGroupContext_1.AvatarGroupContext);
-  if (process.env.NODE_ENV !== 'production' && !hasAvatarGroupContext) {
-    // eslint-disable-next-line no-console
-    console.warn('AvatarGroupItem must only be used inside an AvatarGroup component.');
-  }
-  return {
-    isOverflowItem: groupIsOverflow,
-    layout,
-    size,
-    components: {
-      root: groupIsOverflow ? 'li' : 'div',
-      avatar: Avatar_1.Avatar,
-      overflowLabel: 'span'
-    },
-    root: react_utilities_1.resolveShorthand(props.root, {
-      required: true,
-      defaultProps: {
-        style,
-        className
-      }
-    }),
-    avatar: react_utilities_1.resolveShorthand(props.avatar, {
-      required: true,
-      defaultProps: {
-        ref,
+const _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
+const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
+const _avatar = require("../Avatar/Avatar");
+const _avatarGroupContext = require("../../contexts/AvatarGroupContext");
+const _useAvatarGroup = require("../AvatarGroup/useAvatarGroup");
+const _reactUtilities = require("@fluentui/react-utilities");
+const _reactContextSelector = require("@fluentui/react-context-selector");
+const useAvatarGroupItem_unstable = (props, ref)=>{
+    const groupIsOverflow = (0, _avatarGroupContext.useAvatarGroupContext_unstable)((ctx)=>ctx.isOverflow);
+    const groupSize = (0, _avatarGroupContext.useAvatarGroupContext_unstable)((ctx)=>ctx.size);
+    const layout = (0, _avatarGroupContext.useAvatarGroupContext_unstable)((ctx)=>ctx.layout);
+    // Since the primary slot is not an intrinsic element, getPartitionedNativeProps cannot be used here.
+    const { style , className , ...avatarSlotProps } = props;
+    const size = groupSize !== null && groupSize !== void 0 ? groupSize : _useAvatarGroup.defaultAvatarGroupSize;
+    const hasAvatarGroupContext = (0, _reactContextSelector.useHasParentContext)(_avatarGroupContext.AvatarGroupContext);
+    if (process.env.NODE_ENV !== 'production' && !hasAvatarGroupContext) {
+        // eslint-disable-next-line no-console
+        console.warn('AvatarGroupItem must only be used inside an AvatarGroup component.');
+    }
+    return {
+        isOverflowItem: groupIsOverflow,
+        layout,
         size,
-        color: 'colorful',
-        ...avatarSlotProps
-      }
-    }),
-    overflowLabel: react_utilities_1.resolveShorthand(props.overflowLabel, {
-      required: true,
-      defaultProps: {
-        // Avatar already has its aria-label set to the name, this will prevent the name to be read twice.
-        'aria-hidden': true,
-        children: props.name
-      }
-    })
-  };
-};
-exports.useAvatarGroupItem_unstable = useAvatarGroupItem_unstable;
+        components: {
+            root: groupIsOverflow ? 'li' : 'div',
+            avatar: _avatar.Avatar,
+            overflowLabel: 'span'
+        },
+        root: (0, _reactUtilities.resolveShorthand)(props.root, {
+            required: true,
+            defaultProps: {
+                style,
+                className
+            }
+        }),
+        avatar: (0, _reactUtilities.resolveShorthand)(props.avatar, {
+            required: true,
+            defaultProps: {
+                ref,
+                size,
+                color: 'colorful',
+                ...avatarSlotProps
+            }
+        }),
+        overflowLabel: (0, _reactUtilities.resolveShorthand)(props.overflowLabel, {
+            required: true,
+            defaultProps: {
+                // Avatar already has its aria-label set to the name, this will prevent the name to be read twice.
+                'aria-hidden': true,
+                children: props.name
+            }
+        })
+    };
+}; //# sourceMappingURL=useAvatarGroupItem.js.map
+
 //# sourceMappingURL=useAvatarGroupItem.js.map

package/lib-commonjs/components/AvatarGroupItem/useAvatarGroupItem.js.map

@@ -1 +1 @@
-{"version":3,"names":["Avatar_1","require","AvatarGroupContext_1","useAvatarGroup_1","react_utilities_1","react_context_selector_1","useAvatarGroupItem_unstable","props","ref","groupIsOverflow","useAvatarGroupContext_unstable","ctx","isOverflow","groupSize","size","layout","style","className","avatarSlotProps","defaultAvatarGroupSize","hasAvatarGroupContext","useHasParentContext","AvatarGroupContext","process","env","NODE_ENV","console","warn","isOverflowItem","components","root","avatar","Avatar","overflowLabel","resolveShorthand","required","defaultProps","color","children","name","exports"],"sources":["../src/packages/react-components/react-avatar/src/components/AvatarGroupItem/useAvatarGroupItem.ts"],"sourcesContent":["import * as React from 'react';\nimport { Avatar } from '../Avatar/Avatar';\nimport { AvatarGroupContext, useAvatarGroupContext_unstable } from '../../contexts/AvatarGroupContext';\nimport { defaultAvatarGroupSize } from '../AvatarGroup/useAvatarGroup';\nimport { resolveShorthand } from '@fluentui/react-utilities';\nimport { useHasParentContext } from '@fluentui/react-context-selector';\nimport type { AvatarGroupItemProps, AvatarGroupItemState } from './AvatarGroupItem.types';\n\n/**\n * Create the state required to render AvatarGroupItem.\n *\n * The returned state can be modified with hooks such as useAvatarGroupItemStyles_unstable,\n * before being passed to renderAvatarGroupItem_unstable.\n *\n * @param props - props from this instance of AvatarGroupItem\n * @param ref - reference to root HTMLElement of AvatarGroupItem\n */\nexport const useAvatarGroupItem_unstable = (\n  props: AvatarGroupItemProps,\n  ref: React.Ref<HTMLElement>,\n): AvatarGroupItemState => {\n  const groupIsOverflow = useAvatarGroupContext_unstable(ctx => ctx.isOverflow);\n  const groupSize = useAvatarGroupContext_unstable(ctx => ctx.size);\n  const layout = useAvatarGroupContext_unstable(ctx => ctx.layout);\n  // Since the primary slot is not an intrinsic element, getPartitionedNativeProps cannot be used here.\n  const { style, className, ...avatarSlotProps } = props;\n  const size = groupSize ?? defaultAvatarGroupSize;\n  const hasAvatarGroupContext = useHasParentContext(AvatarGroupContext);\n\n  if (process.env.NODE_ENV !== 'production' && !hasAvatarGroupContext) {\n    // eslint-disable-next-line no-console\n    console.warn('AvatarGroupItem must only be used inside an AvatarGroup component.');\n  }\n\n  return {\n    isOverflowItem: groupIsOverflow,\n    layout,\n    size,\n    components: {\n      root: groupIsOverflow ? 'li' : 'div',\n      avatar: Avatar,\n      overflowLabel: 'span',\n    },\n    root: resolveShorthand(props.root, {\n      required: true,\n      defaultProps: {\n        style,\n        className,\n      },\n    }),\n    avatar: resolveShorthand(props.avatar, {\n      required: true,\n      defaultProps: {\n        ref,\n        size,\n        color: 'colorful',\n        ...avatarSlotProps,\n      },\n    }),\n    overflowLabel: resolveShorthand(props.overflowLabel, {\n      required: true,\n      defaultProps: {\n        // Avatar already has its aria-label set to the name, this will prevent the name to be read twice.\n        'aria-hidden': true,\n        children: props.name,\n      },\n    }),\n  };\n};\n"],"mappings":";;;;;;AACA,MAAAA,QAAA,gBAAAC,OAAA;AACA,MAAAC,oBAAA,gBAAAD,OAAA;AACA,MAAAE,gBAAA,gBAAAF,OAAA;AACA,MAAAG,iBAAA,gBAAAH,OAAA;AACA,MAAAI,wBAAA,gBAAAJ,OAAA;AAGA;;;;;;;;;AASO,MAAMK,2BAA2B,GAAGA,CACzCC,KAA2B,EAC3BC,GAA2B,KACH;EACxB,MAAMC,eAAe,GAAGP,oBAAA,CAAAQ,8BAA8B,CAACC,GAAG,IAAIA,GAAG,CAACC,UAAU,CAAC;EAC7E,MAAMC,SAAS,GAAGX,oBAAA,CAAAQ,8BAA8B,CAACC,GAAG,IAAIA,GAAG,CAACG,IAAI,CAAC;EACjE,MAAMC,MAAM,GAAGb,oBAAA,CAAAQ,8BAA8B,CAACC,GAAG,IAAIA,GAAG,CAACI,MAAM,CAAC;EAChE;EACA,MAAM;IAAEC,KAAK;IAAEC,SAAS;IAAE,GAAGC;EAAe,CAAE,GAAGX,KAAK;EACtD,MAAMO,IAAI,GAAGD,SAAS,aAATA,SAAS,cAATA,SAAS,GAAIV,gBAAA,CAAAgB,sBAAsB;EAChD,MAAMC,qBAAqB,GAAGf,wBAAA,CAAAgB,mBAAmB,CAACnB,oBAAA,CAAAoB,kBAAkB,CAAC;EAErE,IAAIC,OAAO,CAACC,GAAG,CAACC,QAAQ,KAAK,YAAY,IAAI,CAACL,qBAAqB,EAAE;IACnE;IACAM,OAAO,CAACC,IAAI,CAAC,oEAAoE,CAAC;;EAGpF,OAAO;IACLC,cAAc,EAAEnB,eAAe;IAC/BM,MAAM;IACND,IAAI;IACJe,UAAU,EAAE;MACVC,IAAI,EAAErB,eAAe,GAAG,IAAI,GAAG,KAAK;MACpCsB,MAAM,EAAE/B,QAAA,CAAAgC,MAAM;MACdC,aAAa,EAAE;KAChB;IACDH,IAAI,EAAE1B,iBAAA,CAAA8B,gBAAgB,CAAC3B,KAAK,CAACuB,IAAI,EAAE;MACjCK,QAAQ,EAAE,IAAI;MACdC,YAAY,EAAE;QACZpB,KAAK;QACLC;;KAEH,CAAC;IACFc,MAAM,EAAE3B,iBAAA,CAAA8B,gBAAgB,CAAC3B,KAAK,CAACwB,MAAM,EAAE;MACrCI,QAAQ,EAAE,IAAI;MACdC,YAAY,EAAE;QACZ5B,GAAG;QACHM,IAAI;QACJuB,KAAK,EAAE,UAAU;QACjB,GAAGnB;;KAEN,CAAC;IACFe,aAAa,EAAE7B,iBAAA,CAAA8B,gBAAgB,CAAC3B,KAAK,CAAC0B,aAAa,EAAE;MACnDE,QAAQ,EAAE,IAAI;MACdC,YAAY,EAAE;QACZ;QACA,aAAa,EAAE,IAAI;QACnBE,QAAQ,EAAE/B,KAAK,CAACgC;;KAEnB;GACF;AACH,CAAC;AAnDYC,OAAA,CAAAlC,2BAA2B,GAAAA,2BAAA"}
+{"version":3,"sources":["../../../lib/components/AvatarGroupItem/useAvatarGroupItem.js"],"sourcesContent":["import * as React from 'react';\nimport { Avatar } from '../Avatar/Avatar';\nimport { AvatarGroupContext, useAvatarGroupContext_unstable } from '../../contexts/AvatarGroupContext';\nimport { defaultAvatarGroupSize } from '../AvatarGroup/useAvatarGroup';\nimport { resolveShorthand } from '@fluentui/react-utilities';\nimport { useHasParentContext } from '@fluentui/react-context-selector';\n/**\n * Create the state required to render AvatarGroupItem.\n *\n * The returned state can be modified with hooks such as useAvatarGroupItemStyles_unstable,\n * before being passed to renderAvatarGroupItem_unstable.\n *\n * @param props - props from this instance of AvatarGroupItem\n * @param ref - reference to root HTMLElement of AvatarGroupItem\n */\nexport const useAvatarGroupItem_unstable = (props, ref) => {\n  const groupIsOverflow = useAvatarGroupContext_unstable(ctx => ctx.isOverflow);\n  const groupSize = useAvatarGroupContext_unstable(ctx => ctx.size);\n  const layout = useAvatarGroupContext_unstable(ctx => ctx.layout);\n  // Since the primary slot is not an intrinsic element, getPartitionedNativeProps cannot be used here.\n  const {\n    style,\n    className,\n    ...avatarSlotProps\n  } = props;\n  const size = groupSize !== null && groupSize !== void 0 ? groupSize : defaultAvatarGroupSize;\n  const hasAvatarGroupContext = useHasParentContext(AvatarGroupContext);\n  if (process.env.NODE_ENV !== 'production' && !hasAvatarGroupContext) {\n    // eslint-disable-next-line no-console\n    console.warn('AvatarGroupItem must only be used inside an AvatarGroup component.');\n  }\n  return {\n    isOverflowItem: groupIsOverflow,\n    layout,\n    size,\n    components: {\n      root: groupIsOverflow ? 'li' : 'div',\n      avatar: Avatar,\n      overflowLabel: 'span'\n    },\n    root: resolveShorthand(props.root, {\n      required: true,\n      defaultProps: {\n        style,\n        className\n      }\n    }),\n    avatar: resolveShorthand(props.avatar, {\n      required: true,\n      defaultProps: {\n        ref,\n        size,\n        color: 'colorful',\n        ...avatarSlotProps\n      }\n    }),\n    overflowLabel: resolveShorthand(props.overflowLabel, {\n      required: true,\n      defaultProps: {\n        // Avatar already has its aria-label set to the name, this will prevent the name to be read twice.\n        'aria-hidden': true,\n        children: props.name\n      }\n    })\n  };\n};\n//# sourceMappingURL=useAvatarGroupItem.js.map"],"names":["useAvatarGroupItem_unstable","props","ref","groupIsOverflow","useAvatarGroupContext_unstable","ctx","isOverflow","groupSize","size","layout","style","className","avatarSlotProps","defaultAvatarGroupSize","hasAvatarGroupContext","useHasParentContext","AvatarGroupContext","process","env","NODE_ENV","console","warn","isOverflowItem","components","root","avatar","Avatar","overflowLabel","resolveShorthand","required","defaultProps","color","children","name"],"mappings":";;;;+BAeaA;;aAAAA;;;6DAfU;wBACA;oCAC4C;gCAC5B;gCACN;sCACG;AAU7B,MAAMA,8BAA8B,CAACC,OAAOC,MAAQ;IACzD,MAAMC,kBAAkBC,IAAAA,kDAA8B,EAACC,CAAAA,MAAOA,IAAIC,UAAU;IAC5E,MAAMC,YAAYH,IAAAA,kDAA8B,EAACC,CAAAA,MAAOA,IAAIG,IAAI;IAChE,MAAMC,SAASL,IAAAA,kDAA8B,EAACC,CAAAA,MAAOA,IAAII,MAAM;IAC/D,qGAAqG;IACrG,MAAM,EACJC,MAAK,EACLC,UAAS,EACT,GAAGC,iBACJ,GAAGX;IACJ,MAAMO,OAAOD,cAAc,IAAI,IAAIA,cAAc,KAAK,IAAIA,YAAYM,sCAAsB;IAC5F,MAAMC,wBAAwBC,IAAAA,yCAAmB,EAACC,sCAAkB;IACpE,IAAIC,QAAQC,GAAG,CAACC,QAAQ,KAAK,gBAAgB,CAACL,uBAAuB;QACnE,sCAAsC;QACtCM,QAAQC,IAAI,CAAC;IACf,CAAC;IACD,OAAO;QACLC,gBAAgBnB;QAChBM;QACAD;QACAe,YAAY;YACVC,MAAMrB,kBAAkB,OAAO,KAAK;YACpCsB,QAAQC,cAAM;YACdC,eAAe;QACjB;QACAH,MAAMI,IAAAA,gCAAgB,EAAC3B,MAAMuB,IAAI,EAAE;YACjCK,UAAU,IAAI;YACdC,cAAc;gBACZpB;gBACAC;YACF;QACF;QACAc,QAAQG,IAAAA,gCAAgB,EAAC3B,MAAMwB,MAAM,EAAE;YACrCI,UAAU,IAAI;YACdC,cAAc;gBACZ5B;gBACAM;gBACAuB,OAAO;gBACP,GAAGnB,eAAe;YACpB;QACF;QACAe,eAAeC,IAAAA,gCAAgB,EAAC3B,MAAM0B,aAAa,EAAE;YACnDE,UAAU,IAAI;YACdC,cAAc;gBACZ,kGAAkG;gBAClG,eAAe,IAAI;gBACnBE,UAAU/B,MAAMgC,IAAI;YACtB;QACF;IACF;AACF,GACA,8CAA8C"}